diff --git a/.editorconfig b/.editorconfig
index b585a76..e89330a 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -4,7 +4,7 @@ root = true
 [*]
 charset = utf-8
 indent_style = space
-indent_size = 4
+indent_size = 2
 insert_final_newline = true
 trim_trailing_whitespace = true
 
diff --git a/.github/workflows/auto-assign-by-label.yml b/.github/workflows/auto-assign-by-label.yml
index dfc5fe9..cf659b2 100644
--- a/.github/workflows/auto-assign-by-label.yml
+++ b/.github/workflows/auto-assign-by-label.yml
@@ -10,7 +10,6 @@ permissions:
   contents: read
   issues: write
   pull-requests: write
- 
 
 jobs:
   assign:
diff --git a/.github/workflows/deploy-pages.yml b/.github/workflows/deploy-pages.yml
index 84c93a3..344714b 100644
--- a/.github/workflows/deploy-pages.yml
+++ b/.github/workflows/deploy-pages.yml
@@ -1,51 +1,51 @@
 name: GitHub Pages
 
 on:
-    push:
-        branches:
-            - main
-    # Allows you to run this workflow manually from the Actions tab
-    workflow_dispatch:
+  push:
+    branches:
+      - main
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
 
 # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
 permissions:
-    contents: read
-    pages: write
-    id-token: write
+  contents: read
+  pages: write
+  id-token: write
 
 jobs:
-    deploy:
-        runs-on: ubuntu-latest
-        environment:
-            name: github-pages
-            url: ${{ steps.deployment.outputs.page_url }}
-        steps:
-            - name: Checkout 🛎️
-              uses: actions/checkout@v4
-
-            - name: Setup Node version 🍀
-              uses: actions/setup-node@v4
-              with:
-                  node-version: '20'
-                  cache: 'npm'
-
-            - name: Install dependencies 📦
-              run: npm ci
-
-            - name: Configure GitHub Pages ⚙️
-              uses: actions/configure-pages@v5
-
-            - name: Build Storybook 🛠️
-              run: |
-                  npm run build:storybook
-              env:
-                  PUBLIC_URL: "/${{ github.event.repository.name }}/"
-
-            - name: Upload artifacts 📁
-              uses: actions/upload-pages-artifact@v3
-              with:
-                  path: storybook-static
-
-            - name: Deploy to GitHub Pages 🚀
-              id: deployment
-              uses: actions/deploy-pages@v4
+  deploy:
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/checkout@v4
+
+      - name: Setup Node version 🍀
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+
+      - name: Install dependencies 📦
+        run: npm ci
+
+      - name: Configure GitHub Pages ⚙️
+        uses: actions/configure-pages@v5
+
+      - name: Build Storybook 🛠️
+        run: |
+          npm run build:storybook
+        env:
+          PUBLIC_URL: '/${{ github.event.repository.name }}/'
+
+      - name: Upload artifacts 📁
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: storybook-static
+
+      - name: Deploy to GitHub Pages 🚀
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/.github/workflows/npm-publish.yml b/.github/workflows/npm-publish.yml
index d44d6f4..e354578 100644
--- a/.github/workflows/npm-publish.yml
+++ b/.github/workflows/npm-publish.yml
@@ -19,9 +19,9 @@ jobs:
           registry-url: https://registry.npmjs.org/
       - name: Update npm
         run: npm install -g npm@latest
-      - run: npm ci
+      - run: npm ci --production
       - uses: reedyuk/npm-version@1.1.1
         with:
           version: ${{github.ref_name}}
-      - run: npm run build-themes
+      - run: npm run copy:dist
       - run: npm publish
diff --git a/.github/workflows/sync-status-to-hub.yml b/.github/workflows/sync-status-to-hub.yml
index c4c31e7..cbc56cf 100644
--- a/.github/workflows/sync-status-to-hub.yml
+++ b/.github/workflows/sync-status-to-hub.yml
@@ -26,50 +26,50 @@ jobs:
                 console.log('ℹ️ Not a Hub issue comment, skipping sync');
                 return;
               }
-              
+
               // Ищем номер Hub issue в описании
               const hubIssueMatch = issueForComment.body.match(/Hub Issue.*#(\d+)/);
               if (!hubIssueMatch) {
                 console.log('❌ Hub issue reference not found in comment issue');
                 return;
               }
-              
+
               const hubIssueNumber = parseInt(hubIssueMatch[1]);
               const [hubOwner, hubRepoName] = '${{ github.repository_owner }}/cdek-ui'.split('/');
-              
+
               await syncCommentToHub(comment, issueForComment, hubIssueNumber, hubOwner, hubRepoName);
               return;
             }
-            
+
             // Проверяем что задача создана из Hub
             const isFromHub = issue.labels.some(label => label.name === 'state/from-hub');
             if (!isFromHub) {
               console.log('ℹ️ Not a Hub issue, skipping sync');
               return;
             }
-            
+
             // Ищем номер Hub issue в описании
             const hubIssueMatch = issue.body.match(/Hub Issue.*#(\d+)/);
             if (!hubIssueMatch) {
               console.log('❌ Hub issue reference not found');
               return;
             }
-            
+
             const hubIssueNumber = parseInt(hubIssueMatch[1]);
             const hubRepo = '${{ github.repository_owner }}/cdek-ui';
-            
+
             // Определяем тип события для синхронизации лейблов
             if (context.eventName === 'issues' && (context.payload.action === 'labeled' || context.payload.action === 'unlabeled')) {
               await syncLabelsToHub(issue, hubIssueNumber, hubRepo, label);
             }
-            
+
             await syncStatusToHub(issue, hubIssueNumber, hubRepo);
-            
+
             async function syncStatusToHub(satelliteIssue, hubIssueNumber, hubRepo) {
               let status = '';
               let statusMessage = '';
               let shouldReopen = false;
-              
+
               // Определяем статус на основе состояния и лейблов
               if (satelliteIssue.state === 'closed') {
                 status = 'closed';
@@ -92,37 +92,37 @@ jobs:
                   statusMessage = '📋 Открыто в Satellite';
                 }
               }
-              
+
               if (!status) return;
-              
+
               // Отправляем статус в Hub
               await updateHubStatus(hubIssueNumber, status, statusMessage, satelliteIssue, hubRepo, shouldReopen);
             }
-            
+
             async function syncLabelsToHub(satelliteIssue, hubIssueNumber, hubRepo, changedLabel) {
               try {
                 const syncPrefixes = ['status/', 'priority/', 'area/', 'type/'];
                 const changedLabelName = changedLabel?.name;
-                
+
                 // Проверяем, относится ли измененный лейбл к синхронизируемым
                 const shouldSync = syncPrefixes.some(prefix => changedLabelName?.startsWith(prefix));
                 if (!shouldSync) {
                   console.log('ℹ️ Label not in sync scope: ' + changedLabelName);
                   return;
                 }
-                
+
                 console.log('🔄 Syncing label: ' + changedLabelName);
-                
+
                 // Получаем текущие лейблы satellite issue
                 const currentLabels = satelliteIssue.labels.map(l => l.name);
-                
+
                 // Фильтруем лейблы для синхронизации - берем ВСЕ лейблы с нужными префиксами
-                const labelsToSync = currentLabels.filter(labelName => 
+                const labelsToSync = currentLabels.filter(labelName =>
                   syncPrefixes.some(prefix => labelName.startsWith(prefix))
                 );
-                
+
                 console.log('📋 All labels to sync from satellite: ' + labelsToSync.join(', '));
-                
+
                 // Получаем текущие лейблы hub issue используя PAT
                 const hubIssueResponse = await fetch(
                   `https://api.github.com/repos/${hubRepo}/issues/${hubIssueNumber}`,
@@ -133,30 +133,30 @@ jobs:
                     }
                   }
                 );
-                
+
                 if (!hubIssueResponse.ok) {
                   throw new Error(`Failed to get hub issue: ${hubIssueResponse.status}`);
                 }
-                
+
                 const hubIssue = await hubIssueResponse.json();
                 const currentHubLabels = hubIssue.labels.map(l => l.name);
-                
+
                 // Определяем какие лейблы нужно удалить из hub
                 const labelsToRemove = [];
-                
+
                 // Для каждого префикса находим текущий лейбл в hub и сравниваем с satellite
                 for (const prefix of syncPrefixes) {
                   const satelliteLabelForPrefix = labelsToSync.find(label => label.startsWith(prefix));
                   const hubLabelForPrefix = currentHubLabels.find(label => label.startsWith(prefix));
-                  
+
                   // Если в hub есть лейбл этого префикса, но в satellite его нет или он другой - удаляем
                   if (hubLabelForPrefix && hubLabelForPrefix !== satelliteLabelForPrefix) {
                     labelsToRemove.push(hubLabelForPrefix);
                   }
-                  
+
                   // Если в satellite есть лейбл, но в hub его нет - он будет добавлен ниже
                 }
-                
+
                 // Удаляем старые лейблы из hub
                 for (const labelToRemove of labelsToRemove) {
                   await fetch(
@@ -171,12 +171,12 @@ jobs:
                   );
                   console.log('🗑️ Removed label from Hub: ' + labelToRemove);
                 }
-                
+
                 // Добавляем новые лейблы (только те, которых нет в hub)
-                const labelsToAdd = labelsToSync.filter(labelName => 
+                const labelsToAdd = labelsToSync.filter(labelName =>
                   !currentHubLabels.includes(labelName)
                 );
-                
+
                 if (labelsToAdd.length > 0) {
                   await fetch(
                     `https://api.github.com/repos/${hubRepo}/issues/${hubIssueNumber}/labels`,
@@ -192,19 +192,19 @@ jobs:
                   );
                   console.log('✅ Added labels to Hub: ' + labelsToAdd.join(', '));
                 }
-                
+
                 // Создаем комментарий о синхронизации лейблов
                 if (labelsToRemove.length > 0 || labelsToAdd.length > 0) {
                   const commentLines = [];
-                  
+
                   if (labelsToAdd.length > 0) {
                     commentLines.push('**Добавлены**: `' + labelsToAdd.join('`, `') + '`');
                   }
-                  
+
                   if (labelsToRemove.length > 0) {
                     commentLines.push('**Удалены**: `' + labelsToRemove.join('`, `') + '`');
                   }
-                  
+
                   // Добавляем информацию о текущих синхронизированных лейблах
                   const currentSyncInfo = [];
                   for (const prefix of syncPrefixes) {
@@ -213,14 +213,14 @@ jobs:
                       currentSyncInfo.push(`**${prefix}**: \`${labelForPrefix}\``);
                     }
                   }
-                  
+
                   if (currentSyncInfo.length > 0) {
                     commentLines.push('**Текущие синхронизированные лейблы**:\n' + currentSyncInfo.join('\n'));
                   }
                 }
-                
+
                 console.log(`✅ Synced labels to Hub #${hubIssueNumber}`);
-                
+
               } catch (error) {
                 console.log(`❌ Failed to sync labels to Hub: ${error.message}`);
               }
@@ -229,9 +229,9 @@ jobs:
             async function syncCommentToHub(satelliteComment, satelliteIssue, hubIssueNumber, hubOwner, hubRepo) {
               try {
                 console.log('💬 Syncing comment to Hub');
-                
+
                 // Пропускаем комментарии от ботов и системные комментарии
-                if (satelliteComment.user.type === 'Bot' || 
+                if (satelliteComment.user.type === 'Bot' ||
                     satelliteComment.body.includes('🔄 Статус обновлен') ||
                     satelliteComment.body.includes('🏷️ Лейблы синхронизированы') ||
                     satelliteComment.body.includes('✅ Задача автоматически создана') ||
@@ -240,7 +240,7 @@ jobs:
                   console.log('ℹ️ Skipping bot or system comment');
                   return;
                 }
-                
+
                 const commentBody = '**💬 Комментарий из Satellite**\n\n' +
                                     '**Satellite**: `' + context.repo.repo + '`\n' +
                                     '**Issue**: [#' + satelliteIssue.number + '](' + satelliteIssue.html_url + ')\n' +
@@ -250,7 +250,7 @@ jobs:
                                     satelliteComment.body + '\n\n' +
                                     '---\n\n' +
                                     '*Комментарий синхронизирован автоматически*';
-                
+
                 const response = await fetch(
                   `https://api.github.com/repos/${hubOwner}/${hubRepo}/issues/${hubIssueNumber}/comments`,
                   {
@@ -265,18 +265,18 @@ jobs:
                     })
                   }
                 );
-                
+
                 if (!response.ok) {
                   throw new Error(`Failed to create comment in hub: ${response.status}`);
                 }
-                
+
                 console.log(`✅ Synced comment to Hub #${hubIssueNumber}`);
-                
+
               } catch (error) {
                 console.log(`❌ Failed to sync comment to Hub: ${error.message}`);
               }
             }
-            
+
             async function updateHubStatus(hubIssueNumber, status, statusMessage, satelliteIssue, hubRepo, shouldReopen = false) {
               try {
                 // Обновляем комментарий в Hub используя PAT
@@ -298,12 +298,12 @@ jobs:
                     })
                   }
                 );
-                
+
                 // Обновляем метки статуса в Hub
                 const statusLabels = {
                   'in-progress': 'status/in-progress'
                 };
-                
+
                 const newStatusLabel = statusLabels[status];
                 if (newStatusLabel) {
                   // Получаем текущие лейблы hub issue
@@ -316,18 +316,18 @@ jobs:
                       }
                     }
                   );
-                  
+
                   if (!hubIssueResponse.ok) {
                     throw new Error(`Failed to get hub issue: ${hubIssueResponse.status}`);
                   }
-                  
+
                   const hubIssue = await hubIssueResponse.json();
-                  
+
                   // Удаляем старые статусные метки
                   const oldStatusLabels = hubIssue.labels
                     .filter(label => label.name.startsWith('status/') && label.name !== newStatusLabel)
                     .map(label => label.name);
-                  
+
                   for (const oldLabel of oldStatusLabels) {
                     await fetch(
                       `https://api.github.com/repos/${hubRepo}/issues/${hubIssueNumber}/labels/${encodeURIComponent(oldLabel)}`,
@@ -340,7 +340,7 @@ jobs:
                       }
                     );
                   }
-                  
+
                   // Добавляем новую статусную метку
                   await fetch(
                     `https://api.github.com/repos/${hubRepo}/issues/${hubIssueNumber}/labels`,
@@ -355,7 +355,7 @@ jobs:
                     }
                   );
                 }
-                
+
                 // Если задача завершена в Satellite, закрываем в Hub
                 if (status === 'closed') {
                   await fetch(
@@ -390,10 +390,10 @@ jobs:
                   );
                   console.log('🔓 Reopened issue in Hub');
                 }
-                
-                
+
+
                 console.log(`✅ Synced status to Hub #${hubIssueNumber}: ${status}`);
-                
+
               } catch (error) {
                 console.log(`❌ Failed to sync status to Hub: ${error.message}`);
               }
diff --git a/.gitignore b/.gitignore
index 4fdf9d1..9276a2c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,6 +13,7 @@
 
 # IDEs and editors
 /.idea
+./.idea
 .project
 .classpath
 .c9/
@@ -50,3 +51,7 @@ api-generator/typedoc.json
 /dist-css/css
 # файлы в этим папках компилятся и должны создаваться при сборке
 src/assets/components/themes
+
+./storybook-static
+./debug-storybook.log
+./documentation.json
diff --git a/.prettierrc.json b/.prettierrc.json
index 2cb2e59..23f9096 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -1,9 +1,9 @@
 {
     "useTabs": false,
-    "tabWidth": 4,
+    "tabWidth": 2,
     "trailingComma": "none",
     "semi": true,
     "singleQuote": true,
-    "printWidth": 250,
+    "printWidth": 120,
     "bracketSameLine": false
 }
diff --git a/.storybook/main.ts b/.storybook/main.ts
index 610a46a..9c4112e 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -1,12 +1,8 @@
 import type { StorybookConfig } from '@storybook/angular';
 
 const config: StorybookConfig = {
-  stories: ['../src-storybook/**/*.mdx', '../src-storybook/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: ['@storybook/addon-docs'],
-  framework: {
-    name: '@storybook/angular',
-    options: {},
-  },
-  staticDirs: [{ from: '../src-storybook/assets', to: '/assets' }],
+  stories: ['../src/stories/**/*.mdx', '../src/stories/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: ['@storybook/addon-a11y', '@storybook/addon-docs'],
+  framework: '@storybook/angular'
 };
 export default config;
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
index 3accef3..acc752b 100644
--- a/.storybook/preview.ts
+++ b/.storybook/preview.ts
@@ -1,83 +1,40 @@
 import { applicationConfig, Preview } from '@storybook/angular';
 import { setCompodocJson } from '@storybook/addon-docs/angular';
-
 import docJson from '../documentation.json';
+import { providePrimeNG } from 'primeng/config';
+import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 
-import '!style-loader!css-loader!postcss-loader!sass-loader!../src/styles.scss';
+import Preset from '../src/prime-preset/theme.preset';
 
-import { provideAnimations } from '@angular/platform-browser/animations';
+import '!style-loader!css-loader!postcss-loader!sass-loader!../src/styles.scss';
 
 setCompodocJson(docJson);
 
-const THEMES = {
-  'ek5-light-primary': 'assets/themes/ek5-light-primary/theme.css',
-  'ek5-dark-primary': 'assets/themes/ek5-dark-primary/theme.css',
-  'ek5-light-secondary': 'assets/themes/ek5-light-secondary/theme.css',
-  'ek5-dark-secondary': 'assets/themes/ek5-dark-secondary/theme.css',
-  'brand-light-primary': 'assets/themes/brand-light-primary/theme.css',
-  'brand-dark-primary': 'assets/themes/brand-dark-primary/theme.css',
-  'brand-light-secondary': 'assets/themes/brand-light-secondary/theme.css',
-  'brand-dark-secondary': 'assets/themes/brand-dark-secondary/theme.css',
-};
-
-// функция переключения темы
-function setTheme(theme: keyof typeof THEMES) {
-  const id = 'storybook-theme';
-  let linkTag = document.getElementById(id) as HTMLLinkElement | null;
-
-  if (!linkTag) {
-    linkTag = document.createElement('link');
-    linkTag.id = id;
-    linkTag.rel = 'stylesheet';
-    document.head.appendChild(linkTag);
-  }
-
-  linkTag.href = THEMES[theme];
-}
-
 const preview: Preview = {
   decorators: [
     applicationConfig({
-      providers: [provideAnimations()],
-    }),
-    (storyFn, context) => {
-      const theme = context.globals?.['theme'] || 'ek5-light-primary';
-
-      // Логика подмены <link>
-      setTheme(theme as keyof typeof THEMES);
-
-      return storyFn();
-    },
+      providers: [
+        provideAnimationsAsync(),
+        providePrimeNG({
+          theme: {
+            preset: Preset,
+            options: {
+              darkModeSelector: false,
+              cssLayer: false
+            }
+          }
+        })
+      ]
+    })
   ],
   parameters: {
     controls: {
       matchers: {
         color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-  },
-  globalTypes: {
-    theme: {
-      name: 'Theme',
-      description: 'Global theme for components',
-      defaultValue: 'ek5-light-primary',
-      toolbar: {
-        icon: 'paintbrush',
-        dynamicTitle: true,
-        items: [
-          { value: 'ek5-light-primary', title: 'ek5-light-primary' },
-          { value: 'ek5-dark-primary', title: 'ek5-dark-primary' },
-          { value: 'ek5-light-secondary', title: 'ek5-light-secondary' },
-          { value: 'ek5-dark-secondary', title: 'ek5-dark-secondary' },
-          { value: 'brand-light-primary', title: 'brand-light-primary' },
-          { value: 'brand-dark-primary', title: 'brand-dark-primary' },
-          { value: 'brand-light-secondary', title: 'brand-light-secondary' },
-          { value: 'brand-dark-secondary', title: 'brand-dark-secondary' },
-        ],
-      },
-    },
-  },
+        date: /Date$/i
+      }
+    }
+  }
 };
 
 export default preview;
diff --git a/.storybook/tsconfig.doc.json b/.storybook/tsconfig.doc.json
index 208a886..8add654 100644
--- a/.storybook/tsconfig.doc.json
+++ b/.storybook/tsconfig.doc.json
@@ -2,9 +2,7 @@
 // If Compodoc is not used, this file can be deleted.
 {
   "extends": "./tsconfig.json",
-  // Exclude all files that are not needed for documentation generation.
-  "exclude": ["../src-storybook/test.ts", "../src-storybook/**/*.spec.ts", "../src-storybook/**/*.stories.ts"],
   // Please make sure to include all files from which Compodoc should generate documentation.
-  "include": ["../src-storybook/**/*"],
+  "include": ["../src/stories/**/*"],
   "files": ["./typings.d.ts"]
 }
diff --git a/.storybook/tsconfig.json b/.storybook/tsconfig.json
index ed2fb63..507a714 100644
--- a/.storybook/tsconfig.json
+++ b/.storybook/tsconfig.json
@@ -1,11 +1,10 @@
 {
-  "extends": "../tsconfig.storybook-app.json",
+  "extends": "../tsconfig.app.json",
   "compilerOptions": {
     "types": ["node"],
     "allowSyntheticDefaultImports": true,
     "resolveJsonModule": true
   },
-  "exclude": ["../src-storybook/test.ts", "../src-storybook/**/*.spec.ts"],
-  "include": ["../src-storybook/**/*.stories.*", "./preview.ts"],
+  "include": ["../src/stories/**/*.stories.*", "./preview.ts", "../src/prime-preset/**/*"],
   "files": ["./typings.d.ts"]
 }
diff --git a/Dockerfile b/Dockerfile
deleted file mode 100644
index e26f9b7..0000000
--- a/Dockerfile
+++ /dev/null
@@ -1,13 +0,0 @@
-# Stage 1: Build the Angular app
-FROM docker-private.cdek.ru/node:18.20-alpine AS builder
-WORKDIR /usr/src/app
-COPY package*.json ./
-RUN npm install
-COPY . .
-RUN npm run build
-
-# Stage 2: Serve the Angular app with Nginx
-FROM docker-private.cdek.ru/nginx-1.21:alpine
-COPY --from=builder /usr/src/app/dist/primeng/browser /usr/share/nginx/html
-EXPOSE 80
-CMD ["nginx", "-g", "daemon off;"]
diff --git a/LICENSE.md b/LICENSE.md
deleted file mode 100644
index 999fb85..0000000
--- a/LICENSE.md
+++ /dev/null
@@ -1,75 +0,0 @@
-# PRIMENG COMMUNITY VERSIONS LICENSE
-
-The MIT License (MIT)
-
-Copyright (c) 2016-2024 PrimeTek
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
-
-# PRIMENG LTS VERSIONS LICENSE (Versions with -lts suffix)
-
-THIS LICENSE AGREEMENT (THIS “CLA”) CONTAINS THE TERMS AND CONDITIONS FOR YOUR USE OF “PRIMENG LONG TERM SUPPORT”, A SUITE OF Angular Components (THE “Software”). THIS CLA IS A BINDING AGREEMENT BETWEEN YOU (“Licensee”) AND PrimeTek Bilişim. (“Licensor“); HOWEVER, IF YOU ARE ACTING AS AN AGENT FOR ANOTHER, SUCH AS ON BEHALF OF YOUR EMPLOYER, THEN “YOU” MEANS THE OTHER PERSON. BY INSTALLING, COPYING, USING OR OTHERWISE ACCESSING THE SOFTWARE, YOU AGREE TO BE BOUND BY THESE TERMS AND CONDITIONS.
-
-The term “Software” includes all source and object code, in whole and/or part; all printed materials; “online” or electronic documentation; data, data engines, images; updates and upgrades; and anything provided for use with or in conjunction with the Software.
-
-## Summary
-
--   Can be used on unlimited sites and servers
--   Source-code cannot be resold or distributed
--   Commercial use allowed
--   Can modify source-code but cannot distribute modifications (derivative works)
-
-## Terms and Conditions
-
-1.  **License Grant:** Licensor hereby grants Licensee a Personal, Non-assignable and non-transferable, Commercial, Royalty free, Including the rights to create but not distribute derivative works, Non-exclusive license identified with a unique key stated in section 3, all with accordance with the terms set forth and other legal restrictions set forth in 3rd party software used while running Software.
-
-    1.  **Limited:** Licensee may use Software for the purpose of:
-
-        1.  Running Software on Licensee’s Website\[s\] and Server\[s\];
-        2.  Allowing 3rd Parties to run Software on Licensee’s Website\[s\] and Server\[s\];
-        3.  Publishing Software’s output to Licensee and 3rd Parties;
-        4.  Distribute verbatim copies of Software’s output (including compiled binaries);
-        5.  Modify Software to suit Licensee’s needs and specifications.
-
-    2.  **Non Assignable and Non-Transferable:** Licensee may not assign or transfer his rights and duties under this license.
-    3.  **Commercial, Royalty Free:** Licensee may use Software for any purpose, including paid-services, without any royalties
-    4.  **Including the Right to Create Derivative Works:** Licensee may create derivative works based on Software, including amending Software’s source code, modifying it, integrating it into a larger work or removing portions of Software, as long as no distribution of the derivative works is made
-
-2.  **Term & Termination:** The Term of this license shall be until terminated. Licensor may terminate this Agreement, including Licensee’s license in the case where Licensee :
-    1.  became insolvent or otherwise entered into any liquidation process; or
-    2.  exported The Software to any jurisdiction where licensor may not enforce his rights under this agreements in; or
-    3.  Licensee was in breach of any of this license's terms and conditions and such breach was not cured, immediately upon notification; or
-    4.  Licensee in breach of any of the terms of clause 2 to this license; or
-    5.  Licensee otherwise entered into any arrangement which caused Licensor to be unable to enforce his rights under this License.
-3.  **Payment:** In consideration of the License granted under clause 2, Licensee shall pay Licensor a fee, via credit card or any other mean which Licensor may deem adequate. Failure to perform payment shall construe as material breach of this Agreement. Transaction id of the payment is the unique license key granted to Licensee.
-4.  **Upgrades, Updates and Fixes:** .
-
-    1.  **Fix:** for the purpose of this license, a fix shall be a minor amendment in The Software, intended to remove bugs or alter minor features which impair the The Software's functionality. A fix shall be marked as a new sub-sub-version number. For example, should Licensee purchase Software under version 1.1.1, an upgrade shall commence under number 1.1.2.
-
-5.  **Support:** Software is provided under an AS-IS basis and without any support, updates or maintenance. Nothing in this Agreement shall require Licensor to provide Licensee with support or fixes to any bug, failure, mis-performance or other defect in The Software.
-6.  **Liability:** To the extent permitted under Law, The Software is provided under an AS-IS basis. Licensor shall never, and without any limit, be liable for any damage, cost, expense or any other payment incurred by Licesee as a result of Software’s actions, failure, bugs and/or any other interaction between The Software and Licesee’s end-equipment, computers, other software or any 3rd party, end-equipment, computer or services. Moreover, Licensor shall never be liable for any defect in source code written by Licensee when relying on The Software or using The Software’s source code.
-7.  **Warranty:**
-
-    1.  **Intellectual Property:** Licensor hereby warrants that The Software does not violate or infringe any 3rd party claims in regards to intellectual property, patents and/or trademarks and that to the best of its knowledge no legal action has been taken against it for any infringement or violation of any 3rd party intellectual property rights.
-    2.  **No-Warranty:** The Software is provided without any warranty; Licensor hereby disclaims any warranty that The Software shall be error free, without defects or code which may cause damage to Licensee’s computers or to Licensee, and that Software shall be functional. Licensee shall be solely liable to any damage, defect or loss incurred as a result of operating software and undertake the risks contained in running The Software on License’s Server\[s\] and Website\[s\].
-    3.  **Prior Inspection:** Licensee hereby states that he inspected The Software thoroughly and found it satisfactory and adequate to his needs, that it does not interfere with his regular operation and that it does meet the standards and scope of his computer systems and architecture. Licensee found that The Software interacts with his development, website and server environment and that it does not infringe any of End User License Agreement of any software Licensee may use in performing his services. Licensee hereby waives any claims regarding The Software's incompatibility, performance, results and features, and warrants that he inspected the The Software.
-
-8.  **No Refunds:** Licensee warrants that he inspected The Software according to clause 7(c) and that it is adequate to his needs. Accordingly, as The Software is intangible goods, Licensee shall not be, ever, entitled to any refund, rebate, compensation or restitution for any reason whatsoever, even if The Software contains material flaws.
-9.  **Indemnification:** Licensee hereby warrants to hold Licensor harmless and indemnify Licensor for any lawsuit brought against it in regards to Licensee’s use of The Software in means that violate, breach or otherwise circumvent this license, Licensor's intellectual property rights or Licensor's title in The Software. Licensor shall promptly notify Licensee in case of such legal action and request Licensee’s consent prior to any settlement in relation to such lawsuit or claim.
-10. **Governing Law, Jurisdiction:** Licensee hereby agrees not to initiate class-action lawsuits against Licensor in relation to this license and to compensate Licensor for any legal fees, cost or attorney fees should any claim brought by Licensee against Licensor be denied, in part or in full.
diff --git a/README.md b/README.md
index 3a66ca4..49f1abf 100644
--- a/README.md
+++ b/README.md
@@ -1,70 +1,109 @@
-# Primeng CDEK
+# angular-ui-kit
 
-## 1. Обзор
+angular-ui-kit - это пресет темы для primeng, а также storybook с демонстрацией и документацией используемых компонентов.
+Он позволяет быстро и легко строить новые интерфейсы в фирменном стиле CDEK.
 
-Этот проект является клоном проекта PrimeNG версии 17.18.11. Проект PrimeNG содержит исходный код компонентов и их стили, а также сайт с демонстрацией этих компонентов [PrimeNG](https://primeng.org). Он позволяет просматривать компоненты в разных темах, представленных в виде CSS файлов.
+## Использование
 
-В Primeng CDEK добавлен репозиторий [primeng-sass-theme 17.18.3](https://github.com/primefaces/primeng-sass-theme/tree/17.18.3), который содержит исходные SASS файлы тем и шаблон для создания собственной темы.
+1. Установите пакет @cdek-it/angular-ui-kit
 
-Версия NodeJs 18.20
+```shell
+npm install @cdek-it/angular-ui-kit
+```
 
-## 2. Структура проекта
+2. Импортируйте пресет темы в ваш angular-проект
 
--   `primeng-sass-theme/` — исходный код тем CDEK.
--   `primeng-sass-theme/theme-base` — базовые стили компонентов. Все темы наследуются от этих стилей.
--   `primeng-sass-theme/themes/base` — базовые переменные для всех тем.
--   `primeng-sass-theme/themes/base-dark` — базовые переменные для всех тем "dark".
--   `primeng-sass-theme/themes/base-light` — базовые переменные для всех тем "light".
--   `primeng-sass-theme/themes/ek5/base-primary` — базовые переменные ek5 для всех тем "primary".
--   `primeng-sass-theme/themes/ek5/base-secondary` — базовые переменные ek5 для всех тем "secondary".
--   `primeng-sass-theme/themes/brand/base-primary` — базовые переменные brand(для внешних клиентов) для всех тем "primary".
--   `primeng-sass-theme/themes/brand/base-secondary` — базовые переменные brand(для внешних клиентов) для всех тем "secondary".
--   `primeng-sass-theme/themes/ek5` - темы brand(для внешних клиентов).
--   `primeng-sass-theme/themes/ek5` — темы ek5. В настоящее время используются 4 темы: `ek5-light-primary`, `ek5-dark-primary`, `ek5-light-secondary`, `ek5-dark-secondary`. Эти SCSS файлы собирают в себя остальные файлы стилей и отправляются на компиляцию.
--   `src/app/components` — исходный код компонентов PrimeNG.
--   `src/assets/components/themes` — готовые темы в виде CSS файлов.
+```ts
+import Preset from '@cdek-it/angular-ui-kit/dist/theme.preset.ts';
 
-## 3. Запуск проекта
+export const appConfig: ApplicationConfig = {
+  providers: [
+    ...,
+    provideAnimations(),
+    providePrimeNG({
+      theme: {
+        preset: Preset,
+        options: {
+          darkModeSelector: false,
+          cssLayer: false
+        }
+      }
+    })
+  ]
+};
+```
 
-1. Установить зависимости: `npm install`.
-2. Запустить проект: `npm run start`.
+## Используемые технологии и связанные зависимости
 
-## 4. Как формируется итоговый внешний вид компонентов и тема
+---
+*<span style="color: gray; font-size: 10px;">используйте в своём проекте</span>*
+- Angular 20
+- PrimeNG 20
+- tailwindcss 3
+- @tabler/icons-webfont 3
+- Node 20
+- ESlint
+- Prettier
+---
 
-Помимо темы, компоненты PrimeNG имеют свои стили. Например, кнопка PrimeNG имеет стили в файле `src/app/components/button/button.css`. Эти стили собираются командой Prime в файл `primeng.css`, который подключается в проекте с помощью `@import "primeng/resources/primeng.css";`. При отладке важно понимать, откуда берутся стили компонентов.
+- Storybook 10
 
-Стили темы накладываются поверх этих базовых стилей. Например, тема `ek5-light-primary.scss` импортирует базовые переменные цветов, генератор CSS переменных, а затем стили компонентов. Это позволяет создавать стили на основе определенных переменных для тем.
+## Структура проекта
 
-## 5. Разработка темы
+- `src/app` - базовое angular-приложение. Может использоваться как плейграунд для разработки и отладки.
+- `src/stories` - набор story с компонентами для storybook.
+- `src/prime-preset` - пресет темы для primeng, а также токены.
 
-Есть два способа разработки темы:
+## Запуск storybook
 
-1. **Компиляция SASS в CSS**:
+1. Установить зависимости
 
-    - Запустить проект.
-    - Запустить компиляцию конкретной темы командой `npm run watch-light-primary` или всех тем сразу с помощью `npm run watch-themes`.
-    - Изменить нужный SASS файл темы. Sass отследит изменения и перекомпилирует соответствующий CSS файл.
-    - Обновить страницу приложения, чтобы увидеть изменения.
+```
+npm ci
+```
 
-    **Недостаток**: нужно вручную обновлять страницу для просмотра изменений.
+2. Запустить проект
 
+```
+npm run storybook
+```
 
-2. **Импорт темы в `styles.scss`**:
+3. Открыть в браузере по адресу http://localhost:6006
 
-    - Запустить проект.
-    - Импортировать файл темы в `src/styles.scss`:
-        ```scss
-        @import '../primeng-sass-theme/themes/ek5/ek5-light-primary';
-        ```
-      или для удобного сравнения компонентов с figma в ДС тему brand для внешних клиентов.        
-    - ```scss
-        @import '../primeng-sass-theme/themes/brand/brand-light-primary';
-    ```      
+## Разработка story
 
-    - При изменении SASS файла проект автоматически перекомпилируется, и изменения будут отображаться без обновления страницы (HMR).
+1. В директории `src/stories/components` создайте папку с вашим компонентом.
+2. Реализуйте story со всеми показанными в figma состояниями компонента. Для референса можно использовать `button`.
+3. Убедитесь, что все состояния компонента выглядят верно. Если нет - смотрите раздел "[Правила доработки компонентов](#Правила доработки компонентов)" ниже.
+4. Создать pull request в `main`, прикрепить его в задачу. Задачу отдать на ревью разработчикам и дизайнерам.
+   В случае замечаний ориентируемся на пункт `3` выше.
 
-    **Недостаток**: проект по умолчанию импортирует тему через CSS, что может привести к перекрытию стилей.
+## Правила доработки компонентов
 
-## 6. Компиляция темы для использования в других проектах
+### Компоненты primeng
 
-Команда `npm run build-themes` создаст .min.css файлы для использования в проектах. TODO решить как используем файл темы. С эк?
+Если компонент несоответствует дизайну в figma, то:
+
+1. Проверяем верность токенов. Если есть ошибки - сообщаем мейнтейнеру.
+2. Если токены верны, и проблему можно решить кастомизацией css - согласуем доработки с мейнтейнером.
+3. Если кастомизации css недостаточно, но можно решить проблему через шаблоны - согласуем доработки с мейнтейнером. Пример ниже.
+Например, для `inputtext` нужен крестик с очисткой. Непосредственно такой опции в primeng нет, но можно использовать `p-inputIcon` с иконкой крестика, и следующим `source`-кодом в story:
+
+```
+// template
+<p-inputIcon>
+    <input pInputText [(ngModel)]="value" placeholder="Input with clear icon" />
+    <i class="ti ti-cross" (click)="onClearClick()"></i>
+</p-inputIcon>
+
+// ts
+onClearClick() {
+  this.value = '';
+}
+```
+Важно, что бы в story был верный `source`-код, что бы разработчики могли просто его копировать и с минимальными доработками использовать у себя.
+4. Если вариантов решения проблемы через способы выше нет - сообщаем мейнтейнеру. Далее будет подниматься вопрос о необходимости написания своего компонента.
+
+### Кастомные компоненты
+
+*todo будут разработаны при необходимости*
diff --git a/angular.json b/angular.json
index 7abfc39..0cbea1d 100644
--- a/angular.json
+++ b/angular.json
@@ -1,266 +1,121 @@
 {
-    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-    "version": 1,
-    "newProjectRoot": "projects",
-    "projects": {
-        "primeng-library": {
-            "root": "src",
-            "projectType": "library",
-            "architect": {
-                "build": {
-                    "builder": "@angular-devkit/build-angular:ng-packagr",
-                    "options": {
-                        "project": "src/app/components/ng-package.json",
-                        "tsConfig": "src/app/components/tsconfig.lib.prod.json"
-                    }
-                }
-            }
-        },
-        "primeng": {
-            "projectType": "application",
-            "schematics": {
-                "@schematics/angular:component": {
-                    "style": "scss"
-                }
-            },
-            "root": "",
-            "sourceRoot": "src",
-            "prefix": "app",
-            "architect": {
-                "build": {
-                    "builder": "@angular-devkit/build-angular:application",
-                    "options": {
-                        "outputPath": "dist/primeng",
-                        "index": "src/index.html",
-                        "browser": "src/main.ts",
-                        "polyfills": [
-                            "zone.js"
-                        ],
-                        "tsConfig": "tsconfig.app.json",
-                        "inlineStyleLanguage": "scss",
-                        "assets": [
-                            "src/favicon.ico",
-                            "src/assets"
-                        ],
-                        "styles": [
-                            "src/styles.scss"
-                        ],
-                        "scripts": [
-                            "./node_modules/prismjs/prism.js",
-                            "./node_modules/prismjs/components/prism-typescript.js",
-                            "./node_modules/prismjs/components/prism-scss.js",
-                            "./node_modules/prismjs/components/prism-bash.js"
-                        ],
-                        "allowedCommonJsDependencies": [
-                            "chart.js",
-                            "xlsx",
-                            "jspdf-autotable",
-                            "file-saver",
-                            "jspdf",
-                            "quill",
-                            "core-js",
-                            "raf",
-                            "rgbcolor"
-                        ],
-                        "server": "src/main.server.ts",
-                        "prerender": {
-                            "discoverRoutes": false,
-                            "routesFile": "routes.txt"
-                        },
-                        "ssr": {
-                            "entry": "server.ts"
-                        }
-                    },
-                    "configurations": {
-                        "production": {
-                            "outputHashing": "all"
-                        },
-                        "development": {
-                            "optimization": false,
-                            "extractLicenses": false,
-                            "sourceMap": true
-                        }
-                    },
-                    "defaultConfiguration": "production"
-                },
-                "serve": {
-                    "builder": "@angular-devkit/build-angular:dev-server",
-                    "configurations": {
-                        "production": {
-                            "buildTarget": "primeng:build:production"
-                        },
-                        "development": {
-                            "buildTarget": "primeng:build:development"
-                        }
-                    },
-                    "defaultConfiguration": "development"
-                },
-                "extract-i18n": {
-                    "builder": "@angular-devkit/build-angular:extract-i18n",
-                    "options": {
-                        "buildTarget": "primeng:build"
-                    }
-                },
-                "test": {
-                    "builder": "@angular-devkit/build-angular:karma",
-                    "options": {
-                        "polyfills": [
-                            "zone.js",
-                            "zone.js/testing"
-                        ],
-                        "tsConfig": "tsconfig.spec.json",
-                        "inlineStyleLanguage": "scss",
-                        "assets": [
-                            "src/favicon.ico",
-                            "src/assets"
-                        ],
-                        "styles": [
-                            "src/styles.scss"
-                        ],
-                        "scripts": []
-                    }
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "angular-ui-kit": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular/build:application",
+          "options": {
+            "browser": "src/main.ts",
+            "tsConfig": "tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": [
+              "src/styles.scss"
+            ]
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kB",
+                  "maximumError": "1MB"
                 },
-                "build-styles": {
-                    "builder": "./builder:build-styles"
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "4kB",
+                  "maximumError": "8kB"
                 }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
             }
+          },
+          "defaultConfiguration": "production"
         },
-        "ng-storybook": {
-            "projectType": "application",
-            "schematics": {
-                "@schematics/angular:component": {
-                    "style": "scss"
-                }
+        "serve": {
+          "builder": "@angular/build:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "angular-ui-kit:build:production"
             },
-            "root": "",
-            "sourceRoot": "src-storybook",
-            "prefix": "app",
-            "architect": {
-                "build": {
-                    "builder": "@angular-devkit/build-angular:application",
-                    "options": {
-                        "outputPath": "dist/ng-storybook",
-                        "index": "src-storybook/index.html",
-                        "browser": "src-storybook/main.ts",
-                        "polyfills": [
-                            "zone.js"
-                        ],
-                        "tsConfig": "tsconfig.storybook-app.json",
-                        "inlineStyleLanguage": "scss",
-                        "assets": [
-                            {
-                                "glob": "**/*",
-                                "input": "public"
-                            }
-                        ],
-                        "styles": [
-                            "src-storybook/styles.scss"
-                        ],
-                        "scripts": []
-                    },
-                    "configurations": {
-                        "production": {
-                            "budgets": [
-                                {
-                                    "type": "initial",
-                                    "maximumWarning": "500kB",
-                                    "maximumError": "1MB"
-                                },
-                                {
-                                    "type": "anyComponentStyle",
-                                    "maximumWarning": "2kB",
-                                    "maximumError": "4kB"
-                                }
-                            ],
-                            "outputHashing": "all"
-                        },
-                        "development": {
-                            "optimization": false,
-                            "extractLicenses": false,
-                            "sourceMap": true
-                        }
-                    },
-                    "defaultConfiguration": "production"
-                },
-                "serve": {
-                    "builder": "@angular-devkit/build-angular:dev-server",
-                    "configurations": {
-                        "production": {
-                            "buildTarget": "ng-storybook:build:production"
-                        },
-                        "development": {
-                            "buildTarget": "ng-storybook:build:development"
-                        }
-                    },
-                    "defaultConfiguration": "development"
-                },
-                "extract-i18n": {
-                    "builder": "@angular-devkit/build-angular:extract-i18n"
-                },
-                "test": {
-                    "builder": "@angular-devkit/build-angular:karma",
-                    "options": {
-                        "polyfills": [
-                            "zone.js",
-                            "zone.js/testing"
-                        ],
-                        "tsConfig": "tsconfig.spec-storybook.json",
-                        "inlineStyleLanguage": "scss",
-                        "assets": [
-                            {
-                                "glob": "**/*",
-                                "input": "public"
-                            }
-                        ],
-                        "styles": [
-                            "src-storybook/styles.scss"
-                        ],
-                        "scripts": []
-                    }
-                },
-                "storybook": {
-                    "builder": "@storybook/angular:start-storybook",
-                    "options": {
-                        "configDir": ".storybook",
-                        "browserTarget": "ng-storybook:build",
-                        "compodoc": true,
-                        "compodocArgs": [
-                            "-e",
-                            "json",
-                            "-d",
-                            "."
-                        ],
-                        "port": 6006
-                    }
-                },
-                "build-storybook": {
-                    "builder": "@storybook/angular:build-storybook",
-                    "options": {
-                        "configDir": ".storybook",
-                        "browserTarget": "ng-storybook:build",
-                        "compodoc": true,
-                        "compodocArgs": [
-                            "--exportFormat",
-                            "json",
-                            "-d",
-                            "."
-                        ],
-                        "outputDir": "storybook-static"
-                    }
-                },
-                "lint": {
-                    "builder": "@angular-eslint/builder:lint",
-                    "options": {
-                        "lintFilePatterns": [
-                            "src-storybook/**/*.ts",
-                            "src-storybook/**/*.html"
-                        ]
-                    }
-                }
+            "development": {
+              "buildTarget": "angular-ui-kit:build:development"
             }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular/build:extract-i18n"
+        },
+        "test": {
+          "builder": "@angular/build:karma",
+          "options": {
+            "tsConfig": "tsconfig.spec.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": [
+              "src/styles.scss"
+            ]
+          }
+        },
+        "storybook": {
+          "builder": "@storybook/angular:start-storybook",
+          "options": {
+            "configDir": ".storybook",
+            "browserTarget": "angular-ui-kit:build",
+            "compodoc": true,
+            "compodocArgs": [
+              "-e",
+              "json",
+              "-d",
+              "."
+            ],
+            "port": 6006
+          }
+        },
+        "build-storybook": {
+          "builder": "@storybook/angular:build-storybook",
+          "options": {
+            "configDir": ".storybook",
+            "browserTarget": "angular-ui-kit:build",
+            "compodoc": true,
+            "compodocArgs": [
+              "-e",
+              "json",
+              "-d",
+              "."
+            ],
+            "outputDir": "storybook-static"
+          }
         }
-    },
-    "cli": {
-        "analytics": false
+      }
     }
-}
+  }
+}
\ No newline at end of file
diff --git a/api-generator/build-apidoc.ts b/api-generator/build-apidoc.ts
deleted file mode 100644
index 24bea7e..0000000
--- a/api-generator/build-apidoc.ts
+++ /dev/null
@@ -1,425 +0,0 @@
-//@ts-ignore
-const TypeDoc = require('typedoc');
-//@ts-ignore
-const path = require('path');
-//@ts-ignore
-const fs = require('fs');
-//@ts-ignore
-const rootDir = path.resolve(__dirname, '../');
-//@ts-ignore
-const outputPath = path.resolve(rootDir, 'src/app/showcase/doc/apidoc');
-
-const staticMessages = {
-    methods: "Defines methods that can be accessed by the component's reference.",
-    emits: 'Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.',
-    templates: 'Defines the templates used by the component.',
-    events: "Defines the custom events used by the component's emitters.",
-    interfaces: 'Defines the custom interfaces used by the module.',
-    types: 'Defines the custom types used by the module.',
-    props: 'Defines the input properties of the component.',
-    service: 'Defines the service used by the component'
-};
-
-async function main() {
-    const app = await TypeDoc.Application.bootstrapWithPlugins({
-        // typedoc options here
-        name: 'PrimeNG',
-        entryPoints: [`src/app/components/`],
-        entryPointStrategy: 'expand',
-        hideGenerator: true,
-        excludeExternals: true,
-        includeVersion: true,
-        searchInComments: true,
-        disableSources: false,
-        logLevel: 'Error',
-        sort: ['source-order'],
-        exclude: ['node_modules', 'src/app/components/**/*spec.ts', 'src/app/components/**/*public_api.ts']
-    });
-
-    const project = await app.convert();
-    await app.generateJson(project, `./api-generator/typedoc.json`);
-
-    if (project) {
-        let doc = {};
-
-        const parseText = (text) => {
-            return text.replace(/&#123;/g, '{').replace(/&#125;/g, '}');
-        };
-
-        const getDeprecatedText = (signature) => {
-            const deprecatedTag = signature?.comment?.getTag('@deprecated');
-            return deprecatedTag ? parseText(deprecatedTag.content[0].text) : undefined;
-        };
-
-        const modules = project.groups.find((g) => g.title === 'Modules');
-
-        if (isProcessable(modules)) {
-            modules.children.forEach((module) => {
-                const name = module.name.replace(/.*\//, '');
-                if (allowed(name)) {
-                    if (module.groups) {
-                        if (!doc[name]) {
-                            doc[name] = {
-                                components: {}
-                            };
-                        }
-                        const module_components_group = module.groups.find((g) => g.title === 'Components');
-                        const module_events_group = module.groups.find((g) => g.title === 'Events');
-                        const module_templates_group = module.groups.find((g) => g.title === 'Templates');
-                        const module_interface_group = module.groups.find((g) => g.title === 'Interface');
-                        const module_service_group = module.groups.find((g) => g.title === 'Service');
-                        const module_types_group = module.groups.find((g) => g.title === 'Types');
-
-                        if (isProcessable(module_components_group)) {
-                            module_components_group.children.forEach((component) => {
-                                const componentName = component.name;
-                                const comment = component.comment;
-
-                                doc[name]['components'][componentName] = {
-                                    description: comment && comment.summary.map((s) => s.text || '').join(' ')
-                                };
-
-                                const component_props_group = component.groups.find((g) => g.title === 'Props');
-
-                                if (isProcessable(component_props_group)) {
-                                    const props = {
-                                        description: staticMessages['props'],
-                                        values: []
-                                    };
-
-                                    component_props_group.children.forEach((prop) => {
-                                        props.values.push({
-                                            name: prop.name,
-                                            optional: prop.flags.isOptional,
-                                            readonly: prop.flags.isReadonly,
-                                            type: prop.getSignature && prop.getSignature.type ? prop.getSignature.type.toString() : prop.type ? prop.type.toString() : null,
-                                            default: prop.type && prop.type.name === 'boolean' && !prop.defaultValue ? 'false' : prop.defaultValue ? prop.defaultValue.replace(/^'|'$/g, '') : undefined,
-                                            description: (prop.getSignature?.comment?.summary || prop.setSignature?.comment?.summary || prop.comment?.summary)?.map((s) => s.text || '').join(' '),
-                                            deprecated: getDeprecatedText(prop.getSignature) || getDeprecatedText(prop.setSignature) || getDeprecatedText(prop)
-                                        });
-                                    });
-                                    doc[name]['components'][componentName]['props'] = props;
-                                }
-
-                                const component_emits_group = component.groups.find((g) => g.title === 'Emits');
-                                if (isProcessable(component_emits_group)) {
-                                    const emits = {
-                                        description: staticMessages['emits'],
-                                        values: []
-                                    };
-
-                                    component_emits_group.children.forEach((emitter) => {
-                                        emits.values.push({
-                                            name: emitter.name,
-                                            parameters: [{ name: extractParameter(emitter) && extractParameter(emitter).includes('Event') ? 'event' : 'value', type: extractParameter(emitter) }],
-                                            description: emitter.comment && emitter.comment.summary.map((s) => s.text || '').join(' '),
-                                            deprecated: getDeprecatedText(emitter)
-                                        });
-                                    });
-
-                                    doc[name]['components'][componentName]['emits'] = emits;
-                                }
-
-                                const component_methods_group = component.groups.find((g) => g.title === 'Method');
-                                if (isProcessable(component_methods_group)) {
-                                    const methods = {
-                                        description: staticMessages['methods'],
-                                        values: []
-                                    };
-
-                                    component_methods_group.children.forEach((method) => {
-                                        const signature = method.getAllSignatures()[0];
-                                        methods.values.push({
-                                            name: signature.name,
-                                            parameters: signature.parameters.map((param) => {
-                                                return {
-                                                    name: param.name,
-                                                    type: param.type.toString(),
-                                                    description: param.comment && param.comment.summary.map((s) => s.text || '').join(' ')
-                                                };
-                                            }),
-                                            description: signature.comment && signature.comment.summary.map((s) => s.text || '').join(' ')
-                                        });
-                                    });
-
-                                    doc[name]['components'][componentName]['methods'] = methods;
-                                }
-
-                                const component_events_group = component.groups.find((g) => g.title === 'Events');
-                                if (isProcessable(component_events_group)) {
-                                    const events = {
-                                        description: staticMessages['events'],
-                                        values: []
-                                    };
-
-                                    component_events_group.children.forEach((event) => {
-                                        events.values.push({
-                                            name: event.name,
-                                            description: event.comment && event.comment.summary.map((s) => s.text || '').join(' '),
-                                            props:
-                                                event.children &&
-                                                event.children.map((child) => ({
-                                                    name: child.name,
-                                                    optional: child.flags.isOptional,
-                                                    readonly: child.flags.isReadonly,
-                                                    type: child.type && child.type.toString(),
-                                                    description: child.comment && child.comment.summary.map((s) => s.text || '').join(' '),
-                                                    deprecated: getDeprecatedText(child)
-                                                }))
-                                        });
-                                    });
-
-                                    doc[name]['components'][componentName]['events'] = events;
-                                }
-                            });
-                        }
-
-                        if (isProcessable(module_events_group)) {
-                            const events = {
-                                description: staticMessages['events'],
-                                values: []
-                            };
-
-                            module_events_group.children.forEach((event) => {
-                                events.values.push({
-                                    name: event.name,
-                                    description: event.comment && event.comment.summary.map((s) => s.text || '').join(' '),
-                                    props:
-                                        event.children &&
-                                        event.children.map((child) => ({
-                                            name: child.name,
-                                            optional: child.flags.isOptional,
-                                            readonly: child.flags.isReadonly,
-                                            type: child.type && child.type.toString(),
-                                            description: child.comment && child.comment.summary.map((s) => s.text || '').join(' '),
-                                            deprecated: getDeprecatedText(child)
-                                        }))
-                                });
-                            });
-
-                            doc[name]['events'] = events;
-                        }
-
-                        if (isProcessable(module_templates_group)) {
-                            const templates = {
-                                description: staticMessages['templates'],
-                                values: []
-                            };
-
-                            module_templates_group.children.forEach((template) => {
-                                const parent = template.parent.name.split(/[^a-zA-Z]+/)[1];
-                                template.children.forEach((child) => {
-                                    const signature = child.getAllSignatures()[0];
-                                    templates.values.push({
-                                        parent: parent,
-                                        name: signature ? signature.name : child.name,
-                                        parameters: signature.parameters.map((param) => {
-                                            let type = param.type.toString();
-
-                                            if (param.type.declaration) {
-                                                type = '';
-
-                                                if (param.type.declaration.children) {
-                                                    param.type.declaration.children.forEach((child) => {
-                                                        if (child.signatures) {
-                                                            const childSignature = child.signatures[0];
-                                                            const parameters = childSignature.parameters.reduce((acc, { name, type }, index) => (index === 0 ? `${name}: ${type.name}` : `${acc}, ${name}: ${type.name}`), '');
-                                                            type += ` \t ${childSignature.name}(${parameters}): ${childSignature.type?.name}, // ${childSignature.comment?.summary[0]?.text}\n `;
-                                                        } else {
-                                                            const childType = child.type.elementType ? child.type.elementType.name : child.type.name;
-
-                                                            type += ` \t ${child.name}: ${childType}, // ${child.comment?.summary[0]?.text}\n `;
-                                                        }
-                                                    });
-                                                }
-
-                                                type = `{\n ${type} }`;
-                                            }
-
-                                            return {
-                                                name: param.name,
-                                                type: type,
-                                                description: param.comment && param.comment.summary.map((s) => s.text || '').join(' ')
-                                            };
-                                        }),
-                                        description: signature.comment && signature.comment.summary.map((s) => s.text || '').join(' '),
-                                        deprecated: getDeprecatedText(signature)
-                                    });
-                                });
-                            });
-
-                            doc[name]['templates'] = templates;
-                        }
-
-                        if (isProcessable(module_interface_group)) {
-                            const interfaces = {
-                                description: staticMessages['interfaces'],
-                                values: []
-                            };
-
-                            module_interface_group.children.forEach((int) => {
-                                interfaces.values.push({
-                                    name: int.name,
-                                    description: int.comment && int.comment.summary.map((s) => s.text || '').join(' '),
-                                    props:
-                                        int.children &&
-                                        int.children.map((child) => ({
-                                            name: child.name,
-                                            optional: child.flags.isOptional,
-                                            readonly: child.flags.isReadonly,
-                                            type: child.type ? child.type.toString() : extractParameter(int),
-                                            description: child.comment && child.comment.summary.map((s) => s.text || '').join(' '),
-                                            deprecated: getDeprecatedText(child)
-                                        }))
-                                });
-                            });
-
-                            doc[name]['interfaces'] = interfaces;
-                        }
-
-                        if (isProcessable(module_service_group)) {
-                            doc[name] = {
-                                description: staticMessages['service']
-                            };
-
-                            module_service_group.children.forEach((service) => {
-                                const service_methods_group = service.groups.find((g) => g.title === 'Method');
-                                if (isProcessable(service_methods_group)) {
-                                    const methods = {
-                                        description: 'Methods used in service.',
-                                        values: []
-                                    };
-
-                                    service_methods_group.children.forEach((method) => {
-                                        const signature = method.getAllSignatures()[0];
-                                        methods.values.push({
-                                            name: signature.name,
-                                            parameters: signature.parameters.map((param) => {
-                                                return {
-                                                    name: param.name,
-                                                    type: param.type.toString(),
-                                                    description: param.comment && param.comment.summary.map((s) => s.text || '').join(' ')
-                                                };
-                                            }),
-                                            returnType: signature.type.toString(),
-                                            description: signature.comment && signature.comment.summary.map((s) => s.text || '').join(' ')
-                                        });
-                                    });
-
-                                    doc[name]['methods'] = methods;
-                                }
-                            });
-                        }
-
-                        if (isProcessable(module_types_group)) {
-                            const types = {
-                                description: staticMessages['types'],
-                                values: []
-                            };
-
-                            module_types_group.children.forEach((t) => {
-                                types.values.push({
-                                    name: t.name,
-                                    value: getTypesValue(t),
-                                    description: t.comment.summary && t.comment.summary.map((s) => s.text || '').join(' ')
-                                });
-                            });
-
-                            doc[name]['types'] = types;
-                        }
-                    }
-                }
-            });
-        }
-
-        let mergedDocs = {};
-
-        for (const key in doc) {
-            if (key.includes('.interface')) {
-                const parentKey = key.split('.')[0];
-                const interfaceDoc = doc[key];
-                if (!mergedDocs[parentKey]) {
-                    mergedDocs[parentKey] = {
-                        ...doc[parentKey],
-                        interfaces: {
-                            ...interfaceDoc
-                        }
-                    };
-                }
-            } else {
-                if (!mergedDocs[key]) {
-                    mergedDocs[key] = {
-                        ...doc[key]
-                    };
-                }
-            }
-        }
-
-        const typedocJSON = JSON.stringify(mergedDocs, null, 4);
-
-        !fs.existsSync(outputPath) && fs.mkdirSync(outputPath);
-        fs.writeFileSync(path.resolve(outputPath, 'index.json'), typedocJSON);
-    }
-}
-
-function extractParameter(emitter) {
-    let { comment, type } = emitter;
-
-    if (type && type.typeArguments) {
-        if (type.toString()) {
-            return type.toString().replace(/^.*?<([^>]*)>.*$/, '$1');
-        } else {
-            if (!type.typeArguments[0].types && !type.typeArguments[0].type) {
-                return type.typeArguments.map((el) => ({ name: el.name.includes('Event') ? 'event' : 'value', type: el.name.replace(/[^a-zA-Z]/g, '') }));
-            }
-
-            if (type.typeArguments[0].types) {
-                return type.typeArguments[0].types.map((el) => {
-                    if (el.type && el.type === 'array') {
-                        return { name: 'value', type: el.elementType.name + '[]' };
-                    } else {
-                        return { name: el.name.includes('Event') ? 'event' : 'value', type: el.name.replace(/[^a-zA-Z]/g, '') };
-                    }
-                });
-            }
-        }
-    }
-}
-
-const isProcessable = (value) => {
-    return value && value.children && value.children.length;
-};
-
-const allowed = (name) => {
-    return !name.includes('ts-helpers') && !name.includes('icons');
-};
-
-const getTypesValue = (typeobj) => {
-    let { type } = typeobj;
-
-    if (typeobj.indexSignature) {
-        const signature = typeobj.getAllSignatures()[0];
-        const value = signature.parameters.map((param) => {
-            return {
-                [`[${param.name}:${param.type.toString()}]`]: signature.type.toString()
-            };
-        })[0];
-
-        return JSON.stringify(value);
-    }
-
-    if (type) {
-        if (type.type === 'union') {
-            return type.toString();
-        }
-        if (type.type === 'reflection' && type.declaration) {
-            let values = type.declaration.children.map((child) => ({
-                [child.name]: child.type.toString()
-            }));
-
-            return JSON.stringify(Object.assign({}, ...values), null, 4);
-        }
-    }
-};
-
-main().catch(console.error);
diff --git a/api/index.js b/api/index.js
deleted file mode 100644
index 35865b9..0000000
--- a/api/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { app } from '../dist/primeng/server/server.mjs';
-
-const server = app();
-
-export default server;
diff --git a/build-themes.js b/build-themes.js
deleted file mode 100644
index 26a13c8..0000000
--- a/build-themes.js
+++ /dev/null
@@ -1,100 +0,0 @@
-const fs = require('fs');
-const { execSync } = require('child_process');
-
-// Название темы должно совпадать с названием файла.
-// Например: для темы light-primary файл должен называться ek5-light-primary.scss
-const THEMES = {
-    LIGHT_PRIMARY: 'light-primary',
-    LIGHT_SECONDARY: 'light-secondary',
-    DARK_PRIMARY: 'dark-primary',
-    DARK_SECONDARY: 'dark-secondary'
-};
-
-const CSS_DIST_DIR = './dist-css/css';
-const themes = Object.values(THEMES);
-
-async function buildTheme(theme) {
-    const path = `${CSS_DIST_DIR}/${theme}-theme.css`;
-    const pathMin = `${CSS_DIST_DIR}/${theme}-theme.min.css`;
-    const brandPath = `${CSS_DIST_DIR}/brand-${theme}-theme.css`;
-    const brandPathMin = `${CSS_DIST_DIR}/brand-${theme}-theme.min.css`;
-
-    const commands = [
-        // ek5
-        `sass --style=expanded ./primeng-sass-theme/themes/ek5/ek5-${theme}.scss | postcss -o src/assets/components/themes/ek5-${theme}/theme.css`,
-        `sass --style=compressed ./primeng-sass-theme/themes/ek5/ek5-${theme}.scss | postcss -o src/assets/components/themes/ek5-${theme}/theme.min.css`,
-        `copyfiles -f src/assets/components/themes/ek5-${theme}/theme.css ${path}`,
-        `copyfiles -f src/assets/components/themes/ek5-${theme}/theme.min.css ${pathMin}`,
-        // brand
-        `sass --style=expanded ./primeng-sass-theme/themes/brand/brand-${theme}.scss | postcss -o src/assets/components/themes/brand-${theme}/theme.css`,
-        `sass --style=compressed ./primeng-sass-theme/themes/brand/brand-${theme}.scss | postcss -o src/assets/components/themes/brand-${theme}/theme.min.css`,
-        `copyfiles -f src/assets/components/themes/brand-${theme}/theme.css ${CSS_DIST_DIR}/brand-${theme}-theme.css`,
-        `copyfiles -f src/assets/components/themes/brand-${theme}/theme.min.css ${CSS_DIST_DIR}/brand-${theme}-theme.min.css`
-    ];
-    console.log(`Building ${theme} theme...`);
-    execSync(commands.join(' && '), { stdio: 'inherit' });
-}
-
-function watchTheme(theme) {
-    const command = `sass --watch ./primeng-sass-theme/themes/ek5/ek5-${theme}.scss:src/assets/components/themes/ek5-${theme}/theme.css ./primeng-sass-theme/themes/brand/brand-${theme}.scss:src/assets/components/themes/brand-${theme}/theme.css`;
-    console.log(`Watching ${theme} theme...`);
-    execSync(command, { stdio: 'inherit' });
-}
-
-function clearDir() {
-    console.log(`Clear css dir...`);
-    fs.rmSync(CSS_DIST_DIR, { recursive: true, force: true });
-    fs.mkdirSync(CSS_DIST_DIR);
-}
-async function buildAllThemes() {
-    clearDir();
-    for (const theme of themes) {
-        await buildTheme(theme);
-    }
-    console.log('All themes built successfully!');
-}
-
-function watchAllThemes() {
-    const watchCommands = themes
-        .map((theme) => `./primeng-sass-theme/themes/ek5/ek5-${theme}.scss:src/assets/components/themes/ek5-${theme}/theme.css ./primeng-sass-theme/themes/brand/brand-${theme}.scss:src/assets/components/themes/brand-${theme}/theme.css`)
-        .join(' ');
-    const command = `sass --watch ${watchCommands}`;
-    console.log('Watching all themes...');
-    execSync(command, { stdio: 'inherit' });
-}
-
-const action = process.argv[2];
-const theme = process.argv[3];
-
-/**
- * Обработчик действий по работе с темами
- * @param action может быть или build, или watch
- * @param theme название темы. Может отсутствовать
- */
-async function handleThemeAction(action, theme) {
-    const actionMap = {
-        build: { single: buildTheme, all: buildAllThemes },
-        watch: { single: watchTheme, all: watchAllThemes }
-    };
-
-    if (!actionMap[action]) {
-        console.error('Error: Invalid action. Use "build" or "watch".');
-        process.exit(1);
-    }
-
-    // Если не передали название темы, то собираем все
-    if (!theme) {
-        await actionMap[action].all();
-        return;
-    }
-
-    // Если передали название темы
-    if (themes.includes(theme)) {
-        await actionMap[action].single(theme);
-    } else {
-        console.error(`Error: Theme "${theme}" not found. Available themes are: ${themes.join(', ')}`);
-        process.exit(1);
-    }
-}
-
-handleThemeAction(action, theme);
diff --git a/builder/builders.json b/builder/builders.json
deleted file mode 100644
index ab192fc..0000000
--- a/builder/builders.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "builders": {
-        "build-styles": {
-            "implementation": "./dist/index.js",
-            "schema": "./dist/schema.json",
-            "description": "Checks for build command in package.json"
-        }
-    }
-}
\ No newline at end of file
diff --git a/builder/package-lock.json b/builder/package-lock.json
deleted file mode 100644
index c2214dc..0000000
--- a/builder/package-lock.json
+++ /dev/null
@@ -1,187 +0,0 @@
-{
-    "name": "builder",
-    "version": "1.0.0",
-    "lockfileVersion": 3,
-    "requires": true,
-    "packages": {
-        "": {
-            "name": "builder",
-            "version": "1.0.0",
-            "license": "ISC",
-            "devDependencies": {
-                "@angular-devkit/architect": "^0.1703.7",
-                "@angular-devkit/core": "^17.3.7",
-                "typescript": "^5.4.5"
-            }
-        },
-        "node_modules/@angular-devkit/architect": {
-            "version": "0.1703.8",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1703.8.tgz",
-            "integrity": "sha512-lKxwG4/QABXZvJpqeSIn/kAwnY6MM9HdHZUV+o5o3UiTi+vO8rZApG4CCaITH3Bxebm7Nam7Xbk8RuukC5rq6g==",
-            "dev": true,
-            "dependencies": {
-                "@angular-devkit/core": "17.3.8",
-                "rxjs": "7.8.1"
-            },
-            "engines": {
-                "node": "^18.13.0 || >=20.9.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            }
-        },
-        "node_modules/@angular-devkit/core": {
-            "version": "17.3.8",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-17.3.8.tgz",
-            "integrity": "sha512-Q8q0voCGudbdCgJ7lXdnyaxKHbNQBARH68zPQV72WT8NWy+Gw/tys870i6L58NWbBaCJEUcIj/kb6KoakSRu+Q==",
-            "dev": true,
-            "dependencies": {
-                "ajv": "8.12.0",
-                "ajv-formats": "2.1.1",
-                "jsonc-parser": "3.2.1",
-                "picomatch": "4.0.1",
-                "rxjs": "7.8.1",
-                "source-map": "0.7.4"
-            },
-            "engines": {
-                "node": "^18.13.0 || >=20.9.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            },
-            "peerDependencies": {
-                "chokidar": "^3.5.2"
-            },
-            "peerDependenciesMeta": {
-                "chokidar": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/ajv": {
-            "version": "8.12.0",
-            "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
-            "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
-            "dev": true,
-            "dependencies": {
-                "fast-deep-equal": "^3.1.1",
-                "json-schema-traverse": "^1.0.0",
-                "require-from-string": "^2.0.2",
-                "uri-js": "^4.2.2"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/epoberezkin"
-            }
-        },
-        "node_modules/ajv-formats": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
-            "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
-            "dev": true,
-            "dependencies": {
-                "ajv": "^8.0.0"
-            },
-            "peerDependencies": {
-                "ajv": "^8.0.0"
-            },
-            "peerDependenciesMeta": {
-                "ajv": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/fast-deep-equal": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-            "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-            "dev": true
-        },
-        "node_modules/json-schema-traverse": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-            "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-            "dev": true
-        },
-        "node_modules/jsonc-parser": {
-            "version": "3.2.1",
-            "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.1.tgz",
-            "integrity": "sha512-AilxAyFOAcK5wA1+LeaySVBrHsGQvUFCDWXKpZjzaL0PqW+xfBOttn8GNtWKFWqneyMZj41MWF9Kl6iPWLwgOA==",
-            "dev": true
-        },
-        "node_modules/picomatch": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.1.tgz",
-            "integrity": "sha512-xUXwsxNjwTQ8K3GnT4pCJm+xq3RUPQbmkYJTP5aFIfNIvbcc/4MUxgBaaRSZJ6yGJZiGSyYlM6MzwTsRk8SYCg==",
-            "dev": true,
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/jonschlinkert"
-            }
-        },
-        "node_modules/punycode": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-            "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-            "dev": true,
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/require-from-string": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-            "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/rxjs": {
-            "version": "7.8.1",
-            "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
-            "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
-            "dev": true,
-            "dependencies": {
-                "tslib": "^2.1.0"
-            }
-        },
-        "node_modules/source-map": {
-            "version": "0.7.4",
-            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
-            "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
-            "dev": true,
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/tslib": {
-            "version": "2.6.2",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-            "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
-            "dev": true
-        },
-        "node_modules/typescript": {
-            "version": "5.4.5",
-            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
-            "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
-            "dev": true,
-            "bin": {
-                "tsc": "bin/tsc",
-                "tsserver": "bin/tsserver"
-            },
-            "engines": {
-                "node": ">=14.17"
-            }
-        },
-        "node_modules/uri-js": {
-            "version": "4.4.1",
-            "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-            "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-            "dev": true,
-            "dependencies": {
-                "punycode": "^2.1.0"
-            }
-        }
-    }
-}
diff --git a/builder/package.json b/builder/package.json
deleted file mode 100644
index 7c33aab..0000000
--- a/builder/package.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-    "name": "builder",
-    "version": "1.0.0",
-    "description": "Builder for PrimeNG component styles",
-    "builders": "builders.json",
-    "author": "",
-    "license": "ISC",
-    "scripts": {
-        "build": "tsc",
-        "postbuild": "cp src/*.json dist/"
-    },
-    "devDependencies": {
-        "@angular-devkit/architect": "^0.1703.7",
-        "@angular-devkit/core": "^17.3.7",
-        "typescript": "^5.4.5"
-    }
-}
\ No newline at end of file
diff --git a/builder/src/index.ts b/builder/src/index.ts
deleted file mode 100644
index 5f5f4bc..0000000
--- a/builder/src/index.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { BuilderContext, BuilderOutput, createBuilder } from '@angular-devkit/architect';
-import { JsonObject, getSystemPath, normalize } from '@angular-devkit/core';
-import { writeFile, readdirSync } from 'fs';
-import * as _path from 'path';
-
-interface Options extends JsonObject {
-    source: string;
-    destination: string;
-}
-
-export default createBuilder(styleBuilder);
-
-const components = ['button'];
-
-const variables = {
-    'button.primary.color': 'red',
-    'button.primary.background': 'blue'
-};
-
-const getKey = (value) => {
-    return variables[value];
-};
-
-async function styleBuilder(options: Options, ctx: BuilderContext): Promise<BuilderOutput> {
-    // builder logic
-    ctx.logger.info('Building started');
-    try {
-        const componentsPath = `${getSystemPath(normalize(ctx.workspaceRoot))}/src/app/components`;
-        const components = readdirSync(componentsPath, { withFileTypes: true })
-            .filter((dirent) => dirent.isDirectory())
-            .map((dirent) => dirent.name)
-            .filter((folder) => {
-                const _f = readdirSync(_path.join(componentsPath, folder));
-                return _f.some((file) => _path.extname(file) === '.css');
-            });
-
-        for (let component in components) {
-            const _c = components[component];
-            if (_c === 'button') {
-                const { theme } = await import(`${componentsPath}/${_c}/style.ts`);
-                theme &&
-                    writeFile(`${componentsPath}/${_c}/${_c}.css`, theme({ dt: (key) => `${getKey(key)}` }), (err) => {
-                        if (err) throw err;
-                    });
-            }
-        }
-    } catch (err) {}
-    return { success: true };
-}
diff --git a/builder/src/schema.json b/builder/src/schema.json
deleted file mode 100644
index 97d6b36..0000000
--- a/builder/src/schema.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-    "$schema": "http://json-schema.org/schema",
-    "type": "object",
-    "properties": {
-        "source": {
-            "type": "string"
-        },
-        "destination": {
-            "type": "string"
-        }
-    }
-}
\ No newline at end of file
diff --git a/builder/tsconfig.json b/builder/tsconfig.json
deleted file mode 100644
index 29c3c44..0000000
--- a/builder/tsconfig.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-    "compilerOptions": {
-        "baseUrl": "./",
-        "target": "ESNext",
-        "module": "CommonJS",
-        "rootDir": "./src",
-        "outDir": "./dist"
-    },
-    "exclude": ["node_modules"]
-}
diff --git a/dist-css/package.json b/dist-css/package.json
deleted file mode 100644
index 157d154..0000000
--- a/dist-css/package.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-    "name": "@cdek-it/angular-ui-kit",
-    "version": "0.0.1",
-    "description": "",
-    "scripts": {},
-    "files": [
-        "css/**/*"
-    ],
-    "publishConfig": {
-        "access": "public"
-    },
-    "author": "",
-    "license": "ISC",
-    "devDependencies": {}
-}
diff --git a/gulpfile.js b/gulpfile.js
deleted file mode 100644
index 225106f..0000000
--- a/gulpfile.js
+++ /dev/null
@@ -1,53 +0,0 @@
-'use strict';
-
-var gulp = require('gulp'),
-    concat = require('gulp-concat'),
-    uglifycss = require('gulp-uglifycss'),
-    rename = require('gulp-rename'),
-    flatten = require('gulp-flatten');
-
-gulp.task('build-css', function () {
-    return gulp.src(['src/app/components/common/common.css', 'src/app/components/**/*.css']).pipe(concat('primeng.css')).pipe(gulp.dest('dist/resources'));
-});
-
-gulp.task('build-css-prod', function () {
-    return gulp
-        .src([
-            'src/app/components/common/common.css',
-            'src/app/components/badge/badge.css',
-            'src/app/components/button/button.css',
-            'src/app/components/checkbox/checkbox.css',
-            'src/app/components/colorpicker/colorpicker-images.css',
-            'src/app/components/inputtext/inputtext.css',
-            'src/app/components/inputtextarea/inputtextarea.css',
-            'src/app/components/password/password.css',
-            'src/app/components/radiobutton/radiobutton.css',
-            'src/app/components/ripple/ripple.css',
-            'src/app/components/tooltip/tooltip.css'
-        ])
-        .pipe(concat('primeng.css'))
-        .pipe(gulp.dest('dist/resources'))
-        .pipe(uglifycss({ uglyComments: true }))
-        .pipe(rename('primeng.min.css'))
-        .pipe(gulp.dest('dist/resources'));
-});
-
-gulp.task('copy-component-css', function () {
-    return gulp.src(['src/app/components/**/*.css', 'src/app/components/**/images/*.png', 'src/app/components/**/images/*.gif']).pipe(gulp.dest('dist/resources/components'));
-});
-
-gulp.task('images', function () {
-    return gulp.src(['src/app/components/**/images/*.png', 'src/app/components/**/images/*.gif']).pipe(flatten()).pipe(gulp.dest('dist/resources/images'));
-});
-
-gulp.task('themes', function () {
-    return gulp.src(['src/assets/components/themes/**/*']).pipe(gulp.dest('dist/resources/themes'));
-});
-
-//Copy readme
-gulp.task('readme', function () {
-    return gulp.src(['README.md']).pipe(gulp.dest('dist'));
-});
-
-//Building project with run sequence
-gulp.task('build-assets', gulp.series('copy-component-css', 'build-css-prod', 'images', 'themes', 'readme'));
diff --git a/karma.conf.js b/karma.conf.js
deleted file mode 100644
index 296c92a..0000000
--- a/karma.conf.js
+++ /dev/null
@@ -1,30 +0,0 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-
-module.exports = function (config) {
-    config.set({
-        basePath: '',
-        frameworks: ['jasmine', '@angular-devkit/build-angular'],
-        plugins: [require('karma-jasmine'), require('karma-chrome-launcher'), require('karma-jasmine-html-reporter'), require('karma-coverage'), require('@angular-devkit/build-angular/plugins/karma')],
-        client: {
-            clearContext: false, // leave Jasmine Spec Runner output visible in browser
-            jasmine: {
-                random: false,
-                stopOnFailure: true
-            }
-        },
-        coverageReporter: {
-            dir: require('path').join(__dirname, './coverage/ng11'),
-            subdir: '.',
-            reporters: [{ type: 'html' }, { type: 'text-summary' }]
-        },
-        reporters: ['progress', 'kjhtml'],
-        port: 9876,
-        colors: true,
-        logLevel: config.LOG_INFO,
-        autoWatch: true,
-        browsers: ['Chrome'],
-        singleRun: false,
-        restartOnFileChange: true
-    });
-};
diff --git a/package-lock.json b/package-lock.json
index a20a67f..9f93e08 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,28259 +1,25057 @@
 {
-    "name": "@cdek-it/angular-ui-kit",
-    "version": "0.0.1",
-    "lockfileVersion": 3,
-    "requires": true,
-    "packages": {
-        "": {
-            "name": "@cdek-it/angular-ui-kit",
-            "version": "0.0.1",
-            "license": "SEE LICENSE IN LICENSE.md",
-            "devDependencies": {
-                "@angular-devkit/build-angular": "18.2.19",
-                "@angular-eslint/eslint-plugin": "18.0.0",
-                "@angular-eslint/eslint-plugin-template": "18.0.0",
-                "@angular-eslint/schematics": "18.0.0",
-                "@angular-eslint/template-parser": "18.0.0",
-                "@angular/animations": "18.2.13",
-                "@angular/build": "18.2.19",
-                "@angular/cdk": "18.2.13",
-                "@angular/cli": "18.2.19",
-                "@angular/common": "18.2.13",
-                "@angular/compiler": "18.2.13",
-                "@angular/compiler-cli": "18.2.13",
-                "@angular/core": "18.2.13",
-                "@angular/forms": "18.2.13",
-                "@angular/platform-browser": "18.2.13",
-                "@angular/platform-browser-dynamic": "18.2.13",
-                "@angular/platform-server": "18.2.13",
-                "@angular/router": "18.2.13",
-                "@angular/ssr": "18.2.13",
-                "@compodoc/compodoc": "1.1.32",
-                "@docsearch/js": "^3.3.4",
-                "@stackblitz/sdk": "1.9.0",
-                "@storybook/addon-docs": "8.6.14",
-                "@storybook/angular": "8.6.14",
-                "@tabler/icons-webfont": "^3.19.0",
-                "@types/express": "^4.17.17",
-                "@types/jasmine": "~4.3.1",
-                "@types/jest": "^29.5.1",
-                "@types/node": "^16.18.126",
-                "@types/react": "^18.2.41",
-                "@types/resize-observer-browser": "^0.1.11",
-                "@typescript-eslint/eslint-plugin": "^7.11.0",
-                "autoprefixer": "^10.4.20",
-                "chart.js": "4.4.2",
-                "codelyzer": "^0.0.28",
-                "copyfiles": "^2.4.1",
-                "del": "^7.1.0",
-                "domino": "^2.1.6",
-                "esbuild": "0.23.1",
-                "eslint": "^8.57.0",
-                "eslint-config-prettier": "^9.1.0",
-                "eslint-plugin-import": "latest",
-                "eslint-plugin-jsdoc": "latest",
-                "eslint-plugin-prefer-arrow": "latest",
-                "express": "^4.20.0",
-                "file-saver": "^2.0.5",
-                "glob": "10.4.5",
-                "gulp": "^5.0.0",
-                "gulp-concat": "^2.6.1",
-                "gulp-flatten": "^0.4.0",
-                "gulp-rename": "^2.0.0",
-                "gulp-uglify": "^3.0.2",
-                "gulp-uglifycss": "^1.1.0",
-                "jasmine-core": "~4.6.0",
-                "jspdf": "^2.5.1",
-                "jspdf-autotable": "^3.5.28",
-                "karma": "~6.4.2",
-                "karma-chrome-launcher": "~3.2.0",
-                "karma-coverage": "~2.2.0",
-                "karma-jasmine": "~5.1.0",
-                "karma-jasmine-html-reporter": "~2.0.0",
-                "minio": "8.0.5",
-                "ng-packagr": "^18.0.0",
-                "postcss": "^8.4.49",
-                "postcss-cli": "^11.0.0",
-                "prettier": "^3.0.0",
-                "primeicons": "^7.0.0",
-                "prismjs": "^1.29.0",
-                "quill": "2.0.2",
-                "rxjs": "~7.8.1",
-                "storybook": "8.6.14",
-                "tailwindcss": "^3.4.14",
-                "ts-node": "~10.9.1",
-                "tslib": "^2.5.0",
-                "typedoc": "0.25.13",
-                "typescript": "5.4.5",
-                "xlsx": "^0.18.5",
-                "zone.js": "~0.14.0"
-            }
-        },
-        "node_modules/@aduh95/viz.js": {
-            "version": "3.4.0",
-            "resolved": "https://registry.npmjs.org/@aduh95/viz.js/-/viz.js-3.4.0.tgz",
-            "integrity": "sha512-KI2nVf9JdwWCXqK6RVf+9/096G7VWN4Z84mnynlyZKao2xQENW8WNEjLmvdlxS5X8PNWXFC1zqwm7tveOXw/4A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@algolia/abtesting": {
-            "version": "1.8.0",
-            "resolved": "https://registry.npmjs.org/@algolia/abtesting/-/abtesting-1.8.0.tgz",
-            "integrity": "sha512-Hb4BkGNnvgCj3F9XzqjiFTpA5IGkjOXwGAOV13qtc27l2qNF8X9rzSp1H5hu8XewlC0DzYtQtZZIOYzRZDyuXg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/client-common": "5.42.0",
-                "@algolia/requester-browser-xhr": "5.42.0",
-                "@algolia/requester-fetch": "5.42.0",
-                "@algolia/requester-node-http": "5.42.0"
-            },
-            "engines": {
-                "node": ">= 14.0.0"
-            }
-        },
-        "node_modules/@algolia/autocomplete-core": {
-            "version": "1.17.9",
-            "resolved": "https://registry.npmjs.org/@algolia/autocomplete-core/-/autocomplete-core-1.17.9.tgz",
-            "integrity": "sha512-O7BxrpLDPJWWHv/DLA9DRFWs+iY1uOJZkqUwjS5HSZAGcl0hIVCQ97LTLewiZmZ402JYUrun+8NqFP+hCknlbQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/autocomplete-plugin-algolia-insights": "1.17.9",
-                "@algolia/autocomplete-shared": "1.17.9"
-            }
-        },
-        "node_modules/@algolia/autocomplete-plugin-algolia-insights": {
-            "version": "1.17.9",
-            "resolved": "https://registry.npmjs.org/@algolia/autocomplete-plugin-algolia-insights/-/autocomplete-plugin-algolia-insights-1.17.9.tgz",
-            "integrity": "sha512-u1fEHkCbWF92DBeB/KHeMacsjsoI0wFhjZtlCq2ddZbAehshbZST6Hs0Avkc0s+4UyBGbMDnSuXHLuvRWK5iDQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/autocomplete-shared": "1.17.9"
-            },
-            "peerDependencies": {
-                "search-insights": ">= 1 < 3"
-            }
-        },
-        "node_modules/@algolia/autocomplete-preset-algolia": {
-            "version": "1.17.9",
-            "resolved": "https://registry.npmjs.org/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.17.9.tgz",
-            "integrity": "sha512-Na1OuceSJeg8j7ZWn5ssMu/Ax3amtOwk76u4h5J4eK2Nx2KB5qt0Z4cOapCsxot9VcEN11ADV5aUSlQF4RhGjQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/autocomplete-shared": "1.17.9"
-            },
-            "peerDependencies": {
-                "@algolia/client-search": ">= 4.9.1 < 6",
-                "algoliasearch": ">= 4.9.1 < 6"
-            }
-        },
-        "node_modules/@algolia/autocomplete-shared": {
-            "version": "1.17.9",
-            "resolved": "https://registry.npmjs.org/@algolia/autocomplete-shared/-/autocomplete-shared-1.17.9.tgz",
-            "integrity": "sha512-iDf05JDQ7I0b7JEA/9IektxN/80a2MZ1ToohfmNS3rfeuQnIKI3IJlIafD0xu4StbtQTghx9T3Maa97ytkXenQ==",
-            "dev": true,
-            "license": "MIT",
-            "peerDependencies": {
-                "@algolia/client-search": ">= 4.9.1 < 6",
-                "algoliasearch": ">= 4.9.1 < 6"
-            }
-        },
-        "node_modules/@algolia/client-abtesting": {
-            "version": "5.42.0",
-            "resolved": "https://registry.npmjs.org/@algolia/client-abtesting/-/client-abtesting-5.42.0.tgz",
-            "integrity": "sha512-JLyyG7bb7XOda+w/sp8ch7rEVy6LnWs3qtxr6VJJ2XIINqGsY6U+0L3aJ6QFliBRNUeEAr2QBDxSm8u9Sal5uA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/client-common": "5.42.0",
-                "@algolia/requester-browser-xhr": "5.42.0",
-                "@algolia/requester-fetch": "5.42.0",
-                "@algolia/requester-node-http": "5.42.0"
-            },
-            "engines": {
-                "node": ">= 14.0.0"
-            }
-        },
-        "node_modules/@algolia/client-analytics": {
-            "version": "5.42.0",
-            "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-5.42.0.tgz",
-            "integrity": "sha512-SkCrvtZpdSWjNq9NGu/TtOg4TbzRuUToXlQqV6lLePa2s/WQlEyFw7QYjrz4itprWG9ASuH+StDlq7n49F2sBA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/client-common": "5.42.0",
-                "@algolia/requester-browser-xhr": "5.42.0",
-                "@algolia/requester-fetch": "5.42.0",
-                "@algolia/requester-node-http": "5.42.0"
-            },
-            "engines": {
-                "node": ">= 14.0.0"
-            }
-        },
-        "node_modules/@algolia/client-common": {
-            "version": "5.42.0",
-            "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.42.0.tgz",
-            "integrity": "sha512-6iiFbm2tRn6B2OqFv9XDTcw5LdWPudiJWIbRk+fsTX+hkPrPm4e1/SbU+lEYBciPoaTShLkDbRge4UePEyCPMQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 14.0.0"
-            }
-        },
-        "node_modules/@algolia/client-insights": {
-            "version": "5.42.0",
-            "resolved": "https://registry.npmjs.org/@algolia/client-insights/-/client-insights-5.42.0.tgz",
-            "integrity": "sha512-iEokmw2k6FBa8g/TT7ClyEriaP/FUEmz3iczRoCklEHWSgoABMkaeYrxRXrA2yx76AN+gyZoC8FX0iCJ55dsOg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/client-common": "5.42.0",
-                "@algolia/requester-browser-xhr": "5.42.0",
-                "@algolia/requester-fetch": "5.42.0",
-                "@algolia/requester-node-http": "5.42.0"
-            },
-            "engines": {
-                "node": ">= 14.0.0"
-            }
-        },
-        "node_modules/@algolia/client-personalization": {
-            "version": "5.42.0",
-            "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-5.42.0.tgz",
-            "integrity": "sha512-ivVniRqX2ARd+jGvRHTxpWeOtO9VT+rK+OmiuRgkSunoTyxk0vjeDO7QkU7+lzBOXiYgakNjkZrBtIpW9c+muw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/client-common": "5.42.0",
-                "@algolia/requester-browser-xhr": "5.42.0",
-                "@algolia/requester-fetch": "5.42.0",
-                "@algolia/requester-node-http": "5.42.0"
-            },
-            "engines": {
-                "node": ">= 14.0.0"
-            }
-        },
-        "node_modules/@algolia/client-query-suggestions": {
-            "version": "5.42.0",
-            "resolved": "https://registry.npmjs.org/@algolia/client-query-suggestions/-/client-query-suggestions-5.42.0.tgz",
-            "integrity": "sha512-9+BIw6rerUfA+eLMIS2lF4mgoeBGTCIHiqb35PLn3699Rm3CaJXz03hChdwAWcA6SwGw0haYXYJa7LF0xI6EpA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/client-common": "5.42.0",
-                "@algolia/requester-browser-xhr": "5.42.0",
-                "@algolia/requester-fetch": "5.42.0",
-                "@algolia/requester-node-http": "5.42.0"
-            },
-            "engines": {
-                "node": ">= 14.0.0"
-            }
-        },
-        "node_modules/@algolia/client-search": {
-            "version": "5.42.0",
-            "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-5.42.0.tgz",
-            "integrity": "sha512-NZR7yyHj2WzK6D5X8gn+/KOxPdzYEXOqVdSaK/biU8QfYUpUuEA0sCWg/XlO05tPVEcJelF/oLrrNY3UjRbOww==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/client-common": "5.42.0",
-                "@algolia/requester-browser-xhr": "5.42.0",
-                "@algolia/requester-fetch": "5.42.0",
-                "@algolia/requester-node-http": "5.42.0"
-            },
-            "engines": {
-                "node": ">= 14.0.0"
-            }
-        },
-        "node_modules/@algolia/ingestion": {
-            "version": "1.42.0",
-            "resolved": "https://registry.npmjs.org/@algolia/ingestion/-/ingestion-1.42.0.tgz",
-            "integrity": "sha512-MBkjRymf4BT6VOvMpJlg6kq8K+PkH9q+N+K4YMNdzTXlL40YwOa1wIWQ5LxP/Jhlz64kW5g9/oaMWY06Sy9dcw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/client-common": "5.42.0",
-                "@algolia/requester-browser-xhr": "5.42.0",
-                "@algolia/requester-fetch": "5.42.0",
-                "@algolia/requester-node-http": "5.42.0"
-            },
-            "engines": {
-                "node": ">= 14.0.0"
-            }
-        },
-        "node_modules/@algolia/monitoring": {
-            "version": "1.42.0",
-            "resolved": "https://registry.npmjs.org/@algolia/monitoring/-/monitoring-1.42.0.tgz",
-            "integrity": "sha512-kmLs7YfjT4cpr4FnhhRmnoSX4psh9KYZ9NAiWt/YcUV33m0B/Os5L4QId30zVXkOqAPAEpV5VbDPWep+/aoJdQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/client-common": "5.42.0",
-                "@algolia/requester-browser-xhr": "5.42.0",
-                "@algolia/requester-fetch": "5.42.0",
-                "@algolia/requester-node-http": "5.42.0"
-            },
-            "engines": {
-                "node": ">= 14.0.0"
-            }
-        },
-        "node_modules/@algolia/recommend": {
-            "version": "5.42.0",
-            "resolved": "https://registry.npmjs.org/@algolia/recommend/-/recommend-5.42.0.tgz",
-            "integrity": "sha512-U5yZ8+Jj+A4ZC0IMfElpPcddQ9NCoawD1dKyWmjHP49nzN2Z4284IFVMAJWR6fq/0ddGf4OMjjYO9cnF8L+5tw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/client-common": "5.42.0",
-                "@algolia/requester-browser-xhr": "5.42.0",
-                "@algolia/requester-fetch": "5.42.0",
-                "@algolia/requester-node-http": "5.42.0"
-            },
-            "engines": {
-                "node": ">= 14.0.0"
-            }
-        },
-        "node_modules/@algolia/requester-browser-xhr": {
-            "version": "5.42.0",
-            "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.42.0.tgz",
-            "integrity": "sha512-EbuxgteaYBlKgc2Fs3JzoPIKAIaevAIwmv1F+fakaEXeibG4pkmVNsyTUjpOZIgJ1kXeqNvDrcjRb6g3vYBJ9A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/client-common": "5.42.0"
-            },
-            "engines": {
-                "node": ">= 14.0.0"
-            }
-        },
-        "node_modules/@algolia/requester-fetch": {
-            "version": "5.42.0",
-            "resolved": "https://registry.npmjs.org/@algolia/requester-fetch/-/requester-fetch-5.42.0.tgz",
-            "integrity": "sha512-4vnFvY5Q8QZL9eDNkywFLsk/eQCRBXCBpE8HWs8iUsFNHYoamiOxAeYMin0W/nszQj6abc+jNxMChHmejO+ftQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/client-common": "5.42.0"
-            },
-            "engines": {
-                "node": ">= 14.0.0"
-            }
-        },
-        "node_modules/@algolia/requester-node-http": {
-            "version": "5.42.0",
-            "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.42.0.tgz",
-            "integrity": "sha512-gkLNpU+b1pCIwk1hKTJz2NWQPT8gsfGhQasnZ5QVv4jd79fKRL/1ikd86P0AzuIQs9tbbhlMwxsSTyJmlq502w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/client-common": "5.42.0"
-            },
-            "engines": {
-                "node": ">= 14.0.0"
-            }
-        },
-        "node_modules/@alloc/quick-lru": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
-            "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@ampproject/remapping": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
-            "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "@jridgewell/gen-mapping": "^0.3.5",
-                "@jridgewell/trace-mapping": "^0.3.24"
-            },
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
-        "node_modules/@angular-devkit/architect": {
-            "version": "0.1902.19",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.19.tgz",
-            "integrity": "sha512-iexYDIYpGAeAU7T60bGcfrGwtq1bxpZixYxWuHYiaD1b5baQgNSfd1isGEOh37GgDNsf4In9i2LOLPm0wBdtgQ==",
-            "dev": true,
-            "license": "MIT",
-            "peer": true,
-            "dependencies": {
-                "@angular-devkit/core": "19.2.19",
-                "rxjs": "7.8.1"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            }
-        },
-        "node_modules/@angular-devkit/architect/node_modules/@angular-devkit/core": {
-            "version": "19.2.19",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.19.tgz",
-            "integrity": "sha512-JbLL+4IMLMBgjLZlnPG4lYDfz4zGrJ/s6Aoon321NJKuw1Kb1k5KpFu9dUY0BqLIe8xPQ2UJBpI+xXdK5MXMHQ==",
-            "dev": true,
-            "license": "MIT",
-            "peer": true,
-            "dependencies": {
-                "ajv": "8.17.1",
-                "ajv-formats": "3.0.1",
-                "jsonc-parser": "3.3.1",
-                "picomatch": "4.0.2",
-                "rxjs": "7.8.1",
-                "source-map": "0.7.4"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            },
-            "peerDependencies": {
-                "chokidar": "^4.0.0"
-            },
-            "peerDependenciesMeta": {
-                "chokidar": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@angular-devkit/architect/node_modules/chokidar": {
-            "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
-            "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "peer": true,
-            "dependencies": {
-                "readdirp": "^4.0.1"
-            },
-            "engines": {
-                "node": ">= 14.16.0"
-            },
-            "funding": {
-                "url": "https://paulmillr.com/funding/"
-            }
-        },
-        "node_modules/@angular-devkit/architect/node_modules/readdirp": {
-            "version": "4.1.2",
-            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
-            "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "peer": true,
-            "engines": {
-                "node": ">= 14.18.0"
-            },
-            "funding": {
-                "type": "individual",
-                "url": "https://paulmillr.com/funding/"
-            }
-        },
-        "node_modules/@angular-devkit/architect/node_modules/rxjs": {
-            "version": "7.8.1",
-            "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
-            "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "peer": true,
-            "dependencies": {
-                "tslib": "^2.1.0"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular": {
-            "version": "18.2.19",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-18.2.19.tgz",
-            "integrity": "sha512-xwY7v+nGE7TXOc4pgY6u57bLzIPSHuecosYr3TiWHAl9iEcKHzkCCFKsLZyunohHmq/i1uA6g3cC6iwp2xNYyg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@ampproject/remapping": "2.3.0",
-                "@angular-devkit/architect": "0.1802.19",
-                "@angular-devkit/build-webpack": "0.1802.19",
-                "@angular-devkit/core": "18.2.19",
-                "@angular/build": "18.2.19",
-                "@babel/core": "7.26.10",
-                "@babel/generator": "7.26.10",
-                "@babel/helper-annotate-as-pure": "7.25.9",
-                "@babel/helper-split-export-declaration": "7.24.7",
-                "@babel/plugin-transform-async-generator-functions": "7.26.8",
-                "@babel/plugin-transform-async-to-generator": "7.25.9",
-                "@babel/plugin-transform-runtime": "7.26.10",
-                "@babel/preset-env": "7.26.9",
-                "@babel/runtime": "7.26.10",
-                "@discoveryjs/json-ext": "0.6.1",
-                "@ngtools/webpack": "18.2.19",
-                "ansi-colors": "4.1.3",
-                "autoprefixer": "10.4.20",
-                "babel-loader": "9.1.3",
-                "browserslist": "^4.21.5",
-                "copy-webpack-plugin": "12.0.2",
-                "critters": "0.0.24",
-                "css-loader": "7.1.2",
-                "esbuild-wasm": "0.23.0",
-                "fast-glob": "3.3.2",
-                "http-proxy-middleware": "3.0.5",
-                "https-proxy-agent": "7.0.5",
-                "istanbul-lib-instrument": "6.0.3",
-                "jsonc-parser": "3.3.1",
-                "karma-source-map-support": "1.4.0",
-                "less": "4.2.0",
-                "less-loader": "12.2.0",
-                "license-webpack-plugin": "4.0.2",
-                "loader-utils": "3.3.1",
-                "magic-string": "0.30.11",
-                "mini-css-extract-plugin": "2.9.0",
-                "mrmime": "2.0.0",
-                "open": "10.1.0",
-                "ora": "5.4.1",
-                "parse5-html-rewriting-stream": "7.0.0",
-                "picomatch": "4.0.2",
-                "piscina": "4.6.1",
-                "postcss": "8.4.41",
-                "postcss-loader": "8.1.1",
-                "resolve-url-loader": "5.0.0",
-                "rxjs": "7.8.1",
-                "sass": "1.77.6",
-                "sass-loader": "16.0.0",
-                "semver": "7.6.3",
-                "source-map-loader": "5.0.0",
-                "source-map-support": "0.5.21",
-                "terser": "5.31.6",
-                "tree-kill": "1.2.2",
-                "tslib": "2.6.3",
-                "watchpack": "2.4.1",
-                "webpack": "5.94.0",
-                "webpack-dev-middleware": "7.4.2",
-                "webpack-dev-server": "5.0.4",
-                "webpack-merge": "6.0.1",
-                "webpack-subresource-integrity": "5.1.0"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            },
-            "optionalDependencies": {
-                "esbuild": "0.23.0"
-            },
-            "peerDependencies": {
-                "@angular/compiler-cli": "^18.0.0",
-                "@angular/localize": "^18.0.0",
-                "@angular/platform-server": "^18.0.0",
-                "@angular/service-worker": "^18.0.0",
-                "@web/test-runner": "^0.18.0",
-                "browser-sync": "^3.0.2",
-                "jest": "^29.5.0",
-                "jest-environment-jsdom": "^29.5.0",
-                "karma": "^6.3.0",
-                "ng-packagr": "^18.0.0",
-                "protractor": "^7.0.0",
-                "tailwindcss": "^2.0.0 || ^3.0.0",
-                "typescript": ">=5.4 <5.6"
-            },
-            "peerDependenciesMeta": {
-                "@angular/localize": {
-                    "optional": true
-                },
-                "@angular/platform-server": {
-                    "optional": true
-                },
-                "@angular/service-worker": {
-                    "optional": true
-                },
-                "@web/test-runner": {
-                    "optional": true
-                },
-                "browser-sync": {
-                    "optional": true
-                },
-                "jest": {
-                    "optional": true
-                },
-                "jest-environment-jsdom": {
-                    "optional": true
-                },
-                "karma": {
-                    "optional": true
-                },
-                "ng-packagr": {
-                    "optional": true
-                },
-                "protractor": {
-                    "optional": true
-                },
-                "tailwindcss": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@angular-devkit/architect": {
-            "version": "0.1802.19",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1802.19.tgz",
-            "integrity": "sha512-M4B1tzxGX1nWCZr9GMM8OO0yBJO2HFSdK8M8P74vEFQfKIeq3y16IQ5zlEveJrkCOFVtmlIy2C9foMCdNyBRMA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@angular-devkit/core": "18.2.19",
-                "rxjs": "7.8.1"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@angular-devkit/core": {
-            "version": "18.2.19",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-18.2.19.tgz",
-            "integrity": "sha512-Ptf92Zomc6FCr7GWmHKdgOUbA1GpctZwH/hRcpYpU3tM56MG2t5FOFpufnE595GgolOCktabkFEoODMG8PBVDQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ajv": "8.17.1",
-                "ajv-formats": "3.0.1",
-                "jsonc-parser": "3.3.1",
-                "picomatch": "4.0.2",
-                "rxjs": "7.8.1",
-                "source-map": "0.7.4"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            },
-            "peerDependencies": {
-                "chokidar": "^3.5.2"
-            },
-            "peerDependenciesMeta": {
-                "chokidar": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/aix-ppc64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.23.0.tgz",
-            "integrity": "sha512-3sG8Zwa5fMcA9bgqB8AfWPQ+HFke6uD3h1s3RIwUNK8EG7a4buxvuFTs3j1IMs2NXAk9F30C/FF4vxRgQCcmoQ==",
-            "cpu": [
-                "ppc64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "aix"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/android-arm": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.23.0.tgz",
-            "integrity": "sha512-+KuOHTKKyIKgEEqKbGTK8W7mPp+hKinbMBeEnNzjJGyFcWsfrXjSTNluJHCY1RqhxFurdD8uNXQDei7qDlR6+g==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/android-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.23.0.tgz",
-            "integrity": "sha512-EuHFUYkAVfU4qBdyivULuu03FhJO4IJN9PGuABGrFy4vUuzk91P2d+npxHcFdpUnfYKy0PuV+n6bKIpHOB3prQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/android-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.23.0.tgz",
-            "integrity": "sha512-WRrmKidLoKDl56LsbBMhzTTBxrsVwTKdNbKDalbEZr0tcsBgCLbEtoNthOW6PX942YiYq8HzEnb4yWQMLQuipQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/darwin-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.23.0.tgz",
-            "integrity": "sha512-YLntie/IdS31H54Ogdn+v50NuoWF5BDkEUFpiOChVa9UnKpftgwzZRrI4J132ETIi+D8n6xh9IviFV3eXdxfow==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/darwin-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.23.0.tgz",
-            "integrity": "sha512-IMQ6eme4AfznElesHUPDZ+teuGwoRmVuuixu7sv92ZkdQcPbsNHzutd+rAfaBKo8YK3IrBEi9SLLKWJdEvJniQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/freebsd-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.23.0.tgz",
-            "integrity": "sha512-0muYWCng5vqaxobq6LB3YNtevDFSAZGlgtLoAc81PjUfiFz36n4KMpwhtAd4he8ToSI3TGyuhyx5xmiWNYZFyw==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/freebsd-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.23.0.tgz",
-            "integrity": "sha512-XKDVu8IsD0/q3foBzsXGt/KjD/yTKBCIwOHE1XwiXmrRwrX6Hbnd5Eqn/WvDekddK21tfszBSrE/WMaZh+1buQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-arm": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.23.0.tgz",
-            "integrity": "sha512-SEELSTEtOFu5LPykzA395Mc+54RMg1EUgXP+iw2SJ72+ooMwVsgfuwXo5Fn0wXNgWZsTVHwY2cg4Vi/bOD88qw==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.23.0.tgz",
-            "integrity": "sha512-j1t5iG8jE7BhonbsEg5d9qOYcVZv/Rv6tghaXM/Ug9xahM0nX/H2gfu6X6z11QRTMT6+aywOMA8TDkhPo8aCGw==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-ia32": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.23.0.tgz",
-            "integrity": "sha512-P7O5Tkh2NbgIm2R6x1zGJJsnacDzTFcRWZyTTMgFdVit6E98LTxO+v8LCCLWRvPrjdzXHx9FEOA8oAZPyApWUA==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-loong64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.23.0.tgz",
-            "integrity": "sha512-InQwepswq6urikQiIC/kkx412fqUZudBO4SYKu0N+tGhXRWUqAx+Q+341tFV6QdBifpjYgUndV1hhMq3WeJi7A==",
-            "cpu": [
-                "loong64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-mips64el": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.23.0.tgz",
-            "integrity": "sha512-J9rflLtqdYrxHv2FqXE2i1ELgNjT+JFURt/uDMoPQLcjWQA5wDKgQA4t/dTqGa88ZVECKaD0TctwsUfHbVoi4w==",
-            "cpu": [
-                "mips64el"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-ppc64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.23.0.tgz",
-            "integrity": "sha512-cShCXtEOVc5GxU0fM+dsFD10qZ5UpcQ8AM22bYj0u/yaAykWnqXJDpd77ublcX6vdDsWLuweeuSNZk4yUxZwtw==",
-            "cpu": [
-                "ppc64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-riscv64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.23.0.tgz",
-            "integrity": "sha512-HEtaN7Y5UB4tZPeQmgz/UhzoEyYftbMXrBCUjINGjh3uil+rB/QzzpMshz3cNUxqXN7Vr93zzVtpIDL99t9aRw==",
-            "cpu": [
-                "riscv64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-s390x": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.23.0.tgz",
-            "integrity": "sha512-WDi3+NVAuyjg/Wxi+o5KPqRbZY0QhI9TjrEEm+8dmpY9Xir8+HE/HNx2JoLckhKbFopW0RdO2D72w8trZOV+Wg==",
-            "cpu": [
-                "s390x"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.23.0.tgz",
-            "integrity": "sha512-a3pMQhUEJkITgAw6e0bWA+F+vFtCciMjW/LPtoj99MhVt+Mfb6bbL9hu2wmTZgNd994qTAEw+U/r6k3qHWWaOQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/netbsd-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.23.0.tgz",
-            "integrity": "sha512-cRK+YDem7lFTs2Q5nEv/HHc4LnrfBCbH5+JHu6wm2eP+d8OZNoSMYgPZJq78vqQ9g+9+nMuIsAO7skzphRXHyw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "netbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/openbsd-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.23.0.tgz",
-            "integrity": "sha512-suXjq53gERueVWu0OKxzWqk7NxiUWSUlrxoZK7usiF50C6ipColGR5qie2496iKGYNLhDZkPxBI3erbnYkU0rQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "openbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/openbsd-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.23.0.tgz",
-            "integrity": "sha512-6p3nHpby0DM/v15IFKMjAaayFhqnXV52aEmv1whZHX56pdkK+MEaLoQWj+H42ssFarP1PcomVhbsR4pkz09qBg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "openbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/sunos-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.23.0.tgz",
-            "integrity": "sha512-BFelBGfrBwk6LVrmFzCq1u1dZbG4zy/Kp93w2+y83Q5UGYF1d8sCzeLI9NXjKyujjBBniQa8R8PzLFAUrSM9OA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "sunos"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/win32-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.23.0.tgz",
-            "integrity": "sha512-lY6AC8p4Cnb7xYHuIxQ6iYPe6MfO2CC43XXKo9nBXDb35krYt7KGhQnOkRGar5psxYkircpCqfbNDB4uJbS2jQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/win32-ia32": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.23.0.tgz",
-            "integrity": "sha512-7L1bHlOTcO4ByvI7OXVI5pNN6HSu6pUQq9yodga8izeuB1KcT2UkHaH6118QJwopExPn0rMHIseCTx1CRo/uNA==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/win32-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.23.0.tgz",
-            "integrity": "sha512-Arm+WgUFLUATuoxCJcahGuk6Yj9Pzxd6l11Zb/2aAuv5kWWvvfhLFo2fni4uSK5vzlUdCGZ/BdV5tH8klj8p8g==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/autoprefixer": {
-            "version": "10.4.20",
-            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
-            "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/autoprefixer"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "browserslist": "^4.23.3",
-                "caniuse-lite": "^1.0.30001646",
-                "fraction.js": "^4.3.7",
-                "normalize-range": "^0.1.2",
-                "picocolors": "^1.0.1",
-                "postcss-value-parser": "^4.2.0"
-            },
-            "bin": {
-                "autoprefixer": "bin/autoprefixer"
-            },
-            "engines": {
-                "node": "^10 || ^12 || >=14"
-            },
-            "peerDependencies": {
-                "postcss": "^8.1.0"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/esbuild": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.23.0.tgz",
-            "integrity": "sha512-1lvV17H2bMYda/WaFb2jLPeHU3zml2k4/yagNMG8Q/YtfMjCwEUZa2eXXMgZTVSL5q1n4H7sQ0X6CdJDqqeCFA==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "optional": true,
-            "bin": {
-                "esbuild": "bin/esbuild"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "optionalDependencies": {
-                "@esbuild/aix-ppc64": "0.23.0",
-                "@esbuild/android-arm": "0.23.0",
-                "@esbuild/android-arm64": "0.23.0",
-                "@esbuild/android-x64": "0.23.0",
-                "@esbuild/darwin-arm64": "0.23.0",
-                "@esbuild/darwin-x64": "0.23.0",
-                "@esbuild/freebsd-arm64": "0.23.0",
-                "@esbuild/freebsd-x64": "0.23.0",
-                "@esbuild/linux-arm": "0.23.0",
-                "@esbuild/linux-arm64": "0.23.0",
-                "@esbuild/linux-ia32": "0.23.0",
-                "@esbuild/linux-loong64": "0.23.0",
-                "@esbuild/linux-mips64el": "0.23.0",
-                "@esbuild/linux-ppc64": "0.23.0",
-                "@esbuild/linux-riscv64": "0.23.0",
-                "@esbuild/linux-s390x": "0.23.0",
-                "@esbuild/linux-x64": "0.23.0",
-                "@esbuild/netbsd-x64": "0.23.0",
-                "@esbuild/openbsd-arm64": "0.23.0",
-                "@esbuild/openbsd-x64": "0.23.0",
-                "@esbuild/sunos-x64": "0.23.0",
-                "@esbuild/win32-arm64": "0.23.0",
-                "@esbuild/win32-ia32": "0.23.0",
-                "@esbuild/win32-x64": "0.23.0"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/postcss": {
-            "version": "8.4.41",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.41.tgz",
-            "integrity": "sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/postcss"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "nanoid": "^3.3.7",
-                "picocolors": "^1.0.1",
-                "source-map-js": "^1.2.0"
-            },
-            "engines": {
-                "node": "^10 || ^12 || >=14"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/rxjs": {
-            "version": "7.8.1",
-            "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
-            "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "tslib": "^2.1.0"
-            }
-        },
-        "node_modules/@angular-devkit/build-angular/node_modules/tslib": {
-            "version": "2.6.3",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
-            "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==",
-            "dev": true,
-            "license": "0BSD"
-        },
-        "node_modules/@angular-devkit/build-webpack": {
-            "version": "0.1802.19",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1802.19.tgz",
-            "integrity": "sha512-axz1Sasn+c+GJpJexBL+B3Rh1w3wJrQq8k8gkniodjJ594p4ti2qGk7i9Tj8A4cXx5fGY+EpuZvKfI/9Tr7QwA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@angular-devkit/architect": "0.1802.19",
-                "rxjs": "7.8.1"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            },
-            "peerDependencies": {
-                "webpack": "^5.30.0",
-                "webpack-dev-server": "^5.0.2"
-            }
-        },
-        "node_modules/@angular-devkit/build-webpack/node_modules/@angular-devkit/architect": {
-            "version": "0.1802.19",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1802.19.tgz",
-            "integrity": "sha512-M4B1tzxGX1nWCZr9GMM8OO0yBJO2HFSdK8M8P74vEFQfKIeq3y16IQ5zlEveJrkCOFVtmlIy2C9foMCdNyBRMA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@angular-devkit/core": "18.2.19",
-                "rxjs": "7.8.1"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            }
-        },
-        "node_modules/@angular-devkit/build-webpack/node_modules/@angular-devkit/core": {
-            "version": "18.2.19",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-18.2.19.tgz",
-            "integrity": "sha512-Ptf92Zomc6FCr7GWmHKdgOUbA1GpctZwH/hRcpYpU3tM56MG2t5FOFpufnE595GgolOCktabkFEoODMG8PBVDQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ajv": "8.17.1",
-                "ajv-formats": "3.0.1",
-                "jsonc-parser": "3.3.1",
-                "picomatch": "4.0.2",
-                "rxjs": "7.8.1",
-                "source-map": "0.7.4"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            },
-            "peerDependencies": {
-                "chokidar": "^3.5.2"
-            },
-            "peerDependenciesMeta": {
-                "chokidar": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@angular-devkit/build-webpack/node_modules/rxjs": {
-            "version": "7.8.1",
-            "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
-            "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "tslib": "^2.1.0"
-            }
-        },
-        "node_modules/@angular-devkit/core": {
-            "version": "18.2.21",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-18.2.21.tgz",
-            "integrity": "sha512-Lno6GNbJME85wpc/uqn+wamBxvfZJZFYSH8+oAkkyjU/hk8r5+X8DuyqsKAa0m8t46zSTUsonHsQhVe5vgrZeQ==",
-            "dev": true,
-            "license": "MIT",
-            "peer": true,
-            "dependencies": {
-                "ajv": "8.17.1",
-                "ajv-formats": "3.0.1",
-                "jsonc-parser": "3.3.1",
-                "picomatch": "4.0.2",
-                "rxjs": "7.8.1",
-                "source-map": "0.7.4"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            },
-            "peerDependencies": {
-                "chokidar": "^3.5.2"
-            },
-            "peerDependenciesMeta": {
-                "chokidar": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@angular-devkit/core/node_modules/rxjs": {
-            "version": "7.8.1",
-            "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
-            "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "peer": true,
-            "dependencies": {
-                "tslib": "^2.1.0"
-            }
-        },
-        "node_modules/@angular-devkit/schematics": {
-            "version": "18.2.21",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-18.2.21.tgz",
-            "integrity": "sha512-yuC2vN4VL48JhnsaOa9J/o0Jl+cxOklRNQp5J2/ypMuRROaVCrZAPiX+ChSHh++kHYMpj8+ggNrrUwRNfMKACQ==",
-            "dev": true,
-            "license": "MIT",
-            "peer": true,
-            "dependencies": {
-                "@angular-devkit/core": "18.2.21",
-                "jsonc-parser": "3.3.1",
-                "magic-string": "0.30.11",
-                "ora": "5.4.1",
-                "rxjs": "7.8.1"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            }
-        },
-        "node_modules/@angular-devkit/schematics/node_modules/rxjs": {
-            "version": "7.8.1",
-            "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
-            "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "peer": true,
-            "dependencies": {
-                "tslib": "^2.1.0"
-            }
-        },
-        "node_modules/@angular-eslint/bundled-angular-compiler": {
-            "version": "18.0.0",
-            "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-18.0.0.tgz",
-            "integrity": "sha512-c5XNfpWN6vfMoZpnLLeras7nUIVI10ofJu3W3s1s1NpCjP67kY84SPYRJIND1LemVewMQ+mhnP4xJnqvJxC1tA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@angular-eslint/eslint-plugin": {
-            "version": "18.0.0",
-            "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-18.0.0.tgz",
-            "integrity": "sha512-XhsIR28HiFOg3qbyjr0ZFBvOeFSXowbriFn8pAuiUjYoLJEtNZzPA1Ih/J0Ky5ZXYwcSJbZRQdNR/q1INQEFqA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@angular-eslint/bundled-angular-compiler": "18.0.0",
-                "@angular-eslint/utils": "18.0.0",
-                "@typescript-eslint/utils": "8.0.0-alpha.20"
-            },
-            "peerDependencies": {
-                "eslint": "^8.57.0 || ^9.0.0",
-                "typescript": "*"
-            }
-        },
-        "node_modules/@angular-eslint/eslint-plugin-template": {
-            "version": "18.0.0",
-            "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-18.0.0.tgz",
-            "integrity": "sha512-KN32zW5eutRLumjJNGM77pZ4dpQe/PlffU2fGGVagHSDRrjaEqBmJ/khecUHjz3+VxYLbVWBM2skfb5jC4Lr2g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@angular-eslint/bundled-angular-compiler": "18.0.0",
-                "@angular-eslint/utils": "18.0.0",
-                "@typescript-eslint/utils": "8.0.0-alpha.20",
-                "aria-query": "5.3.0",
-                "axobject-query": "4.0.0"
-            },
-            "peerDependencies": {
-                "eslint": "^8.57.0 || ^9.0.0",
-                "typescript": "*"
-            }
-        },
-        "node_modules/@angular-eslint/schematics": {
-            "version": "18.0.0",
-            "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-18.0.0.tgz",
-            "integrity": "sha512-s/y+jzwyLi+/HtyUsbP6EjK877TViIGmA1sWw7FHHssRRqBdCoKjDLVeQKJKquOFB/IYSZlpB6KWPzbMFpMv3A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@angular-eslint/eslint-plugin": "18.0.0",
-                "@angular-eslint/eslint-plugin-template": "18.0.0",
-                "@nx/devkit": "^19.0.6",
-                "ignore": "5.3.1",
-                "nx": "^19.0.6",
-                "semver": "7.6.2",
-                "strip-json-comments": "3.1.1"
-            },
-            "peerDependencies": {
-                "@angular-devkit/core": ">= 18.0.0 < 19.0.0",
-                "@angular-devkit/schematics": ">= 18.0.0 < 19.0.0"
-            }
-        },
-        "node_modules/@angular-eslint/schematics/node_modules/semver": {
-            "version": "7.6.2",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-            "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@angular-eslint/template-parser": {
-            "version": "18.0.0",
-            "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-18.0.0.tgz",
-            "integrity": "sha512-BRecTFL4roM+RUHI6sIOEIAytXGqDDwkHy1H18FuzR2Zvu+hd7yaGnr6s7nusnT6l+2igWgsslPHPgb/p3OPeA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@angular-eslint/bundled-angular-compiler": "18.0.0",
-                "eslint-scope": "^8.0.0"
-            },
-            "peerDependencies": {
-                "eslint": "^8.57.0 || ^9.0.0",
-                "typescript": "*"
-            }
-        },
-        "node_modules/@angular-eslint/utils": {
-            "version": "18.0.0",
-            "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-18.0.0.tgz",
-            "integrity": "sha512-ygOlsC5HrknbI8Ah5pa6tGtrpxB0W4UqzZG9Ii7whoWs7OjkBTIbeNy/qaWv1e45MR2/Ytd5BSWK17w0Poyz8w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@angular-eslint/bundled-angular-compiler": "18.0.0",
-                "@typescript-eslint/utils": "8.0.0-alpha.20"
-            },
-            "peerDependencies": {
-                "eslint": "^8.57.0 || ^9.0.0",
-                "typescript": "*"
-            }
-        },
-        "node_modules/@angular/animations": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-18.2.13.tgz",
-            "integrity": "sha512-rG5J5Ek5Hg+Tz2NjkNOaG6PupiNK/lPfophXpsR1t/nWujqnMWX2krahD/i6kgD+jNWNKCJCYSOVvCx/BHOtKA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tslib": "^2.3.0"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
-            },
-            "peerDependencies": {
-                "@angular/core": "18.2.13"
-            }
-        },
-        "node_modules/@angular/build": {
-            "version": "18.2.19",
-            "resolved": "https://registry.npmjs.org/@angular/build/-/build-18.2.19.tgz",
-            "integrity": "sha512-dTqR+mhcZWtCRyOafvzHNVpYxMQnt8HHHqNM0kyEMzcztXL2L9zDlKr0H9d+AgGGq/v4qwCh+1gFDxsHByZwMQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@ampproject/remapping": "2.3.0",
-                "@angular-devkit/architect": "0.1802.19",
-                "@babel/core": "7.25.2",
-                "@babel/helper-annotate-as-pure": "7.24.7",
-                "@babel/helper-split-export-declaration": "7.24.7",
-                "@babel/plugin-syntax-import-attributes": "7.24.7",
-                "@inquirer/confirm": "3.1.22",
-                "@vitejs/plugin-basic-ssl": "1.1.0",
-                "browserslist": "^4.23.0",
-                "critters": "0.0.24",
-                "esbuild": "0.23.0",
-                "fast-glob": "3.3.2",
-                "https-proxy-agent": "7.0.5",
-                "listr2": "8.2.4",
-                "lmdb": "3.0.13",
-                "magic-string": "0.30.11",
-                "mrmime": "2.0.0",
-                "parse5-html-rewriting-stream": "7.0.0",
-                "picomatch": "4.0.2",
-                "piscina": "4.6.1",
-                "rollup": "4.22.4",
-                "sass": "1.77.6",
-                "semver": "7.6.3",
-                "vite": "~5.4.17",
-                "watchpack": "2.4.1"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            },
-            "peerDependencies": {
-                "@angular/compiler-cli": "^18.0.0",
-                "@angular/localize": "^18.0.0",
-                "@angular/platform-server": "^18.0.0",
-                "@angular/service-worker": "^18.0.0",
-                "less": "^4.2.0",
-                "postcss": "^8.4.0",
-                "tailwindcss": "^2.0.0 || ^3.0.0",
-                "typescript": ">=5.4 <5.6"
-            },
-            "peerDependenciesMeta": {
-                "@angular/localize": {
-                    "optional": true
-                },
-                "@angular/platform-server": {
-                    "optional": true
-                },
-                "@angular/service-worker": {
-                    "optional": true
-                },
-                "less": {
-                    "optional": true
-                },
-                "postcss": {
-                    "optional": true
-                },
-                "tailwindcss": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@angular/build/node_modules/@angular-devkit/architect": {
-            "version": "0.1802.19",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1802.19.tgz",
-            "integrity": "sha512-M4B1tzxGX1nWCZr9GMM8OO0yBJO2HFSdK8M8P74vEFQfKIeq3y16IQ5zlEveJrkCOFVtmlIy2C9foMCdNyBRMA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@angular-devkit/core": "18.2.19",
-                "rxjs": "7.8.1"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@angular-devkit/core": {
-            "version": "18.2.19",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-18.2.19.tgz",
-            "integrity": "sha512-Ptf92Zomc6FCr7GWmHKdgOUbA1GpctZwH/hRcpYpU3tM56MG2t5FOFpufnE595GgolOCktabkFEoODMG8PBVDQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ajv": "8.17.1",
-                "ajv-formats": "3.0.1",
-                "jsonc-parser": "3.3.1",
-                "picomatch": "4.0.2",
-                "rxjs": "7.8.1",
-                "source-map": "0.7.4"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            },
-            "peerDependencies": {
-                "chokidar": "^3.5.2"
-            },
-            "peerDependenciesMeta": {
-                "chokidar": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@angular/build/node_modules/@babel/core": {
-            "version": "7.25.2",
-            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.25.2.tgz",
-            "integrity": "sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@ampproject/remapping": "^2.2.0",
-                "@babel/code-frame": "^7.24.7",
-                "@babel/generator": "^7.25.0",
-                "@babel/helper-compilation-targets": "^7.25.2",
-                "@babel/helper-module-transforms": "^7.25.2",
-                "@babel/helpers": "^7.25.0",
-                "@babel/parser": "^7.25.0",
-                "@babel/template": "^7.25.0",
-                "@babel/traverse": "^7.25.2",
-                "@babel/types": "^7.25.2",
-                "convert-source-map": "^2.0.0",
-                "debug": "^4.1.0",
-                "gensync": "^1.0.0-beta.2",
-                "json5": "^2.2.3",
-                "semver": "^6.3.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/babel"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@babel/core/node_modules/semver": {
-            "version": "6.3.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@babel/helper-annotate-as-pure": {
-            "version": "7.24.7",
-            "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz",
-            "integrity": "sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/types": "^7.24.7"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/aix-ppc64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.23.0.tgz",
-            "integrity": "sha512-3sG8Zwa5fMcA9bgqB8AfWPQ+HFke6uD3h1s3RIwUNK8EG7a4buxvuFTs3j1IMs2NXAk9F30C/FF4vxRgQCcmoQ==",
-            "cpu": [
-                "ppc64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "aix"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/android-arm": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.23.0.tgz",
-            "integrity": "sha512-+KuOHTKKyIKgEEqKbGTK8W7mPp+hKinbMBeEnNzjJGyFcWsfrXjSTNluJHCY1RqhxFurdD8uNXQDei7qDlR6+g==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/android-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.23.0.tgz",
-            "integrity": "sha512-EuHFUYkAVfU4qBdyivULuu03FhJO4IJN9PGuABGrFy4vUuzk91P2d+npxHcFdpUnfYKy0PuV+n6bKIpHOB3prQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/android-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.23.0.tgz",
-            "integrity": "sha512-WRrmKidLoKDl56LsbBMhzTTBxrsVwTKdNbKDalbEZr0tcsBgCLbEtoNthOW6PX942YiYq8HzEnb4yWQMLQuipQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/darwin-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.23.0.tgz",
-            "integrity": "sha512-YLntie/IdS31H54Ogdn+v50NuoWF5BDkEUFpiOChVa9UnKpftgwzZRrI4J132ETIi+D8n6xh9IviFV3eXdxfow==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/darwin-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.23.0.tgz",
-            "integrity": "sha512-IMQ6eme4AfznElesHUPDZ+teuGwoRmVuuixu7sv92ZkdQcPbsNHzutd+rAfaBKo8YK3IrBEi9SLLKWJdEvJniQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/freebsd-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.23.0.tgz",
-            "integrity": "sha512-0muYWCng5vqaxobq6LB3YNtevDFSAZGlgtLoAc81PjUfiFz36n4KMpwhtAd4he8ToSI3TGyuhyx5xmiWNYZFyw==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/freebsd-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.23.0.tgz",
-            "integrity": "sha512-XKDVu8IsD0/q3foBzsXGt/KjD/yTKBCIwOHE1XwiXmrRwrX6Hbnd5Eqn/WvDekddK21tfszBSrE/WMaZh+1buQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/linux-arm": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.23.0.tgz",
-            "integrity": "sha512-SEELSTEtOFu5LPykzA395Mc+54RMg1EUgXP+iw2SJ72+ooMwVsgfuwXo5Fn0wXNgWZsTVHwY2cg4Vi/bOD88qw==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/linux-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.23.0.tgz",
-            "integrity": "sha512-j1t5iG8jE7BhonbsEg5d9qOYcVZv/Rv6tghaXM/Ug9xahM0nX/H2gfu6X6z11QRTMT6+aywOMA8TDkhPo8aCGw==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/linux-ia32": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.23.0.tgz",
-            "integrity": "sha512-P7O5Tkh2NbgIm2R6x1zGJJsnacDzTFcRWZyTTMgFdVit6E98LTxO+v8LCCLWRvPrjdzXHx9FEOA8oAZPyApWUA==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/linux-loong64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.23.0.tgz",
-            "integrity": "sha512-InQwepswq6urikQiIC/kkx412fqUZudBO4SYKu0N+tGhXRWUqAx+Q+341tFV6QdBifpjYgUndV1hhMq3WeJi7A==",
-            "cpu": [
-                "loong64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/linux-mips64el": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.23.0.tgz",
-            "integrity": "sha512-J9rflLtqdYrxHv2FqXE2i1ELgNjT+JFURt/uDMoPQLcjWQA5wDKgQA4t/dTqGa88ZVECKaD0TctwsUfHbVoi4w==",
-            "cpu": [
-                "mips64el"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/linux-ppc64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.23.0.tgz",
-            "integrity": "sha512-cShCXtEOVc5GxU0fM+dsFD10qZ5UpcQ8AM22bYj0u/yaAykWnqXJDpd77ublcX6vdDsWLuweeuSNZk4yUxZwtw==",
-            "cpu": [
-                "ppc64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/linux-riscv64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.23.0.tgz",
-            "integrity": "sha512-HEtaN7Y5UB4tZPeQmgz/UhzoEyYftbMXrBCUjINGjh3uil+rB/QzzpMshz3cNUxqXN7Vr93zzVtpIDL99t9aRw==",
-            "cpu": [
-                "riscv64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/linux-s390x": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.23.0.tgz",
-            "integrity": "sha512-WDi3+NVAuyjg/Wxi+o5KPqRbZY0QhI9TjrEEm+8dmpY9Xir8+HE/HNx2JoLckhKbFopW0RdO2D72w8trZOV+Wg==",
-            "cpu": [
-                "s390x"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/linux-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.23.0.tgz",
-            "integrity": "sha512-a3pMQhUEJkITgAw6e0bWA+F+vFtCciMjW/LPtoj99MhVt+Mfb6bbL9hu2wmTZgNd994qTAEw+U/r6k3qHWWaOQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/netbsd-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.23.0.tgz",
-            "integrity": "sha512-cRK+YDem7lFTs2Q5nEv/HHc4LnrfBCbH5+JHu6wm2eP+d8OZNoSMYgPZJq78vqQ9g+9+nMuIsAO7skzphRXHyw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "netbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/openbsd-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.23.0.tgz",
-            "integrity": "sha512-suXjq53gERueVWu0OKxzWqk7NxiUWSUlrxoZK7usiF50C6ipColGR5qie2496iKGYNLhDZkPxBI3erbnYkU0rQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "openbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/openbsd-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.23.0.tgz",
-            "integrity": "sha512-6p3nHpby0DM/v15IFKMjAaayFhqnXV52aEmv1whZHX56pdkK+MEaLoQWj+H42ssFarP1PcomVhbsR4pkz09qBg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "openbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/sunos-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.23.0.tgz",
-            "integrity": "sha512-BFelBGfrBwk6LVrmFzCq1u1dZbG4zy/Kp93w2+y83Q5UGYF1d8sCzeLI9NXjKyujjBBniQa8R8PzLFAUrSM9OA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "sunos"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/win32-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.23.0.tgz",
-            "integrity": "sha512-lY6AC8p4Cnb7xYHuIxQ6iYPe6MfO2CC43XXKo9nBXDb35krYt7KGhQnOkRGar5psxYkircpCqfbNDB4uJbS2jQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/win32-ia32": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.23.0.tgz",
-            "integrity": "sha512-7L1bHlOTcO4ByvI7OXVI5pNN6HSu6pUQq9yodga8izeuB1KcT2UkHaH6118QJwopExPn0rMHIseCTx1CRo/uNA==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@esbuild/win32-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.23.0.tgz",
-            "integrity": "sha512-Arm+WgUFLUATuoxCJcahGuk6Yj9Pzxd6l11Zb/2aAuv5kWWvvfhLFo2fni4uSK5vzlUdCGZ/BdV5tH8klj8p8g==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@types/node": {
-            "version": "24.10.0",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.0.tgz",
-            "integrity": "sha512-qzQZRBqkFsYyaSWXuEHc2WR9c0a0CXwiE5FWUvn7ZM+vdy1uZLfCunD38UzhuB7YN/J11ndbDBcTmOdxJo9Q7A==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "peer": true,
-            "dependencies": {
-                "undici-types": "~7.16.0"
-            }
-        },
-        "node_modules/@angular/build/node_modules/@vitejs/plugin-basic-ssl": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.1.0.tgz",
-            "integrity": "sha512-wO4Dk/rm8u7RNhOf95ZzcEmC9rYOncYgvq4z3duaJrCgjN8BxAnDVyndanfcJZ0O6XZzHz6Q0hTimxTg8Y9g/A==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=14.6.0"
-            },
-            "peerDependencies": {
-                "vite": "^3.0.0 || ^4.0.0 || ^5.0.0"
-            }
-        },
-        "node_modules/@angular/build/node_modules/convert-source-map": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-            "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@angular/build/node_modules/esbuild": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.23.0.tgz",
-            "integrity": "sha512-1lvV17H2bMYda/WaFb2jLPeHU3zml2k4/yagNMG8Q/YtfMjCwEUZa2eXXMgZTVSL5q1n4H7sQ0X6CdJDqqeCFA==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "bin": {
-                "esbuild": "bin/esbuild"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "optionalDependencies": {
-                "@esbuild/aix-ppc64": "0.23.0",
-                "@esbuild/android-arm": "0.23.0",
-                "@esbuild/android-arm64": "0.23.0",
-                "@esbuild/android-x64": "0.23.0",
-                "@esbuild/darwin-arm64": "0.23.0",
-                "@esbuild/darwin-x64": "0.23.0",
-                "@esbuild/freebsd-arm64": "0.23.0",
-                "@esbuild/freebsd-x64": "0.23.0",
-                "@esbuild/linux-arm": "0.23.0",
-                "@esbuild/linux-arm64": "0.23.0",
-                "@esbuild/linux-ia32": "0.23.0",
-                "@esbuild/linux-loong64": "0.23.0",
-                "@esbuild/linux-mips64el": "0.23.0",
-                "@esbuild/linux-ppc64": "0.23.0",
-                "@esbuild/linux-riscv64": "0.23.0",
-                "@esbuild/linux-s390x": "0.23.0",
-                "@esbuild/linux-x64": "0.23.0",
-                "@esbuild/netbsd-x64": "0.23.0",
-                "@esbuild/openbsd-arm64": "0.23.0",
-                "@esbuild/openbsd-x64": "0.23.0",
-                "@esbuild/sunos-x64": "0.23.0",
-                "@esbuild/win32-arm64": "0.23.0",
-                "@esbuild/win32-ia32": "0.23.0",
-                "@esbuild/win32-x64": "0.23.0"
-            }
-        },
-        "node_modules/@angular/build/node_modules/rxjs": {
-            "version": "7.8.1",
-            "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
-            "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "tslib": "^2.1.0"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite": {
-            "version": "5.4.21",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz",
-            "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "esbuild": "^0.21.3",
-                "postcss": "^8.4.43",
-                "rollup": "^4.20.0"
-            },
-            "bin": {
-                "vite": "bin/vite.js"
-            },
-            "engines": {
-                "node": "^18.0.0 || >=20.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/vitejs/vite?sponsor=1"
-            },
-            "optionalDependencies": {
-                "fsevents": "~2.3.3"
-            },
-            "peerDependencies": {
-                "@types/node": "^18.0.0 || >=20.0.0",
-                "less": "*",
-                "lightningcss": "^1.21.0",
-                "sass": "*",
-                "sass-embedded": "*",
-                "stylus": "*",
-                "sugarss": "*",
-                "terser": "^5.4.0"
-            },
-            "peerDependenciesMeta": {
-                "@types/node": {
-                    "optional": true
-                },
-                "less": {
-                    "optional": true
-                },
-                "lightningcss": {
-                    "optional": true
-                },
-                "sass": {
-                    "optional": true
-                },
-                "sass-embedded": {
-                    "optional": true
-                },
-                "stylus": {
-                    "optional": true
-                },
-                "sugarss": {
-                    "optional": true
-                },
-                "terser": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/aix-ppc64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
-            "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
-            "cpu": [
-                "ppc64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "aix"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/android-arm": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
-            "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/android-arm64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
-            "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/android-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
-            "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/darwin-arm64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
-            "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/darwin-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
-            "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/freebsd-arm64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
-            "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/freebsd-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
-            "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/linux-arm": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
-            "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/linux-arm64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
-            "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/linux-ia32": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
-            "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/linux-loong64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
-            "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
-            "cpu": [
-                "loong64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/linux-mips64el": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
-            "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
-            "cpu": [
-                "mips64el"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/linux-ppc64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
-            "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
-            "cpu": [
-                "ppc64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/linux-riscv64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
-            "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
-            "cpu": [
-                "riscv64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/linux-s390x": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
-            "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
-            "cpu": [
-                "s390x"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/linux-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
-            "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/netbsd-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
-            "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "netbsd"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/openbsd-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
-            "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "openbsd"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/sunos-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
-            "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "sunos"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/win32-arm64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
-            "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/win32-ia32": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
-            "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/@esbuild/win32-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
-            "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@angular/build/node_modules/vite/node_modules/esbuild": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
-            "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "bin": {
-                "esbuild": "bin/esbuild"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "optionalDependencies": {
-                "@esbuild/aix-ppc64": "0.21.5",
-                "@esbuild/android-arm": "0.21.5",
-                "@esbuild/android-arm64": "0.21.5",
-                "@esbuild/android-x64": "0.21.5",
-                "@esbuild/darwin-arm64": "0.21.5",
-                "@esbuild/darwin-x64": "0.21.5",
-                "@esbuild/freebsd-arm64": "0.21.5",
-                "@esbuild/freebsd-x64": "0.21.5",
-                "@esbuild/linux-arm": "0.21.5",
-                "@esbuild/linux-arm64": "0.21.5",
-                "@esbuild/linux-ia32": "0.21.5",
-                "@esbuild/linux-loong64": "0.21.5",
-                "@esbuild/linux-mips64el": "0.21.5",
-                "@esbuild/linux-ppc64": "0.21.5",
-                "@esbuild/linux-riscv64": "0.21.5",
-                "@esbuild/linux-s390x": "0.21.5",
-                "@esbuild/linux-x64": "0.21.5",
-                "@esbuild/netbsd-x64": "0.21.5",
-                "@esbuild/openbsd-x64": "0.21.5",
-                "@esbuild/sunos-x64": "0.21.5",
-                "@esbuild/win32-arm64": "0.21.5",
-                "@esbuild/win32-ia32": "0.21.5",
-                "@esbuild/win32-x64": "0.21.5"
-            }
-        },
-        "node_modules/@angular/cdk": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-18.2.13.tgz",
-            "integrity": "sha512-yBKoqcOwmwXnc5phFMEEMO130/Bz9beQLJrKzIS87f6TXaGCeBs4xrPHq2i7Xx/2TqvMiOD9ucjmlVbtGvNG3w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tslib": "^2.3.0"
-            },
-            "optionalDependencies": {
-                "parse5": "^7.1.2"
-            },
-            "peerDependencies": {
-                "@angular/common": "^18.0.0 || ^19.0.0",
-                "@angular/core": "^18.0.0 || ^19.0.0",
-                "rxjs": "^6.5.3 || ^7.4.0"
-            }
-        },
-        "node_modules/@angular/cli": {
-            "version": "18.2.19",
-            "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-18.2.19.tgz",
-            "integrity": "sha512-LGVMTc36JQuw8QX8Sclxyei306EQW3KslopXbf7cfqt6D5/fHS+FqqA0O7V8ob/vOGMca+l6hQD27nW5Y3W6pA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@angular-devkit/architect": "0.1802.19",
-                "@angular-devkit/core": "18.2.19",
-                "@angular-devkit/schematics": "18.2.19",
-                "@inquirer/prompts": "5.3.8",
-                "@listr2/prompt-adapter-inquirer": "2.0.15",
-                "@schematics/angular": "18.2.19",
-                "@yarnpkg/lockfile": "1.1.0",
-                "ini": "4.1.3",
-                "jsonc-parser": "3.3.1",
-                "listr2": "8.2.4",
-                "npm-package-arg": "11.0.3",
-                "npm-pick-manifest": "9.1.0",
-                "pacote": "18.0.6",
-                "resolve": "1.22.8",
-                "semver": "7.6.3",
-                "symbol-observable": "4.0.0",
-                "yargs": "17.7.2"
-            },
-            "bin": {
-                "ng": "bin/ng.js"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            }
-        },
-        "node_modules/@angular/cli/node_modules/@angular-devkit/architect": {
-            "version": "0.1802.19",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1802.19.tgz",
-            "integrity": "sha512-M4B1tzxGX1nWCZr9GMM8OO0yBJO2HFSdK8M8P74vEFQfKIeq3y16IQ5zlEveJrkCOFVtmlIy2C9foMCdNyBRMA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@angular-devkit/core": "18.2.19",
-                "rxjs": "7.8.1"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            }
-        },
-        "node_modules/@angular/cli/node_modules/@angular-devkit/core": {
-            "version": "18.2.19",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-18.2.19.tgz",
-            "integrity": "sha512-Ptf92Zomc6FCr7GWmHKdgOUbA1GpctZwH/hRcpYpU3tM56MG2t5FOFpufnE595GgolOCktabkFEoODMG8PBVDQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ajv": "8.17.1",
-                "ajv-formats": "3.0.1",
-                "jsonc-parser": "3.3.1",
-                "picomatch": "4.0.2",
-                "rxjs": "7.8.1",
-                "source-map": "0.7.4"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            },
-            "peerDependencies": {
-                "chokidar": "^3.5.2"
-            },
-            "peerDependenciesMeta": {
-                "chokidar": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@angular/cli/node_modules/@angular-devkit/schematics": {
-            "version": "18.2.19",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-18.2.19.tgz",
-            "integrity": "sha512-P/0KjkzOf2ZShuShx3cBbjLI7XlcS6B/yCRBo1MQfCC4cZfmzPQoUEOSQeYZgy5pnC24f+dKh/+TWc5uYL/Lvg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@angular-devkit/core": "18.2.19",
-                "jsonc-parser": "3.3.1",
-                "magic-string": "0.30.11",
-                "ora": "5.4.1",
-                "rxjs": "7.8.1"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            }
-        },
-        "node_modules/@angular/cli/node_modules/rxjs": {
-            "version": "7.8.1",
-            "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
-            "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "tslib": "^2.1.0"
-            }
-        },
-        "node_modules/@angular/common": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/common/-/common-18.2.13.tgz",
-            "integrity": "sha512-4ZqrNp1PoZo7VNvW+sbSc2CB2axP1sCH2wXl8B0wdjsj8JY1hF1OhuugwhpAHtGxqewed2kCXayE+ZJqSTV4jw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tslib": "^2.3.0"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
-            },
-            "peerDependencies": {
-                "@angular/core": "18.2.13",
-                "rxjs": "^6.5.3 || ^7.4.0"
-            }
-        },
-        "node_modules/@angular/compiler": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-18.2.13.tgz",
-            "integrity": "sha512-TzWcrkopyjFF+WeDr2cRe8CcHjU72KfYV3Sm2TkBkcXrkYX5sDjGWrBGrG3hRB4e4okqchrOCvm1MiTdy2vKMA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tslib": "^2.3.0"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
-            },
-            "peerDependencies": {
-                "@angular/core": "18.2.13"
-            },
-            "peerDependenciesMeta": {
-                "@angular/core": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@angular/compiler-cli": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-18.2.13.tgz",
-            "integrity": "sha512-DBSh4AQwkiJDSiVvJATRmjxf6wyUs9pwQLgaFdSlfuTRO+sdb0J2z1r3BYm8t0IqdoyXzdZq2YCH43EmyvD71g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/core": "7.25.2",
-                "@jridgewell/sourcemap-codec": "^1.4.14",
-                "chokidar": "^4.0.0",
-                "convert-source-map": "^1.5.1",
-                "reflect-metadata": "^0.2.0",
-                "semver": "^7.0.0",
-                "tslib": "^2.3.0",
-                "yargs": "^17.2.1"
-            },
-            "bin": {
-                "ng-xi18n": "bundles/src/bin/ng_xi18n.js",
-                "ngc": "bundles/src/bin/ngc.js",
-                "ngcc": "bundles/ngcc/index.js"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
-            },
-            "peerDependencies": {
-                "@angular/compiler": "18.2.13",
-                "typescript": ">=5.4 <5.6"
-            }
-        },
-        "node_modules/@angular/compiler-cli/node_modules/@babel/core": {
-            "version": "7.25.2",
-            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.25.2.tgz",
-            "integrity": "sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@ampproject/remapping": "^2.2.0",
-                "@babel/code-frame": "^7.24.7",
-                "@babel/generator": "^7.25.0",
-                "@babel/helper-compilation-targets": "^7.25.2",
-                "@babel/helper-module-transforms": "^7.25.2",
-                "@babel/helpers": "^7.25.0",
-                "@babel/parser": "^7.25.0",
-                "@babel/template": "^7.25.0",
-                "@babel/traverse": "^7.25.2",
-                "@babel/types": "^7.25.2",
-                "convert-source-map": "^2.0.0",
-                "debug": "^4.1.0",
-                "gensync": "^1.0.0-beta.2",
-                "json5": "^2.2.3",
-                "semver": "^6.3.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/babel"
-            }
-        },
-        "node_modules/@angular/compiler-cli/node_modules/@babel/core/node_modules/convert-source-map": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-            "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@angular/compiler-cli/node_modules/@babel/core/node_modules/semver": {
-            "version": "6.3.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/@angular/compiler-cli/node_modules/chokidar": {
-            "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
-            "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "readdirp": "^4.0.1"
-            },
-            "engines": {
-                "node": ">= 14.16.0"
-            },
-            "funding": {
-                "url": "https://paulmillr.com/funding/"
-            }
-        },
-        "node_modules/@angular/compiler-cli/node_modules/readdirp": {
-            "version": "4.1.2",
-            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
-            "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 14.18.0"
-            },
-            "funding": {
-                "type": "individual",
-                "url": "https://paulmillr.com/funding/"
-            }
-        },
-        "node_modules/@angular/core": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/core/-/core-18.2.13.tgz",
-            "integrity": "sha512-8mbWHMgO95OuFV1Ejy4oKmbe9NOJ3WazQf/f7wks8Bck7pcihd0IKhlPBNjFllbF5o+04EYSwFhEtvEgjMDClA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tslib": "^2.3.0"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
-            },
-            "peerDependencies": {
-                "rxjs": "^6.5.3 || ^7.4.0",
-                "zone.js": "~0.14.10"
-            }
-        },
-        "node_modules/@angular/forms": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-18.2.13.tgz",
-            "integrity": "sha512-A67D867fu3DSBhdLWWZl/F5pr7v2+dRM2u3U7ZJ0ewh4a+sv+0yqWdJW+a8xIoiHxS+btGEJL2qAKJiH+MCFfg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tslib": "^2.3.0"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
-            },
-            "peerDependencies": {
-                "@angular/common": "18.2.13",
-                "@angular/core": "18.2.13",
-                "@angular/platform-browser": "18.2.13",
-                "rxjs": "^6.5.3 || ^7.4.0"
-            }
-        },
-        "node_modules/@angular/platform-browser": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-18.2.13.tgz",
-            "integrity": "sha512-tu7ZzY6qD3ATdWFzcTcsAKe7M6cJeWbT/4/bF9unyGO3XBPcNYDKoiz10+7ap2PUd0fmPwvuvTvSNJiFEBnB8Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tslib": "^2.3.0"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
-            },
-            "peerDependencies": {
-                "@angular/animations": "18.2.13",
-                "@angular/common": "18.2.13",
-                "@angular/core": "18.2.13"
-            },
-            "peerDependenciesMeta": {
-                "@angular/animations": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@angular/platform-browser-dynamic": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-18.2.13.tgz",
-            "integrity": "sha512-kbQCf9+8EpuJC7buBxhSiwBtXvjAwAKh6MznD6zd2pyCYqfY6gfRCZQRtK59IfgVtKmEONWI9grEyNIRoTmqJg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tslib": "^2.3.0"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
-            },
-            "peerDependencies": {
-                "@angular/common": "18.2.13",
-                "@angular/compiler": "18.2.13",
-                "@angular/core": "18.2.13",
-                "@angular/platform-browser": "18.2.13"
-            }
-        },
-        "node_modules/@angular/platform-server": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/platform-server/-/platform-server-18.2.13.tgz",
-            "integrity": "sha512-eYYhFQkjg3rIBY0kG0XLZ3v6ObvDq9SMsGVtsddhlmdhkdO0Sdu9d8hjP7LmioO+60vUG2jNW02ROVMhSNBR5A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tslib": "^2.3.0",
-                "xhr2": "^0.2.0"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
-            },
-            "peerDependencies": {
-                "@angular/animations": "18.2.13",
-                "@angular/common": "18.2.13",
-                "@angular/compiler": "18.2.13",
-                "@angular/core": "18.2.13",
-                "@angular/platform-browser": "18.2.13"
-            }
-        },
-        "node_modules/@angular/router": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/router/-/router-18.2.13.tgz",
-            "integrity": "sha512-VKmfgi/r/CkyBq9nChQ/ptmfu0JT/8ONnLVJ5H+SkFLRYJcIRyHLKjRihMCyVm6xM5yktOdCaW73NTQrFz7+bg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tslib": "^2.3.0"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
-            },
-            "peerDependencies": {
-                "@angular/common": "18.2.13",
-                "@angular/core": "18.2.13",
-                "@angular/platform-browser": "18.2.13",
-                "rxjs": "^6.5.3 || ^7.4.0"
-            }
-        },
-        "node_modules/@angular/ssr": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/ssr/-/ssr-18.2.13.tgz",
-            "integrity": "sha512-iLz4t+3kQYU2hvR7hW2YDyJ9mhU3VLbFxn9E29Lk6DlE49XqhDqd0qK8dRWQAzihBaRwfQc+k4GqZhHmQDW4Vg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "critters": "0.0.24",
-                "tslib": "^2.3.0"
-            },
-            "peerDependencies": {
-                "@angular/common": "^18.0.0",
-                "@angular/core": "^18.0.0"
-            }
-        },
-        "node_modules/@arr/every": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/@arr/every/-/every-1.0.1.tgz",
-            "integrity": "sha512-UQFQ6SgyJ6LX42W8rHCs8KVc0JS0tzVL9ct4XYedJukskYVWTo49tNiMEK9C2HTyarbNiT/RVIRSY82vH+6sTg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/@babel/code-frame": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
-            "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-validator-identifier": "^7.27.1",
-                "js-tokens": "^4.0.0",
-                "picocolors": "^1.1.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/compat-data": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.5.tgz",
-            "integrity": "sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/core": {
-            "version": "7.26.10",
-            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.10.tgz",
-            "integrity": "sha512-vMqyb7XCDMPvJFFOaT9kxtiRh42GwlZEg1/uIgtZshS5a/8OaduUfCi7kynKgc3Tw/6Uo2D+db9qBttghhmxwQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@ampproject/remapping": "^2.2.0",
-                "@babel/code-frame": "^7.26.2",
-                "@babel/generator": "^7.26.10",
-                "@babel/helper-compilation-targets": "^7.26.5",
-                "@babel/helper-module-transforms": "^7.26.0",
-                "@babel/helpers": "^7.26.10",
-                "@babel/parser": "^7.26.10",
-                "@babel/template": "^7.26.9",
-                "@babel/traverse": "^7.26.10",
-                "@babel/types": "^7.26.10",
-                "convert-source-map": "^2.0.0",
-                "debug": "^4.1.0",
-                "gensync": "^1.0.0-beta.2",
-                "json5": "^2.2.3",
-                "semver": "^6.3.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/babel"
-            }
-        },
-        "node_modules/@babel/core/node_modules/convert-source-map": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-            "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@babel/core/node_modules/semver": {
-            "version": "6.3.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/@babel/generator": {
-            "version": "7.26.10",
-            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.10.tgz",
-            "integrity": "sha512-rRHT8siFIXQrAYOYqZQVsAr8vJ+cBNqcVAY6m5V8/4QqzaPl+zDBe6cLEPRDuNOUf3ww8RfJVlOyQMoSI+5Ang==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/parser": "^7.26.10",
-                "@babel/types": "^7.26.10",
-                "@jridgewell/gen-mapping": "^0.3.5",
-                "@jridgewell/trace-mapping": "^0.3.25",
-                "jsesc": "^3.0.2"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-annotate-as-pure": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz",
-            "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/types": "^7.25.9"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-compilation-targets": {
-            "version": "7.27.2",
-            "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
-            "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/compat-data": "^7.27.2",
-                "@babel/helper-validator-option": "^7.27.1",
-                "browserslist": "^4.24.0",
-                "lru-cache": "^5.1.1",
-                "semver": "^6.3.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
-            "version": "6.3.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/@babel/helper-create-class-features-plugin": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.5.tgz",
-            "integrity": "sha512-q3WC4JfdODypvxArsJQROfupPBq9+lMwjKq7C33GhbFYJsufD0yd/ziwD+hJucLeWsnFPWZjsU2DNFqBPE7jwQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-annotate-as-pure": "^7.27.3",
-                "@babel/helper-member-expression-to-functions": "^7.28.5",
-                "@babel/helper-optimise-call-expression": "^7.27.1",
-                "@babel/helper-replace-supers": "^7.27.1",
-                "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
-                "@babel/traverse": "^7.28.5",
-                "semver": "^6.3.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
-        "node_modules/@babel/helper-create-class-features-plugin/node_modules/@babel/helper-annotate-as-pure": {
-            "version": "7.27.3",
-            "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
-            "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/types": "^7.27.3"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-create-class-features-plugin/node_modules/semver": {
-            "version": "6.3.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/@babel/helper-create-regexp-features-plugin": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.28.5.tgz",
-            "integrity": "sha512-N1EhvLtHzOvj7QQOUCCS3NrPJP8c5W6ZXCHDn7Yialuy1iu4r5EmIYkXlKNqT99Ciw+W0mDqWoR6HWMZlFP3hw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-annotate-as-pure": "^7.27.3",
-                "regexpu-core": "^6.3.1",
-                "semver": "^6.3.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
-        "node_modules/@babel/helper-create-regexp-features-plugin/node_modules/@babel/helper-annotate-as-pure": {
-            "version": "7.27.3",
-            "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
-            "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/types": "^7.27.3"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-create-regexp-features-plugin/node_modules/semver": {
-            "version": "6.3.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/@babel/helper-define-polyfill-provider": {
-            "version": "0.6.5",
-            "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.5.tgz",
-            "integrity": "sha512-uJnGFcPsWQK8fvjgGP5LZUZZsYGIoPeRjSF5PGwrelYgq7Q15/Ft9NGFp1zglwgIv//W0uG4BevRuSJRyylZPg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-compilation-targets": "^7.27.2",
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "debug": "^4.4.1",
-                "lodash.debounce": "^4.0.8",
-                "resolve": "^1.22.10"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-            }
-        },
-        "node_modules/@babel/helper-define-polyfill-provider/node_modules/resolve": {
-            "version": "1.22.11",
-            "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
-            "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-core-module": "^2.16.1",
-                "path-parse": "^1.0.7",
-                "supports-preserve-symlinks-flag": "^1.0.0"
-            },
-            "bin": {
-                "resolve": "bin/resolve"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/@babel/helper-globals": {
-            "version": "7.28.0",
-            "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
-            "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-member-expression-to-functions": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.28.5.tgz",
-            "integrity": "sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/traverse": "^7.28.5",
-                "@babel/types": "^7.28.5"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-module-imports": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
-            "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/traverse": "^7.27.1",
-                "@babel/types": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-module-transforms": {
-            "version": "7.28.3",
-            "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz",
-            "integrity": "sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-module-imports": "^7.27.1",
-                "@babel/helper-validator-identifier": "^7.27.1",
-                "@babel/traverse": "^7.28.3"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
-        "node_modules/@babel/helper-optimise-call-expression": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz",
-            "integrity": "sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/types": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-plugin-utils": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
-            "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-remap-async-to-generator": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.27.1.tgz",
-            "integrity": "sha512-7fiA521aVw8lSPeI4ZOD3vRFkoqkJcS+z4hFo82bFSH/2tNd6eJ5qCVMS5OzDmZh/kaHQeBaeyxK6wljcPtveA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-annotate-as-pure": "^7.27.1",
-                "@babel/helper-wrap-function": "^7.27.1",
-                "@babel/traverse": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
-        "node_modules/@babel/helper-remap-async-to-generator/node_modules/@babel/helper-annotate-as-pure": {
-            "version": "7.27.3",
-            "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
-            "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/types": "^7.27.3"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-replace-supers": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz",
-            "integrity": "sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-member-expression-to-functions": "^7.27.1",
-                "@babel/helper-optimise-call-expression": "^7.27.1",
-                "@babel/traverse": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
-        "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz",
-            "integrity": "sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/traverse": "^7.27.1",
-                "@babel/types": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-split-export-declaration": {
-            "version": "7.24.7",
-            "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz",
-            "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/types": "^7.24.7"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-string-parser": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
-            "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-validator-identifier": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
-            "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-validator-option": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
-            "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-wrap-function": {
-            "version": "7.28.3",
-            "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.28.3.tgz",
-            "integrity": "sha512-zdf983tNfLZFletc0RRXYrHrucBEg95NIFMkn6K9dbeMYnsgHaSBGcQqdsCSStG2PYwRre0Qc2NNSCXbG+xc6g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/template": "^7.27.2",
-                "@babel/traverse": "^7.28.3",
-                "@babel/types": "^7.28.2"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helpers": {
-            "version": "7.28.4",
-            "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.4.tgz",
-            "integrity": "sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/template": "^7.27.2",
-                "@babel/types": "^7.28.4"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/parser": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz",
-            "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/types": "^7.28.5"
-            },
-            "bin": {
-                "parser": "bin/babel-parser.js"
-            },
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
-        "node_modules/@babel/plugin-bugfix-firefox-class-in-computed-class-key": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.28.5.tgz",
-            "integrity": "sha512-87GDMS3tsmMSi/3bWOte1UblL+YUTFMV8SZPZ2eSEL17s74Cw/l63rR6NmGVKMYW2GYi85nE+/d6Hw5N0bEk2Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "@babel/traverse": "^7.28.5"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
-        "node_modules/@babel/plugin-bugfix-safari-class-field-initializer-scope": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.27.1.tgz",
-            "integrity": "sha512-qNeq3bCKnGgLkEXUuFry6dPlGfCdQNZbn7yUAPCInwAJHMU7THJfrBSozkcWq5sNM6RcF3S8XyQL2A52KNR9IA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
-        "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.27.1.tgz",
-            "integrity": "sha512-g4L7OYun04N1WyqMNjldFwlfPCLVkgB54A/YCXICZYBsvJJE3kByKv9c9+R/nAfmIfjl2rKYLNyMHboYbZaWaA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
-        "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.27.1.tgz",
-            "integrity": "sha512-oO02gcONcD5O1iTLi/6frMJBIwWEHceWGSGqrpCmEL8nogiS6J9PBlE48CaK20/Jx1LuRml9aDftLgdjXT8+Cw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
-                "@babel/plugin-transform-optional-chaining": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.13.0"
-            }
-        },
-        "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
-            "version": "7.28.3",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.28.3.tgz",
-            "integrity": "sha512-b6YTX108evsvE4YgWyQ921ZAFFQm3Bn+CA3+ZXlNVnPhx+UfsVURoPjfGAPCjBgrqo30yX/C2nZGX96DxvR9Iw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "@babel/traverse": "^7.28.3"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
-        "node_modules/@babel/plugin-proposal-private-property-in-object": {
-            "version": "7.21.0-placeholder-for-preset-env.2",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
-            "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-import-assertions": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.27.1.tgz",
-            "integrity": "sha512-UT/Jrhw57xg4ILHLFnzFpPDlMbcdEicaAtjPQpbj9wa8T4r5KVWCimHcL/460g8Ht0DMxDyjsLgiWSkVjnwPFg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-import-attributes": {
-            "version": "7.24.7",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.24.7.tgz",
-            "integrity": "sha512-hbX+lKKeUMGihnK8nvKqmXBInriT3GVjzXKFriV3YC6APGxMbP8RZNFwy91+hocLXq90Mta+HshoB31802bb8A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.24.7"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
-            "version": "7.18.6",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
-            "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-create-regexp-features-plugin": "^7.18.6",
-                "@babel/helper-plugin-utils": "^7.18.6"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-arrow-functions": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.27.1.tgz",
-            "integrity": "sha512-8Z4TGic6xW70FKThA5HYEKKyBpOOsucTOD1DjU3fZxDg+K3zBJcXMFnt/4yQiZnf5+MiOMSXQ9PaEK/Ilh1DeA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-async-generator-functions": {
-            "version": "7.26.8",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.26.8.tgz",
-            "integrity": "sha512-He9Ej2X7tNf2zdKMAGOsmg2MrFc+hfoAhd3po4cWfo/NWjzEAKa0oQruj1ROVUdl0e6fb6/kE/G3SSxE0lRJOg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.26.5",
-                "@babel/helper-remap-async-to-generator": "^7.25.9",
-                "@babel/traverse": "^7.26.8"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-async-to-generator": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz",
-            "integrity": "sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-module-imports": "^7.25.9",
-                "@babel/helper-plugin-utils": "^7.25.9",
-                "@babel/helper-remap-async-to-generator": "^7.25.9"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-block-scoped-functions": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.27.1.tgz",
-            "integrity": "sha512-cnqkuOtZLapWYZUYM5rVIdv1nXYuFVIltZ6ZJ7nIj585QsjKM5dhL2Fu/lICXZ1OyIAFc7Qy+bvDAtTXqGrlhg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-block-scoping": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.5.tgz",
-            "integrity": "sha512-45DmULpySVvmq9Pj3X9B+62Xe+DJGov27QravQJU1LLcapR6/10i+gYVAucGGJpHBp5mYxIMK4nDAT/QDLr47g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-class-properties": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.27.1.tgz",
-            "integrity": "sha512-D0VcalChDMtuRvJIu3U/fwWjf8ZMykz5iZsg77Nuj821vCKI3zCyRLwRdWbsuJ/uRwZhZ002QtCqIkwC/ZkvbA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-create-class-features-plugin": "^7.27.1",
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-class-static-block": {
-            "version": "7.28.3",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.28.3.tgz",
-            "integrity": "sha512-LtPXlBbRoc4Njl/oh1CeD/3jC+atytbnf/UqLoqTDcEYGUPj022+rvfkbDYieUrSj3CaV4yHDByPE+T2HwfsJg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-create-class-features-plugin": "^7.28.3",
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.12.0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-classes": {
-            "version": "7.28.4",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.4.tgz",
-            "integrity": "sha512-cFOlhIYPBv/iBoc+KS3M6et2XPtbT2HiCRfBXWtfpc9OAyostldxIf9YAYB6ypURBBbx+Qv6nyrLzASfJe+hBA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-annotate-as-pure": "^7.27.3",
-                "@babel/helper-compilation-targets": "^7.27.2",
-                "@babel/helper-globals": "^7.28.0",
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "@babel/helper-replace-supers": "^7.27.1",
-                "@babel/traverse": "^7.28.4"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-classes/node_modules/@babel/helper-annotate-as-pure": {
-            "version": "7.27.3",
-            "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
-            "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/types": "^7.27.3"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-computed-properties": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.27.1.tgz",
-            "integrity": "sha512-lj9PGWvMTVksbWiDT2tW68zGS/cyo4AkZ/QTp0sQT0mjPopCmrSkzxeXkznjqBxzDI6TclZhOJbBmbBLjuOZUw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "@babel/template": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-destructuring": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.5.tgz",
-            "integrity": "sha512-Kl9Bc6D0zTUcFUvkNuQh4eGXPKKNDOJQXVyyM4ZAQPMveniJdxi8XMJwLo+xSoW3MIq81bD33lcUe9kZpl0MCw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "@babel/traverse": "^7.28.5"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-dotall-regex": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.27.1.tgz",
-            "integrity": "sha512-gEbkDVGRvjj7+T1ivxrfgygpT7GUd4vmODtYpbs0gZATdkX8/iSnOtZSxiZnsgm1YjTgjI6VKBGSJJevkrclzw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-duplicate-keys": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.27.1.tgz",
-            "integrity": "sha512-MTyJk98sHvSs+cvZ4nOauwTTG1JeonDjSGvGGUNHreGQns+Mpt6WX/dVzWBHgg+dYZhkC4X+zTDfkTU+Vy9y7Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-duplicate-named-capturing-groups-regex": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.27.1.tgz",
-            "integrity": "sha512-hkGcueTEzuhB30B3eJCbCYeCaaEQOmQR0AdvzpD4LoN0GXMWzzGSuRrxR2xTnCrvNbVwK9N6/jQ92GSLfiZWoQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-dynamic-import": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.27.1.tgz",
-            "integrity": "sha512-MHzkWQcEmjzzVW9j2q8LGjwGWpG2mjwaaB0BNQwst3FIjqsg8Ct/mIZlvSPJvfi9y2AC8mi/ktxbFVL9pZ1I4A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-explicit-resource-management": {
-            "version": "7.28.0",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-explicit-resource-management/-/plugin-transform-explicit-resource-management-7.28.0.tgz",
-            "integrity": "sha512-K8nhUcn3f6iB+P3gwCv/no7OdzOZQcKchW6N389V6PD8NUWKZHzndOd9sPDVbMoBsbmjMqlB4L9fm+fEFNVlwQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "@babel/plugin-transform-destructuring": "^7.28.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-exponentiation-operator": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.28.5.tgz",
-            "integrity": "sha512-D4WIMaFtwa2NizOp+dnoFjRez/ClKiC2BqqImwKd1X28nqBtZEyCYJ2ozQrrzlxAFrcrjxo39S6khe9RNDlGzw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-export-namespace-from": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.27.1.tgz",
-            "integrity": "sha512-tQvHWSZ3/jH2xuq/vZDy0jNn+ZdXJeM8gHvX4lnJmsc3+50yPlWdZXIc5ay+umX+2/tJIqHqiEqcJvxlmIvRvQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-for-of": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.27.1.tgz",
-            "integrity": "sha512-BfbWFFEJFQzLCQ5N8VocnCtA8J1CLkNTe2Ms2wocj75dd6VpiqS5Z5quTYcUoo4Yq+DN0rtikODccuv7RU81sw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-function-name": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.27.1.tgz",
-            "integrity": "sha512-1bQeydJF9Nr1eBCMMbC+hdwmRlsv5XYOMu03YSWFwNs0HsAmtSxxF1fyuYPqemVldVyFmlCU7w8UE14LupUSZQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-compilation-targets": "^7.27.1",
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "@babel/traverse": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-json-strings": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.27.1.tgz",
-            "integrity": "sha512-6WVLVJiTjqcQauBhn1LkICsR2H+zm62I3h9faTDKt1qP4jn2o72tSvqMwtGFKGTpojce0gJs+76eZ2uCHRZh0Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-literals": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.27.1.tgz",
-            "integrity": "sha512-0HCFSepIpLTkLcsi86GG3mTUzxV5jpmbv97hTETW3yzrAij8aqlD36toB1D0daVFJM8NK6GvKO0gslVQmm+zZA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-logical-assignment-operators": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.28.5.tgz",
-            "integrity": "sha512-axUuqnUTBuXyHGcJEVVh9pORaN6wC5bYfE7FGzPiaWa3syib9m7g+/IT/4VgCOe2Upef43PHzeAvcrVek6QuuA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-member-expression-literals": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.27.1.tgz",
-            "integrity": "sha512-hqoBX4dcZ1I33jCSWcXrP+1Ku7kdqXf1oeah7ooKOIiAdKQ+uqftgCFNOSzA5AMS2XIHEYeGFg4cKRCdpxzVOQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-modules-amd": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.27.1.tgz",
-            "integrity": "sha512-iCsytMg/N9/oFq6n+gFTvUYDZQOMK5kEdeYxmxt91fcJGycfxVP9CnrxoliM0oumFERba2i8ZtwRUCMhvP1LnA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-module-transforms": "^7.27.1",
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-modules-commonjs": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.27.1.tgz",
-            "integrity": "sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-module-transforms": "^7.27.1",
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-modules-systemjs": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.28.5.tgz",
-            "integrity": "sha512-vn5Jma98LCOeBy/KpeQhXcV2WZgaRUtjwQmjoBuLNlOmkg0fB5pdvYVeWRYI69wWKwK2cD1QbMiUQnoujWvrew==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-module-transforms": "^7.28.3",
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "@babel/helper-validator-identifier": "^7.28.5",
-                "@babel/traverse": "^7.28.5"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-modules-umd": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.27.1.tgz",
-            "integrity": "sha512-iQBE/xC5BV1OxJbp6WG7jq9IWiD+xxlZhLrdwpPkTX3ydmXdvoCpyfJN7acaIBZaOqTfr76pgzqBJflNbeRK+w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-module-transforms": "^7.27.1",
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.27.1.tgz",
-            "integrity": "sha512-SstR5JYy8ddZvD6MhV0tM/j16Qds4mIpJTOd1Yu9J9pJjH93bxHECF7pgtc28XvkzTD6Pxcm/0Z73Hvk7kb3Ng==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-new-target": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.27.1.tgz",
-            "integrity": "sha512-f6PiYeqXQ05lYq3TIfIDu/MtliKUbNwkGApPUvyo6+tc7uaR4cPjPe7DFPr15Uyycg2lZU6btZ575CuQoYh7MQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.27.1.tgz",
-            "integrity": "sha512-aGZh6xMo6q9vq1JGcw58lZ1Z0+i0xB2x0XaauNIUXd6O1xXc3RwoWEBlsTQrY4KQ9Jf0s5rgD6SiNkaUdJegTA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-numeric-separator": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.27.1.tgz",
-            "integrity": "sha512-fdPKAcujuvEChxDBJ5c+0BTaS6revLV7CJL08e4m3de8qJfNIuCc2nc7XJYOjBoTMJeqSmwXJ0ypE14RCjLwaw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-object-rest-spread": {
-            "version": "7.28.4",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.4.tgz",
-            "integrity": "sha512-373KA2HQzKhQCYiRVIRr+3MjpCObqzDlyrM6u4I201wL8Mp2wHf7uB8GhDwis03k2ti8Zr65Zyyqs1xOxUF/Ew==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-compilation-targets": "^7.27.2",
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "@babel/plugin-transform-destructuring": "^7.28.0",
-                "@babel/plugin-transform-parameters": "^7.27.7",
-                "@babel/traverse": "^7.28.4"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-object-super": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.27.1.tgz",
-            "integrity": "sha512-SFy8S9plRPbIcxlJ8A6mT/CxFdJx/c04JEctz4jf8YZaVS2px34j7NXRrlGlHkN/M2gnpL37ZpGRGVFLd3l8Ng==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "@babel/helper-replace-supers": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-optional-catch-binding": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.27.1.tgz",
-            "integrity": "sha512-txEAEKzYrHEX4xSZN4kJ+OfKXFVSWKB2ZxM9dpcE3wT7smwkNmXo5ORRlVzMVdJbD+Q8ILTgSD7959uj+3Dm3Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-optional-chaining": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.28.5.tgz",
-            "integrity": "sha512-N6fut9IZlPnjPwgiQkXNhb+cT8wQKFlJNqcZkWlcTqkcqx6/kU4ynGmLFoa4LViBSirn05YAwk+sQBbPfxtYzQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-parameters": {
-            "version": "7.27.7",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.7.tgz",
-            "integrity": "sha512-qBkYTYCb76RRxUM6CcZA5KRu8K4SM8ajzVeUgVdMVO9NN9uI/GaVmBg/WKJJGnNokV9SY8FxNOVWGXzqzUidBg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-private-methods": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.27.1.tgz",
-            "integrity": "sha512-10FVt+X55AjRAYI9BrdISN9/AQWHqldOeZDUoLyif1Kn05a56xVBXb8ZouL8pZ9jem8QpXaOt8TS7RHUIS+GPA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-create-class-features-plugin": "^7.27.1",
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-private-property-in-object": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.27.1.tgz",
-            "integrity": "sha512-5J+IhqTi1XPa0DXF83jYOaARrX+41gOewWbkPyjMNRDqgOCqdffGh8L3f/Ek5utaEBZExjSAzcyjmV9SSAWObQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-annotate-as-pure": "^7.27.1",
-                "@babel/helper-create-class-features-plugin": "^7.27.1",
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-private-property-in-object/node_modules/@babel/helper-annotate-as-pure": {
-            "version": "7.27.3",
-            "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
-            "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/types": "^7.27.3"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-property-literals": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.27.1.tgz",
-            "integrity": "sha512-oThy3BCuCha8kDZ8ZkgOg2exvPYUlprMukKQXI1r1pJ47NCvxfkEy8vK+r/hT9nF0Aa4H1WUPZZjHTFtAhGfmQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-regenerator": {
-            "version": "7.28.4",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.4.tgz",
-            "integrity": "sha512-+ZEdQlBoRg9m2NnzvEeLgtvBMO4tkFBw5SQIUgLICgTrumLoU7lr+Oghi6km2PFj+dbUt2u1oby2w3BDO9YQnA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-regexp-modifiers": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.27.1.tgz",
-            "integrity": "sha512-TtEciroaiODtXvLZv4rmfMhkCv8jx3wgKpL68PuiPh2M4fvz5jhsA7697N1gMvkvr/JTF13DrFYyEbY9U7cVPA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-reserved-words": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.27.1.tgz",
-            "integrity": "sha512-V2ABPHIJX4kC7HegLkYoDpfg9PVmuWy/i6vUM5eGK22bx4YVFD3M5F0QQnWQoDs6AGsUWTVOopBiMFQgHaSkVw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-runtime": {
-            "version": "7.26.10",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.26.10.tgz",
-            "integrity": "sha512-NWaL2qG6HRpONTnj4JvDU6th4jYeZOJgu3QhmFTCihib0ermtOJqktA5BduGm3suhhVe9EMP9c9+mfJ/I9slqw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-module-imports": "^7.25.9",
-                "@babel/helper-plugin-utils": "^7.26.5",
-                "babel-plugin-polyfill-corejs2": "^0.4.10",
-                "babel-plugin-polyfill-corejs3": "^0.11.0",
-                "babel-plugin-polyfill-regenerator": "^0.6.1",
-                "semver": "^6.3.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-runtime/node_modules/semver": {
-            "version": "6.3.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/@babel/plugin-transform-shorthand-properties": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.27.1.tgz",
-            "integrity": "sha512-N/wH1vcn4oYawbJ13Y/FxcQrWk63jhfNa7jef0ih7PHSIHX2LB7GWE1rkPrOnka9kwMxb6hMl19p7lidA+EHmQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-spread": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.27.1.tgz",
-            "integrity": "sha512-kpb3HUqaILBJcRFVhFUs6Trdd4mkrzcGXss+6/mxUd273PfbWqSDHRzMT2234gIg2QYfAjvXLSquP1xECSg09Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-sticky-regex": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.27.1.tgz",
-            "integrity": "sha512-lhInBO5bi/Kowe2/aLdBAawijx+q1pQzicSgnkB6dUPc1+RC8QmJHKf2OjvU+NZWitguJHEaEmbV6VWEouT58g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-template-literals": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.27.1.tgz",
-            "integrity": "sha512-fBJKiV7F2DxZUkg5EtHKXQdbsbURW3DZKQUWphDum0uRP6eHGGa/He9mc0mypL680pb+e/lDIthRohlv8NCHkg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-typeof-symbol": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.27.1.tgz",
-            "integrity": "sha512-RiSILC+nRJM7FY5srIyc4/fGIwUhyDuuBSdWn4y6yT6gm652DpCHZjIipgn6B7MQ1ITOUnAKWixEUjQRIBIcLw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-unicode-escapes": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.27.1.tgz",
-            "integrity": "sha512-Ysg4v6AmF26k9vpfFuTZg8HRfVWzsh1kVfowA23y9j/Gu6dOuahdUVhkLqpObp3JIv27MLSii6noRnuKN8H0Mg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-unicode-property-regex": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.27.1.tgz",
-            "integrity": "sha512-uW20S39PnaTImxp39O5qFlHLS9LJEmANjMG7SxIhap8rCHqu0Ik+tLEPX5DKmHn6CsWQ7j3lix2tFOa5YtL12Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-unicode-regex": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.27.1.tgz",
-            "integrity": "sha512-xvINq24TRojDuyt6JGtHmkVkrfVV3FPT16uytxImLeBZqW3/H52yN+kM1MGuyPkIQxrzKwPHs5U/MP3qKyzkGw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-transform-unicode-sets-regex": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.27.1.tgz",
-            "integrity": "sha512-EtkOujbc4cgvb0mlpQefi4NTPBzhSIevblFevACNLUspmrALgmEBdL/XfnyyITfd8fKBZrZys92zOWcik7j9Tw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0"
-            }
-        },
-        "node_modules/@babel/preset-env": {
-            "version": "7.26.9",
-            "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.26.9.tgz",
-            "integrity": "sha512-vX3qPGE8sEKEAZCWk05k3cpTAE3/nOYca++JA+Rd0z2NCNzabmYvEiSShKzm10zdquOIAVXsy2Ei/DTW34KlKQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/compat-data": "^7.26.8",
-                "@babel/helper-compilation-targets": "^7.26.5",
-                "@babel/helper-plugin-utils": "^7.26.5",
-                "@babel/helper-validator-option": "^7.25.9",
-                "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.25.9",
-                "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.25.9",
-                "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.25.9",
-                "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.25.9",
-                "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.25.9",
-                "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
-                "@babel/plugin-syntax-import-assertions": "^7.26.0",
-                "@babel/plugin-syntax-import-attributes": "^7.26.0",
-                "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
-                "@babel/plugin-transform-arrow-functions": "^7.25.9",
-                "@babel/plugin-transform-async-generator-functions": "^7.26.8",
-                "@babel/plugin-transform-async-to-generator": "^7.25.9",
-                "@babel/plugin-transform-block-scoped-functions": "^7.26.5",
-                "@babel/plugin-transform-block-scoping": "^7.25.9",
-                "@babel/plugin-transform-class-properties": "^7.25.9",
-                "@babel/plugin-transform-class-static-block": "^7.26.0",
-                "@babel/plugin-transform-classes": "^7.25.9",
-                "@babel/plugin-transform-computed-properties": "^7.25.9",
-                "@babel/plugin-transform-destructuring": "^7.25.9",
-                "@babel/plugin-transform-dotall-regex": "^7.25.9",
-                "@babel/plugin-transform-duplicate-keys": "^7.25.9",
-                "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.25.9",
-                "@babel/plugin-transform-dynamic-import": "^7.25.9",
-                "@babel/plugin-transform-exponentiation-operator": "^7.26.3",
-                "@babel/plugin-transform-export-namespace-from": "^7.25.9",
-                "@babel/plugin-transform-for-of": "^7.26.9",
-                "@babel/plugin-transform-function-name": "^7.25.9",
-                "@babel/plugin-transform-json-strings": "^7.25.9",
-                "@babel/plugin-transform-literals": "^7.25.9",
-                "@babel/plugin-transform-logical-assignment-operators": "^7.25.9",
-                "@babel/plugin-transform-member-expression-literals": "^7.25.9",
-                "@babel/plugin-transform-modules-amd": "^7.25.9",
-                "@babel/plugin-transform-modules-commonjs": "^7.26.3",
-                "@babel/plugin-transform-modules-systemjs": "^7.25.9",
-                "@babel/plugin-transform-modules-umd": "^7.25.9",
-                "@babel/plugin-transform-named-capturing-groups-regex": "^7.25.9",
-                "@babel/plugin-transform-new-target": "^7.25.9",
-                "@babel/plugin-transform-nullish-coalescing-operator": "^7.26.6",
-                "@babel/plugin-transform-numeric-separator": "^7.25.9",
-                "@babel/plugin-transform-object-rest-spread": "^7.25.9",
-                "@babel/plugin-transform-object-super": "^7.25.9",
-                "@babel/plugin-transform-optional-catch-binding": "^7.25.9",
-                "@babel/plugin-transform-optional-chaining": "^7.25.9",
-                "@babel/plugin-transform-parameters": "^7.25.9",
-                "@babel/plugin-transform-private-methods": "^7.25.9",
-                "@babel/plugin-transform-private-property-in-object": "^7.25.9",
-                "@babel/plugin-transform-property-literals": "^7.25.9",
-                "@babel/plugin-transform-regenerator": "^7.25.9",
-                "@babel/plugin-transform-regexp-modifiers": "^7.26.0",
-                "@babel/plugin-transform-reserved-words": "^7.25.9",
-                "@babel/plugin-transform-shorthand-properties": "^7.25.9",
-                "@babel/plugin-transform-spread": "^7.25.9",
-                "@babel/plugin-transform-sticky-regex": "^7.25.9",
-                "@babel/plugin-transform-template-literals": "^7.26.8",
-                "@babel/plugin-transform-typeof-symbol": "^7.26.7",
-                "@babel/plugin-transform-unicode-escapes": "^7.25.9",
-                "@babel/plugin-transform-unicode-property-regex": "^7.25.9",
-                "@babel/plugin-transform-unicode-regex": "^7.25.9",
-                "@babel/plugin-transform-unicode-sets-regex": "^7.25.9",
-                "@babel/preset-modules": "0.1.6-no-external-plugins",
-                "babel-plugin-polyfill-corejs2": "^0.4.10",
-                "babel-plugin-polyfill-corejs3": "^0.11.0",
-                "babel-plugin-polyfill-regenerator": "^0.6.1",
-                "core-js-compat": "^3.40.0",
-                "semver": "^6.3.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/preset-env/node_modules/@babel/plugin-syntax-import-attributes": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.27.1.tgz",
-            "integrity": "sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/preset-env/node_modules/semver": {
-            "version": "6.3.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/@babel/preset-modules": {
-            "version": "0.1.6-no-external-plugins",
-            "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
-            "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.0.0",
-                "@babel/types": "^7.4.4",
-                "esutils": "^2.0.2"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0"
-            }
-        },
-        "node_modules/@babel/runtime": {
-            "version": "7.26.10",
-            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.10.tgz",
-            "integrity": "sha512-2WJMeRQPHKSPemqk/awGrAiuFfzBmOIPXKizAsVhWH9YJqLZ0H+HS4c8loHGgW6utJ3E/ejXQUsiGaQy2NZ9Fw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "regenerator-runtime": "^0.14.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/template": {
-            "version": "7.27.2",
-            "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
-            "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/code-frame": "^7.27.1",
-                "@babel/parser": "^7.27.2",
-                "@babel/types": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/traverse": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.5.tgz",
-            "integrity": "sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/code-frame": "^7.27.1",
-                "@babel/generator": "^7.28.5",
-                "@babel/helper-globals": "^7.28.0",
-                "@babel/parser": "^7.28.5",
-                "@babel/template": "^7.27.2",
-                "@babel/types": "^7.28.5",
-                "debug": "^4.3.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/traverse/node_modules/@babel/generator": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.5.tgz",
-            "integrity": "sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/parser": "^7.28.5",
-                "@babel/types": "^7.28.5",
-                "@jridgewell/gen-mapping": "^0.3.12",
-                "@jridgewell/trace-mapping": "^0.3.28",
-                "jsesc": "^3.0.2"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/types": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
-            "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-string-parser": "^7.27.1",
-                "@babel/helper-validator-identifier": "^7.28.5"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@colors/colors": {
-            "version": "1.5.0",
-            "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
-            "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.1.90"
-            }
-        },
-        "node_modules/@compodoc/compodoc": {
-            "version": "1.1.32",
-            "resolved": "https://registry.npmjs.org/@compodoc/compodoc/-/compodoc-1.1.32.tgz",
-            "integrity": "sha512-kaYk5+o4k7GB585iphwV5NE49BKKk8d+gJLNBE8eu2fIRdhnHOWblasRbOBRULfwJ+qxfmgrIqi32K34wCag6A==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "dependencies": {
-                "@angular-devkit/schematics": "20.3.4",
-                "@babel/core": "7.28.4",
-                "@babel/plugin-transform-private-methods": "7.27.1",
-                "@babel/preset-env": "7.28.3",
-                "@compodoc/live-server": "^1.2.3",
-                "@compodoc/ngd-transformer": "^2.1.3",
-                "@polka/send-type": "^0.5.2",
-                "body-parser": "^2.2.0",
-                "bootstrap.native": "^5.1.6",
-                "cheerio": "1.1.2",
-                "chokidar": "^4.0.3",
-                "colors": "1.4.0",
-                "commander": "^14.0.1",
-                "cosmiconfig": "^9.0.0",
-                "decache": "^4.6.2",
-                "es6-shim": "^0.35.8",
-                "fancy-log": "^2.0.0",
-                "fast-glob": "^3.3.3",
-                "fs-extra": "^11.3.2",
-                "glob": "^11.0.3",
-                "handlebars": "^4.7.8",
-                "html-entities": "^2.6.0",
-                "i18next": "25.5.3",
-                "json5": "^2.2.3",
-                "lodash": "^4.17.21",
-                "loglevel": "^1.9.2",
-                "loglevel-plugin-prefix": "^0.8.4",
-                "lunr": "^2.3.9",
-                "marked": "7.0.3",
-                "minimist": "^1.2.8",
-                "neotraverse": "^0.6.18",
-                "opencollective-postinstall": "^2.0.3",
-                "os-name": "4.0.1",
-                "picocolors": "^1.1.1",
-                "polka": "^0.5.2",
-                "prismjs": "^1.30.0",
-                "semver": "^7.7.2",
-                "sirv": "^3.0.2",
-                "svg-pan-zoom": "^3.6.2",
-                "tablesort": "^5.6.0",
-                "ts-morph": "^27.0.0",
-                "uuid": "11.1.0",
-                "vis-network": "^10.0.2"
-            },
-            "bin": {
-                "compodoc": "bin/index-cli.js"
-            },
-            "engines": {
-                "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/@angular-devkit/core": {
-            "version": "20.3.4",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-20.3.4.tgz",
-            "integrity": "sha512-r83jn9yVdPh618oGgoKPggMsQGOkQqJbxEutd4CE9mnotPCE2uRTIyaFMh8sohNUeoQNRmj9rbr2pWGVlgERpg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ajv": "8.17.1",
-                "ajv-formats": "3.0.1",
-                "jsonc-parser": "3.3.1",
-                "picomatch": "4.0.3",
-                "rxjs": "7.8.2",
-                "source-map": "0.7.6"
-            },
-            "engines": {
-                "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            },
-            "peerDependencies": {
-                "chokidar": "^4.0.0"
-            },
-            "peerDependenciesMeta": {
-                "chokidar": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/@angular-devkit/schematics": {
-            "version": "20.3.4",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-20.3.4.tgz",
-            "integrity": "sha512-JYlcmVBKNT9+cQ6T2tmu+yVQ2bJk8tG0mXvPHWXrl/M4c6NObhSSThK50tJHy0Xo3gl8WgogOxUeJNnBq67cIQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@angular-devkit/core": "20.3.4",
-                "jsonc-parser": "3.3.1",
-                "magic-string": "0.30.17",
-                "ora": "8.2.0",
-                "rxjs": "7.8.2"
-            },
-            "engines": {
-                "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/@babel/core": {
-            "version": "7.28.4",
-            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.4.tgz",
-            "integrity": "sha512-2BCOP7TN8M+gVDj7/ht3hsaO/B/n5oDbiAyyvnRlNOs+u1o+JWNYTQrmpuNp1/Wq2gcFrI01JAW+paEKDMx/CA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/code-frame": "^7.27.1",
-                "@babel/generator": "^7.28.3",
-                "@babel/helper-compilation-targets": "^7.27.2",
-                "@babel/helper-module-transforms": "^7.28.3",
-                "@babel/helpers": "^7.28.4",
-                "@babel/parser": "^7.28.4",
-                "@babel/template": "^7.27.2",
-                "@babel/traverse": "^7.28.4",
-                "@babel/types": "^7.28.4",
-                "@jridgewell/remapping": "^2.3.5",
-                "convert-source-map": "^2.0.0",
-                "debug": "^4.1.0",
-                "gensync": "^1.0.0-beta.2",
-                "json5": "^2.2.3",
-                "semver": "^6.3.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/babel"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/@babel/core/node_modules/semver": {
-            "version": "6.3.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/@babel/generator": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.5.tgz",
-            "integrity": "sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/parser": "^7.28.5",
-                "@babel/types": "^7.28.5",
-                "@jridgewell/gen-mapping": "^0.3.12",
-                "@jridgewell/trace-mapping": "^0.3.28",
-                "jsesc": "^3.0.2"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/@babel/plugin-syntax-import-attributes": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.27.1.tgz",
-            "integrity": "sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/@babel/plugin-transform-async-generator-functions": {
-            "version": "7.28.0",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.28.0.tgz",
-            "integrity": "sha512-BEOdvX4+M765icNPZeidyADIvQ1m1gmunXufXxvRESy/jNNyfovIqUyE7MVgGBjWktCoJlzvFA1To2O4ymIO3Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "@babel/helper-remap-async-to-generator": "^7.27.1",
-                "@babel/traverse": "^7.28.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/@babel/plugin-transform-async-to-generator": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.27.1.tgz",
-            "integrity": "sha512-NREkZsZVJS4xmTr8qzE5y8AfIPqsdQfRuUiLRTEzb7Qii8iFWCyDKaUV2c0rCuh4ljDZ98ALHP/PetiBV2nddA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-module-imports": "^7.27.1",
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "@babel/helper-remap-async-to-generator": "^7.27.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/@babel/preset-env": {
-            "version": "7.28.3",
-            "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.28.3.tgz",
-            "integrity": "sha512-ROiDcM+GbYVPYBOeCR6uBXKkQpBExLl8k9HO1ygXEyds39j+vCCsjmj7S8GOniZQlEs81QlkdJZe76IpLSiqpg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/compat-data": "^7.28.0",
-                "@babel/helper-compilation-targets": "^7.27.2",
-                "@babel/helper-plugin-utils": "^7.27.1",
-                "@babel/helper-validator-option": "^7.27.1",
-                "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.27.1",
-                "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.27.1",
-                "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.27.1",
-                "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.27.1",
-                "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.28.3",
-                "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
-                "@babel/plugin-syntax-import-assertions": "^7.27.1",
-                "@babel/plugin-syntax-import-attributes": "^7.27.1",
-                "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
-                "@babel/plugin-transform-arrow-functions": "^7.27.1",
-                "@babel/plugin-transform-async-generator-functions": "^7.28.0",
-                "@babel/plugin-transform-async-to-generator": "^7.27.1",
-                "@babel/plugin-transform-block-scoped-functions": "^7.27.1",
-                "@babel/plugin-transform-block-scoping": "^7.28.0",
-                "@babel/plugin-transform-class-properties": "^7.27.1",
-                "@babel/plugin-transform-class-static-block": "^7.28.3",
-                "@babel/plugin-transform-classes": "^7.28.3",
-                "@babel/plugin-transform-computed-properties": "^7.27.1",
-                "@babel/plugin-transform-destructuring": "^7.28.0",
-                "@babel/plugin-transform-dotall-regex": "^7.27.1",
-                "@babel/plugin-transform-duplicate-keys": "^7.27.1",
-                "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.27.1",
-                "@babel/plugin-transform-dynamic-import": "^7.27.1",
-                "@babel/plugin-transform-explicit-resource-management": "^7.28.0",
-                "@babel/plugin-transform-exponentiation-operator": "^7.27.1",
-                "@babel/plugin-transform-export-namespace-from": "^7.27.1",
-                "@babel/plugin-transform-for-of": "^7.27.1",
-                "@babel/plugin-transform-function-name": "^7.27.1",
-                "@babel/plugin-transform-json-strings": "^7.27.1",
-                "@babel/plugin-transform-literals": "^7.27.1",
-                "@babel/plugin-transform-logical-assignment-operators": "^7.27.1",
-                "@babel/plugin-transform-member-expression-literals": "^7.27.1",
-                "@babel/plugin-transform-modules-amd": "^7.27.1",
-                "@babel/plugin-transform-modules-commonjs": "^7.27.1",
-                "@babel/plugin-transform-modules-systemjs": "^7.27.1",
-                "@babel/plugin-transform-modules-umd": "^7.27.1",
-                "@babel/plugin-transform-named-capturing-groups-regex": "^7.27.1",
-                "@babel/plugin-transform-new-target": "^7.27.1",
-                "@babel/plugin-transform-nullish-coalescing-operator": "^7.27.1",
-                "@babel/plugin-transform-numeric-separator": "^7.27.1",
-                "@babel/plugin-transform-object-rest-spread": "^7.28.0",
-                "@babel/plugin-transform-object-super": "^7.27.1",
-                "@babel/plugin-transform-optional-catch-binding": "^7.27.1",
-                "@babel/plugin-transform-optional-chaining": "^7.27.1",
-                "@babel/plugin-transform-parameters": "^7.27.7",
-                "@babel/plugin-transform-private-methods": "^7.27.1",
-                "@babel/plugin-transform-private-property-in-object": "^7.27.1",
-                "@babel/plugin-transform-property-literals": "^7.27.1",
-                "@babel/plugin-transform-regenerator": "^7.28.3",
-                "@babel/plugin-transform-regexp-modifiers": "^7.27.1",
-                "@babel/plugin-transform-reserved-words": "^7.27.1",
-                "@babel/plugin-transform-shorthand-properties": "^7.27.1",
-                "@babel/plugin-transform-spread": "^7.27.1",
-                "@babel/plugin-transform-sticky-regex": "^7.27.1",
-                "@babel/plugin-transform-template-literals": "^7.27.1",
-                "@babel/plugin-transform-typeof-symbol": "^7.27.1",
-                "@babel/plugin-transform-unicode-escapes": "^7.27.1",
-                "@babel/plugin-transform-unicode-property-regex": "^7.27.1",
-                "@babel/plugin-transform-unicode-regex": "^7.27.1",
-                "@babel/plugin-transform-unicode-sets-regex": "^7.27.1",
-                "@babel/preset-modules": "0.1.6-no-external-plugins",
-                "babel-plugin-polyfill-corejs2": "^0.4.14",
-                "babel-plugin-polyfill-corejs3": "^0.13.0",
-                "babel-plugin-polyfill-regenerator": "^0.6.5",
-                "core-js-compat": "^3.43.0",
-                "semver": "^6.3.1"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/@babel/preset-env/node_modules/semver": {
-            "version": "6.3.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/ansi-regex": {
-            "version": "6.2.2",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-            "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/babel-plugin-polyfill-corejs3": {
-            "version": "0.13.0",
-            "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.13.0.tgz",
-            "integrity": "sha512-U+GNwMdSFgzVmfhNm8GJUX88AadB3uo9KpJqS3FaqNIPKgySuvMb+bHPsOmmuWyIcuqZj/pzt1RUIUZns4y2+A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-define-polyfill-provider": "^0.6.5",
-                "core-js-compat": "^3.43.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/body-parser": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.0.tgz",
-            "integrity": "sha512-02qvAaxv8tp7fBa/mw1ga98OGm+eCbqzJOKoRt70sLmfEEi+jyBYVTDGfCL/k06/4EMk/z01gCe7HoCH/f2LTg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "bytes": "^3.1.2",
-                "content-type": "^1.0.5",
-                "debug": "^4.4.0",
-                "http-errors": "^2.0.0",
-                "iconv-lite": "^0.6.3",
-                "on-finished": "^2.4.1",
-                "qs": "^6.14.0",
-                "raw-body": "^3.0.0",
-                "type-is": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/chalk": {
-            "version": "5.6.2",
-            "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
-            "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^12.17.0 || ^14.13 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/chalk?sponsor=1"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/cheerio": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.1.2.tgz",
-            "integrity": "sha512-IkxPpb5rS/d1IiLbHMgfPuS0FgiWTtFIm/Nj+2woXDLTZ7fOT2eqzgYbdMlLweqlHbsZjxEChoVK+7iph7jyQg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cheerio-select": "^2.1.0",
-                "dom-serializer": "^2.0.0",
-                "domhandler": "^5.0.3",
-                "domutils": "^3.2.2",
-                "encoding-sniffer": "^0.2.1",
-                "htmlparser2": "^10.0.0",
-                "parse5": "^7.3.0",
-                "parse5-htmlparser2-tree-adapter": "^7.1.0",
-                "parse5-parser-stream": "^7.1.2",
-                "undici": "^7.12.0",
-                "whatwg-mimetype": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=20.18.1"
-            },
-            "funding": {
-                "url": "https://github.com/cheeriojs/cheerio?sponsor=1"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/chokidar": {
-            "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
-            "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "readdirp": "^4.0.1"
-            },
-            "engines": {
-                "node": ">= 14.16.0"
-            },
-            "funding": {
-                "url": "https://paulmillr.com/funding/"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/cli-spinners": {
-            "version": "2.9.2",
-            "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz",
-            "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/commander": {
-            "version": "14.0.2",
-            "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.2.tgz",
-            "integrity": "sha512-TywoWNNRbhoD0BXs1P3ZEScW8W5iKrnbithIl0YH+uCmBd0QpPOA8yc82DS3BIE5Ma6FnBVUsJ7wVUDz4dvOWQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=20"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/convert-source-map": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-            "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@compodoc/compodoc/node_modules/cosmiconfig": {
-            "version": "9.0.0",
-            "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
-            "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "env-paths": "^2.2.1",
-                "import-fresh": "^3.3.0",
-                "js-yaml": "^4.1.0",
-                "parse-json": "^5.2.0"
-            },
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/d-fischer"
-            },
-            "peerDependencies": {
-                "typescript": ">=4.9.5"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/emoji-regex": {
-            "version": "10.6.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
-            "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@compodoc/compodoc/node_modules/entities": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
-            "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "engines": {
-                "node": ">=0.12"
-            },
-            "funding": {
-                "url": "https://github.com/fb55/entities?sponsor=1"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/fast-glob": {
-            "version": "3.3.3",
-            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
-            "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@nodelib/fs.stat": "^2.0.2",
-                "@nodelib/fs.walk": "^1.2.3",
-                "glob-parent": "^5.1.2",
-                "merge2": "^1.3.0",
-                "micromatch": "^4.0.8"
-            },
-            "engines": {
-                "node": ">=8.6.0"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/fs-extra": {
-            "version": "11.3.2",
-            "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.2.tgz",
-            "integrity": "sha512-Xr9F6z6up6Ws+NjzMCZc6WXg2YFRlrLP9NQDO3VQrWrfiojdhS56TzueT88ze0uBdCTwEIhQ3ptnmKeWGFAe0A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "graceful-fs": "^4.2.0",
-                "jsonfile": "^6.0.1",
-                "universalify": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=14.14"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/glob": {
-            "version": "11.0.3",
-            "resolved": "https://registry.npmjs.org/glob/-/glob-11.0.3.tgz",
-            "integrity": "sha512-2Nim7dha1KVkaiF4q6Dj+ngPPMdfvLJEOpZk/jKiUAkqKebpGAWQXAq9z1xu9HKu5lWfqw/FASuccEjyznjPaA==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "foreground-child": "^3.3.1",
-                "jackspeak": "^4.1.1",
-                "minimatch": "^10.0.3",
-                "minipass": "^7.1.2",
-                "package-json-from-dist": "^1.0.0",
-                "path-scurry": "^2.0.0"
-            },
-            "bin": {
-                "glob": "dist/esm/bin.mjs"
-            },
-            "engines": {
-                "node": "20 || >=22"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/glob-parent": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "is-glob": "^4.0.1"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/htmlparser2": {
-            "version": "10.0.0",
-            "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-10.0.0.tgz",
-            "integrity": "sha512-TwAZM+zE5Tq3lrEHvOlvwgj1XLWQCtaaibSN11Q+gGBAS7Y1uZSWwXXRe4iF6OXnaq1riyQAPFOBtYc77Mxq0g==",
-            "dev": true,
-            "funding": [
-                "https://github.com/fb55/htmlparser2?sponsor=1",
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/fb55"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "domelementtype": "^2.3.0",
-                "domhandler": "^5.0.3",
-                "domutils": "^3.2.1",
-                "entities": "^6.0.0"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/iconv-lite": {
-            "version": "0.6.3",
-            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "safer-buffer": ">= 2.1.2 < 3.0.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/is-interactive": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-2.0.0.tgz",
-            "integrity": "sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/is-unicode-supported": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-2.1.0.tgz",
-            "integrity": "sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/jackspeak": {
-            "version": "4.1.1",
-            "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-4.1.1.tgz",
-            "integrity": "sha512-zptv57P3GpL+O0I7VdMJNBZCu+BPHVQUk55Ft8/QCJjTVxrnJHuVuX/0Bl2A6/+2oyR/ZMEuFKwmzqqZ/U5nPQ==",
-            "dev": true,
-            "license": "BlueOak-1.0.0",
-            "dependencies": {
-                "@isaacs/cliui": "^8.0.2"
-            },
-            "engines": {
-                "node": "20 || >=22"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/log-symbols": {
-            "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-6.0.0.tgz",
-            "integrity": "sha512-i24m8rpwhmPIS4zscNzK6MSEhk0DUWa/8iYQWxhffV8jkI4Phvs3F+quL5xvS0gdQR0FyTCMMH33Y78dDTzzIw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "chalk": "^5.3.0",
-                "is-unicode-supported": "^1.3.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/log-symbols/node_modules/is-unicode-supported": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-1.3.0.tgz",
-            "integrity": "sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/lru-cache": {
-            "version": "11.2.2",
-            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.2.tgz",
-            "integrity": "sha512-F9ODfyqML2coTIsQpSkRHnLSZMtkU8Q+mSfcaIyKwy58u+8k5nvAYeiNhsyMARvzNcXJ9QfWVrcPsC9e9rAxtg==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": "20 || >=22"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/magic-string": {
-            "version": "0.30.17",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
-            "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jridgewell/sourcemap-codec": "^1.5.0"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/marked": {
-            "version": "7.0.3",
-            "resolved": "https://registry.npmjs.org/marked/-/marked-7.0.3.tgz",
-            "integrity": "sha512-ev2uM40p0zQ/GbvqotfKcSWEa59fJwluGZj5dcaUOwDRrB1F3dncdXy8NWUApk4fi8atU3kTBOwjyjZ0ud0dxw==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "marked": "bin/marked.js"
-            },
-            "engines": {
-                "node": ">= 16"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/media-typer": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
-            "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/mime-db": {
-            "version": "1.54.0",
-            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
-            "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/mime-types": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.1.tgz",
-            "integrity": "sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "mime-db": "^1.54.0"
-            },
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/minimatch": {
-            "version": "10.1.1",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.1.1.tgz",
-            "integrity": "sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==",
-            "dev": true,
-            "license": "BlueOak-1.0.0",
-            "dependencies": {
-                "@isaacs/brace-expansion": "^5.0.0"
-            },
-            "engines": {
-                "node": "20 || >=22"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/ora": {
-            "version": "8.2.0",
-            "resolved": "https://registry.npmjs.org/ora/-/ora-8.2.0.tgz",
-            "integrity": "sha512-weP+BZ8MVNnlCm8c0Qdc1WSWq4Qn7I+9CJGm7Qali6g44e/PUzbjNqJX5NJ9ljlNMosfJvg1fKEGILklK9cwnw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "chalk": "^5.3.0",
-                "cli-cursor": "^5.0.0",
-                "cli-spinners": "^2.9.2",
-                "is-interactive": "^2.0.0",
-                "is-unicode-supported": "^2.0.0",
-                "log-symbols": "^6.0.0",
-                "stdin-discarder": "^0.2.2",
-                "string-width": "^7.2.0",
-                "strip-ansi": "^7.1.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/path-scurry": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.0.tgz",
-            "integrity": "sha512-ypGJsmGtdXUOeM5u93TyeIEfEhM6s+ljAhrk5vAvSx8uyY/02OvrZnA0YNGUrPXfpJMgI1ODd3nwz8Npx4O4cg==",
-            "dev": true,
-            "license": "BlueOak-1.0.0",
-            "dependencies": {
-                "lru-cache": "^11.0.0",
-                "minipass": "^7.1.2"
-            },
-            "engines": {
-                "node": "20 || >=22"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/picomatch": {
-            "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-            "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/jonschlinkert"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/qs": {
-            "version": "6.14.0",
-            "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
-            "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "dependencies": {
-                "side-channel": "^1.1.0"
-            },
-            "engines": {
-                "node": ">=0.6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/raw-body": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.1.tgz",
-            "integrity": "sha512-9G8cA+tuMS75+6G/TzW8OtLzmBDMo8p1JRxN5AZ+LAp8uxGA8V8GZm4GQ4/N5QNQEnLmg6SS7wyuSmbKepiKqA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "bytes": "3.1.2",
-                "http-errors": "2.0.0",
-                "iconv-lite": "0.7.0",
-                "unpipe": "1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.10"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/raw-body/node_modules/iconv-lite": {
-            "version": "0.7.0",
-            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.0.tgz",
-            "integrity": "sha512-cf6L2Ds3h57VVmkZe+Pn+5APsT7FpqJtEhhieDCvrE2MK5Qk9MyffgQyuxQTm6BChfeZNtcOLHp9IcWRVcIcBQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "safer-buffer": ">= 2.1.2 < 3.0.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/express"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/readdirp": {
-            "version": "4.1.2",
-            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
-            "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 14.18.0"
-            },
-            "funding": {
-                "type": "individual",
-                "url": "https://paulmillr.com/funding/"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/semver": {
-            "version": "7.7.3",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
-            "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/source-map": {
-            "version": "0.7.6",
-            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.6.tgz",
-            "integrity": "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">= 12"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/string-width": {
-            "version": "7.2.0",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
-            "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "emoji-regex": "^10.3.0",
-                "get-east-asian-width": "^1.0.0",
-                "strip-ansi": "^7.1.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/strip-ansi": {
-            "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
-            "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/type-is": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.0.1.tgz",
-            "integrity": "sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "content-type": "^1.0.5",
-                "media-typer": "^1.1.0",
-                "mime-types": "^3.0.0"
-            },
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/@compodoc/compodoc/node_modules/uuid": {
-            "version": "11.1.0",
-            "resolved": "https://registry.npmjs.org/uuid/-/uuid-11.1.0.tgz",
-            "integrity": "sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==",
-            "dev": true,
-            "funding": [
-                "https://github.com/sponsors/broofa",
-                "https://github.com/sponsors/ctavan"
-            ],
-            "license": "MIT",
-            "bin": {
-                "uuid": "dist/esm/bin/uuid"
-            }
-        },
-        "node_modules/@compodoc/live-server": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/@compodoc/live-server/-/live-server-1.2.3.tgz",
-            "integrity": "sha512-hDmntVCyjjaxuJzPzBx68orNZ7TW4BtHWMnXlIVn5dqhK7vuFF/11hspO1cMmc+2QTYgqde1TBcb3127S7Zrow==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "chokidar": "^3.5.2",
-                "colors": "1.4.0",
-                "connect": "^3.7.0",
-                "cors": "latest",
-                "event-stream": "4.0.1",
-                "faye-websocket": "0.11.x",
-                "http-auth": "4.1.9",
-                "http-auth-connect": "^1.0.5",
-                "morgan": "^1.10.0",
-                "object-assign": "latest",
-                "open": "8.4.0",
-                "proxy-middleware": "latest",
-                "send": "latest",
-                "serve-index": "^1.9.1"
-            },
-            "bin": {
-                "live-server": "live-server.js"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/@compodoc/live-server/node_modules/define-lazy-prop": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
-            "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@compodoc/live-server/node_modules/event-stream": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/event-stream/-/event-stream-4.0.1.tgz",
-            "integrity": "sha512-qACXdu/9VHPBzcyhdOWR5/IahhGMf0roTeZJfzz077GwylcDd90yOHLouhmv7GJ5XzPi6ekaQWd8AvPP2nOvpA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "duplexer": "^0.1.1",
-                "from": "^0.1.7",
-                "map-stream": "0.0.7",
-                "pause-stream": "^0.0.11",
-                "split": "^1.0.1",
-                "stream-combiner": "^0.2.2",
-                "through": "^2.3.8"
-            }
-        },
-        "node_modules/@compodoc/live-server/node_modules/http-auth": {
-            "version": "4.1.9",
-            "resolved": "https://registry.npmjs.org/http-auth/-/http-auth-4.1.9.tgz",
-            "integrity": "sha512-kvPYxNGc9EKGTXvOMnTBQw2RZfuiSihK/mLw/a4pbtRueTE45S55Lw/3k5CktIf7Ak0veMKEIteDj4YkNmCzmQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "apache-crypt": "^1.1.2",
-                "apache-md5": "^1.0.6",
-                "bcryptjs": "^2.4.3",
-                "uuid": "^8.3.2"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@compodoc/live-server/node_modules/is-docker": {
-            "version": "2.2.1",
-            "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
-            "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "is-docker": "cli.js"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@compodoc/live-server/node_modules/is-wsl": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
-            "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-docker": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@compodoc/live-server/node_modules/map-stream": {
-            "version": "0.0.7",
-            "resolved": "https://registry.npmjs.org/map-stream/-/map-stream-0.0.7.tgz",
-            "integrity": "sha512-C0X0KQmGm3N2ftbTGBhSyuydQ+vV1LC3f3zPvT3RXHXNZrvfPZcoXp/N5DOa8vedX/rTMm2CjTtivFg2STJMRQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@compodoc/live-server/node_modules/open": {
-            "version": "8.4.0",
-            "resolved": "https://registry.npmjs.org/open/-/open-8.4.0.tgz",
-            "integrity": "sha512-XgFPPM+B28FtCCgSb9I+s9szOC1vZRSwgWsRUA5ylIxRTgKozqjOCrVOqGsYABPYK5qnfqClxZTFBa8PKt2v6Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "define-lazy-prop": "^2.0.0",
-                "is-docker": "^2.1.1",
-                "is-wsl": "^2.2.0"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@compodoc/live-server/node_modules/split": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/split/-/split-1.0.1.tgz",
-            "integrity": "sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "through": "2"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/@compodoc/live-server/node_modules/stream-combiner": {
-            "version": "0.2.2",
-            "resolved": "https://registry.npmjs.org/stream-combiner/-/stream-combiner-0.2.2.tgz",
-            "integrity": "sha512-6yHMqgLYDzQDcAkL+tjJDC5nSNuNIx0vZtRZeiPh7Saef7VHX9H5Ijn9l2VIol2zaNYlYEX6KyuT/237A58qEQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "duplexer": "~0.1.1",
-                "through": "~2.3.4"
-            }
-        },
-        "node_modules/@compodoc/ngd-core": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/@compodoc/ngd-core/-/ngd-core-2.1.1.tgz",
-            "integrity": "sha512-Z+wE6wWZYVnudRYg6qunDlyh3Orw39Ib66Gvrz5kX5u7So+iu3tr6sQJdqH6yGS3hAjig5avlfhWLlgsb6/x1Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-colors": "^4.1.3",
-                "fancy-log": "^2.0.0",
-                "typescript": "^5.0.4"
-            },
-            "engines": {
-                "node": ">= 10.0.0"
-            }
-        },
-        "node_modules/@compodoc/ngd-transformer": {
-            "version": "2.1.3",
-            "resolved": "https://registry.npmjs.org/@compodoc/ngd-transformer/-/ngd-transformer-2.1.3.tgz",
-            "integrity": "sha512-oWxJza7CpWR8/FeWYfE6j+jgncnGBsTWnZLt5rD2GUpsGSQTuGrsFPnmbbaVLgRS5QIVWBJYke7QFBr/7qVMWg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@aduh95/viz.js": "3.4.0",
-                "@compodoc/ngd-core": "~2.1.1",
-                "dot": "^2.0.0-beta.1",
-                "fs-extra": "^11.1.1"
-            },
-            "engines": {
-                "node": ">= 10.0.0"
-            }
-        },
-        "node_modules/@compodoc/ngd-transformer/node_modules/fs-extra": {
-            "version": "11.3.2",
-            "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.2.tgz",
-            "integrity": "sha512-Xr9F6z6up6Ws+NjzMCZc6WXg2YFRlrLP9NQDO3VQrWrfiojdhS56TzueT88ze0uBdCTwEIhQ3ptnmKeWGFAe0A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "graceful-fs": "^4.2.0",
-                "jsonfile": "^6.0.1",
-                "universalify": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=14.14"
-            }
-        },
-        "node_modules/@cspotcode/source-map-support": {
-            "version": "0.8.1",
-            "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
-            "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jridgewell/trace-mapping": "0.3.9"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@cspotcode/source-map-support/node_modules/@jridgewell/trace-mapping": {
-            "version": "0.3.9",
-            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
-            "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jridgewell/resolve-uri": "^3.0.3",
-                "@jridgewell/sourcemap-codec": "^1.4.10"
-            }
-        },
-        "node_modules/@discoveryjs/json-ext": {
-            "version": "0.6.1",
-            "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.6.1.tgz",
-            "integrity": "sha512-boghen8F0Q8D+0/Q1/1r6DUEieUJ8w2a1gIknExMSHBsJFOr2+0KUfHiVYBvucPwl3+RU5PFBK833FjFCh3BhA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=14.17.0"
-            }
-        },
-        "node_modules/@docsearch/css": {
-            "version": "3.9.0",
-            "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-3.9.0.tgz",
-            "integrity": "sha512-cQbnVbq0rrBwNAKegIac/t6a8nWoUAn8frnkLFW6YARaRmAQr5/Eoe6Ln2fqkUCZ40KpdrKbpSAmgrkviOxuWA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@docsearch/js": {
-            "version": "3.9.0",
-            "resolved": "https://registry.npmjs.org/@docsearch/js/-/js-3.9.0.tgz",
-            "integrity": "sha512-4bKHcye6EkLgRE8ze0vcdshmEqxeiJM77M0JXjef7lrYZfSlMunrDOCqyLjiZyo1+c0BhUqA2QpFartIjuHIjw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@docsearch/react": "3.9.0",
-                "preact": "^10.0.0"
-            }
-        },
-        "node_modules/@docsearch/react": {
-            "version": "3.9.0",
-            "resolved": "https://registry.npmjs.org/@docsearch/react/-/react-3.9.0.tgz",
-            "integrity": "sha512-mb5FOZYZIkRQ6s/NWnM98k879vu5pscWqTLubLFBO87igYYT4VzVazh4h5o/zCvTIZgEt3PvsCOMOswOUo9yHQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/autocomplete-core": "1.17.9",
-                "@algolia/autocomplete-preset-algolia": "1.17.9",
-                "@docsearch/css": "3.9.0",
-                "algoliasearch": "^5.14.2"
-            },
-            "peerDependencies": {
-                "@types/react": ">= 16.8.0 < 20.0.0",
-                "react": ">= 16.8.0 < 20.0.0",
-                "react-dom": ">= 16.8.0 < 20.0.0",
-                "search-insights": ">= 1 < 3"
-            },
-            "peerDependenciesMeta": {
-                "@types/react": {
-                    "optional": true
-                },
-                "react": {
-                    "optional": true
-                },
-                "react-dom": {
-                    "optional": true
-                },
-                "search-insights": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@egjs/hammerjs": {
-            "version": "2.0.17",
-            "resolved": "https://registry.npmjs.org/@egjs/hammerjs/-/hammerjs-2.0.17.tgz",
-            "integrity": "sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A==",
-            "dev": true,
-            "license": "MIT",
-            "peer": true,
-            "dependencies": {
-                "@types/hammerjs": "^2.0.36"
-            },
-            "engines": {
-                "node": ">=0.8.0"
-            }
-        },
-        "node_modules/@emnapi/core": {
-            "version": "1.7.0",
-            "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.7.0.tgz",
-            "integrity": "sha512-pJdKGq/1iquWYtv1RRSljZklxHCOCAJFJrImO5ZLKPJVJlVUcs8yFwNQlqS0Lo8xT1VAXXTCZocF9n26FWEKsw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@emnapi/wasi-threads": "1.1.0",
-                "tslib": "^2.4.0"
-            }
-        },
-        "node_modules/@emnapi/runtime": {
-            "version": "1.7.0",
-            "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.7.0.tgz",
-            "integrity": "sha512-oAYoQnCYaQZKVS53Fq23ceWMRxq5EhQsE0x0RdQ55jT7wagMu5k+fS39v1fiSLrtrLQlXwVINenqhLMtTrV/1Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tslib": "^2.4.0"
-            }
-        },
-        "node_modules/@emnapi/wasi-threads": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
-            "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tslib": "^2.4.0"
-            }
-        },
-        "node_modules/@es-joy/jsdoccomment": {
-            "version": "0.76.0",
-            "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.76.0.tgz",
-            "integrity": "sha512-g+RihtzFgGTx2WYCuTHbdOXJeAlGnROws0TeALx9ow/ZmOROOZkVg5wp/B44n0WJgI4SQFP1eWM2iRPlU2Y14w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/estree": "^1.0.8",
-                "@typescript-eslint/types": "^8.46.0",
-                "comment-parser": "1.4.1",
-                "esquery": "^1.6.0",
-                "jsdoc-type-pratt-parser": "~6.10.0"
-            },
-            "engines": {
-                "node": ">=20.11.0"
-            }
-        },
-        "node_modules/@es-joy/jsdoccomment/node_modules/@typescript-eslint/types": {
-            "version": "8.46.3",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.46.3.tgz",
-            "integrity": "sha512-G7Ok9WN/ggW7e/tOf8TQYMaxgID3Iujn231hfi0Pc7ZheztIJVpO44ekY00b7akqc6nZcvregk0Jpah3kep6hA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            }
-        },
-        "node_modules/@es-joy/resolve.exports": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/@es-joy/resolve.exports/-/resolve.exports-1.2.0.tgz",
-            "integrity": "sha512-Q9hjxWI5xBM+qW2enxfe8wDKdFWMfd0Z29k5ZJnuBqD/CasY5Zryj09aCA6owbGATWz+39p5uIdaHXpopOcG8g==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@esbuild/aix-ppc64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.23.1.tgz",
-            "integrity": "sha512-6VhYk1diRqrhBAqpJEdjASR/+WVRtfjpqKuNw11cLiaWpAT/Uu+nokB+UJnevzy/P9C/ty6AOe0dwueMrGh/iQ==",
-            "cpu": [
-                "ppc64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "aix"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/android-arm": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.23.1.tgz",
-            "integrity": "sha512-uz6/tEy2IFm9RYOyvKl88zdzZfwEfKZmnX9Cj1BHjeSGNuGLuMD1kR8y5bteYmwqKm1tj8m4cb/aKEorr6fHWQ==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/android-arm64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.23.1.tgz",
-            "integrity": "sha512-xw50ipykXcLstLeWH7WRdQuysJqejuAGPd30vd1i5zSyKK3WE+ijzHmLKxdiCMtH1pHz78rOg0BKSYOSB/2Khw==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/android-x64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.23.1.tgz",
-            "integrity": "sha512-nlN9B69St9BwUoB+jkyU090bru8L0NA3yFvAd7k8dNsVH8bi9a8cUAUSEcEEgTp2z3dbEDGJGfP6VUnkQnlReg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/darwin-arm64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.23.1.tgz",
-            "integrity": "sha512-YsS2e3Wtgnw7Wq53XXBLcV6JhRsEq8hkfg91ESVadIrzr9wO6jJDMZnCQbHm1Guc5t/CdDiFSSfWP58FNuvT3Q==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/darwin-x64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.23.1.tgz",
-            "integrity": "sha512-aClqdgTDVPSEGgoCS8QDG37Gu8yc9lTHNAQlsztQ6ENetKEO//b8y31MMu2ZaPbn4kVsIABzVLXYLhCGekGDqw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/freebsd-arm64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.23.1.tgz",
-            "integrity": "sha512-h1k6yS8/pN/NHlMl5+v4XPfikhJulk4G+tKGFIOwURBSFzE8bixw1ebjluLOjfwtLqY0kewfjLSrO6tN2MgIhA==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/freebsd-x64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.23.1.tgz",
-            "integrity": "sha512-lK1eJeyk1ZX8UklqFd/3A60UuZ/6UVfGT2LuGo3Wp4/z7eRTRYY+0xOu2kpClP+vMTi9wKOfXi2vjUpO1Ro76g==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-arm": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.23.1.tgz",
-            "integrity": "sha512-CXXkzgn+dXAPs3WBwE+Kvnrf4WECwBdfjfeYHpMeVxWE0EceB6vhWGShs6wi0IYEqMSIzdOF1XjQ/Mkm5d7ZdQ==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-arm64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.23.1.tgz",
-            "integrity": "sha512-/93bf2yxencYDnItMYV/v116zff6UyTjo4EtEQjUBeGiVpMmffDNUyD9UN2zV+V3LRV3/on4xdZ26NKzn6754g==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-ia32": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.23.1.tgz",
-            "integrity": "sha512-VTN4EuOHwXEkXzX5nTvVY4s7E/Krz7COC8xkftbbKRYAl96vPiUssGkeMELQMOnLOJ8k3BY1+ZY52tttZnHcXQ==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-loong64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.23.1.tgz",
-            "integrity": "sha512-Vx09LzEoBa5zDnieH8LSMRToj7ir/Jeq0Gu6qJ/1GcBq9GkfoEAoXvLiW1U9J1qE/Y/Oyaq33w5p2ZWrNNHNEw==",
-            "cpu": [
-                "loong64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-mips64el": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.23.1.tgz",
-            "integrity": "sha512-nrFzzMQ7W4WRLNUOU5dlWAqa6yVeI0P78WKGUo7lg2HShq/yx+UYkeNSE0SSfSure0SqgnsxPvmAUu/vu0E+3Q==",
-            "cpu": [
-                "mips64el"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-ppc64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.23.1.tgz",
-            "integrity": "sha512-dKN8fgVqd0vUIjxuJI6P/9SSSe/mB9rvA98CSH2sJnlZ/OCZWO1DJvxj8jvKTfYUdGfcq2dDxoKaC6bHuTlgcw==",
-            "cpu": [
-                "ppc64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-riscv64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.23.1.tgz",
-            "integrity": "sha512-5AV4Pzp80fhHL83JM6LoA6pTQVWgB1HovMBsLQ9OZWLDqVY8MVobBXNSmAJi//Csh6tcY7e7Lny2Hg1tElMjIA==",
-            "cpu": [
-                "riscv64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-s390x": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.23.1.tgz",
-            "integrity": "sha512-9ygs73tuFCe6f6m/Tb+9LtYxWR4c9yg7zjt2cYkjDbDpV/xVn+68cQxMXCjUpYwEkze2RcU/rMnfIXNRFmSoDw==",
-            "cpu": [
-                "s390x"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-x64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.23.1.tgz",
-            "integrity": "sha512-EV6+ovTsEXCPAp58g2dD68LxoP/wK5pRvgy0J/HxPGB009omFPv3Yet0HiaqvrIrgPTBuC6wCH1LTOY91EO5hQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/netbsd-x64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.23.1.tgz",
-            "integrity": "sha512-aevEkCNu7KlPRpYLjwmdcuNz6bDFiE7Z8XC4CPqExjTvrHugh28QzUXVOZtiYghciKUacNktqxdpymplil1beA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "netbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/openbsd-arm64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.23.1.tgz",
-            "integrity": "sha512-3x37szhLexNA4bXhLrCC/LImN/YtWis6WXr1VESlfVtVeoFJBRINPJ3f0a/6LV8zpikqoUg4hyXw0sFBt5Cr+Q==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "openbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/openbsd-x64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.23.1.tgz",
-            "integrity": "sha512-aY2gMmKmPhxfU+0EdnN+XNtGbjfQgwZj43k8G3fyrDM/UdZww6xrWxmDkuz2eCZchqVeABjV5BpildOrUbBTqA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "openbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/sunos-x64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.23.1.tgz",
-            "integrity": "sha512-RBRT2gqEl0IKQABT4XTj78tpk9v7ehp+mazn2HbUeZl1YMdaGAQqhapjGTCe7uw7y0frDi4gS0uHzhvpFuI1sA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "sunos"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/win32-arm64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.23.1.tgz",
-            "integrity": "sha512-4O+gPR5rEBe2FpKOVyiJ7wNDPA8nGzDuJ6gN4okSA1gEOYZ67N8JPk58tkWtdtPeLz7lBnY6I5L3jdsr3S+A6A==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/win32-ia32": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.23.1.tgz",
-            "integrity": "sha512-BcaL0Vn6QwCwre3Y717nVHZbAa4UBEigzFm6VdsVdT/MbZ38xoj1X9HPkZhbmaBGUD1W8vxAfffbDe8bA6AKnQ==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/win32-x64": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.23.1.tgz",
-            "integrity": "sha512-BHpFFeslkWrXWyUPnbKm+xYYVYruCinGcftSBaa8zoF9hZO4BcSCFUvHVTtzpIY6YzUnYtuEhZ+C9iEXjxnasg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@eslint-community/eslint-utils": {
-            "version": "4.9.0",
-            "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz",
-            "integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "eslint-visitor-keys": "^3.4.3"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            },
-            "peerDependencies": {
-                "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-            }
-        },
-        "node_modules/@eslint-community/regexpp": {
-            "version": "4.12.2",
-            "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
-            "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-            }
-        },
-        "node_modules/@eslint/eslintrc": {
-            "version": "2.1.4",
-            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
-            "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ajv": "^6.12.4",
-                "debug": "^4.3.2",
-                "espree": "^9.6.0",
-                "globals": "^13.19.0",
-                "ignore": "^5.2.0",
-                "import-fresh": "^3.2.1",
-                "js-yaml": "^4.1.0",
-                "minimatch": "^3.1.2",
-                "strip-json-comments": "^3.1.1"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            }
-        },
-        "node_modules/@eslint/eslintrc/node_modules/ajv": {
-            "version": "6.12.6",
-            "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-            "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "fast-deep-equal": "^3.1.1",
-                "fast-json-stable-stringify": "^2.0.0",
-                "json-schema-traverse": "^0.4.1",
-                "uri-js": "^4.2.2"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/epoberezkin"
-            }
-        },
-        "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
-            "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "balanced-match": "^1.0.0",
-                "concat-map": "0.0.1"
-            }
-        },
-        "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": {
-            "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-            "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@eslint/eslintrc/node_modules/minimatch": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^1.1.7"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/@eslint/js": {
-            "version": "8.57.1",
-            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz",
-            "integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            }
-        },
-        "node_modules/@gulpjs/messages": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@gulpjs/messages/-/messages-1.1.0.tgz",
-            "integrity": "sha512-Ys9sazDatyTgZVb4xPlDufLweJ/Os2uHWOv+Caxvy2O85JcnT4M3vc73bi8pdLWlv3fdWQz3pdI9tVwo8rQQSg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/@gulpjs/to-absolute-glob": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/@gulpjs/to-absolute-glob/-/to-absolute-glob-4.0.0.tgz",
-            "integrity": "sha512-kjotm7XJrJ6v+7knhPaRgaT6q8F8K2jiafwYdNHLzmV0uGLuZY43FK6smNSHUPrhq5kX2slCUy+RGG/xGqmIKA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-negated-glob": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/@humanwhocodes/config-array": {
-            "version": "0.13.0",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
-            "integrity": "sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==",
-            "deprecated": "Use @eslint/config-array instead",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "@humanwhocodes/object-schema": "^2.0.3",
-                "debug": "^4.3.1",
-                "minimatch": "^3.0.5"
-            },
-            "engines": {
-                "node": ">=10.10.0"
-            }
-        },
-        "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": {
-            "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "balanced-match": "^1.0.0",
-                "concat-map": "0.0.1"
-            }
-        },
-        "node_modules/@humanwhocodes/config-array/node_modules/minimatch": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^1.1.7"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/@humanwhocodes/module-importer": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-            "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=12.22"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/nzakas"
-            }
-        },
-        "node_modules/@humanwhocodes/object-schema": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
-            "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
-            "deprecated": "Use @eslint/object-schema instead",
-            "dev": true,
-            "license": "BSD-3-Clause"
-        },
-        "node_modules/@img/sharp-darwin-arm64": {
-            "version": "0.33.5",
-            "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.5.tgz",
-            "integrity": "sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "Apache-2.0",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            },
-            "optionalDependencies": {
-                "@img/sharp-libvips-darwin-arm64": "1.0.4"
-            }
-        },
-        "node_modules/@img/sharp-darwin-x64": {
-            "version": "0.33.5",
-            "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.5.tgz",
-            "integrity": "sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "Apache-2.0",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            },
-            "optionalDependencies": {
-                "@img/sharp-libvips-darwin-x64": "1.0.4"
-            }
-        },
-        "node_modules/@img/sharp-libvips-darwin-arm64": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.4.tgz",
-            "integrity": "sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "LGPL-3.0-or-later",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            }
-        },
-        "node_modules/@img/sharp-libvips-darwin-x64": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.4.tgz",
-            "integrity": "sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "LGPL-3.0-or-later",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            }
-        },
-        "node_modules/@img/sharp-libvips-linux-arm": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.5.tgz",
-            "integrity": "sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "LGPL-3.0-or-later",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            }
-        },
-        "node_modules/@img/sharp-libvips-linux-arm64": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.4.tgz",
-            "integrity": "sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "LGPL-3.0-or-later",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            }
-        },
-        "node_modules/@img/sharp-libvips-linux-s390x": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.4.tgz",
-            "integrity": "sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==",
-            "cpu": [
-                "s390x"
-            ],
-            "dev": true,
-            "license": "LGPL-3.0-or-later",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            }
-        },
-        "node_modules/@img/sharp-libvips-linux-x64": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.4.tgz",
-            "integrity": "sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "LGPL-3.0-or-later",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            }
-        },
-        "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.4.tgz",
-            "integrity": "sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "LGPL-3.0-or-later",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            }
-        },
-        "node_modules/@img/sharp-libvips-linuxmusl-x64": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.4.tgz",
-            "integrity": "sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "LGPL-3.0-or-later",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            }
-        },
-        "node_modules/@img/sharp-linux-arm": {
-            "version": "0.33.5",
-            "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.5.tgz",
-            "integrity": "sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "Apache-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            },
-            "optionalDependencies": {
-                "@img/sharp-libvips-linux-arm": "1.0.5"
-            }
-        },
-        "node_modules/@img/sharp-linux-arm64": {
-            "version": "0.33.5",
-            "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.5.tgz",
-            "integrity": "sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "Apache-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            },
-            "optionalDependencies": {
-                "@img/sharp-libvips-linux-arm64": "1.0.4"
-            }
-        },
-        "node_modules/@img/sharp-linux-s390x": {
-            "version": "0.33.5",
-            "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.5.tgz",
-            "integrity": "sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==",
-            "cpu": [
-                "s390x"
-            ],
-            "dev": true,
-            "license": "Apache-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            },
-            "optionalDependencies": {
-                "@img/sharp-libvips-linux-s390x": "1.0.4"
-            }
-        },
-        "node_modules/@img/sharp-linux-x64": {
-            "version": "0.33.5",
-            "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.5.tgz",
-            "integrity": "sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "Apache-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            },
-            "optionalDependencies": {
-                "@img/sharp-libvips-linux-x64": "1.0.4"
-            }
-        },
-        "node_modules/@img/sharp-linuxmusl-arm64": {
-            "version": "0.33.5",
-            "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.5.tgz",
-            "integrity": "sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "Apache-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            },
-            "optionalDependencies": {
-                "@img/sharp-libvips-linuxmusl-arm64": "1.0.4"
-            }
-        },
-        "node_modules/@img/sharp-linuxmusl-x64": {
-            "version": "0.33.5",
-            "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.5.tgz",
-            "integrity": "sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "Apache-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            },
-            "optionalDependencies": {
-                "@img/sharp-libvips-linuxmusl-x64": "1.0.4"
-            }
-        },
-        "node_modules/@img/sharp-wasm32": {
-            "version": "0.33.5",
-            "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.33.5.tgz",
-            "integrity": "sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==",
-            "cpu": [
-                "wasm32"
-            ],
-            "dev": true,
-            "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
-            "optional": true,
-            "dependencies": {
-                "@emnapi/runtime": "^1.2.0"
-            },
-            "engines": {
-                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            }
-        },
-        "node_modules/@img/sharp-win32-ia32": {
-            "version": "0.33.5",
-            "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.5.tgz",
-            "integrity": "sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "license": "Apache-2.0 AND LGPL-3.0-or-later",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            }
-        },
-        "node_modules/@img/sharp-win32-x64": {
-            "version": "0.33.5",
-            "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.5.tgz",
-            "integrity": "sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "Apache-2.0 AND LGPL-3.0-or-later",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            }
-        },
-        "node_modules/@inquirer/checkbox": {
-            "version": "2.5.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-2.5.0.tgz",
-            "integrity": "sha512-sMgdETOfi2dUHT8r7TT1BTKOwNvdDGFDXYWtQ2J69SvlYNntk9I/gJe7r5yvMwwsuKnYbuRs3pNhx4tgNck5aA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/figures": "^1.0.5",
-                "@inquirer/type": "^1.5.3",
-                "ansi-escapes": "^4.3.2",
-                "yoctocolors-cjs": "^2.1.2"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@inquirer/confirm": {
-            "version": "3.1.22",
-            "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-3.1.22.tgz",
-            "integrity": "sha512-gsAKIOWBm2Q87CDfs9fEo7wJT3fwWIJfnDGMn9Qy74gBnNFOACDNfhUzovubbJjWnKLGBln7/NcSmZwj5DuEXg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@inquirer/core": "^9.0.10",
-                "@inquirer/type": "^1.5.2"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@inquirer/core": {
-            "version": "9.2.1",
-            "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-9.2.1.tgz",
-            "integrity": "sha512-F2VBt7W/mwqEU4bL0RnHNZmC/OxzNx9cOYxHqnXX3MP6ruYvZUZAW9imgN9+h/uBT/oP8Gh888J2OZSbjSeWcg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@inquirer/figures": "^1.0.6",
-                "@inquirer/type": "^2.0.0",
-                "@types/mute-stream": "^0.0.4",
-                "@types/node": "^22.5.5",
-                "@types/wrap-ansi": "^3.0.0",
-                "ansi-escapes": "^4.3.2",
-                "cli-width": "^4.1.0",
-                "mute-stream": "^1.0.0",
-                "signal-exit": "^4.1.0",
-                "strip-ansi": "^6.0.1",
-                "wrap-ansi": "^6.2.0",
-                "yoctocolors-cjs": "^2.1.2"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@inquirer/core/node_modules/@inquirer/type": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-2.0.0.tgz",
-            "integrity": "sha512-XvJRx+2KR3YXyYtPUUy+qd9i7p+GO9Ko6VIIpWlBrpWwXDv8WLFeHTxz35CfQFUiBMLXlGHhGzys7lqit9gWag==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "mute-stream": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@inquirer/core/node_modules/@types/node": {
-            "version": "22.19.0",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-22.19.0.tgz",
-            "integrity": "sha512-xpr/lmLPQEj+TUnHmR+Ab91/glhJvsqcjB+yY0Ix9GO70H6Lb4FHH5GeqdOE5btAx7eIMwuHkp4H2MSkLcqWbA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "undici-types": "~6.21.0"
-            }
-        },
-        "node_modules/@inquirer/core/node_modules/undici-types": {
-            "version": "6.21.0",
-            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
-            "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@inquirer/editor": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-2.2.0.tgz",
-            "integrity": "sha512-9KHOpJ+dIL5SZli8lJ6xdaYLPPzB8xB9GZItg39MBybzhxA16vxmszmQFrRwbOA918WA2rvu8xhDEg/p6LXKbw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/type": "^1.5.3",
-                "external-editor": "^3.1.0"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@inquirer/expand": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-2.3.0.tgz",
-            "integrity": "sha512-qnJsUcOGCSG1e5DTOErmv2BPQqrtT6uzqn1vI/aYGiPKq+FgslGZmtdnXbhuI7IlT7OByDoEEqdnhUnVR2hhLw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/type": "^1.5.3",
-                "yoctocolors-cjs": "^2.1.2"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@inquirer/figures": {
-            "version": "1.0.14",
-            "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.14.tgz",
-            "integrity": "sha512-DbFgdt+9/OZYFM+19dbpXOSeAstPy884FPy1KjDu4anWwymZeOYhMY1mdFri172htv6mvc/uvIAAi7b7tvjJBQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@inquirer/input": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-2.3.0.tgz",
-            "integrity": "sha512-XfnpCStx2xgh1LIRqPXrTNEEByqQWoxsWYzNRSEUxJ5c6EQlhMogJ3vHKu8aXuTacebtaZzMAHwEL0kAflKOBw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/type": "^1.5.3"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@inquirer/number": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-1.1.0.tgz",
-            "integrity": "sha512-ilUnia/GZUtfSZy3YEErXLJ2Sljo/mf9fiKc08n18DdwdmDbOzRcTv65H1jjDvlsAuvdFXf4Sa/aL7iw/NanVA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/type": "^1.5.3"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@inquirer/password": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-2.2.0.tgz",
-            "integrity": "sha512-5otqIpgsPYIshqhgtEwSspBQE40etouR8VIxzpJkv9i0dVHIpyhiivbkH9/dGiMLdyamT54YRdGJLfl8TFnLHg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/type": "^1.5.3",
-                "ansi-escapes": "^4.3.2"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@inquirer/prompts": {
-            "version": "5.3.8",
-            "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-5.3.8.tgz",
-            "integrity": "sha512-b2BudQY/Si4Y2a0PdZZL6BeJtl8llgeZa7U2j47aaJSCeAl1e4UI7y8a9bSkO3o/ZbZrgT5muy/34JbsjfIWxA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@inquirer/checkbox": "^2.4.7",
-                "@inquirer/confirm": "^3.1.22",
-                "@inquirer/editor": "^2.1.22",
-                "@inquirer/expand": "^2.1.22",
-                "@inquirer/input": "^2.2.9",
-                "@inquirer/number": "^1.0.10",
-                "@inquirer/password": "^2.1.22",
-                "@inquirer/rawlist": "^2.2.4",
-                "@inquirer/search": "^1.0.7",
-                "@inquirer/select": "^2.4.7"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@inquirer/rawlist": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-2.3.0.tgz",
-            "integrity": "sha512-zzfNuINhFF7OLAtGHfhwOW2TlYJyli7lOUoJUXw/uyklcwalV6WRXBXtFIicN8rTRK1XTiPWB4UY+YuW8dsnLQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/type": "^1.5.3",
-                "yoctocolors-cjs": "^2.1.2"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@inquirer/search": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-1.1.0.tgz",
-            "integrity": "sha512-h+/5LSj51dx7hp5xOn4QFnUaKeARwUCLs6mIhtkJ0JYPBLmEYjdHSYh7I6GrLg9LwpJ3xeX0FZgAG1q0QdCpVQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/figures": "^1.0.5",
-                "@inquirer/type": "^1.5.3",
-                "yoctocolors-cjs": "^2.1.2"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@inquirer/select": {
-            "version": "2.5.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-2.5.0.tgz",
-            "integrity": "sha512-YmDobTItPP3WcEI86GvPo+T2sRHkxxOq/kXmsBjHS5BVXUgvgZ5AfJjkvQvZr03T81NnI3KrrRuMzeuYUQRFOA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/figures": "^1.0.5",
-                "@inquirer/type": "^1.5.3",
-                "ansi-escapes": "^4.3.2",
-                "yoctocolors-cjs": "^2.1.2"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@inquirer/type": {
-            "version": "1.5.5",
-            "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-1.5.5.tgz",
-            "integrity": "sha512-MzICLu4yS7V8AA61sANROZ9vT1H3ooca5dSmI1FjZkzq7o/koMsRfQSzRtFo+F3Ao4Sf1C0bpLKejpKB/+j6MA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "mute-stream": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@isaacs/balanced-match": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/@isaacs/balanced-match/-/balanced-match-4.0.1.tgz",
-            "integrity": "sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "20 || >=22"
-            }
-        },
-        "node_modules/@isaacs/brace-expansion": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/@isaacs/brace-expansion/-/brace-expansion-5.0.0.tgz",
-            "integrity": "sha512-ZT55BDLV0yv0RBm2czMiZ+SqCGO7AvmOM3G/w2xhVPH+te0aKgFjmBvGlL1dH+ql2tgGO3MVrbb3jCKyvpgnxA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@isaacs/balanced-match": "^4.0.1"
-            },
-            "engines": {
-                "node": "20 || >=22"
-            }
-        },
-        "node_modules/@isaacs/cliui": {
-            "version": "8.0.2",
-            "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-            "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "string-width": "^5.1.2",
-                "string-width-cjs": "npm:string-width@^4.2.0",
-                "strip-ansi": "^7.0.1",
-                "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-                "wrap-ansi": "^8.1.0",
-                "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
-            "version": "6.2.2",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-            "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-            }
-        },
-        "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
-            "version": "6.2.3",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
-            "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
-            "version": "9.2.2",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-            "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@isaacs/cliui/node_modules/string-width": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-            "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "eastasianwidth": "^0.2.0",
-                "emoji-regex": "^9.2.2",
-                "strip-ansi": "^7.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
-            "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
-            "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-            }
-        },
-        "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
-            "version": "8.1.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-            "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^6.1.0",
-                "string-width": "^5.0.1",
-                "strip-ansi": "^7.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/@istanbuljs/schema": {
-            "version": "0.1.3",
-            "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
-            "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@jest/expect-utils": {
-            "version": "29.7.0",
-            "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.7.0.tgz",
-            "integrity": "sha512-GlsNBWiFQFCVi9QVSx7f5AgMeLxe9YCCs5PuP2O2LdjDAA8Jh9eX7lA1Jq/xdXw3Wb3hyvlFNfZIfcRetSzYcA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "jest-get-type": "^29.6.3"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@jest/schemas": {
-            "version": "29.6.3",
-            "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
-            "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@sinclair/typebox": "^0.27.8"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@jest/types": {
-            "version": "29.6.3",
-            "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
-            "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jest/schemas": "^29.6.3",
-                "@types/istanbul-lib-coverage": "^2.0.0",
-                "@types/istanbul-reports": "^3.0.0",
-                "@types/node": "*",
-                "@types/yargs": "^17.0.8",
-                "chalk": "^4.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@jridgewell/gen-mapping": {
-            "version": "0.3.13",
-            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
-            "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jridgewell/sourcemap-codec": "^1.5.0",
-                "@jridgewell/trace-mapping": "^0.3.24"
-            }
-        },
-        "node_modules/@jridgewell/remapping": {
-            "version": "2.3.5",
-            "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
-            "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jridgewell/gen-mapping": "^0.3.5",
-                "@jridgewell/trace-mapping": "^0.3.24"
-            }
-        },
-        "node_modules/@jridgewell/resolve-uri": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-            "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
-        "node_modules/@jridgewell/source-map": {
-            "version": "0.3.11",
-            "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz",
-            "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jridgewell/gen-mapping": "^0.3.5",
-                "@jridgewell/trace-mapping": "^0.3.25"
-            }
-        },
-        "node_modules/@jridgewell/sourcemap-codec": {
-            "version": "1.5.5",
-            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-            "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@jridgewell/trace-mapping": {
-            "version": "0.3.31",
-            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
-            "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jridgewell/resolve-uri": "^3.1.0",
-                "@jridgewell/sourcemap-codec": "^1.4.14"
-            }
-        },
-        "node_modules/@jsonjoy.com/base64": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/@jsonjoy.com/base64/-/base64-1.1.2.tgz",
-            "integrity": "sha512-q6XAnWQDIMA3+FTiOYajoYqySkO+JSat0ytXGSuRdq9uXE7o92gzuQwQM14xaCRlBLGq3v5miDGC4vkVTn54xA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=10.0"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/streamich"
-            },
-            "peerDependencies": {
-                "tslib": "2"
-            }
-        },
-        "node_modules/@jsonjoy.com/buffers": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/@jsonjoy.com/buffers/-/buffers-1.2.1.tgz",
-            "integrity": "sha512-12cdlDwX4RUM3QxmUbVJWqZ/mrK6dFQH4Zxq6+r1YXKXYBNgZXndx2qbCJwh3+WWkCSn67IjnlG3XYTvmvYtgA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=10.0"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/streamich"
-            },
-            "peerDependencies": {
-                "tslib": "2"
-            }
-        },
-        "node_modules/@jsonjoy.com/codegen": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/@jsonjoy.com/codegen/-/codegen-1.0.0.tgz",
-            "integrity": "sha512-E8Oy+08cmCf0EK/NMxpaJZmOxPqM+6iSe2S4nlSBrPZOORoDJILxtbSUEDKQyTamm/BVAhIGllOBNU79/dwf0g==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=10.0"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/streamich"
-            },
-            "peerDependencies": {
-                "tslib": "2"
-            }
-        },
-        "node_modules/@jsonjoy.com/json-pack": {
-            "version": "1.21.0",
-            "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-1.21.0.tgz",
-            "integrity": "sha512-+AKG+R2cfZMShzrF2uQw34v3zbeDYUqnQ+jg7ORic3BGtfw9p/+N6RJbq/kkV8JmYZaINknaEQ2m0/f693ZPpg==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "@jsonjoy.com/base64": "^1.1.2",
-                "@jsonjoy.com/buffers": "^1.2.0",
-                "@jsonjoy.com/codegen": "^1.0.0",
-                "@jsonjoy.com/json-pointer": "^1.0.2",
-                "@jsonjoy.com/util": "^1.9.0",
-                "hyperdyperid": "^1.2.0",
-                "thingies": "^2.5.0",
-                "tree-dump": "^1.1.0"
-            },
-            "engines": {
-                "node": ">=10.0"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/streamich"
-            },
-            "peerDependencies": {
-                "tslib": "2"
-            }
-        },
-        "node_modules/@jsonjoy.com/json-pointer": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pointer/-/json-pointer-1.0.2.tgz",
-            "integrity": "sha512-Fsn6wM2zlDzY1U+v4Nc8bo3bVqgfNTGcn6dMgs6FjrEnt4ZCe60o6ByKRjOGlI2gow0aE/Q41QOigdTqkyK5fg==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "@jsonjoy.com/codegen": "^1.0.0",
-                "@jsonjoy.com/util": "^1.9.0"
-            },
-            "engines": {
-                "node": ">=10.0"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/streamich"
-            },
-            "peerDependencies": {
-                "tslib": "2"
-            }
-        },
-        "node_modules/@jsonjoy.com/util": {
-            "version": "1.9.0",
-            "resolved": "https://registry.npmjs.org/@jsonjoy.com/util/-/util-1.9.0.tgz",
-            "integrity": "sha512-pLuQo+VPRnN8hfPqUTLTHk126wuYdXVxE6aDmjSeV4NCAgyxWbiOIeNJVtID3h1Vzpoi9m4jXezf73I6LgabgQ==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "@jsonjoy.com/buffers": "^1.0.0",
-                "@jsonjoy.com/codegen": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=10.0"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/streamich"
-            },
-            "peerDependencies": {
-                "tslib": "2"
-            }
-        },
-        "node_modules/@kurkle/color": {
-            "version": "0.3.4",
-            "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.4.tgz",
-            "integrity": "sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@leichtgewicht/ip-codec": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
-            "integrity": "sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@listr2/prompt-adapter-inquirer": {
-            "version": "2.0.15",
-            "resolved": "https://registry.npmjs.org/@listr2/prompt-adapter-inquirer/-/prompt-adapter-inquirer-2.0.15.tgz",
-            "integrity": "sha512-MZrGem/Ujjd4cPTLYDfCZK2iKKeiO/8OX13S6jqxldLs0Prf2aGqVlJ77nMBqMv7fzqgXEgjrNHLXcKR8l9lOg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@inquirer/type": "^1.5.1"
-            },
-            "engines": {
-                "node": ">=18.0.0"
-            },
-            "peerDependencies": {
-                "@inquirer/prompts": ">= 3 < 6"
-            }
-        },
-        "node_modules/@lmdb/lmdb-darwin-arm64": {
-            "version": "3.0.13",
-            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.0.13.tgz",
-            "integrity": "sha512-uiKPB0Fv6WEEOZjruu9a6wnW/8jrjzlZbxXscMB8kuCJ1k6kHpcBnuvaAWcqhbI7rqX5GKziwWEdD+wi2gNLfA==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ]
-        },
-        "node_modules/@lmdb/lmdb-darwin-x64": {
-            "version": "3.0.13",
-            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.0.13.tgz",
-            "integrity": "sha512-bEVIIfK5mSQoG1R19qA+fJOvCB+0wVGGnXHT3smchBVahYBdlPn2OsZZKzlHWfb1E+PhLBmYfqB5zQXFP7hJig==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ]
-        },
-        "node_modules/@lmdb/lmdb-linux-arm": {
-            "version": "3.0.13",
-            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.0.13.tgz",
-            "integrity": "sha512-Yml1KlMzOnXj/tnW7yX8U78iAzTk39aILYvCPbqeewAq1kSzl+w59k/fiVkTBfvDi/oW/5YRxL+Fq+Y1Fr1r2Q==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@lmdb/lmdb-linux-arm64": {
-            "version": "3.0.13",
-            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.0.13.tgz",
-            "integrity": "sha512-afbVrsMgZ9dUTNUchFpj5VkmJRxvht/u335jUJ7o23YTbNbnpmXif3VKQGCtnjSh+CZaqm6N3CPG8KO3zwyZ1Q==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@lmdb/lmdb-linux-x64": {
-            "version": "3.0.13",
-            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.0.13.tgz",
-            "integrity": "sha512-vOtxu0xC0SLdQ2WRXg8Qgd8T32ak4SPqk5zjItRszrJk2BdeXqfGxBJbP7o4aOvSPSmSSv46Lr1EP4HXU8v7Kg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@lmdb/lmdb-win32-x64": {
-            "version": "3.0.13",
-            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.0.13.tgz",
-            "integrity": "sha512-UCrMJQY/gJnOl3XgbWRZZUvGGBuKy6i0YNSptgMzHBjs+QYDYR1Mt/RLTOPy4fzzves65O1EDmlL//OzEqoLlA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/@mdx-js/react": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-3.1.1.tgz",
-            "integrity": "sha512-f++rKLQgUVYDAtECQ6fn/is15GkEH9+nZPM3MS0RcxVqoTfawHvDlSCH7JbMhAM6uJ32v3eXLvLmLvjGu7PTQw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/mdx": "^2.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/unified"
-            },
-            "peerDependencies": {
-                "@types/react": ">=16",
-                "react": ">=16"
-            }
-        },
-        "node_modules/@msgpackr-extract/msgpackr-extract-darwin-arm64": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz",
-            "integrity": "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ]
-        },
-        "node_modules/@msgpackr-extract/msgpackr-extract-darwin-x64": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz",
-            "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ]
-        },
-        "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz",
-            "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm64": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz",
-            "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@msgpackr-extract/msgpackr-extract-linux-x64": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz",
-            "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@msgpackr-extract/msgpackr-extract-win32-x64": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz",
-            "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/@napi-rs/wasm-runtime": {
-            "version": "0.2.4",
-            "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.4.tgz",
-            "integrity": "sha512-9zESzOO5aDByvhIAsOy9TbpZ0Ur2AJbUI7UT73kcUTS2mxAMHOBaa1st/jAymNoCtvrit99kkzT1FZuXVcgfIQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@emnapi/core": "^1.1.0",
-                "@emnapi/runtime": "^1.1.0",
-                "@tybys/wasm-util": "^0.9.0"
-            }
-        },
-        "node_modules/@ngtools/webpack": {
-            "version": "18.2.19",
-            "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-18.2.19.tgz",
-            "integrity": "sha512-bExj5JrByKPibsqBbn5Pjn8lo91AUOTsyP2hgKpnOnmSr62rhWSiRwXltgz2MCiZRmuUznpt93WiOLixgYfYvQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            },
-            "peerDependencies": {
-                "@angular/compiler-cli": "^18.0.0",
-                "typescript": ">=5.4 <5.6",
-                "webpack": "^5.54.0"
-            }
-        },
-        "node_modules/@nodelib/fs.scandir": {
-            "version": "2.1.5",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@nodelib/fs.stat": "2.0.5",
-                "run-parallel": "^1.1.9"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/@nodelib/fs.stat": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/@nodelib/fs.walk": {
-            "version": "1.2.8",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@nodelib/fs.scandir": "2.1.5",
-                "fastq": "^1.6.0"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/@npmcli/agent": {
-            "version": "2.2.2",
-            "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-2.2.2.tgz",
-            "integrity": "sha512-OrcNPXdpSl9UX7qPVRWbmWMCSXrcDa2M9DvrbOTj7ao1S4PlqVFYv9/yLKMkrJKZ/V5A/kDBC690or307i26Og==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "agent-base": "^7.1.0",
-                "http-proxy-agent": "^7.0.0",
-                "https-proxy-agent": "^7.0.1",
-                "lru-cache": "^10.0.1",
-                "socks-proxy-agent": "^8.0.3"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@npmcli/agent/node_modules/lru-cache": {
-            "version": "10.4.3",
-            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-            "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/@npmcli/fs": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-3.1.1.tgz",
-            "integrity": "sha512-q9CRWjpHCMIh5sVyefoD1cA7PkvILqCZsnSOEUUivORLjxCO/Irmue2DprETiNgEqktDBZaM1Bi+jrarx1XdCg==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "semver": "^7.3.5"
-            },
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@npmcli/git": {
-            "version": "5.0.8",
-            "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-5.0.8.tgz",
-            "integrity": "sha512-liASfw5cqhjNW9UFd+ruwwdEf/lbOAQjLL2XY2dFW/bkJheXDYZgOyul/4gVvEV4BWkTXjYGmDqMw9uegdbJNQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "@npmcli/promise-spawn": "^7.0.0",
-                "ini": "^4.1.3",
-                "lru-cache": "^10.0.1",
-                "npm-pick-manifest": "^9.0.0",
-                "proc-log": "^4.0.0",
-                "promise-inflight": "^1.0.1",
-                "promise-retry": "^2.0.1",
-                "semver": "^7.3.5",
-                "which": "^4.0.0"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@npmcli/git/node_modules/isexe": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
-            "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">=16"
-            }
-        },
-        "node_modules/@npmcli/git/node_modules/lru-cache": {
-            "version": "10.4.3",
-            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-            "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/@npmcli/git/node_modules/which": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz",
-            "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "isexe": "^3.1.1"
-            },
-            "bin": {
-                "node-which": "bin/which.js"
-            },
-            "engines": {
-                "node": "^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@npmcli/installed-package-contents": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/@npmcli/installed-package-contents/-/installed-package-contents-2.1.0.tgz",
-            "integrity": "sha512-c8UuGLeZpm69BryRykLuKRyKFZYJsZSCT4aVY5ds4omyZqJ172ApzgfKJ5eV/r3HgLdUYgFVe54KSFVjKoe27w==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "npm-bundled": "^3.0.0",
-                "npm-normalize-package-bin": "^3.0.0"
-            },
-            "bin": {
-                "installed-package-contents": "bin/index.js"
-            },
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@npmcli/node-gyp": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/@npmcli/node-gyp/-/node-gyp-3.0.0.tgz",
-            "integrity": "sha512-gp8pRXC2oOxu0DUE1/M3bYtb1b3/DbJ5aM113+XJBgfXdussRAsX0YOrOhdd8WvnAR6auDBvJomGAkLKA5ydxA==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@npmcli/package-json": {
-            "version": "5.2.1",
-            "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-5.2.1.tgz",
-            "integrity": "sha512-f7zYC6kQautXHvNbLEWgD/uGu1+xCn9izgqBfgItWSx22U0ZDekxN08A1vM8cTxj/cRVe0Q94Ode+tdoYmIOOQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "@npmcli/git": "^5.0.0",
-                "glob": "^10.2.2",
-                "hosted-git-info": "^7.0.0",
-                "json-parse-even-better-errors": "^3.0.0",
-                "normalize-package-data": "^6.0.0",
-                "proc-log": "^4.0.0",
-                "semver": "^7.5.3"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@npmcli/promise-spawn": {
-            "version": "7.0.2",
-            "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-7.0.2.tgz",
-            "integrity": "sha512-xhfYPXoV5Dy4UkY0D+v2KkwvnDfiA/8Mt3sWCGI/hM03NsYIH8ZaG6QzS9x7pje5vHZBZJ2v6VRFVTWACnqcmQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "which": "^4.0.0"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@npmcli/promise-spawn/node_modules/isexe": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
-            "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">=16"
-            }
-        },
-        "node_modules/@npmcli/promise-spawn/node_modules/which": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz",
-            "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "isexe": "^3.1.1"
-            },
-            "bin": {
-                "node-which": "bin/which.js"
-            },
-            "engines": {
-                "node": "^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@npmcli/redact": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/@npmcli/redact/-/redact-2.0.1.tgz",
-            "integrity": "sha512-YgsR5jCQZhVmTJvjduTOIHph0L73pK8xwMVaDY0PatySqVM9AZj93jpoXYSJqfHFxFkN9dmqTw6OiqExsS3LPw==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@npmcli/run-script": {
-            "version": "8.1.0",
-            "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-8.1.0.tgz",
-            "integrity": "sha512-y7efHHwghQfk28G2z3tlZ67pLG0XdfYbcVG26r7YIXALRsrVQcTq4/tdenSmdOrEsNahIYA/eh8aEVROWGFUDg==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "@npmcli/node-gyp": "^3.0.0",
-                "@npmcli/package-json": "^5.0.0",
-                "@npmcli/promise-spawn": "^7.0.0",
-                "node-gyp": "^10.0.0",
-                "proc-log": "^4.0.0",
-                "which": "^4.0.0"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@npmcli/run-script/node_modules/isexe": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
-            "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">=16"
-            }
-        },
-        "node_modules/@npmcli/run-script/node_modules/which": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz",
-            "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "isexe": "^3.1.1"
-            },
-            "bin": {
-                "node-which": "bin/which.js"
-            },
-            "engines": {
-                "node": "^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@nrwl/devkit": {
-            "version": "19.8.14",
-            "resolved": "https://registry.npmjs.org/@nrwl/devkit/-/devkit-19.8.14.tgz",
-            "integrity": "sha512-Oud7BPhFNqE3/YStULn/gHyuGSw2QyxUaHXJApr+DybmYtUms7hQ+cWnY1IY+hRpdtU9ldlg8UYx+VslpS9YNQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@nx/devkit": "19.8.14"
-            }
-        },
-        "node_modules/@nrwl/tao": {
-            "version": "19.8.14",
-            "resolved": "https://registry.npmjs.org/@nrwl/tao/-/tao-19.8.14.tgz",
-            "integrity": "sha512-zBeYzzwg43T/Z8ZtLblv0fcKuqJULttqYDekSLILThXp3UOMSerEvruhUgwddCY1jUssfLscz8vacMKISv5X4w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "nx": "19.8.14",
-                "tslib": "^2.3.0"
-            },
-            "bin": {
-                "tao": "index.js"
-            }
-        },
-        "node_modules/@nx/devkit": {
-            "version": "19.8.14",
-            "resolved": "https://registry.npmjs.org/@nx/devkit/-/devkit-19.8.14.tgz",
-            "integrity": "sha512-A8dCGttbuqgg9P56VTb0ElD2vM5nc5g0aLnX5PSXo4SkFXwd8DV5GgwJKWB1GO9hYyEtbj4gKek0KxnCtdav4g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@nrwl/devkit": "19.8.14",
-                "ejs": "^3.1.7",
-                "enquirer": "~2.3.6",
-                "ignore": "^5.0.4",
-                "minimatch": "9.0.3",
-                "semver": "^7.5.3",
-                "tmp": "~0.2.1",
-                "tslib": "^2.3.0",
-                "yargs-parser": "21.1.1"
-            },
-            "peerDependencies": {
-                "nx": ">= 19 <= 21"
-            }
-        },
-        "node_modules/@nx/nx-darwin-arm64": {
-            "version": "19.8.14",
-            "resolved": "https://registry.npmjs.org/@nx/nx-darwin-arm64/-/nx-darwin-arm64-19.8.14.tgz",
-            "integrity": "sha512-bZUFf23gAzuwVw71dR8rngye5aCR8Z/ouIo+KayjqB0LWWoi3WzO73s4S69ljftYt4n6z9wvD+Trbb1BKm2fPg==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@nx/nx-darwin-x64": {
-            "version": "19.8.14",
-            "resolved": "https://registry.npmjs.org/@nx/nx-darwin-x64/-/nx-darwin-x64-19.8.14.tgz",
-            "integrity": "sha512-UXXVea8icFG/3rFwpbLYsD6O4wlyJ1STQfOdhGK1Hyuga70AUUdrjVm7HzigAQP/Sb2Nzd7155YXHzfpRPDFYA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@nx/nx-freebsd-x64": {
-            "version": "19.8.14",
-            "resolved": "https://registry.npmjs.org/@nx/nx-freebsd-x64/-/nx-freebsd-x64-19.8.14.tgz",
-            "integrity": "sha512-TK2xuXn+BI6hxGaRK1HRUPWeF/nOtezKSqM+6rbippfCzjES/crmp9l5nbI764MMthtUmykCyWvhEfkDca6kbA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@nx/nx-linux-arm-gnueabihf": {
-            "version": "19.8.14",
-            "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm-gnueabihf/-/nx-linux-arm-gnueabihf-19.8.14.tgz",
-            "integrity": "sha512-33rptyRraqaeQ2Kq6pcZKQqgnYY/7zcGH8fHXgKK7XzKk+7QuPViq+jMEUZP5E3UzZPkIYhsfmZcZqhNRvepJQ==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@nx/nx-linux-arm64-gnu": {
-            "version": "19.8.14",
-            "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm64-gnu/-/nx-linux-arm64-gnu-19.8.14.tgz",
-            "integrity": "sha512-2E70qMKOhh7Fp4JGcRbRLvFKq0+ANVdAgSzH47plxOLygIeVAfIXRSuQbCI0EUFa5Sy6hImLaoRSB2GdgKihAw==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@nx/nx-linux-arm64-musl": {
-            "version": "19.8.14",
-            "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm64-musl/-/nx-linux-arm64-musl-19.8.14.tgz",
-            "integrity": "sha512-ltty/PDWqkYgu/6Ye65d7v5nh3D6e0n3SacoKRs2Vtfz5oHYRUkSKizKIhEVfRNuHn3d9j8ve1fdcCN4SDPUBQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@nx/nx-linux-x64-gnu": {
-            "version": "19.8.14",
-            "resolved": "https://registry.npmjs.org/@nx/nx-linux-x64-gnu/-/nx-linux-x64-gnu-19.8.14.tgz",
-            "integrity": "sha512-JzE3BuO9RCBVdgai18CCze6KUzG0AozE0TtYFxRokfSC05NU3nUhd/o62UsOl7s6Bqt/9nwrW7JC8pNDiCi9OQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@nx/nx-linux-x64-musl": {
-            "version": "19.8.14",
-            "resolved": "https://registry.npmjs.org/@nx/nx-linux-x64-musl/-/nx-linux-x64-musl-19.8.14.tgz",
-            "integrity": "sha512-2rPvDOQLb7Wd6YiU88FMBiLtYco0dVXF99IJBRGAWv+WTI7MNr47OyK2ze+JOsbYY1d8aOGUvckUvCCZvZKEfg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@nx/nx-win32-arm64-msvc": {
-            "version": "19.8.14",
-            "resolved": "https://registry.npmjs.org/@nx/nx-win32-arm64-msvc/-/nx-win32-arm64-msvc-19.8.14.tgz",
-            "integrity": "sha512-JxW+YPS+EjhUsLw9C6wtk9pQTG3psyFwxhab8y/dgk2s4AOTLyIm0XxgcCJVvB6i4uv+s1g0QXRwp6+q3IR6hg==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@nx/nx-win32-x64-msvc": {
-            "version": "19.8.14",
-            "resolved": "https://registry.npmjs.org/@nx/nx-win32-x64-msvc/-/nx-win32-x64-msvc-19.8.14.tgz",
-            "integrity": "sha512-RxiPlBWPcGSf9TzIIy62iKRdRhokXMDUsPub9DL2VdVyTMXPZQR25aY/PJeasJN1EQU74hg097LK2wSHi+vzOQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@pkgjs/parseargs": {
-            "version": "0.11.0",
-            "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-            "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "engines": {
-                "node": ">=14"
-            }
-        },
-        "node_modules/@polka/send-type": {
-            "version": "0.5.2",
-            "resolved": "https://registry.npmjs.org/@polka/send-type/-/send-type-0.5.2.tgz",
-            "integrity": "sha512-jGXalKihnhGQmMQ+xxfxrRfI2cWs38TIZuwgYpnbQDD4r9TkOiU3ocjAS+6CqqMNQNAu9Ul2iHU5YFRDODak2w==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@polka/url": {
-            "version": "0.5.0",
-            "resolved": "https://registry.npmjs.org/@polka/url/-/url-0.5.0.tgz",
-            "integrity": "sha512-oZLYFEAzUKyi3SKnXvj32ZCEGH6RDnao7COuCVhDydMS9NrCSVXhM79VaKyP5+Zc33m0QXEd2DN3UkU7OsHcfw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@rollup/plugin-json": {
-            "version": "6.1.0",
-            "resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-6.1.0.tgz",
-            "integrity": "sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@rollup/pluginutils": "^5.1.0"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            },
-            "peerDependencies": {
-                "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
-            },
-            "peerDependenciesMeta": {
-                "rollup": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@rollup/plugin-node-resolve": {
-            "version": "15.3.1",
-            "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.3.1.tgz",
-            "integrity": "sha512-tgg6b91pAybXHJQMAAwW9VuWBO6Thi+q7BCNARLwSqlmsHz0XYURtGvh/AuwSADXSI4h/2uHbs7s4FzlZDGSGA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@rollup/pluginutils": "^5.0.1",
-                "@types/resolve": "1.20.2",
-                "deepmerge": "^4.2.2",
-                "is-module": "^1.0.0",
-                "resolve": "^1.22.1"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            },
-            "peerDependencies": {
-                "rollup": "^2.78.0||^3.0.0||^4.0.0"
-            },
-            "peerDependenciesMeta": {
-                "rollup": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@rollup/pluginutils": {
-            "version": "5.3.0",
-            "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.3.0.tgz",
-            "integrity": "sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/estree": "^1.0.0",
-                "estree-walker": "^2.0.2",
-                "picomatch": "^4.0.2"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            },
-            "peerDependencies": {
-                "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
-            },
-            "peerDependenciesMeta": {
-                "rollup": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@rollup/rollup-android-arm-eabi": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.22.4.tgz",
-            "integrity": "sha512-Fxamp4aEZnfPOcGA8KSNEohV8hX7zVHOemC8jVBoBUHu5zpJK/Eu3uJwt6BMgy9fkvzxDaurgj96F/NiLukF2w==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ]
-        },
-        "node_modules/@rollup/rollup-android-arm64": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.22.4.tgz",
-            "integrity": "sha512-VXoK5UMrgECLYaMuGuVTOx5kcuap1Jm8g/M83RnCHBKOqvPPmROFJGQaZhGccnsFtfXQ3XYa4/jMCJvZnbJBdA==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ]
-        },
-        "node_modules/@rollup/rollup-darwin-arm64": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.22.4.tgz",
-            "integrity": "sha512-xMM9ORBqu81jyMKCDP+SZDhnX2QEVQzTcC6G18KlTQEzWK8r/oNZtKuZaCcHhnsa6fEeOBionoyl5JsAbE/36Q==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ]
-        },
-        "node_modules/@rollup/rollup-darwin-x64": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.22.4.tgz",
-            "integrity": "sha512-aJJyYKQwbHuhTUrjWjxEvGnNNBCnmpHDvrb8JFDbeSH3m2XdHcxDd3jthAzvmoI8w/kSjd2y0udT+4okADsZIw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.22.4.tgz",
-            "integrity": "sha512-j63YtCIRAzbO+gC2L9dWXRh5BFetsv0j0va0Wi9epXDgU/XUi5dJKo4USTttVyK7fGw2nPWK0PbAvyliz50SCQ==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.22.4.tgz",
-            "integrity": "sha512-dJnWUgwWBX1YBRsuKKMOlXCzh2Wu1mlHzv20TpqEsfdZLb3WoJW2kIEsGwLkroYf24IrPAvOT/ZQ2OYMV6vlrg==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-arm64-gnu": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.22.4.tgz",
-            "integrity": "sha512-AdPRoNi3NKVLolCN/Sp4F4N1d98c4SBnHMKoLuiG6RXgoZ4sllseuGioszumnPGmPM2O7qaAX/IJdeDU8f26Aw==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-arm64-musl": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.22.4.tgz",
-            "integrity": "sha512-Gl0AxBtDg8uoAn5CCqQDMqAx22Wx22pjDOjBdmG0VIWX3qUBHzYmOKh8KXHL4UpogfJ14G4wk16EQogF+v8hmA==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.22.4.tgz",
-            "integrity": "sha512-3aVCK9xfWW1oGQpTsYJJPF6bfpWfhbRnhdlyhak2ZiyFLDaayz0EP5j9V1RVLAAxlmWKTDfS9wyRyY3hvhPoOg==",
-            "cpu": [
-                "ppc64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.22.4.tgz",
-            "integrity": "sha512-ePYIir6VYnhgv2C5Xe9u+ico4t8sZWXschR6fMgoPUK31yQu7hTEJb7bCqivHECwIClJfKgE7zYsh1qTP3WHUA==",
-            "cpu": [
-                "riscv64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-s390x-gnu": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.22.4.tgz",
-            "integrity": "sha512-GqFJ9wLlbB9daxhVlrTe61vJtEY99/xB3C8e4ULVsVfflcpmR6c8UZXjtkMA6FhNONhj2eA5Tk9uAVw5orEs4Q==",
-            "cpu": [
-                "s390x"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-x64-gnu": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.22.4.tgz",
-            "integrity": "sha512-87v0ol2sH9GE3cLQLNEy0K/R0pz1nvg76o8M5nhMR0+Q+BBGLnb35P0fVz4CQxHYXaAOhE8HhlkaZfsdUOlHwg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-x64-musl": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.22.4.tgz",
-            "integrity": "sha512-UV6FZMUgePDZrFjrNGIWzDo/vABebuXBhJEqrHxrGiU6HikPy0Z3LfdtciIttEUQfuDdCn8fqh7wiFJjCNwO+g==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-win32-arm64-msvc": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.22.4.tgz",
-            "integrity": "sha512-BjI+NVVEGAXjGWYHz/vv0pBqfGoUH0IGZ0cICTn7kB9PyjrATSkX+8WkguNjWoj2qSr1im/+tTGRaY+4/PdcQw==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/@rollup/rollup-win32-ia32-msvc": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.22.4.tgz",
-            "integrity": "sha512-SiWG/1TuUdPvYmzmYnmd3IEifzR61Tragkbx9D3+R8mzQqDBz8v+BvZNDlkiTtI9T15KYZhP0ehn3Dld4n9J5g==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/@rollup/rollup-win32-x64-msvc": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.22.4.tgz",
-            "integrity": "sha512-j8pPKp53/lq9lMXN57S8cFz0MynJk8OWNuUnXct/9KCpKU7DgU3bYMJhwWmcqC0UU29p8Lr0/7KEVcaM6bf47Q==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/@rollup/wasm-node": {
-            "version": "4.52.5",
-            "resolved": "https://registry.npmjs.org/@rollup/wasm-node/-/wasm-node-4.52.5.tgz",
-            "integrity": "sha512-ldY4tEzSMBHNwB8TfRpi7RRRjjyfKlwjdebw5pS1lu0xaY3g4RDc6ople2wEYulVOKVeH7ZJwRx0iw4pGtjMHg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/estree": "1.0.8"
-            },
-            "bin": {
-                "rollup": "dist/bin/rollup"
-            },
-            "engines": {
-                "node": ">=18.0.0",
-                "npm": ">=8.0.0"
-            },
-            "optionalDependencies": {
-                "fsevents": "~2.3.2"
-            }
-        },
-        "node_modules/@rtsao/scc": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
-            "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@schematics/angular": {
-            "version": "18.2.19",
-            "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-18.2.19.tgz",
-            "integrity": "sha512-s9aynH/fwB/LT94miVfsaL2C4Qd5BLgjMzWFx7iJ8Hyv7FjOBGYO6eGVovjCt2c6/abG+GQAk4EBOCfg3AUtCA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@angular-devkit/core": "18.2.19",
-                "@angular-devkit/schematics": "18.2.19",
-                "jsonc-parser": "3.3.1"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            }
-        },
-        "node_modules/@schematics/angular/node_modules/@angular-devkit/core": {
-            "version": "18.2.19",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-18.2.19.tgz",
-            "integrity": "sha512-Ptf92Zomc6FCr7GWmHKdgOUbA1GpctZwH/hRcpYpU3tM56MG2t5FOFpufnE595GgolOCktabkFEoODMG8PBVDQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ajv": "8.17.1",
-                "ajv-formats": "3.0.1",
-                "jsonc-parser": "3.3.1",
-                "picomatch": "4.0.2",
-                "rxjs": "7.8.1",
-                "source-map": "0.7.4"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            },
-            "peerDependencies": {
-                "chokidar": "^3.5.2"
-            },
-            "peerDependenciesMeta": {
-                "chokidar": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@schematics/angular/node_modules/@angular-devkit/schematics": {
-            "version": "18.2.19",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-18.2.19.tgz",
-            "integrity": "sha512-P/0KjkzOf2ZShuShx3cBbjLI7XlcS6B/yCRBo1MQfCC4cZfmzPQoUEOSQeYZgy5pnC24f+dKh/+TWc5uYL/Lvg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@angular-devkit/core": "18.2.19",
-                "jsonc-parser": "3.3.1",
-                "magic-string": "0.30.11",
-                "ora": "5.4.1",
-                "rxjs": "7.8.1"
-            },
-            "engines": {
-                "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-                "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-                "yarn": ">= 1.13.0"
-            }
-        },
-        "node_modules/@schematics/angular/node_modules/rxjs": {
-            "version": "7.8.1",
-            "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
-            "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "tslib": "^2.1.0"
-            }
-        },
-        "node_modules/@sigstore/bundle": {
-            "version": "2.3.2",
-            "resolved": "https://registry.npmjs.org/@sigstore/bundle/-/bundle-2.3.2.tgz",
-            "integrity": "sha512-wueKWDk70QixNLB363yHc2D2ItTgYiMTdPwK8D9dKQMR3ZQ0c35IxP5xnwQ8cNLoCgCRcHf14kE+CLIvNX1zmA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "@sigstore/protobuf-specs": "^0.3.2"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@sigstore/core": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@sigstore/core/-/core-1.1.0.tgz",
-            "integrity": "sha512-JzBqdVIyqm2FRQCulY6nbQzMpJJpSiJ8XXWMhtOX9eKgaXXpfNOF53lzQEjIydlStnd/eFtuC1dW4VYdD93oRg==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@sigstore/protobuf-specs": {
-            "version": "0.3.3",
-            "resolved": "https://registry.npmjs.org/@sigstore/protobuf-specs/-/protobuf-specs-0.3.3.tgz",
-            "integrity": "sha512-RpacQhBlwpBWd7KEJsRKcBQalbV28fvkxwTOJIqhIuDysMMaJW47V4OqW30iJB9uRpqOSxxEAQFdr8tTattReQ==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": "^18.17.0 || >=20.5.0"
-            }
-        },
-        "node_modules/@sigstore/sign": {
-            "version": "2.3.2",
-            "resolved": "https://registry.npmjs.org/@sigstore/sign/-/sign-2.3.2.tgz",
-            "integrity": "sha512-5Vz5dPVuunIIvC5vBb0APwo7qKA4G9yM48kPWJT+OEERs40md5GoUR1yedwpekWZ4m0Hhw44m6zU+ObsON+iDA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "@sigstore/bundle": "^2.3.2",
-                "@sigstore/core": "^1.0.0",
-                "@sigstore/protobuf-specs": "^0.3.2",
-                "make-fetch-happen": "^13.0.1",
-                "proc-log": "^4.2.0",
-                "promise-retry": "^2.0.1"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@sigstore/tuf": {
-            "version": "2.3.4",
-            "resolved": "https://registry.npmjs.org/@sigstore/tuf/-/tuf-2.3.4.tgz",
-            "integrity": "sha512-44vtsveTPUpqhm9NCrbU8CWLe3Vck2HO1PNLw7RIajbB7xhtn5RBPm1VNSCMwqGYHhDsBJG8gDF0q4lgydsJvw==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "@sigstore/protobuf-specs": "^0.3.2",
-                "tuf-js": "^2.2.1"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@sigstore/verify": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/@sigstore/verify/-/verify-1.2.1.tgz",
-            "integrity": "sha512-8iKx79/F73DKbGfRf7+t4dqrc0bRr0thdPrxAtCKWRm/F0tG71i6O1rvlnScncJLLBZHn3h8M3c1BSUAb9yu8g==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "@sigstore/bundle": "^2.3.2",
-                "@sigstore/core": "^1.1.0",
-                "@sigstore/protobuf-specs": "^0.3.2"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@sinclair/typebox": {
-            "version": "0.27.8",
-            "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
-            "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@sindresorhus/base62": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/@sindresorhus/base62/-/base62-1.0.0.tgz",
-            "integrity": "sha512-TeheYy0ILzBEI/CO55CP6zJCSdSWeRtGnHy8U8dWSUH4I68iqTsy7HkMktR4xakThc9jotkPQUXT4ITdbV7cHA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@sindresorhus/merge-streams": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz",
-            "integrity": "sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/@socket.io/component-emitter": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz",
-            "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@stackblitz/sdk": {
-            "version": "1.9.0",
-            "resolved": "https://registry.npmjs.org/@stackblitz/sdk/-/sdk-1.9.0.tgz",
-            "integrity": "sha512-3m6C7f8pnR5KXys/Hqx2x6ylnpqOak6HtnZI6T5keEO0yT+E4Spkw37VEbdwuC+2oxmjdgq6YZEgiKX7hM1GmQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@storybook/addon-docs": {
-            "version": "8.6.14",
-            "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.6.14.tgz",
-            "integrity": "sha512-Obpd0OhAF99JyU5pp5ci17YmpcQtMNgqW2pTXV8jAiiipWpwO++hNDeQmLmlSXB399XjtRDOcDVkoc7rc6JzdQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@mdx-js/react": "^3.0.0",
-                "@storybook/blocks": "8.6.14",
-                "@storybook/csf-plugin": "8.6.14",
-                "@storybook/react-dom-shim": "8.6.14",
-                "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-                "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-                "ts-dedent": "^2.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/storybook"
-            },
-            "peerDependencies": {
-                "storybook": "^8.6.14"
-            }
-        },
-        "node_modules/@storybook/angular": {
-            "version": "8.6.14",
-            "resolved": "https://registry.npmjs.org/@storybook/angular/-/angular-8.6.14.tgz",
-            "integrity": "sha512-H266c6lSx+sXjXJz+D1DFNlV39lcUfTbUFb5yJ7LmsAYqAQYOzyyxkWu885OZpxhf8g5QTJkoTDu9ffZPLz01w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@storybook/builder-webpack5": "8.6.14",
-                "@storybook/components": "8.6.14",
-                "@storybook/core-webpack": "8.6.14",
-                "@storybook/global": "^5.0.0",
-                "@storybook/manager-api": "8.6.14",
-                "@storybook/preview-api": "8.6.14",
-                "@storybook/theming": "8.6.14",
-                "@types/react": "^18.0.37",
-                "@types/react-dom": "^18.0.11",
-                "@types/semver": "^7.3.4",
-                "@types/webpack-env": "^1.18.0",
-                "fd-package-json": "^1.2.0",
-                "find-up": "^5.0.0",
-                "semver": "^7.3.7",
-                "telejson": "^7.2.0",
-                "ts-dedent": "^2.0.0",
-                "tsconfig-paths-webpack-plugin": "^4.0.1",
-                "util-deprecate": "^1.0.2",
-                "webpack": "5"
-            },
-            "engines": {
-                "node": ">=18.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/storybook"
-            },
-            "peerDependencies": {
-                "@angular-devkit/architect": ">=0.1500.0 < 0.2000.0",
-                "@angular-devkit/build-angular": ">=15.0.0 < 20.0.0",
-                "@angular-devkit/core": ">=15.0.0 < 20.0.0",
-                "@angular/animations": ">=15.0.0 < 20.0.0",
-                "@angular/cli": ">=15.0.0 < 20.0.0",
-                "@angular/common": ">=15.0.0 < 20.0.0",
-                "@angular/compiler": ">=15.0.0 < 20.0.0",
-                "@angular/compiler-cli": ">=15.0.0 < 20.0.0",
-                "@angular/core": ">=15.0.0 < 20.0.0",
-                "@angular/forms": ">=15.0.0 < 20.0.0",
-                "@angular/platform-browser": ">=15.0.0 < 20.0.0",
-                "@angular/platform-browser-dynamic": ">=15.0.0 < 20.0.0",
-                "rxjs": "^6.0.0 || ^7.4.0",
-                "storybook": "^8.6.14",
-                "typescript": "^4.0.0 || ^5.0.0",
-                "zone.js": ">= 0.11.1 < 1.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@angular/animations": {
-                    "optional": true
-                },
-                "@angular/cli": {
-                    "optional": true
-                },
-                "zone.js": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@storybook/blocks": {
-            "version": "8.6.14",
-            "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.6.14.tgz",
-            "integrity": "sha512-rBMHAfA39AGHgkrDze4RmsnQTMw1ND5fGWobr9pDcJdnDKWQWNRD7Nrlxj0gFlN3n4D9lEZhWGdFrCbku7FVAQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@storybook/icons": "^1.2.12",
-                "ts-dedent": "^2.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/storybook"
-            },
-            "peerDependencies": {
-                "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-                "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-                "storybook": "^8.6.14"
-            },
-            "peerDependenciesMeta": {
-                "react": {
-                    "optional": true
-                },
-                "react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@storybook/builder-webpack5": {
-            "version": "8.6.14",
-            "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-8.6.14.tgz",
-            "integrity": "sha512-YZYAqc6NBKoMTKZpjxnkMch6zDtMkBZdS/yaji1+wJX2QPFBwTbSh7SpeBxDp1S11gXSAJ4f1btUWeqSqo8nJA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@storybook/core-webpack": "8.6.14",
-                "@types/semver": "^7.3.4",
-                "browser-assert": "^1.2.1",
-                "case-sensitive-paths-webpack-plugin": "^2.4.0",
-                "cjs-module-lexer": "^1.2.3",
-                "constants-browserify": "^1.0.0",
-                "css-loader": "^6.7.1",
-                "es-module-lexer": "^1.5.0",
-                "fork-ts-checker-webpack-plugin": "^8.0.0",
-                "html-webpack-plugin": "^5.5.0",
-                "magic-string": "^0.30.5",
-                "path-browserify": "^1.0.1",
-                "process": "^0.11.10",
-                "semver": "^7.3.7",
-                "style-loader": "^3.3.1",
-                "terser-webpack-plugin": "^5.3.1",
-                "ts-dedent": "^2.0.0",
-                "url": "^0.11.0",
-                "util": "^0.12.4",
-                "util-deprecate": "^1.0.2",
-                "webpack": "5",
-                "webpack-dev-middleware": "^6.1.2",
-                "webpack-hot-middleware": "^2.25.1",
-                "webpack-virtual-modules": "^0.6.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/storybook"
-            },
-            "peerDependencies": {
-                "storybook": "^8.6.14"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@storybook/builder-webpack5/node_modules/css-loader": {
-            "version": "6.11.0",
-            "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.11.0.tgz",
-            "integrity": "sha512-CTJ+AEQJjq5NzLga5pE39qdiSV56F8ywCIsqNIRF0r7BDgWsN25aazToqAFg7ZrtA/U016xudB3ffgweORxX7g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "icss-utils": "^5.1.0",
-                "postcss": "^8.4.33",
-                "postcss-modules-extract-imports": "^3.1.0",
-                "postcss-modules-local-by-default": "^4.0.5",
-                "postcss-modules-scope": "^3.2.0",
-                "postcss-modules-values": "^4.0.0",
-                "postcss-value-parser": "^4.2.0",
-                "semver": "^7.5.4"
-            },
-            "engines": {
-                "node": ">= 12.13.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            },
-            "peerDependencies": {
-                "@rspack/core": "0.x || 1.x",
-                "webpack": "^5.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@rspack/core": {
-                    "optional": true
-                },
-                "webpack": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@storybook/builder-webpack5/node_modules/webpack-dev-middleware": {
-            "version": "6.1.3",
-            "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-6.1.3.tgz",
-            "integrity": "sha512-A4ChP0Qj8oGociTs6UdlRUGANIGrCDL3y+pmQMc+dSsraXHCatFpmMey4mYELA+juqwUqwQsUgJJISXl1KWmiw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "colorette": "^2.0.10",
-                "memfs": "^3.4.12",
-                "mime-types": "^2.1.31",
-                "range-parser": "^1.2.1",
-                "schema-utils": "^4.0.0"
-            },
-            "engines": {
-                "node": ">= 14.15.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            },
-            "peerDependencies": {
-                "webpack": "^5.0.0"
-            },
-            "peerDependenciesMeta": {
-                "webpack": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@storybook/components": {
-            "version": "8.6.14",
-            "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.6.14.tgz",
-            "integrity": "sha512-HNR2mC5I4Z5ek8kTrVZlIY/B8gJGs5b3XdZPBPBopTIN6U/YHXiDyOjY3JlaS4fSG1fVhp/Qp1TpMn1w/9m1pw==",
-            "dev": true,
-            "license": "MIT",
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/storybook"
-            },
-            "peerDependencies": {
-                "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
-            }
-        },
-        "node_modules/@storybook/core": {
-            "version": "8.6.14",
-            "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.6.14.tgz",
-            "integrity": "sha512-1P/w4FSNRqP8j3JQBOi3yGt8PVOgSRbP66Ok520T78eJBeqx9ukCfl912PQZ7SPbW3TIunBwLXMZOjZwBB/JmA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@storybook/theming": "8.6.14",
-                "better-opn": "^3.0.2",
-                "browser-assert": "^1.2.1",
-                "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0",
-                "esbuild-register": "^3.5.0",
-                "jsdoc-type-pratt-parser": "^4.0.0",
-                "process": "^0.11.10",
-                "recast": "^0.23.5",
-                "semver": "^7.6.2",
-                "util": "^0.12.5",
-                "ws": "^8.2.3"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/storybook"
-            },
-            "peerDependencies": {
-                "prettier": "^2 || ^3"
-            },
-            "peerDependenciesMeta": {
-                "prettier": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@storybook/core-webpack": {
-            "version": "8.6.14",
-            "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-8.6.14.tgz",
-            "integrity": "sha512-iG7r8osNKabSGBbuJuSeMWKbU+ilt5PvzTYkClcYaagla/DliXkXvfywA6jOugVk/Cpx+c6tVKlPfjLcaQHwmw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ts-dedent": "^2.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/storybook"
-            },
-            "peerDependencies": {
-                "storybook": "^8.6.14"
-            }
-        },
-        "node_modules/@storybook/core/node_modules/jsdoc-type-pratt-parser": {
-            "version": "4.8.0",
-            "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.8.0.tgz",
-            "integrity": "sha512-iZ8Bdb84lWRuGHamRXFyML07r21pcwBrLkHEuHgEY5UbCouBwv7ECknDRKzsQIXMiqpPymqtIf8TC/shYKB5rw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12.0.0"
-            }
-        },
-        "node_modules/@storybook/csf-plugin": {
-            "version": "8.6.14",
-            "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.6.14.tgz",
-            "integrity": "sha512-dErtc9teAuN+eelN8FojzFE635xlq9cNGGGEu0WEmMUQ4iJ8pingvBO1N8X3scz4Ry7KnxX++NNf3J3gpxS8qQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "unplugin": "^1.3.1"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/storybook"
-            },
-            "peerDependencies": {
-                "storybook": "^8.6.14"
-            }
-        },
-        "node_modules/@storybook/global": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz",
-            "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@storybook/icons": {
-            "version": "1.6.0",
-            "resolved": "https://registry.npmjs.org/@storybook/icons/-/icons-1.6.0.tgz",
-            "integrity": "sha512-hcFZIjW8yQz8O8//2WTIXylm5Xsgc+lW9ISLgUk1xGmptIJQRdlhVIXCpSyLrQaaRiyhQRaVg7l3BD9S216BHw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=14.0.0"
-            },
-            "peerDependencies": {
-                "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
-                "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta"
-            }
-        },
-        "node_modules/@storybook/manager-api": {
-            "version": "8.6.14",
-            "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.6.14.tgz",
-            "integrity": "sha512-ez0Zihuy17udLbfHZQXkGqwtep0mSGgHcNzGN7iZrMP1m+VmNo+7aGCJJdvXi7+iU3yq8weXSQFWg5DqWgLS7g==",
-            "dev": true,
-            "license": "MIT",
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/storybook"
-            },
-            "peerDependencies": {
-                "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
-            }
-        },
-        "node_modules/@storybook/preview-api": {
-            "version": "8.6.14",
-            "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.6.14.tgz",
-            "integrity": "sha512-2GhcCd4dNMrnD7eooEfvbfL4I83qAqEyO0CO7JQAmIO6Rxb9BsOLLI/GD5HkvQB73ArTJ+PT50rfaO820IExOQ==",
-            "dev": true,
-            "license": "MIT",
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/storybook"
-            },
-            "peerDependencies": {
-                "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
-            }
-        },
-        "node_modules/@storybook/react-dom-shim": {
-            "version": "8.6.14",
-            "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.6.14.tgz",
-            "integrity": "sha512-0hixr3dOy3f3M+HBofp3jtMQMS+sqzjKNgl7Arfuj3fvjmyXOks/yGjDImySR4imPtEllvPZfhiQNlejheaInw==",
-            "dev": true,
-            "license": "MIT",
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/storybook"
-            },
-            "peerDependencies": {
-                "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
-                "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
-                "storybook": "^8.6.14"
-            }
-        },
-        "node_modules/@storybook/theming": {
-            "version": "8.6.14",
-            "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.6.14.tgz",
-            "integrity": "sha512-r4y+LsiB37V5hzpQo+BM10PaCsp7YlZ0YcZzQP1OCkPlYXmUAFy2VvDKaFRpD8IeNPKug2u4iFm/laDEbs03dg==",
-            "dev": true,
-            "license": "MIT",
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/storybook"
-            },
-            "peerDependencies": {
-                "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
-            }
-        },
-        "node_modules/@tabler/icons": {
-            "version": "3.35.0",
-            "resolved": "https://registry.npmjs.org/@tabler/icons/-/icons-3.35.0.tgz",
-            "integrity": "sha512-yYXe+gJ56xlZFiXwV9zVoe3FWCGuZ/D7/G4ZIlDtGxSx5CGQK110wrnT29gUj52kEZoxqF7oURTk97GQxELOFQ==",
-            "dev": true,
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/codecalm"
-            }
-        },
-        "node_modules/@tabler/icons-webfont": {
-            "version": "3.35.0",
-            "resolved": "https://registry.npmjs.org/@tabler/icons-webfont/-/icons-webfont-3.35.0.tgz",
-            "integrity": "sha512-PRnv+lgj2Va6S1nTVcZoYDWZPXUaVNromQ9uxn0B1CbBOjqKXAzC/8yLc8XOXD2fH2DWT2XNw1XaNtlNpc0/Tw==",
-            "dev": true,
-            "dependencies": {
-                "@tabler/icons": "3.35.0",
-                "sharp": "^0.33.5"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/codecalm"
-            }
-        },
-        "node_modules/@thednp/event-listener": {
-            "version": "2.0.10",
-            "resolved": "https://registry.npmjs.org/@thednp/event-listener/-/event-listener-2.0.10.tgz",
-            "integrity": "sha512-TH7YVKmoKg6GBLqZB+ETXObofcqJ/Tp5ycheolvYZMjLbMpzYf6MmOWTcBtx8+zrhWy8deV0hYkPvDFioDXdVQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=16",
-                "pnpm": ">=8.6.0"
-            }
-        },
-        "node_modules/@thednp/position-observer": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@thednp/position-observer/-/position-observer-1.1.0.tgz",
-            "integrity": "sha512-WgldP6Dltp2hJkSwp3+IVu05ClK/2IF33iftiQLb7UHcuO6eydjXiIUeOCClgCy3FDCGau2l/LRVg3oOO3Ytcg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@thednp/shorty": "^2.0.11"
-            },
-            "engines": {
-                "node": ">=16",
-                "pnpm": ">=8.6.0"
-            }
-        },
-        "node_modules/@thednp/shorty": {
-            "version": "2.0.11",
-            "resolved": "https://registry.npmjs.org/@thednp/shorty/-/shorty-2.0.11.tgz",
-            "integrity": "sha512-D+rLHt1l7c608yCuzXYJ75aDNWeMVbor+m1HO/XibhiWRbCpD8r6TUv3ayJI+feVfCnBNfrH+p6LSDn9l99uBA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=16",
-                "pnpm": ">=8.6.0"
-            }
-        },
-        "node_modules/@ts-morph/common": {
-            "version": "0.28.1",
-            "resolved": "https://registry.npmjs.org/@ts-morph/common/-/common-0.28.1.tgz",
-            "integrity": "sha512-W74iWf7ILp1ZKNYXY5qbddNaml7e9Sedv5lvU1V8lftlitkc9Pq1A+jlH23ltDgWYeZFFEqGCD1Ies9hqu3O+g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "minimatch": "^10.0.1",
-                "path-browserify": "^1.0.1",
-                "tinyglobby": "^0.2.14"
-            }
-        },
-        "node_modules/@ts-morph/common/node_modules/minimatch": {
-            "version": "10.1.1",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.1.1.tgz",
-            "integrity": "sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==",
-            "dev": true,
-            "license": "BlueOak-1.0.0",
-            "dependencies": {
-                "@isaacs/brace-expansion": "^5.0.0"
-            },
-            "engines": {
-                "node": "20 || >=22"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/@tsconfig/node10": {
-            "version": "1.0.11",
-            "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.11.tgz",
-            "integrity": "sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@tsconfig/node12": {
-            "version": "1.0.11",
-            "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
-            "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@tsconfig/node14": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
-            "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@tsconfig/node16": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
-            "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@tufjs/canonical-json": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/@tufjs/canonical-json/-/canonical-json-2.0.0.tgz",
-            "integrity": "sha512-yVtV8zsdo8qFHe+/3kw81dSLyF7D576A5cCFCi4X7B39tWT7SekaEFUnvnWJHz+9qO7qJTah1JbrDjWKqFtdWA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@tufjs/models": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/@tufjs/models/-/models-2.0.1.tgz",
-            "integrity": "sha512-92F7/SFyufn4DXsha9+QfKnN03JGqtMFMXgSHbZOo8JG59WkTni7UzAouNQDf7AuP9OAMxVOPQcqG3sB7w+kkg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@tufjs/canonical-json": "2.0.0",
-                "minimatch": "^9.0.4"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/@tufjs/models/node_modules/minimatch": {
-            "version": "9.0.5",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-            "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/@tybys/wasm-util": {
-            "version": "0.9.0",
-            "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.9.0.tgz",
-            "integrity": "sha512-6+7nlbMVX/PVDCwaIQ8nTOPveOcFLSt8GcXdx8hD0bt39uWxYT88uXzqTd4fTvqta7oeUJqudepapKNt2DYJFw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tslib": "^2.4.0"
-            }
-        },
-        "node_modules/@types/body-parser": {
-            "version": "1.19.6",
-            "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.6.tgz",
-            "integrity": "sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/connect": "*",
-                "@types/node": "*"
-            }
-        },
-        "node_modules/@types/bonjour": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.13.tgz",
-            "integrity": "sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/node": "*"
-            }
-        },
-        "node_modules/@types/connect": {
-            "version": "3.4.38",
-            "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
-            "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/node": "*"
-            }
-        },
-        "node_modules/@types/connect-history-api-fallback": {
-            "version": "1.5.4",
-            "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz",
-            "integrity": "sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/express-serve-static-core": "*",
-                "@types/node": "*"
-            }
-        },
-        "node_modules/@types/cors": {
-            "version": "2.8.19",
-            "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.19.tgz",
-            "integrity": "sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/node": "*"
-            }
-        },
-        "node_modules/@types/estree": {
-            "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
-            "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/express": {
-            "version": "4.17.25",
-            "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.25.tgz",
-            "integrity": "sha512-dVd04UKsfpINUnK0yBoYHDF3xu7xVH4BuDotC/xGuycx4CgbP48X/KF/586bcObxT0HENHXEU8Nqtu6NR+eKhw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/body-parser": "*",
-                "@types/express-serve-static-core": "^4.17.33",
-                "@types/qs": "*",
-                "@types/serve-static": "^1"
-            }
-        },
-        "node_modules/@types/express-serve-static-core": {
-            "version": "4.19.7",
-            "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.7.tgz",
-            "integrity": "sha512-FvPtiIf1LfhzsaIXhv/PHan/2FeQBbtBDtfX2QfvPxdUelMDEckK08SM6nqo1MIZY3RUlfA+HV8+hFUSio78qg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/node": "*",
-                "@types/qs": "*",
-                "@types/range-parser": "*",
-                "@types/send": "*"
-            }
-        },
-        "node_modules/@types/hammerjs": {
-            "version": "2.0.46",
-            "resolved": "https://registry.npmjs.org/@types/hammerjs/-/hammerjs-2.0.46.tgz",
-            "integrity": "sha512-ynRvcq6wvqexJ9brDMS4BnBLzmr0e14d6ZJTEShTBWKymQiHwlAyGu0ZPEFI2Fh1U53F7tN9ufClWM5KvqkKOw==",
-            "dev": true,
-            "license": "MIT",
-            "peer": true
-        },
-        "node_modules/@types/html-minifier-terser": {
-            "version": "6.1.0",
-            "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
-            "integrity": "sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/http-errors": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.5.tgz",
-            "integrity": "sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/http-proxy": {
-            "version": "1.17.17",
-            "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.17.tgz",
-            "integrity": "sha512-ED6LB+Z1AVylNTu7hdzuBqOgMnvG/ld6wGCG8wFnAzKX5uyW2K3WD52v0gnLCTK/VLpXtKckgWuyScYK6cSPaw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/node": "*"
-            }
-        },
-        "node_modules/@types/istanbul-lib-coverage": {
-            "version": "2.0.6",
-            "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
-            "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/istanbul-lib-report": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz",
-            "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/istanbul-lib-coverage": "*"
-            }
-        },
-        "node_modules/@types/istanbul-reports": {
-            "version": "3.0.4",
-            "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-            "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/istanbul-lib-report": "*"
-            }
-        },
-        "node_modules/@types/jasmine": {
-            "version": "4.3.6",
-            "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-4.3.6.tgz",
-            "integrity": "sha512-3N0FpQTeiWjm+Oo1WUYWguUS7E6JLceiGTriFrG8k5PU7zRLJCzLcWURU3wjMbZGS//a2/LgjsnO3QxIlwxt9g==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/jest": {
-            "version": "29.5.14",
-            "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.14.tgz",
-            "integrity": "sha512-ZN+4sdnLUbo8EVvVc2ao0GFW6oVrQRPn4K2lglySj7APvSrgzxHiNNK99us4WDMi57xxA2yggblIAMNhXOotLQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "expect": "^29.0.0",
-                "pretty-format": "^29.0.0"
-            }
-        },
-        "node_modules/@types/json-schema": {
-            "version": "7.0.15",
-            "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-            "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/json5": {
-            "version": "0.0.29",
-            "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-            "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/mdx": {
-            "version": "2.0.13",
-            "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.13.tgz",
-            "integrity": "sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/mime": {
-            "version": "1.3.5",
-            "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
-            "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/mute-stream": {
-            "version": "0.0.4",
-            "resolved": "https://registry.npmjs.org/@types/mute-stream/-/mute-stream-0.0.4.tgz",
-            "integrity": "sha512-CPM9nzrCPPJHQNA9keH9CVkVI+WR5kMa+7XEs5jcGQ0VoAGnLv242w8lIVgwAEfmE4oufJRaTc9PNLQl0ioAow==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/node": "*"
-            }
-        },
-        "node_modules/@types/node": {
-            "version": "16.18.126",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.126.tgz",
-            "integrity": "sha512-OTcgaiwfGFBKacvfwuHzzn1KLxH/er8mluiy8/uM3sGXHaRe73RrSIj01jow9t4kJEW633Ov+cOexXeiApTyAw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/node-forge": {
-            "version": "1.3.14",
-            "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.14.tgz",
-            "integrity": "sha512-mhVF2BnD4BO+jtOp7z1CdzaK4mbuK0LLQYAvdOLqHTavxFNq4zA1EmYkpnFjP8HOUzedfQkRnp0E2ulSAYSzAw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/node": "*"
-            }
-        },
-        "node_modules/@types/parse-json": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
-            "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/prop-types": {
-            "version": "15.7.15",
-            "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
-            "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/qs": {
-            "version": "6.14.0",
-            "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.14.0.tgz",
-            "integrity": "sha512-eOunJqu0K1923aExK6y8p6fsihYEn/BYuQ4g0CxAAgFc4b/ZLN4CrsRZ55srTdqoiLzU2B2evC+apEIxprEzkQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/raf": {
-            "version": "3.4.3",
-            "resolved": "https://registry.npmjs.org/@types/raf/-/raf-3.4.3.tgz",
-            "integrity": "sha512-c4YAvMedbPZ5tEyxzQdMoOhhJ4RD3rngZIdwC2/qDN3d7JpEhB6fiBRKVY1lg5B7Wk+uPBjn5f39j1/2MY1oOw==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true
-        },
-        "node_modules/@types/range-parser": {
-            "version": "1.2.7",
-            "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
-            "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/react": {
-            "version": "18.3.26",
-            "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.26.tgz",
-            "integrity": "sha512-RFA/bURkcKzx/X9oumPG9Vp3D3JUgus/d0b67KB0t5S/raciymilkOa66olh78MUI92QLbEJevO7rvqU/kjwKA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/prop-types": "*",
-                "csstype": "^3.0.2"
-            }
-        },
-        "node_modules/@types/react-dom": {
-            "version": "18.3.7",
-            "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
-            "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
-            "dev": true,
-            "license": "MIT",
-            "peerDependencies": {
-                "@types/react": "^18.0.0"
-            }
-        },
-        "node_modules/@types/resize-observer-browser": {
-            "version": "0.1.11",
-            "resolved": "https://registry.npmjs.org/@types/resize-observer-browser/-/resize-observer-browser-0.1.11.tgz",
-            "integrity": "sha512-cNw5iH8JkMkb3QkCoe7DaZiawbDQEUX8t7iuQaRTyLOyQCR2h+ibBD4GJt7p5yhUHrlOeL7ZtbxNHeipqNsBzQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/resolve": {
-            "version": "1.20.2",
-            "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
-            "integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/retry": {
-            "version": "0.12.2",
-            "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.2.tgz",
-            "integrity": "sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/semver": {
-            "version": "7.7.1",
-            "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.7.1.tgz",
-            "integrity": "sha512-FmgJfu+MOcQ370SD0ev7EI8TlCAfKYU+B4m5T3yXc1CiRN94g/SZPtsCkk506aUDtlMnFZvasDwHHUcZUEaYuA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/send": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/@types/send/-/send-1.2.1.tgz",
-            "integrity": "sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/node": "*"
-            }
-        },
-        "node_modules/@types/serve-index": {
-            "version": "1.9.4",
-            "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.4.tgz",
-            "integrity": "sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/express": "*"
-            }
-        },
-        "node_modules/@types/serve-static": {
-            "version": "1.15.10",
-            "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.10.tgz",
-            "integrity": "sha512-tRs1dB+g8Itk72rlSI2ZrW6vZg0YrLI81iQSTkMmOqnqCaNr/8Ek4VwWcN5vZgCYWbg/JJSGBlUaYGAOP73qBw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/http-errors": "*",
-                "@types/node": "*",
-                "@types/send": "<1"
-            }
-        },
-        "node_modules/@types/serve-static/node_modules/@types/send": {
-            "version": "0.17.6",
-            "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.6.tgz",
-            "integrity": "sha512-Uqt8rPBE8SY0RK8JB1EzVOIZ32uqy8HwdxCnoCOsYrvnswqmFZ/k+9Ikidlk/ImhsdvBsloHbAlewb2IEBV/Og==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/mime": "^1",
-                "@types/node": "*"
-            }
-        },
-        "node_modules/@types/sockjs": {
-            "version": "0.3.36",
-            "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.36.tgz",
-            "integrity": "sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/node": "*"
-            }
-        },
-        "node_modules/@types/stack-utils": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
-            "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/webpack-env": {
-            "version": "1.18.8",
-            "resolved": "https://registry.npmjs.org/@types/webpack-env/-/webpack-env-1.18.8.tgz",
-            "integrity": "sha512-G9eAoJRMLjcvN4I08wB5I7YofOb/kaJNd5uoCMX+LbKXTPCF+ZIHuqTnFaK9Jz1rgs035f9JUPUhNFtqgucy/A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/wrap-ansi": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/@types/wrap-ansi/-/wrap-ansi-3.0.0.tgz",
-            "integrity": "sha512-ltIpx+kM7g/MLRZfkbL7EsCEjfzCcScLpkg37eXEtx5kmrAKBkTJwd1GIAjDSL8wTpM6Hzn5YO4pSb91BEwu1g==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/ws": {
-            "version": "8.18.1",
-            "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
-            "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/node": "*"
-            }
-        },
-        "node_modules/@types/yargs": {
-            "version": "17.0.34",
-            "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.34.tgz",
-            "integrity": "sha512-KExbHVa92aJpw9WDQvzBaGVE2/Pz+pLZQloT2hjL8IqsZnV62rlPOYvNnLmf/L2dyllfVUOVBj64M0z/46eR2A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/yargs-parser": "*"
-            }
-        },
-        "node_modules/@types/yargs-parser": {
-            "version": "21.0.3",
-            "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz",
-            "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@typescript-eslint/eslint-plugin": {
-            "version": "7.18.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.18.0.tgz",
-            "integrity": "sha512-94EQTWZ40mzBc42ATNIBimBEDltSJ9RQHCC8vc/PDbxi4k8dVwUAv4o98dk50M1zB+JGFxp43FP7f8+FP8R6Sw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@eslint-community/regexpp": "^4.10.0",
-                "@typescript-eslint/scope-manager": "7.18.0",
-                "@typescript-eslint/type-utils": "7.18.0",
-                "@typescript-eslint/utils": "7.18.0",
-                "@typescript-eslint/visitor-keys": "7.18.0",
-                "graphemer": "^1.4.0",
-                "ignore": "^5.3.1",
-                "natural-compare": "^1.4.0",
-                "ts-api-utils": "^1.3.0"
-            },
-            "engines": {
-                "node": "^18.18.0 || >=20.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependencies": {
-                "@typescript-eslint/parser": "^7.0.0",
-                "eslint": "^8.56.0"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/utils": {
-            "version": "7.18.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.18.0.tgz",
-            "integrity": "sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@eslint-community/eslint-utils": "^4.4.0",
-                "@typescript-eslint/scope-manager": "7.18.0",
-                "@typescript-eslint/types": "7.18.0",
-                "@typescript-eslint/typescript-estree": "7.18.0"
-            },
-            "engines": {
-                "node": "^18.18.0 || >=20.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependencies": {
-                "eslint": "^8.56.0"
-            }
-        },
-        "node_modules/@typescript-eslint/parser": {
-            "version": "7.18.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.18.0.tgz",
-            "integrity": "sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "peer": true,
-            "dependencies": {
-                "@typescript-eslint/scope-manager": "7.18.0",
-                "@typescript-eslint/types": "7.18.0",
-                "@typescript-eslint/typescript-estree": "7.18.0",
-                "@typescript-eslint/visitor-keys": "7.18.0",
-                "debug": "^4.3.4"
-            },
-            "engines": {
-                "node": "^18.18.0 || >=20.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependencies": {
-                "eslint": "^8.56.0"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@typescript-eslint/scope-manager": {
-            "version": "7.18.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.18.0.tgz",
-            "integrity": "sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@typescript-eslint/types": "7.18.0",
-                "@typescript-eslint/visitor-keys": "7.18.0"
-            },
-            "engines": {
-                "node": "^18.18.0 || >=20.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            }
-        },
-        "node_modules/@typescript-eslint/type-utils": {
-            "version": "7.18.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.18.0.tgz",
-            "integrity": "sha512-XL0FJXuCLaDuX2sYqZUUSOJ2sG5/i1AAze+axqmLnSkNEVMVYLF+cbwlB2w8D1tinFuSikHmFta+P+HOofrLeA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@typescript-eslint/typescript-estree": "7.18.0",
-                "@typescript-eslint/utils": "7.18.0",
-                "debug": "^4.3.4",
-                "ts-api-utils": "^1.3.0"
-            },
-            "engines": {
-                "node": "^18.18.0 || >=20.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependencies": {
-                "eslint": "^8.56.0"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/utils": {
-            "version": "7.18.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.18.0.tgz",
-            "integrity": "sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@eslint-community/eslint-utils": "^4.4.0",
-                "@typescript-eslint/scope-manager": "7.18.0",
-                "@typescript-eslint/types": "7.18.0",
-                "@typescript-eslint/typescript-estree": "7.18.0"
-            },
-            "engines": {
-                "node": "^18.18.0 || >=20.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependencies": {
-                "eslint": "^8.56.0"
-            }
-        },
-        "node_modules/@typescript-eslint/types": {
-            "version": "7.18.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.18.0.tgz",
-            "integrity": "sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^18.18.0 || >=20.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            }
-        },
-        "node_modules/@typescript-eslint/typescript-estree": {
-            "version": "7.18.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.18.0.tgz",
-            "integrity": "sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "@typescript-eslint/types": "7.18.0",
-                "@typescript-eslint/visitor-keys": "7.18.0",
-                "debug": "^4.3.4",
-                "globby": "^11.1.0",
-                "is-glob": "^4.0.3",
-                "minimatch": "^9.0.4",
-                "semver": "^7.6.0",
-                "ts-api-utils": "^1.3.0"
-            },
-            "engines": {
-                "node": "^18.18.0 || >=20.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
-            "version": "9.0.5",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-            "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/@typescript-eslint/utils": {
-            "version": "8.0.0-alpha.20",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.0.0-alpha.20.tgz",
-            "integrity": "sha512-0aMhjDTvIrkGkHqyM0ZByAwR8BV1f2HhKdYyjtxko8S/Ca4PGjOIjub6VoF+bQwCRxEuV8viNUld78rqm9jqLA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@eslint-community/eslint-utils": "^4.4.0",
-                "@typescript-eslint/scope-manager": "8.0.0-alpha.20",
-                "@typescript-eslint/types": "8.0.0-alpha.20",
-                "@typescript-eslint/typescript-estree": "8.0.0-alpha.20"
-            },
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependencies": {
-                "eslint": "^8.57.0 || ^9.0.0"
-            }
-        },
-        "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/scope-manager": {
-            "version": "8.0.0-alpha.20",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.0.0-alpha.20.tgz",
-            "integrity": "sha512-+Ncj0Q6DT8ZHYNp8h5RndW4Siv52kiPpHEz/i8Sj2rh2y8ZCc5pKSHSslk+eZi0Bdj+/+swNOmDNcL2CrlaEnA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@typescript-eslint/types": "8.0.0-alpha.20",
-                "@typescript-eslint/visitor-keys": "8.0.0-alpha.20"
-            },
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            }
-        },
-        "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/types": {
-            "version": "8.0.0-alpha.20",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.0.0-alpha.20.tgz",
-            "integrity": "sha512-xpU1rMQfnnNZxpHN6YUfr18sGOMcpC9hvt54fupcU6N1qMCagEtkRt1U15x086oJAgAITJGa67454ffAoCxv/w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            }
-        },
-        "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/typescript-estree": {
-            "version": "8.0.0-alpha.20",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.0.0-alpha.20.tgz",
-            "integrity": "sha512-VQ8Mf8upDCuf0uMTjX/Pdw3gvCZomkG43nuThUuzhK3YFwFmIDTqx0ZWSsYJkVGfll0WrXgIua+rKSP/n6NBWw==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "@typescript-eslint/types": "8.0.0-alpha.20",
-                "@typescript-eslint/visitor-keys": "8.0.0-alpha.20",
-                "debug": "^4.3.4",
-                "globby": "^11.1.0",
-                "is-glob": "^4.0.3",
-                "minimatch": "^9.0.4",
-                "semver": "^7.6.0",
-                "ts-api-utils": "^1.3.0"
-            },
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/visitor-keys": {
-            "version": "8.0.0-alpha.20",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.0.0-alpha.20.tgz",
-            "integrity": "sha512-ej06rfct0kalfJgIR8nTR7dF1mgfF83hkylrYas7IAElHfgw4zx99BUGa6VrnHZ1PkxdJBp5PgcO2FmmlOoaRQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@typescript-eslint/types": "8.0.0-alpha.20",
-                "eslint-visitor-keys": "^3.4.3"
-            },
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            }
-        },
-        "node_modules/@typescript-eslint/utils/node_modules/minimatch": {
-            "version": "9.0.5",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-            "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/@typescript-eslint/visitor-keys": {
-            "version": "7.18.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.18.0.tgz",
-            "integrity": "sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@typescript-eslint/types": "7.18.0",
-                "eslint-visitor-keys": "^3.4.3"
-            },
-            "engines": {
-                "node": "^18.18.0 || >=20.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            }
-        },
-        "node_modules/@ungap/structured-clone": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
-            "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/@webassemblyjs/ast": {
-            "version": "1.14.1",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
-            "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@webassemblyjs/helper-numbers": "1.13.2",
-                "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
-            }
-        },
-        "node_modules/@webassemblyjs/floating-point-hex-parser": {
-            "version": "1.13.2",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
-            "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@webassemblyjs/helper-api-error": {
-            "version": "1.13.2",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
-            "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@webassemblyjs/helper-buffer": {
-            "version": "1.14.1",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
-            "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@webassemblyjs/helper-numbers": {
-            "version": "1.13.2",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
-            "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@webassemblyjs/floating-point-hex-parser": "1.13.2",
-                "@webassemblyjs/helper-api-error": "1.13.2",
-                "@xtuc/long": "4.2.2"
-            }
-        },
-        "node_modules/@webassemblyjs/helper-wasm-bytecode": {
-            "version": "1.13.2",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
-            "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@webassemblyjs/helper-wasm-section": {
-            "version": "1.14.1",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
-            "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@webassemblyjs/ast": "1.14.1",
-                "@webassemblyjs/helper-buffer": "1.14.1",
-                "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
-                "@webassemblyjs/wasm-gen": "1.14.1"
-            }
-        },
-        "node_modules/@webassemblyjs/ieee754": {
-            "version": "1.13.2",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz",
-            "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@xtuc/ieee754": "^1.2.0"
-            }
-        },
-        "node_modules/@webassemblyjs/leb128": {
-            "version": "1.13.2",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz",
-            "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "@xtuc/long": "4.2.2"
-            }
-        },
-        "node_modules/@webassemblyjs/utf8": {
-            "version": "1.13.2",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
-            "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@webassemblyjs/wasm-edit": {
-            "version": "1.14.1",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz",
-            "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@webassemblyjs/ast": "1.14.1",
-                "@webassemblyjs/helper-buffer": "1.14.1",
-                "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
-                "@webassemblyjs/helper-wasm-section": "1.14.1",
-                "@webassemblyjs/wasm-gen": "1.14.1",
-                "@webassemblyjs/wasm-opt": "1.14.1",
-                "@webassemblyjs/wasm-parser": "1.14.1",
-                "@webassemblyjs/wast-printer": "1.14.1"
-            }
-        },
-        "node_modules/@webassemblyjs/wasm-gen": {
-            "version": "1.14.1",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz",
-            "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@webassemblyjs/ast": "1.14.1",
-                "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
-                "@webassemblyjs/ieee754": "1.13.2",
-                "@webassemblyjs/leb128": "1.13.2",
-                "@webassemblyjs/utf8": "1.13.2"
-            }
-        },
-        "node_modules/@webassemblyjs/wasm-opt": {
-            "version": "1.14.1",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz",
-            "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@webassemblyjs/ast": "1.14.1",
-                "@webassemblyjs/helper-buffer": "1.14.1",
-                "@webassemblyjs/wasm-gen": "1.14.1",
-                "@webassemblyjs/wasm-parser": "1.14.1"
-            }
-        },
-        "node_modules/@webassemblyjs/wasm-parser": {
-            "version": "1.14.1",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz",
-            "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@webassemblyjs/ast": "1.14.1",
-                "@webassemblyjs/helper-api-error": "1.13.2",
-                "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
-                "@webassemblyjs/ieee754": "1.13.2",
-                "@webassemblyjs/leb128": "1.13.2",
-                "@webassemblyjs/utf8": "1.13.2"
-            }
-        },
-        "node_modules/@webassemblyjs/wast-printer": {
-            "version": "1.14.1",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz",
-            "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@webassemblyjs/ast": "1.14.1",
-                "@xtuc/long": "4.2.2"
-            }
-        },
-        "node_modules/@xtuc/ieee754": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
-            "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
-            "dev": true,
-            "license": "BSD-3-Clause"
-        },
-        "node_modules/@xtuc/long": {
-            "version": "4.2.2",
-            "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
-            "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
-            "dev": true,
-            "license": "Apache-2.0"
-        },
-        "node_modules/@yarnpkg/lockfile": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz",
-            "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==",
-            "dev": true,
-            "license": "BSD-2-Clause"
-        },
-        "node_modules/@yarnpkg/parsers": {
-            "version": "3.0.0-rc.46",
-            "resolved": "https://registry.npmjs.org/@yarnpkg/parsers/-/parsers-3.0.0-rc.46.tgz",
-            "integrity": "sha512-aiATs7pSutzda/rq8fnuPwTglyVwjM22bNnK2ZgjrpAjQHSSl3lztd2f9evst1W/qnC58DRz7T7QndUDumAR4Q==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "js-yaml": "^3.10.0",
-                "tslib": "^2.4.0"
-            },
-            "engines": {
-                "node": ">=14.15.0"
-            }
-        },
-        "node_modules/@yarnpkg/parsers/node_modules/argparse": {
-            "version": "1.0.10",
-            "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-            "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "sprintf-js": "~1.0.2"
-            }
-        },
-        "node_modules/@yarnpkg/parsers/node_modules/js-yaml": {
-            "version": "3.14.1",
-            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-            "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "argparse": "^1.0.7",
-                "esprima": "^4.0.0"
-            },
-            "bin": {
-                "js-yaml": "bin/js-yaml.js"
-            }
-        },
-        "node_modules/@yarnpkg/parsers/node_modules/sprintf-js": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-            "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-            "dev": true,
-            "license": "BSD-3-Clause"
-        },
-        "node_modules/@zkochan/js-yaml": {
-            "version": "0.0.7",
-            "resolved": "https://registry.npmjs.org/@zkochan/js-yaml/-/js-yaml-0.0.7.tgz",
-            "integrity": "sha512-nrUSn7hzt7J6JWgWGz78ZYI8wj+gdIJdk0Ynjpp8l+trkn58Uqsf6RYrYkEK+3X18EX+TNdtJI0WxAtc+L84SQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "argparse": "^2.0.1"
-            },
-            "bin": {
-                "js-yaml": "bin/js-yaml.js"
-            }
-        },
-        "node_modules/@zxing/text-encoding": {
-            "version": "0.9.0",
-            "resolved": "https://registry.npmjs.org/@zxing/text-encoding/-/text-encoding-0.9.0.tgz",
-            "integrity": "sha512-U/4aVJ2mxI0aDNI8Uq0wEhMgY+u4CNtEb0om3+y3+niDAsoTCOB33UF0sxpzqzdqXLqmvc+vZyAt4O8pPdfkwA==",
-            "dev": true,
-            "license": "(Unlicense OR Apache-2.0)",
-            "optional": true
-        },
-        "node_modules/abbrev": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz",
-            "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/accepts": {
-            "version": "1.3.8",
-            "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
-            "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "mime-types": "~2.1.34",
-                "negotiator": "0.6.3"
-            },
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/acorn": {
-            "version": "8.15.0",
-            "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
-            "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "acorn": "bin/acorn"
-            },
-            "engines": {
-                "node": ">=0.4.0"
-            }
-        },
-        "node_modules/acorn-import-attributes": {
-            "version": "1.9.5",
-            "resolved": "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz",
-            "integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==",
-            "dev": true,
-            "license": "MIT",
-            "peerDependencies": {
-                "acorn": "^8"
-            }
-        },
-        "node_modules/acorn-jsx": {
-            "version": "5.3.2",
-            "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-            "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-            "dev": true,
-            "license": "MIT",
-            "peerDependencies": {
-                "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-            }
-        },
-        "node_modules/acorn-walk": {
-            "version": "8.3.4",
-            "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.4.tgz",
-            "integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "acorn": "^8.11.0"
-            },
-            "engines": {
-                "node": ">=0.4.0"
-            }
-        },
-        "node_modules/adjust-sourcemap-loader": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz",
-            "integrity": "sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "loader-utils": "^2.0.0",
-                "regex-parser": "^2.2.11"
-            },
-            "engines": {
-                "node": ">=8.9"
-            }
-        },
-        "node_modules/adjust-sourcemap-loader/node_modules/loader-utils": {
-            "version": "2.0.4",
-            "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
-            "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "big.js": "^5.2.2",
-                "emojis-list": "^3.0.0",
-                "json5": "^2.1.2"
-            },
-            "engines": {
-                "node": ">=8.9.0"
-            }
-        },
-        "node_modules/adler-32": {
-            "version": "1.3.1",
-            "resolved": "https://registry.npmjs.org/adler-32/-/adler-32-1.3.1.tgz",
-            "integrity": "sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=0.8"
-            }
-        },
-        "node_modules/agent-base": {
-            "version": "7.1.4",
-            "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
-            "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 14"
-            }
-        },
-        "node_modules/aggregate-error": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-4.0.1.tgz",
-            "integrity": "sha512-0poP0T7el6Vq3rstR8Mn4V/IQrpBLO6POkUSrN7RhyY+GF/InCFShQzsQ39T25gkHhLgSLByyAz+Kjb+c2L98w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "clean-stack": "^4.0.0",
-                "indent-string": "^5.0.0"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/ajv": {
-            "version": "8.17.1",
-            "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-            "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "fast-deep-equal": "^3.1.3",
-                "fast-uri": "^3.0.1",
-                "json-schema-traverse": "^1.0.0",
-                "require-from-string": "^2.0.2"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/epoberezkin"
-            }
-        },
-        "node_modules/ajv-formats": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
-            "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ajv": "^8.0.0"
-            },
-            "peerDependencies": {
-                "ajv": "^8.0.0"
-            },
-            "peerDependenciesMeta": {
-                "ajv": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/ajv-keywords": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
-            "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "fast-deep-equal": "^3.1.3"
-            },
-            "peerDependencies": {
-                "ajv": "^8.8.2"
-            }
-        },
-        "node_modules/algoliasearch": {
-            "version": "5.42.0",
-            "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-5.42.0.tgz",
-            "integrity": "sha512-X5+PtWc9EJIPafT/cj8ZG+6IU3cjRRnlHGtqMHK/9gsiupQbAyYlH5y7qt/FtsAhfX5AICHffZy69ZAsVrxWkQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@algolia/abtesting": "1.8.0",
-                "@algolia/client-abtesting": "5.42.0",
-                "@algolia/client-analytics": "5.42.0",
-                "@algolia/client-common": "5.42.0",
-                "@algolia/client-insights": "5.42.0",
-                "@algolia/client-personalization": "5.42.0",
-                "@algolia/client-query-suggestions": "5.42.0",
-                "@algolia/client-search": "5.42.0",
-                "@algolia/ingestion": "1.42.0",
-                "@algolia/monitoring": "1.42.0",
-                "@algolia/recommend": "5.42.0",
-                "@algolia/requester-browser-xhr": "5.42.0",
-                "@algolia/requester-fetch": "5.42.0",
-                "@algolia/requester-node-http": "5.42.0"
-            },
-            "engines": {
-                "node": ">= 14.0.0"
-            }
-        },
-        "node_modules/ansi-colors": {
-            "version": "4.1.3",
-            "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
-            "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/ansi-cyan": {
-            "version": "0.1.1",
-            "resolved": "https://registry.npmjs.org/ansi-cyan/-/ansi-cyan-0.1.1.tgz",
-            "integrity": "sha512-eCjan3AVo/SxZ0/MyIYRtkpxIu/H3xZN7URr1vXVrISxeyz8fUFz0FJziamK4sS8I+t35y4rHg1b2PklyBe/7A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-wrap": "0.1.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/ansi-escapes": {
-            "version": "4.3.2",
-            "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
-            "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "type-fest": "^0.21.3"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/ansi-html-community": {
-            "version": "0.0.8",
-            "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz",
-            "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==",
-            "dev": true,
-            "engines": [
-                "node >= 0.8.0"
-            ],
-            "license": "Apache-2.0",
-            "bin": {
-                "ansi-html": "bin/ansi-html"
-            }
-        },
-        "node_modules/ansi-red": {
-            "version": "0.1.1",
-            "resolved": "https://registry.npmjs.org/ansi-red/-/ansi-red-0.1.1.tgz",
-            "integrity": "sha512-ewaIr5y+9CUTGFwZfpECUbFlGcC0GCw1oqR9RI6h1gQCd9Aj2GxSckCnPsVJnmfMZbwFYE+leZGASgkWl06Jow==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-wrap": "0.1.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/ansi-regex": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/ansi-sequence-parser": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/ansi-sequence-parser/-/ansi-sequence-parser-1.1.3.tgz",
-            "integrity": "sha512-+fksAx9eG3Ab6LDnLs3ZqZa8KVJ/jYnX+D4Qe1azX+LFGFAXqynCQLOdLpNYN/l9e7l6hMWwZbrnctqr6eSQSw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/ansi-styles": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "color-convert": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/ansi-wrap": {
-            "version": "0.1.0",
-            "resolved": "https://registry.npmjs.org/ansi-wrap/-/ansi-wrap-0.1.0.tgz",
-            "integrity": "sha512-ZyznvL8k/FZeQHr2T6LzcJ/+vBApDnMNZvfVFy3At0knswWd6rJ3/0Hhmpu8oqa6C92npmozs890sX9Dl6q+Qw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/any-promise": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-            "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/anymatch": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-            "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "normalize-path": "^3.0.0",
-                "picomatch": "^2.0.4"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/anymatch/node_modules/picomatch": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8.6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/jonschlinkert"
-            }
-        },
-        "node_modules/apache-crypt": {
-            "version": "1.2.6",
-            "resolved": "https://registry.npmjs.org/apache-crypt/-/apache-crypt-1.2.6.tgz",
-            "integrity": "sha512-072WetlM4blL8PREJVeY+WHiUh1R5VNt2HfceGS8aKqttPHcmqE5pkKuXPz/ULmJOFkc8Hw3kfKl6vy7Qka6DA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "unix-crypt-td-js": "^1.1.4"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/apache-md5": {
-            "version": "1.1.8",
-            "resolved": "https://registry.npmjs.org/apache-md5/-/apache-md5-1.1.8.tgz",
-            "integrity": "sha512-FCAJojipPn0bXjuEpjOOOMN8FZDkxfWWp4JGN9mifU2IhxvKyXZYqpzPHdnTSUpmPDy+tsslB6Z1g+Vg6nVbYA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/are-docs-informative": {
-            "version": "0.0.2",
-            "resolved": "https://registry.npmjs.org/are-docs-informative/-/are-docs-informative-0.0.2.tgz",
-            "integrity": "sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=14"
-            }
-        },
-        "node_modules/arg": {
-            "version": "5.0.2",
-            "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-            "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/argparse": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-            "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-            "dev": true,
-            "license": "Python-2.0"
-        },
-        "node_modules/aria-query": {
-            "version": "5.3.0",
-            "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
-            "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "dequal": "^2.0.3"
-            }
-        },
-        "node_modules/arr-diff": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz",
-            "integrity": "sha512-OQwDZUqYaQwyyhDJHThmzId8daf4/RFNLaeh3AevmSeZ5Y7ug4Ga/yKc6l6kTZOBW781rCj103ZuTh8GAsB3+Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "arr-flatten": "^1.0.1",
-                "array-slice": "^0.2.3"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/arr-diff/node_modules/array-slice": {
-            "version": "0.2.3",
-            "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz",
-            "integrity": "sha512-rlVfZW/1Ph2SNySXwR9QYkChp8EkOEiTMO5Vwx60usw04i4nWemkm9RXmQqgkQFaLHsqLuADvjp6IfgL9l2M8Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/arr-flatten": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz",
-            "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/arr-union": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-2.1.0.tgz",
-            "integrity": "sha512-t5db90jq+qdgk8aFnxEkjqta0B/GHrM1pxzuuZz2zWsOXc5nKu3t+76s/PQBA8FTcM/ipspIH9jWG4OxCBc2eA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/array-buffer-byte-length": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
-            "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.3",
-                "is-array-buffer": "^3.0.5"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/array-each": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/array-each/-/array-each-1.0.1.tgz",
-            "integrity": "sha512-zHjL5SZa68hkKHBFBK6DJCTtr9sfTCPCaph/L7tMSLcTFgy+zX7E+6q5UArbtOtMBCtxdICpfTCspRse+ywyXA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/array-flatten": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
-            "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/array-includes": {
-            "version": "3.1.9",
-            "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
-            "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.8",
-                "call-bound": "^1.0.4",
-                "define-properties": "^1.2.1",
-                "es-abstract": "^1.24.0",
-                "es-object-atoms": "^1.1.1",
-                "get-intrinsic": "^1.3.0",
-                "is-string": "^1.1.1",
-                "math-intrinsics": "^1.1.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/array-slice": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-1.1.0.tgz",
-            "integrity": "sha512-B1qMD3RBP7O8o0H2KbrXDyB0IccejMF15+87Lvlor12ONPRHP6gTjXMNkt/d3ZuOGbAe66hFmaCfECI24Ufp6w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/array-union": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-            "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/array.prototype.findlastindex": {
-            "version": "1.2.6",
-            "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz",
-            "integrity": "sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.8",
-                "call-bound": "^1.0.4",
-                "define-properties": "^1.2.1",
-                "es-abstract": "^1.23.9",
-                "es-errors": "^1.3.0",
-                "es-object-atoms": "^1.1.1",
-                "es-shim-unscopables": "^1.1.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/array.prototype.flat": {
-            "version": "1.3.3",
-            "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
-            "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.8",
-                "define-properties": "^1.2.1",
-                "es-abstract": "^1.23.5",
-                "es-shim-unscopables": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/array.prototype.flatmap": {
-            "version": "1.3.3",
-            "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
-            "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.8",
-                "define-properties": "^1.2.1",
-                "es-abstract": "^1.23.5",
-                "es-shim-unscopables": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/arraybuffer.prototype.slice": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
-            "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "array-buffer-byte-length": "^1.0.1",
-                "call-bind": "^1.0.8",
-                "define-properties": "^1.2.1",
-                "es-abstract": "^1.23.5",
-                "es-errors": "^1.3.0",
-                "get-intrinsic": "^1.2.6",
-                "is-array-buffer": "^3.0.4"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/assign-symbols": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
-            "integrity": "sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/ast-types": {
-            "version": "0.16.1",
-            "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.16.1.tgz",
-            "integrity": "sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tslib": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/async": {
-            "version": "3.2.6",
-            "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
-            "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/async-done": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/async-done/-/async-done-2.0.0.tgz",
-            "integrity": "sha512-j0s3bzYq9yKIVLKGE/tWlCpa3PfFLcrDZLTSVdnnCTGagXuXBJO4SsY9Xdk/fQBirCkH4evW5xOeJXqlAQFdsw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "end-of-stream": "^1.4.4",
-                "once": "^1.4.0",
-                "stream-exhaust": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/async-function": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
-            "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/async-settle": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/async-settle/-/async-settle-2.0.0.tgz",
-            "integrity": "sha512-Obu/KE8FurfQRN6ODdHN9LuXqwC+JFIM9NRyZqJJ4ZfLJmIYN9Rg0/kb+wF70VV5+fJusTMQlJ1t5rF7J/ETdg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "async-done": "^2.0.0"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/asynckit": {
-            "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/atob": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
-            "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
-            "dev": true,
-            "license": "(MIT OR Apache-2.0)",
-            "bin": {
-                "atob": "bin/atob.js"
-            },
-            "engines": {
-                "node": ">= 4.5.0"
-            }
-        },
-        "node_modules/autoprefixer": {
-            "version": "10.4.21",
-            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.21.tgz",
-            "integrity": "sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/autoprefixer"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "browserslist": "^4.24.4",
-                "caniuse-lite": "^1.0.30001702",
-                "fraction.js": "^4.3.7",
-                "normalize-range": "^0.1.2",
-                "picocolors": "^1.1.1",
-                "postcss-value-parser": "^4.2.0"
-            },
-            "bin": {
-                "autoprefixer": "bin/autoprefixer"
-            },
-            "engines": {
-                "node": "^10 || ^12 || >=14"
-            },
-            "peerDependencies": {
-                "postcss": "^8.1.0"
-            }
-        },
-        "node_modules/available-typed-arrays": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
-            "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "possible-typed-array-names": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/axios": {
-            "version": "1.13.1",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.1.tgz",
-            "integrity": "sha512-hU4EGxxt+j7TQijx1oYdAjw4xuIp1wRQSsbMFwSthCWeBQur1eF+qJ5iQ5sN3Tw8YRzQNKb8jszgBdMDVqwJcw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "follow-redirects": "^1.15.6",
-                "form-data": "^4.0.4",
-                "proxy-from-env": "^1.1.0"
-            }
-        },
-        "node_modules/axobject-query": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.0.0.tgz",
-            "integrity": "sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "dequal": "^2.0.3"
-            }
-        },
-        "node_modules/babel-loader": {
-            "version": "9.1.3",
-            "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.3.tgz",
-            "integrity": "sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "find-cache-dir": "^4.0.0",
-                "schema-utils": "^4.0.0"
-            },
-            "engines": {
-                "node": ">= 14.15.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.12.0",
-                "webpack": ">=5"
-            }
-        },
-        "node_modules/babel-plugin-polyfill-corejs2": {
-            "version": "0.4.14",
-            "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.14.tgz",
-            "integrity": "sha512-Co2Y9wX854ts6U8gAAPXfn0GmAyctHuK8n0Yhfjd6t30g7yvKjspvvOo9yG+z52PZRgFErt7Ka2pYnXCjLKEpg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/compat-data": "^7.27.7",
-                "@babel/helper-define-polyfill-provider": "^0.6.5",
-                "semver": "^6.3.1"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-            }
-        },
-        "node_modules/babel-plugin-polyfill-corejs2/node_modules/semver": {
-            "version": "6.3.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/babel-plugin-polyfill-corejs3": {
-            "version": "0.11.1",
-            "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.11.1.tgz",
-            "integrity": "sha512-yGCqvBT4rwMczo28xkH/noxJ6MZ4nJfkVYdoDaC/utLtWrXxv27HVrzAeSbqR8SxDsp46n0YF47EbHoixy6rXQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-define-polyfill-provider": "^0.6.3",
-                "core-js-compat": "^3.40.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-            }
-        },
-        "node_modules/babel-plugin-polyfill-regenerator": {
-            "version": "0.6.5",
-            "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.5.tgz",
-            "integrity": "sha512-ISqQ2frbiNU9vIJkzg7dlPpznPZ4jOiUQ1uSmB0fEHeowtN3COYRsXr/xexn64NpU13P06jc/L5TgiJXOgrbEg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-define-polyfill-provider": "^0.6.5"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-            }
-        },
-        "node_modules/bach": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/bach/-/bach-2.0.1.tgz",
-            "integrity": "sha512-A7bvGMGiTOxGMpNupYl9HQTf0FFDNF4VCmks4PJpFyN1AX2pdKuxuwdvUz2Hu388wcgp+OvGFNsumBfFNkR7eg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "async-done": "^2.0.0",
-                "async-settle": "^2.0.0",
-                "now-and-later": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/balanced-match": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/bare-events": {
-            "version": "2.8.1",
-            "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.8.1.tgz",
-            "integrity": "sha512-oxSAxTS1hRfnyit2CL5QpAOS5ixfBjj6ex3yTNvXyY/kE719jQ/IjuESJBK2w5v4wwQRAHGseVJXx9QBYOtFGQ==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "peerDependencies": {
-                "bare-abort-controller": "*"
-            },
-            "peerDependenciesMeta": {
-                "bare-abort-controller": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/base64-arraybuffer": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
-            "integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "engines": {
-                "node": ">= 0.6.0"
-            }
-        },
-        "node_modules/base64-js": {
-            "version": "1.5.1",
-            "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-            "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ],
-            "license": "MIT"
-        },
-        "node_modules/base64id": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz",
-            "integrity": "sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^4.5.0 || >= 5.9"
-            }
-        },
-        "node_modules/baseline-browser-mapping": {
-            "version": "2.8.23",
-            "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.23.tgz",
-            "integrity": "sha512-616V5YX4bepJFzNyOfce5Fa8fDJMfoxzOIzDCZwaGL8MKVpFrXqfNUoIpRn9YMI5pXf/VKgzjB4htFMsFKKdiQ==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "bin": {
-                "baseline-browser-mapping": "dist/cli.js"
-            }
-        },
-        "node_modules/basic-auth": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
-            "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "safe-buffer": "5.1.2"
-            },
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/basic-auth/node_modules/safe-buffer": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-            "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/batch": {
-            "version": "0.6.1",
-            "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
-            "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/bcryptjs": {
-            "version": "2.4.3",
-            "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-2.4.3.tgz",
-            "integrity": "sha512-V/Hy/X9Vt7f3BbPJEi8BdVFMByHi+jNXrYkW3huaybV/kQ0KJg0Y6PkEMbn+zeT+i+SiKZ/HMqJGIIt4LZDqNQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/better-opn": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/better-opn/-/better-opn-3.0.2.tgz",
-            "integrity": "sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "open": "^8.0.4"
-            },
-            "engines": {
-                "node": ">=12.0.0"
-            }
-        },
-        "node_modules/better-opn/node_modules/define-lazy-prop": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
-            "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/better-opn/node_modules/is-docker": {
-            "version": "2.2.1",
-            "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
-            "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "is-docker": "cli.js"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/better-opn/node_modules/is-wsl": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
-            "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-docker": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/better-opn/node_modules/open": {
-            "version": "8.4.2",
-            "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
-            "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "define-lazy-prop": "^2.0.0",
-                "is-docker": "^2.1.1",
-                "is-wsl": "^2.2.0"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/big.js": {
-            "version": "5.2.2",
-            "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
-            "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/binary-extensions": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
-            "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/bl": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
-            "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "buffer": "^5.5.0",
-                "inherits": "^2.0.4",
-                "readable-stream": "^3.4.0"
-            }
-        },
-        "node_modules/block-stream2": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/block-stream2/-/block-stream2-2.1.0.tgz",
-            "integrity": "sha512-suhjmLI57Ewpmq00qaygS8UgEq2ly2PCItenIyhMqVjo4t4pGzqMvfgJuX8iWTeSDdfSSqS6j38fL4ToNL7Pfg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "readable-stream": "^3.4.0"
-            }
-        },
-        "node_modules/body-parser": {
-            "version": "1.20.3",
-            "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
-            "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "bytes": "3.1.2",
-                "content-type": "~1.0.5",
-                "debug": "2.6.9",
-                "depd": "2.0.0",
-                "destroy": "1.2.0",
-                "http-errors": "2.0.0",
-                "iconv-lite": "0.4.24",
-                "on-finished": "2.4.1",
-                "qs": "6.13.0",
-                "raw-body": "2.5.2",
-                "type-is": "~1.6.18",
-                "unpipe": "1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.8",
-                "npm": "1.2.8000 || >= 1.4.16"
-            }
-        },
-        "node_modules/body-parser/node_modules/debug": {
-            "version": "2.6.9",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-            "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ms": "2.0.0"
-            }
-        },
-        "node_modules/body-parser/node_modules/ms": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-            "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/bonjour-service": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.3.0.tgz",
-            "integrity": "sha512-3YuAUiSkWykd+2Azjgyxei8OWf8thdn8AITIog2M4UICzoqfjlqr64WIjEXZllf/W6vK1goqleSR6brGomxQqA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "fast-deep-equal": "^3.1.3",
-                "multicast-dns": "^7.2.5"
-            }
-        },
-        "node_modules/boolbase": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-            "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/bootstrap.native": {
-            "version": "5.1.6",
-            "resolved": "https://registry.npmjs.org/bootstrap.native/-/bootstrap.native-5.1.6.tgz",
-            "integrity": "sha512-bLveDBWhNLoFLsPctVo6yxSRQ1ysmKHBa+1FFMTQuruzTb3y7/InGSoe5lZdOiqZ4L0UOzpdbXMsI+bA5DoRew==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@thednp/event-listener": "^2.0.10",
-                "@thednp/position-observer": "^1.1.0",
-                "@thednp/shorty": "^2.0.11"
-            },
-            "engines": {
-                "node": ">=16",
-                "pnpm": ">=8.6.0"
-            }
-        },
-        "node_modules/brace-expansion": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-            "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "balanced-match": "^1.0.0"
-            }
-        },
-        "node_modules/braces": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-            "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "fill-range": "^7.1.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/browser-assert": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/browser-assert/-/browser-assert-1.2.1.tgz",
-            "integrity": "sha512-nfulgvOR6S4gt9UKCeGJOuSGBPGiFT6oQ/2UBnvTY/5aQ1PnksW72fhZkM30DzoRRv2WpwZf1vHHEr3mtuXIWQ==",
-            "dev": true
-        },
-        "node_modules/browser-or-node": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/browser-or-node/-/browser-or-node-2.1.1.tgz",
-            "integrity": "sha512-8CVjaLJGuSKMVTxJ2DpBl5XnlNDiT4cQFeuCJJrvJmts9YrTZDizTX7PjC2s6W4x+MBGZeEY6dGMrF04/6Hgqg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/browserslist": {
-            "version": "4.27.0",
-            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.27.0.tgz",
-            "integrity": "sha512-AXVQwdhot1eqLihwasPElhX2tAZiBjWdJ9i/Zcj2S6QYIjkx62OKSfnobkriB81C3l4w0rVy3Nt4jaTBltYEpw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/browserslist"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/browserslist"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "baseline-browser-mapping": "^2.8.19",
-                "caniuse-lite": "^1.0.30001751",
-                "electron-to-chromium": "^1.5.238",
-                "node-releases": "^2.0.26",
-                "update-browserslist-db": "^1.1.4"
-            },
-            "bin": {
-                "browserslist": "cli.js"
-            },
-            "engines": {
-                "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-            }
-        },
-        "node_modules/btoa": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/btoa/-/btoa-1.2.1.tgz",
-            "integrity": "sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==",
-            "dev": true,
-            "license": "(MIT OR Apache-2.0)",
-            "bin": {
-                "btoa": "bin/btoa.js"
-            },
-            "engines": {
-                "node": ">= 0.4.0"
-            }
-        },
-        "node_modules/buffer": {
-            "version": "5.7.1",
-            "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
-            "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "base64-js": "^1.3.1",
-                "ieee754": "^1.1.13"
-            }
-        },
-        "node_modules/buffer-crc32": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-1.0.0.tgz",
-            "integrity": "sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8.0.0"
-            }
-        },
-        "node_modules/buffer-from": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-            "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/bundle-name": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/bundle-name/-/bundle-name-4.1.0.tgz",
-            "integrity": "sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "run-applescript": "^7.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/bytes": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
-            "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/cacache": {
-            "version": "18.0.4",
-            "resolved": "https://registry.npmjs.org/cacache/-/cacache-18.0.4.tgz",
-            "integrity": "sha512-B+L5iIa9mgcjLbliir2th36yEwPftrzteHYujzsx3dFP/31GCHcIeS8f5MGd80odLOjaOvSpU3EEAmRQptkxLQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "@npmcli/fs": "^3.1.0",
-                "fs-minipass": "^3.0.0",
-                "glob": "^10.2.2",
-                "lru-cache": "^10.0.1",
-                "minipass": "^7.0.3",
-                "minipass-collect": "^2.0.1",
-                "minipass-flush": "^1.0.5",
-                "minipass-pipeline": "^1.2.4",
-                "p-map": "^4.0.0",
-                "ssri": "^10.0.0",
-                "tar": "^6.1.11",
-                "unique-filename": "^3.0.0"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/cacache/node_modules/aggregate-error": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
-            "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "clean-stack": "^2.0.0",
-                "indent-string": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/cacache/node_modules/clean-stack": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
-            "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/cacache/node_modules/indent-string": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-            "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/cacache/node_modules/lru-cache": {
-            "version": "10.4.3",
-            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-            "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/cacache/node_modules/p-map": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
-            "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "aggregate-error": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/call-bind": {
-            "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
-            "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind-apply-helpers": "^1.0.0",
-                "es-define-property": "^1.0.0",
-                "get-intrinsic": "^1.2.4",
-                "set-function-length": "^1.2.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/call-bind-apply-helpers": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
-            "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "es-errors": "^1.3.0",
-                "function-bind": "^1.1.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/call-bound": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
-            "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind-apply-helpers": "^1.0.2",
-                "get-intrinsic": "^1.3.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/callsite": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/callsite/-/callsite-1.0.0.tgz",
-            "integrity": "sha512-0vdNRFXn5q+dtOqjfFtmtlI9N2eVZ7LMyEV2iKC5mEEFvSg/69Ml6b/WU2qF8W1nLRa0wiSrDT3Y5jOHZCwKPQ==",
-            "dev": true,
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/callsites": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-            "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/camel-case": {
-            "version": "4.1.2",
-            "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
-            "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "pascal-case": "^3.1.2",
-                "tslib": "^2.0.3"
-            }
-        },
-        "node_modules/camelcase-css": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-            "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/caniuse-lite": {
-            "version": "1.0.30001753",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001753.tgz",
-            "integrity": "sha512-Bj5H35MD/ebaOV4iDLqPEtiliTN29qkGtEHCwawWn4cYm+bPJM2NsaP30vtZcnERClMzp52J4+aw2UNbK4o+zw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/browserslist"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "license": "CC-BY-4.0"
-        },
-        "node_modules/canvg": {
-            "version": "3.0.11",
-            "resolved": "https://registry.npmjs.org/canvg/-/canvg-3.0.11.tgz",
-            "integrity": "sha512-5ON+q7jCTgMp9cjpu4Jo6XbvfYwSB2Ow3kzHKfIyJfaCAOHLbdKPQqGKgfED/R5B+3TFFfe8pegYA+b423SRyA==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "@babel/runtime": "^7.12.5",
-                "@types/raf": "^3.4.0",
-                "core-js": "^3.8.3",
-                "raf": "^3.4.1",
-                "regenerator-runtime": "^0.13.7",
-                "rgbcolor": "^1.0.1",
-                "stackblur-canvas": "^2.0.0",
-                "svg-pathdata": "^6.0.3"
-            },
-            "engines": {
-                "node": ">=10.0.0"
-            }
-        },
-        "node_modules/canvg/node_modules/regenerator-runtime": {
-            "version": "0.13.11",
-            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
-            "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true
-        },
-        "node_modules/case-sensitive-paths-webpack-plugin": {
-            "version": "2.4.0",
-            "resolved": "https://registry.npmjs.org/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz",
-            "integrity": "sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/cfb": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/cfb/-/cfb-1.2.2.tgz",
-            "integrity": "sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "adler-32": "~1.3.0",
-                "crc-32": "~1.2.0"
-            },
-            "engines": {
-                "node": ">=0.8"
-            }
-        },
-        "node_modules/chalk": {
-            "version": "4.1.2",
-            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^4.1.0",
-                "supports-color": "^7.1.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/chalk?sponsor=1"
-            }
-        },
-        "node_modules/chardet": {
-            "version": "0.7.0",
-            "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
-            "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/chart.js": {
-            "version": "4.4.2",
-            "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.2.tgz",
-            "integrity": "sha512-6GD7iKwFpP5kbSD4MeRRRlTnQvxfQREy36uEtm1hzHzcOqwWx0YEHuspuoNlslu+nciLIB7fjjsHkUv/FzFcOg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@kurkle/color": "^0.3.0"
-            },
-            "engines": {
-                "pnpm": ">=8"
-            }
-        },
-        "node_modules/cheerio-select": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/cheerio-select/-/cheerio-select-2.1.0.tgz",
-            "integrity": "sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "boolbase": "^1.0.0",
-                "css-select": "^5.1.0",
-                "css-what": "^6.1.0",
-                "domelementtype": "^2.3.0",
-                "domhandler": "^5.0.3",
-                "domutils": "^3.0.1"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/fb55"
-            }
-        },
-        "node_modules/chokidar": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-            "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "anymatch": "~3.1.2",
-                "braces": "~3.0.2",
-                "glob-parent": "~5.1.2",
-                "is-binary-path": "~2.1.0",
-                "is-glob": "~4.0.1",
-                "normalize-path": "~3.0.0",
-                "readdirp": "~3.6.0"
-            },
-            "engines": {
-                "node": ">= 8.10.0"
-            },
-            "funding": {
-                "url": "https://paulmillr.com/funding/"
-            },
-            "optionalDependencies": {
-                "fsevents": "~2.3.2"
-            }
-        },
-        "node_modules/chokidar/node_modules/glob-parent": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "is-glob": "^4.0.1"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/chownr": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
-            "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/chrome-trace-event": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz",
-            "integrity": "sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6.0"
-            }
-        },
-        "node_modules/ci-info": {
-            "version": "3.9.0",
-            "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
-            "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/sibiraj-s"
-                }
-            ],
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/cjs-module-lexer": {
-            "version": "1.4.3",
-            "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.4.3.tgz",
-            "integrity": "sha512-9z8TZaGM1pfswYeXrUpzPrkx8UnWYdhJclsiYMm6x/w5+nN+8Tf/LnAgfLGQCm59qAOxU8WwHEq2vNwF6i4j+Q==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/clean-css": {
-            "version": "5.3.3",
-            "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.3.tgz",
-            "integrity": "sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "source-map": "~0.6.0"
-            },
-            "engines": {
-                "node": ">= 10.0"
-            }
-        },
-        "node_modules/clean-css/node_modules/source-map": {
-            "version": "0.6.1",
-            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/clean-stack": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-4.2.0.tgz",
-            "integrity": "sha512-LYv6XPxoyODi36Dp976riBtSY27VmFo+MKqEU9QCCWyTrdEPDog+RWA7xQWHi6Vbp61j5c4cdzzX1NidnwtUWg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "escape-string-regexp": "5.0.0"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/clean-stack/node_modules/escape-string-regexp": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
-            "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/cli-cursor": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-5.0.0.tgz",
-            "integrity": "sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "restore-cursor": "^5.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/cli-spinners": {
-            "version": "2.6.1",
-            "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.6.1.tgz",
-            "integrity": "sha512-x/5fWmGMnbKQAaNwN+UZlV79qBLM9JFnJuJ03gIi5whrob0xV0ofNVHy9DhwGdsMJQc2OKv0oGmLzvaqvAVv+g==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/cli-truncate": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-4.0.0.tgz",
-            "integrity": "sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "slice-ansi": "^5.0.0",
-                "string-width": "^7.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/cli-truncate/node_modules/ansi-regex": {
-            "version": "6.2.2",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-            "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-            }
-        },
-        "node_modules/cli-truncate/node_modules/emoji-regex": {
-            "version": "10.6.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
-            "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/cli-truncate/node_modules/string-width": {
-            "version": "7.2.0",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
-            "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "emoji-regex": "^10.3.0",
-                "get-east-asian-width": "^1.0.0",
-                "strip-ansi": "^7.1.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/cli-truncate/node_modules/strip-ansi": {
-            "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
-            "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-            }
-        },
-        "node_modules/cli-width": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-4.1.0.tgz",
-            "integrity": "sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">= 12"
-            }
-        },
-        "node_modules/cliui": {
-            "version": "8.0.1",
-            "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
-            "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "string-width": "^4.2.0",
-                "strip-ansi": "^6.0.1",
-                "wrap-ansi": "^7.0.0"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/cliui/node_modules/wrap-ansi": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^4.0.0",
-                "string-width": "^4.1.0",
-                "strip-ansi": "^6.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/clone": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
-            "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.8"
-            }
-        },
-        "node_modules/clone-buffer": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/clone-buffer/-/clone-buffer-1.0.0.tgz",
-            "integrity": "sha512-KLLTJWrvwIP+OPfMn0x2PheDEP20RPUcGXj/ERegTgdmPEZylALQldygiqrPPu8P45uNuPs7ckmReLY6v/iA5g==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.10"
-            }
-        },
-        "node_modules/clone-deep": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
-            "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-plain-object": "^2.0.4",
-                "kind-of": "^6.0.2",
-                "shallow-clone": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/clone-deep/node_modules/is-plain-object": {
-            "version": "2.0.4",
-            "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
-            "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "isobject": "^3.0.1"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/clone-stats": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz",
-            "integrity": "sha512-au6ydSpg6nsrigcZ4m8Bc9hxjeW+GJ8xh5G3BJCMt4WXe1H10UNaVOamqQTmrx1kjVuxAHIQSNU6hY4Nsn9/ag==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/cloneable-readable": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/cloneable-readable/-/cloneable-readable-1.1.3.tgz",
-            "integrity": "sha512-2EF8zTQOxYq70Y4XKtorQupqF0m49MBz2/yf5Bj+MHjvpG3Hy7sImifnqD6UA+TKYxeSV+u6qqQPawN5UvnpKQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "inherits": "^2.0.1",
-                "process-nextick-args": "^2.0.0",
-                "readable-stream": "^2.3.5"
-            }
-        },
-        "node_modules/cloneable-readable/node_modules/isarray": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-            "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/cloneable-readable/node_modules/readable-stream": {
-            "version": "2.3.8",
-            "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-            "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "core-util-is": "~1.0.0",
-                "inherits": "~2.0.3",
-                "isarray": "~1.0.0",
-                "process-nextick-args": "~2.0.0",
-                "safe-buffer": "~5.1.1",
-                "string_decoder": "~1.1.1",
-                "util-deprecate": "~1.0.1"
-            }
-        },
-        "node_modules/cloneable-readable/node_modules/safe-buffer": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-            "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/cloneable-readable/node_modules/string_decoder": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-            "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "safe-buffer": "~5.1.0"
-            }
-        },
-        "node_modules/code-block-writer": {
-            "version": "13.0.3",
-            "resolved": "https://registry.npmjs.org/code-block-writer/-/code-block-writer-13.0.3.tgz",
-            "integrity": "sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/codelyzer": {
-            "version": "0.0.28",
-            "resolved": "https://registry.npmjs.org/codelyzer/-/codelyzer-0.0.28.tgz",
-            "integrity": "sha512-DfrZrFWP4MnowANXJHUL0ZMhLqAEFLjC3lJofkHZM+QAczdOvlq8CmLrvqspCXmIdyotVD0xyjUWoPGOPo4lKA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "sprintf-js": "^1.0.3"
-            },
-            "peerDependencies": {
-                "tslint": "^3.9.0"
-            }
-        },
-        "node_modules/codepage": {
-            "version": "1.15.0",
-            "resolved": "https://registry.npmjs.org/codepage/-/codepage-1.15.0.tgz",
-            "integrity": "sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=0.8"
-            }
-        },
-        "node_modules/color": {
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
-            "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "color-convert": "^2.0.1",
-                "color-string": "^1.9.0"
-            },
-            "engines": {
-                "node": ">=12.5.0"
-            }
-        },
-        "node_modules/color-convert": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "color-name": "~1.1.4"
-            },
-            "engines": {
-                "node": ">=7.0.0"
-            }
-        },
-        "node_modules/color-name": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/color-string": {
-            "version": "1.9.1",
-            "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
-            "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "color-name": "^1.0.0",
-                "simple-swizzle": "^0.2.2"
-            }
-        },
-        "node_modules/color-support": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
-            "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "color-support": "bin.js"
-            }
-        },
-        "node_modules/colorette": {
-            "version": "2.0.20",
-            "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
-            "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/colors": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
-            "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.1.90"
-            }
-        },
-        "node_modules/combined-stream": {
-            "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "delayed-stream": "~1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/commander": {
-            "version": "8.3.0",
-            "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
-            "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 12"
-            }
-        },
-        "node_modules/comment-parser": {
-            "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/comment-parser/-/comment-parser-1.4.1.tgz",
-            "integrity": "sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 12.0.0"
-            }
-        },
-        "node_modules/common-path-prefix": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz",
-            "integrity": "sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/commondir": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
-            "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/component-emitter": {
-            "version": "1.3.1",
-            "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.1.tgz",
-            "integrity": "sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==",
-            "dev": true,
-            "license": "MIT",
-            "peer": true,
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/compressible": {
-            "version": "2.0.18",
-            "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
-            "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "mime-db": ">= 1.43.0 < 2"
-            },
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/compression": {
-            "version": "1.8.1",
-            "resolved": "https://registry.npmjs.org/compression/-/compression-1.8.1.tgz",
-            "integrity": "sha512-9mAqGPHLakhCLeNyxPkK4xVo746zQ/czLH1Ky+vkitMnWfWZps8r0qXuwhwizagCRttsL4lfG4pIOvaWLpAP0w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "bytes": "3.1.2",
-                "compressible": "~2.0.18",
-                "debug": "2.6.9",
-                "negotiator": "~0.6.4",
-                "on-headers": "~1.1.0",
-                "safe-buffer": "5.2.1",
-                "vary": "~1.1.2"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/compression/node_modules/debug": {
-            "version": "2.6.9",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-            "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ms": "2.0.0"
-            }
-        },
-        "node_modules/compression/node_modules/ms": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-            "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/compression/node_modules/negotiator": {
-            "version": "0.6.4",
-            "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz",
-            "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/concat-map": {
-            "version": "0.0.1",
-            "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/concat-with-sourcemaps": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/concat-with-sourcemaps/-/concat-with-sourcemaps-1.1.0.tgz",
-            "integrity": "sha512-4gEjHJFT9e+2W/77h/DS5SGUgwDaOwprX8L/gl5+3ixnzkVJJsZWDSelmN3Oilw3LNDZjZV0yqH1hLG3k6nghg==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "source-map": "^0.6.1"
-            }
-        },
-        "node_modules/concat-with-sourcemaps/node_modules/source-map": {
-            "version": "0.6.1",
-            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/connect": {
-            "version": "3.7.0",
-            "resolved": "https://registry.npmjs.org/connect/-/connect-3.7.0.tgz",
-            "integrity": "sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "debug": "2.6.9",
-                "finalhandler": "1.1.2",
-                "parseurl": "~1.3.3",
-                "utils-merge": "1.0.1"
-            },
-            "engines": {
-                "node": ">= 0.10.0"
-            }
-        },
-        "node_modules/connect-history-api-fallback": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz",
-            "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.8"
-            }
-        },
-        "node_modules/connect/node_modules/debug": {
-            "version": "2.6.9",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-            "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ms": "2.0.0"
-            }
-        },
-        "node_modules/connect/node_modules/encodeurl": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-            "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/connect/node_modules/finalhandler": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
-            "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "debug": "2.6.9",
-                "encodeurl": "~1.0.2",
-                "escape-html": "~1.0.3",
-                "on-finished": "~2.3.0",
-                "parseurl": "~1.3.3",
-                "statuses": "~1.5.0",
-                "unpipe": "~1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/connect/node_modules/ms": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-            "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/connect/node_modules/on-finished": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
-            "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ee-first": "1.1.1"
-            },
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/connect/node_modules/statuses": {
-            "version": "1.5.0",
-            "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
-            "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/constants-browserify": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
-            "integrity": "sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/content-disposition": {
-            "version": "0.5.4",
-            "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
-            "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "safe-buffer": "5.2.1"
-            },
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/content-type": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
-            "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/convert-source-map": {
-            "version": "1.9.0",
-            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
-            "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/cookie": {
-            "version": "0.7.1",
-            "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
-            "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/cookie-signature": {
-            "version": "1.0.6",
-            "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
-            "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/copy-anything": {
-            "version": "2.0.6",
-            "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
-            "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-what": "^3.14.1"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/mesqueeb"
-            }
-        },
-        "node_modules/copy-props": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/copy-props/-/copy-props-4.0.0.tgz",
-            "integrity": "sha512-bVWtw1wQLzzKiYROtvNlbJgxgBYt2bMJpkCbKmXM3xyijvcjjWXEk5nyrrT3bgJ7ODb19ZohE2T0Y3FgNPyoTw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "each-props": "^3.0.0",
-                "is-plain-object": "^5.0.0"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/copy-webpack-plugin": {
-            "version": "12.0.2",
-            "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-12.0.2.tgz",
-            "integrity": "sha512-SNwdBeHyII+rWvee/bTnAYyO8vfVdcSTud4EIb6jcZ8inLeWucJE0DnxXQBjlQ5zlteuuvooGQy3LIyGxhvlOA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "fast-glob": "^3.3.2",
-                "glob-parent": "^6.0.1",
-                "globby": "^14.0.0",
-                "normalize-path": "^3.0.0",
-                "schema-utils": "^4.2.0",
-                "serialize-javascript": "^6.0.2"
-            },
-            "engines": {
-                "node": ">= 18.12.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            },
-            "peerDependencies": {
-                "webpack": "^5.1.0"
-            }
-        },
-        "node_modules/copy-webpack-plugin/node_modules/fast-glob": {
-            "version": "3.3.3",
-            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
-            "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@nodelib/fs.stat": "^2.0.2",
-                "@nodelib/fs.walk": "^1.2.3",
-                "glob-parent": "^5.1.2",
-                "merge2": "^1.3.0",
-                "micromatch": "^4.0.8"
-            },
-            "engines": {
-                "node": ">=8.6.0"
-            }
-        },
-        "node_modules/copy-webpack-plugin/node_modules/fast-glob/node_modules/glob-parent": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "is-glob": "^4.0.1"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/copy-webpack-plugin/node_modules/globby": {
-            "version": "14.1.0",
-            "resolved": "https://registry.npmjs.org/globby/-/globby-14.1.0.tgz",
-            "integrity": "sha512-0Ia46fDOaT7k4og1PDW4YbodWWr3scS2vAr2lTbsplOt2WkKp0vQbkI9wKis/T5LV/dqPjO3bpS/z6GTJB82LA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@sindresorhus/merge-streams": "^2.1.0",
-                "fast-glob": "^3.3.3",
-                "ignore": "^7.0.3",
-                "path-type": "^6.0.0",
-                "slash": "^5.1.0",
-                "unicorn-magic": "^0.3.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/copy-webpack-plugin/node_modules/ignore": {
-            "version": "7.0.5",
-            "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
-            "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 4"
-            }
-        },
-        "node_modules/copy-webpack-plugin/node_modules/path-type": {
-            "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/path-type/-/path-type-6.0.0.tgz",
-            "integrity": "sha512-Vj7sf++t5pBD637NSfkxpHSMfWaeig5+DKWLhcqIYx6mWQz5hdJTGDVMQiJcw1ZYkhs7AazKDGpRVji1LJCZUQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/copy-webpack-plugin/node_modules/slash": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz",
-            "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=14.16"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/copyfiles": {
-            "version": "2.4.1",
-            "resolved": "https://registry.npmjs.org/copyfiles/-/copyfiles-2.4.1.tgz",
-            "integrity": "sha512-fereAvAvxDrQDOXybk3Qu3dPbOoKoysFMWtkY3mv5BsL8//OSZVL5DCLYqgRfY5cWirgRzlC+WSrxp6Bo3eNZg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "glob": "^7.0.5",
-                "minimatch": "^3.0.3",
-                "mkdirp": "^1.0.4",
-                "noms": "0.0.0",
-                "through2": "^2.0.1",
-                "untildify": "^4.0.0",
-                "yargs": "^16.1.0"
-            },
-            "bin": {
-                "copyfiles": "copyfiles",
-                "copyup": "copyfiles"
-            }
-        },
-        "node_modules/copyfiles/node_modules/brace-expansion": {
-            "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "balanced-match": "^1.0.0",
-                "concat-map": "0.0.1"
-            }
-        },
-        "node_modules/copyfiles/node_modules/cliui": {
-            "version": "7.0.4",
-            "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
-            "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "string-width": "^4.2.0",
-                "strip-ansi": "^6.0.0",
-                "wrap-ansi": "^7.0.0"
-            }
-        },
-        "node_modules/copyfiles/node_modules/glob": {
-            "version": "7.2.3",
-            "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-            "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-            "deprecated": "Glob versions prior to v9 are no longer supported",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "fs.realpath": "^1.0.0",
-                "inflight": "^1.0.4",
-                "inherits": "2",
-                "minimatch": "^3.1.1",
-                "once": "^1.3.0",
-                "path-is-absolute": "^1.0.0"
-            },
-            "engines": {
-                "node": "*"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/copyfiles/node_modules/minimatch": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^1.1.7"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/copyfiles/node_modules/wrap-ansi": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^4.0.0",
-                "string-width": "^4.1.0",
-                "strip-ansi": "^6.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/copyfiles/node_modules/yargs": {
-            "version": "16.2.0",
-            "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
-            "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cliui": "^7.0.2",
-                "escalade": "^3.1.1",
-                "get-caller-file": "^2.0.5",
-                "require-directory": "^2.1.1",
-                "string-width": "^4.2.0",
-                "y18n": "^5.0.5",
-                "yargs-parser": "^20.2.2"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/copyfiles/node_modules/yargs-parser": {
-            "version": "20.2.9",
-            "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
-            "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/core-js": {
-            "version": "3.46.0",
-            "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.46.0.tgz",
-            "integrity": "sha512-vDMm9B0xnqqZ8uSBpZ8sNtRtOdmfShrvT6h2TuQGLs0Is+cR0DYbj/KWP6ALVNbWPpqA/qPLoOuppJN07humpA==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "optional": true,
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/core-js"
-            }
-        },
-        "node_modules/core-js-compat": {
-            "version": "3.46.0",
-            "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.46.0.tgz",
-            "integrity": "sha512-p9hObIIEENxSV8xIu+V68JjSeARg6UVMG5mR+JEUguG3sI6MsiS1njz2jHmyJDvA+8jX/sytkBHup6kxhM9law==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "browserslist": "^4.26.3"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/core-js"
-            }
-        },
-        "node_modules/core-util-is": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
-            "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/cors": {
-            "version": "2.8.5",
-            "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
-            "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "object-assign": "^4",
-                "vary": "^1"
-            },
-            "engines": {
-                "node": ">= 0.10"
-            }
-        },
-        "node_modules/cosmiconfig": {
-            "version": "7.1.0",
-            "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
-            "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/parse-json": "^4.0.0",
-                "import-fresh": "^3.2.1",
-                "parse-json": "^5.0.0",
-                "path-type": "^4.0.0",
-                "yaml": "^1.10.0"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/crc-32": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz",
-            "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "bin": {
-                "crc32": "bin/crc32.njs"
-            },
-            "engines": {
-                "node": ">=0.8"
-            }
-        },
-        "node_modules/create-require": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
-            "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/critters": {
-            "version": "0.0.24",
-            "resolved": "https://registry.npmjs.org/critters/-/critters-0.0.24.tgz",
-            "integrity": "sha512-Oyqew0FGM0wYUSNqR0L6AteO5MpMoUU0rhKRieXeiKs+PmRTxiJMyaunYB2KF6fQ3dzChXKCpbFOEJx3OQ1v/Q==",
-            "deprecated": "Ownership of Critters has moved to the Nuxt team, who will be maintaining the project going forward. If you'd like to keep using Critters, please switch to the actively-maintained fork at https://github.com/danielroe/beasties",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "chalk": "^4.1.0",
-                "css-select": "^5.1.0",
-                "dom-serializer": "^2.0.0",
-                "domhandler": "^5.0.2",
-                "htmlparser2": "^8.0.2",
-                "postcss": "^8.4.23",
-                "postcss-media-query-parser": "^0.2.3"
-            }
-        },
-        "node_modules/cross-spawn": {
-            "version": "7.0.6",
-            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-            "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "path-key": "^3.1.0",
-                "shebang-command": "^2.0.0",
-                "which": "^2.0.1"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/css-line-break": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/css-line-break/-/css-line-break-2.1.0.tgz",
-            "integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "utrie": "^1.0.2"
-            }
-        },
-        "node_modules/css-loader": {
-            "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-7.1.2.tgz",
-            "integrity": "sha512-6WvYYn7l/XEGN8Xu2vWFt9nVzrCn39vKyTEFf/ExEyoksJjjSZV/0/35XPlMbpnr6VGhZIUg5yJrL8tGfes/FA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "icss-utils": "^5.1.0",
-                "postcss": "^8.4.33",
-                "postcss-modules-extract-imports": "^3.1.0",
-                "postcss-modules-local-by-default": "^4.0.5",
-                "postcss-modules-scope": "^3.2.0",
-                "postcss-modules-values": "^4.0.0",
-                "postcss-value-parser": "^4.2.0",
-                "semver": "^7.5.4"
-            },
-            "engines": {
-                "node": ">= 18.12.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            },
-            "peerDependencies": {
-                "@rspack/core": "0.x || 1.x",
-                "webpack": "^5.27.0"
-            },
-            "peerDependenciesMeta": {
-                "@rspack/core": {
-                    "optional": true
-                },
-                "webpack": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/css-select": {
-            "version": "5.2.2",
-            "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz",
-            "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "boolbase": "^1.0.0",
-                "css-what": "^6.1.0",
-                "domhandler": "^5.0.2",
-                "domutils": "^3.0.1",
-                "nth-check": "^2.0.1"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/fb55"
-            }
-        },
-        "node_modules/css-what": {
-            "version": "6.2.2",
-            "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz",
-            "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "engines": {
-                "node": ">= 6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/fb55"
-            }
-        },
-        "node_modules/cssesc": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "cssesc": "bin/cssesc"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/csstype": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-            "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/custom-event": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/custom-event/-/custom-event-1.0.1.tgz",
-            "integrity": "sha512-GAj5FOq0Hd+RsCGVJxZuKaIDXDf3h6GQoNEjFgbLLI/trgtavwUbSnZ5pVfg27DVCaWjIohryS0JFwIJyT2cMg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/data-view-buffer": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
-            "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.3",
-                "es-errors": "^1.3.0",
-                "is-data-view": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/data-view-byte-length": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
-            "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.3",
-                "es-errors": "^1.3.0",
-                "is-data-view": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/inspect-js"
-            }
-        },
-        "node_modules/data-view-byte-offset": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
-            "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.2",
-                "es-errors": "^1.3.0",
-                "is-data-view": "^1.0.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/date-format": {
-            "version": "4.0.14",
-            "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.14.tgz",
-            "integrity": "sha512-39BOQLs9ZjKh0/patS9nrT8wc3ioX3/eA/zgbKNopnF2wCqJEoxywwwElATYvRsXdnOxA/OQeQoFZ3rFjVajhg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=4.0"
-            }
-        },
-        "node_modules/debug": {
-            "version": "4.4.3",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
-            "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ms": "^2.1.3"
-            },
-            "engines": {
-                "node": ">=6.0"
-            },
-            "peerDependenciesMeta": {
-                "supports-color": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/decache": {
-            "version": "4.6.2",
-            "resolved": "https://registry.npmjs.org/decache/-/decache-4.6.2.tgz",
-            "integrity": "sha512-2LPqkLeu8XWHU8qNCS3kcF6sCcb5zIzvWaAHYSvPfwhdd7mHuah29NssMzrTYyHN4F5oFy2ko9OBYxegtU0FEw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "callsite": "^1.0.0"
-            }
-        },
-        "node_modules/decode-uri-component": {
-            "version": "0.2.2",
-            "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
-            "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10"
-            }
-        },
-        "node_modules/deep-is": {
-            "version": "0.1.4",
-            "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-            "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/deepmerge": {
-            "version": "4.3.1",
-            "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
-            "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/default-browser": {
-            "version": "5.2.1",
-            "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.2.1.tgz",
-            "integrity": "sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "bundle-name": "^4.1.0",
-                "default-browser-id": "^5.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/default-browser-id": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-5.0.0.tgz",
-            "integrity": "sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/default-gateway": {
-            "version": "6.0.3",
-            "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-6.0.3.tgz",
-            "integrity": "sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "execa": "^5.0.0"
-            },
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/defaults": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz",
-            "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "clone": "^1.0.2"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/defaults/node_modules/clone": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
-            "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.8"
-            }
-        },
-        "node_modules/define-data-property": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
-            "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "es-define-property": "^1.0.0",
-                "es-errors": "^1.3.0",
-                "gopd": "^1.0.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/define-lazy-prop": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
-            "integrity": "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/define-properties": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
-            "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "define-data-property": "^1.0.1",
-                "has-property-descriptors": "^1.0.0",
-                "object-keys": "^1.1.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/del": {
-            "version": "7.1.0",
-            "resolved": "https://registry.npmjs.org/del/-/del-7.1.0.tgz",
-            "integrity": "sha512-v2KyNk7efxhlyHpjEvfyxaAihKKK0nWCuf6ZtqZcFFpQRG0bJ12Qsr0RpvsICMjAAZ8DOVCxrlqpxISlMHC4Kg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "globby": "^13.1.2",
-                "graceful-fs": "^4.2.10",
-                "is-glob": "^4.0.3",
-                "is-path-cwd": "^3.0.0",
-                "is-path-inside": "^4.0.0",
-                "p-map": "^5.5.0",
-                "rimraf": "^3.0.2",
-                "slash": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=14.16"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/del/node_modules/globby": {
-            "version": "13.2.2",
-            "resolved": "https://registry.npmjs.org/globby/-/globby-13.2.2.tgz",
-            "integrity": "sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "dir-glob": "^3.0.1",
-                "fast-glob": "^3.3.0",
-                "ignore": "^5.2.4",
-                "merge2": "^1.4.1",
-                "slash": "^4.0.0"
-            },
-            "engines": {
-                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/delayed-stream": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.4.0"
-            }
-        },
-        "node_modules/depd": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
-            "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/dependency-graph": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-1.0.0.tgz",
-            "integrity": "sha512-cW3gggJ28HZ/LExwxP2B++aiKxhJXMSIt9K48FOXQkm+vuG5gyatXnLsONRJdzO/7VfjDIiaOOa/bs4l464Lwg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/dequal": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
-            "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/destroy": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
-            "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.8",
-                "npm": "1.2.8000 || >= 1.4.16"
-            }
-        },
-        "node_modules/detect-file": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz",
-            "integrity": "sha512-DtCOLG98P007x7wiiOmfI0fi3eIKyWiLTGJ2MDnVi/E04lWGbf+JzrRHMm0rgIIZJGtHpKpbVgLWHrv8xXpc3Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/detect-libc": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
-            "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/detect-node": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
-            "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/di": {
-            "version": "0.0.1",
-            "resolved": "https://registry.npmjs.org/di/-/di-0.0.1.tgz",
-            "integrity": "sha512-uJaamHkagcZtHPqCIHZxnFrXlunQXgBOsZSUOWwFw31QJCAbyTBoHMW75YOTur5ZNx8pIeAKgf6GWIgaqqiLhA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/didyoumean": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-            "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-            "dev": true,
-            "license": "Apache-2.0"
-        },
-        "node_modules/diff": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
-            "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=0.3.1"
-            }
-        },
-        "node_modules/diff-sequences": {
-            "version": "29.6.3",
-            "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz",
-            "integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/dir-glob": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-            "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "path-type": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/dlv": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-            "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/dns-packet": {
-            "version": "5.6.1",
-            "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.1.tgz",
-            "integrity": "sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@leichtgewicht/ip-codec": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/doctrine": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-            "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "esutils": "^2.0.2"
-            },
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
-        "node_modules/dom-converter": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
-            "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "utila": "~0.4"
-            }
-        },
-        "node_modules/dom-serialize": {
-            "version": "2.2.1",
-            "resolved": "https://registry.npmjs.org/dom-serialize/-/dom-serialize-2.2.1.tgz",
-            "integrity": "sha512-Yra4DbvoW7/Z6LBN560ZwXMjoNOSAN2wRsKFGc4iBeso+mpIA6qj1vfdf9HpMaKAqG6wXTy+1SYEzmNpKXOSsQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "custom-event": "~1.0.0",
-                "ent": "~2.2.0",
-                "extend": "^3.0.0",
-                "void-elements": "^2.0.0"
-            }
-        },
-        "node_modules/dom-serializer": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
-            "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "domelementtype": "^2.3.0",
-                "domhandler": "^5.0.2",
-                "entities": "^4.2.0"
-            },
-            "funding": {
-                "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
-            }
-        },
-        "node_modules/domelementtype": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
-            "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/fb55"
-                }
-            ],
-            "license": "BSD-2-Clause"
-        },
-        "node_modules/domhandler": {
-            "version": "5.0.3",
-            "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
-            "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "domelementtype": "^2.3.0"
-            },
-            "engines": {
-                "node": ">= 4"
-            },
-            "funding": {
-                "url": "https://github.com/fb55/domhandler?sponsor=1"
-            }
-        },
-        "node_modules/domino": {
-            "version": "2.1.6",
-            "resolved": "https://registry.npmjs.org/domino/-/domino-2.1.6.tgz",
-            "integrity": "sha512-3VdM/SXBZX2omc9JF9nOPCtDaYQ67BGp5CoLpIQlO2KCAPETs8TcDHacF26jXadGbvUteZzRTeos2fhID5+ucQ==",
-            "dev": true,
-            "license": "BSD-2-Clause"
-        },
-        "node_modules/dompurify": {
-            "version": "2.5.8",
-            "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.5.8.tgz",
-            "integrity": "sha512-o1vSNgrmYMQObbSSvF/1brBYEQPHhV1+gsmrusO7/GXtp1T9rCS8cXFqVxK/9crT1jA6Ccv+5MTSjBNqr7Sovw==",
-            "dev": true,
-            "license": "(MPL-2.0 OR Apache-2.0)",
-            "optional": true
-        },
-        "node_modules/domutils": {
-            "version": "3.2.2",
-            "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
-            "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "dom-serializer": "^2.0.0",
-                "domelementtype": "^2.3.0",
-                "domhandler": "^5.0.3"
-            },
-            "funding": {
-                "url": "https://github.com/fb55/domutils?sponsor=1"
-            }
-        },
-        "node_modules/dot": {
-            "version": "2.0.0-beta.1",
-            "resolved": "https://registry.npmjs.org/dot/-/dot-2.0.0-beta.1.tgz",
-            "integrity": "sha512-kxM7fSnNQTXOmaeGuBSXM8O3fEsBb7XSDBllkGbRwa0lJSJTxxDE/4eSNGLKZUmlFw0f1vJ5qSV2BljrgQtgIA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/dot-case": {
-            "version": "3.0.4",
-            "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
-            "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "no-case": "^3.0.4",
-                "tslib": "^2.0.3"
-            }
-        },
-        "node_modules/dotenv": {
-            "version": "16.4.7",
-            "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.7.tgz",
-            "integrity": "sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://dotenvx.com"
-            }
-        },
-        "node_modules/dotenv-expand": {
-            "version": "11.0.7",
-            "resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-11.0.7.tgz",
-            "integrity": "sha512-zIHwmZPRshsCdpMDyVsqGmgyP0yT8GAgXUnkdAoJisxvf33k7yO6OuoKmcTGuXPWSsm8Oh88nZicRLA9Y0rUeA==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "dotenv": "^16.4.5"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://dotenvx.com"
-            }
-        },
-        "node_modules/dunder-proto": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
-            "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind-apply-helpers": "^1.0.1",
-                "es-errors": "^1.3.0",
-                "gopd": "^1.2.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/duplexer": {
-            "version": "0.1.2",
-            "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
-            "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/each-props": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/each-props/-/each-props-3.0.0.tgz",
-            "integrity": "sha512-IYf1hpuWrdzse/s/YJOrFmU15lyhSzxelNVAHTEG3DtP4QsLTWZUzcUL3HMXmKQxXpa4EIrBPpwRgj0aehdvAw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-plain-object": "^5.0.0",
-                "object.defaults": "^1.1.0"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/eastasianwidth": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-            "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/ee-first": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
-            "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/ejs": {
-            "version": "3.1.10",
-            "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
-            "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "jake": "^10.8.5"
-            },
-            "bin": {
-                "ejs": "bin/cli.js"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/electron-to-chromium": {
-            "version": "1.5.244",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.244.tgz",
-            "integrity": "sha512-OszpBN7xZX4vWMPJwB9illkN/znA8M36GQqQxi6MNy9axWxhOfJyZZJtSLQCpEFLHP2xK33BiWx9aIuIEXVCcw==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/emojis-list": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
-            "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 4"
-            }
-        },
-        "node_modules/encodeurl": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-            "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/encoding": {
-            "version": "0.1.13",
-            "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
-            "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "iconv-lite": "^0.6.2"
-            }
-        },
-        "node_modules/encoding-sniffer": {
-            "version": "0.2.1",
-            "resolved": "https://registry.npmjs.org/encoding-sniffer/-/encoding-sniffer-0.2.1.tgz",
-            "integrity": "sha512-5gvq20T6vfpekVtqrYQsSCFZ1wEg5+wW0/QaZMWkFr6BqD3NfKs0rLCx4rrVlSWJeZb5NBJgVLswK/w2MWU+Gw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "iconv-lite": "^0.6.3",
-                "whatwg-encoding": "^3.1.1"
-            },
-            "funding": {
-                "url": "https://github.com/fb55/encoding-sniffer?sponsor=1"
-            }
-        },
-        "node_modules/encoding-sniffer/node_modules/iconv-lite": {
-            "version": "0.6.3",
-            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "safer-buffer": ">= 2.1.2 < 3.0.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/encoding/node_modules/iconv-lite": {
-            "version": "0.6.3",
-            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "safer-buffer": ">= 2.1.2 < 3.0.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/end-of-stream": {
-            "version": "1.4.5",
-            "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
-            "integrity": "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "once": "^1.4.0"
-            }
-        },
-        "node_modules/engine.io": {
-            "version": "6.6.4",
-            "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.4.tgz",
-            "integrity": "sha512-ZCkIjSYNDyGn0R6ewHDtXgns/Zre/NT6Agvq1/WobF7JXgFff4SeDroKiCO3fNJreU9YG429Sc81o4w5ok/W5g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/cors": "^2.8.12",
-                "@types/node": ">=10.0.0",
-                "accepts": "~1.3.4",
-                "base64id": "2.0.0",
-                "cookie": "~0.7.2",
-                "cors": "~2.8.5",
-                "debug": "~4.3.1",
-                "engine.io-parser": "~5.2.1",
-                "ws": "~8.17.1"
-            },
-            "engines": {
-                "node": ">=10.2.0"
-            }
-        },
-        "node_modules/engine.io-parser": {
-            "version": "5.2.3",
-            "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.3.tgz",
-            "integrity": "sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10.0.0"
-            }
-        },
-        "node_modules/engine.io/node_modules/cookie": {
-            "version": "0.7.2",
-            "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
-            "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/engine.io/node_modules/debug": {
-            "version": "4.3.7",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-            "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ms": "^2.1.3"
-            },
-            "engines": {
-                "node": ">=6.0"
-            },
-            "peerDependenciesMeta": {
-                "supports-color": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/enhanced-resolve": {
-            "version": "5.18.3",
-            "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
-            "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "graceful-fs": "^4.2.4",
-                "tapable": "^2.2.0"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/enquirer": {
-            "version": "2.3.6",
-            "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
-            "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-colors": "^4.1.1"
-            },
-            "engines": {
-                "node": ">=8.6"
-            }
-        },
-        "node_modules/ent": {
-            "version": "2.2.2",
-            "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.2.tgz",
-            "integrity": "sha512-kKvD1tO6BM+oK9HzCPpUdRb4vKFQY/FPTFmurMvh6LlN68VMrdj77w8yp51/kDbpkFOS9J8w5W6zIzgM2H8/hw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.3",
-                "es-errors": "^1.3.0",
-                "punycode": "^1.4.1",
-                "safe-regex-test": "^1.1.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/entities": {
-            "version": "4.5.0",
-            "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-            "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "engines": {
-                "node": ">=0.12"
-            },
-            "funding": {
-                "url": "https://github.com/fb55/entities?sponsor=1"
-            }
-        },
-        "node_modules/env-paths": {
-            "version": "2.2.1",
-            "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
-            "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/environment": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/environment/-/environment-1.1.0.tgz",
-            "integrity": "sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/err-code": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/err-code/-/err-code-2.0.3.tgz",
-            "integrity": "sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/errno": {
-            "version": "0.1.8",
-            "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
-            "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "prr": "~1.0.1"
-            },
-            "bin": {
-                "errno": "cli.js"
-            }
-        },
-        "node_modules/error-ex": {
-            "version": "1.3.4",
-            "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
-            "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-arrayish": "^0.2.1"
-            }
-        },
-        "node_modules/es-abstract": {
-            "version": "1.24.0",
-            "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.0.tgz",
-            "integrity": "sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "array-buffer-byte-length": "^1.0.2",
-                "arraybuffer.prototype.slice": "^1.0.4",
-                "available-typed-arrays": "^1.0.7",
-                "call-bind": "^1.0.8",
-                "call-bound": "^1.0.4",
-                "data-view-buffer": "^1.0.2",
-                "data-view-byte-length": "^1.0.2",
-                "data-view-byte-offset": "^1.0.1",
-                "es-define-property": "^1.0.1",
-                "es-errors": "^1.3.0",
-                "es-object-atoms": "^1.1.1",
-                "es-set-tostringtag": "^2.1.0",
-                "es-to-primitive": "^1.3.0",
-                "function.prototype.name": "^1.1.8",
-                "get-intrinsic": "^1.3.0",
-                "get-proto": "^1.0.1",
-                "get-symbol-description": "^1.1.0",
-                "globalthis": "^1.0.4",
-                "gopd": "^1.2.0",
-                "has-property-descriptors": "^1.0.2",
-                "has-proto": "^1.2.0",
-                "has-symbols": "^1.1.0",
-                "hasown": "^2.0.2",
-                "internal-slot": "^1.1.0",
-                "is-array-buffer": "^3.0.5",
-                "is-callable": "^1.2.7",
-                "is-data-view": "^1.0.2",
-                "is-negative-zero": "^2.0.3",
-                "is-regex": "^1.2.1",
-                "is-set": "^2.0.3",
-                "is-shared-array-buffer": "^1.0.4",
-                "is-string": "^1.1.1",
-                "is-typed-array": "^1.1.15",
-                "is-weakref": "^1.1.1",
-                "math-intrinsics": "^1.1.0",
-                "object-inspect": "^1.13.4",
-                "object-keys": "^1.1.1",
-                "object.assign": "^4.1.7",
-                "own-keys": "^1.0.1",
-                "regexp.prototype.flags": "^1.5.4",
-                "safe-array-concat": "^1.1.3",
-                "safe-push-apply": "^1.0.0",
-                "safe-regex-test": "^1.1.0",
-                "set-proto": "^1.0.0",
-                "stop-iteration-iterator": "^1.1.0",
-                "string.prototype.trim": "^1.2.10",
-                "string.prototype.trimend": "^1.0.9",
-                "string.prototype.trimstart": "^1.0.8",
-                "typed-array-buffer": "^1.0.3",
-                "typed-array-byte-length": "^1.0.3",
-                "typed-array-byte-offset": "^1.0.4",
-                "typed-array-length": "^1.0.7",
-                "unbox-primitive": "^1.1.0",
-                "which-typed-array": "^1.1.19"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/es-define-property": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
-            "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/es-errors": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-            "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/es-module-lexer": {
-            "version": "1.7.0",
-            "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
-            "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/es-object-atoms": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
-            "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "es-errors": "^1.3.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/es-set-tostringtag": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
-            "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "es-errors": "^1.3.0",
-                "get-intrinsic": "^1.2.6",
-                "has-tostringtag": "^1.0.2",
-                "hasown": "^2.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/es-shim-unscopables": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
-            "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "hasown": "^2.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/es-to-primitive": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
-            "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-callable": "^1.2.7",
-                "is-date-object": "^1.0.5",
-                "is-symbol": "^1.0.4"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/es6-shim": {
-            "version": "0.35.8",
-            "resolved": "https://registry.npmjs.org/es6-shim/-/es6-shim-0.35.8.tgz",
-            "integrity": "sha512-Twf7I2v4/1tLoIXMT8HlqaBSS5H2wQTs2wx3MNYCI8K1R1/clXyCazrcVCPm/FuO9cyV8+leEaZOWD5C253NDg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/esbuild": {
-            "version": "0.23.1",
-            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.23.1.tgz",
-            "integrity": "sha512-VVNz/9Sa0bs5SELtn3f7qhJCDPCF5oMEl5cO9/SSinpE9hbPVvxbd572HH5AKiP7WD8INO53GgfDDhRjkylHEg==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "bin": {
-                "esbuild": "bin/esbuild"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "optionalDependencies": {
-                "@esbuild/aix-ppc64": "0.23.1",
-                "@esbuild/android-arm": "0.23.1",
-                "@esbuild/android-arm64": "0.23.1",
-                "@esbuild/android-x64": "0.23.1",
-                "@esbuild/darwin-arm64": "0.23.1",
-                "@esbuild/darwin-x64": "0.23.1",
-                "@esbuild/freebsd-arm64": "0.23.1",
-                "@esbuild/freebsd-x64": "0.23.1",
-                "@esbuild/linux-arm": "0.23.1",
-                "@esbuild/linux-arm64": "0.23.1",
-                "@esbuild/linux-ia32": "0.23.1",
-                "@esbuild/linux-loong64": "0.23.1",
-                "@esbuild/linux-mips64el": "0.23.1",
-                "@esbuild/linux-ppc64": "0.23.1",
-                "@esbuild/linux-riscv64": "0.23.1",
-                "@esbuild/linux-s390x": "0.23.1",
-                "@esbuild/linux-x64": "0.23.1",
-                "@esbuild/netbsd-x64": "0.23.1",
-                "@esbuild/openbsd-arm64": "0.23.1",
-                "@esbuild/openbsd-x64": "0.23.1",
-                "@esbuild/sunos-x64": "0.23.1",
-                "@esbuild/win32-arm64": "0.23.1",
-                "@esbuild/win32-ia32": "0.23.1",
-                "@esbuild/win32-x64": "0.23.1"
-            }
-        },
-        "node_modules/esbuild-register": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/esbuild-register/-/esbuild-register-3.6.0.tgz",
-            "integrity": "sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "debug": "^4.3.4"
-            },
-            "peerDependencies": {
-                "esbuild": ">=0.12 <1"
-            }
-        },
-        "node_modules/esbuild-wasm": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.23.0.tgz",
-            "integrity": "sha512-6jP8UmWy6R6TUUV8bMuC3ZyZ6lZKI56x0tkxyCIqWwRRJ/DgeQKneh/Oid5EoGoPFLrGNkz47ZEtWAYuiY/u9g==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "esbuild": "bin/esbuild"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/escalade": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-            "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/escape-html": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
-            "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/escape-string-regexp": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-            "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/eslint": {
-            "version": "8.57.1",
-            "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz",
-            "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
-            "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@eslint-community/eslint-utils": "^4.2.0",
-                "@eslint-community/regexpp": "^4.6.1",
-                "@eslint/eslintrc": "^2.1.4",
-                "@eslint/js": "8.57.1",
-                "@humanwhocodes/config-array": "^0.13.0",
-                "@humanwhocodes/module-importer": "^1.0.1",
-                "@nodelib/fs.walk": "^1.2.8",
-                "@ungap/structured-clone": "^1.2.0",
-                "ajv": "^6.12.4",
-                "chalk": "^4.0.0",
-                "cross-spawn": "^7.0.2",
-                "debug": "^4.3.2",
-                "doctrine": "^3.0.0",
-                "escape-string-regexp": "^4.0.0",
-                "eslint-scope": "^7.2.2",
-                "eslint-visitor-keys": "^3.4.3",
-                "espree": "^9.6.1",
-                "esquery": "^1.4.2",
-                "esutils": "^2.0.2",
-                "fast-deep-equal": "^3.1.3",
-                "file-entry-cache": "^6.0.1",
-                "find-up": "^5.0.0",
-                "glob-parent": "^6.0.2",
-                "globals": "^13.19.0",
-                "graphemer": "^1.4.0",
-                "ignore": "^5.2.0",
-                "imurmurhash": "^0.1.4",
-                "is-glob": "^4.0.0",
-                "is-path-inside": "^3.0.3",
-                "js-yaml": "^4.1.0",
-                "json-stable-stringify-without-jsonify": "^1.0.1",
-                "levn": "^0.4.1",
-                "lodash.merge": "^4.6.2",
-                "minimatch": "^3.1.2",
-                "natural-compare": "^1.4.0",
-                "optionator": "^0.9.3",
-                "strip-ansi": "^6.0.1",
-                "text-table": "^0.2.0"
-            },
-            "bin": {
-                "eslint": "bin/eslint.js"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            }
-        },
-        "node_modules/eslint-config-prettier": {
-            "version": "9.1.2",
-            "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.2.tgz",
-            "integrity": "sha512-iI1f+D2ViGn+uvv5HuHVUamg8ll4tN+JRHGc6IJi4TP9Kl976C57fzPXgseXNs8v0iA8aSJpHsTWjDb9QJamGQ==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "eslint-config-prettier": "bin/cli.js"
-            },
-            "peerDependencies": {
-                "eslint": ">=7.0.0"
-            }
-        },
-        "node_modules/eslint-import-resolver-node": {
-            "version": "0.3.9",
-            "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
-            "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "debug": "^3.2.7",
-                "is-core-module": "^2.13.0",
-                "resolve": "^1.22.4"
-            }
-        },
-        "node_modules/eslint-import-resolver-node/node_modules/debug": {
-            "version": "3.2.7",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ms": "^2.1.1"
-            }
-        },
-        "node_modules/eslint-module-utils": {
-            "version": "2.12.1",
-            "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz",
-            "integrity": "sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "debug": "^3.2.7"
-            },
-            "engines": {
-                "node": ">=4"
-            },
-            "peerDependenciesMeta": {
-                "eslint": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/eslint-module-utils/node_modules/debug": {
-            "version": "3.2.7",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ms": "^2.1.1"
-            }
-        },
-        "node_modules/eslint-plugin-import": {
-            "version": "2.32.0",
-            "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.32.0.tgz",
-            "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@rtsao/scc": "^1.1.0",
-                "array-includes": "^3.1.9",
-                "array.prototype.findlastindex": "^1.2.6",
-                "array.prototype.flat": "^1.3.3",
-                "array.prototype.flatmap": "^1.3.3",
-                "debug": "^3.2.7",
-                "doctrine": "^2.1.0",
-                "eslint-import-resolver-node": "^0.3.9",
-                "eslint-module-utils": "^2.12.1",
-                "hasown": "^2.0.2",
-                "is-core-module": "^2.16.1",
-                "is-glob": "^4.0.3",
-                "minimatch": "^3.1.2",
-                "object.fromentries": "^2.0.8",
-                "object.groupby": "^1.0.3",
-                "object.values": "^1.2.1",
-                "semver": "^6.3.1",
-                "string.prototype.trimend": "^1.0.9",
-                "tsconfig-paths": "^3.15.0"
-            },
-            "engines": {
-                "node": ">=4"
-            },
-            "peerDependencies": {
-                "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
-            }
-        },
-        "node_modules/eslint-plugin-import/node_modules/brace-expansion": {
-            "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "balanced-match": "^1.0.0",
-                "concat-map": "0.0.1"
-            }
-        },
-        "node_modules/eslint-plugin-import/node_modules/debug": {
-            "version": "3.2.7",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ms": "^2.1.1"
-            }
-        },
-        "node_modules/eslint-plugin-import/node_modules/doctrine": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-            "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "esutils": "^2.0.2"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/eslint-plugin-import/node_modules/minimatch": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^1.1.7"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/eslint-plugin-import/node_modules/semver": {
-            "version": "6.3.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/eslint-plugin-jsdoc": {
-            "version": "61.1.12",
-            "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-61.1.12.tgz",
-            "integrity": "sha512-CGJTnltz7ovwOW33xYhvA4fMuriPZpR5OnJf09SV28iU2IUpJwMd6P7zvUK8Sl56u5YzO+1F9m46wpSs2dufEw==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "dependencies": {
-                "@es-joy/jsdoccomment": "~0.76.0",
-                "@es-joy/resolve.exports": "1.2.0",
-                "are-docs-informative": "^0.0.2",
-                "comment-parser": "1.4.1",
-                "debug": "^4.4.3",
-                "escape-string-regexp": "^4.0.0",
-                "espree": "^10.4.0",
-                "esquery": "^1.6.0",
-                "html-entities": "^2.6.0",
-                "object-deep-merge": "^2.0.0",
-                "parse-imports-exports": "^0.2.4",
-                "semver": "^7.7.3",
-                "spdx-expression-parse": "^4.0.0",
-                "to-valid-identifier": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=20.11.0"
-            },
-            "peerDependencies": {
-                "eslint": "^7.0.0 || ^8.0.0 || ^9.0.0"
-            }
-        },
-        "node_modules/eslint-plugin-jsdoc/node_modules/eslint-visitor-keys": {
-            "version": "4.2.1",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-            "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            }
-        },
-        "node_modules/eslint-plugin-jsdoc/node_modules/espree": {
-            "version": "10.4.0",
-            "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
-            "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "acorn": "^8.15.0",
-                "acorn-jsx": "^5.3.2",
-                "eslint-visitor-keys": "^4.2.1"
-            },
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            }
-        },
-        "node_modules/eslint-plugin-jsdoc/node_modules/semver": {
-            "version": "7.7.3",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
-            "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/eslint-plugin-prefer-arrow": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/eslint-plugin-prefer-arrow/-/eslint-plugin-prefer-arrow-1.2.3.tgz",
-            "integrity": "sha512-J9I5PKCOJretVuiZRGvPQxCbllxGAV/viI20JO3LYblAodofBxyMnZAJ+WGeClHgANnSJberTNoFWWjrWKBuXQ==",
-            "dev": true,
-            "license": "MIT",
-            "peerDependencies": {
-                "eslint": ">=2.0.0"
-            }
-        },
-        "node_modules/eslint-scope": {
-            "version": "8.4.0",
-            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
-            "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "esrecurse": "^4.3.0",
-                "estraverse": "^5.2.0"
-            },
-            "engines": {
-                "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            }
-        },
-        "node_modules/eslint-visitor-keys": {
-            "version": "3.4.3",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-            "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            }
-        },
-        "node_modules/eslint/node_modules/ajv": {
-            "version": "6.12.6",
-            "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-            "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "fast-deep-equal": "^3.1.1",
-                "fast-json-stable-stringify": "^2.0.0",
-                "json-schema-traverse": "^0.4.1",
-                "uri-js": "^4.2.2"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/epoberezkin"
-            }
-        },
-        "node_modules/eslint/node_modules/brace-expansion": {
-            "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "balanced-match": "^1.0.0",
-                "concat-map": "0.0.1"
-            }
-        },
-        "node_modules/eslint/node_modules/eslint-scope": {
-            "version": "7.2.2",
-            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-            "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "esrecurse": "^4.3.0",
-                "estraverse": "^5.2.0"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            }
-        },
-        "node_modules/eslint/node_modules/is-path-inside": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-            "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/eslint/node_modules/json-schema-traverse": {
-            "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-            "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/eslint/node_modules/minimatch": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^1.1.7"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/espree": {
-            "version": "9.6.1",
-            "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
-            "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "acorn": "^8.9.0",
-                "acorn-jsx": "^5.3.2",
-                "eslint-visitor-keys": "^3.4.1"
-            },
-            "engines": {
-                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/eslint"
-            }
-        },
-        "node_modules/esprima": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
-            "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "bin": {
-                "esparse": "bin/esparse.js",
-                "esvalidate": "bin/esvalidate.js"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/esquery": {
-            "version": "1.6.0",
-            "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
-            "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "dependencies": {
-                "estraverse": "^5.1.0"
-            },
-            "engines": {
-                "node": ">=0.10"
-            }
-        },
-        "node_modules/esrecurse": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-            "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "estraverse": "^5.2.0"
-            },
-            "engines": {
-                "node": ">=4.0"
-            }
-        },
-        "node_modules/estraverse": {
-            "version": "5.3.0",
-            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "engines": {
-                "node": ">=4.0"
-            }
-        },
-        "node_modules/estree-walker": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/esutils": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-            "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/etag": {
-            "version": "1.8.1",
-            "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
-            "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/eventemitter3": {
-            "version": "4.0.7",
-            "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
-            "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/events": {
-            "version": "3.3.0",
-            "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
-            "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.8.x"
-            }
-        },
-        "node_modules/events-universal": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/events-universal/-/events-universal-1.0.1.tgz",
-            "integrity": "sha512-LUd5euvbMLpwOF8m6ivPCbhQeSiYVNb8Vs0fQ8QjXo0JTkEHpz8pxdQf0gStltaPpw0Cca8b39KxvK9cfKRiAw==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "bare-events": "^2.7.0"
-            }
-        },
-        "node_modules/execa": {
-            "version": "5.1.1",
-            "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-            "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cross-spawn": "^7.0.3",
-                "get-stream": "^6.0.0",
-                "human-signals": "^2.1.0",
-                "is-stream": "^2.0.0",
-                "merge-stream": "^2.0.0",
-                "npm-run-path": "^4.0.1",
-                "onetime": "^5.1.2",
-                "signal-exit": "^3.0.3",
-                "strip-final-newline": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sindresorhus/execa?sponsor=1"
-            }
-        },
-        "node_modules/execa/node_modules/onetime": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-            "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "mimic-fn": "^2.1.0"
-            },
-            "engines": {
-                "node": ">=6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/execa/node_modules/signal-exit": {
-            "version": "3.0.7",
-            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-            "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/expand-tilde": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
-            "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "homedir-polyfill": "^1.0.1"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/expect": {
-            "version": "29.7.0",
-            "resolved": "https://registry.npmjs.org/expect/-/expect-29.7.0.tgz",
-            "integrity": "sha512-2Zks0hf1VLFYI1kbh0I5jP3KHHyCHpkfyHBzsSXRFgl/Bg9mWYfMW8oD+PdMPlEwy5HNsR9JutYy6pMeOh61nw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jest/expect-utils": "^29.7.0",
-                "jest-get-type": "^29.6.3",
-                "jest-matcher-utils": "^29.7.0",
-                "jest-message-util": "^29.7.0",
-                "jest-util": "^29.7.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/exponential-backoff": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.3.tgz",
-            "integrity": "sha512-ZgEeZXj30q+I0EN+CbSSpIyPaJ5HVQD18Z1m+u1FXbAeT94mr1zw50q4q6jiiC447Nl/YTcIYSAftiGqetwXCA==",
-            "dev": true,
-            "license": "Apache-2.0"
-        },
-        "node_modules/express": {
-            "version": "4.21.2",
-            "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
-            "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "accepts": "~1.3.8",
-                "array-flatten": "1.1.1",
-                "body-parser": "1.20.3",
-                "content-disposition": "0.5.4",
-                "content-type": "~1.0.4",
-                "cookie": "0.7.1",
-                "cookie-signature": "1.0.6",
-                "debug": "2.6.9",
-                "depd": "2.0.0",
-                "encodeurl": "~2.0.0",
-                "escape-html": "~1.0.3",
-                "etag": "~1.8.1",
-                "finalhandler": "1.3.1",
-                "fresh": "0.5.2",
-                "http-errors": "2.0.0",
-                "merge-descriptors": "1.0.3",
-                "methods": "~1.1.2",
-                "on-finished": "2.4.1",
-                "parseurl": "~1.3.3",
-                "path-to-regexp": "0.1.12",
-                "proxy-addr": "~2.0.7",
-                "qs": "6.13.0",
-                "range-parser": "~1.2.1",
-                "safe-buffer": "5.2.1",
-                "send": "0.19.0",
-                "serve-static": "1.16.2",
-                "setprototypeof": "1.2.0",
-                "statuses": "2.0.1",
-                "type-is": "~1.6.18",
-                "utils-merge": "1.0.1",
-                "vary": "~1.1.2"
-            },
-            "engines": {
-                "node": ">= 0.10.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/express"
-            }
-        },
-        "node_modules/express/node_modules/debug": {
-            "version": "2.6.9",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-            "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ms": "2.0.0"
-            }
-        },
-        "node_modules/express/node_modules/ms": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-            "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/extend": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-            "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/extend-shallow": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
-            "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "assign-symbols": "^1.0.0",
-                "is-extendable": "^1.0.1"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/external-editor": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
-            "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "chardet": "^0.7.0",
-                "iconv-lite": "^0.4.24",
-                "tmp": "^0.0.33"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/external-editor/node_modules/tmp": {
-            "version": "0.0.33",
-            "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
-            "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "os-tmpdir": "~1.0.2"
-            },
-            "engines": {
-                "node": ">=0.6.0"
-            }
-        },
-        "node_modules/fancy-log": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/fancy-log/-/fancy-log-2.0.0.tgz",
-            "integrity": "sha512-9CzxZbACXMUXW13tS0tI8XsGGmxWzO2DmYrGuBJOJ8k8q2K7hwfJA5qHjuPPe8wtsco33YR9wc+Rlr5wYFvhSA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "color-support": "^1.1.3"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/fast-deep-equal": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-            "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/fast-diff": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
-            "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
-            "dev": true,
-            "license": "Apache-2.0"
-        },
-        "node_modules/fast-fifo": {
-            "version": "1.3.2",
-            "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
-            "integrity": "sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/fast-glob": {
-            "version": "3.3.2",
-            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
-            "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@nodelib/fs.stat": "^2.0.2",
-                "@nodelib/fs.walk": "^1.2.3",
-                "glob-parent": "^5.1.2",
-                "merge2": "^1.3.0",
-                "micromatch": "^4.0.4"
-            },
-            "engines": {
-                "node": ">=8.6.0"
-            }
-        },
-        "node_modules/fast-glob/node_modules/glob-parent": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "is-glob": "^4.0.1"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/fast-json-stable-stringify": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-            "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/fast-levenshtein": {
-            "version": "2.0.6",
-            "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-            "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/fast-uri": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
-            "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/fastify"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/fastify"
-                }
-            ],
-            "license": "BSD-3-Clause"
-        },
-        "node_modules/fast-xml-parser": {
-            "version": "4.5.3",
-            "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.5.3.tgz",
-            "integrity": "sha512-RKihhV+SHsIUGXObeVy9AXiBbFwkVk7Syp8XgwN5U3JV416+Gwp/GO9i0JYKmikykgz/UHRrrV4ROuZEo/T0ig==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/NaturalIntelligence"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "strnum": "^1.1.1"
-            },
-            "bin": {
-                "fxparser": "src/cli/cli.js"
-            }
-        },
-        "node_modules/fastest-levenshtein": {
-            "version": "1.0.16",
-            "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz",
-            "integrity": "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 4.9.1"
-            }
-        },
-        "node_modules/fastq": {
-            "version": "1.19.1",
-            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
-            "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "reusify": "^1.0.4"
-            }
-        },
-        "node_modules/faye-websocket": {
-            "version": "0.11.4",
-            "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz",
-            "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "websocket-driver": ">=0.5.1"
-            },
-            "engines": {
-                "node": ">=0.8.0"
-            }
-        },
-        "node_modules/fd-package-json": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/fd-package-json/-/fd-package-json-1.2.0.tgz",
-            "integrity": "sha512-45LSPmWf+gC5tdCQMNH4s9Sr00bIkiD9aN7dc5hqkrEw1geRYyDQS1v1oMHAW3ysfxfndqGsrDREHHjNNbKUfA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "walk-up-path": "^3.0.1"
-            }
-        },
-        "node_modules/fdir": {
-            "version": "6.5.0",
-            "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-            "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12.0.0"
-            },
-            "peerDependencies": {
-                "picomatch": "^3 || ^4"
-            },
-            "peerDependenciesMeta": {
-                "picomatch": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/fflate": {
-            "version": "0.8.2",
-            "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.2.tgz",
-            "integrity": "sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/figures": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
-            "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "escape-string-regexp": "^1.0.5"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/figures/node_modules/escape-string-regexp": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-            "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.8.0"
-            }
-        },
-        "node_modules/file-entry-cache": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-            "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "flat-cache": "^3.0.4"
-            },
-            "engines": {
-                "node": "^10.12.0 || >=12.0.0"
-            }
-        },
-        "node_modules/file-saver": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz",
-            "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/filelist": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
-            "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "minimatch": "^5.0.1"
-            }
-        },
-        "node_modules/filelist/node_modules/minimatch": {
-            "version": "5.1.6",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
-            "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/fill-range": {
-            "version": "7.1.1",
-            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-            "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "to-regex-range": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/filter-obj": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/filter-obj/-/filter-obj-1.1.0.tgz",
-            "integrity": "sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/finalhandler": {
-            "version": "1.3.1",
-            "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
-            "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "debug": "2.6.9",
-                "encodeurl": "~2.0.0",
-                "escape-html": "~1.0.3",
-                "on-finished": "2.4.1",
-                "parseurl": "~1.3.3",
-                "statuses": "2.0.1",
-                "unpipe": "~1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/finalhandler/node_modules/debug": {
-            "version": "2.6.9",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-            "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ms": "2.0.0"
-            }
-        },
-        "node_modules/finalhandler/node_modules/ms": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-            "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/find-cache-dir": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-4.0.0.tgz",
-            "integrity": "sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "common-path-prefix": "^3.0.0",
-                "pkg-dir": "^7.0.0"
-            },
-            "engines": {
-                "node": ">=14.16"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/find-up": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-            "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "locate-path": "^6.0.0",
-                "path-exists": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/findup-sync": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-5.0.0.tgz",
-            "integrity": "sha512-MzwXju70AuyflbgeOhzvQWAvvQdo1XL0A9bVvlXsYcFEBM87WR4OakL4OfZq+QRmr+duJubio+UtNQCPsVESzQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "detect-file": "^1.0.0",
-                "is-glob": "^4.0.3",
-                "micromatch": "^4.0.4",
-                "resolve-dir": "^1.0.1"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/fined": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/fined/-/fined-2.0.0.tgz",
-            "integrity": "sha512-OFRzsL6ZMHz5s0JrsEr+TpdGNCtrVtnuG3x1yzGNiQHT0yaDnXAj8V/lWcpJVrnoDpcwXcASxAZYbuXda2Y82A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "expand-tilde": "^2.0.2",
-                "is-plain-object": "^5.0.0",
-                "object.defaults": "^1.1.0",
-                "object.pick": "^1.3.0",
-                "parse-filepath": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/flagged-respawn": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/flagged-respawn/-/flagged-respawn-2.0.0.tgz",
-            "integrity": "sha512-Gq/a6YCi8zexmGHMuJwahTGzXlAZAOsbCVKduWXC6TlLCjjFRlExMJc4GC2NYPYZ0r/brw9P7CpRgQmlPVeOoA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/flat": {
-            "version": "5.0.2",
-            "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz",
-            "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "bin": {
-                "flat": "cli.js"
-            }
-        },
-        "node_modules/flat-cache": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
-            "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "flatted": "^3.2.9",
-                "keyv": "^4.5.3",
-                "rimraf": "^3.0.2"
-            },
-            "engines": {
-                "node": "^10.12.0 || >=12.0.0"
-            }
-        },
-        "node_modules/flatted": {
-            "version": "3.3.3",
-            "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
-            "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/follow-redirects": {
-            "version": "1.15.11",
-            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
-            "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "individual",
-                    "url": "https://github.com/sponsors/RubenVerborgh"
-                }
-            ],
-            "license": "MIT",
-            "engines": {
-                "node": ">=4.0"
-            },
-            "peerDependenciesMeta": {
-                "debug": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/for-each": {
-            "version": "0.3.5",
-            "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
-            "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-callable": "^1.2.7"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/for-in": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
-            "integrity": "sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/for-own": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/for-own/-/for-own-1.0.0.tgz",
-            "integrity": "sha512-0OABksIGrxKK8K4kynWkQ7y1zounQxP+CWnyclVwj81KW3vlLlGUx57DKGcP/LH216GzqnstnPocF16Nxs0Ycg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "for-in": "^1.0.1"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/foreground-child": {
-            "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
-            "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "cross-spawn": "^7.0.6",
-                "signal-exit": "^4.0.1"
-            },
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/fork-ts-checker-webpack-plugin": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-8.0.0.tgz",
-            "integrity": "sha512-mX3qW3idpueT2klaQXBzrIM/pHw+T0B/V9KHEvNrqijTq9NFnMZU6oreVxDYcf33P8a5cW+67PjodNHthGnNVg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/code-frame": "^7.16.7",
-                "chalk": "^4.1.2",
-                "chokidar": "^3.5.3",
-                "cosmiconfig": "^7.0.1",
-                "deepmerge": "^4.2.2",
-                "fs-extra": "^10.0.0",
-                "memfs": "^3.4.1",
-                "minimatch": "^3.0.4",
-                "node-abort-controller": "^3.0.1",
-                "schema-utils": "^3.1.1",
-                "semver": "^7.3.5",
-                "tapable": "^2.2.1"
-            },
-            "engines": {
-                "node": ">=12.13.0",
-                "yarn": ">=1.0.0"
-            },
-            "peerDependencies": {
-                "typescript": ">3.6.0",
-                "webpack": "^5.11.0"
-            }
-        },
-        "node_modules/fork-ts-checker-webpack-plugin/node_modules/ajv": {
-            "version": "6.12.6",
-            "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-            "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "fast-deep-equal": "^3.1.1",
-                "fast-json-stable-stringify": "^2.0.0",
-                "json-schema-traverse": "^0.4.1",
-                "uri-js": "^4.2.2"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/epoberezkin"
-            }
-        },
-        "node_modules/fork-ts-checker-webpack-plugin/node_modules/ajv-keywords": {
-            "version": "3.5.2",
-            "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-            "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-            "dev": true,
-            "license": "MIT",
-            "peerDependencies": {
-                "ajv": "^6.9.1"
-            }
-        },
-        "node_modules/fork-ts-checker-webpack-plugin/node_modules/brace-expansion": {
-            "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "balanced-match": "^1.0.0",
-                "concat-map": "0.0.1"
-            }
-        },
-        "node_modules/fork-ts-checker-webpack-plugin/node_modules/json-schema-traverse": {
-            "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-            "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/fork-ts-checker-webpack-plugin/node_modules/minimatch": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^1.1.7"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/fork-ts-checker-webpack-plugin/node_modules/schema-utils": {
-            "version": "3.3.0",
-            "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
-            "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/json-schema": "^7.0.8",
-                "ajv": "^6.12.5",
-                "ajv-keywords": "^3.5.2"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            }
-        },
-        "node_modules/form-data": {
-            "version": "4.0.4",
-            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
-            "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "asynckit": "^0.4.0",
-                "combined-stream": "^1.0.8",
-                "es-set-tostringtag": "^2.1.0",
-                "hasown": "^2.0.2",
-                "mime-types": "^2.1.12"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/forwarded": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
-            "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/frac": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/frac/-/frac-1.1.2.tgz",
-            "integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=0.8"
-            }
-        },
-        "node_modules/fraction.js": {
-            "version": "4.3.7",
-            "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
-            "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "*"
-            },
-            "funding": {
-                "type": "patreon",
-                "url": "https://github.com/sponsors/rawify"
-            }
-        },
-        "node_modules/fresh": {
-            "version": "0.5.2",
-            "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
-            "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/from": {
-            "version": "0.1.7",
-            "resolved": "https://registry.npmjs.org/from/-/from-0.1.7.tgz",
-            "integrity": "sha512-twe20eF1OxVxp/ML/kq2p1uc6KvFK/+vs8WjEbeKmV2He22MKm7YF2ANIt+EOqhJ5L3K/SuuPhk0hWQDjOM23g==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/front-matter": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/front-matter/-/front-matter-4.0.2.tgz",
-            "integrity": "sha512-I8ZuJ/qG92NWX8i5x1Y8qyj3vizhXS31OxjKDu3LKP+7/qBgfIKValiZIEwoVoJKUHlhWtYrktkxV1XsX+pPlg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "js-yaml": "^3.13.1"
-            }
-        },
-        "node_modules/front-matter/node_modules/argparse": {
-            "version": "1.0.10",
-            "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-            "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "sprintf-js": "~1.0.2"
-            }
-        },
-        "node_modules/front-matter/node_modules/js-yaml": {
-            "version": "3.14.1",
-            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-            "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "argparse": "^1.0.7",
-                "esprima": "^4.0.0"
-            },
-            "bin": {
-                "js-yaml": "bin/js-yaml.js"
-            }
-        },
-        "node_modules/front-matter/node_modules/sprintf-js": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-            "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-            "dev": true,
-            "license": "BSD-3-Clause"
-        },
-        "node_modules/fs-constants": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
-            "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/fs-extra": {
-            "version": "10.1.0",
-            "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
-            "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "graceful-fs": "^4.2.0",
-                "jsonfile": "^6.0.1",
-                "universalify": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/fs-minipass": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-3.0.3.tgz",
-            "integrity": "sha512-XUBA9XClHbnJWSfBzjkm6RvPsyg3sryZt06BEQoXcF7EK/xpGaQYJgQKDJSUH5SGZ76Y7pFx1QBnXz09rU5Fbw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "minipass": "^7.0.3"
-            },
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/fs-mkdirp-stream": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/fs-mkdirp-stream/-/fs-mkdirp-stream-2.0.1.tgz",
-            "integrity": "sha512-UTOY+59K6IA94tec8Wjqm0FSh5OVudGNB0NL/P6fB3HiE3bYOY3VYBGijsnOHNkQSwC1FKkU77pmq7xp9CskLw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "graceful-fs": "^4.2.8",
-                "streamx": "^2.12.0"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/fs-monkey": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.1.0.tgz",
-            "integrity": "sha512-QMUezzXWII9EV5aTFXW1UBVUO77wYPpjqIF8/AviUCThNeSYZykpoTixUeaNNBwmCev0AMDWMAni+f8Hxb1IFw==",
-            "dev": true,
-            "license": "Unlicense"
-        },
-        "node_modules/fs.realpath": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-            "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/fsevents": {
-            "version": "2.3.3",
-            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-            }
-        },
-        "node_modules/function-bind": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-            "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-            "dev": true,
-            "license": "MIT",
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/function.prototype.name": {
-            "version": "1.1.8",
-            "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
-            "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.8",
-                "call-bound": "^1.0.3",
-                "define-properties": "^1.2.1",
-                "functions-have-names": "^1.2.3",
-                "hasown": "^2.0.2",
-                "is-callable": "^1.2.7"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/functions-have-names": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-            "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-            "dev": true,
-            "license": "MIT",
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/generator-function": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
-            "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/gensync": {
-            "version": "1.0.0-beta.2",
-            "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
-            "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/get-caller-file": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-            "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": "6.* || 8.* || >= 10.*"
-            }
-        },
-        "node_modules/get-east-asian-width": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.4.0.tgz",
-            "integrity": "sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/get-intrinsic": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
-            "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind-apply-helpers": "^1.0.2",
-                "es-define-property": "^1.0.1",
-                "es-errors": "^1.3.0",
-                "es-object-atoms": "^1.1.1",
-                "function-bind": "^1.1.2",
-                "get-proto": "^1.0.1",
-                "gopd": "^1.2.0",
-                "has-symbols": "^1.1.0",
-                "hasown": "^2.0.2",
-                "math-intrinsics": "^1.1.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/get-proto": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
-            "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "dunder-proto": "^1.0.1",
-                "es-object-atoms": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/get-stream": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-            "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/get-symbol-description": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
-            "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.3",
-                "es-errors": "^1.3.0",
-                "get-intrinsic": "^1.2.6"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/glob": {
-            "version": "10.4.5",
-            "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
-            "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "foreground-child": "^3.1.0",
-                "jackspeak": "^3.1.2",
-                "minimatch": "^9.0.4",
-                "minipass": "^7.1.2",
-                "package-json-from-dist": "^1.0.0",
-                "path-scurry": "^1.11.1"
-            },
-            "bin": {
-                "glob": "dist/esm/bin.mjs"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/glob-parent": {
-            "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "is-glob": "^4.0.3"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/glob-stream": {
-            "version": "8.0.3",
-            "resolved": "https://registry.npmjs.org/glob-stream/-/glob-stream-8.0.3.tgz",
-            "integrity": "sha512-fqZVj22LtFJkHODT+M4N1RJQ3TjnnQhfE9GwZI8qXscYarnhpip70poMldRnP8ipQ/w0B621kOhfc53/J9bd/A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@gulpjs/to-absolute-glob": "^4.0.0",
-                "anymatch": "^3.1.3",
-                "fastq": "^1.13.0",
-                "glob-parent": "^6.0.2",
-                "is-glob": "^4.0.3",
-                "is-negated-glob": "^1.0.0",
-                "normalize-path": "^3.0.0",
-                "streamx": "^2.12.5"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/glob-to-regex.js": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/glob-to-regex.js/-/glob-to-regex.js-1.2.0.tgz",
-            "integrity": "sha512-QMwlOQKU/IzqMUOAZWubUOT8Qft+Y0KQWnX9nK3ch0CJg0tTp4TvGZsTfudYKv2NzoQSyPcnA6TYeIQ3jGichQ==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=10.0"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/streamich"
-            },
-            "peerDependencies": {
-                "tslib": "2"
-            }
-        },
-        "node_modules/glob-to-regexp": {
-            "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
-            "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
-            "dev": true,
-            "license": "BSD-2-Clause"
-        },
-        "node_modules/glob-watcher": {
-            "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/glob-watcher/-/glob-watcher-6.0.0.tgz",
-            "integrity": "sha512-wGM28Ehmcnk2NqRORXFOTOR064L4imSw3EeOqU5bIwUf62eXGwg89WivH6VMahL8zlQHeodzvHpXplrqzrz3Nw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "async-done": "^2.0.0",
-                "chokidar": "^3.5.3"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/glob/node_modules/minimatch": {
-            "version": "9.0.5",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-            "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/global-modules": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz",
-            "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "global-prefix": "^1.0.1",
-                "is-windows": "^1.0.1",
-                "resolve-dir": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/global-prefix": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz",
-            "integrity": "sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "expand-tilde": "^2.0.2",
-                "homedir-polyfill": "^1.0.1",
-                "ini": "^1.3.4",
-                "is-windows": "^1.0.1",
-                "which": "^1.2.14"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/global-prefix/node_modules/ini": {
-            "version": "1.3.8",
-            "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-            "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/global-prefix/node_modules/which": {
-            "version": "1.3.1",
-            "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-            "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "isexe": "^2.0.0"
-            },
-            "bin": {
-                "which": "bin/which"
-            }
-        },
-        "node_modules/globals": {
-            "version": "13.24.0",
-            "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
-            "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "type-fest": "^0.20.2"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/globals/node_modules/type-fest": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-            "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-            "dev": true,
-            "license": "(MIT OR CC0-1.0)",
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/globalthis": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
-            "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "define-properties": "^1.2.1",
-                "gopd": "^1.0.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/globby": {
-            "version": "11.1.0",
-            "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-            "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "array-union": "^2.1.0",
-                "dir-glob": "^3.0.1",
-                "fast-glob": "^3.2.9",
-                "ignore": "^5.2.0",
-                "merge2": "^1.4.1",
-                "slash": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/globby/node_modules/slash": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-            "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/glogg": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/glogg/-/glogg-2.2.0.tgz",
-            "integrity": "sha512-eWv1ds/zAlz+M1ioHsyKJomfY7jbDDPpwSkv14KQj89bycx1nvK5/2Cj/T9g7kzJcX5Bc7Yv22FjfBZS/jl94A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "sparkles": "^2.1.0"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/gopd": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
-            "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/graceful-fs": {
-            "version": "4.2.11",
-            "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-            "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/graphemer": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-            "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/gulp": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/gulp/-/gulp-5.0.1.tgz",
-            "integrity": "sha512-PErok3DZSA5WGMd6XXV3IRNO0mlB+wW3OzhFJLEec1jSERg2j1bxJ6e5Fh6N6fn3FH2T9AP4UYNb/pYlADB9sA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "glob-watcher": "^6.0.0",
-                "gulp-cli": "^3.1.0",
-                "undertaker": "^2.0.0",
-                "vinyl-fs": "^4.0.2"
-            },
-            "bin": {
-                "gulp": "bin/gulp.js"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/gulp-cli": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/gulp-cli/-/gulp-cli-3.1.0.tgz",
-            "integrity": "sha512-zZzwlmEsTfXcxRKiCHsdyjZZnFvXWM4v1NqBJSYbuApkvVKivjcmOS2qruAJ+PkEHLFavcDKH40DPc1+t12a9Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@gulpjs/messages": "^1.1.0",
-                "chalk": "^4.1.2",
-                "copy-props": "^4.0.0",
-                "gulplog": "^2.2.0",
-                "interpret": "^3.1.1",
-                "liftoff": "^5.0.1",
-                "mute-stdout": "^2.0.0",
-                "replace-homedir": "^2.0.0",
-                "semver-greatest-satisfied-range": "^2.0.0",
-                "string-width": "^4.2.3",
-                "v8flags": "^4.0.0",
-                "yargs": "^16.2.0"
-            },
-            "bin": {
-                "gulp": "bin/gulp.js"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/gulp-cli/node_modules/cliui": {
-            "version": "7.0.4",
-            "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
-            "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "string-width": "^4.2.0",
-                "strip-ansi": "^6.0.0",
-                "wrap-ansi": "^7.0.0"
-            }
-        },
-        "node_modules/gulp-cli/node_modules/wrap-ansi": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^4.0.0",
-                "string-width": "^4.1.0",
-                "strip-ansi": "^6.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/gulp-cli/node_modules/yargs": {
-            "version": "16.2.0",
-            "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
-            "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cliui": "^7.0.2",
-                "escalade": "^3.1.1",
-                "get-caller-file": "^2.0.5",
-                "require-directory": "^2.1.1",
-                "string-width": "^4.2.0",
-                "y18n": "^5.0.5",
-                "yargs-parser": "^20.2.2"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/gulp-cli/node_modules/yargs-parser": {
-            "version": "20.2.9",
-            "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
-            "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/gulp-concat": {
-            "version": "2.6.1",
-            "resolved": "https://registry.npmjs.org/gulp-concat/-/gulp-concat-2.6.1.tgz",
-            "integrity": "sha512-a2scActrQrDBpBbR3WUZGyGS1JEPLg5PZJdIa7/Bi3GuKAmPYDK6SFhy/NZq5R8KsKKFvtfR0fakbUCcKGCCjg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "concat-with-sourcemaps": "^1.0.0",
-                "through2": "^2.0.0",
-                "vinyl": "^2.0.0"
-            },
-            "engines": {
-                "node": ">= 0.10"
-            }
-        },
-        "node_modules/gulp-flatten": {
-            "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/gulp-flatten/-/gulp-flatten-0.4.0.tgz",
-            "integrity": "sha512-eg4spVTAiv1xXmugyaCxWne1oPtNG0UHEtABx5W8ScLiqAYceyYm6GYA36x0Qh8KOIXmAZV97L2aYGnKREG3Sg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "plugin-error": "^0.1.2",
-                "through2": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=0.10"
-            }
-        },
-        "node_modules/gulp-rename": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/gulp-rename/-/gulp-rename-2.1.0.tgz",
-            "integrity": "sha512-dGuzuH8jQGqCMqC544IEPhs5+O2l+IkdoSZsgd4kY97M1CxQeI3qrmweQBIrxLBbjbe/8uEWK8HHcNBc3OCy4g==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/gulp-uglify": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/gulp-uglify/-/gulp-uglify-3.0.2.tgz",
-            "integrity": "sha512-gk1dhB74AkV2kzqPMQBLA3jPoIAPd/nlNzP2XMDSG8XZrqnlCiDGAqC+rZOumzFvB5zOphlFh6yr3lgcAb/OOg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "array-each": "^1.0.1",
-                "extend-shallow": "^3.0.2",
-                "gulplog": "^1.0.0",
-                "has-gulplog": "^0.1.0",
-                "isobject": "^3.0.1",
-                "make-error-cause": "^1.1.1",
-                "safe-buffer": "^5.1.2",
-                "through2": "^2.0.0",
-                "uglify-js": "^3.0.5",
-                "vinyl-sourcemaps-apply": "^0.2.0"
-            }
-        },
-        "node_modules/gulp-uglify/node_modules/glogg": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/glogg/-/glogg-1.0.2.tgz",
-            "integrity": "sha512-5mwUoSuBk44Y4EshyiqcH95ZntbDdTQqA3QYSrxmzj28Ai0vXBGMH1ApSANH14j2sIRtqCEyg6PfsuP7ElOEDA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "sparkles": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.10"
-            }
-        },
-        "node_modules/gulp-uglify/node_modules/gulplog": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/gulplog/-/gulplog-1.0.0.tgz",
-            "integrity": "sha512-hm6N8nrm3Y08jXie48jsC55eCZz9mnb4OirAStEk2deqeyhXU3C1otDVh+ccttMuc1sBi6RX6ZJ720hs9RCvgw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "glogg": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.10"
-            }
-        },
-        "node_modules/gulp-uglify/node_modules/sparkles": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/sparkles/-/sparkles-1.0.1.tgz",
-            "integrity": "sha512-dSO0DDYUahUt/0/pD/Is3VIm5TGJjludZ0HVymmhYF6eNA53PVLhnUk0znSYbH8IYBuJdCE+1luR22jNLMaQdw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.10"
-            }
-        },
-        "node_modules/gulp-uglifycss": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/gulp-uglifycss/-/gulp-uglifycss-1.1.0.tgz",
-            "integrity": "sha512-O2VDBPdS16SO3BPSCsHDnsvdCx1B/WgH2qvJaUOD+r1d8v87UjeqEtfmqR2eJ171D0F4shw8/oW5ezA6pqVXEQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "plugin-error": "^1.0.1",
-                "through2": "^2.0.3",
-                "uglifycss": "^0.0.25",
-                "vinyl": "^2.1.0"
-            }
-        },
-        "node_modules/gulp-uglifycss/node_modules/ansi-colors": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz",
-            "integrity": "sha512-SFKX67auSNoVR38N3L+nvsPjOE0bybKTYbkf5tRvushrAPQ9V75huw0ZxBkKVeRU9kqH3d6HA4xTckbwZ4ixmA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-wrap": "^0.1.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/gulp-uglifycss/node_modules/arr-diff": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
-            "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/gulp-uglifycss/node_modules/arr-union": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz",
-            "integrity": "sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/gulp-uglifycss/node_modules/plugin-error": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-1.0.1.tgz",
-            "integrity": "sha512-L1zP0dk7vGweZME2i+EeakvUNqSrdiI3F91TwEoYiGrAfUXmVv6fJIq4g82PAXxNsWOp0J7ZqQy/3Szz0ajTxA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-colors": "^1.0.1",
-                "arr-diff": "^4.0.0",
-                "arr-union": "^3.1.0",
-                "extend-shallow": "^3.0.2"
-            },
-            "engines": {
-                "node": ">= 0.10"
-            }
-        },
-        "node_modules/gulplog": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/gulplog/-/gulplog-2.2.0.tgz",
-            "integrity": "sha512-V2FaKiOhpR3DRXZuYdRLn/qiY0yI5XmqbTKrYbdemJ+xOh2d2MOweI/XFgMzd/9+1twdvMwllnZbWZNJ+BOm4A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "glogg": "^2.2.0"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/handle-thing": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
-            "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/handlebars": {
-            "version": "4.7.8",
-            "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.8.tgz",
-            "integrity": "sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "minimist": "^1.2.5",
-                "neo-async": "^2.6.2",
-                "source-map": "^0.6.1",
-                "wordwrap": "^1.0.0"
-            },
-            "bin": {
-                "handlebars": "bin/handlebars"
-            },
-            "engines": {
-                "node": ">=0.4.7"
-            },
-            "optionalDependencies": {
-                "uglify-js": "^3.1.4"
-            }
-        },
-        "node_modules/handlebars/node_modules/source-map": {
-            "version": "0.6.1",
-            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/handlebars/node_modules/wordwrap": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
-            "integrity": "sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/has-bigints": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
-            "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/has-flag": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/has-gulplog": {
-            "version": "0.1.0",
-            "resolved": "https://registry.npmjs.org/has-gulplog/-/has-gulplog-0.1.0.tgz",
-            "integrity": "sha512-+F4GzLjwHNNDEAJW2DC1xXfEoPkRDmUdJ7CBYw4MpqtDwOnqdImJl7GWlpqx+Wko6//J8uKTnIe4wZSv7yCqmw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "sparkles": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.10"
-            }
-        },
-        "node_modules/has-gulplog/node_modules/sparkles": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/sparkles/-/sparkles-1.0.1.tgz",
-            "integrity": "sha512-dSO0DDYUahUt/0/pD/Is3VIm5TGJjludZ0HVymmhYF6eNA53PVLhnUk0znSYbH8IYBuJdCE+1luR22jNLMaQdw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.10"
-            }
-        },
-        "node_modules/has-property-descriptors": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
-            "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "es-define-property": "^1.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/has-proto": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
-            "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "dunder-proto": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/has-symbols": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
-            "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/has-tostringtag": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
-            "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "has-symbols": "^1.0.3"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/hasown": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-            "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "function-bind": "^1.1.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/he": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
-            "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "he": "bin/he"
-            }
-        },
-        "node_modules/homedir-polyfill": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
-            "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "parse-passwd": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/hosted-git-info": {
-            "version": "7.0.2",
-            "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.2.tgz",
-            "integrity": "sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "lru-cache": "^10.0.1"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/hosted-git-info/node_modules/lru-cache": {
-            "version": "10.4.3",
-            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-            "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/hpack.js": {
-            "version": "2.1.6",
-            "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
-            "integrity": "sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "inherits": "^2.0.1",
-                "obuf": "^1.0.0",
-                "readable-stream": "^2.0.1",
-                "wbuf": "^1.1.0"
-            }
-        },
-        "node_modules/hpack.js/node_modules/isarray": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-            "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/hpack.js/node_modules/readable-stream": {
-            "version": "2.3.8",
-            "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-            "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "core-util-is": "~1.0.0",
-                "inherits": "~2.0.3",
-                "isarray": "~1.0.0",
-                "process-nextick-args": "~2.0.0",
-                "safe-buffer": "~5.1.1",
-                "string_decoder": "~1.1.1",
-                "util-deprecate": "~1.0.1"
-            }
-        },
-        "node_modules/hpack.js/node_modules/safe-buffer": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-            "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/hpack.js/node_modules/string_decoder": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-            "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "safe-buffer": "~5.1.0"
-            }
-        },
-        "node_modules/html-entities": {
-            "version": "2.6.0",
-            "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.6.0.tgz",
-            "integrity": "sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/mdevils"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://patreon.com/mdevils"
-                }
-            ],
-            "license": "MIT"
-        },
-        "node_modules/html-escaper": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
-            "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/html-minifier-terser": {
-            "version": "6.1.0",
-            "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
-            "integrity": "sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "camel-case": "^4.1.2",
-                "clean-css": "^5.2.2",
-                "commander": "^8.3.0",
-                "he": "^1.2.0",
-                "param-case": "^3.0.4",
-                "relateurl": "^0.2.7",
-                "terser": "^5.10.0"
-            },
-            "bin": {
-                "html-minifier-terser": "cli.js"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/html-webpack-plugin": {
-            "version": "5.6.4",
-            "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.6.4.tgz",
-            "integrity": "sha512-V/PZeWsqhfpE27nKeX9EO2sbR+D17A+tLf6qU+ht66jdUsN0QLKJN27Z+1+gHrVMKgndBahes0PU6rRihDgHTw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/html-minifier-terser": "^6.0.0",
-                "html-minifier-terser": "^6.0.2",
-                "lodash": "^4.17.21",
-                "pretty-error": "^4.0.0",
-                "tapable": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/html-webpack-plugin"
-            },
-            "peerDependencies": {
-                "@rspack/core": "0.x || 1.x",
-                "webpack": "^5.20.0"
-            },
-            "peerDependenciesMeta": {
-                "@rspack/core": {
-                    "optional": true
-                },
-                "webpack": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/html2canvas": {
-            "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz",
-            "integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "css-line-break": "^2.1.0",
-                "text-segmentation": "^1.0.3"
-            },
-            "engines": {
-                "node": ">=8.0.0"
-            }
-        },
-        "node_modules/htmlparser2": {
-            "version": "8.0.2",
-            "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
-            "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
-            "dev": true,
-            "funding": [
-                "https://github.com/fb55/htmlparser2?sponsor=1",
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/fb55"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "domelementtype": "^2.3.0",
-                "domhandler": "^5.0.3",
-                "domutils": "^3.0.1",
-                "entities": "^4.4.0"
-            }
-        },
-        "node_modules/http-auth-connect": {
-            "version": "1.0.6",
-            "resolved": "https://registry.npmjs.org/http-auth-connect/-/http-auth-connect-1.0.6.tgz",
-            "integrity": "sha512-yaO0QSCPqGCjPrl3qEEHjJP+lwZ6gMpXLuCBE06eWwcXomkI5TARtu0kxf9teFuBj6iaV3Ybr15jaWUvbzNzHw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/http-cache-semantics": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz",
-            "integrity": "sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==",
-            "dev": true,
-            "license": "BSD-2-Clause"
-        },
-        "node_modules/http-deceiver": {
-            "version": "1.2.7",
-            "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
-            "integrity": "sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/http-errors": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
-            "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "depd": "2.0.0",
-                "inherits": "2.0.4",
-                "setprototypeof": "1.2.0",
-                "statuses": "2.0.1",
-                "toidentifier": "1.0.1"
-            },
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/http-parser-js": {
-            "version": "0.5.10",
-            "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.10.tgz",
-            "integrity": "sha512-Pysuw9XpUq5dVc/2SMHpuTY01RFl8fttgcyunjL7eEMhGM3cI4eOmiCycJDVCo/7O7ClfQD3SaI6ftDzqOXYMA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/http-proxy": {
-            "version": "1.18.1",
-            "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
-            "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "eventemitter3": "^4.0.0",
-                "follow-redirects": "^1.0.0",
-                "requires-port": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=8.0.0"
-            }
-        },
-        "node_modules/http-proxy-agent": {
-            "version": "7.0.2",
-            "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
-            "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "agent-base": "^7.1.0",
-                "debug": "^4.3.4"
-            },
-            "engines": {
-                "node": ">= 14"
-            }
-        },
-        "node_modules/http-proxy-middleware": {
-            "version": "3.0.5",
-            "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-3.0.5.tgz",
-            "integrity": "sha512-GLZZm1X38BPY4lkXA01jhwxvDoOkkXqjgVyUzVxiEK4iuRu03PZoYHhHRwxnfhQMDuaxi3vVri0YgSro/1oWqg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/http-proxy": "^1.17.15",
-                "debug": "^4.3.6",
-                "http-proxy": "^1.18.1",
-                "is-glob": "^4.0.3",
-                "is-plain-object": "^5.0.0",
-                "micromatch": "^4.0.8"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/https-proxy-agent": {
-            "version": "7.0.5",
-            "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.5.tgz",
-            "integrity": "sha512-1e4Wqeblerz+tMKPIq2EMGiiWW1dIjZOksyHWSUm1rmuvw/how9hBHZ38lAGj5ID4Ik6EdkOw7NmWPy6LAwalw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "agent-base": "^7.0.2",
-                "debug": "4"
-            },
-            "engines": {
-                "node": ">= 14"
-            }
-        },
-        "node_modules/human-signals": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-            "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=10.17.0"
-            }
-        },
-        "node_modules/hyperdyperid": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/hyperdyperid/-/hyperdyperid-1.2.0.tgz",
-            "integrity": "sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10.18"
-            }
-        },
-        "node_modules/i18next": {
-            "version": "25.5.3",
-            "resolved": "https://registry.npmjs.org/i18next/-/i18next-25.5.3.tgz",
-            "integrity": "sha512-joFqorDeQ6YpIXni944upwnuHBf5IoPMuqAchGVeQLdWC2JOjxgM9V8UGLhNIIH/Q8QleRxIi0BSRQehSrDLcg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "individual",
-                    "url": "https://locize.com"
-                },
-                {
-                    "type": "individual",
-                    "url": "https://locize.com/i18next.html"
-                },
-                {
-                    "type": "individual",
-                    "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "@babel/runtime": "^7.27.6"
-            },
-            "peerDependencies": {
-                "typescript": "^5"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/i18next/node_modules/@babel/runtime": {
-            "version": "7.28.4",
-            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
-            "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/iconv-lite": {
-            "version": "0.4.24",
-            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-            "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "safer-buffer": ">= 2.1.2 < 3"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/icss-utils": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
-            "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": "^10 || ^12 || >= 14"
-            },
-            "peerDependencies": {
-                "postcss": "^8.1.0"
-            }
-        },
-        "node_modules/ieee754": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-            "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ],
-            "license": "BSD-3-Clause"
-        },
-        "node_modules/ignore": {
-            "version": "5.3.1",
-            "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
-            "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 4"
-            }
-        },
-        "node_modules/ignore-walk": {
-            "version": "6.0.5",
-            "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-6.0.5.tgz",
-            "integrity": "sha512-VuuG0wCnjhnylG1ABXT3dAuIpTNDs/G8jlpmwXY03fXoXy/8ZK8/T+hMzt8L4WnrLCJgdybqgPagnF/f97cg3A==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "minimatch": "^9.0.0"
-            },
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/image-size": {
-            "version": "0.5.5",
-            "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
-            "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "bin": {
-                "image-size": "bin/image-size.js"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/immutable": {
-            "version": "4.3.7",
-            "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
-            "integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/import-fresh": {
-            "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
-            "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "parent-module": "^1.0.0",
-                "resolve-from": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/imurmurhash": {
-            "version": "0.1.4",
-            "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-            "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.8.19"
-            }
-        },
-        "node_modules/indent-string": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-5.0.0.tgz",
-            "integrity": "sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/inflight": {
-            "version": "1.0.6",
-            "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-            "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-            "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "once": "^1.3.0",
-                "wrappy": "1"
-            }
-        },
-        "node_modules/inherits": {
-            "version": "2.0.4",
-            "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-            "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/ini": {
-            "version": "4.1.3",
-            "resolved": "https://registry.npmjs.org/ini/-/ini-4.1.3.tgz",
-            "integrity": "sha512-X7rqawQBvfdjS10YU1y1YVreA3SsLrW9dX2CewP2EbBJM4ypVNLDkO5y04gejPwKIY9lR+7r9gn3rFPt/kmWFg==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/injection-js": {
-            "version": "2.6.1",
-            "resolved": "https://registry.npmjs.org/injection-js/-/injection-js-2.6.1.tgz",
-            "integrity": "sha512-dbR5bdhi7TWDoCye9cByZqeg/gAfamm8Vu3G1KZOTYkOif8WkuM8CD0oeDPtZYMzT5YH76JAFB7bkmyY9OJi2A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tslib": "^2.0.0"
-            }
-        },
-        "node_modules/internal-slot": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
-            "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "es-errors": "^1.3.0",
-                "hasown": "^2.0.2",
-                "side-channel": "^1.1.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/interpret": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/interpret/-/interpret-3.1.1.tgz",
-            "integrity": "sha512-6xwYfHbajpoF0xLW+iwLkhwgvLoZDfjYfoFNu8ftMoXINzwuymNLd9u/KmwtdT2GbR+/Cz66otEGEVVUHX9QLQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/ip-address": {
-            "version": "10.0.1",
-            "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.0.1.tgz",
-            "integrity": "sha512-NWv9YLW4PoW2B7xtzaS3NCot75m6nK7Icdv0o3lfMceJVRfSoQwqD4wEH5rLwoKJwUiZ/rfpiVBhnaF0FK4HoA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 12"
-            }
-        },
-        "node_modules/ipaddr.js": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.2.0.tgz",
-            "integrity": "sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/is-absolute": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/is-absolute/-/is-absolute-1.0.0.tgz",
-            "integrity": "sha512-dOWoqflvcydARa360Gvv18DZ/gRuHKi2NU/wU5X1ZFzdYfH29nkiNZsF3mp4OJ3H4yo9Mx8A/uAGNzpzPN3yBA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-relative": "^1.0.0",
-                "is-windows": "^1.0.1"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-arguments": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz",
-            "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.2",
-                "has-tostringtag": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-array-buffer": {
-            "version": "3.0.5",
-            "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
-            "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.8",
-                "call-bound": "^1.0.3",
-                "get-intrinsic": "^1.2.6"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-arrayish": {
-            "version": "0.2.1",
-            "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-            "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/is-async-function": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
-            "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "async-function": "^1.0.0",
-                "call-bound": "^1.0.3",
-                "get-proto": "^1.0.1",
-                "has-tostringtag": "^1.0.2",
-                "safe-regex-test": "^1.1.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-bigint": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
-            "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "has-bigints": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-binary-path": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-            "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "binary-extensions": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/is-boolean-object": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
-            "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.3",
-                "has-tostringtag": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-callable": {
-            "version": "1.2.7",
-            "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-            "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-core-module": {
-            "version": "2.16.1",
-            "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
-            "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "hasown": "^2.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-data-view": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
-            "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.2",
-                "get-intrinsic": "^1.2.6",
-                "is-typed-array": "^1.1.13"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-date-object": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
-            "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.2",
-                "has-tostringtag": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-docker": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz",
-            "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "is-docker": "cli.js"
-            },
-            "engines": {
-                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/is-extendable": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
-            "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-plain-object": "^2.0.4"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-extendable/node_modules/is-plain-object": {
-            "version": "2.0.4",
-            "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
-            "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "isobject": "^3.0.1"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-extglob": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-finalizationregistry": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
-            "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.3"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-fullwidth-code-point": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
-            "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/is-generator-function": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
-            "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.4",
-                "generator-function": "^2.0.0",
-                "get-proto": "^1.0.1",
-                "has-tostringtag": "^1.0.2",
-                "safe-regex-test": "^1.1.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-glob": {
-            "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-extglob": "^2.1.1"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-inside-container": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz",
-            "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-docker": "^3.0.0"
-            },
-            "bin": {
-                "is-inside-container": "cli.js"
-            },
-            "engines": {
-                "node": ">=14.16"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/is-interactive": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz",
-            "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/is-lambda": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz",
-            "integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/is-map": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
-            "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-module": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
-            "integrity": "sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/is-negated-glob": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/is-negated-glob/-/is-negated-glob-1.0.0.tgz",
-            "integrity": "sha512-czXVVn/QEmgvej1f50BZ648vUI+em0xqMq2Sn+QncCLN4zj1UAxlT+kw/6ggQTOaZPd1HqKQGEqbpQVtJucWug==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-negative-zero": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
-            "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-network-error": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/is-network-error/-/is-network-error-1.3.0.tgz",
-            "integrity": "sha512-6oIwpsgRfnDiyEDLMay/GqCl3HoAtH5+RUKW29gYkL0QA+ipzpDLA16yQs7/RHCSu+BwgbJaOUqa4A99qNVQVw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=16"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/is-number": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.12.0"
-            }
-        },
-        "node_modules/is-number-object": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
-            "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.3",
-                "has-tostringtag": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-path-cwd": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-3.0.0.tgz",
-            "integrity": "sha512-kyiNFFLU0Ampr6SDZitD/DwUo4Zs1nSdnygUBqsu3LooL00Qvb5j+UnvApUn/TTj1J3OuE6BTdQ5rudKmU2ZaA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/is-path-inside": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-4.0.0.tgz",
-            "integrity": "sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/is-plain-obj": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
-            "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/is-plain-object": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
-            "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-regex": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
-            "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.2",
-                "gopd": "^1.2.0",
-                "has-tostringtag": "^1.0.2",
-                "hasown": "^2.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-relative": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/is-relative/-/is-relative-1.0.0.tgz",
-            "integrity": "sha512-Kw/ReK0iqwKeu0MITLFuj0jbPAmEiOsIwyIXvvbfa6QfmN9pkD1M+8pdk7Rl/dTKbH34/XBFMbgD4iMJhLQbGA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-unc-path": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-set": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
-            "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-shared-array-buffer": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
-            "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.3"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-stream": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
-            "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/is-string": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
-            "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.3",
-                "has-tostringtag": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-symbol": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
-            "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.2",
-                "has-symbols": "^1.1.0",
-                "safe-regex-test": "^1.1.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-typed-array": {
-            "version": "1.1.15",
-            "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
-            "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "which-typed-array": "^1.1.16"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-unc-path": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/is-unc-path/-/is-unc-path-1.0.0.tgz",
-            "integrity": "sha512-mrGpVd0fs7WWLfVsStvgF6iEJnbjDFZh9/emhRDcGWTduTfNHd9CHeUwH3gYIjdbwo4On6hunkztwOaAw0yllQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "unc-path-regex": "^0.1.2"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-unicode-supported": {
-            "version": "0.1.0",
-            "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
-            "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/is-valid-glob": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/is-valid-glob/-/is-valid-glob-1.0.0.tgz",
-            "integrity": "sha512-AhiROmoEFDSsjx8hW+5sGwgKVIORcXnrlAx/R0ZSeaPw70Vw0CqkGBBhHGL58Uox2eXnU1AnvXJl1XlyedO5bA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-weakmap": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
-            "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-weakref": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
-            "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.3"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-weakset": {
-            "version": "2.0.4",
-            "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
-            "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.3",
-                "get-intrinsic": "^1.2.6"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-what": {
-            "version": "3.14.1",
-            "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
-            "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/is-windows": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
-            "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-wsl": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz",
-            "integrity": "sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-inside-container": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=16"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/isarray": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-            "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/isbinaryfile": {
-            "version": "4.0.10",
-            "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-4.0.10.tgz",
-            "integrity": "sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 8.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/gjtorikian/"
-            }
-        },
-        "node_modules/isexe": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/isobject": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
-            "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/istanbul-lib-coverage": {
-            "version": "3.2.2",
-            "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
-            "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/istanbul-lib-instrument": {
-            "version": "6.0.3",
-            "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz",
-            "integrity": "sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "dependencies": {
-                "@babel/core": "^7.23.9",
-                "@babel/parser": "^7.23.9",
-                "@istanbuljs/schema": "^0.1.3",
-                "istanbul-lib-coverage": "^3.2.0",
-                "semver": "^7.5.4"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/istanbul-lib-report": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
-            "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "dependencies": {
-                "istanbul-lib-coverage": "^3.0.0",
-                "make-dir": "^4.0.0",
-                "supports-color": "^7.1.0"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/istanbul-lib-source-maps": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
-            "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "dependencies": {
-                "debug": "^4.1.1",
-                "istanbul-lib-coverage": "^3.0.0",
-                "source-map": "^0.6.1"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/istanbul-lib-source-maps/node_modules/source-map": {
-            "version": "0.6.1",
-            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/istanbul-reports": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.2.0.tgz",
-            "integrity": "sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "dependencies": {
-                "html-escaper": "^2.0.0",
-                "istanbul-lib-report": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/jackspeak": {
-            "version": "3.4.3",
-            "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
-            "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-            "dev": true,
-            "license": "BlueOak-1.0.0",
-            "dependencies": {
-                "@isaacs/cliui": "^8.0.2"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            },
-            "optionalDependencies": {
-                "@pkgjs/parseargs": "^0.11.0"
-            }
-        },
-        "node_modules/jake": {
-            "version": "10.9.4",
-            "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.4.tgz",
-            "integrity": "sha512-wpHYzhxiVQL+IV05BLE2Xn34zW1S223hvjtqk0+gsPrwd/8JNLXJgZZM/iPFsYc1xyphF+6M6EvdE5E9MBGkDA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "async": "^3.2.6",
-                "filelist": "^1.0.4",
-                "picocolors": "^1.1.1"
-            },
-            "bin": {
-                "jake": "bin/cli.js"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/jasmine-core": {
-            "version": "4.6.1",
-            "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-4.6.1.tgz",
-            "integrity": "sha512-VYz/BjjmC3klLJlLwA4Kw8ytk0zDSmbbDLNs794VnWmkcCB7I9aAL/D48VNQtmITyPvea2C3jdUMfc3kAoy0PQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/jest-diff": {
-            "version": "29.7.0",
-            "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz",
-            "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "chalk": "^4.0.0",
-                "diff-sequences": "^29.6.3",
-                "jest-get-type": "^29.6.3",
-                "pretty-format": "^29.7.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-get-type": {
-            "version": "29.6.3",
-            "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz",
-            "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-matcher-utils": {
-            "version": "29.7.0",
-            "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz",
-            "integrity": "sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "chalk": "^4.0.0",
-                "jest-diff": "^29.7.0",
-                "jest-get-type": "^29.6.3",
-                "pretty-format": "^29.7.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-message-util": {
-            "version": "29.7.0",
-            "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz",
-            "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/code-frame": "^7.12.13",
-                "@jest/types": "^29.6.3",
-                "@types/stack-utils": "^2.0.0",
-                "chalk": "^4.0.0",
-                "graceful-fs": "^4.2.9",
-                "micromatch": "^4.0.4",
-                "pretty-format": "^29.7.0",
-                "slash": "^3.0.0",
-                "stack-utils": "^2.0.3"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-message-util/node_modules/slash": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-            "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/jest-util": {
-            "version": "29.7.0",
-            "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
-            "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jest/types": "^29.6.3",
-                "@types/node": "*",
-                "chalk": "^4.0.0",
-                "ci-info": "^3.2.0",
-                "graceful-fs": "^4.2.9",
-                "picomatch": "^2.2.3"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/jest-util/node_modules/picomatch": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8.6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/jonschlinkert"
-            }
-        },
-        "node_modules/jest-worker": {
-            "version": "27.5.1",
-            "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
-            "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/node": "*",
-                "merge-stream": "^2.0.0",
-                "supports-color": "^8.0.0"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/jest-worker/node_modules/supports-color": {
-            "version": "8.1.1",
-            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-            "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "has-flag": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/supports-color?sponsor=1"
-            }
-        },
-        "node_modules/jiti": {
-            "version": "1.21.7",
-            "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
-            "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "jiti": "bin/jiti.js"
-            }
-        },
-        "node_modules/js-tokens": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-            "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/js-yaml": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-            "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "argparse": "^2.0.1"
-            },
-            "bin": {
-                "js-yaml": "bin/js-yaml.js"
-            }
-        },
-        "node_modules/jsdoc-type-pratt-parser": {
-            "version": "6.10.0",
-            "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-6.10.0.tgz",
-            "integrity": "sha512-+LexoTRyYui5iOhJGn13N9ZazL23nAHGkXsa1p/C8yeq79WRfLBag6ZZ0FQG2aRoc9yfo59JT9EYCQonOkHKkQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=20.0.0"
-            }
-        },
-        "node_modules/jsesc": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
-            "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "jsesc": "bin/jsesc"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/json-buffer": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-            "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/json-parse-even-better-errors": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.2.tgz",
-            "integrity": "sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/json-schema-traverse": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-            "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/json-stable-stringify-without-jsonify": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-            "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/json5": {
-            "version": "2.2.3",
-            "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-            "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "json5": "lib/cli.js"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/jsonc-parser": {
-            "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.3.1.tgz",
-            "integrity": "sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/jsonfile": {
-            "version": "6.2.0",
-            "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
-            "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "universalify": "^2.0.0"
-            },
-            "optionalDependencies": {
-                "graceful-fs": "^4.1.6"
-            }
-        },
-        "node_modules/jsonparse": {
-            "version": "1.3.1",
-            "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz",
-            "integrity": "sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==",
-            "dev": true,
-            "engines": [
-                "node >= 0.2.0"
-            ],
-            "license": "MIT"
-        },
-        "node_modules/jspdf": {
-            "version": "2.5.2",
-            "resolved": "https://registry.npmjs.org/jspdf/-/jspdf-2.5.2.tgz",
-            "integrity": "sha512-myeX9c+p7znDWPk0eTrujCzNjT+CXdXyk7YmJq5nD5V7uLLKmSXnlQ/Jn/kuo3X09Op70Apm0rQSnFWyGK8uEQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/runtime": "^7.23.2",
-                "atob": "^2.1.2",
-                "btoa": "^1.2.1",
-                "fflate": "^0.8.1"
-            },
-            "optionalDependencies": {
-                "canvg": "^3.0.6",
-                "core-js": "^3.6.0",
-                "dompurify": "^2.5.4",
-                "html2canvas": "^1.0.0-rc.5"
-            }
-        },
-        "node_modules/jspdf-autotable": {
-            "version": "3.8.4",
-            "resolved": "https://registry.npmjs.org/jspdf-autotable/-/jspdf-autotable-3.8.4.tgz",
-            "integrity": "sha512-rSffGoBsJYX83iTRv8Ft7FhqfgEL2nLpGAIiqruEQQ3e4r0qdLFbPUB7N9HAle0I3XgpisvyW751VHCqKUVOgQ==",
-            "dev": true,
-            "license": "MIT",
-            "peerDependencies": {
-                "jspdf": "^2.5.1"
-            }
-        },
-        "node_modules/karma": {
-            "version": "6.4.4",
-            "resolved": "https://registry.npmjs.org/karma/-/karma-6.4.4.tgz",
-            "integrity": "sha512-LrtUxbdvt1gOpo3gxG+VAJlJAEMhbWlM4YrFQgql98FwF7+K8K12LYO4hnDdUkNjeztYrOXEMqgTajSWgmtI/w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@colors/colors": "1.5.0",
-                "body-parser": "^1.19.0",
-                "braces": "^3.0.2",
-                "chokidar": "^3.5.1",
-                "connect": "^3.7.0",
-                "di": "^0.0.1",
-                "dom-serialize": "^2.2.1",
-                "glob": "^7.1.7",
-                "graceful-fs": "^4.2.6",
-                "http-proxy": "^1.18.1",
-                "isbinaryfile": "^4.0.8",
-                "lodash": "^4.17.21",
-                "log4js": "^6.4.1",
-                "mime": "^2.5.2",
-                "minimatch": "^3.0.4",
-                "mkdirp": "^0.5.5",
-                "qjobs": "^1.2.0",
-                "range-parser": "^1.2.1",
-                "rimraf": "^3.0.2",
-                "socket.io": "^4.7.2",
-                "source-map": "^0.6.1",
-                "tmp": "^0.2.1",
-                "ua-parser-js": "^0.7.30",
-                "yargs": "^16.1.1"
-            },
-            "bin": {
-                "karma": "bin/karma"
-            },
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/karma-chrome-launcher": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/karma-chrome-launcher/-/karma-chrome-launcher-3.2.0.tgz",
-            "integrity": "sha512-rE9RkUPI7I9mAxByQWkGJFXfFD6lE4gC5nPuZdobf/QdTEJI6EU4yIay/cfU/xV4ZxlM5JiTv7zWYgA64NpS5Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "which": "^1.2.1"
-            }
-        },
-        "node_modules/karma-chrome-launcher/node_modules/which": {
-            "version": "1.3.1",
-            "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-            "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "isexe": "^2.0.0"
-            },
-            "bin": {
-                "which": "bin/which"
-            }
-        },
-        "node_modules/karma-coverage": {
-            "version": "2.2.1",
-            "resolved": "https://registry.npmjs.org/karma-coverage/-/karma-coverage-2.2.1.tgz",
-            "integrity": "sha512-yj7hbequkQP2qOSb20GuNSIyE//PgJWHwC2IydLE6XRtsnaflv+/OSGNssPjobYUlhVVagy99TQpqUt3vAUG7A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "istanbul-lib-coverage": "^3.2.0",
-                "istanbul-lib-instrument": "^5.1.0",
-                "istanbul-lib-report": "^3.0.0",
-                "istanbul-lib-source-maps": "^4.0.1",
-                "istanbul-reports": "^3.0.5",
-                "minimatch": "^3.0.4"
-            },
-            "engines": {
-                "node": ">=10.0.0"
-            }
-        },
-        "node_modules/karma-coverage/node_modules/brace-expansion": {
-            "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "balanced-match": "^1.0.0",
-                "concat-map": "0.0.1"
-            }
-        },
-        "node_modules/karma-coverage/node_modules/istanbul-lib-instrument": {
-            "version": "5.2.1",
-            "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
-            "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "dependencies": {
-                "@babel/core": "^7.12.3",
-                "@babel/parser": "^7.14.7",
-                "@istanbuljs/schema": "^0.1.2",
-                "istanbul-lib-coverage": "^3.2.0",
-                "semver": "^6.3.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/karma-coverage/node_modules/minimatch": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^1.1.7"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/karma-coverage/node_modules/semver": {
-            "version": "6.3.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/karma-jasmine": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/karma-jasmine/-/karma-jasmine-5.1.0.tgz",
-            "integrity": "sha512-i/zQLFrfEpRyQoJF9fsCdTMOF5c2dK7C7OmsuKg2D0YSsuZSfQDiLuaiktbuio6F2wiCsZSnSnieIQ0ant/uzQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "jasmine-core": "^4.1.0"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "peerDependencies": {
-                "karma": "^6.0.0"
-            }
-        },
-        "node_modules/karma-jasmine-html-reporter": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-2.0.0.tgz",
-            "integrity": "sha512-SB8HNNiazAHXM1vGEzf8/tSyEhkfxuDdhYdPBX2Mwgzt0OuF2gicApQ+uvXLID/gXyJQgvrM9+1/2SxZFUUDIA==",
-            "dev": true,
-            "license": "MIT",
-            "peerDependencies": {
-                "jasmine-core": "^4.0.0",
-                "karma": "^6.0.0",
-                "karma-jasmine": "^5.0.0"
-            }
-        },
-        "node_modules/karma-source-map-support": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/karma-source-map-support/-/karma-source-map-support-1.4.0.tgz",
-            "integrity": "sha512-RsBECncGO17KAoJCYXjv+ckIz+Ii9NCi+9enk+rq6XC81ezYkb4/RHE6CTXdA7IOJqoF3wcaLfVG0CPmE5ca6A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "source-map-support": "^0.5.5"
-            }
-        },
-        "node_modules/karma/node_modules/brace-expansion": {
-            "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "balanced-match": "^1.0.0",
-                "concat-map": "0.0.1"
-            }
-        },
-        "node_modules/karma/node_modules/cliui": {
-            "version": "7.0.4",
-            "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
-            "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "string-width": "^4.2.0",
-                "strip-ansi": "^6.0.0",
-                "wrap-ansi": "^7.0.0"
-            }
-        },
-        "node_modules/karma/node_modules/glob": {
-            "version": "7.2.3",
-            "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-            "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-            "deprecated": "Glob versions prior to v9 are no longer supported",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "fs.realpath": "^1.0.0",
-                "inflight": "^1.0.4",
-                "inherits": "2",
-                "minimatch": "^3.1.1",
-                "once": "^1.3.0",
-                "path-is-absolute": "^1.0.0"
-            },
-            "engines": {
-                "node": "*"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/karma/node_modules/minimatch": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^1.1.7"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/karma/node_modules/mkdirp": {
-            "version": "0.5.6",
-            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-            "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "minimist": "^1.2.6"
-            },
-            "bin": {
-                "mkdirp": "bin/cmd.js"
-            }
-        },
-        "node_modules/karma/node_modules/source-map": {
-            "version": "0.6.1",
-            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/karma/node_modules/wrap-ansi": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^4.0.0",
-                "string-width": "^4.1.0",
-                "strip-ansi": "^6.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/karma/node_modules/yargs": {
-            "version": "16.2.0",
-            "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
-            "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cliui": "^7.0.2",
-                "escalade": "^3.1.1",
-                "get-caller-file": "^2.0.5",
-                "require-directory": "^2.1.1",
-                "string-width": "^4.2.0",
-                "y18n": "^5.0.5",
-                "yargs-parser": "^20.2.2"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/karma/node_modules/yargs-parser": {
-            "version": "20.2.9",
-            "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
-            "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/keycharm": {
-            "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/keycharm/-/keycharm-0.4.0.tgz",
-            "integrity": "sha512-TyQTtsabOVv3MeOpR92sIKk/br9wxS+zGj4BG7CR8YbK4jM3tyIBaF0zhzeBUMx36/Q/iQLOKKOT+3jOQtemRQ==",
-            "dev": true,
-            "license": "(Apache-2.0 OR MIT)",
-            "peer": true
-        },
-        "node_modules/keyv": {
-            "version": "4.5.4",
-            "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-            "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "json-buffer": "3.0.1"
-            }
-        },
-        "node_modules/kind-of": {
-            "version": "6.0.3",
-            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-            "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/last-run": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/last-run/-/last-run-2.0.0.tgz",
-            "integrity": "sha512-j+y6WhTLN4Itnf9j5ZQos1BGPCS8DAwmgMroR3OzfxAsBxam0hMw7J8M3KqZl0pLQJ1jNnwIexg5DYpC/ctwEQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/launch-editor": {
-            "version": "2.12.0",
-            "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.12.0.tgz",
-            "integrity": "sha512-giOHXoOtifjdHqUamwKq6c49GzBdLjvxrd2D+Q4V6uOHopJv7p9VJxikDsQ/CBXZbEITgUqSVHXLTG3VhPP1Dg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "picocolors": "^1.1.1",
-                "shell-quote": "^1.8.3"
-            }
-        },
-        "node_modules/lead": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/lead/-/lead-4.0.0.tgz",
-            "integrity": "sha512-DpMa59o5uGUWWjruMp71e6knmwKU3jRBBn1kjuLWN9EeIOxNeSAwvHf03WIl8g/ZMR2oSQC9ej3yeLBwdDc/pg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/less": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/less/-/less-4.2.0.tgz",
-            "integrity": "sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "copy-anything": "^2.0.1",
-                "parse-node-version": "^1.0.1",
-                "tslib": "^2.3.0"
-            },
-            "bin": {
-                "lessc": "bin/lessc"
-            },
-            "engines": {
-                "node": ">=6"
-            },
-            "optionalDependencies": {
-                "errno": "^0.1.1",
-                "graceful-fs": "^4.1.2",
-                "image-size": "~0.5.0",
-                "make-dir": "^2.1.0",
-                "mime": "^1.4.1",
-                "needle": "^3.1.0",
-                "source-map": "~0.6.0"
-            }
-        },
-        "node_modules/less-loader": {
-            "version": "12.2.0",
-            "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-12.2.0.tgz",
-            "integrity": "sha512-MYUxjSQSBUQmowc0l5nPieOYwMzGPUaTzB6inNW/bdPEG9zOL3eAAD1Qw5ZxSPk7we5dMojHwNODYMV1hq4EVg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 18.12.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            },
-            "peerDependencies": {
-                "@rspack/core": "0.x || 1.x",
-                "less": "^3.5.0 || ^4.0.0",
-                "webpack": "^5.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@rspack/core": {
-                    "optional": true
-                },
-                "webpack": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/less/node_modules/make-dir": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
-            "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "pify": "^4.0.1",
-                "semver": "^5.6.0"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/less/node_modules/mime": {
-            "version": "1.6.0",
-            "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-            "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "bin": {
-                "mime": "cli.js"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/less/node_modules/pify": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
-            "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/less/node_modules/semver": {
-            "version": "5.7.2",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-            "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-            "dev": true,
-            "license": "ISC",
-            "optional": true,
-            "bin": {
-                "semver": "bin/semver"
-            }
-        },
-        "node_modules/less/node_modules/source-map": {
-            "version": "0.6.1",
-            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "optional": true,
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/levn": {
-            "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-            "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "prelude-ls": "^1.2.1",
-                "type-check": "~0.4.0"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/license-webpack-plugin": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/license-webpack-plugin/-/license-webpack-plugin-4.0.2.tgz",
-            "integrity": "sha512-771TFWFD70G1wLTC4oU2Cw4qvtmNrIw+wRvBtn+okgHl7slJVi7zfNcdmqDL72BojM30VNJ2UHylr1o77U37Jw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "webpack-sources": "^3.0.0"
-            },
-            "peerDependenciesMeta": {
-                "webpack": {
-                    "optional": true
-                },
-                "webpack-sources": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/liftoff": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/liftoff/-/liftoff-5.0.1.tgz",
-            "integrity": "sha512-wwLXMbuxSF8gMvubFcFRp56lkFV69twvbU5vDPbaw+Q+/rF8j0HKjGbIdlSi+LuJm9jf7k9PB+nTxnsLMPcv2Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "extend": "^3.0.2",
-                "findup-sync": "^5.0.0",
-                "fined": "^2.0.0",
-                "flagged-respawn": "^2.0.0",
-                "is-plain-object": "^5.0.0",
-                "rechoir": "^0.8.0",
-                "resolve": "^1.20.0"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/lilconfig": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
-            "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antonk52"
-            }
-        },
-        "node_modules/lines-and-columns": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-2.0.3.tgz",
-            "integrity": "sha512-cNOjgCnLB+FnvWWtyRTzmB3POJ+cXxTA81LoW7u8JdmhfXzriropYwpjShnz1QLLWsQwY7nIxoDmcPTwphDK9w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-            }
-        },
-        "node_modules/listr2": {
-            "version": "8.2.4",
-            "resolved": "https://registry.npmjs.org/listr2/-/listr2-8.2.4.tgz",
-            "integrity": "sha512-opevsywziHd3zHCVQGAj8zu+Z3yHNkkoYhWIGnq54RrCVwLz0MozotJEDnKsIBLvkfLGN6BLOyAeRrYI0pKA4g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cli-truncate": "^4.0.0",
-                "colorette": "^2.0.20",
-                "eventemitter3": "^5.0.1",
-                "log-update": "^6.1.0",
-                "rfdc": "^1.4.1",
-                "wrap-ansi": "^9.0.0"
-            },
-            "engines": {
-                "node": ">=18.0.0"
-            }
-        },
-        "node_modules/listr2/node_modules/ansi-regex": {
-            "version": "6.2.2",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-            "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-            }
-        },
-        "node_modules/listr2/node_modules/ansi-styles": {
-            "version": "6.2.3",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
-            "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/listr2/node_modules/emoji-regex": {
-            "version": "10.6.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
-            "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/listr2/node_modules/eventemitter3": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
-            "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/listr2/node_modules/string-width": {
-            "version": "7.2.0",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
-            "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "emoji-regex": "^10.3.0",
-                "get-east-asian-width": "^1.0.0",
-                "strip-ansi": "^7.1.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/listr2/node_modules/strip-ansi": {
-            "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
-            "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-            }
-        },
-        "node_modules/listr2/node_modules/wrap-ansi": {
-            "version": "9.0.2",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
-            "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^6.2.1",
-                "string-width": "^7.0.0",
-                "strip-ansi": "^7.1.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/lmdb": {
-            "version": "3.0.13",
-            "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.0.13.tgz",
-            "integrity": "sha512-UGe+BbaSUQtAMZobTb4nHvFMrmvuAQKSeaqAX2meTEQjfsbpl5sxdHD8T72OnwD4GU9uwNhYXIVe4QGs8N9Zyw==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "dependencies": {
-                "msgpackr": "^1.10.2",
-                "node-addon-api": "^6.1.0",
-                "node-gyp-build-optional-packages": "5.2.2",
-                "ordered-binary": "^1.4.1",
-                "weak-lru-cache": "^1.2.2"
-            },
-            "bin": {
-                "download-lmdb-prebuilds": "bin/download-prebuilds.js"
-            },
-            "optionalDependencies": {
-                "@lmdb/lmdb-darwin-arm64": "3.0.13",
-                "@lmdb/lmdb-darwin-x64": "3.0.13",
-                "@lmdb/lmdb-linux-arm": "3.0.13",
-                "@lmdb/lmdb-linux-arm64": "3.0.13",
-                "@lmdb/lmdb-linux-x64": "3.0.13",
-                "@lmdb/lmdb-win32-x64": "3.0.13"
-            }
-        },
-        "node_modules/loader-runner": {
-            "version": "4.3.1",
-            "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.1.tgz",
-            "integrity": "sha512-IWqP2SCPhyVFTBtRcgMHdzlf9ul25NwaFx4wCEH/KjAXuuHY4yNjvPXsBokp8jCB936PyWRaPKUNh8NvylLp2Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6.11.5"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            }
-        },
-        "node_modules/loader-utils": {
-            "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.3.1.tgz",
-            "integrity": "sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 12.13.0"
-            }
-        },
-        "node_modules/locate-path": {
-            "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-            "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "p-locate": "^5.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/lodash": {
-            "version": "4.17.21",
-            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/lodash-es": {
-            "version": "4.17.21",
-            "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
-            "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/lodash.clonedeep": {
-            "version": "4.5.0",
-            "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
-            "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/lodash.debounce": {
-            "version": "4.0.8",
-            "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
-            "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/lodash.isequal": {
-            "version": "4.5.0",
-            "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
-            "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==",
-            "deprecated": "This package is deprecated. Use require('node:util').isDeepStrictEqual instead.",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/lodash.merge": {
-            "version": "4.6.2",
-            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/log-symbols": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
-            "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "chalk": "^4.1.0",
-                "is-unicode-supported": "^0.1.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/log-update": {
-            "version": "6.1.0",
-            "resolved": "https://registry.npmjs.org/log-update/-/log-update-6.1.0.tgz",
-            "integrity": "sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-escapes": "^7.0.0",
-                "cli-cursor": "^5.0.0",
-                "slice-ansi": "^7.1.0",
-                "strip-ansi": "^7.1.0",
-                "wrap-ansi": "^9.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/log-update/node_modules/ansi-escapes": {
-            "version": "7.2.0",
-            "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.2.0.tgz",
-            "integrity": "sha512-g6LhBsl+GBPRWGWsBtutpzBYuIIdBkLEvad5C/va/74Db018+5TZiyA26cZJAr3Rft5lprVqOIPxf5Vid6tqAw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "environment": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/log-update/node_modules/ansi-regex": {
-            "version": "6.2.2",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-            "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-            }
-        },
-        "node_modules/log-update/node_modules/ansi-styles": {
-            "version": "6.2.3",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
-            "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/log-update/node_modules/emoji-regex": {
-            "version": "10.6.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
-            "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/log-update/node_modules/is-fullwidth-code-point": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-5.1.0.tgz",
-            "integrity": "sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "get-east-asian-width": "^1.3.1"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/log-update/node_modules/slice-ansi": {
-            "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.2.tgz",
-            "integrity": "sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^6.2.1",
-                "is-fullwidth-code-point": "^5.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/slice-ansi?sponsor=1"
-            }
-        },
-        "node_modules/log-update/node_modules/string-width": {
-            "version": "7.2.0",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
-            "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "emoji-regex": "^10.3.0",
-                "get-east-asian-width": "^1.0.0",
-                "strip-ansi": "^7.1.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/log-update/node_modules/strip-ansi": {
-            "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
-            "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-            }
-        },
-        "node_modules/log-update/node_modules/wrap-ansi": {
-            "version": "9.0.2",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
-            "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^6.2.1",
-                "string-width": "^7.0.0",
-                "strip-ansi": "^7.1.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/log4js": {
-            "version": "6.9.1",
-            "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.9.1.tgz",
-            "integrity": "sha512-1somDdy9sChrr9/f4UlzhdaGfDR2c/SaD2a4T7qEkG4jTS57/B3qmnjLYePwQ8cqWnUHZI0iAKxMBpCZICiZ2g==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "date-format": "^4.0.14",
-                "debug": "^4.3.4",
-                "flatted": "^3.2.7",
-                "rfdc": "^1.3.0",
-                "streamroller": "^3.1.5"
-            },
-            "engines": {
-                "node": ">=8.0"
-            }
-        },
-        "node_modules/loglevel": {
-            "version": "1.9.2",
-            "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.9.2.tgz",
-            "integrity": "sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6.0"
-            },
-            "funding": {
-                "type": "tidelift",
-                "url": "https://tidelift.com/funding/github/npm/loglevel"
-            }
-        },
-        "node_modules/loglevel-plugin-prefix": {
-            "version": "0.8.4",
-            "resolved": "https://registry.npmjs.org/loglevel-plugin-prefix/-/loglevel-plugin-prefix-0.8.4.tgz",
-            "integrity": "sha512-WpG9CcFAOjz/FtNht+QJeGpvVl/cdR6P0z6OcXSkr8wFJOsV2GRj2j10JLfjuA4aYkcKCNIEqRGCyTife9R8/g==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/lower-case": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
-            "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tslib": "^2.0.3"
-            }
-        },
-        "node_modules/lru-cache": {
-            "version": "5.1.1",
-            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-            "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "yallist": "^3.0.2"
-            }
-        },
-        "node_modules/lunr": {
-            "version": "2.3.9",
-            "resolved": "https://registry.npmjs.org/lunr/-/lunr-2.3.9.tgz",
-            "integrity": "sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/macos-release": {
-            "version": "2.5.1",
-            "resolved": "https://registry.npmjs.org/macos-release/-/macos-release-2.5.1.tgz",
-            "integrity": "sha512-DXqXhEM7gW59OjZO8NIjBCz9AQ1BEMrfiOAl4AYByHCtVHRF4KoGNO8mqQeM8lRCtQe/UnJ4imO/d2HdkKsd+A==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/magic-string": {
-            "version": "0.30.11",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.11.tgz",
-            "integrity": "sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jridgewell/sourcemap-codec": "^1.5.0"
-            }
-        },
-        "node_modules/make-dir": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
-            "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "semver": "^7.5.3"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/make-error": {
-            "version": "1.3.6",
-            "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
-            "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/make-error-cause": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/make-error-cause/-/make-error-cause-1.2.2.tgz",
-            "integrity": "sha512-4TO2Y3HkBnis4c0dxhAgD/jprySYLACf7nwN6V0HAHDx59g12WlRpUmFy1bRHamjGUEEBrEvCq6SUpsEE2lhUg==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "make-error": "^1.2.0"
-            }
-        },
-        "node_modules/make-fetch-happen": {
-            "version": "13.0.1",
-            "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-13.0.1.tgz",
-            "integrity": "sha512-cKTUFc/rbKUd/9meOvgrpJ2WrNzymt6jfRDdwg5UCnVzv9dTpEj9JS5m3wtziXVCjluIXyL8pcaukYqezIzZQA==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "@npmcli/agent": "^2.0.0",
-                "cacache": "^18.0.0",
-                "http-cache-semantics": "^4.1.1",
-                "is-lambda": "^1.0.1",
-                "minipass": "^7.0.2",
-                "minipass-fetch": "^3.0.0",
-                "minipass-flush": "^1.0.5",
-                "minipass-pipeline": "^1.2.4",
-                "negotiator": "^0.6.3",
-                "proc-log": "^4.2.0",
-                "promise-retry": "^2.0.1",
-                "ssri": "^10.0.0"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/map-cache": {
-            "version": "0.2.2",
-            "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
-            "integrity": "sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/map-or-similar": {
-            "version": "1.5.0",
-            "resolved": "https://registry.npmjs.org/map-or-similar/-/map-or-similar-1.5.0.tgz",
-            "integrity": "sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/marked": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/marked/-/marked-4.3.0.tgz",
-            "integrity": "sha512-PRsaiG84bK+AMvxziE/lCFss8juXjNaWzVbN5tXAm4XjeaS9NAHhop+PjQxz2A9h8Q4M/xGmzP8vqNwy6JeK0A==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "marked": "bin/marked.js"
-            },
-            "engines": {
-                "node": ">= 12"
-            }
-        },
-        "node_modules/matchit": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/matchit/-/matchit-1.1.0.tgz",
-            "integrity": "sha512-+nGYoOlfHmxe5BW5tE0EMJppXEwdSf8uBA1GTZC7Q77kbT35+VKLYJMzVNWCHSsga1ps1tPYFtFyvxvKzWVmMA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@arr/every": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/math-intrinsics": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
-            "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/media-typer": {
-            "version": "0.3.0",
-            "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
-            "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/memfs": {
-            "version": "3.5.3",
-            "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz",
-            "integrity": "sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==",
-            "dev": true,
-            "license": "Unlicense",
-            "dependencies": {
-                "fs-monkey": "^1.0.4"
-            },
-            "engines": {
-                "node": ">= 4.0.0"
-            }
-        },
-        "node_modules/memoizerific": {
-            "version": "1.11.3",
-            "resolved": "https://registry.npmjs.org/memoizerific/-/memoizerific-1.11.3.tgz",
-            "integrity": "sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "map-or-similar": "^1.5.0"
-            }
-        },
-        "node_modules/merge-descriptors": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
-            "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
-            "dev": true,
-            "license": "MIT",
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/merge-stream": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
-            "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/merge2": {
-            "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/methods": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
-            "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/micromatch": {
-            "version": "4.0.8",
-            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-            "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "braces": "^3.0.3",
-                "picomatch": "^2.3.1"
-            },
-            "engines": {
-                "node": ">=8.6"
-            }
-        },
-        "node_modules/micromatch/node_modules/picomatch": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8.6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/jonschlinkert"
-            }
-        },
-        "node_modules/mime": {
-            "version": "2.6.0",
-            "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
-            "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "mime": "cli.js"
-            },
-            "engines": {
-                "node": ">=4.0.0"
-            }
-        },
-        "node_modules/mime-db": {
-            "version": "1.52.0",
-            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/mime-types": {
-            "version": "2.1.35",
-            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "mime-db": "1.52.0"
-            },
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/mimic-fn": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-            "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/mimic-function": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/mimic-function/-/mimic-function-5.0.1.tgz",
-            "integrity": "sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/mini-css-extract-plugin": {
-            "version": "2.9.0",
-            "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.0.tgz",
-            "integrity": "sha512-Zs1YsZVfemekSZG+44vBsYTLQORkPMwnlv+aehcxK/NLKC+EGhDB39/YePYYqx/sTk6NnYpuqikhSn7+JIevTA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "schema-utils": "^4.0.0",
-                "tapable": "^2.2.1"
-            },
-            "engines": {
-                "node": ">= 12.13.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            },
-            "peerDependencies": {
-                "webpack": "^5.0.0"
-            }
-        },
-        "node_modules/minimalistic-assert": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
-            "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/minimatch": {
-            "version": "9.0.3",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
-            "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/minimist": {
-            "version": "1.2.8",
-            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-            "dev": true,
-            "license": "MIT",
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/minio": {
-            "version": "8.0.5",
-            "resolved": "https://registry.npmjs.org/minio/-/minio-8.0.5.tgz",
-            "integrity": "sha512-/vAze1uyrK2R/DSkVutE4cjVoAowvIQ18RAwn7HrqnLecLlMazFnY0oNBqfuoAWvu7mZIGX75AzpuV05TJeoHg==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "async": "^3.2.4",
-                "block-stream2": "^2.1.0",
-                "browser-or-node": "^2.1.1",
-                "buffer-crc32": "^1.0.0",
-                "eventemitter3": "^5.0.1",
-                "fast-xml-parser": "^4.4.1",
-                "ipaddr.js": "^2.0.1",
-                "lodash": "^4.17.21",
-                "mime-types": "^2.1.35",
-                "query-string": "^7.1.3",
-                "stream-json": "^1.8.0",
-                "through2": "^4.0.2",
-                "web-encoding": "^1.1.5",
-                "xml2js": "^0.5.0 || ^0.6.2"
-            },
-            "engines": {
-                "node": "^16 || ^18 || >=20"
-            }
-        },
-        "node_modules/minio/node_modules/eventemitter3": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
-            "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/minio/node_modules/through2": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/through2/-/through2-4.0.2.tgz",
-            "integrity": "sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "readable-stream": "3"
-            }
-        },
-        "node_modules/minipass": {
-            "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-            "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            }
-        },
-        "node_modules/minipass-collect": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-2.0.1.tgz",
-            "integrity": "sha512-D7V8PO9oaz7PWGLbCACuI1qEOsq7UKfLotx/C0Aet43fCUB/wfQ7DYeq2oR/svFJGYDHPr38SHATeaj/ZoKHKw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "minipass": "^7.0.3"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            }
-        },
-        "node_modules/minipass-fetch": {
-            "version": "3.0.5",
-            "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-3.0.5.tgz",
-            "integrity": "sha512-2N8elDQAtSnFV0Dk7gt15KHsS0Fyz6CbYZ360h0WTYV1Ty46li3rAXVOQj1THMNLdmrD9Vt5pBPtWtVkpwGBqg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "minipass": "^7.0.3",
-                "minipass-sized": "^1.0.3",
-                "minizlib": "^2.1.2"
-            },
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            },
-            "optionalDependencies": {
-                "encoding": "^0.1.13"
-            }
-        },
-        "node_modules/minipass-flush": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz",
-            "integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "minipass": "^3.0.0"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/minipass-flush/node_modules/minipass": {
-            "version": "3.3.6",
-            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
-            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "yallist": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/minipass-flush/node_modules/yallist": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/minipass-pipeline": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz",
-            "integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "minipass": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/minipass-pipeline/node_modules/minipass": {
-            "version": "3.3.6",
-            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
-            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "yallist": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/minipass-pipeline/node_modules/yallist": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/minipass-sized": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-1.0.3.tgz",
-            "integrity": "sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "minipass": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/minipass-sized/node_modules/minipass": {
-            "version": "3.3.6",
-            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
-            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "yallist": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/minipass-sized/node_modules/yallist": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/minizlib": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
-            "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "minipass": "^3.0.0",
-                "yallist": "^4.0.0"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/minizlib/node_modules/minipass": {
-            "version": "3.3.6",
-            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
-            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "yallist": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/minizlib/node_modules/yallist": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/mkdirp": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
-            "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "mkdirp": "bin/cmd.js"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/morgan": {
-            "version": "1.10.1",
-            "resolved": "https://registry.npmjs.org/morgan/-/morgan-1.10.1.tgz",
-            "integrity": "sha512-223dMRJtI/l25dJKWpgij2cMtywuG/WiUKXdvwfbhGKBhy1puASqXwFzmWZ7+K73vUPoR7SS2Qz2cI/g9MKw0A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "basic-auth": "~2.0.1",
-                "debug": "2.6.9",
-                "depd": "~2.0.0",
-                "on-finished": "~2.3.0",
-                "on-headers": "~1.1.0"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/morgan/node_modules/debug": {
-            "version": "2.6.9",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-            "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ms": "2.0.0"
-            }
-        },
-        "node_modules/morgan/node_modules/ms": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-            "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/morgan/node_modules/on-finished": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
-            "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ee-first": "1.1.1"
-            },
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/mrmime": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.0.tgz",
-            "integrity": "sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/ms": {
-            "version": "2.1.3",
-            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/msgpackr": {
-            "version": "1.11.5",
-            "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.5.tgz",
-            "integrity": "sha512-UjkUHN0yqp9RWKy0Lplhh+wlpdt9oQBYgULZOiFhV3VclSF1JnSQWZ5r9gORQlNYaUKQoR8itv7g7z1xDDuACA==",
-            "dev": true,
-            "license": "MIT",
-            "optionalDependencies": {
-                "msgpackr-extract": "^3.0.2"
-            }
-        },
-        "node_modules/msgpackr-extract": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.3.tgz",
-            "integrity": "sha512-P0efT1C9jIdVRefqjzOQ9Xml57zpOXnIuS+csaB4MdZbTdmGDLo8XhzBG1N7aO11gKDDkJvBLULeFTo46wwreA==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "node-gyp-build-optional-packages": "5.2.2"
-            },
-            "bin": {
-                "download-msgpackr-prebuilds": "bin/download-prebuilds.js"
-            },
-            "optionalDependencies": {
-                "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.3",
-                "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.3",
-                "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.3",
-                "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.3",
-                "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.3",
-                "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.3"
-            }
-        },
-        "node_modules/multicast-dns": {
-            "version": "7.2.5",
-            "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-7.2.5.tgz",
-            "integrity": "sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "dns-packet": "^5.2.2",
-                "thunky": "^1.0.2"
-            },
-            "bin": {
-                "multicast-dns": "cli.js"
-            }
-        },
-        "node_modules/mute-stdout": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/mute-stdout/-/mute-stdout-2.0.0.tgz",
-            "integrity": "sha512-32GSKM3Wyc8dg/p39lWPKYu8zci9mJFzV1Np9Of0ZEpe6Fhssn/FbI7ywAMd40uX+p3ZKh3T5EeCFv81qS3HmQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/mute-stream": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-1.0.0.tgz",
-            "integrity": "sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/mz": {
-            "version": "2.7.0",
-            "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
-            "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "any-promise": "^1.0.0",
-                "object-assign": "^4.0.1",
-                "thenify-all": "^1.0.0"
-            }
-        },
-        "node_modules/nanoid": {
-            "version": "3.3.11",
-            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-            "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "license": "MIT",
-            "bin": {
-                "nanoid": "bin/nanoid.cjs"
-            },
-            "engines": {
-                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-            }
-        },
-        "node_modules/natural-compare": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-            "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/needle": {
-            "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/needle/-/needle-3.3.1.tgz",
-            "integrity": "sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "iconv-lite": "^0.6.3",
-                "sax": "^1.2.4"
-            },
-            "bin": {
-                "needle": "bin/needle"
-            },
-            "engines": {
-                "node": ">= 4.4.x"
-            }
-        },
-        "node_modules/needle/node_modules/iconv-lite": {
-            "version": "0.6.3",
-            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "safer-buffer": ">= 2.1.2 < 3.0.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/negotiator": {
-            "version": "0.6.3",
-            "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
-            "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/neo-async": {
-            "version": "2.6.2",
-            "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
-            "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/neotraverse": {
-            "version": "0.6.18",
-            "resolved": "https://registry.npmjs.org/neotraverse/-/neotraverse-0.6.18.tgz",
-            "integrity": "sha512-Z4SmBUweYa09+o6pG+eASabEpP6QkQ70yHj351pQoEXIs8uHbaU2DWVmzBANKgflPa47A50PtB2+NgRpQvr7vA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/ng-packagr": {
-            "version": "18.2.1",
-            "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-18.2.1.tgz",
-            "integrity": "sha512-dy9ZDpZb3QpAz+Y/m8VAu7ctr2VrnRU3gmQwJagnNybVJtCsKn3lZA3IW7Z7GTLoG5IALSPouiCgiB/C8ozv7w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@rollup/plugin-json": "^6.1.0",
-                "@rollup/plugin-node-resolve": "^15.2.3",
-                "@rollup/wasm-node": "^4.18.0",
-                "ajv": "^8.12.0",
-                "ansi-colors": "^4.1.3",
-                "browserslist": "^4.22.1",
-                "cacache": "^18.0.0",
-                "chokidar": "^3.5.3",
-                "commander": "^12.0.0",
-                "convert-source-map": "^2.0.0",
-                "dependency-graph": "^1.0.0",
-                "esbuild": "^0.23.0",
-                "fast-glob": "^3.3.1",
-                "find-cache-dir": "^3.3.2",
-                "injection-js": "^2.4.0",
-                "jsonc-parser": "^3.2.0",
-                "less": "^4.2.0",
-                "ora": "^5.1.0",
-                "piscina": "^4.4.0",
-                "postcss": "^8.4.31",
-                "rxjs": "^7.8.1",
-                "sass": "^1.69.5"
-            },
-            "bin": {
-                "ng-packagr": "cli/main.js"
-            },
-            "engines": {
-                "node": "^18.19.1 || >=20.11.1"
-            },
-            "optionalDependencies": {
-                "rollup": "^4.18.0"
-            },
-            "peerDependencies": {
-                "@angular/compiler-cli": "^18.0.0 || ^18.2.0-next.0",
-                "tailwindcss": "^2.0.0 || ^3.0.0",
-                "tslib": "^2.3.0",
-                "typescript": ">=5.4 <5.6"
-            },
-            "peerDependenciesMeta": {
-                "tailwindcss": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/ng-packagr/node_modules/commander": {
-            "version": "12.1.0",
-            "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz",
-            "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/ng-packagr/node_modules/convert-source-map": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-            "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/ng-packagr/node_modules/find-cache-dir": {
-            "version": "3.3.2",
-            "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
-            "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "commondir": "^1.0.1",
-                "make-dir": "^3.0.2",
-                "pkg-dir": "^4.1.0"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/avajs/find-cache-dir?sponsor=1"
-            }
-        },
-        "node_modules/ng-packagr/node_modules/find-up": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-            "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "locate-path": "^5.0.0",
-                "path-exists": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/ng-packagr/node_modules/locate-path": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-            "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "p-locate": "^4.1.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/ng-packagr/node_modules/make-dir": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
-            "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "semver": "^6.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/ng-packagr/node_modules/p-limit": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-            "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "p-try": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/ng-packagr/node_modules/p-locate": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-            "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "p-limit": "^2.2.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/ng-packagr/node_modules/pkg-dir": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
-            "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "find-up": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/ng-packagr/node_modules/semver": {
-            "version": "6.3.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/nice-napi": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/nice-napi/-/nice-napi-1.0.2.tgz",
-            "integrity": "sha512-px/KnJAJZf5RuBGcfD+Sp2pAKq0ytz8j+1NehvgIGFkvtvFrDM3T8E4x/JJODXK9WZow8RRGrbA9QQ3hs+pDhA==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "!win32"
-            ],
-            "dependencies": {
-                "node-addon-api": "^3.0.0",
-                "node-gyp-build": "^4.2.2"
-            }
-        },
-        "node_modules/nice-napi/node_modules/node-addon-api": {
-            "version": "3.2.1",
-            "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz",
-            "integrity": "sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true
-        },
-        "node_modules/no-case": {
-            "version": "3.0.4",
-            "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
-            "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "lower-case": "^2.0.2",
-                "tslib": "^2.0.3"
-            }
-        },
-        "node_modules/node-abort-controller": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/node-abort-controller/-/node-abort-controller-3.1.1.tgz",
-            "integrity": "sha512-AGK2yQKIjRuqnc6VkX2Xj5d+QW8xZ87pa1UK6yA6ouUyuxfHuMP6umE5QK7UmTeOAymo+Zx1Fxiuw9rVx8taHQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/node-addon-api": {
-            "version": "6.1.0",
-            "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz",
-            "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/node-forge": {
-            "version": "1.3.1",
-            "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz",
-            "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==",
-            "dev": true,
-            "license": "(BSD-3-Clause OR GPL-2.0)",
-            "engines": {
-                "node": ">= 6.13.0"
-            }
-        },
-        "node_modules/node-gyp": {
-            "version": "10.3.1",
-            "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-10.3.1.tgz",
-            "integrity": "sha512-Pp3nFHBThHzVtNY7U6JfPjvT/DTE8+o/4xKsLQtBoU+j2HLsGlhcfzflAoUreaJbNmYnX+LlLi0qjV8kpyO6xQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "env-paths": "^2.2.0",
-                "exponential-backoff": "^3.1.1",
-                "glob": "^10.3.10",
-                "graceful-fs": "^4.2.6",
-                "make-fetch-happen": "^13.0.0",
-                "nopt": "^7.0.0",
-                "proc-log": "^4.1.0",
-                "semver": "^7.3.5",
-                "tar": "^6.2.1",
-                "which": "^4.0.0"
-            },
-            "bin": {
-                "node-gyp": "bin/node-gyp.js"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/node-gyp-build": {
-            "version": "4.8.4",
-            "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.8.4.tgz",
-            "integrity": "sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "bin": {
-                "node-gyp-build": "bin.js",
-                "node-gyp-build-optional": "optional.js",
-                "node-gyp-build-test": "build-test.js"
-            }
-        },
-        "node_modules/node-gyp-build-optional-packages": {
-            "version": "5.2.2",
-            "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz",
-            "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "detect-libc": "^2.0.1"
-            },
-            "bin": {
-                "node-gyp-build-optional-packages": "bin.js",
-                "node-gyp-build-optional-packages-optional": "optional.js",
-                "node-gyp-build-optional-packages-test": "build-test.js"
-            }
-        },
-        "node_modules/node-gyp/node_modules/isexe": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
-            "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">=16"
-            }
-        },
-        "node_modules/node-gyp/node_modules/which": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz",
-            "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "isexe": "^3.1.1"
-            },
-            "bin": {
-                "node-which": "bin/which.js"
-            },
-            "engines": {
-                "node": "^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/node-machine-id": {
-            "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/node-machine-id/-/node-machine-id-1.1.12.tgz",
-            "integrity": "sha512-QNABxbrPa3qEIfrE6GOJ7BYIuignnJw7iQ2YPbc3Nla1HzRJjXzZOiikfF8m7eAMfichLt3M4VgLOetqgDmgGQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/node-releases": {
-            "version": "2.0.27",
-            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
-            "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/noms": {
-            "version": "0.0.0",
-            "resolved": "https://registry.npmjs.org/noms/-/noms-0.0.0.tgz",
-            "integrity": "sha512-lNDU9VJaOPxUmXcLb+HQFeUgQQPtMI24Gt6hgfuMHRJgMRHMF/qZ4HJD3GDru4sSw9IQl2jPjAYnQrdIeLbwow==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "inherits": "^2.0.1",
-                "readable-stream": "~1.0.31"
-            }
-        },
-        "node_modules/noms/node_modules/isarray": {
-            "version": "0.0.1",
-            "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
-            "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/noms/node_modules/readable-stream": {
-            "version": "1.0.34",
-            "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
-            "integrity": "sha512-ok1qVCJuRkNmvebYikljxJA/UEsKwLl2nI1OmaqAu4/UE+h0wKCHok4XkL/gvi39OacXvw59RJUOFUkDib2rHg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "core-util-is": "~1.0.0",
-                "inherits": "~2.0.1",
-                "isarray": "0.0.1",
-                "string_decoder": "~0.10.x"
-            }
-        },
-        "node_modules/noms/node_modules/string_decoder": {
-            "version": "0.10.31",
-            "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
-            "integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/nopt": {
-            "version": "7.2.1",
-            "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.1.tgz",
-            "integrity": "sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "abbrev": "^2.0.0"
-            },
-            "bin": {
-                "nopt": "bin/nopt.js"
-            },
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/normalize-package-data": {
-            "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-6.0.2.tgz",
-            "integrity": "sha512-V6gygoYb/5EmNI+MEGrWkC+e6+Rr7mTmfHrxDbLzxQogBkgzo76rkok0Am6thgSF7Mv2nLOajAJj5vDJZEFn7g==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "hosted-git-info": "^7.0.0",
-                "semver": "^7.3.5",
-                "validate-npm-package-license": "^3.0.4"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/normalize-path": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-            "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/normalize-range": {
-            "version": "0.1.2",
-            "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-            "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/now-and-later": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-3.0.0.tgz",
-            "integrity": "sha512-pGO4pzSdaxhWTGkfSfHx3hVzJVslFPwBp2Myq9MYN/ChfJZF87ochMAXnvz6/58RJSf5ik2q9tXprBBrk2cpcg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "once": "^1.4.0"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/npm-bundled": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-3.0.1.tgz",
-            "integrity": "sha512-+AvaheE/ww1JEwRHOrn4WHNzOxGtVp+adrg2AeZS/7KuxGUYFuBta98wYpfHBbJp6Tg6j1NKSEVHNcfZzJHQwQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "npm-normalize-package-bin": "^3.0.0"
-            },
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/npm-install-checks": {
-            "version": "6.3.0",
-            "resolved": "https://registry.npmjs.org/npm-install-checks/-/npm-install-checks-6.3.0.tgz",
-            "integrity": "sha512-W29RiK/xtpCGqn6f3ixfRYGk+zRyr+Ew9F2E20BfXxT5/euLdA/Nm7fO7OeTGuAmTs30cpgInyJ0cYe708YTZw==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "semver": "^7.1.1"
-            },
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/npm-normalize-package-bin": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-3.0.1.tgz",
-            "integrity": "sha512-dMxCf+zZ+3zeQZXKxmyuCKlIDPGuv8EF940xbkC4kQVDTtqoh6rJFO+JTKSA6/Rwi0getWmtuy4Itup0AMcaDQ==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/npm-package-arg": {
-            "version": "11.0.3",
-            "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-11.0.3.tgz",
-            "integrity": "sha512-sHGJy8sOC1YraBywpzQlIKBE4pBbGbiF95U6Auspzyem956E0+FtDtsx1ZxlOJkQCZ1AFXAY/yuvtFYrOxF+Bw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "hosted-git-info": "^7.0.0",
-                "proc-log": "^4.0.0",
-                "semver": "^7.3.5",
-                "validate-npm-package-name": "^5.0.0"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/npm-packlist": {
-            "version": "8.0.2",
-            "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-8.0.2.tgz",
-            "integrity": "sha512-shYrPFIS/JLP4oQmAwDyk5HcyysKW8/JLTEA32S0Z5TzvpaeeX2yMFfoK1fjEBnCBvVyIB/Jj/GBFdm0wsgzbA==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "ignore-walk": "^6.0.4"
-            },
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/npm-pick-manifest": {
-            "version": "9.1.0",
-            "resolved": "https://registry.npmjs.org/npm-pick-manifest/-/npm-pick-manifest-9.1.0.tgz",
-            "integrity": "sha512-nkc+3pIIhqHVQr085X9d2JzPzLyjzQS96zbruppqC9aZRm/x8xx6xhI98gHtsfELP2bE+loHq8ZaHFHhe+NauA==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "npm-install-checks": "^6.0.0",
-                "npm-normalize-package-bin": "^3.0.0",
-                "npm-package-arg": "^11.0.0",
-                "semver": "^7.3.5"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/npm-registry-fetch": {
-            "version": "17.1.0",
-            "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-17.1.0.tgz",
-            "integrity": "sha512-5+bKQRH0J1xG1uZ1zMNvxW0VEyoNWgJpY9UDuluPFLKDfJ9u2JmmjmTJV1srBGQOROfdBMiVvnH2Zvpbm+xkVA==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "@npmcli/redact": "^2.0.0",
-                "jsonparse": "^1.3.1",
-                "make-fetch-happen": "^13.0.0",
-                "minipass": "^7.0.2",
-                "minipass-fetch": "^3.0.0",
-                "minizlib": "^2.1.2",
-                "npm-package-arg": "^11.0.0",
-                "proc-log": "^4.0.0"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/npm-run-path": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
-            "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "path-key": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/nth-check": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
-            "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "boolbase": "^1.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/fb55/nth-check?sponsor=1"
-            }
-        },
-        "node_modules/nx": {
-            "version": "19.8.14",
-            "resolved": "https://registry.npmjs.org/nx/-/nx-19.8.14.tgz",
-            "integrity": "sha512-yprBOWV16eQntz5h5SShYHMVeN50fUb6yHfzsqNiFneCJeyVjyJ585m+2TuVbE11vT1amU0xCjHcSGfJBBnm8g==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "dependencies": {
-                "@napi-rs/wasm-runtime": "0.2.4",
-                "@nrwl/tao": "19.8.14",
-                "@yarnpkg/lockfile": "^1.1.0",
-                "@yarnpkg/parsers": "3.0.0-rc.46",
-                "@zkochan/js-yaml": "0.0.7",
-                "axios": "^1.7.4",
-                "chalk": "^4.1.0",
-                "cli-cursor": "3.1.0",
-                "cli-spinners": "2.6.1",
-                "cliui": "^8.0.1",
-                "dotenv": "~16.4.5",
-                "dotenv-expand": "~11.0.6",
-                "enquirer": "~2.3.6",
-                "figures": "3.2.0",
-                "flat": "^5.0.2",
-                "front-matter": "^4.0.2",
-                "ignore": "^5.0.4",
-                "jest-diff": "^29.4.1",
-                "jsonc-parser": "3.2.0",
-                "lines-and-columns": "2.0.3",
-                "minimatch": "9.0.3",
-                "node-machine-id": "1.1.12",
-                "npm-run-path": "^4.0.1",
-                "open": "^8.4.0",
-                "ora": "5.3.0",
-                "semver": "^7.5.3",
-                "string-width": "^4.2.3",
-                "strong-log-transformer": "^2.1.0",
-                "tar-stream": "~2.2.0",
-                "tmp": "~0.2.1",
-                "tsconfig-paths": "^4.1.2",
-                "tslib": "^2.3.0",
-                "yargs": "^17.6.2",
-                "yargs-parser": "21.1.1"
-            },
-            "bin": {
-                "nx": "bin/nx.js",
-                "nx-cloud": "bin/nx-cloud.js"
-            },
-            "optionalDependencies": {
-                "@nx/nx-darwin-arm64": "19.8.14",
-                "@nx/nx-darwin-x64": "19.8.14",
-                "@nx/nx-freebsd-x64": "19.8.14",
-                "@nx/nx-linux-arm-gnueabihf": "19.8.14",
-                "@nx/nx-linux-arm64-gnu": "19.8.14",
-                "@nx/nx-linux-arm64-musl": "19.8.14",
-                "@nx/nx-linux-x64-gnu": "19.8.14",
-                "@nx/nx-linux-x64-musl": "19.8.14",
-                "@nx/nx-win32-arm64-msvc": "19.8.14",
-                "@nx/nx-win32-x64-msvc": "19.8.14"
-            },
-            "peerDependencies": {
-                "@swc-node/register": "^1.8.0",
-                "@swc/core": "^1.3.85"
-            },
-            "peerDependenciesMeta": {
-                "@swc-node/register": {
-                    "optional": true
-                },
-                "@swc/core": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/nx/node_modules/cli-cursor": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
-            "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "restore-cursor": "^3.1.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/nx/node_modules/define-lazy-prop": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
-            "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/nx/node_modules/is-docker": {
-            "version": "2.2.1",
-            "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
-            "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "is-docker": "cli.js"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/nx/node_modules/is-wsl": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
-            "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-docker": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/nx/node_modules/jsonc-parser": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
-            "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/nx/node_modules/onetime": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-            "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "mimic-fn": "^2.1.0"
-            },
-            "engines": {
-                "node": ">=6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/nx/node_modules/open": {
-            "version": "8.4.2",
-            "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
-            "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "define-lazy-prop": "^2.0.0",
-                "is-docker": "^2.1.1",
-                "is-wsl": "^2.2.0"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/nx/node_modules/ora": {
-            "version": "5.3.0",
-            "resolved": "https://registry.npmjs.org/ora/-/ora-5.3.0.tgz",
-            "integrity": "sha512-zAKMgGXUim0Jyd6CXK9lraBnD3H5yPGBPPOkC23a2BG6hsm4Zu6OQSjQuEtV0BHDf4aKHcUFvJiGRrFuW3MG8g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "bl": "^4.0.3",
-                "chalk": "^4.1.0",
-                "cli-cursor": "^3.1.0",
-                "cli-spinners": "^2.5.0",
-                "is-interactive": "^1.0.0",
-                "log-symbols": "^4.0.0",
-                "strip-ansi": "^6.0.0",
-                "wcwidth": "^1.0.1"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/nx/node_modules/restore-cursor": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
-            "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "onetime": "^5.1.0",
-                "signal-exit": "^3.0.2"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/nx/node_modules/signal-exit": {
-            "version": "3.0.7",
-            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-            "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/nx/node_modules/tsconfig-paths": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz",
-            "integrity": "sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "json5": "^2.2.2",
-                "minimist": "^1.2.6",
-                "strip-bom": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/object-assign": {
-            "version": "4.1.1",
-            "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-            "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/object-deep-merge": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/object-deep-merge/-/object-deep-merge-2.0.0.tgz",
-            "integrity": "sha512-3DC3UMpeffLTHiuXSy/UG4NOIYTLlY9u3V82+djSCLYClWobZiS4ivYzpIUWrRY/nfsJ8cWsKyG3QfyLePmhvg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/object-hash": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-            "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/object-inspect": {
-            "version": "1.13.4",
-            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
-            "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/object-keys": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-            "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/object.assign": {
-            "version": "4.1.7",
-            "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
-            "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.8",
-                "call-bound": "^1.0.3",
-                "define-properties": "^1.2.1",
-                "es-object-atoms": "^1.0.0",
-                "has-symbols": "^1.1.0",
-                "object-keys": "^1.1.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/object.defaults": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/object.defaults/-/object.defaults-1.1.0.tgz",
-            "integrity": "sha512-c/K0mw/F11k4dEUBMW8naXUuBuhxRCfG7W+yFy8EcijU/rSmazOUd1XAEEe6bC0OuXY4HUKjTJv7xbxIMqdxrA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "array-each": "^1.0.1",
-                "array-slice": "^1.0.0",
-                "for-own": "^1.0.0",
-                "isobject": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/object.fromentries": {
-            "version": "2.0.8",
-            "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
-            "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "define-properties": "^1.2.1",
-                "es-abstract": "^1.23.2",
-                "es-object-atoms": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/object.groupby": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
-            "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "define-properties": "^1.2.1",
-                "es-abstract": "^1.23.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/object.pick": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
-            "integrity": "sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "isobject": "^3.0.1"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/object.values": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
-            "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.8",
-                "call-bound": "^1.0.3",
-                "define-properties": "^1.2.1",
-                "es-object-atoms": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/obuf": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
-            "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/on-finished": {
-            "version": "2.4.1",
-            "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
-            "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ee-first": "1.1.1"
-            },
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/on-headers": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.1.0.tgz",
-            "integrity": "sha512-737ZY3yNnXy37FHkQxPzt4UZ2UWPWiCZWLvFZ4fu5cueciegX0zGPnrlY6bwRg4FdQOe9YU8MkmJwGhoMybl8A==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/once": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-            "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "wrappy": "1"
-            }
-        },
-        "node_modules/onetime": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/onetime/-/onetime-7.0.0.tgz",
-            "integrity": "sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "mimic-function": "^5.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/open": {
-            "version": "10.1.0",
-            "resolved": "https://registry.npmjs.org/open/-/open-10.1.0.tgz",
-            "integrity": "sha512-mnkeQ1qP5Ue2wd+aivTD3NHd/lZ96Lu0jgf0pwktLPtx6cTZiH7tyeGRRHs0zX0rbrahXPnXlUnbeXyaBBuIaw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "default-browser": "^5.2.1",
-                "define-lazy-prop": "^3.0.0",
-                "is-inside-container": "^1.0.0",
-                "is-wsl": "^3.1.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/opencollective-postinstall": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/opencollective-postinstall/-/opencollective-postinstall-2.0.3.tgz",
-            "integrity": "sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "opencollective-postinstall": "index.js"
-            }
-        },
-        "node_modules/optimist": {
-            "version": "0.6.1",
-            "resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
-            "integrity": "sha512-snN4O4TkigujZphWLN0E//nQmm7790RYaE53DdL7ZYwee2D8DDo9/EyYiKUfN3rneWUjhJnueija3G9I2i0h3g==",
-            "dev": true,
-            "license": "MIT/X11",
-            "peer": true,
-            "dependencies": {
-                "minimist": "~0.0.1",
-                "wordwrap": "~0.0.2"
-            }
-        },
-        "node_modules/optimist/node_modules/minimist": {
-            "version": "0.0.10",
-            "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz",
-            "integrity": "sha512-iotkTvxc+TwOm5Ieim8VnSNvCDjCK9S8G3scJ50ZthspSxa7jx50jkhYduuAtAjvfDUwSgOwf8+If99AlOEhyw==",
-            "dev": true,
-            "license": "MIT",
-            "peer": true
-        },
-        "node_modules/optionator": {
-            "version": "0.9.4",
-            "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
-            "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "deep-is": "^0.1.3",
-                "fast-levenshtein": "^2.0.6",
-                "levn": "^0.4.1",
-                "prelude-ls": "^1.2.1",
-                "type-check": "^0.4.0",
-                "word-wrap": "^1.2.5"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/ora": {
-            "version": "5.4.1",
-            "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz",
-            "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "bl": "^4.1.0",
-                "chalk": "^4.1.0",
-                "cli-cursor": "^3.1.0",
-                "cli-spinners": "^2.5.0",
-                "is-interactive": "^1.0.0",
-                "is-unicode-supported": "^0.1.0",
-                "log-symbols": "^4.1.0",
-                "strip-ansi": "^6.0.0",
-                "wcwidth": "^1.0.1"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/ora/node_modules/cli-cursor": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
-            "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "restore-cursor": "^3.1.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/ora/node_modules/onetime": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-            "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "mimic-fn": "^2.1.0"
-            },
-            "engines": {
-                "node": ">=6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/ora/node_modules/restore-cursor": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
-            "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "onetime": "^5.1.0",
-                "signal-exit": "^3.0.2"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/ora/node_modules/signal-exit": {
-            "version": "3.0.7",
-            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-            "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/ordered-binary": {
-            "version": "1.6.0",
-            "resolved": "https://registry.npmjs.org/ordered-binary/-/ordered-binary-1.6.0.tgz",
-            "integrity": "sha512-IQh2aMfMIDbPjI/8a3Edr+PiOpcsB7yo8NdW7aHWVaoR/pcDldunMvnnwbk/auPGqmKeAdxtZl7MHX/QmPwhvQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/os-name": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/os-name/-/os-name-4.0.1.tgz",
-            "integrity": "sha512-xl9MAoU97MH1Xt5K9ERft2YfCAoaO6msy1OBA0ozxEC0x0TmIoE6K3QvgJMMZA9yKGLmHXNY/YZoDbiGDj4zYw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "macos-release": "^2.5.0",
-                "windows-release": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/os-tmpdir": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
-            "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/own-keys": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
-            "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "get-intrinsic": "^1.2.6",
-                "object-keys": "^1.1.1",
-                "safe-push-apply": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/p-limit": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-            "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "yocto-queue": "^0.1.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/p-locate": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-            "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "p-limit": "^3.0.2"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/p-map": {
-            "version": "5.5.0",
-            "resolved": "https://registry.npmjs.org/p-map/-/p-map-5.5.0.tgz",
-            "integrity": "sha512-VFqfGDHlx87K66yZrNdI4YGtD70IRyd+zSvgks6mzHPRNkoKy+9EKP4SFC77/vTTQYmRmti7dvqC+m5jBrBAcg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "aggregate-error": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/p-retry": {
-            "version": "6.2.1",
-            "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-6.2.1.tgz",
-            "integrity": "sha512-hEt02O4hUct5wtwg4H4KcWgDdm+l1bOaEy/hWzd8xtXB9BqxTWBBhb+2ImAtH4Cv4rPjV76xN3Zumqk3k3AhhQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/retry": "0.12.2",
-                "is-network-error": "^1.0.0",
-                "retry": "^0.13.1"
-            },
-            "engines": {
-                "node": ">=16.17"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/p-retry/node_modules/retry": {
-            "version": "0.13.1",
-            "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
-            "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 4"
-            }
-        },
-        "node_modules/p-try": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-            "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/package-json-from-dist": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
-            "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
-            "dev": true,
-            "license": "BlueOak-1.0.0"
-        },
-        "node_modules/pacote": {
-            "version": "18.0.6",
-            "resolved": "https://registry.npmjs.org/pacote/-/pacote-18.0.6.tgz",
-            "integrity": "sha512-+eK3G27SMwsB8kLIuj4h1FUhHtwiEUo21Tw8wNjmvdlpOEr613edv+8FUsTj/4F/VN5ywGE19X18N7CC2EJk6A==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "@npmcli/git": "^5.0.0",
-                "@npmcli/installed-package-contents": "^2.0.1",
-                "@npmcli/package-json": "^5.1.0",
-                "@npmcli/promise-spawn": "^7.0.0",
-                "@npmcli/run-script": "^8.0.0",
-                "cacache": "^18.0.0",
-                "fs-minipass": "^3.0.0",
-                "minipass": "^7.0.2",
-                "npm-package-arg": "^11.0.0",
-                "npm-packlist": "^8.0.0",
-                "npm-pick-manifest": "^9.0.0",
-                "npm-registry-fetch": "^17.0.0",
-                "proc-log": "^4.0.0",
-                "promise-retry": "^2.0.1",
-                "sigstore": "^2.2.0",
-                "ssri": "^10.0.0",
-                "tar": "^6.1.11"
-            },
-            "bin": {
-                "pacote": "bin/index.js"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/param-case": {
-            "version": "3.0.4",
-            "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
-            "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "dot-case": "^3.0.4",
-                "tslib": "^2.0.3"
-            }
-        },
-        "node_modules/parchment": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/parchment/-/parchment-3.0.0.tgz",
-            "integrity": "sha512-HUrJFQ/StvgmXRcQ1ftY6VEZUq3jA2t9ncFN4F84J/vN0/FPpQF+8FKXb3l6fLces6q0uOHj6NJn+2xvZnxO6A==",
-            "dev": true,
-            "license": "BSD-3-Clause"
-        },
-        "node_modules/parent-module": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-            "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "callsites": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/parse-filepath": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/parse-filepath/-/parse-filepath-1.0.2.tgz",
-            "integrity": "sha512-FwdRXKCohSVeXqwtYonZTXtbGJKrn+HNyWDYVcp5yuJlesTwNH4rsmRZ+GrKAPJ5bLpRxESMeS+Rl0VCHRvB2Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-absolute": "^1.0.0",
-                "map-cache": "^0.2.0",
-                "path-root": "^0.1.1"
-            },
-            "engines": {
-                "node": ">=0.8"
-            }
-        },
-        "node_modules/parse-imports-exports": {
-            "version": "0.2.4",
-            "resolved": "https://registry.npmjs.org/parse-imports-exports/-/parse-imports-exports-0.2.4.tgz",
-            "integrity": "sha512-4s6vd6dx1AotCx/RCI2m7t7GCh5bDRUtGNvRfHSP2wbBQdMi67pPe7mtzmgwcaQ8VKK/6IB7Glfyu3qdZJPybQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "parse-statements": "1.0.11"
-            }
-        },
-        "node_modules/parse-json": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
-            "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/code-frame": "^7.0.0",
-                "error-ex": "^1.3.1",
-                "json-parse-even-better-errors": "^2.3.0",
-                "lines-and-columns": "^1.1.6"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/parse-json/node_modules/json-parse-even-better-errors": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-            "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/parse-json/node_modules/lines-and-columns": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-            "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/parse-node-version": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
-            "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.10"
-            }
-        },
-        "node_modules/parse-passwd": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz",
-            "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/parse-statements": {
-            "version": "1.0.11",
-            "resolved": "https://registry.npmjs.org/parse-statements/-/parse-statements-1.0.11.tgz",
-            "integrity": "sha512-HlsyYdMBnbPQ9Jr/VgJ1YF4scnldvJpJxCVx6KgqPL4dxppsWrJHCIIxQXMJrqGnsRkNPATbeMJ8Yxu7JMsYcA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/parse5": {
-            "version": "7.3.0",
-            "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
-            "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "entities": "^6.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/inikulin/parse5?sponsor=1"
-            }
-        },
-        "node_modules/parse5-html-rewriting-stream": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/parse5-html-rewriting-stream/-/parse5-html-rewriting-stream-7.0.0.tgz",
-            "integrity": "sha512-mazCyGWkmCRWDI15Zp+UiCqMp/0dgEmkZRvhlsqqKYr4SsVm/TvnSpD9fCvqCA2zoWJcfRym846ejWBBHRiYEg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "entities": "^4.3.0",
-                "parse5": "^7.0.0",
-                "parse5-sax-parser": "^7.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/inikulin/parse5?sponsor=1"
-            }
-        },
-        "node_modules/parse5-htmlparser2-tree-adapter": {
-            "version": "7.1.0",
-            "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.1.0.tgz",
-            "integrity": "sha512-ruw5xyKs6lrpo9x9rCZqZZnIUntICjQAd0Wsmp396Ul9lN/h+ifgVV1x1gZHi8euej6wTfpqX8j+BFQxF0NS/g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "domhandler": "^5.0.3",
-                "parse5": "^7.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/inikulin/parse5?sponsor=1"
-            }
-        },
-        "node_modules/parse5-parser-stream": {
-            "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/parse5-parser-stream/-/parse5-parser-stream-7.1.2.tgz",
-            "integrity": "sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "parse5": "^7.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/inikulin/parse5?sponsor=1"
-            }
-        },
-        "node_modules/parse5-sax-parser": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/parse5-sax-parser/-/parse5-sax-parser-7.0.0.tgz",
-            "integrity": "sha512-5A+v2SNsq8T6/mG3ahcz8ZtQ0OUFTatxPbeidoMB7tkJSGDY3tdfl4MHovtLQHkEn5CGxijNWRQHhRQ6IRpXKg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "parse5": "^7.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/inikulin/parse5?sponsor=1"
-            }
-        },
-        "node_modules/parse5/node_modules/entities": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
-            "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "engines": {
-                "node": ">=0.12"
-            },
-            "funding": {
-                "url": "https://github.com/fb55/entities?sponsor=1"
-            }
-        },
-        "node_modules/parseurl": {
-            "version": "1.3.3",
-            "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
-            "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/pascal-case": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
-            "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "no-case": "^3.0.4",
-                "tslib": "^2.0.3"
-            }
-        },
-        "node_modules/path-browserify": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
-            "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/path-exists": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-            "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/path-is-absolute": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-            "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/path-key": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/path-parse": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/path-root": {
-            "version": "0.1.1",
-            "resolved": "https://registry.npmjs.org/path-root/-/path-root-0.1.1.tgz",
-            "integrity": "sha512-QLcPegTHF11axjfojBIoDygmS2E3Lf+8+jI6wOVmNVenrKSo3mFdSGiIgdSHenczw3wPtlVMQaFVwGmM7BJdtg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "path-root-regex": "^0.1.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/path-root-regex": {
-            "version": "0.1.2",
-            "resolved": "https://registry.npmjs.org/path-root-regex/-/path-root-regex-0.1.2.tgz",
-            "integrity": "sha512-4GlJ6rZDhQZFE0DPVKh0e9jmZ5egZfxTkp7bcRDuPlJXbAwhxcl2dINPUAsjLdejqaLsCeg8axcLjIbvBjN4pQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/path-scurry": {
-            "version": "1.11.1",
-            "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-            "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-            "dev": true,
-            "license": "BlueOak-1.0.0",
-            "dependencies": {
-                "lru-cache": "^10.2.0",
-                "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/path-scurry/node_modules/lru-cache": {
-            "version": "10.4.3",
-            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-            "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/path-to-regexp": {
-            "version": "0.1.12",
-            "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
-            "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/path-type": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-            "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/pause-stream": {
-            "version": "0.0.11",
-            "resolved": "https://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz",
-            "integrity": "sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==",
-            "dev": true,
-            "license": [
-                "MIT",
-                "Apache2"
-            ],
-            "dependencies": {
-                "through": "~2.3"
-            }
-        },
-        "node_modules/performance-now": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
-            "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true
-        },
-        "node_modules/picocolors": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-            "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/picomatch": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
-            "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/jonschlinkert"
-            }
-        },
-        "node_modules/pify": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-            "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/pirates": {
-            "version": "4.0.7",
-            "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
-            "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/piscina": {
-            "version": "4.6.1",
-            "resolved": "https://registry.npmjs.org/piscina/-/piscina-4.6.1.tgz",
-            "integrity": "sha512-z30AwWGtQE+Apr+2WBZensP2lIvwoaMcOPkQlIEmSGMJNUvaYACylPYrQM6wSdUNJlnDVMSpLv7xTMJqlVshOA==",
-            "dev": true,
-            "license": "MIT",
-            "optionalDependencies": {
-                "nice-napi": "^1.0.2"
-            }
-        },
-        "node_modules/pkg-dir": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-7.0.0.tgz",
-            "integrity": "sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "find-up": "^6.3.0"
-            },
-            "engines": {
-                "node": ">=14.16"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/pkg-dir/node_modules/find-up": {
-            "version": "6.3.0",
-            "resolved": "https://registry.npmjs.org/find-up/-/find-up-6.3.0.tgz",
-            "integrity": "sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "locate-path": "^7.1.0",
-                "path-exists": "^5.0.0"
-            },
-            "engines": {
-                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/pkg-dir/node_modules/locate-path": {
-            "version": "7.2.0",
-            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz",
-            "integrity": "sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "p-locate": "^6.0.0"
-            },
-            "engines": {
-                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/pkg-dir/node_modules/p-limit": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
-            "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "yocto-queue": "^1.0.0"
-            },
-            "engines": {
-                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/pkg-dir/node_modules/p-locate": {
-            "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-6.0.0.tgz",
-            "integrity": "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "p-limit": "^4.0.0"
-            },
-            "engines": {
-                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/pkg-dir/node_modules/path-exists": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz",
-            "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-            }
-        },
-        "node_modules/pkg-dir/node_modules/yocto-queue": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.2.1.tgz",
-            "integrity": "sha512-AyeEbWOu/TAXdxlV9wmGcR0+yh2j3vYPGOECcIj2S7MkrLyC7ne+oye2BKTItt0ii2PHk4cDy+95+LshzbXnGg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12.20"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/plugin-error": {
-            "version": "0.1.2",
-            "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-0.1.2.tgz",
-            "integrity": "sha512-WzZHcm4+GO34sjFMxQMqZbsz3xiNEgonCskQ9v+IroMmYgk/tas8dG+Hr2D6IbRPybZ12oWpzE/w3cGJ6FJzOw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-cyan": "^0.1.1",
-                "ansi-red": "^0.1.1",
-                "arr-diff": "^1.0.1",
-                "arr-union": "^2.0.1",
-                "extend-shallow": "^1.1.2"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/plugin-error/node_modules/extend-shallow": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz",
-            "integrity": "sha512-L7AGmkO6jhDkEBBGWlLtftA80Xq8DipnrRPr0pyi7GQLXkaq9JYA4xF4z6qnadIC6euiTDKco0cGSU9muw+WTw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "kind-of": "^1.1.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/plugin-error/node_modules/kind-of": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz",
-            "integrity": "sha512-aUH6ElPnMGon2/YkxRIigV32MOpTVcoXQ1Oo8aYn40s+sJ3j+0gFZsT8HKDcxNy7Fi9zuquWtGaGAahOdv5p/g==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/polka": {
-            "version": "0.5.2",
-            "resolved": "https://registry.npmjs.org/polka/-/polka-0.5.2.tgz",
-            "integrity": "sha512-FVg3vDmCqP80tOrs+OeNlgXYmFppTXdjD5E7I4ET1NjvtNmQrb1/mJibybKkb/d4NA7YWAr1ojxuhpL3FHqdlw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@polka/url": "^0.5.0",
-                "trouter": "^2.0.1"
-            }
-        },
-        "node_modules/possible-typed-array-names": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
-            "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/postcss": {
-            "version": "8.5.6",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
-            "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/postcss"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "nanoid": "^3.3.11",
-                "picocolors": "^1.1.1",
-                "source-map-js": "^1.2.1"
-            },
-            "engines": {
-                "node": "^10 || ^12 || >=14"
-            }
-        },
-        "node_modules/postcss-cli": {
-            "version": "11.0.1",
-            "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-11.0.1.tgz",
-            "integrity": "sha512-0UnkNPSayHKRe/tc2YGW6XnSqqOA9eqpiRMgRlV1S6HdGi16vwJBx7lviARzbV1HpQHqLLRH3o8vTcB0cLc+5g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "chokidar": "^3.3.0",
-                "dependency-graph": "^1.0.0",
-                "fs-extra": "^11.0.0",
-                "picocolors": "^1.0.0",
-                "postcss-load-config": "^5.0.0",
-                "postcss-reporter": "^7.0.0",
-                "pretty-hrtime": "^1.0.3",
-                "read-cache": "^1.0.0",
-                "slash": "^5.0.0",
-                "tinyglobby": "^0.2.12",
-                "yargs": "^17.0.0"
-            },
-            "bin": {
-                "postcss": "index.js"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "peerDependencies": {
-                "postcss": "^8.0.0"
-            }
-        },
-        "node_modules/postcss-cli/node_modules/fs-extra": {
-            "version": "11.3.2",
-            "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.2.tgz",
-            "integrity": "sha512-Xr9F6z6up6Ws+NjzMCZc6WXg2YFRlrLP9NQDO3VQrWrfiojdhS56TzueT88ze0uBdCTwEIhQ3ptnmKeWGFAe0A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "graceful-fs": "^4.2.0",
-                "jsonfile": "^6.0.1",
-                "universalify": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=14.14"
-            }
-        },
-        "node_modules/postcss-cli/node_modules/slash": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz",
-            "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=14.16"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/postcss-import": {
-            "version": "15.1.0",
-            "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
-            "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "postcss-value-parser": "^4.0.0",
-                "read-cache": "^1.0.0",
-                "resolve": "^1.1.7"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            },
-            "peerDependencies": {
-                "postcss": "^8.0.0"
-            }
-        },
-        "node_modules/postcss-js": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
-            "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "camelcase-css": "^2.0.1"
-            },
-            "engines": {
-                "node": "^12 || ^14 || >= 16"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4.21"
-            }
-        },
-        "node_modules/postcss-load-config": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-5.1.0.tgz",
-            "integrity": "sha512-G5AJ+IX0aD0dygOE0yFZQ/huFFMSNneyfp0e3/bT05a8OfPC5FUoZRPfGijUdGOJNMewJiwzcHJXFafFzeKFVA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "lilconfig": "^3.1.1",
-                "yaml": "^2.4.2"
-            },
-            "engines": {
-                "node": ">= 18"
-            },
-            "peerDependencies": {
-                "jiti": ">=1.21.0",
-                "postcss": ">=8.0.9",
-                "tsx": "^4.8.1"
-            },
-            "peerDependenciesMeta": {
-                "jiti": {
-                    "optional": true
-                },
-                "postcss": {
-                    "optional": true
-                },
-                "tsx": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/postcss-load-config/node_modules/yaml": {
-            "version": "2.8.1",
-            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.1.tgz",
-            "integrity": "sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "yaml": "bin.mjs"
-            },
-            "engines": {
-                "node": ">= 14.6"
-            }
-        },
-        "node_modules/postcss-loader": {
-            "version": "8.1.1",
-            "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-8.1.1.tgz",
-            "integrity": "sha512-0IeqyAsG6tYiDRCYKQJLAmgQr47DX6N7sFSWvQxt6AcupX8DIdmykuk/o/tx0Lze3ErGHJEp5OSRxrelC6+NdQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cosmiconfig": "^9.0.0",
-                "jiti": "^1.20.0",
-                "semver": "^7.5.4"
-            },
-            "engines": {
-                "node": ">= 18.12.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            },
-            "peerDependencies": {
-                "@rspack/core": "0.x || 1.x",
-                "postcss": "^7.0.0 || ^8.0.1",
-                "webpack": "^5.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@rspack/core": {
-                    "optional": true
-                },
-                "webpack": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/postcss-loader/node_modules/cosmiconfig": {
-            "version": "9.0.0",
-            "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
-            "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "env-paths": "^2.2.1",
-                "import-fresh": "^3.3.0",
-                "js-yaml": "^4.1.0",
-                "parse-json": "^5.2.0"
-            },
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/d-fischer"
-            },
-            "peerDependencies": {
-                "typescript": ">=4.9.5"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/postcss-media-query-parser": {
-            "version": "0.2.3",
-            "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
-            "integrity": "sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/postcss-modules-extract-imports": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.1.0.tgz",
-            "integrity": "sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": "^10 || ^12 || >= 14"
-            },
-            "peerDependencies": {
-                "postcss": "^8.1.0"
-            }
-        },
-        "node_modules/postcss-modules-local-by-default": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.2.0.tgz",
-            "integrity": "sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "icss-utils": "^5.0.0",
-                "postcss-selector-parser": "^7.0.0",
-                "postcss-value-parser": "^4.1.0"
-            },
-            "engines": {
-                "node": "^10 || ^12 || >= 14"
-            },
-            "peerDependencies": {
-                "postcss": "^8.1.0"
-            }
-        },
-        "node_modules/postcss-modules-scope": {
-            "version": "3.2.1",
-            "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.2.1.tgz",
-            "integrity": "sha512-m9jZstCVaqGjTAuny8MdgE88scJnCiQSlSrOWcTQgM2t32UBe+MUmFSO5t7VMSfAf/FJKImAxBav8ooCHJXCJA==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "postcss-selector-parser": "^7.0.0"
-            },
-            "engines": {
-                "node": "^10 || ^12 || >= 14"
-            },
-            "peerDependencies": {
-                "postcss": "^8.1.0"
-            }
-        },
-        "node_modules/postcss-modules-values": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz",
-            "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "icss-utils": "^5.0.0"
-            },
-            "engines": {
-                "node": "^10 || ^12 || >= 14"
-            },
-            "peerDependencies": {
-                "postcss": "^8.1.0"
-            }
-        },
-        "node_modules/postcss-nested": {
-            "version": "6.2.0",
-            "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
-            "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "postcss-selector-parser": "^6.1.1"
-            },
-            "engines": {
-                "node": ">=12.0"
-            },
-            "peerDependencies": {
-                "postcss": "^8.2.14"
-            }
-        },
-        "node_modules/postcss-nested/node_modules/postcss-selector-parser": {
-            "version": "6.1.2",
-            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-            "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cssesc": "^3.0.0",
-                "util-deprecate": "^1.0.2"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/postcss-reporter": {
-            "version": "7.1.0",
-            "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-7.1.0.tgz",
-            "integrity": "sha512-/eoEylGWyy6/DOiMP5lmFRdmDKThqgn7D6hP2dXKJI/0rJSO1ADFNngZfDzxL0YAxFvws+Rtpuji1YIHj4mySA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "picocolors": "^1.0.0",
-                "thenby": "^1.3.4"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "peerDependencies": {
-                "postcss": "^8.1.0"
-            }
-        },
-        "node_modules/postcss-selector-parser": {
-            "version": "7.1.0",
-            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.1.0.tgz",
-            "integrity": "sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cssesc": "^3.0.0",
-                "util-deprecate": "^1.0.2"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/postcss-value-parser": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-            "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/preact": {
-            "version": "10.27.2",
-            "resolved": "https://registry.npmjs.org/preact/-/preact-10.27.2.tgz",
-            "integrity": "sha512-5SYSgFKSyhCbk6SrXyMpqjb5+MQBgfvEKE/OC+PujcY34sOpqtr+0AZQtPYx5IA6VxynQ7rUPCtKzyovpj9Bpg==",
-            "dev": true,
-            "license": "MIT",
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/preact"
-            }
-        },
-        "node_modules/prelude-ls": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-            "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/prettier": {
-            "version": "3.6.2",
-            "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.6.2.tgz",
-            "integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "prettier": "bin/prettier.cjs"
-            },
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/prettier/prettier?sponsor=1"
-            }
-        },
-        "node_modules/pretty-error": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz",
-            "integrity": "sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "lodash": "^4.17.20",
-                "renderkid": "^3.0.0"
-            }
-        },
-        "node_modules/pretty-format": {
-            "version": "29.7.0",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-            "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jest/schemas": "^29.6.3",
-                "ansi-styles": "^5.0.0",
-                "react-is": "^18.0.0"
-            },
-            "engines": {
-                "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-            }
-        },
-        "node_modules/pretty-format/node_modules/ansi-styles": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/pretty-hrtime": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
-            "integrity": "sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/primeicons": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/primeicons/-/primeicons-7.0.0.tgz",
-            "integrity": "sha512-jK3Et9UzwzTsd6tzl2RmwrVY/b8raJ3QZLzoDACj+oTJ0oX7L9Hy+XnVwgo4QVKlKpnP/Ur13SXV/pVh4LzaDw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/prismjs": {
-            "version": "1.30.0",
-            "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.30.0.tgz",
-            "integrity": "sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/proc-log": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-4.2.0.tgz",
-            "integrity": "sha512-g8+OnU/L2v+wyiVK+D5fA34J7EH8jZ8DDlvwhRCMxmMj7UCBvxiO1mGeN+36JXIKF4zevU4kRBd8lVgG9vLelA==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/process": {
-            "version": "0.11.10",
-            "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
-            "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6.0"
-            }
-        },
-        "node_modules/process-nextick-args": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
-            "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/promise-inflight": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
-            "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/promise-retry": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz",
-            "integrity": "sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "err-code": "^2.0.2",
-                "retry": "^0.12.0"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/proxy-addr": {
-            "version": "2.0.7",
-            "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
-            "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "forwarded": "0.2.0",
-                "ipaddr.js": "1.9.1"
-            },
-            "engines": {
-                "node": ">= 0.10"
-            }
-        },
-        "node_modules/proxy-addr/node_modules/ipaddr.js": {
-            "version": "1.9.1",
-            "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
-            "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.10"
-            }
-        },
-        "node_modules/proxy-from-env": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-            "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/proxy-middleware": {
-            "version": "0.15.0",
-            "resolved": "https://registry.npmjs.org/proxy-middleware/-/proxy-middleware-0.15.0.tgz",
-            "integrity": "sha512-EGCG8SeoIRVMhsqHQUdDigB2i7qU7fCsWASwn54+nPutYO8n4q6EiwMzyfWlC+dzRFExP+kvcnDFdBDHoZBU7Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.8.0"
-            }
-        },
-        "node_modules/prr": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
-            "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true
-        },
-        "node_modules/pump": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.3.tgz",
-            "integrity": "sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "end-of-stream": "^1.1.0",
-                "once": "^1.3.1"
-            }
-        },
-        "node_modules/punycode": {
-            "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-            "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/qjobs": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/qjobs/-/qjobs-1.2.0.tgz",
-            "integrity": "sha512-8YOJEHtxpySA3fFDyCRxA+UUV+fA+rTWnuWvylOK/NCjhY+b4ocCtmu8TtsWb+mYeU+GCHf/S66KZF/AsteKHg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.9"
-            }
-        },
-        "node_modules/qs": {
-            "version": "6.13.0",
-            "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
-            "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "dependencies": {
-                "side-channel": "^1.0.6"
-            },
-            "engines": {
-                "node": ">=0.6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/query-string": {
-            "version": "7.1.3",
-            "resolved": "https://registry.npmjs.org/query-string/-/query-string-7.1.3.tgz",
-            "integrity": "sha512-hh2WYhq4fi8+b+/2Kg9CEge4fDPvHS534aOOvOZeQ3+Vf2mCFsaFBYj0i+iXcAq6I9Vzp5fjMFBlONvayDC1qg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "decode-uri-component": "^0.2.2",
-                "filter-obj": "^1.1.0",
-                "split-on-first": "^1.0.0",
-                "strict-uri-encode": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/queue-microtask": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ],
-            "license": "MIT"
-        },
-        "node_modules/quill": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/quill/-/quill-2.0.2.tgz",
-            "integrity": "sha512-QfazNrhMakEdRG57IoYFwffUIr04LWJxbS/ZkidRFXYCQt63c1gK6Z7IHUXMx/Vh25WgPBU42oBaNzQ0K1R/xw==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "dependencies": {
-                "eventemitter3": "^5.0.1",
-                "lodash-es": "^4.17.21",
-                "parchment": "^3.0.0",
-                "quill-delta": "^5.1.0"
-            },
-            "engines": {
-                "npm": ">=8.2.3"
-            }
-        },
-        "node_modules/quill-delta": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/quill-delta/-/quill-delta-5.1.0.tgz",
-            "integrity": "sha512-X74oCeRI4/p0ucjb5Ma8adTXd9Scumz367kkMK5V/IatcX6A0vlgLgKbzXWy5nZmCGeNJm2oQX0d2Eqj+ZIlCA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "fast-diff": "^1.3.0",
-                "lodash.clonedeep": "^4.5.0",
-                "lodash.isequal": "^4.5.0"
-            },
-            "engines": {
-                "node": ">= 12.0.0"
-            }
-        },
-        "node_modules/quill/node_modules/eventemitter3": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
-            "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/raf": {
-            "version": "3.4.1",
-            "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
-            "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "performance-now": "^2.1.0"
-            }
-        },
-        "node_modules/randombytes": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
-            "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "safe-buffer": "^5.1.0"
-            }
-        },
-        "node_modules/range-parser": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
-            "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/raw-body": {
-            "version": "2.5.2",
-            "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
-            "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "bytes": "3.1.2",
-                "http-errors": "2.0.0",
-                "iconv-lite": "0.4.24",
-                "unpipe": "1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/react": {
-            "version": "19.2.0",
-            "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz",
-            "integrity": "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/react-dom": {
-            "version": "19.2.0",
-            "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.0.tgz",
-            "integrity": "sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "scheduler": "^0.27.0"
-            },
-            "peerDependencies": {
-                "react": "^19.2.0"
-            }
-        },
-        "node_modules/react-is": {
-            "version": "18.3.1",
-            "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-            "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/read-cache": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
-            "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "pify": "^2.3.0"
-            }
-        },
-        "node_modules/readable-stream": {
-            "version": "3.6.2",
-            "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-            "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "inherits": "^2.0.3",
-                "string_decoder": "^1.1.1",
-                "util-deprecate": "^1.0.1"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/readdirp": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-            "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "picomatch": "^2.2.1"
-            },
-            "engines": {
-                "node": ">=8.10.0"
-            }
-        },
-        "node_modules/readdirp/node_modules/picomatch": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8.6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/jonschlinkert"
-            }
-        },
-        "node_modules/recast": {
-            "version": "0.23.11",
-            "resolved": "https://registry.npmjs.org/recast/-/recast-0.23.11.tgz",
-            "integrity": "sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ast-types": "^0.16.1",
-                "esprima": "~4.0.0",
-                "source-map": "~0.6.1",
-                "tiny-invariant": "^1.3.3",
-                "tslib": "^2.0.1"
-            },
-            "engines": {
-                "node": ">= 4"
-            }
-        },
-        "node_modules/recast/node_modules/source-map": {
-            "version": "0.6.1",
-            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/rechoir": {
-            "version": "0.8.0",
-            "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.8.0.tgz",
-            "integrity": "sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "resolve": "^1.20.0"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/reflect-metadata": {
-            "version": "0.2.2",
-            "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
-            "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
-            "dev": true,
-            "license": "Apache-2.0"
-        },
-        "node_modules/reflect.getprototypeof": {
-            "version": "1.0.10",
-            "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
-            "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.8",
-                "define-properties": "^1.2.1",
-                "es-abstract": "^1.23.9",
-                "es-errors": "^1.3.0",
-                "es-object-atoms": "^1.0.0",
-                "get-intrinsic": "^1.2.7",
-                "get-proto": "^1.0.1",
-                "which-builtin-type": "^1.2.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/regenerate": {
-            "version": "1.4.2",
-            "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
-            "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/regenerate-unicode-properties": {
-            "version": "10.2.2",
-            "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.2.tgz",
-            "integrity": "sha512-m03P+zhBeQd1RGnYxrGyDAPpWX/epKirLrp8e3qevZdVkKtnCrjjWczIbYc8+xd6vcTStVlqfycTx1KR4LOr0g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "regenerate": "^1.4.2"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/regenerator-runtime": {
-            "version": "0.14.1",
-            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-            "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/regex-parser": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/regex-parser/-/regex-parser-2.3.1.tgz",
-            "integrity": "sha512-yXLRqatcCuKtVHsWrNg0JL3l1zGfdXeEvDa0bdu4tCDQw0RpMDZsqbkyRTUnKMR0tXF627V2oEWjBEaEdqTwtQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/regexp.prototype.flags": {
-            "version": "1.5.4",
-            "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
-            "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.8",
-                "define-properties": "^1.2.1",
-                "es-errors": "^1.3.0",
-                "get-proto": "^1.0.1",
-                "gopd": "^1.2.0",
-                "set-function-name": "^2.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/regexpu-core": {
-            "version": "6.4.0",
-            "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.4.0.tgz",
-            "integrity": "sha512-0ghuzq67LI9bLXpOX/ISfve/Mq33a4aFRzoQYhnnok1JOFpmE/A2TBGkNVenOGEeSBCjIiWcc6MVOG5HEQv0sA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "regenerate": "^1.4.2",
-                "regenerate-unicode-properties": "^10.2.2",
-                "regjsgen": "^0.8.0",
-                "regjsparser": "^0.13.0",
-                "unicode-match-property-ecmascript": "^2.0.0",
-                "unicode-match-property-value-ecmascript": "^2.2.1"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/regjsgen": {
-            "version": "0.8.0",
-            "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz",
-            "integrity": "sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/regjsparser": {
-            "version": "0.13.0",
-            "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.13.0.tgz",
-            "integrity": "sha512-NZQZdC5wOE/H3UT28fVGL+ikOZcEzfMGk/c3iN9UGxzWHMa1op7274oyiUVrAG4B2EuFhus8SvkaYnhvW92p9Q==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "jsesc": "~3.1.0"
-            },
-            "bin": {
-                "regjsparser": "bin/parser"
-            }
-        },
-        "node_modules/relateurl": {
-            "version": "0.2.7",
-            "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
-            "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.10"
-            }
-        },
-        "node_modules/remove-trailing-separator": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
-            "integrity": "sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/renderkid": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz",
-            "integrity": "sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "css-select": "^4.1.3",
-                "dom-converter": "^0.2.0",
-                "htmlparser2": "^6.1.0",
-                "lodash": "^4.17.21",
-                "strip-ansi": "^6.0.1"
-            }
-        },
-        "node_modules/renderkid/node_modules/css-select": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
-            "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "boolbase": "^1.0.0",
-                "css-what": "^6.0.1",
-                "domhandler": "^4.3.1",
-                "domutils": "^2.8.0",
-                "nth-check": "^2.0.1"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/fb55"
-            }
-        },
-        "node_modules/renderkid/node_modules/dom-serializer": {
-            "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
-            "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "domelementtype": "^2.0.1",
-                "domhandler": "^4.2.0",
-                "entities": "^2.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
-            }
-        },
-        "node_modules/renderkid/node_modules/domhandler": {
-            "version": "4.3.1",
-            "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
-            "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "domelementtype": "^2.2.0"
-            },
-            "engines": {
-                "node": ">= 4"
-            },
-            "funding": {
-                "url": "https://github.com/fb55/domhandler?sponsor=1"
-            }
-        },
-        "node_modules/renderkid/node_modules/domutils": {
-            "version": "2.8.0",
-            "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
-            "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "dom-serializer": "^1.0.1",
-                "domelementtype": "^2.2.0",
-                "domhandler": "^4.2.0"
-            },
-            "funding": {
-                "url": "https://github.com/fb55/domutils?sponsor=1"
-            }
-        },
-        "node_modules/renderkid/node_modules/entities": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
-            "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "funding": {
-                "url": "https://github.com/fb55/entities?sponsor=1"
-            }
-        },
-        "node_modules/renderkid/node_modules/htmlparser2": {
-            "version": "6.1.0",
-            "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
-            "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
-            "dev": true,
-            "funding": [
-                "https://github.com/fb55/htmlparser2?sponsor=1",
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/fb55"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "domelementtype": "^2.0.1",
-                "domhandler": "^4.0.0",
-                "domutils": "^2.5.2",
-                "entities": "^2.0.0"
-            }
-        },
-        "node_modules/replace-ext": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.1.tgz",
-            "integrity": "sha512-yD5BHCe7quCgBph4rMQ+0KkIRKwWCrHDOX1p1Gp6HwjPM5kVoCdKGNhN7ydqqsX6lJEnQDKZ/tFMiEdQ1dvPEw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.10"
-            }
-        },
-        "node_modules/replace-homedir": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/replace-homedir/-/replace-homedir-2.0.0.tgz",
-            "integrity": "sha512-bgEuQQ/BHW0XkkJtawzrfzHFSN70f/3cNOiHa2QsYxqrjaC30X1k74FJ6xswVBP0sr0SpGIdVFuPwfrYziVeyw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/require-directory": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-            "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/require-from-string": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-            "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/requires-port": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
-            "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/reserved-identifiers": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/reserved-identifiers/-/reserved-identifiers-1.2.0.tgz",
-            "integrity": "sha512-yE7KUfFvaBFzGPs5H3Ops1RevfUEsDc5Iz65rOwWg4lE8HJSYtle77uul3+573457oHvBKuHYDl/xqUkKpEEdw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/resolve": {
-            "version": "1.22.8",
-            "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-            "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-core-module": "^2.13.0",
-                "path-parse": "^1.0.7",
-                "supports-preserve-symlinks-flag": "^1.0.0"
-            },
-            "bin": {
-                "resolve": "bin/resolve"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/resolve-dir": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/resolve-dir/-/resolve-dir-1.0.1.tgz",
-            "integrity": "sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "expand-tilde": "^2.0.0",
-                "global-modules": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/resolve-from": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-            "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/resolve-options": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/resolve-options/-/resolve-options-2.0.0.tgz",
-            "integrity": "sha512-/FopbmmFOQCfsCx77BRFdKOniglTiHumLgwvd6IDPihy1GKkadZbgQJBcTb2lMzSR1pndzd96b1nZrreZ7+9/A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "value-or-function": "^4.0.0"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/resolve-url-loader": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-5.0.0.tgz",
-            "integrity": "sha512-uZtduh8/8srhBoMx//5bwqjQ+rfYOUq8zC9NrMUGtjBiGTtFJM42s58/36+hTqeqINcnYe08Nj3LkK9lW4N8Xg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "adjust-sourcemap-loader": "^4.0.0",
-                "convert-source-map": "^1.7.0",
-                "loader-utils": "^2.0.0",
-                "postcss": "^8.2.14",
-                "source-map": "0.6.1"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/resolve-url-loader/node_modules/loader-utils": {
-            "version": "2.0.4",
-            "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
-            "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "big.js": "^5.2.2",
-                "emojis-list": "^3.0.0",
-                "json5": "^2.1.2"
-            },
-            "engines": {
-                "node": ">=8.9.0"
-            }
-        },
-        "node_modules/resolve-url-loader/node_modules/source-map": {
-            "version": "0.6.1",
-            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/restore-cursor": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-5.1.0.tgz",
-            "integrity": "sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "onetime": "^7.0.0",
-                "signal-exit": "^4.1.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/retry": {
-            "version": "0.12.0",
-            "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
-            "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 4"
-            }
-        },
-        "node_modules/reusify": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
-            "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "iojs": ">=1.0.0",
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/rfdc": {
-            "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
-            "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/rgbcolor": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/rgbcolor/-/rgbcolor-1.0.1.tgz",
-            "integrity": "sha512-9aZLIrhRaD97sgVhtJOW6ckOEh6/GnvQtdVNfdZ6s67+3/XwLS9lBcQYzEEhYVeUowN7pRzMLsyGhK2i/xvWbw==",
-            "dev": true,
-            "license": "MIT OR SEE LICENSE IN FEEL-FREE.md",
-            "optional": true,
-            "engines": {
-                "node": ">= 0.8.15"
-            }
-        },
-        "node_modules/rimraf": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-            "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-            "deprecated": "Rimraf versions prior to v4 are no longer supported",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "glob": "^7.1.3"
-            },
-            "bin": {
-                "rimraf": "bin.js"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/rimraf/node_modules/brace-expansion": {
-            "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "balanced-match": "^1.0.0",
-                "concat-map": "0.0.1"
-            }
-        },
-        "node_modules/rimraf/node_modules/glob": {
-            "version": "7.2.3",
-            "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-            "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-            "deprecated": "Glob versions prior to v9 are no longer supported",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "fs.realpath": "^1.0.0",
-                "inflight": "^1.0.4",
-                "inherits": "2",
-                "minimatch": "^3.1.1",
-                "once": "^1.3.0",
-                "path-is-absolute": "^1.0.0"
-            },
-            "engines": {
-                "node": "*"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/rimraf/node_modules/minimatch": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^1.1.7"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/rollup": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.22.4.tgz",
-            "integrity": "sha512-vD8HJ5raRcWOyymsR6Z3o6+RzfEPCnVLMFJ6vRslO1jt4LO6dUo5Qnpg7y4RkZFM2DMe3WUirkI5c16onjrc6A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/estree": "1.0.5"
-            },
-            "bin": {
-                "rollup": "dist/bin/rollup"
-            },
-            "engines": {
-                "node": ">=18.0.0",
-                "npm": ">=8.0.0"
-            },
-            "optionalDependencies": {
-                "@rollup/rollup-android-arm-eabi": "4.22.4",
-                "@rollup/rollup-android-arm64": "4.22.4",
-                "@rollup/rollup-darwin-arm64": "4.22.4",
-                "@rollup/rollup-darwin-x64": "4.22.4",
-                "@rollup/rollup-linux-arm-gnueabihf": "4.22.4",
-                "@rollup/rollup-linux-arm-musleabihf": "4.22.4",
-                "@rollup/rollup-linux-arm64-gnu": "4.22.4",
-                "@rollup/rollup-linux-arm64-musl": "4.22.4",
-                "@rollup/rollup-linux-powerpc64le-gnu": "4.22.4",
-                "@rollup/rollup-linux-riscv64-gnu": "4.22.4",
-                "@rollup/rollup-linux-s390x-gnu": "4.22.4",
-                "@rollup/rollup-linux-x64-gnu": "4.22.4",
-                "@rollup/rollup-linux-x64-musl": "4.22.4",
-                "@rollup/rollup-win32-arm64-msvc": "4.22.4",
-                "@rollup/rollup-win32-ia32-msvc": "4.22.4",
-                "@rollup/rollup-win32-x64-msvc": "4.22.4",
-                "fsevents": "~2.3.2"
-            }
-        },
-        "node_modules/rollup/node_modules/@types/estree": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
-            "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/run-applescript": {
-            "version": "7.1.0",
-            "resolved": "https://registry.npmjs.org/run-applescript/-/run-applescript-7.1.0.tgz",
-            "integrity": "sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/run-parallel": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "queue-microtask": "^1.2.2"
-            }
-        },
-        "node_modules/rxjs": {
-            "version": "7.8.2",
-            "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
-            "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "tslib": "^2.1.0"
-            }
-        },
-        "node_modules/safe-array-concat": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
-            "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.8",
-                "call-bound": "^1.0.2",
-                "get-intrinsic": "^1.2.6",
-                "has-symbols": "^1.1.0",
-                "isarray": "^2.0.5"
-            },
-            "engines": {
-                "node": ">=0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/safe-buffer": {
-            "version": "5.2.1",
-            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-            "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ],
-            "license": "MIT"
-        },
-        "node_modules/safe-push-apply": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
-            "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "es-errors": "^1.3.0",
-                "isarray": "^2.0.5"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/safe-regex-test": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
-            "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.2",
-                "es-errors": "^1.3.0",
-                "is-regex": "^1.2.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/safer-buffer": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/sass": {
-            "version": "1.77.6",
-            "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.6.tgz",
-            "integrity": "sha512-ByXE1oLD79GVq9Ht1PeHWCPMPB8XHpBuz1r85oByKHjZY6qV6rWnQovQzXJXuQ/XyE1Oj3iPk3lo28uzaRA2/Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "chokidar": ">=3.0.0 <4.0.0",
-                "immutable": "^4.0.0",
-                "source-map-js": ">=0.6.2 <2.0.0"
-            },
-            "bin": {
-                "sass": "sass.js"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            }
-        },
-        "node_modules/sass-loader": {
-            "version": "16.0.0",
-            "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-16.0.0.tgz",
-            "integrity": "sha512-n13Z+3rU9A177dk4888czcVFiC8CL9dii4qpXWUg3YIIgZEvi9TCFKjOQcbK0kJM7DJu9VucrZFddvNfYCPwtw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "neo-async": "^2.6.2"
-            },
-            "engines": {
-                "node": ">= 18.12.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            },
-            "peerDependencies": {
-                "@rspack/core": "0.x || 1.x",
-                "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0",
-                "sass": "^1.3.0",
-                "sass-embedded": "*",
-                "webpack": "^5.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@rspack/core": {
-                    "optional": true
-                },
-                "node-sass": {
-                    "optional": true
-                },
-                "sass": {
-                    "optional": true
-                },
-                "sass-embedded": {
-                    "optional": true
-                },
-                "webpack": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/sax": {
-            "version": "1.4.2",
-            "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.2.tgz",
-            "integrity": "sha512-FySGAa0RGcFiN6zfrO9JvK1r7TB59xuzCcTHOBXBNoKgDejlOQCR2KL/FGk3/iDlsqyYg1ELZpOmlg09B01Czw==",
-            "dev": true,
-            "license": "BlueOak-1.0.0"
-        },
-        "node_modules/scheduler": {
-            "version": "0.27.0",
-            "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
-            "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/schema-utils": {
-            "version": "4.3.3",
-            "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.3.tgz",
-            "integrity": "sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/json-schema": "^7.0.9",
-                "ajv": "^8.9.0",
-                "ajv-formats": "^2.1.1",
-                "ajv-keywords": "^5.1.0"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            }
-        },
-        "node_modules/schema-utils/node_modules/ajv-formats": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
-            "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ajv": "^8.0.0"
-            },
-            "peerDependencies": {
-                "ajv": "^8.0.0"
-            },
-            "peerDependenciesMeta": {
-                "ajv": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/search-insights": {
-            "version": "2.17.3",
-            "resolved": "https://registry.npmjs.org/search-insights/-/search-insights-2.17.3.tgz",
-            "integrity": "sha512-RQPdCYTa8A68uM2jwxoY842xDhvx3E5LFL1LxvxCNMev4o5mLuokczhzjAgGwUZBAmOKZknArSxLKmXtIi2AxQ==",
-            "dev": true,
-            "license": "MIT",
-            "peer": true
-        },
-        "node_modules/select-hose": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
-            "integrity": "sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/selfsigned": {
-            "version": "2.4.1",
-            "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.4.1.tgz",
-            "integrity": "sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/node-forge": "^1.3.0",
-                "node-forge": "^1"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/semver": {
-            "version": "7.6.3",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-            "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/semver-greatest-satisfied-range": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/semver-greatest-satisfied-range/-/semver-greatest-satisfied-range-2.0.0.tgz",
-            "integrity": "sha512-lH3f6kMbwyANB7HuOWRMlLCa2itaCrZJ+SAqqkSZrZKO/cAsk2EOyaKHUtNkVLFyFW9pct22SFesFp3Z7zpA0g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "sver": "^1.8.3"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/send": {
-            "version": "0.19.0",
-            "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
-            "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "debug": "2.6.9",
-                "depd": "2.0.0",
-                "destroy": "1.2.0",
-                "encodeurl": "~1.0.2",
-                "escape-html": "~1.0.3",
-                "etag": "~1.8.1",
-                "fresh": "0.5.2",
-                "http-errors": "2.0.0",
-                "mime": "1.6.0",
-                "ms": "2.1.3",
-                "on-finished": "2.4.1",
-                "range-parser": "~1.2.1",
-                "statuses": "2.0.1"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/send/node_modules/debug": {
-            "version": "2.6.9",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-            "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ms": "2.0.0"
-            }
-        },
-        "node_modules/send/node_modules/debug/node_modules/ms": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-            "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/send/node_modules/encodeurl": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-            "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/send/node_modules/mime": {
-            "version": "1.6.0",
-            "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-            "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "mime": "cli.js"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/serialize-javascript": {
-            "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
-            "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "dependencies": {
-                "randombytes": "^2.1.0"
-            }
-        },
-        "node_modules/serve-index": {
-            "version": "1.9.1",
-            "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
-            "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "accepts": "~1.3.4",
-                "batch": "0.6.1",
-                "debug": "2.6.9",
-                "escape-html": "~1.0.3",
-                "http-errors": "~1.6.2",
-                "mime-types": "~2.1.17",
-                "parseurl": "~1.3.2"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/serve-index/node_modules/debug": {
-            "version": "2.6.9",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-            "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ms": "2.0.0"
-            }
-        },
-        "node_modules/serve-index/node_modules/depd": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
-            "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/serve-index/node_modules/http-errors": {
-            "version": "1.6.3",
-            "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
-            "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "depd": "~1.1.2",
-                "inherits": "2.0.3",
-                "setprototypeof": "1.1.0",
-                "statuses": ">= 1.4.0 < 2"
-            },
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/serve-index/node_modules/inherits": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
-            "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/serve-index/node_modules/ms": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-            "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/serve-index/node_modules/setprototypeof": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
-            "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/serve-index/node_modules/statuses": {
-            "version": "1.5.0",
-            "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
-            "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/serve-static": {
-            "version": "1.16.2",
-            "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
-            "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "encodeurl": "~2.0.0",
-                "escape-html": "~1.0.3",
-                "parseurl": "~1.3.3",
-                "send": "0.19.0"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/set-function-length": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
-            "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "define-data-property": "^1.1.4",
-                "es-errors": "^1.3.0",
-                "function-bind": "^1.1.2",
-                "get-intrinsic": "^1.2.4",
-                "gopd": "^1.0.1",
-                "has-property-descriptors": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/set-function-name": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
-            "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "define-data-property": "^1.1.4",
-                "es-errors": "^1.3.0",
-                "functions-have-names": "^1.2.3",
-                "has-property-descriptors": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/set-proto": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
-            "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "dunder-proto": "^1.0.1",
-                "es-errors": "^1.3.0",
-                "es-object-atoms": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/setprototypeof": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
-            "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/shallow-clone": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
-            "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "kind-of": "^6.0.2"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/sharp": {
-            "version": "0.33.5",
-            "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.33.5.tgz",
-            "integrity": "sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "color": "^4.2.3",
-                "detect-libc": "^2.0.3",
-                "semver": "^7.6.3"
-            },
-            "engines": {
-                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/libvips"
-            },
-            "optionalDependencies": {
-                "@img/sharp-darwin-arm64": "0.33.5",
-                "@img/sharp-darwin-x64": "0.33.5",
-                "@img/sharp-libvips-darwin-arm64": "1.0.4",
-                "@img/sharp-libvips-darwin-x64": "1.0.4",
-                "@img/sharp-libvips-linux-arm": "1.0.5",
-                "@img/sharp-libvips-linux-arm64": "1.0.4",
-                "@img/sharp-libvips-linux-s390x": "1.0.4",
-                "@img/sharp-libvips-linux-x64": "1.0.4",
-                "@img/sharp-libvips-linuxmusl-arm64": "1.0.4",
-                "@img/sharp-libvips-linuxmusl-x64": "1.0.4",
-                "@img/sharp-linux-arm": "0.33.5",
-                "@img/sharp-linux-arm64": "0.33.5",
-                "@img/sharp-linux-s390x": "0.33.5",
-                "@img/sharp-linux-x64": "0.33.5",
-                "@img/sharp-linuxmusl-arm64": "0.33.5",
-                "@img/sharp-linuxmusl-x64": "0.33.5",
-                "@img/sharp-wasm32": "0.33.5",
-                "@img/sharp-win32-ia32": "0.33.5",
-                "@img/sharp-win32-x64": "0.33.5"
-            }
-        },
-        "node_modules/shebang-command": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-            "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "shebang-regex": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/shebang-regex": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-            "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/shell-quote": {
-            "version": "1.8.3",
-            "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz",
-            "integrity": "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/shiki": {
-            "version": "0.14.7",
-            "resolved": "https://registry.npmjs.org/shiki/-/shiki-0.14.7.tgz",
-            "integrity": "sha512-dNPAPrxSc87ua2sKJ3H5dQ/6ZaY8RNnaAqK+t0eG7p0Soi2ydiqbGOTaZCqaYvA/uZYfS1LJnemt3Q+mSfcPCg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-sequence-parser": "^1.1.0",
-                "jsonc-parser": "^3.2.0",
-                "vscode-oniguruma": "^1.7.0",
-                "vscode-textmate": "^8.0.0"
-            }
-        },
-        "node_modules/side-channel": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
-            "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "es-errors": "^1.3.0",
-                "object-inspect": "^1.13.3",
-                "side-channel-list": "^1.0.0",
-                "side-channel-map": "^1.0.1",
-                "side-channel-weakmap": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/side-channel-list": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
-            "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "es-errors": "^1.3.0",
-                "object-inspect": "^1.13.3"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/side-channel-map": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
-            "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.2",
-                "es-errors": "^1.3.0",
-                "get-intrinsic": "^1.2.5",
-                "object-inspect": "^1.13.3"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/side-channel-weakmap": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
-            "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.2",
-                "es-errors": "^1.3.0",
-                "get-intrinsic": "^1.2.5",
-                "object-inspect": "^1.13.3",
-                "side-channel-map": "^1.0.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/signal-exit": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-            "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/sigstore": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-2.3.1.tgz",
-            "integrity": "sha512-8G+/XDU8wNsJOQS5ysDVO0Etg9/2uA5gR9l4ZwijjlwxBcrU6RPfwi2+jJmbP+Ap1Hlp/nVAaEO4Fj22/SL2gQ==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "@sigstore/bundle": "^2.3.2",
-                "@sigstore/core": "^1.0.0",
-                "@sigstore/protobuf-specs": "^0.3.2",
-                "@sigstore/sign": "^2.3.2",
-                "@sigstore/tuf": "^2.3.4",
-                "@sigstore/verify": "^1.2.1"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/simple-swizzle": {
-            "version": "0.2.4",
-            "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.4.tgz",
-            "integrity": "sha512-nAu1WFPQSMNr2Zn9PGSZK9AGn4t/y97lEm+MXTtUDwfP0ksAIX4nO+6ruD9Jwut4C49SB1Ws+fbXsm/yScWOHw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-arrayish": "^0.3.1"
-            }
-        },
-        "node_modules/simple-swizzle/node_modules/is-arrayish": {
-            "version": "0.3.4",
-            "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.4.tgz",
-            "integrity": "sha512-m6UrgzFVUYawGBh1dUsWR5M2Clqic9RVXC/9f8ceNlv2IcO9j9J/z8UoCLPqtsPBFNzEpfR3xftohbfqDx8EQA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/sirv": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
-            "integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@polka/url": "^1.0.0-next.24",
-                "mrmime": "^2.0.0",
-                "totalist": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/sirv/node_modules/@polka/url": {
-            "version": "1.0.0-next.29",
-            "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
-            "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/slash": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
-            "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/slice-ansi": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
-            "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^6.0.0",
-                "is-fullwidth-code-point": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/slice-ansi?sponsor=1"
-            }
-        },
-        "node_modules/slice-ansi/node_modules/ansi-styles": {
-            "version": "6.2.3",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
-            "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/smart-buffer": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
-            "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 6.0.0",
-                "npm": ">= 3.0.0"
-            }
-        },
-        "node_modules/socket.io": {
-            "version": "4.8.1",
-            "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.8.1.tgz",
-            "integrity": "sha512-oZ7iUCxph8WYRHHcjBEc9unw3adt5CmSNlppj/5Q4k2RIrhl8Z5yY2Xr4j9zj0+wzVZ0bxmYoGSzKJnRl6A4yg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "accepts": "~1.3.4",
-                "base64id": "~2.0.0",
-                "cors": "~2.8.5",
-                "debug": "~4.3.2",
-                "engine.io": "~6.6.0",
-                "socket.io-adapter": "~2.5.2",
-                "socket.io-parser": "~4.2.4"
-            },
-            "engines": {
-                "node": ">=10.2.0"
-            }
-        },
-        "node_modules/socket.io-adapter": {
-            "version": "2.5.5",
-            "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.5.tgz",
-            "integrity": "sha512-eLDQas5dzPgOWCk9GuuJC2lBqItuhKI4uxGgo9aIV7MYbk2h9Q6uULEh8WBzThoI7l+qU9Ast9fVUmkqPP9wYg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "debug": "~4.3.4",
-                "ws": "~8.17.1"
-            }
-        },
-        "node_modules/socket.io-adapter/node_modules/debug": {
-            "version": "4.3.7",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-            "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ms": "^2.1.3"
-            },
-            "engines": {
-                "node": ">=6.0"
-            },
-            "peerDependenciesMeta": {
-                "supports-color": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/socket.io-parser": {
-            "version": "4.2.4",
-            "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz",
-            "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@socket.io/component-emitter": "~3.1.0",
-                "debug": "~4.3.1"
-            },
-            "engines": {
-                "node": ">=10.0.0"
-            }
-        },
-        "node_modules/socket.io-parser/node_modules/debug": {
-            "version": "4.3.7",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-            "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ms": "^2.1.3"
-            },
-            "engines": {
-                "node": ">=6.0"
-            },
-            "peerDependenciesMeta": {
-                "supports-color": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/socket.io/node_modules/debug": {
-            "version": "4.3.7",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-            "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ms": "^2.1.3"
-            },
-            "engines": {
-                "node": ">=6.0"
-            },
-            "peerDependenciesMeta": {
-                "supports-color": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/sockjs": {
-            "version": "0.3.24",
-            "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
-            "integrity": "sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "faye-websocket": "^0.11.3",
-                "uuid": "^8.3.2",
-                "websocket-driver": "^0.7.4"
-            }
-        },
-        "node_modules/socks": {
-            "version": "2.8.7",
-            "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.7.tgz",
-            "integrity": "sha512-HLpt+uLy/pxB+bum/9DzAgiKS8CX1EvbWxI4zlmgGCExImLdiad2iCwXT5Z4c9c3Eq8rP2318mPW2c+QbtjK8A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ip-address": "^10.0.1",
-                "smart-buffer": "^4.2.0"
-            },
-            "engines": {
-                "node": ">= 10.0.0",
-                "npm": ">= 3.0.0"
-            }
-        },
-        "node_modules/socks-proxy-agent": {
-            "version": "8.0.5",
-            "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.5.tgz",
-            "integrity": "sha512-HehCEsotFqbPW9sJ8WVYB6UbmIMv7kUUORIF2Nncq4VQvBfNBLibW9YZR5dlYCSUhwcD628pRllm7n+E+YTzJw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "agent-base": "^7.1.2",
-                "debug": "^4.3.4",
-                "socks": "^2.8.3"
-            },
-            "engines": {
-                "node": ">= 14"
-            }
-        },
-        "node_modules/source-map": {
-            "version": "0.7.4",
-            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
-            "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/source-map-js": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-            "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/source-map-loader": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-5.0.0.tgz",
-            "integrity": "sha512-k2Dur7CbSLcAH73sBcIkV5xjPV4SzqO1NJ7+XaQl8if3VODDUj3FNchNGpqgJSKbvUfJuhVdv8K2Eu8/TNl2eA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "iconv-lite": "^0.6.3",
-                "source-map-js": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 18.12.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            },
-            "peerDependencies": {
-                "webpack": "^5.72.1"
-            }
-        },
-        "node_modules/source-map-loader/node_modules/iconv-lite": {
-            "version": "0.6.3",
-            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "safer-buffer": ">= 2.1.2 < 3.0.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/source-map-support": {
-            "version": "0.5.21",
-            "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
-            "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "buffer-from": "^1.0.0",
-                "source-map": "^0.6.0"
-            }
-        },
-        "node_modules/source-map-support/node_modules/source-map": {
-            "version": "0.6.1",
-            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/sparkles": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/sparkles/-/sparkles-2.1.0.tgz",
-            "integrity": "sha512-r7iW1bDw8R/cFifrD3JnQJX0K1jqT0kprL48BiBpLZLJPmAm34zsVBsK5lc7HirZYZqMW65dOXZgbAGt/I6frg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/spdx-correct": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
-            "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "spdx-expression-parse": "^3.0.0",
-                "spdx-license-ids": "^3.0.0"
-            }
-        },
-        "node_modules/spdx-correct/node_modules/spdx-expression-parse": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
-            "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "spdx-exceptions": "^2.1.0",
-                "spdx-license-ids": "^3.0.0"
-            }
-        },
-        "node_modules/spdx-exceptions": {
-            "version": "2.5.0",
-            "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz",
-            "integrity": "sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==",
-            "dev": true,
-            "license": "CC-BY-3.0"
-        },
-        "node_modules/spdx-expression-parse": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-4.0.0.tgz",
-            "integrity": "sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "spdx-exceptions": "^2.1.0",
-                "spdx-license-ids": "^3.0.0"
-            }
-        },
-        "node_modules/spdx-license-ids": {
-            "version": "3.0.22",
-            "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.22.tgz",
-            "integrity": "sha512-4PRT4nh1EImPbt2jASOKHX7PB7I+e4IWNLvkKFDxNhJlfjbYlleYQh285Z/3mPTHSAK/AvdMmw5BNNuYH8ShgQ==",
-            "dev": true,
-            "license": "CC0-1.0"
-        },
-        "node_modules/spdy": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
-            "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "debug": "^4.1.0",
-                "handle-thing": "^2.0.0",
-                "http-deceiver": "^1.2.7",
-                "select-hose": "^2.0.0",
-                "spdy-transport": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
-        "node_modules/spdy-transport": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz",
-            "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "debug": "^4.1.0",
-                "detect-node": "^2.0.4",
-                "hpack.js": "^2.1.6",
-                "obuf": "^1.1.2",
-                "readable-stream": "^3.0.6",
-                "wbuf": "^1.7.3"
-            }
-        },
-        "node_modules/split-on-first": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/split-on-first/-/split-on-first-1.1.0.tgz",
-            "integrity": "sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/sprintf-js": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.3.tgz",
-            "integrity": "sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==",
-            "dev": true,
-            "license": "BSD-3-Clause"
-        },
-        "node_modules/ssf": {
-            "version": "0.11.2",
-            "resolved": "https://registry.npmjs.org/ssf/-/ssf-0.11.2.tgz",
-            "integrity": "sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "frac": "~1.1.2"
-            },
-            "engines": {
-                "node": ">=0.8"
-            }
-        },
-        "node_modules/ssri": {
-            "version": "10.0.6",
-            "resolved": "https://registry.npmjs.org/ssri/-/ssri-10.0.6.tgz",
-            "integrity": "sha512-MGrFH9Z4NP9Iyhqn16sDtBpRRNJ0Y2hNa6D65h736fVSaPCHr4DM4sWUNvVaSuC+0OBGhwsrydQwmgfg5LncqQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "minipass": "^7.0.3"
-            },
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/stack-utils": {
-            "version": "2.0.6",
-            "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
-            "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "escape-string-regexp": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/stack-utils/node_modules/escape-string-regexp": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
-            "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/stackblur-canvas": {
-            "version": "2.7.0",
-            "resolved": "https://registry.npmjs.org/stackblur-canvas/-/stackblur-canvas-2.7.0.tgz",
-            "integrity": "sha512-yf7OENo23AGJhBriGx0QivY5JP6Y1HbrrDI6WLt6C5auYZXlQrheoY8hD4ibekFKz1HOfE48Ww8kMWMnJD/zcQ==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "engines": {
-                "node": ">=0.1.14"
-            }
-        },
-        "node_modules/statuses": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
-            "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/stdin-discarder": {
-            "version": "0.2.2",
-            "resolved": "https://registry.npmjs.org/stdin-discarder/-/stdin-discarder-0.2.2.tgz",
-            "integrity": "sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/stop-iteration-iterator": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
-            "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "es-errors": "^1.3.0",
-                "internal-slot": "^1.1.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/storybook": {
-            "version": "8.6.14",
-            "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.6.14.tgz",
-            "integrity": "sha512-sVKbCj/OTx67jhmauhxc2dcr1P+yOgz/x3h0krwjyMgdc5Oubvxyg4NYDZmzAw+ym36g/lzH8N0Ccp4dwtdfxw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@storybook/core": "8.6.14"
-            },
-            "bin": {
-                "getstorybook": "bin/index.cjs",
-                "sb": "bin/index.cjs",
-                "storybook": "bin/index.cjs"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/storybook"
-            },
-            "peerDependencies": {
-                "prettier": "^2 || ^3"
-            },
-            "peerDependenciesMeta": {
-                "prettier": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/stream-chain": {
-            "version": "2.2.5",
-            "resolved": "https://registry.npmjs.org/stream-chain/-/stream-chain-2.2.5.tgz",
-            "integrity": "sha512-1TJmBx6aSWqZ4tx7aTpBDXK0/e2hhcNSTV8+CbFJtDjbb+I1mZ8lHit0Grw9GRT+6JbIrrDd8esncgBi8aBXGA==",
-            "dev": true,
-            "license": "BSD-3-Clause"
-        },
-        "node_modules/stream-composer": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/stream-composer/-/stream-composer-1.0.2.tgz",
-            "integrity": "sha512-bnBselmwfX5K10AH6L4c8+S5lgZMWI7ZYrz2rvYjCPB2DIMC4Ig8OpxGpNJSxRZ58oti7y1IcNvjBAz9vW5m4w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "streamx": "^2.13.2"
-            }
-        },
-        "node_modules/stream-exhaust": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/stream-exhaust/-/stream-exhaust-1.0.2.tgz",
-            "integrity": "sha512-b/qaq/GlBK5xaq1yrK9/zFcyRSTNxmcZwFLGSTG0mXgZl/4Z6GgiyYOXOvY7N3eEvFRAG1bkDRz5EPGSvPYQlw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/stream-json": {
-            "version": "1.9.1",
-            "resolved": "https://registry.npmjs.org/stream-json/-/stream-json-1.9.1.tgz",
-            "integrity": "sha512-uWkjJ+2Nt/LO9Z/JyKZbMusL8Dkh97uUBTv3AJQ74y07lVahLY4eEFsPsE97pxYBwr8nnjMAIch5eqI0gPShyw==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "dependencies": {
-                "stream-chain": "^2.2.5"
-            }
-        },
-        "node_modules/streamroller": {
-            "version": "3.1.5",
-            "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-3.1.5.tgz",
-            "integrity": "sha512-KFxaM7XT+irxvdqSP1LGLgNWbYN7ay5owZ3r/8t77p+EtSUAfUgtl7be3xtqtOmGUl9K9YPO2ca8133RlTjvKw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "date-format": "^4.0.14",
-                "debug": "^4.3.4",
-                "fs-extra": "^8.1.0"
-            },
-            "engines": {
-                "node": ">=8.0"
-            }
-        },
-        "node_modules/streamroller/node_modules/fs-extra": {
-            "version": "8.1.0",
-            "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
-            "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "graceful-fs": "^4.2.0",
-                "jsonfile": "^4.0.0",
-                "universalify": "^0.1.0"
-            },
-            "engines": {
-                "node": ">=6 <7 || >=8"
-            }
-        },
-        "node_modules/streamroller/node_modules/jsonfile": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
-            "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
-            "dev": true,
-            "license": "MIT",
-            "optionalDependencies": {
-                "graceful-fs": "^4.1.6"
-            }
-        },
-        "node_modules/streamroller/node_modules/universalify": {
-            "version": "0.1.2",
-            "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
-            "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 4.0.0"
-            }
-        },
-        "node_modules/streamx": {
-            "version": "2.23.0",
-            "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.23.0.tgz",
-            "integrity": "sha512-kn+e44esVfn2Fa/O0CPFcex27fjIL6MkVae0Mm6q+E6f0hWv578YCERbv+4m02cjxvDsPKLnmxral/rR6lBMAg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "events-universal": "^1.0.0",
-                "fast-fifo": "^1.3.2",
-                "text-decoder": "^1.1.0"
-            }
-        },
-        "node_modules/strict-uri-encode": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz",
-            "integrity": "sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/string_decoder": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-            "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "safe-buffer": "~5.2.0"
-            }
-        },
-        "node_modules/string-width": {
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/string-width-cjs": {
-            "name": "string-width",
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/string-width-cjs/node_modules/is-fullwidth-code-point": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/string-width/node_modules/is-fullwidth-code-point": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/string.prototype.trim": {
-            "version": "1.2.10",
-            "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
-            "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.8",
-                "call-bound": "^1.0.2",
-                "define-data-property": "^1.1.4",
-                "define-properties": "^1.2.1",
-                "es-abstract": "^1.23.5",
-                "es-object-atoms": "^1.0.0",
-                "has-property-descriptors": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/string.prototype.trimend": {
-            "version": "1.0.9",
-            "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
-            "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.8",
-                "call-bound": "^1.0.2",
-                "define-properties": "^1.2.1",
-                "es-object-atoms": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/string.prototype.trimstart": {
-            "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
-            "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "define-properties": "^1.2.1",
-                "es-object-atoms": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/strip-ansi": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/strip-ansi-cjs": {
-            "name": "strip-ansi",
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/strip-bom": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
-            "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/strip-final-newline": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
-            "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/strip-json-comments": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-            "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/strnum": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/strnum/-/strnum-1.1.2.tgz",
-            "integrity": "sha512-vrN+B7DBIoTTZjnPNewwhx6cBA/H+IS7rfW68n7XxC1y7uoiGQBxaKzqucGUgavX15dJgiGztLJ8vxuEzwqBdA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/NaturalIntelligence"
-                }
-            ],
-            "license": "MIT"
-        },
-        "node_modules/strong-log-transformer": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/strong-log-transformer/-/strong-log-transformer-2.1.0.tgz",
-            "integrity": "sha512-B3Hgul+z0L9a236FAUC9iZsL+nVHgoCJnqCbN588DjYxvGXaXaaFbfmQ/JhvKjZwsOukuR72XbHv71Qkug0HxA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "duplexer": "^0.1.1",
-                "minimist": "^1.2.0",
-                "through": "^2.3.4"
-            },
-            "bin": {
-                "sl-log-transformer": "bin/sl-log-transformer.js"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/style-loader": {
-            "version": "3.3.4",
-            "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.4.tgz",
-            "integrity": "sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 12.13.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            },
-            "peerDependencies": {
-                "webpack": "^5.0.0"
-            }
-        },
-        "node_modules/sucrase": {
-            "version": "3.35.0",
-            "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
-            "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jridgewell/gen-mapping": "^0.3.2",
-                "commander": "^4.0.0",
-                "glob": "^10.3.10",
-                "lines-and-columns": "^1.1.6",
-                "mz": "^2.7.0",
-                "pirates": "^4.0.1",
-                "ts-interface-checker": "^0.1.9"
-            },
-            "bin": {
-                "sucrase": "bin/sucrase",
-                "sucrase-node": "bin/sucrase-node"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            }
-        },
-        "node_modules/sucrase/node_modules/commander": {
-            "version": "4.1.1",
-            "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-            "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/sucrase/node_modules/lines-and-columns": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-            "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/supports-color": {
-            "version": "7.2.0",
-            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "has-flag": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/supports-preserve-symlinks-flag": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-            "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/sver": {
-            "version": "1.8.4",
-            "resolved": "https://registry.npmjs.org/sver/-/sver-1.8.4.tgz",
-            "integrity": "sha512-71o1zfzyawLfIWBOmw8brleKyvnbn73oVHNCsu51uPMz/HWiKkkXsI31JjHW5zqXEqnPYkIiHd8ZmL7FCimLEA==",
-            "dev": true,
-            "license": "MIT",
-            "optionalDependencies": {
-                "semver": "^6.3.0"
-            }
-        },
-        "node_modules/sver/node_modules/semver": {
-            "version": "6.3.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-            "dev": true,
-            "license": "ISC",
-            "optional": true,
-            "bin": {
-                "semver": "bin/semver.js"
-            }
-        },
-        "node_modules/svg-pan-zoom": {
-            "version": "3.6.2",
-            "resolved": "https://registry.npmjs.org/svg-pan-zoom/-/svg-pan-zoom-3.6.2.tgz",
-            "integrity": "sha512-JwnvRWfVKw/Xzfe6jriFyfey/lWJLq4bUh2jwoR5ChWQuQoOH8FEh1l/bEp46iHHKHEJWIyFJETbazraxNWECg==",
-            "dev": true,
-            "license": "BSD-2-Clause"
-        },
-        "node_modules/svg-pathdata": {
-            "version": "6.0.3",
-            "resolved": "https://registry.npmjs.org/svg-pathdata/-/svg-pathdata-6.0.3.tgz",
-            "integrity": "sha512-qsjeeq5YjBZ5eMdFuUa4ZosMLxgr5RZ+F+Y1OrDhuOCEInRMA3x74XdBtggJcj9kOeInz0WE+LgCPDkZFlBYJw==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "engines": {
-                "node": ">=12.0.0"
-            }
-        },
-        "node_modules/symbol-observable": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-4.0.0.tgz",
-            "integrity": "sha512-b19dMThMV4HVFynSAM1++gBHAbk2Tc/osgLIBZMKsyqh34jb2e8Os7T6ZW/Bt3pJFdBTd2JwAnAAEQV7rSNvcQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10"
-            }
-        },
-        "node_modules/tablesort": {
-            "version": "5.6.0",
-            "resolved": "https://registry.npmjs.org/tablesort/-/tablesort-5.6.0.tgz",
-            "integrity": "sha512-cZZXK3G089PbpxH8N7vN7Z21SEKqXAaCiSVOmZdR/v7z8TFCsF/OFr0rzjhQuFlQQHy9uQtW9P2oQFJzJFGVrg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 16",
-                "npm": ">= 8"
-            }
-        },
-        "node_modules/tailwindcss": {
-            "version": "3.4.18",
-            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.18.tgz",
-            "integrity": "sha512-6A2rnmW5xZMdw11LYjhcI5846rt9pbLSabY5XPxo+XWdxwZaFEn47Go4NzFiHu9sNNmr/kXivP1vStfvMaK1GQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@alloc/quick-lru": "^5.2.0",
-                "arg": "^5.0.2",
-                "chokidar": "^3.6.0",
-                "didyoumean": "^1.2.2",
-                "dlv": "^1.1.3",
-                "fast-glob": "^3.3.2",
-                "glob-parent": "^6.0.2",
-                "is-glob": "^4.0.3",
-                "jiti": "^1.21.7",
-                "lilconfig": "^3.1.3",
-                "micromatch": "^4.0.8",
-                "normalize-path": "^3.0.0",
-                "object-hash": "^3.0.0",
-                "picocolors": "^1.1.1",
-                "postcss": "^8.4.47",
-                "postcss-import": "^15.1.0",
-                "postcss-js": "^4.0.1",
-                "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
-                "postcss-nested": "^6.2.0",
-                "postcss-selector-parser": "^6.1.2",
-                "resolve": "^1.22.8",
-                "sucrase": "^3.35.0"
-            },
-            "bin": {
-                "tailwind": "lib/cli.js",
-                "tailwindcss": "lib/cli.js"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            }
-        },
-        "node_modules/tailwindcss/node_modules/postcss-selector-parser": {
-            "version": "6.1.2",
-            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-            "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cssesc": "^3.0.0",
-                "util-deprecate": "^1.0.2"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/tapable": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",
-            "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            }
-        },
-        "node_modules/tar": {
-            "version": "6.2.1",
-            "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
-            "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "chownr": "^2.0.0",
-                "fs-minipass": "^2.0.0",
-                "minipass": "^5.0.0",
-                "minizlib": "^2.1.1",
-                "mkdirp": "^1.0.3",
-                "yallist": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/tar-stream": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
-            "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "bl": "^4.0.3",
-                "end-of-stream": "^1.4.1",
-                "fs-constants": "^1.0.0",
-                "inherits": "^2.0.3",
-                "readable-stream": "^3.1.1"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/tar/node_modules/fs-minipass": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
-            "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "minipass": "^3.0.0"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/tar/node_modules/fs-minipass/node_modules/minipass": {
-            "version": "3.3.6",
-            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
-            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "yallist": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/tar/node_modules/minipass": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
-            "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/tar/node_modules/yallist": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/teex": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/teex/-/teex-1.0.1.tgz",
-            "integrity": "sha512-eYE6iEI62Ni1H8oIa7KlDU6uQBtqr4Eajni3wX7rpfXD8ysFx8z0+dri+KWEPWpBsxXfxu58x/0jvTVT1ekOSg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "streamx": "^2.12.5"
-            }
-        },
-        "node_modules/telejson": {
-            "version": "7.2.0",
-            "resolved": "https://registry.npmjs.org/telejson/-/telejson-7.2.0.tgz",
-            "integrity": "sha512-1QTEcJkJEhc8OnStBx/ILRu5J2p0GjvWsBx56bmZRqnrkdBMUe+nX92jxV+p3dB4CP6PZCdJMQJwCggkNBMzkQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "memoizerific": "^1.11.3"
-            }
-        },
-        "node_modules/terser": {
-            "version": "5.31.6",
-            "resolved": "https://registry.npmjs.org/terser/-/terser-5.31.6.tgz",
-            "integrity": "sha512-PQ4DAriWzKj+qgehQ7LK5bQqCFNMmlhjR2PFFLuqGCpuCAauxemVBWwWOxo3UIwWQx8+Pr61Df++r76wDmkQBg==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "@jridgewell/source-map": "^0.3.3",
-                "acorn": "^8.8.2",
-                "commander": "^2.20.0",
-                "source-map-support": "~0.5.20"
-            },
-            "bin": {
-                "terser": "bin/terser"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/terser-webpack-plugin": {
-            "version": "5.3.14",
-            "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.14.tgz",
-            "integrity": "sha512-vkZjpUjb6OMS7dhV+tILUW6BhpDR7P2L/aQSAv+Uwk+m8KATX9EccViHTJR2qDtACKPIYndLGCyl3FMo+r2LMw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jridgewell/trace-mapping": "^0.3.25",
-                "jest-worker": "^27.4.5",
-                "schema-utils": "^4.3.0",
-                "serialize-javascript": "^6.0.2",
-                "terser": "^5.31.1"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            },
-            "peerDependencies": {
-                "webpack": "^5.1.0"
-            },
-            "peerDependenciesMeta": {
-                "@swc/core": {
-                    "optional": true
-                },
-                "esbuild": {
-                    "optional": true
-                },
-                "uglify-js": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/terser/node_modules/commander": {
-            "version": "2.20.3",
-            "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-            "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/text-decoder": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.3.tgz",
-            "integrity": "sha512-3/o9z3X0X0fTupwsYvR03pJ/DjWuqqrfwBgTQzdWDiQSm9KitAyz/9WqsT2JQW7KV2m+bC2ol/zqpW37NHxLaA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "b4a": "^1.6.4"
-            }
-        },
-        "node_modules/text-decoder/node_modules/b4a": {
-            "version": "1.7.3",
-            "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.7.3.tgz",
-            "integrity": "sha512-5Q2mfq2WfGuFp3uS//0s6baOJLMoVduPYVeNmDYxu5OUA1/cBfvr2RIS7vi62LdNj/urk1hfmj867I3qt6uZ7Q==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "peerDependencies": {
-                "react-native-b4a": "*"
-            },
-            "peerDependenciesMeta": {
-                "react-native-b4a": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/text-segmentation": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/text-segmentation/-/text-segmentation-1.0.3.tgz",
-            "integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "utrie": "^1.0.2"
-            }
-        },
-        "node_modules/text-table": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-            "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/thenby": {
-            "version": "1.3.4",
-            "resolved": "https://registry.npmjs.org/thenby/-/thenby-1.3.4.tgz",
-            "integrity": "sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==",
-            "dev": true,
-            "license": "Apache-2.0"
-        },
-        "node_modules/thenify": {
-            "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
-            "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "any-promise": "^1.0.0"
-            }
-        },
-        "node_modules/thenify-all": {
-            "version": "1.6.0",
-            "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
-            "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "thenify": ">= 3.1.0 < 4"
-            },
-            "engines": {
-                "node": ">=0.8"
-            }
-        },
-        "node_modules/thingies": {
-            "version": "2.5.0",
-            "resolved": "https://registry.npmjs.org/thingies/-/thingies-2.5.0.tgz",
-            "integrity": "sha512-s+2Bwztg6PhWUD7XMfeYm5qliDdSiZm7M7n8KjTkIsm3l/2lgVRc2/Gx/v+ZX8lT4FMA+i8aQvhcWylldc+ZNw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10.18"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/streamich"
-            },
-            "peerDependencies": {
-                "tslib": "^2"
-            }
-        },
-        "node_modules/through": {
-            "version": "2.3.8",
-            "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
-            "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/through2": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
-            "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "readable-stream": "~2.3.6",
-                "xtend": "~4.0.1"
-            }
-        },
-        "node_modules/through2/node_modules/isarray": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-            "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/through2/node_modules/readable-stream": {
-            "version": "2.3.8",
-            "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-            "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "core-util-is": "~1.0.0",
-                "inherits": "~2.0.3",
-                "isarray": "~1.0.0",
-                "process-nextick-args": "~2.0.0",
-                "safe-buffer": "~5.1.1",
-                "string_decoder": "~1.1.1",
-                "util-deprecate": "~1.0.1"
-            }
-        },
-        "node_modules/through2/node_modules/safe-buffer": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-            "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/through2/node_modules/string_decoder": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-            "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "safe-buffer": "~5.1.0"
-            }
-        },
-        "node_modules/thunky": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
-            "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/tiny-invariant": {
-            "version": "1.3.3",
-            "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
-            "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/tinyglobby": {
-            "version": "0.2.15",
-            "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
-            "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "fdir": "^6.5.0",
-                "picomatch": "^4.0.3"
-            },
-            "engines": {
-                "node": ">=12.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/SuperchupuDev"
-            }
-        },
-        "node_modules/tinyglobby/node_modules/picomatch": {
-            "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-            "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/jonschlinkert"
-            }
-        },
-        "node_modules/tmp": {
-            "version": "0.2.5",
-            "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.5.tgz",
-            "integrity": "sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=14.14"
-            }
-        },
-        "node_modules/to-regex-range": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-number": "^7.0.0"
-            },
-            "engines": {
-                "node": ">=8.0"
-            }
-        },
-        "node_modules/to-through": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/to-through/-/to-through-3.0.0.tgz",
-            "integrity": "sha512-y8MN937s/HVhEoBU1SxfHC+wxCHkV1a9gW8eAdTadYh/bGyesZIVcbjI+mSpFbSVwQici/XjBjuUyri1dnXwBw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "streamx": "^2.12.5"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/to-valid-identifier": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/to-valid-identifier/-/to-valid-identifier-1.0.0.tgz",
-            "integrity": "sha512-41wJyvKep3yT2tyPqX/4blcfybknGB4D+oETKLs7Q76UiPqRpUJK3hr1nxelyYO0PHKVzJwlu0aCeEAsGI6rpw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@sindresorhus/base62": "^1.0.0",
-                "reserved-identifiers": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=20"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/toidentifier": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
-            "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.6"
-            }
-        },
-        "node_modules/totalist": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
-            "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/tree-dump": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/tree-dump/-/tree-dump-1.1.0.tgz",
-            "integrity": "sha512-rMuvhU4MCDbcbnleZTFezWsaZXRFemSqAM+7jPnzUl1fo9w3YEKOxAeui0fz3OI4EU4hf23iyA7uQRVko+UaBA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=10.0"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/streamich"
-            },
-            "peerDependencies": {
-                "tslib": "2"
-            }
-        },
-        "node_modules/tree-kill": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
-            "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "tree-kill": "cli.js"
-            }
-        },
-        "node_modules/trouter": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/trouter/-/trouter-2.0.1.tgz",
-            "integrity": "sha512-kr8SKKw94OI+xTGOkfsvwZQ8mWoikZDd2n8XZHjJVZUARZT+4/VV6cacRS6CLsH9bNm+HFIPU1Zx4CnNnb4qlQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "matchit": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/ts-api-utils": {
-            "version": "1.4.3",
-            "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz",
-            "integrity": "sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=16"
-            },
-            "peerDependencies": {
-                "typescript": ">=4.2.0"
-            }
-        },
-        "node_modules/ts-dedent": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz",
-            "integrity": "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6.10"
-            }
-        },
-        "node_modules/ts-interface-checker": {
-            "version": "0.1.13",
-            "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-            "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-            "dev": true,
-            "license": "Apache-2.0"
-        },
-        "node_modules/ts-morph": {
-            "version": "27.0.2",
-            "resolved": "https://registry.npmjs.org/ts-morph/-/ts-morph-27.0.2.tgz",
-            "integrity": "sha512-fhUhgeljcrdZ+9DZND1De1029PrE+cMkIP7ooqkLRTrRLTqcki2AstsyJm0vRNbTbVCNJ0idGlbBrfqc7/nA8w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@ts-morph/common": "~0.28.1",
-                "code-block-writer": "^13.0.3"
-            }
-        },
-        "node_modules/ts-node": {
-            "version": "10.9.2",
-            "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz",
-            "integrity": "sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@cspotcode/source-map-support": "^0.8.0",
-                "@tsconfig/node10": "^1.0.7",
-                "@tsconfig/node12": "^1.0.7",
-                "@tsconfig/node14": "^1.0.0",
-                "@tsconfig/node16": "^1.0.2",
-                "acorn": "^8.4.1",
-                "acorn-walk": "^8.1.1",
-                "arg": "^4.1.0",
-                "create-require": "^1.1.0",
-                "diff": "^4.0.1",
-                "make-error": "^1.1.1",
-                "v8-compile-cache-lib": "^3.0.1",
-                "yn": "3.1.1"
-            },
-            "bin": {
-                "ts-node": "dist/bin.js",
-                "ts-node-cwd": "dist/bin-cwd.js",
-                "ts-node-esm": "dist/bin-esm.js",
-                "ts-node-script": "dist/bin-script.js",
-                "ts-node-transpile-only": "dist/bin-transpile.js",
-                "ts-script": "dist/bin-script-deprecated.js"
-            },
-            "peerDependencies": {
-                "@swc/core": ">=1.2.50",
-                "@swc/wasm": ">=1.2.50",
-                "@types/node": "*",
-                "typescript": ">=2.7"
-            },
-            "peerDependenciesMeta": {
-                "@swc/core": {
-                    "optional": true
-                },
-                "@swc/wasm": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/ts-node/node_modules/arg": {
-            "version": "4.1.3",
-            "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
-            "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/tsconfig-paths": {
-            "version": "3.15.0",
-            "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
-            "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/json5": "^0.0.29",
-                "json5": "^1.0.2",
-                "minimist": "^1.2.6",
-                "strip-bom": "^3.0.0"
-            }
-        },
-        "node_modules/tsconfig-paths-webpack-plugin": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/tsconfig-paths-webpack-plugin/-/tsconfig-paths-webpack-plugin-4.2.0.tgz",
-            "integrity": "sha512-zbem3rfRS8BgeNK50Zz5SIQgXzLafiHjOwUAvk/38/o1jHn/V5QAgVUcz884or7WYcPaH3N2CIfUc2u0ul7UcA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "chalk": "^4.1.0",
-                "enhanced-resolve": "^5.7.0",
-                "tapable": "^2.2.1",
-                "tsconfig-paths": "^4.1.2"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/tsconfig-paths-webpack-plugin/node_modules/tsconfig-paths": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz",
-            "integrity": "sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "json5": "^2.2.2",
-                "minimist": "^1.2.6",
-                "strip-bom": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/tsconfig-paths/node_modules/json5": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
-            "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "minimist": "^1.2.0"
-            },
-            "bin": {
-                "json5": "lib/cli.js"
-            }
-        },
-        "node_modules/tslib": {
-            "version": "2.8.1",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-            "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-            "dev": true,
-            "license": "0BSD"
-        },
-        "node_modules/tslint": {
-            "version": "3.15.1",
-            "resolved": "https://registry.npmjs.org/tslint/-/tslint-3.15.1.tgz",
-            "integrity": "sha512-wkqXlDiU1qG31dMuxnCSNeNMdKmSaEMYgJ2RERgFkt1WvVEF/wYwUYR396DDDcJDDBYpq16a6XJodQh70IRtBQ==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "peer": true,
-            "dependencies": {
-                "colors": "^1.1.2",
-                "diff": "^2.2.1",
-                "findup-sync": "~0.3.0",
-                "glob": "^7.0.3",
-                "optimist": "~0.6.0",
-                "resolve": "^1.1.7",
-                "underscore.string": "^3.3.4"
-            },
-            "bin": {
-                "tslint": "bin/tslint"
-            },
-            "peerDependencies": {
-                "typescript": ">=1.7.3"
-            }
-        },
-        "node_modules/tslint/node_modules/brace-expansion": {
-            "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-            "dev": true,
-            "license": "MIT",
-            "peer": true,
-            "dependencies": {
-                "balanced-match": "^1.0.0",
-                "concat-map": "0.0.1"
-            }
-        },
-        "node_modules/tslint/node_modules/diff": {
-            "version": "2.2.3",
-            "resolved": "https://registry.npmjs.org/diff/-/diff-2.2.3.tgz",
-            "integrity": "sha512-9wfm3RLzMp/PyTFWuw9liEzdlxsdGixCW0ZTU1XDmtlAkvpVXTPGF8KnfSs0hm3BPbg19OrUPPsRkHXoREpP1g==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "peer": true,
-            "engines": {
-                "node": ">=0.3.1"
-            }
-        },
-        "node_modules/tslint/node_modules/findup-sync": {
-            "version": "0.3.0",
-            "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-0.3.0.tgz",
-            "integrity": "sha512-z8Nrwhi6wzxNMIbxlrTzuUW6KWuKkogZ/7OdDVq+0+kxn77KUH1nipx8iU6suqkHqc4y6n7a9A8IpmxY/pTjWg==",
-            "dev": true,
-            "peer": true,
-            "dependencies": {
-                "glob": "~5.0.0"
-            },
-            "engines": {
-                "node": ">= 0.6.0"
-            }
-        },
-        "node_modules/tslint/node_modules/findup-sync/node_modules/glob": {
-            "version": "5.0.15",
-            "resolved": "https://registry.npmjs.org/glob/-/glob-5.0.15.tgz",
-            "integrity": "sha512-c9IPMazfRITpmAAKi22dK1VKxGDX9ehhqfABDriL/lzO92xcUKEJPQHrVA/2YHSNFB4iFlykVmWvwo48nr3OxA==",
-            "deprecated": "Glob versions prior to v9 are no longer supported",
-            "dev": true,
-            "license": "ISC",
-            "peer": true,
-            "dependencies": {
-                "inflight": "^1.0.4",
-                "inherits": "2",
-                "minimatch": "2 || 3",
-                "once": "^1.3.0",
-                "path-is-absolute": "^1.0.0"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/tslint/node_modules/glob": {
-            "version": "7.2.3",
-            "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-            "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-            "deprecated": "Glob versions prior to v9 are no longer supported",
-            "dev": true,
-            "license": "ISC",
-            "peer": true,
-            "dependencies": {
-                "fs.realpath": "^1.0.0",
-                "inflight": "^1.0.4",
-                "inherits": "2",
-                "minimatch": "^3.1.1",
-                "once": "^1.3.0",
-                "path-is-absolute": "^1.0.0"
-            },
-            "engines": {
-                "node": "*"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/tslint/node_modules/minimatch": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
-            "license": "ISC",
-            "peer": true,
-            "dependencies": {
-                "brace-expansion": "^1.1.7"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/tuf-js": {
-            "version": "2.2.1",
-            "resolved": "https://registry.npmjs.org/tuf-js/-/tuf-js-2.2.1.tgz",
-            "integrity": "sha512-GwIJau9XaA8nLVbUXsN3IlFi7WmQ48gBUrl3FTkkL/XLu/POhBzfmX9hd33FNMX1qAsfl6ozO1iMmW9NC8YniA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@tufjs/models": "2.0.1",
-                "debug": "^4.3.4",
-                "make-fetch-happen": "^13.0.1"
-            },
-            "engines": {
-                "node": "^16.14.0 || >=18.0.0"
-            }
-        },
-        "node_modules/type-check": {
-            "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-            "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "prelude-ls": "^1.2.1"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/type-fest": {
-            "version": "0.21.3",
-            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
-            "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
-            "dev": true,
-            "license": "(MIT OR CC0-1.0)",
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/type-is": {
-            "version": "1.6.18",
-            "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
-            "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "media-typer": "0.3.0",
-                "mime-types": "~2.1.24"
-            },
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/typed-array-buffer": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
-            "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.3",
-                "es-errors": "^1.3.0",
-                "is-typed-array": "^1.1.14"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/typed-array-byte-length": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
-            "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.8",
-                "for-each": "^0.3.3",
-                "gopd": "^1.2.0",
-                "has-proto": "^1.2.0",
-                "is-typed-array": "^1.1.14"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/typed-array-byte-offset": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
-            "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "available-typed-arrays": "^1.0.7",
-                "call-bind": "^1.0.8",
-                "for-each": "^0.3.3",
-                "gopd": "^1.2.0",
-                "has-proto": "^1.2.0",
-                "is-typed-array": "^1.1.15",
-                "reflect.getprototypeof": "^1.0.9"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/typed-array-length": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
-            "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bind": "^1.0.7",
-                "for-each": "^0.3.3",
-                "gopd": "^1.0.1",
-                "is-typed-array": "^1.1.13",
-                "possible-typed-array-names": "^1.0.0",
-                "reflect.getprototypeof": "^1.0.6"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/typed-assert": {
-            "version": "1.0.9",
-            "resolved": "https://registry.npmjs.org/typed-assert/-/typed-assert-1.0.9.tgz",
-            "integrity": "sha512-KNNZtayBCtmnNmbo5mG47p1XsCyrx6iVqomjcZnec/1Y5GGARaxPs6r49RnSPeUP3YjNYiU9sQHAtY4BBvnZwg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/typedoc": {
-            "version": "0.25.13",
-            "resolved": "https://registry.npmjs.org/typedoc/-/typedoc-0.25.13.tgz",
-            "integrity": "sha512-pQqiwiJ+Z4pigfOnnysObszLiU3mVLWAExSPf+Mu06G/qsc3wzbuM56SZQvONhHLncLUhYzOVkjFFpFfL5AzhQ==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "lunr": "^2.3.9",
-                "marked": "^4.3.0",
-                "minimatch": "^9.0.3",
-                "shiki": "^0.14.7"
-            },
-            "bin": {
-                "typedoc": "bin/typedoc"
-            },
-            "engines": {
-                "node": ">= 16"
-            },
-            "peerDependencies": {
-                "typescript": "4.6.x || 4.7.x || 4.8.x || 4.9.x || 5.0.x || 5.1.x || 5.2.x || 5.3.x || 5.4.x"
-            }
-        },
-        "node_modules/typescript": {
-            "version": "5.4.5",
-            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
-            "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "bin": {
-                "tsc": "bin/tsc",
-                "tsserver": "bin/tsserver"
-            },
-            "engines": {
-                "node": ">=14.17"
-            }
-        },
-        "node_modules/ua-parser-js": {
-            "version": "0.7.41",
-            "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.41.tgz",
-            "integrity": "sha512-O3oYyCMPYgNNHuO7Jjk3uacJWZF8loBgwrfd/5LE/HyZ3lUIOdniQ7DNXJcIgZbwioZxk0fLfI4EVnetdiX5jg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/ua-parser-js"
-                },
-                {
-                    "type": "paypal",
-                    "url": "https://paypal.me/faisalman"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/faisalman"
-                }
-            ],
-            "license": "MIT",
-            "bin": {
-                "ua-parser-js": "script/cli.js"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/uglify-js": {
-            "version": "3.19.3",
-            "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.19.3.tgz",
-            "integrity": "sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "bin": {
-                "uglifyjs": "bin/uglifyjs"
-            },
-            "engines": {
-                "node": ">=0.8.0"
-            }
-        },
-        "node_modules/uglifycss": {
-            "version": "0.0.25",
-            "resolved": "https://registry.npmjs.org/uglifycss/-/uglifycss-0.0.25.tgz",
-            "integrity": "sha512-MPfsrz1Cek1uby3nnPbCBjfcu4q4HxdLnWzYPShO+mHYjEO+C1PDAHH4Q7rZLImv3UF5LXOHCdoz4g32+nb5xw==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "uglifycss": "uglifycss"
-            }
-        },
-        "node_modules/unbox-primitive": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
-            "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.3",
-                "has-bigints": "^1.0.2",
-                "has-symbols": "^1.1.0",
-                "which-boxed-primitive": "^1.1.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/unc-path-regex": {
-            "version": "0.1.2",
-            "resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz",
-            "integrity": "sha512-eXL4nmJT7oCpkZsHZUOJo8hcX3GbsiDOa0Qu9F646fi8dT3XuSVopVqAcEiVzSKKH7UoDti23wNX3qGFxcW5Qg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/underscore.string": {
-            "version": "3.3.6",
-            "resolved": "https://registry.npmjs.org/underscore.string/-/underscore.string-3.3.6.tgz",
-            "integrity": "sha512-VoC83HWXmCrF6rgkyxS9GHv8W9Q5nhMKho+OadDJGzL2oDYbYEppBaCMH6pFlwLeqj2QS+hhkw2kpXkSdD1JxQ==",
-            "dev": true,
-            "license": "MIT",
-            "peer": true,
-            "dependencies": {
-                "sprintf-js": "^1.1.1",
-                "util-deprecate": "^1.0.2"
-            },
-            "engines": {
-                "node": "*"
-            }
-        },
-        "node_modules/undertaker": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/undertaker/-/undertaker-2.0.0.tgz",
-            "integrity": "sha512-tO/bf30wBbTsJ7go80j0RzA2rcwX6o7XPBpeFcb+jzoeb4pfMM2zUeSDIkY1AWqeZabWxaQZ/h8N9t35QKDLPQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "bach": "^2.0.1",
-                "fast-levenshtein": "^3.0.0",
-                "last-run": "^2.0.0",
-                "undertaker-registry": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/undertaker-registry": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/undertaker-registry/-/undertaker-registry-2.0.0.tgz",
-            "integrity": "sha512-+hhVICbnp+rlzZMgxXenpvTxpuvA67Bfgtt+O9WOE5jo7w/dyiF1VmoZVIHvP2EkUjsyKyTwYKlLhA+j47m1Ew==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/undertaker/node_modules/fast-levenshtein": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-3.0.0.tgz",
-            "integrity": "sha512-hKKNajm46uNmTlhHSyZkmToAc56uZJwYq7yrciZjqOxnlfQwERDQJmHPUp7m1m9wx8vgOe8IaCKZ5Kv2k1DdCQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "fastest-levenshtein": "^1.0.7"
-            }
-        },
-        "node_modules/undici": {
-            "version": "7.16.0",
-            "resolved": "https://registry.npmjs.org/undici/-/undici-7.16.0.tgz",
-            "integrity": "sha512-QEg3HPMll0o3t2ourKwOeUAZ159Kn9mx5pnzHRQO8+Wixmh88YdZRiIwat0iNzNNXn0yoEtXJqFpyW7eM8BV7g==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=20.18.1"
-            }
-        },
-        "node_modules/undici-types": {
-            "version": "7.16.0",
-            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
-            "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "peer": true
-        },
-        "node_modules/unicode-canonical-property-names-ecmascript": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz",
-            "integrity": "sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/unicode-match-property-ecmascript": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
-            "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "unicode-canonical-property-names-ecmascript": "^2.0.0",
-                "unicode-property-aliases-ecmascript": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/unicode-match-property-value-ecmascript": {
-            "version": "2.2.1",
-            "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.1.tgz",
-            "integrity": "sha512-JQ84qTuMg4nVkx8ga4A16a1epI9H6uTXAknqxkGF/aFfRLw1xC/Bp24HNLaZhHSkWd3+84t8iXnp1J0kYcZHhg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/unicode-property-aliases-ecmascript": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.2.0.tgz",
-            "integrity": "sha512-hpbDzxUY9BFwX+UeBnxv3Sh1q7HFxj48DTmXchNgRa46lO8uj3/1iEn3MiNUYTg1g9ctIqXCCERn8gYZhHC5lQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/unicorn-magic": {
-            "version": "0.3.0",
-            "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.3.0.tgz",
-            "integrity": "sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/unique-filename": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-3.0.0.tgz",
-            "integrity": "sha512-afXhuC55wkAmZ0P18QsVE6kp8JaxrEokN2HGIoIVv2ijHQd419H0+6EigAFcIzXeMIkcIkNBpB3L/DXB3cTS/g==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "unique-slug": "^4.0.0"
-            },
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/unique-slug": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-4.0.0.tgz",
-            "integrity": "sha512-WrcA6AyEfqDX5bWige/4NQfPZMtASNVxdmWR76WESYQVAACSgWcR6e9i0mofqqBxYFtL4oAxPIptY73/0YE1DQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "imurmurhash": "^0.1.4"
-            },
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/universalify": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
-            "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 10.0.0"
-            }
-        },
-        "node_modules/unix-crypt-td-js": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/unix-crypt-td-js/-/unix-crypt-td-js-1.1.4.tgz",
-            "integrity": "sha512-8rMeVYWSIyccIJscb9NdCfZKSRBKYTeVnwmiRYT2ulE3qd1RaDQ0xQDP+rI3ccIWbhu/zuo5cgN8z73belNZgw==",
-            "dev": true,
-            "license": "BSD-3-Clause"
-        },
-        "node_modules/unpipe": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
-            "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/unplugin": {
-            "version": "1.16.1",
-            "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.16.1.tgz",
-            "integrity": "sha512-4/u/j4FrCKdi17jaxuJA0jClGxB1AvU2hw/IuayPc4ay1XGaJs/rbb4v5WKwAjNifjmXK9PIFyuPiaK8azyR9w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "acorn": "^8.14.0",
-                "webpack-virtual-modules": "^0.6.2"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            }
-        },
-        "node_modules/untildify": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz",
-            "integrity": "sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/update-browserslist-db": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.4.tgz",
-            "integrity": "sha512-q0SPT4xyU84saUX+tomz1WLkxUbuaJnR1xWt17M7fJtEJigJeWUNGUqrauFXsHnqev9y9JTRGwk13tFBuKby4A==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/browserslist"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/browserslist"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "escalade": "^3.2.0",
-                "picocolors": "^1.1.1"
-            },
-            "bin": {
-                "update-browserslist-db": "cli.js"
-            },
-            "peerDependencies": {
-                "browserslist": ">= 4.21.0"
-            }
-        },
-        "node_modules/uri-js": {
-            "version": "4.4.1",
-            "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-            "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "punycode": "^2.1.0"
-            }
-        },
-        "node_modules/uri-js/node_modules/punycode": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-            "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/url": {
-            "version": "0.11.4",
-            "resolved": "https://registry.npmjs.org/url/-/url-0.11.4.tgz",
-            "integrity": "sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "punycode": "^1.4.1",
-                "qs": "^6.12.3"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/util": {
-            "version": "0.12.5",
-            "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
-            "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "inherits": "^2.0.3",
-                "is-arguments": "^1.0.4",
-                "is-generator-function": "^1.0.7",
-                "is-typed-array": "^1.1.3",
-                "which-typed-array": "^1.1.2"
-            }
-        },
-        "node_modules/util-deprecate": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/utila": {
-            "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz",
-            "integrity": "sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/utils-merge": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
-            "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4.0"
-            }
-        },
-        "node_modules/utrie": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/utrie/-/utrie-1.0.2.tgz",
-            "integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "base64-arraybuffer": "^1.0.2"
-            }
-        },
-        "node_modules/uuid": {
-            "version": "8.3.2",
-            "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
-            "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "uuid": "dist/bin/uuid"
-            }
-        },
-        "node_modules/v8-compile-cache-lib": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
-            "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/v8flags": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/v8flags/-/v8flags-4.0.1.tgz",
-            "integrity": "sha512-fcRLaS4H/hrZk9hYwbdRM35D0U8IYMfEClhXxCivOojl+yTRAZH3Zy2sSy6qVCiGbV9YAtPssP6jaChqC9vPCg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/validate-npm-package-license": {
-            "version": "3.0.4",
-            "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
-            "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "spdx-correct": "^3.0.0",
-                "spdx-expression-parse": "^3.0.0"
-            }
-        },
-        "node_modules/validate-npm-package-license/node_modules/spdx-expression-parse": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
-            "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "spdx-exceptions": "^2.1.0",
-                "spdx-license-ids": "^3.0.0"
-            }
-        },
-        "node_modules/validate-npm-package-name": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-5.0.1.tgz",
-            "integrity": "sha512-OljLrQ9SQdOUqTaQxqL5dEfZWrXExyyWsozYlAWFawPVNuD83igl7uJD2RTkNMbniIYgt8l81eCJGIdQF7avLQ==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/value-or-function": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/value-or-function/-/value-or-function-4.0.0.tgz",
-            "integrity": "sha512-aeVK81SIuT6aMJfNo9Vte8Dw0/FZINGBV8BfCraGtqVxIeLAEhJyoWs8SmvRVmXfGss2PmmOwZCuBPbZR+IYWg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 10.13.0"
-            }
-        },
-        "node_modules/vary": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
-            "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/vinyl": {
-            "version": "2.2.1",
-            "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.1.tgz",
-            "integrity": "sha512-LII3bXRFBZLlezoG5FfZVcXflZgWP/4dCwKtxd5ky9+LOtM4CS3bIRQsmR1KMnMW07jpE8fqR2lcxPZ+8sJIcw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "clone": "^2.1.1",
-                "clone-buffer": "^1.0.0",
-                "clone-stats": "^1.0.0",
-                "cloneable-readable": "^1.0.0",
-                "remove-trailing-separator": "^1.0.1",
-                "replace-ext": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.10"
-            }
-        },
-        "node_modules/vinyl-contents": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/vinyl-contents/-/vinyl-contents-2.0.0.tgz",
-            "integrity": "sha512-cHq6NnGyi2pZ7xwdHSW1v4Jfnho4TEGtxZHw01cmnc8+i7jgR6bRnED/LbrKan/Q7CvVLbnvA5OepnhbpjBZ5Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "bl": "^5.0.0",
-                "vinyl": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/vinyl-contents/node_modules/bl": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/bl/-/bl-5.1.0.tgz",
-            "integrity": "sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "buffer": "^6.0.3",
-                "inherits": "^2.0.4",
-                "readable-stream": "^3.4.0"
-            }
-        },
-        "node_modules/vinyl-contents/node_modules/buffer": {
-            "version": "6.0.3",
-            "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
-            "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "base64-js": "^1.3.1",
-                "ieee754": "^1.2.1"
-            }
-        },
-        "node_modules/vinyl-contents/node_modules/replace-ext": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-2.0.0.tgz",
-            "integrity": "sha512-UszKE5KVK6JvyD92nzMn9cDapSk6w/CaFZ96CnmDMUqH9oowfxF/ZjRITD25H4DnOQClLA4/j7jLGXXLVKxAug==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/vinyl-contents/node_modules/vinyl": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-3.0.1.tgz",
-            "integrity": "sha512-0QwqXteBNXgnLCdWdvPQBX6FXRHtIH3VhJPTd5Lwn28tJXc34YqSCWUmkOvtJHBmB3gGoPtrOKk3Ts8/kEZ9aA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "clone": "^2.1.2",
-                "remove-trailing-separator": "^1.1.0",
-                "replace-ext": "^2.0.0",
-                "teex": "^1.0.1"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/vinyl-fs": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/vinyl-fs/-/vinyl-fs-4.0.2.tgz",
-            "integrity": "sha512-XRFwBLLTl8lRAOYiBqxY279wY46tVxLaRhSwo3GzKEuLz1giffsOquWWboD/haGf5lx+JyTigCFfe7DWHoARIA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "fs-mkdirp-stream": "^2.0.1",
-                "glob-stream": "^8.0.3",
-                "graceful-fs": "^4.2.11",
-                "iconv-lite": "^0.6.3",
-                "is-valid-glob": "^1.0.0",
-                "lead": "^4.0.0",
-                "normalize-path": "3.0.0",
-                "resolve-options": "^2.0.0",
-                "stream-composer": "^1.0.2",
-                "streamx": "^2.14.0",
-                "to-through": "^3.0.0",
-                "value-or-function": "^4.0.0",
-                "vinyl": "^3.0.1",
-                "vinyl-sourcemap": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/vinyl-fs/node_modules/iconv-lite": {
-            "version": "0.6.3",
-            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "safer-buffer": ">= 2.1.2 < 3.0.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/vinyl-fs/node_modules/replace-ext": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-2.0.0.tgz",
-            "integrity": "sha512-UszKE5KVK6JvyD92nzMn9cDapSk6w/CaFZ96CnmDMUqH9oowfxF/ZjRITD25H4DnOQClLA4/j7jLGXXLVKxAug==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/vinyl-fs/node_modules/vinyl": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-3.0.1.tgz",
-            "integrity": "sha512-0QwqXteBNXgnLCdWdvPQBX6FXRHtIH3VhJPTd5Lwn28tJXc34YqSCWUmkOvtJHBmB3gGoPtrOKk3Ts8/kEZ9aA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "clone": "^2.1.2",
-                "remove-trailing-separator": "^1.1.0",
-                "replace-ext": "^2.0.0",
-                "teex": "^1.0.1"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/vinyl-sourcemap": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/vinyl-sourcemap/-/vinyl-sourcemap-2.0.0.tgz",
-            "integrity": "sha512-BAEvWxbBUXvlNoFQVFVHpybBbjW1r03WhohJzJDSfgrrK5xVYIDTan6xN14DlyImShgDRv2gl9qhM6irVMsV0Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "convert-source-map": "^2.0.0",
-                "graceful-fs": "^4.2.10",
-                "now-and-later": "^3.0.0",
-                "streamx": "^2.12.5",
-                "vinyl": "^3.0.0",
-                "vinyl-contents": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/vinyl-sourcemap/node_modules/convert-source-map": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-            "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/vinyl-sourcemap/node_modules/replace-ext": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-2.0.0.tgz",
-            "integrity": "sha512-UszKE5KVK6JvyD92nzMn9cDapSk6w/CaFZ96CnmDMUqH9oowfxF/ZjRITD25H4DnOQClLA4/j7jLGXXLVKxAug==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/vinyl-sourcemap/node_modules/vinyl": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-3.0.1.tgz",
-            "integrity": "sha512-0QwqXteBNXgnLCdWdvPQBX6FXRHtIH3VhJPTd5Lwn28tJXc34YqSCWUmkOvtJHBmB3gGoPtrOKk3Ts8/kEZ9aA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "clone": "^2.1.2",
-                "remove-trailing-separator": "^1.1.0",
-                "replace-ext": "^2.0.0",
-                "teex": "^1.0.1"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/vinyl-sourcemaps-apply": {
-            "version": "0.2.1",
-            "resolved": "https://registry.npmjs.org/vinyl-sourcemaps-apply/-/vinyl-sourcemaps-apply-0.2.1.tgz",
-            "integrity": "sha512-+oDh3KYZBoZC8hfocrbrxbLUeaYtQK7J5WU5Br9VqWqmCll3tFJqKp97GC9GmMsVIL0qnx2DgEDVxdo5EZ5sSw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "source-map": "^0.5.1"
-            }
-        },
-        "node_modules/vinyl-sourcemaps-apply/node_modules/source-map": {
-            "version": "0.5.7",
-            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
-            "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/vis-data": {
-            "version": "8.0.3",
-            "resolved": "https://registry.npmjs.org/vis-data/-/vis-data-8.0.3.tgz",
-            "integrity": "sha512-jhnb6rJNqkKR1Qmlay0VuDXY9ZlvAnYN1udsrP4U+krgZEq7C0yNSKdZqmnCe13mdnf9AdVcdDGFOzy2mpPoqw==",
-            "dev": true,
-            "license": "(Apache-2.0 OR MIT)",
-            "peer": true,
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/visjs"
-            },
-            "peerDependencies": {
-                "uuid": "^3.4.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0 || ^13.0.0",
-                "vis-util": ">=6.0.0"
-            }
-        },
-        "node_modules/vis-network": {
-            "version": "10.0.2",
-            "resolved": "https://registry.npmjs.org/vis-network/-/vis-network-10.0.2.tgz",
-            "integrity": "sha512-qPl8GLYBeHEFqiTqp4VBbYQIJ2EA8KLr7TstA2E8nJxfEHaKCU81hQLz7hhq11NUpHbMaRzBjW5uZpVKJ45/wA==",
-            "dev": true,
-            "license": "(Apache-2.0 OR MIT)",
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/visjs"
-            },
-            "peerDependencies": {
-                "@egjs/hammerjs": "^2.0.0",
-                "component-emitter": "^1.3.0 || ^2.0.0",
-                "keycharm": "^0.2.0 || ^0.3.0 || ^0.4.0",
-                "uuid": "^3.4.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0 || ^13.0.0",
-                "vis-data": ">=8.0.0",
-                "vis-util": ">=6.0.0"
-            }
-        },
-        "node_modules/vis-util": {
-            "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/vis-util/-/vis-util-6.0.0.tgz",
-            "integrity": "sha512-qtpts3HRma0zPe4bO7t9A2uejkRNj8Z2Tb6do6lN85iPNWExFkUiVhdAq5uLGIUqBFduyYeqWJKv/jMkxX0R5g==",
-            "dev": true,
-            "license": "(Apache-2.0 OR MIT)",
-            "peer": true,
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/visjs"
-            },
-            "peerDependencies": {
-                "@egjs/hammerjs": "^2.0.0",
-                "component-emitter": "^1.3.0 || ^2.0.0"
-            }
-        },
-        "node_modules/void-elements": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
-            "integrity": "sha512-qZKX4RnBzH2ugr8Lxa7x+0V6XD9Sb/ouARtiasEQCHB1EVU4NXtmHsDDrx1dO4ne5fc3J6EW05BP1Dl0z0iung==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/vscode-oniguruma": {
-            "version": "1.7.0",
-            "resolved": "https://registry.npmjs.org/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz",
-            "integrity": "sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/vscode-textmate": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/vscode-textmate/-/vscode-textmate-8.0.0.tgz",
-            "integrity": "sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/walk-up-path": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/walk-up-path/-/walk-up-path-3.0.1.tgz",
-            "integrity": "sha512-9YlCL/ynK3CTlrSRrDxZvUauLzAswPCrsaCgilqFevUYpeEW0/3ScEjaa3kbW/T0ghhkEr7mv+fpjqn1Y1YuTA==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/watchpack": {
-            "version": "2.4.1",
-            "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.1.tgz",
-            "integrity": "sha512-8wrBCMtVhqcXP2Sup1ctSkga6uc2Bx0IIvKyT7yTFier5AXHooSI+QyQQAtTb7+E0IUCCKyTFmXqdqgum2XWGg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "glob-to-regexp": "^0.4.1",
-                "graceful-fs": "^4.1.2"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/wbuf": {
-            "version": "1.7.3",
-            "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
-            "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "minimalistic-assert": "^1.0.0"
-            }
-        },
-        "node_modules/wcwidth": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
-            "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "defaults": "^1.0.3"
-            }
-        },
-        "node_modules/weak-lru-cache": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/weak-lru-cache/-/weak-lru-cache-1.2.2.tgz",
-            "integrity": "sha512-DEAoo25RfSYMuTGc9vPJzZcZullwIqRDSI9LOy+fkCJPi6hykCnfKaXTuPBDuXAUcqHXyOgFtHNp/kB2FjYHbw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/web-encoding": {
-            "version": "1.1.5",
-            "resolved": "https://registry.npmjs.org/web-encoding/-/web-encoding-1.1.5.tgz",
-            "integrity": "sha512-HYLeVCdJ0+lBYV2FvNZmv3HJ2Nt0QYXqZojk3d9FJOLkwnuhzM9tmamh8d7HPM8QqjKH8DeHkFTx+CFlWpZZDA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "util": "^0.12.3"
-            },
-            "optionalDependencies": {
-                "@zxing/text-encoding": "0.9.0"
-            }
-        },
-        "node_modules/webpack": {
-            "version": "5.94.0",
-            "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.94.0.tgz",
-            "integrity": "sha512-KcsGn50VT+06JH/iunZJedYGUJS5FGjow8wb9c0v5n1Om8O1g4L6LjtfxwlXIATopoQu+vOXXa7gYisWxCoPyg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/estree": "^1.0.5",
-                "@webassemblyjs/ast": "^1.12.1",
-                "@webassemblyjs/wasm-edit": "^1.12.1",
-                "@webassemblyjs/wasm-parser": "^1.12.1",
-                "acorn": "^8.7.1",
-                "acorn-import-attributes": "^1.9.5",
-                "browserslist": "^4.21.10",
-                "chrome-trace-event": "^1.0.2",
-                "enhanced-resolve": "^5.17.1",
-                "es-module-lexer": "^1.2.1",
-                "eslint-scope": "5.1.1",
-                "events": "^3.2.0",
-                "glob-to-regexp": "^0.4.1",
-                "graceful-fs": "^4.2.11",
-                "json-parse-even-better-errors": "^2.3.1",
-                "loader-runner": "^4.2.0",
-                "mime-types": "^2.1.27",
-                "neo-async": "^2.6.2",
-                "schema-utils": "^3.2.0",
-                "tapable": "^2.1.1",
-                "terser-webpack-plugin": "^5.3.10",
-                "watchpack": "^2.4.1",
-                "webpack-sources": "^3.2.3"
-            },
-            "bin": {
-                "webpack": "bin/webpack.js"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            },
-            "peerDependenciesMeta": {
-                "webpack-cli": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/webpack-dev-middleware": {
-            "version": "7.4.2",
-            "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-7.4.2.tgz",
-            "integrity": "sha512-xOO8n6eggxnwYpy1NlzUKpvrjfJTvae5/D6WOK0S2LSo7vjmo5gCM1DbLUmFqrMTJP+W/0YZNctm7jasWvLuBA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "colorette": "^2.0.10",
-                "memfs": "^4.6.0",
-                "mime-types": "^2.1.31",
-                "on-finished": "^2.4.1",
-                "range-parser": "^1.2.1",
-                "schema-utils": "^4.0.0"
-            },
-            "engines": {
-                "node": ">= 18.12.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            },
-            "peerDependencies": {
-                "webpack": "^5.0.0"
-            },
-            "peerDependenciesMeta": {
-                "webpack": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/webpack-dev-middleware/node_modules/memfs": {
-            "version": "4.50.0",
-            "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.50.0.tgz",
-            "integrity": "sha512-N0LUYQMUA1yS5tJKmMtU9yprPm6ZIg24yr/OVv/7t6q0kKDIho4cBbXRi1XKttUmNYDYgF/q45qrKE/UhGO0CA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "@jsonjoy.com/json-pack": "^1.11.0",
-                "@jsonjoy.com/util": "^1.9.0",
-                "glob-to-regex.js": "^1.0.1",
-                "thingies": "^2.5.0",
-                "tree-dump": "^1.0.3",
-                "tslib": "^2.0.0"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/streamich"
-            }
-        },
-        "node_modules/webpack-dev-server": {
-            "version": "5.0.4",
-            "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.0.4.tgz",
-            "integrity": "sha512-dljXhUgx3HqKP2d8J/fUMvhxGhzjeNVarDLcbO/EWMSgRizDkxHQDZQaLFL5VJY9tRBj2Gz+rvCEYYvhbqPHNA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/bonjour": "^3.5.13",
-                "@types/connect-history-api-fallback": "^1.5.4",
-                "@types/express": "^4.17.21",
-                "@types/serve-index": "^1.9.4",
-                "@types/serve-static": "^1.15.5",
-                "@types/sockjs": "^0.3.36",
-                "@types/ws": "^8.5.10",
-                "ansi-html-community": "^0.0.8",
-                "bonjour-service": "^1.2.1",
-                "chokidar": "^3.6.0",
-                "colorette": "^2.0.10",
-                "compression": "^1.7.4",
-                "connect-history-api-fallback": "^2.0.0",
-                "default-gateway": "^6.0.3",
-                "express": "^4.17.3",
-                "graceful-fs": "^4.2.6",
-                "html-entities": "^2.4.0",
-                "http-proxy-middleware": "^2.0.3",
-                "ipaddr.js": "^2.1.0",
-                "launch-editor": "^2.6.1",
-                "open": "^10.0.3",
-                "p-retry": "^6.2.0",
-                "rimraf": "^5.0.5",
-                "schema-utils": "^4.2.0",
-                "selfsigned": "^2.4.1",
-                "serve-index": "^1.9.1",
-                "sockjs": "^0.3.24",
-                "spdy": "^4.0.2",
-                "webpack-dev-middleware": "^7.1.0",
-                "ws": "^8.16.0"
-            },
-            "bin": {
-                "webpack-dev-server": "bin/webpack-dev-server.js"
-            },
-            "engines": {
-                "node": ">= 18.12.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            },
-            "peerDependencies": {
-                "webpack": "^5.0.0"
-            },
-            "peerDependenciesMeta": {
-                "webpack": {
-                    "optional": true
-                },
-                "webpack-cli": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/webpack-dev-server/node_modules/http-proxy-middleware": {
-            "version": "2.0.9",
-            "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.9.tgz",
-            "integrity": "sha512-c1IyJYLYppU574+YI7R4QyX2ystMtVXZwIdzazUIPIJsHuWNd+mho2j+bKoHftndicGj9yh+xjd+l0yj7VeT1Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/http-proxy": "^1.17.8",
-                "http-proxy": "^1.18.1",
-                "is-glob": "^4.0.1",
-                "is-plain-obj": "^3.0.0",
-                "micromatch": "^4.0.2"
-            },
-            "engines": {
-                "node": ">=12.0.0"
-            },
-            "peerDependencies": {
-                "@types/express": "^4.17.13"
-            },
-            "peerDependenciesMeta": {
-                "@types/express": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/webpack-dev-server/node_modules/rimraf": {
-            "version": "5.0.10",
-            "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-5.0.10.tgz",
-            "integrity": "sha512-l0OE8wL34P4nJH/H2ffoaniAokM2qSmrtXHmlpvYr5AVVX8msAyW0l8NVJFDxlSK4u3Uh/f41cQheDVdnYijwQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "glob": "^10.3.7"
-            },
-            "bin": {
-                "rimraf": "dist/esm/bin.mjs"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/webpack-hot-middleware": {
-            "version": "2.26.1",
-            "resolved": "https://registry.npmjs.org/webpack-hot-middleware/-/webpack-hot-middleware-2.26.1.tgz",
-            "integrity": "sha512-khZGfAeJx6I8K9zKohEWWYN6KDlVw2DHownoe+6Vtwj1LP9WFgegXnVMSkZ/dBEBtXFwrkkydsaPFlB7f8wU2A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-html-community": "0.0.8",
-                "html-entities": "^2.1.0",
-                "strip-ansi": "^6.0.0"
-            }
-        },
-        "node_modules/webpack-merge": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-6.0.1.tgz",
-            "integrity": "sha512-hXXvrjtx2PLYx4qruKl+kyRSLc52V+cCvMxRjmKwoA+CBbbF5GfIBtR6kCvl0fYGqTUPKB+1ktVmTHqMOzgCBg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "clone-deep": "^4.0.1",
-                "flat": "^5.0.2",
-                "wildcard": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=18.0.0"
-            }
-        },
-        "node_modules/webpack-sources": {
-            "version": "3.3.3",
-            "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.3.3.tgz",
-            "integrity": "sha512-yd1RBzSGanHkitROoPFd6qsrxt+oFhg/129YzheDGqeustzX0vTZJZsSsQjVQC4yzBQ56K55XU8gaNCtIzOnTg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/webpack-subresource-integrity": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/webpack-subresource-integrity/-/webpack-subresource-integrity-5.1.0.tgz",
-            "integrity": "sha512-sacXoX+xd8r4WKsy9MvH/q/vBtEHr86cpImXwyg74pFIpERKt6FmB8cXpeuh0ZLgclOlHI4Wcll7+R5L02xk9Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "typed-assert": "^1.0.8"
-            },
-            "engines": {
-                "node": ">= 12"
-            },
-            "peerDependencies": {
-                "html-webpack-plugin": ">= 5.0.0-beta.1 < 6",
-                "webpack": "^5.12.0"
-            },
-            "peerDependenciesMeta": {
-                "html-webpack-plugin": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/webpack-virtual-modules": {
-            "version": "0.6.2",
-            "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
-            "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/webpack/node_modules/ajv": {
-            "version": "6.12.6",
-            "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-            "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "fast-deep-equal": "^3.1.1",
-                "fast-json-stable-stringify": "^2.0.0",
-                "json-schema-traverse": "^0.4.1",
-                "uri-js": "^4.2.2"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/epoberezkin"
-            }
-        },
-        "node_modules/webpack/node_modules/ajv-keywords": {
-            "version": "3.5.2",
-            "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-            "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-            "dev": true,
-            "license": "MIT",
-            "peerDependencies": {
-                "ajv": "^6.9.1"
-            }
-        },
-        "node_modules/webpack/node_modules/eslint-scope": {
-            "version": "5.1.1",
-            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-            "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "esrecurse": "^4.3.0",
-                "estraverse": "^4.1.1"
-            },
-            "engines": {
-                "node": ">=8.0.0"
-            }
-        },
-        "node_modules/webpack/node_modules/estraverse": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-            "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "engines": {
-                "node": ">=4.0"
-            }
-        },
-        "node_modules/webpack/node_modules/json-parse-even-better-errors": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-            "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/webpack/node_modules/json-schema-traverse": {
-            "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-            "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/webpack/node_modules/schema-utils": {
-            "version": "3.3.0",
-            "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
-            "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/json-schema": "^7.0.8",
-                "ajv": "^6.12.5",
-                "ajv-keywords": "^3.5.2"
-            },
-            "engines": {
-                "node": ">= 10.13.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/webpack"
-            }
-        },
-        "node_modules/websocket-driver": {
-            "version": "0.7.4",
-            "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
-            "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "http-parser-js": ">=0.5.1",
-                "safe-buffer": ">=5.1.0",
-                "websocket-extensions": ">=0.1.1"
-            },
-            "engines": {
-                "node": ">=0.8.0"
-            }
-        },
-        "node_modules/websocket-extensions": {
-            "version": "0.1.4",
-            "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
-            "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=0.8.0"
-            }
-        },
-        "node_modules/whatwg-encoding": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
-            "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "iconv-lite": "0.6.3"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/whatwg-encoding/node_modules/iconv-lite": {
-            "version": "0.6.3",
-            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "safer-buffer": ">= 2.1.2 < 3.0.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/whatwg-mimetype": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
-            "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/which": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "isexe": "^2.0.0"
-            },
-            "bin": {
-                "node-which": "bin/node-which"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/which-boxed-primitive": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
-            "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-bigint": "^1.1.0",
-                "is-boolean-object": "^1.2.1",
-                "is-number-object": "^1.1.1",
-                "is-string": "^1.1.1",
-                "is-symbol": "^1.1.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/which-builtin-type": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
-            "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.2",
-                "function.prototype.name": "^1.1.6",
-                "has-tostringtag": "^1.0.2",
-                "is-async-function": "^2.0.0",
-                "is-date-object": "^1.1.0",
-                "is-finalizationregistry": "^1.1.0",
-                "is-generator-function": "^1.0.10",
-                "is-regex": "^1.2.1",
-                "is-weakref": "^1.0.2",
-                "isarray": "^2.0.5",
-                "which-boxed-primitive": "^1.1.0",
-                "which-collection": "^1.0.2",
-                "which-typed-array": "^1.1.16"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/which-collection": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
-            "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-map": "^2.0.3",
-                "is-set": "^2.0.3",
-                "is-weakmap": "^2.0.2",
-                "is-weakset": "^2.0.3"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/which-typed-array": {
-            "version": "1.1.19",
-            "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.19.tgz",
-            "integrity": "sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "available-typed-arrays": "^1.0.7",
-                "call-bind": "^1.0.8",
-                "call-bound": "^1.0.4",
-                "for-each": "^0.3.5",
-                "get-proto": "^1.0.1",
-                "gopd": "^1.2.0",
-                "has-tostringtag": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/wildcard": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz",
-            "integrity": "sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/windows-release": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/windows-release/-/windows-release-4.0.0.tgz",
-            "integrity": "sha512-OxmV4wzDKB1x7AZaZgXMVsdJ1qER1ed83ZrTYd5Bwq2HfJVg3DJS8nqlAG4sMoJ7mu8cuRmLEYyU13BKwctRAg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "execa": "^4.0.2"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/windows-release/node_modules/execa": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/execa/-/execa-4.1.0.tgz",
-            "integrity": "sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cross-spawn": "^7.0.0",
-                "get-stream": "^5.0.0",
-                "human-signals": "^1.1.1",
-                "is-stream": "^2.0.0",
-                "merge-stream": "^2.0.0",
-                "npm-run-path": "^4.0.0",
-                "onetime": "^5.1.0",
-                "signal-exit": "^3.0.2",
-                "strip-final-newline": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sindresorhus/execa?sponsor=1"
-            }
-        },
-        "node_modules/windows-release/node_modules/get-stream": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
-            "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "pump": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/windows-release/node_modules/human-signals": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz",
-            "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=8.12.0"
-            }
-        },
-        "node_modules/windows-release/node_modules/onetime": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-            "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "mimic-fn": "^2.1.0"
-            },
-            "engines": {
-                "node": ">=6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/windows-release/node_modules/signal-exit": {
-            "version": "3.0.7",
-            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-            "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/wmf": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/wmf/-/wmf-1.0.2.tgz",
-            "integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=0.8"
-            }
-        },
-        "node_modules/word": {
-            "version": "0.3.0",
-            "resolved": "https://registry.npmjs.org/word/-/word-0.3.0.tgz",
-            "integrity": "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=0.8"
-            }
-        },
-        "node_modules/word-wrap": {
-            "version": "1.2.5",
-            "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
-            "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/wordwrap": {
-            "version": "0.0.3",
-            "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz",
-            "integrity": "sha512-1tMA907+V4QmxV7dbRvb4/8MaRALK6q9Abid3ndMYnbyo8piisCmeONVqVSXqQA3KaP4SLt5b7ud6E2sqP8TFw==",
-            "dev": true,
-            "license": "MIT",
-            "peer": true,
-            "engines": {
-                "node": ">=0.4.0"
-            }
-        },
-        "node_modules/wrap-ansi": {
-            "version": "6.2.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
-            "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^4.0.0",
-                "string-width": "^4.1.0",
-                "strip-ansi": "^6.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/wrap-ansi-cjs": {
-            "name": "wrap-ansi",
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^4.0.0",
-                "string-width": "^4.1.0",
-                "strip-ansi": "^6.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/wrappy": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-            "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/ws": {
-            "version": "8.17.1",
-            "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
-            "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10.0.0"
-            },
-            "peerDependencies": {
-                "bufferutil": "^4.0.1",
-                "utf-8-validate": ">=5.0.2"
-            },
-            "peerDependenciesMeta": {
-                "bufferutil": {
-                    "optional": true
-                },
-                "utf-8-validate": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/xhr2": {
-            "version": "0.2.1",
-            "resolved": "https://registry.npmjs.org/xhr2/-/xhr2-0.2.1.tgz",
-            "integrity": "sha512-sID0rrVCqkVNUn8t6xuv9+6FViXjUVXq8H5rWOH2rz9fDNQEd4g0EA2XlcEdJXRz5BMEn4O1pJFdT+z4YHhoWw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/xlsx": {
-            "version": "0.18.5",
-            "resolved": "https://registry.npmjs.org/xlsx/-/xlsx-0.18.5.tgz",
-            "integrity": "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "adler-32": "~1.3.0",
-                "cfb": "~1.2.1",
-                "codepage": "~1.15.0",
-                "crc-32": "~1.2.1",
-                "ssf": "~0.11.2",
-                "wmf": "~1.0.1",
-                "word": "~0.3.0"
-            },
-            "bin": {
-                "xlsx": "bin/xlsx.njs"
-            },
-            "engines": {
-                "node": ">=0.8"
-            }
-        },
-        "node_modules/xml2js": {
-            "version": "0.6.2",
-            "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.6.2.tgz",
-            "integrity": "sha512-T4rieHaC1EXcES0Kxxj4JWgaUQHDk+qwHcYOCFHfiwKz7tOVPLq7Hjq9dM1WCMhylqMEfP7hMcOIChvotiZegA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "sax": ">=0.6.0",
-                "xmlbuilder": "~11.0.0"
-            },
-            "engines": {
-                "node": ">=4.0.0"
-            }
-        },
-        "node_modules/xmlbuilder": {
-            "version": "11.0.1",
-            "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-11.0.1.tgz",
-            "integrity": "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=4.0"
-            }
-        },
-        "node_modules/xtend": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
-            "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.4"
-            }
-        },
-        "node_modules/y18n": {
-            "version": "5.0.8",
-            "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
-            "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/yallist": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-            "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/yaml": {
-            "version": "1.10.2",
-            "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-            "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/yargs": {
-            "version": "17.7.2",
-            "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
-            "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cliui": "^8.0.1",
-                "escalade": "^3.1.1",
-                "get-caller-file": "^2.0.5",
-                "require-directory": "^2.1.1",
-                "string-width": "^4.2.3",
-                "y18n": "^5.0.5",
-                "yargs-parser": "^21.1.1"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/yargs-parser": {
-            "version": "21.1.1",
-            "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
-            "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/yn": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
-            "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/yocto-queue": {
-            "version": "0.1.0",
-            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-            "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/yoctocolors-cjs": {
-            "version": "2.1.3",
-            "resolved": "https://registry.npmjs.org/yoctocolors-cjs/-/yoctocolors-cjs-2.1.3.tgz",
-            "integrity": "sha512-U/PBtDf35ff0D8X8D0jfdzHYEPFxAI7jJlxZXwCSez5M3190m+QobIfh+sWDWSHMCWWJN2AWamkegn6vr6YBTw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/zone.js": {
-            "version": "0.14.10",
-            "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.14.10.tgz",
-            "integrity": "sha512-YGAhaO7J5ywOXW6InXNlLmfU194F8lVgu7bRntUF3TiG8Y3nBK0x1UJJuHUP/e8IyihkjCYqhCScpSwnlaSRkQ==",
-            "dev": true,
-            "license": "MIT"
+  "name": "@cdek-it/angular-ui-kit",
+  "version": "0.0.2",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "@cdek-it/angular-ui-kit",
+      "version": "0.0.2",
+      "license": "SEE LICENSE IN LICENSE.md",
+      "dependencies": {
+        "cpx": "1.5.0"
+      },
+      "devDependencies": {
+        "@angular-devkit/architect": "0.2100.3",
+        "@angular-devkit/build-angular": "20.3.13",
+        "@angular-devkit/core": "20.3.13",
+        "@angular-eslint/eslint-plugin": "20.7.0",
+        "@angular-eslint/eslint-plugin-template": "20.7.0",
+        "@angular-eslint/schematics": "20.7.0",
+        "@angular-eslint/template-parser": "20.7.0",
+        "@angular/build": "20.3.13",
+        "@angular/cli": "20.3.13",
+        "@angular/common": "20.3.15",
+        "@angular/compiler": "20.3.15",
+        "@angular/compiler-cli": "20.3.15",
+        "@angular/core": "20.3.15",
+        "@angular/forms": "20.3.15",
+        "@angular/platform-browser": "20.3.15",
+        "@angular/platform-browser-dynamic": "20.3.15",
+        "@angular/router": "20.3.15",
+        "@compodoc/compodoc": "1.1.32",
+        "@primeng/themes": "20.4.0",
+        "@storybook/addon-a11y": "10.1.8",
+        "@storybook/addon-docs": "10.1.8",
+        "@storybook/angular": "10.1.8",
+        "@tabler/icons-webfont": "3.35.0",
+        "@types/jasmine": "5.1.13",
+        "@typescript-eslint/eslint-plugin": "7.18.0",
+        "autoprefixer": "10.4.22",
+        "eslint": "8.57.1",
+        "eslint-config-prettier": "9.1.2",
+        "eslint-plugin-import": "2.32.0",
+        "eslint-plugin-jsdoc": "61.5.0",
+        "eslint-plugin-prefer-arrow": "1.2.3",
+        "eslint-plugin-storybook": "10.1.8",
+        "jasmine-core": "5.13.0",
+        "karma": "6.4.4",
+        "karma-chrome-launcher": "3.2.0",
+        "karma-coverage": "2.2.1",
+        "karma-jasmine": "5.1.0",
+        "karma-jasmine-html-reporter": "2.1.0",
+        "prettier": "3.7.4",
+        "primeng": "20.4.0",
+        "rxjs": "7.8.2",
+        "storybook": "10.1.8",
+        "tailwindcss": "3.4.19",
+        "tslib": "2.8.1",
+        "typescript": "5.9.3",
+        "zone.js": "0.15.1"
+      }
+    },
+    "node_modules/@adobe/css-tools": {
+      "version": "4.4.4",
+      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.4.tgz",
+      "integrity": "sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@aduh95/viz.js": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/@aduh95/viz.js/-/viz.js-3.4.0.tgz",
+      "integrity": "sha512-KI2nVf9JdwWCXqK6RVf+9/096G7VWN4Z84mnynlyZKao2xQENW8WNEjLmvdlxS5X8PNWXFC1zqwm7tveOXw/4A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@algolia/abtesting": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@algolia/abtesting/-/abtesting-1.1.0.tgz",
+      "integrity": "sha512-sEyWjw28a/9iluA37KLGu8vjxEIlb60uxznfTUmXImy7H5NvbpSO6yYgmgH5KiD7j+zTUUihiST0jEP12IoXow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.35.0",
+        "@algolia/requester-browser-xhr": "5.35.0",
+        "@algolia/requester-fetch": "5.35.0",
+        "@algolia/requester-node-http": "5.35.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-abtesting": {
+      "version": "5.35.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-abtesting/-/client-abtesting-5.35.0.tgz",
+      "integrity": "sha512-uUdHxbfHdoppDVflCHMxRlj49/IllPwwQ2cQ8DLC4LXr3kY96AHBpW0dMyi6ygkn2MtFCc6BxXCzr668ZRhLBQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.35.0",
+        "@algolia/requester-browser-xhr": "5.35.0",
+        "@algolia/requester-fetch": "5.35.0",
+        "@algolia/requester-node-http": "5.35.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-analytics": {
+      "version": "5.35.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-5.35.0.tgz",
+      "integrity": "sha512-SunAgwa9CamLcRCPnPHx1V2uxdQwJGqb1crYrRWktWUdld0+B2KyakNEeVn5lln4VyeNtW17Ia7V7qBWyM/Skw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.35.0",
+        "@algolia/requester-browser-xhr": "5.35.0",
+        "@algolia/requester-fetch": "5.35.0",
+        "@algolia/requester-node-http": "5.35.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-common": {
+      "version": "5.35.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.35.0.tgz",
+      "integrity": "sha512-ipE0IuvHu/bg7TjT2s+187kz/E3h5ssfTtjpg1LbWMgxlgiaZIgTTbyynM7NfpSJSKsgQvCQxWjGUO51WSCu7w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-insights": {
+      "version": "5.35.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-insights/-/client-insights-5.35.0.tgz",
+      "integrity": "sha512-UNbCXcBpqtzUucxExwTSfAe8gknAJ485NfPN6o1ziHm6nnxx97piIbcBQ3edw823Tej2Wxu1C0xBY06KgeZ7gA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.35.0",
+        "@algolia/requester-browser-xhr": "5.35.0",
+        "@algolia/requester-fetch": "5.35.0",
+        "@algolia/requester-node-http": "5.35.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-personalization": {
+      "version": "5.35.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-5.35.0.tgz",
+      "integrity": "sha512-/KWjttZ6UCStt4QnWoDAJ12cKlQ+fkpMtyPmBgSS2WThJQdSV/4UWcqCUqGH7YLbwlj3JjNirCu3Y7uRTClxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.35.0",
+        "@algolia/requester-browser-xhr": "5.35.0",
+        "@algolia/requester-fetch": "5.35.0",
+        "@algolia/requester-node-http": "5.35.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-query-suggestions": {
+      "version": "5.35.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-query-suggestions/-/client-query-suggestions-5.35.0.tgz",
+      "integrity": "sha512-8oCuJCFf/71IYyvQQC+iu4kgViTODbXDk3m7yMctEncRSRV+u2RtDVlpGGfPlJQOrAY7OONwJlSHkmbbm2Kp/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.35.0",
+        "@algolia/requester-browser-xhr": "5.35.0",
+        "@algolia/requester-fetch": "5.35.0",
+        "@algolia/requester-node-http": "5.35.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-search": {
+      "version": "5.35.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-5.35.0.tgz",
+      "integrity": "sha512-FfmdHTrXhIduWyyuko1YTcGLuicVbhUyRjO3HbXE4aP655yKZgdTIfMhZ/V5VY9bHuxv/fGEh3Od1Lvv2ODNTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.35.0",
+        "@algolia/requester-browser-xhr": "5.35.0",
+        "@algolia/requester-fetch": "5.35.0",
+        "@algolia/requester-node-http": "5.35.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/ingestion": {
+      "version": "1.35.0",
+      "resolved": "https://registry.npmjs.org/@algolia/ingestion/-/ingestion-1.35.0.tgz",
+      "integrity": "sha512-gPzACem9IL1Co8mM1LKMhzn1aSJmp+Vp434An4C0OBY4uEJRcqsLN3uLBlY+bYvFg8C8ImwM9YRiKczJXRk0XA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.35.0",
+        "@algolia/requester-browser-xhr": "5.35.0",
+        "@algolia/requester-fetch": "5.35.0",
+        "@algolia/requester-node-http": "5.35.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/monitoring": {
+      "version": "1.35.0",
+      "resolved": "https://registry.npmjs.org/@algolia/monitoring/-/monitoring-1.35.0.tgz",
+      "integrity": "sha512-w9MGFLB6ashI8BGcQoVt7iLgDIJNCn4OIu0Q0giE3M2ItNrssvb8C0xuwJQyTy1OFZnemG0EB1OvXhIHOvQwWw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.35.0",
+        "@algolia/requester-browser-xhr": "5.35.0",
+        "@algolia/requester-fetch": "5.35.0",
+        "@algolia/requester-node-http": "5.35.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/recommend": {
+      "version": "5.35.0",
+      "resolved": "https://registry.npmjs.org/@algolia/recommend/-/recommend-5.35.0.tgz",
+      "integrity": "sha512-AhrVgaaXAb8Ue0u2nuRWwugt0dL5UmRgS9LXe0Hhz493a8KFeZVUE56RGIV3hAa6tHzmAV7eIoqcWTQvxzlJeQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.35.0",
+        "@algolia/requester-browser-xhr": "5.35.0",
+        "@algolia/requester-fetch": "5.35.0",
+        "@algolia/requester-node-http": "5.35.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/requester-browser-xhr": {
+      "version": "5.35.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.35.0.tgz",
+      "integrity": "sha512-diY415KLJZ6x1Kbwl9u96Jsz0OstE3asjXtJ9pmk1d+5gPuQ5jQyEsgC+WmEXzlec3iuVszm8AzNYYaqw6B+Zw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.35.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/requester-fetch": {
+      "version": "5.35.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-fetch/-/requester-fetch-5.35.0.tgz",
+      "integrity": "sha512-uydqnSmpAjrgo8bqhE9N1wgcB98psTRRQXcjc4izwMB7yRl9C8uuAQ/5YqRj04U0mMQ+fdu2fcNF6m9+Z1BzDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.35.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/requester-node-http": {
+      "version": "5.35.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.35.0.tgz",
+      "integrity": "sha512-RgLX78ojYOrThJHrIiPzT4HW3yfQa0D7K+MQ81rhxqaNyNBu4F1r+72LNHYH/Z+y9I1Mrjrd/c/Ue5zfDgAEjQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.35.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@angular-devkit/architect": {
+      "version": "0.2100.3",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2100.3.tgz",
+      "integrity": "sha512-PcruWF0+IxXOTZd9MN/3y4A5aTfblALzT/+zWym26PtisaBgWQ3tRPQsf/CgT8EdmZl8eUOAWlNBSkbUj/S/lQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/core": "21.0.3",
+        "rxjs": "7.8.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@angular-devkit/architect/node_modules/@angular-devkit/core": {
+      "version": "21.0.3",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-21.0.3.tgz",
+      "integrity": "sha512-X1y3GMYru9+Vt7vz+R8SFAEmDtgf0aZ+1JOpiE7ubHsQOnhA++Pb94HBjQ6CHqlUhQli/XPOBksKNdZkpup8rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "8.17.1",
+        "ajv-formats": "3.0.1",
+        "jsonc-parser": "3.3.1",
+        "picomatch": "4.0.3",
+        "rxjs": "7.8.2",
+        "source-map": "0.7.6"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular-devkit/build-angular": {
+      "version": "20.3.13",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-20.3.13.tgz",
+      "integrity": "sha512-wEM5UHc37XGtH9FFVXZPwlZooccveL1VnFUbd2ArECGi4ylW+YgjeVSe0m6uJDvWOXULNVAoHlabXTXvmqV09A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "2.3.0",
+        "@angular-devkit/architect": "0.2003.13",
+        "@angular-devkit/build-webpack": "0.2003.13",
+        "@angular-devkit/core": "20.3.13",
+        "@angular/build": "20.3.13",
+        "@babel/core": "7.28.3",
+        "@babel/generator": "7.28.3",
+        "@babel/helper-annotate-as-pure": "7.27.3",
+        "@babel/helper-split-export-declaration": "7.24.7",
+        "@babel/plugin-transform-async-generator-functions": "7.28.0",
+        "@babel/plugin-transform-async-to-generator": "7.27.1",
+        "@babel/plugin-transform-runtime": "7.28.3",
+        "@babel/preset-env": "7.28.3",
+        "@babel/runtime": "7.28.3",
+        "@discoveryjs/json-ext": "0.6.3",
+        "@ngtools/webpack": "20.3.13",
+        "ansi-colors": "4.1.3",
+        "autoprefixer": "10.4.21",
+        "babel-loader": "10.0.0",
+        "browserslist": "^4.21.5",
+        "copy-webpack-plugin": "13.0.1",
+        "css-loader": "7.1.2",
+        "esbuild-wasm": "0.25.9",
+        "fast-glob": "3.3.3",
+        "http-proxy-middleware": "3.0.5",
+        "istanbul-lib-instrument": "6.0.3",
+        "jsonc-parser": "3.3.1",
+        "karma-source-map-support": "1.4.0",
+        "less": "4.4.0",
+        "less-loader": "12.3.0",
+        "license-webpack-plugin": "4.0.2",
+        "loader-utils": "3.3.1",
+        "mini-css-extract-plugin": "2.9.4",
+        "open": "10.2.0",
+        "ora": "8.2.0",
+        "picomatch": "4.0.3",
+        "piscina": "5.1.3",
+        "postcss": "8.5.6",
+        "postcss-loader": "8.1.1",
+        "resolve-url-loader": "5.0.0",
+        "rxjs": "7.8.2",
+        "sass": "1.90.0",
+        "sass-loader": "16.0.5",
+        "semver": "7.7.2",
+        "source-map-loader": "5.0.0",
+        "source-map-support": "0.5.21",
+        "terser": "5.43.1",
+        "tree-kill": "1.2.2",
+        "tslib": "2.8.1",
+        "webpack": "5.101.2",
+        "webpack-dev-middleware": "7.4.2",
+        "webpack-dev-server": "5.2.2",
+        "webpack-merge": "6.0.1",
+        "webpack-subresource-integrity": "5.1.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "optionalDependencies": {
+        "esbuild": "0.25.9"
+      },
+      "peerDependencies": {
+        "@angular/compiler-cli": "^20.0.0",
+        "@angular/core": "^20.0.0",
+        "@angular/localize": "^20.0.0",
+        "@angular/platform-browser": "^20.0.0",
+        "@angular/platform-server": "^20.0.0",
+        "@angular/service-worker": "^20.0.0",
+        "@angular/ssr": "^20.3.13",
+        "@web/test-runner": "^0.20.0",
+        "browser-sync": "^3.0.2",
+        "jest": "^29.5.0 || ^30.2.0",
+        "jest-environment-jsdom": "^29.5.0 || ^30.2.0",
+        "karma": "^6.3.0",
+        "ng-packagr": "^20.0.0",
+        "protractor": "^7.0.0",
+        "tailwindcss": "^2.0.0 || ^3.0.0 || ^4.0.0",
+        "typescript": ">=5.8 <6.0"
+      },
+      "peerDependenciesMeta": {
+        "@angular/core": {
+          "optional": true
+        },
+        "@angular/localize": {
+          "optional": true
+        },
+        "@angular/platform-browser": {
+          "optional": true
+        },
+        "@angular/platform-server": {
+          "optional": true
+        },
+        "@angular/service-worker": {
+          "optional": true
+        },
+        "@angular/ssr": {
+          "optional": true
+        },
+        "@web/test-runner": {
+          "optional": true
+        },
+        "browser-sync": {
+          "optional": true
+        },
+        "jest": {
+          "optional": true
+        },
+        "jest-environment-jsdom": {
+          "optional": true
+        },
+        "karma": {
+          "optional": true
+        },
+        "ng-packagr": {
+          "optional": true
+        },
+        "protractor": {
+          "optional": true
+        },
+        "tailwindcss": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular-devkit/build-angular/node_modules/@angular-devkit/architect": {
+      "version": "0.2003.13",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2003.13.tgz",
+      "integrity": "sha512-JyH6Af6PNC1IHJToColFk1RaXDU87mpPjz7M5sWDfn8bC+KBipw6dSdRkCEuw0D9HY1lZkC9EBV9k9GhpvHjCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/core": "20.3.13",
+        "rxjs": "7.8.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@angular-devkit/build-angular/node_modules/autoprefixer": {
+      "version": "10.4.21",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.21.tgz",
+      "integrity": "sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.24.4",
+        "caniuse-lite": "^1.0.30001702",
+        "fraction.js": "^4.3.7",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/@angular-devkit/build-angular/node_modules/fraction.js": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/@angular-devkit/build-webpack": {
+      "version": "0.2003.13",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.2003.13.tgz",
+      "integrity": "sha512-k57PdWOB64/u2MQYPylQNCKDSAHGsV0T2bvvZid2wfPJ7anvSUCU15OQMCMU1JMR0JENZEyIsLw9teShAO9w0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/architect": "0.2003.13",
+        "rxjs": "7.8.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "webpack": "^5.30.0",
+        "webpack-dev-server": "^5.0.2"
+      }
+    },
+    "node_modules/@angular-devkit/build-webpack/node_modules/@angular-devkit/architect": {
+      "version": "0.2003.13",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2003.13.tgz",
+      "integrity": "sha512-JyH6Af6PNC1IHJToColFk1RaXDU87mpPjz7M5sWDfn8bC+KBipw6dSdRkCEuw0D9HY1lZkC9EBV9k9GhpvHjCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/core": "20.3.13",
+        "rxjs": "7.8.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@angular-devkit/core": {
+      "version": "20.3.13",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-20.3.13.tgz",
+      "integrity": "sha512-/D84T1Caxll3I2sRihPDR9UaWBhF50M+tAX15PdP6uSh/TxwAlLl9p7Rm1bD0mPjPercqaEKA+h9a9qLP16hug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "8.17.1",
+        "ajv-formats": "3.0.1",
+        "jsonc-parser": "3.3.1",
+        "picomatch": "4.0.3",
+        "rxjs": "7.8.2",
+        "source-map": "0.7.6"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular-devkit/schematics": {
+      "version": "20.3.13",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-20.3.13.tgz",
+      "integrity": "sha512-hdMKY4rUTko8xqeWYGnwwDYDomkeOoLsYsP6SdaHWK7hpGvzWsT6Q/aIv8J8NrCYkLu+M+5nLiKOooweUZu3GQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/core": "20.3.13",
+        "jsonc-parser": "3.3.1",
+        "magic-string": "0.30.17",
+        "ora": "8.2.0",
+        "rxjs": "7.8.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@angular-eslint/bundled-angular-compiler": {
+      "version": "20.7.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-20.7.0.tgz",
+      "integrity": "sha512-9KPz24YoiL0SvTtTX6sd1zmysU5cKOCcmpEiXkCoO3L2oYZGlVxmMT4hfSaHMt8qmfvV2KzQMoR6DZM84BwRzQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@angular-eslint/eslint-plugin": {
+      "version": "20.7.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-20.7.0.tgz",
+      "integrity": "sha512-aHH2YTiaonojsKN+y2z4IMugCwdsH/dYIjYBig6kfoSPyf9rGK4zx+gnNGq/pGRjF3bOYrmFgIviYpQVb80inQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-eslint/bundled-angular-compiler": "20.7.0",
+        "@angular-eslint/utils": "20.7.0",
+        "ts-api-utils": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/utils": "^7.11.0 || ^8.0.0",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": "*"
+      }
+    },
+    "node_modules/@angular-eslint/eslint-plugin-template": {
+      "version": "20.7.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-20.7.0.tgz",
+      "integrity": "sha512-WFmvW2vBR6ExsSKEaActQTteyw6ikWyuJau9XmWEPFd+2eusEt/+wO21ybjDn3uc5FTp1IcdhfYy+U5OdDjH5w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-eslint/bundled-angular-compiler": "20.7.0",
+        "@angular-eslint/utils": "20.7.0",
+        "aria-query": "5.3.2",
+        "axobject-query": "4.1.0"
+      },
+      "peerDependencies": {
+        "@angular-eslint/template-parser": "20.7.0",
+        "@typescript-eslint/types": "^7.11.0 || ^8.0.0",
+        "@typescript-eslint/utils": "^7.11.0 || ^8.0.0",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": "*"
+      }
+    },
+    "node_modules/@angular-eslint/schematics": {
+      "version": "20.7.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-20.7.0.tgz",
+      "integrity": "sha512-S0onfRipDUIL6gFGTFjiWwUDhi42XYrBoi3kJ3wBbKBeIgYv9SP1ppTKDD4ZoDaDU9cQE8nToX7iPn9ifMw6eQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/core": ">= 20.0.0 < 21.0.0",
+        "@angular-devkit/schematics": ">= 20.0.0 < 21.0.0",
+        "@angular-eslint/eslint-plugin": "20.7.0",
+        "@angular-eslint/eslint-plugin-template": "20.7.0",
+        "ignore": "7.0.5",
+        "semver": "7.7.3",
+        "strip-json-comments": "3.1.1"
+      }
+    },
+    "node_modules/@angular-eslint/schematics/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@angular-eslint/template-parser": {
+      "version": "20.7.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-20.7.0.tgz",
+      "integrity": "sha512-CVskZnF38IIxVVlKWi1VCz7YH/gHMJu2IY9bD1AVoBBGIe0xA4FRXJkW2Y+EDs9vQqZTkZZljhK5gL65Ro1PeQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-eslint/bundled-angular-compiler": "20.7.0",
+        "eslint-scope": "^9.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": "*"
+      }
+    },
+    "node_modules/@angular-eslint/utils": {
+      "version": "20.7.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-20.7.0.tgz",
+      "integrity": "sha512-B6EJHbsk2W/lnS3kS/gm56VGvX735419z/DzgbRDcOvqMGMLwD1ILzv5OTEcL1rzpnB0AHW+IxOu6y/aCzSNUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-eslint/bundled-angular-compiler": "20.7.0"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/utils": "^7.11.0 || ^8.0.0",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": "*"
+      }
+    },
+    "node_modules/@angular/animations": {
+      "version": "20.3.15",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-20.3.15.tgz",
+      "integrity": "sha512-ikyKfhkxoqQA6JcBN0B9RaN6369sM1XYX81Id0lI58dmWCe7gYfrTp8ejqxxKftl514psQO3pkW8Gn1nJ131Gw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "@angular/core": "20.3.15"
+      }
+    },
+    "node_modules/@angular/build": {
+      "version": "20.3.13",
+      "resolved": "https://registry.npmjs.org/@angular/build/-/build-20.3.13.tgz",
+      "integrity": "sha512-/5pM3ZS+lLkZgA+n6TMmNV8I6t9Ow1C6Vkj6bXqWeOgFDH5LwnIEZFAKzEDBkCGos0m2gPKPcREcDD5tfp9h4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "2.3.0",
+        "@angular-devkit/architect": "0.2003.13",
+        "@babel/core": "7.28.3",
+        "@babel/helper-annotate-as-pure": "7.27.3",
+        "@babel/helper-split-export-declaration": "7.24.7",
+        "@inquirer/confirm": "5.1.14",
+        "@vitejs/plugin-basic-ssl": "2.1.0",
+        "beasties": "0.3.5",
+        "browserslist": "^4.23.0",
+        "esbuild": "0.25.9",
+        "https-proxy-agent": "7.0.6",
+        "istanbul-lib-instrument": "6.0.3",
+        "jsonc-parser": "3.3.1",
+        "listr2": "9.0.1",
+        "magic-string": "0.30.17",
+        "mrmime": "2.0.1",
+        "parse5-html-rewriting-stream": "8.0.0",
+        "picomatch": "4.0.3",
+        "piscina": "5.1.3",
+        "rollup": "4.52.3",
+        "sass": "1.90.0",
+        "semver": "7.7.2",
+        "source-map-support": "0.5.21",
+        "tinyglobby": "0.2.14",
+        "vite": "7.1.11",
+        "watchpack": "2.4.4"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "optionalDependencies": {
+        "lmdb": "3.4.2"
+      },
+      "peerDependencies": {
+        "@angular/compiler": "^20.0.0",
+        "@angular/compiler-cli": "^20.0.0",
+        "@angular/core": "^20.0.0",
+        "@angular/localize": "^20.0.0",
+        "@angular/platform-browser": "^20.0.0",
+        "@angular/platform-server": "^20.0.0",
+        "@angular/service-worker": "^20.0.0",
+        "@angular/ssr": "^20.3.13",
+        "karma": "^6.4.0",
+        "less": "^4.2.0",
+        "ng-packagr": "^20.0.0",
+        "postcss": "^8.4.0",
+        "tailwindcss": "^2.0.0 || ^3.0.0 || ^4.0.0",
+        "tslib": "^2.3.0",
+        "typescript": ">=5.8 <6.0",
+        "vitest": "^3.1.1"
+      },
+      "peerDependenciesMeta": {
+        "@angular/core": {
+          "optional": true
+        },
+        "@angular/localize": {
+          "optional": true
+        },
+        "@angular/platform-browser": {
+          "optional": true
+        },
+        "@angular/platform-server": {
+          "optional": true
+        },
+        "@angular/service-worker": {
+          "optional": true
+        },
+        "@angular/ssr": {
+          "optional": true
+        },
+        "karma": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "ng-packagr": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
+        "tailwindcss": {
+          "optional": true
+        },
+        "vitest": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular/build/node_modules/@angular-devkit/architect": {
+      "version": "0.2003.13",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2003.13.tgz",
+      "integrity": "sha512-JyH6Af6PNC1IHJToColFk1RaXDU87mpPjz7M5sWDfn8bC+KBipw6dSdRkCEuw0D9HY1lZkC9EBV9k9GhpvHjCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/core": "20.3.13",
+        "rxjs": "7.8.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@angular/cdk": {
+      "version": "20.2.14",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-20.2.14.tgz",
+      "integrity": "sha512-7bZxc01URbiPiIBWThQ69XwOxVduqEKN4PhpbF2AAyfMc/W8Hcr4VoIJOwL0O1Nkq5beS8pCAqoOeIgFyXd/kg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "parse5": "^8.0.0",
+        "tslib": "^2.3.0"
+      },
+      "peerDependencies": {
+        "@angular/common": "^20.0.0 || ^21.0.0",
+        "@angular/core": "^20.0.0 || ^21.0.0",
+        "rxjs": "^6.5.3 || ^7.4.0"
+      }
+    },
+    "node_modules/@angular/cli": {
+      "version": "20.3.13",
+      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-20.3.13.tgz",
+      "integrity": "sha512-G78I/HDJULloS2LSqfUfbmBlhDCbcWujIRWfuMnGsRf82TyGA2OEPe3IA/F8MrJfeOzPQim2fMyn24MqHL40Vg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/architect": "0.2003.13",
+        "@angular-devkit/core": "20.3.13",
+        "@angular-devkit/schematics": "20.3.13",
+        "@inquirer/prompts": "7.8.2",
+        "@listr2/prompt-adapter-inquirer": "3.0.1",
+        "@modelcontextprotocol/sdk": "1.24.0",
+        "@schematics/angular": "20.3.13",
+        "@yarnpkg/lockfile": "1.1.0",
+        "algoliasearch": "5.35.0",
+        "ini": "5.0.0",
+        "jsonc-parser": "3.3.1",
+        "listr2": "9.0.1",
+        "npm-package-arg": "13.0.0",
+        "pacote": "21.0.0",
+        "resolve": "1.22.10",
+        "semver": "7.7.2",
+        "yargs": "18.0.0",
+        "zod": "4.1.13"
+      },
+      "bin": {
+        "ng": "bin/ng.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@angular/cli/node_modules/@angular-devkit/architect": {
+      "version": "0.2003.13",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2003.13.tgz",
+      "integrity": "sha512-JyH6Af6PNC1IHJToColFk1RaXDU87mpPjz7M5sWDfn8bC+KBipw6dSdRkCEuw0D9HY1lZkC9EBV9k9GhpvHjCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/core": "20.3.13",
+        "rxjs": "7.8.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@angular/common": {
+      "version": "20.3.15",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-20.3.15.tgz",
+      "integrity": "sha512-k4mCXWRFiOHK3bUKfWkRQQ8KBPxW8TAJuKLYCsSHPCpMz6u0eA1F0VlrnOkZVKWPI792fOaEAWH2Y4PTaXlUHw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "@angular/core": "20.3.15",
+        "rxjs": "^6.5.3 || ^7.4.0"
+      }
+    },
+    "node_modules/@angular/compiler": {
+      "version": "20.3.15",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-20.3.15.tgz",
+      "integrity": "sha512-lMicIAFAKZXa+BCZWs3soTjNQPZZXrF/WMVDinm8dQcggNarnDj4UmXgKSyXkkyqK5SLfnLsXVzrX6ndVT6z7A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@angular/compiler-cli": {
+      "version": "20.3.15",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-20.3.15.tgz",
+      "integrity": "sha512-8sJoxodxsfyZ8eJ5r6Bx7BCbazXYgsZ1+dE8t5u5rTQ6jNggwNtYEzkyReoD5xvP+MMtRkos3xpwq4rtFnpI6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "7.28.3",
+        "@jridgewell/sourcemap-codec": "^1.4.14",
+        "chokidar": "^4.0.0",
+        "convert-source-map": "^1.5.1",
+        "reflect-metadata": "^0.2.0",
+        "semver": "^7.0.0",
+        "tslib": "^2.3.0",
+        "yargs": "^18.0.0"
+      },
+      "bin": {
+        "ng-xi18n": "bundles/src/bin/ng_xi18n.js",
+        "ngc": "bundles/src/bin/ngc.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "@angular/compiler": "20.3.15",
+        "typescript": ">=5.8 <6.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular/core": {
+      "version": "20.3.15",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-20.3.15.tgz",
+      "integrity": "sha512-NMbX71SlTZIY9+rh/SPhRYFJU0pMJYW7z/TBD4lqiO+b0DTOIg1k7Pg9ydJGqSjFO1Z4dQaA6TteNuF99TJCNw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "@angular/compiler": "20.3.15",
+        "rxjs": "^6.5.3 || ^7.4.0",
+        "zone.js": "~0.15.0"
+      },
+      "peerDependenciesMeta": {
+        "@angular/compiler": {
+          "optional": true
+        },
+        "zone.js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular/forms": {
+      "version": "20.3.15",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-20.3.15.tgz",
+      "integrity": "sha512-gS5hQkinq52pm/7mxz4yHPCzEcmRWjtUkOVddPH0V1BW/HMni/p4Y6k2KqKBeGb9p8S5EAp6PDxDVLOPukp3mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "@angular/common": "20.3.15",
+        "@angular/core": "20.3.15",
+        "@angular/platform-browser": "20.3.15",
+        "rxjs": "^6.5.3 || ^7.4.0"
+      }
+    },
+    "node_modules/@angular/platform-browser": {
+      "version": "20.3.15",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-20.3.15.tgz",
+      "integrity": "sha512-TxRM/wTW/oGXv/3/Iohn58yWoiYXOaeEnxSasiGNS1qhbkcKtR70xzxW6NjChBUYAixz2ERkLURkpx3pI8Q6Dw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "@angular/animations": "20.3.15",
+        "@angular/common": "20.3.15",
+        "@angular/core": "20.3.15"
+      },
+      "peerDependenciesMeta": {
+        "@angular/animations": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular/platform-browser-dynamic": {
+      "version": "20.3.15",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-20.3.15.tgz",
+      "integrity": "sha512-RizuRdBt0d6ongQ2y8cr8YsXFyjF8f91vFfpSNw+cFj+oiEmRC1txcWUlH5bPLD9qSDied8qazUi0Tb8VPQDGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "@angular/common": "20.3.15",
+        "@angular/compiler": "20.3.15",
+        "@angular/core": "20.3.15",
+        "@angular/platform-browser": "20.3.15"
+      }
+    },
+    "node_modules/@angular/router": {
+      "version": "20.3.15",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-20.3.15.tgz",
+      "integrity": "sha512-6+qgk8swGSoAu7ISSY//GatAyCP36hEvvUgvjbZgkXLLH9yUQxdo77ij05aJ5s0OyB25q/JkqS8VTY0z1yE9NQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "@angular/common": "20.3.15",
+        "@angular/core": "20.3.15",
+        "@angular/platform-browser": "20.3.15",
+        "rxjs": "^6.5.3 || ^7.4.0"
+      }
+    },
+    "node_modules/@arr/every": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@arr/every/-/every-1.0.1.tgz",
+      "integrity": "sha512-UQFQ6SgyJ6LX42W8rHCs8KVc0JS0tzVL9ct4XYedJukskYVWTo49tNiMEK9C2HTyarbNiT/RVIRSY82vH+6sTg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.5.tgz",
+      "integrity": "sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.3.tgz",
+      "integrity": "sha512-yDBHV9kQNcr2/sUr9jghVyz9C3Y5G2zUM2H2lo+9mKv4sFgbA8s8Z9t8D1jiTkGoO/NoIfKMyKWr4s6CN23ZwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.3",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-module-transforms": "^7.28.3",
+        "@babel/helpers": "^7.28.3",
+        "@babel/parser": "^7.28.3",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.3",
+        "@babel/types": "^7.28.2",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/core/node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@babel/core/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.3.tgz",
+      "integrity": "sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.3",
+        "@babel/types": "^7.28.2",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-annotate-as-pure": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
+      "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
+      "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.27.2",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-create-class-features-plugin": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.5.tgz",
+      "integrity": "sha512-q3WC4JfdODypvxArsJQROfupPBq9+lMwjKq7C33GhbFYJsufD0yd/ziwD+hJucLeWsnFPWZjsU2DNFqBPE7jwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "@babel/helper-member-expression-to-functions": "^7.28.5",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/traverse": "^7.28.5",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-class-features-plugin/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.28.5.tgz",
+      "integrity": "sha512-N1EhvLtHzOvj7QQOUCCS3NrPJP8c5W6ZXCHDn7Yialuy1iu4r5EmIYkXlKNqT99Ciw+W0mDqWoR6HWMZlFP3hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "regexpu-core": "^6.3.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-define-polyfill-provider": {
+      "version": "0.6.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.5.tgz",
+      "integrity": "sha512-uJnGFcPsWQK8fvjgGP5LZUZZsYGIoPeRjSF5PGwrelYgq7Q15/Ft9NGFp1zglwgIv//W0uG4BevRuSJRyylZPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "debug": "^4.4.1",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.22.10"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-member-expression-to-functions": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.28.5.tgz",
+      "integrity": "sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.28.5",
+        "@babel/types": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz",
+      "integrity": "sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.28.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-optimise-call-expression": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz",
+      "integrity": "sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
+      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-remap-async-to-generator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.27.1.tgz",
+      "integrity": "sha512-7fiA521aVw8lSPeI4ZOD3vRFkoqkJcS+z4hFo82bFSH/2tNd6eJ5qCVMS5OzDmZh/kaHQeBaeyxK6wljcPtveA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-wrap-function": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-replace-supers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz",
+      "integrity": "sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz",
+      "integrity": "sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-split-export-declaration": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz",
+      "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-wrap-function": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.28.3.tgz",
+      "integrity": "sha512-zdf983tNfLZFletc0RRXYrHrucBEg95NIFMkn6K9dbeMYnsgHaSBGcQqdsCSStG2PYwRre0Qc2NNSCXbG+xc6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.3",
+        "@babel/types": "^7.28.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.4.tgz",
+      "integrity": "sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz",
+      "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.5"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-firefox-class-in-computed-class-key": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.28.5.tgz",
+      "integrity": "sha512-87GDMS3tsmMSi/3bWOte1UblL+YUTFMV8SZPZ2eSEL17s74Cw/l63rR6NmGVKMYW2GYi85nE+/d6Hw5N0bEk2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/traverse": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-class-field-initializer-scope": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.27.1.tgz",
+      "integrity": "sha512-qNeq3bCKnGgLkEXUuFry6dPlGfCdQNZbn7yUAPCInwAJHMU7THJfrBSozkcWq5sNM6RcF3S8XyQL2A52KNR9IA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.27.1.tgz",
+      "integrity": "sha512-g4L7OYun04N1WyqMNjldFwlfPCLVkgB54A/YCXICZYBsvJJE3kByKv9c9+R/nAfmIfjl2rKYLNyMHboYbZaWaA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.27.1.tgz",
+      "integrity": "sha512-oO02gcONcD5O1iTLi/6frMJBIwWEHceWGSGqrpCmEL8nogiS6J9PBlE48CaK20/Jx1LuRml9aDftLgdjXT8+Cw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/plugin-transform-optional-chaining": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.13.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.28.3.tgz",
+      "integrity": "sha512-b6YTX108evsvE4YgWyQ921ZAFFQm3Bn+CA3+ZXlNVnPhx+UfsVURoPjfGAPCjBgrqo30yX/C2nZGX96DxvR9Iw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/traverse": "^7.28.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-private-property-in-object": {
+      "version": "7.21.0-placeholder-for-preset-env.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
+      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-assertions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.27.1.tgz",
+      "integrity": "sha512-UT/Jrhw57xg4ILHLFnzFpPDlMbcdEicaAtjPQpbj9wa8T4r5KVWCimHcL/460g8Ht0DMxDyjsLgiWSkVjnwPFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-attributes": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.27.1.tgz",
+      "integrity": "sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
+      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-arrow-functions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.27.1.tgz",
+      "integrity": "sha512-8Z4TGic6xW70FKThA5HYEKKyBpOOsucTOD1DjU3fZxDg+K3zBJcXMFnt/4yQiZnf5+MiOMSXQ9PaEK/Ilh1DeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-generator-functions": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.28.0.tgz",
+      "integrity": "sha512-BEOdvX4+M765icNPZeidyADIvQ1m1gmunXufXxvRESy/jNNyfovIqUyE7MVgGBjWktCoJlzvFA1To2O4ymIO3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-remap-async-to-generator": "^7.27.1",
+        "@babel/traverse": "^7.28.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-to-generator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.27.1.tgz",
+      "integrity": "sha512-NREkZsZVJS4xmTr8qzE5y8AfIPqsdQfRuUiLRTEzb7Qii8iFWCyDKaUV2c0rCuh4ljDZ98ALHP/PetiBV2nddA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-remap-async-to-generator": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoped-functions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.27.1.tgz",
+      "integrity": "sha512-cnqkuOtZLapWYZUYM5rVIdv1nXYuFVIltZ6ZJ7nIj585QsjKM5dhL2Fu/lICXZ1OyIAFc7Qy+bvDAtTXqGrlhg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoping": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.5.tgz",
+      "integrity": "sha512-45DmULpySVvmq9Pj3X9B+62Xe+DJGov27QravQJU1LLcapR6/10i+gYVAucGGJpHBp5mYxIMK4nDAT/QDLr47g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-properties": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.27.1.tgz",
+      "integrity": "sha512-D0VcalChDMtuRvJIu3U/fwWjf8ZMykz5iZsg77Nuj821vCKI3zCyRLwRdWbsuJ/uRwZhZ002QtCqIkwC/ZkvbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-static-block": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.28.3.tgz",
+      "integrity": "sha512-LtPXlBbRoc4Njl/oh1CeD/3jC+atytbnf/UqLoqTDcEYGUPj022+rvfkbDYieUrSj3CaV4yHDByPE+T2HwfsJg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.28.3",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-classes": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.4.tgz",
+      "integrity": "sha512-cFOlhIYPBv/iBoc+KS3M6et2XPtbT2HiCRfBXWtfpc9OAyostldxIf9YAYB6ypURBBbx+Qv6nyrLzASfJe+hBA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.27.1",
+        "@babel/traverse": "^7.28.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-computed-properties": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.27.1.tgz",
+      "integrity": "sha512-lj9PGWvMTVksbWiDT2tW68zGS/cyo4AkZ/QTp0sQT0mjPopCmrSkzxeXkznjqBxzDI6TclZhOJbBmbBLjuOZUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/template": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-destructuring": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.5.tgz",
+      "integrity": "sha512-Kl9Bc6D0zTUcFUvkNuQh4eGXPKKNDOJQXVyyM4ZAQPMveniJdxi8XMJwLo+xSoW3MIq81bD33lcUe9kZpl0MCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/traverse": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dotall-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.27.1.tgz",
+      "integrity": "sha512-gEbkDVGRvjj7+T1ivxrfgygpT7GUd4vmODtYpbs0gZATdkX8/iSnOtZSxiZnsgm1YjTgjI6VKBGSJJevkrclzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-duplicate-keys": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.27.1.tgz",
+      "integrity": "sha512-MTyJk98sHvSs+cvZ4nOauwTTG1JeonDjSGvGGUNHreGQns+Mpt6WX/dVzWBHgg+dYZhkC4X+zTDfkTU+Vy9y7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-duplicate-named-capturing-groups-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.27.1.tgz",
+      "integrity": "sha512-hkGcueTEzuhB30B3eJCbCYeCaaEQOmQR0AdvzpD4LoN0GXMWzzGSuRrxR2xTnCrvNbVwK9N6/jQ92GSLfiZWoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dynamic-import": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.27.1.tgz",
+      "integrity": "sha512-MHzkWQcEmjzzVW9j2q8LGjwGWpG2mjwaaB0BNQwst3FIjqsg8Ct/mIZlvSPJvfi9y2AC8mi/ktxbFVL9pZ1I4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-explicit-resource-management": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-explicit-resource-management/-/plugin-transform-explicit-resource-management-7.28.0.tgz",
+      "integrity": "sha512-K8nhUcn3f6iB+P3gwCv/no7OdzOZQcKchW6N389V6PD8NUWKZHzndOd9sPDVbMoBsbmjMqlB4L9fm+fEFNVlwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-transform-destructuring": "^7.28.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-exponentiation-operator": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.28.5.tgz",
+      "integrity": "sha512-D4WIMaFtwa2NizOp+dnoFjRez/ClKiC2BqqImwKd1X28nqBtZEyCYJ2ozQrrzlxAFrcrjxo39S6khe9RNDlGzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-export-namespace-from": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.27.1.tgz",
+      "integrity": "sha512-tQvHWSZ3/jH2xuq/vZDy0jNn+ZdXJeM8gHvX4lnJmsc3+50yPlWdZXIc5ay+umX+2/tJIqHqiEqcJvxlmIvRvQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-for-of": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.27.1.tgz",
+      "integrity": "sha512-BfbWFFEJFQzLCQ5N8VocnCtA8J1CLkNTe2Ms2wocj75dd6VpiqS5Z5quTYcUoo4Yq+DN0rtikODccuv7RU81sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-function-name": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.27.1.tgz",
+      "integrity": "sha512-1bQeydJF9Nr1eBCMMbC+hdwmRlsv5XYOMu03YSWFwNs0HsAmtSxxF1fyuYPqemVldVyFmlCU7w8UE14LupUSZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-json-strings": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.27.1.tgz",
+      "integrity": "sha512-6WVLVJiTjqcQauBhn1LkICsR2H+zm62I3h9faTDKt1qP4jn2o72tSvqMwtGFKGTpojce0gJs+76eZ2uCHRZh0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-literals": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.27.1.tgz",
+      "integrity": "sha512-0HCFSepIpLTkLcsi86GG3mTUzxV5jpmbv97hTETW3yzrAij8aqlD36toB1D0daVFJM8NK6GvKO0gslVQmm+zZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-logical-assignment-operators": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.28.5.tgz",
+      "integrity": "sha512-axUuqnUTBuXyHGcJEVVh9pORaN6wC5bYfE7FGzPiaWa3syib9m7g+/IT/4VgCOe2Upef43PHzeAvcrVek6QuuA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-member-expression-literals": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.27.1.tgz",
+      "integrity": "sha512-hqoBX4dcZ1I33jCSWcXrP+1Ku7kdqXf1oeah7ooKOIiAdKQ+uqftgCFNOSzA5AMS2XIHEYeGFg4cKRCdpxzVOQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-amd": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.27.1.tgz",
+      "integrity": "sha512-iCsytMg/N9/oFq6n+gFTvUYDZQOMK5kEdeYxmxt91fcJGycfxVP9CnrxoliM0oumFERba2i8ZtwRUCMhvP1LnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-commonjs": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.27.1.tgz",
+      "integrity": "sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-systemjs": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.28.5.tgz",
+      "integrity": "sha512-vn5Jma98LCOeBy/KpeQhXcV2WZgaRUtjwQmjoBuLNlOmkg0fB5pdvYVeWRYI69wWKwK2cD1QbMiUQnoujWvrew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.28.3",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-umd": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.27.1.tgz",
+      "integrity": "sha512-iQBE/xC5BV1OxJbp6WG7jq9IWiD+xxlZhLrdwpPkTX3ydmXdvoCpyfJN7acaIBZaOqTfr76pgzqBJflNbeRK+w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.27.1.tgz",
+      "integrity": "sha512-SstR5JYy8ddZvD6MhV0tM/j16Qds4mIpJTOd1Yu9J9pJjH93bxHECF7pgtc28XvkzTD6Pxcm/0Z73Hvk7kb3Ng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-new-target": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.27.1.tgz",
+      "integrity": "sha512-f6PiYeqXQ05lYq3TIfIDu/MtliKUbNwkGApPUvyo6+tc7uaR4cPjPe7DFPr15Uyycg2lZU6btZ575CuQoYh7MQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.27.1.tgz",
+      "integrity": "sha512-aGZh6xMo6q9vq1JGcw58lZ1Z0+i0xB2x0XaauNIUXd6O1xXc3RwoWEBlsTQrY4KQ9Jf0s5rgD6SiNkaUdJegTA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-numeric-separator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.27.1.tgz",
+      "integrity": "sha512-fdPKAcujuvEChxDBJ5c+0BTaS6revLV7CJL08e4m3de8qJfNIuCc2nc7XJYOjBoTMJeqSmwXJ0ypE14RCjLwaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-rest-spread": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.4.tgz",
+      "integrity": "sha512-373KA2HQzKhQCYiRVIRr+3MjpCObqzDlyrM6u4I201wL8Mp2wHf7uB8GhDwis03k2ti8Zr65Zyyqs1xOxUF/Ew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-transform-destructuring": "^7.28.0",
+        "@babel/plugin-transform-parameters": "^7.27.7",
+        "@babel/traverse": "^7.28.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-super": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.27.1.tgz",
+      "integrity": "sha512-SFy8S9plRPbIcxlJ8A6mT/CxFdJx/c04JEctz4jf8YZaVS2px34j7NXRrlGlHkN/M2gnpL37ZpGRGVFLd3l8Ng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-catch-binding": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.27.1.tgz",
+      "integrity": "sha512-txEAEKzYrHEX4xSZN4kJ+OfKXFVSWKB2ZxM9dpcE3wT7smwkNmXo5ORRlVzMVdJbD+Q8ILTgSD7959uj+3Dm3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-chaining": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.28.5.tgz",
+      "integrity": "sha512-N6fut9IZlPnjPwgiQkXNhb+cT8wQKFlJNqcZkWlcTqkcqx6/kU4ynGmLFoa4LViBSirn05YAwk+sQBbPfxtYzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-parameters": {
+      "version": "7.27.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.7.tgz",
+      "integrity": "sha512-qBkYTYCb76RRxUM6CcZA5KRu8K4SM8ajzVeUgVdMVO9NN9uI/GaVmBg/WKJJGnNokV9SY8FxNOVWGXzqzUidBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-methods": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.27.1.tgz",
+      "integrity": "sha512-10FVt+X55AjRAYI9BrdISN9/AQWHqldOeZDUoLyif1Kn05a56xVBXb8ZouL8pZ9jem8QpXaOt8TS7RHUIS+GPA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-property-in-object": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.27.1.tgz",
+      "integrity": "sha512-5J+IhqTi1XPa0DXF83jYOaARrX+41gOewWbkPyjMNRDqgOCqdffGh8L3f/Ek5utaEBZExjSAzcyjmV9SSAWObQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-property-literals": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.27.1.tgz",
+      "integrity": "sha512-oThy3BCuCha8kDZ8ZkgOg2exvPYUlprMukKQXI1r1pJ47NCvxfkEy8vK+r/hT9nF0Aa4H1WUPZZjHTFtAhGfmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-regenerator": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.4.tgz",
+      "integrity": "sha512-+ZEdQlBoRg9m2NnzvEeLgtvBMO4tkFBw5SQIUgLICgTrumLoU7lr+Oghi6km2PFj+dbUt2u1oby2w3BDO9YQnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-regexp-modifiers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.27.1.tgz",
+      "integrity": "sha512-TtEciroaiODtXvLZv4rmfMhkCv8jx3wgKpL68PuiPh2M4fvz5jhsA7697N1gMvkvr/JTF13DrFYyEbY9U7cVPA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-reserved-words": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.27.1.tgz",
+      "integrity": "sha512-V2ABPHIJX4kC7HegLkYoDpfg9PVmuWy/i6vUM5eGK22bx4YVFD3M5F0QQnWQoDs6AGsUWTVOopBiMFQgHaSkVw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-runtime": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.28.3.tgz",
+      "integrity": "sha512-Y6ab1kGqZ0u42Zv/4a7l0l72n9DKP/MKoKWaUSBylrhNZO2prYuqFOLbn5aW5SIFXwSH93yfjbgllL8lxuGKLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "babel-plugin-polyfill-corejs2": "^0.4.14",
+        "babel-plugin-polyfill-corejs3": "^0.13.0",
+        "babel-plugin-polyfill-regenerator": "^0.6.5",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-runtime/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/plugin-transform-shorthand-properties": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.27.1.tgz",
+      "integrity": "sha512-N/wH1vcn4oYawbJ13Y/FxcQrWk63jhfNa7jef0ih7PHSIHX2LB7GWE1rkPrOnka9kwMxb6hMl19p7lidA+EHmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-spread": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.27.1.tgz",
+      "integrity": "sha512-kpb3HUqaILBJcRFVhFUs6Trdd4mkrzcGXss+6/mxUd273PfbWqSDHRzMT2234gIg2QYfAjvXLSquP1xECSg09Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-sticky-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.27.1.tgz",
+      "integrity": "sha512-lhInBO5bi/Kowe2/aLdBAawijx+q1pQzicSgnkB6dUPc1+RC8QmJHKf2OjvU+NZWitguJHEaEmbV6VWEouT58g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-template-literals": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.27.1.tgz",
+      "integrity": "sha512-fBJKiV7F2DxZUkg5EtHKXQdbsbURW3DZKQUWphDum0uRP6eHGGa/He9mc0mypL680pb+e/lDIthRohlv8NCHkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typeof-symbol": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.27.1.tgz",
+      "integrity": "sha512-RiSILC+nRJM7FY5srIyc4/fGIwUhyDuuBSdWn4y6yT6gm652DpCHZjIipgn6B7MQ1ITOUnAKWixEUjQRIBIcLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-escapes": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.27.1.tgz",
+      "integrity": "sha512-Ysg4v6AmF26k9vpfFuTZg8HRfVWzsh1kVfowA23y9j/Gu6dOuahdUVhkLqpObp3JIv27MLSii6noRnuKN8H0Mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-property-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.27.1.tgz",
+      "integrity": "sha512-uW20S39PnaTImxp39O5qFlHLS9LJEmANjMG7SxIhap8rCHqu0Ik+tLEPX5DKmHn6CsWQ7j3lix2tFOa5YtL12Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.27.1.tgz",
+      "integrity": "sha512-xvINq24TRojDuyt6JGtHmkVkrfVV3FPT16uytxImLeBZqW3/H52yN+kM1MGuyPkIQxrzKwPHs5U/MP3qKyzkGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-sets-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.27.1.tgz",
+      "integrity": "sha512-EtkOujbc4cgvb0mlpQefi4NTPBzhSIevblFevACNLUspmrALgmEBdL/XfnyyITfd8fKBZrZys92zOWcik7j9Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/preset-env": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.28.3.tgz",
+      "integrity": "sha512-ROiDcM+GbYVPYBOeCR6uBXKkQpBExLl8k9HO1ygXEyds39j+vCCsjmj7S8GOniZQlEs81QlkdJZe76IpLSiqpg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.28.0",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.27.1",
+        "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.27.1",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.27.1",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.27.1",
+        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.28.3",
+        "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
+        "@babel/plugin-syntax-import-assertions": "^7.27.1",
+        "@babel/plugin-syntax-import-attributes": "^7.27.1",
+        "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
+        "@babel/plugin-transform-arrow-functions": "^7.27.1",
+        "@babel/plugin-transform-async-generator-functions": "^7.28.0",
+        "@babel/plugin-transform-async-to-generator": "^7.27.1",
+        "@babel/plugin-transform-block-scoped-functions": "^7.27.1",
+        "@babel/plugin-transform-block-scoping": "^7.28.0",
+        "@babel/plugin-transform-class-properties": "^7.27.1",
+        "@babel/plugin-transform-class-static-block": "^7.28.3",
+        "@babel/plugin-transform-classes": "^7.28.3",
+        "@babel/plugin-transform-computed-properties": "^7.27.1",
+        "@babel/plugin-transform-destructuring": "^7.28.0",
+        "@babel/plugin-transform-dotall-regex": "^7.27.1",
+        "@babel/plugin-transform-duplicate-keys": "^7.27.1",
+        "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.27.1",
+        "@babel/plugin-transform-dynamic-import": "^7.27.1",
+        "@babel/plugin-transform-explicit-resource-management": "^7.28.0",
+        "@babel/plugin-transform-exponentiation-operator": "^7.27.1",
+        "@babel/plugin-transform-export-namespace-from": "^7.27.1",
+        "@babel/plugin-transform-for-of": "^7.27.1",
+        "@babel/plugin-transform-function-name": "^7.27.1",
+        "@babel/plugin-transform-json-strings": "^7.27.1",
+        "@babel/plugin-transform-literals": "^7.27.1",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.27.1",
+        "@babel/plugin-transform-member-expression-literals": "^7.27.1",
+        "@babel/plugin-transform-modules-amd": "^7.27.1",
+        "@babel/plugin-transform-modules-commonjs": "^7.27.1",
+        "@babel/plugin-transform-modules-systemjs": "^7.27.1",
+        "@babel/plugin-transform-modules-umd": "^7.27.1",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.27.1",
+        "@babel/plugin-transform-new-target": "^7.27.1",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.27.1",
+        "@babel/plugin-transform-numeric-separator": "^7.27.1",
+        "@babel/plugin-transform-object-rest-spread": "^7.28.0",
+        "@babel/plugin-transform-object-super": "^7.27.1",
+        "@babel/plugin-transform-optional-catch-binding": "^7.27.1",
+        "@babel/plugin-transform-optional-chaining": "^7.27.1",
+        "@babel/plugin-transform-parameters": "^7.27.7",
+        "@babel/plugin-transform-private-methods": "^7.27.1",
+        "@babel/plugin-transform-private-property-in-object": "^7.27.1",
+        "@babel/plugin-transform-property-literals": "^7.27.1",
+        "@babel/plugin-transform-regenerator": "^7.28.3",
+        "@babel/plugin-transform-regexp-modifiers": "^7.27.1",
+        "@babel/plugin-transform-reserved-words": "^7.27.1",
+        "@babel/plugin-transform-shorthand-properties": "^7.27.1",
+        "@babel/plugin-transform-spread": "^7.27.1",
+        "@babel/plugin-transform-sticky-regex": "^7.27.1",
+        "@babel/plugin-transform-template-literals": "^7.27.1",
+        "@babel/plugin-transform-typeof-symbol": "^7.27.1",
+        "@babel/plugin-transform-unicode-escapes": "^7.27.1",
+        "@babel/plugin-transform-unicode-property-regex": "^7.27.1",
+        "@babel/plugin-transform-unicode-regex": "^7.27.1",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.27.1",
+        "@babel/preset-modules": "0.1.6-no-external-plugins",
+        "babel-plugin-polyfill-corejs2": "^0.4.14",
+        "babel-plugin-polyfill-corejs3": "^0.13.0",
+        "babel-plugin-polyfill-regenerator": "^0.6.5",
+        "core-js-compat": "^3.43.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-env/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/preset-modules": {
+      "version": "0.1.6-no-external-plugins",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
+      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/types": "^7.4.4",
+        "esutils": "^2.0.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.3.tgz",
+      "integrity": "sha512-9uIQ10o0WGdpP6GDhXcdOJPJuDgFtIDtN/9+ArJQ2NAfAmiuhTQdzkaTGR33v43GYS2UrSA0eX2pPPHoFVvpxA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.5.tgz",
+      "integrity": "sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.5",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.5",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.5",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse/node_modules/@babel/generator": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.5.tgz",
+      "integrity": "sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "@babel/types": "^7.28.5",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
+      "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@colors/colors": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
+      "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.1.90"
+      }
+    },
+    "node_modules/@compodoc/compodoc": {
+      "version": "1.1.32",
+      "resolved": "https://registry.npmjs.org/@compodoc/compodoc/-/compodoc-1.1.32.tgz",
+      "integrity": "sha512-kaYk5+o4k7GB585iphwV5NE49BKKk8d+gJLNBE8eu2fIRdhnHOWblasRbOBRULfwJ+qxfmgrIqi32K34wCag6A==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/schematics": "20.3.4",
+        "@babel/core": "7.28.4",
+        "@babel/plugin-transform-private-methods": "7.27.1",
+        "@babel/preset-env": "7.28.3",
+        "@compodoc/live-server": "^1.2.3",
+        "@compodoc/ngd-transformer": "^2.1.3",
+        "@polka/send-type": "^0.5.2",
+        "body-parser": "^2.2.0",
+        "bootstrap.native": "^5.1.6",
+        "cheerio": "1.1.2",
+        "chokidar": "^4.0.3",
+        "colors": "1.4.0",
+        "commander": "^14.0.1",
+        "cosmiconfig": "^9.0.0",
+        "decache": "^4.6.2",
+        "es6-shim": "^0.35.8",
+        "fancy-log": "^2.0.0",
+        "fast-glob": "^3.3.3",
+        "fs-extra": "^11.3.2",
+        "glob": "^11.0.3",
+        "handlebars": "^4.7.8",
+        "html-entities": "^2.6.0",
+        "i18next": "25.5.3",
+        "json5": "^2.2.3",
+        "lodash": "^4.17.21",
+        "loglevel": "^1.9.2",
+        "loglevel-plugin-prefix": "^0.8.4",
+        "lunr": "^2.3.9",
+        "marked": "7.0.3",
+        "minimist": "^1.2.8",
+        "neotraverse": "^0.6.18",
+        "opencollective-postinstall": "^2.0.3",
+        "os-name": "4.0.1",
+        "picocolors": "^1.1.1",
+        "polka": "^0.5.2",
+        "prismjs": "^1.30.0",
+        "semver": "^7.7.2",
+        "sirv": "^3.0.2",
+        "svg-pan-zoom": "^3.6.2",
+        "tablesort": "^5.6.0",
+        "ts-morph": "^27.0.0",
+        "uuid": "11.1.0",
+        "vis-network": "^10.0.2"
+      },
+      "bin": {
+        "compodoc": "bin/index-cli.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@compodoc/compodoc/node_modules/@angular-devkit/core": {
+      "version": "20.3.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-20.3.4.tgz",
+      "integrity": "sha512-r83jn9yVdPh618oGgoKPggMsQGOkQqJbxEutd4CE9mnotPCE2uRTIyaFMh8sohNUeoQNRmj9rbr2pWGVlgERpg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "8.17.1",
+        "ajv-formats": "3.0.1",
+        "jsonc-parser": "3.3.1",
+        "picomatch": "4.0.3",
+        "rxjs": "7.8.2",
+        "source-map": "0.7.6"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@compodoc/compodoc/node_modules/@angular-devkit/schematics": {
+      "version": "20.3.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-20.3.4.tgz",
+      "integrity": "sha512-JYlcmVBKNT9+cQ6T2tmu+yVQ2bJk8tG0mXvPHWXrl/M4c6NObhSSThK50tJHy0Xo3gl8WgogOxUeJNnBq67cIQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/core": "20.3.4",
+        "jsonc-parser": "3.3.1",
+        "magic-string": "0.30.17",
+        "ora": "8.2.0",
+        "rxjs": "7.8.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@compodoc/compodoc/node_modules/@babel/core": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.4.tgz",
+      "integrity": "sha512-2BCOP7TN8M+gVDj7/ht3hsaO/B/n5oDbiAyyvnRlNOs+u1o+JWNYTQrmpuNp1/Wq2gcFrI01JAW+paEKDMx/CA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.3",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-module-transforms": "^7.28.3",
+        "@babel/helpers": "^7.28.4",
+        "@babel/parser": "^7.28.4",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.4",
+        "@babel/types": "^7.28.4",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@compodoc/compodoc/node_modules/@babel/core/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@compodoc/compodoc/node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@compodoc/live-server": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@compodoc/live-server/-/live-server-1.2.3.tgz",
+      "integrity": "sha512-hDmntVCyjjaxuJzPzBx68orNZ7TW4BtHWMnXlIVn5dqhK7vuFF/11hspO1cMmc+2QTYgqde1TBcb3127S7Zrow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^3.5.2",
+        "colors": "1.4.0",
+        "connect": "^3.7.0",
+        "cors": "latest",
+        "event-stream": "4.0.1",
+        "faye-websocket": "0.11.x",
+        "http-auth": "4.1.9",
+        "http-auth-connect": "^1.0.5",
+        "morgan": "^1.10.0",
+        "object-assign": "latest",
+        "open": "8.4.0",
+        "proxy-middleware": "latest",
+        "send": "latest",
+        "serve-index": "^1.9.1"
+      },
+      "bin": {
+        "live-server": "live-server.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@compodoc/live-server/node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/@compodoc/live-server/node_modules/define-lazy-prop": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
+      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@compodoc/live-server/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/@compodoc/live-server/node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@compodoc/live-server/node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@compodoc/live-server/node_modules/open": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/open/-/open-8.4.0.tgz",
+      "integrity": "sha512-XgFPPM+B28FtCCgSb9I+s9szOC1vZRSwgWsRUA5ylIxRTgKozqjOCrVOqGsYABPYK5qnfqClxZTFBa8PKt2v6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-lazy-prop": "^2.0.0",
+        "is-docker": "^2.1.1",
+        "is-wsl": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@compodoc/live-server/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/@compodoc/live-server/node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/@compodoc/ngd-core": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@compodoc/ngd-core/-/ngd-core-2.1.1.tgz",
+      "integrity": "sha512-Z+wE6wWZYVnudRYg6qunDlyh3Orw39Ib66Gvrz5kX5u7So+iu3tr6sQJdqH6yGS3hAjig5avlfhWLlgsb6/x1Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-colors": "^4.1.3",
+        "fancy-log": "^2.0.0",
+        "typescript": "^5.0.4"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/@compodoc/ngd-transformer": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@compodoc/ngd-transformer/-/ngd-transformer-2.1.3.tgz",
+      "integrity": "sha512-oWxJza7CpWR8/FeWYfE6j+jgncnGBsTWnZLt5rD2GUpsGSQTuGrsFPnmbbaVLgRS5QIVWBJYke7QFBr/7qVMWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@aduh95/viz.js": "3.4.0",
+        "@compodoc/ngd-core": "~2.1.1",
+        "dot": "^2.0.0-beta.1",
+        "fs-extra": "^11.1.1"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/@discoveryjs/json-ext": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.6.3.tgz",
+      "integrity": "sha512-4B4OijXeVNOPZlYA2oEwWOTkzyltLao+xbotHQeqN++Rv27Y6s818+n2Qkp8q+Fxhn0t/5lA5X1Mxktud8eayQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.17.0"
+      }
+    },
+    "node_modules/@egjs/hammerjs": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@egjs/hammerjs/-/hammerjs-2.0.17.tgz",
+      "integrity": "sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/hammerjs": "^2.0.36"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.7.1.tgz",
+      "integrity": "sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@es-joy/jsdoccomment": {
+      "version": "0.76.0",
+      "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.76.0.tgz",
+      "integrity": "sha512-g+RihtzFgGTx2WYCuTHbdOXJeAlGnROws0TeALx9ow/ZmOROOZkVg5wp/B44n0WJgI4SQFP1eWM2iRPlU2Y14w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.8",
+        "@typescript-eslint/types": "^8.46.0",
+        "comment-parser": "1.4.1",
+        "esquery": "^1.6.0",
+        "jsdoc-type-pratt-parser": "~6.10.0"
+      },
+      "engines": {
+        "node": ">=20.11.0"
+      }
+    },
+    "node_modules/@es-joy/resolve.exports": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@es-joy/resolve.exports/-/resolve.exports-1.2.0.tgz",
+      "integrity": "sha512-Q9hjxWI5xBM+qW2enxfe8wDKdFWMfd0Z29k5ZJnuBqD/CasY5Zryj09aCA6owbGATWz+39p5uIdaHXpopOcG8g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.9.tgz",
+      "integrity": "sha512-OaGtL73Jck6pBKjNIe24BnFE6agGl+6KxDtTfHhy1HmhthfKouEcOhqpSL64K4/0WCtbKFLOdzD/44cJ4k9opA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.9.tgz",
+      "integrity": "sha512-5WNI1DaMtxQ7t7B6xa572XMXpHAaI/9Hnhk8lcxF4zVN4xstUgTlvuGDorBguKEnZO70qwEcLpfifMLoxiPqHQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.9.tgz",
+      "integrity": "sha512-IDrddSmpSv51ftWslJMvl3Q2ZT98fUSL2/rlUXuVqRXHCs5EUF1/f+jbjF5+NG9UffUDMCiTyh8iec7u8RlTLg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.9.tgz",
+      "integrity": "sha512-I853iMZ1hWZdNllhVZKm34f4wErd4lMyeV7BLzEExGEIZYsOzqDWDf+y082izYUE8gtJnYHdeDpN/6tUdwvfiw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.9.tgz",
+      "integrity": "sha512-XIpIDMAjOELi/9PB30vEbVMs3GV1v2zkkPnuyRRURbhqjyzIINwj+nbQATh4H9GxUgH1kFsEyQMxwiLFKUS6Rg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.9.tgz",
+      "integrity": "sha512-jhHfBzjYTA1IQu8VyrjCX4ApJDnH+ez+IYVEoJHeqJm9VhG9Dh2BYaJritkYK3vMaXrf7Ogr/0MQ8/MeIefsPQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.9.tgz",
+      "integrity": "sha512-z93DmbnY6fX9+KdD4Ue/H6sYs+bhFQJNCPZsi4XWJoYblUqT06MQUdBCpcSfuiN72AbqeBFu5LVQTjfXDE2A6Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.9.tgz",
+      "integrity": "sha512-mrKX6H/vOyo5v71YfXWJxLVxgy1kyt1MQaD8wZJgJfG4gq4DpQGpgTB74e5yBeQdyMTbgxp0YtNj7NuHN0PoZg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.9.tgz",
+      "integrity": "sha512-HBU2Xv78SMgaydBmdor38lg8YDnFKSARg1Q6AT0/y2ezUAKiZvc211RDFHlEZRFNRVhcMamiToo7bDx3VEOYQw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.9.tgz",
+      "integrity": "sha512-BlB7bIcLT3G26urh5Dmse7fiLmLXnRlopw4s8DalgZ8ef79Jj4aUcYbk90g8iCa2467HX8SAIidbL7gsqXHdRw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.9.tgz",
+      "integrity": "sha512-e7S3MOJPZGp2QW6AK6+Ly81rC7oOSerQ+P8L0ta4FhVi+/j/v2yZzx5CqqDaWjtPFfYz21Vi1S0auHrap3Ma3A==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.9.tgz",
+      "integrity": "sha512-Sbe10Bnn0oUAB2AalYztvGcK+o6YFFA/9829PhOCUS9vkJElXGdphz0A3DbMdP8gmKkqPmPcMJmJOrI3VYB1JQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.9.tgz",
+      "integrity": "sha512-YcM5br0mVyZw2jcQeLIkhWtKPeVfAerES5PvOzaDxVtIyZ2NUBZKNLjC5z3/fUlDgT6w89VsxP2qzNipOaaDyA==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.9.tgz",
+      "integrity": "sha512-++0HQvasdo20JytyDpFvQtNrEsAgNG2CY1CLMwGXfFTKGBGQT3bOeLSYE2l1fYdvML5KUuwn9Z8L1EWe2tzs1w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.9.tgz",
+      "integrity": "sha512-uNIBa279Y3fkjV+2cUjx36xkx7eSjb8IvnL01eXUKXez/CBHNRw5ekCGMPM0BcmqBxBcdgUWuUXmVWwm4CH9kg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.9.tgz",
+      "integrity": "sha512-Mfiphvp3MjC/lctb+7D287Xw1DGzqJPb/J2aHHcHxflUo+8tmN/6d4k6I2yFR7BVo5/g7x2Monq4+Yew0EHRIA==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.9.tgz",
+      "integrity": "sha512-iSwByxzRe48YVkmpbgoxVzn76BXjlYFXC7NvLYq+b+kDjyyk30J0JY47DIn8z1MO3K0oSl9fZoRmZPQI4Hklzg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.9.tgz",
+      "integrity": "sha512-9jNJl6FqaUG+COdQMjSCGW4QiMHH88xWbvZ+kRVblZsWrkXlABuGdFJ1E9L7HK+T0Yqd4akKNa/lO0+jDxQD4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.9.tgz",
+      "integrity": "sha512-RLLdkflmqRG8KanPGOU7Rpg829ZHu8nFy5Pqdi9U01VYtG9Y0zOG6Vr2z4/S+/3zIyOxiK6cCeYNWOFR9QP87g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.9.tgz",
+      "integrity": "sha512-YaFBlPGeDasft5IIM+CQAhJAqS3St3nJzDEgsgFixcfZeyGPCd6eJBWzke5piZuZ7CtL656eOSYKk4Ls2C0FRQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.9.tgz",
+      "integrity": "sha512-1MkgTCuvMGWuqVtAvkpkXFmtL8XhWy+j4jaSO2wxfJtilVCi0ZE37b8uOdMItIHz4I6z1bWWtEX4CJwcKYLcuA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.9.tgz",
+      "integrity": "sha512-4Xd0xNiMVXKh6Fa7HEJQbrpP3m3DDn43jKxMjxLLRjWnRsfxjORYJlXPO4JNcXtOyfajXorRKY9NkOpTHptErg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.9.tgz",
+      "integrity": "sha512-WjH4s6hzo00nNezhp3wFIAfmGZ8U7KtrJNlFMRKxiI9mxEK1scOMAaa9i4crUtu+tBr+0IN6JCuAcSBJZfnphw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.9.tgz",
+      "integrity": "sha512-mGFrVJHmZiRqmP8xFOc6b84/7xa5y5YvR1x8djzXpJBSv/UsNK6aqec+6JDjConTgvvQefdGhFDAs2DLAds6gQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.9.tgz",
+      "integrity": "sha512-b33gLVU2k11nVx1OhX3C8QQP6UHQK4ZtN56oFWvVXvz2VkDoe6fbG8TOgHFxEvqeqohmRnIHe5A1+HADk4OQww==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.9.tgz",
+      "integrity": "sha512-PPOl1mi6lpLNQxnGoyAfschAodRFYXJ+9fs6WHXz7CSWKbOqiMZsubC+BQsVKuul+3vKLuwTHsS2c2y9EoKwxQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz",
+      "integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz",
+      "integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
+      "integrity": "sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==",
+      "deprecated": "Use @eslint/config-array instead",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^2.0.3",
+        "debug": "^4.3.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+      "deprecated": "Use @eslint/object-schema instead",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.5.tgz",
+      "integrity": "sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.5.tgz",
+      "integrity": "sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.4.tgz",
+      "integrity": "sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.4.tgz",
+      "integrity": "sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.5.tgz",
+      "integrity": "sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.4.tgz",
+      "integrity": "sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.4.tgz",
+      "integrity": "sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.4.tgz",
+      "integrity": "sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.4.tgz",
+      "integrity": "sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.4.tgz",
+      "integrity": "sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.5.tgz",
+      "integrity": "sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.0.5"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.5.tgz",
+      "integrity": "sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.5.tgz",
+      "integrity": "sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.5.tgz",
+      "integrity": "sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.5.tgz",
+      "integrity": "sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.5.tgz",
+      "integrity": "sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.33.5.tgz",
+      "integrity": "sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.2.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.5.tgz",
+      "integrity": "sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.5.tgz",
+      "integrity": "sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@inquirer/ansi": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/ansi/-/ansi-1.0.2.tgz",
+      "integrity": "sha512-S8qNSZiYzFd0wAcyG5AXCvUHC5Sr7xpZ9wZ2py9XR88jUz8wooStVx5M6dRzczbBWjic9NP7+rY0Xi7qqK/aMQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@inquirer/checkbox": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-4.3.2.tgz",
+      "integrity": "sha512-VXukHf0RR1doGe6Sm4F0Em7SWYLTHSsbGfJdS9Ja2bX5/D5uwVOEjr07cncLROdBvmnvCATYEWlHqYmXv2IlQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/confirm": {
+      "version": "5.1.14",
+      "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-5.1.14.tgz",
+      "integrity": "sha512-5yR4IBfe0kXe59r1YCTG8WXkUbl7Z35HK87Sw+WUyGD8wNUx7JvY7laahzeytyE1oLn74bQnL7hstctQxisQ8Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/core": "^10.1.15",
+        "@inquirer/type": "^3.0.8"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/core": {
+      "version": "10.3.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-10.3.2.tgz",
+      "integrity": "sha512-43RTuEbfP8MbKzedNqBrlhhNKVwoK//vUFNW3Q3vZ88BLcrs4kYpGg+B2mm5p2K/HfygoCxuKwJJiv8PbGmE0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "cli-width": "^4.1.0",
+        "mute-stream": "^2.0.0",
+        "signal-exit": "^4.1.0",
+        "wrap-ansi": "^6.2.0",
+        "yoctocolors-cjs": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/editor": {
+      "version": "4.2.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-4.2.23.tgz",
+      "integrity": "sha512-aLSROkEwirotxZ1pBaP8tugXRFCxW94gwrQLxXfrZsKkfjOYC1aRvAZuhpJOb5cu4IBTJdsCigUlf2iCOu4ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/external-editor": "^1.0.3",
+        "@inquirer/type": "^3.0.10"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/expand": {
+      "version": "4.0.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-4.0.23.tgz",
+      "integrity": "sha512-nRzdOyFYnpeYTTR2qFwEVmIWypzdAx/sIkCMeTNTcflFOovfqUk+HcFhQQVBftAh9gmGrpFj6QcGEqrDMDOiew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/external-editor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@inquirer/external-editor/-/external-editor-1.0.3.tgz",
+      "integrity": "sha512-RWbSrDiYmO4LbejWY7ttpxczuwQyZLBUyygsA9Nsv95hpzUWwnNTVQmAq3xuh7vNwCp07UTmE5i11XAEExx4RA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chardet": "^2.1.1",
+        "iconv-lite": "^0.7.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/figures": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.15.tgz",
+      "integrity": "sha512-t2IEY+unGHOzAaVM5Xx6DEWKeXlDDcNPeDyUpsRc6CUhBfU3VQOEl+Vssh7VNp1dR8MdUJBWhuObjXCsVpjN5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@inquirer/input": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-4.3.1.tgz",
+      "integrity": "sha512-kN0pAM4yPrLjJ1XJBjDxyfDduXOuQHrBB8aLDMueuwUGn+vNpF7Gq7TvyVxx8u4SHlFFj4trmj+a2cbpG4Jn1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/number": {
+      "version": "3.0.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-3.0.23.tgz",
+      "integrity": "sha512-5Smv0OK7K0KUzUfYUXDXQc9jrf8OHo4ktlEayFlelCjwMXz0299Y8OrI+lj7i4gCBY15UObk76q0QtxjzFcFcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/password": {
+      "version": "4.0.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-4.0.23.tgz",
+      "integrity": "sha512-zREJHjhT5vJBMZX/IUbyI9zVtVfOLiTO66MrF/3GFZYZ7T4YILW5MSkEYHceSii/KtRk+4i3RE7E1CUXA2jHcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/prompts": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-7.8.2.tgz",
+      "integrity": "sha512-nqhDw2ZcAUrKNPwhjinJny903bRhI0rQhiDz1LksjeRxqa36i3l75+4iXbOy0rlDpLJGxqtgoPavQjmmyS5UJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/checkbox": "^4.2.1",
+        "@inquirer/confirm": "^5.1.14",
+        "@inquirer/editor": "^4.2.17",
+        "@inquirer/expand": "^4.0.17",
+        "@inquirer/input": "^4.2.1",
+        "@inquirer/number": "^3.0.17",
+        "@inquirer/password": "^4.0.17",
+        "@inquirer/rawlist": "^4.1.5",
+        "@inquirer/search": "^3.1.0",
+        "@inquirer/select": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/rawlist": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-4.1.11.tgz",
+      "integrity": "sha512-+LLQB8XGr3I5LZN/GuAHo+GpDJegQwuPARLChlMICNdwW7OwV2izlCSCxN6cqpL0sMXmbKbFcItJgdQq5EBXTw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/search": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-3.2.2.tgz",
+      "integrity": "sha512-p2bvRfENXCZdWF/U2BXvnSI9h+tuA8iNqtUKb9UWbmLYCRQxd8WkvwWvYn+3NgYaNwdUkHytJMGG4MMLucI1kA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/select": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-4.4.2.tgz",
+      "integrity": "sha512-l4xMuJo55MAe+N7Qr4rX90vypFwCajSakx59qe/tMaC1aEHWLyw68wF4o0A4SLAY4E0nd+Vt+EyskeDIqu1M6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@inquirer/type": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-3.0.10.tgz",
+      "integrity": "sha512-BvziSRxfz5Ov8ch0z/n3oijRSEcEsHnhggm4xFZe93DHcUCTlutlq9Ox4SVENAfcRD22UQq7T/atg9Wr3k09eA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@isaacs/balanced-match": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/balanced-match/-/balanced-match-4.0.1.tgz",
+      "integrity": "sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@isaacs/brace-expansion": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@isaacs/brace-expansion/-/brace-expansion-5.0.0.tgz",
+      "integrity": "sha512-ZT55BDLV0yv0RBm2czMiZ+SqCGO7AvmOM3G/w2xhVPH+te0aKgFjmBvGlL1dH+ql2tgGO3MVrbb3jCKyvpgnxA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@isaacs/balanced-match": "^4.0.1"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/fs-minipass": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
+      "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^7.0.4"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@istanbuljs/schema": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
+      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.11",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz",
+      "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@jsonjoy.com/base64": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/base64/-/base64-1.1.2.tgz",
+      "integrity": "sha512-q6XAnWQDIMA3+FTiOYajoYqySkO+JSat0ytXGSuRdq9uXE7o92gzuQwQM14xaCRlBLGq3v5miDGC4vkVTn54xA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@jsonjoy.com/buffers": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/buffers/-/buffers-1.2.1.tgz",
+      "integrity": "sha512-12cdlDwX4RUM3QxmUbVJWqZ/mrK6dFQH4Zxq6+r1YXKXYBNgZXndx2qbCJwh3+WWkCSn67IjnlG3XYTvmvYtgA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@jsonjoy.com/codegen": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/codegen/-/codegen-1.0.0.tgz",
+      "integrity": "sha512-E8Oy+08cmCf0EK/NMxpaJZmOxPqM+6iSe2S4nlSBrPZOORoDJILxtbSUEDKQyTamm/BVAhIGllOBNU79/dwf0g==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@jsonjoy.com/json-pack": {
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-1.21.0.tgz",
+      "integrity": "sha512-+AKG+R2cfZMShzrF2uQw34v3zbeDYUqnQ+jg7ORic3BGtfw9p/+N6RJbq/kkV8JmYZaINknaEQ2m0/f693ZPpg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jsonjoy.com/base64": "^1.1.2",
+        "@jsonjoy.com/buffers": "^1.2.0",
+        "@jsonjoy.com/codegen": "^1.0.0",
+        "@jsonjoy.com/json-pointer": "^1.0.2",
+        "@jsonjoy.com/util": "^1.9.0",
+        "hyperdyperid": "^1.2.0",
+        "thingies": "^2.5.0",
+        "tree-dump": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@jsonjoy.com/json-pointer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pointer/-/json-pointer-1.0.2.tgz",
+      "integrity": "sha512-Fsn6wM2zlDzY1U+v4Nc8bo3bVqgfNTGcn6dMgs6FjrEnt4ZCe60o6ByKRjOGlI2gow0aE/Q41QOigdTqkyK5fg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jsonjoy.com/codegen": "^1.0.0",
+        "@jsonjoy.com/util": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@jsonjoy.com/util": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/util/-/util-1.9.0.tgz",
+      "integrity": "sha512-pLuQo+VPRnN8hfPqUTLTHk126wuYdXVxE6aDmjSeV4NCAgyxWbiOIeNJVtID3h1Vzpoi9m4jXezf73I6LgabgQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jsonjoy.com/buffers": "^1.0.0",
+        "@jsonjoy.com/codegen": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@leichtgewicht/ip-codec": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
+      "integrity": "sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@listr2/prompt-adapter-inquirer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@listr2/prompt-adapter-inquirer/-/prompt-adapter-inquirer-3.0.1.tgz",
+      "integrity": "sha512-3XFmGwm3u6ioREG+ynAQB7FoxfajgQnMhIu8wC5eo/Lsih4aKDg0VuIMGaOsYn7hJSJagSeaD4K8yfpkEoDEmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/type": "^3.0.7"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "@inquirer/prompts": ">= 3 < 8",
+        "listr2": "9.0.1"
+      }
+    },
+    "node_modules/@lmdb/lmdb-darwin-arm64": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.4.2.tgz",
+      "integrity": "sha512-NK80WwDoODyPaSazKbzd3NEJ3ygePrkERilZshxBViBARNz21rmediktGHExoj9n5t9+ChlgLlxecdFKLCuCKg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@lmdb/lmdb-darwin-x64": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.4.2.tgz",
+      "integrity": "sha512-zevaowQNmrp3U7Fz1s9pls5aIgpKRsKb3dZWDINtLiozh3jZI9fBrI19lYYBxqdyiIyNdlyiidPnwPShj4aK+w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@lmdb/lmdb-linux-arm": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.4.2.tgz",
+      "integrity": "sha512-OmHCULY17rkx/RoCoXlzU7LyR8xqrksgdYWwtYa14l/sseezZ8seKWXcogHcjulBddER5NnEFV4L/Jtr2nyxeg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@lmdb/lmdb-linux-arm64": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.4.2.tgz",
+      "integrity": "sha512-ZBEfbNZdkneebvZs98Lq30jMY8V9IJzckVeigGivV7nTHJc+89Ctomp1kAIWKlwIG0ovCDrFI448GzFPORANYg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@lmdb/lmdb-linux-x64": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.4.2.tgz",
+      "integrity": "sha512-vL9nM17C77lohPYE4YaAQvfZCSVJSryE4fXdi8M7uWPBnU+9DJabgKVAeyDb84ZM2vcFseoBE4/AagVtJeRE7g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@lmdb/lmdb-win32-arm64": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-arm64/-/lmdb-win32-arm64-3.4.2.tgz",
+      "integrity": "sha512-SXWjdBfNDze4ZPeLtYIzsIeDJDJ/SdsA0pEXcUBayUIMO0FQBHfVZZyHXQjjHr4cvOAzANBgIiqaXRwfMhzmLw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@lmdb/lmdb-win32-x64": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.4.2.tgz",
+      "integrity": "sha512-IY+r3bxKW6Q6sIPiMC0L533DEfRJSXibjSI3Ft/w9Q8KQBNqEIvUFXt+09wV8S5BRk0a8uSF19YWxuRwEfI90g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@mdx-js/react": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-3.1.1.tgz",
+      "integrity": "sha512-f++rKLQgUVYDAtECQ6fn/is15GkEH9+nZPM3MS0RcxVqoTfawHvDlSCH7JbMhAM6uJ32v3eXLvLmLvjGu7PTQw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdx": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "peerDependencies": {
+        "@types/react": ">=16",
+        "react": ">=16"
+      }
+    },
+    "node_modules/@modelcontextprotocol/sdk": {
+      "version": "1.24.0",
+      "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.24.0.tgz",
+      "integrity": "sha512-D8h5KXY2vHFW8zTuxn2vuZGN0HGrQ5No6LkHwlEA9trVgNdPL3TF1dSqKA7Dny6BbBYKSW/rOBDXdC8KJAjUCg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^8.17.1",
+        "ajv-formats": "^3.0.1",
+        "content-type": "^1.0.5",
+        "cors": "^2.8.5",
+        "cross-spawn": "^7.0.5",
+        "eventsource": "^3.0.2",
+        "eventsource-parser": "^3.0.0",
+        "express": "^5.0.1",
+        "express-rate-limit": "^7.5.0",
+        "jose": "^6.1.1",
+        "pkce-challenge": "^5.0.0",
+        "raw-body": "^3.0.0",
+        "zod": "^3.25 || ^4.0",
+        "zod-to-json-schema": "^3.25.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@cfworker/json-schema": "^4.1.1",
+        "zod": "^3.25 || ^4.0"
+      },
+      "peerDependenciesMeta": {
+        "@cfworker/json-schema": {
+          "optional": true
+        },
+        "zod": {
+          "optional": false
+        }
+      }
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-darwin-arm64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz",
+      "integrity": "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-darwin-x64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz",
+      "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz",
+      "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz",
+      "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-linux-x64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz",
+      "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-win32-x64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz",
+      "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@napi-rs/nice": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice/-/nice-1.1.1.tgz",
+      "integrity": "sha512-xJIPs+bYuc9ASBl+cvGsKbGrJmS6fAKaSZCnT0lhahT5rhA2VVy9/EcIgd2JhtEuFOJNx7UHNn/qiTPTY4nrQw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Brooooooklyn"
+      },
+      "optionalDependencies": {
+        "@napi-rs/nice-android-arm-eabi": "1.1.1",
+        "@napi-rs/nice-android-arm64": "1.1.1",
+        "@napi-rs/nice-darwin-arm64": "1.1.1",
+        "@napi-rs/nice-darwin-x64": "1.1.1",
+        "@napi-rs/nice-freebsd-x64": "1.1.1",
+        "@napi-rs/nice-linux-arm-gnueabihf": "1.1.1",
+        "@napi-rs/nice-linux-arm64-gnu": "1.1.1",
+        "@napi-rs/nice-linux-arm64-musl": "1.1.1",
+        "@napi-rs/nice-linux-ppc64-gnu": "1.1.1",
+        "@napi-rs/nice-linux-riscv64-gnu": "1.1.1",
+        "@napi-rs/nice-linux-s390x-gnu": "1.1.1",
+        "@napi-rs/nice-linux-x64-gnu": "1.1.1",
+        "@napi-rs/nice-linux-x64-musl": "1.1.1",
+        "@napi-rs/nice-openharmony-arm64": "1.1.1",
+        "@napi-rs/nice-win32-arm64-msvc": "1.1.1",
+        "@napi-rs/nice-win32-ia32-msvc": "1.1.1",
+        "@napi-rs/nice-win32-x64-msvc": "1.1.1"
+      }
+    },
+    "node_modules/@napi-rs/nice-android-arm-eabi": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-android-arm-eabi/-/nice-android-arm-eabi-1.1.1.tgz",
+      "integrity": "sha512-kjirL3N6TnRPv5iuHw36wnucNqXAO46dzK9oPb0wj076R5Xm8PfUVA9nAFB5ZNMmfJQJVKACAPd/Z2KYMppthw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/nice-android-arm64": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-android-arm64/-/nice-android-arm64-1.1.1.tgz",
+      "integrity": "sha512-blG0i7dXgbInN5urONoUCNf+DUEAavRffrO7fZSeoRMJc5qD+BJeNcpr54msPF6qfDD6kzs9AQJogZvT2KD5nw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/nice-darwin-arm64": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-darwin-arm64/-/nice-darwin-arm64-1.1.1.tgz",
+      "integrity": "sha512-s/E7w45NaLqTGuOjC2p96pct4jRfo61xb9bU1unM/MJ/RFkKlJyJDx7OJI/O0ll/hrfpqKopuAFDV8yo0hfT7A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/nice-darwin-x64": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-darwin-x64/-/nice-darwin-x64-1.1.1.tgz",
+      "integrity": "sha512-dGoEBnVpsdcC+oHHmW1LRK5eiyzLwdgNQq3BmZIav+9/5WTZwBYX7r5ZkQC07Nxd3KHOCkgbHSh4wPkH1N1LiQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/nice-freebsd-x64": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-freebsd-x64/-/nice-freebsd-x64-1.1.1.tgz",
+      "integrity": "sha512-kHv4kEHAylMYmlNwcQcDtXjklYp4FCf0b05E+0h6nDHsZ+F0bDe04U/tXNOqrx5CmIAth4vwfkjjUmp4c4JktQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/nice-linux-arm-gnueabihf": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm-gnueabihf/-/nice-linux-arm-gnueabihf-1.1.1.tgz",
+      "integrity": "sha512-E1t7K0efyKXZDoZg1LzCOLxgolxV58HCkaEkEvIYQx12ht2pa8hoBo+4OB3qh7e+QiBlp1SRf+voWUZFxyhyqg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/nice-linux-arm64-gnu": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm64-gnu/-/nice-linux-arm64-gnu-1.1.1.tgz",
+      "integrity": "sha512-CIKLA12DTIZlmTaaKhQP88R3Xao+gyJxNWEn04wZwC2wmRapNnxCUZkVwggInMJvtVElA+D4ZzOU5sX4jV+SmQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/nice-linux-arm64-musl": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm64-musl/-/nice-linux-arm64-musl-1.1.1.tgz",
+      "integrity": "sha512-+2Rzdb3nTIYZ0YJF43qf2twhqOCkiSrHx2Pg6DJaCPYhhaxbLcdlV8hCRMHghQ+EtZQWGNcS2xF4KxBhSGeutg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/nice-linux-ppc64-gnu": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-ppc64-gnu/-/nice-linux-ppc64-gnu-1.1.1.tgz",
+      "integrity": "sha512-4FS8oc0GeHpwvv4tKciKkw3Y4jKsL7FRhaOeiPei0X9T4Jd619wHNe4xCLmN2EMgZoeGg+Q7GY7BsvwKpL22Tg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/nice-linux-riscv64-gnu": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-riscv64-gnu/-/nice-linux-riscv64-gnu-1.1.1.tgz",
+      "integrity": "sha512-HU0nw9uD4FO/oGCCk409tCi5IzIZpH2agE6nN4fqpwVlCn5BOq0MS1dXGjXaG17JaAvrlpV5ZeyZwSon10XOXw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/nice-linux-s390x-gnu": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-s390x-gnu/-/nice-linux-s390x-gnu-1.1.1.tgz",
+      "integrity": "sha512-2YqKJWWl24EwrX0DzCQgPLKQBxYDdBxOHot1KWEq7aY2uYeX+Uvtv4I8xFVVygJDgf6/92h9N3Y43WPx8+PAgQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/nice-linux-x64-gnu": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-x64-gnu/-/nice-linux-x64-gnu-1.1.1.tgz",
+      "integrity": "sha512-/gaNz3R92t+dcrfCw/96pDopcmec7oCcAQ3l/M+Zxr82KT4DljD37CpgrnXV+pJC263JkW572pdbP3hP+KjcIg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/nice-linux-x64-musl": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-x64-musl/-/nice-linux-x64-musl-1.1.1.tgz",
+      "integrity": "sha512-xScCGnyj/oppsNPMnevsBe3pvNaoK7FGvMjT35riz9YdhB2WtTG47ZlbxtOLpjeO9SqqQ2J2igCmz6IJOD5JYw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/nice-openharmony-arm64": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-openharmony-arm64/-/nice-openharmony-arm64-1.1.1.tgz",
+      "integrity": "sha512-6uJPRVwVCLDeoOaNyeiW0gp2kFIM4r7PL2MczdZQHkFi9gVlgm+Vn+V6nTWRcu856mJ2WjYJiumEajfSm7arPQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/nice-win32-arm64-msvc": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-arm64-msvc/-/nice-win32-arm64-msvc-1.1.1.tgz",
+      "integrity": "sha512-uoTb4eAvM5B2aj/z8j+Nv8OttPf2m+HVx3UjA5jcFxASvNhQriyCQF1OB1lHL43ZhW+VwZlgvjmP5qF3+59atA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/nice-win32-ia32-msvc": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-ia32-msvc/-/nice-win32-ia32-msvc-1.1.1.tgz",
+      "integrity": "sha512-CNQqlQT9MwuCsg1Vd/oKXiuH+TcsSPJmlAFc5frFyX/KkOh0UpBLEj7aoY656d5UKZQMQFP7vJNa1DNUNORvug==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/nice-win32-x64-msvc": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-x64-msvc/-/nice-win32-x64-msvc-1.1.1.tgz",
+      "integrity": "sha512-vB+4G/jBQCAh0jelMTY3+kgFy00Hlx2f2/1zjMoH821IbplbWZOkLiTYXQkygNTzQJTq5cvwBDgn2ppHD+bglQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@ngtools/webpack": {
+      "version": "20.3.13",
+      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-20.3.13.tgz",
+      "integrity": "sha512-7GyH55pOy8XUwo1lVWHzjZoAmSLtRT/vQbMn43x7WDl8pymAbi5zfwE/cnIX+5xgUOvkmT8sW9gJAD19rkASag==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "@angular/compiler-cli": "^20.0.0",
+        "typescript": ">=5.8 <6.0",
+        "webpack": "^5.54.0"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@npmcli/agent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-3.0.0.tgz",
+      "integrity": "sha512-S79NdEgDQd/NGCay6TCoVzXSj74skRZIKJcpJjC5lOq34SZzyI6MqtiiWoiVWoVrTcGjNeC4ipbh1VIHlpfF5Q==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "http-proxy-agent": "^7.0.0",
+        "https-proxy-agent": "^7.0.1",
+        "lru-cache": "^10.0.1",
+        "socks-proxy-agent": "^8.0.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@npmcli/agent/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@npmcli/fs": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-4.0.0.tgz",
+      "integrity": "sha512-/xGlezI6xfGO9NwuJlnwz/K14qD1kCSAGtacBHnGzeAIuJGazcp45KP5NuyARXoKb7cwulAGWVsbeSxdG/cb0Q==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@npmcli/git": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-6.0.3.tgz",
+      "integrity": "sha512-GUYESQlxZRAdhs3UhbB6pVRNUELQOHXwK9ruDkwmCv2aZ5y0SApQzUJCg02p3A7Ue2J5hxvlk1YI53c00NmRyQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@npmcli/promise-spawn": "^8.0.0",
+        "ini": "^5.0.0",
+        "lru-cache": "^10.0.1",
+        "npm-pick-manifest": "^10.0.0",
+        "proc-log": "^5.0.0",
+        "promise-retry": "^2.0.1",
+        "semver": "^7.3.5",
+        "which": "^5.0.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@npmcli/git/node_modules/isexe": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
+      "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/@npmcli/git/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@npmcli/git/node_modules/which": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz",
+      "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^3.1.1"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@npmcli/installed-package-contents": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@npmcli/installed-package-contents/-/installed-package-contents-3.0.0.tgz",
+      "integrity": "sha512-fkxoPuFGvxyrH+OQzyTkX2LUEamrF4jZSmxjAtPPHHGO0dqsQ8tTKjnIS8SAnPHdk2I03BDtSMR5K/4loKg79Q==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "npm-bundled": "^4.0.0",
+        "npm-normalize-package-bin": "^4.0.0"
+      },
+      "bin": {
+        "installed-package-contents": "bin/index.js"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@npmcli/node-gyp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@npmcli/node-gyp/-/node-gyp-4.0.0.tgz",
+      "integrity": "sha512-+t5DZ6mO/QFh78PByMq1fGSAub/agLJZDRfJRMeOSNCt8s9YVlTjmGpIPwPhvXTGUIJk+WszlT0rQa1W33yzNA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@npmcli/package-json": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-6.2.0.tgz",
+      "integrity": "sha512-rCNLSB/JzNvot0SEyXqWZ7tX2B5dD2a1br2Dp0vSYVo5jh8Z0EZ7lS9TsZ1UtziddB1UfNUaMCc538/HztnJGA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@npmcli/git": "^6.0.0",
+        "glob": "^10.2.2",
+        "hosted-git-info": "^8.0.0",
+        "json-parse-even-better-errors": "^4.0.0",
+        "proc-log": "^5.0.0",
+        "semver": "^7.5.3",
+        "validate-npm-package-license": "^3.0.4"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@npmcli/package-json/node_modules/glob": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
+      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@npmcli/package-json/node_modules/hosted-git-info": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-8.1.0.tgz",
+      "integrity": "sha512-Rw/B2DNQaPBICNXEm8balFz9a6WpZrkCGpcWFpy7nCj+NyhSdqXipmfvtmWt9xGfp0wZnBxB+iVpLmQMYt47Tw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^10.0.1"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@npmcli/package-json/node_modules/jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "node_modules/@npmcli/package-json/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@npmcli/package-json/node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@npmcli/promise-spawn": {
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-8.0.3.tgz",
+      "integrity": "sha512-Yb00SWaL4F8w+K8YGhQ55+xE4RUNdMHV43WZGsiTM92gS+lC0mGsn7I4hLug7pbao035S6bj3Y3w0cUNGLfmkg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "which": "^5.0.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@npmcli/promise-spawn/node_modules/isexe": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
+      "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/@npmcli/promise-spawn/node_modules/which": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz",
+      "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^3.1.1"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@npmcli/redact": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@npmcli/redact/-/redact-3.2.2.tgz",
+      "integrity": "sha512-7VmYAmk4csGv08QzrDKScdzn11jHPFGyqJW39FyPgPuAp3zIaUmuCo1yxw9aGs+NEJuTGQ9Gwqpt93vtJubucg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@npmcli/run-script": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-9.1.0.tgz",
+      "integrity": "sha512-aoNSbxtkePXUlbZB+anS1LqsJdctG5n3UVhfU47+CDdwMi6uNTBMF9gPcQRnqghQd2FGzcwwIFBruFMxjhBewg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@npmcli/node-gyp": "^4.0.0",
+        "@npmcli/package-json": "^6.0.0",
+        "@npmcli/promise-spawn": "^8.0.0",
+        "node-gyp": "^11.0.0",
+        "proc-log": "^5.0.0",
+        "which": "^5.0.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@npmcli/run-script/node_modules/isexe": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
+      "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/@npmcli/run-script/node_modules/which": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz",
+      "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^3.1.1"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
+      "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^1.0.3",
+        "is-glob": "^4.0.3",
+        "micromatch": "^4.0.5",
+        "node-addon-api": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.1",
+        "@parcel/watcher-darwin-arm64": "2.5.1",
+        "@parcel/watcher-darwin-x64": "2.5.1",
+        "@parcel/watcher-freebsd-x64": "2.5.1",
+        "@parcel/watcher-linux-arm-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm-musl": "2.5.1",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm64-musl": "2.5.1",
+        "@parcel/watcher-linux-x64-glibc": "2.5.1",
+        "@parcel/watcher-linux-x64-musl": "2.5.1",
+        "@parcel/watcher-win32-arm64": "2.5.1",
+        "@parcel/watcher-win32-ia32": "2.5.1",
+        "@parcel/watcher-win32-x64": "2.5.1"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz",
+      "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz",
+      "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz",
+      "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz",
+      "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz",
+      "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz",
+      "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz",
+      "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz",
+      "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz",
+      "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz",
+      "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz",
+      "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz",
+      "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz",
+      "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher/node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/@parcel/watcher/node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@polka/send-type": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@polka/send-type/-/send-type-0.5.2.tgz",
+      "integrity": "sha512-jGXalKihnhGQmMQ+xxfxrRfI2cWs38TIZuwgYpnbQDD4r9TkOiU3ocjAS+6CqqMNQNAu9Ul2iHU5YFRDODak2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@polka/url": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/@polka/url/-/url-0.5.0.tgz",
+      "integrity": "sha512-oZLYFEAzUKyi3SKnXvj32ZCEGH6RDnao7COuCVhDydMS9NrCSVXhM79VaKyP5+Zc33m0QXEd2DN3UkU7OsHcfw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@primeng/themes": {
+      "version": "20.4.0",
+      "resolved": "https://registry.npmjs.org/@primeng/themes/-/themes-20.4.0.tgz",
+      "integrity": "sha512-bh1yIRbCDAo+OLhQ+bm8sgwlZFRphwlR3/GXOdshJVurm5/Up+CWzoRqsZw/Q2RSrq0x3rDNA2pOTIYpcwgXbA==",
+      "dev": true,
+      "license": "SEE LICENSE IN LICENSE.md",
+      "dependencies": {
+        "@primeuix/styled": "^0.7.4",
+        "@primeuix/themes": "^1.2.5"
+      }
+    },
+    "node_modules/@primeuix/styled": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@primeuix/styled/-/styled-0.7.4.tgz",
+      "integrity": "sha512-QSO/NpOQg8e9BONWRBx9y8VGMCMYz0J/uKfNJEya/RGEu7ARx0oYW0ugI1N3/KB1AAvyGxzKBzGImbwg0KUiOQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@primeuix/utils": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=12.11.0"
+      }
+    },
+    "node_modules/@primeuix/styles": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/@primeuix/styles/-/styles-1.2.5.tgz",
+      "integrity": "sha512-nypFRct/oaaBZqP4jinT0puW8ZIfs4u+l/vqUFmJEPU332fl5ePj6DoOpQgTLzo3OfmvSmz5a5/5b4OJJmmi7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@primeuix/styled": "^0.7.3"
+      }
+    },
+    "node_modules/@primeuix/themes": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/@primeuix/themes/-/themes-1.2.5.tgz",
+      "integrity": "sha512-n3YkwJrHQaEESc/D/A/iD815sxp8cKnmzscA6a8Tm8YvMtYU32eCahwLLe6h5rywghVwxASWuG36XBgISYOIjQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@primeuix/styled": "^0.7.3"
+      }
+    },
+    "node_modules/@primeuix/utils": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/@primeuix/utils/-/utils-0.6.3.tgz",
+      "integrity": "sha512-/SLNQSKQ73WbBIsflKVqbpVjCfFYvQO3Sf1LMheXyxh8JqxO4M63dzP56wwm9OPGuCQ6MYOd2AHgZXz+g7PZcg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.11.0"
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.3.tgz",
+      "integrity": "sha512-h6cqHGZ6VdnwliFG1NXvMPTy/9PS3h8oLh7ImwR+kl+oYnQizgjxsONmmPSb2C66RksfkfIxEVtDSEcJiO0tqw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.52.3.tgz",
+      "integrity": "sha512-wd+u7SLT/u6knklV/ifG7gr5Qy4GUbH2hMWcDauPFJzmCZUAJ8L2bTkVXC2niOIxp8lk3iH/QX8kSrUxVZrOVw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.52.3.tgz",
+      "integrity": "sha512-lj9ViATR1SsqycwFkJCtYfQTheBdvlWJqzqxwc9f2qrcVrQaF/gCuBRTiTolkRWS6KvNxSk4KHZWG7tDktLgjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.52.3.tgz",
+      "integrity": "sha512-+Dyo7O1KUmIsbzx1l+4V4tvEVnVQqMOIYtrxK7ncLSknl1xnMHLgn7gddJVrYPNZfEB8CIi3hK8gq8bDhb3h5A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.52.3.tgz",
+      "integrity": "sha512-u9Xg2FavYbD30g3DSfNhxgNrxhi6xVG4Y6i9Ur1C7xUuGDW3banRbXj+qgnIrwRN4KeJ396jchwy9bCIzbyBEQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.52.3.tgz",
+      "integrity": "sha512-5M8kyi/OX96wtD5qJR89a/3x5x8x5inXBZO04JWhkQb2JWavOWfjgkdvUqibGJeNNaz1/Z1PPza5/tAPXICI6A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.52.3.tgz",
+      "integrity": "sha512-IoerZJ4l1wRMopEHRKOO16e04iXRDyZFZnNZKrWeNquh5d6bucjezgd+OxG03mOMTnS1x7hilzb3uURPkJ0OfA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.52.3.tgz",
+      "integrity": "sha512-ZYdtqgHTDfvrJHSh3W22TvjWxwOgc3ThK/XjgcNGP2DIwFIPeAPNsQxrJO5XqleSlgDux2VAoWQ5iJrtaC1TbA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.52.3.tgz",
+      "integrity": "sha512-NcViG7A0YtuFDA6xWSgmFb6iPFzHlf5vcqb2p0lGEbT+gjrEEz8nC/EeDHvx6mnGXnGCC1SeVV+8u+smj0CeGQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.52.3.tgz",
+      "integrity": "sha512-d3pY7LWno6SYNXRm6Ebsq0DJGoiLXTb83AIPCXl9fmtIQs/rXoS8SJxxUNtFbJ5MiOvs+7y34np77+9l4nfFMw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.52.3.tgz",
+      "integrity": "sha512-3y5GA0JkBuirLqmjwAKwB0keDlI6JfGYduMlJD/Rl7fvb4Ni8iKdQs1eiunMZJhwDWdCvrcqXRY++VEBbvk6Eg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.52.3.tgz",
+      "integrity": "sha512-AUUH65a0p3Q0Yfm5oD2KVgzTKgwPyp9DSXc3UA7DtxhEb/WSPfbG4wqXeSN62OG5gSo18em4xv6dbfcUGXcagw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.52.3.tgz",
+      "integrity": "sha512-1makPhFFVBqZE+XFg3Dkq+IkQ7JvmUrwwqaYBL2CE+ZpxPaqkGaiWFEWVGyvTwZace6WLJHwjVh/+CXbKDGPmg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.52.3.tgz",
+      "integrity": "sha512-OOFJa28dxfl8kLOPMUOQBCO6z3X2SAfzIE276fwT52uXDWUS178KWq0pL7d6p1kz7pkzA0yQwtqL0dEPoVcRWg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.52.3.tgz",
+      "integrity": "sha512-jMdsML2VI5l+V7cKfZx3ak+SLlJ8fKvLJ0Eoa4b9/vCUrzXKgoKxvHqvJ/mkWhFiyp88nCkM5S2v6nIwRtPcgg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.52.3.tgz",
+      "integrity": "sha512-tPgGd6bY2M2LJTA1uGq8fkSPK8ZLYjDjY+ZLK9WHncCnfIz29LIXIqUgzCR0hIefzy6Hpbe8Th5WOSwTM8E7LA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.52.3.tgz",
+      "integrity": "sha512-BCFkJjgk+WFzP+tcSMXq77ymAPIxsX9lFJWs+2JzuZTLtksJ2o5hvgTdIcZ5+oKzUDMwI0PfWzRBYAydAHF2Mw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.52.3.tgz",
+      "integrity": "sha512-KTD/EqjZF3yvRaWUJdD1cW+IQBk4fbQaHYJUmP8N4XoKFZilVL8cobFSTDnjTtxWJQ3JYaMgF4nObY/+nYkumA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.52.3.tgz",
+      "integrity": "sha512-+zteHZdoUYLkyYKObGHieibUFLbttX2r+58l27XZauq0tcWYYuKUwY2wjeCN9oK1Um2YgH2ibd6cnX/wFD7DuA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.52.3.tgz",
+      "integrity": "sha512-of1iHkTQSo3kr6dTIRX6t81uj/c/b15HXVsPcEElN5sS859qHrOepM5p9G41Hah+CTqSh2r8Bm56dL2z9UQQ7g==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.52.3.tgz",
+      "integrity": "sha512-s0hybmlHb56mWVZQj8ra9048/WZTPLILKxcvcq+8awSZmyiSUZjjem1AhU3Tf4ZKpYhK4mg36HtHDOe8QJS5PQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.52.3.tgz",
+      "integrity": "sha512-zGIbEVVXVtauFgl3MRwGWEN36P5ZGenHRMgNw88X5wEhEBpq0XrMEZwOn07+ICrwM17XO5xfMZqh0OldCH5VTA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@schematics/angular": {
+      "version": "20.3.13",
+      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-20.3.13.tgz",
+      "integrity": "sha512-ETJ1budKmrkdxojo5QP6TPr6zQZYGxtWWf8NrX1cBIS851zPCmFkKyhSFLZsoksariYF/LP8ljvm8tlcIzt/XA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/core": "20.3.13",
+        "@angular-devkit/schematics": "20.3.13",
+        "jsonc-parser": "3.3.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@sigstore/bundle": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@sigstore/bundle/-/bundle-3.1.0.tgz",
+      "integrity": "sha512-Mm1E3/CmDDCz3nDhFKTuYdB47EdRFRQMOE/EAbiG1MJW77/w1b3P7Qx7JSrVJs8PfwOLOVcKQCHErIwCTyPbag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@sigstore/protobuf-specs": "^0.4.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@sigstore/core": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@sigstore/core/-/core-2.0.0.tgz",
+      "integrity": "sha512-nYxaSb/MtlSI+JWcwTHQxyNmWeWrUXJJ/G4liLrGG7+tS4vAz6LF3xRXqLH6wPIVUoZQel2Fs4ddLx4NCpiIYg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@sigstore/protobuf-specs": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@sigstore/protobuf-specs/-/protobuf-specs-0.4.3.tgz",
+      "integrity": "sha512-fk2zjD9117RL9BjqEwF7fwv7Q/P9yGsMV4MUJZ/DocaQJ6+3pKr+syBq1owU5Q5qGw5CUbXzm+4yJ2JVRDQeSA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@sigstore/sign": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@sigstore/sign/-/sign-3.1.0.tgz",
+      "integrity": "sha512-knzjmaOHOov1Ur7N/z4B1oPqZ0QX5geUfhrVaqVlu+hl0EAoL4o+l0MSULINcD5GCWe3Z0+YJO8ues6vFlW0Yw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@sigstore/bundle": "^3.1.0",
+        "@sigstore/core": "^2.0.0",
+        "@sigstore/protobuf-specs": "^0.4.0",
+        "make-fetch-happen": "^14.0.2",
+        "proc-log": "^5.0.0",
+        "promise-retry": "^2.0.1"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@sigstore/tuf": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@sigstore/tuf/-/tuf-3.1.1.tgz",
+      "integrity": "sha512-eFFvlcBIoGwVkkwmTi/vEQFSva3xs5Ot3WmBcjgjVdiaoelBLQaQ/ZBfhlG0MnG0cmTYScPpk7eDdGDWUcFUmg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@sigstore/protobuf-specs": "^0.4.1",
+        "tuf-js": "^3.0.1"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@sigstore/verify": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@sigstore/verify/-/verify-2.1.1.tgz",
+      "integrity": "sha512-hVJD77oT67aowHxwT4+M6PGOp+E2LtLdTK3+FC0lBO9T7sYwItDMXZ7Z07IDCvR1M717a4axbIWckrW67KMP/w==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@sigstore/bundle": "^3.1.0",
+        "@sigstore/core": "^2.0.0",
+        "@sigstore/protobuf-specs": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@sindresorhus/base62": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/base62/-/base62-1.0.0.tgz",
+      "integrity": "sha512-TeheYy0ILzBEI/CO55CP6zJCSdSWeRtGnHy8U8dWSUH4I68iqTsy7HkMktR4xakThc9jotkPQUXT4ITdbV7cHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@socket.io/component-emitter": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz",
+      "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@storybook/addon-a11y": {
+      "version": "10.1.8",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-10.1.8.tgz",
+      "integrity": "sha512-n1u3qCe/91sVjZxmextqnCwpi22YtvOg8SbqZmu5AH1vY8OfhFsLim0kIXBV/qxqf76sRqaGKa89902egMd9Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "axe-core": "^4.2.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^10.1.8"
+      }
+    },
+    "node_modules/@storybook/addon-docs": {
+      "version": "10.1.8",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-10.1.8.tgz",
+      "integrity": "sha512-7TgWh06+gkvjGuy9eB2rVRQKkX9m16VGd/gz6EysP0MmLNRVfyN9RaybpBDa4bQRAEzgi3tsengQyM3za5aVZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@mdx-js/react": "^3.0.0",
+        "@storybook/csf-plugin": "10.1.8",
+        "@storybook/icons": "^2.0.0",
+        "@storybook/react-dom-shim": "10.1.8",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "ts-dedent": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^10.1.8"
+      }
+    },
+    "node_modules/@storybook/angular": {
+      "version": "10.1.8",
+      "resolved": "https://registry.npmjs.org/@storybook/angular/-/angular-10.1.8.tgz",
+      "integrity": "sha512-zAFm8PzfPwfTRO83M5YC6F9MCeS+y6MBdQPyhvsvzmc/UYcV5bt2sKDJOBuAC1rGBSNBglWVhMNcdbR3AdJzGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/builder-webpack5": "10.1.8",
+        "@storybook/global": "^5.0.0",
+        "telejson": "8.0.0",
+        "ts-dedent": "^2.0.0",
+        "tsconfig-paths-webpack-plugin": "^4.0.1",
+        "webpack": "5"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "@angular-devkit/architect": ">=0.1800.0 < 0.2200.0",
+        "@angular-devkit/build-angular": ">=18.0.0 < 22.0.0",
+        "@angular-devkit/core": ">=18.0.0 < 22.0.0",
+        "@angular/animations": ">=18.0.0 < 22.0.0",
+        "@angular/cli": ">=18.0.0 < 22.0.0",
+        "@angular/common": ">=18.0.0 < 22.0.0",
+        "@angular/compiler": ">=18.0.0 < 22.0.0",
+        "@angular/compiler-cli": ">=18.0.0 < 22.0.0",
+        "@angular/core": ">=18.0.0 < 22.0.0",
+        "@angular/platform-browser": ">=18.0.0 < 22.0.0",
+        "@angular/platform-browser-dynamic": ">=18.0.0 < 22.0.0",
+        "rxjs": "^6.5.3 || ^7.4.0",
+        "storybook": "^10.1.8",
+        "typescript": "^4.9.0 || ^5.0.0",
+        "zone.js": ">=0.14.0"
+      },
+      "peerDependenciesMeta": {
+        "@angular/animations": {
+          "optional": true
+        },
+        "@angular/cli": {
+          "optional": true
+        },
+        "zone.js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/builder-webpack5": {
+      "version": "10.1.8",
+      "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-10.1.8.tgz",
+      "integrity": "sha512-NsRz6taZOGcxdpyMxvIt0fOQtGFacfYhY2xXc4oVMBngSCUBS3yhuST7iqo4vlYWDmWm12g3UU1C3/rA7pvBGg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/core-webpack": "10.1.8",
+        "@vitest/mocker": "3.2.4",
+        "case-sensitive-paths-webpack-plugin": "^2.4.0",
+        "cjs-module-lexer": "^1.2.3",
+        "css-loader": "^7.1.2",
+        "es-module-lexer": "^1.5.0",
+        "fork-ts-checker-webpack-plugin": "^9.1.0",
+        "html-webpack-plugin": "^5.5.0",
+        "magic-string": "^0.30.5",
+        "style-loader": "^4.0.0",
+        "terser-webpack-plugin": "^5.3.14",
+        "ts-dedent": "^2.0.0",
+        "webpack": "5",
+        "webpack-dev-middleware": "^6.1.2",
+        "webpack-hot-middleware": "^2.25.1",
+        "webpack-virtual-modules": "^0.6.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^10.1.8"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/builder-webpack5/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/@storybook/builder-webpack5/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/@storybook/builder-webpack5/node_modules/webpack-dev-middleware": {
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-6.1.3.tgz",
+      "integrity": "sha512-A4ChP0Qj8oGociTs6UdlRUGANIGrCDL3y+pmQMc+dSsraXHCatFpmMey4mYELA+juqwUqwQsUgJJISXl1KWmiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "colorette": "^2.0.10",
+        "memfs": "^3.4.12",
+        "mime-types": "^2.1.31",
+        "range-parser": "^1.2.1",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/core-webpack": {
+      "version": "10.1.8",
+      "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-10.1.8.tgz",
+      "integrity": "sha512-0zQgbOd8QkzjBkImZuiZN8qu196n01iXmfd7Hex+VXnWSEC+4Qva28Z1jWUMWWsurnLW7xKuqgXTqQcm901+MA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ts-dedent": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^10.1.8"
+      }
+    },
+    "node_modules/@storybook/csf-plugin": {
+      "version": "10.1.8",
+      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-10.1.8.tgz",
+      "integrity": "sha512-n4hcgGE9tm0y7OaV/DzbyFWuvyh0BkHRcNiCuN85kKJPcKqxhuBz4SYWSSTeO0kIw2eXQTM8oB/TJ0O+vLjvwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "unplugin": "^2.3.5"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "esbuild": "*",
+        "rollup": "*",
+        "storybook": "^10.1.8",
+        "vite": "*",
+        "webpack": "*"
+      },
+      "peerDependenciesMeta": {
+        "esbuild": {
+          "optional": true
+        },
+        "rollup": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/global": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz",
+      "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@storybook/icons": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@storybook/icons/-/icons-2.0.1.tgz",
+      "integrity": "sha512-/smVjw88yK3CKsiuR71vNgWQ9+NuY2L+e8X7IMrFjexjm6ZR8ULrV2DRkTA61aV6ryefslzHEGDInGpnNeIocg==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@storybook/react-dom-shim": {
+      "version": "10.1.8",
+      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-10.1.8.tgz",
+      "integrity": "sha512-L1XNbPILnAkQcFMqmv+g4bZ0qc5F1NdjZbo4koCxASwWpFbaXFceazNrEURUUxDpo/sqmcxSdAykbjJr9hilSw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "storybook": "^10.1.8"
+      }
+    },
+    "node_modules/@tabler/icons": {
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/@tabler/icons/-/icons-3.35.0.tgz",
+      "integrity": "sha512-yYXe+gJ56xlZFiXwV9zVoe3FWCGuZ/D7/G4ZIlDtGxSx5CGQK110wrnT29gUj52kEZoxqF7oURTk97GQxELOFQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/codecalm"
+      }
+    },
+    "node_modules/@tabler/icons-webfont": {
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/@tabler/icons-webfont/-/icons-webfont-3.35.0.tgz",
+      "integrity": "sha512-PRnv+lgj2Va6S1nTVcZoYDWZPXUaVNromQ9uxn0B1CbBOjqKXAzC/8yLc8XOXD2fH2DWT2XNw1XaNtlNpc0/Tw==",
+      "dev": true,
+      "dependencies": {
+        "@tabler/icons": "3.35.0",
+        "sharp": "^0.33.5"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/codecalm"
+      }
+    },
+    "node_modules/@testing-library/dom": {
+      "version": "10.4.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.1.tgz",
+      "integrity": "sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^5.0.1",
+        "aria-query": "5.3.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.5.0",
+        "picocolors": "1.1.1",
+        "pretty-format": "^27.0.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@testing-library/dom/node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/@testing-library/jest-dom": {
+      "version": "6.9.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.9.1.tgz",
+      "integrity": "sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@adobe/css-tools": "^4.4.0",
+        "aria-query": "^5.0.0",
+        "css.escape": "^1.5.1",
+        "dom-accessibility-api": "^0.6.3",
+        "picocolors": "^1.1.1",
+        "redent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6",
+        "yarn": ">=1"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz",
+      "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@testing-library/user-event": {
+      "version": "14.6.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.6.1.tgz",
+      "integrity": "sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      },
+      "peerDependencies": {
+        "@testing-library/dom": ">=7.21.4"
+      }
+    },
+    "node_modules/@thednp/event-listener": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/@thednp/event-listener/-/event-listener-2.0.10.tgz",
+      "integrity": "sha512-TH7YVKmoKg6GBLqZB+ETXObofcqJ/Tp5ycheolvYZMjLbMpzYf6MmOWTcBtx8+zrhWy8deV0hYkPvDFioDXdVQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16",
+        "pnpm": ">=8.6.0"
+      }
+    },
+    "node_modules/@thednp/position-observer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@thednp/position-observer/-/position-observer-1.1.0.tgz",
+      "integrity": "sha512-WgldP6Dltp2hJkSwp3+IVu05ClK/2IF33iftiQLb7UHcuO6eydjXiIUeOCClgCy3FDCGau2l/LRVg3oOO3Ytcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@thednp/shorty": "^2.0.11"
+      },
+      "engines": {
+        "node": ">=16",
+        "pnpm": ">=8.6.0"
+      }
+    },
+    "node_modules/@thednp/shorty": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/@thednp/shorty/-/shorty-2.0.11.tgz",
+      "integrity": "sha512-D+rLHt1l7c608yCuzXYJ75aDNWeMVbor+m1HO/XibhiWRbCpD8r6TUv3ayJI+feVfCnBNfrH+p6LSDn9l99uBA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16",
+        "pnpm": ">=8.6.0"
+      }
+    },
+    "node_modules/@ts-morph/common": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@ts-morph/common/-/common-0.28.1.tgz",
+      "integrity": "sha512-W74iWf7ILp1ZKNYXY5qbddNaml7e9Sedv5lvU1V8lftlitkc9Pq1A+jlH23ltDgWYeZFFEqGCD1Ies9hqu3O+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimatch": "^10.0.1",
+        "path-browserify": "^1.0.1",
+        "tinyglobby": "^0.2.14"
+      }
+    },
+    "node_modules/@ts-morph/common/node_modules/minimatch": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.1.1.tgz",
+      "integrity": "sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/brace-expansion": "^5.0.0"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@tufjs/canonical-json": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@tufjs/canonical-json/-/canonical-json-2.0.0.tgz",
+      "integrity": "sha512-yVtV8zsdo8qFHe+/3kw81dSLyF7D576A5cCFCi4X7B39tWT7SekaEFUnvnWJHz+9qO7qJTah1JbrDjWKqFtdWA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@tufjs/models": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@tufjs/models/-/models-3.0.1.tgz",
+      "integrity": "sha512-UUYHISyhCU3ZgN8yaear3cGATHb3SMuKHsQ/nVbHXcmnBf+LzQ/cQfhNG+rfaSHgqGKNEm2cOCLVLELStUQ1JA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tufjs/canonical-json": "2.0.0",
+        "minimatch": "^9.0.5"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@types/aria-query": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
+      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@types/body-parser": {
+      "version": "1.19.6",
+      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.6.tgz",
+      "integrity": "sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/connect": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/bonjour": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.13.tgz",
+      "integrity": "sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/chai": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-5.2.3.tgz",
+      "integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/deep-eql": "*",
+        "assertion-error": "^2.0.1"
+      }
+    },
+    "node_modules/@types/connect": {
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
+      "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect-history-api-fallback": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz",
+      "integrity": "sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/express-serve-static-core": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/cors": {
+      "version": "2.8.19",
+      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.19.tgz",
+      "integrity": "sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/deep-eql": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz",
+      "integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/eslint": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz",
+      "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "version": "3.7.7",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
+      "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/express": {
+      "version": "4.17.25",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.25.tgz",
+      "integrity": "sha512-dVd04UKsfpINUnK0yBoYHDF3xu7xVH4BuDotC/xGuycx4CgbP48X/KF/586bcObxT0HENHXEU8Nqtu6NR+eKhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "^4.17.33",
+        "@types/qs": "*",
+        "@types/serve-static": "^1"
+      }
+    },
+    "node_modules/@types/express-serve-static-core": {
+      "version": "4.19.7",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.7.tgz",
+      "integrity": "sha512-FvPtiIf1LfhzsaIXhv/PHan/2FeQBbtBDtfX2QfvPxdUelMDEckK08SM6nqo1MIZY3RUlfA+HV8+hFUSio78qg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
+    "node_modules/@types/hammerjs": {
+      "version": "2.0.46",
+      "resolved": "https://registry.npmjs.org/@types/hammerjs/-/hammerjs-2.0.46.tgz",
+      "integrity": "sha512-ynRvcq6wvqexJ9brDMS4BnBLzmr0e14d6ZJTEShTBWKymQiHwlAyGu0ZPEFI2Fh1U53F7tN9ufClWM5KvqkKOw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@types/html-minifier-terser": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
+      "integrity": "sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/http-errors": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.5.tgz",
+      "integrity": "sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/http-proxy": {
+      "version": "1.17.17",
+      "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.17.tgz",
+      "integrity": "sha512-ED6LB+Z1AVylNTu7hdzuBqOgMnvG/ld6wGCG8wFnAzKX5uyW2K3WD52v0gnLCTK/VLpXtKckgWuyScYK6cSPaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/jasmine": {
+      "version": "5.1.13",
+      "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-5.1.13.tgz",
+      "integrity": "sha512-MYCcDkruFc92LeYZux5BC0dmqo2jk+M5UIZ4/oFnAPCXN9mCcQhLyj7F3/Za7rocVyt5YRr1MmqJqFlvQ9LVcg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/mdx": {
+      "version": "2.0.13",
+      "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.13.tgz",
+      "integrity": "sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/mime": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
+      "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "25.0.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.0.2.tgz",
+      "integrity": "sha512-gWEkeiyYE4vqjON/+Obqcoeffmk0NF15WSBwSs7zwVA2bAbTaE0SJ7P0WNGoJn8uE7fiaV5a7dKYIJriEqOrmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.16.0"
+      }
+    },
+    "node_modules/@types/node-forge": {
+      "version": "1.3.14",
+      "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.14.tgz",
+      "integrity": "sha512-mhVF2BnD4BO+jtOp7z1CdzaK4mbuK0LLQYAvdOLqHTavxFNq4zA1EmYkpnFjP8HOUzedfQkRnp0E2ulSAYSzAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/qs": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.14.0.tgz",
+      "integrity": "sha512-eOunJqu0K1923aExK6y8p6fsihYEn/BYuQ4g0CxAAgFc4b/ZLN4CrsRZ55srTdqoiLzU2B2evC+apEIxprEzkQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/range-parser": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
+      "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.7",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.7.tgz",
+      "integrity": "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/retry": {
+      "version": "0.12.2",
+      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.2.tgz",
+      "integrity": "sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/send": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-1.2.1.tgz",
+      "integrity": "sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/serve-index": {
+      "version": "1.9.4",
+      "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.4.tgz",
+      "integrity": "sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/express": "*"
+      }
+    },
+    "node_modules/@types/serve-static": {
+      "version": "1.15.10",
+      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.10.tgz",
+      "integrity": "sha512-tRs1dB+g8Itk72rlSI2ZrW6vZg0YrLI81iQSTkMmOqnqCaNr/8Ek4VwWcN5vZgCYWbg/JJSGBlUaYGAOP73qBw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-errors": "*",
+        "@types/node": "*",
+        "@types/send": "<1"
+      }
+    },
+    "node_modules/@types/serve-static/node_modules/@types/send": {
+      "version": "0.17.6",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.6.tgz",
+      "integrity": "sha512-Uqt8rPBE8SY0RK8JB1EzVOIZ32uqy8HwdxCnoCOsYrvnswqmFZ/k+9Ikidlk/ImhsdvBsloHbAlewb2IEBV/Og==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/mime": "^1",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/sockjs": {
+      "version": "0.3.36",
+      "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.36.tgz",
+      "integrity": "sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/ws": {
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
+      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.18.0.tgz",
+      "integrity": "sha512-94EQTWZ40mzBc42ATNIBimBEDltSJ9RQHCC8vc/PDbxi4k8dVwUAv4o98dk50M1zB+JGFxp43FP7f8+FP8R6Sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "7.18.0",
+        "@typescript-eslint/type-utils": "7.18.0",
+        "@typescript-eslint/utils": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.3.1",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^7.0.0",
+        "eslint": "^8.56.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/types": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.18.0.tgz",
+      "integrity": "sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/utils": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.18.0.tgz",
+      "integrity": "sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@typescript-eslint/scope-manager": "7.18.0",
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/typescript-estree": "7.18.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ts-api-utils": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz",
+      "integrity": "sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.18.0.tgz",
+      "integrity": "sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "7.18.0",
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/typescript-estree": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/types": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.18.0.tgz",
+      "integrity": "sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.49.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.49.0.tgz",
+      "integrity": "sha512-/wJN0/DKkmRUMXjZUXYZpD1NEQzQAAn9QWfGwo+Ai8gnzqH7tvqS7oNVdTjKqOcPyVIdZdyCMoqN66Ia789e7g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.49.0",
+        "@typescript-eslint/types": "^8.49.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.18.0.tgz",
+      "integrity": "sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager/node_modules/@typescript-eslint/types": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.18.0.tgz",
+      "integrity": "sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.49.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.49.0.tgz",
+      "integrity": "sha512-8prixNi1/6nawsRYxet4YOhnbW+W9FK/bQPxsGB1D3ZrDzbJ5FXw5XmzxZv82X3B+ZccuSxo/X8q9nQ+mFecWA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.18.0.tgz",
+      "integrity": "sha512-XL0FJXuCLaDuX2sYqZUUSOJ2sG5/i1AAze+axqmLnSkNEVMVYLF+cbwlB2w8D1tinFuSikHmFta+P+HOofrLeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "7.18.0",
+        "@typescript-eslint/utils": "7.18.0",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/types": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.18.0.tgz",
+      "integrity": "sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/utils": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.18.0.tgz",
+      "integrity": "sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@typescript-eslint/scope-manager": "7.18.0",
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/typescript-estree": "7.18.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils/node_modules/ts-api-utils": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz",
+      "integrity": "sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.49.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.49.0.tgz",
+      "integrity": "sha512-e9k/fneezorUo6WShlQpMxXh8/8wfyc+biu6tnAqA81oWrEic0k21RHzP9uqqpyBBeBKu4T+Bsjy9/b8u7obXQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.18.0.tgz",
+      "integrity": "sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/@typescript-eslint/types": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.18.0.tgz",
+      "integrity": "sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/ts-api-utils": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz",
+      "integrity": "sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.49.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.49.0.tgz",
+      "integrity": "sha512-N3W7rJw7Rw+z1tRsHZbK395TWSYvufBXumYtEGzypgMUthlg0/hmCImeA8hgO2d2G4pd7ftpxxul2J8OdtdaFA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.7.0",
+        "@typescript-eslint/scope-manager": "8.49.0",
+        "@typescript-eslint/types": "8.49.0",
+        "@typescript-eslint/typescript-estree": "8.49.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.49.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.49.0.tgz",
+      "integrity": "sha512-npgS3zi+/30KSOkXNs0LQXtsg9ekZ8OISAOLGWA/ZOEn0ZH74Ginfl7foziV8DT+D98WfQ5Kopwqb/PZOaIJGg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.49.0",
+        "@typescript-eslint/visitor-keys": "8.49.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.49.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.49.0.tgz",
+      "integrity": "sha512-jrLdRuAbPfPIdYNppHJ/D0wN+wwNfJ32YTAm10eJVsFmrVpXQnDWBn8niCSMlWjvml8jsce5E/O+86IQtTbJWA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.49.0",
+        "@typescript-eslint/tsconfig-utils": "8.49.0",
+        "@typescript-eslint/types": "8.49.0",
+        "@typescript-eslint/visitor-keys": "8.49.0",
+        "debug": "^4.3.4",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.49.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.49.0.tgz",
+      "integrity": "sha512-LlKaciDe3GmZFphXIc79THF/YYBugZ7FS1pO581E/edlVVNbZKDy93evqmrfQ9/Y4uN0vVhX4iuchq26mK/iiA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.49.0",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.18.0.tgz",
+      "integrity": "sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "7.18.0",
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/@typescript-eslint/types": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.18.0.tgz",
+      "integrity": "sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@vitejs/plugin-basic-ssl": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-2.1.0.tgz",
+      "integrity": "sha512-dOxxrhgyDIEUADhb/8OlV9JIqYLgos03YorAueTIeOUskLJSEsfwCByjbu98ctXitUN3znXKp0bYD/WHSudCeA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^6.0.0 || ^7.0.0"
+      }
+    },
+    "node_modules/@vitest/expect": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.2.4.tgz",
+      "integrity": "sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/chai": "^5.2.2",
+        "@vitest/spy": "3.2.4",
+        "@vitest/utils": "3.2.4",
+        "chai": "^5.2.0",
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/mocker": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-3.2.4.tgz",
+      "integrity": "sha512-46ryTE9RZO/rfDd7pEqFl7etuyzekzEhUbTW3BvmeO/BcCMEgq59BKhek3dXDWgAj4oMK6OZi+vRr1wPW6qjEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/spy": "3.2.4",
+        "estree-walker": "^3.0.3",
+        "magic-string": "^0.30.17"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "msw": "^2.4.9",
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "msw": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vitest/pretty-format": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.2.4.tgz",
+      "integrity": "sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/spy": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.2.4.tgz",
+      "integrity": "sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyspy": "^4.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/utils": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.2.4.tgz",
+      "integrity": "sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "3.2.4",
+        "loupe": "^3.1.4",
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
+      "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
+      "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
+      "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
+      "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
+      "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.13.2",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
+      "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
+      "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/wasm-gen": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz",
+      "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz",
+      "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
+      "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz",
+      "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/helper-wasm-section": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-opt": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1",
+        "@webassemblyjs/wast-printer": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz",
+      "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz",
+      "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz",
+      "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz",
+      "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/@yarnpkg/lockfile": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz",
+      "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/abbrev": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-3.0.1.tgz",
+      "integrity": "sha512-AO2ac6pjRB3SJmGJo+v5/aK6Omggp6fsLrs6wN9bd35ulu4cCwaAU9+7ZhXjeqHVkaHThLuzH0nZr0YpCDhygg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
+      "integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "^3.0.0",
+        "negotiator": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-import-phases": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/acorn-import-phases/-/acorn-import-phases-1.0.4.tgz",
+      "integrity": "sha512-wKmbr/DDiIXzEOiWrTTUcDm24kQ2vGfZQvM2fwg2vXqR5uW6aapr7ObPtj1th32b9u90/Pf4AItvdTh42fBmVQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "peerDependencies": {
+        "acorn": "^8.14.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/adjust-sourcemap-loader": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz",
+      "integrity": "sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loader-utils": "^2.0.0",
+        "regex-parser": "^2.2.11"
+      },
+      "engines": {
+        "node": ">=8.9"
+      }
+    },
+    "node_modules/adjust-sourcemap-loader/node_modules/loader-utils": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
+      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^2.1.2"
+      },
+      "engines": {
+        "node": ">=8.9.0"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
+      "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/algoliasearch": {
+      "version": "5.35.0",
+      "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-5.35.0.tgz",
+      "integrity": "sha512-Y+moNhsqgLmvJdgTsO4GZNgsaDWv8AOGAaPeIeHKlDn/XunoAqYbA+XNpBd1dW8GOXAUDyxC9Rxc7AV4kpFcIg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/abtesting": "1.1.0",
+        "@algolia/client-abtesting": "5.35.0",
+        "@algolia/client-analytics": "5.35.0",
+        "@algolia/client-common": "5.35.0",
+        "@algolia/client-insights": "5.35.0",
+        "@algolia/client-personalization": "5.35.0",
+        "@algolia/client-query-suggestions": "5.35.0",
+        "@algolia/client-search": "5.35.0",
+        "@algolia/ingestion": "1.35.0",
+        "@algolia/monitoring": "1.35.0",
+        "@algolia/recommend": "5.35.0",
+        "@algolia/requester-browser-xhr": "5.35.0",
+        "@algolia/requester-fetch": "5.35.0",
+        "@algolia/requester-node-http": "5.35.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/ansi-colors": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
+      "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ansi-escapes": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.2.0.tgz",
+      "integrity": "sha512-g6LhBsl+GBPRWGWsBtutpzBYuIIdBkLEvad5C/va/74Db018+5TZiyA26cZJAr3Rft5lprVqOIPxf5Vid6tqAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "environment": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-html-community": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz",
+      "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==",
+      "dev": true,
+      "engines": [
+        "node >= 0.8.0"
+      ],
+      "license": "Apache-2.0",
+      "bin": {
+        "ansi-html": "bin/ansi-html"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/anymatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/apache-crypt": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/apache-crypt/-/apache-crypt-1.2.6.tgz",
+      "integrity": "sha512-072WetlM4blL8PREJVeY+WHiUh1R5VNt2HfceGS8aKqttPHcmqE5pkKuXPz/ULmJOFkc8Hw3kfKl6vy7Qka6DA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "unix-crypt-td-js": "^1.1.4"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/apache-md5": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/apache-md5/-/apache-md5-1.1.8.tgz",
+      "integrity": "sha512-FCAJojipPn0bXjuEpjOOOMN8FZDkxfWWp4JGN9mifU2IhxvKyXZYqpzPHdnTSUpmPDy+tsslB6Z1g+Vg6nVbYA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/are-docs-informative": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/are-docs-informative/-/are-docs-informative-0.0.2.tgz",
+      "integrity": "sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/arr-diff": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-2.0.0.tgz",
+      "integrity": "sha512-dtXTVMkh6VkEEA7OhXnN1Ecb8aAGFdZ1LFxtOCoqj4qkyOJMt7+qs6Ahdy6p/NQCPYsRSXXivhSB/J5E9jmYKA==",
+      "license": "MIT",
+      "dependencies": {
+        "arr-flatten": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/arr-flatten": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz",
+      "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/arr-union": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz",
+      "integrity": "sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
+      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "get-intrinsic": "^1.3.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/array-unique": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.2.1.tgz",
+      "integrity": "sha512-G2n5bG5fSUCpnsXz4+8FUkYsGPkNfLn9YvS66U5qbTIXI2Ynnlo4Bi42bWv+omKUCqz+ejzfClwne0alJWJPhg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz",
+      "integrity": "sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-shim-unscopables": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/assertion-error": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
+      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/assign-symbols": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
+      "integrity": "sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ast-types": {
+      "version": "0.16.1",
+      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.16.1.tgz",
+      "integrity": "sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/async-each": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.6.tgz",
+      "integrity": "sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://paulmillr.com/funding/"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/atob": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
+      "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
+      "license": "(MIT OR Apache-2.0)",
+      "bin": {
+        "atob": "bin/atob.js"
+      },
+      "engines": {
+        "node": ">= 4.5.0"
+      }
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.22",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.22.tgz",
+      "integrity": "sha512-ARe0v/t9gO28Bznv6GgqARmVqcWOV3mfgUPn9becPHMiD3o9BwlRgaeccZnwTpZ7Zwqrm+c1sUSsMxIzQzc8Xg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.27.0",
+        "caniuse-lite": "^1.0.30001754",
+        "fraction.js": "^5.3.4",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.11.0",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.11.0.tgz",
+      "integrity": "sha512-ilYanEU8vxxBexpJd8cWM4ElSQq4QctCLKih0TSfjIfCQTeyH/6zVrmIJfLPrKTKJRbiG+cfnZbQIjAlJmF1jQ==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/babel-loader": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-10.0.0.tgz",
+      "integrity": "sha512-z8jt+EdS61AMw22nSfoNJAZ0vrtmhPRVi6ghL3rCeRZI8cdNYFiV5xeV3HbE7rlZZNmGH8BVccwWt8/ED0QOHA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "find-up": "^5.0.0"
+      },
+      "engines": {
+        "node": "^18.20.0 || ^20.10.0 || >=22.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0",
+        "webpack": ">=5.61.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs2": {
+      "version": "0.4.14",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.14.tgz",
+      "integrity": "sha512-Co2Y9wX854ts6U8gAAPXfn0GmAyctHuK8n0Yhfjd6t30g7yvKjspvvOo9yG+z52PZRgFErt7Ka2pYnXCjLKEpg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.27.7",
+        "@babel/helper-define-polyfill-provider": "^0.6.5",
+        "semver": "^6.3.1"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs2/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs3": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.13.0.tgz",
+      "integrity": "sha512-U+GNwMdSFgzVmfhNm8GJUX88AadB3uo9KpJqS3FaqNIPKgySuvMb+bHPsOmmuWyIcuqZj/pzt1RUIUZns4y2+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.6.5",
+        "core-js-compat": "^3.43.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-regenerator": {
+      "version": "0.6.5",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.5.tgz",
+      "integrity": "sha512-ISqQ2frbiNU9vIJkzg7dlPpznPZ4jOiUQ1uSmB0fEHeowtN3COYRsXr/xexn64NpU13P06jc/L5TgiJXOgrbEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.6.5"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-runtime": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
+      "integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
+      "license": "MIT",
+      "dependencies": {
+        "core-js": "^2.4.0",
+        "regenerator-runtime": "^0.11.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "license": "MIT"
+    },
+    "node_modules/base": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz",
+      "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==",
+      "license": "MIT",
+      "dependencies": {
+        "cache-base": "^1.0.1",
+        "class-utils": "^0.3.5",
+        "component-emitter": "^1.2.1",
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.1",
+        "mixin-deep": "^1.2.0",
+        "pascalcase": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base/node_modules/component-emitter": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.1.tgz",
+      "integrity": "sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/base/node_modules/define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+      "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-descriptor": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base64id": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz",
+      "integrity": "sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^4.5.0 || >= 5.9"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.9.7",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.7.tgz",
+      "integrity": "sha512-k9xFKplee6KIio3IDbwj+uaCLpqzOwakOgmqzPezM0sFJlFKcg30vk2wOiAJtkTSfx0SSQDSe8q+mWA/fSH5Zg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
+    "node_modules/basic-auth": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
+      "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/batch": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
+      "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/bcryptjs": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-2.4.3.tgz",
+      "integrity": "sha512-V/Hy/X9Vt7f3BbPJEi8BdVFMByHi+jNXrYkW3huaybV/kQ0KJg0Y6PkEMbn+zeT+i+SiKZ/HMqJGIIt4LZDqNQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/beasties": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/beasties/-/beasties-0.3.5.tgz",
+      "integrity": "sha512-NaWu+f4YrJxEttJSm16AzMIFtVldCvaJ68b1L098KpqXmxt9xOLtKoLkKxb8ekhOrLqEJAbvT6n6SEvB/sac7A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "css-select": "^6.0.0",
+        "css-what": "^7.0.0",
+        "dom-serializer": "^2.0.0",
+        "domhandler": "^5.0.3",
+        "htmlparser2": "^10.0.0",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.49",
+        "postcss-media-query-parser": "^0.2.3"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/big.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
+    "node_modules/body-parser": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.1.tgz",
+      "integrity": "sha512-nfDwkulwiZYQIGwxdy0RUmowMhKcFVcYXUU7m4QlKYim1rUtg83xm2yjZ40QjDuc291AJjjeSc9b++AWHSgSHw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "^3.1.2",
+        "content-type": "^1.0.5",
+        "debug": "^4.4.3",
+        "http-errors": "^2.0.0",
+        "iconv-lite": "^0.7.0",
+        "on-finished": "^2.4.1",
+        "qs": "^6.14.0",
+        "raw-body": "^3.0.1",
+        "type-is": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/bonjour-service": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.3.0.tgz",
+      "integrity": "sha512-3YuAUiSkWykd+2Azjgyxei8OWf8thdn8AITIog2M4UICzoqfjlqr64WIjEXZllf/W6vK1goqleSR6brGomxQqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "multicast-dns": "^7.2.5"
+      }
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/bootstrap.native": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/bootstrap.native/-/bootstrap.native-5.1.6.tgz",
+      "integrity": "sha512-bLveDBWhNLoFLsPctVo6yxSRQ1ysmKHBa+1FFMTQuruzTb3y7/InGSoe5lZdOiqZ4L0UOzpdbXMsI+bA5DoRew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@thednp/event-listener": "^2.0.10",
+        "@thednp/position-observer": "^1.1.0",
+        "@thednp/shorty": "^2.0.11"
+      },
+      "engines": {
+        "node": ">=16",
+        "pnpm": ">=8.6.0"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
+      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.9.0",
+        "caniuse-lite": "^1.0.30001759",
+        "electron-to-chromium": "^1.5.263",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.2.0"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/bundle-name": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bundle-name/-/bundle-name-4.1.0.tgz",
+      "integrity": "sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "run-applescript": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/cacache": {
+      "version": "19.0.1",
+      "resolved": "https://registry.npmjs.org/cacache/-/cacache-19.0.1.tgz",
+      "integrity": "sha512-hdsUxulXCi5STId78vRVYEtDAjq99ICAUktLTeTYsLoTE6Z8dS0c8pWNCxwdrk9YfJeobDZc2Y186hD/5ZQgFQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@npmcli/fs": "^4.0.0",
+        "fs-minipass": "^3.0.0",
+        "glob": "^10.2.2",
+        "lru-cache": "^10.0.1",
+        "minipass": "^7.0.3",
+        "minipass-collect": "^2.0.1",
+        "minipass-flush": "^1.0.5",
+        "minipass-pipeline": "^1.2.4",
+        "p-map": "^7.0.2",
+        "ssri": "^12.0.0",
+        "tar": "^7.4.3",
+        "unique-filename": "^4.0.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/cacache/node_modules/chownr": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
+      "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/cacache/node_modules/glob": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
+      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/cacache/node_modules/jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "node_modules/cacache/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/cacache/node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/cacache/node_modules/tar": {
+      "version": "7.5.2",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.2.tgz",
+      "integrity": "sha512-7NyxrTE4Anh8km8iEy7o0QYPs+0JKBTj5ZaqHg6B39erLg0qYXN3BijtShwbsNSvQ+LN75+KV+C4QR/f6Gwnpg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/fs-minipass": "^4.0.0",
+        "chownr": "^3.0.0",
+        "minipass": "^7.1.2",
+        "minizlib": "^3.1.0",
+        "yallist": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/cacache/node_modules/yallist": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
+      "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/cache-base": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz",
+      "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "collection-visit": "^1.0.0",
+        "component-emitter": "^1.2.1",
+        "get-value": "^2.0.6",
+        "has-value": "^1.0.0",
+        "isobject": "^3.0.1",
+        "set-value": "^2.0.0",
+        "to-object-path": "^0.3.0",
+        "union-value": "^1.0.0",
+        "unset-value": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cache-base/node_modules/component-emitter": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.1.tgz",
+      "integrity": "sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsite": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/callsite/-/callsite-1.0.0.tgz",
+      "integrity": "sha512-0vdNRFXn5q+dtOqjfFtmtlI9N2eVZ7LMyEV2iKC5mEEFvSg/69Ml6b/WU2qF8W1nLRa0wiSrDT3Y5jOHZCwKPQ==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camel-case": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
+      "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pascal-case": "^3.1.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001760",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001760.tgz",
+      "integrity": "sha512-7AAMPcueWELt1p3mi13HR/LHH0TJLT11cnwDJEs3xA4+CK/PLKeO9Kl1oru24htkyUKtkGCvAx4ohB0Ttry8Dw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/case-sensitive-paths-webpack-plugin": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz",
+      "integrity": "sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chai": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-5.3.3.tgz",
+      "integrity": "sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assertion-error": "^2.0.1",
+        "check-error": "^2.1.1",
+        "deep-eql": "^5.0.1",
+        "loupe": "^3.1.0",
+        "pathval": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chardet": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/chardet/-/chardet-2.1.1.tgz",
+      "integrity": "sha512-PsezH1rqdV9VvyNhxxOW32/d75r01NY7TQCmOqomRo15ZSOKbpTFVsfjghxo6JloQUCGnH4k1LGu0R4yCLlWQQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/check-error": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.1.tgz",
+      "integrity": "sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      }
+    },
+    "node_modules/cheerio": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.1.2.tgz",
+      "integrity": "sha512-IkxPpb5rS/d1IiLbHMgfPuS0FgiWTtFIm/Nj+2woXDLTZ7fOT2eqzgYbdMlLweqlHbsZjxEChoVK+7iph7jyQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cheerio-select": "^2.1.0",
+        "dom-serializer": "^2.0.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.2.2",
+        "encoding-sniffer": "^0.2.1",
+        "htmlparser2": "^10.0.0",
+        "parse5": "^7.3.0",
+        "parse5-htmlparser2-tree-adapter": "^7.1.0",
+        "parse5-parser-stream": "^7.1.2",
+        "undici": "^7.12.0",
+        "whatwg-mimetype": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=20.18.1"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/cheerio?sponsor=1"
+      }
+    },
+    "node_modules/cheerio-select": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cheerio-select/-/cheerio-select-2.1.0.tgz",
+      "integrity": "sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-select": "^5.1.0",
+        "css-what": "^6.1.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cheerio-select/node_modules/css-select": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz",
+      "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cheerio-select/node_modules/css-what": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz",
+      "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cheerio/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/cheerio/node_modules/parse5": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/chownr": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
+      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz",
+      "integrity": "sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/cjs-module-lexer": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.4.3.tgz",
+      "integrity": "sha512-9z8TZaGM1pfswYeXrUpzPrkx8UnWYdhJclsiYMm6x/w5+nN+8Tf/LnAgfLGQCm59qAOxU8WwHEq2vNwF6i4j+Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/class-utils": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
+      "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==",
+      "license": "MIT",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "define-property": "^0.2.5",
+        "isobject": "^3.0.0",
+        "static-extend": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/class-utils/node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/class-utils/node_modules/is-descriptor": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/clean-css": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.3.tgz",
+      "integrity": "sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "source-map": "~0.6.0"
+      },
+      "engines": {
+        "node": ">= 10.0"
+      }
+    },
+    "node_modules/clean-css/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cli-cursor": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-5.0.0.tgz",
+      "integrity": "sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "restore-cursor": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-spinners": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz",
+      "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-4.0.0.tgz",
+      "integrity": "sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "slice-ansi": "^5.0.0",
+        "string-width": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cli-truncate/node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/strip-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/cli-width": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-4.1.0.tgz",
+      "integrity": "sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz",
+      "integrity": "sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^7.2.0",
+        "strip-ansi": "^7.1.0",
+        "wrap-ansi": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/cliui/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/cliui/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/cliui/node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cliui/node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cliui/node_modules/strip-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/cliui/node_modules/wrap-ansi": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
+      "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/clone-deep": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
+      "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-plain-object": "^2.0.4",
+        "kind-of": "^6.0.2",
+        "shallow-clone": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/clone-deep/node_modules/is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/code-block-writer": {
+      "version": "13.0.3",
+      "resolved": "https://registry.npmjs.org/code-block-writer/-/code-block-writer-13.0.3.tgz",
+      "integrity": "sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/collection-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
+      "integrity": "sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==",
+      "license": "MIT",
+      "dependencies": {
+        "map-visit": "^1.0.0",
+        "object-visit": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/color": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1",
+        "color-string": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=12.5.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "node_modules/color-support": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
+      "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "color-support": "bin.js"
+      }
+    },
+    "node_modules/colorette": {
+      "version": "2.0.20",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
+      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/colors": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
+      "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.1.90"
+      }
+    },
+    "node_modules/commander": {
+      "version": "14.0.2",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.2.tgz",
+      "integrity": "sha512-TywoWNNRbhoD0BXs1P3ZEScW8W5iKrnbithIl0YH+uCmBd0QpPOA8yc82DS3BIE5Ma6FnBVUsJ7wVUDz4dvOWQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/comment-parser": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/comment-parser/-/comment-parser-1.4.1.tgz",
+      "integrity": "sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12.0.0"
+      }
+    },
+    "node_modules/component-emitter": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-2.0.0.tgz",
+      "integrity": "sha512-4m5s3Me2xxlVKG9PkZpQqHQR7bgpnN7joDMJ4yvVkVXngjoITG76IaZmzmywSeRTeTpc6N6r3H3+KyUurV8OYw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": ">= 1.43.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/compression": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.8.1.tgz",
+      "integrity": "sha512-9mAqGPHLakhCLeNyxPkK4xVo746zQ/czLH1Ky+vkitMnWfWZps8r0qXuwhwizagCRttsL4lfG4pIOvaWLpAP0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "compressible": "~2.0.18",
+        "debug": "2.6.9",
+        "negotiator": "~0.6.4",
+        "on-headers": "~1.1.0",
+        "safe-buffer": "5.2.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/compression/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/compression/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/compression/node_modules/negotiator": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz",
+      "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/compression/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "license": "MIT"
+    },
+    "node_modules/connect": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/connect/-/connect-3.7.0.tgz",
+      "integrity": "sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "finalhandler": "1.1.2",
+        "parseurl": "~1.3.3",
+        "utils-merge": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/connect-history-api-fallback": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz",
+      "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/connect/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/connect/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/content-disposition": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.0.1.tgz",
+      "integrity": "sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.2.2.tgz",
+      "integrity": "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.6.0"
+      }
+    },
+    "node_modules/copy-anything": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
+      "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-what": "^3.14.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
+    "node_modules/copy-descriptor": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz",
+      "integrity": "sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/copy-webpack-plugin": {
+      "version": "13.0.1",
+      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-13.0.1.tgz",
+      "integrity": "sha512-J+YV3WfhY6W/Xf9h+J1znYuqTye2xkBUIGyTPWuBAT27qajBa5mR4f8WBmfDY3YjRftT2kqZZiLi1qf0H+UOFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "glob-parent": "^6.0.1",
+        "normalize-path": "^3.0.0",
+        "schema-utils": "^4.2.0",
+        "serialize-javascript": "^6.0.2",
+        "tinyglobby": "^0.2.12"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      }
+    },
+    "node_modules/core-js": {
+      "version": "2.6.12",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
+      "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
+      "deprecated": "core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.",
+      "hasInstallScript": true,
+      "license": "MIT"
+    },
+    "node_modules/core-js-compat": {
+      "version": "3.47.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.47.0.tgz",
+      "integrity": "sha512-IGfuznZ/n7Kp9+nypamBhvwdwLsW6KC8IOaURw2doAK5e98AG3acVLdh0woOnEqCfUtS+Vu882JE4k/DAm3ItQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.28.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "license": "MIT"
+    },
+    "node_modules/cors": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/cosmiconfig": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
+      "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "env-paths": "^2.2.1",
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/cpx": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/cpx/-/cpx-1.5.0.tgz",
+      "integrity": "sha512-jHTjZhsbg9xWgsP2vuNW2jnnzBX+p4T+vNI9Lbjzs1n4KhOfa22bQppiFYLsWQKd8TzmL5aSP/Me3yfsCwXbDA==",
+      "license": "MIT",
+      "dependencies": {
+        "babel-runtime": "^6.9.2",
+        "chokidar": "^1.6.0",
+        "duplexer": "^0.1.1",
+        "glob": "^7.0.5",
+        "glob2base": "^0.0.12",
+        "minimatch": "^3.0.2",
+        "mkdirp": "^0.5.1",
+        "resolve": "^1.1.7",
+        "safe-buffer": "^5.0.1",
+        "shell-quote": "^1.6.1",
+        "subarg": "^1.0.0"
+      },
+      "bin": {
+        "cpx": "bin/index.js"
+      }
+    },
+    "node_modules/cpx/node_modules/anymatch": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-1.3.2.tgz",
+      "integrity": "sha512-0XNayC8lTHQ2OI8aljNCN3sSx6hsr/1+rlcDAotXJR7C1oZZHCNsfpbKwMjRA3Uqb5tF1Rae2oloTr4xpq+WjA==",
+      "license": "ISC",
+      "dependencies": {
+        "micromatch": "^2.1.5",
+        "normalize-path": "^2.0.0"
+      }
+    },
+    "node_modules/cpx/node_modules/binary-extensions": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz",
+      "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/cpx/node_modules/braces": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-1.8.5.tgz",
+      "integrity": "sha512-xU7bpz2ytJl1bH9cgIurjpg/n8Gohy9GTw81heDYLJQ4RU60dlyJsa+atVF2pI0yMMvKxI9HkKwjePCj5XI1hw==",
+      "license": "MIT",
+      "dependencies": {
+        "expand-range": "^1.8.1",
+        "preserve": "^0.2.0",
+        "repeat-element": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/chokidar": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-1.7.0.tgz",
+      "integrity": "sha512-mk8fAWcRUOxY7btlLtitj3A45jOwSAxH4tOFOoEGbVsl6cL6pPMWUy7dwZ/canfj3QEdP6FHSnf/l1c6/WkzVg==",
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "^1.3.0",
+        "async-each": "^1.0.0",
+        "glob-parent": "^2.0.0",
+        "inherits": "^2.0.1",
+        "is-binary-path": "^1.0.0",
+        "is-glob": "^2.0.0",
+        "path-is-absolute": "^1.0.0",
+        "readdirp": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "^1.0.0"
+      }
+    },
+    "node_modules/cpx/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/cpx/node_modules/fill-range": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+      "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==",
+      "license": "MIT",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-number": "^3.0.0",
+        "repeat-string": "^1.6.1",
+        "to-regex-range": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/fill-range/node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/fsevents": {
+      "version": "1.2.13",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
+      "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
+      "deprecated": "Upgrade to fsevents v2 to mitigate potential security issues",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "dependencies": {
+        "bindings": "^1.5.0",
+        "nan": "^2.12.1"
+      },
+      "engines": {
+        "node": ">= 4.0"
+      }
+    },
+    "node_modules/cpx/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/cpx/node_modules/glob-parent": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz",
+      "integrity": "sha512-JDYOvfxio/t42HKdxkAYaCiBN7oYiuxykOxKxdaUW5Qn0zaYN3gRQWolrwdnf0shM9/EP0ebuuTmyoXNr1cC5w==",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^2.0.0"
+      }
+    },
+    "node_modules/cpx/node_modules/is-binary-path": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
+      "integrity": "sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/is-extglob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+      "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/is-glob": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+      "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/is-number": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+      "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+      "license": "MIT",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT"
+    },
+    "node_modules/cpx/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/micromatch": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-2.3.11.tgz",
+      "integrity": "sha512-LnU2XFEk9xxSJ6rfgAry/ty5qwUTyHYOBU0g4R6tIw5ljwgGIBmiKhRWLw5NpMOnrgUNcDJ4WMp8rl3sYVHLNA==",
+      "license": "MIT",
+      "dependencies": {
+        "arr-diff": "^2.0.0",
+        "array-unique": "^0.2.1",
+        "braces": "^1.8.2",
+        "expand-brackets": "^0.1.4",
+        "extglob": "^0.3.1",
+        "filename-regex": "^2.0.0",
+        "is-extglob": "^1.0.0",
+        "is-glob": "^2.0.1",
+        "kind-of": "^3.0.2",
+        "normalize-path": "^2.0.1",
+        "object.omit": "^2.0.0",
+        "parse-glob": "^3.0.4",
+        "regex-cache": "^0.4.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/cpx/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/cpx/node_modules/normalize-path": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+      "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+      "license": "MIT",
+      "dependencies": {
+        "remove-trailing-separator": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/cpx/node_modules/readdirp": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz",
+      "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.1.11",
+        "micromatch": "^3.1.10",
+        "readable-stream": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/cpx/node_modules/readdirp/node_modules/arr-diff": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+      "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/readdirp/node_modules/array-unique": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+      "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/readdirp/node_modules/braces": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+      "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+      "license": "MIT",
+      "dependencies": {
+        "arr-flatten": "^1.1.0",
+        "array-unique": "^0.3.2",
+        "extend-shallow": "^2.0.1",
+        "fill-range": "^4.0.0",
+        "isobject": "^3.0.1",
+        "repeat-element": "^1.1.2",
+        "snapdragon": "^0.8.1",
+        "snapdragon-node": "^2.0.1",
+        "split-string": "^3.0.2",
+        "to-regex": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/readdirp/node_modules/braces/node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/readdirp/node_modules/expand-brackets": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+      "integrity": "sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^2.3.3",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "posix-character-classes": "^0.1.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/readdirp/node_modules/expand-brackets/node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/readdirp/node_modules/expand-brackets/node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/readdirp/node_modules/expand-brackets/node_modules/is-descriptor": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/cpx/node_modules/readdirp/node_modules/extglob": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+      "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+      "license": "MIT",
+      "dependencies": {
+        "array-unique": "^0.3.2",
+        "define-property": "^1.0.0",
+        "expand-brackets": "^2.1.4",
+        "extend-shallow": "^2.0.1",
+        "fragment-cache": "^0.2.1",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/readdirp/node_modules/extglob/node_modules/define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+      "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-descriptor": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/readdirp/node_modules/extglob/node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/readdirp/node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/readdirp/node_modules/micromatch": {
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+      "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+      "license": "MIT",
+      "dependencies": {
+        "arr-diff": "^4.0.0",
+        "array-unique": "^0.3.2",
+        "braces": "^2.3.1",
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "extglob": "^2.0.4",
+        "fragment-cache": "^0.2.1",
+        "kind-of": "^6.0.2",
+        "nanomatch": "^1.2.9",
+        "object.pick": "^1.3.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cpx/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/cpx/node_modules/to-regex-range": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+      "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^3.0.0",
+        "repeat-string": "^1.6.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/css-loader": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-7.1.2.tgz",
+      "integrity": "sha512-6WvYYn7l/XEGN8Xu2vWFt9nVzrCn39vKyTEFf/ExEyoksJjjSZV/0/35XPlMbpnr6VGhZIUg5yJrL8tGfes/FA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "icss-utils": "^5.1.0",
+        "postcss": "^8.4.33",
+        "postcss-modules-extract-imports": "^3.1.0",
+        "postcss-modules-local-by-default": "^4.0.5",
+        "postcss-modules-scope": "^3.2.0",
+        "postcss-modules-values": "^4.0.0",
+        "postcss-value-parser": "^4.2.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "@rspack/core": "0.x || 1.x",
+        "webpack": "^5.27.0"
+      },
+      "peerDependenciesMeta": {
+        "@rspack/core": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/css-select": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-6.0.0.tgz",
+      "integrity": "sha512-rZZVSLle8v0+EY8QAkDWrKhpgt6SA5OtHsgBnsj6ZaLb5dmDVOWUDtQitd9ydxxvEjhewNudS6eTVU7uOyzvXw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^7.0.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.2.2",
+        "nth-check": "^2.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-7.0.0.tgz",
+      "integrity": "sha512-wD5oz5xibMOPHzy13CyGmogB3phdvcDaB5t0W/Nr5Z2O/agcB8YwOz6e2Lsp10pNDzBoDO9nVa3RGs/2BttpHQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css.escape": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
+      "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/custom-event": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/custom-event/-/custom-event-1.0.1.tgz",
+      "integrity": "sha512-GAj5FOq0Hd+RsCGVJxZuKaIDXDf3h6GQoNEjFgbLLI/trgtavwUbSnZ5pVfg27DVCaWjIohryS0JFwIJyT2cMg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/date-format": {
+      "version": "4.0.14",
+      "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.14.tgz",
+      "integrity": "sha512-39BOQLs9ZjKh0/patS9nrT8wc3ioX3/eA/zgbKNopnF2wCqJEoxywwwElATYvRsXdnOxA/OQeQoFZ3rFjVajhg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decache": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/decache/-/decache-4.6.2.tgz",
+      "integrity": "sha512-2LPqkLeu8XWHU8qNCS3kcF6sCcb5zIzvWaAHYSvPfwhdd7mHuah29NssMzrTYyHN4F5oFy2ko9OBYxegtU0FEw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsite": "^1.0.0"
+      }
+    },
+    "node_modules/decode-uri-component": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
+      "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/deep-eql": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
+      "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/default-browser": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.4.0.tgz",
+      "integrity": "sha512-XDuvSq38Hr1MdN47EDvYtx3U0MTqpCEn+F6ft8z2vYDzMrvQhVp0ui9oQdqW3MvK3vqUETglt1tVGgjLuJ5izg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bundle-name": "^4.1.0",
+        "default-browser-id": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/default-browser-id": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-5.0.1.tgz",
+      "integrity": "sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-lazy-prop": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
+      "integrity": "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-property": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+      "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-descriptor": "^1.0.2",
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/detect-node": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
+      "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/di": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/di/-/di-0.0.1.tgz",
+      "integrity": "sha512-uJaamHkagcZtHPqCIHZxnFrXlunQXgBOsZSUOWwFw31QJCAbyTBoHMW75YOTur5ZNx8pIeAKgf6GWIgaqqiLhA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/dns-packet": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.1.tgz",
+      "integrity": "sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@leichtgewicht/ip-codec": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/dom-accessibility-api": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
+      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/dom-converter": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
+      "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "utila": "~0.4"
+      }
+    },
+    "node_modules/dom-serialize": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/dom-serialize/-/dom-serialize-2.2.1.tgz",
+      "integrity": "sha512-Yra4DbvoW7/Z6LBN560ZwXMjoNOSAN2wRsKFGc4iBeso+mpIA6qj1vfdf9HpMaKAqG6wXTy+1SYEzmNpKXOSsQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "custom-event": "~1.0.0",
+        "ent": "~2.2.0",
+        "extend": "^3.0.0",
+        "void-elements": "^2.0.0"
+      }
+    },
+    "node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
+      "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/dot": {
+      "version": "2.0.0-beta.1",
+      "resolved": "https://registry.npmjs.org/dot/-/dot-2.0.0-beta.1.tgz",
+      "integrity": "sha512-kxM7fSnNQTXOmaeGuBSXM8O3fEsBb7XSDBllkGbRwa0lJSJTxxDE/4eSNGLKZUmlFw0f1vJ5qSV2BljrgQtgIA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/dot-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
+      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/duplexer": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
+      "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==",
+      "license": "MIT"
+    },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.267",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.267.tgz",
+      "integrity": "sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/emojis-list": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/encoding": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
+      "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "iconv-lite": "^0.6.2"
+      }
+    },
+    "node_modules/encoding-sniffer": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/encoding-sniffer/-/encoding-sniffer-0.2.1.tgz",
+      "integrity": "sha512-5gvq20T6vfpekVtqrYQsSCFZ1wEg5+wW0/QaZMWkFr6BqD3NfKs0rLCx4rrVlSWJeZb5NBJgVLswK/w2MWU+Gw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "^0.6.3",
+        "whatwg-encoding": "^3.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/encoding-sniffer?sponsor=1"
+      }
+    },
+    "node_modules/encoding-sniffer/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/encoding/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
+      "integrity": "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/engine.io": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.4.tgz",
+      "integrity": "sha512-ZCkIjSYNDyGn0R6ewHDtXgns/Zre/NT6Agvq1/WobF7JXgFff4SeDroKiCO3fNJreU9YG429Sc81o4w5ok/W5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/cors": "^2.8.12",
+        "@types/node": ">=10.0.0",
+        "accepts": "~1.3.4",
+        "base64id": "2.0.0",
+        "cookie": "~0.7.2",
+        "cors": "~2.8.5",
+        "debug": "~4.3.1",
+        "engine.io-parser": "~5.2.1",
+        "ws": "~8.17.1"
+      },
+      "engines": {
+        "node": ">=10.2.0"
+      }
+    },
+    "node_modules/engine.io-parser": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.3.tgz",
+      "integrity": "sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/engine.io/node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/engine.io/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/engine.io/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/engine.io/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/engine.io/node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.4",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.4.tgz",
+      "integrity": "sha512-LgQMM4WXU3QI+SYgEc2liRgznaD5ojbmY3sb8LxyguVkIg5FxdpTkvk72te2R38/TGKxH634oLxXRGY6d7AP+Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/ent": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.2.tgz",
+      "integrity": "sha512-kKvD1tO6BM+oK9HzCPpUdRb4vKFQY/FPTFmurMvh6LlN68VMrdj77w8yp51/kDbpkFOS9J8w5W6zIzgM2H8/hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "punycode": "^1.4.1",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/env-paths": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/environment": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/environment/-/environment-1.1.0.tgz",
+      "integrity": "sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/err-code": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/err-code/-/err-code-2.0.3.tgz",
+      "integrity": "sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/errno": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
+      "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "prr": "~1.0.1"
+      },
+      "bin": {
+        "errno": "cli.js"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.24.1",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.1.tgz",
+      "integrity": "sha512-zHXBLhP+QehSSbsS9Pt23Gg964240DPd6QCf8WpkqEXxQ7fhdZzYsocOr5u7apWonsS5EjZDmTF+/slGMyasvw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-set": "^2.0.3",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.1",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.4",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "stop-iteration-iterator": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.19"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
+      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es6-shim": {
+      "version": "0.35.8",
+      "resolved": "https://registry.npmjs.org/es6-shim/-/es6-shim-0.35.8.tgz",
+      "integrity": "sha512-Twf7I2v4/1tLoIXMT8HlqaBSS5H2wQTs2wx3MNYCI8K1R1/clXyCazrcVCPm/FuO9cyV8+leEaZOWD5C253NDg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.9.tgz",
+      "integrity": "sha512-CRbODhYyQx3qp7ZEwzxOk4JBqmD/seJrzPa/cGjY1VtIn5E09Oi9/dB4JwctnfZ8Q8iT7rioVv5k/FNT/uf54g==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.9",
+        "@esbuild/android-arm": "0.25.9",
+        "@esbuild/android-arm64": "0.25.9",
+        "@esbuild/android-x64": "0.25.9",
+        "@esbuild/darwin-arm64": "0.25.9",
+        "@esbuild/darwin-x64": "0.25.9",
+        "@esbuild/freebsd-arm64": "0.25.9",
+        "@esbuild/freebsd-x64": "0.25.9",
+        "@esbuild/linux-arm": "0.25.9",
+        "@esbuild/linux-arm64": "0.25.9",
+        "@esbuild/linux-ia32": "0.25.9",
+        "@esbuild/linux-loong64": "0.25.9",
+        "@esbuild/linux-mips64el": "0.25.9",
+        "@esbuild/linux-ppc64": "0.25.9",
+        "@esbuild/linux-riscv64": "0.25.9",
+        "@esbuild/linux-s390x": "0.25.9",
+        "@esbuild/linux-x64": "0.25.9",
+        "@esbuild/netbsd-arm64": "0.25.9",
+        "@esbuild/netbsd-x64": "0.25.9",
+        "@esbuild/openbsd-arm64": "0.25.9",
+        "@esbuild/openbsd-x64": "0.25.9",
+        "@esbuild/openharmony-arm64": "0.25.9",
+        "@esbuild/sunos-x64": "0.25.9",
+        "@esbuild/win32-arm64": "0.25.9",
+        "@esbuild/win32-ia32": "0.25.9",
+        "@esbuild/win32-x64": "0.25.9"
+      }
+    },
+    "node_modules/esbuild-wasm": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.25.9.tgz",
+      "integrity": "sha512-Jpv5tCSwQg18aCqCRD3oHIX/prBhXMDapIoG//A+6+dV0e7KQMGFg85ihJ5T1EeMjbZjON3TqFy0VrGAnIHLDA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz",
+      "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
+      "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.57.1",
+        "@humanwhocodes/config-array": "^0.13.0",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-config-prettier": {
+      "version": "9.1.2",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.2.tgz",
+      "integrity": "sha512-iI1f+D2ViGn+uvv5HuHVUamg8ll4tN+JRHGc6IJi4TP9Kl976C57fzPXgseXNs8v0iA8aSJpHsTWjDb9QJamGQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz",
+      "integrity": "sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.32.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.32.0.tgz",
+      "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rtsao/scc": "^1.1.0",
+        "array-includes": "^3.1.9",
+        "array.prototype.findlastindex": "^1.2.6",
+        "array.prototype.flat": "^1.3.3",
+        "array.prototype.flatmap": "^1.3.3",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.12.1",
+        "hasown": "^2.0.2",
+        "is-core-module": "^2.16.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "object.groupby": "^1.0.3",
+        "object.values": "^1.2.1",
+        "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.9",
+        "tsconfig-paths": "^3.15.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/eslint-plugin-jsdoc": {
+      "version": "61.5.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-61.5.0.tgz",
+      "integrity": "sha512-PR81eOGq4S7diVnV9xzFSBE4CDENRQGP0Lckkek8AdHtbj+6Bm0cItwlFnxsLFriJHspiE3mpu8U20eODyToIg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@es-joy/jsdoccomment": "~0.76.0",
+        "@es-joy/resolve.exports": "1.2.0",
+        "are-docs-informative": "^0.0.2",
+        "comment-parser": "1.4.1",
+        "debug": "^4.4.3",
+        "escape-string-regexp": "^4.0.0",
+        "espree": "^10.4.0",
+        "esquery": "^1.6.0",
+        "html-entities": "^2.6.0",
+        "object-deep-merge": "^2.0.0",
+        "parse-imports-exports": "^0.2.4",
+        "semver": "^7.7.3",
+        "spdx-expression-parse": "^4.0.0",
+        "to-valid-identifier": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=20.11.0"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-jsdoc/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-plugin-jsdoc/node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-plugin-jsdoc/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-plugin-prefer-arrow": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prefer-arrow/-/eslint-plugin-prefer-arrow-1.2.3.tgz",
+      "integrity": "sha512-J9I5PKCOJretVuiZRGvPQxCbllxGAV/viI20JO3LYblAodofBxyMnZAJ+WGeClHgANnSJberTNoFWWjrWKBuXQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "eslint": ">=2.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-storybook": {
+      "version": "10.1.8",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-10.1.8.tgz",
+      "integrity": "sha512-ttLoPRZzqMJx0or4fBDJNKkjYX2/jSEUfI3Df47rLdIASCgxaO7QX9qAoEK0S9Tn2SkzCiAa4Yxi3X44rGgQ0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/utils": "^8.8.1"
+      },
+      "peerDependencies": {
+        "eslint": ">=8",
+        "storybook": "^10.1.8"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-9.0.0.tgz",
+      "integrity": "sha512-+Yh0LeQKq+mW/tQArNj67tljR3L1HajDTQPuZOEwC00oBdoIDQrr89yBgjAlzAwRrY/5zDkM3v99iGHwz9y0dw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/eslint/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/eslint/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/eslint/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/event-stream": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/event-stream/-/event-stream-4.0.1.tgz",
+      "integrity": "sha512-qACXdu/9VHPBzcyhdOWR5/IahhGMf0roTeZJfzz077GwylcDd90yOHLouhmv7GJ5XzPi6ekaQWd8AvPP2nOvpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "duplexer": "^0.1.1",
+        "from": "^0.1.7",
+        "map-stream": "0.0.7",
+        "pause-stream": "^0.0.11",
+        "split": "^1.0.1",
+        "stream-combiner": "^0.2.2",
+        "through": "^2.3.8"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/eventsource": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-3.0.7.tgz",
+      "integrity": "sha512-CRT1WTyuQoD771GW56XEZFQ/ZoSfWid1alKGDYMmkt2yl8UXrVR4pspqWNEcqKvVIzg6PAltWjxcSSPrboA4iA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eventsource-parser": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/eventsource-parser": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.0.6.tgz",
+      "integrity": "sha512-Vo1ab+QXPzZ4tCa8SwIHJFaSzy4R6SHf7BY79rFBDf0idraZWAkYrDjDj8uWaSm3S2TK+hJ7/t1CEmZ7jXw+pg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/execa": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-4.1.0.tgz",
+      "integrity": "sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.0",
+        "get-stream": "^5.0.0",
+        "human-signals": "^1.1.1",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.0",
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2",
+        "strip-final-newline": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/execa/node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/execa/node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/expand-brackets": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-0.1.5.tgz",
+      "integrity": "sha512-hxx03P2dJxss6ceIeri9cmYOT4SRs3Zk3afZwWpOsRqLqprhTR8u++SlC+sFGsQr7WGFPdMF7Gjc1njDLDK6UA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-posix-bracket": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-range": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-1.8.2.tgz",
+      "integrity": "sha512-AFASGfIlnIbkKPQwX1yHaDjFvh/1gyKJODme52V6IORh69uEYgZp0o9C+qsIGNVEiuuhQU0CSSl++Rlegg1qvA==",
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-range/node_modules/fill-range": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-2.2.4.tgz",
+      "integrity": "sha512-cnrcCbj01+j2gTG921VZPnHbjmdAf8oQV/iGeV2kZxGSyfYjjTyY79ErsK1WJWMpw6DaApEX72binqJE+/d+5Q==",
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^2.1.0",
+        "isobject": "^2.0.0",
+        "randomatic": "^3.0.0",
+        "repeat-element": "^1.1.2",
+        "repeat-string": "^1.5.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-range/node_modules/is-number": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-2.1.0.tgz",
+      "integrity": "sha512-QUzH43Gfb9+5yckcrSA0VBDwEtDUchrk4F6tfJZQuNzDJbEDB9cZNzSfXGQ1jqmdDY/kl41lUOWM9syA8z8jlg==",
+      "license": "MIT",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-range/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT"
+    },
+    "node_modules/expand-range/node_modules/isobject": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+      "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==",
+      "license": "MIT",
+      "dependencies": {
+        "isarray": "1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-range/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/exponential-backoff": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.3.tgz",
+      "integrity": "sha512-ZgEeZXj30q+I0EN+CbSSpIyPaJ5HVQD18Z1m+u1FXbAeT94mr1zw50q4q6jiiC447Nl/YTcIYSAftiGqetwXCA==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/express": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-5.2.1.tgz",
+      "integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "^2.0.0",
+        "body-parser": "^2.2.1",
+        "content-disposition": "^1.0.0",
+        "content-type": "^1.0.5",
+        "cookie": "^0.7.1",
+        "cookie-signature": "^1.2.1",
+        "debug": "^4.4.0",
+        "depd": "^2.0.0",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "etag": "^1.8.1",
+        "finalhandler": "^2.1.0",
+        "fresh": "^2.0.0",
+        "http-errors": "^2.0.0",
+        "merge-descriptors": "^2.0.0",
+        "mime-types": "^3.0.0",
+        "on-finished": "^2.4.1",
+        "once": "^1.4.0",
+        "parseurl": "^1.3.3",
+        "proxy-addr": "^2.0.7",
+        "qs": "^6.14.0",
+        "range-parser": "^1.2.1",
+        "router": "^2.2.0",
+        "send": "^1.1.0",
+        "serve-static": "^2.2.0",
+        "statuses": "^2.0.1",
+        "type-is": "^2.0.1",
+        "vary": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/express-rate-limit": {
+      "version": "7.5.1",
+      "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-7.5.1.tgz",
+      "integrity": "sha512-7iN8iPMDzOMHPUYllBEsQdWVB6fPDMPqwjBaFrgr4Jgr/+okjvzAy+UHlYYL/Vs0OsOrMkwS6PJDkFlJwoxUnw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/express-rate-limit"
+      },
+      "peerDependencies": {
+        "express": ">= 4.11"
+      }
+    },
+    "node_modules/express/node_modules/finalhandler": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.1.tgz",
+      "integrity": "sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.4.0",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "on-finished": "^2.4.1",
+        "parseurl": "^1.3.3",
+        "statuses": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/extend-shallow": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+      "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "assign-symbols": "^1.0.0",
+        "is-extendable": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/extend-shallow/node_modules/is-extendable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+      "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/extend-shallow/node_modules/is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "license": "MIT",
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/extglob": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/extglob/-/extglob-0.3.2.tgz",
+      "integrity": "sha512-1FOj1LOwn42TMrruOHGt18HemVnbwAmAak7krWk+wa93KXxGbK+2jpezm+ytJYDaBX0/SPLZFHKM7m+tKobWGg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/extglob/node_modules/is-extglob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+      "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fancy-log": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/fancy-log/-/fancy-log-2.0.0.tgz",
+      "integrity": "sha512-9CzxZbACXMUXW13tS0tI8XsGGmxWzO2DmYrGuBJOJ8k8q2K7hwfJA5qHjuPPe8wtsco33YR9wc+Rlr5wYFvhSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-support": "^1.1.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
+      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/fastq": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/faye-websocket": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz",
+      "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "websocket-driver": ">=0.5.1"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/filename-regex": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/filename-regex/-/filename-regex-2.0.1.tgz",
+      "integrity": "sha512-BTCqyBaWBTsauvnHiE8i562+EdJj+oUpkqWp2R1iCoR8f6oo8STRu3of7WJJ0TqWtxN50a5YFpzYK4Jj9esYfQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
+      "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "statuses": "~1.5.0",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/finalhandler/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/finalhandler/node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/finalhandler/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/finalhandler/node_modules/on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+      "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/finalhandler/node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/find-index": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/find-index/-/find-index-0.1.1.tgz",
+      "integrity": "sha512-uJ5vWrfBKMcE6y2Z8834dwEZj9mNGxYa3t3I53OwFeuZ8D9oc2E5zcsrkuhX6h4iYrjhiv0T3szQmxlAV9uxDg==",
+      "license": "MIT"
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz",
+      "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "bin": {
+        "flat": "cli.js"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.3",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
+      "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/for-in": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
+      "integrity": "sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/for-own": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/for-own/-/for-own-0.1.5.tgz",
+      "integrity": "sha512-SKmowqGTJoPzLO1T0BBJpkfp3EMacCMOuH40hOUbrbzElVktk4DioXVM99QkLCyKoiuOmyjgcWMpVz2xjE7LZw==",
+      "license": "MIT",
+      "dependencies": {
+        "for-in": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-9.1.0.tgz",
+      "integrity": "sha512-mpafl89VFPJmhnJ1ssH+8wmM2b50n+Rew5x42NeI2U78aRWgtkEtGmctp7iT16UjquJTjorEmIfESj3DxdW84Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.16.7",
+        "chalk": "^4.1.2",
+        "chokidar": "^4.0.1",
+        "cosmiconfig": "^8.2.0",
+        "deepmerge": "^4.2.2",
+        "fs-extra": "^10.0.0",
+        "memfs": "^3.4.1",
+        "minimatch": "^3.0.4",
+        "node-abort-controller": "^3.0.1",
+        "schema-utils": "^3.1.1",
+        "semver": "^7.3.5",
+        "tapable": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=14.21.3"
+      },
+      "peerDependencies": {
+        "typescript": ">3.6.0",
+        "webpack": "^5.11.0"
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/cosmiconfig": {
+      "version": "8.3.6",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.3.6.tgz",
+      "integrity": "sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0",
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/schema-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
+      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fragment-cache": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
+      "integrity": "sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==",
+      "license": "MIT",
+      "dependencies": {
+        "map-cache": "^0.2.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
+      "integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/from": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/from/-/from-0.1.7.tgz",
+      "integrity": "sha512-twe20eF1OxVxp/ML/kq2p1uc6KvFK/+vs8WjEbeKmV2He22MKm7YF2ANIt+EOqhJ5L3K/SuuPhk0hWQDjOM23g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fs-extra": {
+      "version": "11.3.2",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.2.tgz",
+      "integrity": "sha512-Xr9F6z6up6Ws+NjzMCZc6WXg2YFRlrLP9NQDO3VQrWrfiojdhS56TzueT88ze0uBdCTwEIhQ3ptnmKeWGFAe0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/fs-minipass": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-3.0.3.tgz",
+      "integrity": "sha512-XUBA9XClHbnJWSfBzjkm6RvPsyg3sryZt06BEQoXcF7EK/xpGaQYJgQKDJSUH5SGZ76Y7pFx1QBnXz09rU5Fbw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^7.0.3"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/fs-monkey": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.1.0.tgz",
+      "integrity": "sha512-QMUezzXWII9EV5aTFXW1UBVUO77wYPpjqIF8/AviUCThNeSYZykpoTixUeaNNBwmCev0AMDWMAni+f8Hxb1IFw==",
+      "dev": true,
+      "license": "Unlicense"
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "license": "ISC"
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/generator-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-east-asian-width": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.4.0.tgz",
+      "integrity": "sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-value": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz",
+      "integrity": "sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/glob": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-11.1.0.tgz",
+      "integrity": "sha512-vuNwKSaKiqm7g0THUBu2x7ckSs3XJLXE+2ssL7/MfTGPLLcrJQ/4Uq1CjPTtO5cCIiRxqvN6Twy1qOwhL0Xjcw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "foreground-child": "^3.3.1",
+        "jackspeak": "^4.1.1",
+        "minimatch": "^10.1.1",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^2.0.0"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-base": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/glob-base/-/glob-base-0.3.0.tgz",
+      "integrity": "sha512-ab1S1g1EbO7YzauaJLkgLp7DZVAqj9M/dvKlTt8DkXA2tiOIcSMrlVI2J1RZyB5iJVccEscjGn+kpOG9788MHA==",
+      "license": "MIT",
+      "dependencies": {
+        "glob-parent": "^2.0.0",
+        "is-glob": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/glob-base/node_modules/glob-parent": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz",
+      "integrity": "sha512-JDYOvfxio/t42HKdxkAYaCiBN7oYiuxykOxKxdaUW5Qn0zaYN3gRQWolrwdnf0shM9/EP0ebuuTmyoXNr1cC5w==",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^2.0.0"
+      }
+    },
+    "node_modules/glob-base/node_modules/is-extglob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+      "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/glob-base/node_modules/is-glob": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+      "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob-to-regex.js": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/glob-to-regex.js/-/glob-to-regex.js-1.2.0.tgz",
+      "integrity": "sha512-QMwlOQKU/IzqMUOAZWubUOT8Qft+Y0KQWnX9nK3ch0CJg0tTp4TvGZsTfudYKv2NzoQSyPcnA6TYeIQ3jGichQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.1.1.tgz",
+      "integrity": "sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/brace-expansion": "^5.0.0"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob2base": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/glob2base/-/glob2base-0.0.12.tgz",
+      "integrity": "sha512-ZyqlgowMbfj2NPjxaZZ/EtsXlOch28FRXgMd64vqZWk1bT9+wvSRLYD1om9M7QfQru51zJPAT17qXm4/zd+9QA==",
+      "dependencies": {
+        "find-index": "^0.1.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globby/node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/handle-thing": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
+      "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/handlebars": {
+      "version": "4.7.8",
+      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.8.tgz",
+      "integrity": "sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.5",
+        "neo-async": "^2.6.2",
+        "source-map": "^0.6.1",
+        "wordwrap": "^1.0.0"
+      },
+      "bin": {
+        "handlebars": "bin/handlebars"
+      },
+      "engines": {
+        "node": ">=0.4.7"
+      },
+      "optionalDependencies": {
+        "uglify-js": "^3.1.4"
+      }
+    },
+    "node_modules/handlebars/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
+      "integrity": "sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==",
+      "license": "MIT",
+      "dependencies": {
+        "get-value": "^2.0.6",
+        "has-values": "^1.0.0",
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-values": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz",
+      "integrity": "sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^3.0.0",
+        "kind-of": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-values/node_modules/is-number": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+      "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+      "license": "MIT",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-values/node_modules/is-number/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-values/node_modules/kind-of": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
+      "integrity": "sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "he": "bin/he"
+      }
+    },
+    "node_modules/hosted-git-info": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-9.0.2.tgz",
+      "integrity": "sha512-M422h7o/BR3rmCQ8UHi7cyyMqKltdP9Uo+J2fXK+RSAY+wTcKOIRyhTuKv4qn+DJf3g+PL890AzId5KZpX+CBg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^11.1.0"
+      },
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
+    "node_modules/hosted-git-info/node_modules/lru-cache": {
+      "version": "11.2.4",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.4.tgz",
+      "integrity": "sha512-B5Y16Jr9LB9dHVkh6ZevG+vAbOsNOYCX+sXvFWFu7B3Iz5mijW3zdbMyhsh8ANd2mSWBYdJgnqi+mL7/LrOPYg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/hpack.js": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
+      "integrity": "sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "obuf": "^1.0.0",
+        "readable-stream": "^2.0.1",
+        "wbuf": "^1.1.0"
+      }
+    },
+    "node_modules/hpack.js/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/hpack.js/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/hpack.js/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/html-entities": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.6.0.tgz",
+      "integrity": "sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/mdevils"
+        },
+        {
+          "type": "patreon",
+          "url": "https://patreon.com/mdevils"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/html-escaper": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
+      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/html-minifier-terser": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
+      "integrity": "sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "camel-case": "^4.1.2",
+        "clean-css": "^5.2.2",
+        "commander": "^8.3.0",
+        "he": "^1.2.0",
+        "param-case": "^3.0.4",
+        "relateurl": "^0.2.7",
+        "terser": "^5.10.0"
+      },
+      "bin": {
+        "html-minifier-terser": "cli.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/html-minifier-terser/node_modules/commander": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/html-webpack-plugin": {
+      "version": "5.6.5",
+      "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.6.5.tgz",
+      "integrity": "sha512-4xynFbKNNk+WlzXeQQ+6YYsH2g7mpfPszQZUi3ovKlj+pDmngQ7vRXjrrmGROabmKwyQkcgcX5hqfOwHbFmK5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/html-minifier-terser": "^6.0.0",
+        "html-minifier-terser": "^6.0.2",
+        "lodash": "^4.17.21",
+        "pretty-error": "^4.0.0",
+        "tapable": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/html-webpack-plugin"
+      },
+      "peerDependencies": {
+        "@rspack/core": "0.x || 1.x",
+        "webpack": "^5.20.0"
+      },
+      "peerDependenciesMeta": {
+        "@rspack/core": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/htmlparser2": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-10.0.0.tgz",
+      "integrity": "sha512-TwAZM+zE5Tq3lrEHvOlvwgj1XLWQCtaaibSN11Q+gGBAS7Y1uZSWwXXRe4iF6OXnaq1riyQAPFOBtYc77Mxq0g==",
+      "dev": true,
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.2.1",
+        "entities": "^6.0.0"
+      }
+    },
+    "node_modules/htmlparser2/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/http-auth": {
+      "version": "4.1.9",
+      "resolved": "https://registry.npmjs.org/http-auth/-/http-auth-4.1.9.tgz",
+      "integrity": "sha512-kvPYxNGc9EKGTXvOMnTBQw2RZfuiSihK/mLw/a4pbtRueTE45S55Lw/3k5CktIf7Ak0veMKEIteDj4YkNmCzmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "apache-crypt": "^1.1.2",
+        "apache-md5": "^1.0.6",
+        "bcryptjs": "^2.4.3",
+        "uuid": "^8.3.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/http-auth-connect": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/http-auth-connect/-/http-auth-connect-1.0.6.tgz",
+      "integrity": "sha512-yaO0QSCPqGCjPrl3qEEHjJP+lwZ6gMpXLuCBE06eWwcXomkI5TARtu0kxf9teFuBj6iaV3Ybr15jaWUvbzNzHw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/http-auth/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/http-cache-semantics": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz",
+      "integrity": "sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/http-deceiver": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
+      "integrity": "sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/http-parser-js": {
+      "version": "0.5.10",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.10.tgz",
+      "integrity": "sha512-Pysuw9XpUq5dVc/2SMHpuTY01RFl8fttgcyunjL7eEMhGM3cI4eOmiCycJDVCo/7O7ClfQD3SaI6ftDzqOXYMA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/http-proxy": {
+      "version": "1.18.1",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/http-proxy-middleware": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-3.0.5.tgz",
+      "integrity": "sha512-GLZZm1X38BPY4lkXA01jhwxvDoOkkXqjgVyUzVxiEK4iuRu03PZoYHhHRwxnfhQMDuaxi3vVri0YgSro/1oWqg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-proxy": "^1.17.15",
+        "debug": "^4.3.6",
+        "http-proxy": "^1.18.1",
+        "is-glob": "^4.0.3",
+        "is-plain-object": "^5.0.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz",
+      "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8.12.0"
+      }
+    },
+    "node_modules/hyperdyperid": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/hyperdyperid/-/hyperdyperid-1.2.0.tgz",
+      "integrity": "sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.18"
+      }
+    },
+    "node_modules/i18next": {
+      "version": "25.5.3",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-25.5.3.tgz",
+      "integrity": "sha512-joFqorDeQ6YpIXni944upwnuHBf5IoPMuqAchGVeQLdWC2JOjxgM9V8UGLhNIIH/Q8QleRxIi0BSRQehSrDLcg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://locize.com"
+        },
+        {
+          "type": "individual",
+          "url": "https://locize.com/i18next.html"
+        },
+        {
+          "type": "individual",
+          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.27.6"
+      },
+      "peerDependencies": {
+        "typescript": "^5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.1.tgz",
+      "integrity": "sha512-2Tth85cXwGFHfvRgZWszZSvdo+0Xsqmw8k8ZwxScfcBneNUraK+dxRxRm24nszx80Y0TVio8kKLt5sLE7ZCLlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/icss-utils": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
+      "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/ignore-walk": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-8.0.0.tgz",
+      "integrity": "sha512-FCeMZT4NiRQGh+YkeKMtWrOmBgWjHjMJ26WQWrRQyoyzqevdaGSakUaJW5xQYmjLlUVk2qUnCjYVBax9EKKg8A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minimatch": "^10.0.3"
+      },
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
+    "node_modules/ignore-walk/node_modules/minimatch": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.1.1.tgz",
+      "integrity": "sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/brace-expansion": "^5.0.0"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/image-size": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
+      "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "image-size": "bin/image-size.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.4.tgz",
+      "integrity": "sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ini": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-5.0.0.tgz",
+      "integrity": "sha512-+N0ngpO3e7cRUWOJAS7qw0IZIVc6XPrW4MlFBdD066F2L4k1L6ker3hLqSq7iXxU5tgS4WGkIUElWn5vogAEnw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ip-address": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.1.0.tgz",
+      "integrity": "sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-accessor-descriptor": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.1.tgz",
+      "integrity": "sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-async-function": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
+      "license": "MIT"
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-descriptor": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.1.tgz",
+      "integrity": "sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-descriptor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz",
+      "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-docker": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz",
+      "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-dotfile": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-dotfile/-/is-dotfile-1.0.3.tgz",
+      "integrity": "sha512-9YclgOGtN/f8zx0Pr4FQYMdibBiTaH3sn52vjYip4ZSf6C4/6RfTEZ+MR4GvKhCxdPh21Bg42/WL55f6KSnKpg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-equal-shallow": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz",
+      "integrity": "sha512-0EygVC5qPvIyb+gSz7zdD5/AAoS6Qrx1e//6N4yv4oNm30kqvdmG66oZFWVlQHUWe5OjP08FuTw2IdT0EOTcYA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-primitive": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
+      "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "generator-function": "^2.0.0",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-inside-container": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz",
+      "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^3.0.0"
+      },
+      "bin": {
+        "is-inside-container": "cli.js"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-interactive": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-2.0.0.tgz",
+      "integrity": "sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-network-error": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/is-network-error/-/is-network-error-1.3.0.tgz",
+      "integrity": "sha512-6oIwpsgRfnDiyEDLMay/GqCl3HoAtH5+RUKW29gYkL0QA+ipzpDLA16yQs7/RHCSu+BwgbJaOUqa4A99qNVQVw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
+      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-plain-object": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-posix-bracket": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz",
+      "integrity": "sha512-Yu68oeXJ7LeWNmZ3Zov/xg/oDBnBK2RNxwYY1ilNJX+tKKZqgPK+qOn/Gs9jEu66KDY9Netf5XLKNGzas/vPfQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-primitive": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-primitive/-/is-primitive-2.0.0.tgz",
+      "integrity": "sha512-N3w1tFaRfk3UrPfqeRyD+GYDASU3W5VinKhlORy8EWVf/sIdDL9GAcew85XmktCfH+ngG7SRXEVDoO18WMdB/Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-promise": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
+      "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-unicode-supported": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-2.1.0.tgz",
+      "integrity": "sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-what": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
+      "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-windows": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+      "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-wsl": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz",
+      "integrity": "sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-inside-container": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/isbinaryfile": {
+      "version": "4.0.10",
+      "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-4.0.10.tgz",
+      "integrity": "sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/gjtorikian/"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/istanbul-lib-coverage": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
+      "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-instrument": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz",
+      "integrity": "sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/core": "^7.23.9",
+        "@babel/parser": "^7.23.9",
+        "@istanbuljs/schema": "^0.1.3",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-report": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
+      "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "istanbul-lib-coverage": "^3.0.0",
+        "make-dir": "^4.0.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-source-maps": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
+      "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "istanbul-lib-coverage": "^3.0.0",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-source-maps/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/istanbul-reports": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.2.0.tgz",
+      "integrity": "sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "html-escaper": "^2.0.0",
+        "istanbul-lib-report": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jackspeak": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-4.1.1.tgz",
+      "integrity": "sha512-zptv57P3GpL+O0I7VdMJNBZCu+BPHVQUk55Ft8/QCJjTVxrnJHuVuX/0Bl2A6/+2oyR/ZMEuFKwmzqqZ/U5nPQ==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/jasmine-core": {
+      "version": "5.13.0",
+      "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-5.13.0.tgz",
+      "integrity": "sha512-vsYjfh7lyqvZX5QgqKc4YH8phs7g96Z8bsdIFNEU3VqXhlHaq+vov/Fgn/sr6MiUczdZkyXRC3TX369Ll4Nzbw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-worker": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/jose": {
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-6.1.3.tgz",
+      "integrity": "sha512-0TpaTfihd4QMNwrz/ob2Bp7X04yuxJkjRGi4aKmOqwhov54i6u79oCv7T+C7lo70MKH6BesI3vscD1yb/yzKXQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsdoc-type-pratt-parser": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-6.10.0.tgz",
+      "integrity": "sha512-+LexoTRyYui5iOhJGn13N9ZazL23nAHGkXsa1p/C8yeq79WRfLBag6ZZ0FQG2aRoc9yfo59JT9EYCQonOkHKkQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-4.0.0.tgz",
+      "integrity": "sha512-lR4MXjGNgkJc7tkQ97kb2nuEMnNCyU//XYVH0MKTGcXEiSudQ5MKGKen3C5QubYy0vmq+JGitUg92uuywGEwIA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsonc-parser": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.3.1.tgz",
+      "integrity": "sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/jsonparse": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz",
+      "integrity": "sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==",
+      "dev": true,
+      "engines": [
+        "node >= 0.2.0"
+      ],
+      "license": "MIT"
+    },
+    "node_modules/karma": {
+      "version": "6.4.4",
+      "resolved": "https://registry.npmjs.org/karma/-/karma-6.4.4.tgz",
+      "integrity": "sha512-LrtUxbdvt1gOpo3gxG+VAJlJAEMhbWlM4YrFQgql98FwF7+K8K12LYO4hnDdUkNjeztYrOXEMqgTajSWgmtI/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@colors/colors": "1.5.0",
+        "body-parser": "^1.19.0",
+        "braces": "^3.0.2",
+        "chokidar": "^3.5.1",
+        "connect": "^3.7.0",
+        "di": "^0.0.1",
+        "dom-serialize": "^2.2.1",
+        "glob": "^7.1.7",
+        "graceful-fs": "^4.2.6",
+        "http-proxy": "^1.18.1",
+        "isbinaryfile": "^4.0.8",
+        "lodash": "^4.17.21",
+        "log4js": "^6.4.1",
+        "mime": "^2.5.2",
+        "minimatch": "^3.0.4",
+        "mkdirp": "^0.5.5",
+        "qjobs": "^1.2.0",
+        "range-parser": "^1.2.1",
+        "rimraf": "^3.0.2",
+        "socket.io": "^4.7.2",
+        "source-map": "^0.6.1",
+        "tmp": "^0.2.1",
+        "ua-parser-js": "^0.7.30",
+        "yargs": "^16.1.1"
+      },
+      "bin": {
+        "karma": "bin/karma"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/karma-chrome-launcher": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/karma-chrome-launcher/-/karma-chrome-launcher-3.2.0.tgz",
+      "integrity": "sha512-rE9RkUPI7I9mAxByQWkGJFXfFD6lE4gC5nPuZdobf/QdTEJI6EU4yIay/cfU/xV4ZxlM5JiTv7zWYgA64NpS5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which": "^1.2.1"
+      }
+    },
+    "node_modules/karma-chrome-launcher/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/karma-coverage": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/karma-coverage/-/karma-coverage-2.2.1.tgz",
+      "integrity": "sha512-yj7hbequkQP2qOSb20GuNSIyE//PgJWHwC2IydLE6XRtsnaflv+/OSGNssPjobYUlhVVagy99TQpqUt3vAUG7A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "istanbul-lib-coverage": "^3.2.0",
+        "istanbul-lib-instrument": "^5.1.0",
+        "istanbul-lib-report": "^3.0.0",
+        "istanbul-lib-source-maps": "^4.0.1",
+        "istanbul-reports": "^3.0.5",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/karma-coverage/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/karma-coverage/node_modules/istanbul-lib-instrument": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
+      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/core": "^7.12.3",
+        "@babel/parser": "^7.14.7",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/karma-coverage/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/karma-coverage/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/karma-jasmine": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/karma-jasmine/-/karma-jasmine-5.1.0.tgz",
+      "integrity": "sha512-i/zQLFrfEpRyQoJF9fsCdTMOF5c2dK7C7OmsuKg2D0YSsuZSfQDiLuaiktbuio6F2wiCsZSnSnieIQ0ant/uzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jasmine-core": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "karma": "^6.0.0"
+      }
+    },
+    "node_modules/karma-jasmine-html-reporter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-2.1.0.tgz",
+      "integrity": "sha512-sPQE1+nlsn6Hwb5t+HHwyy0A1FNCVKuL1192b+XNauMYWThz2kweiBVW1DqloRpVvZIJkIoHVB7XRpK78n1xbQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "jasmine-core": "^4.0.0 || ^5.0.0",
+        "karma": "^6.0.0",
+        "karma-jasmine": "^5.0.0"
+      }
+    },
+    "node_modules/karma-jasmine/node_modules/jasmine-core": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-4.6.1.tgz",
+      "integrity": "sha512-VYz/BjjmC3klLJlLwA4Kw8ytk0zDSmbbDLNs794VnWmkcCB7I9aAL/D48VNQtmITyPvea2C3jdUMfc3kAoy0PQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/karma-source-map-support": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/karma-source-map-support/-/karma-source-map-support-1.4.0.tgz",
+      "integrity": "sha512-RsBECncGO17KAoJCYXjv+ckIz+Ii9NCi+9enk+rq6XC81ezYkb4/RHE6CTXdA7IOJqoF3wcaLfVG0CPmE5ca6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "source-map-support": "^0.5.5"
+      }
+    },
+    "node_modules/karma/node_modules/body-parser": {
+      "version": "1.20.4",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.4.tgz",
+      "integrity": "sha512-ZTgYYLMOXY9qKU/57FAo8F+HA2dGX7bqGc71txDRC1rS4frdFI5R7NhluHxH6M0YItAP0sHB4uqAOcYKxO6uGA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "~1.2.0",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "on-finished": "~2.4.1",
+        "qs": "~6.14.0",
+        "raw-body": "~2.5.3",
+        "type-is": "~1.6.18",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/karma/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/karma/node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/karma/node_modules/cliui": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+      "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
+    "node_modules/karma/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/karma/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/karma/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/karma/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/karma/node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/karma/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/karma/node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/karma/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/karma/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/karma/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/karma/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/karma/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/karma/node_modules/raw-body": {
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
+      "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/karma/node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/karma/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/karma/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/karma/node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/karma/node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/karma/node_modules/yargs": {
+      "version": "16.2.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^7.0.2",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^20.2.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/karma/node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/keycharm": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/keycharm/-/keycharm-0.4.0.tgz",
+      "integrity": "sha512-TyQTtsabOVv3MeOpR92sIKk/br9wxS+zGj4BG7CR8YbK4jM3tyIBaF0zhzeBUMx36/Q/iQLOKKOT+3jOQtemRQ==",
+      "dev": true,
+      "license": "(Apache-2.0 OR MIT)",
+      "peer": true
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/launch-editor": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.12.0.tgz",
+      "integrity": "sha512-giOHXoOtifjdHqUamwKq6c49GzBdLjvxrd2D+Q4V6uOHopJv7p9VJxikDsQ/CBXZbEITgUqSVHXLTG3VhPP1Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picocolors": "^1.1.1",
+        "shell-quote": "^1.8.3"
+      }
+    },
+    "node_modules/less": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/less/-/less-4.4.0.tgz",
+      "integrity": "sha512-kdTwsyRuncDfjEs0DlRILWNvxhDG/Zij4YLO4TMJgDLW+8OzpfkdPnRgrsRuY1o+oaxJGWsps5f/RVBgGmmN0w==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "copy-anything": "^2.0.1",
+        "parse-node-version": "^1.0.1",
+        "tslib": "^2.3.0"
+      },
+      "bin": {
+        "lessc": "bin/lessc"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "optionalDependencies": {
+        "errno": "^0.1.1",
+        "graceful-fs": "^4.1.2",
+        "image-size": "~0.5.0",
+        "make-dir": "^2.1.0",
+        "mime": "^1.4.1",
+        "needle": "^3.1.0",
+        "source-map": "~0.6.0"
+      }
+    },
+    "node_modules/less-loader": {
+      "version": "12.3.0",
+      "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-12.3.0.tgz",
+      "integrity": "sha512-0M6+uYulvYIWs52y0LqN4+QM9TqWAohYSNTo4htE8Z7Cn3G/qQMEmktfHmyJT23k+20kU9zHH2wrfFXkxNLtVw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "@rspack/core": "0.x || 1.x",
+        "less": "^3.5.0 || ^4.0.0",
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@rspack/core": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/less/node_modules/make-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "pify": "^4.0.1",
+        "semver": "^5.6.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/less/node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/less/node_modules/pify": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/less/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/less/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/license-webpack-plugin": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/license-webpack-plugin/-/license-webpack-plugin-4.0.2.tgz",
+      "integrity": "sha512-771TFWFD70G1wLTC4oU2Cw4qvtmNrIw+wRvBtn+okgHl7slJVi7zfNcdmqDL72BojM30VNJ2UHylr1o77U37Jw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "webpack-sources": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack": {
+          "optional": true
+        },
+        "webpack-sources": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/listr2": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/listr2/-/listr2-9.0.1.tgz",
+      "integrity": "sha512-SL0JY3DaxylDuo/MecFeiC+7pedM0zia33zl0vcjgwcq1q1FWWF1To9EIauPbl8GbMCU0R2e0uJ8bZunhYKD2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cli-truncate": "^4.0.0",
+        "colorette": "^2.0.20",
+        "eventemitter3": "^5.0.1",
+        "log-update": "^6.1.0",
+        "rfdc": "^1.4.1",
+        "wrap-ansi": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/listr2/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/listr2/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/listr2/node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/listr2/node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/listr2/node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/listr2/node_modules/strip-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/listr2/node_modules/wrap-ansi": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
+      "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/lmdb": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.4.2.tgz",
+      "integrity": "sha512-nwVGUfTBUwJKXd6lRV8pFNfnrCC1+l49ESJRM19t/tFb/97QfJEixe5DYRvug5JO7DSFKoKaVy7oGMt5rVqZvg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "msgpackr": "^1.11.2",
+        "node-addon-api": "^6.1.0",
+        "node-gyp-build-optional-packages": "5.2.2",
+        "ordered-binary": "^1.5.3",
+        "weak-lru-cache": "^1.2.2"
+      },
+      "bin": {
+        "download-lmdb-prebuilds": "bin/download-prebuilds.js"
+      },
+      "optionalDependencies": {
+        "@lmdb/lmdb-darwin-arm64": "3.4.2",
+        "@lmdb/lmdb-darwin-x64": "3.4.2",
+        "@lmdb/lmdb-linux-arm": "3.4.2",
+        "@lmdb/lmdb-linux-arm64": "3.4.2",
+        "@lmdb/lmdb-linux-x64": "3.4.2",
+        "@lmdb/lmdb-win32-arm64": "3.4.2",
+        "@lmdb/lmdb-win32-x64": "3.4.2"
+      }
+    },
+    "node_modules/loader-runner": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.1.tgz",
+      "integrity": "sha512-IWqP2SCPhyVFTBtRcgMHdzlf9ul25NwaFx4wCEH/KjAXuuHY4yNjvPXsBokp8jCB936PyWRaPKUNh8NvylLp2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.11.5"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/loader-utils": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.3.1.tgz",
+      "integrity": "sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12.13.0"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/log-symbols": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-6.0.0.tgz",
+      "integrity": "sha512-i24m8rpwhmPIS4zscNzK6MSEhk0DUWa/8iYQWxhffV8jkI4Phvs3F+quL5xvS0gdQR0FyTCMMH33Y78dDTzzIw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^5.3.0",
+        "is-unicode-supported": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-symbols/node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/log-symbols/node_modules/is-unicode-supported": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-1.3.0.tgz",
+      "integrity": "sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/log-update/-/log-update-6.1.0.tgz",
+      "integrity": "sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-escapes": "^7.0.0",
+        "cli-cursor": "^5.0.0",
+        "slice-ansi": "^7.1.0",
+        "strip-ansi": "^7.1.0",
+        "wrap-ansi": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/log-update/node_modules/is-fullwidth-code-point": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-5.1.0.tgz",
+      "integrity": "sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-east-asian-width": "^1.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/slice-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.2.tgz",
+      "integrity": "sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "is-fullwidth-code-point": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/strip-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/wrap-ansi": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
+      "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/log4js": {
+      "version": "6.9.1",
+      "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.9.1.tgz",
+      "integrity": "sha512-1somDdy9sChrr9/f4UlzhdaGfDR2c/SaD2a4T7qEkG4jTS57/B3qmnjLYePwQ8cqWnUHZI0iAKxMBpCZICiZ2g==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "date-format": "^4.0.14",
+        "debug": "^4.3.4",
+        "flatted": "^3.2.7",
+        "rfdc": "^1.3.0",
+        "streamroller": "^3.1.5"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/loglevel": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.9.2.tgz",
+      "integrity": "sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      },
+      "funding": {
+        "type": "tidelift",
+        "url": "https://tidelift.com/funding/github/npm/loglevel"
+      }
+    },
+    "node_modules/loglevel-plugin-prefix": {
+      "version": "0.8.4",
+      "resolved": "https://registry.npmjs.org/loglevel-plugin-prefix/-/loglevel-plugin-prefix-0.8.4.tgz",
+      "integrity": "sha512-WpG9CcFAOjz/FtNht+QJeGpvVl/cdR6P0z6OcXSkr8wFJOsV2GRj2j10JLfjuA4aYkcKCNIEqRGCyTife9R8/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/loupe": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.2.1.tgz",
+      "integrity": "sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lower-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
+      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/lunr": {
+      "version": "2.3.9",
+      "resolved": "https://registry.npmjs.org/lunr/-/lunr-2.3.9.tgz",
+      "integrity": "sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lz-string": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "lz-string": "bin/bin.js"
+      }
+    },
+    "node_modules/macos-release": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/macos-release/-/macos-release-2.5.1.tgz",
+      "integrity": "sha512-DXqXhEM7gW59OjZO8NIjBCz9AQ1BEMrfiOAl4AYByHCtVHRF4KoGNO8mqQeM8lRCtQe/UnJ4imO/d2HdkKsd+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.17",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
+      "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-fetch-happen": {
+      "version": "14.0.3",
+      "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-14.0.3.tgz",
+      "integrity": "sha512-QMjGbFTP0blj97EeidG5hk/QhKQ3T4ICckQGLgz38QF7Vgbk6e6FTARN8KhKxyBbWn8R0HU+bnw8aSoFPD4qtQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@npmcli/agent": "^3.0.0",
+        "cacache": "^19.0.1",
+        "http-cache-semantics": "^4.1.1",
+        "minipass": "^7.0.2",
+        "minipass-fetch": "^4.0.0",
+        "minipass-flush": "^1.0.5",
+        "minipass-pipeline": "^1.2.4",
+        "negotiator": "^1.0.0",
+        "proc-log": "^5.0.0",
+        "promise-retry": "^2.0.1",
+        "ssri": "^12.0.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/map-cache": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
+      "integrity": "sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/map-stream": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/map-stream/-/map-stream-0.0.7.tgz",
+      "integrity": "sha512-C0X0KQmGm3N2ftbTGBhSyuydQ+vV1LC3f3zPvT3RXHXNZrvfPZcoXp/N5DOa8vedX/rTMm2CjTtivFg2STJMRQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/map-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
+      "integrity": "sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==",
+      "license": "MIT",
+      "dependencies": {
+        "object-visit": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/marked": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-7.0.3.tgz",
+      "integrity": "sha512-ev2uM40p0zQ/GbvqotfKcSWEa59fJwluGZj5dcaUOwDRrB1F3dncdXy8NWUApk4fi8atU3kTBOwjyjZ0ud0dxw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 16"
+      }
+    },
+    "node_modules/matchit": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/matchit/-/matchit-1.1.0.tgz",
+      "integrity": "sha512-+nGYoOlfHmxe5BW5tE0EMJppXEwdSf8uBA1GTZC7Q77kbT35+VKLYJMzVNWCHSsga1ps1tPYFtFyvxvKzWVmMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@arr/every": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/math-random": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/math-random/-/math-random-1.0.4.tgz",
+      "integrity": "sha512-rUxjysqif/BZQH2yhd5Aaq7vXMSx9NdEsQcyA07uEzIvxgI7zIr33gGsh+RU0/XjmQpCW7RsVof1vlkvQVCK5A==",
+      "license": "MIT"
+    },
+    "node_modules/media-typer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
+      "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/memfs": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz",
+      "integrity": "sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==",
+      "dev": true,
+      "license": "Unlicense",
+      "dependencies": {
+        "fs-monkey": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
+      "integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/micromatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.54.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.2.tgz",
+      "integrity": "sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "^1.54.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/mimic-function": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/mimic-function/-/mimic-function-5.0.1.tgz",
+      "integrity": "sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mini-css-extract-plugin": {
+      "version": "2.9.4",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.4.tgz",
+      "integrity": "sha512-ZWYT7ln73Hptxqxk2DxPU9MmapXRhxkJD6tkSR04dnQxm8BGu2hzgKLugK5yySD97u/8yy7Ma7E76k9ZdvtjkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "schema-utils": "^4.0.0",
+        "tapable": "^2.2.1"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/minimalistic-assert": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
+      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/minipass-collect": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-2.0.1.tgz",
+      "integrity": "sha512-D7V8PO9oaz7PWGLbCACuI1qEOsq7UKfLotx/C0Aet43fCUB/wfQ7DYeq2oR/svFJGYDHPr38SHATeaj/ZoKHKw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^7.0.3"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/minipass-fetch": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-4.0.1.tgz",
+      "integrity": "sha512-j7U11C5HXigVuutxebFadoYBbd7VSdZWggSe64NVdvWNBqGAiXPL2QVCehjmw7lY1oF9gOllYbORh+hiNgfPgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minipass": "^7.0.3",
+        "minipass-sized": "^1.0.3",
+        "minizlib": "^3.0.1"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      },
+      "optionalDependencies": {
+        "encoding": "^0.1.13"
+      }
+    },
+    "node_modules/minipass-flush": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz",
+      "integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/minipass-flush/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minipass-flush/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/minipass-pipeline": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz",
+      "integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minipass-pipeline/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minipass-pipeline/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/minipass-sized": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-1.0.3.tgz",
+      "integrity": "sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minipass-sized/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minipass-sized/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/minizlib": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.1.0.tgz",
+      "integrity": "sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minipass": "^7.1.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/mixin-deep": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
+      "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==",
+      "license": "MIT",
+      "dependencies": {
+        "for-in": "^1.0.2",
+        "is-extendable": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/mixin-deep/node_modules/is-extendable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+      "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/mixin-deep/node_modules/is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "license": "MIT",
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/morgan": {
+      "version": "1.10.1",
+      "resolved": "https://registry.npmjs.org/morgan/-/morgan-1.10.1.tgz",
+      "integrity": "sha512-223dMRJtI/l25dJKWpgij2cMtywuG/WiUKXdvwfbhGKBhy1puASqXwFzmWZ7+K73vUPoR7SS2Qz2cI/g9MKw0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "basic-auth": "~2.0.1",
+        "debug": "2.6.9",
+        "depd": "~2.0.0",
+        "on-finished": "~2.3.0",
+        "on-headers": "~1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/morgan/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/morgan/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/morgan/node_modules/on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+      "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/mrmime": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
+      "integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/msgpackr": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.5.tgz",
+      "integrity": "sha512-UjkUHN0yqp9RWKy0Lplhh+wlpdt9oQBYgULZOiFhV3VclSF1JnSQWZ5r9gORQlNYaUKQoR8itv7g7z1xDDuACA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "optionalDependencies": {
+        "msgpackr-extract": "^3.0.2"
+      }
+    },
+    "node_modules/msgpackr-extract": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.3.tgz",
+      "integrity": "sha512-P0efT1C9jIdVRefqjzOQ9Xml57zpOXnIuS+csaB4MdZbTdmGDLo8XhzBG1N7aO11gKDDkJvBLULeFTo46wwreA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "node-gyp-build-optional-packages": "5.2.2"
+      },
+      "bin": {
+        "download-msgpackr-prebuilds": "bin/download-prebuilds.js"
+      },
+      "optionalDependencies": {
+        "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.3"
+      }
+    },
+    "node_modules/multicast-dns": {
+      "version": "7.2.5",
+      "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-7.2.5.tgz",
+      "integrity": "sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dns-packet": "^5.2.2",
+        "thunky": "^1.0.2"
+      },
+      "bin": {
+        "multicast-dns": "cli.js"
+      }
+    },
+    "node_modules/mute-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-2.0.0.tgz",
+      "integrity": "sha512-WWdIxpyjEn+FhQJQQv9aQAYlHoNVdzIzUySNV1gHUPDSdZJ3yZn7pAAbQcV7B56Mvu881q9FZV+0Vx2xC44VWA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "node_modules/nan": {
+      "version": "2.24.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.24.0.tgz",
+      "integrity": "sha512-Vpf9qnVW1RaDkoNKFUvfxqAbtI8ncb8OJlqZ9wwpXzWPEsvsB1nvdUi6oYrHIkQ1Y/tMDnr1h4nczS0VB9Xykg==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/nanomatch": {
+      "version": "1.2.13",
+      "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
+      "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==",
+      "license": "MIT",
+      "dependencies": {
+        "arr-diff": "^4.0.0",
+        "array-unique": "^0.3.2",
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "fragment-cache": "^0.2.1",
+        "is-windows": "^1.0.2",
+        "kind-of": "^6.0.2",
+        "object.pick": "^1.3.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/nanomatch/node_modules/arr-diff": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+      "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/nanomatch/node_modules/array-unique": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+      "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/needle": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/needle/-/needle-3.3.1.tgz",
+      "integrity": "sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "iconv-lite": "^0.6.3",
+        "sax": "^1.2.4"
+      },
+      "bin": {
+        "needle": "bin/needle"
+      },
+      "engines": {
+        "node": ">= 4.4.x"
+      }
+    },
+    "node_modules/needle/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/negotiator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
+      "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/neotraverse": {
+      "version": "0.6.18",
+      "resolved": "https://registry.npmjs.org/neotraverse/-/neotraverse-0.6.18.tgz",
+      "integrity": "sha512-Z4SmBUweYa09+o6pG+eASabEpP6QkQ70yHj351pQoEXIs8uHbaU2DWVmzBANKgflPa47A50PtB2+NgRpQvr7vA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/no-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
+      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/node-abort-controller": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/node-abort-controller/-/node-abort-controller-3.1.1.tgz",
+      "integrity": "sha512-AGK2yQKIjRuqnc6VkX2Xj5d+QW8xZ87pa1UK6yA6ouUyuxfHuMP6umE5QK7UmTeOAymo+Zx1Fxiuw9rVx8taHQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-addon-api": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz",
+      "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/node-forge": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.3.tgz",
+      "integrity": "sha512-rLvcdSyRCyouf6jcOIPe/BgwG/d7hKjzMKOas33/pHEr6gbq18IK9zV7DiPvzsz0oBJPme6qr6H6kGZuI9/DZg==",
+      "dev": true,
+      "license": "(BSD-3-Clause OR GPL-2.0)",
+      "engines": {
+        "node": ">= 6.13.0"
+      }
+    },
+    "node_modules/node-gyp": {
+      "version": "11.5.0",
+      "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-11.5.0.tgz",
+      "integrity": "sha512-ra7Kvlhxn5V9Slyus0ygMa2h+UqExPqUIkfk7Pc8QTLT956JLSy51uWFwHtIYy0vI8cB4BDhc/S03+880My/LQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "env-paths": "^2.2.0",
+        "exponential-backoff": "^3.1.1",
+        "graceful-fs": "^4.2.6",
+        "make-fetch-happen": "^14.0.3",
+        "nopt": "^8.0.0",
+        "proc-log": "^5.0.0",
+        "semver": "^7.3.5",
+        "tar": "^7.4.3",
+        "tinyglobby": "^0.2.12",
+        "which": "^5.0.0"
+      },
+      "bin": {
+        "node-gyp": "bin/node-gyp.js"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/node-gyp-build-optional-packages": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz",
+      "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^2.0.1"
+      },
+      "bin": {
+        "node-gyp-build-optional-packages": "bin.js",
+        "node-gyp-build-optional-packages-optional": "optional.js",
+        "node-gyp-build-optional-packages-test": "build-test.js"
+      }
+    },
+    "node_modules/node-gyp/node_modules/chownr": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
+      "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/node-gyp/node_modules/isexe": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
+      "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/node-gyp/node_modules/tar": {
+      "version": "7.5.2",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.2.tgz",
+      "integrity": "sha512-7NyxrTE4Anh8km8iEy7o0QYPs+0JKBTj5ZaqHg6B39erLg0qYXN3BijtShwbsNSvQ+LN75+KV+C4QR/f6Gwnpg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/fs-minipass": "^4.0.0",
+        "chownr": "^3.0.0",
+        "minipass": "^7.1.2",
+        "minizlib": "^3.1.0",
+        "yallist": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/node-gyp/node_modules/which": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz",
+      "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^3.1.1"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/node-gyp/node_modules/yallist": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
+      "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nopt": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-8.1.0.tgz",
+      "integrity": "sha512-ieGu42u/Qsa4TFktmaKEwM6MQH0pOWnaB3htzh0JRtx84+Mebc0cbZYN5bC+6WTZ4+77xrL9Pn5m7CV6VIkV7A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "abbrev": "^3.0.0"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npm-bundled": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-4.0.0.tgz",
+      "integrity": "sha512-IxaQZDMsqfQ2Lz37VvyyEtKLe8FsRZuysmedy/N06TU1RyVppYKXrO4xIhR0F+7ubIBox6Q7nir6fQI3ej39iA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "npm-normalize-package-bin": "^4.0.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/npm-install-checks": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/npm-install-checks/-/npm-install-checks-7.1.2.tgz",
+      "integrity": "sha512-z9HJBCYw9Zr8BqXcllKIs5nI+QggAImbBdHphOzVYrz2CB4iQ6FzWyKmlqDZua+51nAu7FcemlbTc9VgQN5XDQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "semver": "^7.1.1"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/npm-normalize-package-bin": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-4.0.0.tgz",
+      "integrity": "sha512-TZKxPvItzai9kN9H/TkmCtx/ZN/hvr3vUycjlfmH0ootY9yFBzNOpiXAdIn1Iteqsvk4lQn6B5PTrt+n6h8k/w==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/npm-package-arg": {
+      "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-13.0.0.tgz",
+      "integrity": "sha512-+t2etZAGcB7TbbLHfDwooV9ppB2LhhcT6A+L9cahsf9mEUAoQ6CktLEVvEnpD0N5CkX7zJqnPGaFtoQDy9EkHQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "hosted-git-info": "^9.0.0",
+        "proc-log": "^5.0.0",
+        "semver": "^7.3.5",
+        "validate-npm-package-name": "^6.0.0"
+      },
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
+    "node_modules/npm-packlist": {
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-10.0.3.tgz",
+      "integrity": "sha512-zPukTwJMOu5X5uvm0fztwS5Zxyvmk38H/LfidkOMt3gbZVCyro2cD/ETzwzVPcWZA3JOyPznfUN/nkyFiyUbxg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "ignore-walk": "^8.0.0",
+        "proc-log": "^6.0.0"
+      },
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
+    "node_modules/npm-packlist/node_modules/proc-log": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-6.1.0.tgz",
+      "integrity": "sha512-iG+GYldRf2BQ0UDUAd6JQ/RwzaQy6mXmsk/IzlYyal4A4SNFw54MeH4/tLkF4I5WoWG9SQwuqWzS99jaFQHBuQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
+    "node_modules/npm-pick-manifest": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/npm-pick-manifest/-/npm-pick-manifest-10.0.0.tgz",
+      "integrity": "sha512-r4fFa4FqYY8xaM7fHecQ9Z2nE9hgNfJR+EmoKv0+chvzWkBcORX3r0FpTByP+CbOVJDladMXnPQGVN8PBLGuTQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "npm-install-checks": "^7.1.0",
+        "npm-normalize-package-bin": "^4.0.0",
+        "npm-package-arg": "^12.0.0",
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/npm-pick-manifest/node_modules/hosted-git-info": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-8.1.0.tgz",
+      "integrity": "sha512-Rw/B2DNQaPBICNXEm8balFz9a6WpZrkCGpcWFpy7nCj+NyhSdqXipmfvtmWt9xGfp0wZnBxB+iVpLmQMYt47Tw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^10.0.1"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/npm-pick-manifest/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/npm-pick-manifest/node_modules/npm-package-arg": {
+      "version": "12.0.2",
+      "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-12.0.2.tgz",
+      "integrity": "sha512-f1NpFjNI9O4VbKMOlA5QoBq/vSQPORHcTZ2feJpFkTHJ9eQkdlmZEKSjcAhxTGInC7RlEyScT9ui67NaOsjFWA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "hosted-git-info": "^8.0.0",
+        "proc-log": "^5.0.0",
+        "semver": "^7.3.5",
+        "validate-npm-package-name": "^6.0.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/npm-registry-fetch": {
+      "version": "18.0.2",
+      "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-18.0.2.tgz",
+      "integrity": "sha512-LeVMZBBVy+oQb5R6FDV9OlJCcWDU+al10oKpe+nsvcHnG24Z3uM3SvJYKfGJlfGjVU8v9liejCrUR/M5HO5NEQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@npmcli/redact": "^3.0.0",
+        "jsonparse": "^1.3.1",
+        "make-fetch-happen": "^14.0.0",
+        "minipass": "^7.0.2",
+        "minipass-fetch": "^4.0.0",
+        "minizlib": "^3.0.1",
+        "npm-package-arg": "^12.0.0",
+        "proc-log": "^5.0.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/npm-registry-fetch/node_modules/hosted-git-info": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-8.1.0.tgz",
+      "integrity": "sha512-Rw/B2DNQaPBICNXEm8balFz9a6WpZrkCGpcWFpy7nCj+NyhSdqXipmfvtmWt9xGfp0wZnBxB+iVpLmQMYt47Tw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^10.0.1"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/npm-registry-fetch/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/npm-registry-fetch/node_modules/npm-package-arg": {
+      "version": "12.0.2",
+      "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-12.0.2.tgz",
+      "integrity": "sha512-f1NpFjNI9O4VbKMOlA5QoBq/vSQPORHcTZ2feJpFkTHJ9eQkdlmZEKSjcAhxTGInC7RlEyScT9ui67NaOsjFWA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "hosted-git-info": "^8.0.0",
+        "proc-log": "^5.0.0",
+        "semver": "^7.3.5",
+        "validate-npm-package-name": "^6.0.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-copy": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
+      "integrity": "sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==",
+      "license": "MIT",
+      "dependencies": {
+        "copy-descriptor": "^0.1.0",
+        "define-property": "^0.2.5",
+        "kind-of": "^3.0.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-copy/node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-copy/node_modules/is-descriptor": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object-copy/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-deep-merge": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/object-deep-merge/-/object-deep-merge-2.0.0.tgz",
+      "integrity": "sha512-3DC3UMpeffLTHiuXSy/UG4NOIYTLlY9u3V82+djSCLYClWobZiS4ivYzpIUWrRY/nfsJ8cWsKyG3QfyLePmhvg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object-visit": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz",
+      "integrity": "sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==",
+      "license": "MIT",
+      "dependencies": {
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+      "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.omit": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/object.omit/-/object.omit-2.0.1.tgz",
+      "integrity": "sha512-UiAM5mhmIuKLsOvrL+B0U2d1hXHF3bFYWIuH1LMpuV2EJEHG1Ntz06PgLEHjm6VFd87NpH8rastvPoyv6UW2fA==",
+      "license": "MIT",
+      "dependencies": {
+        "for-own": "^0.1.4",
+        "is-extendable": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object.pick": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
+      "integrity": "sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/obuf": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
+      "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/on-headers": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.1.0.tgz",
+      "integrity": "sha512-737ZY3yNnXy37FHkQxPzt4UZ2UWPWiCZWLvFZ4fu5cueciegX0zGPnrlY6bwRg4FdQOe9YU8MkmJwGhoMybl8A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-7.0.0.tgz",
+      "integrity": "sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-function": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/open": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/open/-/open-10.2.0.tgz",
+      "integrity": "sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "default-browser": "^5.2.1",
+        "define-lazy-prop": "^3.0.0",
+        "is-inside-container": "^1.0.0",
+        "wsl-utils": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/opencollective-postinstall": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/opencollective-postinstall/-/opencollective-postinstall-2.0.3.tgz",
+      "integrity": "sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "opencollective-postinstall": "index.js"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/ora": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/ora/-/ora-8.2.0.tgz",
+      "integrity": "sha512-weP+BZ8MVNnlCm8c0Qdc1WSWq4Qn7I+9CJGm7Qali6g44e/PUzbjNqJX5NJ9ljlNMosfJvg1fKEGILklK9cwnw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^5.3.0",
+        "cli-cursor": "^5.0.0",
+        "cli-spinners": "^2.9.2",
+        "is-interactive": "^2.0.0",
+        "is-unicode-supported": "^2.0.0",
+        "log-symbols": "^6.0.0",
+        "stdin-discarder": "^0.2.2",
+        "string-width": "^7.2.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ora/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/ora/node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/ora/node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ora/node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ora/node_modules/strip-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/ordered-binary": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/ordered-binary/-/ordered-binary-1.6.0.tgz",
+      "integrity": "sha512-IQh2aMfMIDbPjI/8a3Edr+PiOpcsB7yo8NdW7aHWVaoR/pcDldunMvnnwbk/auPGqmKeAdxtZl7MHX/QmPwhvQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/os-name": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/os-name/-/os-name-4.0.1.tgz",
+      "integrity": "sha512-xl9MAoU97MH1Xt5K9ERft2YfCAoaO6msy1OBA0ozxEC0x0TmIoE6K3QvgJMMZA9yKGLmHXNY/YZoDbiGDj4zYw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "macos-release": "^2.5.0",
+        "windows-release": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-map": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-7.0.4.tgz",
+      "integrity": "sha512-tkAQEw8ysMzmkhgw8k+1U/iPhWNhykKnSk4Rd5zLoPJCuJaGRPo6YposrZgaxHKzDHdDWWZvE/Sk7hsL2X/CpQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-retry": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-6.2.1.tgz",
+      "integrity": "sha512-hEt02O4hUct5wtwg4H4KcWgDdm+l1bOaEy/hWzd8xtXB9BqxTWBBhb+2ImAtH4Cv4rPjV76xN3Zumqk3k3AhhQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/retry": "0.12.2",
+        "is-network-error": "^1.0.0",
+        "retry": "^0.13.1"
+      },
+      "engines": {
+        "node": ">=16.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-retry/node_modules/retry": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0"
+    },
+    "node_modules/pacote": {
+      "version": "21.0.0",
+      "resolved": "https://registry.npmjs.org/pacote/-/pacote-21.0.0.tgz",
+      "integrity": "sha512-lcqexq73AMv6QNLo7SOpz0JJoaGdS3rBFgF122NZVl1bApo2mfu+XzUBU/X/XsiJu+iUmKpekRayqQYAs+PhkA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@npmcli/git": "^6.0.0",
+        "@npmcli/installed-package-contents": "^3.0.0",
+        "@npmcli/package-json": "^6.0.0",
+        "@npmcli/promise-spawn": "^8.0.0",
+        "@npmcli/run-script": "^9.0.0",
+        "cacache": "^19.0.0",
+        "fs-minipass": "^3.0.0",
+        "minipass": "^7.0.2",
+        "npm-package-arg": "^12.0.0",
+        "npm-packlist": "^10.0.0",
+        "npm-pick-manifest": "^10.0.0",
+        "npm-registry-fetch": "^18.0.0",
+        "proc-log": "^5.0.0",
+        "promise-retry": "^2.0.1",
+        "sigstore": "^3.0.0",
+        "ssri": "^12.0.0",
+        "tar": "^6.1.11"
+      },
+      "bin": {
+        "pacote": "bin/index.js"
+      },
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
+    "node_modules/pacote/node_modules/hosted-git-info": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-8.1.0.tgz",
+      "integrity": "sha512-Rw/B2DNQaPBICNXEm8balFz9a6WpZrkCGpcWFpy7nCj+NyhSdqXipmfvtmWt9xGfp0wZnBxB+iVpLmQMYt47Tw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^10.0.1"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/pacote/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/pacote/node_modules/npm-package-arg": {
+      "version": "12.0.2",
+      "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-12.0.2.tgz",
+      "integrity": "sha512-f1NpFjNI9O4VbKMOlA5QoBq/vSQPORHcTZ2feJpFkTHJ9eQkdlmZEKSjcAhxTGInC7RlEyScT9ui67NaOsjFWA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "hosted-git-info": "^8.0.0",
+        "proc-log": "^5.0.0",
+        "semver": "^7.3.5",
+        "validate-npm-package-name": "^6.0.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/param-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
+      "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-glob": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/parse-glob/-/parse-glob-3.0.4.tgz",
+      "integrity": "sha512-FC5TeK0AwXzq3tUBFtH74naWkPQCEWs4K+xMxWZBlKDWu0bVHXGZa+KKqxKidd7xwhdZ19ZNuF2uO1M/r196HA==",
+      "license": "MIT",
+      "dependencies": {
+        "glob-base": "^0.3.0",
+        "is-dotfile": "^1.0.0",
+        "is-extglob": "^1.0.0",
+        "is-glob": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/parse-glob/node_modules/is-extglob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+      "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/parse-glob/node_modules/is-glob": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+      "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/parse-imports-exports": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/parse-imports-exports/-/parse-imports-exports-0.2.4.tgz",
+      "integrity": "sha512-4s6vd6dx1AotCx/RCI2m7t7GCh5bDRUtGNvRfHSP2wbBQdMi67pPe7mtzmgwcaQ8VKK/6IB7Glfyu3qdZJPybQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parse-statements": "1.0.11"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parse-json/node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/parse-node-version": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
+      "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/parse-statements": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/parse-statements/-/parse-statements-1.0.11.tgz",
+      "integrity": "sha512-HlsyYdMBnbPQ9Jr/VgJ1YF4scnldvJpJxCVx6KgqPL4dxppsWrJHCIIxQXMJrqGnsRkNPATbeMJ8Yxu7JMsYcA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/parse5": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
+      "integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5-html-rewriting-stream": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/parse5-html-rewriting-stream/-/parse5-html-rewriting-stream-8.0.0.tgz",
+      "integrity": "sha512-wzh11mj8KKkno1pZEu+l2EVeWsuKDfR5KNWZOTsslfUX8lPDZx77m9T0kIoAVkFtD1nx6YF8oh4BnPHvxMtNMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0",
+        "parse5": "^8.0.0",
+        "parse5-sax-parser": "^8.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5-html-rewriting-stream/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/parse5-htmlparser2-tree-adapter": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.1.0.tgz",
+      "integrity": "sha512-ruw5xyKs6lrpo9x9rCZqZZnIUntICjQAd0Wsmp396Ul9lN/h+ifgVV1x1gZHi8euej6wTfpqX8j+BFQxF0NS/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "domhandler": "^5.0.3",
+        "parse5": "^7.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5-htmlparser2-tree-adapter/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/parse5-htmlparser2-tree-adapter/node_modules/parse5": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5-parser-stream": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/parse5-parser-stream/-/parse5-parser-stream-7.1.2.tgz",
+      "integrity": "sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parse5": "^7.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5-parser-stream/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/parse5-parser-stream/node_modules/parse5": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5-sax-parser": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/parse5-sax-parser/-/parse5-sax-parser-8.0.0.tgz",
+      "integrity": "sha512-/dQ8UzHZwnrzs3EvDj6IkKrD/jIZyTlB+8XrHJvcjNgRdmWruNdN9i9RK/JtxakmlUdPwKubKPTCqvbTgzGhrw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parse5": "^8.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/pascal-case": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
+      "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/pascalcase": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
+      "integrity": "sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "license": "MIT"
+    },
+    "node_modules/path-scurry": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.1.tgz",
+      "integrity": "sha512-oWyT4gICAu+kaA7QWk/jvCHWarMKNs6pXOGWKDTr7cw4IGcUbW+PeTfbaQiLGheFRpjo6O9J0PmyMfQPjH71oA==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^11.0.0",
+        "minipass": "^7.1.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "11.2.4",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.4.tgz",
+      "integrity": "sha512-B5Y16Jr9LB9dHVkh6ZevG+vAbOsNOYCX+sXvFWFu7B3Iz5mijW3zdbMyhsh8ANd2mSWBYdJgnqi+mL7/LrOPYg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.3.0.tgz",
+      "integrity": "sha512-7jdwVIRtsP8MYpdXSwOS0YdD0Du+qOoF/AEPIt88PcCFrZCzx41oxku1jD88hZBwbNUIEfpqvuhjFaMAqMTWnA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pathval": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.1.tgz",
+      "integrity": "sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.16"
+      }
+    },
+    "node_modules/pause-stream": {
+      "version": "0.0.11",
+      "resolved": "https://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz",
+      "integrity": "sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==",
+      "dev": true,
+      "license": [
+        "MIT",
+        "Apache2"
+      ],
+      "dependencies": {
+        "through": "~2.3"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/piscina": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/piscina/-/piscina-5.1.3.tgz",
+      "integrity": "sha512-0u3N7H4+hbr40KjuVn2uNhOcthu/9usKhnw5vT3J7ply79v3D3M8naI00el9Klcy16x557VsEkkUQaHCWFXC/g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.x"
+      },
+      "optionalDependencies": {
+        "@napi-rs/nice": "^1.0.4"
+      }
+    },
+    "node_modules/pkce-challenge": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/pkce-challenge/-/pkce-challenge-5.0.1.tgz",
+      "integrity": "sha512-wQ0b/W4Fr01qtpHlqSqspcj3EhBvimsdh0KlHhH8HRZnMsEa0ea2fTULOXOS9ccQr3om+GcGRk4e+isrZWV8qQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/polka": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/polka/-/polka-0.5.2.tgz",
+      "integrity": "sha512-FVg3vDmCqP80tOrs+OeNlgXYmFppTXdjD5E7I4ET1NjvtNmQrb1/mJibybKkb/d4NA7YWAr1ojxuhpL3FHqdlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@polka/url": "^0.5.0",
+        "trouter": "^2.0.1"
+      }
+    },
+    "node_modules/posix-character-classes": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
+      "integrity": "sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
+      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-6.0.1.tgz",
+      "integrity": "sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^3.1.1"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "jiti": ">=1.21.0",
+        "postcss": ">=8.0.9",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-loader": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-8.1.1.tgz",
+      "integrity": "sha512-0IeqyAsG6tYiDRCYKQJLAmgQr47DX6N7sFSWvQxt6AcupX8DIdmykuk/o/tx0Lze3ErGHJEp5OSRxrelC6+NdQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cosmiconfig": "^9.0.0",
+        "jiti": "^1.20.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "@rspack/core": "0.x || 1.x",
+        "postcss": "^7.0.0 || ^8.0.1",
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@rspack/core": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-media-query-parser": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
+      "integrity": "sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/postcss-modules-extract-imports": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.1.0.tgz",
+      "integrity": "sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-local-by-default": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.2.0.tgz",
+      "integrity": "sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "icss-utils": "^5.0.0",
+        "postcss-selector-parser": "^7.0.0",
+        "postcss-value-parser": "^4.1.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-scope": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.2.1.tgz",
+      "integrity": "sha512-m9jZstCVaqGjTAuny8MdgE88scJnCiQSlSrOWcTQgM2t32UBe+MUmFSO5t7VMSfAf/FJKImAxBav8ooCHJXCJA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "postcss-selector-parser": "^7.0.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-values": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz",
+      "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "icss-utils": "^5.0.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.1.1"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-nested/node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.1.1.tgz",
+      "integrity": "sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/preserve": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/preserve/-/preserve-0.2.0.tgz",
+      "integrity": "sha512-s/46sYeylUfHNjI+sA/78FAHlmIuKqI9wNnzEOGehAlUUYeObv5C2mOinXBjyUyWmJ2SfcS2/ydApH4hTF4WXQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "3.7.4",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.7.4.tgz",
+      "integrity": "sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/pretty-error": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz",
+      "integrity": "sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.20",
+        "renderkid": "^3.0.0"
+      }
+    },
+    "node_modules/pretty-format": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
+      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^17.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/primeng": {
+      "version": "20.4.0",
+      "resolved": "https://registry.npmjs.org/primeng/-/primeng-20.4.0.tgz",
+      "integrity": "sha512-vXUD1G4/uet4rDkPW8xx7yZWj7RmsmexEJ3+GhpQgsNaLtPFsTCVfQq8v4FQ4tIs7shoD0hz76d3jtjGWZ49QQ==",
+      "dev": true,
+      "license": "SEE LICENSE IN LICENSE.md",
+      "dependencies": {
+        "@primeuix/styled": "^0.7.4",
+        "@primeuix/styles": "^1.2.5",
+        "@primeuix/utils": "^0.6.2",
+        "tslib": "^2.3.0"
+      },
+      "peerDependencies": {
+        "@angular/animations": "^20.0.4",
+        "@angular/cdk": "^20.0.3",
+        "@angular/common": "^20.0.4",
+        "@angular/core": "^20.0.4",
+        "@angular/forms": "^20.0.4",
+        "@angular/platform-browser": "^20.0.4",
+        "@angular/router": "^20.0.4",
+        "rxjs": "^6.0.0 || ^7.8.1"
+      }
+    },
+    "node_modules/prismjs": {
+      "version": "1.30.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.30.0.tgz",
+      "integrity": "sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/proc-log": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-5.0.0.tgz",
+      "integrity": "sha512-Azwzvl90HaF0aCz1JrDdXQykFakSSNPaPoiZ9fm5qJIMHioDZEi7OAdRwSm6rSoPtY3Qutnm3L7ogmg3dc+wbQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "license": "MIT"
+    },
+    "node_modules/promise-retry": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz",
+      "integrity": "sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "err-code": "^2.0.2",
+        "retry": "^0.12.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/proxy-middleware": {
+      "version": "0.15.0",
+      "resolved": "https://registry.npmjs.org/proxy-middleware/-/proxy-middleware-0.15.0.tgz",
+      "integrity": "sha512-EGCG8SeoIRVMhsqHQUdDigB2i7qU7fCsWASwn54+nPutYO8n4q6EiwMzyfWlC+dzRFExP+kvcnDFdBDHoZBU7Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/prr": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+      "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/pump": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.3.tgz",
+      "integrity": "sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+      "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/qjobs": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/qjobs/-/qjobs-1.2.0.tgz",
+      "integrity": "sha512-8YOJEHtxpySA3fFDyCRxA+UUV+fA+rTWnuWvylOK/NCjhY+b4ocCtmu8TtsWb+mYeU+GCHf/S66KZF/AsteKHg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.9"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
+      "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/randomatic": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/randomatic/-/randomatic-3.1.1.tgz",
+      "integrity": "sha512-TuDE5KxZ0J461RVjrJZCJc+J+zCkTb1MbH9AQUq68sMhOMcy9jLcb3BrZKgp9q9Ncltdg4QVqWrH02W2EFFVYw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^4.0.0",
+        "kind-of": "^6.0.0",
+        "math-random": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/randomatic/node_modules/is-number": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz",
+      "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.2.tgz",
+      "integrity": "sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.7.0",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
+      "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.3"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/recast": {
+      "version": "0.23.11",
+      "resolved": "https://registry.npmjs.org/recast/-/recast-0.23.11.tgz",
+      "integrity": "sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ast-types": "^0.16.1",
+        "esprima": "~4.0.0",
+        "source-map": "~0.6.1",
+        "tiny-invariant": "^1.3.3",
+        "tslib": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/recast/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/reflect-metadata": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
+      "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regenerate": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/regenerate-unicode-properties": {
+      "version": "10.2.2",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.2.tgz",
+      "integrity": "sha512-m03P+zhBeQd1RGnYxrGyDAPpWX/epKirLrp8e3qevZdVkKtnCrjjWczIbYc8+xd6vcTStVlqfycTx1KR4LOr0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "regenerate": "^1.4.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.11.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
+      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==",
+      "license": "MIT"
+    },
+    "node_modules/regex-cache": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/regex-cache/-/regex-cache-0.4.4.tgz",
+      "integrity": "sha512-nVIZwtCjkC9YgvWkpM55B5rBhBYRZhAaJbgcFYXXsHnbZ9UZI9nnVWYZpBlCqv9ho2eZryPnWrZGsOdPwVWXWQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-equal-shallow": "^0.1.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/regex-not": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
+      "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==",
+      "license": "MIT",
+      "dependencies": {
+        "extend-shallow": "^3.0.2",
+        "safe-regex": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/regex-parser": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/regex-parser/-/regex-parser-2.3.1.tgz",
+      "integrity": "sha512-yXLRqatcCuKtVHsWrNg0JL3l1zGfdXeEvDa0bdu4tCDQw0RpMDZsqbkyRTUnKMR0tXF627V2oEWjBEaEdqTwtQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexpu-core": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.4.0.tgz",
+      "integrity": "sha512-0ghuzq67LI9bLXpOX/ISfve/Mq33a4aFRzoQYhnnok1JOFpmE/A2TBGkNVenOGEeSBCjIiWcc6MVOG5HEQv0sA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "regenerate": "^1.4.2",
+        "regenerate-unicode-properties": "^10.2.2",
+        "regjsgen": "^0.8.0",
+        "regjsparser": "^0.13.0",
+        "unicode-match-property-ecmascript": "^2.0.0",
+        "unicode-match-property-value-ecmascript": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/regjsparser": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.13.0.tgz",
+      "integrity": "sha512-NZQZdC5wOE/H3UT28fVGL+ikOZcEzfMGk/c3iN9UGxzWHMa1op7274oyiUVrAG4B2EuFhus8SvkaYnhvW92p9Q==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "jsesc": "~3.1.0"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/relateurl": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
+      "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/remove-trailing-separator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
+      "integrity": "sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==",
+      "license": "ISC"
+    },
+    "node_modules/renderkid": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz",
+      "integrity": "sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-select": "^4.1.3",
+        "dom-converter": "^0.2.0",
+        "htmlparser2": "^6.1.0",
+        "lodash": "^4.17.21",
+        "strip-ansi": "^6.0.1"
+      }
+    },
+    "node_modules/renderkid/node_modules/css-select": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
+      "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.0.1",
+        "domhandler": "^4.3.1",
+        "domutils": "^2.8.0",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/renderkid/node_modules/css-what": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz",
+      "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/renderkid/node_modules/dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/renderkid/node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/renderkid/node_modules/domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/renderkid/node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/renderkid/node_modules/htmlparser2": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
+      "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
+      "dev": true,
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.0.0",
+        "domutils": "^2.5.2",
+        "entities": "^2.0.0"
+      }
+    },
+    "node_modules/repeat-element": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.4.tgz",
+      "integrity": "sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/repeat-string": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
+      "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/reserved-identifiers": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/reserved-identifiers/-/reserved-identifiers-1.2.0.tgz",
+      "integrity": "sha512-yE7KUfFvaBFzGPs5H3Ops1RevfUEsDc5Iz65rOwWg4lE8HJSYtle77uul3+573457oHvBKuHYDl/xqUkKpEEdw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.10",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
+      "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-url": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
+      "integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==",
+      "deprecated": "https://github.com/lydell/resolve-url#deprecated",
+      "license": "MIT"
+    },
+    "node_modules/resolve-url-loader": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-5.0.0.tgz",
+      "integrity": "sha512-uZtduh8/8srhBoMx//5bwqjQ+rfYOUq8zC9NrMUGtjBiGTtFJM42s58/36+hTqeqINcnYe08Nj3LkK9lW4N8Xg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "adjust-sourcemap-loader": "^4.0.0",
+        "convert-source-map": "^1.7.0",
+        "loader-utils": "^2.0.0",
+        "postcss": "^8.2.14",
+        "source-map": "0.6.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/resolve-url-loader/node_modules/loader-utils": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
+      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^2.1.2"
+      },
+      "engines": {
+        "node": ">=8.9.0"
+      }
+    },
+    "node_modules/resolve-url-loader/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/restore-cursor": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-5.1.0.tgz",
+      "integrity": "sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "onetime": "^7.0.0",
+        "signal-exit": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ret": {
+      "version": "0.1.15",
+      "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
+      "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
+    "node_modules/retry": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/rimraf/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/rimraf/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/rimraf/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.52.3",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.52.3.tgz",
+      "integrity": "sha512-RIDh866U8agLgiIcdpB+COKnlCreHJLfIhWC3LVflku5YHfpnsIKigRZeFfMfCc4dVcqNVfQQ5gO/afOck064A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.52.3",
+        "@rollup/rollup-android-arm64": "4.52.3",
+        "@rollup/rollup-darwin-arm64": "4.52.3",
+        "@rollup/rollup-darwin-x64": "4.52.3",
+        "@rollup/rollup-freebsd-arm64": "4.52.3",
+        "@rollup/rollup-freebsd-x64": "4.52.3",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.52.3",
+        "@rollup/rollup-linux-arm-musleabihf": "4.52.3",
+        "@rollup/rollup-linux-arm64-gnu": "4.52.3",
+        "@rollup/rollup-linux-arm64-musl": "4.52.3",
+        "@rollup/rollup-linux-loong64-gnu": "4.52.3",
+        "@rollup/rollup-linux-ppc64-gnu": "4.52.3",
+        "@rollup/rollup-linux-riscv64-gnu": "4.52.3",
+        "@rollup/rollup-linux-riscv64-musl": "4.52.3",
+        "@rollup/rollup-linux-s390x-gnu": "4.52.3",
+        "@rollup/rollup-linux-x64-gnu": "4.52.3",
+        "@rollup/rollup-linux-x64-musl": "4.52.3",
+        "@rollup/rollup-openharmony-arm64": "4.52.3",
+        "@rollup/rollup-win32-arm64-msvc": "4.52.3",
+        "@rollup/rollup-win32-ia32-msvc": "4.52.3",
+        "@rollup/rollup-win32-x64-gnu": "4.52.3",
+        "@rollup/rollup-win32-x64-msvc": "4.52.3",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/router": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
+      "integrity": "sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.4.0",
+        "depd": "^2.0.0",
+        "is-promise": "^4.0.0",
+        "parseurl": "^1.3.3",
+        "path-to-regexp": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/run-applescript": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/run-applescript/-/run-applescript-7.1.0.tgz",
+      "integrity": "sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/rxjs": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+      "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
+      "integrity": "sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==",
+      "license": "MIT",
+      "dependencies": {
+        "ret": "~0.1.10"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/sass": {
+      "version": "1.90.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.90.0.tgz",
+      "integrity": "sha512-9GUyuksjw70uNpb1MTYWsH9MQHOHY6kwfnkafC24+7aOMZn9+rVMBxRbLvw756mrBFbIsFg6Xw9IkR2Fnn3k+Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^4.0.0",
+        "immutable": "^5.0.2",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
+    "node_modules/sass-loader": {
+      "version": "16.0.5",
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-16.0.5.tgz",
+      "integrity": "sha512-oL+CMBXrj6BZ/zOq4os+UECPL+bWqt6OAC6DWS8Ln8GZRcMDjlJ4JC3FBDuHJdYaFWIdKNIBYmtZtK2MaMkNIw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "neo-async": "^2.6.2"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "@rspack/core": "0.x || 1.x",
+        "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0",
+        "sass": "^1.3.0",
+        "sass-embedded": "*",
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@rspack/core": {
+          "optional": true
+        },
+        "node-sass": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/sax": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.3.tgz",
+      "integrity": "sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "optional": true
+    },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/schema-utils": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.3.tgz",
+      "integrity": "sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/schema-utils/node_modules/ajv-formats": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
+      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/select-hose": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
+      "integrity": "sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/selfsigned": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.4.1.tgz",
+      "integrity": "sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node-forge": "^1.3.0",
+        "node-forge": "^1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/send": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-1.2.0.tgz",
+      "integrity": "sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.5",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "etag": "^1.8.1",
+        "fresh": "^2.0.0",
+        "http-errors": "^2.0.0",
+        "mime-types": "^3.0.1",
+        "ms": "^2.1.3",
+        "on-finished": "^2.4.1",
+        "range-parser": "^1.2.1",
+        "statuses": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
+      "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/serve-index": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
+      "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.4",
+        "batch": "0.6.1",
+        "debug": "2.6.9",
+        "escape-html": "~1.0.3",
+        "http-errors": "~1.6.2",
+        "mime-types": "~2.1.17",
+        "parseurl": "~1.3.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/serve-index/node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-index/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/serve-index/node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-index/node_modules/http-errors": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+      "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.1.0",
+        "statuses": ">= 1.4.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-index/node_modules/inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/serve-index/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-index/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-index/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/serve-index/node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-index/node_modules/setprototypeof": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/serve-index/node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-static": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-2.2.0.tgz",
+      "integrity": "sha512-61g9pCh0Vnh7IutZjtLGGpTA355+OPn2TyDv/6ivP2h/AdAVX9azsoxmg2/M6nZeQZNYBEwIcsne1mJd9oQItQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "parseurl": "^1.3.3",
+        "send": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-value": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
+      "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==",
+      "license": "MIT",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-extendable": "^0.1.1",
+        "is-plain-object": "^2.0.3",
+        "split-string": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/set-value/node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/set-value/node_modules/is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "license": "MIT",
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/shallow-clone": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
+      "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "kind-of": "^6.0.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.33.5.tgz",
+      "integrity": "sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "color": "^4.2.3",
+        "detect-libc": "^2.0.3",
+        "semver": "^7.6.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.33.5",
+        "@img/sharp-darwin-x64": "0.33.5",
+        "@img/sharp-libvips-darwin-arm64": "1.0.4",
+        "@img/sharp-libvips-darwin-x64": "1.0.4",
+        "@img/sharp-libvips-linux-arm": "1.0.5",
+        "@img/sharp-libvips-linux-arm64": "1.0.4",
+        "@img/sharp-libvips-linux-s390x": "1.0.4",
+        "@img/sharp-libvips-linux-x64": "1.0.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.0.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.0.4",
+        "@img/sharp-linux-arm": "0.33.5",
+        "@img/sharp-linux-arm64": "0.33.5",
+        "@img/sharp-linux-s390x": "0.33.5",
+        "@img/sharp-linux-x64": "0.33.5",
+        "@img/sharp-linuxmusl-arm64": "0.33.5",
+        "@img/sharp-linuxmusl-x64": "0.33.5",
+        "@img/sharp-wasm32": "0.33.5",
+        "@img/sharp-win32-ia32": "0.33.5",
+        "@img/sharp-win32-x64": "0.33.5"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shell-quote": {
+      "version": "1.8.3",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz",
+      "integrity": "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/sigstore": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-3.1.0.tgz",
+      "integrity": "sha512-ZpzWAFHIFqyFE56dXqgX/DkDRZdz+rRcjoIk/RQU4IX0wiCv1l8S7ZrXDHcCc+uaf+6o7w3h2l3g6GYG5TKN9Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@sigstore/bundle": "^3.1.0",
+        "@sigstore/core": "^2.0.0",
+        "@sigstore/protobuf-specs": "^0.4.0",
+        "@sigstore/sign": "^3.1.0",
+        "@sigstore/tuf": "^3.1.0",
+        "@sigstore/verify": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.4.tgz",
+      "integrity": "sha512-nAu1WFPQSMNr2Zn9PGSZK9AGn4t/y97lEm+MXTtUDwfP0ksAIX4nO+6ruD9Jwut4C49SB1Ws+fbXsm/yScWOHw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
+    "node_modules/simple-swizzle/node_modules/is-arrayish": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.4.tgz",
+      "integrity": "sha512-m6UrgzFVUYawGBh1dUsWR5M2Clqic9RVXC/9f8ceNlv2IcO9j9J/z8UoCLPqtsPBFNzEpfR3xftohbfqDx8EQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/sirv": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
+      "integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@polka/url": "^1.0.0-next.24",
+        "mrmime": "^2.0.0",
+        "totalist": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/sirv/node_modules/@polka/url": {
+      "version": "1.0.0-next.29",
+      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
+      "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/slice-ansi": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
+      "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.0.0",
+        "is-fullwidth-code-point": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/slice-ansi/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/smart-buffer": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
+      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/snapdragon": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
+      "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==",
+      "license": "MIT",
+      "dependencies": {
+        "base": "^0.11.1",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "map-cache": "^0.2.2",
+        "source-map": "^0.5.6",
+        "source-map-resolve": "^0.5.0",
+        "use": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon-node": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz",
+      "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==",
+      "license": "MIT",
+      "dependencies": {
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.0",
+        "snapdragon-util": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon-node/node_modules/define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+      "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-descriptor": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon-util": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz",
+      "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "kind-of": "^3.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon-util/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/snapdragon/node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon/node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon/node_modules/is-descriptor": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/snapdragon/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/snapdragon/node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/socket.io": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.8.1.tgz",
+      "integrity": "sha512-oZ7iUCxph8WYRHHcjBEc9unw3adt5CmSNlppj/5Q4k2RIrhl8Z5yY2Xr4j9zj0+wzVZ0bxmYoGSzKJnRl6A4yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.4",
+        "base64id": "~2.0.0",
+        "cors": "~2.8.5",
+        "debug": "~4.3.2",
+        "engine.io": "~6.6.0",
+        "socket.io-adapter": "~2.5.2",
+        "socket.io-parser": "~4.2.4"
+      },
+      "engines": {
+        "node": ">=10.2.0"
+      }
+    },
+    "node_modules/socket.io-adapter": {
+      "version": "2.5.5",
+      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.5.tgz",
+      "integrity": "sha512-eLDQas5dzPgOWCk9GuuJC2lBqItuhKI4uxGgo9aIV7MYbk2h9Q6uULEh8WBzThoI7l+qU9Ast9fVUmkqPP9wYg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "~4.3.4",
+        "ws": "~8.17.1"
+      }
+    },
+    "node_modules/socket.io-adapter/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io-parser": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz",
+      "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/socket.io-parser/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io/node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/socket.io/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/socket.io/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/socket.io/node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/sockjs": {
+      "version": "0.3.24",
+      "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
+      "integrity": "sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "faye-websocket": "^0.11.3",
+        "uuid": "^8.3.2",
+        "websocket-driver": "^0.7.4"
+      }
+    },
+    "node_modules/sockjs/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/socks": {
+      "version": "2.8.7",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.7.tgz",
+      "integrity": "sha512-HLpt+uLy/pxB+bum/9DzAgiKS8CX1EvbWxI4zlmgGCExImLdiad2iCwXT5Z4c9c3Eq8rP2318mPW2c+QbtjK8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ip-address": "^10.0.1",
+        "smart-buffer": "^4.2.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/socks-proxy-agent": {
+      "version": "8.0.5",
+      "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.5.tgz",
+      "integrity": "sha512-HehCEsotFqbPW9sJ8WVYB6UbmIMv7kUUORIF2Nncq4VQvBfNBLibW9YZR5dlYCSUhwcD628pRllm7n+E+YTzJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "socks": "^2.8.3"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.7.6",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.6.tgz",
+      "integrity": "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-loader": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-5.0.0.tgz",
+      "integrity": "sha512-k2Dur7CbSLcAH73sBcIkV5xjPV4SzqO1NJ7+XaQl8if3VODDUj3FNchNGpqgJSKbvUfJuhVdv8K2Eu8/TNl2eA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "^0.6.3",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.72.1"
+      }
+    },
+    "node_modules/source-map-loader/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-resolve": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
+      "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
+      "deprecated": "See https://github.com/lydell/source-map-resolve#deprecated",
+      "license": "MIT",
+      "dependencies": {
+        "atob": "^2.1.2",
+        "decode-uri-component": "^0.2.0",
+        "resolve-url": "^0.2.1",
+        "source-map-url": "^0.4.0",
+        "urix": "^0.1.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/source-map-support/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-url": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
+      "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
+      "deprecated": "See https://github.com/lydell/source-map-url#deprecated",
+      "license": "MIT"
+    },
+    "node_modules/spdx-correct": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
+      "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-correct/node_modules/spdx-expression-parse": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-exceptions": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz",
+      "integrity": "sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==",
+      "dev": true,
+      "license": "CC-BY-3.0"
+    },
+    "node_modules/spdx-expression-parse": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-4.0.0.tgz",
+      "integrity": "sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-license-ids": {
+      "version": "3.0.22",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.22.tgz",
+      "integrity": "sha512-4PRT4nh1EImPbt2jASOKHX7PB7I+e4IWNLvkKFDxNhJlfjbYlleYQh285Z/3mPTHSAK/AvdMmw5BNNuYH8ShgQ==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/spdy": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
+      "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.0",
+        "handle-thing": "^2.0.0",
+        "http-deceiver": "^1.2.7",
+        "select-hose": "^2.0.0",
+        "spdy-transport": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/spdy-transport": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz",
+      "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.0",
+        "detect-node": "^2.0.4",
+        "hpack.js": "^2.1.6",
+        "obuf": "^1.1.2",
+        "readable-stream": "^3.0.6",
+        "wbuf": "^1.7.3"
+      }
+    },
+    "node_modules/split": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/split/-/split-1.0.1.tgz",
+      "integrity": "sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "through": "2"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/split-string": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
+      "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==",
+      "license": "MIT",
+      "dependencies": {
+        "extend-shallow": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ssri": {
+      "version": "12.0.0",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-12.0.0.tgz",
+      "integrity": "sha512-S7iGNosepx9RadX82oimUkvr0Ct7IjJbEbs4mJcTxst8um95J3sDYU1RBEOvdu6oL1Wek2ODI5i4MAw+dZ6cAQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^7.0.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/static-extend": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
+      "integrity": "sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==",
+      "license": "MIT",
+      "dependencies": {
+        "define-property": "^0.2.5",
+        "object-copy": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/static-extend/node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/static-extend/node_modules/is-descriptor": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/stdin-discarder": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/stdin-discarder/-/stdin-discarder-0.2.2.tgz",
+      "integrity": "sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/storybook": {
+      "version": "10.1.8",
+      "resolved": "https://registry.npmjs.org/storybook/-/storybook-10.1.8.tgz",
+      "integrity": "sha512-P33uUf76J1VmhxV8CyC+M0/zoop9oMYXRypNxuvgvXwmun/9yZtu5ThNgp6MkF9hEMA53X7Gf+P/P5Jn/TYPng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "@storybook/icons": "^2.0.0",
+        "@testing-library/jest-dom": "^6.6.3",
+        "@testing-library/user-event": "^14.6.1",
+        "@vitest/expect": "3.2.4",
+        "@vitest/spy": "3.2.4",
+        "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0 || ^0.26.0 || ^0.27.0",
+        "open": "^10.2.0",
+        "recast": "^0.23.5",
+        "semver": "^7.6.2",
+        "use-sync-external-store": "^1.5.0",
+        "ws": "^8.18.0"
+      },
+      "bin": {
+        "storybook": "dist/bin/dispatcher.js"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "prettier": "^2 || ^3"
+      },
+      "peerDependenciesMeta": {
+        "prettier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/storybook/node_modules/ws": {
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/stream-combiner": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/stream-combiner/-/stream-combiner-0.2.2.tgz",
+      "integrity": "sha512-6yHMqgLYDzQDcAkL+tjJDC5nSNuNIx0vZtRZeiPh7Saef7VHX9H5Ijn9l2VIol2zaNYlYEX6KyuT/237A58qEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "duplexer": "~0.1.1",
+        "through": "~2.3.4"
+      }
+    },
+    "node_modules/streamroller": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-3.1.5.tgz",
+      "integrity": "sha512-KFxaM7XT+irxvdqSP1LGLgNWbYN7ay5owZ3r/8t77p+EtSUAfUgtl7be3xtqtOmGUl9K9YPO2ca8133RlTjvKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "date-format": "^4.0.14",
+        "debug": "^4.3.4",
+        "fs-extra": "^8.1.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/streamroller/node_modules/fs-extra": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/streamroller/node_modules/jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "dev": true,
+      "license": "MIT",
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/streamroller/node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string_decoder/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/string-width-cjs/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/string-width/node_modules/strip-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/style-loader": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-4.0.0.tgz",
+      "integrity": "sha512-1V4WqhhZZgjVAVJyt7TdDPZoPBPNHbekX4fWnCJL1yQukhCeZhJySUL+gL9y6sNdN95uEOS83Y55SqHcP7MzLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.27.0"
+      }
+    },
+    "node_modules/subarg": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/subarg/-/subarg-1.0.0.tgz",
+      "integrity": "sha512-RIrIdRY0X1xojthNcVtgT9sjpOGagEUKpZdgBUi054OEPFo282yg+zE+t1Rj3+RqKq2xStL7uUHhY+AjbC4BXg==",
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.1.0"
+      }
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/sucrase/node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svg-pan-zoom": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/svg-pan-zoom/-/svg-pan-zoom-3.6.2.tgz",
+      "integrity": "sha512-JwnvRWfVKw/Xzfe6jriFyfey/lWJLq4bUh2jwoR5ChWQuQoOH8FEh1l/bEp46iHHKHEJWIyFJETbazraxNWECg==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/tablesort": {
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/tablesort/-/tablesort-5.6.0.tgz",
+      "integrity": "sha512-cZZXK3G089PbpxH8N7vN7Z21SEKqXAaCiSVOmZdR/v7z8TFCsF/OFr0rzjhQuFlQQHy9uQtW9P2oQFJzJFGVrg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16",
+        "npm": ">= 8"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "3.4.19",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",
+      "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.6.0",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.2",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.21.7",
+        "lilconfig": "^3.1.3",
+        "micromatch": "^4.0.8",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.47",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
+        "postcss-nested": "^6.2.0",
+        "postcss-selector-parser": "^6.1.2",
+        "resolve": "^1.22.8",
+        "sucrase": "^3.35.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/tapable": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",
+      "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/tar": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
+      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "chownr": "^2.0.0",
+        "fs-minipass": "^2.0.0",
+        "minipass": "^5.0.0",
+        "minizlib": "^2.1.1",
+        "mkdirp": "^1.0.3",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/tar/node_modules/fs-minipass": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/tar/node_modules/fs-minipass/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tar/node_modules/minipass": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
+      "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tar/node_modules/minizlib": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
+      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minipass": "^3.0.0",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/tar/node_modules/minizlib/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tar/node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/tar/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/telejson": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/telejson/-/telejson-8.0.0.tgz",
+      "integrity": "sha512-8mCI1dHX80nchOkIEgvyWlGLgeh/SxO7JZPOud0DxvfFdI6MgwxRL8ff7rVdj6436uHhpWaxLQjU74Jb2I0u9g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/terser": {
+      "version": "5.43.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.43.1.tgz",
+      "integrity": "sha512-+6erLbBm0+LROX2sPXlUYx/ux5PyE9K/a92Wrt6oA+WDAoFTdpHE5tCYCI5PNzq2y8df4rA+QgHLJuR4jNymsg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.14.0",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser-webpack-plugin": {
+      "version": "5.3.16",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.16.tgz",
+      "integrity": "sha512-h9oBFCWrq78NyWWVcSwZarJkZ01c2AyGrzs1crmHZO3QUg9D61Wu4NPjBy69n7JqylFF5y+CsUZYmYEIZ3mR+Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^4.3.0",
+        "serialize-javascript": "^6.0.2",
+        "terser": "^5.31.1"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/thingies": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/thingies/-/thingies-2.5.0.tgz",
+      "integrity": "sha512-s+2Bwztg6PhWUD7XMfeYm5qliDdSiZm7M7n8KjTkIsm3l/2lgVRc2/Gx/v+ZX8lT4FMA+i8aQvhcWylldc+ZNw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "^2"
+      }
+    },
+    "node_modules/through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/thunky": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
+      "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tiny-invariant": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
+      "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.14",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
+      "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyrainbow": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
+      "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tinyspy": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-4.0.4.tgz",
+      "integrity": "sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tmp": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.5.tgz",
+      "integrity": "sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/to-object-path": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
+      "integrity": "sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==",
+      "license": "MIT",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-object-path/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
+      "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==",
+      "license": "MIT",
+      "dependencies": {
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "regex-not": "^1.0.2",
+        "safe-regex": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/to-valid-identifier": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/to-valid-identifier/-/to-valid-identifier-1.0.0.tgz",
+      "integrity": "sha512-41wJyvKep3yT2tyPqX/4blcfybknGB4D+oETKLs7Q76UiPqRpUJK3hr1nxelyYO0PHKVzJwlu0aCeEAsGI6rpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sindresorhus/base62": "^1.0.0",
+        "reserved-identifiers": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/totalist": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
+      "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tree-dump": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/tree-dump/-/tree-dump-1.1.0.tgz",
+      "integrity": "sha512-rMuvhU4MCDbcbnleZTFezWsaZXRFemSqAM+7jPnzUl1fo9w3YEKOxAeui0fz3OI4EU4hf23iyA7uQRVko+UaBA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/tree-kill": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
+      "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "tree-kill": "cli.js"
+      }
+    },
+    "node_modules/trouter": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/trouter/-/trouter-2.0.1.tgz",
+      "integrity": "sha512-kr8SKKw94OI+xTGOkfsvwZQ8mWoikZDd2n8XZHjJVZUARZT+4/VV6cacRS6CLsH9bNm+HFIPU1Zx4CnNnb4qlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "matchit": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
+      "integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/ts-dedent": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz",
+      "integrity": "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.10"
+      }
+    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/ts-morph": {
+      "version": "27.0.2",
+      "resolved": "https://registry.npmjs.org/ts-morph/-/ts-morph-27.0.2.tgz",
+      "integrity": "sha512-fhUhgeljcrdZ+9DZND1De1029PrE+cMkIP7ooqkLRTrRLTqcki2AstsyJm0vRNbTbVCNJ0idGlbBrfqc7/nA8w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ts-morph/common": "~0.28.1",
+        "code-block-writer": "^13.0.3"
+      }
+    },
+    "node_modules/tsconfig-paths": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "node_modules/tsconfig-paths-webpack-plugin": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths-webpack-plugin/-/tsconfig-paths-webpack-plugin-4.2.0.tgz",
+      "integrity": "sha512-zbem3rfRS8BgeNK50Zz5SIQgXzLafiHjOwUAvk/38/o1jHn/V5QAgVUcz884or7WYcPaH3N2CIfUc2u0ul7UcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.0",
+        "enhanced-resolve": "^5.7.0",
+        "tapable": "^2.2.1",
+        "tsconfig-paths": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/tsconfig-paths-webpack-plugin/node_modules/tsconfig-paths": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz",
+      "integrity": "sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json5": "^2.2.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tsconfig-paths/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD"
+    },
+    "node_modules/tuf-js": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/tuf-js/-/tuf-js-3.1.0.tgz",
+      "integrity": "sha512-3T3T04WzowbwV2FDiGXBbr81t64g1MUGGJRgT4x5o97N+8ArdhVCAF9IxFrxuSJmM3E5Asn7nKHkao0ibcZXAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tufjs/models": "3.0.1",
+        "debug": "^4.4.1",
+        "make-fetch-happen": "^14.0.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.0.1.tgz",
+      "integrity": "sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "content-type": "^1.0.5",
+        "media-typer": "^1.1.0",
+        "mime-types": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-assert": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/typed-assert/-/typed-assert-1.0.9.tgz",
+      "integrity": "sha512-KNNZtayBCtmnNmbo5mG47p1XsCyrx6iVqomjcZnec/1Y5GGARaxPs6r49RnSPeUP3YjNYiU9sQHAtY4BBvnZwg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/ua-parser-js": {
+      "version": "0.7.41",
+      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.41.tgz",
+      "integrity": "sha512-O3oYyCMPYgNNHuO7Jjk3uacJWZF8loBgwrfd/5LE/HyZ3lUIOdniQ7DNXJcIgZbwioZxk0fLfI4EVnetdiX5jg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/ua-parser-js"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/faisalman"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/faisalman"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "ua-parser-js": "script/cli.js"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/uglify-js": {
+      "version": "3.19.3",
+      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.19.3.tgz",
+      "integrity": "sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "optional": true,
+      "bin": {
+        "uglifyjs": "bin/uglifyjs"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/undici": {
+      "version": "7.16.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.16.0.tgz",
+      "integrity": "sha512-QEg3HPMll0o3t2ourKwOeUAZ159Kn9mx5pnzHRQO8+Wixmh88YdZRiIwat0iNzNNXn0yoEtXJqFpyW7eM8BV7g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18.1"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "7.16.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
+      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unicode-canonical-property-names-ecmascript": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz",
+      "integrity": "sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "unicode-canonical-property-names-ecmascript": "^2.0.0",
+        "unicode-property-aliases-ecmascript": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-value-ecmascript": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.1.tgz",
+      "integrity": "sha512-JQ84qTuMg4nVkx8ga4A16a1epI9H6uTXAknqxkGF/aFfRLw1xC/Bp24HNLaZhHSkWd3+84t8iXnp1J0kYcZHhg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-property-aliases-ecmascript": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.2.0.tgz",
+      "integrity": "sha512-hpbDzxUY9BFwX+UeBnxv3Sh1q7HFxj48DTmXchNgRa46lO8uj3/1iEn3MiNUYTg1g9ctIqXCCERn8gYZhHC5lQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/union-value": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
+      "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==",
+      "license": "MIT",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "get-value": "^2.0.6",
+        "is-extendable": "^0.1.1",
+        "set-value": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unique-filename": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-4.0.0.tgz",
+      "integrity": "sha512-XSnEewXmQ+veP7xX2dS5Q4yZAvO40cBN2MWkJ7D/6sW4Dg6wYBNwM1Vrnz1FhH5AdeLIlUXRI9e28z1YZi71NQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "unique-slug": "^5.0.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/unique-slug": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-5.0.0.tgz",
+      "integrity": "sha512-9OdaqO5kwqR+1kVgHAhsp5vPNU0hnxRa26rBFNfNgM7M6pNtgzeBn3s/xbyCQL3dcjzOatcef6UUHpB/6MaETg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/unix-crypt-td-js": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/unix-crypt-td-js/-/unix-crypt-td-js-1.1.4.tgz",
+      "integrity": "sha512-8rMeVYWSIyccIJscb9NdCfZKSRBKYTeVnwmiRYT2ulE3qd1RaDQ0xQDP+rI3ccIWbhu/zuo5cgN8z73belNZgw==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/unplugin": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.11.tgz",
+      "integrity": "sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "acorn": "^8.15.0",
+        "picomatch": "^4.0.3",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/unset-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz",
+      "integrity": "sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==",
+      "license": "MIT",
+      "dependencies": {
+        "has-value": "^0.3.1",
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unset-value/node_modules/has-value": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz",
+      "integrity": "sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "get-value": "^2.0.3",
+        "has-values": "^0.1.4",
+        "isobject": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unset-value/node_modules/has-value/node_modules/isobject": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+      "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==",
+      "license": "MIT",
+      "dependencies": {
+        "isarray": "1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unset-value/node_modules/has-values": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz",
+      "integrity": "sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unset-value/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT"
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.2.tgz",
+      "integrity": "sha512-E85pfNzMQ9jpKkA7+TJAi4TJN+tBCuWh5rUcS/sv6cFi+1q9LYDwDI5dpUL0u/73EElyQ8d3TEaeW4sPedBqYA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/uri-js/node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/urix": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
+      "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==",
+      "deprecated": "Please see https://github.com/lydell/urix#deprecated",
+      "license": "MIT"
+    },
+    "node_modules/use": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
+      "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
+    "node_modules/utila": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz",
+      "integrity": "sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-11.1.0.tgz",
+      "integrity": "sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/esm/bin/uuid"
+      }
+    },
+    "node_modules/validate-npm-package-license": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "spdx-correct": "^3.0.0",
+        "spdx-expression-parse": "^3.0.0"
+      }
+    },
+    "node_modules/validate-npm-package-license/node_modules/spdx-expression-parse": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/validate-npm-package-name": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-6.0.2.tgz",
+      "integrity": "sha512-IUoow1YUtvoBBC06dXs8bR8B9vuA3aJfmQNKMoaPG/OFsPmoQvw8xh+6Ye25Gx9DQhoEom3Pcu9MKHerm/NpUQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/vis-data": {
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/vis-data/-/vis-data-8.0.3.tgz",
+      "integrity": "sha512-jhnb6rJNqkKR1Qmlay0VuDXY9ZlvAnYN1udsrP4U+krgZEq7C0yNSKdZqmnCe13mdnf9AdVcdDGFOzy2mpPoqw==",
+      "dev": true,
+      "license": "(Apache-2.0 OR MIT)",
+      "peer": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/visjs"
+      },
+      "peerDependencies": {
+        "uuid": "^3.4.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0 || ^13.0.0",
+        "vis-util": ">=6.0.0"
+      }
+    },
+    "node_modules/vis-network": {
+      "version": "10.0.2",
+      "resolved": "https://registry.npmjs.org/vis-network/-/vis-network-10.0.2.tgz",
+      "integrity": "sha512-qPl8GLYBeHEFqiTqp4VBbYQIJ2EA8KLr7TstA2E8nJxfEHaKCU81hQLz7hhq11NUpHbMaRzBjW5uZpVKJ45/wA==",
+      "dev": true,
+      "license": "(Apache-2.0 OR MIT)",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/visjs"
+      },
+      "peerDependencies": {
+        "@egjs/hammerjs": "^2.0.0",
+        "component-emitter": "^1.3.0 || ^2.0.0",
+        "keycharm": "^0.2.0 || ^0.3.0 || ^0.4.0",
+        "uuid": "^3.4.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0 || ^13.0.0",
+        "vis-data": ">=8.0.0",
+        "vis-util": ">=6.0.0"
+      }
+    },
+    "node_modules/vis-util": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/vis-util/-/vis-util-6.0.0.tgz",
+      "integrity": "sha512-qtpts3HRma0zPe4bO7t9A2uejkRNj8Z2Tb6do6lN85iPNWExFkUiVhdAq5uLGIUqBFduyYeqWJKv/jMkxX0R5g==",
+      "dev": true,
+      "license": "(Apache-2.0 OR MIT)",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/visjs"
+      },
+      "peerDependencies": {
+        "@egjs/hammerjs": "^2.0.0",
+        "component-emitter": "^1.3.0 || ^2.0.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "7.1.11",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.11.tgz",
+      "integrity": "sha512-uzcxnSDVjAopEUjljkWh8EIrg6tlzrjFUfMcR1EVsRDGwf/ccef0qQPRyOrROwhrTDaApueq+ja+KLPlzR/zdg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.25.0",
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3",
+        "postcss": "^8.5.6",
+        "rollup": "^4.43.0",
+        "tinyglobby": "^0.2.15"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "lightningcss": "^1.21.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite/node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/void-elements": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
+      "integrity": "sha512-qZKX4RnBzH2ugr8Lxa7x+0V6XD9Sb/ouARtiasEQCHB1EVU4NXtmHsDDrx1dO4ne5fc3J6EW05BP1Dl0z0iung==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/watchpack": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.4.tgz",
+      "integrity": "sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/wbuf": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
+      "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "node_modules/weak-lru-cache": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/weak-lru-cache/-/weak-lru-cache-1.2.2.tgz",
+      "integrity": "sha512-DEAoo25RfSYMuTGc9vPJzZcZullwIqRDSI9LOy+fkCJPi6hykCnfKaXTuPBDuXAUcqHXyOgFtHNp/kB2FjYHbw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/webpack": {
+      "version": "5.101.2",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.101.2.tgz",
+      "integrity": "sha512-4JLXU0tD6OZNVqlwzm3HGEhAHufSiyv+skb7q0d2367VDMzrU1Q/ZeepvkcHH0rZie6uqEtTQQe0OEOOluH3Mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.7",
+        "@types/estree": "^1.0.8",
+        "@types/json-schema": "^7.0.15",
+        "@webassemblyjs/ast": "^1.14.1",
+        "@webassemblyjs/wasm-edit": "^1.14.1",
+        "@webassemblyjs/wasm-parser": "^1.14.1",
+        "acorn": "^8.15.0",
+        "acorn-import-phases": "^1.0.3",
+        "browserslist": "^4.24.0",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.17.3",
+        "es-module-lexer": "^1.2.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.11",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^4.3.2",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.3.11",
+        "watchpack": "^2.4.1",
+        "webpack-sources": "^3.3.3"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-dev-middleware": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-7.4.2.tgz",
+      "integrity": "sha512-xOO8n6eggxnwYpy1NlzUKpvrjfJTvae5/D6WOK0S2LSo7vjmo5gCM1DbLUmFqrMTJP+W/0YZNctm7jasWvLuBA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "colorette": "^2.0.10",
+        "memfs": "^4.6.0",
+        "mime-types": "^2.1.31",
+        "on-finished": "^2.4.1",
+        "range-parser": "^1.2.1",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-dev-middleware/node_modules/memfs": {
+      "version": "4.51.1",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.51.1.tgz",
+      "integrity": "sha512-Eyt3XrufitN2ZL9c/uIRMyDwXanLI88h/L3MoWqNY747ha3dMR9dWqp8cRT5ntjZ0U1TNuq4U91ZXK0sMBjYOQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jsonjoy.com/json-pack": "^1.11.0",
+        "@jsonjoy.com/util": "^1.9.0",
+        "glob-to-regex.js": "^1.0.1",
+        "thingies": "^2.5.0",
+        "tree-dump": "^1.0.3",
+        "tslib": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      }
+    },
+    "node_modules/webpack-dev-middleware/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/webpack-dev-middleware/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/webpack-dev-server": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.2.2.tgz",
+      "integrity": "sha512-QcQ72gh8a+7JO63TAx/6XZf/CWhgMzu5m0QirvPfGvptOusAxG12w2+aua1Jkjr7hzaWDnJ2n6JFeexMHI+Zjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/bonjour": "^3.5.13",
+        "@types/connect-history-api-fallback": "^1.5.4",
+        "@types/express": "^4.17.21",
+        "@types/express-serve-static-core": "^4.17.21",
+        "@types/serve-index": "^1.9.4",
+        "@types/serve-static": "^1.15.5",
+        "@types/sockjs": "^0.3.36",
+        "@types/ws": "^8.5.10",
+        "ansi-html-community": "^0.0.8",
+        "bonjour-service": "^1.2.1",
+        "chokidar": "^3.6.0",
+        "colorette": "^2.0.10",
+        "compression": "^1.7.4",
+        "connect-history-api-fallback": "^2.0.0",
+        "express": "^4.21.2",
+        "graceful-fs": "^4.2.6",
+        "http-proxy-middleware": "^2.0.9",
+        "ipaddr.js": "^2.1.0",
+        "launch-editor": "^2.6.1",
+        "open": "^10.0.3",
+        "p-retry": "^6.2.0",
+        "schema-utils": "^4.2.0",
+        "selfsigned": "^2.4.1",
+        "serve-index": "^1.9.1",
+        "sockjs": "^0.3.24",
+        "spdy": "^4.0.2",
+        "webpack-dev-middleware": "^7.4.2",
+        "ws": "^8.18.0"
+      },
+      "bin": {
+        "webpack-dev-server": "bin/webpack-dev-server.js"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack": {
+          "optional": true
+        },
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/body-parser": {
+      "version": "1.20.4",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.4.tgz",
+      "integrity": "sha512-ZTgYYLMOXY9qKU/57FAo8F+HA2dGX7bqGc71txDRC1rS4frdFI5R7NhluHxH6M0YItAP0sHB4uqAOcYKxO6uGA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "~1.2.0",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "on-finished": "~2.4.1",
+        "qs": "~6.14.0",
+        "raw-body": "~2.5.3",
+        "type-is": "~1.6.18",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/cookie-signature": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.7.tgz",
+      "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/webpack-dev-server/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/debug/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/webpack-dev-server/node_modules/express": {
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.22.1.tgz",
+      "integrity": "sha512-F2X8g9P1X7uCPZMA3MVf9wcTqlyNp7IhH5qPCI0izhaOIYXaW9L535tGA3qmjRzpH+bZczqq7hVKxTR4NWnu+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "~1.20.3",
+        "content-disposition": "~0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "~0.7.1",
+        "cookie-signature": "~1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "~1.3.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "~0.1.12",
+        "proxy-addr": "~2.0.7",
+        "qs": "~6.14.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "~0.19.0",
+        "serve-static": "~1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "~2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/finalhandler": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
+      "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "~2.0.2",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/http-proxy-middleware": {
+      "version": "2.0.9",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.9.tgz",
+      "integrity": "sha512-c1IyJYLYppU574+YI7R4QyX2ystMtVXZwIdzazUIPIJsHuWNd+mho2j+bKoHftndicGj9yh+xjd+l0yj7VeT1Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-proxy": "^1.17.8",
+        "http-proxy": "^1.18.1",
+        "is-glob": "^4.0.1",
+        "is-plain-obj": "^3.0.0",
+        "micromatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "@types/express": "^4.17.13"
+      },
+      "peerDependenciesMeta": {
+        "@types/express": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/ipaddr.js": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.3.0.tgz",
+      "integrity": "sha512-Zv/pA+ciVFbCSBBjGfaKUya/CcGmUHzTydLMaTwrUUEM2DIEO3iZvueGxmacvmN50fGpGVKeTXpb2LcYQxeVdg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/path-to-regexp": {
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
+      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/webpack-dev-server/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/raw-body": {
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
+      "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/webpack-dev-server/node_modules/send": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.1.tgz",
+      "integrity": "sha512-p4rRk4f23ynFEfcD9LA0xRYngj+IyGiEYyqqOak8kaN0TvNmuxC2dcVeBn62GpCeR2CpWqyHCNScTP91QbAVFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/send/node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/send/node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/serve-static": {
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
+      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.19.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/serve-static/node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/serve-static/node_modules/send": {
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
+      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/serve-static/node_modules/send/node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/serve-static/node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/ws": {
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-hot-middleware": {
+      "version": "2.26.1",
+      "resolved": "https://registry.npmjs.org/webpack-hot-middleware/-/webpack-hot-middleware-2.26.1.tgz",
+      "integrity": "sha512-khZGfAeJx6I8K9zKohEWWYN6KDlVw2DHownoe+6Vtwj1LP9WFgegXnVMSkZ/dBEBtXFwrkkydsaPFlB7f8wU2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-html-community": "0.0.8",
+        "html-entities": "^2.1.0",
+        "strip-ansi": "^6.0.0"
+      }
+    },
+    "node_modules/webpack-merge": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-6.0.1.tgz",
+      "integrity": "sha512-hXXvrjtx2PLYx4qruKl+kyRSLc52V+cCvMxRjmKwoA+CBbbF5GfIBtR6kCvl0fYGqTUPKB+1ktVmTHqMOzgCBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "clone-deep": "^4.0.1",
+        "flat": "^5.0.2",
+        "wildcard": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/webpack-sources": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.3.3.tgz",
+      "integrity": "sha512-yd1RBzSGanHkitROoPFd6qsrxt+oFhg/129YzheDGqeustzX0vTZJZsSsQjVQC4yzBQ56K55XU8gaNCtIzOnTg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack-subresource-integrity": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/webpack-subresource-integrity/-/webpack-subresource-integrity-5.1.0.tgz",
+      "integrity": "sha512-sacXoX+xd8r4WKsy9MvH/q/vBtEHr86cpImXwyg74pFIpERKt6FmB8cXpeuh0ZLgclOlHI4Wcll7+R5L02xk9Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "typed-assert": "^1.0.8"
+      },
+      "engines": {
+        "node": ">= 12"
+      },
+      "peerDependencies": {
+        "html-webpack-plugin": ">= 5.0.0-beta.1 < 6",
+        "webpack": "^5.12.0"
+      },
+      "peerDependenciesMeta": {
+        "html-webpack-plugin": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-virtual-modules": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+      "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/webpack/node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/webpack/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/webpack/node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/webpack/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/webpack/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/websocket-driver": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
+      "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "http-parser-js": ">=0.5.1",
+        "safe-buffer": ">=5.1.0",
+        "websocket-extensions": ">=0.1.1"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/websocket-extensions": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
+      "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/whatwg-encoding": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
+      "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-encoding/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.19.tgz",
+      "integrity": "sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/wildcard": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz",
+      "integrity": "sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/windows-release": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/windows-release/-/windows-release-4.0.0.tgz",
+      "integrity": "sha512-OxmV4wzDKB1x7AZaZgXMVsdJ1qER1ed83ZrTYd5Bwq2HfJVg3DJS8nqlAG4sMoJ7mu8cuRmLEYyU13BKwctRAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "execa": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/wordwrap": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
+      "integrity": "sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/wrap-ansi": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/wrap-ansi/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "license": "ISC"
+    },
+    "node_modules/ws": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
         }
+      }
+    },
+    "node_modules/wsl-utils": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/wsl-utils/-/wsl-utils-0.1.0.tgz",
+      "integrity": "sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-wsl": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yargs": {
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-18.0.0.tgz",
+      "integrity": "sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^9.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "string-width": "^7.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^22.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=23"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "22.0.0",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-22.0.0.tgz",
+      "integrity": "sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=23"
+      }
+    },
+    "node_modules/yargs/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/yargs/node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/yargs/node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/yargs/node_modules/strip-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/yoctocolors-cjs": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/yoctocolors-cjs/-/yoctocolors-cjs-2.1.3.tgz",
+      "integrity": "sha512-U/PBtDf35ff0D8X8D0jfdzHYEPFxAI7jJlxZXwCSez5M3190m+QobIfh+sWDWSHMCWWJN2AWamkegn6vr6YBTw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zod": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.1.13.tgz",
+      "integrity": "sha512-AvvthqfqrAhNH9dnfmrfKzX5upOdjUVJYFqNSlkmGf64gRaTzlPwz99IHYnVs28qYAybvAlBV+H7pn0saFY4Ig==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/zod-to-json-schema": {
+      "version": "3.25.0",
+      "resolved": "https://registry.npmjs.org/zod-to-json-schema/-/zod-to-json-schema-3.25.0.tgz",
+      "integrity": "sha512-HvWtU2UG41LALjajJrML6uQejQhNJx+JBO9IflpSja4R03iNWfKXrj6W2h7ljuLyc1nKS+9yDyL/9tD1U/yBnQ==",
+      "dev": true,
+      "license": "ISC",
+      "peerDependencies": {
+        "zod": "^3.25 || ^4"
+      }
+    },
+    "node_modules/zone.js": {
+      "version": "0.15.1",
+      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.15.1.tgz",
+      "integrity": "sha512-XE96n56IQpJM7NAoXswY3XRLcWFW83xe0BiAOeMD7K5k5xecOeul3Qcpx6GqEeeHNkW5DWL5zOyTbEfB4eti8w==",
+      "dev": true,
+      "license": "MIT"
     }
+  }
 }
diff --git a/package.json b/package.json
index 0631019..b4ef8b1 100644
--- a/package.json
+++ b/package.json
@@ -1,122 +1,83 @@
 {
-    "name": "@cdek-it/angular-ui-kit",
-    "version": "0.0.1",
-    "license": "SEE LICENSE IN LICENSE.md",
-    "files": [
-        "dist",
-        "dist-css"
-    ],
-    "publishConfig": {
-        "access": "public"
-    },
-    "scripts": {
-        "ng": "ng",
-        "start": "ng serve",
-        "storybook": "ng run ng-storybook:storybook",
-        "test": "ng test",
-        "test:headless": "ng test --watch=false --browsers=ChromeHeadless",
-        "e2e": "ng e2e",
-        "lint": "ng lint",
-        "vgh": "npx compodoc -e json -d .",
-        "format": "prettier --write \"**/*.{js,ts,d.ts}\"",
-        "build": "npm run build-themes && ng build",
-        "format:check": "prettier --check \"**/*.{js,ts,d.ts}\"",
-        "build:lib": "npm run build:check && npm run build:package",
-        "build:package": "BROWSERSLIST_ENV=library ng build primeng-library && gulp build-assets",
-        "build:check": "npm run format:check && npm run security:check",
-        "build:storybook": "ng run ng-storybook:build-storybook",
-        "security:check": "npm audit --production --audit-level high",
-        "apidoc": "node ./api-generator/build-apidoc.ts",
-        "build-themes": "node build-themes.js build",
-        "watch-themes": "node build-themes.js watch",
-        "build-theme-light-primary": "node build-themes.js build light-primary",
-        "build-theme-light-secondary": "node build-themes.js build light-secondary",
-        "build-theme-dark-primary": "node build-themes.js build dark-primary",
-        "build-theme-dark-secondary": "node build-themes.js build dark-secondary",
-        "watch-theme-light-primary": "node build-themes.js watch light-primary",
-        "watch-theme-light-secondary": "node build-themes.js watch light-secondary",
-        "watch-theme-dark-primary": "node build-themes.js watch dark-primary",
-        "watch-theme-dark-secondary": "node build-themes.js watch dark-secondary"
-    },
-    "repository": "github:cdek-it/angular-ui-kit",
-    "devDependencies": {
-        "@angular-devkit/build-angular": "18.2.19",
-        "@angular-eslint/eslint-plugin": "18.0.0",
-        "@angular-eslint/eslint-plugin-template": "18.0.0",
-        "@angular-eslint/schematics": "18.0.0",
-        "@angular-eslint/template-parser": "18.0.0",
-        "@angular/animations": "18.2.13",
-        "@angular/build": "18.2.19",
-        "@angular/cdk": "18.2.13",
-        "@angular/cli": "18.2.19",
-        "@angular/common": "18.2.13",
-        "@angular/compiler": "18.2.13",
-        "@angular/compiler-cli": "18.2.13",
-        "@angular/core": "18.2.13",
-        "@angular/forms": "18.2.13",
-        "@angular/platform-browser": "18.2.13",
-        "@angular/platform-browser-dynamic": "18.2.13",
-        "@angular/platform-server": "18.2.13",
-        "@angular/router": "18.2.13",
-        "@angular/ssr": "18.2.13",
-        "@docsearch/js": "^3.3.4",
-        "@stackblitz/sdk": "1.9.0",
-        "@storybook/addon-docs": "8.6.14",
-        "@storybook/angular": "8.6.14",
-        "@tabler/icons-webfont": "^3.19.0",
-        "@types/express": "^4.17.17",
-        "@types/jasmine": "~4.3.1",
-        "@types/jest": "^29.5.1",
-        "@types/node": "^16.18.126",
-        "@types/react": "^18.2.41",
-        "@types/resize-observer-browser": "^0.1.11",
-        "@typescript-eslint/eslint-plugin": "^7.11.0",
-        "autoprefixer": "^10.4.20",
-        "chart.js": "4.4.2",
-        "codelyzer": "^0.0.28",
-        "copyfiles": "^2.4.1",
-        "@compodoc/compodoc": "1.1.32",
-        "del": "^7.1.0",
-        "domino": "^2.1.6",
-        "esbuild": "0.23.1",
-        "eslint": "^8.57.0",
-        "eslint-config-prettier": "^9.1.0",
-        "eslint-plugin-import": "latest",
-        "eslint-plugin-jsdoc": "latest",
-        "eslint-plugin-prefer-arrow": "latest",
-        "express": "^4.20.0",
-        "file-saver": "^2.0.5",
-        "glob": "10.4.5",
-        "gulp": "^5.0.0",
-        "gulp-concat": "^2.6.1",
-        "gulp-flatten": "^0.4.0",
-        "gulp-rename": "^2.0.0",
-        "gulp-uglify": "^3.0.2",
-        "gulp-uglifycss": "^1.1.0",
-        "jasmine-core": "~4.6.0",
-        "jspdf": "^2.5.1",
-        "jspdf-autotable": "^3.5.28",
-        "karma": "~6.4.2",
-        "karma-chrome-launcher": "~3.2.0",
-        "karma-coverage": "~2.2.0",
-        "karma-jasmine": "~5.1.0",
-        "karma-jasmine-html-reporter": "~2.0.0",
-        "minio": "8.0.5",
-        "ng-packagr": "^18.0.0",
-        "postcss": "^8.4.49",
-        "postcss-cli": "^11.0.0",
-        "prettier": "^3.0.0",
-        "primeicons": "^7.0.0",
-        "prismjs": "^1.29.0",
-        "quill": "2.0.2",
-        "rxjs": "~7.8.1",
-        "storybook": "8.6.14",
-        "tailwindcss": "^3.4.14",
-        "ts-node": "~10.9.1",
-        "tslib": "^2.5.0",
-        "typedoc": "0.25.13",
-        "typescript": "5.4.5",
-        "xlsx": "^0.18.5",
-        "zone.js": "~0.14.0"
-    }
+  "name": "@cdek-it/angular-ui-kit",
+  "version": "0.0.2",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "storybook": "ng run angular-ui-kit:storybook",
+    "test": "ng test",
+    "test:headless": "ng test --watch=false --browsers=ChromeHeadless",
+    "e2e": "ng e2e",
+    "lint": "ng lint",
+    "format": "prettier --write \"**/*.{js,ts,d.ts}\"",
+    "format:check": "prettier --check \"**/*.{js,ts,d.ts}\"",
+    "build:check": "npm run format:check && npm run security:check",
+    "build:storybook": "ng run angular-ui-kit:build-storybook",
+    "security:check": "npm audit --production --audit-level high",
+    "copy:dist": "cpx 'src/prime-preset/**/*.{json,ts}' dist/ && cpx 'src-tokens/theme.preset.ts' dist/"
+  },
+  "repository": "github:cdek-it/angular-ui-kit",
+  "devDependencies": {
+    "@angular-devkit/architect": "0.2100.3",
+    "@angular-devkit/build-angular": "20.3.13",
+    "@angular-devkit/core": "20.3.13",
+    "@angular-eslint/eslint-plugin": "20.7.0",
+    "@angular-eslint/eslint-plugin-template": "20.7.0",
+    "@angular-eslint/schematics": "20.7.0",
+    "@angular-eslint/template-parser": "20.7.0",
+    "@angular/build": "20.3.13",
+    "@angular/cli": "20.3.13",
+    "@angular/common": "20.3.15",
+    "@angular/compiler": "20.3.15",
+    "@angular/compiler-cli": "20.3.15",
+    "@angular/core": "20.3.15",
+    "@angular/forms": "20.3.15",
+    "@angular/platform-browser": "20.3.15",
+    "@angular/platform-browser-dynamic": "20.3.15",
+    "@angular/router": "20.3.15",
+    "@compodoc/compodoc": "1.1.32",
+    "@primeng/themes": "20.4.0",
+    "@storybook/addon-a11y": "10.1.8",
+    "@storybook/addon-docs": "10.1.8",
+    "@storybook/angular": "10.1.8",
+    "@tabler/icons-webfont": "3.35.0",
+    "@types/jasmine": "5.1.13",
+    "@typescript-eslint/eslint-plugin": "7.18.0",
+    "autoprefixer": "10.4.22",
+    "eslint": "8.57.1",
+    "eslint-config-prettier": "9.1.2",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-jsdoc": "61.5.0",
+    "eslint-plugin-prefer-arrow": "1.2.3",
+    "eslint-plugin-storybook": "10.1.8",
+    "jasmine-core": "5.13.0",
+    "karma": "6.4.4",
+    "karma-chrome-launcher": "3.2.0",
+    "karma-coverage": "2.2.1",
+    "karma-jasmine": "5.1.0",
+    "karma-jasmine-html-reporter": "2.1.0",
+    "prettier": "3.7.4",
+    "primeng": "20.4.0",
+    "rxjs": "7.8.2",
+    "storybook": "10.1.8",
+    "tailwindcss": "3.4.19",
+    "tslib": "2.8.1",
+    "typescript": "5.9.3",
+    "zone.js": "0.15.1"
+  },
+  "dependencies": {
+    "cpx": "1.5.0"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  }
 }
diff --git a/primeng-sass-theme/.gitignore b/primeng-sass-theme/.gitignore
deleted file mode 100644
index 74e1753..0000000
--- a/primeng-sass-theme/.gitignore
+++ /dev/null
@@ -1,3 +0,0 @@
-theme.css
-.DS_STORE
-.vscode
\ No newline at end of file
diff --git a/primeng-sass-theme/.idea/.gitignore b/primeng-sass-theme/.idea/.gitignore
deleted file mode 100644
index b58b603..0000000
--- a/primeng-sass-theme/.idea/.gitignore
+++ /dev/null
@@ -1,5 +0,0 @@
-# Default ignored files
-/shelf/
-/workspace.xml
-# Editor-based HTTP Client requests
-/httpRequests/
diff --git a/primeng-sass-theme/CHANGELOG.md b/primeng-sass-theme/CHANGELOG.md
deleted file mode 100644
index e8f14b5..0000000
--- a/primeng-sass-theme/CHANGELOG.md
+++ /dev/null
@@ -1,298 +0,0 @@
-# Changelog
-
-## [17.18.3](https://github.com/primefaces/primeng-sass-theme/tree/17.18.3) (2024-07-04)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.18.2...17.18.3)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 17.18.3
-
-## [17.18.2](https://github.com/primefaces/primeng-sass-theme/tree/17.18.2) (2024-07-04)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.18.1...17.18.2)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 17.18.2
-
-## [17.18.1](https://github.com/primefaces/primeng-sass-theme/tree/17.18.1) (2024-07-04)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.18.0...17.18.1)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 17.18.1
-
-## [17.18.0](https://github.com/primefaces/primeng-sass-theme/tree/17.18.0) (2024-05-30)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.17.0...17.18.0)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 17.18.0
-
-## [17.17.0](https://github.com/primefaces/primeng-sass-theme/tree/17.17.0) (2024-05-16)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.16.1...17.17.0)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 17.17.0
-
-## [17.16.1](https://github.com/primefaces/primeng-sass-theme/tree/17.16.1) (2024-05-09)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.16.0...17.16.1)
-
-**Enhancements:**
-- Badge | Add severity styles [\#132](https://github.com/primefaces/primeng-sass-theme/issues/132)
-- Tag, Message, Toast | Add contrast severity styles [\#130](https://github.com/primefaces/primeng-sass-theme/issues/130)
-
-## [17.16.0](https://github.com/primefaces/primeng-sass-theme/tree/17.16.0) (2024-05-03)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.15.0...17.16.0)
-
-**Fixed bugs:**
-- p-multiselect jumps in height because chips padding is not applied correctly [\#93](https://github.com/primefaces/primeng-sass-theme/issues/93)
-- incorrect styles for vertical slider [\#51](https://github.com/primefaces/primeng-sass-theme/issues/51)
-- Add filled styles for inputs [\#125](https://github.com/primefaces/primeng-sass-theme/issues/125)
-
-## [17.15.0](https://github.com/primefaces/primeng-sass-theme/tree/17.15.0) (2024-04-26)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.14.1...17.15.0)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 17.15.0
-
-## [17.14.1](https://github.com/primefaces/primeng-sass-theme/tree/17.14.1) (2024-04-09)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.14.0...17.14.1)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 17.14.1
-
-## [17.14.0](https://github.com/primefaces/primeng-sass-theme/tree/17.14.0) (2024-04-19)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.13.0...17.14.0)
-
-**Fixed bugs:**
-- Stepper CSS different from primeng project (v17.13.0) [\#121](https://github.com/primefaces/primeng-sass-theme/issues/121)
-- Toast | Close icon is not visible (Aura) [\#124](https://github.com/primefaces/primeng-sass-theme/issues/124)
-
-## [17.13.0](https://github.com/primefaces/primeng-sass-theme/tree/17.13.0) (2024-04-09)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.12.0...17.13.0)
-
-**Implemented New Features and Enhancements:**
-- New Theme | Aura [\#110](https://github.com/primefaces/primeng-sass-theme/issues/110)
-- Stepper [\#114](https://github.com/primefaces/primeng-sass-theme/issues/114)
-- Stepper: number element box-shadow defect [\#109](https://github.com/primefaces/primeng-sass-theme/issues/109)
-
-## [17.12.0](https://github.com/primefaces/primeng-sass-theme/tree/17.12.0) (2024-03-21)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.11.0...17.12.0)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 17.12.0
-
-## [17.11.0](https://github.com/primefaces/primeng-sass-theme/tree/17.11.0) (2024-03-14)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.10.0...17.11.0)
-
-**Enhancements:**
-- InputOtp | add styles [\#104](https://github.com/primefaces/primeng-sass-theme/issues/104)
-
-## [17.10.0](https://github.com/primefaces/primeng-sass-theme/tree/17.10.0) (2024-03-07)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.9.0...17.10.0)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 17.10.0
-
-## [17.9.0](https://github.com/primefaces/primeng-sass-theme/tree/17.9.0) (2024-02-29)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.8.0...17.9.0)
-
-**Implemented New Features and Enhancements:**
-- Add metergroup styles [\#99](https://github.com/primefaces/primeng-sass-theme/issues/99)
-- New Components | IconField & InputIcon [\#102](https://github.com/primefaces/primeng-sass-theme/issues/102)
-
-## [17.8.0](https://github.com/primefaces/primeng-sass-theme/tree/17.8.0) (2024-02-23)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.7.0...17.8.0)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 17.8.0
-
-## [17.7.0](https://github.com/primefaces/primeng-sass-theme/tree/17.7.0) (2024-02-14)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.6.0...17.7.0)
-
-**Fixed bugs:**
-- AutoComplete | Add missing empty-message styles [\#98](https://github.com/primefaces/primeng-sass-theme/issues/98)
-
-## [17.6.0](https://github.com/primefaces/primeng-sass-theme/tree/17.6.0) (2024-02-07)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.5.0...17.6.0)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 17.6.0
-
-## [17.5.0](https://github.com/primefaces/primeng-sass-theme/tree/17.5.0) (2024-02-01)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.4.0...17.5.0)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 17.5.0
-
-## [17.4.0](https://github.com/primefaces/primeng-sass-theme/tree/17.4.0) (2023-01-24)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.3.3...17.4.0)
-
-**Enhancements:**
-- PickList & OrderList | theme adjustments [\#92](https://github.com/primefaces/primeng-sass-theme/issues/92)
-
-## [17.3.3](https://github.com/primefaces/primeng-sass-theme/tree/17.3.3) (2023-01-18)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.3.2...17.3.3)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 17.3.3
-
-## [17.3.2](https://github.com/primefaces/primeng-sass-theme/tree/17.3.2) (2024-01-10)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.3.1...17.3.2)
-
-**Fixed bugs:**
-- Tree | Add missing outline rule [\#91](https://github.com/primefaces/primeng-sass-theme/issues/91)
-
-## [17.3.1](https://github.com/primefaces/primeng-sass-theme/tree/17.3.1) (2024-01-04)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.3.0...17.3.1)
-
-**Fixed bugs:**
-- Splitter | Add missing focus-visible & material extension styles [\#89](https://github.com/primefaces/primeng-sass-theme/issues/89)
-- ScrollPanel | Add missing focus-visible & material extension styles [\#90](https://github.com/primefaces/primeng-sass-theme/issues/90)
-
-## [17.3.0](https://github.com/primefaces/primeng-sass-theme/tree/17.3.0) (2023-12-28)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.2.0...17.3.0)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 17.3.0
-  
-## [17.2.0](https://github.com/primefaces/primeng-sass-theme/tree/17.2.0) (2023-12-20)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.1.0...17.2.0)
-
-**Fixed bugs:**
-- Lara Light Teal: $highlightBg implementation defect [\#88](https://github.com/primefaces/primeng-sass-theme/issues/88)
-
-
-## [17.1.0](https://github.com/primefaces/primeng-sass-theme/tree/17.1.0) (2023-12-13)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.0.0...17.1.0)
-
-**Fixed bugs:**
-- Checkbox | Add missing invalid styles [\#86](https://github.com/primefaces/primeng-sass-theme/issues/86)
-- Dropdown | missing invalid styles [\#77](https://github.com/primefaces/primeng-sass-theme/issues/77)
-
-## [17.0.0](https://github.com/primefaces/primeng-sass-theme/tree/17.0.0) (2023-12-06)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.0.0-rc.1...17.0.0)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 17.0.0
-
-## [17.0.0-rc.1](https://github.com/primefaces/primeng-sass-theme/tree/17.0.0-rc.1) (2023-11-29)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.9.1...17.0.0-rc.1)
-
-**Enhancements:**
-- Update Lara [\#84](https://github.com/primefaces/primeng-sass-theme/issues/84)
-- DataView | Remove primeflex dependency [\#83](https://github.com/primefaces/primeng-sass-theme/issues/83)
-
-## [16.9.1](https://github.com/primefaces/primeng-sass-theme/tree/16.9.1) (2023-11-23)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.9.0...16.9.1)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 16.9.1
-
-## [16.9.0](https://github.com/primefaces/primeng-sass-theme/tree/16.9.0) (2023-11-22)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.8.0...16.9.0)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 16.9.0
-
-## [16.8.0](https://github.com/primefaces/primeng-sass-theme/tree/16.8.0) (2023-11-20)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.7.2...16.8.0)
-
-**Enhancements:**
-- PickList | Accessibility Enhancements [\#78](https://github.com/primefaces/primeng-sass-theme/issues/78)
-- OrderList | Accessibility Enhancements [\#74](https://github.com/primefaces/primeng-sass-theme/issues/74)
-- Tree | Accessibility Enhancemnets [\#73](https://github.com/primefaces/primeng-sass-theme/issues/73)
-- Calendar | Accessibility Enhancemnets [\#71](https://github.com/primefaces/primeng-sass-theme/issues/71)
-
-## [16.7.2](https://github.com/primefaces/primeng-sass-theme/tree/16.7.2) (2023-11-08)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.7.1...16.7.2)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 16.7.2
-
-## [16.7.1](https://github.com/primefaces/primeng-sass-theme/tree/16.7.1) (2023-11-01)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.7.0...16.7.1)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 16.7.1
-
-## [16.7.0](https://github.com/primefaces/primeng-sass-theme/tree/16.7.0) (2023-11-01)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.6.0...16.7.0)
-
-**Enhancements:**
-- Rating | Accessibility Enhancements [\#70](https://github.com/primefaces/primeng-sass-theme/issues/70)
-- Chips: Accessibility [\#63](https://github.com/primefaces/primeng-sass-theme/issues/63)
-- CascadeSelect | Accessibility enhancements [\#68](https://github.com/primefaces/primeng-sass-theme/issues/68)
-
-## [16.6.0](https://github.com/primefaces/primeng-sass-theme/tree/16.6.0) (2023-10-18)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.5.1...16.6.0)
-
-**Enhancements:**
-- Listbox | Accessibility Enhancements [\#65](https://github.com/primefaces/primeng-sass-theme/issues/65)
-
-## [16.5.1](https://github.com/primefaces/primeng-sass-theme/tree/16.5.1) (2023-10-18)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.5.0...16.5.1)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 16.5.1
-
-## [16.5.0](https://github.com/primefaces/primeng-sass-theme/tree/16.5.0) (2023-10-11)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.4.0...16.5.0)
-
-**Breaking Changes:**
-- Remove FullCalendar theme support [\#59](https://github.com/primefaces/primeng-sass-theme/issues/59)
-
-**Enhancements:**
-- Dropdown | Accessibility update & add missing variables [\#61](https://github.com/primefaces/primeng-sass-theme/issues/61)
-  
-**Fixed bugs:**
-- Remove FullCalendar theme support [\#59](https://github.com/primefaces/primeng-sass-theme/issues/59)
-
-## [16.4.0](https://github.com/primefaces/primeng-sass-theme/tree/16.4.0) (2023-09-26)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.3.0...16.4.0)
-
-**Enhancements:**
-- New @layer implementation [\#47](https://github.com/primefaces/primeng-sass-theme/issues/47)
-- Update Lara theme to use Inter var font [\#46](https://github.com/primefaces/primeng-sass-theme/issues/46)
-- FileUpload | Drag and drop highlight enhancement [\#52](https://github.com/primefaces/primeng-sass-theme/issues/52)
-- DataTable | Row selection focus styling issue [\#49](https://github.com/primefaces/primeng-sass-theme/issues/49)
-- focus-visible updates [\#48](https://github.com/primefaces/primeng-sass-theme/issues/48)
-
-**Fixed bugs:**
-- AutoComplete | p-autocomplete-token-icon alignment issue [\#41](https://github.com/primefaces/primeng-sass-theme/issues/50)
-- FileUpload | .p-fileupload-highlight class is missing  [\#50](https://github.com/primefaces/primeng-sass-theme/issues/50)
-- Update class name for menu separator [\#37](https://github.com/primefaces/primeng-sass-theme/issues/37)
-
-  
-## [16.3.0](https://github.com/primefaces/primeng-sass-theme/tree/16.3.0) (2023-08-31)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.2.0...16.3.0)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 16.3.0
-
-## [16.2.0](https://github.com/primefaces/primeng-sass-theme/tree/16.2.0) (2023-08-11)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.1.0...16.2.0)
-
-**Enhancements:**
-- SpeedDial | Accessibility enhancements [\#33](https://github.com/primefaces/primeng-sass-theme/issues/33)
-
-**Fixed bugs:**
-- Update nested-submenu-indents mixin with classes instead of tags [\#34](https://github.com/primefaces/primeng-sass-theme/issues/34)
-- Update class name for menu separator [\#37](https://github.com/primefaces/primeng-sass-theme/issues/37)
-
-## [16.1.0](https://github.com/primefaces/primeng-sass-theme/tree/16.1.0) (2023-07-26)
-[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.0.2...16.1.0)
-
-**Enhancements:**
-- SlideMenu | Add missing styles of menuitem material extensions (accessibility) [\#29](https://github.com/primefaces/primeng-sass-theme/issues/29)
-- PanelMenu | Accessibility enhancements for hover and focus [\#28](https://github.com/primefaces/primeng-sass-theme/issues/28)
-- SlideMenu | Update focus for accessibility [\#25](https://github.com/primefaces/primeng-sass-theme/issues/25)
-- MegaMenu | Update focus for accessibility [\#21](https://github.com/primefaces/primeng-sass-theme/issues/21)
-- Add missing variable $dockItemBorderRadius [\#20](https://github.com/primefaces/primeng-sass-theme/issues/20)
-- ContextMenu | Update focus for accessibility [\#18](https://github.com/primefaces/primeng-sass-theme/issues/18)
-- Dock | Update focus for accessibility [\#16](https://github.com/primefaces/primeng-sass-theme/issues/16)
-- Menubar | Add missing focus ruleset for material extensions (accessibility) [\#15](https://github.com/primefaces/primeng-sass-theme/issues/15)
-- TieredMenu | Update focus for accessibility [\#14](https://github.com/primefaces/primeng-sass-theme/issues/14)
-- Menubar | Update focus for accessibility [\#13](https://github.com/primefaces/primeng-sass-theme/issues/13)
-- Menu | Add new focus variables for accessibility [\#11](https://github.com/primefaces/primeng-sass-theme/issues/11)
-- Accordion | Make focus inset (accessibility) [\#7](https://github.com/primefaces/primeng-sass-theme/issues/7)
-
-**Fixed bugs:**
-- Calendar | SVG icon is not visible w/material compact [\#31](https://github.com/primefaces/primeng-sass-theme/issues/31)
-- TabView | Last element is not visible when scrolling=true [\#30](https://github.com/primefaces/primeng-sass-theme/issues/30)
-- Breadcrumb | Chevron and slash icon is visible at the same time (bootstrap themes) [\#27](https://github.com/primefaces/primeng-sass-theme/issues/27)
-
-## [16.0.2](https://github.com/primefaces/primeng-sass-theme/tree/16.0.2) (2023-07-18)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 16.0.2
-
-## [16.0.1](https://github.com/primefaces/primeng-sass-theme/tree/16.0.1) (2023-07-18)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 16.0.1
-
-## [16.0.0](https://github.com/primefaces/primeng-sass-theme/tree/16.0.0) (2023-07-18)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 16.0.0
-
-## [15.4.1](https://github.com/primefaces/primeng-sass-theme/tree/15.4.1) (2023-07-18)
-
-- No changes, provides semantic versioning compatibility for PrimeNG 15.4.1
-
-## [15.2.0](https://github.com/primefaces/primeng-sass-theme/tree/15.2.0) (2023-03-16)
-
-- Initial release
diff --git a/primeng-sass-theme/LICENSE.md b/primeng-sass-theme/LICENSE.md
deleted file mode 100644
index 045f3b1..0000000
--- a/primeng-sass-theme/LICENSE.md
+++ /dev/null
@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2016-2023 PrimeTek
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
\ No newline at end of file
diff --git a/primeng-sass-theme/README.md b/primeng-sass-theme/README.md
deleted file mode 100644
index 2bcb902..0000000
--- a/primeng-sass-theme/README.md
+++ /dev/null
@@ -1 +0,0 @@
-# PrimeNG Theming with SASS
diff --git a/primeng-sass-theme/package.json b/primeng-sass-theme/package.json
deleted file mode 100644
index 590e1a5..0000000
--- a/primeng-sass-theme/package.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-    "name": "primeng-sass-theme",
-    "version": "17.18.3",
-    "description": "PrimeNG Sass Theme",
-    "homepage": "https://primeng.org/",
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/primefaces/primeng-sass-theme.git"
-    },
-    "keywords": [
-        "primeng",
-        "angular",
-        "ui framework",
-        "component framework",
-        "ui library",
-        "component library",
-        "material",
-        "bootstrap"
-    ],
-    "license": "MIT",
-    "bugs": {
-        "url": "https://github.com/primefaces/primeng-sass-theme/issues"
-    }
-}
\ No newline at end of file
diff --git a/primeng-sass-theme/theme-base/_colors.scss b/primeng-sass-theme/theme-base/_colors.scss
deleted file mode 100644
index 076c683..0000000
--- a/primeng-sass-theme/theme-base/_colors.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-:root {
-    @if variable-exists(colors) {
-        @each $name, $color in $colors {
-            @for $i from 0 through 5 {
-                @if ($i == 0) {
-                    --#{$name}-50:#{tint($color, (5 - $i) * 19%)};
-                }
-                @else {
-                    --#{$name}-#{$i * 100}:#{tint($color, (5 - $i) * 19%)};
-                }
-            }
-
-            @for $i from 1 through 4 {
-                --#{$name}-#{($i + 5) * 100}:#{shade($color, $i * 15%)};
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/primeng-sass-theme/theme-base/_common.scss b/primeng-sass-theme/theme-base/_common.scss
deleted file mode 100644
index 9ff9664..0000000
--- a/primeng-sass-theme/theme-base/_common.scss
+++ /dev/null
@@ -1,326 +0,0 @@
-* {
-    box-sizing: border-box;
-}
-
-html {
-    font-size: 14px;
-    font-family: var(--font-family);
-}
-
-::selection {
-    color: $highlightTextColor;
-    background-color: $highlightBg;
-}
-
-.p-component {
-    font-family: var(--font-family);
-    font-feature-settings: var(--font-feature-settings, normal);
-    font-size: $fontSize;
-    font-weight: $fontWeight;
-}
-
-.p-component-overlay {
-    background-color: $maskBg;
-    transition-duration: $transitionDuration;
-    padding: 0.5rem;
-}
-
-.p-disabled,
-.p-component:disabled {
-    pointer-events: all;
-    cursor: not-allowed;
-
-    opacity: $disabledOpacity;
-    filter: grayscale(1);
-}
-
-.p-placeholder {
-    opacity: $disabledOpacity;
-}
-
-.p-error {
-    color: $errorColor;
-}
-
-.p-text-secondary {
-    color: $textSecondaryColor;
-}
-
-.p-icon {
-    width: $primeIconFontSize;
-    height: $primeIconFontSize;
-}
-
-.p-link {
-    font-family: var(--font-family);
-    font-feature-settings: var(--font-feature-settings, normal);
-    font-size: $fontSize;
-    border-radius: $borderRadius;
-
-    &:focus-visible {
-        @include focused();
-    }
-}
-
-.p-component-overlay-enter {
-    animation: p-component-overlay-enter-animation 150ms forwards;
-}
-
-.p-component-overlay-leave {
-    animation: p-component-overlay-leave-animation 150ms forwards;
-}
-
-.p-component-overlay {
-    @keyframes p-component-overlay-enter-animation {
-        from {
-            background-color: transparent;
-        }
-        to {
-            background-color: var(--maskbg);
-        }
-    }
-
-    @keyframes p-component-overlay-leave-animation {
-        from {
-            background-color: var(--maskbg);
-        }
-        to {
-            background-color: transparent;
-        }
-    }
-}
-
-::-webkit-scrollbar {
-    width: 9px;
-    height: 9px;
-}
-
-::-webkit-scrollbar-thumb {
-    background-color: $scrollPanelTrackBg;
-    border-radius: 4.5px;
-}
-
-::-webkit-scrollbar-thumb {
-    background-color: $scrollPanelTrackBg;
-    border-radius: 4.5px;
-}
-
-::-webkit-scrollbar-track {
-    background-color: $surface-transparent;
-}
-
-::-webkit-scrollbar-track:hover {
-    background-color: $surface-hover;
-}
-
-// Invalid styles
-p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext,
-p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext,
-p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect,
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext,
-p-dropdown.ng-dirty.ng-invalid > .p-dropdown,
-p-inputmask.ng-dirty.ng-invalid > .p-inputtext,
-p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext,
-p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider,
-.p-inputtext.ng-dirty.ng-invalid,
-p-listbox.ng-dirty.ng-invalid > .p-listbox,
-p-multiselect.ng-dirty.ng-invalid > .p-multiselect,
-p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext,
-p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box,
-p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button,
-p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button,
-p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
-    border-color: $inputErrorBorderColor !important;
-    box-shadow: $focusShadowError !important;
-}
-
-.p-progress-spinner-circle {
-    stroke: $primaryColor;
-}
-
-
-// стили из праймовского common.css
-// без них некоторые компоненты ломаются
-
-.p-overflow-hidden {
-    overflow: hidden;
-    padding-right: var(--scrollbar-width);
-}
-
-@layer primeng {
-    .p-component,
-    .p-component * {
-        box-sizing: border-box;
-    }
-
-    .p-hidden {
-        display: none;
-    }
-
-    .p-hidden-space {
-        visibility: hidden;
-    }
-
-    .p-hidden-accessible {
-        border: 0;
-        clip: rect(0 0 0 0);
-        height: 1px;
-        margin: -1px;
-        overflow: hidden;
-        padding: 0;
-        position: absolute;
-        width: 1px;
-    }
-
-    .p-hidden-accessible input,
-    .p-hidden-accessible select {
-        transform: scale(0);
-    }
-
-    .p-reset {
-        margin: 0;
-        padding: 0;
-        border: 0;
-        outline: 0;
-        text-decoration: none;
-        font-size: 100%;
-        list-style: none;
-    }
-
-    .p-disabled,
-    .p-disabled * {
-        cursor: default !important;
-        pointer-events: none;
-    }
-
-    .p-component-overlay {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-    }
-
-    .p-unselectable-text {
-        user-select: none;
-    }
-
-    .p-scrollbar-measure {
-        width: 100px;
-        height: 100px;
-        overflow: scroll;
-        position: absolute;
-        top: -9999px;
-    }
-
-    @-webkit-keyframes p-fadein {
-        0% {
-            opacity: 0;
-        }
-        100% {
-            opacity: 1;
-        }
-    }
-    @keyframes p-fadein {
-        0% {
-            opacity: 0;
-        }
-        100% {
-            opacity: 1;
-        }
-    }
-
-    input[type='button'],
-    input[type='submit'],
-    input[type='reset'],
-    input[type='file']::-webkit-file-upload-button,
-    button {
-        border-radius: 0;
-    }
-
-    .p-link {
-        text-align: left;
-        background-color: transparent;
-        margin: 0;
-        padding: 0;
-        border: none;
-        cursor: pointer;
-        user-select: none;
-    }
-
-    .p-link:disabled {
-        cursor: default;
-    }
-
-    .p-sr-only {
-        border: 0;
-        clip: rect(1px, 1px, 1px, 1px);
-        clip-path: inset(50%);
-        height: 1px;
-        margin: -1px;
-        overflow: hidden;
-        padding: 0;
-        position: absolute;
-        width: 1px;
-        word-wrap: normal !important;
-    }
-
-    /* Non ng overlay animations */
-    .p-connected-overlay {
-        opacity: 0;
-        transform: scaleY(0.8);
-        transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-    }
-
-    .p-connected-overlay-visible {
-        opacity: 1;
-        transform: scaleY(1);
-    }
-
-    .p-connected-overlay-hidden {
-        opacity: 0;
-        transform: scaleY(1);
-        transition: opacity 0.1s linear;
-    }
-
-    .p-toggleable-content.ng-animating {
-        overflow: hidden;
-    }
-
-    .p-icon-wrapper {
-        display: inline-flex;
-    }
-
-    .p-icon {
-        display: inline-block;
-    }
-
-    .p-icon-spin {
-        -webkit-animation: p-icon-spin 2s infinite linear;
-        animation: p-icon-spin 2s infinite linear;
-    }
-}
-
-@-webkit-keyframes p-icon-spin {
-    0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-    100% {
-        -webkit-transform: rotate(359deg);
-        transform: rotate(359deg);
-    }
-}
-
-@keyframes p-icon-spin {
-    0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-    100% {
-        -webkit-transform: rotate(359deg);
-        transform: rotate(359deg);
-    }
-}
diff --git a/primeng-sass-theme/theme-base/_components.scss b/primeng-sass-theme/theme-base/_components.scss
deleted file mode 100644
index 15f88fc..0000000
--- a/primeng-sass-theme/theme-base/_components.scss
+++ /dev/null
@@ -1,125 +0,0 @@
-@import '_mixins';
-@import '_colors';
-@import './typography-mode.scss';
-
-@import './components/input/_editor';
-
-@layer tailwind-base, primeng, tailwind-utilities;
-
-@layer tailwind-base {
-    @tailwind base;
-}
-
-@layer tailwind-utilities {
-    @tailwind components;
-    @tailwind utilities;
-}
-
-@layer primeng {
-    @import '_common';
-
-    //Input
-    @import './components/input/_autocomplete';
-    @import './components/input/_calendar';
-    @import './components/input/_cascadeselect';
-    @import './components/input/_checkbox';
-    @import './components/input/tristatecheckbox';
-    @import './components/input/_chips';
-    @import './components/input/_colorpicker';
-    @import './components/input/_dropdown';
-    @import './components/input/_inputgroup';
-    @import './components/input/_inputnumber';
-    @import './components/input/_inputswitch';
-    @import './components/input/_inputtext';
-    @import './components/input/_iconfield';
-    @import './components/input/_inputicon';
-    @import './components/input/_inputotp';
-    @import './components/input/_listbox';
-    @import './components/input/_mention';
-    @import './components/input/_multiselect';
-    @import './components/input/_password';
-    @import './components/input/_radiobutton';
-    @import './components/input/_rating';
-    @import './components/input/_selectbutton';
-    @import './components/input/_slider';
-    @import './components/input/_treeselect';
-    @import './components/input/_togglebutton';
-    @import './components/input/_floatlabel';
-
-    //Button
-    @import './components/button/_button';
-    @import './components/button/_splitbutton';
-    @import './components/button/_speeddial';
-
-    //Data
-    @import './components/data/_carousel';
-    @import './components/data/_datatable';
-    @import './components/data/_dataview';
-    @import './components/data/_datascroller';
-    @import './components/data/_filter';
-    @import './components/data/_orderlist';
-    @import './components/data/_organizationchart';
-    @import './components/data/_paginator';
-    @import './components/data/_picklist';
-    @import './components/data/_tree';
-    @import './components/data/_treetable';
-    @import './components/data/_timeline';
-
-    //Panel
-    @import './components/panel/_accordion';
-    @import './components/panel/_card';
-    @import './components/panel/_fieldset';
-    @import './components/panel/_divider';
-    @import './components/panel/_panel';
-    @import './components/panel/_splitter';
-    @import './components/panel/_stepper';
-    @import './components/panel/_scrollpanel';
-    @import './components/panel/_tabview';
-    @import './components/panel/_toolbar';
-
-    //Overlay
-    @import './components/overlay/_confirmpopup';
-    @import './components/overlay/_dialog';
-    @import './components/overlay/_overlaypanel';
-    @import './components/overlay/_sidebar';
-    @import './components/overlay/_tooltip';
-
-    //File
-    @import './components/file/_fileupload';
-
-    //Menu
-    @import './components/menu/_breadcrumb';
-    @import './components/menu/_contextmenu';
-    @import './components/menu/_dock';
-    @import './components/menu/_megamenu';
-    @import './components/menu/_menu';
-    @import './components/menu/_menubar';
-    @import './components/menu/_panelmenu';
-    @import './components/menu/_slidemenu';
-    @import './components/menu/_steps';
-    @import './components/menu/_tabmenu';
-    @import './components/menu/_tieredmenu';
-
-    //Messages
-    @import './components/messages/_inlinemessage';
-    @import './components/messages/_message';
-    @import './components/messages/_toast';
-
-    //MultiMedia
-    @import './components/multimedia/_galleria';
-    @import './components/multimedia/_image';
-
-    //Misc
-    @import './components/misc/_avatar';
-    @import './components/misc/_chip';
-    @import './components/misc/_scrolltop';
-    @import './components/misc/_skeleton';
-    @import './components/misc/_tag';
-    @import './components/misc/_inplace';
-    @import './components/misc/_metergroup';
-    @import './components/misc/_progressbar';
-    @import './components/misc/_progressspinner';
-    @import './components/misc/_terminal';
-    @import './components/misc/_blockui';
-    @import './components/misc/_badge';
-}
diff --git a/primeng-sass-theme/theme-base/_mixins.scss b/primeng-sass-theme/theme-base/_mixins.scss
deleted file mode 100644
index cf295ee..0000000
--- a/primeng-sass-theme/theme-base/_mixins.scss
+++ /dev/null
@@ -1,273 +0,0 @@
-@use "sass:math";
-
-@mixin icon-override($icon) {
-	&:before {
-		content: $icon;
-	}
-}
-
-@mixin focused() {
-	outline: $focusOutline;
-	outline-offset: $focusOutlineOffset;
-	box-shadow: $focusShadow;
-
-	caret-color: $inputFocusBorderColor;
-}
-
-@mixin focused-inset() {
-	outline: $focusOutline;
-	outline-offset: $focusOutlineOffset;
-	box-shadow: inset $focusShadow;
-
-	caret-color: $inputFocusBorderColor;
-}
-
-@mixin focused-input() {
-	@include focused();
-}
-
-@mixin focused-listitem() {
-	outline: $focusOutline;
-	outline-offset: $focusOutlineOffset;
-	box-shadow: $inputListItemFocusShadow;
-}
-
-@mixin invalid-input() {
-	border-color: $inputErrorBorderColor;
-	box-shadow: $focusShadowError;
-}
-
-@mixin menuitem {
-	// Стиль элемента по умолчанию
-	.p-menuitem {
-		width: 100%;
-		margin-top: $menuitemSpacing;
-
-		&:first-of-type {
-			margin-top: 0;
-		}
-
-		.p-menuitem-link {
-			display: flex;
-			gap: $inlineSpacing;
-
-			padding: $menuitemPadding;
-
-			border: 1px solid transparent;
-			border-radius: $menuitemBorderRadius;
-
-			background-color: $menuitemBg;
-
-			.p-menuitem-icon {
-				color: $menuitemTextColor;
-				font-size: $menuitemSubmenuIconFontSize;
-			}
-
-			.p-menuitem-text {
-				color: $menuitemTextColor;
-			}
-
-			.p-menuitem-text + .p-submenu-icon {
-				margin-left: auto;
-			}
-
-			.p-submenu-icon {
-				color: $menuitemIconColor;
-				font-size: $menuitemSubmenuIconFontSize;
-
-				transition: 0.18s;
-			}
-		}
-	}
-	// Стиль элемента по наведению
-	.p-menuitem:not([data-p-disabled="true"]) {
-		.p-menuitem-link:hover {
-			cursor: pointer;
-			background-color: $menuitemHoverBg;
-
-			.p-menuitem-icon {
-				color: $menuitemHoverTextColor;
-			}
-
-			.p-menuitem-text {
-				color: $menuitemHoverTextColor;
-			}
-
-			.p-submenu-icon {
-				color: $menuitemHoverIconColor;
-			}
-		}
-	}
-	// Стиль элемента p-highlight
-	.p-menuitem[data-p-highlight="true"] {
-		& > .p-menuitem-content > .p-menuitem-link {
-			background-color: $menuitemActiveBg;
-
-			.p-menuitem-icon {
-				color: $menuitemActiveTextColor;
-			}
-
-			.p-menuitem-text {
-				color: $menuitemActiveTextColor;
-			}
-
-			.p-submenu-icon {
-				color: $menuitemActiveIconColor;
-			}
-		}
-
-		& > .p-menuitem-content > .p-menuitem-link:hover {
-			background-color: $menuitemActiveHoverBg;
-
-			.p-menuitem-icon {
-				color: $menuitemActiveTextColor;
-			}
-
-			.p-menuitem-text {
-				color: $menuitemActiveTextColor;
-			}
-
-			.p-submenu-icon {
-				color: $menuitemActiveIconColor;
-			}
-		}
-	}
-	// Стиль элемента p-focus
-	.p-menuitem[data-p-focused="true"]:not([data-p-highlight="true"]) {
-		& > .p-menuitem-content > .p-menuitem-link {
-			cursor: pointer;
-			background-color: $menuitemFocusBg;
-
-			.p-menuitem-icon {
-				color: $menuitemFocusTextColor;
-			}
-
-			.p-menuitem-text {
-				color: $menuitemFocusTextColor;
-			}
-
-			.p-submenu-icon {
-				color: $menuitemFocusIconColor;
-			}
-		}
-	}
-	// Стиль элемента в состоянии disabled
-	.p-menuitem[data-p-disabled="true"] {
-		.p-menuitem-link {
-			background-color: $disabledButtonBg;
-			border-color: $disabledButtonBorderColor;
-
-			.p-menuitem-icon {
-				color: $disabledButtonTextColor;
-			}
-
-			.p-menuitem-text {
-				color: $disabledButtonTextColor;
-			}
-
-			.p-submenu-icon {
-				color: $disabledButtonTextColor;
-			}
-		}
-	}
-	// Фикс стиля элемента в состоянии disabled
-	.p-menuitem[data-p-disabled="true"] {
-		.p-menuitem-content {
-			pointer-events: none;
-		}
-		.p-disabled {
-			pointer-events: none;
-			opacity: 1; // Костыль на прозначность
-		}
-	}
-}
-
-@mixin menuitem-separator {
-	.p-menuitem-separator {
-		height: 1px;
-
-		border-bottom: $overlayMenuBorder;
-		margin-top: $menuitemSpacing;
-	}
-}
-
-@mixin placeholder {
-	::-webkit-input-placeholder {
-		@content;
-	}
-	:-moz-placeholder {
-		@content;
-	}
-	::-moz-placeholder {
-		@content;
-	}
-	:-ms-input-placeholder {
-		@content;
-	}
-}
-
-@mixin scaledPadding($val, $scale) {
-	padding: nth($val, 1) * $scale nth($val, 2) * $scale;
-}
-
-@mixin scaledFontSize($val, $scale) {
-	font-size: $val * $scale;
-}
-
-@mixin nested-submenu-indents($val, $index, $length) {
-	ul {
-		li {
-			a {
-				padding-left: $val * ($index + 1);
-			}
-
-			@if $index < $length {
-				@include nested-submenu-indents($val, $index + 2, $length);
-			}
-		}
-	}
-}
-
-@mixin action-icon($enabled: true) {
-	width: $actionIconWidth;
-	height: $actionIconHeight;
-	color: $actionIconColor;
-	border: $actionIconBorder;
-	background: $actionIconBg;
-	border-radius: $actionIconBorderRadius;
-	transition: $actionIconTransition;
-
-	@if $enabled {
-		&:enabled:hover {
-			@include action-icon-hover();
-		}
-	} @else {
-		&:hover {
-			@include action-icon-hover();
-		}
-	}
-
-	&:focus-visible {
-		@include focused();
-	}
-
-	&.p-disabled {
-		background: $disabledButtonBg;
-		border: 1px solid $disabledButtonBorderColor;
-		color: $disabledButtonTextColor;
-	}
-}
-
-@mixin action-icon-hover() {
-	color: $actionIconHoverColor;
-	border-color: $actionIconHoverBorderColor;
-	background: $actionIconHoverBg;
-}
-
-@function tint($color, $percentage) {
-	@return mix(#fff, $color, $percentage);
-}
-
-@function shade($color, $percentage) {
-	@return mix(#000, $color, $percentage);
-}
diff --git a/primeng-sass-theme/theme-base/_spacing.scss b/primeng-sass-theme/theme-base/_spacing.scss
deleted file mode 100644
index 7770749..0000000
--- a/primeng-sass-theme/theme-base/_spacing.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-// Gap
-$gap-0: 0rem;
-$gap-1: 0.25rem;
-$gap-2: 0.5rem;
-$gap-3: 0.75rem;
-$gap-4: 1rem;
-$gap-5: 1.25rem;
-$gap-6: 1.5rem;
-$gap-7: 1.75rem;
-$gap-8: 2rem;
-$gap-9: 2.25rem;
-$gap-10: 2.5rem;
-$gap-11: 2.75rem;
-$gap-12: 3rem;
-$gap-14: 3.5rem;
-$gap-16: 4rem;
-$gap-20: 5rem;
-$gap-24: 6rem;
-$gap-28: 7rem;
-$gap-32: 8rem;
-$gap-36: 9rem;
-$gap-40: 10rem;
-
-// Padding
-$p-0: 0rem;
-$p-1: 0.25rem;
-$p-2: 0.5rem;
-$p-3: 0.75rem;
-$p-4: 1rem;
-$p-5: 1.25rem;
-$p-6: 1.5rem;
-$p-7: 1.75rem;
-$p-8: 2rem;
-$p-9: 2.25rem;
-$p-10: 2.5rem;
-$p-11: 2.75rem;
-$p-12: 3rem;
-$p-14: 3.5rem;
-$p-16: 4rem;
-$p-20: 5rem;
-$p-24: 6rem;
-$p-28: 7rem;
-$p-32: 8rem;
-$p-36: 9rem;
-$p-40: 10rem;
diff --git a/primeng-sass-theme/theme-base/_typography-mode.scss b/primeng-sass-theme/theme-base/_typography-mode.scss
deleted file mode 100644
index 1571c5d..0000000
--- a/primeng-sass-theme/theme-base/_typography-mode.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-// Color/Common
-$text-primary: $primaryColor;
-$text-color-primary: $primaryColorText;
-$text-color: $textColor;
-$text-color-secondary: $textSecondaryColor;
-$text-white: $white-100;
-
-// Color/Surface
-$text-surface-0: $surface-0;
-$text-surface-50: $surface-50;
-$text-surface-100: $surface-100;
-$text-surface-200: $surface-200;
-$text-surface-300: $surface-300;
-$text-surface-400: $surface-400;
-$text-surface-500: $surface-500;
-$text-surface-600: $surface-600;
-$text-surface-700: $surface-700;
-$text-surface-800: $surface-800;
-$text-surface-900: $surface-900;
-
-// Color/Service
-$text-help: $help-400;
-$text-info: $info-400;
-$text-success: $success-400;
-$text-warning: $warning-400;
-$text-danger: $danger-400;
-
-// Size
-$text-xs: 0.75rem;
-$text-base: 1rem;
-$text-lg: 1.125rem;
-$text-xl: 1.25rem;
-$text-2xl: 1.5rem;
-$text-3xl: 1.875rem;
-$text-4xl: 2.25rem;
-$text-5xl: 3rem;
-$text-6xl: 3.75rem;
-$text-7xl: 4.5rem;
-$text-8xl: 6rem;
diff --git a/primeng-sass-theme/theme-base/components/button/_button.scss b/primeng-sass-theme/theme-base/components/button/_button.scss
deleted file mode 100644
index fc6e9bf..0000000
--- a/primeng-sass-theme/theme-base/components/button/_button.scss
+++ /dev/null
@@ -1,565 +0,0 @@
-@mixin button-active($color-background: transparent, $color-text: transparent, $color-border: transparent) {
-    background: $color-background;
-    color: $color-text;
-    border-color: $color-border;
-
-    box-shadow: none;
-}
-
-@mixin button-hover($color-background: transparent, $color-text: transparent, $color-border: transparent) {
-    background: $color-background;
-    color: $color-text;
-    border-color: $color-border;
-
-    box-shadow: $buttonHoverShadow;
-}
-
-%disabled {
-    color: $disabledButtonTextColor;
-    background-color: $disabledButtonBg;
-    border-color: $disabledButtonBorderColor;
-}
-
-// Basic
-.p-button {
-    height: $buttonHeight;
-
-    display: flex;
-    gap: $inlineSpacing;
-
-    font-size: $fontSize;
-    font-weight: 700;
-    color: $buttonTextColor;
-
-    border: $buttonBorder;
-    border-radius: $borderRadius;
-
-    padding: $buttonPadding;
-    background: $buttonBg;
-
-    transition: $formElementTransition;
-
-    .p-button-label {
-        transition-duration: $transitionDuration;
-    }
-
-    .p-button-icon {
-        font-size: 1.25rem;
-    }
-
-    &.p-button-rounded {
-        border-radius: $roundedButtonBorderRadius;
-    }
-
-    &.p-button-icon-only {
-        flex-shrink: 0;
-        width: $buttonIconOnlyWidth;
-        padding: 0;
-
-        // Фикс выравнивания icon only кнопки, скрытие пустого псевдоэлемента.
-        &:after {
-            display: none;
-        }
-
-        .p-button-label {
-            display: none;
-        }
-    }
-
-    &.p-button-sm {
-        $height-icon: 1rem;
-
-        height: $buttonHeightSM;
-        font-size: calc($height-icon - .125rem);
-
-        padding: 0 0.75rem;
-
-        .p-button-icon {
-            font-size: $height-icon;
-        }
-
-        &.p-button-icon-only {
-            width: $buttonHeightSM;
-            padding: 0;
-        }
-    }
-
-    &.p-button-lg {
-        $height-icon: 1.5rem;
-
-        gap: 0.75rem;
-
-        height: $buttonHeightLG;
-        font-size: calc($height-icon - .25rem);
-
-        padding: 0 1.5rem;
-
-        .p-button-icon {
-            font-size: $height-icon;
-        }
-
-        &.p-button-icon-only {
-            width: $buttonHeightLG;
-            padding: 0;
-        }
-    }
-
-    &.p-disabled {
-        @extend %disabled;
-    }
-
-    &:not(.p-disabled):hover {
-        @include button-hover($color-background: $buttonHoverBg, $color-text: $buttonHoverTextColor);
-    }
-
-    &:not(.p-disabled):active {
-        @include button-active($color-background: $buttonActiveBg, $color-text: $buttonActiveTextColor);
-    }
-
-    &:focus-visible {
-        @include focused();
-    }
-}
-
-p-button {
-    &[size='xlarge'] {
-        .p-button{
-            $height-icon: 2rem;
-
-            gap: 0.75rem;
-
-            height: $buttonHeightXL;
-            font-size: calc($height-icon - .25rem);
-
-            padding: 0 1.5rem;
-
-            .p-button-icon {
-                font-size: $height-icon;
-            }
-
-            &.p-button-icon-only {
-                width: $buttonHeightXL;
-                padding: 0;
-            }
-        }
-    }
-}
-
-// Outlined
-.p-button-outlined {
-    background: $outlinedButtonBg;
-    color: $outlinedButtonTextColor;
-    border-color: $outlinedButtonBorderColor;
-
-    &:not(.p-disabled):hover {
-        @include button-hover(
-            $color-background: $outlinedButtonHoverBg,
-            $color-text: $outlinedButtonHoverTextColor,
-            $color-border: $outlinedButtonHoverBorderColor
-        );
-    }
-
-    &:not(.p-disabled):active {
-        @include button-active(
-            $color-background: $outlinedButtonActiveBg,
-            $color-text: $outlinedButtonActiveTextColor,
-            $color-border: $outlinedButtonActiveBorderColor
-        );
-    }
-}
-
-// Text
-.p-button-text {
-    background-color: $textButtonBg;
-    color: $textButtonTextColor;
-
-    &:not(.p-disabled):hover {
-        @include button-hover($color-background: $textButtonHoverBg, $color-text: $textButtonHoverTextColor);
-    }
-
-    &:not(.p-disabled):active {
-        @include button-active($color-background: $textButtonActiveBg, $color-text: $textButtonActiveTextColor);
-    }
-}
-
-.p-button-group {
-    display: flex;
-}
-
-// Fluid - растягивание по ширине родителя
-.p-fluid {
-    .p-button:not(.p-button-icon-only) {
-        width: 100%;
-    }
-    .p-button-group {
-        .p-button:not(.p-button-icon-only) {
-            flex: 1;
-        }
-    }
-}
-
-// Severity
-// Danger
-.p-button.p-button-danger,
-.p-button-group.p-button-danger > .p-button,
-.p-splitbutton.p-button-danger > .p-button,
-.p-fileupload-choose.p-button-danger {
-    color: $dangerButtonTextColor;
-    background: $dangerButtonBg;
-    border-color: $dangerButtonBorderColor;
-
-    &:not(.p-disabled) {
-        &:hover {
-            @include button-hover(
-                $color-background: $dangerButtonHoverBg,
-                $color-text: $dangerButtonHoverTextColor,
-                $color-border: $dangerButtonHoverBorderColor
-            );
-        }
-
-        &:active {
-            @include button-active(
-                $color-background: $dangerButtonActiveBg,
-                $color-text: $dangerButtonActiveTextColor,
-                $color-border: $dangerButtonActiveBorderColor
-            );
-        }
-
-        &.p-button-outlined {
-            background-color: $dangerOutlinedButtonBg;
-            color: $dangerOutlinedButtonTextColor;
-            border-color: $dangerOutlinedButtonBorderColor;
-
-            &:hover {
-                @include button-hover(
-                    $color-background: $dangerOutlinedButtonHoverBg,
-                    $color-text: $dangerOutlinedButtonHoverTextColor,
-                    $color-border: $dangerOutlinedButtonHoverBorderColor
-                );
-            }
-
-            &:active {
-                @include button-active(
-                    $color-background: $dangerOutlinedButtonActiveBg,
-                    $color-text: $dangerOutlinedButtonActiveTextColor,
-                    $color-border: $dangerOutlinedButtonActiveBorderColor
-                );
-            }
-        }
-
-        &.p-button-text {
-            background-color: $dangerTextButtonBg;
-            color: $dangerTextButtonTextColor;
-
-            &:hover {
-                @include button-hover(
-                    $color-background: $dangerTextButtonHoverBg,
-                    $color-text: $dangerTextButtonHoverTextColor,
-                );
-            }
-
-            &:active {
-                @include button-active(
-                    $color-background: $dangerOutlinedButtonActiveBg,
-                    $color-text: $dangerOutlinedButtonActiveTextColor,
-                );
-            }
-        }
-    }
-
-    &.p-disabled {
-        @extend %disabled;
-    }
-}
-
-// Warning
-.p-button.p-button-warning,
-.p-button-group.p-button-warning > .p-button,
-.p-splitbutton.p-button-warning > .p-button,
-.p-fileupload-choose.p-button-warning {
-    color: $warningButtonTextColor;
-    background: $warningButtonBg;
-    border-color: $warningButtonBorderColor;
-
-    &:not(.p-disabled) {
-        &:hover {
-            @include button-hover(
-                $color-background: $warningButtonHoverBg,
-                $color-text: $warningButtonHoverTextColor,
-                $color-border: $warningButtonHoverBorderColor
-            );
-        }
-
-        &:active {
-            @include button-active(
-                $color-background: $warningButtonActiveBg,
-                $color-text: $warningButtonActiveTextColor,
-                $color-border: $warningButtonActiveBorderColor
-            );
-        }
-
-        &.p-button-outlined {
-            background-color: $warningOutlinedButtonBg;
-            color: $warningOutlinedButtonTextColor;
-            border-color: $warningOutlinedButtonBorderColor;
-
-            &:hover {
-                @include button-hover(
-                    $color-background: $warningOutlinedButtonHoverBg,
-                    $color-text: $warningOutlinedButtonHoverTextColor,
-                    $color-border: $warningOutlinedButtonHoverBorderColor
-                );
-            }
-
-            &:active {
-                @include button-active(
-                    $color-background: $warningOutlinedButtonActiveBg,
-                    $color-text: $warningOutlinedButtonActiveTextColor,
-                    $color-border: $warningOutlinedButtonActiveBorderColor
-                );
-            }
-        }
-
-        &.p-button-text {
-            background-color: $warningTextButtonBg;
-            color: $warningTextButtonTextColor;
-
-            &:hover {
-                @include button-hover(
-                    $color-background: $warningTextButtonHoverBg,
-                    $color-text: $warningTextButtonHoverTextColor,
-                );
-            }
-
-            &:active {
-                @include button-active(
-                    $color-background: $warningTextButtonActiveBg,
-                    $color-text: $warningTextButtonActiveTextColor,
-                );
-            }
-        }
-    }
-
-    &.p-disabled {
-        @extend %disabled;
-    }
-}
-
-// Success
-.p-button.p-button-success,
-.p-button-group.p-button-success > .p-button,
-.p-splitbutton.p-button-success > .p-button,
-.p-fileupload-choose.p-button-success {
-    color: $successButtonTextColor;
-    background: $successButtonBg;
-    border-color: $successButtonBorderColor;
-
-    &:not(.p-disabled) {
-        &:hover {
-            @include button-hover(
-                $color-background: $successButtonHoverBg,
-                $color-text: $successButtonHoverTextColor,
-                $color-border: $successButtonHoverBorderColor
-            );
-        }
-
-        &:active {
-            @include button-active(
-                $color-background: $successButtonActiveBg,
-                $color-text: $successButtonActiveTextColor,
-                $color-border: $successButtonActiveBorderColor
-            );
-        }
-
-        &.p-button-outlined {
-            background-color: $successOutlinedButtonBg;
-            color: $successOutlinedButtonTextColor;
-            border-color: $successOutlinedButtonBorderColor;
-
-            &:hover {
-                @include button-hover(
-                    $color-background: $successOutlinedButtonHoverBg,
-                    $color-text: $successOutlinedButtonHoverTextColor,
-                    $color-border: $successOutlinedButtonHoverBorderColor
-                );
-            }
-
-            &:active {
-                @include button-active(
-                    $color-background: $successOutlinedButtonActiveBg,
-                    $color-text: $successOutlinedButtonActiveTextColor,
-                    $color-border: $successOutlinedButtonActiveBorderColor
-                );
-            }
-        }
-
-        &.p-button-text {
-            background-color: $successTextButtonBg;
-            color: $successTextButtonTextColor;
-
-            &:hover {
-                @include button-hover(
-                    $color-background: $successTextButtonHoverBg,
-                    $color-text: $successTextButtonHoverTextColor,
-                );
-            }
-
-            &:active {
-                @include button-active(
-                    $color-background: $successTextButtonActiveBg,
-                    $color-text: $successTextButtonActiveTextColor,
-                );
-            }
-        }
-    }
-
-    &.p-disabled {
-        @extend %disabled;
-    }
-}
-
-// Info
-.p-button.p-button-info,
-.p-button-group.p-button-info > .p-button,
-.p-splitbutton.p-button-info > .p-button,
-.p-fileupload-choose.p-button-info {
-    color: $infoButtonTextColor;
-    background: $infoButtonBg;
-    border-color: $infoButtonBorderColor;
-
-    &:not(.p-disabled) {
-        &:hover {
-            @include button-hover(
-                $color-background: $infoButtonHoverBg,
-                $color-text: $infoButtonHoverTextColor,
-                $color-border: $infoButtonHoverBorderColor
-            );
-        }
-
-        &:active {
-            @include button-active(
-                $color-background: $infoButtonActiveBg,
-                $color-text: $infoButtonActiveTextColor,
-                $color-border: $infoButtonActiveBorderColor
-            );
-        }
-
-        &.p-button-outlined {
-            background-color: $infoOutlinedButtonBg;
-            color: $infoOutlinedButtonTextColor;
-            border-color: $infoOutlinedButtonBorderColor;
-
-            &:hover {
-                @include button-hover(
-                    $color-background: $infoOutlinedButtonHoverBg,
-                    $color-text: $infoOutlinedButtonHoverTextColor,
-                    $color-border: $infoOutlinedButtonHoverBorderColor
-                );
-            }
-
-            &:active {
-                @include button-active(
-                    $color-background: $infoOutlinedButtonActiveBg,
-                    $color-text: $infoOutlinedButtonActiveTextColor,
-                    $color-border: $infoOutlinedButtonActiveBorderColor
-                );
-            }
-        }
-
-        &.p-button-text {
-            background-color: $infoTextButtonBg;
-            color: $infoTextButtonTextColor;
-
-            &:hover {
-                @include button-hover(
-                    $color-background: $infoTextButtonHoverBg,
-                    $color-text: $infoTextButtonHoverTextColor,
-                );
-            }
-
-            &:active {
-                @include button-active(
-                    $color-background: $infoTextButtonActiveBg,
-                    $color-text: $infoTextButtonActiveTextColor,
-                );
-            }
-        }
-    }
-
-    &.p-disabled {
-        @extend %disabled;
-    }
-}
-
-// Help
-.p-button.p-button-help,
-.p-button-group.p-button-help > .p-button,
-.p-splitbutton.p-button-help > .p-button,
-.p-fileupload-choose.p-button-help {
-    color: $helpButtonTextColor;
-    background: $helpButtonBg;
-    border-color: $helpButtonBorderColor;
-
-    &:not(.p-disabled) {
-        &:hover {
-            @include button-hover(
-                $color-background: $helpButtonHoverBg,
-                $color-text: $helpButtonHoverTextColor,
-                $color-border: $helpButtonHoverBorderColor
-            );
-        }
-
-        &:active {
-            @include button-active(
-                $color-background: $helpButtonActiveBg,
-                $color-text: $helpButtonActiveTextColor,
-                $color-border: $helpButtonActiveBorderColor
-            );
-        }
-
-        &.p-button-outlined {
-            background-color: $helpOutlinedButtonBg;
-            color: $helpOutlinedButtonTextColor;
-            border-color: $helpOutlinedButtonBorderColor;
-
-            &:hover {
-                @include button-hover(
-                    $color-background: $helpOutlinedButtonHoverBg,
-                    $color-text: $helpOutlinedButtonHoverTextColor,
-                    $color-border: $helpOutlinedButtonHoverBorderColor
-                );
-            }
-
-            &:active {
-                @include button-active(
-                    $color-background: $helpOutlinedButtonActiveBg,
-                    $color-text: $helpOutlinedButtonActiveTextColor,
-                    $color-border: $helpOutlinedButtonActiveBorderColor
-                );
-            }
-        }
-
-        &.p-button-text {
-            background-color: $helpTextButtonBg;
-            color: $helpTextButtonTextColor;
-
-            &:hover {
-                @include button-hover(
-                    $color-background: $helpTextButtonHoverBg,
-                    $color-text: $helpTextButtonHoverTextColor,
-                );
-            }
-
-            &:active {
-                @include button-active(
-                    $color-background: $helpTextButtonActiveBg,
-                    $color-text: $helpTextButtonActiveTextColor,
-                );
-            }
-        }
-    }
-
-    &.p-disabled {
-        @extend %disabled;
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/button/_speeddial.scss b/primeng-sass-theme/theme-base/components/button/_speeddial.scss
deleted file mode 100644
index 2192486..0000000
--- a/primeng-sass-theme/theme-base/components/button/_speeddial.scss
+++ /dev/null
@@ -1,91 +0,0 @@
-@use "sass:math";
-
-.p-speeddial-button {
-	&.p-button.p-button-icon-only {
-		width: $speedDialButtonWidth;
-		height: $speedDialButtonHeight;
-
-		.p-button-icon {
-			font-size: $speedDialButtonIconFontSize;
-
-			&.p-icon {
-				width: $speedDialButtonIconFontSize;
-				height: $speedDialButtonIconFontSize;
-			}
-		}
-	}
-}
-
-.p-speeddial-list {
-	outline: 0 none;
-}
-
-.p-speeddial-action {
-	width: $speedDialActionWidth;
-	height: $speedDialActionHeight;
-	background: $speedDialActionBg;
-	color: $speedDialActionTextColor;
-
-	&:hover {
-		background: $speedDialActionHoverBg;
-		color: $speedDialActionTextHoverColor;
-	}
-}
-
-.p-speeddial-direction-up {
-	.p-speeddial-item {
-		margin: math.div($inlineSpacing, 2);
-
-		&:first-child {
-			margin-bottom: $inlineSpacing;
-		}
-	}
-}
-
-.p-speeddial-direction-down {
-	.p-speeddial-item {
-		margin: math.div($inlineSpacing, 2);
-
-		&:first-child {
-			margin-top: $inlineSpacing;
-		}
-	}
-}
-
-.p-speeddial-direction-left {
-	.p-speeddial-item {
-		margin: 0 math.div($inlineSpacing, 2);
-
-		&:first-child {
-			margin-right: $inlineSpacing;
-		}
-	}
-}
-
-.p-speeddial-direction-right {
-	.p-speeddial-item {
-		margin: 0 math.div($inlineSpacing, 2);
-
-		&:first-child {
-			margin-left: $inlineSpacing;
-		}
-	}
-}
-
-.p-speeddial-circle,
-.p-speeddial-semi-circle,
-.p-speeddial-quarter-circle {
-	.p-speeddial-item {
-		margin: 0;
-
-		&:first-child,
-		&:last-child {
-			margin: 0;
-		}
-	}
-}
-
-.p-speeddial-mask {
-	background-color: $maskBg;
-	border-radius: $borderRadius;
-}
diff --git a/primeng-sass-theme/theme-base/components/button/_splitbutton.scss b/primeng-sass-theme/theme-base/components/button/_splitbutton.scss
deleted file mode 100644
index b548385..0000000
--- a/primeng-sass-theme/theme-base/components/button/_splitbutton.scss
+++ /dev/null
@@ -1,359 +0,0 @@
-.p-splitbutton {
-    border-radius: $borderRadius;
-
-    &.p-button-outlined {
-        > .p-button {
-            background-color: transparent;
-            color: $buttonBg;
-            border: $outlinedButtonBorder;
-
-            &:not(:disabled):hover {
-                background: rgba($buttonBg, $textButtonHoverBgOpacity);
-                color: $buttonBg;
-            }
-
-            &:not(:disabled):active {
-                background: rgba($buttonBg, $textButtonActiveBgOpacity);
-                color: $buttonBg;
-            }
-        }
-
-        &.p-button-plain {
-            > .p-button {
-                color: $plainButtonTextColor;
-                border-color: $plainButtonTextColor;
-
-                &:not(:disabled):hover {
-                    background: $plainButtonHoverBgColor;
-                    color: $plainButtonTextColor;
-                }
-        
-                &:not(:disabled):active {
-                    background: $plainButtonActiveBgColor;
-                    color: $plainButtonTextColor;
-                }
-            }
-        }
-    }
-
-    &.p-button-text {
-        > .p-button {
-            background-color: transparent;
-            color: $buttonBg;
-            border-color: transparent;
-
-            &:not(:disabled):hover {
-                background: rgba($buttonBg, $textButtonHoverBgOpacity);
-                color: $buttonBg;
-                border-color: transparent;
-            }
-
-            &:not(:disabled):active {
-                background: rgba($buttonBg, $textButtonActiveBgOpacity);
-                color: $buttonBg;
-                border-color: transparent;
-            }
-        }
-
-        &.p-button-plain {
-            > .p-button {
-                color: $plainButtonTextColor;
-
-                &:not(:disabled):hover {
-                    background: $plainButtonHoverBgColor;
-                    color: $plainButtonTextColor;
-                }
-        
-                &:not(:disabled):active {
-                    background: $plainButtonActiveBgColor;
-                    color: $plainButtonTextColor;
-                }
-            }
-        }
-    }
-
-    &.p-button-raised {
-        box-shadow: $raisedButtonShadow;
-    }
-
-    &.p-button-rounded {
-        border-radius: $roundedButtonBorderRadius;
-
-        > .p-button {
-            border-radius: $roundedButtonBorderRadius;
-        }
-    }
-
-    &.p-button-sm {
-        > .p-button {
-            @include scaledFontSize($fontSize, $scaleSM);
-            @include scaledPadding($buttonPadding, $scaleSM);
-
-            .p-button-icon {
-                @include scaledFontSize($primeIconFontSize, $scaleSM);
-            }
-        }
-    }
-
-    &.p-button-lg {
-        > .p-button {
-            @include scaledFontSize($fontSize, $scaleLG);
-            @include scaledPadding($buttonPadding, $scaleLG);
-
-            &.p-button-icon-only {
-                width: auto;
-            }
-            
-            .p-button-icon {
-                @include scaledFontSize($primeIconFontSize, $scaleLG);
-            }
-        }
-    }
-    
-    .p-splitbutton-menubutton,
-    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-    }
-}
-
-.p-splitbutton.p-button-secondary {    
-    &.p-button-outlined {
-        > .p-button {
-            background-color: transparent;
-            color: $secondaryButtonBg;
-            border: $outlinedButtonBorder;
-
-            &:not(:disabled):hover {
-                background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity);
-                color: $secondaryButtonBg;
-            }
-
-            &:not(:disabled):active {
-                background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity);
-                color: $secondaryButtonBg;
-            }
-        }
-    }
-
-    &.p-button-text {
-        > .p-button {
-            background-color: transparent;
-            color: $secondaryButtonBg;
-            border-color: transparent;
-
-            &:not(:disabled):hover {
-                background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity);
-                border-color: transparent;
-                color: $secondaryButtonBg;
-            }
-
-            &:not(:disabled):active {
-                background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity);
-                border-color: transparent;
-                color: $secondaryButtonBg;
-            }
-        }
-    }
-}
-
-.p-splitbutton.p-button-info {
-    &.p-button-outlined {
-        > .p-button {
-            background-color: transparent;
-            color: $infoButtonBg;
-            border: $outlinedButtonBorder;
-
-            &:not(:disabled):hover {
-                background: rgba($infoButtonBg, $textButtonHoverBgOpacity);
-                color: $infoButtonBg;
-            }
-
-            &:not(:disabled):active {
-                background: rgba($infoButtonBg, $textButtonActiveBgOpacity);
-                color: $infoButtonBg;
-            }
-        }
-    }
-
-    &.p-button-text {
-        > .p-button {
-            background-color: transparent;
-            color: $infoButtonBg;
-            border-color: transparent;
-
-            &:not(:disabled):hover {
-                background: rgba($infoButtonBg, $textButtonHoverBgOpacity);
-                border-color: transparent;
-                color: $infoButtonBg;
-            }
-
-            &:not(:disabled):active {
-                background: rgba($infoButtonBg, $textButtonActiveBgOpacity);
-                border-color: transparent;
-                color: $infoButtonBg;
-            }
-        }
-    }
-}
-
-.p-splitbutton.p-button-success {
-    &.p-button-outlined {
-        > .p-button {
-            background-color: transparent;
-            color: $successButtonBg;
-            border: $outlinedButtonBorder;
-
-            &:not(:disabled):hover {
-                background: rgba($successButtonBg, $textButtonHoverBgOpacity);
-                color: $successButtonBg;
-            }
-
-            &:not(:disabled):active {
-                background: rgba($successButtonBg, $textButtonActiveBgOpacity);
-                color: $successButtonBg;
-            }
-        }
-    }
-
-    &.p-button-text {
-        > .p-button {
-            background-color: transparent;
-            color: $successButtonBg;
-            border-color: transparent;
-
-            &:not(:disabled):hover {
-                background: rgba($successButtonBg, $textButtonHoverBgOpacity);
-                border-color: transparent;
-                color: $successButtonBg;
-            }
-
-            &:not(:disabled):active {
-                background: rgba($successButtonBg, $textButtonActiveBgOpacity);
-                border-color: transparent;
-                color: $successButtonBg;
-            }
-        }
-    }
-}
-
-.p-splitbutton.p-button-warning {
-    &.p-button-outlined {
-        > .p-button {
-            background-color: transparent;
-            color: $warningButtonBg;
-            border: $outlinedButtonBorder;
-
-            &:not(:disabled):hover {
-                background: rgba($warningButtonBg, $textButtonHoverBgOpacity);
-                color: $warningButtonBg;
-            }
-
-            &:not(:disabled):active {
-                background: rgba($warningButtonBg, $textButtonActiveBgOpacity);
-                color: $warningButtonBg;
-            }
-        }
-    }
-
-    &.p-button-text {
-        > .p-button {
-            background-color: transparent;
-            color: $warningButtonBg;
-            border-color: transparent;
-
-            &:not(:disabled):hover {
-                background: rgba($warningButtonBg, $textButtonHoverBgOpacity);
-                border-color: transparent;
-                color: $warningButtonBg;
-            }
-
-            &:not(:disabled):active {
-                background: rgba($warningButtonBg, $textButtonActiveBgOpacity);
-                border-color: transparent;
-                color: $warningButtonBg;
-            }
-        }
-    }
-}
-
-.p-splitbutton.p-button-help {
-    &.p-button-outlined {
-        > .p-button {
-            background-color: transparent;
-            color: $helpButtonBg;
-            border: $outlinedButtonBorder;
-
-            &:not(:disabled):hover {
-                background: rgba($helpButtonBg, $textButtonHoverBgOpacity);
-                color: $helpButtonBg;
-            }
-
-            &:not(:disabled):active {
-                background: rgba($helpButtonBg, $textButtonActiveBgOpacity);
-                color: $helpButtonBg;
-            }
-        }
-    }
-
-    &.p-button-text {
-        > .p-button {
-            background-color: transparent;
-            color: $helpButtonBg;
-            border-color: transparent;
-
-            &:not(:disabled):hover {
-                background: rgba($helpButtonBg, $textButtonHoverBgOpacity);
-                border-color: transparent;
-                color: $helpButtonBg;
-            }
-
-            &:not(:disabled):active {
-                background: rgba($helpButtonBg, $textButtonActiveBgOpacity);
-                border-color: transparent;
-                color: $helpButtonBg;
-            }
-        }
-    }
-}
-
-.p-splitbutton.p-button-danger {
-    &.p-button-outlined {
-        > .p-button {
-            background-color: transparent;
-            color: $dangerButtonBg;
-            border: $outlinedButtonBorder;
-
-            &:not(:disabled):hover {
-                background: rgba($dangerButtonBg, $textButtonHoverBgOpacity);
-                color: $dangerButtonBg;
-            }
-
-            &:not(:disabled):active {
-                background: rgba($dangerButtonBg, $textButtonActiveBgOpacity);
-                color: $dangerButtonBg;
-            }
-        }
-    }
-
-    &.p-button-text {
-        > .p-button {
-            background-color: transparent;
-            color: $dangerButtonBg;
-            border-color: transparent;
-
-            &:not(:disabled):hover {
-                background: rgba($dangerButtonBg, $textButtonHoverBgOpacity);
-                border-color: transparent;
-                color: $dangerButtonBg;
-            }
-
-            &:not(:disabled):active {
-                background: rgba($dangerButtonBg, $textButtonActiveBgOpacity);
-                border-color: transparent;
-                color: $dangerButtonBg;
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/primeng-sass-theme/theme-base/components/data/_carousel.scss b/primeng-sass-theme/theme-base/components/data/_carousel.scss
deleted file mode 100644
index a9870f9..0000000
--- a/primeng-sass-theme/theme-base/components/data/_carousel.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-.p-carousel {
-    .p-carousel-content {
-        .p-carousel-prev,
-        .p-carousel-next {
-            @include action-icon();
-            margin: $inlineSpacing;
-        }
-    }
-
-    .p-carousel-indicators {
-        padding: $carouselIndicatorsPadding;
-
-        .p-carousel-indicator {
-            margin-right: $inlineSpacing;
-            
-            &:last-of-type {
-                margin-right: 0;
-            }
-           
-            button {
-                background-color: $carouselIndicatorBg;
-                width: $carouselIndicatorWidth;
-                height: $carouselIndicatorHeight;
-                transition: $actionIconTransition;
-                border-radius: $carouselIndicatorBorderRadius;
-
-                &:hover {
-                    background: $carouselIndicatorHoverBg;
-                }
-            }
-
-            &.p-highlight {
-                button {
-                    background: $carouselIndicatorActiveBg;
-                    color: $surface-ground;
-                }
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/data/_datascroller.scss b/primeng-sass-theme/theme-base/components/data/_datascroller.scss
deleted file mode 100644
index 71bf78d..0000000
--- a/primeng-sass-theme/theme-base/components/data/_datascroller.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-.p-datascroller {
-    .p-paginator-top {
-        border-width: $tableTopPaginatorBorderWidth;
-        border-radius: 0;
-    }
-
-    .p-paginator-bottom {
-        border-width: $tableBottomPaginatorBorderWidth;
-        border-radius: 0;
-    }
-
-    .p-datascroller-header {
-        background: $tableHeaderBg;
-        color: $tableHeaderTextColor;
-        border: $tableHeaderBorder;
-        border-width: $tableHeaderBorderWidth;
-        padding: $tableHeaderPadding;
-        font-weight: $tableHeaderFontWeight;
-    }
-
-    .p-datascroller-content {
-        background: $tableBodyRowBg;
-        color: $tableBodyRowTextColor;
-        border: $dataViewContentBorder;
-        padding: $dataViewContentPadding;
-    }
-
-    &.p-datascroller-inline {
-        .p-datascroller-list {
-            > li {
-                border: $dataViewListItemBorder;
-                border-width: $dataViewListItemBorderWidth;
-            }
-        }
-    }
-
-    .p-datascroller-footer {
-        background: $tableFooterBg;
-        color: $tableFooterTextColor;
-        border: $tableFooterBorder;
-        border-width: $tableFooterBorderWidth;
-        padding: $tableFooterPadding;
-        font-weight: $tableFooterFontWeight;
-        border-bottom-left-radius: $borderRadius;
-        border-bottom-right-radius: $borderRadius;
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/data/_datatable.scss b/primeng-sass-theme/theme-base/components/data/_datatable.scss
deleted file mode 100644
index edc2452..0000000
--- a/primeng-sass-theme/theme-base/components/data/_datatable.scss
+++ /dev/null
@@ -1,569 +0,0 @@
-@use "sass:math";
-
-.p-datatable {
-    table {
-        border-collapse: separate;
-    }
-
-    .p-paginator-top {
-        border-width: $tableTopPaginatorBorderWidth;
-        border-radius: 0;
-    }
-
-    .p-paginator-bottom {
-        border-width: $tableBottomPaginatorBorderWidth;
-        border-radius: 0;
-    }
-
-    .p-datatable-header {
-        background: $tableHeaderBg;
-        color: $tableHeaderTextColor;
-        border: $tableHeaderBorder;
-        border-width: $tableHeaderBorderWidth;
-        padding: $tableHeaderPadding;
-        font-weight: $tableHeaderFontWeight;
-    }
-
-    .p-datatable-footer {
-        background: $tableFooterBg;
-        color: $tableFooterTextColor;
-        border: $tableFooterBorder;
-        border-width: $tableFooterBorderWidth;
-        padding: $tableFooterPadding;
-        font-weight: $tableFooterFontWeight;
-    }
-
-    .p-datatable-thead > tr > th {
-        text-align: $tableCellContentAlignment;
-        padding: $tableHeaderCellPadding;
-        border: $tableHeaderCellBorder;
-        border-width: $tableHeaderCellBorderWidth;
-        font-weight: $tableHeaderCellFontWeight;
-        color: $tableHeaderCellTextColor;
-        background: $tableHeaderCellBg;
-        transition: $listItemTransition;
-    }
-
-    .p-datatable-tfoot > tr > td {
-        text-align: $tableCellContentAlignment;
-        padding: $tableFooterCellPadding;
-        border: $tableFooterCellBorder;
-        border-width: $tableFooterCellBorderWidth;
-        font-weight: $tableFooterCellFontWeight;
-        color: $tableFooterCellTextColor;
-        background: $tableFooterCellBg;
-    }
-
-    .p-sortable-column {
-        p-sorticon {
-            vertical-align: middle;
-
-            sortalticon, sortamountupalticon, sortamountdownicon {
-                > svg {
-                    display: none;
-                }
-
-                &::after {
-                    width: $tableSortableColumnBadgeSize;
-                    height: $tableSortableColumnBadgeSize;
-                    color: $tableHeaderCellTextColor;
-                    font-size: $checkboxIconFontSize;
-                    font-family: "tabler-icons" !important;
-                    speak: none;
-                    font-style: normal;
-                    font-weight: normal;
-                    font-variant: normal;
-                    text-transform: none;
-                    line-height: 1;
-                    -webkit-font-smoothing: antialiased;
-                }
-            }
-
-            sortalticon::after {
-                content: "\eb5a";
-            }
-
-            sortamountupalticon::after {
-                content: "\eb27";
-                color: $tableHeaderCellHighlightIconColor;
-            }
-
-            sortamountdownicon::after {
-                content: "\eb26";
-                color: $tableHeaderCellHighlightIconColor;
-            }
-        }
-
-        .p-sortable-column-badge {
-            border-radius: 50%;
-            height: $tableSortableColumnBadgeSize;
-            min-width: $tableSortableColumnBadgeSize;
-            line-height: $tableSortableColumnBadgeSize;
-            color: $highlightTextColor;
-            background: $highlightBg;
-            margin-left: $inlineSpacing;
-        }
-
-        &:not(.p-highlight):not(.p-sortable-disabled):hover {
-            background: $tableHeaderCellHoverBg;
-            color: $tableHeaderCellTextHoverColor;
-
-            .p-sortable-column-icon {
-                color: $tableHeaderCellIconHoverColor;
-            }
-        }
-
-        &.p-highlight {
-            background: $tableHeaderCellHighlightBg;
-            color: $tableHeaderCellHighlightTextColor;
-
-            .p-sortable-column-icon {
-                color: $tableHeaderCellHighlightIconColor;
-            }
-        }
-
-        &:focus-visible {
-            box-shadow: $inputListItemFocusShadow;
-            outline: 0 none;
-        }
-    }
-
-    .p-datatable-tbody {
-        > tr {
-            background: $tableBodyRowBg;
-            color: $tableBodyRowTextColor;
-            transition: $listItemTransition;
-
-            > td {
-                text-align: $tableCellContentAlignment;
-                border: $tableBodyCellBorder;
-                border-width: $tableBodyCellBorderWidth;
-                padding: $tableBodyCellPadding;
-
-                .p-row-toggler,
-                .p-row-editor-init,
-                .p-row-editor-save,
-                .p-row-editor-cancel {
-                    @include action-icon();
-                }
-
-                .p-row-editor-save {
-                    margin-right: $inlineSpacing;
-                }
-
-                > .p-column-title {
-                    font-weight: $tableHeaderCellFontWeight;
-                }
-
-                &.p-highlight {
-                    background: $tableBodyCellHighlightBg;
-                    color: $tableBodyCellHighlightTextColor;
-                }
-            }
-
-            &.p-highlight {
-                background: $tableBodyCellHighlightBg;
-                color: $tableBodyCellHighlightTextColor;
-            }
-
-            &.p-highlight-contextmenu {
-                outline: 0.15rem solid $focusOutlineColor;
-                outline-offset: -0.15rem;
-            }
-
-            &.p-datatable-dragpoint-top > td {
-                box-shadow: inset 0 2px 0 0 $highlightBg;
-            }
-
-            &.p-datatable-dragpoint-bottom > td {
-                box-shadow: inset 0 -2px 0 0 $highlightBg;
-            }
-        }
-    }
-
-    .p-datatable-tbody {
-        > tr {
-            .pi-chevron-right,
-            .pi-chevron-down {
-                &::before {
-                    color: $actionIconColor;
-                    font-size: $fontSize;
-                }
-            }
-        }
-    }
-
-
-    .p-datatable-frozen-tbody {
-        &  > tr > td {
-            background: $tableHeaderCellBg;
-        }
-    }
-
-    &.p-datatable-selectable {
-        .p-datatable-tbody > tr.p-selectable-row {
-            &:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-                background: $tableBodyRowHoverBg;
-                color: $tableBodyRowTextHoverColor;
-            }
-
-            &:focus-visible {
-                outline: .15rem solid $focusOutlineColor;
-                outline-offset: -.15rem;
-            }
-        }
-    }
-
-    &.p-datatable-selectable-cell {
-        .p-datatable-tbody > tr.p-selectable-row {
-            & > td.p-selectable-cell {
-                &:not(.p-highlight):hover {
-                    background: $tableBodyRowHoverBg;
-                    color: $tableBodyRowTextHoverColor;
-                }
-
-                &:focus-visible {
-                    outline: .15rem solid $focusOutlineColor;
-                    outline-offset: -.15rem;
-                }
-            }
-        }
-    }
-
-    &.p-datatable-hoverable-rows {
-        .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-            background: $tableBodyRowHoverBg;
-            color: $tableBodyRowTextHoverColor;
-        }
-    }
-
-    .p-column-resizer-helper {
-        background: $tableResizerHelperBg;
-    }
-
-    .p-datatable-scrollable-header,
-    .p-datatable-scrollable-footer {
-        background: $panelHeaderBg;
-    }
-
-    &.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table,
-    &.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table {
-        > .p-datatable-thead,
-        > .p-datatable-tfoot {
-            background-color: $tableHeaderCellBg;
-        }
-    }
-
-    .p-datatable-loading-icon {
-        font-size: $loadingIconFontSize;
-        &.p-icon {
-            width: $loadingIconFontSize;
-            height: $loadingIconFontSize;
-        }
-    }
-
-    &.p-datatable-gridlines {
-        .p-datatable-header {
-            border-width: 1px 1px 0 1px;
-        }
-
-        .p-datatable-footer {
-            border-width: 0 1px 1px 1px;
-        }
-
-        .p-paginator-top {
-            border-width: 0 1px 0 1px;
-        }
-
-        .p-paginator-bottom {
-            border-width: 0 1px 1px 1px;
-        }
-
-        .p-datatable-thead {
-            > tr {
-                > th {
-                    border-width: 1px 0 1px 1px;
-
-                    &:last-child {
-                        border-width: 1px;
-                    }
-                }
-            }
-        }
-
-        .p-datatable-tbody {
-            > tr {
-                > td {
-                    border-width: 1px 0 0 1px;
-
-                    &:last-child {
-                        border-width: 1px 1px 0 1px;
-                    }
-                }
-
-                &:last-child {
-                    > td {
-                        border-width: 1px 0 1px 1px;
-
-                        &:last-child {
-                            border-width: 1px;
-                        }
-                    }
-                }
-            }
-        }
-
-        .p-datatable-tfoot {
-            > tr {
-                > td {
-                    border-width: 1px 0 1px 1px;
-
-                    &:last-child {
-                        border-width: 1px 1px 1px 1px;
-                    }
-                }
-            }
-        }
-
-        .p-datatable-thead + .p-datatable-tfoot {
-            > tr {
-                > td {
-                    border-width: 0 0 1px 1px;
-
-                    &:last-child {
-                        border-width: 0 1px 1px 1px;
-                    }
-                }
-            }
-        }
-
-        &:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody {
-            > tr {
-                > td {
-                    border-width: 0 0 1px 1px;
-
-                    &:last-child {
-                        border-width: 0 1px 1px 1px;
-                    }
-                }
-            }
-        }
-
-        &:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody {
-            > tr {
-                &:last-child {
-                    > td {
-                        border-width: 0 0 0 1px;
-
-                        &:last-child {
-                            border-width: 0 1px 0 1px;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    &.p-datatable-striped {
-        .p-datatable-tbody {
-            > tr:nth-child(even) {
-                background: $tableBodyRowEvenBg;
-
-                &.p-highlight {
-                    background: $tableBodyCellHighlightBg;
-                    color: $tableBodyCellHighlightTextColor;
-                }
-
-                & + .p-row-expanded {
-                    background: $tableBodyRowEvenBg;
-                }
-            }
-        }
-    }
-
-    &.p-datatable-sm {
-        .p-datatable-header {
-            @include scaledPadding($tableHeaderPadding, $tableScaleSM);
-        }
-
-        .p-datatable-thead > tr > th {
-            @include scaledPadding($tableHeaderCellPadding, $tableScaleSM);
-        }
-
-        .p-datatable-tbody > tr > td {
-            @include scaledPadding($tableBodyCellPadding, $tableScaleSM);
-        }
-
-        .p-datatable-tfoot > tr > td {
-            @include scaledPadding($tableFooterPadding, $tableScaleSM);
-        }
-
-        .p-datatable-footer {
-            @include scaledPadding($tableFooterPadding, $tableScaleSM);
-        }
-    }
-
-    &.p-datatable-lg {
-        .p-datatable-header {
-            @include scaledPadding($tableHeaderPadding, $tableScaleLG);
-        }
-
-        .p-datatable-thead > tr > th {
-            @include scaledPadding($tableHeaderCellPadding, $tableScaleLG);
-        }
-
-        .p-datatable-tbody > tr > td {
-            @include scaledPadding($tableBodyCellPadding, $tableScaleLG);
-        }
-
-        .p-datatable-tfoot > tr > td {
-            @include scaledPadding($tableFooterPadding, $tableScaleLG);
-        }
-
-        .p-datatable-footer {
-            @include scaledPadding($tableFooterPadding, $tableScaleLG);
-        }
-    }
-}
-
-.p-datatable-drag-selection-helper {
-    background: $tableDragHelperBg;
-}
-
-.p-column-filter-overlay {
-    display: flex;
-    flex-direction: column;
-    gap: $menuitemSpacing;
-
-    background-color: $overlayMenuBg;
-    padding: $overlayMenuPadding;
-
-    border: $overlayMenuBorder;
-    border-radius: $borderRadius;
-}
-
-.p-column-filter-constraint,
-.p-column-filter-constraints {
-    display: flex;
-    flex-direction: column;
-    gap: $menuitemSpacing;
-}
-
-.p-column-filter-buttonbar {
-    display: flex;
-    gap: $menuitemSpacing;
-}
-
-[data-pc-section="filterremove"] {
-    display: none;
-
-    &:has(.p-column-filter-remove-button) {
-        display: block;
-    }
-}
-
-.p-column-filter-menu-button,
-.p-column-filter-clear-button {
-    @include action-icon();
-    vertical-align: middle;
-
-    filtericon, filterslashicon {
-        > svg {
-            display: none;
-        }
-
-        &::after {
-            color: $tableHeaderCellTextColor;
-            font-size: $checkboxIconFontSize;
-            font-family: "tabler-icons" !important;
-            speak: none;
-            font-style: normal;
-            font-weight: normal;
-            font-variant: normal;
-            text-transform: none;
-            line-height: 2;
-            -webkit-font-smoothing: antialiased;
-        }
-    }
-
-    filtericon::after {
-        content: "\eaa5";
-    }
-
-    filterslashicon::after {
-        content: "\ed2c";
-    }
-
-    &.p-column-filter-menu-button-active {
-        background-color: $highlightBg;
-        color: $highlightTextColor;
-
-        filtericon, filterslashicon {
-            &::after {
-                color: $highlightTextColor;
-            }
-        }
-
-        &:hover {
-            background-color: $primaryColorHover;
-            color: $primaryColorText;
-        }
-    }
-}
-
-.p-column-filter-row {
-    gap: $inlineSpacing;
-}
-
-.p-column-filter-row-item {
-    color: $menuitemTextColor;
-
-    padding: $menuitemPadding;
-    margin-top: $menuitemSpacing;
-
-    background-color: $menuitemBg;
-
-    border-radius: $menuitemBorderRadius;
-    border: $menuitemBorder;
-
-    &:first-of-type {
-        margin: 0;
-    }
-
-    &:not(.p-highlight):hover {
-        color: $menuitemHoverTextColor;
-        background-color: $menuitemHoverBg;
-    }
-
-    &.p-highlight {
-        color: $menuitemActiveTextColor;
-        background-color: $menuitemActiveBg;
-
-        &:hover {
-            background-color: $menuitemActiveHoverBg;
-        }
-    }
-}
-
-.p-column-filter-separator {
-    height: 1px;
-
-	border-bottom: $overlayMenuBorder;
-	margin-top: $menuitemSpacing;
-}
-
-.p-datatable-reorderablerow-handle {
-    color: $actionIconColor;
-
-    &::before {
-        content: "\ec01" !important;
-        font-family: "tabler-icons" !important;
-        speak: none;
-        font-style: normal;
-        font-weight: normal;
-        font-variant: normal;
-        text-transform: none;
-        line-height: 2;
-        -webkit-font-smoothing: antialiased;
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/data/_dataview.scss b/primeng-sass-theme/theme-base/components/data/_dataview.scss
deleted file mode 100644
index 63feb90..0000000
--- a/primeng-sass-theme/theme-base/components/data/_dataview.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-.p-dataview {
-	.p-paginator-top {
-		border-width: $tableTopPaginatorBorderWidth;
-		border-radius: 0;
-	}
-
-	.p-paginator-bottom {
-		border-width: $tableBottomPaginatorBorderWidth;
-		border-radius: 0;
-	}
-
-	.p-dataview-header {
-		background: $tableHeaderBg;
-		color: $tableHeaderTextColor;
-		border: $tableHeaderBorder;
-		border-width: $tableHeaderBorderWidth;
-		padding: $tableHeaderPadding;
-		font-weight: $tableHeaderFontWeight;
-	}
-
-	.p-dataview-content {
-		background: $tableBodyRowBg;
-		color: $tableBodyRowTextColor;
-		border: $dataViewContentBorder;
-		padding: $dataViewContentPadding;
-	}
-
-	.p-dataview-footer {
-		background: $tableFooterBg;
-		color: $tableFooterTextColor;
-		border: $tableFooterBorder;
-		border-width: $tableFooterBorderWidth;
-		padding: $tableFooterPadding;
-		font-weight: $tableFooterFontWeight;
-		border-bottom-left-radius: $borderRadius;
-		border-bottom-right-radius: $borderRadius;
-	}
-
-	.p-dataview-loading-icon {
-		font-size: $loadingIconFontSize;
-
-		&.p-icon {
-			width: $loadingIconFontSize;
-			height: $loadingIconFontSize;
-		}
-	}
-}
diff --git a/primeng-sass-theme/theme-base/components/data/_filter.scss b/primeng-sass-theme/theme-base/components/data/_filter.scss
deleted file mode 100644
index 8eb91b7..0000000
--- a/primeng-sass-theme/theme-base/components/data/_filter.scss
+++ /dev/null
@@ -1,138 +0,0 @@
-.p-column-filter-row {
-    .p-column-filter-menu-button,
-    .p-column-filter-clear-button {
-        margin-left: $inlineSpacing;
-    }
-}
-
-.p-column-filter-menu-button {
-    width: $actionIconWidth;
-    height: $actionIconHeight;
-    color: $actionIconColor;
-    border: $actionIconBorder;
-    background: $actionIconBg;
-    border-radius: $actionIconBorderRadius;
-    transition: $actionIconTransition;
-
-    &:hover {
-        color: $actionIconHoverColor;
-        border-color: $actionIconHoverBorderColor;
-        background: $actionIconHoverBg;
-    }
-
-    &.p-column-filter-menu-button-open,
-    &.p-column-filter-menu-button-open:hover {
-        background: $actionIconHoverBg;
-        color: $actionIconHoverColor;
-    }
-
-    &.p-column-filter-menu-button-active,
-    &.p-column-filter-menu-button-active:hover {
-        background: $highlightBg;
-        color: $highlightTextColor;
-    }
-
-    &:focus-visible {
-        @include focused();
-    }
-
-}
-
-.p-column-filter-clear-button {
-    width: $actionIconWidth;
-    height: $actionIconHeight;
-    color: $actionIconColor;
-    border: $actionIconBorder;
-    background: $actionIconBg;
-    border-radius: $actionIconBorderRadius;
-    transition: $actionIconTransition;
-
-    &:hover {
-        color: $actionIconHoverColor;
-        border-color: $actionIconHoverBorderColor;
-        background: $actionIconHoverBg;
-    }
-
-    &:focus-visible {
-        @include focused();
-    }
-}
-
-.p-column-filter-overlay {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
-    min-width: $menuWidth;
-
-    .p-column-filter-row-items {
-        padding: $inputListPadding;
-
-        .p-column-filter-row-item {
-            margin: $inputListItemMargin;
-            padding: $inputListItemPadding;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-            }
-
-            &:not(.p-highlight):not(.p-disabled):hover {
-                color: $inputListItemTextHoverColor;
-                background: $inputListItemHoverBg;
-            }
-
-            &:focus-visible {
-                @include focused-listitem();
-            }
-        }
-
-        .p-column-filter-separator {
-            border-top: $divider;
-            margin: $menuSeparatorMargin;
-        }
-    }
-}
-
-.p-column-filter-overlay-menu {
-    .p-column-filter-operator {
-        padding: $inputListHeaderPadding;
-        border-bottom: $inputListHeaderBorder;
-        color: $inputListHeaderTextColor;
-        background: $inputOverlayHeaderBg;
-        margin: $inputListHeaderMargin;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-    }
-
-    .p-column-filter-constraint {
-        padding: $panelContentPadding;
-        border-bottom: $divider;
-
-        .p-column-filter-matchmode-dropdown {
-            margin-bottom: $inlineSpacing;
-        }
-
-        .p-column-filter-remove-button {
-            margin-top: $inlineSpacing;
-        }
-
-        &:last-child {
-            border-bottom: 0 none;
-        }
-    }
-
-    .p-column-filter-add-rule {
-        padding: $panelFooterPadding;
-    }
-
-    .p-column-filter-buttonbar {
-        padding: $panelContentPadding;
-    } 
-}
\ No newline at end of file
diff --git a/primeng-sass-theme/theme-base/components/data/_orderlist.scss b/primeng-sass-theme/theme-base/components/data/_orderlist.scss
deleted file mode 100644
index 99e942f..0000000
--- a/primeng-sass-theme/theme-base/components/data/_orderlist.scss
+++ /dev/null
@@ -1,86 +0,0 @@
-.p-orderlist {
-	.p-orderlist-controls {
-		padding: $panelContentPadding;
-
-		.p-button {
-			margin-bottom: $inlineSpacing;
-		}
-	}
-
-	.p-orderlist-header {
-		background: $panelHeaderBg;
-		color: $panelHeaderTextColor;
-		border: $panelHeaderBorder;
-		padding: $panelHeaderPadding;
-		font-weight: $panelHeaderFontWeight;
-		border-bottom: 0 none;
-		border-top-right-radius: $borderRadius;
-		border-top-left-radius: $borderRadius;
-	}
-
-	.p-orderlist-filter-container {
-		padding: $panelHeaderPadding;
-		background: $panelContentBg;
-		border: $panelHeaderBorder;
-		border-bottom: 0 none;
-
-		.p-orderlist-filter-input {
-			padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-		}
-
-		.p-orderlist-filter-icon {
-			right: nth($inputPadding, 2);
-			color: $inputIconColor;
-		}
-	}
-
-	.p-orderlist-list {
-		border: $panelContentBorder;
-		background: $panelContentBg;
-		color: $panelContentTextColor;
-		padding: $inputListPadding;
-		border-bottom-right-radius: $borderRadius;
-		border-bottom-left-radius: $borderRadius;
-		outline: 0 none;
-
-		.p-orderlist-item {
-			padding: $inputListItemPadding;
-			margin: $inputListItemMargin;
-			border: $inputListItemBorder;
-			color: $inputListItemTextColor;
-			background: $inputListItemBg;
-			transition: transform $transitionDuration, $listItemTransition;
-
-			&:not(.p-highlight):hover {
-				background: $inputListItemHoverBg;
-				color: $inputListItemTextHoverColor;
-			}
-
-			&.p-focus {
-				color: $inputListItemTextFocusColor;
-				background: $inputListItemFocusBg;
-			}
-
-			&.p-highlight {
-				color: $highlightTextColor;
-				background: $highlightBg;
-
-				&.p-focus {
-					background: $highlightFocusBg;
-				}
-			}
-		}
-	}
-
-	&.p-orderlist-striped {
-		.p-orderlist-list {
-			.p-orderlist-item:nth-child(even) {
-				background: $panelContentEvenRowBg;
-
-				&:hover {
-					background: $inputListItemHoverBg;
-				}
-			}
-		}
-	}
-}
diff --git a/primeng-sass-theme/theme-base/components/data/_organizationchart.scss b/primeng-sass-theme/theme-base/components/data/_organizationchart.scss
deleted file mode 100644
index 776bbea..0000000
--- a/primeng-sass-theme/theme-base/components/data/_organizationchart.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-.p-organizationchart {
-    .p-organizationchart-node-content {
-        &.p-organizationchart-selectable-node:not(.p-highlight):hover {
-            background: $inputListItemHoverBg;
-            color: $inputListItemTextHoverColor;
-        }
-
-        &.p-highlight {
-            background: $highlightBg;
-            color: $highlightTextColor;
-
-            .p-node-toggler {
-                i {
-                    color: darken($highlightBg, 25%);
-                }
-            }
-        }
-    }
-
-    .p-organizationchart-line-down {
-        background: $organizationChartConnectorColor;
-    }
-
-    .p-organizationchart-line-left {
-        border-right: $panelContentBorder;
-        border-color: $organizationChartConnectorColor;
-    }
-
-    .p-organizationchart-line-top {
-        border-top: $panelContentBorder;
-        border-color: $organizationChartConnectorColor;
-    }
-
-    .p-organizationchart-node-content {
-        border: $panelContentBorder;
-        background: $panelContentBg;
-        color: $panelContentTextColor;
-        padding: $panelContentPadding;
-    }
-
-    .p-organizationchart-node-content .p-node-toggler {
-        background: inherit;
-        color: inherit;
-        border-radius: 50%;
-
-        &:focus-visible {
-            @include focused();
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/data/_paginator.scss b/primeng-sass-theme/theme-base/components/data/_paginator.scss
deleted file mode 100644
index ef4438a..0000000
--- a/primeng-sass-theme/theme-base/components/data/_paginator.scss
+++ /dev/null
@@ -1,102 +0,0 @@
-.p-paginator {
-    background: $paginatorBg;
-    color: $paginatorTextColor;
-    border: $paginatorBorder;
-    border-width: $paginatorBorderWidth;
-    padding: $paginatorPadding;
-    border-radius: $borderRadius;
-
-    .p-paginator-first,
-    .p-paginator-prev,
-    .p-paginator-next,
-    .p-paginator-last {
-        background-color: $paginatorElementBg;
-        border: $paginatorElementBorder;
-        color: $paginatorElementIconColor;
-        min-width: $paginatorElementWidth;
-        height: $paginatorElementHeight;
-        margin: $paginatorElementMargin;
-        transition: $listItemTransition;
-        border-radius: $paginatorElementBorderRadius;
-
-        &:not(.p-disabled):not(.p-highlight):hover {
-            background: $paginatorElementHoverBg;
-            border-color: $paginatorElementHoverBorderColor;
-            color: $paginatorElementIconHoverColor;
-        }
-
-        &.p-disabled:not(.p-highlight) {
-            background: $disabledButtonBg;
-            border-color: $disabledButtonBorderColor;
-            color: $disabledButtonTextColor;
-        }
-    }
-
-    .p-paginator-first {
-        border-top-left-radius: $paginatorElementBorderRadius;
-        border-bottom-left-radius: $paginatorElementBorderRadius;
-    }
-    
-    .p-paginator-last {
-        border-top-right-radius: $paginatorElementBorderRadius;
-        border-bottom-right-radius: $paginatorElementBorderRadius;
-    }
-
-    .p-dropdown {
-        margin-left: $inlineSpacing;
-        height: $paginatorElementHeight;
-
-        .p-dropdown-label {
-            padding-right: 0;
-        }
-    }
-
-    .p-paginator-page-input {
-        margin-left: $inlineSpacing;
-        margin-right: $inlineSpacing;
-
-        .p-inputtext {
-            max-width: $paginatorElementWidth;
-        }
-    }
-
-    .p-paginator-current {
-        background-color: $paginatorElementBg;
-        border: $paginatorElementBorder;
-        color: $paginatorElementIconColor;
-        min-width: $paginatorElementWidth;
-        height: $paginatorElementHeight;
-        margin: $paginatorElementMargin;
-        padding: 0 $inlineSpacing;
-    }
-
-    .p-paginator-pages {
-        .p-paginator-page {
-            background-color: $paginatorElementBg;
-            border: $paginatorElementBorder;
-            color: $paginatorElementIconColor;
-            min-width: $paginatorElementWidth;
-            height: $paginatorElementHeight;
-            margin: $paginatorElementMargin;
-            transition: $listItemTransition;
-            border-radius: $paginatorElementBorderRadius;
-
-            &.p-highlight {
-                background: $highlightBg;
-                border-color: $highlightBg;
-                color: $highlightTextColor;
-
-                &:hover {
-                    background: $primaryColorHover;
-                    border-color: $primaryColorHover;
-                }
-            }
-
-            &:not(.p-highlight):hover {
-                background: $paginatorElementHoverBg;
-                border-color: $paginatorElementHoverBorderColor;
-                color: $paginatorElementIconHoverColor;
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/data/_picklist.scss b/primeng-sass-theme/theme-base/components/data/_picklist.scss
deleted file mode 100644
index 679f4fe..0000000
--- a/primeng-sass-theme/theme-base/components/data/_picklist.scss
+++ /dev/null
@@ -1,74 +0,0 @@
-.p-picklist {
-	.p-picklist-buttons {
-		padding: $panelContentPadding;
-
-		.p-button {
-			margin-bottom: $inlineSpacing;
-		}
-	}
-
-	.p-picklist-header {
-		background: $panelHeaderBg;
-		color: $panelHeaderTextColor;
-		border: $panelHeaderBorder;
-		padding: $panelHeaderPadding;
-		font-weight: $panelHeaderFontWeight;
-		border-bottom: 0 none;
-		border-top-right-radius: $borderRadius;
-		border-top-left-radius: $borderRadius;
-	}
-
-	.p-picklist-filter-container {
-		padding: $panelHeaderPadding;
-		background: $panelContentBg;
-		border: $panelHeaderBorder;
-		border-bottom: 0 none;
-
-		.p-picklist-filter-input {
-			padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-		}
-
-		.p-picklist-filter-icon {
-			right: nth($inputPadding, 2);
-			color: $inputIconColor;
-		}
-	}
-
-	.p-picklist-list {
-		border: $panelContentBorder;
-		background: $panelContentBg;
-		color: $panelContentTextColor;
-		padding: $inputListPadding;
-		border-bottom-right-radius: $borderRadius;
-		border-bottom-left-radius: $borderRadius;
-		outline: 0 none;
-
-		.p-picklist-item {
-			padding: $inputListItemPadding;
-			margin: $inputListItemMargin;
-			border: $inputListItemBorder;
-			color: $inputListItemTextColor;
-			background: $inputListItemBg;
-			transition: transform $transitionDuration, $listItemTransition;
-
-			&:not(.p-highlight):hover {
-				background: $inputListItemHoverBg;
-				color: $inputListItemTextHoverColor;
-			}
-
-			&.p-focus {
-				color: $inputListItemTextFocusColor;
-				background: $inputListItemFocusBg;
-			}
-
-			&.p-highlight {
-				color: $highlightTextColor;
-				background: $highlightBg;
-
-				&.p-focus {
-					background: $highlightFocusBg;
-				}
-			}
-		}
-	}
-}
\ No newline at end of file
diff --git a/primeng-sass-theme/theme-base/components/data/_timeline.scss b/primeng-sass-theme/theme-base/components/data/_timeline.scss
deleted file mode 100644
index a229aa2..0000000
--- a/primeng-sass-theme/theme-base/components/data/_timeline.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-.p-timeline {
-    .p-timeline-event-content {
-        color: $timelineTextColor;
-    }
-    .p-timeline-event-opposite,
-    .p-timeline-event-content  {
-        line-height: 1;
-    }
-
-    .p-timeline-event-marker {
-        border: $timelineEventMarkerBorder;
-        border-radius: $timelineEventMarkerBorderRadius;
-        width: $timelineEventMarkerWidth;
-        height: $timelineEventMarkerHeight;
-        background-color: $timelineEventMarkerBackground;
-    }
-
-    .p-timeline-event-connector {
-        background-color: $timelineEventColor;
-    }
-
-    &.p-timeline-vertical {
-        .p-timeline-event-opposite,
-        .p-timeline-event-content  {
-            padding: $timelineVerticalEventContentPadding;
-        }
-
-        .p-timeline-event-connector {
-            width: $timelineEventConnectorSize;
-        }
-    }
-
-    &.p-timeline-horizontal {
-        .p-timeline-event-opposite,
-        .p-timeline-event-content  {
-            padding: $timelineHorizontalEventContentPadding;
-        }
-
-        .p-timeline-event-connector {
-            height: $timelineEventConnectorSize;
-        }
-    }
-}
-
-
-
diff --git a/primeng-sass-theme/theme-base/components/data/_tree.scss b/primeng-sass-theme/theme-base/components/data/_tree.scss
deleted file mode 100644
index 8168d92..0000000
--- a/primeng-sass-theme/theme-base/components/data/_tree.scss
+++ /dev/null
@@ -1,184 +0,0 @@
-// core
-.p-tree-container {
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-	overflow: auto;
-}
-
-.p-treenode-children {
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-}
-
-.p-treenode-selectable {
-	cursor: pointer;
-	user-select: none;
-}
-
-.p-tree-toggler {
-	cursor: pointer;
-	user-select: none;
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	overflow: hidden;
-	position: relative;
-	flex-shrink: 0;
-}
-
-.p-treenode-leaf > .p-treenode-content .p-tree-toggler {
-	visibility: hidden;
-}
-
-.p-treenode-content {
-	display: flex;
-	align-items: center;
-}
-
-.p-tree-filter {
-	width: 100%;
-}
-
-.p-tree-filter-container {
-	position: relative;
-	display: block;
-	width: 100%;
-}
-
-.p-tree-filter-icon {
-	position: absolute;
-	top: 50%;
-	margin-top: -0.5rem;
-}
-
-.p-tree-loading {
-	position: relative;
-	min-height: 4rem;
-}
-
-.p-tree .p-tree-loading-overlay {
-	position: absolute;
-	z-index: 1;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-// TODO: Should be removed after implementing the new scrollable prop to Tree
-// .p-tree-flex-scrollable {
-//     display: flex;
-//     flex: 1;
-//     height: 100%;
-//     flex-direction: column;
-// }
-
-// .p-tree-flex-scrollable .p-tree-wrapper {
-//     flex: 1;
-// }
-
-// theme
-.p-tree {
-	border: $panelContentBorder;
-	background: $panelContentBg;
-	color: $panelContentTextColor;
-	padding: $panelContentPadding;
-	border-radius: $borderRadius;
-
-	.p-tree-container {
-			.p-treenode {
-					padding: $treeNodePadding;
-					outline: 0 none;
-
-					&:focus > .p-treenode-content {
-							@include focused-listitem();
-					}
-
-					.p-treenode-content {
-							border-radius: $borderRadius;
-							transition: $listItemTransition;
-							padding: $treeNodeContentPadding;
-
-							.p-tree-toggler {
-									margin-right: $inlineSpacing;
-									@include action-icon();
-							}
-
-							.p-treenode-icon {
-									margin-right: $inlineSpacing;
-									color: $treeNodeIconColor;
-							}
-
-							.p-checkbox {
-									margin-right: $inlineSpacing;
-
-									&.p-indeterminate {
-											.p-checkbox-icon {
-													color: $textColor;
-											}
-									}
-							}
-
-							&.p-highlight {
-									background: $highlightBg;
-									color: $highlightTextColor;
-
-									.p-tree-toggler,
-									.p-treenode-icon {
-											color: $highlightTextColor;
-
-											&:hover {
-													color: $highlightTextColor;
-											}
-									}
-							}
-
-							&.p-treenode-selectable:not(.p-highlight):hover {
-									background: $inputListItemHoverBg;
-									color: $inputListItemTextHoverColor;
-							}
-
-							&.p-treenode-dragover {
-								background: $inputListItemHoverBg;
-								color: $inputListItemTextHoverColor;
-							}
-					}
-			}
-	}
-
-	.p-tree-filter-container {
-			margin-bottom: $inlineSpacing;
-
-			.p-tree-filter {
-					width: 100%;
-					padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-			}
-
-			.p-tree-filter-icon {
-					right: nth($inputPadding, 2);
-					color: $inputIconColor;
-			}
-	}
-
-	.p-treenode-children {
-			padding: $treeNodeChildrenPadding;
-	}
-
-	.p-tree-loading-icon {
-			font-size: $loadingIconFontSize;
-
-			&.p-icon {
-					width:  $loadingIconFontSize;
-					height: $loadingIconFontSize;
-			}
-	}
-
-	.p-treenode-droppoint {
-		height: $inlineSpacing;
-
-		&.p-treenode-droppoint-active {
-			background: scale-color($highlightBg, $lightness: -20%);
-		}
-	}
-}
diff --git a/primeng-sass-theme/theme-base/components/data/_treetable.scss b/primeng-sass-theme/theme-base/components/data/_treetable.scss
deleted file mode 100644
index cec59e8..0000000
--- a/primeng-sass-theme/theme-base/components/data/_treetable.scss
+++ /dev/null
@@ -1,429 +0,0 @@
-// core
-.p-treetable {
-    position: relative;
-}
-
-.p-treetable > .p-treetable-wrapper {
-    overflow: auto;
-}
-
-.p-treetable table {
-    border-collapse: collapse;
-    width: 100%;
-    table-layout: fixed;
-}
-
-.p-treetable .p-sortable-column {
-    cursor: pointer;
-    user-select: none;
-}
-
-.p-treetable-selectable .p-treetable-tbody > tr {
-    cursor: pointer;
-}
-
-.p-treetable-toggler {
-    cursor: pointer;
-    user-select: none;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    vertical-align: middle;
-    overflow: hidden;
-    position: relative;
-}
-
-.p-treetable-toggler + .p-checkbox {
-    vertical-align: middle;
-}
-
-.p-treetable-toggler + .p-checkbox + span {
-    vertical-align: middle;
-}
-
-/* Resizable */
-.p-treetable-resizable > .p-treetable-wrapper {
-    overflow-x: auto;
-}
-
-.p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
-    overflow: hidden;
-}
-
-.p-treetable-resizable .p-resizable-column {
-    background-clip: padding-box;
-    position: relative;
-}
-
-.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
-    display: none;
-}
-
-.p-treetable .p-column-resizer {
-    display: block;
-    position: absolute;
-    top: 0;
-    right: 0;
-    margin: 0;
-    width: 0.5rem;
-    height: 100%;
-    padding: 0px;
-    cursor: col-resize;
-    border: 1px solid transparent;
-}
-
-.p-treetable .p-column-resizer-helper {
-    width: 1px;
-    position: absolute;
-    z-index: 10;
-    display: none;
-}
-
-/* Scrollable */
-.p-treetable-scrollable-wrapper {
-    position: relative;
-}
-.p-treetable-scrollable-header,
-.p-treetable-scrollable-footer {
-    overflow: hidden;
-    border: 0 none;
-}
-
-.p-treetable-scrollable-body {
-    overflow: auto;
-    position: relative;
-}
-
-.p-treetable-virtual-table {
-    position: absolute;
-}
-
-/* Frozen Columns */
-.p-treetable-frozen-view .p-treetable-scrollable-body {
-    overflow: hidden;
-}
-
-.p-treetable-unfrozen-view {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-}
-
-/* Reorder */
-.p-treetable-reorder-indicator-up,
-.p-treetable-reorder-indicator-down {
-    position: absolute;
-    display: none;
-}
-
-/* Loader */
-.p-treetable .p-treetable-loading-overlay {
-    position: absolute;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: 2;
-}
-
-/* Alignment */
-.p-treetable .p-treetable-thead > tr > th.p-align-left > .p-column-header-content,
-.p-treetable .p-treetable-tbody > tr > td.p-align-left,
-.p-treetable .p-treetable-tfoot > tr > td.p-align-left {
-    text-align: left;
-    justify-content: flex-start;
-}
-.p-treetable .p-treetable-thead > tr > th.p-align-right > .p-column-header-content,
-.p-treetable .p-treetable-tbody > tr > td.p-align-right,
-.p-treetable .p-treetable-tfoot > tr > td.p-align-right {
-    text-align: right;
-    justify-content: flex-end;
-}
-.p-treetable .p-treetable-thead > tr > th.p-align-center > .p-column-header-content,
-.p-treetable .p-treetable-tbody > tr > td.p-align-center,
-.p-treetable .p-treetable-tfoot > tr > td.p-align-center {
-    text-align: center;
-    justify-content: center;
-}
-
-
-// theme
-.p-treetable {
-    .p-paginator-top {
-        border-width: $tableTopPaginatorBorderWidth;
-        border-radius: 0;
-    }
-
-    .p-paginator-bottom {
-        border-width: $tableBottomPaginatorBorderWidth;
-        border-radius: 0;
-    }
-
-    .p-treetable-header {
-        background: $tableHeaderBg;
-        color: $tableHeaderTextColor;
-        border: $tableHeaderBorder;
-        border-width: $tableHeaderBorderWidth;
-        padding: $tableHeaderPadding;
-        font-weight: $tableHeaderFontWeight;
-    }
-
-    .p-treetable-footer {
-        background: $tableFooterBg;
-        color: $tableFooterTextColor;
-        border: $tableFooterBorder;
-        border-width: $tableFooterBorderWidth;
-        padding: $tableFooterPadding;
-        font-weight: $tableFooterFontWeight;
-    }
-
-    .p-treetable-thead > tr > th {
-        text-align: $tableCellContentAlignment;
-        padding: $tableHeaderCellPadding;
-        border: $tableHeaderCellBorder;
-        border-width: $tableHeaderCellBorderWidth;
-        font-weight: $tableHeaderCellFontWeight;
-        color: $tableHeaderCellTextColor;
-        background: $tableHeaderCellBg;
-        transition: $listItemTransition;
-    }
-
-    .p-treetable-tfoot > tr > td {
-        text-align: $tableCellContentAlignment;
-        padding: $tableFooterCellPadding;
-        border: $tableFooterCellBorder;
-        border-width: $tableFooterCellBorderWidth;
-        font-weight: $tableFooterCellFontWeight;
-        color: $tableFooterCellTextColor;
-        background: $tableFooterCellBg;
-    }
-
-    .p-sortable-column {
-        outline-color: $focusOutlineColor;
-
-        .p-sortable-column-icon {
-            color: $tableHeaderCellIconColor;
-            margin-left: $inlineSpacing;
-        }
-
-        .p-sortable-column-badge {
-            border-radius: 50%;
-            height: $tableSortableColumnBadgeSize;
-            min-width: $tableSortableColumnBadgeSize;
-            line-height: $tableSortableColumnBadgeSize;
-            color: $highlightTextColor;
-            background: $highlightBg;
-            margin-left: $inlineSpacing;
-        }
-
-        &:not(.p-highlight):hover {
-            background: $tableHeaderCellHoverBg;
-            color: $tableHeaderCellTextHoverColor;
-
-            .p-sortable-column-icon {
-                color: $tableHeaderCellIconHoverColor;
-            }
-        }
-
-        &.p-highlight {
-            background: $tableHeaderCellHighlightBg;
-            color: $tableHeaderCellHighlightTextColor;
-
-            .p-sortable-column-icon {
-                color: $tableHeaderCellHighlightTextColor;
-            }
-        }
-    }
-
-    .p-treetable-tbody {
-        > tr {
-            background: $tableBodyRowBg;
-            color: $tableBodyRowTextColor;
-            transition: $listItemTransition;
-
-            > td {
-                text-align: $tableCellContentAlignment;
-                border: $tableBodyCellBorder;
-                border-width: $tableBodyCellBorderWidth;
-                padding: $tableBodyCellPadding;
-
-                .p-treetable-toggler {
-                    @include action-icon();
-                    margin-right: $inlineSpacing;
-                    
-                    & + .p-checkbox {
-                        margin-right: $inlineSpacing;
-                        
-                        .p-indeterminate {
-                            .p-checkbox-icon {
-                                color: $textColor;
-                            }
-                        }
-                    }
-                }
-            }
-
-            &:focus-visible {
-                outline: .15rem solid $focusOutlineColor;
-                outline-offset: -.15rem;
-            }
-
-            &.p-highlight {
-                background: $highlightBg;
-                color: $highlightTextColor;
-
-                .p-treetable-toggler {
-                    color: $highlightTextColor;
-
-                    &:hover {
-                        color: $highlightTextColor;
-                    }
-                    
-                }
-            }
-        }
-    }
-
-    &.p-treetable-selectable,
-    &.p-treetable-hoverable-rows {
-        .p-treetable-tbody > tr:not(.p-highlight):hover {
-            background: $tableBodyRowHoverBg;
-            color: $tableBodyRowTextHoverColor;
-
-            .p-treetable-toggler {
-                color: $tableBodyRowTextHoverColor;
-            }
-        }
-    }
-
-    .p-column-resizer-helper {
-        background: $tableResizerHelperBg;
-    }
-
-    .p-treetable-scrollable-header,
-    .p-treetable-scrollable-footer {
-        background: $panelHeaderBg;
-    }
-
-    .p-treetable-loading-icon {
-        font-size: $loadingIconFontSize;
-
-        &.p-icon {
-            width: $loadingIconFontSize;
-            height: $loadingIconFontSize;
-        }
-    }
-
-    &.p-treetable-gridlines {
-        .p-treetable-header {
-            border-width: 1px 1px 0 1px;
-        }
-
-        .p-treetable-footer {
-            border-width: 0 1px 1px 1px;
-        }
-
-        .p-treetable-top {
-            border-width: 0 1px 0 1px;
-        }
-
-        .p-treetable-bottom {
-            border-width: 0 1px 1px 1px;
-        }
-
-        .p-treetable-thead {
-            > tr {
-                > th {
-                    border-width: 1px;
-                }
-            }
-        }
-
-        .p-treetable-tbody {
-            > tr {
-                > td {
-                    border-width: 1px;
-                }
-            }
-        }
-
-        .p-treetable-tfoot {
-            > tr {
-                > td {
-                    border-width: 1px;
-                }
-            }
-        }
-    }
-
-    &.p-treetable-striped {
-        .p-treetable-tbody {
-            > tr.p-row-odd {
-                background: $tableBodyRowEvenBg;
-    
-                &.p-highlight {
-                    background: $highlightBg;
-                    color: $highlightTextColor;
-    
-                    .p-row-toggler {
-                        color: $highlightTextColor;
-    
-                        &:hover {
-                            color: $highlightTextColor;
-                        }
-                    }
-                }
-
-                & + .p-row-expanded {
-                    background: $tableBodyRowEvenBg;
-                }
-            }
-        }
-    }
-
-    &.p-treetable-sm {
-        .p-treetable-header {
-            @include scaledPadding($tableHeaderPadding, $scaleSM);
-        }
-
-        .p-treetable-thead > tr > th {
-            @include scaledPadding($tableHeaderCellPadding, $tableScaleSM);
-        }
-
-        .p-treetable-tbody > tr > td {
-            @include scaledPadding($tableBodyCellPadding, $tableScaleSM);
-        }
-
-        .p-treetable-tfoot > tr > td {
-            @include scaledPadding($tableFooterPadding, $tableScaleSM);
-        }
-
-        .p-treetable-footer {
-            @include scaledPadding($tableFooterPadding, $tableScaleSM);
-        }
-    }
-
-    &.p-treetable-lg {
-        .p-treetable-header {
-            @include scaledPadding($tableHeaderPadding, $tableScaleLG);
-        }
-
-        .p-treetable-thead > tr > th {
-            @include scaledPadding($tableHeaderCellPadding, $tableScaleLG);
-        }
-
-        .p-treetable-tbody > tr > td {
-            @include scaledPadding($tableBodyCellPadding, $tableScaleLG);
-        }
-
-        .p-treetable-tfoot > tr > td {
-            @include scaledPadding($tableFooterPadding, $tableScaleLG);
-        }
-
-        .p-treetable-footer {
-            @include scaledPadding($tableFooterPadding, $tableScaleLG);
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/file/_fileupload.scss b/primeng-sass-theme/theme-base/components/file/_fileupload.scss
deleted file mode 100644
index 9c974ea..0000000
--- a/primeng-sass-theme/theme-base/components/file/_fileupload.scss
+++ /dev/null
@@ -1,120 +0,0 @@
-.p-fileupload-dnd,
-.p-fileupload-button {
-    .p-fileupload {
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-        gap: $gap-2;
-    }
-
-    &.p-fileupload-advanced {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-    }
-
-    .p-fileupload-content {
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-        gap: $gap-2;
-
-        > p-progressbar,
-        p-messages {
-            display: none;
-        }
-    }
-
-    .p-orderlist-controls {
-        display: none;
-    }
-
-    .p-fileupload-files {
-        display: none;
-    }
-
-    .p-fileupload-info-button {
-        width: $buttonIconOnlyWidth;
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        color: $infoMessageIconColor;
-    }
-
-    .p-orderlist-list-container {
-        display: flex;
-        flex-direction: column;
-        width: 100%;
-
-        .p-orderlist-list {
-            overflow: hidden;
-            min-height: 0px;
-        }
-    }
-
-    .p-fileupload-progress-spinner {
-        width: $text-xl;
-        height: $text-xl;
-    }
-
-    .p-fileupload-item-row {
-        padding: $p-1 $p-1 $p-1 $p-2;
-        border-radius: $borderRadius;
-        border: 1px solid $surface-transparent;
-
-        &:hover {
-            background: $surface-hover;
-        }
-
-        &.error {
-            border-color: $errorColor;
-
-            .file-icon {
-                color: $errorColor;
-            }
-        }
-    }
-
-    .p-dataview-content,
-    .p-orderlist-list {
-        display: flex;
-        flex-direction: column;
-        gap: $gap-2;
-    }
-}
-
-.p-fileupload-dnd {
-    .p-fileupload-buttonbar {
-        width: 100%;
-        border-radius: $borderRadius;
-        background: $surface-section;
-        border: 1px dashed $panelHeaderBorderColor;
-        padding: $panelHeaderPadding;
-
-        button {
-            width: 100%;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            gap: $gap-2;
-
-            > div {
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                justify-content: center;
-                gap: $gap-1;
-            }
-        }
-
-        &:hover {
-            cursor: pointer;
-            border-color: $primaryColor;
-
-            i {
-                color: $primaryColor;
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_autocomplete.scss b/primeng-sass-theme/theme-base/components/input/_autocomplete.scss
deleted file mode 100644
index 45b9901..0000000
--- a/primeng-sass-theme/theme-base/components/input/_autocomplete.scss
+++ /dev/null
@@ -1,231 +0,0 @@
-@use 'sass:math';
-
-// core
-.p-autocomplete {
-    display: inline-flex;
-    height: min-content;
-
-    .p-autocomplete-loader {
-        right: nth($inputPadding, 2);
-        color: $inputIconColor;
-    }
-
-    &.p-autocomplete-dd {
-        .p-autocomplete-loader {
-            right: nth($inputPadding, 2) + $buttonIconOnlyWidth;
-        }
-    }
-}
-
-.p-autocomplete-multiple-container {
-    outline-color: transparent;
-
-    cursor: text;
-    overflow: hidden;
-
-    height: min-content;
-
-    display: flex;
-    flex-grow: 1;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: math.div($inlineSpacing, 2);
-
-    margin: 0;
-
-    list-style-type: none;
-
-    &:has(.p-autocomplete-token) {
-        padding: math.div($inlineSpacing, 2);
-    }
-}
-
-.p-autocomplete-token {
-    cursor: default;
-
-    display: inline-flex;
-    align-items: center;
-    flex: 0 0 auto;
-
-    height: $chipHeight;
-}
-
-.p-autocomplete-input-token {
-    flex: 1 1 auto;
-    display: inline-flex;
-}
-
-.p-autocomplete-token-icon {
-    cursor: pointer;
-}
-
-.p-autocomplete-input-token input {
-    border: 0 none;
-    outline: 0 none;
-    background-color: transparent;
-    margin: 0;
-    padding: 0;
-    box-shadow: none;
-    border-radius: 0;
-    width: 100%;
-}
-
-.p-fluid .p-autocomplete {
-    display: flex;
-}
-
-// theme
-.p-autocomplete {
-    .p-autocomplete-multiple-container {
-        &:not(.p-disabled):hover {
-            border-color: $inputHoverBorderColor;
-        }
-
-        &:not(.p-disabled).p-focus {
-            @include focused-input();
-        }
-
-        &.p-disabled {
-            cursor: not-allowed;
-            background-color: $disabledButtonBg;
-        }
-
-        .p-autocomplete-token {
-            padding: $chipPadding;
-            background: $chipBg;
-            color: $chipTextColor;
-            border-radius: $chipBorderRadius;
-
-            &.p-focus {
-                @include focused();
-            }
-
-            .p-autocomplete-token-icon {
-                margin-left: $inlineSpacing;
-            }
-        }
-
-        .p-autocomplete-token + .p-autocomplete-input-token {
-            padding: 0 $inlineSpacing;
-        }
-
-        .p-autocomplete-input-token {
-            padding: math.div(nth($inputPadding, 1), 2) 0;
-
-            input {
-                height: $chipHeight;
-
-                font-family: var(--font-family);
-                font-feature-settings: var(--font-feature-settings, normal);
-                font-size: $inputTextFontSize;
-                color: $textColor;
-
-                margin: 0;
-            }
-        }
-    }
-
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
-    }
-}
-
-.p-autocomplete-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
-    margin-top: nth($inputListItemMargin, 1);
-
-    .p-autocomplete-items {
-        padding: $inputListPadding;
-
-        .p-autocomplete-item {
-            margin: $inputListItemMargin;
-            padding: $inputListItemPadding;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
-
-            &:first-of-type {
-                margin-top: 0;
-            }
-
-            &:last-of-type {
-                margin-bottom: 0;
-            }
-
-            &:hover {
-                color: $inputListItemHoverTextColor;
-                background: $inputListItemHoverBg;
-            }
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-            }
-        }
-
-        .p-autocomplete-item-group {
-            margin: $submenuHeaderMargin;
-            padding: $submenuHeaderPadding;
-            color: $submenuHeaderTextColor;
-            background: $submenuHeaderBg;
-            font-weight: $submenuHeaderFontWeight;
-        }
-
-        .p-autocomplete-empty-message {
-            text-align: center;
-            padding: $inputListItemPadding;
-        }
-    }
-}
-
-
-.p-autocomplete-dd {
-    .p-autocomplete-input {
-        flex: 1 1 auto;
-        width: 1%;
-    }
-
-    .p-autocomplete-dropdown {
-        display: none;
-    }
-}
-
-.autocomplete-dropdown-container:hover .p-inputtext:enabled {
-    border-color: $inputHoverBorderColor;
-}
-
-.autocomplete-dropdown-trigger {
-    position: absolute;
-    right: 0;
-    top: 0;
-    height: 100%;
-    width: $inputGroupAddOnMinWidth;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.p-autocomplete-clear-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -0.5rem;
-    cursor: pointer;
-}
-
-.p-autocomplete-clearable {
-    position: relative;
-
-    .p-autocomplete-clear-icon {
-        right: 0.75rem;
-    }
-
-    .p-autocomplete-dd .p-autocomplete-clear-icon {
-        right: 2.5rem;
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_calendar.scss b/primeng-sass-theme/theme-base/components/input/_calendar.scss
deleted file mode 100644
index 20728b8..0000000
--- a/primeng-sass-theme/theme-base/components/input/_calendar.scss
+++ /dev/null
@@ -1,313 +0,0 @@
-.p-calendar {
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
-    }
-
-    &:not(.p-calendar-disabled).p-focus > .p-inputtext {
-        @include focused-input();
-    }
-}
-
-.p-datepicker {
-    margin-top: $inputListPadding;
-    padding: $calendarPadding;
-    background: $calendarInlineBg;
-    color: $calendarTextColor;
-    border: $calendarBorder;
-    border-radius: $borderRadius;
-
-    &:not(.p-datepicker-inline) {
-        background: $calendarBg;
-        border: $calendarOverlayBorder;
-        box-shadow: $inputOverlayShadow;
-
-        .p-datepicker-header {
-            background: $calendarHeaderBg;
-        }
-    }
-
-    .p-datepicker-header {
-        padding: $calendarHeaderPadding;
-        color: $calendarHeaderTextColor;
-        background: $calendarInlineHeaderBg;
-        font-weight: $calendarHeaderFontWeight;
-        margin: $inputListHeaderMargin;
-        border-bottom: $calendarHeaderBorder;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-datepicker-prev,
-        .p-datepicker-next {
-            @include action-icon();
-            border: 1px solid transparent;
-
-            &.p-disabled {
-                color: $disabledButtonTextColor;
-                background: $disabledButtonBg;
-                border-color: $disabledButtonBorderColor;
-            }
-        }
-
-        .p-datepicker-title {
-            line-height: $actionIconHeight;
-
-            display: flex;
-            gap: $inlineSpacing;
-
-            .p-native-select {
-                display: inline-flex;
-                cursor: pointer;
-                position: relative;
-                user-select: none;
-                background: $inputBg;
-                border: $inputBorder;
-                transition: $formElementTransition;
-                border-radius: $borderRadius;
-                outline-color: transparent;
-                min-height: $buttonHeight;
-
-                &:focus {
-                    @include focused-input();
-                }
-            }
-
-            .p-datepicker-year,
-            .p-datepicker-month {
-                color: $calendarHeaderTextColor;
-                transition: $actionIconTransition;
-                font-weight: $calendarHeaderFontWeight;
-                padding: $calendarHeaderCellPadding;
-
-                &:enabled:hover {
-                    color: $calendarMonthYearHeaderHoverTextColor;
-                }
-            }
-
-            .p-datepicker-month {
-                margin-right: $inlineSpacing;
-            }
-        }
-    }
-
-    table {
-        font-size: $fontSize;
-        margin: $calendarTableMargin;
-
-        th {
-            padding: $calendarHeaderCellPadding;
-
-            > span {
-                width: $calendarCellDateWidth;
-                height: $calendarCellDateHeight;
-            }
-        }
-
-        td {
-            padding: $calendarCellDatePadding;
-
-            > span {
-                width: $calendarCellDateWidth;
-                height: $calendarCellDateHeight;
-                border-radius: $calendarCellDateBorderRadius;
-                transition: $listItemTransition;
-                border: $calendarCellDateBorder;
-
-                &.p-highlight {
-                    color: $highlightTextColor;
-                    background: $highlightBg;
-                }
-
-                &:focus-visible {
-                    @include focused();
-                }
-            }
-
-            &.p-datepicker-today {
-                > span {
-                    color: $calendarCellDateTodayTextColor;
-                    font-weight: 700;
-
-                    border-color: $calendarCellDateTodayBorderColor;
-                    background: $calendarCellDateTodayBg;
-
-                    &:not(.p-disabled):hover {
-                        color: $calendarCellDateHoverText;
-                    }
-
-                    &.p-highlight {
-                        color: $highlightTextColor;
-                        background: $highlightBg;
-                    }
-                }
-            }
-        }
-    }
-
-    .p-datepicker-buttonbar {
-        padding: $calendarButtonBarPadding;
-
-        .p-button {
-            width: auto;
-        }
-    }
-
-    .p-timepicker {
-        border-top: $divider;
-        padding: $calendarTimePickerPadding;
-
-        button {
-            @include action-icon();
-        }
-
-        span {
-            font-size: $calendarTimePickerTimeFontSize;
-        }
-
-        > div {
-            padding: $calendarTimePickerElementPadding;
-        }
-    }
-
-    .p-hour-picker,
-    .p-minute-picker {
-        gap: 0.25rem;
-    }
-
-    &.p-datepicker-timeonly {
-        .p-timepicker {
-            border-top: 0 none;
-        }
-    }
-
-    .p-monthpicker {
-        margin: $calendarTableMargin;
-
-        .p-monthpicker-month {
-            padding: $calendarCellDatePadding;
-            transition: $listItemTransition;
-            border-radius: $calendarCellDateBorderRadius;
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-            }
-        }
-    }
-
-    .p-yearpicker {
-        margin: $calendarTableMargin;
-
-        .p-yearpicker-year {
-            padding: $calendarCellDatePadding;
-            transition: $listItemTransition;
-            border-radius: $calendarCellDateBorderRadius;
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-            }
-        }
-    }
-
-    &.p-datepicker-multiple-month {
-        .p-datepicker-group {
-            border-left: $divider;
-            padding-right: $calendarPadding;
-            padding-left: $calendarPadding;
-            padding-top: 0;
-            padding-bottom: 0;
-
-            &:first-child {
-                padding-left: 0;
-                border-left: 0 none;
-            }
-
-            &:last-child {
-                padding-right: 0;
-            }
-        }
-    }
-
-    &:not(.p-disabled) {
-        table {
-            td {
-                span:not(.p-highlight):not(.p-disabled) {
-                    &:hover {
-                        color: $calendarCellDateHoverText;
-                        background: $calendarCellDateHoverBg;
-                    }
-
-                    &:focus-visible {
-                        @include focused();
-                    }
-                }
-
-                span.p-highlight:hover {
-                    background: $primaryColorHover;
-                }
-            }
-        }
-
-        .p-monthpicker {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 0.25rem;
-
-            .p-monthpicker-month {
-                flex-basis: 32.3%;
-                width: 100%;
-
-                &:not(.p-disabled) {
-                    &:not(.p-highlight):hover {
-                        color: $calendarCellDateHoverText;
-                        background: $calendarCellDateHoverBg;
-                    }
-
-                    &.p-highlight:hover {
-                        background: $primaryColorHover;
-                    }
-
-                    &:focus-visible {
-                        @include focused();
-                    }
-                }
-            }
-        }
-
-        .p-yearpicker {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 0.25rem;
-
-            .p-yearpicker-year {
-                flex-basis: 32.3%;
-                width: 100%;
-
-                &:not(.p-disabled) {
-                    &:not(.p-highlight):hover {
-                        color: $calendarCellDateHoverText;
-                        background: $calendarCellDateHoverBg;
-                    }
-
-                    &.p-highlight:hover {
-                        background: $primaryColorHover;
-                    }
-
-                    &:focus-visible {
-                        @include focused();
-                    }
-                }
-            }
-        }
-    }
-}
-
-@media screen and (max-width: $calendarBreakpoint) {
-    .p-datepicker {
-        table {
-            th,
-            td {
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_cascadeselect.scss b/primeng-sass-theme/theme-base/components/input/_cascadeselect.scss
deleted file mode 100644
index cfd726e..0000000
--- a/primeng-sass-theme/theme-base/components/input/_cascadeselect.scss
+++ /dev/null
@@ -1,107 +0,0 @@
-.p-cascadeselect {
-    background: $inputBg;
-    border: $inputBorder;
-    transition: $formElementTransition;
-    border-radius: $borderRadius;
-    outline-color: transparent;
-
-    &:not(.p-disabled):hover {
-        border-color: $inputHoverBorderColor;
-    }
-
-    &:not(.p-disabled).p-focus {
-        @include focused-input();
-    }
-
-    &.p-variant-filled {
-        background-color: $inputFilledBg;
-
-        &:enabled:hover {
-            background-color: $inputFilledHoverBg;
-        }
-
-        &:enabled:focus {
-            background-color: $inputFilledFocusBg;
-        }
-    }
-
-    .p-cascadeselect-label {
-        background: transparent;
-        border: 0 none;
-        padding: $inputPadding;
-
-        &.p-placeholder {
-            color: $inputPlaceholderTextColor;
-        }
-
-        &:enabled:focus {
-            outline: 0 none;
-            box-shadow: none;
-        }
-    }
-
-    .p-cascadeselect-trigger {
-        background: transparent;
-        color: $inputIconColor;
-        width: $inputGroupAddOnMinWidth;
-        border-top-right-radius: $borderRadius;
-        border-bottom-right-radius: $borderRadius;
-    }
-
-    &.p-invalid.p-component {
-        @include invalid-input();
-    }
-}
-
-.p-cascadeselect-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
-
-    .p-cascadeselect-items {
-        padding: $inputListPadding;
-
-        .p-cascadeselect-item {
-            margin: $inputListItemMargin;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
-
-            &:first-child {
-                margin-top: 0;
-            }
-
-            &:last-child {
-                margin-bottom: 0;
-            }
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-
-                &.p-focus {
-                    background: $highlightFocusBg;
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled) {
-                &.p-focus {
-                    color: $inputListItemTextHoverColor;
-                    background: $inputListItemHoverBg;
-                }
-            }
-
-            .p-cascadeselect-item-content {
-                padding: $inputListItemPadding;
-            }
-
-            .p-cascadeselect-group-icon {
-                font-size: $menuitemSubmenuIconFontSize;
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_checkbox.scss b/primeng-sass-theme/theme-base/components/input/_checkbox.scss
deleted file mode 100644
index bc3525c..0000000
--- a/primeng-sass-theme/theme-base/components/input/_checkbox.scss
+++ /dev/null
@@ -1,133 +0,0 @@
-//core
-.p-checkbox {
-    position: relative;
-    display: inline-flex;
-    user-select: none;
-    vertical-align: bottom;
-}
-
-.p-checkbox-input {
-    appearance: none;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    padding: 0;
-    margin: 0;
-    opacity: 0;
-    z-index: 1;
-    outline: 0 none;
-    cursor: pointer;
-}
-
-.p-checkbox-box {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-// theme
-.p-checkbox {
-    width: $checkboxWidth;
-    height: $checkboxHeight;
-
-    &.p-checkbox-checked {
-        .p-checkbox-box {
-            /* Отключение стандартной иконки PrimeNG, т.к. используем tabler, вместо prime-icons. */
-            & .p-checkbox-icon {
-                display: none;
-            }
-
-            &::after {
-                content: "\ea5e";
-                width: $checkboxIconFontSize;
-                height: $checkboxIconFontSize;
-                transition-duration: $transitionDuration;
-                color: $checkboxIconActiveColor;
-                font-size: $checkboxIconFontSize;
-                font-family: "tabler-icons" !important;
-                speak: none;
-                font-style: normal;
-                font-weight: normal;
-                font-variant: normal;
-                text-transform: none;
-                line-height: 1;
-                -webkit-font-smoothing: antialiased;
-            }
-        }
-    }
-
-    .p-checkbox-input {
-        border: $checkboxBorder;
-        border-radius: $checkboxBorderRadius;
-    }
-
-    .p-checkbox-box {
-        border: $checkboxBorder;
-        background: $inputBg;
-        width: $checkboxWidth;
-        height: $checkboxHeight;
-        color: $textColor;
-        border-radius: $checkboxBorderRadius;
-        transition: $formElementTransition;
-        outline-color: transparent;
-
-        &.p-highlight {
-            border-color: $checkboxActiveBorderColor;
-            background: $checkboxActiveBg;
-        }
-
-        &:not(.p-disabled) {
-            &:hover {
-                border-color: $inputHoverBorderColor;
-
-                &.p-highlight {
-                    border-color: $checkboxActiveHoverBorderColor;
-                    background: $checkboxActiveHoverBg;
-                    color: $checkboxIconActiveHoverColor;
-                }
-            }
-
-            &.p-focus {
-                @include focused-input();
-            }
-        }
-
-        &.p-disabled {
-            background: $disabledButtonBg;
-        }
-
-        .p-checkbox-icon {
-            transition-duration: $transitionDuration;
-            color: $checkboxIconActiveColor;
-            font-size: $checkboxIconFontSize;
-
-            &.p-icon {
-                width: $checkboxIconFontSize;
-                height: $checkboxIconFontSize;
-            }
-        }
-    }
-
-}
-
-p-checkbox {
-    &.ng-dirty.ng-invalid {
-        > .p-checkbox {
-            > .p-checkbox-box {
-                 @include invalid-input();
-            }
-        }
-    }
-}
-
-@if ($highlightBg == $checkboxActiveBg) {
-    .p-highlight {
-        .p-checkbox {
-            .p-checkbox-box {
-                border-color: $checkboxActiveBorderColor;
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_chips.scss b/primeng-sass-theme/theme-base/components/input/_chips.scss
deleted file mode 100644
index c508921..0000000
--- a/primeng-sass-theme/theme-base/components/input/_chips.scss
+++ /dev/null
@@ -1,126 +0,0 @@
-@use "sass:math";
-
-// core
-.p-chips {
-    display: inline-flex;
-    height: min-content;
-}
-
-.p-disabled {
-    .p-chips-multiple-container{
-        background-color: $disabledButtonBg;
-    }
-}
-
-.p-chips-multiple-container {
-    outline-color: transparent;
-
-    cursor: text;
-    overflow: hidden;
-
-    height: min-content;
-
-    display: flex;
-    flex-grow: 1;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: math.div($inlineSpacing, 2);
-
-    margin: 0;
-
-    list-style-type: none;
-
-    &:has(.p-chips-token) {
-        padding: math.div($inlineSpacing, 2);
-    }
-}
-
-.p-chips-token {
-    cursor: default;
-
-    display: inline-flex;
-    align-items: center;
-    flex: 0 0 auto;
-
-    height: $chipHeight;
-}
-
-.p-chips-input-token {
-    flex: 1 1 auto;
-    display: inline-flex;
-}
-
-.p-chips-token-icon {
-    cursor: pointer;
-}
-
-.p-chips-input-token input {
-    border: 0 none;
-    outline: 0 none;
-    background-color: transparent;
-    margin: 0;
-    padding: 0;
-    box-shadow: none;
-    border-radius: 0;
-    width: 100%;
-}
-
-.p-fluid .p-chips {
-    display: flex;
-}
-
-// theme
-.p-chips {
-    &:not(.p-disabled):hover {
-        .p-chips-multiple-container {
-            border-color: $inputHoverBorderColor;
-        }
-    }
-
-    &:not(.p-disabled).p-focus {
-        .p-chips-multiple-container {
-            @include focused-input();
-        }
-    }
-
-    .p-chips-multiple-container {        
-
-        .p-chips-token {
-            padding: $chipPadding;
-            background: $chipBg;
-            color: $chipTextColor;
-            border-radius: $chipBorderRadius;
-
-            &.p-focus {
-                @include focused();
-            }
-
-            .p-chips-token-icon {
-                margin-left: $inlineSpacing;
-            }
-        }
-
-        .p-chips-token + .p-chips-input-token {
-            padding: 0 $inlineSpacing;
-        }
-
-        .p-chips-input-token {
-            padding: math.div(nth($inputPadding, 1), 2) 0;
-
-            input {
-                height: $chipHeight;
-                
-                font-family: var(--font-family);
-                font-feature-settings: var(--font-feature-settings, normal);
-                font-size: $inputTextFontSize;
-                color: $textColor;
-
-                margin: 0;
-            }
-        }
-    }
-
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_colorpicker.scss b/primeng-sass-theme/theme-base/components/input/_colorpicker.scss
deleted file mode 100644
index be6d658..0000000
--- a/primeng-sass-theme/theme-base/components/input/_colorpicker.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-.p-colorpicker-preview  {
-    width: $colorPickerPreviewWidth;
-    height: $colorPickerPreviewHeight;
-}
-
-.p-colorpicker-panel {
-    background: $colorPickerBg;
-    border: $colorPickerBorder;
-
-    .p-colorpicker-color-handle,
-    .p-colorpicker-hue-handle {
-        border-color: $colorPickerHandleColor;
-    }
-}
-
-.p-colorpicker-overlay-panel {
-    box-shadow: $inputOverlayShadow;
-}
\ No newline at end of file
diff --git a/primeng-sass-theme/theme-base/components/input/_dropdown.scss b/primeng-sass-theme/theme-base/components/input/_dropdown.scss
deleted file mode 100644
index d6e9002..0000000
--- a/primeng-sass-theme/theme-base/components/input/_dropdown.scss
+++ /dev/null
@@ -1,264 +0,0 @@
-// core
-.p-dropdown {
-    display: inline-flex;
-    cursor: pointer;
-    position: relative;
-    user-select: none;
-
-    &.p-disabled {
-        cursor: not-allowed;
-
-        color: $disabledButtonTextColor;
-        border-color: $disabledButtonBorderColor;
-        background: $disabledButtonBg;
-    }
-}
-
-.p-dropdown-clear-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -0.5rem;
-}
-
-.p-dropdown-trigger {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-}
-
-.p-dropdown-label {
-    height: min-content;
-    margin: auto 0;
-
-    display: block;
-    white-space: nowrap;
-    overflow: hidden;
-    flex: 1 1 auto;
-    width: 1%;
-    text-overflow: ellipsis;
-    cursor: pointer;
-}
-
-.p-dropdown-label-empty {
-    overflow: hidden;
-    opacity: 0;
-}
-
-input.p-dropdown-label {
-    cursor: default;
-}
-
-.p-dropdown .p-dropdown-panel {
-    min-width: 100%;
-}
-
-.p-dropdown-panel {
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-
-.p-dropdown-items-wrapper {
-    overflow: auto;
-}
-
-.p-dropdown-item {
-    cursor: pointer;
-
-    overflow: hidden;
-    position: relative;
-
-    display: flex;
-    align-items: center;
-
-    font-weight: normal;
-    color: $inputListItemTextColor;
-    white-space: nowrap;
-
-    margin: $inputListItemMargin;
-    padding: $inputListItemPadding;
-
-    border: $inputListItemBorder;
-    border-radius: $inputListItemBorderRadius;
-
-    background: $inputListItemBg;
-    transition: $listItemTransition;
-
-
-    &:first-child {
-        margin-top: 0;
-    }
-
-    &:last-child {
-        margin-bottom: 0;
-    }
-
-    &.p-highlight {
-        color: $highlightTextColor;
-        background: $highlightBg;
-
-        &:hover {
-            background: $menuitemActiveHoverBg;
-        }
-    }
-
-    &:not(.p-highlight):not(.p-disabled) {
-        &:hover {
-            color: $inputListItemHoverTextColor;
-            background: $inputListItemHoverBg;
-        }
-    }
-
-    &:not(.p-highlight).p-disabled {
-        color: $disabledButtonTextColor;
-        border-color: $disabledButtonBorderColor;
-        background: $disabledButtonBg;
-    }
-
-    &.p-disabled {
-        cursor: not-allowed;
-    }
-
-    .p-dropdown-check-icon {
-        position: relative;
-        margin-left: -1 * $inlineSpacing;
-        margin-right: $inlineSpacing;
-    }
-}
-
-.p-dropdown-item-group {
-    cursor: auto;
-}
-
-.p-dropdown-items {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-}
-
-.p-dropdown-filter {
-    width: 100%;
-}
-
-.p-dropdown-filter-container {
-    position: relative;
-}
-
-.p-dropdown-filter-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -0.5rem;
-}
-
-.p-fluid .p-dropdown {
-    display: flex;
-}
-
-.p-fluid .p-dropdown .p-dropdown-label {
-    width: 1%;
-}
-
-// theme
-.p-dropdown {
-    background: $inputBg;
-    border: $inputBorder;
-    transition: $formElementTransition;
-    border-radius: $borderRadius;
-    outline-color: transparent;
-
-    &:not(.p-disabled):hover {
-        border-color: $inputHoverBorderColor;
-    }
-
-    &:not(.p-disabled).p-focus {
-        @include focused-input();
-    }
-
-    &.p-dropdown-clearable {
-        .p-dropdown-label {
-            padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-        }
-    }
-
-    .p-dropdown-label {
-        background: transparent;
-        border: 0 none;
-
-        &.p-placeholder {
-            color: $inputPlaceholderTextColor;
-        }
-
-        &:focus,
-        &:enabled:focus {
-            outline: 0 none;
-            box-shadow: none;
-        }
-    }
-
-    .p-dropdown-trigger {
-        background: transparent;
-        color: $inputIconColor;
-        width: $inputGroupAddOnMinWidth;
-        border-top-right-radius: $borderRadius;
-        border-bottom-right-radius: $borderRadius;
-    }
-
-    .p-dropdown-clear-icon {
-        color: $inputIconColor;
-        right: $inputGroupAddOnMinWidth;
-    }
-
-    &.p-invalid.p-component {
-        @include invalid-input();
-    }
-}
-
-.p-dropdown-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    margin-top: $inputListPadding;
-    box-shadow: $inputOverlayShadow;
-
-    .p-dropdown-header {
-        padding: $inputListHeaderPadding;
-        border-bottom: $inputListHeaderBorder;
-        color: $inputListHeaderTextColor;
-        background: $inputOverlayHeaderBg;
-        margin: $inputListHeaderMargin;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-dropdown-filter {
-            padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-            margin-right: -1 * (nth($inputPadding, 2) + $primeIconFontSize);
-        }
-
-        .p-dropdown-filter-icon {
-            right: nth($inputPadding, 2);
-            color: $inputIconColor;
-        }
-    }
-
-    .p-dropdown-items {
-        padding: $inputListPadding;
-
-        .p-dropdown-item-group {
-            margin: $submenuHeaderMargin;
-            padding: $submenuHeaderPadding;
-            color: $submenuHeaderTextColor;
-            background: $submenuHeaderBg;
-            font-weight: $submenuHeaderFontWeight;
-        }
-
-        .p-dropdown-empty-message {
-            color: $inputListItemTextColor;
-            text-align: center;
-
-            padding: $inputListItemPadding;
-            background: $inputListItemBg;
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_editor.scss b/primeng-sass-theme/theme-base/components/input/_editor.scss
deleted file mode 100644
index d19f593..0000000
--- a/primeng-sass-theme/theme-base/components/input/_editor.scss
+++ /dev/null
@@ -1,122 +0,0 @@
-.p-editor-container {
-    .p-editor-toolbar {
-        background: $editorToolbarBg;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        &.ql-snow {
-            border: $editorToolbarBorder;
-
-            .ql-stroke {
-                stroke: $editorToolbarIconColor;
-            }
-
-            .ql-fill {
-                fill: $editorToolbarIconColor;
-            }
-
-            .ql-picker {
-                .ql-picker-label {
-                    border: 0 none;
-                    color: $editorToolbarIconColor;
-
-                    &:hover {
-                        color: $editorToolbarIconHoverColor;
-
-                        .ql-stroke {
-                            stroke: $editorToolbarIconHoverColor;
-                        }
-
-                        .ql-fill {
-                            fill: $editorToolbarIconHoverColor;
-                        }
-                    }
-                }
-
-                &.ql-expanded {
-                    .ql-picker-label {
-                        color: $editorToolbarIconHoverColor;
-
-                        .ql-stroke {
-                            stroke: $editorToolbarIconHoverColor;
-                        }
-
-                        .ql-fill {
-                            fill: $editorToolbarIconHoverColor;
-                        }
-                    }
-
-                    .ql-picker-options {
-                        background: $inputOverlayBg;
-                        border: $inputOverlayBorder;
-                        box-shadow: $inputOverlayShadow;
-                        border-radius: $borderRadius;
-                        padding: $inputListPadding;
-
-                        .ql-picker-item {
-                            color: $inputListItemTextColor;
-
-                            &:hover {
-                                color: $inputListItemTextHoverColor;
-                                background: $inputListItemHoverBg;
-                            }
-                        }
-                    }
-
-                    &:not(.ql-icon-picker) {
-                        .ql-picker-item {
-                            padding: $inputListItemPadding;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    .p-editor-content {
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-
-        &.ql-snow {
-            border: $editorContentBorder;
-        }
-
-        .ql-editor {
-            background: $inputBg;
-            color: $inputTextColor;
-            border-bottom-right-radius: $borderRadius;
-            border-bottom-left-radius: $borderRadius;
-        }
-    }
-
-    .ql-snow.ql-toolbar button:hover,
-    .ql-snow.ql-toolbar button:focus {
-        color: $editorToolbarIconHoverColor;
-
-        .ql-stroke {
-            stroke: $editorToolbarIconHoverColor;
-        }
-
-        .ql-fill {
-            fill: $editorToolbarIconHoverColor;
-        }
-    }
-
-    .ql-snow.ql-toolbar button.ql-active,
-    .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-    .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
-        color: $editorIconActiveColor;
-
-        .ql-stroke {
-            stroke: $editorIconActiveColor;
-        }
-
-        .ql-fill {
-            fill: $editorIconActiveColor;
-        }
-
-        .ql-picker-label {
-            color: $editorIconActiveColor;
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_floatlabel.scss b/primeng-sass-theme/theme-base/components/input/_floatlabel.scss
deleted file mode 100644
index 73369ff..0000000
--- a/primeng-sass-theme/theme-base/components/input/_floatlabel.scss
+++ /dev/null
@@ -1,73 +0,0 @@
-@use "sass:math";
-
-.p-float-label label {
-    @apply body-regular-base-secondary-disabled; // TODO при отказе от tailwind внутри библиотеки, перейти на токены.
-    opacity: 0.6;
-}
-
-.p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
-    @apply caption-secondary; // TODO при отказе от tailwind внутри библиотеки, перейти на токены.
-    opacity: 1;
-}
-
-.float-variant-in .p-float-label .p-inputtext,
-.float-variant-in .p-float-label .p-inputtextarea,
-.float-variant-in .p-float-label .p-select-label,
-.float-variant-in .p-float-label .p-multiselect-label-container,
-.float-variant-in .p-float-label .p-autocomplete-input-multiple,
-.float-variant-in .p-float-label .p-cascadeselect-label,
-.float-variant-in .p-float-label .p-treeselect-label {
-    padding-top: 1rem;
-    min-height: $buttonHeightXL;
-    line-height: normal;
-}
-
-.float-variant-in .p-float-label .p-inputtextarea {
-   padding-top: 2rem;
-}
-
-
-.float-variant-in .p-float-label:has(input:focus) label,
-.float-variant-in .p-float-label:has(input.p-filled) label,
-.float-variant-in .p-float-label:has(input:-webkit-autofill) label,
-.float-variant-in .p-float-label:has(textarea:focus) label,
-.float-variant-in .p-float-label:has(textarea.p-filled) label,
-.float-variant-in .p-float-label:has(.p-inputwrapper-focus) label,
-.float-variant-in .p-float-label:has(.p-inputwrapper-filled) label {
-    top: 1rem;
-    padding-top: 0.125rem;
-    padding-bottom: 0.125rem;
-}
-
-.float-variant-in .p-float-label .p-inputtext.p-chips-multiple-container {
-    padding-top: 1.75rem;
-    padding-bottom: math.div($inlineSpacing, 2);
-}
-
-.p-float-label textarea ~ label {
-    top: 1.25rem;
-}
-
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label {
-    top: -0.75rem;
-}
-
-.float-variant-in .p-float-label textarea:focus,
-.float-variant-in .p-float-label textarea.p-filled {
-    padding-top: 2rem;
-}
-
-.p-float-label .p-dropdown .p-placeholder {
-    opacity: 0;
-}
-
-.float-variant-in .p-float-label .p-dropdown .p-inputtext {
-    padding-top: 2rem;
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_iconfield.scss b/primeng-sass-theme/theme-base/components/input/_iconfield.scss
deleted file mode 100644
index 1d65115..0000000
--- a/primeng-sass-theme/theme-base/components/input/_iconfield.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// core
-.p-icon-field {
-    position: relative;
-}
-
-.p-icon-field .p-input-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -.5rem;
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_inputgroup.scss b/primeng-sass-theme/theme-base/components/input/_inputgroup.scss
deleted file mode 100644
index 9113258..0000000
--- a/primeng-sass-theme/theme-base/components/input/_inputgroup.scss
+++ /dev/null
@@ -1,79 +0,0 @@
-.p-inputgroup-addon {
-    background: $inputGroupBg;
-    color: $inputGroupTextColor;
-    border-top: $inputBorder;
-    border-left: $inputBorder;
-    border-bottom: $inputBorder;
-    padding: $inputPadding;
-    min-width: $inputGroupAddOnMinWidth;
-
-    &:last-child {
-        border-right: $inputBorder;
-    }
-
-    &.p-disabled {
-        background-color: $disabledButtonBg;
-        color: $disabledButtonTextColor;
-    }
-}
-
-.p-inputgroup {
-    > .p-component,
-    > .p-inputwrapper > .p-inputtext,
-    > .p-float-label > .p-component {
-        border-radius: 0;
-        margin: 0;
-
-        + .p-inputgroup-addon {
-            border-left: 0 none;
-        }
-
-        &:focus {
-            z-index: 1;
-
-            ~ label {
-                z-index: 1;
-            }
-        }
-    }
-}
-
-.p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
-    border-top-left-radius: $borderRadius;
-    border-bottom-left-radius: $borderRadius;
-}
-
-.p-inputgroup .p-float-label:first-child input {
-    border-top-left-radius: $borderRadius;
-    border-bottom-left-radius: $borderRadius;
-}
-
-.p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
-    border-top-right-radius: $borderRadius;
-    border-bottom-right-radius: $borderRadius;
-}
-
-.p-inputgroup .p-float-label:last-child input {
-    border-top-right-radius: $borderRadius;
-    border-bottom-right-radius: $borderRadius;
-}
-
-.p-inputgroup {
-    .p-button {
-        height: auto;
-        width: auto;
-
-        &.p-button-icon-only {
-            width: $buttonIconOnlyWidth;
-        }
-    }
-}
-
diff --git a/primeng-sass-theme/theme-base/components/input/_inputicon.scss b/primeng-sass-theme/theme-base/components/input/_inputicon.scss
deleted file mode 100644
index efac623..0000000
--- a/primeng-sass-theme/theme-base/components/input/_inputicon.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-// core
-.p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
-    width: 100%;
-}
-
-.p-icon-field-left .p-input-icon:first-of-type {
-    left: nth($inputPadding, 2);
-    color: $inputIconColor;
-}
-
-.p-icon-field-right .p-input-icon:last-of-type  {
-    right: nth($inputPadding, 2);
-    color: $inputIconColor;
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_inputnumber.scss b/primeng-sass-theme/theme-base/components/input/_inputnumber.scss
deleted file mode 100644
index 97d6c7e..0000000
--- a/primeng-sass-theme/theme-base/components/input/_inputnumber.scss
+++ /dev/null
@@ -1,82 +0,0 @@
-.p-inputnumber {
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
-    }
-}
-
-p-inputnumber {
-    &.ng-invalid.ng-touched > .p-inputnumber > .p-inputtext {
-        @include invalid-input();
-    }
-
-    &[ng-reflect-is-disabled="true"] {
-        .p-inputnumber-button {
-            background: $disabledButtonBg;
-        }
-    }
-}
-
-.p-inputnumber-button {
-    color: $inputTextColor;
-    border-color: $inputBorderColor;
-    background-color: $inputBg;
-
-    .p-button-icon {
-        font-size: $primeIconFontSize;
-    }
-}
-
-.p-inputnumber-button:hover {
-    box-shadow: none !important;
-}
-
-.p-inputnumber-buttons-horizontal {
-    .p-inputnumber-button-down {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-
-    .p-inputnumber-button-up {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-    }
-
-    .p-inputnumber-input {
-        border-radius: 0;
-        border-left-color: transparent;
-        border-right-color: transparent;
-
-        z-index: 1;
-    }
-
-    .p-inputnumber-button-down,
-    .p-inputnumber-button-up {
-        height: 100%;
-    }
-}
-
-
-.p-inputnumber-buttons-vertical {
-    .p-inputnumber-button-down {
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-    }
-
-    .p-inputnumber-button-up {
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-
-    .p-inputnumber-input {
-        border-radius: 0;
-        border-top-color: transparent;
-        border-bottom-color: transparent;
-
-        z-index: 1;
-    }
-
-    .p-inputnumber-button-down,
-    .p-inputnumber-button-up {
-        width: 100%;
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_inputotp.scss b/primeng-sass-theme/theme-base/components/input/_inputotp.scss
deleted file mode 100644
index 21ecef1..0000000
--- a/primeng-sass-theme/theme-base/components/input/_inputotp.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-.p-inputotp {
-    display: flex;
-    align-items: center;
-    gap: $inlineSpacing;
-
-    &.error {
-        .p-inputotp-input {
-            border-color: $errorColor;
-        }
-    }
-}
-
-.p-inputotp-input {
-    font-size: $inputOptFontSize;
-    text-align: center;
-
-    width: 2 * nth($inputPadding, 2) + 1rem;
-
-    border: none;
-    border-bottom: $inputListBorder;
-    border-radius: 0;
-
-    background: transparent;
-
-    &:disabled,  &.p-disabled {
-        background: transparent;
-    }
-}
-
-.p-inputotp-input:enabled:focus {
-    box-shadow: none;
-}
-
diff --git a/primeng-sass-theme/theme-base/components/input/_inputswitch.scss b/primeng-sass-theme/theme-base/components/input/_inputswitch.scss
deleted file mode 100644
index c84b5c2..0000000
--- a/primeng-sass-theme/theme-base/components/input/_inputswitch.scss
+++ /dev/null
@@ -1,75 +0,0 @@
-@use 'sass:math';
-
-.p-inputswitch-slider {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-}
-
-.p-inputswitch-slider:before {
-    position: absolute;
-    content: '';
-    top: 50%;
-}
-
-//theme
-.p-inputswitch {
-    position: relative;
-    display: inline-block;
-    width: $inputSwitchWidth;
-    height: $inputSwitchHeight;
-    border-radius: $inputSwitchBorderRadius;
-
-    .p-inputswitch-slider {
-        background: $inputSwitchSliderOffBg;
-        transition: $formElementTransition;
-        border-radius: $inputSwitchBorderRadius;
-        outline-color: transparent;
-
-        &:before {
-            background: $inputSwitchHandleOffBg;
-            width: $inputSwitchHandleWidth;
-            height: $inputSwitchHandleHeight;
-            left: $inputSwitchSliderPadding;
-            margin-top: math.div(-1 * $inputSwitchHandleHeight, 2);
-            border-radius: $inputSwitchHandleBorderRadius;
-            transition-duration: $transitionDuration;
-        }
-    }
-
-    &.p-inputswitch-checked {
-        .p-inputswitch-slider {
-            background: $inputSwitchSliderOnBg;
-
-            &:before {
-                background: $inputSwitchHandleOnBg;
-                transform: translateX($inputSwitchHandleWidth);
-            }
-        }
-    }
-
-    &:not(.p-disabled) {
-        .p-inputswitch-slider:hover {
-            background-color: $inputSwitchSliderOffHoverBg;
-        }
-
-        &.p-focus,
-        &:focus-visible {
-            @include focused();
-        }
-    }
-}
-
-p-inputswitch {
-    &:not(.p-disabled) {
-        &.p-element.ng-dirty.ng-invalid,
-        &.p-element.ng-touched.ng-invalid {
-            .p-inputswitch-slider {
-                @include invalid-input();
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_inputtext.scss b/primeng-sass-theme/theme-base/components/input/_inputtext.scss
deleted file mode 100644
index e5998f5..0000000
--- a/primeng-sass-theme/theme-base/components/input/_inputtext.scss
+++ /dev/null
@@ -1,65 +0,0 @@
-.p-inputtext {
-    min-height: $buttonHeight;
-    line-height: $buttonHeight;
-
-    font-family: var(--font-family);
-    font-feature-settings: var(--font-feature-settings, normal);
-    font-size: $inputTextFontSize;
-    color: $inputTextColor;
-    background: $inputBg;
-    padding: $inputPadding;
-    border: $inputBorder;
-    transition: $formElementTransition;
-    appearance: none;
-    border-radius: $borderRadius;
-    outline-color: transparent;
-
-    &:enabled:hover {
-        border-color: $inputHoverBorderColor;
-    }
-
-    &:enabled:focus {
-        @include focused-input();
-    }
-
-    &.p-invalid.p-component, &.ng-invalid.ng-touched {
-        @include invalid-input();
-    }
-
-    &:disabled,
-    &.p-disabled {
-        background: $disabledButtonBg;
-    }
-}
-
-.p-float-label > label {
-    left: nth($inputPadding, 2);
-    color: $inputPlaceholderTextColor;
-    transition-duration: $transitionDuration;
-}
-
-.p-float-label > .p-invalid + label {
-    color: $inputErrorBorderColor;
-}
-
-.p-icon-field-left > .p-inputtext {
-    padding-left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
-}
-
-.p-icon-field-left.p-float-label > label {
-    left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
-}
-
-.p-icon-field-right > .p-inputtext {
-    padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
-}
-
-@include placeholder {
-    color: $inputPlaceholderTextColor;
-    opacity: .6;
-}
-
-.p-inputtext-lg {
-    min-height: $buttonHeightLG;
-    line-height: $buttonHeightLG;
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_inputtextarea.scss b/primeng-sass-theme/theme-base/components/input/_inputtextarea.scss
deleted file mode 100644
index fdf20d3..0000000
--- a/primeng-sass-theme/theme-base/components/input/_inputtextarea.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-.p-inputtextarea {
-    padding: $inputPaddingLeftRight;
-    line-height: normal;
-}
-
-.p-icon-field .p-inputtextarea-icon.p-input-icon {
-    top: unset;
-    margin-top: 0.5rem;
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_listbox.scss b/primeng-sass-theme/theme-base/components/input/_listbox.scss
deleted file mode 100644
index 87ad8b7..0000000
--- a/primeng-sass-theme/theme-base/components/input/_listbox.scss
+++ /dev/null
@@ -1,235 +0,0 @@
-// core
-.p-listbox-list-wrapper {
-    overflow: auto;
-}
-
-.p-listbox-list {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-}
-
-.p-listbox-item {
-    cursor: pointer;
-
-    overflow: hidden;
-    position: relative;
-
-    color: $inputListItemTextColor;
-
-    margin: $inputListItemMargin;
-    padding: $inputListItemPadding;
-    
-    border: $inputListItemBorder;
-    border-radius: $inputListItemBorderRadius;
-
-    transition: $listItemTransition;
-
-    &:first-child {
-        margin-top: 0;
-    }
-
-    &:last-child {
-        margin-bottom: 0;
-    }
-
-    &.p-highlight {
-        color: $highlightTextColor;
-        background: $menuitemActiveBg;
-    }
-
-    &:not(.p-highlight).p-disabled {
-        color: $disabledButtonTextColor;
-        border-color: $disabledButtonBorderColor;
-        background: $disabledButtonBg;
-    }
-
-    &.p-disabled {
-        cursor: not-allowed;
-        opacity: 0.6;
-        background: $menuitemActiveBg !important;
-        color: $menuitemActiveTextColor !important;
-        mix-blend-mode: luminosity;
-        border: 1px solid $inputListItemBorderColor;
-
-        &:has(.p-checkbox) {
-            background: $disabledButtonBg;
-            color: $disabledButtonTextColor;
-        }
-    }
-
-    .p-checkbox {
-        margin-right: 0.5rem;
-    }
-
-    &:has(.p-checkbox) {
-        background: $inputListBg;
-        color: $inputListItemTextColor;
-        &:hover {
-            background: #000;
-        }
-    }
-}
-
-.p-listbox-item-group {
-    cursor: auto;
-}
-
-.p-listbox-filter-container {
-    position: relative;
-}
-
-.p-listbox-filter-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -0.5rem;
-}
-
-.p-listbox-filter {
-    width: 100%;
-}
-
-// theme
-.p-listbox {
-    background: $surface-ground;
-    color: $inputListTextColor;
-    border: 1px solid $surface-border;
-    border-radius: $borderRadius;
-    transition: $formElementTransition;
-    outline-color: transparent;
-
-    .p-listbox-header {
-        padding: $inputListHeaderPadding;
-        border-bottom: $inputListHeaderBorder;
-        color: $inputListHeaderTextColor;
-        background: $inputListHeaderBg;
-        margin: $inputListHeaderMargin;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-checkbox {
-            margin-right: 0.5rem;
-
-            .p-checkbox-box.p-disabled {
-                background: $inputBg;
-            }
-        }
-
-        .p-listbox-filter {
-            padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-        }
-
-        .p-listbox-filter-icon {
-            right: nth($inputPadding, 2);
-            color: $inputIconColor;
-        }
-
-        .p-disabled + .p-listbox-filter-icon {
-            opacity: $disabledOpacity;
-        }
-    }
-
-    .p-listbox-list {
-        padding: $inputListPadding;
-        outline: 0 none;
-
-        .p-listbox-item-group {
-            margin: $submenuHeaderMargin;
-            padding: $submenuHeaderPadding;
-            color: $submenuHeaderTextColor;
-            background: $submenuHeaderBg;
-            font-weight: $submenuHeaderFontWeight;
-        }
-
-        .p-listbox-empty-message {
-            text-align: center;
-            color: $inputListItemTextColor;
-
-            padding: $inputListItemPaddingLeftRight;            
-            background: $inputListItemBg;
-
-            
-        }
-    }
-
-    &:not(.p-disabled) {
-        :not(.p-disabled).p-listbox-item {
-            &.p-highlight {
-                &.p-focus {
-                    border: 1px solid $inputListItemBorderColor;
-                    background: $menuitemActiveBg;
-                    box-shadow: 0 0 0 $focusShadowWidth $focusOutlineColor;
-                }
-
-                &:hover {
-                    background: $menuitemActiveHoverBg;
-                }
-
-                &:has(.p-checkbox) {
-                    &.p-focus {
-                        border: 1px solid $inputListItemBorderColor;
-                        background: $inputListItemBg;
-                        box-shadow: 0 0 0 $focusShadowWidth $focusOutlineColor;
-                    }
-                    &:hover {
-                        color: $inputListItemHoverTextColor;
-                        background: $inputListItemHoverBg;
-    
-                        &.p-focus {
-                            color: $inputListItemHoverTextColor;
-                            background: $inputListItemHoverBg;
-                        }
-                    }
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled) {
-                // не зачекано и focus
-                &.p-focus {
-                    border: 1px solid $inputListItemBorderColor;
-                    background: $inputListItemBg;
-                    box-shadow: 0 0 0 $focusShadowWidth $focusOutlineColor;
-                }
-                // не зачекано и hover
-                &:hover {
-                    color: $inputListItemHoverTextColor;
-                    background: $inputListItemHoverBg;
-
-                    &.p-focus {
-                        color: $inputListItemHoverTextColor;
-                        background: $inputListItemHoverBg;
-                    }
-                }
-            }
-        }
-    }
-
-    &.p-focus {
-        @include focused-input();
-    }
-
-    &.p-invalid {
-        @include invalid-input();
-    }
-
-    &.p-disabled *.p-disabled {
-        opacity: 1;
-    }
-
-    &.p-disabled {
-        .p-listbox-filter-icon {
-            display: none;
-        }
-
-        .p-listbox-filter.p-inputtext {
-            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49967 2.83335C7.03555 2.83335 6.59043 3.01773 6.26224 3.34592C5.93405 3.67411 5.74967 4.11922 5.74967 4.58335V6.33335H9.24967V4.58335C9.24967 4.11922 9.0653 3.67411 8.73711 3.34592C8.40892 3.01773 7.9638 2.83335 7.49967 2.83335ZM10.4163 6.33335V4.58335C10.4163 3.80981 10.1091 3.06794 9.56207 2.52096C9.01509 1.97398 8.27322 1.66669 7.49967 1.66669C6.72613 1.66669 5.98426 1.97398 5.43728 2.52096C4.8903 3.06794 4.58301 3.80981 4.58301 4.58335V6.33335C4.11888 6.33335 3.67376 6.51773 3.34557 6.84592C3.01738 7.17411 2.83301 7.61922 2.83301 8.08335V11.5834C2.83301 12.0475 3.01738 12.4926 3.34557 12.8208C3.67376 13.149 4.11888 13.3334 4.58301 13.3334H10.4163C10.8805 13.3334 11.3256 13.149 11.6538 12.8208C11.982 12.4926 12.1663 12.0475 12.1663 11.5834V8.08335C12.1663 7.61922 11.982 7.17411 11.6538 6.84592C11.3256 6.51773 10.8805 6.33335 10.4163 6.33335ZM4.58301 7.50002C4.4283 7.50002 4.27993 7.56148 4.17053 7.67087C4.06113 7.78027 3.99967 7.92864 3.99967 8.08335V11.5834C3.99967 11.7381 4.06113 11.8864 4.17053 11.9958C4.27993 12.1052 4.4283 12.1667 4.58301 12.1667H10.4163C10.5711 12.1667 10.7194 12.1052 10.8288 11.9958C10.9382 11.8864 10.9997 11.7381 10.9997 11.5834V8.08335C10.9997 7.92864 10.9382 7.78027 10.8288 7.67087C10.7194 7.56148 10.5711 7.50002 10.4163 7.50002H4.58301ZM6.67472 9.0084C6.89351 8.7896 7.19026 8.66669 7.49967 8.66669C7.80909 8.66669 8.10584 8.7896 8.32463 9.0084C8.54342 9.22719 8.66634 9.52393 8.66634 9.83335C8.66634 10.1428 8.54343 10.4395 8.32463 10.6583C8.10584 10.8771 7.80909 11 7.49967 11C7.19026 11 6.89351 10.8771 6.67472 10.6583C6.45592 10.4395 6.33301 10.1428 6.33301 9.83335C6.33301 9.52393 6.45592 9.22719 6.67472 9.0084Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E");
-            background-position: right $inputPaddingLeftRight center;
-            background-repeat: no-repeat;
-        }
-
-        .p-listbox-item {
-            background: $disabledButtonBg;
-            color: $disabledButtonTextColor;
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_mention.scss b/primeng-sass-theme/theme-base/components/input/_mention.scss
deleted file mode 100644
index 21ccf32..0000000
--- a/primeng-sass-theme/theme-base/components/input/_mention.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-.p-mention-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
-
-    .p-mention-items {
-        padding: $inputListPadding;
-
-        .p-mention-item {
-            margin: $inputListItemMargin;
-            padding: $inputListItemPadding;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
-
-            &:hover {
-                color: $inputListItemTextHoverColor;
-                background: $inputListItemHoverBg;
-            }
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/primeng-sass-theme/theme-base/components/input/_multiselect.scss b/primeng-sass-theme/theme-base/components/input/_multiselect.scss
deleted file mode 100644
index 2ab91da..0000000
--- a/primeng-sass-theme/theme-base/components/input/_multiselect.scss
+++ /dev/null
@@ -1,290 +0,0 @@
-@use "sass:math";
-
-// core
-.p-multiselect {
-    cursor: pointer;
-
-    display: inline-flex;
-    align-items: center;
-
-    user-select: none;
-}
-
-.p-multiselect-trigger {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-}
-
-.p-multiselect-label-container {
-    cursor: pointer;
-    overflow: hidden;
-
-    height: min-content;
-
-    display: flex;
-    flex: 1 1 auto;
-    align-items: center;
-}
-
-.p-multiselect-clearable .p-multiselect-label-container {
-    padding-right: 1.75rem;
-}
-
-.p-multiselect-clearable .p-multiselect-clear-icon {
-    right: 2.5rem;
-}
-
-.p-multiselect-label {
-    display: block;
-    white-space: nowrap;
-    cursor: pointer;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.p-multiselect-label-empty {
-    overflow: hidden;
-    visibility: hidden;
-}
-
-.p-multiselect-token {
-    cursor: default;
-
-    display: inline-flex;
-    align-items: center;
-    flex: 0 0 auto;
-
-    height: $chipHeight;
-
-    margin-right: math.div($inlineSpacing, 2);
-}
-
-.p-multiselect-token-icon {
-    cursor: pointer;
-}
-
-.p-multiselect .p-multiselect-panel {
-    min-width: 100%;
-}
-
-.p-multiselect-items-wrapper {
-    overflow: auto;
-}
-
-.p-multiselect-items {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-}
-
-.p-multiselect-item {
-    cursor: pointer;
-
-    overflow: hidden;
-    position: relative;
-
-    display: flex;
-    align-items: center;
-
-    font-weight: normal;
-    color: $inputListItemTextColor;
-    white-space: nowrap;
-
-    margin: $inputListItemMargin;
-    padding: $inputListItemPadding;
-
-    border: $inputListItemBorder;
-    border-radius: $inputListItemBorderRadius;
-
-    background: $inputListItemBg;
-    transition: $listItemTransition;
-
-    &:not(.p-disabled) {
-        &:hover,
-        &.p-focus {
-            color: $inputListItemHoverTextColor;
-            background: $inputListItemHoverBg;
-        }
-    }
-
-    &:not(.p-highlight).p-disabled {
-        color: $disabledButtonTextColor;
-        border-color: $disabledButtonBorderColor;
-        background: $disabledButtonBg;
-    }
-
-    &.p-disabled {
-        cursor: not-allowed;
-    }
-
-    .p-checkbox {
-        margin-right: $inlineSpacing;
-    }
-}
-
-.p-multiselect-item-group {
-    cursor: auto;
-}
-
-.p-multiselect-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.p-multiselect-filter-container {
-    position: relative;
-    flex: 1 1 auto;
-}
-
-.p-multiselect-filter-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -0.5rem;
-}
-
-.p-multiselect-filter-container .p-inputtext {
-    width: 100%;
-}
-
-.p-multiselect-close {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    overflow: hidden;
-    position: relative;
-    margin-left: auto;
-}
-
-.p-fluid .p-multiselect {
-    display: flex;
-}
-
-// theme
-.p-multiselect {
-    background: $inputBg;
-    border: $inputBorder;
-    transition: $formElementTransition;
-    border-radius: $borderRadius;
-    outline-color: transparent;
-
-    &.p-disabled {
-        cursor: not-allowed;
-        background-color: $disabledButtonBg;
-    }
-
-    &:not(.p-disabled):hover {
-        border-color: $inputHoverBorderColor;
-    }
-
-    &:not(.p-disabled).p-focus {
-        @include focused-input();
-    }
-
-    .p-multiselect-label {
-        color: $inputTextColor;
-        transition: $formElementTransition;
-
-        &.p-placeholder {
-            color: $inputPlaceholderTextColor;
-            padding: $inputPadding;
-            padding-left: calc(nth($inputPadding, 2) - math.div($inlineSpacing, 2));
-        }
-    }
-
-    &:not(.p-multiselect-chip) .p-multiselect-label {
-        padding: $inputPadding;
-        line-height: $buttonHeight;
-    }
-
-    &.p-multiselect-chip {
-        min-height: $buttonHeight;
-        padding: math.div($inlineSpacing, 2);
-
-        .p-multiselect-token {
-            padding: $chipPadding;
-            background: $chipBg;
-            color: $chipTextColor;
-            border-radius: $chipBorderRadius;
-
-            .p-multiselect-token-icon {
-                margin-left: $inlineSpacing;
-            }
-        }
-    }
-
-    .p-multiselect-trigger {
-        background: transparent;
-        color: $inputIconColor;
-        width: $inputGroupAddOnMinWidth;
-        border-top-right-radius: $borderRadius;
-        border-bottom-right-radius: $borderRadius;
-    }
-
-    &.p-invalid.p-component {
-        @include invalid-input();
-    }
-}
-
-.p-multiselect-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
-    margin-top: $inputListPadding;
-
-    .p-multiselect-header {
-        padding: $inputListHeaderPadding;
-        border-bottom: $inputListHeaderBorder;
-        color: $inputListHeaderTextColor;
-        background: $inputOverlayHeaderBg;
-        margin: $inputListHeaderMargin;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-        border: 1px solid transparent; // костыль на выравнивание
-        border-bottom: 0;
-
-        .p-multiselect-filter-container {
-            .p-inputtext {
-                padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-            }
-
-            .p-multiselect-filter-icon {
-                right: nth($inputPadding, 2);
-                color: $inputIconColor;
-            }
-        }
-
-        .p-checkbox {
-            margin-right: $inlineSpacing;
-        }
-
-        .p-multiselect-close {
-            margin-left: $inlineSpacing;
-            @include action-icon();
-        }
-    }
-
-    .p-multiselect-items {
-        padding: $inputListPadding;
-
-        .p-multiselect-item-group {
-            margin: $submenuHeaderMargin;
-            padding: $submenuHeaderPadding;
-            color: $submenuHeaderTextColor;
-            background: $submenuHeaderBg;
-            font-weight: $submenuHeaderFontWeight;
-        }
-
-        .p-multiselect-empty-message {
-            padding: $inputListItemPadding;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-        }
-    }
-}
-
diff --git a/primeng-sass-theme/theme-base/components/input/_password.scss b/primeng-sass-theme/theme-base/components/input/_password.scss
deleted file mode 100644
index fadf372..0000000
--- a/primeng-sass-theme/theme-base/components/input/_password.scss
+++ /dev/null
@@ -1,108 +0,0 @@
-.p-password {
-    .p-icon-wrapper {
-        right: $inputPaddingLeftRight;
-        top: 50%;
-        cursor: pointer;
-        fill: $textColor;
-    }
-
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
-    }
-
-    .p-input-icon {
-        cursor: pointer;
-
-        color: $inputIconColor;
-        right: $inputPaddingLeftRight;
-    }
-
-    &.p-disabled {
-        opacity: 1;
-
-        .p-input-icon {
-            opacity: $disabledOpacity;
-        }
-    }
-}
-
-.p-input-icon-right input {
-    padding-right: $inputPaddingLeftRight * 2 + $primeIconFontSize;
-}
-
-.p-icon-field .p-password-icon.p-input-icon {
-    right: $inputPaddingLeftRight;
-    top: 20% !important;
-}
-
-.p-password-input {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    min-height: $buttonHeight;
-    padding: 0 $inputPaddingLeftRight;
-    align-items: center;
-}
-
-.text-feedback {
-    display: inline-flex;
-    align-items: flex-start;
-
-    .ti {
-        position: relative;
-        bottom: 1px;
-    }
-}
-
-.text-feedback--default {
-    color: $text-color;
-
-    .ti {
-        color: $surface-border;
-    }
-}
-
-.text-feedback--success {
-    color: $text-success;
-}
-
-.text-feedback--error {
-    color: $text-danger;
-}
-
-.p-password-panel {
-    color: $inputListTextColor;
-
-    padding: $inputPaddingLeftRight;
-    margin-top: $inputListPadding;
-
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-
-    background: $inputOverlayBg;
-    box-shadow: $inputOverlayShadow;
-
-    .p-password-meter {
-        overflow: hidden;
-
-        height: .5rem;
-
-        border-radius: 1rem;
-        margin-bottom: $inlineSpacing;
-        background: $passwordMeterBg;
-
-        .p-password-strength {
-            &.weak {
-                background: $dangerButtonBg;
-            }
-
-            &.medium {
-                background: $warningButtonBg;
-            }
-
-            &.strong {
-                background: $successButtonBg;
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_radiobutton.scss b/primeng-sass-theme/theme-base/components/input/_radiobutton.scss
deleted file mode 100644
index 457ef3b..0000000
--- a/primeng-sass-theme/theme-base/components/input/_radiobutton.scss
+++ /dev/null
@@ -1,129 +0,0 @@
-//core
-.p-radiobutton {
-    position: relative;
-    display: inline-flex;
-    user-select: none;
-    vertical-align: bottom;
-}
-
-.p-radiobutton-input {
-    cursor: pointer;
-}
-
-.p-radiobutton-box {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    transition: all;
-}
-
-
-.p-radiobutton-box:hover {
-    border: 1px solid $radiobuttonActiveHoverBg!important;
-}
-
-
-.p-radiobutton-box.p-highlight {
-    box-sizing: border-box;
-    background: $radiobuttonActiveHoverBg!important;
-    .p-radiobutton-icon{
-        mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.25%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
-        background: $radiobuttonIconActiveColor;
-        width: $radiobuttonWidth;
-        height: $radiobuttonHeight;
-        mask-composite: exclude;
-    }
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box {
-    box-shadow: $focusShadowError;
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box:hover  {
-    border: 1px solid $inputErrorBorderColor!important;
-}
-
-.p-radiobutton-box.p-focus{
-    box-shadow: 0px 0px 0px 3.5px $focusOutlineColor;
-}
-
-//theme
-.p-radiobutton {
-    width: $radiobuttonWidth;
-    height: $radiobuttonHeight;
-
-      .p-radiobutton-input {
-        appearance: none;
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        padding: 0;
-        margin: 0;
-        opacity: 0;
-        z-index: 1;
-        outline: 0 none;
-        border: $radiobuttonBorder;
-        border-radius: 50%;
-    }
-
-    .p-radiobutton-box {
-        border: $radiobuttonBorder;
-        background: $inputBg;
-        width: $radiobuttonWidth;
-        height: $radiobuttonHeight;
-        color: $textColor;
-        border-radius: 50%;
-        transition: $formElementTransition;
-        outline-color: transparent;
-    }
-
-    &.p-disabled {
-        .p-radiobutton-box {
-            background: $disabledButtonBg;
-        }
-    }
-
-    &.p-highlight {
-        .p-radiobutton-box {
-            border-color: $radiobuttonActiveBorderColor;
-            background: $radiobuttonActiveBg;
-        }
-    }
-
-    &:not(.p-disabled) {
-        &:has(.p-radiobutton-input:hover) {
-            .p-radiobutton-box {
-                border-color: $inputHoverBorderColor;
-            }
-
-            &.p-highlight {
-                .p-radiobutton-box {
-                    border-color: $radiobuttonActiveHoverBorderColor;
-                    background: $radiobuttonActiveHoverBg;
-                }
-            }
-        }
-
-        &:has(.p-radiobutton-input:focus-visible) {
-            .p-radiobutton-box {
-                @include focused-input();
-            }
-        }
-    }
-
-    &.p-invalid > .p-radiobutton-box {
-        @include invalid-input();
-    }
-}
-
-@if ($highlightBg == $radiobuttonActiveBg) {
-    .p-highlight {
-        .p-radiobutton {
-            .p-radiobutton-box {
-                border-color: $radiobuttonIconActiveColor;
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_rating.scss b/primeng-sass-theme/theme-base/components/input/_rating.scss
deleted file mode 100644
index 0259a97..0000000
--- a/primeng-sass-theme/theme-base/components/input/_rating.scss
+++ /dev/null
@@ -1,83 +0,0 @@
-@use 'sass:math';
-
-// core
-.p-rating {
-    position: relative;
-    display: flex;
-    align-items: center;
-}
-
-.p-rating-item {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    
-    cursor: pointer;
-}
-
-.p-rating.p-readonly .p-rating-item {
-    cursor: default;
-}
-
-// theme
-.p-rating {
-    gap: $inlineSpacing;
-
-    .p-rating-item {
-        outline-color: transparent;
-        border-radius: 50%;
-        
-        .p-rating-icon {
-            color: $ratingStarIconOffColor;
-            transition: $formElementTransition;   
-            font-size: $ratingIconFontSize;
-
-            &.p-icon {
-                width: $ratingIconFontSize;
-                height: $ratingIconFontSize;
-            }
-    
-            &.p-rating-cancel {
-                color: $ratingCancelIconColor;
-            }
-        }
-
-        &:focus-visible {
-            @include focused();
-        }
-
-        &.p-rating-item-active {
-            .p-rating-icon {
-                color: $ratingStarIconOnColor;
-            }
-        }
-    }
-
-    &:not(.p-disabled):not(.p-readonly) {
-        .p-rating-item {
-            &:hover {
-                .p-rating-icon {
-                    color: $ratingStarIconHoverColor;
-
-                    &.p-rating-cancel {
-                        color: $ratingCancelIconHoverColor;
-                    }
-                }
-            }
-        }
-    }
-}
-
-@if ($highlightBg == $ratingStarIconOnColor) {
-    .p-highlight {
-        .p-rating {
-            .p-rating-item {
-                &.p-rating-item-active {
-                    .p-rating-icon {
-                        color: $highlightTextColor;
-                    }
-                }
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/primeng-sass-theme/theme-base/components/input/_selectbutton.scss b/primeng-sass-theme/theme-base/components/input/_selectbutton.scss
deleted file mode 100644
index c7e3861..0000000
--- a/primeng-sass-theme/theme-base/components/input/_selectbutton.scss
+++ /dev/null
@@ -1,66 +0,0 @@
-.p-selectbutton {
-    display: flex;
-    height: min-content;
-    gap: $selectButtonGroupPadding;
-
-    padding: $selectButtonGroupPadding;
-    background-color: $selectButtonGroupBg;
-    border-radius: $borderRadius;
-
-    .p-button {
-        flex-grow: 1;
-
-        background: $selectButtonBg;
-        border: $selectButtonBorder;
-        border-radius: $selectButtonBorderRadius;
-        color: $selectButtonTextColor;
-        transition: $formElementTransition;
-
-        .p-button-icon-left,
-        .p-button-icon-right {
-            color: $selectButtonIconColor;
-        }
-
-        &.p-disabled {
-            background: transparent;
-            pointer-events: none;
-        }
-
-        &:not(.p-disabled):not(.p-highlight):hover {
-            background: $selectButtonHoverBg;
-            border-color: $selectButtonHoverBorderColor;
-            color: $selectButtonHoverTextColor;
-
-            .p-button-icon-left,
-            .p-button-icon-right {
-                color: $selectButtonIconHoverColor;
-            }
-        }
-
-        &:not(.p-disabled).p-highlight {
-            background: $selectButtonActiveBg;
-            border-color: $selectButtonActiveBorderColor;
-            color: $selectButtonActiveTextColor;
-
-            .p-button-icon-left,
-            .p-button-icon-right {
-                color: $selectButtonIconActiveColor;
-            }
-
-            &:hover {
-                background: $selectButtonActiveHoverBg;
-                border-color: $selectButtonActiveHoverBorderColor;
-                color: $selectButtonTextActiveHoverColor;
-
-                .p-button-icon-left,
-                .p-button-icon-right {
-                    color: $selectButtonIconActiveHoverColor;
-                }
-            }
-        }
-    }
-
-    &.p-invalid > .p-button {
-        @include invalid-input();
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_slider.scss b/primeng-sass-theme/theme-base/components/input/_slider.scss
deleted file mode 100644
index 617f927..0000000
--- a/primeng-sass-theme/theme-base/components/input/_slider.scss
+++ /dev/null
@@ -1,58 +0,0 @@
-@use 'sass:math';
-
-.p-slider {
-    background: $sliderBg;
-
-    border: $sliderBorder;
-    border-radius: $borderRadius;
-
-    &.p-slider-horizontal {
-        height: $sliderHorizontalHeight;
-
-        margin-top: math.div(calc($sliderHandleHeight - $sliderHorizontalHeight), 2);
-        margin-bottom: math.div(calc($sliderHandleHeight - $sliderHorizontalHeight), 2);
-
-        .p-slider-handle {
-            margin-top: math.div(-1 * $sliderHandleHeight, 2);
-            margin-left: math.div(-1 * $sliderHandleWidth, 2);
-        }
-    }
-
-    &.p-slider-vertical {
-        width: $sliderVerticalWidth;
-
-        margin-top: math.div(calc($sliderHandleHeight - $sliderVerticalWidth), 2);
-        margin-bottom: math.div(calc($sliderHandleHeight - $sliderVerticalWidth), 2);
-
-        .p-slider-handle {
-            margin-left: math.div(-1 * $sliderHandleWidth, 2);
-            margin-bottom: math.div(-1 * $sliderHandleHeight, 2);
-        }
-    }
-
-    .p-slider-handle {
-        height: $sliderHandleHeight;
-        width: $sliderHandleWidth;
-        background: $sliderHandleBg;
-        border: $sliderHandleBorder;
-        border-radius: $sliderHandleBorderRadius;
-        transition: $formElementTransition;
-
-        &:focus {
-            background: $sliderHandleHoverBg;
-            box-shadow: none;
-        }
-    }
-
-    .p-slider-range {
-        background: $sliderRangeBg;
-        border-radius: $borderRadius;
-    }
-
-    &:not(.p-disabled) {
-        .p-slider-handle:hover {
-            background: $sliderHandleHoverBg;
-            border-color: $sliderHandleHoverBorderColor;
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_togglebutton.scss b/primeng-sass-theme/theme-base/components/input/_togglebutton.scss
deleted file mode 100644
index 62091d9..0000000
--- a/primeng-sass-theme/theme-base/components/input/_togglebutton.scss
+++ /dev/null
@@ -1,77 +0,0 @@
-%disabled {
-    color: $disabledButtonTextColor;
-    background-color: $disabledButtonBg;
-    border-color: $disabledButtonBorderColor;
-
-    .p-button-icon-left,
-    .p-button-icon-right {
-        color: $disabledButtonTextColor !important;
-    }
-}
-
-//theme
-.p-togglebutton {
-    &.p-button {
-        background: $toggleButtonBg;
-        border: $toggleButtonBorder;
-        color: $toggleButtonTextColor;
-        transition: $formElementTransition;
-        outline-color: transparent;
-        border-radius: $roundedButtonBorderRadius;
-
-        &:not(.p-disabled) {
-            &:hover {
-                @include button-hover($color-background: $toggleButtonHoverBg, $color-text: $toggleButtonHoverTextColor);
-
-                box-shadow: none;
-
-                & .p-button-icon-left,
-                .p-button-icon-right {
-                    color: $toggleButtonHoverTextColor;
-                }
-            }
-
-            &:focus-visible {
-                box-shadow: 0 0 0 3.5px $focusOutlineColor;
-            }
-        }
-
-        .p-button-icon-left,
-        .p-button-icon-right {
-            color: $toggleButtonIconColor;
-        }
-
-        // Классы при on состоянии тогла.
-        &.p-highlight {
-            background: $toggleButtonActiveBg;
-            border-color: $toggleButtonActiveBorderColor;
-            color: $toggleButtonActiveTextColor;
-
-            &:not(.p-disabled) {
-                &:hover {
-                    @include button-hover($color-background: $toggleButtonActiveHoverBg, $color-text: $toggleButtonActiveTextColor);
-
-                    box-shadow: none;
-
-                    & .p-button-icon-left,
-                    .p-button-icon-right {
-                        color: $toggleButtonIconActiveHoverColor;
-                    }
-                }
-
-                &:focus-visible {
-                    box-shadow: 0 0 0 3.5px $focusOutlineColor;
-                }
-            }
-
-            &.p-disabled {
-                @extend %disabled;
-            }
-
-            .p-button-icon-left,
-            .p-button-icon-right {
-                color: $toggleButtonIconActiveColor;
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_treeselect.scss b/primeng-sass-theme/theme-base/components/input/_treeselect.scss
deleted file mode 100644
index efad3c0..0000000
--- a/primeng-sass-theme/theme-base/components/input/_treeselect.scss
+++ /dev/null
@@ -1,151 +0,0 @@
-@use 'sass:math';
-
-.p-treeselect {
-    background: $inputBg;
-    border: $inputBorder;
-    transition: $formElementTransition;
-    border-radius: $borderRadius;
-
-    &:not(.p-disabled):hover {
-        border-color: $inputHoverBorderColor;
-    }
-
-    &:not(.p-disabled).p-focus {
-        @include focused-input();
-    }
-
-    &.p-treeselect-clearable {
-        .p-treeselect-label {
-            padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-        }
-    }
-
-    &.p-variant-filled {
-        background: $inputFilledBg;
-
-        &:not(.p-disabled):hover {
-            background-color: $inputFilledHoverBg;
-        }
-
-        &:not(.p-disabled).p-focus {
-            background-color: $inputFilledFocusBg;
-        }
-    }
-    
-    .p-treeselect-label {
-        padding: $inputPadding;
-        transition: $formElementTransition;
-
-        &.p-placeholder {
-            color: $inputPlaceholderTextColor;
-        }
-    }
-
-    &.p-treeselect-chip {
-        .p-treeselect-token {
-            padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-            margin-right: $inlineSpacing;
-            background: $chipBg;
-            color: $chipTextColor;
-            border-radius: $chipBorderRadius;
-        }
-    }
-
-    .p-treeselect-trigger {
-        background: transparent;
-        color: $inputIconColor;
-        width: $inputGroupAddOnMinWidth;
-        border-top-right-radius: $borderRadius;
-        border-bottom-right-radius: $borderRadius;
-    }
-
-    .p-treeselect-clear-icon {
-        color: $inputIconColor;
-        right: $inputGroupAddOnMinWidth;
-    }
-    
-    &.p-invalid.p-component {
-        @include invalid-input();
-    }
-}
-
-.p-inputwrapper-filled {
-    &.p-treeselect {
-        &.p-treeselect-chip {
-            .p-treeselect-label {
-                padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-            }
-        }
-    }
-}
-
-.p-treeselect-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
-
-    .p-treeselect-header {
-        padding: $inputListHeaderPadding;
-        border-bottom: $inputListHeaderBorder;
-        color: $inputListHeaderTextColor;
-        background: $inputOverlayHeaderBg;
-        margin: $inputListHeaderMargin;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-treeselect-filter-container {
-            margin-right: $inlineSpacing;
-
-            .p-treeselect-filter {
-                padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-            }
-    
-            .p-treeselect-filter-icon {
-                right: nth($inputPadding, 2);
-                color: $inputIconColor;
-            }
-    
-            &.p-treeselect-clearable-filter {
-                .p-treeselect-filter {
-                    padding-right: 2 * (nth($inputPadding, 2) + $primeIconFontSize);
-                }
-        
-                .p-treeselect-filter-clear-icon {
-                    right: (2 * nth($inputPadding, 2)) + $primeIconFontSize;
-                }
-            }
-        }
-
-        .p-treeselect-close {
-            @include action-icon();
-        }
-    }
-
-    .p-treeselect-items-wrapper {
-        .p-tree {
-            border: 0 none;
-        }
-
-        .p-treeselect-empty-message {
-            padding: $inputListItemPadding;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-        }
-    }
-}
-
-.p-input-filled {
-    .p-treeselect {
-        background: $inputFilledBg;
-
-        &:not(.p-disabled):hover {
-            background-color: $inputFilledHoverBg;
-        }
-    
-        &:not(.p-disabled).p-focus {
-            background-color: $inputFilledFocusBg;
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/input/_tristatecheckbox.scss b/primeng-sass-theme/theme-base/components/input/_tristatecheckbox.scss
deleted file mode 100644
index cd1b09b..0000000
--- a/primeng-sass-theme/theme-base/components/input/_tristatecheckbox.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-//core
-.p-checkbox {
-    position: relative;
-    display: inline-flex;
-    user-select: none;
-    vertical-align: bottom;
-}
-
-.p-checkbox-input {
-    cursor: pointer;
-}
-
-.p-checkbox-box {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-//theme
-.p-tristatecheckbox {
-    &.p-variant-filled {
-        .p-checkbox-box {
-            background-color: $inputFilledBg;
-        }
-
-        &.p-highlight {
-            .p-checkbox-box {
-                background: $checkboxActiveBg;
-            }
-        }
-
-        &:not(.p-disabled) {
-            &:has(.p-checkbox-input:hover) {
-                .p-checkbox-box {
-                    background-color: $inputFilledHoverBg;
-                }
-
-                &.p-highlight {
-                    .p-checkbox-box {
-                        background: $checkboxActiveHoverBg;
-                    }
-                }
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/menu/_breadcrumb.scss b/primeng-sass-theme/theme-base/components/menu/_breadcrumb.scss
deleted file mode 100644
index 45b9c23..0000000
--- a/primeng-sass-theme/theme-base/components/menu/_breadcrumb.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-@use "sass:math";
-
-.p-breadcrumb {
-	background: $breadcrumbBg;
-	border: $breadcrumbBorder;
-	padding: $breadcrumbPadding;
-
-    &.none-separator-breadcrum {
-        .p-menuitem-separator {
-            opacity: 0;
-        }
-    }
-
-	.p-breadcrumb-list {
-		li {
-			.p-menuitem-link {
-				transition: $listItemTransition;
-
-				border-radius: $menuitemBorderRadius;
-				padding: .25rem;
-
-				&:focus-visible {
-					@include focused();
-				}
-
-				&:hover {
-					background-color: $menuitemHoverBg;
-					.p-menuitem-text {
-						color: $menuitemHoverTextColor;
-					}
-
-					.p-menuitem-icon {
-						color: $menuitemHoverIconColor;
-					}
-				}
-
-				.p-menuitem-text {
-					color: $breadcrumbItemTextColor;
-				}
-
-				.p-menuitem-icon {
-					color: $breadcrumbItemIconColor;
-					font-size: $menuitemSubmenuIconFontSize;
-				}
-			}
-
-			&.p-menuitem-separator {
-				margin: 0 math.div($inlineSpacing, 2);
-				color: $breadcrumbSeparatorColor;
-				font-size: $menuitemSubmenuIconFontSize;
-			}
-
-			&:last-child {
-				pointer-events: none;
-				opacity: .6;
-
-				.p-menuitem-text {
-					color: $breadcrumbLastItemTextColor;
-				}
-
-				.p-menuitem-icon {
-					color: $breadcrumbLastItemIconColor;
-				}
-			}
-		}
-	}
-}
diff --git a/primeng-sass-theme/theme-base/components/menu/_contextmenu.scss b/primeng-sass-theme/theme-base/components/menu/_contextmenu.scss
deleted file mode 100644
index 514ca40..0000000
--- a/primeng-sass-theme/theme-base/components/menu/_contextmenu.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-.p-contextmenu {
-	[class*="list"] {
-		min-width: $menuWidth;
-
-		border-radius: $borderRadius;
-		border: $overlayMenuBorder;
-
-		padding: $overlayMenuPadding;
-
-		background-color: $overlayMenuBg;
-		box-shadow: $overlayMenuShadow;
-
-		z-index: 2;
-	}
-
-	[class*="list"]:not([class*="root"]) {
-		margin-top: -$menuitemSpacing;
-		margin-left: $menuitemSpacing;
-	}
-	
-
-	@include menuitem();
-	@include menuitem-separator();	
-	
-	
-	// Фикс стиля disabled
-    .p-menuitem[data-p-disabled="true"] {
-		.p-disabled {			
-			opacity: $disabledOpacity; // Костыль на прозначность
-		}
-	}
-
-	@media screen and (max-width: 767px) {
-		[aria-expanded="true"] {
-			& > .p-menuitem-content .p-submenu-icon {
-				transform: rotate(90deg);
-			}
-		}
-		
-		[class*="list"]:not([class*="root"]) {
-			border-radius: 0;
-			border: none;
-
-			padding-left: $menuNodeChildrenPadding !important; // простити
-
-			margin: 0;
-			margin-top: $menuitemSpacing;
-			
-			background-color: transparent;
-			box-shadow: none;
-		}
-	}
-}
diff --git a/primeng-sass-theme/theme-base/components/menu/_dock.scss b/primeng-sass-theme/theme-base/components/menu/_dock.scss
deleted file mode 100644
index 50aa724..0000000
--- a/primeng-sass-theme/theme-base/components/menu/_dock.scss
+++ /dev/null
@@ -1,109 +0,0 @@
-.p-dock {
-	.p-dock-list-container {
-		background: $dockBg;
-		border: $dockBorder;
-		padding: $dockPadding;
-		border-radius: $dockBorderRadius;
-
-		.p-dock-list {
-			outline: 0 none;
-		}
-	}
-
-	.p-dock-item {
-		padding: $dockItemPadding;
-		border-radius: $dockItemBorderRadius;
-
-		&.p-focus {
-			@include focused-listitem();
-		}
-	}
-
-	.p-dock-action {
-		width: $dockActionWidth;
-		height: $dockActionHeight;
-	}
-
-	&.p-dock-top,
-	&.p-dock-bottom {
-		.p-dock-item-second-prev,
-		.p-dock-item-second-next {
-			margin: 0 $dockSecondItemsMargin;
-		}
-
-		.p-dock-item-prev,
-		.p-dock-item-next {
-			margin: 0 $dockFirstItemsMargin;
-		}
-
-		.p-dock-item-current {
-			margin: 0 $dockCurrentItemMargin;
-		}
-	}
-
-	&.p-dock-left,
-	&.p-dock-right {
-		.p-dock-item-second-prev,
-		.p-dock-item-second-next {
-			margin: $dockSecondItemsMargin 0;
-		}
-
-		.p-dock-item-prev,
-		.p-dock-item-next {
-			margin: $dockFirstItemsMargin 0;
-		}
-
-		.p-dock-item-current {
-			margin: $dockCurrentItemMargin 0;
-		}
-	}
-
-	&.p-dock-mobile {
-		&.p-dock-top,
-		&.p-dock-bottom {
-			.p-dock-list-container {
-				overflow-x: auto;
-				width: 100%;
-
-				.p-dock-list {
-					margin: 0 auto;
-				}
-			}
-		}
-
-		&.p-dock-left,
-		&.p-dock-right {
-			.p-dock-list-container {
-				overflow-y: auto;
-				height: 100%;
-
-				.p-dock-list {
-					margin: auto 0;
-				}
-			}
-		}
-
-		.p-dock-list {
-			.p-dock-item {
-				transform: none;
-				margin: 0;
-			}
-		}
-
-		&.p-dock-magnification {
-			&.p-dock-top,
-			&.p-dock-bottom,
-			&.p-dock-left,
-			&.p-dock-right {
-				.p-dock-item-second-prev,
-				.p-dock-item-second-next,
-				.p-dock-item-prev,
-				.p-dock-item-next,
-				.p-dock-item-current {
-					transform: none;
-					margin: 0;
-				}
-			}
-		}
-	}
-}
diff --git a/primeng-sass-theme/theme-base/components/menu/_megamenu.scss b/primeng-sass-theme/theme-base/components/menu/_megamenu.scss
deleted file mode 100644
index aa6ed5b..0000000
--- a/primeng-sass-theme/theme-base/components/menu/_megamenu.scss
+++ /dev/null
@@ -1,161 +0,0 @@
-.p-megamenu {
-    [class*="header"] {
-        color: $submenuHeaderTextColor;
-        font-size: $submenuHeaderFontSize;
-        font-weight: $submenuHeaderFontWeight;
-        text-transform: uppercase;
-
-        padding: $menuitemPadding;
-
-        border: 1px solid transparent;
-        border-radius: $submenuHeaderBorderRadius;
-
-        background-color: $submenuHeaderBg;
-
-        &[data-p-disabled="true"] {
-            color: $disabledButtonTextColor;
-
-            background-color: $disabledButtonBg;
-            border-color: $disabledButtonBorderColor;
-        }
-    }
-
-    [class*="grid"] {
-        display: flex;
-        flex-direction: row;
-        flex-wrap: nowrap;
-        gap: $menuitemSpacing;
-
-        width: max-content;
-
-		border-radius: $borderRadius;
-		border: $overlayMenuBorder;
-
-        padding: $overlayMenuPadding;
-
-		background-color: $overlayMenuBg;
-		box-shadow: $overlayMenuShadow;
-    }
-    
-    [class*="col"] {
-        display: flex;
-        flex-grow: 1;
-
-        width: auto;
-
-        padding: 0;
-    }
-
-    @include menuitem();
-	@include menuitem-separator();
-}
-
-.p-megamenu-horizontal {
-    display: flex;
-
-	[class*="root"] {
-		display: flex;
-		flex-direction: row;
-		flex-wrap: nowrap;
-		gap: $menuitemSpacing;
-
-		& > .p-menuitem {
-			margin: 0;
-		}
-    }
-    
-    [class*="grid"] {
-        margin-top: $menuitemSpacing;
-    }
-}
-
-.p-megamenu-vertical {
-    display: flex;
-
-    [class*="root"] {
-        display: flex;
-        flex-direction: column;
-    }
-
-    [class*="grid"] {
-        margin-left: $menuitemSpacing;
-    }
-}
-
-@media screen and (max-width: 960px) {
-	.p-megamenu {
-		position: relative;
-
-		.p-megamenu-button {
-			display: flex;
-
-			@include action-icon(false);
-			transition: $actionIconTransition;
-		}
-
-		[aria-expanded="false"] + [class*="root"] {
-			display: none;
-		}
-
-		[class*="root"] {
-			position: absolute;
-			left: 0;
-			top: 100%;
-
-			display: flex;
-			flex-direction: column;
-
-			min-width: $menuWidth;
-
-			border-radius: $borderRadius;
-			border: $overlayMenuBorder;
-
-			padding: $overlayMenuPadding;
-			margin-top: $menuitemSpacing;
-
-			background-color: $overlayMenuBg;
-			box-shadow: $overlayMenuShadow;
-
-			z-index: 2;
-		}
-
-		[class*="panel"] {
-			width: 100%;
-			position: static;
-        }
-        
-        [class*="grid"] {
-            display: flex;
-            flex-direction: column;
-            
-            border: none;
-			border-radius: 0;
-
-			margin: 0 !important;
-			padding: $overlayMenuPadding 0 0 $menuNodeChildrenPadding;
-
-            box-shadow: none;
-            
-            [class*="list"] {
-                width: 100%;
-            }
-        }
-    }
-    
-    .p-megamenu-horizontal {
-        [aria-expanded="false"] {
-            .p-submenu-icon {
-                transform: rotate(-90deg);
-            }
-        }
-    }
-
-    .p-megamenu-vertical {
-        [aria-expanded="true"] {
-            .p-submenu-icon {
-                transform: rotate(90deg);
-            }
-        }
-    }
-}
-
diff --git a/primeng-sass-theme/theme-base/components/menu/_menu.scss b/primeng-sass-theme/theme-base/components/menu/_menu.scss
deleted file mode 100644
index c5c7a97..0000000
--- a/primeng-sass-theme/theme-base/components/menu/_menu.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-.p-menu {
-    [class*="header"] {
-        color: $submenuHeaderTextColor;
-        font-size: $submenuHeaderFontSize;
-        font-weight: $submenuHeaderFontWeight;
-        text-transform: uppercase;
-
-        padding: $menuitemPadding;
-
-        border: 1px solid transparent;
-        border-radius: $submenuHeaderBorderRadius;
-
-        background-color: $submenuHeaderBg;
-
-        &[data-p-disabled="true"] {
-            color: $disabledButtonTextColor;
-
-            background-color: $disabledButtonBg;
-            border-color: $disabledButtonBorderColor;
-        }
-    }
-
-    @include menuitem();
-    @include menuitem-separator();
-
-    // Фикс стиля disabled
-    .p-menuitem[data-p-disabled="true"] {
-		.p-disabled {
-			opacity: $disabledOpacity; // Костыль на прозначность
-		}
-    }    
-}
-
-.p-menu-overlay {
-    min-width: $menuWidth;
-
-    border-radius: $borderRadius;
-    border: $overlayMenuBorder;
-
-    padding: $overlayMenuPadding;
-
-    background-color: $overlayMenuBg;
-    box-shadow: $overlayMenuShadow;
-
-    z-index: 2;
-}
diff --git a/primeng-sass-theme/theme-base/components/menu/_menubar.scss b/primeng-sass-theme/theme-base/components/menu/_menubar.scss
deleted file mode 100644
index 41e3f35..0000000
--- a/primeng-sass-theme/theme-base/components/menu/_menubar.scss
+++ /dev/null
@@ -1,231 +0,0 @@
-.p-menubar {
-    display: flex;
-    padding: $overlayMenuPadding;
-    align-items: flex-end;
-    border-radius: $borderRadius;
-    border: $overlayMenuBorder;
-    background-color: $overlayMenuBg;
-    box-shadow: $overlayMenuShadow;
-
-    // .p-menubar-root-list .p-menuitem:first-of-type {
-    //     margin-top: $menuitemSpacing;
-    // }
-    @include menuitem();
-    @include menuitem-separator();
-
-    [class*='list'][level='0'] {
-        display: flex;
-        flex-direction: row;
-        flex-wrap: nowrap;
-        gap: $menuitemSpacing;
-
-        & > .p-menuitem {
-            margin: 0;
-        }
-    }
-
-    [class*='list']:not([level='0']) {
-        min-width: $menuWidth;
-        z-index: 2;
-    }
-
-    [class*='list'][level='1'] {
-        margin-top: $menuitemSpacing;
-        &.p-menuitem:first-of-type {
-            margin-top: $menuitemSpacing;
-        }
-    }
-
-    [class*='list']:not([level='0']):not([level='1']) {
-        margin-left: $menuitemSpacing;
-        margin-top: -$menuitemSpacing;
-    }
-
-    ul {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-    }
-
-    .p-menuitem-link {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        text-decoration: none;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-menuitem-text {
-        line-height: 1;
-    }
-
-    .p-menuitem {
-        position: relative;
-        margin-top: $menuitemSpacing;
-
-        &[data-p-highlight='true'] {
-            & > .p-menuitem-content > .p-menuitem-link {
-                background-color: $menuitemActiveHoverBg;
-                color: $menuitemActiveTextColor;
-            }
-
-            & > .p-menuitem-content > .p-menuitem-link:hover {
-                .p-menuitem-icon {
-                    color: $menuitemActiveTextColor;
-                }
-
-                .p-menuitem-text {
-                    color: $menuitemActiveTextColor;
-                }
-
-                .p-submenu-icon {
-                    color: $menuitemActiveIconColor;
-                }
-            }
-        }
-
-        &.p-menuitem:first-of-type {
-            margin-top: $menuitemSpacing;
-        }
-
-        .p-submenu-list {
-            display: none;
-            position: absolute;
-            z-index: 2;
-            background-color: $overlayMenuBg;
-            border-radius: $borderRadius;
-            border: $overlayMenuBorder;
-            background-color: $overlayMenuBg;
-        }
-
-        .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg) {
-            margin-left: auto;
-        }
-        .p-menubar-root-list .p-icon-wrapper {
-            margin-left: auto;
-        }
-        .p-submenu-list .p-menuitem-link .p-icon-wrapper {
-            margin-left: auto;
-        }
-
-        .p-menubar-custom,
-        .p-menubar-end {
-            margin-left: auto;
-            align-self: center;
-        }
-    }
-
-    .p-menubar-root-list {
-        display: flex;
-        align-items: center;
-        flex-wrap: nowrap;
-    }
-
-    .p-menubar-root-list > li ul {
-        display: none;
-        z-index: 1;
-    }
-
-    @media screen and (min-width: 960px) {
-        .p-submenu-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-            display: block;
-            left: 100%;
-            top: 0;
-        }
-
-        .p-menubar-root-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-            display: block;
-        }
-    }
-
-    .p-menubar-button {
-        display: none;
-        cursor: pointer;
-        align-items: center;
-        justify-content: center;
-    }
-}
-
-@media screen and (max-width: 960px) {
-    .p-menubar {
-        position: relative;
-        align-items: center;
-
-        .p-menubar-button {
-            display: flex;
-
-            @include action-icon(false);
-            transition: $actionIconTransition;
-        }
-
-        .p-menuitem-active[aria-expanded='false'] .p-submenu-list {
-            display: none;
-        }
-
-        .p-menuitem-active[aria-expanded='true'] > p-menubarsub > .p-submenu-list {
-            display: block;
-            position: relative;
-            left: auto;
-            top: auto;
-            border: 0;
-        }
-
-        [aria-expanded='true'] + p-menubarsub .p-menubar-root-list {
-            display: block;
-        }
-
-        .p-menubar-root-list {
-            position: absolute;
-            left: 0;
-            top: 100%;
-            display: none;
-            flex-direction: column;
-
-            min-width: $menuWidth;
-
-            border-radius: $borderRadius;
-            border: $overlayMenuBorder;
-
-            padding: $overlayMenuPadding;
-            margin-top: $menuitemSpacing;
-
-            background-color: $overlayMenuBg;
-            box-shadow: $overlayMenuShadow;
-            border-radius: $borderRadius;
-
-            z-index: 2;
-
-            [aria-expanded='false'] {
-                .p-submenu-icon {
-                    transform: rotate(-90deg);
-                }
-            }
-        }
-
-        .p-submenu-list {
-            width: 100%;
-            display: none;
-            border: none;
-            border-radius: 0;
-
-            margin: 0 !important;
-            padding: $overlayMenuPadding 0 0 $menuNodeChildrenPadding;
-            border-radius: $borderRadius;
-
-            box-shadow: none;
-
-            [aria-expanded='false'] {
-                .p-submenu-icon {
-                    transform: rotate(0deg);
-                }
-            }
-
-            [aria-expanded='true'] {
-                .p-submenu-icon {
-                    transform: rotate(90deg);
-                }
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/menu/_panelmenu.scss b/primeng-sass-theme/theme-base/components/menu/_panelmenu.scss
deleted file mode 100644
index a72ec4f..0000000
--- a/primeng-sass-theme/theme-base/components/menu/_panelmenu.scss
+++ /dev/null
@@ -1,152 +0,0 @@
-.p-panelmenu {
-    &[data-pc-section="root"] {
-        display: flex;
-        flex-direction: column;
-        gap: $menuitemSpacing;
-    }
-    // Стиль заголовка
-    [data-pc-section="header"] {
-        padding: $menuitemPadding;
-
-        border-radius: $menuitemBorderRadius;
-        border: $menuitemBorder;
-
-        background-color: $menuitemBg;
-
-        .p-panelmenu-header-action {
-            display: flex;
-            gap: $inlineSpacing;
-        }
-
-        .p-panelmenu-header-link {
-            display: flex;
-            flex-direction: row;
-            flex-wrap: nowrap;
-            gap: $inlineSpacing;
-        }
-
-        .p-menuitem-text {
-            color: $menuitemTextColor;
-        }
-
-        .p-menuitem-icon {
-            color: $menuitemTextColor;
-        }
-
-        .p-submenu-icon {
-            color: $menuitemIconColor;
-        }
-    }
-    // Стиль не активного заголовка по наведению
-    [data-pc-section="header"][aria-expanded="false"]:not([data-p-disabled="true"]):hover {
-        cursor: pointer;
-
-        background-color: $menuitemHoverBg;
-
-        .p-menuitem-text {
-            color: $menuitemHoverTextColor;
-        }
-
-        .p-menuitem-icon {
-            color: $menuitemHoverTextColor;
-        }
-
-        .p-submenu-icon {
-            color: $menuitemHoverIconColor;
-        }
-    }
-
-    // Стиль активного заголовка
-    [data-pc-section="header"][aria-expanded="true"] {
-        background-color: $menuitemActiveBg;
-
-        .p-menuitem-text {
-            color: $menuitemActiveTextColor;
-        }
-
-        .p-menuitem-icon {
-            color: $menuitemActiveTextColor;
-        }
-
-        .p-submenu-icon {
-            color: $menuitemActiveIconColor;
-        }
-    }
-
-    // Стиль активного заголовка по наведению
-    [data-pc-section="header"][aria-expanded="true"]:not([data-p-disabled="true"]):hover {
-        cursor: pointer;
-
-        background-color: $menuitemActiveHoverBg;
-
-        .p-menuitem-text {
-            color: $menuitemActiveTextColor;
-        }
-
-        .p-menuitem-icon {
-            color: $menuitemActiveTextColor;
-        }
-
-        .p-submenu-icon {
-            color: $menuitemActiveIconColor;
-        }
-    }
-
-    // Стиль заголовка в состоянии disabled
-    [data-pc-section="header"][data-p-disabled="true"] {
-        background-color: $disabledButtonBg;
-        border-color: $disabledButtonBorderColor;
-
-        .p-menuitem-icon {
-            color: $disabledButtonTextColor;
-        }
-
-        .p-menuitem-text {
-            color: $disabledButtonTextColor;
-        }
-
-        .p-submenu-icon {
-            color: $disabledButtonTextColor;
-        }
-    }
-
-    [data-pc-section="menu"] {
-        padding: $overlayMenuPadding 0 0 $menuNodeChildrenPadding;
-    }
-
-    [data-pc-section="submenu"] {
-        padding: $overlayMenuPadding 0 0 $menuNodeChildrenPadding;
-    }
-
-    @include menuitem();
-    @include menuitem-separator();
-
-    // Фикс стиля disabled
-    .p-menuitem {
-        & > .p-menuitem-content:has(.p-disabled) {
-            pointer-events: none;
-            opacity: $disabledOpacity;
-
-            .p-menuitem-link {
-                pointer-events: none;
-
-                background-color: $disabledButtonBg;
-                border-color: $disabledButtonBorderColor;
-
-                opacity: 1;
-            }
-
-            .p-menuitem-icon {
-                color: $disabledButtonTextColor;
-            }
-
-            .p-menuitem-text {
-                color: $disabledButtonTextColor;
-            }
-
-            .p-submenu-icon {
-                color: $disabledButtonTextColor;
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/menu/_slidemenu.scss b/primeng-sass-theme/theme-base/components/menu/_slidemenu.scss
deleted file mode 100644
index 4761dc7..0000000
--- a/primeng-sass-theme/theme-base/components/menu/_slidemenu.scss
+++ /dev/null
@@ -1,60 +0,0 @@
-.p-slidemenu {
-    padding: $verticalMenuPadding;
-    background: $menuBg;
-    color: $menuTextColor;
-    border: $menuBorder;
-    border-radius: $borderRadius;
-    width: $menuWidth;
-
-    .p-menuitem-link {
-        @include menuitem-link();
-    }
-
-    &.p-slidemenu-overlay {
-        background: $overlayMenuBg;
-        border: $overlayMenuBorder;
-        box-shadow: $overlayMenuShadow;
-    }
-
-    .p-slidemenu-list {
-        padding: $verticalMenuPadding;
-        background: $overlayMenuBg;
-        border: $overlayMenuBorder;
-        box-shadow: $overlayMenuShadow;
-    }
-
-    .p-slidemenu {
-        &.p-slidemenu-active {
-            > .p-slidemenu-link {
-                background: $menuitemActiveBg;
-
-                .p-slidemenu-text {
-                    color: $menuitemTextActiveColor;
-                }
-
-                .p-slidemenu-icon, .p-slidemenu-icon {
-                    color: $menuitemIconActiveColor;
-                }
-            }
-        }
-    }
-
-    .p-slidemenu-separator {
-        border-top: $divider;
-        margin: $menuSeparatorMargin;
-    }
-
-    .p-slidemenu-icon {
-        font-size: $menuitemSubmenuIconFontSize;
-
-        &.p-icon {
-            width: $menuitemSubmenuIconFontSize;
-            height: $menuitemSubmenuIconFontSize;
-        }
-    }
-
-    .p-slidemenu-backward {
-        padding: $menuitemPadding;
-	    color: $menuitemTextColor;
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/menu/_steps.scss b/primeng-sass-theme/theme-base/components/menu/_steps.scss
deleted file mode 100644
index 3cd394d..0000000
--- a/primeng-sass-theme/theme-base/components/menu/_steps.scss
+++ /dev/null
@@ -1,97 +0,0 @@
-@use 'sass:math';
-
-.p-steps {
-    overflow: hidden;
-    overflow-x: auto;
-
-    .p-steps-item {
-        display: flex;
-        justify-content: center;
-        .p-menuitem-link {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            gap: $inlineSpacing;
-
-            border-radius: 0;
-            padding: 0 $inlineSpacing;
-
-            background: $stepsItemBg;
-            transition: $listItemTransition;
-
-            z-index: 1;
-
-            .p-steps-number {
-                color: $stepsItemNumberColor;
-                font-weight: $stepsItemFontWeight;
-                border: $stepsItemBorder;
-                background: $stepsItemBg;
-                min-width: $stepsItemNumberWidth;
-                height: $stepsItemNumberHeight;
-                line-height: $stepsItemNumberHeight;
-                font-size: $stepsItemNumberFontSize;
-                z-index: 1;
-                border-radius: $stepsItemNumberBorderRadius;
-            }
-
-            .p-steps-title {
-                color: $stepsItemTextColor;
-                font-weight: $stepsItemFontWeight;
-            }
-
-            &:not(.p-disabled):focus-visible {
-                @include focused();
-            }
-        }
-
-        // В PrimeNg 17 в Steps первый шаг почему-то всегда содержит .p-highlight.
-        // Однако требуется, чтобы выделялся только текущий шаг.
-        // Поэтому выделяется последний шаг с классом .p-highlight.
-        &.p-highlight:not(:has(~ .p-highlight)) {
-            .p-steps-number {
-                background: $highlightBg;
-                color: $highlightTextColor;
-                border-color: transparent;
-            }
-
-            .p-steps-title {
-                color: $textColor;
-            }
-        }
-
-        &.p-disabled {
-            opacity: 1; // Костыль на прозрачность
-
-            .p-steps-number,
-            .p-steps-title {
-                opacity: $disabledOpacity;
-            }
-        }
-
-        &:before {
-            content:' ';
-            border-top: $divider;
-            width: 100%;
-            top: 50%;
-            left: 0;
-            display: block;
-            position: absolute;
-        }
-
-        &:first-of-type {
-            justify-content: flex-start;
-
-            .p-menuitem-link {
-                padding-left: 0;
-            }
-        }
-
-        &:last-of-type {
-            justify-content: flex-end;
-
-            .p-menuitem-link {
-                padding-right: 0;
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/menu/_tabmenu.scss b/primeng-sass-theme/theme-base/components/menu/_tabmenu.scss
deleted file mode 100644
index 2cb92c6..0000000
--- a/primeng-sass-theme/theme-base/components/menu/_tabmenu.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-.p-tabmenu {
-    .p-tabmenu-nav {
-        background: $tabviewNavBg;
-        border-bottom: $tabviewNavBorder;
-
-        .p-tabmenuitem {
-            margin-right: $tabviewHeaderSpacing;
-
-            .p-menuitem-link {
-                background: $tabviewHeaderBg;
-                color: $tabviewHeaderTextColor;
-                font-weight: $tabviewHeaderFontWeight;
-
-                border-bottom: $tabviewHeaderBorder;
-
-                padding: $tabviewHeaderPadding;
-                margin: $tabviewHeaderMargin;
-
-                transition: $listItemTransition;
-
-                .p-menuitem-icon {
-                    margin-right: $inlineSpacing;
-                }
-
-                &:not(.p-disabled):focus-visible {
-                    @include focused-inset();
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled):hover {
-                .p-menuitem-link {
-                    background: $tabviewHeaderHoverBg;
-                    border-color: $tabviewHeaderHoverBorderColor;
-                    color: $tabviewHeaderHoverTextColor;
-                }
-            }
-
-            &.p-highlight {
-                .p-menuitem-link {
-                    background: $tabviewHeaderActiveBg;
-                    border-color: $tabviewHeaderActiveBorderColor;
-                    color: $tabviewHeaderActiveTextColor;
-                }
-            }
-        }
-    }
-
-    .p-tabmenu-nav-btn.p-link {
-        background: $surface-ground;
-        color: $tabviewHeaderTextColor;
-        width: $buttonIconOnlyWidth;
-        box-shadow: 0px 0px 10px 50px var(--white-60);
-        border-radius: 0;
-
-        &:focus-visible {
-            @include focused-inset();
-        }
-
-        &:hover {
-            color: $tabviewHeaderActiveTextColor;
-        }
-    }
-
-    .p-tabmenu-nav-container > .p-tabmenu-nav-content > .p-tabmenu-nav {
-        white-space: nowrap;
-        width: max-content;
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/menu/_tieredmenu.scss b/primeng-sass-theme/theme-base/components/menu/_tieredmenu.scss
deleted file mode 100644
index 4f3f6ad..0000000
--- a/primeng-sass-theme/theme-base/components/menu/_tieredmenu.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-.p-tieredmenu {
-    display: flex;
-
-	[class*="root"] {
-		display: flex;
-		flex-direction: column;
-    }
-
-    [data-pc-section="menu"] {
-		border-radius: $borderRadius;
-		border: $overlayMenuBorder;
-        background-color: $overlayMenuBg;
-        box-shadow: $overlayMenuShadow;
-    }
-
-    @include menuitem();
-	@include menuitem-separator();
-}
diff --git a/primeng-sass-theme/theme-base/components/messages/_inlinemessage.scss b/primeng-sass-theme/theme-base/components/messages/_inlinemessage.scss
deleted file mode 100644
index a7d6732..0000000
--- a/primeng-sass-theme/theme-base/components/messages/_inlinemessage.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-.p-inline-message {
-    padding: $inlineMessagePadding;
-    margin: $inlineMessageMargin;
-    border-radius: $borderRadius;
-
-    &.p-inline-message-info {
-        background: $infoMessageBg;
-        border-left: $infoMessageBorder;
-        border-width: $inlineMessageBorderWidth;
-        color: $infoMessageTextColor;
-
-        .p-inline-message-icon {
-            color: $infoMessageIconColor;
-        }
-    }
-
-    &.p-inline-message-success {
-        background: $successMessageBg;
-        border-left: $successMessageBorder;
-        border-width: $inlineMessageBorderWidth;
-        color: $successMessageTextColor;
-
-        .p-inline-message-icon {
-            color: $successMessageIconColor;
-        }
-    }
-
-    &.p-inline-message-warn {
-        background: $warningMessageBg;
-        border-left: $warningMessageBorder;
-        border-width: $inlineMessageBorderWidth;
-        color: $warningMessageTextColor;
-
-        .p-inline-message-icon {
-            color: $warningMessageIconColor;
-        }
-    }
-
-    &.p-inline-message-error {
-        background: $dangerMessageBg;
-        border-left: $dangerMessageBorder;
-        border-width: $inlineMessageBorderWidth;
-        color: $dangerMessageTextColor;
-
-        .p-inline-message-icon {
-            color: $dangerMessageIconColor;
-        }
-    }
-
-    .p-inline-message-icon {
-        font-size: $inlineMessageIconFontSize;
-        margin-right: $inlineSpacing;
-
-        &.p-icon {
-            width: $inlineMessageIconFontSize;
-            height: $inlineMessageIconFontSize;
-        }
-    }
-
-    .p-inline-message-text {
-        font-size: $inlineMessageTextFontSize;
-    }
-
-    &.p-inline-message-icon-only {
-        .p-inline-message-icon {
-            margin-right: 0;
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/messages/_message.scss b/primeng-sass-theme/theme-base/components/messages/_message.scss
deleted file mode 100644
index 876ce01..0000000
--- a/primeng-sass-theme/theme-base/components/messages/_message.scss
+++ /dev/null
@@ -1,151 +0,0 @@
-@use "sass:math";
-
-@mixin style-severity($color-background, $border, $color-icon) {
-    background: $color-background;
-    border: $border;
-
-    .p-message-wrapper {
-        border-left: $messageBorderWidth solid $color-icon;
-    }
-
-    .p-message-icon {
-        color: $color-icon;
-        &::before {
-            content: "";
-            @if $color-icon == $infoMessageIconColor {
-                mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-            }
-            @if $color-icon == $successMessageIconColor {
-                mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E")
-            }
-            @if $color-icon == $warningMessageIconColor {
-                mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E")
-            }
-            @if $color-icon == $dangerMessageIconColor {
-                mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-            }
-            width: $text-4xl;
-            height: $text-4xl;
-            display: block;
-            background-color: $color-icon;
-        }
-    }
-
-    .p-message-close {
-        color: $color-icon;
-        border: $border;
-
-        background: transparent;
-
-        &:hover {
-            color: $color-icon;
-            border-color: $color-icon;
-
-            box-shadow: $buttonHoverShadow;
-            transition: $formElementTransition;
-        }
-    }
-}
-
-.p-message {
-    overflow: hidden;
-
-    margin: $messageMargin;
-    border-radius: $borderRadius;
-
-    .p-message-wrapper {
-        padding: $messagePadding;
-        position: relative;
-        display: grid;
-        padding-left: 4rem;
-        min-height: 4rem;
-    }
-
-    .p-message-close {
-        width: $actionIconWidth;
-        height: $actionIconHeight;
-        border-radius: $actionIconBorderRadius;
-        background: transparent;
-        transition: $actionIconTransition;
-        position: absolute;
-        top: $messagePadding;
-        right: $messagePadding;
-
-        &:hover {
-            background: rgba(255, 255, 255, 0.5);
-        }
-
-        &:focus-visible {
-            @include focused();
-        }
-    }
-
-    &.p-message-info {
-        @include style-severity(
-            $color-background: $infoMessageBg,
-            $border: $infoMessageBorder,
-            $color-icon: $infoMessageIconColor
-        );
-    }
-
-    &.p-message-success {
-        @include style-severity(
-            $color-background: $successMessageBg,
-            $border: $successMessageBorder,
-            $color-icon: $successMessageIconColor
-        );
-    }
-
-    &.p-message-warn {
-        @include style-severity(
-            $color-background: $warningMessageBg,
-            $border: $warningMessageBorder,
-            $color-icon: $warningMessageIconColor
-        );
-    }
-
-    &.p-message-error {
-        @include style-severity(
-            $color-background: $dangerMessageBg,
-            $border: $dangerMessageBorder,
-            $color-icon: $dangerMessageIconColor
-        );
-    }
-
-    .p-message-text {
-        font-size: $messageTextFontSize;
-        font-weight: $messageTextFontWeight;
-        color: $messageTextColor;
-    }
-
-    .p-message-icon {
-        font-size: $messageIconFontSize;
-        display: inline;
-        margin-right: $inlineSpacing;
-        position: absolute;
-        top: $messagePadding;
-        left: $messagePadding;
-        .p-icon-wrapper {
-            display: none;
-        }
-
-        &.p-icon {
-            width: $messageIconFontSize;
-            height: $messageIconFontSize;
-        }
-    }
-
-    .p-message-summary {
-        font-size: $messageTextSummaryFontSize;
-        font-weight: $messageTextSummaryFontWeight;
-        color: $messageTextSummaryColor;
-        margin-right: math.div($inlineSpacing, 2);
-    }
-
-    .p-message-detail {
-        font-size: $messageTextDetailFontSize;
-        font-weight: $messageTextDetailFontWeight;
-        color: $messageTextDetailColor;
-        display: block;
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/messages/_toast.scss b/primeng-sass-theme/theme-base/components/messages/_toast.scss
deleted file mode 100644
index ecaf35c..0000000
--- a/primeng-sass-theme/theme-base/components/messages/_toast.scss
+++ /dev/null
@@ -1,140 +0,0 @@
-@use "sass:math";
-
-@mixin style-severity($color-background, $border, $color-icon) {
-    background: $color-background;
-    border: $border;
-
-    .p-toast-message-content {
-        border-left: $messageBorderWidth solid $color-icon;
-    }
-
-    .p-toast-message-icon {
-        color: $color-icon;
-
-        &::before {
-            content: "";
-            @if $color-icon == $infoMessageIconColor {
-                mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-            }
-            @if $color-icon == $successMessageIconColor {
-                mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E")
-            }
-            @if $color-icon == $warningMessageIconColor {
-                mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E")
-            }
-            @if $color-icon == $dangerMessageIconColor {
-                mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-            }
-            width: $text-4xl;
-            height: $text-4xl;
-            display: block;
-            background-color: $color-icon;
-        }
-    }
-
-    .p-toast-icon-close {
-        color: $color-icon;
-        border: $border;
-
-        background: transparent;
-
-        &:hover {
-            color: $color-icon;
-            border-color: $color-icon;
-
-            box-shadow: $buttonHoverShadow;
-            transition: $formElementTransition;
-        }
-    }
-}
-
-.p-toast {
-    opacity: $toastOpacity;
-
-    .p-toast-message {
-        overflow: hidden;
-
-        margin: $toastMargin;
-        box-shadow: $toastShadow;
-        border-radius: $borderRadius;
-
-        .p-toast-message-content {
-            gap: 1rem;
-
-            padding: $toastPadding;
-            border-left-width: $toastBorderWidth;
-            border-left-style: solid;
-
-            .p-toast-message-text {
-                margin: $toastMessageTextMargin;
-            }
-
-            .p-toast-message-icon {
-                font-size: $toastIconFontSize;
-                .p-icon-wrapper {
-                    display: none;
-                }
-                &.p-icon {
-                    width: $toastIconFontSize;
-                    height: $toastIconFontSize;
-                }
-            }
-
-            .p-toast-summary {
-                font-weight: $toastTitleFontWeight;
-                font-size: $messageTextSummaryFontSize;
-                color: $messageTextSummaryColor;
-
-                margin: auto 0;
-            }
-
-            .p-toast-detail {
-                font-weight: $messageTextDetailFontWeight;
-                font-size: $messageTextDetailFontSize;
-                color: $messageTextDetailColor;
-
-                margin-top: 0.25rem;
-            }
-        }
-
-        .p-toast-icon-close {
-            width: $toastIconFontSize;
-            height: $toastIconFontSize;
-            border-radius: $actionIconBorderRadius;
-            background: $surface-ground;
-            transition: $actionIconTransition;
-        }
-
-        &.p-toast-message-info {
-            @include style-severity(
-                $color-background: $infoMessageBg,
-                $border: $infoMessageBorder,
-                $color-icon: $infoMessageIconColor
-            );
-        }
-
-        &.p-toast-message-success {
-            @include style-severity(
-                $color-background: $successMessageBg,
-                $border: $successMessageBorder,
-                $color-icon: $successMessageIconColor
-            );
-        }
-
-        &.p-toast-message-warn {
-            @include style-severity(
-                $color-background: $warningMessageBg,
-                $border: $warningMessageBorder,
-                $color-icon: $warningMessageIconColor
-            );
-        }
-
-        &.p-toast-message-error {
-            @include style-severity(
-                $color-background: $dangerMessageBg,
-                $border: $dangerMessageBorder,
-                $color-icon: $dangerMessageIconColor
-            );
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/misc/_avatar.scss b/primeng-sass-theme/theme-base/components/misc/_avatar.scss
deleted file mode 100644
index 0562371..0000000
--- a/primeng-sass-theme/theme-base/components/misc/_avatar.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-.p-avatar {
-    height: 2rem;
-    width: 2rem;
-
-    color: $avatarTextColor;
-    font-size: 1rem;
-
-    background-color: $avatarBg;
-    border-radius: $borderRadius;
-
-    &:not(.p-avatar-image ) {
-        border: $avatarBorder;
-    }
-
-    &.p-avatar-image {
-        background: transparent;
-        position: relative;
-
-        img {
-            position: relative;
-            object-fit: cover;
-            border-radius: inherit;
-        }
-
-        .p-badge {
-            z-index: 1;
-        }
-
-        &::before {
-            content: '';
-
-            position: absolute;
-            left: 0;
-            right: 0;
-            top: 0;
-            bottom: 0;
-
-            border: $avatarBorder;
-            border-radius: inherit;
-
-            z-index: 1;
-        }
-    }
-
-    &.p-avatar-lg {
-        width: 2.5rem;
-        height: 2.5rem;
-        font-size: 1rem;
-
-        .p-avatar-icon {
-            font-size: 1rem;
-        }
-    }
-
-    &.p-avatar-xl {
-        width: 3.5rem;
-        height: 3.5rem;
-        font-size: 1.5rem;
-
-        .p-avatar-icon {
-            font-size: 1.5rem;
-        }
-    }
-}
-
-.p-avatar-circle {
-    border-radius: 50%;
-  }
diff --git a/primeng-sass-theme/theme-base/components/misc/_badge.scss b/primeng-sass-theme/theme-base/components/misc/_badge.scss
deleted file mode 100644
index 545dbef..0000000
--- a/primeng-sass-theme/theme-base/components/misc/_badge.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-.p-badge {
-    background: $badgeBg;
-    color: $badgeTextColor;
-    font-size: $badgeFontSize;
-    font-weight: $badgeFontWeight;
-    min-width: $badgeMinWidth;
-    height: $badgeHeight;
-    line-height: $badgeHeight;
-
-    &.p-badge-success {
-        background-color: $successButtonBg;
-        color: $successButtonTextColor;
-    }
-
-    &.p-badge-info {
-        background-color: $infoButtonBg;
-        color: $infoButtonTextColor;
-    }
-
-    &.p-badge-warning {
-        background-color: $warningButtonBg;
-        color: $warningButtonTextColor;
-    }
-
-    &.p-badge-danger {
-        background-color: $dangerButtonBg;
-        color: $dangerButtonTextColor;
-    }
-
-    &.p-badge-dot {
-        width: $badgeDotSize;
-        height: $badgeDotSize;
-
-        min-width: auto;
-    }
-}
\ No newline at end of file
diff --git a/primeng-sass-theme/theme-base/components/misc/_chip.scss b/primeng-sass-theme/theme-base/components/misc/_chip.scss
deleted file mode 100644
index 24fa326..0000000
--- a/primeng-sass-theme/theme-base/components/misc/_chip.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-@use 'sass:math';
-
-.p-chip {
-    height: $chipHeight;
-
-    color: $chipTextColor;
-
-    border-radius: $chipBorderRadius;
-    border: $chipBorder;
-
-    padding: $chipPadding;
-    background-color: $chipBg;
-    display: inline-flex;
-
-
-    &.p-disabled {
-        color: $disabledButtonTextColor;
-        border-color: $disabledButtonBorderColor;
-        background-color: $disabledButtonBg;
-    }
-
-    .p-chip-text {
-        line-height: 1.5;
-        margin-top: math.div(nth($inputPadding, 1), 2);
-        margin-bottom: math.div(nth($inputPadding, 1), 2);
-    }
-
-    .p-chip-icon {
-        margin-right: $inlineSpacing;
-    }
-
-    img {
-        width: 1.5 + nth($inputPadding, 1);
-        height: 1.5 + nth($inputPadding, 1);
-        margin-left: -1 * nth($inputPadding, 2);
-        margin-right: $inlineSpacing;
-    }
-
-    .p-chip-remove-icon {
-        border-radius: $borderRadius;
-        transition: $actionIconTransition;
-        margin-left: $inlineSpacing;
-
-        &:focus-visible {
-            @include focused();
-        }
-
-        &:focus {
-            outline: 0 none;
-        }
-    }
-}
-
-timescircleicon {
-    svg {
-         display: none!important;
-     }
-    &::after {
-         cursor: pointer;
-         mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E") no-repeat;
-         height: 16px;
-         width: 16px;
-         background: $chipTextColor;
-         margin-left: $inlineSpacing;
-         content: "";
-     }
- }
diff --git a/primeng-sass-theme/theme-base/components/misc/_inplace.scss b/primeng-sass-theme/theme-base/components/misc/_inplace.scss
deleted file mode 100644
index 8f64b69..0000000
--- a/primeng-sass-theme/theme-base/components/misc/_inplace.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-.p-inplace {
-    .p-inplace-display {
-        padding: $inplacePadding;
-        border-radius: $borderRadius;
-        transition: $formElementTransition;
-
-        &:not(.p-disabled):hover {
-            background: $inplaceHoverBg;
-            color: $inplaceTextHoverColor;
-        }
-
-        &:focus {
-            @include focused();
-        }
-    }
-}
-
diff --git a/primeng-sass-theme/theme-base/components/misc/_metergroup.scss b/primeng-sass-theme/theme-base/components/misc/_metergroup.scss
deleted file mode 100644
index 4670d5b..0000000
--- a/primeng-sass-theme/theme-base/components/misc/_metergroup.scss
+++ /dev/null
@@ -1,128 +0,0 @@
-.p-metergroup {
-    display: flex;
-    gap: $gap-3;
-    flex-direction: column;
-
-    .p-metergroup-meter-container {
-        background: $progressBarBg;
-        border-radius: $borderRadius;
-    }
-
-    .p-metergroup-labels {
-        display: flex;
-        flex-wrap: wrap;
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-        gap: $gap-4;
-        row-gap: $gap-3;
-    }
-
-    .p-metergroup-labels-vertical {
-        gap: $gap-2;
-        flex-direction: column;
-    }
-
-    .p-metergroup-meters {
-        display: flex;
-        background: $progressBarBg;
-        border-radius: $borderRadius;
-        height: $meterGroupHeight;
-    }
-
-    .p-metergroup-meter {
-        border: $progressBarBorder;
-        background: $progressBarValueBg;
-    }
-
-    .p-metergroup-label-list-item {
-        line-height: $progressBarHeight;
-    }
-
-    .p-metergroup-label-type {
-        background: $progressBarValueBg;
-        width: 0.5rem;
-        height: 0.5rem;
-        border-radius: 100%;
-        margin-right: $inlineSpacing;
-    }
-
-    .p-metergroup-label {
-        display: inline-flex;
-        align-items: center;
-        color: $black-60;
-        gap: $gap-2;
-        font-size: 0.875rem;
-        line-height: 100%;
-
-        .p-metergroup-label-marker {
-            width: $meterLabelMarkerDiameter;
-            height: $meterLabelMarkerDiameter;
-            border-radius: 100%;
-            display: inline-flex;
-        }
-    }
-
-    .p-metergroup-label-icon {
-        width: 1rem;
-        height: 1rem;
-        font-size: 1rem;
-    }
-
-    .p-metergroup-label-list-vertical {
-        gap: calc($inlineSpacing / 2);
-    }
-
-
-    &.p-metergroup-horizontal {
-        .p-metergroup-meter-container {
-            height: 0.5rem;
-        }
-
-        .p-metergroup-meter:first-of-type {
-            border-top-left-radius: $borderRadius;
-            border-bottom-left-radius: $borderRadius;
-        }
-
-        .p-metergroup-meter:last-of-type {
-            border-top-right-radius: $borderRadius;
-            border-bottom-right-radius: $borderRadius;
-        }
-
-        .p-metergroup-label-list-start {
-            margin-bottom: $inlineSpacing;
-        }
-
-        .p-metergroup-label-list-end {
-            margin-top: $inlineSpacing;
-        }
-    }
-
-    &.p-metergroup-vertical {
-        flex-direction: row;
-
-        .p-metergroup-meters {
-            width: 0.5rem;
-            height: 100%;
-            flex-direction: column;
-        }
-
-        .p-metergroup-meter {
-            width: 0.5rem;
-        }
-
-        .p-metergroup-meter:first-of-type {
-            border-top-left-radius: $borderRadius;
-            border-top-right-radius: $borderRadius;
-        }
-
-        .p-metergroup-meter:last-of-type {
-            border-bottom-left-radius: $borderRadius;
-            border-bottom-right-radius: $borderRadius;
-        }
-
-        .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
-            margin-left: $inlineSpacing;
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/misc/_progressbar.scss b/primeng-sass-theme/theme-base/components/misc/_progressbar.scss
deleted file mode 100644
index 7cf0ea6..0000000
--- a/primeng-sass-theme/theme-base/components/misc/_progressbar.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-.p-progressbar {
-    border: $progressBarBorder;
-    height: $progressBarHeight;
-    background: $progressBarBg;
-    border-radius: $borderRadius;
-
-    .p-progressbar-value {
-        border: 0 none;
-        margin: 0;
-        background: $progressBarValueBg;
-    }
-
-    .p-progressbar-label {
-        color: $progressBarValueTextColor;
-        line-height: $progressBarHeight;
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/misc/_progressspinner.scss b/primeng-sass-theme/theme-base/components/misc/_progressspinner.scss
deleted file mode 100644
index fa9f870..0000000
--- a/primeng-sass-theme/theme-base/components/misc/_progressspinner.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-.p-progress-spinner-circle {
-    animation:
-        p-progress-spinner-dash 1.5s ease-in-out infinite,
-        p-progress-spinner-primary-color 6s ease-in-out infinite;
-}
-
-@keyframes p-progress-spinner-primary-color {
-    100%,
-    0% {
-        stroke: var(--primary-color) !important;
-    }
-    40% {
-        stroke: var(--primary-color) !important;
-    }
-    66% {
-        stroke: var(--primary-color) !important;
-    }
-    80%,
-    90% {
-        stroke: var(--primary-color) !important;
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/misc/_scrolltop.scss b/primeng-sass-theme/theme-base/components/misc/_scrolltop.scss
deleted file mode 100644
index 7a7e11b..0000000
--- a/primeng-sass-theme/theme-base/components/misc/_scrolltop.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-.p-scrolltop {
-    width: $scrollTopWidth;
-    height: $scrollTopHeight;
-    border-radius: $scrollTopBorderRadius;
-    box-shadow: $inputOverlayShadow;
-    transition: $actionIconTransition;
-
-    &.p-link {
-        background: $scrollTopBg;
-
-        &:hover {
-            background: $scrollTopHoverBg;
-        }
-    }
-
-    .p-scrolltop-icon {
-        font-size: $scrollTopFontSize;
-        color: $scrollTopTextColor;
-
-        &.p-icon {
-            width: $scrollTopFontSize;
-            height: $scrollTopFontSize;
-        }
-    }
-}
\ No newline at end of file
diff --git a/primeng-sass-theme/theme-base/components/misc/_skeleton.scss b/primeng-sass-theme/theme-base/components/misc/_skeleton.scss
deleted file mode 100644
index a79dcaf..0000000
--- a/primeng-sass-theme/theme-base/components/misc/_skeleton.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-.p-skeleton {
-    background: $skeletonBg;
-    border-radius: $borderRadius;
-
-    &:after {
-        background: linear-gradient(90deg, $skeletonBg 0%, $surface-100 40%, $skeletonBg 75%);
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/misc/_tag.scss b/primeng-sass-theme/theme-base/components/misc/_tag.scss
deleted file mode 100644
index 06600a9..0000000
--- a/primeng-sass-theme/theme-base/components/misc/_tag.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-@use 'sass:math';
-
-.p-tag {
-    height: $tagHeight;
-    
-    color: $badgeTextColor;
-    font-size: $tagFontSize;
-    font-weight: $badgeFontWeight;
-
-    padding: $tagPadding;
-    border-radius: $borderRadius;
-
-    background: $badgeBg;
-
-    &.p-tag-success {
-        background-color: $successButtonBg;
-        color: $successButtonTextColor;
-    }
-
-    &.p-tag-info {
-        background-color: $infoButtonBg;
-        color: $infoButtonTextColor;
-    }
-
-    &.p-tag-warning {
-        background-color: $warningButtonBg;
-        color: $warningButtonTextColor;
-    }
-
-    &.p-tag-danger {
-        background-color: $dangerButtonBg;
-        color: $dangerButtonTextColor;
-    }
-
-    &.p-tag-rounded {
-        border-radius: 100px;
-    }
-
-    &.p-tag-secondary {
-        background-color: $surface-border;
-        color: $textSecondaryColor;
-    }
-
-    .p-tag-icon {
-        margin-right: math.div($inlineSpacing, 2);
-        font-size: $tagFontSize;
-
-        &.p-icon {
-            width: $tagFontSize;
-            height: $tagFontSize;
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/misc/_terminal.scss b/primeng-sass-theme/theme-base/components/misc/_terminal.scss
deleted file mode 100644
index 93a531c..0000000
--- a/primeng-sass-theme/theme-base/components/misc/_terminal.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-.p-terminal {
-	background: $panelContentBg;
-	color: $panelContentTextColor;
-	border: $panelContentBorder;
-	padding: $panelContentPadding;
-
-	.p-terminal-input {
-		font-family: var(--font-family);
-		font-feature-settings: var(--font-feature-settings, normal);
-		font-size: $inputTextFontSize;
-	}
-}
diff --git a/primeng-sass-theme/theme-base/components/multimedia/_galleria.scss b/primeng-sass-theme/theme-base/components/multimedia/_galleria.scss
deleted file mode 100644
index a7cdc60..0000000
--- a/primeng-sass-theme/theme-base/components/multimedia/_galleria.scss
+++ /dev/null
@@ -1,164 +0,0 @@
-.p-galleria {
-    .p-galleria-close {
-        margin: $galleriaCloseIconMargin;
-        background: $galleriaCloseIconBg;
-        color: $galleriaCloseIconColor;
-        width: $galleriaCloseIconWidth;
-        height: $galleriaCloseIconHeight;
-        transition: $actionIconTransition;
-        border-radius: $galleriaCloseIconBorderRadius;
-
-        .p-galleria-close-icon {
-            font-size: $galleriaCloseIconFontSize;
-
-            &.p-icon {
-                width: $galleriaCloseIconFontSize;
-                height: $galleriaCloseIconFontSize;
-            }
-        }
-
-        &:hover {
-            background: $galleriaCloseIconHoverBg;
-            color: $galleriaCloseIconHoverColor;
-        }
-    }
-
-    .p-galleria-item-nav {
-        background: $galleriaItemNavigatorBg;
-        color: $galleriaItemNavigatorColor;
-        width: $galleriaItemNavigatorWidth;
-        height: $galleriaItemNavigatorHeight;
-        transition: $actionIconTransition;
-        border-radius: $galleriaItemNavigatorBorderRadius;
-        margin: $galleriaItemNavigatorMargin;
-
-        .p-galleria-item-prev-icon,
-        .p-galleria-item-next-icon {
-            font-size: $galleriaItemNavigatorFontSize;
-
-            &.p-icon {
-                width: $galleriaCloseIconFontSize;
-                height: $galleriaCloseIconFontSize;
-            }
-        }
-
-        &:not(.p-disabled) {
-            &:hover {
-                background: $galleriaItemNavigatorHoverBg;
-                color: $galleriaItemNavigatorHoverColor;
-            }
-        }
-    }
-
-    .p-galleria-caption {
-        background: $galleriaCaptionBg;
-        color: $galleriaCaptionTextColor;
-
-        &-title {
-            padding: 0 $galleriaCaptionPadding;
-        }
-    }
-
-    .p-galleria-indicators {
-        padding: $galleriaIndicatorsPadding;
-        line-height: 0;
-
-        .p-galleria-indicator {
-            button {
-                background-color: $galleriaIndicatorBg;
-                width: $galleriaIndicatorWidth;
-                height: $galleriaIndicatorHeight;
-                transition: $actionIconTransition;
-                border-radius: $galleriaIndicatorBorderRadius;
-
-                &:hover {
-                    background: $galleriaIndicatorHoverBg;
-                }
-            }
-
-            &.p-highlight {
-                button {
-                    background: $galleriaIndicatorActiveBgOnItem;
-                    color: $highlightTextColor;
-                }
-            }
-        }
-    }
-
-    &.p-galleria-indicators-bottom,
-    &.p-galleria-indicators-top {
-        .p-galleria-indicator {
-            margin-right: $inlineSpacing;
-        }
-    }
-
-    &.p-galleria-indicators-left,
-    &.p-galleria-indicators-right {
-        .p-galleria-indicator {
-            margin-bottom: $inlineSpacing;
-        }
-    }
-
-    &.p-galleria-indicator-onitem {
-        .p-galleria-indicators {
-            background: $galleriaIndicatorsBgOnItem;
-
-            .p-galleria-indicator {
-                button {
-                    background: $galleriaIndicatorBgOnItem;
-
-                    &:hover {
-                        background: $galleriaIndicatorHoverBgOnItem;
-                    }
-                }
-
-                &.p-highlight {
-                    button {
-                        background: $galleriaIndicatorActiveBgOnItem;
-                        color: $surface-ground;
-                    }
-                }
-            }
-        }
-    }
-
-    .p-galleria-thumbnail-container {
-        background: $galleriaThumbnailContainerBg;
-        padding: $galleriaThumbnailContainerPadding;
-        gap: $inlineSpacing;
-
-        .p-galleria-thumbnail-prev,
-        .p-galleria-thumbnail-next {
-            background-color: $galleriaThumbnailNavigatorBg;
-            color: $galleriaThumbnailNavigatorColor;
-            width: $galleriaThumbnailNavigatorWidth;
-            height: $galleriaThumbnailNavigatorHeight;
-            transition: $actionIconTransition;
-            border-radius: $galleriaThumbnailNavigatorBorderRadius;
-
-            &:not(.p-disabled):hover {
-                background: $galleriaThumbnailNavigatorHoverBg;
-                color: $galleriaThumbnailNavigatorHoverColor;
-            }
-        }
-
-        .p-galleria-thumbnail-item-content {
-            transition: $listItemTransition;
-            width: 100%;
-            height: 100%;
-
-            &:focus-visible {
-                @include focused();
-            }
-        }
-    }
-}
-
-.p-galleria-mask {
-    --maskbg: #{$galleriaMaskBg};
-}
-
-.p-galleria-thumbnail-item {
-    overflow: hidden;
-    height: 4rem;
-}
diff --git a/primeng-sass-theme/theme-base/components/multimedia/_image.scss b/primeng-sass-theme/theme-base/components/multimedia/_image.scss
deleted file mode 100644
index 38d9fa7..0000000
--- a/primeng-sass-theme/theme-base/components/multimedia/_image.scss
+++ /dev/null
@@ -1,54 +0,0 @@
-.p-image-mask {
-    --maskbg: #{$imageMaskBg};
-}
-
-.p-image-preview-indicator {
-    background-color: transparent;
-    color: $imagePreviewIndicatorColor;
-    transition: $actionIconTransition;
-
-    .p-icon {
-        width: $imagePreviewActionIconFontSize;
-        height: $imagePreviewActionIconFontSize;
-    }
-}
-
-.p-image-preview-container {
-    &:hover {
-        > .p-image-preview-indicator {
-            background-color: $imagePreviewIndicatorBg;
-        }
-    }
-}
-
-.p-image-toolbar {
-    padding: $imagePreviewToolbarPadding;
-}
-
-.p-image-action.p-link {
-    color: $imagePreviewActionIconColor;
-    background-color: $imagePreviewActionIconBg;
-    width: $imagePreviewActionIconWidth;
-    height: $imagePreviewActionIconHeight;
-    border-radius: $imagePreviewActionIconBorderRadius;
-    transition: $actionIconTransition;
-    margin-right: $inlineSpacing;
-
-    &:last-child {
-        margin-right: 0;
-    }
-
-    &:hover {
-        color: $imagePreviewActionIconHoverColor;
-        background-color: $imagePreviewActionIconHoverBg;
-    }
-
-    span {
-        font-size: $imagePreviewActionIconFontSize;
-    }
-
-    .p-icon {
-        width: $imagePreviewActionIconFontSize;
-        height: $imagePreviewActionIconFontSize;
-    }
-}
\ No newline at end of file
diff --git a/primeng-sass-theme/theme-base/components/overlay/_confirmpopup.scss b/primeng-sass-theme/theme-base/components/overlay/_confirmpopup.scss
deleted file mode 100644
index dbb136e..0000000
--- a/primeng-sass-theme/theme-base/components/overlay/_confirmpopup.scss
+++ /dev/null
@@ -1,72 +0,0 @@
-.p-confirm-popup {
-    background: $overlayContentBg;
-    color: $panelContentTextColor;
-    border: $overlayContentBorder;
-    border-radius: $borderRadius;
-    box-shadow: $overlayContainerShadow;
-
-    .p-confirm-popup-content {
-        padding: $confirmPopupContentPadding;
-    }
-
-    .p-confirm-popup-footer {
-        text-align: right;
-        padding: $confirmPopupFooterPadding;
-
-        button {
-            margin: 0 $inlineSpacing 0 0;
-            width: auto;
-
-            &:last-child {
-                margin: 0;
-            }
-        }
-    }
-
-    &:after {
-        border: solid transparent;
-        border-color: rgba($overlayContentBg, 0);
-        border-bottom-color: $overlayContentBg;
-    }
-
-    &:before {
-        border: solid transparent;
-
-        @if (nth($overlayContentBorder, 2) == 'none') {
-            border-color: rgba($overlayContentBg, 0);
-            border-bottom-color: scale-color($overlayContentBg, $lightness: -5%);
-        }
-        @else {
-            border-color: rgba(nth($overlayContentBorder, 3), 0);
-            border-bottom-color: scale-color(nth($overlayContentBorder, 3), $lightness: -5%);
-        }
-    }
-
-    &.p-confirm-popup-flipped {
-        &:after {
-            border-top-color: $overlayContentBg;
-        }
-
-        &:before {
-            @if (nth($overlayContentBorder, 2) == 'none') {
-                border-top-color: $overlayContentBg;
-            }
-            @else {
-                border-top-color: nth($overlayContentBorder, 3);
-            }
-        }
-    }
-
-    .p-confirm-popup-icon {
-        font-size: $primeIconFontSize * 1.5;
-
-        &.p-icon {
-            width: $primeIconFontSize * 1.5;
-            height: $primeIconFontSize * 1.5;
-        }
-    }
-
-    .p-confirm-popup-message {
-        margin-left: $inlineSpacing * 2;
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/overlay/_dialog.scss b/primeng-sass-theme/theme-base/components/overlay/_dialog.scss
deleted file mode 100644
index 24fc1f5..0000000
--- a/primeng-sass-theme/theme-base/components/overlay/_dialog.scss
+++ /dev/null
@@ -1,120 +0,0 @@
-.p-dialog {
-    border-radius: $borderRadius;
-    box-shadow: $overlayContainerShadow;
-    border: $overlayContentBorder;
-
-    .p-dialog-header {
-        border-bottom: $dialogHeaderBorder;
-        background: $dialogHeaderBg;
-        color: $dialogHeaderTextColor;
-        padding: $dialogHeaderPadding;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-dialog-title {
-            font-weight: $dialogHeaderFontWeight;
-            font-size: $dialogHeaderFontSize;
-        }
-
-        .p-dialog-header-icon {
-            @include action-icon();
-            margin-right: $inlineSpacing;
-            box-shadow: none;
-            &:last-child {
-                margin-right: 0;
-            }
-        }
-    }
-    &-danger .p-dialog-title::before,
-    &-success .p-dialog-title::before,
-    &-info .p-dialog-title::before,
-    &-warning .p-dialog-title::before,
-    &-help .p-dialog-title::before{
-        content: '';
-        display: inline-block;
-        width: 1.5rem;
-        height: 1.5rem;
-        background-size: contain;
-        margin-right: $dialogHeaderIconPadding;
-        vertical-align: text-bottom;
-    }
-    &-danger .p-dialog-title::before{
-        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM8.13128 8.63128C8.47299 8.28957 9.02701 8.28957 9.36872 8.63128L10.5 9.76256L11.6313 8.63128C11.973 8.28957 12.527 8.28957 12.8687 8.63128C13.2104 8.97299 13.2104 9.52701 12.8687 9.86872L11.7374 11L12.8687 12.1313C13.2104 12.473 13.2104 13.027 12.8687 13.3687C12.527 13.7104 11.973 13.7104 11.6313 13.3687L10.5 12.2374L9.36872 13.3687C9.02701 13.7104 8.47299 13.7104 8.13128 13.3687C7.78957 13.027 7.78957 12.473 8.13128 12.1313L9.26256 11L8.13128 9.86872C7.78957 9.52701 7.78957 8.97299 8.13128 8.63128Z" fill="%23E26E63"/></svg>') no-repeat;
-    }
-    &-success .p-dialog-title::before{
-        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM13.7437 8.63128C14.0854 8.97299 14.0854 9.52701 13.7437 9.86872L10.2437 13.3687C9.90201 13.7104 9.34799 13.7104 9.00628 13.3687L7.25628 11.6187C6.91457 11.277 6.91457 10.723 7.25628 10.3813C7.59799 10.0396 8.15201 10.0396 8.49372 10.3813L9.625 11.5126L12.5063 8.63128C12.848 8.28957 13.402 8.28957 13.7437 8.63128Z" fill="%2368C170"/></svg>') no-repeat;
-    }
-    &-warning .p-dialog-title::before{
-        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.24855 2.2875C9.63056 2.07229 10.0616 1.95923 10.5 1.95923C10.9385 1.95923 11.3695 2.07229 11.7515 2.2875C12.1335 2.5027 12.4536 2.81277 12.6808 3.18777L12.6831 3.19162L19.7759 15.0356L19.7832 15.0481C20.0055 15.4335 20.123 15.8705 20.1241 16.3154C20.1252 16.7604 20.0098 17.1979 19.7895 17.5845C19.5691 17.9711 19.2514 18.2932 18.868 18.519C18.4846 18.7447 18.0487 18.8662 17.6038 18.8714L17.5937 18.8715L3.39659 18.8714C2.95146 18.8664 2.51539 18.7449 2.13176 18.5191C1.74813 18.2933 1.43031 17.9709 1.20992 17.5841C0.98952 17.1974 0.874224 16.7596 0.875499 16.3145C0.876773 15.8693 0.994574 15.4322 1.21718 15.0467L1.22426 15.0347L8.30299 3.21587C8.30825 3.20642 8.31369 3.19705 8.31931 3.18777C8.5465 2.81277 8.86655 2.5027 9.24855 2.2875ZM10.5 3.70923C10.3625 3.70923 10.2273 3.74469 10.1075 3.81219C9.99324 3.87657 9.89665 3.968 9.82613 4.07836C9.82357 4.0828 9.82097 4.08723 9.81833 4.09164L2.72982 15.9268C2.66184 16.0465 2.62589 16.1818 2.62549 16.3195C2.62509 16.4591 2.66126 16.5964 2.73039 16.7177C2.79952 16.839 2.8992 16.9401 3.01953 17.011C3.13871 17.0811 3.27402 17.1192 3.41225 17.1214H17.5877C17.7258 17.1191 17.861 17.0811 17.9801 17.011C18.1004 16.9401 18.2 16.8391 18.2691 16.7178C18.3383 16.5966 18.3745 16.4594 18.3741 16.3198C18.3738 16.1822 18.3379 16.047 18.2701 15.9274L11.1841 4.09457C11.1837 4.09404 11.1834 4.09351 11.1831 4.09298C11.1119 3.97607 11.0119 3.87939 10.8926 3.81219C10.7728 3.74469 10.6376 3.70923 10.5 3.70923ZM10.5001 7.49997C10.9833 7.49997 11.3751 7.89172 11.3751 8.37497V11.875C11.3751 12.3582 10.9833 12.75 10.5001 12.75C10.0168 12.75 9.62506 12.3582 9.62506 11.875V8.37497C9.62506 7.89172 10.0168 7.49997 10.5001 7.49997ZM9.62506 14.5C9.62506 14.0167 10.0168 13.625 10.5001 13.625H10.5088C10.9921 13.625 11.3838 14.0167 11.3838 14.5C11.3838 14.9832 10.9921 15.375 10.5088 15.375H10.5001C10.0168 15.375 9.62506 14.9832 9.62506 14.5Z" fill="%23FFB330"/></svg>') no-repeat;
-    }
-    &-info .p-dialog-title::before{
-        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.625 8.375C9.625 7.89175 10.0168 7.5 10.5 7.5H10.5087C10.992 7.5 11.3837 7.89175 11.3837 8.375C11.3837 8.85825 10.992 9.25 10.5087 9.25H10.5C10.0168 9.25 9.625 8.85825 9.625 8.375ZM8.75 11C8.75 10.5168 9.14175 10.125 9.625 10.125H10.5C10.9832 10.125 11.375 10.5168 11.375 11V13.625C11.8582 13.625 12.25 14.0168 12.25 14.5C12.25 14.9832 11.8582 15.375 11.375 15.375H10.5C10.0168 15.375 9.625 14.9832 9.625 14.5V11.875C9.14175 11.875 8.75 11.4832 8.75 11Z" fill="%2349A2EF"/></svg>') no-repeat;
-    }
-    &-help .p-dialog-title::before{
-        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.99829 7.55089C10.5752 7.43547 11.1741 7.51853 11.6978 7.78656C12.2234 8.05459 12.6434 8.49186 12.89 9.02783C13.1367 9.56409 13.1955 10.1679 13.0568 10.7416C12.9181 11.3154 12.5901 11.8257 12.1257 12.1901C11.6613 12.5545 11.0877 12.7518 10.4974 12.75C10.0141 12.7486 9.62355 12.3556 9.625 11.8724C9.62646 11.3891 10.0194 10.9986 10.5026 11C10.6994 11.0006 10.8906 10.9349 11.0454 10.8134C11.2002 10.6919 11.3096 10.5218 11.3558 10.3306C11.402 10.1393 11.3824 9.93804 11.3002 9.75929C11.2179 9.58053 11.0778 9.43472 10.9025 9.34539L10.9008 9.34452C10.7285 9.25627 10.5314 9.2289 10.3416 9.26688C10.1518 9.30486 9.98043 9.40595 9.85536 9.5537C9.54314 9.92255 8.99103 9.96846 8.62218 9.65624C8.25333 9.34403 8.20742 8.79191 8.51964 8.42306C8.89995 7.97377 9.42109 7.66638 9.99829 7.55089ZM10.5 13.625C10.9832 13.625 11.375 14.0168 11.375 14.5V14.5087C11.375 14.992 10.9832 15.3837 10.5 15.3837C10.0168 15.3837 9.625 14.992 9.625 14.5087V14.5C9.625 14.0168 10.0168 13.625 10.5 13.625Z" fill="%23AB77DF"/></svg>') no-repeat;
-    }
-
-    .p-dialog-content {
-        background: $overlayContentBg;
-        color: $panelContentTextColor;
-        padding: $dialogContentPadding;
-
-        &:last-of-type {
-            border-bottom-right-radius: $borderRadius;
-            border-bottom-left-radius: $borderRadius;
-        }
-    }
-
-    .p-dialog-footer {
-        display: flex;
-
-        border-top:  $dialogFooterBorder;
-        background: $overlayContentBg;
-        color: $panelFooterTextColor;
-        padding: $dialogFooterPadding;
-        text-align: right;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-
-        button {
-            width: auto;
-        }
-    }
-
-    .p-confirm-dialog-accept {
-        order: 1;
-    }
-
-    .p-confirm-dialog-reject {
-        order: 2;
-    }
-
-    &.p-dialog-maximized {
-        .p-dialog-header, .p-dialog-content:last-of-type {
-            border-radius: 0;
-        }
-    }
-
-
-    &.p-confirm-dialog {
-        .p-confirm-dialog-icon {
-            font-size: $primeIconFontSize * 2;
-
-            &.p-icon {
-                width: $primeIconFontSize * 2;
-                height: $primeIconFontSize * 2;
-            }
-        }
-
-        .p-confirm-dialog-message {}
-        .p-dialog-footer{
-            flex-direction: row-reverse;
-            gap: $dialogFooterButtonGap;
-
-            // TODO удалить после исправления в кнопках
-            i.none{
-                display: none;
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/overlay/_overlaypanel.scss b/primeng-sass-theme/theme-base/components/overlay/_overlaypanel.scss
deleted file mode 100644
index 3c097b6..0000000
--- a/primeng-sass-theme/theme-base/components/overlay/_overlaypanel.scss
+++ /dev/null
@@ -1,70 +0,0 @@
-@use 'sass:math';
-
-.p-overlaypanel {
-    background: $overlayContentBg;
-    color: $panelContentTextColor;
-    border: $overlayContentBorder;
-    border-radius: $borderRadius;
-    box-shadow: $overlayContainerShadow;
-
-    .p-overlaypanel-content {
-        padding: $panelContentPadding;
-    }
-
-    .p-overlaypanel-close {
-        background: $buttonBg;
-        color: $buttonTextColor;
-        width: $actionIconWidth;
-        height: $actionIconHeight;
-        transition: $actionIconTransition;
-        border-radius: $actionIconBorderRadius;
-        position: absolute;
-        top: math.div(-1 * $actionIconWidth, 2);
-        right: math.div(-1 * $actionIconWidth, 2);
-
-        &:enabled:hover {
-            background: $buttonHoverBg;
-            color: $buttonHoverTextColor;
-        }
-    }
-
-    &:after {
-        border: solid transparent;
-        border-color: transparent;
-        border-bottom-color: $overlayContentBg;
-        border-width: 6px;
-    }
-
-    &:before {
-        border: solid transparent;
-        border-width: 8px;
-
-        @if (nth($overlayContentBorder, 2) == 'none') {
-            border-color: transparent;
-            border-bottom-color: $overlayContentBorderColor;
-        }
-        @else {
-            border-color: transparent;
-            border-bottom-color: $overlayContentBorderColor;
-        }
-    }
-
-    &.p-overlaypanel-flipped {
-        margin-top: -7px!important;
-        &:after {
-            border-top-color: $overlayContentBg;
-            border-bottom-color: transparent;
-        }
-
-        &:before {
-            @if (nth($overlayContentBorder, 2) == 'none') {
-                border-top-color: $overlayContentBorder;
-                border-bottom-color: transparent;
-            }
-            @else {
-                border-top-color: nth($overlayContentBorder, 3);
-                border-bottom-color: transparent;
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/overlay/_sidebar.scss b/primeng-sass-theme/theme-base/components/overlay/_sidebar.scss
deleted file mode 100644
index 7dbe536..0000000
--- a/primeng-sass-theme/theme-base/components/overlay/_sidebar.scss
+++ /dev/null
@@ -1,56 +0,0 @@
-.p-sidebar {
-    color: $panelContentTextColor;
-
-    border: $overlayContentBorder;
-    border-radius: $borderRadius;
-
-    box-shadow: $overlayContainerShadow;
-    background: $overlayContentBg;
-
-    margin: $p-2;
-
-    height: calc(100vh - $p-4) !important;
-
-    &.p-sidebar-top,
-    &.p-sidebar-full,
-    &.p-sidebar-bottom {
-        width: calc(100vw - $p-4);
-        width: -moz-available !important;
-        width: -webkit-fill-available !important;
-    }
-
-    &.p-sidebar-top,
-    &.p-sidebar-bottom {
-        height: auto;
-    }
-
-    .p-sidebar-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
-        padding: $panelHeaderPadding;
-        border-bottom: $panelHeaderBorder;
-
-        .p-sidebar-close,
-        .p-sidebar-icon {
-            @include action-icon();
-        }
-
-        > :only-child {
-            margin-left: auto;
-        }
-    }
-
-    .p-sidebar-content {
-        padding: $dialogContentPadding;
-    }
-
-    .p-sidebar-footer {
-        display: flex;
-        align-items: center;
-        gap: $p-2;
-        padding: $dialogContentPadding;
-        padding-top: $p-0;
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/overlay/_tooltip.scss b/primeng-sass-theme/theme-base/components/overlay/_tooltip.scss
deleted file mode 100644
index d9b41ec..0000000
--- a/primeng-sass-theme/theme-base/components/overlay/_tooltip.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-.p-tooltip .p-tooltip-text {
-    background: $tooltipBg;
-    color: $tooltipTextColor;
-    padding: $tooltipPadding;
-    box-shadow: $buttonHoverShadow;
-    border-radius: $borderRadius;
-}
-
-.p-tooltip-arrow {
-    border-color: transparent;
-}
-
-.p-tooltip-right .p-tooltip-arrow,
-.p-tooltip-left .p-tooltip-arrow {
-    margin-top: -0.25rem;
-}
-
-
-.p-tooltip-top .p-tooltip-arrow,
-.p-tooltip-bottom .p-tooltip-arrow {
-    margin-left: -0.25rem;
-}
-
-
-.p-tooltip-right .p-tooltip-arrow {
-    border-width: 0.25em 0.25em 0.25em 0;
-    border-right-color: $tooltipBg;
-}
-
-.p-tooltip-left .p-tooltip-arrow {
-    border-width: 0.25em 0 0.25em 0.25rem;
-    border-left-color: $tooltipBg;
-}
-
-.p-tooltip-top .p-tooltip-arrow {
-    border-width: 0.25em 0.25em 0;
-    border-top-color: $tooltipBg; 
-}
-
-.p-tooltip-bottom .p-tooltip-arrow {
-    border-width: 0 0.25em 0.25rem;
-    border-bottom-color: $tooltipBg;
-}
diff --git a/primeng-sass-theme/theme-base/components/panel/_accordion.scss b/primeng-sass-theme/theme-base/components/panel/_accordion.scss
deleted file mode 100644
index 70effb6..0000000
--- a/primeng-sass-theme/theme-base/components/panel/_accordion.scss
+++ /dev/null
@@ -1,79 +0,0 @@
-.p-accordion {
-    .p-accordion-header {
-        .p-accordion-header-link {
-            display: flex;
-            gap: $inlineSpacing;
-            flex-direction: row;
-            align-items: center;
-
-            color: $accordionHeaderTextColor;
-            font-weight: $accordionHeaderFontWeight;
-
-            padding: $accordionHeaderPadding;
-            border-top: $accordionHeaderBorder;
-
-            background: $accordionHeaderBg;
-            transition: $listItemTransition;
-            gap: $inlineSpacing;
-
-            .p-accordion-toggle-icon {
-                font-size: 1.25rem;
-            }
-        }
-
-        &:not(.p-disabled) {
-            .p-accordion-header-link {
-                &:focus-visible {
-                    @include focused();
-                }
-            }
-        }
-
-        &:not(.p-highlight):not(.p-disabled):hover {
-            .p-accordion-header-link {
-                background: $accordionHeaderHoverBg;
-                border-color: $accordionHeaderHoverBorderColor;
-                color: $accordionHeaderHoverTextColor;
-            }
-        }
-
-        &:not(.p-disabled).p-highlight {
-            .p-accordion-header-link {
-                background: $accordionHeaderActiveBg;
-                border-color: $accordionHeaderActiveBorderColor;
-                color: $accordionHeaderActiveTextColor;
-            }
-
-            &:hover {
-                .p-accordion-header-link {
-                    border-color: $accordionHeaderActiveHoverBorderColor;
-                    background: $accordionHeaderActiveHoverBg;
-                    color: $accordionHeaderActiveHoverTextColor;
-                }
-            }
-        }
-    }
-
-    .p-accordion-content {
-        padding: $accordionContentPadding;
-        border-bottom: $accordionContentBorder;
-        background: $accordionContentBg;
-        color: $accordionContentTextColor;
-    }
-
-    .p-accordion-tab {
-        margin-bottom: $accordionSpacing;
-
-        &:first-child {
-            .p-accordion-header-link {
-                border-top: none;
-            }
-        }
-
-        .p-accordion-content {
-            .p-accordion-header-link {
-                border-top: $accordionHeaderBorder;
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/panel/_card.scss b/primeng-sass-theme/theme-base/components/panel/_card.scss
deleted file mode 100644
index 74fd9d4..0000000
--- a/primeng-sass-theme/theme-base/components/panel/_card.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-.p-card {
-    overflow: hidden;
-
-    color: $cardTextColor;
-    font-size: $cardTextFontSize;
-
-    border-radius: $cardBorderRadius;
-    border: $cardBorder;
-
-    background: $cardBg;
-    box-shadow: $cardShadow;
-
-    &.p-card-no-shadow {
-        box-shadow: none;
-    }
-
-
-    .p-card-body {
-        padding: $cardBodyPadding;
-    }
-
-    .p-card-title {
-        font-size: $cardTitleFontSize;
-        font-weight: $cardTitleFontWeight;
-        margin-bottom: .25rem;
-    }
-
-    .p-card-subtitle {
-        font-size: $cardSubTitleFontSize;
-        font-weight: $cardSubTitleFontWeight;
-        color: $cardSubTitleColor;
-    }
-
-    .p-card-content {
-        padding: $cardContentPadding;
-    }
-
-    .p-card-footer {
-        padding: $cardFooterPadding;
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/panel/_divider.scss b/primeng-sass-theme/theme-base/components/panel/_divider.scss
deleted file mode 100644
index e1eeed5..0000000
--- a/primeng-sass-theme/theme-base/components/panel/_divider.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-.p-divider {
-    border-color: $dividerColor;
-
-    .p-divider-content {
-        background-color: $panelContentBg;
-        color: $text-color-secondary;
-        text-transform: uppercase;
-    }
-
-    &.p-divider-horizontal {
-        margin: $dividerHorizontalMargin;
-        padding: $dividerHorizontalPadding;
-
-        .p-divider-content {
-            padding: 0 $inlineSpacing;
-        }
-
-        &:before {
-            border-top-width: $dividerSize;
-            border-top-color: $dividerColor;
-        }
-
-        &.p-divider-dash:before  {
-            border-top-style: dashed;
-        }
-    }
-
-    &.p-divider-vertical {
-        margin: $dividerVerticalMargin;
-        padding: $dividerVerticalPadding;
-
-        .p-divider-content {
-            padding: $inlineSpacing 0;
-        }
-
-        &:before {
-            border-left-width: $dividerSize;
-            border-left-color: $dividerColor;
-        }
-
-        &.p-divider-dash:before  {
-            border-left-style: dashed;
-        }
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/panel/_fieldset.scss b/primeng-sass-theme/theme-base/components/panel/_fieldset.scss
deleted file mode 100644
index 2fb1d2e..0000000
--- a/primeng-sass-theme/theme-base/components/panel/_fieldset.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-.p-fieldset {
-    border: $panelContentBorder;
-    background: $panelContentBg;
-    color: $panelContentTextColor;
-    border-radius: $borderRadius;
-
-    .p-fieldset-legend {
-        padding: $panelHeaderPadding;
-        border: $panelHeaderBorder;
-        color: $panelHeaderTextColor;
-        background: $panelHeaderBg;
-        font-weight: $panelHeaderFontWeight;
-        border-radius: $borderRadius;
-    }
-
-    &.p-fieldset-toggleable {
-        .p-fieldset-legend {
-            padding: 0;
-            transition: $actionIconTransition;
-
-            a {
-                padding: $panelHeaderPadding;
-                color: $panelHeaderTextColor;
-                border-radius: $borderRadius;
-                transition: $listItemTransition;
-
-                .p-fieldset-toggler {
-                    margin-right: $inlineSpacing;
-                }
-
-                &:focus-visible {
-                    @include focused();
-                }
-            }
-
-            &:hover {
-                background: $panelHeaderHoverBg;
-                border-color: $panelHeaderHoverBorderColor;
-                color: $panelHeaderTextHoverColor;
-            }
-        }
-    }
-
-    .p-fieldset-content {
-        padding: $panelContentPadding;
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/panel/_panel.scss b/primeng-sass-theme/theme-base/components/panel/_panel.scss
deleted file mode 100644
index 6742946..0000000
--- a/primeng-sass-theme/theme-base/components/panel/_panel.scss
+++ /dev/null
@@ -1,42 +0,0 @@
-.p-panel {
-    .p-panel-header {
-        border: $panelHeaderBorder;
-        padding: $panelHeaderPadding;
-        background: $panelHeaderBg;
-        color: $panelHeaderTextColor;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-panel-title {
-            font-weight: $panelHeaderFontWeight;
-        }
-
-        .p-panel-header-icon {
-            @include action-icon();
-        }
-    }
-
-    &.p-panel-toggleable {
-        .p-panel-header {
-            padding: $panelToggleableHeaderPadding;
-        }
-    }
-
-    .p-panel-content {
-        padding: $panelContentPadding;
-        border: $panelContentBorder;
-        background: $panelContentBg;
-        color: $panelContentTextColor;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-        border-top: 0 none;
-    }
-
-    .p-panel-footer {
-        padding: $panelFooterPadding;
-        border: $panelFooterBorder;
-        background: $panelFooterBg;
-        color: $panelFooterTextColor;
-        border-top: 0 none;
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/panel/_scrollpanel.scss b/primeng-sass-theme/theme-base/components/panel/_scrollpanel.scss
deleted file mode 100644
index 97243d0..0000000
--- a/primeng-sass-theme/theme-base/components/panel/_scrollpanel.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-.p-scrollpanel {
-	.p-scrollpanel-bar {
-		background: $scrollPanelTrackBg;
-		border: $scrollPanelTrackBorder;
-		border-radius: $borderRadius;
-
-		&:focus-visible {
-			@include focused();
-		}
-	}
-}
diff --git a/primeng-sass-theme/theme-base/components/panel/_splitter.scss b/primeng-sass-theme/theme-base/components/panel/_splitter.scss
deleted file mode 100644
index d2b4723..0000000
--- a/primeng-sass-theme/theme-base/components/panel/_splitter.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-.p-splitter {
-	border: $panelContentBorder;
-	background: $panelContentBg;
-	border-radius: $borderRadius;
-	color: $panelContentTextColor;
-
-	.p-splitter-gutter {
-		transition: $actionIconTransition;
-		background: $splitterGutterBg;
-
-		.p-splitter-gutter-handle {
-			background: $splitterGutterHandleBg;
-
-			&:focus-visible {
-				@include focused();
-			}
-		}
-	}
-
-	.p-splitter-gutter-resizing {
-		background: $splitterGutterHandleBg;
-	}
-}
diff --git a/primeng-sass-theme/theme-base/components/panel/_stepper.scss b/primeng-sass-theme/theme-base/components/panel/_stepper.scss
deleted file mode 100644
index bd43c38..0000000
--- a/primeng-sass-theme/theme-base/components/panel/_stepper.scss
+++ /dev/null
@@ -1,216 +0,0 @@
-@use "sass:math";
-
-@mixin stepper-highlight-styles {
-  .p-stepper-number {
-    color: $highlightTextColor;
-    background-color: $primaryColor;
-    border-color: transparent;
-  }
-  .p-stepper-icon {
-    color: $text-primary;
-  }
-  .p-stepper-action.p-danger {
-    .p-stepper-number {
-      color: $highlightTextColor;
-      background-color: $danger-400;
-    }
-  }
-}
-
-//theme
-.p-stepper {
-  .p-stepper-nav {
-    display: flex;
-    gap: $inlineSpacing;
-    justify-content: space-between;
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    overflow: hidden;
-    overflow-x: auto;
-  }
-  // это обёртка над p-stepperheader
-  .p-stepper-header {
-    position: relative;
-    display: flex;
-    flex: 1 1 auto;
-    align-items: center;
-    padding: $inlineSpacing 0;
-
-    &.p-disabled {
-      opacity: 1; // Костыль на прозрачность
-      cursor: initial;
-
-      .p-stepper-action {
-        opacity: $disabledOpacity;
-      }
-    }
-
-    &:not(.p-disabled):focus-visible {
-      @include focused();
-    }
-
-    &.p-highlight {
-      .p-stepper-title {
-        color: $textColor;
-      }
-    }
-
-    &:has(~ .p-highlight) {
-      .p-stepper-separator {
-        background-color: $primaryColor;
-      }
-    }
-
-    &.p-highlight, &:has(~ .p-highlight) {
-      @include stepper-highlight-styles;
-    }
-  }
-
-  p-stepperheader {
-    .p-stepper-action {
-      display: inline-flex;
-      align-items: center;
-      flex-grow: 0;
-      transition: $listItemTransition;
-      border-radius: $borderRadius;
-      background: $stepsItemBg;
-      outline-color: transparent;
-      padding: 0;
-
-      &:hover {
-        cursor: pointer;
-      }
-
-      &:not(.p-disabled):focus-visible {
-        @include focused();
-      }
-
-      .p-stepper-number {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-weight: $stepsItemFontWeight;
-        color: $stepsItemNumberColor;
-        border: $stepsItemBorder;
-        background: $stepsItemBg;
-        min-width: $stepsItemNumberWidth;
-        height: $stepsItemNumberHeight;
-        line-height: 1;
-        font-size: $stepsItemNumberFontSize;
-        border-radius: $stepsItemNumberBorderRadius;
-        transition: $actionIconTransition;
-      }
-
-      .p-stepper-title {
-        display: block;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        max-width: 100%;
-        margin-left: $inlineSpacing;
-        color: $stepsItemTextColor;
-        font-weight: $stepsItemFontWeight;
-        transition: $actionIconTransition;
-      }
-
-      .p-stepper-title-wrapper {
-        @apply flex flex-col gap-1 items-start leading-none;
-        margin-left: $inlineSpacing;
-
-        .p-stepper-title {
-          margin-left: 0;
-        }
-      }
-
-      .p-stepper-icon {
-        @apply inline-flex items-center justify-center leading-none text-2xl;
-        min-width: $stepsItemNumberWidth;
-        height: $stepsItemNumberHeight;
-      }
-
-      &.p-danger {
-        .p-stepper-number,
-        .p-stepper-icon {
-          color: $danger-400;
-        }
-      }
-    }
-  }
-
-  .p-stepper-panels {
-    background: $tabviewContentBg;
-    padding: $tabviewContentPadding;
-    color: $tabviewContentTextColor;
-  }
-
-  .p-stepper-panel {
-    &.p-stepper-panel-active, &:has(~ .p-stepper-panel-active) {
-      @include stepper-highlight-styles;
-    }
-  }
-
-  .p-stepper-separator {
-    background-color: $timelineEventColor;
-    width: 100%;
-    height: 1px;
-    margin-inline-start: $inlineSpacing;
-    transition: $listItemTransition;
-  }
-
-  &.no-line {
-    .p-stepper-separator {
-        background-color: transparent!important;
-    }
-  }
-
-  &.p-stepper-vertical {
-    display: flex;
-    flex-direction: column;
-
-    .p-stepper-toggleable-content {
-      display: flex;
-      flex: 1 1 auto;
-      background: $tabviewContentBg;
-      color: $tabviewContentTextColor;
-    }
-
-    .p-stepper-panel {
-      display: flex;
-      flex-direction: column;
-      flex: initial;
-
-      &.p-stepper-panel-active {
-        flex: 1 1 auto;
-      }
-
-      .p-stepper-header {
-        flex: initial;
-      }
-
-      .p-stepper-content {
-        width: 100%;
-        padding-left: calc($inlineSpacing * 2);
-      }
-
-      .p-stepper-separator {
-        flex: 0 0 auto;
-        width: 2px;
-        height: auto;
-        margin-inline-start: calc($inlineSpacing * 7 / 2 + 2px);
-      }
-
-      &:has(~ .p-stepper-panel-active) {
-        .p-stepper-separator {
-          background-color: $primaryColor;
-        }
-      }
-
-      &:last-of-type {
-        .p-stepper-content {
-          padding-left: calc($inlineSpacing * 6);
-        }
-      }
-    }
-  }
-}
diff --git a/primeng-sass-theme/theme-base/components/panel/_tabview.scss b/primeng-sass-theme/theme-base/components/panel/_tabview.scss
deleted file mode 100644
index 58e7e2d..0000000
--- a/primeng-sass-theme/theme-base/components/panel/_tabview.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-.p-tabview {
-    .p-tabview-nav {
-        background: $tabviewNavBg;
-        border-bottom: $tabviewNavBorder;
-        gap: $tabviewHeaderSpacing;
-
-        li {
-            .p-tabview-nav-link {
-                border-bottom: $tabviewHeaderBorder;
-                border-color: $tabviewHeaderBorderColor;
-                background: $tabviewHeaderBg;
-                color: $tabviewHeaderTextColor;
-                padding: $tabviewHeaderPadding;
-                font-weight: $tabviewHeaderFontWeight;
-                transition: $listItemTransition;
-                margin: $tabviewHeaderMargin;
-
-                &:not(.p-disabled):focus-visible {
-                    @include focused-inset();
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled):hover {
-                .p-tabview-nav-link {
-                    background: $tabviewHeaderHoverBg;
-                    border-color: $tabviewHeaderHoverBorderColor;
-                    color: $tabviewHeaderHoverTextColor;
-                }
-            }
-
-            &.p-highlight {
-                .p-tabview-nav-link {
-                    background: $tabviewHeaderActiveBg;
-                    border-color: $tabviewHeaderActiveBorderColor;
-                    color: $tabviewHeaderActiveTextColor;
-                }
-            }
-        }
-    }
-
-    .p-tabview-close {
-        margin-left: $inlineSpacing;
-    }
-
-    .p-tabview-nav-btn.p-link {
-        background: $surface-ground;
-        color: $tabviewHeaderTextColor;
-        width: $buttonIconOnlyWidth;
-        box-shadow: 0px 0px 10px 50px var(--white-60);
-        border-radius: 0;
-
-        &:focus-visible {
-            @include focused-inset();
-        }
-
-        &:hover {
-            color: $tabviewHeaderActiveTextColor;
-        }
-    }
-
-    .p-tabview-panels {
-        background: $tabviewContentBg;
-        padding: $tabviewContentPadding;
-        border: $tabviewContentBorder;
-        color: $tabviewContentTextColor;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-    }
-}
diff --git a/primeng-sass-theme/theme-base/components/panel/_toolbar.scss b/primeng-sass-theme/theme-base/components/panel/_toolbar.scss
deleted file mode 100644
index 78d7415..0000000
--- a/primeng-sass-theme/theme-base/components/panel/_toolbar.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-.p-toolbar {
-    background: $panelHeaderBg;
-    border: $panelHeaderBorder;
-    padding: $panelHeaderPadding;
-    border-radius: $borderRadius;
-    gap: $inlineSpacing;
-
-    .p-toolbar-separator {
-        margin: 0 $inlineSpacing;
-    }
-}
diff --git a/primeng-sass-theme/themes/base-dark/_variables.scss b/primeng-sass-theme/themes/base-dark/_variables.scss
deleted file mode 100644
index 795601a..0000000
--- a/primeng-sass-theme/themes/base-dark/_variables.scss
+++ /dev/null
@@ -1,981 +0,0 @@
-// Экспортируемые переменные из figma Theme Dark
-
-// Surface
-$surface-0: $gray-50;
-$surface-900: $gray-100;
-$surface-800: $gray-200;
-$surface-700: $gray-300;
-$surface-600: $gray-400;
-$surface-500: $gray-600;
-$surface-400: $gray-600;
-$surface-300: $gray-700;
-$surface-200: $gray-800;
-$surface-100: $gray-900;
-$surface-50: $gray-0;
-$surface-ground: #1c1b22;
-$surface-section: $gray-alpha;
-$surface-card: $surface-ground;
-$surface-overlay: $black-40;
-$surface-border: $surface-100;
-$surface-hover: $surface-200;
-$surface-transparent: rgba(0, 0, 0, 0.0001);
-
-// General
-$colorScheme: "dark";
-$primaryColor: $primary-300;
-$primaryColorHover: $primary-200;
-$primaryColorText: $black-80;
-$fontFamily: Roboto, Inter, Helvetica, Arial, sans-serif;
-$fontSize: 1rem;
-$fontWeight: normal;
-$textColor: $white-100;
-$textSecondaryColor: $white-80;
-$highlightBg: $primaryColor;
-$highlightTextColor: $primaryColorText;
-$borderRadius: 0.5rem;
-$inlineSpacing: 0.5rem;
-$disabledOpacity: 0.6;
-$dividerColor: $surface-border;
-$divider: 1px solid $dividerColor;
-$focusOutlineColor: $primary-800;
-$focusOutline: none;
-$focusOutlineOffset: none;
-$focusShadowWidth: 0.25rem;
-$focusShadow: 0 0 0 $focusShadowWidth $focusOutlineColor;
-$errorColor: $danger-400;
-$focusOutlineErrorColor: $danger-800;
-$focusShadowError: 0 0 0 $focusShadowWidth $focusOutlineErrorColor;
-$transitionDuration: .2s;
-$formElementTransition: background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
-$maskBg: $surface-overlay;
-$primeIconFontSize: 1rem;
-$loadingIconFontSize: 2rem;
-$actionIconWidth: 2rem;
-$actionIconHeight: 2rem;
-$actionIconBg: $surface-transparent;
-$actionIconColor: $white-80;
-$actionIconBorderColor: $surface-transparent;
-$actionIconBorder: 1px solid $actionIconBorderColor;
-$actionIconHoverBg: $surface-hover;
-$actionIconHoverColor: $white-100;
-$actionIconHoverBorderColor: $surface-transparent;
-$actionIconBorderRadius: $borderRadius;
-$actionIconTransition: background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration;
-$scaleSM: 0.875;
-$scaleLG: 1.25;
-
-// Button/Common
-$buttonHeight: 2.5rem;
-$buttonHeightSM: 2rem;
-$buttonHeightLG: 3.5rem;
-$buttonHeightXL: 4rem;
-$buttonPaddingTopBottom: 0rem;
-$buttonPaddingLeftRight: 1rem;
-$buttonPadding: $buttonPaddingTopBottom $buttonPaddingLeftRight;
-$buttonIconOnlyWidth: $buttonHeight;
-$buttonHoverShadowColor: $black-40;
-$buttonHoverShadow: 0 .25rem .25rem 0 $buttonHoverShadowColor;
-$roundedButtonBorderRadius: 100px;
-
-// Button/Basic
-$buttonBg: $primaryColor;
-$buttonTextColor: $primaryColorText;
-$buttonBorderColor: $surface-transparent;
-$buttonBorder: 1px solid $buttonBorderColor;
-$buttonHoverBg: $primaryColorHover;
-$buttonHoverTextColor: $primaryColorText;
-$buttonActiveBg: $buttonBg;
-$buttonActiveTextColor: $buttonTextColor;
-
-// Button/Disabled
-$disabledButtonBg: $white-20;
-$disabledButtonTextColor: $textSecondaryColor;
-$disabledButtonBorderColor: $surface-border;
-
-// Button/Outlined
-$outlinedButtonBg: $surface-transparent;
-$outlinedButtonTextColor: $buttonBg;
-$outlinedButtonBorderColor: $primary-800;
-$outlinedButtonHoverBg: $surface-transparent;
-$outlinedButtonHoverTextColor: $buttonBg;
-$outlinedButtonHoverBorderColor: $buttonBg;
-$outlinedButtonActiveBg: $surface-transparent;
-$outlinedButtonActiveTextColor: $buttonBg;
-$outlinedButtonActiveBorderColor: $primary-800;
-
-// Misc/Tag
-$tagHeight: 1.5rem;
-$tagFontSize: 0.875rem;
-$tagPadding: 0.5rem;
-
-// Button/Text
-$textButtonBg: $surface-ground;
-$textButtonTextColor: $buttonBg;
-$textButtonHoverBg: $primary-alpha;
-$textButtonHoverTextColor: $buttonBg;
-$textButtonActiveBg: $surface-ground;
-$textButtonActiveTextColor: $buttonBg;
-
-// Button/Severity/Danger/Basic
-$dangerButtonBg: $danger-400;
-$dangerButtonTextColor: $primaryColorText;
-$dangerButtonBorderColor: $surface-transparent;
-$dangerButtonHoverBg: $danger-300;
-$dangerButtonHoverTextColor: $primaryColorText;
-$dangerButtonHoverBorderColor: $surface-transparent;
-$dangerButtonActiveBg: $dangerButtonBg;
-$dangerButtonActiveTextColor: $primaryColorText;
-$dangerButtonActiveBorderColor: $surface-transparent;
-
-// Button/Severity/Danger/Outlined
-$dangerOutlinedButtonBg: $surface-transparent;
-$dangerOutlinedButtonTextColor: $dangerButtonBg;
-$dangerOutlinedButtonBorderColor: $danger-800;
-$dangerOutlinedButtonHoverBg: $surface-transparent;
-$dangerOutlinedButtonHoverTextColor: $dangerButtonBg;
-$dangerOutlinedButtonHoverBorderColor: $dangerButtonBg;
-$dangerOutlinedButtonActiveBg: $surface-transparent;
-$dangerOutlinedButtonActiveTextColor: $dangerButtonBg;
-$dangerOutlinedButtonActiveBorderColor: $danger-800;
-
-// Button/Severity/Danger/Text
-$dangerTextButtonBg: $surface-ground;
-$dangerTextButtonTextColor: $dangerButtonBg;
-$dangerTextButtonHoverBg: $danger-alpha;
-$dangerTextButtonHoverTextColor: $dangerButtonBg;
-$dangerTextButtonActiveBg: $surface-ground;
-$dangerTextButtonActiveTextColor: $dangerButtonBg;
-
-// Button/Severity/Warning/Basic
-$warningButtonBg: $warning-400;
-$warningButtonTextColor: $primaryColorText;
-$warningButtonBorderColor: $surface-transparent;
-$warningButtonHoverBg: $warning-300;
-$warningButtonHoverTextColor: $primaryColorText;
-$warningButtonHoverBorderColor: $surface-transparent;
-$warningButtonActiveBg: $warningButtonBg;
-$warningButtonActiveTextColor: $primaryColorText;
-$warningButtonActiveBorderColor: $surface-transparent;
-
-// Button/Severity/Success/Basic
-$successButtonBg: $success-400;
-$successButtonTextColor: $primaryColorText;
-$successButtonBorderColor: $surface-transparent;
-$successButtonHoverBg: $success-300;
-$successButtonHoverTextColor: $primaryColorText;
-$successButtonHoverBorderColor: $surface-transparent;
-$successButtonActiveBg: $successButtonBg;
-$successButtonActiveTextColor: $primaryColorText;
-$successButtonActiveBorderColor: $surface-transparent;
-
-// Button/Severity/Success/Outlined
-$successOutlinedButtonBg: $surface-transparent;
-$successOutlinedButtonTextColor: $successButtonBg;
-$successOutlinedButtonBorderColor: $success-800;
-$successOutlinedButtonHoverBg: $surface-transparent;
-$successOutlinedButtonHoverTextColor: $successButtonBg;
-$successOutlinedButtonHoverBorderColor: $successButtonBg;
-$successOutlinedButtonActiveBg: $surface-transparent;
-$successOutlinedButtonActiveTextColor: $successButtonBg;
-$successOutlinedButtonActiveBorderColor: $success-800;
-
-// Button/Severity/Success/Text
-$successTextButtonBg: $surface-ground;
-$successTextButtonTextColor: $successButtonBg;
-$successTextButtonHoverBg: $success-alpha;
-$successTextButtonHoverTextColor: $successButtonBg;
-$successTextButtonActiveBg: $surface-ground;
-$successTextButtonActiveTextColor: $successButtonBg;
-
-// Button/Severity/Info/Basic
-$infoButtonBg: $info-400;
-$infoButtonTextColor: $primaryColorText;
-$infoButtonBorderColor: $surface-transparent;
-$infoButtonHoverBg: $info-500;
-$infoButtonHoverTextColor: $primaryColorText;
-$infoButtonHoverBorderColor: $surface-transparent;
-$infoButtonActiveBg: $infoButtonBg;
-$infoButtonActiveTextColor: $primaryColorText;
-$infoButtonActiveBorderColor: $surface-transparent;
-
-// Button/Severity/Info/Outlined
-$infoOutlinedButtonBg: $surface-transparent;
-$infoOutlinedButtonTextColor: $infoButtonBg;
-$infoOutlinedButtonBorderColor: $info-800;
-$infoOutlinedButtonHoverBg: $surface-transparent;
-$infoOutlinedButtonHoverTextColor: $infoButtonBg;
-$infoOutlinedButtonHoverBorderColor: $infoButtonBg;
-$infoOutlinedButtonActiveBg: $surface-transparent;
-$infoOutlinedButtonActiveTextColor: $infoButtonBg;
-$infoOutlinedButtonActiveBorderColor: $info-800;
-
-// Button/Severity/Info/Text
-$infoTextButtonBg: $surface-ground;
-$infoTextButtonTextColor: $infoButtonBg;
-$infoTextButtonHoverBg: $info-alpha;
-$infoTextButtonHoverTextColor: $infoButtonBg;
-$infoTextButtonActiveBg: $surface-ground;
-$infoTextButtonActiveTextColor: $infoButtonBg;
-
-// Button/Severity/Help/Basic
-$helpButtonBg: $help-400;
-$helpButtonTextColor: $primaryColorText;
-$helpButtonBorderColor: $surface-transparent;
-$helpButtonHoverBg: $help-500;
-$helpButtonHoverTextColor: $primaryColorText;
-$helpButtonHoverBorderColor: $surface-transparent;
-$helpButtonActiveBg: $helpButtonBg;
-$helpButtonActiveTextColor: $primaryColorText;
-$helpButtonActiveBorderColor: $surface-transparent;
-
-// Button/Severity/Help/Outlined
-$helpOutlinedButtonBg: $surface-transparent;
-$helpOutlinedButtonTextColor: $helpButtonBg;
-$helpOutlinedButtonBorderColor: $help-800;
-$helpOutlinedButtonHoverBg: $surface-transparent;
-$helpOutlinedButtonHoverTextColor: $helpButtonBg;
-$helpOutlinedButtonHoverBorderColor: $helpButtonBg;
-$helpOutlinedButtonActiveBg: $surface-transparent;
-$helpOutlinedButtonActiveTextColor: $helpButtonBg;
-$helpOutlinedButtonActiveBorderColor: $help-800;
-
-// Button/Severity/Help/Text
-$helpTextButtonBg: $surface-ground;
-$helpTextButtonTextColor: $helpButtonBg;
-$helpTextButtonHoverBg: $help-alpha;
-$helpTextButtonHoverTextColor: $helpButtonBg;
-$helpTextButtonActiveBg: $surface-ground;
-$helpTextButtonActiveTextColor: $helpButtonBg;
-
-// Misc/Skeleton
-$skeletonBg: $surface-100;
-$skeletonAnimationBg: rgba(255, 255, 255, 0.1);
-
-// Misc/Badge
-$badgeBg: $primaryColor;
-$badgeTextColor: $primaryColorText;
-$badgeMinWidth: 1.5rem;
-$badgeHeight: 1.5rem;
-$badgeFontWeight: bold;
-$badgeFontSize: 0.75rem;
-$badgeDotSize: 0.5rem;
-
-// Misc/Chip
-$chipHeight: 1.75rem;
-$chipBg: $white-20;
-$chipTextColor: $textColor;
-$chipBorderRadius: 0.25rem;
-$chipBorderColor: $surface-transparent;
-$chipBorder: 1px solid $chipBorderColor;
-$chipPaddingTopBottom: 0rem;
-$chipPaddingLeftRight: 0.5rem;
-$chipPadding: $chipPaddingTopBottom $chipPaddingLeftRight;
-
-// Misc/Avatar
-$avatarBg: $primaryColor;
-$avatarTextColor: $primaryColorText;
-$avatarBorderColor: $dividerColor;
-$avatarBorder: 1px solid $avatarBorderColor;
-
-// Overlay/Tooltip
-$tooltipBg: $surface-800;
-$tooltipTextColor: $surface-ground;
-$tooltipPaddingTopBottom: 0.5rem;
-$tooltipPaddingLeftRight: 1rem;
-$tooltipPadding: $tooltipPaddingTopBottom $tooltipPaddingLeftRight;
-
-// Overlay/Overlay
-$overlayContentBorderColor: $surface-border;
-$overlayContentBorder: 1px solid $overlayContentBorderColor;
-$overlayContentBg: $surface-ground;
-$overlayContainerShadowColor: $black-40;
-$overlayContainerShadow: 0 .25rem .25rem 0 $overlayContainerShadowColor;
-
-// Overlay/Dialog/Header
-$dialogHeaderBg: $surface-ground;
-$dialogHeaderBorderColor: $surface-border;
-$dialogHeaderBorder: 1px solid $dialogHeaderBorderColor;
-$dialogHeaderTextColor: $textColor;
-$dialogHeaderFontWeight: bold;
-$dialogHeaderFontSize: 1.25rem;
-$dialogHeaderPaddingTopBottom: 1rem;
-$dialogHeaderPaddingLeftRight: 1.5rem;
-$dialogHeaderPadding: $dialogHeaderPaddingLeftRight $dialogHeaderPaddingLeftRight $dialogHeaderPaddingTopBottom;
-$dialogHeaderIconPadding: $p-2;
-
-// Overlay/Dialog/Body
-$dialogContentPaddingTopBottom: 1.5rem;
-$dialogContentPaddingLeftRight: 1.5rem;
-$dialogContentPadding: $dialogContentPaddingTopBottom $dialogContentPaddingLeftRight;
-
-// Overlay/Dialog/Footer
-$dialogFooterBorderColor: $surface-transparent;
-$dialogFooterBorder: 1px solid $dialogFooterBorderColor;
-$dialogFooterPaddingTopBottom: 0rem;
-$dialogFooterPaddingLeftRight: 1.5rem;
-$dialogFooterPadding: $dialogFooterPaddingTopBottom $dialogFooterPaddingLeftRight $dialogFooterPaddingLeftRight;
-$dialogFooterButtonGap: $gap-2;
-
-// Menu/Common
-$verticalMenuPadding: 0.25rem;
-$menuSeparatorMarginTopBottom: 0.25rem;
-$menuSeparatorMarginLeftRight: 0rem;
-$menuSeparatorMargin: $menuSeparatorMarginTopBottom $menuSeparatorMarginLeftRight;
-$menuWidth: 8rem;
-$menuBg: $surface-transparent;
-$menuBorderColor: $surface-transparent;
-$menuBorder: none;
-$menuTextColor: $textSecondaryColor;
-$menuNodeChildrenPadding: 0.75rem;
-
-// Menu/Item
-$menuitemPaddingTopBottom: 0.5rem;
-$menuitemPaddingLeftRight: 0.75rem;
-$menuitemPadding: $menuitemPaddingTopBottom $menuitemPaddingLeftRight;
-$menuitemSpacing: 0.25rem;
-$menuitemBorderRadius: 0.5rem;
-$menuitemIconColor: $textSecondaryColor;
-$menuitemBg: $surface-transparent;
-$menuitemBorderColor: $surface-transparent;
-$menuitemBorder: 1px solid $menuitemBorderColor;
-$menuitemTextColor: $textSecondaryColor;
-$menuitemHoverBg: $surface-hover;
-$menuitemHoverTextColor: $textColor;
-$menuitemHoverIconColor: $textColor;
-$menuitemFocusBg: $surface-hover;
-$menuitemFocusTextColor: $textColor;
-$menuitemFocusIconColor: $textColor;
-$menuitemActiveBg: $primaryColor;
-$menuitemActiveTextColor: $primaryColorText;
-$menuitemActiveIconColor: $primaryColorText;
-$menuitemActiveHoverBg: $primaryColorHover;
-$menuitemSubmenuIconFontSize: 1.25rem;
-
-// Menu/Submenu
-$submenuHeaderMargin: 0.25rem;
-$submenuHeaderPadding: $menuitemPadding;
-$submenuHeaderBg: $surface-transparent;
-$submenuHeaderTextColor: $textSecondaryColor;
-$submenuHeaderFontSize: 0.875rem;
-$submenuHeaderFontWeight: bold;
-$submenuHeaderBorderRadius: $menuitemBorderRadius;
-$submenuHeaderBorderColor: $surface-transparent;
-$submenuHeaderBorder: 1px solid $submenuHeaderBorderColor;
-
-// Menu/Overlay
-$overlayMenuBg: $overlayContentBg;
-$overlayMenuBorderColor: $overlayContentBorderColor;
-$overlayMenuBorder: 1px solid $overlayMenuBorderColor;
-$overlayMenuShadow: $overlayContainerShadow;
-$overlayMenuPadding: $verticalMenuPadding;
-
-// Menu/Breadcrumb
-$breadcrumbPadding: 0rem;
-$breadcrumbBg: $surface-transparent;
-$breadcrumbBorder: none;
-$breadcrumbItemTextColor: $menuitemTextColor;
-$breadcrumbItemIconColor: $menuitemTextColor;
-$breadcrumbLastItemTextColor: $menuitemTextColor;
-$breadcrumbLastItemIconColor: $menuitemTextColor;
-$breadcrumbSeparatorColor: $textColor;
-
-// Form/InputText
-$inputPaddingTopBottom: 0rem;
-$inputPaddingLeftRight: 0.75rem;
-$inputPadding: $inputPaddingTopBottom $inputPaddingLeftRight;
-$inputTextFontSize: 1rem;
-$inputBg: $surface-ground;
-$inputTextColor: $textColor;
-$inputIconColor: $textColor;
-$inputBorderColor: $surface-border;
-$inputBorder: 1px solid $inputBorderColor;
-$inputHoverBorderColor: $primaryColor;
-$inputFocusBorderColor: $primaryColor;
-$inputErrorBorderColor: $errorColor;
-$inputPlaceholderTextColor: $textSecondaryColor;
-
-// Form/InputGroup
-$inputGroupBg: $inputBg;
-$inputGroupTextColor: $textSecondaryColor;
-$inputGroupAddOnMinWidth: 2.5rem;
-
-// Form/Checkbox
-$checkboxWidth: 1.5rem;
-$checkboxHeight: 1.5rem;
-$checkboxBorder: $inputBorder;
-$checkboxBorderRadius: 0.25rem;
-$checkboxIconFontSize: 1rem;
-$checkboxActiveBorderColor: $primaryColor;
-$checkboxActiveBg: $primaryColor;
-$checkboxIconActiveColor: $primaryColorText;
-$checkboxActiveHoverBg: $primaryColorHover;
-$checkboxIconActiveHoverColor: $primaryColorText;
-$checkboxActiveHoverBorderColor: $primaryColorHover;
-
-// Form/RadioButton
-$radiobuttonWidth: 1.5rem;
-$radiobuttonHeight: 1.5rem;
-$radiobuttonBorder: $inputBorder;
-$radiobuttonIconSize: 0.75rem;
-$radiobuttonActiveBorderColor: $primaryColor;
-$radiobuttonActiveBg: $primaryColor;
-$radiobuttonIconActiveColor: $primaryColorText;
-$radiobuttonActiveHoverBg: $primaryColorHover;
-$radiobuttonIconActiveHoverColor: $primaryColorText;
-$radiobuttonActiveHoverBorderColor: $primaryColorHover;
-
-// Form/inputSwitch
-$inputSwitchWidth: 2.5rem;
-$inputSwitchHeight: 1.5rem;
-$inputSwitchBorderRadius: 100px;
-$inputSwitchHandleWidth: 1rem;
-$inputSwitchHandleHeight: 1rem;
-$inputSwitchHandleBorderRadius: 100px;
-$inputSwitchSliderPadding: 0.25rem;
-$inputSwitchSliderOffBg: $surface-300;
-$inputSwitchHandleOffBg: $inputBg;
-$inputSwitchSliderOffHoverBg: $primaryColorHover;
-$inputSwitchSliderOnBg: $primaryColor;
-$inputSwitchSliderOnHoverBg: $primaryColorHover;
-$inputSwitchHandleOnBg: $inputBg;
-
-// Form/InputOpt
-$inputOptFontSize: 1.5rem;
-
-// Form/ToggleButton
-$toggleButtonBg: $white-20;
-$toggleButtonBorderColor: $surface-transparent;
-$toggleButtonBorder: 1px solid trasparent;
-$toggleButtonTextColor: $textSecondaryColor;
-$toggleButtonIconColor: $textSecondaryColor;
-$toggleButtonHoverBg: $primary-alpha;
-$toggleButtonHoverBorderColor: $surface-transparent;
-$toggleButtonHoverTextColor: $primaryColor;
-$toggleButtonIconHoverColor: $primaryColor;
-$toggleButtonActiveBg: $primaryColor;
-$toggleButtonActiveBorderColor: $surface-transparent;
-$toggleButtonActiveTextColor: $primaryColorText;
-$toggleButtonIconActiveColor: $primaryColorText;
-$toggleButtonActiveHoverBg: $primaryColorHover;
-$toggleButtonActiveHoverBorderColor: $surface-transparent;
-$toggleButtonTextActiveHoverColor: $primaryColorText;
-$toggleButtonIconActiveHoverColor: $primaryColorText;
-
-// Form/Rating
-$ratingIconFontSize: 1.25rem;
-$ratingCancelIconColor: $textSecondaryColor;
-$ratingCancelIconHoverColor: $textColor;
-$ratingStarIconOffColor: $textSecondaryColor;
-$ratingStarIconOnColor: $warning-400;
-$ratingStarIconHoverColor: $warning-500;
-
-// Panel/ScrollPanel
-$scrollPanelTrackBg: $white-20;
-$scrollPanelTrackBorder: 0 none;
-
-// Panel/Divider
-$dividerHorizontalMarginTopBottom: 1rem;
-$dividerHorizontalMarginLeftRight: 0rem;
-$dividerHorizontalMargin: $dividerHorizontalMarginTopBottom $dividerHorizontalMarginLeftRight;
-$dividerHorizontalPaddingTopBottom: 0rem;
-$dividerHorizontalPaddingLeftRight: 1rem;
-$dividerHorizontalPadding: $dividerHorizontalPaddingTopBottom $dividerHorizontalPaddingLeftRight;
-$dividerVerticalMarginTopBottom: 0rem;
-$dividerVerticalMarginLeftRight: 1rem;
-$dividerVerticalMargin: $dividerVerticalMarginTopBottom $dividerVerticalMarginLeftRight;
-$dividerVerticalPaddingTopBottom: 1rem;
-$dividerVerticalPaddingLeftRight: 0rem;
-$dividerVerticalPadding: $dividerVerticalPaddingTopBottom $dividerVerticalPaddingLeftRight;
-$dividerSize: 1px;
-
-// Panel/TabView
-$tabviewNavBg: $surface-transparent;
-$tabviewNavBorderWidth: 1px;
-$tabviewNavBorderColor: $surface-border;
-$tabviewNavBorder: $tabviewNavBorderWidth solid $tabviewNavBorderColor;
-$tabviewHeaderSpacing: 1.5rem;
-$tabviewHeaderBorderWidth: 0.25rem;
-$tabviewHeaderBorderColor: $surface-transparent;
-$tabviewHeaderBorder: $tabviewHeaderBorderWidth solid $tabviewHeaderBorderColor;
-$tabviewHeaderBg: $surface-transparent;
-$tabviewHeaderTextColor: $textSecondaryColor;
-$tabviewHeaderFontWeight: normal;
-$tabviewHeaderPaddingTopBottom: 1rem;
-$tabviewHeaderPaddingLeftRight: 0rem;
-$tabviewHeaderPadding: $tabviewHeaderPaddingTopBottom $tabviewHeaderPaddingLeftRight;
-$tabviewHeaderMargin: 0;
-$tabviewHeaderHoverBg: $surface-transparent;
-$tabviewHeaderHoverBorderColor: $surface-transparent;
-$tabviewHeaderHoverTextColor: $primaryColor;
-$tabviewHeaderActiveBg: $surface-transparent;
-$tabviewHeaderActiveBorderColor: $primaryColor;
-$tabviewHeaderActiveTextColor: $primaryColor;
-$tabviewContentBorder: none;
-$tabviewContentBg: $surface-transparent;
-$tabviewContentTextColor: $textSecondaryColor;
-$tabviewContentPadding: $tabviewHeaderPadding;
-
-// Panel/Panel/Header
-$panelHeaderBorderColor: $surface-border;
-$panelHeaderBorder: 1px solid $panelHeaderBorderColor;
-$panelHeaderBg: $surface-ground;
-$panelHeaderTextColor: $textColor;
-$panelHeaderFontWeight: bold;
-$panelHeaderPaddingTopBottom: $dialogHeaderPaddingTopBottom;
-$panelHeaderPaddingLeftRight: $dialogHeaderPaddingLeftRight;
-$panelHeaderPadding: $panelHeaderPaddingLeftRight $panelHeaderPaddingLeftRight $panelHeaderPaddingTopBottom;
-$panelToggleableHeaderPadding: 0rem;
-$panelHeaderHoverBg: #ffffff;
-$panelHeaderHoverBorderColor: #ffffff;
-$panelHeaderTextHoverColor: #ffffff;
-
-// Panel/Panel/Body
-$panelContentBorderColor: $surface-border;
-$panelContentBorder: 1px solid $panelContentBorderColor;
-$panelContentBg: $surface-ground;
-$panelContentEvenRowBg: #ffffff;
-$panelContentTextColor: $textColor;
-$panelContentPadding: 1rem;
-
-// Panel/Panel/Footer
-$panelFooterBorderColor: $surface-transparent;
-$panelFooterBg: $surface-ground;
-$panelFooterTextColor: $textSecondaryColor;
-$panelFooterPadding: 0rem;
-$panelFooterBorder: $panelHeaderBorder;
-
-// Message/Toast
-$toastIconFontSize: 2rem;
-$toastMessageTextMargin: 0rem;
-$toastMargin: 0.25rem;
-$toastPadding: 1rem;
-$toastBorderWidth: 0.25rem;
-$toastShadow: $overlayContainerShadow;
-$toastOpacity: 1;
-$toastTitleFontWeight: bold;
-$toastDetailMargin: 0rem;
-
-// Misc/ProgressBar
-$progressBarHeight: 1rem;
-$progressBarBorder: none;
-$progressBarBg: $white-20;
-$progressBarValueBg: $primaryColor;
-$progressBarValueTextColor: $primaryColorText;
-
-// MeterGroup
-$meterGroupHeight: 0.5rem;
-$meterLabelMarkerDiameter: 0.5rem;
-
-// Form/Slider
-$sliderBorder: none;
-$sliderBg: $progressBarBg;
-$sliderHorizontalHeight: 0.25rem;
-$sliderVerticalWidth: 0.25rem;
-$sliderHandleWidth: 1.25rem;
-$sliderHandleHeight: 1.25rem;
-$sliderHandleBg: $primaryColor;
-$sliderHandleHoverBg: $primaryColorHover;
-$sliderHandleBorderRadius: 1rem;
-$sliderHandleHoverBorderColor: $surface-transparent;
-$sliderHandleBorder: none;
-$sliderRangeBg: $primaryColor;
-
-// Form/SelectButton
-$selectButtonGroupBg: $white-20;
-$selectButtonGroupPadding: 0.25rem;
-$selectButtonBg: $surface-transparent;
-$selectButtonBorderColor: $surface-transparent;
-$selectButtonBorder: 1px solid trasparent;
-$selectButtonBorderRadius: 0.25rem;
-$selectButtonTextColor: $textSecondaryColor;
-$selectButtonIconColor: $textSecondaryColor;
-$selectButtonHoverBg: $surface-ground;
-$selectButtonHoverBorderColor: $surface-transparent;
-$selectButtonHoverTextColor: $textColor;
-$selectButtonIconHoverColor: $textColor;
-$selectButtonActiveBg: $surface-ground;
-$selectButtonActiveBorderColor: $surface-transparent;
-$selectButtonActiveTextColor: $primaryColor;
-$selectButtonIconActiveColor: $primaryColor;
-$selectButtonActiveHoverBg: $surface-ground;
-$selectButtonActiveHoverBorderColor: $surface-transparent;
-$selectButtonTextActiveHoverColor: $textColor;
-$selectButtonIconActiveHoverColor: $textColor;
-
-// Form/Listbox
-$inputListBg: $overlayContentBg;
-$inputListTextColor: $menuTextColor;
-$inputListBorderColor: $overlayContentBorderColor;
-$inputListBorder: 1px solid $inputListBorderColor;
-$inputListPadding: $verticalMenuPadding;
-$inputListItemPaddingTopBottom: $menuitemPaddingTopBottom;
-$inputListItemPaddingLeftRight: $menuitemPaddingLeftRight;
-$inputListItemPadding: $inputListItemPaddingTopBottom $inputListItemPaddingLeftRight;
-$inputListItemMargin: $menuSeparatorMargin;
-$inputListItemBorderColor: $menuitemBorderColor;
-$inputListItemBorder: 1px solid $inputListItemBorderColor;
-$inputListItemBorderRadius: $menuitemBorderRadius;
-$inputListItemBg: $menuitemBg;
-$inputListItemTextColor: $menuitemTextColor;
-$inputListItemHoverBg: $menuitemHoverBg;
-$inputListItemHoverTextColor: $menuitemHoverTextColor;
-$inputListItemFocusBg: $menuitemFocusBg;
-$inputListItemFocusTextColor: $menuitemFocusTextColor;
-$inputListItemFocusShadow: $focusShadow;
-$inputListHeaderPadding: $submenuHeaderPadding;
-$inputListHeaderMargin: 0rem;
-$inputListHeaderBg: $submenuHeaderBg;
-$inputListHeaderTextColor: $submenuHeaderTextColor;
-$inputListHeaderBorderColor: $submenuHeaderBorderColor;
-$inputListHeaderBorder: 1px solid $inputListHeaderBorderColor;
-$listItemTransition: .2s;
-
-// Form/Overlay
-$inputOverlayBg: $inputListBg;
-$inputOverlayHeaderBg: $inputListHeaderBg;
-$inputOverlayBorderColor: $inputListBorderColor;
-$inputOverlayBorder: 1px solid $inputOverlayBorderColor;
-$inputOverlayShadowColor: $black-40;
-$inputOverlayShadow: 0 $focusShadowWidth $focusShadowWidth 0 $inputOverlayShadowColor;
-
-// Form/Password
-$passwordMeterBg: $progressBarBg;
-$passwordWeakBg: $danger-400;
-$passwordMediumBg: $warning-400;
-$passwordStrongBg: $success-400;
-
-// Form/Calendar
-$calendarTableMargin: 0rem;
-$calendarPadding: 0.75rem;
-$calendarBg: $inputListBg;
-$calendarInlineBg: $calendarBg;
-$calendarTextColor: $inputListTextColor;
-$calendarBorderColor: $inputListBorderColor;
-$calendarBorder: 1px solid $calendarBorderColor;
-$calendarOverlayBorderColor: $inputOverlayBorderColor;
-$calendarOverlayBorder: 1px solid $calendarOverlayBorderColor;
-$calendarHeaderPaddingBottom: 0.5rem;
-$calendarHeaderPadding: 0 0 $calendarHeaderPaddingBottom;
-$calendarHeaderBg: $inputListHeaderBg;
-$calendarInlineHeaderBg: $calendarBg;
-$calendarHeaderBorder: none;
-$calendarHeaderTextColor: $inputListHeaderTextColor;
-$calendarHeaderFontWeight: bold;
-$calendarHeaderCellPadding: 0.25rem;
-$calendarMonthYearHeaderHoverTextColor: $primaryColor;
-$calendarCellDatePadding: 0.25rem;
-$calendarCellDateWidth: 2rem;
-$calendarCellDateHeight: 2rem;
-$calendarCellDateBorderRadius: $borderRadius;
-$calendarCellDateBorderColor: $surface-transparent;
-$calendarCellDateBorder: 1px solid $calendarCellDateBorderColor;
-$calendarCellDateHoverBg: $surface-hover;
-$calendarCellDateHoverText: $textColor;
-$calendarCellDateTodayBg: $surface-transparent;
-$calendarCellDateTodayBorderColor: $surface-hover;
-$calendarCellDateTodayTextColor: $calendarTextColor;
-$calendarButtonBarPaddingTop: 0rem;
-$calendarButtonBarPadding: $calendarButtonBarPaddingTop 0 0;
-$calendarTimePickerPadding: String value;
-$calendarTimePickerElementPadding: String value;
-$calendarTimePickerTimeFontSize: 1.25rem;
-$calendarBreakpoint: 769px;
-$calendarCellDatePaddingSM: 0.25rem;
-
-// Button/Severity/Warning/Outlined
-$warningOutlinedButtonBg: $surface-transparent;
-$warningOutlinedButtonTextColor: $warningButtonBg;
-$warningOutlinedButtonBorderColor: $warning-800;
-$warningOutlinedButtonHoverBg: $surface-transparent;
-$warningOutlinedButtonHoverTextColor: $warningButtonBg;
-$warningOutlinedButtonHoverBorderColor: $warningButtonBg;
-$warningOutlinedButtonActiveBg: $surface-transparent;
-$warningOutlinedButtonActiveTextColor: $warningButtonBg;
-$warningOutlinedButtonActiveBorderColor: $warning-800;
-
-// Button/Severity/Warning/Text
-$warningTextButtonBg: $surface-ground;
-$warningTextButtonTextColor: $warningButtonBg;
-$warningTextButtonHoverBg: $warning-alpha;
-$warningTextButtonHoverTextColor: $warningButtonBg;
-$warningTextButtonActiveBg: $surface-ground;
-$warningTextButtonActiveTextColor: $warningButtonBg;
-
-// Message/Messages
-$messageMargin: 0rem;
-$messagePadding: 1rem;
-$messageBorderWidth: 0.25rem;
-$messageIconFontSize: 2rem;
-$messageTextFontSize: 1rem;
-$messageTextFontWeight: normal;
-$messageTextColor: $textColor;
-$messageTextSummaryFontSize: 1rem;
-$messageTextSummaryFontWeight: bold;
-$messageTextSummaryColor: $textColor;
-$messageTextDetailFontSize: 0.875rem;
-$messageTextDetailFontWeight: normal;
-$messageTextDetailColor: $textSecondaryColor;
-
-// Message/InlineMessage
-$inlineMessagePadding: 1rem;
-$inlineMessageMargin: 0rem;
-$inlineMessageIconFontSize: 2rem;
-$inlineMessageTextFontSize: 1rem;
-$inlineMessageBorderWidth: 0.25rem;
-
-// Message/Severities/Info
-$infoMessageBg: $info-0;
-$infoMessageBorderColor: $info-800;
-$infoMessageBorder: 1px solid $infoMessageBorderColor;
-$infoMessageIconColor: $info-400;
-
-// Message/Severities/Success
-$successMessageBg: $success-0;
-$successMessageBorderColor: $success-800;
-$successMessageBorder: 1px solid $successMessageBorderColor;
-$successMessageIconColor: $success-400;
-
-// Message/Severities/Warning
-$warningMessageBg: $warning-0;
-$warningMessageBorderColor: $warning-800;
-$warningMessageBorder: 1px solid $warningMessageBorderColor;
-$warningMessageIconColor: $warning-400;
-
-// Message/Severities/Danger
-$dangerMessageBg: $danger-0;
-$dangerMessageBorderColor: $danger-800;
-$dangerMessageBorder: 1px solid $dangerMessageBorderColor;
-$dangerMessageIconColor: $danger-400;
-
-// Data/Paginator
-$paginatorBg: $surface-transparent;
-$paginatorTextColor: $textColor;
-$paginatorBorderColor: $surface-transparent;
-$paginatorBorder: solid $paginatorBorderColor;
-$paginatorBorderWidth: 0;
-$paginatorPaddingTopBottom: 0.5rem;
-$paginatorPaddingLeftRight: 0rem;
-$paginatorPadding: $paginatorPaddingTopBottom $paginatorPaddingLeftRight;
-$paginatorElementWidth: 2.5rem;
-$paginatorElementHeight: 2.5rem;
-$paginatorElementBorderColor: $surface-transparent;
-$paginatorElementBorder: 1px solid $paginatorElementBorderColor;
-$paginatorElementBg: $actionIconBg;
-$paginatorElementIconColor: $actionIconColor;
-$paginatorElementHoverBg: $actionIconHoverBg;
-$paginatorElementHoverBorderColor: $actionIconHoverBorderColor;
-$paginatorElementIconHoverColor: $actionIconHoverColor;
-$paginatorElementBorderRadius: $actionIconBorderRadius;
-$paginatorElementMargin: 0.25rem;
-$paginatorElementPadding: 0rem;
-
-// Data/DataTable/Common
-$tableResizerHelperBg: $surface-100;
-$tableDragHelperBg: $surface-200;
-$tableCellContentAlignment: left;
-$tableTopPaginatorBorderWidth: 1px 0 1px 0;
-$tableBottomPaginatorBorderWidth: 0 0 0 0;
-$tableScaleSM: .5;
-$tableScaleLG: 1.25;
-
-// Data/DataTable/Header
-$tableHeaderBorderColor: $surface-100;
-$tableHeaderBorder: 1px solid $tableHeaderBorderColor;
-$tableHeaderBorderWidth: 0 0 1px 0;
-$tableHeaderBg: $surface-50;
-$tableHeaderTextColor: $textColor;
-$tableHeaderFontWeight: 500;
-$tableHeaderPaddingTopBottom: 1rem;
-$tableHeaderPaddingLeftRight: 1rem;
-$tableHeaderPadding: $tableHeaderPaddingTopBottom $tableHeaderPaddingLeftRight;
-$tableHeaderCellPaddingTopBottom: $tableHeaderPaddingTopBottom;
-$tableHeaderCellPaddingLeftRight: $tableHeaderPaddingLeftRight;
-$tableHeaderCellPadding: $tableHeaderCellPaddingTopBottom $tableHeaderCellPaddingLeftRight;
-$tableHeaderCellBg: $tableHeaderBg;
-$tableHeaderCellTextColor: $textColor;
-$tableHeaderCellIconColor: $textColor;
-$tableHeaderCellFontWeight: $tableHeaderFontWeight;
-$tableHeaderCellBorderColor: $tableHeaderBorderColor;
-$tableHeaderCellBorder: 1px solid $tableHeaderCellBorderColor;
-$tableHeaderCellBorderWidth: 0 0 1px 0;
-$tableHeaderCellHoverBg: $surface-200;
-$tableHeaderCellTextHoverColor: $textColor;
-$tableHeaderCellIconHoverColor: $textColor;
-$tableHeaderCellHighlightBg: $surface-200;
-$tableHeaderCellHighlightTextColor: $textColor;
-$tableHeaderCellHighlightIconColor: $primaryColor;
-$tableSortableColumnBadgeSize: 1.25rem;
-
-// Data/DataTable/Body
-$tableBodyRowBg: $surface-ground;
-$tableBodyRowTextColor: $textColor;
-$tableBodyRowEvenBg: $surface-50;
-$tableBodyRowHoverBg: $surface-200;
-$tableBodyRowTextHoverColor: $textColor;
-$tableBodyCellBorderColor: $tableHeaderBorderColor;
-$tableBodyCellBorder: 1px solid $tableBodyCellBorderColor;
-$tableBodyCellBorderWidth: 0 0 1px 0;
-$tableBodyCellPaddingTopBottom: $tableHeaderCellPaddingTopBottom;
-$tableBodyCellPaddingLeftRight: $tableHeaderPaddingLeftRight;
-$tableBodyCellPadding: $tableBodyCellPaddingTopBottom $tableBodyCellPaddingLeftRight;
-$tableBodyCellHighlightBg: $surface-200;
-$tableBodyCellHighlightTextColor: $textColor;
-
-// Data/DataTable/Footer
-$tableFooterCellPaddingTopBottom: $tableHeaderCellPaddingTopBottom;
-$tableFooterCellPaddingLeftRight: $tableHeaderPaddingLeftRight;
-$tableFooterCellPadding: $tableFooterCellPaddingTopBottom $tableFooterCellPaddingLeftRight;
-$tableFooterCellBg: $tableHeaderBg;
-$tableFooterCellTextColor: $textColor;
-$tableFooterCellFontWeight: $tableHeaderFontWeight;
-$tableFooterCellBorderColor: $tableHeaderBorderColor;
-$tableFooterCellBorder: 1px solid $tableFooterCellBorderColor;
-$tableFooterCellBorderWidth: 0 0 1px 0;
-$tableFooterBorderColor: $tableHeaderBorderColor;
-$tableFooterBorder: 1px solid $tableFooterBorderColor;
-$tableFooterBorderWidth: 0 0 1px 0;
-$tableFooterBg: $tableHeaderBg;
-$tableFooterTextColor: $textColor;
-$tableFooterFontWeight: $tableHeaderFontWeight;
-$tableFooterPaddingTopBottom: $tableHeaderCellPaddingTopBottom;
-$tableFooterPaddingLeftRight: $tableHeaderPaddingLeftRight;
-$tableFooterPadding: $tableFooterPaddingTopBottom $tableFooterPaddingLeftRight;
-
-// Data/Timeline
-$timelineTextColor: $textColor;
-$timelineEventMarkerWidth: 1rem;
-$timelineEventMarkerHeight: 1rem;
-$timelineEventMarkerBorderRadius: 8rem;
-$timelineEventConnectorSize: 1px;
-$timelineEventMarkerBorderColor: $primaryColor;
-$timelineEventMarkerBorderSize: 0.25rem;
-$timelineEventMarkerBorder: $timelineEventMarkerBorderSize solid $timelineEventMarkerBorderColor;
-$timelineEventMarkerBackground: $surface-ground;
-$timelineEventColor: $surface-border;
-$timelineVerticalEventContentPaddingTopBottom: 0rem;
-$timelineVerticalEventContentPaddingLeftRight: 0.5rem;
-$timelineVerticalEventContentPadding: $timelineVerticalEventContentPaddingTopBottom $timelineVerticalEventContentPaddingLeftRight;
-$timelineHorizontalEventContentPaddingTopBottom: 0.5rem;
-$timelineHorizontalEventContentPaddingLeftRight: 0rem;
-$timelineHorizontalEventContentPadding: $timelineHorizontalEventContentPaddingTopBottom $timelineHorizontalEventContentPaddingLeftRight;
-
-// Media/Carousel
-$carouselIndicatorsPadding: 1rem;
-$carouselIndicatorBg: $surface-border;
-$carouselIndicatorHoverBg: $surface-400;
-$carouselIndicatorActiveBg: $surface-400;
-$carouselIndicatorBorderRadius: 1rem;
-$carouselIndicatorWidth: 0.5rem;
-$carouselIndicatorHeight: 0.5rem;
-
-// Media/Galleria/Close
-$galleriaMaskBg: $maskBg;
-$galleriaCloseIconMargin: 0.5rem;
-$galleriaCloseIconFontSize: 2rem;
-$galleriaCloseIconBg: $surface-transparent;
-$galleriaCloseIconColor: $white-60;
-$galleriaCloseIconHoverBg: $white-20;
-$galleriaCloseIconHoverColor: $white-80;
-$galleriaCloseIconWidth: 4rem;
-$galleriaCloseIconHeight: 4rem;
-$galleriaCloseIconBorderRadius: $borderRadius;
-
-// Media/Galleria/Navigator
-$galleriaItemNavigatorBg: $surface-transparent;
-$galleriaItemNavigatorColor: $white-60;
-$galleriaItemNavigatorMargin: 0.5rem;
-$galleriaItemNavigatorFontSize: 2rem;
-$galleriaItemNavigatorHoverBg: $white-20;
-$galleriaItemNavigatorHoverColor: $white-80;
-$galleriaItemNavigatorWidth: 4rem;
-$galleriaItemNavigatorHeight: 4rem;
-$galleriaItemNavigatorBorderRadius: $borderRadius;
-
-// Media/Galleria/Caption
-$galleriaCaptionBg: $black-60;
-$galleriaCaptionTextColor: $white-80;
-$galleriaCaptionPadding: 1rem;
-
-// Media/Galleria/Indicators
-$galleriaIndicatorsPadding: 1rem;
-$galleriaIndicatorBg: $white-40;
-$galleriaIndicatorHoverBg: $white-80;
-$galleriaIndicatorBorderRadius: $carouselIndicatorBorderRadius;
-$galleriaIndicatorWidth: $carouselIndicatorWidth;
-$galleriaIndicatorHeight: $carouselIndicatorHeight;
-$galleriaIndicatorsBgOnItem: $surface-transparent;
-$galleriaIndicatorBgOnItem: $white-40;
-$galleriaIndicatorHoverBgOnItem: $white-80;
-$galleriaIndicatorActiveBgOnItem: $white-80;
-
-// Media/Galleria/Thumbnail
-$galleriaThumbnailContainerBg: $black-100;
-$galleriaThumbnailContainerPaddingTopBottom: 0.5rem;
-$galleriaThumbnailContainerPaddingLeftRight: 0.5rem;
-$galleriaThumbnailContainerPadding: $galleriaThumbnailContainerPaddingTopBottom $galleriaThumbnailContainerPaddingLeftRight;
-$galleriaThumbnailNavigatorBg: $surface-transparent;
-$galleriaThumbnailNavigatorColor: $white-60;
-$galleriaThumbnailNavigatorHoverBg: $white-20;
-$galleriaThumbnailNavigatorHoverColor: $white-80;
-$galleriaThumbnailNavigatorBorderRadius: $borderRadius;
-$galleriaThumbnailNavigatorWidth: $actionIconWidth;
-$galleriaThumbnailNavigatorHeight: $actionIconHeight;
-
-// Panel/Stepper
-$stepsItemBg: $surface-ground;
-$stepsItemBorderColor: $surface-border;
-$stepsItemBorder: 1px solid $stepsItemBorderColor;
-$stepsItemTextColor: $textColor;
-$stepsItemFontWeight: 500;
-$stepsItemNumberWidth: 1.5rem;
-$stepsItemNumberHeight: 1.5rem;
-$stepsItemNumberFontSize: 1rem;
-$stepsItemNumberColor: $textColor;
-$stepsItemNumberBorderRadius: 8rem;
-
-// Panel/Accordion
-$accordionSpacing: 0rem;
-$accordionHeaderBorderColor: $surface-border;
-$accordionHeaderBorder: 1px solid $accordionHeaderBorderColor;
-$accordionHeaderBg: $surface-transparent;
-$accordionHeaderTextColor: $textSecondaryColor;
-$accordionHeaderFontWeight: 700;
-$accordionHeaderPaddingTopBottom: 1rem;
-$accordionHeaderPaddingLeftRIght: 0rem;
-$accordionHeaderPadding: $accordionHeaderPaddingTopBottom $accordionHeaderPaddingLeftRIght;
-$accordionHeaderHoverBg: $surface-transparent;
-$accordionHeaderHoverBorderColor: $surface-border;
-$accordionHeaderHoverTextColor: $textColor;
-$accordionHeaderActiveBg: $surface-transparent;
-$accordionHeaderActiveBorderColor: $surface-border;
-$accordionHeaderActiveTextColor: $textColor;
-$accordionHeaderActiveHoverBg: $surface-transparent;
-$accordionHeaderActiveHoverBorderColor: $surface-border;
-$accordionHeaderActiveHoverTextColor: $textColor;
-$accordionContentBorder: none;
-$accordionContentBg: $surface-transparent;
-$accordionContentTextColor: $textColor;
-$accordionContentPaddingTop: 0rem;
-$accordionContentPaddingRight: 0rem;
-$accordionContentPaddingBottom: 1rem;
-$accordionContentPaddingLeft: 1.75rem;
-$accordionContentPadding: $accordionContentPaddingTop $accordionContentPaddingRight $accordionContentPaddingBottom $accordionContentPaddingLeft;
-
-// Panel/Card
-$cardBg: $surface-ground;
-$cardBorderRadius: $borderRadius;
-$cardBorderColor: $surface-border;
-$cardBorder: 1px solid $cardBorderColor;
-$cardTextColor: $textColor;
-$cardTextFontSize: 1rem;
-$cardBodyPadding: 1rem;
-$cardTitleFontSize: 1.125rem;
-$cardTitleFontWeight: 700;
-$cardSubTitleFontSize: 0.875rem;
-$cardSubTitleFontWeight: 400;
-$cardSubTitleColor: $textSecondaryColor;
-$cardContentPaddingTop: 1rem;
-$cardContentPadding: $cardContentPaddingTop 0 0;
-$cardFooterPaddingTop: 1rem;
-$cardFooterPadding: $cardFooterPaddingTop 0 0;
-$cardShadow: $overlayContainerShadow;
diff --git a/primeng-sass-theme/themes/base-light/_variables.scss b/primeng-sass-theme/themes/base-light/_variables.scss
deleted file mode 100644
index a65d9b7..0000000
--- a/primeng-sass-theme/themes/base-light/_variables.scss
+++ /dev/null
@@ -1,981 +0,0 @@
-// Экспортируемые переменные из figma Theme Light
-
-// Surface
-$surface-0: $gray-0;
-$surface-900: $gray-900;
-$surface-800: $gray-800;
-$surface-700: $gray-700;
-$surface-600: $gray-600;
-$surface-500: $gray-500;
-$surface-400: $gray-400;
-$surface-300: $gray-300;
-$surface-200: $gray-200;
-$surface-100: $gray-100;
-$surface-50: $gray-50;
-$surface-ground: $white-100;
-$surface-section: $gray-alpha;
-$surface-card: $surface-ground;
-$surface-overlay: $black-20;
-$surface-border: $surface-200;
-$surface-hover: $surface-100;
-$surface-transparent: rgba(255, 255, 255, 0.0001);
-
-// General
-$colorScheme: "light";
-$primaryColor: $primary-700;
-$primaryColorHover: $primary-800;
-$primaryColorText: $white-100;
-$fontFamily: Roboto, Inter, Helvetica, Arial, sans-serif;
-$fontSize: 1rem;
-$fontWeight: normal;
-$textColor: $black-80;
-$textSecondaryColor: $black-60;
-$highlightBg: $primaryColor;
-$highlightTextColor: $primaryColorText;
-$borderRadius: 0.5rem;
-$inlineSpacing: 0.5rem;
-$disabledOpacity: 0.6;
-$dividerColor: $surface-border;
-$divider: 1px solid $dividerColor;
-$focusOutlineColor: $primary-200;
-$focusOutline: none;
-$focusOutlineOffset: none;
-$focusShadowWidth: 0.25rem;
-$focusShadow: 0 0 0 $focusShadowWidth $focusOutlineColor;
-$errorColor: $danger-400;
-$focusOutlineErrorColor: $danger-100;
-$focusShadowError: 0 0 0 $focusShadowWidth $focusOutlineErrorColor;
-$transitionDuration: .2s;
-$formElementTransition: background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
-$maskBg: $surface-overlay;
-$primeIconFontSize: 1rem;
-$loadingIconFontSize: 2rem;
-$actionIconWidth: 2rem;
-$actionIconHeight: 2rem;
-$actionIconBg: $surface-transparent;
-$actionIconColor: $black-60;
-$actionIconBorderColor: $surface-transparent;
-$actionIconBorder: 1px solid $actionIconBorderColor;
-$actionIconHoverBg: $surface-hover;
-$actionIconHoverColor: $black-80;
-$actionIconHoverBorderColor: $surface-transparent;
-$actionIconBorderRadius: $borderRadius;
-$actionIconTransition: background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration;
-$scaleSM: 0.875;
-$scaleLG: 1.25;
-
-// Button/Common
-$buttonHeight: 2.5rem;
-$buttonHeightSM: 2rem;
-$buttonHeightLG: 3.5rem;
-$buttonHeightXL: 4rem;
-$buttonPaddingTopBottom: 0rem;
-$buttonPaddingLeftRight: 1rem;
-$buttonPadding: $buttonPaddingTopBottom $buttonPaddingLeftRight;
-$buttonIconOnlyWidth: $buttonHeight;
-$buttonHoverShadowColor: $black-20;
-$buttonHoverShadow: 0 .25rem .25rem 0 $buttonHoverShadowColor;
-$roundedButtonBorderRadius: 100px;
-
-// Button/Basic
-$buttonBg: $primaryColor;
-$buttonTextColor: $primaryColorText;
-$buttonBorderColor: $surface-transparent;
-$buttonBorder: 1px solid $buttonBorderColor;
-$buttonHoverBg: $primaryColorHover;
-$buttonHoverTextColor: $primaryColorText;
-$buttonActiveBg: $buttonBg;
-$buttonActiveTextColor: $buttonTextColor;
-
-// Button/Disabled
-$disabledButtonBg: $black-10;
-$disabledButtonTextColor: $textSecondaryColor;
-$disabledButtonBorderColor: $surface-border;
-
-// Button/Outlined
-$outlinedButtonBg: $surface-transparent;
-$outlinedButtonTextColor: $buttonBg;
-$outlinedButtonBorderColor: $primary-200;
-$outlinedButtonHoverBg: $surface-transparent;
-$outlinedButtonHoverTextColor: $buttonBg;
-$outlinedButtonHoverBorderColor: $buttonBg;
-$outlinedButtonActiveBg: $surface-transparent;
-$outlinedButtonActiveTextColor: $buttonBg;
-$outlinedButtonActiveBorderColor: $primary-200;
-
-// Misc/Tag
-$tagHeight: 1.5rem;
-$tagFontSize: 0.875rem;
-$tagPadding: 0.5rem;
-
-// Button/Text
-$textButtonBg: $surface-ground;
-$textButtonTextColor: $buttonBg;
-$textButtonHoverBg: $primary-alpha;
-$textButtonHoverTextColor: $buttonBg;
-$textButtonActiveBg: $surface-ground;
-$textButtonActiveTextColor: $buttonBg;
-
-// Button/Severity/Danger/Basic
-$dangerButtonBg: $danger-400;
-$dangerButtonTextColor: $primaryColorText;
-$dangerButtonBorderColor: $surface-transparent;
-$dangerButtonHoverBg: $danger-500;
-$dangerButtonHoverTextColor: $primaryColorText;
-$dangerButtonHoverBorderColor: $surface-transparent;
-$dangerButtonActiveBg: $dangerButtonBg;
-$dangerButtonActiveTextColor: $primaryColorText;
-$dangerButtonActiveBorderColor: $surface-transparent;
-
-// Button/Severity/Danger/Outlined
-$dangerOutlinedButtonBg: $surface-transparent;
-$dangerOutlinedButtonTextColor: $dangerButtonBg;
-$dangerOutlinedButtonBorderColor: $danger-200;
-$dangerOutlinedButtonHoverBg: $surface-transparent;
-$dangerOutlinedButtonHoverTextColor: $dangerButtonBg;
-$dangerOutlinedButtonHoverBorderColor: $dangerButtonBg;
-$dangerOutlinedButtonActiveBg: $surface-transparent;
-$dangerOutlinedButtonActiveTextColor: $dangerButtonBg;
-$dangerOutlinedButtonActiveBorderColor: $danger-200;
-
-// Button/Severity/Danger/Text
-$dangerTextButtonBg: $surface-ground;
-$dangerTextButtonTextColor: $dangerButtonBg;
-$dangerTextButtonHoverBg: $danger-alpha;
-$dangerTextButtonHoverTextColor: $dangerButtonBg;
-$dangerTextButtonActiveBg: $surface-ground;
-$dangerTextButtonActiveTextColor: $dangerButtonBg;
-
-// Button/Severity/Warning/Basic
-$warningButtonBg: $warning-400;
-$warningButtonTextColor: $primaryColorText;
-$warningButtonBorderColor: $surface-transparent;
-$warningButtonHoverBg: $warning-500;
-$warningButtonHoverTextColor: $primaryColorText;
-$warningButtonHoverBorderColor: $surface-transparent;
-$warningButtonActiveBg: $warningButtonBg;
-$warningButtonActiveTextColor: $primaryColorText;
-$warningButtonActiveBorderColor: $surface-transparent;
-
-// Button/Severity/Success/Basic
-$successButtonBg: $success-400;
-$successButtonTextColor: $primaryColorText;
-$successButtonBorderColor: $surface-transparent;
-$successButtonHoverBg: $success-500;
-$successButtonHoverTextColor: $primaryColorText;
-$successButtonHoverBorderColor: $surface-transparent;
-$successButtonActiveBg: $successButtonBg;
-$successButtonActiveTextColor: $primaryColorText;
-$successButtonActiveBorderColor: $surface-transparent;
-
-// Button/Severity/Success/Outlined
-$successOutlinedButtonBg: $surface-transparent;
-$successOutlinedButtonTextColor: $successButtonBg;
-$successOutlinedButtonBorderColor: $success-200;
-$successOutlinedButtonHoverBg: $surface-transparent;
-$successOutlinedButtonHoverTextColor: $successButtonBg;
-$successOutlinedButtonHoverBorderColor: $successButtonBg;
-$successOutlinedButtonActiveBg: $surface-transparent;
-$successOutlinedButtonActiveTextColor: $successButtonBg;
-$successOutlinedButtonActiveBorderColor: $success-200;
-
-// Button/Severity/Success/Text
-$successTextButtonBg: $surface-ground;
-$successTextButtonTextColor: $successButtonBg;
-$successTextButtonHoverBg: $success-alpha;
-$successTextButtonHoverTextColor: $successButtonBg;
-$successTextButtonActiveBg: $surface-ground;
-$successTextButtonActiveTextColor: $successButtonBg;
-
-// Button/Severity/Info/Basic
-$infoButtonBg: $info-400;
-$infoButtonTextColor: $primaryColorText;
-$infoButtonBorderColor: $surface-transparent;
-$infoButtonHoverBg: $info-500;
-$infoButtonHoverTextColor: $primaryColorText;
-$infoButtonHoverBorderColor: $surface-transparent;
-$infoButtonActiveBg: $infoButtonBg;
-$infoButtonActiveTextColor: $primaryColorText;
-$infoButtonActiveBorderColor: $surface-transparent;
-
-// Button/Severity/Info/Outlined
-$infoOutlinedButtonBg: $surface-transparent;
-$infoOutlinedButtonTextColor: $infoButtonBg;
-$infoOutlinedButtonBorderColor: $info-200;
-$infoOutlinedButtonHoverBg: $surface-transparent;
-$infoOutlinedButtonHoverTextColor: $infoButtonBg;
-$infoOutlinedButtonHoverBorderColor: $infoButtonBg;
-$infoOutlinedButtonActiveBg: $surface-transparent;
-$infoOutlinedButtonActiveTextColor: $infoButtonBg;
-$infoOutlinedButtonActiveBorderColor: $info-200;
-
-// Button/Severity/Info/Text
-$infoTextButtonBg: $surface-ground;
-$infoTextButtonTextColor: $infoButtonBg;
-$infoTextButtonHoverBg: $info-alpha;
-$infoTextButtonHoverTextColor: $infoButtonBg;
-$infoTextButtonActiveBg: $surface-ground;
-$infoTextButtonActiveTextColor: $infoButtonBg;
-
-// Button/Severity/Help/Basic
-$helpButtonBg: $help-400;
-$helpButtonTextColor: $primaryColorText;
-$helpButtonBorderColor: $surface-transparent;
-$helpButtonHoverBg: $help-500;
-$helpButtonHoverTextColor: $primaryColorText;
-$helpButtonHoverBorderColor: $surface-transparent;
-$helpButtonActiveBg: $helpButtonBg;
-$helpButtonActiveTextColor: $primaryColorText;
-$helpButtonActiveBorderColor: $surface-transparent;
-
-// Button/Severity/Help/Outlined
-$helpOutlinedButtonBg: $surface-transparent;
-$helpOutlinedButtonTextColor: $helpButtonBg;
-$helpOutlinedButtonBorderColor: $help-200;
-$helpOutlinedButtonHoverBg: $surface-transparent;
-$helpOutlinedButtonHoverTextColor: $helpButtonBg;
-$helpOutlinedButtonHoverBorderColor: $helpButtonBg;
-$helpOutlinedButtonActiveBg: $surface-transparent;
-$helpOutlinedButtonActiveTextColor: $helpButtonBg;
-$helpOutlinedButtonActiveBorderColor: $help-200;
-
-// Button/Severity/Help/Text
-$helpTextButtonBg: $surface-ground;
-$helpTextButtonTextColor: $helpButtonBg;
-$helpTextButtonHoverBg: $help-alpha;
-$helpTextButtonHoverTextColor: $helpButtonBg;
-$helpTextButtonActiveBg: $surface-ground;
-$helpTextButtonActiveTextColor: $helpButtonBg;
-
-// Misc/Skeleton
-$skeletonBg: $surface-200;
-$skeletonAnimationBg: rgba(255, 255, 255, 0.1);
-
-// Misc/Badge
-$badgeBg: $primaryColor;
-$badgeTextColor: $primaryColorText;
-$badgeMinWidth: 1.5rem;
-$badgeHeight: 1.5rem;
-$badgeFontWeight: bold;
-$badgeFontSize: 0.75rem;
-$badgeDotSize: 0.5rem;
-
-// Misc/Chip
-$chipHeight: 1.75rem;
-$chipBg: $black-10;
-$chipTextColor: $textColor;
-$chipBorderRadius: 0.25rem;
-$chipBorderColor: $surface-transparent;
-$chipBorder: 1px solid $chipBorderColor;
-$chipPaddingTopBottom: 0rem;
-$chipPaddingLeftRight: 0.5rem;
-$chipPadding: $chipPaddingTopBottom $chipPaddingLeftRight;
-
-// Misc/Avatar
-$avatarBg: $primaryColor;
-$avatarTextColor: $primaryColorText;
-$avatarBorderColor: $dividerColor;
-$avatarBorder: 1px solid $avatarBorderColor;
-
-// Overlay/Tooltip
-$tooltipBg: $surface-800;
-$tooltipTextColor: $surface-ground;
-$tooltipPaddingTopBottom: 0.5rem;
-$tooltipPaddingLeftRight: 1rem;
-$tooltipPadding: $tooltipPaddingTopBottom $tooltipPaddingLeftRight;
-
-// Overlay/Overlay
-$overlayContentBorderColor: $surface-border;
-$overlayContentBorder: 1px solid $overlayContentBorderColor;
-$overlayContentBg: $surface-ground;
-$overlayContainerShadowColor: $black-20;
-$overlayContainerShadow: 0 .25rem .25rem 0 $overlayContainerShadowColor;
-
-// Overlay/Dialog/Header
-$dialogHeaderBg: $surface-ground;
-$dialogHeaderBorderColor: $surface-border;
-$dialogHeaderBorder: 1px solid $dialogHeaderBorderColor;
-$dialogHeaderTextColor: $textColor;
-$dialogHeaderFontWeight: bold;
-$dialogHeaderFontSize: 1.25rem;
-$dialogHeaderPaddingTopBottom: 1rem;
-$dialogHeaderPaddingLeftRight: 1.5rem;
-$dialogHeaderPadding: $dialogHeaderPaddingLeftRight $dialogHeaderPaddingLeftRight $dialogHeaderPaddingTopBottom;
-$dialogHeaderIconPadding: $p-2;
-
-// Overlay/Dialog/Body
-$dialogContentPaddingTopBottom: 1.5rem;
-$dialogContentPaddingLeftRight: 1.5rem;
-$dialogContentPadding: $dialogContentPaddingTopBottom $dialogContentPaddingLeftRight;
-
-// Overlay/Dialog/Footer
-$dialogFooterBorderColor: $surface-transparent;
-$dialogFooterBorder: 1px solid $dialogFooterBorderColor;
-$dialogFooterPaddingTopBottom: 0rem;
-$dialogFooterPaddingLeftRight: 1.5rem;
-$dialogFooterPadding: $dialogFooterPaddingTopBottom $dialogFooterPaddingLeftRight $dialogFooterPaddingLeftRight;
-$dialogFooterButtonGap: $gap-2;
-
-// Menu/Common
-$verticalMenuPadding: 0.25rem;
-$menuSeparatorMarginTopBottom: 0.25rem;
-$menuSeparatorMarginLeftRight: 0rem;
-$menuSeparatorMargin: $menuSeparatorMarginTopBottom $menuSeparatorMarginLeftRight;
-$menuWidth: 8rem;
-$menuBg: $surface-transparent;
-$menuBorderColor: $surface-transparent;
-$menuBorder: none;
-$menuTextColor: $textSecondaryColor;
-$menuNodeChildrenPadding: 0.75rem;
-
-// Menu/Item
-$menuitemPaddingTopBottom: 0.5rem;
-$menuitemPaddingLeftRight: 0.75rem;
-$menuitemPadding: $menuitemPaddingTopBottom $menuitemPaddingLeftRight;
-$menuitemSpacing: 0.25rem;
-$menuitemBorderRadius: 0.5rem;
-$menuitemIconColor: $textColor;
-$menuitemBg: $surface-transparent;
-$menuitemBorderColor: $surface-transparent;
-$menuitemBorder: 1px solid $menuitemBorderColor;
-$menuitemTextColor: $textColor;
-$menuitemHoverBg: $surface-hover;
-$menuitemHoverTextColor: $textColor;
-$menuitemHoverIconColor: $textColor;
-$menuitemFocusBg: $surface-hover;
-$menuitemFocusTextColor: $textColor;
-$menuitemFocusIconColor: $textColor;
-$menuitemActiveBg: $primaryColor;
-$menuitemActiveTextColor: $primaryColorText;
-$menuitemActiveIconColor: $primaryColorText;
-$menuitemActiveHoverBg: $primaryColorHover;
-$menuitemSubmenuIconFontSize: 1.25rem;
-
-// Menu/Submenu
-$submenuHeaderMargin: 0.25rem;
-$submenuHeaderPadding: $menuitemPadding;
-$submenuHeaderBg: $surface-transparent;
-$submenuHeaderTextColor: $textSecondaryColor;
-$submenuHeaderFontSize: 0.875rem;
-$submenuHeaderFontWeight: bold;
-$submenuHeaderBorderRadius: $menuitemBorderRadius;
-$submenuHeaderBorderColor: $surface-transparent;
-$submenuHeaderBorder: 1px solid $submenuHeaderBorderColor;
-
-// Menu/Overlay
-$overlayMenuBg: $overlayContentBg;
-$overlayMenuBorderColor: $overlayContentBorderColor;
-$overlayMenuBorder: 1px solid $overlayMenuBorderColor;
-$overlayMenuShadow: $overlayContainerShadow;
-$overlayMenuPadding: $verticalMenuPadding;
-
-// Menu/Breadcrumb
-$breadcrumbPadding: 0rem;
-$breadcrumbBg: $surface-transparent;
-$breadcrumbBorder: none;
-$breadcrumbItemTextColor: $menuitemTextColor;
-$breadcrumbItemIconColor: $menuitemTextColor;
-$breadcrumbLastItemTextColor: $menuitemTextColor;
-$breadcrumbLastItemIconColor: $menuitemTextColor;
-$breadcrumbSeparatorColor: $textColor;
-
-// Form/InputText
-$inputPaddingTopBottom: 0rem;
-$inputPaddingLeftRight: 0.75rem;
-$inputPadding: $inputPaddingTopBottom $inputPaddingLeftRight;
-$inputTextFontSize: 1rem;
-$inputBg: $surface-ground;
-$inputTextColor: $textColor;
-$inputIconColor: $textColor;
-$inputBorderColor: $surface-border;
-$inputBorder: 1px solid $inputBorderColor;
-$inputHoverBorderColor: $primaryColor;
-$inputFocusBorderColor: $primaryColor;
-$inputErrorBorderColor: $errorColor;
-$inputPlaceholderTextColor: $textSecondaryColor;
-
-// Form/InputGroup
-$inputGroupBg: $inputBg;
-$inputGroupTextColor: $textSecondaryColor;
-$inputGroupAddOnMinWidth: 2.5rem;
-
-// Form/Checkbox
-$checkboxWidth: 1.5rem;
-$checkboxHeight: 1.5rem;
-$checkboxBorder: $inputBorder;
-$checkboxBorderRadius: 0.25rem;
-$checkboxIconFontSize: 1rem;
-$checkboxActiveBorderColor: $primaryColor;
-$checkboxActiveBg: $primaryColor;
-$checkboxIconActiveColor: $primaryColorText;
-$checkboxActiveHoverBg: $primaryColorHover;
-$checkboxIconActiveHoverColor: $primaryColorText;
-$checkboxActiveHoverBorderColor: $primaryColorHover;
-
-// Form/RadioButton
-$radiobuttonWidth: 1.5rem;
-$radiobuttonHeight: 1.5rem;
-$radiobuttonBorder: $inputBorder;
-$radiobuttonIconSize: 0.75rem;
-$radiobuttonActiveBorderColor: $primaryColor;
-$radiobuttonActiveBg: $primaryColor;
-$radiobuttonIconActiveColor: $primaryColorText;
-$radiobuttonActiveHoverBg: $primaryColorHover;
-$radiobuttonIconActiveHoverColor: $primaryColorText;
-$radiobuttonActiveHoverBorderColor: $primaryColorHover;
-
-// Form/inputSwitch
-$inputSwitchWidth: 2.5rem;
-$inputSwitchHeight: 1.5rem;
-$inputSwitchBorderRadius: 100px;
-$inputSwitchHandleWidth: 1rem;
-$inputSwitchHandleHeight: 1rem;
-$inputSwitchHandleBorderRadius: 100px;
-$inputSwitchSliderPadding: 0.25rem;
-$inputSwitchSliderOffBg: $surface-300;
-$inputSwitchHandleOffBg: $inputBg;
-$inputSwitchSliderOffHoverBg: $primaryColorHover;
-$inputSwitchSliderOnBg: $primaryColor;
-$inputSwitchSliderOnHoverBg: $primaryColorHover;
-$inputSwitchHandleOnBg: $inputBg;
-
-// Form/InputOpt
-$inputOptFontSize: 1.5rem;
-
-// Form/ToggleButton
-$toggleButtonBg: $black-10;
-$toggleButtonBorderColor: $surface-transparent;
-$toggleButtonBorder: 1px solid trasparent;
-$toggleButtonTextColor: $textSecondaryColor;
-$toggleButtonIconColor: $textSecondaryColor;
-$toggleButtonHoverBg: $primary-alpha;
-$toggleButtonHoverBorderColor: $surface-transparent;
-$toggleButtonHoverTextColor: $primaryColor;
-$toggleButtonIconHoverColor: $primaryColor;
-$toggleButtonActiveBg: $primaryColor;
-$toggleButtonActiveBorderColor: $surface-transparent;
-$toggleButtonActiveTextColor: $primaryColorText;
-$toggleButtonIconActiveColor: $primaryColorText;
-$toggleButtonActiveHoverBg: $primaryColorHover;
-$toggleButtonActiveHoverBorderColor: $surface-transparent;
-$toggleButtonTextActiveHoverColor: $primaryColorText;
-$toggleButtonIconActiveHoverColor: $primaryColorText;
-
-// Form/Rating
-$ratingIconFontSize: 1.25rem;
-$ratingCancelIconColor: $textSecondaryColor;
-$ratingCancelIconHoverColor: $textColor;
-$ratingStarIconOffColor: $textSecondaryColor;
-$ratingStarIconOnColor: $warning-400;
-$ratingStarIconHoverColor: $warning-500;
-
-// Panel/ScrollPanel
-$scrollPanelTrackBg: $black-10;
-$scrollPanelTrackBorder: 0 none;
-
-// Panel/Divider
-$dividerHorizontalMarginTopBottom: 1rem;
-$dividerHorizontalMarginLeftRight: 0rem;
-$dividerHorizontalMargin: $dividerHorizontalMarginTopBottom $dividerHorizontalMarginLeftRight;
-$dividerHorizontalPaddingTopBottom: 0rem;
-$dividerHorizontalPaddingLeftRight: 1rem;
-$dividerHorizontalPadding: $dividerHorizontalPaddingTopBottom $dividerHorizontalPaddingLeftRight;
-$dividerVerticalMarginTopBottom: 0rem;
-$dividerVerticalMarginLeftRight: 1rem;
-$dividerVerticalMargin: $dividerVerticalMarginTopBottom $dividerVerticalMarginLeftRight;
-$dividerVerticalPaddingTopBottom: 1rem;
-$dividerVerticalPaddingLeftRight: 0rem;
-$dividerVerticalPadding: $dividerVerticalPaddingTopBottom $dividerVerticalPaddingLeftRight;
-$dividerSize: 1px;
-
-// Panel/TabView
-$tabviewNavBg: $surface-transparent;
-$tabviewNavBorderWidth: 1px;
-$tabviewNavBorderColor: $surface-border;
-$tabviewNavBorder: $tabviewNavBorderWidth solid $tabviewNavBorderColor;
-$tabviewHeaderSpacing: 1.5rem;
-$tabviewHeaderBorderWidth: 0.25rem;
-$tabviewHeaderBorderColor: $surface-transparent;
-$tabviewHeaderBorder: $tabviewHeaderBorderWidth solid $tabviewHeaderBorderColor;
-$tabviewHeaderBg: $surface-transparent;
-$tabviewHeaderTextColor: $textColor;
-$tabviewHeaderFontWeight: normal;
-$tabviewHeaderPaddingTopBottom: 1rem;
-$tabviewHeaderPaddingLeftRight: 0rem;
-$tabviewHeaderPadding: $tabviewHeaderPaddingTopBottom $tabviewHeaderPaddingLeftRight;
-$tabviewHeaderMargin: 0;
-$tabviewHeaderHoverBg: $surface-transparent;
-$tabviewHeaderHoverBorderColor: $surface-transparent;
-$tabviewHeaderHoverTextColor: $primaryColor;
-$tabviewHeaderActiveBg: $surface-transparent;
-$tabviewHeaderActiveBorderColor: $primaryColor;
-$tabviewHeaderActiveTextColor: $primaryColor;
-$tabviewContentBorder: none;
-$tabviewContentBg: $surface-transparent;
-$tabviewContentTextColor: $textColor;
-$tabviewContentPadding: $tabviewHeaderPadding;
-
-// Panel/Panel/Header
-$panelHeaderBorderColor: $surface-border;
-$panelHeaderBorder: 1px solid $panelHeaderBorderColor;
-$panelHeaderBg: $surface-ground;
-$panelHeaderTextColor: $textColor;
-$panelHeaderFontWeight: bold;
-$panelHeaderPaddingTopBottom: $dialogHeaderPaddingTopBottom;
-$panelHeaderPaddingLeftRight: $dialogHeaderPaddingLeftRight;
-$panelHeaderPadding: $panelHeaderPaddingLeftRight $panelHeaderPaddingLeftRight $panelHeaderPaddingTopBottom;
-$panelToggleableHeaderPadding: 0rem;
-$panelHeaderHoverBg: #ffffff;
-$panelHeaderHoverBorderColor: #ffffff;
-$panelHeaderTextHoverColor: #ffffff;
-
-// Panel/Panel/Body
-$panelContentBorderColor: $surface-border;
-$panelContentBorder: 1px solid $panelContentBorderColor;
-$panelContentBg: $surface-ground;
-$panelContentEvenRowBg: #ffffff;
-$panelContentTextColor: $textColor;
-$panelContentPadding: 1rem;
-
-// Panel/Panel/Footer
-$panelFooterBorderColor: $surface-transparent;
-$panelFooterBg: $surface-ground;
-$panelFooterTextColor: $textSecondaryColor;
-$panelFooterPadding: 0rem;
-$panelFooterBorder: $panelHeaderBorder;
-
-// Message/Toast
-$toastIconFontSize: 2rem;
-$toastMessageTextMargin: 0rem;
-$toastMargin: 0.25rem;
-$toastPadding: 1rem;
-$toastBorderWidth: 0.25rem;
-$toastShadow: $overlayContainerShadow;
-$toastOpacity: 1;
-$toastTitleFontWeight: bold;
-$toastDetailMargin: 0rem;
-
-// Misc/ProgressBar
-$progressBarHeight: 1rem;
-$progressBarBorder: none;
-$progressBarBg: $black-10;
-$progressBarValueBg: $primaryColor;
-$progressBarValueTextColor: $primaryColorText;
-
-// MeterGroup
-$meterGroupHeight: 0.5rem;
-$meterLabelMarkerDiameter: 0.5rem;
-
-// Form/Slider
-$sliderBorder: none;
-$sliderBg: $progressBarBg;
-$sliderHorizontalHeight: 0.25rem;
-$sliderVerticalWidth: 0.25rem;
-$sliderHandleWidth: 1.25rem;
-$sliderHandleHeight: 1.25rem;
-$sliderHandleBg: $primaryColor;
-$sliderHandleHoverBg: $primaryColorHover;
-$sliderHandleBorderRadius: 1rem;
-$sliderHandleHoverBorderColor: $surface-transparent;
-$sliderHandleBorder: none;
-$sliderRangeBg: $primaryColor;
-
-// Form/SelectButton
-$selectButtonGroupBg: $black-10;
-$selectButtonGroupPadding: 0.25rem;
-$selectButtonBg: $surface-transparent;
-$selectButtonBorderColor: $surface-transparent;
-$selectButtonBorder: 1px solid trasparent;
-$selectButtonBorderRadius: 0.25rem;
-$selectButtonTextColor: $textSecondaryColor;
-$selectButtonIconColor: $textSecondaryColor;
-$selectButtonHoverBg: $surface-ground;
-$selectButtonHoverBorderColor: $surface-transparent;
-$selectButtonHoverTextColor: $textColor;
-$selectButtonIconHoverColor: $textColor;
-$selectButtonActiveBg: $surface-ground;
-$selectButtonActiveBorderColor: $surface-transparent;
-$selectButtonActiveTextColor: $primaryColor;
-$selectButtonIconActiveColor: $primaryColor;
-$selectButtonActiveHoverBg: $surface-ground;
-$selectButtonActiveHoverBorderColor: $surface-transparent;
-$selectButtonTextActiveHoverColor: $textColor;
-$selectButtonIconActiveHoverColor: $textColor;
-
-// Form/Listbox
-$inputListBg: $overlayContentBg;
-$inputListTextColor: $menuTextColor;
-$inputListBorderColor: $overlayContentBorderColor;
-$inputListBorder: 1px solid $inputListBorderColor;
-$inputListPadding: $verticalMenuPadding;
-$inputListItemPaddingTopBottom: $menuitemPaddingTopBottom;
-$inputListItemPaddingLeftRight: $menuitemPaddingLeftRight;
-$inputListItemPadding: $inputListItemPaddingTopBottom $inputListItemPaddingLeftRight;
-$inputListItemMargin: $menuSeparatorMargin;
-$inputListItemBorderColor: $menuitemBorderColor;
-$inputListItemBorder: 1px solid $inputListItemBorderColor;
-$inputListItemBorderRadius: $menuitemBorderRadius;
-$inputListItemBg: $menuitemBg;
-$inputListItemTextColor: $menuitemTextColor;
-$inputListItemHoverBg: $menuitemHoverBg;
-$inputListItemHoverTextColor: $menuitemHoverTextColor;
-$inputListItemFocusBg: $menuitemFocusBg;
-$inputListItemFocusTextColor: $menuitemFocusTextColor;
-$inputListItemFocusShadow: $focusShadow;
-$inputListHeaderPadding: $submenuHeaderPadding;
-$inputListHeaderMargin: 0rem;
-$inputListHeaderBg: $submenuHeaderBg;
-$inputListHeaderTextColor: $submenuHeaderTextColor;
-$inputListHeaderBorderColor: $submenuHeaderBorderColor;
-$inputListHeaderBorder: 1px solid $inputListHeaderBorderColor;
-$listItemTransition: .2s;
-
-// Form/Overlay
-$inputOverlayBg: $inputListBg;
-$inputOverlayHeaderBg: $inputListHeaderBg;
-$inputOverlayBorderColor: $inputListBorderColor;
-$inputOverlayBorder: 1px solid $inputOverlayBorderColor;
-$inputOverlayShadowColor: $black-20;
-$inputOverlayShadow: 0 $focusShadowWidth $focusShadowWidth 0 $inputOverlayShadowColor;
-
-// Form/Password
-$passwordMeterBg: $progressBarBg;
-$passwordWeakBg: $danger-400;
-$passwordMediumBg: $warning-400;
-$passwordStrongBg: $success-400;
-
-// Form/Calendar
-$calendarTableMargin: 0rem;
-$calendarPadding: 0.75rem;
-$calendarBg: $inputListBg;
-$calendarInlineBg: $calendarBg;
-$calendarTextColor: $inputListTextColor;
-$calendarBorderColor: $inputListBorderColor;
-$calendarBorder: 1px solid $calendarBorderColor;
-$calendarOverlayBorderColor: $inputOverlayBorderColor;
-$calendarOverlayBorder: 1px solid $calendarOverlayBorderColor;
-$calendarHeaderPaddingBottom: 0.5rem;
-$calendarHeaderPadding: 0 0 $calendarHeaderPaddingBottom;
-$calendarHeaderBg: $inputListHeaderBg;
-$calendarInlineHeaderBg: $calendarBg;
-$calendarHeaderBorder: none;
-$calendarHeaderTextColor: $inputListHeaderTextColor;
-$calendarHeaderFontWeight: bold;
-$calendarHeaderCellPadding: 0.25rem;
-$calendarMonthYearHeaderHoverTextColor: $primaryColor;
-$calendarCellDatePadding: 0.25rem;
-$calendarCellDateWidth: 2rem;
-$calendarCellDateHeight: 2rem;
-$calendarCellDateBorderRadius: $borderRadius;
-$calendarCellDateBorderColor: $surface-transparent;
-$calendarCellDateBorder: 1px solid $calendarCellDateBorderColor;
-$calendarCellDateHoverBg: $surface-hover;
-$calendarCellDateHoverText: $textColor;
-$calendarCellDateTodayBg: $surface-transparent;
-$calendarCellDateTodayBorderColor: $surface-hover;
-$calendarCellDateTodayTextColor: $calendarTextColor;
-$calendarButtonBarPaddingTop: 0rem;
-$calendarButtonBarPadding: $calendarButtonBarPaddingTop 0 0;
-$calendarTimePickerPadding: String value;
-$calendarTimePickerElementPadding: String value;
-$calendarTimePickerTimeFontSize: 1.25rem;
-$calendarBreakpoint: 769px;
-$calendarCellDatePaddingSM: 0.25rem;
-
-// Button/Severity/Warning/Outlined
-$warningOutlinedButtonBg: $surface-transparent;
-$warningOutlinedButtonTextColor: $warningButtonBg;
-$warningOutlinedButtonBorderColor: $warning-200;
-$warningOutlinedButtonHoverBg: $surface-transparent;
-$warningOutlinedButtonHoverTextColor: $warningButtonBg;
-$warningOutlinedButtonHoverBorderColor: $warningButtonBg;
-$warningOutlinedButtonActiveBg: $surface-transparent;
-$warningOutlinedButtonActiveTextColor: $warningButtonBg;
-$warningOutlinedButtonActiveBorderColor: $warning-200;
-
-// Button/Severity/Warning/Text
-$warningTextButtonBg: $surface-ground;
-$warningTextButtonTextColor: $warningButtonBg;
-$warningTextButtonHoverBg: $warning-alpha;
-$warningTextButtonHoverTextColor: $warningButtonBg;
-$warningTextButtonActiveBg: $surface-ground;
-$warningTextButtonActiveTextColor: $warningButtonBg;
-
-// Message/Messages
-$messageMargin: 0rem;
-$messagePadding: 1rem;
-$messageBorderWidth: 0.25rem;
-$messageIconFontSize: 2rem;
-$messageTextFontSize: 1rem;
-$messageTextFontWeight: normal;
-$messageTextColor: $textColor;
-$messageTextSummaryFontSize: 1rem;
-$messageTextSummaryFontWeight: bold;
-$messageTextSummaryColor: $textColor;
-$messageTextDetailFontSize: 0.875rem;
-$messageTextDetailFontWeight: normal;
-$messageTextDetailColor: $textSecondaryColor;
-
-// Message/InlineMessage
-$inlineMessagePadding: 1rem;
-$inlineMessageMargin: 0rem;
-$inlineMessageIconFontSize: 2rem;
-$inlineMessageTextFontSize: 1rem;
-$inlineMessageBorderWidth: 0.25rem;
-
-// Message/Severities/Info
-$infoMessageBg: $info-50;
-$infoMessageBorderColor: $info-200;
-$infoMessageBorder: 1px solid $infoMessageBorderColor;
-$infoMessageIconColor: $info-400;
-
-// Message/Severities/Success
-$successMessageBg: $success-50;
-$successMessageBorderColor: $success-200;
-$successMessageBorder: 1px solid $successMessageBorderColor;
-$successMessageIconColor: $success-400;
-
-// Message/Severities/Warning
-$warningMessageBg: $warning-50;
-$warningMessageBorderColor: $warning-200;
-$warningMessageBorder: 1px solid $warningMessageBorderColor;
-$warningMessageIconColor: $warning-400;
-
-// Message/Severities/Danger
-$dangerMessageBg: $danger-50;
-$dangerMessageBorderColor: $danger-200;
-$dangerMessageBorder: 1px solid $dangerMessageBorderColor;
-$dangerMessageIconColor: $danger-400;
-
-// Data/Paginator
-$paginatorBg: $surface-transparent;
-$paginatorTextColor: $textColor;
-$paginatorBorderColor: $surface-transparent;
-$paginatorBorder: solid $paginatorBorderColor;
-$paginatorBorderWidth: 0;
-$paginatorPaddingTopBottom: 0.5rem;
-$paginatorPaddingLeftRight: 0rem;
-$paginatorPadding: $paginatorPaddingTopBottom $paginatorPaddingLeftRight;
-$paginatorElementWidth: 2.5rem;
-$paginatorElementHeight: 2.5rem;
-$paginatorElementBorderColor: $surface-transparent;
-$paginatorElementBorder: 1px solid $paginatorElementBorderColor;
-$paginatorElementBg: $actionIconBg;
-$paginatorElementIconColor: $actionIconColor;
-$paginatorElementHoverBg: $actionIconHoverBg;
-$paginatorElementHoverBorderColor: $actionIconHoverBorderColor;
-$paginatorElementIconHoverColor: $actionIconHoverColor;
-$paginatorElementBorderRadius: $actionIconBorderRadius;
-$paginatorElementMargin: 0.25rem;
-$paginatorElementPadding: 0rem;
-
-// Data/DataTable/Common
-$tableResizerHelperBg: $surface-200;
-$tableDragHelperBg: $surface-100;
-$tableCellContentAlignment: left;
-$tableTopPaginatorBorderWidth: 1px 0 1px 0;
-$tableBottomPaginatorBorderWidth: 0 0 0 0;
-$tableScaleSM: .5;
-$tableScaleLG: 1.25;
-
-// Data/DataTable/Header
-$tableHeaderBorderColor: $surface-200;
-$tableHeaderBorder: 1px solid $tableHeaderBorderColor;
-$tableHeaderBorderWidth: 0 0 1px 0;
-$tableHeaderBg: $surface-50;
-$tableHeaderTextColor: $textColor;
-$tableHeaderFontWeight: 500;
-$tableHeaderPaddingTopBottom: 1rem;
-$tableHeaderPaddingLeftRight: 1rem;
-$tableHeaderPadding: $tableHeaderPaddingTopBottom $tableHeaderPaddingLeftRight;
-$tableHeaderCellPaddingTopBottom: $tableHeaderPaddingTopBottom;
-$tableHeaderCellPaddingLeftRight: $tableHeaderPaddingLeftRight;
-$tableHeaderCellPadding: $tableHeaderCellPaddingTopBottom $tableHeaderCellPaddingLeftRight;
-$tableHeaderCellBg: $tableHeaderBg;
-$tableHeaderCellTextColor: $textColor;
-$tableHeaderCellIconColor: $textColor;
-$tableHeaderCellFontWeight: $tableHeaderFontWeight;
-$tableHeaderCellBorderColor: $tableHeaderBorderColor;
-$tableHeaderCellBorder: 1px solid $tableHeaderCellBorderColor;
-$tableHeaderCellBorderWidth: 0 0 1px 0;
-$tableHeaderCellHoverBg: $surface-100;
-$tableHeaderCellTextHoverColor: $textColor;
-$tableHeaderCellIconHoverColor: $textColor;
-$tableHeaderCellHighlightBg: $surface-100;
-$tableHeaderCellHighlightTextColor: $textColor;
-$tableHeaderCellHighlightIconColor: $primaryColor;
-$tableSortableColumnBadgeSize: 1.25rem;
-
-// Data/DataTable/Body
-$tableBodyRowBg: $surface-ground;
-$tableBodyRowTextColor: $textColor;
-$tableBodyRowEvenBg: $surface-50;
-$tableBodyRowHoverBg: $surface-100;
-$tableBodyRowTextHoverColor: $textColor;
-$tableBodyCellBorderColor: $tableHeaderBorderColor;
-$tableBodyCellBorder: 1px solid $tableBodyCellBorderColor;
-$tableBodyCellBorderWidth: 0 0 1px 0;
-$tableBodyCellPaddingTopBottom: $tableHeaderCellPaddingTopBottom;
-$tableBodyCellPaddingLeftRight: $tableHeaderPaddingLeftRight;
-$tableBodyCellPadding: $tableBodyCellPaddingTopBottom $tableBodyCellPaddingLeftRight;
-$tableBodyCellHighlightBg: $surface-100;
-$tableBodyCellHighlightTextColor: $textColor;
-
-// Data/DataTable/Footer
-$tableFooterCellPaddingTopBottom: $tableHeaderCellPaddingTopBottom;
-$tableFooterCellPaddingLeftRight: $tableHeaderPaddingLeftRight;
-$tableFooterCellPadding: $tableFooterCellPaddingTopBottom $tableFooterCellPaddingLeftRight;
-$tableFooterCellBg: $tableHeaderBg;
-$tableFooterCellTextColor: $textColor;
-$tableFooterCellFontWeight: $tableHeaderFontWeight;
-$tableFooterCellBorderColor: $tableHeaderBorderColor;
-$tableFooterCellBorder: 1px solid $tableFooterCellBorderColor;
-$tableFooterCellBorderWidth: 0 0 1px 0;
-$tableFooterBorderColor: $tableHeaderBorderColor;
-$tableFooterBorder: 1px solid $tableFooterBorderColor;
-$tableFooterBorderWidth: 0 0 1px 0;
-$tableFooterBg: $tableHeaderBg;
-$tableFooterTextColor: $textColor;
-$tableFooterFontWeight: $tableHeaderFontWeight;
-$tableFooterPaddingTopBottom: $tableHeaderCellPaddingTopBottom;
-$tableFooterPaddingLeftRight: $tableHeaderPaddingLeftRight;
-$tableFooterPadding: $tableFooterPaddingTopBottom $tableFooterPaddingLeftRight;
-
-// Data/Timeline
-$timelineTextColor: $textColor;
-$timelineEventMarkerWidth: 1rem;
-$timelineEventMarkerHeight: 1rem;
-$timelineEventMarkerBorderRadius: 8rem;
-$timelineEventConnectorSize: 1px;
-$timelineEventMarkerBorderColor: $primaryColor;
-$timelineEventMarkerBorderSize: 0.25rem;
-$timelineEventMarkerBorder: $timelineEventMarkerBorderSize solid $timelineEventMarkerBorderColor;
-$timelineEventMarkerBackground: $surface-ground;
-$timelineEventColor: $surface-border;
-$timelineVerticalEventContentPaddingTopBottom: 0rem;
-$timelineVerticalEventContentPaddingLeftRight: 0.5rem;
-$timelineVerticalEventContentPadding: $timelineVerticalEventContentPaddingTopBottom $timelineVerticalEventContentPaddingLeftRight;
-$timelineHorizontalEventContentPaddingTopBottom: 0.5rem;
-$timelineHorizontalEventContentPaddingLeftRight: 0rem;
-$timelineHorizontalEventContentPadding: $timelineHorizontalEventContentPaddingTopBottom $timelineHorizontalEventContentPaddingLeftRight;
-
-// Media/Carousel
-$carouselIndicatorsPadding: 1rem;
-$carouselIndicatorBg: $surface-border;
-$carouselIndicatorHoverBg: $surface-800;
-$carouselIndicatorActiveBg: $surface-800;
-$carouselIndicatorBorderRadius: 1rem;
-$carouselIndicatorWidth: 0.5rem;
-$carouselIndicatorHeight: 0.5rem;
-
-// Media/Galleria/Close
-$galleriaMaskBg: $maskBg;
-$galleriaCloseIconMargin: 0.5rem;
-$galleriaCloseIconFontSize: 2rem;
-$galleriaCloseIconBg: $surface-transparent;
-$galleriaCloseIconColor: $white-60;
-$galleriaCloseIconHoverBg: $white-20;
-$galleriaCloseIconHoverColor: $white-80;
-$galleriaCloseIconWidth: 4rem;
-$galleriaCloseIconHeight: 4rem;
-$galleriaCloseIconBorderRadius: $borderRadius;
-
-// Media/Galleria/Navigator
-$galleriaItemNavigatorBg: $surface-transparent;
-$galleriaItemNavigatorColor: $white-60;
-$galleriaItemNavigatorMargin: 0.5rem;
-$galleriaItemNavigatorFontSize: 2rem;
-$galleriaItemNavigatorHoverBg: $white-20;
-$galleriaItemNavigatorHoverColor: $white-80;
-$galleriaItemNavigatorWidth: 4rem;
-$galleriaItemNavigatorHeight: 4rem;
-$galleriaItemNavigatorBorderRadius: $borderRadius;
-
-// Media/Galleria/Caption
-$galleriaCaptionBg: $black-60;
-$galleriaCaptionTextColor: $white-80;
-$galleriaCaptionPadding: 1rem;
-
-// Media/Galleria/Indicators
-$galleriaIndicatorsPadding: 1rem;
-$galleriaIndicatorBg: $white-40;
-$galleriaIndicatorHoverBg: $white-80;
-$galleriaIndicatorBorderRadius: $carouselIndicatorBorderRadius;
-$galleriaIndicatorWidth: $carouselIndicatorWidth;
-$galleriaIndicatorHeight: $carouselIndicatorHeight;
-$galleriaIndicatorsBgOnItem: $surface-transparent;
-$galleriaIndicatorBgOnItem: $white-40;
-$galleriaIndicatorHoverBgOnItem: $white-80;
-$galleriaIndicatorActiveBgOnItem: $white-80;
-
-// Media/Galleria/Thumbnail
-$galleriaThumbnailContainerBg: $black-100;
-$galleriaThumbnailContainerPaddingTopBottom: 0.5rem;
-$galleriaThumbnailContainerPaddingLeftRight: 0.5rem;
-$galleriaThumbnailContainerPadding: $galleriaThumbnailContainerPaddingTopBottom $galleriaThumbnailContainerPaddingLeftRight;
-$galleriaThumbnailNavigatorBg: $surface-transparent;
-$galleriaThumbnailNavigatorColor: $white-60;
-$galleriaThumbnailNavigatorHoverBg: $white-20;
-$galleriaThumbnailNavigatorHoverColor: $white-80;
-$galleriaThumbnailNavigatorBorderRadius: $borderRadius;
-$galleriaThumbnailNavigatorWidth: $actionIconWidth;
-$galleriaThumbnailNavigatorHeight: $actionIconHeight;
-
-// Panel/Stepper
-$stepsItemBg: $surface-ground;
-$stepsItemBorderColor: $surface-border;
-$stepsItemBorder: 1px solid $stepsItemBorderColor;
-$stepsItemTextColor: $textColor;
-$stepsItemFontWeight: 400;
-$stepsItemNumberWidth: 1.5rem;
-$stepsItemNumberHeight: 1.5rem;
-$stepsItemNumberFontSize: 1rem;
-$stepsItemNumberColor: $textColor;
-$stepsItemNumberBorderRadius: 8rem;
-
-// Panel/Accordion
-$accordionSpacing: 0rem;
-$accordionHeaderBorderColor: $surface-border;
-$accordionHeaderBorder: 1px solid $accordionHeaderBorderColor;
-$accordionHeaderBg: $surface-transparent;
-$accordionHeaderTextColor: $textSecondaryColor;
-$accordionHeaderFontWeight: 700;
-$accordionHeaderPaddingTopBottom: 1rem;
-$accordionHeaderPaddingLeftRIght: 0rem;
-$accordionHeaderPadding: $accordionHeaderPaddingTopBottom $accordionHeaderPaddingLeftRIght;
-$accordionHeaderHoverBg: $surface-transparent;
-$accordionHeaderHoverBorderColor: $surface-border;
-$accordionHeaderHoverTextColor: $textColor;
-$accordionHeaderActiveBg: $surface-transparent;
-$accordionHeaderActiveBorderColor: $surface-border;
-$accordionHeaderActiveTextColor: $textColor;
-$accordionHeaderActiveHoverBg: $surface-transparent;
-$accordionHeaderActiveHoverBorderColor: $surface-border;
-$accordionHeaderActiveHoverTextColor: $textColor;
-$accordionContentBorder: none;
-$accordionContentBg: $surface-transparent;
-$accordionContentTextColor: $textColor;
-$accordionContentPaddingTop: 0rem;
-$accordionContentPaddingRight: 0rem;
-$accordionContentPaddingBottom: 1rem;
-$accordionContentPaddingLeft: 1.75rem;
-$accordionContentPadding: $accordionContentPaddingTop $accordionContentPaddingRight $accordionContentPaddingBottom $accordionContentPaddingLeft;
-
-// Panel/Card
-$cardBg: $surface-ground;
-$cardBorderRadius: $borderRadius;
-$cardBorderColor: $surface-border;
-$cardBorder: 1px solid $cardBorderColor;
-$cardTextColor: $textColor;
-$cardTextFontSize: 1rem;
-$cardBodyPadding: 1rem;
-$cardTitleFontSize: 1.125rem;
-$cardTitleFontWeight: 700;
-$cardSubTitleFontSize: 0.875rem;
-$cardSubTitleFontWeight: 400;
-$cardSubTitleColor: $textSecondaryColor;
-$cardContentPaddingTop: 1rem;
-$cardContentPadding: $cardContentPaddingTop 0 0;
-$cardFooterPaddingTop: 1rem;
-$cardFooterPadding: $cardFooterPaddingTop 0 0;
-$cardShadow: $overlayContainerShadow;
diff --git a/primeng-sass-theme/themes/base/_colors.scss b/primeng-sass-theme/themes/base/_colors.scss
deleted file mode 100644
index f593a95..0000000
--- a/primeng-sass-theme/themes/base/_colors.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-$primitives: (
-    // primary
-    "emerald": #29C075,
-    "citrine": #FA8606,
-    "aquamarine": #14B8A6,
-    "amethyst": #7254F3,
-    // service
-    "purple": #9757D7,
-	"blue": #1F8CEB,
-    "green": #45B24E,
-    "orange": #FFA100,
-    "red": #DB4C3F,
-    // surface
-    "gray": #ABAAA9,
-);
-
-$neutrals: (
-    "black": #000,
-    "white": #fff
-);
diff --git a/primeng-sass-theme/themes/base/_generator.scss b/primeng-sass-theme/themes/base/_generator.scss
deleted file mode 100644
index 2d04808..0000000
--- a/primeng-sass-theme/themes/base/_generator.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-// Генерируем css-переменные для коллекций Primary, Service, Surface в :root
-:root {
-    @if variable-exists(primitives) {
-        @each $name, $color in $primitives {
-            @for $i from 0 through 5 {
-                @if ($i == 0) {
-                    --#{$name}-0: #{color-mix(in srgb, color-mix(in srgb, $color, #fff 4 * 19%), #000 80%)};
-                    --#{$name}-50: #{color-mix(in srgb, $color, #fff (5 - $i) * 19%)};
-                }
-                @else {
-                    --#{$name}-#{$i * 100}: #{color-mix(in srgb, $color, #fff (5 - $i) * 19%)};
-                }
-            }
-
-            @for $i from 1 through 4 {
-                --#{$name}-#{($i + 5) * 100}: #{color-mix(in srgb, $color, #000 $i * 15%)};
-            }
-
-            --#{$name}-alpha: #{color-mix(in srgb, $color 10%, transparent)};
-        }
-    }
-}
-
-// Генерируем css-переменные для коллекций Neutrals в :root
-:root {
-    @if variable-exists(neutrals) {
-        @each $name, $color in $neutrals {
-            @for $i from 1 through 10 {
-                --#{$name}-#{$i * 10}: #{color-mix(in srgb, $color $i * 10%, transparent)}
-            }
-        }
-    }
-}
diff --git a/primeng-sass-theme/themes/base/_global.scss b/primeng-sass-theme/themes/base/_global.scss
deleted file mode 100644
index a92e25b..0000000
--- a/primeng-sass-theme/themes/base/_global.scss
+++ /dev/null
@@ -1,109 +0,0 @@
-// Экспортируемые переменный из figma Global.
-
-// Neutrals/White
-$white-100: var(--white-100);
-$white-90: var(--white-90);
-$white-80: var(--white-80);
-$white-70: var(--white-70);
-$white-60: var(--white-60);
-$white-50: var(--white-50);
-$white-40: var(--white-40);
-$white-30: var(--white-30);
-$white-20: var(--white-20);
-$white-10: var(--white-10);
-
-// Neutrals/Black
-$black-100: var(--black-100);
-$black-90: var(--black-90);
-$black-80: var(--black-80);
-$black-70: var(--black-70);
-$black-60: var(--black-60);
-$black-50: var(--black-50);
-$black-40: var(--black-40);
-$black-30: var(--black-30);
-$black-20: var(--black-20);
-$black-10: var(--black-10);
-
-// Service/Danger
-$danger-0: var(--red-0);
-$danger-900: var(--red-900);
-$danger-800: var(--red-800);
-$danger-700: var(--red-700);
-$danger-600: var(--red-600);
-$danger-500: var(--red-500);
-$danger-400: var(--red-400);
-$danger-300: var(--red-300);
-$danger-200: var(--red-200);
-$danger-100: var(--red-100);
-$danger-50: var(--red-50);
-$danger-alpha: var(--red-alpha);
-
-// Service/Warning
-$warning-0: var(--orange-0);
-$warning-900: var(--orange-900);
-$warning-800: var(--orange-800);
-$warning-700: var(--orange-700);
-$warning-600: var(--orange-600);
-$warning-500: var(--orange-500);
-$warning-400: var(--orange-400);
-$warning-300: var(--orange-300);
-$warning-200: var(--orange-200);
-$warning-100: var(--orange-100);
-$warning-50: var(--orange-50);
-$warning-alpha: var(--orange-alpha);
-
-// Service/Success
-$success-0: var(--green-0);
-$success-900: var(--green-900);
-$success-800: var(--green-900);
-$success-700: var(--green-700);
-$success-600: var(--green-600);
-$success-500: var(--green-500);
-$success-400: var(--green-400);
-$success-300: var(--green-300);
-$success-200: var(--green-200);
-$success-100: var(--green-100);
-$success-50: var(--green-50);
-$success-alpha: var(--green-alpha);
-
-// Service/Info
-$info-0: var(--blue-0);
-$info-900: var(--blue-900);
-$info-800: var(--blue-800);
-$info-700: var(--blue-700);
-$info-600: var(--blue-600);
-$info-500: var(--blue-500);
-$info-400: var(--blue-400);
-$info-300: var(--blue-300);
-$info-200: var(--blue-200);
-$info-100: var(--blue-100);
-$info-50: var(--blue-50);
-$info-alpha: var(--blue-alpha);
-
-// Service/Help
-$help-0: var(--purple-0);
-$help-900: var(--purple-900);
-$help-800: var(--purple-800);
-$help-700: var(--purple-700);
-$help-600: var(--purple-600);
-$help-500: var(--purple-500);
-$help-400: var(--purple-400);
-$help-300: var(--purple-300);
-$help-200: var(--purple-200);
-$help-100: var(--purple-100);
-$help-50: var(--purple-50);
-$help-alpha: var(--purple-alpha);
-
-// Surface
-$gray-0: var(--gray-0);
-$gray-900: var(--gray-900);
-$gray-800: var(--gray-800);
-$gray-700: var(--gray-700);
-$gray-600: var(--gray-600);
-$gray-500: var(--gray-500);
-$gray-400: var(--gray-400);
-$gray-300: var(--gray-300);
-$gray-200: var(--gray-200);
-$gray-100: var(--gray-100);
-$gray-50: var(--gray-50);
-$gray-alpha: var(--gray-alpha);
diff --git a/primeng-sass-theme/themes/base/_media-querry.scss b/primeng-sass-theme/themes/base/_media-querry.scss
deleted file mode 100644
index f7ded55..0000000
--- a/primeng-sass-theme/themes/base/_media-querry.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-// dpi
-@media only screen and (min-resolution: 100dpi) and (max-resolution: 199dpi) {
-    html, body {
-        font-size: 12px;
-    }
-}
-
-@media only screen and (min-resolution: 200dpi) and (max-resolution: 499dpi) {
-    html, body {
-        font-size: 14px;
-    }
-}
-
-@media only screen and (min-resolution: 500dpi) {
-    html, body {
-        font-size: 16px;
-    }
-}
diff --git a/primeng-sass-theme/themes/base/_root.scss b/primeng-sass-theme/themes/base/_root.scss
deleted file mode 100644
index be73ec1..0000000
--- a/primeng-sass-theme/themes/base/_root.scss
+++ /dev/null
@@ -1,45 +0,0 @@
- :root {
-    --font-family: #{$fontFamily};
-    --text-color: #{$textColor};
-    --text-color-secondary: #{$textSecondaryColor};
-    --primary-color: #{$primaryColor};
-    --primary-color-text: #{$primaryColorText};
-    --primary-0: #{$primary-0};
-    --primary-900: #{$primary-900};
-    --primary-800: #{$primary-800};
-    --primary-700: #{$primary-700};
-    --primary-600: #{$primary-600};
-    --primary-500: #{$primary-500};
-    --primary-400: #{$primary-400};
-    --primary-300: #{$primary-300};
-    --primary-200: #{$primary-200};
-    --primary-100: #{$primary-100};
-    --primary-50: #{$primary-50};
-    --primary-alpha: #{$primary-alpha};
-    --surface-0: #{$surface-0};
-    --surface-50: #{$surface-50};
-    --surface-100: #{$surface-100};
-    --surface-200: #{$surface-200};
-    --surface-300: #{$surface-300};
-    --surface-400: #{$surface-400};
-    --surface-500: #{$surface-500};
-    --surface-600: #{$surface-600};
-    --surface-700: #{$surface-700};
-    --surface-800: #{$surface-800};
-    --surface-900: #{$surface-900};
-    --content-padding: #{$panelContentPadding};
-    --inline-spacing: #{$inlineSpacing};
-    --border-radius: #{$borderRadius};
-    --surface-ground: #{$surface-ground};
-    --surface-section: #{$surface-section};
-    --surface-card: #{$surface-card};
-    --surface-overlay: #{$surface-overlay};
-    --surface-border: #{$surface-border};
-    --surface-hover: #{$surface-hover};
-    --focus-ring: #{$focusShadow};
-    --maskbg: #{$maskBg};
-    --highlight-bg: #{$highlightBg};
-    --highlight-text-color: #{$highlightTextColor};
-    color-scheme: #{$colorScheme};
-
-}
diff --git a/primeng-sass-theme/themes/base/_styles-tailwind.scss b/primeng-sass-theme/themes/base/_styles-tailwind.scss
deleted file mode 100644
index c742288..0000000
--- a/primeng-sass-theme/themes/base/_styles-tailwind.scss
+++ /dev/null
@@ -1,659 +0,0 @@
-// @import 'primeflex/primeflex.scss';
-
-// leading-auto эквивалентно line-height: auto из в рамках Figma
-// при разборе стилей типографики text-4xl/font-bold/leading/no-underline
-// leading === leading-auto
-
-@layer utilities {
-    // Typography
-    // Title
-    .title-h1 {
-        @apply text-4xl font-bold leading-auto no-underline text-color;
-    }
-    .title-h2 {
-        @apply text-2xl font-bold leading-auto no-underline text-color;
-    }
-    .title-h3 {
-        @apply text-xl font-bold leading-auto no-underline text-color;
-    }
-    .title-h4 {
-        @apply text-lg font-bold leading-auto no-underline text-color;
-    }
-    .title-h5 {
-        @apply text-base font-bold leading-auto no-underline text-color;
-    }
-    .title-h6 {
-        @apply text-sm font-bold leading-auto no-underline text-color;
-    }
-
-    // Body large bold
-    // Paragraph: false
-    .body-bold-lg {
-        @apply text-lg font-bold leading-auto no-underline text-color;
-    }
-    .body-bold-lg-secondary {
-        @apply text-lg font-bold leading-auto no-underline text-color-secondary;
-    }
-    .body-bold-lg-primary {
-        @apply text-lg font-bold leading-auto no-underline text-primary;
-    }
-    .body-bold-lg-disabled {
-        @apply text-lg font-bold leading-auto no-underline text-color grayscale;
-    }
-    .body-bold-lg-secondary-disabled {
-        @apply text-lg font-bold leading-auto no-underline text-color-secondary grayscale;
-    }
-    .body-bold-lg-primary-disabled {
-        @apply text-lg font-bold leading-auto no-underline text-primary grayscale;
-    }
-
-    // Body large bold
-    // Paragraph: false
-    // Strikethrough: true
-    .body-bold-lg-strikethrough {
-        @apply text-lg font-bold leading-auto line-through text-color;
-    }
-    .body-bold-lg-strikethrough-secondary {
-        @apply text-lg font-bold leading-auto line-through text-color-secondary;
-    }
-    .body-bold-lg-strikethrough-primary {
-        @apply text-lg font-bold leading-auto line-through text-primary;
-    }
-    .body-bold-lg-strikethrough-disabled {
-        @apply text-lg font-bold leading-auto line-through text-color grayscale;
-    }
-    .body-bold-lg-strikethrough-secondary-disabled {
-        @apply text-lg font-bold leading-auto line-through text-color-secondary grayscale;
-    }
-    .body-bold-lg-strikethrough-primary-disabled {
-        @apply text-lg font-bold leading-auto line-through text-primary grayscale;
-    }
-
-    // Body large bold
-    // Paragraph: true
-    .body-bold-lg-paragraph {
-        @apply text-lg font-bold leading-normal no-underline text-color;
-    }
-    .body-bold-lg-secondary-paragraph {
-        @apply text-lg font-bold leading-normal no-underline text-color-secondary;
-    }
-    .body-bold-lg-primary-paragraph {
-        @apply text-lg font-bold leading-normal no-underline text-primary;
-    }
-    .body-bold-lg-paragraph-disabled {
-        @apply text-lg font-bold leading-normal no-underline text-color grayscale;
-    }
-    .body-bold-lg-secondary-paragraph-disabled {
-        @apply text-lg font-bold leading-normal no-underline text-color-secondary grayscale;
-    }
-    .body-bold-lg-primary-paragraph-disabled {
-        @apply text-lg font-bold leading-normal no-underline text-primary grayscale;
-    }
-
-    // Body large bold
-    // Paragraph: true
-    // Strikethrough: true
-    .body-bold-lg-strikethrough-paragraph {
-        @apply text-lg font-bold leading-normal line-through text-color;
-    }
-    .body-bold-lg-strikethrough-secondary-paragraph {
-        @apply text-lg font-bold leading-normal line-through text-color-secondary;
-    }
-    .body-bold-lg-strikethrough-primary-paragraph {
-        @apply text-lg font-bold leading-normal line-through text-primary;
-    }
-    .body-bold-lg-strikethrough-paragraph-disabled {
-        @apply text-lg font-bold leading-normal line-through text-color grayscale;
-    }
-    .body-bold-lg-strikethrough-secondary-paragraph-disabled {
-        @apply text-lg font-bold leading-normal line-through text-color-secondary grayscale;
-    }
-    .body-bold-lg-strikethrough-primary-paragraph-disabled {
-        @apply text-lg font-bold leading-normal line-through text-primary grayscale;
-    }
-
-    // Body large medium
-    // Paragraph: false
-    .body-medium-lg {
-        @apply text-lg font-medium leading-auto no-underline text-color;
-    }
-    .body-medium-lg-secondary {
-        @apply text-lg font-medium leading-auto no-underline text-color-secondary;
-    }
-    .body-medium-lg-primary {
-        @apply text-lg font-medium leading-auto no-underline text-primary;
-    }
-    .body-medium-lg-disabled {
-        @apply text-lg font-medium leading-auto no-underline text-color grayscale;
-    }
-    .body-medium-lg-secondary-disabled {
-        @apply text-lg font-medium leading-auto no-underline text-color-secondary grayscale;
-    }
-    .body-medium-lg-primary-disabled {
-        @apply text-lg font-medium leading-auto no-underline text-primary grayscale;
-    }
-
-    // Body large medium
-    // Paragraph: false
-    // Strikethrough: true
-    .body-medium-lg-strikethrough {
-        @apply text-lg font-medium leading-auto line-through text-color;
-    }
-    .body-medium-lg-strikethrough-secondary {
-        @apply text-lg font-medium leading-auto line-through text-color-secondary;
-    }
-    .body-medium-lg-strikethrough-primary {
-        @apply text-lg font-medium leading-auto line-through text-primary;
-    }
-    .body-medium-lg-strikethrough-disabled {
-        @apply text-lg font-medium leading-auto line-through text-color grayscale;
-    }
-    .body-medium-lg-strikethrough-secondary-disabled {
-        @apply text-lg font-medium leading-auto line-through text-color-secondary grayscale;
-    }
-    .body-medium-lg-strikethrough-primary-disabled {
-        @apply text-lg font-medium leading-auto line-through text-primary grayscale;
-    }
-
-    // Body large medium
-    // Paragraph: true
-    .body-medium-lg-paragraph {
-        @apply text-lg font-medium leading-normal no-underline text-color;
-    }
-    .body-medium-lg-secondary-paragraph {
-        @apply text-lg font-medium leading-normal no-underline text-color-secondary;
-    }
-    .body-medium-lg-primary-paragraph {
-        @apply text-lg font-medium leading-normal no-underline text-primary;
-    }
-    .body-medium-lg-paragraph-disabled {
-        @apply text-lg font-medium leading-normal no-underline text-color grayscale;
-    }
-    .body-medium-lg-secondary-paragraph-disabled {
-        @apply text-lg font-medium leading-normal no-underline text-color-secondary grayscale;
-    }
-    .body-medium-lg-primary-paragraph-disabled {
-        @apply text-lg font-medium leading-normal no-underline text-primary grayscale;
-    }
-
-    // Body large medium
-    // Paragraph: true
-    // Strikethrough: true
-    .body-medium-lg-strikethrough-paragraph {
-        @apply text-lg font-medium leading-normal line-through text-color;
-    }
-    .body-medium-lg-strikethrough-secondary-paragraph {
-        @apply text-lg font-medium leading-normal line-through text-color-secondary;
-    }
-    .body-medium-lg-strikethrough-primary-paragraph {
-        @apply text-lg font-medium leading-normal line-through text-primary;
-    }
-    .body-medium-lg-strikethrough-paragraph-disabled {
-        @apply text-lg font-medium leading-normal line-through text-color grayscale;
-    }
-    .body-medium-lg-strikethrough-secondary-paragraph-disabled {
-        @apply text-lg font-medium leading-normal line-through text-color-secondary grayscale;
-    }
-    .body-medium-lg-strikethrough-primary-paragraph-disabled {
-        @apply text-lg font-medium leading-normal line-through text-primary grayscale;
-    }
-
-    // Body large regular
-    // Paragraph: false
-    .body-regular-lg {
-        @apply text-lg font-normal leading-auto no-underline text-color;
-    }
-    .body-regular-lg-secondary {
-        @apply text-lg font-normal leading-auto no-underline text-color-secondary;
-    }
-    .body-regular-lg-primary {
-        @apply text-lg font-normal leading-auto no-underline text-primary;
-    }
-    .body-regular-lg-disabled {
-        @apply text-lg font-normal leading-auto no-underline text-color grayscale;
-    }
-    .body-regular-lg-secondary-disabled {
-        @apply text-lg font-normal leading-auto no-underline text-color-secondary grayscale;
-    }
-    .body-regular-lg-primary-disabled {
-        @apply text-lg font-normal leading-auto no-underline text-primary grayscale;
-    }
-
-    // Body large regular
-    // Paragraph: false
-    // Strikethrough: true
-    .body-regular-lg-strikethrough {
-        @apply text-lg font-normal leading-auto line-through text-color;
-    }
-    .body-regular-lg-strikethrough-secondary {
-        @apply text-lg font-normal leading-auto line-through text-color-secondary;
-    }
-    .body-regular-lg-strikethrough-primary {
-        @apply text-lg font-normal leading-auto line-through text-primary;
-    }
-    .body-regular-lg-strikethrough-disabled {
-        @apply text-lg font-normal leading-auto line-through text-color grayscale;
-    }
-    .body-regular-lg-strikethrough-secondary-disabled {
-        @apply text-lg font-normal leading-auto line-through text-color-secondary grayscale;
-    }
-    .body-regular-lg-strikethrough-primary-disabled {
-        @apply text-lg font-normal leading-auto line-through text-primary grayscale;
-    }
-
-    // Body large regular
-    // Paragraph: true
-    .body-regular-lg-paragraph {
-        @apply text-lg font-normal leading-normal no-underline text-color;
-    }
-    .body-regular-lg-secondary-paragraph {
-        @apply text-lg font-normal leading-normal no-underline text-color-secondary;
-    }
-    .body-regular-lg-primary-paragraph {
-        @apply text-lg font-normal leading-normal no-underline text-primary;
-    }
-    .body-regular-lg-paragraph-disabled {
-        @apply text-lg font-normal leading-normal no-underline text-color grayscale;
-    }
-    .body-regular-lg-secondary-paragraph-disabled {
-        @apply text-lg font-normal leading-normal no-underline text-color-secondary grayscale;
-    }
-    .body-regular-lg-primary-paragraph-disabled {
-        @apply text-lg font-normal leading-normal no-underline text-primary grayscale;
-    }
-
-    // Body large regular
-    // Paragraph: true
-    // Strikethrough: true
-    .body-regular-lg-strikethrough-paragraph {
-        @apply text-lg font-normal leading-normal line-through text-color;
-    }
-    .body-regular-lg-strikethrough-secondary-paragraph {
-        @apply text-lg font-normal leading-normal line-through text-color-secondary;
-    }
-    .body-regular-lg-strikethrough-primary-paragraph {
-        @apply text-lg font-normal leading-normal line-through text-primary;
-    }
-    .body-regular-lg-strikethrough-paragraph-disabled {
-        @apply text-lg font-normal leading-normal line-through text-color grayscale;
-    }
-    .body-regular-lg-strikethrough-secondary-paragraph-disabled {
-        @apply text-lg font-normal leading-normal line-through text-color-secondary grayscale;
-    }
-    .body-regular-lg-strikethrough-primary-paragraph-disabled {
-        @apply text-lg font-normal leading-normal line-through text-primary grayscale;
-    }
-
-    // Body base bold
-    // Paragraph: false
-    .body-bold-base {
-        @apply text-base font-bold leading-auto no-underline text-color;
-    }
-    .body-bold-base-secondary {
-        @apply text-base font-bold leading-auto no-underline text-color-secondary;
-    }
-    .body-bold-base-primary {
-        @apply text-base font-bold leading-auto no-underline text-primary;
-    }
-    .body-bold-base-disabled {
-        @apply text-base font-bold leading-auto no-underline text-color grayscale;
-    }
-    .body-bold-base-secondary-disabled {
-        @apply text-base font-bold leading-auto no-underline text-color-secondary grayscale;
-    }
-    .body-bold-base-primary-disabled {
-        @apply text-base font-bold leading-auto no-underline text-primary grayscale;
-    }
-
-    // Body base bold
-    // Paragraph: false
-    // Strikethrough: true
-    .body-bold-base-strikethrough {
-        @apply text-base font-bold leading-auto line-through text-color;
-    }
-    .body-bold-base-strikethrough-secondary {
-        @apply text-base font-bold leading-auto line-through text-color-secondary;
-    }
-    .body-bold-base-strikethrough-primary {
-        @apply text-base font-bold leading-auto line-through text-primary;
-    }
-    .body-bold-base-strikethrough-disabled {
-        @apply text-base font-bold leading-auto line-through text-color grayscale;
-    }
-    .body-bold-base-strikethrough-secondary-disabled {
-        @apply text-base font-bold leading-auto line-through text-color-secondary grayscale;
-    }
-    .body-bold-base-strikethrough-primary-disabled {
-        @apply text-base font-bold leading-auto line-through text-primary grayscale;
-    }
-
-    // Body base bold
-    // Paragraph: true
-    .body-bold-base-paragraph {
-        @apply text-base font-bold leading-normal no-underline text-color;
-    }
-    .body-bold-base-secondary-paragraph {
-        @apply text-base font-bold leading-normal no-underline text-color-secondary;
-    }
-    .body-bold-base-primary-paragraph {
-        @apply text-base font-bold leading-normal no-underline text-primary;
-    }
-    .body-bold-base-paragraph-disabled {
-        @apply text-base font-bold leading-normal no-underline text-color grayscale;
-    }
-    .body-bold-base-secondary-paragraph-disabled {
-        @apply text-base font-bold leading-normal no-underline text-color-secondary grayscale;
-    }
-    .body-bold-base-primary-paragraph-disabled {
-        @apply text-base font-bold leading-normal no-underline text-primary grayscale;
-    }
-
-    // Body base bold
-    // Paragraph: true
-    // Strikethrough: true
-    .body-bold-base-strikethrough-paragraph {
-        @apply text-base font-bold leading-normal line-through text-color;
-    }
-    .body-bold-base-strikethrough-secondary-paragraph {
-        @apply text-base font-bold leading-normal line-through text-color-secondary;
-    }
-    .body-bold-base-strikethrough-primary-paragraph {
-        @apply text-base font-bold leading-normal line-through text-primary;
-    }
-    .body-bold-base-strikethrough-paragraph-disabled {
-        @apply text-base font-bold leading-normal line-through text-color grayscale;
-    }
-    .body-bold-base-strikethrough-secondary-paragraph-disabled {
-        @apply text-base font-bold leading-normal line-through text-color-secondary grayscale;
-    }
-    .body-bold-base-strikethrough-primary-paragraph-disabled {
-        @apply text-base font-bold leading-normal line-through text-primary grayscale;
-    }
-
-    // Body base medium
-    // Paragraph: false
-    .body-medium-base {
-        @apply text-base font-medium leading-auto no-underline text-color;
-    }
-    .body-medium-base-secondary {
-        @apply text-base font-medium leading-auto no-underline text-color-secondary;
-    }
-    .body-medium-base-primary {
-        @apply text-base font-medium leading-auto no-underline text-primary;
-    }
-    .body-medium-base-disabled {
-        @apply text-base font-medium leading-auto no-underline text-color grayscale;
-    }
-    .body-medium-base-secondary-disabled {
-        @apply text-base font-medium leading-auto no-underline text-color-secondary grayscale;
-    }
-    .body-medium-base-primary-disabled {
-        @apply text-base font-medium leading-auto no-underline text-primary grayscale;
-    }
-
-    // Body base medium
-    // Paragraph: false
-    // Strikethrough: true
-    .body-medium-base-strikethrough {
-        @apply text-base font-medium leading-auto line-through text-color;
-    }
-    .body-medium-base-strikethrough-secondary {
-        @apply text-base font-medium leading-auto line-through text-color-secondary;
-    }
-    .body-medium-base-strikethrough-primary {
-        @apply text-base font-medium leading-auto line-through text-primary;
-    }
-    .body-medium-base-strikethrough-disabled {
-        @apply text-base font-medium leading-auto line-through text-color grayscale;
-    }
-    .body-medium-base-strikethrough-secondary-disabled {
-        @apply text-base font-medium leading-auto line-through text-color-secondary grayscale;
-    }
-    .body-medium-base-strikethrough-primary-disabled {
-        @apply text-base font-medium leading-auto line-through text-primary grayscale;
-    }
-
-    // Body base medium
-    // Paragraph: true
-    .body-medium-base-paragraph {
-        @apply text-base font-medium leading-normal no-underline text-color;
-    }
-    .body-medium-base-secondary-paragraph {
-        @apply text-base font-medium leading-normal no-underline text-color-secondary;
-    }
-    .body-medium-base-primary-paragraph {
-        @apply text-base font-medium leading-normal no-underline text-primary;
-    }
-    .body-medium-base-paragraph-disabled {
-        @apply text-base font-medium leading-normal no-underline text-color grayscale;
-    }
-    .body-medium-base-secondary-paragraph-disabled {
-        @apply text-base font-medium leading-normal no-underline text-color-secondary grayscale;
-    }
-    .body-medium-base-primary-paragraph-disabled {
-        @apply text-base font-medium leading-normal no-underline text-primary grayscale;
-    }
-
-    // Body base medium
-    // Paragraph: true
-    // Strikethrough: true
-    .body-medium-base-strikethrough-paragraph {
-        @apply text-base font-medium leading-normal line-through text-color;
-    }
-    .body-medium-base-strikethrough-secondary-paragraph {
-        @apply text-base font-medium leading-normal line-through text-color-secondary;
-    }
-    .body-medium-base-strikethrough-primary-paragraph {
-        @apply text-base font-medium leading-normal line-through text-primary;
-    }
-    .body-medium-base-strikethrough-paragraph-disabled {
-        @apply text-base font-medium leading-normal line-through text-color grayscale;
-    }
-    .body-medium-base-strikethrough-secondary-paragraph-disabled {
-        @apply text-base font-medium leading-normal line-through text-color-secondary grayscale;
-    }
-    .body-medium-base-strikethrough-primary-paragraph-disabled {
-        @apply text-base font-medium leading-normal line-through text-primary grayscale;
-    }
-
-    // Body base regular
-    // Paragraph: false
-    .body-regular-base {
-        @apply text-base font-normal leading-auto no-underline text-color;
-    }
-    .body-regular-base-secondary {
-        @apply text-base font-normal leading-auto no-underline text-color-secondary;
-    }
-    .body-regular-base-primary {
-        @apply text-base font-normal leading-auto no-underline text-primary;
-    }
-    .body-regular-base-disabled {
-        @apply text-base font-normal leading-auto no-underline text-color grayscale;
-    }
-    .body-regular-base-secondary-disabled {
-        @apply text-base font-normal leading-auto no-underline text-color-secondary grayscale;
-    }
-    .body-regular-base-primary-disabled {
-        @apply text-base font-normal leading-auto no-underline text-primary grayscale;
-    }
-
-    // Body base regular
-    // Paragraph: false
-    // Strikethrough: true
-    .body-regular-base-strikethrough {
-        @apply text-base font-normal leading-auto line-through text-color;
-    }
-    .body-regular-base-strikethrough-secondary {
-        @apply text-base font-normal leading-auto line-through text-color-secondary;
-    }
-    .body-regular-base-strikethrough-primary {
-        @apply text-base font-normal leading-auto line-through text-primary;
-    }
-    .body-regular-base-strikethrough-disabled {
-        @apply text-base font-normal leading-auto line-through text-color grayscale;
-    }
-    .body-regular-base-strikethrough-secondary-disabled {
-        @apply text-base font-normal leading-auto line-through text-color-secondary grayscale;
-    }
-    .body-regular-base-strikethrough-primary-disabled {
-        @apply text-base font-normal leading-auto line-through text-primary grayscale;
-    }
-
-    // Body base regular
-    // Paragraph: true
-    .body-regular-base-paragraph {
-        @apply text-base font-normal leading-normal no-underline text-color;
-    }
-    .body-regular-base-secondary-paragraph {
-        @apply text-base font-normal leading-normal no-underline text-color-secondary;
-    }
-    .body-regular-base-primary-paragraph {
-        @apply text-base font-normal leading-normal no-underline text-primary;
-    }
-    .body-regular-base-paragraph-disabled {
-        @apply text-base font-normal leading-normal no-underline text-color grayscale;
-    }
-    .body-regular-base-secondary-paragraph-disabled {
-        @apply text-base font-normal leading-normal no-underline text-color-secondary grayscale;
-    }
-    .body-regular-base-primary-paragraph-disabled {
-        @apply text-base font-normal leading-normal no-underline text-primary grayscale;
-    }
-
-    // Body base regular
-    // Paragraph: true
-    // Strikethrough: true
-    .body-regular-base-strikethrough-paragraph {
-        @apply text-base font-normal leading-normal line-through text-color;
-    }
-    .body-regular-base-strikethrough-secondary-paragraph {
-        @apply text-base font-normal leading-normal line-through text-color-secondary;
-    }
-    .body-regular-base-strikethrough-primary-paragraph {
-        @apply text-base font-normal leading-normal line-through text-primary;
-    }
-    .body-regular-base-strikethrough-paragraph-disabled {
-        @apply text-base font-normal leading-normal line-through text-color grayscale;
-    }
-    .body-regular-base-strikethrough-secondary-paragraph-disabled {
-        @apply text-base font-normal leading-normal line-through text-color-secondary grayscale;
-    }
-    .body-regular-base-strikethrough-primary-paragraph-disabled {
-        @apply text-base font-normal leading-normal line-through text-primary grayscale;
-    }
-
-    // Subtitle
-    // Base: true
-    .subtitle-base {
-        @apply text-base font-bold leading-auto uppercase text-color;
-    }
-    .subtitle-base-secondary {
-        @apply text-base font-bold leading-auto uppercase text-color-secondary;
-    }
-    .subtitle-base-primary {
-        @apply text-base font-bold leading-auto uppercase text-primary;
-    }
-
-    // Subtitle
-    // Base: false
-    .subtitle-sm {
-        @apply text-sm font-bold leading-auto uppercase text-color;
-    }
-    .subtitle-sm-secondary {
-        @apply text-sm font-bold leading-auto uppercase text-color-secondary;
-    }
-    .subtitle-sm-primary {
-        @apply text-sm font-bold leading-auto uppercase text-primary;
-    }
-
-    // Caption
-    // Disabled: false
-    .caption {
-        @apply text-sm font-normal leading-auto no-underline text-color;
-    }
-
-    .caption-secondary {
-        @apply text-sm font-normal leading-auto no-underline text-color-secondary;
-    }
-
-    .caption-primary {
-        @apply text-sm font-normal leading-auto no-underline text-primary;
-    }
-
-    // Caption
-    // Disabled: true
-    .caption-disabled {
-        @apply text-sm font-normal leading-auto no-underline text-color grayscale;
-    }
-
-    .caption-secondary-disabled {
-        @apply text-sm font-normal leading-auto no-underline text-color-secondary grayscale;
-    }
-
-    .caption-primary-disabled {
-        @apply text-sm font-normal leading-auto no-underline text-primary grayscale;
-    }
-
-    // Service
-    // Danger
-    .service-danger-base {
-        @apply text-base font-normal leading-auto no-underline text-danger;
-    }
-    .service-danger-sm {
-        @apply text-sm font-normal leading-auto no-underline text-danger;
-    }
-
-    // Service
-    // Warning
-    .service-warning-base {
-        @apply text-base font-normal leading-auto no-underline text-warning;
-    }
-    .service-warning-sm {
-        @apply text-sm font-normal leading-auto no-underline text-warning;
-    }
-
-    // Service
-    // Success
-    .service-success-base {
-        @apply text-base font-normal leading-auto no-underline text-success;
-    }
-    .service-success-sm {
-        @apply text-sm font-normal leading-auto no-underline text-success;
-    }
-
-    // Service
-    // Info
-    .service-info-base {
-        @apply text-base font-normal leading-auto no-underline text-info;
-    }
-    .service-info-sm {
-        @apply text-sm font-normal leading-auto no-underline text-info;
-    }
-
-    // Service
-    // Help
-    .service-help-base {
-        @apply text-base font-normal leading-auto no-underline text-help;
-    }
-    .service-help-sm {
-        @apply text-sm font-normal leading-auto no-underline text-help;
-    }
-
-    // Anchor
-    // Base: true
-    .anchor-base {
-        @apply text-base font-normal leading-auto no-underline text-info hover:underline;
-    }
-    .anchor-base:visited {
-        @apply text-base font-normal leading-auto no-underline text-help hover:underline;
-    }
-
-    // Anchor
-    // Base: false
-    .anchor-sm {
-        @apply text-sm font-normal leading-auto no-underline text-info hover:underline;
-    }
-    .anchor-sm:visited {
-        @apply text-sm font-normal leading-auto no-underline text-help hover:underline;
-    }
-}
diff --git a/primeng-sass-theme/themes/base/tailwind.css b/primeng-sass-theme/themes/base/tailwind.css
deleted file mode 100644
index b5c61c9..0000000
--- a/primeng-sass-theme/themes/base/tailwind.css
+++ /dev/null
@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
diff --git a/primeng-sass-theme/themes/brand/brand-dark-primary.scss b/primeng-sass-theme/themes/brand/brand-dark-primary.scss
deleted file mode 100644
index ee63795..0000000
--- a/primeng-sass-theme/themes/brand/brand-dark-primary.scss
+++ /dev/null
@@ -1,91 +0,0 @@
-@use '../base/tailwind.css';
-
-@import '../../theme-base/spacing';
-@import '../base/colors';
-@import '../base/generator';
-@import 'brand-primary/primary';
-@import '../base/global';
-@import '../base-dark/variables';
-@import '../base/root';
-@import '../base/media-querry';
-@import '../base/styles-tailwind.scss';
-@import '../../theme-base/mixins';
-@import '../../theme-base/common';
-@import '../../theme-base/typography-mode';
-
-//Button
-@import '../../theme-base/components/button/button';
-
-// Form
-@import '../../theme-base/components/input/inputtext';
-@import '../../theme-base/components/input/inputtextarea';
-@import '../../theme-base/components/input/inputotp';
-@import '../../theme-base/components/input/listbox';
-@import '../../theme-base/components/input/dropdown';
-@import '../../theme-base/components/input/multiselect';
-@import '../../theme-base/components/input/password';
-@import '../../theme-base/components/input/inputgroup';
-@import '../../theme-base/components/input/iconfield';
-@import '../../theme-base/components/input/inputnumber';
-@import '../../theme-base/components/input/inputicon';
-@import '../../theme-base/components/input/checkbox';
-@import '../../theme-base/components/input/radiobutton';
-@import '../../theme-base/components/input/inputswitch';
-@import '../../theme-base/components/input/selectbutton';
-@import '../../theme-base/components/input/togglebutton';
-@import '../../theme-base/components/input/chips';
-@import '../../theme-base/components/input/slider';
-@import '../../theme-base/components/input/rating';
-@import '../../theme-base/components/input/calendar';
-@import '../../theme-base/components/input/autocomplete';
-
-//Panel
-@import '../../theme-base/components/panel/tabview';
-@import '../../theme-base/components/panel/divider';
-@import '../../theme-base/components/panel/scrollpanel';
-@import '../../theme-base/components/panel/accordion';
-@import '../../theme-base/components/panel/stepper';
-@import '../../theme-base/components/panel/card';
-
-//Overlay
-@import '../../theme-base/components/overlay/tooltip';
-@import '../../theme-base/components/overlay/dialog';
-@import '../../theme-base/components/overlay/overlaypanel';
-@import '../../theme-base/components/overlay/sidebar';
-
-//Misc
-@import '../../theme-base/components/misc/avatar';
-@import '../../theme-base/components/misc/badge';
-@import '../../theme-base/components/misc/tag';
-@import '../../theme-base/components/misc/progressbar';
-@import '../../theme-base/components/misc/progressspinner';
-@import '../../theme-base/components/misc/metergroup';
-@import '../../theme-base/components/misc/chip';
-@import '../../theme-base/components/misc/skeleton';
-
-//Messages
-@import '../../theme-base/components/messages/message';
-@import '../../theme-base/components/messages/toast';
-
-//Menu
-@import '../../theme-base/components/menu/breadcrumb';
-@import '../../theme-base/components/menu/menubar';
-@import '../../theme-base/components/menu/megamenu';
-@import '../../theme-base/components/menu/menu';
-@import '../../theme-base/components/menu/tieredmenu';
-@import '../../theme-base/components/menu/tabmenu';
-@import '../../theme-base/components/menu/panelmenu';
-@import '../../theme-base/components/menu/contextmenu';
-@import '../../theme-base/components/menu/steps';
-
-// Data
-@import '../../theme-base/components/data/timeline';
-@import '../../theme-base/components/data/carousel';
-@import '../../theme-base/components/data/datatable';
-@import '../../theme-base/components/data/paginator';
-
-// Multimedia
-@import '../../theme-base/components/multimedia/galleria';
-
-// File
-@import '../../theme-base/components/file/fileupload';
diff --git a/primeng-sass-theme/themes/brand/brand-dark-secondary.scss b/primeng-sass-theme/themes/brand/brand-dark-secondary.scss
deleted file mode 100644
index d0817e1..0000000
--- a/primeng-sass-theme/themes/brand/brand-dark-secondary.scss
+++ /dev/null
@@ -1,91 +0,0 @@
-@use '../base/tailwind.css';
-
-@import '../../theme-base/spacing';
-@import '../base/colors';
-@import '../base/generator';
-@import 'brand-secondary/secondary';
-@import '../base/global';
-@import '../base-dark/variables';
-@import '../base/root';
-@import '../base/media-querry';
-@import '../base/styles-tailwind.scss';
-@import '../../theme-base/mixins';
-@import '../../theme-base/common';
-@import '../../theme-base/typography-mode';
-
-//Button
-@import '../../theme-base/components/button/button';
-
-// Form
-@import '../../theme-base/components/input/inputtext';
-@import '../../theme-base/components/input/inputtextarea';
-@import '../../theme-base/components/input/inputotp';
-@import '../../theme-base/components/input/listbox';
-@import '../../theme-base/components/input/dropdown';
-@import '../../theme-base/components/input/multiselect';
-@import '../../theme-base/components/input/password';
-@import '../../theme-base/components/input/inputgroup';
-@import '../../theme-base/components/input/iconfield';
-@import '../../theme-base/components/input/inputnumber';
-@import '../../theme-base/components/input/inputicon';
-@import '../../theme-base/components/input/checkbox';
-@import '../../theme-base/components/input/radiobutton';
-@import '../../theme-base/components/input/inputswitch';
-@import '../../theme-base/components/input/selectbutton';
-@import '../../theme-base/components/input/togglebutton';
-@import '../../theme-base/components/input/chips';
-@import '../../theme-base/components/input/slider';
-@import '../../theme-base/components/input/rating';
-@import '../../theme-base/components/input/calendar';
-@import '../../theme-base/components/input/autocomplete';
-
-//Panel
-@import '../../theme-base/components/panel/tabview';
-@import '../../theme-base/components/panel/divider';
-@import '../../theme-base/components/panel/scrollpanel';
-@import '../../theme-base/components/panel/accordion';
-@import '../../theme-base/components/panel/stepper';
-@import '../../theme-base/components/panel/card';
-
-//Overlay
-@import '../../theme-base/components/overlay/tooltip';
-@import '../../theme-base/components/overlay/dialog';
-@import '../../theme-base/components/overlay/overlaypanel';
-@import '../../theme-base/components/overlay/sidebar';
-
-//Misc
-@import '../../theme-base/components/misc/avatar';
-@import '../../theme-base/components/misc/badge';
-@import '../../theme-base/components/misc/tag';
-@import '../../theme-base/components/misc/progressbar';
-@import '../../theme-base/components/misc/progressspinner';
-@import '../../theme-base/components/misc/metergroup';
-@import '../../theme-base/components/misc/chip';
-@import '../../theme-base/components/misc/skeleton';
-
-//Messages
-@import '../../theme-base/components/messages/message';
-@import '../../theme-base/components/messages/toast';
-
-//Menu
-@import '../../theme-base/components/menu/breadcrumb';
-@import '../../theme-base/components/menu/menubar';
-@import '../../theme-base/components/menu/megamenu';
-@import '../../theme-base/components/menu/menu';
-@import '../../theme-base/components/menu/tieredmenu';
-@import '../../theme-base/components/menu/tabmenu';
-@import '../../theme-base/components/menu/panelmenu';
-@import '../../theme-base/components/menu/contextmenu';
-@import '../../theme-base/components/menu/steps';
-
-// Data
-@import '../../theme-base/components/data/timeline';
-@import '../../theme-base/components/data/carousel';
-@import '../../theme-base/components/data/datatable';
-@import '../../theme-base/components/data/paginator';
-
-// Multimedia
-@import '../../theme-base/components/multimedia/galleria';
-
-// File
-@import '../../theme-base/components/file/fileupload';
diff --git a/primeng-sass-theme/themes/brand/brand-light-primary.scss b/primeng-sass-theme/themes/brand/brand-light-primary.scss
deleted file mode 100644
index 41a31b5..0000000
--- a/primeng-sass-theme/themes/brand/brand-light-primary.scss
+++ /dev/null
@@ -1,92 +0,0 @@
-@use '../base/tailwind.css';
-
-@import '../../theme-base/spacing';
-@import '../base/colors';
-@import '../base/generator';
-@import 'brand-primary/primary';
-@import '../base/global';
-@import '../base-light/variables';
-@import '../base/root';
-@import '../base/media-querry';
-@import '../base/styles-tailwind.scss';
-@import '../../theme-base/mixins';
-@import '../../theme-base/common';
-@import '../../theme-base/typography-mode';
-
-//Button
-@import '../../theme-base/components/button/button';
-
-// Form
-@import '../../theme-base/components/input/inputtext';
-@import '../../theme-base/components/input/inputtextarea';
-@import '../../theme-base/components/input/inputotp';
-@import '../../theme-base/components/input/listbox';
-@import '../../theme-base/components/input/dropdown';
-@import '../../theme-base/components/input/multiselect';
-@import '../../theme-base/components/input/password';
-@import '../../theme-base/components/input/inputgroup';
-@import '../../theme-base/components/input/iconfield';
-@import '../../theme-base/components/input/inputicon';
-@import '../../theme-base/components/input/inputnumber';
-@import '../../theme-base/components/input/checkbox';
-@import '../../theme-base/components/input/radiobutton';
-@import '../../theme-base/components/input/inputswitch';
-@import '../../theme-base/components/input/selectbutton';
-@import '../../theme-base/components/input/togglebutton';
-@import '../../theme-base/components/input/chips';
-@import '../../theme-base/components/input/slider';
-@import '../../theme-base/components/input/rating';
-@import '../../theme-base/components/input/calendar';
-@import '../../theme-base/components/input/autocomplete';
-@import '../../theme-base/components/input/floatlabel';
-
-//Panel
-@import '../../theme-base/components/panel/tabview';
-@import '../../theme-base/components/panel/divider';
-@import '../../theme-base/components/panel/scrollpanel';
-@import '../../theme-base/components/panel/accordion';
-@import '../../theme-base/components/panel/stepper';
-@import '../../theme-base/components/panel/card';
-
-//Overlay
-@import '../../theme-base/components/overlay/tooltip';
-@import '../../theme-base/components/overlay/dialog';
-@import '../../theme-base/components/overlay/overlaypanel';
-@import '../../theme-base/components/overlay/sidebar';
-
-//Misc
-@import '../../theme-base/components/misc/avatar';
-@import '../../theme-base/components/misc/badge';
-@import '../../theme-base/components/misc/tag';
-@import '../../theme-base/components/misc/progressbar';
-@import '../../theme-base/components/misc/progressspinner';
-@import '../../theme-base/components/misc/metergroup';
-@import '../../theme-base/components/misc/chip';
-@import '../../theme-base/components/misc/skeleton';
-
-//Messages
-@import '../../theme-base/components/messages/message';
-@import '../../theme-base/components/messages/toast';
-
-//Menu
-@import '../../theme-base/components/menu/breadcrumb';
-@import '../../theme-base/components/menu/menubar';
-@import '../../theme-base/components/menu/megamenu';
-@import '../../theme-base/components/menu/menu';
-@import '../../theme-base/components/menu/tieredmenu';
-@import '../../theme-base/components/menu/tabmenu';
-@import '../../theme-base/components/menu/panelmenu';
-@import '../../theme-base/components/menu/contextmenu';
-@import '../../theme-base/components/menu/steps';
-
-// Data
-@import '../../theme-base/components/data/timeline';
-@import '../../theme-base/components/data/carousel';
-@import '../../theme-base/components/data/datatable';
-@import '../../theme-base/components/data/paginator';
-
-// Multimedia
-@import '../../theme-base/components/multimedia/galleria';
-
-// File
-@import '../../theme-base/components/file/fileupload';
diff --git a/primeng-sass-theme/themes/brand/brand-light-secondary.scss b/primeng-sass-theme/themes/brand/brand-light-secondary.scss
deleted file mode 100644
index 8704671..0000000
--- a/primeng-sass-theme/themes/brand/brand-light-secondary.scss
+++ /dev/null
@@ -1,91 +0,0 @@
-@use '../base/tailwind.css';
-
-@import '../../theme-base/spacing';
-@import '../base/colors';
-@import '../base/generator';
-@import 'brand-secondary/secondary';
-@import '../base/global';
-@import '../base-light/variables';
-@import '../base/root';
-@import '../base/media-querry';
-@import '../base/styles-tailwind.scss';
-@import '../../theme-base/mixins';
-@import '../../theme-base/common';
-@import '../../theme-base/typography-mode';
-
-//Button
-@import '../../theme-base/components/button/button';
-
-// Form
-@import '../../theme-base/components/input/inputtext';
-@import '../../theme-base/components/input/inputtextarea';
-@import '../../theme-base/components/input/inputotp';
-@import '../../theme-base/components/input/listbox';
-@import '../../theme-base/components/input/dropdown';
-@import '../../theme-base/components/input/multiselect';
-@import '../../theme-base/components/input/password';
-@import '../../theme-base/components/input/inputgroup';
-@import '../../theme-base/components/input/iconfield';
-@import '../../theme-base/components/input/inputicon';
-@import '../../theme-base/components/input/inputnumber';
-@import '../../theme-base/components/input/checkbox';
-@import '../../theme-base/components/input/radiobutton';
-@import '../../theme-base/components/input/inputswitch';
-@import '../../theme-base/components/input/selectbutton';
-@import '../../theme-base/components/input/togglebutton';
-@import '../../theme-base/components/input/chips';
-@import '../../theme-base/components/input/slider';
-@import '../../theme-base/components/input/rating';
-@import '../../theme-base/components/input/calendar';
-@import '../../theme-base/components/input/autocomplete';
-
-//Panel
-@import '../../theme-base/components/panel/tabview';
-@import '../../theme-base/components/panel/divider';
-@import '../../theme-base/components/panel/scrollpanel';
-@import '../../theme-base/components/panel/accordion';
-@import '../../theme-base/components/panel/stepper';
-@import '../../theme-base/components/panel/card';
-
-//Overlay
-@import '../../theme-base/components/overlay/tooltip';
-@import '../../theme-base/components/overlay/dialog';
-@import '../../theme-base/components/overlay/overlaypanel';
-@import '../../theme-base/components/overlay/sidebar';
-
-//Misc
-@import '../../theme-base/components/misc/avatar';
-@import '../../theme-base/components/misc/badge';
-@import '../../theme-base/components/misc/tag';
-@import '../../theme-base/components/misc/progressbar';
-@import '../../theme-base/components/misc/progressspinner';
-@import '../../theme-base/components/misc/metergroup';
-@import '../../theme-base/components/misc/chip';
-@import '../../theme-base/components/misc/skeleton';
-
-//Messages
-@import '../../theme-base/components/messages/message';
-@import '../../theme-base/components/messages/toast';
-
-//Menu
-@import '../../theme-base/components/menu/breadcrumb';
-@import '../../theme-base/components/menu/menubar';
-@import '../../theme-base/components/menu/megamenu';
-@import '../../theme-base/components/menu/menu';
-@import '../../theme-base/components/menu/tieredmenu';
-@import '../../theme-base/components/menu/tabmenu';
-@import '../../theme-base/components/menu/panelmenu';
-@import '../../theme-base/components/menu/contextmenu';
-@import '../../theme-base/components/menu/steps';
-
-// Data
-@import '../../theme-base/components/data/timeline';
-@import '../../theme-base/components/data/carousel';
-@import '../../theme-base/components/data/datatable';
-@import '../../theme-base/components/data/paginator';
-
-// Multimedia
-@import '../../theme-base/components/multimedia/galleria';
-
-// File
-@import '../../theme-base/components/file/fileupload';
diff --git a/primeng-sass-theme/themes/brand/brand-primary/_primary.scss b/primeng-sass-theme/themes/brand/brand-primary/_primary.scss
deleted file mode 100644
index a49c97d..0000000
--- a/primeng-sass-theme/themes/brand/brand-primary/_primary.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-// Экспортируемые переменный из figma Color scheme brand Primary
-
-// Groupless
-$primary-0: var(--emerald-0);
-$primary-900: var(--emerald-900);
-$primary-800: var(--emerald-800);
-$primary-700: var(--emerald-700);
-$primary-600: var(--emerald-600);
-$primary-500: var(--emerald-500);
-$primary-400: var(--emerald-400);
-$primary-300: var(--emerald-300);
-$primary-200: var(--emerald-200);
-$primary-100: var(--emerald-100);
-$primary-50: var(--emerald-50);
-$primary-alpha: var(--emerald-alpha);
diff --git a/primeng-sass-theme/themes/brand/brand-secondary/_secondary.scss b/primeng-sass-theme/themes/brand/brand-secondary/_secondary.scss
deleted file mode 100644
index 5181404..0000000
--- a/primeng-sass-theme/themes/brand/brand-secondary/_secondary.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-// Экспортируемые переменный из figma Color scheme brand Secondary
-
-// Groupless
-$primary-0: var(--citrine-0);
-$primary-900: var(--citrine-900);
-$primary-800: var(--citrine-800);
-$primary-700: var(--citrine-700);
-$primary-600: var(--citrine-600);
-$primary-500: var(--citrine-500);
-$primary-400: var(--citrine-400);
-$primary-300: var(--citrine-300);
-$primary-200: var(--citrine-200);
-$primary-100: var(--citrine-100);
-$primary-50: var(--citrine-50);
-$primary-alpha: var(--citrine-alpha);
diff --git a/primeng-sass-theme/themes/ek5/ek5-dark-primary.scss b/primeng-sass-theme/themes/ek5/ek5-dark-primary.scss
deleted file mode 100644
index cf05e21..0000000
--- a/primeng-sass-theme/themes/ek5/ek5-dark-primary.scss
+++ /dev/null
@@ -1,91 +0,0 @@
-@use '../base/tailwind.css';
-
-@import '../../theme-base/spacing';
-@import '../base/colors';
-@import '../base/generator';
-@import 'ek5-primary/primary';
-@import '../base/global';
-@import '../base-dark/variables';
-@import '../base/root';
-@import '../base/media-querry';
-@import '../base/styles-tailwind.scss';
-@import '../../theme-base/mixins';
-@import '../../theme-base/common';
-@import '../../theme-base/typography-mode';
-
-//Button
-@import '../../theme-base/components/button/button';
-
-// Form
-@import '../../theme-base/components/input/inputtext';
-@import '../../theme-base/components/input/inputtextarea';
-@import '../../theme-base/components/input/inputotp';
-@import '../../theme-base/components/input/listbox';
-@import '../../theme-base/components/input/dropdown';
-@import '../../theme-base/components/input/multiselect';
-@import '../../theme-base/components/input/password';
-@import '../../theme-base/components/input/inputgroup';
-@import '../../theme-base/components/input/iconfield';
-@import '../../theme-base/components/input/inputnumber';
-@import '../../theme-base/components/input/inputicon';
-@import '../../theme-base/components/input/checkbox';
-@import '../../theme-base/components/input/radiobutton';
-@import '../../theme-base/components/input/inputswitch';
-@import '../../theme-base/components/input/selectbutton';
-@import '../../theme-base/components/input/togglebutton';
-@import '../../theme-base/components/input/chips';
-@import '../../theme-base/components/input/slider';
-@import '../../theme-base/components/input/rating';
-@import '../../theme-base/components/input/calendar';
-@import '../../theme-base/components/input/autocomplete';
-
-//Panel
-@import '../../theme-base/components/panel/tabview';
-@import '../../theme-base/components/panel/divider';
-@import '../../theme-base/components/panel/scrollpanel';
-@import '../../theme-base/components/panel/accordion';
-@import '../../theme-base/components/panel/stepper';
-@import '../../theme-base/components/panel/card';
-
-//Overlay
-@import '../../theme-base/components/overlay/tooltip';
-@import '../../theme-base/components/overlay/dialog';
-@import '../../theme-base/components/overlay/overlaypanel';
-@import '../../theme-base/components/overlay/sidebar';
-
-//Misc
-@import '../../theme-base/components/misc/avatar';
-@import '../../theme-base/components/misc/badge';
-@import '../../theme-base/components/misc/tag';
-@import '../../theme-base/components/misc/progressbar';
-@import '../../theme-base/components/misc/progressspinner';
-@import '../../theme-base/components/misc/metergroup';
-@import '../../theme-base/components/misc/chip';
-@import '../../theme-base/components/misc/skeleton';
-
-//Messages
-@import '../../theme-base/components/messages/message';
-@import '../../theme-base/components/messages/toast';
-
-//Menu
-@import '../../theme-base/components/menu/breadcrumb';
-@import '../../theme-base/components/menu/menubar';
-@import '../../theme-base/components/menu/megamenu';
-@import '../../theme-base/components/menu/menu';
-@import '../../theme-base/components/menu/tieredmenu';
-@import '../../theme-base/components/menu/tabmenu';
-@import '../../theme-base/components/menu/panelmenu';
-@import '../../theme-base/components/menu/contextmenu';
-@import '../../theme-base/components/menu/steps';
-
-// Data
-@import '../../theme-base/components/data/timeline';
-@import '../../theme-base/components/data/carousel';
-@import '../../theme-base/components/data/datatable';
-@import '../../theme-base/components/data/paginator';
-
-// Multimedia
-@import '../../theme-base/components/multimedia/galleria';
-
-// File
-@import '../../theme-base/components/file/fileupload';
diff --git a/primeng-sass-theme/themes/ek5/ek5-dark-secondary.scss b/primeng-sass-theme/themes/ek5/ek5-dark-secondary.scss
deleted file mode 100644
index 7e5bedf..0000000
--- a/primeng-sass-theme/themes/ek5/ek5-dark-secondary.scss
+++ /dev/null
@@ -1,91 +0,0 @@
-@use '../base/tailwind.css';
-
-@import '../../theme-base/spacing';
-@import '../base/colors';
-@import '../base/generator';
-@import 'ek5-secondary/secondary';
-@import '../base/global';
-@import '../base-dark/variables';
-@import '../base/root';
-@import '../base/media-querry';
-@import '../base/styles-tailwind.scss';
-@import '../../theme-base/mixins';
-@import '../../theme-base/common';
-@import '../../theme-base/typography-mode';
-
-//Button
-@import '../../theme-base/components/button/button';
-
-// Form
-@import '../../theme-base/components/input/inputtext';
-@import '../../theme-base/components/input/inputtextarea';
-@import '../../theme-base/components/input/inputotp';
-@import '../../theme-base/components/input/listbox';
-@import '../../theme-base/components/input/dropdown';
-@import '../../theme-base/components/input/multiselect';
-@import '../../theme-base/components/input/password';
-@import '../../theme-base/components/input/inputgroup';
-@import '../../theme-base/components/input/iconfield';
-@import '../../theme-base/components/input/inputnumber';
-@import '../../theme-base/components/input/inputicon';
-@import '../../theme-base/components/input/checkbox';
-@import '../../theme-base/components/input/radiobutton';
-@import '../../theme-base/components/input/inputswitch';
-@import '../../theme-base/components/input/selectbutton';
-@import '../../theme-base/components/input/togglebutton';
-@import '../../theme-base/components/input/chips';
-@import '../../theme-base/components/input/slider';
-@import '../../theme-base/components/input/rating';
-@import '../../theme-base/components/input/calendar';
-@import '../../theme-base/components/input/autocomplete';
-
-//Panel
-@import '../../theme-base/components/panel/tabview';
-@import '../../theme-base/components/panel/divider';
-@import '../../theme-base/components/panel/scrollpanel';
-@import '../../theme-base/components/panel/accordion';
-@import '../../theme-base/components/panel/stepper';
-@import '../../theme-base/components/panel/card';
-
-//Overlay
-@import '../../theme-base/components/overlay/tooltip';
-@import '../../theme-base/components/overlay/dialog';
-@import '../../theme-base/components/overlay/overlaypanel';
-@import '../../theme-base/components/overlay/sidebar';
-
-//Misc
-@import '../../theme-base/components/misc/avatar';
-@import '../../theme-base/components/misc/badge';
-@import '../../theme-base/components/misc/tag';
-@import '../../theme-base/components/misc/progressbar';
-@import '../../theme-base/components/misc/progressspinner';
-@import '../../theme-base/components/misc/metergroup';
-@import '../../theme-base/components/misc/chip';
-@import '../../theme-base/components/misc/skeleton';
-
-//Messages
-@import '../../theme-base/components/messages/message';
-@import '../../theme-base/components/messages/toast';
-
-//Menu
-@import '../../theme-base/components/menu/breadcrumb';
-@import '../../theme-base/components/menu/menubar';
-@import '../../theme-base/components/menu/megamenu';
-@import '../../theme-base/components/menu/menu';
-@import '../../theme-base/components/menu/tieredmenu';
-@import '../../theme-base/components/menu/tabmenu';
-@import '../../theme-base/components/menu/panelmenu';
-@import '../../theme-base/components/menu/contextmenu';
-@import '../../theme-base/components/menu/steps';
-
-// Data
-@import '../../theme-base/components/data/timeline';
-@import '../../theme-base/components/data/carousel';
-@import '../../theme-base/components/data/datatable';
-@import '../../theme-base/components/data/paginator';
-
-// Multimedia
-@import '../../theme-base/components/multimedia/galleria';
-
-// File
-@import '../../theme-base/components/file/fileupload';
diff --git a/primeng-sass-theme/themes/ek5/ek5-light-primary.scss b/primeng-sass-theme/themes/ek5/ek5-light-primary.scss
deleted file mode 100644
index f752465..0000000
--- a/primeng-sass-theme/themes/ek5/ek5-light-primary.scss
+++ /dev/null
@@ -1,92 +0,0 @@
-@use '../base/tailwind.css';
-
-@import '../../theme-base/spacing';
-@import '../base/colors';
-@import '../base/generator';
-@import 'ek5-primary/primary';
-@import '../base/global';
-@import '../base-light/variables';
-@import '../base/root';
-@import '../base/media-querry';
-@import '../base/styles-tailwind.scss';
-@import '../../theme-base/mixins';
-@import '../../theme-base/common';
-@import '../../theme-base/typography-mode';
-
-//Button
-@import '../../theme-base/components/button/button';
-
-// Form
-@import '../../theme-base/components/input/inputtext';
-@import '../../theme-base/components/input/inputtextarea';
-@import '../../theme-base/components/input/inputotp';
-@import '../../theme-base/components/input/listbox';
-@import '../../theme-base/components/input/dropdown';
-@import '../../theme-base/components/input/multiselect';
-@import '../../theme-base/components/input/password';
-@import '../../theme-base/components/input/inputgroup';
-@import '../../theme-base/components/input/iconfield';
-@import '../../theme-base/components/input/inputicon';
-@import '../../theme-base/components/input/inputnumber';
-@import '../../theme-base/components/input/checkbox';
-@import '../../theme-base/components/input/radiobutton';
-@import '../../theme-base/components/input/inputswitch';
-@import '../../theme-base/components/input/selectbutton';
-@import '../../theme-base/components/input/togglebutton';
-@import '../../theme-base/components/input/chips';
-@import '../../theme-base/components/input/slider';
-@import '../../theme-base/components/input/rating';
-@import '../../theme-base/components/input/calendar';
-@import '../../theme-base/components/input/autocomplete';
-@import '../../theme-base/components/input/floatlabel';
-
-//Panel
-@import '../../theme-base/components/panel/tabview';
-@import '../../theme-base/components/panel/divider';
-@import '../../theme-base/components/panel/scrollpanel';
-@import '../../theme-base/components/panel/accordion';
-@import '../../theme-base/components/panel/stepper';
-@import '../../theme-base/components/panel/card';
-
-//Overlay
-@import '../../theme-base/components/overlay/tooltip';
-@import '../../theme-base/components/overlay/dialog';
-@import '../../theme-base/components/overlay/overlaypanel';
-@import '../../theme-base/components/overlay/sidebar';
-
-//Misc
-@import '../../theme-base/components/misc/avatar';
-@import '../../theme-base/components/misc/badge';
-@import '../../theme-base/components/misc/tag';
-@import '../../theme-base/components/misc/progressbar';
-@import '../../theme-base/components/misc/progressspinner';
-@import '../../theme-base/components/misc/metergroup';
-@import '../../theme-base/components/misc/chip';
-@import '../../theme-base/components/misc/skeleton';
-
-//Messages
-@import '../../theme-base/components/messages/message';
-@import '../../theme-base/components/messages/toast';
-
-//Menu
-@import '../../theme-base/components/menu/breadcrumb';
-@import '../../theme-base/components/menu/menubar';
-@import '../../theme-base/components/menu/megamenu';
-@import '../../theme-base/components/menu/menu';
-@import '../../theme-base/components/menu/tieredmenu';
-@import '../../theme-base/components/menu/tabmenu';
-@import '../../theme-base/components/menu/panelmenu';
-@import '../../theme-base/components/menu/contextmenu';
-@import '../../theme-base/components/menu/steps';
-
-// Data
-@import '../../theme-base/components/data/timeline';
-@import '../../theme-base/components/data/carousel';
-@import '../../theme-base/components/data/datatable';
-@import '../../theme-base/components/data/paginator';
-
-// Multimedia
-@import '../../theme-base/components/multimedia/galleria';
-
-// File
-@import '../../theme-base/components/file/fileupload';
diff --git a/primeng-sass-theme/themes/ek5/ek5-light-secondary.scss b/primeng-sass-theme/themes/ek5/ek5-light-secondary.scss
deleted file mode 100644
index b6b63e5..0000000
--- a/primeng-sass-theme/themes/ek5/ek5-light-secondary.scss
+++ /dev/null
@@ -1,91 +0,0 @@
-@use '../base/tailwind.css';
-
-@import '../../theme-base/spacing';
-@import '../base/colors';
-@import '../base/generator';
-@import 'ek5-secondary/secondary';
-@import '../base/global';
-@import '../base-light/variables';
-@import '../base/root';
-@import '../base/media-querry';
-@import '../base/styles-tailwind.scss';
-@import '../../theme-base/mixins';
-@import '../../theme-base/common';
-@import '../../theme-base/typography-mode';
-
-//Button
-@import '../../theme-base/components/button/button';
-
-// Form
-@import '../../theme-base/components/input/inputtext';
-@import '../../theme-base/components/input/inputtextarea';
-@import '../../theme-base/components/input/inputotp';
-@import '../../theme-base/components/input/listbox';
-@import '../../theme-base/components/input/dropdown';
-@import '../../theme-base/components/input/multiselect';
-@import '../../theme-base/components/input/password';
-@import '../../theme-base/components/input/inputgroup';
-@import '../../theme-base/components/input/iconfield';
-@import '../../theme-base/components/input/inputicon';
-@import '../../theme-base/components/input/inputnumber';
-@import '../../theme-base/components/input/checkbox';
-@import '../../theme-base/components/input/radiobutton';
-@import '../../theme-base/components/input/inputswitch';
-@import '../../theme-base/components/input/selectbutton';
-@import '../../theme-base/components/input/togglebutton';
-@import '../../theme-base/components/input/chips';
-@import '../../theme-base/components/input/slider';
-@import '../../theme-base/components/input/rating';
-@import '../../theme-base/components/input/calendar';
-@import '../../theme-base/components/input/autocomplete';
-
-//Panel
-@import '../../theme-base/components/panel/tabview';
-@import '../../theme-base/components/panel/divider';
-@import '../../theme-base/components/panel/scrollpanel';
-@import '../../theme-base/components/panel/accordion';
-@import '../../theme-base/components/panel/stepper';
-@import '../../theme-base/components/panel/card';
-
-//Overlay
-@import '../../theme-base/components/overlay/tooltip';
-@import '../../theme-base/components/overlay/dialog';
-@import '../../theme-base/components/overlay/overlaypanel';
-@import '../../theme-base/components/overlay/sidebar';
-
-//Misc
-@import '../../theme-base/components/misc/avatar';
-@import '../../theme-base/components/misc/badge';
-@import '../../theme-base/components/misc/tag';
-@import '../../theme-base/components/misc/progressbar';
-@import '../../theme-base/components/misc/progressspinner';
-@import '../../theme-base/components/misc/metergroup';
-@import '../../theme-base/components/misc/chip';
-@import '../../theme-base/components/misc/skeleton';
-
-//Messages
-@import '../../theme-base/components/messages/message';
-@import '../../theme-base/components/messages/toast';
-
-//Menu
-@import '../../theme-base/components/menu/breadcrumb';
-@import '../../theme-base/components/menu/menubar';
-@import '../../theme-base/components/menu/megamenu';
-@import '../../theme-base/components/menu/menu';
-@import '../../theme-base/components/menu/tieredmenu';
-@import '../../theme-base/components/menu/tabmenu';
-@import '../../theme-base/components/menu/panelmenu';
-@import '../../theme-base/components/menu/contextmenu';
-@import '../../theme-base/components/menu/steps';
-
-// Data
-@import '../../theme-base/components/data/timeline';
-@import '../../theme-base/components/data/carousel';
-@import '../../theme-base/components/data/datatable';
-@import '../../theme-base/components/data/paginator';
-
-// Multimedia
-@import '../../theme-base/components/multimedia/galleria';
-
-// File
-@import '../../theme-base/components/file/fileupload';
diff --git a/primeng-sass-theme/themes/ek5/ek5-primary/_primary.scss b/primeng-sass-theme/themes/ek5/ek5-primary/_primary.scss
deleted file mode 100644
index a4f1864..0000000
--- a/primeng-sass-theme/themes/ek5/ek5-primary/_primary.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-// Экспортируемые переменный из figma Color scheme Ek5 Primary
-
-// Groupless
-$primary-0: var(--aquamarine-0);
-$primary-900: var(--aquamarine-900);
-$primary-800: var(--aquamarine-800);
-$primary-700: var(--aquamarine-700);
-$primary-600: var(--aquamarine-600);
-$primary-500: var(--aquamarine-500);
-$primary-400: var(--aquamarine-400);
-$primary-300: var(--aquamarine-300);
-$primary-200: var(--aquamarine-200);
-$primary-100: var(--aquamarine-100);
-$primary-50: var(--aquamarine-50);
-$primary-alpha: var(--aquamarine-alpha);
diff --git a/primeng-sass-theme/themes/ek5/ek5-secondary/_secondary.scss b/primeng-sass-theme/themes/ek5/ek5-secondary/_secondary.scss
deleted file mode 100644
index adde123..0000000
--- a/primeng-sass-theme/themes/ek5/ek5-secondary/_secondary.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-// Экспортируемые переменный из figma Color scheme Ek5 Secondary
-
-// Groupless
-$primary-0: var(--amethyst-0);
-$primary-900: var(--amethyst-900);
-$primary-800: var(--amethyst-800);
-$primary-700: var(--amethyst-700);
-$primary-600: var(--amethyst-600);
-$primary-500: var(--amethyst-500);
-$primary-400: var(--amethyst-400);
-$primary-300: var(--amethyst-300);
-$primary-200: var(--amethyst-200);
-$primary-100: var(--amethyst-100);
-$primary-50: var(--amethyst-50);
-$primary-alpha: var(--amethyst-alpha);
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..57614f9
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/routes.txt b/routes.txt
deleted file mode 100644
index 3f3eac8..0000000
--- a/routes.txt
+++ /dev/null
@@ -1,130 +0,0 @@
-/
-/accordion
-/animateonscroll
-/autocomplete
-/autofocus
-/avatar
-/badge
-/blockui
-/breadcrumb
-/button
-/calendar
-/card
-/carousel
-/cascadeselect
-/chart
-/checkbox
-/chip
-/chips
-/colorpicker
-/colors
-/configuration
-/confirmdialog
-/confirmpopup
-/contextmenu
-/customicons
-/dataview
-/defer
-/dialog
-/divider
-/dock
-/dragdrop
-/dropdown
-/dynamicdialog
-/editor
-/fieldset
-/fileupload
-/filterservice
-/floatlabel
-/focustrap
-/galleria
-/guides
-/guides/accessibility
-/guides/csslayer
-/guides/templateupdate
-/iconfield
-/icons
-/image
-/inplace
-/inputgroup
-/inputmask
-/inputnumber
-/inputotp
-/inputswitch
-/inputtext
-/inputtextarea
-/installation
-/keyfilter
-/knob
-/listbox
-/lts
-/megamenu
-/menu
-/menubar
-/messages
-/metergroup
-/multiselect
-/notfound
-/orderlist
-/organizationchart
-/overlay
-/overlaypanel
-/paginator
-/panel
-/panelmenu
-/partners
-/password
-/picklist
-/playground
-/progressbar
-/progressspinner
-/radiobutton
-/rating
-/ripple
-/roadmap
-/scroller
-/scrollpanel
-/scrolltop
-/selectbutton
-/sidebar
-/skeleton
-/slider
-/speeddial
-/splitbutton
-/splitter
-/stepper
-/steps
-/steps/confirmation
-/steps/payment
-/steps/personal
-/steps/seat
-/styleclass
-/support
-/table
-/tabmenu
-/tabview
-/tag
-/team
-/templates
-/templates/apollo
-/templates/atlantis
-/templates/avalon
-/templates/diamond
-/templates/freya
-/templates/poseidon
-/templates/sakai
-/templates/ultima
-/templates/verona
-/terminal
-/theming
-/tieredmenu
-/timeline
-/toast
-/togglebutton
-/toolbar
-/tooltip
-/tree
-/treeselect
-/treetable
-/tristatecheckbox
-/uikit
\ No newline at end of file
diff --git a/server.ts b/server.ts
deleted file mode 100644
index 4382faf..0000000
--- a/server.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { APP_BASE_HREF } from '@angular/common';
-import { CommonEngine } from '@angular/ssr';
-import express from 'express';
-import { fileURLToPath } from 'node:url';
-import { dirname, join, resolve } from 'node:path';
-import bootstrap from './src/main.server';
-// The Express app is exported so that it can be used by serverless Functions.
-export function app(): express.Express {
-    const server = express();
-    const serverDistFolder = dirname(fileURLToPath(import.meta.url));
-    const browserDistFolder = resolve(serverDistFolder, '../browser');
-    const indexHtml = join(serverDistFolder, 'index.server.html');
-
-    const commonEngine = new CommonEngine();
-
-    server.set('view engine', 'html');
-    server.set('views', browserDistFolder);
-
-    // Example Express Rest API endpoints
-    // server.get('/api/**', (req, res) => { });
-    // Serve static files from /browser
-    server.get(
-        '*.*',
-        express.static(browserDistFolder, {
-            maxAge: '1y'
-        })
-    );
-
-    // All regular routes use the Angular engine
-    server.get('*', (req, res, next) => {
-        const { protocol, originalUrl, baseUrl, headers } = req;
-
-        commonEngine
-            .render({
-                bootstrap,
-                documentFilePath: indexHtml,
-                url: `${protocol}://${headers.host}${originalUrl}`,
-                publicPath: browserDistFolder,
-                providers: [{ provide: APP_BASE_HREF, useValue: baseUrl }]
-            })
-            .then((html) => res.send(html))
-            .catch((err) => next(err));
-    });
-
-    return server;
-}
-
-function run(): void {
-    const port = process.env['PORT'] || 4000;
-
-    // Start up the Node server
-    const server = app();
-    server.listen(port, () => {
-        console.log(`Node Express server listening on http://localhost:${port}`);
-    });
-}
-
-run();
diff --git a/src-storybook/app/app.component.html b/src-storybook/app/app.component.html
deleted file mode 100644
index 2f1b40d..0000000
--- a/src-storybook/app/app.component.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="flex p-8">
-    <p-button label="Hello PrimeNG"></p-button>
-</div>
-
diff --git a/src-storybook/app/app.component.scss b/src-storybook/app/app.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src-storybook/app/app.component.ts b/src-storybook/app/app.component.ts
deleted file mode 100644
index 429a0fc..0000000
--- a/src-storybook/app/app.component.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
-import {Button} from "primeng/button";
-
-@Component({
-  selector: 'app-root',
-  standalone: true,
-  imports: [RouterOutlet, Button],
-  templateUrl: './app.component.html',
-  styleUrl: './app.component.scss'
-})
-export class AppComponent {
-  title = 'ng-storybook';
-}
diff --git a/src-storybook/app/app.config.ts b/src-storybook/app/app.config.ts
deleted file mode 100644
index a1e7d6f..0000000
--- a/src-storybook/app/app.config.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
-import { provideRouter } from '@angular/router';
-
-import { routes } from './app.routes';
-
-export const appConfig: ApplicationConfig = {
-  providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes)]
-};
diff --git a/src-storybook/assets/themes/brand-dark-primary/theme.css b/src-storybook/assets/themes/brand-dark-primary/theme.css
deleted file mode 100644
index 63a5e81..0000000
--- a/src-storybook/assets/themes/brand-dark-primary/theme.css
+++ /dev/null
@@ -1,9924 +0,0 @@
-@charset "UTF-8";
-*, ::before, ::after{
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-::backdrop{
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*/
-/*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-::before,
-::after {
-  --tw-content: '';
-}
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: Roboto, sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-/*
-Remove the default font size and weight for headings.
-*/
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-/*
-Add the correct font weight in Edge and Safari.
-*/
-b,
-strong {
-  font-weight: bolder;
-}
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-/*
-Add the correct font size in all browsers.
-*/
-small {
-  font-size: 80%;
-}
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-button,
-select {
-  text-transform: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-:-moz-focusring {
-  outline: auto;
-}
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-progress {
-  vertical-align: baseline;
-}
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-/*
-Add the correct display in Chrome and Safari.
-*/
-summary {
-  display: list-item;
-}
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-legend {
-  padding: 0;
-}
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-/*
-Prevent resizing textareas horizontally by default.
-*/
-textarea {
-  resize: vertical;
-}
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-/*
-Set the default cursor for buttons.
-*/
-button,
-[role="button"] {
-  cursor: pointer;
-}
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}
-.container{
-  width: 100%;
-}
-@media (min-width: 1px){
-  .container{
-    max-width: 1px;
-  }
-}
-@media (min-width: 768px){
-  .container{
-    max-width: 768px;
-  }
-}
-@media (min-width: 1200px){
-  .container{
-    max-width: 1200px;
-  }
-}
-@media (min-width: 1280px){
-  .container{
-    max-width: 1280px;
-  }
-}
-@media (min-width: 1536px){
-  .container{
-    max-width: 1536px;
-  }
-}
-.pointer-events-none{
-  pointer-events: none;
-}
-.\!visible{
-  visibility: visible !important;
-}
-.visible{
-  visibility: visible;
-}
-.collapse{
-  visibility: collapse;
-}
-.static{
-  position: static;
-}
-.fixed{
-  position: fixed;
-}
-.absolute{
-  position: absolute;
-}
-.relative{
-  position: relative;
-}
-.sticky{
-  position: sticky;
-}
-.left-0{
-  left: 0px;
-}
-.right-0{
-  right: 0px;
-}
-.top-0{
-  top: 0px;
-}
-.top-auto{
-  top: auto;
-}
-.z-1{
-  z-index: 1;
-}
-.col-span-12{
-  grid-column: span 12 / span 12;
-}
-.col-span-2{
-  grid-column: span 2 / span 2;
-}
-.col-span-6{
-  grid-column: span 6 / span 6;
-}
-.col-span-8{
-  grid-column: span 8 / span 8;
-}
-.m-0{
-  margin: 0px;
-}
-.m-2{
-  margin: 0.5rem;
-}
-.m-3{
-  margin: 0.75rem;
-}
-.m-auto{
-  margin: auto;
-}
-.mx-0{
-  margin-left: 0px;
-  margin-right: 0px;
-}
-.mx-1{
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}
-.mx-2{
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.mx-3{
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}
-.mx-4{
-  margin-left: 1rem;
-  margin-right: 1rem;
-}
-.mx-auto{
-  margin-left: auto;
-  margin-right: auto;
-}
-.my-2{
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.my-3{
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}
-.my-4{
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-.my-5{
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}
-.-ml-5{
-  margin-left: -1.25rem;
-}
-.-mr-1{
-  margin-right: -0.25rem;
-}
-.-mr-8{
-  margin-right: -2rem;
-}
-.-mt-4{
-  margin-top: -1rem;
-}
-.-mt-5{
-  margin-top: -1.25rem;
-}
-.mb-0{
-  margin-bottom: 0px;
-}
-.mb-1{
-  margin-bottom: 0.25rem;
-}
-.mb-2{
-  margin-bottom: 0.5rem;
-}
-.mb-3{
-  margin-bottom: 0.75rem;
-}
-.mb-4{
-  margin-bottom: 1rem;
-}
-.mb-5{
-  margin-bottom: 1.25rem;
-}
-.mb-6{
-  margin-bottom: 1.5rem;
-}
-.mb-8{
-  margin-bottom: 2rem;
-}
-.ml-1{
-  margin-left: 0.25rem;
-}
-.ml-2{
-  margin-left: 0.5rem;
-}
-.ml-3{
-  margin-left: 0.75rem;
-}
-.ml-5{
-  margin-left: 1.25rem;
-}
-.ml-8{
-  margin-left: 2rem;
-}
-.ml-auto{
-  margin-left: auto;
-}
-.mr-1{
-  margin-right: 0.25rem;
-}
-.mr-2{
-  margin-right: 0.5rem;
-}
-.mr-3{
-  margin-right: 0.75rem;
-}
-.mr-4{
-  margin-right: 1rem;
-}
-.mr-5{
-  margin-right: 1.25rem;
-}
-.mt-0{
-  margin-top: 0px;
-}
-.mt-1{
-  margin-top: 0.25rem;
-}
-.mt-2{
-  margin-top: 0.5rem;
-}
-.mt-3{
-  margin-top: 0.75rem;
-}
-.mt-4{
-  margin-top: 1rem;
-}
-.mt-5{
-  margin-top: 1.25rem;
-}
-.mt-6{
-  margin-top: 1.5rem;
-}
-.mt-7{
-  margin-top: 1.75rem;
-}
-.mt-8{
-  margin-top: 2rem;
-}
-.mt-auto{
-  margin-top: auto;
-}
-.block{
-  display: block;
-}
-.inline-block{
-  display: inline-block;
-}
-.\!inline{
-  display: inline !important;
-}
-.inline{
-  display: inline;
-}
-.flex{
-  display: flex;
-}
-.inline-flex{
-  display: inline-flex;
-}
-.table{
-  display: table;
-}
-.table-cell{
-  display: table-cell;
-}
-.grid{
-  display: grid;
-}
-.contents{
-  display: contents;
-}
-.hidden{
-  display: none;
-}
-.\!h-1{
-  height: 1rem !important;
-}
-.\!h-10{
-  height: 10rem !important;
-}
-.\!h-12{
-  height: 12rem !important;
-}
-.\!h-14{
-  height: 14rem !important;
-}
-.\!h-2{
-  height: 2rem !important;
-}
-.\!h-20{
-  height: 20rem !important;
-}
-.\!h-3{
-  height: 3rem !important;
-}
-.\!h-30{
-  height: 30rem !important;
-}
-.\!h-4{
-  height: 4rem !important;
-}
-.\!h-5{
-  height: 5rem !important;
-}
-.\!h-6{
-  height: 6rem !important;
-}
-.\!h-8{
-  height: 8rem !important;
-}
-.h-4{
-  height: 4rem;
-}
-.h-full{
-  height: 100%;
-}
-.h-screen{
-  height: 100vh;
-}
-.\!w-1{
-  width: 1rem !important;
-}
-.\!w-10{
-  width: 10rem !important;
-}
-.\!w-12{
-  width: 12rem !important;
-}
-.\!w-14{
-  width: 14rem !important;
-}
-.\!w-15{
-  width: 15rem !important;
-}
-.\!w-18{
-  width: 18rem !important;
-}
-.\!w-2{
-  width: 2rem !important;
-}
-.\!w-20{
-  width: 20rem !important;
-}
-.\!w-25{
-  width: 25rem !important;
-}
-.\!w-3{
-  width: 3rem !important;
-}
-.\!w-3\/12{
-  width: 25% !important;
-}
-.\!w-30{
-  width: 30rem !important;
-}
-.\!w-4{
-  width: 4rem !important;
-}
-.\!w-4\/12{
-  width: 33.333333% !important;
-}
-.\!w-6{
-  width: 6rem !important;
-}
-.\!w-6\/12{
-  width: 50% !important;
-}
-.\!w-7\/12{
-  width: 58.333333% !important;
-}
-.\!w-8{
-  width: 8rem !important;
-}
-.\!w-8\/12{
-  width: 66.666667% !important;
-}
-.\!w-9{
-  width: 9rem !important;
-}
-.\!w-9\/12{
-  width: 75% !important;
-}
-.w-1{
-  width: 1rem;
-}
-.w-13{
-  width: 13rem;
-}
-.w-9{
-  width: 9rem;
-}
-.w-full{
-  width: 100%;
-}
-.min-w-0{
-  min-width: 0px;
-}
-.max-w-full{
-  max-width: 100%;
-}
-.flex-1{
-  flex: 1 1 0%;
-}
-.flex-auto{
-  flex: 1 1 auto;
-}
-.flex-shrink-0{
-  flex-shrink: 0;
-}
-.shrink{
-  flex-shrink: 1;
-}
-.flex-grow{
-  flex-grow: 1;
-}
-.grow{
-  flex-grow: 1;
-}
-.origin-top{
-  transform-origin: top;
-}
-.transform{
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.cursor-pointer{
-  cursor: pointer;
-}
-.select-none{
-  user-select: none;
-}
-.resize{
-  resize: both;
-}
-.list-none{
-  list-style-type: none;
-}
-.grid-cols-12{
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}
-.flex-row{
-  flex-direction: row;
-}
-.flex-row-reverse{
-  flex-direction: row-reverse;
-}
-.flex-col{
-  flex-direction: column;
-}
-.flex-wrap{
-  flex-wrap: wrap;
-}
-.items-start{
-  align-items: flex-start;
-}
-.items-end{
-  align-items: flex-end;
-}
-.items-center{
-  align-items: center;
-}
-.justify-start{
-  justify-content: flex-start;
-}
-.justify-end{
-  justify-content: flex-end;
-}
-.justify-center{
-  justify-content: center;
-}
-.justify-between{
-  justify-content: space-between;
-}
-.gap-1{
-  gap: 0.25rem;
-}
-.gap-2{
-  gap: 0.5rem;
-}
-.gap-3{
-  gap: 0.75rem;
-}
-.gap-4{
-  gap: 1rem;
-}
-.gap-5{
-  gap: 1.25rem;
-}
-.gap-6{
-  gap: 1.5rem;
-}
-.gap-8{
-  gap: 2rem;
-}
-.overflow-auto{
-  overflow: auto;
-}
-.overflow-hidden{
-  overflow: hidden;
-}
-.overflow-visible{
-  overflow: visible;
-}
-.overflow-x-auto{
-  overflow-x: auto;
-}
-.overflow-y-auto{
-  overflow-y: auto;
-}
-.overflow-y-hidden{
-  overflow-y: hidden;
-}
-.whitespace-nowrap{
-  white-space: nowrap;
-}
-.rounded{
-  border-radius: 0.25rem;
-}
-.rounded-2xl{
-  border-radius: 1rem;
-}
-.rounded-3xl{
-  border-radius: 1.5rem;
-}
-.rounded-full{
-  border-radius: 9999px;
-}
-.rounded-xl{
-  border-radius: 0.75rem;
-}
-.border{
-  border-width: 1px;
-}
-.border-1{
-  border-width: 1px;
-}
-.border-2{
-  border-width: 2px;
-}
-.border-solid{
-  border-style: solid;
-}
-.border-dashed{
-  border-style: dashed;
-}
-.border-none{
-  border-style: none;
-}
-.border-blue-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}
-.border-color{
-  border-color: var(--text-color);
-}
-.border-indigo-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
-}
-.border-orange-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
-}
-.border-pink-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
-}
-.border-primary{
-  border-color: var(--primary-color);
-}
-.border-teal-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
-}
-.border-transparent{
-  border-color: transparent;
-}
-.bg-black{
-  background-color: var(--black-100);
-}
-.bg-blue-400{
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}
-.bg-blue-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
-}
-.bg-blue-600{
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}
-.bg-gray-900{
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
-}
-.bg-green-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
-}
-.bg-indigo-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
-}
-.bg-orange-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
-}
-.bg-pink-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
-}
-.bg-primary{
-  background-color: var(--primary-color);
-}
-.bg-primary-600{
-  background-color: var(--primary-600);
-}
-.bg-purple-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
-}
-.bg-surface-50{
-  background-color: var(--surface-50);
-}
-.bg-teal-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
-}
-.bg-transparent{
-  background-color: transparent;
-}
-.bg-white{
-  background-color: var(--white-100);
-}
-.bg-cover{
-  background-size: cover;
-}
-.object-cover{
-  object-fit: cover;
-}
-.\!p-0{
-  padding: 0px !important;
-}
-.p-0{
-  padding: 0px;
-}
-.p-1{
-  padding: 0.25rem;
-}
-.p-2{
-  padding: 0.5rem;
-}
-.p-3{
-  padding: 0.75rem;
-}
-.p-4{
-  padding: 1rem;
-}
-.p-5{
-  padding: 1.25rem;
-}
-.p-8{
-  padding: 2rem;
-}
-.px-0{
-  padding-left: 0px;
-  padding-right: 0px;
-}
-.px-1{
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-.px-10{
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}
-.px-12{
-  padding-left: 3rem;
-  padding-right: 3rem;
-}
-.px-2{
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.px-3{
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-.px-4{
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-.px-5{
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
-.px-8{
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-.py-0{
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.py-1{
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-.py-2{
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-.py-3{
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-.py-4{
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-.py-5{
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}
-.py-6{
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-.py-8{
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-.pb-0{
-  padding-bottom: 0px;
-}
-.pb-3{
-  padding-bottom: 0.75rem;
-}
-.pb-4{
-  padding-bottom: 1rem;
-}
-.pb-5{
-  padding-bottom: 1.25rem;
-}
-.pl-0{
-  padding-left: 0px;
-}
-.pl-2{
-  padding-left: 0.5rem;
-}
-.pl-3{
-  padding-left: 0.75rem;
-}
-.pr-0{
-  padding-right: 0px;
-}
-.pr-3{
-  padding-right: 0.75rem;
-}
-.pr-4{
-  padding-right: 1rem;
-}
-.pr-5{
-  padding-right: 1.25rem;
-}
-.pr-6{
-  padding-right: 1.5rem;
-}
-.pt-1{
-  padding-top: 0.25rem;
-}
-.pt-3{
-  padding-top: 0.75rem;
-}
-.pt-4{
-  padding-top: 1rem;
-}
-.pt-5{
-  padding-top: 1.25rem;
-}
-.pt-6{
-  padding-top: 1.5rem;
-}
-.pt-7{
-  padding-top: 1.75rem;
-}
-.pt-8{
-  padding-top: 2rem;
-}
-.text-left{
-  text-align: left;
-}
-.text-center{
-  text-align: center;
-}
-.text-right{
-  text-align: right;
-}
-.text-2xl{
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-.text-3xl{
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}
-.text-4xl{
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}
-.text-5xl{
-  font-size: 3rem;
-  line-height: 1;
-}
-.text-6xl{
-  font-size: 3.75rem;
-  line-height: 1;
-}
-.text-7xl{
-  font-size: 4.5rem;
-  line-height: 1;
-}
-.text-8xl{
-  font-size: 6rem;
-  line-height: 1;
-}
-.text-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-.text-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-.text-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.text-xl{
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-.text-xs{
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-.font-bold{
-  font-weight: 700;
-}
-.font-medium{
-  font-weight: 500;
-}
-.font-normal{
-  font-weight: 400;
-}
-.font-semibold{
-  font-weight: 600;
-}
-.uppercase{
-  text-transform: uppercase;
-}
-.lowercase{
-  text-transform: lowercase;
-}
-.leading{
-  line-height: normal;
-}
-.leading-auto{
-  line-height: 1.2;
-}
-.leading-none{
-  line-height: 1;
-}
-.leading-normal{
-  line-height: 1.5;
-}
-.text-blue-500{
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}
-.text-color{
-  color: var(--text-color);
-}
-.text-color-secondary{
-  color: var(--text-color-secondary);
-}
-.text-gray-900{
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}
-.text-green-500{
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
-}
-.text-green-600{
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
-}
-.text-help{
-  color: var(--purple-400);
-}
-.text-indigo-200{
-  --tw-text-opacity: 1;
-  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
-}
-.text-indigo-500{
-  --tw-text-opacity: 1;
-  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
-}
-.text-info{
-  color: var(--blue-400);
-}
-.text-primary{
-  color: var(--primary-color);
-}
-.text-primary-50{
-  color: var(--primary-50);
-}
-.text-primary-500{
-  color: var(--primary-500);
-}
-.text-primary-700{
-  color: var(--primary-700);
-}
-.text-red-500{
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}
-.text-slate-500{
-  --tw-text-opacity: 1;
-  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
-}
-.text-white{
-  color: var(--white-100);
-}
-.text-yellow-500{
-  --tw-text-opacity: 1;
-  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
-}
-.line-through{
-  text-decoration-line: line-through;
-}
-.no-underline{
-  text-decoration-line: none;
-}
-.antialiased{
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.opacity-20{
-  opacity: 0.2;
-}
-.shadow{
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.outline{
-  outline-style: solid;
-}
-.outline-color{
-  outline-color: var(--text-color);
-}
-.blur{
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.grayscale{
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.filter{
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.backdrop-filter{
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-.transition{
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-all{
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-colors{
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.duration-300{
-  transition-duration: 300ms;
-}
-.ease-in{
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-.ease-out{
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.title-h1{
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h2{
-  font-size: 1.5rem;
-  line-height: 2rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h3{
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h4{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h5{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h6{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.subtitle-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}
-.subtitle-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}
-.subtitle-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}
-.subtitle-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}
-.subtitle-sm-secondary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}
-.subtitle-sm-primary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}
-.caption{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.caption-secondary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.caption-primary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.caption-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.caption-secondary-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.caption-primary-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.service-danger-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}
-.service-danger-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}
-.service-warning-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}
-.service-warning-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}
-.service-success-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}
-.service-success-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}
-.service-info-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.service-info-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.service-help-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.service-help-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.anchor-base:hover{
-  text-decoration-line: underline;
-}
-.anchor-base:visited{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-base:visited:hover{
-  text-decoration-line: underline;
-}
-.anchor-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.anchor-sm:hover{
-  text-decoration-line: underline;
-}
-.anchor-sm:visited{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-sm:visited:hover{
-  text-decoration-line: underline;
-}
-:root {
-  --emerald-0: color-mix(in srgb, color-mix(in srgb, #29C075, #fff 76%), #000 80%);
-  --emerald-50: color-mix(in srgb, #29C075, #fff 95%);
-  --emerald-100: color-mix(in srgb, #29C075, #fff 76%);
-  --emerald-200: color-mix(in srgb, #29C075, #fff 57%);
-  --emerald-300: color-mix(in srgb, #29C075, #fff 38%);
-  --emerald-400: color-mix(in srgb, #29C075, #fff 19%);
-  --emerald-500: color-mix(in srgb, #29C075, #fff 0%);
-  --emerald-600: color-mix(in srgb, #29C075, #000 15%);
-  --emerald-700: color-mix(in srgb, #29C075, #000 30%);
-  --emerald-800: color-mix(in srgb, #29C075, #000 45%);
-  --emerald-900: color-mix(in srgb, #29C075, #000 60%);
-  --emerald-alpha: color-mix(in srgb, #29C075 10%, transparent);
-  --citrine-0: color-mix(in srgb, color-mix(in srgb, #FA8606, #fff 76%), #000 80%);
-  --citrine-50: color-mix(in srgb, #FA8606, #fff 95%);
-  --citrine-100: color-mix(in srgb, #FA8606, #fff 76%);
-  --citrine-200: color-mix(in srgb, #FA8606, #fff 57%);
-  --citrine-300: color-mix(in srgb, #FA8606, #fff 38%);
-  --citrine-400: color-mix(in srgb, #FA8606, #fff 19%);
-  --citrine-500: color-mix(in srgb, #FA8606, #fff 0%);
-  --citrine-600: color-mix(in srgb, #FA8606, #000 15%);
-  --citrine-700: color-mix(in srgb, #FA8606, #000 30%);
-  --citrine-800: color-mix(in srgb, #FA8606, #000 45%);
-  --citrine-900: color-mix(in srgb, #FA8606, #000 60%);
-  --citrine-alpha: color-mix(in srgb, #FA8606 10%, transparent);
-  --aquamarine-0: color-mix(in srgb, color-mix(in srgb, #14B8A6, #fff 76%), #000 80%);
-  --aquamarine-50: color-mix(in srgb, #14B8A6, #fff 95%);
-  --aquamarine-100: color-mix(in srgb, #14B8A6, #fff 76%);
-  --aquamarine-200: color-mix(in srgb, #14B8A6, #fff 57%);
-  --aquamarine-300: color-mix(in srgb, #14B8A6, #fff 38%);
-  --aquamarine-400: color-mix(in srgb, #14B8A6, #fff 19%);
-  --aquamarine-500: color-mix(in srgb, #14B8A6, #fff 0%);
-  --aquamarine-600: color-mix(in srgb, #14B8A6, #000 15%);
-  --aquamarine-700: color-mix(in srgb, #14B8A6, #000 30%);
-  --aquamarine-800: color-mix(in srgb, #14B8A6, #000 45%);
-  --aquamarine-900: color-mix(in srgb, #14B8A6, #000 60%);
-  --aquamarine-alpha: color-mix(in srgb, #14B8A6 10%, transparent);
-  --amethyst-0: color-mix(in srgb, color-mix(in srgb, #7254F3, #fff 76%), #000 80%);
-  --amethyst-50: color-mix(in srgb, #7254F3, #fff 95%);
-  --amethyst-100: color-mix(in srgb, #7254F3, #fff 76%);
-  --amethyst-200: color-mix(in srgb, #7254F3, #fff 57%);
-  --amethyst-300: color-mix(in srgb, #7254F3, #fff 38%);
-  --amethyst-400: color-mix(in srgb, #7254F3, #fff 19%);
-  --amethyst-500: color-mix(in srgb, #7254F3, #fff 0%);
-  --amethyst-600: color-mix(in srgb, #7254F3, #000 15%);
-  --amethyst-700: color-mix(in srgb, #7254F3, #000 30%);
-  --amethyst-800: color-mix(in srgb, #7254F3, #000 45%);
-  --amethyst-900: color-mix(in srgb, #7254F3, #000 60%);
-  --amethyst-alpha: color-mix(in srgb, #7254F3 10%, transparent);
-  --purple-0: color-mix(in srgb, color-mix(in srgb, #9757D7, #fff 76%), #000 80%);
-  --purple-50: color-mix(in srgb, #9757D7, #fff 95%);
-  --purple-100: color-mix(in srgb, #9757D7, #fff 76%);
-  --purple-200: color-mix(in srgb, #9757D7, #fff 57%);
-  --purple-300: color-mix(in srgb, #9757D7, #fff 38%);
-  --purple-400: color-mix(in srgb, #9757D7, #fff 19%);
-  --purple-500: color-mix(in srgb, #9757D7, #fff 0%);
-  --purple-600: color-mix(in srgb, #9757D7, #000 15%);
-  --purple-700: color-mix(in srgb, #9757D7, #000 30%);
-  --purple-800: color-mix(in srgb, #9757D7, #000 45%);
-  --purple-900: color-mix(in srgb, #9757D7, #000 60%);
-  --purple-alpha: color-mix(in srgb, #9757D7 10%, transparent);
-  --blue-0: color-mix(in srgb, color-mix(in srgb, #1F8CEB, #fff 76%), #000 80%);
-  --blue-50: color-mix(in srgb, #1F8CEB, #fff 95%);
-  --blue-100: color-mix(in srgb, #1F8CEB, #fff 76%);
-  --blue-200: color-mix(in srgb, #1F8CEB, #fff 57%);
-  --blue-300: color-mix(in srgb, #1F8CEB, #fff 38%);
-  --blue-400: color-mix(in srgb, #1F8CEB, #fff 19%);
-  --blue-500: color-mix(in srgb, #1F8CEB, #fff 0%);
-  --blue-600: color-mix(in srgb, #1F8CEB, #000 15%);
-  --blue-700: color-mix(in srgb, #1F8CEB, #000 30%);
-  --blue-800: color-mix(in srgb, #1F8CEB, #000 45%);
-  --blue-900: color-mix(in srgb, #1F8CEB, #000 60%);
-  --blue-alpha: color-mix(in srgb, #1F8CEB 10%, transparent);
-  --green-0: color-mix(in srgb, color-mix(in srgb, #45B24E, #fff 76%), #000 80%);
-  --green-50: color-mix(in srgb, #45B24E, #fff 95%);
-  --green-100: color-mix(in srgb, #45B24E, #fff 76%);
-  --green-200: color-mix(in srgb, #45B24E, #fff 57%);
-  --green-300: color-mix(in srgb, #45B24E, #fff 38%);
-  --green-400: color-mix(in srgb, #45B24E, #fff 19%);
-  --green-500: color-mix(in srgb, #45B24E, #fff 0%);
-  --green-600: color-mix(in srgb, #45B24E, #000 15%);
-  --green-700: color-mix(in srgb, #45B24E, #000 30%);
-  --green-800: color-mix(in srgb, #45B24E, #000 45%);
-  --green-900: color-mix(in srgb, #45B24E, #000 60%);
-  --green-alpha: color-mix(in srgb, #45B24E 10%, transparent);
-  --orange-0: color-mix(in srgb, color-mix(in srgb, #FFA100, #fff 76%), #000 80%);
-  --orange-50: color-mix(in srgb, #FFA100, #fff 95%);
-  --orange-100: color-mix(in srgb, #FFA100, #fff 76%);
-  --orange-200: color-mix(in srgb, #FFA100, #fff 57%);
-  --orange-300: color-mix(in srgb, #FFA100, #fff 38%);
-  --orange-400: color-mix(in srgb, #FFA100, #fff 19%);
-  --orange-500: color-mix(in srgb, #FFA100, #fff 0%);
-  --orange-600: color-mix(in srgb, #FFA100, #000 15%);
-  --orange-700: color-mix(in srgb, #FFA100, #000 30%);
-  --orange-800: color-mix(in srgb, #FFA100, #000 45%);
-  --orange-900: color-mix(in srgb, #FFA100, #000 60%);
-  --orange-alpha: color-mix(in srgb, #FFA100 10%, transparent);
-  --red-0: color-mix(in srgb, color-mix(in srgb, #DB4C3F, #fff 76%), #000 80%);
-  --red-50: color-mix(in srgb, #DB4C3F, #fff 95%);
-  --red-100: color-mix(in srgb, #DB4C3F, #fff 76%);
-  --red-200: color-mix(in srgb, #DB4C3F, #fff 57%);
-  --red-300: color-mix(in srgb, #DB4C3F, #fff 38%);
-  --red-400: color-mix(in srgb, #DB4C3F, #fff 19%);
-  --red-500: color-mix(in srgb, #DB4C3F, #fff 0%);
-  --red-600: color-mix(in srgb, #DB4C3F, #000 15%);
-  --red-700: color-mix(in srgb, #DB4C3F, #000 30%);
-  --red-800: color-mix(in srgb, #DB4C3F, #000 45%);
-  --red-900: color-mix(in srgb, #DB4C3F, #000 60%);
-  --red-alpha: color-mix(in srgb, #DB4C3F 10%, transparent);
-  --gray-0: color-mix(in srgb, color-mix(in srgb, #ABAAA9, #fff 76%), #000 80%);
-  --gray-50: color-mix(in srgb, #ABAAA9, #fff 95%);
-  --gray-100: color-mix(in srgb, #ABAAA9, #fff 76%);
-  --gray-200: color-mix(in srgb, #ABAAA9, #fff 57%);
-  --gray-300: color-mix(in srgb, #ABAAA9, #fff 38%);
-  --gray-400: color-mix(in srgb, #ABAAA9, #fff 19%);
-  --gray-500: color-mix(in srgb, #ABAAA9, #fff 0%);
-  --gray-600: color-mix(in srgb, #ABAAA9, #000 15%);
-  --gray-700: color-mix(in srgb, #ABAAA9, #000 30%);
-  --gray-800: color-mix(in srgb, #ABAAA9, #000 45%);
-  --gray-900: color-mix(in srgb, #ABAAA9, #000 60%);
-  --gray-alpha: color-mix(in srgb, #ABAAA9 10%, transparent);
-  --black-10: color-mix(in srgb, #000 10%, transparent) ;
-  --black-20: color-mix(in srgb, #000 20%, transparent) ;
-  --black-30: color-mix(in srgb, #000 30%, transparent) ;
-  --black-40: color-mix(in srgb, #000 40%, transparent) ;
-  --black-50: color-mix(in srgb, #000 50%, transparent) ;
-  --black-60: color-mix(in srgb, #000 60%, transparent) ;
-  --black-70: color-mix(in srgb, #000 70%, transparent) ;
-  --black-80: color-mix(in srgb, #000 80%, transparent) ;
-  --black-90: color-mix(in srgb, #000 90%, transparent) ;
-  --black-100: color-mix(in srgb, #000 100%, transparent) ;
-  --white-10: color-mix(in srgb, #fff 10%, transparent) ;
-  --white-20: color-mix(in srgb, #fff 20%, transparent) ;
-  --white-30: color-mix(in srgb, #fff 30%, transparent) ;
-  --white-40: color-mix(in srgb, #fff 40%, transparent) ;
-  --white-50: color-mix(in srgb, #fff 50%, transparent) ;
-  --white-60: color-mix(in srgb, #fff 60%, transparent) ;
-  --white-70: color-mix(in srgb, #fff 70%, transparent) ;
-  --white-80: color-mix(in srgb, #fff 80%, transparent) ;
-  --white-90: color-mix(in srgb, #fff 90%, transparent) ;
-  --white-100: color-mix(in srgb, #fff 100%, transparent) ;
-  --font-family: Roboto, Inter, Helvetica, Arial, sans-serif;
-  --text-color: var(--white-100);
-  --text-color-secondary: var(--white-80);
-  --primary-color: var(--emerald-300);
-  --primary-color-text: var(--black-80);
-  --primary-0: var(--emerald-0);
-  --primary-900: var(--emerald-900);
-  --primary-800: var(--emerald-800);
-  --primary-700: var(--emerald-700);
-  --primary-600: var(--emerald-600);
-  --primary-500: var(--emerald-500);
-  --primary-400: var(--emerald-400);
-  --primary-300: var(--emerald-300);
-  --primary-200: var(--emerald-200);
-  --primary-100: var(--emerald-100);
-  --primary-50: var(--emerald-50);
-  --primary-alpha: var(--emerald-alpha);
-  --surface-0: var(--gray-50);
-  --surface-50: var(--gray-0);
-  --surface-100: var(--gray-900);
-  --surface-200: var(--gray-800);
-  --surface-300: var(--gray-700);
-  --surface-400: var(--gray-600);
-  --surface-500: var(--gray-600);
-  --surface-600: var(--gray-400);
-  --surface-700: var(--gray-300);
-  --surface-800: var(--gray-200);
-  --surface-900: var(--gray-100);
-  --content-padding: 1rem;
-  --inline-spacing: 0.5rem;
-  --border-radius: 0.5rem;
-  --surface-ground: #1c1b22;
-  --surface-section: var(--gray-alpha);
-  --surface-card: #1c1b22;
-  --surface-overlay: var(--black-40);
-  --surface-border: var(--gray-900);
-  --surface-hover: var(--gray-800);
-  --focus-ring: 0 0 0 0.25rem var(--emerald-800);
-  --maskbg: var(--black-40);
-  --highlight-bg: var(--emerald-300);
-  --highlight-text-color: var(--black-80);
-  color-scheme: dark;
-}
-
-@media only screen and (min-resolution: 100dpi) and (max-resolution: 199dpi) {
-  html, body {
-    font-size: 12px;
-  }
-}
-@media only screen and (min-resolution: 200dpi) and (max-resolution: 499dpi) {
-  html, body {
-    font-size: 14px;
-  }
-}
-@media only screen and (min-resolution: 500dpi) {
-  html, body {
-    font-size: 16px;
-  }
-}
-* {
-  box-sizing: border-box;
-}
-
-html {
-  font-size: 14px;
-  font-family: var(--font-family);
-}
-
-::selection {
-  color: var(--black-80);
-  background-color: var(--emerald-300);
-}
-
-.p-component {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  font-weight: normal;
-}
-
-.p-component-overlay {
-  background-color: var(--black-40);
-  transition-duration: 0.2s;
-  padding: 0.5rem;
-}
-
-.p-disabled,
-.p-component:disabled {
-  pointer-events: all;
-  cursor: not-allowed;
-  opacity: 0.6;
-  filter: grayscale(1);
-}
-
-.p-placeholder {
-  opacity: 0.6;
-}
-
-.p-error {
-  color: var(--red-400);
-}
-
-.p-text-secondary {
-  color: var(--white-80);
-}
-
-.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-.p-link {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-}
-.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-
-.p-component-overlay-enter {
-  animation: p-component-overlay-enter-animation 150ms forwards;
-}
-
-.p-component-overlay-leave {
-  animation: p-component-overlay-leave-animation 150ms forwards;
-}
-
-@keyframes p-component-overlay-enter-animation {
-  from {
-    background-color: transparent;
-  }
-  to {
-    background-color: var(--maskbg);
-  }
-}
-@keyframes p-component-overlay-leave-animation {
-  from {
-    background-color: var(--maskbg);
-  }
-  to {
-    background-color: transparent;
-  }
-}
-
-::-webkit-scrollbar {
-  width: 9px;
-  height: 9px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--white-20);
-  border-radius: 4.5px;
-}
-
-::-webkit-scrollbar-track {
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-
-::-webkit-scrollbar-track:hover {
-  background-color: var(--gray-800);
-}
-
-p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext,
-p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext,
-p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect,
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext,
-p-dropdown.ng-dirty.ng-invalid > .p-dropdown,
-p-inputmask.ng-dirty.ng-invalid > .p-inputtext,
-p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext,
-p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider,
-.p-inputtext.ng-dirty.ng-invalid,
-p-listbox.ng-dirty.ng-invalid > .p-listbox,
-p-multiselect.ng-dirty.ng-invalid > .p-multiselect,
-p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext,
-p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box,
-p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button,
-p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button,
-p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
-  border-color: var(--red-400) !important;
-  box-shadow: 0 0 0 0.25rem var(--red-800) !important;
-}
-
-.p-progress-spinner-circle {
-  stroke: var(--emerald-300);
-}
-
-.p-overflow-hidden {
-  overflow: hidden;
-  padding-right: var(--scrollbar-width);
-}
-
-@layer primeng {
-  .p-component,
-  .p-component * {
-    box-sizing: border-box;
-  }
-  .p-hidden {
-    display: none;
-  }
-  .p-hidden-space {
-    visibility: hidden;
-  }
-  .p-hidden-accessible {
-    border: 0;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-  }
-  .p-hidden-accessible input,
-  .p-hidden-accessible select {
-    transform: scale(0);
-  }
-  .p-reset {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    outline: 0;
-    text-decoration: none;
-    font-size: 100%;
-    list-style: none;
-  }
-  .p-disabled,
-  .p-disabled * {
-    cursor: default !important;
-    pointer-events: none;
-  }
-  .p-component-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-  .p-unselectable-text {
-    user-select: none;
-  }
-  .p-scrollbar-measure {
-    width: 100px;
-    height: 100px;
-    overflow: scroll;
-    position: absolute;
-    top: -9999px;
-  }
-  @keyframes p-fadein {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-  input[type=button],
-  input[type=submit],
-  input[type=reset],
-  input[type=file]::-webkit-file-upload-button,
-  button {
-    border-radius: 0;
-  }
-  .p-link {
-    text-align: left;
-    background-color: transparent;
-    margin: 0;
-    padding: 0;
-    border: none;
-    cursor: pointer;
-    user-select: none;
-  }
-  .p-link:disabled {
-    cursor: default;
-  }
-  .p-sr-only {
-    border: 0;
-    clip: rect(1px, 1px, 1px, 1px);
-    clip-path: inset(50%);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-    word-wrap: normal !important;
-  }
-  /* Non ng overlay animations */
-  .p-connected-overlay {
-    opacity: 0;
-    transform: scaleY(0.8);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  .p-connected-overlay-visible {
-    opacity: 1;
-    transform: scaleY(1);
-  }
-  .p-connected-overlay-hidden {
-    opacity: 0;
-    transform: scaleY(1);
-    transition: opacity 0.1s linear;
-  }
-  .p-toggleable-content.ng-animating {
-    overflow: hidden;
-  }
-  .p-icon-wrapper {
-    display: inline-flex;
-  }
-  .p-icon {
-    display: inline-block;
-  }
-  .p-icon-spin {
-    animation: p-icon-spin 2s infinite linear;
-  }
-}
-@keyframes p-icon-spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(359deg);
-  }
-}
-.p-togglebutton.p-button.p-highlight.p-disabled, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-disabled {
-  color: var(--white-80);
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-
-.p-button {
-  height: 2.5rem;
-  display: flex;
-  gap: 0.5rem;
-  font-size: 1rem;
-  font-weight: 700;
-  color: var(--black-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  padding: 0rem 1rem;
-  background: var(--emerald-300);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-button .p-button-label {
-  transition-duration: 0.2s;
-}
-.p-button .p-button-icon {
-  font-size: 1.25rem;
-}
-.p-button.p-button-rounded {
-  border-radius: 100px;
-}
-.p-button.p-button-icon-only {
-  flex-shrink: 0;
-  width: 2.5rem;
-  padding: 0;
-}
-.p-button.p-button-icon-only:after {
-  display: none;
-}
-.p-button.p-button-icon-only .p-button-label {
-  display: none;
-}
-.p-button.p-button-sm {
-  height: 2rem;
-  font-size: 0.875rem;
-  padding: 0 0.75rem;
-}
-.p-button.p-button-sm .p-button-icon {
-  font-size: 1rem;
-}
-.p-button.p-button-sm.p-button-icon-only {
-  width: 2rem;
-  padding: 0;
-}
-.p-button.p-button-lg {
-  gap: 0.75rem;
-  height: 3.5rem;
-  font-size: 1.25rem;
-  padding: 0 1.5rem;
-}
-.p-button.p-button-lg .p-button-icon {
-  font-size: 1.5rem;
-}
-.p-button.p-button-lg.p-button-icon-only {
-  width: 3.5rem;
-  padding: 0;
-}
-.p-button:not(.p-disabled):hover {
-  background: var(--emerald-200);
-  color: var(--black-80);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button:not(.p-disabled):active {
-  background: var(--emerald-300);
-  color: var(--black-80);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-
-p-button[size=xlarge] .p-button {
-  gap: 0.75rem;
-  height: 4rem;
-  font-size: 1.75rem;
-  padding: 0 1.5rem;
-}
-p-button[size=xlarge] .p-button .p-button-icon {
-  font-size: 2rem;
-}
-p-button[size=xlarge] .p-button.p-button-icon-only {
-  width: 4rem;
-  padding: 0;
-}
-
-.p-button-outlined {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--emerald-300);
-  border-color: var(--emerald-800);
-}
-.p-button-outlined:not(.p-disabled):hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--emerald-300);
-  border-color: var(--emerald-300);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button-outlined:not(.p-disabled):active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--emerald-300);
-  border-color: var(--emerald-800);
-  box-shadow: none;
-}
-
-.p-button-text {
-  background-color: #1c1b22;
-  color: var(--emerald-300);
-}
-.p-button-text:not(.p-disabled):hover {
-  background: var(--emerald-alpha);
-  color: var(--emerald-300);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button-text:not(.p-disabled):active {
-  background: #1c1b22;
-  color: var(--emerald-300);
-  border-color: transparent;
-  box-shadow: none;
-}
-
-.p-button-group {
-  display: flex;
-}
-
-.p-fluid .p-button:not(.p-button-icon-only) {
-  width: 100%;
-}
-.p-fluid .p-button-group .p-button:not(.p-button-icon-only) {
-  flex: 1;
-}
-
-.p-button.p-button-danger,
-.p-button-group.p-button-danger > .p-button,
-.p-splitbutton.p-button-danger > .p-button,
-.p-fileupload-choose.p-button-danger {
-  color: var(--black-80);
-  background: var(--red-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-danger:not(.p-disabled):hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):hover {
-  background: var(--red-300);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-danger:not(.p-disabled):active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):active {
-  background: var(--red-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-800);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-800);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--red-400);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:hover {
-  background: var(--red-alpha);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-warning,
-.p-button-group.p-button-warning > .p-button,
-.p-splitbutton.p-button-warning > .p-button,
-.p-fileupload-choose.p-button-warning {
-  color: var(--black-80);
-  background: var(--orange-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-warning:not(.p-disabled):hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):hover {
-  background: var(--orange-300);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-warning:not(.p-disabled):active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):active {
-  background: var(--orange-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-800);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-800);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--orange-400);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:hover {
-  background: var(--orange-alpha);
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:active {
-  background: #1c1b22;
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-success,
-.p-button-group.p-button-success > .p-button,
-.p-splitbutton.p-button-success > .p-button,
-.p-fileupload-choose.p-button-success {
-  color: var(--black-80);
-  background: var(--green-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-success:not(.p-disabled):hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled):hover {
-  background: var(--green-300);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-success:not(.p-disabled):active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-success:not(.p-disabled):active {
-  background: var(--green-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-900);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-900);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--green-400);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:hover {
-  background: var(--green-alpha);
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:active {
-  background: #1c1b22;
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-info,
-.p-button-group.p-button-info > .p-button,
-.p-splitbutton.p-button-info > .p-button,
-.p-fileupload-choose.p-button-info {
-  color: var(--black-80);
-  background: var(--blue-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-info:not(.p-disabled):hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled):hover {
-  background: var(--blue-500);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-info:not(.p-disabled):active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-info:not(.p-disabled):active {
-  background: var(--blue-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-800);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-800);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--blue-400);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:hover {
-  background: var(--blue-alpha);
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:active {
-  background: #1c1b22;
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-help,
-.p-button-group.p-button-help > .p-button,
-.p-splitbutton.p-button-help > .p-button,
-.p-fileupload-choose.p-button-help {
-  color: var(--black-80);
-  background: var(--purple-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-help:not(.p-disabled):hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled):hover {
-  background: var(--purple-500);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-help:not(.p-disabled):active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-help:not(.p-disabled):active {
-  background: var(--purple-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-800);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-800);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--purple-400);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:hover {
-  background: var(--purple-alpha);
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:active {
-  background: #1c1b22;
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-inputtext {
-  min-height: 2.5rem;
-  line-height: 2.5rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--white-100);
-  background: #1c1b22;
-  padding: 0rem 0.75rem;
-  border: 1px solid var(--gray-900);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  appearance: none;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-inputtext:enabled:hover {
-  border-color: var(--emerald-300);
-}
-.p-inputtext:enabled:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-inputtext.p-invalid.p-component, .p-inputtext.ng-invalid.ng-touched {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-.p-inputtext:disabled, .p-inputtext.p-disabled {
-  background: var(--white-20);
-}
-
-.p-float-label > label {
-  left: 0.75rem;
-  color: var(--white-80);
-  transition-duration: 0.2s;
-}
-
-.p-float-label > .p-invalid + label {
-  color: var(--red-400);
-}
-
-.p-icon-field-left > .p-inputtext {
-  padding-left: 2.5rem;
-}
-
-.p-icon-field-left.p-float-label > label {
-  left: 2.5rem;
-}
-
-.p-icon-field-right > .p-inputtext {
-  padding-right: 2.5rem;
-}
-
-::-webkit-input-placeholder {
-  color: var(--white-80);
-  opacity: 0.6;
-}
-
-:-moz-placeholder {
-  color: var(--white-80);
-  opacity: 0.6;
-}
-
-::-moz-placeholder {
-  color: var(--white-80);
-  opacity: 0.6;
-}
-
-:-ms-input-placeholder {
-  color: var(--white-80);
-  opacity: 0.6;
-}
-
-.p-inputtext-lg {
-  min-height: 3.5rem;
-  line-height: 3.5rem;
-}
-
-.p-inputtextarea {
-  padding: 0.75rem;
-  line-height: normal;
-}
-
-.p-icon-field .p-inputtextarea-icon.p-input-icon {
-  top: unset;
-  margin-top: 0.5rem;
-}
-
-.p-inputotp {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.p-inputotp.error .p-inputotp-input {
-  border-color: var(--red-400);
-}
-
-.p-inputotp-input {
-  font-size: 1.5rem;
-  text-align: center;
-  width: 2.5rem;
-  border: none;
-  border-bottom: 1px solid var(--gray-900);
-  border-radius: 0;
-  background: transparent;
-}
-.p-inputotp-input:disabled, .p-inputotp-input.p-disabled {
-  background: transparent;
-}
-
-.p-inputotp-input:enabled:focus {
-  box-shadow: none;
-}
-
-.p-listbox-list-wrapper {
-  overflow: auto;
-}
-
-.p-listbox-list {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-
-.p-listbox-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  color: var(--white-80);
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: 0.2s;
-}
-.p-listbox-item:first-child {
-  margin-top: 0;
-}
-.p-listbox-item:last-child {
-  margin-bottom: 0;
-}
-.p-listbox-item.p-highlight {
-  color: var(--black-80);
-  background: var(--emerald-300);
-}
-.p-listbox-item:not(.p-highlight).p-disabled {
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background: var(--white-20);
-}
-.p-listbox-item.p-disabled {
-  cursor: not-allowed;
-  opacity: 0.6;
-  background: var(--emerald-300) !important;
-  color: var(--black-80) !important;
-  mix-blend-mode: luminosity;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-}
-.p-listbox-item.p-disabled:has(.p-checkbox) {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-listbox-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-listbox-item:has(.p-checkbox) {
-  background: #1c1b22;
-  color: var(--white-80);
-}
-.p-listbox-item:has(.p-checkbox):hover {
-  background: #000;
-}
-
-.p-listbox-item-group {
-  cursor: auto;
-}
-
-.p-listbox-filter-container {
-  position: relative;
-}
-
-.p-listbox-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-listbox-filter {
-  width: 100%;
-}
-
-.p-listbox {
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-listbox .p-listbox-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-listbox .p-listbox-header .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-listbox .p-listbox-header .p-checkbox .p-checkbox-box.p-disabled {
-  background: #1c1b22;
-}
-.p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.75rem;
-}
-.p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-.p-listbox .p-listbox-header .p-disabled + .p-listbox-filter-icon {
-  opacity: 0.6;
-}
-.p-listbox .p-listbox-list {
-  padding: 0.25rem;
-  outline: 0 none;
-}
-.p-listbox .p-listbox-list .p-listbox-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  font-weight: bold;
-}
-.p-listbox .p-listbox-list .p-listbox-empty-message {
-  text-align: center;
-  color: var(--white-80);
-  padding: 0.75rem;
-  background: rgba(0, 0, 0, 0.0001);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight.p-focus {
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: var(--emerald-300);
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:hover {
-  background: var(--emerald-200);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox).p-focus {
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover.p-focus {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-listbox.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-listbox.p-invalid {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-.p-listbox.p-disabled *.p-disabled {
-  opacity: 1;
-}
-.p-listbox.p-disabled .p-listbox-filter-icon {
-  display: none;
-}
-.p-listbox.p-disabled .p-listbox-filter.p-inputtext {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49967 2.83335C7.03555 2.83335 6.59043 3.01773 6.26224 3.34592C5.93405 3.67411 5.74967 4.11922 5.74967 4.58335V6.33335H9.24967V4.58335C9.24967 4.11922 9.0653 3.67411 8.73711 3.34592C8.40892 3.01773 7.9638 2.83335 7.49967 2.83335ZM10.4163 6.33335V4.58335C10.4163 3.80981 10.1091 3.06794 9.56207 2.52096C9.01509 1.97398 8.27322 1.66669 7.49967 1.66669C6.72613 1.66669 5.98426 1.97398 5.43728 2.52096C4.8903 3.06794 4.58301 3.80981 4.58301 4.58335V6.33335C4.11888 6.33335 3.67376 6.51773 3.34557 6.84592C3.01738 7.17411 2.83301 7.61922 2.83301 8.08335V11.5834C2.83301 12.0475 3.01738 12.4926 3.34557 12.8208C3.67376 13.149 4.11888 13.3334 4.58301 13.3334H10.4163C10.8805 13.3334 11.3256 13.149 11.6538 12.8208C11.982 12.4926 12.1663 12.0475 12.1663 11.5834V8.08335C12.1663 7.61922 11.982 7.17411 11.6538 6.84592C11.3256 6.51773 10.8805 6.33335 10.4163 6.33335ZM4.58301 7.50002C4.4283 7.50002 4.27993 7.56148 4.17053 7.67087C4.06113 7.78027 3.99967 7.92864 3.99967 8.08335V11.5834C3.99967 11.7381 4.06113 11.8864 4.17053 11.9958C4.27993 12.1052 4.4283 12.1667 4.58301 12.1667H10.4163C10.5711 12.1667 10.7194 12.1052 10.8288 11.9958C10.9382 11.8864 10.9997 11.7381 10.9997 11.5834V8.08335C10.9997 7.92864 10.9382 7.78027 10.8288 7.67087C10.7194 7.56148 10.5711 7.50002 10.4163 7.50002H4.58301ZM6.67472 9.0084C6.89351 8.7896 7.19026 8.66669 7.49967 8.66669C7.80909 8.66669 8.10584 8.7896 8.32463 9.0084C8.54342 9.22719 8.66634 9.52393 8.66634 9.83335C8.66634 10.1428 8.54343 10.4395 8.32463 10.6583C8.10584 10.8771 7.80909 11 7.49967 11C7.19026 11 6.89351 10.8771 6.67472 10.6583C6.45592 10.4395 6.33301 10.1428 6.33301 9.83335C6.33301 9.52393 6.45592 9.22719 6.67472 9.0084Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E");
-  background-position: right 0.75rem center;
-  background-repeat: no-repeat;
-}
-.p-listbox.p-disabled .p-listbox-item {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-
-.p-dropdown {
-  display: inline-flex;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-}
-.p-dropdown.p-disabled {
-  cursor: not-allowed;
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background: var(--white-20);
-}
-
-.p-dropdown-clear-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-dropdown-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-dropdown-label {
-  height: min-content;
-  margin: auto 0;
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  flex: 1 1 auto;
-  width: 1%;
-  text-overflow: ellipsis;
-  cursor: pointer;
-}
-
-.p-dropdown-label-empty {
-  overflow: hidden;
-  opacity: 0;
-}
-
-input.p-dropdown-label {
-  cursor: default;
-}
-
-.p-dropdown .p-dropdown-panel {
-  min-width: 100%;
-}
-
-.p-dropdown-panel {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.p-dropdown-items-wrapper {
-  overflow: auto;
-}
-
-.p-dropdown-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--white-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(0, 0, 0, 0.0001);
-  transition: 0.2s;
-}
-.p-dropdown-item:first-child {
-  margin-top: 0;
-}
-.p-dropdown-item:last-child {
-  margin-bottom: 0;
-}
-.p-dropdown-item.p-highlight {
-  color: var(--black-80);
-  background: var(--emerald-300);
-}
-.p-dropdown-item.p-highlight:hover {
-  background: var(--emerald-200);
-}
-.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-dropdown-item:not(.p-highlight).p-disabled {
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background: var(--white-20);
-}
-.p-dropdown-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-dropdown-item .p-dropdown-check-icon {
-  position: relative;
-  margin-left: -0.5rem;
-  margin-right: 0.5rem;
-}
-
-.p-dropdown-item-group {
-  cursor: auto;
-}
-
-.p-dropdown-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-dropdown-filter {
-  width: 100%;
-}
-
-.p-dropdown-filter-container {
-  position: relative;
-}
-
-.p-dropdown-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-fluid .p-dropdown {
-  display: flex;
-}
-
-.p-fluid .p-dropdown .p-dropdown-label {
-  width: 1%;
-}
-
-.p-dropdown {
-  background: #1c1b22;
-  border: 1px solid var(--gray-900);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-dropdown:not(.p-disabled):hover {
-  border-color: var(--emerald-300);
-}
-.p-dropdown:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-dropdown.p-dropdown-clearable .p-dropdown-label {
-  padding-right: 1.75rem;
-}
-.p-dropdown .p-dropdown-label {
-  background: transparent;
-  border: 0 none;
-}
-.p-dropdown .p-dropdown-label.p-placeholder {
-  color: var(--white-80);
-}
-.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
-  outline: 0 none;
-  box-shadow: none;
-}
-.p-dropdown .p-dropdown-trigger {
-  background: transparent;
-  color: var(--white-100);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-dropdown .p-dropdown-clear-icon {
-  color: var(--white-100);
-  right: 2.5rem;
-}
-.p-dropdown.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-dropdown-panel {
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  margin-top: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-dropdown-panel .p-dropdown-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.75rem;
-  margin-right: -1.75rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-.p-dropdown-panel .p-dropdown-items {
-  padding: 0.25rem;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  font-weight: bold;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
-  color: var(--white-80);
-  text-align: center;
-  padding: 0.5rem 0.75rem;
-  background: rgba(0, 0, 0, 0.0001);
-}
-
-.p-multiselect {
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  user-select: none;
-}
-
-.p-multiselect-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-multiselect-label-container {
-  cursor: pointer;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-}
-
-.p-multiselect-clearable .p-multiselect-label-container {
-  padding-right: 1.75rem;
-}
-
-.p-multiselect-clearable .p-multiselect-clear-icon {
-  right: 2.5rem;
-}
-
-.p-multiselect-label {
-  display: block;
-  white-space: nowrap;
-  cursor: pointer;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.p-multiselect-label-empty {
-  overflow: hidden;
-  visibility: hidden;
-}
-
-.p-multiselect-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-  margin-right: 0.25rem;
-}
-
-.p-multiselect-token-icon {
-  cursor: pointer;
-}
-
-.p-multiselect .p-multiselect-panel {
-  min-width: 100%;
-}
-
-.p-multiselect-items-wrapper {
-  overflow: auto;
-}
-
-.p-multiselect-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-multiselect-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--white-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(0, 0, 0, 0.0001);
-  transition: 0.2s;
-}
-.p-multiselect-item:not(.p-disabled):hover, .p-multiselect-item:not(.p-disabled).p-focus {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-multiselect-item:not(.p-highlight).p-disabled {
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background: var(--white-20);
-}
-.p-multiselect-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-multiselect-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-
-.p-multiselect-item-group {
-  cursor: auto;
-}
-
-.p-multiselect-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.p-multiselect-filter-container {
-  position: relative;
-  flex: 1 1 auto;
-}
-
-.p-multiselect-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-multiselect-filter-container .p-inputtext {
-  width: 100%;
-}
-
-.p-multiselect-close {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  overflow: hidden;
-  position: relative;
-  margin-left: auto;
-}
-
-.p-fluid .p-multiselect {
-  display: flex;
-}
-
-.p-multiselect {
-  background: #1c1b22;
-  border: 1px solid var(--gray-900);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-multiselect.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--white-20);
-}
-.p-multiselect:not(.p-disabled):hover {
-  border-color: var(--emerald-300);
-}
-.p-multiselect:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-multiselect .p-multiselect-label {
-  color: var(--white-100);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect .p-multiselect-label.p-placeholder {
-  color: var(--white-80);
-  padding: 0rem 0.75rem;
-  padding-left: 0.5rem;
-}
-.p-multiselect:not(.p-multiselect-chip) .p-multiselect-label {
-  padding: 0rem 0.75rem;
-  line-height: 2.5rem;
-}
-.p-multiselect.p-multiselect-chip {
-  min-height: 2.5rem;
-  padding: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token {
-  padding: 0rem 0.5rem;
-  background: var(--white-20);
-  color: var(--white-100);
-  border-radius: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
-  margin-left: 0.5rem;
-}
-.p-multiselect .p-multiselect-trigger {
-  background: transparent;
-  color: var(--white-100);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-multiselect.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-multiselect-panel {
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  margin-top: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-  border: 1px solid transparent;
-  border-bottom: 0;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.75rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-.p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  margin-left: 0.5rem;
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-multiselect-panel .p-multiselect-items {
-  padding: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  font-weight: bold;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-}
-
-.p-password .p-icon-wrapper {
-  right: 0.75rem;
-  top: 50%;
-  cursor: pointer;
-  fill: var(--white-100);
-}
-.p-password.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-.p-password .p-input-icon {
-  cursor: pointer;
-  color: var(--white-100);
-  right: 0.75rem;
-}
-.p-password.p-disabled {
-  opacity: 1;
-}
-.p-password.p-disabled .p-input-icon {
-  opacity: 0.6;
-}
-
-.p-input-icon-right input {
-  padding-right: 2.5rem;
-}
-
-.p-icon-field .p-password-icon.p-input-icon {
-  right: 0.75rem;
-  top: 20% !important;
-}
-
-.p-password-input {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  min-height: 2.5rem;
-  padding: 0 0.75rem;
-  align-items: center;
-}
-
-.text-feedback {
-  display: inline-flex;
-  align-items: flex-start;
-}
-.text-feedback .ti {
-  position: relative;
-  bottom: 1px;
-}
-
-.text-feedback--default {
-  color: var(--white-100);
-}
-.text-feedback--default .ti {
-  color: var(--gray-900);
-}
-
-.text-feedback--success {
-  color: var(--green-400);
-}
-
-.text-feedback--error {
-  color: var(--red-400);
-}
-
-.p-password-panel {
-  color: var(--white-80);
-  padding: 0.75rem;
-  margin-top: 0.25rem;
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  background: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-password-panel .p-password-meter {
-  overflow: hidden;
-  height: 0.5rem;
-  border-radius: 1rem;
-  margin-bottom: 0.5rem;
-  background: var(--white-20);
-}
-.p-password-panel .p-password-meter .p-password-strength.weak {
-  background: var(--red-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.medium {
-  background: var(--orange-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.strong {
-  background: var(--green-400);
-}
-
-.p-inputgroup-addon {
-  background: #1c1b22;
-  color: var(--white-80);
-  border-top: 1px solid var(--gray-900);
-  border-left: 1px solid var(--gray-900);
-  border-bottom: 1px solid var(--gray-900);
-  padding: 0rem 0.75rem;
-  min-width: 2.5rem;
-}
-.p-inputgroup-addon:last-child {
-  border-right: 1px solid var(--gray-900);
-}
-.p-inputgroup-addon.p-disabled {
-  background-color: var(--white-20);
-  color: var(--white-80);
-}
-
-.p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
-  border-radius: 0;
-  margin: 0;
-}
-.p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
-  border-left: 0 none;
-}
-.p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
-  z-index: 1;
-}
-.p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
-  z-index: 1;
-}
-
-.p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:first-child input {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:last-child input {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-inputgroup .p-button {
-  height: auto;
-  width: auto;
-}
-.p-inputgroup .p-button.p-button-icon-only {
-  width: 2.5rem;
-}
-
-.p-icon-field {
-  position: relative;
-}
-
-.p-icon-field .p-input-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-inputnumber.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-p-inputnumber.ng-invalid.ng-touched > .p-inputnumber > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-p-inputnumber[ng-reflect-is-disabled=true] .p-inputnumber-button {
-  background: var(--white-20);
-}
-
-.p-inputnumber-button {
-  color: var(--white-100);
-  border-color: var(--gray-900);
-  background-color: #1c1b22;
-}
-.p-inputnumber-button .p-button-icon {
-  font-size: 1rem;
-}
-
-.p-inputnumber-button:hover {
-  box-shadow: none !important;
-}
-
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-down {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-up {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-input {
-  border-radius: 0;
-  border-left-color: transparent;
-  border-right-color: transparent;
-  z-index: 1;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-down,
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-up {
-  height: 100%;
-}
-
-.p-inputnumber-buttons-vertical .p-inputnumber-button-down {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-button-up {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-input {
-  border-radius: 0;
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-  z-index: 1;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-button-down,
-.p-inputnumber-buttons-vertical .p-inputnumber-button-up {
-  width: 100%;
-}
-
-.p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
-  width: 100%;
-}
-
-.p-icon-field-left .p-input-icon:first-of-type {
-  left: 0.75rem;
-  color: var(--white-100);
-}
-
-.p-icon-field-right .p-input-icon:last-of-type {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-
-.p-checkbox {
-  position: relative;
-  display: inline-flex;
-  user-select: none;
-  vertical-align: bottom;
-}
-
-.p-checkbox-input {
-  appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  cursor: pointer;
-}
-
-.p-checkbox-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.p-checkbox {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box {
-  /* Отключение стандартной иконки PrimeNG, т.к. используем tabler, вместо prime-icons. */
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon {
-  display: none;
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box::after {
-  content: "\ea5e";
-  width: 1rem;
-  height: 1rem;
-  transition-duration: 0.2s;
-  color: var(--black-80);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-}
-.p-checkbox .p-checkbox-input {
-  border: 1px solid var(--gray-900);
-  border-radius: 0.25rem;
-}
-.p-checkbox .p-checkbox-box {
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--white-100);
-  border-radius: 0.25rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-checkbox .p-checkbox-box.p-highlight {
-  border-color: var(--emerald-300);
-  background: var(--emerald-300);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
-  border-color: var(--emerald-300);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover.p-highlight {
-  border-color: var(--emerald-200);
-  background: var(--emerald-200);
-  color: var(--black-80);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-checkbox .p-checkbox-box.p-disabled {
-  background: var(--white-20);
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon {
-  transition-duration: 0.2s;
-  color: var(--black-80);
-  font-size: 1rem;
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-highlight .p-checkbox .p-checkbox-box {
-  border-color: var(--emerald-300);
-}
-
-.p-radiobutton {
-  position: relative;
-  display: inline-flex;
-  user-select: none;
-  vertical-align: bottom;
-}
-
-.p-radiobutton-input {
-  cursor: pointer;
-}
-
-.p-radiobutton-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition: all;
-}
-
-.p-radiobutton-box:hover {
-  border: 1px solid var(--emerald-200) !important;
-}
-
-.p-radiobutton-box.p-highlight {
-  box-sizing: border-box;
-  background: var(--emerald-200) !important;
-}
-.p-radiobutton-box.p-highlight .p-radiobutton-icon {
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.25%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
-  background: var(--black-80);
-  width: 1.5rem;
-  height: 1.5rem;
-  mask-composite: exclude;
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box {
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box:hover {
-  border: 1px solid var(--red-400) !important;
-}
-
-.p-radiobutton-box.p-focus {
-  box-shadow: 0px 0px 0px 3.5px var(--emerald-800);
-}
-
-.p-radiobutton {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-radiobutton .p-radiobutton-input {
-  appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  border: 1px solid var(--gray-900);
-  border-radius: 50%;
-}
-.p-radiobutton .p-radiobutton-box {
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--white-100);
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-radiobutton.p-disabled .p-radiobutton-box {
-  background: var(--white-20);
-}
-.p-radiobutton.p-highlight .p-radiobutton-box {
-  border-color: var(--emerald-300);
-  background: var(--emerald-300);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
-  border-color: var(--emerald-300);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
-  border-color: var(--emerald-200);
-  background: var(--emerald-200);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-radiobutton.p-invalid > .p-radiobutton-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-highlight .p-radiobutton .p-radiobutton-box {
-  border-color: var(--black-80);
-}
-
-.p-inputswitch-slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-.p-inputswitch-slider:before {
-  position: absolute;
-  content: "";
-  top: 50%;
-}
-
-.p-inputswitch {
-  position: relative;
-  display: inline-block;
-  width: 2.5rem;
-  height: 1.5rem;
-  border-radius: 100px;
-}
-.p-inputswitch .p-inputswitch-slider {
-  background: var(--gray-700);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 100px;
-  outline-color: transparent;
-}
-.p-inputswitch .p-inputswitch-slider:before {
-  background: #1c1b22;
-  width: 1rem;
-  height: 1rem;
-  left: 0.25rem;
-  margin-top: -0.5rem;
-  border-radius: 100px;
-  transition-duration: 0.2s;
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
-  background: var(--emerald-300);
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  background: #1c1b22;
-  transform: translateX(1rem);
-}
-.p-inputswitch:not(.p-disabled) .p-inputswitch-slider:hover {
-  background-color: var(--emerald-200);
-}
-.p-inputswitch:not(.p-disabled).p-focus, .p-inputswitch:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-
-p-inputswitch:not(.p-disabled).p-element.ng-dirty.ng-invalid .p-inputswitch-slider, p-inputswitch:not(.p-disabled).p-element.ng-touched.ng-invalid .p-inputswitch-slider {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-selectbutton {
-  display: flex;
-  height: min-content;
-  gap: 0.25rem;
-  padding: 0.25rem;
-  background-color: var(--white-20);
-  border-radius: 0.5rem;
-}
-.p-selectbutton .p-button {
-  flex-grow: 1;
-  background: rgba(0, 0, 0, 0.0001);
-  border: 1px solid trasparent;
-  border-radius: 0.25rem;
-  color: var(--white-80);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
-  color: var(--white-80);
-}
-.p-selectbutton .p-button.p-disabled {
-  background: transparent;
-  pointer-events: none;
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
-  background: #1c1b22;
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
-  color: var(--white-100);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight {
-  background: #1c1b22;
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--emerald-300);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-right {
-  color: var(--emerald-300);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover {
-  background: #1c1b22;
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-right {
-  color: var(--white-100);
-}
-.p-selectbutton.p-invalid > .p-button {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-togglebutton.p-button.p-highlight.p-disabled, .p-button.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled {
-  color: var(--white-80);
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-left, .p-button.p-disabled .p-button-icon-left,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-left,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-left,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-left,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-left,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-right,
-.p-button.p-disabled .p-button-icon-right,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-right,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-right,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-right,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-right,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-right {
-  color: var(--white-80) !important;
-}
-
-.p-togglebutton.p-button {
-  background: var(--white-20);
-  border: 1px solid trasparent;
-  color: var(--white-80);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-  border-radius: 100px;
-}
-.p-togglebutton.p-button:not(.p-disabled):hover {
-  background: var(--emerald-alpha);
-  color: var(--emerald-300);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  box-shadow: none;
-}
-.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-left,
-.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-right {
-  color: var(--emerald-300);
-}
-.p-togglebutton.p-button:not(.p-disabled):focus-visible {
-  box-shadow: 0 0 0 3.5px var(--emerald-800);
-}
-.p-togglebutton.p-button .p-button-icon-left,
-.p-togglebutton.p-button .p-button-icon-right {
-  color: var(--white-80);
-}
-.p-togglebutton.p-button.p-highlight {
-  background: var(--emerald-300);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--black-80);
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover {
-  background: var(--emerald-200);
-  color: var(--black-80);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  box-shadow: none;
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-right {
-  color: var(--black-80);
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):focus-visible {
-  box-shadow: 0 0 0 3.5px var(--emerald-800);
-}
-.p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
-  color: var(--black-80);
-}
-
-.p-chips {
-  display: inline-flex;
-  height: min-content;
-}
-
-.p-disabled .p-chips-multiple-container {
-  background-color: var(--white-20);
-}
-
-.p-chips-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-chips-multiple-container:has(.p-chips-token) {
-  padding: 0.25rem;
-}
-
-.p-chips-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-chips-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-chips-token-icon {
-  cursor: pointer;
-}
-
-.p-chips-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-chips {
-  display: flex;
-}
-
-.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
-  border-color: var(--emerald-300);
-}
-.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0rem 0.5rem;
-  background: var(--white-20);
-  color: var(--white-100);
-  border-radius: 0.25rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token + .p-chips-input-token {
-  padding: 0 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0rem 0;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--white-100);
-  margin: 0;
-}
-.p-chips.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-slider {
-  background: var(--white-20);
-  border: none;
-  border-radius: 0.5rem;
-}
-.p-slider.p-slider-horizontal {
-  height: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.625rem;
-  margin-left: -0.625rem;
-}
-.p-slider.p-slider-vertical {
-  width: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.625rem;
-  margin-bottom: -0.625rem;
-}
-.p-slider .p-slider-handle {
-  height: 1.25rem;
-  width: 1.25rem;
-  background: var(--emerald-300);
-  border: none;
-  border-radius: 1rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-slider .p-slider-handle:focus {
-  background: var(--emerald-200);
-  box-shadow: none;
-}
-.p-slider .p-slider-range {
-  background: var(--emerald-300);
-  border-radius: 0.5rem;
-}
-.p-slider:not(.p-disabled) .p-slider-handle:hover {
-  background: var(--emerald-200);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-
-.p-rating {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-
-.p-rating-item {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-
-.p-rating.p-readonly .p-rating-item {
-  cursor: default;
-}
-
-.p-rating {
-  gap: 0.5rem;
-}
-.p-rating .p-rating-item {
-  outline-color: transparent;
-  border-radius: 50%;
-}
-.p-rating .p-rating-item .p-rating-icon {
-  color: var(--white-80);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  font-size: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-icon {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
-  color: var(--white-80);
-}
-.p-rating .p-rating-item:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
-  color: var(--orange-400);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
-  color: var(--orange-500);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
-  color: var(--white-100);
-}
-
-.p-calendar.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-.p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-
-.p-datepicker {
-  margin-top: 0.25rem;
-  padding: 0.75rem;
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-}
-.p-datepicker:not(.p-datepicker-inline) {
-  background: #1c1b22;
-  border: 1px solid var(--gray-900);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
-  background: rgba(0, 0, 0, 0.0001);
-}
-.p-datepicker .p-datepicker-header {
-  padding: 0 0 0.5rem;
-  color: var(--white-80);
-  background: #1c1b22;
-  font-weight: bold;
-  margin: 0rem;
-  border-bottom: none;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border: 1px solid transparent;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,
-.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled {
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-  background: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title {
-  line-height: 2rem;
-  display: flex;
-  gap: 0.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select {
-  display: inline-flex;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-  background: #1c1b22;
-  border: 1px solid var(--gray-900);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-  min-height: 2.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  color: var(--white-80);
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  font-weight: bold;
-  padding: 0.25rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
-  color: var(--emerald-300);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5rem;
-}
-.p-datepicker table {
-  font-size: 1rem;
-  margin: 0rem;
-}
-.p-datepicker table th {
-  padding: 0.25rem;
-}
-.p-datepicker table th > span {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datepicker table td {
-  padding: 0.25rem;
-}
-.p-datepicker table td > span {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  transition: 0.2s;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-}
-.p-datepicker table td > span.p-highlight {
-  color: var(--black-80);
-  background: var(--emerald-300);
-}
-.p-datepicker table td > span:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-datepicker table td.p-datepicker-today > span {
-  color: var(--white-80);
-  font-weight: 700;
-  border-color: var(--gray-800);
-  background: rgba(0, 0, 0, 0.0001);
-}
-.p-datepicker table td.p-datepicker-today > span:not(.p-disabled):hover {
-  color: var(--white-100);
-}
-.p-datepicker table td.p-datepicker-today > span.p-highlight {
-  color: var(--black-80);
-  background: var(--emerald-300);
-}
-.p-datepicker .p-datepicker-buttonbar {
-  padding: 0rem 0 0;
-}
-.p-datepicker .p-datepicker-buttonbar .p-button {
-  width: auto;
-}
-.p-datepicker .p-timepicker {
-  border-top: 1px solid var(--gray-900);
-  padding: String value;
-}
-.p-datepicker .p-timepicker button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datepicker .p-timepicker button:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-datepicker .p-timepicker button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-datepicker .p-timepicker button.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-datepicker .p-timepicker span {
-  font-size: 1.25rem;
-}
-.p-datepicker .p-timepicker > div {
-  padding: String value;
-}
-.p-datepicker .p-hour-picker,
-.p-datepicker .p-minute-picker {
-  gap: 0.25rem;
-}
-.p-datepicker.p-datepicker-timeonly .p-timepicker {
-  border-top: 0 none;
-}
-.p-datepicker .p-monthpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
-  color: var(--black-80);
-  background: var(--emerald-300);
-}
-.p-datepicker .p-yearpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
-  color: var(--black-80);
-  background: var(--emerald-300);
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-left: 1px solid var(--gray-900);
-  padding-right: 0.75rem;
-  padding-left: 0.75rem;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
-  padding-left: 0;
-  border-left: 0 none;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
-  padding-right: 0;
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-datepicker:not(.p-disabled) table td span.p-highlight:hover {
-  background: var(--emerald-200);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled).p-highlight:hover {
-  background: var(--emerald-200);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled).p-highlight:hover {
-  background: var(--emerald-200);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-
-.p-autocomplete {
-  display: inline-flex;
-  height: min-content;
-}
-.p-autocomplete .p-autocomplete-loader {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 3.25rem;
-}
-
-.p-autocomplete-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-autocomplete-multiple-container:has(.p-autocomplete-token) {
-  padding: 0.25rem;
-}
-
-.p-autocomplete-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-autocomplete-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-autocomplete-token-icon {
-  cursor: pointer;
-}
-
-.p-autocomplete-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-autocomplete {
-  display: flex;
-}
-
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
-  border-color: var(--emerald-300);
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-autocomplete .p-autocomplete-multiple-container.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--white-20);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0rem 0.5rem;
-  background: var(--white-20);
-  color: var(--white-100);
-  border-radius: 0.25rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token + .p-autocomplete-input-token {
-  padding: 0 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0rem 0;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--white-100);
-  margin: 0;
-}
-.p-autocomplete.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-autocomplete-panel {
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  margin-top: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-of-type {
-  margin-top: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-of-type {
-  margin-bottom: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
-  color: var(--black-80);
-  background: var(--emerald-300);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  font-weight: bold;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
-  text-align: center;
-  padding: 0.5rem 0.75rem;
-}
-
-.p-autocomplete-dd .p-autocomplete-input {
-  flex: 1 1 auto;
-  width: 1%;
-}
-.p-autocomplete-dd .p-autocomplete-dropdown {
-  display: none;
-}
-
-.autocomplete-dropdown-container:hover .p-inputtext:enabled {
-  border-color: var(--emerald-300);
-}
-
-.autocomplete-dropdown-trigger {
-  position: absolute;
-  right: 0;
-  top: 0;
-  height: 100%;
-  width: 2.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.p-autocomplete-clear-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-  cursor: pointer;
-}
-
-.p-autocomplete-clearable {
-  position: relative;
-}
-.p-autocomplete-clearable .p-autocomplete-clear-icon {
-  right: 0.75rem;
-}
-.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
-  right: 2.5rem;
-}
-
-.p-tabview .p-tabview-nav {
-  background: rgba(0, 0, 0, 0.0001);
-  border-bottom: 1px solid var(--gray-900);
-  gap: 1.5rem;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link {
-  border-bottom: 0.25rem solid rgba(0, 0, 0, 0.0001);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  padding: 1rem 0rem;
-  font-weight: normal;
-  transition: 0.2s;
-  margin: 0;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--emerald-300);
-}
-.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: var(--emerald-300);
-  color: var(--emerald-300);
-}
-.p-tabview .p-tabview-close {
-  margin-left: 0.5rem;
-}
-.p-tabview .p-tabview-nav-btn.p-link {
-  background: #1c1b22;
-  color: var(--white-80);
-  width: 2.5rem;
-  box-shadow: 0px 0px 10px 50px var(--white-60);
-  border-radius: 0;
-}
-.p-tabview .p-tabview-nav-btn.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-tabview .p-tabview-nav-btn.p-link:hover {
-  color: var(--emerald-300);
-}
-.p-tabview .p-tabview-panels {
-  background: rgba(0, 0, 0, 0.0001);
-  padding: 1rem 0rem;
-  border: none;
-  color: var(--white-80);
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-divider {
-  border-color: var(--gray-900);
-}
-.p-divider .p-divider-content {
-  background-color: #1c1b22;
-  color: var(--white-80);
-  text-transform: uppercase;
-}
-.p-divider.p-divider-horizontal {
-  margin: 1rem 0rem;
-  padding: 0rem 1rem;
-}
-.p-divider.p-divider-horizontal .p-divider-content {
-  padding: 0 0.5rem;
-}
-.p-divider.p-divider-horizontal:before {
-  border-top-width: 1px;
-  border-top-color: var(--gray-900);
-}
-.p-divider.p-divider-horizontal.p-divider-dash:before {
-  border-top-style: dashed;
-}
-.p-divider.p-divider-vertical {
-  margin: 0rem 1rem;
-  padding: 1rem 0rem;
-}
-.p-divider.p-divider-vertical .p-divider-content {
-  padding: 0.5rem 0;
-}
-.p-divider.p-divider-vertical:before {
-  border-left-width: 1px;
-  border-left-color: var(--gray-900);
-}
-.p-divider.p-divider-vertical.p-divider-dash:before {
-  border-left-style: dashed;
-}
-
-.p-scrollpanel .p-scrollpanel-bar {
-  background: var(--white-20);
-  border: 0 none;
-  border-radius: 0.5rem;
-}
-.p-scrollpanel .p-scrollpanel-bar:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-
-.p-accordion .p-accordion-header .p-accordion-header-link {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  color: var(--white-80);
-  font-weight: 700;
-  padding: 1rem 0rem;
-  border-top: 1px solid var(--gray-900);
-  background: rgba(0, 0, 0, 0.0001);
-  transition: 0.2s;
-  gap: 0.5rem;
-}
-.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
-  font-size: 1.25rem;
-}
-.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: var(--gray-900);
-  color: var(--white-100);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: var(--gray-900);
-  color: var(--white-100);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
-  border-color: var(--gray-900);
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-accordion .p-accordion-content {
-  padding: 0rem 0rem 1rem 1.75rem;
-  border-bottom: none;
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-accordion .p-accordion-tab {
-  margin-bottom: 0rem;
-}
-.p-accordion .p-accordion-tab:first-child .p-accordion-header-link {
-  border-top: none;
-}
-.p-accordion .p-accordion-tab .p-accordion-content .p-accordion-header-link {
-  border-top: 1px solid var(--gray-900);
-}
-
-.p-stepper .p-stepper-nav {
-  display: flex;
-  gap: 0.5rem;
-  justify-content: space-between;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  overflow: hidden;
-  overflow-x: auto;
-}
-.p-stepper .p-stepper-header {
-  position: relative;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-  padding: 0.5rem 0;
-}
-.p-stepper .p-stepper-header.p-disabled {
-  opacity: 1;
-  cursor: initial;
-}
-.p-stepper .p-stepper-header.p-disabled .p-stepper-action {
-  opacity: 0.6;
-}
-.p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-title {
-  color: var(--white-100);
-}
-.p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
-  background-color: var(--emerald-300);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-number, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-number {
-  color: var(--black-80);
-  background-color: var(--emerald-300);
-  border-color: transparent;
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-icon, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-icon {
-  color: var(--emerald-300);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-action.p-danger .p-stepper-number, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-action.p-danger .p-stepper-number {
-  color: var(--black-80);
-  background-color: var(--red-400);
-}
-.p-stepper p-stepperheader .p-stepper-action {
-  display: inline-flex;
-  align-items: center;
-  flex-grow: 0;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  background: #1c1b22;
-  outline-color: transparent;
-  padding: 0;
-}
-.p-stepper p-stepperheader .p-stepper-action:hover {
-  cursor: pointer;
-}
-.p-stepper p-stepperheader .p-stepper-action:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-number {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 500;
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1;
-  font-size: 1rem;
-  border-radius: 8rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title {
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  margin-left: 0.5rem;
-  color: var(--white-100);
-  font-weight: 500;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper{
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
-  line-height: 1;
-  margin-left: 0.5rem;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper .p-stepper-title {
-  margin-left: 0;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-icon{
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.5rem;
-  line-height: 2rem;
-  line-height: 1;
-  min-width: 1.5rem;
-  height: 1.5rem;
-}
-.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-number,
-.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-icon {
-  color: var(--red-400);
-}
-.p-stepper .p-stepper-panels {
-  background: rgba(0, 0, 0, 0.0001);
-  padding: 1rem 0rem;
-  color: var(--white-80);
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-number, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-number {
-  color: var(--black-80);
-  background-color: var(--emerald-300);
-  border-color: transparent;
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-icon, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-icon {
-  color: var(--emerald-300);
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-action.p-danger .p-stepper-number, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-action.p-danger .p-stepper-number {
-  color: var(--black-80);
-  background-color: var(--red-400);
-}
-.p-stepper .p-stepper-separator {
-  background-color: var(--gray-900);
-  width: 100%;
-  height: 1px;
-  margin-inline-start: 0.5rem;
-  transition: 0.2s;
-}
-.p-stepper.no-line .p-stepper-separator {
-  background-color: transparent !important;
-}
-.p-stepper.p-stepper-vertical {
-  display: flex;
-  flex-direction: column;
-}
-.p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
-  display: flex;
-  flex: 1 1 auto;
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel {
-  display: flex;
-  flex-direction: column;
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
-  flex: 1 1 auto;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
-  width: 100%;
-  padding-left: 1rem;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
-  flex: 0 0 auto;
-  width: 2px;
-  height: auto;
-  margin-inline-start: calc(1.75rem + 2px);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
-  background-color: var(--emerald-300);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
-  padding-left: 3rem;
-}
-
-.p-card {
-  overflow: hidden;
-  color: var(--white-100);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-card.p-card-no-shadow {
-  box-shadow: none;
-}
-.p-card .p-card-body {
-  padding: 1rem;
-}
-.p-card .p-card-title {
-  font-size: 1.125rem;
-  font-weight: 700;
-  margin-bottom: 0.25rem;
-}
-.p-card .p-card-subtitle {
-  font-size: 0.875rem;
-  font-weight: 400;
-  color: var(--white-80);
-}
-.p-card .p-card-content {
-  padding: 1rem 0 0;
-}
-.p-card .p-card-footer {
-  padding: 1rem 0 0;
-}
-
-.p-tooltip .p-tooltip-text {
-  background: var(--gray-200);
-  color: #1c1b22;
-  padding: 0.5rem 1rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  border-radius: 0.5rem;
-}
-
-.p-tooltip-arrow {
-  border-color: transparent;
-}
-
-.p-tooltip-right .p-tooltip-arrow,
-.p-tooltip-left .p-tooltip-arrow {
-  margin-top: -0.25rem;
-}
-
-.p-tooltip-top .p-tooltip-arrow,
-.p-tooltip-bottom .p-tooltip-arrow {
-  margin-left: -0.25rem;
-}
-
-.p-tooltip-right .p-tooltip-arrow {
-  border-width: 0.25em 0.25em 0.25em 0;
-  border-right-color: var(--gray-200);
-}
-
-.p-tooltip-left .p-tooltip-arrow {
-  border-width: 0.25em 0 0.25em 0.25rem;
-  border-left-color: var(--gray-200);
-}
-
-.p-tooltip-top .p-tooltip-arrow {
-  border-width: 0.25em 0.25em 0;
-  border-top-color: var(--gray-200);
-}
-
-.p-tooltip-bottom .p-tooltip-arrow {
-  border-width: 0 0.25em 0.25rem;
-  border-bottom-color: var(--gray-200);
-}
-
-.p-dialog {
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  border: 1px solid var(--gray-900);
-}
-.p-dialog .p-dialog-header {
-  border-bottom: 1px solid var(--gray-900);
-  background: #1c1b22;
-  color: var(--white-100);
-  padding: 1.5rem 1.5rem 1rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-header .p-dialog-title {
-  font-weight: bold;
-  font-size: 1.25rem;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-right: 0.5rem;
-  box-shadow: none;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
-  margin-right: 0;
-}
-.p-dialog-danger .p-dialog-title::before, .p-dialog-success .p-dialog-title::before, .p-dialog-info .p-dialog-title::before, .p-dialog-warning .p-dialog-title::before, .p-dialog-help .p-dialog-title::before {
-  content: "";
-  display: inline-block;
-  width: 1.5rem;
-  height: 1.5rem;
-  background-size: contain;
-  margin-right: 0.5rem;
-  vertical-align: text-bottom;
-}
-.p-dialog-danger .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM8.13128 8.63128C8.47299 8.28957 9.02701 8.28957 9.36872 8.63128L10.5 9.76256L11.6313 8.63128C11.973 8.28957 12.527 8.28957 12.8687 8.63128C13.2104 8.97299 13.2104 9.52701 12.8687 9.86872L11.7374 11L12.8687 12.1313C13.2104 12.473 13.2104 13.027 12.8687 13.3687C12.527 13.7104 11.973 13.7104 11.6313 13.3687L10.5 12.2374L9.36872 13.3687C9.02701 13.7104 8.47299 13.7104 8.13128 13.3687C7.78957 13.027 7.78957 12.473 8.13128 12.1313L9.26256 11L8.13128 9.86872C7.78957 9.52701 7.78957 8.97299 8.13128 8.63128Z" fill="%23E26E63"/></svg>') no-repeat;
-}
-.p-dialog-success .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM13.7437 8.63128C14.0854 8.97299 14.0854 9.52701 13.7437 9.86872L10.2437 13.3687C9.90201 13.7104 9.34799 13.7104 9.00628 13.3687L7.25628 11.6187C6.91457 11.277 6.91457 10.723 7.25628 10.3813C7.59799 10.0396 8.15201 10.0396 8.49372 10.3813L9.625 11.5126L12.5063 8.63128C12.848 8.28957 13.402 8.28957 13.7437 8.63128Z" fill="%2368C170"/></svg>') no-repeat;
-}
-.p-dialog-warning .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.24855 2.2875C9.63056 2.07229 10.0616 1.95923 10.5 1.95923C10.9385 1.95923 11.3695 2.07229 11.7515 2.2875C12.1335 2.5027 12.4536 2.81277 12.6808 3.18777L12.6831 3.19162L19.7759 15.0356L19.7832 15.0481C20.0055 15.4335 20.123 15.8705 20.1241 16.3154C20.1252 16.7604 20.0098 17.1979 19.7895 17.5845C19.5691 17.9711 19.2514 18.2932 18.868 18.519C18.4846 18.7447 18.0487 18.8662 17.6038 18.8714L17.5937 18.8715L3.39659 18.8714C2.95146 18.8664 2.51539 18.7449 2.13176 18.5191C1.74813 18.2933 1.43031 17.9709 1.20992 17.5841C0.98952 17.1974 0.874224 16.7596 0.875499 16.3145C0.876773 15.8693 0.994574 15.4322 1.21718 15.0467L1.22426 15.0347L8.30299 3.21587C8.30825 3.20642 8.31369 3.19705 8.31931 3.18777C8.5465 2.81277 8.86655 2.5027 9.24855 2.2875ZM10.5 3.70923C10.3625 3.70923 10.2273 3.74469 10.1075 3.81219C9.99324 3.87657 9.89665 3.968 9.82613 4.07836C9.82357 4.0828 9.82097 4.08723 9.81833 4.09164L2.72982 15.9268C2.66184 16.0465 2.62589 16.1818 2.62549 16.3195C2.62509 16.4591 2.66126 16.5964 2.73039 16.7177C2.79952 16.839 2.8992 16.9401 3.01953 17.011C3.13871 17.0811 3.27402 17.1192 3.41225 17.1214H17.5877C17.7258 17.1191 17.861 17.0811 17.9801 17.011C18.1004 16.9401 18.2 16.8391 18.2691 16.7178C18.3383 16.5966 18.3745 16.4594 18.3741 16.3198C18.3738 16.1822 18.3379 16.047 18.2701 15.9274L11.1841 4.09457C11.1837 4.09404 11.1834 4.09351 11.1831 4.09298C11.1119 3.97607 11.0119 3.87939 10.8926 3.81219C10.7728 3.74469 10.6376 3.70923 10.5 3.70923ZM10.5001 7.49997C10.9833 7.49997 11.3751 7.89172 11.3751 8.37497V11.875C11.3751 12.3582 10.9833 12.75 10.5001 12.75C10.0168 12.75 9.62506 12.3582 9.62506 11.875V8.37497C9.62506 7.89172 10.0168 7.49997 10.5001 7.49997ZM9.62506 14.5C9.62506 14.0167 10.0168 13.625 10.5001 13.625H10.5088C10.9921 13.625 11.3838 14.0167 11.3838 14.5C11.3838 14.9832 10.9921 15.375 10.5088 15.375H10.5001C10.0168 15.375 9.62506 14.9832 9.62506 14.5Z" fill="%23FFB330"/></svg>') no-repeat;
-}
-.p-dialog-info .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.625 8.375C9.625 7.89175 10.0168 7.5 10.5 7.5H10.5087C10.992 7.5 11.3837 7.89175 11.3837 8.375C11.3837 8.85825 10.992 9.25 10.5087 9.25H10.5C10.0168 9.25 9.625 8.85825 9.625 8.375ZM8.75 11C8.75 10.5168 9.14175 10.125 9.625 10.125H10.5C10.9832 10.125 11.375 10.5168 11.375 11V13.625C11.8582 13.625 12.25 14.0168 12.25 14.5C12.25 14.9832 11.8582 15.375 11.375 15.375H10.5C10.0168 15.375 9.625 14.9832 9.625 14.5V11.875C9.14175 11.875 8.75 11.4832 8.75 11Z" fill="%2349A2EF"/></svg>') no-repeat;
-}
-.p-dialog-help .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.99829 7.55089C10.5752 7.43547 11.1741 7.51853 11.6978 7.78656C12.2234 8.05459 12.6434 8.49186 12.89 9.02783C13.1367 9.56409 13.1955 10.1679 13.0568 10.7416C12.9181 11.3154 12.5901 11.8257 12.1257 12.1901C11.6613 12.5545 11.0877 12.7518 10.4974 12.75C10.0141 12.7486 9.62355 12.3556 9.625 11.8724C9.62646 11.3891 10.0194 10.9986 10.5026 11C10.6994 11.0006 10.8906 10.9349 11.0454 10.8134C11.2002 10.6919 11.3096 10.5218 11.3558 10.3306C11.402 10.1393 11.3824 9.93804 11.3002 9.75929C11.2179 9.58053 11.0778 9.43472 10.9025 9.34539L10.9008 9.34452C10.7285 9.25627 10.5314 9.2289 10.3416 9.26688C10.1518 9.30486 9.98043 9.40595 9.85536 9.5537C9.54314 9.92255 8.99103 9.96846 8.62218 9.65624C8.25333 9.34403 8.20742 8.79191 8.51964 8.42306C8.89995 7.97377 9.42109 7.66638 9.99829 7.55089ZM10.5 13.625C10.9832 13.625 11.375 14.0168 11.375 14.5V14.5087C11.375 14.992 10.9832 15.3837 10.5 15.3837C10.0168 15.3837 9.625 14.992 9.625 14.5087V14.5C9.625 14.0168 10.0168 13.625 10.5 13.625Z" fill="%23AB77DF"/></svg>') no-repeat;
-}
-.p-dialog .p-dialog-content {
-  background: #1c1b22;
-  color: var(--white-100);
-  padding: 1.5rem 1.5rem;
-}
-.p-dialog .p-dialog-content:last-of-type {
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer {
-  display: flex;
-  border-top: 1px solid rgba(0, 0, 0, 0.0001);
-  background: #1c1b22;
-  color: var(--white-80);
-  padding: 0rem 1.5rem 1.5rem;
-  text-align: right;
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer button {
-  width: auto;
-}
-.p-dialog .p-confirm-dialog-accept {
-  order: 1;
-}
-.p-dialog .p-confirm-dialog-reject {
-  order: 2;
-}
-.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
-  border-radius: 0;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
-  font-size: 2rem;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-dialog.p-confirm-dialog .p-dialog-footer {
-  flex-direction: row-reverse;
-  gap: 0.5rem;
-}
-.p-dialog.p-confirm-dialog .p-dialog-footer i.none {
-  display: none;
-}
-
-.p-overlaypanel {
-  background: #1c1b22;
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-overlaypanel .p-overlaypanel-content {
-  padding: 1rem;
-}
-.p-overlaypanel .p-overlaypanel-close {
-  background: var(--emerald-300);
-  color: var(--black-80);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  position: absolute;
-  top: -1rem;
-  right: -1rem;
-}
-.p-overlaypanel .p-overlaypanel-close:enabled:hover {
-  background: var(--emerald-200);
-  color: var(--black-80);
-}
-.p-overlaypanel:after {
-  border: solid transparent;
-  border-color: transparent;
-  border-bottom-color: #1c1b22;
-  border-width: 6px;
-}
-.p-overlaypanel:before {
-  border: solid transparent;
-  border-width: 8px;
-  border-color: transparent;
-  border-bottom-color: var(--gray-900);
-}
-.p-overlaypanel.p-overlaypanel-flipped {
-  margin-top: -7px !important;
-}
-.p-overlaypanel.p-overlaypanel-flipped:after {
-  border-top-color: #1c1b22;
-  border-bottom-color: transparent;
-}
-.p-overlaypanel.p-overlaypanel-flipped:before {
-  border-top-color: var(--gray-900);
-  border-bottom-color: transparent;
-}
-
-.p-sidebar {
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  background: #1c1b22;
-  margin: 0.5rem;
-  height: calc(100vh - 1rem) !important;
-}
-.p-sidebar.p-sidebar-top, .p-sidebar.p-sidebar-full, .p-sidebar.p-sidebar-bottom {
-  width: calc(100vw - 1rem);
-  width: -webkit-fill-available !important;
-}
-.p-sidebar.p-sidebar-top, .p-sidebar.p-sidebar-bottom {
-  height: auto;
-}
-.p-sidebar .p-sidebar-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1.5rem 1.5rem 1rem;
-  border-bottom: 1px solid var(--gray-900);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close.p-disabled,
-.p-sidebar .p-sidebar-header .p-sidebar-icon.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-sidebar .p-sidebar-header > :only-child {
-  margin-left: auto;
-}
-.p-sidebar .p-sidebar-content {
-  padding: 1.5rem 1.5rem;
-}
-.p-sidebar .p-sidebar-footer {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 1.5rem 1.5rem;
-  padding-top: 0rem;
-}
-
-.p-avatar {
-  height: 2rem;
-  width: 2rem;
-  color: var(--black-80);
-  font-size: 1rem;
-  background-color: var(--emerald-300);
-  border-radius: 0.5rem;
-}
-.p-avatar:not(.p-avatar-image) {
-  border: 1px solid var(--gray-900);
-}
-.p-avatar.p-avatar-image {
-  background: transparent;
-  position: relative;
-}
-.p-avatar.p-avatar-image img {
-  position: relative;
-  object-fit: cover;
-  border-radius: inherit;
-}
-.p-avatar.p-avatar-image .p-badge {
-  z-index: 1;
-}
-.p-avatar.p-avatar-image::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  border: 1px solid var(--gray-900);
-  border-radius: inherit;
-  z-index: 1;
-}
-.p-avatar.p-avatar-lg {
-  width: 2.5rem;
-  height: 2.5rem;
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-lg .p-avatar-icon {
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-xl {
-  width: 3.5rem;
-  height: 3.5rem;
-  font-size: 1.5rem;
-}
-.p-avatar.p-avatar-xl .p-avatar-icon {
-  font-size: 1.5rem;
-}
-
-.p-avatar-circle {
-  border-radius: 50%;
-}
-
-.p-badge {
-  background: var(--emerald-300);
-  color: var(--black-80);
-  font-size: 0.75rem;
-  font-weight: bold;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-}
-.p-badge.p-badge-success {
-  background-color: var(--green-400);
-  color: var(--black-80);
-}
-.p-badge.p-badge-info {
-  background-color: var(--blue-400);
-  color: var(--black-80);
-}
-.p-badge.p-badge-warning {
-  background-color: var(--orange-400);
-  color: var(--black-80);
-}
-.p-badge.p-badge-danger {
-  background-color: var(--red-400);
-  color: var(--black-80);
-}
-.p-badge.p-badge-dot {
-  width: 0.5rem;
-  height: 0.5rem;
-  min-width: auto;
-}
-
-.p-tag {
-  height: 1.5rem;
-  color: var(--black-80);
-  font-size: 0.875rem;
-  font-weight: bold;
-  padding: 0.5rem;
-  border-radius: 0.5rem;
-  background: var(--emerald-300);
-}
-.p-tag.p-tag-success {
-  background-color: var(--green-400);
-  color: var(--black-80);
-}
-.p-tag.p-tag-info {
-  background-color: var(--blue-400);
-  color: var(--black-80);
-}
-.p-tag.p-tag-warning {
-  background-color: var(--orange-400);
-  color: var(--black-80);
-}
-.p-tag.p-tag-danger {
-  background-color: var(--red-400);
-  color: var(--black-80);
-}
-.p-tag.p-tag-rounded {
-  border-radius: 100px;
-}
-.p-tag.p-tag-secondary {
-  background-color: var(--gray-900);
-  color: var(--white-80);
-}
-.p-tag .p-tag-icon {
-  margin-right: 0.25rem;
-  font-size: 0.875rem;
-}
-.p-tag .p-tag-icon.p-icon {
-  width: 0.875rem;
-  height: 0.875rem;
-}
-
-.p-progressbar {
-  border: none;
-  height: 1rem;
-  background: var(--white-20);
-  border-radius: 0.5rem;
-}
-.p-progressbar .p-progressbar-value {
-  border: 0 none;
-  margin: 0;
-  background: var(--emerald-300);
-}
-.p-progressbar .p-progressbar-label {
-  color: var(--black-80);
-  line-height: 1rem;
-}
-
-.p-progress-spinner-circle {
-  animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-primary-color 6s ease-in-out infinite;
-}
-
-@keyframes p-progress-spinner-primary-color {
-  100%, 0% {
-    stroke: var(--primary-color) !important;
-  }
-  40% {
-    stroke: var(--primary-color) !important;
-  }
-  66% {
-    stroke: var(--primary-color) !important;
-  }
-  80%, 90% {
-    stroke: var(--primary-color) !important;
-  }
-}
-.p-metergroup {
-  display: flex;
-  gap: 0.75rem;
-  flex-direction: column;
-}
-.p-metergroup .p-metergroup-meter-container {
-  background: var(--white-20);
-  border-radius: 0.5rem;
-}
-.p-metergroup .p-metergroup-labels {
-  display: flex;
-  flex-wrap: wrap;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  gap: 1rem;
-  row-gap: 0.75rem;
-}
-.p-metergroup .p-metergroup-labels-vertical {
-  gap: 0.5rem;
-  flex-direction: column;
-}
-.p-metergroup .p-metergroup-meters {
-  display: flex;
-  background: var(--white-20);
-  border-radius: 0.5rem;
-  height: 0.5rem;
-}
-.p-metergroup .p-metergroup-meter {
-  border: none;
-  background: var(--emerald-300);
-}
-.p-metergroup .p-metergroup-label-list-item {
-  line-height: 1rem;
-}
-.p-metergroup .p-metergroup-label-type {
-  background: var(--emerald-300);
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 100%;
-  margin-right: 0.5rem;
-}
-.p-metergroup .p-metergroup-label {
-  display: inline-flex;
-  align-items: center;
-  color: var(--black-60);
-  gap: 0.5rem;
-  font-size: 0.875rem;
-  line-height: 100%;
-}
-.p-metergroup .p-metergroup-label .p-metergroup-label-marker {
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 100%;
-  display: inline-flex;
-}
-.p-metergroup .p-metergroup-label-icon {
-  width: 1rem;
-  height: 1rem;
-  font-size: 1rem;
-}
-.p-metergroup .p-metergroup-label-list-vertical {
-  gap: 0.25rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
-  height: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
-  margin-bottom: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
-  margin-top: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical {
-  flex-direction: row;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meters {
-  width: 0.5rem;
-  height: 100%;
-  flex-direction: column;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter {
-  width: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
-  border-bottom-left-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
-  margin-left: 0.5rem;
-}
-
-.p-chip {
-  height: 1.75rem;
-  color: var(--white-100);
-  border-radius: 0.25rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  padding: 0rem 0.5rem;
-  background-color: var(--white-20);
-  display: inline-flex;
-}
-.p-chip.p-disabled {
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background-color: var(--white-20);
-}
-.p-chip .p-chip-text {
-  line-height: 1.5;
-  margin-top: 0rem;
-  margin-bottom: 0rem;
-}
-.p-chip .p-chip-icon {
-  margin-right: 0.5rem;
-}
-.p-chip img {
-  width: 1.5rem;
-  height: 1.5rem;
-  margin-left: -0.75rem;
-  margin-right: 0.5rem;
-}
-.p-chip .p-chip-remove-icon {
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-left: 0.5rem;
-}
-.p-chip .p-chip-remove-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-chip .p-chip-remove-icon:focus {
-  outline: 0 none;
-}
-
-timescircleicon svg {
-  display: none !important;
-}
-timescircleicon::after {
-  cursor: pointer;
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E") no-repeat;
-  height: 16px;
-  width: 16px;
-  background: var(--white-100);
-  margin-left: 0.5rem;
-  content: "";
-}
-
-.p-skeleton {
-  background: var(--gray-900);
-  border-radius: 0.5rem;
-}
-.p-skeleton:after {
-  background: linear-gradient(90deg, var(--gray-900) 0%, var(--gray-900) 40%, var(--gray-900) 75%);
-}
-
-.p-message {
-  overflow: hidden;
-  margin: 0rem;
-  border-radius: 0.5rem;
-}
-.p-message .p-message-wrapper {
-  padding: 1rem;
-  position: relative;
-  display: grid;
-  padding-left: 4rem;
-  min-height: 4rem;
-}
-.p-message .p-message-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: transparent;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  position: absolute;
-  top: 1rem;
-  right: 1rem;
-}
-.p-message .p-message-close:hover {
-  background: rgba(255, 255, 255, 0.5);
-}
-.p-message .p-message-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-message.p-message-info {
-  background: var(--blue-0);
-  border: 1px solid var(--blue-800);
-}
-.p-message.p-message-info .p-message-wrapper {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-message.p-message-info .p-message-icon {
-  color: var(--blue-400);
-}
-.p-message.p-message-info .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--blue-400);
-}
-.p-message.p-message-info .p-message-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-800);
-  background: transparent;
-}
-.p-message.p-message-info .p-message-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-success {
-  background: var(--green-0);
-  border: 1px solid var(--green-900);
-}
-.p-message.p-message-success .p-message-wrapper {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-message.p-message-success .p-message-icon {
-  color: var(--green-400);
-}
-.p-message.p-message-success .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--green-400);
-}
-.p-message.p-message-success .p-message-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-900);
-  background: transparent;
-}
-.p-message.p-message-success .p-message-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-warn {
-  background: var(--orange-0);
-  border: 1px solid var(--orange-800);
-}
-.p-message.p-message-warn .p-message-wrapper {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-message.p-message-warn .p-message-icon {
-  color: var(--orange-400);
-}
-.p-message.p-message-warn .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--orange-400);
-}
-.p-message.p-message-warn .p-message-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-800);
-  background: transparent;
-}
-.p-message.p-message-warn .p-message-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-error {
-  background: var(--red-0);
-  border: 1px solid var(--red-800);
-}
-.p-message.p-message-error .p-message-wrapper {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-message.p-message-error .p-message-icon {
-  color: var(--red-400);
-}
-.p-message.p-message-error .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--red-400);
-}
-.p-message.p-message-error .p-message-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-800);
-  background: transparent;
-}
-.p-message.p-message-error .p-message-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message .p-message-text {
-  font-size: 1rem;
-  font-weight: normal;
-  color: var(--white-100);
-}
-.p-message .p-message-icon {
-  font-size: 2rem;
-  display: inline;
-  margin-right: 0.5rem;
-  position: absolute;
-  top: 1rem;
-  left: 1rem;
-}
-.p-message .p-message-icon .p-icon-wrapper {
-  display: none;
-}
-.p-message .p-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-message .p-message-summary {
-  font-size: 1rem;
-  font-weight: bold;
-  color: var(--white-100);
-  margin-right: 0.25rem;
-}
-.p-message .p-message-detail {
-  font-size: 0.875rem;
-  font-weight: normal;
-  color: var(--white-80);
-  display: block;
-}
-
-.p-toast {
-  opacity: 1;
-}
-.p-toast .p-toast-message {
-  overflow: hidden;
-  margin: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  border-radius: 0.5rem;
-}
-.p-toast .p-toast-message .p-toast-message-content {
-  gap: 1rem;
-  padding: 1rem;
-  border-left-width: 0.25rem;
-  border-left-style: solid;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
-  margin: 0rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
-  font-size: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon .p-icon-wrapper {
-  display: none;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
-  font-weight: bold;
-  font-size: 1rem;
-  color: var(--white-100);
-  margin: auto 0;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
-  font-weight: normal;
-  font-size: 0.875rem;
-  color: var(--white-80);
-  margin-top: 0.25rem;
-}
-.p-toast .p-toast-message .p-toast-icon-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: #1c1b22;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-info {
-  background: var(--blue-0);
-  border: 1px solid var(--blue-800);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-content {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
-  color: var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-800);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-success {
-  background: var(--green-0);
-  border: 1px solid var(--green-900);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-content {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon {
-  color: var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-900);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-warn {
-  background: var(--orange-0);
-  border: 1px solid var(--orange-800);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-content {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
-  color: var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-800);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-error {
-  background: var(--red-0);
-  border: 1px solid var(--red-800);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-content {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
-  color: var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-800);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-
-.p-breadcrumb {
-  background: rgba(0, 0, 0, 0.0001);
-  border: none;
-  padding: 0rem;
-}
-.p-breadcrumb.none-separator-breadcrum .p-menuitem-separator {
-  opacity: 0;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  padding: 0.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover {
-  background-color: var(--gray-800);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
-  margin: 0 0.25rem;
-  color: var(--white-100);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
-  color: var(--white-80);
-}
-
-.p-menubar {
-  display: flex;
-  padding: 0.25rem;
-  align-items: flex-end;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-menubar .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menubar .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--emerald-300);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--emerald-200);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menubar .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list][level="0"] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-menubar [class*=list][level="0"] > .p-menuitem {
-  margin: 0;
-}
-.p-menubar [class*=list]:not([level="0"]) {
-  min-width: 8rem;
-  z-index: 2;
-}
-.p-menubar [class*=list][level="1"] {
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list][level="1"].p-menuitem:first-of-type {
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list]:not([level="0"]):not([level="1"]) {
-  margin-left: 0.25rem;
-  margin-top: -0.25rem;
-}
-.p-menubar ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.p-menubar .p-menuitem-link {
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  overflow: hidden;
-  position: relative;
-}
-.p-menubar .p-menuitem-text {
-  line-height: 1;
-}
-.p-menubar .p-menuitem {
-  position: relative;
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--emerald-200);
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem.p-menuitem:first-of-type {
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem .p-submenu-list {
-  display: none;
-  position: absolute;
-  z-index: 2;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  background-color: #1c1b22;
-}
-.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg) {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menubar-root-list .p-icon-wrapper {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-icon-wrapper {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menubar-custom,
-.p-menubar .p-menuitem .p-menubar-end {
-  margin-left: auto;
-  align-self: center;
-}
-.p-menubar .p-menubar-root-list {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-}
-.p-menubar .p-menubar-root-list > li ul {
-  display: none;
-  z-index: 1;
-}
-@media screen and (min-width: 960px) {
-  .p-menubar .p-submenu-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-    display: block;
-    left: 100%;
-    top: 0;
-  }
-  .p-menubar .p-menubar-root-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-    display: block;
-  }
-}
-.p-menubar .p-menubar-button {
-  display: none;
-  cursor: pointer;
-  align-items: center;
-  justify-content: center;
-}
-
-@media screen and (max-width: 960px) {
-  .p-menubar {
-    position: relative;
-    align-items: center;
-  }
-  .p-menubar .p-menubar-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--white-80);
-    border: 1px solid rgba(0, 0, 0, 0.0001);
-    background: rgba(0, 0, 0, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-menubar .p-menubar-button:hover {
-    color: var(--white-100);
-    border-color: rgba(0, 0, 0, 0.0001);
-    background: var(--gray-800);
-  }
-  .p-menubar .p-menubar-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--emerald-800);
-    caret-color: var(--emerald-300);
-  }
-  .p-menubar .p-menubar-button.p-disabled {
-    background: var(--white-20);
-    border: 1px solid var(--gray-900);
-    color: var(--white-80);
-  }
-  .p-menubar .p-menuitem-active[aria-expanded=false] .p-submenu-list {
-    display: none;
-  }
-  .p-menubar .p-menuitem-active[aria-expanded=true] > p-menubarsub > .p-submenu-list {
-    display: block;
-    position: relative;
-    left: auto;
-    top: auto;
-    border: 0;
-  }
-  .p-menubar [aria-expanded=true] + p-menubarsub .p-menubar-root-list {
-    display: block;
-  }
-  .p-menubar .p-menubar-root-list {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: none;
-    flex-direction: column;
-    min-width: 8rem;
-    border: 1px solid var(--gray-900);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: #1c1b22;
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-    border-radius: 0.5rem;
-    z-index: 2;
-  }
-  .p-menubar .p-menubar-root-list [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-menubar .p-submenu-list {
-    width: 100%;
-    display: none;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    border-radius: 0.5rem;
-    box-shadow: none;
-  }
-  .p-menubar .p-submenu-list [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(0deg);
-  }
-  .p-menubar .p-submenu-list [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-megamenu [class*=header] {
-  color: var(--white-80);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-megamenu [class*=header][data-p-disabled=true] {
-  color: var(--white-80);
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-megamenu [class*=grid] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-  width: max-content;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  padding: 0.25rem;
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-megamenu [class*=col] {
-  display: flex;
-  flex-grow: 1;
-  width: auto;
-  padding: 0;
-}
-.p-megamenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-megamenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-megamenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--emerald-300);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--emerald-200);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-megamenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-horizontal {
-  display: flex;
-}
-.p-megamenu-horizontal [class*=root] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-megamenu-horizontal [class*=root] > .p-menuitem {
-  margin: 0;
-}
-.p-megamenu-horizontal [class*=grid] {
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-vertical {
-  display: flex;
-}
-.p-megamenu-vertical [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-megamenu-vertical [class*=grid] {
-  margin-left: 0.25rem;
-}
-
-@media screen and (max-width: 960px) {
-  .p-megamenu {
-    position: relative;
-  }
-  .p-megamenu .p-megamenu-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--white-80);
-    border: 1px solid rgba(0, 0, 0, 0.0001);
-    background: rgba(0, 0, 0, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-megamenu .p-megamenu-button:hover {
-    color: var(--white-100);
-    border-color: rgba(0, 0, 0, 0.0001);
-    background: var(--gray-800);
-  }
-  .p-megamenu .p-megamenu-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--emerald-800);
-    caret-color: var(--emerald-300);
-  }
-  .p-megamenu .p-megamenu-button.p-disabled {
-    background: var(--white-20);
-    border: 1px solid var(--gray-900);
-    color: var(--white-80);
-  }
-  .p-megamenu [aria-expanded=false] + [class*=root] {
-    display: none;
-  }
-  .p-megamenu [class*=root] {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: flex;
-    flex-direction: column;
-    min-width: 8rem;
-    border-radius: 0.5rem;
-    border: 1px solid var(--gray-900);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: #1c1b22;
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-    z-index: 2;
-  }
-  .p-megamenu [class*=panel] {
-    width: 100%;
-    position: static;
-  }
-  .p-megamenu [class*=grid] {
-    display: flex;
-    flex-direction: column;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    box-shadow: none;
-  }
-  .p-megamenu [class*=grid] [class*=list] {
-    width: 100%;
-  }
-  .p-megamenu-horizontal [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-megamenu-vertical [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-menu [class*=header] {
-  color: var(--white-80);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-menu [class*=header][data-p-disabled=true] {
-  color: var(--white-80);
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-menu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--emerald-300);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--emerald-200);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-
-.p-menu-overlay {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  padding: 0.25rem;
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  z-index: 2;
-}
-
-.p-tieredmenu {
-  display: flex;
-}
-.p-tieredmenu [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-tieredmenu [data-pc-section=menu] {
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-tieredmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-tieredmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--emerald-300);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--emerald-200);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-tieredmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-
-.p-tabmenu .p-tabmenu-nav {
-  background: rgba(0, 0, 0, 0.0001);
-  border-bottom: 1px solid var(--gray-900);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
-  margin-right: 1.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  font-weight: normal;
-  border-bottom: 0.25rem solid rgba(0, 0, 0, 0.0001);
-  padding: 1rem 0rem;
-  margin: 0;
-  transition: 0.2s;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--emerald-300);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: var(--emerald-300);
-  color: var(--emerald-300);
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link {
-  background: #1c1b22;
-  color: var(--white-80);
-  width: 2.5rem;
-  box-shadow: 0px 0px 10px 50px var(--white-60);
-  border-radius: 0;
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link:hover {
-  color: var(--emerald-300);
-}
-.p-tabmenu .p-tabmenu-nav-container > .p-tabmenu-nav-content > .p-tabmenu-nav {
-  white-space: nowrap;
-  width: max-content;
-}
-
-.p-panelmenu[data-pc-section=root] {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-.p-panelmenu [data-pc-section=header] {
-  padding: 0.5rem 0.75rem;
-  border-radius: 0.5rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-action {
-  display: flex;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-link {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header] .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] {
-  background-color: var(--emerald-300);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--emerald-200);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=menu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu [data-pc-section=submenu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--emerald-300);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--emerald-200);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-link {
-  pointer-events: none;
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-submenu-icon {
-  color: var(--white-80);
-}
-
-.p-contextmenu [class*=list] {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  padding: 0.25rem;
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  z-index: 2;
-}
-.p-contextmenu [class*=list]:not([class*=root]) {
-  margin-top: -0.25rem;
-  margin-left: 0.25rem;
-}
-.p-contextmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--emerald-300);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--emerald-200);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-contextmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-@media screen and (max-width: 767px) {
-  .p-contextmenu [aria-expanded=true] > .p-menuitem-content .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-  .p-contextmenu [class*=list]:not([class*=root]) {
-    border-radius: 0;
-    border: none;
-    padding-left: 0.75rem !important;
-    margin: 0;
-    margin-top: 0.25rem;
-    background-color: transparent;
-    box-shadow: none;
-  }
-}
-
-.p-steps {
-  overflow: hidden;
-  overflow-x: auto;
-}
-.p-steps .p-steps-item {
-  display: flex;
-  justify-content: center;
-}
-.p-steps .p-steps-item .p-menuitem-link {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 0.5rem;
-  border-radius: 0;
-  padding: 0 0.5rem;
-  background: #1c1b22;
-  transition: 0.2s;
-  z-index: 1;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
-  color: var(--white-100);
-  font-weight: 500;
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-  font-size: 1rem;
-  z-index: 1;
-  border-radius: 8rem;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  color: var(--white-100);
-  font-weight: 500;
-}
-.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-steps .p-steps-item.p-highlight:not(:has(~ .p-highlight)) .p-steps-number {
-  background: var(--emerald-300);
-  color: var(--black-80);
-  border-color: transparent;
-}
-.p-steps .p-steps-item.p-highlight:not(:has(~ .p-highlight)) .p-steps-title {
-  color: var(--white-100);
-}
-.p-steps .p-steps-item.p-disabled {
-  opacity: 1;
-}
-.p-steps .p-steps-item.p-disabled .p-steps-number,
-.p-steps .p-steps-item.p-disabled .p-steps-title {
-  opacity: 0.6;
-}
-.p-steps .p-steps-item:before {
-  content: " ";
-  border-top: 1px solid var(--gray-900);
-  width: 100%;
-  top: 50%;
-  left: 0;
-  display: block;
-  position: absolute;
-}
-.p-steps .p-steps-item:first-of-type {
-  justify-content: flex-start;
-}
-.p-steps .p-steps-item:first-of-type .p-menuitem-link {
-  padding-left: 0;
-}
-.p-steps .p-steps-item:last-of-type {
-  justify-content: flex-end;
-}
-.p-steps .p-steps-item:last-of-type .p-menuitem-link {
-  padding-right: 0;
-}
-
-.p-timeline .p-timeline-event-content {
-  color: var(--white-100);
-}
-.p-timeline .p-timeline-event-opposite,
-.p-timeline .p-timeline-event-content {
-  line-height: 1;
-}
-.p-timeline .p-timeline-event-marker {
-  border: 0.25rem solid var(--emerald-300);
-  border-radius: 8rem;
-  width: 1rem;
-  height: 1rem;
-  background-color: #1c1b22;
-}
-.p-timeline .p-timeline-event-connector {
-  background-color: var(--gray-900);
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
-  padding: 0rem 0.5rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
-  width: 1px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
-  padding: 0.5rem 0rem;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
-  height: 1px;
-}
-
-.p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin: 0.5rem;
-}
-.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-carousel .p-carousel-content .p-carousel-prev.p-disabled,
-.p-carousel .p-carousel-content .p-carousel-next.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-carousel .p-carousel-indicators {
-  padding: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator {
-  margin-right: 0.5rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator:last-of-type {
-  margin-right: 0;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button {
-  background-color: var(--gray-900);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
-  background: var(--gray-600);
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-  background: var(--gray-600);
-  color: #1c1b22;
-}
-
-.p-datatable table {
-  border-collapse: separate;
-}
-.p-datatable .p-paginator-top {
-  border-width: 1px 0 1px 0;
-  border-radius: 0;
-}
-.p-datatable .p-paginator-bottom {
-  border-width: 0 0 0 0;
-  border-radius: 0;
-}
-.p-datatable .p-datatable-header {
-  background: var(--gray-0);
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-footer {
-  background: var(--gray-0);
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-thead > tr > th {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--white-100);
-  background: var(--gray-0);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tfoot > tr > td {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--white-100);
-  background: var(--gray-0);
-}
-.p-datatable .p-sortable-column p-sorticon {
-  vertical-align: middle;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon > svg, .p-datatable .p-sortable-column p-sorticon sortamountupalticon > svg, .p-datatable .p-sortable-column p-sorticon sortamountdownicon > svg {
-  display: none;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon::after, .p-datatable .p-sortable-column p-sorticon sortamountupalticon::after, .p-datatable .p-sortable-column p-sorticon sortamountdownicon::after {
-  width: 1.25rem;
-  height: 1.25rem;
-  color: var(--white-100);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon::after {
-  content: "\eb5a";
-}
-.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after {
-  content: "\eb27";
-  color: var(--emerald-300);
-}
-.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after {
-  content: "\eb26";
-  color: var(--emerald-300);
-}
-.p-datatable .p-sortable-column .p-sortable-column-badge {
-  border-radius: 50%;
-  height: 1.25rem;
-  min-width: 1.25rem;
-  line-height: 1.25rem;
-  color: var(--black-80);
-  background: var(--emerald-300);
-  margin-left: 0.5rem;
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
-  color: var(--white-100);
-}
-.p-datatable .p-sortable-column.p-highlight {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
-  color: var(--emerald-300);
-}
-.p-datatable .p-sortable-column:focus-visible {
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  outline: 0 none;
-}
-.p-datatable .p-datatable-tbody > tr {
-  background: #1c1b22;
-  color: var(--white-100);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td {
-  text-align: left;
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
-  margin-right: 0.5rem;
-}
-.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
-  font-weight: 500;
-}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
-  outline: 0.15rem solid var(--emerald-800);
-  outline-offset: -0.15rem;
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
-  box-shadow: inset 0 2px 0 0 var(--emerald-300);
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
-  box-shadow: inset 0 -2px 0 0 var(--emerald-300);
-}
-.p-datatable .p-datatable-tbody > tr .pi-chevron-right::before,
-.p-datatable .p-datatable-tbody > tr .pi-chevron-down::before {
-  color: var(--white-80);
-  font-size: 1rem;
-}
-.p-datatable .p-datatable-frozen-tbody > tr > td {
-  background: var(--gray-0);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
-  outline: 0.15rem solid var(--emerald-800);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
-  outline: 0.15rem solid var(--emerald-800);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-column-resizer-helper {
-  background: var(--gray-900);
-}
-.p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
-  background: #1c1b22;
-}
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
-  background-color: var(--gray-0);
-}
-.p-datatable .p-datatable-loading-icon {
-  font-size: 2rem;
-}
-.p-datatable .p-datatable-loading-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-header {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-footer {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-top {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-bottom {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
-  border-width: 1px 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
-  border-width: 1px 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
-  border-width: 0 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
-  background: var(--gray-0);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) + .p-row-expanded {
-  background: var(--gray-0);
-}
-.p-datatable.p-datatable-sm .p-datatable-header {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-footer {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-header {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-footer {
-  padding: 1.25rem 1.25rem;
-}
-
-.p-datatable-drag-selection-helper {
-  background: var(--gray-800);
-}
-
-.p-column-filter-overlay {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  background-color: #1c1b22;
-  padding: 0.25rem;
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-}
-
-.p-column-filter-constraint,
-.p-column-filter-constraints {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-
-.p-column-filter-buttonbar {
-  display: flex;
-  gap: 0.25rem;
-}
-
-[data-pc-section=filterremove] {
-  display: none;
-}
-[data-pc-section=filterremove]:has(.p-column-filter-remove-button) {
-  display: block;
-}
-
-.p-column-filter-menu-button,
-.p-column-filter-clear-button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  vertical-align: middle;
-}
-.p-column-filter-menu-button:enabled:hover,
-.p-column-filter-clear-button:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-column-filter-menu-button:focus-visible,
-.p-column-filter-clear-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-.p-column-filter-menu-button.p-disabled,
-.p-column-filter-clear-button.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-column-filter-menu-button filtericon > svg, .p-column-filter-menu-button filterslashicon > svg,
-.p-column-filter-clear-button filtericon > svg,
-.p-column-filter-clear-button filterslashicon > svg {
-  display: none;
-}
-.p-column-filter-menu-button filtericon::after, .p-column-filter-menu-button filterslashicon::after,
-.p-column-filter-clear-button filtericon::after,
-.p-column-filter-clear-button filterslashicon::after {
-  color: var(--white-100);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 2;
-  -webkit-font-smoothing: antialiased;
-}
-.p-column-filter-menu-button filtericon::after,
-.p-column-filter-clear-button filtericon::after {
-  content: "\eaa5";
-}
-.p-column-filter-menu-button filterslashicon::after,
-.p-column-filter-clear-button filterslashicon::after {
-  content: "\ed2c";
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active,
-.p-column-filter-clear-button.p-column-filter-menu-button-active {
-  background-color: var(--emerald-300);
-  color: var(--black-80);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active filtericon::after, .p-column-filter-menu-button.p-column-filter-menu-button-active filterslashicon::after,
-.p-column-filter-clear-button.p-column-filter-menu-button-active filtericon::after,
-.p-column-filter-clear-button.p-column-filter-menu-button-active filterslashicon::after {
-  color: var(--black-80);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active:hover,
-.p-column-filter-clear-button.p-column-filter-menu-button-active:hover {
-  background-color: var(--emerald-200);
-  color: var(--black-80);
-}
-
-.p-column-filter-row {
-  gap: 0.5rem;
-}
-
-.p-column-filter-row-item {
-  color: var(--white-80);
-  padding: 0.5rem 0.75rem;
-  margin-top: 0.25rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-}
-.p-column-filter-row-item:first-of-type {
-  margin: 0;
-}
-.p-column-filter-row-item:not(.p-highlight):hover {
-  color: var(--white-100);
-  background-color: var(--gray-800);
-}
-.p-column-filter-row-item.p-highlight {
-  color: var(--black-80);
-  background-color: var(--emerald-300);
-}
-.p-column-filter-row-item.p-highlight:hover {
-  background-color: var(--emerald-200);
-}
-
-.p-column-filter-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-
-.p-datatable-reorderablerow-handle {
-  color: var(--white-80);
-}
-.p-datatable-reorderablerow-handle::before {
-  content: "\ec01" !important;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 2;
-  -webkit-font-smoothing: antialiased;
-}
-
-.p-paginator {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-  border: solid rgba(0, 0, 0, 0.0001);
-  border-width: 0;
-  padding: 0.5rem 0rem;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
-  background-color: rgba(0, 0, 0, 0.0001);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
-  background: var(--gray-800);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-paginator .p-paginator-first.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-prev.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-next.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-last.p-disabled:not(.p-highlight) {
-  background: var(--white-20);
-  border-color: var(--gray-900);
-  color: var(--white-80);
-}
-.p-paginator .p-paginator-first {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-paginator .p-paginator-last {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-paginator .p-dropdown {
-  margin-left: 0.5rem;
-  height: 2.5rem;
-}
-.p-paginator .p-dropdown .p-dropdown-label {
-  padding-right: 0;
-}
-.p-paginator .p-paginator-page-input {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.p-paginator .p-paginator-page-input .p-inputtext {
-  max-width: 2.5rem;
-}
-.p-paginator .p-paginator-current {
-  background-color: rgba(0, 0, 0, 0.0001);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  padding: 0 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page {
-  background-color: rgba(0, 0, 0, 0.0001);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
-  background: var(--emerald-300);
-  border-color: var(--emerald-300);
-  color: var(--black-80);
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover {
-  background: var(--emerald-200);
-  border-color: var(--emerald-200);
-}
-.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
-  background: var(--gray-800);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-
-.p-galleria .p-galleria-close {
-  margin: 0.5rem;
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-close:hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-item-nav {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  margin: 0.5rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-caption {
-  background: var(--black-60);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-caption-title {
-  padding: 0 1rem;
-}
-.p-galleria .p-galleria-indicators {
-  padding: 1rem;
-  line-height: 0;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button {
-  background-color: var(--white-40);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--white-80);
-  color: var(--black-80);
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
-  margin-right: 0.5rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
-  margin-bottom: 0.5rem;
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
-  background: rgba(0, 0, 0, 0.0001);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
-  background: var(--white-40);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--white-80);
-  color: #1c1b22;
-}
-.p-galleria .p-galleria-thumbnail-container {
-  background: var(--black-100);
-  padding: 0.5rem 0.5rem;
-  gap: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-60);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
-  transition: 0.2s;
-  width: 100%;
-  height: 100%;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-800);
-  caret-color: var(--emerald-300);
-}
-
-.p-galleria-mask {
-  --maskbg: var(--black-40);
-}
-
-.p-galleria-thumbnail-item {
-  overflow: hidden;
-  height: 4rem;
-}
-
-.p-fileupload-dnd .p-fileupload,
-.p-fileupload-button .p-fileupload {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd.p-fileupload-advanced,
-.p-fileupload-button.p-fileupload-advanced {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
-.p-fileupload-dnd .p-fileupload-content,
-.p-fileupload-button .p-fileupload-content {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd .p-fileupload-content > p-progressbar,
-.p-fileupload-dnd .p-fileupload-content p-messages,
-.p-fileupload-button .p-fileupload-content > p-progressbar,
-.p-fileupload-button .p-fileupload-content p-messages {
-  display: none;
-}
-.p-fileupload-dnd .p-orderlist-controls,
-.p-fileupload-button .p-orderlist-controls {
-  display: none;
-}
-.p-fileupload-dnd .p-fileupload-files,
-.p-fileupload-button .p-fileupload-files {
-  display: none;
-}
-.p-fileupload-dnd .p-fileupload-info-button,
-.p-fileupload-button .p-fileupload-info-button {
-  width: 2.5rem;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  color: var(--blue-400);
-}
-.p-fileupload-dnd .p-orderlist-list-container,
-.p-fileupload-button .p-orderlist-list-container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-.p-fileupload-dnd .p-orderlist-list-container .p-orderlist-list,
-.p-fileupload-button .p-orderlist-list-container .p-orderlist-list {
-  overflow: hidden;
-  min-height: 0px;
-}
-.p-fileupload-dnd .p-fileupload-progress-spinner,
-.p-fileupload-button .p-fileupload-progress-spinner {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.p-fileupload-dnd .p-fileupload-item-row,
-.p-fileupload-button .p-fileupload-item-row {
-  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
-  border-radius: 0.5rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-}
-.p-fileupload-dnd .p-fileupload-item-row:hover,
-.p-fileupload-button .p-fileupload-item-row:hover {
-  background: var(--gray-800);
-}
-.p-fileupload-dnd .p-fileupload-item-row.error,
-.p-fileupload-button .p-fileupload-item-row.error {
-  border-color: var(--red-400);
-}
-.p-fileupload-dnd .p-fileupload-item-row.error .file-icon,
-.p-fileupload-button .p-fileupload-item-row.error .file-icon {
-  color: var(--red-400);
-}
-.p-fileupload-dnd .p-dataview-content,
-.p-fileupload-dnd .p-orderlist-list,
-.p-fileupload-button .p-dataview-content,
-.p-fileupload-button .p-orderlist-list {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-
-.p-fileupload-dnd .p-fileupload-buttonbar {
-  width: 100%;
-  border-radius: 0.5rem;
-  background: var(--gray-alpha);
-  border: 1px dashed var(--gray-900);
-  padding: 1.5rem 1.5rem 1rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar button {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar button > div {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.25rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar:hover {
-  cursor: pointer;
-  border-color: var(--emerald-300);
-}
-.p-fileupload-dnd .p-fileupload-buttonbar:hover i {
-  color: var(--emerald-300);
-}
-.hover\:border-primary:hover{
-  border-color: var(--primary-color);
-}
-.hover\:bg-blue-400:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}
-.hover\:bg-purple-400:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
-}
-.hover\:text-primary:hover{
-  color: var(--primary-color);
-}
-.hover\:underline:hover{
-  text-decoration-line: underline;
-}
-@media (min-width: 1px){
-  .sm\:\!w-10{
-    width: 10rem !important;
-  }
-  .sm\:\!w-15{
-    width: 15rem !important;
-  }
-  .sm\:\!w-16{
-    width: 16rem !important;
-  }
-  .sm\:\!w-26{
-    width: 26rem !important;
-  }
-  .sm\:w-auto{
-    width: auto;
-  }
-  .sm\:flex-row{
-    flex-direction: row;
-  }
-  .sm\:flex-col{
-    flex-direction: column;
-  }
-  .sm\:items-start{
-    align-items: flex-start;
-  }
-  .sm\:items-end{
-    align-items: flex-end;
-  }
-  .sm\:items-center{
-    align-items: center;
-  }
-  .sm\:gap-2{
-    gap: 0.5rem;
-  }
-  .sm\:p-8{
-    padding: 2rem;
-  }
-}
-@media (min-width: 768px){
-  .md\:col-span-3{
-    grid-column: span 3 / span 3;
-  }
-  .md\:col-span-6{
-    grid-column: span 6 / span 6;
-  }
-  .md\:mx-auto{
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .md\:mb-0{
-    margin-bottom: 0px;
-  }
-  .md\:ml-auto{
-    margin-left: auto;
-  }
-  .md\:mt-0{
-    margin-top: 0px;
-  }
-  .md\:block{
-    display: block;
-  }
-  .md\:flex{
-    display: flex;
-  }
-  .md\:hidden{
-    display: none;
-  }
-  .md\:\!w-10{
-    width: 10rem !important;
-  }
-  .md\:\!w-15{
-    width: 15rem !important;
-  }
-  .md\:\!w-20{
-    width: 20rem !important;
-  }
-  .md\:\!w-30{
-    width: 30rem !important;
-  }
-  .md\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .md\:\!w-8\/12{
-    width: 66.666667% !important;
-  }
-  .md\:w-2{
-    width: 2rem;
-  }
-  .md\:w-5{
-    width: 5rem;
-  }
-  .md\:flex-initial{
-    flex: 0 1 auto;
-  }
-  .md\:flex-row{
-    flex-direction: row;
-  }
-  .md\:flex-col{
-    flex-direction: column;
-  }
-  .md\:items-end{
-    align-items: flex-end;
-  }
-  .md\:items-center{
-    align-items: center;
-  }
-  .md\:justify-start{
-    justify-content: flex-start;
-  }
-  .md\:justify-center{
-    justify-content: center;
-  }
-  .md\:justify-between{
-    justify-content: space-between;
-  }
-  .md\:gap-8{
-    gap: 2rem;
-  }
-}
-@media (min-width: 1200px){
-  .lg\:mb-0{
-    margin-bottom: 0px;
-  }
-  .lg\:mt-0{
-    margin-top: 0px;
-  }
-  .lg\:flex{
-    display: flex;
-  }
-  .lg\:\!w-3\/12{
-    width: 25% !important;
-  }
-  .lg\:\!w-4\/12{
-    width: 33.333333% !important;
-  }
-  .lg\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .lg\:gap-0{
-    gap: 0px;
-  }
-  .lg\:px-5{
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-  .lg\:px-8{
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-  .lg\:pr-8{
-    padding-right: 2rem;
-  }
-}
-@media (min-width: 1280px){
-  .xl\:block{
-    display: block;
-  }
-  .xl\:flex{
-    display: flex;
-  }
-  .xl\:\!w-10{
-    width: 10rem !important;
-  }
-  .xl\:\!w-3\/12{
-    width: 25% !important;
-  }
-  .xl\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .xl\:\!w-9\/12{
-    width: 75% !important;
-  }
-  .xl\:w-6{
-    width: 6rem;
-  }
-  .xl\:flex-row{
-    flex-direction: row;
-  }
-  .xl\:items-start{
-    align-items: flex-start;
-  }
-  .xl\:justify-center{
-    justify-content: center;
-  }
-  .xl\:pt-0{
-    padding-top: 0px;
-  }
-  .xl\:text-left{
-    text-align: left;
-  }
-}
diff --git a/src-storybook/assets/themes/brand-dark-primary/theme.min.css b/src-storybook/assets/themes/brand-dark-primary/theme.min.css
deleted file mode 100644
index 99c9825..0000000
--- a/src-storybook/assets/themes/brand-dark-primary/theme.min.css
+++ /dev/null
@@ -1,2852 +0,0 @@
-*, ::before, ::after {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-
-::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*//*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-
-::before,
-::after {
-  --tw-content: '';
-}
-
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: Roboto, sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-
-/*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-/*
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-
-/*
-Add the correct font size in all browsers.
-*/
-
-small {
-  font-size: 80%;
-}
-
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-  text-transform: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-
-:-moz-focusring {
-  outline: auto;
-}
-
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-  vertical-align: baseline;
-}
-
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-  display: list-item;
-}
-
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-legend {
-  padding: 0;
-}
-
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-
-/*
-Prevent resizing textareas horizontally by default.
-*/
-
-textarea {
-  resize: vertical;
-}
-
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-
-/*
-Set the default cursor for buttons.
-*/
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}.container {
-  width: 100%;
-}@media (min-width: 1px) {
-
-  .container {
-    max-width: 1px;
-  }
-}@media (min-width: 768px) {
-
-  .container {
-    max-width: 768px;
-  }
-}@media (min-width: 1200px) {
-
-  .container {
-    max-width: 1200px;
-  }
-}@media (min-width: 1280px) {
-
-  .container {
-    max-width: 1280px;
-  }
-}@media (min-width: 1536px) {
-
-  .container {
-    max-width: 1536px;
-  }
-}.pointer-events-none {
-  pointer-events: none;
-}.\!visible {
-  visibility: visible !important;
-}.visible {
-  visibility: visible;
-}.collapse {
-  visibility: collapse;
-}.static {
-  position: static;
-}.fixed {
-  position: fixed;
-}.absolute {
-  position: absolute;
-}.relative {
-  position: relative;
-}.sticky {
-  position: sticky;
-}.left-0 {
-  left: 0px;
-}.right-0 {
-  right: 0px;
-}.top-0 {
-  top: 0px;
-}.top-auto {
-  top: auto;
-}.z-1 {
-  z-index: 1;
-}.col-span-12 {
-  grid-column: span 12 / span 12;
-}.col-span-2 {
-  grid-column: span 2 / span 2;
-}.col-span-6 {
-  grid-column: span 6 / span 6;
-}.col-span-8 {
-  grid-column: span 8 / span 8;
-}.m-0 {
-  margin: 0px;
-}.m-2 {
-  margin: 0.5rem;
-}.m-3 {
-  margin: 0.75rem;
-}.m-auto {
-  margin: auto;
-}.mx-0 {
-  margin-left: 0px;
-  margin-right: 0px;
-}.mx-1 {
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}.mx-3 {
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}.mx-4 {
-  margin-left: 1rem;
-  margin-right: 1rem;
-}.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}.my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}.my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}.my-4 {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}.my-5 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}.-ml-5 {
-  margin-left: -1.25rem;
-}.-mr-1 {
-  margin-right: -0.25rem;
-}.-mr-8 {
-  margin-right: -2rem;
-}.-mt-4 {
-  margin-top: -1rem;
-}.-mt-5 {
-  margin-top: -1.25rem;
-}.mb-0 {
-  margin-bottom: 0px;
-}.mb-1 {
-  margin-bottom: 0.25rem;
-}.mb-2 {
-  margin-bottom: 0.5rem;
-}.mb-3 {
-  margin-bottom: 0.75rem;
-}.mb-4 {
-  margin-bottom: 1rem;
-}.mb-5 {
-  margin-bottom: 1.25rem;
-}.mb-6 {
-  margin-bottom: 1.5rem;
-}.mb-8 {
-  margin-bottom: 2rem;
-}.ml-1 {
-  margin-left: 0.25rem;
-}.ml-2 {
-  margin-left: 0.5rem;
-}.ml-3 {
-  margin-left: 0.75rem;
-}.ml-5 {
-  margin-left: 1.25rem;
-}.ml-8 {
-  margin-left: 2rem;
-}.ml-auto {
-  margin-left: auto;
-}.mr-1 {
-  margin-right: 0.25rem;
-}.mr-2 {
-  margin-right: 0.5rem;
-}.mr-3 {
-  margin-right: 0.75rem;
-}.mr-4 {
-  margin-right: 1rem;
-}.mr-5 {
-  margin-right: 1.25rem;
-}.mt-0 {
-  margin-top: 0px;
-}.mt-1 {
-  margin-top: 0.25rem;
-}.mt-2 {
-  margin-top: 0.5rem;
-}.mt-3 {
-  margin-top: 0.75rem;
-}.mt-4 {
-  margin-top: 1rem;
-}.mt-5 {
-  margin-top: 1.25rem;
-}.mt-6 {
-  margin-top: 1.5rem;
-}.mt-7 {
-  margin-top: 1.75rem;
-}.mt-8 {
-  margin-top: 2rem;
-}.mt-auto {
-  margin-top: auto;
-}.block {
-  display: block;
-}.inline-block {
-  display: inline-block;
-}.\!inline {
-  display: inline !important;
-}.inline {
-  display: inline;
-}.flex {
-  display: flex;
-}.inline-flex {
-  display: inline-flex;
-}.table {
-  display: table;
-}.table-cell {
-  display: table-cell;
-}.grid {
-  display: grid;
-}.contents {
-  display: contents;
-}.hidden {
-  display: none;
-}.\!h-1 {
-  height: 1rem !important;
-}.\!h-10 {
-  height: 10rem !important;
-}.\!h-12 {
-  height: 12rem !important;
-}.\!h-14 {
-  height: 14rem !important;
-}.\!h-2 {
-  height: 2rem !important;
-}.\!h-20 {
-  height: 20rem !important;
-}.\!h-3 {
-  height: 3rem !important;
-}.\!h-30 {
-  height: 30rem !important;
-}.\!h-4 {
-  height: 4rem !important;
-}.\!h-5 {
-  height: 5rem !important;
-}.\!h-6 {
-  height: 6rem !important;
-}.\!h-8 {
-  height: 8rem !important;
-}.h-4 {
-  height: 4rem;
-}.h-full {
-  height: 100%;
-}.h-screen {
-  height: 100vh;
-}.\!w-1 {
-  width: 1rem !important;
-}.\!w-10 {
-  width: 10rem !important;
-}.\!w-12 {
-  width: 12rem !important;
-}.\!w-14 {
-  width: 14rem !important;
-}.\!w-15 {
-  width: 15rem !important;
-}.\!w-18 {
-  width: 18rem !important;
-}.\!w-2 {
-  width: 2rem !important;
-}.\!w-20 {
-  width: 20rem !important;
-}.\!w-25 {
-  width: 25rem !important;
-}.\!w-3 {
-  width: 3rem !important;
-}.\!w-3\/12 {
-  width: 25% !important;
-}.\!w-30 {
-  width: 30rem !important;
-}.\!w-4 {
-  width: 4rem !important;
-}.\!w-4\/12 {
-  width: 33.333333% !important;
-}.\!w-6 {
-  width: 6rem !important;
-}.\!w-6\/12 {
-  width: 50% !important;
-}.\!w-7\/12 {
-  width: 58.333333% !important;
-}.\!w-8 {
-  width: 8rem !important;
-}.\!w-8\/12 {
-  width: 66.666667% !important;
-}.\!w-9 {
-  width: 9rem !important;
-}.\!w-9\/12 {
-  width: 75% !important;
-}.w-1 {
-  width: 1rem;
-}.w-13 {
-  width: 13rem;
-}.w-9 {
-  width: 9rem;
-}.w-full {
-  width: 100%;
-}.min-w-0 {
-  min-width: 0px;
-}.max-w-full {
-  max-width: 100%;
-}.flex-1 {
-  flex: 1 1 0%;
-}.flex-auto {
-  flex: 1 1 auto;
-}.flex-shrink-0 {
-  flex-shrink: 0;
-}.shrink {
-  flex-shrink: 1;
-}.flex-grow {
-  flex-grow: 1;
-}.grow {
-  flex-grow: 1;
-}.origin-top {
-  transform-origin: top;
-}.transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}.cursor-pointer {
-  cursor: pointer;
-}.select-none {
-  user-select: none;
-}.resize {
-  resize: both;
-}.list-none {
-  list-style-type: none;
-}.grid-cols-12 {
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}.flex-row {
-  flex-direction: row;
-}.flex-row-reverse {
-  flex-direction: row-reverse;
-}.flex-col {
-  flex-direction: column;
-}.flex-wrap {
-  flex-wrap: wrap;
-}.items-start {
-  align-items: flex-start;
-}.items-end {
-  align-items: flex-end;
-}.items-center {
-  align-items: center;
-}.justify-start {
-  justify-content: flex-start;
-}.justify-end {
-  justify-content: flex-end;
-}.justify-center {
-  justify-content: center;
-}.justify-between {
-  justify-content: space-between;
-}.gap-1 {
-  gap: 0.25rem;
-}.gap-2 {
-  gap: 0.5rem;
-}.gap-3 {
-  gap: 0.75rem;
-}.gap-4 {
-  gap: 1rem;
-}.gap-5 {
-  gap: 1.25rem;
-}.gap-6 {
-  gap: 1.5rem;
-}.gap-8 {
-  gap: 2rem;
-}.overflow-auto {
-  overflow: auto;
-}.overflow-hidden {
-  overflow: hidden;
-}.overflow-visible {
-  overflow: visible;
-}.overflow-x-auto {
-  overflow-x: auto;
-}.overflow-y-auto {
-  overflow-y: auto;
-}.overflow-y-hidden {
-  overflow-y: hidden;
-}.whitespace-nowrap {
-  white-space: nowrap;
-}.rounded {
-  border-radius: 0.25rem;
-}.rounded-2xl {
-  border-radius: 1rem;
-}.rounded-3xl {
-  border-radius: 1.5rem;
-}.rounded-full {
-  border-radius: 9999px;
-}.rounded-xl {
-  border-radius: 0.75rem;
-}.border {
-  border-width: 1px;
-}.border-1 {
-  border-width: 1px;
-}.border-2 {
-  border-width: 2px;
-}.border-solid {
-  border-style: solid;
-}.border-dashed {
-  border-style: dashed;
-}.border-none {
-  border-style: none;
-}.border-blue-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}.border-color {
-  border-color: var(--text-color);
-}.border-indigo-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
-}.border-orange-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
-}.border-pink-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
-}.border-primary {
-  border-color: var(--primary-color);
-}.border-teal-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
-}.border-transparent {
-  border-color: transparent;
-}.bg-black {
-  background-color: var(--black-100);
-}.bg-blue-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}.bg-blue-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
-}.bg-blue-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}.bg-gray-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
-}.bg-green-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
-}.bg-indigo-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
-}.bg-orange-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
-}.bg-pink-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
-}.bg-primary {
-  background-color: var(--primary-color);
-}.bg-primary-600 {
-  background-color: var(--primary-600);
-}.bg-purple-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
-}.bg-surface-50 {
-  background-color: var(--surface-50);
-}.bg-teal-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
-}.bg-transparent {
-  background-color: transparent;
-}.bg-white {
-  background-color: var(--white-100);
-}.bg-cover {
-  background-size: cover;
-}.object-cover {
-  object-fit: cover;
-}.\!p-0 {
-  padding: 0px !important;
-}.p-0 {
-  padding: 0px;
-}.p-1 {
-  padding: 0.25rem;
-}.p-2 {
-  padding: 0.5rem;
-}.p-3 {
-  padding: 0.75rem;
-}.p-4 {
-  padding: 1rem;
-}.p-5 {
-  padding: 1.25rem;
-}.p-8 {
-  padding: 2rem;
-}.px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
-}.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}.px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
-}.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}.py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}.pb-0 {
-  padding-bottom: 0px;
-}.pb-3 {
-  padding-bottom: 0.75rem;
-}.pb-4 {
-  padding-bottom: 1rem;
-}.pb-5 {
-  padding-bottom: 1.25rem;
-}.pl-0 {
-  padding-left: 0px;
-}.pl-2 {
-  padding-left: 0.5rem;
-}.pl-3 {
-  padding-left: 0.75rem;
-}.pr-0 {
-  padding-right: 0px;
-}.pr-3 {
-  padding-right: 0.75rem;
-}.pr-4 {
-  padding-right: 1rem;
-}.pr-5 {
-  padding-right: 1.25rem;
-}.pr-6 {
-  padding-right: 1.5rem;
-}.pt-1 {
-  padding-top: 0.25rem;
-}.pt-3 {
-  padding-top: 0.75rem;
-}.pt-4 {
-  padding-top: 1rem;
-}.pt-5 {
-  padding-top: 1.25rem;
-}.pt-6 {
-  padding-top: 1.5rem;
-}.pt-7 {
-  padding-top: 1.75rem;
-}.pt-8 {
-  padding-top: 2rem;
-}.text-left {
-  text-align: left;
-}.text-center {
-  text-align: center;
-}.text-right {
-  text-align: right;
-}.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}.text-3xl {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}.text-4xl {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}.text-5xl {
-  font-size: 3rem;
-  line-height: 1;
-}.text-6xl {
-  font-size: 3.75rem;
-  line-height: 1;
-}.text-7xl {
-  font-size: 4.5rem;
-  line-height: 1;
-}.text-8xl {
-  font-size: 6rem;
-  line-height: 1;
-}.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}.font-bold {
-  font-weight: 700;
-}.font-medium {
-  font-weight: 500;
-}.font-normal {
-  font-weight: 400;
-}.font-semibold {
-  font-weight: 600;
-}.uppercase {
-  text-transform: uppercase;
-}.lowercase {
-  text-transform: lowercase;
-}.leading {
-  line-height: normal;
-}.leading-auto {
-  line-height: 1.2;
-}.leading-none {
-  line-height: 1;
-}.leading-normal {
-  line-height: 1.5;
-}.text-blue-500 {
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}.text-color {
-  color: var(--text-color);
-}.text-color-secondary {
-  color: var(--text-color-secondary);
-}.text-gray-900 {
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}.text-green-500 {
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
-}.text-green-600 {
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
-}.text-help {
-  color: var(--purple-400);
-}.text-indigo-200 {
-  --tw-text-opacity: 1;
-  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
-}.text-indigo-500 {
-  --tw-text-opacity: 1;
-  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
-}.text-info {
-  color: var(--blue-400);
-}.text-primary {
-  color: var(--primary-color);
-}.text-primary-50 {
-  color: var(--primary-50);
-}.text-primary-500 {
-  color: var(--primary-500);
-}.text-primary-700 {
-  color: var(--primary-700);
-}.text-red-500 {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}.text-slate-500 {
-  --tw-text-opacity: 1;
-  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
-}.text-white {
-  color: var(--white-100);
-}.text-yellow-500 {
-  --tw-text-opacity: 1;
-  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
-}.line-through {
-  text-decoration-line: line-through;
-}.no-underline {
-  text-decoration-line: none;
-}.antialiased {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}.opacity-20 {
-  opacity: 0.2;
-}.shadow {
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}.outline {
-  outline-style: solid;
-}.outline-color {
-  outline-color: var(--text-color);
-}.blur {
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.grayscale {
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.backdrop-filter {
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.duration-300 {
-  transition-duration: 300ms;
-}.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}.title-h1 {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h2 {
-  font-size: 1.5rem;
-  line-height: 2rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h3 {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h4 {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h5 {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h6 {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.subtitle-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}.subtitle-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}.subtitle-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}.subtitle-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}.subtitle-sm-secondary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}.subtitle-sm-primary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}.caption {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.caption-secondary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.caption-primary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.caption-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.caption-secondary-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.caption-primary-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.service-danger-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}.service-danger-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}.service-warning-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}.service-warning-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}.service-success-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}.service-success-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}.service-info-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.service-info-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.service-help-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.service-help-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.anchor-base:hover {
-  text-decoration-line: underline;
-}.anchor-base:visited {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-base:visited:hover {
-  text-decoration-line: underline;
-}.anchor-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.anchor-sm:hover {
-  text-decoration-line: underline;
-}.anchor-sm:visited {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-sm:visited:hover {
-  text-decoration-line: underline;
-}:root{--emerald-0: color-mix(in srgb, color-mix(in srgb, #29C075, #fff 76%), #000 80%);--emerald-50: color-mix(in srgb, #29C075, #fff 95%);--emerald-100: color-mix(in srgb, #29C075, #fff 76%);--emerald-200: color-mix(in srgb, #29C075, #fff 57%);--emerald-300: color-mix(in srgb, #29C075, #fff 38%);--emerald-400: color-mix(in srgb, #29C075, #fff 19%);--emerald-500: color-mix(in srgb, #29C075, #fff 0%);--emerald-600: color-mix(in srgb, #29C075, #000 15%);--emerald-700: color-mix(in srgb, #29C075, #000 30%);--emerald-800: color-mix(in srgb, #29C075, #000 45%);--emerald-900: color-mix(in srgb, #29C075, #000 60%);--emerald-alpha: color-mix(in srgb, #29C075 10%, transparent);--citrine-0: color-mix(in srgb, color-mix(in srgb, #FA8606, #fff 76%), #000 80%);--citrine-50: color-mix(in srgb, #FA8606, #fff 95%);--citrine-100: color-mix(in srgb, #FA8606, #fff 76%);--citrine-200: color-mix(in srgb, #FA8606, #fff 57%);--citrine-300: color-mix(in srgb, #FA8606, #fff 38%);--citrine-400: color-mix(in srgb, #FA8606, #fff 19%);--citrine-500: color-mix(in srgb, #FA8606, #fff 0%);--citrine-600: color-mix(in srgb, #FA8606, #000 15%);--citrine-700: color-mix(in srgb, #FA8606, #000 30%);--citrine-800: color-mix(in srgb, #FA8606, #000 45%);--citrine-900: color-mix(in srgb, #FA8606, #000 60%);--citrine-alpha: color-mix(in srgb, #FA8606 10%, transparent);--aquamarine-0: color-mix(in srgb, color-mix(in srgb, #14B8A6, #fff 76%), #000 80%);--aquamarine-50: color-mix(in srgb, #14B8A6, #fff 95%);--aquamarine-100: color-mix(in srgb, #14B8A6, #fff 76%);--aquamarine-200: color-mix(in srgb, #14B8A6, #fff 57%);--aquamarine-300: color-mix(in srgb, #14B8A6, #fff 38%);--aquamarine-400: color-mix(in srgb, #14B8A6, #fff 19%);--aquamarine-500: color-mix(in srgb, #14B8A6, #fff 0%);--aquamarine-600: color-mix(in srgb, #14B8A6, #000 15%);--aquamarine-700: color-mix(in srgb, #14B8A6, #000 30%);--aquamarine-800: color-mix(in srgb, #14B8A6, #000 45%);--aquamarine-900: color-mix(in srgb, #14B8A6, #000 60%);--aquamarine-alpha: color-mix(in srgb, #14B8A6 10%, transparent);--amethyst-0: color-mix(in srgb, color-mix(in srgb, #7254F3, #fff 76%), #000 80%);--amethyst-50: color-mix(in srgb, #7254F3, #fff 95%);--amethyst-100: color-mix(in srgb, #7254F3, #fff 76%);--amethyst-200: color-mix(in srgb, #7254F3, #fff 57%);--amethyst-300: color-mix(in srgb, #7254F3, #fff 38%);--amethyst-400: color-mix(in srgb, #7254F3, #fff 19%);--amethyst-500: color-mix(in srgb, #7254F3, #fff 0%);--amethyst-600: color-mix(in srgb, #7254F3, #000 15%);--amethyst-700: color-mix(in srgb, #7254F3, #000 30%);--amethyst-800: color-mix(in srgb, #7254F3, #000 45%);--amethyst-900: color-mix(in srgb, #7254F3, #000 60%);--amethyst-alpha: color-mix(in srgb, #7254F3 10%, transparent);--purple-0: color-mix(in srgb, color-mix(in srgb, #9757D7, #fff 76%), #000 80%);--purple-50: color-mix(in srgb, #9757D7, #fff 95%);--purple-100: color-mix(in srgb, #9757D7, #fff 76%);--purple-200: color-mix(in srgb, #9757D7, #fff 57%);--purple-300: color-mix(in srgb, #9757D7, #fff 38%);--purple-400: color-mix(in srgb, #9757D7, #fff 19%);--purple-500: color-mix(in srgb, #9757D7, #fff 0%);--purple-600: color-mix(in srgb, #9757D7, #000 15%);--purple-700: color-mix(in srgb, #9757D7, #000 30%);--purple-800: color-mix(in srgb, #9757D7, #000 45%);--purple-900: color-mix(in srgb, #9757D7, #000 60%);--purple-alpha: color-mix(in srgb, #9757D7 10%, transparent);--blue-0: color-mix(in srgb, color-mix(in srgb, #1F8CEB, #fff 76%), #000 80%);--blue-50: color-mix(in srgb, #1F8CEB, #fff 95%);--blue-100: color-mix(in srgb, #1F8CEB, #fff 76%);--blue-200: color-mix(in srgb, #1F8CEB, #fff 57%);--blue-300: color-mix(in srgb, #1F8CEB, #fff 38%);--blue-400: color-mix(in srgb, #1F8CEB, #fff 19%);--blue-500: color-mix(in srgb, #1F8CEB, #fff 0%);--blue-600: color-mix(in srgb, #1F8CEB, #000 15%);--blue-700: color-mix(in srgb, #1F8CEB, #000 30%);--blue-800: color-mix(in srgb, #1F8CEB, #000 45%);--blue-900: color-mix(in srgb, #1F8CEB, #000 60%);--blue-alpha: color-mix(in srgb, #1F8CEB 10%, transparent);--green-0: color-mix(in srgb, color-mix(in srgb, #45B24E, #fff 76%), #000 80%);--green-50: color-mix(in srgb, #45B24E, #fff 95%);--green-100: color-mix(in srgb, #45B24E, #fff 76%);--green-200: color-mix(in srgb, #45B24E, #fff 57%);--green-300: color-mix(in srgb, #45B24E, #fff 38%);--green-400: color-mix(in srgb, #45B24E, #fff 19%);--green-500: color-mix(in srgb, #45B24E, #fff 0%);--green-600: color-mix(in srgb, #45B24E, #000 15%);--green-700: color-mix(in srgb, #45B24E, #000 30%);--green-800: color-mix(in srgb, #45B24E, #000 45%);--green-900: color-mix(in srgb, #45B24E, #000 60%);--green-alpha: color-mix(in srgb, #45B24E 10%, transparent);--orange-0: color-mix(in srgb, color-mix(in srgb, #FFA100, #fff 76%), #000 80%);--orange-50: color-mix(in srgb, #FFA100, #fff 95%);--orange-100: color-mix(in srgb, #FFA100, #fff 76%);--orange-200: color-mix(in srgb, #FFA100, #fff 57%);--orange-300: color-mix(in srgb, #FFA100, #fff 38%);--orange-400: color-mix(in srgb, #FFA100, #fff 19%);--orange-500: color-mix(in srgb, #FFA100, #fff 0%);--orange-600: color-mix(in srgb, #FFA100, #000 15%);--orange-700: color-mix(in srgb, #FFA100, #000 30%);--orange-800: color-mix(in srgb, #FFA100, #000 45%);--orange-900: color-mix(in srgb, #FFA100, #000 60%);--orange-alpha: color-mix(in srgb, #FFA100 10%, transparent);--red-0: color-mix(in srgb, color-mix(in srgb, #DB4C3F, #fff 76%), #000 80%);--red-50: color-mix(in srgb, #DB4C3F, #fff 95%);--red-100: color-mix(in srgb, #DB4C3F, #fff 76%);--red-200: color-mix(in srgb, #DB4C3F, #fff 57%);--red-300: color-mix(in srgb, #DB4C3F, #fff 38%);--red-400: color-mix(in srgb, #DB4C3F, #fff 19%);--red-500: color-mix(in srgb, #DB4C3F, #fff 0%);--red-600: color-mix(in srgb, #DB4C3F, #000 15%);--red-700: color-mix(in srgb, #DB4C3F, #000 30%);--red-800: color-mix(in srgb, #DB4C3F, #000 45%);--red-900: color-mix(in srgb, #DB4C3F, #000 60%);--red-alpha: color-mix(in srgb, #DB4C3F 10%, transparent);--gray-0: color-mix(in srgb, color-mix(in srgb, #ABAAA9, #fff 76%), #000 80%);--gray-50: color-mix(in srgb, #ABAAA9, #fff 95%);--gray-100: color-mix(in srgb, #ABAAA9, #fff 76%);--gray-200: color-mix(in srgb, #ABAAA9, #fff 57%);--gray-300: color-mix(in srgb, #ABAAA9, #fff 38%);--gray-400: color-mix(in srgb, #ABAAA9, #fff 19%);--gray-500: color-mix(in srgb, #ABAAA9, #fff 0%);--gray-600: color-mix(in srgb, #ABAAA9, #000 15%);--gray-700: color-mix(in srgb, #ABAAA9, #000 30%);--gray-800: color-mix(in srgb, #ABAAA9, #000 45%);--gray-900: color-mix(in srgb, #ABAAA9, #000 60%);--gray-alpha: color-mix(in srgb, #ABAAA9 10%, transparent);--black-10: color-mix(in srgb, #000 10%, transparent) ;--black-20: color-mix(in srgb, #000 20%, transparent) ;--black-30: color-mix(in srgb, #000 30%, transparent) ;--black-40: color-mix(in srgb, #000 40%, transparent) ;--black-50: color-mix(in srgb, #000 50%, transparent) ;--black-60: color-mix(in srgb, #000 60%, transparent) ;--black-70: color-mix(in srgb, #000 70%, transparent) ;--black-80: color-mix(in srgb, #000 80%, transparent) ;--black-90: color-mix(in srgb, #000 90%, transparent) ;--black-100: color-mix(in srgb, #000 100%, transparent) ;--white-10: color-mix(in srgb, #fff 10%, transparent) ;--white-20: color-mix(in srgb, #fff 20%, transparent) ;--white-30: color-mix(in srgb, #fff 30%, transparent) ;--white-40: color-mix(in srgb, #fff 40%, transparent) ;--white-50: color-mix(in srgb, #fff 50%, transparent) ;--white-60: color-mix(in srgb, #fff 60%, transparent) ;--white-70: color-mix(in srgb, #fff 70%, transparent) ;--white-80: color-mix(in srgb, #fff 80%, transparent) ;--white-90: color-mix(in srgb, #fff 90%, transparent) ;--white-100: color-mix(in srgb, #fff 100%, transparent) ;--font-family: Roboto, Inter, Helvetica, Arial, sans-serif;--text-color: var(--white-100);--text-color-secondary: var(--white-80);--primary-color: var(--emerald-300);--primary-color-text: var(--black-80);--primary-0: var(--emerald-0);--primary-900: var(--emerald-900);--primary-800: var(--emerald-800);--primary-700: var(--emerald-700);--primary-600: var(--emerald-600);--primary-500: var(--emerald-500);--primary-400: var(--emerald-400);--primary-300: var(--emerald-300);--primary-200: var(--emerald-200);--primary-100: var(--emerald-100);--primary-50: var(--emerald-50);--primary-alpha: var(--emerald-alpha);--surface-0: var(--gray-50);--surface-50: var(--gray-0);--surface-100: var(--gray-900);--surface-200: var(--gray-800);--surface-300: var(--gray-700);--surface-400: var(--gray-600);--surface-500: var(--gray-600);--surface-600: var(--gray-400);--surface-700: var(--gray-300);--surface-800: var(--gray-200);--surface-900: var(--gray-100);--content-padding: 1rem;--inline-spacing: 0.5rem;--border-radius: 0.5rem;--surface-ground: #1c1b22;--surface-section: var(--gray-alpha);--surface-card: #1c1b22;--surface-overlay: var(--black-40);--surface-border: var(--gray-900);--surface-hover: var(--gray-800);--focus-ring: 0 0 0 0.25rem var(--emerald-800);--maskbg: var(--black-40);--highlight-bg: var(--emerald-300);--highlight-text-color: var(--black-80);color-scheme:dark}@media only screen and (min-resolution: 100dpi)and (max-resolution: 199dpi){html,body{font-size:12px}}@media only screen and (min-resolution: 200dpi)and (max-resolution: 499dpi){html,body{font-size:14px}}@media only screen and (min-resolution: 500dpi){html,body{font-size:16px}}*{box-sizing:border-box}html{font-size:14px;font-family:var(--font-family)}::selection{color:var(--black-80);background-color:var(--emerald-300)}.p-component{font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;font-weight:normal}.p-component-overlay{background-color:var(--black-40);transition-duration:.2s;padding:.5rem}.p-disabled,.p-component:disabled{pointer-events:all;cursor:not-allowed;opacity:.6;filter:grayscale(1)}.p-placeholder{opacity:.6}.p-error{color:var(--red-400)}.p-text-secondary{color:var(--white-80)}.p-icon{width:1rem;height:1rem}.p-link{font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;border-radius:.5rem}.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-component-overlay-enter{animation:p-component-overlay-enter-animation 150ms forwards}.p-component-overlay-leave{animation:p-component-overlay-leave-animation 150ms forwards}@keyframes p-component-overlay-enter-animation{from{background-color:rgba(0,0,0,0)}to{background-color:var(--maskbg)}}@keyframes p-component-overlay-leave-animation{from{background-color:var(--maskbg)}to{background-color:rgba(0,0,0,0)}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background-color:var(--white-20);border-radius:4.5px}::-webkit-scrollbar-track{background-color:rgba(0,0,0,.0001)}::-webkit-scrollbar-track:hover{background-color:var(--gray-800)}p-autocomplete.ng-dirty.ng-invalid>.p-autocomplete>.p-inputtext,p-calendar.ng-dirty.ng-invalid>.p-calendar>.p-inputtext,p-cascadeselect.ng-dirty.ng-invalid>.p-cascadeselect,p-checkbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box,p-tristatecheckbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box,p-chips.ng-dirty.ng-invalid>.p-chips>.p-inputtext,p-dropdown.ng-dirty.ng-invalid>.p-dropdown,p-inputmask.ng-dirty.ng-invalid>.p-inputtext,p-inputnumber.ng-dirty.ng-invalid>.p-inputnumber>.p-inputtext,p-inputswitch.ng-dirty.ng-invalid>.p-inputswitch>.p-inputswitch-slider,.p-inputtext.ng-dirty.ng-invalid,p-listbox.ng-dirty.ng-invalid>.p-listbox,p-multiselect.ng-dirty.ng-invalid>.p-multiselect,p-password.ng-invalid.ng-dirty>.p-password>.p-inputtext,p-radiobutton.ng-dirty.ng-invalid>.p-radiobutton>.p-radiobutton-box,p-selectbutton.ng-dirty.ng-invalid>.p-selectbutton>.p-button,p-togglebutton.ng-dirty.ng-invalid>.p-togglebutton.p-button,p-treeselect.ng-invalid.ng-dirty>.p-treeselect{border-color:var(--red-400) !important;box-shadow:0 0 0 .25rem var(--red-800) !important}.p-progress-spinner-circle{stroke:var(--emerald-300)}.p-overflow-hidden{overflow:hidden;padding-right:var(--scrollbar-width)}@layer primeng{.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type=button],input[type=submit],input[type=reset],input[type=file]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:rgba(0,0,0,0);margin:0;padding:0;border:none;cursor:pointer;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:inline-flex}.p-icon{display:inline-block}.p-icon-spin{animation:p-icon-spin 2s infinite linear}}@keyframes p-icon-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.p-togglebutton.p-button.p-highlight.p-disabled,.p-button.p-button-help.p-disabled,.p-button-group.p-button-help>.p-button.p-disabled,.p-splitbutton.p-button-help>.p-button.p-disabled,.p-fileupload-choose.p-button-help.p-disabled,.p-button.p-button-info.p-disabled,.p-button-group.p-button-info>.p-button.p-disabled,.p-splitbutton.p-button-info>.p-button.p-disabled,.p-fileupload-choose.p-button-info.p-disabled,.p-button.p-button-success.p-disabled,.p-button-group.p-button-success>.p-button.p-disabled,.p-splitbutton.p-button-success>.p-button.p-disabled,.p-fileupload-choose.p-button-success.p-disabled,.p-button.p-button-warning.p-disabled,.p-button-group.p-button-warning>.p-button.p-disabled,.p-splitbutton.p-button-warning>.p-button.p-disabled,.p-fileupload-choose.p-button-warning.p-disabled,.p-button.p-button-danger.p-disabled,.p-button-group.p-button-danger>.p-button.p-disabled,.p-splitbutton.p-button-danger>.p-button.p-disabled,.p-fileupload-choose.p-button-danger.p-disabled,.p-button.p-disabled{color:var(--white-80);background-color:var(--white-20);border-color:var(--gray-900)}.p-button{height:2.5rem;display:flex;gap:.5rem;font-size:1rem;font-weight:700;color:var(--black-80);border:1px solid rgba(0,0,0,.0001);border-radius:.5rem;padding:0rem 1rem;background:var(--emerald-300);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-button .p-button-label{transition-duration:.2s}.p-button .p-button-icon{font-size:1.25rem}.p-button.p-button-rounded{border-radius:100px}.p-button.p-button-icon-only{flex-shrink:0;width:2.5rem;padding:0}.p-button.p-button-icon-only:after{display:none}.p-button.p-button-icon-only .p-button-label{display:none}.p-button.p-button-sm{height:2rem;font-size:.875rem;padding:0 .75rem}.p-button.p-button-sm .p-button-icon{font-size:1rem}.p-button.p-button-sm.p-button-icon-only{width:2rem;padding:0}.p-button.p-button-lg{gap:.75rem;height:3.5rem;font-size:1.25rem;padding:0 1.5rem}.p-button.p-button-lg .p-button-icon{font-size:1.5rem}.p-button.p-button-lg.p-button-icon-only{width:3.5rem;padding:0}.p-button:not(.p-disabled):hover{background:var(--emerald-200);color:var(--black-80);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button:not(.p-disabled):active{background:var(--emerald-300);color:var(--black-80);border-color:rgba(0,0,0,0);box-shadow:none}.p-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}p-button[size=xlarge] .p-button{gap:.75rem;height:4rem;font-size:1.75rem;padding:0 1.5rem}p-button[size=xlarge] .p-button .p-button-icon{font-size:2rem}p-button[size=xlarge] .p-button.p-button-icon-only{width:4rem;padding:0}.p-button-outlined{background:rgba(0,0,0,.0001);color:var(--emerald-300);border-color:var(--emerald-800)}.p-button-outlined:not(.p-disabled):hover{background:rgba(0,0,0,.0001);color:var(--emerald-300);border-color:var(--emerald-300);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button-outlined:not(.p-disabled):active{background:rgba(0,0,0,.0001);color:var(--emerald-300);border-color:var(--emerald-800);box-shadow:none}.p-button-text{background-color:#1c1b22;color:var(--emerald-300)}.p-button-text:not(.p-disabled):hover{background:var(--emerald-alpha);color:var(--emerald-300);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button-text:not(.p-disabled):active{background:#1c1b22;color:var(--emerald-300);border-color:rgba(0,0,0,0);box-shadow:none}.p-button-group{display:flex}.p-fluid .p-button:not(.p-button-icon-only){width:100%}.p-fluid .p-button-group .p-button:not(.p-button-icon-only){flex:1}.p-button.p-button-danger,.p-button-group.p-button-danger>.p-button,.p-splitbutton.p-button-danger>.p-button,.p-fileupload-choose.p-button-danger{color:var(--black-80);background:var(--red-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-danger:not(.p-disabled):hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-danger:not(.p-disabled):hover{background:var(--red-300);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-danger:not(.p-disabled):active,.p-button-group.p-button-danger>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-danger:not(.p-disabled):active{background:var(--red-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-danger:not(.p-disabled).p-button-outlined,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--red-400);border-color:var(--red-800)}.p-button.p-button-danger:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-danger:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--red-400);border-color:var(--red-800);box-shadow:none}.p-button.p-button-danger:not(.p-disabled).p-button-text,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--red-400)}.p-button.p-button-danger:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:hover{background:var(--red-alpha);color:var(--red-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-danger:not(.p-disabled).p-button-text:active,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:active{background:rgba(0,0,0,.0001);color:var(--red-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-warning,.p-button-group.p-button-warning>.p-button,.p-splitbutton.p-button-warning>.p-button,.p-fileupload-choose.p-button-warning{color:var(--black-80);background:var(--orange-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-warning:not(.p-disabled):hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-warning:not(.p-disabled):hover{background:var(--orange-300);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-warning:not(.p-disabled):active,.p-button-group.p-button-warning>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-warning:not(.p-disabled):active{background:var(--orange-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-warning:not(.p-disabled).p-button-outlined,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--orange-400);border-color:var(--orange-800)}.p-button.p-button-warning:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-warning:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--orange-400);border-color:var(--orange-800);box-shadow:none}.p-button.p-button-warning:not(.p-disabled).p-button-text,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--orange-400)}.p-button.p-button-warning:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:hover{background:var(--orange-alpha);color:var(--orange-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-warning:not(.p-disabled).p-button-text:active,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:active{background:#1c1b22;color:var(--orange-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-success,.p-button-group.p-button-success>.p-button,.p-splitbutton.p-button-success>.p-button,.p-fileupload-choose.p-button-success{color:var(--black-80);background:var(--green-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-success:not(.p-disabled):hover,.p-button-group.p-button-success>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-success:not(.p-disabled):hover{background:var(--green-300);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-success:not(.p-disabled):active,.p-button-group.p-button-success>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-success:not(.p-disabled):active{background:var(--green-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-success:not(.p-disabled).p-button-outlined,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--green-400);border-color:var(--green-900)}.p-button.p-button-success:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-success:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--green-400);border-color:var(--green-900);box-shadow:none}.p-button.p-button-success:not(.p-disabled).p-button-text,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--green-400)}.p-button.p-button-success:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:hover{background:var(--green-alpha);color:var(--green-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-success:not(.p-disabled).p-button-text:active,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:active{background:#1c1b22;color:var(--green-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-info,.p-button-group.p-button-info>.p-button,.p-splitbutton.p-button-info>.p-button,.p-fileupload-choose.p-button-info{color:var(--black-80);background:var(--blue-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-info:not(.p-disabled):hover,.p-button-group.p-button-info>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-info:not(.p-disabled):hover{background:var(--blue-500);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-info:not(.p-disabled):active,.p-button-group.p-button-info>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-info:not(.p-disabled):active{background:var(--blue-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-info:not(.p-disabled).p-button-outlined,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--blue-400);border-color:var(--blue-800)}.p-button.p-button-info:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-info:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--blue-400);border-color:var(--blue-800);box-shadow:none}.p-button.p-button-info:not(.p-disabled).p-button-text,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--blue-400)}.p-button.p-button-info:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:hover{background:var(--blue-alpha);color:var(--blue-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-info:not(.p-disabled).p-button-text:active,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:active{background:#1c1b22;color:var(--blue-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-help,.p-button-group.p-button-help>.p-button,.p-splitbutton.p-button-help>.p-button,.p-fileupload-choose.p-button-help{color:var(--black-80);background:var(--purple-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-help:not(.p-disabled):hover,.p-button-group.p-button-help>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-help:not(.p-disabled):hover{background:var(--purple-500);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-help:not(.p-disabled):active,.p-button-group.p-button-help>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-help:not(.p-disabled):active{background:var(--purple-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-help:not(.p-disabled).p-button-outlined,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--purple-400);border-color:var(--purple-800)}.p-button.p-button-help:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--purple-400);border-color:var(--purple-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-help:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--purple-400);border-color:var(--purple-800);box-shadow:none}.p-button.p-button-help:not(.p-disabled).p-button-text,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--purple-400)}.p-button.p-button-help:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:hover{background:var(--purple-alpha);color:var(--purple-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-help:not(.p-disabled).p-button-text:active,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:active{background:#1c1b22;color:var(--purple-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-inputtext{min-height:2.5rem;line-height:2.5rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--white-100);background:#1c1b22;padding:0rem .75rem;border:1px solid var(--gray-900);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;appearance:none;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-inputtext:enabled:hover{border-color:var(--emerald-300)}.p-inputtext:enabled:focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-inputtext.p-invalid.p-component,.p-inputtext.ng-invalid.ng-touched{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-inputtext:disabled,.p-inputtext.p-disabled{background:var(--white-20)}.p-float-label>label{left:.75rem;color:var(--white-80);transition-duration:.2s}.p-float-label>.p-invalid+label{color:var(--red-400)}.p-icon-field-left>.p-inputtext{padding-left:2.5rem}.p-icon-field-left.p-float-label>label{left:2.5rem}.p-icon-field-right>.p-inputtext{padding-right:2.5rem}::-webkit-input-placeholder{color:var(--white-80);opacity:.6}:-moz-placeholder{color:var(--white-80);opacity:.6}::-moz-placeholder{color:var(--white-80);opacity:.6}:-ms-input-placeholder{color:var(--white-80);opacity:.6}.p-inputtext-lg{min-height:3.5rem;line-height:3.5rem}.p-inputtextarea{padding:.75rem;line-height:normal}.p-icon-field .p-inputtextarea-icon.p-input-icon{top:unset;margin-top:.5rem}.p-inputotp{display:flex;align-items:center;gap:.5rem}.p-inputotp.error .p-inputotp-input{border-color:var(--red-400)}.p-inputotp-input{font-size:1.5rem;text-align:center;width:2.5rem;border:none;border-bottom:1px solid var(--gray-900);border-radius:0;background:rgba(0,0,0,0)}.p-inputotp-input:disabled,.p-inputotp-input.p-disabled{background:rgba(0,0,0,0)}.p-inputotp-input:enabled:focus{box-shadow:none}.p-listbox-list-wrapper{overflow:auto}.p-listbox-list{list-style-type:none;margin:0;padding:0}.p-listbox-item{cursor:pointer;overflow:hidden;position:relative;color:var(--white-80);margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.0001);border-radius:.5rem;transition:.2s}.p-listbox-item:first-child{margin-top:0}.p-listbox-item:last-child{margin-bottom:0}.p-listbox-item.p-highlight{color:var(--black-80);background:var(--emerald-300)}.p-listbox-item:not(.p-highlight).p-disabled{color:var(--white-80);border-color:var(--gray-900);background:var(--white-20)}.p-listbox-item.p-disabled{cursor:not-allowed;opacity:.6;background:var(--emerald-300) !important;color:var(--black-80) !important;mix-blend-mode:luminosity;border:1px solid rgba(0,0,0,.0001)}.p-listbox-item.p-disabled:has(.p-checkbox){background:var(--white-20);color:var(--white-80)}.p-listbox-item .p-checkbox{margin-right:.5rem}.p-listbox-item:has(.p-checkbox){background:#1c1b22;color:var(--white-80)}.p-listbox-item:has(.p-checkbox):hover{background:#000}.p-listbox-item-group{cursor:auto}.p-listbox-filter-container{position:relative}.p-listbox-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-listbox-filter{width:100%}.p-listbox{background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-listbox .p-listbox-header{padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.0001);color:var(--white-80);background:rgba(0,0,0,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-listbox .p-listbox-header .p-checkbox{margin-right:.5rem}.p-listbox .p-listbox-header .p-checkbox .p-checkbox-box.p-disabled{background:#1c1b22}.p-listbox .p-listbox-header .p-listbox-filter{padding-right:1.75rem}.p-listbox .p-listbox-header .p-listbox-filter-icon{right:.75rem;color:var(--white-100)}.p-listbox .p-listbox-header .p-disabled+.p-listbox-filter-icon{opacity:.6}.p-listbox .p-listbox-list{padding:.25rem;outline:0 none}.p-listbox .p-listbox-list .p-listbox-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001);font-weight:bold}.p-listbox .p-listbox-list .p-listbox-empty-message{text-align:center;color:var(--white-80);padding:.75rem;background:rgba(0,0,0,.0001)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight.p-focus{border:1px solid rgba(0,0,0,.0001);background:var(--emerald-300);box-shadow:0 0 0 .25rem var(--emerald-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:hover{background:var(--emerald-200)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox).p-focus{border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);box-shadow:0 0 0 .25rem var(--emerald-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover{color:var(--white-100);background:var(--gray-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover.p-focus{color:var(--white-100);background:var(--gray-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus{border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);box-shadow:0 0 0 .25rem var(--emerald-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover{color:var(--white-100);background:var(--gray-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus{color:var(--white-100);background:var(--gray-800)}.p-listbox.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-listbox.p-invalid{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-listbox.p-disabled *.p-disabled{opacity:1}.p-listbox.p-disabled .p-listbox-filter-icon{display:none}.p-listbox.p-disabled .p-listbox-filter.p-inputtext{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49967 2.83335C7.03555 2.83335 6.59043 3.01773 6.26224 3.34592C5.93405 3.67411 5.74967 4.11922 5.74967 4.58335V6.33335H9.24967V4.58335C9.24967 4.11922 9.0653 3.67411 8.73711 3.34592C8.40892 3.01773 7.9638 2.83335 7.49967 2.83335ZM10.4163 6.33335V4.58335C10.4163 3.80981 10.1091 3.06794 9.56207 2.52096C9.01509 1.97398 8.27322 1.66669 7.49967 1.66669C6.72613 1.66669 5.98426 1.97398 5.43728 2.52096C4.8903 3.06794 4.58301 3.80981 4.58301 4.58335V6.33335C4.11888 6.33335 3.67376 6.51773 3.34557 6.84592C3.01738 7.17411 2.83301 7.61922 2.83301 8.08335V11.5834C2.83301 12.0475 3.01738 12.4926 3.34557 12.8208C3.67376 13.149 4.11888 13.3334 4.58301 13.3334H10.4163C10.8805 13.3334 11.3256 13.149 11.6538 12.8208C11.982 12.4926 12.1663 12.0475 12.1663 11.5834V8.08335C12.1663 7.61922 11.982 7.17411 11.6538 6.84592C11.3256 6.51773 10.8805 6.33335 10.4163 6.33335ZM4.58301 7.50002C4.4283 7.50002 4.27993 7.56148 4.17053 7.67087C4.06113 7.78027 3.99967 7.92864 3.99967 8.08335V11.5834C3.99967 11.7381 4.06113 11.8864 4.17053 11.9958C4.27993 12.1052 4.4283 12.1667 4.58301 12.1667H10.4163C10.5711 12.1667 10.7194 12.1052 10.8288 11.9958C10.9382 11.8864 10.9997 11.7381 10.9997 11.5834V8.08335C10.9997 7.92864 10.9382 7.78027 10.8288 7.67087C10.7194 7.56148 10.5711 7.50002 10.4163 7.50002H4.58301ZM6.67472 9.0084C6.89351 8.7896 7.19026 8.66669 7.49967 8.66669C7.80909 8.66669 8.10584 8.7896 8.32463 9.0084C8.54342 9.22719 8.66634 9.52393 8.66634 9.83335C8.66634 10.1428 8.54343 10.4395 8.32463 10.6583C8.10584 10.8771 7.80909 11 7.49967 11C7.19026 11 6.89351 10.8771 6.67472 10.6583C6.45592 10.4395 6.33301 10.1428 6.33301 9.83335C6.33301 9.52393 6.45592 9.22719 6.67472 9.0084Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat}.p-listbox.p-disabled .p-listbox-item{background:var(--white-20);color:var(--white-80)}.p-dropdown{display:inline-flex;cursor:pointer;position:relative;user-select:none}.p-dropdown.p-disabled{cursor:not-allowed;color:var(--white-80);border-color:var(--gray-900);background:var(--white-20)}.p-dropdown-clear-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-dropdown-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-dropdown-label{height:min-content;margin:auto 0;display:block;white-space:nowrap;overflow:hidden;flex:1 1 auto;width:1%;text-overflow:ellipsis;cursor:pointer}.p-dropdown-label-empty{overflow:hidden;opacity:0}input.p-dropdown-label{cursor:default}.p-dropdown .p-dropdown-panel{min-width:100%}.p-dropdown-panel{position:absolute;top:0;left:0}.p-dropdown-items-wrapper{overflow:auto}.p-dropdown-item{cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;font-weight:normal;color:var(--white-80);white-space:nowrap;margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.0001);border-radius:.5rem;background:rgba(0,0,0,.0001);transition:.2s}.p-dropdown-item:first-child{margin-top:0}.p-dropdown-item:last-child{margin-bottom:0}.p-dropdown-item.p-highlight{color:var(--black-80);background:var(--emerald-300)}.p-dropdown-item.p-highlight:hover{background:var(--emerald-200)}.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover{color:var(--white-100);background:var(--gray-800)}.p-dropdown-item:not(.p-highlight).p-disabled{color:var(--white-80);border-color:var(--gray-900);background:var(--white-20)}.p-dropdown-item.p-disabled{cursor:not-allowed}.p-dropdown-item .p-dropdown-check-icon{position:relative;margin-left:-0.5rem;margin-right:.5rem}.p-dropdown-item-group{cursor:auto}.p-dropdown-items{margin:0;padding:0;list-style-type:none}.p-dropdown-filter{width:100%}.p-dropdown-filter-container{position:relative}.p-dropdown-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-dropdown{display:flex}.p-fluid .p-dropdown .p-dropdown-label{width:1%}.p-dropdown{background:#1c1b22;border:1px solid var(--gray-900);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-dropdown:not(.p-disabled):hover{border-color:var(--emerald-300)}.p-dropdown:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-dropdown.p-dropdown-clearable .p-dropdown-label{padding-right:1.75rem}.p-dropdown .p-dropdown-label{background:rgba(0,0,0,0);border:0 none}.p-dropdown .p-dropdown-label.p-placeholder{color:var(--white-80)}.p-dropdown .p-dropdown-label:focus,.p-dropdown .p-dropdown-label:enabled:focus{outline:0 none;box-shadow:none}.p-dropdown .p-dropdown-trigger{background:rgba(0,0,0,0);color:var(--white-100);width:2.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-dropdown .p-dropdown-clear-icon{color:var(--white-100);right:2.5rem}.p-dropdown.p-invalid.p-component{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-dropdown-panel{background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem;margin-top:.25rem;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-dropdown-panel .p-dropdown-header{padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.0001);color:var(--white-80);background:rgba(0,0,0,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter{padding-right:1.75rem;margin-right:-1.75rem}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon{right:.75rem;color:var(--white-100)}.p-dropdown-panel .p-dropdown-items{padding:.25rem}.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001);font-weight:bold}.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{color:var(--white-80);text-align:center;padding:.5rem .75rem;background:rgba(0,0,0,.0001)}.p-multiselect{cursor:pointer;display:inline-flex;align-items:center;user-select:none}.p-multiselect-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-multiselect-label-container{cursor:pointer;overflow:hidden;height:min-content;display:flex;flex:1 1 auto;align-items:center}.p-multiselect-clearable .p-multiselect-label-container{padding-right:1.75rem}.p-multiselect-clearable .p-multiselect-clear-icon{right:2.5rem}.p-multiselect-label{display:block;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.p-multiselect-label-empty{overflow:hidden;visibility:hidden}.p-multiselect-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem;margin-right:.25rem}.p-multiselect-token-icon{cursor:pointer}.p-multiselect .p-multiselect-panel{min-width:100%}.p-multiselect-items-wrapper{overflow:auto}.p-multiselect-items{margin:0;padding:0;list-style-type:none}.p-multiselect-item{cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;font-weight:normal;color:var(--white-80);white-space:nowrap;margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.0001);border-radius:.5rem;background:rgba(0,0,0,.0001);transition:.2s}.p-multiselect-item:not(.p-disabled):hover,.p-multiselect-item:not(.p-disabled).p-focus{color:var(--white-100);background:var(--gray-800)}.p-multiselect-item:not(.p-highlight).p-disabled{color:var(--white-80);border-color:var(--gray-900);background:var(--white-20)}.p-multiselect-item.p-disabled{cursor:not-allowed}.p-multiselect-item .p-checkbox{margin-right:.5rem}.p-multiselect-item-group{cursor:auto}.p-multiselect-header{display:flex;align-items:center;justify-content:space-between}.p-multiselect-filter-container{position:relative;flex:1 1 auto}.p-multiselect-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-multiselect-filter-container .p-inputtext{width:100%}.p-multiselect-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;margin-left:auto}.p-fluid .p-multiselect{display:flex}.p-multiselect{background:#1c1b22;border:1px solid var(--gray-900);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-multiselect.p-disabled{cursor:not-allowed;background-color:var(--white-20)}.p-multiselect:not(.p-disabled):hover{border-color:var(--emerald-300)}.p-multiselect:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-multiselect .p-multiselect-label{color:var(--white-100);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-multiselect .p-multiselect-label.p-placeholder{color:var(--white-80);padding:0rem .75rem;padding-left:.5rem}.p-multiselect:not(.p-multiselect-chip) .p-multiselect-label{padding:0rem .75rem;line-height:2.5rem}.p-multiselect.p-multiselect-chip{min-height:2.5rem;padding:.25rem}.p-multiselect.p-multiselect-chip .p-multiselect-token{padding:0rem .5rem;background:var(--white-20);color:var(--white-100);border-radius:.25rem}.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon{margin-left:.5rem}.p-multiselect .p-multiselect-trigger{background:rgba(0,0,0,0);color:var(--white-100);width:2.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-multiselect.p-invalid.p-component{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-multiselect-panel{background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40);margin-top:.25rem}.p-multiselect-panel .p-multiselect-header{padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.0001);color:var(--white-80);background:rgba(0,0,0,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem;border:1px solid rgba(0,0,0,0);border-bottom:0}.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext{padding-right:1.75rem}.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon{right:.75rem;color:var(--white-100)}.p-multiselect-panel .p-multiselect-header .p-checkbox{margin-right:.5rem}.p-multiselect-panel .p-multiselect-header .p-multiselect-close{margin-left:.5rem;width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-multiselect-panel .p-multiselect-header .p-multiselect-close.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-multiselect-panel .p-multiselect-items{padding:.25rem}.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001);font-weight:bold}.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message{padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001)}.p-password .p-icon-wrapper{right:.75rem;top:50%;cursor:pointer;fill:var(--white-100)}.p-password.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-password .p-input-icon{cursor:pointer;color:var(--white-100);right:.75rem}.p-password.p-disabled{opacity:1}.p-password.p-disabled .p-input-icon{opacity:.6}.p-input-icon-right input{padding-right:2.5rem}.p-icon-field .p-password-icon.p-input-icon{right:.75rem;top:20% !important}.p-password-input{width:100%;height:100%;display:flex;min-height:2.5rem;padding:0 .75rem;align-items:center}.text-feedback{display:inline-flex;align-items:flex-start}.text-feedback .ti{position:relative;bottom:1px}.text-feedback--default{color:var(--white-100)}.text-feedback--default .ti{color:var(--gray-900)}.text-feedback--success{color:var(--green-400)}.text-feedback--error{color:var(--red-400)}.p-password-panel{color:var(--white-80);padding:.75rem;margin-top:.25rem;border:1px solid var(--gray-900);border-radius:.5rem;background:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-password-panel .p-password-meter{overflow:hidden;height:.5rem;border-radius:1rem;margin-bottom:.5rem;background:var(--white-20)}.p-password-panel .p-password-meter .p-password-strength.weak{background:var(--red-400)}.p-password-panel .p-password-meter .p-password-strength.medium{background:var(--orange-400)}.p-password-panel .p-password-meter .p-password-strength.strong{background:var(--green-400)}.p-inputgroup-addon{background:#1c1b22;color:var(--white-80);border-top:1px solid var(--gray-900);border-left:1px solid var(--gray-900);border-bottom:1px solid var(--gray-900);padding:0rem .75rem;min-width:2.5rem}.p-inputgroup-addon:last-child{border-right:1px solid var(--gray-900)}.p-inputgroup-addon.p-disabled{background-color:var(--white-20);color:var(--white-80)}.p-inputgroup>.p-component,.p-inputgroup>.p-inputwrapper>.p-inputtext,.p-inputgroup>.p-float-label>.p-component{border-radius:0;margin:0}.p-inputgroup>.p-component+.p-inputgroup-addon,.p-inputgroup>.p-inputwrapper>.p-inputtext+.p-inputgroup-addon,.p-inputgroup>.p-float-label>.p-component+.p-inputgroup-addon{border-left:0 none}.p-inputgroup>.p-component:focus,.p-inputgroup>.p-inputwrapper>.p-inputtext:focus,.p-inputgroup>.p-float-label>.p-component:focus{z-index:1}.p-inputgroup>.p-component:focus~label,.p-inputgroup>.p-inputwrapper>.p-inputtext:focus~label,.p-inputgroup>.p-float-label>.p-component:focus~label{z-index:1}.p-inputgroup-addon:first-child,.p-inputgroup button:first-child,.p-inputgroup input:first-child,.p-inputgroup>.p-inputwrapper:first-child,.p-inputgroup>.p-inputwrapper:first-child>.p-inputtext{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-inputgroup .p-float-label:first-child input{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-inputgroup-addon:last-child,.p-inputgroup button:last-child,.p-inputgroup input:last-child,.p-inputgroup>.p-inputwrapper:last-child,.p-inputgroup>.p-inputwrapper:last-child>.p-inputtext{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-inputgroup .p-float-label:last-child input{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-inputgroup .p-button{height:auto;width:auto}.p-inputgroup .p-button.p-button-icon-only{width:2.5rem}.p-icon-field{position:relative}.p-icon-field .p-input-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-inputnumber.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}p-inputnumber.ng-invalid.ng-touched>.p-inputnumber>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}p-inputnumber[ng-reflect-is-disabled=true] .p-inputnumber-button{background:var(--white-20)}.p-inputnumber-button{color:var(--white-100);border-color:var(--gray-900);background-color:#1c1b22}.p-inputnumber-button .p-button-icon{font-size:1rem}.p-inputnumber-button:hover{box-shadow:none !important}.p-inputnumber-buttons-horizontal .p-inputnumber-button-down{border-top-right-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-button-up{border-top-left-radius:0;border-bottom-left-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-input{border-radius:0;border-left-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0);z-index:1}.p-inputnumber-buttons-horizontal .p-inputnumber-button-down,.p-inputnumber-buttons-horizontal .p-inputnumber-button-up{height:100%}.p-inputnumber-buttons-vertical .p-inputnumber-button-down{border-top-left-radius:0;border-top-right-radius:0}.p-inputnumber-buttons-vertical .p-inputnumber-button-up{border-bottom-left-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-vertical .p-inputnumber-input{border-radius:0;border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);z-index:1}.p-inputnumber-buttons-vertical .p-inputnumber-button-down,.p-inputnumber-buttons-vertical .p-inputnumber-button-up{width:100%}.p-fluid .p-icon-field-left,.p-fluid .p-icon-field-right{width:100%}.p-icon-field-left .p-input-icon:first-of-type{left:.75rem;color:var(--white-100)}.p-icon-field-right .p-input-icon:last-of-type{right:.75rem;color:var(--white-100)}.p-checkbox{position:relative;display:inline-flex;user-select:none;vertical-align:bottom}.p-checkbox-input{appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;cursor:pointer}.p-checkbox-box{display:flex;justify-content:center;align-items:center}.p-checkbox{width:1.5rem;height:1.5rem}.p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon{display:none}.p-checkbox.p-checkbox-checked .p-checkbox-box::after{content:"";width:1rem;height:1rem;transition-duration:.2s;color:var(--black-80);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.p-checkbox .p-checkbox-input{border:1px solid var(--gray-900);border-radius:.25rem}.p-checkbox .p-checkbox-box{border:1px solid var(--gray-900);background:#1c1b22;width:1.5rem;height:1.5rem;color:var(--white-100);border-radius:.25rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-checkbox .p-checkbox-box.p-highlight{border-color:var(--emerald-300);background:var(--emerald-300)}.p-checkbox .p-checkbox-box:not(.p-disabled):hover{border-color:var(--emerald-300)}.p-checkbox .p-checkbox-box:not(.p-disabled):hover.p-highlight{border-color:var(--emerald-200);background:var(--emerald-200);color:var(--black-80)}.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-checkbox .p-checkbox-box.p-disabled{background:var(--white-20)}.p-checkbox .p-checkbox-box .p-checkbox-icon{transition-duration:.2s;color:var(--black-80);font-size:1rem}.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon{width:1rem;height:1rem}p-checkbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-highlight .p-checkbox .p-checkbox-box{border-color:var(--emerald-300)}.p-radiobutton{position:relative;display:inline-flex;user-select:none;vertical-align:bottom}.p-radiobutton-input{cursor:pointer}.p-radiobutton-box{display:flex;justify-content:center;align-items:center;transition:all}.p-radiobutton-box:hover{border:1px solid var(--emerald-200) !important}.p-radiobutton-box.p-highlight{box-sizing:border-box;background:var(--emerald-200) !important}.p-radiobutton-box.p-highlight .p-radiobutton-icon{mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.25%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center;background:var(--black-80);width:1.5rem;height:1.5rem;mask-composite:exclude}p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box{box-shadow:0 0 0 .25rem var(--red-800)}p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box:hover{border:1px solid var(--red-400) !important}.p-radiobutton-box.p-focus{box-shadow:0px 0px 0px 3.5px var(--emerald-800)}.p-radiobutton{width:1.5rem;height:1.5rem}.p-radiobutton .p-radiobutton-input{appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;border:1px solid var(--gray-900);border-radius:50%}.p-radiobutton .p-radiobutton-box{border:1px solid var(--gray-900);background:#1c1b22;width:1.5rem;height:1.5rem;color:var(--white-100);border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-radiobutton.p-disabled .p-radiobutton-box{background:var(--white-20)}.p-radiobutton.p-highlight .p-radiobutton-box{border-color:var(--emerald-300);background:var(--emerald-300)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box{border-color:var(--emerald-300)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box{border-color:var(--emerald-200);background:var(--emerald-200)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-radiobutton.p-invalid>.p-radiobutton-box{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-highlight .p-radiobutton .p-radiobutton-box{border-color:var(--black-80)}.p-inputswitch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.p-inputswitch-slider:before{position:absolute;content:"";top:50%}.p-inputswitch{position:relative;display:inline-block;width:2.5rem;height:1.5rem;border-radius:100px}.p-inputswitch .p-inputswitch-slider{background:var(--gray-700);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:100px;outline-color:rgba(0,0,0,0)}.p-inputswitch .p-inputswitch-slider:before{background:#1c1b22;width:1rem;height:1rem;left:.25rem;margin-top:-0.5rem;border-radius:100px;transition-duration:.2s}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:var(--emerald-300)}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{background:#1c1b22;transform:translateX(1rem)}.p-inputswitch:not(.p-disabled) .p-inputswitch-slider:hover{background-color:var(--emerald-200)}.p-inputswitch:not(.p-disabled).p-focus,.p-inputswitch:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}p-inputswitch:not(.p-disabled).p-element.ng-dirty.ng-invalid .p-inputswitch-slider,p-inputswitch:not(.p-disabled).p-element.ng-touched.ng-invalid .p-inputswitch-slider{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-selectbutton{display:flex;height:min-content;gap:.25rem;padding:.25rem;background-color:var(--white-20);border-radius:.5rem}.p-selectbutton .p-button{flex-grow:1;background:rgba(0,0,0,.0001);border:1px solid trasparent;border-radius:.25rem;color:var(--white-80);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-selectbutton .p-button .p-button-icon-left,.p-selectbutton .p-button .p-button-icon-right{color:var(--white-80)}.p-selectbutton .p-button.p-disabled{background:rgba(0,0,0,0);pointer-events:none}.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover{background:#1c1b22;border-color:rgba(0,0,0,.0001);color:var(--white-100)}.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right{color:var(--white-100)}.p-selectbutton .p-button:not(.p-disabled).p-highlight{background:#1c1b22;border-color:rgba(0,0,0,.0001);color:var(--emerald-300)}.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-right{color:var(--emerald-300)}.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover{background:#1c1b22;border-color:rgba(0,0,0,.0001);color:var(--white-100)}.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-right{color:var(--white-100)}.p-selectbutton.p-invalid>.p-button{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-togglebutton.p-button.p-highlight.p-disabled,.p-button.p-disabled,.p-button.p-button-danger.p-disabled,.p-button-group.p-button-danger>.p-button.p-disabled,.p-splitbutton.p-button-danger>.p-button.p-disabled,.p-fileupload-choose.p-button-danger.p-disabled,.p-button.p-button-warning.p-disabled,.p-button-group.p-button-warning>.p-button.p-disabled,.p-splitbutton.p-button-warning>.p-button.p-disabled,.p-fileupload-choose.p-button-warning.p-disabled,.p-button.p-button-success.p-disabled,.p-button-group.p-button-success>.p-button.p-disabled,.p-splitbutton.p-button-success>.p-button.p-disabled,.p-fileupload-choose.p-button-success.p-disabled,.p-button.p-button-info.p-disabled,.p-button-group.p-button-info>.p-button.p-disabled,.p-splitbutton.p-button-info>.p-button.p-disabled,.p-fileupload-choose.p-button-info.p-disabled,.p-button.p-button-help.p-disabled,.p-button-group.p-button-help>.p-button.p-disabled,.p-splitbutton.p-button-help>.p-button.p-disabled,.p-fileupload-choose.p-button-help.p-disabled{color:var(--white-80);background-color:var(--white-20);border-color:var(--gray-900)}.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-left,.p-button.p-disabled .p-button-icon-left,.p-button-group.p-button-danger>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-danger>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-left,.p-button-group.p-button-warning>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-warning>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-left,.p-button-group.p-button-success>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-success>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-left,.p-button-group.p-button-info>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-info>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-left,.p-button-group.p-button-help>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-help>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-left,.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-right,.p-button.p-disabled .p-button-icon-right,.p-button-group.p-button-danger>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-danger>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-right,.p-button-group.p-button-warning>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-warning>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-right,.p-button-group.p-button-success>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-success>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-right,.p-button-group.p-button-info>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-info>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-right,.p-button-group.p-button-help>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-help>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-right{color:var(--white-80) !important}.p-togglebutton.p-button{background:var(--white-20);border:1px solid trasparent;color:var(--white-80);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0);border-radius:100px}.p-togglebutton.p-button:not(.p-disabled):hover{background:var(--emerald-alpha);color:var(--emerald-300);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40);box-shadow:none}.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-left,.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-right{color:var(--emerald-300)}.p-togglebutton.p-button:not(.p-disabled):focus-visible{box-shadow:0 0 0 3.5px var(--emerald-800)}.p-togglebutton.p-button .p-button-icon-left,.p-togglebutton.p-button .p-button-icon-right{color:var(--white-80)}.p-togglebutton.p-button.p-highlight{background:var(--emerald-300);border-color:rgba(0,0,0,.0001);color:var(--black-80)}.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover{background:var(--emerald-200);color:var(--black-80);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40);box-shadow:none}.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left,.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-right{color:var(--black-80)}.p-togglebutton.p-button.p-highlight:not(.p-disabled):focus-visible{box-shadow:0 0 0 3.5px var(--emerald-800)}.p-togglebutton.p-button.p-highlight .p-button-icon-left,.p-togglebutton.p-button.p-highlight .p-button-icon-right{color:var(--black-80)}.p-chips{display:inline-flex;height:min-content}.p-disabled .p-chips-multiple-container{background-color:var(--white-20)}.p-chips-multiple-container{outline-color:rgba(0,0,0,0);cursor:text;overflow:hidden;height:min-content;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;list-style-type:none}.p-chips-multiple-container:has(.p-chips-token){padding:.25rem}.p-chips-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem}.p-chips-input-token{flex:1 1 auto;display:inline-flex}.p-chips-token-icon{cursor:pointer}.p-chips-input-token input{border:0 none;outline:0 none;background-color:rgba(0,0,0,0);margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-chips{display:flex}.p-chips:not(.p-disabled):hover .p-chips-multiple-container{border-color:var(--emerald-300)}.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-chips .p-chips-multiple-container .p-chips-token{padding:0rem .5rem;background:var(--white-20);color:var(--white-100);border-radius:.25rem}.p-chips .p-chips-multiple-container .p-chips-token.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon{margin-left:.5rem}.p-chips .p-chips-multiple-container .p-chips-token+.p-chips-input-token{padding:0 .5rem}.p-chips .p-chips-multiple-container .p-chips-input-token{padding:0rem 0}.p-chips .p-chips-multiple-container .p-chips-input-token input{height:1.75rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--white-100);margin:0}.p-chips.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-slider{background:var(--white-20);border:none;border-radius:.5rem}.p-slider.p-slider-horizontal{height:.25rem;margin-top:.5rem;margin-bottom:.5rem}.p-slider.p-slider-horizontal .p-slider-handle{margin-top:-0.625rem;margin-left:-0.625rem}.p-slider.p-slider-vertical{width:.25rem;margin-top:.5rem;margin-bottom:.5rem}.p-slider.p-slider-vertical .p-slider-handle{margin-left:-0.625rem;margin-bottom:-0.625rem}.p-slider .p-slider-handle{height:1.25rem;width:1.25rem;background:var(--emerald-300);border:none;border-radius:1rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-slider .p-slider-handle:focus{background:var(--emerald-200);box-shadow:none}.p-slider .p-slider-range{background:var(--emerald-300);border-radius:.5rem}.p-slider:not(.p-disabled) .p-slider-handle:hover{background:var(--emerald-200);border-color:rgba(0,0,0,.0001)}.p-rating{position:relative;display:flex;align-items:center}.p-rating-item{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.p-rating.p-readonly .p-rating-item{cursor:default}.p-rating{gap:.5rem}.p-rating .p-rating-item{outline-color:rgba(0,0,0,0);border-radius:50%}.p-rating .p-rating-item .p-rating-icon{color:var(--white-80);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;font-size:1.25rem}.p-rating .p-rating-item .p-rating-icon.p-icon{width:1.25rem;height:1.25rem}.p-rating .p-rating-item .p-rating-icon.p-rating-cancel{color:var(--white-80)}.p-rating .p-rating-item:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-rating .p-rating-item.p-rating-item-active .p-rating-icon{color:var(--orange-400)}.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon{color:var(--orange-500)}.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel{color:var(--white-100)}.p-calendar.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-datepicker{margin-top:.25rem;padding:.75rem;background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem}.p-datepicker:not(.p-datepicker-inline){background:#1c1b22;border:1px solid var(--gray-900);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header{background:rgba(0,0,0,.0001)}.p-datepicker .p-datepicker-header{padding:0 0 .5rem;color:var(--white-80);background:#1c1b22;font-weight:bold;margin:0rem;border-bottom:none;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-datepicker .p-datepicker-header .p-datepicker-prev,.p-datepicker .p-datepicker-header .p-datepicker-next{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border:1px solid rgba(0,0,0,0)}.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled{border:1px solid var(--gray-900);color:var(--white-80);background:var(--white-20);border-color:var(--gray-900)}.p-datepicker .p-datepicker-header .p-datepicker-title{line-height:2rem;display:flex;gap:.5rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select{display:inline-flex;cursor:pointer;position:relative;user-select:none;background:#1c1b22;border:1px solid var(--gray-900);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0);min-height:2.5rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select:focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{color:var(--white-80);transition:background-color .2s,color .2s,box-shadow .2s;font-weight:bold;padding:.25rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover{color:var(--emerald-300)}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{margin-right:.5rem}.p-datepicker table{font-size:1rem;margin:0rem}.p-datepicker table th{padding:.25rem}.p-datepicker table th>span{width:2rem;height:2rem}.p-datepicker table td{padding:.25rem}.p-datepicker table td>span{width:2rem;height:2rem;border-radius:.5rem;transition:.2s;border:1px solid rgba(0,0,0,.0001)}.p-datepicker table td>span.p-highlight{color:var(--black-80);background:var(--emerald-300)}.p-datepicker table td>span:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-datepicker table td.p-datepicker-today>span{color:var(--white-80);font-weight:700;border-color:var(--gray-800);background:rgba(0,0,0,.0001)}.p-datepicker table td.p-datepicker-today>span:not(.p-disabled):hover{color:var(--white-100)}.p-datepicker table td.p-datepicker-today>span.p-highlight{color:var(--black-80);background:var(--emerald-300)}.p-datepicker .p-datepicker-buttonbar{padding:0rem 0 0}.p-datepicker .p-datepicker-buttonbar .p-button{width:auto}.p-datepicker .p-timepicker{border-top:1px solid var(--gray-900);padding:String value}.p-datepicker .p-timepicker button{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-datepicker .p-timepicker button:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-datepicker .p-timepicker button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-datepicker .p-timepicker button.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-datepicker .p-timepicker span{font-size:1.25rem}.p-datepicker .p-timepicker>div{padding:String value}.p-datepicker .p-hour-picker,.p-datepicker .p-minute-picker{gap:.25rem}.p-datepicker.p-datepicker-timeonly .p-timepicker{border-top:0 none}.p-datepicker .p-monthpicker{margin:0rem}.p-datepicker .p-monthpicker .p-monthpicker-month{padding:.25rem;transition:.2s;border-radius:.5rem}.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight{color:var(--black-80);background:var(--emerald-300)}.p-datepicker .p-yearpicker{margin:0rem}.p-datepicker .p-yearpicker .p-yearpicker-year{padding:.25rem;transition:.2s;border-radius:.5rem}.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight{color:var(--black-80);background:var(--emerald-300)}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group{border-left:1px solid var(--gray-900);padding-right:.75rem;padding-left:.75rem;padding-top:0;padding-bottom:0}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child{padding-left:0;border-left:0 none}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child{padding-right:0}.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover{color:var(--white-100);background:var(--gray-800)}.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-datepicker:not(.p-disabled) table td span.p-highlight:hover{background:var(--emerald-200)}.p-datepicker:not(.p-disabled) .p-monthpicker{display:flex;flex-wrap:wrap;gap:.25rem}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month{flex-basis:32.3%;width:100%}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover{color:var(--white-100);background:var(--gray-800)}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled).p-highlight:hover{background:var(--emerald-200)}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-datepicker:not(.p-disabled) .p-yearpicker{display:flex;flex-wrap:wrap;gap:.25rem}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year{flex-basis:32.3%;width:100%}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover{color:var(--white-100);background:var(--gray-800)}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled).p-highlight:hover{background:var(--emerald-200)}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-autocomplete{display:inline-flex;height:min-content}.p-autocomplete .p-autocomplete-loader{right:.75rem;color:var(--white-100)}.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader{right:3.25rem}.p-autocomplete-multiple-container{outline-color:rgba(0,0,0,0);cursor:text;overflow:hidden;height:min-content;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;list-style-type:none}.p-autocomplete-multiple-container:has(.p-autocomplete-token){padding:.25rem}.p-autocomplete-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem}.p-autocomplete-input-token{flex:1 1 auto;display:inline-flex}.p-autocomplete-token-icon{cursor:pointer}.p-autocomplete-input-token input{border:0 none;outline:0 none;background-color:rgba(0,0,0,0);margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-autocomplete{display:flex}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover{border-color:var(--emerald-300)}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-autocomplete .p-autocomplete-multiple-container.p-disabled{cursor:not-allowed;background-color:var(--white-20)}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token{padding:0rem .5rem;background:var(--white-20);color:var(--white-100);border-radius:.25rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon{margin-left:.5rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token+.p-autocomplete-input-token{padding:0 .5rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token{padding:0rem 0}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input{height:1.75rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--white-100);margin:0}.p-autocomplete.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-autocomplete-panel{background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40);margin-top:.25rem}.p-autocomplete-panel .p-autocomplete-items{padding:.25rem}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item{margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.0001);color:var(--white-80);background:rgba(0,0,0,.0001);transition:.2s;border-radius:.5rem}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-of-type{margin-top:0}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-of-type{margin-bottom:0}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover{color:var(--white-100);background:var(--gray-800)}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight{color:var(--black-80);background:var(--emerald-300)}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001);font-weight:bold}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message{text-align:center;padding:.5rem .75rem}.p-autocomplete-dd .p-autocomplete-input{flex:1 1 auto;width:1%}.p-autocomplete-dd .p-autocomplete-dropdown{display:none}.autocomplete-dropdown-container:hover .p-inputtext:enabled{border-color:var(--emerald-300)}.autocomplete-dropdown-trigger{position:absolute;right:0;top:0;height:100%;width:2.5rem;display:flex;align-items:center;justify-content:center}.p-autocomplete-clear-icon{position:absolute;top:50%;margin-top:-0.5rem;cursor:pointer}.p-autocomplete-clearable{position:relative}.p-autocomplete-clearable .p-autocomplete-clear-icon{right:.75rem}.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon{right:2.5rem}.p-tabview .p-tabview-nav{background:rgba(0,0,0,.0001);border-bottom:1px solid var(--gray-900);gap:1.5rem}.p-tabview .p-tabview-nav li .p-tabview-nav-link{border-bottom:.25rem solid rgba(0,0,0,.0001);border-color:rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);color:var(--white-80);padding:1rem 0rem;font-weight:normal;transition:.2s;margin:0}.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:rgba(0,0,0,.0001);border-color:rgba(0,0,0,.0001);color:var(--emerald-300)}.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:rgba(0,0,0,.0001);border-color:var(--emerald-300);color:var(--emerald-300)}.p-tabview .p-tabview-close{margin-left:.5rem}.p-tabview .p-tabview-nav-btn.p-link{background:#1c1b22;color:var(--white-80);width:2.5rem;box-shadow:0px 0px 10px 50px var(--white-60);border-radius:0}.p-tabview .p-tabview-nav-btn.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-tabview .p-tabview-nav-btn.p-link:hover{color:var(--emerald-300)}.p-tabview .p-tabview-panels{background:rgba(0,0,0,.0001);padding:1rem 0rem;border:none;color:var(--white-80);border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-divider{border-color:var(--gray-900)}.p-divider .p-divider-content{background-color:#1c1b22;color:var(--white-80);text-transform:uppercase}.p-divider.p-divider-horizontal{margin:1rem 0rem;padding:0rem 1rem}.p-divider.p-divider-horizontal .p-divider-content{padding:0 .5rem}.p-divider.p-divider-horizontal:before{border-top-width:1px;border-top-color:var(--gray-900)}.p-divider.p-divider-horizontal.p-divider-dash:before{border-top-style:dashed}.p-divider.p-divider-vertical{margin:0rem 1rem;padding:1rem 0rem}.p-divider.p-divider-vertical .p-divider-content{padding:.5rem 0}.p-divider.p-divider-vertical:before{border-left-width:1px;border-left-color:var(--gray-900)}.p-divider.p-divider-vertical.p-divider-dash:before{border-left-style:dashed}.p-scrollpanel .p-scrollpanel-bar{background:var(--white-20);border:0 none;border-radius:.5rem}.p-scrollpanel .p-scrollpanel-bar:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-accordion .p-accordion-header .p-accordion-header-link{display:flex;flex-direction:row;align-items:center;color:var(--white-80);font-weight:700;padding:1rem 0rem;border-top:1px solid var(--gray-900);background:rgba(0,0,0,.0001);transition:.2s;gap:.5rem}.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon{font-size:1.25rem}.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link{background:rgba(0,0,0,.0001);border-color:var(--gray-900);color:var(--white-100)}.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link{background:rgba(0,0,0,.0001);border-color:var(--gray-900);color:var(--white-100)}.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link{border-color:var(--gray-900);background:rgba(0,0,0,.0001);color:var(--white-100)}.p-accordion .p-accordion-content{padding:0rem 0rem 1rem 1.75rem;border-bottom:none;background:rgba(0,0,0,.0001);color:var(--white-100)}.p-accordion .p-accordion-tab{margin-bottom:0rem}.p-accordion .p-accordion-tab:first-child .p-accordion-header-link{border-top:none}.p-accordion .p-accordion-tab .p-accordion-content .p-accordion-header-link{border-top:1px solid var(--gray-900)}.p-stepper .p-stepper-nav{display:flex;gap:.5rem;justify-content:space-between;margin:0;padding:0;list-style-type:none;overflow:hidden;overflow-x:auto}.p-stepper .p-stepper-header{position:relative;display:flex;flex:1 1 auto;align-items:center;padding:.5rem 0}.p-stepper .p-stepper-header.p-disabled{opacity:1;cursor:initial}.p-stepper .p-stepper-header.p-disabled .p-stepper-action{opacity:.6}.p-stepper .p-stepper-header:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-stepper .p-stepper-header.p-highlight .p-stepper-title{color:var(--white-100)}.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-separator{background-color:var(--emerald-300)}.p-stepper .p-stepper-header.p-highlight .p-stepper-number,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-number{color:var(--black-80);background-color:var(--emerald-300);border-color:rgba(0,0,0,0)}.p-stepper .p-stepper-header.p-highlight .p-stepper-icon,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-icon{color:var(--emerald-300)}.p-stepper .p-stepper-header.p-highlight .p-stepper-action.p-danger .p-stepper-number,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-action.p-danger .p-stepper-number{color:var(--black-80);background-color:var(--red-400)}.p-stepper p-stepperheader .p-stepper-action{display:inline-flex;align-items:center;flex-grow:0;transition:.2s;border-radius:.5rem;background:#1c1b22;outline-color:rgba(0,0,0,0);padding:0}.p-stepper p-stepperheader .p-stepper-action:hover{cursor:pointer}.p-stepper p-stepperheader .p-stepper-action:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-stepper p-stepperheader .p-stepper-action .p-stepper-number{display:flex;align-items:center;justify-content:center;font-weight:500;color:var(--white-100);border:1px solid var(--gray-900);background:#1c1b22;min-width:1.5rem;height:1.5rem;line-height:1;font-size:1rem;border-radius:8rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-left:.5rem;color:var(--white-100);font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
-  line-height: 1;margin-left:.5rem;
-}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper .p-stepper-title{margin-left:0}.p-stepper p-stepperheader .p-stepper-action .p-stepper-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.5rem;
-  line-height: 2rem;
-  line-height: 1;min-width:1.5rem;height:1.5rem;
-}.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-number,.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-icon{color:var(--red-400)}.p-stepper .p-stepper-panels{background:rgba(0,0,0,.0001);padding:1rem 0rem;color:var(--white-80)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-number,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-number{color:var(--black-80);background-color:var(--emerald-300);border-color:rgba(0,0,0,0)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-icon,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-icon{color:var(--emerald-300)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-action.p-danger .p-stepper-number,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-action.p-danger .p-stepper-number{color:var(--black-80);background-color:var(--red-400)}.p-stepper .p-stepper-separator{background-color:var(--gray-900);width:100%;height:1px;margin-inline-start:.5rem;transition:.2s}.p-stepper.no-line .p-stepper-separator{background-color:rgba(0,0,0,0) !important}.p-stepper.p-stepper-vertical{display:flex;flex-direction:column}.p-stepper.p-stepper-vertical .p-stepper-toggleable-content{display:flex;flex:1 1 auto;background:rgba(0,0,0,.0001);color:var(--white-80)}.p-stepper.p-stepper-vertical .p-stepper-panel{display:flex;flex-direction:column;flex:initial}.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active{flex:1 1 auto}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header{flex:initial}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content{width:100%;padding-left:1rem}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator{flex:0 0 auto;width:2px;height:auto;margin-inline-start:calc(1.75rem + 2px)}.p-stepper.p-stepper-vertical .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-separator{background-color:var(--emerald-300)}.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content{padding-left:3rem}.p-card{overflow:hidden;color:var(--white-100);font-size:1rem;border-radius:.5rem;border:1px solid var(--gray-900);background:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-card.p-card-no-shadow{box-shadow:none}.p-card .p-card-body{padding:1rem}.p-card .p-card-title{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.p-card .p-card-subtitle{font-size:.875rem;font-weight:400;color:var(--white-80)}.p-card .p-card-content{padding:1rem 0 0}.p-card .p-card-footer{padding:1rem 0 0}.p-tooltip .p-tooltip-text{background:var(--gray-200);color:#1c1b22;padding:.5rem 1rem;box-shadow:0 .25rem .25rem 0 var(--black-40);border-radius:.5rem}.p-tooltip-arrow{border-color:rgba(0,0,0,0)}.p-tooltip-right .p-tooltip-arrow,.p-tooltip-left .p-tooltip-arrow{margin-top:-0.25rem}.p-tooltip-top .p-tooltip-arrow,.p-tooltip-bottom .p-tooltip-arrow{margin-left:-0.25rem}.p-tooltip-right .p-tooltip-arrow{border-width:.25em .25em .25em 0;border-right-color:var(--gray-200)}.p-tooltip-left .p-tooltip-arrow{border-width:.25em 0 .25em .25rem;border-left-color:var(--gray-200)}.p-tooltip-top .p-tooltip-arrow{border-width:.25em .25em 0;border-top-color:var(--gray-200)}.p-tooltip-bottom .p-tooltip-arrow{border-width:0 .25em .25rem;border-bottom-color:var(--gray-200)}.p-dialog{border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40);border:1px solid var(--gray-900)}.p-dialog .p-dialog-header{border-bottom:1px solid var(--gray-900);background:#1c1b22;color:var(--white-100);padding:1.5rem 1.5rem 1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-dialog .p-dialog-header .p-dialog-title{font-weight:bold;font-size:1.25rem}.p-dialog .p-dialog-header .p-dialog-header-icon{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin-right:.5rem;box-shadow:none}.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-dialog .p-dialog-header .p-dialog-header-icon.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-dialog .p-dialog-header .p-dialog-header-icon:last-child{margin-right:0}.p-dialog-danger .p-dialog-title::before,.p-dialog-success .p-dialog-title::before,.p-dialog-info .p-dialog-title::before,.p-dialog-warning .p-dialog-title::before,.p-dialog-help .p-dialog-title::before{content:"";display:inline-block;width:1.5rem;height:1.5rem;background-size:contain;margin-right:.5rem;vertical-align:text-bottom}.p-dialog-danger .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM8.13128 8.63128C8.47299 8.28957 9.02701 8.28957 9.36872 8.63128L10.5 9.76256L11.6313 8.63128C11.973 8.28957 12.527 8.28957 12.8687 8.63128C13.2104 8.97299 13.2104 9.52701 12.8687 9.86872L11.7374 11L12.8687 12.1313C13.2104 12.473 13.2104 13.027 12.8687 13.3687C12.527 13.7104 11.973 13.7104 11.6313 13.3687L10.5 12.2374L9.36872 13.3687C9.02701 13.7104 8.47299 13.7104 8.13128 13.3687C7.78957 13.027 7.78957 12.473 8.13128 12.1313L9.26256 11L8.13128 9.86872C7.78957 9.52701 7.78957 8.97299 8.13128 8.63128Z" fill="%23E26E63"/></svg>') no-repeat}.p-dialog-success .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM13.7437 8.63128C14.0854 8.97299 14.0854 9.52701 13.7437 9.86872L10.2437 13.3687C9.90201 13.7104 9.34799 13.7104 9.00628 13.3687L7.25628 11.6187C6.91457 11.277 6.91457 10.723 7.25628 10.3813C7.59799 10.0396 8.15201 10.0396 8.49372 10.3813L9.625 11.5126L12.5063 8.63128C12.848 8.28957 13.402 8.28957 13.7437 8.63128Z" fill="%2368C170"/></svg>') no-repeat}.p-dialog-warning .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.24855 2.2875C9.63056 2.07229 10.0616 1.95923 10.5 1.95923C10.9385 1.95923 11.3695 2.07229 11.7515 2.2875C12.1335 2.5027 12.4536 2.81277 12.6808 3.18777L12.6831 3.19162L19.7759 15.0356L19.7832 15.0481C20.0055 15.4335 20.123 15.8705 20.1241 16.3154C20.1252 16.7604 20.0098 17.1979 19.7895 17.5845C19.5691 17.9711 19.2514 18.2932 18.868 18.519C18.4846 18.7447 18.0487 18.8662 17.6038 18.8714L17.5937 18.8715L3.39659 18.8714C2.95146 18.8664 2.51539 18.7449 2.13176 18.5191C1.74813 18.2933 1.43031 17.9709 1.20992 17.5841C0.98952 17.1974 0.874224 16.7596 0.875499 16.3145C0.876773 15.8693 0.994574 15.4322 1.21718 15.0467L1.22426 15.0347L8.30299 3.21587C8.30825 3.20642 8.31369 3.19705 8.31931 3.18777C8.5465 2.81277 8.86655 2.5027 9.24855 2.2875ZM10.5 3.70923C10.3625 3.70923 10.2273 3.74469 10.1075 3.81219C9.99324 3.87657 9.89665 3.968 9.82613 4.07836C9.82357 4.0828 9.82097 4.08723 9.81833 4.09164L2.72982 15.9268C2.66184 16.0465 2.62589 16.1818 2.62549 16.3195C2.62509 16.4591 2.66126 16.5964 2.73039 16.7177C2.79952 16.839 2.8992 16.9401 3.01953 17.011C3.13871 17.0811 3.27402 17.1192 3.41225 17.1214H17.5877C17.7258 17.1191 17.861 17.0811 17.9801 17.011C18.1004 16.9401 18.2 16.8391 18.2691 16.7178C18.3383 16.5966 18.3745 16.4594 18.3741 16.3198C18.3738 16.1822 18.3379 16.047 18.2701 15.9274L11.1841 4.09457C11.1837 4.09404 11.1834 4.09351 11.1831 4.09298C11.1119 3.97607 11.0119 3.87939 10.8926 3.81219C10.7728 3.74469 10.6376 3.70923 10.5 3.70923ZM10.5001 7.49997C10.9833 7.49997 11.3751 7.89172 11.3751 8.37497V11.875C11.3751 12.3582 10.9833 12.75 10.5001 12.75C10.0168 12.75 9.62506 12.3582 9.62506 11.875V8.37497C9.62506 7.89172 10.0168 7.49997 10.5001 7.49997ZM9.62506 14.5C9.62506 14.0167 10.0168 13.625 10.5001 13.625H10.5088C10.9921 13.625 11.3838 14.0167 11.3838 14.5C11.3838 14.9832 10.9921 15.375 10.5088 15.375H10.5001C10.0168 15.375 9.62506 14.9832 9.62506 14.5Z" fill="%23FFB330"/></svg>') no-repeat}.p-dialog-info .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.625 8.375C9.625 7.89175 10.0168 7.5 10.5 7.5H10.5087C10.992 7.5 11.3837 7.89175 11.3837 8.375C11.3837 8.85825 10.992 9.25 10.5087 9.25H10.5C10.0168 9.25 9.625 8.85825 9.625 8.375ZM8.75 11C8.75 10.5168 9.14175 10.125 9.625 10.125H10.5C10.9832 10.125 11.375 10.5168 11.375 11V13.625C11.8582 13.625 12.25 14.0168 12.25 14.5C12.25 14.9832 11.8582 15.375 11.375 15.375H10.5C10.0168 15.375 9.625 14.9832 9.625 14.5V11.875C9.14175 11.875 8.75 11.4832 8.75 11Z" fill="%2349A2EF"/></svg>') no-repeat}.p-dialog-help .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.99829 7.55089C10.5752 7.43547 11.1741 7.51853 11.6978 7.78656C12.2234 8.05459 12.6434 8.49186 12.89 9.02783C13.1367 9.56409 13.1955 10.1679 13.0568 10.7416C12.9181 11.3154 12.5901 11.8257 12.1257 12.1901C11.6613 12.5545 11.0877 12.7518 10.4974 12.75C10.0141 12.7486 9.62355 12.3556 9.625 11.8724C9.62646 11.3891 10.0194 10.9986 10.5026 11C10.6994 11.0006 10.8906 10.9349 11.0454 10.8134C11.2002 10.6919 11.3096 10.5218 11.3558 10.3306C11.402 10.1393 11.3824 9.93804 11.3002 9.75929C11.2179 9.58053 11.0778 9.43472 10.9025 9.34539L10.9008 9.34452C10.7285 9.25627 10.5314 9.2289 10.3416 9.26688C10.1518 9.30486 9.98043 9.40595 9.85536 9.5537C9.54314 9.92255 8.99103 9.96846 8.62218 9.65624C8.25333 9.34403 8.20742 8.79191 8.51964 8.42306C8.89995 7.97377 9.42109 7.66638 9.99829 7.55089ZM10.5 13.625C10.9832 13.625 11.375 14.0168 11.375 14.5V14.5087C11.375 14.992 10.9832 15.3837 10.5 15.3837C10.0168 15.3837 9.625 14.992 9.625 14.5087V14.5C9.625 14.0168 10.0168 13.625 10.5 13.625Z" fill="%23AB77DF"/></svg>') no-repeat}.p-dialog .p-dialog-content{background:#1c1b22;color:var(--white-100);padding:1.5rem 1.5rem}.p-dialog .p-dialog-content:last-of-type{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer{display:flex;border-top:1px solid rgba(0,0,0,.0001);background:#1c1b22;color:var(--white-80);padding:0rem 1.5rem 1.5rem;text-align:right;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer button{width:auto}.p-dialog .p-confirm-dialog-accept{order:1}.p-dialog .p-confirm-dialog-reject{order:2}.p-dialog.p-dialog-maximized .p-dialog-header,.p-dialog.p-dialog-maximized .p-dialog-content:last-of-type{border-radius:0}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon{font-size:2rem}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon{width:2rem;height:2rem}.p-dialog.p-confirm-dialog .p-dialog-footer{flex-direction:row-reverse;gap:.5rem}.p-dialog.p-confirm-dialog .p-dialog-footer i.none{display:none}.p-overlaypanel{background:#1c1b22;color:var(--white-100);border:1px solid var(--gray-900);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-overlaypanel .p-overlaypanel-content{padding:1rem}.p-overlaypanel .p-overlaypanel-close{background:var(--emerald-300);color:var(--black-80);width:2rem;height:2rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem;position:absolute;top:-1rem;right:-1rem}.p-overlaypanel .p-overlaypanel-close:enabled:hover{background:var(--emerald-200);color:var(--black-80)}.p-overlaypanel:after{border:solid rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-bottom-color:#1c1b22;border-width:6px}.p-overlaypanel:before{border:solid rgba(0,0,0,0);border-width:8px;border-color:rgba(0,0,0,0);border-bottom-color:var(--gray-900)}.p-overlaypanel.p-overlaypanel-flipped{margin-top:-7px !important}.p-overlaypanel.p-overlaypanel-flipped:after{border-top-color:#1c1b22;border-bottom-color:rgba(0,0,0,0)}.p-overlaypanel.p-overlaypanel-flipped:before{border-top-color:var(--gray-900);border-bottom-color:rgba(0,0,0,0)}.p-sidebar{color:var(--white-100);border:1px solid var(--gray-900);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40);background:#1c1b22;margin:.5rem;height:calc(100vh - 1rem) !important}.p-sidebar.p-sidebar-top,.p-sidebar.p-sidebar-full,.p-sidebar.p-sidebar-bottom{width:calc(100vw - 1rem);width:-webkit-fill-available !important}.p-sidebar.p-sidebar-top,.p-sidebar.p-sidebar-bottom{height:auto}.p-sidebar .p-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--gray-900)}.p-sidebar .p-sidebar-header .p-sidebar-close,.p-sidebar .p-sidebar-header .p-sidebar-icon{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-sidebar .p-sidebar-header .p-sidebar-close.p-disabled,.p-sidebar .p-sidebar-header .p-sidebar-icon.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-sidebar .p-sidebar-header>:only-child{margin-left:auto}.p-sidebar .p-sidebar-content{padding:1.5rem 1.5rem}.p-sidebar .p-sidebar-footer{display:flex;align-items:center;gap:.5rem;padding:1.5rem 1.5rem;padding-top:0rem}.p-avatar{height:2rem;width:2rem;color:var(--black-80);font-size:1rem;background-color:var(--emerald-300);border-radius:.5rem}.p-avatar:not(.p-avatar-image){border:1px solid var(--gray-900)}.p-avatar.p-avatar-image{background:rgba(0,0,0,0);position:relative}.p-avatar.p-avatar-image img{position:relative;object-fit:cover;border-radius:inherit}.p-avatar.p-avatar-image .p-badge{z-index:1}.p-avatar.p-avatar-image::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid var(--gray-900);border-radius:inherit;z-index:1}.p-avatar.p-avatar-lg{width:2.5rem;height:2.5rem;font-size:1rem}.p-avatar.p-avatar-lg .p-avatar-icon{font-size:1rem}.p-avatar.p-avatar-xl{width:3.5rem;height:3.5rem;font-size:1.5rem}.p-avatar.p-avatar-xl .p-avatar-icon{font-size:1.5rem}.p-avatar-circle{border-radius:50%}.p-badge{background:var(--emerald-300);color:var(--black-80);font-size:.75rem;font-weight:bold;min-width:1.5rem;height:1.5rem;line-height:1.5rem}.p-badge.p-badge-success{background-color:var(--green-400);color:var(--black-80)}.p-badge.p-badge-info{background-color:var(--blue-400);color:var(--black-80)}.p-badge.p-badge-warning{background-color:var(--orange-400);color:var(--black-80)}.p-badge.p-badge-danger{background-color:var(--red-400);color:var(--black-80)}.p-badge.p-badge-dot{width:.5rem;height:.5rem;min-width:auto}.p-tag{height:1.5rem;color:var(--black-80);font-size:.875rem;font-weight:bold;padding:.5rem;border-radius:.5rem;background:var(--emerald-300)}.p-tag.p-tag-success{background-color:var(--green-400);color:var(--black-80)}.p-tag.p-tag-info{background-color:var(--blue-400);color:var(--black-80)}.p-tag.p-tag-warning{background-color:var(--orange-400);color:var(--black-80)}.p-tag.p-tag-danger{background-color:var(--red-400);color:var(--black-80)}.p-tag.p-tag-rounded{border-radius:100px}.p-tag.p-tag-secondary{background-color:var(--gray-900);color:var(--white-80)}.p-tag .p-tag-icon{margin-right:.25rem;font-size:.875rem}.p-tag .p-tag-icon.p-icon{width:.875rem;height:.875rem}.p-progressbar{border:none;height:1rem;background:var(--white-20);border-radius:.5rem}.p-progressbar .p-progressbar-value{border:0 none;margin:0;background:var(--emerald-300)}.p-progressbar .p-progressbar-label{color:var(--black-80);line-height:1rem}.p-progress-spinner-circle{animation:p-progress-spinner-dash 1.5s ease-in-out infinite,p-progress-spinner-primary-color 6s ease-in-out infinite}@keyframes p-progress-spinner-primary-color{100%,0%{stroke:var(--primary-color) !important}40%{stroke:var(--primary-color) !important}66%{stroke:var(--primary-color) !important}80%,90%{stroke:var(--primary-color) !important}}.p-metergroup{display:flex;gap:.75rem;flex-direction:column}.p-metergroup .p-metergroup-meter-container{background:var(--white-20);border-radius:.5rem}.p-metergroup .p-metergroup-labels{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style-type:none;gap:1rem;row-gap:.75rem}.p-metergroup .p-metergroup-labels-vertical{gap:.5rem;flex-direction:column}.p-metergroup .p-metergroup-meters{display:flex;background:var(--white-20);border-radius:.5rem;height:.5rem}.p-metergroup .p-metergroup-meter{border:none;background:var(--emerald-300)}.p-metergroup .p-metergroup-label-list-item{line-height:1rem}.p-metergroup .p-metergroup-label-type{background:var(--emerald-300);width:.5rem;height:.5rem;border-radius:100%;margin-right:.5rem}.p-metergroup .p-metergroup-label{display:inline-flex;align-items:center;color:var(--black-60);gap:.5rem;font-size:.875rem;line-height:100%}.p-metergroup .p-metergroup-label .p-metergroup-label-marker{width:.5rem;height:.5rem;border-radius:100%;display:inline-flex}.p-metergroup .p-metergroup-label-icon{width:1rem;height:1rem;font-size:1rem}.p-metergroup .p-metergroup-label-list-vertical{gap:.25rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container{height:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start{margin-bottom:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end{margin-top:.5rem}.p-metergroup.p-metergroup-vertical{flex-direction:row}.p-metergroup.p-metergroup-vertical .p-metergroup-meters{width:.5rem;height:100%;flex-direction:column}.p-metergroup.p-metergroup-vertical .p-metergroup-meter{width:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start){margin-left:.5rem}.p-chip{height:1.75rem;color:var(--white-100);border-radius:.25rem;border:1px solid rgba(0,0,0,.0001);padding:0rem .5rem;background-color:var(--white-20);display:inline-flex}.p-chip.p-disabled{color:var(--white-80);border-color:var(--gray-900);background-color:var(--white-20)}.p-chip .p-chip-text{line-height:1.5;margin-top:0rem;margin-bottom:0rem}.p-chip .p-chip-icon{margin-right:.5rem}.p-chip img{width:1.5rem;height:1.5rem;margin-left:-0.75rem;margin-right:.5rem}.p-chip .p-chip-remove-icon{border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin-left:.5rem}.p-chip .p-chip-remove-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-chip .p-chip-remove-icon:focus{outline:0 none}timescircleicon svg{display:none !important}timescircleicon::after{cursor:pointer;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E") no-repeat;height:16px;width:16px;background:var(--white-100);margin-left:.5rem;content:""}.p-skeleton{background:var(--gray-900);border-radius:.5rem}.p-skeleton:after{background:linear-gradient(90deg, var(--gray-900) 0%, var(--gray-900) 40%, var(--gray-900) 75%)}.p-message{overflow:hidden;margin:0rem;border-radius:.5rem}.p-message .p-message-wrapper{padding:1rem;position:relative;display:grid;padding-left:4rem;min-height:4rem}.p-message .p-message-close{width:2rem;height:2rem;border-radius:.5rem;background:rgba(0,0,0,0);transition:background-color .2s,color .2s,box-shadow .2s;position:absolute;top:1rem;right:1rem}.p-message .p-message-close:hover{background:rgba(255,255,255,.5)}.p-message .p-message-close:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-message.p-message-info{background:var(--blue-0);border:1px solid var(--blue-800)}.p-message.p-message-info .p-message-wrapper{border-left:.25rem solid var(--blue-400)}.p-message.p-message-info .p-message-icon{color:var(--blue-400)}.p-message.p-message-info .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--blue-400)}.p-message.p-message-info .p-message-close{color:var(--blue-400);border:1px solid var(--blue-800);background:rgba(0,0,0,0)}.p-message.p-message-info .p-message-close:hover{color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-success{background:var(--green-0);border:1px solid var(--green-900)}.p-message.p-message-success .p-message-wrapper{border-left:.25rem solid var(--green-400)}.p-message.p-message-success .p-message-icon{color:var(--green-400)}.p-message.p-message-success .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--green-400)}.p-message.p-message-success .p-message-close{color:var(--green-400);border:1px solid var(--green-900);background:rgba(0,0,0,0)}.p-message.p-message-success .p-message-close:hover{color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-warn{background:var(--orange-0);border:1px solid var(--orange-800)}.p-message.p-message-warn .p-message-wrapper{border-left:.25rem solid var(--orange-400)}.p-message.p-message-warn .p-message-icon{color:var(--orange-400)}.p-message.p-message-warn .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--orange-400)}.p-message.p-message-warn .p-message-close{color:var(--orange-400);border:1px solid var(--orange-800);background:rgba(0,0,0,0)}.p-message.p-message-warn .p-message-close:hover{color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-error{background:var(--red-0);border:1px solid var(--red-800)}.p-message.p-message-error .p-message-wrapper{border-left:.25rem solid var(--red-400)}.p-message.p-message-error .p-message-icon{color:var(--red-400)}.p-message.p-message-error .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--red-400)}.p-message.p-message-error .p-message-close{color:var(--red-400);border:1px solid var(--red-800);background:rgba(0,0,0,0)}.p-message.p-message-error .p-message-close:hover{color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message .p-message-text{font-size:1rem;font-weight:normal;color:var(--white-100)}.p-message .p-message-icon{font-size:2rem;display:inline;margin-right:.5rem;position:absolute;top:1rem;left:1rem}.p-message .p-message-icon .p-icon-wrapper{display:none}.p-message .p-message-icon.p-icon{width:2rem;height:2rem}.p-message .p-message-summary{font-size:1rem;font-weight:bold;color:var(--white-100);margin-right:.25rem}.p-message .p-message-detail{font-size:.875rem;font-weight:normal;color:var(--white-80);display:block}.p-toast{opacity:1}.p-toast .p-toast-message{overflow:hidden;margin:.25rem;box-shadow:0 .25rem .25rem 0 var(--black-40);border-radius:.5rem}.p-toast .p-toast-message .p-toast-message-content{gap:1rem;padding:1rem;border-left-width:.25rem;border-left-style:solid}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text{margin:0rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon{font-size:2rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon .p-icon-wrapper{display:none}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon{width:2rem;height:2rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-summary{font-weight:bold;font-size:1rem;color:var(--white-100);margin:auto 0}.p-toast .p-toast-message .p-toast-message-content .p-toast-detail{font-weight:normal;font-size:.875rem;color:var(--white-80);margin-top:.25rem}.p-toast .p-toast-message .p-toast-icon-close{width:2rem;height:2rem;border-radius:.5rem;background:#1c1b22;transition:background-color .2s,color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-info{background:var(--blue-0);border:1px solid var(--blue-800)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-content{border-left:.25rem solid var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon{color:var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close{color:var(--blue-400);border:1px solid var(--blue-800);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover{color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-success{background:var(--green-0);border:1px solid var(--green-900)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-content{border-left:.25rem solid var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon{color:var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close{color:var(--green-400);border:1px solid var(--green-900);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover{color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-warn{background:var(--orange-0);border:1px solid var(--orange-800)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-content{border-left:.25rem solid var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon{color:var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close{color:var(--orange-400);border:1px solid var(--orange-800);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover{color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-error{background:var(--red-0);border:1px solid var(--red-800)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-content{border-left:.25rem solid var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon{color:var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close{color:var(--red-400);border:1px solid var(--red-800);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover{color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-breadcrumb{background:rgba(0,0,0,.0001);border:none;padding:0rem}.p-breadcrumb.none-separator-breadcrum .p-menuitem-separator{opacity:0}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link{transition:.2s;border-radius:.5rem;padding:.25rem}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover{background-color:var(--gray-800)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator{margin:0 .25rem;color:var(--white-100);font-size:1.25rem}.p-breadcrumb .p-breadcrumb-list li:last-child{pointer-events:none;opacity:.6}.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text{color:var(--white-80)}.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon{color:var(--white-80)}.p-menubar{display:flex;padding:.25rem;align-items:flex-end;border-radius:.5rem;border:1px solid var(--gray-900);background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-menubar .p-menuitem{width:100%;margin-top:.25rem}.p-menubar .p-menuitem:first-of-type{margin-top:0}.p-menubar .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-menubar .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--emerald-300)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--emerald-200)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-menubar .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-menubar .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-menubar [class*=list][level="0"]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.p-menubar [class*=list][level="0"]>.p-menuitem{margin:0}.p-menubar [class*=list]:not([level="0"]){min-width:8rem;z-index:2}.p-menubar [class*=list][level="1"]{margin-top:.25rem}.p-menubar [class*=list][level="1"].p-menuitem:first-of-type{margin-top:.25rem}.p-menubar [class*=list]:not([level="0"]):not([level="1"]){margin-left:.25rem;margin-top:-0.25rem}.p-menubar ul{margin:0;padding:0;list-style:none}.p-menubar .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-menubar .p-menuitem-text{line-height:1}.p-menubar .p-menuitem{position:relative;margin-top:.25rem}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--emerald-200);color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem.p-menuitem:first-of-type{margin-top:.25rem}.p-menubar .p-menuitem .p-submenu-list{display:none;position:absolute;z-index:2;border-radius:.5rem;border:1px solid var(--gray-900);background-color:#1c1b22}.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg){margin-left:auto}.p-menubar .p-menuitem .p-menubar-root-list .p-icon-wrapper{margin-left:auto}.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-icon-wrapper{margin-left:auto}.p-menubar .p-menuitem .p-menubar-custom,.p-menubar .p-menuitem .p-menubar-end{margin-left:auto;align-self:center}.p-menubar .p-menubar-root-list{display:flex;align-items:center;flex-wrap:nowrap}.p-menubar .p-menubar-root-list>li ul{display:none;z-index:1}@media screen and (min-width: 960px){.p-menubar .p-submenu-list>.p-menuitem-active>p-menubarsub>.p-submenu-list{display:block;left:100%;top:0}.p-menubar .p-menubar-root-list>.p-menuitem-active>p-menubarsub>.p-submenu-list{display:block}}.p-menubar .p-menubar-button{display:none;cursor:pointer;align-items:center;justify-content:center}@media screen and (max-width: 960px){.p-menubar{position:relative;align-items:center}.p-menubar .p-menubar-button{display:flex;width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-menubar .p-menubar-button:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-menubar .p-menubar-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-menubar .p-menubar-button.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-menubar .p-menuitem-active[aria-expanded=false] .p-submenu-list{display:none}.p-menubar .p-menuitem-active[aria-expanded=true]>p-menubarsub>.p-submenu-list{display:block;position:relative;left:auto;top:auto;border:0}.p-menubar [aria-expanded=true]+p-menubarsub .p-menubar-root-list{display:block}.p-menubar .p-menubar-root-list{position:absolute;left:0;top:100%;display:none;flex-direction:column;min-width:8rem;border:1px solid var(--gray-900);padding:.25rem;margin-top:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40);border-radius:.5rem;z-index:2}.p-menubar .p-menubar-root-list [aria-expanded=false] .p-submenu-icon{transform:rotate(-90deg)}.p-menubar .p-submenu-list{width:100%;display:none;border:none;border-radius:0;margin:0 !important;padding:.25rem 0 0 .75rem;border-radius:.5rem;box-shadow:none}.p-menubar .p-submenu-list [aria-expanded=false] .p-submenu-icon{transform:rotate(0deg)}.p-menubar .p-submenu-list [aria-expanded=true] .p-submenu-icon{transform:rotate(90deg)}}.p-megamenu [class*=header]{color:var(--white-80);font-size:.875rem;font-weight:bold;text-transform:uppercase;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-megamenu [class*=header][data-p-disabled=true]{color:var(--white-80);background-color:var(--white-20);border-color:var(--gray-900)}.p-megamenu [class*=grid]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem;width:max-content;border-radius:.5rem;border:1px solid var(--gray-900);padding:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-megamenu [class*=col]{display:flex;flex-grow:1;width:auto;padding:0}.p-megamenu .p-menuitem{width:100%;margin-top:.25rem}.p-megamenu .p-menuitem:first-of-type{margin-top:0}.p-megamenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--emerald-300)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--emerald-200)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-megamenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-megamenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-megamenu-horizontal{display:flex}.p-megamenu-horizontal [class*=root]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.p-megamenu-horizontal [class*=root]>.p-menuitem{margin:0}.p-megamenu-horizontal [class*=grid]{margin-top:.25rem}.p-megamenu-vertical{display:flex}.p-megamenu-vertical [class*=root]{display:flex;flex-direction:column}.p-megamenu-vertical [class*=grid]{margin-left:.25rem}@media screen and (max-width: 960px){.p-megamenu{position:relative}.p-megamenu .p-megamenu-button{display:flex;width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-megamenu .p-megamenu-button:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-megamenu .p-megamenu-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-megamenu .p-megamenu-button.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-megamenu [aria-expanded=false]+[class*=root]{display:none}.p-megamenu [class*=root]{position:absolute;left:0;top:100%;display:flex;flex-direction:column;min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-900);padding:.25rem;margin-top:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40);z-index:2}.p-megamenu [class*=panel]{width:100%;position:static}.p-megamenu [class*=grid]{display:flex;flex-direction:column;border:none;border-radius:0;margin:0 !important;padding:.25rem 0 0 .75rem;box-shadow:none}.p-megamenu [class*=grid] [class*=list]{width:100%}.p-megamenu-horizontal [aria-expanded=false] .p-submenu-icon{transform:rotate(-90deg)}.p-megamenu-vertical [aria-expanded=true] .p-submenu-icon{transform:rotate(90deg)}}.p-menu [class*=header]{color:var(--white-80);font-size:.875rem;font-weight:bold;text-transform:uppercase;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-menu [class*=header][data-p-disabled=true]{color:var(--white-80);background-color:var(--white-20);border-color:var(--gray-900)}.p-menu .p-menuitem{width:100%;margin-top:.25rem}.p-menu .p-menuitem:first-of-type{margin-top:0}.p-menu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-menu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--emerald-300)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--emerald-200)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-menu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-menu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-menu .p-menuitem[data-p-disabled=true] .p-disabled{opacity:.6}.p-menu-overlay{min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-900);padding:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40);z-index:2}.p-tieredmenu{display:flex}.p-tieredmenu [class*=root]{display:flex;flex-direction:column}.p-tieredmenu [data-pc-section=menu]{border-radius:.5rem;border:1px solid var(--gray-900);background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-tieredmenu .p-menuitem{width:100%;margin-top:.25rem}.p-tieredmenu .p-menuitem:first-of-type{margin-top:0}.p-tieredmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--emerald-300)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--emerald-200)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-tieredmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-tabmenu .p-tabmenu-nav{background:rgba(0,0,0,.0001);border-bottom:1px solid var(--gray-900)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem{margin-right:1.5rem}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{background:rgba(0,0,0,.0001);color:var(--white-80);font-weight:normal;border-bottom:.25rem solid rgba(0,0,0,.0001);padding:1rem 0rem;margin:0;transition:.2s}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon{margin-right:.5rem}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link{background:rgba(0,0,0,.0001);border-color:rgba(0,0,0,.0001);color:var(--emerald-300)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{background:rgba(0,0,0,.0001);border-color:var(--emerald-300);color:var(--emerald-300)}.p-tabmenu .p-tabmenu-nav-btn.p-link{background:#1c1b22;color:var(--white-80);width:2.5rem;box-shadow:0px 0px 10px 50px var(--white-60);border-radius:0}.p-tabmenu .p-tabmenu-nav-btn.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-tabmenu .p-tabmenu-nav-btn.p-link:hover{color:var(--emerald-300)}.p-tabmenu .p-tabmenu-nav-container>.p-tabmenu-nav-content>.p-tabmenu-nav{white-space:nowrap;width:max-content}.p-panelmenu[data-pc-section=root]{display:flex;flex-direction:column;gap:.25rem}.p-panelmenu [data-pc-section=header]{padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(0,0,0,.0001);background-color:rgba(0,0,0,.0001)}.p-panelmenu [data-pc-section=header] .p-panelmenu-header-action{display:flex;gap:.5rem}.p-panelmenu [data-pc-section=header] .p-panelmenu-header-link{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.p-panelmenu [data-pc-section=header] .p-menuitem-text{color:var(--white-80)}.p-panelmenu [data-pc-section=header] .p-menuitem-icon{color:var(--white-80)}.p-panelmenu [data-pc-section=header] .p-submenu-icon{color:var(--white-80)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover{cursor:pointer;background-color:var(--gray-800)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-text{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-submenu-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true]{background-color:var(--emerald-300)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-text{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-submenu-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover{cursor:pointer;background-color:var(--emerald-200)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-text{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-submenu-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][data-p-disabled=true]{background-color:var(--white-20);border-color:var(--gray-900)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-icon{color:var(--white-80)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-text{color:var(--white-80)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-submenu-icon{color:var(--white-80)}.p-panelmenu [data-pc-section=menu]{padding:.25rem 0 0 .75rem}.p-panelmenu [data-pc-section=submenu]{padding:.25rem 0 0 .75rem}.p-panelmenu .p-menuitem{width:100%;margin-top:.25rem}.p-panelmenu .p-menuitem:first-of-type{margin-top:0}.p-panelmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-panelmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--emerald-300)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--emerald-200)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-panelmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled){pointer-events:none;opacity:.6}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-link{pointer-events:none;background-color:var(--white-20);border-color:var(--gray-900);opacity:1}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-icon{color:var(--white-80)}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-text{color:var(--white-80)}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-submenu-icon{color:var(--white-80)}.p-contextmenu [class*=list]{min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-900);padding:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40);z-index:2}.p-contextmenu [class*=list]:not([class*=root]){margin-top:-0.25rem;margin-left:.25rem}.p-contextmenu .p-menuitem{width:100%;margin-top:.25rem}.p-contextmenu .p-menuitem:first-of-type{margin-top:0}.p-contextmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--emerald-300)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--emerald-200)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-contextmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled{opacity:.6}@media screen and (max-width: 767px){.p-contextmenu [aria-expanded=true]>.p-menuitem-content .p-submenu-icon{transform:rotate(90deg)}.p-contextmenu [class*=list]:not([class*=root]){border-radius:0;border:none;padding-left:.75rem !important;margin:0;margin-top:.25rem;background-color:rgba(0,0,0,0);box-shadow:none}}.p-steps{overflow:hidden;overflow-x:auto}.p-steps .p-steps-item{display:flex;justify-content:center}.p-steps .p-steps-item .p-menuitem-link{display:flex;flex-direction:row;align-items:center;gap:.5rem;border-radius:0;padding:0 .5rem;background:#1c1b22;transition:.2s;z-index:1}.p-steps .p-steps-item .p-menuitem-link .p-steps-number{color:var(--white-100);font-weight:500;border:1px solid var(--gray-900);background:#1c1b22;min-width:1.5rem;height:1.5rem;line-height:1.5rem;font-size:1rem;z-index:1;border-radius:8rem}.p-steps .p-steps-item .p-menuitem-link .p-steps-title{color:var(--white-100);font-weight:500}.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-steps .p-steps-item.p-highlight:not(:has(~.p-highlight)) .p-steps-number{background:var(--emerald-300);color:var(--black-80);border-color:rgba(0,0,0,0)}.p-steps .p-steps-item.p-highlight:not(:has(~.p-highlight)) .p-steps-title{color:var(--white-100)}.p-steps .p-steps-item.p-disabled{opacity:1}.p-steps .p-steps-item.p-disabled .p-steps-number,.p-steps .p-steps-item.p-disabled .p-steps-title{opacity:.6}.p-steps .p-steps-item:before{content:" ";border-top:1px solid var(--gray-900);width:100%;top:50%;left:0;display:block;position:absolute}.p-steps .p-steps-item:first-of-type{justify-content:flex-start}.p-steps .p-steps-item:first-of-type .p-menuitem-link{padding-left:0}.p-steps .p-steps-item:last-of-type{justify-content:flex-end}.p-steps .p-steps-item:last-of-type .p-menuitem-link{padding-right:0}.p-timeline .p-timeline-event-content{color:var(--white-100)}.p-timeline .p-timeline-event-opposite,.p-timeline .p-timeline-event-content{line-height:1}.p-timeline .p-timeline-event-marker{border:.25rem solid var(--emerald-300);border-radius:8rem;width:1rem;height:1rem;background-color:#1c1b22}.p-timeline .p-timeline-event-connector{background-color:var(--gray-900)}.p-timeline.p-timeline-vertical .p-timeline-event-opposite,.p-timeline.p-timeline-vertical .p-timeline-event-content{padding:0rem .5rem}.p-timeline.p-timeline-vertical .p-timeline-event-connector{width:1px}.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,.p-timeline.p-timeline-horizontal .p-timeline-event-content{padding:.5rem 0rem}.p-timeline.p-timeline-horizontal .p-timeline-event-connector{height:1px}.p-carousel .p-carousel-content .p-carousel-prev,.p-carousel .p-carousel-content .p-carousel-next{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin:.5rem}.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,.p-carousel .p-carousel-content .p-carousel-next:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,.p-carousel .p-carousel-content .p-carousel-next:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-carousel .p-carousel-content .p-carousel-prev.p-disabled,.p-carousel .p-carousel-content .p-carousel-next.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-carousel .p-carousel-indicators{padding:1rem}.p-carousel .p-carousel-indicators .p-carousel-indicator{margin-right:.5rem}.p-carousel .p-carousel-indicators .p-carousel-indicator:last-of-type{margin-right:0}.p-carousel .p-carousel-indicators .p-carousel-indicator button{background-color:var(--gray-900);width:.5rem;height:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:1rem}.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover{background:var(--gray-600)}.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background:var(--gray-600);color:#1c1b22}.p-datatable table{border-collapse:separate}.p-datatable .p-paginator-top{border-width:1px 0 1px 0;border-radius:0}.p-datatable .p-paginator-bottom{border-width:0 0 0 0;border-radius:0}.p-datatable .p-datatable-header{background:var(--gray-0);color:var(--white-100);border:1px solid var(--gray-900);border-width:0 0 1px 0;padding:1rem 1rem;font-weight:500}.p-datatable .p-datatable-footer{background:var(--gray-0);color:var(--white-100);border:1px solid var(--gray-900);border-width:0 0 1px 0;padding:1rem 1rem;font-weight:500}.p-datatable .p-datatable-thead>tr>th{text-align:left;padding:1rem 1rem;border:1px solid var(--gray-900);border-width:0 0 1px 0;font-weight:500;color:var(--white-100);background:var(--gray-0);transition:.2s}.p-datatable .p-datatable-tfoot>tr>td{text-align:left;padding:1rem 1rem;border:1px solid var(--gray-900);border-width:0 0 1px 0;font-weight:500;color:var(--white-100);background:var(--gray-0)}.p-datatable .p-sortable-column p-sorticon{vertical-align:middle}.p-datatable .p-sortable-column p-sorticon sortalticon>svg,.p-datatable .p-sortable-column p-sorticon sortamountupalticon>svg,.p-datatable .p-sortable-column p-sorticon sortamountdownicon>svg{display:none}.p-datatable .p-sortable-column p-sorticon sortalticon::after,.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after,.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after{width:1.25rem;height:1.25rem;color:var(--white-100);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.p-datatable .p-sortable-column p-sorticon sortalticon::after{content:""}.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after{content:"";color:var(--emerald-300)}.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after{content:"";color:var(--emerald-300)}.p-datatable .p-sortable-column .p-sortable-column-badge{border-radius:50%;height:1.25rem;min-width:1.25rem;line-height:1.25rem;color:var(--black-80);background:var(--emerald-300);margin-left:.5rem}.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon{color:var(--white-100)}.p-datatable .p-sortable-column.p-highlight{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{color:var(--emerald-300)}.p-datatable .p-sortable-column:focus-visible{box-shadow:0 0 0 .25rem var(--emerald-800);outline:0 none}.p-datatable .p-datatable-tbody>tr{background:#1c1b22;color:var(--white-100);transition:.2s}.p-datatable .p-datatable-tbody>tr>td{text-align:left;border:1px solid var(--gray-900);border-width:0 0 1px 0;padding:1rem 1rem}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save{margin-right:.5rem}.p-datatable .p-datatable-tbody>tr>td>.p-column-title{font-weight:500}.p-datatable .p-datatable-tbody>tr>td.p-highlight{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-datatable-tbody>tr.p-highlight{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-datatable-tbody>tr.p-highlight-contextmenu{outline:.15rem solid var(--emerald-800);outline-offset:-0.15rem}.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-top>td{box-shadow:inset 0 2px 0 0 var(--emerald-300)}.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td{box-shadow:inset 0 -2px 0 0 var(--emerald-300)}.p-datatable .p-datatable-tbody>tr .pi-chevron-right::before,.p-datatable .p-datatable-tbody>tr .pi-chevron-down::before{color:var(--white-80);font-size:1rem}.p-datatable .p-datatable-frozen-tbody>tr>td{background:var(--gray-0)}.p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover{background:var(--gray-800);color:var(--white-100)}.p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:focus-visible{outline:.15rem solid var(--emerald-800);outline-offset:-0.15rem}.p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:not(.p-highlight):hover{background:var(--gray-800);color:var(--white-100)}.p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:focus-visible{outline:.15rem solid var(--emerald-800);outline-offset:-0.15rem}.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):not(.p-datatable-emptymessage):hover{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-column-resizer-helper{background:var(--gray-900)}.p-datatable .p-datatable-scrollable-header,.p-datatable .p-datatable-scrollable-footer{background:#1c1b22}.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-thead,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-tfoot,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-thead,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-tfoot{background-color:var(--gray-0)}.p-datatable .p-datatable-loading-icon{font-size:2rem}.p-datatable .p-datatable-loading-icon.p-icon{width:2rem;height:2rem}.p-datatable.p-datatable-gridlines .p-datatable-header{border-width:1px 1px 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-footer{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-paginator-top{border-width:0 1px 0 1px}.p-datatable.p-datatable-gridlines .p-paginator-bottom{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th:last-child{border-width:1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td{border-width:1px 0 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td:last-child{border-width:1px 1px 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td:last-child{border-width:1px}.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td:last-child{border-width:1px 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td{border-width:0 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td:last-child{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td{border-width:0 0 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td:last-child{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td{border-width:0 0 0 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td:last-child{border-width:0 1px 0 1px}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even){background:var(--gray-0)}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even).p-highlight{background:var(--gray-800);color:var(--white-100)}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even)+.p-row-expanded{background:var(--gray-0)}.p-datatable.p-datatable-sm .p-datatable-header{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-thead>tr>th{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-tfoot>tr>td{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-footer{padding:.5rem .5rem}.p-datatable.p-datatable-lg .p-datatable-header{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-thead>tr>th{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-tbody>tr>td{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-footer{padding:1.25rem 1.25rem}.p-datatable-drag-selection-helper{background:var(--gray-800)}.p-column-filter-overlay{display:flex;flex-direction:column;gap:.25rem;background-color:#1c1b22;padding:.25rem;border:1px solid var(--gray-900);border-radius:.5rem}.p-column-filter-constraint,.p-column-filter-constraints{display:flex;flex-direction:column;gap:.25rem}.p-column-filter-buttonbar{display:flex;gap:.25rem}[data-pc-section=filterremove]{display:none}[data-pc-section=filterremove]:has(.p-column-filter-remove-button){display:block}.p-column-filter-menu-button,.p-column-filter-clear-button{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;vertical-align:middle}.p-column-filter-menu-button:enabled:hover,.p-column-filter-clear-button:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-column-filter-menu-button:focus-visible,.p-column-filter-clear-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-column-filter-menu-button.p-disabled,.p-column-filter-clear-button.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-column-filter-menu-button filtericon>svg,.p-column-filter-menu-button filterslashicon>svg,.p-column-filter-clear-button filtericon>svg,.p-column-filter-clear-button filterslashicon>svg{display:none}.p-column-filter-menu-button filtericon::after,.p-column-filter-menu-button filterslashicon::after,.p-column-filter-clear-button filtericon::after,.p-column-filter-clear-button filterslashicon::after{color:var(--white-100);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2;-webkit-font-smoothing:antialiased}.p-column-filter-menu-button filtericon::after,.p-column-filter-clear-button filtericon::after{content:""}.p-column-filter-menu-button filterslashicon::after,.p-column-filter-clear-button filterslashicon::after{content:""}.p-column-filter-menu-button.p-column-filter-menu-button-active,.p-column-filter-clear-button.p-column-filter-menu-button-active{background-color:var(--emerald-300);color:var(--black-80)}.p-column-filter-menu-button.p-column-filter-menu-button-active filtericon::after,.p-column-filter-menu-button.p-column-filter-menu-button-active filterslashicon::after,.p-column-filter-clear-button.p-column-filter-menu-button-active filtericon::after,.p-column-filter-clear-button.p-column-filter-menu-button-active filterslashicon::after{color:var(--black-80)}.p-column-filter-menu-button.p-column-filter-menu-button-active:hover,.p-column-filter-clear-button.p-column-filter-menu-button-active:hover{background-color:var(--emerald-200);color:var(--black-80)}.p-column-filter-row{gap:.5rem}.p-column-filter-row-item{color:var(--white-80);padding:.5rem .75rem;margin-top:.25rem;background-color:rgba(0,0,0,.0001);border-radius:.5rem;border:1px solid rgba(0,0,0,.0001)}.p-column-filter-row-item:first-of-type{margin:0}.p-column-filter-row-item:not(.p-highlight):hover{color:var(--white-100);background-color:var(--gray-800)}.p-column-filter-row-item.p-highlight{color:var(--black-80);background-color:var(--emerald-300)}.p-column-filter-row-item.p-highlight:hover{background-color:var(--emerald-200)}.p-column-filter-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-datatable-reorderablerow-handle{color:var(--white-80)}.p-datatable-reorderablerow-handle::before{content:"" !important;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2;-webkit-font-smoothing:antialiased}.p-paginator{background:rgba(0,0,0,.0001);color:var(--white-100);border:solid rgba(0,0,0,.0001);border-width:0;padding:.5rem 0rem;border-radius:.5rem}.p-paginator .p-paginator-first,.p-paginator .p-paginator-prev,.p-paginator .p-paginator-next,.p-paginator .p-paginator-last{background-color:rgba(0,0,0,.0001);border:1px solid rgba(0,0,0,.0001);color:var(--white-80);min-width:2.5rem;height:2.5rem;margin:.25rem;transition:.2s;border-radius:.5rem}.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover{background:var(--gray-800);border-color:rgba(0,0,0,.0001);color:var(--white-100)}.p-paginator .p-paginator-first.p-disabled:not(.p-highlight),.p-paginator .p-paginator-prev.p-disabled:not(.p-highlight),.p-paginator .p-paginator-next.p-disabled:not(.p-highlight),.p-paginator .p-paginator-last.p-disabled:not(.p-highlight){background:var(--white-20);border-color:var(--gray-900);color:var(--white-80)}.p-paginator .p-paginator-first{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-paginator .p-paginator-last{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-paginator .p-dropdown{margin-left:.5rem;height:2.5rem}.p-paginator .p-dropdown .p-dropdown-label{padding-right:0}.p-paginator .p-paginator-page-input{margin-left:.5rem;margin-right:.5rem}.p-paginator .p-paginator-page-input .p-inputtext{max-width:2.5rem}.p-paginator .p-paginator-current{background-color:rgba(0,0,0,.0001);border:1px solid rgba(0,0,0,.0001);color:var(--white-80);min-width:2.5rem;height:2.5rem;margin:.25rem;padding:0 .5rem}.p-paginator .p-paginator-pages .p-paginator-page{background-color:rgba(0,0,0,.0001);border:1px solid rgba(0,0,0,.0001);color:var(--white-80);min-width:2.5rem;height:2.5rem;margin:.25rem;transition:.2s;border-radius:.5rem}.p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:var(--emerald-300);border-color:var(--emerald-300);color:var(--black-80)}.p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover{background:var(--emerald-200);border-color:var(--emerald-200)}.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover{background:var(--gray-800);border-color:rgba(0,0,0,.0001);color:var(--white-100)}.p-galleria .p-galleria-close{margin:.5rem;background:rgba(0,0,0,.0001);color:var(--white-60);width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem}.p-galleria .p-galleria-close .p-galleria-close-icon{font-size:2rem}.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon{width:2rem;height:2rem}.p-galleria .p-galleria-close:hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-item-nav{background:rgba(0,0,0,.0001);color:var(--white-60);width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem;margin:.5rem}.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon{font-size:2rem}.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon{width:2rem;height:2rem}.p-galleria .p-galleria-item-nav:not(.p-disabled):hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-caption{background:var(--black-60);color:var(--white-80)}.p-galleria .p-galleria-caption-title{padding:0 1rem}.p-galleria .p-galleria-indicators{padding:1rem;line-height:0}.p-galleria .p-galleria-indicators .p-galleria-indicator button{background-color:var(--white-40);width:.5rem;height:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:1rem}.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover{background:var(--white-80)}.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button{background:var(--white-80);color:var(--black-80)}.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,.p-galleria.p-galleria-indicators-top .p-galleria-indicator{margin-right:.5rem}.p-galleria.p-galleria-indicators-left .p-galleria-indicator,.p-galleria.p-galleria-indicators-right .p-galleria-indicator{margin-bottom:.5rem}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators{background:rgba(0,0,0,.0001)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button{background:var(--white-40)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover{background:var(--white-80)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button{background:var(--white-80);color:#1c1b22}.p-galleria .p-galleria-thumbnail-container{background:var(--black-100);padding:.5rem .5rem;gap:.5rem}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next{background-color:rgba(0,0,0,.0001);color:var(--white-60);width:2rem;height:2rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content{transition:.2s;width:100%;height:100%}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-800);caret-color:var(--emerald-300)}.p-galleria-mask{--maskbg: var(--black-40)}.p-galleria-thumbnail-item{overflow:hidden;height:4rem}.p-fileupload-dnd .p-fileupload,.p-fileupload-button .p-fileupload{width:100%;display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd.p-fileupload-advanced,.p-fileupload-button.p-fileupload-advanced{display:flex;flex-direction:column;align-items:flex-start}.p-fileupload-dnd .p-fileupload-content,.p-fileupload-button .p-fileupload-content{width:100%;display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd .p-fileupload-content>p-progressbar,.p-fileupload-dnd .p-fileupload-content p-messages,.p-fileupload-button .p-fileupload-content>p-progressbar,.p-fileupload-button .p-fileupload-content p-messages{display:none}.p-fileupload-dnd .p-orderlist-controls,.p-fileupload-button .p-orderlist-controls{display:none}.p-fileupload-dnd .p-fileupload-files,.p-fileupload-button .p-fileupload-files{display:none}.p-fileupload-dnd .p-fileupload-info-button,.p-fileupload-button .p-fileupload-info-button{width:2.5rem;display:inline-flex;justify-content:center;align-items:center;color:var(--blue-400)}.p-fileupload-dnd .p-orderlist-list-container,.p-fileupload-button .p-orderlist-list-container{display:flex;flex-direction:column;width:100%}.p-fileupload-dnd .p-orderlist-list-container .p-orderlist-list,.p-fileupload-button .p-orderlist-list-container .p-orderlist-list{overflow:hidden;min-height:0px}.p-fileupload-dnd .p-fileupload-progress-spinner,.p-fileupload-button .p-fileupload-progress-spinner{width:1.25rem;height:1.25rem}.p-fileupload-dnd .p-fileupload-item-row,.p-fileupload-button .p-fileupload-item-row{padding:.25rem .25rem .25rem .5rem;border-radius:.5rem;border:1px solid rgba(0,0,0,.0001)}.p-fileupload-dnd .p-fileupload-item-row:hover,.p-fileupload-button .p-fileupload-item-row:hover{background:var(--gray-800)}.p-fileupload-dnd .p-fileupload-item-row.error,.p-fileupload-button .p-fileupload-item-row.error{border-color:var(--red-400)}.p-fileupload-dnd .p-fileupload-item-row.error .file-icon,.p-fileupload-button .p-fileupload-item-row.error .file-icon{color:var(--red-400)}.p-fileupload-dnd .p-dataview-content,.p-fileupload-dnd .p-orderlist-list,.p-fileupload-button .p-dataview-content,.p-fileupload-button .p-orderlist-list{display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd .p-fileupload-buttonbar{width:100%;border-radius:.5rem;background:var(--gray-alpha);border:1px dashed var(--gray-900);padding:1.5rem 1.5rem 1rem}.p-fileupload-dnd .p-fileupload-buttonbar button{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.p-fileupload-dnd .p-fileupload-buttonbar button>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.p-fileupload-dnd .p-fileupload-buttonbar:hover{cursor:pointer;border-color:var(--emerald-300)}.p-fileupload-dnd .p-fileupload-buttonbar:hover i{color:var(--emerald-300)}.hover\:border-primary:hover {
-  border-color: var(--primary-color);
-}.hover\:bg-blue-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}.hover\:bg-purple-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
-}.hover\:text-primary:hover {
-  color: var(--primary-color);
-}.hover\:underline:hover {
-  text-decoration-line: underline;
-}@media (min-width: 1px) {
-
-  .sm\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .sm\:\!w-15 {
-    width: 15rem !important;
-  }
-
-  .sm\:\!w-16 {
-    width: 16rem !important;
-  }
-
-  .sm\:\!w-26 {
-    width: 26rem !important;
-  }
-
-  .sm\:w-auto {
-    width: auto;
-  }
-
-  .sm\:flex-row {
-    flex-direction: row;
-  }
-
-  .sm\:flex-col {
-    flex-direction: column;
-  }
-
-  .sm\:items-start {
-    align-items: flex-start;
-  }
-
-  .sm\:items-end {
-    align-items: flex-end;
-  }
-
-  .sm\:items-center {
-    align-items: center;
-  }
-
-  .sm\:gap-2 {
-    gap: 0.5rem;
-  }
-
-  .sm\:p-8 {
-    padding: 2rem;
-  }
-}@media (min-width: 768px) {
-
-  .md\:col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .md\:col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .md\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .md\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .md\:ml-auto {
-    margin-left: auto;
-  }
-
-  .md\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .md\:block {
-    display: block;
-  }
-
-  .md\:flex {
-    display: flex;
-  }
-
-  .md\:hidden {
-    display: none;
-  }
-
-  .md\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .md\:\!w-15 {
-    width: 15rem !important;
-  }
-
-  .md\:\!w-20 {
-    width: 20rem !important;
-  }
-
-  .md\:\!w-30 {
-    width: 30rem !important;
-  }
-
-  .md\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .md\:\!w-8\/12 {
-    width: 66.666667% !important;
-  }
-
-  .md\:w-2 {
-    width: 2rem;
-  }
-
-  .md\:w-5 {
-    width: 5rem;
-  }
-
-  .md\:flex-initial {
-    flex: 0 1 auto;
-  }
-
-  .md\:flex-row {
-    flex-direction: row;
-  }
-
-  .md\:flex-col {
-    flex-direction: column;
-  }
-
-  .md\:items-end {
-    align-items: flex-end;
-  }
-
-  .md\:items-center {
-    align-items: center;
-  }
-
-  .md\:justify-start {
-    justify-content: flex-start;
-  }
-
-  .md\:justify-center {
-    justify-content: center;
-  }
-
-  .md\:justify-between {
-    justify-content: space-between;
-  }
-
-  .md\:gap-8 {
-    gap: 2rem;
-  }
-}@media (min-width: 1200px) {
-
-  .lg\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .lg\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .lg\:flex {
-    display: flex;
-  }
-
-  .lg\:\!w-3\/12 {
-    width: 25% !important;
-  }
-
-  .lg\:\!w-4\/12 {
-    width: 33.333333% !important;
-  }
-
-  .lg\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .lg\:gap-0 {
-    gap: 0px;
-  }
-
-  .lg\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
-  .lg\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .lg\:pr-8 {
-    padding-right: 2rem;
-  }
-}@media (min-width: 1280px) {
-
-  .xl\:block {
-    display: block;
-  }
-
-  .xl\:flex {
-    display: flex;
-  }
-
-  .xl\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .xl\:\!w-3\/12 {
-    width: 25% !important;
-  }
-
-  .xl\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .xl\:\!w-9\/12 {
-    width: 75% !important;
-  }
-
-  .xl\:w-6 {
-    width: 6rem;
-  }
-
-  .xl\:flex-row {
-    flex-direction: row;
-  }
-
-  .xl\:items-start {
-    align-items: flex-start;
-  }
-
-  .xl\:justify-center {
-    justify-content: center;
-  }
-
-  .xl\:pt-0 {
-    padding-top: 0px;
-  }
-
-  .xl\:text-left {
-    text-align: left;
-  }
-}
diff --git a/src-storybook/assets/themes/brand-dark-secondary/theme.css b/src-storybook/assets/themes/brand-dark-secondary/theme.css
deleted file mode 100644
index d93445c..0000000
--- a/src-storybook/assets/themes/brand-dark-secondary/theme.css
+++ /dev/null
@@ -1,9924 +0,0 @@
-@charset "UTF-8";
-*, ::before, ::after{
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-::backdrop{
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*/
-/*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-::before,
-::after {
-  --tw-content: '';
-}
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: Roboto, sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-/*
-Remove the default font size and weight for headings.
-*/
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-/*
-Add the correct font weight in Edge and Safari.
-*/
-b,
-strong {
-  font-weight: bolder;
-}
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-/*
-Add the correct font size in all browsers.
-*/
-small {
-  font-size: 80%;
-}
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-button,
-select {
-  text-transform: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-:-moz-focusring {
-  outline: auto;
-}
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-progress {
-  vertical-align: baseline;
-}
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-/*
-Add the correct display in Chrome and Safari.
-*/
-summary {
-  display: list-item;
-}
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-legend {
-  padding: 0;
-}
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-/*
-Prevent resizing textareas horizontally by default.
-*/
-textarea {
-  resize: vertical;
-}
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-/*
-Set the default cursor for buttons.
-*/
-button,
-[role="button"] {
-  cursor: pointer;
-}
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}
-.container{
-  width: 100%;
-}
-@media (min-width: 1px){
-  .container{
-    max-width: 1px;
-  }
-}
-@media (min-width: 768px){
-  .container{
-    max-width: 768px;
-  }
-}
-@media (min-width: 1200px){
-  .container{
-    max-width: 1200px;
-  }
-}
-@media (min-width: 1280px){
-  .container{
-    max-width: 1280px;
-  }
-}
-@media (min-width: 1536px){
-  .container{
-    max-width: 1536px;
-  }
-}
-.pointer-events-none{
-  pointer-events: none;
-}
-.\!visible{
-  visibility: visible !important;
-}
-.visible{
-  visibility: visible;
-}
-.collapse{
-  visibility: collapse;
-}
-.static{
-  position: static;
-}
-.fixed{
-  position: fixed;
-}
-.absolute{
-  position: absolute;
-}
-.relative{
-  position: relative;
-}
-.sticky{
-  position: sticky;
-}
-.left-0{
-  left: 0px;
-}
-.right-0{
-  right: 0px;
-}
-.top-0{
-  top: 0px;
-}
-.top-auto{
-  top: auto;
-}
-.z-1{
-  z-index: 1;
-}
-.col-span-12{
-  grid-column: span 12 / span 12;
-}
-.col-span-2{
-  grid-column: span 2 / span 2;
-}
-.col-span-6{
-  grid-column: span 6 / span 6;
-}
-.col-span-8{
-  grid-column: span 8 / span 8;
-}
-.m-0{
-  margin: 0px;
-}
-.m-2{
-  margin: 0.5rem;
-}
-.m-3{
-  margin: 0.75rem;
-}
-.m-auto{
-  margin: auto;
-}
-.mx-0{
-  margin-left: 0px;
-  margin-right: 0px;
-}
-.mx-1{
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}
-.mx-2{
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.mx-3{
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}
-.mx-4{
-  margin-left: 1rem;
-  margin-right: 1rem;
-}
-.mx-auto{
-  margin-left: auto;
-  margin-right: auto;
-}
-.my-2{
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.my-3{
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}
-.my-4{
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-.my-5{
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}
-.-ml-5{
-  margin-left: -1.25rem;
-}
-.-mr-1{
-  margin-right: -0.25rem;
-}
-.-mr-8{
-  margin-right: -2rem;
-}
-.-mt-4{
-  margin-top: -1rem;
-}
-.-mt-5{
-  margin-top: -1.25rem;
-}
-.mb-0{
-  margin-bottom: 0px;
-}
-.mb-1{
-  margin-bottom: 0.25rem;
-}
-.mb-2{
-  margin-bottom: 0.5rem;
-}
-.mb-3{
-  margin-bottom: 0.75rem;
-}
-.mb-4{
-  margin-bottom: 1rem;
-}
-.mb-5{
-  margin-bottom: 1.25rem;
-}
-.mb-6{
-  margin-bottom: 1.5rem;
-}
-.mb-8{
-  margin-bottom: 2rem;
-}
-.ml-1{
-  margin-left: 0.25rem;
-}
-.ml-2{
-  margin-left: 0.5rem;
-}
-.ml-3{
-  margin-left: 0.75rem;
-}
-.ml-5{
-  margin-left: 1.25rem;
-}
-.ml-8{
-  margin-left: 2rem;
-}
-.ml-auto{
-  margin-left: auto;
-}
-.mr-1{
-  margin-right: 0.25rem;
-}
-.mr-2{
-  margin-right: 0.5rem;
-}
-.mr-3{
-  margin-right: 0.75rem;
-}
-.mr-4{
-  margin-right: 1rem;
-}
-.mr-5{
-  margin-right: 1.25rem;
-}
-.mt-0{
-  margin-top: 0px;
-}
-.mt-1{
-  margin-top: 0.25rem;
-}
-.mt-2{
-  margin-top: 0.5rem;
-}
-.mt-3{
-  margin-top: 0.75rem;
-}
-.mt-4{
-  margin-top: 1rem;
-}
-.mt-5{
-  margin-top: 1.25rem;
-}
-.mt-6{
-  margin-top: 1.5rem;
-}
-.mt-7{
-  margin-top: 1.75rem;
-}
-.mt-8{
-  margin-top: 2rem;
-}
-.mt-auto{
-  margin-top: auto;
-}
-.block{
-  display: block;
-}
-.inline-block{
-  display: inline-block;
-}
-.\!inline{
-  display: inline !important;
-}
-.inline{
-  display: inline;
-}
-.flex{
-  display: flex;
-}
-.inline-flex{
-  display: inline-flex;
-}
-.table{
-  display: table;
-}
-.table-cell{
-  display: table-cell;
-}
-.grid{
-  display: grid;
-}
-.contents{
-  display: contents;
-}
-.hidden{
-  display: none;
-}
-.\!h-1{
-  height: 1rem !important;
-}
-.\!h-10{
-  height: 10rem !important;
-}
-.\!h-12{
-  height: 12rem !important;
-}
-.\!h-14{
-  height: 14rem !important;
-}
-.\!h-2{
-  height: 2rem !important;
-}
-.\!h-20{
-  height: 20rem !important;
-}
-.\!h-3{
-  height: 3rem !important;
-}
-.\!h-30{
-  height: 30rem !important;
-}
-.\!h-4{
-  height: 4rem !important;
-}
-.\!h-5{
-  height: 5rem !important;
-}
-.\!h-6{
-  height: 6rem !important;
-}
-.\!h-8{
-  height: 8rem !important;
-}
-.h-4{
-  height: 4rem;
-}
-.h-full{
-  height: 100%;
-}
-.h-screen{
-  height: 100vh;
-}
-.\!w-1{
-  width: 1rem !important;
-}
-.\!w-10{
-  width: 10rem !important;
-}
-.\!w-12{
-  width: 12rem !important;
-}
-.\!w-14{
-  width: 14rem !important;
-}
-.\!w-15{
-  width: 15rem !important;
-}
-.\!w-18{
-  width: 18rem !important;
-}
-.\!w-2{
-  width: 2rem !important;
-}
-.\!w-20{
-  width: 20rem !important;
-}
-.\!w-25{
-  width: 25rem !important;
-}
-.\!w-3{
-  width: 3rem !important;
-}
-.\!w-3\/12{
-  width: 25% !important;
-}
-.\!w-30{
-  width: 30rem !important;
-}
-.\!w-4{
-  width: 4rem !important;
-}
-.\!w-4\/12{
-  width: 33.333333% !important;
-}
-.\!w-6{
-  width: 6rem !important;
-}
-.\!w-6\/12{
-  width: 50% !important;
-}
-.\!w-7\/12{
-  width: 58.333333% !important;
-}
-.\!w-8{
-  width: 8rem !important;
-}
-.\!w-8\/12{
-  width: 66.666667% !important;
-}
-.\!w-9{
-  width: 9rem !important;
-}
-.\!w-9\/12{
-  width: 75% !important;
-}
-.w-1{
-  width: 1rem;
-}
-.w-13{
-  width: 13rem;
-}
-.w-9{
-  width: 9rem;
-}
-.w-full{
-  width: 100%;
-}
-.min-w-0{
-  min-width: 0px;
-}
-.max-w-full{
-  max-width: 100%;
-}
-.flex-1{
-  flex: 1 1 0%;
-}
-.flex-auto{
-  flex: 1 1 auto;
-}
-.flex-shrink-0{
-  flex-shrink: 0;
-}
-.shrink{
-  flex-shrink: 1;
-}
-.flex-grow{
-  flex-grow: 1;
-}
-.grow{
-  flex-grow: 1;
-}
-.origin-top{
-  transform-origin: top;
-}
-.transform{
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.cursor-pointer{
-  cursor: pointer;
-}
-.select-none{
-  user-select: none;
-}
-.resize{
-  resize: both;
-}
-.list-none{
-  list-style-type: none;
-}
-.grid-cols-12{
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}
-.flex-row{
-  flex-direction: row;
-}
-.flex-row-reverse{
-  flex-direction: row-reverse;
-}
-.flex-col{
-  flex-direction: column;
-}
-.flex-wrap{
-  flex-wrap: wrap;
-}
-.items-start{
-  align-items: flex-start;
-}
-.items-end{
-  align-items: flex-end;
-}
-.items-center{
-  align-items: center;
-}
-.justify-start{
-  justify-content: flex-start;
-}
-.justify-end{
-  justify-content: flex-end;
-}
-.justify-center{
-  justify-content: center;
-}
-.justify-between{
-  justify-content: space-between;
-}
-.gap-1{
-  gap: 0.25rem;
-}
-.gap-2{
-  gap: 0.5rem;
-}
-.gap-3{
-  gap: 0.75rem;
-}
-.gap-4{
-  gap: 1rem;
-}
-.gap-5{
-  gap: 1.25rem;
-}
-.gap-6{
-  gap: 1.5rem;
-}
-.gap-8{
-  gap: 2rem;
-}
-.overflow-auto{
-  overflow: auto;
-}
-.overflow-hidden{
-  overflow: hidden;
-}
-.overflow-visible{
-  overflow: visible;
-}
-.overflow-x-auto{
-  overflow-x: auto;
-}
-.overflow-y-auto{
-  overflow-y: auto;
-}
-.overflow-y-hidden{
-  overflow-y: hidden;
-}
-.whitespace-nowrap{
-  white-space: nowrap;
-}
-.rounded{
-  border-radius: 0.25rem;
-}
-.rounded-2xl{
-  border-radius: 1rem;
-}
-.rounded-3xl{
-  border-radius: 1.5rem;
-}
-.rounded-full{
-  border-radius: 9999px;
-}
-.rounded-xl{
-  border-radius: 0.75rem;
-}
-.border{
-  border-width: 1px;
-}
-.border-1{
-  border-width: 1px;
-}
-.border-2{
-  border-width: 2px;
-}
-.border-solid{
-  border-style: solid;
-}
-.border-dashed{
-  border-style: dashed;
-}
-.border-none{
-  border-style: none;
-}
-.border-blue-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}
-.border-color{
-  border-color: var(--text-color);
-}
-.border-indigo-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
-}
-.border-orange-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
-}
-.border-pink-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
-}
-.border-primary{
-  border-color: var(--primary-color);
-}
-.border-teal-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
-}
-.border-transparent{
-  border-color: transparent;
-}
-.bg-black{
-  background-color: var(--black-100);
-}
-.bg-blue-400{
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}
-.bg-blue-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
-}
-.bg-blue-600{
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}
-.bg-gray-900{
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
-}
-.bg-green-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
-}
-.bg-indigo-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
-}
-.bg-orange-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
-}
-.bg-pink-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
-}
-.bg-primary{
-  background-color: var(--primary-color);
-}
-.bg-primary-600{
-  background-color: var(--primary-600);
-}
-.bg-purple-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
-}
-.bg-surface-50{
-  background-color: var(--surface-50);
-}
-.bg-teal-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
-}
-.bg-transparent{
-  background-color: transparent;
-}
-.bg-white{
-  background-color: var(--white-100);
-}
-.bg-cover{
-  background-size: cover;
-}
-.object-cover{
-  object-fit: cover;
-}
-.\!p-0{
-  padding: 0px !important;
-}
-.p-0{
-  padding: 0px;
-}
-.p-1{
-  padding: 0.25rem;
-}
-.p-2{
-  padding: 0.5rem;
-}
-.p-3{
-  padding: 0.75rem;
-}
-.p-4{
-  padding: 1rem;
-}
-.p-5{
-  padding: 1.25rem;
-}
-.p-8{
-  padding: 2rem;
-}
-.px-0{
-  padding-left: 0px;
-  padding-right: 0px;
-}
-.px-1{
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-.px-10{
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}
-.px-12{
-  padding-left: 3rem;
-  padding-right: 3rem;
-}
-.px-2{
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.px-3{
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-.px-4{
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-.px-5{
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
-.px-8{
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-.py-0{
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.py-1{
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-.py-2{
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-.py-3{
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-.py-4{
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-.py-5{
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}
-.py-6{
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-.py-8{
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-.pb-0{
-  padding-bottom: 0px;
-}
-.pb-3{
-  padding-bottom: 0.75rem;
-}
-.pb-4{
-  padding-bottom: 1rem;
-}
-.pb-5{
-  padding-bottom: 1.25rem;
-}
-.pl-0{
-  padding-left: 0px;
-}
-.pl-2{
-  padding-left: 0.5rem;
-}
-.pl-3{
-  padding-left: 0.75rem;
-}
-.pr-0{
-  padding-right: 0px;
-}
-.pr-3{
-  padding-right: 0.75rem;
-}
-.pr-4{
-  padding-right: 1rem;
-}
-.pr-5{
-  padding-right: 1.25rem;
-}
-.pr-6{
-  padding-right: 1.5rem;
-}
-.pt-1{
-  padding-top: 0.25rem;
-}
-.pt-3{
-  padding-top: 0.75rem;
-}
-.pt-4{
-  padding-top: 1rem;
-}
-.pt-5{
-  padding-top: 1.25rem;
-}
-.pt-6{
-  padding-top: 1.5rem;
-}
-.pt-7{
-  padding-top: 1.75rem;
-}
-.pt-8{
-  padding-top: 2rem;
-}
-.text-left{
-  text-align: left;
-}
-.text-center{
-  text-align: center;
-}
-.text-right{
-  text-align: right;
-}
-.text-2xl{
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-.text-3xl{
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}
-.text-4xl{
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}
-.text-5xl{
-  font-size: 3rem;
-  line-height: 1;
-}
-.text-6xl{
-  font-size: 3.75rem;
-  line-height: 1;
-}
-.text-7xl{
-  font-size: 4.5rem;
-  line-height: 1;
-}
-.text-8xl{
-  font-size: 6rem;
-  line-height: 1;
-}
-.text-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-.text-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-.text-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.text-xl{
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-.text-xs{
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-.font-bold{
-  font-weight: 700;
-}
-.font-medium{
-  font-weight: 500;
-}
-.font-normal{
-  font-weight: 400;
-}
-.font-semibold{
-  font-weight: 600;
-}
-.uppercase{
-  text-transform: uppercase;
-}
-.lowercase{
-  text-transform: lowercase;
-}
-.leading{
-  line-height: normal;
-}
-.leading-auto{
-  line-height: 1.2;
-}
-.leading-none{
-  line-height: 1;
-}
-.leading-normal{
-  line-height: 1.5;
-}
-.text-blue-500{
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}
-.text-color{
-  color: var(--text-color);
-}
-.text-color-secondary{
-  color: var(--text-color-secondary);
-}
-.text-gray-900{
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}
-.text-green-500{
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
-}
-.text-green-600{
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
-}
-.text-help{
-  color: var(--purple-400);
-}
-.text-indigo-200{
-  --tw-text-opacity: 1;
-  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
-}
-.text-indigo-500{
-  --tw-text-opacity: 1;
-  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
-}
-.text-info{
-  color: var(--blue-400);
-}
-.text-primary{
-  color: var(--primary-color);
-}
-.text-primary-50{
-  color: var(--primary-50);
-}
-.text-primary-500{
-  color: var(--primary-500);
-}
-.text-primary-700{
-  color: var(--primary-700);
-}
-.text-red-500{
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}
-.text-slate-500{
-  --tw-text-opacity: 1;
-  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
-}
-.text-white{
-  color: var(--white-100);
-}
-.text-yellow-500{
-  --tw-text-opacity: 1;
-  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
-}
-.line-through{
-  text-decoration-line: line-through;
-}
-.no-underline{
-  text-decoration-line: none;
-}
-.antialiased{
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.opacity-20{
-  opacity: 0.2;
-}
-.shadow{
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.outline{
-  outline-style: solid;
-}
-.outline-color{
-  outline-color: var(--text-color);
-}
-.blur{
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.grayscale{
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.filter{
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.backdrop-filter{
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-.transition{
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-all{
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-colors{
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.duration-300{
-  transition-duration: 300ms;
-}
-.ease-in{
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-.ease-out{
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.title-h1{
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h2{
-  font-size: 1.5rem;
-  line-height: 2rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h3{
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h4{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h5{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h6{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.subtitle-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}
-.subtitle-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}
-.subtitle-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}
-.subtitle-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}
-.subtitle-sm-secondary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}
-.subtitle-sm-primary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}
-.caption{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.caption-secondary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.caption-primary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.caption-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.caption-secondary-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.caption-primary-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.service-danger-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}
-.service-danger-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}
-.service-warning-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}
-.service-warning-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}
-.service-success-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}
-.service-success-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}
-.service-info-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.service-info-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.service-help-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.service-help-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.anchor-base:hover{
-  text-decoration-line: underline;
-}
-.anchor-base:visited{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-base:visited:hover{
-  text-decoration-line: underline;
-}
-.anchor-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.anchor-sm:hover{
-  text-decoration-line: underline;
-}
-.anchor-sm:visited{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-sm:visited:hover{
-  text-decoration-line: underline;
-}
-:root {
-  --emerald-0: color-mix(in srgb, color-mix(in srgb, #29C075, #fff 76%), #000 80%);
-  --emerald-50: color-mix(in srgb, #29C075, #fff 95%);
-  --emerald-100: color-mix(in srgb, #29C075, #fff 76%);
-  --emerald-200: color-mix(in srgb, #29C075, #fff 57%);
-  --emerald-300: color-mix(in srgb, #29C075, #fff 38%);
-  --emerald-400: color-mix(in srgb, #29C075, #fff 19%);
-  --emerald-500: color-mix(in srgb, #29C075, #fff 0%);
-  --emerald-600: color-mix(in srgb, #29C075, #000 15%);
-  --emerald-700: color-mix(in srgb, #29C075, #000 30%);
-  --emerald-800: color-mix(in srgb, #29C075, #000 45%);
-  --emerald-900: color-mix(in srgb, #29C075, #000 60%);
-  --emerald-alpha: color-mix(in srgb, #29C075 10%, transparent);
-  --citrine-0: color-mix(in srgb, color-mix(in srgb, #FA8606, #fff 76%), #000 80%);
-  --citrine-50: color-mix(in srgb, #FA8606, #fff 95%);
-  --citrine-100: color-mix(in srgb, #FA8606, #fff 76%);
-  --citrine-200: color-mix(in srgb, #FA8606, #fff 57%);
-  --citrine-300: color-mix(in srgb, #FA8606, #fff 38%);
-  --citrine-400: color-mix(in srgb, #FA8606, #fff 19%);
-  --citrine-500: color-mix(in srgb, #FA8606, #fff 0%);
-  --citrine-600: color-mix(in srgb, #FA8606, #000 15%);
-  --citrine-700: color-mix(in srgb, #FA8606, #000 30%);
-  --citrine-800: color-mix(in srgb, #FA8606, #000 45%);
-  --citrine-900: color-mix(in srgb, #FA8606, #000 60%);
-  --citrine-alpha: color-mix(in srgb, #FA8606 10%, transparent);
-  --aquamarine-0: color-mix(in srgb, color-mix(in srgb, #14B8A6, #fff 76%), #000 80%);
-  --aquamarine-50: color-mix(in srgb, #14B8A6, #fff 95%);
-  --aquamarine-100: color-mix(in srgb, #14B8A6, #fff 76%);
-  --aquamarine-200: color-mix(in srgb, #14B8A6, #fff 57%);
-  --aquamarine-300: color-mix(in srgb, #14B8A6, #fff 38%);
-  --aquamarine-400: color-mix(in srgb, #14B8A6, #fff 19%);
-  --aquamarine-500: color-mix(in srgb, #14B8A6, #fff 0%);
-  --aquamarine-600: color-mix(in srgb, #14B8A6, #000 15%);
-  --aquamarine-700: color-mix(in srgb, #14B8A6, #000 30%);
-  --aquamarine-800: color-mix(in srgb, #14B8A6, #000 45%);
-  --aquamarine-900: color-mix(in srgb, #14B8A6, #000 60%);
-  --aquamarine-alpha: color-mix(in srgb, #14B8A6 10%, transparent);
-  --amethyst-0: color-mix(in srgb, color-mix(in srgb, #7254F3, #fff 76%), #000 80%);
-  --amethyst-50: color-mix(in srgb, #7254F3, #fff 95%);
-  --amethyst-100: color-mix(in srgb, #7254F3, #fff 76%);
-  --amethyst-200: color-mix(in srgb, #7254F3, #fff 57%);
-  --amethyst-300: color-mix(in srgb, #7254F3, #fff 38%);
-  --amethyst-400: color-mix(in srgb, #7254F3, #fff 19%);
-  --amethyst-500: color-mix(in srgb, #7254F3, #fff 0%);
-  --amethyst-600: color-mix(in srgb, #7254F3, #000 15%);
-  --amethyst-700: color-mix(in srgb, #7254F3, #000 30%);
-  --amethyst-800: color-mix(in srgb, #7254F3, #000 45%);
-  --amethyst-900: color-mix(in srgb, #7254F3, #000 60%);
-  --amethyst-alpha: color-mix(in srgb, #7254F3 10%, transparent);
-  --purple-0: color-mix(in srgb, color-mix(in srgb, #9757D7, #fff 76%), #000 80%);
-  --purple-50: color-mix(in srgb, #9757D7, #fff 95%);
-  --purple-100: color-mix(in srgb, #9757D7, #fff 76%);
-  --purple-200: color-mix(in srgb, #9757D7, #fff 57%);
-  --purple-300: color-mix(in srgb, #9757D7, #fff 38%);
-  --purple-400: color-mix(in srgb, #9757D7, #fff 19%);
-  --purple-500: color-mix(in srgb, #9757D7, #fff 0%);
-  --purple-600: color-mix(in srgb, #9757D7, #000 15%);
-  --purple-700: color-mix(in srgb, #9757D7, #000 30%);
-  --purple-800: color-mix(in srgb, #9757D7, #000 45%);
-  --purple-900: color-mix(in srgb, #9757D7, #000 60%);
-  --purple-alpha: color-mix(in srgb, #9757D7 10%, transparent);
-  --blue-0: color-mix(in srgb, color-mix(in srgb, #1F8CEB, #fff 76%), #000 80%);
-  --blue-50: color-mix(in srgb, #1F8CEB, #fff 95%);
-  --blue-100: color-mix(in srgb, #1F8CEB, #fff 76%);
-  --blue-200: color-mix(in srgb, #1F8CEB, #fff 57%);
-  --blue-300: color-mix(in srgb, #1F8CEB, #fff 38%);
-  --blue-400: color-mix(in srgb, #1F8CEB, #fff 19%);
-  --blue-500: color-mix(in srgb, #1F8CEB, #fff 0%);
-  --blue-600: color-mix(in srgb, #1F8CEB, #000 15%);
-  --blue-700: color-mix(in srgb, #1F8CEB, #000 30%);
-  --blue-800: color-mix(in srgb, #1F8CEB, #000 45%);
-  --blue-900: color-mix(in srgb, #1F8CEB, #000 60%);
-  --blue-alpha: color-mix(in srgb, #1F8CEB 10%, transparent);
-  --green-0: color-mix(in srgb, color-mix(in srgb, #45B24E, #fff 76%), #000 80%);
-  --green-50: color-mix(in srgb, #45B24E, #fff 95%);
-  --green-100: color-mix(in srgb, #45B24E, #fff 76%);
-  --green-200: color-mix(in srgb, #45B24E, #fff 57%);
-  --green-300: color-mix(in srgb, #45B24E, #fff 38%);
-  --green-400: color-mix(in srgb, #45B24E, #fff 19%);
-  --green-500: color-mix(in srgb, #45B24E, #fff 0%);
-  --green-600: color-mix(in srgb, #45B24E, #000 15%);
-  --green-700: color-mix(in srgb, #45B24E, #000 30%);
-  --green-800: color-mix(in srgb, #45B24E, #000 45%);
-  --green-900: color-mix(in srgb, #45B24E, #000 60%);
-  --green-alpha: color-mix(in srgb, #45B24E 10%, transparent);
-  --orange-0: color-mix(in srgb, color-mix(in srgb, #FFA100, #fff 76%), #000 80%);
-  --orange-50: color-mix(in srgb, #FFA100, #fff 95%);
-  --orange-100: color-mix(in srgb, #FFA100, #fff 76%);
-  --orange-200: color-mix(in srgb, #FFA100, #fff 57%);
-  --orange-300: color-mix(in srgb, #FFA100, #fff 38%);
-  --orange-400: color-mix(in srgb, #FFA100, #fff 19%);
-  --orange-500: color-mix(in srgb, #FFA100, #fff 0%);
-  --orange-600: color-mix(in srgb, #FFA100, #000 15%);
-  --orange-700: color-mix(in srgb, #FFA100, #000 30%);
-  --orange-800: color-mix(in srgb, #FFA100, #000 45%);
-  --orange-900: color-mix(in srgb, #FFA100, #000 60%);
-  --orange-alpha: color-mix(in srgb, #FFA100 10%, transparent);
-  --red-0: color-mix(in srgb, color-mix(in srgb, #DB4C3F, #fff 76%), #000 80%);
-  --red-50: color-mix(in srgb, #DB4C3F, #fff 95%);
-  --red-100: color-mix(in srgb, #DB4C3F, #fff 76%);
-  --red-200: color-mix(in srgb, #DB4C3F, #fff 57%);
-  --red-300: color-mix(in srgb, #DB4C3F, #fff 38%);
-  --red-400: color-mix(in srgb, #DB4C3F, #fff 19%);
-  --red-500: color-mix(in srgb, #DB4C3F, #fff 0%);
-  --red-600: color-mix(in srgb, #DB4C3F, #000 15%);
-  --red-700: color-mix(in srgb, #DB4C3F, #000 30%);
-  --red-800: color-mix(in srgb, #DB4C3F, #000 45%);
-  --red-900: color-mix(in srgb, #DB4C3F, #000 60%);
-  --red-alpha: color-mix(in srgb, #DB4C3F 10%, transparent);
-  --gray-0: color-mix(in srgb, color-mix(in srgb, #ABAAA9, #fff 76%), #000 80%);
-  --gray-50: color-mix(in srgb, #ABAAA9, #fff 95%);
-  --gray-100: color-mix(in srgb, #ABAAA9, #fff 76%);
-  --gray-200: color-mix(in srgb, #ABAAA9, #fff 57%);
-  --gray-300: color-mix(in srgb, #ABAAA9, #fff 38%);
-  --gray-400: color-mix(in srgb, #ABAAA9, #fff 19%);
-  --gray-500: color-mix(in srgb, #ABAAA9, #fff 0%);
-  --gray-600: color-mix(in srgb, #ABAAA9, #000 15%);
-  --gray-700: color-mix(in srgb, #ABAAA9, #000 30%);
-  --gray-800: color-mix(in srgb, #ABAAA9, #000 45%);
-  --gray-900: color-mix(in srgb, #ABAAA9, #000 60%);
-  --gray-alpha: color-mix(in srgb, #ABAAA9 10%, transparent);
-  --black-10: color-mix(in srgb, #000 10%, transparent) ;
-  --black-20: color-mix(in srgb, #000 20%, transparent) ;
-  --black-30: color-mix(in srgb, #000 30%, transparent) ;
-  --black-40: color-mix(in srgb, #000 40%, transparent) ;
-  --black-50: color-mix(in srgb, #000 50%, transparent) ;
-  --black-60: color-mix(in srgb, #000 60%, transparent) ;
-  --black-70: color-mix(in srgb, #000 70%, transparent) ;
-  --black-80: color-mix(in srgb, #000 80%, transparent) ;
-  --black-90: color-mix(in srgb, #000 90%, transparent) ;
-  --black-100: color-mix(in srgb, #000 100%, transparent) ;
-  --white-10: color-mix(in srgb, #fff 10%, transparent) ;
-  --white-20: color-mix(in srgb, #fff 20%, transparent) ;
-  --white-30: color-mix(in srgb, #fff 30%, transparent) ;
-  --white-40: color-mix(in srgb, #fff 40%, transparent) ;
-  --white-50: color-mix(in srgb, #fff 50%, transparent) ;
-  --white-60: color-mix(in srgb, #fff 60%, transparent) ;
-  --white-70: color-mix(in srgb, #fff 70%, transparent) ;
-  --white-80: color-mix(in srgb, #fff 80%, transparent) ;
-  --white-90: color-mix(in srgb, #fff 90%, transparent) ;
-  --white-100: color-mix(in srgb, #fff 100%, transparent) ;
-  --font-family: Roboto, Inter, Helvetica, Arial, sans-serif;
-  --text-color: var(--white-100);
-  --text-color-secondary: var(--white-80);
-  --primary-color: var(--citrine-300);
-  --primary-color-text: var(--black-80);
-  --primary-0: var(--citrine-0);
-  --primary-900: var(--citrine-900);
-  --primary-800: var(--citrine-800);
-  --primary-700: var(--citrine-700);
-  --primary-600: var(--citrine-600);
-  --primary-500: var(--citrine-500);
-  --primary-400: var(--citrine-400);
-  --primary-300: var(--citrine-300);
-  --primary-200: var(--citrine-200);
-  --primary-100: var(--citrine-100);
-  --primary-50: var(--citrine-50);
-  --primary-alpha: var(--citrine-alpha);
-  --surface-0: var(--gray-50);
-  --surface-50: var(--gray-0);
-  --surface-100: var(--gray-900);
-  --surface-200: var(--gray-800);
-  --surface-300: var(--gray-700);
-  --surface-400: var(--gray-600);
-  --surface-500: var(--gray-600);
-  --surface-600: var(--gray-400);
-  --surface-700: var(--gray-300);
-  --surface-800: var(--gray-200);
-  --surface-900: var(--gray-100);
-  --content-padding: 1rem;
-  --inline-spacing: 0.5rem;
-  --border-radius: 0.5rem;
-  --surface-ground: #1c1b22;
-  --surface-section: var(--gray-alpha);
-  --surface-card: #1c1b22;
-  --surface-overlay: var(--black-40);
-  --surface-border: var(--gray-900);
-  --surface-hover: var(--gray-800);
-  --focus-ring: 0 0 0 0.25rem var(--citrine-800);
-  --maskbg: var(--black-40);
-  --highlight-bg: var(--citrine-300);
-  --highlight-text-color: var(--black-80);
-  color-scheme: dark;
-}
-
-@media only screen and (min-resolution: 100dpi) and (max-resolution: 199dpi) {
-  html, body {
-    font-size: 12px;
-  }
-}
-@media only screen and (min-resolution: 200dpi) and (max-resolution: 499dpi) {
-  html, body {
-    font-size: 14px;
-  }
-}
-@media only screen and (min-resolution: 500dpi) {
-  html, body {
-    font-size: 16px;
-  }
-}
-* {
-  box-sizing: border-box;
-}
-
-html {
-  font-size: 14px;
-  font-family: var(--font-family);
-}
-
-::selection {
-  color: var(--black-80);
-  background-color: var(--citrine-300);
-}
-
-.p-component {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  font-weight: normal;
-}
-
-.p-component-overlay {
-  background-color: var(--black-40);
-  transition-duration: 0.2s;
-  padding: 0.5rem;
-}
-
-.p-disabled,
-.p-component:disabled {
-  pointer-events: all;
-  cursor: not-allowed;
-  opacity: 0.6;
-  filter: grayscale(1);
-}
-
-.p-placeholder {
-  opacity: 0.6;
-}
-
-.p-error {
-  color: var(--red-400);
-}
-
-.p-text-secondary {
-  color: var(--white-80);
-}
-
-.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-.p-link {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-}
-.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-
-.p-component-overlay-enter {
-  animation: p-component-overlay-enter-animation 150ms forwards;
-}
-
-.p-component-overlay-leave {
-  animation: p-component-overlay-leave-animation 150ms forwards;
-}
-
-@keyframes p-component-overlay-enter-animation {
-  from {
-    background-color: transparent;
-  }
-  to {
-    background-color: var(--maskbg);
-  }
-}
-@keyframes p-component-overlay-leave-animation {
-  from {
-    background-color: var(--maskbg);
-  }
-  to {
-    background-color: transparent;
-  }
-}
-
-::-webkit-scrollbar {
-  width: 9px;
-  height: 9px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--white-20);
-  border-radius: 4.5px;
-}
-
-::-webkit-scrollbar-track {
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-
-::-webkit-scrollbar-track:hover {
-  background-color: var(--gray-800);
-}
-
-p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext,
-p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext,
-p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect,
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext,
-p-dropdown.ng-dirty.ng-invalid > .p-dropdown,
-p-inputmask.ng-dirty.ng-invalid > .p-inputtext,
-p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext,
-p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider,
-.p-inputtext.ng-dirty.ng-invalid,
-p-listbox.ng-dirty.ng-invalid > .p-listbox,
-p-multiselect.ng-dirty.ng-invalid > .p-multiselect,
-p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext,
-p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box,
-p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button,
-p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button,
-p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
-  border-color: var(--red-400) !important;
-  box-shadow: 0 0 0 0.25rem var(--red-800) !important;
-}
-
-.p-progress-spinner-circle {
-  stroke: var(--citrine-300);
-}
-
-.p-overflow-hidden {
-  overflow: hidden;
-  padding-right: var(--scrollbar-width);
-}
-
-@layer primeng {
-  .p-component,
-  .p-component * {
-    box-sizing: border-box;
-  }
-  .p-hidden {
-    display: none;
-  }
-  .p-hidden-space {
-    visibility: hidden;
-  }
-  .p-hidden-accessible {
-    border: 0;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-  }
-  .p-hidden-accessible input,
-  .p-hidden-accessible select {
-    transform: scale(0);
-  }
-  .p-reset {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    outline: 0;
-    text-decoration: none;
-    font-size: 100%;
-    list-style: none;
-  }
-  .p-disabled,
-  .p-disabled * {
-    cursor: default !important;
-    pointer-events: none;
-  }
-  .p-component-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-  .p-unselectable-text {
-    user-select: none;
-  }
-  .p-scrollbar-measure {
-    width: 100px;
-    height: 100px;
-    overflow: scroll;
-    position: absolute;
-    top: -9999px;
-  }
-  @keyframes p-fadein {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-  input[type=button],
-  input[type=submit],
-  input[type=reset],
-  input[type=file]::-webkit-file-upload-button,
-  button {
-    border-radius: 0;
-  }
-  .p-link {
-    text-align: left;
-    background-color: transparent;
-    margin: 0;
-    padding: 0;
-    border: none;
-    cursor: pointer;
-    user-select: none;
-  }
-  .p-link:disabled {
-    cursor: default;
-  }
-  .p-sr-only {
-    border: 0;
-    clip: rect(1px, 1px, 1px, 1px);
-    clip-path: inset(50%);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-    word-wrap: normal !important;
-  }
-  /* Non ng overlay animations */
-  .p-connected-overlay {
-    opacity: 0;
-    transform: scaleY(0.8);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  .p-connected-overlay-visible {
-    opacity: 1;
-    transform: scaleY(1);
-  }
-  .p-connected-overlay-hidden {
-    opacity: 0;
-    transform: scaleY(1);
-    transition: opacity 0.1s linear;
-  }
-  .p-toggleable-content.ng-animating {
-    overflow: hidden;
-  }
-  .p-icon-wrapper {
-    display: inline-flex;
-  }
-  .p-icon {
-    display: inline-block;
-  }
-  .p-icon-spin {
-    animation: p-icon-spin 2s infinite linear;
-  }
-}
-@keyframes p-icon-spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(359deg);
-  }
-}
-.p-togglebutton.p-button.p-highlight.p-disabled, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-disabled {
-  color: var(--white-80);
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-
-.p-button {
-  height: 2.5rem;
-  display: flex;
-  gap: 0.5rem;
-  font-size: 1rem;
-  font-weight: 700;
-  color: var(--black-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  padding: 0rem 1rem;
-  background: var(--citrine-300);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-button .p-button-label {
-  transition-duration: 0.2s;
-}
-.p-button .p-button-icon {
-  font-size: 1.25rem;
-}
-.p-button.p-button-rounded {
-  border-radius: 100px;
-}
-.p-button.p-button-icon-only {
-  flex-shrink: 0;
-  width: 2.5rem;
-  padding: 0;
-}
-.p-button.p-button-icon-only:after {
-  display: none;
-}
-.p-button.p-button-icon-only .p-button-label {
-  display: none;
-}
-.p-button.p-button-sm {
-  height: 2rem;
-  font-size: 0.875rem;
-  padding: 0 0.75rem;
-}
-.p-button.p-button-sm .p-button-icon {
-  font-size: 1rem;
-}
-.p-button.p-button-sm.p-button-icon-only {
-  width: 2rem;
-  padding: 0;
-}
-.p-button.p-button-lg {
-  gap: 0.75rem;
-  height: 3.5rem;
-  font-size: 1.25rem;
-  padding: 0 1.5rem;
-}
-.p-button.p-button-lg .p-button-icon {
-  font-size: 1.5rem;
-}
-.p-button.p-button-lg.p-button-icon-only {
-  width: 3.5rem;
-  padding: 0;
-}
-.p-button:not(.p-disabled):hover {
-  background: var(--citrine-200);
-  color: var(--black-80);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button:not(.p-disabled):active {
-  background: var(--citrine-300);
-  color: var(--black-80);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-
-p-button[size=xlarge] .p-button {
-  gap: 0.75rem;
-  height: 4rem;
-  font-size: 1.75rem;
-  padding: 0 1.5rem;
-}
-p-button[size=xlarge] .p-button .p-button-icon {
-  font-size: 2rem;
-}
-p-button[size=xlarge] .p-button.p-button-icon-only {
-  width: 4rem;
-  padding: 0;
-}
-
-.p-button-outlined {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--citrine-300);
-  border-color: var(--citrine-800);
-}
-.p-button-outlined:not(.p-disabled):hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--citrine-300);
-  border-color: var(--citrine-300);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button-outlined:not(.p-disabled):active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--citrine-300);
-  border-color: var(--citrine-800);
-  box-shadow: none;
-}
-
-.p-button-text {
-  background-color: #1c1b22;
-  color: var(--citrine-300);
-}
-.p-button-text:not(.p-disabled):hover {
-  background: var(--citrine-alpha);
-  color: var(--citrine-300);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button-text:not(.p-disabled):active {
-  background: #1c1b22;
-  color: var(--citrine-300);
-  border-color: transparent;
-  box-shadow: none;
-}
-
-.p-button-group {
-  display: flex;
-}
-
-.p-fluid .p-button:not(.p-button-icon-only) {
-  width: 100%;
-}
-.p-fluid .p-button-group .p-button:not(.p-button-icon-only) {
-  flex: 1;
-}
-
-.p-button.p-button-danger,
-.p-button-group.p-button-danger > .p-button,
-.p-splitbutton.p-button-danger > .p-button,
-.p-fileupload-choose.p-button-danger {
-  color: var(--black-80);
-  background: var(--red-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-danger:not(.p-disabled):hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):hover {
-  background: var(--red-300);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-danger:not(.p-disabled):active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):active {
-  background: var(--red-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-800);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-800);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--red-400);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:hover {
-  background: var(--red-alpha);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-warning,
-.p-button-group.p-button-warning > .p-button,
-.p-splitbutton.p-button-warning > .p-button,
-.p-fileupload-choose.p-button-warning {
-  color: var(--black-80);
-  background: var(--orange-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-warning:not(.p-disabled):hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):hover {
-  background: var(--orange-300);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-warning:not(.p-disabled):active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):active {
-  background: var(--orange-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-800);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-800);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--orange-400);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:hover {
-  background: var(--orange-alpha);
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:active {
-  background: #1c1b22;
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-success,
-.p-button-group.p-button-success > .p-button,
-.p-splitbutton.p-button-success > .p-button,
-.p-fileupload-choose.p-button-success {
-  color: var(--black-80);
-  background: var(--green-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-success:not(.p-disabled):hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled):hover {
-  background: var(--green-300);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-success:not(.p-disabled):active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-success:not(.p-disabled):active {
-  background: var(--green-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-900);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-900);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--green-400);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:hover {
-  background: var(--green-alpha);
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:active {
-  background: #1c1b22;
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-info,
-.p-button-group.p-button-info > .p-button,
-.p-splitbutton.p-button-info > .p-button,
-.p-fileupload-choose.p-button-info {
-  color: var(--black-80);
-  background: var(--blue-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-info:not(.p-disabled):hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled):hover {
-  background: var(--blue-500);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-info:not(.p-disabled):active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-info:not(.p-disabled):active {
-  background: var(--blue-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-800);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-800);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--blue-400);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:hover {
-  background: var(--blue-alpha);
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:active {
-  background: #1c1b22;
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-help,
-.p-button-group.p-button-help > .p-button,
-.p-splitbutton.p-button-help > .p-button,
-.p-fileupload-choose.p-button-help {
-  color: var(--black-80);
-  background: var(--purple-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-help:not(.p-disabled):hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled):hover {
-  background: var(--purple-500);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-help:not(.p-disabled):active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-help:not(.p-disabled):active {
-  background: var(--purple-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-800);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-800);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--purple-400);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:hover {
-  background: var(--purple-alpha);
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:active {
-  background: #1c1b22;
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-inputtext {
-  min-height: 2.5rem;
-  line-height: 2.5rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--white-100);
-  background: #1c1b22;
-  padding: 0rem 0.75rem;
-  border: 1px solid var(--gray-900);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  appearance: none;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-inputtext:enabled:hover {
-  border-color: var(--citrine-300);
-}
-.p-inputtext:enabled:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-inputtext.p-invalid.p-component, .p-inputtext.ng-invalid.ng-touched {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-.p-inputtext:disabled, .p-inputtext.p-disabled {
-  background: var(--white-20);
-}
-
-.p-float-label > label {
-  left: 0.75rem;
-  color: var(--white-80);
-  transition-duration: 0.2s;
-}
-
-.p-float-label > .p-invalid + label {
-  color: var(--red-400);
-}
-
-.p-icon-field-left > .p-inputtext {
-  padding-left: 2.5rem;
-}
-
-.p-icon-field-left.p-float-label > label {
-  left: 2.5rem;
-}
-
-.p-icon-field-right > .p-inputtext {
-  padding-right: 2.5rem;
-}
-
-::-webkit-input-placeholder {
-  color: var(--white-80);
-  opacity: 0.6;
-}
-
-:-moz-placeholder {
-  color: var(--white-80);
-  opacity: 0.6;
-}
-
-::-moz-placeholder {
-  color: var(--white-80);
-  opacity: 0.6;
-}
-
-:-ms-input-placeholder {
-  color: var(--white-80);
-  opacity: 0.6;
-}
-
-.p-inputtext-lg {
-  min-height: 3.5rem;
-  line-height: 3.5rem;
-}
-
-.p-inputtextarea {
-  padding: 0.75rem;
-  line-height: normal;
-}
-
-.p-icon-field .p-inputtextarea-icon.p-input-icon {
-  top: unset;
-  margin-top: 0.5rem;
-}
-
-.p-inputotp {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.p-inputotp.error .p-inputotp-input {
-  border-color: var(--red-400);
-}
-
-.p-inputotp-input {
-  font-size: 1.5rem;
-  text-align: center;
-  width: 2.5rem;
-  border: none;
-  border-bottom: 1px solid var(--gray-900);
-  border-radius: 0;
-  background: transparent;
-}
-.p-inputotp-input:disabled, .p-inputotp-input.p-disabled {
-  background: transparent;
-}
-
-.p-inputotp-input:enabled:focus {
-  box-shadow: none;
-}
-
-.p-listbox-list-wrapper {
-  overflow: auto;
-}
-
-.p-listbox-list {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-
-.p-listbox-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  color: var(--white-80);
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: 0.2s;
-}
-.p-listbox-item:first-child {
-  margin-top: 0;
-}
-.p-listbox-item:last-child {
-  margin-bottom: 0;
-}
-.p-listbox-item.p-highlight {
-  color: var(--black-80);
-  background: var(--citrine-300);
-}
-.p-listbox-item:not(.p-highlight).p-disabled {
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background: var(--white-20);
-}
-.p-listbox-item.p-disabled {
-  cursor: not-allowed;
-  opacity: 0.6;
-  background: var(--citrine-300) !important;
-  color: var(--black-80) !important;
-  mix-blend-mode: luminosity;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-}
-.p-listbox-item.p-disabled:has(.p-checkbox) {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-listbox-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-listbox-item:has(.p-checkbox) {
-  background: #1c1b22;
-  color: var(--white-80);
-}
-.p-listbox-item:has(.p-checkbox):hover {
-  background: #000;
-}
-
-.p-listbox-item-group {
-  cursor: auto;
-}
-
-.p-listbox-filter-container {
-  position: relative;
-}
-
-.p-listbox-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-listbox-filter {
-  width: 100%;
-}
-
-.p-listbox {
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-listbox .p-listbox-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-listbox .p-listbox-header .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-listbox .p-listbox-header .p-checkbox .p-checkbox-box.p-disabled {
-  background: #1c1b22;
-}
-.p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.75rem;
-}
-.p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-.p-listbox .p-listbox-header .p-disabled + .p-listbox-filter-icon {
-  opacity: 0.6;
-}
-.p-listbox .p-listbox-list {
-  padding: 0.25rem;
-  outline: 0 none;
-}
-.p-listbox .p-listbox-list .p-listbox-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  font-weight: bold;
-}
-.p-listbox .p-listbox-list .p-listbox-empty-message {
-  text-align: center;
-  color: var(--white-80);
-  padding: 0.75rem;
-  background: rgba(0, 0, 0, 0.0001);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight.p-focus {
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: var(--citrine-300);
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:hover {
-  background: var(--citrine-200);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox).p-focus {
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover.p-focus {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-listbox.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-listbox.p-invalid {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-.p-listbox.p-disabled *.p-disabled {
-  opacity: 1;
-}
-.p-listbox.p-disabled .p-listbox-filter-icon {
-  display: none;
-}
-.p-listbox.p-disabled .p-listbox-filter.p-inputtext {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49967 2.83335C7.03555 2.83335 6.59043 3.01773 6.26224 3.34592C5.93405 3.67411 5.74967 4.11922 5.74967 4.58335V6.33335H9.24967V4.58335C9.24967 4.11922 9.0653 3.67411 8.73711 3.34592C8.40892 3.01773 7.9638 2.83335 7.49967 2.83335ZM10.4163 6.33335V4.58335C10.4163 3.80981 10.1091 3.06794 9.56207 2.52096C9.01509 1.97398 8.27322 1.66669 7.49967 1.66669C6.72613 1.66669 5.98426 1.97398 5.43728 2.52096C4.8903 3.06794 4.58301 3.80981 4.58301 4.58335V6.33335C4.11888 6.33335 3.67376 6.51773 3.34557 6.84592C3.01738 7.17411 2.83301 7.61922 2.83301 8.08335V11.5834C2.83301 12.0475 3.01738 12.4926 3.34557 12.8208C3.67376 13.149 4.11888 13.3334 4.58301 13.3334H10.4163C10.8805 13.3334 11.3256 13.149 11.6538 12.8208C11.982 12.4926 12.1663 12.0475 12.1663 11.5834V8.08335C12.1663 7.61922 11.982 7.17411 11.6538 6.84592C11.3256 6.51773 10.8805 6.33335 10.4163 6.33335ZM4.58301 7.50002C4.4283 7.50002 4.27993 7.56148 4.17053 7.67087C4.06113 7.78027 3.99967 7.92864 3.99967 8.08335V11.5834C3.99967 11.7381 4.06113 11.8864 4.17053 11.9958C4.27993 12.1052 4.4283 12.1667 4.58301 12.1667H10.4163C10.5711 12.1667 10.7194 12.1052 10.8288 11.9958C10.9382 11.8864 10.9997 11.7381 10.9997 11.5834V8.08335C10.9997 7.92864 10.9382 7.78027 10.8288 7.67087C10.7194 7.56148 10.5711 7.50002 10.4163 7.50002H4.58301ZM6.67472 9.0084C6.89351 8.7896 7.19026 8.66669 7.49967 8.66669C7.80909 8.66669 8.10584 8.7896 8.32463 9.0084C8.54342 9.22719 8.66634 9.52393 8.66634 9.83335C8.66634 10.1428 8.54343 10.4395 8.32463 10.6583C8.10584 10.8771 7.80909 11 7.49967 11C7.19026 11 6.89351 10.8771 6.67472 10.6583C6.45592 10.4395 6.33301 10.1428 6.33301 9.83335C6.33301 9.52393 6.45592 9.22719 6.67472 9.0084Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E");
-  background-position: right 0.75rem center;
-  background-repeat: no-repeat;
-}
-.p-listbox.p-disabled .p-listbox-item {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-
-.p-dropdown {
-  display: inline-flex;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-}
-.p-dropdown.p-disabled {
-  cursor: not-allowed;
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background: var(--white-20);
-}
-
-.p-dropdown-clear-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-dropdown-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-dropdown-label {
-  height: min-content;
-  margin: auto 0;
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  flex: 1 1 auto;
-  width: 1%;
-  text-overflow: ellipsis;
-  cursor: pointer;
-}
-
-.p-dropdown-label-empty {
-  overflow: hidden;
-  opacity: 0;
-}
-
-input.p-dropdown-label {
-  cursor: default;
-}
-
-.p-dropdown .p-dropdown-panel {
-  min-width: 100%;
-}
-
-.p-dropdown-panel {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.p-dropdown-items-wrapper {
-  overflow: auto;
-}
-
-.p-dropdown-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--white-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(0, 0, 0, 0.0001);
-  transition: 0.2s;
-}
-.p-dropdown-item:first-child {
-  margin-top: 0;
-}
-.p-dropdown-item:last-child {
-  margin-bottom: 0;
-}
-.p-dropdown-item.p-highlight {
-  color: var(--black-80);
-  background: var(--citrine-300);
-}
-.p-dropdown-item.p-highlight:hover {
-  background: var(--citrine-200);
-}
-.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-dropdown-item:not(.p-highlight).p-disabled {
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background: var(--white-20);
-}
-.p-dropdown-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-dropdown-item .p-dropdown-check-icon {
-  position: relative;
-  margin-left: -0.5rem;
-  margin-right: 0.5rem;
-}
-
-.p-dropdown-item-group {
-  cursor: auto;
-}
-
-.p-dropdown-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-dropdown-filter {
-  width: 100%;
-}
-
-.p-dropdown-filter-container {
-  position: relative;
-}
-
-.p-dropdown-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-fluid .p-dropdown {
-  display: flex;
-}
-
-.p-fluid .p-dropdown .p-dropdown-label {
-  width: 1%;
-}
-
-.p-dropdown {
-  background: #1c1b22;
-  border: 1px solid var(--gray-900);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-dropdown:not(.p-disabled):hover {
-  border-color: var(--citrine-300);
-}
-.p-dropdown:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-dropdown.p-dropdown-clearable .p-dropdown-label {
-  padding-right: 1.75rem;
-}
-.p-dropdown .p-dropdown-label {
-  background: transparent;
-  border: 0 none;
-}
-.p-dropdown .p-dropdown-label.p-placeholder {
-  color: var(--white-80);
-}
-.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
-  outline: 0 none;
-  box-shadow: none;
-}
-.p-dropdown .p-dropdown-trigger {
-  background: transparent;
-  color: var(--white-100);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-dropdown .p-dropdown-clear-icon {
-  color: var(--white-100);
-  right: 2.5rem;
-}
-.p-dropdown.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-dropdown-panel {
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  margin-top: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-dropdown-panel .p-dropdown-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.75rem;
-  margin-right: -1.75rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-.p-dropdown-panel .p-dropdown-items {
-  padding: 0.25rem;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  font-weight: bold;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
-  color: var(--white-80);
-  text-align: center;
-  padding: 0.5rem 0.75rem;
-  background: rgba(0, 0, 0, 0.0001);
-}
-
-.p-multiselect {
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  user-select: none;
-}
-
-.p-multiselect-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-multiselect-label-container {
-  cursor: pointer;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-}
-
-.p-multiselect-clearable .p-multiselect-label-container {
-  padding-right: 1.75rem;
-}
-
-.p-multiselect-clearable .p-multiselect-clear-icon {
-  right: 2.5rem;
-}
-
-.p-multiselect-label {
-  display: block;
-  white-space: nowrap;
-  cursor: pointer;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.p-multiselect-label-empty {
-  overflow: hidden;
-  visibility: hidden;
-}
-
-.p-multiselect-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-  margin-right: 0.25rem;
-}
-
-.p-multiselect-token-icon {
-  cursor: pointer;
-}
-
-.p-multiselect .p-multiselect-panel {
-  min-width: 100%;
-}
-
-.p-multiselect-items-wrapper {
-  overflow: auto;
-}
-
-.p-multiselect-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-multiselect-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--white-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(0, 0, 0, 0.0001);
-  transition: 0.2s;
-}
-.p-multiselect-item:not(.p-disabled):hover, .p-multiselect-item:not(.p-disabled).p-focus {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-multiselect-item:not(.p-highlight).p-disabled {
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background: var(--white-20);
-}
-.p-multiselect-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-multiselect-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-
-.p-multiselect-item-group {
-  cursor: auto;
-}
-
-.p-multiselect-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.p-multiselect-filter-container {
-  position: relative;
-  flex: 1 1 auto;
-}
-
-.p-multiselect-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-multiselect-filter-container .p-inputtext {
-  width: 100%;
-}
-
-.p-multiselect-close {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  overflow: hidden;
-  position: relative;
-  margin-left: auto;
-}
-
-.p-fluid .p-multiselect {
-  display: flex;
-}
-
-.p-multiselect {
-  background: #1c1b22;
-  border: 1px solid var(--gray-900);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-multiselect.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--white-20);
-}
-.p-multiselect:not(.p-disabled):hover {
-  border-color: var(--citrine-300);
-}
-.p-multiselect:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-multiselect .p-multiselect-label {
-  color: var(--white-100);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect .p-multiselect-label.p-placeholder {
-  color: var(--white-80);
-  padding: 0rem 0.75rem;
-  padding-left: 0.5rem;
-}
-.p-multiselect:not(.p-multiselect-chip) .p-multiselect-label {
-  padding: 0rem 0.75rem;
-  line-height: 2.5rem;
-}
-.p-multiselect.p-multiselect-chip {
-  min-height: 2.5rem;
-  padding: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token {
-  padding: 0rem 0.5rem;
-  background: var(--white-20);
-  color: var(--white-100);
-  border-radius: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
-  margin-left: 0.5rem;
-}
-.p-multiselect .p-multiselect-trigger {
-  background: transparent;
-  color: var(--white-100);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-multiselect.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-multiselect-panel {
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  margin-top: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-  border: 1px solid transparent;
-  border-bottom: 0;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.75rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-.p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  margin-left: 0.5rem;
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-multiselect-panel .p-multiselect-items {
-  padding: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  font-weight: bold;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-}
-
-.p-password .p-icon-wrapper {
-  right: 0.75rem;
-  top: 50%;
-  cursor: pointer;
-  fill: var(--white-100);
-}
-.p-password.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-.p-password .p-input-icon {
-  cursor: pointer;
-  color: var(--white-100);
-  right: 0.75rem;
-}
-.p-password.p-disabled {
-  opacity: 1;
-}
-.p-password.p-disabled .p-input-icon {
-  opacity: 0.6;
-}
-
-.p-input-icon-right input {
-  padding-right: 2.5rem;
-}
-
-.p-icon-field .p-password-icon.p-input-icon {
-  right: 0.75rem;
-  top: 20% !important;
-}
-
-.p-password-input {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  min-height: 2.5rem;
-  padding: 0 0.75rem;
-  align-items: center;
-}
-
-.text-feedback {
-  display: inline-flex;
-  align-items: flex-start;
-}
-.text-feedback .ti {
-  position: relative;
-  bottom: 1px;
-}
-
-.text-feedback--default {
-  color: var(--white-100);
-}
-.text-feedback--default .ti {
-  color: var(--gray-900);
-}
-
-.text-feedback--success {
-  color: var(--green-400);
-}
-
-.text-feedback--error {
-  color: var(--red-400);
-}
-
-.p-password-panel {
-  color: var(--white-80);
-  padding: 0.75rem;
-  margin-top: 0.25rem;
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  background: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-password-panel .p-password-meter {
-  overflow: hidden;
-  height: 0.5rem;
-  border-radius: 1rem;
-  margin-bottom: 0.5rem;
-  background: var(--white-20);
-}
-.p-password-panel .p-password-meter .p-password-strength.weak {
-  background: var(--red-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.medium {
-  background: var(--orange-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.strong {
-  background: var(--green-400);
-}
-
-.p-inputgroup-addon {
-  background: #1c1b22;
-  color: var(--white-80);
-  border-top: 1px solid var(--gray-900);
-  border-left: 1px solid var(--gray-900);
-  border-bottom: 1px solid var(--gray-900);
-  padding: 0rem 0.75rem;
-  min-width: 2.5rem;
-}
-.p-inputgroup-addon:last-child {
-  border-right: 1px solid var(--gray-900);
-}
-.p-inputgroup-addon.p-disabled {
-  background-color: var(--white-20);
-  color: var(--white-80);
-}
-
-.p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
-  border-radius: 0;
-  margin: 0;
-}
-.p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
-  border-left: 0 none;
-}
-.p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
-  z-index: 1;
-}
-.p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
-  z-index: 1;
-}
-
-.p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:first-child input {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:last-child input {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-inputgroup .p-button {
-  height: auto;
-  width: auto;
-}
-.p-inputgroup .p-button.p-button-icon-only {
-  width: 2.5rem;
-}
-
-.p-icon-field {
-  position: relative;
-}
-
-.p-icon-field .p-input-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-inputnumber.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-p-inputnumber.ng-invalid.ng-touched > .p-inputnumber > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-p-inputnumber[ng-reflect-is-disabled=true] .p-inputnumber-button {
-  background: var(--white-20);
-}
-
-.p-inputnumber-button {
-  color: var(--white-100);
-  border-color: var(--gray-900);
-  background-color: #1c1b22;
-}
-.p-inputnumber-button .p-button-icon {
-  font-size: 1rem;
-}
-
-.p-inputnumber-button:hover {
-  box-shadow: none !important;
-}
-
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-down {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-up {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-input {
-  border-radius: 0;
-  border-left-color: transparent;
-  border-right-color: transparent;
-  z-index: 1;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-down,
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-up {
-  height: 100%;
-}
-
-.p-inputnumber-buttons-vertical .p-inputnumber-button-down {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-button-up {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-input {
-  border-radius: 0;
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-  z-index: 1;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-button-down,
-.p-inputnumber-buttons-vertical .p-inputnumber-button-up {
-  width: 100%;
-}
-
-.p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
-  width: 100%;
-}
-
-.p-icon-field-left .p-input-icon:first-of-type {
-  left: 0.75rem;
-  color: var(--white-100);
-}
-
-.p-icon-field-right .p-input-icon:last-of-type {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-
-.p-checkbox {
-  position: relative;
-  display: inline-flex;
-  user-select: none;
-  vertical-align: bottom;
-}
-
-.p-checkbox-input {
-  appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  cursor: pointer;
-}
-
-.p-checkbox-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.p-checkbox {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box {
-  /* Отключение стандартной иконки PrimeNG, т.к. используем tabler, вместо prime-icons. */
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon {
-  display: none;
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box::after {
-  content: "\ea5e";
-  width: 1rem;
-  height: 1rem;
-  transition-duration: 0.2s;
-  color: var(--black-80);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-}
-.p-checkbox .p-checkbox-input {
-  border: 1px solid var(--gray-900);
-  border-radius: 0.25rem;
-}
-.p-checkbox .p-checkbox-box {
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--white-100);
-  border-radius: 0.25rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-checkbox .p-checkbox-box.p-highlight {
-  border-color: var(--citrine-300);
-  background: var(--citrine-300);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
-  border-color: var(--citrine-300);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover.p-highlight {
-  border-color: var(--citrine-200);
-  background: var(--citrine-200);
-  color: var(--black-80);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-checkbox .p-checkbox-box.p-disabled {
-  background: var(--white-20);
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon {
-  transition-duration: 0.2s;
-  color: var(--black-80);
-  font-size: 1rem;
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-highlight .p-checkbox .p-checkbox-box {
-  border-color: var(--citrine-300);
-}
-
-.p-radiobutton {
-  position: relative;
-  display: inline-flex;
-  user-select: none;
-  vertical-align: bottom;
-}
-
-.p-radiobutton-input {
-  cursor: pointer;
-}
-
-.p-radiobutton-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition: all;
-}
-
-.p-radiobutton-box:hover {
-  border: 1px solid var(--citrine-200) !important;
-}
-
-.p-radiobutton-box.p-highlight {
-  box-sizing: border-box;
-  background: var(--citrine-200) !important;
-}
-.p-radiobutton-box.p-highlight .p-radiobutton-icon {
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.25%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
-  background: var(--black-80);
-  width: 1.5rem;
-  height: 1.5rem;
-  mask-composite: exclude;
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box {
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box:hover {
-  border: 1px solid var(--red-400) !important;
-}
-
-.p-radiobutton-box.p-focus {
-  box-shadow: 0px 0px 0px 3.5px var(--citrine-800);
-}
-
-.p-radiobutton {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-radiobutton .p-radiobutton-input {
-  appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  border: 1px solid var(--gray-900);
-  border-radius: 50%;
-}
-.p-radiobutton .p-radiobutton-box {
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--white-100);
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-radiobutton.p-disabled .p-radiobutton-box {
-  background: var(--white-20);
-}
-.p-radiobutton.p-highlight .p-radiobutton-box {
-  border-color: var(--citrine-300);
-  background: var(--citrine-300);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
-  border-color: var(--citrine-300);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
-  border-color: var(--citrine-200);
-  background: var(--citrine-200);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-radiobutton.p-invalid > .p-radiobutton-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-highlight .p-radiobutton .p-radiobutton-box {
-  border-color: var(--black-80);
-}
-
-.p-inputswitch-slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-.p-inputswitch-slider:before {
-  position: absolute;
-  content: "";
-  top: 50%;
-}
-
-.p-inputswitch {
-  position: relative;
-  display: inline-block;
-  width: 2.5rem;
-  height: 1.5rem;
-  border-radius: 100px;
-}
-.p-inputswitch .p-inputswitch-slider {
-  background: var(--gray-700);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 100px;
-  outline-color: transparent;
-}
-.p-inputswitch .p-inputswitch-slider:before {
-  background: #1c1b22;
-  width: 1rem;
-  height: 1rem;
-  left: 0.25rem;
-  margin-top: -0.5rem;
-  border-radius: 100px;
-  transition-duration: 0.2s;
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
-  background: var(--citrine-300);
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  background: #1c1b22;
-  transform: translateX(1rem);
-}
-.p-inputswitch:not(.p-disabled) .p-inputswitch-slider:hover {
-  background-color: var(--citrine-200);
-}
-.p-inputswitch:not(.p-disabled).p-focus, .p-inputswitch:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-
-p-inputswitch:not(.p-disabled).p-element.ng-dirty.ng-invalid .p-inputswitch-slider, p-inputswitch:not(.p-disabled).p-element.ng-touched.ng-invalid .p-inputswitch-slider {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-selectbutton {
-  display: flex;
-  height: min-content;
-  gap: 0.25rem;
-  padding: 0.25rem;
-  background-color: var(--white-20);
-  border-radius: 0.5rem;
-}
-.p-selectbutton .p-button {
-  flex-grow: 1;
-  background: rgba(0, 0, 0, 0.0001);
-  border: 1px solid trasparent;
-  border-radius: 0.25rem;
-  color: var(--white-80);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
-  color: var(--white-80);
-}
-.p-selectbutton .p-button.p-disabled {
-  background: transparent;
-  pointer-events: none;
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
-  background: #1c1b22;
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
-  color: var(--white-100);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight {
-  background: #1c1b22;
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--citrine-300);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-right {
-  color: var(--citrine-300);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover {
-  background: #1c1b22;
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-right {
-  color: var(--white-100);
-}
-.p-selectbutton.p-invalid > .p-button {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-togglebutton.p-button.p-highlight.p-disabled, .p-button.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled {
-  color: var(--white-80);
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-left, .p-button.p-disabled .p-button-icon-left,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-left,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-left,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-left,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-left,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-right,
-.p-button.p-disabled .p-button-icon-right,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-right,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-right,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-right,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-right,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-right {
-  color: var(--white-80) !important;
-}
-
-.p-togglebutton.p-button {
-  background: var(--white-20);
-  border: 1px solid trasparent;
-  color: var(--white-80);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-  border-radius: 100px;
-}
-.p-togglebutton.p-button:not(.p-disabled):hover {
-  background: var(--citrine-alpha);
-  color: var(--citrine-300);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  box-shadow: none;
-}
-.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-left,
-.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-right {
-  color: var(--citrine-300);
-}
-.p-togglebutton.p-button:not(.p-disabled):focus-visible {
-  box-shadow: 0 0 0 3.5px var(--citrine-800);
-}
-.p-togglebutton.p-button .p-button-icon-left,
-.p-togglebutton.p-button .p-button-icon-right {
-  color: var(--white-80);
-}
-.p-togglebutton.p-button.p-highlight {
-  background: var(--citrine-300);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--black-80);
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover {
-  background: var(--citrine-200);
-  color: var(--black-80);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  box-shadow: none;
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-right {
-  color: var(--black-80);
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):focus-visible {
-  box-shadow: 0 0 0 3.5px var(--citrine-800);
-}
-.p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
-  color: var(--black-80);
-}
-
-.p-chips {
-  display: inline-flex;
-  height: min-content;
-}
-
-.p-disabled .p-chips-multiple-container {
-  background-color: var(--white-20);
-}
-
-.p-chips-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-chips-multiple-container:has(.p-chips-token) {
-  padding: 0.25rem;
-}
-
-.p-chips-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-chips-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-chips-token-icon {
-  cursor: pointer;
-}
-
-.p-chips-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-chips {
-  display: flex;
-}
-
-.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
-  border-color: var(--citrine-300);
-}
-.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0rem 0.5rem;
-  background: var(--white-20);
-  color: var(--white-100);
-  border-radius: 0.25rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token + .p-chips-input-token {
-  padding: 0 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0rem 0;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--white-100);
-  margin: 0;
-}
-.p-chips.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-slider {
-  background: var(--white-20);
-  border: none;
-  border-radius: 0.5rem;
-}
-.p-slider.p-slider-horizontal {
-  height: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.625rem;
-  margin-left: -0.625rem;
-}
-.p-slider.p-slider-vertical {
-  width: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.625rem;
-  margin-bottom: -0.625rem;
-}
-.p-slider .p-slider-handle {
-  height: 1.25rem;
-  width: 1.25rem;
-  background: var(--citrine-300);
-  border: none;
-  border-radius: 1rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-slider .p-slider-handle:focus {
-  background: var(--citrine-200);
-  box-shadow: none;
-}
-.p-slider .p-slider-range {
-  background: var(--citrine-300);
-  border-radius: 0.5rem;
-}
-.p-slider:not(.p-disabled) .p-slider-handle:hover {
-  background: var(--citrine-200);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-
-.p-rating {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-
-.p-rating-item {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-
-.p-rating.p-readonly .p-rating-item {
-  cursor: default;
-}
-
-.p-rating {
-  gap: 0.5rem;
-}
-.p-rating .p-rating-item {
-  outline-color: transparent;
-  border-radius: 50%;
-}
-.p-rating .p-rating-item .p-rating-icon {
-  color: var(--white-80);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  font-size: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-icon {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
-  color: var(--white-80);
-}
-.p-rating .p-rating-item:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
-  color: var(--orange-400);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
-  color: var(--orange-500);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
-  color: var(--white-100);
-}
-
-.p-calendar.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-.p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-
-.p-datepicker {
-  margin-top: 0.25rem;
-  padding: 0.75rem;
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-}
-.p-datepicker:not(.p-datepicker-inline) {
-  background: #1c1b22;
-  border: 1px solid var(--gray-900);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
-  background: rgba(0, 0, 0, 0.0001);
-}
-.p-datepicker .p-datepicker-header {
-  padding: 0 0 0.5rem;
-  color: var(--white-80);
-  background: #1c1b22;
-  font-weight: bold;
-  margin: 0rem;
-  border-bottom: none;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border: 1px solid transparent;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,
-.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled {
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-  background: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title {
-  line-height: 2rem;
-  display: flex;
-  gap: 0.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select {
-  display: inline-flex;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-  background: #1c1b22;
-  border: 1px solid var(--gray-900);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-  min-height: 2.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  color: var(--white-80);
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  font-weight: bold;
-  padding: 0.25rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
-  color: var(--citrine-300);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5rem;
-}
-.p-datepicker table {
-  font-size: 1rem;
-  margin: 0rem;
-}
-.p-datepicker table th {
-  padding: 0.25rem;
-}
-.p-datepicker table th > span {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datepicker table td {
-  padding: 0.25rem;
-}
-.p-datepicker table td > span {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  transition: 0.2s;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-}
-.p-datepicker table td > span.p-highlight {
-  color: var(--black-80);
-  background: var(--citrine-300);
-}
-.p-datepicker table td > span:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-datepicker table td.p-datepicker-today > span {
-  color: var(--white-80);
-  font-weight: 700;
-  border-color: var(--gray-800);
-  background: rgba(0, 0, 0, 0.0001);
-}
-.p-datepicker table td.p-datepicker-today > span:not(.p-disabled):hover {
-  color: var(--white-100);
-}
-.p-datepicker table td.p-datepicker-today > span.p-highlight {
-  color: var(--black-80);
-  background: var(--citrine-300);
-}
-.p-datepicker .p-datepicker-buttonbar {
-  padding: 0rem 0 0;
-}
-.p-datepicker .p-datepicker-buttonbar .p-button {
-  width: auto;
-}
-.p-datepicker .p-timepicker {
-  border-top: 1px solid var(--gray-900);
-  padding: String value;
-}
-.p-datepicker .p-timepicker button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datepicker .p-timepicker button:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-datepicker .p-timepicker button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-datepicker .p-timepicker button.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-datepicker .p-timepicker span {
-  font-size: 1.25rem;
-}
-.p-datepicker .p-timepicker > div {
-  padding: String value;
-}
-.p-datepicker .p-hour-picker,
-.p-datepicker .p-minute-picker {
-  gap: 0.25rem;
-}
-.p-datepicker.p-datepicker-timeonly .p-timepicker {
-  border-top: 0 none;
-}
-.p-datepicker .p-monthpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
-  color: var(--black-80);
-  background: var(--citrine-300);
-}
-.p-datepicker .p-yearpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
-  color: var(--black-80);
-  background: var(--citrine-300);
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-left: 1px solid var(--gray-900);
-  padding-right: 0.75rem;
-  padding-left: 0.75rem;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
-  padding-left: 0;
-  border-left: 0 none;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
-  padding-right: 0;
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-datepicker:not(.p-disabled) table td span.p-highlight:hover {
-  background: var(--citrine-200);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled).p-highlight:hover {
-  background: var(--citrine-200);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled).p-highlight:hover {
-  background: var(--citrine-200);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-
-.p-autocomplete {
-  display: inline-flex;
-  height: min-content;
-}
-.p-autocomplete .p-autocomplete-loader {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 3.25rem;
-}
-
-.p-autocomplete-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-autocomplete-multiple-container:has(.p-autocomplete-token) {
-  padding: 0.25rem;
-}
-
-.p-autocomplete-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-autocomplete-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-autocomplete-token-icon {
-  cursor: pointer;
-}
-
-.p-autocomplete-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-autocomplete {
-  display: flex;
-}
-
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
-  border-color: var(--citrine-300);
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-autocomplete .p-autocomplete-multiple-container.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--white-20);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0rem 0.5rem;
-  background: var(--white-20);
-  color: var(--white-100);
-  border-radius: 0.25rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token + .p-autocomplete-input-token {
-  padding: 0 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0rem 0;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--white-100);
-  margin: 0;
-}
-.p-autocomplete.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-autocomplete-panel {
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  margin-top: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-of-type {
-  margin-top: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-of-type {
-  margin-bottom: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
-  color: var(--black-80);
-  background: var(--citrine-300);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  font-weight: bold;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
-  text-align: center;
-  padding: 0.5rem 0.75rem;
-}
-
-.p-autocomplete-dd .p-autocomplete-input {
-  flex: 1 1 auto;
-  width: 1%;
-}
-.p-autocomplete-dd .p-autocomplete-dropdown {
-  display: none;
-}
-
-.autocomplete-dropdown-container:hover .p-inputtext:enabled {
-  border-color: var(--citrine-300);
-}
-
-.autocomplete-dropdown-trigger {
-  position: absolute;
-  right: 0;
-  top: 0;
-  height: 100%;
-  width: 2.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.p-autocomplete-clear-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-  cursor: pointer;
-}
-
-.p-autocomplete-clearable {
-  position: relative;
-}
-.p-autocomplete-clearable .p-autocomplete-clear-icon {
-  right: 0.75rem;
-}
-.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
-  right: 2.5rem;
-}
-
-.p-tabview .p-tabview-nav {
-  background: rgba(0, 0, 0, 0.0001);
-  border-bottom: 1px solid var(--gray-900);
-  gap: 1.5rem;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link {
-  border-bottom: 0.25rem solid rgba(0, 0, 0, 0.0001);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  padding: 1rem 0rem;
-  font-weight: normal;
-  transition: 0.2s;
-  margin: 0;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--citrine-300);
-}
-.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: var(--citrine-300);
-  color: var(--citrine-300);
-}
-.p-tabview .p-tabview-close {
-  margin-left: 0.5rem;
-}
-.p-tabview .p-tabview-nav-btn.p-link {
-  background: #1c1b22;
-  color: var(--white-80);
-  width: 2.5rem;
-  box-shadow: 0px 0px 10px 50px var(--white-60);
-  border-radius: 0;
-}
-.p-tabview .p-tabview-nav-btn.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-tabview .p-tabview-nav-btn.p-link:hover {
-  color: var(--citrine-300);
-}
-.p-tabview .p-tabview-panels {
-  background: rgba(0, 0, 0, 0.0001);
-  padding: 1rem 0rem;
-  border: none;
-  color: var(--white-80);
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-divider {
-  border-color: var(--gray-900);
-}
-.p-divider .p-divider-content {
-  background-color: #1c1b22;
-  color: var(--white-80);
-  text-transform: uppercase;
-}
-.p-divider.p-divider-horizontal {
-  margin: 1rem 0rem;
-  padding: 0rem 1rem;
-}
-.p-divider.p-divider-horizontal .p-divider-content {
-  padding: 0 0.5rem;
-}
-.p-divider.p-divider-horizontal:before {
-  border-top-width: 1px;
-  border-top-color: var(--gray-900);
-}
-.p-divider.p-divider-horizontal.p-divider-dash:before {
-  border-top-style: dashed;
-}
-.p-divider.p-divider-vertical {
-  margin: 0rem 1rem;
-  padding: 1rem 0rem;
-}
-.p-divider.p-divider-vertical .p-divider-content {
-  padding: 0.5rem 0;
-}
-.p-divider.p-divider-vertical:before {
-  border-left-width: 1px;
-  border-left-color: var(--gray-900);
-}
-.p-divider.p-divider-vertical.p-divider-dash:before {
-  border-left-style: dashed;
-}
-
-.p-scrollpanel .p-scrollpanel-bar {
-  background: var(--white-20);
-  border: 0 none;
-  border-radius: 0.5rem;
-}
-.p-scrollpanel .p-scrollpanel-bar:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-
-.p-accordion .p-accordion-header .p-accordion-header-link {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  color: var(--white-80);
-  font-weight: 700;
-  padding: 1rem 0rem;
-  border-top: 1px solid var(--gray-900);
-  background: rgba(0, 0, 0, 0.0001);
-  transition: 0.2s;
-  gap: 0.5rem;
-}
-.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
-  font-size: 1.25rem;
-}
-.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: var(--gray-900);
-  color: var(--white-100);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: var(--gray-900);
-  color: var(--white-100);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
-  border-color: var(--gray-900);
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-accordion .p-accordion-content {
-  padding: 0rem 0rem 1rem 1.75rem;
-  border-bottom: none;
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-accordion .p-accordion-tab {
-  margin-bottom: 0rem;
-}
-.p-accordion .p-accordion-tab:first-child .p-accordion-header-link {
-  border-top: none;
-}
-.p-accordion .p-accordion-tab .p-accordion-content .p-accordion-header-link {
-  border-top: 1px solid var(--gray-900);
-}
-
-.p-stepper .p-stepper-nav {
-  display: flex;
-  gap: 0.5rem;
-  justify-content: space-between;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  overflow: hidden;
-  overflow-x: auto;
-}
-.p-stepper .p-stepper-header {
-  position: relative;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-  padding: 0.5rem 0;
-}
-.p-stepper .p-stepper-header.p-disabled {
-  opacity: 1;
-  cursor: initial;
-}
-.p-stepper .p-stepper-header.p-disabled .p-stepper-action {
-  opacity: 0.6;
-}
-.p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-title {
-  color: var(--white-100);
-}
-.p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
-  background-color: var(--citrine-300);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-number, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-number {
-  color: var(--black-80);
-  background-color: var(--citrine-300);
-  border-color: transparent;
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-icon, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-icon {
-  color: var(--citrine-300);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-action.p-danger .p-stepper-number, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-action.p-danger .p-stepper-number {
-  color: var(--black-80);
-  background-color: var(--red-400);
-}
-.p-stepper p-stepperheader .p-stepper-action {
-  display: inline-flex;
-  align-items: center;
-  flex-grow: 0;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  background: #1c1b22;
-  outline-color: transparent;
-  padding: 0;
-}
-.p-stepper p-stepperheader .p-stepper-action:hover {
-  cursor: pointer;
-}
-.p-stepper p-stepperheader .p-stepper-action:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-number {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 500;
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1;
-  font-size: 1rem;
-  border-radius: 8rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title {
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  margin-left: 0.5rem;
-  color: var(--white-100);
-  font-weight: 500;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper{
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
-  line-height: 1;
-  margin-left: 0.5rem;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper .p-stepper-title {
-  margin-left: 0;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-icon{
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.5rem;
-  line-height: 2rem;
-  line-height: 1;
-  min-width: 1.5rem;
-  height: 1.5rem;
-}
-.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-number,
-.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-icon {
-  color: var(--red-400);
-}
-.p-stepper .p-stepper-panels {
-  background: rgba(0, 0, 0, 0.0001);
-  padding: 1rem 0rem;
-  color: var(--white-80);
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-number, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-number {
-  color: var(--black-80);
-  background-color: var(--citrine-300);
-  border-color: transparent;
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-icon, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-icon {
-  color: var(--citrine-300);
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-action.p-danger .p-stepper-number, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-action.p-danger .p-stepper-number {
-  color: var(--black-80);
-  background-color: var(--red-400);
-}
-.p-stepper .p-stepper-separator {
-  background-color: var(--gray-900);
-  width: 100%;
-  height: 1px;
-  margin-inline-start: 0.5rem;
-  transition: 0.2s;
-}
-.p-stepper.no-line .p-stepper-separator {
-  background-color: transparent !important;
-}
-.p-stepper.p-stepper-vertical {
-  display: flex;
-  flex-direction: column;
-}
-.p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
-  display: flex;
-  flex: 1 1 auto;
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel {
-  display: flex;
-  flex-direction: column;
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
-  flex: 1 1 auto;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
-  width: 100%;
-  padding-left: 1rem;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
-  flex: 0 0 auto;
-  width: 2px;
-  height: auto;
-  margin-inline-start: calc(1.75rem + 2px);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
-  background-color: var(--citrine-300);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
-  padding-left: 3rem;
-}
-
-.p-card {
-  overflow: hidden;
-  color: var(--white-100);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-card.p-card-no-shadow {
-  box-shadow: none;
-}
-.p-card .p-card-body {
-  padding: 1rem;
-}
-.p-card .p-card-title {
-  font-size: 1.125rem;
-  font-weight: 700;
-  margin-bottom: 0.25rem;
-}
-.p-card .p-card-subtitle {
-  font-size: 0.875rem;
-  font-weight: 400;
-  color: var(--white-80);
-}
-.p-card .p-card-content {
-  padding: 1rem 0 0;
-}
-.p-card .p-card-footer {
-  padding: 1rem 0 0;
-}
-
-.p-tooltip .p-tooltip-text {
-  background: var(--gray-200);
-  color: #1c1b22;
-  padding: 0.5rem 1rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  border-radius: 0.5rem;
-}
-
-.p-tooltip-arrow {
-  border-color: transparent;
-}
-
-.p-tooltip-right .p-tooltip-arrow,
-.p-tooltip-left .p-tooltip-arrow {
-  margin-top: -0.25rem;
-}
-
-.p-tooltip-top .p-tooltip-arrow,
-.p-tooltip-bottom .p-tooltip-arrow {
-  margin-left: -0.25rem;
-}
-
-.p-tooltip-right .p-tooltip-arrow {
-  border-width: 0.25em 0.25em 0.25em 0;
-  border-right-color: var(--gray-200);
-}
-
-.p-tooltip-left .p-tooltip-arrow {
-  border-width: 0.25em 0 0.25em 0.25rem;
-  border-left-color: var(--gray-200);
-}
-
-.p-tooltip-top .p-tooltip-arrow {
-  border-width: 0.25em 0.25em 0;
-  border-top-color: var(--gray-200);
-}
-
-.p-tooltip-bottom .p-tooltip-arrow {
-  border-width: 0 0.25em 0.25rem;
-  border-bottom-color: var(--gray-200);
-}
-
-.p-dialog {
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  border: 1px solid var(--gray-900);
-}
-.p-dialog .p-dialog-header {
-  border-bottom: 1px solid var(--gray-900);
-  background: #1c1b22;
-  color: var(--white-100);
-  padding: 1.5rem 1.5rem 1rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-header .p-dialog-title {
-  font-weight: bold;
-  font-size: 1.25rem;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-right: 0.5rem;
-  box-shadow: none;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
-  margin-right: 0;
-}
-.p-dialog-danger .p-dialog-title::before, .p-dialog-success .p-dialog-title::before, .p-dialog-info .p-dialog-title::before, .p-dialog-warning .p-dialog-title::before, .p-dialog-help .p-dialog-title::before {
-  content: "";
-  display: inline-block;
-  width: 1.5rem;
-  height: 1.5rem;
-  background-size: contain;
-  margin-right: 0.5rem;
-  vertical-align: text-bottom;
-}
-.p-dialog-danger .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM8.13128 8.63128C8.47299 8.28957 9.02701 8.28957 9.36872 8.63128L10.5 9.76256L11.6313 8.63128C11.973 8.28957 12.527 8.28957 12.8687 8.63128C13.2104 8.97299 13.2104 9.52701 12.8687 9.86872L11.7374 11L12.8687 12.1313C13.2104 12.473 13.2104 13.027 12.8687 13.3687C12.527 13.7104 11.973 13.7104 11.6313 13.3687L10.5 12.2374L9.36872 13.3687C9.02701 13.7104 8.47299 13.7104 8.13128 13.3687C7.78957 13.027 7.78957 12.473 8.13128 12.1313L9.26256 11L8.13128 9.86872C7.78957 9.52701 7.78957 8.97299 8.13128 8.63128Z" fill="%23E26E63"/></svg>') no-repeat;
-}
-.p-dialog-success .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM13.7437 8.63128C14.0854 8.97299 14.0854 9.52701 13.7437 9.86872L10.2437 13.3687C9.90201 13.7104 9.34799 13.7104 9.00628 13.3687L7.25628 11.6187C6.91457 11.277 6.91457 10.723 7.25628 10.3813C7.59799 10.0396 8.15201 10.0396 8.49372 10.3813L9.625 11.5126L12.5063 8.63128C12.848 8.28957 13.402 8.28957 13.7437 8.63128Z" fill="%2368C170"/></svg>') no-repeat;
-}
-.p-dialog-warning .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.24855 2.2875C9.63056 2.07229 10.0616 1.95923 10.5 1.95923C10.9385 1.95923 11.3695 2.07229 11.7515 2.2875C12.1335 2.5027 12.4536 2.81277 12.6808 3.18777L12.6831 3.19162L19.7759 15.0356L19.7832 15.0481C20.0055 15.4335 20.123 15.8705 20.1241 16.3154C20.1252 16.7604 20.0098 17.1979 19.7895 17.5845C19.5691 17.9711 19.2514 18.2932 18.868 18.519C18.4846 18.7447 18.0487 18.8662 17.6038 18.8714L17.5937 18.8715L3.39659 18.8714C2.95146 18.8664 2.51539 18.7449 2.13176 18.5191C1.74813 18.2933 1.43031 17.9709 1.20992 17.5841C0.98952 17.1974 0.874224 16.7596 0.875499 16.3145C0.876773 15.8693 0.994574 15.4322 1.21718 15.0467L1.22426 15.0347L8.30299 3.21587C8.30825 3.20642 8.31369 3.19705 8.31931 3.18777C8.5465 2.81277 8.86655 2.5027 9.24855 2.2875ZM10.5 3.70923C10.3625 3.70923 10.2273 3.74469 10.1075 3.81219C9.99324 3.87657 9.89665 3.968 9.82613 4.07836C9.82357 4.0828 9.82097 4.08723 9.81833 4.09164L2.72982 15.9268C2.66184 16.0465 2.62589 16.1818 2.62549 16.3195C2.62509 16.4591 2.66126 16.5964 2.73039 16.7177C2.79952 16.839 2.8992 16.9401 3.01953 17.011C3.13871 17.0811 3.27402 17.1192 3.41225 17.1214H17.5877C17.7258 17.1191 17.861 17.0811 17.9801 17.011C18.1004 16.9401 18.2 16.8391 18.2691 16.7178C18.3383 16.5966 18.3745 16.4594 18.3741 16.3198C18.3738 16.1822 18.3379 16.047 18.2701 15.9274L11.1841 4.09457C11.1837 4.09404 11.1834 4.09351 11.1831 4.09298C11.1119 3.97607 11.0119 3.87939 10.8926 3.81219C10.7728 3.74469 10.6376 3.70923 10.5 3.70923ZM10.5001 7.49997C10.9833 7.49997 11.3751 7.89172 11.3751 8.37497V11.875C11.3751 12.3582 10.9833 12.75 10.5001 12.75C10.0168 12.75 9.62506 12.3582 9.62506 11.875V8.37497C9.62506 7.89172 10.0168 7.49997 10.5001 7.49997ZM9.62506 14.5C9.62506 14.0167 10.0168 13.625 10.5001 13.625H10.5088C10.9921 13.625 11.3838 14.0167 11.3838 14.5C11.3838 14.9832 10.9921 15.375 10.5088 15.375H10.5001C10.0168 15.375 9.62506 14.9832 9.62506 14.5Z" fill="%23FFB330"/></svg>') no-repeat;
-}
-.p-dialog-info .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.625 8.375C9.625 7.89175 10.0168 7.5 10.5 7.5H10.5087C10.992 7.5 11.3837 7.89175 11.3837 8.375C11.3837 8.85825 10.992 9.25 10.5087 9.25H10.5C10.0168 9.25 9.625 8.85825 9.625 8.375ZM8.75 11C8.75 10.5168 9.14175 10.125 9.625 10.125H10.5C10.9832 10.125 11.375 10.5168 11.375 11V13.625C11.8582 13.625 12.25 14.0168 12.25 14.5C12.25 14.9832 11.8582 15.375 11.375 15.375H10.5C10.0168 15.375 9.625 14.9832 9.625 14.5V11.875C9.14175 11.875 8.75 11.4832 8.75 11Z" fill="%2349A2EF"/></svg>') no-repeat;
-}
-.p-dialog-help .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.99829 7.55089C10.5752 7.43547 11.1741 7.51853 11.6978 7.78656C12.2234 8.05459 12.6434 8.49186 12.89 9.02783C13.1367 9.56409 13.1955 10.1679 13.0568 10.7416C12.9181 11.3154 12.5901 11.8257 12.1257 12.1901C11.6613 12.5545 11.0877 12.7518 10.4974 12.75C10.0141 12.7486 9.62355 12.3556 9.625 11.8724C9.62646 11.3891 10.0194 10.9986 10.5026 11C10.6994 11.0006 10.8906 10.9349 11.0454 10.8134C11.2002 10.6919 11.3096 10.5218 11.3558 10.3306C11.402 10.1393 11.3824 9.93804 11.3002 9.75929C11.2179 9.58053 11.0778 9.43472 10.9025 9.34539L10.9008 9.34452C10.7285 9.25627 10.5314 9.2289 10.3416 9.26688C10.1518 9.30486 9.98043 9.40595 9.85536 9.5537C9.54314 9.92255 8.99103 9.96846 8.62218 9.65624C8.25333 9.34403 8.20742 8.79191 8.51964 8.42306C8.89995 7.97377 9.42109 7.66638 9.99829 7.55089ZM10.5 13.625C10.9832 13.625 11.375 14.0168 11.375 14.5V14.5087C11.375 14.992 10.9832 15.3837 10.5 15.3837C10.0168 15.3837 9.625 14.992 9.625 14.5087V14.5C9.625 14.0168 10.0168 13.625 10.5 13.625Z" fill="%23AB77DF"/></svg>') no-repeat;
-}
-.p-dialog .p-dialog-content {
-  background: #1c1b22;
-  color: var(--white-100);
-  padding: 1.5rem 1.5rem;
-}
-.p-dialog .p-dialog-content:last-of-type {
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer {
-  display: flex;
-  border-top: 1px solid rgba(0, 0, 0, 0.0001);
-  background: #1c1b22;
-  color: var(--white-80);
-  padding: 0rem 1.5rem 1.5rem;
-  text-align: right;
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer button {
-  width: auto;
-}
-.p-dialog .p-confirm-dialog-accept {
-  order: 1;
-}
-.p-dialog .p-confirm-dialog-reject {
-  order: 2;
-}
-.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
-  border-radius: 0;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
-  font-size: 2rem;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-dialog.p-confirm-dialog .p-dialog-footer {
-  flex-direction: row-reverse;
-  gap: 0.5rem;
-}
-.p-dialog.p-confirm-dialog .p-dialog-footer i.none {
-  display: none;
-}
-
-.p-overlaypanel {
-  background: #1c1b22;
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-overlaypanel .p-overlaypanel-content {
-  padding: 1rem;
-}
-.p-overlaypanel .p-overlaypanel-close {
-  background: var(--citrine-300);
-  color: var(--black-80);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  position: absolute;
-  top: -1rem;
-  right: -1rem;
-}
-.p-overlaypanel .p-overlaypanel-close:enabled:hover {
-  background: var(--citrine-200);
-  color: var(--black-80);
-}
-.p-overlaypanel:after {
-  border: solid transparent;
-  border-color: transparent;
-  border-bottom-color: #1c1b22;
-  border-width: 6px;
-}
-.p-overlaypanel:before {
-  border: solid transparent;
-  border-width: 8px;
-  border-color: transparent;
-  border-bottom-color: var(--gray-900);
-}
-.p-overlaypanel.p-overlaypanel-flipped {
-  margin-top: -7px !important;
-}
-.p-overlaypanel.p-overlaypanel-flipped:after {
-  border-top-color: #1c1b22;
-  border-bottom-color: transparent;
-}
-.p-overlaypanel.p-overlaypanel-flipped:before {
-  border-top-color: var(--gray-900);
-  border-bottom-color: transparent;
-}
-
-.p-sidebar {
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  background: #1c1b22;
-  margin: 0.5rem;
-  height: calc(100vh - 1rem) !important;
-}
-.p-sidebar.p-sidebar-top, .p-sidebar.p-sidebar-full, .p-sidebar.p-sidebar-bottom {
-  width: calc(100vw - 1rem);
-  width: -webkit-fill-available !important;
-}
-.p-sidebar.p-sidebar-top, .p-sidebar.p-sidebar-bottom {
-  height: auto;
-}
-.p-sidebar .p-sidebar-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1.5rem 1.5rem 1rem;
-  border-bottom: 1px solid var(--gray-900);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close.p-disabled,
-.p-sidebar .p-sidebar-header .p-sidebar-icon.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-sidebar .p-sidebar-header > :only-child {
-  margin-left: auto;
-}
-.p-sidebar .p-sidebar-content {
-  padding: 1.5rem 1.5rem;
-}
-.p-sidebar .p-sidebar-footer {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 1.5rem 1.5rem;
-  padding-top: 0rem;
-}
-
-.p-avatar {
-  height: 2rem;
-  width: 2rem;
-  color: var(--black-80);
-  font-size: 1rem;
-  background-color: var(--citrine-300);
-  border-radius: 0.5rem;
-}
-.p-avatar:not(.p-avatar-image) {
-  border: 1px solid var(--gray-900);
-}
-.p-avatar.p-avatar-image {
-  background: transparent;
-  position: relative;
-}
-.p-avatar.p-avatar-image img {
-  position: relative;
-  object-fit: cover;
-  border-radius: inherit;
-}
-.p-avatar.p-avatar-image .p-badge {
-  z-index: 1;
-}
-.p-avatar.p-avatar-image::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  border: 1px solid var(--gray-900);
-  border-radius: inherit;
-  z-index: 1;
-}
-.p-avatar.p-avatar-lg {
-  width: 2.5rem;
-  height: 2.5rem;
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-lg .p-avatar-icon {
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-xl {
-  width: 3.5rem;
-  height: 3.5rem;
-  font-size: 1.5rem;
-}
-.p-avatar.p-avatar-xl .p-avatar-icon {
-  font-size: 1.5rem;
-}
-
-.p-avatar-circle {
-  border-radius: 50%;
-}
-
-.p-badge {
-  background: var(--citrine-300);
-  color: var(--black-80);
-  font-size: 0.75rem;
-  font-weight: bold;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-}
-.p-badge.p-badge-success {
-  background-color: var(--green-400);
-  color: var(--black-80);
-}
-.p-badge.p-badge-info {
-  background-color: var(--blue-400);
-  color: var(--black-80);
-}
-.p-badge.p-badge-warning {
-  background-color: var(--orange-400);
-  color: var(--black-80);
-}
-.p-badge.p-badge-danger {
-  background-color: var(--red-400);
-  color: var(--black-80);
-}
-.p-badge.p-badge-dot {
-  width: 0.5rem;
-  height: 0.5rem;
-  min-width: auto;
-}
-
-.p-tag {
-  height: 1.5rem;
-  color: var(--black-80);
-  font-size: 0.875rem;
-  font-weight: bold;
-  padding: 0.5rem;
-  border-radius: 0.5rem;
-  background: var(--citrine-300);
-}
-.p-tag.p-tag-success {
-  background-color: var(--green-400);
-  color: var(--black-80);
-}
-.p-tag.p-tag-info {
-  background-color: var(--blue-400);
-  color: var(--black-80);
-}
-.p-tag.p-tag-warning {
-  background-color: var(--orange-400);
-  color: var(--black-80);
-}
-.p-tag.p-tag-danger {
-  background-color: var(--red-400);
-  color: var(--black-80);
-}
-.p-tag.p-tag-rounded {
-  border-radius: 100px;
-}
-.p-tag.p-tag-secondary {
-  background-color: var(--gray-900);
-  color: var(--white-80);
-}
-.p-tag .p-tag-icon {
-  margin-right: 0.25rem;
-  font-size: 0.875rem;
-}
-.p-tag .p-tag-icon.p-icon {
-  width: 0.875rem;
-  height: 0.875rem;
-}
-
-.p-progressbar {
-  border: none;
-  height: 1rem;
-  background: var(--white-20);
-  border-radius: 0.5rem;
-}
-.p-progressbar .p-progressbar-value {
-  border: 0 none;
-  margin: 0;
-  background: var(--citrine-300);
-}
-.p-progressbar .p-progressbar-label {
-  color: var(--black-80);
-  line-height: 1rem;
-}
-
-.p-progress-spinner-circle {
-  animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-primary-color 6s ease-in-out infinite;
-}
-
-@keyframes p-progress-spinner-primary-color {
-  100%, 0% {
-    stroke: var(--primary-color) !important;
-  }
-  40% {
-    stroke: var(--primary-color) !important;
-  }
-  66% {
-    stroke: var(--primary-color) !important;
-  }
-  80%, 90% {
-    stroke: var(--primary-color) !important;
-  }
-}
-.p-metergroup {
-  display: flex;
-  gap: 0.75rem;
-  flex-direction: column;
-}
-.p-metergroup .p-metergroup-meter-container {
-  background: var(--white-20);
-  border-radius: 0.5rem;
-}
-.p-metergroup .p-metergroup-labels {
-  display: flex;
-  flex-wrap: wrap;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  gap: 1rem;
-  row-gap: 0.75rem;
-}
-.p-metergroup .p-metergroup-labels-vertical {
-  gap: 0.5rem;
-  flex-direction: column;
-}
-.p-metergroup .p-metergroup-meters {
-  display: flex;
-  background: var(--white-20);
-  border-radius: 0.5rem;
-  height: 0.5rem;
-}
-.p-metergroup .p-metergroup-meter {
-  border: none;
-  background: var(--citrine-300);
-}
-.p-metergroup .p-metergroup-label-list-item {
-  line-height: 1rem;
-}
-.p-metergroup .p-metergroup-label-type {
-  background: var(--citrine-300);
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 100%;
-  margin-right: 0.5rem;
-}
-.p-metergroup .p-metergroup-label {
-  display: inline-flex;
-  align-items: center;
-  color: var(--black-60);
-  gap: 0.5rem;
-  font-size: 0.875rem;
-  line-height: 100%;
-}
-.p-metergroup .p-metergroup-label .p-metergroup-label-marker {
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 100%;
-  display: inline-flex;
-}
-.p-metergroup .p-metergroup-label-icon {
-  width: 1rem;
-  height: 1rem;
-  font-size: 1rem;
-}
-.p-metergroup .p-metergroup-label-list-vertical {
-  gap: 0.25rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
-  height: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
-  margin-bottom: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
-  margin-top: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical {
-  flex-direction: row;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meters {
-  width: 0.5rem;
-  height: 100%;
-  flex-direction: column;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter {
-  width: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
-  border-bottom-left-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
-  margin-left: 0.5rem;
-}
-
-.p-chip {
-  height: 1.75rem;
-  color: var(--white-100);
-  border-radius: 0.25rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  padding: 0rem 0.5rem;
-  background-color: var(--white-20);
-  display: inline-flex;
-}
-.p-chip.p-disabled {
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background-color: var(--white-20);
-}
-.p-chip .p-chip-text {
-  line-height: 1.5;
-  margin-top: 0rem;
-  margin-bottom: 0rem;
-}
-.p-chip .p-chip-icon {
-  margin-right: 0.5rem;
-}
-.p-chip img {
-  width: 1.5rem;
-  height: 1.5rem;
-  margin-left: -0.75rem;
-  margin-right: 0.5rem;
-}
-.p-chip .p-chip-remove-icon {
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-left: 0.5rem;
-}
-.p-chip .p-chip-remove-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-chip .p-chip-remove-icon:focus {
-  outline: 0 none;
-}
-
-timescircleicon svg {
-  display: none !important;
-}
-timescircleicon::after {
-  cursor: pointer;
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E") no-repeat;
-  height: 16px;
-  width: 16px;
-  background: var(--white-100);
-  margin-left: 0.5rem;
-  content: "";
-}
-
-.p-skeleton {
-  background: var(--gray-900);
-  border-radius: 0.5rem;
-}
-.p-skeleton:after {
-  background: linear-gradient(90deg, var(--gray-900) 0%, var(--gray-900) 40%, var(--gray-900) 75%);
-}
-
-.p-message {
-  overflow: hidden;
-  margin: 0rem;
-  border-radius: 0.5rem;
-}
-.p-message .p-message-wrapper {
-  padding: 1rem;
-  position: relative;
-  display: grid;
-  padding-left: 4rem;
-  min-height: 4rem;
-}
-.p-message .p-message-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: transparent;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  position: absolute;
-  top: 1rem;
-  right: 1rem;
-}
-.p-message .p-message-close:hover {
-  background: rgba(255, 255, 255, 0.5);
-}
-.p-message .p-message-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-message.p-message-info {
-  background: var(--blue-0);
-  border: 1px solid var(--blue-800);
-}
-.p-message.p-message-info .p-message-wrapper {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-message.p-message-info .p-message-icon {
-  color: var(--blue-400);
-}
-.p-message.p-message-info .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--blue-400);
-}
-.p-message.p-message-info .p-message-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-800);
-  background: transparent;
-}
-.p-message.p-message-info .p-message-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-success {
-  background: var(--green-0);
-  border: 1px solid var(--green-900);
-}
-.p-message.p-message-success .p-message-wrapper {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-message.p-message-success .p-message-icon {
-  color: var(--green-400);
-}
-.p-message.p-message-success .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--green-400);
-}
-.p-message.p-message-success .p-message-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-900);
-  background: transparent;
-}
-.p-message.p-message-success .p-message-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-warn {
-  background: var(--orange-0);
-  border: 1px solid var(--orange-800);
-}
-.p-message.p-message-warn .p-message-wrapper {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-message.p-message-warn .p-message-icon {
-  color: var(--orange-400);
-}
-.p-message.p-message-warn .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--orange-400);
-}
-.p-message.p-message-warn .p-message-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-800);
-  background: transparent;
-}
-.p-message.p-message-warn .p-message-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-error {
-  background: var(--red-0);
-  border: 1px solid var(--red-800);
-}
-.p-message.p-message-error .p-message-wrapper {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-message.p-message-error .p-message-icon {
-  color: var(--red-400);
-}
-.p-message.p-message-error .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--red-400);
-}
-.p-message.p-message-error .p-message-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-800);
-  background: transparent;
-}
-.p-message.p-message-error .p-message-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message .p-message-text {
-  font-size: 1rem;
-  font-weight: normal;
-  color: var(--white-100);
-}
-.p-message .p-message-icon {
-  font-size: 2rem;
-  display: inline;
-  margin-right: 0.5rem;
-  position: absolute;
-  top: 1rem;
-  left: 1rem;
-}
-.p-message .p-message-icon .p-icon-wrapper {
-  display: none;
-}
-.p-message .p-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-message .p-message-summary {
-  font-size: 1rem;
-  font-weight: bold;
-  color: var(--white-100);
-  margin-right: 0.25rem;
-}
-.p-message .p-message-detail {
-  font-size: 0.875rem;
-  font-weight: normal;
-  color: var(--white-80);
-  display: block;
-}
-
-.p-toast {
-  opacity: 1;
-}
-.p-toast .p-toast-message {
-  overflow: hidden;
-  margin: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  border-radius: 0.5rem;
-}
-.p-toast .p-toast-message .p-toast-message-content {
-  gap: 1rem;
-  padding: 1rem;
-  border-left-width: 0.25rem;
-  border-left-style: solid;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
-  margin: 0rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
-  font-size: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon .p-icon-wrapper {
-  display: none;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
-  font-weight: bold;
-  font-size: 1rem;
-  color: var(--white-100);
-  margin: auto 0;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
-  font-weight: normal;
-  font-size: 0.875rem;
-  color: var(--white-80);
-  margin-top: 0.25rem;
-}
-.p-toast .p-toast-message .p-toast-icon-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: #1c1b22;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-info {
-  background: var(--blue-0);
-  border: 1px solid var(--blue-800);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-content {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
-  color: var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-800);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-success {
-  background: var(--green-0);
-  border: 1px solid var(--green-900);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-content {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon {
-  color: var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-900);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-warn {
-  background: var(--orange-0);
-  border: 1px solid var(--orange-800);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-content {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
-  color: var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-800);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-error {
-  background: var(--red-0);
-  border: 1px solid var(--red-800);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-content {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
-  color: var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-800);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-
-.p-breadcrumb {
-  background: rgba(0, 0, 0, 0.0001);
-  border: none;
-  padding: 0rem;
-}
-.p-breadcrumb.none-separator-breadcrum .p-menuitem-separator {
-  opacity: 0;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  padding: 0.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover {
-  background-color: var(--gray-800);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
-  margin: 0 0.25rem;
-  color: var(--white-100);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
-  color: var(--white-80);
-}
-
-.p-menubar {
-  display: flex;
-  padding: 0.25rem;
-  align-items: flex-end;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-menubar .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menubar .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--citrine-300);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--citrine-200);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menubar .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list][level="0"] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-menubar [class*=list][level="0"] > .p-menuitem {
-  margin: 0;
-}
-.p-menubar [class*=list]:not([level="0"]) {
-  min-width: 8rem;
-  z-index: 2;
-}
-.p-menubar [class*=list][level="1"] {
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list][level="1"].p-menuitem:first-of-type {
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list]:not([level="0"]):not([level="1"]) {
-  margin-left: 0.25rem;
-  margin-top: -0.25rem;
-}
-.p-menubar ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.p-menubar .p-menuitem-link {
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  overflow: hidden;
-  position: relative;
-}
-.p-menubar .p-menuitem-text {
-  line-height: 1;
-}
-.p-menubar .p-menuitem {
-  position: relative;
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--citrine-200);
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem.p-menuitem:first-of-type {
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem .p-submenu-list {
-  display: none;
-  position: absolute;
-  z-index: 2;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  background-color: #1c1b22;
-}
-.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg) {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menubar-root-list .p-icon-wrapper {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-icon-wrapper {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menubar-custom,
-.p-menubar .p-menuitem .p-menubar-end {
-  margin-left: auto;
-  align-self: center;
-}
-.p-menubar .p-menubar-root-list {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-}
-.p-menubar .p-menubar-root-list > li ul {
-  display: none;
-  z-index: 1;
-}
-@media screen and (min-width: 960px) {
-  .p-menubar .p-submenu-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-    display: block;
-    left: 100%;
-    top: 0;
-  }
-  .p-menubar .p-menubar-root-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-    display: block;
-  }
-}
-.p-menubar .p-menubar-button {
-  display: none;
-  cursor: pointer;
-  align-items: center;
-  justify-content: center;
-}
-
-@media screen and (max-width: 960px) {
-  .p-menubar {
-    position: relative;
-    align-items: center;
-  }
-  .p-menubar .p-menubar-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--white-80);
-    border: 1px solid rgba(0, 0, 0, 0.0001);
-    background: rgba(0, 0, 0, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-menubar .p-menubar-button:hover {
-    color: var(--white-100);
-    border-color: rgba(0, 0, 0, 0.0001);
-    background: var(--gray-800);
-  }
-  .p-menubar .p-menubar-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--citrine-800);
-    caret-color: var(--citrine-300);
-  }
-  .p-menubar .p-menubar-button.p-disabled {
-    background: var(--white-20);
-    border: 1px solid var(--gray-900);
-    color: var(--white-80);
-  }
-  .p-menubar .p-menuitem-active[aria-expanded=false] .p-submenu-list {
-    display: none;
-  }
-  .p-menubar .p-menuitem-active[aria-expanded=true] > p-menubarsub > .p-submenu-list {
-    display: block;
-    position: relative;
-    left: auto;
-    top: auto;
-    border: 0;
-  }
-  .p-menubar [aria-expanded=true] + p-menubarsub .p-menubar-root-list {
-    display: block;
-  }
-  .p-menubar .p-menubar-root-list {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: none;
-    flex-direction: column;
-    min-width: 8rem;
-    border: 1px solid var(--gray-900);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: #1c1b22;
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-    border-radius: 0.5rem;
-    z-index: 2;
-  }
-  .p-menubar .p-menubar-root-list [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-menubar .p-submenu-list {
-    width: 100%;
-    display: none;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    border-radius: 0.5rem;
-    box-shadow: none;
-  }
-  .p-menubar .p-submenu-list [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(0deg);
-  }
-  .p-menubar .p-submenu-list [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-megamenu [class*=header] {
-  color: var(--white-80);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-megamenu [class*=header][data-p-disabled=true] {
-  color: var(--white-80);
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-megamenu [class*=grid] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-  width: max-content;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  padding: 0.25rem;
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-megamenu [class*=col] {
-  display: flex;
-  flex-grow: 1;
-  width: auto;
-  padding: 0;
-}
-.p-megamenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-megamenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-megamenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--citrine-300);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--citrine-200);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-megamenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-horizontal {
-  display: flex;
-}
-.p-megamenu-horizontal [class*=root] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-megamenu-horizontal [class*=root] > .p-menuitem {
-  margin: 0;
-}
-.p-megamenu-horizontal [class*=grid] {
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-vertical {
-  display: flex;
-}
-.p-megamenu-vertical [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-megamenu-vertical [class*=grid] {
-  margin-left: 0.25rem;
-}
-
-@media screen and (max-width: 960px) {
-  .p-megamenu {
-    position: relative;
-  }
-  .p-megamenu .p-megamenu-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--white-80);
-    border: 1px solid rgba(0, 0, 0, 0.0001);
-    background: rgba(0, 0, 0, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-megamenu .p-megamenu-button:hover {
-    color: var(--white-100);
-    border-color: rgba(0, 0, 0, 0.0001);
-    background: var(--gray-800);
-  }
-  .p-megamenu .p-megamenu-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--citrine-800);
-    caret-color: var(--citrine-300);
-  }
-  .p-megamenu .p-megamenu-button.p-disabled {
-    background: var(--white-20);
-    border: 1px solid var(--gray-900);
-    color: var(--white-80);
-  }
-  .p-megamenu [aria-expanded=false] + [class*=root] {
-    display: none;
-  }
-  .p-megamenu [class*=root] {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: flex;
-    flex-direction: column;
-    min-width: 8rem;
-    border-radius: 0.5rem;
-    border: 1px solid var(--gray-900);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: #1c1b22;
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-    z-index: 2;
-  }
-  .p-megamenu [class*=panel] {
-    width: 100%;
-    position: static;
-  }
-  .p-megamenu [class*=grid] {
-    display: flex;
-    flex-direction: column;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    box-shadow: none;
-  }
-  .p-megamenu [class*=grid] [class*=list] {
-    width: 100%;
-  }
-  .p-megamenu-horizontal [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-megamenu-vertical [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-menu [class*=header] {
-  color: var(--white-80);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-menu [class*=header][data-p-disabled=true] {
-  color: var(--white-80);
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-menu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--citrine-300);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--citrine-200);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-
-.p-menu-overlay {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  padding: 0.25rem;
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  z-index: 2;
-}
-
-.p-tieredmenu {
-  display: flex;
-}
-.p-tieredmenu [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-tieredmenu [data-pc-section=menu] {
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-tieredmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-tieredmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--citrine-300);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--citrine-200);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-tieredmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-
-.p-tabmenu .p-tabmenu-nav {
-  background: rgba(0, 0, 0, 0.0001);
-  border-bottom: 1px solid var(--gray-900);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
-  margin-right: 1.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  font-weight: normal;
-  border-bottom: 0.25rem solid rgba(0, 0, 0, 0.0001);
-  padding: 1rem 0rem;
-  margin: 0;
-  transition: 0.2s;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--citrine-300);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: var(--citrine-300);
-  color: var(--citrine-300);
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link {
-  background: #1c1b22;
-  color: var(--white-80);
-  width: 2.5rem;
-  box-shadow: 0px 0px 10px 50px var(--white-60);
-  border-radius: 0;
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link:hover {
-  color: var(--citrine-300);
-}
-.p-tabmenu .p-tabmenu-nav-container > .p-tabmenu-nav-content > .p-tabmenu-nav {
-  white-space: nowrap;
-  width: max-content;
-}
-
-.p-panelmenu[data-pc-section=root] {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-.p-panelmenu [data-pc-section=header] {
-  padding: 0.5rem 0.75rem;
-  border-radius: 0.5rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-action {
-  display: flex;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-link {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header] .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] {
-  background-color: var(--citrine-300);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--citrine-200);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=menu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu [data-pc-section=submenu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--citrine-300);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--citrine-200);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-link {
-  pointer-events: none;
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-submenu-icon {
-  color: var(--white-80);
-}
-
-.p-contextmenu [class*=list] {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  padding: 0.25rem;
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  z-index: 2;
-}
-.p-contextmenu [class*=list]:not([class*=root]) {
-  margin-top: -0.25rem;
-  margin-left: 0.25rem;
-}
-.p-contextmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--citrine-300);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--citrine-200);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-contextmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-@media screen and (max-width: 767px) {
-  .p-contextmenu [aria-expanded=true] > .p-menuitem-content .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-  .p-contextmenu [class*=list]:not([class*=root]) {
-    border-radius: 0;
-    border: none;
-    padding-left: 0.75rem !important;
-    margin: 0;
-    margin-top: 0.25rem;
-    background-color: transparent;
-    box-shadow: none;
-  }
-}
-
-.p-steps {
-  overflow: hidden;
-  overflow-x: auto;
-}
-.p-steps .p-steps-item {
-  display: flex;
-  justify-content: center;
-}
-.p-steps .p-steps-item .p-menuitem-link {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 0.5rem;
-  border-radius: 0;
-  padding: 0 0.5rem;
-  background: #1c1b22;
-  transition: 0.2s;
-  z-index: 1;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
-  color: var(--white-100);
-  font-weight: 500;
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-  font-size: 1rem;
-  z-index: 1;
-  border-radius: 8rem;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  color: var(--white-100);
-  font-weight: 500;
-}
-.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-steps .p-steps-item.p-highlight:not(:has(~ .p-highlight)) .p-steps-number {
-  background: var(--citrine-300);
-  color: var(--black-80);
-  border-color: transparent;
-}
-.p-steps .p-steps-item.p-highlight:not(:has(~ .p-highlight)) .p-steps-title {
-  color: var(--white-100);
-}
-.p-steps .p-steps-item.p-disabled {
-  opacity: 1;
-}
-.p-steps .p-steps-item.p-disabled .p-steps-number,
-.p-steps .p-steps-item.p-disabled .p-steps-title {
-  opacity: 0.6;
-}
-.p-steps .p-steps-item:before {
-  content: " ";
-  border-top: 1px solid var(--gray-900);
-  width: 100%;
-  top: 50%;
-  left: 0;
-  display: block;
-  position: absolute;
-}
-.p-steps .p-steps-item:first-of-type {
-  justify-content: flex-start;
-}
-.p-steps .p-steps-item:first-of-type .p-menuitem-link {
-  padding-left: 0;
-}
-.p-steps .p-steps-item:last-of-type {
-  justify-content: flex-end;
-}
-.p-steps .p-steps-item:last-of-type .p-menuitem-link {
-  padding-right: 0;
-}
-
-.p-timeline .p-timeline-event-content {
-  color: var(--white-100);
-}
-.p-timeline .p-timeline-event-opposite,
-.p-timeline .p-timeline-event-content {
-  line-height: 1;
-}
-.p-timeline .p-timeline-event-marker {
-  border: 0.25rem solid var(--citrine-300);
-  border-radius: 8rem;
-  width: 1rem;
-  height: 1rem;
-  background-color: #1c1b22;
-}
-.p-timeline .p-timeline-event-connector {
-  background-color: var(--gray-900);
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
-  padding: 0rem 0.5rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
-  width: 1px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
-  padding: 0.5rem 0rem;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
-  height: 1px;
-}
-
-.p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin: 0.5rem;
-}
-.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-carousel .p-carousel-content .p-carousel-prev.p-disabled,
-.p-carousel .p-carousel-content .p-carousel-next.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-carousel .p-carousel-indicators {
-  padding: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator {
-  margin-right: 0.5rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator:last-of-type {
-  margin-right: 0;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button {
-  background-color: var(--gray-900);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
-  background: var(--gray-600);
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-  background: var(--gray-600);
-  color: #1c1b22;
-}
-
-.p-datatable table {
-  border-collapse: separate;
-}
-.p-datatable .p-paginator-top {
-  border-width: 1px 0 1px 0;
-  border-radius: 0;
-}
-.p-datatable .p-paginator-bottom {
-  border-width: 0 0 0 0;
-  border-radius: 0;
-}
-.p-datatable .p-datatable-header {
-  background: var(--gray-0);
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-footer {
-  background: var(--gray-0);
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-thead > tr > th {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--white-100);
-  background: var(--gray-0);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tfoot > tr > td {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--white-100);
-  background: var(--gray-0);
-}
-.p-datatable .p-sortable-column p-sorticon {
-  vertical-align: middle;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon > svg, .p-datatable .p-sortable-column p-sorticon sortamountupalticon > svg, .p-datatable .p-sortable-column p-sorticon sortamountdownicon > svg {
-  display: none;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon::after, .p-datatable .p-sortable-column p-sorticon sortamountupalticon::after, .p-datatable .p-sortable-column p-sorticon sortamountdownicon::after {
-  width: 1.25rem;
-  height: 1.25rem;
-  color: var(--white-100);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon::after {
-  content: "\eb5a";
-}
-.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after {
-  content: "\eb27";
-  color: var(--citrine-300);
-}
-.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after {
-  content: "\eb26";
-  color: var(--citrine-300);
-}
-.p-datatable .p-sortable-column .p-sortable-column-badge {
-  border-radius: 50%;
-  height: 1.25rem;
-  min-width: 1.25rem;
-  line-height: 1.25rem;
-  color: var(--black-80);
-  background: var(--citrine-300);
-  margin-left: 0.5rem;
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
-  color: var(--white-100);
-}
-.p-datatable .p-sortable-column.p-highlight {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
-  color: var(--citrine-300);
-}
-.p-datatable .p-sortable-column:focus-visible {
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  outline: 0 none;
-}
-.p-datatable .p-datatable-tbody > tr {
-  background: #1c1b22;
-  color: var(--white-100);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td {
-  text-align: left;
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
-  margin-right: 0.5rem;
-}
-.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
-  font-weight: 500;
-}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
-  outline: 0.15rem solid var(--citrine-800);
-  outline-offset: -0.15rem;
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
-  box-shadow: inset 0 2px 0 0 var(--citrine-300);
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
-  box-shadow: inset 0 -2px 0 0 var(--citrine-300);
-}
-.p-datatable .p-datatable-tbody > tr .pi-chevron-right::before,
-.p-datatable .p-datatable-tbody > tr .pi-chevron-down::before {
-  color: var(--white-80);
-  font-size: 1rem;
-}
-.p-datatable .p-datatable-frozen-tbody > tr > td {
-  background: var(--gray-0);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
-  outline: 0.15rem solid var(--citrine-800);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
-  outline: 0.15rem solid var(--citrine-800);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-column-resizer-helper {
-  background: var(--gray-900);
-}
-.p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
-  background: #1c1b22;
-}
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
-  background-color: var(--gray-0);
-}
-.p-datatable .p-datatable-loading-icon {
-  font-size: 2rem;
-}
-.p-datatable .p-datatable-loading-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-header {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-footer {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-top {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-bottom {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
-  border-width: 1px 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
-  border-width: 1px 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
-  border-width: 0 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
-  background: var(--gray-0);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) + .p-row-expanded {
-  background: var(--gray-0);
-}
-.p-datatable.p-datatable-sm .p-datatable-header {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-footer {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-header {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-footer {
-  padding: 1.25rem 1.25rem;
-}
-
-.p-datatable-drag-selection-helper {
-  background: var(--gray-800);
-}
-
-.p-column-filter-overlay {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  background-color: #1c1b22;
-  padding: 0.25rem;
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-}
-
-.p-column-filter-constraint,
-.p-column-filter-constraints {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-
-.p-column-filter-buttonbar {
-  display: flex;
-  gap: 0.25rem;
-}
-
-[data-pc-section=filterremove] {
-  display: none;
-}
-[data-pc-section=filterremove]:has(.p-column-filter-remove-button) {
-  display: block;
-}
-
-.p-column-filter-menu-button,
-.p-column-filter-clear-button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  vertical-align: middle;
-}
-.p-column-filter-menu-button:enabled:hover,
-.p-column-filter-clear-button:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-column-filter-menu-button:focus-visible,
-.p-column-filter-clear-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-.p-column-filter-menu-button.p-disabled,
-.p-column-filter-clear-button.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-column-filter-menu-button filtericon > svg, .p-column-filter-menu-button filterslashicon > svg,
-.p-column-filter-clear-button filtericon > svg,
-.p-column-filter-clear-button filterslashicon > svg {
-  display: none;
-}
-.p-column-filter-menu-button filtericon::after, .p-column-filter-menu-button filterslashicon::after,
-.p-column-filter-clear-button filtericon::after,
-.p-column-filter-clear-button filterslashicon::after {
-  color: var(--white-100);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 2;
-  -webkit-font-smoothing: antialiased;
-}
-.p-column-filter-menu-button filtericon::after,
-.p-column-filter-clear-button filtericon::after {
-  content: "\eaa5";
-}
-.p-column-filter-menu-button filterslashicon::after,
-.p-column-filter-clear-button filterslashicon::after {
-  content: "\ed2c";
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active,
-.p-column-filter-clear-button.p-column-filter-menu-button-active {
-  background-color: var(--citrine-300);
-  color: var(--black-80);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active filtericon::after, .p-column-filter-menu-button.p-column-filter-menu-button-active filterslashicon::after,
-.p-column-filter-clear-button.p-column-filter-menu-button-active filtericon::after,
-.p-column-filter-clear-button.p-column-filter-menu-button-active filterslashicon::after {
-  color: var(--black-80);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active:hover,
-.p-column-filter-clear-button.p-column-filter-menu-button-active:hover {
-  background-color: var(--citrine-200);
-  color: var(--black-80);
-}
-
-.p-column-filter-row {
-  gap: 0.5rem;
-}
-
-.p-column-filter-row-item {
-  color: var(--white-80);
-  padding: 0.5rem 0.75rem;
-  margin-top: 0.25rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-}
-.p-column-filter-row-item:first-of-type {
-  margin: 0;
-}
-.p-column-filter-row-item:not(.p-highlight):hover {
-  color: var(--white-100);
-  background-color: var(--gray-800);
-}
-.p-column-filter-row-item.p-highlight {
-  color: var(--black-80);
-  background-color: var(--citrine-300);
-}
-.p-column-filter-row-item.p-highlight:hover {
-  background-color: var(--citrine-200);
-}
-
-.p-column-filter-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-
-.p-datatable-reorderablerow-handle {
-  color: var(--white-80);
-}
-.p-datatable-reorderablerow-handle::before {
-  content: "\ec01" !important;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 2;
-  -webkit-font-smoothing: antialiased;
-}
-
-.p-paginator {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-  border: solid rgba(0, 0, 0, 0.0001);
-  border-width: 0;
-  padding: 0.5rem 0rem;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
-  background-color: rgba(0, 0, 0, 0.0001);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
-  background: var(--gray-800);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-paginator .p-paginator-first.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-prev.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-next.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-last.p-disabled:not(.p-highlight) {
-  background: var(--white-20);
-  border-color: var(--gray-900);
-  color: var(--white-80);
-}
-.p-paginator .p-paginator-first {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-paginator .p-paginator-last {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-paginator .p-dropdown {
-  margin-left: 0.5rem;
-  height: 2.5rem;
-}
-.p-paginator .p-dropdown .p-dropdown-label {
-  padding-right: 0;
-}
-.p-paginator .p-paginator-page-input {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.p-paginator .p-paginator-page-input .p-inputtext {
-  max-width: 2.5rem;
-}
-.p-paginator .p-paginator-current {
-  background-color: rgba(0, 0, 0, 0.0001);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  padding: 0 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page {
-  background-color: rgba(0, 0, 0, 0.0001);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
-  background: var(--citrine-300);
-  border-color: var(--citrine-300);
-  color: var(--black-80);
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover {
-  background: var(--citrine-200);
-  border-color: var(--citrine-200);
-}
-.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
-  background: var(--gray-800);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-
-.p-galleria .p-galleria-close {
-  margin: 0.5rem;
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-close:hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-item-nav {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  margin: 0.5rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-caption {
-  background: var(--black-60);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-caption-title {
-  padding: 0 1rem;
-}
-.p-galleria .p-galleria-indicators {
-  padding: 1rem;
-  line-height: 0;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button {
-  background-color: var(--white-40);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--white-80);
-  color: var(--black-80);
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
-  margin-right: 0.5rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
-  margin-bottom: 0.5rem;
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
-  background: rgba(0, 0, 0, 0.0001);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
-  background: var(--white-40);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--white-80);
-  color: #1c1b22;
-}
-.p-galleria .p-galleria-thumbnail-container {
-  background: var(--black-100);
-  padding: 0.5rem 0.5rem;
-  gap: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-60);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
-  transition: 0.2s;
-  width: 100%;
-  height: 100%;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-800);
-  caret-color: var(--citrine-300);
-}
-
-.p-galleria-mask {
-  --maskbg: var(--black-40);
-}
-
-.p-galleria-thumbnail-item {
-  overflow: hidden;
-  height: 4rem;
-}
-
-.p-fileupload-dnd .p-fileupload,
-.p-fileupload-button .p-fileupload {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd.p-fileupload-advanced,
-.p-fileupload-button.p-fileupload-advanced {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
-.p-fileupload-dnd .p-fileupload-content,
-.p-fileupload-button .p-fileupload-content {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd .p-fileupload-content > p-progressbar,
-.p-fileupload-dnd .p-fileupload-content p-messages,
-.p-fileupload-button .p-fileupload-content > p-progressbar,
-.p-fileupload-button .p-fileupload-content p-messages {
-  display: none;
-}
-.p-fileupload-dnd .p-orderlist-controls,
-.p-fileupload-button .p-orderlist-controls {
-  display: none;
-}
-.p-fileupload-dnd .p-fileupload-files,
-.p-fileupload-button .p-fileupload-files {
-  display: none;
-}
-.p-fileupload-dnd .p-fileupload-info-button,
-.p-fileupload-button .p-fileupload-info-button {
-  width: 2.5rem;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  color: var(--blue-400);
-}
-.p-fileupload-dnd .p-orderlist-list-container,
-.p-fileupload-button .p-orderlist-list-container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-.p-fileupload-dnd .p-orderlist-list-container .p-orderlist-list,
-.p-fileupload-button .p-orderlist-list-container .p-orderlist-list {
-  overflow: hidden;
-  min-height: 0px;
-}
-.p-fileupload-dnd .p-fileupload-progress-spinner,
-.p-fileupload-button .p-fileupload-progress-spinner {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.p-fileupload-dnd .p-fileupload-item-row,
-.p-fileupload-button .p-fileupload-item-row {
-  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
-  border-radius: 0.5rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-}
-.p-fileupload-dnd .p-fileupload-item-row:hover,
-.p-fileupload-button .p-fileupload-item-row:hover {
-  background: var(--gray-800);
-}
-.p-fileupload-dnd .p-fileupload-item-row.error,
-.p-fileupload-button .p-fileupload-item-row.error {
-  border-color: var(--red-400);
-}
-.p-fileupload-dnd .p-fileupload-item-row.error .file-icon,
-.p-fileupload-button .p-fileupload-item-row.error .file-icon {
-  color: var(--red-400);
-}
-.p-fileupload-dnd .p-dataview-content,
-.p-fileupload-dnd .p-orderlist-list,
-.p-fileupload-button .p-dataview-content,
-.p-fileupload-button .p-orderlist-list {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-
-.p-fileupload-dnd .p-fileupload-buttonbar {
-  width: 100%;
-  border-radius: 0.5rem;
-  background: var(--gray-alpha);
-  border: 1px dashed var(--gray-900);
-  padding: 1.5rem 1.5rem 1rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar button {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar button > div {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.25rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar:hover {
-  cursor: pointer;
-  border-color: var(--citrine-300);
-}
-.p-fileupload-dnd .p-fileupload-buttonbar:hover i {
-  color: var(--citrine-300);
-}
-.hover\:border-primary:hover{
-  border-color: var(--primary-color);
-}
-.hover\:bg-blue-400:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}
-.hover\:bg-purple-400:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
-}
-.hover\:text-primary:hover{
-  color: var(--primary-color);
-}
-.hover\:underline:hover{
-  text-decoration-line: underline;
-}
-@media (min-width: 1px){
-  .sm\:\!w-10{
-    width: 10rem !important;
-  }
-  .sm\:\!w-15{
-    width: 15rem !important;
-  }
-  .sm\:\!w-16{
-    width: 16rem !important;
-  }
-  .sm\:\!w-26{
-    width: 26rem !important;
-  }
-  .sm\:w-auto{
-    width: auto;
-  }
-  .sm\:flex-row{
-    flex-direction: row;
-  }
-  .sm\:flex-col{
-    flex-direction: column;
-  }
-  .sm\:items-start{
-    align-items: flex-start;
-  }
-  .sm\:items-end{
-    align-items: flex-end;
-  }
-  .sm\:items-center{
-    align-items: center;
-  }
-  .sm\:gap-2{
-    gap: 0.5rem;
-  }
-  .sm\:p-8{
-    padding: 2rem;
-  }
-}
-@media (min-width: 768px){
-  .md\:col-span-3{
-    grid-column: span 3 / span 3;
-  }
-  .md\:col-span-6{
-    grid-column: span 6 / span 6;
-  }
-  .md\:mx-auto{
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .md\:mb-0{
-    margin-bottom: 0px;
-  }
-  .md\:ml-auto{
-    margin-left: auto;
-  }
-  .md\:mt-0{
-    margin-top: 0px;
-  }
-  .md\:block{
-    display: block;
-  }
-  .md\:flex{
-    display: flex;
-  }
-  .md\:hidden{
-    display: none;
-  }
-  .md\:\!w-10{
-    width: 10rem !important;
-  }
-  .md\:\!w-15{
-    width: 15rem !important;
-  }
-  .md\:\!w-20{
-    width: 20rem !important;
-  }
-  .md\:\!w-30{
-    width: 30rem !important;
-  }
-  .md\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .md\:\!w-8\/12{
-    width: 66.666667% !important;
-  }
-  .md\:w-2{
-    width: 2rem;
-  }
-  .md\:w-5{
-    width: 5rem;
-  }
-  .md\:flex-initial{
-    flex: 0 1 auto;
-  }
-  .md\:flex-row{
-    flex-direction: row;
-  }
-  .md\:flex-col{
-    flex-direction: column;
-  }
-  .md\:items-end{
-    align-items: flex-end;
-  }
-  .md\:items-center{
-    align-items: center;
-  }
-  .md\:justify-start{
-    justify-content: flex-start;
-  }
-  .md\:justify-center{
-    justify-content: center;
-  }
-  .md\:justify-between{
-    justify-content: space-between;
-  }
-  .md\:gap-8{
-    gap: 2rem;
-  }
-}
-@media (min-width: 1200px){
-  .lg\:mb-0{
-    margin-bottom: 0px;
-  }
-  .lg\:mt-0{
-    margin-top: 0px;
-  }
-  .lg\:flex{
-    display: flex;
-  }
-  .lg\:\!w-3\/12{
-    width: 25% !important;
-  }
-  .lg\:\!w-4\/12{
-    width: 33.333333% !important;
-  }
-  .lg\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .lg\:gap-0{
-    gap: 0px;
-  }
-  .lg\:px-5{
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-  .lg\:px-8{
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-  .lg\:pr-8{
-    padding-right: 2rem;
-  }
-}
-@media (min-width: 1280px){
-  .xl\:block{
-    display: block;
-  }
-  .xl\:flex{
-    display: flex;
-  }
-  .xl\:\!w-10{
-    width: 10rem !important;
-  }
-  .xl\:\!w-3\/12{
-    width: 25% !important;
-  }
-  .xl\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .xl\:\!w-9\/12{
-    width: 75% !important;
-  }
-  .xl\:w-6{
-    width: 6rem;
-  }
-  .xl\:flex-row{
-    flex-direction: row;
-  }
-  .xl\:items-start{
-    align-items: flex-start;
-  }
-  .xl\:justify-center{
-    justify-content: center;
-  }
-  .xl\:pt-0{
-    padding-top: 0px;
-  }
-  .xl\:text-left{
-    text-align: left;
-  }
-}
diff --git a/src-storybook/assets/themes/brand-dark-secondary/theme.min.css b/src-storybook/assets/themes/brand-dark-secondary/theme.min.css
deleted file mode 100644
index 5e5b46f..0000000
--- a/src-storybook/assets/themes/brand-dark-secondary/theme.min.css
+++ /dev/null
@@ -1,2852 +0,0 @@
-*, ::before, ::after {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-
-::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*//*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-
-::before,
-::after {
-  --tw-content: '';
-}
-
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: Roboto, sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-
-/*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-/*
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-
-/*
-Add the correct font size in all browsers.
-*/
-
-small {
-  font-size: 80%;
-}
-
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-  text-transform: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-
-:-moz-focusring {
-  outline: auto;
-}
-
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-  vertical-align: baseline;
-}
-
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-  display: list-item;
-}
-
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-legend {
-  padding: 0;
-}
-
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-
-/*
-Prevent resizing textareas horizontally by default.
-*/
-
-textarea {
-  resize: vertical;
-}
-
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-
-/*
-Set the default cursor for buttons.
-*/
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}.container {
-  width: 100%;
-}@media (min-width: 1px) {
-
-  .container {
-    max-width: 1px;
-  }
-}@media (min-width: 768px) {
-
-  .container {
-    max-width: 768px;
-  }
-}@media (min-width: 1200px) {
-
-  .container {
-    max-width: 1200px;
-  }
-}@media (min-width: 1280px) {
-
-  .container {
-    max-width: 1280px;
-  }
-}@media (min-width: 1536px) {
-
-  .container {
-    max-width: 1536px;
-  }
-}.pointer-events-none {
-  pointer-events: none;
-}.\!visible {
-  visibility: visible !important;
-}.visible {
-  visibility: visible;
-}.collapse {
-  visibility: collapse;
-}.static {
-  position: static;
-}.fixed {
-  position: fixed;
-}.absolute {
-  position: absolute;
-}.relative {
-  position: relative;
-}.sticky {
-  position: sticky;
-}.left-0 {
-  left: 0px;
-}.right-0 {
-  right: 0px;
-}.top-0 {
-  top: 0px;
-}.top-auto {
-  top: auto;
-}.z-1 {
-  z-index: 1;
-}.col-span-12 {
-  grid-column: span 12 / span 12;
-}.col-span-2 {
-  grid-column: span 2 / span 2;
-}.col-span-6 {
-  grid-column: span 6 / span 6;
-}.col-span-8 {
-  grid-column: span 8 / span 8;
-}.m-0 {
-  margin: 0px;
-}.m-2 {
-  margin: 0.5rem;
-}.m-3 {
-  margin: 0.75rem;
-}.m-auto {
-  margin: auto;
-}.mx-0 {
-  margin-left: 0px;
-  margin-right: 0px;
-}.mx-1 {
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}.mx-3 {
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}.mx-4 {
-  margin-left: 1rem;
-  margin-right: 1rem;
-}.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}.my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}.my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}.my-4 {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}.my-5 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}.-ml-5 {
-  margin-left: -1.25rem;
-}.-mr-1 {
-  margin-right: -0.25rem;
-}.-mr-8 {
-  margin-right: -2rem;
-}.-mt-4 {
-  margin-top: -1rem;
-}.-mt-5 {
-  margin-top: -1.25rem;
-}.mb-0 {
-  margin-bottom: 0px;
-}.mb-1 {
-  margin-bottom: 0.25rem;
-}.mb-2 {
-  margin-bottom: 0.5rem;
-}.mb-3 {
-  margin-bottom: 0.75rem;
-}.mb-4 {
-  margin-bottom: 1rem;
-}.mb-5 {
-  margin-bottom: 1.25rem;
-}.mb-6 {
-  margin-bottom: 1.5rem;
-}.mb-8 {
-  margin-bottom: 2rem;
-}.ml-1 {
-  margin-left: 0.25rem;
-}.ml-2 {
-  margin-left: 0.5rem;
-}.ml-3 {
-  margin-left: 0.75rem;
-}.ml-5 {
-  margin-left: 1.25rem;
-}.ml-8 {
-  margin-left: 2rem;
-}.ml-auto {
-  margin-left: auto;
-}.mr-1 {
-  margin-right: 0.25rem;
-}.mr-2 {
-  margin-right: 0.5rem;
-}.mr-3 {
-  margin-right: 0.75rem;
-}.mr-4 {
-  margin-right: 1rem;
-}.mr-5 {
-  margin-right: 1.25rem;
-}.mt-0 {
-  margin-top: 0px;
-}.mt-1 {
-  margin-top: 0.25rem;
-}.mt-2 {
-  margin-top: 0.5rem;
-}.mt-3 {
-  margin-top: 0.75rem;
-}.mt-4 {
-  margin-top: 1rem;
-}.mt-5 {
-  margin-top: 1.25rem;
-}.mt-6 {
-  margin-top: 1.5rem;
-}.mt-7 {
-  margin-top: 1.75rem;
-}.mt-8 {
-  margin-top: 2rem;
-}.mt-auto {
-  margin-top: auto;
-}.block {
-  display: block;
-}.inline-block {
-  display: inline-block;
-}.\!inline {
-  display: inline !important;
-}.inline {
-  display: inline;
-}.flex {
-  display: flex;
-}.inline-flex {
-  display: inline-flex;
-}.table {
-  display: table;
-}.table-cell {
-  display: table-cell;
-}.grid {
-  display: grid;
-}.contents {
-  display: contents;
-}.hidden {
-  display: none;
-}.\!h-1 {
-  height: 1rem !important;
-}.\!h-10 {
-  height: 10rem !important;
-}.\!h-12 {
-  height: 12rem !important;
-}.\!h-14 {
-  height: 14rem !important;
-}.\!h-2 {
-  height: 2rem !important;
-}.\!h-20 {
-  height: 20rem !important;
-}.\!h-3 {
-  height: 3rem !important;
-}.\!h-30 {
-  height: 30rem !important;
-}.\!h-4 {
-  height: 4rem !important;
-}.\!h-5 {
-  height: 5rem !important;
-}.\!h-6 {
-  height: 6rem !important;
-}.\!h-8 {
-  height: 8rem !important;
-}.h-4 {
-  height: 4rem;
-}.h-full {
-  height: 100%;
-}.h-screen {
-  height: 100vh;
-}.\!w-1 {
-  width: 1rem !important;
-}.\!w-10 {
-  width: 10rem !important;
-}.\!w-12 {
-  width: 12rem !important;
-}.\!w-14 {
-  width: 14rem !important;
-}.\!w-15 {
-  width: 15rem !important;
-}.\!w-18 {
-  width: 18rem !important;
-}.\!w-2 {
-  width: 2rem !important;
-}.\!w-20 {
-  width: 20rem !important;
-}.\!w-25 {
-  width: 25rem !important;
-}.\!w-3 {
-  width: 3rem !important;
-}.\!w-3\/12 {
-  width: 25% !important;
-}.\!w-30 {
-  width: 30rem !important;
-}.\!w-4 {
-  width: 4rem !important;
-}.\!w-4\/12 {
-  width: 33.333333% !important;
-}.\!w-6 {
-  width: 6rem !important;
-}.\!w-6\/12 {
-  width: 50% !important;
-}.\!w-7\/12 {
-  width: 58.333333% !important;
-}.\!w-8 {
-  width: 8rem !important;
-}.\!w-8\/12 {
-  width: 66.666667% !important;
-}.\!w-9 {
-  width: 9rem !important;
-}.\!w-9\/12 {
-  width: 75% !important;
-}.w-1 {
-  width: 1rem;
-}.w-13 {
-  width: 13rem;
-}.w-9 {
-  width: 9rem;
-}.w-full {
-  width: 100%;
-}.min-w-0 {
-  min-width: 0px;
-}.max-w-full {
-  max-width: 100%;
-}.flex-1 {
-  flex: 1 1 0%;
-}.flex-auto {
-  flex: 1 1 auto;
-}.flex-shrink-0 {
-  flex-shrink: 0;
-}.shrink {
-  flex-shrink: 1;
-}.flex-grow {
-  flex-grow: 1;
-}.grow {
-  flex-grow: 1;
-}.origin-top {
-  transform-origin: top;
-}.transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}.cursor-pointer {
-  cursor: pointer;
-}.select-none {
-  user-select: none;
-}.resize {
-  resize: both;
-}.list-none {
-  list-style-type: none;
-}.grid-cols-12 {
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}.flex-row {
-  flex-direction: row;
-}.flex-row-reverse {
-  flex-direction: row-reverse;
-}.flex-col {
-  flex-direction: column;
-}.flex-wrap {
-  flex-wrap: wrap;
-}.items-start {
-  align-items: flex-start;
-}.items-end {
-  align-items: flex-end;
-}.items-center {
-  align-items: center;
-}.justify-start {
-  justify-content: flex-start;
-}.justify-end {
-  justify-content: flex-end;
-}.justify-center {
-  justify-content: center;
-}.justify-between {
-  justify-content: space-between;
-}.gap-1 {
-  gap: 0.25rem;
-}.gap-2 {
-  gap: 0.5rem;
-}.gap-3 {
-  gap: 0.75rem;
-}.gap-4 {
-  gap: 1rem;
-}.gap-5 {
-  gap: 1.25rem;
-}.gap-6 {
-  gap: 1.5rem;
-}.gap-8 {
-  gap: 2rem;
-}.overflow-auto {
-  overflow: auto;
-}.overflow-hidden {
-  overflow: hidden;
-}.overflow-visible {
-  overflow: visible;
-}.overflow-x-auto {
-  overflow-x: auto;
-}.overflow-y-auto {
-  overflow-y: auto;
-}.overflow-y-hidden {
-  overflow-y: hidden;
-}.whitespace-nowrap {
-  white-space: nowrap;
-}.rounded {
-  border-radius: 0.25rem;
-}.rounded-2xl {
-  border-radius: 1rem;
-}.rounded-3xl {
-  border-radius: 1.5rem;
-}.rounded-full {
-  border-radius: 9999px;
-}.rounded-xl {
-  border-radius: 0.75rem;
-}.border {
-  border-width: 1px;
-}.border-1 {
-  border-width: 1px;
-}.border-2 {
-  border-width: 2px;
-}.border-solid {
-  border-style: solid;
-}.border-dashed {
-  border-style: dashed;
-}.border-none {
-  border-style: none;
-}.border-blue-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}.border-color {
-  border-color: var(--text-color);
-}.border-indigo-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
-}.border-orange-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
-}.border-pink-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
-}.border-primary {
-  border-color: var(--primary-color);
-}.border-teal-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
-}.border-transparent {
-  border-color: transparent;
-}.bg-black {
-  background-color: var(--black-100);
-}.bg-blue-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}.bg-blue-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
-}.bg-blue-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}.bg-gray-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
-}.bg-green-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
-}.bg-indigo-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
-}.bg-orange-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
-}.bg-pink-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
-}.bg-primary {
-  background-color: var(--primary-color);
-}.bg-primary-600 {
-  background-color: var(--primary-600);
-}.bg-purple-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
-}.bg-surface-50 {
-  background-color: var(--surface-50);
-}.bg-teal-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
-}.bg-transparent {
-  background-color: transparent;
-}.bg-white {
-  background-color: var(--white-100);
-}.bg-cover {
-  background-size: cover;
-}.object-cover {
-  object-fit: cover;
-}.\!p-0 {
-  padding: 0px !important;
-}.p-0 {
-  padding: 0px;
-}.p-1 {
-  padding: 0.25rem;
-}.p-2 {
-  padding: 0.5rem;
-}.p-3 {
-  padding: 0.75rem;
-}.p-4 {
-  padding: 1rem;
-}.p-5 {
-  padding: 1.25rem;
-}.p-8 {
-  padding: 2rem;
-}.px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
-}.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}.px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
-}.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}.py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}.pb-0 {
-  padding-bottom: 0px;
-}.pb-3 {
-  padding-bottom: 0.75rem;
-}.pb-4 {
-  padding-bottom: 1rem;
-}.pb-5 {
-  padding-bottom: 1.25rem;
-}.pl-0 {
-  padding-left: 0px;
-}.pl-2 {
-  padding-left: 0.5rem;
-}.pl-3 {
-  padding-left: 0.75rem;
-}.pr-0 {
-  padding-right: 0px;
-}.pr-3 {
-  padding-right: 0.75rem;
-}.pr-4 {
-  padding-right: 1rem;
-}.pr-5 {
-  padding-right: 1.25rem;
-}.pr-6 {
-  padding-right: 1.5rem;
-}.pt-1 {
-  padding-top: 0.25rem;
-}.pt-3 {
-  padding-top: 0.75rem;
-}.pt-4 {
-  padding-top: 1rem;
-}.pt-5 {
-  padding-top: 1.25rem;
-}.pt-6 {
-  padding-top: 1.5rem;
-}.pt-7 {
-  padding-top: 1.75rem;
-}.pt-8 {
-  padding-top: 2rem;
-}.text-left {
-  text-align: left;
-}.text-center {
-  text-align: center;
-}.text-right {
-  text-align: right;
-}.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}.text-3xl {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}.text-4xl {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}.text-5xl {
-  font-size: 3rem;
-  line-height: 1;
-}.text-6xl {
-  font-size: 3.75rem;
-  line-height: 1;
-}.text-7xl {
-  font-size: 4.5rem;
-  line-height: 1;
-}.text-8xl {
-  font-size: 6rem;
-  line-height: 1;
-}.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}.font-bold {
-  font-weight: 700;
-}.font-medium {
-  font-weight: 500;
-}.font-normal {
-  font-weight: 400;
-}.font-semibold {
-  font-weight: 600;
-}.uppercase {
-  text-transform: uppercase;
-}.lowercase {
-  text-transform: lowercase;
-}.leading {
-  line-height: normal;
-}.leading-auto {
-  line-height: 1.2;
-}.leading-none {
-  line-height: 1;
-}.leading-normal {
-  line-height: 1.5;
-}.text-blue-500 {
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}.text-color {
-  color: var(--text-color);
-}.text-color-secondary {
-  color: var(--text-color-secondary);
-}.text-gray-900 {
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}.text-green-500 {
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
-}.text-green-600 {
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
-}.text-help {
-  color: var(--purple-400);
-}.text-indigo-200 {
-  --tw-text-opacity: 1;
-  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
-}.text-indigo-500 {
-  --tw-text-opacity: 1;
-  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
-}.text-info {
-  color: var(--blue-400);
-}.text-primary {
-  color: var(--primary-color);
-}.text-primary-50 {
-  color: var(--primary-50);
-}.text-primary-500 {
-  color: var(--primary-500);
-}.text-primary-700 {
-  color: var(--primary-700);
-}.text-red-500 {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}.text-slate-500 {
-  --tw-text-opacity: 1;
-  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
-}.text-white {
-  color: var(--white-100);
-}.text-yellow-500 {
-  --tw-text-opacity: 1;
-  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
-}.line-through {
-  text-decoration-line: line-through;
-}.no-underline {
-  text-decoration-line: none;
-}.antialiased {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}.opacity-20 {
-  opacity: 0.2;
-}.shadow {
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}.outline {
-  outline-style: solid;
-}.outline-color {
-  outline-color: var(--text-color);
-}.blur {
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.grayscale {
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.backdrop-filter {
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.duration-300 {
-  transition-duration: 300ms;
-}.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}.title-h1 {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h2 {
-  font-size: 1.5rem;
-  line-height: 2rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h3 {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h4 {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h5 {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h6 {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.subtitle-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}.subtitle-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}.subtitle-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}.subtitle-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}.subtitle-sm-secondary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}.subtitle-sm-primary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}.caption {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.caption-secondary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.caption-primary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.caption-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.caption-secondary-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.caption-primary-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.service-danger-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}.service-danger-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}.service-warning-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}.service-warning-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}.service-success-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}.service-success-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}.service-info-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.service-info-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.service-help-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.service-help-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.anchor-base:hover {
-  text-decoration-line: underline;
-}.anchor-base:visited {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-base:visited:hover {
-  text-decoration-line: underline;
-}.anchor-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.anchor-sm:hover {
-  text-decoration-line: underline;
-}.anchor-sm:visited {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-sm:visited:hover {
-  text-decoration-line: underline;
-}:root{--emerald-0: color-mix(in srgb, color-mix(in srgb, #29C075, #fff 76%), #000 80%);--emerald-50: color-mix(in srgb, #29C075, #fff 95%);--emerald-100: color-mix(in srgb, #29C075, #fff 76%);--emerald-200: color-mix(in srgb, #29C075, #fff 57%);--emerald-300: color-mix(in srgb, #29C075, #fff 38%);--emerald-400: color-mix(in srgb, #29C075, #fff 19%);--emerald-500: color-mix(in srgb, #29C075, #fff 0%);--emerald-600: color-mix(in srgb, #29C075, #000 15%);--emerald-700: color-mix(in srgb, #29C075, #000 30%);--emerald-800: color-mix(in srgb, #29C075, #000 45%);--emerald-900: color-mix(in srgb, #29C075, #000 60%);--emerald-alpha: color-mix(in srgb, #29C075 10%, transparent);--citrine-0: color-mix(in srgb, color-mix(in srgb, #FA8606, #fff 76%), #000 80%);--citrine-50: color-mix(in srgb, #FA8606, #fff 95%);--citrine-100: color-mix(in srgb, #FA8606, #fff 76%);--citrine-200: color-mix(in srgb, #FA8606, #fff 57%);--citrine-300: color-mix(in srgb, #FA8606, #fff 38%);--citrine-400: color-mix(in srgb, #FA8606, #fff 19%);--citrine-500: color-mix(in srgb, #FA8606, #fff 0%);--citrine-600: color-mix(in srgb, #FA8606, #000 15%);--citrine-700: color-mix(in srgb, #FA8606, #000 30%);--citrine-800: color-mix(in srgb, #FA8606, #000 45%);--citrine-900: color-mix(in srgb, #FA8606, #000 60%);--citrine-alpha: color-mix(in srgb, #FA8606 10%, transparent);--aquamarine-0: color-mix(in srgb, color-mix(in srgb, #14B8A6, #fff 76%), #000 80%);--aquamarine-50: color-mix(in srgb, #14B8A6, #fff 95%);--aquamarine-100: color-mix(in srgb, #14B8A6, #fff 76%);--aquamarine-200: color-mix(in srgb, #14B8A6, #fff 57%);--aquamarine-300: color-mix(in srgb, #14B8A6, #fff 38%);--aquamarine-400: color-mix(in srgb, #14B8A6, #fff 19%);--aquamarine-500: color-mix(in srgb, #14B8A6, #fff 0%);--aquamarine-600: color-mix(in srgb, #14B8A6, #000 15%);--aquamarine-700: color-mix(in srgb, #14B8A6, #000 30%);--aquamarine-800: color-mix(in srgb, #14B8A6, #000 45%);--aquamarine-900: color-mix(in srgb, #14B8A6, #000 60%);--aquamarine-alpha: color-mix(in srgb, #14B8A6 10%, transparent);--amethyst-0: color-mix(in srgb, color-mix(in srgb, #7254F3, #fff 76%), #000 80%);--amethyst-50: color-mix(in srgb, #7254F3, #fff 95%);--amethyst-100: color-mix(in srgb, #7254F3, #fff 76%);--amethyst-200: color-mix(in srgb, #7254F3, #fff 57%);--amethyst-300: color-mix(in srgb, #7254F3, #fff 38%);--amethyst-400: color-mix(in srgb, #7254F3, #fff 19%);--amethyst-500: color-mix(in srgb, #7254F3, #fff 0%);--amethyst-600: color-mix(in srgb, #7254F3, #000 15%);--amethyst-700: color-mix(in srgb, #7254F3, #000 30%);--amethyst-800: color-mix(in srgb, #7254F3, #000 45%);--amethyst-900: color-mix(in srgb, #7254F3, #000 60%);--amethyst-alpha: color-mix(in srgb, #7254F3 10%, transparent);--purple-0: color-mix(in srgb, color-mix(in srgb, #9757D7, #fff 76%), #000 80%);--purple-50: color-mix(in srgb, #9757D7, #fff 95%);--purple-100: color-mix(in srgb, #9757D7, #fff 76%);--purple-200: color-mix(in srgb, #9757D7, #fff 57%);--purple-300: color-mix(in srgb, #9757D7, #fff 38%);--purple-400: color-mix(in srgb, #9757D7, #fff 19%);--purple-500: color-mix(in srgb, #9757D7, #fff 0%);--purple-600: color-mix(in srgb, #9757D7, #000 15%);--purple-700: color-mix(in srgb, #9757D7, #000 30%);--purple-800: color-mix(in srgb, #9757D7, #000 45%);--purple-900: color-mix(in srgb, #9757D7, #000 60%);--purple-alpha: color-mix(in srgb, #9757D7 10%, transparent);--blue-0: color-mix(in srgb, color-mix(in srgb, #1F8CEB, #fff 76%), #000 80%);--blue-50: color-mix(in srgb, #1F8CEB, #fff 95%);--blue-100: color-mix(in srgb, #1F8CEB, #fff 76%);--blue-200: color-mix(in srgb, #1F8CEB, #fff 57%);--blue-300: color-mix(in srgb, #1F8CEB, #fff 38%);--blue-400: color-mix(in srgb, #1F8CEB, #fff 19%);--blue-500: color-mix(in srgb, #1F8CEB, #fff 0%);--blue-600: color-mix(in srgb, #1F8CEB, #000 15%);--blue-700: color-mix(in srgb, #1F8CEB, #000 30%);--blue-800: color-mix(in srgb, #1F8CEB, #000 45%);--blue-900: color-mix(in srgb, #1F8CEB, #000 60%);--blue-alpha: color-mix(in srgb, #1F8CEB 10%, transparent);--green-0: color-mix(in srgb, color-mix(in srgb, #45B24E, #fff 76%), #000 80%);--green-50: color-mix(in srgb, #45B24E, #fff 95%);--green-100: color-mix(in srgb, #45B24E, #fff 76%);--green-200: color-mix(in srgb, #45B24E, #fff 57%);--green-300: color-mix(in srgb, #45B24E, #fff 38%);--green-400: color-mix(in srgb, #45B24E, #fff 19%);--green-500: color-mix(in srgb, #45B24E, #fff 0%);--green-600: color-mix(in srgb, #45B24E, #000 15%);--green-700: color-mix(in srgb, #45B24E, #000 30%);--green-800: color-mix(in srgb, #45B24E, #000 45%);--green-900: color-mix(in srgb, #45B24E, #000 60%);--green-alpha: color-mix(in srgb, #45B24E 10%, transparent);--orange-0: color-mix(in srgb, color-mix(in srgb, #FFA100, #fff 76%), #000 80%);--orange-50: color-mix(in srgb, #FFA100, #fff 95%);--orange-100: color-mix(in srgb, #FFA100, #fff 76%);--orange-200: color-mix(in srgb, #FFA100, #fff 57%);--orange-300: color-mix(in srgb, #FFA100, #fff 38%);--orange-400: color-mix(in srgb, #FFA100, #fff 19%);--orange-500: color-mix(in srgb, #FFA100, #fff 0%);--orange-600: color-mix(in srgb, #FFA100, #000 15%);--orange-700: color-mix(in srgb, #FFA100, #000 30%);--orange-800: color-mix(in srgb, #FFA100, #000 45%);--orange-900: color-mix(in srgb, #FFA100, #000 60%);--orange-alpha: color-mix(in srgb, #FFA100 10%, transparent);--red-0: color-mix(in srgb, color-mix(in srgb, #DB4C3F, #fff 76%), #000 80%);--red-50: color-mix(in srgb, #DB4C3F, #fff 95%);--red-100: color-mix(in srgb, #DB4C3F, #fff 76%);--red-200: color-mix(in srgb, #DB4C3F, #fff 57%);--red-300: color-mix(in srgb, #DB4C3F, #fff 38%);--red-400: color-mix(in srgb, #DB4C3F, #fff 19%);--red-500: color-mix(in srgb, #DB4C3F, #fff 0%);--red-600: color-mix(in srgb, #DB4C3F, #000 15%);--red-700: color-mix(in srgb, #DB4C3F, #000 30%);--red-800: color-mix(in srgb, #DB4C3F, #000 45%);--red-900: color-mix(in srgb, #DB4C3F, #000 60%);--red-alpha: color-mix(in srgb, #DB4C3F 10%, transparent);--gray-0: color-mix(in srgb, color-mix(in srgb, #ABAAA9, #fff 76%), #000 80%);--gray-50: color-mix(in srgb, #ABAAA9, #fff 95%);--gray-100: color-mix(in srgb, #ABAAA9, #fff 76%);--gray-200: color-mix(in srgb, #ABAAA9, #fff 57%);--gray-300: color-mix(in srgb, #ABAAA9, #fff 38%);--gray-400: color-mix(in srgb, #ABAAA9, #fff 19%);--gray-500: color-mix(in srgb, #ABAAA9, #fff 0%);--gray-600: color-mix(in srgb, #ABAAA9, #000 15%);--gray-700: color-mix(in srgb, #ABAAA9, #000 30%);--gray-800: color-mix(in srgb, #ABAAA9, #000 45%);--gray-900: color-mix(in srgb, #ABAAA9, #000 60%);--gray-alpha: color-mix(in srgb, #ABAAA9 10%, transparent);--black-10: color-mix(in srgb, #000 10%, transparent) ;--black-20: color-mix(in srgb, #000 20%, transparent) ;--black-30: color-mix(in srgb, #000 30%, transparent) ;--black-40: color-mix(in srgb, #000 40%, transparent) ;--black-50: color-mix(in srgb, #000 50%, transparent) ;--black-60: color-mix(in srgb, #000 60%, transparent) ;--black-70: color-mix(in srgb, #000 70%, transparent) ;--black-80: color-mix(in srgb, #000 80%, transparent) ;--black-90: color-mix(in srgb, #000 90%, transparent) ;--black-100: color-mix(in srgb, #000 100%, transparent) ;--white-10: color-mix(in srgb, #fff 10%, transparent) ;--white-20: color-mix(in srgb, #fff 20%, transparent) ;--white-30: color-mix(in srgb, #fff 30%, transparent) ;--white-40: color-mix(in srgb, #fff 40%, transparent) ;--white-50: color-mix(in srgb, #fff 50%, transparent) ;--white-60: color-mix(in srgb, #fff 60%, transparent) ;--white-70: color-mix(in srgb, #fff 70%, transparent) ;--white-80: color-mix(in srgb, #fff 80%, transparent) ;--white-90: color-mix(in srgb, #fff 90%, transparent) ;--white-100: color-mix(in srgb, #fff 100%, transparent) ;--font-family: Roboto, Inter, Helvetica, Arial, sans-serif;--text-color: var(--white-100);--text-color-secondary: var(--white-80);--primary-color: var(--citrine-300);--primary-color-text: var(--black-80);--primary-0: var(--citrine-0);--primary-900: var(--citrine-900);--primary-800: var(--citrine-800);--primary-700: var(--citrine-700);--primary-600: var(--citrine-600);--primary-500: var(--citrine-500);--primary-400: var(--citrine-400);--primary-300: var(--citrine-300);--primary-200: var(--citrine-200);--primary-100: var(--citrine-100);--primary-50: var(--citrine-50);--primary-alpha: var(--citrine-alpha);--surface-0: var(--gray-50);--surface-50: var(--gray-0);--surface-100: var(--gray-900);--surface-200: var(--gray-800);--surface-300: var(--gray-700);--surface-400: var(--gray-600);--surface-500: var(--gray-600);--surface-600: var(--gray-400);--surface-700: var(--gray-300);--surface-800: var(--gray-200);--surface-900: var(--gray-100);--content-padding: 1rem;--inline-spacing: 0.5rem;--border-radius: 0.5rem;--surface-ground: #1c1b22;--surface-section: var(--gray-alpha);--surface-card: #1c1b22;--surface-overlay: var(--black-40);--surface-border: var(--gray-900);--surface-hover: var(--gray-800);--focus-ring: 0 0 0 0.25rem var(--citrine-800);--maskbg: var(--black-40);--highlight-bg: var(--citrine-300);--highlight-text-color: var(--black-80);color-scheme:dark}@media only screen and (min-resolution: 100dpi)and (max-resolution: 199dpi){html,body{font-size:12px}}@media only screen and (min-resolution: 200dpi)and (max-resolution: 499dpi){html,body{font-size:14px}}@media only screen and (min-resolution: 500dpi){html,body{font-size:16px}}*{box-sizing:border-box}html{font-size:14px;font-family:var(--font-family)}::selection{color:var(--black-80);background-color:var(--citrine-300)}.p-component{font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;font-weight:normal}.p-component-overlay{background-color:var(--black-40);transition-duration:.2s;padding:.5rem}.p-disabled,.p-component:disabled{pointer-events:all;cursor:not-allowed;opacity:.6;filter:grayscale(1)}.p-placeholder{opacity:.6}.p-error{color:var(--red-400)}.p-text-secondary{color:var(--white-80)}.p-icon{width:1rem;height:1rem}.p-link{font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;border-radius:.5rem}.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-component-overlay-enter{animation:p-component-overlay-enter-animation 150ms forwards}.p-component-overlay-leave{animation:p-component-overlay-leave-animation 150ms forwards}@keyframes p-component-overlay-enter-animation{from{background-color:rgba(0,0,0,0)}to{background-color:var(--maskbg)}}@keyframes p-component-overlay-leave-animation{from{background-color:var(--maskbg)}to{background-color:rgba(0,0,0,0)}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background-color:var(--white-20);border-radius:4.5px}::-webkit-scrollbar-track{background-color:rgba(0,0,0,.0001)}::-webkit-scrollbar-track:hover{background-color:var(--gray-800)}p-autocomplete.ng-dirty.ng-invalid>.p-autocomplete>.p-inputtext,p-calendar.ng-dirty.ng-invalid>.p-calendar>.p-inputtext,p-cascadeselect.ng-dirty.ng-invalid>.p-cascadeselect,p-checkbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box,p-tristatecheckbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box,p-chips.ng-dirty.ng-invalid>.p-chips>.p-inputtext,p-dropdown.ng-dirty.ng-invalid>.p-dropdown,p-inputmask.ng-dirty.ng-invalid>.p-inputtext,p-inputnumber.ng-dirty.ng-invalid>.p-inputnumber>.p-inputtext,p-inputswitch.ng-dirty.ng-invalid>.p-inputswitch>.p-inputswitch-slider,.p-inputtext.ng-dirty.ng-invalid,p-listbox.ng-dirty.ng-invalid>.p-listbox,p-multiselect.ng-dirty.ng-invalid>.p-multiselect,p-password.ng-invalid.ng-dirty>.p-password>.p-inputtext,p-radiobutton.ng-dirty.ng-invalid>.p-radiobutton>.p-radiobutton-box,p-selectbutton.ng-dirty.ng-invalid>.p-selectbutton>.p-button,p-togglebutton.ng-dirty.ng-invalid>.p-togglebutton.p-button,p-treeselect.ng-invalid.ng-dirty>.p-treeselect{border-color:var(--red-400) !important;box-shadow:0 0 0 .25rem var(--red-800) !important}.p-progress-spinner-circle{stroke:var(--citrine-300)}.p-overflow-hidden{overflow:hidden;padding-right:var(--scrollbar-width)}@layer primeng{.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type=button],input[type=submit],input[type=reset],input[type=file]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:rgba(0,0,0,0);margin:0;padding:0;border:none;cursor:pointer;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:inline-flex}.p-icon{display:inline-block}.p-icon-spin{animation:p-icon-spin 2s infinite linear}}@keyframes p-icon-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.p-togglebutton.p-button.p-highlight.p-disabled,.p-button.p-button-help.p-disabled,.p-button-group.p-button-help>.p-button.p-disabled,.p-splitbutton.p-button-help>.p-button.p-disabled,.p-fileupload-choose.p-button-help.p-disabled,.p-button.p-button-info.p-disabled,.p-button-group.p-button-info>.p-button.p-disabled,.p-splitbutton.p-button-info>.p-button.p-disabled,.p-fileupload-choose.p-button-info.p-disabled,.p-button.p-button-success.p-disabled,.p-button-group.p-button-success>.p-button.p-disabled,.p-splitbutton.p-button-success>.p-button.p-disabled,.p-fileupload-choose.p-button-success.p-disabled,.p-button.p-button-warning.p-disabled,.p-button-group.p-button-warning>.p-button.p-disabled,.p-splitbutton.p-button-warning>.p-button.p-disabled,.p-fileupload-choose.p-button-warning.p-disabled,.p-button.p-button-danger.p-disabled,.p-button-group.p-button-danger>.p-button.p-disabled,.p-splitbutton.p-button-danger>.p-button.p-disabled,.p-fileupload-choose.p-button-danger.p-disabled,.p-button.p-disabled{color:var(--white-80);background-color:var(--white-20);border-color:var(--gray-900)}.p-button{height:2.5rem;display:flex;gap:.5rem;font-size:1rem;font-weight:700;color:var(--black-80);border:1px solid rgba(0,0,0,.0001);border-radius:.5rem;padding:0rem 1rem;background:var(--citrine-300);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-button .p-button-label{transition-duration:.2s}.p-button .p-button-icon{font-size:1.25rem}.p-button.p-button-rounded{border-radius:100px}.p-button.p-button-icon-only{flex-shrink:0;width:2.5rem;padding:0}.p-button.p-button-icon-only:after{display:none}.p-button.p-button-icon-only .p-button-label{display:none}.p-button.p-button-sm{height:2rem;font-size:.875rem;padding:0 .75rem}.p-button.p-button-sm .p-button-icon{font-size:1rem}.p-button.p-button-sm.p-button-icon-only{width:2rem;padding:0}.p-button.p-button-lg{gap:.75rem;height:3.5rem;font-size:1.25rem;padding:0 1.5rem}.p-button.p-button-lg .p-button-icon{font-size:1.5rem}.p-button.p-button-lg.p-button-icon-only{width:3.5rem;padding:0}.p-button:not(.p-disabled):hover{background:var(--citrine-200);color:var(--black-80);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button:not(.p-disabled):active{background:var(--citrine-300);color:var(--black-80);border-color:rgba(0,0,0,0);box-shadow:none}.p-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}p-button[size=xlarge] .p-button{gap:.75rem;height:4rem;font-size:1.75rem;padding:0 1.5rem}p-button[size=xlarge] .p-button .p-button-icon{font-size:2rem}p-button[size=xlarge] .p-button.p-button-icon-only{width:4rem;padding:0}.p-button-outlined{background:rgba(0,0,0,.0001);color:var(--citrine-300);border-color:var(--citrine-800)}.p-button-outlined:not(.p-disabled):hover{background:rgba(0,0,0,.0001);color:var(--citrine-300);border-color:var(--citrine-300);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button-outlined:not(.p-disabled):active{background:rgba(0,0,0,.0001);color:var(--citrine-300);border-color:var(--citrine-800);box-shadow:none}.p-button-text{background-color:#1c1b22;color:var(--citrine-300)}.p-button-text:not(.p-disabled):hover{background:var(--citrine-alpha);color:var(--citrine-300);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button-text:not(.p-disabled):active{background:#1c1b22;color:var(--citrine-300);border-color:rgba(0,0,0,0);box-shadow:none}.p-button-group{display:flex}.p-fluid .p-button:not(.p-button-icon-only){width:100%}.p-fluid .p-button-group .p-button:not(.p-button-icon-only){flex:1}.p-button.p-button-danger,.p-button-group.p-button-danger>.p-button,.p-splitbutton.p-button-danger>.p-button,.p-fileupload-choose.p-button-danger{color:var(--black-80);background:var(--red-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-danger:not(.p-disabled):hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-danger:not(.p-disabled):hover{background:var(--red-300);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-danger:not(.p-disabled):active,.p-button-group.p-button-danger>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-danger:not(.p-disabled):active{background:var(--red-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-danger:not(.p-disabled).p-button-outlined,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--red-400);border-color:var(--red-800)}.p-button.p-button-danger:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-danger:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--red-400);border-color:var(--red-800);box-shadow:none}.p-button.p-button-danger:not(.p-disabled).p-button-text,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--red-400)}.p-button.p-button-danger:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:hover{background:var(--red-alpha);color:var(--red-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-danger:not(.p-disabled).p-button-text:active,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:active{background:rgba(0,0,0,.0001);color:var(--red-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-warning,.p-button-group.p-button-warning>.p-button,.p-splitbutton.p-button-warning>.p-button,.p-fileupload-choose.p-button-warning{color:var(--black-80);background:var(--orange-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-warning:not(.p-disabled):hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-warning:not(.p-disabled):hover{background:var(--orange-300);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-warning:not(.p-disabled):active,.p-button-group.p-button-warning>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-warning:not(.p-disabled):active{background:var(--orange-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-warning:not(.p-disabled).p-button-outlined,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--orange-400);border-color:var(--orange-800)}.p-button.p-button-warning:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-warning:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--orange-400);border-color:var(--orange-800);box-shadow:none}.p-button.p-button-warning:not(.p-disabled).p-button-text,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--orange-400)}.p-button.p-button-warning:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:hover{background:var(--orange-alpha);color:var(--orange-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-warning:not(.p-disabled).p-button-text:active,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:active{background:#1c1b22;color:var(--orange-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-success,.p-button-group.p-button-success>.p-button,.p-splitbutton.p-button-success>.p-button,.p-fileupload-choose.p-button-success{color:var(--black-80);background:var(--green-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-success:not(.p-disabled):hover,.p-button-group.p-button-success>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-success:not(.p-disabled):hover{background:var(--green-300);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-success:not(.p-disabled):active,.p-button-group.p-button-success>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-success:not(.p-disabled):active{background:var(--green-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-success:not(.p-disabled).p-button-outlined,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--green-400);border-color:var(--green-900)}.p-button.p-button-success:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-success:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--green-400);border-color:var(--green-900);box-shadow:none}.p-button.p-button-success:not(.p-disabled).p-button-text,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--green-400)}.p-button.p-button-success:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:hover{background:var(--green-alpha);color:var(--green-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-success:not(.p-disabled).p-button-text:active,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:active{background:#1c1b22;color:var(--green-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-info,.p-button-group.p-button-info>.p-button,.p-splitbutton.p-button-info>.p-button,.p-fileupload-choose.p-button-info{color:var(--black-80);background:var(--blue-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-info:not(.p-disabled):hover,.p-button-group.p-button-info>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-info:not(.p-disabled):hover{background:var(--blue-500);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-info:not(.p-disabled):active,.p-button-group.p-button-info>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-info:not(.p-disabled):active{background:var(--blue-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-info:not(.p-disabled).p-button-outlined,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--blue-400);border-color:var(--blue-800)}.p-button.p-button-info:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-info:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--blue-400);border-color:var(--blue-800);box-shadow:none}.p-button.p-button-info:not(.p-disabled).p-button-text,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--blue-400)}.p-button.p-button-info:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:hover{background:var(--blue-alpha);color:var(--blue-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-info:not(.p-disabled).p-button-text:active,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:active{background:#1c1b22;color:var(--blue-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-help,.p-button-group.p-button-help>.p-button,.p-splitbutton.p-button-help>.p-button,.p-fileupload-choose.p-button-help{color:var(--black-80);background:var(--purple-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-help:not(.p-disabled):hover,.p-button-group.p-button-help>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-help:not(.p-disabled):hover{background:var(--purple-500);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-help:not(.p-disabled):active,.p-button-group.p-button-help>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-help:not(.p-disabled):active{background:var(--purple-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-help:not(.p-disabled).p-button-outlined,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--purple-400);border-color:var(--purple-800)}.p-button.p-button-help:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--purple-400);border-color:var(--purple-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-help:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--purple-400);border-color:var(--purple-800);box-shadow:none}.p-button.p-button-help:not(.p-disabled).p-button-text,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--purple-400)}.p-button.p-button-help:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:hover{background:var(--purple-alpha);color:var(--purple-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-help:not(.p-disabled).p-button-text:active,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:active{background:#1c1b22;color:var(--purple-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-inputtext{min-height:2.5rem;line-height:2.5rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--white-100);background:#1c1b22;padding:0rem .75rem;border:1px solid var(--gray-900);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;appearance:none;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-inputtext:enabled:hover{border-color:var(--citrine-300)}.p-inputtext:enabled:focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-inputtext.p-invalid.p-component,.p-inputtext.ng-invalid.ng-touched{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-inputtext:disabled,.p-inputtext.p-disabled{background:var(--white-20)}.p-float-label>label{left:.75rem;color:var(--white-80);transition-duration:.2s}.p-float-label>.p-invalid+label{color:var(--red-400)}.p-icon-field-left>.p-inputtext{padding-left:2.5rem}.p-icon-field-left.p-float-label>label{left:2.5rem}.p-icon-field-right>.p-inputtext{padding-right:2.5rem}::-webkit-input-placeholder{color:var(--white-80);opacity:.6}:-moz-placeholder{color:var(--white-80);opacity:.6}::-moz-placeholder{color:var(--white-80);opacity:.6}:-ms-input-placeholder{color:var(--white-80);opacity:.6}.p-inputtext-lg{min-height:3.5rem;line-height:3.5rem}.p-inputtextarea{padding:.75rem;line-height:normal}.p-icon-field .p-inputtextarea-icon.p-input-icon{top:unset;margin-top:.5rem}.p-inputotp{display:flex;align-items:center;gap:.5rem}.p-inputotp.error .p-inputotp-input{border-color:var(--red-400)}.p-inputotp-input{font-size:1.5rem;text-align:center;width:2.5rem;border:none;border-bottom:1px solid var(--gray-900);border-radius:0;background:rgba(0,0,0,0)}.p-inputotp-input:disabled,.p-inputotp-input.p-disabled{background:rgba(0,0,0,0)}.p-inputotp-input:enabled:focus{box-shadow:none}.p-listbox-list-wrapper{overflow:auto}.p-listbox-list{list-style-type:none;margin:0;padding:0}.p-listbox-item{cursor:pointer;overflow:hidden;position:relative;color:var(--white-80);margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.0001);border-radius:.5rem;transition:.2s}.p-listbox-item:first-child{margin-top:0}.p-listbox-item:last-child{margin-bottom:0}.p-listbox-item.p-highlight{color:var(--black-80);background:var(--citrine-300)}.p-listbox-item:not(.p-highlight).p-disabled{color:var(--white-80);border-color:var(--gray-900);background:var(--white-20)}.p-listbox-item.p-disabled{cursor:not-allowed;opacity:.6;background:var(--citrine-300) !important;color:var(--black-80) !important;mix-blend-mode:luminosity;border:1px solid rgba(0,0,0,.0001)}.p-listbox-item.p-disabled:has(.p-checkbox){background:var(--white-20);color:var(--white-80)}.p-listbox-item .p-checkbox{margin-right:.5rem}.p-listbox-item:has(.p-checkbox){background:#1c1b22;color:var(--white-80)}.p-listbox-item:has(.p-checkbox):hover{background:#000}.p-listbox-item-group{cursor:auto}.p-listbox-filter-container{position:relative}.p-listbox-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-listbox-filter{width:100%}.p-listbox{background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-listbox .p-listbox-header{padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.0001);color:var(--white-80);background:rgba(0,0,0,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-listbox .p-listbox-header .p-checkbox{margin-right:.5rem}.p-listbox .p-listbox-header .p-checkbox .p-checkbox-box.p-disabled{background:#1c1b22}.p-listbox .p-listbox-header .p-listbox-filter{padding-right:1.75rem}.p-listbox .p-listbox-header .p-listbox-filter-icon{right:.75rem;color:var(--white-100)}.p-listbox .p-listbox-header .p-disabled+.p-listbox-filter-icon{opacity:.6}.p-listbox .p-listbox-list{padding:.25rem;outline:0 none}.p-listbox .p-listbox-list .p-listbox-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001);font-weight:bold}.p-listbox .p-listbox-list .p-listbox-empty-message{text-align:center;color:var(--white-80);padding:.75rem;background:rgba(0,0,0,.0001)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight.p-focus{border:1px solid rgba(0,0,0,.0001);background:var(--citrine-300);box-shadow:0 0 0 .25rem var(--citrine-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:hover{background:var(--citrine-200)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox).p-focus{border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);box-shadow:0 0 0 .25rem var(--citrine-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover{color:var(--white-100);background:var(--gray-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover.p-focus{color:var(--white-100);background:var(--gray-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus{border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);box-shadow:0 0 0 .25rem var(--citrine-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover{color:var(--white-100);background:var(--gray-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus{color:var(--white-100);background:var(--gray-800)}.p-listbox.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-listbox.p-invalid{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-listbox.p-disabled *.p-disabled{opacity:1}.p-listbox.p-disabled .p-listbox-filter-icon{display:none}.p-listbox.p-disabled .p-listbox-filter.p-inputtext{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49967 2.83335C7.03555 2.83335 6.59043 3.01773 6.26224 3.34592C5.93405 3.67411 5.74967 4.11922 5.74967 4.58335V6.33335H9.24967V4.58335C9.24967 4.11922 9.0653 3.67411 8.73711 3.34592C8.40892 3.01773 7.9638 2.83335 7.49967 2.83335ZM10.4163 6.33335V4.58335C10.4163 3.80981 10.1091 3.06794 9.56207 2.52096C9.01509 1.97398 8.27322 1.66669 7.49967 1.66669C6.72613 1.66669 5.98426 1.97398 5.43728 2.52096C4.8903 3.06794 4.58301 3.80981 4.58301 4.58335V6.33335C4.11888 6.33335 3.67376 6.51773 3.34557 6.84592C3.01738 7.17411 2.83301 7.61922 2.83301 8.08335V11.5834C2.83301 12.0475 3.01738 12.4926 3.34557 12.8208C3.67376 13.149 4.11888 13.3334 4.58301 13.3334H10.4163C10.8805 13.3334 11.3256 13.149 11.6538 12.8208C11.982 12.4926 12.1663 12.0475 12.1663 11.5834V8.08335C12.1663 7.61922 11.982 7.17411 11.6538 6.84592C11.3256 6.51773 10.8805 6.33335 10.4163 6.33335ZM4.58301 7.50002C4.4283 7.50002 4.27993 7.56148 4.17053 7.67087C4.06113 7.78027 3.99967 7.92864 3.99967 8.08335V11.5834C3.99967 11.7381 4.06113 11.8864 4.17053 11.9958C4.27993 12.1052 4.4283 12.1667 4.58301 12.1667H10.4163C10.5711 12.1667 10.7194 12.1052 10.8288 11.9958C10.9382 11.8864 10.9997 11.7381 10.9997 11.5834V8.08335C10.9997 7.92864 10.9382 7.78027 10.8288 7.67087C10.7194 7.56148 10.5711 7.50002 10.4163 7.50002H4.58301ZM6.67472 9.0084C6.89351 8.7896 7.19026 8.66669 7.49967 8.66669C7.80909 8.66669 8.10584 8.7896 8.32463 9.0084C8.54342 9.22719 8.66634 9.52393 8.66634 9.83335C8.66634 10.1428 8.54343 10.4395 8.32463 10.6583C8.10584 10.8771 7.80909 11 7.49967 11C7.19026 11 6.89351 10.8771 6.67472 10.6583C6.45592 10.4395 6.33301 10.1428 6.33301 9.83335C6.33301 9.52393 6.45592 9.22719 6.67472 9.0084Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat}.p-listbox.p-disabled .p-listbox-item{background:var(--white-20);color:var(--white-80)}.p-dropdown{display:inline-flex;cursor:pointer;position:relative;user-select:none}.p-dropdown.p-disabled{cursor:not-allowed;color:var(--white-80);border-color:var(--gray-900);background:var(--white-20)}.p-dropdown-clear-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-dropdown-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-dropdown-label{height:min-content;margin:auto 0;display:block;white-space:nowrap;overflow:hidden;flex:1 1 auto;width:1%;text-overflow:ellipsis;cursor:pointer}.p-dropdown-label-empty{overflow:hidden;opacity:0}input.p-dropdown-label{cursor:default}.p-dropdown .p-dropdown-panel{min-width:100%}.p-dropdown-panel{position:absolute;top:0;left:0}.p-dropdown-items-wrapper{overflow:auto}.p-dropdown-item{cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;font-weight:normal;color:var(--white-80);white-space:nowrap;margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.0001);border-radius:.5rem;background:rgba(0,0,0,.0001);transition:.2s}.p-dropdown-item:first-child{margin-top:0}.p-dropdown-item:last-child{margin-bottom:0}.p-dropdown-item.p-highlight{color:var(--black-80);background:var(--citrine-300)}.p-dropdown-item.p-highlight:hover{background:var(--citrine-200)}.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover{color:var(--white-100);background:var(--gray-800)}.p-dropdown-item:not(.p-highlight).p-disabled{color:var(--white-80);border-color:var(--gray-900);background:var(--white-20)}.p-dropdown-item.p-disabled{cursor:not-allowed}.p-dropdown-item .p-dropdown-check-icon{position:relative;margin-left:-0.5rem;margin-right:.5rem}.p-dropdown-item-group{cursor:auto}.p-dropdown-items{margin:0;padding:0;list-style-type:none}.p-dropdown-filter{width:100%}.p-dropdown-filter-container{position:relative}.p-dropdown-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-dropdown{display:flex}.p-fluid .p-dropdown .p-dropdown-label{width:1%}.p-dropdown{background:#1c1b22;border:1px solid var(--gray-900);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-dropdown:not(.p-disabled):hover{border-color:var(--citrine-300)}.p-dropdown:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-dropdown.p-dropdown-clearable .p-dropdown-label{padding-right:1.75rem}.p-dropdown .p-dropdown-label{background:rgba(0,0,0,0);border:0 none}.p-dropdown .p-dropdown-label.p-placeholder{color:var(--white-80)}.p-dropdown .p-dropdown-label:focus,.p-dropdown .p-dropdown-label:enabled:focus{outline:0 none;box-shadow:none}.p-dropdown .p-dropdown-trigger{background:rgba(0,0,0,0);color:var(--white-100);width:2.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-dropdown .p-dropdown-clear-icon{color:var(--white-100);right:2.5rem}.p-dropdown.p-invalid.p-component{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-dropdown-panel{background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem;margin-top:.25rem;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-dropdown-panel .p-dropdown-header{padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.0001);color:var(--white-80);background:rgba(0,0,0,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter{padding-right:1.75rem;margin-right:-1.75rem}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon{right:.75rem;color:var(--white-100)}.p-dropdown-panel .p-dropdown-items{padding:.25rem}.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001);font-weight:bold}.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{color:var(--white-80);text-align:center;padding:.5rem .75rem;background:rgba(0,0,0,.0001)}.p-multiselect{cursor:pointer;display:inline-flex;align-items:center;user-select:none}.p-multiselect-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-multiselect-label-container{cursor:pointer;overflow:hidden;height:min-content;display:flex;flex:1 1 auto;align-items:center}.p-multiselect-clearable .p-multiselect-label-container{padding-right:1.75rem}.p-multiselect-clearable .p-multiselect-clear-icon{right:2.5rem}.p-multiselect-label{display:block;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.p-multiselect-label-empty{overflow:hidden;visibility:hidden}.p-multiselect-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem;margin-right:.25rem}.p-multiselect-token-icon{cursor:pointer}.p-multiselect .p-multiselect-panel{min-width:100%}.p-multiselect-items-wrapper{overflow:auto}.p-multiselect-items{margin:0;padding:0;list-style-type:none}.p-multiselect-item{cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;font-weight:normal;color:var(--white-80);white-space:nowrap;margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.0001);border-radius:.5rem;background:rgba(0,0,0,.0001);transition:.2s}.p-multiselect-item:not(.p-disabled):hover,.p-multiselect-item:not(.p-disabled).p-focus{color:var(--white-100);background:var(--gray-800)}.p-multiselect-item:not(.p-highlight).p-disabled{color:var(--white-80);border-color:var(--gray-900);background:var(--white-20)}.p-multiselect-item.p-disabled{cursor:not-allowed}.p-multiselect-item .p-checkbox{margin-right:.5rem}.p-multiselect-item-group{cursor:auto}.p-multiselect-header{display:flex;align-items:center;justify-content:space-between}.p-multiselect-filter-container{position:relative;flex:1 1 auto}.p-multiselect-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-multiselect-filter-container .p-inputtext{width:100%}.p-multiselect-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;margin-left:auto}.p-fluid .p-multiselect{display:flex}.p-multiselect{background:#1c1b22;border:1px solid var(--gray-900);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-multiselect.p-disabled{cursor:not-allowed;background-color:var(--white-20)}.p-multiselect:not(.p-disabled):hover{border-color:var(--citrine-300)}.p-multiselect:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-multiselect .p-multiselect-label{color:var(--white-100);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-multiselect .p-multiselect-label.p-placeholder{color:var(--white-80);padding:0rem .75rem;padding-left:.5rem}.p-multiselect:not(.p-multiselect-chip) .p-multiselect-label{padding:0rem .75rem;line-height:2.5rem}.p-multiselect.p-multiselect-chip{min-height:2.5rem;padding:.25rem}.p-multiselect.p-multiselect-chip .p-multiselect-token{padding:0rem .5rem;background:var(--white-20);color:var(--white-100);border-radius:.25rem}.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon{margin-left:.5rem}.p-multiselect .p-multiselect-trigger{background:rgba(0,0,0,0);color:var(--white-100);width:2.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-multiselect.p-invalid.p-component{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-multiselect-panel{background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40);margin-top:.25rem}.p-multiselect-panel .p-multiselect-header{padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.0001);color:var(--white-80);background:rgba(0,0,0,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem;border:1px solid rgba(0,0,0,0);border-bottom:0}.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext{padding-right:1.75rem}.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon{right:.75rem;color:var(--white-100)}.p-multiselect-panel .p-multiselect-header .p-checkbox{margin-right:.5rem}.p-multiselect-panel .p-multiselect-header .p-multiselect-close{margin-left:.5rem;width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-multiselect-panel .p-multiselect-header .p-multiselect-close.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-multiselect-panel .p-multiselect-items{padding:.25rem}.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001);font-weight:bold}.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message{padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001)}.p-password .p-icon-wrapper{right:.75rem;top:50%;cursor:pointer;fill:var(--white-100)}.p-password.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-password .p-input-icon{cursor:pointer;color:var(--white-100);right:.75rem}.p-password.p-disabled{opacity:1}.p-password.p-disabled .p-input-icon{opacity:.6}.p-input-icon-right input{padding-right:2.5rem}.p-icon-field .p-password-icon.p-input-icon{right:.75rem;top:20% !important}.p-password-input{width:100%;height:100%;display:flex;min-height:2.5rem;padding:0 .75rem;align-items:center}.text-feedback{display:inline-flex;align-items:flex-start}.text-feedback .ti{position:relative;bottom:1px}.text-feedback--default{color:var(--white-100)}.text-feedback--default .ti{color:var(--gray-900)}.text-feedback--success{color:var(--green-400)}.text-feedback--error{color:var(--red-400)}.p-password-panel{color:var(--white-80);padding:.75rem;margin-top:.25rem;border:1px solid var(--gray-900);border-radius:.5rem;background:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-password-panel .p-password-meter{overflow:hidden;height:.5rem;border-radius:1rem;margin-bottom:.5rem;background:var(--white-20)}.p-password-panel .p-password-meter .p-password-strength.weak{background:var(--red-400)}.p-password-panel .p-password-meter .p-password-strength.medium{background:var(--orange-400)}.p-password-panel .p-password-meter .p-password-strength.strong{background:var(--green-400)}.p-inputgroup-addon{background:#1c1b22;color:var(--white-80);border-top:1px solid var(--gray-900);border-left:1px solid var(--gray-900);border-bottom:1px solid var(--gray-900);padding:0rem .75rem;min-width:2.5rem}.p-inputgroup-addon:last-child{border-right:1px solid var(--gray-900)}.p-inputgroup-addon.p-disabled{background-color:var(--white-20);color:var(--white-80)}.p-inputgroup>.p-component,.p-inputgroup>.p-inputwrapper>.p-inputtext,.p-inputgroup>.p-float-label>.p-component{border-radius:0;margin:0}.p-inputgroup>.p-component+.p-inputgroup-addon,.p-inputgroup>.p-inputwrapper>.p-inputtext+.p-inputgroup-addon,.p-inputgroup>.p-float-label>.p-component+.p-inputgroup-addon{border-left:0 none}.p-inputgroup>.p-component:focus,.p-inputgroup>.p-inputwrapper>.p-inputtext:focus,.p-inputgroup>.p-float-label>.p-component:focus{z-index:1}.p-inputgroup>.p-component:focus~label,.p-inputgroup>.p-inputwrapper>.p-inputtext:focus~label,.p-inputgroup>.p-float-label>.p-component:focus~label{z-index:1}.p-inputgroup-addon:first-child,.p-inputgroup button:first-child,.p-inputgroup input:first-child,.p-inputgroup>.p-inputwrapper:first-child,.p-inputgroup>.p-inputwrapper:first-child>.p-inputtext{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-inputgroup .p-float-label:first-child input{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-inputgroup-addon:last-child,.p-inputgroup button:last-child,.p-inputgroup input:last-child,.p-inputgroup>.p-inputwrapper:last-child,.p-inputgroup>.p-inputwrapper:last-child>.p-inputtext{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-inputgroup .p-float-label:last-child input{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-inputgroup .p-button{height:auto;width:auto}.p-inputgroup .p-button.p-button-icon-only{width:2.5rem}.p-icon-field{position:relative}.p-icon-field .p-input-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-inputnumber.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}p-inputnumber.ng-invalid.ng-touched>.p-inputnumber>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}p-inputnumber[ng-reflect-is-disabled=true] .p-inputnumber-button{background:var(--white-20)}.p-inputnumber-button{color:var(--white-100);border-color:var(--gray-900);background-color:#1c1b22}.p-inputnumber-button .p-button-icon{font-size:1rem}.p-inputnumber-button:hover{box-shadow:none !important}.p-inputnumber-buttons-horizontal .p-inputnumber-button-down{border-top-right-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-button-up{border-top-left-radius:0;border-bottom-left-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-input{border-radius:0;border-left-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0);z-index:1}.p-inputnumber-buttons-horizontal .p-inputnumber-button-down,.p-inputnumber-buttons-horizontal .p-inputnumber-button-up{height:100%}.p-inputnumber-buttons-vertical .p-inputnumber-button-down{border-top-left-radius:0;border-top-right-radius:0}.p-inputnumber-buttons-vertical .p-inputnumber-button-up{border-bottom-left-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-vertical .p-inputnumber-input{border-radius:0;border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);z-index:1}.p-inputnumber-buttons-vertical .p-inputnumber-button-down,.p-inputnumber-buttons-vertical .p-inputnumber-button-up{width:100%}.p-fluid .p-icon-field-left,.p-fluid .p-icon-field-right{width:100%}.p-icon-field-left .p-input-icon:first-of-type{left:.75rem;color:var(--white-100)}.p-icon-field-right .p-input-icon:last-of-type{right:.75rem;color:var(--white-100)}.p-checkbox{position:relative;display:inline-flex;user-select:none;vertical-align:bottom}.p-checkbox-input{appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;cursor:pointer}.p-checkbox-box{display:flex;justify-content:center;align-items:center}.p-checkbox{width:1.5rem;height:1.5rem}.p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon{display:none}.p-checkbox.p-checkbox-checked .p-checkbox-box::after{content:"";width:1rem;height:1rem;transition-duration:.2s;color:var(--black-80);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.p-checkbox .p-checkbox-input{border:1px solid var(--gray-900);border-radius:.25rem}.p-checkbox .p-checkbox-box{border:1px solid var(--gray-900);background:#1c1b22;width:1.5rem;height:1.5rem;color:var(--white-100);border-radius:.25rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-checkbox .p-checkbox-box.p-highlight{border-color:var(--citrine-300);background:var(--citrine-300)}.p-checkbox .p-checkbox-box:not(.p-disabled):hover{border-color:var(--citrine-300)}.p-checkbox .p-checkbox-box:not(.p-disabled):hover.p-highlight{border-color:var(--citrine-200);background:var(--citrine-200);color:var(--black-80)}.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-checkbox .p-checkbox-box.p-disabled{background:var(--white-20)}.p-checkbox .p-checkbox-box .p-checkbox-icon{transition-duration:.2s;color:var(--black-80);font-size:1rem}.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon{width:1rem;height:1rem}p-checkbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-highlight .p-checkbox .p-checkbox-box{border-color:var(--citrine-300)}.p-radiobutton{position:relative;display:inline-flex;user-select:none;vertical-align:bottom}.p-radiobutton-input{cursor:pointer}.p-radiobutton-box{display:flex;justify-content:center;align-items:center;transition:all}.p-radiobutton-box:hover{border:1px solid var(--citrine-200) !important}.p-radiobutton-box.p-highlight{box-sizing:border-box;background:var(--citrine-200) !important}.p-radiobutton-box.p-highlight .p-radiobutton-icon{mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.25%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center;background:var(--black-80);width:1.5rem;height:1.5rem;mask-composite:exclude}p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box{box-shadow:0 0 0 .25rem var(--red-800)}p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box:hover{border:1px solid var(--red-400) !important}.p-radiobutton-box.p-focus{box-shadow:0px 0px 0px 3.5px var(--citrine-800)}.p-radiobutton{width:1.5rem;height:1.5rem}.p-radiobutton .p-radiobutton-input{appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;border:1px solid var(--gray-900);border-radius:50%}.p-radiobutton .p-radiobutton-box{border:1px solid var(--gray-900);background:#1c1b22;width:1.5rem;height:1.5rem;color:var(--white-100);border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-radiobutton.p-disabled .p-radiobutton-box{background:var(--white-20)}.p-radiobutton.p-highlight .p-radiobutton-box{border-color:var(--citrine-300);background:var(--citrine-300)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box{border-color:var(--citrine-300)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box{border-color:var(--citrine-200);background:var(--citrine-200)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-radiobutton.p-invalid>.p-radiobutton-box{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-highlight .p-radiobutton .p-radiobutton-box{border-color:var(--black-80)}.p-inputswitch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.p-inputswitch-slider:before{position:absolute;content:"";top:50%}.p-inputswitch{position:relative;display:inline-block;width:2.5rem;height:1.5rem;border-radius:100px}.p-inputswitch .p-inputswitch-slider{background:var(--gray-700);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:100px;outline-color:rgba(0,0,0,0)}.p-inputswitch .p-inputswitch-slider:before{background:#1c1b22;width:1rem;height:1rem;left:.25rem;margin-top:-0.5rem;border-radius:100px;transition-duration:.2s}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:var(--citrine-300)}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{background:#1c1b22;transform:translateX(1rem)}.p-inputswitch:not(.p-disabled) .p-inputswitch-slider:hover{background-color:var(--citrine-200)}.p-inputswitch:not(.p-disabled).p-focus,.p-inputswitch:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}p-inputswitch:not(.p-disabled).p-element.ng-dirty.ng-invalid .p-inputswitch-slider,p-inputswitch:not(.p-disabled).p-element.ng-touched.ng-invalid .p-inputswitch-slider{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-selectbutton{display:flex;height:min-content;gap:.25rem;padding:.25rem;background-color:var(--white-20);border-radius:.5rem}.p-selectbutton .p-button{flex-grow:1;background:rgba(0,0,0,.0001);border:1px solid trasparent;border-radius:.25rem;color:var(--white-80);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-selectbutton .p-button .p-button-icon-left,.p-selectbutton .p-button .p-button-icon-right{color:var(--white-80)}.p-selectbutton .p-button.p-disabled{background:rgba(0,0,0,0);pointer-events:none}.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover{background:#1c1b22;border-color:rgba(0,0,0,.0001);color:var(--white-100)}.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right{color:var(--white-100)}.p-selectbutton .p-button:not(.p-disabled).p-highlight{background:#1c1b22;border-color:rgba(0,0,0,.0001);color:var(--citrine-300)}.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-right{color:var(--citrine-300)}.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover{background:#1c1b22;border-color:rgba(0,0,0,.0001);color:var(--white-100)}.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-right{color:var(--white-100)}.p-selectbutton.p-invalid>.p-button{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-togglebutton.p-button.p-highlight.p-disabled,.p-button.p-disabled,.p-button.p-button-danger.p-disabled,.p-button-group.p-button-danger>.p-button.p-disabled,.p-splitbutton.p-button-danger>.p-button.p-disabled,.p-fileupload-choose.p-button-danger.p-disabled,.p-button.p-button-warning.p-disabled,.p-button-group.p-button-warning>.p-button.p-disabled,.p-splitbutton.p-button-warning>.p-button.p-disabled,.p-fileupload-choose.p-button-warning.p-disabled,.p-button.p-button-success.p-disabled,.p-button-group.p-button-success>.p-button.p-disabled,.p-splitbutton.p-button-success>.p-button.p-disabled,.p-fileupload-choose.p-button-success.p-disabled,.p-button.p-button-info.p-disabled,.p-button-group.p-button-info>.p-button.p-disabled,.p-splitbutton.p-button-info>.p-button.p-disabled,.p-fileupload-choose.p-button-info.p-disabled,.p-button.p-button-help.p-disabled,.p-button-group.p-button-help>.p-button.p-disabled,.p-splitbutton.p-button-help>.p-button.p-disabled,.p-fileupload-choose.p-button-help.p-disabled{color:var(--white-80);background-color:var(--white-20);border-color:var(--gray-900)}.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-left,.p-button.p-disabled .p-button-icon-left,.p-button-group.p-button-danger>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-danger>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-left,.p-button-group.p-button-warning>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-warning>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-left,.p-button-group.p-button-success>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-success>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-left,.p-button-group.p-button-info>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-info>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-left,.p-button-group.p-button-help>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-help>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-left,.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-right,.p-button.p-disabled .p-button-icon-right,.p-button-group.p-button-danger>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-danger>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-right,.p-button-group.p-button-warning>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-warning>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-right,.p-button-group.p-button-success>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-success>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-right,.p-button-group.p-button-info>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-info>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-right,.p-button-group.p-button-help>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-help>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-right{color:var(--white-80) !important}.p-togglebutton.p-button{background:var(--white-20);border:1px solid trasparent;color:var(--white-80);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0);border-radius:100px}.p-togglebutton.p-button:not(.p-disabled):hover{background:var(--citrine-alpha);color:var(--citrine-300);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40);box-shadow:none}.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-left,.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-right{color:var(--citrine-300)}.p-togglebutton.p-button:not(.p-disabled):focus-visible{box-shadow:0 0 0 3.5px var(--citrine-800)}.p-togglebutton.p-button .p-button-icon-left,.p-togglebutton.p-button .p-button-icon-right{color:var(--white-80)}.p-togglebutton.p-button.p-highlight{background:var(--citrine-300);border-color:rgba(0,0,0,.0001);color:var(--black-80)}.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover{background:var(--citrine-200);color:var(--black-80);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40);box-shadow:none}.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left,.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-right{color:var(--black-80)}.p-togglebutton.p-button.p-highlight:not(.p-disabled):focus-visible{box-shadow:0 0 0 3.5px var(--citrine-800)}.p-togglebutton.p-button.p-highlight .p-button-icon-left,.p-togglebutton.p-button.p-highlight .p-button-icon-right{color:var(--black-80)}.p-chips{display:inline-flex;height:min-content}.p-disabled .p-chips-multiple-container{background-color:var(--white-20)}.p-chips-multiple-container{outline-color:rgba(0,0,0,0);cursor:text;overflow:hidden;height:min-content;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;list-style-type:none}.p-chips-multiple-container:has(.p-chips-token){padding:.25rem}.p-chips-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem}.p-chips-input-token{flex:1 1 auto;display:inline-flex}.p-chips-token-icon{cursor:pointer}.p-chips-input-token input{border:0 none;outline:0 none;background-color:rgba(0,0,0,0);margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-chips{display:flex}.p-chips:not(.p-disabled):hover .p-chips-multiple-container{border-color:var(--citrine-300)}.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-chips .p-chips-multiple-container .p-chips-token{padding:0rem .5rem;background:var(--white-20);color:var(--white-100);border-radius:.25rem}.p-chips .p-chips-multiple-container .p-chips-token.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon{margin-left:.5rem}.p-chips .p-chips-multiple-container .p-chips-token+.p-chips-input-token{padding:0 .5rem}.p-chips .p-chips-multiple-container .p-chips-input-token{padding:0rem 0}.p-chips .p-chips-multiple-container .p-chips-input-token input{height:1.75rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--white-100);margin:0}.p-chips.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-slider{background:var(--white-20);border:none;border-radius:.5rem}.p-slider.p-slider-horizontal{height:.25rem;margin-top:.5rem;margin-bottom:.5rem}.p-slider.p-slider-horizontal .p-slider-handle{margin-top:-0.625rem;margin-left:-0.625rem}.p-slider.p-slider-vertical{width:.25rem;margin-top:.5rem;margin-bottom:.5rem}.p-slider.p-slider-vertical .p-slider-handle{margin-left:-0.625rem;margin-bottom:-0.625rem}.p-slider .p-slider-handle{height:1.25rem;width:1.25rem;background:var(--citrine-300);border:none;border-radius:1rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-slider .p-slider-handle:focus{background:var(--citrine-200);box-shadow:none}.p-slider .p-slider-range{background:var(--citrine-300);border-radius:.5rem}.p-slider:not(.p-disabled) .p-slider-handle:hover{background:var(--citrine-200);border-color:rgba(0,0,0,.0001)}.p-rating{position:relative;display:flex;align-items:center}.p-rating-item{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.p-rating.p-readonly .p-rating-item{cursor:default}.p-rating{gap:.5rem}.p-rating .p-rating-item{outline-color:rgba(0,0,0,0);border-radius:50%}.p-rating .p-rating-item .p-rating-icon{color:var(--white-80);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;font-size:1.25rem}.p-rating .p-rating-item .p-rating-icon.p-icon{width:1.25rem;height:1.25rem}.p-rating .p-rating-item .p-rating-icon.p-rating-cancel{color:var(--white-80)}.p-rating .p-rating-item:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-rating .p-rating-item.p-rating-item-active .p-rating-icon{color:var(--orange-400)}.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon{color:var(--orange-500)}.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel{color:var(--white-100)}.p-calendar.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-datepicker{margin-top:.25rem;padding:.75rem;background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem}.p-datepicker:not(.p-datepicker-inline){background:#1c1b22;border:1px solid var(--gray-900);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header{background:rgba(0,0,0,.0001)}.p-datepicker .p-datepicker-header{padding:0 0 .5rem;color:var(--white-80);background:#1c1b22;font-weight:bold;margin:0rem;border-bottom:none;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-datepicker .p-datepicker-header .p-datepicker-prev,.p-datepicker .p-datepicker-header .p-datepicker-next{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border:1px solid rgba(0,0,0,0)}.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled{border:1px solid var(--gray-900);color:var(--white-80);background:var(--white-20);border-color:var(--gray-900)}.p-datepicker .p-datepicker-header .p-datepicker-title{line-height:2rem;display:flex;gap:.5rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select{display:inline-flex;cursor:pointer;position:relative;user-select:none;background:#1c1b22;border:1px solid var(--gray-900);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0);min-height:2.5rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select:focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{color:var(--white-80);transition:background-color .2s,color .2s,box-shadow .2s;font-weight:bold;padding:.25rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover{color:var(--citrine-300)}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{margin-right:.5rem}.p-datepicker table{font-size:1rem;margin:0rem}.p-datepicker table th{padding:.25rem}.p-datepicker table th>span{width:2rem;height:2rem}.p-datepicker table td{padding:.25rem}.p-datepicker table td>span{width:2rem;height:2rem;border-radius:.5rem;transition:.2s;border:1px solid rgba(0,0,0,.0001)}.p-datepicker table td>span.p-highlight{color:var(--black-80);background:var(--citrine-300)}.p-datepicker table td>span:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-datepicker table td.p-datepicker-today>span{color:var(--white-80);font-weight:700;border-color:var(--gray-800);background:rgba(0,0,0,.0001)}.p-datepicker table td.p-datepicker-today>span:not(.p-disabled):hover{color:var(--white-100)}.p-datepicker table td.p-datepicker-today>span.p-highlight{color:var(--black-80);background:var(--citrine-300)}.p-datepicker .p-datepicker-buttonbar{padding:0rem 0 0}.p-datepicker .p-datepicker-buttonbar .p-button{width:auto}.p-datepicker .p-timepicker{border-top:1px solid var(--gray-900);padding:String value}.p-datepicker .p-timepicker button{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-datepicker .p-timepicker button:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-datepicker .p-timepicker button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-datepicker .p-timepicker button.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-datepicker .p-timepicker span{font-size:1.25rem}.p-datepicker .p-timepicker>div{padding:String value}.p-datepicker .p-hour-picker,.p-datepicker .p-minute-picker{gap:.25rem}.p-datepicker.p-datepicker-timeonly .p-timepicker{border-top:0 none}.p-datepicker .p-monthpicker{margin:0rem}.p-datepicker .p-monthpicker .p-monthpicker-month{padding:.25rem;transition:.2s;border-radius:.5rem}.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight{color:var(--black-80);background:var(--citrine-300)}.p-datepicker .p-yearpicker{margin:0rem}.p-datepicker .p-yearpicker .p-yearpicker-year{padding:.25rem;transition:.2s;border-radius:.5rem}.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight{color:var(--black-80);background:var(--citrine-300)}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group{border-left:1px solid var(--gray-900);padding-right:.75rem;padding-left:.75rem;padding-top:0;padding-bottom:0}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child{padding-left:0;border-left:0 none}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child{padding-right:0}.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover{color:var(--white-100);background:var(--gray-800)}.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-datepicker:not(.p-disabled) table td span.p-highlight:hover{background:var(--citrine-200)}.p-datepicker:not(.p-disabled) .p-monthpicker{display:flex;flex-wrap:wrap;gap:.25rem}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month{flex-basis:32.3%;width:100%}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover{color:var(--white-100);background:var(--gray-800)}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled).p-highlight:hover{background:var(--citrine-200)}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-datepicker:not(.p-disabled) .p-yearpicker{display:flex;flex-wrap:wrap;gap:.25rem}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year{flex-basis:32.3%;width:100%}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover{color:var(--white-100);background:var(--gray-800)}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled).p-highlight:hover{background:var(--citrine-200)}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-autocomplete{display:inline-flex;height:min-content}.p-autocomplete .p-autocomplete-loader{right:.75rem;color:var(--white-100)}.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader{right:3.25rem}.p-autocomplete-multiple-container{outline-color:rgba(0,0,0,0);cursor:text;overflow:hidden;height:min-content;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;list-style-type:none}.p-autocomplete-multiple-container:has(.p-autocomplete-token){padding:.25rem}.p-autocomplete-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem}.p-autocomplete-input-token{flex:1 1 auto;display:inline-flex}.p-autocomplete-token-icon{cursor:pointer}.p-autocomplete-input-token input{border:0 none;outline:0 none;background-color:rgba(0,0,0,0);margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-autocomplete{display:flex}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover{border-color:var(--citrine-300)}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-autocomplete .p-autocomplete-multiple-container.p-disabled{cursor:not-allowed;background-color:var(--white-20)}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token{padding:0rem .5rem;background:var(--white-20);color:var(--white-100);border-radius:.25rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon{margin-left:.5rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token+.p-autocomplete-input-token{padding:0 .5rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token{padding:0rem 0}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input{height:1.75rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--white-100);margin:0}.p-autocomplete.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-autocomplete-panel{background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40);margin-top:.25rem}.p-autocomplete-panel .p-autocomplete-items{padding:.25rem}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item{margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.0001);color:var(--white-80);background:rgba(0,0,0,.0001);transition:.2s;border-radius:.5rem}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-of-type{margin-top:0}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-of-type{margin-bottom:0}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover{color:var(--white-100);background:var(--gray-800)}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight{color:var(--black-80);background:var(--citrine-300)}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001);font-weight:bold}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message{text-align:center;padding:.5rem .75rem}.p-autocomplete-dd .p-autocomplete-input{flex:1 1 auto;width:1%}.p-autocomplete-dd .p-autocomplete-dropdown{display:none}.autocomplete-dropdown-container:hover .p-inputtext:enabled{border-color:var(--citrine-300)}.autocomplete-dropdown-trigger{position:absolute;right:0;top:0;height:100%;width:2.5rem;display:flex;align-items:center;justify-content:center}.p-autocomplete-clear-icon{position:absolute;top:50%;margin-top:-0.5rem;cursor:pointer}.p-autocomplete-clearable{position:relative}.p-autocomplete-clearable .p-autocomplete-clear-icon{right:.75rem}.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon{right:2.5rem}.p-tabview .p-tabview-nav{background:rgba(0,0,0,.0001);border-bottom:1px solid var(--gray-900);gap:1.5rem}.p-tabview .p-tabview-nav li .p-tabview-nav-link{border-bottom:.25rem solid rgba(0,0,0,.0001);border-color:rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);color:var(--white-80);padding:1rem 0rem;font-weight:normal;transition:.2s;margin:0}.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:rgba(0,0,0,.0001);border-color:rgba(0,0,0,.0001);color:var(--citrine-300)}.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:rgba(0,0,0,.0001);border-color:var(--citrine-300);color:var(--citrine-300)}.p-tabview .p-tabview-close{margin-left:.5rem}.p-tabview .p-tabview-nav-btn.p-link{background:#1c1b22;color:var(--white-80);width:2.5rem;box-shadow:0px 0px 10px 50px var(--white-60);border-radius:0}.p-tabview .p-tabview-nav-btn.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-tabview .p-tabview-nav-btn.p-link:hover{color:var(--citrine-300)}.p-tabview .p-tabview-panels{background:rgba(0,0,0,.0001);padding:1rem 0rem;border:none;color:var(--white-80);border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-divider{border-color:var(--gray-900)}.p-divider .p-divider-content{background-color:#1c1b22;color:var(--white-80);text-transform:uppercase}.p-divider.p-divider-horizontal{margin:1rem 0rem;padding:0rem 1rem}.p-divider.p-divider-horizontal .p-divider-content{padding:0 .5rem}.p-divider.p-divider-horizontal:before{border-top-width:1px;border-top-color:var(--gray-900)}.p-divider.p-divider-horizontal.p-divider-dash:before{border-top-style:dashed}.p-divider.p-divider-vertical{margin:0rem 1rem;padding:1rem 0rem}.p-divider.p-divider-vertical .p-divider-content{padding:.5rem 0}.p-divider.p-divider-vertical:before{border-left-width:1px;border-left-color:var(--gray-900)}.p-divider.p-divider-vertical.p-divider-dash:before{border-left-style:dashed}.p-scrollpanel .p-scrollpanel-bar{background:var(--white-20);border:0 none;border-radius:.5rem}.p-scrollpanel .p-scrollpanel-bar:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-accordion .p-accordion-header .p-accordion-header-link{display:flex;flex-direction:row;align-items:center;color:var(--white-80);font-weight:700;padding:1rem 0rem;border-top:1px solid var(--gray-900);background:rgba(0,0,0,.0001);transition:.2s;gap:.5rem}.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon{font-size:1.25rem}.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link{background:rgba(0,0,0,.0001);border-color:var(--gray-900);color:var(--white-100)}.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link{background:rgba(0,0,0,.0001);border-color:var(--gray-900);color:var(--white-100)}.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link{border-color:var(--gray-900);background:rgba(0,0,0,.0001);color:var(--white-100)}.p-accordion .p-accordion-content{padding:0rem 0rem 1rem 1.75rem;border-bottom:none;background:rgba(0,0,0,.0001);color:var(--white-100)}.p-accordion .p-accordion-tab{margin-bottom:0rem}.p-accordion .p-accordion-tab:first-child .p-accordion-header-link{border-top:none}.p-accordion .p-accordion-tab .p-accordion-content .p-accordion-header-link{border-top:1px solid var(--gray-900)}.p-stepper .p-stepper-nav{display:flex;gap:.5rem;justify-content:space-between;margin:0;padding:0;list-style-type:none;overflow:hidden;overflow-x:auto}.p-stepper .p-stepper-header{position:relative;display:flex;flex:1 1 auto;align-items:center;padding:.5rem 0}.p-stepper .p-stepper-header.p-disabled{opacity:1;cursor:initial}.p-stepper .p-stepper-header.p-disabled .p-stepper-action{opacity:.6}.p-stepper .p-stepper-header:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-stepper .p-stepper-header.p-highlight .p-stepper-title{color:var(--white-100)}.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-separator{background-color:var(--citrine-300)}.p-stepper .p-stepper-header.p-highlight .p-stepper-number,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-number{color:var(--black-80);background-color:var(--citrine-300);border-color:rgba(0,0,0,0)}.p-stepper .p-stepper-header.p-highlight .p-stepper-icon,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-icon{color:var(--citrine-300)}.p-stepper .p-stepper-header.p-highlight .p-stepper-action.p-danger .p-stepper-number,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-action.p-danger .p-stepper-number{color:var(--black-80);background-color:var(--red-400)}.p-stepper p-stepperheader .p-stepper-action{display:inline-flex;align-items:center;flex-grow:0;transition:.2s;border-radius:.5rem;background:#1c1b22;outline-color:rgba(0,0,0,0);padding:0}.p-stepper p-stepperheader .p-stepper-action:hover{cursor:pointer}.p-stepper p-stepperheader .p-stepper-action:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-stepper p-stepperheader .p-stepper-action .p-stepper-number{display:flex;align-items:center;justify-content:center;font-weight:500;color:var(--white-100);border:1px solid var(--gray-900);background:#1c1b22;min-width:1.5rem;height:1.5rem;line-height:1;font-size:1rem;border-radius:8rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-left:.5rem;color:var(--white-100);font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
-  line-height: 1;margin-left:.5rem;
-}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper .p-stepper-title{margin-left:0}.p-stepper p-stepperheader .p-stepper-action .p-stepper-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.5rem;
-  line-height: 2rem;
-  line-height: 1;min-width:1.5rem;height:1.5rem;
-}.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-number,.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-icon{color:var(--red-400)}.p-stepper .p-stepper-panels{background:rgba(0,0,0,.0001);padding:1rem 0rem;color:var(--white-80)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-number,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-number{color:var(--black-80);background-color:var(--citrine-300);border-color:rgba(0,0,0,0)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-icon,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-icon{color:var(--citrine-300)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-action.p-danger .p-stepper-number,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-action.p-danger .p-stepper-number{color:var(--black-80);background-color:var(--red-400)}.p-stepper .p-stepper-separator{background-color:var(--gray-900);width:100%;height:1px;margin-inline-start:.5rem;transition:.2s}.p-stepper.no-line .p-stepper-separator{background-color:rgba(0,0,0,0) !important}.p-stepper.p-stepper-vertical{display:flex;flex-direction:column}.p-stepper.p-stepper-vertical .p-stepper-toggleable-content{display:flex;flex:1 1 auto;background:rgba(0,0,0,.0001);color:var(--white-80)}.p-stepper.p-stepper-vertical .p-stepper-panel{display:flex;flex-direction:column;flex:initial}.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active{flex:1 1 auto}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header{flex:initial}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content{width:100%;padding-left:1rem}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator{flex:0 0 auto;width:2px;height:auto;margin-inline-start:calc(1.75rem + 2px)}.p-stepper.p-stepper-vertical .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-separator{background-color:var(--citrine-300)}.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content{padding-left:3rem}.p-card{overflow:hidden;color:var(--white-100);font-size:1rem;border-radius:.5rem;border:1px solid var(--gray-900);background:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-card.p-card-no-shadow{box-shadow:none}.p-card .p-card-body{padding:1rem}.p-card .p-card-title{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.p-card .p-card-subtitle{font-size:.875rem;font-weight:400;color:var(--white-80)}.p-card .p-card-content{padding:1rem 0 0}.p-card .p-card-footer{padding:1rem 0 0}.p-tooltip .p-tooltip-text{background:var(--gray-200);color:#1c1b22;padding:.5rem 1rem;box-shadow:0 .25rem .25rem 0 var(--black-40);border-radius:.5rem}.p-tooltip-arrow{border-color:rgba(0,0,0,0)}.p-tooltip-right .p-tooltip-arrow,.p-tooltip-left .p-tooltip-arrow{margin-top:-0.25rem}.p-tooltip-top .p-tooltip-arrow,.p-tooltip-bottom .p-tooltip-arrow{margin-left:-0.25rem}.p-tooltip-right .p-tooltip-arrow{border-width:.25em .25em .25em 0;border-right-color:var(--gray-200)}.p-tooltip-left .p-tooltip-arrow{border-width:.25em 0 .25em .25rem;border-left-color:var(--gray-200)}.p-tooltip-top .p-tooltip-arrow{border-width:.25em .25em 0;border-top-color:var(--gray-200)}.p-tooltip-bottom .p-tooltip-arrow{border-width:0 .25em .25rem;border-bottom-color:var(--gray-200)}.p-dialog{border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40);border:1px solid var(--gray-900)}.p-dialog .p-dialog-header{border-bottom:1px solid var(--gray-900);background:#1c1b22;color:var(--white-100);padding:1.5rem 1.5rem 1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-dialog .p-dialog-header .p-dialog-title{font-weight:bold;font-size:1.25rem}.p-dialog .p-dialog-header .p-dialog-header-icon{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin-right:.5rem;box-shadow:none}.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-dialog .p-dialog-header .p-dialog-header-icon.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-dialog .p-dialog-header .p-dialog-header-icon:last-child{margin-right:0}.p-dialog-danger .p-dialog-title::before,.p-dialog-success .p-dialog-title::before,.p-dialog-info .p-dialog-title::before,.p-dialog-warning .p-dialog-title::before,.p-dialog-help .p-dialog-title::before{content:"";display:inline-block;width:1.5rem;height:1.5rem;background-size:contain;margin-right:.5rem;vertical-align:text-bottom}.p-dialog-danger .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM8.13128 8.63128C8.47299 8.28957 9.02701 8.28957 9.36872 8.63128L10.5 9.76256L11.6313 8.63128C11.973 8.28957 12.527 8.28957 12.8687 8.63128C13.2104 8.97299 13.2104 9.52701 12.8687 9.86872L11.7374 11L12.8687 12.1313C13.2104 12.473 13.2104 13.027 12.8687 13.3687C12.527 13.7104 11.973 13.7104 11.6313 13.3687L10.5 12.2374L9.36872 13.3687C9.02701 13.7104 8.47299 13.7104 8.13128 13.3687C7.78957 13.027 7.78957 12.473 8.13128 12.1313L9.26256 11L8.13128 9.86872C7.78957 9.52701 7.78957 8.97299 8.13128 8.63128Z" fill="%23E26E63"/></svg>') no-repeat}.p-dialog-success .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM13.7437 8.63128C14.0854 8.97299 14.0854 9.52701 13.7437 9.86872L10.2437 13.3687C9.90201 13.7104 9.34799 13.7104 9.00628 13.3687L7.25628 11.6187C6.91457 11.277 6.91457 10.723 7.25628 10.3813C7.59799 10.0396 8.15201 10.0396 8.49372 10.3813L9.625 11.5126L12.5063 8.63128C12.848 8.28957 13.402 8.28957 13.7437 8.63128Z" fill="%2368C170"/></svg>') no-repeat}.p-dialog-warning .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.24855 2.2875C9.63056 2.07229 10.0616 1.95923 10.5 1.95923C10.9385 1.95923 11.3695 2.07229 11.7515 2.2875C12.1335 2.5027 12.4536 2.81277 12.6808 3.18777L12.6831 3.19162L19.7759 15.0356L19.7832 15.0481C20.0055 15.4335 20.123 15.8705 20.1241 16.3154C20.1252 16.7604 20.0098 17.1979 19.7895 17.5845C19.5691 17.9711 19.2514 18.2932 18.868 18.519C18.4846 18.7447 18.0487 18.8662 17.6038 18.8714L17.5937 18.8715L3.39659 18.8714C2.95146 18.8664 2.51539 18.7449 2.13176 18.5191C1.74813 18.2933 1.43031 17.9709 1.20992 17.5841C0.98952 17.1974 0.874224 16.7596 0.875499 16.3145C0.876773 15.8693 0.994574 15.4322 1.21718 15.0467L1.22426 15.0347L8.30299 3.21587C8.30825 3.20642 8.31369 3.19705 8.31931 3.18777C8.5465 2.81277 8.86655 2.5027 9.24855 2.2875ZM10.5 3.70923C10.3625 3.70923 10.2273 3.74469 10.1075 3.81219C9.99324 3.87657 9.89665 3.968 9.82613 4.07836C9.82357 4.0828 9.82097 4.08723 9.81833 4.09164L2.72982 15.9268C2.66184 16.0465 2.62589 16.1818 2.62549 16.3195C2.62509 16.4591 2.66126 16.5964 2.73039 16.7177C2.79952 16.839 2.8992 16.9401 3.01953 17.011C3.13871 17.0811 3.27402 17.1192 3.41225 17.1214H17.5877C17.7258 17.1191 17.861 17.0811 17.9801 17.011C18.1004 16.9401 18.2 16.8391 18.2691 16.7178C18.3383 16.5966 18.3745 16.4594 18.3741 16.3198C18.3738 16.1822 18.3379 16.047 18.2701 15.9274L11.1841 4.09457C11.1837 4.09404 11.1834 4.09351 11.1831 4.09298C11.1119 3.97607 11.0119 3.87939 10.8926 3.81219C10.7728 3.74469 10.6376 3.70923 10.5 3.70923ZM10.5001 7.49997C10.9833 7.49997 11.3751 7.89172 11.3751 8.37497V11.875C11.3751 12.3582 10.9833 12.75 10.5001 12.75C10.0168 12.75 9.62506 12.3582 9.62506 11.875V8.37497C9.62506 7.89172 10.0168 7.49997 10.5001 7.49997ZM9.62506 14.5C9.62506 14.0167 10.0168 13.625 10.5001 13.625H10.5088C10.9921 13.625 11.3838 14.0167 11.3838 14.5C11.3838 14.9832 10.9921 15.375 10.5088 15.375H10.5001C10.0168 15.375 9.62506 14.9832 9.62506 14.5Z" fill="%23FFB330"/></svg>') no-repeat}.p-dialog-info .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.625 8.375C9.625 7.89175 10.0168 7.5 10.5 7.5H10.5087C10.992 7.5 11.3837 7.89175 11.3837 8.375C11.3837 8.85825 10.992 9.25 10.5087 9.25H10.5C10.0168 9.25 9.625 8.85825 9.625 8.375ZM8.75 11C8.75 10.5168 9.14175 10.125 9.625 10.125H10.5C10.9832 10.125 11.375 10.5168 11.375 11V13.625C11.8582 13.625 12.25 14.0168 12.25 14.5C12.25 14.9832 11.8582 15.375 11.375 15.375H10.5C10.0168 15.375 9.625 14.9832 9.625 14.5V11.875C9.14175 11.875 8.75 11.4832 8.75 11Z" fill="%2349A2EF"/></svg>') no-repeat}.p-dialog-help .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.99829 7.55089C10.5752 7.43547 11.1741 7.51853 11.6978 7.78656C12.2234 8.05459 12.6434 8.49186 12.89 9.02783C13.1367 9.56409 13.1955 10.1679 13.0568 10.7416C12.9181 11.3154 12.5901 11.8257 12.1257 12.1901C11.6613 12.5545 11.0877 12.7518 10.4974 12.75C10.0141 12.7486 9.62355 12.3556 9.625 11.8724C9.62646 11.3891 10.0194 10.9986 10.5026 11C10.6994 11.0006 10.8906 10.9349 11.0454 10.8134C11.2002 10.6919 11.3096 10.5218 11.3558 10.3306C11.402 10.1393 11.3824 9.93804 11.3002 9.75929C11.2179 9.58053 11.0778 9.43472 10.9025 9.34539L10.9008 9.34452C10.7285 9.25627 10.5314 9.2289 10.3416 9.26688C10.1518 9.30486 9.98043 9.40595 9.85536 9.5537C9.54314 9.92255 8.99103 9.96846 8.62218 9.65624C8.25333 9.34403 8.20742 8.79191 8.51964 8.42306C8.89995 7.97377 9.42109 7.66638 9.99829 7.55089ZM10.5 13.625C10.9832 13.625 11.375 14.0168 11.375 14.5V14.5087C11.375 14.992 10.9832 15.3837 10.5 15.3837C10.0168 15.3837 9.625 14.992 9.625 14.5087V14.5C9.625 14.0168 10.0168 13.625 10.5 13.625Z" fill="%23AB77DF"/></svg>') no-repeat}.p-dialog .p-dialog-content{background:#1c1b22;color:var(--white-100);padding:1.5rem 1.5rem}.p-dialog .p-dialog-content:last-of-type{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer{display:flex;border-top:1px solid rgba(0,0,0,.0001);background:#1c1b22;color:var(--white-80);padding:0rem 1.5rem 1.5rem;text-align:right;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer button{width:auto}.p-dialog .p-confirm-dialog-accept{order:1}.p-dialog .p-confirm-dialog-reject{order:2}.p-dialog.p-dialog-maximized .p-dialog-header,.p-dialog.p-dialog-maximized .p-dialog-content:last-of-type{border-radius:0}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon{font-size:2rem}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon{width:2rem;height:2rem}.p-dialog.p-confirm-dialog .p-dialog-footer{flex-direction:row-reverse;gap:.5rem}.p-dialog.p-confirm-dialog .p-dialog-footer i.none{display:none}.p-overlaypanel{background:#1c1b22;color:var(--white-100);border:1px solid var(--gray-900);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-overlaypanel .p-overlaypanel-content{padding:1rem}.p-overlaypanel .p-overlaypanel-close{background:var(--citrine-300);color:var(--black-80);width:2rem;height:2rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem;position:absolute;top:-1rem;right:-1rem}.p-overlaypanel .p-overlaypanel-close:enabled:hover{background:var(--citrine-200);color:var(--black-80)}.p-overlaypanel:after{border:solid rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-bottom-color:#1c1b22;border-width:6px}.p-overlaypanel:before{border:solid rgba(0,0,0,0);border-width:8px;border-color:rgba(0,0,0,0);border-bottom-color:var(--gray-900)}.p-overlaypanel.p-overlaypanel-flipped{margin-top:-7px !important}.p-overlaypanel.p-overlaypanel-flipped:after{border-top-color:#1c1b22;border-bottom-color:rgba(0,0,0,0)}.p-overlaypanel.p-overlaypanel-flipped:before{border-top-color:var(--gray-900);border-bottom-color:rgba(0,0,0,0)}.p-sidebar{color:var(--white-100);border:1px solid var(--gray-900);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40);background:#1c1b22;margin:.5rem;height:calc(100vh - 1rem) !important}.p-sidebar.p-sidebar-top,.p-sidebar.p-sidebar-full,.p-sidebar.p-sidebar-bottom{width:calc(100vw - 1rem);width:-webkit-fill-available !important}.p-sidebar.p-sidebar-top,.p-sidebar.p-sidebar-bottom{height:auto}.p-sidebar .p-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--gray-900)}.p-sidebar .p-sidebar-header .p-sidebar-close,.p-sidebar .p-sidebar-header .p-sidebar-icon{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-sidebar .p-sidebar-header .p-sidebar-close.p-disabled,.p-sidebar .p-sidebar-header .p-sidebar-icon.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-sidebar .p-sidebar-header>:only-child{margin-left:auto}.p-sidebar .p-sidebar-content{padding:1.5rem 1.5rem}.p-sidebar .p-sidebar-footer{display:flex;align-items:center;gap:.5rem;padding:1.5rem 1.5rem;padding-top:0rem}.p-avatar{height:2rem;width:2rem;color:var(--black-80);font-size:1rem;background-color:var(--citrine-300);border-radius:.5rem}.p-avatar:not(.p-avatar-image){border:1px solid var(--gray-900)}.p-avatar.p-avatar-image{background:rgba(0,0,0,0);position:relative}.p-avatar.p-avatar-image img{position:relative;object-fit:cover;border-radius:inherit}.p-avatar.p-avatar-image .p-badge{z-index:1}.p-avatar.p-avatar-image::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid var(--gray-900);border-radius:inherit;z-index:1}.p-avatar.p-avatar-lg{width:2.5rem;height:2.5rem;font-size:1rem}.p-avatar.p-avatar-lg .p-avatar-icon{font-size:1rem}.p-avatar.p-avatar-xl{width:3.5rem;height:3.5rem;font-size:1.5rem}.p-avatar.p-avatar-xl .p-avatar-icon{font-size:1.5rem}.p-avatar-circle{border-radius:50%}.p-badge{background:var(--citrine-300);color:var(--black-80);font-size:.75rem;font-weight:bold;min-width:1.5rem;height:1.5rem;line-height:1.5rem}.p-badge.p-badge-success{background-color:var(--green-400);color:var(--black-80)}.p-badge.p-badge-info{background-color:var(--blue-400);color:var(--black-80)}.p-badge.p-badge-warning{background-color:var(--orange-400);color:var(--black-80)}.p-badge.p-badge-danger{background-color:var(--red-400);color:var(--black-80)}.p-badge.p-badge-dot{width:.5rem;height:.5rem;min-width:auto}.p-tag{height:1.5rem;color:var(--black-80);font-size:.875rem;font-weight:bold;padding:.5rem;border-radius:.5rem;background:var(--citrine-300)}.p-tag.p-tag-success{background-color:var(--green-400);color:var(--black-80)}.p-tag.p-tag-info{background-color:var(--blue-400);color:var(--black-80)}.p-tag.p-tag-warning{background-color:var(--orange-400);color:var(--black-80)}.p-tag.p-tag-danger{background-color:var(--red-400);color:var(--black-80)}.p-tag.p-tag-rounded{border-radius:100px}.p-tag.p-tag-secondary{background-color:var(--gray-900);color:var(--white-80)}.p-tag .p-tag-icon{margin-right:.25rem;font-size:.875rem}.p-tag .p-tag-icon.p-icon{width:.875rem;height:.875rem}.p-progressbar{border:none;height:1rem;background:var(--white-20);border-radius:.5rem}.p-progressbar .p-progressbar-value{border:0 none;margin:0;background:var(--citrine-300)}.p-progressbar .p-progressbar-label{color:var(--black-80);line-height:1rem}.p-progress-spinner-circle{animation:p-progress-spinner-dash 1.5s ease-in-out infinite,p-progress-spinner-primary-color 6s ease-in-out infinite}@keyframes p-progress-spinner-primary-color{100%,0%{stroke:var(--primary-color) !important}40%{stroke:var(--primary-color) !important}66%{stroke:var(--primary-color) !important}80%,90%{stroke:var(--primary-color) !important}}.p-metergroup{display:flex;gap:.75rem;flex-direction:column}.p-metergroup .p-metergroup-meter-container{background:var(--white-20);border-radius:.5rem}.p-metergroup .p-metergroup-labels{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style-type:none;gap:1rem;row-gap:.75rem}.p-metergroup .p-metergroup-labels-vertical{gap:.5rem;flex-direction:column}.p-metergroup .p-metergroup-meters{display:flex;background:var(--white-20);border-radius:.5rem;height:.5rem}.p-metergroup .p-metergroup-meter{border:none;background:var(--citrine-300)}.p-metergroup .p-metergroup-label-list-item{line-height:1rem}.p-metergroup .p-metergroup-label-type{background:var(--citrine-300);width:.5rem;height:.5rem;border-radius:100%;margin-right:.5rem}.p-metergroup .p-metergroup-label{display:inline-flex;align-items:center;color:var(--black-60);gap:.5rem;font-size:.875rem;line-height:100%}.p-metergroup .p-metergroup-label .p-metergroup-label-marker{width:.5rem;height:.5rem;border-radius:100%;display:inline-flex}.p-metergroup .p-metergroup-label-icon{width:1rem;height:1rem;font-size:1rem}.p-metergroup .p-metergroup-label-list-vertical{gap:.25rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container{height:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start{margin-bottom:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end{margin-top:.5rem}.p-metergroup.p-metergroup-vertical{flex-direction:row}.p-metergroup.p-metergroup-vertical .p-metergroup-meters{width:.5rem;height:100%;flex-direction:column}.p-metergroup.p-metergroup-vertical .p-metergroup-meter{width:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start){margin-left:.5rem}.p-chip{height:1.75rem;color:var(--white-100);border-radius:.25rem;border:1px solid rgba(0,0,0,.0001);padding:0rem .5rem;background-color:var(--white-20);display:inline-flex}.p-chip.p-disabled{color:var(--white-80);border-color:var(--gray-900);background-color:var(--white-20)}.p-chip .p-chip-text{line-height:1.5;margin-top:0rem;margin-bottom:0rem}.p-chip .p-chip-icon{margin-right:.5rem}.p-chip img{width:1.5rem;height:1.5rem;margin-left:-0.75rem;margin-right:.5rem}.p-chip .p-chip-remove-icon{border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin-left:.5rem}.p-chip .p-chip-remove-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-chip .p-chip-remove-icon:focus{outline:0 none}timescircleicon svg{display:none !important}timescircleicon::after{cursor:pointer;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E") no-repeat;height:16px;width:16px;background:var(--white-100);margin-left:.5rem;content:""}.p-skeleton{background:var(--gray-900);border-radius:.5rem}.p-skeleton:after{background:linear-gradient(90deg, var(--gray-900) 0%, var(--gray-900) 40%, var(--gray-900) 75%)}.p-message{overflow:hidden;margin:0rem;border-radius:.5rem}.p-message .p-message-wrapper{padding:1rem;position:relative;display:grid;padding-left:4rem;min-height:4rem}.p-message .p-message-close{width:2rem;height:2rem;border-radius:.5rem;background:rgba(0,0,0,0);transition:background-color .2s,color .2s,box-shadow .2s;position:absolute;top:1rem;right:1rem}.p-message .p-message-close:hover{background:rgba(255,255,255,.5)}.p-message .p-message-close:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-message.p-message-info{background:var(--blue-0);border:1px solid var(--blue-800)}.p-message.p-message-info .p-message-wrapper{border-left:.25rem solid var(--blue-400)}.p-message.p-message-info .p-message-icon{color:var(--blue-400)}.p-message.p-message-info .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--blue-400)}.p-message.p-message-info .p-message-close{color:var(--blue-400);border:1px solid var(--blue-800);background:rgba(0,0,0,0)}.p-message.p-message-info .p-message-close:hover{color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-success{background:var(--green-0);border:1px solid var(--green-900)}.p-message.p-message-success .p-message-wrapper{border-left:.25rem solid var(--green-400)}.p-message.p-message-success .p-message-icon{color:var(--green-400)}.p-message.p-message-success .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--green-400)}.p-message.p-message-success .p-message-close{color:var(--green-400);border:1px solid var(--green-900);background:rgba(0,0,0,0)}.p-message.p-message-success .p-message-close:hover{color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-warn{background:var(--orange-0);border:1px solid var(--orange-800)}.p-message.p-message-warn .p-message-wrapper{border-left:.25rem solid var(--orange-400)}.p-message.p-message-warn .p-message-icon{color:var(--orange-400)}.p-message.p-message-warn .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--orange-400)}.p-message.p-message-warn .p-message-close{color:var(--orange-400);border:1px solid var(--orange-800);background:rgba(0,0,0,0)}.p-message.p-message-warn .p-message-close:hover{color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-error{background:var(--red-0);border:1px solid var(--red-800)}.p-message.p-message-error .p-message-wrapper{border-left:.25rem solid var(--red-400)}.p-message.p-message-error .p-message-icon{color:var(--red-400)}.p-message.p-message-error .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--red-400)}.p-message.p-message-error .p-message-close{color:var(--red-400);border:1px solid var(--red-800);background:rgba(0,0,0,0)}.p-message.p-message-error .p-message-close:hover{color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message .p-message-text{font-size:1rem;font-weight:normal;color:var(--white-100)}.p-message .p-message-icon{font-size:2rem;display:inline;margin-right:.5rem;position:absolute;top:1rem;left:1rem}.p-message .p-message-icon .p-icon-wrapper{display:none}.p-message .p-message-icon.p-icon{width:2rem;height:2rem}.p-message .p-message-summary{font-size:1rem;font-weight:bold;color:var(--white-100);margin-right:.25rem}.p-message .p-message-detail{font-size:.875rem;font-weight:normal;color:var(--white-80);display:block}.p-toast{opacity:1}.p-toast .p-toast-message{overflow:hidden;margin:.25rem;box-shadow:0 .25rem .25rem 0 var(--black-40);border-radius:.5rem}.p-toast .p-toast-message .p-toast-message-content{gap:1rem;padding:1rem;border-left-width:.25rem;border-left-style:solid}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text{margin:0rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon{font-size:2rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon .p-icon-wrapper{display:none}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon{width:2rem;height:2rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-summary{font-weight:bold;font-size:1rem;color:var(--white-100);margin:auto 0}.p-toast .p-toast-message .p-toast-message-content .p-toast-detail{font-weight:normal;font-size:.875rem;color:var(--white-80);margin-top:.25rem}.p-toast .p-toast-message .p-toast-icon-close{width:2rem;height:2rem;border-radius:.5rem;background:#1c1b22;transition:background-color .2s,color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-info{background:var(--blue-0);border:1px solid var(--blue-800)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-content{border-left:.25rem solid var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon{color:var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close{color:var(--blue-400);border:1px solid var(--blue-800);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover{color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-success{background:var(--green-0);border:1px solid var(--green-900)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-content{border-left:.25rem solid var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon{color:var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close{color:var(--green-400);border:1px solid var(--green-900);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover{color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-warn{background:var(--orange-0);border:1px solid var(--orange-800)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-content{border-left:.25rem solid var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon{color:var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close{color:var(--orange-400);border:1px solid var(--orange-800);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover{color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-error{background:var(--red-0);border:1px solid var(--red-800)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-content{border-left:.25rem solid var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon{color:var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close{color:var(--red-400);border:1px solid var(--red-800);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover{color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-breadcrumb{background:rgba(0,0,0,.0001);border:none;padding:0rem}.p-breadcrumb.none-separator-breadcrum .p-menuitem-separator{opacity:0}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link{transition:.2s;border-radius:.5rem;padding:.25rem}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover{background-color:var(--gray-800)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator{margin:0 .25rem;color:var(--white-100);font-size:1.25rem}.p-breadcrumb .p-breadcrumb-list li:last-child{pointer-events:none;opacity:.6}.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text{color:var(--white-80)}.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon{color:var(--white-80)}.p-menubar{display:flex;padding:.25rem;align-items:flex-end;border-radius:.5rem;border:1px solid var(--gray-900);background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-menubar .p-menuitem{width:100%;margin-top:.25rem}.p-menubar .p-menuitem:first-of-type{margin-top:0}.p-menubar .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-menubar .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--citrine-300)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--citrine-200)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-menubar .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-menubar .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-menubar [class*=list][level="0"]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.p-menubar [class*=list][level="0"]>.p-menuitem{margin:0}.p-menubar [class*=list]:not([level="0"]){min-width:8rem;z-index:2}.p-menubar [class*=list][level="1"]{margin-top:.25rem}.p-menubar [class*=list][level="1"].p-menuitem:first-of-type{margin-top:.25rem}.p-menubar [class*=list]:not([level="0"]):not([level="1"]){margin-left:.25rem;margin-top:-0.25rem}.p-menubar ul{margin:0;padding:0;list-style:none}.p-menubar .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-menubar .p-menuitem-text{line-height:1}.p-menubar .p-menuitem{position:relative;margin-top:.25rem}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--citrine-200);color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem.p-menuitem:first-of-type{margin-top:.25rem}.p-menubar .p-menuitem .p-submenu-list{display:none;position:absolute;z-index:2;border-radius:.5rem;border:1px solid var(--gray-900);background-color:#1c1b22}.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg){margin-left:auto}.p-menubar .p-menuitem .p-menubar-root-list .p-icon-wrapper{margin-left:auto}.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-icon-wrapper{margin-left:auto}.p-menubar .p-menuitem .p-menubar-custom,.p-menubar .p-menuitem .p-menubar-end{margin-left:auto;align-self:center}.p-menubar .p-menubar-root-list{display:flex;align-items:center;flex-wrap:nowrap}.p-menubar .p-menubar-root-list>li ul{display:none;z-index:1}@media screen and (min-width: 960px){.p-menubar .p-submenu-list>.p-menuitem-active>p-menubarsub>.p-submenu-list{display:block;left:100%;top:0}.p-menubar .p-menubar-root-list>.p-menuitem-active>p-menubarsub>.p-submenu-list{display:block}}.p-menubar .p-menubar-button{display:none;cursor:pointer;align-items:center;justify-content:center}@media screen and (max-width: 960px){.p-menubar{position:relative;align-items:center}.p-menubar .p-menubar-button{display:flex;width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-menubar .p-menubar-button:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-menubar .p-menubar-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-menubar .p-menubar-button.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-menubar .p-menuitem-active[aria-expanded=false] .p-submenu-list{display:none}.p-menubar .p-menuitem-active[aria-expanded=true]>p-menubarsub>.p-submenu-list{display:block;position:relative;left:auto;top:auto;border:0}.p-menubar [aria-expanded=true]+p-menubarsub .p-menubar-root-list{display:block}.p-menubar .p-menubar-root-list{position:absolute;left:0;top:100%;display:none;flex-direction:column;min-width:8rem;border:1px solid var(--gray-900);padding:.25rem;margin-top:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40);border-radius:.5rem;z-index:2}.p-menubar .p-menubar-root-list [aria-expanded=false] .p-submenu-icon{transform:rotate(-90deg)}.p-menubar .p-submenu-list{width:100%;display:none;border:none;border-radius:0;margin:0 !important;padding:.25rem 0 0 .75rem;border-radius:.5rem;box-shadow:none}.p-menubar .p-submenu-list [aria-expanded=false] .p-submenu-icon{transform:rotate(0deg)}.p-menubar .p-submenu-list [aria-expanded=true] .p-submenu-icon{transform:rotate(90deg)}}.p-megamenu [class*=header]{color:var(--white-80);font-size:.875rem;font-weight:bold;text-transform:uppercase;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-megamenu [class*=header][data-p-disabled=true]{color:var(--white-80);background-color:var(--white-20);border-color:var(--gray-900)}.p-megamenu [class*=grid]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem;width:max-content;border-radius:.5rem;border:1px solid var(--gray-900);padding:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-megamenu [class*=col]{display:flex;flex-grow:1;width:auto;padding:0}.p-megamenu .p-menuitem{width:100%;margin-top:.25rem}.p-megamenu .p-menuitem:first-of-type{margin-top:0}.p-megamenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--citrine-300)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--citrine-200)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-megamenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-megamenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-megamenu-horizontal{display:flex}.p-megamenu-horizontal [class*=root]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.p-megamenu-horizontal [class*=root]>.p-menuitem{margin:0}.p-megamenu-horizontal [class*=grid]{margin-top:.25rem}.p-megamenu-vertical{display:flex}.p-megamenu-vertical [class*=root]{display:flex;flex-direction:column}.p-megamenu-vertical [class*=grid]{margin-left:.25rem}@media screen and (max-width: 960px){.p-megamenu{position:relative}.p-megamenu .p-megamenu-button{display:flex;width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-megamenu .p-megamenu-button:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-megamenu .p-megamenu-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-megamenu .p-megamenu-button.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-megamenu [aria-expanded=false]+[class*=root]{display:none}.p-megamenu [class*=root]{position:absolute;left:0;top:100%;display:flex;flex-direction:column;min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-900);padding:.25rem;margin-top:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40);z-index:2}.p-megamenu [class*=panel]{width:100%;position:static}.p-megamenu [class*=grid]{display:flex;flex-direction:column;border:none;border-radius:0;margin:0 !important;padding:.25rem 0 0 .75rem;box-shadow:none}.p-megamenu [class*=grid] [class*=list]{width:100%}.p-megamenu-horizontal [aria-expanded=false] .p-submenu-icon{transform:rotate(-90deg)}.p-megamenu-vertical [aria-expanded=true] .p-submenu-icon{transform:rotate(90deg)}}.p-menu [class*=header]{color:var(--white-80);font-size:.875rem;font-weight:bold;text-transform:uppercase;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-menu [class*=header][data-p-disabled=true]{color:var(--white-80);background-color:var(--white-20);border-color:var(--gray-900)}.p-menu .p-menuitem{width:100%;margin-top:.25rem}.p-menu .p-menuitem:first-of-type{margin-top:0}.p-menu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-menu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--citrine-300)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--citrine-200)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-menu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-menu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-menu .p-menuitem[data-p-disabled=true] .p-disabled{opacity:.6}.p-menu-overlay{min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-900);padding:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40);z-index:2}.p-tieredmenu{display:flex}.p-tieredmenu [class*=root]{display:flex;flex-direction:column}.p-tieredmenu [data-pc-section=menu]{border-radius:.5rem;border:1px solid var(--gray-900);background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-tieredmenu .p-menuitem{width:100%;margin-top:.25rem}.p-tieredmenu .p-menuitem:first-of-type{margin-top:0}.p-tieredmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--citrine-300)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--citrine-200)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-tieredmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-tabmenu .p-tabmenu-nav{background:rgba(0,0,0,.0001);border-bottom:1px solid var(--gray-900)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem{margin-right:1.5rem}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{background:rgba(0,0,0,.0001);color:var(--white-80);font-weight:normal;border-bottom:.25rem solid rgba(0,0,0,.0001);padding:1rem 0rem;margin:0;transition:.2s}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon{margin-right:.5rem}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link{background:rgba(0,0,0,.0001);border-color:rgba(0,0,0,.0001);color:var(--citrine-300)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{background:rgba(0,0,0,.0001);border-color:var(--citrine-300);color:var(--citrine-300)}.p-tabmenu .p-tabmenu-nav-btn.p-link{background:#1c1b22;color:var(--white-80);width:2.5rem;box-shadow:0px 0px 10px 50px var(--white-60);border-radius:0}.p-tabmenu .p-tabmenu-nav-btn.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-tabmenu .p-tabmenu-nav-btn.p-link:hover{color:var(--citrine-300)}.p-tabmenu .p-tabmenu-nav-container>.p-tabmenu-nav-content>.p-tabmenu-nav{white-space:nowrap;width:max-content}.p-panelmenu[data-pc-section=root]{display:flex;flex-direction:column;gap:.25rem}.p-panelmenu [data-pc-section=header]{padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(0,0,0,.0001);background-color:rgba(0,0,0,.0001)}.p-panelmenu [data-pc-section=header] .p-panelmenu-header-action{display:flex;gap:.5rem}.p-panelmenu [data-pc-section=header] .p-panelmenu-header-link{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.p-panelmenu [data-pc-section=header] .p-menuitem-text{color:var(--white-80)}.p-panelmenu [data-pc-section=header] .p-menuitem-icon{color:var(--white-80)}.p-panelmenu [data-pc-section=header] .p-submenu-icon{color:var(--white-80)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover{cursor:pointer;background-color:var(--gray-800)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-text{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-submenu-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true]{background-color:var(--citrine-300)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-text{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-submenu-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover{cursor:pointer;background-color:var(--citrine-200)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-text{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-submenu-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][data-p-disabled=true]{background-color:var(--white-20);border-color:var(--gray-900)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-icon{color:var(--white-80)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-text{color:var(--white-80)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-submenu-icon{color:var(--white-80)}.p-panelmenu [data-pc-section=menu]{padding:.25rem 0 0 .75rem}.p-panelmenu [data-pc-section=submenu]{padding:.25rem 0 0 .75rem}.p-panelmenu .p-menuitem{width:100%;margin-top:.25rem}.p-panelmenu .p-menuitem:first-of-type{margin-top:0}.p-panelmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-panelmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--citrine-300)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--citrine-200)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-panelmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled){pointer-events:none;opacity:.6}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-link{pointer-events:none;background-color:var(--white-20);border-color:var(--gray-900);opacity:1}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-icon{color:var(--white-80)}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-text{color:var(--white-80)}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-submenu-icon{color:var(--white-80)}.p-contextmenu [class*=list]{min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-900);padding:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40);z-index:2}.p-contextmenu [class*=list]:not([class*=root]){margin-top:-0.25rem;margin-left:.25rem}.p-contextmenu .p-menuitem{width:100%;margin-top:.25rem}.p-contextmenu .p-menuitem:first-of-type{margin-top:0}.p-contextmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--citrine-300)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--citrine-200)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-contextmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled{opacity:.6}@media screen and (max-width: 767px){.p-contextmenu [aria-expanded=true]>.p-menuitem-content .p-submenu-icon{transform:rotate(90deg)}.p-contextmenu [class*=list]:not([class*=root]){border-radius:0;border:none;padding-left:.75rem !important;margin:0;margin-top:.25rem;background-color:rgba(0,0,0,0);box-shadow:none}}.p-steps{overflow:hidden;overflow-x:auto}.p-steps .p-steps-item{display:flex;justify-content:center}.p-steps .p-steps-item .p-menuitem-link{display:flex;flex-direction:row;align-items:center;gap:.5rem;border-radius:0;padding:0 .5rem;background:#1c1b22;transition:.2s;z-index:1}.p-steps .p-steps-item .p-menuitem-link .p-steps-number{color:var(--white-100);font-weight:500;border:1px solid var(--gray-900);background:#1c1b22;min-width:1.5rem;height:1.5rem;line-height:1.5rem;font-size:1rem;z-index:1;border-radius:8rem}.p-steps .p-steps-item .p-menuitem-link .p-steps-title{color:var(--white-100);font-weight:500}.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-steps .p-steps-item.p-highlight:not(:has(~.p-highlight)) .p-steps-number{background:var(--citrine-300);color:var(--black-80);border-color:rgba(0,0,0,0)}.p-steps .p-steps-item.p-highlight:not(:has(~.p-highlight)) .p-steps-title{color:var(--white-100)}.p-steps .p-steps-item.p-disabled{opacity:1}.p-steps .p-steps-item.p-disabled .p-steps-number,.p-steps .p-steps-item.p-disabled .p-steps-title{opacity:.6}.p-steps .p-steps-item:before{content:" ";border-top:1px solid var(--gray-900);width:100%;top:50%;left:0;display:block;position:absolute}.p-steps .p-steps-item:first-of-type{justify-content:flex-start}.p-steps .p-steps-item:first-of-type .p-menuitem-link{padding-left:0}.p-steps .p-steps-item:last-of-type{justify-content:flex-end}.p-steps .p-steps-item:last-of-type .p-menuitem-link{padding-right:0}.p-timeline .p-timeline-event-content{color:var(--white-100)}.p-timeline .p-timeline-event-opposite,.p-timeline .p-timeline-event-content{line-height:1}.p-timeline .p-timeline-event-marker{border:.25rem solid var(--citrine-300);border-radius:8rem;width:1rem;height:1rem;background-color:#1c1b22}.p-timeline .p-timeline-event-connector{background-color:var(--gray-900)}.p-timeline.p-timeline-vertical .p-timeline-event-opposite,.p-timeline.p-timeline-vertical .p-timeline-event-content{padding:0rem .5rem}.p-timeline.p-timeline-vertical .p-timeline-event-connector{width:1px}.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,.p-timeline.p-timeline-horizontal .p-timeline-event-content{padding:.5rem 0rem}.p-timeline.p-timeline-horizontal .p-timeline-event-connector{height:1px}.p-carousel .p-carousel-content .p-carousel-prev,.p-carousel .p-carousel-content .p-carousel-next{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin:.5rem}.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,.p-carousel .p-carousel-content .p-carousel-next:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,.p-carousel .p-carousel-content .p-carousel-next:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-carousel .p-carousel-content .p-carousel-prev.p-disabled,.p-carousel .p-carousel-content .p-carousel-next.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-carousel .p-carousel-indicators{padding:1rem}.p-carousel .p-carousel-indicators .p-carousel-indicator{margin-right:.5rem}.p-carousel .p-carousel-indicators .p-carousel-indicator:last-of-type{margin-right:0}.p-carousel .p-carousel-indicators .p-carousel-indicator button{background-color:var(--gray-900);width:.5rem;height:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:1rem}.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover{background:var(--gray-600)}.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background:var(--gray-600);color:#1c1b22}.p-datatable table{border-collapse:separate}.p-datatable .p-paginator-top{border-width:1px 0 1px 0;border-radius:0}.p-datatable .p-paginator-bottom{border-width:0 0 0 0;border-radius:0}.p-datatable .p-datatable-header{background:var(--gray-0);color:var(--white-100);border:1px solid var(--gray-900);border-width:0 0 1px 0;padding:1rem 1rem;font-weight:500}.p-datatable .p-datatable-footer{background:var(--gray-0);color:var(--white-100);border:1px solid var(--gray-900);border-width:0 0 1px 0;padding:1rem 1rem;font-weight:500}.p-datatable .p-datatable-thead>tr>th{text-align:left;padding:1rem 1rem;border:1px solid var(--gray-900);border-width:0 0 1px 0;font-weight:500;color:var(--white-100);background:var(--gray-0);transition:.2s}.p-datatable .p-datatable-tfoot>tr>td{text-align:left;padding:1rem 1rem;border:1px solid var(--gray-900);border-width:0 0 1px 0;font-weight:500;color:var(--white-100);background:var(--gray-0)}.p-datatable .p-sortable-column p-sorticon{vertical-align:middle}.p-datatable .p-sortable-column p-sorticon sortalticon>svg,.p-datatable .p-sortable-column p-sorticon sortamountupalticon>svg,.p-datatable .p-sortable-column p-sorticon sortamountdownicon>svg{display:none}.p-datatable .p-sortable-column p-sorticon sortalticon::after,.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after,.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after{width:1.25rem;height:1.25rem;color:var(--white-100);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.p-datatable .p-sortable-column p-sorticon sortalticon::after{content:""}.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after{content:"";color:var(--citrine-300)}.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after{content:"";color:var(--citrine-300)}.p-datatable .p-sortable-column .p-sortable-column-badge{border-radius:50%;height:1.25rem;min-width:1.25rem;line-height:1.25rem;color:var(--black-80);background:var(--citrine-300);margin-left:.5rem}.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon{color:var(--white-100)}.p-datatable .p-sortable-column.p-highlight{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{color:var(--citrine-300)}.p-datatable .p-sortable-column:focus-visible{box-shadow:0 0 0 .25rem var(--citrine-800);outline:0 none}.p-datatable .p-datatable-tbody>tr{background:#1c1b22;color:var(--white-100);transition:.2s}.p-datatable .p-datatable-tbody>tr>td{text-align:left;border:1px solid var(--gray-900);border-width:0 0 1px 0;padding:1rem 1rem}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save{margin-right:.5rem}.p-datatable .p-datatable-tbody>tr>td>.p-column-title{font-weight:500}.p-datatable .p-datatable-tbody>tr>td.p-highlight{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-datatable-tbody>tr.p-highlight{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-datatable-tbody>tr.p-highlight-contextmenu{outline:.15rem solid var(--citrine-800);outline-offset:-0.15rem}.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-top>td{box-shadow:inset 0 2px 0 0 var(--citrine-300)}.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td{box-shadow:inset 0 -2px 0 0 var(--citrine-300)}.p-datatable .p-datatable-tbody>tr .pi-chevron-right::before,.p-datatable .p-datatable-tbody>tr .pi-chevron-down::before{color:var(--white-80);font-size:1rem}.p-datatable .p-datatable-frozen-tbody>tr>td{background:var(--gray-0)}.p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover{background:var(--gray-800);color:var(--white-100)}.p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:focus-visible{outline:.15rem solid var(--citrine-800);outline-offset:-0.15rem}.p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:not(.p-highlight):hover{background:var(--gray-800);color:var(--white-100)}.p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:focus-visible{outline:.15rem solid var(--citrine-800);outline-offset:-0.15rem}.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):not(.p-datatable-emptymessage):hover{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-column-resizer-helper{background:var(--gray-900)}.p-datatable .p-datatable-scrollable-header,.p-datatable .p-datatable-scrollable-footer{background:#1c1b22}.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-thead,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-tfoot,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-thead,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-tfoot{background-color:var(--gray-0)}.p-datatable .p-datatable-loading-icon{font-size:2rem}.p-datatable .p-datatable-loading-icon.p-icon{width:2rem;height:2rem}.p-datatable.p-datatable-gridlines .p-datatable-header{border-width:1px 1px 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-footer{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-paginator-top{border-width:0 1px 0 1px}.p-datatable.p-datatable-gridlines .p-paginator-bottom{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th:last-child{border-width:1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td{border-width:1px 0 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td:last-child{border-width:1px 1px 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td:last-child{border-width:1px}.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td:last-child{border-width:1px 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td{border-width:0 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td:last-child{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td{border-width:0 0 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td:last-child{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td{border-width:0 0 0 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td:last-child{border-width:0 1px 0 1px}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even){background:var(--gray-0)}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even).p-highlight{background:var(--gray-800);color:var(--white-100)}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even)+.p-row-expanded{background:var(--gray-0)}.p-datatable.p-datatable-sm .p-datatable-header{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-thead>tr>th{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-tfoot>tr>td{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-footer{padding:.5rem .5rem}.p-datatable.p-datatable-lg .p-datatable-header{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-thead>tr>th{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-tbody>tr>td{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-footer{padding:1.25rem 1.25rem}.p-datatable-drag-selection-helper{background:var(--gray-800)}.p-column-filter-overlay{display:flex;flex-direction:column;gap:.25rem;background-color:#1c1b22;padding:.25rem;border:1px solid var(--gray-900);border-radius:.5rem}.p-column-filter-constraint,.p-column-filter-constraints{display:flex;flex-direction:column;gap:.25rem}.p-column-filter-buttonbar{display:flex;gap:.25rem}[data-pc-section=filterremove]{display:none}[data-pc-section=filterremove]:has(.p-column-filter-remove-button){display:block}.p-column-filter-menu-button,.p-column-filter-clear-button{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;vertical-align:middle}.p-column-filter-menu-button:enabled:hover,.p-column-filter-clear-button:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-column-filter-menu-button:focus-visible,.p-column-filter-clear-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-column-filter-menu-button.p-disabled,.p-column-filter-clear-button.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-column-filter-menu-button filtericon>svg,.p-column-filter-menu-button filterslashicon>svg,.p-column-filter-clear-button filtericon>svg,.p-column-filter-clear-button filterslashicon>svg{display:none}.p-column-filter-menu-button filtericon::after,.p-column-filter-menu-button filterslashicon::after,.p-column-filter-clear-button filtericon::after,.p-column-filter-clear-button filterslashicon::after{color:var(--white-100);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2;-webkit-font-smoothing:antialiased}.p-column-filter-menu-button filtericon::after,.p-column-filter-clear-button filtericon::after{content:""}.p-column-filter-menu-button filterslashicon::after,.p-column-filter-clear-button filterslashicon::after{content:""}.p-column-filter-menu-button.p-column-filter-menu-button-active,.p-column-filter-clear-button.p-column-filter-menu-button-active{background-color:var(--citrine-300);color:var(--black-80)}.p-column-filter-menu-button.p-column-filter-menu-button-active filtericon::after,.p-column-filter-menu-button.p-column-filter-menu-button-active filterslashicon::after,.p-column-filter-clear-button.p-column-filter-menu-button-active filtericon::after,.p-column-filter-clear-button.p-column-filter-menu-button-active filterslashicon::after{color:var(--black-80)}.p-column-filter-menu-button.p-column-filter-menu-button-active:hover,.p-column-filter-clear-button.p-column-filter-menu-button-active:hover{background-color:var(--citrine-200);color:var(--black-80)}.p-column-filter-row{gap:.5rem}.p-column-filter-row-item{color:var(--white-80);padding:.5rem .75rem;margin-top:.25rem;background-color:rgba(0,0,0,.0001);border-radius:.5rem;border:1px solid rgba(0,0,0,.0001)}.p-column-filter-row-item:first-of-type{margin:0}.p-column-filter-row-item:not(.p-highlight):hover{color:var(--white-100);background-color:var(--gray-800)}.p-column-filter-row-item.p-highlight{color:var(--black-80);background-color:var(--citrine-300)}.p-column-filter-row-item.p-highlight:hover{background-color:var(--citrine-200)}.p-column-filter-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-datatable-reorderablerow-handle{color:var(--white-80)}.p-datatable-reorderablerow-handle::before{content:"" !important;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2;-webkit-font-smoothing:antialiased}.p-paginator{background:rgba(0,0,0,.0001);color:var(--white-100);border:solid rgba(0,0,0,.0001);border-width:0;padding:.5rem 0rem;border-radius:.5rem}.p-paginator .p-paginator-first,.p-paginator .p-paginator-prev,.p-paginator .p-paginator-next,.p-paginator .p-paginator-last{background-color:rgba(0,0,0,.0001);border:1px solid rgba(0,0,0,.0001);color:var(--white-80);min-width:2.5rem;height:2.5rem;margin:.25rem;transition:.2s;border-radius:.5rem}.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover{background:var(--gray-800);border-color:rgba(0,0,0,.0001);color:var(--white-100)}.p-paginator .p-paginator-first.p-disabled:not(.p-highlight),.p-paginator .p-paginator-prev.p-disabled:not(.p-highlight),.p-paginator .p-paginator-next.p-disabled:not(.p-highlight),.p-paginator .p-paginator-last.p-disabled:not(.p-highlight){background:var(--white-20);border-color:var(--gray-900);color:var(--white-80)}.p-paginator .p-paginator-first{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-paginator .p-paginator-last{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-paginator .p-dropdown{margin-left:.5rem;height:2.5rem}.p-paginator .p-dropdown .p-dropdown-label{padding-right:0}.p-paginator .p-paginator-page-input{margin-left:.5rem;margin-right:.5rem}.p-paginator .p-paginator-page-input .p-inputtext{max-width:2.5rem}.p-paginator .p-paginator-current{background-color:rgba(0,0,0,.0001);border:1px solid rgba(0,0,0,.0001);color:var(--white-80);min-width:2.5rem;height:2.5rem;margin:.25rem;padding:0 .5rem}.p-paginator .p-paginator-pages .p-paginator-page{background-color:rgba(0,0,0,.0001);border:1px solid rgba(0,0,0,.0001);color:var(--white-80);min-width:2.5rem;height:2.5rem;margin:.25rem;transition:.2s;border-radius:.5rem}.p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:var(--citrine-300);border-color:var(--citrine-300);color:var(--black-80)}.p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover{background:var(--citrine-200);border-color:var(--citrine-200)}.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover{background:var(--gray-800);border-color:rgba(0,0,0,.0001);color:var(--white-100)}.p-galleria .p-galleria-close{margin:.5rem;background:rgba(0,0,0,.0001);color:var(--white-60);width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem}.p-galleria .p-galleria-close .p-galleria-close-icon{font-size:2rem}.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon{width:2rem;height:2rem}.p-galleria .p-galleria-close:hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-item-nav{background:rgba(0,0,0,.0001);color:var(--white-60);width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem;margin:.5rem}.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon{font-size:2rem}.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon{width:2rem;height:2rem}.p-galleria .p-galleria-item-nav:not(.p-disabled):hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-caption{background:var(--black-60);color:var(--white-80)}.p-galleria .p-galleria-caption-title{padding:0 1rem}.p-galleria .p-galleria-indicators{padding:1rem;line-height:0}.p-galleria .p-galleria-indicators .p-galleria-indicator button{background-color:var(--white-40);width:.5rem;height:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:1rem}.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover{background:var(--white-80)}.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button{background:var(--white-80);color:var(--black-80)}.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,.p-galleria.p-galleria-indicators-top .p-galleria-indicator{margin-right:.5rem}.p-galleria.p-galleria-indicators-left .p-galleria-indicator,.p-galleria.p-galleria-indicators-right .p-galleria-indicator{margin-bottom:.5rem}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators{background:rgba(0,0,0,.0001)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button{background:var(--white-40)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover{background:var(--white-80)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button{background:var(--white-80);color:#1c1b22}.p-galleria .p-galleria-thumbnail-container{background:var(--black-100);padding:.5rem .5rem;gap:.5rem}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next{background-color:rgba(0,0,0,.0001);color:var(--white-60);width:2rem;height:2rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content{transition:.2s;width:100%;height:100%}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-800);caret-color:var(--citrine-300)}.p-galleria-mask{--maskbg: var(--black-40)}.p-galleria-thumbnail-item{overflow:hidden;height:4rem}.p-fileupload-dnd .p-fileupload,.p-fileupload-button .p-fileupload{width:100%;display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd.p-fileupload-advanced,.p-fileupload-button.p-fileupload-advanced{display:flex;flex-direction:column;align-items:flex-start}.p-fileupload-dnd .p-fileupload-content,.p-fileupload-button .p-fileupload-content{width:100%;display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd .p-fileupload-content>p-progressbar,.p-fileupload-dnd .p-fileupload-content p-messages,.p-fileupload-button .p-fileupload-content>p-progressbar,.p-fileupload-button .p-fileupload-content p-messages{display:none}.p-fileupload-dnd .p-orderlist-controls,.p-fileupload-button .p-orderlist-controls{display:none}.p-fileupload-dnd .p-fileupload-files,.p-fileupload-button .p-fileupload-files{display:none}.p-fileupload-dnd .p-fileupload-info-button,.p-fileupload-button .p-fileupload-info-button{width:2.5rem;display:inline-flex;justify-content:center;align-items:center;color:var(--blue-400)}.p-fileupload-dnd .p-orderlist-list-container,.p-fileupload-button .p-orderlist-list-container{display:flex;flex-direction:column;width:100%}.p-fileupload-dnd .p-orderlist-list-container .p-orderlist-list,.p-fileupload-button .p-orderlist-list-container .p-orderlist-list{overflow:hidden;min-height:0px}.p-fileupload-dnd .p-fileupload-progress-spinner,.p-fileupload-button .p-fileupload-progress-spinner{width:1.25rem;height:1.25rem}.p-fileupload-dnd .p-fileupload-item-row,.p-fileupload-button .p-fileupload-item-row{padding:.25rem .25rem .25rem .5rem;border-radius:.5rem;border:1px solid rgba(0,0,0,.0001)}.p-fileupload-dnd .p-fileupload-item-row:hover,.p-fileupload-button .p-fileupload-item-row:hover{background:var(--gray-800)}.p-fileupload-dnd .p-fileupload-item-row.error,.p-fileupload-button .p-fileupload-item-row.error{border-color:var(--red-400)}.p-fileupload-dnd .p-fileupload-item-row.error .file-icon,.p-fileupload-button .p-fileupload-item-row.error .file-icon{color:var(--red-400)}.p-fileupload-dnd .p-dataview-content,.p-fileupload-dnd .p-orderlist-list,.p-fileupload-button .p-dataview-content,.p-fileupload-button .p-orderlist-list{display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd .p-fileupload-buttonbar{width:100%;border-radius:.5rem;background:var(--gray-alpha);border:1px dashed var(--gray-900);padding:1.5rem 1.5rem 1rem}.p-fileupload-dnd .p-fileupload-buttonbar button{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.p-fileupload-dnd .p-fileupload-buttonbar button>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.p-fileupload-dnd .p-fileupload-buttonbar:hover{cursor:pointer;border-color:var(--citrine-300)}.p-fileupload-dnd .p-fileupload-buttonbar:hover i{color:var(--citrine-300)}.hover\:border-primary:hover {
-  border-color: var(--primary-color);
-}.hover\:bg-blue-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}.hover\:bg-purple-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
-}.hover\:text-primary:hover {
-  color: var(--primary-color);
-}.hover\:underline:hover {
-  text-decoration-line: underline;
-}@media (min-width: 1px) {
-
-  .sm\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .sm\:\!w-15 {
-    width: 15rem !important;
-  }
-
-  .sm\:\!w-16 {
-    width: 16rem !important;
-  }
-
-  .sm\:\!w-26 {
-    width: 26rem !important;
-  }
-
-  .sm\:w-auto {
-    width: auto;
-  }
-
-  .sm\:flex-row {
-    flex-direction: row;
-  }
-
-  .sm\:flex-col {
-    flex-direction: column;
-  }
-
-  .sm\:items-start {
-    align-items: flex-start;
-  }
-
-  .sm\:items-end {
-    align-items: flex-end;
-  }
-
-  .sm\:items-center {
-    align-items: center;
-  }
-
-  .sm\:gap-2 {
-    gap: 0.5rem;
-  }
-
-  .sm\:p-8 {
-    padding: 2rem;
-  }
-}@media (min-width: 768px) {
-
-  .md\:col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .md\:col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .md\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .md\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .md\:ml-auto {
-    margin-left: auto;
-  }
-
-  .md\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .md\:block {
-    display: block;
-  }
-
-  .md\:flex {
-    display: flex;
-  }
-
-  .md\:hidden {
-    display: none;
-  }
-
-  .md\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .md\:\!w-15 {
-    width: 15rem !important;
-  }
-
-  .md\:\!w-20 {
-    width: 20rem !important;
-  }
-
-  .md\:\!w-30 {
-    width: 30rem !important;
-  }
-
-  .md\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .md\:\!w-8\/12 {
-    width: 66.666667% !important;
-  }
-
-  .md\:w-2 {
-    width: 2rem;
-  }
-
-  .md\:w-5 {
-    width: 5rem;
-  }
-
-  .md\:flex-initial {
-    flex: 0 1 auto;
-  }
-
-  .md\:flex-row {
-    flex-direction: row;
-  }
-
-  .md\:flex-col {
-    flex-direction: column;
-  }
-
-  .md\:items-end {
-    align-items: flex-end;
-  }
-
-  .md\:items-center {
-    align-items: center;
-  }
-
-  .md\:justify-start {
-    justify-content: flex-start;
-  }
-
-  .md\:justify-center {
-    justify-content: center;
-  }
-
-  .md\:justify-between {
-    justify-content: space-between;
-  }
-
-  .md\:gap-8 {
-    gap: 2rem;
-  }
-}@media (min-width: 1200px) {
-
-  .lg\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .lg\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .lg\:flex {
-    display: flex;
-  }
-
-  .lg\:\!w-3\/12 {
-    width: 25% !important;
-  }
-
-  .lg\:\!w-4\/12 {
-    width: 33.333333% !important;
-  }
-
-  .lg\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .lg\:gap-0 {
-    gap: 0px;
-  }
-
-  .lg\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
-  .lg\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .lg\:pr-8 {
-    padding-right: 2rem;
-  }
-}@media (min-width: 1280px) {
-
-  .xl\:block {
-    display: block;
-  }
-
-  .xl\:flex {
-    display: flex;
-  }
-
-  .xl\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .xl\:\!w-3\/12 {
-    width: 25% !important;
-  }
-
-  .xl\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .xl\:\!w-9\/12 {
-    width: 75% !important;
-  }
-
-  .xl\:w-6 {
-    width: 6rem;
-  }
-
-  .xl\:flex-row {
-    flex-direction: row;
-  }
-
-  .xl\:items-start {
-    align-items: flex-start;
-  }
-
-  .xl\:justify-center {
-    justify-content: center;
-  }
-
-  .xl\:pt-0 {
-    padding-top: 0px;
-  }
-
-  .xl\:text-left {
-    text-align: left;
-  }
-}
diff --git a/src-storybook/assets/themes/brand-light-primary/theme.css b/src-storybook/assets/themes/brand-light-primary/theme.css
deleted file mode 100644
index 44215db..0000000
--- a/src-storybook/assets/themes/brand-light-primary/theme.css
+++ /dev/null
@@ -1,10007 +0,0 @@
-@charset "UTF-8";
-*, ::before, ::after{
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-::backdrop{
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*/
-/*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-::before,
-::after {
-  --tw-content: '';
-}
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: Roboto, sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-/*
-Remove the default font size and weight for headings.
-*/
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-/*
-Add the correct font weight in Edge and Safari.
-*/
-b,
-strong {
-  font-weight: bolder;
-}
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-/*
-Add the correct font size in all browsers.
-*/
-small {
-  font-size: 80%;
-}
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-button,
-select {
-  text-transform: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-:-moz-focusring {
-  outline: auto;
-}
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-progress {
-  vertical-align: baseline;
-}
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-/*
-Add the correct display in Chrome and Safari.
-*/
-summary {
-  display: list-item;
-}
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-legend {
-  padding: 0;
-}
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-/*
-Prevent resizing textareas horizontally by default.
-*/
-textarea {
-  resize: vertical;
-}
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-/*
-Set the default cursor for buttons.
-*/
-button,
-[role="button"] {
-  cursor: pointer;
-}
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}
-.container{
-  width: 100%;
-}
-@media (min-width: 1px){
-  .container{
-    max-width: 1px;
-  }
-}
-@media (min-width: 768px){
-  .container{
-    max-width: 768px;
-  }
-}
-@media (min-width: 1200px){
-  .container{
-    max-width: 1200px;
-  }
-}
-@media (min-width: 1280px){
-  .container{
-    max-width: 1280px;
-  }
-}
-@media (min-width: 1536px){
-  .container{
-    max-width: 1536px;
-  }
-}
-.pointer-events-none{
-  pointer-events: none;
-}
-.\!visible{
-  visibility: visible !important;
-}
-.visible{
-  visibility: visible;
-}
-.collapse{
-  visibility: collapse;
-}
-.static{
-  position: static;
-}
-.fixed{
-  position: fixed;
-}
-.absolute{
-  position: absolute;
-}
-.relative{
-  position: relative;
-}
-.sticky{
-  position: sticky;
-}
-.left-0{
-  left: 0px;
-}
-.right-0{
-  right: 0px;
-}
-.top-0{
-  top: 0px;
-}
-.top-auto{
-  top: auto;
-}
-.z-1{
-  z-index: 1;
-}
-.col-span-12{
-  grid-column: span 12 / span 12;
-}
-.col-span-2{
-  grid-column: span 2 / span 2;
-}
-.col-span-6{
-  grid-column: span 6 / span 6;
-}
-.col-span-8{
-  grid-column: span 8 / span 8;
-}
-.m-0{
-  margin: 0px;
-}
-.m-2{
-  margin: 0.5rem;
-}
-.m-3{
-  margin: 0.75rem;
-}
-.m-auto{
-  margin: auto;
-}
-.mx-0{
-  margin-left: 0px;
-  margin-right: 0px;
-}
-.mx-1{
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}
-.mx-2{
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.mx-3{
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}
-.mx-4{
-  margin-left: 1rem;
-  margin-right: 1rem;
-}
-.mx-auto{
-  margin-left: auto;
-  margin-right: auto;
-}
-.my-2{
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.my-3{
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}
-.my-4{
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-.my-5{
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}
-.-ml-5{
-  margin-left: -1.25rem;
-}
-.-mr-1{
-  margin-right: -0.25rem;
-}
-.-mr-8{
-  margin-right: -2rem;
-}
-.-mt-4{
-  margin-top: -1rem;
-}
-.-mt-5{
-  margin-top: -1.25rem;
-}
-.mb-0{
-  margin-bottom: 0px;
-}
-.mb-1{
-  margin-bottom: 0.25rem;
-}
-.mb-2{
-  margin-bottom: 0.5rem;
-}
-.mb-3{
-  margin-bottom: 0.75rem;
-}
-.mb-4{
-  margin-bottom: 1rem;
-}
-.mb-5{
-  margin-bottom: 1.25rem;
-}
-.mb-6{
-  margin-bottom: 1.5rem;
-}
-.mb-8{
-  margin-bottom: 2rem;
-}
-.ml-1{
-  margin-left: 0.25rem;
-}
-.ml-2{
-  margin-left: 0.5rem;
-}
-.ml-3{
-  margin-left: 0.75rem;
-}
-.ml-5{
-  margin-left: 1.25rem;
-}
-.ml-8{
-  margin-left: 2rem;
-}
-.ml-auto{
-  margin-left: auto;
-}
-.mr-1{
-  margin-right: 0.25rem;
-}
-.mr-2{
-  margin-right: 0.5rem;
-}
-.mr-3{
-  margin-right: 0.75rem;
-}
-.mr-4{
-  margin-right: 1rem;
-}
-.mr-5{
-  margin-right: 1.25rem;
-}
-.mt-0{
-  margin-top: 0px;
-}
-.mt-1{
-  margin-top: 0.25rem;
-}
-.mt-2{
-  margin-top: 0.5rem;
-}
-.mt-3{
-  margin-top: 0.75rem;
-}
-.mt-4{
-  margin-top: 1rem;
-}
-.mt-5{
-  margin-top: 1.25rem;
-}
-.mt-6{
-  margin-top: 1.5rem;
-}
-.mt-7{
-  margin-top: 1.75rem;
-}
-.mt-8{
-  margin-top: 2rem;
-}
-.mt-auto{
-  margin-top: auto;
-}
-.block{
-  display: block;
-}
-.inline-block{
-  display: inline-block;
-}
-.\!inline{
-  display: inline !important;
-}
-.inline{
-  display: inline;
-}
-.flex{
-  display: flex;
-}
-.inline-flex{
-  display: inline-flex;
-}
-.table{
-  display: table;
-}
-.table-cell{
-  display: table-cell;
-}
-.grid{
-  display: grid;
-}
-.contents{
-  display: contents;
-}
-.hidden{
-  display: none;
-}
-.\!h-1{
-  height: 1rem !important;
-}
-.\!h-10{
-  height: 10rem !important;
-}
-.\!h-12{
-  height: 12rem !important;
-}
-.\!h-14{
-  height: 14rem !important;
-}
-.\!h-2{
-  height: 2rem !important;
-}
-.\!h-20{
-  height: 20rem !important;
-}
-.\!h-3{
-  height: 3rem !important;
-}
-.\!h-30{
-  height: 30rem !important;
-}
-.\!h-4{
-  height: 4rem !important;
-}
-.\!h-5{
-  height: 5rem !important;
-}
-.\!h-6{
-  height: 6rem !important;
-}
-.\!h-8{
-  height: 8rem !important;
-}
-.h-4{
-  height: 4rem;
-}
-.h-full{
-  height: 100%;
-}
-.h-screen{
-  height: 100vh;
-}
-.\!w-1{
-  width: 1rem !important;
-}
-.\!w-10{
-  width: 10rem !important;
-}
-.\!w-12{
-  width: 12rem !important;
-}
-.\!w-14{
-  width: 14rem !important;
-}
-.\!w-15{
-  width: 15rem !important;
-}
-.\!w-18{
-  width: 18rem !important;
-}
-.\!w-2{
-  width: 2rem !important;
-}
-.\!w-20{
-  width: 20rem !important;
-}
-.\!w-25{
-  width: 25rem !important;
-}
-.\!w-3{
-  width: 3rem !important;
-}
-.\!w-3\/12{
-  width: 25% !important;
-}
-.\!w-30{
-  width: 30rem !important;
-}
-.\!w-4{
-  width: 4rem !important;
-}
-.\!w-4\/12{
-  width: 33.333333% !important;
-}
-.\!w-6{
-  width: 6rem !important;
-}
-.\!w-6\/12{
-  width: 50% !important;
-}
-.\!w-7\/12{
-  width: 58.333333% !important;
-}
-.\!w-8{
-  width: 8rem !important;
-}
-.\!w-8\/12{
-  width: 66.666667% !important;
-}
-.\!w-9{
-  width: 9rem !important;
-}
-.\!w-9\/12{
-  width: 75% !important;
-}
-.w-1{
-  width: 1rem;
-}
-.w-13{
-  width: 13rem;
-}
-.w-9{
-  width: 9rem;
-}
-.w-full{
-  width: 100%;
-}
-.min-w-0{
-  min-width: 0px;
-}
-.max-w-full{
-  max-width: 100%;
-}
-.flex-1{
-  flex: 1 1 0%;
-}
-.flex-auto{
-  flex: 1 1 auto;
-}
-.flex-shrink-0{
-  flex-shrink: 0;
-}
-.shrink{
-  flex-shrink: 1;
-}
-.flex-grow{
-  flex-grow: 1;
-}
-.grow{
-  flex-grow: 1;
-}
-.origin-top{
-  transform-origin: top;
-}
-.transform{
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.cursor-pointer{
-  cursor: pointer;
-}
-.select-none{
-  user-select: none;
-}
-.resize{
-  resize: both;
-}
-.list-none{
-  list-style-type: none;
-}
-.grid-cols-12{
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}
-.flex-row{
-  flex-direction: row;
-}
-.flex-row-reverse{
-  flex-direction: row-reverse;
-}
-.flex-col{
-  flex-direction: column;
-}
-.flex-wrap{
-  flex-wrap: wrap;
-}
-.items-start{
-  align-items: flex-start;
-}
-.items-end{
-  align-items: flex-end;
-}
-.items-center{
-  align-items: center;
-}
-.justify-start{
-  justify-content: flex-start;
-}
-.justify-end{
-  justify-content: flex-end;
-}
-.justify-center{
-  justify-content: center;
-}
-.justify-between{
-  justify-content: space-between;
-}
-.gap-1{
-  gap: 0.25rem;
-}
-.gap-2{
-  gap: 0.5rem;
-}
-.gap-3{
-  gap: 0.75rem;
-}
-.gap-4{
-  gap: 1rem;
-}
-.gap-5{
-  gap: 1.25rem;
-}
-.gap-6{
-  gap: 1.5rem;
-}
-.gap-8{
-  gap: 2rem;
-}
-.overflow-auto{
-  overflow: auto;
-}
-.overflow-hidden{
-  overflow: hidden;
-}
-.overflow-visible{
-  overflow: visible;
-}
-.overflow-x-auto{
-  overflow-x: auto;
-}
-.overflow-y-auto{
-  overflow-y: auto;
-}
-.overflow-y-hidden{
-  overflow-y: hidden;
-}
-.whitespace-nowrap{
-  white-space: nowrap;
-}
-.rounded{
-  border-radius: 0.25rem;
-}
-.rounded-2xl{
-  border-radius: 1rem;
-}
-.rounded-3xl{
-  border-radius: 1.5rem;
-}
-.rounded-full{
-  border-radius: 9999px;
-}
-.rounded-xl{
-  border-radius: 0.75rem;
-}
-.border{
-  border-width: 1px;
-}
-.border-1{
-  border-width: 1px;
-}
-.border-2{
-  border-width: 2px;
-}
-.border-solid{
-  border-style: solid;
-}
-.border-dashed{
-  border-style: dashed;
-}
-.border-none{
-  border-style: none;
-}
-.border-blue-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}
-.border-color{
-  border-color: var(--text-color);
-}
-.border-indigo-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
-}
-.border-orange-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
-}
-.border-pink-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
-}
-.border-primary{
-  border-color: var(--primary-color);
-}
-.border-teal-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
-}
-.border-transparent{
-  border-color: transparent;
-}
-.bg-black{
-  background-color: var(--black-100);
-}
-.bg-blue-400{
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}
-.bg-blue-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
-}
-.bg-blue-600{
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}
-.bg-gray-900{
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
-}
-.bg-green-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
-}
-.bg-indigo-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
-}
-.bg-orange-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
-}
-.bg-pink-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
-}
-.bg-primary{
-  background-color: var(--primary-color);
-}
-.bg-primary-600{
-  background-color: var(--primary-600);
-}
-.bg-purple-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
-}
-.bg-surface-50{
-  background-color: var(--surface-50);
-}
-.bg-teal-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
-}
-.bg-transparent{
-  background-color: transparent;
-}
-.bg-white{
-  background-color: var(--white-100);
-}
-.bg-cover{
-  background-size: cover;
-}
-.object-cover{
-  object-fit: cover;
-}
-.\!p-0{
-  padding: 0px !important;
-}
-.p-0{
-  padding: 0px;
-}
-.p-1{
-  padding: 0.25rem;
-}
-.p-2{
-  padding: 0.5rem;
-}
-.p-3{
-  padding: 0.75rem;
-}
-.p-4{
-  padding: 1rem;
-}
-.p-5{
-  padding: 1.25rem;
-}
-.p-8{
-  padding: 2rem;
-}
-.px-0{
-  padding-left: 0px;
-  padding-right: 0px;
-}
-.px-1{
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-.px-10{
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}
-.px-12{
-  padding-left: 3rem;
-  padding-right: 3rem;
-}
-.px-2{
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.px-3{
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-.px-4{
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-.px-5{
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
-.px-8{
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-.py-0{
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.py-1{
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-.py-2{
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-.py-3{
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-.py-4{
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-.py-5{
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}
-.py-6{
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-.py-8{
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-.pb-0{
-  padding-bottom: 0px;
-}
-.pb-3{
-  padding-bottom: 0.75rem;
-}
-.pb-4{
-  padding-bottom: 1rem;
-}
-.pb-5{
-  padding-bottom: 1.25rem;
-}
-.pl-0{
-  padding-left: 0px;
-}
-.pl-2{
-  padding-left: 0.5rem;
-}
-.pl-3{
-  padding-left: 0.75rem;
-}
-.pr-0{
-  padding-right: 0px;
-}
-.pr-3{
-  padding-right: 0.75rem;
-}
-.pr-4{
-  padding-right: 1rem;
-}
-.pr-5{
-  padding-right: 1.25rem;
-}
-.pr-6{
-  padding-right: 1.5rem;
-}
-.pt-1{
-  padding-top: 0.25rem;
-}
-.pt-3{
-  padding-top: 0.75rem;
-}
-.pt-4{
-  padding-top: 1rem;
-}
-.pt-5{
-  padding-top: 1.25rem;
-}
-.pt-6{
-  padding-top: 1.5rem;
-}
-.pt-7{
-  padding-top: 1.75rem;
-}
-.pt-8{
-  padding-top: 2rem;
-}
-.text-left{
-  text-align: left;
-}
-.text-center{
-  text-align: center;
-}
-.text-right{
-  text-align: right;
-}
-.text-2xl{
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-.text-3xl{
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}
-.text-4xl{
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}
-.text-5xl{
-  font-size: 3rem;
-  line-height: 1;
-}
-.text-6xl{
-  font-size: 3.75rem;
-  line-height: 1;
-}
-.text-7xl{
-  font-size: 4.5rem;
-  line-height: 1;
-}
-.text-8xl{
-  font-size: 6rem;
-  line-height: 1;
-}
-.text-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-.text-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-.text-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.text-xl{
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-.text-xs{
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-.font-bold{
-  font-weight: 700;
-}
-.font-medium{
-  font-weight: 500;
-}
-.font-normal{
-  font-weight: 400;
-}
-.font-semibold{
-  font-weight: 600;
-}
-.uppercase{
-  text-transform: uppercase;
-}
-.lowercase{
-  text-transform: lowercase;
-}
-.leading{
-  line-height: normal;
-}
-.leading-auto{
-  line-height: 1.2;
-}
-.leading-none{
-  line-height: 1;
-}
-.leading-normal{
-  line-height: 1.5;
-}
-.text-blue-500{
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}
-.text-color{
-  color: var(--text-color);
-}
-.text-color-secondary{
-  color: var(--text-color-secondary);
-}
-.text-gray-900{
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}
-.text-green-500{
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
-}
-.text-green-600{
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
-}
-.text-help{
-  color: var(--purple-400);
-}
-.text-indigo-200{
-  --tw-text-opacity: 1;
-  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
-}
-.text-indigo-500{
-  --tw-text-opacity: 1;
-  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
-}
-.text-info{
-  color: var(--blue-400);
-}
-.text-primary{
-  color: var(--primary-color);
-}
-.text-primary-50{
-  color: var(--primary-50);
-}
-.text-primary-500{
-  color: var(--primary-500);
-}
-.text-primary-700{
-  color: var(--primary-700);
-}
-.text-red-500{
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}
-.text-slate-500{
-  --tw-text-opacity: 1;
-  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
-}
-.text-white{
-  color: var(--white-100);
-}
-.text-yellow-500{
-  --tw-text-opacity: 1;
-  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
-}
-.line-through{
-  text-decoration-line: line-through;
-}
-.no-underline{
-  text-decoration-line: none;
-}
-.antialiased{
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.opacity-20{
-  opacity: 0.2;
-}
-.shadow{
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.outline{
-  outline-style: solid;
-}
-.outline-color{
-  outline-color: var(--text-color);
-}
-.blur{
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.grayscale{
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.filter{
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.backdrop-filter{
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-.transition{
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-all{
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-colors{
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.duration-300{
-  transition-duration: 300ms;
-}
-.ease-in{
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-.ease-out{
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.title-h1{
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h2{
-  font-size: 1.5rem;
-  line-height: 2rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h3{
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h4{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h5{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h6{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.subtitle-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}
-.subtitle-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}
-.subtitle-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}
-.subtitle-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}
-.subtitle-sm-secondary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}
-.subtitle-sm-primary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}
-.caption{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.caption-secondary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.caption-primary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.caption-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.caption-secondary-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.caption-primary-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.service-danger-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}
-.service-danger-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}
-.service-warning-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}
-.service-warning-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}
-.service-success-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}
-.service-success-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}
-.service-info-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.service-info-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.service-help-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.service-help-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.anchor-base:hover{
-  text-decoration-line: underline;
-}
-.anchor-base:visited{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-base:visited:hover{
-  text-decoration-line: underline;
-}
-.anchor-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.anchor-sm:hover{
-  text-decoration-line: underline;
-}
-.anchor-sm:visited{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-sm:visited:hover{
-  text-decoration-line: underline;
-}
-:root {
-  --emerald-0: color-mix(in srgb, color-mix(in srgb, #29C075, #fff 76%), #000 80%);
-  --emerald-50: color-mix(in srgb, #29C075, #fff 95%);
-  --emerald-100: color-mix(in srgb, #29C075, #fff 76%);
-  --emerald-200: color-mix(in srgb, #29C075, #fff 57%);
-  --emerald-300: color-mix(in srgb, #29C075, #fff 38%);
-  --emerald-400: color-mix(in srgb, #29C075, #fff 19%);
-  --emerald-500: color-mix(in srgb, #29C075, #fff 0%);
-  --emerald-600: color-mix(in srgb, #29C075, #000 15%);
-  --emerald-700: color-mix(in srgb, #29C075, #000 30%);
-  --emerald-800: color-mix(in srgb, #29C075, #000 45%);
-  --emerald-900: color-mix(in srgb, #29C075, #000 60%);
-  --emerald-alpha: color-mix(in srgb, #29C075 10%, transparent);
-  --citrine-0: color-mix(in srgb, color-mix(in srgb, #FA8606, #fff 76%), #000 80%);
-  --citrine-50: color-mix(in srgb, #FA8606, #fff 95%);
-  --citrine-100: color-mix(in srgb, #FA8606, #fff 76%);
-  --citrine-200: color-mix(in srgb, #FA8606, #fff 57%);
-  --citrine-300: color-mix(in srgb, #FA8606, #fff 38%);
-  --citrine-400: color-mix(in srgb, #FA8606, #fff 19%);
-  --citrine-500: color-mix(in srgb, #FA8606, #fff 0%);
-  --citrine-600: color-mix(in srgb, #FA8606, #000 15%);
-  --citrine-700: color-mix(in srgb, #FA8606, #000 30%);
-  --citrine-800: color-mix(in srgb, #FA8606, #000 45%);
-  --citrine-900: color-mix(in srgb, #FA8606, #000 60%);
-  --citrine-alpha: color-mix(in srgb, #FA8606 10%, transparent);
-  --aquamarine-0: color-mix(in srgb, color-mix(in srgb, #14B8A6, #fff 76%), #000 80%);
-  --aquamarine-50: color-mix(in srgb, #14B8A6, #fff 95%);
-  --aquamarine-100: color-mix(in srgb, #14B8A6, #fff 76%);
-  --aquamarine-200: color-mix(in srgb, #14B8A6, #fff 57%);
-  --aquamarine-300: color-mix(in srgb, #14B8A6, #fff 38%);
-  --aquamarine-400: color-mix(in srgb, #14B8A6, #fff 19%);
-  --aquamarine-500: color-mix(in srgb, #14B8A6, #fff 0%);
-  --aquamarine-600: color-mix(in srgb, #14B8A6, #000 15%);
-  --aquamarine-700: color-mix(in srgb, #14B8A6, #000 30%);
-  --aquamarine-800: color-mix(in srgb, #14B8A6, #000 45%);
-  --aquamarine-900: color-mix(in srgb, #14B8A6, #000 60%);
-  --aquamarine-alpha: color-mix(in srgb, #14B8A6 10%, transparent);
-  --amethyst-0: color-mix(in srgb, color-mix(in srgb, #7254F3, #fff 76%), #000 80%);
-  --amethyst-50: color-mix(in srgb, #7254F3, #fff 95%);
-  --amethyst-100: color-mix(in srgb, #7254F3, #fff 76%);
-  --amethyst-200: color-mix(in srgb, #7254F3, #fff 57%);
-  --amethyst-300: color-mix(in srgb, #7254F3, #fff 38%);
-  --amethyst-400: color-mix(in srgb, #7254F3, #fff 19%);
-  --amethyst-500: color-mix(in srgb, #7254F3, #fff 0%);
-  --amethyst-600: color-mix(in srgb, #7254F3, #000 15%);
-  --amethyst-700: color-mix(in srgb, #7254F3, #000 30%);
-  --amethyst-800: color-mix(in srgb, #7254F3, #000 45%);
-  --amethyst-900: color-mix(in srgb, #7254F3, #000 60%);
-  --amethyst-alpha: color-mix(in srgb, #7254F3 10%, transparent);
-  --purple-0: color-mix(in srgb, color-mix(in srgb, #9757D7, #fff 76%), #000 80%);
-  --purple-50: color-mix(in srgb, #9757D7, #fff 95%);
-  --purple-100: color-mix(in srgb, #9757D7, #fff 76%);
-  --purple-200: color-mix(in srgb, #9757D7, #fff 57%);
-  --purple-300: color-mix(in srgb, #9757D7, #fff 38%);
-  --purple-400: color-mix(in srgb, #9757D7, #fff 19%);
-  --purple-500: color-mix(in srgb, #9757D7, #fff 0%);
-  --purple-600: color-mix(in srgb, #9757D7, #000 15%);
-  --purple-700: color-mix(in srgb, #9757D7, #000 30%);
-  --purple-800: color-mix(in srgb, #9757D7, #000 45%);
-  --purple-900: color-mix(in srgb, #9757D7, #000 60%);
-  --purple-alpha: color-mix(in srgb, #9757D7 10%, transparent);
-  --blue-0: color-mix(in srgb, color-mix(in srgb, #1F8CEB, #fff 76%), #000 80%);
-  --blue-50: color-mix(in srgb, #1F8CEB, #fff 95%);
-  --blue-100: color-mix(in srgb, #1F8CEB, #fff 76%);
-  --blue-200: color-mix(in srgb, #1F8CEB, #fff 57%);
-  --blue-300: color-mix(in srgb, #1F8CEB, #fff 38%);
-  --blue-400: color-mix(in srgb, #1F8CEB, #fff 19%);
-  --blue-500: color-mix(in srgb, #1F8CEB, #fff 0%);
-  --blue-600: color-mix(in srgb, #1F8CEB, #000 15%);
-  --blue-700: color-mix(in srgb, #1F8CEB, #000 30%);
-  --blue-800: color-mix(in srgb, #1F8CEB, #000 45%);
-  --blue-900: color-mix(in srgb, #1F8CEB, #000 60%);
-  --blue-alpha: color-mix(in srgb, #1F8CEB 10%, transparent);
-  --green-0: color-mix(in srgb, color-mix(in srgb, #45B24E, #fff 76%), #000 80%);
-  --green-50: color-mix(in srgb, #45B24E, #fff 95%);
-  --green-100: color-mix(in srgb, #45B24E, #fff 76%);
-  --green-200: color-mix(in srgb, #45B24E, #fff 57%);
-  --green-300: color-mix(in srgb, #45B24E, #fff 38%);
-  --green-400: color-mix(in srgb, #45B24E, #fff 19%);
-  --green-500: color-mix(in srgb, #45B24E, #fff 0%);
-  --green-600: color-mix(in srgb, #45B24E, #000 15%);
-  --green-700: color-mix(in srgb, #45B24E, #000 30%);
-  --green-800: color-mix(in srgb, #45B24E, #000 45%);
-  --green-900: color-mix(in srgb, #45B24E, #000 60%);
-  --green-alpha: color-mix(in srgb, #45B24E 10%, transparent);
-  --orange-0: color-mix(in srgb, color-mix(in srgb, #FFA100, #fff 76%), #000 80%);
-  --orange-50: color-mix(in srgb, #FFA100, #fff 95%);
-  --orange-100: color-mix(in srgb, #FFA100, #fff 76%);
-  --orange-200: color-mix(in srgb, #FFA100, #fff 57%);
-  --orange-300: color-mix(in srgb, #FFA100, #fff 38%);
-  --orange-400: color-mix(in srgb, #FFA100, #fff 19%);
-  --orange-500: color-mix(in srgb, #FFA100, #fff 0%);
-  --orange-600: color-mix(in srgb, #FFA100, #000 15%);
-  --orange-700: color-mix(in srgb, #FFA100, #000 30%);
-  --orange-800: color-mix(in srgb, #FFA100, #000 45%);
-  --orange-900: color-mix(in srgb, #FFA100, #000 60%);
-  --orange-alpha: color-mix(in srgb, #FFA100 10%, transparent);
-  --red-0: color-mix(in srgb, color-mix(in srgb, #DB4C3F, #fff 76%), #000 80%);
-  --red-50: color-mix(in srgb, #DB4C3F, #fff 95%);
-  --red-100: color-mix(in srgb, #DB4C3F, #fff 76%);
-  --red-200: color-mix(in srgb, #DB4C3F, #fff 57%);
-  --red-300: color-mix(in srgb, #DB4C3F, #fff 38%);
-  --red-400: color-mix(in srgb, #DB4C3F, #fff 19%);
-  --red-500: color-mix(in srgb, #DB4C3F, #fff 0%);
-  --red-600: color-mix(in srgb, #DB4C3F, #000 15%);
-  --red-700: color-mix(in srgb, #DB4C3F, #000 30%);
-  --red-800: color-mix(in srgb, #DB4C3F, #000 45%);
-  --red-900: color-mix(in srgb, #DB4C3F, #000 60%);
-  --red-alpha: color-mix(in srgb, #DB4C3F 10%, transparent);
-  --gray-0: color-mix(in srgb, color-mix(in srgb, #ABAAA9, #fff 76%), #000 80%);
-  --gray-50: color-mix(in srgb, #ABAAA9, #fff 95%);
-  --gray-100: color-mix(in srgb, #ABAAA9, #fff 76%);
-  --gray-200: color-mix(in srgb, #ABAAA9, #fff 57%);
-  --gray-300: color-mix(in srgb, #ABAAA9, #fff 38%);
-  --gray-400: color-mix(in srgb, #ABAAA9, #fff 19%);
-  --gray-500: color-mix(in srgb, #ABAAA9, #fff 0%);
-  --gray-600: color-mix(in srgb, #ABAAA9, #000 15%);
-  --gray-700: color-mix(in srgb, #ABAAA9, #000 30%);
-  --gray-800: color-mix(in srgb, #ABAAA9, #000 45%);
-  --gray-900: color-mix(in srgb, #ABAAA9, #000 60%);
-  --gray-alpha: color-mix(in srgb, #ABAAA9 10%, transparent);
-  --black-10: color-mix(in srgb, #000 10%, transparent) ;
-  --black-20: color-mix(in srgb, #000 20%, transparent) ;
-  --black-30: color-mix(in srgb, #000 30%, transparent) ;
-  --black-40: color-mix(in srgb, #000 40%, transparent) ;
-  --black-50: color-mix(in srgb, #000 50%, transparent) ;
-  --black-60: color-mix(in srgb, #000 60%, transparent) ;
-  --black-70: color-mix(in srgb, #000 70%, transparent) ;
-  --black-80: color-mix(in srgb, #000 80%, transparent) ;
-  --black-90: color-mix(in srgb, #000 90%, transparent) ;
-  --black-100: color-mix(in srgb, #000 100%, transparent) ;
-  --white-10: color-mix(in srgb, #fff 10%, transparent) ;
-  --white-20: color-mix(in srgb, #fff 20%, transparent) ;
-  --white-30: color-mix(in srgb, #fff 30%, transparent) ;
-  --white-40: color-mix(in srgb, #fff 40%, transparent) ;
-  --white-50: color-mix(in srgb, #fff 50%, transparent) ;
-  --white-60: color-mix(in srgb, #fff 60%, transparent) ;
-  --white-70: color-mix(in srgb, #fff 70%, transparent) ;
-  --white-80: color-mix(in srgb, #fff 80%, transparent) ;
-  --white-90: color-mix(in srgb, #fff 90%, transparent) ;
-  --white-100: color-mix(in srgb, #fff 100%, transparent) ;
-  --font-family: Roboto, Inter, Helvetica, Arial, sans-serif;
-  --text-color: var(--black-80);
-  --text-color-secondary: var(--black-60);
-  --primary-color: var(--emerald-700);
-  --primary-color-text: var(--white-100);
-  --primary-0: var(--emerald-0);
-  --primary-900: var(--emerald-900);
-  --primary-800: var(--emerald-800);
-  --primary-700: var(--emerald-700);
-  --primary-600: var(--emerald-600);
-  --primary-500: var(--emerald-500);
-  --primary-400: var(--emerald-400);
-  --primary-300: var(--emerald-300);
-  --primary-200: var(--emerald-200);
-  --primary-100: var(--emerald-100);
-  --primary-50: var(--emerald-50);
-  --primary-alpha: var(--emerald-alpha);
-  --surface-0: var(--gray-0);
-  --surface-50: var(--gray-50);
-  --surface-100: var(--gray-100);
-  --surface-200: var(--gray-200);
-  --surface-300: var(--gray-300);
-  --surface-400: var(--gray-400);
-  --surface-500: var(--gray-500);
-  --surface-600: var(--gray-600);
-  --surface-700: var(--gray-700);
-  --surface-800: var(--gray-800);
-  --surface-900: var(--gray-900);
-  --content-padding: 1rem;
-  --inline-spacing: 0.5rem;
-  --border-radius: 0.5rem;
-  --surface-ground: var(--white-100);
-  --surface-section: var(--gray-alpha);
-  --surface-card: var(--white-100);
-  --surface-overlay: var(--black-20);
-  --surface-border: var(--gray-200);
-  --surface-hover: var(--gray-100);
-  --focus-ring: 0 0 0 0.25rem var(--emerald-200);
-  --maskbg: var(--black-20);
-  --highlight-bg: var(--emerald-700);
-  --highlight-text-color: var(--white-100);
-  color-scheme: light;
-}
-
-@media only screen and (min-resolution: 100dpi) and (max-resolution: 199dpi) {
-  html, body {
-    font-size: 12px;
-  }
-}
-@media only screen and (min-resolution: 200dpi) and (max-resolution: 499dpi) {
-  html, body {
-    font-size: 14px;
-  }
-}
-@media only screen and (min-resolution: 500dpi) {
-  html, body {
-    font-size: 16px;
-  }
-}
-* {
-  box-sizing: border-box;
-}
-
-html {
-  font-size: 14px;
-  font-family: var(--font-family);
-}
-
-::selection {
-  color: var(--white-100);
-  background-color: var(--emerald-700);
-}
-
-.p-component {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  font-weight: normal;
-}
-
-.p-component-overlay {
-  background-color: var(--black-20);
-  transition-duration: 0.2s;
-  padding: 0.5rem;
-}
-
-.p-disabled,
-.p-component:disabled {
-  pointer-events: all;
-  cursor: not-allowed;
-  opacity: 0.6;
-  filter: grayscale(1);
-}
-
-.p-placeholder {
-  opacity: 0.6;
-}
-
-.p-error {
-  color: var(--red-400);
-}
-
-.p-text-secondary {
-  color: var(--black-60);
-}
-
-.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-.p-link {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-}
-.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-
-.p-component-overlay-enter {
-  animation: p-component-overlay-enter-animation 150ms forwards;
-}
-
-.p-component-overlay-leave {
-  animation: p-component-overlay-leave-animation 150ms forwards;
-}
-
-@keyframes p-component-overlay-enter-animation {
-  from {
-    background-color: transparent;
-  }
-  to {
-    background-color: var(--maskbg);
-  }
-}
-@keyframes p-component-overlay-leave-animation {
-  from {
-    background-color: var(--maskbg);
-  }
-  to {
-    background-color: transparent;
-  }
-}
-
-::-webkit-scrollbar {
-  width: 9px;
-  height: 9px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--black-10);
-  border-radius: 4.5px;
-}
-
-::-webkit-scrollbar-track {
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-
-::-webkit-scrollbar-track:hover {
-  background-color: var(--gray-100);
-}
-
-p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext,
-p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext,
-p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect,
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext,
-p-dropdown.ng-dirty.ng-invalid > .p-dropdown,
-p-inputmask.ng-dirty.ng-invalid > .p-inputtext,
-p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext,
-p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider,
-.p-inputtext.ng-dirty.ng-invalid,
-p-listbox.ng-dirty.ng-invalid > .p-listbox,
-p-multiselect.ng-dirty.ng-invalid > .p-multiselect,
-p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext,
-p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box,
-p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button,
-p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button,
-p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
-  border-color: var(--red-400) !important;
-  box-shadow: 0 0 0 0.25rem var(--red-100) !important;
-}
-
-.p-progress-spinner-circle {
-  stroke: var(--emerald-700);
-}
-
-.p-overflow-hidden {
-  overflow: hidden;
-  padding-right: var(--scrollbar-width);
-}
-
-@layer primeng {
-  .p-component,
-  .p-component * {
-    box-sizing: border-box;
-  }
-  .p-hidden {
-    display: none;
-  }
-  .p-hidden-space {
-    visibility: hidden;
-  }
-  .p-hidden-accessible {
-    border: 0;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-  }
-  .p-hidden-accessible input,
-  .p-hidden-accessible select {
-    transform: scale(0);
-  }
-  .p-reset {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    outline: 0;
-    text-decoration: none;
-    font-size: 100%;
-    list-style: none;
-  }
-  .p-disabled,
-  .p-disabled * {
-    cursor: default !important;
-    pointer-events: none;
-  }
-  .p-component-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-  .p-unselectable-text {
-    user-select: none;
-  }
-  .p-scrollbar-measure {
-    width: 100px;
-    height: 100px;
-    overflow: scroll;
-    position: absolute;
-    top: -9999px;
-  }
-  @keyframes p-fadein {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-  input[type=button],
-  input[type=submit],
-  input[type=reset],
-  input[type=file]::-webkit-file-upload-button,
-  button {
-    border-radius: 0;
-  }
-  .p-link {
-    text-align: left;
-    background-color: transparent;
-    margin: 0;
-    padding: 0;
-    border: none;
-    cursor: pointer;
-    user-select: none;
-  }
-  .p-link:disabled {
-    cursor: default;
-  }
-  .p-sr-only {
-    border: 0;
-    clip: rect(1px, 1px, 1px, 1px);
-    clip-path: inset(50%);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-    word-wrap: normal !important;
-  }
-  /* Non ng overlay animations */
-  .p-connected-overlay {
-    opacity: 0;
-    transform: scaleY(0.8);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  .p-connected-overlay-visible {
-    opacity: 1;
-    transform: scaleY(1);
-  }
-  .p-connected-overlay-hidden {
-    opacity: 0;
-    transform: scaleY(1);
-    transition: opacity 0.1s linear;
-  }
-  .p-toggleable-content.ng-animating {
-    overflow: hidden;
-  }
-  .p-icon-wrapper {
-    display: inline-flex;
-  }
-  .p-icon {
-    display: inline-block;
-  }
-  .p-icon-spin {
-    animation: p-icon-spin 2s infinite linear;
-  }
-}
-@keyframes p-icon-spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(359deg);
-  }
-}
-.p-togglebutton.p-button.p-highlight.p-disabled, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-disabled {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-
-.p-button {
-  height: 2.5rem;
-  display: flex;
-  gap: 0.5rem;
-  font-size: 1rem;
-  font-weight: 700;
-  color: var(--white-100);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  padding: 0rem 1rem;
-  background: var(--emerald-700);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-button .p-button-label {
-  transition-duration: 0.2s;
-}
-.p-button .p-button-icon {
-  font-size: 1.25rem;
-}
-.p-button.p-button-rounded {
-  border-radius: 100px;
-}
-.p-button.p-button-icon-only {
-  flex-shrink: 0;
-  width: 2.5rem;
-  padding: 0;
-}
-.p-button.p-button-icon-only:after {
-  display: none;
-}
-.p-button.p-button-icon-only .p-button-label {
-  display: none;
-}
-.p-button.p-button-sm {
-  height: 2rem;
-  font-size: 0.875rem;
-  padding: 0 0.75rem;
-}
-.p-button.p-button-sm .p-button-icon {
-  font-size: 1rem;
-}
-.p-button.p-button-sm.p-button-icon-only {
-  width: 2rem;
-  padding: 0;
-}
-.p-button.p-button-lg {
-  gap: 0.75rem;
-  height: 3.5rem;
-  font-size: 1.25rem;
-  padding: 0 1.5rem;
-}
-.p-button.p-button-lg .p-button-icon {
-  font-size: 1.5rem;
-}
-.p-button.p-button-lg.p-button-icon-only {
-  width: 3.5rem;
-  padding: 0;
-}
-.p-button:not(.p-disabled):hover {
-  background: var(--emerald-800);
-  color: var(--white-100);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button:not(.p-disabled):active {
-  background: var(--emerald-700);
-  color: var(--white-100);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-
-p-button[size=xlarge] .p-button {
-  gap: 0.75rem;
-  height: 4rem;
-  font-size: 1.75rem;
-  padding: 0 1.5rem;
-}
-p-button[size=xlarge] .p-button .p-button-icon {
-  font-size: 2rem;
-}
-p-button[size=xlarge] .p-button.p-button-icon-only {
-  width: 4rem;
-  padding: 0;
-}
-
-.p-button-outlined {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--emerald-700);
-  border-color: var(--emerald-200);
-}
-.p-button-outlined:not(.p-disabled):hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--emerald-700);
-  border-color: var(--emerald-700);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button-outlined:not(.p-disabled):active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--emerald-700);
-  border-color: var(--emerald-200);
-  box-shadow: none;
-}
-
-.p-button-text {
-  background-color: var(--white-100);
-  color: var(--emerald-700);
-}
-.p-button-text:not(.p-disabled):hover {
-  background: var(--emerald-alpha);
-  color: var(--emerald-700);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button-text:not(.p-disabled):active {
-  background: var(--white-100);
-  color: var(--emerald-700);
-  border-color: transparent;
-  box-shadow: none;
-}
-
-.p-button-group {
-  display: flex;
-}
-
-.p-fluid .p-button:not(.p-button-icon-only) {
-  width: 100%;
-}
-.p-fluid .p-button-group .p-button:not(.p-button-icon-only) {
-  flex: 1;
-}
-
-.p-button.p-button-danger,
-.p-button-group.p-button-danger > .p-button,
-.p-splitbutton.p-button-danger > .p-button,
-.p-fileupload-choose.p-button-danger {
-  color: var(--white-100);
-  background: var(--red-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-danger:not(.p-disabled):hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):hover {
-  background: var(--red-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-danger:not(.p-disabled):active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):active {
-  background: var(--red-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-200);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-200);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--red-400);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:hover {
-  background: var(--red-alpha);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-warning,
-.p-button-group.p-button-warning > .p-button,
-.p-splitbutton.p-button-warning > .p-button,
-.p-fileupload-choose.p-button-warning {
-  color: var(--white-100);
-  background: var(--orange-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-warning:not(.p-disabled):hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):hover {
-  background: var(--orange-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-warning:not(.p-disabled):active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):active {
-  background: var(--orange-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-200);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-200);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--orange-400);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:hover {
-  background: var(--orange-alpha);
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-success,
-.p-button-group.p-button-success > .p-button,
-.p-splitbutton.p-button-success > .p-button,
-.p-fileupload-choose.p-button-success {
-  color: var(--white-100);
-  background: var(--green-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-success:not(.p-disabled):hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled):hover {
-  background: var(--green-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-success:not(.p-disabled):active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-success:not(.p-disabled):active {
-  background: var(--green-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-200);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-200);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--green-400);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:hover {
-  background: var(--green-alpha);
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-info,
-.p-button-group.p-button-info > .p-button,
-.p-splitbutton.p-button-info > .p-button,
-.p-fileupload-choose.p-button-info {
-  color: var(--white-100);
-  background: var(--blue-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-info:not(.p-disabled):hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled):hover {
-  background: var(--blue-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-info:not(.p-disabled):active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-info:not(.p-disabled):active {
-  background: var(--blue-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-200);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-200);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--blue-400);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:hover {
-  background: var(--blue-alpha);
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-help,
-.p-button-group.p-button-help > .p-button,
-.p-splitbutton.p-button-help > .p-button,
-.p-fileupload-choose.p-button-help {
-  color: var(--white-100);
-  background: var(--purple-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-help:not(.p-disabled):hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled):hover {
-  background: var(--purple-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-help:not(.p-disabled):active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-help:not(.p-disabled):active {
-  background: var(--purple-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-200);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-200);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--purple-400);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:hover {
-  background: var(--purple-alpha);
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-inputtext {
-  min-height: 2.5rem;
-  line-height: 2.5rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--black-80);
-  background: var(--white-100);
-  padding: 0rem 0.75rem;
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  appearance: none;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-inputtext:enabled:hover {
-  border-color: var(--emerald-700);
-}
-.p-inputtext:enabled:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-inputtext.p-invalid.p-component, .p-inputtext.ng-invalid.ng-touched {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-inputtext:disabled, .p-inputtext.p-disabled {
-  background: var(--black-10);
-}
-
-.p-float-label > label {
-  left: 0.75rem;
-  color: var(--black-60);
-  transition-duration: 0.2s;
-}
-
-.p-float-label > .p-invalid + label {
-  color: var(--red-400);
-}
-
-.p-icon-field-left > .p-inputtext {
-  padding-left: 2.5rem;
-}
-
-.p-icon-field-left.p-float-label > label {
-  left: 2.5rem;
-}
-
-.p-icon-field-right > .p-inputtext {
-  padding-right: 2.5rem;
-}
-
-::-webkit-input-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-:-moz-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-::-moz-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-:-ms-input-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-.p-inputtext-lg {
-  min-height: 3.5rem;
-  line-height: 3.5rem;
-}
-
-.p-inputtextarea {
-  padding: 0.75rem;
-  line-height: normal;
-}
-
-.p-icon-field .p-inputtextarea-icon.p-input-icon {
-  top: unset;
-  margin-top: 0.5rem;
-}
-
-.p-inputotp {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.p-inputotp.error .p-inputotp-input {
-  border-color: var(--red-400);
-}
-
-.p-inputotp-input {
-  font-size: 1.5rem;
-  text-align: center;
-  width: 2.5rem;
-  border: none;
-  border-bottom: 1px solid var(--gray-200);
-  border-radius: 0;
-  background: transparent;
-}
-.p-inputotp-input:disabled, .p-inputotp-input.p-disabled {
-  background: transparent;
-}
-
-.p-inputotp-input:enabled:focus {
-  box-shadow: none;
-}
-
-.p-listbox-list-wrapper {
-  overflow: auto;
-}
-
-.p-listbox-list {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-
-.p-listbox-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  color: var(--black-80);
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: 0.2s;
-}
-.p-listbox-item:first-child {
-  margin-top: 0;
-}
-.p-listbox-item:last-child {
-  margin-bottom: 0;
-}
-.p-listbox-item.p-highlight {
-  color: var(--white-100);
-  background: var(--emerald-700);
-}
-.p-listbox-item:not(.p-highlight).p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-.p-listbox-item.p-disabled {
-  cursor: not-allowed;
-  opacity: 0.6;
-  background: var(--emerald-700) !important;
-  color: var(--white-100) !important;
-  mix-blend-mode: luminosity;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-listbox-item.p-disabled:has(.p-checkbox) {
-  background: var(--black-10);
-  color: var(--black-60);
-}
-.p-listbox-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-listbox-item:has(.p-checkbox) {
-  background: var(--white-100);
-  color: var(--black-80);
-}
-.p-listbox-item:has(.p-checkbox):hover {
-  background: #000;
-}
-
-.p-listbox-item-group {
-  cursor: auto;
-}
-
-.p-listbox-filter-container {
-  position: relative;
-}
-
-.p-listbox-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-listbox-filter {
-  width: 100%;
-}
-
-.p-listbox {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-listbox .p-listbox-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-listbox .p-listbox-header .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-listbox .p-listbox-header .p-checkbox .p-checkbox-box.p-disabled {
-  background: var(--white-100);
-}
-.p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.75rem;
-}
-.p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-listbox .p-listbox-header .p-disabled + .p-listbox-filter-icon {
-  opacity: 0.6;
-}
-.p-listbox .p-listbox-list {
-  padding: 0.25rem;
-  outline: 0 none;
-}
-.p-listbox .p-listbox-list .p-listbox-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-listbox .p-listbox-list .p-listbox-empty-message {
-  text-align: center;
-  color: var(--black-80);
-  padding: 0.75rem;
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight.p-focus {
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: var(--emerald-700);
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:hover {
-  background: var(--emerald-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox).p-focus {
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover.p-focus {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-listbox.p-invalid {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-listbox.p-disabled *.p-disabled {
-  opacity: 1;
-}
-.p-listbox.p-disabled .p-listbox-filter-icon {
-  display: none;
-}
-.p-listbox.p-disabled .p-listbox-filter.p-inputtext {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49967 2.83335C7.03555 2.83335 6.59043 3.01773 6.26224 3.34592C5.93405 3.67411 5.74967 4.11922 5.74967 4.58335V6.33335H9.24967V4.58335C9.24967 4.11922 9.0653 3.67411 8.73711 3.34592C8.40892 3.01773 7.9638 2.83335 7.49967 2.83335ZM10.4163 6.33335V4.58335C10.4163 3.80981 10.1091 3.06794 9.56207 2.52096C9.01509 1.97398 8.27322 1.66669 7.49967 1.66669C6.72613 1.66669 5.98426 1.97398 5.43728 2.52096C4.8903 3.06794 4.58301 3.80981 4.58301 4.58335V6.33335C4.11888 6.33335 3.67376 6.51773 3.34557 6.84592C3.01738 7.17411 2.83301 7.61922 2.83301 8.08335V11.5834C2.83301 12.0475 3.01738 12.4926 3.34557 12.8208C3.67376 13.149 4.11888 13.3334 4.58301 13.3334H10.4163C10.8805 13.3334 11.3256 13.149 11.6538 12.8208C11.982 12.4926 12.1663 12.0475 12.1663 11.5834V8.08335C12.1663 7.61922 11.982 7.17411 11.6538 6.84592C11.3256 6.51773 10.8805 6.33335 10.4163 6.33335ZM4.58301 7.50002C4.4283 7.50002 4.27993 7.56148 4.17053 7.67087C4.06113 7.78027 3.99967 7.92864 3.99967 8.08335V11.5834C3.99967 11.7381 4.06113 11.8864 4.17053 11.9958C4.27993 12.1052 4.4283 12.1667 4.58301 12.1667H10.4163C10.5711 12.1667 10.7194 12.1052 10.8288 11.9958C10.9382 11.8864 10.9997 11.7381 10.9997 11.5834V8.08335C10.9997 7.92864 10.9382 7.78027 10.8288 7.67087C10.7194 7.56148 10.5711 7.50002 10.4163 7.50002H4.58301ZM6.67472 9.0084C6.89351 8.7896 7.19026 8.66669 7.49967 8.66669C7.80909 8.66669 8.10584 8.7896 8.32463 9.0084C8.54342 9.22719 8.66634 9.52393 8.66634 9.83335C8.66634 10.1428 8.54343 10.4395 8.32463 10.6583C8.10584 10.8771 7.80909 11 7.49967 11C7.19026 11 6.89351 10.8771 6.67472 10.6583C6.45592 10.4395 6.33301 10.1428 6.33301 9.83335C6.33301 9.52393 6.45592 9.22719 6.67472 9.0084Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E");
-  background-position: right 0.75rem center;
-  background-repeat: no-repeat;
-}
-.p-listbox.p-disabled .p-listbox-item {
-  background: var(--black-10);
-  color: var(--black-60);
-}
-
-.p-dropdown {
-  display: inline-flex;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-}
-.p-dropdown.p-disabled {
-  cursor: not-allowed;
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-
-.p-dropdown-clear-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-dropdown-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-dropdown-label {
-  height: min-content;
-  margin: auto 0;
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  flex: 1 1 auto;
-  width: 1%;
-  text-overflow: ellipsis;
-  cursor: pointer;
-}
-
-.p-dropdown-label-empty {
-  overflow: hidden;
-  opacity: 0;
-}
-
-input.p-dropdown-label {
-  cursor: default;
-}
-
-.p-dropdown .p-dropdown-panel {
-  min-width: 100%;
-}
-
-.p-dropdown-panel {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.p-dropdown-items-wrapper {
-  overflow: auto;
-}
-
-.p-dropdown-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--black-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-}
-.p-dropdown-item:first-child {
-  margin-top: 0;
-}
-.p-dropdown-item:last-child {
-  margin-bottom: 0;
-}
-.p-dropdown-item.p-highlight {
-  color: var(--white-100);
-  background: var(--emerald-700);
-}
-.p-dropdown-item.p-highlight:hover {
-  background: var(--emerald-800);
-}
-.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-dropdown-item:not(.p-highlight).p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-.p-dropdown-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-dropdown-item .p-dropdown-check-icon {
-  position: relative;
-  margin-left: -0.5rem;
-  margin-right: 0.5rem;
-}
-
-.p-dropdown-item-group {
-  cursor: auto;
-}
-
-.p-dropdown-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-dropdown-filter {
-  width: 100%;
-}
-
-.p-dropdown-filter-container {
-  position: relative;
-}
-
-.p-dropdown-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-fluid .p-dropdown {
-  display: flex;
-}
-
-.p-fluid .p-dropdown .p-dropdown-label {
-  width: 1%;
-}
-
-.p-dropdown {
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-dropdown:not(.p-disabled):hover {
-  border-color: var(--emerald-700);
-}
-.p-dropdown:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-dropdown.p-dropdown-clearable .p-dropdown-label {
-  padding-right: 1.75rem;
-}
-.p-dropdown .p-dropdown-label {
-  background: transparent;
-  border: 0 none;
-}
-.p-dropdown .p-dropdown-label.p-placeholder {
-  color: var(--black-60);
-}
-.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
-  outline: 0 none;
-  box-shadow: none;
-}
-.p-dropdown .p-dropdown-trigger {
-  background: transparent;
-  color: var(--black-80);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-dropdown .p-dropdown-clear-icon {
-  color: var(--black-80);
-  right: 2.5rem;
-}
-.p-dropdown.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-dropdown-panel {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  margin-top: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-dropdown-panel .p-dropdown-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.75rem;
-  margin-right: -1.75rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-dropdown-panel .p-dropdown-items {
-  padding: 0.25rem;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
-  color: var(--black-80);
-  text-align: center;
-  padding: 0.5rem 0.75rem;
-  background: rgba(255, 255, 255, 0.0001);
-}
-
-.p-multiselect {
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  user-select: none;
-}
-
-.p-multiselect-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-multiselect-label-container {
-  cursor: pointer;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-}
-
-.p-multiselect-clearable .p-multiselect-label-container {
-  padding-right: 1.75rem;
-}
-
-.p-multiselect-clearable .p-multiselect-clear-icon {
-  right: 2.5rem;
-}
-
-.p-multiselect-label {
-  display: block;
-  white-space: nowrap;
-  cursor: pointer;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.p-multiselect-label-empty {
-  overflow: hidden;
-  visibility: hidden;
-}
-
-.p-multiselect-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-  margin-right: 0.25rem;
-}
-
-.p-multiselect-token-icon {
-  cursor: pointer;
-}
-
-.p-multiselect .p-multiselect-panel {
-  min-width: 100%;
-}
-
-.p-multiselect-items-wrapper {
-  overflow: auto;
-}
-
-.p-multiselect-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-multiselect-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--black-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-}
-.p-multiselect-item:not(.p-disabled):hover, .p-multiselect-item:not(.p-disabled).p-focus {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-multiselect-item:not(.p-highlight).p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-.p-multiselect-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-multiselect-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-
-.p-multiselect-item-group {
-  cursor: auto;
-}
-
-.p-multiselect-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.p-multiselect-filter-container {
-  position: relative;
-  flex: 1 1 auto;
-}
-
-.p-multiselect-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-multiselect-filter-container .p-inputtext {
-  width: 100%;
-}
-
-.p-multiselect-close {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  overflow: hidden;
-  position: relative;
-  margin-left: auto;
-}
-
-.p-fluid .p-multiselect {
-  display: flex;
-}
-
-.p-multiselect {
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-multiselect.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--black-10);
-}
-.p-multiselect:not(.p-disabled):hover {
-  border-color: var(--emerald-700);
-}
-.p-multiselect:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-multiselect .p-multiselect-label {
-  color: var(--black-80);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect .p-multiselect-label.p-placeholder {
-  color: var(--black-60);
-  padding: 0rem 0.75rem;
-  padding-left: 0.5rem;
-}
-.p-multiselect:not(.p-multiselect-chip) .p-multiselect-label {
-  padding: 0rem 0.75rem;
-  line-height: 2.5rem;
-}
-.p-multiselect.p-multiselect-chip {
-  min-height: 2.5rem;
-  padding: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token {
-  padding: 0rem 0.5rem;
-  background: var(--black-10);
-  color: var(--black-80);
-  border-radius: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
-  margin-left: 0.5rem;
-}
-.p-multiselect .p-multiselect-trigger {
-  background: transparent;
-  color: var(--black-80);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-multiselect.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-multiselect-panel {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  margin-top: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-  border: 1px solid transparent;
-  border-bottom: 0;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.75rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  margin-left: 0.5rem;
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-multiselect-panel .p-multiselect-items {
-  padding: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
-  padding: 0.5rem 0.75rem;
-  color: var(--black-80);
-  background: rgba(255, 255, 255, 0.0001);
-}
-
-.p-password .p-icon-wrapper {
-  right: 0.75rem;
-  top: 50%;
-  cursor: pointer;
-  fill: var(--black-80);
-}
-.p-password.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-password .p-input-icon {
-  cursor: pointer;
-  color: var(--black-80);
-  right: 0.75rem;
-}
-.p-password.p-disabled {
-  opacity: 1;
-}
-.p-password.p-disabled .p-input-icon {
-  opacity: 0.6;
-}
-
-.p-input-icon-right input {
-  padding-right: 2.5rem;
-}
-
-.p-icon-field .p-password-icon.p-input-icon {
-  right: 0.75rem;
-  top: 20% !important;
-}
-
-.p-password-input {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  min-height: 2.5rem;
-  padding: 0 0.75rem;
-  align-items: center;
-}
-
-.text-feedback {
-  display: inline-flex;
-  align-items: flex-start;
-}
-.text-feedback .ti {
-  position: relative;
-  bottom: 1px;
-}
-
-.text-feedback--default {
-  color: var(--black-80);
-}
-.text-feedback--default .ti {
-  color: var(--gray-200);
-}
-
-.text-feedback--success {
-  color: var(--green-400);
-}
-
-.text-feedback--error {
-  color: var(--red-400);
-}
-
-.p-password-panel {
-  color: var(--black-60);
-  padding: 0.75rem;
-  margin-top: 0.25rem;
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  background: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-password-panel .p-password-meter {
-  overflow: hidden;
-  height: 0.5rem;
-  border-radius: 1rem;
-  margin-bottom: 0.5rem;
-  background: var(--black-10);
-}
-.p-password-panel .p-password-meter .p-password-strength.weak {
-  background: var(--red-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.medium {
-  background: var(--orange-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.strong {
-  background: var(--green-400);
-}
-
-.p-inputgroup-addon {
-  background: var(--white-100);
-  color: var(--black-60);
-  border-top: 1px solid var(--gray-200);
-  border-left: 1px solid var(--gray-200);
-  border-bottom: 1px solid var(--gray-200);
-  padding: 0rem 0.75rem;
-  min-width: 2.5rem;
-}
-.p-inputgroup-addon:last-child {
-  border-right: 1px solid var(--gray-200);
-}
-.p-inputgroup-addon.p-disabled {
-  background-color: var(--black-10);
-  color: var(--black-60);
-}
-
-.p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
-  border-radius: 0;
-  margin: 0;
-}
-.p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
-  border-left: 0 none;
-}
-.p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
-  z-index: 1;
-}
-.p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
-  z-index: 1;
-}
-
-.p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:first-child input {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:last-child input {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-inputgroup .p-button {
-  height: auto;
-  width: auto;
-}
-.p-inputgroup .p-button.p-button-icon-only {
-  width: 2.5rem;
-}
-
-.p-icon-field {
-  position: relative;
-}
-
-.p-icon-field .p-input-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
-  width: 100%;
-}
-
-.p-icon-field-left .p-input-icon:first-of-type {
-  left: 0.75rem;
-  color: var(--black-80);
-}
-
-.p-icon-field-right .p-input-icon:last-of-type {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-
-.p-inputnumber.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-p-inputnumber.ng-invalid.ng-touched > .p-inputnumber > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-p-inputnumber[ng-reflect-is-disabled=true] .p-inputnumber-button {
-  background: var(--black-10);
-}
-
-.p-inputnumber-button {
-  color: var(--black-80);
-  border-color: var(--gray-200);
-  background-color: var(--white-100);
-}
-.p-inputnumber-button .p-button-icon {
-  font-size: 1rem;
-}
-
-.p-inputnumber-button:hover {
-  box-shadow: none !important;
-}
-
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-down {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-up {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-input {
-  border-radius: 0;
-  border-left-color: transparent;
-  border-right-color: transparent;
-  z-index: 1;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-down,
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-up {
-  height: 100%;
-}
-
-.p-inputnumber-buttons-vertical .p-inputnumber-button-down {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-button-up {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-input {
-  border-radius: 0;
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-  z-index: 1;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-button-down,
-.p-inputnumber-buttons-vertical .p-inputnumber-button-up {
-  width: 100%;
-}
-
-.p-checkbox {
-  position: relative;
-  display: inline-flex;
-  user-select: none;
-  vertical-align: bottom;
-}
-
-.p-checkbox-input {
-  appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  cursor: pointer;
-}
-
-.p-checkbox-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.p-checkbox {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box {
-  /* Отключение стандартной иконки PrimeNG, т.к. используем tabler, вместо prime-icons. */
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon {
-  display: none;
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box::after {
-  content: "\ea5e";
-  width: 1rem;
-  height: 1rem;
-  transition-duration: 0.2s;
-  color: var(--white-100);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-}
-.p-checkbox .p-checkbox-input {
-  border: 1px solid var(--gray-200);
-  border-radius: 0.25rem;
-}
-.p-checkbox .p-checkbox-box {
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--black-80);
-  border-radius: 0.25rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-checkbox .p-checkbox-box.p-highlight {
-  border-color: var(--emerald-700);
-  background: var(--emerald-700);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
-  border-color: var(--emerald-700);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover.p-highlight {
-  border-color: var(--emerald-800);
-  background: var(--emerald-800);
-  color: var(--white-100);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-checkbox .p-checkbox-box.p-disabled {
-  background: var(--black-10);
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon {
-  transition-duration: 0.2s;
-  color: var(--white-100);
-  font-size: 1rem;
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-highlight .p-checkbox .p-checkbox-box {
-  border-color: var(--emerald-700);
-}
-
-.p-radiobutton {
-  position: relative;
-  display: inline-flex;
-  user-select: none;
-  vertical-align: bottom;
-}
-
-.p-radiobutton-input {
-  cursor: pointer;
-}
-
-.p-radiobutton-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition: all;
-}
-
-.p-radiobutton-box:hover {
-  border: 1px solid var(--emerald-800) !important;
-}
-
-.p-radiobutton-box.p-highlight {
-  box-sizing: border-box;
-  background: var(--emerald-800) !important;
-}
-.p-radiobutton-box.p-highlight .p-radiobutton-icon {
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.25%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
-  background: var(--white-100);
-  width: 1.5rem;
-  height: 1.5rem;
-  mask-composite: exclude;
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box {
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box:hover {
-  border: 1px solid var(--red-400) !important;
-}
-
-.p-radiobutton-box.p-focus {
-  box-shadow: 0px 0px 0px 3.5px var(--emerald-200);
-}
-
-.p-radiobutton {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-radiobutton .p-radiobutton-input {
-  appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  border: 1px solid var(--gray-200);
-  border-radius: 50%;
-}
-.p-radiobutton .p-radiobutton-box {
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--black-80);
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-radiobutton.p-disabled .p-radiobutton-box {
-  background: var(--black-10);
-}
-.p-radiobutton.p-highlight .p-radiobutton-box {
-  border-color: var(--emerald-700);
-  background: var(--emerald-700);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
-  border-color: var(--emerald-700);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
-  border-color: var(--emerald-800);
-  background: var(--emerald-800);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-radiobutton.p-invalid > .p-radiobutton-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-highlight .p-radiobutton .p-radiobutton-box {
-  border-color: var(--white-100);
-}
-
-.p-inputswitch-slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-.p-inputswitch-slider:before {
-  position: absolute;
-  content: "";
-  top: 50%;
-}
-
-.p-inputswitch {
-  position: relative;
-  display: inline-block;
-  width: 2.5rem;
-  height: 1.5rem;
-  border-radius: 100px;
-}
-.p-inputswitch .p-inputswitch-slider {
-  background: var(--gray-300);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 100px;
-  outline-color: transparent;
-}
-.p-inputswitch .p-inputswitch-slider:before {
-  background: var(--white-100);
-  width: 1rem;
-  height: 1rem;
-  left: 0.25rem;
-  margin-top: -0.5rem;
-  border-radius: 100px;
-  transition-duration: 0.2s;
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
-  background: var(--emerald-700);
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  background: var(--white-100);
-  transform: translateX(1rem);
-}
-.p-inputswitch:not(.p-disabled) .p-inputswitch-slider:hover {
-  background-color: var(--emerald-800);
-}
-.p-inputswitch:not(.p-disabled).p-focus, .p-inputswitch:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-
-p-inputswitch:not(.p-disabled).p-element.ng-dirty.ng-invalid .p-inputswitch-slider, p-inputswitch:not(.p-disabled).p-element.ng-touched.ng-invalid .p-inputswitch-slider {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-selectbutton {
-  display: flex;
-  height: min-content;
-  gap: 0.25rem;
-  padding: 0.25rem;
-  background-color: var(--black-10);
-  border-radius: 0.5rem;
-}
-.p-selectbutton .p-button {
-  flex-grow: 1;
-  background: rgba(255, 255, 255, 0.0001);
-  border: 1px solid trasparent;
-  border-radius: 0.25rem;
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
-  color: var(--black-60);
-}
-.p-selectbutton .p-button.p-disabled {
-  background: transparent;
-  pointer-events: none;
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
-  background: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
-  color: var(--black-80);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight {
-  background: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--emerald-700);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-right {
-  color: var(--emerald-700);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover {
-  background: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-right {
-  color: var(--black-80);
-}
-.p-selectbutton.p-invalid > .p-button {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-togglebutton.p-button.p-highlight.p-disabled, .p-button.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-left, .p-button.p-disabled .p-button-icon-left,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-left,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-left,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-left,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-left,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-right,
-.p-button.p-disabled .p-button-icon-right,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-right,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-right,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-right,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-right,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-right {
-  color: var(--black-60) !important;
-}
-
-.p-togglebutton.p-button {
-  background: var(--black-10);
-  border: 1px solid trasparent;
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-  border-radius: 100px;
-}
-.p-togglebutton.p-button:not(.p-disabled):hover {
-  background: var(--emerald-alpha);
-  color: var(--emerald-700);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  box-shadow: none;
-}
-.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-left,
-.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-right {
-  color: var(--emerald-700);
-}
-.p-togglebutton.p-button:not(.p-disabled):focus-visible {
-  box-shadow: 0 0 0 3.5px var(--emerald-200);
-}
-.p-togglebutton.p-button .p-button-icon-left,
-.p-togglebutton.p-button .p-button-icon-right {
-  color: var(--black-60);
-}
-.p-togglebutton.p-button.p-highlight {
-  background: var(--emerald-700);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--white-100);
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover {
-  background: var(--emerald-800);
-  color: var(--white-100);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  box-shadow: none;
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-right {
-  color: var(--white-100);
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):focus-visible {
-  box-shadow: 0 0 0 3.5px var(--emerald-200);
-}
-.p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
-  color: var(--white-100);
-}
-
-.p-chips {
-  display: inline-flex;
-  height: min-content;
-}
-
-.p-disabled .p-chips-multiple-container {
-  background-color: var(--black-10);
-}
-
-.p-chips-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-chips-multiple-container:has(.p-chips-token) {
-  padding: 0.25rem;
-}
-
-.p-chips-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-chips-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-chips-token-icon {
-  cursor: pointer;
-}
-
-.p-chips-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-chips {
-  display: flex;
-}
-
-.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
-  border-color: var(--emerald-700);
-}
-.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0rem 0.5rem;
-  background: var(--black-10);
-  color: var(--black-80);
-  border-radius: 0.25rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token + .p-chips-input-token {
-  padding: 0 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0rem 0;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--black-80);
-  margin: 0;
-}
-.p-chips.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-slider {
-  background: var(--black-10);
-  border: none;
-  border-radius: 0.5rem;
-}
-.p-slider.p-slider-horizontal {
-  height: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.625rem;
-  margin-left: -0.625rem;
-}
-.p-slider.p-slider-vertical {
-  width: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.625rem;
-  margin-bottom: -0.625rem;
-}
-.p-slider .p-slider-handle {
-  height: 1.25rem;
-  width: 1.25rem;
-  background: var(--emerald-700);
-  border: none;
-  border-radius: 1rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-slider .p-slider-handle:focus {
-  background: var(--emerald-800);
-  box-shadow: none;
-}
-.p-slider .p-slider-range {
-  background: var(--emerald-700);
-  border-radius: 0.5rem;
-}
-.p-slider:not(.p-disabled) .p-slider-handle:hover {
-  background: var(--emerald-800);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-
-.p-rating {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-
-.p-rating-item {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-
-.p-rating.p-readonly .p-rating-item {
-  cursor: default;
-}
-
-.p-rating {
-  gap: 0.5rem;
-}
-.p-rating .p-rating-item {
-  outline-color: transparent;
-  border-radius: 50%;
-}
-.p-rating .p-rating-item .p-rating-icon {
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  font-size: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-icon {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
-  color: var(--black-60);
-}
-.p-rating .p-rating-item:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
-  color: var(--orange-400);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
-  color: var(--orange-500);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
-  color: var(--black-80);
-}
-
-.p-calendar.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-
-.p-datepicker {
-  margin-top: 0.25rem;
-  padding: 0.75rem;
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-}
-.p-datepicker:not(.p-datepicker-inline) {
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-datepicker .p-datepicker-header {
-  padding: 0 0 0.5rem;
-  color: var(--black-60);
-  background: var(--white-100);
-  font-weight: bold;
-  margin: 0rem;
-  border-bottom: none;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border: 1px solid transparent;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,
-.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled {
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-  background: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title {
-  line-height: 2rem;
-  display: flex;
-  gap: 0.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select {
-  display: inline-flex;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-  min-height: 2.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  font-weight: bold;
-  padding: 0.25rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
-  color: var(--emerald-700);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5rem;
-}
-.p-datepicker table {
-  font-size: 1rem;
-  margin: 0rem;
-}
-.p-datepicker table th {
-  padding: 0.25rem;
-}
-.p-datepicker table th > span {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datepicker table td {
-  padding: 0.25rem;
-}
-.p-datepicker table td > span {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  transition: 0.2s;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-datepicker table td > span.p-highlight {
-  color: var(--white-100);
-  background: var(--emerald-700);
-}
-.p-datepicker table td > span:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-datepicker table td.p-datepicker-today > span {
-  color: var(--black-60);
-  font-weight: 700;
-  border-color: var(--gray-100);
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-datepicker table td.p-datepicker-today > span:not(.p-disabled):hover {
-  color: var(--black-80);
-}
-.p-datepicker table td.p-datepicker-today > span.p-highlight {
-  color: var(--white-100);
-  background: var(--emerald-700);
-}
-.p-datepicker .p-datepicker-buttonbar {
-  padding: 0rem 0 0;
-}
-.p-datepicker .p-datepicker-buttonbar .p-button {
-  width: auto;
-}
-.p-datepicker .p-timepicker {
-  border-top: 1px solid var(--gray-200);
-  padding: String value;
-}
-.p-datepicker .p-timepicker button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datepicker .p-timepicker button:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-datepicker .p-timepicker button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-datepicker .p-timepicker button.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-datepicker .p-timepicker span {
-  font-size: 1.25rem;
-}
-.p-datepicker .p-timepicker > div {
-  padding: String value;
-}
-.p-datepicker .p-hour-picker,
-.p-datepicker .p-minute-picker {
-  gap: 0.25rem;
-}
-.p-datepicker.p-datepicker-timeonly .p-timepicker {
-  border-top: 0 none;
-}
-.p-datepicker .p-monthpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
-  color: var(--white-100);
-  background: var(--emerald-700);
-}
-.p-datepicker .p-yearpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
-  color: var(--white-100);
-  background: var(--emerald-700);
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-left: 1px solid var(--gray-200);
-  padding-right: 0.75rem;
-  padding-left: 0.75rem;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
-  padding-left: 0;
-  border-left: 0 none;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
-  padding-right: 0;
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-datepicker:not(.p-disabled) table td span.p-highlight:hover {
-  background: var(--emerald-800);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled).p-highlight:hover {
-  background: var(--emerald-800);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled).p-highlight:hover {
-  background: var(--emerald-800);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-
-.p-autocomplete {
-  display: inline-flex;
-  height: min-content;
-}
-.p-autocomplete .p-autocomplete-loader {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 3.25rem;
-}
-
-.p-autocomplete-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-autocomplete-multiple-container:has(.p-autocomplete-token) {
-  padding: 0.25rem;
-}
-
-.p-autocomplete-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-autocomplete-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-autocomplete-token-icon {
-  cursor: pointer;
-}
-
-.p-autocomplete-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-autocomplete {
-  display: flex;
-}
-
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
-  border-color: var(--emerald-700);
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-autocomplete .p-autocomplete-multiple-container.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--black-10);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0rem 0.5rem;
-  background: var(--black-10);
-  color: var(--black-80);
-  border-radius: 0.25rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token + .p-autocomplete-input-token {
-  padding: 0 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0rem 0;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--black-80);
-  margin: 0;
-}
-.p-autocomplete.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-autocomplete-panel {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  margin-top: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-of-type {
-  margin-top: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-of-type {
-  margin-bottom: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
-  color: var(--white-100);
-  background: var(--emerald-700);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
-  text-align: center;
-  padding: 0.5rem 0.75rem;
-}
-
-.p-autocomplete-dd .p-autocomplete-input {
-  flex: 1 1 auto;
-  width: 1%;
-}
-.p-autocomplete-dd .p-autocomplete-dropdown {
-  display: none;
-}
-
-.autocomplete-dropdown-container:hover .p-inputtext:enabled {
-  border-color: var(--emerald-700);
-}
-
-.autocomplete-dropdown-trigger {
-  position: absolute;
-  right: 0;
-  top: 0;
-  height: 100%;
-  width: 2.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.p-autocomplete-clear-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-  cursor: pointer;
-}
-
-.p-autocomplete-clearable {
-  position: relative;
-}
-.p-autocomplete-clearable .p-autocomplete-clear-icon {
-  right: 0.75rem;
-}
-.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
-  right: 2.5rem;
-}
-
-.p-float-label label{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-  opacity: 0.6;
-}
-
-.p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  opacity: 1;
-}
-
-.float-variant-in .p-float-label .p-inputtext,
-.float-variant-in .p-float-label .p-inputtextarea,
-.float-variant-in .p-float-label .p-select-label,
-.float-variant-in .p-float-label .p-multiselect-label-container,
-.float-variant-in .p-float-label .p-autocomplete-input-multiple,
-.float-variant-in .p-float-label .p-cascadeselect-label,
-.float-variant-in .p-float-label .p-treeselect-label {
-  padding-top: 1rem;
-  min-height: 4rem;
-  line-height: normal;
-}
-
-.float-variant-in .p-float-label .p-inputtextarea {
-  padding-top: 2rem;
-}
-
-.float-variant-in .p-float-label:has(input:focus) label,
-.float-variant-in .p-float-label:has(input.p-filled) label,
-.float-variant-in .p-float-label:has(input:-webkit-autofill) label,
-.float-variant-in .p-float-label:has(textarea:focus) label,
-.float-variant-in .p-float-label:has(textarea.p-filled) label,
-.float-variant-in .p-float-label:has(.p-inputwrapper-focus) label,
-.float-variant-in .p-float-label:has(.p-inputwrapper-filled) label {
-  top: 1rem;
-  padding-top: 0.125rem;
-  padding-bottom: 0.125rem;
-}
-
-.float-variant-in .p-float-label .p-inputtext.p-chips-multiple-container {
-  padding-top: 1.75rem;
-  padding-bottom: 0.25rem;
-}
-
-.p-float-label textarea ~ label {
-  top: 1.25rem;
-}
-
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label {
-  top: -0.75rem;
-}
-
-.float-variant-in .p-float-label textarea:focus,
-.float-variant-in .p-float-label textarea.p-filled {
-  padding-top: 2rem;
-}
-
-.p-float-label .p-dropdown .p-placeholder {
-  opacity: 0;
-}
-
-.float-variant-in .p-float-label .p-dropdown .p-inputtext {
-  padding-top: 2rem;
-}
-
-.p-tabview .p-tabview-nav {
-  background: rgba(255, 255, 255, 0.0001);
-  border-bottom: 1px solid var(--gray-200);
-  gap: 1.5rem;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link {
-  border-bottom: 0.25rem solid rgba(255, 255, 255, 0.0001);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  padding: 1rem 0rem;
-  font-weight: normal;
-  transition: 0.2s;
-  margin: 0;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--emerald-700);
-}
-.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--emerald-700);
-  color: var(--emerald-700);
-}
-.p-tabview .p-tabview-close {
-  margin-left: 0.5rem;
-}
-.p-tabview .p-tabview-nav-btn.p-link {
-  background: var(--white-100);
-  color: var(--black-80);
-  width: 2.5rem;
-  box-shadow: 0px 0px 10px 50px var(--white-60);
-  border-radius: 0;
-}
-.p-tabview .p-tabview-nav-btn.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-tabview .p-tabview-nav-btn.p-link:hover {
-  color: var(--emerald-700);
-}
-.p-tabview .p-tabview-panels {
-  background: rgba(255, 255, 255, 0.0001);
-  padding: 1rem 0rem;
-  border: none;
-  color: var(--black-80);
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-divider {
-  border-color: var(--gray-200);
-}
-.p-divider .p-divider-content {
-  background-color: var(--white-100);
-  color: var(--black-60);
-  text-transform: uppercase;
-}
-.p-divider.p-divider-horizontal {
-  margin: 1rem 0rem;
-  padding: 0rem 1rem;
-}
-.p-divider.p-divider-horizontal .p-divider-content {
-  padding: 0 0.5rem;
-}
-.p-divider.p-divider-horizontal:before {
-  border-top-width: 1px;
-  border-top-color: var(--gray-200);
-}
-.p-divider.p-divider-horizontal.p-divider-dash:before {
-  border-top-style: dashed;
-}
-.p-divider.p-divider-vertical {
-  margin: 0rem 1rem;
-  padding: 1rem 0rem;
-}
-.p-divider.p-divider-vertical .p-divider-content {
-  padding: 0.5rem 0;
-}
-.p-divider.p-divider-vertical:before {
-  border-left-width: 1px;
-  border-left-color: var(--gray-200);
-}
-.p-divider.p-divider-vertical.p-divider-dash:before {
-  border-left-style: dashed;
-}
-
-.p-scrollpanel .p-scrollpanel-bar {
-  background: var(--black-10);
-  border: 0 none;
-  border-radius: 0.5rem;
-}
-.p-scrollpanel .p-scrollpanel-bar:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-
-.p-accordion .p-accordion-header .p-accordion-header-link {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  color: var(--black-60);
-  font-weight: 700;
-  padding: 1rem 0rem;
-  border-top: 1px solid var(--gray-200);
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-  gap: 0.5rem;
-}
-.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
-  font-size: 1.25rem;
-}
-.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--gray-200);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--gray-200);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
-  border-color: var(--gray-200);
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-content {
-  padding: 0rem 0rem 1rem 1.75rem;
-  border-bottom: none;
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-tab {
-  margin-bottom: 0rem;
-}
-.p-accordion .p-accordion-tab:first-child .p-accordion-header-link {
-  border-top: none;
-}
-.p-accordion .p-accordion-tab .p-accordion-content .p-accordion-header-link {
-  border-top: 1px solid var(--gray-200);
-}
-
-.p-stepper .p-stepper-nav {
-  display: flex;
-  gap: 0.5rem;
-  justify-content: space-between;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  overflow: hidden;
-  overflow-x: auto;
-}
-.p-stepper .p-stepper-header {
-  position: relative;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-  padding: 0.5rem 0;
-}
-.p-stepper .p-stepper-header.p-disabled {
-  opacity: 1;
-  cursor: initial;
-}
-.p-stepper .p-stepper-header.p-disabled .p-stepper-action {
-  opacity: 0.6;
-}
-.p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-title {
-  color: var(--black-80);
-}
-.p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
-  background-color: var(--emerald-700);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-number, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-number {
-  color: var(--white-100);
-  background-color: var(--emerald-700);
-  border-color: transparent;
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-icon, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-icon {
-  color: var(--emerald-700);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-action.p-danger .p-stepper-number, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-action.p-danger .p-stepper-number {
-  color: var(--white-100);
-  background-color: var(--red-400);
-}
-.p-stepper p-stepperheader .p-stepper-action {
-  display: inline-flex;
-  align-items: center;
-  flex-grow: 0;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  background: var(--white-100);
-  outline-color: transparent;
-  padding: 0;
-}
-.p-stepper p-stepperheader .p-stepper-action:hover {
-  cursor: pointer;
-}
-.p-stepper p-stepperheader .p-stepper-action:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-number {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 400;
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1;
-  font-size: 1rem;
-  border-radius: 8rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title {
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  margin-left: 0.5rem;
-  color: var(--black-80);
-  font-weight: 400;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper{
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
-  line-height: 1;
-  margin-left: 0.5rem;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper .p-stepper-title {
-  margin-left: 0;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-icon{
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.5rem;
-  line-height: 2rem;
-  line-height: 1;
-  min-width: 1.5rem;
-  height: 1.5rem;
-}
-.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-number,
-.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-icon {
-  color: var(--red-400);
-}
-.p-stepper .p-stepper-panels {
-  background: rgba(255, 255, 255, 0.0001);
-  padding: 1rem 0rem;
-  color: var(--black-80);
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-number, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-number {
-  color: var(--white-100);
-  background-color: var(--emerald-700);
-  border-color: transparent;
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-icon, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-icon {
-  color: var(--emerald-700);
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-action.p-danger .p-stepper-number, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-action.p-danger .p-stepper-number {
-  color: var(--white-100);
-  background-color: var(--red-400);
-}
-.p-stepper .p-stepper-separator {
-  background-color: var(--gray-200);
-  width: 100%;
-  height: 1px;
-  margin-inline-start: 0.5rem;
-  transition: 0.2s;
-}
-.p-stepper.no-line .p-stepper-separator {
-  background-color: transparent !important;
-}
-.p-stepper.p-stepper-vertical {
-  display: flex;
-  flex-direction: column;
-}
-.p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
-  display: flex;
-  flex: 1 1 auto;
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel {
-  display: flex;
-  flex-direction: column;
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
-  flex: 1 1 auto;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
-  width: 100%;
-  padding-left: 1rem;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
-  flex: 0 0 auto;
-  width: 2px;
-  height: auto;
-  margin-inline-start: calc(1.75rem + 2px);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
-  background-color: var(--emerald-700);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
-  padding-left: 3rem;
-}
-
-.p-card {
-  overflow: hidden;
-  color: var(--black-80);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-card.p-card-no-shadow {
-  box-shadow: none;
-}
-.p-card .p-card-body {
-  padding: 1rem;
-}
-.p-card .p-card-title {
-  font-size: 1.125rem;
-  font-weight: 700;
-  margin-bottom: 0.25rem;
-}
-.p-card .p-card-subtitle {
-  font-size: 0.875rem;
-  font-weight: 400;
-  color: var(--black-60);
-}
-.p-card .p-card-content {
-  padding: 1rem 0 0;
-}
-.p-card .p-card-footer {
-  padding: 1rem 0 0;
-}
-
-.p-tooltip .p-tooltip-text {
-  background: var(--gray-800);
-  color: var(--white-100);
-  padding: 0.5rem 1rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  border-radius: 0.5rem;
-}
-
-.p-tooltip-arrow {
-  border-color: transparent;
-}
-
-.p-tooltip-right .p-tooltip-arrow,
-.p-tooltip-left .p-tooltip-arrow {
-  margin-top: -0.25rem;
-}
-
-.p-tooltip-top .p-tooltip-arrow,
-.p-tooltip-bottom .p-tooltip-arrow {
-  margin-left: -0.25rem;
-}
-
-.p-tooltip-right .p-tooltip-arrow {
-  border-width: 0.25em 0.25em 0.25em 0;
-  border-right-color: var(--gray-800);
-}
-
-.p-tooltip-left .p-tooltip-arrow {
-  border-width: 0.25em 0 0.25em 0.25rem;
-  border-left-color: var(--gray-800);
-}
-
-.p-tooltip-top .p-tooltip-arrow {
-  border-width: 0.25em 0.25em 0;
-  border-top-color: var(--gray-800);
-}
-
-.p-tooltip-bottom .p-tooltip-arrow {
-  border-width: 0 0.25em 0.25rem;
-  border-bottom-color: var(--gray-800);
-}
-
-.p-dialog {
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  border: 1px solid var(--gray-200);
-}
-.p-dialog .p-dialog-header {
-  border-bottom: 1px solid var(--gray-200);
-  background: var(--white-100);
-  color: var(--black-80);
-  padding: 1.5rem 1.5rem 1rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-header .p-dialog-title {
-  font-weight: bold;
-  font-size: 1.25rem;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-right: 0.5rem;
-  box-shadow: none;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
-  margin-right: 0;
-}
-.p-dialog-danger .p-dialog-title::before, .p-dialog-success .p-dialog-title::before, .p-dialog-info .p-dialog-title::before, .p-dialog-warning .p-dialog-title::before, .p-dialog-help .p-dialog-title::before {
-  content: "";
-  display: inline-block;
-  width: 1.5rem;
-  height: 1.5rem;
-  background-size: contain;
-  margin-right: 0.5rem;
-  vertical-align: text-bottom;
-}
-.p-dialog-danger .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM8.13128 8.63128C8.47299 8.28957 9.02701 8.28957 9.36872 8.63128L10.5 9.76256L11.6313 8.63128C11.973 8.28957 12.527 8.28957 12.8687 8.63128C13.2104 8.97299 13.2104 9.52701 12.8687 9.86872L11.7374 11L12.8687 12.1313C13.2104 12.473 13.2104 13.027 12.8687 13.3687C12.527 13.7104 11.973 13.7104 11.6313 13.3687L10.5 12.2374L9.36872 13.3687C9.02701 13.7104 8.47299 13.7104 8.13128 13.3687C7.78957 13.027 7.78957 12.473 8.13128 12.1313L9.26256 11L8.13128 9.86872C7.78957 9.52701 7.78957 8.97299 8.13128 8.63128Z" fill="%23E26E63"/></svg>') no-repeat;
-}
-.p-dialog-success .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM13.7437 8.63128C14.0854 8.97299 14.0854 9.52701 13.7437 9.86872L10.2437 13.3687C9.90201 13.7104 9.34799 13.7104 9.00628 13.3687L7.25628 11.6187C6.91457 11.277 6.91457 10.723 7.25628 10.3813C7.59799 10.0396 8.15201 10.0396 8.49372 10.3813L9.625 11.5126L12.5063 8.63128C12.848 8.28957 13.402 8.28957 13.7437 8.63128Z" fill="%2368C170"/></svg>') no-repeat;
-}
-.p-dialog-warning .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.24855 2.2875C9.63056 2.07229 10.0616 1.95923 10.5 1.95923C10.9385 1.95923 11.3695 2.07229 11.7515 2.2875C12.1335 2.5027 12.4536 2.81277 12.6808 3.18777L12.6831 3.19162L19.7759 15.0356L19.7832 15.0481C20.0055 15.4335 20.123 15.8705 20.1241 16.3154C20.1252 16.7604 20.0098 17.1979 19.7895 17.5845C19.5691 17.9711 19.2514 18.2932 18.868 18.519C18.4846 18.7447 18.0487 18.8662 17.6038 18.8714L17.5937 18.8715L3.39659 18.8714C2.95146 18.8664 2.51539 18.7449 2.13176 18.5191C1.74813 18.2933 1.43031 17.9709 1.20992 17.5841C0.98952 17.1974 0.874224 16.7596 0.875499 16.3145C0.876773 15.8693 0.994574 15.4322 1.21718 15.0467L1.22426 15.0347L8.30299 3.21587C8.30825 3.20642 8.31369 3.19705 8.31931 3.18777C8.5465 2.81277 8.86655 2.5027 9.24855 2.2875ZM10.5 3.70923C10.3625 3.70923 10.2273 3.74469 10.1075 3.81219C9.99324 3.87657 9.89665 3.968 9.82613 4.07836C9.82357 4.0828 9.82097 4.08723 9.81833 4.09164L2.72982 15.9268C2.66184 16.0465 2.62589 16.1818 2.62549 16.3195C2.62509 16.4591 2.66126 16.5964 2.73039 16.7177C2.79952 16.839 2.8992 16.9401 3.01953 17.011C3.13871 17.0811 3.27402 17.1192 3.41225 17.1214H17.5877C17.7258 17.1191 17.861 17.0811 17.9801 17.011C18.1004 16.9401 18.2 16.8391 18.2691 16.7178C18.3383 16.5966 18.3745 16.4594 18.3741 16.3198C18.3738 16.1822 18.3379 16.047 18.2701 15.9274L11.1841 4.09457C11.1837 4.09404 11.1834 4.09351 11.1831 4.09298C11.1119 3.97607 11.0119 3.87939 10.8926 3.81219C10.7728 3.74469 10.6376 3.70923 10.5 3.70923ZM10.5001 7.49997C10.9833 7.49997 11.3751 7.89172 11.3751 8.37497V11.875C11.3751 12.3582 10.9833 12.75 10.5001 12.75C10.0168 12.75 9.62506 12.3582 9.62506 11.875V8.37497C9.62506 7.89172 10.0168 7.49997 10.5001 7.49997ZM9.62506 14.5C9.62506 14.0167 10.0168 13.625 10.5001 13.625H10.5088C10.9921 13.625 11.3838 14.0167 11.3838 14.5C11.3838 14.9832 10.9921 15.375 10.5088 15.375H10.5001C10.0168 15.375 9.62506 14.9832 9.62506 14.5Z" fill="%23FFB330"/></svg>') no-repeat;
-}
-.p-dialog-info .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.625 8.375C9.625 7.89175 10.0168 7.5 10.5 7.5H10.5087C10.992 7.5 11.3837 7.89175 11.3837 8.375C11.3837 8.85825 10.992 9.25 10.5087 9.25H10.5C10.0168 9.25 9.625 8.85825 9.625 8.375ZM8.75 11C8.75 10.5168 9.14175 10.125 9.625 10.125H10.5C10.9832 10.125 11.375 10.5168 11.375 11V13.625C11.8582 13.625 12.25 14.0168 12.25 14.5C12.25 14.9832 11.8582 15.375 11.375 15.375H10.5C10.0168 15.375 9.625 14.9832 9.625 14.5V11.875C9.14175 11.875 8.75 11.4832 8.75 11Z" fill="%2349A2EF"/></svg>') no-repeat;
-}
-.p-dialog-help .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.99829 7.55089C10.5752 7.43547 11.1741 7.51853 11.6978 7.78656C12.2234 8.05459 12.6434 8.49186 12.89 9.02783C13.1367 9.56409 13.1955 10.1679 13.0568 10.7416C12.9181 11.3154 12.5901 11.8257 12.1257 12.1901C11.6613 12.5545 11.0877 12.7518 10.4974 12.75C10.0141 12.7486 9.62355 12.3556 9.625 11.8724C9.62646 11.3891 10.0194 10.9986 10.5026 11C10.6994 11.0006 10.8906 10.9349 11.0454 10.8134C11.2002 10.6919 11.3096 10.5218 11.3558 10.3306C11.402 10.1393 11.3824 9.93804 11.3002 9.75929C11.2179 9.58053 11.0778 9.43472 10.9025 9.34539L10.9008 9.34452C10.7285 9.25627 10.5314 9.2289 10.3416 9.26688C10.1518 9.30486 9.98043 9.40595 9.85536 9.5537C9.54314 9.92255 8.99103 9.96846 8.62218 9.65624C8.25333 9.34403 8.20742 8.79191 8.51964 8.42306C8.89995 7.97377 9.42109 7.66638 9.99829 7.55089ZM10.5 13.625C10.9832 13.625 11.375 14.0168 11.375 14.5V14.5087C11.375 14.992 10.9832 15.3837 10.5 15.3837C10.0168 15.3837 9.625 14.992 9.625 14.5087V14.5C9.625 14.0168 10.0168 13.625 10.5 13.625Z" fill="%23AB77DF"/></svg>') no-repeat;
-}
-.p-dialog .p-dialog-content {
-  background: var(--white-100);
-  color: var(--black-80);
-  padding: 1.5rem 1.5rem;
-}
-.p-dialog .p-dialog-content:last-of-type {
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer {
-  display: flex;
-  border-top: 1px solid rgba(255, 255, 255, 0.0001);
-  background: var(--white-100);
-  color: var(--black-60);
-  padding: 0rem 1.5rem 1.5rem;
-  text-align: right;
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer button {
-  width: auto;
-}
-.p-dialog .p-confirm-dialog-accept {
-  order: 1;
-}
-.p-dialog .p-confirm-dialog-reject {
-  order: 2;
-}
-.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
-  border-radius: 0;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
-  font-size: 2rem;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-dialog.p-confirm-dialog .p-dialog-footer {
-  flex-direction: row-reverse;
-  gap: 0.5rem;
-}
-.p-dialog.p-confirm-dialog .p-dialog-footer i.none {
-  display: none;
-}
-
-.p-overlaypanel {
-  background: var(--white-100);
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-overlaypanel .p-overlaypanel-content {
-  padding: 1rem;
-}
-.p-overlaypanel .p-overlaypanel-close {
-  background: var(--emerald-700);
-  color: var(--white-100);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  position: absolute;
-  top: -1rem;
-  right: -1rem;
-}
-.p-overlaypanel .p-overlaypanel-close:enabled:hover {
-  background: var(--emerald-800);
-  color: var(--white-100);
-}
-.p-overlaypanel:after {
-  border: solid transparent;
-  border-color: transparent;
-  border-bottom-color: var(--white-100);
-  border-width: 6px;
-}
-.p-overlaypanel:before {
-  border: solid transparent;
-  border-width: 8px;
-  border-color: transparent;
-  border-bottom-color: var(--gray-200);
-}
-.p-overlaypanel.p-overlaypanel-flipped {
-  margin-top: -7px !important;
-}
-.p-overlaypanel.p-overlaypanel-flipped:after {
-  border-top-color: var(--white-100);
-  border-bottom-color: transparent;
-}
-.p-overlaypanel.p-overlaypanel-flipped:before {
-  border-top-color: var(--gray-200);
-  border-bottom-color: transparent;
-}
-
-.p-sidebar {
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  background: var(--white-100);
-  margin: 0.5rem;
-  height: calc(100vh - 1rem) !important;
-}
-.p-sidebar.p-sidebar-top, .p-sidebar.p-sidebar-full, .p-sidebar.p-sidebar-bottom {
-  width: calc(100vw - 1rem);
-  width: -webkit-fill-available !important;
-}
-.p-sidebar.p-sidebar-top, .p-sidebar.p-sidebar-bottom {
-  height: auto;
-}
-.p-sidebar .p-sidebar-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1.5rem 1.5rem 1rem;
-  border-bottom: 1px solid var(--gray-200);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close.p-disabled,
-.p-sidebar .p-sidebar-header .p-sidebar-icon.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-sidebar .p-sidebar-header > :only-child {
-  margin-left: auto;
-}
-.p-sidebar .p-sidebar-content {
-  padding: 1.5rem 1.5rem;
-}
-.p-sidebar .p-sidebar-footer {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 1.5rem 1.5rem;
-  padding-top: 0rem;
-}
-
-.p-avatar {
-  height: 2rem;
-  width: 2rem;
-  color: var(--white-100);
-  font-size: 1rem;
-  background-color: var(--emerald-700);
-  border-radius: 0.5rem;
-}
-.p-avatar:not(.p-avatar-image) {
-  border: 1px solid var(--gray-200);
-}
-.p-avatar.p-avatar-image {
-  background: transparent;
-  position: relative;
-}
-.p-avatar.p-avatar-image img {
-  position: relative;
-  object-fit: cover;
-  border-radius: inherit;
-}
-.p-avatar.p-avatar-image .p-badge {
-  z-index: 1;
-}
-.p-avatar.p-avatar-image::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  border: 1px solid var(--gray-200);
-  border-radius: inherit;
-  z-index: 1;
-}
-.p-avatar.p-avatar-lg {
-  width: 2.5rem;
-  height: 2.5rem;
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-lg .p-avatar-icon {
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-xl {
-  width: 3.5rem;
-  height: 3.5rem;
-  font-size: 1.5rem;
-}
-.p-avatar.p-avatar-xl .p-avatar-icon {
-  font-size: 1.5rem;
-}
-
-.p-avatar-circle {
-  border-radius: 50%;
-}
-
-.p-badge {
-  background: var(--emerald-700);
-  color: var(--white-100);
-  font-size: 0.75rem;
-  font-weight: bold;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-}
-.p-badge.p-badge-success {
-  background-color: var(--green-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-info {
-  background-color: var(--blue-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-warning {
-  background-color: var(--orange-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-danger {
-  background-color: var(--red-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-dot {
-  width: 0.5rem;
-  height: 0.5rem;
-  min-width: auto;
-}
-
-.p-tag {
-  height: 1.5rem;
-  color: var(--white-100);
-  font-size: 0.875rem;
-  font-weight: bold;
-  padding: 0.5rem;
-  border-radius: 0.5rem;
-  background: var(--emerald-700);
-}
-.p-tag.p-tag-success {
-  background-color: var(--green-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-info {
-  background-color: var(--blue-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-warning {
-  background-color: var(--orange-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-danger {
-  background-color: var(--red-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-rounded {
-  border-radius: 100px;
-}
-.p-tag.p-tag-secondary {
-  background-color: var(--gray-200);
-  color: var(--black-60);
-}
-.p-tag .p-tag-icon {
-  margin-right: 0.25rem;
-  font-size: 0.875rem;
-}
-.p-tag .p-tag-icon.p-icon {
-  width: 0.875rem;
-  height: 0.875rem;
-}
-
-.p-progressbar {
-  border: none;
-  height: 1rem;
-  background: var(--black-10);
-  border-radius: 0.5rem;
-}
-.p-progressbar .p-progressbar-value {
-  border: 0 none;
-  margin: 0;
-  background: var(--emerald-700);
-}
-.p-progressbar .p-progressbar-label {
-  color: var(--white-100);
-  line-height: 1rem;
-}
-
-.p-progress-spinner-circle {
-  animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-primary-color 6s ease-in-out infinite;
-}
-
-@keyframes p-progress-spinner-primary-color {
-  100%, 0% {
-    stroke: var(--primary-color) !important;
-  }
-  40% {
-    stroke: var(--primary-color) !important;
-  }
-  66% {
-    stroke: var(--primary-color) !important;
-  }
-  80%, 90% {
-    stroke: var(--primary-color) !important;
-  }
-}
-.p-metergroup {
-  display: flex;
-  gap: 0.75rem;
-  flex-direction: column;
-}
-.p-metergroup .p-metergroup-meter-container {
-  background: var(--black-10);
-  border-radius: 0.5rem;
-}
-.p-metergroup .p-metergroup-labels {
-  display: flex;
-  flex-wrap: wrap;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  gap: 1rem;
-  row-gap: 0.75rem;
-}
-.p-metergroup .p-metergroup-labels-vertical {
-  gap: 0.5rem;
-  flex-direction: column;
-}
-.p-metergroup .p-metergroup-meters {
-  display: flex;
-  background: var(--black-10);
-  border-radius: 0.5rem;
-  height: 0.5rem;
-}
-.p-metergroup .p-metergroup-meter {
-  border: none;
-  background: var(--emerald-700);
-}
-.p-metergroup .p-metergroup-label-list-item {
-  line-height: 1rem;
-}
-.p-metergroup .p-metergroup-label-type {
-  background: var(--emerald-700);
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 100%;
-  margin-right: 0.5rem;
-}
-.p-metergroup .p-metergroup-label {
-  display: inline-flex;
-  align-items: center;
-  color: var(--black-60);
-  gap: 0.5rem;
-  font-size: 0.875rem;
-  line-height: 100%;
-}
-.p-metergroup .p-metergroup-label .p-metergroup-label-marker {
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 100%;
-  display: inline-flex;
-}
-.p-metergroup .p-metergroup-label-icon {
-  width: 1rem;
-  height: 1rem;
-  font-size: 1rem;
-}
-.p-metergroup .p-metergroup-label-list-vertical {
-  gap: 0.25rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
-  height: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
-  margin-bottom: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
-  margin-top: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical {
-  flex-direction: row;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meters {
-  width: 0.5rem;
-  height: 100%;
-  flex-direction: column;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter {
-  width: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
-  border-bottom-left-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
-  margin-left: 0.5rem;
-}
-
-.p-chip {
-  height: 1.75rem;
-  color: var(--black-80);
-  border-radius: 0.25rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  padding: 0rem 0.5rem;
-  background-color: var(--black-10);
-  display: inline-flex;
-}
-.p-chip.p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background-color: var(--black-10);
-}
-.p-chip .p-chip-text {
-  line-height: 1.5;
-  margin-top: 0rem;
-  margin-bottom: 0rem;
-}
-.p-chip .p-chip-icon {
-  margin-right: 0.5rem;
-}
-.p-chip img {
-  width: 1.5rem;
-  height: 1.5rem;
-  margin-left: -0.75rem;
-  margin-right: 0.5rem;
-}
-.p-chip .p-chip-remove-icon {
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-left: 0.5rem;
-}
-.p-chip .p-chip-remove-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-chip .p-chip-remove-icon:focus {
-  outline: 0 none;
-}
-
-timescircleicon svg {
-  display: none !important;
-}
-timescircleicon::after {
-  cursor: pointer;
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E") no-repeat;
-  height: 16px;
-  width: 16px;
-  background: var(--black-80);
-  margin-left: 0.5rem;
-  content: "";
-}
-
-.p-skeleton {
-  background: var(--gray-200);
-  border-radius: 0.5rem;
-}
-.p-skeleton:after {
-  background: linear-gradient(90deg, var(--gray-200) 0%, var(--gray-100) 40%, var(--gray-200) 75%);
-}
-
-.p-message {
-  overflow: hidden;
-  margin: 0rem;
-  border-radius: 0.5rem;
-}
-.p-message .p-message-wrapper {
-  padding: 1rem;
-  position: relative;
-  display: grid;
-  padding-left: 4rem;
-  min-height: 4rem;
-}
-.p-message .p-message-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: transparent;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  position: absolute;
-  top: 1rem;
-  right: 1rem;
-}
-.p-message .p-message-close:hover {
-  background: rgba(255, 255, 255, 0.5);
-}
-.p-message .p-message-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-message.p-message-info {
-  background: var(--blue-50);
-  border: 1px solid var(--blue-200);
-}
-.p-message.p-message-info .p-message-wrapper {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-message.p-message-info .p-message-icon {
-  color: var(--blue-400);
-}
-.p-message.p-message-info .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--blue-400);
-}
-.p-message.p-message-info .p-message-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-200);
-  background: transparent;
-}
-.p-message.p-message-info .p-message-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-success {
-  background: var(--green-50);
-  border: 1px solid var(--green-200);
-}
-.p-message.p-message-success .p-message-wrapper {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-message.p-message-success .p-message-icon {
-  color: var(--green-400);
-}
-.p-message.p-message-success .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--green-400);
-}
-.p-message.p-message-success .p-message-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-200);
-  background: transparent;
-}
-.p-message.p-message-success .p-message-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-warn {
-  background: var(--orange-50);
-  border: 1px solid var(--orange-200);
-}
-.p-message.p-message-warn .p-message-wrapper {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-message.p-message-warn .p-message-icon {
-  color: var(--orange-400);
-}
-.p-message.p-message-warn .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--orange-400);
-}
-.p-message.p-message-warn .p-message-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-200);
-  background: transparent;
-}
-.p-message.p-message-warn .p-message-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-error {
-  background: var(--red-50);
-  border: 1px solid var(--red-200);
-}
-.p-message.p-message-error .p-message-wrapper {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-message.p-message-error .p-message-icon {
-  color: var(--red-400);
-}
-.p-message.p-message-error .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--red-400);
-}
-.p-message.p-message-error .p-message-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-200);
-  background: transparent;
-}
-.p-message.p-message-error .p-message-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message .p-message-text {
-  font-size: 1rem;
-  font-weight: normal;
-  color: var(--black-80);
-}
-.p-message .p-message-icon {
-  font-size: 2rem;
-  display: inline;
-  margin-right: 0.5rem;
-  position: absolute;
-  top: 1rem;
-  left: 1rem;
-}
-.p-message .p-message-icon .p-icon-wrapper {
-  display: none;
-}
-.p-message .p-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-message .p-message-summary {
-  font-size: 1rem;
-  font-weight: bold;
-  color: var(--black-80);
-  margin-right: 0.25rem;
-}
-.p-message .p-message-detail {
-  font-size: 0.875rem;
-  font-weight: normal;
-  color: var(--black-60);
-  display: block;
-}
-
-.p-toast {
-  opacity: 1;
-}
-.p-toast .p-toast-message {
-  overflow: hidden;
-  margin: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  border-radius: 0.5rem;
-}
-.p-toast .p-toast-message .p-toast-message-content {
-  gap: 1rem;
-  padding: 1rem;
-  border-left-width: 0.25rem;
-  border-left-style: solid;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
-  margin: 0rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
-  font-size: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon .p-icon-wrapper {
-  display: none;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
-  font-weight: bold;
-  font-size: 1rem;
-  color: var(--black-80);
-  margin: auto 0;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
-  font-weight: normal;
-  font-size: 0.875rem;
-  color: var(--black-60);
-  margin-top: 0.25rem;
-}
-.p-toast .p-toast-message .p-toast-icon-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: var(--white-100);
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-info {
-  background: var(--blue-50);
-  border: 1px solid var(--blue-200);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-content {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
-  color: var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-success {
-  background: var(--green-50);
-  border: 1px solid var(--green-200);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-content {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon {
-  color: var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-warn {
-  background: var(--orange-50);
-  border: 1px solid var(--orange-200);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-content {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
-  color: var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-error {
-  background: var(--red-50);
-  border: 1px solid var(--red-200);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-content {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
-  color: var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-
-.p-breadcrumb {
-  background: rgba(255, 255, 255, 0.0001);
-  border: none;
-  padding: 0rem;
-}
-.p-breadcrumb.none-separator-breadcrum .p-menuitem-separator {
-  opacity: 0;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  padding: 0.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover {
-  background-color: var(--gray-100);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
-  margin: 0 0.25rem;
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
-  color: var(--black-80);
-}
-
-.p-menubar {
-  display: flex;
-  padding: 0.25rem;
-  align-items: flex-end;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-menubar .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menubar .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--emerald-700);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--emerald-800);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menubar .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list][level="0"] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-menubar [class*=list][level="0"] > .p-menuitem {
-  margin: 0;
-}
-.p-menubar [class*=list]:not([level="0"]) {
-  min-width: 8rem;
-  z-index: 2;
-}
-.p-menubar [class*=list][level="1"] {
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list][level="1"].p-menuitem:first-of-type {
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list]:not([level="0"]):not([level="1"]) {
-  margin-left: 0.25rem;
-  margin-top: -0.25rem;
-}
-.p-menubar ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.p-menubar .p-menuitem-link {
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  overflow: hidden;
-  position: relative;
-}
-.p-menubar .p-menuitem-text {
-  line-height: 1;
-}
-.p-menubar .p-menuitem {
-  position: relative;
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--emerald-800);
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem.p-menuitem:first-of-type {
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem .p-submenu-list {
-  display: none;
-  position: absolute;
-  z-index: 2;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  background-color: var(--white-100);
-}
-.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg) {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menubar-root-list .p-icon-wrapper {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-icon-wrapper {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menubar-custom,
-.p-menubar .p-menuitem .p-menubar-end {
-  margin-left: auto;
-  align-self: center;
-}
-.p-menubar .p-menubar-root-list {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-}
-.p-menubar .p-menubar-root-list > li ul {
-  display: none;
-  z-index: 1;
-}
-@media screen and (min-width: 960px) {
-  .p-menubar .p-submenu-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-    display: block;
-    left: 100%;
-    top: 0;
-  }
-  .p-menubar .p-menubar-root-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-    display: block;
-  }
-}
-.p-menubar .p-menubar-button {
-  display: none;
-  cursor: pointer;
-  align-items: center;
-  justify-content: center;
-}
-
-@media screen and (max-width: 960px) {
-  .p-menubar {
-    position: relative;
-    align-items: center;
-  }
-  .p-menubar .p-menubar-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--black-60);
-    border: 1px solid rgba(255, 255, 255, 0.0001);
-    background: rgba(255, 255, 255, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-menubar .p-menubar-button:hover {
-    color: var(--black-80);
-    border-color: rgba(255, 255, 255, 0.0001);
-    background: var(--gray-100);
-  }
-  .p-menubar .p-menubar-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--emerald-200);
-    caret-color: var(--emerald-700);
-  }
-  .p-menubar .p-menubar-button.p-disabled {
-    background: var(--black-10);
-    border: 1px solid var(--gray-200);
-    color: var(--black-60);
-  }
-  .p-menubar .p-menuitem-active[aria-expanded=false] .p-submenu-list {
-    display: none;
-  }
-  .p-menubar .p-menuitem-active[aria-expanded=true] > p-menubarsub > .p-submenu-list {
-    display: block;
-    position: relative;
-    left: auto;
-    top: auto;
-    border: 0;
-  }
-  .p-menubar [aria-expanded=true] + p-menubarsub .p-menubar-root-list {
-    display: block;
-  }
-  .p-menubar .p-menubar-root-list {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: none;
-    flex-direction: column;
-    min-width: 8rem;
-    border: 1px solid var(--gray-200);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: var(--white-100);
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-    border-radius: 0.5rem;
-    z-index: 2;
-  }
-  .p-menubar .p-menubar-root-list [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-menubar .p-submenu-list {
-    width: 100%;
-    display: none;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    border-radius: 0.5rem;
-    box-shadow: none;
-  }
-  .p-menubar .p-submenu-list [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(0deg);
-  }
-  .p-menubar .p-submenu-list [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-megamenu [class*=header] {
-  color: var(--black-60);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-megamenu [class*=header][data-p-disabled=true] {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-megamenu [class*=grid] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-  width: max-content;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  padding: 0.25rem;
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-megamenu [class*=col] {
-  display: flex;
-  flex-grow: 1;
-  width: auto;
-  padding: 0;
-}
-.p-megamenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-megamenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-megamenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--emerald-700);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--emerald-800);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-megamenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-horizontal {
-  display: flex;
-}
-.p-megamenu-horizontal [class*=root] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-megamenu-horizontal [class*=root] > .p-menuitem {
-  margin: 0;
-}
-.p-megamenu-horizontal [class*=grid] {
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-vertical {
-  display: flex;
-}
-.p-megamenu-vertical [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-megamenu-vertical [class*=grid] {
-  margin-left: 0.25rem;
-}
-
-@media screen and (max-width: 960px) {
-  .p-megamenu {
-    position: relative;
-  }
-  .p-megamenu .p-megamenu-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--black-60);
-    border: 1px solid rgba(255, 255, 255, 0.0001);
-    background: rgba(255, 255, 255, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-megamenu .p-megamenu-button:hover {
-    color: var(--black-80);
-    border-color: rgba(255, 255, 255, 0.0001);
-    background: var(--gray-100);
-  }
-  .p-megamenu .p-megamenu-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--emerald-200);
-    caret-color: var(--emerald-700);
-  }
-  .p-megamenu .p-megamenu-button.p-disabled {
-    background: var(--black-10);
-    border: 1px solid var(--gray-200);
-    color: var(--black-60);
-  }
-  .p-megamenu [aria-expanded=false] + [class*=root] {
-    display: none;
-  }
-  .p-megamenu [class*=root] {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: flex;
-    flex-direction: column;
-    min-width: 8rem;
-    border-radius: 0.5rem;
-    border: 1px solid var(--gray-200);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: var(--white-100);
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-    z-index: 2;
-  }
-  .p-megamenu [class*=panel] {
-    width: 100%;
-    position: static;
-  }
-  .p-megamenu [class*=grid] {
-    display: flex;
-    flex-direction: column;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    box-shadow: none;
-  }
-  .p-megamenu [class*=grid] [class*=list] {
-    width: 100%;
-  }
-  .p-megamenu-horizontal [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-megamenu-vertical [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-menu [class*=header] {
-  color: var(--black-60);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-menu [class*=header][data-p-disabled=true] {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-menu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--emerald-700);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--emerald-800);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-
-.p-menu-overlay {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  padding: 0.25rem;
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  z-index: 2;
-}
-
-.p-tieredmenu {
-  display: flex;
-}
-.p-tieredmenu [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-tieredmenu [data-pc-section=menu] {
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-tieredmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-tieredmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--emerald-700);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--emerald-800);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-tieredmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-
-.p-tabmenu .p-tabmenu-nav {
-  background: rgba(255, 255, 255, 0.0001);
-  border-bottom: 1px solid var(--gray-200);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
-  margin-right: 1.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  font-weight: normal;
-  border-bottom: 0.25rem solid rgba(255, 255, 255, 0.0001);
-  padding: 1rem 0rem;
-  margin: 0;
-  transition: 0.2s;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--emerald-700);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--emerald-700);
-  color: var(--emerald-700);
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link {
-  background: var(--white-100);
-  color: var(--black-80);
-  width: 2.5rem;
-  box-shadow: 0px 0px 10px 50px var(--white-60);
-  border-radius: 0;
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link:hover {
-  color: var(--emerald-700);
-}
-.p-tabmenu .p-tabmenu-nav-container > .p-tabmenu-nav-content > .p-tabmenu-nav {
-  white-space: nowrap;
-  width: max-content;
-}
-
-.p-panelmenu[data-pc-section=root] {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-.p-panelmenu [data-pc-section=header] {
-  padding: 0.5rem 0.75rem;
-  border-radius: 0.5rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-action {
-  display: flex;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-link {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header] .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] {
-  background-color: var(--emerald-700);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--emerald-800);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-panelmenu [data-pc-section=menu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu [data-pc-section=submenu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--emerald-700);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--emerald-800);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-link {
-  pointer-events: none;
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-submenu-icon {
-  color: var(--black-60);
-}
-
-.p-contextmenu [class*=list] {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  padding: 0.25rem;
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  z-index: 2;
-}
-.p-contextmenu [class*=list]:not([class*=root]) {
-  margin-top: -0.25rem;
-  margin-left: 0.25rem;
-}
-.p-contextmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--emerald-700);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--emerald-800);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-contextmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-@media screen and (max-width: 767px) {
-  .p-contextmenu [aria-expanded=true] > .p-menuitem-content .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-  .p-contextmenu [class*=list]:not([class*=root]) {
-    border-radius: 0;
-    border: none;
-    padding-left: 0.75rem !important;
-    margin: 0;
-    margin-top: 0.25rem;
-    background-color: transparent;
-    box-shadow: none;
-  }
-}
-
-.p-steps {
-  overflow: hidden;
-  overflow-x: auto;
-}
-.p-steps .p-steps-item {
-  display: flex;
-  justify-content: center;
-}
-.p-steps .p-steps-item .p-menuitem-link {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 0.5rem;
-  border-radius: 0;
-  padding: 0 0.5rem;
-  background: var(--white-100);
-  transition: 0.2s;
-  z-index: 1;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
-  color: var(--black-80);
-  font-weight: 400;
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-  font-size: 1rem;
-  z-index: 1;
-  border-radius: 8rem;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  color: var(--black-80);
-  font-weight: 400;
-}
-.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-steps .p-steps-item.p-highlight:not(:has(~ .p-highlight)) .p-steps-number {
-  background: var(--emerald-700);
-  color: var(--white-100);
-  border-color: transparent;
-}
-.p-steps .p-steps-item.p-highlight:not(:has(~ .p-highlight)) .p-steps-title {
-  color: var(--black-80);
-}
-.p-steps .p-steps-item.p-disabled {
-  opacity: 1;
-}
-.p-steps .p-steps-item.p-disabled .p-steps-number,
-.p-steps .p-steps-item.p-disabled .p-steps-title {
-  opacity: 0.6;
-}
-.p-steps .p-steps-item:before {
-  content: " ";
-  border-top: 1px solid var(--gray-200);
-  width: 100%;
-  top: 50%;
-  left: 0;
-  display: block;
-  position: absolute;
-}
-.p-steps .p-steps-item:first-of-type {
-  justify-content: flex-start;
-}
-.p-steps .p-steps-item:first-of-type .p-menuitem-link {
-  padding-left: 0;
-}
-.p-steps .p-steps-item:last-of-type {
-  justify-content: flex-end;
-}
-.p-steps .p-steps-item:last-of-type .p-menuitem-link {
-  padding-right: 0;
-}
-
-.p-timeline .p-timeline-event-content {
-  color: var(--black-80);
-}
-.p-timeline .p-timeline-event-opposite,
-.p-timeline .p-timeline-event-content {
-  line-height: 1;
-}
-.p-timeline .p-timeline-event-marker {
-  border: 0.25rem solid var(--emerald-700);
-  border-radius: 8rem;
-  width: 1rem;
-  height: 1rem;
-  background-color: var(--white-100);
-}
-.p-timeline .p-timeline-event-connector {
-  background-color: var(--gray-200);
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
-  padding: 0rem 0.5rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
-  width: 1px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
-  padding: 0.5rem 0rem;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
-  height: 1px;
-}
-
-.p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin: 0.5rem;
-}
-.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-carousel .p-carousel-content .p-carousel-prev.p-disabled,
-.p-carousel .p-carousel-content .p-carousel-next.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-carousel .p-carousel-indicators {
-  padding: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator {
-  margin-right: 0.5rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator:last-of-type {
-  margin-right: 0;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button {
-  background-color: var(--gray-200);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
-  background: var(--gray-800);
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-
-.p-datatable table {
-  border-collapse: separate;
-}
-.p-datatable .p-paginator-top {
-  border-width: 1px 0 1px 0;
-  border-radius: 0;
-}
-.p-datatable .p-paginator-bottom {
-  border-width: 0 0 0 0;
-  border-radius: 0;
-}
-.p-datatable .p-datatable-header {
-  background: var(--gray-50);
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-footer {
-  background: var(--gray-50);
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-thead > tr > th {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--black-80);
-  background: var(--gray-50);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tfoot > tr > td {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--black-80);
-  background: var(--gray-50);
-}
-.p-datatable .p-sortable-column p-sorticon {
-  vertical-align: middle;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon > svg, .p-datatable .p-sortable-column p-sorticon sortamountupalticon > svg, .p-datatable .p-sortable-column p-sorticon sortamountdownicon > svg {
-  display: none;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon::after, .p-datatable .p-sortable-column p-sorticon sortamountupalticon::after, .p-datatable .p-sortable-column p-sorticon sortamountdownicon::after {
-  width: 1.25rem;
-  height: 1.25rem;
-  color: var(--black-80);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon::after {
-  content: "\eb5a";
-}
-.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after {
-  content: "\eb27";
-  color: var(--emerald-700);
-}
-.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after {
-  content: "\eb26";
-  color: var(--emerald-700);
-}
-.p-datatable .p-sortable-column .p-sortable-column-badge {
-  border-radius: 50%;
-  height: 1.25rem;
-  min-width: 1.25rem;
-  line-height: 1.25rem;
-  color: var(--white-100);
-  background: var(--emerald-700);
-  margin-left: 0.5rem;
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
-  color: var(--black-80);
-}
-.p-datatable .p-sortable-column.p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
-  color: var(--emerald-700);
-}
-.p-datatable .p-sortable-column:focus-visible {
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  outline: 0 none;
-}
-.p-datatable .p-datatable-tbody > tr {
-  background: var(--white-100);
-  color: var(--black-80);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td {
-  text-align: left;
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
-  margin-right: 0.5rem;
-}
-.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
-  font-weight: 500;
-}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
-  outline: 0.15rem solid var(--emerald-200);
-  outline-offset: -0.15rem;
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
-  box-shadow: inset 0 2px 0 0 var(--emerald-700);
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
-  box-shadow: inset 0 -2px 0 0 var(--emerald-700);
-}
-.p-datatable .p-datatable-tbody > tr .pi-chevron-right::before,
-.p-datatable .p-datatable-tbody > tr .pi-chevron-down::before {
-  color: var(--black-60);
-  font-size: 1rem;
-}
-.p-datatable .p-datatable-frozen-tbody > tr > td {
-  background: var(--gray-50);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
-  outline: 0.15rem solid var(--emerald-200);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
-  outline: 0.15rem solid var(--emerald-200);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-column-resizer-helper {
-  background: var(--gray-200);
-}
-.p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
-  background: var(--white-100);
-}
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
-  background-color: var(--gray-50);
-}
-.p-datatable .p-datatable-loading-icon {
-  font-size: 2rem;
-}
-.p-datatable .p-datatable-loading-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-header {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-footer {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-top {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-bottom {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
-  border-width: 1px 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
-  border-width: 1px 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
-  border-width: 0 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
-  background: var(--gray-50);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) + .p-row-expanded {
-  background: var(--gray-50);
-}
-.p-datatable.p-datatable-sm .p-datatable-header {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-footer {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-header {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-footer {
-  padding: 1.25rem 1.25rem;
-}
-
-.p-datatable-drag-selection-helper {
-  background: var(--gray-100);
-}
-
-.p-column-filter-overlay {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  background-color: var(--white-100);
-  padding: 0.25rem;
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-}
-
-.p-column-filter-constraint,
-.p-column-filter-constraints {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-
-.p-column-filter-buttonbar {
-  display: flex;
-  gap: 0.25rem;
-}
-
-[data-pc-section=filterremove] {
-  display: none;
-}
-[data-pc-section=filterremove]:has(.p-column-filter-remove-button) {
-  display: block;
-}
-
-.p-column-filter-menu-button,
-.p-column-filter-clear-button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  vertical-align: middle;
-}
-.p-column-filter-menu-button:enabled:hover,
-.p-column-filter-clear-button:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-column-filter-menu-button:focus-visible,
-.p-column-filter-clear-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-.p-column-filter-menu-button.p-disabled,
-.p-column-filter-clear-button.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-column-filter-menu-button filtericon > svg, .p-column-filter-menu-button filterslashicon > svg,
-.p-column-filter-clear-button filtericon > svg,
-.p-column-filter-clear-button filterslashicon > svg {
-  display: none;
-}
-.p-column-filter-menu-button filtericon::after, .p-column-filter-menu-button filterslashicon::after,
-.p-column-filter-clear-button filtericon::after,
-.p-column-filter-clear-button filterslashicon::after {
-  color: var(--black-80);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 2;
-  -webkit-font-smoothing: antialiased;
-}
-.p-column-filter-menu-button filtericon::after,
-.p-column-filter-clear-button filtericon::after {
-  content: "\eaa5";
-}
-.p-column-filter-menu-button filterslashicon::after,
-.p-column-filter-clear-button filterslashicon::after {
-  content: "\ed2c";
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active,
-.p-column-filter-clear-button.p-column-filter-menu-button-active {
-  background-color: var(--emerald-700);
-  color: var(--white-100);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active filtericon::after, .p-column-filter-menu-button.p-column-filter-menu-button-active filterslashicon::after,
-.p-column-filter-clear-button.p-column-filter-menu-button-active filtericon::after,
-.p-column-filter-clear-button.p-column-filter-menu-button-active filterslashicon::after {
-  color: var(--white-100);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active:hover,
-.p-column-filter-clear-button.p-column-filter-menu-button-active:hover {
-  background-color: var(--emerald-800);
-  color: var(--white-100);
-}
-
-.p-column-filter-row {
-  gap: 0.5rem;
-}
-
-.p-column-filter-row-item {
-  color: var(--black-80);
-  padding: 0.5rem 0.75rem;
-  margin-top: 0.25rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-column-filter-row-item:first-of-type {
-  margin: 0;
-}
-.p-column-filter-row-item:not(.p-highlight):hover {
-  color: var(--black-80);
-  background-color: var(--gray-100);
-}
-.p-column-filter-row-item.p-highlight {
-  color: var(--white-100);
-  background-color: var(--emerald-700);
-}
-.p-column-filter-row-item.p-highlight:hover {
-  background-color: var(--emerald-800);
-}
-
-.p-column-filter-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-
-.p-datatable-reorderablerow-handle {
-  color: var(--black-60);
-}
-.p-datatable-reorderablerow-handle::before {
-  content: "\ec01" !important;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 2;
-  -webkit-font-smoothing: antialiased;
-}
-
-.p-paginator {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  border: solid rgba(255, 255, 255, 0.0001);
-  border-width: 0;
-  padding: 0.5rem 0rem;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
-  background-color: rgba(255, 255, 255, 0.0001);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
-  background: var(--gray-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-paginator .p-paginator-first.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-prev.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-next.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-last.p-disabled:not(.p-highlight) {
-  background: var(--black-10);
-  border-color: var(--gray-200);
-  color: var(--black-60);
-}
-.p-paginator .p-paginator-first {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-paginator .p-paginator-last {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-paginator .p-dropdown {
-  margin-left: 0.5rem;
-  height: 2.5rem;
-}
-.p-paginator .p-dropdown .p-dropdown-label {
-  padding-right: 0;
-}
-.p-paginator .p-paginator-page-input {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.p-paginator .p-paginator-page-input .p-inputtext {
-  max-width: 2.5rem;
-}
-.p-paginator .p-paginator-current {
-  background-color: rgba(255, 255, 255, 0.0001);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  padding: 0 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page {
-  background-color: rgba(255, 255, 255, 0.0001);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
-  background: var(--emerald-700);
-  border-color: var(--emerald-700);
-  color: var(--white-100);
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover {
-  background: var(--emerald-800);
-  border-color: var(--emerald-800);
-}
-.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
-  background: var(--gray-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-
-.p-galleria .p-galleria-close {
-  margin: 0.5rem;
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-close:hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-item-nav {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  margin: 0.5rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-caption {
-  background: var(--black-60);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-caption-title {
-  padding: 0 1rem;
-}
-.p-galleria .p-galleria-indicators {
-  padding: 1rem;
-  line-height: 0;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button {
-  background-color: var(--white-40);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--white-80);
-  color: var(--white-100);
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
-  margin-right: 0.5rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
-  margin-bottom: 0.5rem;
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
-  background: var(--white-40);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--white-80);
-  color: var(--white-100);
-}
-.p-galleria .p-galleria-thumbnail-container {
-  background: var(--black-100);
-  padding: 0.5rem 0.5rem;
-  gap: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--white-60);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
-  transition: 0.2s;
-  width: 100%;
-  height: 100%;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--emerald-200);
-  caret-color: var(--emerald-700);
-}
-
-.p-galleria-mask {
-  --maskbg: var(--black-20);
-}
-
-.p-galleria-thumbnail-item {
-  overflow: hidden;
-  height: 4rem;
-}
-
-.p-fileupload-dnd .p-fileupload,
-.p-fileupload-button .p-fileupload {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd.p-fileupload-advanced,
-.p-fileupload-button.p-fileupload-advanced {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
-.p-fileupload-dnd .p-fileupload-content,
-.p-fileupload-button .p-fileupload-content {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd .p-fileupload-content > p-progressbar,
-.p-fileupload-dnd .p-fileupload-content p-messages,
-.p-fileupload-button .p-fileupload-content > p-progressbar,
-.p-fileupload-button .p-fileupload-content p-messages {
-  display: none;
-}
-.p-fileupload-dnd .p-orderlist-controls,
-.p-fileupload-button .p-orderlist-controls {
-  display: none;
-}
-.p-fileupload-dnd .p-fileupload-files,
-.p-fileupload-button .p-fileupload-files {
-  display: none;
-}
-.p-fileupload-dnd .p-fileupload-info-button,
-.p-fileupload-button .p-fileupload-info-button {
-  width: 2.5rem;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  color: var(--blue-400);
-}
-.p-fileupload-dnd .p-orderlist-list-container,
-.p-fileupload-button .p-orderlist-list-container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-.p-fileupload-dnd .p-orderlist-list-container .p-orderlist-list,
-.p-fileupload-button .p-orderlist-list-container .p-orderlist-list {
-  overflow: hidden;
-  min-height: 0px;
-}
-.p-fileupload-dnd .p-fileupload-progress-spinner,
-.p-fileupload-button .p-fileupload-progress-spinner {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.p-fileupload-dnd .p-fileupload-item-row,
-.p-fileupload-button .p-fileupload-item-row {
-  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
-  border-radius: 0.5rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-fileupload-dnd .p-fileupload-item-row:hover,
-.p-fileupload-button .p-fileupload-item-row:hover {
-  background: var(--gray-100);
-}
-.p-fileupload-dnd .p-fileupload-item-row.error,
-.p-fileupload-button .p-fileupload-item-row.error {
-  border-color: var(--red-400);
-}
-.p-fileupload-dnd .p-fileupload-item-row.error .file-icon,
-.p-fileupload-button .p-fileupload-item-row.error .file-icon {
-  color: var(--red-400);
-}
-.p-fileupload-dnd .p-dataview-content,
-.p-fileupload-dnd .p-orderlist-list,
-.p-fileupload-button .p-dataview-content,
-.p-fileupload-button .p-orderlist-list {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-
-.p-fileupload-dnd .p-fileupload-buttonbar {
-  width: 100%;
-  border-radius: 0.5rem;
-  background: var(--gray-alpha);
-  border: 1px dashed var(--gray-200);
-  padding: 1.5rem 1.5rem 1rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar button {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar button > div {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.25rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar:hover {
-  cursor: pointer;
-  border-color: var(--emerald-700);
-}
-.p-fileupload-dnd .p-fileupload-buttonbar:hover i {
-  color: var(--emerald-700);
-}
-.hover\:border-primary:hover{
-  border-color: var(--primary-color);
-}
-.hover\:bg-blue-400:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}
-.hover\:bg-purple-400:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
-}
-.hover\:text-primary:hover{
-  color: var(--primary-color);
-}
-.hover\:underline:hover{
-  text-decoration-line: underline;
-}
-@media (min-width: 1px){
-  .sm\:\!w-10{
-    width: 10rem !important;
-  }
-  .sm\:\!w-15{
-    width: 15rem !important;
-  }
-  .sm\:\!w-16{
-    width: 16rem !important;
-  }
-  .sm\:\!w-26{
-    width: 26rem !important;
-  }
-  .sm\:w-auto{
-    width: auto;
-  }
-  .sm\:flex-row{
-    flex-direction: row;
-  }
-  .sm\:flex-col{
-    flex-direction: column;
-  }
-  .sm\:items-start{
-    align-items: flex-start;
-  }
-  .sm\:items-end{
-    align-items: flex-end;
-  }
-  .sm\:items-center{
-    align-items: center;
-  }
-  .sm\:gap-2{
-    gap: 0.5rem;
-  }
-  .sm\:p-8{
-    padding: 2rem;
-  }
-}
-@media (min-width: 768px){
-  .md\:col-span-3{
-    grid-column: span 3 / span 3;
-  }
-  .md\:col-span-6{
-    grid-column: span 6 / span 6;
-  }
-  .md\:mx-auto{
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .md\:mb-0{
-    margin-bottom: 0px;
-  }
-  .md\:ml-auto{
-    margin-left: auto;
-  }
-  .md\:mt-0{
-    margin-top: 0px;
-  }
-  .md\:block{
-    display: block;
-  }
-  .md\:flex{
-    display: flex;
-  }
-  .md\:hidden{
-    display: none;
-  }
-  .md\:\!w-10{
-    width: 10rem !important;
-  }
-  .md\:\!w-15{
-    width: 15rem !important;
-  }
-  .md\:\!w-20{
-    width: 20rem !important;
-  }
-  .md\:\!w-30{
-    width: 30rem !important;
-  }
-  .md\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .md\:\!w-8\/12{
-    width: 66.666667% !important;
-  }
-  .md\:w-2{
-    width: 2rem;
-  }
-  .md\:w-5{
-    width: 5rem;
-  }
-  .md\:flex-initial{
-    flex: 0 1 auto;
-  }
-  .md\:flex-row{
-    flex-direction: row;
-  }
-  .md\:flex-col{
-    flex-direction: column;
-  }
-  .md\:items-end{
-    align-items: flex-end;
-  }
-  .md\:items-center{
-    align-items: center;
-  }
-  .md\:justify-start{
-    justify-content: flex-start;
-  }
-  .md\:justify-center{
-    justify-content: center;
-  }
-  .md\:justify-between{
-    justify-content: space-between;
-  }
-  .md\:gap-8{
-    gap: 2rem;
-  }
-}
-@media (min-width: 1200px){
-  .lg\:mb-0{
-    margin-bottom: 0px;
-  }
-  .lg\:mt-0{
-    margin-top: 0px;
-  }
-  .lg\:flex{
-    display: flex;
-  }
-  .lg\:\!w-3\/12{
-    width: 25% !important;
-  }
-  .lg\:\!w-4\/12{
-    width: 33.333333% !important;
-  }
-  .lg\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .lg\:gap-0{
-    gap: 0px;
-  }
-  .lg\:px-5{
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-  .lg\:px-8{
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-  .lg\:pr-8{
-    padding-right: 2rem;
-  }
-}
-@media (min-width: 1280px){
-  .xl\:block{
-    display: block;
-  }
-  .xl\:flex{
-    display: flex;
-  }
-  .xl\:\!w-10{
-    width: 10rem !important;
-  }
-  .xl\:\!w-3\/12{
-    width: 25% !important;
-  }
-  .xl\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .xl\:\!w-9\/12{
-    width: 75% !important;
-  }
-  .xl\:w-6{
-    width: 6rem;
-  }
-  .xl\:flex-row{
-    flex-direction: row;
-  }
-  .xl\:items-start{
-    align-items: flex-start;
-  }
-  .xl\:justify-center{
-    justify-content: center;
-  }
-  .xl\:pt-0{
-    padding-top: 0px;
-  }
-  .xl\:text-left{
-    text-align: left;
-  }
-}
diff --git a/src-storybook/assets/themes/brand-light-primary/theme.min.css b/src-storybook/assets/themes/brand-light-primary/theme.min.css
deleted file mode 100644
index 4cdd0a8..0000000
--- a/src-storybook/assets/themes/brand-light-primary/theme.min.css
+++ /dev/null
@@ -1,2868 +0,0 @@
-*, ::before, ::after {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-
-::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*//*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-
-::before,
-::after {
-  --tw-content: '';
-}
-
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: Roboto, sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-
-/*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-/*
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-
-/*
-Add the correct font size in all browsers.
-*/
-
-small {
-  font-size: 80%;
-}
-
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-  text-transform: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-
-:-moz-focusring {
-  outline: auto;
-}
-
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-  vertical-align: baseline;
-}
-
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-  display: list-item;
-}
-
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-legend {
-  padding: 0;
-}
-
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-
-/*
-Prevent resizing textareas horizontally by default.
-*/
-
-textarea {
-  resize: vertical;
-}
-
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-
-/*
-Set the default cursor for buttons.
-*/
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}.container {
-  width: 100%;
-}@media (min-width: 1px) {
-
-  .container {
-    max-width: 1px;
-  }
-}@media (min-width: 768px) {
-
-  .container {
-    max-width: 768px;
-  }
-}@media (min-width: 1200px) {
-
-  .container {
-    max-width: 1200px;
-  }
-}@media (min-width: 1280px) {
-
-  .container {
-    max-width: 1280px;
-  }
-}@media (min-width: 1536px) {
-
-  .container {
-    max-width: 1536px;
-  }
-}.pointer-events-none {
-  pointer-events: none;
-}.\!visible {
-  visibility: visible !important;
-}.visible {
-  visibility: visible;
-}.collapse {
-  visibility: collapse;
-}.static {
-  position: static;
-}.fixed {
-  position: fixed;
-}.absolute {
-  position: absolute;
-}.relative {
-  position: relative;
-}.sticky {
-  position: sticky;
-}.left-0 {
-  left: 0px;
-}.right-0 {
-  right: 0px;
-}.top-0 {
-  top: 0px;
-}.top-auto {
-  top: auto;
-}.z-1 {
-  z-index: 1;
-}.col-span-12 {
-  grid-column: span 12 / span 12;
-}.col-span-2 {
-  grid-column: span 2 / span 2;
-}.col-span-6 {
-  grid-column: span 6 / span 6;
-}.col-span-8 {
-  grid-column: span 8 / span 8;
-}.m-0 {
-  margin: 0px;
-}.m-2 {
-  margin: 0.5rem;
-}.m-3 {
-  margin: 0.75rem;
-}.m-auto {
-  margin: auto;
-}.mx-0 {
-  margin-left: 0px;
-  margin-right: 0px;
-}.mx-1 {
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}.mx-3 {
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}.mx-4 {
-  margin-left: 1rem;
-  margin-right: 1rem;
-}.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}.my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}.my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}.my-4 {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}.my-5 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}.-ml-5 {
-  margin-left: -1.25rem;
-}.-mr-1 {
-  margin-right: -0.25rem;
-}.-mr-8 {
-  margin-right: -2rem;
-}.-mt-4 {
-  margin-top: -1rem;
-}.-mt-5 {
-  margin-top: -1.25rem;
-}.mb-0 {
-  margin-bottom: 0px;
-}.mb-1 {
-  margin-bottom: 0.25rem;
-}.mb-2 {
-  margin-bottom: 0.5rem;
-}.mb-3 {
-  margin-bottom: 0.75rem;
-}.mb-4 {
-  margin-bottom: 1rem;
-}.mb-5 {
-  margin-bottom: 1.25rem;
-}.mb-6 {
-  margin-bottom: 1.5rem;
-}.mb-8 {
-  margin-bottom: 2rem;
-}.ml-1 {
-  margin-left: 0.25rem;
-}.ml-2 {
-  margin-left: 0.5rem;
-}.ml-3 {
-  margin-left: 0.75rem;
-}.ml-5 {
-  margin-left: 1.25rem;
-}.ml-8 {
-  margin-left: 2rem;
-}.ml-auto {
-  margin-left: auto;
-}.mr-1 {
-  margin-right: 0.25rem;
-}.mr-2 {
-  margin-right: 0.5rem;
-}.mr-3 {
-  margin-right: 0.75rem;
-}.mr-4 {
-  margin-right: 1rem;
-}.mr-5 {
-  margin-right: 1.25rem;
-}.mt-0 {
-  margin-top: 0px;
-}.mt-1 {
-  margin-top: 0.25rem;
-}.mt-2 {
-  margin-top: 0.5rem;
-}.mt-3 {
-  margin-top: 0.75rem;
-}.mt-4 {
-  margin-top: 1rem;
-}.mt-5 {
-  margin-top: 1.25rem;
-}.mt-6 {
-  margin-top: 1.5rem;
-}.mt-7 {
-  margin-top: 1.75rem;
-}.mt-8 {
-  margin-top: 2rem;
-}.mt-auto {
-  margin-top: auto;
-}.block {
-  display: block;
-}.inline-block {
-  display: inline-block;
-}.\!inline {
-  display: inline !important;
-}.inline {
-  display: inline;
-}.flex {
-  display: flex;
-}.inline-flex {
-  display: inline-flex;
-}.table {
-  display: table;
-}.table-cell {
-  display: table-cell;
-}.grid {
-  display: grid;
-}.contents {
-  display: contents;
-}.hidden {
-  display: none;
-}.\!h-1 {
-  height: 1rem !important;
-}.\!h-10 {
-  height: 10rem !important;
-}.\!h-12 {
-  height: 12rem !important;
-}.\!h-14 {
-  height: 14rem !important;
-}.\!h-2 {
-  height: 2rem !important;
-}.\!h-20 {
-  height: 20rem !important;
-}.\!h-3 {
-  height: 3rem !important;
-}.\!h-30 {
-  height: 30rem !important;
-}.\!h-4 {
-  height: 4rem !important;
-}.\!h-5 {
-  height: 5rem !important;
-}.\!h-6 {
-  height: 6rem !important;
-}.\!h-8 {
-  height: 8rem !important;
-}.h-4 {
-  height: 4rem;
-}.h-full {
-  height: 100%;
-}.h-screen {
-  height: 100vh;
-}.\!w-1 {
-  width: 1rem !important;
-}.\!w-10 {
-  width: 10rem !important;
-}.\!w-12 {
-  width: 12rem !important;
-}.\!w-14 {
-  width: 14rem !important;
-}.\!w-15 {
-  width: 15rem !important;
-}.\!w-18 {
-  width: 18rem !important;
-}.\!w-2 {
-  width: 2rem !important;
-}.\!w-20 {
-  width: 20rem !important;
-}.\!w-25 {
-  width: 25rem !important;
-}.\!w-3 {
-  width: 3rem !important;
-}.\!w-3\/12 {
-  width: 25% !important;
-}.\!w-30 {
-  width: 30rem !important;
-}.\!w-4 {
-  width: 4rem !important;
-}.\!w-4\/12 {
-  width: 33.333333% !important;
-}.\!w-6 {
-  width: 6rem !important;
-}.\!w-6\/12 {
-  width: 50% !important;
-}.\!w-7\/12 {
-  width: 58.333333% !important;
-}.\!w-8 {
-  width: 8rem !important;
-}.\!w-8\/12 {
-  width: 66.666667% !important;
-}.\!w-9 {
-  width: 9rem !important;
-}.\!w-9\/12 {
-  width: 75% !important;
-}.w-1 {
-  width: 1rem;
-}.w-13 {
-  width: 13rem;
-}.w-9 {
-  width: 9rem;
-}.w-full {
-  width: 100%;
-}.min-w-0 {
-  min-width: 0px;
-}.max-w-full {
-  max-width: 100%;
-}.flex-1 {
-  flex: 1 1 0%;
-}.flex-auto {
-  flex: 1 1 auto;
-}.flex-shrink-0 {
-  flex-shrink: 0;
-}.shrink {
-  flex-shrink: 1;
-}.flex-grow {
-  flex-grow: 1;
-}.grow {
-  flex-grow: 1;
-}.origin-top {
-  transform-origin: top;
-}.transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}.cursor-pointer {
-  cursor: pointer;
-}.select-none {
-  user-select: none;
-}.resize {
-  resize: both;
-}.list-none {
-  list-style-type: none;
-}.grid-cols-12 {
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}.flex-row {
-  flex-direction: row;
-}.flex-row-reverse {
-  flex-direction: row-reverse;
-}.flex-col {
-  flex-direction: column;
-}.flex-wrap {
-  flex-wrap: wrap;
-}.items-start {
-  align-items: flex-start;
-}.items-end {
-  align-items: flex-end;
-}.items-center {
-  align-items: center;
-}.justify-start {
-  justify-content: flex-start;
-}.justify-end {
-  justify-content: flex-end;
-}.justify-center {
-  justify-content: center;
-}.justify-between {
-  justify-content: space-between;
-}.gap-1 {
-  gap: 0.25rem;
-}.gap-2 {
-  gap: 0.5rem;
-}.gap-3 {
-  gap: 0.75rem;
-}.gap-4 {
-  gap: 1rem;
-}.gap-5 {
-  gap: 1.25rem;
-}.gap-6 {
-  gap: 1.5rem;
-}.gap-8 {
-  gap: 2rem;
-}.overflow-auto {
-  overflow: auto;
-}.overflow-hidden {
-  overflow: hidden;
-}.overflow-visible {
-  overflow: visible;
-}.overflow-x-auto {
-  overflow-x: auto;
-}.overflow-y-auto {
-  overflow-y: auto;
-}.overflow-y-hidden {
-  overflow-y: hidden;
-}.whitespace-nowrap {
-  white-space: nowrap;
-}.rounded {
-  border-radius: 0.25rem;
-}.rounded-2xl {
-  border-radius: 1rem;
-}.rounded-3xl {
-  border-radius: 1.5rem;
-}.rounded-full {
-  border-radius: 9999px;
-}.rounded-xl {
-  border-radius: 0.75rem;
-}.border {
-  border-width: 1px;
-}.border-1 {
-  border-width: 1px;
-}.border-2 {
-  border-width: 2px;
-}.border-solid {
-  border-style: solid;
-}.border-dashed {
-  border-style: dashed;
-}.border-none {
-  border-style: none;
-}.border-blue-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}.border-color {
-  border-color: var(--text-color);
-}.border-indigo-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
-}.border-orange-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
-}.border-pink-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
-}.border-primary {
-  border-color: var(--primary-color);
-}.border-teal-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
-}.border-transparent {
-  border-color: transparent;
-}.bg-black {
-  background-color: var(--black-100);
-}.bg-blue-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}.bg-blue-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
-}.bg-blue-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}.bg-gray-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
-}.bg-green-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
-}.bg-indigo-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
-}.bg-orange-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
-}.bg-pink-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
-}.bg-primary {
-  background-color: var(--primary-color);
-}.bg-primary-600 {
-  background-color: var(--primary-600);
-}.bg-purple-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
-}.bg-surface-50 {
-  background-color: var(--surface-50);
-}.bg-teal-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
-}.bg-transparent {
-  background-color: transparent;
-}.bg-white {
-  background-color: var(--white-100);
-}.bg-cover {
-  background-size: cover;
-}.object-cover {
-  object-fit: cover;
-}.\!p-0 {
-  padding: 0px !important;
-}.p-0 {
-  padding: 0px;
-}.p-1 {
-  padding: 0.25rem;
-}.p-2 {
-  padding: 0.5rem;
-}.p-3 {
-  padding: 0.75rem;
-}.p-4 {
-  padding: 1rem;
-}.p-5 {
-  padding: 1.25rem;
-}.p-8 {
-  padding: 2rem;
-}.px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
-}.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}.px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
-}.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}.py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}.pb-0 {
-  padding-bottom: 0px;
-}.pb-3 {
-  padding-bottom: 0.75rem;
-}.pb-4 {
-  padding-bottom: 1rem;
-}.pb-5 {
-  padding-bottom: 1.25rem;
-}.pl-0 {
-  padding-left: 0px;
-}.pl-2 {
-  padding-left: 0.5rem;
-}.pl-3 {
-  padding-left: 0.75rem;
-}.pr-0 {
-  padding-right: 0px;
-}.pr-3 {
-  padding-right: 0.75rem;
-}.pr-4 {
-  padding-right: 1rem;
-}.pr-5 {
-  padding-right: 1.25rem;
-}.pr-6 {
-  padding-right: 1.5rem;
-}.pt-1 {
-  padding-top: 0.25rem;
-}.pt-3 {
-  padding-top: 0.75rem;
-}.pt-4 {
-  padding-top: 1rem;
-}.pt-5 {
-  padding-top: 1.25rem;
-}.pt-6 {
-  padding-top: 1.5rem;
-}.pt-7 {
-  padding-top: 1.75rem;
-}.pt-8 {
-  padding-top: 2rem;
-}.text-left {
-  text-align: left;
-}.text-center {
-  text-align: center;
-}.text-right {
-  text-align: right;
-}.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}.text-3xl {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}.text-4xl {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}.text-5xl {
-  font-size: 3rem;
-  line-height: 1;
-}.text-6xl {
-  font-size: 3.75rem;
-  line-height: 1;
-}.text-7xl {
-  font-size: 4.5rem;
-  line-height: 1;
-}.text-8xl {
-  font-size: 6rem;
-  line-height: 1;
-}.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}.font-bold {
-  font-weight: 700;
-}.font-medium {
-  font-weight: 500;
-}.font-normal {
-  font-weight: 400;
-}.font-semibold {
-  font-weight: 600;
-}.uppercase {
-  text-transform: uppercase;
-}.lowercase {
-  text-transform: lowercase;
-}.leading {
-  line-height: normal;
-}.leading-auto {
-  line-height: 1.2;
-}.leading-none {
-  line-height: 1;
-}.leading-normal {
-  line-height: 1.5;
-}.text-blue-500 {
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}.text-color {
-  color: var(--text-color);
-}.text-color-secondary {
-  color: var(--text-color-secondary);
-}.text-gray-900 {
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}.text-green-500 {
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
-}.text-green-600 {
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
-}.text-help {
-  color: var(--purple-400);
-}.text-indigo-200 {
-  --tw-text-opacity: 1;
-  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
-}.text-indigo-500 {
-  --tw-text-opacity: 1;
-  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
-}.text-info {
-  color: var(--blue-400);
-}.text-primary {
-  color: var(--primary-color);
-}.text-primary-50 {
-  color: var(--primary-50);
-}.text-primary-500 {
-  color: var(--primary-500);
-}.text-primary-700 {
-  color: var(--primary-700);
-}.text-red-500 {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}.text-slate-500 {
-  --tw-text-opacity: 1;
-  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
-}.text-white {
-  color: var(--white-100);
-}.text-yellow-500 {
-  --tw-text-opacity: 1;
-  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
-}.line-through {
-  text-decoration-line: line-through;
-}.no-underline {
-  text-decoration-line: none;
-}.antialiased {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}.opacity-20 {
-  opacity: 0.2;
-}.shadow {
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}.outline {
-  outline-style: solid;
-}.outline-color {
-  outline-color: var(--text-color);
-}.blur {
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.grayscale {
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.backdrop-filter {
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.duration-300 {
-  transition-duration: 300ms;
-}.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}.title-h1 {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h2 {
-  font-size: 1.5rem;
-  line-height: 2rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h3 {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h4 {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h5 {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h6 {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.subtitle-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}.subtitle-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}.subtitle-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}.subtitle-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}.subtitle-sm-secondary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}.subtitle-sm-primary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}.caption {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.caption-secondary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.caption-primary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.caption-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.caption-secondary-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.caption-primary-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.service-danger-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}.service-danger-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}.service-warning-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}.service-warning-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}.service-success-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}.service-success-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}.service-info-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.service-info-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.service-help-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.service-help-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.anchor-base:hover {
-  text-decoration-line: underline;
-}.anchor-base:visited {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-base:visited:hover {
-  text-decoration-line: underline;
-}.anchor-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.anchor-sm:hover {
-  text-decoration-line: underline;
-}.anchor-sm:visited {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-sm:visited:hover {
-  text-decoration-line: underline;
-}:root{--emerald-0: color-mix(in srgb, color-mix(in srgb, #29C075, #fff 76%), #000 80%);--emerald-50: color-mix(in srgb, #29C075, #fff 95%);--emerald-100: color-mix(in srgb, #29C075, #fff 76%);--emerald-200: color-mix(in srgb, #29C075, #fff 57%);--emerald-300: color-mix(in srgb, #29C075, #fff 38%);--emerald-400: color-mix(in srgb, #29C075, #fff 19%);--emerald-500: color-mix(in srgb, #29C075, #fff 0%);--emerald-600: color-mix(in srgb, #29C075, #000 15%);--emerald-700: color-mix(in srgb, #29C075, #000 30%);--emerald-800: color-mix(in srgb, #29C075, #000 45%);--emerald-900: color-mix(in srgb, #29C075, #000 60%);--emerald-alpha: color-mix(in srgb, #29C075 10%, transparent);--citrine-0: color-mix(in srgb, color-mix(in srgb, #FA8606, #fff 76%), #000 80%);--citrine-50: color-mix(in srgb, #FA8606, #fff 95%);--citrine-100: color-mix(in srgb, #FA8606, #fff 76%);--citrine-200: color-mix(in srgb, #FA8606, #fff 57%);--citrine-300: color-mix(in srgb, #FA8606, #fff 38%);--citrine-400: color-mix(in srgb, #FA8606, #fff 19%);--citrine-500: color-mix(in srgb, #FA8606, #fff 0%);--citrine-600: color-mix(in srgb, #FA8606, #000 15%);--citrine-700: color-mix(in srgb, #FA8606, #000 30%);--citrine-800: color-mix(in srgb, #FA8606, #000 45%);--citrine-900: color-mix(in srgb, #FA8606, #000 60%);--citrine-alpha: color-mix(in srgb, #FA8606 10%, transparent);--aquamarine-0: color-mix(in srgb, color-mix(in srgb, #14B8A6, #fff 76%), #000 80%);--aquamarine-50: color-mix(in srgb, #14B8A6, #fff 95%);--aquamarine-100: color-mix(in srgb, #14B8A6, #fff 76%);--aquamarine-200: color-mix(in srgb, #14B8A6, #fff 57%);--aquamarine-300: color-mix(in srgb, #14B8A6, #fff 38%);--aquamarine-400: color-mix(in srgb, #14B8A6, #fff 19%);--aquamarine-500: color-mix(in srgb, #14B8A6, #fff 0%);--aquamarine-600: color-mix(in srgb, #14B8A6, #000 15%);--aquamarine-700: color-mix(in srgb, #14B8A6, #000 30%);--aquamarine-800: color-mix(in srgb, #14B8A6, #000 45%);--aquamarine-900: color-mix(in srgb, #14B8A6, #000 60%);--aquamarine-alpha: color-mix(in srgb, #14B8A6 10%, transparent);--amethyst-0: color-mix(in srgb, color-mix(in srgb, #7254F3, #fff 76%), #000 80%);--amethyst-50: color-mix(in srgb, #7254F3, #fff 95%);--amethyst-100: color-mix(in srgb, #7254F3, #fff 76%);--amethyst-200: color-mix(in srgb, #7254F3, #fff 57%);--amethyst-300: color-mix(in srgb, #7254F3, #fff 38%);--amethyst-400: color-mix(in srgb, #7254F3, #fff 19%);--amethyst-500: color-mix(in srgb, #7254F3, #fff 0%);--amethyst-600: color-mix(in srgb, #7254F3, #000 15%);--amethyst-700: color-mix(in srgb, #7254F3, #000 30%);--amethyst-800: color-mix(in srgb, #7254F3, #000 45%);--amethyst-900: color-mix(in srgb, #7254F3, #000 60%);--amethyst-alpha: color-mix(in srgb, #7254F3 10%, transparent);--purple-0: color-mix(in srgb, color-mix(in srgb, #9757D7, #fff 76%), #000 80%);--purple-50: color-mix(in srgb, #9757D7, #fff 95%);--purple-100: color-mix(in srgb, #9757D7, #fff 76%);--purple-200: color-mix(in srgb, #9757D7, #fff 57%);--purple-300: color-mix(in srgb, #9757D7, #fff 38%);--purple-400: color-mix(in srgb, #9757D7, #fff 19%);--purple-500: color-mix(in srgb, #9757D7, #fff 0%);--purple-600: color-mix(in srgb, #9757D7, #000 15%);--purple-700: color-mix(in srgb, #9757D7, #000 30%);--purple-800: color-mix(in srgb, #9757D7, #000 45%);--purple-900: color-mix(in srgb, #9757D7, #000 60%);--purple-alpha: color-mix(in srgb, #9757D7 10%, transparent);--blue-0: color-mix(in srgb, color-mix(in srgb, #1F8CEB, #fff 76%), #000 80%);--blue-50: color-mix(in srgb, #1F8CEB, #fff 95%);--blue-100: color-mix(in srgb, #1F8CEB, #fff 76%);--blue-200: color-mix(in srgb, #1F8CEB, #fff 57%);--blue-300: color-mix(in srgb, #1F8CEB, #fff 38%);--blue-400: color-mix(in srgb, #1F8CEB, #fff 19%);--blue-500: color-mix(in srgb, #1F8CEB, #fff 0%);--blue-600: color-mix(in srgb, #1F8CEB, #000 15%);--blue-700: color-mix(in srgb, #1F8CEB, #000 30%);--blue-800: color-mix(in srgb, #1F8CEB, #000 45%);--blue-900: color-mix(in srgb, #1F8CEB, #000 60%);--blue-alpha: color-mix(in srgb, #1F8CEB 10%, transparent);--green-0: color-mix(in srgb, color-mix(in srgb, #45B24E, #fff 76%), #000 80%);--green-50: color-mix(in srgb, #45B24E, #fff 95%);--green-100: color-mix(in srgb, #45B24E, #fff 76%);--green-200: color-mix(in srgb, #45B24E, #fff 57%);--green-300: color-mix(in srgb, #45B24E, #fff 38%);--green-400: color-mix(in srgb, #45B24E, #fff 19%);--green-500: color-mix(in srgb, #45B24E, #fff 0%);--green-600: color-mix(in srgb, #45B24E, #000 15%);--green-700: color-mix(in srgb, #45B24E, #000 30%);--green-800: color-mix(in srgb, #45B24E, #000 45%);--green-900: color-mix(in srgb, #45B24E, #000 60%);--green-alpha: color-mix(in srgb, #45B24E 10%, transparent);--orange-0: color-mix(in srgb, color-mix(in srgb, #FFA100, #fff 76%), #000 80%);--orange-50: color-mix(in srgb, #FFA100, #fff 95%);--orange-100: color-mix(in srgb, #FFA100, #fff 76%);--orange-200: color-mix(in srgb, #FFA100, #fff 57%);--orange-300: color-mix(in srgb, #FFA100, #fff 38%);--orange-400: color-mix(in srgb, #FFA100, #fff 19%);--orange-500: color-mix(in srgb, #FFA100, #fff 0%);--orange-600: color-mix(in srgb, #FFA100, #000 15%);--orange-700: color-mix(in srgb, #FFA100, #000 30%);--orange-800: color-mix(in srgb, #FFA100, #000 45%);--orange-900: color-mix(in srgb, #FFA100, #000 60%);--orange-alpha: color-mix(in srgb, #FFA100 10%, transparent);--red-0: color-mix(in srgb, color-mix(in srgb, #DB4C3F, #fff 76%), #000 80%);--red-50: color-mix(in srgb, #DB4C3F, #fff 95%);--red-100: color-mix(in srgb, #DB4C3F, #fff 76%);--red-200: color-mix(in srgb, #DB4C3F, #fff 57%);--red-300: color-mix(in srgb, #DB4C3F, #fff 38%);--red-400: color-mix(in srgb, #DB4C3F, #fff 19%);--red-500: color-mix(in srgb, #DB4C3F, #fff 0%);--red-600: color-mix(in srgb, #DB4C3F, #000 15%);--red-700: color-mix(in srgb, #DB4C3F, #000 30%);--red-800: color-mix(in srgb, #DB4C3F, #000 45%);--red-900: color-mix(in srgb, #DB4C3F, #000 60%);--red-alpha: color-mix(in srgb, #DB4C3F 10%, transparent);--gray-0: color-mix(in srgb, color-mix(in srgb, #ABAAA9, #fff 76%), #000 80%);--gray-50: color-mix(in srgb, #ABAAA9, #fff 95%);--gray-100: color-mix(in srgb, #ABAAA9, #fff 76%);--gray-200: color-mix(in srgb, #ABAAA9, #fff 57%);--gray-300: color-mix(in srgb, #ABAAA9, #fff 38%);--gray-400: color-mix(in srgb, #ABAAA9, #fff 19%);--gray-500: color-mix(in srgb, #ABAAA9, #fff 0%);--gray-600: color-mix(in srgb, #ABAAA9, #000 15%);--gray-700: color-mix(in srgb, #ABAAA9, #000 30%);--gray-800: color-mix(in srgb, #ABAAA9, #000 45%);--gray-900: color-mix(in srgb, #ABAAA9, #000 60%);--gray-alpha: color-mix(in srgb, #ABAAA9 10%, transparent);--black-10: color-mix(in srgb, #000 10%, transparent) ;--black-20: color-mix(in srgb, #000 20%, transparent) ;--black-30: color-mix(in srgb, #000 30%, transparent) ;--black-40: color-mix(in srgb, #000 40%, transparent) ;--black-50: color-mix(in srgb, #000 50%, transparent) ;--black-60: color-mix(in srgb, #000 60%, transparent) ;--black-70: color-mix(in srgb, #000 70%, transparent) ;--black-80: color-mix(in srgb, #000 80%, transparent) ;--black-90: color-mix(in srgb, #000 90%, transparent) ;--black-100: color-mix(in srgb, #000 100%, transparent) ;--white-10: color-mix(in srgb, #fff 10%, transparent) ;--white-20: color-mix(in srgb, #fff 20%, transparent) ;--white-30: color-mix(in srgb, #fff 30%, transparent) ;--white-40: color-mix(in srgb, #fff 40%, transparent) ;--white-50: color-mix(in srgb, #fff 50%, transparent) ;--white-60: color-mix(in srgb, #fff 60%, transparent) ;--white-70: color-mix(in srgb, #fff 70%, transparent) ;--white-80: color-mix(in srgb, #fff 80%, transparent) ;--white-90: color-mix(in srgb, #fff 90%, transparent) ;--white-100: color-mix(in srgb, #fff 100%, transparent) ;--font-family: Roboto, Inter, Helvetica, Arial, sans-serif;--text-color: var(--black-80);--text-color-secondary: var(--black-60);--primary-color: var(--emerald-700);--primary-color-text: var(--white-100);--primary-0: var(--emerald-0);--primary-900: var(--emerald-900);--primary-800: var(--emerald-800);--primary-700: var(--emerald-700);--primary-600: var(--emerald-600);--primary-500: var(--emerald-500);--primary-400: var(--emerald-400);--primary-300: var(--emerald-300);--primary-200: var(--emerald-200);--primary-100: var(--emerald-100);--primary-50: var(--emerald-50);--primary-alpha: var(--emerald-alpha);--surface-0: var(--gray-0);--surface-50: var(--gray-50);--surface-100: var(--gray-100);--surface-200: var(--gray-200);--surface-300: var(--gray-300);--surface-400: var(--gray-400);--surface-500: var(--gray-500);--surface-600: var(--gray-600);--surface-700: var(--gray-700);--surface-800: var(--gray-800);--surface-900: var(--gray-900);--content-padding: 1rem;--inline-spacing: 0.5rem;--border-radius: 0.5rem;--surface-ground: var(--white-100);--surface-section: var(--gray-alpha);--surface-card: var(--white-100);--surface-overlay: var(--black-20);--surface-border: var(--gray-200);--surface-hover: var(--gray-100);--focus-ring: 0 0 0 0.25rem var(--emerald-200);--maskbg: var(--black-20);--highlight-bg: var(--emerald-700);--highlight-text-color: var(--white-100);color-scheme:light}@media only screen and (min-resolution: 100dpi)and (max-resolution: 199dpi){html,body{font-size:12px}}@media only screen and (min-resolution: 200dpi)and (max-resolution: 499dpi){html,body{font-size:14px}}@media only screen and (min-resolution: 500dpi){html,body{font-size:16px}}*{box-sizing:border-box}html{font-size:14px;font-family:var(--font-family)}::selection{color:var(--white-100);background-color:var(--emerald-700)}.p-component{font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;font-weight:normal}.p-component-overlay{background-color:var(--black-20);transition-duration:.2s;padding:.5rem}.p-disabled,.p-component:disabled{pointer-events:all;cursor:not-allowed;opacity:.6;filter:grayscale(1)}.p-placeholder{opacity:.6}.p-error{color:var(--red-400)}.p-text-secondary{color:var(--black-60)}.p-icon{width:1rem;height:1rem}.p-link{font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;border-radius:.5rem}.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-component-overlay-enter{animation:p-component-overlay-enter-animation 150ms forwards}.p-component-overlay-leave{animation:p-component-overlay-leave-animation 150ms forwards}@keyframes p-component-overlay-enter-animation{from{background-color:rgba(0,0,0,0)}to{background-color:var(--maskbg)}}@keyframes p-component-overlay-leave-animation{from{background-color:var(--maskbg)}to{background-color:rgba(0,0,0,0)}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background-color:var(--black-10);border-radius:4.5px}::-webkit-scrollbar-track{background-color:rgba(255,255,255,.0001)}::-webkit-scrollbar-track:hover{background-color:var(--gray-100)}p-autocomplete.ng-dirty.ng-invalid>.p-autocomplete>.p-inputtext,p-calendar.ng-dirty.ng-invalid>.p-calendar>.p-inputtext,p-cascadeselect.ng-dirty.ng-invalid>.p-cascadeselect,p-checkbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box,p-tristatecheckbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box,p-chips.ng-dirty.ng-invalid>.p-chips>.p-inputtext,p-dropdown.ng-dirty.ng-invalid>.p-dropdown,p-inputmask.ng-dirty.ng-invalid>.p-inputtext,p-inputnumber.ng-dirty.ng-invalid>.p-inputnumber>.p-inputtext,p-inputswitch.ng-dirty.ng-invalid>.p-inputswitch>.p-inputswitch-slider,.p-inputtext.ng-dirty.ng-invalid,p-listbox.ng-dirty.ng-invalid>.p-listbox,p-multiselect.ng-dirty.ng-invalid>.p-multiselect,p-password.ng-invalid.ng-dirty>.p-password>.p-inputtext,p-radiobutton.ng-dirty.ng-invalid>.p-radiobutton>.p-radiobutton-box,p-selectbutton.ng-dirty.ng-invalid>.p-selectbutton>.p-button,p-togglebutton.ng-dirty.ng-invalid>.p-togglebutton.p-button,p-treeselect.ng-invalid.ng-dirty>.p-treeselect{border-color:var(--red-400) !important;box-shadow:0 0 0 .25rem var(--red-100) !important}.p-progress-spinner-circle{stroke:var(--emerald-700)}.p-overflow-hidden{overflow:hidden;padding-right:var(--scrollbar-width)}@layer primeng{.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type=button],input[type=submit],input[type=reset],input[type=file]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:rgba(0,0,0,0);margin:0;padding:0;border:none;cursor:pointer;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:inline-flex}.p-icon{display:inline-block}.p-icon-spin{animation:p-icon-spin 2s infinite linear}}@keyframes p-icon-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.p-togglebutton.p-button.p-highlight.p-disabled,.p-button.p-button-help.p-disabled,.p-button-group.p-button-help>.p-button.p-disabled,.p-splitbutton.p-button-help>.p-button.p-disabled,.p-fileupload-choose.p-button-help.p-disabled,.p-button.p-button-info.p-disabled,.p-button-group.p-button-info>.p-button.p-disabled,.p-splitbutton.p-button-info>.p-button.p-disabled,.p-fileupload-choose.p-button-info.p-disabled,.p-button.p-button-success.p-disabled,.p-button-group.p-button-success>.p-button.p-disabled,.p-splitbutton.p-button-success>.p-button.p-disabled,.p-fileupload-choose.p-button-success.p-disabled,.p-button.p-button-warning.p-disabled,.p-button-group.p-button-warning>.p-button.p-disabled,.p-splitbutton.p-button-warning>.p-button.p-disabled,.p-fileupload-choose.p-button-warning.p-disabled,.p-button.p-button-danger.p-disabled,.p-button-group.p-button-danger>.p-button.p-disabled,.p-splitbutton.p-button-danger>.p-button.p-disabled,.p-fileupload-choose.p-button-danger.p-disabled,.p-button.p-disabled{color:var(--black-60);background-color:var(--black-10);border-color:var(--gray-200)}.p-button{height:2.5rem;display:flex;gap:.5rem;font-size:1rem;font-weight:700;color:var(--white-100);border:1px solid rgba(255,255,255,.0001);border-radius:.5rem;padding:0rem 1rem;background:var(--emerald-700);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-button .p-button-label{transition-duration:.2s}.p-button .p-button-icon{font-size:1.25rem}.p-button.p-button-rounded{border-radius:100px}.p-button.p-button-icon-only{flex-shrink:0;width:2.5rem;padding:0}.p-button.p-button-icon-only:after{display:none}.p-button.p-button-icon-only .p-button-label{display:none}.p-button.p-button-sm{height:2rem;font-size:.875rem;padding:0 .75rem}.p-button.p-button-sm .p-button-icon{font-size:1rem}.p-button.p-button-sm.p-button-icon-only{width:2rem;padding:0}.p-button.p-button-lg{gap:.75rem;height:3.5rem;font-size:1.25rem;padding:0 1.5rem}.p-button.p-button-lg .p-button-icon{font-size:1.5rem}.p-button.p-button-lg.p-button-icon-only{width:3.5rem;padding:0}.p-button:not(.p-disabled):hover{background:var(--emerald-800);color:var(--white-100);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button:not(.p-disabled):active{background:var(--emerald-700);color:var(--white-100);border-color:rgba(0,0,0,0);box-shadow:none}.p-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}p-button[size=xlarge] .p-button{gap:.75rem;height:4rem;font-size:1.75rem;padding:0 1.5rem}p-button[size=xlarge] .p-button .p-button-icon{font-size:2rem}p-button[size=xlarge] .p-button.p-button-icon-only{width:4rem;padding:0}.p-button-outlined{background:rgba(255,255,255,.0001);color:var(--emerald-700);border-color:var(--emerald-200)}.p-button-outlined:not(.p-disabled):hover{background:rgba(255,255,255,.0001);color:var(--emerald-700);border-color:var(--emerald-700);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button-outlined:not(.p-disabled):active{background:rgba(255,255,255,.0001);color:var(--emerald-700);border-color:var(--emerald-200);box-shadow:none}.p-button-text{background-color:var(--white-100);color:var(--emerald-700)}.p-button-text:not(.p-disabled):hover{background:var(--emerald-alpha);color:var(--emerald-700);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button-text:not(.p-disabled):active{background:var(--white-100);color:var(--emerald-700);border-color:rgba(0,0,0,0);box-shadow:none}.p-button-group{display:flex}.p-fluid .p-button:not(.p-button-icon-only){width:100%}.p-fluid .p-button-group .p-button:not(.p-button-icon-only){flex:1}.p-button.p-button-danger,.p-button-group.p-button-danger>.p-button,.p-splitbutton.p-button-danger>.p-button,.p-fileupload-choose.p-button-danger{color:var(--white-100);background:var(--red-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-danger:not(.p-disabled):hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-danger:not(.p-disabled):hover{background:var(--red-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-danger:not(.p-disabled):active,.p-button-group.p-button-danger>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-danger:not(.p-disabled):active{background:var(--red-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-danger:not(.p-disabled).p-button-outlined,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--red-400);border-color:var(--red-200)}.p-button.p-button-danger:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-danger:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--red-400);border-color:var(--red-200);box-shadow:none}.p-button.p-button-danger:not(.p-disabled).p-button-text,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--red-400)}.p-button.p-button-danger:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:hover{background:var(--red-alpha);color:var(--red-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-danger:not(.p-disabled).p-button-text:active,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:active{background:rgba(255,255,255,.0001);color:var(--red-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-warning,.p-button-group.p-button-warning>.p-button,.p-splitbutton.p-button-warning>.p-button,.p-fileupload-choose.p-button-warning{color:var(--white-100);background:var(--orange-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-warning:not(.p-disabled):hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-warning:not(.p-disabled):hover{background:var(--orange-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-warning:not(.p-disabled):active,.p-button-group.p-button-warning>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-warning:not(.p-disabled):active{background:var(--orange-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-warning:not(.p-disabled).p-button-outlined,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--orange-400);border-color:var(--orange-200)}.p-button.p-button-warning:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-warning:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--orange-400);border-color:var(--orange-200);box-shadow:none}.p-button.p-button-warning:not(.p-disabled).p-button-text,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--orange-400)}.p-button.p-button-warning:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:hover{background:var(--orange-alpha);color:var(--orange-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-warning:not(.p-disabled).p-button-text:active,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:active{background:var(--white-100);color:var(--orange-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-success,.p-button-group.p-button-success>.p-button,.p-splitbutton.p-button-success>.p-button,.p-fileupload-choose.p-button-success{color:var(--white-100);background:var(--green-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-success:not(.p-disabled):hover,.p-button-group.p-button-success>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-success:not(.p-disabled):hover{background:var(--green-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-success:not(.p-disabled):active,.p-button-group.p-button-success>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-success:not(.p-disabled):active{background:var(--green-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-success:not(.p-disabled).p-button-outlined,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--green-400);border-color:var(--green-200)}.p-button.p-button-success:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-success:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--green-400);border-color:var(--green-200);box-shadow:none}.p-button.p-button-success:not(.p-disabled).p-button-text,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--green-400)}.p-button.p-button-success:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:hover{background:var(--green-alpha);color:var(--green-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-success:not(.p-disabled).p-button-text:active,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:active{background:var(--white-100);color:var(--green-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-info,.p-button-group.p-button-info>.p-button,.p-splitbutton.p-button-info>.p-button,.p-fileupload-choose.p-button-info{color:var(--white-100);background:var(--blue-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-info:not(.p-disabled):hover,.p-button-group.p-button-info>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-info:not(.p-disabled):hover{background:var(--blue-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-info:not(.p-disabled):active,.p-button-group.p-button-info>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-info:not(.p-disabled):active{background:var(--blue-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-info:not(.p-disabled).p-button-outlined,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--blue-400);border-color:var(--blue-200)}.p-button.p-button-info:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-info:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--blue-400);border-color:var(--blue-200);box-shadow:none}.p-button.p-button-info:not(.p-disabled).p-button-text,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--blue-400)}.p-button.p-button-info:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:hover{background:var(--blue-alpha);color:var(--blue-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-info:not(.p-disabled).p-button-text:active,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:active{background:var(--white-100);color:var(--blue-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-help,.p-button-group.p-button-help>.p-button,.p-splitbutton.p-button-help>.p-button,.p-fileupload-choose.p-button-help{color:var(--white-100);background:var(--purple-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-help:not(.p-disabled):hover,.p-button-group.p-button-help>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-help:not(.p-disabled):hover{background:var(--purple-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-help:not(.p-disabled):active,.p-button-group.p-button-help>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-help:not(.p-disabled):active{background:var(--purple-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-help:not(.p-disabled).p-button-outlined,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--purple-400);border-color:var(--purple-200)}.p-button.p-button-help:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--purple-400);border-color:var(--purple-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-help:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--purple-400);border-color:var(--purple-200);box-shadow:none}.p-button.p-button-help:not(.p-disabled).p-button-text,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--purple-400)}.p-button.p-button-help:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:hover{background:var(--purple-alpha);color:var(--purple-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-help:not(.p-disabled).p-button-text:active,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:active{background:var(--white-100);color:var(--purple-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-inputtext{min-height:2.5rem;line-height:2.5rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--black-80);background:var(--white-100);padding:0rem .75rem;border:1px solid var(--gray-200);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;appearance:none;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-inputtext:enabled:hover{border-color:var(--emerald-700)}.p-inputtext:enabled:focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-inputtext.p-invalid.p-component,.p-inputtext.ng-invalid.ng-touched{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-inputtext:disabled,.p-inputtext.p-disabled{background:var(--black-10)}.p-float-label>label{left:.75rem;color:var(--black-60);transition-duration:.2s}.p-float-label>.p-invalid+label{color:var(--red-400)}.p-icon-field-left>.p-inputtext{padding-left:2.5rem}.p-icon-field-left.p-float-label>label{left:2.5rem}.p-icon-field-right>.p-inputtext{padding-right:2.5rem}::-webkit-input-placeholder{color:var(--black-60);opacity:.6}:-moz-placeholder{color:var(--black-60);opacity:.6}::-moz-placeholder{color:var(--black-60);opacity:.6}:-ms-input-placeholder{color:var(--black-60);opacity:.6}.p-inputtext-lg{min-height:3.5rem;line-height:3.5rem}.p-inputtextarea{padding:.75rem;line-height:normal}.p-icon-field .p-inputtextarea-icon.p-input-icon{top:unset;margin-top:.5rem}.p-inputotp{display:flex;align-items:center;gap:.5rem}.p-inputotp.error .p-inputotp-input{border-color:var(--red-400)}.p-inputotp-input{font-size:1.5rem;text-align:center;width:2.5rem;border:none;border-bottom:1px solid var(--gray-200);border-radius:0;background:rgba(0,0,0,0)}.p-inputotp-input:disabled,.p-inputotp-input.p-disabled{background:rgba(0,0,0,0)}.p-inputotp-input:enabled:focus{box-shadow:none}.p-listbox-list-wrapper{overflow:auto}.p-listbox-list{list-style-type:none;margin:0;padding:0}.p-listbox-item{cursor:pointer;overflow:hidden;position:relative;color:var(--black-80);margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.0001);border-radius:.5rem;transition:.2s}.p-listbox-item:first-child{margin-top:0}.p-listbox-item:last-child{margin-bottom:0}.p-listbox-item.p-highlight{color:var(--white-100);background:var(--emerald-700)}.p-listbox-item:not(.p-highlight).p-disabled{color:var(--black-60);border-color:var(--gray-200);background:var(--black-10)}.p-listbox-item.p-disabled{cursor:not-allowed;opacity:.6;background:var(--emerald-700) !important;color:var(--white-100) !important;mix-blend-mode:luminosity;border:1px solid rgba(255,255,255,.0001)}.p-listbox-item.p-disabled:has(.p-checkbox){background:var(--black-10);color:var(--black-60)}.p-listbox-item .p-checkbox{margin-right:.5rem}.p-listbox-item:has(.p-checkbox){background:var(--white-100);color:var(--black-80)}.p-listbox-item:has(.p-checkbox):hover{background:#000}.p-listbox-item-group{cursor:auto}.p-listbox-filter-container{position:relative}.p-listbox-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-listbox-filter{width:100%}.p-listbox{background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-listbox .p-listbox-header{padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.0001);color:var(--black-60);background:rgba(255,255,255,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-listbox .p-listbox-header .p-checkbox{margin-right:.5rem}.p-listbox .p-listbox-header .p-checkbox .p-checkbox-box.p-disabled{background:var(--white-100)}.p-listbox .p-listbox-header .p-listbox-filter{padding-right:1.75rem}.p-listbox .p-listbox-header .p-listbox-filter-icon{right:.75rem;color:var(--black-80)}.p-listbox .p-listbox-header .p-disabled+.p-listbox-filter-icon{opacity:.6}.p-listbox .p-listbox-list{padding:.25rem;outline:0 none}.p-listbox .p-listbox-list .p-listbox-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--black-60);background:rgba(255,255,255,.0001);font-weight:bold}.p-listbox .p-listbox-list .p-listbox-empty-message{text-align:center;color:var(--black-80);padding:.75rem;background:rgba(255,255,255,.0001)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight.p-focus{border:1px solid rgba(255,255,255,.0001);background:var(--emerald-700);box-shadow:0 0 0 .25rem var(--emerald-200)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:hover{background:var(--emerald-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox).p-focus{border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);box-shadow:0 0 0 .25rem var(--emerald-200)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover{color:var(--black-80);background:var(--gray-100)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover.p-focus{color:var(--black-80);background:var(--gray-100)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus{border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);box-shadow:0 0 0 .25rem var(--emerald-200)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover{color:var(--black-80);background:var(--gray-100)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus{color:var(--black-80);background:var(--gray-100)}.p-listbox.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-listbox.p-invalid{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-listbox.p-disabled *.p-disabled{opacity:1}.p-listbox.p-disabled .p-listbox-filter-icon{display:none}.p-listbox.p-disabled .p-listbox-filter.p-inputtext{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49967 2.83335C7.03555 2.83335 6.59043 3.01773 6.26224 3.34592C5.93405 3.67411 5.74967 4.11922 5.74967 4.58335V6.33335H9.24967V4.58335C9.24967 4.11922 9.0653 3.67411 8.73711 3.34592C8.40892 3.01773 7.9638 2.83335 7.49967 2.83335ZM10.4163 6.33335V4.58335C10.4163 3.80981 10.1091 3.06794 9.56207 2.52096C9.01509 1.97398 8.27322 1.66669 7.49967 1.66669C6.72613 1.66669 5.98426 1.97398 5.43728 2.52096C4.8903 3.06794 4.58301 3.80981 4.58301 4.58335V6.33335C4.11888 6.33335 3.67376 6.51773 3.34557 6.84592C3.01738 7.17411 2.83301 7.61922 2.83301 8.08335V11.5834C2.83301 12.0475 3.01738 12.4926 3.34557 12.8208C3.67376 13.149 4.11888 13.3334 4.58301 13.3334H10.4163C10.8805 13.3334 11.3256 13.149 11.6538 12.8208C11.982 12.4926 12.1663 12.0475 12.1663 11.5834V8.08335C12.1663 7.61922 11.982 7.17411 11.6538 6.84592C11.3256 6.51773 10.8805 6.33335 10.4163 6.33335ZM4.58301 7.50002C4.4283 7.50002 4.27993 7.56148 4.17053 7.67087C4.06113 7.78027 3.99967 7.92864 3.99967 8.08335V11.5834C3.99967 11.7381 4.06113 11.8864 4.17053 11.9958C4.27993 12.1052 4.4283 12.1667 4.58301 12.1667H10.4163C10.5711 12.1667 10.7194 12.1052 10.8288 11.9958C10.9382 11.8864 10.9997 11.7381 10.9997 11.5834V8.08335C10.9997 7.92864 10.9382 7.78027 10.8288 7.67087C10.7194 7.56148 10.5711 7.50002 10.4163 7.50002H4.58301ZM6.67472 9.0084C6.89351 8.7896 7.19026 8.66669 7.49967 8.66669C7.80909 8.66669 8.10584 8.7896 8.32463 9.0084C8.54342 9.22719 8.66634 9.52393 8.66634 9.83335C8.66634 10.1428 8.54343 10.4395 8.32463 10.6583C8.10584 10.8771 7.80909 11 7.49967 11C7.19026 11 6.89351 10.8771 6.67472 10.6583C6.45592 10.4395 6.33301 10.1428 6.33301 9.83335C6.33301 9.52393 6.45592 9.22719 6.67472 9.0084Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat}.p-listbox.p-disabled .p-listbox-item{background:var(--black-10);color:var(--black-60)}.p-dropdown{display:inline-flex;cursor:pointer;position:relative;user-select:none}.p-dropdown.p-disabled{cursor:not-allowed;color:var(--black-60);border-color:var(--gray-200);background:var(--black-10)}.p-dropdown-clear-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-dropdown-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-dropdown-label{height:min-content;margin:auto 0;display:block;white-space:nowrap;overflow:hidden;flex:1 1 auto;width:1%;text-overflow:ellipsis;cursor:pointer}.p-dropdown-label-empty{overflow:hidden;opacity:0}input.p-dropdown-label{cursor:default}.p-dropdown .p-dropdown-panel{min-width:100%}.p-dropdown-panel{position:absolute;top:0;left:0}.p-dropdown-items-wrapper{overflow:auto}.p-dropdown-item{cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;font-weight:normal;color:var(--black-80);white-space:nowrap;margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.0001);border-radius:.5rem;background:rgba(255,255,255,.0001);transition:.2s}.p-dropdown-item:first-child{margin-top:0}.p-dropdown-item:last-child{margin-bottom:0}.p-dropdown-item.p-highlight{color:var(--white-100);background:var(--emerald-700)}.p-dropdown-item.p-highlight:hover{background:var(--emerald-800)}.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover{color:var(--black-80);background:var(--gray-100)}.p-dropdown-item:not(.p-highlight).p-disabled{color:var(--black-60);border-color:var(--gray-200);background:var(--black-10)}.p-dropdown-item.p-disabled{cursor:not-allowed}.p-dropdown-item .p-dropdown-check-icon{position:relative;margin-left:-0.5rem;margin-right:.5rem}.p-dropdown-item-group{cursor:auto}.p-dropdown-items{margin:0;padding:0;list-style-type:none}.p-dropdown-filter{width:100%}.p-dropdown-filter-container{position:relative}.p-dropdown-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-dropdown{display:flex}.p-fluid .p-dropdown .p-dropdown-label{width:1%}.p-dropdown{background:var(--white-100);border:1px solid var(--gray-200);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-dropdown:not(.p-disabled):hover{border-color:var(--emerald-700)}.p-dropdown:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-dropdown.p-dropdown-clearable .p-dropdown-label{padding-right:1.75rem}.p-dropdown .p-dropdown-label{background:rgba(0,0,0,0);border:0 none}.p-dropdown .p-dropdown-label.p-placeholder{color:var(--black-60)}.p-dropdown .p-dropdown-label:focus,.p-dropdown .p-dropdown-label:enabled:focus{outline:0 none;box-shadow:none}.p-dropdown .p-dropdown-trigger{background:rgba(0,0,0,0);color:var(--black-80);width:2.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-dropdown .p-dropdown-clear-icon{color:var(--black-80);right:2.5rem}.p-dropdown.p-invalid.p-component{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-dropdown-panel{background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem;margin-top:.25rem;box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-dropdown-panel .p-dropdown-header{padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.0001);color:var(--black-60);background:rgba(255,255,255,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter{padding-right:1.75rem;margin-right:-1.75rem}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon{right:.75rem;color:var(--black-80)}.p-dropdown-panel .p-dropdown-items{padding:.25rem}.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--black-60);background:rgba(255,255,255,.0001);font-weight:bold}.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{color:var(--black-80);text-align:center;padding:.5rem .75rem;background:rgba(255,255,255,.0001)}.p-multiselect{cursor:pointer;display:inline-flex;align-items:center;user-select:none}.p-multiselect-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-multiselect-label-container{cursor:pointer;overflow:hidden;height:min-content;display:flex;flex:1 1 auto;align-items:center}.p-multiselect-clearable .p-multiselect-label-container{padding-right:1.75rem}.p-multiselect-clearable .p-multiselect-clear-icon{right:2.5rem}.p-multiselect-label{display:block;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.p-multiselect-label-empty{overflow:hidden;visibility:hidden}.p-multiselect-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem;margin-right:.25rem}.p-multiselect-token-icon{cursor:pointer}.p-multiselect .p-multiselect-panel{min-width:100%}.p-multiselect-items-wrapper{overflow:auto}.p-multiselect-items{margin:0;padding:0;list-style-type:none}.p-multiselect-item{cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;font-weight:normal;color:var(--black-80);white-space:nowrap;margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.0001);border-radius:.5rem;background:rgba(255,255,255,.0001);transition:.2s}.p-multiselect-item:not(.p-disabled):hover,.p-multiselect-item:not(.p-disabled).p-focus{color:var(--black-80);background:var(--gray-100)}.p-multiselect-item:not(.p-highlight).p-disabled{color:var(--black-60);border-color:var(--gray-200);background:var(--black-10)}.p-multiselect-item.p-disabled{cursor:not-allowed}.p-multiselect-item .p-checkbox{margin-right:.5rem}.p-multiselect-item-group{cursor:auto}.p-multiselect-header{display:flex;align-items:center;justify-content:space-between}.p-multiselect-filter-container{position:relative;flex:1 1 auto}.p-multiselect-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-multiselect-filter-container .p-inputtext{width:100%}.p-multiselect-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;margin-left:auto}.p-fluid .p-multiselect{display:flex}.p-multiselect{background:var(--white-100);border:1px solid var(--gray-200);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-multiselect.p-disabled{cursor:not-allowed;background-color:var(--black-10)}.p-multiselect:not(.p-disabled):hover{border-color:var(--emerald-700)}.p-multiselect:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-multiselect .p-multiselect-label{color:var(--black-80);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-multiselect .p-multiselect-label.p-placeholder{color:var(--black-60);padding:0rem .75rem;padding-left:.5rem}.p-multiselect:not(.p-multiselect-chip) .p-multiselect-label{padding:0rem .75rem;line-height:2.5rem}.p-multiselect.p-multiselect-chip{min-height:2.5rem;padding:.25rem}.p-multiselect.p-multiselect-chip .p-multiselect-token{padding:0rem .5rem;background:var(--black-10);color:var(--black-80);border-radius:.25rem}.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon{margin-left:.5rem}.p-multiselect .p-multiselect-trigger{background:rgba(0,0,0,0);color:var(--black-80);width:2.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-multiselect.p-invalid.p-component{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-multiselect-panel{background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20);margin-top:.25rem}.p-multiselect-panel .p-multiselect-header{padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.0001);color:var(--black-60);background:rgba(255,255,255,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem;border:1px solid rgba(0,0,0,0);border-bottom:0}.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext{padding-right:1.75rem}.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon{right:.75rem;color:var(--black-80)}.p-multiselect-panel .p-multiselect-header .p-checkbox{margin-right:.5rem}.p-multiselect-panel .p-multiselect-header .p-multiselect-close{margin-left:.5rem;width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-multiselect-panel .p-multiselect-header .p-multiselect-close.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-multiselect-panel .p-multiselect-items{padding:.25rem}.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--black-60);background:rgba(255,255,255,.0001);font-weight:bold}.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message{padding:.5rem .75rem;color:var(--black-80);background:rgba(255,255,255,.0001)}.p-password .p-icon-wrapper{right:.75rem;top:50%;cursor:pointer;fill:var(--black-80)}.p-password.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-password .p-input-icon{cursor:pointer;color:var(--black-80);right:.75rem}.p-password.p-disabled{opacity:1}.p-password.p-disabled .p-input-icon{opacity:.6}.p-input-icon-right input{padding-right:2.5rem}.p-icon-field .p-password-icon.p-input-icon{right:.75rem;top:20% !important}.p-password-input{width:100%;height:100%;display:flex;min-height:2.5rem;padding:0 .75rem;align-items:center}.text-feedback{display:inline-flex;align-items:flex-start}.text-feedback .ti{position:relative;bottom:1px}.text-feedback--default{color:var(--black-80)}.text-feedback--default .ti{color:var(--gray-200)}.text-feedback--success{color:var(--green-400)}.text-feedback--error{color:var(--red-400)}.p-password-panel{color:var(--black-60);padding:.75rem;margin-top:.25rem;border:1px solid var(--gray-200);border-radius:.5rem;background:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-password-panel .p-password-meter{overflow:hidden;height:.5rem;border-radius:1rem;margin-bottom:.5rem;background:var(--black-10)}.p-password-panel .p-password-meter .p-password-strength.weak{background:var(--red-400)}.p-password-panel .p-password-meter .p-password-strength.medium{background:var(--orange-400)}.p-password-panel .p-password-meter .p-password-strength.strong{background:var(--green-400)}.p-inputgroup-addon{background:var(--white-100);color:var(--black-60);border-top:1px solid var(--gray-200);border-left:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);padding:0rem .75rem;min-width:2.5rem}.p-inputgroup-addon:last-child{border-right:1px solid var(--gray-200)}.p-inputgroup-addon.p-disabled{background-color:var(--black-10);color:var(--black-60)}.p-inputgroup>.p-component,.p-inputgroup>.p-inputwrapper>.p-inputtext,.p-inputgroup>.p-float-label>.p-component{border-radius:0;margin:0}.p-inputgroup>.p-component+.p-inputgroup-addon,.p-inputgroup>.p-inputwrapper>.p-inputtext+.p-inputgroup-addon,.p-inputgroup>.p-float-label>.p-component+.p-inputgroup-addon{border-left:0 none}.p-inputgroup>.p-component:focus,.p-inputgroup>.p-inputwrapper>.p-inputtext:focus,.p-inputgroup>.p-float-label>.p-component:focus{z-index:1}.p-inputgroup>.p-component:focus~label,.p-inputgroup>.p-inputwrapper>.p-inputtext:focus~label,.p-inputgroup>.p-float-label>.p-component:focus~label{z-index:1}.p-inputgroup-addon:first-child,.p-inputgroup button:first-child,.p-inputgroup input:first-child,.p-inputgroup>.p-inputwrapper:first-child,.p-inputgroup>.p-inputwrapper:first-child>.p-inputtext{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-inputgroup .p-float-label:first-child input{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-inputgroup-addon:last-child,.p-inputgroup button:last-child,.p-inputgroup input:last-child,.p-inputgroup>.p-inputwrapper:last-child,.p-inputgroup>.p-inputwrapper:last-child>.p-inputtext{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-inputgroup .p-float-label:last-child input{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-inputgroup .p-button{height:auto;width:auto}.p-inputgroup .p-button.p-button-icon-only{width:2.5rem}.p-icon-field{position:relative}.p-icon-field .p-input-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-icon-field-left,.p-fluid .p-icon-field-right{width:100%}.p-icon-field-left .p-input-icon:first-of-type{left:.75rem;color:var(--black-80)}.p-icon-field-right .p-input-icon:last-of-type{right:.75rem;color:var(--black-80)}.p-inputnumber.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}p-inputnumber.ng-invalid.ng-touched>.p-inputnumber>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}p-inputnumber[ng-reflect-is-disabled=true] .p-inputnumber-button{background:var(--black-10)}.p-inputnumber-button{color:var(--black-80);border-color:var(--gray-200);background-color:var(--white-100)}.p-inputnumber-button .p-button-icon{font-size:1rem}.p-inputnumber-button:hover{box-shadow:none !important}.p-inputnumber-buttons-horizontal .p-inputnumber-button-down{border-top-right-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-button-up{border-top-left-radius:0;border-bottom-left-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-input{border-radius:0;border-left-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0);z-index:1}.p-inputnumber-buttons-horizontal .p-inputnumber-button-down,.p-inputnumber-buttons-horizontal .p-inputnumber-button-up{height:100%}.p-inputnumber-buttons-vertical .p-inputnumber-button-down{border-top-left-radius:0;border-top-right-radius:0}.p-inputnumber-buttons-vertical .p-inputnumber-button-up{border-bottom-left-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-vertical .p-inputnumber-input{border-radius:0;border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);z-index:1}.p-inputnumber-buttons-vertical .p-inputnumber-button-down,.p-inputnumber-buttons-vertical .p-inputnumber-button-up{width:100%}.p-checkbox{position:relative;display:inline-flex;user-select:none;vertical-align:bottom}.p-checkbox-input{appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;cursor:pointer}.p-checkbox-box{display:flex;justify-content:center;align-items:center}.p-checkbox{width:1.5rem;height:1.5rem}.p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon{display:none}.p-checkbox.p-checkbox-checked .p-checkbox-box::after{content:"";width:1rem;height:1rem;transition-duration:.2s;color:var(--white-100);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.p-checkbox .p-checkbox-input{border:1px solid var(--gray-200);border-radius:.25rem}.p-checkbox .p-checkbox-box{border:1px solid var(--gray-200);background:var(--white-100);width:1.5rem;height:1.5rem;color:var(--black-80);border-radius:.25rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-checkbox .p-checkbox-box.p-highlight{border-color:var(--emerald-700);background:var(--emerald-700)}.p-checkbox .p-checkbox-box:not(.p-disabled):hover{border-color:var(--emerald-700)}.p-checkbox .p-checkbox-box:not(.p-disabled):hover.p-highlight{border-color:var(--emerald-800);background:var(--emerald-800);color:var(--white-100)}.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-checkbox .p-checkbox-box.p-disabled{background:var(--black-10)}.p-checkbox .p-checkbox-box .p-checkbox-icon{transition-duration:.2s;color:var(--white-100);font-size:1rem}.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon{width:1rem;height:1rem}p-checkbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-highlight .p-checkbox .p-checkbox-box{border-color:var(--emerald-700)}.p-radiobutton{position:relative;display:inline-flex;user-select:none;vertical-align:bottom}.p-radiobutton-input{cursor:pointer}.p-radiobutton-box{display:flex;justify-content:center;align-items:center;transition:all}.p-radiobutton-box:hover{border:1px solid var(--emerald-800) !important}.p-radiobutton-box.p-highlight{box-sizing:border-box;background:var(--emerald-800) !important}.p-radiobutton-box.p-highlight .p-radiobutton-icon{mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.25%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center;background:var(--white-100);width:1.5rem;height:1.5rem;mask-composite:exclude}p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box{box-shadow:0 0 0 .25rem var(--red-100)}p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box:hover{border:1px solid var(--red-400) !important}.p-radiobutton-box.p-focus{box-shadow:0px 0px 0px 3.5px var(--emerald-200)}.p-radiobutton{width:1.5rem;height:1.5rem}.p-radiobutton .p-radiobutton-input{appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;border:1px solid var(--gray-200);border-radius:50%}.p-radiobutton .p-radiobutton-box{border:1px solid var(--gray-200);background:var(--white-100);width:1.5rem;height:1.5rem;color:var(--black-80);border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-radiobutton.p-disabled .p-radiobutton-box{background:var(--black-10)}.p-radiobutton.p-highlight .p-radiobutton-box{border-color:var(--emerald-700);background:var(--emerald-700)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box{border-color:var(--emerald-700)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box{border-color:var(--emerald-800);background:var(--emerald-800)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-radiobutton.p-invalid>.p-radiobutton-box{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-highlight .p-radiobutton .p-radiobutton-box{border-color:var(--white-100)}.p-inputswitch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.p-inputswitch-slider:before{position:absolute;content:"";top:50%}.p-inputswitch{position:relative;display:inline-block;width:2.5rem;height:1.5rem;border-radius:100px}.p-inputswitch .p-inputswitch-slider{background:var(--gray-300);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:100px;outline-color:rgba(0,0,0,0)}.p-inputswitch .p-inputswitch-slider:before{background:var(--white-100);width:1rem;height:1rem;left:.25rem;margin-top:-0.5rem;border-radius:100px;transition-duration:.2s}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:var(--emerald-700)}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{background:var(--white-100);transform:translateX(1rem)}.p-inputswitch:not(.p-disabled) .p-inputswitch-slider:hover{background-color:var(--emerald-800)}.p-inputswitch:not(.p-disabled).p-focus,.p-inputswitch:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}p-inputswitch:not(.p-disabled).p-element.ng-dirty.ng-invalid .p-inputswitch-slider,p-inputswitch:not(.p-disabled).p-element.ng-touched.ng-invalid .p-inputswitch-slider{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-selectbutton{display:flex;height:min-content;gap:.25rem;padding:.25rem;background-color:var(--black-10);border-radius:.5rem}.p-selectbutton .p-button{flex-grow:1;background:rgba(255,255,255,.0001);border:1px solid trasparent;border-radius:.25rem;color:var(--black-60);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-selectbutton .p-button .p-button-icon-left,.p-selectbutton .p-button .p-button-icon-right{color:var(--black-60)}.p-selectbutton .p-button.p-disabled{background:rgba(0,0,0,0);pointer-events:none}.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover{background:var(--white-100);border-color:rgba(255,255,255,.0001);color:var(--black-80)}.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right{color:var(--black-80)}.p-selectbutton .p-button:not(.p-disabled).p-highlight{background:var(--white-100);border-color:rgba(255,255,255,.0001);color:var(--emerald-700)}.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-right{color:var(--emerald-700)}.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover{background:var(--white-100);border-color:rgba(255,255,255,.0001);color:var(--black-80)}.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-right{color:var(--black-80)}.p-selectbutton.p-invalid>.p-button{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-togglebutton.p-button.p-highlight.p-disabled,.p-button.p-disabled,.p-button.p-button-danger.p-disabled,.p-button-group.p-button-danger>.p-button.p-disabled,.p-splitbutton.p-button-danger>.p-button.p-disabled,.p-fileupload-choose.p-button-danger.p-disabled,.p-button.p-button-warning.p-disabled,.p-button-group.p-button-warning>.p-button.p-disabled,.p-splitbutton.p-button-warning>.p-button.p-disabled,.p-fileupload-choose.p-button-warning.p-disabled,.p-button.p-button-success.p-disabled,.p-button-group.p-button-success>.p-button.p-disabled,.p-splitbutton.p-button-success>.p-button.p-disabled,.p-fileupload-choose.p-button-success.p-disabled,.p-button.p-button-info.p-disabled,.p-button-group.p-button-info>.p-button.p-disabled,.p-splitbutton.p-button-info>.p-button.p-disabled,.p-fileupload-choose.p-button-info.p-disabled,.p-button.p-button-help.p-disabled,.p-button-group.p-button-help>.p-button.p-disabled,.p-splitbutton.p-button-help>.p-button.p-disabled,.p-fileupload-choose.p-button-help.p-disabled{color:var(--black-60);background-color:var(--black-10);border-color:var(--gray-200)}.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-left,.p-button.p-disabled .p-button-icon-left,.p-button-group.p-button-danger>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-danger>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-left,.p-button-group.p-button-warning>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-warning>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-left,.p-button-group.p-button-success>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-success>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-left,.p-button-group.p-button-info>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-info>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-left,.p-button-group.p-button-help>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-help>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-left,.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-right,.p-button.p-disabled .p-button-icon-right,.p-button-group.p-button-danger>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-danger>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-right,.p-button-group.p-button-warning>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-warning>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-right,.p-button-group.p-button-success>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-success>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-right,.p-button-group.p-button-info>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-info>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-right,.p-button-group.p-button-help>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-help>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-right{color:var(--black-60) !important}.p-togglebutton.p-button{background:var(--black-10);border:1px solid trasparent;color:var(--black-60);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0);border-radius:100px}.p-togglebutton.p-button:not(.p-disabled):hover{background:var(--emerald-alpha);color:var(--emerald-700);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20);box-shadow:none}.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-left,.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-right{color:var(--emerald-700)}.p-togglebutton.p-button:not(.p-disabled):focus-visible{box-shadow:0 0 0 3.5px var(--emerald-200)}.p-togglebutton.p-button .p-button-icon-left,.p-togglebutton.p-button .p-button-icon-right{color:var(--black-60)}.p-togglebutton.p-button.p-highlight{background:var(--emerald-700);border-color:rgba(255,255,255,.0001);color:var(--white-100)}.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover{background:var(--emerald-800);color:var(--white-100);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20);box-shadow:none}.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left,.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-right{color:var(--white-100)}.p-togglebutton.p-button.p-highlight:not(.p-disabled):focus-visible{box-shadow:0 0 0 3.5px var(--emerald-200)}.p-togglebutton.p-button.p-highlight .p-button-icon-left,.p-togglebutton.p-button.p-highlight .p-button-icon-right{color:var(--white-100)}.p-chips{display:inline-flex;height:min-content}.p-disabled .p-chips-multiple-container{background-color:var(--black-10)}.p-chips-multiple-container{outline-color:rgba(0,0,0,0);cursor:text;overflow:hidden;height:min-content;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;list-style-type:none}.p-chips-multiple-container:has(.p-chips-token){padding:.25rem}.p-chips-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem}.p-chips-input-token{flex:1 1 auto;display:inline-flex}.p-chips-token-icon{cursor:pointer}.p-chips-input-token input{border:0 none;outline:0 none;background-color:rgba(0,0,0,0);margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-chips{display:flex}.p-chips:not(.p-disabled):hover .p-chips-multiple-container{border-color:var(--emerald-700)}.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-chips .p-chips-multiple-container .p-chips-token{padding:0rem .5rem;background:var(--black-10);color:var(--black-80);border-radius:.25rem}.p-chips .p-chips-multiple-container .p-chips-token.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon{margin-left:.5rem}.p-chips .p-chips-multiple-container .p-chips-token+.p-chips-input-token{padding:0 .5rem}.p-chips .p-chips-multiple-container .p-chips-input-token{padding:0rem 0}.p-chips .p-chips-multiple-container .p-chips-input-token input{height:1.75rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--black-80);margin:0}.p-chips.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-slider{background:var(--black-10);border:none;border-radius:.5rem}.p-slider.p-slider-horizontal{height:.25rem;margin-top:.5rem;margin-bottom:.5rem}.p-slider.p-slider-horizontal .p-slider-handle{margin-top:-0.625rem;margin-left:-0.625rem}.p-slider.p-slider-vertical{width:.25rem;margin-top:.5rem;margin-bottom:.5rem}.p-slider.p-slider-vertical .p-slider-handle{margin-left:-0.625rem;margin-bottom:-0.625rem}.p-slider .p-slider-handle{height:1.25rem;width:1.25rem;background:var(--emerald-700);border:none;border-radius:1rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-slider .p-slider-handle:focus{background:var(--emerald-800);box-shadow:none}.p-slider .p-slider-range{background:var(--emerald-700);border-radius:.5rem}.p-slider:not(.p-disabled) .p-slider-handle:hover{background:var(--emerald-800);border-color:rgba(255,255,255,.0001)}.p-rating{position:relative;display:flex;align-items:center}.p-rating-item{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.p-rating.p-readonly .p-rating-item{cursor:default}.p-rating{gap:.5rem}.p-rating .p-rating-item{outline-color:rgba(0,0,0,0);border-radius:50%}.p-rating .p-rating-item .p-rating-icon{color:var(--black-60);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;font-size:1.25rem}.p-rating .p-rating-item .p-rating-icon.p-icon{width:1.25rem;height:1.25rem}.p-rating .p-rating-item .p-rating-icon.p-rating-cancel{color:var(--black-60)}.p-rating .p-rating-item:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-rating .p-rating-item.p-rating-item-active .p-rating-icon{color:var(--orange-400)}.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon{color:var(--orange-500)}.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel{color:var(--black-80)}.p-calendar.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-datepicker{margin-top:.25rem;padding:.75rem;background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem}.p-datepicker:not(.p-datepicker-inline){background:var(--white-100);border:1px solid var(--gray-200);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header{background:rgba(255,255,255,.0001)}.p-datepicker .p-datepicker-header{padding:0 0 .5rem;color:var(--black-60);background:var(--white-100);font-weight:bold;margin:0rem;border-bottom:none;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-datepicker .p-datepicker-header .p-datepicker-prev,.p-datepicker .p-datepicker-header .p-datepicker-next{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border:1px solid rgba(0,0,0,0)}.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled{border:1px solid var(--gray-200);color:var(--black-60);background:var(--black-10);border-color:var(--gray-200)}.p-datepicker .p-datepicker-header .p-datepicker-title{line-height:2rem;display:flex;gap:.5rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select{display:inline-flex;cursor:pointer;position:relative;user-select:none;background:var(--white-100);border:1px solid var(--gray-200);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0);min-height:2.5rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select:focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{color:var(--black-60);transition:background-color .2s,color .2s,box-shadow .2s;font-weight:bold;padding:.25rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover{color:var(--emerald-700)}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{margin-right:.5rem}.p-datepicker table{font-size:1rem;margin:0rem}.p-datepicker table th{padding:.25rem}.p-datepicker table th>span{width:2rem;height:2rem}.p-datepicker table td{padding:.25rem}.p-datepicker table td>span{width:2rem;height:2rem;border-radius:.5rem;transition:.2s;border:1px solid rgba(255,255,255,.0001)}.p-datepicker table td>span.p-highlight{color:var(--white-100);background:var(--emerald-700)}.p-datepicker table td>span:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-datepicker table td.p-datepicker-today>span{color:var(--black-60);font-weight:700;border-color:var(--gray-100);background:rgba(255,255,255,.0001)}.p-datepicker table td.p-datepicker-today>span:not(.p-disabled):hover{color:var(--black-80)}.p-datepicker table td.p-datepicker-today>span.p-highlight{color:var(--white-100);background:var(--emerald-700)}.p-datepicker .p-datepicker-buttonbar{padding:0rem 0 0}.p-datepicker .p-datepicker-buttonbar .p-button{width:auto}.p-datepicker .p-timepicker{border-top:1px solid var(--gray-200);padding:String value}.p-datepicker .p-timepicker button{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-datepicker .p-timepicker button:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-datepicker .p-timepicker button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-datepicker .p-timepicker button.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-datepicker .p-timepicker span{font-size:1.25rem}.p-datepicker .p-timepicker>div{padding:String value}.p-datepicker .p-hour-picker,.p-datepicker .p-minute-picker{gap:.25rem}.p-datepicker.p-datepicker-timeonly .p-timepicker{border-top:0 none}.p-datepicker .p-monthpicker{margin:0rem}.p-datepicker .p-monthpicker .p-monthpicker-month{padding:.25rem;transition:.2s;border-radius:.5rem}.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight{color:var(--white-100);background:var(--emerald-700)}.p-datepicker .p-yearpicker{margin:0rem}.p-datepicker .p-yearpicker .p-yearpicker-year{padding:.25rem;transition:.2s;border-radius:.5rem}.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight{color:var(--white-100);background:var(--emerald-700)}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group{border-left:1px solid var(--gray-200);padding-right:.75rem;padding-left:.75rem;padding-top:0;padding-bottom:0}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child{padding-left:0;border-left:0 none}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child{padding-right:0}.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover{color:var(--black-80);background:var(--gray-100)}.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-datepicker:not(.p-disabled) table td span.p-highlight:hover{background:var(--emerald-800)}.p-datepicker:not(.p-disabled) .p-monthpicker{display:flex;flex-wrap:wrap;gap:.25rem}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month{flex-basis:32.3%;width:100%}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover{color:var(--black-80);background:var(--gray-100)}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled).p-highlight:hover{background:var(--emerald-800)}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-datepicker:not(.p-disabled) .p-yearpicker{display:flex;flex-wrap:wrap;gap:.25rem}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year{flex-basis:32.3%;width:100%}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover{color:var(--black-80);background:var(--gray-100)}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled).p-highlight:hover{background:var(--emerald-800)}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-autocomplete{display:inline-flex;height:min-content}.p-autocomplete .p-autocomplete-loader{right:.75rem;color:var(--black-80)}.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader{right:3.25rem}.p-autocomplete-multiple-container{outline-color:rgba(0,0,0,0);cursor:text;overflow:hidden;height:min-content;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;list-style-type:none}.p-autocomplete-multiple-container:has(.p-autocomplete-token){padding:.25rem}.p-autocomplete-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem}.p-autocomplete-input-token{flex:1 1 auto;display:inline-flex}.p-autocomplete-token-icon{cursor:pointer}.p-autocomplete-input-token input{border:0 none;outline:0 none;background-color:rgba(0,0,0,0);margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-autocomplete{display:flex}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover{border-color:var(--emerald-700)}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-autocomplete .p-autocomplete-multiple-container.p-disabled{cursor:not-allowed;background-color:var(--black-10)}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token{padding:0rem .5rem;background:var(--black-10);color:var(--black-80);border-radius:.25rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon{margin-left:.5rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token+.p-autocomplete-input-token{padding:0 .5rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token{padding:0rem 0}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input{height:1.75rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--black-80);margin:0}.p-autocomplete.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-autocomplete-panel{background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20);margin-top:.25rem}.p-autocomplete-panel .p-autocomplete-items{padding:.25rem}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item{margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.0001);color:var(--black-80);background:rgba(255,255,255,.0001);transition:.2s;border-radius:.5rem}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-of-type{margin-top:0}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-of-type{margin-bottom:0}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover{color:var(--black-80);background:var(--gray-100)}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight{color:var(--white-100);background:var(--emerald-700)}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--black-60);background:rgba(255,255,255,.0001);font-weight:bold}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message{text-align:center;padding:.5rem .75rem}.p-autocomplete-dd .p-autocomplete-input{flex:1 1 auto;width:1%}.p-autocomplete-dd .p-autocomplete-dropdown{display:none}.autocomplete-dropdown-container:hover .p-inputtext:enabled{border-color:var(--emerald-700)}.autocomplete-dropdown-trigger{position:absolute;right:0;top:0;height:100%;width:2.5rem;display:flex;align-items:center;justify-content:center}.p-autocomplete-clear-icon{position:absolute;top:50%;margin-top:-0.5rem;cursor:pointer}.p-autocomplete-clearable{position:relative}.p-autocomplete-clearable .p-autocomplete-clear-icon{right:.75rem}.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon{right:2.5rem}.p-float-label label {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);opacity:.6;
-}.p-float-label:has(input:focus) label,.p-float-label:has(input.p-filled) label,.p-float-label:has(input:-webkit-autofill) label,.p-float-label:has(textarea:focus) label,.p-float-label:has(textarea.p-filled) label,.p-float-label:has(.p-inputwrapper-focus) label,.p-float-label:has(.p-inputwrapper-filled) label {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;opacity:1;
-}.float-variant-in .p-float-label .p-inputtext,.float-variant-in .p-float-label .p-inputtextarea,.float-variant-in .p-float-label .p-select-label,.float-variant-in .p-float-label .p-multiselect-label-container,.float-variant-in .p-float-label .p-autocomplete-input-multiple,.float-variant-in .p-float-label .p-cascadeselect-label,.float-variant-in .p-float-label .p-treeselect-label{padding-top:1rem;min-height:4rem;line-height:normal}.float-variant-in .p-float-label .p-inputtextarea{padding-top:2rem}.float-variant-in .p-float-label:has(input:focus) label,.float-variant-in .p-float-label:has(input.p-filled) label,.float-variant-in .p-float-label:has(input:-webkit-autofill) label,.float-variant-in .p-float-label:has(textarea:focus) label,.float-variant-in .p-float-label:has(textarea.p-filled) label,.float-variant-in .p-float-label:has(.p-inputwrapper-focus) label,.float-variant-in .p-float-label:has(.p-inputwrapper-filled) label{top:1rem;padding-top:.125rem;padding-bottom:.125rem}.float-variant-in .p-float-label .p-inputtext.p-chips-multiple-container{padding-top:1.75rem;padding-bottom:.25rem}.p-float-label textarea~label{top:1.25rem}.p-float-label:has(textarea:focus) label,.p-float-label:has(textarea.p-filled) label{top:-0.75rem}.float-variant-in .p-float-label textarea:focus,.float-variant-in .p-float-label textarea.p-filled{padding-top:2rem}.p-float-label .p-dropdown .p-placeholder{opacity:0}.float-variant-in .p-float-label .p-dropdown .p-inputtext{padding-top:2rem}.p-tabview .p-tabview-nav{background:rgba(255,255,255,.0001);border-bottom:1px solid var(--gray-200);gap:1.5rem}.p-tabview .p-tabview-nav li .p-tabview-nav-link{border-bottom:.25rem solid rgba(255,255,255,.0001);border-color:rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);color:var(--black-80);padding:1rem 0rem;font-weight:normal;transition:.2s;margin:0}.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:rgba(255,255,255,.0001);border-color:rgba(255,255,255,.0001);color:var(--emerald-700)}.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:rgba(255,255,255,.0001);border-color:var(--emerald-700);color:var(--emerald-700)}.p-tabview .p-tabview-close{margin-left:.5rem}.p-tabview .p-tabview-nav-btn.p-link{background:var(--white-100);color:var(--black-80);width:2.5rem;box-shadow:0px 0px 10px 50px var(--white-60);border-radius:0}.p-tabview .p-tabview-nav-btn.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-tabview .p-tabview-nav-btn.p-link:hover{color:var(--emerald-700)}.p-tabview .p-tabview-panels{background:rgba(255,255,255,.0001);padding:1rem 0rem;border:none;color:var(--black-80);border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-divider{border-color:var(--gray-200)}.p-divider .p-divider-content{background-color:var(--white-100);color:var(--black-60);text-transform:uppercase}.p-divider.p-divider-horizontal{margin:1rem 0rem;padding:0rem 1rem}.p-divider.p-divider-horizontal .p-divider-content{padding:0 .5rem}.p-divider.p-divider-horizontal:before{border-top-width:1px;border-top-color:var(--gray-200)}.p-divider.p-divider-horizontal.p-divider-dash:before{border-top-style:dashed}.p-divider.p-divider-vertical{margin:0rem 1rem;padding:1rem 0rem}.p-divider.p-divider-vertical .p-divider-content{padding:.5rem 0}.p-divider.p-divider-vertical:before{border-left-width:1px;border-left-color:var(--gray-200)}.p-divider.p-divider-vertical.p-divider-dash:before{border-left-style:dashed}.p-scrollpanel .p-scrollpanel-bar{background:var(--black-10);border:0 none;border-radius:.5rem}.p-scrollpanel .p-scrollpanel-bar:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-accordion .p-accordion-header .p-accordion-header-link{display:flex;flex-direction:row;align-items:center;color:var(--black-60);font-weight:700;padding:1rem 0rem;border-top:1px solid var(--gray-200);background:rgba(255,255,255,.0001);transition:.2s;gap:.5rem}.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon{font-size:1.25rem}.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link{background:rgba(255,255,255,.0001);border-color:var(--gray-200);color:var(--black-80)}.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link{background:rgba(255,255,255,.0001);border-color:var(--gray-200);color:var(--black-80)}.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link{border-color:var(--gray-200);background:rgba(255,255,255,.0001);color:var(--black-80)}.p-accordion .p-accordion-content{padding:0rem 0rem 1rem 1.75rem;border-bottom:none;background:rgba(255,255,255,.0001);color:var(--black-80)}.p-accordion .p-accordion-tab{margin-bottom:0rem}.p-accordion .p-accordion-tab:first-child .p-accordion-header-link{border-top:none}.p-accordion .p-accordion-tab .p-accordion-content .p-accordion-header-link{border-top:1px solid var(--gray-200)}.p-stepper .p-stepper-nav{display:flex;gap:.5rem;justify-content:space-between;margin:0;padding:0;list-style-type:none;overflow:hidden;overflow-x:auto}.p-stepper .p-stepper-header{position:relative;display:flex;flex:1 1 auto;align-items:center;padding:.5rem 0}.p-stepper .p-stepper-header.p-disabled{opacity:1;cursor:initial}.p-stepper .p-stepper-header.p-disabled .p-stepper-action{opacity:.6}.p-stepper .p-stepper-header:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-stepper .p-stepper-header.p-highlight .p-stepper-title{color:var(--black-80)}.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-separator{background-color:var(--emerald-700)}.p-stepper .p-stepper-header.p-highlight .p-stepper-number,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-number{color:var(--white-100);background-color:var(--emerald-700);border-color:rgba(0,0,0,0)}.p-stepper .p-stepper-header.p-highlight .p-stepper-icon,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-icon{color:var(--emerald-700)}.p-stepper .p-stepper-header.p-highlight .p-stepper-action.p-danger .p-stepper-number,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-action.p-danger .p-stepper-number{color:var(--white-100);background-color:var(--red-400)}.p-stepper p-stepperheader .p-stepper-action{display:inline-flex;align-items:center;flex-grow:0;transition:.2s;border-radius:.5rem;background:var(--white-100);outline-color:rgba(0,0,0,0);padding:0}.p-stepper p-stepperheader .p-stepper-action:hover{cursor:pointer}.p-stepper p-stepperheader .p-stepper-action:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-stepper p-stepperheader .p-stepper-action .p-stepper-number{display:flex;align-items:center;justify-content:center;font-weight:400;color:var(--black-80);border:1px solid var(--gray-200);background:var(--white-100);min-width:1.5rem;height:1.5rem;line-height:1;font-size:1rem;border-radius:8rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-left:.5rem;color:var(--black-80);font-weight:400;transition:background-color .2s,color .2s,box-shadow .2s}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
-  line-height: 1;margin-left:.5rem;
-}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper .p-stepper-title{margin-left:0}.p-stepper p-stepperheader .p-stepper-action .p-stepper-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.5rem;
-  line-height: 2rem;
-  line-height: 1;min-width:1.5rem;height:1.5rem;
-}.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-number,.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-icon{color:var(--red-400)}.p-stepper .p-stepper-panels{background:rgba(255,255,255,.0001);padding:1rem 0rem;color:var(--black-80)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-number,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-number{color:var(--white-100);background-color:var(--emerald-700);border-color:rgba(0,0,0,0)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-icon,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-icon{color:var(--emerald-700)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-action.p-danger .p-stepper-number,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-action.p-danger .p-stepper-number{color:var(--white-100);background-color:var(--red-400)}.p-stepper .p-stepper-separator{background-color:var(--gray-200);width:100%;height:1px;margin-inline-start:.5rem;transition:.2s}.p-stepper.no-line .p-stepper-separator{background-color:rgba(0,0,0,0) !important}.p-stepper.p-stepper-vertical{display:flex;flex-direction:column}.p-stepper.p-stepper-vertical .p-stepper-toggleable-content{display:flex;flex:1 1 auto;background:rgba(255,255,255,.0001);color:var(--black-80)}.p-stepper.p-stepper-vertical .p-stepper-panel{display:flex;flex-direction:column;flex:initial}.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active{flex:1 1 auto}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header{flex:initial}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content{width:100%;padding-left:1rem}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator{flex:0 0 auto;width:2px;height:auto;margin-inline-start:calc(1.75rem + 2px)}.p-stepper.p-stepper-vertical .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-separator{background-color:var(--emerald-700)}.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content{padding-left:3rem}.p-card{overflow:hidden;color:var(--black-80);font-size:1rem;border-radius:.5rem;border:1px solid var(--gray-200);background:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-card.p-card-no-shadow{box-shadow:none}.p-card .p-card-body{padding:1rem}.p-card .p-card-title{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.p-card .p-card-subtitle{font-size:.875rem;font-weight:400;color:var(--black-60)}.p-card .p-card-content{padding:1rem 0 0}.p-card .p-card-footer{padding:1rem 0 0}.p-tooltip .p-tooltip-text{background:var(--gray-800);color:var(--white-100);padding:.5rem 1rem;box-shadow:0 .25rem .25rem 0 var(--black-20);border-radius:.5rem}.p-tooltip-arrow{border-color:rgba(0,0,0,0)}.p-tooltip-right .p-tooltip-arrow,.p-tooltip-left .p-tooltip-arrow{margin-top:-0.25rem}.p-tooltip-top .p-tooltip-arrow,.p-tooltip-bottom .p-tooltip-arrow{margin-left:-0.25rem}.p-tooltip-right .p-tooltip-arrow{border-width:.25em .25em .25em 0;border-right-color:var(--gray-800)}.p-tooltip-left .p-tooltip-arrow{border-width:.25em 0 .25em .25rem;border-left-color:var(--gray-800)}.p-tooltip-top .p-tooltip-arrow{border-width:.25em .25em 0;border-top-color:var(--gray-800)}.p-tooltip-bottom .p-tooltip-arrow{border-width:0 .25em .25rem;border-bottom-color:var(--gray-800)}.p-dialog{border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20);border:1px solid var(--gray-200)}.p-dialog .p-dialog-header{border-bottom:1px solid var(--gray-200);background:var(--white-100);color:var(--black-80);padding:1.5rem 1.5rem 1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-dialog .p-dialog-header .p-dialog-title{font-weight:bold;font-size:1.25rem}.p-dialog .p-dialog-header .p-dialog-header-icon{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin-right:.5rem;box-shadow:none}.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-dialog .p-dialog-header .p-dialog-header-icon.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-dialog .p-dialog-header .p-dialog-header-icon:last-child{margin-right:0}.p-dialog-danger .p-dialog-title::before,.p-dialog-success .p-dialog-title::before,.p-dialog-info .p-dialog-title::before,.p-dialog-warning .p-dialog-title::before,.p-dialog-help .p-dialog-title::before{content:"";display:inline-block;width:1.5rem;height:1.5rem;background-size:contain;margin-right:.5rem;vertical-align:text-bottom}.p-dialog-danger .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM8.13128 8.63128C8.47299 8.28957 9.02701 8.28957 9.36872 8.63128L10.5 9.76256L11.6313 8.63128C11.973 8.28957 12.527 8.28957 12.8687 8.63128C13.2104 8.97299 13.2104 9.52701 12.8687 9.86872L11.7374 11L12.8687 12.1313C13.2104 12.473 13.2104 13.027 12.8687 13.3687C12.527 13.7104 11.973 13.7104 11.6313 13.3687L10.5 12.2374L9.36872 13.3687C9.02701 13.7104 8.47299 13.7104 8.13128 13.3687C7.78957 13.027 7.78957 12.473 8.13128 12.1313L9.26256 11L8.13128 9.86872C7.78957 9.52701 7.78957 8.97299 8.13128 8.63128Z" fill="%23E26E63"/></svg>') no-repeat}.p-dialog-success .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM13.7437 8.63128C14.0854 8.97299 14.0854 9.52701 13.7437 9.86872L10.2437 13.3687C9.90201 13.7104 9.34799 13.7104 9.00628 13.3687L7.25628 11.6187C6.91457 11.277 6.91457 10.723 7.25628 10.3813C7.59799 10.0396 8.15201 10.0396 8.49372 10.3813L9.625 11.5126L12.5063 8.63128C12.848 8.28957 13.402 8.28957 13.7437 8.63128Z" fill="%2368C170"/></svg>') no-repeat}.p-dialog-warning .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.24855 2.2875C9.63056 2.07229 10.0616 1.95923 10.5 1.95923C10.9385 1.95923 11.3695 2.07229 11.7515 2.2875C12.1335 2.5027 12.4536 2.81277 12.6808 3.18777L12.6831 3.19162L19.7759 15.0356L19.7832 15.0481C20.0055 15.4335 20.123 15.8705 20.1241 16.3154C20.1252 16.7604 20.0098 17.1979 19.7895 17.5845C19.5691 17.9711 19.2514 18.2932 18.868 18.519C18.4846 18.7447 18.0487 18.8662 17.6038 18.8714L17.5937 18.8715L3.39659 18.8714C2.95146 18.8664 2.51539 18.7449 2.13176 18.5191C1.74813 18.2933 1.43031 17.9709 1.20992 17.5841C0.98952 17.1974 0.874224 16.7596 0.875499 16.3145C0.876773 15.8693 0.994574 15.4322 1.21718 15.0467L1.22426 15.0347L8.30299 3.21587C8.30825 3.20642 8.31369 3.19705 8.31931 3.18777C8.5465 2.81277 8.86655 2.5027 9.24855 2.2875ZM10.5 3.70923C10.3625 3.70923 10.2273 3.74469 10.1075 3.81219C9.99324 3.87657 9.89665 3.968 9.82613 4.07836C9.82357 4.0828 9.82097 4.08723 9.81833 4.09164L2.72982 15.9268C2.66184 16.0465 2.62589 16.1818 2.62549 16.3195C2.62509 16.4591 2.66126 16.5964 2.73039 16.7177C2.79952 16.839 2.8992 16.9401 3.01953 17.011C3.13871 17.0811 3.27402 17.1192 3.41225 17.1214H17.5877C17.7258 17.1191 17.861 17.0811 17.9801 17.011C18.1004 16.9401 18.2 16.8391 18.2691 16.7178C18.3383 16.5966 18.3745 16.4594 18.3741 16.3198C18.3738 16.1822 18.3379 16.047 18.2701 15.9274L11.1841 4.09457C11.1837 4.09404 11.1834 4.09351 11.1831 4.09298C11.1119 3.97607 11.0119 3.87939 10.8926 3.81219C10.7728 3.74469 10.6376 3.70923 10.5 3.70923ZM10.5001 7.49997C10.9833 7.49997 11.3751 7.89172 11.3751 8.37497V11.875C11.3751 12.3582 10.9833 12.75 10.5001 12.75C10.0168 12.75 9.62506 12.3582 9.62506 11.875V8.37497C9.62506 7.89172 10.0168 7.49997 10.5001 7.49997ZM9.62506 14.5C9.62506 14.0167 10.0168 13.625 10.5001 13.625H10.5088C10.9921 13.625 11.3838 14.0167 11.3838 14.5C11.3838 14.9832 10.9921 15.375 10.5088 15.375H10.5001C10.0168 15.375 9.62506 14.9832 9.62506 14.5Z" fill="%23FFB330"/></svg>') no-repeat}.p-dialog-info .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.625 8.375C9.625 7.89175 10.0168 7.5 10.5 7.5H10.5087C10.992 7.5 11.3837 7.89175 11.3837 8.375C11.3837 8.85825 10.992 9.25 10.5087 9.25H10.5C10.0168 9.25 9.625 8.85825 9.625 8.375ZM8.75 11C8.75 10.5168 9.14175 10.125 9.625 10.125H10.5C10.9832 10.125 11.375 10.5168 11.375 11V13.625C11.8582 13.625 12.25 14.0168 12.25 14.5C12.25 14.9832 11.8582 15.375 11.375 15.375H10.5C10.0168 15.375 9.625 14.9832 9.625 14.5V11.875C9.14175 11.875 8.75 11.4832 8.75 11Z" fill="%2349A2EF"/></svg>') no-repeat}.p-dialog-help .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.99829 7.55089C10.5752 7.43547 11.1741 7.51853 11.6978 7.78656C12.2234 8.05459 12.6434 8.49186 12.89 9.02783C13.1367 9.56409 13.1955 10.1679 13.0568 10.7416C12.9181 11.3154 12.5901 11.8257 12.1257 12.1901C11.6613 12.5545 11.0877 12.7518 10.4974 12.75C10.0141 12.7486 9.62355 12.3556 9.625 11.8724C9.62646 11.3891 10.0194 10.9986 10.5026 11C10.6994 11.0006 10.8906 10.9349 11.0454 10.8134C11.2002 10.6919 11.3096 10.5218 11.3558 10.3306C11.402 10.1393 11.3824 9.93804 11.3002 9.75929C11.2179 9.58053 11.0778 9.43472 10.9025 9.34539L10.9008 9.34452C10.7285 9.25627 10.5314 9.2289 10.3416 9.26688C10.1518 9.30486 9.98043 9.40595 9.85536 9.5537C9.54314 9.92255 8.99103 9.96846 8.62218 9.65624C8.25333 9.34403 8.20742 8.79191 8.51964 8.42306C8.89995 7.97377 9.42109 7.66638 9.99829 7.55089ZM10.5 13.625C10.9832 13.625 11.375 14.0168 11.375 14.5V14.5087C11.375 14.992 10.9832 15.3837 10.5 15.3837C10.0168 15.3837 9.625 14.992 9.625 14.5087V14.5C9.625 14.0168 10.0168 13.625 10.5 13.625Z" fill="%23AB77DF"/></svg>') no-repeat}.p-dialog .p-dialog-content{background:var(--white-100);color:var(--black-80);padding:1.5rem 1.5rem}.p-dialog .p-dialog-content:last-of-type{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer{display:flex;border-top:1px solid rgba(255,255,255,.0001);background:var(--white-100);color:var(--black-60);padding:0rem 1.5rem 1.5rem;text-align:right;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer button{width:auto}.p-dialog .p-confirm-dialog-accept{order:1}.p-dialog .p-confirm-dialog-reject{order:2}.p-dialog.p-dialog-maximized .p-dialog-header,.p-dialog.p-dialog-maximized .p-dialog-content:last-of-type{border-radius:0}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon{font-size:2rem}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon{width:2rem;height:2rem}.p-dialog.p-confirm-dialog .p-dialog-footer{flex-direction:row-reverse;gap:.5rem}.p-dialog.p-confirm-dialog .p-dialog-footer i.none{display:none}.p-overlaypanel{background:var(--white-100);color:var(--black-80);border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-overlaypanel .p-overlaypanel-content{padding:1rem}.p-overlaypanel .p-overlaypanel-close{background:var(--emerald-700);color:var(--white-100);width:2rem;height:2rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem;position:absolute;top:-1rem;right:-1rem}.p-overlaypanel .p-overlaypanel-close:enabled:hover{background:var(--emerald-800);color:var(--white-100)}.p-overlaypanel:after{border:solid rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-bottom-color:var(--white-100);border-width:6px}.p-overlaypanel:before{border:solid rgba(0,0,0,0);border-width:8px;border-color:rgba(0,0,0,0);border-bottom-color:var(--gray-200)}.p-overlaypanel.p-overlaypanel-flipped{margin-top:-7px !important}.p-overlaypanel.p-overlaypanel-flipped:after{border-top-color:var(--white-100);border-bottom-color:rgba(0,0,0,0)}.p-overlaypanel.p-overlaypanel-flipped:before{border-top-color:var(--gray-200);border-bottom-color:rgba(0,0,0,0)}.p-sidebar{color:var(--black-80);border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20);background:var(--white-100);margin:.5rem;height:calc(100vh - 1rem) !important}.p-sidebar.p-sidebar-top,.p-sidebar.p-sidebar-full,.p-sidebar.p-sidebar-bottom{width:calc(100vw - 1rem);width:-webkit-fill-available !important}.p-sidebar.p-sidebar-top,.p-sidebar.p-sidebar-bottom{height:auto}.p-sidebar .p-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--gray-200)}.p-sidebar .p-sidebar-header .p-sidebar-close,.p-sidebar .p-sidebar-header .p-sidebar-icon{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-sidebar .p-sidebar-header .p-sidebar-close.p-disabled,.p-sidebar .p-sidebar-header .p-sidebar-icon.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-sidebar .p-sidebar-header>:only-child{margin-left:auto}.p-sidebar .p-sidebar-content{padding:1.5rem 1.5rem}.p-sidebar .p-sidebar-footer{display:flex;align-items:center;gap:.5rem;padding:1.5rem 1.5rem;padding-top:0rem}.p-avatar{height:2rem;width:2rem;color:var(--white-100);font-size:1rem;background-color:var(--emerald-700);border-radius:.5rem}.p-avatar:not(.p-avatar-image){border:1px solid var(--gray-200)}.p-avatar.p-avatar-image{background:rgba(0,0,0,0);position:relative}.p-avatar.p-avatar-image img{position:relative;object-fit:cover;border-radius:inherit}.p-avatar.p-avatar-image .p-badge{z-index:1}.p-avatar.p-avatar-image::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid var(--gray-200);border-radius:inherit;z-index:1}.p-avatar.p-avatar-lg{width:2.5rem;height:2.5rem;font-size:1rem}.p-avatar.p-avatar-lg .p-avatar-icon{font-size:1rem}.p-avatar.p-avatar-xl{width:3.5rem;height:3.5rem;font-size:1.5rem}.p-avatar.p-avatar-xl .p-avatar-icon{font-size:1.5rem}.p-avatar-circle{border-radius:50%}.p-badge{background:var(--emerald-700);color:var(--white-100);font-size:.75rem;font-weight:bold;min-width:1.5rem;height:1.5rem;line-height:1.5rem}.p-badge.p-badge-success{background-color:var(--green-400);color:var(--white-100)}.p-badge.p-badge-info{background-color:var(--blue-400);color:var(--white-100)}.p-badge.p-badge-warning{background-color:var(--orange-400);color:var(--white-100)}.p-badge.p-badge-danger{background-color:var(--red-400);color:var(--white-100)}.p-badge.p-badge-dot{width:.5rem;height:.5rem;min-width:auto}.p-tag{height:1.5rem;color:var(--white-100);font-size:.875rem;font-weight:bold;padding:.5rem;border-radius:.5rem;background:var(--emerald-700)}.p-tag.p-tag-success{background-color:var(--green-400);color:var(--white-100)}.p-tag.p-tag-info{background-color:var(--blue-400);color:var(--white-100)}.p-tag.p-tag-warning{background-color:var(--orange-400);color:var(--white-100)}.p-tag.p-tag-danger{background-color:var(--red-400);color:var(--white-100)}.p-tag.p-tag-rounded{border-radius:100px}.p-tag.p-tag-secondary{background-color:var(--gray-200);color:var(--black-60)}.p-tag .p-tag-icon{margin-right:.25rem;font-size:.875rem}.p-tag .p-tag-icon.p-icon{width:.875rem;height:.875rem}.p-progressbar{border:none;height:1rem;background:var(--black-10);border-radius:.5rem}.p-progressbar .p-progressbar-value{border:0 none;margin:0;background:var(--emerald-700)}.p-progressbar .p-progressbar-label{color:var(--white-100);line-height:1rem}.p-progress-spinner-circle{animation:p-progress-spinner-dash 1.5s ease-in-out infinite,p-progress-spinner-primary-color 6s ease-in-out infinite}@keyframes p-progress-spinner-primary-color{100%,0%{stroke:var(--primary-color) !important}40%{stroke:var(--primary-color) !important}66%{stroke:var(--primary-color) !important}80%,90%{stroke:var(--primary-color) !important}}.p-metergroup{display:flex;gap:.75rem;flex-direction:column}.p-metergroup .p-metergroup-meter-container{background:var(--black-10);border-radius:.5rem}.p-metergroup .p-metergroup-labels{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style-type:none;gap:1rem;row-gap:.75rem}.p-metergroup .p-metergroup-labels-vertical{gap:.5rem;flex-direction:column}.p-metergroup .p-metergroup-meters{display:flex;background:var(--black-10);border-radius:.5rem;height:.5rem}.p-metergroup .p-metergroup-meter{border:none;background:var(--emerald-700)}.p-metergroup .p-metergroup-label-list-item{line-height:1rem}.p-metergroup .p-metergroup-label-type{background:var(--emerald-700);width:.5rem;height:.5rem;border-radius:100%;margin-right:.5rem}.p-metergroup .p-metergroup-label{display:inline-flex;align-items:center;color:var(--black-60);gap:.5rem;font-size:.875rem;line-height:100%}.p-metergroup .p-metergroup-label .p-metergroup-label-marker{width:.5rem;height:.5rem;border-radius:100%;display:inline-flex}.p-metergroup .p-metergroup-label-icon{width:1rem;height:1rem;font-size:1rem}.p-metergroup .p-metergroup-label-list-vertical{gap:.25rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container{height:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start{margin-bottom:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end{margin-top:.5rem}.p-metergroup.p-metergroup-vertical{flex-direction:row}.p-metergroup.p-metergroup-vertical .p-metergroup-meters{width:.5rem;height:100%;flex-direction:column}.p-metergroup.p-metergroup-vertical .p-metergroup-meter{width:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start){margin-left:.5rem}.p-chip{height:1.75rem;color:var(--black-80);border-radius:.25rem;border:1px solid rgba(255,255,255,.0001);padding:0rem .5rem;background-color:var(--black-10);display:inline-flex}.p-chip.p-disabled{color:var(--black-60);border-color:var(--gray-200);background-color:var(--black-10)}.p-chip .p-chip-text{line-height:1.5;margin-top:0rem;margin-bottom:0rem}.p-chip .p-chip-icon{margin-right:.5rem}.p-chip img{width:1.5rem;height:1.5rem;margin-left:-0.75rem;margin-right:.5rem}.p-chip .p-chip-remove-icon{border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin-left:.5rem}.p-chip .p-chip-remove-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-chip .p-chip-remove-icon:focus{outline:0 none}timescircleicon svg{display:none !important}timescircleicon::after{cursor:pointer;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E") no-repeat;height:16px;width:16px;background:var(--black-80);margin-left:.5rem;content:""}.p-skeleton{background:var(--gray-200);border-radius:.5rem}.p-skeleton:after{background:linear-gradient(90deg, var(--gray-200) 0%, var(--gray-100) 40%, var(--gray-200) 75%)}.p-message{overflow:hidden;margin:0rem;border-radius:.5rem}.p-message .p-message-wrapper{padding:1rem;position:relative;display:grid;padding-left:4rem;min-height:4rem}.p-message .p-message-close{width:2rem;height:2rem;border-radius:.5rem;background:rgba(0,0,0,0);transition:background-color .2s,color .2s,box-shadow .2s;position:absolute;top:1rem;right:1rem}.p-message .p-message-close:hover{background:rgba(255,255,255,.5)}.p-message .p-message-close:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-message.p-message-info{background:var(--blue-50);border:1px solid var(--blue-200)}.p-message.p-message-info .p-message-wrapper{border-left:.25rem solid var(--blue-400)}.p-message.p-message-info .p-message-icon{color:var(--blue-400)}.p-message.p-message-info .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--blue-400)}.p-message.p-message-info .p-message-close{color:var(--blue-400);border:1px solid var(--blue-200);background:rgba(0,0,0,0)}.p-message.p-message-info .p-message-close:hover{color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-success{background:var(--green-50);border:1px solid var(--green-200)}.p-message.p-message-success .p-message-wrapper{border-left:.25rem solid var(--green-400)}.p-message.p-message-success .p-message-icon{color:var(--green-400)}.p-message.p-message-success .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--green-400)}.p-message.p-message-success .p-message-close{color:var(--green-400);border:1px solid var(--green-200);background:rgba(0,0,0,0)}.p-message.p-message-success .p-message-close:hover{color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-warn{background:var(--orange-50);border:1px solid var(--orange-200)}.p-message.p-message-warn .p-message-wrapper{border-left:.25rem solid var(--orange-400)}.p-message.p-message-warn .p-message-icon{color:var(--orange-400)}.p-message.p-message-warn .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--orange-400)}.p-message.p-message-warn .p-message-close{color:var(--orange-400);border:1px solid var(--orange-200);background:rgba(0,0,0,0)}.p-message.p-message-warn .p-message-close:hover{color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-error{background:var(--red-50);border:1px solid var(--red-200)}.p-message.p-message-error .p-message-wrapper{border-left:.25rem solid var(--red-400)}.p-message.p-message-error .p-message-icon{color:var(--red-400)}.p-message.p-message-error .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--red-400)}.p-message.p-message-error .p-message-close{color:var(--red-400);border:1px solid var(--red-200);background:rgba(0,0,0,0)}.p-message.p-message-error .p-message-close:hover{color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message .p-message-text{font-size:1rem;font-weight:normal;color:var(--black-80)}.p-message .p-message-icon{font-size:2rem;display:inline;margin-right:.5rem;position:absolute;top:1rem;left:1rem}.p-message .p-message-icon .p-icon-wrapper{display:none}.p-message .p-message-icon.p-icon{width:2rem;height:2rem}.p-message .p-message-summary{font-size:1rem;font-weight:bold;color:var(--black-80);margin-right:.25rem}.p-message .p-message-detail{font-size:.875rem;font-weight:normal;color:var(--black-60);display:block}.p-toast{opacity:1}.p-toast .p-toast-message{overflow:hidden;margin:.25rem;box-shadow:0 .25rem .25rem 0 var(--black-20);border-radius:.5rem}.p-toast .p-toast-message .p-toast-message-content{gap:1rem;padding:1rem;border-left-width:.25rem;border-left-style:solid}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text{margin:0rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon{font-size:2rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon .p-icon-wrapper{display:none}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon{width:2rem;height:2rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-summary{font-weight:bold;font-size:1rem;color:var(--black-80);margin:auto 0}.p-toast .p-toast-message .p-toast-message-content .p-toast-detail{font-weight:normal;font-size:.875rem;color:var(--black-60);margin-top:.25rem}.p-toast .p-toast-message .p-toast-icon-close{width:2rem;height:2rem;border-radius:.5rem;background:var(--white-100);transition:background-color .2s,color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-info{background:var(--blue-50);border:1px solid var(--blue-200)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-content{border-left:.25rem solid var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon{color:var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close{color:var(--blue-400);border:1px solid var(--blue-200);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover{color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-success{background:var(--green-50);border:1px solid var(--green-200)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-content{border-left:.25rem solid var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon{color:var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close{color:var(--green-400);border:1px solid var(--green-200);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover{color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-warn{background:var(--orange-50);border:1px solid var(--orange-200)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-content{border-left:.25rem solid var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon{color:var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close{color:var(--orange-400);border:1px solid var(--orange-200);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover{color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-error{background:var(--red-50);border:1px solid var(--red-200)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-content{border-left:.25rem solid var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon{color:var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close{color:var(--red-400);border:1px solid var(--red-200);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover{color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-breadcrumb{background:rgba(255,255,255,.0001);border:none;padding:0rem}.p-breadcrumb.none-separator-breadcrum .p-menuitem-separator{opacity:0}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link{transition:.2s;border-radius:.5rem;padding:.25rem}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover{background-color:var(--gray-100)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator{margin:0 .25rem;color:var(--black-80);font-size:1.25rem}.p-breadcrumb .p-breadcrumb-list li:last-child{pointer-events:none;opacity:.6}.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text{color:var(--black-80)}.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon{color:var(--black-80)}.p-menubar{display:flex;padding:.25rem;align-items:flex-end;border-radius:.5rem;border:1px solid var(--gray-200);background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-menubar .p-menuitem{width:100%;margin-top:.25rem}.p-menubar .p-menuitem:first-of-type{margin-top:0}.p-menubar .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-menubar .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--emerald-700)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--emerald-800)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-menubar .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-menubar .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-menubar [class*=list][level="0"]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.p-menubar [class*=list][level="0"]>.p-menuitem{margin:0}.p-menubar [class*=list]:not([level="0"]){min-width:8rem;z-index:2}.p-menubar [class*=list][level="1"]{margin-top:.25rem}.p-menubar [class*=list][level="1"].p-menuitem:first-of-type{margin-top:.25rem}.p-menubar [class*=list]:not([level="0"]):not([level="1"]){margin-left:.25rem;margin-top:-0.25rem}.p-menubar ul{margin:0;padding:0;list-style:none}.p-menubar .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-menubar .p-menuitem-text{line-height:1}.p-menubar .p-menuitem{position:relative;margin-top:.25rem}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--emerald-800);color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem.p-menuitem:first-of-type{margin-top:.25rem}.p-menubar .p-menuitem .p-submenu-list{display:none;position:absolute;z-index:2;border-radius:.5rem;border:1px solid var(--gray-200);background-color:var(--white-100)}.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg){margin-left:auto}.p-menubar .p-menuitem .p-menubar-root-list .p-icon-wrapper{margin-left:auto}.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-icon-wrapper{margin-left:auto}.p-menubar .p-menuitem .p-menubar-custom,.p-menubar .p-menuitem .p-menubar-end{margin-left:auto;align-self:center}.p-menubar .p-menubar-root-list{display:flex;align-items:center;flex-wrap:nowrap}.p-menubar .p-menubar-root-list>li ul{display:none;z-index:1}@media screen and (min-width: 960px){.p-menubar .p-submenu-list>.p-menuitem-active>p-menubarsub>.p-submenu-list{display:block;left:100%;top:0}.p-menubar .p-menubar-root-list>.p-menuitem-active>p-menubarsub>.p-submenu-list{display:block}}.p-menubar .p-menubar-button{display:none;cursor:pointer;align-items:center;justify-content:center}@media screen and (max-width: 960px){.p-menubar{position:relative;align-items:center}.p-menubar .p-menubar-button{display:flex;width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-menubar .p-menubar-button:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-menubar .p-menubar-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-menubar .p-menubar-button.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-menubar .p-menuitem-active[aria-expanded=false] .p-submenu-list{display:none}.p-menubar .p-menuitem-active[aria-expanded=true]>p-menubarsub>.p-submenu-list{display:block;position:relative;left:auto;top:auto;border:0}.p-menubar [aria-expanded=true]+p-menubarsub .p-menubar-root-list{display:block}.p-menubar .p-menubar-root-list{position:absolute;left:0;top:100%;display:none;flex-direction:column;min-width:8rem;border:1px solid var(--gray-200);padding:.25rem;margin-top:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20);border-radius:.5rem;z-index:2}.p-menubar .p-menubar-root-list [aria-expanded=false] .p-submenu-icon{transform:rotate(-90deg)}.p-menubar .p-submenu-list{width:100%;display:none;border:none;border-radius:0;margin:0 !important;padding:.25rem 0 0 .75rem;border-radius:.5rem;box-shadow:none}.p-menubar .p-submenu-list [aria-expanded=false] .p-submenu-icon{transform:rotate(0deg)}.p-menubar .p-submenu-list [aria-expanded=true] .p-submenu-icon{transform:rotate(90deg)}}.p-megamenu [class*=header]{color:var(--black-60);font-size:.875rem;font-weight:bold;text-transform:uppercase;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-megamenu [class*=header][data-p-disabled=true]{color:var(--black-60);background-color:var(--black-10);border-color:var(--gray-200)}.p-megamenu [class*=grid]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem;width:max-content;border-radius:.5rem;border:1px solid var(--gray-200);padding:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-megamenu [class*=col]{display:flex;flex-grow:1;width:auto;padding:0}.p-megamenu .p-menuitem{width:100%;margin-top:.25rem}.p-megamenu .p-menuitem:first-of-type{margin-top:0}.p-megamenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--emerald-700)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--emerald-800)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-megamenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-megamenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-megamenu-horizontal{display:flex}.p-megamenu-horizontal [class*=root]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.p-megamenu-horizontal [class*=root]>.p-menuitem{margin:0}.p-megamenu-horizontal [class*=grid]{margin-top:.25rem}.p-megamenu-vertical{display:flex}.p-megamenu-vertical [class*=root]{display:flex;flex-direction:column}.p-megamenu-vertical [class*=grid]{margin-left:.25rem}@media screen and (max-width: 960px){.p-megamenu{position:relative}.p-megamenu .p-megamenu-button{display:flex;width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-megamenu .p-megamenu-button:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-megamenu .p-megamenu-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-megamenu .p-megamenu-button.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-megamenu [aria-expanded=false]+[class*=root]{display:none}.p-megamenu [class*=root]{position:absolute;left:0;top:100%;display:flex;flex-direction:column;min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-200);padding:.25rem;margin-top:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20);z-index:2}.p-megamenu [class*=panel]{width:100%;position:static}.p-megamenu [class*=grid]{display:flex;flex-direction:column;border:none;border-radius:0;margin:0 !important;padding:.25rem 0 0 .75rem;box-shadow:none}.p-megamenu [class*=grid] [class*=list]{width:100%}.p-megamenu-horizontal [aria-expanded=false] .p-submenu-icon{transform:rotate(-90deg)}.p-megamenu-vertical [aria-expanded=true] .p-submenu-icon{transform:rotate(90deg)}}.p-menu [class*=header]{color:var(--black-60);font-size:.875rem;font-weight:bold;text-transform:uppercase;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-menu [class*=header][data-p-disabled=true]{color:var(--black-60);background-color:var(--black-10);border-color:var(--gray-200)}.p-menu .p-menuitem{width:100%;margin-top:.25rem}.p-menu .p-menuitem:first-of-type{margin-top:0}.p-menu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-menu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--emerald-700)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--emerald-800)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-menu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-menu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-menu .p-menuitem[data-p-disabled=true] .p-disabled{opacity:.6}.p-menu-overlay{min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-200);padding:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20);z-index:2}.p-tieredmenu{display:flex}.p-tieredmenu [class*=root]{display:flex;flex-direction:column}.p-tieredmenu [data-pc-section=menu]{border-radius:.5rem;border:1px solid var(--gray-200);background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-tieredmenu .p-menuitem{width:100%;margin-top:.25rem}.p-tieredmenu .p-menuitem:first-of-type{margin-top:0}.p-tieredmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--emerald-700)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--emerald-800)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-tieredmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-tabmenu .p-tabmenu-nav{background:rgba(255,255,255,.0001);border-bottom:1px solid var(--gray-200)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem{margin-right:1.5rem}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{background:rgba(255,255,255,.0001);color:var(--black-80);font-weight:normal;border-bottom:.25rem solid rgba(255,255,255,.0001);padding:1rem 0rem;margin:0;transition:.2s}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon{margin-right:.5rem}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link{background:rgba(255,255,255,.0001);border-color:rgba(255,255,255,.0001);color:var(--emerald-700)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{background:rgba(255,255,255,.0001);border-color:var(--emerald-700);color:var(--emerald-700)}.p-tabmenu .p-tabmenu-nav-btn.p-link{background:var(--white-100);color:var(--black-80);width:2.5rem;box-shadow:0px 0px 10px 50px var(--white-60);border-radius:0}.p-tabmenu .p-tabmenu-nav-btn.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-tabmenu .p-tabmenu-nav-btn.p-link:hover{color:var(--emerald-700)}.p-tabmenu .p-tabmenu-nav-container>.p-tabmenu-nav-content>.p-tabmenu-nav{white-space:nowrap;width:max-content}.p-panelmenu[data-pc-section=root]{display:flex;flex-direction:column;gap:.25rem}.p-panelmenu [data-pc-section=header]{padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.0001);background-color:rgba(255,255,255,.0001)}.p-panelmenu [data-pc-section=header] .p-panelmenu-header-action{display:flex;gap:.5rem}.p-panelmenu [data-pc-section=header] .p-panelmenu-header-link{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.p-panelmenu [data-pc-section=header] .p-menuitem-text{color:var(--black-80)}.p-panelmenu [data-pc-section=header] .p-menuitem-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header] .p-submenu-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover{cursor:pointer;background-color:var(--gray-100)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-text{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-submenu-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true]{background-color:var(--emerald-700)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-text{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-submenu-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover{cursor:pointer;background-color:var(--emerald-800)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-text{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-submenu-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][data-p-disabled=true]{background-color:var(--black-10);border-color:var(--gray-200)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-icon{color:var(--black-60)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-text{color:var(--black-60)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-submenu-icon{color:var(--black-60)}.p-panelmenu [data-pc-section=menu]{padding:.25rem 0 0 .75rem}.p-panelmenu [data-pc-section=submenu]{padding:.25rem 0 0 .75rem}.p-panelmenu .p-menuitem{width:100%;margin-top:.25rem}.p-panelmenu .p-menuitem:first-of-type{margin-top:0}.p-panelmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-panelmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--emerald-700)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--emerald-800)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-panelmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled){pointer-events:none;opacity:.6}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-link{pointer-events:none;background-color:var(--black-10);border-color:var(--gray-200);opacity:1}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-icon{color:var(--black-60)}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-text{color:var(--black-60)}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-submenu-icon{color:var(--black-60)}.p-contextmenu [class*=list]{min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-200);padding:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20);z-index:2}.p-contextmenu [class*=list]:not([class*=root]){margin-top:-0.25rem;margin-left:.25rem}.p-contextmenu .p-menuitem{width:100%;margin-top:.25rem}.p-contextmenu .p-menuitem:first-of-type{margin-top:0}.p-contextmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--emerald-700)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--emerald-800)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-contextmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled{opacity:.6}@media screen and (max-width: 767px){.p-contextmenu [aria-expanded=true]>.p-menuitem-content .p-submenu-icon{transform:rotate(90deg)}.p-contextmenu [class*=list]:not([class*=root]){border-radius:0;border:none;padding-left:.75rem !important;margin:0;margin-top:.25rem;background-color:rgba(0,0,0,0);box-shadow:none}}.p-steps{overflow:hidden;overflow-x:auto}.p-steps .p-steps-item{display:flex;justify-content:center}.p-steps .p-steps-item .p-menuitem-link{display:flex;flex-direction:row;align-items:center;gap:.5rem;border-radius:0;padding:0 .5rem;background:var(--white-100);transition:.2s;z-index:1}.p-steps .p-steps-item .p-menuitem-link .p-steps-number{color:var(--black-80);font-weight:400;border:1px solid var(--gray-200);background:var(--white-100);min-width:1.5rem;height:1.5rem;line-height:1.5rem;font-size:1rem;z-index:1;border-radius:8rem}.p-steps .p-steps-item .p-menuitem-link .p-steps-title{color:var(--black-80);font-weight:400}.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-steps .p-steps-item.p-highlight:not(:has(~.p-highlight)) .p-steps-number{background:var(--emerald-700);color:var(--white-100);border-color:rgba(0,0,0,0)}.p-steps .p-steps-item.p-highlight:not(:has(~.p-highlight)) .p-steps-title{color:var(--black-80)}.p-steps .p-steps-item.p-disabled{opacity:1}.p-steps .p-steps-item.p-disabled .p-steps-number,.p-steps .p-steps-item.p-disabled .p-steps-title{opacity:.6}.p-steps .p-steps-item:before{content:" ";border-top:1px solid var(--gray-200);width:100%;top:50%;left:0;display:block;position:absolute}.p-steps .p-steps-item:first-of-type{justify-content:flex-start}.p-steps .p-steps-item:first-of-type .p-menuitem-link{padding-left:0}.p-steps .p-steps-item:last-of-type{justify-content:flex-end}.p-steps .p-steps-item:last-of-type .p-menuitem-link{padding-right:0}.p-timeline .p-timeline-event-content{color:var(--black-80)}.p-timeline .p-timeline-event-opposite,.p-timeline .p-timeline-event-content{line-height:1}.p-timeline .p-timeline-event-marker{border:.25rem solid var(--emerald-700);border-radius:8rem;width:1rem;height:1rem;background-color:var(--white-100)}.p-timeline .p-timeline-event-connector{background-color:var(--gray-200)}.p-timeline.p-timeline-vertical .p-timeline-event-opposite,.p-timeline.p-timeline-vertical .p-timeline-event-content{padding:0rem .5rem}.p-timeline.p-timeline-vertical .p-timeline-event-connector{width:1px}.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,.p-timeline.p-timeline-horizontal .p-timeline-event-content{padding:.5rem 0rem}.p-timeline.p-timeline-horizontal .p-timeline-event-connector{height:1px}.p-carousel .p-carousel-content .p-carousel-prev,.p-carousel .p-carousel-content .p-carousel-next{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin:.5rem}.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,.p-carousel .p-carousel-content .p-carousel-next:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,.p-carousel .p-carousel-content .p-carousel-next:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-carousel .p-carousel-content .p-carousel-prev.p-disabled,.p-carousel .p-carousel-content .p-carousel-next.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-carousel .p-carousel-indicators{padding:1rem}.p-carousel .p-carousel-indicators .p-carousel-indicator{margin-right:.5rem}.p-carousel .p-carousel-indicators .p-carousel-indicator:last-of-type{margin-right:0}.p-carousel .p-carousel-indicators .p-carousel-indicator button{background-color:var(--gray-200);width:.5rem;height:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:1rem}.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover{background:var(--gray-800)}.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background:var(--gray-800);color:var(--white-100)}.p-datatable table{border-collapse:separate}.p-datatable .p-paginator-top{border-width:1px 0 1px 0;border-radius:0}.p-datatable .p-paginator-bottom{border-width:0 0 0 0;border-radius:0}.p-datatable .p-datatable-header{background:var(--gray-50);color:var(--black-80);border:1px solid var(--gray-200);border-width:0 0 1px 0;padding:1rem 1rem;font-weight:500}.p-datatable .p-datatable-footer{background:var(--gray-50);color:var(--black-80);border:1px solid var(--gray-200);border-width:0 0 1px 0;padding:1rem 1rem;font-weight:500}.p-datatable .p-datatable-thead>tr>th{text-align:left;padding:1rem 1rem;border:1px solid var(--gray-200);border-width:0 0 1px 0;font-weight:500;color:var(--black-80);background:var(--gray-50);transition:.2s}.p-datatable .p-datatable-tfoot>tr>td{text-align:left;padding:1rem 1rem;border:1px solid var(--gray-200);border-width:0 0 1px 0;font-weight:500;color:var(--black-80);background:var(--gray-50)}.p-datatable .p-sortable-column p-sorticon{vertical-align:middle}.p-datatable .p-sortable-column p-sorticon sortalticon>svg,.p-datatable .p-sortable-column p-sorticon sortamountupalticon>svg,.p-datatable .p-sortable-column p-sorticon sortamountdownicon>svg{display:none}.p-datatable .p-sortable-column p-sorticon sortalticon::after,.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after,.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after{width:1.25rem;height:1.25rem;color:var(--black-80);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.p-datatable .p-sortable-column p-sorticon sortalticon::after{content:""}.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after{content:"";color:var(--emerald-700)}.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after{content:"";color:var(--emerald-700)}.p-datatable .p-sortable-column .p-sortable-column-badge{border-radius:50%;height:1.25rem;min-width:1.25rem;line-height:1.25rem;color:var(--white-100);background:var(--emerald-700);margin-left:.5rem}.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon{color:var(--black-80)}.p-datatable .p-sortable-column.p-highlight{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{color:var(--emerald-700)}.p-datatable .p-sortable-column:focus-visible{box-shadow:0 0 0 .25rem var(--emerald-200);outline:0 none}.p-datatable .p-datatable-tbody>tr{background:var(--white-100);color:var(--black-80);transition:.2s}.p-datatable .p-datatable-tbody>tr>td{text-align:left;border:1px solid var(--gray-200);border-width:0 0 1px 0;padding:1rem 1rem}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save{margin-right:.5rem}.p-datatable .p-datatable-tbody>tr>td>.p-column-title{font-weight:500}.p-datatable .p-datatable-tbody>tr>td.p-highlight{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-datatable-tbody>tr.p-highlight{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-datatable-tbody>tr.p-highlight-contextmenu{outline:.15rem solid var(--emerald-200);outline-offset:-0.15rem}.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-top>td{box-shadow:inset 0 2px 0 0 var(--emerald-700)}.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td{box-shadow:inset 0 -2px 0 0 var(--emerald-700)}.p-datatable .p-datatable-tbody>tr .pi-chevron-right::before,.p-datatable .p-datatable-tbody>tr .pi-chevron-down::before{color:var(--black-60);font-size:1rem}.p-datatable .p-datatable-frozen-tbody>tr>td{background:var(--gray-50)}.p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover{background:var(--gray-100);color:var(--black-80)}.p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:focus-visible{outline:.15rem solid var(--emerald-200);outline-offset:-0.15rem}.p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:not(.p-highlight):hover{background:var(--gray-100);color:var(--black-80)}.p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:focus-visible{outline:.15rem solid var(--emerald-200);outline-offset:-0.15rem}.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):not(.p-datatable-emptymessage):hover{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-column-resizer-helper{background:var(--gray-200)}.p-datatable .p-datatable-scrollable-header,.p-datatable .p-datatable-scrollable-footer{background:var(--white-100)}.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-thead,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-tfoot,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-thead,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-tfoot{background-color:var(--gray-50)}.p-datatable .p-datatable-loading-icon{font-size:2rem}.p-datatable .p-datatable-loading-icon.p-icon{width:2rem;height:2rem}.p-datatable.p-datatable-gridlines .p-datatable-header{border-width:1px 1px 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-footer{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-paginator-top{border-width:0 1px 0 1px}.p-datatable.p-datatable-gridlines .p-paginator-bottom{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th:last-child{border-width:1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td{border-width:1px 0 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td:last-child{border-width:1px 1px 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td:last-child{border-width:1px}.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td:last-child{border-width:1px 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td{border-width:0 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td:last-child{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td{border-width:0 0 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td:last-child{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td{border-width:0 0 0 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td:last-child{border-width:0 1px 0 1px}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even){background:var(--gray-50)}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even).p-highlight{background:var(--gray-100);color:var(--black-80)}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even)+.p-row-expanded{background:var(--gray-50)}.p-datatable.p-datatable-sm .p-datatable-header{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-thead>tr>th{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-tfoot>tr>td{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-footer{padding:.5rem .5rem}.p-datatable.p-datatable-lg .p-datatable-header{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-thead>tr>th{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-tbody>tr>td{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-footer{padding:1.25rem 1.25rem}.p-datatable-drag-selection-helper{background:var(--gray-100)}.p-column-filter-overlay{display:flex;flex-direction:column;gap:.25rem;background-color:var(--white-100);padding:.25rem;border:1px solid var(--gray-200);border-radius:.5rem}.p-column-filter-constraint,.p-column-filter-constraints{display:flex;flex-direction:column;gap:.25rem}.p-column-filter-buttonbar{display:flex;gap:.25rem}[data-pc-section=filterremove]{display:none}[data-pc-section=filterremove]:has(.p-column-filter-remove-button){display:block}.p-column-filter-menu-button,.p-column-filter-clear-button{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;vertical-align:middle}.p-column-filter-menu-button:enabled:hover,.p-column-filter-clear-button:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-column-filter-menu-button:focus-visible,.p-column-filter-clear-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-column-filter-menu-button.p-disabled,.p-column-filter-clear-button.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-column-filter-menu-button filtericon>svg,.p-column-filter-menu-button filterslashicon>svg,.p-column-filter-clear-button filtericon>svg,.p-column-filter-clear-button filterslashicon>svg{display:none}.p-column-filter-menu-button filtericon::after,.p-column-filter-menu-button filterslashicon::after,.p-column-filter-clear-button filtericon::after,.p-column-filter-clear-button filterslashicon::after{color:var(--black-80);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2;-webkit-font-smoothing:antialiased}.p-column-filter-menu-button filtericon::after,.p-column-filter-clear-button filtericon::after{content:""}.p-column-filter-menu-button filterslashicon::after,.p-column-filter-clear-button filterslashicon::after{content:""}.p-column-filter-menu-button.p-column-filter-menu-button-active,.p-column-filter-clear-button.p-column-filter-menu-button-active{background-color:var(--emerald-700);color:var(--white-100)}.p-column-filter-menu-button.p-column-filter-menu-button-active filtericon::after,.p-column-filter-menu-button.p-column-filter-menu-button-active filterslashicon::after,.p-column-filter-clear-button.p-column-filter-menu-button-active filtericon::after,.p-column-filter-clear-button.p-column-filter-menu-button-active filterslashicon::after{color:var(--white-100)}.p-column-filter-menu-button.p-column-filter-menu-button-active:hover,.p-column-filter-clear-button.p-column-filter-menu-button-active:hover{background-color:var(--emerald-800);color:var(--white-100)}.p-column-filter-row{gap:.5rem}.p-column-filter-row-item{color:var(--black-80);padding:.5rem .75rem;margin-top:.25rem;background-color:rgba(255,255,255,.0001);border-radius:.5rem;border:1px solid rgba(255,255,255,.0001)}.p-column-filter-row-item:first-of-type{margin:0}.p-column-filter-row-item:not(.p-highlight):hover{color:var(--black-80);background-color:var(--gray-100)}.p-column-filter-row-item.p-highlight{color:var(--white-100);background-color:var(--emerald-700)}.p-column-filter-row-item.p-highlight:hover{background-color:var(--emerald-800)}.p-column-filter-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-datatable-reorderablerow-handle{color:var(--black-60)}.p-datatable-reorderablerow-handle::before{content:"" !important;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2;-webkit-font-smoothing:antialiased}.p-paginator{background:rgba(255,255,255,.0001);color:var(--black-80);border:solid rgba(255,255,255,.0001);border-width:0;padding:.5rem 0rem;border-radius:.5rem}.p-paginator .p-paginator-first,.p-paginator .p-paginator-prev,.p-paginator .p-paginator-next,.p-paginator .p-paginator-last{background-color:rgba(255,255,255,.0001);border:1px solid rgba(255,255,255,.0001);color:var(--black-60);min-width:2.5rem;height:2.5rem;margin:.25rem;transition:.2s;border-radius:.5rem}.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover{background:var(--gray-100);border-color:rgba(255,255,255,.0001);color:var(--black-80)}.p-paginator .p-paginator-first.p-disabled:not(.p-highlight),.p-paginator .p-paginator-prev.p-disabled:not(.p-highlight),.p-paginator .p-paginator-next.p-disabled:not(.p-highlight),.p-paginator .p-paginator-last.p-disabled:not(.p-highlight){background:var(--black-10);border-color:var(--gray-200);color:var(--black-60)}.p-paginator .p-paginator-first{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-paginator .p-paginator-last{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-paginator .p-dropdown{margin-left:.5rem;height:2.5rem}.p-paginator .p-dropdown .p-dropdown-label{padding-right:0}.p-paginator .p-paginator-page-input{margin-left:.5rem;margin-right:.5rem}.p-paginator .p-paginator-page-input .p-inputtext{max-width:2.5rem}.p-paginator .p-paginator-current{background-color:rgba(255,255,255,.0001);border:1px solid rgba(255,255,255,.0001);color:var(--black-60);min-width:2.5rem;height:2.5rem;margin:.25rem;padding:0 .5rem}.p-paginator .p-paginator-pages .p-paginator-page{background-color:rgba(255,255,255,.0001);border:1px solid rgba(255,255,255,.0001);color:var(--black-60);min-width:2.5rem;height:2.5rem;margin:.25rem;transition:.2s;border-radius:.5rem}.p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:var(--emerald-700);border-color:var(--emerald-700);color:var(--white-100)}.p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover{background:var(--emerald-800);border-color:var(--emerald-800)}.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover{background:var(--gray-100);border-color:rgba(255,255,255,.0001);color:var(--black-80)}.p-galleria .p-galleria-close{margin:.5rem;background:rgba(255,255,255,.0001);color:var(--white-60);width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem}.p-galleria .p-galleria-close .p-galleria-close-icon{font-size:2rem}.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon{width:2rem;height:2rem}.p-galleria .p-galleria-close:hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-item-nav{background:rgba(255,255,255,.0001);color:var(--white-60);width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem;margin:.5rem}.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon{font-size:2rem}.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon{width:2rem;height:2rem}.p-galleria .p-galleria-item-nav:not(.p-disabled):hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-caption{background:var(--black-60);color:var(--white-80)}.p-galleria .p-galleria-caption-title{padding:0 1rem}.p-galleria .p-galleria-indicators{padding:1rem;line-height:0}.p-galleria .p-galleria-indicators .p-galleria-indicator button{background-color:var(--white-40);width:.5rem;height:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:1rem}.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover{background:var(--white-80)}.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button{background:var(--white-80);color:var(--white-100)}.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,.p-galleria.p-galleria-indicators-top .p-galleria-indicator{margin-right:.5rem}.p-galleria.p-galleria-indicators-left .p-galleria-indicator,.p-galleria.p-galleria-indicators-right .p-galleria-indicator{margin-bottom:.5rem}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators{background:rgba(255,255,255,.0001)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button{background:var(--white-40)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover{background:var(--white-80)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button{background:var(--white-80);color:var(--white-100)}.p-galleria .p-galleria-thumbnail-container{background:var(--black-100);padding:.5rem .5rem;gap:.5rem}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next{background-color:rgba(255,255,255,.0001);color:var(--white-60);width:2rem;height:2rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content{transition:.2s;width:100%;height:100%}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--emerald-200);caret-color:var(--emerald-700)}.p-galleria-mask{--maskbg: var(--black-20)}.p-galleria-thumbnail-item{overflow:hidden;height:4rem}.p-fileupload-dnd .p-fileupload,.p-fileupload-button .p-fileupload{width:100%;display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd.p-fileupload-advanced,.p-fileupload-button.p-fileupload-advanced{display:flex;flex-direction:column;align-items:flex-start}.p-fileupload-dnd .p-fileupload-content,.p-fileupload-button .p-fileupload-content{width:100%;display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd .p-fileupload-content>p-progressbar,.p-fileupload-dnd .p-fileupload-content p-messages,.p-fileupload-button .p-fileupload-content>p-progressbar,.p-fileupload-button .p-fileupload-content p-messages{display:none}.p-fileupload-dnd .p-orderlist-controls,.p-fileupload-button .p-orderlist-controls{display:none}.p-fileupload-dnd .p-fileupload-files,.p-fileupload-button .p-fileupload-files{display:none}.p-fileupload-dnd .p-fileupload-info-button,.p-fileupload-button .p-fileupload-info-button{width:2.5rem;display:inline-flex;justify-content:center;align-items:center;color:var(--blue-400)}.p-fileupload-dnd .p-orderlist-list-container,.p-fileupload-button .p-orderlist-list-container{display:flex;flex-direction:column;width:100%}.p-fileupload-dnd .p-orderlist-list-container .p-orderlist-list,.p-fileupload-button .p-orderlist-list-container .p-orderlist-list{overflow:hidden;min-height:0px}.p-fileupload-dnd .p-fileupload-progress-spinner,.p-fileupload-button .p-fileupload-progress-spinner{width:1.25rem;height:1.25rem}.p-fileupload-dnd .p-fileupload-item-row,.p-fileupload-button .p-fileupload-item-row{padding:.25rem .25rem .25rem .5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.0001)}.p-fileupload-dnd .p-fileupload-item-row:hover,.p-fileupload-button .p-fileupload-item-row:hover{background:var(--gray-100)}.p-fileupload-dnd .p-fileupload-item-row.error,.p-fileupload-button .p-fileupload-item-row.error{border-color:var(--red-400)}.p-fileupload-dnd .p-fileupload-item-row.error .file-icon,.p-fileupload-button .p-fileupload-item-row.error .file-icon{color:var(--red-400)}.p-fileupload-dnd .p-dataview-content,.p-fileupload-dnd .p-orderlist-list,.p-fileupload-button .p-dataview-content,.p-fileupload-button .p-orderlist-list{display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd .p-fileupload-buttonbar{width:100%;border-radius:.5rem;background:var(--gray-alpha);border:1px dashed var(--gray-200);padding:1.5rem 1.5rem 1rem}.p-fileupload-dnd .p-fileupload-buttonbar button{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.p-fileupload-dnd .p-fileupload-buttonbar button>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.p-fileupload-dnd .p-fileupload-buttonbar:hover{cursor:pointer;border-color:var(--emerald-700)}.p-fileupload-dnd .p-fileupload-buttonbar:hover i{color:var(--emerald-700)}.hover\:border-primary:hover {
-  border-color: var(--primary-color);
-}.hover\:bg-blue-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}.hover\:bg-purple-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
-}.hover\:text-primary:hover {
-  color: var(--primary-color);
-}.hover\:underline:hover {
-  text-decoration-line: underline;
-}@media (min-width: 1px) {
-
-  .sm\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .sm\:\!w-15 {
-    width: 15rem !important;
-  }
-
-  .sm\:\!w-16 {
-    width: 16rem !important;
-  }
-
-  .sm\:\!w-26 {
-    width: 26rem !important;
-  }
-
-  .sm\:w-auto {
-    width: auto;
-  }
-
-  .sm\:flex-row {
-    flex-direction: row;
-  }
-
-  .sm\:flex-col {
-    flex-direction: column;
-  }
-
-  .sm\:items-start {
-    align-items: flex-start;
-  }
-
-  .sm\:items-end {
-    align-items: flex-end;
-  }
-
-  .sm\:items-center {
-    align-items: center;
-  }
-
-  .sm\:gap-2 {
-    gap: 0.5rem;
-  }
-
-  .sm\:p-8 {
-    padding: 2rem;
-  }
-}@media (min-width: 768px) {
-
-  .md\:col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .md\:col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .md\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .md\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .md\:ml-auto {
-    margin-left: auto;
-  }
-
-  .md\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .md\:block {
-    display: block;
-  }
-
-  .md\:flex {
-    display: flex;
-  }
-
-  .md\:hidden {
-    display: none;
-  }
-
-  .md\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .md\:\!w-15 {
-    width: 15rem !important;
-  }
-
-  .md\:\!w-20 {
-    width: 20rem !important;
-  }
-
-  .md\:\!w-30 {
-    width: 30rem !important;
-  }
-
-  .md\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .md\:\!w-8\/12 {
-    width: 66.666667% !important;
-  }
-
-  .md\:w-2 {
-    width: 2rem;
-  }
-
-  .md\:w-5 {
-    width: 5rem;
-  }
-
-  .md\:flex-initial {
-    flex: 0 1 auto;
-  }
-
-  .md\:flex-row {
-    flex-direction: row;
-  }
-
-  .md\:flex-col {
-    flex-direction: column;
-  }
-
-  .md\:items-end {
-    align-items: flex-end;
-  }
-
-  .md\:items-center {
-    align-items: center;
-  }
-
-  .md\:justify-start {
-    justify-content: flex-start;
-  }
-
-  .md\:justify-center {
-    justify-content: center;
-  }
-
-  .md\:justify-between {
-    justify-content: space-between;
-  }
-
-  .md\:gap-8 {
-    gap: 2rem;
-  }
-}@media (min-width: 1200px) {
-
-  .lg\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .lg\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .lg\:flex {
-    display: flex;
-  }
-
-  .lg\:\!w-3\/12 {
-    width: 25% !important;
-  }
-
-  .lg\:\!w-4\/12 {
-    width: 33.333333% !important;
-  }
-
-  .lg\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .lg\:gap-0 {
-    gap: 0px;
-  }
-
-  .lg\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
-  .lg\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .lg\:pr-8 {
-    padding-right: 2rem;
-  }
-}@media (min-width: 1280px) {
-
-  .xl\:block {
-    display: block;
-  }
-
-  .xl\:flex {
-    display: flex;
-  }
-
-  .xl\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .xl\:\!w-3\/12 {
-    width: 25% !important;
-  }
-
-  .xl\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .xl\:\!w-9\/12 {
-    width: 75% !important;
-  }
-
-  .xl\:w-6 {
-    width: 6rem;
-  }
-
-  .xl\:flex-row {
-    flex-direction: row;
-  }
-
-  .xl\:items-start {
-    align-items: flex-start;
-  }
-
-  .xl\:justify-center {
-    justify-content: center;
-  }
-
-  .xl\:pt-0 {
-    padding-top: 0px;
-  }
-
-  .xl\:text-left {
-    text-align: left;
-  }
-}
diff --git a/src-storybook/assets/themes/brand-light-secondary/theme.css b/src-storybook/assets/themes/brand-light-secondary/theme.css
deleted file mode 100644
index 8ab3796..0000000
--- a/src-storybook/assets/themes/brand-light-secondary/theme.css
+++ /dev/null
@@ -1,9924 +0,0 @@
-@charset "UTF-8";
-*, ::before, ::after{
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-::backdrop{
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*/
-/*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-::before,
-::after {
-  --tw-content: '';
-}
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: Roboto, sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-/*
-Remove the default font size and weight for headings.
-*/
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-/*
-Add the correct font weight in Edge and Safari.
-*/
-b,
-strong {
-  font-weight: bolder;
-}
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-/*
-Add the correct font size in all browsers.
-*/
-small {
-  font-size: 80%;
-}
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-button,
-select {
-  text-transform: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-:-moz-focusring {
-  outline: auto;
-}
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-progress {
-  vertical-align: baseline;
-}
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-/*
-Add the correct display in Chrome and Safari.
-*/
-summary {
-  display: list-item;
-}
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-legend {
-  padding: 0;
-}
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-/*
-Prevent resizing textareas horizontally by default.
-*/
-textarea {
-  resize: vertical;
-}
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-/*
-Set the default cursor for buttons.
-*/
-button,
-[role="button"] {
-  cursor: pointer;
-}
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}
-.container{
-  width: 100%;
-}
-@media (min-width: 1px){
-  .container{
-    max-width: 1px;
-  }
-}
-@media (min-width: 768px){
-  .container{
-    max-width: 768px;
-  }
-}
-@media (min-width: 1200px){
-  .container{
-    max-width: 1200px;
-  }
-}
-@media (min-width: 1280px){
-  .container{
-    max-width: 1280px;
-  }
-}
-@media (min-width: 1536px){
-  .container{
-    max-width: 1536px;
-  }
-}
-.pointer-events-none{
-  pointer-events: none;
-}
-.\!visible{
-  visibility: visible !important;
-}
-.visible{
-  visibility: visible;
-}
-.collapse{
-  visibility: collapse;
-}
-.static{
-  position: static;
-}
-.fixed{
-  position: fixed;
-}
-.absolute{
-  position: absolute;
-}
-.relative{
-  position: relative;
-}
-.sticky{
-  position: sticky;
-}
-.left-0{
-  left: 0px;
-}
-.right-0{
-  right: 0px;
-}
-.top-0{
-  top: 0px;
-}
-.top-auto{
-  top: auto;
-}
-.z-1{
-  z-index: 1;
-}
-.col-span-12{
-  grid-column: span 12 / span 12;
-}
-.col-span-2{
-  grid-column: span 2 / span 2;
-}
-.col-span-6{
-  grid-column: span 6 / span 6;
-}
-.col-span-8{
-  grid-column: span 8 / span 8;
-}
-.m-0{
-  margin: 0px;
-}
-.m-2{
-  margin: 0.5rem;
-}
-.m-3{
-  margin: 0.75rem;
-}
-.m-auto{
-  margin: auto;
-}
-.mx-0{
-  margin-left: 0px;
-  margin-right: 0px;
-}
-.mx-1{
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}
-.mx-2{
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.mx-3{
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}
-.mx-4{
-  margin-left: 1rem;
-  margin-right: 1rem;
-}
-.mx-auto{
-  margin-left: auto;
-  margin-right: auto;
-}
-.my-2{
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.my-3{
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}
-.my-4{
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-.my-5{
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}
-.-ml-5{
-  margin-left: -1.25rem;
-}
-.-mr-1{
-  margin-right: -0.25rem;
-}
-.-mr-8{
-  margin-right: -2rem;
-}
-.-mt-4{
-  margin-top: -1rem;
-}
-.-mt-5{
-  margin-top: -1.25rem;
-}
-.mb-0{
-  margin-bottom: 0px;
-}
-.mb-1{
-  margin-bottom: 0.25rem;
-}
-.mb-2{
-  margin-bottom: 0.5rem;
-}
-.mb-3{
-  margin-bottom: 0.75rem;
-}
-.mb-4{
-  margin-bottom: 1rem;
-}
-.mb-5{
-  margin-bottom: 1.25rem;
-}
-.mb-6{
-  margin-bottom: 1.5rem;
-}
-.mb-8{
-  margin-bottom: 2rem;
-}
-.ml-1{
-  margin-left: 0.25rem;
-}
-.ml-2{
-  margin-left: 0.5rem;
-}
-.ml-3{
-  margin-left: 0.75rem;
-}
-.ml-5{
-  margin-left: 1.25rem;
-}
-.ml-8{
-  margin-left: 2rem;
-}
-.ml-auto{
-  margin-left: auto;
-}
-.mr-1{
-  margin-right: 0.25rem;
-}
-.mr-2{
-  margin-right: 0.5rem;
-}
-.mr-3{
-  margin-right: 0.75rem;
-}
-.mr-4{
-  margin-right: 1rem;
-}
-.mr-5{
-  margin-right: 1.25rem;
-}
-.mt-0{
-  margin-top: 0px;
-}
-.mt-1{
-  margin-top: 0.25rem;
-}
-.mt-2{
-  margin-top: 0.5rem;
-}
-.mt-3{
-  margin-top: 0.75rem;
-}
-.mt-4{
-  margin-top: 1rem;
-}
-.mt-5{
-  margin-top: 1.25rem;
-}
-.mt-6{
-  margin-top: 1.5rem;
-}
-.mt-7{
-  margin-top: 1.75rem;
-}
-.mt-8{
-  margin-top: 2rem;
-}
-.mt-auto{
-  margin-top: auto;
-}
-.block{
-  display: block;
-}
-.inline-block{
-  display: inline-block;
-}
-.\!inline{
-  display: inline !important;
-}
-.inline{
-  display: inline;
-}
-.flex{
-  display: flex;
-}
-.inline-flex{
-  display: inline-flex;
-}
-.table{
-  display: table;
-}
-.table-cell{
-  display: table-cell;
-}
-.grid{
-  display: grid;
-}
-.contents{
-  display: contents;
-}
-.hidden{
-  display: none;
-}
-.\!h-1{
-  height: 1rem !important;
-}
-.\!h-10{
-  height: 10rem !important;
-}
-.\!h-12{
-  height: 12rem !important;
-}
-.\!h-14{
-  height: 14rem !important;
-}
-.\!h-2{
-  height: 2rem !important;
-}
-.\!h-20{
-  height: 20rem !important;
-}
-.\!h-3{
-  height: 3rem !important;
-}
-.\!h-30{
-  height: 30rem !important;
-}
-.\!h-4{
-  height: 4rem !important;
-}
-.\!h-5{
-  height: 5rem !important;
-}
-.\!h-6{
-  height: 6rem !important;
-}
-.\!h-8{
-  height: 8rem !important;
-}
-.h-4{
-  height: 4rem;
-}
-.h-full{
-  height: 100%;
-}
-.h-screen{
-  height: 100vh;
-}
-.\!w-1{
-  width: 1rem !important;
-}
-.\!w-10{
-  width: 10rem !important;
-}
-.\!w-12{
-  width: 12rem !important;
-}
-.\!w-14{
-  width: 14rem !important;
-}
-.\!w-15{
-  width: 15rem !important;
-}
-.\!w-18{
-  width: 18rem !important;
-}
-.\!w-2{
-  width: 2rem !important;
-}
-.\!w-20{
-  width: 20rem !important;
-}
-.\!w-25{
-  width: 25rem !important;
-}
-.\!w-3{
-  width: 3rem !important;
-}
-.\!w-3\/12{
-  width: 25% !important;
-}
-.\!w-30{
-  width: 30rem !important;
-}
-.\!w-4{
-  width: 4rem !important;
-}
-.\!w-4\/12{
-  width: 33.333333% !important;
-}
-.\!w-6{
-  width: 6rem !important;
-}
-.\!w-6\/12{
-  width: 50% !important;
-}
-.\!w-7\/12{
-  width: 58.333333% !important;
-}
-.\!w-8{
-  width: 8rem !important;
-}
-.\!w-8\/12{
-  width: 66.666667% !important;
-}
-.\!w-9{
-  width: 9rem !important;
-}
-.\!w-9\/12{
-  width: 75% !important;
-}
-.w-1{
-  width: 1rem;
-}
-.w-13{
-  width: 13rem;
-}
-.w-9{
-  width: 9rem;
-}
-.w-full{
-  width: 100%;
-}
-.min-w-0{
-  min-width: 0px;
-}
-.max-w-full{
-  max-width: 100%;
-}
-.flex-1{
-  flex: 1 1 0%;
-}
-.flex-auto{
-  flex: 1 1 auto;
-}
-.flex-shrink-0{
-  flex-shrink: 0;
-}
-.shrink{
-  flex-shrink: 1;
-}
-.flex-grow{
-  flex-grow: 1;
-}
-.grow{
-  flex-grow: 1;
-}
-.origin-top{
-  transform-origin: top;
-}
-.transform{
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.cursor-pointer{
-  cursor: pointer;
-}
-.select-none{
-  user-select: none;
-}
-.resize{
-  resize: both;
-}
-.list-none{
-  list-style-type: none;
-}
-.grid-cols-12{
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}
-.flex-row{
-  flex-direction: row;
-}
-.flex-row-reverse{
-  flex-direction: row-reverse;
-}
-.flex-col{
-  flex-direction: column;
-}
-.flex-wrap{
-  flex-wrap: wrap;
-}
-.items-start{
-  align-items: flex-start;
-}
-.items-end{
-  align-items: flex-end;
-}
-.items-center{
-  align-items: center;
-}
-.justify-start{
-  justify-content: flex-start;
-}
-.justify-end{
-  justify-content: flex-end;
-}
-.justify-center{
-  justify-content: center;
-}
-.justify-between{
-  justify-content: space-between;
-}
-.gap-1{
-  gap: 0.25rem;
-}
-.gap-2{
-  gap: 0.5rem;
-}
-.gap-3{
-  gap: 0.75rem;
-}
-.gap-4{
-  gap: 1rem;
-}
-.gap-5{
-  gap: 1.25rem;
-}
-.gap-6{
-  gap: 1.5rem;
-}
-.gap-8{
-  gap: 2rem;
-}
-.overflow-auto{
-  overflow: auto;
-}
-.overflow-hidden{
-  overflow: hidden;
-}
-.overflow-visible{
-  overflow: visible;
-}
-.overflow-x-auto{
-  overflow-x: auto;
-}
-.overflow-y-auto{
-  overflow-y: auto;
-}
-.overflow-y-hidden{
-  overflow-y: hidden;
-}
-.whitespace-nowrap{
-  white-space: nowrap;
-}
-.rounded{
-  border-radius: 0.25rem;
-}
-.rounded-2xl{
-  border-radius: 1rem;
-}
-.rounded-3xl{
-  border-radius: 1.5rem;
-}
-.rounded-full{
-  border-radius: 9999px;
-}
-.rounded-xl{
-  border-radius: 0.75rem;
-}
-.border{
-  border-width: 1px;
-}
-.border-1{
-  border-width: 1px;
-}
-.border-2{
-  border-width: 2px;
-}
-.border-solid{
-  border-style: solid;
-}
-.border-dashed{
-  border-style: dashed;
-}
-.border-none{
-  border-style: none;
-}
-.border-blue-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}
-.border-color{
-  border-color: var(--text-color);
-}
-.border-indigo-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
-}
-.border-orange-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
-}
-.border-pink-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
-}
-.border-primary{
-  border-color: var(--primary-color);
-}
-.border-teal-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
-}
-.border-transparent{
-  border-color: transparent;
-}
-.bg-black{
-  background-color: var(--black-100);
-}
-.bg-blue-400{
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}
-.bg-blue-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
-}
-.bg-blue-600{
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}
-.bg-gray-900{
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
-}
-.bg-green-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
-}
-.bg-indigo-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
-}
-.bg-orange-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
-}
-.bg-pink-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
-}
-.bg-primary{
-  background-color: var(--primary-color);
-}
-.bg-primary-600{
-  background-color: var(--primary-600);
-}
-.bg-purple-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
-}
-.bg-surface-50{
-  background-color: var(--surface-50);
-}
-.bg-teal-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
-}
-.bg-transparent{
-  background-color: transparent;
-}
-.bg-white{
-  background-color: var(--white-100);
-}
-.bg-cover{
-  background-size: cover;
-}
-.object-cover{
-  object-fit: cover;
-}
-.\!p-0{
-  padding: 0px !important;
-}
-.p-0{
-  padding: 0px;
-}
-.p-1{
-  padding: 0.25rem;
-}
-.p-2{
-  padding: 0.5rem;
-}
-.p-3{
-  padding: 0.75rem;
-}
-.p-4{
-  padding: 1rem;
-}
-.p-5{
-  padding: 1.25rem;
-}
-.p-8{
-  padding: 2rem;
-}
-.px-0{
-  padding-left: 0px;
-  padding-right: 0px;
-}
-.px-1{
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-.px-10{
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}
-.px-12{
-  padding-left: 3rem;
-  padding-right: 3rem;
-}
-.px-2{
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.px-3{
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-.px-4{
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-.px-5{
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
-.px-8{
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-.py-0{
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.py-1{
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-.py-2{
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-.py-3{
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-.py-4{
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-.py-5{
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}
-.py-6{
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-.py-8{
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-.pb-0{
-  padding-bottom: 0px;
-}
-.pb-3{
-  padding-bottom: 0.75rem;
-}
-.pb-4{
-  padding-bottom: 1rem;
-}
-.pb-5{
-  padding-bottom: 1.25rem;
-}
-.pl-0{
-  padding-left: 0px;
-}
-.pl-2{
-  padding-left: 0.5rem;
-}
-.pl-3{
-  padding-left: 0.75rem;
-}
-.pr-0{
-  padding-right: 0px;
-}
-.pr-3{
-  padding-right: 0.75rem;
-}
-.pr-4{
-  padding-right: 1rem;
-}
-.pr-5{
-  padding-right: 1.25rem;
-}
-.pr-6{
-  padding-right: 1.5rem;
-}
-.pt-1{
-  padding-top: 0.25rem;
-}
-.pt-3{
-  padding-top: 0.75rem;
-}
-.pt-4{
-  padding-top: 1rem;
-}
-.pt-5{
-  padding-top: 1.25rem;
-}
-.pt-6{
-  padding-top: 1.5rem;
-}
-.pt-7{
-  padding-top: 1.75rem;
-}
-.pt-8{
-  padding-top: 2rem;
-}
-.text-left{
-  text-align: left;
-}
-.text-center{
-  text-align: center;
-}
-.text-right{
-  text-align: right;
-}
-.text-2xl{
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-.text-3xl{
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}
-.text-4xl{
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}
-.text-5xl{
-  font-size: 3rem;
-  line-height: 1;
-}
-.text-6xl{
-  font-size: 3.75rem;
-  line-height: 1;
-}
-.text-7xl{
-  font-size: 4.5rem;
-  line-height: 1;
-}
-.text-8xl{
-  font-size: 6rem;
-  line-height: 1;
-}
-.text-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-.text-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-.text-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.text-xl{
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-.text-xs{
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-.font-bold{
-  font-weight: 700;
-}
-.font-medium{
-  font-weight: 500;
-}
-.font-normal{
-  font-weight: 400;
-}
-.font-semibold{
-  font-weight: 600;
-}
-.uppercase{
-  text-transform: uppercase;
-}
-.lowercase{
-  text-transform: lowercase;
-}
-.leading{
-  line-height: normal;
-}
-.leading-auto{
-  line-height: 1.2;
-}
-.leading-none{
-  line-height: 1;
-}
-.leading-normal{
-  line-height: 1.5;
-}
-.text-blue-500{
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}
-.text-color{
-  color: var(--text-color);
-}
-.text-color-secondary{
-  color: var(--text-color-secondary);
-}
-.text-gray-900{
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}
-.text-green-500{
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
-}
-.text-green-600{
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
-}
-.text-help{
-  color: var(--purple-400);
-}
-.text-indigo-200{
-  --tw-text-opacity: 1;
-  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
-}
-.text-indigo-500{
-  --tw-text-opacity: 1;
-  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
-}
-.text-info{
-  color: var(--blue-400);
-}
-.text-primary{
-  color: var(--primary-color);
-}
-.text-primary-50{
-  color: var(--primary-50);
-}
-.text-primary-500{
-  color: var(--primary-500);
-}
-.text-primary-700{
-  color: var(--primary-700);
-}
-.text-red-500{
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}
-.text-slate-500{
-  --tw-text-opacity: 1;
-  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
-}
-.text-white{
-  color: var(--white-100);
-}
-.text-yellow-500{
-  --tw-text-opacity: 1;
-  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
-}
-.line-through{
-  text-decoration-line: line-through;
-}
-.no-underline{
-  text-decoration-line: none;
-}
-.antialiased{
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.opacity-20{
-  opacity: 0.2;
-}
-.shadow{
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.outline{
-  outline-style: solid;
-}
-.outline-color{
-  outline-color: var(--text-color);
-}
-.blur{
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.grayscale{
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.filter{
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.backdrop-filter{
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-.transition{
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-all{
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-colors{
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.duration-300{
-  transition-duration: 300ms;
-}
-.ease-in{
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-.ease-out{
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.title-h1{
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h2{
-  font-size: 1.5rem;
-  line-height: 2rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h3{
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h4{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h5{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h6{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.subtitle-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}
-.subtitle-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}
-.subtitle-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}
-.subtitle-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}
-.subtitle-sm-secondary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}
-.subtitle-sm-primary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}
-.caption{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.caption-secondary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.caption-primary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.caption-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.caption-secondary-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.caption-primary-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.service-danger-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}
-.service-danger-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}
-.service-warning-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}
-.service-warning-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}
-.service-success-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}
-.service-success-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}
-.service-info-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.service-info-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.service-help-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.service-help-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.anchor-base:hover{
-  text-decoration-line: underline;
-}
-.anchor-base:visited{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-base:visited:hover{
-  text-decoration-line: underline;
-}
-.anchor-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.anchor-sm:hover{
-  text-decoration-line: underline;
-}
-.anchor-sm:visited{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-sm:visited:hover{
-  text-decoration-line: underline;
-}
-:root {
-  --emerald-0: color-mix(in srgb, color-mix(in srgb, #29C075, #fff 76%), #000 80%);
-  --emerald-50: color-mix(in srgb, #29C075, #fff 95%);
-  --emerald-100: color-mix(in srgb, #29C075, #fff 76%);
-  --emerald-200: color-mix(in srgb, #29C075, #fff 57%);
-  --emerald-300: color-mix(in srgb, #29C075, #fff 38%);
-  --emerald-400: color-mix(in srgb, #29C075, #fff 19%);
-  --emerald-500: color-mix(in srgb, #29C075, #fff 0%);
-  --emerald-600: color-mix(in srgb, #29C075, #000 15%);
-  --emerald-700: color-mix(in srgb, #29C075, #000 30%);
-  --emerald-800: color-mix(in srgb, #29C075, #000 45%);
-  --emerald-900: color-mix(in srgb, #29C075, #000 60%);
-  --emerald-alpha: color-mix(in srgb, #29C075 10%, transparent);
-  --citrine-0: color-mix(in srgb, color-mix(in srgb, #FA8606, #fff 76%), #000 80%);
-  --citrine-50: color-mix(in srgb, #FA8606, #fff 95%);
-  --citrine-100: color-mix(in srgb, #FA8606, #fff 76%);
-  --citrine-200: color-mix(in srgb, #FA8606, #fff 57%);
-  --citrine-300: color-mix(in srgb, #FA8606, #fff 38%);
-  --citrine-400: color-mix(in srgb, #FA8606, #fff 19%);
-  --citrine-500: color-mix(in srgb, #FA8606, #fff 0%);
-  --citrine-600: color-mix(in srgb, #FA8606, #000 15%);
-  --citrine-700: color-mix(in srgb, #FA8606, #000 30%);
-  --citrine-800: color-mix(in srgb, #FA8606, #000 45%);
-  --citrine-900: color-mix(in srgb, #FA8606, #000 60%);
-  --citrine-alpha: color-mix(in srgb, #FA8606 10%, transparent);
-  --aquamarine-0: color-mix(in srgb, color-mix(in srgb, #14B8A6, #fff 76%), #000 80%);
-  --aquamarine-50: color-mix(in srgb, #14B8A6, #fff 95%);
-  --aquamarine-100: color-mix(in srgb, #14B8A6, #fff 76%);
-  --aquamarine-200: color-mix(in srgb, #14B8A6, #fff 57%);
-  --aquamarine-300: color-mix(in srgb, #14B8A6, #fff 38%);
-  --aquamarine-400: color-mix(in srgb, #14B8A6, #fff 19%);
-  --aquamarine-500: color-mix(in srgb, #14B8A6, #fff 0%);
-  --aquamarine-600: color-mix(in srgb, #14B8A6, #000 15%);
-  --aquamarine-700: color-mix(in srgb, #14B8A6, #000 30%);
-  --aquamarine-800: color-mix(in srgb, #14B8A6, #000 45%);
-  --aquamarine-900: color-mix(in srgb, #14B8A6, #000 60%);
-  --aquamarine-alpha: color-mix(in srgb, #14B8A6 10%, transparent);
-  --amethyst-0: color-mix(in srgb, color-mix(in srgb, #7254F3, #fff 76%), #000 80%);
-  --amethyst-50: color-mix(in srgb, #7254F3, #fff 95%);
-  --amethyst-100: color-mix(in srgb, #7254F3, #fff 76%);
-  --amethyst-200: color-mix(in srgb, #7254F3, #fff 57%);
-  --amethyst-300: color-mix(in srgb, #7254F3, #fff 38%);
-  --amethyst-400: color-mix(in srgb, #7254F3, #fff 19%);
-  --amethyst-500: color-mix(in srgb, #7254F3, #fff 0%);
-  --amethyst-600: color-mix(in srgb, #7254F3, #000 15%);
-  --amethyst-700: color-mix(in srgb, #7254F3, #000 30%);
-  --amethyst-800: color-mix(in srgb, #7254F3, #000 45%);
-  --amethyst-900: color-mix(in srgb, #7254F3, #000 60%);
-  --amethyst-alpha: color-mix(in srgb, #7254F3 10%, transparent);
-  --purple-0: color-mix(in srgb, color-mix(in srgb, #9757D7, #fff 76%), #000 80%);
-  --purple-50: color-mix(in srgb, #9757D7, #fff 95%);
-  --purple-100: color-mix(in srgb, #9757D7, #fff 76%);
-  --purple-200: color-mix(in srgb, #9757D7, #fff 57%);
-  --purple-300: color-mix(in srgb, #9757D7, #fff 38%);
-  --purple-400: color-mix(in srgb, #9757D7, #fff 19%);
-  --purple-500: color-mix(in srgb, #9757D7, #fff 0%);
-  --purple-600: color-mix(in srgb, #9757D7, #000 15%);
-  --purple-700: color-mix(in srgb, #9757D7, #000 30%);
-  --purple-800: color-mix(in srgb, #9757D7, #000 45%);
-  --purple-900: color-mix(in srgb, #9757D7, #000 60%);
-  --purple-alpha: color-mix(in srgb, #9757D7 10%, transparent);
-  --blue-0: color-mix(in srgb, color-mix(in srgb, #1F8CEB, #fff 76%), #000 80%);
-  --blue-50: color-mix(in srgb, #1F8CEB, #fff 95%);
-  --blue-100: color-mix(in srgb, #1F8CEB, #fff 76%);
-  --blue-200: color-mix(in srgb, #1F8CEB, #fff 57%);
-  --blue-300: color-mix(in srgb, #1F8CEB, #fff 38%);
-  --blue-400: color-mix(in srgb, #1F8CEB, #fff 19%);
-  --blue-500: color-mix(in srgb, #1F8CEB, #fff 0%);
-  --blue-600: color-mix(in srgb, #1F8CEB, #000 15%);
-  --blue-700: color-mix(in srgb, #1F8CEB, #000 30%);
-  --blue-800: color-mix(in srgb, #1F8CEB, #000 45%);
-  --blue-900: color-mix(in srgb, #1F8CEB, #000 60%);
-  --blue-alpha: color-mix(in srgb, #1F8CEB 10%, transparent);
-  --green-0: color-mix(in srgb, color-mix(in srgb, #45B24E, #fff 76%), #000 80%);
-  --green-50: color-mix(in srgb, #45B24E, #fff 95%);
-  --green-100: color-mix(in srgb, #45B24E, #fff 76%);
-  --green-200: color-mix(in srgb, #45B24E, #fff 57%);
-  --green-300: color-mix(in srgb, #45B24E, #fff 38%);
-  --green-400: color-mix(in srgb, #45B24E, #fff 19%);
-  --green-500: color-mix(in srgb, #45B24E, #fff 0%);
-  --green-600: color-mix(in srgb, #45B24E, #000 15%);
-  --green-700: color-mix(in srgb, #45B24E, #000 30%);
-  --green-800: color-mix(in srgb, #45B24E, #000 45%);
-  --green-900: color-mix(in srgb, #45B24E, #000 60%);
-  --green-alpha: color-mix(in srgb, #45B24E 10%, transparent);
-  --orange-0: color-mix(in srgb, color-mix(in srgb, #FFA100, #fff 76%), #000 80%);
-  --orange-50: color-mix(in srgb, #FFA100, #fff 95%);
-  --orange-100: color-mix(in srgb, #FFA100, #fff 76%);
-  --orange-200: color-mix(in srgb, #FFA100, #fff 57%);
-  --orange-300: color-mix(in srgb, #FFA100, #fff 38%);
-  --orange-400: color-mix(in srgb, #FFA100, #fff 19%);
-  --orange-500: color-mix(in srgb, #FFA100, #fff 0%);
-  --orange-600: color-mix(in srgb, #FFA100, #000 15%);
-  --orange-700: color-mix(in srgb, #FFA100, #000 30%);
-  --orange-800: color-mix(in srgb, #FFA100, #000 45%);
-  --orange-900: color-mix(in srgb, #FFA100, #000 60%);
-  --orange-alpha: color-mix(in srgb, #FFA100 10%, transparent);
-  --red-0: color-mix(in srgb, color-mix(in srgb, #DB4C3F, #fff 76%), #000 80%);
-  --red-50: color-mix(in srgb, #DB4C3F, #fff 95%);
-  --red-100: color-mix(in srgb, #DB4C3F, #fff 76%);
-  --red-200: color-mix(in srgb, #DB4C3F, #fff 57%);
-  --red-300: color-mix(in srgb, #DB4C3F, #fff 38%);
-  --red-400: color-mix(in srgb, #DB4C3F, #fff 19%);
-  --red-500: color-mix(in srgb, #DB4C3F, #fff 0%);
-  --red-600: color-mix(in srgb, #DB4C3F, #000 15%);
-  --red-700: color-mix(in srgb, #DB4C3F, #000 30%);
-  --red-800: color-mix(in srgb, #DB4C3F, #000 45%);
-  --red-900: color-mix(in srgb, #DB4C3F, #000 60%);
-  --red-alpha: color-mix(in srgb, #DB4C3F 10%, transparent);
-  --gray-0: color-mix(in srgb, color-mix(in srgb, #ABAAA9, #fff 76%), #000 80%);
-  --gray-50: color-mix(in srgb, #ABAAA9, #fff 95%);
-  --gray-100: color-mix(in srgb, #ABAAA9, #fff 76%);
-  --gray-200: color-mix(in srgb, #ABAAA9, #fff 57%);
-  --gray-300: color-mix(in srgb, #ABAAA9, #fff 38%);
-  --gray-400: color-mix(in srgb, #ABAAA9, #fff 19%);
-  --gray-500: color-mix(in srgb, #ABAAA9, #fff 0%);
-  --gray-600: color-mix(in srgb, #ABAAA9, #000 15%);
-  --gray-700: color-mix(in srgb, #ABAAA9, #000 30%);
-  --gray-800: color-mix(in srgb, #ABAAA9, #000 45%);
-  --gray-900: color-mix(in srgb, #ABAAA9, #000 60%);
-  --gray-alpha: color-mix(in srgb, #ABAAA9 10%, transparent);
-  --black-10: color-mix(in srgb, #000 10%, transparent) ;
-  --black-20: color-mix(in srgb, #000 20%, transparent) ;
-  --black-30: color-mix(in srgb, #000 30%, transparent) ;
-  --black-40: color-mix(in srgb, #000 40%, transparent) ;
-  --black-50: color-mix(in srgb, #000 50%, transparent) ;
-  --black-60: color-mix(in srgb, #000 60%, transparent) ;
-  --black-70: color-mix(in srgb, #000 70%, transparent) ;
-  --black-80: color-mix(in srgb, #000 80%, transparent) ;
-  --black-90: color-mix(in srgb, #000 90%, transparent) ;
-  --black-100: color-mix(in srgb, #000 100%, transparent) ;
-  --white-10: color-mix(in srgb, #fff 10%, transparent) ;
-  --white-20: color-mix(in srgb, #fff 20%, transparent) ;
-  --white-30: color-mix(in srgb, #fff 30%, transparent) ;
-  --white-40: color-mix(in srgb, #fff 40%, transparent) ;
-  --white-50: color-mix(in srgb, #fff 50%, transparent) ;
-  --white-60: color-mix(in srgb, #fff 60%, transparent) ;
-  --white-70: color-mix(in srgb, #fff 70%, transparent) ;
-  --white-80: color-mix(in srgb, #fff 80%, transparent) ;
-  --white-90: color-mix(in srgb, #fff 90%, transparent) ;
-  --white-100: color-mix(in srgb, #fff 100%, transparent) ;
-  --font-family: Roboto, Inter, Helvetica, Arial, sans-serif;
-  --text-color: var(--black-80);
-  --text-color-secondary: var(--black-60);
-  --primary-color: var(--citrine-700);
-  --primary-color-text: var(--white-100);
-  --primary-0: var(--citrine-0);
-  --primary-900: var(--citrine-900);
-  --primary-800: var(--citrine-800);
-  --primary-700: var(--citrine-700);
-  --primary-600: var(--citrine-600);
-  --primary-500: var(--citrine-500);
-  --primary-400: var(--citrine-400);
-  --primary-300: var(--citrine-300);
-  --primary-200: var(--citrine-200);
-  --primary-100: var(--citrine-100);
-  --primary-50: var(--citrine-50);
-  --primary-alpha: var(--citrine-alpha);
-  --surface-0: var(--gray-0);
-  --surface-50: var(--gray-50);
-  --surface-100: var(--gray-100);
-  --surface-200: var(--gray-200);
-  --surface-300: var(--gray-300);
-  --surface-400: var(--gray-400);
-  --surface-500: var(--gray-500);
-  --surface-600: var(--gray-600);
-  --surface-700: var(--gray-700);
-  --surface-800: var(--gray-800);
-  --surface-900: var(--gray-900);
-  --content-padding: 1rem;
-  --inline-spacing: 0.5rem;
-  --border-radius: 0.5rem;
-  --surface-ground: var(--white-100);
-  --surface-section: var(--gray-alpha);
-  --surface-card: var(--white-100);
-  --surface-overlay: var(--black-20);
-  --surface-border: var(--gray-200);
-  --surface-hover: var(--gray-100);
-  --focus-ring: 0 0 0 0.25rem var(--citrine-200);
-  --maskbg: var(--black-20);
-  --highlight-bg: var(--citrine-700);
-  --highlight-text-color: var(--white-100);
-  color-scheme: light;
-}
-
-@media only screen and (min-resolution: 100dpi) and (max-resolution: 199dpi) {
-  html, body {
-    font-size: 12px;
-  }
-}
-@media only screen and (min-resolution: 200dpi) and (max-resolution: 499dpi) {
-  html, body {
-    font-size: 14px;
-  }
-}
-@media only screen and (min-resolution: 500dpi) {
-  html, body {
-    font-size: 16px;
-  }
-}
-* {
-  box-sizing: border-box;
-}
-
-html {
-  font-size: 14px;
-  font-family: var(--font-family);
-}
-
-::selection {
-  color: var(--white-100);
-  background-color: var(--citrine-700);
-}
-
-.p-component {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  font-weight: normal;
-}
-
-.p-component-overlay {
-  background-color: var(--black-20);
-  transition-duration: 0.2s;
-  padding: 0.5rem;
-}
-
-.p-disabled,
-.p-component:disabled {
-  pointer-events: all;
-  cursor: not-allowed;
-  opacity: 0.6;
-  filter: grayscale(1);
-}
-
-.p-placeholder {
-  opacity: 0.6;
-}
-
-.p-error {
-  color: var(--red-400);
-}
-
-.p-text-secondary {
-  color: var(--black-60);
-}
-
-.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-.p-link {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-}
-.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-
-.p-component-overlay-enter {
-  animation: p-component-overlay-enter-animation 150ms forwards;
-}
-
-.p-component-overlay-leave {
-  animation: p-component-overlay-leave-animation 150ms forwards;
-}
-
-@keyframes p-component-overlay-enter-animation {
-  from {
-    background-color: transparent;
-  }
-  to {
-    background-color: var(--maskbg);
-  }
-}
-@keyframes p-component-overlay-leave-animation {
-  from {
-    background-color: var(--maskbg);
-  }
-  to {
-    background-color: transparent;
-  }
-}
-
-::-webkit-scrollbar {
-  width: 9px;
-  height: 9px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--black-10);
-  border-radius: 4.5px;
-}
-
-::-webkit-scrollbar-track {
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-
-::-webkit-scrollbar-track:hover {
-  background-color: var(--gray-100);
-}
-
-p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext,
-p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext,
-p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect,
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext,
-p-dropdown.ng-dirty.ng-invalid > .p-dropdown,
-p-inputmask.ng-dirty.ng-invalid > .p-inputtext,
-p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext,
-p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider,
-.p-inputtext.ng-dirty.ng-invalid,
-p-listbox.ng-dirty.ng-invalid > .p-listbox,
-p-multiselect.ng-dirty.ng-invalid > .p-multiselect,
-p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext,
-p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box,
-p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button,
-p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button,
-p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
-  border-color: var(--red-400) !important;
-  box-shadow: 0 0 0 0.25rem var(--red-100) !important;
-}
-
-.p-progress-spinner-circle {
-  stroke: var(--citrine-700);
-}
-
-.p-overflow-hidden {
-  overflow: hidden;
-  padding-right: var(--scrollbar-width);
-}
-
-@layer primeng {
-  .p-component,
-  .p-component * {
-    box-sizing: border-box;
-  }
-  .p-hidden {
-    display: none;
-  }
-  .p-hidden-space {
-    visibility: hidden;
-  }
-  .p-hidden-accessible {
-    border: 0;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-  }
-  .p-hidden-accessible input,
-  .p-hidden-accessible select {
-    transform: scale(0);
-  }
-  .p-reset {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    outline: 0;
-    text-decoration: none;
-    font-size: 100%;
-    list-style: none;
-  }
-  .p-disabled,
-  .p-disabled * {
-    cursor: default !important;
-    pointer-events: none;
-  }
-  .p-component-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-  .p-unselectable-text {
-    user-select: none;
-  }
-  .p-scrollbar-measure {
-    width: 100px;
-    height: 100px;
-    overflow: scroll;
-    position: absolute;
-    top: -9999px;
-  }
-  @keyframes p-fadein {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-  input[type=button],
-  input[type=submit],
-  input[type=reset],
-  input[type=file]::-webkit-file-upload-button,
-  button {
-    border-radius: 0;
-  }
-  .p-link {
-    text-align: left;
-    background-color: transparent;
-    margin: 0;
-    padding: 0;
-    border: none;
-    cursor: pointer;
-    user-select: none;
-  }
-  .p-link:disabled {
-    cursor: default;
-  }
-  .p-sr-only {
-    border: 0;
-    clip: rect(1px, 1px, 1px, 1px);
-    clip-path: inset(50%);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-    word-wrap: normal !important;
-  }
-  /* Non ng overlay animations */
-  .p-connected-overlay {
-    opacity: 0;
-    transform: scaleY(0.8);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  .p-connected-overlay-visible {
-    opacity: 1;
-    transform: scaleY(1);
-  }
-  .p-connected-overlay-hidden {
-    opacity: 0;
-    transform: scaleY(1);
-    transition: opacity 0.1s linear;
-  }
-  .p-toggleable-content.ng-animating {
-    overflow: hidden;
-  }
-  .p-icon-wrapper {
-    display: inline-flex;
-  }
-  .p-icon {
-    display: inline-block;
-  }
-  .p-icon-spin {
-    animation: p-icon-spin 2s infinite linear;
-  }
-}
-@keyframes p-icon-spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(359deg);
-  }
-}
-.p-togglebutton.p-button.p-highlight.p-disabled, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-disabled {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-
-.p-button {
-  height: 2.5rem;
-  display: flex;
-  gap: 0.5rem;
-  font-size: 1rem;
-  font-weight: 700;
-  color: var(--white-100);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  padding: 0rem 1rem;
-  background: var(--citrine-700);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-button .p-button-label {
-  transition-duration: 0.2s;
-}
-.p-button .p-button-icon {
-  font-size: 1.25rem;
-}
-.p-button.p-button-rounded {
-  border-radius: 100px;
-}
-.p-button.p-button-icon-only {
-  flex-shrink: 0;
-  width: 2.5rem;
-  padding: 0;
-}
-.p-button.p-button-icon-only:after {
-  display: none;
-}
-.p-button.p-button-icon-only .p-button-label {
-  display: none;
-}
-.p-button.p-button-sm {
-  height: 2rem;
-  font-size: 0.875rem;
-  padding: 0 0.75rem;
-}
-.p-button.p-button-sm .p-button-icon {
-  font-size: 1rem;
-}
-.p-button.p-button-sm.p-button-icon-only {
-  width: 2rem;
-  padding: 0;
-}
-.p-button.p-button-lg {
-  gap: 0.75rem;
-  height: 3.5rem;
-  font-size: 1.25rem;
-  padding: 0 1.5rem;
-}
-.p-button.p-button-lg .p-button-icon {
-  font-size: 1.5rem;
-}
-.p-button.p-button-lg.p-button-icon-only {
-  width: 3.5rem;
-  padding: 0;
-}
-.p-button:not(.p-disabled):hover {
-  background: var(--citrine-800);
-  color: var(--white-100);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button:not(.p-disabled):active {
-  background: var(--citrine-700);
-  color: var(--white-100);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-
-p-button[size=xlarge] .p-button {
-  gap: 0.75rem;
-  height: 4rem;
-  font-size: 1.75rem;
-  padding: 0 1.5rem;
-}
-p-button[size=xlarge] .p-button .p-button-icon {
-  font-size: 2rem;
-}
-p-button[size=xlarge] .p-button.p-button-icon-only {
-  width: 4rem;
-  padding: 0;
-}
-
-.p-button-outlined {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--citrine-700);
-  border-color: var(--citrine-200);
-}
-.p-button-outlined:not(.p-disabled):hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--citrine-700);
-  border-color: var(--citrine-700);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button-outlined:not(.p-disabled):active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--citrine-700);
-  border-color: var(--citrine-200);
-  box-shadow: none;
-}
-
-.p-button-text {
-  background-color: var(--white-100);
-  color: var(--citrine-700);
-}
-.p-button-text:not(.p-disabled):hover {
-  background: var(--citrine-alpha);
-  color: var(--citrine-700);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button-text:not(.p-disabled):active {
-  background: var(--white-100);
-  color: var(--citrine-700);
-  border-color: transparent;
-  box-shadow: none;
-}
-
-.p-button-group {
-  display: flex;
-}
-
-.p-fluid .p-button:not(.p-button-icon-only) {
-  width: 100%;
-}
-.p-fluid .p-button-group .p-button:not(.p-button-icon-only) {
-  flex: 1;
-}
-
-.p-button.p-button-danger,
-.p-button-group.p-button-danger > .p-button,
-.p-splitbutton.p-button-danger > .p-button,
-.p-fileupload-choose.p-button-danger {
-  color: var(--white-100);
-  background: var(--red-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-danger:not(.p-disabled):hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):hover {
-  background: var(--red-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-danger:not(.p-disabled):active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):active {
-  background: var(--red-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-200);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-200);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--red-400);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:hover {
-  background: var(--red-alpha);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-warning,
-.p-button-group.p-button-warning > .p-button,
-.p-splitbutton.p-button-warning > .p-button,
-.p-fileupload-choose.p-button-warning {
-  color: var(--white-100);
-  background: var(--orange-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-warning:not(.p-disabled):hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):hover {
-  background: var(--orange-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-warning:not(.p-disabled):active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):active {
-  background: var(--orange-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-200);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-200);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--orange-400);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:hover {
-  background: var(--orange-alpha);
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-success,
-.p-button-group.p-button-success > .p-button,
-.p-splitbutton.p-button-success > .p-button,
-.p-fileupload-choose.p-button-success {
-  color: var(--white-100);
-  background: var(--green-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-success:not(.p-disabled):hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled):hover {
-  background: var(--green-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-success:not(.p-disabled):active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-success:not(.p-disabled):active {
-  background: var(--green-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-200);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-200);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--green-400);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:hover {
-  background: var(--green-alpha);
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-info,
-.p-button-group.p-button-info > .p-button,
-.p-splitbutton.p-button-info > .p-button,
-.p-fileupload-choose.p-button-info {
-  color: var(--white-100);
-  background: var(--blue-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-info:not(.p-disabled):hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled):hover {
-  background: var(--blue-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-info:not(.p-disabled):active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-info:not(.p-disabled):active {
-  background: var(--blue-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-200);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-200);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--blue-400);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:hover {
-  background: var(--blue-alpha);
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-help,
-.p-button-group.p-button-help > .p-button,
-.p-splitbutton.p-button-help > .p-button,
-.p-fileupload-choose.p-button-help {
-  color: var(--white-100);
-  background: var(--purple-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-help:not(.p-disabled):hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled):hover {
-  background: var(--purple-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-help:not(.p-disabled):active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-help:not(.p-disabled):active {
-  background: var(--purple-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-200);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-200);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--purple-400);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:hover {
-  background: var(--purple-alpha);
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-inputtext {
-  min-height: 2.5rem;
-  line-height: 2.5rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--black-80);
-  background: var(--white-100);
-  padding: 0rem 0.75rem;
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  appearance: none;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-inputtext:enabled:hover {
-  border-color: var(--citrine-700);
-}
-.p-inputtext:enabled:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-inputtext.p-invalid.p-component, .p-inputtext.ng-invalid.ng-touched {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-inputtext:disabled, .p-inputtext.p-disabled {
-  background: var(--black-10);
-}
-
-.p-float-label > label {
-  left: 0.75rem;
-  color: var(--black-60);
-  transition-duration: 0.2s;
-}
-
-.p-float-label > .p-invalid + label {
-  color: var(--red-400);
-}
-
-.p-icon-field-left > .p-inputtext {
-  padding-left: 2.5rem;
-}
-
-.p-icon-field-left.p-float-label > label {
-  left: 2.5rem;
-}
-
-.p-icon-field-right > .p-inputtext {
-  padding-right: 2.5rem;
-}
-
-::-webkit-input-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-:-moz-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-::-moz-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-:-ms-input-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-.p-inputtext-lg {
-  min-height: 3.5rem;
-  line-height: 3.5rem;
-}
-
-.p-inputtextarea {
-  padding: 0.75rem;
-  line-height: normal;
-}
-
-.p-icon-field .p-inputtextarea-icon.p-input-icon {
-  top: unset;
-  margin-top: 0.5rem;
-}
-
-.p-inputotp {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.p-inputotp.error .p-inputotp-input {
-  border-color: var(--red-400);
-}
-
-.p-inputotp-input {
-  font-size: 1.5rem;
-  text-align: center;
-  width: 2.5rem;
-  border: none;
-  border-bottom: 1px solid var(--gray-200);
-  border-radius: 0;
-  background: transparent;
-}
-.p-inputotp-input:disabled, .p-inputotp-input.p-disabled {
-  background: transparent;
-}
-
-.p-inputotp-input:enabled:focus {
-  box-shadow: none;
-}
-
-.p-listbox-list-wrapper {
-  overflow: auto;
-}
-
-.p-listbox-list {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-
-.p-listbox-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  color: var(--black-80);
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: 0.2s;
-}
-.p-listbox-item:first-child {
-  margin-top: 0;
-}
-.p-listbox-item:last-child {
-  margin-bottom: 0;
-}
-.p-listbox-item.p-highlight {
-  color: var(--white-100);
-  background: var(--citrine-700);
-}
-.p-listbox-item:not(.p-highlight).p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-.p-listbox-item.p-disabled {
-  cursor: not-allowed;
-  opacity: 0.6;
-  background: var(--citrine-700) !important;
-  color: var(--white-100) !important;
-  mix-blend-mode: luminosity;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-listbox-item.p-disabled:has(.p-checkbox) {
-  background: var(--black-10);
-  color: var(--black-60);
-}
-.p-listbox-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-listbox-item:has(.p-checkbox) {
-  background: var(--white-100);
-  color: var(--black-80);
-}
-.p-listbox-item:has(.p-checkbox):hover {
-  background: #000;
-}
-
-.p-listbox-item-group {
-  cursor: auto;
-}
-
-.p-listbox-filter-container {
-  position: relative;
-}
-
-.p-listbox-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-listbox-filter {
-  width: 100%;
-}
-
-.p-listbox {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-listbox .p-listbox-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-listbox .p-listbox-header .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-listbox .p-listbox-header .p-checkbox .p-checkbox-box.p-disabled {
-  background: var(--white-100);
-}
-.p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.75rem;
-}
-.p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-listbox .p-listbox-header .p-disabled + .p-listbox-filter-icon {
-  opacity: 0.6;
-}
-.p-listbox .p-listbox-list {
-  padding: 0.25rem;
-  outline: 0 none;
-}
-.p-listbox .p-listbox-list .p-listbox-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-listbox .p-listbox-list .p-listbox-empty-message {
-  text-align: center;
-  color: var(--black-80);
-  padding: 0.75rem;
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight.p-focus {
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: var(--citrine-700);
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:hover {
-  background: var(--citrine-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox).p-focus {
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover.p-focus {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-listbox.p-invalid {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-listbox.p-disabled *.p-disabled {
-  opacity: 1;
-}
-.p-listbox.p-disabled .p-listbox-filter-icon {
-  display: none;
-}
-.p-listbox.p-disabled .p-listbox-filter.p-inputtext {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49967 2.83335C7.03555 2.83335 6.59043 3.01773 6.26224 3.34592C5.93405 3.67411 5.74967 4.11922 5.74967 4.58335V6.33335H9.24967V4.58335C9.24967 4.11922 9.0653 3.67411 8.73711 3.34592C8.40892 3.01773 7.9638 2.83335 7.49967 2.83335ZM10.4163 6.33335V4.58335C10.4163 3.80981 10.1091 3.06794 9.56207 2.52096C9.01509 1.97398 8.27322 1.66669 7.49967 1.66669C6.72613 1.66669 5.98426 1.97398 5.43728 2.52096C4.8903 3.06794 4.58301 3.80981 4.58301 4.58335V6.33335C4.11888 6.33335 3.67376 6.51773 3.34557 6.84592C3.01738 7.17411 2.83301 7.61922 2.83301 8.08335V11.5834C2.83301 12.0475 3.01738 12.4926 3.34557 12.8208C3.67376 13.149 4.11888 13.3334 4.58301 13.3334H10.4163C10.8805 13.3334 11.3256 13.149 11.6538 12.8208C11.982 12.4926 12.1663 12.0475 12.1663 11.5834V8.08335C12.1663 7.61922 11.982 7.17411 11.6538 6.84592C11.3256 6.51773 10.8805 6.33335 10.4163 6.33335ZM4.58301 7.50002C4.4283 7.50002 4.27993 7.56148 4.17053 7.67087C4.06113 7.78027 3.99967 7.92864 3.99967 8.08335V11.5834C3.99967 11.7381 4.06113 11.8864 4.17053 11.9958C4.27993 12.1052 4.4283 12.1667 4.58301 12.1667H10.4163C10.5711 12.1667 10.7194 12.1052 10.8288 11.9958C10.9382 11.8864 10.9997 11.7381 10.9997 11.5834V8.08335C10.9997 7.92864 10.9382 7.78027 10.8288 7.67087C10.7194 7.56148 10.5711 7.50002 10.4163 7.50002H4.58301ZM6.67472 9.0084C6.89351 8.7896 7.19026 8.66669 7.49967 8.66669C7.80909 8.66669 8.10584 8.7896 8.32463 9.0084C8.54342 9.22719 8.66634 9.52393 8.66634 9.83335C8.66634 10.1428 8.54343 10.4395 8.32463 10.6583C8.10584 10.8771 7.80909 11 7.49967 11C7.19026 11 6.89351 10.8771 6.67472 10.6583C6.45592 10.4395 6.33301 10.1428 6.33301 9.83335C6.33301 9.52393 6.45592 9.22719 6.67472 9.0084Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E");
-  background-position: right 0.75rem center;
-  background-repeat: no-repeat;
-}
-.p-listbox.p-disabled .p-listbox-item {
-  background: var(--black-10);
-  color: var(--black-60);
-}
-
-.p-dropdown {
-  display: inline-flex;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-}
-.p-dropdown.p-disabled {
-  cursor: not-allowed;
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-
-.p-dropdown-clear-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-dropdown-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-dropdown-label {
-  height: min-content;
-  margin: auto 0;
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  flex: 1 1 auto;
-  width: 1%;
-  text-overflow: ellipsis;
-  cursor: pointer;
-}
-
-.p-dropdown-label-empty {
-  overflow: hidden;
-  opacity: 0;
-}
-
-input.p-dropdown-label {
-  cursor: default;
-}
-
-.p-dropdown .p-dropdown-panel {
-  min-width: 100%;
-}
-
-.p-dropdown-panel {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.p-dropdown-items-wrapper {
-  overflow: auto;
-}
-
-.p-dropdown-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--black-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-}
-.p-dropdown-item:first-child {
-  margin-top: 0;
-}
-.p-dropdown-item:last-child {
-  margin-bottom: 0;
-}
-.p-dropdown-item.p-highlight {
-  color: var(--white-100);
-  background: var(--citrine-700);
-}
-.p-dropdown-item.p-highlight:hover {
-  background: var(--citrine-800);
-}
-.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-dropdown-item:not(.p-highlight).p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-.p-dropdown-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-dropdown-item .p-dropdown-check-icon {
-  position: relative;
-  margin-left: -0.5rem;
-  margin-right: 0.5rem;
-}
-
-.p-dropdown-item-group {
-  cursor: auto;
-}
-
-.p-dropdown-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-dropdown-filter {
-  width: 100%;
-}
-
-.p-dropdown-filter-container {
-  position: relative;
-}
-
-.p-dropdown-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-fluid .p-dropdown {
-  display: flex;
-}
-
-.p-fluid .p-dropdown .p-dropdown-label {
-  width: 1%;
-}
-
-.p-dropdown {
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-dropdown:not(.p-disabled):hover {
-  border-color: var(--citrine-700);
-}
-.p-dropdown:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-dropdown.p-dropdown-clearable .p-dropdown-label {
-  padding-right: 1.75rem;
-}
-.p-dropdown .p-dropdown-label {
-  background: transparent;
-  border: 0 none;
-}
-.p-dropdown .p-dropdown-label.p-placeholder {
-  color: var(--black-60);
-}
-.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
-  outline: 0 none;
-  box-shadow: none;
-}
-.p-dropdown .p-dropdown-trigger {
-  background: transparent;
-  color: var(--black-80);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-dropdown .p-dropdown-clear-icon {
-  color: var(--black-80);
-  right: 2.5rem;
-}
-.p-dropdown.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-dropdown-panel {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  margin-top: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-dropdown-panel .p-dropdown-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.75rem;
-  margin-right: -1.75rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-dropdown-panel .p-dropdown-items {
-  padding: 0.25rem;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
-  color: var(--black-80);
-  text-align: center;
-  padding: 0.5rem 0.75rem;
-  background: rgba(255, 255, 255, 0.0001);
-}
-
-.p-multiselect {
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  user-select: none;
-}
-
-.p-multiselect-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-multiselect-label-container {
-  cursor: pointer;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-}
-
-.p-multiselect-clearable .p-multiselect-label-container {
-  padding-right: 1.75rem;
-}
-
-.p-multiselect-clearable .p-multiselect-clear-icon {
-  right: 2.5rem;
-}
-
-.p-multiselect-label {
-  display: block;
-  white-space: nowrap;
-  cursor: pointer;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.p-multiselect-label-empty {
-  overflow: hidden;
-  visibility: hidden;
-}
-
-.p-multiselect-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-  margin-right: 0.25rem;
-}
-
-.p-multiselect-token-icon {
-  cursor: pointer;
-}
-
-.p-multiselect .p-multiselect-panel {
-  min-width: 100%;
-}
-
-.p-multiselect-items-wrapper {
-  overflow: auto;
-}
-
-.p-multiselect-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-multiselect-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--black-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-}
-.p-multiselect-item:not(.p-disabled):hover, .p-multiselect-item:not(.p-disabled).p-focus {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-multiselect-item:not(.p-highlight).p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-.p-multiselect-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-multiselect-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-
-.p-multiselect-item-group {
-  cursor: auto;
-}
-
-.p-multiselect-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.p-multiselect-filter-container {
-  position: relative;
-  flex: 1 1 auto;
-}
-
-.p-multiselect-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-multiselect-filter-container .p-inputtext {
-  width: 100%;
-}
-
-.p-multiselect-close {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  overflow: hidden;
-  position: relative;
-  margin-left: auto;
-}
-
-.p-fluid .p-multiselect {
-  display: flex;
-}
-
-.p-multiselect {
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-multiselect.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--black-10);
-}
-.p-multiselect:not(.p-disabled):hover {
-  border-color: var(--citrine-700);
-}
-.p-multiselect:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-multiselect .p-multiselect-label {
-  color: var(--black-80);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect .p-multiselect-label.p-placeholder {
-  color: var(--black-60);
-  padding: 0rem 0.75rem;
-  padding-left: 0.5rem;
-}
-.p-multiselect:not(.p-multiselect-chip) .p-multiselect-label {
-  padding: 0rem 0.75rem;
-  line-height: 2.5rem;
-}
-.p-multiselect.p-multiselect-chip {
-  min-height: 2.5rem;
-  padding: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token {
-  padding: 0rem 0.5rem;
-  background: var(--black-10);
-  color: var(--black-80);
-  border-radius: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
-  margin-left: 0.5rem;
-}
-.p-multiselect .p-multiselect-trigger {
-  background: transparent;
-  color: var(--black-80);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-multiselect.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-multiselect-panel {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  margin-top: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-  border: 1px solid transparent;
-  border-bottom: 0;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.75rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  margin-left: 0.5rem;
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-multiselect-panel .p-multiselect-items {
-  padding: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
-  padding: 0.5rem 0.75rem;
-  color: var(--black-80);
-  background: rgba(255, 255, 255, 0.0001);
-}
-
-.p-password .p-icon-wrapper {
-  right: 0.75rem;
-  top: 50%;
-  cursor: pointer;
-  fill: var(--black-80);
-}
-.p-password.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-password .p-input-icon {
-  cursor: pointer;
-  color: var(--black-80);
-  right: 0.75rem;
-}
-.p-password.p-disabled {
-  opacity: 1;
-}
-.p-password.p-disabled .p-input-icon {
-  opacity: 0.6;
-}
-
-.p-input-icon-right input {
-  padding-right: 2.5rem;
-}
-
-.p-icon-field .p-password-icon.p-input-icon {
-  right: 0.75rem;
-  top: 20% !important;
-}
-
-.p-password-input {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  min-height: 2.5rem;
-  padding: 0 0.75rem;
-  align-items: center;
-}
-
-.text-feedback {
-  display: inline-flex;
-  align-items: flex-start;
-}
-.text-feedback .ti {
-  position: relative;
-  bottom: 1px;
-}
-
-.text-feedback--default {
-  color: var(--black-80);
-}
-.text-feedback--default .ti {
-  color: var(--gray-200);
-}
-
-.text-feedback--success {
-  color: var(--green-400);
-}
-
-.text-feedback--error {
-  color: var(--red-400);
-}
-
-.p-password-panel {
-  color: var(--black-60);
-  padding: 0.75rem;
-  margin-top: 0.25rem;
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  background: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-password-panel .p-password-meter {
-  overflow: hidden;
-  height: 0.5rem;
-  border-radius: 1rem;
-  margin-bottom: 0.5rem;
-  background: var(--black-10);
-}
-.p-password-panel .p-password-meter .p-password-strength.weak {
-  background: var(--red-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.medium {
-  background: var(--orange-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.strong {
-  background: var(--green-400);
-}
-
-.p-inputgroup-addon {
-  background: var(--white-100);
-  color: var(--black-60);
-  border-top: 1px solid var(--gray-200);
-  border-left: 1px solid var(--gray-200);
-  border-bottom: 1px solid var(--gray-200);
-  padding: 0rem 0.75rem;
-  min-width: 2.5rem;
-}
-.p-inputgroup-addon:last-child {
-  border-right: 1px solid var(--gray-200);
-}
-.p-inputgroup-addon.p-disabled {
-  background-color: var(--black-10);
-  color: var(--black-60);
-}
-
-.p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
-  border-radius: 0;
-  margin: 0;
-}
-.p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
-  border-left: 0 none;
-}
-.p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
-  z-index: 1;
-}
-.p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
-  z-index: 1;
-}
-
-.p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:first-child input {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:last-child input {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-inputgroup .p-button {
-  height: auto;
-  width: auto;
-}
-.p-inputgroup .p-button.p-button-icon-only {
-  width: 2.5rem;
-}
-
-.p-icon-field {
-  position: relative;
-}
-
-.p-icon-field .p-input-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
-  width: 100%;
-}
-
-.p-icon-field-left .p-input-icon:first-of-type {
-  left: 0.75rem;
-  color: var(--black-80);
-}
-
-.p-icon-field-right .p-input-icon:last-of-type {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-
-.p-inputnumber.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-p-inputnumber.ng-invalid.ng-touched > .p-inputnumber > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-p-inputnumber[ng-reflect-is-disabled=true] .p-inputnumber-button {
-  background: var(--black-10);
-}
-
-.p-inputnumber-button {
-  color: var(--black-80);
-  border-color: var(--gray-200);
-  background-color: var(--white-100);
-}
-.p-inputnumber-button .p-button-icon {
-  font-size: 1rem;
-}
-
-.p-inputnumber-button:hover {
-  box-shadow: none !important;
-}
-
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-down {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-up {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-input {
-  border-radius: 0;
-  border-left-color: transparent;
-  border-right-color: transparent;
-  z-index: 1;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-down,
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-up {
-  height: 100%;
-}
-
-.p-inputnumber-buttons-vertical .p-inputnumber-button-down {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-button-up {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-input {
-  border-radius: 0;
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-  z-index: 1;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-button-down,
-.p-inputnumber-buttons-vertical .p-inputnumber-button-up {
-  width: 100%;
-}
-
-.p-checkbox {
-  position: relative;
-  display: inline-flex;
-  user-select: none;
-  vertical-align: bottom;
-}
-
-.p-checkbox-input {
-  appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  cursor: pointer;
-}
-
-.p-checkbox-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.p-checkbox {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box {
-  /* Отключение стандартной иконки PrimeNG, т.к. используем tabler, вместо prime-icons. */
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon {
-  display: none;
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box::after {
-  content: "\ea5e";
-  width: 1rem;
-  height: 1rem;
-  transition-duration: 0.2s;
-  color: var(--white-100);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-}
-.p-checkbox .p-checkbox-input {
-  border: 1px solid var(--gray-200);
-  border-radius: 0.25rem;
-}
-.p-checkbox .p-checkbox-box {
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--black-80);
-  border-radius: 0.25rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-checkbox .p-checkbox-box.p-highlight {
-  border-color: var(--citrine-700);
-  background: var(--citrine-700);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
-  border-color: var(--citrine-700);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover.p-highlight {
-  border-color: var(--citrine-800);
-  background: var(--citrine-800);
-  color: var(--white-100);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-checkbox .p-checkbox-box.p-disabled {
-  background: var(--black-10);
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon {
-  transition-duration: 0.2s;
-  color: var(--white-100);
-  font-size: 1rem;
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-highlight .p-checkbox .p-checkbox-box {
-  border-color: var(--citrine-700);
-}
-
-.p-radiobutton {
-  position: relative;
-  display: inline-flex;
-  user-select: none;
-  vertical-align: bottom;
-}
-
-.p-radiobutton-input {
-  cursor: pointer;
-}
-
-.p-radiobutton-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition: all;
-}
-
-.p-radiobutton-box:hover {
-  border: 1px solid var(--citrine-800) !important;
-}
-
-.p-radiobutton-box.p-highlight {
-  box-sizing: border-box;
-  background: var(--citrine-800) !important;
-}
-.p-radiobutton-box.p-highlight .p-radiobutton-icon {
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.25%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
-  background: var(--white-100);
-  width: 1.5rem;
-  height: 1.5rem;
-  mask-composite: exclude;
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box {
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box:hover {
-  border: 1px solid var(--red-400) !important;
-}
-
-.p-radiobutton-box.p-focus {
-  box-shadow: 0px 0px 0px 3.5px var(--citrine-200);
-}
-
-.p-radiobutton {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-radiobutton .p-radiobutton-input {
-  appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  border: 1px solid var(--gray-200);
-  border-radius: 50%;
-}
-.p-radiobutton .p-radiobutton-box {
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--black-80);
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-radiobutton.p-disabled .p-radiobutton-box {
-  background: var(--black-10);
-}
-.p-radiobutton.p-highlight .p-radiobutton-box {
-  border-color: var(--citrine-700);
-  background: var(--citrine-700);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
-  border-color: var(--citrine-700);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
-  border-color: var(--citrine-800);
-  background: var(--citrine-800);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-radiobutton.p-invalid > .p-radiobutton-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-highlight .p-radiobutton .p-radiobutton-box {
-  border-color: var(--white-100);
-}
-
-.p-inputswitch-slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-.p-inputswitch-slider:before {
-  position: absolute;
-  content: "";
-  top: 50%;
-}
-
-.p-inputswitch {
-  position: relative;
-  display: inline-block;
-  width: 2.5rem;
-  height: 1.5rem;
-  border-radius: 100px;
-}
-.p-inputswitch .p-inputswitch-slider {
-  background: var(--gray-300);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 100px;
-  outline-color: transparent;
-}
-.p-inputswitch .p-inputswitch-slider:before {
-  background: var(--white-100);
-  width: 1rem;
-  height: 1rem;
-  left: 0.25rem;
-  margin-top: -0.5rem;
-  border-radius: 100px;
-  transition-duration: 0.2s;
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
-  background: var(--citrine-700);
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  background: var(--white-100);
-  transform: translateX(1rem);
-}
-.p-inputswitch:not(.p-disabled) .p-inputswitch-slider:hover {
-  background-color: var(--citrine-800);
-}
-.p-inputswitch:not(.p-disabled).p-focus, .p-inputswitch:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-
-p-inputswitch:not(.p-disabled).p-element.ng-dirty.ng-invalid .p-inputswitch-slider, p-inputswitch:not(.p-disabled).p-element.ng-touched.ng-invalid .p-inputswitch-slider {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-selectbutton {
-  display: flex;
-  height: min-content;
-  gap: 0.25rem;
-  padding: 0.25rem;
-  background-color: var(--black-10);
-  border-radius: 0.5rem;
-}
-.p-selectbutton .p-button {
-  flex-grow: 1;
-  background: rgba(255, 255, 255, 0.0001);
-  border: 1px solid trasparent;
-  border-radius: 0.25rem;
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
-  color: var(--black-60);
-}
-.p-selectbutton .p-button.p-disabled {
-  background: transparent;
-  pointer-events: none;
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
-  background: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
-  color: var(--black-80);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight {
-  background: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--citrine-700);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-right {
-  color: var(--citrine-700);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover {
-  background: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-right {
-  color: var(--black-80);
-}
-.p-selectbutton.p-invalid > .p-button {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-togglebutton.p-button.p-highlight.p-disabled, .p-button.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-left, .p-button.p-disabled .p-button-icon-left,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-left,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-left,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-left,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-left,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-right,
-.p-button.p-disabled .p-button-icon-right,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-right,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-right,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-right,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-right,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-right {
-  color: var(--black-60) !important;
-}
-
-.p-togglebutton.p-button {
-  background: var(--black-10);
-  border: 1px solid trasparent;
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-  border-radius: 100px;
-}
-.p-togglebutton.p-button:not(.p-disabled):hover {
-  background: var(--citrine-alpha);
-  color: var(--citrine-700);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  box-shadow: none;
-}
-.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-left,
-.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-right {
-  color: var(--citrine-700);
-}
-.p-togglebutton.p-button:not(.p-disabled):focus-visible {
-  box-shadow: 0 0 0 3.5px var(--citrine-200);
-}
-.p-togglebutton.p-button .p-button-icon-left,
-.p-togglebutton.p-button .p-button-icon-right {
-  color: var(--black-60);
-}
-.p-togglebutton.p-button.p-highlight {
-  background: var(--citrine-700);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--white-100);
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover {
-  background: var(--citrine-800);
-  color: var(--white-100);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  box-shadow: none;
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-right {
-  color: var(--white-100);
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):focus-visible {
-  box-shadow: 0 0 0 3.5px var(--citrine-200);
-}
-.p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
-  color: var(--white-100);
-}
-
-.p-chips {
-  display: inline-flex;
-  height: min-content;
-}
-
-.p-disabled .p-chips-multiple-container {
-  background-color: var(--black-10);
-}
-
-.p-chips-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-chips-multiple-container:has(.p-chips-token) {
-  padding: 0.25rem;
-}
-
-.p-chips-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-chips-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-chips-token-icon {
-  cursor: pointer;
-}
-
-.p-chips-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-chips {
-  display: flex;
-}
-
-.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
-  border-color: var(--citrine-700);
-}
-.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0rem 0.5rem;
-  background: var(--black-10);
-  color: var(--black-80);
-  border-radius: 0.25rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token + .p-chips-input-token {
-  padding: 0 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0rem 0;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--black-80);
-  margin: 0;
-}
-.p-chips.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-slider {
-  background: var(--black-10);
-  border: none;
-  border-radius: 0.5rem;
-}
-.p-slider.p-slider-horizontal {
-  height: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.625rem;
-  margin-left: -0.625rem;
-}
-.p-slider.p-slider-vertical {
-  width: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.625rem;
-  margin-bottom: -0.625rem;
-}
-.p-slider .p-slider-handle {
-  height: 1.25rem;
-  width: 1.25rem;
-  background: var(--citrine-700);
-  border: none;
-  border-radius: 1rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-slider .p-slider-handle:focus {
-  background: var(--citrine-800);
-  box-shadow: none;
-}
-.p-slider .p-slider-range {
-  background: var(--citrine-700);
-  border-radius: 0.5rem;
-}
-.p-slider:not(.p-disabled) .p-slider-handle:hover {
-  background: var(--citrine-800);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-
-.p-rating {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-
-.p-rating-item {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-
-.p-rating.p-readonly .p-rating-item {
-  cursor: default;
-}
-
-.p-rating {
-  gap: 0.5rem;
-}
-.p-rating .p-rating-item {
-  outline-color: transparent;
-  border-radius: 50%;
-}
-.p-rating .p-rating-item .p-rating-icon {
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  font-size: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-icon {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
-  color: var(--black-60);
-}
-.p-rating .p-rating-item:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
-  color: var(--orange-400);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
-  color: var(--orange-500);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
-  color: var(--black-80);
-}
-
-.p-calendar.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-
-.p-datepicker {
-  margin-top: 0.25rem;
-  padding: 0.75rem;
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-}
-.p-datepicker:not(.p-datepicker-inline) {
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-datepicker .p-datepicker-header {
-  padding: 0 0 0.5rem;
-  color: var(--black-60);
-  background: var(--white-100);
-  font-weight: bold;
-  margin: 0rem;
-  border-bottom: none;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border: 1px solid transparent;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,
-.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled {
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-  background: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title {
-  line-height: 2rem;
-  display: flex;
-  gap: 0.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select {
-  display: inline-flex;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-  min-height: 2.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  font-weight: bold;
-  padding: 0.25rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
-  color: var(--citrine-700);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5rem;
-}
-.p-datepicker table {
-  font-size: 1rem;
-  margin: 0rem;
-}
-.p-datepicker table th {
-  padding: 0.25rem;
-}
-.p-datepicker table th > span {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datepicker table td {
-  padding: 0.25rem;
-}
-.p-datepicker table td > span {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  transition: 0.2s;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-datepicker table td > span.p-highlight {
-  color: var(--white-100);
-  background: var(--citrine-700);
-}
-.p-datepicker table td > span:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-datepicker table td.p-datepicker-today > span {
-  color: var(--black-60);
-  font-weight: 700;
-  border-color: var(--gray-100);
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-datepicker table td.p-datepicker-today > span:not(.p-disabled):hover {
-  color: var(--black-80);
-}
-.p-datepicker table td.p-datepicker-today > span.p-highlight {
-  color: var(--white-100);
-  background: var(--citrine-700);
-}
-.p-datepicker .p-datepicker-buttonbar {
-  padding: 0rem 0 0;
-}
-.p-datepicker .p-datepicker-buttonbar .p-button {
-  width: auto;
-}
-.p-datepicker .p-timepicker {
-  border-top: 1px solid var(--gray-200);
-  padding: String value;
-}
-.p-datepicker .p-timepicker button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datepicker .p-timepicker button:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-datepicker .p-timepicker button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-datepicker .p-timepicker button.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-datepicker .p-timepicker span {
-  font-size: 1.25rem;
-}
-.p-datepicker .p-timepicker > div {
-  padding: String value;
-}
-.p-datepicker .p-hour-picker,
-.p-datepicker .p-minute-picker {
-  gap: 0.25rem;
-}
-.p-datepicker.p-datepicker-timeonly .p-timepicker {
-  border-top: 0 none;
-}
-.p-datepicker .p-monthpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
-  color: var(--white-100);
-  background: var(--citrine-700);
-}
-.p-datepicker .p-yearpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
-  color: var(--white-100);
-  background: var(--citrine-700);
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-left: 1px solid var(--gray-200);
-  padding-right: 0.75rem;
-  padding-left: 0.75rem;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
-  padding-left: 0;
-  border-left: 0 none;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
-  padding-right: 0;
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-datepicker:not(.p-disabled) table td span.p-highlight:hover {
-  background: var(--citrine-800);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled).p-highlight:hover {
-  background: var(--citrine-800);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled).p-highlight:hover {
-  background: var(--citrine-800);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-
-.p-autocomplete {
-  display: inline-flex;
-  height: min-content;
-}
-.p-autocomplete .p-autocomplete-loader {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 3.25rem;
-}
-
-.p-autocomplete-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-autocomplete-multiple-container:has(.p-autocomplete-token) {
-  padding: 0.25rem;
-}
-
-.p-autocomplete-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-autocomplete-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-autocomplete-token-icon {
-  cursor: pointer;
-}
-
-.p-autocomplete-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-autocomplete {
-  display: flex;
-}
-
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
-  border-color: var(--citrine-700);
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-autocomplete .p-autocomplete-multiple-container.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--black-10);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0rem 0.5rem;
-  background: var(--black-10);
-  color: var(--black-80);
-  border-radius: 0.25rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token + .p-autocomplete-input-token {
-  padding: 0 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0rem 0;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--black-80);
-  margin: 0;
-}
-.p-autocomplete.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-autocomplete-panel {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  margin-top: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-of-type {
-  margin-top: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-of-type {
-  margin-bottom: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
-  color: var(--white-100);
-  background: var(--citrine-700);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
-  text-align: center;
-  padding: 0.5rem 0.75rem;
-}
-
-.p-autocomplete-dd .p-autocomplete-input {
-  flex: 1 1 auto;
-  width: 1%;
-}
-.p-autocomplete-dd .p-autocomplete-dropdown {
-  display: none;
-}
-
-.autocomplete-dropdown-container:hover .p-inputtext:enabled {
-  border-color: var(--citrine-700);
-}
-
-.autocomplete-dropdown-trigger {
-  position: absolute;
-  right: 0;
-  top: 0;
-  height: 100%;
-  width: 2.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.p-autocomplete-clear-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-  cursor: pointer;
-}
-
-.p-autocomplete-clearable {
-  position: relative;
-}
-.p-autocomplete-clearable .p-autocomplete-clear-icon {
-  right: 0.75rem;
-}
-.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
-  right: 2.5rem;
-}
-
-.p-tabview .p-tabview-nav {
-  background: rgba(255, 255, 255, 0.0001);
-  border-bottom: 1px solid var(--gray-200);
-  gap: 1.5rem;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link {
-  border-bottom: 0.25rem solid rgba(255, 255, 255, 0.0001);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  padding: 1rem 0rem;
-  font-weight: normal;
-  transition: 0.2s;
-  margin: 0;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--citrine-700);
-}
-.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--citrine-700);
-  color: var(--citrine-700);
-}
-.p-tabview .p-tabview-close {
-  margin-left: 0.5rem;
-}
-.p-tabview .p-tabview-nav-btn.p-link {
-  background: var(--white-100);
-  color: var(--black-80);
-  width: 2.5rem;
-  box-shadow: 0px 0px 10px 50px var(--white-60);
-  border-radius: 0;
-}
-.p-tabview .p-tabview-nav-btn.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-tabview .p-tabview-nav-btn.p-link:hover {
-  color: var(--citrine-700);
-}
-.p-tabview .p-tabview-panels {
-  background: rgba(255, 255, 255, 0.0001);
-  padding: 1rem 0rem;
-  border: none;
-  color: var(--black-80);
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-divider {
-  border-color: var(--gray-200);
-}
-.p-divider .p-divider-content {
-  background-color: var(--white-100);
-  color: var(--black-60);
-  text-transform: uppercase;
-}
-.p-divider.p-divider-horizontal {
-  margin: 1rem 0rem;
-  padding: 0rem 1rem;
-}
-.p-divider.p-divider-horizontal .p-divider-content {
-  padding: 0 0.5rem;
-}
-.p-divider.p-divider-horizontal:before {
-  border-top-width: 1px;
-  border-top-color: var(--gray-200);
-}
-.p-divider.p-divider-horizontal.p-divider-dash:before {
-  border-top-style: dashed;
-}
-.p-divider.p-divider-vertical {
-  margin: 0rem 1rem;
-  padding: 1rem 0rem;
-}
-.p-divider.p-divider-vertical .p-divider-content {
-  padding: 0.5rem 0;
-}
-.p-divider.p-divider-vertical:before {
-  border-left-width: 1px;
-  border-left-color: var(--gray-200);
-}
-.p-divider.p-divider-vertical.p-divider-dash:before {
-  border-left-style: dashed;
-}
-
-.p-scrollpanel .p-scrollpanel-bar {
-  background: var(--black-10);
-  border: 0 none;
-  border-radius: 0.5rem;
-}
-.p-scrollpanel .p-scrollpanel-bar:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-
-.p-accordion .p-accordion-header .p-accordion-header-link {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  color: var(--black-60);
-  font-weight: 700;
-  padding: 1rem 0rem;
-  border-top: 1px solid var(--gray-200);
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-  gap: 0.5rem;
-}
-.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
-  font-size: 1.25rem;
-}
-.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--gray-200);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--gray-200);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
-  border-color: var(--gray-200);
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-content {
-  padding: 0rem 0rem 1rem 1.75rem;
-  border-bottom: none;
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-tab {
-  margin-bottom: 0rem;
-}
-.p-accordion .p-accordion-tab:first-child .p-accordion-header-link {
-  border-top: none;
-}
-.p-accordion .p-accordion-tab .p-accordion-content .p-accordion-header-link {
-  border-top: 1px solid var(--gray-200);
-}
-
-.p-stepper .p-stepper-nav {
-  display: flex;
-  gap: 0.5rem;
-  justify-content: space-between;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  overflow: hidden;
-  overflow-x: auto;
-}
-.p-stepper .p-stepper-header {
-  position: relative;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-  padding: 0.5rem 0;
-}
-.p-stepper .p-stepper-header.p-disabled {
-  opacity: 1;
-  cursor: initial;
-}
-.p-stepper .p-stepper-header.p-disabled .p-stepper-action {
-  opacity: 0.6;
-}
-.p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-title {
-  color: var(--black-80);
-}
-.p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
-  background-color: var(--citrine-700);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-number, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-number {
-  color: var(--white-100);
-  background-color: var(--citrine-700);
-  border-color: transparent;
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-icon, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-icon {
-  color: var(--citrine-700);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-action.p-danger .p-stepper-number, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-action.p-danger .p-stepper-number {
-  color: var(--white-100);
-  background-color: var(--red-400);
-}
-.p-stepper p-stepperheader .p-stepper-action {
-  display: inline-flex;
-  align-items: center;
-  flex-grow: 0;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  background: var(--white-100);
-  outline-color: transparent;
-  padding: 0;
-}
-.p-stepper p-stepperheader .p-stepper-action:hover {
-  cursor: pointer;
-}
-.p-stepper p-stepperheader .p-stepper-action:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-number {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 400;
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1;
-  font-size: 1rem;
-  border-radius: 8rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title {
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  margin-left: 0.5rem;
-  color: var(--black-80);
-  font-weight: 400;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper{
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
-  line-height: 1;
-  margin-left: 0.5rem;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper .p-stepper-title {
-  margin-left: 0;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-icon{
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.5rem;
-  line-height: 2rem;
-  line-height: 1;
-  min-width: 1.5rem;
-  height: 1.5rem;
-}
-.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-number,
-.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-icon {
-  color: var(--red-400);
-}
-.p-stepper .p-stepper-panels {
-  background: rgba(255, 255, 255, 0.0001);
-  padding: 1rem 0rem;
-  color: var(--black-80);
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-number, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-number {
-  color: var(--white-100);
-  background-color: var(--citrine-700);
-  border-color: transparent;
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-icon, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-icon {
-  color: var(--citrine-700);
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-action.p-danger .p-stepper-number, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-action.p-danger .p-stepper-number {
-  color: var(--white-100);
-  background-color: var(--red-400);
-}
-.p-stepper .p-stepper-separator {
-  background-color: var(--gray-200);
-  width: 100%;
-  height: 1px;
-  margin-inline-start: 0.5rem;
-  transition: 0.2s;
-}
-.p-stepper.no-line .p-stepper-separator {
-  background-color: transparent !important;
-}
-.p-stepper.p-stepper-vertical {
-  display: flex;
-  flex-direction: column;
-}
-.p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
-  display: flex;
-  flex: 1 1 auto;
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel {
-  display: flex;
-  flex-direction: column;
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
-  flex: 1 1 auto;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
-  width: 100%;
-  padding-left: 1rem;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
-  flex: 0 0 auto;
-  width: 2px;
-  height: auto;
-  margin-inline-start: calc(1.75rem + 2px);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
-  background-color: var(--citrine-700);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
-  padding-left: 3rem;
-}
-
-.p-card {
-  overflow: hidden;
-  color: var(--black-80);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-card.p-card-no-shadow {
-  box-shadow: none;
-}
-.p-card .p-card-body {
-  padding: 1rem;
-}
-.p-card .p-card-title {
-  font-size: 1.125rem;
-  font-weight: 700;
-  margin-bottom: 0.25rem;
-}
-.p-card .p-card-subtitle {
-  font-size: 0.875rem;
-  font-weight: 400;
-  color: var(--black-60);
-}
-.p-card .p-card-content {
-  padding: 1rem 0 0;
-}
-.p-card .p-card-footer {
-  padding: 1rem 0 0;
-}
-
-.p-tooltip .p-tooltip-text {
-  background: var(--gray-800);
-  color: var(--white-100);
-  padding: 0.5rem 1rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  border-radius: 0.5rem;
-}
-
-.p-tooltip-arrow {
-  border-color: transparent;
-}
-
-.p-tooltip-right .p-tooltip-arrow,
-.p-tooltip-left .p-tooltip-arrow {
-  margin-top: -0.25rem;
-}
-
-.p-tooltip-top .p-tooltip-arrow,
-.p-tooltip-bottom .p-tooltip-arrow {
-  margin-left: -0.25rem;
-}
-
-.p-tooltip-right .p-tooltip-arrow {
-  border-width: 0.25em 0.25em 0.25em 0;
-  border-right-color: var(--gray-800);
-}
-
-.p-tooltip-left .p-tooltip-arrow {
-  border-width: 0.25em 0 0.25em 0.25rem;
-  border-left-color: var(--gray-800);
-}
-
-.p-tooltip-top .p-tooltip-arrow {
-  border-width: 0.25em 0.25em 0;
-  border-top-color: var(--gray-800);
-}
-
-.p-tooltip-bottom .p-tooltip-arrow {
-  border-width: 0 0.25em 0.25rem;
-  border-bottom-color: var(--gray-800);
-}
-
-.p-dialog {
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  border: 1px solid var(--gray-200);
-}
-.p-dialog .p-dialog-header {
-  border-bottom: 1px solid var(--gray-200);
-  background: var(--white-100);
-  color: var(--black-80);
-  padding: 1.5rem 1.5rem 1rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-header .p-dialog-title {
-  font-weight: bold;
-  font-size: 1.25rem;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-right: 0.5rem;
-  box-shadow: none;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
-  margin-right: 0;
-}
-.p-dialog-danger .p-dialog-title::before, .p-dialog-success .p-dialog-title::before, .p-dialog-info .p-dialog-title::before, .p-dialog-warning .p-dialog-title::before, .p-dialog-help .p-dialog-title::before {
-  content: "";
-  display: inline-block;
-  width: 1.5rem;
-  height: 1.5rem;
-  background-size: contain;
-  margin-right: 0.5rem;
-  vertical-align: text-bottom;
-}
-.p-dialog-danger .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM8.13128 8.63128C8.47299 8.28957 9.02701 8.28957 9.36872 8.63128L10.5 9.76256L11.6313 8.63128C11.973 8.28957 12.527 8.28957 12.8687 8.63128C13.2104 8.97299 13.2104 9.52701 12.8687 9.86872L11.7374 11L12.8687 12.1313C13.2104 12.473 13.2104 13.027 12.8687 13.3687C12.527 13.7104 11.973 13.7104 11.6313 13.3687L10.5 12.2374L9.36872 13.3687C9.02701 13.7104 8.47299 13.7104 8.13128 13.3687C7.78957 13.027 7.78957 12.473 8.13128 12.1313L9.26256 11L8.13128 9.86872C7.78957 9.52701 7.78957 8.97299 8.13128 8.63128Z" fill="%23E26E63"/></svg>') no-repeat;
-}
-.p-dialog-success .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM13.7437 8.63128C14.0854 8.97299 14.0854 9.52701 13.7437 9.86872L10.2437 13.3687C9.90201 13.7104 9.34799 13.7104 9.00628 13.3687L7.25628 11.6187C6.91457 11.277 6.91457 10.723 7.25628 10.3813C7.59799 10.0396 8.15201 10.0396 8.49372 10.3813L9.625 11.5126L12.5063 8.63128C12.848 8.28957 13.402 8.28957 13.7437 8.63128Z" fill="%2368C170"/></svg>') no-repeat;
-}
-.p-dialog-warning .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.24855 2.2875C9.63056 2.07229 10.0616 1.95923 10.5 1.95923C10.9385 1.95923 11.3695 2.07229 11.7515 2.2875C12.1335 2.5027 12.4536 2.81277 12.6808 3.18777L12.6831 3.19162L19.7759 15.0356L19.7832 15.0481C20.0055 15.4335 20.123 15.8705 20.1241 16.3154C20.1252 16.7604 20.0098 17.1979 19.7895 17.5845C19.5691 17.9711 19.2514 18.2932 18.868 18.519C18.4846 18.7447 18.0487 18.8662 17.6038 18.8714L17.5937 18.8715L3.39659 18.8714C2.95146 18.8664 2.51539 18.7449 2.13176 18.5191C1.74813 18.2933 1.43031 17.9709 1.20992 17.5841C0.98952 17.1974 0.874224 16.7596 0.875499 16.3145C0.876773 15.8693 0.994574 15.4322 1.21718 15.0467L1.22426 15.0347L8.30299 3.21587C8.30825 3.20642 8.31369 3.19705 8.31931 3.18777C8.5465 2.81277 8.86655 2.5027 9.24855 2.2875ZM10.5 3.70923C10.3625 3.70923 10.2273 3.74469 10.1075 3.81219C9.99324 3.87657 9.89665 3.968 9.82613 4.07836C9.82357 4.0828 9.82097 4.08723 9.81833 4.09164L2.72982 15.9268C2.66184 16.0465 2.62589 16.1818 2.62549 16.3195C2.62509 16.4591 2.66126 16.5964 2.73039 16.7177C2.79952 16.839 2.8992 16.9401 3.01953 17.011C3.13871 17.0811 3.27402 17.1192 3.41225 17.1214H17.5877C17.7258 17.1191 17.861 17.0811 17.9801 17.011C18.1004 16.9401 18.2 16.8391 18.2691 16.7178C18.3383 16.5966 18.3745 16.4594 18.3741 16.3198C18.3738 16.1822 18.3379 16.047 18.2701 15.9274L11.1841 4.09457C11.1837 4.09404 11.1834 4.09351 11.1831 4.09298C11.1119 3.97607 11.0119 3.87939 10.8926 3.81219C10.7728 3.74469 10.6376 3.70923 10.5 3.70923ZM10.5001 7.49997C10.9833 7.49997 11.3751 7.89172 11.3751 8.37497V11.875C11.3751 12.3582 10.9833 12.75 10.5001 12.75C10.0168 12.75 9.62506 12.3582 9.62506 11.875V8.37497C9.62506 7.89172 10.0168 7.49997 10.5001 7.49997ZM9.62506 14.5C9.62506 14.0167 10.0168 13.625 10.5001 13.625H10.5088C10.9921 13.625 11.3838 14.0167 11.3838 14.5C11.3838 14.9832 10.9921 15.375 10.5088 15.375H10.5001C10.0168 15.375 9.62506 14.9832 9.62506 14.5Z" fill="%23FFB330"/></svg>') no-repeat;
-}
-.p-dialog-info .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.625 8.375C9.625 7.89175 10.0168 7.5 10.5 7.5H10.5087C10.992 7.5 11.3837 7.89175 11.3837 8.375C11.3837 8.85825 10.992 9.25 10.5087 9.25H10.5C10.0168 9.25 9.625 8.85825 9.625 8.375ZM8.75 11C8.75 10.5168 9.14175 10.125 9.625 10.125H10.5C10.9832 10.125 11.375 10.5168 11.375 11V13.625C11.8582 13.625 12.25 14.0168 12.25 14.5C12.25 14.9832 11.8582 15.375 11.375 15.375H10.5C10.0168 15.375 9.625 14.9832 9.625 14.5V11.875C9.14175 11.875 8.75 11.4832 8.75 11Z" fill="%2349A2EF"/></svg>') no-repeat;
-}
-.p-dialog-help .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.99829 7.55089C10.5752 7.43547 11.1741 7.51853 11.6978 7.78656C12.2234 8.05459 12.6434 8.49186 12.89 9.02783C13.1367 9.56409 13.1955 10.1679 13.0568 10.7416C12.9181 11.3154 12.5901 11.8257 12.1257 12.1901C11.6613 12.5545 11.0877 12.7518 10.4974 12.75C10.0141 12.7486 9.62355 12.3556 9.625 11.8724C9.62646 11.3891 10.0194 10.9986 10.5026 11C10.6994 11.0006 10.8906 10.9349 11.0454 10.8134C11.2002 10.6919 11.3096 10.5218 11.3558 10.3306C11.402 10.1393 11.3824 9.93804 11.3002 9.75929C11.2179 9.58053 11.0778 9.43472 10.9025 9.34539L10.9008 9.34452C10.7285 9.25627 10.5314 9.2289 10.3416 9.26688C10.1518 9.30486 9.98043 9.40595 9.85536 9.5537C9.54314 9.92255 8.99103 9.96846 8.62218 9.65624C8.25333 9.34403 8.20742 8.79191 8.51964 8.42306C8.89995 7.97377 9.42109 7.66638 9.99829 7.55089ZM10.5 13.625C10.9832 13.625 11.375 14.0168 11.375 14.5V14.5087C11.375 14.992 10.9832 15.3837 10.5 15.3837C10.0168 15.3837 9.625 14.992 9.625 14.5087V14.5C9.625 14.0168 10.0168 13.625 10.5 13.625Z" fill="%23AB77DF"/></svg>') no-repeat;
-}
-.p-dialog .p-dialog-content {
-  background: var(--white-100);
-  color: var(--black-80);
-  padding: 1.5rem 1.5rem;
-}
-.p-dialog .p-dialog-content:last-of-type {
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer {
-  display: flex;
-  border-top: 1px solid rgba(255, 255, 255, 0.0001);
-  background: var(--white-100);
-  color: var(--black-60);
-  padding: 0rem 1.5rem 1.5rem;
-  text-align: right;
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer button {
-  width: auto;
-}
-.p-dialog .p-confirm-dialog-accept {
-  order: 1;
-}
-.p-dialog .p-confirm-dialog-reject {
-  order: 2;
-}
-.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
-  border-radius: 0;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
-  font-size: 2rem;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-dialog.p-confirm-dialog .p-dialog-footer {
-  flex-direction: row-reverse;
-  gap: 0.5rem;
-}
-.p-dialog.p-confirm-dialog .p-dialog-footer i.none {
-  display: none;
-}
-
-.p-overlaypanel {
-  background: var(--white-100);
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-overlaypanel .p-overlaypanel-content {
-  padding: 1rem;
-}
-.p-overlaypanel .p-overlaypanel-close {
-  background: var(--citrine-700);
-  color: var(--white-100);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  position: absolute;
-  top: -1rem;
-  right: -1rem;
-}
-.p-overlaypanel .p-overlaypanel-close:enabled:hover {
-  background: var(--citrine-800);
-  color: var(--white-100);
-}
-.p-overlaypanel:after {
-  border: solid transparent;
-  border-color: transparent;
-  border-bottom-color: var(--white-100);
-  border-width: 6px;
-}
-.p-overlaypanel:before {
-  border: solid transparent;
-  border-width: 8px;
-  border-color: transparent;
-  border-bottom-color: var(--gray-200);
-}
-.p-overlaypanel.p-overlaypanel-flipped {
-  margin-top: -7px !important;
-}
-.p-overlaypanel.p-overlaypanel-flipped:after {
-  border-top-color: var(--white-100);
-  border-bottom-color: transparent;
-}
-.p-overlaypanel.p-overlaypanel-flipped:before {
-  border-top-color: var(--gray-200);
-  border-bottom-color: transparent;
-}
-
-.p-sidebar {
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  background: var(--white-100);
-  margin: 0.5rem;
-  height: calc(100vh - 1rem) !important;
-}
-.p-sidebar.p-sidebar-top, .p-sidebar.p-sidebar-full, .p-sidebar.p-sidebar-bottom {
-  width: calc(100vw - 1rem);
-  width: -webkit-fill-available !important;
-}
-.p-sidebar.p-sidebar-top, .p-sidebar.p-sidebar-bottom {
-  height: auto;
-}
-.p-sidebar .p-sidebar-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1.5rem 1.5rem 1rem;
-  border-bottom: 1px solid var(--gray-200);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close.p-disabled,
-.p-sidebar .p-sidebar-header .p-sidebar-icon.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-sidebar .p-sidebar-header > :only-child {
-  margin-left: auto;
-}
-.p-sidebar .p-sidebar-content {
-  padding: 1.5rem 1.5rem;
-}
-.p-sidebar .p-sidebar-footer {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 1.5rem 1.5rem;
-  padding-top: 0rem;
-}
-
-.p-avatar {
-  height: 2rem;
-  width: 2rem;
-  color: var(--white-100);
-  font-size: 1rem;
-  background-color: var(--citrine-700);
-  border-radius: 0.5rem;
-}
-.p-avatar:not(.p-avatar-image) {
-  border: 1px solid var(--gray-200);
-}
-.p-avatar.p-avatar-image {
-  background: transparent;
-  position: relative;
-}
-.p-avatar.p-avatar-image img {
-  position: relative;
-  object-fit: cover;
-  border-radius: inherit;
-}
-.p-avatar.p-avatar-image .p-badge {
-  z-index: 1;
-}
-.p-avatar.p-avatar-image::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  border: 1px solid var(--gray-200);
-  border-radius: inherit;
-  z-index: 1;
-}
-.p-avatar.p-avatar-lg {
-  width: 2.5rem;
-  height: 2.5rem;
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-lg .p-avatar-icon {
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-xl {
-  width: 3.5rem;
-  height: 3.5rem;
-  font-size: 1.5rem;
-}
-.p-avatar.p-avatar-xl .p-avatar-icon {
-  font-size: 1.5rem;
-}
-
-.p-avatar-circle {
-  border-radius: 50%;
-}
-
-.p-badge {
-  background: var(--citrine-700);
-  color: var(--white-100);
-  font-size: 0.75rem;
-  font-weight: bold;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-}
-.p-badge.p-badge-success {
-  background-color: var(--green-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-info {
-  background-color: var(--blue-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-warning {
-  background-color: var(--orange-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-danger {
-  background-color: var(--red-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-dot {
-  width: 0.5rem;
-  height: 0.5rem;
-  min-width: auto;
-}
-
-.p-tag {
-  height: 1.5rem;
-  color: var(--white-100);
-  font-size: 0.875rem;
-  font-weight: bold;
-  padding: 0.5rem;
-  border-radius: 0.5rem;
-  background: var(--citrine-700);
-}
-.p-tag.p-tag-success {
-  background-color: var(--green-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-info {
-  background-color: var(--blue-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-warning {
-  background-color: var(--orange-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-danger {
-  background-color: var(--red-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-rounded {
-  border-radius: 100px;
-}
-.p-tag.p-tag-secondary {
-  background-color: var(--gray-200);
-  color: var(--black-60);
-}
-.p-tag .p-tag-icon {
-  margin-right: 0.25rem;
-  font-size: 0.875rem;
-}
-.p-tag .p-tag-icon.p-icon {
-  width: 0.875rem;
-  height: 0.875rem;
-}
-
-.p-progressbar {
-  border: none;
-  height: 1rem;
-  background: var(--black-10);
-  border-radius: 0.5rem;
-}
-.p-progressbar .p-progressbar-value {
-  border: 0 none;
-  margin: 0;
-  background: var(--citrine-700);
-}
-.p-progressbar .p-progressbar-label {
-  color: var(--white-100);
-  line-height: 1rem;
-}
-
-.p-progress-spinner-circle {
-  animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-primary-color 6s ease-in-out infinite;
-}
-
-@keyframes p-progress-spinner-primary-color {
-  100%, 0% {
-    stroke: var(--primary-color) !important;
-  }
-  40% {
-    stroke: var(--primary-color) !important;
-  }
-  66% {
-    stroke: var(--primary-color) !important;
-  }
-  80%, 90% {
-    stroke: var(--primary-color) !important;
-  }
-}
-.p-metergroup {
-  display: flex;
-  gap: 0.75rem;
-  flex-direction: column;
-}
-.p-metergroup .p-metergroup-meter-container {
-  background: var(--black-10);
-  border-radius: 0.5rem;
-}
-.p-metergroup .p-metergroup-labels {
-  display: flex;
-  flex-wrap: wrap;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  gap: 1rem;
-  row-gap: 0.75rem;
-}
-.p-metergroup .p-metergroup-labels-vertical {
-  gap: 0.5rem;
-  flex-direction: column;
-}
-.p-metergroup .p-metergroup-meters {
-  display: flex;
-  background: var(--black-10);
-  border-radius: 0.5rem;
-  height: 0.5rem;
-}
-.p-metergroup .p-metergroup-meter {
-  border: none;
-  background: var(--citrine-700);
-}
-.p-metergroup .p-metergroup-label-list-item {
-  line-height: 1rem;
-}
-.p-metergroup .p-metergroup-label-type {
-  background: var(--citrine-700);
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 100%;
-  margin-right: 0.5rem;
-}
-.p-metergroup .p-metergroup-label {
-  display: inline-flex;
-  align-items: center;
-  color: var(--black-60);
-  gap: 0.5rem;
-  font-size: 0.875rem;
-  line-height: 100%;
-}
-.p-metergroup .p-metergroup-label .p-metergroup-label-marker {
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 100%;
-  display: inline-flex;
-}
-.p-metergroup .p-metergroup-label-icon {
-  width: 1rem;
-  height: 1rem;
-  font-size: 1rem;
-}
-.p-metergroup .p-metergroup-label-list-vertical {
-  gap: 0.25rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
-  height: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
-  margin-bottom: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
-  margin-top: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical {
-  flex-direction: row;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meters {
-  width: 0.5rem;
-  height: 100%;
-  flex-direction: column;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter {
-  width: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
-  border-bottom-left-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
-  margin-left: 0.5rem;
-}
-
-.p-chip {
-  height: 1.75rem;
-  color: var(--black-80);
-  border-radius: 0.25rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  padding: 0rem 0.5rem;
-  background-color: var(--black-10);
-  display: inline-flex;
-}
-.p-chip.p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background-color: var(--black-10);
-}
-.p-chip .p-chip-text {
-  line-height: 1.5;
-  margin-top: 0rem;
-  margin-bottom: 0rem;
-}
-.p-chip .p-chip-icon {
-  margin-right: 0.5rem;
-}
-.p-chip img {
-  width: 1.5rem;
-  height: 1.5rem;
-  margin-left: -0.75rem;
-  margin-right: 0.5rem;
-}
-.p-chip .p-chip-remove-icon {
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-left: 0.5rem;
-}
-.p-chip .p-chip-remove-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-chip .p-chip-remove-icon:focus {
-  outline: 0 none;
-}
-
-timescircleicon svg {
-  display: none !important;
-}
-timescircleicon::after {
-  cursor: pointer;
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E") no-repeat;
-  height: 16px;
-  width: 16px;
-  background: var(--black-80);
-  margin-left: 0.5rem;
-  content: "";
-}
-
-.p-skeleton {
-  background: var(--gray-200);
-  border-radius: 0.5rem;
-}
-.p-skeleton:after {
-  background: linear-gradient(90deg, var(--gray-200) 0%, var(--gray-100) 40%, var(--gray-200) 75%);
-}
-
-.p-message {
-  overflow: hidden;
-  margin: 0rem;
-  border-radius: 0.5rem;
-}
-.p-message .p-message-wrapper {
-  padding: 1rem;
-  position: relative;
-  display: grid;
-  padding-left: 4rem;
-  min-height: 4rem;
-}
-.p-message .p-message-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: transparent;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  position: absolute;
-  top: 1rem;
-  right: 1rem;
-}
-.p-message .p-message-close:hover {
-  background: rgba(255, 255, 255, 0.5);
-}
-.p-message .p-message-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-message.p-message-info {
-  background: var(--blue-50);
-  border: 1px solid var(--blue-200);
-}
-.p-message.p-message-info .p-message-wrapper {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-message.p-message-info .p-message-icon {
-  color: var(--blue-400);
-}
-.p-message.p-message-info .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--blue-400);
-}
-.p-message.p-message-info .p-message-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-200);
-  background: transparent;
-}
-.p-message.p-message-info .p-message-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-success {
-  background: var(--green-50);
-  border: 1px solid var(--green-200);
-}
-.p-message.p-message-success .p-message-wrapper {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-message.p-message-success .p-message-icon {
-  color: var(--green-400);
-}
-.p-message.p-message-success .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--green-400);
-}
-.p-message.p-message-success .p-message-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-200);
-  background: transparent;
-}
-.p-message.p-message-success .p-message-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-warn {
-  background: var(--orange-50);
-  border: 1px solid var(--orange-200);
-}
-.p-message.p-message-warn .p-message-wrapper {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-message.p-message-warn .p-message-icon {
-  color: var(--orange-400);
-}
-.p-message.p-message-warn .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--orange-400);
-}
-.p-message.p-message-warn .p-message-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-200);
-  background: transparent;
-}
-.p-message.p-message-warn .p-message-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-error {
-  background: var(--red-50);
-  border: 1px solid var(--red-200);
-}
-.p-message.p-message-error .p-message-wrapper {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-message.p-message-error .p-message-icon {
-  color: var(--red-400);
-}
-.p-message.p-message-error .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--red-400);
-}
-.p-message.p-message-error .p-message-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-200);
-  background: transparent;
-}
-.p-message.p-message-error .p-message-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message .p-message-text {
-  font-size: 1rem;
-  font-weight: normal;
-  color: var(--black-80);
-}
-.p-message .p-message-icon {
-  font-size: 2rem;
-  display: inline;
-  margin-right: 0.5rem;
-  position: absolute;
-  top: 1rem;
-  left: 1rem;
-}
-.p-message .p-message-icon .p-icon-wrapper {
-  display: none;
-}
-.p-message .p-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-message .p-message-summary {
-  font-size: 1rem;
-  font-weight: bold;
-  color: var(--black-80);
-  margin-right: 0.25rem;
-}
-.p-message .p-message-detail {
-  font-size: 0.875rem;
-  font-weight: normal;
-  color: var(--black-60);
-  display: block;
-}
-
-.p-toast {
-  opacity: 1;
-}
-.p-toast .p-toast-message {
-  overflow: hidden;
-  margin: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  border-radius: 0.5rem;
-}
-.p-toast .p-toast-message .p-toast-message-content {
-  gap: 1rem;
-  padding: 1rem;
-  border-left-width: 0.25rem;
-  border-left-style: solid;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
-  margin: 0rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
-  font-size: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon .p-icon-wrapper {
-  display: none;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
-  font-weight: bold;
-  font-size: 1rem;
-  color: var(--black-80);
-  margin: auto 0;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
-  font-weight: normal;
-  font-size: 0.875rem;
-  color: var(--black-60);
-  margin-top: 0.25rem;
-}
-.p-toast .p-toast-message .p-toast-icon-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: var(--white-100);
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-info {
-  background: var(--blue-50);
-  border: 1px solid var(--blue-200);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-content {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
-  color: var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-success {
-  background: var(--green-50);
-  border: 1px solid var(--green-200);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-content {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon {
-  color: var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-warn {
-  background: var(--orange-50);
-  border: 1px solid var(--orange-200);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-content {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
-  color: var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-error {
-  background: var(--red-50);
-  border: 1px solid var(--red-200);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-content {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
-  color: var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-
-.p-breadcrumb {
-  background: rgba(255, 255, 255, 0.0001);
-  border: none;
-  padding: 0rem;
-}
-.p-breadcrumb.none-separator-breadcrum .p-menuitem-separator {
-  opacity: 0;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  padding: 0.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover {
-  background-color: var(--gray-100);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
-  margin: 0 0.25rem;
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
-  color: var(--black-80);
-}
-
-.p-menubar {
-  display: flex;
-  padding: 0.25rem;
-  align-items: flex-end;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-menubar .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menubar .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--citrine-700);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--citrine-800);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menubar .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list][level="0"] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-menubar [class*=list][level="0"] > .p-menuitem {
-  margin: 0;
-}
-.p-menubar [class*=list]:not([level="0"]) {
-  min-width: 8rem;
-  z-index: 2;
-}
-.p-menubar [class*=list][level="1"] {
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list][level="1"].p-menuitem:first-of-type {
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list]:not([level="0"]):not([level="1"]) {
-  margin-left: 0.25rem;
-  margin-top: -0.25rem;
-}
-.p-menubar ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.p-menubar .p-menuitem-link {
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  overflow: hidden;
-  position: relative;
-}
-.p-menubar .p-menuitem-text {
-  line-height: 1;
-}
-.p-menubar .p-menuitem {
-  position: relative;
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--citrine-800);
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem.p-menuitem:first-of-type {
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem .p-submenu-list {
-  display: none;
-  position: absolute;
-  z-index: 2;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  background-color: var(--white-100);
-}
-.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg) {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menubar-root-list .p-icon-wrapper {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-icon-wrapper {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menubar-custom,
-.p-menubar .p-menuitem .p-menubar-end {
-  margin-left: auto;
-  align-self: center;
-}
-.p-menubar .p-menubar-root-list {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-}
-.p-menubar .p-menubar-root-list > li ul {
-  display: none;
-  z-index: 1;
-}
-@media screen and (min-width: 960px) {
-  .p-menubar .p-submenu-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-    display: block;
-    left: 100%;
-    top: 0;
-  }
-  .p-menubar .p-menubar-root-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-    display: block;
-  }
-}
-.p-menubar .p-menubar-button {
-  display: none;
-  cursor: pointer;
-  align-items: center;
-  justify-content: center;
-}
-
-@media screen and (max-width: 960px) {
-  .p-menubar {
-    position: relative;
-    align-items: center;
-  }
-  .p-menubar .p-menubar-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--black-60);
-    border: 1px solid rgba(255, 255, 255, 0.0001);
-    background: rgba(255, 255, 255, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-menubar .p-menubar-button:hover {
-    color: var(--black-80);
-    border-color: rgba(255, 255, 255, 0.0001);
-    background: var(--gray-100);
-  }
-  .p-menubar .p-menubar-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--citrine-200);
-    caret-color: var(--citrine-700);
-  }
-  .p-menubar .p-menubar-button.p-disabled {
-    background: var(--black-10);
-    border: 1px solid var(--gray-200);
-    color: var(--black-60);
-  }
-  .p-menubar .p-menuitem-active[aria-expanded=false] .p-submenu-list {
-    display: none;
-  }
-  .p-menubar .p-menuitem-active[aria-expanded=true] > p-menubarsub > .p-submenu-list {
-    display: block;
-    position: relative;
-    left: auto;
-    top: auto;
-    border: 0;
-  }
-  .p-menubar [aria-expanded=true] + p-menubarsub .p-menubar-root-list {
-    display: block;
-  }
-  .p-menubar .p-menubar-root-list {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: none;
-    flex-direction: column;
-    min-width: 8rem;
-    border: 1px solid var(--gray-200);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: var(--white-100);
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-    border-radius: 0.5rem;
-    z-index: 2;
-  }
-  .p-menubar .p-menubar-root-list [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-menubar .p-submenu-list {
-    width: 100%;
-    display: none;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    border-radius: 0.5rem;
-    box-shadow: none;
-  }
-  .p-menubar .p-submenu-list [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(0deg);
-  }
-  .p-menubar .p-submenu-list [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-megamenu [class*=header] {
-  color: var(--black-60);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-megamenu [class*=header][data-p-disabled=true] {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-megamenu [class*=grid] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-  width: max-content;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  padding: 0.25rem;
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-megamenu [class*=col] {
-  display: flex;
-  flex-grow: 1;
-  width: auto;
-  padding: 0;
-}
-.p-megamenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-megamenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-megamenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--citrine-700);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--citrine-800);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-megamenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-horizontal {
-  display: flex;
-}
-.p-megamenu-horizontal [class*=root] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-megamenu-horizontal [class*=root] > .p-menuitem {
-  margin: 0;
-}
-.p-megamenu-horizontal [class*=grid] {
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-vertical {
-  display: flex;
-}
-.p-megamenu-vertical [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-megamenu-vertical [class*=grid] {
-  margin-left: 0.25rem;
-}
-
-@media screen and (max-width: 960px) {
-  .p-megamenu {
-    position: relative;
-  }
-  .p-megamenu .p-megamenu-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--black-60);
-    border: 1px solid rgba(255, 255, 255, 0.0001);
-    background: rgba(255, 255, 255, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-megamenu .p-megamenu-button:hover {
-    color: var(--black-80);
-    border-color: rgba(255, 255, 255, 0.0001);
-    background: var(--gray-100);
-  }
-  .p-megamenu .p-megamenu-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--citrine-200);
-    caret-color: var(--citrine-700);
-  }
-  .p-megamenu .p-megamenu-button.p-disabled {
-    background: var(--black-10);
-    border: 1px solid var(--gray-200);
-    color: var(--black-60);
-  }
-  .p-megamenu [aria-expanded=false] + [class*=root] {
-    display: none;
-  }
-  .p-megamenu [class*=root] {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: flex;
-    flex-direction: column;
-    min-width: 8rem;
-    border-radius: 0.5rem;
-    border: 1px solid var(--gray-200);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: var(--white-100);
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-    z-index: 2;
-  }
-  .p-megamenu [class*=panel] {
-    width: 100%;
-    position: static;
-  }
-  .p-megamenu [class*=grid] {
-    display: flex;
-    flex-direction: column;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    box-shadow: none;
-  }
-  .p-megamenu [class*=grid] [class*=list] {
-    width: 100%;
-  }
-  .p-megamenu-horizontal [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-megamenu-vertical [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-menu [class*=header] {
-  color: var(--black-60);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-menu [class*=header][data-p-disabled=true] {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-menu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--citrine-700);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--citrine-800);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-
-.p-menu-overlay {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  padding: 0.25rem;
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  z-index: 2;
-}
-
-.p-tieredmenu {
-  display: flex;
-}
-.p-tieredmenu [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-tieredmenu [data-pc-section=menu] {
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-tieredmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-tieredmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--citrine-700);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--citrine-800);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-tieredmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-
-.p-tabmenu .p-tabmenu-nav {
-  background: rgba(255, 255, 255, 0.0001);
-  border-bottom: 1px solid var(--gray-200);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
-  margin-right: 1.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  font-weight: normal;
-  border-bottom: 0.25rem solid rgba(255, 255, 255, 0.0001);
-  padding: 1rem 0rem;
-  margin: 0;
-  transition: 0.2s;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--citrine-700);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--citrine-700);
-  color: var(--citrine-700);
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link {
-  background: var(--white-100);
-  color: var(--black-80);
-  width: 2.5rem;
-  box-shadow: 0px 0px 10px 50px var(--white-60);
-  border-radius: 0;
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link:hover {
-  color: var(--citrine-700);
-}
-.p-tabmenu .p-tabmenu-nav-container > .p-tabmenu-nav-content > .p-tabmenu-nav {
-  white-space: nowrap;
-  width: max-content;
-}
-
-.p-panelmenu[data-pc-section=root] {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-.p-panelmenu [data-pc-section=header] {
-  padding: 0.5rem 0.75rem;
-  border-radius: 0.5rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-action {
-  display: flex;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-link {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header] .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] {
-  background-color: var(--citrine-700);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--citrine-800);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-panelmenu [data-pc-section=menu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu [data-pc-section=submenu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--citrine-700);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--citrine-800);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-link {
-  pointer-events: none;
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-submenu-icon {
-  color: var(--black-60);
-}
-
-.p-contextmenu [class*=list] {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  padding: 0.25rem;
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  z-index: 2;
-}
-.p-contextmenu [class*=list]:not([class*=root]) {
-  margin-top: -0.25rem;
-  margin-left: 0.25rem;
-}
-.p-contextmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--citrine-700);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--citrine-800);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-contextmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-@media screen and (max-width: 767px) {
-  .p-contextmenu [aria-expanded=true] > .p-menuitem-content .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-  .p-contextmenu [class*=list]:not([class*=root]) {
-    border-radius: 0;
-    border: none;
-    padding-left: 0.75rem !important;
-    margin: 0;
-    margin-top: 0.25rem;
-    background-color: transparent;
-    box-shadow: none;
-  }
-}
-
-.p-steps {
-  overflow: hidden;
-  overflow-x: auto;
-}
-.p-steps .p-steps-item {
-  display: flex;
-  justify-content: center;
-}
-.p-steps .p-steps-item .p-menuitem-link {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 0.5rem;
-  border-radius: 0;
-  padding: 0 0.5rem;
-  background: var(--white-100);
-  transition: 0.2s;
-  z-index: 1;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
-  color: var(--black-80);
-  font-weight: 400;
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-  font-size: 1rem;
-  z-index: 1;
-  border-radius: 8rem;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  color: var(--black-80);
-  font-weight: 400;
-}
-.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-steps .p-steps-item.p-highlight:not(:has(~ .p-highlight)) .p-steps-number {
-  background: var(--citrine-700);
-  color: var(--white-100);
-  border-color: transparent;
-}
-.p-steps .p-steps-item.p-highlight:not(:has(~ .p-highlight)) .p-steps-title {
-  color: var(--black-80);
-}
-.p-steps .p-steps-item.p-disabled {
-  opacity: 1;
-}
-.p-steps .p-steps-item.p-disabled .p-steps-number,
-.p-steps .p-steps-item.p-disabled .p-steps-title {
-  opacity: 0.6;
-}
-.p-steps .p-steps-item:before {
-  content: " ";
-  border-top: 1px solid var(--gray-200);
-  width: 100%;
-  top: 50%;
-  left: 0;
-  display: block;
-  position: absolute;
-}
-.p-steps .p-steps-item:first-of-type {
-  justify-content: flex-start;
-}
-.p-steps .p-steps-item:first-of-type .p-menuitem-link {
-  padding-left: 0;
-}
-.p-steps .p-steps-item:last-of-type {
-  justify-content: flex-end;
-}
-.p-steps .p-steps-item:last-of-type .p-menuitem-link {
-  padding-right: 0;
-}
-
-.p-timeline .p-timeline-event-content {
-  color: var(--black-80);
-}
-.p-timeline .p-timeline-event-opposite,
-.p-timeline .p-timeline-event-content {
-  line-height: 1;
-}
-.p-timeline .p-timeline-event-marker {
-  border: 0.25rem solid var(--citrine-700);
-  border-radius: 8rem;
-  width: 1rem;
-  height: 1rem;
-  background-color: var(--white-100);
-}
-.p-timeline .p-timeline-event-connector {
-  background-color: var(--gray-200);
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
-  padding: 0rem 0.5rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
-  width: 1px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
-  padding: 0.5rem 0rem;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
-  height: 1px;
-}
-
-.p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin: 0.5rem;
-}
-.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-carousel .p-carousel-content .p-carousel-prev.p-disabled,
-.p-carousel .p-carousel-content .p-carousel-next.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-carousel .p-carousel-indicators {
-  padding: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator {
-  margin-right: 0.5rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator:last-of-type {
-  margin-right: 0;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button {
-  background-color: var(--gray-200);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
-  background: var(--gray-800);
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-
-.p-datatable table {
-  border-collapse: separate;
-}
-.p-datatable .p-paginator-top {
-  border-width: 1px 0 1px 0;
-  border-radius: 0;
-}
-.p-datatable .p-paginator-bottom {
-  border-width: 0 0 0 0;
-  border-radius: 0;
-}
-.p-datatable .p-datatable-header {
-  background: var(--gray-50);
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-footer {
-  background: var(--gray-50);
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-thead > tr > th {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--black-80);
-  background: var(--gray-50);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tfoot > tr > td {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--black-80);
-  background: var(--gray-50);
-}
-.p-datatable .p-sortable-column p-sorticon {
-  vertical-align: middle;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon > svg, .p-datatable .p-sortable-column p-sorticon sortamountupalticon > svg, .p-datatable .p-sortable-column p-sorticon sortamountdownicon > svg {
-  display: none;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon::after, .p-datatable .p-sortable-column p-sorticon sortamountupalticon::after, .p-datatable .p-sortable-column p-sorticon sortamountdownicon::after {
-  width: 1.25rem;
-  height: 1.25rem;
-  color: var(--black-80);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon::after {
-  content: "\eb5a";
-}
-.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after {
-  content: "\eb27";
-  color: var(--citrine-700);
-}
-.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after {
-  content: "\eb26";
-  color: var(--citrine-700);
-}
-.p-datatable .p-sortable-column .p-sortable-column-badge {
-  border-radius: 50%;
-  height: 1.25rem;
-  min-width: 1.25rem;
-  line-height: 1.25rem;
-  color: var(--white-100);
-  background: var(--citrine-700);
-  margin-left: 0.5rem;
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
-  color: var(--black-80);
-}
-.p-datatable .p-sortable-column.p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
-  color: var(--citrine-700);
-}
-.p-datatable .p-sortable-column:focus-visible {
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  outline: 0 none;
-}
-.p-datatable .p-datatable-tbody > tr {
-  background: var(--white-100);
-  color: var(--black-80);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td {
-  text-align: left;
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
-  margin-right: 0.5rem;
-}
-.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
-  font-weight: 500;
-}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
-  outline: 0.15rem solid var(--citrine-200);
-  outline-offset: -0.15rem;
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
-  box-shadow: inset 0 2px 0 0 var(--citrine-700);
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
-  box-shadow: inset 0 -2px 0 0 var(--citrine-700);
-}
-.p-datatable .p-datatable-tbody > tr .pi-chevron-right::before,
-.p-datatable .p-datatable-tbody > tr .pi-chevron-down::before {
-  color: var(--black-60);
-  font-size: 1rem;
-}
-.p-datatable .p-datatable-frozen-tbody > tr > td {
-  background: var(--gray-50);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
-  outline: 0.15rem solid var(--citrine-200);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
-  outline: 0.15rem solid var(--citrine-200);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-column-resizer-helper {
-  background: var(--gray-200);
-}
-.p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
-  background: var(--white-100);
-}
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
-  background-color: var(--gray-50);
-}
-.p-datatable .p-datatable-loading-icon {
-  font-size: 2rem;
-}
-.p-datatable .p-datatable-loading-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-header {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-footer {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-top {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-bottom {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
-  border-width: 1px 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
-  border-width: 1px 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
-  border-width: 0 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
-  background: var(--gray-50);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) + .p-row-expanded {
-  background: var(--gray-50);
-}
-.p-datatable.p-datatable-sm .p-datatable-header {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-footer {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-header {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-footer {
-  padding: 1.25rem 1.25rem;
-}
-
-.p-datatable-drag-selection-helper {
-  background: var(--gray-100);
-}
-
-.p-column-filter-overlay {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  background-color: var(--white-100);
-  padding: 0.25rem;
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-}
-
-.p-column-filter-constraint,
-.p-column-filter-constraints {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-
-.p-column-filter-buttonbar {
-  display: flex;
-  gap: 0.25rem;
-}
-
-[data-pc-section=filterremove] {
-  display: none;
-}
-[data-pc-section=filterremove]:has(.p-column-filter-remove-button) {
-  display: block;
-}
-
-.p-column-filter-menu-button,
-.p-column-filter-clear-button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  vertical-align: middle;
-}
-.p-column-filter-menu-button:enabled:hover,
-.p-column-filter-clear-button:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-column-filter-menu-button:focus-visible,
-.p-column-filter-clear-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-.p-column-filter-menu-button.p-disabled,
-.p-column-filter-clear-button.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-column-filter-menu-button filtericon > svg, .p-column-filter-menu-button filterslashicon > svg,
-.p-column-filter-clear-button filtericon > svg,
-.p-column-filter-clear-button filterslashicon > svg {
-  display: none;
-}
-.p-column-filter-menu-button filtericon::after, .p-column-filter-menu-button filterslashicon::after,
-.p-column-filter-clear-button filtericon::after,
-.p-column-filter-clear-button filterslashicon::after {
-  color: var(--black-80);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 2;
-  -webkit-font-smoothing: antialiased;
-}
-.p-column-filter-menu-button filtericon::after,
-.p-column-filter-clear-button filtericon::after {
-  content: "\eaa5";
-}
-.p-column-filter-menu-button filterslashicon::after,
-.p-column-filter-clear-button filterslashicon::after {
-  content: "\ed2c";
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active,
-.p-column-filter-clear-button.p-column-filter-menu-button-active {
-  background-color: var(--citrine-700);
-  color: var(--white-100);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active filtericon::after, .p-column-filter-menu-button.p-column-filter-menu-button-active filterslashicon::after,
-.p-column-filter-clear-button.p-column-filter-menu-button-active filtericon::after,
-.p-column-filter-clear-button.p-column-filter-menu-button-active filterslashicon::after {
-  color: var(--white-100);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active:hover,
-.p-column-filter-clear-button.p-column-filter-menu-button-active:hover {
-  background-color: var(--citrine-800);
-  color: var(--white-100);
-}
-
-.p-column-filter-row {
-  gap: 0.5rem;
-}
-
-.p-column-filter-row-item {
-  color: var(--black-80);
-  padding: 0.5rem 0.75rem;
-  margin-top: 0.25rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-column-filter-row-item:first-of-type {
-  margin: 0;
-}
-.p-column-filter-row-item:not(.p-highlight):hover {
-  color: var(--black-80);
-  background-color: var(--gray-100);
-}
-.p-column-filter-row-item.p-highlight {
-  color: var(--white-100);
-  background-color: var(--citrine-700);
-}
-.p-column-filter-row-item.p-highlight:hover {
-  background-color: var(--citrine-800);
-}
-
-.p-column-filter-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-
-.p-datatable-reorderablerow-handle {
-  color: var(--black-60);
-}
-.p-datatable-reorderablerow-handle::before {
-  content: "\ec01" !important;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 2;
-  -webkit-font-smoothing: antialiased;
-}
-
-.p-paginator {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  border: solid rgba(255, 255, 255, 0.0001);
-  border-width: 0;
-  padding: 0.5rem 0rem;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
-  background-color: rgba(255, 255, 255, 0.0001);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
-  background: var(--gray-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-paginator .p-paginator-first.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-prev.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-next.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-last.p-disabled:not(.p-highlight) {
-  background: var(--black-10);
-  border-color: var(--gray-200);
-  color: var(--black-60);
-}
-.p-paginator .p-paginator-first {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-paginator .p-paginator-last {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-paginator .p-dropdown {
-  margin-left: 0.5rem;
-  height: 2.5rem;
-}
-.p-paginator .p-dropdown .p-dropdown-label {
-  padding-right: 0;
-}
-.p-paginator .p-paginator-page-input {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.p-paginator .p-paginator-page-input .p-inputtext {
-  max-width: 2.5rem;
-}
-.p-paginator .p-paginator-current {
-  background-color: rgba(255, 255, 255, 0.0001);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  padding: 0 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page {
-  background-color: rgba(255, 255, 255, 0.0001);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
-  background: var(--citrine-700);
-  border-color: var(--citrine-700);
-  color: var(--white-100);
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover {
-  background: var(--citrine-800);
-  border-color: var(--citrine-800);
-}
-.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
-  background: var(--gray-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-
-.p-galleria .p-galleria-close {
-  margin: 0.5rem;
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-close:hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-item-nav {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  margin: 0.5rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-caption {
-  background: var(--black-60);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-caption-title {
-  padding: 0 1rem;
-}
-.p-galleria .p-galleria-indicators {
-  padding: 1rem;
-  line-height: 0;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button {
-  background-color: var(--white-40);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--white-80);
-  color: var(--white-100);
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
-  margin-right: 0.5rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
-  margin-bottom: 0.5rem;
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
-  background: var(--white-40);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--white-80);
-  color: var(--white-100);
-}
-.p-galleria .p-galleria-thumbnail-container {
-  background: var(--black-100);
-  padding: 0.5rem 0.5rem;
-  gap: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--white-60);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
-  transition: 0.2s;
-  width: 100%;
-  height: 100%;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--citrine-200);
-  caret-color: var(--citrine-700);
-}
-
-.p-galleria-mask {
-  --maskbg: var(--black-20);
-}
-
-.p-galleria-thumbnail-item {
-  overflow: hidden;
-  height: 4rem;
-}
-
-.p-fileupload-dnd .p-fileupload,
-.p-fileupload-button .p-fileupload {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd.p-fileupload-advanced,
-.p-fileupload-button.p-fileupload-advanced {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
-.p-fileupload-dnd .p-fileupload-content,
-.p-fileupload-button .p-fileupload-content {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd .p-fileupload-content > p-progressbar,
-.p-fileupload-dnd .p-fileupload-content p-messages,
-.p-fileupload-button .p-fileupload-content > p-progressbar,
-.p-fileupload-button .p-fileupload-content p-messages {
-  display: none;
-}
-.p-fileupload-dnd .p-orderlist-controls,
-.p-fileupload-button .p-orderlist-controls {
-  display: none;
-}
-.p-fileupload-dnd .p-fileupload-files,
-.p-fileupload-button .p-fileupload-files {
-  display: none;
-}
-.p-fileupload-dnd .p-fileupload-info-button,
-.p-fileupload-button .p-fileupload-info-button {
-  width: 2.5rem;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  color: var(--blue-400);
-}
-.p-fileupload-dnd .p-orderlist-list-container,
-.p-fileupload-button .p-orderlist-list-container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-.p-fileupload-dnd .p-orderlist-list-container .p-orderlist-list,
-.p-fileupload-button .p-orderlist-list-container .p-orderlist-list {
-  overflow: hidden;
-  min-height: 0px;
-}
-.p-fileupload-dnd .p-fileupload-progress-spinner,
-.p-fileupload-button .p-fileupload-progress-spinner {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.p-fileupload-dnd .p-fileupload-item-row,
-.p-fileupload-button .p-fileupload-item-row {
-  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
-  border-radius: 0.5rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-fileupload-dnd .p-fileupload-item-row:hover,
-.p-fileupload-button .p-fileupload-item-row:hover {
-  background: var(--gray-100);
-}
-.p-fileupload-dnd .p-fileupload-item-row.error,
-.p-fileupload-button .p-fileupload-item-row.error {
-  border-color: var(--red-400);
-}
-.p-fileupload-dnd .p-fileupload-item-row.error .file-icon,
-.p-fileupload-button .p-fileupload-item-row.error .file-icon {
-  color: var(--red-400);
-}
-.p-fileupload-dnd .p-dataview-content,
-.p-fileupload-dnd .p-orderlist-list,
-.p-fileupload-button .p-dataview-content,
-.p-fileupload-button .p-orderlist-list {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-
-.p-fileupload-dnd .p-fileupload-buttonbar {
-  width: 100%;
-  border-radius: 0.5rem;
-  background: var(--gray-alpha);
-  border: 1px dashed var(--gray-200);
-  padding: 1.5rem 1.5rem 1rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar button {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar button > div {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.25rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar:hover {
-  cursor: pointer;
-  border-color: var(--citrine-700);
-}
-.p-fileupload-dnd .p-fileupload-buttonbar:hover i {
-  color: var(--citrine-700);
-}
-.hover\:border-primary:hover{
-  border-color: var(--primary-color);
-}
-.hover\:bg-blue-400:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}
-.hover\:bg-purple-400:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
-}
-.hover\:text-primary:hover{
-  color: var(--primary-color);
-}
-.hover\:underline:hover{
-  text-decoration-line: underline;
-}
-@media (min-width: 1px){
-  .sm\:\!w-10{
-    width: 10rem !important;
-  }
-  .sm\:\!w-15{
-    width: 15rem !important;
-  }
-  .sm\:\!w-16{
-    width: 16rem !important;
-  }
-  .sm\:\!w-26{
-    width: 26rem !important;
-  }
-  .sm\:w-auto{
-    width: auto;
-  }
-  .sm\:flex-row{
-    flex-direction: row;
-  }
-  .sm\:flex-col{
-    flex-direction: column;
-  }
-  .sm\:items-start{
-    align-items: flex-start;
-  }
-  .sm\:items-end{
-    align-items: flex-end;
-  }
-  .sm\:items-center{
-    align-items: center;
-  }
-  .sm\:gap-2{
-    gap: 0.5rem;
-  }
-  .sm\:p-8{
-    padding: 2rem;
-  }
-}
-@media (min-width: 768px){
-  .md\:col-span-3{
-    grid-column: span 3 / span 3;
-  }
-  .md\:col-span-6{
-    grid-column: span 6 / span 6;
-  }
-  .md\:mx-auto{
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .md\:mb-0{
-    margin-bottom: 0px;
-  }
-  .md\:ml-auto{
-    margin-left: auto;
-  }
-  .md\:mt-0{
-    margin-top: 0px;
-  }
-  .md\:block{
-    display: block;
-  }
-  .md\:flex{
-    display: flex;
-  }
-  .md\:hidden{
-    display: none;
-  }
-  .md\:\!w-10{
-    width: 10rem !important;
-  }
-  .md\:\!w-15{
-    width: 15rem !important;
-  }
-  .md\:\!w-20{
-    width: 20rem !important;
-  }
-  .md\:\!w-30{
-    width: 30rem !important;
-  }
-  .md\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .md\:\!w-8\/12{
-    width: 66.666667% !important;
-  }
-  .md\:w-2{
-    width: 2rem;
-  }
-  .md\:w-5{
-    width: 5rem;
-  }
-  .md\:flex-initial{
-    flex: 0 1 auto;
-  }
-  .md\:flex-row{
-    flex-direction: row;
-  }
-  .md\:flex-col{
-    flex-direction: column;
-  }
-  .md\:items-end{
-    align-items: flex-end;
-  }
-  .md\:items-center{
-    align-items: center;
-  }
-  .md\:justify-start{
-    justify-content: flex-start;
-  }
-  .md\:justify-center{
-    justify-content: center;
-  }
-  .md\:justify-between{
-    justify-content: space-between;
-  }
-  .md\:gap-8{
-    gap: 2rem;
-  }
-}
-@media (min-width: 1200px){
-  .lg\:mb-0{
-    margin-bottom: 0px;
-  }
-  .lg\:mt-0{
-    margin-top: 0px;
-  }
-  .lg\:flex{
-    display: flex;
-  }
-  .lg\:\!w-3\/12{
-    width: 25% !important;
-  }
-  .lg\:\!w-4\/12{
-    width: 33.333333% !important;
-  }
-  .lg\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .lg\:gap-0{
-    gap: 0px;
-  }
-  .lg\:px-5{
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-  .lg\:px-8{
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-  .lg\:pr-8{
-    padding-right: 2rem;
-  }
-}
-@media (min-width: 1280px){
-  .xl\:block{
-    display: block;
-  }
-  .xl\:flex{
-    display: flex;
-  }
-  .xl\:\!w-10{
-    width: 10rem !important;
-  }
-  .xl\:\!w-3\/12{
-    width: 25% !important;
-  }
-  .xl\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .xl\:\!w-9\/12{
-    width: 75% !important;
-  }
-  .xl\:w-6{
-    width: 6rem;
-  }
-  .xl\:flex-row{
-    flex-direction: row;
-  }
-  .xl\:items-start{
-    align-items: flex-start;
-  }
-  .xl\:justify-center{
-    justify-content: center;
-  }
-  .xl\:pt-0{
-    padding-top: 0px;
-  }
-  .xl\:text-left{
-    text-align: left;
-  }
-}
diff --git a/src-storybook/assets/themes/brand-light-secondary/theme.min.css b/src-storybook/assets/themes/brand-light-secondary/theme.min.css
deleted file mode 100644
index b038666..0000000
--- a/src-storybook/assets/themes/brand-light-secondary/theme.min.css
+++ /dev/null
@@ -1,2852 +0,0 @@
-*, ::before, ::after {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-
-::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*//*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-
-::before,
-::after {
-  --tw-content: '';
-}
-
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: Roboto, sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-
-/*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-/*
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-
-/*
-Add the correct font size in all browsers.
-*/
-
-small {
-  font-size: 80%;
-}
-
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-  text-transform: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-
-:-moz-focusring {
-  outline: auto;
-}
-
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-  vertical-align: baseline;
-}
-
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-  display: list-item;
-}
-
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-legend {
-  padding: 0;
-}
-
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-
-/*
-Prevent resizing textareas horizontally by default.
-*/
-
-textarea {
-  resize: vertical;
-}
-
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-
-/*
-Set the default cursor for buttons.
-*/
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}.container {
-  width: 100%;
-}@media (min-width: 1px) {
-
-  .container {
-    max-width: 1px;
-  }
-}@media (min-width: 768px) {
-
-  .container {
-    max-width: 768px;
-  }
-}@media (min-width: 1200px) {
-
-  .container {
-    max-width: 1200px;
-  }
-}@media (min-width: 1280px) {
-
-  .container {
-    max-width: 1280px;
-  }
-}@media (min-width: 1536px) {
-
-  .container {
-    max-width: 1536px;
-  }
-}.pointer-events-none {
-  pointer-events: none;
-}.\!visible {
-  visibility: visible !important;
-}.visible {
-  visibility: visible;
-}.collapse {
-  visibility: collapse;
-}.static {
-  position: static;
-}.fixed {
-  position: fixed;
-}.absolute {
-  position: absolute;
-}.relative {
-  position: relative;
-}.sticky {
-  position: sticky;
-}.left-0 {
-  left: 0px;
-}.right-0 {
-  right: 0px;
-}.top-0 {
-  top: 0px;
-}.top-auto {
-  top: auto;
-}.z-1 {
-  z-index: 1;
-}.col-span-12 {
-  grid-column: span 12 / span 12;
-}.col-span-2 {
-  grid-column: span 2 / span 2;
-}.col-span-6 {
-  grid-column: span 6 / span 6;
-}.col-span-8 {
-  grid-column: span 8 / span 8;
-}.m-0 {
-  margin: 0px;
-}.m-2 {
-  margin: 0.5rem;
-}.m-3 {
-  margin: 0.75rem;
-}.m-auto {
-  margin: auto;
-}.mx-0 {
-  margin-left: 0px;
-  margin-right: 0px;
-}.mx-1 {
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}.mx-3 {
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}.mx-4 {
-  margin-left: 1rem;
-  margin-right: 1rem;
-}.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}.my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}.my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}.my-4 {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}.my-5 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}.-ml-5 {
-  margin-left: -1.25rem;
-}.-mr-1 {
-  margin-right: -0.25rem;
-}.-mr-8 {
-  margin-right: -2rem;
-}.-mt-4 {
-  margin-top: -1rem;
-}.-mt-5 {
-  margin-top: -1.25rem;
-}.mb-0 {
-  margin-bottom: 0px;
-}.mb-1 {
-  margin-bottom: 0.25rem;
-}.mb-2 {
-  margin-bottom: 0.5rem;
-}.mb-3 {
-  margin-bottom: 0.75rem;
-}.mb-4 {
-  margin-bottom: 1rem;
-}.mb-5 {
-  margin-bottom: 1.25rem;
-}.mb-6 {
-  margin-bottom: 1.5rem;
-}.mb-8 {
-  margin-bottom: 2rem;
-}.ml-1 {
-  margin-left: 0.25rem;
-}.ml-2 {
-  margin-left: 0.5rem;
-}.ml-3 {
-  margin-left: 0.75rem;
-}.ml-5 {
-  margin-left: 1.25rem;
-}.ml-8 {
-  margin-left: 2rem;
-}.ml-auto {
-  margin-left: auto;
-}.mr-1 {
-  margin-right: 0.25rem;
-}.mr-2 {
-  margin-right: 0.5rem;
-}.mr-3 {
-  margin-right: 0.75rem;
-}.mr-4 {
-  margin-right: 1rem;
-}.mr-5 {
-  margin-right: 1.25rem;
-}.mt-0 {
-  margin-top: 0px;
-}.mt-1 {
-  margin-top: 0.25rem;
-}.mt-2 {
-  margin-top: 0.5rem;
-}.mt-3 {
-  margin-top: 0.75rem;
-}.mt-4 {
-  margin-top: 1rem;
-}.mt-5 {
-  margin-top: 1.25rem;
-}.mt-6 {
-  margin-top: 1.5rem;
-}.mt-7 {
-  margin-top: 1.75rem;
-}.mt-8 {
-  margin-top: 2rem;
-}.mt-auto {
-  margin-top: auto;
-}.block {
-  display: block;
-}.inline-block {
-  display: inline-block;
-}.\!inline {
-  display: inline !important;
-}.inline {
-  display: inline;
-}.flex {
-  display: flex;
-}.inline-flex {
-  display: inline-flex;
-}.table {
-  display: table;
-}.table-cell {
-  display: table-cell;
-}.grid {
-  display: grid;
-}.contents {
-  display: contents;
-}.hidden {
-  display: none;
-}.\!h-1 {
-  height: 1rem !important;
-}.\!h-10 {
-  height: 10rem !important;
-}.\!h-12 {
-  height: 12rem !important;
-}.\!h-14 {
-  height: 14rem !important;
-}.\!h-2 {
-  height: 2rem !important;
-}.\!h-20 {
-  height: 20rem !important;
-}.\!h-3 {
-  height: 3rem !important;
-}.\!h-30 {
-  height: 30rem !important;
-}.\!h-4 {
-  height: 4rem !important;
-}.\!h-5 {
-  height: 5rem !important;
-}.\!h-6 {
-  height: 6rem !important;
-}.\!h-8 {
-  height: 8rem !important;
-}.h-4 {
-  height: 4rem;
-}.h-full {
-  height: 100%;
-}.h-screen {
-  height: 100vh;
-}.\!w-1 {
-  width: 1rem !important;
-}.\!w-10 {
-  width: 10rem !important;
-}.\!w-12 {
-  width: 12rem !important;
-}.\!w-14 {
-  width: 14rem !important;
-}.\!w-15 {
-  width: 15rem !important;
-}.\!w-18 {
-  width: 18rem !important;
-}.\!w-2 {
-  width: 2rem !important;
-}.\!w-20 {
-  width: 20rem !important;
-}.\!w-25 {
-  width: 25rem !important;
-}.\!w-3 {
-  width: 3rem !important;
-}.\!w-3\/12 {
-  width: 25% !important;
-}.\!w-30 {
-  width: 30rem !important;
-}.\!w-4 {
-  width: 4rem !important;
-}.\!w-4\/12 {
-  width: 33.333333% !important;
-}.\!w-6 {
-  width: 6rem !important;
-}.\!w-6\/12 {
-  width: 50% !important;
-}.\!w-7\/12 {
-  width: 58.333333% !important;
-}.\!w-8 {
-  width: 8rem !important;
-}.\!w-8\/12 {
-  width: 66.666667% !important;
-}.\!w-9 {
-  width: 9rem !important;
-}.\!w-9\/12 {
-  width: 75% !important;
-}.w-1 {
-  width: 1rem;
-}.w-13 {
-  width: 13rem;
-}.w-9 {
-  width: 9rem;
-}.w-full {
-  width: 100%;
-}.min-w-0 {
-  min-width: 0px;
-}.max-w-full {
-  max-width: 100%;
-}.flex-1 {
-  flex: 1 1 0%;
-}.flex-auto {
-  flex: 1 1 auto;
-}.flex-shrink-0 {
-  flex-shrink: 0;
-}.shrink {
-  flex-shrink: 1;
-}.flex-grow {
-  flex-grow: 1;
-}.grow {
-  flex-grow: 1;
-}.origin-top {
-  transform-origin: top;
-}.transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}.cursor-pointer {
-  cursor: pointer;
-}.select-none {
-  user-select: none;
-}.resize {
-  resize: both;
-}.list-none {
-  list-style-type: none;
-}.grid-cols-12 {
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}.flex-row {
-  flex-direction: row;
-}.flex-row-reverse {
-  flex-direction: row-reverse;
-}.flex-col {
-  flex-direction: column;
-}.flex-wrap {
-  flex-wrap: wrap;
-}.items-start {
-  align-items: flex-start;
-}.items-end {
-  align-items: flex-end;
-}.items-center {
-  align-items: center;
-}.justify-start {
-  justify-content: flex-start;
-}.justify-end {
-  justify-content: flex-end;
-}.justify-center {
-  justify-content: center;
-}.justify-between {
-  justify-content: space-between;
-}.gap-1 {
-  gap: 0.25rem;
-}.gap-2 {
-  gap: 0.5rem;
-}.gap-3 {
-  gap: 0.75rem;
-}.gap-4 {
-  gap: 1rem;
-}.gap-5 {
-  gap: 1.25rem;
-}.gap-6 {
-  gap: 1.5rem;
-}.gap-8 {
-  gap: 2rem;
-}.overflow-auto {
-  overflow: auto;
-}.overflow-hidden {
-  overflow: hidden;
-}.overflow-visible {
-  overflow: visible;
-}.overflow-x-auto {
-  overflow-x: auto;
-}.overflow-y-auto {
-  overflow-y: auto;
-}.overflow-y-hidden {
-  overflow-y: hidden;
-}.whitespace-nowrap {
-  white-space: nowrap;
-}.rounded {
-  border-radius: 0.25rem;
-}.rounded-2xl {
-  border-radius: 1rem;
-}.rounded-3xl {
-  border-radius: 1.5rem;
-}.rounded-full {
-  border-radius: 9999px;
-}.rounded-xl {
-  border-radius: 0.75rem;
-}.border {
-  border-width: 1px;
-}.border-1 {
-  border-width: 1px;
-}.border-2 {
-  border-width: 2px;
-}.border-solid {
-  border-style: solid;
-}.border-dashed {
-  border-style: dashed;
-}.border-none {
-  border-style: none;
-}.border-blue-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}.border-color {
-  border-color: var(--text-color);
-}.border-indigo-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
-}.border-orange-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
-}.border-pink-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
-}.border-primary {
-  border-color: var(--primary-color);
-}.border-teal-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
-}.border-transparent {
-  border-color: transparent;
-}.bg-black {
-  background-color: var(--black-100);
-}.bg-blue-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}.bg-blue-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
-}.bg-blue-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}.bg-gray-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
-}.bg-green-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
-}.bg-indigo-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
-}.bg-orange-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
-}.bg-pink-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
-}.bg-primary {
-  background-color: var(--primary-color);
-}.bg-primary-600 {
-  background-color: var(--primary-600);
-}.bg-purple-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
-}.bg-surface-50 {
-  background-color: var(--surface-50);
-}.bg-teal-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
-}.bg-transparent {
-  background-color: transparent;
-}.bg-white {
-  background-color: var(--white-100);
-}.bg-cover {
-  background-size: cover;
-}.object-cover {
-  object-fit: cover;
-}.\!p-0 {
-  padding: 0px !important;
-}.p-0 {
-  padding: 0px;
-}.p-1 {
-  padding: 0.25rem;
-}.p-2 {
-  padding: 0.5rem;
-}.p-3 {
-  padding: 0.75rem;
-}.p-4 {
-  padding: 1rem;
-}.p-5 {
-  padding: 1.25rem;
-}.p-8 {
-  padding: 2rem;
-}.px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
-}.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}.px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
-}.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}.py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}.pb-0 {
-  padding-bottom: 0px;
-}.pb-3 {
-  padding-bottom: 0.75rem;
-}.pb-4 {
-  padding-bottom: 1rem;
-}.pb-5 {
-  padding-bottom: 1.25rem;
-}.pl-0 {
-  padding-left: 0px;
-}.pl-2 {
-  padding-left: 0.5rem;
-}.pl-3 {
-  padding-left: 0.75rem;
-}.pr-0 {
-  padding-right: 0px;
-}.pr-3 {
-  padding-right: 0.75rem;
-}.pr-4 {
-  padding-right: 1rem;
-}.pr-5 {
-  padding-right: 1.25rem;
-}.pr-6 {
-  padding-right: 1.5rem;
-}.pt-1 {
-  padding-top: 0.25rem;
-}.pt-3 {
-  padding-top: 0.75rem;
-}.pt-4 {
-  padding-top: 1rem;
-}.pt-5 {
-  padding-top: 1.25rem;
-}.pt-6 {
-  padding-top: 1.5rem;
-}.pt-7 {
-  padding-top: 1.75rem;
-}.pt-8 {
-  padding-top: 2rem;
-}.text-left {
-  text-align: left;
-}.text-center {
-  text-align: center;
-}.text-right {
-  text-align: right;
-}.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}.text-3xl {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}.text-4xl {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}.text-5xl {
-  font-size: 3rem;
-  line-height: 1;
-}.text-6xl {
-  font-size: 3.75rem;
-  line-height: 1;
-}.text-7xl {
-  font-size: 4.5rem;
-  line-height: 1;
-}.text-8xl {
-  font-size: 6rem;
-  line-height: 1;
-}.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}.font-bold {
-  font-weight: 700;
-}.font-medium {
-  font-weight: 500;
-}.font-normal {
-  font-weight: 400;
-}.font-semibold {
-  font-weight: 600;
-}.uppercase {
-  text-transform: uppercase;
-}.lowercase {
-  text-transform: lowercase;
-}.leading {
-  line-height: normal;
-}.leading-auto {
-  line-height: 1.2;
-}.leading-none {
-  line-height: 1;
-}.leading-normal {
-  line-height: 1.5;
-}.text-blue-500 {
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}.text-color {
-  color: var(--text-color);
-}.text-color-secondary {
-  color: var(--text-color-secondary);
-}.text-gray-900 {
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}.text-green-500 {
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
-}.text-green-600 {
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
-}.text-help {
-  color: var(--purple-400);
-}.text-indigo-200 {
-  --tw-text-opacity: 1;
-  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
-}.text-indigo-500 {
-  --tw-text-opacity: 1;
-  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
-}.text-info {
-  color: var(--blue-400);
-}.text-primary {
-  color: var(--primary-color);
-}.text-primary-50 {
-  color: var(--primary-50);
-}.text-primary-500 {
-  color: var(--primary-500);
-}.text-primary-700 {
-  color: var(--primary-700);
-}.text-red-500 {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}.text-slate-500 {
-  --tw-text-opacity: 1;
-  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
-}.text-white {
-  color: var(--white-100);
-}.text-yellow-500 {
-  --tw-text-opacity: 1;
-  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
-}.line-through {
-  text-decoration-line: line-through;
-}.no-underline {
-  text-decoration-line: none;
-}.antialiased {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}.opacity-20 {
-  opacity: 0.2;
-}.shadow {
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}.outline {
-  outline-style: solid;
-}.outline-color {
-  outline-color: var(--text-color);
-}.blur {
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.grayscale {
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.backdrop-filter {
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.duration-300 {
-  transition-duration: 300ms;
-}.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}.title-h1 {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h2 {
-  font-size: 1.5rem;
-  line-height: 2rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h3 {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h4 {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h5 {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h6 {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.subtitle-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}.subtitle-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}.subtitle-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}.subtitle-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}.subtitle-sm-secondary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}.subtitle-sm-primary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}.caption {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.caption-secondary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.caption-primary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.caption-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.caption-secondary-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.caption-primary-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.service-danger-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}.service-danger-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}.service-warning-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}.service-warning-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}.service-success-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}.service-success-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}.service-info-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.service-info-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.service-help-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.service-help-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.anchor-base:hover {
-  text-decoration-line: underline;
-}.anchor-base:visited {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-base:visited:hover {
-  text-decoration-line: underline;
-}.anchor-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.anchor-sm:hover {
-  text-decoration-line: underline;
-}.anchor-sm:visited {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-sm:visited:hover {
-  text-decoration-line: underline;
-}:root{--emerald-0: color-mix(in srgb, color-mix(in srgb, #29C075, #fff 76%), #000 80%);--emerald-50: color-mix(in srgb, #29C075, #fff 95%);--emerald-100: color-mix(in srgb, #29C075, #fff 76%);--emerald-200: color-mix(in srgb, #29C075, #fff 57%);--emerald-300: color-mix(in srgb, #29C075, #fff 38%);--emerald-400: color-mix(in srgb, #29C075, #fff 19%);--emerald-500: color-mix(in srgb, #29C075, #fff 0%);--emerald-600: color-mix(in srgb, #29C075, #000 15%);--emerald-700: color-mix(in srgb, #29C075, #000 30%);--emerald-800: color-mix(in srgb, #29C075, #000 45%);--emerald-900: color-mix(in srgb, #29C075, #000 60%);--emerald-alpha: color-mix(in srgb, #29C075 10%, transparent);--citrine-0: color-mix(in srgb, color-mix(in srgb, #FA8606, #fff 76%), #000 80%);--citrine-50: color-mix(in srgb, #FA8606, #fff 95%);--citrine-100: color-mix(in srgb, #FA8606, #fff 76%);--citrine-200: color-mix(in srgb, #FA8606, #fff 57%);--citrine-300: color-mix(in srgb, #FA8606, #fff 38%);--citrine-400: color-mix(in srgb, #FA8606, #fff 19%);--citrine-500: color-mix(in srgb, #FA8606, #fff 0%);--citrine-600: color-mix(in srgb, #FA8606, #000 15%);--citrine-700: color-mix(in srgb, #FA8606, #000 30%);--citrine-800: color-mix(in srgb, #FA8606, #000 45%);--citrine-900: color-mix(in srgb, #FA8606, #000 60%);--citrine-alpha: color-mix(in srgb, #FA8606 10%, transparent);--aquamarine-0: color-mix(in srgb, color-mix(in srgb, #14B8A6, #fff 76%), #000 80%);--aquamarine-50: color-mix(in srgb, #14B8A6, #fff 95%);--aquamarine-100: color-mix(in srgb, #14B8A6, #fff 76%);--aquamarine-200: color-mix(in srgb, #14B8A6, #fff 57%);--aquamarine-300: color-mix(in srgb, #14B8A6, #fff 38%);--aquamarine-400: color-mix(in srgb, #14B8A6, #fff 19%);--aquamarine-500: color-mix(in srgb, #14B8A6, #fff 0%);--aquamarine-600: color-mix(in srgb, #14B8A6, #000 15%);--aquamarine-700: color-mix(in srgb, #14B8A6, #000 30%);--aquamarine-800: color-mix(in srgb, #14B8A6, #000 45%);--aquamarine-900: color-mix(in srgb, #14B8A6, #000 60%);--aquamarine-alpha: color-mix(in srgb, #14B8A6 10%, transparent);--amethyst-0: color-mix(in srgb, color-mix(in srgb, #7254F3, #fff 76%), #000 80%);--amethyst-50: color-mix(in srgb, #7254F3, #fff 95%);--amethyst-100: color-mix(in srgb, #7254F3, #fff 76%);--amethyst-200: color-mix(in srgb, #7254F3, #fff 57%);--amethyst-300: color-mix(in srgb, #7254F3, #fff 38%);--amethyst-400: color-mix(in srgb, #7254F3, #fff 19%);--amethyst-500: color-mix(in srgb, #7254F3, #fff 0%);--amethyst-600: color-mix(in srgb, #7254F3, #000 15%);--amethyst-700: color-mix(in srgb, #7254F3, #000 30%);--amethyst-800: color-mix(in srgb, #7254F3, #000 45%);--amethyst-900: color-mix(in srgb, #7254F3, #000 60%);--amethyst-alpha: color-mix(in srgb, #7254F3 10%, transparent);--purple-0: color-mix(in srgb, color-mix(in srgb, #9757D7, #fff 76%), #000 80%);--purple-50: color-mix(in srgb, #9757D7, #fff 95%);--purple-100: color-mix(in srgb, #9757D7, #fff 76%);--purple-200: color-mix(in srgb, #9757D7, #fff 57%);--purple-300: color-mix(in srgb, #9757D7, #fff 38%);--purple-400: color-mix(in srgb, #9757D7, #fff 19%);--purple-500: color-mix(in srgb, #9757D7, #fff 0%);--purple-600: color-mix(in srgb, #9757D7, #000 15%);--purple-700: color-mix(in srgb, #9757D7, #000 30%);--purple-800: color-mix(in srgb, #9757D7, #000 45%);--purple-900: color-mix(in srgb, #9757D7, #000 60%);--purple-alpha: color-mix(in srgb, #9757D7 10%, transparent);--blue-0: color-mix(in srgb, color-mix(in srgb, #1F8CEB, #fff 76%), #000 80%);--blue-50: color-mix(in srgb, #1F8CEB, #fff 95%);--blue-100: color-mix(in srgb, #1F8CEB, #fff 76%);--blue-200: color-mix(in srgb, #1F8CEB, #fff 57%);--blue-300: color-mix(in srgb, #1F8CEB, #fff 38%);--blue-400: color-mix(in srgb, #1F8CEB, #fff 19%);--blue-500: color-mix(in srgb, #1F8CEB, #fff 0%);--blue-600: color-mix(in srgb, #1F8CEB, #000 15%);--blue-700: color-mix(in srgb, #1F8CEB, #000 30%);--blue-800: color-mix(in srgb, #1F8CEB, #000 45%);--blue-900: color-mix(in srgb, #1F8CEB, #000 60%);--blue-alpha: color-mix(in srgb, #1F8CEB 10%, transparent);--green-0: color-mix(in srgb, color-mix(in srgb, #45B24E, #fff 76%), #000 80%);--green-50: color-mix(in srgb, #45B24E, #fff 95%);--green-100: color-mix(in srgb, #45B24E, #fff 76%);--green-200: color-mix(in srgb, #45B24E, #fff 57%);--green-300: color-mix(in srgb, #45B24E, #fff 38%);--green-400: color-mix(in srgb, #45B24E, #fff 19%);--green-500: color-mix(in srgb, #45B24E, #fff 0%);--green-600: color-mix(in srgb, #45B24E, #000 15%);--green-700: color-mix(in srgb, #45B24E, #000 30%);--green-800: color-mix(in srgb, #45B24E, #000 45%);--green-900: color-mix(in srgb, #45B24E, #000 60%);--green-alpha: color-mix(in srgb, #45B24E 10%, transparent);--orange-0: color-mix(in srgb, color-mix(in srgb, #FFA100, #fff 76%), #000 80%);--orange-50: color-mix(in srgb, #FFA100, #fff 95%);--orange-100: color-mix(in srgb, #FFA100, #fff 76%);--orange-200: color-mix(in srgb, #FFA100, #fff 57%);--orange-300: color-mix(in srgb, #FFA100, #fff 38%);--orange-400: color-mix(in srgb, #FFA100, #fff 19%);--orange-500: color-mix(in srgb, #FFA100, #fff 0%);--orange-600: color-mix(in srgb, #FFA100, #000 15%);--orange-700: color-mix(in srgb, #FFA100, #000 30%);--orange-800: color-mix(in srgb, #FFA100, #000 45%);--orange-900: color-mix(in srgb, #FFA100, #000 60%);--orange-alpha: color-mix(in srgb, #FFA100 10%, transparent);--red-0: color-mix(in srgb, color-mix(in srgb, #DB4C3F, #fff 76%), #000 80%);--red-50: color-mix(in srgb, #DB4C3F, #fff 95%);--red-100: color-mix(in srgb, #DB4C3F, #fff 76%);--red-200: color-mix(in srgb, #DB4C3F, #fff 57%);--red-300: color-mix(in srgb, #DB4C3F, #fff 38%);--red-400: color-mix(in srgb, #DB4C3F, #fff 19%);--red-500: color-mix(in srgb, #DB4C3F, #fff 0%);--red-600: color-mix(in srgb, #DB4C3F, #000 15%);--red-700: color-mix(in srgb, #DB4C3F, #000 30%);--red-800: color-mix(in srgb, #DB4C3F, #000 45%);--red-900: color-mix(in srgb, #DB4C3F, #000 60%);--red-alpha: color-mix(in srgb, #DB4C3F 10%, transparent);--gray-0: color-mix(in srgb, color-mix(in srgb, #ABAAA9, #fff 76%), #000 80%);--gray-50: color-mix(in srgb, #ABAAA9, #fff 95%);--gray-100: color-mix(in srgb, #ABAAA9, #fff 76%);--gray-200: color-mix(in srgb, #ABAAA9, #fff 57%);--gray-300: color-mix(in srgb, #ABAAA9, #fff 38%);--gray-400: color-mix(in srgb, #ABAAA9, #fff 19%);--gray-500: color-mix(in srgb, #ABAAA9, #fff 0%);--gray-600: color-mix(in srgb, #ABAAA9, #000 15%);--gray-700: color-mix(in srgb, #ABAAA9, #000 30%);--gray-800: color-mix(in srgb, #ABAAA9, #000 45%);--gray-900: color-mix(in srgb, #ABAAA9, #000 60%);--gray-alpha: color-mix(in srgb, #ABAAA9 10%, transparent);--black-10: color-mix(in srgb, #000 10%, transparent) ;--black-20: color-mix(in srgb, #000 20%, transparent) ;--black-30: color-mix(in srgb, #000 30%, transparent) ;--black-40: color-mix(in srgb, #000 40%, transparent) ;--black-50: color-mix(in srgb, #000 50%, transparent) ;--black-60: color-mix(in srgb, #000 60%, transparent) ;--black-70: color-mix(in srgb, #000 70%, transparent) ;--black-80: color-mix(in srgb, #000 80%, transparent) ;--black-90: color-mix(in srgb, #000 90%, transparent) ;--black-100: color-mix(in srgb, #000 100%, transparent) ;--white-10: color-mix(in srgb, #fff 10%, transparent) ;--white-20: color-mix(in srgb, #fff 20%, transparent) ;--white-30: color-mix(in srgb, #fff 30%, transparent) ;--white-40: color-mix(in srgb, #fff 40%, transparent) ;--white-50: color-mix(in srgb, #fff 50%, transparent) ;--white-60: color-mix(in srgb, #fff 60%, transparent) ;--white-70: color-mix(in srgb, #fff 70%, transparent) ;--white-80: color-mix(in srgb, #fff 80%, transparent) ;--white-90: color-mix(in srgb, #fff 90%, transparent) ;--white-100: color-mix(in srgb, #fff 100%, transparent) ;--font-family: Roboto, Inter, Helvetica, Arial, sans-serif;--text-color: var(--black-80);--text-color-secondary: var(--black-60);--primary-color: var(--citrine-700);--primary-color-text: var(--white-100);--primary-0: var(--citrine-0);--primary-900: var(--citrine-900);--primary-800: var(--citrine-800);--primary-700: var(--citrine-700);--primary-600: var(--citrine-600);--primary-500: var(--citrine-500);--primary-400: var(--citrine-400);--primary-300: var(--citrine-300);--primary-200: var(--citrine-200);--primary-100: var(--citrine-100);--primary-50: var(--citrine-50);--primary-alpha: var(--citrine-alpha);--surface-0: var(--gray-0);--surface-50: var(--gray-50);--surface-100: var(--gray-100);--surface-200: var(--gray-200);--surface-300: var(--gray-300);--surface-400: var(--gray-400);--surface-500: var(--gray-500);--surface-600: var(--gray-600);--surface-700: var(--gray-700);--surface-800: var(--gray-800);--surface-900: var(--gray-900);--content-padding: 1rem;--inline-spacing: 0.5rem;--border-radius: 0.5rem;--surface-ground: var(--white-100);--surface-section: var(--gray-alpha);--surface-card: var(--white-100);--surface-overlay: var(--black-20);--surface-border: var(--gray-200);--surface-hover: var(--gray-100);--focus-ring: 0 0 0 0.25rem var(--citrine-200);--maskbg: var(--black-20);--highlight-bg: var(--citrine-700);--highlight-text-color: var(--white-100);color-scheme:light}@media only screen and (min-resolution: 100dpi)and (max-resolution: 199dpi){html,body{font-size:12px}}@media only screen and (min-resolution: 200dpi)and (max-resolution: 499dpi){html,body{font-size:14px}}@media only screen and (min-resolution: 500dpi){html,body{font-size:16px}}*{box-sizing:border-box}html{font-size:14px;font-family:var(--font-family)}::selection{color:var(--white-100);background-color:var(--citrine-700)}.p-component{font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;font-weight:normal}.p-component-overlay{background-color:var(--black-20);transition-duration:.2s;padding:.5rem}.p-disabled,.p-component:disabled{pointer-events:all;cursor:not-allowed;opacity:.6;filter:grayscale(1)}.p-placeholder{opacity:.6}.p-error{color:var(--red-400)}.p-text-secondary{color:var(--black-60)}.p-icon{width:1rem;height:1rem}.p-link{font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;border-radius:.5rem}.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-component-overlay-enter{animation:p-component-overlay-enter-animation 150ms forwards}.p-component-overlay-leave{animation:p-component-overlay-leave-animation 150ms forwards}@keyframes p-component-overlay-enter-animation{from{background-color:rgba(0,0,0,0)}to{background-color:var(--maskbg)}}@keyframes p-component-overlay-leave-animation{from{background-color:var(--maskbg)}to{background-color:rgba(0,0,0,0)}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background-color:var(--black-10);border-radius:4.5px}::-webkit-scrollbar-track{background-color:rgba(255,255,255,.0001)}::-webkit-scrollbar-track:hover{background-color:var(--gray-100)}p-autocomplete.ng-dirty.ng-invalid>.p-autocomplete>.p-inputtext,p-calendar.ng-dirty.ng-invalid>.p-calendar>.p-inputtext,p-cascadeselect.ng-dirty.ng-invalid>.p-cascadeselect,p-checkbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box,p-tristatecheckbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box,p-chips.ng-dirty.ng-invalid>.p-chips>.p-inputtext,p-dropdown.ng-dirty.ng-invalid>.p-dropdown,p-inputmask.ng-dirty.ng-invalid>.p-inputtext,p-inputnumber.ng-dirty.ng-invalid>.p-inputnumber>.p-inputtext,p-inputswitch.ng-dirty.ng-invalid>.p-inputswitch>.p-inputswitch-slider,.p-inputtext.ng-dirty.ng-invalid,p-listbox.ng-dirty.ng-invalid>.p-listbox,p-multiselect.ng-dirty.ng-invalid>.p-multiselect,p-password.ng-invalid.ng-dirty>.p-password>.p-inputtext,p-radiobutton.ng-dirty.ng-invalid>.p-radiobutton>.p-radiobutton-box,p-selectbutton.ng-dirty.ng-invalid>.p-selectbutton>.p-button,p-togglebutton.ng-dirty.ng-invalid>.p-togglebutton.p-button,p-treeselect.ng-invalid.ng-dirty>.p-treeselect{border-color:var(--red-400) !important;box-shadow:0 0 0 .25rem var(--red-100) !important}.p-progress-spinner-circle{stroke:var(--citrine-700)}.p-overflow-hidden{overflow:hidden;padding-right:var(--scrollbar-width)}@layer primeng{.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type=button],input[type=submit],input[type=reset],input[type=file]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:rgba(0,0,0,0);margin:0;padding:0;border:none;cursor:pointer;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:inline-flex}.p-icon{display:inline-block}.p-icon-spin{animation:p-icon-spin 2s infinite linear}}@keyframes p-icon-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.p-togglebutton.p-button.p-highlight.p-disabled,.p-button.p-button-help.p-disabled,.p-button-group.p-button-help>.p-button.p-disabled,.p-splitbutton.p-button-help>.p-button.p-disabled,.p-fileupload-choose.p-button-help.p-disabled,.p-button.p-button-info.p-disabled,.p-button-group.p-button-info>.p-button.p-disabled,.p-splitbutton.p-button-info>.p-button.p-disabled,.p-fileupload-choose.p-button-info.p-disabled,.p-button.p-button-success.p-disabled,.p-button-group.p-button-success>.p-button.p-disabled,.p-splitbutton.p-button-success>.p-button.p-disabled,.p-fileupload-choose.p-button-success.p-disabled,.p-button.p-button-warning.p-disabled,.p-button-group.p-button-warning>.p-button.p-disabled,.p-splitbutton.p-button-warning>.p-button.p-disabled,.p-fileupload-choose.p-button-warning.p-disabled,.p-button.p-button-danger.p-disabled,.p-button-group.p-button-danger>.p-button.p-disabled,.p-splitbutton.p-button-danger>.p-button.p-disabled,.p-fileupload-choose.p-button-danger.p-disabled,.p-button.p-disabled{color:var(--black-60);background-color:var(--black-10);border-color:var(--gray-200)}.p-button{height:2.5rem;display:flex;gap:.5rem;font-size:1rem;font-weight:700;color:var(--white-100);border:1px solid rgba(255,255,255,.0001);border-radius:.5rem;padding:0rem 1rem;background:var(--citrine-700);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-button .p-button-label{transition-duration:.2s}.p-button .p-button-icon{font-size:1.25rem}.p-button.p-button-rounded{border-radius:100px}.p-button.p-button-icon-only{flex-shrink:0;width:2.5rem;padding:0}.p-button.p-button-icon-only:after{display:none}.p-button.p-button-icon-only .p-button-label{display:none}.p-button.p-button-sm{height:2rem;font-size:.875rem;padding:0 .75rem}.p-button.p-button-sm .p-button-icon{font-size:1rem}.p-button.p-button-sm.p-button-icon-only{width:2rem;padding:0}.p-button.p-button-lg{gap:.75rem;height:3.5rem;font-size:1.25rem;padding:0 1.5rem}.p-button.p-button-lg .p-button-icon{font-size:1.5rem}.p-button.p-button-lg.p-button-icon-only{width:3.5rem;padding:0}.p-button:not(.p-disabled):hover{background:var(--citrine-800);color:var(--white-100);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button:not(.p-disabled):active{background:var(--citrine-700);color:var(--white-100);border-color:rgba(0,0,0,0);box-shadow:none}.p-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}p-button[size=xlarge] .p-button{gap:.75rem;height:4rem;font-size:1.75rem;padding:0 1.5rem}p-button[size=xlarge] .p-button .p-button-icon{font-size:2rem}p-button[size=xlarge] .p-button.p-button-icon-only{width:4rem;padding:0}.p-button-outlined{background:rgba(255,255,255,.0001);color:var(--citrine-700);border-color:var(--citrine-200)}.p-button-outlined:not(.p-disabled):hover{background:rgba(255,255,255,.0001);color:var(--citrine-700);border-color:var(--citrine-700);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button-outlined:not(.p-disabled):active{background:rgba(255,255,255,.0001);color:var(--citrine-700);border-color:var(--citrine-200);box-shadow:none}.p-button-text{background-color:var(--white-100);color:var(--citrine-700)}.p-button-text:not(.p-disabled):hover{background:var(--citrine-alpha);color:var(--citrine-700);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button-text:not(.p-disabled):active{background:var(--white-100);color:var(--citrine-700);border-color:rgba(0,0,0,0);box-shadow:none}.p-button-group{display:flex}.p-fluid .p-button:not(.p-button-icon-only){width:100%}.p-fluid .p-button-group .p-button:not(.p-button-icon-only){flex:1}.p-button.p-button-danger,.p-button-group.p-button-danger>.p-button,.p-splitbutton.p-button-danger>.p-button,.p-fileupload-choose.p-button-danger{color:var(--white-100);background:var(--red-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-danger:not(.p-disabled):hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-danger:not(.p-disabled):hover{background:var(--red-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-danger:not(.p-disabled):active,.p-button-group.p-button-danger>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-danger:not(.p-disabled):active{background:var(--red-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-danger:not(.p-disabled).p-button-outlined,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--red-400);border-color:var(--red-200)}.p-button.p-button-danger:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-danger:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--red-400);border-color:var(--red-200);box-shadow:none}.p-button.p-button-danger:not(.p-disabled).p-button-text,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--red-400)}.p-button.p-button-danger:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:hover{background:var(--red-alpha);color:var(--red-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-danger:not(.p-disabled).p-button-text:active,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:active{background:rgba(255,255,255,.0001);color:var(--red-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-warning,.p-button-group.p-button-warning>.p-button,.p-splitbutton.p-button-warning>.p-button,.p-fileupload-choose.p-button-warning{color:var(--white-100);background:var(--orange-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-warning:not(.p-disabled):hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-warning:not(.p-disabled):hover{background:var(--orange-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-warning:not(.p-disabled):active,.p-button-group.p-button-warning>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-warning:not(.p-disabled):active{background:var(--orange-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-warning:not(.p-disabled).p-button-outlined,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--orange-400);border-color:var(--orange-200)}.p-button.p-button-warning:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-warning:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--orange-400);border-color:var(--orange-200);box-shadow:none}.p-button.p-button-warning:not(.p-disabled).p-button-text,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--orange-400)}.p-button.p-button-warning:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:hover{background:var(--orange-alpha);color:var(--orange-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-warning:not(.p-disabled).p-button-text:active,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:active{background:var(--white-100);color:var(--orange-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-success,.p-button-group.p-button-success>.p-button,.p-splitbutton.p-button-success>.p-button,.p-fileupload-choose.p-button-success{color:var(--white-100);background:var(--green-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-success:not(.p-disabled):hover,.p-button-group.p-button-success>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-success:not(.p-disabled):hover{background:var(--green-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-success:not(.p-disabled):active,.p-button-group.p-button-success>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-success:not(.p-disabled):active{background:var(--green-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-success:not(.p-disabled).p-button-outlined,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--green-400);border-color:var(--green-200)}.p-button.p-button-success:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-success:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--green-400);border-color:var(--green-200);box-shadow:none}.p-button.p-button-success:not(.p-disabled).p-button-text,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--green-400)}.p-button.p-button-success:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:hover{background:var(--green-alpha);color:var(--green-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-success:not(.p-disabled).p-button-text:active,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:active{background:var(--white-100);color:var(--green-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-info,.p-button-group.p-button-info>.p-button,.p-splitbutton.p-button-info>.p-button,.p-fileupload-choose.p-button-info{color:var(--white-100);background:var(--blue-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-info:not(.p-disabled):hover,.p-button-group.p-button-info>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-info:not(.p-disabled):hover{background:var(--blue-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-info:not(.p-disabled):active,.p-button-group.p-button-info>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-info:not(.p-disabled):active{background:var(--blue-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-info:not(.p-disabled).p-button-outlined,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--blue-400);border-color:var(--blue-200)}.p-button.p-button-info:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-info:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--blue-400);border-color:var(--blue-200);box-shadow:none}.p-button.p-button-info:not(.p-disabled).p-button-text,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--blue-400)}.p-button.p-button-info:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:hover{background:var(--blue-alpha);color:var(--blue-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-info:not(.p-disabled).p-button-text:active,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:active{background:var(--white-100);color:var(--blue-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-help,.p-button-group.p-button-help>.p-button,.p-splitbutton.p-button-help>.p-button,.p-fileupload-choose.p-button-help{color:var(--white-100);background:var(--purple-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-help:not(.p-disabled):hover,.p-button-group.p-button-help>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-help:not(.p-disabled):hover{background:var(--purple-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-help:not(.p-disabled):active,.p-button-group.p-button-help>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-help:not(.p-disabled):active{background:var(--purple-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-help:not(.p-disabled).p-button-outlined,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--purple-400);border-color:var(--purple-200)}.p-button.p-button-help:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--purple-400);border-color:var(--purple-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-help:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--purple-400);border-color:var(--purple-200);box-shadow:none}.p-button.p-button-help:not(.p-disabled).p-button-text,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--purple-400)}.p-button.p-button-help:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:hover{background:var(--purple-alpha);color:var(--purple-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-help:not(.p-disabled).p-button-text:active,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:active{background:var(--white-100);color:var(--purple-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-inputtext{min-height:2.5rem;line-height:2.5rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--black-80);background:var(--white-100);padding:0rem .75rem;border:1px solid var(--gray-200);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;appearance:none;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-inputtext:enabled:hover{border-color:var(--citrine-700)}.p-inputtext:enabled:focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-inputtext.p-invalid.p-component,.p-inputtext.ng-invalid.ng-touched{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-inputtext:disabled,.p-inputtext.p-disabled{background:var(--black-10)}.p-float-label>label{left:.75rem;color:var(--black-60);transition-duration:.2s}.p-float-label>.p-invalid+label{color:var(--red-400)}.p-icon-field-left>.p-inputtext{padding-left:2.5rem}.p-icon-field-left.p-float-label>label{left:2.5rem}.p-icon-field-right>.p-inputtext{padding-right:2.5rem}::-webkit-input-placeholder{color:var(--black-60);opacity:.6}:-moz-placeholder{color:var(--black-60);opacity:.6}::-moz-placeholder{color:var(--black-60);opacity:.6}:-ms-input-placeholder{color:var(--black-60);opacity:.6}.p-inputtext-lg{min-height:3.5rem;line-height:3.5rem}.p-inputtextarea{padding:.75rem;line-height:normal}.p-icon-field .p-inputtextarea-icon.p-input-icon{top:unset;margin-top:.5rem}.p-inputotp{display:flex;align-items:center;gap:.5rem}.p-inputotp.error .p-inputotp-input{border-color:var(--red-400)}.p-inputotp-input{font-size:1.5rem;text-align:center;width:2.5rem;border:none;border-bottom:1px solid var(--gray-200);border-radius:0;background:rgba(0,0,0,0)}.p-inputotp-input:disabled,.p-inputotp-input.p-disabled{background:rgba(0,0,0,0)}.p-inputotp-input:enabled:focus{box-shadow:none}.p-listbox-list-wrapper{overflow:auto}.p-listbox-list{list-style-type:none;margin:0;padding:0}.p-listbox-item{cursor:pointer;overflow:hidden;position:relative;color:var(--black-80);margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.0001);border-radius:.5rem;transition:.2s}.p-listbox-item:first-child{margin-top:0}.p-listbox-item:last-child{margin-bottom:0}.p-listbox-item.p-highlight{color:var(--white-100);background:var(--citrine-700)}.p-listbox-item:not(.p-highlight).p-disabled{color:var(--black-60);border-color:var(--gray-200);background:var(--black-10)}.p-listbox-item.p-disabled{cursor:not-allowed;opacity:.6;background:var(--citrine-700) !important;color:var(--white-100) !important;mix-blend-mode:luminosity;border:1px solid rgba(255,255,255,.0001)}.p-listbox-item.p-disabled:has(.p-checkbox){background:var(--black-10);color:var(--black-60)}.p-listbox-item .p-checkbox{margin-right:.5rem}.p-listbox-item:has(.p-checkbox){background:var(--white-100);color:var(--black-80)}.p-listbox-item:has(.p-checkbox):hover{background:#000}.p-listbox-item-group{cursor:auto}.p-listbox-filter-container{position:relative}.p-listbox-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-listbox-filter{width:100%}.p-listbox{background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-listbox .p-listbox-header{padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.0001);color:var(--black-60);background:rgba(255,255,255,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-listbox .p-listbox-header .p-checkbox{margin-right:.5rem}.p-listbox .p-listbox-header .p-checkbox .p-checkbox-box.p-disabled{background:var(--white-100)}.p-listbox .p-listbox-header .p-listbox-filter{padding-right:1.75rem}.p-listbox .p-listbox-header .p-listbox-filter-icon{right:.75rem;color:var(--black-80)}.p-listbox .p-listbox-header .p-disabled+.p-listbox-filter-icon{opacity:.6}.p-listbox .p-listbox-list{padding:.25rem;outline:0 none}.p-listbox .p-listbox-list .p-listbox-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--black-60);background:rgba(255,255,255,.0001);font-weight:bold}.p-listbox .p-listbox-list .p-listbox-empty-message{text-align:center;color:var(--black-80);padding:.75rem;background:rgba(255,255,255,.0001)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight.p-focus{border:1px solid rgba(255,255,255,.0001);background:var(--citrine-700);box-shadow:0 0 0 .25rem var(--citrine-200)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:hover{background:var(--citrine-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox).p-focus{border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);box-shadow:0 0 0 .25rem var(--citrine-200)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover{color:var(--black-80);background:var(--gray-100)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover.p-focus{color:var(--black-80);background:var(--gray-100)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus{border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);box-shadow:0 0 0 .25rem var(--citrine-200)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover{color:var(--black-80);background:var(--gray-100)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus{color:var(--black-80);background:var(--gray-100)}.p-listbox.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-listbox.p-invalid{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-listbox.p-disabled *.p-disabled{opacity:1}.p-listbox.p-disabled .p-listbox-filter-icon{display:none}.p-listbox.p-disabled .p-listbox-filter.p-inputtext{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49967 2.83335C7.03555 2.83335 6.59043 3.01773 6.26224 3.34592C5.93405 3.67411 5.74967 4.11922 5.74967 4.58335V6.33335H9.24967V4.58335C9.24967 4.11922 9.0653 3.67411 8.73711 3.34592C8.40892 3.01773 7.9638 2.83335 7.49967 2.83335ZM10.4163 6.33335V4.58335C10.4163 3.80981 10.1091 3.06794 9.56207 2.52096C9.01509 1.97398 8.27322 1.66669 7.49967 1.66669C6.72613 1.66669 5.98426 1.97398 5.43728 2.52096C4.8903 3.06794 4.58301 3.80981 4.58301 4.58335V6.33335C4.11888 6.33335 3.67376 6.51773 3.34557 6.84592C3.01738 7.17411 2.83301 7.61922 2.83301 8.08335V11.5834C2.83301 12.0475 3.01738 12.4926 3.34557 12.8208C3.67376 13.149 4.11888 13.3334 4.58301 13.3334H10.4163C10.8805 13.3334 11.3256 13.149 11.6538 12.8208C11.982 12.4926 12.1663 12.0475 12.1663 11.5834V8.08335C12.1663 7.61922 11.982 7.17411 11.6538 6.84592C11.3256 6.51773 10.8805 6.33335 10.4163 6.33335ZM4.58301 7.50002C4.4283 7.50002 4.27993 7.56148 4.17053 7.67087C4.06113 7.78027 3.99967 7.92864 3.99967 8.08335V11.5834C3.99967 11.7381 4.06113 11.8864 4.17053 11.9958C4.27993 12.1052 4.4283 12.1667 4.58301 12.1667H10.4163C10.5711 12.1667 10.7194 12.1052 10.8288 11.9958C10.9382 11.8864 10.9997 11.7381 10.9997 11.5834V8.08335C10.9997 7.92864 10.9382 7.78027 10.8288 7.67087C10.7194 7.56148 10.5711 7.50002 10.4163 7.50002H4.58301ZM6.67472 9.0084C6.89351 8.7896 7.19026 8.66669 7.49967 8.66669C7.80909 8.66669 8.10584 8.7896 8.32463 9.0084C8.54342 9.22719 8.66634 9.52393 8.66634 9.83335C8.66634 10.1428 8.54343 10.4395 8.32463 10.6583C8.10584 10.8771 7.80909 11 7.49967 11C7.19026 11 6.89351 10.8771 6.67472 10.6583C6.45592 10.4395 6.33301 10.1428 6.33301 9.83335C6.33301 9.52393 6.45592 9.22719 6.67472 9.0084Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat}.p-listbox.p-disabled .p-listbox-item{background:var(--black-10);color:var(--black-60)}.p-dropdown{display:inline-flex;cursor:pointer;position:relative;user-select:none}.p-dropdown.p-disabled{cursor:not-allowed;color:var(--black-60);border-color:var(--gray-200);background:var(--black-10)}.p-dropdown-clear-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-dropdown-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-dropdown-label{height:min-content;margin:auto 0;display:block;white-space:nowrap;overflow:hidden;flex:1 1 auto;width:1%;text-overflow:ellipsis;cursor:pointer}.p-dropdown-label-empty{overflow:hidden;opacity:0}input.p-dropdown-label{cursor:default}.p-dropdown .p-dropdown-panel{min-width:100%}.p-dropdown-panel{position:absolute;top:0;left:0}.p-dropdown-items-wrapper{overflow:auto}.p-dropdown-item{cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;font-weight:normal;color:var(--black-80);white-space:nowrap;margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.0001);border-radius:.5rem;background:rgba(255,255,255,.0001);transition:.2s}.p-dropdown-item:first-child{margin-top:0}.p-dropdown-item:last-child{margin-bottom:0}.p-dropdown-item.p-highlight{color:var(--white-100);background:var(--citrine-700)}.p-dropdown-item.p-highlight:hover{background:var(--citrine-800)}.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover{color:var(--black-80);background:var(--gray-100)}.p-dropdown-item:not(.p-highlight).p-disabled{color:var(--black-60);border-color:var(--gray-200);background:var(--black-10)}.p-dropdown-item.p-disabled{cursor:not-allowed}.p-dropdown-item .p-dropdown-check-icon{position:relative;margin-left:-0.5rem;margin-right:.5rem}.p-dropdown-item-group{cursor:auto}.p-dropdown-items{margin:0;padding:0;list-style-type:none}.p-dropdown-filter{width:100%}.p-dropdown-filter-container{position:relative}.p-dropdown-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-dropdown{display:flex}.p-fluid .p-dropdown .p-dropdown-label{width:1%}.p-dropdown{background:var(--white-100);border:1px solid var(--gray-200);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-dropdown:not(.p-disabled):hover{border-color:var(--citrine-700)}.p-dropdown:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-dropdown.p-dropdown-clearable .p-dropdown-label{padding-right:1.75rem}.p-dropdown .p-dropdown-label{background:rgba(0,0,0,0);border:0 none}.p-dropdown .p-dropdown-label.p-placeholder{color:var(--black-60)}.p-dropdown .p-dropdown-label:focus,.p-dropdown .p-dropdown-label:enabled:focus{outline:0 none;box-shadow:none}.p-dropdown .p-dropdown-trigger{background:rgba(0,0,0,0);color:var(--black-80);width:2.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-dropdown .p-dropdown-clear-icon{color:var(--black-80);right:2.5rem}.p-dropdown.p-invalid.p-component{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-dropdown-panel{background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem;margin-top:.25rem;box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-dropdown-panel .p-dropdown-header{padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.0001);color:var(--black-60);background:rgba(255,255,255,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter{padding-right:1.75rem;margin-right:-1.75rem}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon{right:.75rem;color:var(--black-80)}.p-dropdown-panel .p-dropdown-items{padding:.25rem}.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--black-60);background:rgba(255,255,255,.0001);font-weight:bold}.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{color:var(--black-80);text-align:center;padding:.5rem .75rem;background:rgba(255,255,255,.0001)}.p-multiselect{cursor:pointer;display:inline-flex;align-items:center;user-select:none}.p-multiselect-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-multiselect-label-container{cursor:pointer;overflow:hidden;height:min-content;display:flex;flex:1 1 auto;align-items:center}.p-multiselect-clearable .p-multiselect-label-container{padding-right:1.75rem}.p-multiselect-clearable .p-multiselect-clear-icon{right:2.5rem}.p-multiselect-label{display:block;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.p-multiselect-label-empty{overflow:hidden;visibility:hidden}.p-multiselect-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem;margin-right:.25rem}.p-multiselect-token-icon{cursor:pointer}.p-multiselect .p-multiselect-panel{min-width:100%}.p-multiselect-items-wrapper{overflow:auto}.p-multiselect-items{margin:0;padding:0;list-style-type:none}.p-multiselect-item{cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;font-weight:normal;color:var(--black-80);white-space:nowrap;margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.0001);border-radius:.5rem;background:rgba(255,255,255,.0001);transition:.2s}.p-multiselect-item:not(.p-disabled):hover,.p-multiselect-item:not(.p-disabled).p-focus{color:var(--black-80);background:var(--gray-100)}.p-multiselect-item:not(.p-highlight).p-disabled{color:var(--black-60);border-color:var(--gray-200);background:var(--black-10)}.p-multiselect-item.p-disabled{cursor:not-allowed}.p-multiselect-item .p-checkbox{margin-right:.5rem}.p-multiselect-item-group{cursor:auto}.p-multiselect-header{display:flex;align-items:center;justify-content:space-between}.p-multiselect-filter-container{position:relative;flex:1 1 auto}.p-multiselect-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-multiselect-filter-container .p-inputtext{width:100%}.p-multiselect-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;margin-left:auto}.p-fluid .p-multiselect{display:flex}.p-multiselect{background:var(--white-100);border:1px solid var(--gray-200);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-multiselect.p-disabled{cursor:not-allowed;background-color:var(--black-10)}.p-multiselect:not(.p-disabled):hover{border-color:var(--citrine-700)}.p-multiselect:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-multiselect .p-multiselect-label{color:var(--black-80);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-multiselect .p-multiselect-label.p-placeholder{color:var(--black-60);padding:0rem .75rem;padding-left:.5rem}.p-multiselect:not(.p-multiselect-chip) .p-multiselect-label{padding:0rem .75rem;line-height:2.5rem}.p-multiselect.p-multiselect-chip{min-height:2.5rem;padding:.25rem}.p-multiselect.p-multiselect-chip .p-multiselect-token{padding:0rem .5rem;background:var(--black-10);color:var(--black-80);border-radius:.25rem}.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon{margin-left:.5rem}.p-multiselect .p-multiselect-trigger{background:rgba(0,0,0,0);color:var(--black-80);width:2.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-multiselect.p-invalid.p-component{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-multiselect-panel{background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20);margin-top:.25rem}.p-multiselect-panel .p-multiselect-header{padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.0001);color:var(--black-60);background:rgba(255,255,255,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem;border:1px solid rgba(0,0,0,0);border-bottom:0}.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext{padding-right:1.75rem}.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon{right:.75rem;color:var(--black-80)}.p-multiselect-panel .p-multiselect-header .p-checkbox{margin-right:.5rem}.p-multiselect-panel .p-multiselect-header .p-multiselect-close{margin-left:.5rem;width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-multiselect-panel .p-multiselect-header .p-multiselect-close.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-multiselect-panel .p-multiselect-items{padding:.25rem}.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--black-60);background:rgba(255,255,255,.0001);font-weight:bold}.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message{padding:.5rem .75rem;color:var(--black-80);background:rgba(255,255,255,.0001)}.p-password .p-icon-wrapper{right:.75rem;top:50%;cursor:pointer;fill:var(--black-80)}.p-password.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-password .p-input-icon{cursor:pointer;color:var(--black-80);right:.75rem}.p-password.p-disabled{opacity:1}.p-password.p-disabled .p-input-icon{opacity:.6}.p-input-icon-right input{padding-right:2.5rem}.p-icon-field .p-password-icon.p-input-icon{right:.75rem;top:20% !important}.p-password-input{width:100%;height:100%;display:flex;min-height:2.5rem;padding:0 .75rem;align-items:center}.text-feedback{display:inline-flex;align-items:flex-start}.text-feedback .ti{position:relative;bottom:1px}.text-feedback--default{color:var(--black-80)}.text-feedback--default .ti{color:var(--gray-200)}.text-feedback--success{color:var(--green-400)}.text-feedback--error{color:var(--red-400)}.p-password-panel{color:var(--black-60);padding:.75rem;margin-top:.25rem;border:1px solid var(--gray-200);border-radius:.5rem;background:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-password-panel .p-password-meter{overflow:hidden;height:.5rem;border-radius:1rem;margin-bottom:.5rem;background:var(--black-10)}.p-password-panel .p-password-meter .p-password-strength.weak{background:var(--red-400)}.p-password-panel .p-password-meter .p-password-strength.medium{background:var(--orange-400)}.p-password-panel .p-password-meter .p-password-strength.strong{background:var(--green-400)}.p-inputgroup-addon{background:var(--white-100);color:var(--black-60);border-top:1px solid var(--gray-200);border-left:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);padding:0rem .75rem;min-width:2.5rem}.p-inputgroup-addon:last-child{border-right:1px solid var(--gray-200)}.p-inputgroup-addon.p-disabled{background-color:var(--black-10);color:var(--black-60)}.p-inputgroup>.p-component,.p-inputgroup>.p-inputwrapper>.p-inputtext,.p-inputgroup>.p-float-label>.p-component{border-radius:0;margin:0}.p-inputgroup>.p-component+.p-inputgroup-addon,.p-inputgroup>.p-inputwrapper>.p-inputtext+.p-inputgroup-addon,.p-inputgroup>.p-float-label>.p-component+.p-inputgroup-addon{border-left:0 none}.p-inputgroup>.p-component:focus,.p-inputgroup>.p-inputwrapper>.p-inputtext:focus,.p-inputgroup>.p-float-label>.p-component:focus{z-index:1}.p-inputgroup>.p-component:focus~label,.p-inputgroup>.p-inputwrapper>.p-inputtext:focus~label,.p-inputgroup>.p-float-label>.p-component:focus~label{z-index:1}.p-inputgroup-addon:first-child,.p-inputgroup button:first-child,.p-inputgroup input:first-child,.p-inputgroup>.p-inputwrapper:first-child,.p-inputgroup>.p-inputwrapper:first-child>.p-inputtext{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-inputgroup .p-float-label:first-child input{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-inputgroup-addon:last-child,.p-inputgroup button:last-child,.p-inputgroup input:last-child,.p-inputgroup>.p-inputwrapper:last-child,.p-inputgroup>.p-inputwrapper:last-child>.p-inputtext{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-inputgroup .p-float-label:last-child input{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-inputgroup .p-button{height:auto;width:auto}.p-inputgroup .p-button.p-button-icon-only{width:2.5rem}.p-icon-field{position:relative}.p-icon-field .p-input-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-icon-field-left,.p-fluid .p-icon-field-right{width:100%}.p-icon-field-left .p-input-icon:first-of-type{left:.75rem;color:var(--black-80)}.p-icon-field-right .p-input-icon:last-of-type{right:.75rem;color:var(--black-80)}.p-inputnumber.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}p-inputnumber.ng-invalid.ng-touched>.p-inputnumber>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}p-inputnumber[ng-reflect-is-disabled=true] .p-inputnumber-button{background:var(--black-10)}.p-inputnumber-button{color:var(--black-80);border-color:var(--gray-200);background-color:var(--white-100)}.p-inputnumber-button .p-button-icon{font-size:1rem}.p-inputnumber-button:hover{box-shadow:none !important}.p-inputnumber-buttons-horizontal .p-inputnumber-button-down{border-top-right-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-button-up{border-top-left-radius:0;border-bottom-left-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-input{border-radius:0;border-left-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0);z-index:1}.p-inputnumber-buttons-horizontal .p-inputnumber-button-down,.p-inputnumber-buttons-horizontal .p-inputnumber-button-up{height:100%}.p-inputnumber-buttons-vertical .p-inputnumber-button-down{border-top-left-radius:0;border-top-right-radius:0}.p-inputnumber-buttons-vertical .p-inputnumber-button-up{border-bottom-left-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-vertical .p-inputnumber-input{border-radius:0;border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);z-index:1}.p-inputnumber-buttons-vertical .p-inputnumber-button-down,.p-inputnumber-buttons-vertical .p-inputnumber-button-up{width:100%}.p-checkbox{position:relative;display:inline-flex;user-select:none;vertical-align:bottom}.p-checkbox-input{appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;cursor:pointer}.p-checkbox-box{display:flex;justify-content:center;align-items:center}.p-checkbox{width:1.5rem;height:1.5rem}.p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon{display:none}.p-checkbox.p-checkbox-checked .p-checkbox-box::after{content:"";width:1rem;height:1rem;transition-duration:.2s;color:var(--white-100);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.p-checkbox .p-checkbox-input{border:1px solid var(--gray-200);border-radius:.25rem}.p-checkbox .p-checkbox-box{border:1px solid var(--gray-200);background:var(--white-100);width:1.5rem;height:1.5rem;color:var(--black-80);border-radius:.25rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-checkbox .p-checkbox-box.p-highlight{border-color:var(--citrine-700);background:var(--citrine-700)}.p-checkbox .p-checkbox-box:not(.p-disabled):hover{border-color:var(--citrine-700)}.p-checkbox .p-checkbox-box:not(.p-disabled):hover.p-highlight{border-color:var(--citrine-800);background:var(--citrine-800);color:var(--white-100)}.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-checkbox .p-checkbox-box.p-disabled{background:var(--black-10)}.p-checkbox .p-checkbox-box .p-checkbox-icon{transition-duration:.2s;color:var(--white-100);font-size:1rem}.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon{width:1rem;height:1rem}p-checkbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-highlight .p-checkbox .p-checkbox-box{border-color:var(--citrine-700)}.p-radiobutton{position:relative;display:inline-flex;user-select:none;vertical-align:bottom}.p-radiobutton-input{cursor:pointer}.p-radiobutton-box{display:flex;justify-content:center;align-items:center;transition:all}.p-radiobutton-box:hover{border:1px solid var(--citrine-800) !important}.p-radiobutton-box.p-highlight{box-sizing:border-box;background:var(--citrine-800) !important}.p-radiobutton-box.p-highlight .p-radiobutton-icon{mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.25%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center;background:var(--white-100);width:1.5rem;height:1.5rem;mask-composite:exclude}p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box{box-shadow:0 0 0 .25rem var(--red-100)}p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box:hover{border:1px solid var(--red-400) !important}.p-radiobutton-box.p-focus{box-shadow:0px 0px 0px 3.5px var(--citrine-200)}.p-radiobutton{width:1.5rem;height:1.5rem}.p-radiobutton .p-radiobutton-input{appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;border:1px solid var(--gray-200);border-radius:50%}.p-radiobutton .p-radiobutton-box{border:1px solid var(--gray-200);background:var(--white-100);width:1.5rem;height:1.5rem;color:var(--black-80);border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-radiobutton.p-disabled .p-radiobutton-box{background:var(--black-10)}.p-radiobutton.p-highlight .p-radiobutton-box{border-color:var(--citrine-700);background:var(--citrine-700)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box{border-color:var(--citrine-700)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box{border-color:var(--citrine-800);background:var(--citrine-800)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-radiobutton.p-invalid>.p-radiobutton-box{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-highlight .p-radiobutton .p-radiobutton-box{border-color:var(--white-100)}.p-inputswitch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.p-inputswitch-slider:before{position:absolute;content:"";top:50%}.p-inputswitch{position:relative;display:inline-block;width:2.5rem;height:1.5rem;border-radius:100px}.p-inputswitch .p-inputswitch-slider{background:var(--gray-300);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:100px;outline-color:rgba(0,0,0,0)}.p-inputswitch .p-inputswitch-slider:before{background:var(--white-100);width:1rem;height:1rem;left:.25rem;margin-top:-0.5rem;border-radius:100px;transition-duration:.2s}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:var(--citrine-700)}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{background:var(--white-100);transform:translateX(1rem)}.p-inputswitch:not(.p-disabled) .p-inputswitch-slider:hover{background-color:var(--citrine-800)}.p-inputswitch:not(.p-disabled).p-focus,.p-inputswitch:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}p-inputswitch:not(.p-disabled).p-element.ng-dirty.ng-invalid .p-inputswitch-slider,p-inputswitch:not(.p-disabled).p-element.ng-touched.ng-invalid .p-inputswitch-slider{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-selectbutton{display:flex;height:min-content;gap:.25rem;padding:.25rem;background-color:var(--black-10);border-radius:.5rem}.p-selectbutton .p-button{flex-grow:1;background:rgba(255,255,255,.0001);border:1px solid trasparent;border-radius:.25rem;color:var(--black-60);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-selectbutton .p-button .p-button-icon-left,.p-selectbutton .p-button .p-button-icon-right{color:var(--black-60)}.p-selectbutton .p-button.p-disabled{background:rgba(0,0,0,0);pointer-events:none}.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover{background:var(--white-100);border-color:rgba(255,255,255,.0001);color:var(--black-80)}.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right{color:var(--black-80)}.p-selectbutton .p-button:not(.p-disabled).p-highlight{background:var(--white-100);border-color:rgba(255,255,255,.0001);color:var(--citrine-700)}.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-right{color:var(--citrine-700)}.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover{background:var(--white-100);border-color:rgba(255,255,255,.0001);color:var(--black-80)}.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-right{color:var(--black-80)}.p-selectbutton.p-invalid>.p-button{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-togglebutton.p-button.p-highlight.p-disabled,.p-button.p-disabled,.p-button.p-button-danger.p-disabled,.p-button-group.p-button-danger>.p-button.p-disabled,.p-splitbutton.p-button-danger>.p-button.p-disabled,.p-fileupload-choose.p-button-danger.p-disabled,.p-button.p-button-warning.p-disabled,.p-button-group.p-button-warning>.p-button.p-disabled,.p-splitbutton.p-button-warning>.p-button.p-disabled,.p-fileupload-choose.p-button-warning.p-disabled,.p-button.p-button-success.p-disabled,.p-button-group.p-button-success>.p-button.p-disabled,.p-splitbutton.p-button-success>.p-button.p-disabled,.p-fileupload-choose.p-button-success.p-disabled,.p-button.p-button-info.p-disabled,.p-button-group.p-button-info>.p-button.p-disabled,.p-splitbutton.p-button-info>.p-button.p-disabled,.p-fileupload-choose.p-button-info.p-disabled,.p-button.p-button-help.p-disabled,.p-button-group.p-button-help>.p-button.p-disabled,.p-splitbutton.p-button-help>.p-button.p-disabled,.p-fileupload-choose.p-button-help.p-disabled{color:var(--black-60);background-color:var(--black-10);border-color:var(--gray-200)}.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-left,.p-button.p-disabled .p-button-icon-left,.p-button-group.p-button-danger>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-danger>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-left,.p-button-group.p-button-warning>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-warning>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-left,.p-button-group.p-button-success>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-success>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-left,.p-button-group.p-button-info>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-info>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-left,.p-button-group.p-button-help>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-help>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-left,.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-right,.p-button.p-disabled .p-button-icon-right,.p-button-group.p-button-danger>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-danger>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-right,.p-button-group.p-button-warning>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-warning>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-right,.p-button-group.p-button-success>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-success>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-right,.p-button-group.p-button-info>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-info>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-right,.p-button-group.p-button-help>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-help>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-right{color:var(--black-60) !important}.p-togglebutton.p-button{background:var(--black-10);border:1px solid trasparent;color:var(--black-60);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0);border-radius:100px}.p-togglebutton.p-button:not(.p-disabled):hover{background:var(--citrine-alpha);color:var(--citrine-700);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20);box-shadow:none}.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-left,.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-right{color:var(--citrine-700)}.p-togglebutton.p-button:not(.p-disabled):focus-visible{box-shadow:0 0 0 3.5px var(--citrine-200)}.p-togglebutton.p-button .p-button-icon-left,.p-togglebutton.p-button .p-button-icon-right{color:var(--black-60)}.p-togglebutton.p-button.p-highlight{background:var(--citrine-700);border-color:rgba(255,255,255,.0001);color:var(--white-100)}.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover{background:var(--citrine-800);color:var(--white-100);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20);box-shadow:none}.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left,.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-right{color:var(--white-100)}.p-togglebutton.p-button.p-highlight:not(.p-disabled):focus-visible{box-shadow:0 0 0 3.5px var(--citrine-200)}.p-togglebutton.p-button.p-highlight .p-button-icon-left,.p-togglebutton.p-button.p-highlight .p-button-icon-right{color:var(--white-100)}.p-chips{display:inline-flex;height:min-content}.p-disabled .p-chips-multiple-container{background-color:var(--black-10)}.p-chips-multiple-container{outline-color:rgba(0,0,0,0);cursor:text;overflow:hidden;height:min-content;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;list-style-type:none}.p-chips-multiple-container:has(.p-chips-token){padding:.25rem}.p-chips-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem}.p-chips-input-token{flex:1 1 auto;display:inline-flex}.p-chips-token-icon{cursor:pointer}.p-chips-input-token input{border:0 none;outline:0 none;background-color:rgba(0,0,0,0);margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-chips{display:flex}.p-chips:not(.p-disabled):hover .p-chips-multiple-container{border-color:var(--citrine-700)}.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-chips .p-chips-multiple-container .p-chips-token{padding:0rem .5rem;background:var(--black-10);color:var(--black-80);border-radius:.25rem}.p-chips .p-chips-multiple-container .p-chips-token.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon{margin-left:.5rem}.p-chips .p-chips-multiple-container .p-chips-token+.p-chips-input-token{padding:0 .5rem}.p-chips .p-chips-multiple-container .p-chips-input-token{padding:0rem 0}.p-chips .p-chips-multiple-container .p-chips-input-token input{height:1.75rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--black-80);margin:0}.p-chips.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-slider{background:var(--black-10);border:none;border-radius:.5rem}.p-slider.p-slider-horizontal{height:.25rem;margin-top:.5rem;margin-bottom:.5rem}.p-slider.p-slider-horizontal .p-slider-handle{margin-top:-0.625rem;margin-left:-0.625rem}.p-slider.p-slider-vertical{width:.25rem;margin-top:.5rem;margin-bottom:.5rem}.p-slider.p-slider-vertical .p-slider-handle{margin-left:-0.625rem;margin-bottom:-0.625rem}.p-slider .p-slider-handle{height:1.25rem;width:1.25rem;background:var(--citrine-700);border:none;border-radius:1rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-slider .p-slider-handle:focus{background:var(--citrine-800);box-shadow:none}.p-slider .p-slider-range{background:var(--citrine-700);border-radius:.5rem}.p-slider:not(.p-disabled) .p-slider-handle:hover{background:var(--citrine-800);border-color:rgba(255,255,255,.0001)}.p-rating{position:relative;display:flex;align-items:center}.p-rating-item{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.p-rating.p-readonly .p-rating-item{cursor:default}.p-rating{gap:.5rem}.p-rating .p-rating-item{outline-color:rgba(0,0,0,0);border-radius:50%}.p-rating .p-rating-item .p-rating-icon{color:var(--black-60);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;font-size:1.25rem}.p-rating .p-rating-item .p-rating-icon.p-icon{width:1.25rem;height:1.25rem}.p-rating .p-rating-item .p-rating-icon.p-rating-cancel{color:var(--black-60)}.p-rating .p-rating-item:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-rating .p-rating-item.p-rating-item-active .p-rating-icon{color:var(--orange-400)}.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon{color:var(--orange-500)}.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel{color:var(--black-80)}.p-calendar.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-datepicker{margin-top:.25rem;padding:.75rem;background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem}.p-datepicker:not(.p-datepicker-inline){background:var(--white-100);border:1px solid var(--gray-200);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header{background:rgba(255,255,255,.0001)}.p-datepicker .p-datepicker-header{padding:0 0 .5rem;color:var(--black-60);background:var(--white-100);font-weight:bold;margin:0rem;border-bottom:none;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-datepicker .p-datepicker-header .p-datepicker-prev,.p-datepicker .p-datepicker-header .p-datepicker-next{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border:1px solid rgba(0,0,0,0)}.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled{border:1px solid var(--gray-200);color:var(--black-60);background:var(--black-10);border-color:var(--gray-200)}.p-datepicker .p-datepicker-header .p-datepicker-title{line-height:2rem;display:flex;gap:.5rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select{display:inline-flex;cursor:pointer;position:relative;user-select:none;background:var(--white-100);border:1px solid var(--gray-200);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0);min-height:2.5rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select:focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{color:var(--black-60);transition:background-color .2s,color .2s,box-shadow .2s;font-weight:bold;padding:.25rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover{color:var(--citrine-700)}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{margin-right:.5rem}.p-datepicker table{font-size:1rem;margin:0rem}.p-datepicker table th{padding:.25rem}.p-datepicker table th>span{width:2rem;height:2rem}.p-datepicker table td{padding:.25rem}.p-datepicker table td>span{width:2rem;height:2rem;border-radius:.5rem;transition:.2s;border:1px solid rgba(255,255,255,.0001)}.p-datepicker table td>span.p-highlight{color:var(--white-100);background:var(--citrine-700)}.p-datepicker table td>span:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-datepicker table td.p-datepicker-today>span{color:var(--black-60);font-weight:700;border-color:var(--gray-100);background:rgba(255,255,255,.0001)}.p-datepicker table td.p-datepicker-today>span:not(.p-disabled):hover{color:var(--black-80)}.p-datepicker table td.p-datepicker-today>span.p-highlight{color:var(--white-100);background:var(--citrine-700)}.p-datepicker .p-datepicker-buttonbar{padding:0rem 0 0}.p-datepicker .p-datepicker-buttonbar .p-button{width:auto}.p-datepicker .p-timepicker{border-top:1px solid var(--gray-200);padding:String value}.p-datepicker .p-timepicker button{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-datepicker .p-timepicker button:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-datepicker .p-timepicker button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-datepicker .p-timepicker button.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-datepicker .p-timepicker span{font-size:1.25rem}.p-datepicker .p-timepicker>div{padding:String value}.p-datepicker .p-hour-picker,.p-datepicker .p-minute-picker{gap:.25rem}.p-datepicker.p-datepicker-timeonly .p-timepicker{border-top:0 none}.p-datepicker .p-monthpicker{margin:0rem}.p-datepicker .p-monthpicker .p-monthpicker-month{padding:.25rem;transition:.2s;border-radius:.5rem}.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight{color:var(--white-100);background:var(--citrine-700)}.p-datepicker .p-yearpicker{margin:0rem}.p-datepicker .p-yearpicker .p-yearpicker-year{padding:.25rem;transition:.2s;border-radius:.5rem}.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight{color:var(--white-100);background:var(--citrine-700)}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group{border-left:1px solid var(--gray-200);padding-right:.75rem;padding-left:.75rem;padding-top:0;padding-bottom:0}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child{padding-left:0;border-left:0 none}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child{padding-right:0}.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover{color:var(--black-80);background:var(--gray-100)}.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-datepicker:not(.p-disabled) table td span.p-highlight:hover{background:var(--citrine-800)}.p-datepicker:not(.p-disabled) .p-monthpicker{display:flex;flex-wrap:wrap;gap:.25rem}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month{flex-basis:32.3%;width:100%}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover{color:var(--black-80);background:var(--gray-100)}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled).p-highlight:hover{background:var(--citrine-800)}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-datepicker:not(.p-disabled) .p-yearpicker{display:flex;flex-wrap:wrap;gap:.25rem}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year{flex-basis:32.3%;width:100%}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover{color:var(--black-80);background:var(--gray-100)}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled).p-highlight:hover{background:var(--citrine-800)}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-autocomplete{display:inline-flex;height:min-content}.p-autocomplete .p-autocomplete-loader{right:.75rem;color:var(--black-80)}.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader{right:3.25rem}.p-autocomplete-multiple-container{outline-color:rgba(0,0,0,0);cursor:text;overflow:hidden;height:min-content;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;list-style-type:none}.p-autocomplete-multiple-container:has(.p-autocomplete-token){padding:.25rem}.p-autocomplete-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem}.p-autocomplete-input-token{flex:1 1 auto;display:inline-flex}.p-autocomplete-token-icon{cursor:pointer}.p-autocomplete-input-token input{border:0 none;outline:0 none;background-color:rgba(0,0,0,0);margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-autocomplete{display:flex}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover{border-color:var(--citrine-700)}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-autocomplete .p-autocomplete-multiple-container.p-disabled{cursor:not-allowed;background-color:var(--black-10)}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token{padding:0rem .5rem;background:var(--black-10);color:var(--black-80);border-radius:.25rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon{margin-left:.5rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token+.p-autocomplete-input-token{padding:0 .5rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token{padding:0rem 0}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input{height:1.75rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--black-80);margin:0}.p-autocomplete.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-autocomplete-panel{background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20);margin-top:.25rem}.p-autocomplete-panel .p-autocomplete-items{padding:.25rem}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item{margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.0001);color:var(--black-80);background:rgba(255,255,255,.0001);transition:.2s;border-radius:.5rem}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-of-type{margin-top:0}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-of-type{margin-bottom:0}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover{color:var(--black-80);background:var(--gray-100)}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight{color:var(--white-100);background:var(--citrine-700)}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--black-60);background:rgba(255,255,255,.0001);font-weight:bold}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message{text-align:center;padding:.5rem .75rem}.p-autocomplete-dd .p-autocomplete-input{flex:1 1 auto;width:1%}.p-autocomplete-dd .p-autocomplete-dropdown{display:none}.autocomplete-dropdown-container:hover .p-inputtext:enabled{border-color:var(--citrine-700)}.autocomplete-dropdown-trigger{position:absolute;right:0;top:0;height:100%;width:2.5rem;display:flex;align-items:center;justify-content:center}.p-autocomplete-clear-icon{position:absolute;top:50%;margin-top:-0.5rem;cursor:pointer}.p-autocomplete-clearable{position:relative}.p-autocomplete-clearable .p-autocomplete-clear-icon{right:.75rem}.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon{right:2.5rem}.p-tabview .p-tabview-nav{background:rgba(255,255,255,.0001);border-bottom:1px solid var(--gray-200);gap:1.5rem}.p-tabview .p-tabview-nav li .p-tabview-nav-link{border-bottom:.25rem solid rgba(255,255,255,.0001);border-color:rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);color:var(--black-80);padding:1rem 0rem;font-weight:normal;transition:.2s;margin:0}.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:rgba(255,255,255,.0001);border-color:rgba(255,255,255,.0001);color:var(--citrine-700)}.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:rgba(255,255,255,.0001);border-color:var(--citrine-700);color:var(--citrine-700)}.p-tabview .p-tabview-close{margin-left:.5rem}.p-tabview .p-tabview-nav-btn.p-link{background:var(--white-100);color:var(--black-80);width:2.5rem;box-shadow:0px 0px 10px 50px var(--white-60);border-radius:0}.p-tabview .p-tabview-nav-btn.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-tabview .p-tabview-nav-btn.p-link:hover{color:var(--citrine-700)}.p-tabview .p-tabview-panels{background:rgba(255,255,255,.0001);padding:1rem 0rem;border:none;color:var(--black-80);border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-divider{border-color:var(--gray-200)}.p-divider .p-divider-content{background-color:var(--white-100);color:var(--black-60);text-transform:uppercase}.p-divider.p-divider-horizontal{margin:1rem 0rem;padding:0rem 1rem}.p-divider.p-divider-horizontal .p-divider-content{padding:0 .5rem}.p-divider.p-divider-horizontal:before{border-top-width:1px;border-top-color:var(--gray-200)}.p-divider.p-divider-horizontal.p-divider-dash:before{border-top-style:dashed}.p-divider.p-divider-vertical{margin:0rem 1rem;padding:1rem 0rem}.p-divider.p-divider-vertical .p-divider-content{padding:.5rem 0}.p-divider.p-divider-vertical:before{border-left-width:1px;border-left-color:var(--gray-200)}.p-divider.p-divider-vertical.p-divider-dash:before{border-left-style:dashed}.p-scrollpanel .p-scrollpanel-bar{background:var(--black-10);border:0 none;border-radius:.5rem}.p-scrollpanel .p-scrollpanel-bar:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-accordion .p-accordion-header .p-accordion-header-link{display:flex;flex-direction:row;align-items:center;color:var(--black-60);font-weight:700;padding:1rem 0rem;border-top:1px solid var(--gray-200);background:rgba(255,255,255,.0001);transition:.2s;gap:.5rem}.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon{font-size:1.25rem}.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link{background:rgba(255,255,255,.0001);border-color:var(--gray-200);color:var(--black-80)}.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link{background:rgba(255,255,255,.0001);border-color:var(--gray-200);color:var(--black-80)}.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link{border-color:var(--gray-200);background:rgba(255,255,255,.0001);color:var(--black-80)}.p-accordion .p-accordion-content{padding:0rem 0rem 1rem 1.75rem;border-bottom:none;background:rgba(255,255,255,.0001);color:var(--black-80)}.p-accordion .p-accordion-tab{margin-bottom:0rem}.p-accordion .p-accordion-tab:first-child .p-accordion-header-link{border-top:none}.p-accordion .p-accordion-tab .p-accordion-content .p-accordion-header-link{border-top:1px solid var(--gray-200)}.p-stepper .p-stepper-nav{display:flex;gap:.5rem;justify-content:space-between;margin:0;padding:0;list-style-type:none;overflow:hidden;overflow-x:auto}.p-stepper .p-stepper-header{position:relative;display:flex;flex:1 1 auto;align-items:center;padding:.5rem 0}.p-stepper .p-stepper-header.p-disabled{opacity:1;cursor:initial}.p-stepper .p-stepper-header.p-disabled .p-stepper-action{opacity:.6}.p-stepper .p-stepper-header:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-stepper .p-stepper-header.p-highlight .p-stepper-title{color:var(--black-80)}.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-separator{background-color:var(--citrine-700)}.p-stepper .p-stepper-header.p-highlight .p-stepper-number,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-number{color:var(--white-100);background-color:var(--citrine-700);border-color:rgba(0,0,0,0)}.p-stepper .p-stepper-header.p-highlight .p-stepper-icon,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-icon{color:var(--citrine-700)}.p-stepper .p-stepper-header.p-highlight .p-stepper-action.p-danger .p-stepper-number,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-action.p-danger .p-stepper-number{color:var(--white-100);background-color:var(--red-400)}.p-stepper p-stepperheader .p-stepper-action{display:inline-flex;align-items:center;flex-grow:0;transition:.2s;border-radius:.5rem;background:var(--white-100);outline-color:rgba(0,0,0,0);padding:0}.p-stepper p-stepperheader .p-stepper-action:hover{cursor:pointer}.p-stepper p-stepperheader .p-stepper-action:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-stepper p-stepperheader .p-stepper-action .p-stepper-number{display:flex;align-items:center;justify-content:center;font-weight:400;color:var(--black-80);border:1px solid var(--gray-200);background:var(--white-100);min-width:1.5rem;height:1.5rem;line-height:1;font-size:1rem;border-radius:8rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-left:.5rem;color:var(--black-80);font-weight:400;transition:background-color .2s,color .2s,box-shadow .2s}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
-  line-height: 1;margin-left:.5rem;
-}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper .p-stepper-title{margin-left:0}.p-stepper p-stepperheader .p-stepper-action .p-stepper-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.5rem;
-  line-height: 2rem;
-  line-height: 1;min-width:1.5rem;height:1.5rem;
-}.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-number,.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-icon{color:var(--red-400)}.p-stepper .p-stepper-panels{background:rgba(255,255,255,.0001);padding:1rem 0rem;color:var(--black-80)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-number,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-number{color:var(--white-100);background-color:var(--citrine-700);border-color:rgba(0,0,0,0)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-icon,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-icon{color:var(--citrine-700)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-action.p-danger .p-stepper-number,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-action.p-danger .p-stepper-number{color:var(--white-100);background-color:var(--red-400)}.p-stepper .p-stepper-separator{background-color:var(--gray-200);width:100%;height:1px;margin-inline-start:.5rem;transition:.2s}.p-stepper.no-line .p-stepper-separator{background-color:rgba(0,0,0,0) !important}.p-stepper.p-stepper-vertical{display:flex;flex-direction:column}.p-stepper.p-stepper-vertical .p-stepper-toggleable-content{display:flex;flex:1 1 auto;background:rgba(255,255,255,.0001);color:var(--black-80)}.p-stepper.p-stepper-vertical .p-stepper-panel{display:flex;flex-direction:column;flex:initial}.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active{flex:1 1 auto}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header{flex:initial}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content{width:100%;padding-left:1rem}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator{flex:0 0 auto;width:2px;height:auto;margin-inline-start:calc(1.75rem + 2px)}.p-stepper.p-stepper-vertical .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-separator{background-color:var(--citrine-700)}.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content{padding-left:3rem}.p-card{overflow:hidden;color:var(--black-80);font-size:1rem;border-radius:.5rem;border:1px solid var(--gray-200);background:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-card.p-card-no-shadow{box-shadow:none}.p-card .p-card-body{padding:1rem}.p-card .p-card-title{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.p-card .p-card-subtitle{font-size:.875rem;font-weight:400;color:var(--black-60)}.p-card .p-card-content{padding:1rem 0 0}.p-card .p-card-footer{padding:1rem 0 0}.p-tooltip .p-tooltip-text{background:var(--gray-800);color:var(--white-100);padding:.5rem 1rem;box-shadow:0 .25rem .25rem 0 var(--black-20);border-radius:.5rem}.p-tooltip-arrow{border-color:rgba(0,0,0,0)}.p-tooltip-right .p-tooltip-arrow,.p-tooltip-left .p-tooltip-arrow{margin-top:-0.25rem}.p-tooltip-top .p-tooltip-arrow,.p-tooltip-bottom .p-tooltip-arrow{margin-left:-0.25rem}.p-tooltip-right .p-tooltip-arrow{border-width:.25em .25em .25em 0;border-right-color:var(--gray-800)}.p-tooltip-left .p-tooltip-arrow{border-width:.25em 0 .25em .25rem;border-left-color:var(--gray-800)}.p-tooltip-top .p-tooltip-arrow{border-width:.25em .25em 0;border-top-color:var(--gray-800)}.p-tooltip-bottom .p-tooltip-arrow{border-width:0 .25em .25rem;border-bottom-color:var(--gray-800)}.p-dialog{border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20);border:1px solid var(--gray-200)}.p-dialog .p-dialog-header{border-bottom:1px solid var(--gray-200);background:var(--white-100);color:var(--black-80);padding:1.5rem 1.5rem 1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-dialog .p-dialog-header .p-dialog-title{font-weight:bold;font-size:1.25rem}.p-dialog .p-dialog-header .p-dialog-header-icon{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin-right:.5rem;box-shadow:none}.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-dialog .p-dialog-header .p-dialog-header-icon.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-dialog .p-dialog-header .p-dialog-header-icon:last-child{margin-right:0}.p-dialog-danger .p-dialog-title::before,.p-dialog-success .p-dialog-title::before,.p-dialog-info .p-dialog-title::before,.p-dialog-warning .p-dialog-title::before,.p-dialog-help .p-dialog-title::before{content:"";display:inline-block;width:1.5rem;height:1.5rem;background-size:contain;margin-right:.5rem;vertical-align:text-bottom}.p-dialog-danger .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM8.13128 8.63128C8.47299 8.28957 9.02701 8.28957 9.36872 8.63128L10.5 9.76256L11.6313 8.63128C11.973 8.28957 12.527 8.28957 12.8687 8.63128C13.2104 8.97299 13.2104 9.52701 12.8687 9.86872L11.7374 11L12.8687 12.1313C13.2104 12.473 13.2104 13.027 12.8687 13.3687C12.527 13.7104 11.973 13.7104 11.6313 13.3687L10.5 12.2374L9.36872 13.3687C9.02701 13.7104 8.47299 13.7104 8.13128 13.3687C7.78957 13.027 7.78957 12.473 8.13128 12.1313L9.26256 11L8.13128 9.86872C7.78957 9.52701 7.78957 8.97299 8.13128 8.63128Z" fill="%23E26E63"/></svg>') no-repeat}.p-dialog-success .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM13.7437 8.63128C14.0854 8.97299 14.0854 9.52701 13.7437 9.86872L10.2437 13.3687C9.90201 13.7104 9.34799 13.7104 9.00628 13.3687L7.25628 11.6187C6.91457 11.277 6.91457 10.723 7.25628 10.3813C7.59799 10.0396 8.15201 10.0396 8.49372 10.3813L9.625 11.5126L12.5063 8.63128C12.848 8.28957 13.402 8.28957 13.7437 8.63128Z" fill="%2368C170"/></svg>') no-repeat}.p-dialog-warning .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.24855 2.2875C9.63056 2.07229 10.0616 1.95923 10.5 1.95923C10.9385 1.95923 11.3695 2.07229 11.7515 2.2875C12.1335 2.5027 12.4536 2.81277 12.6808 3.18777L12.6831 3.19162L19.7759 15.0356L19.7832 15.0481C20.0055 15.4335 20.123 15.8705 20.1241 16.3154C20.1252 16.7604 20.0098 17.1979 19.7895 17.5845C19.5691 17.9711 19.2514 18.2932 18.868 18.519C18.4846 18.7447 18.0487 18.8662 17.6038 18.8714L17.5937 18.8715L3.39659 18.8714C2.95146 18.8664 2.51539 18.7449 2.13176 18.5191C1.74813 18.2933 1.43031 17.9709 1.20992 17.5841C0.98952 17.1974 0.874224 16.7596 0.875499 16.3145C0.876773 15.8693 0.994574 15.4322 1.21718 15.0467L1.22426 15.0347L8.30299 3.21587C8.30825 3.20642 8.31369 3.19705 8.31931 3.18777C8.5465 2.81277 8.86655 2.5027 9.24855 2.2875ZM10.5 3.70923C10.3625 3.70923 10.2273 3.74469 10.1075 3.81219C9.99324 3.87657 9.89665 3.968 9.82613 4.07836C9.82357 4.0828 9.82097 4.08723 9.81833 4.09164L2.72982 15.9268C2.66184 16.0465 2.62589 16.1818 2.62549 16.3195C2.62509 16.4591 2.66126 16.5964 2.73039 16.7177C2.79952 16.839 2.8992 16.9401 3.01953 17.011C3.13871 17.0811 3.27402 17.1192 3.41225 17.1214H17.5877C17.7258 17.1191 17.861 17.0811 17.9801 17.011C18.1004 16.9401 18.2 16.8391 18.2691 16.7178C18.3383 16.5966 18.3745 16.4594 18.3741 16.3198C18.3738 16.1822 18.3379 16.047 18.2701 15.9274L11.1841 4.09457C11.1837 4.09404 11.1834 4.09351 11.1831 4.09298C11.1119 3.97607 11.0119 3.87939 10.8926 3.81219C10.7728 3.74469 10.6376 3.70923 10.5 3.70923ZM10.5001 7.49997C10.9833 7.49997 11.3751 7.89172 11.3751 8.37497V11.875C11.3751 12.3582 10.9833 12.75 10.5001 12.75C10.0168 12.75 9.62506 12.3582 9.62506 11.875V8.37497C9.62506 7.89172 10.0168 7.49997 10.5001 7.49997ZM9.62506 14.5C9.62506 14.0167 10.0168 13.625 10.5001 13.625H10.5088C10.9921 13.625 11.3838 14.0167 11.3838 14.5C11.3838 14.9832 10.9921 15.375 10.5088 15.375H10.5001C10.0168 15.375 9.62506 14.9832 9.62506 14.5Z" fill="%23FFB330"/></svg>') no-repeat}.p-dialog-info .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.625 8.375C9.625 7.89175 10.0168 7.5 10.5 7.5H10.5087C10.992 7.5 11.3837 7.89175 11.3837 8.375C11.3837 8.85825 10.992 9.25 10.5087 9.25H10.5C10.0168 9.25 9.625 8.85825 9.625 8.375ZM8.75 11C8.75 10.5168 9.14175 10.125 9.625 10.125H10.5C10.9832 10.125 11.375 10.5168 11.375 11V13.625C11.8582 13.625 12.25 14.0168 12.25 14.5C12.25 14.9832 11.8582 15.375 11.375 15.375H10.5C10.0168 15.375 9.625 14.9832 9.625 14.5V11.875C9.14175 11.875 8.75 11.4832 8.75 11Z" fill="%2349A2EF"/></svg>') no-repeat}.p-dialog-help .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.99829 7.55089C10.5752 7.43547 11.1741 7.51853 11.6978 7.78656C12.2234 8.05459 12.6434 8.49186 12.89 9.02783C13.1367 9.56409 13.1955 10.1679 13.0568 10.7416C12.9181 11.3154 12.5901 11.8257 12.1257 12.1901C11.6613 12.5545 11.0877 12.7518 10.4974 12.75C10.0141 12.7486 9.62355 12.3556 9.625 11.8724C9.62646 11.3891 10.0194 10.9986 10.5026 11C10.6994 11.0006 10.8906 10.9349 11.0454 10.8134C11.2002 10.6919 11.3096 10.5218 11.3558 10.3306C11.402 10.1393 11.3824 9.93804 11.3002 9.75929C11.2179 9.58053 11.0778 9.43472 10.9025 9.34539L10.9008 9.34452C10.7285 9.25627 10.5314 9.2289 10.3416 9.26688C10.1518 9.30486 9.98043 9.40595 9.85536 9.5537C9.54314 9.92255 8.99103 9.96846 8.62218 9.65624C8.25333 9.34403 8.20742 8.79191 8.51964 8.42306C8.89995 7.97377 9.42109 7.66638 9.99829 7.55089ZM10.5 13.625C10.9832 13.625 11.375 14.0168 11.375 14.5V14.5087C11.375 14.992 10.9832 15.3837 10.5 15.3837C10.0168 15.3837 9.625 14.992 9.625 14.5087V14.5C9.625 14.0168 10.0168 13.625 10.5 13.625Z" fill="%23AB77DF"/></svg>') no-repeat}.p-dialog .p-dialog-content{background:var(--white-100);color:var(--black-80);padding:1.5rem 1.5rem}.p-dialog .p-dialog-content:last-of-type{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer{display:flex;border-top:1px solid rgba(255,255,255,.0001);background:var(--white-100);color:var(--black-60);padding:0rem 1.5rem 1.5rem;text-align:right;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer button{width:auto}.p-dialog .p-confirm-dialog-accept{order:1}.p-dialog .p-confirm-dialog-reject{order:2}.p-dialog.p-dialog-maximized .p-dialog-header,.p-dialog.p-dialog-maximized .p-dialog-content:last-of-type{border-radius:0}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon{font-size:2rem}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon{width:2rem;height:2rem}.p-dialog.p-confirm-dialog .p-dialog-footer{flex-direction:row-reverse;gap:.5rem}.p-dialog.p-confirm-dialog .p-dialog-footer i.none{display:none}.p-overlaypanel{background:var(--white-100);color:var(--black-80);border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-overlaypanel .p-overlaypanel-content{padding:1rem}.p-overlaypanel .p-overlaypanel-close{background:var(--citrine-700);color:var(--white-100);width:2rem;height:2rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem;position:absolute;top:-1rem;right:-1rem}.p-overlaypanel .p-overlaypanel-close:enabled:hover{background:var(--citrine-800);color:var(--white-100)}.p-overlaypanel:after{border:solid rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-bottom-color:var(--white-100);border-width:6px}.p-overlaypanel:before{border:solid rgba(0,0,0,0);border-width:8px;border-color:rgba(0,0,0,0);border-bottom-color:var(--gray-200)}.p-overlaypanel.p-overlaypanel-flipped{margin-top:-7px !important}.p-overlaypanel.p-overlaypanel-flipped:after{border-top-color:var(--white-100);border-bottom-color:rgba(0,0,0,0)}.p-overlaypanel.p-overlaypanel-flipped:before{border-top-color:var(--gray-200);border-bottom-color:rgba(0,0,0,0)}.p-sidebar{color:var(--black-80);border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20);background:var(--white-100);margin:.5rem;height:calc(100vh - 1rem) !important}.p-sidebar.p-sidebar-top,.p-sidebar.p-sidebar-full,.p-sidebar.p-sidebar-bottom{width:calc(100vw - 1rem);width:-webkit-fill-available !important}.p-sidebar.p-sidebar-top,.p-sidebar.p-sidebar-bottom{height:auto}.p-sidebar .p-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--gray-200)}.p-sidebar .p-sidebar-header .p-sidebar-close,.p-sidebar .p-sidebar-header .p-sidebar-icon{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-sidebar .p-sidebar-header .p-sidebar-close.p-disabled,.p-sidebar .p-sidebar-header .p-sidebar-icon.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-sidebar .p-sidebar-header>:only-child{margin-left:auto}.p-sidebar .p-sidebar-content{padding:1.5rem 1.5rem}.p-sidebar .p-sidebar-footer{display:flex;align-items:center;gap:.5rem;padding:1.5rem 1.5rem;padding-top:0rem}.p-avatar{height:2rem;width:2rem;color:var(--white-100);font-size:1rem;background-color:var(--citrine-700);border-radius:.5rem}.p-avatar:not(.p-avatar-image){border:1px solid var(--gray-200)}.p-avatar.p-avatar-image{background:rgba(0,0,0,0);position:relative}.p-avatar.p-avatar-image img{position:relative;object-fit:cover;border-radius:inherit}.p-avatar.p-avatar-image .p-badge{z-index:1}.p-avatar.p-avatar-image::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid var(--gray-200);border-radius:inherit;z-index:1}.p-avatar.p-avatar-lg{width:2.5rem;height:2.5rem;font-size:1rem}.p-avatar.p-avatar-lg .p-avatar-icon{font-size:1rem}.p-avatar.p-avatar-xl{width:3.5rem;height:3.5rem;font-size:1.5rem}.p-avatar.p-avatar-xl .p-avatar-icon{font-size:1.5rem}.p-avatar-circle{border-radius:50%}.p-badge{background:var(--citrine-700);color:var(--white-100);font-size:.75rem;font-weight:bold;min-width:1.5rem;height:1.5rem;line-height:1.5rem}.p-badge.p-badge-success{background-color:var(--green-400);color:var(--white-100)}.p-badge.p-badge-info{background-color:var(--blue-400);color:var(--white-100)}.p-badge.p-badge-warning{background-color:var(--orange-400);color:var(--white-100)}.p-badge.p-badge-danger{background-color:var(--red-400);color:var(--white-100)}.p-badge.p-badge-dot{width:.5rem;height:.5rem;min-width:auto}.p-tag{height:1.5rem;color:var(--white-100);font-size:.875rem;font-weight:bold;padding:.5rem;border-radius:.5rem;background:var(--citrine-700)}.p-tag.p-tag-success{background-color:var(--green-400);color:var(--white-100)}.p-tag.p-tag-info{background-color:var(--blue-400);color:var(--white-100)}.p-tag.p-tag-warning{background-color:var(--orange-400);color:var(--white-100)}.p-tag.p-tag-danger{background-color:var(--red-400);color:var(--white-100)}.p-tag.p-tag-rounded{border-radius:100px}.p-tag.p-tag-secondary{background-color:var(--gray-200);color:var(--black-60)}.p-tag .p-tag-icon{margin-right:.25rem;font-size:.875rem}.p-tag .p-tag-icon.p-icon{width:.875rem;height:.875rem}.p-progressbar{border:none;height:1rem;background:var(--black-10);border-radius:.5rem}.p-progressbar .p-progressbar-value{border:0 none;margin:0;background:var(--citrine-700)}.p-progressbar .p-progressbar-label{color:var(--white-100);line-height:1rem}.p-progress-spinner-circle{animation:p-progress-spinner-dash 1.5s ease-in-out infinite,p-progress-spinner-primary-color 6s ease-in-out infinite}@keyframes p-progress-spinner-primary-color{100%,0%{stroke:var(--primary-color) !important}40%{stroke:var(--primary-color) !important}66%{stroke:var(--primary-color) !important}80%,90%{stroke:var(--primary-color) !important}}.p-metergroup{display:flex;gap:.75rem;flex-direction:column}.p-metergroup .p-metergroup-meter-container{background:var(--black-10);border-radius:.5rem}.p-metergroup .p-metergroup-labels{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style-type:none;gap:1rem;row-gap:.75rem}.p-metergroup .p-metergroup-labels-vertical{gap:.5rem;flex-direction:column}.p-metergroup .p-metergroup-meters{display:flex;background:var(--black-10);border-radius:.5rem;height:.5rem}.p-metergroup .p-metergroup-meter{border:none;background:var(--citrine-700)}.p-metergroup .p-metergroup-label-list-item{line-height:1rem}.p-metergroup .p-metergroup-label-type{background:var(--citrine-700);width:.5rem;height:.5rem;border-radius:100%;margin-right:.5rem}.p-metergroup .p-metergroup-label{display:inline-flex;align-items:center;color:var(--black-60);gap:.5rem;font-size:.875rem;line-height:100%}.p-metergroup .p-metergroup-label .p-metergroup-label-marker{width:.5rem;height:.5rem;border-radius:100%;display:inline-flex}.p-metergroup .p-metergroup-label-icon{width:1rem;height:1rem;font-size:1rem}.p-metergroup .p-metergroup-label-list-vertical{gap:.25rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container{height:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start{margin-bottom:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end{margin-top:.5rem}.p-metergroup.p-metergroup-vertical{flex-direction:row}.p-metergroup.p-metergroup-vertical .p-metergroup-meters{width:.5rem;height:100%;flex-direction:column}.p-metergroup.p-metergroup-vertical .p-metergroup-meter{width:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start){margin-left:.5rem}.p-chip{height:1.75rem;color:var(--black-80);border-radius:.25rem;border:1px solid rgba(255,255,255,.0001);padding:0rem .5rem;background-color:var(--black-10);display:inline-flex}.p-chip.p-disabled{color:var(--black-60);border-color:var(--gray-200);background-color:var(--black-10)}.p-chip .p-chip-text{line-height:1.5;margin-top:0rem;margin-bottom:0rem}.p-chip .p-chip-icon{margin-right:.5rem}.p-chip img{width:1.5rem;height:1.5rem;margin-left:-0.75rem;margin-right:.5rem}.p-chip .p-chip-remove-icon{border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin-left:.5rem}.p-chip .p-chip-remove-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-chip .p-chip-remove-icon:focus{outline:0 none}timescircleicon svg{display:none !important}timescircleicon::after{cursor:pointer;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E") no-repeat;height:16px;width:16px;background:var(--black-80);margin-left:.5rem;content:""}.p-skeleton{background:var(--gray-200);border-radius:.5rem}.p-skeleton:after{background:linear-gradient(90deg, var(--gray-200) 0%, var(--gray-100) 40%, var(--gray-200) 75%)}.p-message{overflow:hidden;margin:0rem;border-radius:.5rem}.p-message .p-message-wrapper{padding:1rem;position:relative;display:grid;padding-left:4rem;min-height:4rem}.p-message .p-message-close{width:2rem;height:2rem;border-radius:.5rem;background:rgba(0,0,0,0);transition:background-color .2s,color .2s,box-shadow .2s;position:absolute;top:1rem;right:1rem}.p-message .p-message-close:hover{background:rgba(255,255,255,.5)}.p-message .p-message-close:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-message.p-message-info{background:var(--blue-50);border:1px solid var(--blue-200)}.p-message.p-message-info .p-message-wrapper{border-left:.25rem solid var(--blue-400)}.p-message.p-message-info .p-message-icon{color:var(--blue-400)}.p-message.p-message-info .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--blue-400)}.p-message.p-message-info .p-message-close{color:var(--blue-400);border:1px solid var(--blue-200);background:rgba(0,0,0,0)}.p-message.p-message-info .p-message-close:hover{color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-success{background:var(--green-50);border:1px solid var(--green-200)}.p-message.p-message-success .p-message-wrapper{border-left:.25rem solid var(--green-400)}.p-message.p-message-success .p-message-icon{color:var(--green-400)}.p-message.p-message-success .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--green-400)}.p-message.p-message-success .p-message-close{color:var(--green-400);border:1px solid var(--green-200);background:rgba(0,0,0,0)}.p-message.p-message-success .p-message-close:hover{color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-warn{background:var(--orange-50);border:1px solid var(--orange-200)}.p-message.p-message-warn .p-message-wrapper{border-left:.25rem solid var(--orange-400)}.p-message.p-message-warn .p-message-icon{color:var(--orange-400)}.p-message.p-message-warn .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--orange-400)}.p-message.p-message-warn .p-message-close{color:var(--orange-400);border:1px solid var(--orange-200);background:rgba(0,0,0,0)}.p-message.p-message-warn .p-message-close:hover{color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-error{background:var(--red-50);border:1px solid var(--red-200)}.p-message.p-message-error .p-message-wrapper{border-left:.25rem solid var(--red-400)}.p-message.p-message-error .p-message-icon{color:var(--red-400)}.p-message.p-message-error .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--red-400)}.p-message.p-message-error .p-message-close{color:var(--red-400);border:1px solid var(--red-200);background:rgba(0,0,0,0)}.p-message.p-message-error .p-message-close:hover{color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message .p-message-text{font-size:1rem;font-weight:normal;color:var(--black-80)}.p-message .p-message-icon{font-size:2rem;display:inline;margin-right:.5rem;position:absolute;top:1rem;left:1rem}.p-message .p-message-icon .p-icon-wrapper{display:none}.p-message .p-message-icon.p-icon{width:2rem;height:2rem}.p-message .p-message-summary{font-size:1rem;font-weight:bold;color:var(--black-80);margin-right:.25rem}.p-message .p-message-detail{font-size:.875rem;font-weight:normal;color:var(--black-60);display:block}.p-toast{opacity:1}.p-toast .p-toast-message{overflow:hidden;margin:.25rem;box-shadow:0 .25rem .25rem 0 var(--black-20);border-radius:.5rem}.p-toast .p-toast-message .p-toast-message-content{gap:1rem;padding:1rem;border-left-width:.25rem;border-left-style:solid}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text{margin:0rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon{font-size:2rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon .p-icon-wrapper{display:none}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon{width:2rem;height:2rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-summary{font-weight:bold;font-size:1rem;color:var(--black-80);margin:auto 0}.p-toast .p-toast-message .p-toast-message-content .p-toast-detail{font-weight:normal;font-size:.875rem;color:var(--black-60);margin-top:.25rem}.p-toast .p-toast-message .p-toast-icon-close{width:2rem;height:2rem;border-radius:.5rem;background:var(--white-100);transition:background-color .2s,color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-info{background:var(--blue-50);border:1px solid var(--blue-200)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-content{border-left:.25rem solid var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon{color:var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close{color:var(--blue-400);border:1px solid var(--blue-200);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover{color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-success{background:var(--green-50);border:1px solid var(--green-200)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-content{border-left:.25rem solid var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon{color:var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close{color:var(--green-400);border:1px solid var(--green-200);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover{color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-warn{background:var(--orange-50);border:1px solid var(--orange-200)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-content{border-left:.25rem solid var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon{color:var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close{color:var(--orange-400);border:1px solid var(--orange-200);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover{color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-error{background:var(--red-50);border:1px solid var(--red-200)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-content{border-left:.25rem solid var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon{color:var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close{color:var(--red-400);border:1px solid var(--red-200);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover{color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-breadcrumb{background:rgba(255,255,255,.0001);border:none;padding:0rem}.p-breadcrumb.none-separator-breadcrum .p-menuitem-separator{opacity:0}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link{transition:.2s;border-radius:.5rem;padding:.25rem}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover{background-color:var(--gray-100)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator{margin:0 .25rem;color:var(--black-80);font-size:1.25rem}.p-breadcrumb .p-breadcrumb-list li:last-child{pointer-events:none;opacity:.6}.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text{color:var(--black-80)}.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon{color:var(--black-80)}.p-menubar{display:flex;padding:.25rem;align-items:flex-end;border-radius:.5rem;border:1px solid var(--gray-200);background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-menubar .p-menuitem{width:100%;margin-top:.25rem}.p-menubar .p-menuitem:first-of-type{margin-top:0}.p-menubar .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-menubar .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--citrine-700)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--citrine-800)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-menubar .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-menubar .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-menubar [class*=list][level="0"]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.p-menubar [class*=list][level="0"]>.p-menuitem{margin:0}.p-menubar [class*=list]:not([level="0"]){min-width:8rem;z-index:2}.p-menubar [class*=list][level="1"]{margin-top:.25rem}.p-menubar [class*=list][level="1"].p-menuitem:first-of-type{margin-top:.25rem}.p-menubar [class*=list]:not([level="0"]):not([level="1"]){margin-left:.25rem;margin-top:-0.25rem}.p-menubar ul{margin:0;padding:0;list-style:none}.p-menubar .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-menubar .p-menuitem-text{line-height:1}.p-menubar .p-menuitem{position:relative;margin-top:.25rem}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--citrine-800);color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem.p-menuitem:first-of-type{margin-top:.25rem}.p-menubar .p-menuitem .p-submenu-list{display:none;position:absolute;z-index:2;border-radius:.5rem;border:1px solid var(--gray-200);background-color:var(--white-100)}.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg){margin-left:auto}.p-menubar .p-menuitem .p-menubar-root-list .p-icon-wrapper{margin-left:auto}.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-icon-wrapper{margin-left:auto}.p-menubar .p-menuitem .p-menubar-custom,.p-menubar .p-menuitem .p-menubar-end{margin-left:auto;align-self:center}.p-menubar .p-menubar-root-list{display:flex;align-items:center;flex-wrap:nowrap}.p-menubar .p-menubar-root-list>li ul{display:none;z-index:1}@media screen and (min-width: 960px){.p-menubar .p-submenu-list>.p-menuitem-active>p-menubarsub>.p-submenu-list{display:block;left:100%;top:0}.p-menubar .p-menubar-root-list>.p-menuitem-active>p-menubarsub>.p-submenu-list{display:block}}.p-menubar .p-menubar-button{display:none;cursor:pointer;align-items:center;justify-content:center}@media screen and (max-width: 960px){.p-menubar{position:relative;align-items:center}.p-menubar .p-menubar-button{display:flex;width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-menubar .p-menubar-button:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-menubar .p-menubar-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-menubar .p-menubar-button.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-menubar .p-menuitem-active[aria-expanded=false] .p-submenu-list{display:none}.p-menubar .p-menuitem-active[aria-expanded=true]>p-menubarsub>.p-submenu-list{display:block;position:relative;left:auto;top:auto;border:0}.p-menubar [aria-expanded=true]+p-menubarsub .p-menubar-root-list{display:block}.p-menubar .p-menubar-root-list{position:absolute;left:0;top:100%;display:none;flex-direction:column;min-width:8rem;border:1px solid var(--gray-200);padding:.25rem;margin-top:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20);border-radius:.5rem;z-index:2}.p-menubar .p-menubar-root-list [aria-expanded=false] .p-submenu-icon{transform:rotate(-90deg)}.p-menubar .p-submenu-list{width:100%;display:none;border:none;border-radius:0;margin:0 !important;padding:.25rem 0 0 .75rem;border-radius:.5rem;box-shadow:none}.p-menubar .p-submenu-list [aria-expanded=false] .p-submenu-icon{transform:rotate(0deg)}.p-menubar .p-submenu-list [aria-expanded=true] .p-submenu-icon{transform:rotate(90deg)}}.p-megamenu [class*=header]{color:var(--black-60);font-size:.875rem;font-weight:bold;text-transform:uppercase;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-megamenu [class*=header][data-p-disabled=true]{color:var(--black-60);background-color:var(--black-10);border-color:var(--gray-200)}.p-megamenu [class*=grid]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem;width:max-content;border-radius:.5rem;border:1px solid var(--gray-200);padding:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-megamenu [class*=col]{display:flex;flex-grow:1;width:auto;padding:0}.p-megamenu .p-menuitem{width:100%;margin-top:.25rem}.p-megamenu .p-menuitem:first-of-type{margin-top:0}.p-megamenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--citrine-700)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--citrine-800)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-megamenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-megamenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-megamenu-horizontal{display:flex}.p-megamenu-horizontal [class*=root]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.p-megamenu-horizontal [class*=root]>.p-menuitem{margin:0}.p-megamenu-horizontal [class*=grid]{margin-top:.25rem}.p-megamenu-vertical{display:flex}.p-megamenu-vertical [class*=root]{display:flex;flex-direction:column}.p-megamenu-vertical [class*=grid]{margin-left:.25rem}@media screen and (max-width: 960px){.p-megamenu{position:relative}.p-megamenu .p-megamenu-button{display:flex;width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-megamenu .p-megamenu-button:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-megamenu .p-megamenu-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-megamenu .p-megamenu-button.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-megamenu [aria-expanded=false]+[class*=root]{display:none}.p-megamenu [class*=root]{position:absolute;left:0;top:100%;display:flex;flex-direction:column;min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-200);padding:.25rem;margin-top:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20);z-index:2}.p-megamenu [class*=panel]{width:100%;position:static}.p-megamenu [class*=grid]{display:flex;flex-direction:column;border:none;border-radius:0;margin:0 !important;padding:.25rem 0 0 .75rem;box-shadow:none}.p-megamenu [class*=grid] [class*=list]{width:100%}.p-megamenu-horizontal [aria-expanded=false] .p-submenu-icon{transform:rotate(-90deg)}.p-megamenu-vertical [aria-expanded=true] .p-submenu-icon{transform:rotate(90deg)}}.p-menu [class*=header]{color:var(--black-60);font-size:.875rem;font-weight:bold;text-transform:uppercase;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-menu [class*=header][data-p-disabled=true]{color:var(--black-60);background-color:var(--black-10);border-color:var(--gray-200)}.p-menu .p-menuitem{width:100%;margin-top:.25rem}.p-menu .p-menuitem:first-of-type{margin-top:0}.p-menu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-menu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--citrine-700)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--citrine-800)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-menu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-menu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-menu .p-menuitem[data-p-disabled=true] .p-disabled{opacity:.6}.p-menu-overlay{min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-200);padding:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20);z-index:2}.p-tieredmenu{display:flex}.p-tieredmenu [class*=root]{display:flex;flex-direction:column}.p-tieredmenu [data-pc-section=menu]{border-radius:.5rem;border:1px solid var(--gray-200);background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-tieredmenu .p-menuitem{width:100%;margin-top:.25rem}.p-tieredmenu .p-menuitem:first-of-type{margin-top:0}.p-tieredmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--citrine-700)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--citrine-800)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-tieredmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-tabmenu .p-tabmenu-nav{background:rgba(255,255,255,.0001);border-bottom:1px solid var(--gray-200)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem{margin-right:1.5rem}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{background:rgba(255,255,255,.0001);color:var(--black-80);font-weight:normal;border-bottom:.25rem solid rgba(255,255,255,.0001);padding:1rem 0rem;margin:0;transition:.2s}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon{margin-right:.5rem}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link{background:rgba(255,255,255,.0001);border-color:rgba(255,255,255,.0001);color:var(--citrine-700)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{background:rgba(255,255,255,.0001);border-color:var(--citrine-700);color:var(--citrine-700)}.p-tabmenu .p-tabmenu-nav-btn.p-link{background:var(--white-100);color:var(--black-80);width:2.5rem;box-shadow:0px 0px 10px 50px var(--white-60);border-radius:0}.p-tabmenu .p-tabmenu-nav-btn.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-tabmenu .p-tabmenu-nav-btn.p-link:hover{color:var(--citrine-700)}.p-tabmenu .p-tabmenu-nav-container>.p-tabmenu-nav-content>.p-tabmenu-nav{white-space:nowrap;width:max-content}.p-panelmenu[data-pc-section=root]{display:flex;flex-direction:column;gap:.25rem}.p-panelmenu [data-pc-section=header]{padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.0001);background-color:rgba(255,255,255,.0001)}.p-panelmenu [data-pc-section=header] .p-panelmenu-header-action{display:flex;gap:.5rem}.p-panelmenu [data-pc-section=header] .p-panelmenu-header-link{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.p-panelmenu [data-pc-section=header] .p-menuitem-text{color:var(--black-80)}.p-panelmenu [data-pc-section=header] .p-menuitem-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header] .p-submenu-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover{cursor:pointer;background-color:var(--gray-100)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-text{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-submenu-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true]{background-color:var(--citrine-700)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-text{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-submenu-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover{cursor:pointer;background-color:var(--citrine-800)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-text{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-submenu-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][data-p-disabled=true]{background-color:var(--black-10);border-color:var(--gray-200)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-icon{color:var(--black-60)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-text{color:var(--black-60)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-submenu-icon{color:var(--black-60)}.p-panelmenu [data-pc-section=menu]{padding:.25rem 0 0 .75rem}.p-panelmenu [data-pc-section=submenu]{padding:.25rem 0 0 .75rem}.p-panelmenu .p-menuitem{width:100%;margin-top:.25rem}.p-panelmenu .p-menuitem:first-of-type{margin-top:0}.p-panelmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-panelmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--citrine-700)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--citrine-800)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-panelmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled){pointer-events:none;opacity:.6}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-link{pointer-events:none;background-color:var(--black-10);border-color:var(--gray-200);opacity:1}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-icon{color:var(--black-60)}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-text{color:var(--black-60)}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-submenu-icon{color:var(--black-60)}.p-contextmenu [class*=list]{min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-200);padding:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20);z-index:2}.p-contextmenu [class*=list]:not([class*=root]){margin-top:-0.25rem;margin-left:.25rem}.p-contextmenu .p-menuitem{width:100%;margin-top:.25rem}.p-contextmenu .p-menuitem:first-of-type{margin-top:0}.p-contextmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--citrine-700)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--citrine-800)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-contextmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled{opacity:.6}@media screen and (max-width: 767px){.p-contextmenu [aria-expanded=true]>.p-menuitem-content .p-submenu-icon{transform:rotate(90deg)}.p-contextmenu [class*=list]:not([class*=root]){border-radius:0;border:none;padding-left:.75rem !important;margin:0;margin-top:.25rem;background-color:rgba(0,0,0,0);box-shadow:none}}.p-steps{overflow:hidden;overflow-x:auto}.p-steps .p-steps-item{display:flex;justify-content:center}.p-steps .p-steps-item .p-menuitem-link{display:flex;flex-direction:row;align-items:center;gap:.5rem;border-radius:0;padding:0 .5rem;background:var(--white-100);transition:.2s;z-index:1}.p-steps .p-steps-item .p-menuitem-link .p-steps-number{color:var(--black-80);font-weight:400;border:1px solid var(--gray-200);background:var(--white-100);min-width:1.5rem;height:1.5rem;line-height:1.5rem;font-size:1rem;z-index:1;border-radius:8rem}.p-steps .p-steps-item .p-menuitem-link .p-steps-title{color:var(--black-80);font-weight:400}.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-steps .p-steps-item.p-highlight:not(:has(~.p-highlight)) .p-steps-number{background:var(--citrine-700);color:var(--white-100);border-color:rgba(0,0,0,0)}.p-steps .p-steps-item.p-highlight:not(:has(~.p-highlight)) .p-steps-title{color:var(--black-80)}.p-steps .p-steps-item.p-disabled{opacity:1}.p-steps .p-steps-item.p-disabled .p-steps-number,.p-steps .p-steps-item.p-disabled .p-steps-title{opacity:.6}.p-steps .p-steps-item:before{content:" ";border-top:1px solid var(--gray-200);width:100%;top:50%;left:0;display:block;position:absolute}.p-steps .p-steps-item:first-of-type{justify-content:flex-start}.p-steps .p-steps-item:first-of-type .p-menuitem-link{padding-left:0}.p-steps .p-steps-item:last-of-type{justify-content:flex-end}.p-steps .p-steps-item:last-of-type .p-menuitem-link{padding-right:0}.p-timeline .p-timeline-event-content{color:var(--black-80)}.p-timeline .p-timeline-event-opposite,.p-timeline .p-timeline-event-content{line-height:1}.p-timeline .p-timeline-event-marker{border:.25rem solid var(--citrine-700);border-radius:8rem;width:1rem;height:1rem;background-color:var(--white-100)}.p-timeline .p-timeline-event-connector{background-color:var(--gray-200)}.p-timeline.p-timeline-vertical .p-timeline-event-opposite,.p-timeline.p-timeline-vertical .p-timeline-event-content{padding:0rem .5rem}.p-timeline.p-timeline-vertical .p-timeline-event-connector{width:1px}.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,.p-timeline.p-timeline-horizontal .p-timeline-event-content{padding:.5rem 0rem}.p-timeline.p-timeline-horizontal .p-timeline-event-connector{height:1px}.p-carousel .p-carousel-content .p-carousel-prev,.p-carousel .p-carousel-content .p-carousel-next{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin:.5rem}.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,.p-carousel .p-carousel-content .p-carousel-next:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,.p-carousel .p-carousel-content .p-carousel-next:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-carousel .p-carousel-content .p-carousel-prev.p-disabled,.p-carousel .p-carousel-content .p-carousel-next.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-carousel .p-carousel-indicators{padding:1rem}.p-carousel .p-carousel-indicators .p-carousel-indicator{margin-right:.5rem}.p-carousel .p-carousel-indicators .p-carousel-indicator:last-of-type{margin-right:0}.p-carousel .p-carousel-indicators .p-carousel-indicator button{background-color:var(--gray-200);width:.5rem;height:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:1rem}.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover{background:var(--gray-800)}.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background:var(--gray-800);color:var(--white-100)}.p-datatable table{border-collapse:separate}.p-datatable .p-paginator-top{border-width:1px 0 1px 0;border-radius:0}.p-datatable .p-paginator-bottom{border-width:0 0 0 0;border-radius:0}.p-datatable .p-datatable-header{background:var(--gray-50);color:var(--black-80);border:1px solid var(--gray-200);border-width:0 0 1px 0;padding:1rem 1rem;font-weight:500}.p-datatable .p-datatable-footer{background:var(--gray-50);color:var(--black-80);border:1px solid var(--gray-200);border-width:0 0 1px 0;padding:1rem 1rem;font-weight:500}.p-datatable .p-datatable-thead>tr>th{text-align:left;padding:1rem 1rem;border:1px solid var(--gray-200);border-width:0 0 1px 0;font-weight:500;color:var(--black-80);background:var(--gray-50);transition:.2s}.p-datatable .p-datatable-tfoot>tr>td{text-align:left;padding:1rem 1rem;border:1px solid var(--gray-200);border-width:0 0 1px 0;font-weight:500;color:var(--black-80);background:var(--gray-50)}.p-datatable .p-sortable-column p-sorticon{vertical-align:middle}.p-datatable .p-sortable-column p-sorticon sortalticon>svg,.p-datatable .p-sortable-column p-sorticon sortamountupalticon>svg,.p-datatable .p-sortable-column p-sorticon sortamountdownicon>svg{display:none}.p-datatable .p-sortable-column p-sorticon sortalticon::after,.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after,.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after{width:1.25rem;height:1.25rem;color:var(--black-80);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.p-datatable .p-sortable-column p-sorticon sortalticon::after{content:""}.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after{content:"";color:var(--citrine-700)}.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after{content:"";color:var(--citrine-700)}.p-datatable .p-sortable-column .p-sortable-column-badge{border-radius:50%;height:1.25rem;min-width:1.25rem;line-height:1.25rem;color:var(--white-100);background:var(--citrine-700);margin-left:.5rem}.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon{color:var(--black-80)}.p-datatable .p-sortable-column.p-highlight{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{color:var(--citrine-700)}.p-datatable .p-sortable-column:focus-visible{box-shadow:0 0 0 .25rem var(--citrine-200);outline:0 none}.p-datatable .p-datatable-tbody>tr{background:var(--white-100);color:var(--black-80);transition:.2s}.p-datatable .p-datatable-tbody>tr>td{text-align:left;border:1px solid var(--gray-200);border-width:0 0 1px 0;padding:1rem 1rem}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save{margin-right:.5rem}.p-datatable .p-datatable-tbody>tr>td>.p-column-title{font-weight:500}.p-datatable .p-datatable-tbody>tr>td.p-highlight{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-datatable-tbody>tr.p-highlight{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-datatable-tbody>tr.p-highlight-contextmenu{outline:.15rem solid var(--citrine-200);outline-offset:-0.15rem}.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-top>td{box-shadow:inset 0 2px 0 0 var(--citrine-700)}.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td{box-shadow:inset 0 -2px 0 0 var(--citrine-700)}.p-datatable .p-datatable-tbody>tr .pi-chevron-right::before,.p-datatable .p-datatable-tbody>tr .pi-chevron-down::before{color:var(--black-60);font-size:1rem}.p-datatable .p-datatable-frozen-tbody>tr>td{background:var(--gray-50)}.p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover{background:var(--gray-100);color:var(--black-80)}.p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:focus-visible{outline:.15rem solid var(--citrine-200);outline-offset:-0.15rem}.p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:not(.p-highlight):hover{background:var(--gray-100);color:var(--black-80)}.p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:focus-visible{outline:.15rem solid var(--citrine-200);outline-offset:-0.15rem}.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):not(.p-datatable-emptymessage):hover{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-column-resizer-helper{background:var(--gray-200)}.p-datatable .p-datatable-scrollable-header,.p-datatable .p-datatable-scrollable-footer{background:var(--white-100)}.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-thead,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-tfoot,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-thead,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-tfoot{background-color:var(--gray-50)}.p-datatable .p-datatable-loading-icon{font-size:2rem}.p-datatable .p-datatable-loading-icon.p-icon{width:2rem;height:2rem}.p-datatable.p-datatable-gridlines .p-datatable-header{border-width:1px 1px 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-footer{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-paginator-top{border-width:0 1px 0 1px}.p-datatable.p-datatable-gridlines .p-paginator-bottom{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th:last-child{border-width:1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td{border-width:1px 0 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td:last-child{border-width:1px 1px 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td:last-child{border-width:1px}.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td:last-child{border-width:1px 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td{border-width:0 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td:last-child{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td{border-width:0 0 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td:last-child{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td{border-width:0 0 0 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td:last-child{border-width:0 1px 0 1px}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even){background:var(--gray-50)}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even).p-highlight{background:var(--gray-100);color:var(--black-80)}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even)+.p-row-expanded{background:var(--gray-50)}.p-datatable.p-datatable-sm .p-datatable-header{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-thead>tr>th{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-tfoot>tr>td{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-footer{padding:.5rem .5rem}.p-datatable.p-datatable-lg .p-datatable-header{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-thead>tr>th{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-tbody>tr>td{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-footer{padding:1.25rem 1.25rem}.p-datatable-drag-selection-helper{background:var(--gray-100)}.p-column-filter-overlay{display:flex;flex-direction:column;gap:.25rem;background-color:var(--white-100);padding:.25rem;border:1px solid var(--gray-200);border-radius:.5rem}.p-column-filter-constraint,.p-column-filter-constraints{display:flex;flex-direction:column;gap:.25rem}.p-column-filter-buttonbar{display:flex;gap:.25rem}[data-pc-section=filterremove]{display:none}[data-pc-section=filterremove]:has(.p-column-filter-remove-button){display:block}.p-column-filter-menu-button,.p-column-filter-clear-button{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;vertical-align:middle}.p-column-filter-menu-button:enabled:hover,.p-column-filter-clear-button:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-column-filter-menu-button:focus-visible,.p-column-filter-clear-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-column-filter-menu-button.p-disabled,.p-column-filter-clear-button.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-column-filter-menu-button filtericon>svg,.p-column-filter-menu-button filterslashicon>svg,.p-column-filter-clear-button filtericon>svg,.p-column-filter-clear-button filterslashicon>svg{display:none}.p-column-filter-menu-button filtericon::after,.p-column-filter-menu-button filterslashicon::after,.p-column-filter-clear-button filtericon::after,.p-column-filter-clear-button filterslashicon::after{color:var(--black-80);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2;-webkit-font-smoothing:antialiased}.p-column-filter-menu-button filtericon::after,.p-column-filter-clear-button filtericon::after{content:""}.p-column-filter-menu-button filterslashicon::after,.p-column-filter-clear-button filterslashicon::after{content:""}.p-column-filter-menu-button.p-column-filter-menu-button-active,.p-column-filter-clear-button.p-column-filter-menu-button-active{background-color:var(--citrine-700);color:var(--white-100)}.p-column-filter-menu-button.p-column-filter-menu-button-active filtericon::after,.p-column-filter-menu-button.p-column-filter-menu-button-active filterslashicon::after,.p-column-filter-clear-button.p-column-filter-menu-button-active filtericon::after,.p-column-filter-clear-button.p-column-filter-menu-button-active filterslashicon::after{color:var(--white-100)}.p-column-filter-menu-button.p-column-filter-menu-button-active:hover,.p-column-filter-clear-button.p-column-filter-menu-button-active:hover{background-color:var(--citrine-800);color:var(--white-100)}.p-column-filter-row{gap:.5rem}.p-column-filter-row-item{color:var(--black-80);padding:.5rem .75rem;margin-top:.25rem;background-color:rgba(255,255,255,.0001);border-radius:.5rem;border:1px solid rgba(255,255,255,.0001)}.p-column-filter-row-item:first-of-type{margin:0}.p-column-filter-row-item:not(.p-highlight):hover{color:var(--black-80);background-color:var(--gray-100)}.p-column-filter-row-item.p-highlight{color:var(--white-100);background-color:var(--citrine-700)}.p-column-filter-row-item.p-highlight:hover{background-color:var(--citrine-800)}.p-column-filter-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-datatable-reorderablerow-handle{color:var(--black-60)}.p-datatable-reorderablerow-handle::before{content:"" !important;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2;-webkit-font-smoothing:antialiased}.p-paginator{background:rgba(255,255,255,.0001);color:var(--black-80);border:solid rgba(255,255,255,.0001);border-width:0;padding:.5rem 0rem;border-radius:.5rem}.p-paginator .p-paginator-first,.p-paginator .p-paginator-prev,.p-paginator .p-paginator-next,.p-paginator .p-paginator-last{background-color:rgba(255,255,255,.0001);border:1px solid rgba(255,255,255,.0001);color:var(--black-60);min-width:2.5rem;height:2.5rem;margin:.25rem;transition:.2s;border-radius:.5rem}.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover{background:var(--gray-100);border-color:rgba(255,255,255,.0001);color:var(--black-80)}.p-paginator .p-paginator-first.p-disabled:not(.p-highlight),.p-paginator .p-paginator-prev.p-disabled:not(.p-highlight),.p-paginator .p-paginator-next.p-disabled:not(.p-highlight),.p-paginator .p-paginator-last.p-disabled:not(.p-highlight){background:var(--black-10);border-color:var(--gray-200);color:var(--black-60)}.p-paginator .p-paginator-first{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-paginator .p-paginator-last{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-paginator .p-dropdown{margin-left:.5rem;height:2.5rem}.p-paginator .p-dropdown .p-dropdown-label{padding-right:0}.p-paginator .p-paginator-page-input{margin-left:.5rem;margin-right:.5rem}.p-paginator .p-paginator-page-input .p-inputtext{max-width:2.5rem}.p-paginator .p-paginator-current{background-color:rgba(255,255,255,.0001);border:1px solid rgba(255,255,255,.0001);color:var(--black-60);min-width:2.5rem;height:2.5rem;margin:.25rem;padding:0 .5rem}.p-paginator .p-paginator-pages .p-paginator-page{background-color:rgba(255,255,255,.0001);border:1px solid rgba(255,255,255,.0001);color:var(--black-60);min-width:2.5rem;height:2.5rem;margin:.25rem;transition:.2s;border-radius:.5rem}.p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:var(--citrine-700);border-color:var(--citrine-700);color:var(--white-100)}.p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover{background:var(--citrine-800);border-color:var(--citrine-800)}.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover{background:var(--gray-100);border-color:rgba(255,255,255,.0001);color:var(--black-80)}.p-galleria .p-galleria-close{margin:.5rem;background:rgba(255,255,255,.0001);color:var(--white-60);width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem}.p-galleria .p-galleria-close .p-galleria-close-icon{font-size:2rem}.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon{width:2rem;height:2rem}.p-galleria .p-galleria-close:hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-item-nav{background:rgba(255,255,255,.0001);color:var(--white-60);width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem;margin:.5rem}.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon{font-size:2rem}.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon{width:2rem;height:2rem}.p-galleria .p-galleria-item-nav:not(.p-disabled):hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-caption{background:var(--black-60);color:var(--white-80)}.p-galleria .p-galleria-caption-title{padding:0 1rem}.p-galleria .p-galleria-indicators{padding:1rem;line-height:0}.p-galleria .p-galleria-indicators .p-galleria-indicator button{background-color:var(--white-40);width:.5rem;height:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:1rem}.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover{background:var(--white-80)}.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button{background:var(--white-80);color:var(--white-100)}.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,.p-galleria.p-galleria-indicators-top .p-galleria-indicator{margin-right:.5rem}.p-galleria.p-galleria-indicators-left .p-galleria-indicator,.p-galleria.p-galleria-indicators-right .p-galleria-indicator{margin-bottom:.5rem}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators{background:rgba(255,255,255,.0001)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button{background:var(--white-40)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover{background:var(--white-80)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button{background:var(--white-80);color:var(--white-100)}.p-galleria .p-galleria-thumbnail-container{background:var(--black-100);padding:.5rem .5rem;gap:.5rem}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next{background-color:rgba(255,255,255,.0001);color:var(--white-60);width:2rem;height:2rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content{transition:.2s;width:100%;height:100%}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--citrine-200);caret-color:var(--citrine-700)}.p-galleria-mask{--maskbg: var(--black-20)}.p-galleria-thumbnail-item{overflow:hidden;height:4rem}.p-fileupload-dnd .p-fileupload,.p-fileupload-button .p-fileupload{width:100%;display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd.p-fileupload-advanced,.p-fileupload-button.p-fileupload-advanced{display:flex;flex-direction:column;align-items:flex-start}.p-fileupload-dnd .p-fileupload-content,.p-fileupload-button .p-fileupload-content{width:100%;display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd .p-fileupload-content>p-progressbar,.p-fileupload-dnd .p-fileupload-content p-messages,.p-fileupload-button .p-fileupload-content>p-progressbar,.p-fileupload-button .p-fileupload-content p-messages{display:none}.p-fileupload-dnd .p-orderlist-controls,.p-fileupload-button .p-orderlist-controls{display:none}.p-fileupload-dnd .p-fileupload-files,.p-fileupload-button .p-fileupload-files{display:none}.p-fileupload-dnd .p-fileupload-info-button,.p-fileupload-button .p-fileupload-info-button{width:2.5rem;display:inline-flex;justify-content:center;align-items:center;color:var(--blue-400)}.p-fileupload-dnd .p-orderlist-list-container,.p-fileupload-button .p-orderlist-list-container{display:flex;flex-direction:column;width:100%}.p-fileupload-dnd .p-orderlist-list-container .p-orderlist-list,.p-fileupload-button .p-orderlist-list-container .p-orderlist-list{overflow:hidden;min-height:0px}.p-fileupload-dnd .p-fileupload-progress-spinner,.p-fileupload-button .p-fileupload-progress-spinner{width:1.25rem;height:1.25rem}.p-fileupload-dnd .p-fileupload-item-row,.p-fileupload-button .p-fileupload-item-row{padding:.25rem .25rem .25rem .5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.0001)}.p-fileupload-dnd .p-fileupload-item-row:hover,.p-fileupload-button .p-fileupload-item-row:hover{background:var(--gray-100)}.p-fileupload-dnd .p-fileupload-item-row.error,.p-fileupload-button .p-fileupload-item-row.error{border-color:var(--red-400)}.p-fileupload-dnd .p-fileupload-item-row.error .file-icon,.p-fileupload-button .p-fileupload-item-row.error .file-icon{color:var(--red-400)}.p-fileupload-dnd .p-dataview-content,.p-fileupload-dnd .p-orderlist-list,.p-fileupload-button .p-dataview-content,.p-fileupload-button .p-orderlist-list{display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd .p-fileupload-buttonbar{width:100%;border-radius:.5rem;background:var(--gray-alpha);border:1px dashed var(--gray-200);padding:1.5rem 1.5rem 1rem}.p-fileupload-dnd .p-fileupload-buttonbar button{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.p-fileupload-dnd .p-fileupload-buttonbar button>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.p-fileupload-dnd .p-fileupload-buttonbar:hover{cursor:pointer;border-color:var(--citrine-700)}.p-fileupload-dnd .p-fileupload-buttonbar:hover i{color:var(--citrine-700)}.hover\:border-primary:hover {
-  border-color: var(--primary-color);
-}.hover\:bg-blue-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}.hover\:bg-purple-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
-}.hover\:text-primary:hover {
-  color: var(--primary-color);
-}.hover\:underline:hover {
-  text-decoration-line: underline;
-}@media (min-width: 1px) {
-
-  .sm\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .sm\:\!w-15 {
-    width: 15rem !important;
-  }
-
-  .sm\:\!w-16 {
-    width: 16rem !important;
-  }
-
-  .sm\:\!w-26 {
-    width: 26rem !important;
-  }
-
-  .sm\:w-auto {
-    width: auto;
-  }
-
-  .sm\:flex-row {
-    flex-direction: row;
-  }
-
-  .sm\:flex-col {
-    flex-direction: column;
-  }
-
-  .sm\:items-start {
-    align-items: flex-start;
-  }
-
-  .sm\:items-end {
-    align-items: flex-end;
-  }
-
-  .sm\:items-center {
-    align-items: center;
-  }
-
-  .sm\:gap-2 {
-    gap: 0.5rem;
-  }
-
-  .sm\:p-8 {
-    padding: 2rem;
-  }
-}@media (min-width: 768px) {
-
-  .md\:col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .md\:col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .md\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .md\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .md\:ml-auto {
-    margin-left: auto;
-  }
-
-  .md\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .md\:block {
-    display: block;
-  }
-
-  .md\:flex {
-    display: flex;
-  }
-
-  .md\:hidden {
-    display: none;
-  }
-
-  .md\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .md\:\!w-15 {
-    width: 15rem !important;
-  }
-
-  .md\:\!w-20 {
-    width: 20rem !important;
-  }
-
-  .md\:\!w-30 {
-    width: 30rem !important;
-  }
-
-  .md\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .md\:\!w-8\/12 {
-    width: 66.666667% !important;
-  }
-
-  .md\:w-2 {
-    width: 2rem;
-  }
-
-  .md\:w-5 {
-    width: 5rem;
-  }
-
-  .md\:flex-initial {
-    flex: 0 1 auto;
-  }
-
-  .md\:flex-row {
-    flex-direction: row;
-  }
-
-  .md\:flex-col {
-    flex-direction: column;
-  }
-
-  .md\:items-end {
-    align-items: flex-end;
-  }
-
-  .md\:items-center {
-    align-items: center;
-  }
-
-  .md\:justify-start {
-    justify-content: flex-start;
-  }
-
-  .md\:justify-center {
-    justify-content: center;
-  }
-
-  .md\:justify-between {
-    justify-content: space-between;
-  }
-
-  .md\:gap-8 {
-    gap: 2rem;
-  }
-}@media (min-width: 1200px) {
-
-  .lg\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .lg\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .lg\:flex {
-    display: flex;
-  }
-
-  .lg\:\!w-3\/12 {
-    width: 25% !important;
-  }
-
-  .lg\:\!w-4\/12 {
-    width: 33.333333% !important;
-  }
-
-  .lg\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .lg\:gap-0 {
-    gap: 0px;
-  }
-
-  .lg\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
-  .lg\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .lg\:pr-8 {
-    padding-right: 2rem;
-  }
-}@media (min-width: 1280px) {
-
-  .xl\:block {
-    display: block;
-  }
-
-  .xl\:flex {
-    display: flex;
-  }
-
-  .xl\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .xl\:\!w-3\/12 {
-    width: 25% !important;
-  }
-
-  .xl\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .xl\:\!w-9\/12 {
-    width: 75% !important;
-  }
-
-  .xl\:w-6 {
-    width: 6rem;
-  }
-
-  .xl\:flex-row {
-    flex-direction: row;
-  }
-
-  .xl\:items-start {
-    align-items: flex-start;
-  }
-
-  .xl\:justify-center {
-    justify-content: center;
-  }
-
-  .xl\:pt-0 {
-    padding-top: 0px;
-  }
-
-  .xl\:text-left {
-    text-align: left;
-  }
-}
diff --git a/src-storybook/assets/themes/ek5-dark-primary/theme.css b/src-storybook/assets/themes/ek5-dark-primary/theme.css
deleted file mode 100644
index f692f22..0000000
--- a/src-storybook/assets/themes/ek5-dark-primary/theme.css
+++ /dev/null
@@ -1,9924 +0,0 @@
-@charset "UTF-8";
-*, ::before, ::after{
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-::backdrop{
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*/
-/*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-::before,
-::after {
-  --tw-content: '';
-}
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: Roboto, sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-/*
-Remove the default font size and weight for headings.
-*/
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-/*
-Add the correct font weight in Edge and Safari.
-*/
-b,
-strong {
-  font-weight: bolder;
-}
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-/*
-Add the correct font size in all browsers.
-*/
-small {
-  font-size: 80%;
-}
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-button,
-select {
-  text-transform: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-:-moz-focusring {
-  outline: auto;
-}
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-progress {
-  vertical-align: baseline;
-}
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-/*
-Add the correct display in Chrome and Safari.
-*/
-summary {
-  display: list-item;
-}
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-legend {
-  padding: 0;
-}
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-/*
-Prevent resizing textareas horizontally by default.
-*/
-textarea {
-  resize: vertical;
-}
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-/*
-Set the default cursor for buttons.
-*/
-button,
-[role="button"] {
-  cursor: pointer;
-}
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}
-.container{
-  width: 100%;
-}
-@media (min-width: 1px){
-  .container{
-    max-width: 1px;
-  }
-}
-@media (min-width: 768px){
-  .container{
-    max-width: 768px;
-  }
-}
-@media (min-width: 1200px){
-  .container{
-    max-width: 1200px;
-  }
-}
-@media (min-width: 1280px){
-  .container{
-    max-width: 1280px;
-  }
-}
-@media (min-width: 1536px){
-  .container{
-    max-width: 1536px;
-  }
-}
-.pointer-events-none{
-  pointer-events: none;
-}
-.\!visible{
-  visibility: visible !important;
-}
-.visible{
-  visibility: visible;
-}
-.collapse{
-  visibility: collapse;
-}
-.static{
-  position: static;
-}
-.fixed{
-  position: fixed;
-}
-.absolute{
-  position: absolute;
-}
-.relative{
-  position: relative;
-}
-.sticky{
-  position: sticky;
-}
-.left-0{
-  left: 0px;
-}
-.right-0{
-  right: 0px;
-}
-.top-0{
-  top: 0px;
-}
-.top-auto{
-  top: auto;
-}
-.z-1{
-  z-index: 1;
-}
-.col-span-12{
-  grid-column: span 12 / span 12;
-}
-.col-span-2{
-  grid-column: span 2 / span 2;
-}
-.col-span-6{
-  grid-column: span 6 / span 6;
-}
-.col-span-8{
-  grid-column: span 8 / span 8;
-}
-.m-0{
-  margin: 0px;
-}
-.m-2{
-  margin: 0.5rem;
-}
-.m-3{
-  margin: 0.75rem;
-}
-.m-auto{
-  margin: auto;
-}
-.mx-0{
-  margin-left: 0px;
-  margin-right: 0px;
-}
-.mx-1{
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}
-.mx-2{
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.mx-3{
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}
-.mx-4{
-  margin-left: 1rem;
-  margin-right: 1rem;
-}
-.mx-auto{
-  margin-left: auto;
-  margin-right: auto;
-}
-.my-2{
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.my-3{
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}
-.my-4{
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-.my-5{
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}
-.-ml-5{
-  margin-left: -1.25rem;
-}
-.-mr-1{
-  margin-right: -0.25rem;
-}
-.-mr-8{
-  margin-right: -2rem;
-}
-.-mt-4{
-  margin-top: -1rem;
-}
-.-mt-5{
-  margin-top: -1.25rem;
-}
-.mb-0{
-  margin-bottom: 0px;
-}
-.mb-1{
-  margin-bottom: 0.25rem;
-}
-.mb-2{
-  margin-bottom: 0.5rem;
-}
-.mb-3{
-  margin-bottom: 0.75rem;
-}
-.mb-4{
-  margin-bottom: 1rem;
-}
-.mb-5{
-  margin-bottom: 1.25rem;
-}
-.mb-6{
-  margin-bottom: 1.5rem;
-}
-.mb-8{
-  margin-bottom: 2rem;
-}
-.ml-1{
-  margin-left: 0.25rem;
-}
-.ml-2{
-  margin-left: 0.5rem;
-}
-.ml-3{
-  margin-left: 0.75rem;
-}
-.ml-5{
-  margin-left: 1.25rem;
-}
-.ml-8{
-  margin-left: 2rem;
-}
-.ml-auto{
-  margin-left: auto;
-}
-.mr-1{
-  margin-right: 0.25rem;
-}
-.mr-2{
-  margin-right: 0.5rem;
-}
-.mr-3{
-  margin-right: 0.75rem;
-}
-.mr-4{
-  margin-right: 1rem;
-}
-.mr-5{
-  margin-right: 1.25rem;
-}
-.mt-0{
-  margin-top: 0px;
-}
-.mt-1{
-  margin-top: 0.25rem;
-}
-.mt-2{
-  margin-top: 0.5rem;
-}
-.mt-3{
-  margin-top: 0.75rem;
-}
-.mt-4{
-  margin-top: 1rem;
-}
-.mt-5{
-  margin-top: 1.25rem;
-}
-.mt-6{
-  margin-top: 1.5rem;
-}
-.mt-7{
-  margin-top: 1.75rem;
-}
-.mt-8{
-  margin-top: 2rem;
-}
-.mt-auto{
-  margin-top: auto;
-}
-.block{
-  display: block;
-}
-.inline-block{
-  display: inline-block;
-}
-.\!inline{
-  display: inline !important;
-}
-.inline{
-  display: inline;
-}
-.flex{
-  display: flex;
-}
-.inline-flex{
-  display: inline-flex;
-}
-.table{
-  display: table;
-}
-.table-cell{
-  display: table-cell;
-}
-.grid{
-  display: grid;
-}
-.contents{
-  display: contents;
-}
-.hidden{
-  display: none;
-}
-.\!h-1{
-  height: 1rem !important;
-}
-.\!h-10{
-  height: 10rem !important;
-}
-.\!h-12{
-  height: 12rem !important;
-}
-.\!h-14{
-  height: 14rem !important;
-}
-.\!h-2{
-  height: 2rem !important;
-}
-.\!h-20{
-  height: 20rem !important;
-}
-.\!h-3{
-  height: 3rem !important;
-}
-.\!h-30{
-  height: 30rem !important;
-}
-.\!h-4{
-  height: 4rem !important;
-}
-.\!h-5{
-  height: 5rem !important;
-}
-.\!h-6{
-  height: 6rem !important;
-}
-.\!h-8{
-  height: 8rem !important;
-}
-.h-4{
-  height: 4rem;
-}
-.h-full{
-  height: 100%;
-}
-.h-screen{
-  height: 100vh;
-}
-.\!w-1{
-  width: 1rem !important;
-}
-.\!w-10{
-  width: 10rem !important;
-}
-.\!w-12{
-  width: 12rem !important;
-}
-.\!w-14{
-  width: 14rem !important;
-}
-.\!w-15{
-  width: 15rem !important;
-}
-.\!w-18{
-  width: 18rem !important;
-}
-.\!w-2{
-  width: 2rem !important;
-}
-.\!w-20{
-  width: 20rem !important;
-}
-.\!w-25{
-  width: 25rem !important;
-}
-.\!w-3{
-  width: 3rem !important;
-}
-.\!w-3\/12{
-  width: 25% !important;
-}
-.\!w-30{
-  width: 30rem !important;
-}
-.\!w-4{
-  width: 4rem !important;
-}
-.\!w-4\/12{
-  width: 33.333333% !important;
-}
-.\!w-6{
-  width: 6rem !important;
-}
-.\!w-6\/12{
-  width: 50% !important;
-}
-.\!w-7\/12{
-  width: 58.333333% !important;
-}
-.\!w-8{
-  width: 8rem !important;
-}
-.\!w-8\/12{
-  width: 66.666667% !important;
-}
-.\!w-9{
-  width: 9rem !important;
-}
-.\!w-9\/12{
-  width: 75% !important;
-}
-.w-1{
-  width: 1rem;
-}
-.w-13{
-  width: 13rem;
-}
-.w-9{
-  width: 9rem;
-}
-.w-full{
-  width: 100%;
-}
-.min-w-0{
-  min-width: 0px;
-}
-.max-w-full{
-  max-width: 100%;
-}
-.flex-1{
-  flex: 1 1 0%;
-}
-.flex-auto{
-  flex: 1 1 auto;
-}
-.flex-shrink-0{
-  flex-shrink: 0;
-}
-.shrink{
-  flex-shrink: 1;
-}
-.flex-grow{
-  flex-grow: 1;
-}
-.grow{
-  flex-grow: 1;
-}
-.origin-top{
-  transform-origin: top;
-}
-.transform{
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.cursor-pointer{
-  cursor: pointer;
-}
-.select-none{
-  user-select: none;
-}
-.resize{
-  resize: both;
-}
-.list-none{
-  list-style-type: none;
-}
-.grid-cols-12{
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}
-.flex-row{
-  flex-direction: row;
-}
-.flex-row-reverse{
-  flex-direction: row-reverse;
-}
-.flex-col{
-  flex-direction: column;
-}
-.flex-wrap{
-  flex-wrap: wrap;
-}
-.items-start{
-  align-items: flex-start;
-}
-.items-end{
-  align-items: flex-end;
-}
-.items-center{
-  align-items: center;
-}
-.justify-start{
-  justify-content: flex-start;
-}
-.justify-end{
-  justify-content: flex-end;
-}
-.justify-center{
-  justify-content: center;
-}
-.justify-between{
-  justify-content: space-between;
-}
-.gap-1{
-  gap: 0.25rem;
-}
-.gap-2{
-  gap: 0.5rem;
-}
-.gap-3{
-  gap: 0.75rem;
-}
-.gap-4{
-  gap: 1rem;
-}
-.gap-5{
-  gap: 1.25rem;
-}
-.gap-6{
-  gap: 1.5rem;
-}
-.gap-8{
-  gap: 2rem;
-}
-.overflow-auto{
-  overflow: auto;
-}
-.overflow-hidden{
-  overflow: hidden;
-}
-.overflow-visible{
-  overflow: visible;
-}
-.overflow-x-auto{
-  overflow-x: auto;
-}
-.overflow-y-auto{
-  overflow-y: auto;
-}
-.overflow-y-hidden{
-  overflow-y: hidden;
-}
-.whitespace-nowrap{
-  white-space: nowrap;
-}
-.rounded{
-  border-radius: 0.25rem;
-}
-.rounded-2xl{
-  border-radius: 1rem;
-}
-.rounded-3xl{
-  border-radius: 1.5rem;
-}
-.rounded-full{
-  border-radius: 9999px;
-}
-.rounded-xl{
-  border-radius: 0.75rem;
-}
-.border{
-  border-width: 1px;
-}
-.border-1{
-  border-width: 1px;
-}
-.border-2{
-  border-width: 2px;
-}
-.border-solid{
-  border-style: solid;
-}
-.border-dashed{
-  border-style: dashed;
-}
-.border-none{
-  border-style: none;
-}
-.border-blue-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}
-.border-color{
-  border-color: var(--text-color);
-}
-.border-indigo-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
-}
-.border-orange-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
-}
-.border-pink-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
-}
-.border-primary{
-  border-color: var(--primary-color);
-}
-.border-teal-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
-}
-.border-transparent{
-  border-color: transparent;
-}
-.bg-black{
-  background-color: var(--black-100);
-}
-.bg-blue-400{
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}
-.bg-blue-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
-}
-.bg-blue-600{
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}
-.bg-gray-900{
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
-}
-.bg-green-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
-}
-.bg-indigo-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
-}
-.bg-orange-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
-}
-.bg-pink-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
-}
-.bg-primary{
-  background-color: var(--primary-color);
-}
-.bg-primary-600{
-  background-color: var(--primary-600);
-}
-.bg-purple-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
-}
-.bg-surface-50{
-  background-color: var(--surface-50);
-}
-.bg-teal-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
-}
-.bg-transparent{
-  background-color: transparent;
-}
-.bg-white{
-  background-color: var(--white-100);
-}
-.bg-cover{
-  background-size: cover;
-}
-.object-cover{
-  object-fit: cover;
-}
-.\!p-0{
-  padding: 0px !important;
-}
-.p-0{
-  padding: 0px;
-}
-.p-1{
-  padding: 0.25rem;
-}
-.p-2{
-  padding: 0.5rem;
-}
-.p-3{
-  padding: 0.75rem;
-}
-.p-4{
-  padding: 1rem;
-}
-.p-5{
-  padding: 1.25rem;
-}
-.p-8{
-  padding: 2rem;
-}
-.px-0{
-  padding-left: 0px;
-  padding-right: 0px;
-}
-.px-1{
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-.px-10{
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}
-.px-12{
-  padding-left: 3rem;
-  padding-right: 3rem;
-}
-.px-2{
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.px-3{
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-.px-4{
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-.px-5{
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
-.px-8{
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-.py-0{
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.py-1{
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-.py-2{
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-.py-3{
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-.py-4{
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-.py-5{
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}
-.py-6{
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-.py-8{
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-.pb-0{
-  padding-bottom: 0px;
-}
-.pb-3{
-  padding-bottom: 0.75rem;
-}
-.pb-4{
-  padding-bottom: 1rem;
-}
-.pb-5{
-  padding-bottom: 1.25rem;
-}
-.pl-0{
-  padding-left: 0px;
-}
-.pl-2{
-  padding-left: 0.5rem;
-}
-.pl-3{
-  padding-left: 0.75rem;
-}
-.pr-0{
-  padding-right: 0px;
-}
-.pr-3{
-  padding-right: 0.75rem;
-}
-.pr-4{
-  padding-right: 1rem;
-}
-.pr-5{
-  padding-right: 1.25rem;
-}
-.pr-6{
-  padding-right: 1.5rem;
-}
-.pt-1{
-  padding-top: 0.25rem;
-}
-.pt-3{
-  padding-top: 0.75rem;
-}
-.pt-4{
-  padding-top: 1rem;
-}
-.pt-5{
-  padding-top: 1.25rem;
-}
-.pt-6{
-  padding-top: 1.5rem;
-}
-.pt-7{
-  padding-top: 1.75rem;
-}
-.pt-8{
-  padding-top: 2rem;
-}
-.text-left{
-  text-align: left;
-}
-.text-center{
-  text-align: center;
-}
-.text-right{
-  text-align: right;
-}
-.text-2xl{
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-.text-3xl{
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}
-.text-4xl{
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}
-.text-5xl{
-  font-size: 3rem;
-  line-height: 1;
-}
-.text-6xl{
-  font-size: 3.75rem;
-  line-height: 1;
-}
-.text-7xl{
-  font-size: 4.5rem;
-  line-height: 1;
-}
-.text-8xl{
-  font-size: 6rem;
-  line-height: 1;
-}
-.text-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-.text-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-.text-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.text-xl{
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-.text-xs{
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-.font-bold{
-  font-weight: 700;
-}
-.font-medium{
-  font-weight: 500;
-}
-.font-normal{
-  font-weight: 400;
-}
-.font-semibold{
-  font-weight: 600;
-}
-.uppercase{
-  text-transform: uppercase;
-}
-.lowercase{
-  text-transform: lowercase;
-}
-.leading{
-  line-height: normal;
-}
-.leading-auto{
-  line-height: 1.2;
-}
-.leading-none{
-  line-height: 1;
-}
-.leading-normal{
-  line-height: 1.5;
-}
-.text-blue-500{
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}
-.text-color{
-  color: var(--text-color);
-}
-.text-color-secondary{
-  color: var(--text-color-secondary);
-}
-.text-gray-900{
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}
-.text-green-500{
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
-}
-.text-green-600{
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
-}
-.text-help{
-  color: var(--purple-400);
-}
-.text-indigo-200{
-  --tw-text-opacity: 1;
-  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
-}
-.text-indigo-500{
-  --tw-text-opacity: 1;
-  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
-}
-.text-info{
-  color: var(--blue-400);
-}
-.text-primary{
-  color: var(--primary-color);
-}
-.text-primary-50{
-  color: var(--primary-50);
-}
-.text-primary-500{
-  color: var(--primary-500);
-}
-.text-primary-700{
-  color: var(--primary-700);
-}
-.text-red-500{
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}
-.text-slate-500{
-  --tw-text-opacity: 1;
-  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
-}
-.text-white{
-  color: var(--white-100);
-}
-.text-yellow-500{
-  --tw-text-opacity: 1;
-  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
-}
-.line-through{
-  text-decoration-line: line-through;
-}
-.no-underline{
-  text-decoration-line: none;
-}
-.antialiased{
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.opacity-20{
-  opacity: 0.2;
-}
-.shadow{
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.outline{
-  outline-style: solid;
-}
-.outline-color{
-  outline-color: var(--text-color);
-}
-.blur{
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.grayscale{
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.filter{
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.backdrop-filter{
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-.transition{
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-all{
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-colors{
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.duration-300{
-  transition-duration: 300ms;
-}
-.ease-in{
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-.ease-out{
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.title-h1{
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h2{
-  font-size: 1.5rem;
-  line-height: 2rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h3{
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h4{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h5{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h6{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.subtitle-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}
-.subtitle-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}
-.subtitle-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}
-.subtitle-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}
-.subtitle-sm-secondary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}
-.subtitle-sm-primary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}
-.caption{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.caption-secondary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.caption-primary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.caption-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.caption-secondary-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.caption-primary-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.service-danger-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}
-.service-danger-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}
-.service-warning-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}
-.service-warning-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}
-.service-success-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}
-.service-success-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}
-.service-info-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.service-info-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.service-help-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.service-help-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.anchor-base:hover{
-  text-decoration-line: underline;
-}
-.anchor-base:visited{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-base:visited:hover{
-  text-decoration-line: underline;
-}
-.anchor-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.anchor-sm:hover{
-  text-decoration-line: underline;
-}
-.anchor-sm:visited{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-sm:visited:hover{
-  text-decoration-line: underline;
-}
-:root {
-  --emerald-0: color-mix(in srgb, color-mix(in srgb, #29C075, #fff 76%), #000 80%);
-  --emerald-50: color-mix(in srgb, #29C075, #fff 95%);
-  --emerald-100: color-mix(in srgb, #29C075, #fff 76%);
-  --emerald-200: color-mix(in srgb, #29C075, #fff 57%);
-  --emerald-300: color-mix(in srgb, #29C075, #fff 38%);
-  --emerald-400: color-mix(in srgb, #29C075, #fff 19%);
-  --emerald-500: color-mix(in srgb, #29C075, #fff 0%);
-  --emerald-600: color-mix(in srgb, #29C075, #000 15%);
-  --emerald-700: color-mix(in srgb, #29C075, #000 30%);
-  --emerald-800: color-mix(in srgb, #29C075, #000 45%);
-  --emerald-900: color-mix(in srgb, #29C075, #000 60%);
-  --emerald-alpha: color-mix(in srgb, #29C075 10%, transparent);
-  --citrine-0: color-mix(in srgb, color-mix(in srgb, #FA8606, #fff 76%), #000 80%);
-  --citrine-50: color-mix(in srgb, #FA8606, #fff 95%);
-  --citrine-100: color-mix(in srgb, #FA8606, #fff 76%);
-  --citrine-200: color-mix(in srgb, #FA8606, #fff 57%);
-  --citrine-300: color-mix(in srgb, #FA8606, #fff 38%);
-  --citrine-400: color-mix(in srgb, #FA8606, #fff 19%);
-  --citrine-500: color-mix(in srgb, #FA8606, #fff 0%);
-  --citrine-600: color-mix(in srgb, #FA8606, #000 15%);
-  --citrine-700: color-mix(in srgb, #FA8606, #000 30%);
-  --citrine-800: color-mix(in srgb, #FA8606, #000 45%);
-  --citrine-900: color-mix(in srgb, #FA8606, #000 60%);
-  --citrine-alpha: color-mix(in srgb, #FA8606 10%, transparent);
-  --aquamarine-0: color-mix(in srgb, color-mix(in srgb, #14B8A6, #fff 76%), #000 80%);
-  --aquamarine-50: color-mix(in srgb, #14B8A6, #fff 95%);
-  --aquamarine-100: color-mix(in srgb, #14B8A6, #fff 76%);
-  --aquamarine-200: color-mix(in srgb, #14B8A6, #fff 57%);
-  --aquamarine-300: color-mix(in srgb, #14B8A6, #fff 38%);
-  --aquamarine-400: color-mix(in srgb, #14B8A6, #fff 19%);
-  --aquamarine-500: color-mix(in srgb, #14B8A6, #fff 0%);
-  --aquamarine-600: color-mix(in srgb, #14B8A6, #000 15%);
-  --aquamarine-700: color-mix(in srgb, #14B8A6, #000 30%);
-  --aquamarine-800: color-mix(in srgb, #14B8A6, #000 45%);
-  --aquamarine-900: color-mix(in srgb, #14B8A6, #000 60%);
-  --aquamarine-alpha: color-mix(in srgb, #14B8A6 10%, transparent);
-  --amethyst-0: color-mix(in srgb, color-mix(in srgb, #7254F3, #fff 76%), #000 80%);
-  --amethyst-50: color-mix(in srgb, #7254F3, #fff 95%);
-  --amethyst-100: color-mix(in srgb, #7254F3, #fff 76%);
-  --amethyst-200: color-mix(in srgb, #7254F3, #fff 57%);
-  --amethyst-300: color-mix(in srgb, #7254F3, #fff 38%);
-  --amethyst-400: color-mix(in srgb, #7254F3, #fff 19%);
-  --amethyst-500: color-mix(in srgb, #7254F3, #fff 0%);
-  --amethyst-600: color-mix(in srgb, #7254F3, #000 15%);
-  --amethyst-700: color-mix(in srgb, #7254F3, #000 30%);
-  --amethyst-800: color-mix(in srgb, #7254F3, #000 45%);
-  --amethyst-900: color-mix(in srgb, #7254F3, #000 60%);
-  --amethyst-alpha: color-mix(in srgb, #7254F3 10%, transparent);
-  --purple-0: color-mix(in srgb, color-mix(in srgb, #9757D7, #fff 76%), #000 80%);
-  --purple-50: color-mix(in srgb, #9757D7, #fff 95%);
-  --purple-100: color-mix(in srgb, #9757D7, #fff 76%);
-  --purple-200: color-mix(in srgb, #9757D7, #fff 57%);
-  --purple-300: color-mix(in srgb, #9757D7, #fff 38%);
-  --purple-400: color-mix(in srgb, #9757D7, #fff 19%);
-  --purple-500: color-mix(in srgb, #9757D7, #fff 0%);
-  --purple-600: color-mix(in srgb, #9757D7, #000 15%);
-  --purple-700: color-mix(in srgb, #9757D7, #000 30%);
-  --purple-800: color-mix(in srgb, #9757D7, #000 45%);
-  --purple-900: color-mix(in srgb, #9757D7, #000 60%);
-  --purple-alpha: color-mix(in srgb, #9757D7 10%, transparent);
-  --blue-0: color-mix(in srgb, color-mix(in srgb, #1F8CEB, #fff 76%), #000 80%);
-  --blue-50: color-mix(in srgb, #1F8CEB, #fff 95%);
-  --blue-100: color-mix(in srgb, #1F8CEB, #fff 76%);
-  --blue-200: color-mix(in srgb, #1F8CEB, #fff 57%);
-  --blue-300: color-mix(in srgb, #1F8CEB, #fff 38%);
-  --blue-400: color-mix(in srgb, #1F8CEB, #fff 19%);
-  --blue-500: color-mix(in srgb, #1F8CEB, #fff 0%);
-  --blue-600: color-mix(in srgb, #1F8CEB, #000 15%);
-  --blue-700: color-mix(in srgb, #1F8CEB, #000 30%);
-  --blue-800: color-mix(in srgb, #1F8CEB, #000 45%);
-  --blue-900: color-mix(in srgb, #1F8CEB, #000 60%);
-  --blue-alpha: color-mix(in srgb, #1F8CEB 10%, transparent);
-  --green-0: color-mix(in srgb, color-mix(in srgb, #45B24E, #fff 76%), #000 80%);
-  --green-50: color-mix(in srgb, #45B24E, #fff 95%);
-  --green-100: color-mix(in srgb, #45B24E, #fff 76%);
-  --green-200: color-mix(in srgb, #45B24E, #fff 57%);
-  --green-300: color-mix(in srgb, #45B24E, #fff 38%);
-  --green-400: color-mix(in srgb, #45B24E, #fff 19%);
-  --green-500: color-mix(in srgb, #45B24E, #fff 0%);
-  --green-600: color-mix(in srgb, #45B24E, #000 15%);
-  --green-700: color-mix(in srgb, #45B24E, #000 30%);
-  --green-800: color-mix(in srgb, #45B24E, #000 45%);
-  --green-900: color-mix(in srgb, #45B24E, #000 60%);
-  --green-alpha: color-mix(in srgb, #45B24E 10%, transparent);
-  --orange-0: color-mix(in srgb, color-mix(in srgb, #FFA100, #fff 76%), #000 80%);
-  --orange-50: color-mix(in srgb, #FFA100, #fff 95%);
-  --orange-100: color-mix(in srgb, #FFA100, #fff 76%);
-  --orange-200: color-mix(in srgb, #FFA100, #fff 57%);
-  --orange-300: color-mix(in srgb, #FFA100, #fff 38%);
-  --orange-400: color-mix(in srgb, #FFA100, #fff 19%);
-  --orange-500: color-mix(in srgb, #FFA100, #fff 0%);
-  --orange-600: color-mix(in srgb, #FFA100, #000 15%);
-  --orange-700: color-mix(in srgb, #FFA100, #000 30%);
-  --orange-800: color-mix(in srgb, #FFA100, #000 45%);
-  --orange-900: color-mix(in srgb, #FFA100, #000 60%);
-  --orange-alpha: color-mix(in srgb, #FFA100 10%, transparent);
-  --red-0: color-mix(in srgb, color-mix(in srgb, #DB4C3F, #fff 76%), #000 80%);
-  --red-50: color-mix(in srgb, #DB4C3F, #fff 95%);
-  --red-100: color-mix(in srgb, #DB4C3F, #fff 76%);
-  --red-200: color-mix(in srgb, #DB4C3F, #fff 57%);
-  --red-300: color-mix(in srgb, #DB4C3F, #fff 38%);
-  --red-400: color-mix(in srgb, #DB4C3F, #fff 19%);
-  --red-500: color-mix(in srgb, #DB4C3F, #fff 0%);
-  --red-600: color-mix(in srgb, #DB4C3F, #000 15%);
-  --red-700: color-mix(in srgb, #DB4C3F, #000 30%);
-  --red-800: color-mix(in srgb, #DB4C3F, #000 45%);
-  --red-900: color-mix(in srgb, #DB4C3F, #000 60%);
-  --red-alpha: color-mix(in srgb, #DB4C3F 10%, transparent);
-  --gray-0: color-mix(in srgb, color-mix(in srgb, #ABAAA9, #fff 76%), #000 80%);
-  --gray-50: color-mix(in srgb, #ABAAA9, #fff 95%);
-  --gray-100: color-mix(in srgb, #ABAAA9, #fff 76%);
-  --gray-200: color-mix(in srgb, #ABAAA9, #fff 57%);
-  --gray-300: color-mix(in srgb, #ABAAA9, #fff 38%);
-  --gray-400: color-mix(in srgb, #ABAAA9, #fff 19%);
-  --gray-500: color-mix(in srgb, #ABAAA9, #fff 0%);
-  --gray-600: color-mix(in srgb, #ABAAA9, #000 15%);
-  --gray-700: color-mix(in srgb, #ABAAA9, #000 30%);
-  --gray-800: color-mix(in srgb, #ABAAA9, #000 45%);
-  --gray-900: color-mix(in srgb, #ABAAA9, #000 60%);
-  --gray-alpha: color-mix(in srgb, #ABAAA9 10%, transparent);
-  --black-10: color-mix(in srgb, #000 10%, transparent) ;
-  --black-20: color-mix(in srgb, #000 20%, transparent) ;
-  --black-30: color-mix(in srgb, #000 30%, transparent) ;
-  --black-40: color-mix(in srgb, #000 40%, transparent) ;
-  --black-50: color-mix(in srgb, #000 50%, transparent) ;
-  --black-60: color-mix(in srgb, #000 60%, transparent) ;
-  --black-70: color-mix(in srgb, #000 70%, transparent) ;
-  --black-80: color-mix(in srgb, #000 80%, transparent) ;
-  --black-90: color-mix(in srgb, #000 90%, transparent) ;
-  --black-100: color-mix(in srgb, #000 100%, transparent) ;
-  --white-10: color-mix(in srgb, #fff 10%, transparent) ;
-  --white-20: color-mix(in srgb, #fff 20%, transparent) ;
-  --white-30: color-mix(in srgb, #fff 30%, transparent) ;
-  --white-40: color-mix(in srgb, #fff 40%, transparent) ;
-  --white-50: color-mix(in srgb, #fff 50%, transparent) ;
-  --white-60: color-mix(in srgb, #fff 60%, transparent) ;
-  --white-70: color-mix(in srgb, #fff 70%, transparent) ;
-  --white-80: color-mix(in srgb, #fff 80%, transparent) ;
-  --white-90: color-mix(in srgb, #fff 90%, transparent) ;
-  --white-100: color-mix(in srgb, #fff 100%, transparent) ;
-  --font-family: Roboto, Inter, Helvetica, Arial, sans-serif;
-  --text-color: var(--white-100);
-  --text-color-secondary: var(--white-80);
-  --primary-color: var(--aquamarine-300);
-  --primary-color-text: var(--black-80);
-  --primary-0: var(--aquamarine-0);
-  --primary-900: var(--aquamarine-900);
-  --primary-800: var(--aquamarine-800);
-  --primary-700: var(--aquamarine-700);
-  --primary-600: var(--aquamarine-600);
-  --primary-500: var(--aquamarine-500);
-  --primary-400: var(--aquamarine-400);
-  --primary-300: var(--aquamarine-300);
-  --primary-200: var(--aquamarine-200);
-  --primary-100: var(--aquamarine-100);
-  --primary-50: var(--aquamarine-50);
-  --primary-alpha: var(--aquamarine-alpha);
-  --surface-0: var(--gray-50);
-  --surface-50: var(--gray-0);
-  --surface-100: var(--gray-900);
-  --surface-200: var(--gray-800);
-  --surface-300: var(--gray-700);
-  --surface-400: var(--gray-600);
-  --surface-500: var(--gray-600);
-  --surface-600: var(--gray-400);
-  --surface-700: var(--gray-300);
-  --surface-800: var(--gray-200);
-  --surface-900: var(--gray-100);
-  --content-padding: 1rem;
-  --inline-spacing: 0.5rem;
-  --border-radius: 0.5rem;
-  --surface-ground: #1c1b22;
-  --surface-section: var(--gray-alpha);
-  --surface-card: #1c1b22;
-  --surface-overlay: var(--black-40);
-  --surface-border: var(--gray-900);
-  --surface-hover: var(--gray-800);
-  --focus-ring: 0 0 0 0.25rem var(--aquamarine-800);
-  --maskbg: var(--black-40);
-  --highlight-bg: var(--aquamarine-300);
-  --highlight-text-color: var(--black-80);
-  color-scheme: dark;
-}
-
-@media only screen and (min-resolution: 100dpi) and (max-resolution: 199dpi) {
-  html, body {
-    font-size: 12px;
-  }
-}
-@media only screen and (min-resolution: 200dpi) and (max-resolution: 499dpi) {
-  html, body {
-    font-size: 14px;
-  }
-}
-@media only screen and (min-resolution: 500dpi) {
-  html, body {
-    font-size: 16px;
-  }
-}
-* {
-  box-sizing: border-box;
-}
-
-html {
-  font-size: 14px;
-  font-family: var(--font-family);
-}
-
-::selection {
-  color: var(--black-80);
-  background-color: var(--aquamarine-300);
-}
-
-.p-component {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  font-weight: normal;
-}
-
-.p-component-overlay {
-  background-color: var(--black-40);
-  transition-duration: 0.2s;
-  padding: 0.5rem;
-}
-
-.p-disabled,
-.p-component:disabled {
-  pointer-events: all;
-  cursor: not-allowed;
-  opacity: 0.6;
-  filter: grayscale(1);
-}
-
-.p-placeholder {
-  opacity: 0.6;
-}
-
-.p-error {
-  color: var(--red-400);
-}
-
-.p-text-secondary {
-  color: var(--white-80);
-}
-
-.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-.p-link {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-}
-.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-
-.p-component-overlay-enter {
-  animation: p-component-overlay-enter-animation 150ms forwards;
-}
-
-.p-component-overlay-leave {
-  animation: p-component-overlay-leave-animation 150ms forwards;
-}
-
-@keyframes p-component-overlay-enter-animation {
-  from {
-    background-color: transparent;
-  }
-  to {
-    background-color: var(--maskbg);
-  }
-}
-@keyframes p-component-overlay-leave-animation {
-  from {
-    background-color: var(--maskbg);
-  }
-  to {
-    background-color: transparent;
-  }
-}
-
-::-webkit-scrollbar {
-  width: 9px;
-  height: 9px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--white-20);
-  border-radius: 4.5px;
-}
-
-::-webkit-scrollbar-track {
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-
-::-webkit-scrollbar-track:hover {
-  background-color: var(--gray-800);
-}
-
-p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext,
-p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext,
-p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect,
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext,
-p-dropdown.ng-dirty.ng-invalid > .p-dropdown,
-p-inputmask.ng-dirty.ng-invalid > .p-inputtext,
-p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext,
-p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider,
-.p-inputtext.ng-dirty.ng-invalid,
-p-listbox.ng-dirty.ng-invalid > .p-listbox,
-p-multiselect.ng-dirty.ng-invalid > .p-multiselect,
-p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext,
-p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box,
-p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button,
-p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button,
-p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
-  border-color: var(--red-400) !important;
-  box-shadow: 0 0 0 0.25rem var(--red-800) !important;
-}
-
-.p-progress-spinner-circle {
-  stroke: var(--aquamarine-300);
-}
-
-.p-overflow-hidden {
-  overflow: hidden;
-  padding-right: var(--scrollbar-width);
-}
-
-@layer primeng {
-  .p-component,
-  .p-component * {
-    box-sizing: border-box;
-  }
-  .p-hidden {
-    display: none;
-  }
-  .p-hidden-space {
-    visibility: hidden;
-  }
-  .p-hidden-accessible {
-    border: 0;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-  }
-  .p-hidden-accessible input,
-  .p-hidden-accessible select {
-    transform: scale(0);
-  }
-  .p-reset {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    outline: 0;
-    text-decoration: none;
-    font-size: 100%;
-    list-style: none;
-  }
-  .p-disabled,
-  .p-disabled * {
-    cursor: default !important;
-    pointer-events: none;
-  }
-  .p-component-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-  .p-unselectable-text {
-    user-select: none;
-  }
-  .p-scrollbar-measure {
-    width: 100px;
-    height: 100px;
-    overflow: scroll;
-    position: absolute;
-    top: -9999px;
-  }
-  @keyframes p-fadein {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-  input[type=button],
-  input[type=submit],
-  input[type=reset],
-  input[type=file]::-webkit-file-upload-button,
-  button {
-    border-radius: 0;
-  }
-  .p-link {
-    text-align: left;
-    background-color: transparent;
-    margin: 0;
-    padding: 0;
-    border: none;
-    cursor: pointer;
-    user-select: none;
-  }
-  .p-link:disabled {
-    cursor: default;
-  }
-  .p-sr-only {
-    border: 0;
-    clip: rect(1px, 1px, 1px, 1px);
-    clip-path: inset(50%);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-    word-wrap: normal !important;
-  }
-  /* Non ng overlay animations */
-  .p-connected-overlay {
-    opacity: 0;
-    transform: scaleY(0.8);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  .p-connected-overlay-visible {
-    opacity: 1;
-    transform: scaleY(1);
-  }
-  .p-connected-overlay-hidden {
-    opacity: 0;
-    transform: scaleY(1);
-    transition: opacity 0.1s linear;
-  }
-  .p-toggleable-content.ng-animating {
-    overflow: hidden;
-  }
-  .p-icon-wrapper {
-    display: inline-flex;
-  }
-  .p-icon {
-    display: inline-block;
-  }
-  .p-icon-spin {
-    animation: p-icon-spin 2s infinite linear;
-  }
-}
-@keyframes p-icon-spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(359deg);
-  }
-}
-.p-togglebutton.p-button.p-highlight.p-disabled, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-disabled {
-  color: var(--white-80);
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-
-.p-button {
-  height: 2.5rem;
-  display: flex;
-  gap: 0.5rem;
-  font-size: 1rem;
-  font-weight: 700;
-  color: var(--black-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  padding: 0rem 1rem;
-  background: var(--aquamarine-300);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-button .p-button-label {
-  transition-duration: 0.2s;
-}
-.p-button .p-button-icon {
-  font-size: 1.25rem;
-}
-.p-button.p-button-rounded {
-  border-radius: 100px;
-}
-.p-button.p-button-icon-only {
-  flex-shrink: 0;
-  width: 2.5rem;
-  padding: 0;
-}
-.p-button.p-button-icon-only:after {
-  display: none;
-}
-.p-button.p-button-icon-only .p-button-label {
-  display: none;
-}
-.p-button.p-button-sm {
-  height: 2rem;
-  font-size: 0.875rem;
-  padding: 0 0.75rem;
-}
-.p-button.p-button-sm .p-button-icon {
-  font-size: 1rem;
-}
-.p-button.p-button-sm.p-button-icon-only {
-  width: 2rem;
-  padding: 0;
-}
-.p-button.p-button-lg {
-  gap: 0.75rem;
-  height: 3.5rem;
-  font-size: 1.25rem;
-  padding: 0 1.5rem;
-}
-.p-button.p-button-lg .p-button-icon {
-  font-size: 1.5rem;
-}
-.p-button.p-button-lg.p-button-icon-only {
-  width: 3.5rem;
-  padding: 0;
-}
-.p-button:not(.p-disabled):hover {
-  background: var(--aquamarine-200);
-  color: var(--black-80);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button:not(.p-disabled):active {
-  background: var(--aquamarine-300);
-  color: var(--black-80);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-
-p-button[size=xlarge] .p-button {
-  gap: 0.75rem;
-  height: 4rem;
-  font-size: 1.75rem;
-  padding: 0 1.5rem;
-}
-p-button[size=xlarge] .p-button .p-button-icon {
-  font-size: 2rem;
-}
-p-button[size=xlarge] .p-button.p-button-icon-only {
-  width: 4rem;
-  padding: 0;
-}
-
-.p-button-outlined {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--aquamarine-300);
-  border-color: var(--aquamarine-800);
-}
-.p-button-outlined:not(.p-disabled):hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--aquamarine-300);
-  border-color: var(--aquamarine-300);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button-outlined:not(.p-disabled):active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--aquamarine-300);
-  border-color: var(--aquamarine-800);
-  box-shadow: none;
-}
-
-.p-button-text {
-  background-color: #1c1b22;
-  color: var(--aquamarine-300);
-}
-.p-button-text:not(.p-disabled):hover {
-  background: var(--aquamarine-alpha);
-  color: var(--aquamarine-300);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button-text:not(.p-disabled):active {
-  background: #1c1b22;
-  color: var(--aquamarine-300);
-  border-color: transparent;
-  box-shadow: none;
-}
-
-.p-button-group {
-  display: flex;
-}
-
-.p-fluid .p-button:not(.p-button-icon-only) {
-  width: 100%;
-}
-.p-fluid .p-button-group .p-button:not(.p-button-icon-only) {
-  flex: 1;
-}
-
-.p-button.p-button-danger,
-.p-button-group.p-button-danger > .p-button,
-.p-splitbutton.p-button-danger > .p-button,
-.p-fileupload-choose.p-button-danger {
-  color: var(--black-80);
-  background: var(--red-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-danger:not(.p-disabled):hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):hover {
-  background: var(--red-300);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-danger:not(.p-disabled):active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):active {
-  background: var(--red-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-800);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-800);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--red-400);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:hover {
-  background: var(--red-alpha);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-warning,
-.p-button-group.p-button-warning > .p-button,
-.p-splitbutton.p-button-warning > .p-button,
-.p-fileupload-choose.p-button-warning {
-  color: var(--black-80);
-  background: var(--orange-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-warning:not(.p-disabled):hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):hover {
-  background: var(--orange-300);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-warning:not(.p-disabled):active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):active {
-  background: var(--orange-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-800);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-800);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--orange-400);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:hover {
-  background: var(--orange-alpha);
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:active {
-  background: #1c1b22;
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-success,
-.p-button-group.p-button-success > .p-button,
-.p-splitbutton.p-button-success > .p-button,
-.p-fileupload-choose.p-button-success {
-  color: var(--black-80);
-  background: var(--green-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-success:not(.p-disabled):hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled):hover {
-  background: var(--green-300);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-success:not(.p-disabled):active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-success:not(.p-disabled):active {
-  background: var(--green-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-900);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-900);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--green-400);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:hover {
-  background: var(--green-alpha);
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:active {
-  background: #1c1b22;
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-info,
-.p-button-group.p-button-info > .p-button,
-.p-splitbutton.p-button-info > .p-button,
-.p-fileupload-choose.p-button-info {
-  color: var(--black-80);
-  background: var(--blue-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-info:not(.p-disabled):hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled):hover {
-  background: var(--blue-500);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-info:not(.p-disabled):active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-info:not(.p-disabled):active {
-  background: var(--blue-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-800);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-800);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--blue-400);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:hover {
-  background: var(--blue-alpha);
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:active {
-  background: #1c1b22;
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-help,
-.p-button-group.p-button-help > .p-button,
-.p-splitbutton.p-button-help > .p-button,
-.p-fileupload-choose.p-button-help {
-  color: var(--black-80);
-  background: var(--purple-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-help:not(.p-disabled):hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled):hover {
-  background: var(--purple-500);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-help:not(.p-disabled):active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-help:not(.p-disabled):active {
-  background: var(--purple-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-800);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-800);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--purple-400);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:hover {
-  background: var(--purple-alpha);
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:active {
-  background: #1c1b22;
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-inputtext {
-  min-height: 2.5rem;
-  line-height: 2.5rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--white-100);
-  background: #1c1b22;
-  padding: 0rem 0.75rem;
-  border: 1px solid var(--gray-900);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  appearance: none;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-inputtext:enabled:hover {
-  border-color: var(--aquamarine-300);
-}
-.p-inputtext:enabled:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-inputtext.p-invalid.p-component, .p-inputtext.ng-invalid.ng-touched {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-.p-inputtext:disabled, .p-inputtext.p-disabled {
-  background: var(--white-20);
-}
-
-.p-float-label > label {
-  left: 0.75rem;
-  color: var(--white-80);
-  transition-duration: 0.2s;
-}
-
-.p-float-label > .p-invalid + label {
-  color: var(--red-400);
-}
-
-.p-icon-field-left > .p-inputtext {
-  padding-left: 2.5rem;
-}
-
-.p-icon-field-left.p-float-label > label {
-  left: 2.5rem;
-}
-
-.p-icon-field-right > .p-inputtext {
-  padding-right: 2.5rem;
-}
-
-::-webkit-input-placeholder {
-  color: var(--white-80);
-  opacity: 0.6;
-}
-
-:-moz-placeholder {
-  color: var(--white-80);
-  opacity: 0.6;
-}
-
-::-moz-placeholder {
-  color: var(--white-80);
-  opacity: 0.6;
-}
-
-:-ms-input-placeholder {
-  color: var(--white-80);
-  opacity: 0.6;
-}
-
-.p-inputtext-lg {
-  min-height: 3.5rem;
-  line-height: 3.5rem;
-}
-
-.p-inputtextarea {
-  padding: 0.75rem;
-  line-height: normal;
-}
-
-.p-icon-field .p-inputtextarea-icon.p-input-icon {
-  top: unset;
-  margin-top: 0.5rem;
-}
-
-.p-inputotp {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.p-inputotp.error .p-inputotp-input {
-  border-color: var(--red-400);
-}
-
-.p-inputotp-input {
-  font-size: 1.5rem;
-  text-align: center;
-  width: 2.5rem;
-  border: none;
-  border-bottom: 1px solid var(--gray-900);
-  border-radius: 0;
-  background: transparent;
-}
-.p-inputotp-input:disabled, .p-inputotp-input.p-disabled {
-  background: transparent;
-}
-
-.p-inputotp-input:enabled:focus {
-  box-shadow: none;
-}
-
-.p-listbox-list-wrapper {
-  overflow: auto;
-}
-
-.p-listbox-list {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-
-.p-listbox-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  color: var(--white-80);
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: 0.2s;
-}
-.p-listbox-item:first-child {
-  margin-top: 0;
-}
-.p-listbox-item:last-child {
-  margin-bottom: 0;
-}
-.p-listbox-item.p-highlight {
-  color: var(--black-80);
-  background: var(--aquamarine-300);
-}
-.p-listbox-item:not(.p-highlight).p-disabled {
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background: var(--white-20);
-}
-.p-listbox-item.p-disabled {
-  cursor: not-allowed;
-  opacity: 0.6;
-  background: var(--aquamarine-300) !important;
-  color: var(--black-80) !important;
-  mix-blend-mode: luminosity;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-}
-.p-listbox-item.p-disabled:has(.p-checkbox) {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-listbox-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-listbox-item:has(.p-checkbox) {
-  background: #1c1b22;
-  color: var(--white-80);
-}
-.p-listbox-item:has(.p-checkbox):hover {
-  background: #000;
-}
-
-.p-listbox-item-group {
-  cursor: auto;
-}
-
-.p-listbox-filter-container {
-  position: relative;
-}
-
-.p-listbox-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-listbox-filter {
-  width: 100%;
-}
-
-.p-listbox {
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-listbox .p-listbox-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-listbox .p-listbox-header .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-listbox .p-listbox-header .p-checkbox .p-checkbox-box.p-disabled {
-  background: #1c1b22;
-}
-.p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.75rem;
-}
-.p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-.p-listbox .p-listbox-header .p-disabled + .p-listbox-filter-icon {
-  opacity: 0.6;
-}
-.p-listbox .p-listbox-list {
-  padding: 0.25rem;
-  outline: 0 none;
-}
-.p-listbox .p-listbox-list .p-listbox-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  font-weight: bold;
-}
-.p-listbox .p-listbox-list .p-listbox-empty-message {
-  text-align: center;
-  color: var(--white-80);
-  padding: 0.75rem;
-  background: rgba(0, 0, 0, 0.0001);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight.p-focus {
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: var(--aquamarine-300);
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:hover {
-  background: var(--aquamarine-200);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox).p-focus {
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover.p-focus {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-listbox.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-listbox.p-invalid {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-.p-listbox.p-disabled *.p-disabled {
-  opacity: 1;
-}
-.p-listbox.p-disabled .p-listbox-filter-icon {
-  display: none;
-}
-.p-listbox.p-disabled .p-listbox-filter.p-inputtext {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49967 2.83335C7.03555 2.83335 6.59043 3.01773 6.26224 3.34592C5.93405 3.67411 5.74967 4.11922 5.74967 4.58335V6.33335H9.24967V4.58335C9.24967 4.11922 9.0653 3.67411 8.73711 3.34592C8.40892 3.01773 7.9638 2.83335 7.49967 2.83335ZM10.4163 6.33335V4.58335C10.4163 3.80981 10.1091 3.06794 9.56207 2.52096C9.01509 1.97398 8.27322 1.66669 7.49967 1.66669C6.72613 1.66669 5.98426 1.97398 5.43728 2.52096C4.8903 3.06794 4.58301 3.80981 4.58301 4.58335V6.33335C4.11888 6.33335 3.67376 6.51773 3.34557 6.84592C3.01738 7.17411 2.83301 7.61922 2.83301 8.08335V11.5834C2.83301 12.0475 3.01738 12.4926 3.34557 12.8208C3.67376 13.149 4.11888 13.3334 4.58301 13.3334H10.4163C10.8805 13.3334 11.3256 13.149 11.6538 12.8208C11.982 12.4926 12.1663 12.0475 12.1663 11.5834V8.08335C12.1663 7.61922 11.982 7.17411 11.6538 6.84592C11.3256 6.51773 10.8805 6.33335 10.4163 6.33335ZM4.58301 7.50002C4.4283 7.50002 4.27993 7.56148 4.17053 7.67087C4.06113 7.78027 3.99967 7.92864 3.99967 8.08335V11.5834C3.99967 11.7381 4.06113 11.8864 4.17053 11.9958C4.27993 12.1052 4.4283 12.1667 4.58301 12.1667H10.4163C10.5711 12.1667 10.7194 12.1052 10.8288 11.9958C10.9382 11.8864 10.9997 11.7381 10.9997 11.5834V8.08335C10.9997 7.92864 10.9382 7.78027 10.8288 7.67087C10.7194 7.56148 10.5711 7.50002 10.4163 7.50002H4.58301ZM6.67472 9.0084C6.89351 8.7896 7.19026 8.66669 7.49967 8.66669C7.80909 8.66669 8.10584 8.7896 8.32463 9.0084C8.54342 9.22719 8.66634 9.52393 8.66634 9.83335C8.66634 10.1428 8.54343 10.4395 8.32463 10.6583C8.10584 10.8771 7.80909 11 7.49967 11C7.19026 11 6.89351 10.8771 6.67472 10.6583C6.45592 10.4395 6.33301 10.1428 6.33301 9.83335C6.33301 9.52393 6.45592 9.22719 6.67472 9.0084Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E");
-  background-position: right 0.75rem center;
-  background-repeat: no-repeat;
-}
-.p-listbox.p-disabled .p-listbox-item {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-
-.p-dropdown {
-  display: inline-flex;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-}
-.p-dropdown.p-disabled {
-  cursor: not-allowed;
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background: var(--white-20);
-}
-
-.p-dropdown-clear-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-dropdown-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-dropdown-label {
-  height: min-content;
-  margin: auto 0;
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  flex: 1 1 auto;
-  width: 1%;
-  text-overflow: ellipsis;
-  cursor: pointer;
-}
-
-.p-dropdown-label-empty {
-  overflow: hidden;
-  opacity: 0;
-}
-
-input.p-dropdown-label {
-  cursor: default;
-}
-
-.p-dropdown .p-dropdown-panel {
-  min-width: 100%;
-}
-
-.p-dropdown-panel {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.p-dropdown-items-wrapper {
-  overflow: auto;
-}
-
-.p-dropdown-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--white-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(0, 0, 0, 0.0001);
-  transition: 0.2s;
-}
-.p-dropdown-item:first-child {
-  margin-top: 0;
-}
-.p-dropdown-item:last-child {
-  margin-bottom: 0;
-}
-.p-dropdown-item.p-highlight {
-  color: var(--black-80);
-  background: var(--aquamarine-300);
-}
-.p-dropdown-item.p-highlight:hover {
-  background: var(--aquamarine-200);
-}
-.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-dropdown-item:not(.p-highlight).p-disabled {
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background: var(--white-20);
-}
-.p-dropdown-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-dropdown-item .p-dropdown-check-icon {
-  position: relative;
-  margin-left: -0.5rem;
-  margin-right: 0.5rem;
-}
-
-.p-dropdown-item-group {
-  cursor: auto;
-}
-
-.p-dropdown-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-dropdown-filter {
-  width: 100%;
-}
-
-.p-dropdown-filter-container {
-  position: relative;
-}
-
-.p-dropdown-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-fluid .p-dropdown {
-  display: flex;
-}
-
-.p-fluid .p-dropdown .p-dropdown-label {
-  width: 1%;
-}
-
-.p-dropdown {
-  background: #1c1b22;
-  border: 1px solid var(--gray-900);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-dropdown:not(.p-disabled):hover {
-  border-color: var(--aquamarine-300);
-}
-.p-dropdown:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-dropdown.p-dropdown-clearable .p-dropdown-label {
-  padding-right: 1.75rem;
-}
-.p-dropdown .p-dropdown-label {
-  background: transparent;
-  border: 0 none;
-}
-.p-dropdown .p-dropdown-label.p-placeholder {
-  color: var(--white-80);
-}
-.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
-  outline: 0 none;
-  box-shadow: none;
-}
-.p-dropdown .p-dropdown-trigger {
-  background: transparent;
-  color: var(--white-100);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-dropdown .p-dropdown-clear-icon {
-  color: var(--white-100);
-  right: 2.5rem;
-}
-.p-dropdown.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-dropdown-panel {
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  margin-top: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-dropdown-panel .p-dropdown-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.75rem;
-  margin-right: -1.75rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-.p-dropdown-panel .p-dropdown-items {
-  padding: 0.25rem;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  font-weight: bold;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
-  color: var(--white-80);
-  text-align: center;
-  padding: 0.5rem 0.75rem;
-  background: rgba(0, 0, 0, 0.0001);
-}
-
-.p-multiselect {
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  user-select: none;
-}
-
-.p-multiselect-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-multiselect-label-container {
-  cursor: pointer;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-}
-
-.p-multiselect-clearable .p-multiselect-label-container {
-  padding-right: 1.75rem;
-}
-
-.p-multiselect-clearable .p-multiselect-clear-icon {
-  right: 2.5rem;
-}
-
-.p-multiselect-label {
-  display: block;
-  white-space: nowrap;
-  cursor: pointer;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.p-multiselect-label-empty {
-  overflow: hidden;
-  visibility: hidden;
-}
-
-.p-multiselect-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-  margin-right: 0.25rem;
-}
-
-.p-multiselect-token-icon {
-  cursor: pointer;
-}
-
-.p-multiselect .p-multiselect-panel {
-  min-width: 100%;
-}
-
-.p-multiselect-items-wrapper {
-  overflow: auto;
-}
-
-.p-multiselect-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-multiselect-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--white-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(0, 0, 0, 0.0001);
-  transition: 0.2s;
-}
-.p-multiselect-item:not(.p-disabled):hover, .p-multiselect-item:not(.p-disabled).p-focus {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-multiselect-item:not(.p-highlight).p-disabled {
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background: var(--white-20);
-}
-.p-multiselect-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-multiselect-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-
-.p-multiselect-item-group {
-  cursor: auto;
-}
-
-.p-multiselect-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.p-multiselect-filter-container {
-  position: relative;
-  flex: 1 1 auto;
-}
-
-.p-multiselect-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-multiselect-filter-container .p-inputtext {
-  width: 100%;
-}
-
-.p-multiselect-close {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  overflow: hidden;
-  position: relative;
-  margin-left: auto;
-}
-
-.p-fluid .p-multiselect {
-  display: flex;
-}
-
-.p-multiselect {
-  background: #1c1b22;
-  border: 1px solid var(--gray-900);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-multiselect.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--white-20);
-}
-.p-multiselect:not(.p-disabled):hover {
-  border-color: var(--aquamarine-300);
-}
-.p-multiselect:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-multiselect .p-multiselect-label {
-  color: var(--white-100);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect .p-multiselect-label.p-placeholder {
-  color: var(--white-80);
-  padding: 0rem 0.75rem;
-  padding-left: 0.5rem;
-}
-.p-multiselect:not(.p-multiselect-chip) .p-multiselect-label {
-  padding: 0rem 0.75rem;
-  line-height: 2.5rem;
-}
-.p-multiselect.p-multiselect-chip {
-  min-height: 2.5rem;
-  padding: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token {
-  padding: 0rem 0.5rem;
-  background: var(--white-20);
-  color: var(--white-100);
-  border-radius: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
-  margin-left: 0.5rem;
-}
-.p-multiselect .p-multiselect-trigger {
-  background: transparent;
-  color: var(--white-100);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-multiselect.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-multiselect-panel {
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  margin-top: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-  border: 1px solid transparent;
-  border-bottom: 0;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.75rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-.p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  margin-left: 0.5rem;
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-multiselect-panel .p-multiselect-items {
-  padding: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  font-weight: bold;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-}
-
-.p-password .p-icon-wrapper {
-  right: 0.75rem;
-  top: 50%;
-  cursor: pointer;
-  fill: var(--white-100);
-}
-.p-password.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-.p-password .p-input-icon {
-  cursor: pointer;
-  color: var(--white-100);
-  right: 0.75rem;
-}
-.p-password.p-disabled {
-  opacity: 1;
-}
-.p-password.p-disabled .p-input-icon {
-  opacity: 0.6;
-}
-
-.p-input-icon-right input {
-  padding-right: 2.5rem;
-}
-
-.p-icon-field .p-password-icon.p-input-icon {
-  right: 0.75rem;
-  top: 20% !important;
-}
-
-.p-password-input {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  min-height: 2.5rem;
-  padding: 0 0.75rem;
-  align-items: center;
-}
-
-.text-feedback {
-  display: inline-flex;
-  align-items: flex-start;
-}
-.text-feedback .ti {
-  position: relative;
-  bottom: 1px;
-}
-
-.text-feedback--default {
-  color: var(--white-100);
-}
-.text-feedback--default .ti {
-  color: var(--gray-900);
-}
-
-.text-feedback--success {
-  color: var(--green-400);
-}
-
-.text-feedback--error {
-  color: var(--red-400);
-}
-
-.p-password-panel {
-  color: var(--white-80);
-  padding: 0.75rem;
-  margin-top: 0.25rem;
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  background: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-password-panel .p-password-meter {
-  overflow: hidden;
-  height: 0.5rem;
-  border-radius: 1rem;
-  margin-bottom: 0.5rem;
-  background: var(--white-20);
-}
-.p-password-panel .p-password-meter .p-password-strength.weak {
-  background: var(--red-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.medium {
-  background: var(--orange-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.strong {
-  background: var(--green-400);
-}
-
-.p-inputgroup-addon {
-  background: #1c1b22;
-  color: var(--white-80);
-  border-top: 1px solid var(--gray-900);
-  border-left: 1px solid var(--gray-900);
-  border-bottom: 1px solid var(--gray-900);
-  padding: 0rem 0.75rem;
-  min-width: 2.5rem;
-}
-.p-inputgroup-addon:last-child {
-  border-right: 1px solid var(--gray-900);
-}
-.p-inputgroup-addon.p-disabled {
-  background-color: var(--white-20);
-  color: var(--white-80);
-}
-
-.p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
-  border-radius: 0;
-  margin: 0;
-}
-.p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
-  border-left: 0 none;
-}
-.p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
-  z-index: 1;
-}
-.p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
-  z-index: 1;
-}
-
-.p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:first-child input {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:last-child input {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-inputgroup .p-button {
-  height: auto;
-  width: auto;
-}
-.p-inputgroup .p-button.p-button-icon-only {
-  width: 2.5rem;
-}
-
-.p-icon-field {
-  position: relative;
-}
-
-.p-icon-field .p-input-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-inputnumber.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-p-inputnumber.ng-invalid.ng-touched > .p-inputnumber > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-p-inputnumber[ng-reflect-is-disabled=true] .p-inputnumber-button {
-  background: var(--white-20);
-}
-
-.p-inputnumber-button {
-  color: var(--white-100);
-  border-color: var(--gray-900);
-  background-color: #1c1b22;
-}
-.p-inputnumber-button .p-button-icon {
-  font-size: 1rem;
-}
-
-.p-inputnumber-button:hover {
-  box-shadow: none !important;
-}
-
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-down {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-up {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-input {
-  border-radius: 0;
-  border-left-color: transparent;
-  border-right-color: transparent;
-  z-index: 1;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-down,
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-up {
-  height: 100%;
-}
-
-.p-inputnumber-buttons-vertical .p-inputnumber-button-down {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-button-up {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-input {
-  border-radius: 0;
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-  z-index: 1;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-button-down,
-.p-inputnumber-buttons-vertical .p-inputnumber-button-up {
-  width: 100%;
-}
-
-.p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
-  width: 100%;
-}
-
-.p-icon-field-left .p-input-icon:first-of-type {
-  left: 0.75rem;
-  color: var(--white-100);
-}
-
-.p-icon-field-right .p-input-icon:last-of-type {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-
-.p-checkbox {
-  position: relative;
-  display: inline-flex;
-  user-select: none;
-  vertical-align: bottom;
-}
-
-.p-checkbox-input {
-  appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  cursor: pointer;
-}
-
-.p-checkbox-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.p-checkbox {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box {
-  /* Отключение стандартной иконки PrimeNG, т.к. используем tabler, вместо prime-icons. */
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon {
-  display: none;
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box::after {
-  content: "\ea5e";
-  width: 1rem;
-  height: 1rem;
-  transition-duration: 0.2s;
-  color: var(--black-80);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-}
-.p-checkbox .p-checkbox-input {
-  border: 1px solid var(--gray-900);
-  border-radius: 0.25rem;
-}
-.p-checkbox .p-checkbox-box {
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--white-100);
-  border-radius: 0.25rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-checkbox .p-checkbox-box.p-highlight {
-  border-color: var(--aquamarine-300);
-  background: var(--aquamarine-300);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
-  border-color: var(--aquamarine-300);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover.p-highlight {
-  border-color: var(--aquamarine-200);
-  background: var(--aquamarine-200);
-  color: var(--black-80);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-checkbox .p-checkbox-box.p-disabled {
-  background: var(--white-20);
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon {
-  transition-duration: 0.2s;
-  color: var(--black-80);
-  font-size: 1rem;
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-highlight .p-checkbox .p-checkbox-box {
-  border-color: var(--aquamarine-300);
-}
-
-.p-radiobutton {
-  position: relative;
-  display: inline-flex;
-  user-select: none;
-  vertical-align: bottom;
-}
-
-.p-radiobutton-input {
-  cursor: pointer;
-}
-
-.p-radiobutton-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition: all;
-}
-
-.p-radiobutton-box:hover {
-  border: 1px solid var(--aquamarine-200) !important;
-}
-
-.p-radiobutton-box.p-highlight {
-  box-sizing: border-box;
-  background: var(--aquamarine-200) !important;
-}
-.p-radiobutton-box.p-highlight .p-radiobutton-icon {
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.25%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
-  background: var(--black-80);
-  width: 1.5rem;
-  height: 1.5rem;
-  mask-composite: exclude;
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box {
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box:hover {
-  border: 1px solid var(--red-400) !important;
-}
-
-.p-radiobutton-box.p-focus {
-  box-shadow: 0px 0px 0px 3.5px var(--aquamarine-800);
-}
-
-.p-radiobutton {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-radiobutton .p-radiobutton-input {
-  appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  border: 1px solid var(--gray-900);
-  border-radius: 50%;
-}
-.p-radiobutton .p-radiobutton-box {
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--white-100);
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-radiobutton.p-disabled .p-radiobutton-box {
-  background: var(--white-20);
-}
-.p-radiobutton.p-highlight .p-radiobutton-box {
-  border-color: var(--aquamarine-300);
-  background: var(--aquamarine-300);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
-  border-color: var(--aquamarine-300);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
-  border-color: var(--aquamarine-200);
-  background: var(--aquamarine-200);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-radiobutton.p-invalid > .p-radiobutton-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-highlight .p-radiobutton .p-radiobutton-box {
-  border-color: var(--black-80);
-}
-
-.p-inputswitch-slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-.p-inputswitch-slider:before {
-  position: absolute;
-  content: "";
-  top: 50%;
-}
-
-.p-inputswitch {
-  position: relative;
-  display: inline-block;
-  width: 2.5rem;
-  height: 1.5rem;
-  border-radius: 100px;
-}
-.p-inputswitch .p-inputswitch-slider {
-  background: var(--gray-700);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 100px;
-  outline-color: transparent;
-}
-.p-inputswitch .p-inputswitch-slider:before {
-  background: #1c1b22;
-  width: 1rem;
-  height: 1rem;
-  left: 0.25rem;
-  margin-top: -0.5rem;
-  border-radius: 100px;
-  transition-duration: 0.2s;
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
-  background: var(--aquamarine-300);
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  background: #1c1b22;
-  transform: translateX(1rem);
-}
-.p-inputswitch:not(.p-disabled) .p-inputswitch-slider:hover {
-  background-color: var(--aquamarine-200);
-}
-.p-inputswitch:not(.p-disabled).p-focus, .p-inputswitch:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-
-p-inputswitch:not(.p-disabled).p-element.ng-dirty.ng-invalid .p-inputswitch-slider, p-inputswitch:not(.p-disabled).p-element.ng-touched.ng-invalid .p-inputswitch-slider {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-selectbutton {
-  display: flex;
-  height: min-content;
-  gap: 0.25rem;
-  padding: 0.25rem;
-  background-color: var(--white-20);
-  border-radius: 0.5rem;
-}
-.p-selectbutton .p-button {
-  flex-grow: 1;
-  background: rgba(0, 0, 0, 0.0001);
-  border: 1px solid trasparent;
-  border-radius: 0.25rem;
-  color: var(--white-80);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
-  color: var(--white-80);
-}
-.p-selectbutton .p-button.p-disabled {
-  background: transparent;
-  pointer-events: none;
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
-  background: #1c1b22;
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
-  color: var(--white-100);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight {
-  background: #1c1b22;
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--aquamarine-300);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-right {
-  color: var(--aquamarine-300);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover {
-  background: #1c1b22;
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-right {
-  color: var(--white-100);
-}
-.p-selectbutton.p-invalid > .p-button {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-togglebutton.p-button.p-highlight.p-disabled, .p-button.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled {
-  color: var(--white-80);
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-left, .p-button.p-disabled .p-button-icon-left,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-left,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-left,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-left,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-left,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-right,
-.p-button.p-disabled .p-button-icon-right,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-right,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-right,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-right,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-right,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-right {
-  color: var(--white-80) !important;
-}
-
-.p-togglebutton.p-button {
-  background: var(--white-20);
-  border: 1px solid trasparent;
-  color: var(--white-80);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-  border-radius: 100px;
-}
-.p-togglebutton.p-button:not(.p-disabled):hover {
-  background: var(--aquamarine-alpha);
-  color: var(--aquamarine-300);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  box-shadow: none;
-}
-.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-left,
-.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-right {
-  color: var(--aquamarine-300);
-}
-.p-togglebutton.p-button:not(.p-disabled):focus-visible {
-  box-shadow: 0 0 0 3.5px var(--aquamarine-800);
-}
-.p-togglebutton.p-button .p-button-icon-left,
-.p-togglebutton.p-button .p-button-icon-right {
-  color: var(--white-80);
-}
-.p-togglebutton.p-button.p-highlight {
-  background: var(--aquamarine-300);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--black-80);
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover {
-  background: var(--aquamarine-200);
-  color: var(--black-80);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  box-shadow: none;
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-right {
-  color: var(--black-80);
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):focus-visible {
-  box-shadow: 0 0 0 3.5px var(--aquamarine-800);
-}
-.p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
-  color: var(--black-80);
-}
-
-.p-chips {
-  display: inline-flex;
-  height: min-content;
-}
-
-.p-disabled .p-chips-multiple-container {
-  background-color: var(--white-20);
-}
-
-.p-chips-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-chips-multiple-container:has(.p-chips-token) {
-  padding: 0.25rem;
-}
-
-.p-chips-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-chips-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-chips-token-icon {
-  cursor: pointer;
-}
-
-.p-chips-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-chips {
-  display: flex;
-}
-
-.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
-  border-color: var(--aquamarine-300);
-}
-.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0rem 0.5rem;
-  background: var(--white-20);
-  color: var(--white-100);
-  border-radius: 0.25rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token + .p-chips-input-token {
-  padding: 0 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0rem 0;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--white-100);
-  margin: 0;
-}
-.p-chips.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-slider {
-  background: var(--white-20);
-  border: none;
-  border-radius: 0.5rem;
-}
-.p-slider.p-slider-horizontal {
-  height: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.625rem;
-  margin-left: -0.625rem;
-}
-.p-slider.p-slider-vertical {
-  width: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.625rem;
-  margin-bottom: -0.625rem;
-}
-.p-slider .p-slider-handle {
-  height: 1.25rem;
-  width: 1.25rem;
-  background: var(--aquamarine-300);
-  border: none;
-  border-radius: 1rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-slider .p-slider-handle:focus {
-  background: var(--aquamarine-200);
-  box-shadow: none;
-}
-.p-slider .p-slider-range {
-  background: var(--aquamarine-300);
-  border-radius: 0.5rem;
-}
-.p-slider:not(.p-disabled) .p-slider-handle:hover {
-  background: var(--aquamarine-200);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-
-.p-rating {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-
-.p-rating-item {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-
-.p-rating.p-readonly .p-rating-item {
-  cursor: default;
-}
-
-.p-rating {
-  gap: 0.5rem;
-}
-.p-rating .p-rating-item {
-  outline-color: transparent;
-  border-radius: 50%;
-}
-.p-rating .p-rating-item .p-rating-icon {
-  color: var(--white-80);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  font-size: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-icon {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
-  color: var(--white-80);
-}
-.p-rating .p-rating-item:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
-  color: var(--orange-400);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
-  color: var(--orange-500);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
-  color: var(--white-100);
-}
-
-.p-calendar.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-.p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-
-.p-datepicker {
-  margin-top: 0.25rem;
-  padding: 0.75rem;
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-}
-.p-datepicker:not(.p-datepicker-inline) {
-  background: #1c1b22;
-  border: 1px solid var(--gray-900);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
-  background: rgba(0, 0, 0, 0.0001);
-}
-.p-datepicker .p-datepicker-header {
-  padding: 0 0 0.5rem;
-  color: var(--white-80);
-  background: #1c1b22;
-  font-weight: bold;
-  margin: 0rem;
-  border-bottom: none;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border: 1px solid transparent;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,
-.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled {
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-  background: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title {
-  line-height: 2rem;
-  display: flex;
-  gap: 0.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select {
-  display: inline-flex;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-  background: #1c1b22;
-  border: 1px solid var(--gray-900);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-  min-height: 2.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  color: var(--white-80);
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  font-weight: bold;
-  padding: 0.25rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
-  color: var(--aquamarine-300);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5rem;
-}
-.p-datepicker table {
-  font-size: 1rem;
-  margin: 0rem;
-}
-.p-datepicker table th {
-  padding: 0.25rem;
-}
-.p-datepicker table th > span {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datepicker table td {
-  padding: 0.25rem;
-}
-.p-datepicker table td > span {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  transition: 0.2s;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-}
-.p-datepicker table td > span.p-highlight {
-  color: var(--black-80);
-  background: var(--aquamarine-300);
-}
-.p-datepicker table td > span:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-datepicker table td.p-datepicker-today > span {
-  color: var(--white-80);
-  font-weight: 700;
-  border-color: var(--gray-800);
-  background: rgba(0, 0, 0, 0.0001);
-}
-.p-datepicker table td.p-datepicker-today > span:not(.p-disabled):hover {
-  color: var(--white-100);
-}
-.p-datepicker table td.p-datepicker-today > span.p-highlight {
-  color: var(--black-80);
-  background: var(--aquamarine-300);
-}
-.p-datepicker .p-datepicker-buttonbar {
-  padding: 0rem 0 0;
-}
-.p-datepicker .p-datepicker-buttonbar .p-button {
-  width: auto;
-}
-.p-datepicker .p-timepicker {
-  border-top: 1px solid var(--gray-900);
-  padding: String value;
-}
-.p-datepicker .p-timepicker button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datepicker .p-timepicker button:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-datepicker .p-timepicker button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-datepicker .p-timepicker button.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-datepicker .p-timepicker span {
-  font-size: 1.25rem;
-}
-.p-datepicker .p-timepicker > div {
-  padding: String value;
-}
-.p-datepicker .p-hour-picker,
-.p-datepicker .p-minute-picker {
-  gap: 0.25rem;
-}
-.p-datepicker.p-datepicker-timeonly .p-timepicker {
-  border-top: 0 none;
-}
-.p-datepicker .p-monthpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
-  color: var(--black-80);
-  background: var(--aquamarine-300);
-}
-.p-datepicker .p-yearpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
-  color: var(--black-80);
-  background: var(--aquamarine-300);
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-left: 1px solid var(--gray-900);
-  padding-right: 0.75rem;
-  padding-left: 0.75rem;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
-  padding-left: 0;
-  border-left: 0 none;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
-  padding-right: 0;
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-datepicker:not(.p-disabled) table td span.p-highlight:hover {
-  background: var(--aquamarine-200);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled).p-highlight:hover {
-  background: var(--aquamarine-200);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled).p-highlight:hover {
-  background: var(--aquamarine-200);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-
-.p-autocomplete {
-  display: inline-flex;
-  height: min-content;
-}
-.p-autocomplete .p-autocomplete-loader {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 3.25rem;
-}
-
-.p-autocomplete-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-autocomplete-multiple-container:has(.p-autocomplete-token) {
-  padding: 0.25rem;
-}
-
-.p-autocomplete-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-autocomplete-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-autocomplete-token-icon {
-  cursor: pointer;
-}
-
-.p-autocomplete-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-autocomplete {
-  display: flex;
-}
-
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
-  border-color: var(--aquamarine-300);
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-autocomplete .p-autocomplete-multiple-container.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--white-20);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0rem 0.5rem;
-  background: var(--white-20);
-  color: var(--white-100);
-  border-radius: 0.25rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token + .p-autocomplete-input-token {
-  padding: 0 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0rem 0;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--white-100);
-  margin: 0;
-}
-.p-autocomplete.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-autocomplete-panel {
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  margin-top: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-of-type {
-  margin-top: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-of-type {
-  margin-bottom: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
-  color: var(--black-80);
-  background: var(--aquamarine-300);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  font-weight: bold;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
-  text-align: center;
-  padding: 0.5rem 0.75rem;
-}
-
-.p-autocomplete-dd .p-autocomplete-input {
-  flex: 1 1 auto;
-  width: 1%;
-}
-.p-autocomplete-dd .p-autocomplete-dropdown {
-  display: none;
-}
-
-.autocomplete-dropdown-container:hover .p-inputtext:enabled {
-  border-color: var(--aquamarine-300);
-}
-
-.autocomplete-dropdown-trigger {
-  position: absolute;
-  right: 0;
-  top: 0;
-  height: 100%;
-  width: 2.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.p-autocomplete-clear-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-  cursor: pointer;
-}
-
-.p-autocomplete-clearable {
-  position: relative;
-}
-.p-autocomplete-clearable .p-autocomplete-clear-icon {
-  right: 0.75rem;
-}
-.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
-  right: 2.5rem;
-}
-
-.p-tabview .p-tabview-nav {
-  background: rgba(0, 0, 0, 0.0001);
-  border-bottom: 1px solid var(--gray-900);
-  gap: 1.5rem;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link {
-  border-bottom: 0.25rem solid rgba(0, 0, 0, 0.0001);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  padding: 1rem 0rem;
-  font-weight: normal;
-  transition: 0.2s;
-  margin: 0;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--aquamarine-300);
-}
-.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: var(--aquamarine-300);
-  color: var(--aquamarine-300);
-}
-.p-tabview .p-tabview-close {
-  margin-left: 0.5rem;
-}
-.p-tabview .p-tabview-nav-btn.p-link {
-  background: #1c1b22;
-  color: var(--white-80);
-  width: 2.5rem;
-  box-shadow: 0px 0px 10px 50px var(--white-60);
-  border-radius: 0;
-}
-.p-tabview .p-tabview-nav-btn.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-tabview .p-tabview-nav-btn.p-link:hover {
-  color: var(--aquamarine-300);
-}
-.p-tabview .p-tabview-panels {
-  background: rgba(0, 0, 0, 0.0001);
-  padding: 1rem 0rem;
-  border: none;
-  color: var(--white-80);
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-divider {
-  border-color: var(--gray-900);
-}
-.p-divider .p-divider-content {
-  background-color: #1c1b22;
-  color: var(--white-80);
-  text-transform: uppercase;
-}
-.p-divider.p-divider-horizontal {
-  margin: 1rem 0rem;
-  padding: 0rem 1rem;
-}
-.p-divider.p-divider-horizontal .p-divider-content {
-  padding: 0 0.5rem;
-}
-.p-divider.p-divider-horizontal:before {
-  border-top-width: 1px;
-  border-top-color: var(--gray-900);
-}
-.p-divider.p-divider-horizontal.p-divider-dash:before {
-  border-top-style: dashed;
-}
-.p-divider.p-divider-vertical {
-  margin: 0rem 1rem;
-  padding: 1rem 0rem;
-}
-.p-divider.p-divider-vertical .p-divider-content {
-  padding: 0.5rem 0;
-}
-.p-divider.p-divider-vertical:before {
-  border-left-width: 1px;
-  border-left-color: var(--gray-900);
-}
-.p-divider.p-divider-vertical.p-divider-dash:before {
-  border-left-style: dashed;
-}
-
-.p-scrollpanel .p-scrollpanel-bar {
-  background: var(--white-20);
-  border: 0 none;
-  border-radius: 0.5rem;
-}
-.p-scrollpanel .p-scrollpanel-bar:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-
-.p-accordion .p-accordion-header .p-accordion-header-link {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  color: var(--white-80);
-  font-weight: 700;
-  padding: 1rem 0rem;
-  border-top: 1px solid var(--gray-900);
-  background: rgba(0, 0, 0, 0.0001);
-  transition: 0.2s;
-  gap: 0.5rem;
-}
-.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
-  font-size: 1.25rem;
-}
-.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: var(--gray-900);
-  color: var(--white-100);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: var(--gray-900);
-  color: var(--white-100);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
-  border-color: var(--gray-900);
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-accordion .p-accordion-content {
-  padding: 0rem 0rem 1rem 1.75rem;
-  border-bottom: none;
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-accordion .p-accordion-tab {
-  margin-bottom: 0rem;
-}
-.p-accordion .p-accordion-tab:first-child .p-accordion-header-link {
-  border-top: none;
-}
-.p-accordion .p-accordion-tab .p-accordion-content .p-accordion-header-link {
-  border-top: 1px solid var(--gray-900);
-}
-
-.p-stepper .p-stepper-nav {
-  display: flex;
-  gap: 0.5rem;
-  justify-content: space-between;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  overflow: hidden;
-  overflow-x: auto;
-}
-.p-stepper .p-stepper-header {
-  position: relative;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-  padding: 0.5rem 0;
-}
-.p-stepper .p-stepper-header.p-disabled {
-  opacity: 1;
-  cursor: initial;
-}
-.p-stepper .p-stepper-header.p-disabled .p-stepper-action {
-  opacity: 0.6;
-}
-.p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-title {
-  color: var(--white-100);
-}
-.p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
-  background-color: var(--aquamarine-300);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-number, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-number {
-  color: var(--black-80);
-  background-color: var(--aquamarine-300);
-  border-color: transparent;
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-icon, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-icon {
-  color: var(--aquamarine-300);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-action.p-danger .p-stepper-number, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-action.p-danger .p-stepper-number {
-  color: var(--black-80);
-  background-color: var(--red-400);
-}
-.p-stepper p-stepperheader .p-stepper-action {
-  display: inline-flex;
-  align-items: center;
-  flex-grow: 0;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  background: #1c1b22;
-  outline-color: transparent;
-  padding: 0;
-}
-.p-stepper p-stepperheader .p-stepper-action:hover {
-  cursor: pointer;
-}
-.p-stepper p-stepperheader .p-stepper-action:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-number {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 500;
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1;
-  font-size: 1rem;
-  border-radius: 8rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title {
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  margin-left: 0.5rem;
-  color: var(--white-100);
-  font-weight: 500;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper{
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
-  line-height: 1;
-  margin-left: 0.5rem;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper .p-stepper-title {
-  margin-left: 0;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-icon{
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.5rem;
-  line-height: 2rem;
-  line-height: 1;
-  min-width: 1.5rem;
-  height: 1.5rem;
-}
-.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-number,
-.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-icon {
-  color: var(--red-400);
-}
-.p-stepper .p-stepper-panels {
-  background: rgba(0, 0, 0, 0.0001);
-  padding: 1rem 0rem;
-  color: var(--white-80);
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-number, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-number {
-  color: var(--black-80);
-  background-color: var(--aquamarine-300);
-  border-color: transparent;
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-icon, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-icon {
-  color: var(--aquamarine-300);
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-action.p-danger .p-stepper-number, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-action.p-danger .p-stepper-number {
-  color: var(--black-80);
-  background-color: var(--red-400);
-}
-.p-stepper .p-stepper-separator {
-  background-color: var(--gray-900);
-  width: 100%;
-  height: 1px;
-  margin-inline-start: 0.5rem;
-  transition: 0.2s;
-}
-.p-stepper.no-line .p-stepper-separator {
-  background-color: transparent !important;
-}
-.p-stepper.p-stepper-vertical {
-  display: flex;
-  flex-direction: column;
-}
-.p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
-  display: flex;
-  flex: 1 1 auto;
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel {
-  display: flex;
-  flex-direction: column;
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
-  flex: 1 1 auto;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
-  width: 100%;
-  padding-left: 1rem;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
-  flex: 0 0 auto;
-  width: 2px;
-  height: auto;
-  margin-inline-start: calc(1.75rem + 2px);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
-  background-color: var(--aquamarine-300);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
-  padding-left: 3rem;
-}
-
-.p-card {
-  overflow: hidden;
-  color: var(--white-100);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-card.p-card-no-shadow {
-  box-shadow: none;
-}
-.p-card .p-card-body {
-  padding: 1rem;
-}
-.p-card .p-card-title {
-  font-size: 1.125rem;
-  font-weight: 700;
-  margin-bottom: 0.25rem;
-}
-.p-card .p-card-subtitle {
-  font-size: 0.875rem;
-  font-weight: 400;
-  color: var(--white-80);
-}
-.p-card .p-card-content {
-  padding: 1rem 0 0;
-}
-.p-card .p-card-footer {
-  padding: 1rem 0 0;
-}
-
-.p-tooltip .p-tooltip-text {
-  background: var(--gray-200);
-  color: #1c1b22;
-  padding: 0.5rem 1rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  border-radius: 0.5rem;
-}
-
-.p-tooltip-arrow {
-  border-color: transparent;
-}
-
-.p-tooltip-right .p-tooltip-arrow,
-.p-tooltip-left .p-tooltip-arrow {
-  margin-top: -0.25rem;
-}
-
-.p-tooltip-top .p-tooltip-arrow,
-.p-tooltip-bottom .p-tooltip-arrow {
-  margin-left: -0.25rem;
-}
-
-.p-tooltip-right .p-tooltip-arrow {
-  border-width: 0.25em 0.25em 0.25em 0;
-  border-right-color: var(--gray-200);
-}
-
-.p-tooltip-left .p-tooltip-arrow {
-  border-width: 0.25em 0 0.25em 0.25rem;
-  border-left-color: var(--gray-200);
-}
-
-.p-tooltip-top .p-tooltip-arrow {
-  border-width: 0.25em 0.25em 0;
-  border-top-color: var(--gray-200);
-}
-
-.p-tooltip-bottom .p-tooltip-arrow {
-  border-width: 0 0.25em 0.25rem;
-  border-bottom-color: var(--gray-200);
-}
-
-.p-dialog {
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  border: 1px solid var(--gray-900);
-}
-.p-dialog .p-dialog-header {
-  border-bottom: 1px solid var(--gray-900);
-  background: #1c1b22;
-  color: var(--white-100);
-  padding: 1.5rem 1.5rem 1rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-header .p-dialog-title {
-  font-weight: bold;
-  font-size: 1.25rem;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-right: 0.5rem;
-  box-shadow: none;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
-  margin-right: 0;
-}
-.p-dialog-danger .p-dialog-title::before, .p-dialog-success .p-dialog-title::before, .p-dialog-info .p-dialog-title::before, .p-dialog-warning .p-dialog-title::before, .p-dialog-help .p-dialog-title::before {
-  content: "";
-  display: inline-block;
-  width: 1.5rem;
-  height: 1.5rem;
-  background-size: contain;
-  margin-right: 0.5rem;
-  vertical-align: text-bottom;
-}
-.p-dialog-danger .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM8.13128 8.63128C8.47299 8.28957 9.02701 8.28957 9.36872 8.63128L10.5 9.76256L11.6313 8.63128C11.973 8.28957 12.527 8.28957 12.8687 8.63128C13.2104 8.97299 13.2104 9.52701 12.8687 9.86872L11.7374 11L12.8687 12.1313C13.2104 12.473 13.2104 13.027 12.8687 13.3687C12.527 13.7104 11.973 13.7104 11.6313 13.3687L10.5 12.2374L9.36872 13.3687C9.02701 13.7104 8.47299 13.7104 8.13128 13.3687C7.78957 13.027 7.78957 12.473 8.13128 12.1313L9.26256 11L8.13128 9.86872C7.78957 9.52701 7.78957 8.97299 8.13128 8.63128Z" fill="%23E26E63"/></svg>') no-repeat;
-}
-.p-dialog-success .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM13.7437 8.63128C14.0854 8.97299 14.0854 9.52701 13.7437 9.86872L10.2437 13.3687C9.90201 13.7104 9.34799 13.7104 9.00628 13.3687L7.25628 11.6187C6.91457 11.277 6.91457 10.723 7.25628 10.3813C7.59799 10.0396 8.15201 10.0396 8.49372 10.3813L9.625 11.5126L12.5063 8.63128C12.848 8.28957 13.402 8.28957 13.7437 8.63128Z" fill="%2368C170"/></svg>') no-repeat;
-}
-.p-dialog-warning .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.24855 2.2875C9.63056 2.07229 10.0616 1.95923 10.5 1.95923C10.9385 1.95923 11.3695 2.07229 11.7515 2.2875C12.1335 2.5027 12.4536 2.81277 12.6808 3.18777L12.6831 3.19162L19.7759 15.0356L19.7832 15.0481C20.0055 15.4335 20.123 15.8705 20.1241 16.3154C20.1252 16.7604 20.0098 17.1979 19.7895 17.5845C19.5691 17.9711 19.2514 18.2932 18.868 18.519C18.4846 18.7447 18.0487 18.8662 17.6038 18.8714L17.5937 18.8715L3.39659 18.8714C2.95146 18.8664 2.51539 18.7449 2.13176 18.5191C1.74813 18.2933 1.43031 17.9709 1.20992 17.5841C0.98952 17.1974 0.874224 16.7596 0.875499 16.3145C0.876773 15.8693 0.994574 15.4322 1.21718 15.0467L1.22426 15.0347L8.30299 3.21587C8.30825 3.20642 8.31369 3.19705 8.31931 3.18777C8.5465 2.81277 8.86655 2.5027 9.24855 2.2875ZM10.5 3.70923C10.3625 3.70923 10.2273 3.74469 10.1075 3.81219C9.99324 3.87657 9.89665 3.968 9.82613 4.07836C9.82357 4.0828 9.82097 4.08723 9.81833 4.09164L2.72982 15.9268C2.66184 16.0465 2.62589 16.1818 2.62549 16.3195C2.62509 16.4591 2.66126 16.5964 2.73039 16.7177C2.79952 16.839 2.8992 16.9401 3.01953 17.011C3.13871 17.0811 3.27402 17.1192 3.41225 17.1214H17.5877C17.7258 17.1191 17.861 17.0811 17.9801 17.011C18.1004 16.9401 18.2 16.8391 18.2691 16.7178C18.3383 16.5966 18.3745 16.4594 18.3741 16.3198C18.3738 16.1822 18.3379 16.047 18.2701 15.9274L11.1841 4.09457C11.1837 4.09404 11.1834 4.09351 11.1831 4.09298C11.1119 3.97607 11.0119 3.87939 10.8926 3.81219C10.7728 3.74469 10.6376 3.70923 10.5 3.70923ZM10.5001 7.49997C10.9833 7.49997 11.3751 7.89172 11.3751 8.37497V11.875C11.3751 12.3582 10.9833 12.75 10.5001 12.75C10.0168 12.75 9.62506 12.3582 9.62506 11.875V8.37497C9.62506 7.89172 10.0168 7.49997 10.5001 7.49997ZM9.62506 14.5C9.62506 14.0167 10.0168 13.625 10.5001 13.625H10.5088C10.9921 13.625 11.3838 14.0167 11.3838 14.5C11.3838 14.9832 10.9921 15.375 10.5088 15.375H10.5001C10.0168 15.375 9.62506 14.9832 9.62506 14.5Z" fill="%23FFB330"/></svg>') no-repeat;
-}
-.p-dialog-info .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.625 8.375C9.625 7.89175 10.0168 7.5 10.5 7.5H10.5087C10.992 7.5 11.3837 7.89175 11.3837 8.375C11.3837 8.85825 10.992 9.25 10.5087 9.25H10.5C10.0168 9.25 9.625 8.85825 9.625 8.375ZM8.75 11C8.75 10.5168 9.14175 10.125 9.625 10.125H10.5C10.9832 10.125 11.375 10.5168 11.375 11V13.625C11.8582 13.625 12.25 14.0168 12.25 14.5C12.25 14.9832 11.8582 15.375 11.375 15.375H10.5C10.0168 15.375 9.625 14.9832 9.625 14.5V11.875C9.14175 11.875 8.75 11.4832 8.75 11Z" fill="%2349A2EF"/></svg>') no-repeat;
-}
-.p-dialog-help .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.99829 7.55089C10.5752 7.43547 11.1741 7.51853 11.6978 7.78656C12.2234 8.05459 12.6434 8.49186 12.89 9.02783C13.1367 9.56409 13.1955 10.1679 13.0568 10.7416C12.9181 11.3154 12.5901 11.8257 12.1257 12.1901C11.6613 12.5545 11.0877 12.7518 10.4974 12.75C10.0141 12.7486 9.62355 12.3556 9.625 11.8724C9.62646 11.3891 10.0194 10.9986 10.5026 11C10.6994 11.0006 10.8906 10.9349 11.0454 10.8134C11.2002 10.6919 11.3096 10.5218 11.3558 10.3306C11.402 10.1393 11.3824 9.93804 11.3002 9.75929C11.2179 9.58053 11.0778 9.43472 10.9025 9.34539L10.9008 9.34452C10.7285 9.25627 10.5314 9.2289 10.3416 9.26688C10.1518 9.30486 9.98043 9.40595 9.85536 9.5537C9.54314 9.92255 8.99103 9.96846 8.62218 9.65624C8.25333 9.34403 8.20742 8.79191 8.51964 8.42306C8.89995 7.97377 9.42109 7.66638 9.99829 7.55089ZM10.5 13.625C10.9832 13.625 11.375 14.0168 11.375 14.5V14.5087C11.375 14.992 10.9832 15.3837 10.5 15.3837C10.0168 15.3837 9.625 14.992 9.625 14.5087V14.5C9.625 14.0168 10.0168 13.625 10.5 13.625Z" fill="%23AB77DF"/></svg>') no-repeat;
-}
-.p-dialog .p-dialog-content {
-  background: #1c1b22;
-  color: var(--white-100);
-  padding: 1.5rem 1.5rem;
-}
-.p-dialog .p-dialog-content:last-of-type {
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer {
-  display: flex;
-  border-top: 1px solid rgba(0, 0, 0, 0.0001);
-  background: #1c1b22;
-  color: var(--white-80);
-  padding: 0rem 1.5rem 1.5rem;
-  text-align: right;
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer button {
-  width: auto;
-}
-.p-dialog .p-confirm-dialog-accept {
-  order: 1;
-}
-.p-dialog .p-confirm-dialog-reject {
-  order: 2;
-}
-.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
-  border-radius: 0;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
-  font-size: 2rem;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-dialog.p-confirm-dialog .p-dialog-footer {
-  flex-direction: row-reverse;
-  gap: 0.5rem;
-}
-.p-dialog.p-confirm-dialog .p-dialog-footer i.none {
-  display: none;
-}
-
-.p-overlaypanel {
-  background: #1c1b22;
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-overlaypanel .p-overlaypanel-content {
-  padding: 1rem;
-}
-.p-overlaypanel .p-overlaypanel-close {
-  background: var(--aquamarine-300);
-  color: var(--black-80);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  position: absolute;
-  top: -1rem;
-  right: -1rem;
-}
-.p-overlaypanel .p-overlaypanel-close:enabled:hover {
-  background: var(--aquamarine-200);
-  color: var(--black-80);
-}
-.p-overlaypanel:after {
-  border: solid transparent;
-  border-color: transparent;
-  border-bottom-color: #1c1b22;
-  border-width: 6px;
-}
-.p-overlaypanel:before {
-  border: solid transparent;
-  border-width: 8px;
-  border-color: transparent;
-  border-bottom-color: var(--gray-900);
-}
-.p-overlaypanel.p-overlaypanel-flipped {
-  margin-top: -7px !important;
-}
-.p-overlaypanel.p-overlaypanel-flipped:after {
-  border-top-color: #1c1b22;
-  border-bottom-color: transparent;
-}
-.p-overlaypanel.p-overlaypanel-flipped:before {
-  border-top-color: var(--gray-900);
-  border-bottom-color: transparent;
-}
-
-.p-sidebar {
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  background: #1c1b22;
-  margin: 0.5rem;
-  height: calc(100vh - 1rem) !important;
-}
-.p-sidebar.p-sidebar-top, .p-sidebar.p-sidebar-full, .p-sidebar.p-sidebar-bottom {
-  width: calc(100vw - 1rem);
-  width: -webkit-fill-available !important;
-}
-.p-sidebar.p-sidebar-top, .p-sidebar.p-sidebar-bottom {
-  height: auto;
-}
-.p-sidebar .p-sidebar-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1.5rem 1.5rem 1rem;
-  border-bottom: 1px solid var(--gray-900);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close.p-disabled,
-.p-sidebar .p-sidebar-header .p-sidebar-icon.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-sidebar .p-sidebar-header > :only-child {
-  margin-left: auto;
-}
-.p-sidebar .p-sidebar-content {
-  padding: 1.5rem 1.5rem;
-}
-.p-sidebar .p-sidebar-footer {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 1.5rem 1.5rem;
-  padding-top: 0rem;
-}
-
-.p-avatar {
-  height: 2rem;
-  width: 2rem;
-  color: var(--black-80);
-  font-size: 1rem;
-  background-color: var(--aquamarine-300);
-  border-radius: 0.5rem;
-}
-.p-avatar:not(.p-avatar-image) {
-  border: 1px solid var(--gray-900);
-}
-.p-avatar.p-avatar-image {
-  background: transparent;
-  position: relative;
-}
-.p-avatar.p-avatar-image img {
-  position: relative;
-  object-fit: cover;
-  border-radius: inherit;
-}
-.p-avatar.p-avatar-image .p-badge {
-  z-index: 1;
-}
-.p-avatar.p-avatar-image::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  border: 1px solid var(--gray-900);
-  border-radius: inherit;
-  z-index: 1;
-}
-.p-avatar.p-avatar-lg {
-  width: 2.5rem;
-  height: 2.5rem;
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-lg .p-avatar-icon {
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-xl {
-  width: 3.5rem;
-  height: 3.5rem;
-  font-size: 1.5rem;
-}
-.p-avatar.p-avatar-xl .p-avatar-icon {
-  font-size: 1.5rem;
-}
-
-.p-avatar-circle {
-  border-radius: 50%;
-}
-
-.p-badge {
-  background: var(--aquamarine-300);
-  color: var(--black-80);
-  font-size: 0.75rem;
-  font-weight: bold;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-}
-.p-badge.p-badge-success {
-  background-color: var(--green-400);
-  color: var(--black-80);
-}
-.p-badge.p-badge-info {
-  background-color: var(--blue-400);
-  color: var(--black-80);
-}
-.p-badge.p-badge-warning {
-  background-color: var(--orange-400);
-  color: var(--black-80);
-}
-.p-badge.p-badge-danger {
-  background-color: var(--red-400);
-  color: var(--black-80);
-}
-.p-badge.p-badge-dot {
-  width: 0.5rem;
-  height: 0.5rem;
-  min-width: auto;
-}
-
-.p-tag {
-  height: 1.5rem;
-  color: var(--black-80);
-  font-size: 0.875rem;
-  font-weight: bold;
-  padding: 0.5rem;
-  border-radius: 0.5rem;
-  background: var(--aquamarine-300);
-}
-.p-tag.p-tag-success {
-  background-color: var(--green-400);
-  color: var(--black-80);
-}
-.p-tag.p-tag-info {
-  background-color: var(--blue-400);
-  color: var(--black-80);
-}
-.p-tag.p-tag-warning {
-  background-color: var(--orange-400);
-  color: var(--black-80);
-}
-.p-tag.p-tag-danger {
-  background-color: var(--red-400);
-  color: var(--black-80);
-}
-.p-tag.p-tag-rounded {
-  border-radius: 100px;
-}
-.p-tag.p-tag-secondary {
-  background-color: var(--gray-900);
-  color: var(--white-80);
-}
-.p-tag .p-tag-icon {
-  margin-right: 0.25rem;
-  font-size: 0.875rem;
-}
-.p-tag .p-tag-icon.p-icon {
-  width: 0.875rem;
-  height: 0.875rem;
-}
-
-.p-progressbar {
-  border: none;
-  height: 1rem;
-  background: var(--white-20);
-  border-radius: 0.5rem;
-}
-.p-progressbar .p-progressbar-value {
-  border: 0 none;
-  margin: 0;
-  background: var(--aquamarine-300);
-}
-.p-progressbar .p-progressbar-label {
-  color: var(--black-80);
-  line-height: 1rem;
-}
-
-.p-progress-spinner-circle {
-  animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-primary-color 6s ease-in-out infinite;
-}
-
-@keyframes p-progress-spinner-primary-color {
-  100%, 0% {
-    stroke: var(--primary-color) !important;
-  }
-  40% {
-    stroke: var(--primary-color) !important;
-  }
-  66% {
-    stroke: var(--primary-color) !important;
-  }
-  80%, 90% {
-    stroke: var(--primary-color) !important;
-  }
-}
-.p-metergroup {
-  display: flex;
-  gap: 0.75rem;
-  flex-direction: column;
-}
-.p-metergroup .p-metergroup-meter-container {
-  background: var(--white-20);
-  border-radius: 0.5rem;
-}
-.p-metergroup .p-metergroup-labels {
-  display: flex;
-  flex-wrap: wrap;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  gap: 1rem;
-  row-gap: 0.75rem;
-}
-.p-metergroup .p-metergroup-labels-vertical {
-  gap: 0.5rem;
-  flex-direction: column;
-}
-.p-metergroup .p-metergroup-meters {
-  display: flex;
-  background: var(--white-20);
-  border-radius: 0.5rem;
-  height: 0.5rem;
-}
-.p-metergroup .p-metergroup-meter {
-  border: none;
-  background: var(--aquamarine-300);
-}
-.p-metergroup .p-metergroup-label-list-item {
-  line-height: 1rem;
-}
-.p-metergroup .p-metergroup-label-type {
-  background: var(--aquamarine-300);
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 100%;
-  margin-right: 0.5rem;
-}
-.p-metergroup .p-metergroup-label {
-  display: inline-flex;
-  align-items: center;
-  color: var(--black-60);
-  gap: 0.5rem;
-  font-size: 0.875rem;
-  line-height: 100%;
-}
-.p-metergroup .p-metergroup-label .p-metergroup-label-marker {
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 100%;
-  display: inline-flex;
-}
-.p-metergroup .p-metergroup-label-icon {
-  width: 1rem;
-  height: 1rem;
-  font-size: 1rem;
-}
-.p-metergroup .p-metergroup-label-list-vertical {
-  gap: 0.25rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
-  height: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
-  margin-bottom: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
-  margin-top: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical {
-  flex-direction: row;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meters {
-  width: 0.5rem;
-  height: 100%;
-  flex-direction: column;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter {
-  width: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
-  border-bottom-left-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
-  margin-left: 0.5rem;
-}
-
-.p-chip {
-  height: 1.75rem;
-  color: var(--white-100);
-  border-radius: 0.25rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  padding: 0rem 0.5rem;
-  background-color: var(--white-20);
-  display: inline-flex;
-}
-.p-chip.p-disabled {
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background-color: var(--white-20);
-}
-.p-chip .p-chip-text {
-  line-height: 1.5;
-  margin-top: 0rem;
-  margin-bottom: 0rem;
-}
-.p-chip .p-chip-icon {
-  margin-right: 0.5rem;
-}
-.p-chip img {
-  width: 1.5rem;
-  height: 1.5rem;
-  margin-left: -0.75rem;
-  margin-right: 0.5rem;
-}
-.p-chip .p-chip-remove-icon {
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-left: 0.5rem;
-}
-.p-chip .p-chip-remove-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-chip .p-chip-remove-icon:focus {
-  outline: 0 none;
-}
-
-timescircleicon svg {
-  display: none !important;
-}
-timescircleicon::after {
-  cursor: pointer;
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E") no-repeat;
-  height: 16px;
-  width: 16px;
-  background: var(--white-100);
-  margin-left: 0.5rem;
-  content: "";
-}
-
-.p-skeleton {
-  background: var(--gray-900);
-  border-radius: 0.5rem;
-}
-.p-skeleton:after {
-  background: linear-gradient(90deg, var(--gray-900) 0%, var(--gray-900) 40%, var(--gray-900) 75%);
-}
-
-.p-message {
-  overflow: hidden;
-  margin: 0rem;
-  border-radius: 0.5rem;
-}
-.p-message .p-message-wrapper {
-  padding: 1rem;
-  position: relative;
-  display: grid;
-  padding-left: 4rem;
-  min-height: 4rem;
-}
-.p-message .p-message-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: transparent;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  position: absolute;
-  top: 1rem;
-  right: 1rem;
-}
-.p-message .p-message-close:hover {
-  background: rgba(255, 255, 255, 0.5);
-}
-.p-message .p-message-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-message.p-message-info {
-  background: var(--blue-0);
-  border: 1px solid var(--blue-800);
-}
-.p-message.p-message-info .p-message-wrapper {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-message.p-message-info .p-message-icon {
-  color: var(--blue-400);
-}
-.p-message.p-message-info .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--blue-400);
-}
-.p-message.p-message-info .p-message-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-800);
-  background: transparent;
-}
-.p-message.p-message-info .p-message-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-success {
-  background: var(--green-0);
-  border: 1px solid var(--green-900);
-}
-.p-message.p-message-success .p-message-wrapper {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-message.p-message-success .p-message-icon {
-  color: var(--green-400);
-}
-.p-message.p-message-success .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--green-400);
-}
-.p-message.p-message-success .p-message-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-900);
-  background: transparent;
-}
-.p-message.p-message-success .p-message-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-warn {
-  background: var(--orange-0);
-  border: 1px solid var(--orange-800);
-}
-.p-message.p-message-warn .p-message-wrapper {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-message.p-message-warn .p-message-icon {
-  color: var(--orange-400);
-}
-.p-message.p-message-warn .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--orange-400);
-}
-.p-message.p-message-warn .p-message-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-800);
-  background: transparent;
-}
-.p-message.p-message-warn .p-message-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-error {
-  background: var(--red-0);
-  border: 1px solid var(--red-800);
-}
-.p-message.p-message-error .p-message-wrapper {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-message.p-message-error .p-message-icon {
-  color: var(--red-400);
-}
-.p-message.p-message-error .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--red-400);
-}
-.p-message.p-message-error .p-message-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-800);
-  background: transparent;
-}
-.p-message.p-message-error .p-message-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message .p-message-text {
-  font-size: 1rem;
-  font-weight: normal;
-  color: var(--white-100);
-}
-.p-message .p-message-icon {
-  font-size: 2rem;
-  display: inline;
-  margin-right: 0.5rem;
-  position: absolute;
-  top: 1rem;
-  left: 1rem;
-}
-.p-message .p-message-icon .p-icon-wrapper {
-  display: none;
-}
-.p-message .p-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-message .p-message-summary {
-  font-size: 1rem;
-  font-weight: bold;
-  color: var(--white-100);
-  margin-right: 0.25rem;
-}
-.p-message .p-message-detail {
-  font-size: 0.875rem;
-  font-weight: normal;
-  color: var(--white-80);
-  display: block;
-}
-
-.p-toast {
-  opacity: 1;
-}
-.p-toast .p-toast-message {
-  overflow: hidden;
-  margin: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  border-radius: 0.5rem;
-}
-.p-toast .p-toast-message .p-toast-message-content {
-  gap: 1rem;
-  padding: 1rem;
-  border-left-width: 0.25rem;
-  border-left-style: solid;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
-  margin: 0rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
-  font-size: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon .p-icon-wrapper {
-  display: none;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
-  font-weight: bold;
-  font-size: 1rem;
-  color: var(--white-100);
-  margin: auto 0;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
-  font-weight: normal;
-  font-size: 0.875rem;
-  color: var(--white-80);
-  margin-top: 0.25rem;
-}
-.p-toast .p-toast-message .p-toast-icon-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: #1c1b22;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-info {
-  background: var(--blue-0);
-  border: 1px solid var(--blue-800);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-content {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
-  color: var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-800);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-success {
-  background: var(--green-0);
-  border: 1px solid var(--green-900);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-content {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon {
-  color: var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-900);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-warn {
-  background: var(--orange-0);
-  border: 1px solid var(--orange-800);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-content {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
-  color: var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-800);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-error {
-  background: var(--red-0);
-  border: 1px solid var(--red-800);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-content {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
-  color: var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-800);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-
-.p-breadcrumb {
-  background: rgba(0, 0, 0, 0.0001);
-  border: none;
-  padding: 0rem;
-}
-.p-breadcrumb.none-separator-breadcrum .p-menuitem-separator {
-  opacity: 0;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  padding: 0.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover {
-  background-color: var(--gray-800);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
-  margin: 0 0.25rem;
-  color: var(--white-100);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
-  color: var(--white-80);
-}
-
-.p-menubar {
-  display: flex;
-  padding: 0.25rem;
-  align-items: flex-end;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-menubar .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menubar .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-300);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-200);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menubar .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list][level="0"] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-menubar [class*=list][level="0"] > .p-menuitem {
-  margin: 0;
-}
-.p-menubar [class*=list]:not([level="0"]) {
-  min-width: 8rem;
-  z-index: 2;
-}
-.p-menubar [class*=list][level="1"] {
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list][level="1"].p-menuitem:first-of-type {
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list]:not([level="0"]):not([level="1"]) {
-  margin-left: 0.25rem;
-  margin-top: -0.25rem;
-}
-.p-menubar ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.p-menubar .p-menuitem-link {
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  overflow: hidden;
-  position: relative;
-}
-.p-menubar .p-menuitem-text {
-  line-height: 1;
-}
-.p-menubar .p-menuitem {
-  position: relative;
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-200);
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem.p-menuitem:first-of-type {
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem .p-submenu-list {
-  display: none;
-  position: absolute;
-  z-index: 2;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  background-color: #1c1b22;
-}
-.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg) {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menubar-root-list .p-icon-wrapper {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-icon-wrapper {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menubar-custom,
-.p-menubar .p-menuitem .p-menubar-end {
-  margin-left: auto;
-  align-self: center;
-}
-.p-menubar .p-menubar-root-list {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-}
-.p-menubar .p-menubar-root-list > li ul {
-  display: none;
-  z-index: 1;
-}
-@media screen and (min-width: 960px) {
-  .p-menubar .p-submenu-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-    display: block;
-    left: 100%;
-    top: 0;
-  }
-  .p-menubar .p-menubar-root-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-    display: block;
-  }
-}
-.p-menubar .p-menubar-button {
-  display: none;
-  cursor: pointer;
-  align-items: center;
-  justify-content: center;
-}
-
-@media screen and (max-width: 960px) {
-  .p-menubar {
-    position: relative;
-    align-items: center;
-  }
-  .p-menubar .p-menubar-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--white-80);
-    border: 1px solid rgba(0, 0, 0, 0.0001);
-    background: rgba(0, 0, 0, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-menubar .p-menubar-button:hover {
-    color: var(--white-100);
-    border-color: rgba(0, 0, 0, 0.0001);
-    background: var(--gray-800);
-  }
-  .p-menubar .p-menubar-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-    caret-color: var(--aquamarine-300);
-  }
-  .p-menubar .p-menubar-button.p-disabled {
-    background: var(--white-20);
-    border: 1px solid var(--gray-900);
-    color: var(--white-80);
-  }
-  .p-menubar .p-menuitem-active[aria-expanded=false] .p-submenu-list {
-    display: none;
-  }
-  .p-menubar .p-menuitem-active[aria-expanded=true] > p-menubarsub > .p-submenu-list {
-    display: block;
-    position: relative;
-    left: auto;
-    top: auto;
-    border: 0;
-  }
-  .p-menubar [aria-expanded=true] + p-menubarsub .p-menubar-root-list {
-    display: block;
-  }
-  .p-menubar .p-menubar-root-list {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: none;
-    flex-direction: column;
-    min-width: 8rem;
-    border: 1px solid var(--gray-900);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: #1c1b22;
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-    border-radius: 0.5rem;
-    z-index: 2;
-  }
-  .p-menubar .p-menubar-root-list [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-menubar .p-submenu-list {
-    width: 100%;
-    display: none;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    border-radius: 0.5rem;
-    box-shadow: none;
-  }
-  .p-menubar .p-submenu-list [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(0deg);
-  }
-  .p-menubar .p-submenu-list [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-megamenu [class*=header] {
-  color: var(--white-80);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-megamenu [class*=header][data-p-disabled=true] {
-  color: var(--white-80);
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-megamenu [class*=grid] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-  width: max-content;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  padding: 0.25rem;
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-megamenu [class*=col] {
-  display: flex;
-  flex-grow: 1;
-  width: auto;
-  padding: 0;
-}
-.p-megamenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-megamenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-megamenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-300);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-200);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-megamenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-horizontal {
-  display: flex;
-}
-.p-megamenu-horizontal [class*=root] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-megamenu-horizontal [class*=root] > .p-menuitem {
-  margin: 0;
-}
-.p-megamenu-horizontal [class*=grid] {
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-vertical {
-  display: flex;
-}
-.p-megamenu-vertical [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-megamenu-vertical [class*=grid] {
-  margin-left: 0.25rem;
-}
-
-@media screen and (max-width: 960px) {
-  .p-megamenu {
-    position: relative;
-  }
-  .p-megamenu .p-megamenu-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--white-80);
-    border: 1px solid rgba(0, 0, 0, 0.0001);
-    background: rgba(0, 0, 0, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-megamenu .p-megamenu-button:hover {
-    color: var(--white-100);
-    border-color: rgba(0, 0, 0, 0.0001);
-    background: var(--gray-800);
-  }
-  .p-megamenu .p-megamenu-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-    caret-color: var(--aquamarine-300);
-  }
-  .p-megamenu .p-megamenu-button.p-disabled {
-    background: var(--white-20);
-    border: 1px solid var(--gray-900);
-    color: var(--white-80);
-  }
-  .p-megamenu [aria-expanded=false] + [class*=root] {
-    display: none;
-  }
-  .p-megamenu [class*=root] {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: flex;
-    flex-direction: column;
-    min-width: 8rem;
-    border-radius: 0.5rem;
-    border: 1px solid var(--gray-900);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: #1c1b22;
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-    z-index: 2;
-  }
-  .p-megamenu [class*=panel] {
-    width: 100%;
-    position: static;
-  }
-  .p-megamenu [class*=grid] {
-    display: flex;
-    flex-direction: column;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    box-shadow: none;
-  }
-  .p-megamenu [class*=grid] [class*=list] {
-    width: 100%;
-  }
-  .p-megamenu-horizontal [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-megamenu-vertical [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-menu [class*=header] {
-  color: var(--white-80);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-menu [class*=header][data-p-disabled=true] {
-  color: var(--white-80);
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-menu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-300);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-200);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-
-.p-menu-overlay {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  padding: 0.25rem;
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  z-index: 2;
-}
-
-.p-tieredmenu {
-  display: flex;
-}
-.p-tieredmenu [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-tieredmenu [data-pc-section=menu] {
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-tieredmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-tieredmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-300);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-200);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-tieredmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-
-.p-tabmenu .p-tabmenu-nav {
-  background: rgba(0, 0, 0, 0.0001);
-  border-bottom: 1px solid var(--gray-900);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
-  margin-right: 1.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  font-weight: normal;
-  border-bottom: 0.25rem solid rgba(0, 0, 0, 0.0001);
-  padding: 1rem 0rem;
-  margin: 0;
-  transition: 0.2s;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--aquamarine-300);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: var(--aquamarine-300);
-  color: var(--aquamarine-300);
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link {
-  background: #1c1b22;
-  color: var(--white-80);
-  width: 2.5rem;
-  box-shadow: 0px 0px 10px 50px var(--white-60);
-  border-radius: 0;
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link:hover {
-  color: var(--aquamarine-300);
-}
-.p-tabmenu .p-tabmenu-nav-container > .p-tabmenu-nav-content > .p-tabmenu-nav {
-  white-space: nowrap;
-  width: max-content;
-}
-
-.p-panelmenu[data-pc-section=root] {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-.p-panelmenu [data-pc-section=header] {
-  padding: 0.5rem 0.75rem;
-  border-radius: 0.5rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-action {
-  display: flex;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-link {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header] .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] {
-  background-color: var(--aquamarine-300);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--aquamarine-200);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=menu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu [data-pc-section=submenu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-300);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-200);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-link {
-  pointer-events: none;
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-submenu-icon {
-  color: var(--white-80);
-}
-
-.p-contextmenu [class*=list] {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  padding: 0.25rem;
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  z-index: 2;
-}
-.p-contextmenu [class*=list]:not([class*=root]) {
-  margin-top: -0.25rem;
-  margin-left: 0.25rem;
-}
-.p-contextmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-300);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-200);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-contextmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-@media screen and (max-width: 767px) {
-  .p-contextmenu [aria-expanded=true] > .p-menuitem-content .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-  .p-contextmenu [class*=list]:not([class*=root]) {
-    border-radius: 0;
-    border: none;
-    padding-left: 0.75rem !important;
-    margin: 0;
-    margin-top: 0.25rem;
-    background-color: transparent;
-    box-shadow: none;
-  }
-}
-
-.p-steps {
-  overflow: hidden;
-  overflow-x: auto;
-}
-.p-steps .p-steps-item {
-  display: flex;
-  justify-content: center;
-}
-.p-steps .p-steps-item .p-menuitem-link {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 0.5rem;
-  border-radius: 0;
-  padding: 0 0.5rem;
-  background: #1c1b22;
-  transition: 0.2s;
-  z-index: 1;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
-  color: var(--white-100);
-  font-weight: 500;
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-  font-size: 1rem;
-  z-index: 1;
-  border-radius: 8rem;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  color: var(--white-100);
-  font-weight: 500;
-}
-.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-steps .p-steps-item.p-highlight:not(:has(~ .p-highlight)) .p-steps-number {
-  background: var(--aquamarine-300);
-  color: var(--black-80);
-  border-color: transparent;
-}
-.p-steps .p-steps-item.p-highlight:not(:has(~ .p-highlight)) .p-steps-title {
-  color: var(--white-100);
-}
-.p-steps .p-steps-item.p-disabled {
-  opacity: 1;
-}
-.p-steps .p-steps-item.p-disabled .p-steps-number,
-.p-steps .p-steps-item.p-disabled .p-steps-title {
-  opacity: 0.6;
-}
-.p-steps .p-steps-item:before {
-  content: " ";
-  border-top: 1px solid var(--gray-900);
-  width: 100%;
-  top: 50%;
-  left: 0;
-  display: block;
-  position: absolute;
-}
-.p-steps .p-steps-item:first-of-type {
-  justify-content: flex-start;
-}
-.p-steps .p-steps-item:first-of-type .p-menuitem-link {
-  padding-left: 0;
-}
-.p-steps .p-steps-item:last-of-type {
-  justify-content: flex-end;
-}
-.p-steps .p-steps-item:last-of-type .p-menuitem-link {
-  padding-right: 0;
-}
-
-.p-timeline .p-timeline-event-content {
-  color: var(--white-100);
-}
-.p-timeline .p-timeline-event-opposite,
-.p-timeline .p-timeline-event-content {
-  line-height: 1;
-}
-.p-timeline .p-timeline-event-marker {
-  border: 0.25rem solid var(--aquamarine-300);
-  border-radius: 8rem;
-  width: 1rem;
-  height: 1rem;
-  background-color: #1c1b22;
-}
-.p-timeline .p-timeline-event-connector {
-  background-color: var(--gray-900);
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
-  padding: 0rem 0.5rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
-  width: 1px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
-  padding: 0.5rem 0rem;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
-  height: 1px;
-}
-
-.p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin: 0.5rem;
-}
-.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-carousel .p-carousel-content .p-carousel-prev.p-disabled,
-.p-carousel .p-carousel-content .p-carousel-next.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-carousel .p-carousel-indicators {
-  padding: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator {
-  margin-right: 0.5rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator:last-of-type {
-  margin-right: 0;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button {
-  background-color: var(--gray-900);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
-  background: var(--gray-600);
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-  background: var(--gray-600);
-  color: #1c1b22;
-}
-
-.p-datatable table {
-  border-collapse: separate;
-}
-.p-datatable .p-paginator-top {
-  border-width: 1px 0 1px 0;
-  border-radius: 0;
-}
-.p-datatable .p-paginator-bottom {
-  border-width: 0 0 0 0;
-  border-radius: 0;
-}
-.p-datatable .p-datatable-header {
-  background: var(--gray-0);
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-footer {
-  background: var(--gray-0);
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-thead > tr > th {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--white-100);
-  background: var(--gray-0);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tfoot > tr > td {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--white-100);
-  background: var(--gray-0);
-}
-.p-datatable .p-sortable-column p-sorticon {
-  vertical-align: middle;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon > svg, .p-datatable .p-sortable-column p-sorticon sortamountupalticon > svg, .p-datatable .p-sortable-column p-sorticon sortamountdownicon > svg {
-  display: none;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon::after, .p-datatable .p-sortable-column p-sorticon sortamountupalticon::after, .p-datatable .p-sortable-column p-sorticon sortamountdownicon::after {
-  width: 1.25rem;
-  height: 1.25rem;
-  color: var(--white-100);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon::after {
-  content: "\eb5a";
-}
-.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after {
-  content: "\eb27";
-  color: var(--aquamarine-300);
-}
-.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after {
-  content: "\eb26";
-  color: var(--aquamarine-300);
-}
-.p-datatable .p-sortable-column .p-sortable-column-badge {
-  border-radius: 50%;
-  height: 1.25rem;
-  min-width: 1.25rem;
-  line-height: 1.25rem;
-  color: var(--black-80);
-  background: var(--aquamarine-300);
-  margin-left: 0.5rem;
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
-  color: var(--white-100);
-}
-.p-datatable .p-sortable-column.p-highlight {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
-  color: var(--aquamarine-300);
-}
-.p-datatable .p-sortable-column:focus-visible {
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  outline: 0 none;
-}
-.p-datatable .p-datatable-tbody > tr {
-  background: #1c1b22;
-  color: var(--white-100);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td {
-  text-align: left;
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
-  margin-right: 0.5rem;
-}
-.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
-  font-weight: 500;
-}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
-  outline: 0.15rem solid var(--aquamarine-800);
-  outline-offset: -0.15rem;
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
-  box-shadow: inset 0 2px 0 0 var(--aquamarine-300);
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
-  box-shadow: inset 0 -2px 0 0 var(--aquamarine-300);
-}
-.p-datatable .p-datatable-tbody > tr .pi-chevron-right::before,
-.p-datatable .p-datatable-tbody > tr .pi-chevron-down::before {
-  color: var(--white-80);
-  font-size: 1rem;
-}
-.p-datatable .p-datatable-frozen-tbody > tr > td {
-  background: var(--gray-0);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
-  outline: 0.15rem solid var(--aquamarine-800);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
-  outline: 0.15rem solid var(--aquamarine-800);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-column-resizer-helper {
-  background: var(--gray-900);
-}
-.p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
-  background: #1c1b22;
-}
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
-  background-color: var(--gray-0);
-}
-.p-datatable .p-datatable-loading-icon {
-  font-size: 2rem;
-}
-.p-datatable .p-datatable-loading-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-header {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-footer {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-top {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-bottom {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
-  border-width: 1px 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
-  border-width: 1px 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
-  border-width: 0 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
-  background: var(--gray-0);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) + .p-row-expanded {
-  background: var(--gray-0);
-}
-.p-datatable.p-datatable-sm .p-datatable-header {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-footer {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-header {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-footer {
-  padding: 1.25rem 1.25rem;
-}
-
-.p-datatable-drag-selection-helper {
-  background: var(--gray-800);
-}
-
-.p-column-filter-overlay {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  background-color: #1c1b22;
-  padding: 0.25rem;
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-}
-
-.p-column-filter-constraint,
-.p-column-filter-constraints {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-
-.p-column-filter-buttonbar {
-  display: flex;
-  gap: 0.25rem;
-}
-
-[data-pc-section=filterremove] {
-  display: none;
-}
-[data-pc-section=filterremove]:has(.p-column-filter-remove-button) {
-  display: block;
-}
-
-.p-column-filter-menu-button,
-.p-column-filter-clear-button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  vertical-align: middle;
-}
-.p-column-filter-menu-button:enabled:hover,
-.p-column-filter-clear-button:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-column-filter-menu-button:focus-visible,
-.p-column-filter-clear-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-.p-column-filter-menu-button.p-disabled,
-.p-column-filter-clear-button.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-column-filter-menu-button filtericon > svg, .p-column-filter-menu-button filterslashicon > svg,
-.p-column-filter-clear-button filtericon > svg,
-.p-column-filter-clear-button filterslashicon > svg {
-  display: none;
-}
-.p-column-filter-menu-button filtericon::after, .p-column-filter-menu-button filterslashicon::after,
-.p-column-filter-clear-button filtericon::after,
-.p-column-filter-clear-button filterslashicon::after {
-  color: var(--white-100);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 2;
-  -webkit-font-smoothing: antialiased;
-}
-.p-column-filter-menu-button filtericon::after,
-.p-column-filter-clear-button filtericon::after {
-  content: "\eaa5";
-}
-.p-column-filter-menu-button filterslashicon::after,
-.p-column-filter-clear-button filterslashicon::after {
-  content: "\ed2c";
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active,
-.p-column-filter-clear-button.p-column-filter-menu-button-active {
-  background-color: var(--aquamarine-300);
-  color: var(--black-80);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active filtericon::after, .p-column-filter-menu-button.p-column-filter-menu-button-active filterslashicon::after,
-.p-column-filter-clear-button.p-column-filter-menu-button-active filtericon::after,
-.p-column-filter-clear-button.p-column-filter-menu-button-active filterslashicon::after {
-  color: var(--black-80);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active:hover,
-.p-column-filter-clear-button.p-column-filter-menu-button-active:hover {
-  background-color: var(--aquamarine-200);
-  color: var(--black-80);
-}
-
-.p-column-filter-row {
-  gap: 0.5rem;
-}
-
-.p-column-filter-row-item {
-  color: var(--white-80);
-  padding: 0.5rem 0.75rem;
-  margin-top: 0.25rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-}
-.p-column-filter-row-item:first-of-type {
-  margin: 0;
-}
-.p-column-filter-row-item:not(.p-highlight):hover {
-  color: var(--white-100);
-  background-color: var(--gray-800);
-}
-.p-column-filter-row-item.p-highlight {
-  color: var(--black-80);
-  background-color: var(--aquamarine-300);
-}
-.p-column-filter-row-item.p-highlight:hover {
-  background-color: var(--aquamarine-200);
-}
-
-.p-column-filter-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-
-.p-datatable-reorderablerow-handle {
-  color: var(--white-80);
-}
-.p-datatable-reorderablerow-handle::before {
-  content: "\ec01" !important;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 2;
-  -webkit-font-smoothing: antialiased;
-}
-
-.p-paginator {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-  border: solid rgba(0, 0, 0, 0.0001);
-  border-width: 0;
-  padding: 0.5rem 0rem;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
-  background-color: rgba(0, 0, 0, 0.0001);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
-  background: var(--gray-800);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-paginator .p-paginator-first.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-prev.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-next.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-last.p-disabled:not(.p-highlight) {
-  background: var(--white-20);
-  border-color: var(--gray-900);
-  color: var(--white-80);
-}
-.p-paginator .p-paginator-first {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-paginator .p-paginator-last {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-paginator .p-dropdown {
-  margin-left: 0.5rem;
-  height: 2.5rem;
-}
-.p-paginator .p-dropdown .p-dropdown-label {
-  padding-right: 0;
-}
-.p-paginator .p-paginator-page-input {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.p-paginator .p-paginator-page-input .p-inputtext {
-  max-width: 2.5rem;
-}
-.p-paginator .p-paginator-current {
-  background-color: rgba(0, 0, 0, 0.0001);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  padding: 0 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page {
-  background-color: rgba(0, 0, 0, 0.0001);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
-  background: var(--aquamarine-300);
-  border-color: var(--aquamarine-300);
-  color: var(--black-80);
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover {
-  background: var(--aquamarine-200);
-  border-color: var(--aquamarine-200);
-}
-.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
-  background: var(--gray-800);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-
-.p-galleria .p-galleria-close {
-  margin: 0.5rem;
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-close:hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-item-nav {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  margin: 0.5rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-caption {
-  background: var(--black-60);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-caption-title {
-  padding: 0 1rem;
-}
-.p-galleria .p-galleria-indicators {
-  padding: 1rem;
-  line-height: 0;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button {
-  background-color: var(--white-40);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--white-80);
-  color: var(--black-80);
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
-  margin-right: 0.5rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
-  margin-bottom: 0.5rem;
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
-  background: rgba(0, 0, 0, 0.0001);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
-  background: var(--white-40);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--white-80);
-  color: #1c1b22;
-}
-.p-galleria .p-galleria-thumbnail-container {
-  background: var(--black-100);
-  padding: 0.5rem 0.5rem;
-  gap: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-60);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
-  transition: 0.2s;
-  width: 100%;
-  height: 100%;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-800);
-  caret-color: var(--aquamarine-300);
-}
-
-.p-galleria-mask {
-  --maskbg: var(--black-40);
-}
-
-.p-galleria-thumbnail-item {
-  overflow: hidden;
-  height: 4rem;
-}
-
-.p-fileupload-dnd .p-fileupload,
-.p-fileupload-button .p-fileupload {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd.p-fileupload-advanced,
-.p-fileupload-button.p-fileupload-advanced {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
-.p-fileupload-dnd .p-fileupload-content,
-.p-fileupload-button .p-fileupload-content {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd .p-fileupload-content > p-progressbar,
-.p-fileupload-dnd .p-fileupload-content p-messages,
-.p-fileupload-button .p-fileupload-content > p-progressbar,
-.p-fileupload-button .p-fileupload-content p-messages {
-  display: none;
-}
-.p-fileupload-dnd .p-orderlist-controls,
-.p-fileupload-button .p-orderlist-controls {
-  display: none;
-}
-.p-fileupload-dnd .p-fileupload-files,
-.p-fileupload-button .p-fileupload-files {
-  display: none;
-}
-.p-fileupload-dnd .p-fileupload-info-button,
-.p-fileupload-button .p-fileupload-info-button {
-  width: 2.5rem;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  color: var(--blue-400);
-}
-.p-fileupload-dnd .p-orderlist-list-container,
-.p-fileupload-button .p-orderlist-list-container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-.p-fileupload-dnd .p-orderlist-list-container .p-orderlist-list,
-.p-fileupload-button .p-orderlist-list-container .p-orderlist-list {
-  overflow: hidden;
-  min-height: 0px;
-}
-.p-fileupload-dnd .p-fileupload-progress-spinner,
-.p-fileupload-button .p-fileupload-progress-spinner {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.p-fileupload-dnd .p-fileupload-item-row,
-.p-fileupload-button .p-fileupload-item-row {
-  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
-  border-radius: 0.5rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-}
-.p-fileupload-dnd .p-fileupload-item-row:hover,
-.p-fileupload-button .p-fileupload-item-row:hover {
-  background: var(--gray-800);
-}
-.p-fileupload-dnd .p-fileupload-item-row.error,
-.p-fileupload-button .p-fileupload-item-row.error {
-  border-color: var(--red-400);
-}
-.p-fileupload-dnd .p-fileupload-item-row.error .file-icon,
-.p-fileupload-button .p-fileupload-item-row.error .file-icon {
-  color: var(--red-400);
-}
-.p-fileupload-dnd .p-dataview-content,
-.p-fileupload-dnd .p-orderlist-list,
-.p-fileupload-button .p-dataview-content,
-.p-fileupload-button .p-orderlist-list {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-
-.p-fileupload-dnd .p-fileupload-buttonbar {
-  width: 100%;
-  border-radius: 0.5rem;
-  background: var(--gray-alpha);
-  border: 1px dashed var(--gray-900);
-  padding: 1.5rem 1.5rem 1rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar button {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar button > div {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.25rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar:hover {
-  cursor: pointer;
-  border-color: var(--aquamarine-300);
-}
-.p-fileupload-dnd .p-fileupload-buttonbar:hover i {
-  color: var(--aquamarine-300);
-}
-.hover\:border-primary:hover{
-  border-color: var(--primary-color);
-}
-.hover\:bg-blue-400:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}
-.hover\:bg-purple-400:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
-}
-.hover\:text-primary:hover{
-  color: var(--primary-color);
-}
-.hover\:underline:hover{
-  text-decoration-line: underline;
-}
-@media (min-width: 1px){
-  .sm\:\!w-10{
-    width: 10rem !important;
-  }
-  .sm\:\!w-15{
-    width: 15rem !important;
-  }
-  .sm\:\!w-16{
-    width: 16rem !important;
-  }
-  .sm\:\!w-26{
-    width: 26rem !important;
-  }
-  .sm\:w-auto{
-    width: auto;
-  }
-  .sm\:flex-row{
-    flex-direction: row;
-  }
-  .sm\:flex-col{
-    flex-direction: column;
-  }
-  .sm\:items-start{
-    align-items: flex-start;
-  }
-  .sm\:items-end{
-    align-items: flex-end;
-  }
-  .sm\:items-center{
-    align-items: center;
-  }
-  .sm\:gap-2{
-    gap: 0.5rem;
-  }
-  .sm\:p-8{
-    padding: 2rem;
-  }
-}
-@media (min-width: 768px){
-  .md\:col-span-3{
-    grid-column: span 3 / span 3;
-  }
-  .md\:col-span-6{
-    grid-column: span 6 / span 6;
-  }
-  .md\:mx-auto{
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .md\:mb-0{
-    margin-bottom: 0px;
-  }
-  .md\:ml-auto{
-    margin-left: auto;
-  }
-  .md\:mt-0{
-    margin-top: 0px;
-  }
-  .md\:block{
-    display: block;
-  }
-  .md\:flex{
-    display: flex;
-  }
-  .md\:hidden{
-    display: none;
-  }
-  .md\:\!w-10{
-    width: 10rem !important;
-  }
-  .md\:\!w-15{
-    width: 15rem !important;
-  }
-  .md\:\!w-20{
-    width: 20rem !important;
-  }
-  .md\:\!w-30{
-    width: 30rem !important;
-  }
-  .md\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .md\:\!w-8\/12{
-    width: 66.666667% !important;
-  }
-  .md\:w-2{
-    width: 2rem;
-  }
-  .md\:w-5{
-    width: 5rem;
-  }
-  .md\:flex-initial{
-    flex: 0 1 auto;
-  }
-  .md\:flex-row{
-    flex-direction: row;
-  }
-  .md\:flex-col{
-    flex-direction: column;
-  }
-  .md\:items-end{
-    align-items: flex-end;
-  }
-  .md\:items-center{
-    align-items: center;
-  }
-  .md\:justify-start{
-    justify-content: flex-start;
-  }
-  .md\:justify-center{
-    justify-content: center;
-  }
-  .md\:justify-between{
-    justify-content: space-between;
-  }
-  .md\:gap-8{
-    gap: 2rem;
-  }
-}
-@media (min-width: 1200px){
-  .lg\:mb-0{
-    margin-bottom: 0px;
-  }
-  .lg\:mt-0{
-    margin-top: 0px;
-  }
-  .lg\:flex{
-    display: flex;
-  }
-  .lg\:\!w-3\/12{
-    width: 25% !important;
-  }
-  .lg\:\!w-4\/12{
-    width: 33.333333% !important;
-  }
-  .lg\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .lg\:gap-0{
-    gap: 0px;
-  }
-  .lg\:px-5{
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-  .lg\:px-8{
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-  .lg\:pr-8{
-    padding-right: 2rem;
-  }
-}
-@media (min-width: 1280px){
-  .xl\:block{
-    display: block;
-  }
-  .xl\:flex{
-    display: flex;
-  }
-  .xl\:\!w-10{
-    width: 10rem !important;
-  }
-  .xl\:\!w-3\/12{
-    width: 25% !important;
-  }
-  .xl\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .xl\:\!w-9\/12{
-    width: 75% !important;
-  }
-  .xl\:w-6{
-    width: 6rem;
-  }
-  .xl\:flex-row{
-    flex-direction: row;
-  }
-  .xl\:items-start{
-    align-items: flex-start;
-  }
-  .xl\:justify-center{
-    justify-content: center;
-  }
-  .xl\:pt-0{
-    padding-top: 0px;
-  }
-  .xl\:text-left{
-    text-align: left;
-  }
-}
diff --git a/src-storybook/assets/themes/ek5-dark-primary/theme.min.css b/src-storybook/assets/themes/ek5-dark-primary/theme.min.css
deleted file mode 100644
index 2b524f1..0000000
--- a/src-storybook/assets/themes/ek5-dark-primary/theme.min.css
+++ /dev/null
@@ -1,2852 +0,0 @@
-*, ::before, ::after {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-
-::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*//*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-
-::before,
-::after {
-  --tw-content: '';
-}
-
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: Roboto, sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-
-/*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-/*
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-
-/*
-Add the correct font size in all browsers.
-*/
-
-small {
-  font-size: 80%;
-}
-
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-  text-transform: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-
-:-moz-focusring {
-  outline: auto;
-}
-
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-  vertical-align: baseline;
-}
-
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-  display: list-item;
-}
-
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-legend {
-  padding: 0;
-}
-
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-
-/*
-Prevent resizing textareas horizontally by default.
-*/
-
-textarea {
-  resize: vertical;
-}
-
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-
-/*
-Set the default cursor for buttons.
-*/
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}.container {
-  width: 100%;
-}@media (min-width: 1px) {
-
-  .container {
-    max-width: 1px;
-  }
-}@media (min-width: 768px) {
-
-  .container {
-    max-width: 768px;
-  }
-}@media (min-width: 1200px) {
-
-  .container {
-    max-width: 1200px;
-  }
-}@media (min-width: 1280px) {
-
-  .container {
-    max-width: 1280px;
-  }
-}@media (min-width: 1536px) {
-
-  .container {
-    max-width: 1536px;
-  }
-}.pointer-events-none {
-  pointer-events: none;
-}.\!visible {
-  visibility: visible !important;
-}.visible {
-  visibility: visible;
-}.collapse {
-  visibility: collapse;
-}.static {
-  position: static;
-}.fixed {
-  position: fixed;
-}.absolute {
-  position: absolute;
-}.relative {
-  position: relative;
-}.sticky {
-  position: sticky;
-}.left-0 {
-  left: 0px;
-}.right-0 {
-  right: 0px;
-}.top-0 {
-  top: 0px;
-}.top-auto {
-  top: auto;
-}.z-1 {
-  z-index: 1;
-}.col-span-12 {
-  grid-column: span 12 / span 12;
-}.col-span-2 {
-  grid-column: span 2 / span 2;
-}.col-span-6 {
-  grid-column: span 6 / span 6;
-}.col-span-8 {
-  grid-column: span 8 / span 8;
-}.m-0 {
-  margin: 0px;
-}.m-2 {
-  margin: 0.5rem;
-}.m-3 {
-  margin: 0.75rem;
-}.m-auto {
-  margin: auto;
-}.mx-0 {
-  margin-left: 0px;
-  margin-right: 0px;
-}.mx-1 {
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}.mx-3 {
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}.mx-4 {
-  margin-left: 1rem;
-  margin-right: 1rem;
-}.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}.my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}.my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}.my-4 {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}.my-5 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}.-ml-5 {
-  margin-left: -1.25rem;
-}.-mr-1 {
-  margin-right: -0.25rem;
-}.-mr-8 {
-  margin-right: -2rem;
-}.-mt-4 {
-  margin-top: -1rem;
-}.-mt-5 {
-  margin-top: -1.25rem;
-}.mb-0 {
-  margin-bottom: 0px;
-}.mb-1 {
-  margin-bottom: 0.25rem;
-}.mb-2 {
-  margin-bottom: 0.5rem;
-}.mb-3 {
-  margin-bottom: 0.75rem;
-}.mb-4 {
-  margin-bottom: 1rem;
-}.mb-5 {
-  margin-bottom: 1.25rem;
-}.mb-6 {
-  margin-bottom: 1.5rem;
-}.mb-8 {
-  margin-bottom: 2rem;
-}.ml-1 {
-  margin-left: 0.25rem;
-}.ml-2 {
-  margin-left: 0.5rem;
-}.ml-3 {
-  margin-left: 0.75rem;
-}.ml-5 {
-  margin-left: 1.25rem;
-}.ml-8 {
-  margin-left: 2rem;
-}.ml-auto {
-  margin-left: auto;
-}.mr-1 {
-  margin-right: 0.25rem;
-}.mr-2 {
-  margin-right: 0.5rem;
-}.mr-3 {
-  margin-right: 0.75rem;
-}.mr-4 {
-  margin-right: 1rem;
-}.mr-5 {
-  margin-right: 1.25rem;
-}.mt-0 {
-  margin-top: 0px;
-}.mt-1 {
-  margin-top: 0.25rem;
-}.mt-2 {
-  margin-top: 0.5rem;
-}.mt-3 {
-  margin-top: 0.75rem;
-}.mt-4 {
-  margin-top: 1rem;
-}.mt-5 {
-  margin-top: 1.25rem;
-}.mt-6 {
-  margin-top: 1.5rem;
-}.mt-7 {
-  margin-top: 1.75rem;
-}.mt-8 {
-  margin-top: 2rem;
-}.mt-auto {
-  margin-top: auto;
-}.block {
-  display: block;
-}.inline-block {
-  display: inline-block;
-}.\!inline {
-  display: inline !important;
-}.inline {
-  display: inline;
-}.flex {
-  display: flex;
-}.inline-flex {
-  display: inline-flex;
-}.table {
-  display: table;
-}.table-cell {
-  display: table-cell;
-}.grid {
-  display: grid;
-}.contents {
-  display: contents;
-}.hidden {
-  display: none;
-}.\!h-1 {
-  height: 1rem !important;
-}.\!h-10 {
-  height: 10rem !important;
-}.\!h-12 {
-  height: 12rem !important;
-}.\!h-14 {
-  height: 14rem !important;
-}.\!h-2 {
-  height: 2rem !important;
-}.\!h-20 {
-  height: 20rem !important;
-}.\!h-3 {
-  height: 3rem !important;
-}.\!h-30 {
-  height: 30rem !important;
-}.\!h-4 {
-  height: 4rem !important;
-}.\!h-5 {
-  height: 5rem !important;
-}.\!h-6 {
-  height: 6rem !important;
-}.\!h-8 {
-  height: 8rem !important;
-}.h-4 {
-  height: 4rem;
-}.h-full {
-  height: 100%;
-}.h-screen {
-  height: 100vh;
-}.\!w-1 {
-  width: 1rem !important;
-}.\!w-10 {
-  width: 10rem !important;
-}.\!w-12 {
-  width: 12rem !important;
-}.\!w-14 {
-  width: 14rem !important;
-}.\!w-15 {
-  width: 15rem !important;
-}.\!w-18 {
-  width: 18rem !important;
-}.\!w-2 {
-  width: 2rem !important;
-}.\!w-20 {
-  width: 20rem !important;
-}.\!w-25 {
-  width: 25rem !important;
-}.\!w-3 {
-  width: 3rem !important;
-}.\!w-3\/12 {
-  width: 25% !important;
-}.\!w-30 {
-  width: 30rem !important;
-}.\!w-4 {
-  width: 4rem !important;
-}.\!w-4\/12 {
-  width: 33.333333% !important;
-}.\!w-6 {
-  width: 6rem !important;
-}.\!w-6\/12 {
-  width: 50% !important;
-}.\!w-7\/12 {
-  width: 58.333333% !important;
-}.\!w-8 {
-  width: 8rem !important;
-}.\!w-8\/12 {
-  width: 66.666667% !important;
-}.\!w-9 {
-  width: 9rem !important;
-}.\!w-9\/12 {
-  width: 75% !important;
-}.w-1 {
-  width: 1rem;
-}.w-13 {
-  width: 13rem;
-}.w-9 {
-  width: 9rem;
-}.w-full {
-  width: 100%;
-}.min-w-0 {
-  min-width: 0px;
-}.max-w-full {
-  max-width: 100%;
-}.flex-1 {
-  flex: 1 1 0%;
-}.flex-auto {
-  flex: 1 1 auto;
-}.flex-shrink-0 {
-  flex-shrink: 0;
-}.shrink {
-  flex-shrink: 1;
-}.flex-grow {
-  flex-grow: 1;
-}.grow {
-  flex-grow: 1;
-}.origin-top {
-  transform-origin: top;
-}.transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}.cursor-pointer {
-  cursor: pointer;
-}.select-none {
-  user-select: none;
-}.resize {
-  resize: both;
-}.list-none {
-  list-style-type: none;
-}.grid-cols-12 {
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}.flex-row {
-  flex-direction: row;
-}.flex-row-reverse {
-  flex-direction: row-reverse;
-}.flex-col {
-  flex-direction: column;
-}.flex-wrap {
-  flex-wrap: wrap;
-}.items-start {
-  align-items: flex-start;
-}.items-end {
-  align-items: flex-end;
-}.items-center {
-  align-items: center;
-}.justify-start {
-  justify-content: flex-start;
-}.justify-end {
-  justify-content: flex-end;
-}.justify-center {
-  justify-content: center;
-}.justify-between {
-  justify-content: space-between;
-}.gap-1 {
-  gap: 0.25rem;
-}.gap-2 {
-  gap: 0.5rem;
-}.gap-3 {
-  gap: 0.75rem;
-}.gap-4 {
-  gap: 1rem;
-}.gap-5 {
-  gap: 1.25rem;
-}.gap-6 {
-  gap: 1.5rem;
-}.gap-8 {
-  gap: 2rem;
-}.overflow-auto {
-  overflow: auto;
-}.overflow-hidden {
-  overflow: hidden;
-}.overflow-visible {
-  overflow: visible;
-}.overflow-x-auto {
-  overflow-x: auto;
-}.overflow-y-auto {
-  overflow-y: auto;
-}.overflow-y-hidden {
-  overflow-y: hidden;
-}.whitespace-nowrap {
-  white-space: nowrap;
-}.rounded {
-  border-radius: 0.25rem;
-}.rounded-2xl {
-  border-radius: 1rem;
-}.rounded-3xl {
-  border-radius: 1.5rem;
-}.rounded-full {
-  border-radius: 9999px;
-}.rounded-xl {
-  border-radius: 0.75rem;
-}.border {
-  border-width: 1px;
-}.border-1 {
-  border-width: 1px;
-}.border-2 {
-  border-width: 2px;
-}.border-solid {
-  border-style: solid;
-}.border-dashed {
-  border-style: dashed;
-}.border-none {
-  border-style: none;
-}.border-blue-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}.border-color {
-  border-color: var(--text-color);
-}.border-indigo-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
-}.border-orange-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
-}.border-pink-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
-}.border-primary {
-  border-color: var(--primary-color);
-}.border-teal-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
-}.border-transparent {
-  border-color: transparent;
-}.bg-black {
-  background-color: var(--black-100);
-}.bg-blue-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}.bg-blue-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
-}.bg-blue-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}.bg-gray-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
-}.bg-green-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
-}.bg-indigo-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
-}.bg-orange-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
-}.bg-pink-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
-}.bg-primary {
-  background-color: var(--primary-color);
-}.bg-primary-600 {
-  background-color: var(--primary-600);
-}.bg-purple-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
-}.bg-surface-50 {
-  background-color: var(--surface-50);
-}.bg-teal-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
-}.bg-transparent {
-  background-color: transparent;
-}.bg-white {
-  background-color: var(--white-100);
-}.bg-cover {
-  background-size: cover;
-}.object-cover {
-  object-fit: cover;
-}.\!p-0 {
-  padding: 0px !important;
-}.p-0 {
-  padding: 0px;
-}.p-1 {
-  padding: 0.25rem;
-}.p-2 {
-  padding: 0.5rem;
-}.p-3 {
-  padding: 0.75rem;
-}.p-4 {
-  padding: 1rem;
-}.p-5 {
-  padding: 1.25rem;
-}.p-8 {
-  padding: 2rem;
-}.px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
-}.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}.px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
-}.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}.py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}.pb-0 {
-  padding-bottom: 0px;
-}.pb-3 {
-  padding-bottom: 0.75rem;
-}.pb-4 {
-  padding-bottom: 1rem;
-}.pb-5 {
-  padding-bottom: 1.25rem;
-}.pl-0 {
-  padding-left: 0px;
-}.pl-2 {
-  padding-left: 0.5rem;
-}.pl-3 {
-  padding-left: 0.75rem;
-}.pr-0 {
-  padding-right: 0px;
-}.pr-3 {
-  padding-right: 0.75rem;
-}.pr-4 {
-  padding-right: 1rem;
-}.pr-5 {
-  padding-right: 1.25rem;
-}.pr-6 {
-  padding-right: 1.5rem;
-}.pt-1 {
-  padding-top: 0.25rem;
-}.pt-3 {
-  padding-top: 0.75rem;
-}.pt-4 {
-  padding-top: 1rem;
-}.pt-5 {
-  padding-top: 1.25rem;
-}.pt-6 {
-  padding-top: 1.5rem;
-}.pt-7 {
-  padding-top: 1.75rem;
-}.pt-8 {
-  padding-top: 2rem;
-}.text-left {
-  text-align: left;
-}.text-center {
-  text-align: center;
-}.text-right {
-  text-align: right;
-}.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}.text-3xl {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}.text-4xl {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}.text-5xl {
-  font-size: 3rem;
-  line-height: 1;
-}.text-6xl {
-  font-size: 3.75rem;
-  line-height: 1;
-}.text-7xl {
-  font-size: 4.5rem;
-  line-height: 1;
-}.text-8xl {
-  font-size: 6rem;
-  line-height: 1;
-}.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}.font-bold {
-  font-weight: 700;
-}.font-medium {
-  font-weight: 500;
-}.font-normal {
-  font-weight: 400;
-}.font-semibold {
-  font-weight: 600;
-}.uppercase {
-  text-transform: uppercase;
-}.lowercase {
-  text-transform: lowercase;
-}.leading {
-  line-height: normal;
-}.leading-auto {
-  line-height: 1.2;
-}.leading-none {
-  line-height: 1;
-}.leading-normal {
-  line-height: 1.5;
-}.text-blue-500 {
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}.text-color {
-  color: var(--text-color);
-}.text-color-secondary {
-  color: var(--text-color-secondary);
-}.text-gray-900 {
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}.text-green-500 {
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
-}.text-green-600 {
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
-}.text-help {
-  color: var(--purple-400);
-}.text-indigo-200 {
-  --tw-text-opacity: 1;
-  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
-}.text-indigo-500 {
-  --tw-text-opacity: 1;
-  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
-}.text-info {
-  color: var(--blue-400);
-}.text-primary {
-  color: var(--primary-color);
-}.text-primary-50 {
-  color: var(--primary-50);
-}.text-primary-500 {
-  color: var(--primary-500);
-}.text-primary-700 {
-  color: var(--primary-700);
-}.text-red-500 {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}.text-slate-500 {
-  --tw-text-opacity: 1;
-  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
-}.text-white {
-  color: var(--white-100);
-}.text-yellow-500 {
-  --tw-text-opacity: 1;
-  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
-}.line-through {
-  text-decoration-line: line-through;
-}.no-underline {
-  text-decoration-line: none;
-}.antialiased {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}.opacity-20 {
-  opacity: 0.2;
-}.shadow {
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}.outline {
-  outline-style: solid;
-}.outline-color {
-  outline-color: var(--text-color);
-}.blur {
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.grayscale {
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.backdrop-filter {
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.duration-300 {
-  transition-duration: 300ms;
-}.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}.title-h1 {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h2 {
-  font-size: 1.5rem;
-  line-height: 2rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h3 {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h4 {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h5 {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h6 {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.subtitle-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}.subtitle-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}.subtitle-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}.subtitle-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}.subtitle-sm-secondary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}.subtitle-sm-primary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}.caption {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.caption-secondary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.caption-primary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.caption-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.caption-secondary-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.caption-primary-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.service-danger-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}.service-danger-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}.service-warning-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}.service-warning-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}.service-success-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}.service-success-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}.service-info-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.service-info-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.service-help-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.service-help-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.anchor-base:hover {
-  text-decoration-line: underline;
-}.anchor-base:visited {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-base:visited:hover {
-  text-decoration-line: underline;
-}.anchor-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.anchor-sm:hover {
-  text-decoration-line: underline;
-}.anchor-sm:visited {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-sm:visited:hover {
-  text-decoration-line: underline;
-}:root{--emerald-0: color-mix(in srgb, color-mix(in srgb, #29C075, #fff 76%), #000 80%);--emerald-50: color-mix(in srgb, #29C075, #fff 95%);--emerald-100: color-mix(in srgb, #29C075, #fff 76%);--emerald-200: color-mix(in srgb, #29C075, #fff 57%);--emerald-300: color-mix(in srgb, #29C075, #fff 38%);--emerald-400: color-mix(in srgb, #29C075, #fff 19%);--emerald-500: color-mix(in srgb, #29C075, #fff 0%);--emerald-600: color-mix(in srgb, #29C075, #000 15%);--emerald-700: color-mix(in srgb, #29C075, #000 30%);--emerald-800: color-mix(in srgb, #29C075, #000 45%);--emerald-900: color-mix(in srgb, #29C075, #000 60%);--emerald-alpha: color-mix(in srgb, #29C075 10%, transparent);--citrine-0: color-mix(in srgb, color-mix(in srgb, #FA8606, #fff 76%), #000 80%);--citrine-50: color-mix(in srgb, #FA8606, #fff 95%);--citrine-100: color-mix(in srgb, #FA8606, #fff 76%);--citrine-200: color-mix(in srgb, #FA8606, #fff 57%);--citrine-300: color-mix(in srgb, #FA8606, #fff 38%);--citrine-400: color-mix(in srgb, #FA8606, #fff 19%);--citrine-500: color-mix(in srgb, #FA8606, #fff 0%);--citrine-600: color-mix(in srgb, #FA8606, #000 15%);--citrine-700: color-mix(in srgb, #FA8606, #000 30%);--citrine-800: color-mix(in srgb, #FA8606, #000 45%);--citrine-900: color-mix(in srgb, #FA8606, #000 60%);--citrine-alpha: color-mix(in srgb, #FA8606 10%, transparent);--aquamarine-0: color-mix(in srgb, color-mix(in srgb, #14B8A6, #fff 76%), #000 80%);--aquamarine-50: color-mix(in srgb, #14B8A6, #fff 95%);--aquamarine-100: color-mix(in srgb, #14B8A6, #fff 76%);--aquamarine-200: color-mix(in srgb, #14B8A6, #fff 57%);--aquamarine-300: color-mix(in srgb, #14B8A6, #fff 38%);--aquamarine-400: color-mix(in srgb, #14B8A6, #fff 19%);--aquamarine-500: color-mix(in srgb, #14B8A6, #fff 0%);--aquamarine-600: color-mix(in srgb, #14B8A6, #000 15%);--aquamarine-700: color-mix(in srgb, #14B8A6, #000 30%);--aquamarine-800: color-mix(in srgb, #14B8A6, #000 45%);--aquamarine-900: color-mix(in srgb, #14B8A6, #000 60%);--aquamarine-alpha: color-mix(in srgb, #14B8A6 10%, transparent);--amethyst-0: color-mix(in srgb, color-mix(in srgb, #7254F3, #fff 76%), #000 80%);--amethyst-50: color-mix(in srgb, #7254F3, #fff 95%);--amethyst-100: color-mix(in srgb, #7254F3, #fff 76%);--amethyst-200: color-mix(in srgb, #7254F3, #fff 57%);--amethyst-300: color-mix(in srgb, #7254F3, #fff 38%);--amethyst-400: color-mix(in srgb, #7254F3, #fff 19%);--amethyst-500: color-mix(in srgb, #7254F3, #fff 0%);--amethyst-600: color-mix(in srgb, #7254F3, #000 15%);--amethyst-700: color-mix(in srgb, #7254F3, #000 30%);--amethyst-800: color-mix(in srgb, #7254F3, #000 45%);--amethyst-900: color-mix(in srgb, #7254F3, #000 60%);--amethyst-alpha: color-mix(in srgb, #7254F3 10%, transparent);--purple-0: color-mix(in srgb, color-mix(in srgb, #9757D7, #fff 76%), #000 80%);--purple-50: color-mix(in srgb, #9757D7, #fff 95%);--purple-100: color-mix(in srgb, #9757D7, #fff 76%);--purple-200: color-mix(in srgb, #9757D7, #fff 57%);--purple-300: color-mix(in srgb, #9757D7, #fff 38%);--purple-400: color-mix(in srgb, #9757D7, #fff 19%);--purple-500: color-mix(in srgb, #9757D7, #fff 0%);--purple-600: color-mix(in srgb, #9757D7, #000 15%);--purple-700: color-mix(in srgb, #9757D7, #000 30%);--purple-800: color-mix(in srgb, #9757D7, #000 45%);--purple-900: color-mix(in srgb, #9757D7, #000 60%);--purple-alpha: color-mix(in srgb, #9757D7 10%, transparent);--blue-0: color-mix(in srgb, color-mix(in srgb, #1F8CEB, #fff 76%), #000 80%);--blue-50: color-mix(in srgb, #1F8CEB, #fff 95%);--blue-100: color-mix(in srgb, #1F8CEB, #fff 76%);--blue-200: color-mix(in srgb, #1F8CEB, #fff 57%);--blue-300: color-mix(in srgb, #1F8CEB, #fff 38%);--blue-400: color-mix(in srgb, #1F8CEB, #fff 19%);--blue-500: color-mix(in srgb, #1F8CEB, #fff 0%);--blue-600: color-mix(in srgb, #1F8CEB, #000 15%);--blue-700: color-mix(in srgb, #1F8CEB, #000 30%);--blue-800: color-mix(in srgb, #1F8CEB, #000 45%);--blue-900: color-mix(in srgb, #1F8CEB, #000 60%);--blue-alpha: color-mix(in srgb, #1F8CEB 10%, transparent);--green-0: color-mix(in srgb, color-mix(in srgb, #45B24E, #fff 76%), #000 80%);--green-50: color-mix(in srgb, #45B24E, #fff 95%);--green-100: color-mix(in srgb, #45B24E, #fff 76%);--green-200: color-mix(in srgb, #45B24E, #fff 57%);--green-300: color-mix(in srgb, #45B24E, #fff 38%);--green-400: color-mix(in srgb, #45B24E, #fff 19%);--green-500: color-mix(in srgb, #45B24E, #fff 0%);--green-600: color-mix(in srgb, #45B24E, #000 15%);--green-700: color-mix(in srgb, #45B24E, #000 30%);--green-800: color-mix(in srgb, #45B24E, #000 45%);--green-900: color-mix(in srgb, #45B24E, #000 60%);--green-alpha: color-mix(in srgb, #45B24E 10%, transparent);--orange-0: color-mix(in srgb, color-mix(in srgb, #FFA100, #fff 76%), #000 80%);--orange-50: color-mix(in srgb, #FFA100, #fff 95%);--orange-100: color-mix(in srgb, #FFA100, #fff 76%);--orange-200: color-mix(in srgb, #FFA100, #fff 57%);--orange-300: color-mix(in srgb, #FFA100, #fff 38%);--orange-400: color-mix(in srgb, #FFA100, #fff 19%);--orange-500: color-mix(in srgb, #FFA100, #fff 0%);--orange-600: color-mix(in srgb, #FFA100, #000 15%);--orange-700: color-mix(in srgb, #FFA100, #000 30%);--orange-800: color-mix(in srgb, #FFA100, #000 45%);--orange-900: color-mix(in srgb, #FFA100, #000 60%);--orange-alpha: color-mix(in srgb, #FFA100 10%, transparent);--red-0: color-mix(in srgb, color-mix(in srgb, #DB4C3F, #fff 76%), #000 80%);--red-50: color-mix(in srgb, #DB4C3F, #fff 95%);--red-100: color-mix(in srgb, #DB4C3F, #fff 76%);--red-200: color-mix(in srgb, #DB4C3F, #fff 57%);--red-300: color-mix(in srgb, #DB4C3F, #fff 38%);--red-400: color-mix(in srgb, #DB4C3F, #fff 19%);--red-500: color-mix(in srgb, #DB4C3F, #fff 0%);--red-600: color-mix(in srgb, #DB4C3F, #000 15%);--red-700: color-mix(in srgb, #DB4C3F, #000 30%);--red-800: color-mix(in srgb, #DB4C3F, #000 45%);--red-900: color-mix(in srgb, #DB4C3F, #000 60%);--red-alpha: color-mix(in srgb, #DB4C3F 10%, transparent);--gray-0: color-mix(in srgb, color-mix(in srgb, #ABAAA9, #fff 76%), #000 80%);--gray-50: color-mix(in srgb, #ABAAA9, #fff 95%);--gray-100: color-mix(in srgb, #ABAAA9, #fff 76%);--gray-200: color-mix(in srgb, #ABAAA9, #fff 57%);--gray-300: color-mix(in srgb, #ABAAA9, #fff 38%);--gray-400: color-mix(in srgb, #ABAAA9, #fff 19%);--gray-500: color-mix(in srgb, #ABAAA9, #fff 0%);--gray-600: color-mix(in srgb, #ABAAA9, #000 15%);--gray-700: color-mix(in srgb, #ABAAA9, #000 30%);--gray-800: color-mix(in srgb, #ABAAA9, #000 45%);--gray-900: color-mix(in srgb, #ABAAA9, #000 60%);--gray-alpha: color-mix(in srgb, #ABAAA9 10%, transparent);--black-10: color-mix(in srgb, #000 10%, transparent) ;--black-20: color-mix(in srgb, #000 20%, transparent) ;--black-30: color-mix(in srgb, #000 30%, transparent) ;--black-40: color-mix(in srgb, #000 40%, transparent) ;--black-50: color-mix(in srgb, #000 50%, transparent) ;--black-60: color-mix(in srgb, #000 60%, transparent) ;--black-70: color-mix(in srgb, #000 70%, transparent) ;--black-80: color-mix(in srgb, #000 80%, transparent) ;--black-90: color-mix(in srgb, #000 90%, transparent) ;--black-100: color-mix(in srgb, #000 100%, transparent) ;--white-10: color-mix(in srgb, #fff 10%, transparent) ;--white-20: color-mix(in srgb, #fff 20%, transparent) ;--white-30: color-mix(in srgb, #fff 30%, transparent) ;--white-40: color-mix(in srgb, #fff 40%, transparent) ;--white-50: color-mix(in srgb, #fff 50%, transparent) ;--white-60: color-mix(in srgb, #fff 60%, transparent) ;--white-70: color-mix(in srgb, #fff 70%, transparent) ;--white-80: color-mix(in srgb, #fff 80%, transparent) ;--white-90: color-mix(in srgb, #fff 90%, transparent) ;--white-100: color-mix(in srgb, #fff 100%, transparent) ;--font-family: Roboto, Inter, Helvetica, Arial, sans-serif;--text-color: var(--white-100);--text-color-secondary: var(--white-80);--primary-color: var(--aquamarine-300);--primary-color-text: var(--black-80);--primary-0: var(--aquamarine-0);--primary-900: var(--aquamarine-900);--primary-800: var(--aquamarine-800);--primary-700: var(--aquamarine-700);--primary-600: var(--aquamarine-600);--primary-500: var(--aquamarine-500);--primary-400: var(--aquamarine-400);--primary-300: var(--aquamarine-300);--primary-200: var(--aquamarine-200);--primary-100: var(--aquamarine-100);--primary-50: var(--aquamarine-50);--primary-alpha: var(--aquamarine-alpha);--surface-0: var(--gray-50);--surface-50: var(--gray-0);--surface-100: var(--gray-900);--surface-200: var(--gray-800);--surface-300: var(--gray-700);--surface-400: var(--gray-600);--surface-500: var(--gray-600);--surface-600: var(--gray-400);--surface-700: var(--gray-300);--surface-800: var(--gray-200);--surface-900: var(--gray-100);--content-padding: 1rem;--inline-spacing: 0.5rem;--border-radius: 0.5rem;--surface-ground: #1c1b22;--surface-section: var(--gray-alpha);--surface-card: #1c1b22;--surface-overlay: var(--black-40);--surface-border: var(--gray-900);--surface-hover: var(--gray-800);--focus-ring: 0 0 0 0.25rem var(--aquamarine-800);--maskbg: var(--black-40);--highlight-bg: var(--aquamarine-300);--highlight-text-color: var(--black-80);color-scheme:dark}@media only screen and (min-resolution: 100dpi)and (max-resolution: 199dpi){html,body{font-size:12px}}@media only screen and (min-resolution: 200dpi)and (max-resolution: 499dpi){html,body{font-size:14px}}@media only screen and (min-resolution: 500dpi){html,body{font-size:16px}}*{box-sizing:border-box}html{font-size:14px;font-family:var(--font-family)}::selection{color:var(--black-80);background-color:var(--aquamarine-300)}.p-component{font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;font-weight:normal}.p-component-overlay{background-color:var(--black-40);transition-duration:.2s;padding:.5rem}.p-disabled,.p-component:disabled{pointer-events:all;cursor:not-allowed;opacity:.6;filter:grayscale(1)}.p-placeholder{opacity:.6}.p-error{color:var(--red-400)}.p-text-secondary{color:var(--white-80)}.p-icon{width:1rem;height:1rem}.p-link{font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;border-radius:.5rem}.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-component-overlay-enter{animation:p-component-overlay-enter-animation 150ms forwards}.p-component-overlay-leave{animation:p-component-overlay-leave-animation 150ms forwards}@keyframes p-component-overlay-enter-animation{from{background-color:rgba(0,0,0,0)}to{background-color:var(--maskbg)}}@keyframes p-component-overlay-leave-animation{from{background-color:var(--maskbg)}to{background-color:rgba(0,0,0,0)}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background-color:var(--white-20);border-radius:4.5px}::-webkit-scrollbar-track{background-color:rgba(0,0,0,.0001)}::-webkit-scrollbar-track:hover{background-color:var(--gray-800)}p-autocomplete.ng-dirty.ng-invalid>.p-autocomplete>.p-inputtext,p-calendar.ng-dirty.ng-invalid>.p-calendar>.p-inputtext,p-cascadeselect.ng-dirty.ng-invalid>.p-cascadeselect,p-checkbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box,p-tristatecheckbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box,p-chips.ng-dirty.ng-invalid>.p-chips>.p-inputtext,p-dropdown.ng-dirty.ng-invalid>.p-dropdown,p-inputmask.ng-dirty.ng-invalid>.p-inputtext,p-inputnumber.ng-dirty.ng-invalid>.p-inputnumber>.p-inputtext,p-inputswitch.ng-dirty.ng-invalid>.p-inputswitch>.p-inputswitch-slider,.p-inputtext.ng-dirty.ng-invalid,p-listbox.ng-dirty.ng-invalid>.p-listbox,p-multiselect.ng-dirty.ng-invalid>.p-multiselect,p-password.ng-invalid.ng-dirty>.p-password>.p-inputtext,p-radiobutton.ng-dirty.ng-invalid>.p-radiobutton>.p-radiobutton-box,p-selectbutton.ng-dirty.ng-invalid>.p-selectbutton>.p-button,p-togglebutton.ng-dirty.ng-invalid>.p-togglebutton.p-button,p-treeselect.ng-invalid.ng-dirty>.p-treeselect{border-color:var(--red-400) !important;box-shadow:0 0 0 .25rem var(--red-800) !important}.p-progress-spinner-circle{stroke:var(--aquamarine-300)}.p-overflow-hidden{overflow:hidden;padding-right:var(--scrollbar-width)}@layer primeng{.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type=button],input[type=submit],input[type=reset],input[type=file]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:rgba(0,0,0,0);margin:0;padding:0;border:none;cursor:pointer;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:inline-flex}.p-icon{display:inline-block}.p-icon-spin{animation:p-icon-spin 2s infinite linear}}@keyframes p-icon-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.p-togglebutton.p-button.p-highlight.p-disabled,.p-button.p-button-help.p-disabled,.p-button-group.p-button-help>.p-button.p-disabled,.p-splitbutton.p-button-help>.p-button.p-disabled,.p-fileupload-choose.p-button-help.p-disabled,.p-button.p-button-info.p-disabled,.p-button-group.p-button-info>.p-button.p-disabled,.p-splitbutton.p-button-info>.p-button.p-disabled,.p-fileupload-choose.p-button-info.p-disabled,.p-button.p-button-success.p-disabled,.p-button-group.p-button-success>.p-button.p-disabled,.p-splitbutton.p-button-success>.p-button.p-disabled,.p-fileupload-choose.p-button-success.p-disabled,.p-button.p-button-warning.p-disabled,.p-button-group.p-button-warning>.p-button.p-disabled,.p-splitbutton.p-button-warning>.p-button.p-disabled,.p-fileupload-choose.p-button-warning.p-disabled,.p-button.p-button-danger.p-disabled,.p-button-group.p-button-danger>.p-button.p-disabled,.p-splitbutton.p-button-danger>.p-button.p-disabled,.p-fileupload-choose.p-button-danger.p-disabled,.p-button.p-disabled{color:var(--white-80);background-color:var(--white-20);border-color:var(--gray-900)}.p-button{height:2.5rem;display:flex;gap:.5rem;font-size:1rem;font-weight:700;color:var(--black-80);border:1px solid rgba(0,0,0,.0001);border-radius:.5rem;padding:0rem 1rem;background:var(--aquamarine-300);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-button .p-button-label{transition-duration:.2s}.p-button .p-button-icon{font-size:1.25rem}.p-button.p-button-rounded{border-radius:100px}.p-button.p-button-icon-only{flex-shrink:0;width:2.5rem;padding:0}.p-button.p-button-icon-only:after{display:none}.p-button.p-button-icon-only .p-button-label{display:none}.p-button.p-button-sm{height:2rem;font-size:.875rem;padding:0 .75rem}.p-button.p-button-sm .p-button-icon{font-size:1rem}.p-button.p-button-sm.p-button-icon-only{width:2rem;padding:0}.p-button.p-button-lg{gap:.75rem;height:3.5rem;font-size:1.25rem;padding:0 1.5rem}.p-button.p-button-lg .p-button-icon{font-size:1.5rem}.p-button.p-button-lg.p-button-icon-only{width:3.5rem;padding:0}.p-button:not(.p-disabled):hover{background:var(--aquamarine-200);color:var(--black-80);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button:not(.p-disabled):active{background:var(--aquamarine-300);color:var(--black-80);border-color:rgba(0,0,0,0);box-shadow:none}.p-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}p-button[size=xlarge] .p-button{gap:.75rem;height:4rem;font-size:1.75rem;padding:0 1.5rem}p-button[size=xlarge] .p-button .p-button-icon{font-size:2rem}p-button[size=xlarge] .p-button.p-button-icon-only{width:4rem;padding:0}.p-button-outlined{background:rgba(0,0,0,.0001);color:var(--aquamarine-300);border-color:var(--aquamarine-800)}.p-button-outlined:not(.p-disabled):hover{background:rgba(0,0,0,.0001);color:var(--aquamarine-300);border-color:var(--aquamarine-300);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button-outlined:not(.p-disabled):active{background:rgba(0,0,0,.0001);color:var(--aquamarine-300);border-color:var(--aquamarine-800);box-shadow:none}.p-button-text{background-color:#1c1b22;color:var(--aquamarine-300)}.p-button-text:not(.p-disabled):hover{background:var(--aquamarine-alpha);color:var(--aquamarine-300);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button-text:not(.p-disabled):active{background:#1c1b22;color:var(--aquamarine-300);border-color:rgba(0,0,0,0);box-shadow:none}.p-button-group{display:flex}.p-fluid .p-button:not(.p-button-icon-only){width:100%}.p-fluid .p-button-group .p-button:not(.p-button-icon-only){flex:1}.p-button.p-button-danger,.p-button-group.p-button-danger>.p-button,.p-splitbutton.p-button-danger>.p-button,.p-fileupload-choose.p-button-danger{color:var(--black-80);background:var(--red-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-danger:not(.p-disabled):hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-danger:not(.p-disabled):hover{background:var(--red-300);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-danger:not(.p-disabled):active,.p-button-group.p-button-danger>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-danger:not(.p-disabled):active{background:var(--red-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-danger:not(.p-disabled).p-button-outlined,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--red-400);border-color:var(--red-800)}.p-button.p-button-danger:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-danger:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--red-400);border-color:var(--red-800);box-shadow:none}.p-button.p-button-danger:not(.p-disabled).p-button-text,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--red-400)}.p-button.p-button-danger:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:hover{background:var(--red-alpha);color:var(--red-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-danger:not(.p-disabled).p-button-text:active,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:active{background:rgba(0,0,0,.0001);color:var(--red-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-warning,.p-button-group.p-button-warning>.p-button,.p-splitbutton.p-button-warning>.p-button,.p-fileupload-choose.p-button-warning{color:var(--black-80);background:var(--orange-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-warning:not(.p-disabled):hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-warning:not(.p-disabled):hover{background:var(--orange-300);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-warning:not(.p-disabled):active,.p-button-group.p-button-warning>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-warning:not(.p-disabled):active{background:var(--orange-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-warning:not(.p-disabled).p-button-outlined,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--orange-400);border-color:var(--orange-800)}.p-button.p-button-warning:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-warning:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--orange-400);border-color:var(--orange-800);box-shadow:none}.p-button.p-button-warning:not(.p-disabled).p-button-text,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--orange-400)}.p-button.p-button-warning:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:hover{background:var(--orange-alpha);color:var(--orange-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-warning:not(.p-disabled).p-button-text:active,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:active{background:#1c1b22;color:var(--orange-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-success,.p-button-group.p-button-success>.p-button,.p-splitbutton.p-button-success>.p-button,.p-fileupload-choose.p-button-success{color:var(--black-80);background:var(--green-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-success:not(.p-disabled):hover,.p-button-group.p-button-success>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-success:not(.p-disabled):hover{background:var(--green-300);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-success:not(.p-disabled):active,.p-button-group.p-button-success>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-success:not(.p-disabled):active{background:var(--green-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-success:not(.p-disabled).p-button-outlined,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--green-400);border-color:var(--green-900)}.p-button.p-button-success:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-success:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--green-400);border-color:var(--green-900);box-shadow:none}.p-button.p-button-success:not(.p-disabled).p-button-text,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--green-400)}.p-button.p-button-success:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:hover{background:var(--green-alpha);color:var(--green-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-success:not(.p-disabled).p-button-text:active,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:active{background:#1c1b22;color:var(--green-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-info,.p-button-group.p-button-info>.p-button,.p-splitbutton.p-button-info>.p-button,.p-fileupload-choose.p-button-info{color:var(--black-80);background:var(--blue-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-info:not(.p-disabled):hover,.p-button-group.p-button-info>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-info:not(.p-disabled):hover{background:var(--blue-500);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-info:not(.p-disabled):active,.p-button-group.p-button-info>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-info:not(.p-disabled):active{background:var(--blue-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-info:not(.p-disabled).p-button-outlined,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--blue-400);border-color:var(--blue-800)}.p-button.p-button-info:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-info:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--blue-400);border-color:var(--blue-800);box-shadow:none}.p-button.p-button-info:not(.p-disabled).p-button-text,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--blue-400)}.p-button.p-button-info:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:hover{background:var(--blue-alpha);color:var(--blue-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-info:not(.p-disabled).p-button-text:active,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:active{background:#1c1b22;color:var(--blue-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-help,.p-button-group.p-button-help>.p-button,.p-splitbutton.p-button-help>.p-button,.p-fileupload-choose.p-button-help{color:var(--black-80);background:var(--purple-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-help:not(.p-disabled):hover,.p-button-group.p-button-help>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-help:not(.p-disabled):hover{background:var(--purple-500);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-help:not(.p-disabled):active,.p-button-group.p-button-help>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-help:not(.p-disabled):active{background:var(--purple-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-help:not(.p-disabled).p-button-outlined,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--purple-400);border-color:var(--purple-800)}.p-button.p-button-help:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--purple-400);border-color:var(--purple-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-help:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--purple-400);border-color:var(--purple-800);box-shadow:none}.p-button.p-button-help:not(.p-disabled).p-button-text,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--purple-400)}.p-button.p-button-help:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:hover{background:var(--purple-alpha);color:var(--purple-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-help:not(.p-disabled).p-button-text:active,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:active{background:#1c1b22;color:var(--purple-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-inputtext{min-height:2.5rem;line-height:2.5rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--white-100);background:#1c1b22;padding:0rem .75rem;border:1px solid var(--gray-900);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;appearance:none;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-inputtext:enabled:hover{border-color:var(--aquamarine-300)}.p-inputtext:enabled:focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-inputtext.p-invalid.p-component,.p-inputtext.ng-invalid.ng-touched{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-inputtext:disabled,.p-inputtext.p-disabled{background:var(--white-20)}.p-float-label>label{left:.75rem;color:var(--white-80);transition-duration:.2s}.p-float-label>.p-invalid+label{color:var(--red-400)}.p-icon-field-left>.p-inputtext{padding-left:2.5rem}.p-icon-field-left.p-float-label>label{left:2.5rem}.p-icon-field-right>.p-inputtext{padding-right:2.5rem}::-webkit-input-placeholder{color:var(--white-80);opacity:.6}:-moz-placeholder{color:var(--white-80);opacity:.6}::-moz-placeholder{color:var(--white-80);opacity:.6}:-ms-input-placeholder{color:var(--white-80);opacity:.6}.p-inputtext-lg{min-height:3.5rem;line-height:3.5rem}.p-inputtextarea{padding:.75rem;line-height:normal}.p-icon-field .p-inputtextarea-icon.p-input-icon{top:unset;margin-top:.5rem}.p-inputotp{display:flex;align-items:center;gap:.5rem}.p-inputotp.error .p-inputotp-input{border-color:var(--red-400)}.p-inputotp-input{font-size:1.5rem;text-align:center;width:2.5rem;border:none;border-bottom:1px solid var(--gray-900);border-radius:0;background:rgba(0,0,0,0)}.p-inputotp-input:disabled,.p-inputotp-input.p-disabled{background:rgba(0,0,0,0)}.p-inputotp-input:enabled:focus{box-shadow:none}.p-listbox-list-wrapper{overflow:auto}.p-listbox-list{list-style-type:none;margin:0;padding:0}.p-listbox-item{cursor:pointer;overflow:hidden;position:relative;color:var(--white-80);margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.0001);border-radius:.5rem;transition:.2s}.p-listbox-item:first-child{margin-top:0}.p-listbox-item:last-child{margin-bottom:0}.p-listbox-item.p-highlight{color:var(--black-80);background:var(--aquamarine-300)}.p-listbox-item:not(.p-highlight).p-disabled{color:var(--white-80);border-color:var(--gray-900);background:var(--white-20)}.p-listbox-item.p-disabled{cursor:not-allowed;opacity:.6;background:var(--aquamarine-300) !important;color:var(--black-80) !important;mix-blend-mode:luminosity;border:1px solid rgba(0,0,0,.0001)}.p-listbox-item.p-disabled:has(.p-checkbox){background:var(--white-20);color:var(--white-80)}.p-listbox-item .p-checkbox{margin-right:.5rem}.p-listbox-item:has(.p-checkbox){background:#1c1b22;color:var(--white-80)}.p-listbox-item:has(.p-checkbox):hover{background:#000}.p-listbox-item-group{cursor:auto}.p-listbox-filter-container{position:relative}.p-listbox-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-listbox-filter{width:100%}.p-listbox{background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-listbox .p-listbox-header{padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.0001);color:var(--white-80);background:rgba(0,0,0,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-listbox .p-listbox-header .p-checkbox{margin-right:.5rem}.p-listbox .p-listbox-header .p-checkbox .p-checkbox-box.p-disabled{background:#1c1b22}.p-listbox .p-listbox-header .p-listbox-filter{padding-right:1.75rem}.p-listbox .p-listbox-header .p-listbox-filter-icon{right:.75rem;color:var(--white-100)}.p-listbox .p-listbox-header .p-disabled+.p-listbox-filter-icon{opacity:.6}.p-listbox .p-listbox-list{padding:.25rem;outline:0 none}.p-listbox .p-listbox-list .p-listbox-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001);font-weight:bold}.p-listbox .p-listbox-list .p-listbox-empty-message{text-align:center;color:var(--white-80);padding:.75rem;background:rgba(0,0,0,.0001)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight.p-focus{border:1px solid rgba(0,0,0,.0001);background:var(--aquamarine-300);box-shadow:0 0 0 .25rem var(--aquamarine-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:hover{background:var(--aquamarine-200)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox).p-focus{border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);box-shadow:0 0 0 .25rem var(--aquamarine-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover{color:var(--white-100);background:var(--gray-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover.p-focus{color:var(--white-100);background:var(--gray-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus{border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);box-shadow:0 0 0 .25rem var(--aquamarine-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover{color:var(--white-100);background:var(--gray-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus{color:var(--white-100);background:var(--gray-800)}.p-listbox.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-listbox.p-invalid{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-listbox.p-disabled *.p-disabled{opacity:1}.p-listbox.p-disabled .p-listbox-filter-icon{display:none}.p-listbox.p-disabled .p-listbox-filter.p-inputtext{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49967 2.83335C7.03555 2.83335 6.59043 3.01773 6.26224 3.34592C5.93405 3.67411 5.74967 4.11922 5.74967 4.58335V6.33335H9.24967V4.58335C9.24967 4.11922 9.0653 3.67411 8.73711 3.34592C8.40892 3.01773 7.9638 2.83335 7.49967 2.83335ZM10.4163 6.33335V4.58335C10.4163 3.80981 10.1091 3.06794 9.56207 2.52096C9.01509 1.97398 8.27322 1.66669 7.49967 1.66669C6.72613 1.66669 5.98426 1.97398 5.43728 2.52096C4.8903 3.06794 4.58301 3.80981 4.58301 4.58335V6.33335C4.11888 6.33335 3.67376 6.51773 3.34557 6.84592C3.01738 7.17411 2.83301 7.61922 2.83301 8.08335V11.5834C2.83301 12.0475 3.01738 12.4926 3.34557 12.8208C3.67376 13.149 4.11888 13.3334 4.58301 13.3334H10.4163C10.8805 13.3334 11.3256 13.149 11.6538 12.8208C11.982 12.4926 12.1663 12.0475 12.1663 11.5834V8.08335C12.1663 7.61922 11.982 7.17411 11.6538 6.84592C11.3256 6.51773 10.8805 6.33335 10.4163 6.33335ZM4.58301 7.50002C4.4283 7.50002 4.27993 7.56148 4.17053 7.67087C4.06113 7.78027 3.99967 7.92864 3.99967 8.08335V11.5834C3.99967 11.7381 4.06113 11.8864 4.17053 11.9958C4.27993 12.1052 4.4283 12.1667 4.58301 12.1667H10.4163C10.5711 12.1667 10.7194 12.1052 10.8288 11.9958C10.9382 11.8864 10.9997 11.7381 10.9997 11.5834V8.08335C10.9997 7.92864 10.9382 7.78027 10.8288 7.67087C10.7194 7.56148 10.5711 7.50002 10.4163 7.50002H4.58301ZM6.67472 9.0084C6.89351 8.7896 7.19026 8.66669 7.49967 8.66669C7.80909 8.66669 8.10584 8.7896 8.32463 9.0084C8.54342 9.22719 8.66634 9.52393 8.66634 9.83335C8.66634 10.1428 8.54343 10.4395 8.32463 10.6583C8.10584 10.8771 7.80909 11 7.49967 11C7.19026 11 6.89351 10.8771 6.67472 10.6583C6.45592 10.4395 6.33301 10.1428 6.33301 9.83335C6.33301 9.52393 6.45592 9.22719 6.67472 9.0084Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat}.p-listbox.p-disabled .p-listbox-item{background:var(--white-20);color:var(--white-80)}.p-dropdown{display:inline-flex;cursor:pointer;position:relative;user-select:none}.p-dropdown.p-disabled{cursor:not-allowed;color:var(--white-80);border-color:var(--gray-900);background:var(--white-20)}.p-dropdown-clear-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-dropdown-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-dropdown-label{height:min-content;margin:auto 0;display:block;white-space:nowrap;overflow:hidden;flex:1 1 auto;width:1%;text-overflow:ellipsis;cursor:pointer}.p-dropdown-label-empty{overflow:hidden;opacity:0}input.p-dropdown-label{cursor:default}.p-dropdown .p-dropdown-panel{min-width:100%}.p-dropdown-panel{position:absolute;top:0;left:0}.p-dropdown-items-wrapper{overflow:auto}.p-dropdown-item{cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;font-weight:normal;color:var(--white-80);white-space:nowrap;margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.0001);border-radius:.5rem;background:rgba(0,0,0,.0001);transition:.2s}.p-dropdown-item:first-child{margin-top:0}.p-dropdown-item:last-child{margin-bottom:0}.p-dropdown-item.p-highlight{color:var(--black-80);background:var(--aquamarine-300)}.p-dropdown-item.p-highlight:hover{background:var(--aquamarine-200)}.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover{color:var(--white-100);background:var(--gray-800)}.p-dropdown-item:not(.p-highlight).p-disabled{color:var(--white-80);border-color:var(--gray-900);background:var(--white-20)}.p-dropdown-item.p-disabled{cursor:not-allowed}.p-dropdown-item .p-dropdown-check-icon{position:relative;margin-left:-0.5rem;margin-right:.5rem}.p-dropdown-item-group{cursor:auto}.p-dropdown-items{margin:0;padding:0;list-style-type:none}.p-dropdown-filter{width:100%}.p-dropdown-filter-container{position:relative}.p-dropdown-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-dropdown{display:flex}.p-fluid .p-dropdown .p-dropdown-label{width:1%}.p-dropdown{background:#1c1b22;border:1px solid var(--gray-900);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-dropdown:not(.p-disabled):hover{border-color:var(--aquamarine-300)}.p-dropdown:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-dropdown.p-dropdown-clearable .p-dropdown-label{padding-right:1.75rem}.p-dropdown .p-dropdown-label{background:rgba(0,0,0,0);border:0 none}.p-dropdown .p-dropdown-label.p-placeholder{color:var(--white-80)}.p-dropdown .p-dropdown-label:focus,.p-dropdown .p-dropdown-label:enabled:focus{outline:0 none;box-shadow:none}.p-dropdown .p-dropdown-trigger{background:rgba(0,0,0,0);color:var(--white-100);width:2.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-dropdown .p-dropdown-clear-icon{color:var(--white-100);right:2.5rem}.p-dropdown.p-invalid.p-component{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-dropdown-panel{background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem;margin-top:.25rem;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-dropdown-panel .p-dropdown-header{padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.0001);color:var(--white-80);background:rgba(0,0,0,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter{padding-right:1.75rem;margin-right:-1.75rem}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon{right:.75rem;color:var(--white-100)}.p-dropdown-panel .p-dropdown-items{padding:.25rem}.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001);font-weight:bold}.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{color:var(--white-80);text-align:center;padding:.5rem .75rem;background:rgba(0,0,0,.0001)}.p-multiselect{cursor:pointer;display:inline-flex;align-items:center;user-select:none}.p-multiselect-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-multiselect-label-container{cursor:pointer;overflow:hidden;height:min-content;display:flex;flex:1 1 auto;align-items:center}.p-multiselect-clearable .p-multiselect-label-container{padding-right:1.75rem}.p-multiselect-clearable .p-multiselect-clear-icon{right:2.5rem}.p-multiselect-label{display:block;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.p-multiselect-label-empty{overflow:hidden;visibility:hidden}.p-multiselect-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem;margin-right:.25rem}.p-multiselect-token-icon{cursor:pointer}.p-multiselect .p-multiselect-panel{min-width:100%}.p-multiselect-items-wrapper{overflow:auto}.p-multiselect-items{margin:0;padding:0;list-style-type:none}.p-multiselect-item{cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;font-weight:normal;color:var(--white-80);white-space:nowrap;margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.0001);border-radius:.5rem;background:rgba(0,0,0,.0001);transition:.2s}.p-multiselect-item:not(.p-disabled):hover,.p-multiselect-item:not(.p-disabled).p-focus{color:var(--white-100);background:var(--gray-800)}.p-multiselect-item:not(.p-highlight).p-disabled{color:var(--white-80);border-color:var(--gray-900);background:var(--white-20)}.p-multiselect-item.p-disabled{cursor:not-allowed}.p-multiselect-item .p-checkbox{margin-right:.5rem}.p-multiselect-item-group{cursor:auto}.p-multiselect-header{display:flex;align-items:center;justify-content:space-between}.p-multiselect-filter-container{position:relative;flex:1 1 auto}.p-multiselect-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-multiselect-filter-container .p-inputtext{width:100%}.p-multiselect-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;margin-left:auto}.p-fluid .p-multiselect{display:flex}.p-multiselect{background:#1c1b22;border:1px solid var(--gray-900);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-multiselect.p-disabled{cursor:not-allowed;background-color:var(--white-20)}.p-multiselect:not(.p-disabled):hover{border-color:var(--aquamarine-300)}.p-multiselect:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-multiselect .p-multiselect-label{color:var(--white-100);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-multiselect .p-multiselect-label.p-placeholder{color:var(--white-80);padding:0rem .75rem;padding-left:.5rem}.p-multiselect:not(.p-multiselect-chip) .p-multiselect-label{padding:0rem .75rem;line-height:2.5rem}.p-multiselect.p-multiselect-chip{min-height:2.5rem;padding:.25rem}.p-multiselect.p-multiselect-chip .p-multiselect-token{padding:0rem .5rem;background:var(--white-20);color:var(--white-100);border-radius:.25rem}.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon{margin-left:.5rem}.p-multiselect .p-multiselect-trigger{background:rgba(0,0,0,0);color:var(--white-100);width:2.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-multiselect.p-invalid.p-component{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-multiselect-panel{background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40);margin-top:.25rem}.p-multiselect-panel .p-multiselect-header{padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.0001);color:var(--white-80);background:rgba(0,0,0,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem;border:1px solid rgba(0,0,0,0);border-bottom:0}.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext{padding-right:1.75rem}.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon{right:.75rem;color:var(--white-100)}.p-multiselect-panel .p-multiselect-header .p-checkbox{margin-right:.5rem}.p-multiselect-panel .p-multiselect-header .p-multiselect-close{margin-left:.5rem;width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-multiselect-panel .p-multiselect-header .p-multiselect-close.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-multiselect-panel .p-multiselect-items{padding:.25rem}.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001);font-weight:bold}.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message{padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001)}.p-password .p-icon-wrapper{right:.75rem;top:50%;cursor:pointer;fill:var(--white-100)}.p-password.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-password .p-input-icon{cursor:pointer;color:var(--white-100);right:.75rem}.p-password.p-disabled{opacity:1}.p-password.p-disabled .p-input-icon{opacity:.6}.p-input-icon-right input{padding-right:2.5rem}.p-icon-field .p-password-icon.p-input-icon{right:.75rem;top:20% !important}.p-password-input{width:100%;height:100%;display:flex;min-height:2.5rem;padding:0 .75rem;align-items:center}.text-feedback{display:inline-flex;align-items:flex-start}.text-feedback .ti{position:relative;bottom:1px}.text-feedback--default{color:var(--white-100)}.text-feedback--default .ti{color:var(--gray-900)}.text-feedback--success{color:var(--green-400)}.text-feedback--error{color:var(--red-400)}.p-password-panel{color:var(--white-80);padding:.75rem;margin-top:.25rem;border:1px solid var(--gray-900);border-radius:.5rem;background:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-password-panel .p-password-meter{overflow:hidden;height:.5rem;border-radius:1rem;margin-bottom:.5rem;background:var(--white-20)}.p-password-panel .p-password-meter .p-password-strength.weak{background:var(--red-400)}.p-password-panel .p-password-meter .p-password-strength.medium{background:var(--orange-400)}.p-password-panel .p-password-meter .p-password-strength.strong{background:var(--green-400)}.p-inputgroup-addon{background:#1c1b22;color:var(--white-80);border-top:1px solid var(--gray-900);border-left:1px solid var(--gray-900);border-bottom:1px solid var(--gray-900);padding:0rem .75rem;min-width:2.5rem}.p-inputgroup-addon:last-child{border-right:1px solid var(--gray-900)}.p-inputgroup-addon.p-disabled{background-color:var(--white-20);color:var(--white-80)}.p-inputgroup>.p-component,.p-inputgroup>.p-inputwrapper>.p-inputtext,.p-inputgroup>.p-float-label>.p-component{border-radius:0;margin:0}.p-inputgroup>.p-component+.p-inputgroup-addon,.p-inputgroup>.p-inputwrapper>.p-inputtext+.p-inputgroup-addon,.p-inputgroup>.p-float-label>.p-component+.p-inputgroup-addon{border-left:0 none}.p-inputgroup>.p-component:focus,.p-inputgroup>.p-inputwrapper>.p-inputtext:focus,.p-inputgroup>.p-float-label>.p-component:focus{z-index:1}.p-inputgroup>.p-component:focus~label,.p-inputgroup>.p-inputwrapper>.p-inputtext:focus~label,.p-inputgroup>.p-float-label>.p-component:focus~label{z-index:1}.p-inputgroup-addon:first-child,.p-inputgroup button:first-child,.p-inputgroup input:first-child,.p-inputgroup>.p-inputwrapper:first-child,.p-inputgroup>.p-inputwrapper:first-child>.p-inputtext{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-inputgroup .p-float-label:first-child input{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-inputgroup-addon:last-child,.p-inputgroup button:last-child,.p-inputgroup input:last-child,.p-inputgroup>.p-inputwrapper:last-child,.p-inputgroup>.p-inputwrapper:last-child>.p-inputtext{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-inputgroup .p-float-label:last-child input{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-inputgroup .p-button{height:auto;width:auto}.p-inputgroup .p-button.p-button-icon-only{width:2.5rem}.p-icon-field{position:relative}.p-icon-field .p-input-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-inputnumber.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}p-inputnumber.ng-invalid.ng-touched>.p-inputnumber>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}p-inputnumber[ng-reflect-is-disabled=true] .p-inputnumber-button{background:var(--white-20)}.p-inputnumber-button{color:var(--white-100);border-color:var(--gray-900);background-color:#1c1b22}.p-inputnumber-button .p-button-icon{font-size:1rem}.p-inputnumber-button:hover{box-shadow:none !important}.p-inputnumber-buttons-horizontal .p-inputnumber-button-down{border-top-right-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-button-up{border-top-left-radius:0;border-bottom-left-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-input{border-radius:0;border-left-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0);z-index:1}.p-inputnumber-buttons-horizontal .p-inputnumber-button-down,.p-inputnumber-buttons-horizontal .p-inputnumber-button-up{height:100%}.p-inputnumber-buttons-vertical .p-inputnumber-button-down{border-top-left-radius:0;border-top-right-radius:0}.p-inputnumber-buttons-vertical .p-inputnumber-button-up{border-bottom-left-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-vertical .p-inputnumber-input{border-radius:0;border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);z-index:1}.p-inputnumber-buttons-vertical .p-inputnumber-button-down,.p-inputnumber-buttons-vertical .p-inputnumber-button-up{width:100%}.p-fluid .p-icon-field-left,.p-fluid .p-icon-field-right{width:100%}.p-icon-field-left .p-input-icon:first-of-type{left:.75rem;color:var(--white-100)}.p-icon-field-right .p-input-icon:last-of-type{right:.75rem;color:var(--white-100)}.p-checkbox{position:relative;display:inline-flex;user-select:none;vertical-align:bottom}.p-checkbox-input{appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;cursor:pointer}.p-checkbox-box{display:flex;justify-content:center;align-items:center}.p-checkbox{width:1.5rem;height:1.5rem}.p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon{display:none}.p-checkbox.p-checkbox-checked .p-checkbox-box::after{content:"";width:1rem;height:1rem;transition-duration:.2s;color:var(--black-80);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.p-checkbox .p-checkbox-input{border:1px solid var(--gray-900);border-radius:.25rem}.p-checkbox .p-checkbox-box{border:1px solid var(--gray-900);background:#1c1b22;width:1.5rem;height:1.5rem;color:var(--white-100);border-radius:.25rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-checkbox .p-checkbox-box.p-highlight{border-color:var(--aquamarine-300);background:var(--aquamarine-300)}.p-checkbox .p-checkbox-box:not(.p-disabled):hover{border-color:var(--aquamarine-300)}.p-checkbox .p-checkbox-box:not(.p-disabled):hover.p-highlight{border-color:var(--aquamarine-200);background:var(--aquamarine-200);color:var(--black-80)}.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-checkbox .p-checkbox-box.p-disabled{background:var(--white-20)}.p-checkbox .p-checkbox-box .p-checkbox-icon{transition-duration:.2s;color:var(--black-80);font-size:1rem}.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon{width:1rem;height:1rem}p-checkbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-highlight .p-checkbox .p-checkbox-box{border-color:var(--aquamarine-300)}.p-radiobutton{position:relative;display:inline-flex;user-select:none;vertical-align:bottom}.p-radiobutton-input{cursor:pointer}.p-radiobutton-box{display:flex;justify-content:center;align-items:center;transition:all}.p-radiobutton-box:hover{border:1px solid var(--aquamarine-200) !important}.p-radiobutton-box.p-highlight{box-sizing:border-box;background:var(--aquamarine-200) !important}.p-radiobutton-box.p-highlight .p-radiobutton-icon{mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.25%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center;background:var(--black-80);width:1.5rem;height:1.5rem;mask-composite:exclude}p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box{box-shadow:0 0 0 .25rem var(--red-800)}p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box:hover{border:1px solid var(--red-400) !important}.p-radiobutton-box.p-focus{box-shadow:0px 0px 0px 3.5px var(--aquamarine-800)}.p-radiobutton{width:1.5rem;height:1.5rem}.p-radiobutton .p-radiobutton-input{appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;border:1px solid var(--gray-900);border-radius:50%}.p-radiobutton .p-radiobutton-box{border:1px solid var(--gray-900);background:#1c1b22;width:1.5rem;height:1.5rem;color:var(--white-100);border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-radiobutton.p-disabled .p-radiobutton-box{background:var(--white-20)}.p-radiobutton.p-highlight .p-radiobutton-box{border-color:var(--aquamarine-300);background:var(--aquamarine-300)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box{border-color:var(--aquamarine-300)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box{border-color:var(--aquamarine-200);background:var(--aquamarine-200)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-radiobutton.p-invalid>.p-radiobutton-box{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-highlight .p-radiobutton .p-radiobutton-box{border-color:var(--black-80)}.p-inputswitch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.p-inputswitch-slider:before{position:absolute;content:"";top:50%}.p-inputswitch{position:relative;display:inline-block;width:2.5rem;height:1.5rem;border-radius:100px}.p-inputswitch .p-inputswitch-slider{background:var(--gray-700);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:100px;outline-color:rgba(0,0,0,0)}.p-inputswitch .p-inputswitch-slider:before{background:#1c1b22;width:1rem;height:1rem;left:.25rem;margin-top:-0.5rem;border-radius:100px;transition-duration:.2s}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:var(--aquamarine-300)}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{background:#1c1b22;transform:translateX(1rem)}.p-inputswitch:not(.p-disabled) .p-inputswitch-slider:hover{background-color:var(--aquamarine-200)}.p-inputswitch:not(.p-disabled).p-focus,.p-inputswitch:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}p-inputswitch:not(.p-disabled).p-element.ng-dirty.ng-invalid .p-inputswitch-slider,p-inputswitch:not(.p-disabled).p-element.ng-touched.ng-invalid .p-inputswitch-slider{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-selectbutton{display:flex;height:min-content;gap:.25rem;padding:.25rem;background-color:var(--white-20);border-radius:.5rem}.p-selectbutton .p-button{flex-grow:1;background:rgba(0,0,0,.0001);border:1px solid trasparent;border-radius:.25rem;color:var(--white-80);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-selectbutton .p-button .p-button-icon-left,.p-selectbutton .p-button .p-button-icon-right{color:var(--white-80)}.p-selectbutton .p-button.p-disabled{background:rgba(0,0,0,0);pointer-events:none}.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover{background:#1c1b22;border-color:rgba(0,0,0,.0001);color:var(--white-100)}.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right{color:var(--white-100)}.p-selectbutton .p-button:not(.p-disabled).p-highlight{background:#1c1b22;border-color:rgba(0,0,0,.0001);color:var(--aquamarine-300)}.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-right{color:var(--aquamarine-300)}.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover{background:#1c1b22;border-color:rgba(0,0,0,.0001);color:var(--white-100)}.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-right{color:var(--white-100)}.p-selectbutton.p-invalid>.p-button{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-togglebutton.p-button.p-highlight.p-disabled,.p-button.p-disabled,.p-button.p-button-danger.p-disabled,.p-button-group.p-button-danger>.p-button.p-disabled,.p-splitbutton.p-button-danger>.p-button.p-disabled,.p-fileupload-choose.p-button-danger.p-disabled,.p-button.p-button-warning.p-disabled,.p-button-group.p-button-warning>.p-button.p-disabled,.p-splitbutton.p-button-warning>.p-button.p-disabled,.p-fileupload-choose.p-button-warning.p-disabled,.p-button.p-button-success.p-disabled,.p-button-group.p-button-success>.p-button.p-disabled,.p-splitbutton.p-button-success>.p-button.p-disabled,.p-fileupload-choose.p-button-success.p-disabled,.p-button.p-button-info.p-disabled,.p-button-group.p-button-info>.p-button.p-disabled,.p-splitbutton.p-button-info>.p-button.p-disabled,.p-fileupload-choose.p-button-info.p-disabled,.p-button.p-button-help.p-disabled,.p-button-group.p-button-help>.p-button.p-disabled,.p-splitbutton.p-button-help>.p-button.p-disabled,.p-fileupload-choose.p-button-help.p-disabled{color:var(--white-80);background-color:var(--white-20);border-color:var(--gray-900)}.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-left,.p-button.p-disabled .p-button-icon-left,.p-button-group.p-button-danger>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-danger>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-left,.p-button-group.p-button-warning>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-warning>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-left,.p-button-group.p-button-success>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-success>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-left,.p-button-group.p-button-info>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-info>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-left,.p-button-group.p-button-help>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-help>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-left,.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-right,.p-button.p-disabled .p-button-icon-right,.p-button-group.p-button-danger>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-danger>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-right,.p-button-group.p-button-warning>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-warning>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-right,.p-button-group.p-button-success>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-success>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-right,.p-button-group.p-button-info>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-info>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-right,.p-button-group.p-button-help>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-help>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-right{color:var(--white-80) !important}.p-togglebutton.p-button{background:var(--white-20);border:1px solid trasparent;color:var(--white-80);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0);border-radius:100px}.p-togglebutton.p-button:not(.p-disabled):hover{background:var(--aquamarine-alpha);color:var(--aquamarine-300);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40);box-shadow:none}.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-left,.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-right{color:var(--aquamarine-300)}.p-togglebutton.p-button:not(.p-disabled):focus-visible{box-shadow:0 0 0 3.5px var(--aquamarine-800)}.p-togglebutton.p-button .p-button-icon-left,.p-togglebutton.p-button .p-button-icon-right{color:var(--white-80)}.p-togglebutton.p-button.p-highlight{background:var(--aquamarine-300);border-color:rgba(0,0,0,.0001);color:var(--black-80)}.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover{background:var(--aquamarine-200);color:var(--black-80);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40);box-shadow:none}.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left,.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-right{color:var(--black-80)}.p-togglebutton.p-button.p-highlight:not(.p-disabled):focus-visible{box-shadow:0 0 0 3.5px var(--aquamarine-800)}.p-togglebutton.p-button.p-highlight .p-button-icon-left,.p-togglebutton.p-button.p-highlight .p-button-icon-right{color:var(--black-80)}.p-chips{display:inline-flex;height:min-content}.p-disabled .p-chips-multiple-container{background-color:var(--white-20)}.p-chips-multiple-container{outline-color:rgba(0,0,0,0);cursor:text;overflow:hidden;height:min-content;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;list-style-type:none}.p-chips-multiple-container:has(.p-chips-token){padding:.25rem}.p-chips-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem}.p-chips-input-token{flex:1 1 auto;display:inline-flex}.p-chips-token-icon{cursor:pointer}.p-chips-input-token input{border:0 none;outline:0 none;background-color:rgba(0,0,0,0);margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-chips{display:flex}.p-chips:not(.p-disabled):hover .p-chips-multiple-container{border-color:var(--aquamarine-300)}.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-chips .p-chips-multiple-container .p-chips-token{padding:0rem .5rem;background:var(--white-20);color:var(--white-100);border-radius:.25rem}.p-chips .p-chips-multiple-container .p-chips-token.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon{margin-left:.5rem}.p-chips .p-chips-multiple-container .p-chips-token+.p-chips-input-token{padding:0 .5rem}.p-chips .p-chips-multiple-container .p-chips-input-token{padding:0rem 0}.p-chips .p-chips-multiple-container .p-chips-input-token input{height:1.75rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--white-100);margin:0}.p-chips.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-slider{background:var(--white-20);border:none;border-radius:.5rem}.p-slider.p-slider-horizontal{height:.25rem;margin-top:.5rem;margin-bottom:.5rem}.p-slider.p-slider-horizontal .p-slider-handle{margin-top:-0.625rem;margin-left:-0.625rem}.p-slider.p-slider-vertical{width:.25rem;margin-top:.5rem;margin-bottom:.5rem}.p-slider.p-slider-vertical .p-slider-handle{margin-left:-0.625rem;margin-bottom:-0.625rem}.p-slider .p-slider-handle{height:1.25rem;width:1.25rem;background:var(--aquamarine-300);border:none;border-radius:1rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-slider .p-slider-handle:focus{background:var(--aquamarine-200);box-shadow:none}.p-slider .p-slider-range{background:var(--aquamarine-300);border-radius:.5rem}.p-slider:not(.p-disabled) .p-slider-handle:hover{background:var(--aquamarine-200);border-color:rgba(0,0,0,.0001)}.p-rating{position:relative;display:flex;align-items:center}.p-rating-item{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.p-rating.p-readonly .p-rating-item{cursor:default}.p-rating{gap:.5rem}.p-rating .p-rating-item{outline-color:rgba(0,0,0,0);border-radius:50%}.p-rating .p-rating-item .p-rating-icon{color:var(--white-80);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;font-size:1.25rem}.p-rating .p-rating-item .p-rating-icon.p-icon{width:1.25rem;height:1.25rem}.p-rating .p-rating-item .p-rating-icon.p-rating-cancel{color:var(--white-80)}.p-rating .p-rating-item:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-rating .p-rating-item.p-rating-item-active .p-rating-icon{color:var(--orange-400)}.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon{color:var(--orange-500)}.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel{color:var(--white-100)}.p-calendar.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-datepicker{margin-top:.25rem;padding:.75rem;background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem}.p-datepicker:not(.p-datepicker-inline){background:#1c1b22;border:1px solid var(--gray-900);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header{background:rgba(0,0,0,.0001)}.p-datepicker .p-datepicker-header{padding:0 0 .5rem;color:var(--white-80);background:#1c1b22;font-weight:bold;margin:0rem;border-bottom:none;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-datepicker .p-datepicker-header .p-datepicker-prev,.p-datepicker .p-datepicker-header .p-datepicker-next{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border:1px solid rgba(0,0,0,0)}.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled{border:1px solid var(--gray-900);color:var(--white-80);background:var(--white-20);border-color:var(--gray-900)}.p-datepicker .p-datepicker-header .p-datepicker-title{line-height:2rem;display:flex;gap:.5rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select{display:inline-flex;cursor:pointer;position:relative;user-select:none;background:#1c1b22;border:1px solid var(--gray-900);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0);min-height:2.5rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select:focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{color:var(--white-80);transition:background-color .2s,color .2s,box-shadow .2s;font-weight:bold;padding:.25rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover{color:var(--aquamarine-300)}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{margin-right:.5rem}.p-datepicker table{font-size:1rem;margin:0rem}.p-datepicker table th{padding:.25rem}.p-datepicker table th>span{width:2rem;height:2rem}.p-datepicker table td{padding:.25rem}.p-datepicker table td>span{width:2rem;height:2rem;border-radius:.5rem;transition:.2s;border:1px solid rgba(0,0,0,.0001)}.p-datepicker table td>span.p-highlight{color:var(--black-80);background:var(--aquamarine-300)}.p-datepicker table td>span:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-datepicker table td.p-datepicker-today>span{color:var(--white-80);font-weight:700;border-color:var(--gray-800);background:rgba(0,0,0,.0001)}.p-datepicker table td.p-datepicker-today>span:not(.p-disabled):hover{color:var(--white-100)}.p-datepicker table td.p-datepicker-today>span.p-highlight{color:var(--black-80);background:var(--aquamarine-300)}.p-datepicker .p-datepicker-buttonbar{padding:0rem 0 0}.p-datepicker .p-datepicker-buttonbar .p-button{width:auto}.p-datepicker .p-timepicker{border-top:1px solid var(--gray-900);padding:String value}.p-datepicker .p-timepicker button{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-datepicker .p-timepicker button:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-datepicker .p-timepicker button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-datepicker .p-timepicker button.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-datepicker .p-timepicker span{font-size:1.25rem}.p-datepicker .p-timepicker>div{padding:String value}.p-datepicker .p-hour-picker,.p-datepicker .p-minute-picker{gap:.25rem}.p-datepicker.p-datepicker-timeonly .p-timepicker{border-top:0 none}.p-datepicker .p-monthpicker{margin:0rem}.p-datepicker .p-monthpicker .p-monthpicker-month{padding:.25rem;transition:.2s;border-radius:.5rem}.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight{color:var(--black-80);background:var(--aquamarine-300)}.p-datepicker .p-yearpicker{margin:0rem}.p-datepicker .p-yearpicker .p-yearpicker-year{padding:.25rem;transition:.2s;border-radius:.5rem}.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight{color:var(--black-80);background:var(--aquamarine-300)}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group{border-left:1px solid var(--gray-900);padding-right:.75rem;padding-left:.75rem;padding-top:0;padding-bottom:0}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child{padding-left:0;border-left:0 none}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child{padding-right:0}.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover{color:var(--white-100);background:var(--gray-800)}.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-datepicker:not(.p-disabled) table td span.p-highlight:hover{background:var(--aquamarine-200)}.p-datepicker:not(.p-disabled) .p-monthpicker{display:flex;flex-wrap:wrap;gap:.25rem}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month{flex-basis:32.3%;width:100%}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover{color:var(--white-100);background:var(--gray-800)}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled).p-highlight:hover{background:var(--aquamarine-200)}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-datepicker:not(.p-disabled) .p-yearpicker{display:flex;flex-wrap:wrap;gap:.25rem}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year{flex-basis:32.3%;width:100%}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover{color:var(--white-100);background:var(--gray-800)}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled).p-highlight:hover{background:var(--aquamarine-200)}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-autocomplete{display:inline-flex;height:min-content}.p-autocomplete .p-autocomplete-loader{right:.75rem;color:var(--white-100)}.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader{right:3.25rem}.p-autocomplete-multiple-container{outline-color:rgba(0,0,0,0);cursor:text;overflow:hidden;height:min-content;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;list-style-type:none}.p-autocomplete-multiple-container:has(.p-autocomplete-token){padding:.25rem}.p-autocomplete-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem}.p-autocomplete-input-token{flex:1 1 auto;display:inline-flex}.p-autocomplete-token-icon{cursor:pointer}.p-autocomplete-input-token input{border:0 none;outline:0 none;background-color:rgba(0,0,0,0);margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-autocomplete{display:flex}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover{border-color:var(--aquamarine-300)}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-autocomplete .p-autocomplete-multiple-container.p-disabled{cursor:not-allowed;background-color:var(--white-20)}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token{padding:0rem .5rem;background:var(--white-20);color:var(--white-100);border-radius:.25rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon{margin-left:.5rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token+.p-autocomplete-input-token{padding:0 .5rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token{padding:0rem 0}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input{height:1.75rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--white-100);margin:0}.p-autocomplete.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-autocomplete-panel{background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40);margin-top:.25rem}.p-autocomplete-panel .p-autocomplete-items{padding:.25rem}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item{margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.0001);color:var(--white-80);background:rgba(0,0,0,.0001);transition:.2s;border-radius:.5rem}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-of-type{margin-top:0}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-of-type{margin-bottom:0}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover{color:var(--white-100);background:var(--gray-800)}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight{color:var(--black-80);background:var(--aquamarine-300)}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001);font-weight:bold}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message{text-align:center;padding:.5rem .75rem}.p-autocomplete-dd .p-autocomplete-input{flex:1 1 auto;width:1%}.p-autocomplete-dd .p-autocomplete-dropdown{display:none}.autocomplete-dropdown-container:hover .p-inputtext:enabled{border-color:var(--aquamarine-300)}.autocomplete-dropdown-trigger{position:absolute;right:0;top:0;height:100%;width:2.5rem;display:flex;align-items:center;justify-content:center}.p-autocomplete-clear-icon{position:absolute;top:50%;margin-top:-0.5rem;cursor:pointer}.p-autocomplete-clearable{position:relative}.p-autocomplete-clearable .p-autocomplete-clear-icon{right:.75rem}.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon{right:2.5rem}.p-tabview .p-tabview-nav{background:rgba(0,0,0,.0001);border-bottom:1px solid var(--gray-900);gap:1.5rem}.p-tabview .p-tabview-nav li .p-tabview-nav-link{border-bottom:.25rem solid rgba(0,0,0,.0001);border-color:rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);color:var(--white-80);padding:1rem 0rem;font-weight:normal;transition:.2s;margin:0}.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:rgba(0,0,0,.0001);border-color:rgba(0,0,0,.0001);color:var(--aquamarine-300)}.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:rgba(0,0,0,.0001);border-color:var(--aquamarine-300);color:var(--aquamarine-300)}.p-tabview .p-tabview-close{margin-left:.5rem}.p-tabview .p-tabview-nav-btn.p-link{background:#1c1b22;color:var(--white-80);width:2.5rem;box-shadow:0px 0px 10px 50px var(--white-60);border-radius:0}.p-tabview .p-tabview-nav-btn.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-tabview .p-tabview-nav-btn.p-link:hover{color:var(--aquamarine-300)}.p-tabview .p-tabview-panels{background:rgba(0,0,0,.0001);padding:1rem 0rem;border:none;color:var(--white-80);border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-divider{border-color:var(--gray-900)}.p-divider .p-divider-content{background-color:#1c1b22;color:var(--white-80);text-transform:uppercase}.p-divider.p-divider-horizontal{margin:1rem 0rem;padding:0rem 1rem}.p-divider.p-divider-horizontal .p-divider-content{padding:0 .5rem}.p-divider.p-divider-horizontal:before{border-top-width:1px;border-top-color:var(--gray-900)}.p-divider.p-divider-horizontal.p-divider-dash:before{border-top-style:dashed}.p-divider.p-divider-vertical{margin:0rem 1rem;padding:1rem 0rem}.p-divider.p-divider-vertical .p-divider-content{padding:.5rem 0}.p-divider.p-divider-vertical:before{border-left-width:1px;border-left-color:var(--gray-900)}.p-divider.p-divider-vertical.p-divider-dash:before{border-left-style:dashed}.p-scrollpanel .p-scrollpanel-bar{background:var(--white-20);border:0 none;border-radius:.5rem}.p-scrollpanel .p-scrollpanel-bar:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-accordion .p-accordion-header .p-accordion-header-link{display:flex;flex-direction:row;align-items:center;color:var(--white-80);font-weight:700;padding:1rem 0rem;border-top:1px solid var(--gray-900);background:rgba(0,0,0,.0001);transition:.2s;gap:.5rem}.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon{font-size:1.25rem}.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link{background:rgba(0,0,0,.0001);border-color:var(--gray-900);color:var(--white-100)}.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link{background:rgba(0,0,0,.0001);border-color:var(--gray-900);color:var(--white-100)}.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link{border-color:var(--gray-900);background:rgba(0,0,0,.0001);color:var(--white-100)}.p-accordion .p-accordion-content{padding:0rem 0rem 1rem 1.75rem;border-bottom:none;background:rgba(0,0,0,.0001);color:var(--white-100)}.p-accordion .p-accordion-tab{margin-bottom:0rem}.p-accordion .p-accordion-tab:first-child .p-accordion-header-link{border-top:none}.p-accordion .p-accordion-tab .p-accordion-content .p-accordion-header-link{border-top:1px solid var(--gray-900)}.p-stepper .p-stepper-nav{display:flex;gap:.5rem;justify-content:space-between;margin:0;padding:0;list-style-type:none;overflow:hidden;overflow-x:auto}.p-stepper .p-stepper-header{position:relative;display:flex;flex:1 1 auto;align-items:center;padding:.5rem 0}.p-stepper .p-stepper-header.p-disabled{opacity:1;cursor:initial}.p-stepper .p-stepper-header.p-disabled .p-stepper-action{opacity:.6}.p-stepper .p-stepper-header:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-stepper .p-stepper-header.p-highlight .p-stepper-title{color:var(--white-100)}.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-separator{background-color:var(--aquamarine-300)}.p-stepper .p-stepper-header.p-highlight .p-stepper-number,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-number{color:var(--black-80);background-color:var(--aquamarine-300);border-color:rgba(0,0,0,0)}.p-stepper .p-stepper-header.p-highlight .p-stepper-icon,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-icon{color:var(--aquamarine-300)}.p-stepper .p-stepper-header.p-highlight .p-stepper-action.p-danger .p-stepper-number,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-action.p-danger .p-stepper-number{color:var(--black-80);background-color:var(--red-400)}.p-stepper p-stepperheader .p-stepper-action{display:inline-flex;align-items:center;flex-grow:0;transition:.2s;border-radius:.5rem;background:#1c1b22;outline-color:rgba(0,0,0,0);padding:0}.p-stepper p-stepperheader .p-stepper-action:hover{cursor:pointer}.p-stepper p-stepperheader .p-stepper-action:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-stepper p-stepperheader .p-stepper-action .p-stepper-number{display:flex;align-items:center;justify-content:center;font-weight:500;color:var(--white-100);border:1px solid var(--gray-900);background:#1c1b22;min-width:1.5rem;height:1.5rem;line-height:1;font-size:1rem;border-radius:8rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-left:.5rem;color:var(--white-100);font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
-  line-height: 1;margin-left:.5rem;
-}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper .p-stepper-title{margin-left:0}.p-stepper p-stepperheader .p-stepper-action .p-stepper-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.5rem;
-  line-height: 2rem;
-  line-height: 1;min-width:1.5rem;height:1.5rem;
-}.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-number,.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-icon{color:var(--red-400)}.p-stepper .p-stepper-panels{background:rgba(0,0,0,.0001);padding:1rem 0rem;color:var(--white-80)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-number,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-number{color:var(--black-80);background-color:var(--aquamarine-300);border-color:rgba(0,0,0,0)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-icon,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-icon{color:var(--aquamarine-300)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-action.p-danger .p-stepper-number,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-action.p-danger .p-stepper-number{color:var(--black-80);background-color:var(--red-400)}.p-stepper .p-stepper-separator{background-color:var(--gray-900);width:100%;height:1px;margin-inline-start:.5rem;transition:.2s}.p-stepper.no-line .p-stepper-separator{background-color:rgba(0,0,0,0) !important}.p-stepper.p-stepper-vertical{display:flex;flex-direction:column}.p-stepper.p-stepper-vertical .p-stepper-toggleable-content{display:flex;flex:1 1 auto;background:rgba(0,0,0,.0001);color:var(--white-80)}.p-stepper.p-stepper-vertical .p-stepper-panel{display:flex;flex-direction:column;flex:initial}.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active{flex:1 1 auto}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header{flex:initial}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content{width:100%;padding-left:1rem}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator{flex:0 0 auto;width:2px;height:auto;margin-inline-start:calc(1.75rem + 2px)}.p-stepper.p-stepper-vertical .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-separator{background-color:var(--aquamarine-300)}.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content{padding-left:3rem}.p-card{overflow:hidden;color:var(--white-100);font-size:1rem;border-radius:.5rem;border:1px solid var(--gray-900);background:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-card.p-card-no-shadow{box-shadow:none}.p-card .p-card-body{padding:1rem}.p-card .p-card-title{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.p-card .p-card-subtitle{font-size:.875rem;font-weight:400;color:var(--white-80)}.p-card .p-card-content{padding:1rem 0 0}.p-card .p-card-footer{padding:1rem 0 0}.p-tooltip .p-tooltip-text{background:var(--gray-200);color:#1c1b22;padding:.5rem 1rem;box-shadow:0 .25rem .25rem 0 var(--black-40);border-radius:.5rem}.p-tooltip-arrow{border-color:rgba(0,0,0,0)}.p-tooltip-right .p-tooltip-arrow,.p-tooltip-left .p-tooltip-arrow{margin-top:-0.25rem}.p-tooltip-top .p-tooltip-arrow,.p-tooltip-bottom .p-tooltip-arrow{margin-left:-0.25rem}.p-tooltip-right .p-tooltip-arrow{border-width:.25em .25em .25em 0;border-right-color:var(--gray-200)}.p-tooltip-left .p-tooltip-arrow{border-width:.25em 0 .25em .25rem;border-left-color:var(--gray-200)}.p-tooltip-top .p-tooltip-arrow{border-width:.25em .25em 0;border-top-color:var(--gray-200)}.p-tooltip-bottom .p-tooltip-arrow{border-width:0 .25em .25rem;border-bottom-color:var(--gray-200)}.p-dialog{border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40);border:1px solid var(--gray-900)}.p-dialog .p-dialog-header{border-bottom:1px solid var(--gray-900);background:#1c1b22;color:var(--white-100);padding:1.5rem 1.5rem 1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-dialog .p-dialog-header .p-dialog-title{font-weight:bold;font-size:1.25rem}.p-dialog .p-dialog-header .p-dialog-header-icon{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin-right:.5rem;box-shadow:none}.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-dialog .p-dialog-header .p-dialog-header-icon.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-dialog .p-dialog-header .p-dialog-header-icon:last-child{margin-right:0}.p-dialog-danger .p-dialog-title::before,.p-dialog-success .p-dialog-title::before,.p-dialog-info .p-dialog-title::before,.p-dialog-warning .p-dialog-title::before,.p-dialog-help .p-dialog-title::before{content:"";display:inline-block;width:1.5rem;height:1.5rem;background-size:contain;margin-right:.5rem;vertical-align:text-bottom}.p-dialog-danger .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM8.13128 8.63128C8.47299 8.28957 9.02701 8.28957 9.36872 8.63128L10.5 9.76256L11.6313 8.63128C11.973 8.28957 12.527 8.28957 12.8687 8.63128C13.2104 8.97299 13.2104 9.52701 12.8687 9.86872L11.7374 11L12.8687 12.1313C13.2104 12.473 13.2104 13.027 12.8687 13.3687C12.527 13.7104 11.973 13.7104 11.6313 13.3687L10.5 12.2374L9.36872 13.3687C9.02701 13.7104 8.47299 13.7104 8.13128 13.3687C7.78957 13.027 7.78957 12.473 8.13128 12.1313L9.26256 11L8.13128 9.86872C7.78957 9.52701 7.78957 8.97299 8.13128 8.63128Z" fill="%23E26E63"/></svg>') no-repeat}.p-dialog-success .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM13.7437 8.63128C14.0854 8.97299 14.0854 9.52701 13.7437 9.86872L10.2437 13.3687C9.90201 13.7104 9.34799 13.7104 9.00628 13.3687L7.25628 11.6187C6.91457 11.277 6.91457 10.723 7.25628 10.3813C7.59799 10.0396 8.15201 10.0396 8.49372 10.3813L9.625 11.5126L12.5063 8.63128C12.848 8.28957 13.402 8.28957 13.7437 8.63128Z" fill="%2368C170"/></svg>') no-repeat}.p-dialog-warning .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.24855 2.2875C9.63056 2.07229 10.0616 1.95923 10.5 1.95923C10.9385 1.95923 11.3695 2.07229 11.7515 2.2875C12.1335 2.5027 12.4536 2.81277 12.6808 3.18777L12.6831 3.19162L19.7759 15.0356L19.7832 15.0481C20.0055 15.4335 20.123 15.8705 20.1241 16.3154C20.1252 16.7604 20.0098 17.1979 19.7895 17.5845C19.5691 17.9711 19.2514 18.2932 18.868 18.519C18.4846 18.7447 18.0487 18.8662 17.6038 18.8714L17.5937 18.8715L3.39659 18.8714C2.95146 18.8664 2.51539 18.7449 2.13176 18.5191C1.74813 18.2933 1.43031 17.9709 1.20992 17.5841C0.98952 17.1974 0.874224 16.7596 0.875499 16.3145C0.876773 15.8693 0.994574 15.4322 1.21718 15.0467L1.22426 15.0347L8.30299 3.21587C8.30825 3.20642 8.31369 3.19705 8.31931 3.18777C8.5465 2.81277 8.86655 2.5027 9.24855 2.2875ZM10.5 3.70923C10.3625 3.70923 10.2273 3.74469 10.1075 3.81219C9.99324 3.87657 9.89665 3.968 9.82613 4.07836C9.82357 4.0828 9.82097 4.08723 9.81833 4.09164L2.72982 15.9268C2.66184 16.0465 2.62589 16.1818 2.62549 16.3195C2.62509 16.4591 2.66126 16.5964 2.73039 16.7177C2.79952 16.839 2.8992 16.9401 3.01953 17.011C3.13871 17.0811 3.27402 17.1192 3.41225 17.1214H17.5877C17.7258 17.1191 17.861 17.0811 17.9801 17.011C18.1004 16.9401 18.2 16.8391 18.2691 16.7178C18.3383 16.5966 18.3745 16.4594 18.3741 16.3198C18.3738 16.1822 18.3379 16.047 18.2701 15.9274L11.1841 4.09457C11.1837 4.09404 11.1834 4.09351 11.1831 4.09298C11.1119 3.97607 11.0119 3.87939 10.8926 3.81219C10.7728 3.74469 10.6376 3.70923 10.5 3.70923ZM10.5001 7.49997C10.9833 7.49997 11.3751 7.89172 11.3751 8.37497V11.875C11.3751 12.3582 10.9833 12.75 10.5001 12.75C10.0168 12.75 9.62506 12.3582 9.62506 11.875V8.37497C9.62506 7.89172 10.0168 7.49997 10.5001 7.49997ZM9.62506 14.5C9.62506 14.0167 10.0168 13.625 10.5001 13.625H10.5088C10.9921 13.625 11.3838 14.0167 11.3838 14.5C11.3838 14.9832 10.9921 15.375 10.5088 15.375H10.5001C10.0168 15.375 9.62506 14.9832 9.62506 14.5Z" fill="%23FFB330"/></svg>') no-repeat}.p-dialog-info .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.625 8.375C9.625 7.89175 10.0168 7.5 10.5 7.5H10.5087C10.992 7.5 11.3837 7.89175 11.3837 8.375C11.3837 8.85825 10.992 9.25 10.5087 9.25H10.5C10.0168 9.25 9.625 8.85825 9.625 8.375ZM8.75 11C8.75 10.5168 9.14175 10.125 9.625 10.125H10.5C10.9832 10.125 11.375 10.5168 11.375 11V13.625C11.8582 13.625 12.25 14.0168 12.25 14.5C12.25 14.9832 11.8582 15.375 11.375 15.375H10.5C10.0168 15.375 9.625 14.9832 9.625 14.5V11.875C9.14175 11.875 8.75 11.4832 8.75 11Z" fill="%2349A2EF"/></svg>') no-repeat}.p-dialog-help .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.99829 7.55089C10.5752 7.43547 11.1741 7.51853 11.6978 7.78656C12.2234 8.05459 12.6434 8.49186 12.89 9.02783C13.1367 9.56409 13.1955 10.1679 13.0568 10.7416C12.9181 11.3154 12.5901 11.8257 12.1257 12.1901C11.6613 12.5545 11.0877 12.7518 10.4974 12.75C10.0141 12.7486 9.62355 12.3556 9.625 11.8724C9.62646 11.3891 10.0194 10.9986 10.5026 11C10.6994 11.0006 10.8906 10.9349 11.0454 10.8134C11.2002 10.6919 11.3096 10.5218 11.3558 10.3306C11.402 10.1393 11.3824 9.93804 11.3002 9.75929C11.2179 9.58053 11.0778 9.43472 10.9025 9.34539L10.9008 9.34452C10.7285 9.25627 10.5314 9.2289 10.3416 9.26688C10.1518 9.30486 9.98043 9.40595 9.85536 9.5537C9.54314 9.92255 8.99103 9.96846 8.62218 9.65624C8.25333 9.34403 8.20742 8.79191 8.51964 8.42306C8.89995 7.97377 9.42109 7.66638 9.99829 7.55089ZM10.5 13.625C10.9832 13.625 11.375 14.0168 11.375 14.5V14.5087C11.375 14.992 10.9832 15.3837 10.5 15.3837C10.0168 15.3837 9.625 14.992 9.625 14.5087V14.5C9.625 14.0168 10.0168 13.625 10.5 13.625Z" fill="%23AB77DF"/></svg>') no-repeat}.p-dialog .p-dialog-content{background:#1c1b22;color:var(--white-100);padding:1.5rem 1.5rem}.p-dialog .p-dialog-content:last-of-type{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer{display:flex;border-top:1px solid rgba(0,0,0,.0001);background:#1c1b22;color:var(--white-80);padding:0rem 1.5rem 1.5rem;text-align:right;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer button{width:auto}.p-dialog .p-confirm-dialog-accept{order:1}.p-dialog .p-confirm-dialog-reject{order:2}.p-dialog.p-dialog-maximized .p-dialog-header,.p-dialog.p-dialog-maximized .p-dialog-content:last-of-type{border-radius:0}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon{font-size:2rem}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon{width:2rem;height:2rem}.p-dialog.p-confirm-dialog .p-dialog-footer{flex-direction:row-reverse;gap:.5rem}.p-dialog.p-confirm-dialog .p-dialog-footer i.none{display:none}.p-overlaypanel{background:#1c1b22;color:var(--white-100);border:1px solid var(--gray-900);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-overlaypanel .p-overlaypanel-content{padding:1rem}.p-overlaypanel .p-overlaypanel-close{background:var(--aquamarine-300);color:var(--black-80);width:2rem;height:2rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem;position:absolute;top:-1rem;right:-1rem}.p-overlaypanel .p-overlaypanel-close:enabled:hover{background:var(--aquamarine-200);color:var(--black-80)}.p-overlaypanel:after{border:solid rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-bottom-color:#1c1b22;border-width:6px}.p-overlaypanel:before{border:solid rgba(0,0,0,0);border-width:8px;border-color:rgba(0,0,0,0);border-bottom-color:var(--gray-900)}.p-overlaypanel.p-overlaypanel-flipped{margin-top:-7px !important}.p-overlaypanel.p-overlaypanel-flipped:after{border-top-color:#1c1b22;border-bottom-color:rgba(0,0,0,0)}.p-overlaypanel.p-overlaypanel-flipped:before{border-top-color:var(--gray-900);border-bottom-color:rgba(0,0,0,0)}.p-sidebar{color:var(--white-100);border:1px solid var(--gray-900);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40);background:#1c1b22;margin:.5rem;height:calc(100vh - 1rem) !important}.p-sidebar.p-sidebar-top,.p-sidebar.p-sidebar-full,.p-sidebar.p-sidebar-bottom{width:calc(100vw - 1rem);width:-webkit-fill-available !important}.p-sidebar.p-sidebar-top,.p-sidebar.p-sidebar-bottom{height:auto}.p-sidebar .p-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--gray-900)}.p-sidebar .p-sidebar-header .p-sidebar-close,.p-sidebar .p-sidebar-header .p-sidebar-icon{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-sidebar .p-sidebar-header .p-sidebar-close.p-disabled,.p-sidebar .p-sidebar-header .p-sidebar-icon.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-sidebar .p-sidebar-header>:only-child{margin-left:auto}.p-sidebar .p-sidebar-content{padding:1.5rem 1.5rem}.p-sidebar .p-sidebar-footer{display:flex;align-items:center;gap:.5rem;padding:1.5rem 1.5rem;padding-top:0rem}.p-avatar{height:2rem;width:2rem;color:var(--black-80);font-size:1rem;background-color:var(--aquamarine-300);border-radius:.5rem}.p-avatar:not(.p-avatar-image){border:1px solid var(--gray-900)}.p-avatar.p-avatar-image{background:rgba(0,0,0,0);position:relative}.p-avatar.p-avatar-image img{position:relative;object-fit:cover;border-radius:inherit}.p-avatar.p-avatar-image .p-badge{z-index:1}.p-avatar.p-avatar-image::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid var(--gray-900);border-radius:inherit;z-index:1}.p-avatar.p-avatar-lg{width:2.5rem;height:2.5rem;font-size:1rem}.p-avatar.p-avatar-lg .p-avatar-icon{font-size:1rem}.p-avatar.p-avatar-xl{width:3.5rem;height:3.5rem;font-size:1.5rem}.p-avatar.p-avatar-xl .p-avatar-icon{font-size:1.5rem}.p-avatar-circle{border-radius:50%}.p-badge{background:var(--aquamarine-300);color:var(--black-80);font-size:.75rem;font-weight:bold;min-width:1.5rem;height:1.5rem;line-height:1.5rem}.p-badge.p-badge-success{background-color:var(--green-400);color:var(--black-80)}.p-badge.p-badge-info{background-color:var(--blue-400);color:var(--black-80)}.p-badge.p-badge-warning{background-color:var(--orange-400);color:var(--black-80)}.p-badge.p-badge-danger{background-color:var(--red-400);color:var(--black-80)}.p-badge.p-badge-dot{width:.5rem;height:.5rem;min-width:auto}.p-tag{height:1.5rem;color:var(--black-80);font-size:.875rem;font-weight:bold;padding:.5rem;border-radius:.5rem;background:var(--aquamarine-300)}.p-tag.p-tag-success{background-color:var(--green-400);color:var(--black-80)}.p-tag.p-tag-info{background-color:var(--blue-400);color:var(--black-80)}.p-tag.p-tag-warning{background-color:var(--orange-400);color:var(--black-80)}.p-tag.p-tag-danger{background-color:var(--red-400);color:var(--black-80)}.p-tag.p-tag-rounded{border-radius:100px}.p-tag.p-tag-secondary{background-color:var(--gray-900);color:var(--white-80)}.p-tag .p-tag-icon{margin-right:.25rem;font-size:.875rem}.p-tag .p-tag-icon.p-icon{width:.875rem;height:.875rem}.p-progressbar{border:none;height:1rem;background:var(--white-20);border-radius:.5rem}.p-progressbar .p-progressbar-value{border:0 none;margin:0;background:var(--aquamarine-300)}.p-progressbar .p-progressbar-label{color:var(--black-80);line-height:1rem}.p-progress-spinner-circle{animation:p-progress-spinner-dash 1.5s ease-in-out infinite,p-progress-spinner-primary-color 6s ease-in-out infinite}@keyframes p-progress-spinner-primary-color{100%,0%{stroke:var(--primary-color) !important}40%{stroke:var(--primary-color) !important}66%{stroke:var(--primary-color) !important}80%,90%{stroke:var(--primary-color) !important}}.p-metergroup{display:flex;gap:.75rem;flex-direction:column}.p-metergroup .p-metergroup-meter-container{background:var(--white-20);border-radius:.5rem}.p-metergroup .p-metergroup-labels{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style-type:none;gap:1rem;row-gap:.75rem}.p-metergroup .p-metergroup-labels-vertical{gap:.5rem;flex-direction:column}.p-metergroup .p-metergroup-meters{display:flex;background:var(--white-20);border-radius:.5rem;height:.5rem}.p-metergroup .p-metergroup-meter{border:none;background:var(--aquamarine-300)}.p-metergroup .p-metergroup-label-list-item{line-height:1rem}.p-metergroup .p-metergroup-label-type{background:var(--aquamarine-300);width:.5rem;height:.5rem;border-radius:100%;margin-right:.5rem}.p-metergroup .p-metergroup-label{display:inline-flex;align-items:center;color:var(--black-60);gap:.5rem;font-size:.875rem;line-height:100%}.p-metergroup .p-metergroup-label .p-metergroup-label-marker{width:.5rem;height:.5rem;border-radius:100%;display:inline-flex}.p-metergroup .p-metergroup-label-icon{width:1rem;height:1rem;font-size:1rem}.p-metergroup .p-metergroup-label-list-vertical{gap:.25rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container{height:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start{margin-bottom:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end{margin-top:.5rem}.p-metergroup.p-metergroup-vertical{flex-direction:row}.p-metergroup.p-metergroup-vertical .p-metergroup-meters{width:.5rem;height:100%;flex-direction:column}.p-metergroup.p-metergroup-vertical .p-metergroup-meter{width:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start){margin-left:.5rem}.p-chip{height:1.75rem;color:var(--white-100);border-radius:.25rem;border:1px solid rgba(0,0,0,.0001);padding:0rem .5rem;background-color:var(--white-20);display:inline-flex}.p-chip.p-disabled{color:var(--white-80);border-color:var(--gray-900);background-color:var(--white-20)}.p-chip .p-chip-text{line-height:1.5;margin-top:0rem;margin-bottom:0rem}.p-chip .p-chip-icon{margin-right:.5rem}.p-chip img{width:1.5rem;height:1.5rem;margin-left:-0.75rem;margin-right:.5rem}.p-chip .p-chip-remove-icon{border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin-left:.5rem}.p-chip .p-chip-remove-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-chip .p-chip-remove-icon:focus{outline:0 none}timescircleicon svg{display:none !important}timescircleicon::after{cursor:pointer;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E") no-repeat;height:16px;width:16px;background:var(--white-100);margin-left:.5rem;content:""}.p-skeleton{background:var(--gray-900);border-radius:.5rem}.p-skeleton:after{background:linear-gradient(90deg, var(--gray-900) 0%, var(--gray-900) 40%, var(--gray-900) 75%)}.p-message{overflow:hidden;margin:0rem;border-radius:.5rem}.p-message .p-message-wrapper{padding:1rem;position:relative;display:grid;padding-left:4rem;min-height:4rem}.p-message .p-message-close{width:2rem;height:2rem;border-radius:.5rem;background:rgba(0,0,0,0);transition:background-color .2s,color .2s,box-shadow .2s;position:absolute;top:1rem;right:1rem}.p-message .p-message-close:hover{background:rgba(255,255,255,.5)}.p-message .p-message-close:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-message.p-message-info{background:var(--blue-0);border:1px solid var(--blue-800)}.p-message.p-message-info .p-message-wrapper{border-left:.25rem solid var(--blue-400)}.p-message.p-message-info .p-message-icon{color:var(--blue-400)}.p-message.p-message-info .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--blue-400)}.p-message.p-message-info .p-message-close{color:var(--blue-400);border:1px solid var(--blue-800);background:rgba(0,0,0,0)}.p-message.p-message-info .p-message-close:hover{color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-success{background:var(--green-0);border:1px solid var(--green-900)}.p-message.p-message-success .p-message-wrapper{border-left:.25rem solid var(--green-400)}.p-message.p-message-success .p-message-icon{color:var(--green-400)}.p-message.p-message-success .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--green-400)}.p-message.p-message-success .p-message-close{color:var(--green-400);border:1px solid var(--green-900);background:rgba(0,0,0,0)}.p-message.p-message-success .p-message-close:hover{color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-warn{background:var(--orange-0);border:1px solid var(--orange-800)}.p-message.p-message-warn .p-message-wrapper{border-left:.25rem solid var(--orange-400)}.p-message.p-message-warn .p-message-icon{color:var(--orange-400)}.p-message.p-message-warn .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--orange-400)}.p-message.p-message-warn .p-message-close{color:var(--orange-400);border:1px solid var(--orange-800);background:rgba(0,0,0,0)}.p-message.p-message-warn .p-message-close:hover{color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-error{background:var(--red-0);border:1px solid var(--red-800)}.p-message.p-message-error .p-message-wrapper{border-left:.25rem solid var(--red-400)}.p-message.p-message-error .p-message-icon{color:var(--red-400)}.p-message.p-message-error .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--red-400)}.p-message.p-message-error .p-message-close{color:var(--red-400);border:1px solid var(--red-800);background:rgba(0,0,0,0)}.p-message.p-message-error .p-message-close:hover{color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message .p-message-text{font-size:1rem;font-weight:normal;color:var(--white-100)}.p-message .p-message-icon{font-size:2rem;display:inline;margin-right:.5rem;position:absolute;top:1rem;left:1rem}.p-message .p-message-icon .p-icon-wrapper{display:none}.p-message .p-message-icon.p-icon{width:2rem;height:2rem}.p-message .p-message-summary{font-size:1rem;font-weight:bold;color:var(--white-100);margin-right:.25rem}.p-message .p-message-detail{font-size:.875rem;font-weight:normal;color:var(--white-80);display:block}.p-toast{opacity:1}.p-toast .p-toast-message{overflow:hidden;margin:.25rem;box-shadow:0 .25rem .25rem 0 var(--black-40);border-radius:.5rem}.p-toast .p-toast-message .p-toast-message-content{gap:1rem;padding:1rem;border-left-width:.25rem;border-left-style:solid}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text{margin:0rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon{font-size:2rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon .p-icon-wrapper{display:none}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon{width:2rem;height:2rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-summary{font-weight:bold;font-size:1rem;color:var(--white-100);margin:auto 0}.p-toast .p-toast-message .p-toast-message-content .p-toast-detail{font-weight:normal;font-size:.875rem;color:var(--white-80);margin-top:.25rem}.p-toast .p-toast-message .p-toast-icon-close{width:2rem;height:2rem;border-radius:.5rem;background:#1c1b22;transition:background-color .2s,color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-info{background:var(--blue-0);border:1px solid var(--blue-800)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-content{border-left:.25rem solid var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon{color:var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close{color:var(--blue-400);border:1px solid var(--blue-800);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover{color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-success{background:var(--green-0);border:1px solid var(--green-900)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-content{border-left:.25rem solid var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon{color:var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close{color:var(--green-400);border:1px solid var(--green-900);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover{color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-warn{background:var(--orange-0);border:1px solid var(--orange-800)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-content{border-left:.25rem solid var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon{color:var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close{color:var(--orange-400);border:1px solid var(--orange-800);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover{color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-error{background:var(--red-0);border:1px solid var(--red-800)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-content{border-left:.25rem solid var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon{color:var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close{color:var(--red-400);border:1px solid var(--red-800);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover{color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-breadcrumb{background:rgba(0,0,0,.0001);border:none;padding:0rem}.p-breadcrumb.none-separator-breadcrum .p-menuitem-separator{opacity:0}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link{transition:.2s;border-radius:.5rem;padding:.25rem}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover{background-color:var(--gray-800)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator{margin:0 .25rem;color:var(--white-100);font-size:1.25rem}.p-breadcrumb .p-breadcrumb-list li:last-child{pointer-events:none;opacity:.6}.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text{color:var(--white-80)}.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon{color:var(--white-80)}.p-menubar{display:flex;padding:.25rem;align-items:flex-end;border-radius:.5rem;border:1px solid var(--gray-900);background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-menubar .p-menuitem{width:100%;margin-top:.25rem}.p-menubar .p-menuitem:first-of-type{margin-top:0}.p-menubar .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-menubar .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--aquamarine-300)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--aquamarine-200)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-menubar .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-menubar .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-menubar [class*=list][level="0"]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.p-menubar [class*=list][level="0"]>.p-menuitem{margin:0}.p-menubar [class*=list]:not([level="0"]){min-width:8rem;z-index:2}.p-menubar [class*=list][level="1"]{margin-top:.25rem}.p-menubar [class*=list][level="1"].p-menuitem:first-of-type{margin-top:.25rem}.p-menubar [class*=list]:not([level="0"]):not([level="1"]){margin-left:.25rem;margin-top:-0.25rem}.p-menubar ul{margin:0;padding:0;list-style:none}.p-menubar .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-menubar .p-menuitem-text{line-height:1}.p-menubar .p-menuitem{position:relative;margin-top:.25rem}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--aquamarine-200);color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem.p-menuitem:first-of-type{margin-top:.25rem}.p-menubar .p-menuitem .p-submenu-list{display:none;position:absolute;z-index:2;border-radius:.5rem;border:1px solid var(--gray-900);background-color:#1c1b22}.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg){margin-left:auto}.p-menubar .p-menuitem .p-menubar-root-list .p-icon-wrapper{margin-left:auto}.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-icon-wrapper{margin-left:auto}.p-menubar .p-menuitem .p-menubar-custom,.p-menubar .p-menuitem .p-menubar-end{margin-left:auto;align-self:center}.p-menubar .p-menubar-root-list{display:flex;align-items:center;flex-wrap:nowrap}.p-menubar .p-menubar-root-list>li ul{display:none;z-index:1}@media screen and (min-width: 960px){.p-menubar .p-submenu-list>.p-menuitem-active>p-menubarsub>.p-submenu-list{display:block;left:100%;top:0}.p-menubar .p-menubar-root-list>.p-menuitem-active>p-menubarsub>.p-submenu-list{display:block}}.p-menubar .p-menubar-button{display:none;cursor:pointer;align-items:center;justify-content:center}@media screen and (max-width: 960px){.p-menubar{position:relative;align-items:center}.p-menubar .p-menubar-button{display:flex;width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-menubar .p-menubar-button:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-menubar .p-menubar-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-menubar .p-menubar-button.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-menubar .p-menuitem-active[aria-expanded=false] .p-submenu-list{display:none}.p-menubar .p-menuitem-active[aria-expanded=true]>p-menubarsub>.p-submenu-list{display:block;position:relative;left:auto;top:auto;border:0}.p-menubar [aria-expanded=true]+p-menubarsub .p-menubar-root-list{display:block}.p-menubar .p-menubar-root-list{position:absolute;left:0;top:100%;display:none;flex-direction:column;min-width:8rem;border:1px solid var(--gray-900);padding:.25rem;margin-top:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40);border-radius:.5rem;z-index:2}.p-menubar .p-menubar-root-list [aria-expanded=false] .p-submenu-icon{transform:rotate(-90deg)}.p-menubar .p-submenu-list{width:100%;display:none;border:none;border-radius:0;margin:0 !important;padding:.25rem 0 0 .75rem;border-radius:.5rem;box-shadow:none}.p-menubar .p-submenu-list [aria-expanded=false] .p-submenu-icon{transform:rotate(0deg)}.p-menubar .p-submenu-list [aria-expanded=true] .p-submenu-icon{transform:rotate(90deg)}}.p-megamenu [class*=header]{color:var(--white-80);font-size:.875rem;font-weight:bold;text-transform:uppercase;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-megamenu [class*=header][data-p-disabled=true]{color:var(--white-80);background-color:var(--white-20);border-color:var(--gray-900)}.p-megamenu [class*=grid]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem;width:max-content;border-radius:.5rem;border:1px solid var(--gray-900);padding:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-megamenu [class*=col]{display:flex;flex-grow:1;width:auto;padding:0}.p-megamenu .p-menuitem{width:100%;margin-top:.25rem}.p-megamenu .p-menuitem:first-of-type{margin-top:0}.p-megamenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--aquamarine-300)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--aquamarine-200)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-megamenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-megamenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-megamenu-horizontal{display:flex}.p-megamenu-horizontal [class*=root]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.p-megamenu-horizontal [class*=root]>.p-menuitem{margin:0}.p-megamenu-horizontal [class*=grid]{margin-top:.25rem}.p-megamenu-vertical{display:flex}.p-megamenu-vertical [class*=root]{display:flex;flex-direction:column}.p-megamenu-vertical [class*=grid]{margin-left:.25rem}@media screen and (max-width: 960px){.p-megamenu{position:relative}.p-megamenu .p-megamenu-button{display:flex;width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-megamenu .p-megamenu-button:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-megamenu .p-megamenu-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-megamenu .p-megamenu-button.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-megamenu [aria-expanded=false]+[class*=root]{display:none}.p-megamenu [class*=root]{position:absolute;left:0;top:100%;display:flex;flex-direction:column;min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-900);padding:.25rem;margin-top:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40);z-index:2}.p-megamenu [class*=panel]{width:100%;position:static}.p-megamenu [class*=grid]{display:flex;flex-direction:column;border:none;border-radius:0;margin:0 !important;padding:.25rem 0 0 .75rem;box-shadow:none}.p-megamenu [class*=grid] [class*=list]{width:100%}.p-megamenu-horizontal [aria-expanded=false] .p-submenu-icon{transform:rotate(-90deg)}.p-megamenu-vertical [aria-expanded=true] .p-submenu-icon{transform:rotate(90deg)}}.p-menu [class*=header]{color:var(--white-80);font-size:.875rem;font-weight:bold;text-transform:uppercase;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-menu [class*=header][data-p-disabled=true]{color:var(--white-80);background-color:var(--white-20);border-color:var(--gray-900)}.p-menu .p-menuitem{width:100%;margin-top:.25rem}.p-menu .p-menuitem:first-of-type{margin-top:0}.p-menu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-menu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--aquamarine-300)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--aquamarine-200)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-menu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-menu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-menu .p-menuitem[data-p-disabled=true] .p-disabled{opacity:.6}.p-menu-overlay{min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-900);padding:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40);z-index:2}.p-tieredmenu{display:flex}.p-tieredmenu [class*=root]{display:flex;flex-direction:column}.p-tieredmenu [data-pc-section=menu]{border-radius:.5rem;border:1px solid var(--gray-900);background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-tieredmenu .p-menuitem{width:100%;margin-top:.25rem}.p-tieredmenu .p-menuitem:first-of-type{margin-top:0}.p-tieredmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--aquamarine-300)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--aquamarine-200)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-tieredmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-tabmenu .p-tabmenu-nav{background:rgba(0,0,0,.0001);border-bottom:1px solid var(--gray-900)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem{margin-right:1.5rem}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{background:rgba(0,0,0,.0001);color:var(--white-80);font-weight:normal;border-bottom:.25rem solid rgba(0,0,0,.0001);padding:1rem 0rem;margin:0;transition:.2s}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon{margin-right:.5rem}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link{background:rgba(0,0,0,.0001);border-color:rgba(0,0,0,.0001);color:var(--aquamarine-300)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{background:rgba(0,0,0,.0001);border-color:var(--aquamarine-300);color:var(--aquamarine-300)}.p-tabmenu .p-tabmenu-nav-btn.p-link{background:#1c1b22;color:var(--white-80);width:2.5rem;box-shadow:0px 0px 10px 50px var(--white-60);border-radius:0}.p-tabmenu .p-tabmenu-nav-btn.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-tabmenu .p-tabmenu-nav-btn.p-link:hover{color:var(--aquamarine-300)}.p-tabmenu .p-tabmenu-nav-container>.p-tabmenu-nav-content>.p-tabmenu-nav{white-space:nowrap;width:max-content}.p-panelmenu[data-pc-section=root]{display:flex;flex-direction:column;gap:.25rem}.p-panelmenu [data-pc-section=header]{padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(0,0,0,.0001);background-color:rgba(0,0,0,.0001)}.p-panelmenu [data-pc-section=header] .p-panelmenu-header-action{display:flex;gap:.5rem}.p-panelmenu [data-pc-section=header] .p-panelmenu-header-link{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.p-panelmenu [data-pc-section=header] .p-menuitem-text{color:var(--white-80)}.p-panelmenu [data-pc-section=header] .p-menuitem-icon{color:var(--white-80)}.p-panelmenu [data-pc-section=header] .p-submenu-icon{color:var(--white-80)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover{cursor:pointer;background-color:var(--gray-800)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-text{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-submenu-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true]{background-color:var(--aquamarine-300)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-text{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-submenu-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover{cursor:pointer;background-color:var(--aquamarine-200)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-text{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-submenu-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][data-p-disabled=true]{background-color:var(--white-20);border-color:var(--gray-900)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-icon{color:var(--white-80)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-text{color:var(--white-80)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-submenu-icon{color:var(--white-80)}.p-panelmenu [data-pc-section=menu]{padding:.25rem 0 0 .75rem}.p-panelmenu [data-pc-section=submenu]{padding:.25rem 0 0 .75rem}.p-panelmenu .p-menuitem{width:100%;margin-top:.25rem}.p-panelmenu .p-menuitem:first-of-type{margin-top:0}.p-panelmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-panelmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--aquamarine-300)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--aquamarine-200)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-panelmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled){pointer-events:none;opacity:.6}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-link{pointer-events:none;background-color:var(--white-20);border-color:var(--gray-900);opacity:1}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-icon{color:var(--white-80)}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-text{color:var(--white-80)}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-submenu-icon{color:var(--white-80)}.p-contextmenu [class*=list]{min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-900);padding:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40);z-index:2}.p-contextmenu [class*=list]:not([class*=root]){margin-top:-0.25rem;margin-left:.25rem}.p-contextmenu .p-menuitem{width:100%;margin-top:.25rem}.p-contextmenu .p-menuitem:first-of-type{margin-top:0}.p-contextmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--aquamarine-300)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--aquamarine-200)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-contextmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled{opacity:.6}@media screen and (max-width: 767px){.p-contextmenu [aria-expanded=true]>.p-menuitem-content .p-submenu-icon{transform:rotate(90deg)}.p-contextmenu [class*=list]:not([class*=root]){border-radius:0;border:none;padding-left:.75rem !important;margin:0;margin-top:.25rem;background-color:rgba(0,0,0,0);box-shadow:none}}.p-steps{overflow:hidden;overflow-x:auto}.p-steps .p-steps-item{display:flex;justify-content:center}.p-steps .p-steps-item .p-menuitem-link{display:flex;flex-direction:row;align-items:center;gap:.5rem;border-radius:0;padding:0 .5rem;background:#1c1b22;transition:.2s;z-index:1}.p-steps .p-steps-item .p-menuitem-link .p-steps-number{color:var(--white-100);font-weight:500;border:1px solid var(--gray-900);background:#1c1b22;min-width:1.5rem;height:1.5rem;line-height:1.5rem;font-size:1rem;z-index:1;border-radius:8rem}.p-steps .p-steps-item .p-menuitem-link .p-steps-title{color:var(--white-100);font-weight:500}.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-steps .p-steps-item.p-highlight:not(:has(~.p-highlight)) .p-steps-number{background:var(--aquamarine-300);color:var(--black-80);border-color:rgba(0,0,0,0)}.p-steps .p-steps-item.p-highlight:not(:has(~.p-highlight)) .p-steps-title{color:var(--white-100)}.p-steps .p-steps-item.p-disabled{opacity:1}.p-steps .p-steps-item.p-disabled .p-steps-number,.p-steps .p-steps-item.p-disabled .p-steps-title{opacity:.6}.p-steps .p-steps-item:before{content:" ";border-top:1px solid var(--gray-900);width:100%;top:50%;left:0;display:block;position:absolute}.p-steps .p-steps-item:first-of-type{justify-content:flex-start}.p-steps .p-steps-item:first-of-type .p-menuitem-link{padding-left:0}.p-steps .p-steps-item:last-of-type{justify-content:flex-end}.p-steps .p-steps-item:last-of-type .p-menuitem-link{padding-right:0}.p-timeline .p-timeline-event-content{color:var(--white-100)}.p-timeline .p-timeline-event-opposite,.p-timeline .p-timeline-event-content{line-height:1}.p-timeline .p-timeline-event-marker{border:.25rem solid var(--aquamarine-300);border-radius:8rem;width:1rem;height:1rem;background-color:#1c1b22}.p-timeline .p-timeline-event-connector{background-color:var(--gray-900)}.p-timeline.p-timeline-vertical .p-timeline-event-opposite,.p-timeline.p-timeline-vertical .p-timeline-event-content{padding:0rem .5rem}.p-timeline.p-timeline-vertical .p-timeline-event-connector{width:1px}.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,.p-timeline.p-timeline-horizontal .p-timeline-event-content{padding:.5rem 0rem}.p-timeline.p-timeline-horizontal .p-timeline-event-connector{height:1px}.p-carousel .p-carousel-content .p-carousel-prev,.p-carousel .p-carousel-content .p-carousel-next{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin:.5rem}.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,.p-carousel .p-carousel-content .p-carousel-next:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,.p-carousel .p-carousel-content .p-carousel-next:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-carousel .p-carousel-content .p-carousel-prev.p-disabled,.p-carousel .p-carousel-content .p-carousel-next.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-carousel .p-carousel-indicators{padding:1rem}.p-carousel .p-carousel-indicators .p-carousel-indicator{margin-right:.5rem}.p-carousel .p-carousel-indicators .p-carousel-indicator:last-of-type{margin-right:0}.p-carousel .p-carousel-indicators .p-carousel-indicator button{background-color:var(--gray-900);width:.5rem;height:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:1rem}.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover{background:var(--gray-600)}.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background:var(--gray-600);color:#1c1b22}.p-datatable table{border-collapse:separate}.p-datatable .p-paginator-top{border-width:1px 0 1px 0;border-radius:0}.p-datatable .p-paginator-bottom{border-width:0 0 0 0;border-radius:0}.p-datatable .p-datatable-header{background:var(--gray-0);color:var(--white-100);border:1px solid var(--gray-900);border-width:0 0 1px 0;padding:1rem 1rem;font-weight:500}.p-datatable .p-datatable-footer{background:var(--gray-0);color:var(--white-100);border:1px solid var(--gray-900);border-width:0 0 1px 0;padding:1rem 1rem;font-weight:500}.p-datatable .p-datatable-thead>tr>th{text-align:left;padding:1rem 1rem;border:1px solid var(--gray-900);border-width:0 0 1px 0;font-weight:500;color:var(--white-100);background:var(--gray-0);transition:.2s}.p-datatable .p-datatable-tfoot>tr>td{text-align:left;padding:1rem 1rem;border:1px solid var(--gray-900);border-width:0 0 1px 0;font-weight:500;color:var(--white-100);background:var(--gray-0)}.p-datatable .p-sortable-column p-sorticon{vertical-align:middle}.p-datatable .p-sortable-column p-sorticon sortalticon>svg,.p-datatable .p-sortable-column p-sorticon sortamountupalticon>svg,.p-datatable .p-sortable-column p-sorticon sortamountdownicon>svg{display:none}.p-datatable .p-sortable-column p-sorticon sortalticon::after,.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after,.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after{width:1.25rem;height:1.25rem;color:var(--white-100);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.p-datatable .p-sortable-column p-sorticon sortalticon::after{content:""}.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after{content:"";color:var(--aquamarine-300)}.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after{content:"";color:var(--aquamarine-300)}.p-datatable .p-sortable-column .p-sortable-column-badge{border-radius:50%;height:1.25rem;min-width:1.25rem;line-height:1.25rem;color:var(--black-80);background:var(--aquamarine-300);margin-left:.5rem}.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon{color:var(--white-100)}.p-datatable .p-sortable-column.p-highlight{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{color:var(--aquamarine-300)}.p-datatable .p-sortable-column:focus-visible{box-shadow:0 0 0 .25rem var(--aquamarine-800);outline:0 none}.p-datatable .p-datatable-tbody>tr{background:#1c1b22;color:var(--white-100);transition:.2s}.p-datatable .p-datatable-tbody>tr>td{text-align:left;border:1px solid var(--gray-900);border-width:0 0 1px 0;padding:1rem 1rem}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save{margin-right:.5rem}.p-datatable .p-datatable-tbody>tr>td>.p-column-title{font-weight:500}.p-datatable .p-datatable-tbody>tr>td.p-highlight{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-datatable-tbody>tr.p-highlight{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-datatable-tbody>tr.p-highlight-contextmenu{outline:.15rem solid var(--aquamarine-800);outline-offset:-0.15rem}.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-top>td{box-shadow:inset 0 2px 0 0 var(--aquamarine-300)}.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td{box-shadow:inset 0 -2px 0 0 var(--aquamarine-300)}.p-datatable .p-datatable-tbody>tr .pi-chevron-right::before,.p-datatable .p-datatable-tbody>tr .pi-chevron-down::before{color:var(--white-80);font-size:1rem}.p-datatable .p-datatable-frozen-tbody>tr>td{background:var(--gray-0)}.p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover{background:var(--gray-800);color:var(--white-100)}.p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:focus-visible{outline:.15rem solid var(--aquamarine-800);outline-offset:-0.15rem}.p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:not(.p-highlight):hover{background:var(--gray-800);color:var(--white-100)}.p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:focus-visible{outline:.15rem solid var(--aquamarine-800);outline-offset:-0.15rem}.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):not(.p-datatable-emptymessage):hover{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-column-resizer-helper{background:var(--gray-900)}.p-datatable .p-datatable-scrollable-header,.p-datatable .p-datatable-scrollable-footer{background:#1c1b22}.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-thead,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-tfoot,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-thead,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-tfoot{background-color:var(--gray-0)}.p-datatable .p-datatable-loading-icon{font-size:2rem}.p-datatable .p-datatable-loading-icon.p-icon{width:2rem;height:2rem}.p-datatable.p-datatable-gridlines .p-datatable-header{border-width:1px 1px 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-footer{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-paginator-top{border-width:0 1px 0 1px}.p-datatable.p-datatable-gridlines .p-paginator-bottom{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th:last-child{border-width:1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td{border-width:1px 0 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td:last-child{border-width:1px 1px 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td:last-child{border-width:1px}.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td:last-child{border-width:1px 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td{border-width:0 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td:last-child{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td{border-width:0 0 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td:last-child{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td{border-width:0 0 0 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td:last-child{border-width:0 1px 0 1px}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even){background:var(--gray-0)}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even).p-highlight{background:var(--gray-800);color:var(--white-100)}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even)+.p-row-expanded{background:var(--gray-0)}.p-datatable.p-datatable-sm .p-datatable-header{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-thead>tr>th{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-tfoot>tr>td{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-footer{padding:.5rem .5rem}.p-datatable.p-datatable-lg .p-datatable-header{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-thead>tr>th{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-tbody>tr>td{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-footer{padding:1.25rem 1.25rem}.p-datatable-drag-selection-helper{background:var(--gray-800)}.p-column-filter-overlay{display:flex;flex-direction:column;gap:.25rem;background-color:#1c1b22;padding:.25rem;border:1px solid var(--gray-900);border-radius:.5rem}.p-column-filter-constraint,.p-column-filter-constraints{display:flex;flex-direction:column;gap:.25rem}.p-column-filter-buttonbar{display:flex;gap:.25rem}[data-pc-section=filterremove]{display:none}[data-pc-section=filterremove]:has(.p-column-filter-remove-button){display:block}.p-column-filter-menu-button,.p-column-filter-clear-button{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;vertical-align:middle}.p-column-filter-menu-button:enabled:hover,.p-column-filter-clear-button:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-column-filter-menu-button:focus-visible,.p-column-filter-clear-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-column-filter-menu-button.p-disabled,.p-column-filter-clear-button.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-column-filter-menu-button filtericon>svg,.p-column-filter-menu-button filterslashicon>svg,.p-column-filter-clear-button filtericon>svg,.p-column-filter-clear-button filterslashicon>svg{display:none}.p-column-filter-menu-button filtericon::after,.p-column-filter-menu-button filterslashicon::after,.p-column-filter-clear-button filtericon::after,.p-column-filter-clear-button filterslashicon::after{color:var(--white-100);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2;-webkit-font-smoothing:antialiased}.p-column-filter-menu-button filtericon::after,.p-column-filter-clear-button filtericon::after{content:""}.p-column-filter-menu-button filterslashicon::after,.p-column-filter-clear-button filterslashicon::after{content:""}.p-column-filter-menu-button.p-column-filter-menu-button-active,.p-column-filter-clear-button.p-column-filter-menu-button-active{background-color:var(--aquamarine-300);color:var(--black-80)}.p-column-filter-menu-button.p-column-filter-menu-button-active filtericon::after,.p-column-filter-menu-button.p-column-filter-menu-button-active filterslashicon::after,.p-column-filter-clear-button.p-column-filter-menu-button-active filtericon::after,.p-column-filter-clear-button.p-column-filter-menu-button-active filterslashicon::after{color:var(--black-80)}.p-column-filter-menu-button.p-column-filter-menu-button-active:hover,.p-column-filter-clear-button.p-column-filter-menu-button-active:hover{background-color:var(--aquamarine-200);color:var(--black-80)}.p-column-filter-row{gap:.5rem}.p-column-filter-row-item{color:var(--white-80);padding:.5rem .75rem;margin-top:.25rem;background-color:rgba(0,0,0,.0001);border-radius:.5rem;border:1px solid rgba(0,0,0,.0001)}.p-column-filter-row-item:first-of-type{margin:0}.p-column-filter-row-item:not(.p-highlight):hover{color:var(--white-100);background-color:var(--gray-800)}.p-column-filter-row-item.p-highlight{color:var(--black-80);background-color:var(--aquamarine-300)}.p-column-filter-row-item.p-highlight:hover{background-color:var(--aquamarine-200)}.p-column-filter-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-datatable-reorderablerow-handle{color:var(--white-80)}.p-datatable-reorderablerow-handle::before{content:"" !important;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2;-webkit-font-smoothing:antialiased}.p-paginator{background:rgba(0,0,0,.0001);color:var(--white-100);border:solid rgba(0,0,0,.0001);border-width:0;padding:.5rem 0rem;border-radius:.5rem}.p-paginator .p-paginator-first,.p-paginator .p-paginator-prev,.p-paginator .p-paginator-next,.p-paginator .p-paginator-last{background-color:rgba(0,0,0,.0001);border:1px solid rgba(0,0,0,.0001);color:var(--white-80);min-width:2.5rem;height:2.5rem;margin:.25rem;transition:.2s;border-radius:.5rem}.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover{background:var(--gray-800);border-color:rgba(0,0,0,.0001);color:var(--white-100)}.p-paginator .p-paginator-first.p-disabled:not(.p-highlight),.p-paginator .p-paginator-prev.p-disabled:not(.p-highlight),.p-paginator .p-paginator-next.p-disabled:not(.p-highlight),.p-paginator .p-paginator-last.p-disabled:not(.p-highlight){background:var(--white-20);border-color:var(--gray-900);color:var(--white-80)}.p-paginator .p-paginator-first{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-paginator .p-paginator-last{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-paginator .p-dropdown{margin-left:.5rem;height:2.5rem}.p-paginator .p-dropdown .p-dropdown-label{padding-right:0}.p-paginator .p-paginator-page-input{margin-left:.5rem;margin-right:.5rem}.p-paginator .p-paginator-page-input .p-inputtext{max-width:2.5rem}.p-paginator .p-paginator-current{background-color:rgba(0,0,0,.0001);border:1px solid rgba(0,0,0,.0001);color:var(--white-80);min-width:2.5rem;height:2.5rem;margin:.25rem;padding:0 .5rem}.p-paginator .p-paginator-pages .p-paginator-page{background-color:rgba(0,0,0,.0001);border:1px solid rgba(0,0,0,.0001);color:var(--white-80);min-width:2.5rem;height:2.5rem;margin:.25rem;transition:.2s;border-radius:.5rem}.p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:var(--aquamarine-300);border-color:var(--aquamarine-300);color:var(--black-80)}.p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover{background:var(--aquamarine-200);border-color:var(--aquamarine-200)}.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover{background:var(--gray-800);border-color:rgba(0,0,0,.0001);color:var(--white-100)}.p-galleria .p-galleria-close{margin:.5rem;background:rgba(0,0,0,.0001);color:var(--white-60);width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem}.p-galleria .p-galleria-close .p-galleria-close-icon{font-size:2rem}.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon{width:2rem;height:2rem}.p-galleria .p-galleria-close:hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-item-nav{background:rgba(0,0,0,.0001);color:var(--white-60);width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem;margin:.5rem}.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon{font-size:2rem}.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon{width:2rem;height:2rem}.p-galleria .p-galleria-item-nav:not(.p-disabled):hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-caption{background:var(--black-60);color:var(--white-80)}.p-galleria .p-galleria-caption-title{padding:0 1rem}.p-galleria .p-galleria-indicators{padding:1rem;line-height:0}.p-galleria .p-galleria-indicators .p-galleria-indicator button{background-color:var(--white-40);width:.5rem;height:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:1rem}.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover{background:var(--white-80)}.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button{background:var(--white-80);color:var(--black-80)}.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,.p-galleria.p-galleria-indicators-top .p-galleria-indicator{margin-right:.5rem}.p-galleria.p-galleria-indicators-left .p-galleria-indicator,.p-galleria.p-galleria-indicators-right .p-galleria-indicator{margin-bottom:.5rem}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators{background:rgba(0,0,0,.0001)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button{background:var(--white-40)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover{background:var(--white-80)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button{background:var(--white-80);color:#1c1b22}.p-galleria .p-galleria-thumbnail-container{background:var(--black-100);padding:.5rem .5rem;gap:.5rem}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next{background-color:rgba(0,0,0,.0001);color:var(--white-60);width:2rem;height:2rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content{transition:.2s;width:100%;height:100%}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-800);caret-color:var(--aquamarine-300)}.p-galleria-mask{--maskbg: var(--black-40)}.p-galleria-thumbnail-item{overflow:hidden;height:4rem}.p-fileupload-dnd .p-fileupload,.p-fileupload-button .p-fileupload{width:100%;display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd.p-fileupload-advanced,.p-fileupload-button.p-fileupload-advanced{display:flex;flex-direction:column;align-items:flex-start}.p-fileupload-dnd .p-fileupload-content,.p-fileupload-button .p-fileupload-content{width:100%;display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd .p-fileupload-content>p-progressbar,.p-fileupload-dnd .p-fileupload-content p-messages,.p-fileupload-button .p-fileupload-content>p-progressbar,.p-fileupload-button .p-fileupload-content p-messages{display:none}.p-fileupload-dnd .p-orderlist-controls,.p-fileupload-button .p-orderlist-controls{display:none}.p-fileupload-dnd .p-fileupload-files,.p-fileupload-button .p-fileupload-files{display:none}.p-fileupload-dnd .p-fileupload-info-button,.p-fileupload-button .p-fileupload-info-button{width:2.5rem;display:inline-flex;justify-content:center;align-items:center;color:var(--blue-400)}.p-fileupload-dnd .p-orderlist-list-container,.p-fileupload-button .p-orderlist-list-container{display:flex;flex-direction:column;width:100%}.p-fileupload-dnd .p-orderlist-list-container .p-orderlist-list,.p-fileupload-button .p-orderlist-list-container .p-orderlist-list{overflow:hidden;min-height:0px}.p-fileupload-dnd .p-fileupload-progress-spinner,.p-fileupload-button .p-fileupload-progress-spinner{width:1.25rem;height:1.25rem}.p-fileupload-dnd .p-fileupload-item-row,.p-fileupload-button .p-fileupload-item-row{padding:.25rem .25rem .25rem .5rem;border-radius:.5rem;border:1px solid rgba(0,0,0,.0001)}.p-fileupload-dnd .p-fileupload-item-row:hover,.p-fileupload-button .p-fileupload-item-row:hover{background:var(--gray-800)}.p-fileupload-dnd .p-fileupload-item-row.error,.p-fileupload-button .p-fileupload-item-row.error{border-color:var(--red-400)}.p-fileupload-dnd .p-fileupload-item-row.error .file-icon,.p-fileupload-button .p-fileupload-item-row.error .file-icon{color:var(--red-400)}.p-fileupload-dnd .p-dataview-content,.p-fileupload-dnd .p-orderlist-list,.p-fileupload-button .p-dataview-content,.p-fileupload-button .p-orderlist-list{display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd .p-fileupload-buttonbar{width:100%;border-radius:.5rem;background:var(--gray-alpha);border:1px dashed var(--gray-900);padding:1.5rem 1.5rem 1rem}.p-fileupload-dnd .p-fileupload-buttonbar button{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.p-fileupload-dnd .p-fileupload-buttonbar button>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.p-fileupload-dnd .p-fileupload-buttonbar:hover{cursor:pointer;border-color:var(--aquamarine-300)}.p-fileupload-dnd .p-fileupload-buttonbar:hover i{color:var(--aquamarine-300)}.hover\:border-primary:hover {
-  border-color: var(--primary-color);
-}.hover\:bg-blue-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}.hover\:bg-purple-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
-}.hover\:text-primary:hover {
-  color: var(--primary-color);
-}.hover\:underline:hover {
-  text-decoration-line: underline;
-}@media (min-width: 1px) {
-
-  .sm\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .sm\:\!w-15 {
-    width: 15rem !important;
-  }
-
-  .sm\:\!w-16 {
-    width: 16rem !important;
-  }
-
-  .sm\:\!w-26 {
-    width: 26rem !important;
-  }
-
-  .sm\:w-auto {
-    width: auto;
-  }
-
-  .sm\:flex-row {
-    flex-direction: row;
-  }
-
-  .sm\:flex-col {
-    flex-direction: column;
-  }
-
-  .sm\:items-start {
-    align-items: flex-start;
-  }
-
-  .sm\:items-end {
-    align-items: flex-end;
-  }
-
-  .sm\:items-center {
-    align-items: center;
-  }
-
-  .sm\:gap-2 {
-    gap: 0.5rem;
-  }
-
-  .sm\:p-8 {
-    padding: 2rem;
-  }
-}@media (min-width: 768px) {
-
-  .md\:col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .md\:col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .md\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .md\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .md\:ml-auto {
-    margin-left: auto;
-  }
-
-  .md\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .md\:block {
-    display: block;
-  }
-
-  .md\:flex {
-    display: flex;
-  }
-
-  .md\:hidden {
-    display: none;
-  }
-
-  .md\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .md\:\!w-15 {
-    width: 15rem !important;
-  }
-
-  .md\:\!w-20 {
-    width: 20rem !important;
-  }
-
-  .md\:\!w-30 {
-    width: 30rem !important;
-  }
-
-  .md\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .md\:\!w-8\/12 {
-    width: 66.666667% !important;
-  }
-
-  .md\:w-2 {
-    width: 2rem;
-  }
-
-  .md\:w-5 {
-    width: 5rem;
-  }
-
-  .md\:flex-initial {
-    flex: 0 1 auto;
-  }
-
-  .md\:flex-row {
-    flex-direction: row;
-  }
-
-  .md\:flex-col {
-    flex-direction: column;
-  }
-
-  .md\:items-end {
-    align-items: flex-end;
-  }
-
-  .md\:items-center {
-    align-items: center;
-  }
-
-  .md\:justify-start {
-    justify-content: flex-start;
-  }
-
-  .md\:justify-center {
-    justify-content: center;
-  }
-
-  .md\:justify-between {
-    justify-content: space-between;
-  }
-
-  .md\:gap-8 {
-    gap: 2rem;
-  }
-}@media (min-width: 1200px) {
-
-  .lg\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .lg\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .lg\:flex {
-    display: flex;
-  }
-
-  .lg\:\!w-3\/12 {
-    width: 25% !important;
-  }
-
-  .lg\:\!w-4\/12 {
-    width: 33.333333% !important;
-  }
-
-  .lg\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .lg\:gap-0 {
-    gap: 0px;
-  }
-
-  .lg\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
-  .lg\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .lg\:pr-8 {
-    padding-right: 2rem;
-  }
-}@media (min-width: 1280px) {
-
-  .xl\:block {
-    display: block;
-  }
-
-  .xl\:flex {
-    display: flex;
-  }
-
-  .xl\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .xl\:\!w-3\/12 {
-    width: 25% !important;
-  }
-
-  .xl\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .xl\:\!w-9\/12 {
-    width: 75% !important;
-  }
-
-  .xl\:w-6 {
-    width: 6rem;
-  }
-
-  .xl\:flex-row {
-    flex-direction: row;
-  }
-
-  .xl\:items-start {
-    align-items: flex-start;
-  }
-
-  .xl\:justify-center {
-    justify-content: center;
-  }
-
-  .xl\:pt-0 {
-    padding-top: 0px;
-  }
-
-  .xl\:text-left {
-    text-align: left;
-  }
-}
diff --git a/src-storybook/assets/themes/ek5-dark-secondary/theme.css b/src-storybook/assets/themes/ek5-dark-secondary/theme.css
deleted file mode 100644
index cd08507..0000000
--- a/src-storybook/assets/themes/ek5-dark-secondary/theme.css
+++ /dev/null
@@ -1,9924 +0,0 @@
-@charset "UTF-8";
-*, ::before, ::after{
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-::backdrop{
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*/
-/*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-::before,
-::after {
-  --tw-content: '';
-}
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: Roboto, sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-/*
-Remove the default font size and weight for headings.
-*/
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-/*
-Add the correct font weight in Edge and Safari.
-*/
-b,
-strong {
-  font-weight: bolder;
-}
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-/*
-Add the correct font size in all browsers.
-*/
-small {
-  font-size: 80%;
-}
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-button,
-select {
-  text-transform: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-:-moz-focusring {
-  outline: auto;
-}
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-progress {
-  vertical-align: baseline;
-}
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-/*
-Add the correct display in Chrome and Safari.
-*/
-summary {
-  display: list-item;
-}
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-legend {
-  padding: 0;
-}
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-/*
-Prevent resizing textareas horizontally by default.
-*/
-textarea {
-  resize: vertical;
-}
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-/*
-Set the default cursor for buttons.
-*/
-button,
-[role="button"] {
-  cursor: pointer;
-}
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}
-.container{
-  width: 100%;
-}
-@media (min-width: 1px){
-  .container{
-    max-width: 1px;
-  }
-}
-@media (min-width: 768px){
-  .container{
-    max-width: 768px;
-  }
-}
-@media (min-width: 1200px){
-  .container{
-    max-width: 1200px;
-  }
-}
-@media (min-width: 1280px){
-  .container{
-    max-width: 1280px;
-  }
-}
-@media (min-width: 1536px){
-  .container{
-    max-width: 1536px;
-  }
-}
-.pointer-events-none{
-  pointer-events: none;
-}
-.\!visible{
-  visibility: visible !important;
-}
-.visible{
-  visibility: visible;
-}
-.collapse{
-  visibility: collapse;
-}
-.static{
-  position: static;
-}
-.fixed{
-  position: fixed;
-}
-.absolute{
-  position: absolute;
-}
-.relative{
-  position: relative;
-}
-.sticky{
-  position: sticky;
-}
-.left-0{
-  left: 0px;
-}
-.right-0{
-  right: 0px;
-}
-.top-0{
-  top: 0px;
-}
-.top-auto{
-  top: auto;
-}
-.z-1{
-  z-index: 1;
-}
-.col-span-12{
-  grid-column: span 12 / span 12;
-}
-.col-span-2{
-  grid-column: span 2 / span 2;
-}
-.col-span-6{
-  grid-column: span 6 / span 6;
-}
-.col-span-8{
-  grid-column: span 8 / span 8;
-}
-.m-0{
-  margin: 0px;
-}
-.m-2{
-  margin: 0.5rem;
-}
-.m-3{
-  margin: 0.75rem;
-}
-.m-auto{
-  margin: auto;
-}
-.mx-0{
-  margin-left: 0px;
-  margin-right: 0px;
-}
-.mx-1{
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}
-.mx-2{
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.mx-3{
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}
-.mx-4{
-  margin-left: 1rem;
-  margin-right: 1rem;
-}
-.mx-auto{
-  margin-left: auto;
-  margin-right: auto;
-}
-.my-2{
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.my-3{
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}
-.my-4{
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-.my-5{
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}
-.-ml-5{
-  margin-left: -1.25rem;
-}
-.-mr-1{
-  margin-right: -0.25rem;
-}
-.-mr-8{
-  margin-right: -2rem;
-}
-.-mt-4{
-  margin-top: -1rem;
-}
-.-mt-5{
-  margin-top: -1.25rem;
-}
-.mb-0{
-  margin-bottom: 0px;
-}
-.mb-1{
-  margin-bottom: 0.25rem;
-}
-.mb-2{
-  margin-bottom: 0.5rem;
-}
-.mb-3{
-  margin-bottom: 0.75rem;
-}
-.mb-4{
-  margin-bottom: 1rem;
-}
-.mb-5{
-  margin-bottom: 1.25rem;
-}
-.mb-6{
-  margin-bottom: 1.5rem;
-}
-.mb-8{
-  margin-bottom: 2rem;
-}
-.ml-1{
-  margin-left: 0.25rem;
-}
-.ml-2{
-  margin-left: 0.5rem;
-}
-.ml-3{
-  margin-left: 0.75rem;
-}
-.ml-5{
-  margin-left: 1.25rem;
-}
-.ml-8{
-  margin-left: 2rem;
-}
-.ml-auto{
-  margin-left: auto;
-}
-.mr-1{
-  margin-right: 0.25rem;
-}
-.mr-2{
-  margin-right: 0.5rem;
-}
-.mr-3{
-  margin-right: 0.75rem;
-}
-.mr-4{
-  margin-right: 1rem;
-}
-.mr-5{
-  margin-right: 1.25rem;
-}
-.mt-0{
-  margin-top: 0px;
-}
-.mt-1{
-  margin-top: 0.25rem;
-}
-.mt-2{
-  margin-top: 0.5rem;
-}
-.mt-3{
-  margin-top: 0.75rem;
-}
-.mt-4{
-  margin-top: 1rem;
-}
-.mt-5{
-  margin-top: 1.25rem;
-}
-.mt-6{
-  margin-top: 1.5rem;
-}
-.mt-7{
-  margin-top: 1.75rem;
-}
-.mt-8{
-  margin-top: 2rem;
-}
-.mt-auto{
-  margin-top: auto;
-}
-.block{
-  display: block;
-}
-.inline-block{
-  display: inline-block;
-}
-.\!inline{
-  display: inline !important;
-}
-.inline{
-  display: inline;
-}
-.flex{
-  display: flex;
-}
-.inline-flex{
-  display: inline-flex;
-}
-.table{
-  display: table;
-}
-.table-cell{
-  display: table-cell;
-}
-.grid{
-  display: grid;
-}
-.contents{
-  display: contents;
-}
-.hidden{
-  display: none;
-}
-.\!h-1{
-  height: 1rem !important;
-}
-.\!h-10{
-  height: 10rem !important;
-}
-.\!h-12{
-  height: 12rem !important;
-}
-.\!h-14{
-  height: 14rem !important;
-}
-.\!h-2{
-  height: 2rem !important;
-}
-.\!h-20{
-  height: 20rem !important;
-}
-.\!h-3{
-  height: 3rem !important;
-}
-.\!h-30{
-  height: 30rem !important;
-}
-.\!h-4{
-  height: 4rem !important;
-}
-.\!h-5{
-  height: 5rem !important;
-}
-.\!h-6{
-  height: 6rem !important;
-}
-.\!h-8{
-  height: 8rem !important;
-}
-.h-4{
-  height: 4rem;
-}
-.h-full{
-  height: 100%;
-}
-.h-screen{
-  height: 100vh;
-}
-.\!w-1{
-  width: 1rem !important;
-}
-.\!w-10{
-  width: 10rem !important;
-}
-.\!w-12{
-  width: 12rem !important;
-}
-.\!w-14{
-  width: 14rem !important;
-}
-.\!w-15{
-  width: 15rem !important;
-}
-.\!w-18{
-  width: 18rem !important;
-}
-.\!w-2{
-  width: 2rem !important;
-}
-.\!w-20{
-  width: 20rem !important;
-}
-.\!w-25{
-  width: 25rem !important;
-}
-.\!w-3{
-  width: 3rem !important;
-}
-.\!w-3\/12{
-  width: 25% !important;
-}
-.\!w-30{
-  width: 30rem !important;
-}
-.\!w-4{
-  width: 4rem !important;
-}
-.\!w-4\/12{
-  width: 33.333333% !important;
-}
-.\!w-6{
-  width: 6rem !important;
-}
-.\!w-6\/12{
-  width: 50% !important;
-}
-.\!w-7\/12{
-  width: 58.333333% !important;
-}
-.\!w-8{
-  width: 8rem !important;
-}
-.\!w-8\/12{
-  width: 66.666667% !important;
-}
-.\!w-9{
-  width: 9rem !important;
-}
-.\!w-9\/12{
-  width: 75% !important;
-}
-.w-1{
-  width: 1rem;
-}
-.w-13{
-  width: 13rem;
-}
-.w-9{
-  width: 9rem;
-}
-.w-full{
-  width: 100%;
-}
-.min-w-0{
-  min-width: 0px;
-}
-.max-w-full{
-  max-width: 100%;
-}
-.flex-1{
-  flex: 1 1 0%;
-}
-.flex-auto{
-  flex: 1 1 auto;
-}
-.flex-shrink-0{
-  flex-shrink: 0;
-}
-.shrink{
-  flex-shrink: 1;
-}
-.flex-grow{
-  flex-grow: 1;
-}
-.grow{
-  flex-grow: 1;
-}
-.origin-top{
-  transform-origin: top;
-}
-.transform{
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.cursor-pointer{
-  cursor: pointer;
-}
-.select-none{
-  user-select: none;
-}
-.resize{
-  resize: both;
-}
-.list-none{
-  list-style-type: none;
-}
-.grid-cols-12{
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}
-.flex-row{
-  flex-direction: row;
-}
-.flex-row-reverse{
-  flex-direction: row-reverse;
-}
-.flex-col{
-  flex-direction: column;
-}
-.flex-wrap{
-  flex-wrap: wrap;
-}
-.items-start{
-  align-items: flex-start;
-}
-.items-end{
-  align-items: flex-end;
-}
-.items-center{
-  align-items: center;
-}
-.justify-start{
-  justify-content: flex-start;
-}
-.justify-end{
-  justify-content: flex-end;
-}
-.justify-center{
-  justify-content: center;
-}
-.justify-between{
-  justify-content: space-between;
-}
-.gap-1{
-  gap: 0.25rem;
-}
-.gap-2{
-  gap: 0.5rem;
-}
-.gap-3{
-  gap: 0.75rem;
-}
-.gap-4{
-  gap: 1rem;
-}
-.gap-5{
-  gap: 1.25rem;
-}
-.gap-6{
-  gap: 1.5rem;
-}
-.gap-8{
-  gap: 2rem;
-}
-.overflow-auto{
-  overflow: auto;
-}
-.overflow-hidden{
-  overflow: hidden;
-}
-.overflow-visible{
-  overflow: visible;
-}
-.overflow-x-auto{
-  overflow-x: auto;
-}
-.overflow-y-auto{
-  overflow-y: auto;
-}
-.overflow-y-hidden{
-  overflow-y: hidden;
-}
-.whitespace-nowrap{
-  white-space: nowrap;
-}
-.rounded{
-  border-radius: 0.25rem;
-}
-.rounded-2xl{
-  border-radius: 1rem;
-}
-.rounded-3xl{
-  border-radius: 1.5rem;
-}
-.rounded-full{
-  border-radius: 9999px;
-}
-.rounded-xl{
-  border-radius: 0.75rem;
-}
-.border{
-  border-width: 1px;
-}
-.border-1{
-  border-width: 1px;
-}
-.border-2{
-  border-width: 2px;
-}
-.border-solid{
-  border-style: solid;
-}
-.border-dashed{
-  border-style: dashed;
-}
-.border-none{
-  border-style: none;
-}
-.border-blue-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}
-.border-color{
-  border-color: var(--text-color);
-}
-.border-indigo-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
-}
-.border-orange-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
-}
-.border-pink-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
-}
-.border-primary{
-  border-color: var(--primary-color);
-}
-.border-teal-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
-}
-.border-transparent{
-  border-color: transparent;
-}
-.bg-black{
-  background-color: var(--black-100);
-}
-.bg-blue-400{
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}
-.bg-blue-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
-}
-.bg-blue-600{
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}
-.bg-gray-900{
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
-}
-.bg-green-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
-}
-.bg-indigo-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
-}
-.bg-orange-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
-}
-.bg-pink-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
-}
-.bg-primary{
-  background-color: var(--primary-color);
-}
-.bg-primary-600{
-  background-color: var(--primary-600);
-}
-.bg-purple-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
-}
-.bg-surface-50{
-  background-color: var(--surface-50);
-}
-.bg-teal-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
-}
-.bg-transparent{
-  background-color: transparent;
-}
-.bg-white{
-  background-color: var(--white-100);
-}
-.bg-cover{
-  background-size: cover;
-}
-.object-cover{
-  object-fit: cover;
-}
-.\!p-0{
-  padding: 0px !important;
-}
-.p-0{
-  padding: 0px;
-}
-.p-1{
-  padding: 0.25rem;
-}
-.p-2{
-  padding: 0.5rem;
-}
-.p-3{
-  padding: 0.75rem;
-}
-.p-4{
-  padding: 1rem;
-}
-.p-5{
-  padding: 1.25rem;
-}
-.p-8{
-  padding: 2rem;
-}
-.px-0{
-  padding-left: 0px;
-  padding-right: 0px;
-}
-.px-1{
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-.px-10{
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}
-.px-12{
-  padding-left: 3rem;
-  padding-right: 3rem;
-}
-.px-2{
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.px-3{
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-.px-4{
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-.px-5{
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
-.px-8{
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-.py-0{
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.py-1{
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-.py-2{
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-.py-3{
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-.py-4{
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-.py-5{
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}
-.py-6{
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-.py-8{
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-.pb-0{
-  padding-bottom: 0px;
-}
-.pb-3{
-  padding-bottom: 0.75rem;
-}
-.pb-4{
-  padding-bottom: 1rem;
-}
-.pb-5{
-  padding-bottom: 1.25rem;
-}
-.pl-0{
-  padding-left: 0px;
-}
-.pl-2{
-  padding-left: 0.5rem;
-}
-.pl-3{
-  padding-left: 0.75rem;
-}
-.pr-0{
-  padding-right: 0px;
-}
-.pr-3{
-  padding-right: 0.75rem;
-}
-.pr-4{
-  padding-right: 1rem;
-}
-.pr-5{
-  padding-right: 1.25rem;
-}
-.pr-6{
-  padding-right: 1.5rem;
-}
-.pt-1{
-  padding-top: 0.25rem;
-}
-.pt-3{
-  padding-top: 0.75rem;
-}
-.pt-4{
-  padding-top: 1rem;
-}
-.pt-5{
-  padding-top: 1.25rem;
-}
-.pt-6{
-  padding-top: 1.5rem;
-}
-.pt-7{
-  padding-top: 1.75rem;
-}
-.pt-8{
-  padding-top: 2rem;
-}
-.text-left{
-  text-align: left;
-}
-.text-center{
-  text-align: center;
-}
-.text-right{
-  text-align: right;
-}
-.text-2xl{
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-.text-3xl{
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}
-.text-4xl{
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}
-.text-5xl{
-  font-size: 3rem;
-  line-height: 1;
-}
-.text-6xl{
-  font-size: 3.75rem;
-  line-height: 1;
-}
-.text-7xl{
-  font-size: 4.5rem;
-  line-height: 1;
-}
-.text-8xl{
-  font-size: 6rem;
-  line-height: 1;
-}
-.text-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-.text-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-.text-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.text-xl{
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-.text-xs{
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-.font-bold{
-  font-weight: 700;
-}
-.font-medium{
-  font-weight: 500;
-}
-.font-normal{
-  font-weight: 400;
-}
-.font-semibold{
-  font-weight: 600;
-}
-.uppercase{
-  text-transform: uppercase;
-}
-.lowercase{
-  text-transform: lowercase;
-}
-.leading{
-  line-height: normal;
-}
-.leading-auto{
-  line-height: 1.2;
-}
-.leading-none{
-  line-height: 1;
-}
-.leading-normal{
-  line-height: 1.5;
-}
-.text-blue-500{
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}
-.text-color{
-  color: var(--text-color);
-}
-.text-color-secondary{
-  color: var(--text-color-secondary);
-}
-.text-gray-900{
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}
-.text-green-500{
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
-}
-.text-green-600{
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
-}
-.text-help{
-  color: var(--purple-400);
-}
-.text-indigo-200{
-  --tw-text-opacity: 1;
-  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
-}
-.text-indigo-500{
-  --tw-text-opacity: 1;
-  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
-}
-.text-info{
-  color: var(--blue-400);
-}
-.text-primary{
-  color: var(--primary-color);
-}
-.text-primary-50{
-  color: var(--primary-50);
-}
-.text-primary-500{
-  color: var(--primary-500);
-}
-.text-primary-700{
-  color: var(--primary-700);
-}
-.text-red-500{
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}
-.text-slate-500{
-  --tw-text-opacity: 1;
-  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
-}
-.text-white{
-  color: var(--white-100);
-}
-.text-yellow-500{
-  --tw-text-opacity: 1;
-  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
-}
-.line-through{
-  text-decoration-line: line-through;
-}
-.no-underline{
-  text-decoration-line: none;
-}
-.antialiased{
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.opacity-20{
-  opacity: 0.2;
-}
-.shadow{
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.outline{
-  outline-style: solid;
-}
-.outline-color{
-  outline-color: var(--text-color);
-}
-.blur{
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.grayscale{
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.filter{
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.backdrop-filter{
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-.transition{
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-all{
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-colors{
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.duration-300{
-  transition-duration: 300ms;
-}
-.ease-in{
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-.ease-out{
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.title-h1{
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h2{
-  font-size: 1.5rem;
-  line-height: 2rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h3{
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h4{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h5{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h6{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.subtitle-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}
-.subtitle-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}
-.subtitle-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}
-.subtitle-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}
-.subtitle-sm-secondary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}
-.subtitle-sm-primary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}
-.caption{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.caption-secondary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.caption-primary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.caption-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.caption-secondary-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.caption-primary-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.service-danger-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}
-.service-danger-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}
-.service-warning-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}
-.service-warning-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}
-.service-success-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}
-.service-success-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}
-.service-info-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.service-info-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.service-help-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.service-help-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.anchor-base:hover{
-  text-decoration-line: underline;
-}
-.anchor-base:visited{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-base:visited:hover{
-  text-decoration-line: underline;
-}
-.anchor-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.anchor-sm:hover{
-  text-decoration-line: underline;
-}
-.anchor-sm:visited{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-sm:visited:hover{
-  text-decoration-line: underline;
-}
-:root {
-  --emerald-0: color-mix(in srgb, color-mix(in srgb, #29C075, #fff 76%), #000 80%);
-  --emerald-50: color-mix(in srgb, #29C075, #fff 95%);
-  --emerald-100: color-mix(in srgb, #29C075, #fff 76%);
-  --emerald-200: color-mix(in srgb, #29C075, #fff 57%);
-  --emerald-300: color-mix(in srgb, #29C075, #fff 38%);
-  --emerald-400: color-mix(in srgb, #29C075, #fff 19%);
-  --emerald-500: color-mix(in srgb, #29C075, #fff 0%);
-  --emerald-600: color-mix(in srgb, #29C075, #000 15%);
-  --emerald-700: color-mix(in srgb, #29C075, #000 30%);
-  --emerald-800: color-mix(in srgb, #29C075, #000 45%);
-  --emerald-900: color-mix(in srgb, #29C075, #000 60%);
-  --emerald-alpha: color-mix(in srgb, #29C075 10%, transparent);
-  --citrine-0: color-mix(in srgb, color-mix(in srgb, #FA8606, #fff 76%), #000 80%);
-  --citrine-50: color-mix(in srgb, #FA8606, #fff 95%);
-  --citrine-100: color-mix(in srgb, #FA8606, #fff 76%);
-  --citrine-200: color-mix(in srgb, #FA8606, #fff 57%);
-  --citrine-300: color-mix(in srgb, #FA8606, #fff 38%);
-  --citrine-400: color-mix(in srgb, #FA8606, #fff 19%);
-  --citrine-500: color-mix(in srgb, #FA8606, #fff 0%);
-  --citrine-600: color-mix(in srgb, #FA8606, #000 15%);
-  --citrine-700: color-mix(in srgb, #FA8606, #000 30%);
-  --citrine-800: color-mix(in srgb, #FA8606, #000 45%);
-  --citrine-900: color-mix(in srgb, #FA8606, #000 60%);
-  --citrine-alpha: color-mix(in srgb, #FA8606 10%, transparent);
-  --aquamarine-0: color-mix(in srgb, color-mix(in srgb, #14B8A6, #fff 76%), #000 80%);
-  --aquamarine-50: color-mix(in srgb, #14B8A6, #fff 95%);
-  --aquamarine-100: color-mix(in srgb, #14B8A6, #fff 76%);
-  --aquamarine-200: color-mix(in srgb, #14B8A6, #fff 57%);
-  --aquamarine-300: color-mix(in srgb, #14B8A6, #fff 38%);
-  --aquamarine-400: color-mix(in srgb, #14B8A6, #fff 19%);
-  --aquamarine-500: color-mix(in srgb, #14B8A6, #fff 0%);
-  --aquamarine-600: color-mix(in srgb, #14B8A6, #000 15%);
-  --aquamarine-700: color-mix(in srgb, #14B8A6, #000 30%);
-  --aquamarine-800: color-mix(in srgb, #14B8A6, #000 45%);
-  --aquamarine-900: color-mix(in srgb, #14B8A6, #000 60%);
-  --aquamarine-alpha: color-mix(in srgb, #14B8A6 10%, transparent);
-  --amethyst-0: color-mix(in srgb, color-mix(in srgb, #7254F3, #fff 76%), #000 80%);
-  --amethyst-50: color-mix(in srgb, #7254F3, #fff 95%);
-  --amethyst-100: color-mix(in srgb, #7254F3, #fff 76%);
-  --amethyst-200: color-mix(in srgb, #7254F3, #fff 57%);
-  --amethyst-300: color-mix(in srgb, #7254F3, #fff 38%);
-  --amethyst-400: color-mix(in srgb, #7254F3, #fff 19%);
-  --amethyst-500: color-mix(in srgb, #7254F3, #fff 0%);
-  --amethyst-600: color-mix(in srgb, #7254F3, #000 15%);
-  --amethyst-700: color-mix(in srgb, #7254F3, #000 30%);
-  --amethyst-800: color-mix(in srgb, #7254F3, #000 45%);
-  --amethyst-900: color-mix(in srgb, #7254F3, #000 60%);
-  --amethyst-alpha: color-mix(in srgb, #7254F3 10%, transparent);
-  --purple-0: color-mix(in srgb, color-mix(in srgb, #9757D7, #fff 76%), #000 80%);
-  --purple-50: color-mix(in srgb, #9757D7, #fff 95%);
-  --purple-100: color-mix(in srgb, #9757D7, #fff 76%);
-  --purple-200: color-mix(in srgb, #9757D7, #fff 57%);
-  --purple-300: color-mix(in srgb, #9757D7, #fff 38%);
-  --purple-400: color-mix(in srgb, #9757D7, #fff 19%);
-  --purple-500: color-mix(in srgb, #9757D7, #fff 0%);
-  --purple-600: color-mix(in srgb, #9757D7, #000 15%);
-  --purple-700: color-mix(in srgb, #9757D7, #000 30%);
-  --purple-800: color-mix(in srgb, #9757D7, #000 45%);
-  --purple-900: color-mix(in srgb, #9757D7, #000 60%);
-  --purple-alpha: color-mix(in srgb, #9757D7 10%, transparent);
-  --blue-0: color-mix(in srgb, color-mix(in srgb, #1F8CEB, #fff 76%), #000 80%);
-  --blue-50: color-mix(in srgb, #1F8CEB, #fff 95%);
-  --blue-100: color-mix(in srgb, #1F8CEB, #fff 76%);
-  --blue-200: color-mix(in srgb, #1F8CEB, #fff 57%);
-  --blue-300: color-mix(in srgb, #1F8CEB, #fff 38%);
-  --blue-400: color-mix(in srgb, #1F8CEB, #fff 19%);
-  --blue-500: color-mix(in srgb, #1F8CEB, #fff 0%);
-  --blue-600: color-mix(in srgb, #1F8CEB, #000 15%);
-  --blue-700: color-mix(in srgb, #1F8CEB, #000 30%);
-  --blue-800: color-mix(in srgb, #1F8CEB, #000 45%);
-  --blue-900: color-mix(in srgb, #1F8CEB, #000 60%);
-  --blue-alpha: color-mix(in srgb, #1F8CEB 10%, transparent);
-  --green-0: color-mix(in srgb, color-mix(in srgb, #45B24E, #fff 76%), #000 80%);
-  --green-50: color-mix(in srgb, #45B24E, #fff 95%);
-  --green-100: color-mix(in srgb, #45B24E, #fff 76%);
-  --green-200: color-mix(in srgb, #45B24E, #fff 57%);
-  --green-300: color-mix(in srgb, #45B24E, #fff 38%);
-  --green-400: color-mix(in srgb, #45B24E, #fff 19%);
-  --green-500: color-mix(in srgb, #45B24E, #fff 0%);
-  --green-600: color-mix(in srgb, #45B24E, #000 15%);
-  --green-700: color-mix(in srgb, #45B24E, #000 30%);
-  --green-800: color-mix(in srgb, #45B24E, #000 45%);
-  --green-900: color-mix(in srgb, #45B24E, #000 60%);
-  --green-alpha: color-mix(in srgb, #45B24E 10%, transparent);
-  --orange-0: color-mix(in srgb, color-mix(in srgb, #FFA100, #fff 76%), #000 80%);
-  --orange-50: color-mix(in srgb, #FFA100, #fff 95%);
-  --orange-100: color-mix(in srgb, #FFA100, #fff 76%);
-  --orange-200: color-mix(in srgb, #FFA100, #fff 57%);
-  --orange-300: color-mix(in srgb, #FFA100, #fff 38%);
-  --orange-400: color-mix(in srgb, #FFA100, #fff 19%);
-  --orange-500: color-mix(in srgb, #FFA100, #fff 0%);
-  --orange-600: color-mix(in srgb, #FFA100, #000 15%);
-  --orange-700: color-mix(in srgb, #FFA100, #000 30%);
-  --orange-800: color-mix(in srgb, #FFA100, #000 45%);
-  --orange-900: color-mix(in srgb, #FFA100, #000 60%);
-  --orange-alpha: color-mix(in srgb, #FFA100 10%, transparent);
-  --red-0: color-mix(in srgb, color-mix(in srgb, #DB4C3F, #fff 76%), #000 80%);
-  --red-50: color-mix(in srgb, #DB4C3F, #fff 95%);
-  --red-100: color-mix(in srgb, #DB4C3F, #fff 76%);
-  --red-200: color-mix(in srgb, #DB4C3F, #fff 57%);
-  --red-300: color-mix(in srgb, #DB4C3F, #fff 38%);
-  --red-400: color-mix(in srgb, #DB4C3F, #fff 19%);
-  --red-500: color-mix(in srgb, #DB4C3F, #fff 0%);
-  --red-600: color-mix(in srgb, #DB4C3F, #000 15%);
-  --red-700: color-mix(in srgb, #DB4C3F, #000 30%);
-  --red-800: color-mix(in srgb, #DB4C3F, #000 45%);
-  --red-900: color-mix(in srgb, #DB4C3F, #000 60%);
-  --red-alpha: color-mix(in srgb, #DB4C3F 10%, transparent);
-  --gray-0: color-mix(in srgb, color-mix(in srgb, #ABAAA9, #fff 76%), #000 80%);
-  --gray-50: color-mix(in srgb, #ABAAA9, #fff 95%);
-  --gray-100: color-mix(in srgb, #ABAAA9, #fff 76%);
-  --gray-200: color-mix(in srgb, #ABAAA9, #fff 57%);
-  --gray-300: color-mix(in srgb, #ABAAA9, #fff 38%);
-  --gray-400: color-mix(in srgb, #ABAAA9, #fff 19%);
-  --gray-500: color-mix(in srgb, #ABAAA9, #fff 0%);
-  --gray-600: color-mix(in srgb, #ABAAA9, #000 15%);
-  --gray-700: color-mix(in srgb, #ABAAA9, #000 30%);
-  --gray-800: color-mix(in srgb, #ABAAA9, #000 45%);
-  --gray-900: color-mix(in srgb, #ABAAA9, #000 60%);
-  --gray-alpha: color-mix(in srgb, #ABAAA9 10%, transparent);
-  --black-10: color-mix(in srgb, #000 10%, transparent) ;
-  --black-20: color-mix(in srgb, #000 20%, transparent) ;
-  --black-30: color-mix(in srgb, #000 30%, transparent) ;
-  --black-40: color-mix(in srgb, #000 40%, transparent) ;
-  --black-50: color-mix(in srgb, #000 50%, transparent) ;
-  --black-60: color-mix(in srgb, #000 60%, transparent) ;
-  --black-70: color-mix(in srgb, #000 70%, transparent) ;
-  --black-80: color-mix(in srgb, #000 80%, transparent) ;
-  --black-90: color-mix(in srgb, #000 90%, transparent) ;
-  --black-100: color-mix(in srgb, #000 100%, transparent) ;
-  --white-10: color-mix(in srgb, #fff 10%, transparent) ;
-  --white-20: color-mix(in srgb, #fff 20%, transparent) ;
-  --white-30: color-mix(in srgb, #fff 30%, transparent) ;
-  --white-40: color-mix(in srgb, #fff 40%, transparent) ;
-  --white-50: color-mix(in srgb, #fff 50%, transparent) ;
-  --white-60: color-mix(in srgb, #fff 60%, transparent) ;
-  --white-70: color-mix(in srgb, #fff 70%, transparent) ;
-  --white-80: color-mix(in srgb, #fff 80%, transparent) ;
-  --white-90: color-mix(in srgb, #fff 90%, transparent) ;
-  --white-100: color-mix(in srgb, #fff 100%, transparent) ;
-  --font-family: Roboto, Inter, Helvetica, Arial, sans-serif;
-  --text-color: var(--white-100);
-  --text-color-secondary: var(--white-80);
-  --primary-color: var(--amethyst-300);
-  --primary-color-text: var(--black-80);
-  --primary-0: var(--amethyst-0);
-  --primary-900: var(--amethyst-900);
-  --primary-800: var(--amethyst-800);
-  --primary-700: var(--amethyst-700);
-  --primary-600: var(--amethyst-600);
-  --primary-500: var(--amethyst-500);
-  --primary-400: var(--amethyst-400);
-  --primary-300: var(--amethyst-300);
-  --primary-200: var(--amethyst-200);
-  --primary-100: var(--amethyst-100);
-  --primary-50: var(--amethyst-50);
-  --primary-alpha: var(--amethyst-alpha);
-  --surface-0: var(--gray-50);
-  --surface-50: var(--gray-0);
-  --surface-100: var(--gray-900);
-  --surface-200: var(--gray-800);
-  --surface-300: var(--gray-700);
-  --surface-400: var(--gray-600);
-  --surface-500: var(--gray-600);
-  --surface-600: var(--gray-400);
-  --surface-700: var(--gray-300);
-  --surface-800: var(--gray-200);
-  --surface-900: var(--gray-100);
-  --content-padding: 1rem;
-  --inline-spacing: 0.5rem;
-  --border-radius: 0.5rem;
-  --surface-ground: #1c1b22;
-  --surface-section: var(--gray-alpha);
-  --surface-card: #1c1b22;
-  --surface-overlay: var(--black-40);
-  --surface-border: var(--gray-900);
-  --surface-hover: var(--gray-800);
-  --focus-ring: 0 0 0 0.25rem var(--amethyst-800);
-  --maskbg: var(--black-40);
-  --highlight-bg: var(--amethyst-300);
-  --highlight-text-color: var(--black-80);
-  color-scheme: dark;
-}
-
-@media only screen and (min-resolution: 100dpi) and (max-resolution: 199dpi) {
-  html, body {
-    font-size: 12px;
-  }
-}
-@media only screen and (min-resolution: 200dpi) and (max-resolution: 499dpi) {
-  html, body {
-    font-size: 14px;
-  }
-}
-@media only screen and (min-resolution: 500dpi) {
-  html, body {
-    font-size: 16px;
-  }
-}
-* {
-  box-sizing: border-box;
-}
-
-html {
-  font-size: 14px;
-  font-family: var(--font-family);
-}
-
-::selection {
-  color: var(--black-80);
-  background-color: var(--amethyst-300);
-}
-
-.p-component {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  font-weight: normal;
-}
-
-.p-component-overlay {
-  background-color: var(--black-40);
-  transition-duration: 0.2s;
-  padding: 0.5rem;
-}
-
-.p-disabled,
-.p-component:disabled {
-  pointer-events: all;
-  cursor: not-allowed;
-  opacity: 0.6;
-  filter: grayscale(1);
-}
-
-.p-placeholder {
-  opacity: 0.6;
-}
-
-.p-error {
-  color: var(--red-400);
-}
-
-.p-text-secondary {
-  color: var(--white-80);
-}
-
-.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-.p-link {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-}
-.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-
-.p-component-overlay-enter {
-  animation: p-component-overlay-enter-animation 150ms forwards;
-}
-
-.p-component-overlay-leave {
-  animation: p-component-overlay-leave-animation 150ms forwards;
-}
-
-@keyframes p-component-overlay-enter-animation {
-  from {
-    background-color: transparent;
-  }
-  to {
-    background-color: var(--maskbg);
-  }
-}
-@keyframes p-component-overlay-leave-animation {
-  from {
-    background-color: var(--maskbg);
-  }
-  to {
-    background-color: transparent;
-  }
-}
-
-::-webkit-scrollbar {
-  width: 9px;
-  height: 9px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--white-20);
-  border-radius: 4.5px;
-}
-
-::-webkit-scrollbar-track {
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-
-::-webkit-scrollbar-track:hover {
-  background-color: var(--gray-800);
-}
-
-p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext,
-p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext,
-p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect,
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext,
-p-dropdown.ng-dirty.ng-invalid > .p-dropdown,
-p-inputmask.ng-dirty.ng-invalid > .p-inputtext,
-p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext,
-p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider,
-.p-inputtext.ng-dirty.ng-invalid,
-p-listbox.ng-dirty.ng-invalid > .p-listbox,
-p-multiselect.ng-dirty.ng-invalid > .p-multiselect,
-p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext,
-p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box,
-p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button,
-p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button,
-p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
-  border-color: var(--red-400) !important;
-  box-shadow: 0 0 0 0.25rem var(--red-800) !important;
-}
-
-.p-progress-spinner-circle {
-  stroke: var(--amethyst-300);
-}
-
-.p-overflow-hidden {
-  overflow: hidden;
-  padding-right: var(--scrollbar-width);
-}
-
-@layer primeng {
-  .p-component,
-  .p-component * {
-    box-sizing: border-box;
-  }
-  .p-hidden {
-    display: none;
-  }
-  .p-hidden-space {
-    visibility: hidden;
-  }
-  .p-hidden-accessible {
-    border: 0;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-  }
-  .p-hidden-accessible input,
-  .p-hidden-accessible select {
-    transform: scale(0);
-  }
-  .p-reset {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    outline: 0;
-    text-decoration: none;
-    font-size: 100%;
-    list-style: none;
-  }
-  .p-disabled,
-  .p-disabled * {
-    cursor: default !important;
-    pointer-events: none;
-  }
-  .p-component-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-  .p-unselectable-text {
-    user-select: none;
-  }
-  .p-scrollbar-measure {
-    width: 100px;
-    height: 100px;
-    overflow: scroll;
-    position: absolute;
-    top: -9999px;
-  }
-  @keyframes p-fadein {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-  input[type=button],
-  input[type=submit],
-  input[type=reset],
-  input[type=file]::-webkit-file-upload-button,
-  button {
-    border-radius: 0;
-  }
-  .p-link {
-    text-align: left;
-    background-color: transparent;
-    margin: 0;
-    padding: 0;
-    border: none;
-    cursor: pointer;
-    user-select: none;
-  }
-  .p-link:disabled {
-    cursor: default;
-  }
-  .p-sr-only {
-    border: 0;
-    clip: rect(1px, 1px, 1px, 1px);
-    clip-path: inset(50%);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-    word-wrap: normal !important;
-  }
-  /* Non ng overlay animations */
-  .p-connected-overlay {
-    opacity: 0;
-    transform: scaleY(0.8);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  .p-connected-overlay-visible {
-    opacity: 1;
-    transform: scaleY(1);
-  }
-  .p-connected-overlay-hidden {
-    opacity: 0;
-    transform: scaleY(1);
-    transition: opacity 0.1s linear;
-  }
-  .p-toggleable-content.ng-animating {
-    overflow: hidden;
-  }
-  .p-icon-wrapper {
-    display: inline-flex;
-  }
-  .p-icon {
-    display: inline-block;
-  }
-  .p-icon-spin {
-    animation: p-icon-spin 2s infinite linear;
-  }
-}
-@keyframes p-icon-spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(359deg);
-  }
-}
-.p-togglebutton.p-button.p-highlight.p-disabled, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-disabled {
-  color: var(--white-80);
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-
-.p-button {
-  height: 2.5rem;
-  display: flex;
-  gap: 0.5rem;
-  font-size: 1rem;
-  font-weight: 700;
-  color: var(--black-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  padding: 0rem 1rem;
-  background: var(--amethyst-300);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-button .p-button-label {
-  transition-duration: 0.2s;
-}
-.p-button .p-button-icon {
-  font-size: 1.25rem;
-}
-.p-button.p-button-rounded {
-  border-radius: 100px;
-}
-.p-button.p-button-icon-only {
-  flex-shrink: 0;
-  width: 2.5rem;
-  padding: 0;
-}
-.p-button.p-button-icon-only:after {
-  display: none;
-}
-.p-button.p-button-icon-only .p-button-label {
-  display: none;
-}
-.p-button.p-button-sm {
-  height: 2rem;
-  font-size: 0.875rem;
-  padding: 0 0.75rem;
-}
-.p-button.p-button-sm .p-button-icon {
-  font-size: 1rem;
-}
-.p-button.p-button-sm.p-button-icon-only {
-  width: 2rem;
-  padding: 0;
-}
-.p-button.p-button-lg {
-  gap: 0.75rem;
-  height: 3.5rem;
-  font-size: 1.25rem;
-  padding: 0 1.5rem;
-}
-.p-button.p-button-lg .p-button-icon {
-  font-size: 1.5rem;
-}
-.p-button.p-button-lg.p-button-icon-only {
-  width: 3.5rem;
-  padding: 0;
-}
-.p-button:not(.p-disabled):hover {
-  background: var(--amethyst-200);
-  color: var(--black-80);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button:not(.p-disabled):active {
-  background: var(--amethyst-300);
-  color: var(--black-80);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-
-p-button[size=xlarge] .p-button {
-  gap: 0.75rem;
-  height: 4rem;
-  font-size: 1.75rem;
-  padding: 0 1.5rem;
-}
-p-button[size=xlarge] .p-button .p-button-icon {
-  font-size: 2rem;
-}
-p-button[size=xlarge] .p-button.p-button-icon-only {
-  width: 4rem;
-  padding: 0;
-}
-
-.p-button-outlined {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--amethyst-300);
-  border-color: var(--amethyst-800);
-}
-.p-button-outlined:not(.p-disabled):hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--amethyst-300);
-  border-color: var(--amethyst-300);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button-outlined:not(.p-disabled):active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--amethyst-300);
-  border-color: var(--amethyst-800);
-  box-shadow: none;
-}
-
-.p-button-text {
-  background-color: #1c1b22;
-  color: var(--amethyst-300);
-}
-.p-button-text:not(.p-disabled):hover {
-  background: var(--amethyst-alpha);
-  color: var(--amethyst-300);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button-text:not(.p-disabled):active {
-  background: #1c1b22;
-  color: var(--amethyst-300);
-  border-color: transparent;
-  box-shadow: none;
-}
-
-.p-button-group {
-  display: flex;
-}
-
-.p-fluid .p-button:not(.p-button-icon-only) {
-  width: 100%;
-}
-.p-fluid .p-button-group .p-button:not(.p-button-icon-only) {
-  flex: 1;
-}
-
-.p-button.p-button-danger,
-.p-button-group.p-button-danger > .p-button,
-.p-splitbutton.p-button-danger > .p-button,
-.p-fileupload-choose.p-button-danger {
-  color: var(--black-80);
-  background: var(--red-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-danger:not(.p-disabled):hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):hover {
-  background: var(--red-300);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-danger:not(.p-disabled):active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):active {
-  background: var(--red-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-800);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-800);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--red-400);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:hover {
-  background: var(--red-alpha);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-warning,
-.p-button-group.p-button-warning > .p-button,
-.p-splitbutton.p-button-warning > .p-button,
-.p-fileupload-choose.p-button-warning {
-  color: var(--black-80);
-  background: var(--orange-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-warning:not(.p-disabled):hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):hover {
-  background: var(--orange-300);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-warning:not(.p-disabled):active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):active {
-  background: var(--orange-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-800);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-800);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--orange-400);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:hover {
-  background: var(--orange-alpha);
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:active {
-  background: #1c1b22;
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-success,
-.p-button-group.p-button-success > .p-button,
-.p-splitbutton.p-button-success > .p-button,
-.p-fileupload-choose.p-button-success {
-  color: var(--black-80);
-  background: var(--green-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-success:not(.p-disabled):hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled):hover {
-  background: var(--green-300);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-success:not(.p-disabled):active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-success:not(.p-disabled):active {
-  background: var(--green-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-900);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-900);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--green-400);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:hover {
-  background: var(--green-alpha);
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:active {
-  background: #1c1b22;
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-info,
-.p-button-group.p-button-info > .p-button,
-.p-splitbutton.p-button-info > .p-button,
-.p-fileupload-choose.p-button-info {
-  color: var(--black-80);
-  background: var(--blue-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-info:not(.p-disabled):hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled):hover {
-  background: var(--blue-500);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-info:not(.p-disabled):active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-info:not(.p-disabled):active {
-  background: var(--blue-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-800);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-800);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--blue-400);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:hover {
-  background: var(--blue-alpha);
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:active {
-  background: #1c1b22;
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-help,
-.p-button-group.p-button-help > .p-button,
-.p-splitbutton.p-button-help > .p-button,
-.p-fileupload-choose.p-button-help {
-  color: var(--black-80);
-  background: var(--purple-400);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-.p-button.p-button-help:not(.p-disabled):hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled):hover {
-  background: var(--purple-500);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-help:not(.p-disabled):active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-help:not(.p-disabled):active {
-  background: var(--purple-400);
-  color: var(--black-80);
-  border-color: rgba(0, 0, 0, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-800);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:active {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-800);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text {
-  background-color: #1c1b22;
-  color: var(--purple-400);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:hover {
-  background: var(--purple-alpha);
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:active {
-  background: #1c1b22;
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-inputtext {
-  min-height: 2.5rem;
-  line-height: 2.5rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--white-100);
-  background: #1c1b22;
-  padding: 0rem 0.75rem;
-  border: 1px solid var(--gray-900);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  appearance: none;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-inputtext:enabled:hover {
-  border-color: var(--amethyst-300);
-}
-.p-inputtext:enabled:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-inputtext.p-invalid.p-component, .p-inputtext.ng-invalid.ng-touched {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-.p-inputtext:disabled, .p-inputtext.p-disabled {
-  background: var(--white-20);
-}
-
-.p-float-label > label {
-  left: 0.75rem;
-  color: var(--white-80);
-  transition-duration: 0.2s;
-}
-
-.p-float-label > .p-invalid + label {
-  color: var(--red-400);
-}
-
-.p-icon-field-left > .p-inputtext {
-  padding-left: 2.5rem;
-}
-
-.p-icon-field-left.p-float-label > label {
-  left: 2.5rem;
-}
-
-.p-icon-field-right > .p-inputtext {
-  padding-right: 2.5rem;
-}
-
-::-webkit-input-placeholder {
-  color: var(--white-80);
-  opacity: 0.6;
-}
-
-:-moz-placeholder {
-  color: var(--white-80);
-  opacity: 0.6;
-}
-
-::-moz-placeholder {
-  color: var(--white-80);
-  opacity: 0.6;
-}
-
-:-ms-input-placeholder {
-  color: var(--white-80);
-  opacity: 0.6;
-}
-
-.p-inputtext-lg {
-  min-height: 3.5rem;
-  line-height: 3.5rem;
-}
-
-.p-inputtextarea {
-  padding: 0.75rem;
-  line-height: normal;
-}
-
-.p-icon-field .p-inputtextarea-icon.p-input-icon {
-  top: unset;
-  margin-top: 0.5rem;
-}
-
-.p-inputotp {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.p-inputotp.error .p-inputotp-input {
-  border-color: var(--red-400);
-}
-
-.p-inputotp-input {
-  font-size: 1.5rem;
-  text-align: center;
-  width: 2.5rem;
-  border: none;
-  border-bottom: 1px solid var(--gray-900);
-  border-radius: 0;
-  background: transparent;
-}
-.p-inputotp-input:disabled, .p-inputotp-input.p-disabled {
-  background: transparent;
-}
-
-.p-inputotp-input:enabled:focus {
-  box-shadow: none;
-}
-
-.p-listbox-list-wrapper {
-  overflow: auto;
-}
-
-.p-listbox-list {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-
-.p-listbox-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  color: var(--white-80);
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: 0.2s;
-}
-.p-listbox-item:first-child {
-  margin-top: 0;
-}
-.p-listbox-item:last-child {
-  margin-bottom: 0;
-}
-.p-listbox-item.p-highlight {
-  color: var(--black-80);
-  background: var(--amethyst-300);
-}
-.p-listbox-item:not(.p-highlight).p-disabled {
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background: var(--white-20);
-}
-.p-listbox-item.p-disabled {
-  cursor: not-allowed;
-  opacity: 0.6;
-  background: var(--amethyst-300) !important;
-  color: var(--black-80) !important;
-  mix-blend-mode: luminosity;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-}
-.p-listbox-item.p-disabled:has(.p-checkbox) {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-listbox-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-listbox-item:has(.p-checkbox) {
-  background: #1c1b22;
-  color: var(--white-80);
-}
-.p-listbox-item:has(.p-checkbox):hover {
-  background: #000;
-}
-
-.p-listbox-item-group {
-  cursor: auto;
-}
-
-.p-listbox-filter-container {
-  position: relative;
-}
-
-.p-listbox-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-listbox-filter {
-  width: 100%;
-}
-
-.p-listbox {
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-listbox .p-listbox-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-listbox .p-listbox-header .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-listbox .p-listbox-header .p-checkbox .p-checkbox-box.p-disabled {
-  background: #1c1b22;
-}
-.p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.75rem;
-}
-.p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-.p-listbox .p-listbox-header .p-disabled + .p-listbox-filter-icon {
-  opacity: 0.6;
-}
-.p-listbox .p-listbox-list {
-  padding: 0.25rem;
-  outline: 0 none;
-}
-.p-listbox .p-listbox-list .p-listbox-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  font-weight: bold;
-}
-.p-listbox .p-listbox-list .p-listbox-empty-message {
-  text-align: center;
-  color: var(--white-80);
-  padding: 0.75rem;
-  background: rgba(0, 0, 0, 0.0001);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight.p-focus {
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: var(--amethyst-300);
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:hover {
-  background: var(--amethyst-200);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox).p-focus {
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover.p-focus {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-listbox.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-listbox.p-invalid {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-.p-listbox.p-disabled *.p-disabled {
-  opacity: 1;
-}
-.p-listbox.p-disabled .p-listbox-filter-icon {
-  display: none;
-}
-.p-listbox.p-disabled .p-listbox-filter.p-inputtext {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49967 2.83335C7.03555 2.83335 6.59043 3.01773 6.26224 3.34592C5.93405 3.67411 5.74967 4.11922 5.74967 4.58335V6.33335H9.24967V4.58335C9.24967 4.11922 9.0653 3.67411 8.73711 3.34592C8.40892 3.01773 7.9638 2.83335 7.49967 2.83335ZM10.4163 6.33335V4.58335C10.4163 3.80981 10.1091 3.06794 9.56207 2.52096C9.01509 1.97398 8.27322 1.66669 7.49967 1.66669C6.72613 1.66669 5.98426 1.97398 5.43728 2.52096C4.8903 3.06794 4.58301 3.80981 4.58301 4.58335V6.33335C4.11888 6.33335 3.67376 6.51773 3.34557 6.84592C3.01738 7.17411 2.83301 7.61922 2.83301 8.08335V11.5834C2.83301 12.0475 3.01738 12.4926 3.34557 12.8208C3.67376 13.149 4.11888 13.3334 4.58301 13.3334H10.4163C10.8805 13.3334 11.3256 13.149 11.6538 12.8208C11.982 12.4926 12.1663 12.0475 12.1663 11.5834V8.08335C12.1663 7.61922 11.982 7.17411 11.6538 6.84592C11.3256 6.51773 10.8805 6.33335 10.4163 6.33335ZM4.58301 7.50002C4.4283 7.50002 4.27993 7.56148 4.17053 7.67087C4.06113 7.78027 3.99967 7.92864 3.99967 8.08335V11.5834C3.99967 11.7381 4.06113 11.8864 4.17053 11.9958C4.27993 12.1052 4.4283 12.1667 4.58301 12.1667H10.4163C10.5711 12.1667 10.7194 12.1052 10.8288 11.9958C10.9382 11.8864 10.9997 11.7381 10.9997 11.5834V8.08335C10.9997 7.92864 10.9382 7.78027 10.8288 7.67087C10.7194 7.56148 10.5711 7.50002 10.4163 7.50002H4.58301ZM6.67472 9.0084C6.89351 8.7896 7.19026 8.66669 7.49967 8.66669C7.80909 8.66669 8.10584 8.7896 8.32463 9.0084C8.54342 9.22719 8.66634 9.52393 8.66634 9.83335C8.66634 10.1428 8.54343 10.4395 8.32463 10.6583C8.10584 10.8771 7.80909 11 7.49967 11C7.19026 11 6.89351 10.8771 6.67472 10.6583C6.45592 10.4395 6.33301 10.1428 6.33301 9.83335C6.33301 9.52393 6.45592 9.22719 6.67472 9.0084Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E");
-  background-position: right 0.75rem center;
-  background-repeat: no-repeat;
-}
-.p-listbox.p-disabled .p-listbox-item {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-
-.p-dropdown {
-  display: inline-flex;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-}
-.p-dropdown.p-disabled {
-  cursor: not-allowed;
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background: var(--white-20);
-}
-
-.p-dropdown-clear-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-dropdown-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-dropdown-label {
-  height: min-content;
-  margin: auto 0;
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  flex: 1 1 auto;
-  width: 1%;
-  text-overflow: ellipsis;
-  cursor: pointer;
-}
-
-.p-dropdown-label-empty {
-  overflow: hidden;
-  opacity: 0;
-}
-
-input.p-dropdown-label {
-  cursor: default;
-}
-
-.p-dropdown .p-dropdown-panel {
-  min-width: 100%;
-}
-
-.p-dropdown-panel {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.p-dropdown-items-wrapper {
-  overflow: auto;
-}
-
-.p-dropdown-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--white-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(0, 0, 0, 0.0001);
-  transition: 0.2s;
-}
-.p-dropdown-item:first-child {
-  margin-top: 0;
-}
-.p-dropdown-item:last-child {
-  margin-bottom: 0;
-}
-.p-dropdown-item.p-highlight {
-  color: var(--black-80);
-  background: var(--amethyst-300);
-}
-.p-dropdown-item.p-highlight:hover {
-  background: var(--amethyst-200);
-}
-.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-dropdown-item:not(.p-highlight).p-disabled {
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background: var(--white-20);
-}
-.p-dropdown-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-dropdown-item .p-dropdown-check-icon {
-  position: relative;
-  margin-left: -0.5rem;
-  margin-right: 0.5rem;
-}
-
-.p-dropdown-item-group {
-  cursor: auto;
-}
-
-.p-dropdown-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-dropdown-filter {
-  width: 100%;
-}
-
-.p-dropdown-filter-container {
-  position: relative;
-}
-
-.p-dropdown-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-fluid .p-dropdown {
-  display: flex;
-}
-
-.p-fluid .p-dropdown .p-dropdown-label {
-  width: 1%;
-}
-
-.p-dropdown {
-  background: #1c1b22;
-  border: 1px solid var(--gray-900);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-dropdown:not(.p-disabled):hover {
-  border-color: var(--amethyst-300);
-}
-.p-dropdown:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-dropdown.p-dropdown-clearable .p-dropdown-label {
-  padding-right: 1.75rem;
-}
-.p-dropdown .p-dropdown-label {
-  background: transparent;
-  border: 0 none;
-}
-.p-dropdown .p-dropdown-label.p-placeholder {
-  color: var(--white-80);
-}
-.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
-  outline: 0 none;
-  box-shadow: none;
-}
-.p-dropdown .p-dropdown-trigger {
-  background: transparent;
-  color: var(--white-100);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-dropdown .p-dropdown-clear-icon {
-  color: var(--white-100);
-  right: 2.5rem;
-}
-.p-dropdown.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-dropdown-panel {
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  margin-top: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-dropdown-panel .p-dropdown-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.75rem;
-  margin-right: -1.75rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-.p-dropdown-panel .p-dropdown-items {
-  padding: 0.25rem;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  font-weight: bold;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
-  color: var(--white-80);
-  text-align: center;
-  padding: 0.5rem 0.75rem;
-  background: rgba(0, 0, 0, 0.0001);
-}
-
-.p-multiselect {
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  user-select: none;
-}
-
-.p-multiselect-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-multiselect-label-container {
-  cursor: pointer;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-}
-
-.p-multiselect-clearable .p-multiselect-label-container {
-  padding-right: 1.75rem;
-}
-
-.p-multiselect-clearable .p-multiselect-clear-icon {
-  right: 2.5rem;
-}
-
-.p-multiselect-label {
-  display: block;
-  white-space: nowrap;
-  cursor: pointer;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.p-multiselect-label-empty {
-  overflow: hidden;
-  visibility: hidden;
-}
-
-.p-multiselect-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-  margin-right: 0.25rem;
-}
-
-.p-multiselect-token-icon {
-  cursor: pointer;
-}
-
-.p-multiselect .p-multiselect-panel {
-  min-width: 100%;
-}
-
-.p-multiselect-items-wrapper {
-  overflow: auto;
-}
-
-.p-multiselect-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-multiselect-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--white-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(0, 0, 0, 0.0001);
-  transition: 0.2s;
-}
-.p-multiselect-item:not(.p-disabled):hover, .p-multiselect-item:not(.p-disabled).p-focus {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-multiselect-item:not(.p-highlight).p-disabled {
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background: var(--white-20);
-}
-.p-multiselect-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-multiselect-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-
-.p-multiselect-item-group {
-  cursor: auto;
-}
-
-.p-multiselect-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.p-multiselect-filter-container {
-  position: relative;
-  flex: 1 1 auto;
-}
-
-.p-multiselect-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-multiselect-filter-container .p-inputtext {
-  width: 100%;
-}
-
-.p-multiselect-close {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  overflow: hidden;
-  position: relative;
-  margin-left: auto;
-}
-
-.p-fluid .p-multiselect {
-  display: flex;
-}
-
-.p-multiselect {
-  background: #1c1b22;
-  border: 1px solid var(--gray-900);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-multiselect.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--white-20);
-}
-.p-multiselect:not(.p-disabled):hover {
-  border-color: var(--amethyst-300);
-}
-.p-multiselect:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-multiselect .p-multiselect-label {
-  color: var(--white-100);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect .p-multiselect-label.p-placeholder {
-  color: var(--white-80);
-  padding: 0rem 0.75rem;
-  padding-left: 0.5rem;
-}
-.p-multiselect:not(.p-multiselect-chip) .p-multiselect-label {
-  padding: 0rem 0.75rem;
-  line-height: 2.5rem;
-}
-.p-multiselect.p-multiselect-chip {
-  min-height: 2.5rem;
-  padding: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token {
-  padding: 0rem 0.5rem;
-  background: var(--white-20);
-  color: var(--white-100);
-  border-radius: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
-  margin-left: 0.5rem;
-}
-.p-multiselect .p-multiselect-trigger {
-  background: transparent;
-  color: var(--white-100);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-multiselect.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-multiselect-panel {
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  margin-top: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-  border: 1px solid transparent;
-  border-bottom: 0;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.75rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-.p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  margin-left: 0.5rem;
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-multiselect-panel .p-multiselect-items {
-  padding: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  font-weight: bold;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-}
-
-.p-password .p-icon-wrapper {
-  right: 0.75rem;
-  top: 50%;
-  cursor: pointer;
-  fill: var(--white-100);
-}
-.p-password.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-.p-password .p-input-icon {
-  cursor: pointer;
-  color: var(--white-100);
-  right: 0.75rem;
-}
-.p-password.p-disabled {
-  opacity: 1;
-}
-.p-password.p-disabled .p-input-icon {
-  opacity: 0.6;
-}
-
-.p-input-icon-right input {
-  padding-right: 2.5rem;
-}
-
-.p-icon-field .p-password-icon.p-input-icon {
-  right: 0.75rem;
-  top: 20% !important;
-}
-
-.p-password-input {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  min-height: 2.5rem;
-  padding: 0 0.75rem;
-  align-items: center;
-}
-
-.text-feedback {
-  display: inline-flex;
-  align-items: flex-start;
-}
-.text-feedback .ti {
-  position: relative;
-  bottom: 1px;
-}
-
-.text-feedback--default {
-  color: var(--white-100);
-}
-.text-feedback--default .ti {
-  color: var(--gray-900);
-}
-
-.text-feedback--success {
-  color: var(--green-400);
-}
-
-.text-feedback--error {
-  color: var(--red-400);
-}
-
-.p-password-panel {
-  color: var(--white-80);
-  padding: 0.75rem;
-  margin-top: 0.25rem;
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  background: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-password-panel .p-password-meter {
-  overflow: hidden;
-  height: 0.5rem;
-  border-radius: 1rem;
-  margin-bottom: 0.5rem;
-  background: var(--white-20);
-}
-.p-password-panel .p-password-meter .p-password-strength.weak {
-  background: var(--red-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.medium {
-  background: var(--orange-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.strong {
-  background: var(--green-400);
-}
-
-.p-inputgroup-addon {
-  background: #1c1b22;
-  color: var(--white-80);
-  border-top: 1px solid var(--gray-900);
-  border-left: 1px solid var(--gray-900);
-  border-bottom: 1px solid var(--gray-900);
-  padding: 0rem 0.75rem;
-  min-width: 2.5rem;
-}
-.p-inputgroup-addon:last-child {
-  border-right: 1px solid var(--gray-900);
-}
-.p-inputgroup-addon.p-disabled {
-  background-color: var(--white-20);
-  color: var(--white-80);
-}
-
-.p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
-  border-radius: 0;
-  margin: 0;
-}
-.p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
-  border-left: 0 none;
-}
-.p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
-  z-index: 1;
-}
-.p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
-  z-index: 1;
-}
-
-.p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:first-child input {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:last-child input {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-inputgroup .p-button {
-  height: auto;
-  width: auto;
-}
-.p-inputgroup .p-button.p-button-icon-only {
-  width: 2.5rem;
-}
-
-.p-icon-field {
-  position: relative;
-}
-
-.p-icon-field .p-input-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-inputnumber.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-p-inputnumber.ng-invalid.ng-touched > .p-inputnumber > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-p-inputnumber[ng-reflect-is-disabled=true] .p-inputnumber-button {
-  background: var(--white-20);
-}
-
-.p-inputnumber-button {
-  color: var(--white-100);
-  border-color: var(--gray-900);
-  background-color: #1c1b22;
-}
-.p-inputnumber-button .p-button-icon {
-  font-size: 1rem;
-}
-
-.p-inputnumber-button:hover {
-  box-shadow: none !important;
-}
-
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-down {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-up {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-input {
-  border-radius: 0;
-  border-left-color: transparent;
-  border-right-color: transparent;
-  z-index: 1;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-down,
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-up {
-  height: 100%;
-}
-
-.p-inputnumber-buttons-vertical .p-inputnumber-button-down {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-button-up {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-input {
-  border-radius: 0;
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-  z-index: 1;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-button-down,
-.p-inputnumber-buttons-vertical .p-inputnumber-button-up {
-  width: 100%;
-}
-
-.p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
-  width: 100%;
-}
-
-.p-icon-field-left .p-input-icon:first-of-type {
-  left: 0.75rem;
-  color: var(--white-100);
-}
-
-.p-icon-field-right .p-input-icon:last-of-type {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-
-.p-checkbox {
-  position: relative;
-  display: inline-flex;
-  user-select: none;
-  vertical-align: bottom;
-}
-
-.p-checkbox-input {
-  appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  cursor: pointer;
-}
-
-.p-checkbox-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.p-checkbox {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box {
-  /* Отключение стандартной иконки PrimeNG, т.к. используем tabler, вместо prime-icons. */
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon {
-  display: none;
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box::after {
-  content: "\ea5e";
-  width: 1rem;
-  height: 1rem;
-  transition-duration: 0.2s;
-  color: var(--black-80);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-}
-.p-checkbox .p-checkbox-input {
-  border: 1px solid var(--gray-900);
-  border-radius: 0.25rem;
-}
-.p-checkbox .p-checkbox-box {
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--white-100);
-  border-radius: 0.25rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-checkbox .p-checkbox-box.p-highlight {
-  border-color: var(--amethyst-300);
-  background: var(--amethyst-300);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
-  border-color: var(--amethyst-300);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover.p-highlight {
-  border-color: var(--amethyst-200);
-  background: var(--amethyst-200);
-  color: var(--black-80);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-checkbox .p-checkbox-box.p-disabled {
-  background: var(--white-20);
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon {
-  transition-duration: 0.2s;
-  color: var(--black-80);
-  font-size: 1rem;
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-highlight .p-checkbox .p-checkbox-box {
-  border-color: var(--amethyst-300);
-}
-
-.p-radiobutton {
-  position: relative;
-  display: inline-flex;
-  user-select: none;
-  vertical-align: bottom;
-}
-
-.p-radiobutton-input {
-  cursor: pointer;
-}
-
-.p-radiobutton-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition: all;
-}
-
-.p-radiobutton-box:hover {
-  border: 1px solid var(--amethyst-200) !important;
-}
-
-.p-radiobutton-box.p-highlight {
-  box-sizing: border-box;
-  background: var(--amethyst-200) !important;
-}
-.p-radiobutton-box.p-highlight .p-radiobutton-icon {
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.25%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
-  background: var(--black-80);
-  width: 1.5rem;
-  height: 1.5rem;
-  mask-composite: exclude;
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box {
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box:hover {
-  border: 1px solid var(--red-400) !important;
-}
-
-.p-radiobutton-box.p-focus {
-  box-shadow: 0px 0px 0px 3.5px var(--amethyst-800);
-}
-
-.p-radiobutton {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-radiobutton .p-radiobutton-input {
-  appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  border: 1px solid var(--gray-900);
-  border-radius: 50%;
-}
-.p-radiobutton .p-radiobutton-box {
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--white-100);
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-radiobutton.p-disabled .p-radiobutton-box {
-  background: var(--white-20);
-}
-.p-radiobutton.p-highlight .p-radiobutton-box {
-  border-color: var(--amethyst-300);
-  background: var(--amethyst-300);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
-  border-color: var(--amethyst-300);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
-  border-color: var(--amethyst-200);
-  background: var(--amethyst-200);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-radiobutton.p-invalid > .p-radiobutton-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-highlight .p-radiobutton .p-radiobutton-box {
-  border-color: var(--black-80);
-}
-
-.p-inputswitch-slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-.p-inputswitch-slider:before {
-  position: absolute;
-  content: "";
-  top: 50%;
-}
-
-.p-inputswitch {
-  position: relative;
-  display: inline-block;
-  width: 2.5rem;
-  height: 1.5rem;
-  border-radius: 100px;
-}
-.p-inputswitch .p-inputswitch-slider {
-  background: var(--gray-700);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 100px;
-  outline-color: transparent;
-}
-.p-inputswitch .p-inputswitch-slider:before {
-  background: #1c1b22;
-  width: 1rem;
-  height: 1rem;
-  left: 0.25rem;
-  margin-top: -0.5rem;
-  border-radius: 100px;
-  transition-duration: 0.2s;
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
-  background: var(--amethyst-300);
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  background: #1c1b22;
-  transform: translateX(1rem);
-}
-.p-inputswitch:not(.p-disabled) .p-inputswitch-slider:hover {
-  background-color: var(--amethyst-200);
-}
-.p-inputswitch:not(.p-disabled).p-focus, .p-inputswitch:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-
-p-inputswitch:not(.p-disabled).p-element.ng-dirty.ng-invalid .p-inputswitch-slider, p-inputswitch:not(.p-disabled).p-element.ng-touched.ng-invalid .p-inputswitch-slider {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-selectbutton {
-  display: flex;
-  height: min-content;
-  gap: 0.25rem;
-  padding: 0.25rem;
-  background-color: var(--white-20);
-  border-radius: 0.5rem;
-}
-.p-selectbutton .p-button {
-  flex-grow: 1;
-  background: rgba(0, 0, 0, 0.0001);
-  border: 1px solid trasparent;
-  border-radius: 0.25rem;
-  color: var(--white-80);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
-  color: var(--white-80);
-}
-.p-selectbutton .p-button.p-disabled {
-  background: transparent;
-  pointer-events: none;
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
-  background: #1c1b22;
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
-  color: var(--white-100);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight {
-  background: #1c1b22;
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--amethyst-300);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-right {
-  color: var(--amethyst-300);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover {
-  background: #1c1b22;
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-right {
-  color: var(--white-100);
-}
-.p-selectbutton.p-invalid > .p-button {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-togglebutton.p-button.p-highlight.p-disabled, .p-button.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled {
-  color: var(--white-80);
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-left, .p-button.p-disabled .p-button-icon-left,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-left,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-left,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-left,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-left,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-right,
-.p-button.p-disabled .p-button-icon-right,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-right,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-right,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-right,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-right,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-right {
-  color: var(--white-80) !important;
-}
-
-.p-togglebutton.p-button {
-  background: var(--white-20);
-  border: 1px solid trasparent;
-  color: var(--white-80);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-  border-radius: 100px;
-}
-.p-togglebutton.p-button:not(.p-disabled):hover {
-  background: var(--amethyst-alpha);
-  color: var(--amethyst-300);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  box-shadow: none;
-}
-.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-left,
-.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-right {
-  color: var(--amethyst-300);
-}
-.p-togglebutton.p-button:not(.p-disabled):focus-visible {
-  box-shadow: 0 0 0 3.5px var(--amethyst-800);
-}
-.p-togglebutton.p-button .p-button-icon-left,
-.p-togglebutton.p-button .p-button-icon-right {
-  color: var(--white-80);
-}
-.p-togglebutton.p-button.p-highlight {
-  background: var(--amethyst-300);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--black-80);
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover {
-  background: var(--amethyst-200);
-  color: var(--black-80);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  box-shadow: none;
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-right {
-  color: var(--black-80);
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):focus-visible {
-  box-shadow: 0 0 0 3.5px var(--amethyst-800);
-}
-.p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
-  color: var(--black-80);
-}
-
-.p-chips {
-  display: inline-flex;
-  height: min-content;
-}
-
-.p-disabled .p-chips-multiple-container {
-  background-color: var(--white-20);
-}
-
-.p-chips-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-chips-multiple-container:has(.p-chips-token) {
-  padding: 0.25rem;
-}
-
-.p-chips-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-chips-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-chips-token-icon {
-  cursor: pointer;
-}
-
-.p-chips-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-chips {
-  display: flex;
-}
-
-.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
-  border-color: var(--amethyst-300);
-}
-.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0rem 0.5rem;
-  background: var(--white-20);
-  color: var(--white-100);
-  border-radius: 0.25rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token + .p-chips-input-token {
-  padding: 0 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0rem 0;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--white-100);
-  margin: 0;
-}
-.p-chips.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-slider {
-  background: var(--white-20);
-  border: none;
-  border-radius: 0.5rem;
-}
-.p-slider.p-slider-horizontal {
-  height: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.625rem;
-  margin-left: -0.625rem;
-}
-.p-slider.p-slider-vertical {
-  width: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.625rem;
-  margin-bottom: -0.625rem;
-}
-.p-slider .p-slider-handle {
-  height: 1.25rem;
-  width: 1.25rem;
-  background: var(--amethyst-300);
-  border: none;
-  border-radius: 1rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-slider .p-slider-handle:focus {
-  background: var(--amethyst-200);
-  box-shadow: none;
-}
-.p-slider .p-slider-range {
-  background: var(--amethyst-300);
-  border-radius: 0.5rem;
-}
-.p-slider:not(.p-disabled) .p-slider-handle:hover {
-  background: var(--amethyst-200);
-  border-color: rgba(0, 0, 0, 0.0001);
-}
-
-.p-rating {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-
-.p-rating-item {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-
-.p-rating.p-readonly .p-rating-item {
-  cursor: default;
-}
-
-.p-rating {
-  gap: 0.5rem;
-}
-.p-rating .p-rating-item {
-  outline-color: transparent;
-  border-radius: 50%;
-}
-.p-rating .p-rating-item .p-rating-icon {
-  color: var(--white-80);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  font-size: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-icon {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
-  color: var(--white-80);
-}
-.p-rating .p-rating-item:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
-  color: var(--orange-400);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
-  color: var(--orange-500);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
-  color: var(--white-100);
-}
-
-.p-calendar.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-.p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-
-.p-datepicker {
-  margin-top: 0.25rem;
-  padding: 0.75rem;
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-}
-.p-datepicker:not(.p-datepicker-inline) {
-  background: #1c1b22;
-  border: 1px solid var(--gray-900);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
-  background: rgba(0, 0, 0, 0.0001);
-}
-.p-datepicker .p-datepicker-header {
-  padding: 0 0 0.5rem;
-  color: var(--white-80);
-  background: #1c1b22;
-  font-weight: bold;
-  margin: 0rem;
-  border-bottom: none;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border: 1px solid transparent;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,
-.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled {
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-  background: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title {
-  line-height: 2rem;
-  display: flex;
-  gap: 0.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select {
-  display: inline-flex;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-  background: #1c1b22;
-  border: 1px solid var(--gray-900);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-  min-height: 2.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  color: var(--white-80);
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  font-weight: bold;
-  padding: 0.25rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
-  color: var(--amethyst-300);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5rem;
-}
-.p-datepicker table {
-  font-size: 1rem;
-  margin: 0rem;
-}
-.p-datepicker table th {
-  padding: 0.25rem;
-}
-.p-datepicker table th > span {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datepicker table td {
-  padding: 0.25rem;
-}
-.p-datepicker table td > span {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  transition: 0.2s;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-}
-.p-datepicker table td > span.p-highlight {
-  color: var(--black-80);
-  background: var(--amethyst-300);
-}
-.p-datepicker table td > span:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-datepicker table td.p-datepicker-today > span {
-  color: var(--white-80);
-  font-weight: 700;
-  border-color: var(--gray-800);
-  background: rgba(0, 0, 0, 0.0001);
-}
-.p-datepicker table td.p-datepicker-today > span:not(.p-disabled):hover {
-  color: var(--white-100);
-}
-.p-datepicker table td.p-datepicker-today > span.p-highlight {
-  color: var(--black-80);
-  background: var(--amethyst-300);
-}
-.p-datepicker .p-datepicker-buttonbar {
-  padding: 0rem 0 0;
-}
-.p-datepicker .p-datepicker-buttonbar .p-button {
-  width: auto;
-}
-.p-datepicker .p-timepicker {
-  border-top: 1px solid var(--gray-900);
-  padding: String value;
-}
-.p-datepicker .p-timepicker button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datepicker .p-timepicker button:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-datepicker .p-timepicker button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-datepicker .p-timepicker button.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-datepicker .p-timepicker span {
-  font-size: 1.25rem;
-}
-.p-datepicker .p-timepicker > div {
-  padding: String value;
-}
-.p-datepicker .p-hour-picker,
-.p-datepicker .p-minute-picker {
-  gap: 0.25rem;
-}
-.p-datepicker.p-datepicker-timeonly .p-timepicker {
-  border-top: 0 none;
-}
-.p-datepicker .p-monthpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
-  color: var(--black-80);
-  background: var(--amethyst-300);
-}
-.p-datepicker .p-yearpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
-  color: var(--black-80);
-  background: var(--amethyst-300);
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-left: 1px solid var(--gray-900);
-  padding-right: 0.75rem;
-  padding-left: 0.75rem;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
-  padding-left: 0;
-  border-left: 0 none;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
-  padding-right: 0;
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-datepicker:not(.p-disabled) table td span.p-highlight:hover {
-  background: var(--amethyst-200);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled).p-highlight:hover {
-  background: var(--amethyst-200);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled).p-highlight:hover {
-  background: var(--amethyst-200);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-
-.p-autocomplete {
-  display: inline-flex;
-  height: min-content;
-}
-.p-autocomplete .p-autocomplete-loader {
-  right: 0.75rem;
-  color: var(--white-100);
-}
-.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 3.25rem;
-}
-
-.p-autocomplete-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-autocomplete-multiple-container:has(.p-autocomplete-token) {
-  padding: 0.25rem;
-}
-
-.p-autocomplete-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-autocomplete-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-autocomplete-token-icon {
-  cursor: pointer;
-}
-
-.p-autocomplete-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-autocomplete {
-  display: flex;
-}
-
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
-  border-color: var(--amethyst-300);
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-autocomplete .p-autocomplete-multiple-container.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--white-20);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0rem 0.5rem;
-  background: var(--white-20);
-  color: var(--white-100);
-  border-radius: 0.25rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token + .p-autocomplete-input-token {
-  padding: 0 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0rem 0;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--white-100);
-  margin: 0;
-}
-.p-autocomplete.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-800);
-}
-
-.p-autocomplete-panel {
-  background: #1c1b22;
-  color: var(--white-80);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  margin-top: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-of-type {
-  margin-top: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-of-type {
-  margin-bottom: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
-  color: var(--white-100);
-  background: var(--gray-800);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
-  color: var(--black-80);
-  background: var(--amethyst-300);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--white-80);
-  background: rgba(0, 0, 0, 0.0001);
-  font-weight: bold;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
-  text-align: center;
-  padding: 0.5rem 0.75rem;
-}
-
-.p-autocomplete-dd .p-autocomplete-input {
-  flex: 1 1 auto;
-  width: 1%;
-}
-.p-autocomplete-dd .p-autocomplete-dropdown {
-  display: none;
-}
-
-.autocomplete-dropdown-container:hover .p-inputtext:enabled {
-  border-color: var(--amethyst-300);
-}
-
-.autocomplete-dropdown-trigger {
-  position: absolute;
-  right: 0;
-  top: 0;
-  height: 100%;
-  width: 2.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.p-autocomplete-clear-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-  cursor: pointer;
-}
-
-.p-autocomplete-clearable {
-  position: relative;
-}
-.p-autocomplete-clearable .p-autocomplete-clear-icon {
-  right: 0.75rem;
-}
-.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
-  right: 2.5rem;
-}
-
-.p-tabview .p-tabview-nav {
-  background: rgba(0, 0, 0, 0.0001);
-  border-bottom: 1px solid var(--gray-900);
-  gap: 1.5rem;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link {
-  border-bottom: 0.25rem solid rgba(0, 0, 0, 0.0001);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  padding: 1rem 0rem;
-  font-weight: normal;
-  transition: 0.2s;
-  margin: 0;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--amethyst-300);
-}
-.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: var(--amethyst-300);
-  color: var(--amethyst-300);
-}
-.p-tabview .p-tabview-close {
-  margin-left: 0.5rem;
-}
-.p-tabview .p-tabview-nav-btn.p-link {
-  background: #1c1b22;
-  color: var(--white-80);
-  width: 2.5rem;
-  box-shadow: 0px 0px 10px 50px var(--white-60);
-  border-radius: 0;
-}
-.p-tabview .p-tabview-nav-btn.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-tabview .p-tabview-nav-btn.p-link:hover {
-  color: var(--amethyst-300);
-}
-.p-tabview .p-tabview-panels {
-  background: rgba(0, 0, 0, 0.0001);
-  padding: 1rem 0rem;
-  border: none;
-  color: var(--white-80);
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-divider {
-  border-color: var(--gray-900);
-}
-.p-divider .p-divider-content {
-  background-color: #1c1b22;
-  color: var(--white-80);
-  text-transform: uppercase;
-}
-.p-divider.p-divider-horizontal {
-  margin: 1rem 0rem;
-  padding: 0rem 1rem;
-}
-.p-divider.p-divider-horizontal .p-divider-content {
-  padding: 0 0.5rem;
-}
-.p-divider.p-divider-horizontal:before {
-  border-top-width: 1px;
-  border-top-color: var(--gray-900);
-}
-.p-divider.p-divider-horizontal.p-divider-dash:before {
-  border-top-style: dashed;
-}
-.p-divider.p-divider-vertical {
-  margin: 0rem 1rem;
-  padding: 1rem 0rem;
-}
-.p-divider.p-divider-vertical .p-divider-content {
-  padding: 0.5rem 0;
-}
-.p-divider.p-divider-vertical:before {
-  border-left-width: 1px;
-  border-left-color: var(--gray-900);
-}
-.p-divider.p-divider-vertical.p-divider-dash:before {
-  border-left-style: dashed;
-}
-
-.p-scrollpanel .p-scrollpanel-bar {
-  background: var(--white-20);
-  border: 0 none;
-  border-radius: 0.5rem;
-}
-.p-scrollpanel .p-scrollpanel-bar:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-
-.p-accordion .p-accordion-header .p-accordion-header-link {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  color: var(--white-80);
-  font-weight: 700;
-  padding: 1rem 0rem;
-  border-top: 1px solid var(--gray-900);
-  background: rgba(0, 0, 0, 0.0001);
-  transition: 0.2s;
-  gap: 0.5rem;
-}
-.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
-  font-size: 1.25rem;
-}
-.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: var(--gray-900);
-  color: var(--white-100);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: var(--gray-900);
-  color: var(--white-100);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
-  border-color: var(--gray-900);
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-accordion .p-accordion-content {
-  padding: 0rem 0rem 1rem 1.75rem;
-  border-bottom: none;
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-accordion .p-accordion-tab {
-  margin-bottom: 0rem;
-}
-.p-accordion .p-accordion-tab:first-child .p-accordion-header-link {
-  border-top: none;
-}
-.p-accordion .p-accordion-tab .p-accordion-content .p-accordion-header-link {
-  border-top: 1px solid var(--gray-900);
-}
-
-.p-stepper .p-stepper-nav {
-  display: flex;
-  gap: 0.5rem;
-  justify-content: space-between;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  overflow: hidden;
-  overflow-x: auto;
-}
-.p-stepper .p-stepper-header {
-  position: relative;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-  padding: 0.5rem 0;
-}
-.p-stepper .p-stepper-header.p-disabled {
-  opacity: 1;
-  cursor: initial;
-}
-.p-stepper .p-stepper-header.p-disabled .p-stepper-action {
-  opacity: 0.6;
-}
-.p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-title {
-  color: var(--white-100);
-}
-.p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
-  background-color: var(--amethyst-300);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-number, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-number {
-  color: var(--black-80);
-  background-color: var(--amethyst-300);
-  border-color: transparent;
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-icon, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-icon {
-  color: var(--amethyst-300);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-action.p-danger .p-stepper-number, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-action.p-danger .p-stepper-number {
-  color: var(--black-80);
-  background-color: var(--red-400);
-}
-.p-stepper p-stepperheader .p-stepper-action {
-  display: inline-flex;
-  align-items: center;
-  flex-grow: 0;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  background: #1c1b22;
-  outline-color: transparent;
-  padding: 0;
-}
-.p-stepper p-stepperheader .p-stepper-action:hover {
-  cursor: pointer;
-}
-.p-stepper p-stepperheader .p-stepper-action:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-number {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 500;
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1;
-  font-size: 1rem;
-  border-radius: 8rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title {
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  margin-left: 0.5rem;
-  color: var(--white-100);
-  font-weight: 500;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper{
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
-  line-height: 1;
-  margin-left: 0.5rem;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper .p-stepper-title {
-  margin-left: 0;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-icon{
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.5rem;
-  line-height: 2rem;
-  line-height: 1;
-  min-width: 1.5rem;
-  height: 1.5rem;
-}
-.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-number,
-.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-icon {
-  color: var(--red-400);
-}
-.p-stepper .p-stepper-panels {
-  background: rgba(0, 0, 0, 0.0001);
-  padding: 1rem 0rem;
-  color: var(--white-80);
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-number, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-number {
-  color: var(--black-80);
-  background-color: var(--amethyst-300);
-  border-color: transparent;
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-icon, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-icon {
-  color: var(--amethyst-300);
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-action.p-danger .p-stepper-number, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-action.p-danger .p-stepper-number {
-  color: var(--black-80);
-  background-color: var(--red-400);
-}
-.p-stepper .p-stepper-separator {
-  background-color: var(--gray-900);
-  width: 100%;
-  height: 1px;
-  margin-inline-start: 0.5rem;
-  transition: 0.2s;
-}
-.p-stepper.no-line .p-stepper-separator {
-  background-color: transparent !important;
-}
-.p-stepper.p-stepper-vertical {
-  display: flex;
-  flex-direction: column;
-}
-.p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
-  display: flex;
-  flex: 1 1 auto;
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel {
-  display: flex;
-  flex-direction: column;
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
-  flex: 1 1 auto;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
-  width: 100%;
-  padding-left: 1rem;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
-  flex: 0 0 auto;
-  width: 2px;
-  height: auto;
-  margin-inline-start: calc(1.75rem + 2px);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
-  background-color: var(--amethyst-300);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
-  padding-left: 3rem;
-}
-
-.p-card {
-  overflow: hidden;
-  color: var(--white-100);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-card.p-card-no-shadow {
-  box-shadow: none;
-}
-.p-card .p-card-body {
-  padding: 1rem;
-}
-.p-card .p-card-title {
-  font-size: 1.125rem;
-  font-weight: 700;
-  margin-bottom: 0.25rem;
-}
-.p-card .p-card-subtitle {
-  font-size: 0.875rem;
-  font-weight: 400;
-  color: var(--white-80);
-}
-.p-card .p-card-content {
-  padding: 1rem 0 0;
-}
-.p-card .p-card-footer {
-  padding: 1rem 0 0;
-}
-
-.p-tooltip .p-tooltip-text {
-  background: var(--gray-200);
-  color: #1c1b22;
-  padding: 0.5rem 1rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  border-radius: 0.5rem;
-}
-
-.p-tooltip-arrow {
-  border-color: transparent;
-}
-
-.p-tooltip-right .p-tooltip-arrow,
-.p-tooltip-left .p-tooltip-arrow {
-  margin-top: -0.25rem;
-}
-
-.p-tooltip-top .p-tooltip-arrow,
-.p-tooltip-bottom .p-tooltip-arrow {
-  margin-left: -0.25rem;
-}
-
-.p-tooltip-right .p-tooltip-arrow {
-  border-width: 0.25em 0.25em 0.25em 0;
-  border-right-color: var(--gray-200);
-}
-
-.p-tooltip-left .p-tooltip-arrow {
-  border-width: 0.25em 0 0.25em 0.25rem;
-  border-left-color: var(--gray-200);
-}
-
-.p-tooltip-top .p-tooltip-arrow {
-  border-width: 0.25em 0.25em 0;
-  border-top-color: var(--gray-200);
-}
-
-.p-tooltip-bottom .p-tooltip-arrow {
-  border-width: 0 0.25em 0.25rem;
-  border-bottom-color: var(--gray-200);
-}
-
-.p-dialog {
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  border: 1px solid var(--gray-900);
-}
-.p-dialog .p-dialog-header {
-  border-bottom: 1px solid var(--gray-900);
-  background: #1c1b22;
-  color: var(--white-100);
-  padding: 1.5rem 1.5rem 1rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-header .p-dialog-title {
-  font-weight: bold;
-  font-size: 1.25rem;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-right: 0.5rem;
-  box-shadow: none;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
-  margin-right: 0;
-}
-.p-dialog-danger .p-dialog-title::before, .p-dialog-success .p-dialog-title::before, .p-dialog-info .p-dialog-title::before, .p-dialog-warning .p-dialog-title::before, .p-dialog-help .p-dialog-title::before {
-  content: "";
-  display: inline-block;
-  width: 1.5rem;
-  height: 1.5rem;
-  background-size: contain;
-  margin-right: 0.5rem;
-  vertical-align: text-bottom;
-}
-.p-dialog-danger .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM8.13128 8.63128C8.47299 8.28957 9.02701 8.28957 9.36872 8.63128L10.5 9.76256L11.6313 8.63128C11.973 8.28957 12.527 8.28957 12.8687 8.63128C13.2104 8.97299 13.2104 9.52701 12.8687 9.86872L11.7374 11L12.8687 12.1313C13.2104 12.473 13.2104 13.027 12.8687 13.3687C12.527 13.7104 11.973 13.7104 11.6313 13.3687L10.5 12.2374L9.36872 13.3687C9.02701 13.7104 8.47299 13.7104 8.13128 13.3687C7.78957 13.027 7.78957 12.473 8.13128 12.1313L9.26256 11L8.13128 9.86872C7.78957 9.52701 7.78957 8.97299 8.13128 8.63128Z" fill="%23E26E63"/></svg>') no-repeat;
-}
-.p-dialog-success .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM13.7437 8.63128C14.0854 8.97299 14.0854 9.52701 13.7437 9.86872L10.2437 13.3687C9.90201 13.7104 9.34799 13.7104 9.00628 13.3687L7.25628 11.6187C6.91457 11.277 6.91457 10.723 7.25628 10.3813C7.59799 10.0396 8.15201 10.0396 8.49372 10.3813L9.625 11.5126L12.5063 8.63128C12.848 8.28957 13.402 8.28957 13.7437 8.63128Z" fill="%2368C170"/></svg>') no-repeat;
-}
-.p-dialog-warning .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.24855 2.2875C9.63056 2.07229 10.0616 1.95923 10.5 1.95923C10.9385 1.95923 11.3695 2.07229 11.7515 2.2875C12.1335 2.5027 12.4536 2.81277 12.6808 3.18777L12.6831 3.19162L19.7759 15.0356L19.7832 15.0481C20.0055 15.4335 20.123 15.8705 20.1241 16.3154C20.1252 16.7604 20.0098 17.1979 19.7895 17.5845C19.5691 17.9711 19.2514 18.2932 18.868 18.519C18.4846 18.7447 18.0487 18.8662 17.6038 18.8714L17.5937 18.8715L3.39659 18.8714C2.95146 18.8664 2.51539 18.7449 2.13176 18.5191C1.74813 18.2933 1.43031 17.9709 1.20992 17.5841C0.98952 17.1974 0.874224 16.7596 0.875499 16.3145C0.876773 15.8693 0.994574 15.4322 1.21718 15.0467L1.22426 15.0347L8.30299 3.21587C8.30825 3.20642 8.31369 3.19705 8.31931 3.18777C8.5465 2.81277 8.86655 2.5027 9.24855 2.2875ZM10.5 3.70923C10.3625 3.70923 10.2273 3.74469 10.1075 3.81219C9.99324 3.87657 9.89665 3.968 9.82613 4.07836C9.82357 4.0828 9.82097 4.08723 9.81833 4.09164L2.72982 15.9268C2.66184 16.0465 2.62589 16.1818 2.62549 16.3195C2.62509 16.4591 2.66126 16.5964 2.73039 16.7177C2.79952 16.839 2.8992 16.9401 3.01953 17.011C3.13871 17.0811 3.27402 17.1192 3.41225 17.1214H17.5877C17.7258 17.1191 17.861 17.0811 17.9801 17.011C18.1004 16.9401 18.2 16.8391 18.2691 16.7178C18.3383 16.5966 18.3745 16.4594 18.3741 16.3198C18.3738 16.1822 18.3379 16.047 18.2701 15.9274L11.1841 4.09457C11.1837 4.09404 11.1834 4.09351 11.1831 4.09298C11.1119 3.97607 11.0119 3.87939 10.8926 3.81219C10.7728 3.74469 10.6376 3.70923 10.5 3.70923ZM10.5001 7.49997C10.9833 7.49997 11.3751 7.89172 11.3751 8.37497V11.875C11.3751 12.3582 10.9833 12.75 10.5001 12.75C10.0168 12.75 9.62506 12.3582 9.62506 11.875V8.37497C9.62506 7.89172 10.0168 7.49997 10.5001 7.49997ZM9.62506 14.5C9.62506 14.0167 10.0168 13.625 10.5001 13.625H10.5088C10.9921 13.625 11.3838 14.0167 11.3838 14.5C11.3838 14.9832 10.9921 15.375 10.5088 15.375H10.5001C10.0168 15.375 9.62506 14.9832 9.62506 14.5Z" fill="%23FFB330"/></svg>') no-repeat;
-}
-.p-dialog-info .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.625 8.375C9.625 7.89175 10.0168 7.5 10.5 7.5H10.5087C10.992 7.5 11.3837 7.89175 11.3837 8.375C11.3837 8.85825 10.992 9.25 10.5087 9.25H10.5C10.0168 9.25 9.625 8.85825 9.625 8.375ZM8.75 11C8.75 10.5168 9.14175 10.125 9.625 10.125H10.5C10.9832 10.125 11.375 10.5168 11.375 11V13.625C11.8582 13.625 12.25 14.0168 12.25 14.5C12.25 14.9832 11.8582 15.375 11.375 15.375H10.5C10.0168 15.375 9.625 14.9832 9.625 14.5V11.875C9.14175 11.875 8.75 11.4832 8.75 11Z" fill="%2349A2EF"/></svg>') no-repeat;
-}
-.p-dialog-help .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.99829 7.55089C10.5752 7.43547 11.1741 7.51853 11.6978 7.78656C12.2234 8.05459 12.6434 8.49186 12.89 9.02783C13.1367 9.56409 13.1955 10.1679 13.0568 10.7416C12.9181 11.3154 12.5901 11.8257 12.1257 12.1901C11.6613 12.5545 11.0877 12.7518 10.4974 12.75C10.0141 12.7486 9.62355 12.3556 9.625 11.8724C9.62646 11.3891 10.0194 10.9986 10.5026 11C10.6994 11.0006 10.8906 10.9349 11.0454 10.8134C11.2002 10.6919 11.3096 10.5218 11.3558 10.3306C11.402 10.1393 11.3824 9.93804 11.3002 9.75929C11.2179 9.58053 11.0778 9.43472 10.9025 9.34539L10.9008 9.34452C10.7285 9.25627 10.5314 9.2289 10.3416 9.26688C10.1518 9.30486 9.98043 9.40595 9.85536 9.5537C9.54314 9.92255 8.99103 9.96846 8.62218 9.65624C8.25333 9.34403 8.20742 8.79191 8.51964 8.42306C8.89995 7.97377 9.42109 7.66638 9.99829 7.55089ZM10.5 13.625C10.9832 13.625 11.375 14.0168 11.375 14.5V14.5087C11.375 14.992 10.9832 15.3837 10.5 15.3837C10.0168 15.3837 9.625 14.992 9.625 14.5087V14.5C9.625 14.0168 10.0168 13.625 10.5 13.625Z" fill="%23AB77DF"/></svg>') no-repeat;
-}
-.p-dialog .p-dialog-content {
-  background: #1c1b22;
-  color: var(--white-100);
-  padding: 1.5rem 1.5rem;
-}
-.p-dialog .p-dialog-content:last-of-type {
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer {
-  display: flex;
-  border-top: 1px solid rgba(0, 0, 0, 0.0001);
-  background: #1c1b22;
-  color: var(--white-80);
-  padding: 0rem 1.5rem 1.5rem;
-  text-align: right;
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer button {
-  width: auto;
-}
-.p-dialog .p-confirm-dialog-accept {
-  order: 1;
-}
-.p-dialog .p-confirm-dialog-reject {
-  order: 2;
-}
-.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
-  border-radius: 0;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
-  font-size: 2rem;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-dialog.p-confirm-dialog .p-dialog-footer {
-  flex-direction: row-reverse;
-  gap: 0.5rem;
-}
-.p-dialog.p-confirm-dialog .p-dialog-footer i.none {
-  display: none;
-}
-
-.p-overlaypanel {
-  background: #1c1b22;
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-overlaypanel .p-overlaypanel-content {
-  padding: 1rem;
-}
-.p-overlaypanel .p-overlaypanel-close {
-  background: var(--amethyst-300);
-  color: var(--black-80);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  position: absolute;
-  top: -1rem;
-  right: -1rem;
-}
-.p-overlaypanel .p-overlaypanel-close:enabled:hover {
-  background: var(--amethyst-200);
-  color: var(--black-80);
-}
-.p-overlaypanel:after {
-  border: solid transparent;
-  border-color: transparent;
-  border-bottom-color: #1c1b22;
-  border-width: 6px;
-}
-.p-overlaypanel:before {
-  border: solid transparent;
-  border-width: 8px;
-  border-color: transparent;
-  border-bottom-color: var(--gray-900);
-}
-.p-overlaypanel.p-overlaypanel-flipped {
-  margin-top: -7px !important;
-}
-.p-overlaypanel.p-overlaypanel-flipped:after {
-  border-top-color: #1c1b22;
-  border-bottom-color: transparent;
-}
-.p-overlaypanel.p-overlaypanel-flipped:before {
-  border-top-color: var(--gray-900);
-  border-bottom-color: transparent;
-}
-
-.p-sidebar {
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  background: #1c1b22;
-  margin: 0.5rem;
-  height: calc(100vh - 1rem) !important;
-}
-.p-sidebar.p-sidebar-top, .p-sidebar.p-sidebar-full, .p-sidebar.p-sidebar-bottom {
-  width: calc(100vw - 1rem);
-  width: -webkit-fill-available !important;
-}
-.p-sidebar.p-sidebar-top, .p-sidebar.p-sidebar-bottom {
-  height: auto;
-}
-.p-sidebar .p-sidebar-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1.5rem 1.5rem 1rem;
-  border-bottom: 1px solid var(--gray-900);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close.p-disabled,
-.p-sidebar .p-sidebar-header .p-sidebar-icon.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-sidebar .p-sidebar-header > :only-child {
-  margin-left: auto;
-}
-.p-sidebar .p-sidebar-content {
-  padding: 1.5rem 1.5rem;
-}
-.p-sidebar .p-sidebar-footer {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 1.5rem 1.5rem;
-  padding-top: 0rem;
-}
-
-.p-avatar {
-  height: 2rem;
-  width: 2rem;
-  color: var(--black-80);
-  font-size: 1rem;
-  background-color: var(--amethyst-300);
-  border-radius: 0.5rem;
-}
-.p-avatar:not(.p-avatar-image) {
-  border: 1px solid var(--gray-900);
-}
-.p-avatar.p-avatar-image {
-  background: transparent;
-  position: relative;
-}
-.p-avatar.p-avatar-image img {
-  position: relative;
-  object-fit: cover;
-  border-radius: inherit;
-}
-.p-avatar.p-avatar-image .p-badge {
-  z-index: 1;
-}
-.p-avatar.p-avatar-image::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  border: 1px solid var(--gray-900);
-  border-radius: inherit;
-  z-index: 1;
-}
-.p-avatar.p-avatar-lg {
-  width: 2.5rem;
-  height: 2.5rem;
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-lg .p-avatar-icon {
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-xl {
-  width: 3.5rem;
-  height: 3.5rem;
-  font-size: 1.5rem;
-}
-.p-avatar.p-avatar-xl .p-avatar-icon {
-  font-size: 1.5rem;
-}
-
-.p-avatar-circle {
-  border-radius: 50%;
-}
-
-.p-badge {
-  background: var(--amethyst-300);
-  color: var(--black-80);
-  font-size: 0.75rem;
-  font-weight: bold;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-}
-.p-badge.p-badge-success {
-  background-color: var(--green-400);
-  color: var(--black-80);
-}
-.p-badge.p-badge-info {
-  background-color: var(--blue-400);
-  color: var(--black-80);
-}
-.p-badge.p-badge-warning {
-  background-color: var(--orange-400);
-  color: var(--black-80);
-}
-.p-badge.p-badge-danger {
-  background-color: var(--red-400);
-  color: var(--black-80);
-}
-.p-badge.p-badge-dot {
-  width: 0.5rem;
-  height: 0.5rem;
-  min-width: auto;
-}
-
-.p-tag {
-  height: 1.5rem;
-  color: var(--black-80);
-  font-size: 0.875rem;
-  font-weight: bold;
-  padding: 0.5rem;
-  border-radius: 0.5rem;
-  background: var(--amethyst-300);
-}
-.p-tag.p-tag-success {
-  background-color: var(--green-400);
-  color: var(--black-80);
-}
-.p-tag.p-tag-info {
-  background-color: var(--blue-400);
-  color: var(--black-80);
-}
-.p-tag.p-tag-warning {
-  background-color: var(--orange-400);
-  color: var(--black-80);
-}
-.p-tag.p-tag-danger {
-  background-color: var(--red-400);
-  color: var(--black-80);
-}
-.p-tag.p-tag-rounded {
-  border-radius: 100px;
-}
-.p-tag.p-tag-secondary {
-  background-color: var(--gray-900);
-  color: var(--white-80);
-}
-.p-tag .p-tag-icon {
-  margin-right: 0.25rem;
-  font-size: 0.875rem;
-}
-.p-tag .p-tag-icon.p-icon {
-  width: 0.875rem;
-  height: 0.875rem;
-}
-
-.p-progressbar {
-  border: none;
-  height: 1rem;
-  background: var(--white-20);
-  border-radius: 0.5rem;
-}
-.p-progressbar .p-progressbar-value {
-  border: 0 none;
-  margin: 0;
-  background: var(--amethyst-300);
-}
-.p-progressbar .p-progressbar-label {
-  color: var(--black-80);
-  line-height: 1rem;
-}
-
-.p-progress-spinner-circle {
-  animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-primary-color 6s ease-in-out infinite;
-}
-
-@keyframes p-progress-spinner-primary-color {
-  100%, 0% {
-    stroke: var(--primary-color) !important;
-  }
-  40% {
-    stroke: var(--primary-color) !important;
-  }
-  66% {
-    stroke: var(--primary-color) !important;
-  }
-  80%, 90% {
-    stroke: var(--primary-color) !important;
-  }
-}
-.p-metergroup {
-  display: flex;
-  gap: 0.75rem;
-  flex-direction: column;
-}
-.p-metergroup .p-metergroup-meter-container {
-  background: var(--white-20);
-  border-radius: 0.5rem;
-}
-.p-metergroup .p-metergroup-labels {
-  display: flex;
-  flex-wrap: wrap;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  gap: 1rem;
-  row-gap: 0.75rem;
-}
-.p-metergroup .p-metergroup-labels-vertical {
-  gap: 0.5rem;
-  flex-direction: column;
-}
-.p-metergroup .p-metergroup-meters {
-  display: flex;
-  background: var(--white-20);
-  border-radius: 0.5rem;
-  height: 0.5rem;
-}
-.p-metergroup .p-metergroup-meter {
-  border: none;
-  background: var(--amethyst-300);
-}
-.p-metergroup .p-metergroup-label-list-item {
-  line-height: 1rem;
-}
-.p-metergroup .p-metergroup-label-type {
-  background: var(--amethyst-300);
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 100%;
-  margin-right: 0.5rem;
-}
-.p-metergroup .p-metergroup-label {
-  display: inline-flex;
-  align-items: center;
-  color: var(--black-60);
-  gap: 0.5rem;
-  font-size: 0.875rem;
-  line-height: 100%;
-}
-.p-metergroup .p-metergroup-label .p-metergroup-label-marker {
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 100%;
-  display: inline-flex;
-}
-.p-metergroup .p-metergroup-label-icon {
-  width: 1rem;
-  height: 1rem;
-  font-size: 1rem;
-}
-.p-metergroup .p-metergroup-label-list-vertical {
-  gap: 0.25rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
-  height: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
-  margin-bottom: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
-  margin-top: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical {
-  flex-direction: row;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meters {
-  width: 0.5rem;
-  height: 100%;
-  flex-direction: column;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter {
-  width: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
-  border-bottom-left-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
-  margin-left: 0.5rem;
-}
-
-.p-chip {
-  height: 1.75rem;
-  color: var(--white-100);
-  border-radius: 0.25rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  padding: 0rem 0.5rem;
-  background-color: var(--white-20);
-  display: inline-flex;
-}
-.p-chip.p-disabled {
-  color: var(--white-80);
-  border-color: var(--gray-900);
-  background-color: var(--white-20);
-}
-.p-chip .p-chip-text {
-  line-height: 1.5;
-  margin-top: 0rem;
-  margin-bottom: 0rem;
-}
-.p-chip .p-chip-icon {
-  margin-right: 0.5rem;
-}
-.p-chip img {
-  width: 1.5rem;
-  height: 1.5rem;
-  margin-left: -0.75rem;
-  margin-right: 0.5rem;
-}
-.p-chip .p-chip-remove-icon {
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-left: 0.5rem;
-}
-.p-chip .p-chip-remove-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-chip .p-chip-remove-icon:focus {
-  outline: 0 none;
-}
-
-timescircleicon svg {
-  display: none !important;
-}
-timescircleicon::after {
-  cursor: pointer;
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E") no-repeat;
-  height: 16px;
-  width: 16px;
-  background: var(--white-100);
-  margin-left: 0.5rem;
-  content: "";
-}
-
-.p-skeleton {
-  background: var(--gray-900);
-  border-radius: 0.5rem;
-}
-.p-skeleton:after {
-  background: linear-gradient(90deg, var(--gray-900) 0%, var(--gray-900) 40%, var(--gray-900) 75%);
-}
-
-.p-message {
-  overflow: hidden;
-  margin: 0rem;
-  border-radius: 0.5rem;
-}
-.p-message .p-message-wrapper {
-  padding: 1rem;
-  position: relative;
-  display: grid;
-  padding-left: 4rem;
-  min-height: 4rem;
-}
-.p-message .p-message-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: transparent;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  position: absolute;
-  top: 1rem;
-  right: 1rem;
-}
-.p-message .p-message-close:hover {
-  background: rgba(255, 255, 255, 0.5);
-}
-.p-message .p-message-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-message.p-message-info {
-  background: var(--blue-0);
-  border: 1px solid var(--blue-800);
-}
-.p-message.p-message-info .p-message-wrapper {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-message.p-message-info .p-message-icon {
-  color: var(--blue-400);
-}
-.p-message.p-message-info .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--blue-400);
-}
-.p-message.p-message-info .p-message-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-800);
-  background: transparent;
-}
-.p-message.p-message-info .p-message-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-success {
-  background: var(--green-0);
-  border: 1px solid var(--green-900);
-}
-.p-message.p-message-success .p-message-wrapper {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-message.p-message-success .p-message-icon {
-  color: var(--green-400);
-}
-.p-message.p-message-success .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--green-400);
-}
-.p-message.p-message-success .p-message-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-900);
-  background: transparent;
-}
-.p-message.p-message-success .p-message-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-warn {
-  background: var(--orange-0);
-  border: 1px solid var(--orange-800);
-}
-.p-message.p-message-warn .p-message-wrapper {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-message.p-message-warn .p-message-icon {
-  color: var(--orange-400);
-}
-.p-message.p-message-warn .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--orange-400);
-}
-.p-message.p-message-warn .p-message-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-800);
-  background: transparent;
-}
-.p-message.p-message-warn .p-message-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-error {
-  background: var(--red-0);
-  border: 1px solid var(--red-800);
-}
-.p-message.p-message-error .p-message-wrapper {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-message.p-message-error .p-message-icon {
-  color: var(--red-400);
-}
-.p-message.p-message-error .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--red-400);
-}
-.p-message.p-message-error .p-message-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-800);
-  background: transparent;
-}
-.p-message.p-message-error .p-message-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message .p-message-text {
-  font-size: 1rem;
-  font-weight: normal;
-  color: var(--white-100);
-}
-.p-message .p-message-icon {
-  font-size: 2rem;
-  display: inline;
-  margin-right: 0.5rem;
-  position: absolute;
-  top: 1rem;
-  left: 1rem;
-}
-.p-message .p-message-icon .p-icon-wrapper {
-  display: none;
-}
-.p-message .p-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-message .p-message-summary {
-  font-size: 1rem;
-  font-weight: bold;
-  color: var(--white-100);
-  margin-right: 0.25rem;
-}
-.p-message .p-message-detail {
-  font-size: 0.875rem;
-  font-weight: normal;
-  color: var(--white-80);
-  display: block;
-}
-
-.p-toast {
-  opacity: 1;
-}
-.p-toast .p-toast-message {
-  overflow: hidden;
-  margin: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  border-radius: 0.5rem;
-}
-.p-toast .p-toast-message .p-toast-message-content {
-  gap: 1rem;
-  padding: 1rem;
-  border-left-width: 0.25rem;
-  border-left-style: solid;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
-  margin: 0rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
-  font-size: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon .p-icon-wrapper {
-  display: none;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
-  font-weight: bold;
-  font-size: 1rem;
-  color: var(--white-100);
-  margin: auto 0;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
-  font-weight: normal;
-  font-size: 0.875rem;
-  color: var(--white-80);
-  margin-top: 0.25rem;
-}
-.p-toast .p-toast-message .p-toast-icon-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: #1c1b22;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-info {
-  background: var(--blue-0);
-  border: 1px solid var(--blue-800);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-content {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
-  color: var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-800);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-success {
-  background: var(--green-0);
-  border: 1px solid var(--green-900);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-content {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon {
-  color: var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-900);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-warn {
-  background: var(--orange-0);
-  border: 1px solid var(--orange-800);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-content {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
-  color: var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-800);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-error {
-  background: var(--red-0);
-  border: 1px solid var(--red-800);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-content {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
-  color: var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-800);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-
-.p-breadcrumb {
-  background: rgba(0, 0, 0, 0.0001);
-  border: none;
-  padding: 0rem;
-}
-.p-breadcrumb.none-separator-breadcrum .p-menuitem-separator {
-  opacity: 0;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  padding: 0.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover {
-  background-color: var(--gray-800);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
-  margin: 0 0.25rem;
-  color: var(--white-100);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
-  color: var(--white-80);
-}
-
-.p-menubar {
-  display: flex;
-  padding: 0.25rem;
-  align-items: flex-end;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-menubar .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menubar .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--amethyst-300);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--amethyst-200);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menubar .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list][level="0"] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-menubar [class*=list][level="0"] > .p-menuitem {
-  margin: 0;
-}
-.p-menubar [class*=list]:not([level="0"]) {
-  min-width: 8rem;
-  z-index: 2;
-}
-.p-menubar [class*=list][level="1"] {
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list][level="1"].p-menuitem:first-of-type {
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list]:not([level="0"]):not([level="1"]) {
-  margin-left: 0.25rem;
-  margin-top: -0.25rem;
-}
-.p-menubar ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.p-menubar .p-menuitem-link {
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  overflow: hidden;
-  position: relative;
-}
-.p-menubar .p-menuitem-text {
-  line-height: 1;
-}
-.p-menubar .p-menuitem {
-  position: relative;
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--amethyst-200);
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem.p-menuitem:first-of-type {
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem .p-submenu-list {
-  display: none;
-  position: absolute;
-  z-index: 2;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  background-color: #1c1b22;
-}
-.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg) {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menubar-root-list .p-icon-wrapper {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-icon-wrapper {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menubar-custom,
-.p-menubar .p-menuitem .p-menubar-end {
-  margin-left: auto;
-  align-self: center;
-}
-.p-menubar .p-menubar-root-list {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-}
-.p-menubar .p-menubar-root-list > li ul {
-  display: none;
-  z-index: 1;
-}
-@media screen and (min-width: 960px) {
-  .p-menubar .p-submenu-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-    display: block;
-    left: 100%;
-    top: 0;
-  }
-  .p-menubar .p-menubar-root-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-    display: block;
-  }
-}
-.p-menubar .p-menubar-button {
-  display: none;
-  cursor: pointer;
-  align-items: center;
-  justify-content: center;
-}
-
-@media screen and (max-width: 960px) {
-  .p-menubar {
-    position: relative;
-    align-items: center;
-  }
-  .p-menubar .p-menubar-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--white-80);
-    border: 1px solid rgba(0, 0, 0, 0.0001);
-    background: rgba(0, 0, 0, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-menubar .p-menubar-button:hover {
-    color: var(--white-100);
-    border-color: rgba(0, 0, 0, 0.0001);
-    background: var(--gray-800);
-  }
-  .p-menubar .p-menubar-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-    caret-color: var(--amethyst-300);
-  }
-  .p-menubar .p-menubar-button.p-disabled {
-    background: var(--white-20);
-    border: 1px solid var(--gray-900);
-    color: var(--white-80);
-  }
-  .p-menubar .p-menuitem-active[aria-expanded=false] .p-submenu-list {
-    display: none;
-  }
-  .p-menubar .p-menuitem-active[aria-expanded=true] > p-menubarsub > .p-submenu-list {
-    display: block;
-    position: relative;
-    left: auto;
-    top: auto;
-    border: 0;
-  }
-  .p-menubar [aria-expanded=true] + p-menubarsub .p-menubar-root-list {
-    display: block;
-  }
-  .p-menubar .p-menubar-root-list {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: none;
-    flex-direction: column;
-    min-width: 8rem;
-    border: 1px solid var(--gray-900);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: #1c1b22;
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-    border-radius: 0.5rem;
-    z-index: 2;
-  }
-  .p-menubar .p-menubar-root-list [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-menubar .p-submenu-list {
-    width: 100%;
-    display: none;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    border-radius: 0.5rem;
-    box-shadow: none;
-  }
-  .p-menubar .p-submenu-list [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(0deg);
-  }
-  .p-menubar .p-submenu-list [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-megamenu [class*=header] {
-  color: var(--white-80);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-megamenu [class*=header][data-p-disabled=true] {
-  color: var(--white-80);
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-megamenu [class*=grid] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-  width: max-content;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  padding: 0.25rem;
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-megamenu [class*=col] {
-  display: flex;
-  flex-grow: 1;
-  width: auto;
-  padding: 0;
-}
-.p-megamenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-megamenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-megamenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--amethyst-300);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--amethyst-200);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-megamenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-horizontal {
-  display: flex;
-}
-.p-megamenu-horizontal [class*=root] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-megamenu-horizontal [class*=root] > .p-menuitem {
-  margin: 0;
-}
-.p-megamenu-horizontal [class*=grid] {
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-vertical {
-  display: flex;
-}
-.p-megamenu-vertical [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-megamenu-vertical [class*=grid] {
-  margin-left: 0.25rem;
-}
-
-@media screen and (max-width: 960px) {
-  .p-megamenu {
-    position: relative;
-  }
-  .p-megamenu .p-megamenu-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--white-80);
-    border: 1px solid rgba(0, 0, 0, 0.0001);
-    background: rgba(0, 0, 0, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-megamenu .p-megamenu-button:hover {
-    color: var(--white-100);
-    border-color: rgba(0, 0, 0, 0.0001);
-    background: var(--gray-800);
-  }
-  .p-megamenu .p-megamenu-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-    caret-color: var(--amethyst-300);
-  }
-  .p-megamenu .p-megamenu-button.p-disabled {
-    background: var(--white-20);
-    border: 1px solid var(--gray-900);
-    color: var(--white-80);
-  }
-  .p-megamenu [aria-expanded=false] + [class*=root] {
-    display: none;
-  }
-  .p-megamenu [class*=root] {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: flex;
-    flex-direction: column;
-    min-width: 8rem;
-    border-radius: 0.5rem;
-    border: 1px solid var(--gray-900);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: #1c1b22;
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-    z-index: 2;
-  }
-  .p-megamenu [class*=panel] {
-    width: 100%;
-    position: static;
-  }
-  .p-megamenu [class*=grid] {
-    display: flex;
-    flex-direction: column;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    box-shadow: none;
-  }
-  .p-megamenu [class*=grid] [class*=list] {
-    width: 100%;
-  }
-  .p-megamenu-horizontal [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-megamenu-vertical [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-menu [class*=header] {
-  color: var(--white-80);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-menu [class*=header][data-p-disabled=true] {
-  color: var(--white-80);
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-menu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--amethyst-300);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--amethyst-200);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-
-.p-menu-overlay {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  padding: 0.25rem;
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  z-index: 2;
-}
-
-.p-tieredmenu {
-  display: flex;
-}
-.p-tieredmenu [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-tieredmenu [data-pc-section=menu] {
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-}
-.p-tieredmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-tieredmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--amethyst-300);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--amethyst-200);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-tieredmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-
-.p-tabmenu .p-tabmenu-nav {
-  background: rgba(0, 0, 0, 0.0001);
-  border-bottom: 1px solid var(--gray-900);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
-  margin-right: 1.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  font-weight: normal;
-  border-bottom: 0.25rem solid rgba(0, 0, 0, 0.0001);
-  padding: 1rem 0rem;
-  margin: 0;
-  transition: 0.2s;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--amethyst-300);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
-  background: rgba(0, 0, 0, 0.0001);
-  border-color: var(--amethyst-300);
-  color: var(--amethyst-300);
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link {
-  background: #1c1b22;
-  color: var(--white-80);
-  width: 2.5rem;
-  box-shadow: 0px 0px 10px 50px var(--white-60);
-  border-radius: 0;
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link:hover {
-  color: var(--amethyst-300);
-}
-.p-tabmenu .p-tabmenu-nav-container > .p-tabmenu-nav-content > .p-tabmenu-nav {
-  white-space: nowrap;
-  width: max-content;
-}
-
-.p-panelmenu[data-pc-section=root] {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-.p-panelmenu [data-pc-section=header] {
-  padding: 0.5rem 0.75rem;
-  border-radius: 0.5rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-action {
-  display: flex;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-link {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header] .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] {
-  background-color: var(--amethyst-300);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--amethyst-200);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-panelmenu [data-pc-section=menu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu [data-pc-section=submenu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--amethyst-300);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--amethyst-200);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-link {
-  pointer-events: none;
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-submenu-icon {
-  color: var(--white-80);
-}
-
-.p-contextmenu [class*=list] {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-900);
-  padding: 0.25rem;
-  background-color: #1c1b22;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-40);
-  z-index: 2;
-}
-.p-contextmenu [class*=list]:not([class*=root]) {
-  margin-top: -0.25rem;
-  margin-left: 0.25rem;
-}
-.p-contextmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--amethyst-300);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--amethyst-200);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-800);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--white-20);
-  border-color: var(--gray-900);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-80);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--white-80);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--white-80);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-contextmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-@media screen and (max-width: 767px) {
-  .p-contextmenu [aria-expanded=true] > .p-menuitem-content .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-  .p-contextmenu [class*=list]:not([class*=root]) {
-    border-radius: 0;
-    border: none;
-    padding-left: 0.75rem !important;
-    margin: 0;
-    margin-top: 0.25rem;
-    background-color: transparent;
-    box-shadow: none;
-  }
-}
-
-.p-steps {
-  overflow: hidden;
-  overflow-x: auto;
-}
-.p-steps .p-steps-item {
-  display: flex;
-  justify-content: center;
-}
-.p-steps .p-steps-item .p-menuitem-link {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 0.5rem;
-  border-radius: 0;
-  padding: 0 0.5rem;
-  background: #1c1b22;
-  transition: 0.2s;
-  z-index: 1;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
-  color: var(--white-100);
-  font-weight: 500;
-  border: 1px solid var(--gray-900);
-  background: #1c1b22;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-  font-size: 1rem;
-  z-index: 1;
-  border-radius: 8rem;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  color: var(--white-100);
-  font-weight: 500;
-}
-.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-steps .p-steps-item.p-highlight:not(:has(~ .p-highlight)) .p-steps-number {
-  background: var(--amethyst-300);
-  color: var(--black-80);
-  border-color: transparent;
-}
-.p-steps .p-steps-item.p-highlight:not(:has(~ .p-highlight)) .p-steps-title {
-  color: var(--white-100);
-}
-.p-steps .p-steps-item.p-disabled {
-  opacity: 1;
-}
-.p-steps .p-steps-item.p-disabled .p-steps-number,
-.p-steps .p-steps-item.p-disabled .p-steps-title {
-  opacity: 0.6;
-}
-.p-steps .p-steps-item:before {
-  content: " ";
-  border-top: 1px solid var(--gray-900);
-  width: 100%;
-  top: 50%;
-  left: 0;
-  display: block;
-  position: absolute;
-}
-.p-steps .p-steps-item:first-of-type {
-  justify-content: flex-start;
-}
-.p-steps .p-steps-item:first-of-type .p-menuitem-link {
-  padding-left: 0;
-}
-.p-steps .p-steps-item:last-of-type {
-  justify-content: flex-end;
-}
-.p-steps .p-steps-item:last-of-type .p-menuitem-link {
-  padding-right: 0;
-}
-
-.p-timeline .p-timeline-event-content {
-  color: var(--white-100);
-}
-.p-timeline .p-timeline-event-opposite,
-.p-timeline .p-timeline-event-content {
-  line-height: 1;
-}
-.p-timeline .p-timeline-event-marker {
-  border: 0.25rem solid var(--amethyst-300);
-  border-radius: 8rem;
-  width: 1rem;
-  height: 1rem;
-  background-color: #1c1b22;
-}
-.p-timeline .p-timeline-event-connector {
-  background-color: var(--gray-900);
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
-  padding: 0rem 0.5rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
-  width: 1px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
-  padding: 0.5rem 0rem;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
-  height: 1px;
-}
-
-.p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin: 0.5rem;
-}
-.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-carousel .p-carousel-content .p-carousel-prev.p-disabled,
-.p-carousel .p-carousel-content .p-carousel-next.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-carousel .p-carousel-indicators {
-  padding: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator {
-  margin-right: 0.5rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator:last-of-type {
-  margin-right: 0;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button {
-  background-color: var(--gray-900);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
-  background: var(--gray-600);
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-  background: var(--gray-600);
-  color: #1c1b22;
-}
-
-.p-datatable table {
-  border-collapse: separate;
-}
-.p-datatable .p-paginator-top {
-  border-width: 1px 0 1px 0;
-  border-radius: 0;
-}
-.p-datatable .p-paginator-bottom {
-  border-width: 0 0 0 0;
-  border-radius: 0;
-}
-.p-datatable .p-datatable-header {
-  background: var(--gray-0);
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-footer {
-  background: var(--gray-0);
-  color: var(--white-100);
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-thead > tr > th {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--white-100);
-  background: var(--gray-0);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tfoot > tr > td {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--white-100);
-  background: var(--gray-0);
-}
-.p-datatable .p-sortable-column p-sorticon {
-  vertical-align: middle;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon > svg, .p-datatable .p-sortable-column p-sorticon sortamountupalticon > svg, .p-datatable .p-sortable-column p-sorticon sortamountdownicon > svg {
-  display: none;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon::after, .p-datatable .p-sortable-column p-sorticon sortamountupalticon::after, .p-datatable .p-sortable-column p-sorticon sortamountdownicon::after {
-  width: 1.25rem;
-  height: 1.25rem;
-  color: var(--white-100);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon::after {
-  content: "\eb5a";
-}
-.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after {
-  content: "\eb27";
-  color: var(--amethyst-300);
-}
-.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after {
-  content: "\eb26";
-  color: var(--amethyst-300);
-}
-.p-datatable .p-sortable-column .p-sortable-column-badge {
-  border-radius: 50%;
-  height: 1.25rem;
-  min-width: 1.25rem;
-  line-height: 1.25rem;
-  color: var(--black-80);
-  background: var(--amethyst-300);
-  margin-left: 0.5rem;
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
-  color: var(--white-100);
-}
-.p-datatable .p-sortable-column.p-highlight {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
-  color: var(--amethyst-300);
-}
-.p-datatable .p-sortable-column:focus-visible {
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  outline: 0 none;
-}
-.p-datatable .p-datatable-tbody > tr {
-  background: #1c1b22;
-  color: var(--white-100);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td {
-  text-align: left;
-  border: 1px solid var(--gray-900);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
-  margin-right: 0.5rem;
-}
-.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
-  font-weight: 500;
-}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
-  outline: 0.15rem solid var(--amethyst-800);
-  outline-offset: -0.15rem;
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
-  box-shadow: inset 0 2px 0 0 var(--amethyst-300);
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
-  box-shadow: inset 0 -2px 0 0 var(--amethyst-300);
-}
-.p-datatable .p-datatable-tbody > tr .pi-chevron-right::before,
-.p-datatable .p-datatable-tbody > tr .pi-chevron-down::before {
-  color: var(--white-80);
-  font-size: 1rem;
-}
-.p-datatable .p-datatable-frozen-tbody > tr > td {
-  background: var(--gray-0);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
-  outline: 0.15rem solid var(--amethyst-800);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
-  outline: 0.15rem solid var(--amethyst-800);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable .p-column-resizer-helper {
-  background: var(--gray-900);
-}
-.p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
-  background: #1c1b22;
-}
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
-  background-color: var(--gray-0);
-}
-.p-datatable .p-datatable-loading-icon {
-  font-size: 2rem;
-}
-.p-datatable .p-datatable-loading-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-header {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-footer {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-top {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-bottom {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
-  border-width: 1px 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
-  border-width: 1px 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
-  border-width: 0 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
-  background: var(--gray-0);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) + .p-row-expanded {
-  background: var(--gray-0);
-}
-.p-datatable.p-datatable-sm .p-datatable-header {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-footer {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-header {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-footer {
-  padding: 1.25rem 1.25rem;
-}
-
-.p-datatable-drag-selection-helper {
-  background: var(--gray-800);
-}
-
-.p-column-filter-overlay {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  background-color: #1c1b22;
-  padding: 0.25rem;
-  border: 1px solid var(--gray-900);
-  border-radius: 0.5rem;
-}
-
-.p-column-filter-constraint,
-.p-column-filter-constraints {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-
-.p-column-filter-buttonbar {
-  display: flex;
-  gap: 0.25rem;
-}
-
-[data-pc-section=filterremove] {
-  display: none;
-}
-[data-pc-section=filterremove]:has(.p-column-filter-remove-button) {
-  display: block;
-}
-
-.p-column-filter-menu-button,
-.p-column-filter-clear-button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--white-80);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  background: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  vertical-align: middle;
-}
-.p-column-filter-menu-button:enabled:hover,
-.p-column-filter-clear-button:enabled:hover {
-  color: var(--white-100);
-  border-color: rgba(0, 0, 0, 0.0001);
-  background: var(--gray-800);
-}
-.p-column-filter-menu-button:focus-visible,
-.p-column-filter-clear-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-.p-column-filter-menu-button.p-disabled,
-.p-column-filter-clear-button.p-disabled {
-  background: var(--white-20);
-  border: 1px solid var(--gray-900);
-  color: var(--white-80);
-}
-.p-column-filter-menu-button filtericon > svg, .p-column-filter-menu-button filterslashicon > svg,
-.p-column-filter-clear-button filtericon > svg,
-.p-column-filter-clear-button filterslashicon > svg {
-  display: none;
-}
-.p-column-filter-menu-button filtericon::after, .p-column-filter-menu-button filterslashicon::after,
-.p-column-filter-clear-button filtericon::after,
-.p-column-filter-clear-button filterslashicon::after {
-  color: var(--white-100);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 2;
-  -webkit-font-smoothing: antialiased;
-}
-.p-column-filter-menu-button filtericon::after,
-.p-column-filter-clear-button filtericon::after {
-  content: "\eaa5";
-}
-.p-column-filter-menu-button filterslashicon::after,
-.p-column-filter-clear-button filterslashicon::after {
-  content: "\ed2c";
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active,
-.p-column-filter-clear-button.p-column-filter-menu-button-active {
-  background-color: var(--amethyst-300);
-  color: var(--black-80);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active filtericon::after, .p-column-filter-menu-button.p-column-filter-menu-button-active filterslashicon::after,
-.p-column-filter-clear-button.p-column-filter-menu-button-active filtericon::after,
-.p-column-filter-clear-button.p-column-filter-menu-button-active filterslashicon::after {
-  color: var(--black-80);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active:hover,
-.p-column-filter-clear-button.p-column-filter-menu-button-active:hover {
-  background-color: var(--amethyst-200);
-  color: var(--black-80);
-}
-
-.p-column-filter-row {
-  gap: 0.5rem;
-}
-
-.p-column-filter-row-item {
-  color: var(--white-80);
-  padding: 0.5rem 0.75rem;
-  margin-top: 0.25rem;
-  background-color: rgba(0, 0, 0, 0.0001);
-  border-radius: 0.5rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-}
-.p-column-filter-row-item:first-of-type {
-  margin: 0;
-}
-.p-column-filter-row-item:not(.p-highlight):hover {
-  color: var(--white-100);
-  background-color: var(--gray-800);
-}
-.p-column-filter-row-item.p-highlight {
-  color: var(--black-80);
-  background-color: var(--amethyst-300);
-}
-.p-column-filter-row-item.p-highlight:hover {
-  background-color: var(--amethyst-200);
-}
-
-.p-column-filter-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-900);
-  margin-top: 0.25rem;
-}
-
-.p-datatable-reorderablerow-handle {
-  color: var(--white-80);
-}
-.p-datatable-reorderablerow-handle::before {
-  content: "\ec01" !important;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 2;
-  -webkit-font-smoothing: antialiased;
-}
-
-.p-paginator {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-  border: solid rgba(0, 0, 0, 0.0001);
-  border-width: 0;
-  padding: 0.5rem 0rem;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
-  background-color: rgba(0, 0, 0, 0.0001);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
-  background: var(--gray-800);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-.p-paginator .p-paginator-first.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-prev.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-next.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-last.p-disabled:not(.p-highlight) {
-  background: var(--white-20);
-  border-color: var(--gray-900);
-  color: var(--white-80);
-}
-.p-paginator .p-paginator-first {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-paginator .p-paginator-last {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-paginator .p-dropdown {
-  margin-left: 0.5rem;
-  height: 2.5rem;
-}
-.p-paginator .p-dropdown .p-dropdown-label {
-  padding-right: 0;
-}
-.p-paginator .p-paginator-page-input {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.p-paginator .p-paginator-page-input .p-inputtext {
-  max-width: 2.5rem;
-}
-.p-paginator .p-paginator-current {
-  background-color: rgba(0, 0, 0, 0.0001);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  padding: 0 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page {
-  background-color: rgba(0, 0, 0, 0.0001);
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-  color: var(--white-80);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
-  background: var(--amethyst-300);
-  border-color: var(--amethyst-300);
-  color: var(--black-80);
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover {
-  background: var(--amethyst-200);
-  border-color: var(--amethyst-200);
-}
-.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
-  background: var(--gray-800);
-  border-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-100);
-}
-
-.p-galleria .p-galleria-close {
-  margin: 0.5rem;
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-close:hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-item-nav {
-  background: rgba(0, 0, 0, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  margin: 0.5rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-caption {
-  background: var(--black-60);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-caption-title {
-  padding: 0 1rem;
-}
-.p-galleria .p-galleria-indicators {
-  padding: 1rem;
-  line-height: 0;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button {
-  background-color: var(--white-40);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--white-80);
-  color: var(--black-80);
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
-  margin-right: 0.5rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
-  margin-bottom: 0.5rem;
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
-  background: rgba(0, 0, 0, 0.0001);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
-  background: var(--white-40);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--white-80);
-  color: #1c1b22;
-}
-.p-galleria .p-galleria-thumbnail-container {
-  background: var(--black-100);
-  padding: 0.5rem 0.5rem;
-  gap: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
-  background-color: rgba(0, 0, 0, 0.0001);
-  color: var(--white-60);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
-  transition: 0.2s;
-  width: 100%;
-  height: 100%;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-800);
-  caret-color: var(--amethyst-300);
-}
-
-.p-galleria-mask {
-  --maskbg: var(--black-40);
-}
-
-.p-galleria-thumbnail-item {
-  overflow: hidden;
-  height: 4rem;
-}
-
-.p-fileupload-dnd .p-fileupload,
-.p-fileupload-button .p-fileupload {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd.p-fileupload-advanced,
-.p-fileupload-button.p-fileupload-advanced {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
-.p-fileupload-dnd .p-fileupload-content,
-.p-fileupload-button .p-fileupload-content {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd .p-fileupload-content > p-progressbar,
-.p-fileupload-dnd .p-fileupload-content p-messages,
-.p-fileupload-button .p-fileupload-content > p-progressbar,
-.p-fileupload-button .p-fileupload-content p-messages {
-  display: none;
-}
-.p-fileupload-dnd .p-orderlist-controls,
-.p-fileupload-button .p-orderlist-controls {
-  display: none;
-}
-.p-fileupload-dnd .p-fileupload-files,
-.p-fileupload-button .p-fileupload-files {
-  display: none;
-}
-.p-fileupload-dnd .p-fileupload-info-button,
-.p-fileupload-button .p-fileupload-info-button {
-  width: 2.5rem;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  color: var(--blue-400);
-}
-.p-fileupload-dnd .p-orderlist-list-container,
-.p-fileupload-button .p-orderlist-list-container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-.p-fileupload-dnd .p-orderlist-list-container .p-orderlist-list,
-.p-fileupload-button .p-orderlist-list-container .p-orderlist-list {
-  overflow: hidden;
-  min-height: 0px;
-}
-.p-fileupload-dnd .p-fileupload-progress-spinner,
-.p-fileupload-button .p-fileupload-progress-spinner {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.p-fileupload-dnd .p-fileupload-item-row,
-.p-fileupload-button .p-fileupload-item-row {
-  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
-  border-radius: 0.5rem;
-  border: 1px solid rgba(0, 0, 0, 0.0001);
-}
-.p-fileupload-dnd .p-fileupload-item-row:hover,
-.p-fileupload-button .p-fileupload-item-row:hover {
-  background: var(--gray-800);
-}
-.p-fileupload-dnd .p-fileupload-item-row.error,
-.p-fileupload-button .p-fileupload-item-row.error {
-  border-color: var(--red-400);
-}
-.p-fileupload-dnd .p-fileupload-item-row.error .file-icon,
-.p-fileupload-button .p-fileupload-item-row.error .file-icon {
-  color: var(--red-400);
-}
-.p-fileupload-dnd .p-dataview-content,
-.p-fileupload-dnd .p-orderlist-list,
-.p-fileupload-button .p-dataview-content,
-.p-fileupload-button .p-orderlist-list {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-
-.p-fileupload-dnd .p-fileupload-buttonbar {
-  width: 100%;
-  border-radius: 0.5rem;
-  background: var(--gray-alpha);
-  border: 1px dashed var(--gray-900);
-  padding: 1.5rem 1.5rem 1rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar button {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar button > div {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.25rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar:hover {
-  cursor: pointer;
-  border-color: var(--amethyst-300);
-}
-.p-fileupload-dnd .p-fileupload-buttonbar:hover i {
-  color: var(--amethyst-300);
-}
-.hover\:border-primary:hover{
-  border-color: var(--primary-color);
-}
-.hover\:bg-blue-400:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}
-.hover\:bg-purple-400:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
-}
-.hover\:text-primary:hover{
-  color: var(--primary-color);
-}
-.hover\:underline:hover{
-  text-decoration-line: underline;
-}
-@media (min-width: 1px){
-  .sm\:\!w-10{
-    width: 10rem !important;
-  }
-  .sm\:\!w-15{
-    width: 15rem !important;
-  }
-  .sm\:\!w-16{
-    width: 16rem !important;
-  }
-  .sm\:\!w-26{
-    width: 26rem !important;
-  }
-  .sm\:w-auto{
-    width: auto;
-  }
-  .sm\:flex-row{
-    flex-direction: row;
-  }
-  .sm\:flex-col{
-    flex-direction: column;
-  }
-  .sm\:items-start{
-    align-items: flex-start;
-  }
-  .sm\:items-end{
-    align-items: flex-end;
-  }
-  .sm\:items-center{
-    align-items: center;
-  }
-  .sm\:gap-2{
-    gap: 0.5rem;
-  }
-  .sm\:p-8{
-    padding: 2rem;
-  }
-}
-@media (min-width: 768px){
-  .md\:col-span-3{
-    grid-column: span 3 / span 3;
-  }
-  .md\:col-span-6{
-    grid-column: span 6 / span 6;
-  }
-  .md\:mx-auto{
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .md\:mb-0{
-    margin-bottom: 0px;
-  }
-  .md\:ml-auto{
-    margin-left: auto;
-  }
-  .md\:mt-0{
-    margin-top: 0px;
-  }
-  .md\:block{
-    display: block;
-  }
-  .md\:flex{
-    display: flex;
-  }
-  .md\:hidden{
-    display: none;
-  }
-  .md\:\!w-10{
-    width: 10rem !important;
-  }
-  .md\:\!w-15{
-    width: 15rem !important;
-  }
-  .md\:\!w-20{
-    width: 20rem !important;
-  }
-  .md\:\!w-30{
-    width: 30rem !important;
-  }
-  .md\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .md\:\!w-8\/12{
-    width: 66.666667% !important;
-  }
-  .md\:w-2{
-    width: 2rem;
-  }
-  .md\:w-5{
-    width: 5rem;
-  }
-  .md\:flex-initial{
-    flex: 0 1 auto;
-  }
-  .md\:flex-row{
-    flex-direction: row;
-  }
-  .md\:flex-col{
-    flex-direction: column;
-  }
-  .md\:items-end{
-    align-items: flex-end;
-  }
-  .md\:items-center{
-    align-items: center;
-  }
-  .md\:justify-start{
-    justify-content: flex-start;
-  }
-  .md\:justify-center{
-    justify-content: center;
-  }
-  .md\:justify-between{
-    justify-content: space-between;
-  }
-  .md\:gap-8{
-    gap: 2rem;
-  }
-}
-@media (min-width: 1200px){
-  .lg\:mb-0{
-    margin-bottom: 0px;
-  }
-  .lg\:mt-0{
-    margin-top: 0px;
-  }
-  .lg\:flex{
-    display: flex;
-  }
-  .lg\:\!w-3\/12{
-    width: 25% !important;
-  }
-  .lg\:\!w-4\/12{
-    width: 33.333333% !important;
-  }
-  .lg\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .lg\:gap-0{
-    gap: 0px;
-  }
-  .lg\:px-5{
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-  .lg\:px-8{
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-  .lg\:pr-8{
-    padding-right: 2rem;
-  }
-}
-@media (min-width: 1280px){
-  .xl\:block{
-    display: block;
-  }
-  .xl\:flex{
-    display: flex;
-  }
-  .xl\:\!w-10{
-    width: 10rem !important;
-  }
-  .xl\:\!w-3\/12{
-    width: 25% !important;
-  }
-  .xl\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .xl\:\!w-9\/12{
-    width: 75% !important;
-  }
-  .xl\:w-6{
-    width: 6rem;
-  }
-  .xl\:flex-row{
-    flex-direction: row;
-  }
-  .xl\:items-start{
-    align-items: flex-start;
-  }
-  .xl\:justify-center{
-    justify-content: center;
-  }
-  .xl\:pt-0{
-    padding-top: 0px;
-  }
-  .xl\:text-left{
-    text-align: left;
-  }
-}
diff --git a/src-storybook/assets/themes/ek5-dark-secondary/theme.min.css b/src-storybook/assets/themes/ek5-dark-secondary/theme.min.css
deleted file mode 100644
index 84fa29f..0000000
--- a/src-storybook/assets/themes/ek5-dark-secondary/theme.min.css
+++ /dev/null
@@ -1,2852 +0,0 @@
-*, ::before, ::after {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-
-::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*//*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-
-::before,
-::after {
-  --tw-content: '';
-}
-
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: Roboto, sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-
-/*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-/*
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-
-/*
-Add the correct font size in all browsers.
-*/
-
-small {
-  font-size: 80%;
-}
-
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-  text-transform: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-
-:-moz-focusring {
-  outline: auto;
-}
-
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-  vertical-align: baseline;
-}
-
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-  display: list-item;
-}
-
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-legend {
-  padding: 0;
-}
-
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-
-/*
-Prevent resizing textareas horizontally by default.
-*/
-
-textarea {
-  resize: vertical;
-}
-
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-
-/*
-Set the default cursor for buttons.
-*/
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}.container {
-  width: 100%;
-}@media (min-width: 1px) {
-
-  .container {
-    max-width: 1px;
-  }
-}@media (min-width: 768px) {
-
-  .container {
-    max-width: 768px;
-  }
-}@media (min-width: 1200px) {
-
-  .container {
-    max-width: 1200px;
-  }
-}@media (min-width: 1280px) {
-
-  .container {
-    max-width: 1280px;
-  }
-}@media (min-width: 1536px) {
-
-  .container {
-    max-width: 1536px;
-  }
-}.pointer-events-none {
-  pointer-events: none;
-}.\!visible {
-  visibility: visible !important;
-}.visible {
-  visibility: visible;
-}.collapse {
-  visibility: collapse;
-}.static {
-  position: static;
-}.fixed {
-  position: fixed;
-}.absolute {
-  position: absolute;
-}.relative {
-  position: relative;
-}.sticky {
-  position: sticky;
-}.left-0 {
-  left: 0px;
-}.right-0 {
-  right: 0px;
-}.top-0 {
-  top: 0px;
-}.top-auto {
-  top: auto;
-}.z-1 {
-  z-index: 1;
-}.col-span-12 {
-  grid-column: span 12 / span 12;
-}.col-span-2 {
-  grid-column: span 2 / span 2;
-}.col-span-6 {
-  grid-column: span 6 / span 6;
-}.col-span-8 {
-  grid-column: span 8 / span 8;
-}.m-0 {
-  margin: 0px;
-}.m-2 {
-  margin: 0.5rem;
-}.m-3 {
-  margin: 0.75rem;
-}.m-auto {
-  margin: auto;
-}.mx-0 {
-  margin-left: 0px;
-  margin-right: 0px;
-}.mx-1 {
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}.mx-3 {
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}.mx-4 {
-  margin-left: 1rem;
-  margin-right: 1rem;
-}.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}.my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}.my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}.my-4 {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}.my-5 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}.-ml-5 {
-  margin-left: -1.25rem;
-}.-mr-1 {
-  margin-right: -0.25rem;
-}.-mr-8 {
-  margin-right: -2rem;
-}.-mt-4 {
-  margin-top: -1rem;
-}.-mt-5 {
-  margin-top: -1.25rem;
-}.mb-0 {
-  margin-bottom: 0px;
-}.mb-1 {
-  margin-bottom: 0.25rem;
-}.mb-2 {
-  margin-bottom: 0.5rem;
-}.mb-3 {
-  margin-bottom: 0.75rem;
-}.mb-4 {
-  margin-bottom: 1rem;
-}.mb-5 {
-  margin-bottom: 1.25rem;
-}.mb-6 {
-  margin-bottom: 1.5rem;
-}.mb-8 {
-  margin-bottom: 2rem;
-}.ml-1 {
-  margin-left: 0.25rem;
-}.ml-2 {
-  margin-left: 0.5rem;
-}.ml-3 {
-  margin-left: 0.75rem;
-}.ml-5 {
-  margin-left: 1.25rem;
-}.ml-8 {
-  margin-left: 2rem;
-}.ml-auto {
-  margin-left: auto;
-}.mr-1 {
-  margin-right: 0.25rem;
-}.mr-2 {
-  margin-right: 0.5rem;
-}.mr-3 {
-  margin-right: 0.75rem;
-}.mr-4 {
-  margin-right: 1rem;
-}.mr-5 {
-  margin-right: 1.25rem;
-}.mt-0 {
-  margin-top: 0px;
-}.mt-1 {
-  margin-top: 0.25rem;
-}.mt-2 {
-  margin-top: 0.5rem;
-}.mt-3 {
-  margin-top: 0.75rem;
-}.mt-4 {
-  margin-top: 1rem;
-}.mt-5 {
-  margin-top: 1.25rem;
-}.mt-6 {
-  margin-top: 1.5rem;
-}.mt-7 {
-  margin-top: 1.75rem;
-}.mt-8 {
-  margin-top: 2rem;
-}.mt-auto {
-  margin-top: auto;
-}.block {
-  display: block;
-}.inline-block {
-  display: inline-block;
-}.\!inline {
-  display: inline !important;
-}.inline {
-  display: inline;
-}.flex {
-  display: flex;
-}.inline-flex {
-  display: inline-flex;
-}.table {
-  display: table;
-}.table-cell {
-  display: table-cell;
-}.grid {
-  display: grid;
-}.contents {
-  display: contents;
-}.hidden {
-  display: none;
-}.\!h-1 {
-  height: 1rem !important;
-}.\!h-10 {
-  height: 10rem !important;
-}.\!h-12 {
-  height: 12rem !important;
-}.\!h-14 {
-  height: 14rem !important;
-}.\!h-2 {
-  height: 2rem !important;
-}.\!h-20 {
-  height: 20rem !important;
-}.\!h-3 {
-  height: 3rem !important;
-}.\!h-30 {
-  height: 30rem !important;
-}.\!h-4 {
-  height: 4rem !important;
-}.\!h-5 {
-  height: 5rem !important;
-}.\!h-6 {
-  height: 6rem !important;
-}.\!h-8 {
-  height: 8rem !important;
-}.h-4 {
-  height: 4rem;
-}.h-full {
-  height: 100%;
-}.h-screen {
-  height: 100vh;
-}.\!w-1 {
-  width: 1rem !important;
-}.\!w-10 {
-  width: 10rem !important;
-}.\!w-12 {
-  width: 12rem !important;
-}.\!w-14 {
-  width: 14rem !important;
-}.\!w-15 {
-  width: 15rem !important;
-}.\!w-18 {
-  width: 18rem !important;
-}.\!w-2 {
-  width: 2rem !important;
-}.\!w-20 {
-  width: 20rem !important;
-}.\!w-25 {
-  width: 25rem !important;
-}.\!w-3 {
-  width: 3rem !important;
-}.\!w-3\/12 {
-  width: 25% !important;
-}.\!w-30 {
-  width: 30rem !important;
-}.\!w-4 {
-  width: 4rem !important;
-}.\!w-4\/12 {
-  width: 33.333333% !important;
-}.\!w-6 {
-  width: 6rem !important;
-}.\!w-6\/12 {
-  width: 50% !important;
-}.\!w-7\/12 {
-  width: 58.333333% !important;
-}.\!w-8 {
-  width: 8rem !important;
-}.\!w-8\/12 {
-  width: 66.666667% !important;
-}.\!w-9 {
-  width: 9rem !important;
-}.\!w-9\/12 {
-  width: 75% !important;
-}.w-1 {
-  width: 1rem;
-}.w-13 {
-  width: 13rem;
-}.w-9 {
-  width: 9rem;
-}.w-full {
-  width: 100%;
-}.min-w-0 {
-  min-width: 0px;
-}.max-w-full {
-  max-width: 100%;
-}.flex-1 {
-  flex: 1 1 0%;
-}.flex-auto {
-  flex: 1 1 auto;
-}.flex-shrink-0 {
-  flex-shrink: 0;
-}.shrink {
-  flex-shrink: 1;
-}.flex-grow {
-  flex-grow: 1;
-}.grow {
-  flex-grow: 1;
-}.origin-top {
-  transform-origin: top;
-}.transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}.cursor-pointer {
-  cursor: pointer;
-}.select-none {
-  user-select: none;
-}.resize {
-  resize: both;
-}.list-none {
-  list-style-type: none;
-}.grid-cols-12 {
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}.flex-row {
-  flex-direction: row;
-}.flex-row-reverse {
-  flex-direction: row-reverse;
-}.flex-col {
-  flex-direction: column;
-}.flex-wrap {
-  flex-wrap: wrap;
-}.items-start {
-  align-items: flex-start;
-}.items-end {
-  align-items: flex-end;
-}.items-center {
-  align-items: center;
-}.justify-start {
-  justify-content: flex-start;
-}.justify-end {
-  justify-content: flex-end;
-}.justify-center {
-  justify-content: center;
-}.justify-between {
-  justify-content: space-between;
-}.gap-1 {
-  gap: 0.25rem;
-}.gap-2 {
-  gap: 0.5rem;
-}.gap-3 {
-  gap: 0.75rem;
-}.gap-4 {
-  gap: 1rem;
-}.gap-5 {
-  gap: 1.25rem;
-}.gap-6 {
-  gap: 1.5rem;
-}.gap-8 {
-  gap: 2rem;
-}.overflow-auto {
-  overflow: auto;
-}.overflow-hidden {
-  overflow: hidden;
-}.overflow-visible {
-  overflow: visible;
-}.overflow-x-auto {
-  overflow-x: auto;
-}.overflow-y-auto {
-  overflow-y: auto;
-}.overflow-y-hidden {
-  overflow-y: hidden;
-}.whitespace-nowrap {
-  white-space: nowrap;
-}.rounded {
-  border-radius: 0.25rem;
-}.rounded-2xl {
-  border-radius: 1rem;
-}.rounded-3xl {
-  border-radius: 1.5rem;
-}.rounded-full {
-  border-radius: 9999px;
-}.rounded-xl {
-  border-radius: 0.75rem;
-}.border {
-  border-width: 1px;
-}.border-1 {
-  border-width: 1px;
-}.border-2 {
-  border-width: 2px;
-}.border-solid {
-  border-style: solid;
-}.border-dashed {
-  border-style: dashed;
-}.border-none {
-  border-style: none;
-}.border-blue-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}.border-color {
-  border-color: var(--text-color);
-}.border-indigo-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
-}.border-orange-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
-}.border-pink-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
-}.border-primary {
-  border-color: var(--primary-color);
-}.border-teal-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
-}.border-transparent {
-  border-color: transparent;
-}.bg-black {
-  background-color: var(--black-100);
-}.bg-blue-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}.bg-blue-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
-}.bg-blue-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}.bg-gray-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
-}.bg-green-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
-}.bg-indigo-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
-}.bg-orange-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
-}.bg-pink-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
-}.bg-primary {
-  background-color: var(--primary-color);
-}.bg-primary-600 {
-  background-color: var(--primary-600);
-}.bg-purple-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
-}.bg-surface-50 {
-  background-color: var(--surface-50);
-}.bg-teal-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
-}.bg-transparent {
-  background-color: transparent;
-}.bg-white {
-  background-color: var(--white-100);
-}.bg-cover {
-  background-size: cover;
-}.object-cover {
-  object-fit: cover;
-}.\!p-0 {
-  padding: 0px !important;
-}.p-0 {
-  padding: 0px;
-}.p-1 {
-  padding: 0.25rem;
-}.p-2 {
-  padding: 0.5rem;
-}.p-3 {
-  padding: 0.75rem;
-}.p-4 {
-  padding: 1rem;
-}.p-5 {
-  padding: 1.25rem;
-}.p-8 {
-  padding: 2rem;
-}.px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
-}.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}.px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
-}.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}.py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}.pb-0 {
-  padding-bottom: 0px;
-}.pb-3 {
-  padding-bottom: 0.75rem;
-}.pb-4 {
-  padding-bottom: 1rem;
-}.pb-5 {
-  padding-bottom: 1.25rem;
-}.pl-0 {
-  padding-left: 0px;
-}.pl-2 {
-  padding-left: 0.5rem;
-}.pl-3 {
-  padding-left: 0.75rem;
-}.pr-0 {
-  padding-right: 0px;
-}.pr-3 {
-  padding-right: 0.75rem;
-}.pr-4 {
-  padding-right: 1rem;
-}.pr-5 {
-  padding-right: 1.25rem;
-}.pr-6 {
-  padding-right: 1.5rem;
-}.pt-1 {
-  padding-top: 0.25rem;
-}.pt-3 {
-  padding-top: 0.75rem;
-}.pt-4 {
-  padding-top: 1rem;
-}.pt-5 {
-  padding-top: 1.25rem;
-}.pt-6 {
-  padding-top: 1.5rem;
-}.pt-7 {
-  padding-top: 1.75rem;
-}.pt-8 {
-  padding-top: 2rem;
-}.text-left {
-  text-align: left;
-}.text-center {
-  text-align: center;
-}.text-right {
-  text-align: right;
-}.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}.text-3xl {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}.text-4xl {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}.text-5xl {
-  font-size: 3rem;
-  line-height: 1;
-}.text-6xl {
-  font-size: 3.75rem;
-  line-height: 1;
-}.text-7xl {
-  font-size: 4.5rem;
-  line-height: 1;
-}.text-8xl {
-  font-size: 6rem;
-  line-height: 1;
-}.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}.font-bold {
-  font-weight: 700;
-}.font-medium {
-  font-weight: 500;
-}.font-normal {
-  font-weight: 400;
-}.font-semibold {
-  font-weight: 600;
-}.uppercase {
-  text-transform: uppercase;
-}.lowercase {
-  text-transform: lowercase;
-}.leading {
-  line-height: normal;
-}.leading-auto {
-  line-height: 1.2;
-}.leading-none {
-  line-height: 1;
-}.leading-normal {
-  line-height: 1.5;
-}.text-blue-500 {
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}.text-color {
-  color: var(--text-color);
-}.text-color-secondary {
-  color: var(--text-color-secondary);
-}.text-gray-900 {
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}.text-green-500 {
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
-}.text-green-600 {
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
-}.text-help {
-  color: var(--purple-400);
-}.text-indigo-200 {
-  --tw-text-opacity: 1;
-  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
-}.text-indigo-500 {
-  --tw-text-opacity: 1;
-  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
-}.text-info {
-  color: var(--blue-400);
-}.text-primary {
-  color: var(--primary-color);
-}.text-primary-50 {
-  color: var(--primary-50);
-}.text-primary-500 {
-  color: var(--primary-500);
-}.text-primary-700 {
-  color: var(--primary-700);
-}.text-red-500 {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}.text-slate-500 {
-  --tw-text-opacity: 1;
-  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
-}.text-white {
-  color: var(--white-100);
-}.text-yellow-500 {
-  --tw-text-opacity: 1;
-  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
-}.line-through {
-  text-decoration-line: line-through;
-}.no-underline {
-  text-decoration-line: none;
-}.antialiased {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}.opacity-20 {
-  opacity: 0.2;
-}.shadow {
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}.outline {
-  outline-style: solid;
-}.outline-color {
-  outline-color: var(--text-color);
-}.blur {
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.grayscale {
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.backdrop-filter {
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.duration-300 {
-  transition-duration: 300ms;
-}.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}.title-h1 {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h2 {
-  font-size: 1.5rem;
-  line-height: 2rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h3 {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h4 {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h5 {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h6 {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.subtitle-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}.subtitle-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}.subtitle-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}.subtitle-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}.subtitle-sm-secondary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}.subtitle-sm-primary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}.caption {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.caption-secondary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.caption-primary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.caption-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.caption-secondary-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.caption-primary-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.service-danger-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}.service-danger-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}.service-warning-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}.service-warning-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}.service-success-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}.service-success-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}.service-info-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.service-info-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.service-help-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.service-help-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.anchor-base:hover {
-  text-decoration-line: underline;
-}.anchor-base:visited {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-base:visited:hover {
-  text-decoration-line: underline;
-}.anchor-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.anchor-sm:hover {
-  text-decoration-line: underline;
-}.anchor-sm:visited {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-sm:visited:hover {
-  text-decoration-line: underline;
-}:root{--emerald-0: color-mix(in srgb, color-mix(in srgb, #29C075, #fff 76%), #000 80%);--emerald-50: color-mix(in srgb, #29C075, #fff 95%);--emerald-100: color-mix(in srgb, #29C075, #fff 76%);--emerald-200: color-mix(in srgb, #29C075, #fff 57%);--emerald-300: color-mix(in srgb, #29C075, #fff 38%);--emerald-400: color-mix(in srgb, #29C075, #fff 19%);--emerald-500: color-mix(in srgb, #29C075, #fff 0%);--emerald-600: color-mix(in srgb, #29C075, #000 15%);--emerald-700: color-mix(in srgb, #29C075, #000 30%);--emerald-800: color-mix(in srgb, #29C075, #000 45%);--emerald-900: color-mix(in srgb, #29C075, #000 60%);--emerald-alpha: color-mix(in srgb, #29C075 10%, transparent);--citrine-0: color-mix(in srgb, color-mix(in srgb, #FA8606, #fff 76%), #000 80%);--citrine-50: color-mix(in srgb, #FA8606, #fff 95%);--citrine-100: color-mix(in srgb, #FA8606, #fff 76%);--citrine-200: color-mix(in srgb, #FA8606, #fff 57%);--citrine-300: color-mix(in srgb, #FA8606, #fff 38%);--citrine-400: color-mix(in srgb, #FA8606, #fff 19%);--citrine-500: color-mix(in srgb, #FA8606, #fff 0%);--citrine-600: color-mix(in srgb, #FA8606, #000 15%);--citrine-700: color-mix(in srgb, #FA8606, #000 30%);--citrine-800: color-mix(in srgb, #FA8606, #000 45%);--citrine-900: color-mix(in srgb, #FA8606, #000 60%);--citrine-alpha: color-mix(in srgb, #FA8606 10%, transparent);--aquamarine-0: color-mix(in srgb, color-mix(in srgb, #14B8A6, #fff 76%), #000 80%);--aquamarine-50: color-mix(in srgb, #14B8A6, #fff 95%);--aquamarine-100: color-mix(in srgb, #14B8A6, #fff 76%);--aquamarine-200: color-mix(in srgb, #14B8A6, #fff 57%);--aquamarine-300: color-mix(in srgb, #14B8A6, #fff 38%);--aquamarine-400: color-mix(in srgb, #14B8A6, #fff 19%);--aquamarine-500: color-mix(in srgb, #14B8A6, #fff 0%);--aquamarine-600: color-mix(in srgb, #14B8A6, #000 15%);--aquamarine-700: color-mix(in srgb, #14B8A6, #000 30%);--aquamarine-800: color-mix(in srgb, #14B8A6, #000 45%);--aquamarine-900: color-mix(in srgb, #14B8A6, #000 60%);--aquamarine-alpha: color-mix(in srgb, #14B8A6 10%, transparent);--amethyst-0: color-mix(in srgb, color-mix(in srgb, #7254F3, #fff 76%), #000 80%);--amethyst-50: color-mix(in srgb, #7254F3, #fff 95%);--amethyst-100: color-mix(in srgb, #7254F3, #fff 76%);--amethyst-200: color-mix(in srgb, #7254F3, #fff 57%);--amethyst-300: color-mix(in srgb, #7254F3, #fff 38%);--amethyst-400: color-mix(in srgb, #7254F3, #fff 19%);--amethyst-500: color-mix(in srgb, #7254F3, #fff 0%);--amethyst-600: color-mix(in srgb, #7254F3, #000 15%);--amethyst-700: color-mix(in srgb, #7254F3, #000 30%);--amethyst-800: color-mix(in srgb, #7254F3, #000 45%);--amethyst-900: color-mix(in srgb, #7254F3, #000 60%);--amethyst-alpha: color-mix(in srgb, #7254F3 10%, transparent);--purple-0: color-mix(in srgb, color-mix(in srgb, #9757D7, #fff 76%), #000 80%);--purple-50: color-mix(in srgb, #9757D7, #fff 95%);--purple-100: color-mix(in srgb, #9757D7, #fff 76%);--purple-200: color-mix(in srgb, #9757D7, #fff 57%);--purple-300: color-mix(in srgb, #9757D7, #fff 38%);--purple-400: color-mix(in srgb, #9757D7, #fff 19%);--purple-500: color-mix(in srgb, #9757D7, #fff 0%);--purple-600: color-mix(in srgb, #9757D7, #000 15%);--purple-700: color-mix(in srgb, #9757D7, #000 30%);--purple-800: color-mix(in srgb, #9757D7, #000 45%);--purple-900: color-mix(in srgb, #9757D7, #000 60%);--purple-alpha: color-mix(in srgb, #9757D7 10%, transparent);--blue-0: color-mix(in srgb, color-mix(in srgb, #1F8CEB, #fff 76%), #000 80%);--blue-50: color-mix(in srgb, #1F8CEB, #fff 95%);--blue-100: color-mix(in srgb, #1F8CEB, #fff 76%);--blue-200: color-mix(in srgb, #1F8CEB, #fff 57%);--blue-300: color-mix(in srgb, #1F8CEB, #fff 38%);--blue-400: color-mix(in srgb, #1F8CEB, #fff 19%);--blue-500: color-mix(in srgb, #1F8CEB, #fff 0%);--blue-600: color-mix(in srgb, #1F8CEB, #000 15%);--blue-700: color-mix(in srgb, #1F8CEB, #000 30%);--blue-800: color-mix(in srgb, #1F8CEB, #000 45%);--blue-900: color-mix(in srgb, #1F8CEB, #000 60%);--blue-alpha: color-mix(in srgb, #1F8CEB 10%, transparent);--green-0: color-mix(in srgb, color-mix(in srgb, #45B24E, #fff 76%), #000 80%);--green-50: color-mix(in srgb, #45B24E, #fff 95%);--green-100: color-mix(in srgb, #45B24E, #fff 76%);--green-200: color-mix(in srgb, #45B24E, #fff 57%);--green-300: color-mix(in srgb, #45B24E, #fff 38%);--green-400: color-mix(in srgb, #45B24E, #fff 19%);--green-500: color-mix(in srgb, #45B24E, #fff 0%);--green-600: color-mix(in srgb, #45B24E, #000 15%);--green-700: color-mix(in srgb, #45B24E, #000 30%);--green-800: color-mix(in srgb, #45B24E, #000 45%);--green-900: color-mix(in srgb, #45B24E, #000 60%);--green-alpha: color-mix(in srgb, #45B24E 10%, transparent);--orange-0: color-mix(in srgb, color-mix(in srgb, #FFA100, #fff 76%), #000 80%);--orange-50: color-mix(in srgb, #FFA100, #fff 95%);--orange-100: color-mix(in srgb, #FFA100, #fff 76%);--orange-200: color-mix(in srgb, #FFA100, #fff 57%);--orange-300: color-mix(in srgb, #FFA100, #fff 38%);--orange-400: color-mix(in srgb, #FFA100, #fff 19%);--orange-500: color-mix(in srgb, #FFA100, #fff 0%);--orange-600: color-mix(in srgb, #FFA100, #000 15%);--orange-700: color-mix(in srgb, #FFA100, #000 30%);--orange-800: color-mix(in srgb, #FFA100, #000 45%);--orange-900: color-mix(in srgb, #FFA100, #000 60%);--orange-alpha: color-mix(in srgb, #FFA100 10%, transparent);--red-0: color-mix(in srgb, color-mix(in srgb, #DB4C3F, #fff 76%), #000 80%);--red-50: color-mix(in srgb, #DB4C3F, #fff 95%);--red-100: color-mix(in srgb, #DB4C3F, #fff 76%);--red-200: color-mix(in srgb, #DB4C3F, #fff 57%);--red-300: color-mix(in srgb, #DB4C3F, #fff 38%);--red-400: color-mix(in srgb, #DB4C3F, #fff 19%);--red-500: color-mix(in srgb, #DB4C3F, #fff 0%);--red-600: color-mix(in srgb, #DB4C3F, #000 15%);--red-700: color-mix(in srgb, #DB4C3F, #000 30%);--red-800: color-mix(in srgb, #DB4C3F, #000 45%);--red-900: color-mix(in srgb, #DB4C3F, #000 60%);--red-alpha: color-mix(in srgb, #DB4C3F 10%, transparent);--gray-0: color-mix(in srgb, color-mix(in srgb, #ABAAA9, #fff 76%), #000 80%);--gray-50: color-mix(in srgb, #ABAAA9, #fff 95%);--gray-100: color-mix(in srgb, #ABAAA9, #fff 76%);--gray-200: color-mix(in srgb, #ABAAA9, #fff 57%);--gray-300: color-mix(in srgb, #ABAAA9, #fff 38%);--gray-400: color-mix(in srgb, #ABAAA9, #fff 19%);--gray-500: color-mix(in srgb, #ABAAA9, #fff 0%);--gray-600: color-mix(in srgb, #ABAAA9, #000 15%);--gray-700: color-mix(in srgb, #ABAAA9, #000 30%);--gray-800: color-mix(in srgb, #ABAAA9, #000 45%);--gray-900: color-mix(in srgb, #ABAAA9, #000 60%);--gray-alpha: color-mix(in srgb, #ABAAA9 10%, transparent);--black-10: color-mix(in srgb, #000 10%, transparent) ;--black-20: color-mix(in srgb, #000 20%, transparent) ;--black-30: color-mix(in srgb, #000 30%, transparent) ;--black-40: color-mix(in srgb, #000 40%, transparent) ;--black-50: color-mix(in srgb, #000 50%, transparent) ;--black-60: color-mix(in srgb, #000 60%, transparent) ;--black-70: color-mix(in srgb, #000 70%, transparent) ;--black-80: color-mix(in srgb, #000 80%, transparent) ;--black-90: color-mix(in srgb, #000 90%, transparent) ;--black-100: color-mix(in srgb, #000 100%, transparent) ;--white-10: color-mix(in srgb, #fff 10%, transparent) ;--white-20: color-mix(in srgb, #fff 20%, transparent) ;--white-30: color-mix(in srgb, #fff 30%, transparent) ;--white-40: color-mix(in srgb, #fff 40%, transparent) ;--white-50: color-mix(in srgb, #fff 50%, transparent) ;--white-60: color-mix(in srgb, #fff 60%, transparent) ;--white-70: color-mix(in srgb, #fff 70%, transparent) ;--white-80: color-mix(in srgb, #fff 80%, transparent) ;--white-90: color-mix(in srgb, #fff 90%, transparent) ;--white-100: color-mix(in srgb, #fff 100%, transparent) ;--font-family: Roboto, Inter, Helvetica, Arial, sans-serif;--text-color: var(--white-100);--text-color-secondary: var(--white-80);--primary-color: var(--amethyst-300);--primary-color-text: var(--black-80);--primary-0: var(--amethyst-0);--primary-900: var(--amethyst-900);--primary-800: var(--amethyst-800);--primary-700: var(--amethyst-700);--primary-600: var(--amethyst-600);--primary-500: var(--amethyst-500);--primary-400: var(--amethyst-400);--primary-300: var(--amethyst-300);--primary-200: var(--amethyst-200);--primary-100: var(--amethyst-100);--primary-50: var(--amethyst-50);--primary-alpha: var(--amethyst-alpha);--surface-0: var(--gray-50);--surface-50: var(--gray-0);--surface-100: var(--gray-900);--surface-200: var(--gray-800);--surface-300: var(--gray-700);--surface-400: var(--gray-600);--surface-500: var(--gray-600);--surface-600: var(--gray-400);--surface-700: var(--gray-300);--surface-800: var(--gray-200);--surface-900: var(--gray-100);--content-padding: 1rem;--inline-spacing: 0.5rem;--border-radius: 0.5rem;--surface-ground: #1c1b22;--surface-section: var(--gray-alpha);--surface-card: #1c1b22;--surface-overlay: var(--black-40);--surface-border: var(--gray-900);--surface-hover: var(--gray-800);--focus-ring: 0 0 0 0.25rem var(--amethyst-800);--maskbg: var(--black-40);--highlight-bg: var(--amethyst-300);--highlight-text-color: var(--black-80);color-scheme:dark}@media only screen and (min-resolution: 100dpi)and (max-resolution: 199dpi){html,body{font-size:12px}}@media only screen and (min-resolution: 200dpi)and (max-resolution: 499dpi){html,body{font-size:14px}}@media only screen and (min-resolution: 500dpi){html,body{font-size:16px}}*{box-sizing:border-box}html{font-size:14px;font-family:var(--font-family)}::selection{color:var(--black-80);background-color:var(--amethyst-300)}.p-component{font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;font-weight:normal}.p-component-overlay{background-color:var(--black-40);transition-duration:.2s;padding:.5rem}.p-disabled,.p-component:disabled{pointer-events:all;cursor:not-allowed;opacity:.6;filter:grayscale(1)}.p-placeholder{opacity:.6}.p-error{color:var(--red-400)}.p-text-secondary{color:var(--white-80)}.p-icon{width:1rem;height:1rem}.p-link{font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;border-radius:.5rem}.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-component-overlay-enter{animation:p-component-overlay-enter-animation 150ms forwards}.p-component-overlay-leave{animation:p-component-overlay-leave-animation 150ms forwards}@keyframes p-component-overlay-enter-animation{from{background-color:rgba(0,0,0,0)}to{background-color:var(--maskbg)}}@keyframes p-component-overlay-leave-animation{from{background-color:var(--maskbg)}to{background-color:rgba(0,0,0,0)}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background-color:var(--white-20);border-radius:4.5px}::-webkit-scrollbar-track{background-color:rgba(0,0,0,.0001)}::-webkit-scrollbar-track:hover{background-color:var(--gray-800)}p-autocomplete.ng-dirty.ng-invalid>.p-autocomplete>.p-inputtext,p-calendar.ng-dirty.ng-invalid>.p-calendar>.p-inputtext,p-cascadeselect.ng-dirty.ng-invalid>.p-cascadeselect,p-checkbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box,p-tristatecheckbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box,p-chips.ng-dirty.ng-invalid>.p-chips>.p-inputtext,p-dropdown.ng-dirty.ng-invalid>.p-dropdown,p-inputmask.ng-dirty.ng-invalid>.p-inputtext,p-inputnumber.ng-dirty.ng-invalid>.p-inputnumber>.p-inputtext,p-inputswitch.ng-dirty.ng-invalid>.p-inputswitch>.p-inputswitch-slider,.p-inputtext.ng-dirty.ng-invalid,p-listbox.ng-dirty.ng-invalid>.p-listbox,p-multiselect.ng-dirty.ng-invalid>.p-multiselect,p-password.ng-invalid.ng-dirty>.p-password>.p-inputtext,p-radiobutton.ng-dirty.ng-invalid>.p-radiobutton>.p-radiobutton-box,p-selectbutton.ng-dirty.ng-invalid>.p-selectbutton>.p-button,p-togglebutton.ng-dirty.ng-invalid>.p-togglebutton.p-button,p-treeselect.ng-invalid.ng-dirty>.p-treeselect{border-color:var(--red-400) !important;box-shadow:0 0 0 .25rem var(--red-800) !important}.p-progress-spinner-circle{stroke:var(--amethyst-300)}.p-overflow-hidden{overflow:hidden;padding-right:var(--scrollbar-width)}@layer primeng{.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type=button],input[type=submit],input[type=reset],input[type=file]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:rgba(0,0,0,0);margin:0;padding:0;border:none;cursor:pointer;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:inline-flex}.p-icon{display:inline-block}.p-icon-spin{animation:p-icon-spin 2s infinite linear}}@keyframes p-icon-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.p-togglebutton.p-button.p-highlight.p-disabled,.p-button.p-button-help.p-disabled,.p-button-group.p-button-help>.p-button.p-disabled,.p-splitbutton.p-button-help>.p-button.p-disabled,.p-fileupload-choose.p-button-help.p-disabled,.p-button.p-button-info.p-disabled,.p-button-group.p-button-info>.p-button.p-disabled,.p-splitbutton.p-button-info>.p-button.p-disabled,.p-fileupload-choose.p-button-info.p-disabled,.p-button.p-button-success.p-disabled,.p-button-group.p-button-success>.p-button.p-disabled,.p-splitbutton.p-button-success>.p-button.p-disabled,.p-fileupload-choose.p-button-success.p-disabled,.p-button.p-button-warning.p-disabled,.p-button-group.p-button-warning>.p-button.p-disabled,.p-splitbutton.p-button-warning>.p-button.p-disabled,.p-fileupload-choose.p-button-warning.p-disabled,.p-button.p-button-danger.p-disabled,.p-button-group.p-button-danger>.p-button.p-disabled,.p-splitbutton.p-button-danger>.p-button.p-disabled,.p-fileupload-choose.p-button-danger.p-disabled,.p-button.p-disabled{color:var(--white-80);background-color:var(--white-20);border-color:var(--gray-900)}.p-button{height:2.5rem;display:flex;gap:.5rem;font-size:1rem;font-weight:700;color:var(--black-80);border:1px solid rgba(0,0,0,.0001);border-radius:.5rem;padding:0rem 1rem;background:var(--amethyst-300);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-button .p-button-label{transition-duration:.2s}.p-button .p-button-icon{font-size:1.25rem}.p-button.p-button-rounded{border-radius:100px}.p-button.p-button-icon-only{flex-shrink:0;width:2.5rem;padding:0}.p-button.p-button-icon-only:after{display:none}.p-button.p-button-icon-only .p-button-label{display:none}.p-button.p-button-sm{height:2rem;font-size:.875rem;padding:0 .75rem}.p-button.p-button-sm .p-button-icon{font-size:1rem}.p-button.p-button-sm.p-button-icon-only{width:2rem;padding:0}.p-button.p-button-lg{gap:.75rem;height:3.5rem;font-size:1.25rem;padding:0 1.5rem}.p-button.p-button-lg .p-button-icon{font-size:1.5rem}.p-button.p-button-lg.p-button-icon-only{width:3.5rem;padding:0}.p-button:not(.p-disabled):hover{background:var(--amethyst-200);color:var(--black-80);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button:not(.p-disabled):active{background:var(--amethyst-300);color:var(--black-80);border-color:rgba(0,0,0,0);box-shadow:none}.p-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}p-button[size=xlarge] .p-button{gap:.75rem;height:4rem;font-size:1.75rem;padding:0 1.5rem}p-button[size=xlarge] .p-button .p-button-icon{font-size:2rem}p-button[size=xlarge] .p-button.p-button-icon-only{width:4rem;padding:0}.p-button-outlined{background:rgba(0,0,0,.0001);color:var(--amethyst-300);border-color:var(--amethyst-800)}.p-button-outlined:not(.p-disabled):hover{background:rgba(0,0,0,.0001);color:var(--amethyst-300);border-color:var(--amethyst-300);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button-outlined:not(.p-disabled):active{background:rgba(0,0,0,.0001);color:var(--amethyst-300);border-color:var(--amethyst-800);box-shadow:none}.p-button-text{background-color:#1c1b22;color:var(--amethyst-300)}.p-button-text:not(.p-disabled):hover{background:var(--amethyst-alpha);color:var(--amethyst-300);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button-text:not(.p-disabled):active{background:#1c1b22;color:var(--amethyst-300);border-color:rgba(0,0,0,0);box-shadow:none}.p-button-group{display:flex}.p-fluid .p-button:not(.p-button-icon-only){width:100%}.p-fluid .p-button-group .p-button:not(.p-button-icon-only){flex:1}.p-button.p-button-danger,.p-button-group.p-button-danger>.p-button,.p-splitbutton.p-button-danger>.p-button,.p-fileupload-choose.p-button-danger{color:var(--black-80);background:var(--red-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-danger:not(.p-disabled):hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-danger:not(.p-disabled):hover{background:var(--red-300);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-danger:not(.p-disabled):active,.p-button-group.p-button-danger>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-danger:not(.p-disabled):active{background:var(--red-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-danger:not(.p-disabled).p-button-outlined,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--red-400);border-color:var(--red-800)}.p-button.p-button-danger:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-danger:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--red-400);border-color:var(--red-800);box-shadow:none}.p-button.p-button-danger:not(.p-disabled).p-button-text,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--red-400)}.p-button.p-button-danger:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:hover{background:var(--red-alpha);color:var(--red-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-danger:not(.p-disabled).p-button-text:active,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:active{background:rgba(0,0,0,.0001);color:var(--red-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-warning,.p-button-group.p-button-warning>.p-button,.p-splitbutton.p-button-warning>.p-button,.p-fileupload-choose.p-button-warning{color:var(--black-80);background:var(--orange-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-warning:not(.p-disabled):hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-warning:not(.p-disabled):hover{background:var(--orange-300);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-warning:not(.p-disabled):active,.p-button-group.p-button-warning>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-warning:not(.p-disabled):active{background:var(--orange-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-warning:not(.p-disabled).p-button-outlined,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--orange-400);border-color:var(--orange-800)}.p-button.p-button-warning:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-warning:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--orange-400);border-color:var(--orange-800);box-shadow:none}.p-button.p-button-warning:not(.p-disabled).p-button-text,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--orange-400)}.p-button.p-button-warning:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:hover{background:var(--orange-alpha);color:var(--orange-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-warning:not(.p-disabled).p-button-text:active,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:active{background:#1c1b22;color:var(--orange-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-success,.p-button-group.p-button-success>.p-button,.p-splitbutton.p-button-success>.p-button,.p-fileupload-choose.p-button-success{color:var(--black-80);background:var(--green-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-success:not(.p-disabled):hover,.p-button-group.p-button-success>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-success:not(.p-disabled):hover{background:var(--green-300);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-success:not(.p-disabled):active,.p-button-group.p-button-success>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-success:not(.p-disabled):active{background:var(--green-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-success:not(.p-disabled).p-button-outlined,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--green-400);border-color:var(--green-900)}.p-button.p-button-success:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-success:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--green-400);border-color:var(--green-900);box-shadow:none}.p-button.p-button-success:not(.p-disabled).p-button-text,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--green-400)}.p-button.p-button-success:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:hover{background:var(--green-alpha);color:var(--green-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-success:not(.p-disabled).p-button-text:active,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:active{background:#1c1b22;color:var(--green-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-info,.p-button-group.p-button-info>.p-button,.p-splitbutton.p-button-info>.p-button,.p-fileupload-choose.p-button-info{color:var(--black-80);background:var(--blue-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-info:not(.p-disabled):hover,.p-button-group.p-button-info>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-info:not(.p-disabled):hover{background:var(--blue-500);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-info:not(.p-disabled):active,.p-button-group.p-button-info>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-info:not(.p-disabled):active{background:var(--blue-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-info:not(.p-disabled).p-button-outlined,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--blue-400);border-color:var(--blue-800)}.p-button.p-button-info:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-info:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--blue-400);border-color:var(--blue-800);box-shadow:none}.p-button.p-button-info:not(.p-disabled).p-button-text,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--blue-400)}.p-button.p-button-info:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:hover{background:var(--blue-alpha);color:var(--blue-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-info:not(.p-disabled).p-button-text:active,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:active{background:#1c1b22;color:var(--blue-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-help,.p-button-group.p-button-help>.p-button,.p-splitbutton.p-button-help>.p-button,.p-fileupload-choose.p-button-help{color:var(--black-80);background:var(--purple-400);border-color:rgba(0,0,0,.0001)}.p-button.p-button-help:not(.p-disabled):hover,.p-button-group.p-button-help>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-help:not(.p-disabled):hover{background:var(--purple-500);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-help:not(.p-disabled):active,.p-button-group.p-button-help>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-help:not(.p-disabled):active{background:var(--purple-400);color:var(--black-80);border-color:rgba(0,0,0,.0001);box-shadow:none}.p-button.p-button-help:not(.p-disabled).p-button-outlined,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined{background-color:rgba(0,0,0,.0001);color:var(--purple-400);border-color:var(--purple-800)}.p-button.p-button-help:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:hover{background:rgba(0,0,0,.0001);color:var(--purple-400);border-color:var(--purple-400);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-help:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:active{background:rgba(0,0,0,.0001);color:var(--purple-400);border-color:var(--purple-800);box-shadow:none}.p-button.p-button-help:not(.p-disabled).p-button-text,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text{background-color:#1c1b22;color:var(--purple-400)}.p-button.p-button-help:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:hover{background:var(--purple-alpha);color:var(--purple-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-button.p-button-help:not(.p-disabled).p-button-text:active,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:active{background:#1c1b22;color:var(--purple-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-inputtext{min-height:2.5rem;line-height:2.5rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--white-100);background:#1c1b22;padding:0rem .75rem;border:1px solid var(--gray-900);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;appearance:none;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-inputtext:enabled:hover{border-color:var(--amethyst-300)}.p-inputtext:enabled:focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-inputtext.p-invalid.p-component,.p-inputtext.ng-invalid.ng-touched{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-inputtext:disabled,.p-inputtext.p-disabled{background:var(--white-20)}.p-float-label>label{left:.75rem;color:var(--white-80);transition-duration:.2s}.p-float-label>.p-invalid+label{color:var(--red-400)}.p-icon-field-left>.p-inputtext{padding-left:2.5rem}.p-icon-field-left.p-float-label>label{left:2.5rem}.p-icon-field-right>.p-inputtext{padding-right:2.5rem}::-webkit-input-placeholder{color:var(--white-80);opacity:.6}:-moz-placeholder{color:var(--white-80);opacity:.6}::-moz-placeholder{color:var(--white-80);opacity:.6}:-ms-input-placeholder{color:var(--white-80);opacity:.6}.p-inputtext-lg{min-height:3.5rem;line-height:3.5rem}.p-inputtextarea{padding:.75rem;line-height:normal}.p-icon-field .p-inputtextarea-icon.p-input-icon{top:unset;margin-top:.5rem}.p-inputotp{display:flex;align-items:center;gap:.5rem}.p-inputotp.error .p-inputotp-input{border-color:var(--red-400)}.p-inputotp-input{font-size:1.5rem;text-align:center;width:2.5rem;border:none;border-bottom:1px solid var(--gray-900);border-radius:0;background:rgba(0,0,0,0)}.p-inputotp-input:disabled,.p-inputotp-input.p-disabled{background:rgba(0,0,0,0)}.p-inputotp-input:enabled:focus{box-shadow:none}.p-listbox-list-wrapper{overflow:auto}.p-listbox-list{list-style-type:none;margin:0;padding:0}.p-listbox-item{cursor:pointer;overflow:hidden;position:relative;color:var(--white-80);margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.0001);border-radius:.5rem;transition:.2s}.p-listbox-item:first-child{margin-top:0}.p-listbox-item:last-child{margin-bottom:0}.p-listbox-item.p-highlight{color:var(--black-80);background:var(--amethyst-300)}.p-listbox-item:not(.p-highlight).p-disabled{color:var(--white-80);border-color:var(--gray-900);background:var(--white-20)}.p-listbox-item.p-disabled{cursor:not-allowed;opacity:.6;background:var(--amethyst-300) !important;color:var(--black-80) !important;mix-blend-mode:luminosity;border:1px solid rgba(0,0,0,.0001)}.p-listbox-item.p-disabled:has(.p-checkbox){background:var(--white-20);color:var(--white-80)}.p-listbox-item .p-checkbox{margin-right:.5rem}.p-listbox-item:has(.p-checkbox){background:#1c1b22;color:var(--white-80)}.p-listbox-item:has(.p-checkbox):hover{background:#000}.p-listbox-item-group{cursor:auto}.p-listbox-filter-container{position:relative}.p-listbox-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-listbox-filter{width:100%}.p-listbox{background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-listbox .p-listbox-header{padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.0001);color:var(--white-80);background:rgba(0,0,0,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-listbox .p-listbox-header .p-checkbox{margin-right:.5rem}.p-listbox .p-listbox-header .p-checkbox .p-checkbox-box.p-disabled{background:#1c1b22}.p-listbox .p-listbox-header .p-listbox-filter{padding-right:1.75rem}.p-listbox .p-listbox-header .p-listbox-filter-icon{right:.75rem;color:var(--white-100)}.p-listbox .p-listbox-header .p-disabled+.p-listbox-filter-icon{opacity:.6}.p-listbox .p-listbox-list{padding:.25rem;outline:0 none}.p-listbox .p-listbox-list .p-listbox-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001);font-weight:bold}.p-listbox .p-listbox-list .p-listbox-empty-message{text-align:center;color:var(--white-80);padding:.75rem;background:rgba(0,0,0,.0001)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight.p-focus{border:1px solid rgba(0,0,0,.0001);background:var(--amethyst-300);box-shadow:0 0 0 .25rem var(--amethyst-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:hover{background:var(--amethyst-200)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox).p-focus{border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);box-shadow:0 0 0 .25rem var(--amethyst-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover{color:var(--white-100);background:var(--gray-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover.p-focus{color:var(--white-100);background:var(--gray-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus{border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);box-shadow:0 0 0 .25rem var(--amethyst-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover{color:var(--white-100);background:var(--gray-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus{color:var(--white-100);background:var(--gray-800)}.p-listbox.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-listbox.p-invalid{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-listbox.p-disabled *.p-disabled{opacity:1}.p-listbox.p-disabled .p-listbox-filter-icon{display:none}.p-listbox.p-disabled .p-listbox-filter.p-inputtext{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49967 2.83335C7.03555 2.83335 6.59043 3.01773 6.26224 3.34592C5.93405 3.67411 5.74967 4.11922 5.74967 4.58335V6.33335H9.24967V4.58335C9.24967 4.11922 9.0653 3.67411 8.73711 3.34592C8.40892 3.01773 7.9638 2.83335 7.49967 2.83335ZM10.4163 6.33335V4.58335C10.4163 3.80981 10.1091 3.06794 9.56207 2.52096C9.01509 1.97398 8.27322 1.66669 7.49967 1.66669C6.72613 1.66669 5.98426 1.97398 5.43728 2.52096C4.8903 3.06794 4.58301 3.80981 4.58301 4.58335V6.33335C4.11888 6.33335 3.67376 6.51773 3.34557 6.84592C3.01738 7.17411 2.83301 7.61922 2.83301 8.08335V11.5834C2.83301 12.0475 3.01738 12.4926 3.34557 12.8208C3.67376 13.149 4.11888 13.3334 4.58301 13.3334H10.4163C10.8805 13.3334 11.3256 13.149 11.6538 12.8208C11.982 12.4926 12.1663 12.0475 12.1663 11.5834V8.08335C12.1663 7.61922 11.982 7.17411 11.6538 6.84592C11.3256 6.51773 10.8805 6.33335 10.4163 6.33335ZM4.58301 7.50002C4.4283 7.50002 4.27993 7.56148 4.17053 7.67087C4.06113 7.78027 3.99967 7.92864 3.99967 8.08335V11.5834C3.99967 11.7381 4.06113 11.8864 4.17053 11.9958C4.27993 12.1052 4.4283 12.1667 4.58301 12.1667H10.4163C10.5711 12.1667 10.7194 12.1052 10.8288 11.9958C10.9382 11.8864 10.9997 11.7381 10.9997 11.5834V8.08335C10.9997 7.92864 10.9382 7.78027 10.8288 7.67087C10.7194 7.56148 10.5711 7.50002 10.4163 7.50002H4.58301ZM6.67472 9.0084C6.89351 8.7896 7.19026 8.66669 7.49967 8.66669C7.80909 8.66669 8.10584 8.7896 8.32463 9.0084C8.54342 9.22719 8.66634 9.52393 8.66634 9.83335C8.66634 10.1428 8.54343 10.4395 8.32463 10.6583C8.10584 10.8771 7.80909 11 7.49967 11C7.19026 11 6.89351 10.8771 6.67472 10.6583C6.45592 10.4395 6.33301 10.1428 6.33301 9.83335C6.33301 9.52393 6.45592 9.22719 6.67472 9.0084Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat}.p-listbox.p-disabled .p-listbox-item{background:var(--white-20);color:var(--white-80)}.p-dropdown{display:inline-flex;cursor:pointer;position:relative;user-select:none}.p-dropdown.p-disabled{cursor:not-allowed;color:var(--white-80);border-color:var(--gray-900);background:var(--white-20)}.p-dropdown-clear-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-dropdown-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-dropdown-label{height:min-content;margin:auto 0;display:block;white-space:nowrap;overflow:hidden;flex:1 1 auto;width:1%;text-overflow:ellipsis;cursor:pointer}.p-dropdown-label-empty{overflow:hidden;opacity:0}input.p-dropdown-label{cursor:default}.p-dropdown .p-dropdown-panel{min-width:100%}.p-dropdown-panel{position:absolute;top:0;left:0}.p-dropdown-items-wrapper{overflow:auto}.p-dropdown-item{cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;font-weight:normal;color:var(--white-80);white-space:nowrap;margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.0001);border-radius:.5rem;background:rgba(0,0,0,.0001);transition:.2s}.p-dropdown-item:first-child{margin-top:0}.p-dropdown-item:last-child{margin-bottom:0}.p-dropdown-item.p-highlight{color:var(--black-80);background:var(--amethyst-300)}.p-dropdown-item.p-highlight:hover{background:var(--amethyst-200)}.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover{color:var(--white-100);background:var(--gray-800)}.p-dropdown-item:not(.p-highlight).p-disabled{color:var(--white-80);border-color:var(--gray-900);background:var(--white-20)}.p-dropdown-item.p-disabled{cursor:not-allowed}.p-dropdown-item .p-dropdown-check-icon{position:relative;margin-left:-0.5rem;margin-right:.5rem}.p-dropdown-item-group{cursor:auto}.p-dropdown-items{margin:0;padding:0;list-style-type:none}.p-dropdown-filter{width:100%}.p-dropdown-filter-container{position:relative}.p-dropdown-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-dropdown{display:flex}.p-fluid .p-dropdown .p-dropdown-label{width:1%}.p-dropdown{background:#1c1b22;border:1px solid var(--gray-900);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-dropdown:not(.p-disabled):hover{border-color:var(--amethyst-300)}.p-dropdown:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-dropdown.p-dropdown-clearable .p-dropdown-label{padding-right:1.75rem}.p-dropdown .p-dropdown-label{background:rgba(0,0,0,0);border:0 none}.p-dropdown .p-dropdown-label.p-placeholder{color:var(--white-80)}.p-dropdown .p-dropdown-label:focus,.p-dropdown .p-dropdown-label:enabled:focus{outline:0 none;box-shadow:none}.p-dropdown .p-dropdown-trigger{background:rgba(0,0,0,0);color:var(--white-100);width:2.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-dropdown .p-dropdown-clear-icon{color:var(--white-100);right:2.5rem}.p-dropdown.p-invalid.p-component{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-dropdown-panel{background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem;margin-top:.25rem;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-dropdown-panel .p-dropdown-header{padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.0001);color:var(--white-80);background:rgba(0,0,0,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter{padding-right:1.75rem;margin-right:-1.75rem}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon{right:.75rem;color:var(--white-100)}.p-dropdown-panel .p-dropdown-items{padding:.25rem}.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001);font-weight:bold}.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{color:var(--white-80);text-align:center;padding:.5rem .75rem;background:rgba(0,0,0,.0001)}.p-multiselect{cursor:pointer;display:inline-flex;align-items:center;user-select:none}.p-multiselect-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-multiselect-label-container{cursor:pointer;overflow:hidden;height:min-content;display:flex;flex:1 1 auto;align-items:center}.p-multiselect-clearable .p-multiselect-label-container{padding-right:1.75rem}.p-multiselect-clearable .p-multiselect-clear-icon{right:2.5rem}.p-multiselect-label{display:block;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.p-multiselect-label-empty{overflow:hidden;visibility:hidden}.p-multiselect-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem;margin-right:.25rem}.p-multiselect-token-icon{cursor:pointer}.p-multiselect .p-multiselect-panel{min-width:100%}.p-multiselect-items-wrapper{overflow:auto}.p-multiselect-items{margin:0;padding:0;list-style-type:none}.p-multiselect-item{cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;font-weight:normal;color:var(--white-80);white-space:nowrap;margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.0001);border-radius:.5rem;background:rgba(0,0,0,.0001);transition:.2s}.p-multiselect-item:not(.p-disabled):hover,.p-multiselect-item:not(.p-disabled).p-focus{color:var(--white-100);background:var(--gray-800)}.p-multiselect-item:not(.p-highlight).p-disabled{color:var(--white-80);border-color:var(--gray-900);background:var(--white-20)}.p-multiselect-item.p-disabled{cursor:not-allowed}.p-multiselect-item .p-checkbox{margin-right:.5rem}.p-multiselect-item-group{cursor:auto}.p-multiselect-header{display:flex;align-items:center;justify-content:space-between}.p-multiselect-filter-container{position:relative;flex:1 1 auto}.p-multiselect-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-multiselect-filter-container .p-inputtext{width:100%}.p-multiselect-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;margin-left:auto}.p-fluid .p-multiselect{display:flex}.p-multiselect{background:#1c1b22;border:1px solid var(--gray-900);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-multiselect.p-disabled{cursor:not-allowed;background-color:var(--white-20)}.p-multiselect:not(.p-disabled):hover{border-color:var(--amethyst-300)}.p-multiselect:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-multiselect .p-multiselect-label{color:var(--white-100);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-multiselect .p-multiselect-label.p-placeholder{color:var(--white-80);padding:0rem .75rem;padding-left:.5rem}.p-multiselect:not(.p-multiselect-chip) .p-multiselect-label{padding:0rem .75rem;line-height:2.5rem}.p-multiselect.p-multiselect-chip{min-height:2.5rem;padding:.25rem}.p-multiselect.p-multiselect-chip .p-multiselect-token{padding:0rem .5rem;background:var(--white-20);color:var(--white-100);border-radius:.25rem}.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon{margin-left:.5rem}.p-multiselect .p-multiselect-trigger{background:rgba(0,0,0,0);color:var(--white-100);width:2.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-multiselect.p-invalid.p-component{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-multiselect-panel{background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40);margin-top:.25rem}.p-multiselect-panel .p-multiselect-header{padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.0001);color:var(--white-80);background:rgba(0,0,0,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem;border:1px solid rgba(0,0,0,0);border-bottom:0}.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext{padding-right:1.75rem}.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon{right:.75rem;color:var(--white-100)}.p-multiselect-panel .p-multiselect-header .p-checkbox{margin-right:.5rem}.p-multiselect-panel .p-multiselect-header .p-multiselect-close{margin-left:.5rem;width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-multiselect-panel .p-multiselect-header .p-multiselect-close.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-multiselect-panel .p-multiselect-items{padding:.25rem}.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001);font-weight:bold}.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message{padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001)}.p-password .p-icon-wrapper{right:.75rem;top:50%;cursor:pointer;fill:var(--white-100)}.p-password.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-password .p-input-icon{cursor:pointer;color:var(--white-100);right:.75rem}.p-password.p-disabled{opacity:1}.p-password.p-disabled .p-input-icon{opacity:.6}.p-input-icon-right input{padding-right:2.5rem}.p-icon-field .p-password-icon.p-input-icon{right:.75rem;top:20% !important}.p-password-input{width:100%;height:100%;display:flex;min-height:2.5rem;padding:0 .75rem;align-items:center}.text-feedback{display:inline-flex;align-items:flex-start}.text-feedback .ti{position:relative;bottom:1px}.text-feedback--default{color:var(--white-100)}.text-feedback--default .ti{color:var(--gray-900)}.text-feedback--success{color:var(--green-400)}.text-feedback--error{color:var(--red-400)}.p-password-panel{color:var(--white-80);padding:.75rem;margin-top:.25rem;border:1px solid var(--gray-900);border-radius:.5rem;background:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-password-panel .p-password-meter{overflow:hidden;height:.5rem;border-radius:1rem;margin-bottom:.5rem;background:var(--white-20)}.p-password-panel .p-password-meter .p-password-strength.weak{background:var(--red-400)}.p-password-panel .p-password-meter .p-password-strength.medium{background:var(--orange-400)}.p-password-panel .p-password-meter .p-password-strength.strong{background:var(--green-400)}.p-inputgroup-addon{background:#1c1b22;color:var(--white-80);border-top:1px solid var(--gray-900);border-left:1px solid var(--gray-900);border-bottom:1px solid var(--gray-900);padding:0rem .75rem;min-width:2.5rem}.p-inputgroup-addon:last-child{border-right:1px solid var(--gray-900)}.p-inputgroup-addon.p-disabled{background-color:var(--white-20);color:var(--white-80)}.p-inputgroup>.p-component,.p-inputgroup>.p-inputwrapper>.p-inputtext,.p-inputgroup>.p-float-label>.p-component{border-radius:0;margin:0}.p-inputgroup>.p-component+.p-inputgroup-addon,.p-inputgroup>.p-inputwrapper>.p-inputtext+.p-inputgroup-addon,.p-inputgroup>.p-float-label>.p-component+.p-inputgroup-addon{border-left:0 none}.p-inputgroup>.p-component:focus,.p-inputgroup>.p-inputwrapper>.p-inputtext:focus,.p-inputgroup>.p-float-label>.p-component:focus{z-index:1}.p-inputgroup>.p-component:focus~label,.p-inputgroup>.p-inputwrapper>.p-inputtext:focus~label,.p-inputgroup>.p-float-label>.p-component:focus~label{z-index:1}.p-inputgroup-addon:first-child,.p-inputgroup button:first-child,.p-inputgroup input:first-child,.p-inputgroup>.p-inputwrapper:first-child,.p-inputgroup>.p-inputwrapper:first-child>.p-inputtext{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-inputgroup .p-float-label:first-child input{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-inputgroup-addon:last-child,.p-inputgroup button:last-child,.p-inputgroup input:last-child,.p-inputgroup>.p-inputwrapper:last-child,.p-inputgroup>.p-inputwrapper:last-child>.p-inputtext{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-inputgroup .p-float-label:last-child input{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-inputgroup .p-button{height:auto;width:auto}.p-inputgroup .p-button.p-button-icon-only{width:2.5rem}.p-icon-field{position:relative}.p-icon-field .p-input-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-inputnumber.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}p-inputnumber.ng-invalid.ng-touched>.p-inputnumber>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}p-inputnumber[ng-reflect-is-disabled=true] .p-inputnumber-button{background:var(--white-20)}.p-inputnumber-button{color:var(--white-100);border-color:var(--gray-900);background-color:#1c1b22}.p-inputnumber-button .p-button-icon{font-size:1rem}.p-inputnumber-button:hover{box-shadow:none !important}.p-inputnumber-buttons-horizontal .p-inputnumber-button-down{border-top-right-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-button-up{border-top-left-radius:0;border-bottom-left-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-input{border-radius:0;border-left-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0);z-index:1}.p-inputnumber-buttons-horizontal .p-inputnumber-button-down,.p-inputnumber-buttons-horizontal .p-inputnumber-button-up{height:100%}.p-inputnumber-buttons-vertical .p-inputnumber-button-down{border-top-left-radius:0;border-top-right-radius:0}.p-inputnumber-buttons-vertical .p-inputnumber-button-up{border-bottom-left-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-vertical .p-inputnumber-input{border-radius:0;border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);z-index:1}.p-inputnumber-buttons-vertical .p-inputnumber-button-down,.p-inputnumber-buttons-vertical .p-inputnumber-button-up{width:100%}.p-fluid .p-icon-field-left,.p-fluid .p-icon-field-right{width:100%}.p-icon-field-left .p-input-icon:first-of-type{left:.75rem;color:var(--white-100)}.p-icon-field-right .p-input-icon:last-of-type{right:.75rem;color:var(--white-100)}.p-checkbox{position:relative;display:inline-flex;user-select:none;vertical-align:bottom}.p-checkbox-input{appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;cursor:pointer}.p-checkbox-box{display:flex;justify-content:center;align-items:center}.p-checkbox{width:1.5rem;height:1.5rem}.p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon{display:none}.p-checkbox.p-checkbox-checked .p-checkbox-box::after{content:"";width:1rem;height:1rem;transition-duration:.2s;color:var(--black-80);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.p-checkbox .p-checkbox-input{border:1px solid var(--gray-900);border-radius:.25rem}.p-checkbox .p-checkbox-box{border:1px solid var(--gray-900);background:#1c1b22;width:1.5rem;height:1.5rem;color:var(--white-100);border-radius:.25rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-checkbox .p-checkbox-box.p-highlight{border-color:var(--amethyst-300);background:var(--amethyst-300)}.p-checkbox .p-checkbox-box:not(.p-disabled):hover{border-color:var(--amethyst-300)}.p-checkbox .p-checkbox-box:not(.p-disabled):hover.p-highlight{border-color:var(--amethyst-200);background:var(--amethyst-200);color:var(--black-80)}.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-checkbox .p-checkbox-box.p-disabled{background:var(--white-20)}.p-checkbox .p-checkbox-box .p-checkbox-icon{transition-duration:.2s;color:var(--black-80);font-size:1rem}.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon{width:1rem;height:1rem}p-checkbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-highlight .p-checkbox .p-checkbox-box{border-color:var(--amethyst-300)}.p-radiobutton{position:relative;display:inline-flex;user-select:none;vertical-align:bottom}.p-radiobutton-input{cursor:pointer}.p-radiobutton-box{display:flex;justify-content:center;align-items:center;transition:all}.p-radiobutton-box:hover{border:1px solid var(--amethyst-200) !important}.p-radiobutton-box.p-highlight{box-sizing:border-box;background:var(--amethyst-200) !important}.p-radiobutton-box.p-highlight .p-radiobutton-icon{mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.25%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center;background:var(--black-80);width:1.5rem;height:1.5rem;mask-composite:exclude}p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box{box-shadow:0 0 0 .25rem var(--red-800)}p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box:hover{border:1px solid var(--red-400) !important}.p-radiobutton-box.p-focus{box-shadow:0px 0px 0px 3.5px var(--amethyst-800)}.p-radiobutton{width:1.5rem;height:1.5rem}.p-radiobutton .p-radiobutton-input{appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;border:1px solid var(--gray-900);border-radius:50%}.p-radiobutton .p-radiobutton-box{border:1px solid var(--gray-900);background:#1c1b22;width:1.5rem;height:1.5rem;color:var(--white-100);border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-radiobutton.p-disabled .p-radiobutton-box{background:var(--white-20)}.p-radiobutton.p-highlight .p-radiobutton-box{border-color:var(--amethyst-300);background:var(--amethyst-300)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box{border-color:var(--amethyst-300)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box{border-color:var(--amethyst-200);background:var(--amethyst-200)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-radiobutton.p-invalid>.p-radiobutton-box{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-highlight .p-radiobutton .p-radiobutton-box{border-color:var(--black-80)}.p-inputswitch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.p-inputswitch-slider:before{position:absolute;content:"";top:50%}.p-inputswitch{position:relative;display:inline-block;width:2.5rem;height:1.5rem;border-radius:100px}.p-inputswitch .p-inputswitch-slider{background:var(--gray-700);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:100px;outline-color:rgba(0,0,0,0)}.p-inputswitch .p-inputswitch-slider:before{background:#1c1b22;width:1rem;height:1rem;left:.25rem;margin-top:-0.5rem;border-radius:100px;transition-duration:.2s}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:var(--amethyst-300)}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{background:#1c1b22;transform:translateX(1rem)}.p-inputswitch:not(.p-disabled) .p-inputswitch-slider:hover{background-color:var(--amethyst-200)}.p-inputswitch:not(.p-disabled).p-focus,.p-inputswitch:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}p-inputswitch:not(.p-disabled).p-element.ng-dirty.ng-invalid .p-inputswitch-slider,p-inputswitch:not(.p-disabled).p-element.ng-touched.ng-invalid .p-inputswitch-slider{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-selectbutton{display:flex;height:min-content;gap:.25rem;padding:.25rem;background-color:var(--white-20);border-radius:.5rem}.p-selectbutton .p-button{flex-grow:1;background:rgba(0,0,0,.0001);border:1px solid trasparent;border-radius:.25rem;color:var(--white-80);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-selectbutton .p-button .p-button-icon-left,.p-selectbutton .p-button .p-button-icon-right{color:var(--white-80)}.p-selectbutton .p-button.p-disabled{background:rgba(0,0,0,0);pointer-events:none}.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover{background:#1c1b22;border-color:rgba(0,0,0,.0001);color:var(--white-100)}.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right{color:var(--white-100)}.p-selectbutton .p-button:not(.p-disabled).p-highlight{background:#1c1b22;border-color:rgba(0,0,0,.0001);color:var(--amethyst-300)}.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-right{color:var(--amethyst-300)}.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover{background:#1c1b22;border-color:rgba(0,0,0,.0001);color:var(--white-100)}.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-right{color:var(--white-100)}.p-selectbutton.p-invalid>.p-button{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-togglebutton.p-button.p-highlight.p-disabled,.p-button.p-disabled,.p-button.p-button-danger.p-disabled,.p-button-group.p-button-danger>.p-button.p-disabled,.p-splitbutton.p-button-danger>.p-button.p-disabled,.p-fileupload-choose.p-button-danger.p-disabled,.p-button.p-button-warning.p-disabled,.p-button-group.p-button-warning>.p-button.p-disabled,.p-splitbutton.p-button-warning>.p-button.p-disabled,.p-fileupload-choose.p-button-warning.p-disabled,.p-button.p-button-success.p-disabled,.p-button-group.p-button-success>.p-button.p-disabled,.p-splitbutton.p-button-success>.p-button.p-disabled,.p-fileupload-choose.p-button-success.p-disabled,.p-button.p-button-info.p-disabled,.p-button-group.p-button-info>.p-button.p-disabled,.p-splitbutton.p-button-info>.p-button.p-disabled,.p-fileupload-choose.p-button-info.p-disabled,.p-button.p-button-help.p-disabled,.p-button-group.p-button-help>.p-button.p-disabled,.p-splitbutton.p-button-help>.p-button.p-disabled,.p-fileupload-choose.p-button-help.p-disabled{color:var(--white-80);background-color:var(--white-20);border-color:var(--gray-900)}.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-left,.p-button.p-disabled .p-button-icon-left,.p-button-group.p-button-danger>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-danger>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-left,.p-button-group.p-button-warning>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-warning>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-left,.p-button-group.p-button-success>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-success>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-left,.p-button-group.p-button-info>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-info>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-left,.p-button-group.p-button-help>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-help>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-left,.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-right,.p-button.p-disabled .p-button-icon-right,.p-button-group.p-button-danger>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-danger>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-right,.p-button-group.p-button-warning>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-warning>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-right,.p-button-group.p-button-success>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-success>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-right,.p-button-group.p-button-info>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-info>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-right,.p-button-group.p-button-help>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-help>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-right{color:var(--white-80) !important}.p-togglebutton.p-button{background:var(--white-20);border:1px solid trasparent;color:var(--white-80);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0);border-radius:100px}.p-togglebutton.p-button:not(.p-disabled):hover{background:var(--amethyst-alpha);color:var(--amethyst-300);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40);box-shadow:none}.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-left,.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-right{color:var(--amethyst-300)}.p-togglebutton.p-button:not(.p-disabled):focus-visible{box-shadow:0 0 0 3.5px var(--amethyst-800)}.p-togglebutton.p-button .p-button-icon-left,.p-togglebutton.p-button .p-button-icon-right{color:var(--white-80)}.p-togglebutton.p-button.p-highlight{background:var(--amethyst-300);border-color:rgba(0,0,0,.0001);color:var(--black-80)}.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover{background:var(--amethyst-200);color:var(--black-80);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-40);box-shadow:none}.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left,.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-right{color:var(--black-80)}.p-togglebutton.p-button.p-highlight:not(.p-disabled):focus-visible{box-shadow:0 0 0 3.5px var(--amethyst-800)}.p-togglebutton.p-button.p-highlight .p-button-icon-left,.p-togglebutton.p-button.p-highlight .p-button-icon-right{color:var(--black-80)}.p-chips{display:inline-flex;height:min-content}.p-disabled .p-chips-multiple-container{background-color:var(--white-20)}.p-chips-multiple-container{outline-color:rgba(0,0,0,0);cursor:text;overflow:hidden;height:min-content;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;list-style-type:none}.p-chips-multiple-container:has(.p-chips-token){padding:.25rem}.p-chips-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem}.p-chips-input-token{flex:1 1 auto;display:inline-flex}.p-chips-token-icon{cursor:pointer}.p-chips-input-token input{border:0 none;outline:0 none;background-color:rgba(0,0,0,0);margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-chips{display:flex}.p-chips:not(.p-disabled):hover .p-chips-multiple-container{border-color:var(--amethyst-300)}.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-chips .p-chips-multiple-container .p-chips-token{padding:0rem .5rem;background:var(--white-20);color:var(--white-100);border-radius:.25rem}.p-chips .p-chips-multiple-container .p-chips-token.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon{margin-left:.5rem}.p-chips .p-chips-multiple-container .p-chips-token+.p-chips-input-token{padding:0 .5rem}.p-chips .p-chips-multiple-container .p-chips-input-token{padding:0rem 0}.p-chips .p-chips-multiple-container .p-chips-input-token input{height:1.75rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--white-100);margin:0}.p-chips.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-slider{background:var(--white-20);border:none;border-radius:.5rem}.p-slider.p-slider-horizontal{height:.25rem;margin-top:.5rem;margin-bottom:.5rem}.p-slider.p-slider-horizontal .p-slider-handle{margin-top:-0.625rem;margin-left:-0.625rem}.p-slider.p-slider-vertical{width:.25rem;margin-top:.5rem;margin-bottom:.5rem}.p-slider.p-slider-vertical .p-slider-handle{margin-left:-0.625rem;margin-bottom:-0.625rem}.p-slider .p-slider-handle{height:1.25rem;width:1.25rem;background:var(--amethyst-300);border:none;border-radius:1rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-slider .p-slider-handle:focus{background:var(--amethyst-200);box-shadow:none}.p-slider .p-slider-range{background:var(--amethyst-300);border-radius:.5rem}.p-slider:not(.p-disabled) .p-slider-handle:hover{background:var(--amethyst-200);border-color:rgba(0,0,0,.0001)}.p-rating{position:relative;display:flex;align-items:center}.p-rating-item{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.p-rating.p-readonly .p-rating-item{cursor:default}.p-rating{gap:.5rem}.p-rating .p-rating-item{outline-color:rgba(0,0,0,0);border-radius:50%}.p-rating .p-rating-item .p-rating-icon{color:var(--white-80);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;font-size:1.25rem}.p-rating .p-rating-item .p-rating-icon.p-icon{width:1.25rem;height:1.25rem}.p-rating .p-rating-item .p-rating-icon.p-rating-cancel{color:var(--white-80)}.p-rating .p-rating-item:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-rating .p-rating-item.p-rating-item-active .p-rating-icon{color:var(--orange-400)}.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon{color:var(--orange-500)}.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel{color:var(--white-100)}.p-calendar.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-datepicker{margin-top:.25rem;padding:.75rem;background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem}.p-datepicker:not(.p-datepicker-inline){background:#1c1b22;border:1px solid var(--gray-900);box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header{background:rgba(0,0,0,.0001)}.p-datepicker .p-datepicker-header{padding:0 0 .5rem;color:var(--white-80);background:#1c1b22;font-weight:bold;margin:0rem;border-bottom:none;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-datepicker .p-datepicker-header .p-datepicker-prev,.p-datepicker .p-datepicker-header .p-datepicker-next{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border:1px solid rgba(0,0,0,0)}.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled{border:1px solid var(--gray-900);color:var(--white-80);background:var(--white-20);border-color:var(--gray-900)}.p-datepicker .p-datepicker-header .p-datepicker-title{line-height:2rem;display:flex;gap:.5rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select{display:inline-flex;cursor:pointer;position:relative;user-select:none;background:#1c1b22;border:1px solid var(--gray-900);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0);min-height:2.5rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select:focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{color:var(--white-80);transition:background-color .2s,color .2s,box-shadow .2s;font-weight:bold;padding:.25rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover{color:var(--amethyst-300)}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{margin-right:.5rem}.p-datepicker table{font-size:1rem;margin:0rem}.p-datepicker table th{padding:.25rem}.p-datepicker table th>span{width:2rem;height:2rem}.p-datepicker table td{padding:.25rem}.p-datepicker table td>span{width:2rem;height:2rem;border-radius:.5rem;transition:.2s;border:1px solid rgba(0,0,0,.0001)}.p-datepicker table td>span.p-highlight{color:var(--black-80);background:var(--amethyst-300)}.p-datepicker table td>span:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-datepicker table td.p-datepicker-today>span{color:var(--white-80);font-weight:700;border-color:var(--gray-800);background:rgba(0,0,0,.0001)}.p-datepicker table td.p-datepicker-today>span:not(.p-disabled):hover{color:var(--white-100)}.p-datepicker table td.p-datepicker-today>span.p-highlight{color:var(--black-80);background:var(--amethyst-300)}.p-datepicker .p-datepicker-buttonbar{padding:0rem 0 0}.p-datepicker .p-datepicker-buttonbar .p-button{width:auto}.p-datepicker .p-timepicker{border-top:1px solid var(--gray-900);padding:String value}.p-datepicker .p-timepicker button{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-datepicker .p-timepicker button:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-datepicker .p-timepicker button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-datepicker .p-timepicker button.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-datepicker .p-timepicker span{font-size:1.25rem}.p-datepicker .p-timepicker>div{padding:String value}.p-datepicker .p-hour-picker,.p-datepicker .p-minute-picker{gap:.25rem}.p-datepicker.p-datepicker-timeonly .p-timepicker{border-top:0 none}.p-datepicker .p-monthpicker{margin:0rem}.p-datepicker .p-monthpicker .p-monthpicker-month{padding:.25rem;transition:.2s;border-radius:.5rem}.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight{color:var(--black-80);background:var(--amethyst-300)}.p-datepicker .p-yearpicker{margin:0rem}.p-datepicker .p-yearpicker .p-yearpicker-year{padding:.25rem;transition:.2s;border-radius:.5rem}.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight{color:var(--black-80);background:var(--amethyst-300)}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group{border-left:1px solid var(--gray-900);padding-right:.75rem;padding-left:.75rem;padding-top:0;padding-bottom:0}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child{padding-left:0;border-left:0 none}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child{padding-right:0}.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover{color:var(--white-100);background:var(--gray-800)}.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-datepicker:not(.p-disabled) table td span.p-highlight:hover{background:var(--amethyst-200)}.p-datepicker:not(.p-disabled) .p-monthpicker{display:flex;flex-wrap:wrap;gap:.25rem}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month{flex-basis:32.3%;width:100%}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover{color:var(--white-100);background:var(--gray-800)}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled).p-highlight:hover{background:var(--amethyst-200)}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-datepicker:not(.p-disabled) .p-yearpicker{display:flex;flex-wrap:wrap;gap:.25rem}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year{flex-basis:32.3%;width:100%}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover{color:var(--white-100);background:var(--gray-800)}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled).p-highlight:hover{background:var(--amethyst-200)}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-autocomplete{display:inline-flex;height:min-content}.p-autocomplete .p-autocomplete-loader{right:.75rem;color:var(--white-100)}.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader{right:3.25rem}.p-autocomplete-multiple-container{outline-color:rgba(0,0,0,0);cursor:text;overflow:hidden;height:min-content;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;list-style-type:none}.p-autocomplete-multiple-container:has(.p-autocomplete-token){padding:.25rem}.p-autocomplete-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem}.p-autocomplete-input-token{flex:1 1 auto;display:inline-flex}.p-autocomplete-token-icon{cursor:pointer}.p-autocomplete-input-token input{border:0 none;outline:0 none;background-color:rgba(0,0,0,0);margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-autocomplete{display:flex}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover{border-color:var(--amethyst-300)}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-autocomplete .p-autocomplete-multiple-container.p-disabled{cursor:not-allowed;background-color:var(--white-20)}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token{padding:0rem .5rem;background:var(--white-20);color:var(--white-100);border-radius:.25rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon{margin-left:.5rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token+.p-autocomplete-input-token{padding:0 .5rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token{padding:0rem 0}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input{height:1.75rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--white-100);margin:0}.p-autocomplete.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-800)}.p-autocomplete-panel{background:#1c1b22;color:var(--white-80);border:1px solid var(--gray-900);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40);margin-top:.25rem}.p-autocomplete-panel .p-autocomplete-items{padding:.25rem}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item{margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.0001);color:var(--white-80);background:rgba(0,0,0,.0001);transition:.2s;border-radius:.5rem}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-of-type{margin-top:0}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-of-type{margin-bottom:0}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover{color:var(--white-100);background:var(--gray-800)}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight{color:var(--black-80);background:var(--amethyst-300)}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--white-80);background:rgba(0,0,0,.0001);font-weight:bold}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message{text-align:center;padding:.5rem .75rem}.p-autocomplete-dd .p-autocomplete-input{flex:1 1 auto;width:1%}.p-autocomplete-dd .p-autocomplete-dropdown{display:none}.autocomplete-dropdown-container:hover .p-inputtext:enabled{border-color:var(--amethyst-300)}.autocomplete-dropdown-trigger{position:absolute;right:0;top:0;height:100%;width:2.5rem;display:flex;align-items:center;justify-content:center}.p-autocomplete-clear-icon{position:absolute;top:50%;margin-top:-0.5rem;cursor:pointer}.p-autocomplete-clearable{position:relative}.p-autocomplete-clearable .p-autocomplete-clear-icon{right:.75rem}.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon{right:2.5rem}.p-tabview .p-tabview-nav{background:rgba(0,0,0,.0001);border-bottom:1px solid var(--gray-900);gap:1.5rem}.p-tabview .p-tabview-nav li .p-tabview-nav-link{border-bottom:.25rem solid rgba(0,0,0,.0001);border-color:rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);color:var(--white-80);padding:1rem 0rem;font-weight:normal;transition:.2s;margin:0}.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:rgba(0,0,0,.0001);border-color:rgba(0,0,0,.0001);color:var(--amethyst-300)}.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:rgba(0,0,0,.0001);border-color:var(--amethyst-300);color:var(--amethyst-300)}.p-tabview .p-tabview-close{margin-left:.5rem}.p-tabview .p-tabview-nav-btn.p-link{background:#1c1b22;color:var(--white-80);width:2.5rem;box-shadow:0px 0px 10px 50px var(--white-60);border-radius:0}.p-tabview .p-tabview-nav-btn.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-tabview .p-tabview-nav-btn.p-link:hover{color:var(--amethyst-300)}.p-tabview .p-tabview-panels{background:rgba(0,0,0,.0001);padding:1rem 0rem;border:none;color:var(--white-80);border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-divider{border-color:var(--gray-900)}.p-divider .p-divider-content{background-color:#1c1b22;color:var(--white-80);text-transform:uppercase}.p-divider.p-divider-horizontal{margin:1rem 0rem;padding:0rem 1rem}.p-divider.p-divider-horizontal .p-divider-content{padding:0 .5rem}.p-divider.p-divider-horizontal:before{border-top-width:1px;border-top-color:var(--gray-900)}.p-divider.p-divider-horizontal.p-divider-dash:before{border-top-style:dashed}.p-divider.p-divider-vertical{margin:0rem 1rem;padding:1rem 0rem}.p-divider.p-divider-vertical .p-divider-content{padding:.5rem 0}.p-divider.p-divider-vertical:before{border-left-width:1px;border-left-color:var(--gray-900)}.p-divider.p-divider-vertical.p-divider-dash:before{border-left-style:dashed}.p-scrollpanel .p-scrollpanel-bar{background:var(--white-20);border:0 none;border-radius:.5rem}.p-scrollpanel .p-scrollpanel-bar:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-accordion .p-accordion-header .p-accordion-header-link{display:flex;flex-direction:row;align-items:center;color:var(--white-80);font-weight:700;padding:1rem 0rem;border-top:1px solid var(--gray-900);background:rgba(0,0,0,.0001);transition:.2s;gap:.5rem}.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon{font-size:1.25rem}.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link{background:rgba(0,0,0,.0001);border-color:var(--gray-900);color:var(--white-100)}.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link{background:rgba(0,0,0,.0001);border-color:var(--gray-900);color:var(--white-100)}.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link{border-color:var(--gray-900);background:rgba(0,0,0,.0001);color:var(--white-100)}.p-accordion .p-accordion-content{padding:0rem 0rem 1rem 1.75rem;border-bottom:none;background:rgba(0,0,0,.0001);color:var(--white-100)}.p-accordion .p-accordion-tab{margin-bottom:0rem}.p-accordion .p-accordion-tab:first-child .p-accordion-header-link{border-top:none}.p-accordion .p-accordion-tab .p-accordion-content .p-accordion-header-link{border-top:1px solid var(--gray-900)}.p-stepper .p-stepper-nav{display:flex;gap:.5rem;justify-content:space-between;margin:0;padding:0;list-style-type:none;overflow:hidden;overflow-x:auto}.p-stepper .p-stepper-header{position:relative;display:flex;flex:1 1 auto;align-items:center;padding:.5rem 0}.p-stepper .p-stepper-header.p-disabled{opacity:1;cursor:initial}.p-stepper .p-stepper-header.p-disabled .p-stepper-action{opacity:.6}.p-stepper .p-stepper-header:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-stepper .p-stepper-header.p-highlight .p-stepper-title{color:var(--white-100)}.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-separator{background-color:var(--amethyst-300)}.p-stepper .p-stepper-header.p-highlight .p-stepper-number,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-number{color:var(--black-80);background-color:var(--amethyst-300);border-color:rgba(0,0,0,0)}.p-stepper .p-stepper-header.p-highlight .p-stepper-icon,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-icon{color:var(--amethyst-300)}.p-stepper .p-stepper-header.p-highlight .p-stepper-action.p-danger .p-stepper-number,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-action.p-danger .p-stepper-number{color:var(--black-80);background-color:var(--red-400)}.p-stepper p-stepperheader .p-stepper-action{display:inline-flex;align-items:center;flex-grow:0;transition:.2s;border-radius:.5rem;background:#1c1b22;outline-color:rgba(0,0,0,0);padding:0}.p-stepper p-stepperheader .p-stepper-action:hover{cursor:pointer}.p-stepper p-stepperheader .p-stepper-action:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-stepper p-stepperheader .p-stepper-action .p-stepper-number{display:flex;align-items:center;justify-content:center;font-weight:500;color:var(--white-100);border:1px solid var(--gray-900);background:#1c1b22;min-width:1.5rem;height:1.5rem;line-height:1;font-size:1rem;border-radius:8rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-left:.5rem;color:var(--white-100);font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
-  line-height: 1;margin-left:.5rem;
-}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper .p-stepper-title{margin-left:0}.p-stepper p-stepperheader .p-stepper-action .p-stepper-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.5rem;
-  line-height: 2rem;
-  line-height: 1;min-width:1.5rem;height:1.5rem;
-}.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-number,.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-icon{color:var(--red-400)}.p-stepper .p-stepper-panels{background:rgba(0,0,0,.0001);padding:1rem 0rem;color:var(--white-80)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-number,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-number{color:var(--black-80);background-color:var(--amethyst-300);border-color:rgba(0,0,0,0)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-icon,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-icon{color:var(--amethyst-300)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-action.p-danger .p-stepper-number,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-action.p-danger .p-stepper-number{color:var(--black-80);background-color:var(--red-400)}.p-stepper .p-stepper-separator{background-color:var(--gray-900);width:100%;height:1px;margin-inline-start:.5rem;transition:.2s}.p-stepper.no-line .p-stepper-separator{background-color:rgba(0,0,0,0) !important}.p-stepper.p-stepper-vertical{display:flex;flex-direction:column}.p-stepper.p-stepper-vertical .p-stepper-toggleable-content{display:flex;flex:1 1 auto;background:rgba(0,0,0,.0001);color:var(--white-80)}.p-stepper.p-stepper-vertical .p-stepper-panel{display:flex;flex-direction:column;flex:initial}.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active{flex:1 1 auto}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header{flex:initial}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content{width:100%;padding-left:1rem}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator{flex:0 0 auto;width:2px;height:auto;margin-inline-start:calc(1.75rem + 2px)}.p-stepper.p-stepper-vertical .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-separator{background-color:var(--amethyst-300)}.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content{padding-left:3rem}.p-card{overflow:hidden;color:var(--white-100);font-size:1rem;border-radius:.5rem;border:1px solid var(--gray-900);background:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-card.p-card-no-shadow{box-shadow:none}.p-card .p-card-body{padding:1rem}.p-card .p-card-title{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.p-card .p-card-subtitle{font-size:.875rem;font-weight:400;color:var(--white-80)}.p-card .p-card-content{padding:1rem 0 0}.p-card .p-card-footer{padding:1rem 0 0}.p-tooltip .p-tooltip-text{background:var(--gray-200);color:#1c1b22;padding:.5rem 1rem;box-shadow:0 .25rem .25rem 0 var(--black-40);border-radius:.5rem}.p-tooltip-arrow{border-color:rgba(0,0,0,0)}.p-tooltip-right .p-tooltip-arrow,.p-tooltip-left .p-tooltip-arrow{margin-top:-0.25rem}.p-tooltip-top .p-tooltip-arrow,.p-tooltip-bottom .p-tooltip-arrow{margin-left:-0.25rem}.p-tooltip-right .p-tooltip-arrow{border-width:.25em .25em .25em 0;border-right-color:var(--gray-200)}.p-tooltip-left .p-tooltip-arrow{border-width:.25em 0 .25em .25rem;border-left-color:var(--gray-200)}.p-tooltip-top .p-tooltip-arrow{border-width:.25em .25em 0;border-top-color:var(--gray-200)}.p-tooltip-bottom .p-tooltip-arrow{border-width:0 .25em .25rem;border-bottom-color:var(--gray-200)}.p-dialog{border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40);border:1px solid var(--gray-900)}.p-dialog .p-dialog-header{border-bottom:1px solid var(--gray-900);background:#1c1b22;color:var(--white-100);padding:1.5rem 1.5rem 1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-dialog .p-dialog-header .p-dialog-title{font-weight:bold;font-size:1.25rem}.p-dialog .p-dialog-header .p-dialog-header-icon{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin-right:.5rem;box-shadow:none}.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-dialog .p-dialog-header .p-dialog-header-icon.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-dialog .p-dialog-header .p-dialog-header-icon:last-child{margin-right:0}.p-dialog-danger .p-dialog-title::before,.p-dialog-success .p-dialog-title::before,.p-dialog-info .p-dialog-title::before,.p-dialog-warning .p-dialog-title::before,.p-dialog-help .p-dialog-title::before{content:"";display:inline-block;width:1.5rem;height:1.5rem;background-size:contain;margin-right:.5rem;vertical-align:text-bottom}.p-dialog-danger .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM8.13128 8.63128C8.47299 8.28957 9.02701 8.28957 9.36872 8.63128L10.5 9.76256L11.6313 8.63128C11.973 8.28957 12.527 8.28957 12.8687 8.63128C13.2104 8.97299 13.2104 9.52701 12.8687 9.86872L11.7374 11L12.8687 12.1313C13.2104 12.473 13.2104 13.027 12.8687 13.3687C12.527 13.7104 11.973 13.7104 11.6313 13.3687L10.5 12.2374L9.36872 13.3687C9.02701 13.7104 8.47299 13.7104 8.13128 13.3687C7.78957 13.027 7.78957 12.473 8.13128 12.1313L9.26256 11L8.13128 9.86872C7.78957 9.52701 7.78957 8.97299 8.13128 8.63128Z" fill="%23E26E63"/></svg>') no-repeat}.p-dialog-success .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM13.7437 8.63128C14.0854 8.97299 14.0854 9.52701 13.7437 9.86872L10.2437 13.3687C9.90201 13.7104 9.34799 13.7104 9.00628 13.3687L7.25628 11.6187C6.91457 11.277 6.91457 10.723 7.25628 10.3813C7.59799 10.0396 8.15201 10.0396 8.49372 10.3813L9.625 11.5126L12.5063 8.63128C12.848 8.28957 13.402 8.28957 13.7437 8.63128Z" fill="%2368C170"/></svg>') no-repeat}.p-dialog-warning .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.24855 2.2875C9.63056 2.07229 10.0616 1.95923 10.5 1.95923C10.9385 1.95923 11.3695 2.07229 11.7515 2.2875C12.1335 2.5027 12.4536 2.81277 12.6808 3.18777L12.6831 3.19162L19.7759 15.0356L19.7832 15.0481C20.0055 15.4335 20.123 15.8705 20.1241 16.3154C20.1252 16.7604 20.0098 17.1979 19.7895 17.5845C19.5691 17.9711 19.2514 18.2932 18.868 18.519C18.4846 18.7447 18.0487 18.8662 17.6038 18.8714L17.5937 18.8715L3.39659 18.8714C2.95146 18.8664 2.51539 18.7449 2.13176 18.5191C1.74813 18.2933 1.43031 17.9709 1.20992 17.5841C0.98952 17.1974 0.874224 16.7596 0.875499 16.3145C0.876773 15.8693 0.994574 15.4322 1.21718 15.0467L1.22426 15.0347L8.30299 3.21587C8.30825 3.20642 8.31369 3.19705 8.31931 3.18777C8.5465 2.81277 8.86655 2.5027 9.24855 2.2875ZM10.5 3.70923C10.3625 3.70923 10.2273 3.74469 10.1075 3.81219C9.99324 3.87657 9.89665 3.968 9.82613 4.07836C9.82357 4.0828 9.82097 4.08723 9.81833 4.09164L2.72982 15.9268C2.66184 16.0465 2.62589 16.1818 2.62549 16.3195C2.62509 16.4591 2.66126 16.5964 2.73039 16.7177C2.79952 16.839 2.8992 16.9401 3.01953 17.011C3.13871 17.0811 3.27402 17.1192 3.41225 17.1214H17.5877C17.7258 17.1191 17.861 17.0811 17.9801 17.011C18.1004 16.9401 18.2 16.8391 18.2691 16.7178C18.3383 16.5966 18.3745 16.4594 18.3741 16.3198C18.3738 16.1822 18.3379 16.047 18.2701 15.9274L11.1841 4.09457C11.1837 4.09404 11.1834 4.09351 11.1831 4.09298C11.1119 3.97607 11.0119 3.87939 10.8926 3.81219C10.7728 3.74469 10.6376 3.70923 10.5 3.70923ZM10.5001 7.49997C10.9833 7.49997 11.3751 7.89172 11.3751 8.37497V11.875C11.3751 12.3582 10.9833 12.75 10.5001 12.75C10.0168 12.75 9.62506 12.3582 9.62506 11.875V8.37497C9.62506 7.89172 10.0168 7.49997 10.5001 7.49997ZM9.62506 14.5C9.62506 14.0167 10.0168 13.625 10.5001 13.625H10.5088C10.9921 13.625 11.3838 14.0167 11.3838 14.5C11.3838 14.9832 10.9921 15.375 10.5088 15.375H10.5001C10.0168 15.375 9.62506 14.9832 9.62506 14.5Z" fill="%23FFB330"/></svg>') no-repeat}.p-dialog-info .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.625 8.375C9.625 7.89175 10.0168 7.5 10.5 7.5H10.5087C10.992 7.5 11.3837 7.89175 11.3837 8.375C11.3837 8.85825 10.992 9.25 10.5087 9.25H10.5C10.0168 9.25 9.625 8.85825 9.625 8.375ZM8.75 11C8.75 10.5168 9.14175 10.125 9.625 10.125H10.5C10.9832 10.125 11.375 10.5168 11.375 11V13.625C11.8582 13.625 12.25 14.0168 12.25 14.5C12.25 14.9832 11.8582 15.375 11.375 15.375H10.5C10.0168 15.375 9.625 14.9832 9.625 14.5V11.875C9.14175 11.875 8.75 11.4832 8.75 11Z" fill="%2349A2EF"/></svg>') no-repeat}.p-dialog-help .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.99829 7.55089C10.5752 7.43547 11.1741 7.51853 11.6978 7.78656C12.2234 8.05459 12.6434 8.49186 12.89 9.02783C13.1367 9.56409 13.1955 10.1679 13.0568 10.7416C12.9181 11.3154 12.5901 11.8257 12.1257 12.1901C11.6613 12.5545 11.0877 12.7518 10.4974 12.75C10.0141 12.7486 9.62355 12.3556 9.625 11.8724C9.62646 11.3891 10.0194 10.9986 10.5026 11C10.6994 11.0006 10.8906 10.9349 11.0454 10.8134C11.2002 10.6919 11.3096 10.5218 11.3558 10.3306C11.402 10.1393 11.3824 9.93804 11.3002 9.75929C11.2179 9.58053 11.0778 9.43472 10.9025 9.34539L10.9008 9.34452C10.7285 9.25627 10.5314 9.2289 10.3416 9.26688C10.1518 9.30486 9.98043 9.40595 9.85536 9.5537C9.54314 9.92255 8.99103 9.96846 8.62218 9.65624C8.25333 9.34403 8.20742 8.79191 8.51964 8.42306C8.89995 7.97377 9.42109 7.66638 9.99829 7.55089ZM10.5 13.625C10.9832 13.625 11.375 14.0168 11.375 14.5V14.5087C11.375 14.992 10.9832 15.3837 10.5 15.3837C10.0168 15.3837 9.625 14.992 9.625 14.5087V14.5C9.625 14.0168 10.0168 13.625 10.5 13.625Z" fill="%23AB77DF"/></svg>') no-repeat}.p-dialog .p-dialog-content{background:#1c1b22;color:var(--white-100);padding:1.5rem 1.5rem}.p-dialog .p-dialog-content:last-of-type{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer{display:flex;border-top:1px solid rgba(0,0,0,.0001);background:#1c1b22;color:var(--white-80);padding:0rem 1.5rem 1.5rem;text-align:right;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer button{width:auto}.p-dialog .p-confirm-dialog-accept{order:1}.p-dialog .p-confirm-dialog-reject{order:2}.p-dialog.p-dialog-maximized .p-dialog-header,.p-dialog.p-dialog-maximized .p-dialog-content:last-of-type{border-radius:0}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon{font-size:2rem}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon{width:2rem;height:2rem}.p-dialog.p-confirm-dialog .p-dialog-footer{flex-direction:row-reverse;gap:.5rem}.p-dialog.p-confirm-dialog .p-dialog-footer i.none{display:none}.p-overlaypanel{background:#1c1b22;color:var(--white-100);border:1px solid var(--gray-900);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-overlaypanel .p-overlaypanel-content{padding:1rem}.p-overlaypanel .p-overlaypanel-close{background:var(--amethyst-300);color:var(--black-80);width:2rem;height:2rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem;position:absolute;top:-1rem;right:-1rem}.p-overlaypanel .p-overlaypanel-close:enabled:hover{background:var(--amethyst-200);color:var(--black-80)}.p-overlaypanel:after{border:solid rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-bottom-color:#1c1b22;border-width:6px}.p-overlaypanel:before{border:solid rgba(0,0,0,0);border-width:8px;border-color:rgba(0,0,0,0);border-bottom-color:var(--gray-900)}.p-overlaypanel.p-overlaypanel-flipped{margin-top:-7px !important}.p-overlaypanel.p-overlaypanel-flipped:after{border-top-color:#1c1b22;border-bottom-color:rgba(0,0,0,0)}.p-overlaypanel.p-overlaypanel-flipped:before{border-top-color:var(--gray-900);border-bottom-color:rgba(0,0,0,0)}.p-sidebar{color:var(--white-100);border:1px solid var(--gray-900);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-40);background:#1c1b22;margin:.5rem;height:calc(100vh - 1rem) !important}.p-sidebar.p-sidebar-top,.p-sidebar.p-sidebar-full,.p-sidebar.p-sidebar-bottom{width:calc(100vw - 1rem);width:-webkit-fill-available !important}.p-sidebar.p-sidebar-top,.p-sidebar.p-sidebar-bottom{height:auto}.p-sidebar .p-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--gray-900)}.p-sidebar .p-sidebar-header .p-sidebar-close,.p-sidebar .p-sidebar-header .p-sidebar-icon{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-sidebar .p-sidebar-header .p-sidebar-close.p-disabled,.p-sidebar .p-sidebar-header .p-sidebar-icon.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-sidebar .p-sidebar-header>:only-child{margin-left:auto}.p-sidebar .p-sidebar-content{padding:1.5rem 1.5rem}.p-sidebar .p-sidebar-footer{display:flex;align-items:center;gap:.5rem;padding:1.5rem 1.5rem;padding-top:0rem}.p-avatar{height:2rem;width:2rem;color:var(--black-80);font-size:1rem;background-color:var(--amethyst-300);border-radius:.5rem}.p-avatar:not(.p-avatar-image){border:1px solid var(--gray-900)}.p-avatar.p-avatar-image{background:rgba(0,0,0,0);position:relative}.p-avatar.p-avatar-image img{position:relative;object-fit:cover;border-radius:inherit}.p-avatar.p-avatar-image .p-badge{z-index:1}.p-avatar.p-avatar-image::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid var(--gray-900);border-radius:inherit;z-index:1}.p-avatar.p-avatar-lg{width:2.5rem;height:2.5rem;font-size:1rem}.p-avatar.p-avatar-lg .p-avatar-icon{font-size:1rem}.p-avatar.p-avatar-xl{width:3.5rem;height:3.5rem;font-size:1.5rem}.p-avatar.p-avatar-xl .p-avatar-icon{font-size:1.5rem}.p-avatar-circle{border-radius:50%}.p-badge{background:var(--amethyst-300);color:var(--black-80);font-size:.75rem;font-weight:bold;min-width:1.5rem;height:1.5rem;line-height:1.5rem}.p-badge.p-badge-success{background-color:var(--green-400);color:var(--black-80)}.p-badge.p-badge-info{background-color:var(--blue-400);color:var(--black-80)}.p-badge.p-badge-warning{background-color:var(--orange-400);color:var(--black-80)}.p-badge.p-badge-danger{background-color:var(--red-400);color:var(--black-80)}.p-badge.p-badge-dot{width:.5rem;height:.5rem;min-width:auto}.p-tag{height:1.5rem;color:var(--black-80);font-size:.875rem;font-weight:bold;padding:.5rem;border-radius:.5rem;background:var(--amethyst-300)}.p-tag.p-tag-success{background-color:var(--green-400);color:var(--black-80)}.p-tag.p-tag-info{background-color:var(--blue-400);color:var(--black-80)}.p-tag.p-tag-warning{background-color:var(--orange-400);color:var(--black-80)}.p-tag.p-tag-danger{background-color:var(--red-400);color:var(--black-80)}.p-tag.p-tag-rounded{border-radius:100px}.p-tag.p-tag-secondary{background-color:var(--gray-900);color:var(--white-80)}.p-tag .p-tag-icon{margin-right:.25rem;font-size:.875rem}.p-tag .p-tag-icon.p-icon{width:.875rem;height:.875rem}.p-progressbar{border:none;height:1rem;background:var(--white-20);border-radius:.5rem}.p-progressbar .p-progressbar-value{border:0 none;margin:0;background:var(--amethyst-300)}.p-progressbar .p-progressbar-label{color:var(--black-80);line-height:1rem}.p-progress-spinner-circle{animation:p-progress-spinner-dash 1.5s ease-in-out infinite,p-progress-spinner-primary-color 6s ease-in-out infinite}@keyframes p-progress-spinner-primary-color{100%,0%{stroke:var(--primary-color) !important}40%{stroke:var(--primary-color) !important}66%{stroke:var(--primary-color) !important}80%,90%{stroke:var(--primary-color) !important}}.p-metergroup{display:flex;gap:.75rem;flex-direction:column}.p-metergroup .p-metergroup-meter-container{background:var(--white-20);border-radius:.5rem}.p-metergroup .p-metergroup-labels{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style-type:none;gap:1rem;row-gap:.75rem}.p-metergroup .p-metergroup-labels-vertical{gap:.5rem;flex-direction:column}.p-metergroup .p-metergroup-meters{display:flex;background:var(--white-20);border-radius:.5rem;height:.5rem}.p-metergroup .p-metergroup-meter{border:none;background:var(--amethyst-300)}.p-metergroup .p-metergroup-label-list-item{line-height:1rem}.p-metergroup .p-metergroup-label-type{background:var(--amethyst-300);width:.5rem;height:.5rem;border-radius:100%;margin-right:.5rem}.p-metergroup .p-metergroup-label{display:inline-flex;align-items:center;color:var(--black-60);gap:.5rem;font-size:.875rem;line-height:100%}.p-metergroup .p-metergroup-label .p-metergroup-label-marker{width:.5rem;height:.5rem;border-radius:100%;display:inline-flex}.p-metergroup .p-metergroup-label-icon{width:1rem;height:1rem;font-size:1rem}.p-metergroup .p-metergroup-label-list-vertical{gap:.25rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container{height:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start{margin-bottom:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end{margin-top:.5rem}.p-metergroup.p-metergroup-vertical{flex-direction:row}.p-metergroup.p-metergroup-vertical .p-metergroup-meters{width:.5rem;height:100%;flex-direction:column}.p-metergroup.p-metergroup-vertical .p-metergroup-meter{width:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start){margin-left:.5rem}.p-chip{height:1.75rem;color:var(--white-100);border-radius:.25rem;border:1px solid rgba(0,0,0,.0001);padding:0rem .5rem;background-color:var(--white-20);display:inline-flex}.p-chip.p-disabled{color:var(--white-80);border-color:var(--gray-900);background-color:var(--white-20)}.p-chip .p-chip-text{line-height:1.5;margin-top:0rem;margin-bottom:0rem}.p-chip .p-chip-icon{margin-right:.5rem}.p-chip img{width:1.5rem;height:1.5rem;margin-left:-0.75rem;margin-right:.5rem}.p-chip .p-chip-remove-icon{border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin-left:.5rem}.p-chip .p-chip-remove-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-chip .p-chip-remove-icon:focus{outline:0 none}timescircleicon svg{display:none !important}timescircleicon::after{cursor:pointer;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E") no-repeat;height:16px;width:16px;background:var(--white-100);margin-left:.5rem;content:""}.p-skeleton{background:var(--gray-900);border-radius:.5rem}.p-skeleton:after{background:linear-gradient(90deg, var(--gray-900) 0%, var(--gray-900) 40%, var(--gray-900) 75%)}.p-message{overflow:hidden;margin:0rem;border-radius:.5rem}.p-message .p-message-wrapper{padding:1rem;position:relative;display:grid;padding-left:4rem;min-height:4rem}.p-message .p-message-close{width:2rem;height:2rem;border-radius:.5rem;background:rgba(0,0,0,0);transition:background-color .2s,color .2s,box-shadow .2s;position:absolute;top:1rem;right:1rem}.p-message .p-message-close:hover{background:rgba(255,255,255,.5)}.p-message .p-message-close:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-message.p-message-info{background:var(--blue-0);border:1px solid var(--blue-800)}.p-message.p-message-info .p-message-wrapper{border-left:.25rem solid var(--blue-400)}.p-message.p-message-info .p-message-icon{color:var(--blue-400)}.p-message.p-message-info .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--blue-400)}.p-message.p-message-info .p-message-close{color:var(--blue-400);border:1px solid var(--blue-800);background:rgba(0,0,0,0)}.p-message.p-message-info .p-message-close:hover{color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-success{background:var(--green-0);border:1px solid var(--green-900)}.p-message.p-message-success .p-message-wrapper{border-left:.25rem solid var(--green-400)}.p-message.p-message-success .p-message-icon{color:var(--green-400)}.p-message.p-message-success .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--green-400)}.p-message.p-message-success .p-message-close{color:var(--green-400);border:1px solid var(--green-900);background:rgba(0,0,0,0)}.p-message.p-message-success .p-message-close:hover{color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-warn{background:var(--orange-0);border:1px solid var(--orange-800)}.p-message.p-message-warn .p-message-wrapper{border-left:.25rem solid var(--orange-400)}.p-message.p-message-warn .p-message-icon{color:var(--orange-400)}.p-message.p-message-warn .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--orange-400)}.p-message.p-message-warn .p-message-close{color:var(--orange-400);border:1px solid var(--orange-800);background:rgba(0,0,0,0)}.p-message.p-message-warn .p-message-close:hover{color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-error{background:var(--red-0);border:1px solid var(--red-800)}.p-message.p-message-error .p-message-wrapper{border-left:.25rem solid var(--red-400)}.p-message.p-message-error .p-message-icon{color:var(--red-400)}.p-message.p-message-error .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--red-400)}.p-message.p-message-error .p-message-close{color:var(--red-400);border:1px solid var(--red-800);background:rgba(0,0,0,0)}.p-message.p-message-error .p-message-close:hover{color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message .p-message-text{font-size:1rem;font-weight:normal;color:var(--white-100)}.p-message .p-message-icon{font-size:2rem;display:inline;margin-right:.5rem;position:absolute;top:1rem;left:1rem}.p-message .p-message-icon .p-icon-wrapper{display:none}.p-message .p-message-icon.p-icon{width:2rem;height:2rem}.p-message .p-message-summary{font-size:1rem;font-weight:bold;color:var(--white-100);margin-right:.25rem}.p-message .p-message-detail{font-size:.875rem;font-weight:normal;color:var(--white-80);display:block}.p-toast{opacity:1}.p-toast .p-toast-message{overflow:hidden;margin:.25rem;box-shadow:0 .25rem .25rem 0 var(--black-40);border-radius:.5rem}.p-toast .p-toast-message .p-toast-message-content{gap:1rem;padding:1rem;border-left-width:.25rem;border-left-style:solid}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text{margin:0rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon{font-size:2rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon .p-icon-wrapper{display:none}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon{width:2rem;height:2rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-summary{font-weight:bold;font-size:1rem;color:var(--white-100);margin:auto 0}.p-toast .p-toast-message .p-toast-message-content .p-toast-detail{font-weight:normal;font-size:.875rem;color:var(--white-80);margin-top:.25rem}.p-toast .p-toast-message .p-toast-icon-close{width:2rem;height:2rem;border-radius:.5rem;background:#1c1b22;transition:background-color .2s,color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-info{background:var(--blue-0);border:1px solid var(--blue-800)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-content{border-left:.25rem solid var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon{color:var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close{color:var(--blue-400);border:1px solid var(--blue-800);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover{color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-success{background:var(--green-0);border:1px solid var(--green-900)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-content{border-left:.25rem solid var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon{color:var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close{color:var(--green-400);border:1px solid var(--green-900);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover{color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-warn{background:var(--orange-0);border:1px solid var(--orange-800)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-content{border-left:.25rem solid var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon{color:var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close{color:var(--orange-400);border:1px solid var(--orange-800);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover{color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-error{background:var(--red-0);border:1px solid var(--red-800)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-content{border-left:.25rem solid var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon{color:var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close{color:var(--red-400);border:1px solid var(--red-800);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover{color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-40);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-breadcrumb{background:rgba(0,0,0,.0001);border:none;padding:0rem}.p-breadcrumb.none-separator-breadcrum .p-menuitem-separator{opacity:0}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link{transition:.2s;border-radius:.5rem;padding:.25rem}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover{background-color:var(--gray-800)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator{margin:0 .25rem;color:var(--white-100);font-size:1.25rem}.p-breadcrumb .p-breadcrumb-list li:last-child{pointer-events:none;opacity:.6}.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text{color:var(--white-80)}.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon{color:var(--white-80)}.p-menubar{display:flex;padding:.25rem;align-items:flex-end;border-radius:.5rem;border:1px solid var(--gray-900);background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-menubar .p-menuitem{width:100%;margin-top:.25rem}.p-menubar .p-menuitem:first-of-type{margin-top:0}.p-menubar .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-menubar .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--amethyst-300)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--amethyst-200)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-menubar .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-menubar .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-menubar [class*=list][level="0"]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.p-menubar [class*=list][level="0"]>.p-menuitem{margin:0}.p-menubar [class*=list]:not([level="0"]){min-width:8rem;z-index:2}.p-menubar [class*=list][level="1"]{margin-top:.25rem}.p-menubar [class*=list][level="1"].p-menuitem:first-of-type{margin-top:.25rem}.p-menubar [class*=list]:not([level="0"]):not([level="1"]){margin-left:.25rem;margin-top:-0.25rem}.p-menubar ul{margin:0;padding:0;list-style:none}.p-menubar .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-menubar .p-menuitem-text{line-height:1}.p-menubar .p-menuitem{position:relative;margin-top:.25rem}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--amethyst-200);color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem.p-menuitem:first-of-type{margin-top:.25rem}.p-menubar .p-menuitem .p-submenu-list{display:none;position:absolute;z-index:2;border-radius:.5rem;border:1px solid var(--gray-900);background-color:#1c1b22}.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg){margin-left:auto}.p-menubar .p-menuitem .p-menubar-root-list .p-icon-wrapper{margin-left:auto}.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-icon-wrapper{margin-left:auto}.p-menubar .p-menuitem .p-menubar-custom,.p-menubar .p-menuitem .p-menubar-end{margin-left:auto;align-self:center}.p-menubar .p-menubar-root-list{display:flex;align-items:center;flex-wrap:nowrap}.p-menubar .p-menubar-root-list>li ul{display:none;z-index:1}@media screen and (min-width: 960px){.p-menubar .p-submenu-list>.p-menuitem-active>p-menubarsub>.p-submenu-list{display:block;left:100%;top:0}.p-menubar .p-menubar-root-list>.p-menuitem-active>p-menubarsub>.p-submenu-list{display:block}}.p-menubar .p-menubar-button{display:none;cursor:pointer;align-items:center;justify-content:center}@media screen and (max-width: 960px){.p-menubar{position:relative;align-items:center}.p-menubar .p-menubar-button{display:flex;width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-menubar .p-menubar-button:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-menubar .p-menubar-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-menubar .p-menubar-button.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-menubar .p-menuitem-active[aria-expanded=false] .p-submenu-list{display:none}.p-menubar .p-menuitem-active[aria-expanded=true]>p-menubarsub>.p-submenu-list{display:block;position:relative;left:auto;top:auto;border:0}.p-menubar [aria-expanded=true]+p-menubarsub .p-menubar-root-list{display:block}.p-menubar .p-menubar-root-list{position:absolute;left:0;top:100%;display:none;flex-direction:column;min-width:8rem;border:1px solid var(--gray-900);padding:.25rem;margin-top:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40);border-radius:.5rem;z-index:2}.p-menubar .p-menubar-root-list [aria-expanded=false] .p-submenu-icon{transform:rotate(-90deg)}.p-menubar .p-submenu-list{width:100%;display:none;border:none;border-radius:0;margin:0 !important;padding:.25rem 0 0 .75rem;border-radius:.5rem;box-shadow:none}.p-menubar .p-submenu-list [aria-expanded=false] .p-submenu-icon{transform:rotate(0deg)}.p-menubar .p-submenu-list [aria-expanded=true] .p-submenu-icon{transform:rotate(90deg)}}.p-megamenu [class*=header]{color:var(--white-80);font-size:.875rem;font-weight:bold;text-transform:uppercase;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-megamenu [class*=header][data-p-disabled=true]{color:var(--white-80);background-color:var(--white-20);border-color:var(--gray-900)}.p-megamenu [class*=grid]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem;width:max-content;border-radius:.5rem;border:1px solid var(--gray-900);padding:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-megamenu [class*=col]{display:flex;flex-grow:1;width:auto;padding:0}.p-megamenu .p-menuitem{width:100%;margin-top:.25rem}.p-megamenu .p-menuitem:first-of-type{margin-top:0}.p-megamenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--amethyst-300)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--amethyst-200)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-megamenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-megamenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-megamenu-horizontal{display:flex}.p-megamenu-horizontal [class*=root]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.p-megamenu-horizontal [class*=root]>.p-menuitem{margin:0}.p-megamenu-horizontal [class*=grid]{margin-top:.25rem}.p-megamenu-vertical{display:flex}.p-megamenu-vertical [class*=root]{display:flex;flex-direction:column}.p-megamenu-vertical [class*=grid]{margin-left:.25rem}@media screen and (max-width: 960px){.p-megamenu{position:relative}.p-megamenu .p-megamenu-button{display:flex;width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-megamenu .p-megamenu-button:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-megamenu .p-megamenu-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-megamenu .p-megamenu-button.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-megamenu [aria-expanded=false]+[class*=root]{display:none}.p-megamenu [class*=root]{position:absolute;left:0;top:100%;display:flex;flex-direction:column;min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-900);padding:.25rem;margin-top:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40);z-index:2}.p-megamenu [class*=panel]{width:100%;position:static}.p-megamenu [class*=grid]{display:flex;flex-direction:column;border:none;border-radius:0;margin:0 !important;padding:.25rem 0 0 .75rem;box-shadow:none}.p-megamenu [class*=grid] [class*=list]{width:100%}.p-megamenu-horizontal [aria-expanded=false] .p-submenu-icon{transform:rotate(-90deg)}.p-megamenu-vertical [aria-expanded=true] .p-submenu-icon{transform:rotate(90deg)}}.p-menu [class*=header]{color:var(--white-80);font-size:.875rem;font-weight:bold;text-transform:uppercase;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-menu [class*=header][data-p-disabled=true]{color:var(--white-80);background-color:var(--white-20);border-color:var(--gray-900)}.p-menu .p-menuitem{width:100%;margin-top:.25rem}.p-menu .p-menuitem:first-of-type{margin-top:0}.p-menu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-menu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--amethyst-300)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--amethyst-200)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-menu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-menu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-menu .p-menuitem[data-p-disabled=true] .p-disabled{opacity:.6}.p-menu-overlay{min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-900);padding:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40);z-index:2}.p-tieredmenu{display:flex}.p-tieredmenu [class*=root]{display:flex;flex-direction:column}.p-tieredmenu [data-pc-section=menu]{border-radius:.5rem;border:1px solid var(--gray-900);background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40)}.p-tieredmenu .p-menuitem{width:100%;margin-top:.25rem}.p-tieredmenu .p-menuitem:first-of-type{margin-top:0}.p-tieredmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--amethyst-300)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--amethyst-200)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-tieredmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-tabmenu .p-tabmenu-nav{background:rgba(0,0,0,.0001);border-bottom:1px solid var(--gray-900)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem{margin-right:1.5rem}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{background:rgba(0,0,0,.0001);color:var(--white-80);font-weight:normal;border-bottom:.25rem solid rgba(0,0,0,.0001);padding:1rem 0rem;margin:0;transition:.2s}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon{margin-right:.5rem}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link{background:rgba(0,0,0,.0001);border-color:rgba(0,0,0,.0001);color:var(--amethyst-300)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{background:rgba(0,0,0,.0001);border-color:var(--amethyst-300);color:var(--amethyst-300)}.p-tabmenu .p-tabmenu-nav-btn.p-link{background:#1c1b22;color:var(--white-80);width:2.5rem;box-shadow:0px 0px 10px 50px var(--white-60);border-radius:0}.p-tabmenu .p-tabmenu-nav-btn.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-tabmenu .p-tabmenu-nav-btn.p-link:hover{color:var(--amethyst-300)}.p-tabmenu .p-tabmenu-nav-container>.p-tabmenu-nav-content>.p-tabmenu-nav{white-space:nowrap;width:max-content}.p-panelmenu[data-pc-section=root]{display:flex;flex-direction:column;gap:.25rem}.p-panelmenu [data-pc-section=header]{padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(0,0,0,.0001);background-color:rgba(0,0,0,.0001)}.p-panelmenu [data-pc-section=header] .p-panelmenu-header-action{display:flex;gap:.5rem}.p-panelmenu [data-pc-section=header] .p-panelmenu-header-link{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.p-panelmenu [data-pc-section=header] .p-menuitem-text{color:var(--white-80)}.p-panelmenu [data-pc-section=header] .p-menuitem-icon{color:var(--white-80)}.p-panelmenu [data-pc-section=header] .p-submenu-icon{color:var(--white-80)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover{cursor:pointer;background-color:var(--gray-800)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-text{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-submenu-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true]{background-color:var(--amethyst-300)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-text{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-submenu-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover{cursor:pointer;background-color:var(--amethyst-200)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-text{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-submenu-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][data-p-disabled=true]{background-color:var(--white-20);border-color:var(--gray-900)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-icon{color:var(--white-80)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-text{color:var(--white-80)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-submenu-icon{color:var(--white-80)}.p-panelmenu [data-pc-section=menu]{padding:.25rem 0 0 .75rem}.p-panelmenu [data-pc-section=submenu]{padding:.25rem 0 0 .75rem}.p-panelmenu .p-menuitem{width:100%;margin-top:.25rem}.p-panelmenu .p-menuitem:first-of-type{margin-top:0}.p-panelmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-panelmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--amethyst-300)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--amethyst-200)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-panelmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled){pointer-events:none;opacity:.6}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-link{pointer-events:none;background-color:var(--white-20);border-color:var(--gray-900);opacity:1}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-icon{color:var(--white-80)}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-text{color:var(--white-80)}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-submenu-icon{color:var(--white-80)}.p-contextmenu [class*=list]{min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-900);padding:.25rem;background-color:#1c1b22;box-shadow:0 .25rem .25rem 0 var(--black-40);z-index:2}.p-contextmenu [class*=list]:not([class*=root]){margin-top:-0.25rem;margin-left:.25rem}.p-contextmenu .p-menuitem{width:100%;margin-top:.25rem}.p-contextmenu .p-menuitem:first-of-type{margin-top:0}.p-contextmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(0,0,0,.0001)}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--white-80);font-size:1.25rem}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--white-80);font-size:1.25rem;transition:.18s}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-800)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--amethyst-300)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--amethyst-200)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-800)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--white-20);border-color:var(--gray-900)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--white-80)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--white-80)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--white-80)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-contextmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled{opacity:.6}@media screen and (max-width: 767px){.p-contextmenu [aria-expanded=true]>.p-menuitem-content .p-submenu-icon{transform:rotate(90deg)}.p-contextmenu [class*=list]:not([class*=root]){border-radius:0;border:none;padding-left:.75rem !important;margin:0;margin-top:.25rem;background-color:rgba(0,0,0,0);box-shadow:none}}.p-steps{overflow:hidden;overflow-x:auto}.p-steps .p-steps-item{display:flex;justify-content:center}.p-steps .p-steps-item .p-menuitem-link{display:flex;flex-direction:row;align-items:center;gap:.5rem;border-radius:0;padding:0 .5rem;background:#1c1b22;transition:.2s;z-index:1}.p-steps .p-steps-item .p-menuitem-link .p-steps-number{color:var(--white-100);font-weight:500;border:1px solid var(--gray-900);background:#1c1b22;min-width:1.5rem;height:1.5rem;line-height:1.5rem;font-size:1rem;z-index:1;border-radius:8rem}.p-steps .p-steps-item .p-menuitem-link .p-steps-title{color:var(--white-100);font-weight:500}.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-steps .p-steps-item.p-highlight:not(:has(~.p-highlight)) .p-steps-number{background:var(--amethyst-300);color:var(--black-80);border-color:rgba(0,0,0,0)}.p-steps .p-steps-item.p-highlight:not(:has(~.p-highlight)) .p-steps-title{color:var(--white-100)}.p-steps .p-steps-item.p-disabled{opacity:1}.p-steps .p-steps-item.p-disabled .p-steps-number,.p-steps .p-steps-item.p-disabled .p-steps-title{opacity:.6}.p-steps .p-steps-item:before{content:" ";border-top:1px solid var(--gray-900);width:100%;top:50%;left:0;display:block;position:absolute}.p-steps .p-steps-item:first-of-type{justify-content:flex-start}.p-steps .p-steps-item:first-of-type .p-menuitem-link{padding-left:0}.p-steps .p-steps-item:last-of-type{justify-content:flex-end}.p-steps .p-steps-item:last-of-type .p-menuitem-link{padding-right:0}.p-timeline .p-timeline-event-content{color:var(--white-100)}.p-timeline .p-timeline-event-opposite,.p-timeline .p-timeline-event-content{line-height:1}.p-timeline .p-timeline-event-marker{border:.25rem solid var(--amethyst-300);border-radius:8rem;width:1rem;height:1rem;background-color:#1c1b22}.p-timeline .p-timeline-event-connector{background-color:var(--gray-900)}.p-timeline.p-timeline-vertical .p-timeline-event-opposite,.p-timeline.p-timeline-vertical .p-timeline-event-content{padding:0rem .5rem}.p-timeline.p-timeline-vertical .p-timeline-event-connector{width:1px}.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,.p-timeline.p-timeline-horizontal .p-timeline-event-content{padding:.5rem 0rem}.p-timeline.p-timeline-horizontal .p-timeline-event-connector{height:1px}.p-carousel .p-carousel-content .p-carousel-prev,.p-carousel .p-carousel-content .p-carousel-next{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin:.5rem}.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,.p-carousel .p-carousel-content .p-carousel-next:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,.p-carousel .p-carousel-content .p-carousel-next:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-carousel .p-carousel-content .p-carousel-prev.p-disabled,.p-carousel .p-carousel-content .p-carousel-next.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-carousel .p-carousel-indicators{padding:1rem}.p-carousel .p-carousel-indicators .p-carousel-indicator{margin-right:.5rem}.p-carousel .p-carousel-indicators .p-carousel-indicator:last-of-type{margin-right:0}.p-carousel .p-carousel-indicators .p-carousel-indicator button{background-color:var(--gray-900);width:.5rem;height:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:1rem}.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover{background:var(--gray-600)}.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background:var(--gray-600);color:#1c1b22}.p-datatable table{border-collapse:separate}.p-datatable .p-paginator-top{border-width:1px 0 1px 0;border-radius:0}.p-datatable .p-paginator-bottom{border-width:0 0 0 0;border-radius:0}.p-datatable .p-datatable-header{background:var(--gray-0);color:var(--white-100);border:1px solid var(--gray-900);border-width:0 0 1px 0;padding:1rem 1rem;font-weight:500}.p-datatable .p-datatable-footer{background:var(--gray-0);color:var(--white-100);border:1px solid var(--gray-900);border-width:0 0 1px 0;padding:1rem 1rem;font-weight:500}.p-datatable .p-datatable-thead>tr>th{text-align:left;padding:1rem 1rem;border:1px solid var(--gray-900);border-width:0 0 1px 0;font-weight:500;color:var(--white-100);background:var(--gray-0);transition:.2s}.p-datatable .p-datatable-tfoot>tr>td{text-align:left;padding:1rem 1rem;border:1px solid var(--gray-900);border-width:0 0 1px 0;font-weight:500;color:var(--white-100);background:var(--gray-0)}.p-datatable .p-sortable-column p-sorticon{vertical-align:middle}.p-datatable .p-sortable-column p-sorticon sortalticon>svg,.p-datatable .p-sortable-column p-sorticon sortamountupalticon>svg,.p-datatable .p-sortable-column p-sorticon sortamountdownicon>svg{display:none}.p-datatable .p-sortable-column p-sorticon sortalticon::after,.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after,.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after{width:1.25rem;height:1.25rem;color:var(--white-100);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.p-datatable .p-sortable-column p-sorticon sortalticon::after{content:""}.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after{content:"";color:var(--amethyst-300)}.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after{content:"";color:var(--amethyst-300)}.p-datatable .p-sortable-column .p-sortable-column-badge{border-radius:50%;height:1.25rem;min-width:1.25rem;line-height:1.25rem;color:var(--black-80);background:var(--amethyst-300);margin-left:.5rem}.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon{color:var(--white-100)}.p-datatable .p-sortable-column.p-highlight{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{color:var(--amethyst-300)}.p-datatable .p-sortable-column:focus-visible{box-shadow:0 0 0 .25rem var(--amethyst-800);outline:0 none}.p-datatable .p-datatable-tbody>tr{background:#1c1b22;color:var(--white-100);transition:.2s}.p-datatable .p-datatable-tbody>tr>td{text-align:left;border:1px solid var(--gray-900);border-width:0 0 1px 0;padding:1rem 1rem}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save{margin-right:.5rem}.p-datatable .p-datatable-tbody>tr>td>.p-column-title{font-weight:500}.p-datatable .p-datatable-tbody>tr>td.p-highlight{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-datatable-tbody>tr.p-highlight{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-datatable-tbody>tr.p-highlight-contextmenu{outline:.15rem solid var(--amethyst-800);outline-offset:-0.15rem}.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-top>td{box-shadow:inset 0 2px 0 0 var(--amethyst-300)}.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td{box-shadow:inset 0 -2px 0 0 var(--amethyst-300)}.p-datatable .p-datatable-tbody>tr .pi-chevron-right::before,.p-datatable .p-datatable-tbody>tr .pi-chevron-down::before{color:var(--white-80);font-size:1rem}.p-datatable .p-datatable-frozen-tbody>tr>td{background:var(--gray-0)}.p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover{background:var(--gray-800);color:var(--white-100)}.p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:focus-visible{outline:.15rem solid var(--amethyst-800);outline-offset:-0.15rem}.p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:not(.p-highlight):hover{background:var(--gray-800);color:var(--white-100)}.p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:focus-visible{outline:.15rem solid var(--amethyst-800);outline-offset:-0.15rem}.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):not(.p-datatable-emptymessage):hover{background:var(--gray-800);color:var(--white-100)}.p-datatable .p-column-resizer-helper{background:var(--gray-900)}.p-datatable .p-datatable-scrollable-header,.p-datatable .p-datatable-scrollable-footer{background:#1c1b22}.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-thead,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-tfoot,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-thead,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-tfoot{background-color:var(--gray-0)}.p-datatable .p-datatable-loading-icon{font-size:2rem}.p-datatable .p-datatable-loading-icon.p-icon{width:2rem;height:2rem}.p-datatable.p-datatable-gridlines .p-datatable-header{border-width:1px 1px 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-footer{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-paginator-top{border-width:0 1px 0 1px}.p-datatable.p-datatable-gridlines .p-paginator-bottom{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th:last-child{border-width:1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td{border-width:1px 0 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td:last-child{border-width:1px 1px 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td:last-child{border-width:1px}.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td:last-child{border-width:1px 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td{border-width:0 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td:last-child{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td{border-width:0 0 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td:last-child{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td{border-width:0 0 0 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td:last-child{border-width:0 1px 0 1px}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even){background:var(--gray-0)}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even).p-highlight{background:var(--gray-800);color:var(--white-100)}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even)+.p-row-expanded{background:var(--gray-0)}.p-datatable.p-datatable-sm .p-datatable-header{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-thead>tr>th{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-tfoot>tr>td{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-footer{padding:.5rem .5rem}.p-datatable.p-datatable-lg .p-datatable-header{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-thead>tr>th{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-tbody>tr>td{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-footer{padding:1.25rem 1.25rem}.p-datatable-drag-selection-helper{background:var(--gray-800)}.p-column-filter-overlay{display:flex;flex-direction:column;gap:.25rem;background-color:#1c1b22;padding:.25rem;border:1px solid var(--gray-900);border-radius:.5rem}.p-column-filter-constraint,.p-column-filter-constraints{display:flex;flex-direction:column;gap:.25rem}.p-column-filter-buttonbar{display:flex;gap:.25rem}[data-pc-section=filterremove]{display:none}[data-pc-section=filterremove]:has(.p-column-filter-remove-button){display:block}.p-column-filter-menu-button,.p-column-filter-clear-button{width:2rem;height:2rem;color:var(--white-80);border:1px solid rgba(0,0,0,.0001);background:rgba(0,0,0,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;vertical-align:middle}.p-column-filter-menu-button:enabled:hover,.p-column-filter-clear-button:enabled:hover{color:var(--white-100);border-color:rgba(0,0,0,.0001);background:var(--gray-800)}.p-column-filter-menu-button:focus-visible,.p-column-filter-clear-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-column-filter-menu-button.p-disabled,.p-column-filter-clear-button.p-disabled{background:var(--white-20);border:1px solid var(--gray-900);color:var(--white-80)}.p-column-filter-menu-button filtericon>svg,.p-column-filter-menu-button filterslashicon>svg,.p-column-filter-clear-button filtericon>svg,.p-column-filter-clear-button filterslashicon>svg{display:none}.p-column-filter-menu-button filtericon::after,.p-column-filter-menu-button filterslashicon::after,.p-column-filter-clear-button filtericon::after,.p-column-filter-clear-button filterslashicon::after{color:var(--white-100);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2;-webkit-font-smoothing:antialiased}.p-column-filter-menu-button filtericon::after,.p-column-filter-clear-button filtericon::after{content:""}.p-column-filter-menu-button filterslashicon::after,.p-column-filter-clear-button filterslashicon::after{content:""}.p-column-filter-menu-button.p-column-filter-menu-button-active,.p-column-filter-clear-button.p-column-filter-menu-button-active{background-color:var(--amethyst-300);color:var(--black-80)}.p-column-filter-menu-button.p-column-filter-menu-button-active filtericon::after,.p-column-filter-menu-button.p-column-filter-menu-button-active filterslashicon::after,.p-column-filter-clear-button.p-column-filter-menu-button-active filtericon::after,.p-column-filter-clear-button.p-column-filter-menu-button-active filterslashicon::after{color:var(--black-80)}.p-column-filter-menu-button.p-column-filter-menu-button-active:hover,.p-column-filter-clear-button.p-column-filter-menu-button-active:hover{background-color:var(--amethyst-200);color:var(--black-80)}.p-column-filter-row{gap:.5rem}.p-column-filter-row-item{color:var(--white-80);padding:.5rem .75rem;margin-top:.25rem;background-color:rgba(0,0,0,.0001);border-radius:.5rem;border:1px solid rgba(0,0,0,.0001)}.p-column-filter-row-item:first-of-type{margin:0}.p-column-filter-row-item:not(.p-highlight):hover{color:var(--white-100);background-color:var(--gray-800)}.p-column-filter-row-item.p-highlight{color:var(--black-80);background-color:var(--amethyst-300)}.p-column-filter-row-item.p-highlight:hover{background-color:var(--amethyst-200)}.p-column-filter-separator{height:1px;border-bottom:1px solid var(--gray-900);margin-top:.25rem}.p-datatable-reorderablerow-handle{color:var(--white-80)}.p-datatable-reorderablerow-handle::before{content:"" !important;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2;-webkit-font-smoothing:antialiased}.p-paginator{background:rgba(0,0,0,.0001);color:var(--white-100);border:solid rgba(0,0,0,.0001);border-width:0;padding:.5rem 0rem;border-radius:.5rem}.p-paginator .p-paginator-first,.p-paginator .p-paginator-prev,.p-paginator .p-paginator-next,.p-paginator .p-paginator-last{background-color:rgba(0,0,0,.0001);border:1px solid rgba(0,0,0,.0001);color:var(--white-80);min-width:2.5rem;height:2.5rem;margin:.25rem;transition:.2s;border-radius:.5rem}.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover{background:var(--gray-800);border-color:rgba(0,0,0,.0001);color:var(--white-100)}.p-paginator .p-paginator-first.p-disabled:not(.p-highlight),.p-paginator .p-paginator-prev.p-disabled:not(.p-highlight),.p-paginator .p-paginator-next.p-disabled:not(.p-highlight),.p-paginator .p-paginator-last.p-disabled:not(.p-highlight){background:var(--white-20);border-color:var(--gray-900);color:var(--white-80)}.p-paginator .p-paginator-first{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-paginator .p-paginator-last{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-paginator .p-dropdown{margin-left:.5rem;height:2.5rem}.p-paginator .p-dropdown .p-dropdown-label{padding-right:0}.p-paginator .p-paginator-page-input{margin-left:.5rem;margin-right:.5rem}.p-paginator .p-paginator-page-input .p-inputtext{max-width:2.5rem}.p-paginator .p-paginator-current{background-color:rgba(0,0,0,.0001);border:1px solid rgba(0,0,0,.0001);color:var(--white-80);min-width:2.5rem;height:2.5rem;margin:.25rem;padding:0 .5rem}.p-paginator .p-paginator-pages .p-paginator-page{background-color:rgba(0,0,0,.0001);border:1px solid rgba(0,0,0,.0001);color:var(--white-80);min-width:2.5rem;height:2.5rem;margin:.25rem;transition:.2s;border-radius:.5rem}.p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:var(--amethyst-300);border-color:var(--amethyst-300);color:var(--black-80)}.p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover{background:var(--amethyst-200);border-color:var(--amethyst-200)}.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover{background:var(--gray-800);border-color:rgba(0,0,0,.0001);color:var(--white-100)}.p-galleria .p-galleria-close{margin:.5rem;background:rgba(0,0,0,.0001);color:var(--white-60);width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem}.p-galleria .p-galleria-close .p-galleria-close-icon{font-size:2rem}.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon{width:2rem;height:2rem}.p-galleria .p-galleria-close:hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-item-nav{background:rgba(0,0,0,.0001);color:var(--white-60);width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem;margin:.5rem}.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon{font-size:2rem}.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon{width:2rem;height:2rem}.p-galleria .p-galleria-item-nav:not(.p-disabled):hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-caption{background:var(--black-60);color:var(--white-80)}.p-galleria .p-galleria-caption-title{padding:0 1rem}.p-galleria .p-galleria-indicators{padding:1rem;line-height:0}.p-galleria .p-galleria-indicators .p-galleria-indicator button{background-color:var(--white-40);width:.5rem;height:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:1rem}.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover{background:var(--white-80)}.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button{background:var(--white-80);color:var(--black-80)}.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,.p-galleria.p-galleria-indicators-top .p-galleria-indicator{margin-right:.5rem}.p-galleria.p-galleria-indicators-left .p-galleria-indicator,.p-galleria.p-galleria-indicators-right .p-galleria-indicator{margin-bottom:.5rem}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators{background:rgba(0,0,0,.0001)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button{background:var(--white-40)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover{background:var(--white-80)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button{background:var(--white-80);color:#1c1b22}.p-galleria .p-galleria-thumbnail-container{background:var(--black-100);padding:.5rem .5rem;gap:.5rem}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next{background-color:rgba(0,0,0,.0001);color:var(--white-60);width:2rem;height:2rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content{transition:.2s;width:100%;height:100%}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-800);caret-color:var(--amethyst-300)}.p-galleria-mask{--maskbg: var(--black-40)}.p-galleria-thumbnail-item{overflow:hidden;height:4rem}.p-fileupload-dnd .p-fileupload,.p-fileupload-button .p-fileupload{width:100%;display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd.p-fileupload-advanced,.p-fileupload-button.p-fileupload-advanced{display:flex;flex-direction:column;align-items:flex-start}.p-fileupload-dnd .p-fileupload-content,.p-fileupload-button .p-fileupload-content{width:100%;display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd .p-fileupload-content>p-progressbar,.p-fileupload-dnd .p-fileupload-content p-messages,.p-fileupload-button .p-fileupload-content>p-progressbar,.p-fileupload-button .p-fileupload-content p-messages{display:none}.p-fileupload-dnd .p-orderlist-controls,.p-fileupload-button .p-orderlist-controls{display:none}.p-fileupload-dnd .p-fileupload-files,.p-fileupload-button .p-fileupload-files{display:none}.p-fileupload-dnd .p-fileupload-info-button,.p-fileupload-button .p-fileupload-info-button{width:2.5rem;display:inline-flex;justify-content:center;align-items:center;color:var(--blue-400)}.p-fileupload-dnd .p-orderlist-list-container,.p-fileupload-button .p-orderlist-list-container{display:flex;flex-direction:column;width:100%}.p-fileupload-dnd .p-orderlist-list-container .p-orderlist-list,.p-fileupload-button .p-orderlist-list-container .p-orderlist-list{overflow:hidden;min-height:0px}.p-fileupload-dnd .p-fileupload-progress-spinner,.p-fileupload-button .p-fileupload-progress-spinner{width:1.25rem;height:1.25rem}.p-fileupload-dnd .p-fileupload-item-row,.p-fileupload-button .p-fileupload-item-row{padding:.25rem .25rem .25rem .5rem;border-radius:.5rem;border:1px solid rgba(0,0,0,.0001)}.p-fileupload-dnd .p-fileupload-item-row:hover,.p-fileupload-button .p-fileupload-item-row:hover{background:var(--gray-800)}.p-fileupload-dnd .p-fileupload-item-row.error,.p-fileupload-button .p-fileupload-item-row.error{border-color:var(--red-400)}.p-fileupload-dnd .p-fileupload-item-row.error .file-icon,.p-fileupload-button .p-fileupload-item-row.error .file-icon{color:var(--red-400)}.p-fileupload-dnd .p-dataview-content,.p-fileupload-dnd .p-orderlist-list,.p-fileupload-button .p-dataview-content,.p-fileupload-button .p-orderlist-list{display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd .p-fileupload-buttonbar{width:100%;border-radius:.5rem;background:var(--gray-alpha);border:1px dashed var(--gray-900);padding:1.5rem 1.5rem 1rem}.p-fileupload-dnd .p-fileupload-buttonbar button{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.p-fileupload-dnd .p-fileupload-buttonbar button>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.p-fileupload-dnd .p-fileupload-buttonbar:hover{cursor:pointer;border-color:var(--amethyst-300)}.p-fileupload-dnd .p-fileupload-buttonbar:hover i{color:var(--amethyst-300)}.hover\:border-primary:hover {
-  border-color: var(--primary-color);
-}.hover\:bg-blue-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}.hover\:bg-purple-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
-}.hover\:text-primary:hover {
-  color: var(--primary-color);
-}.hover\:underline:hover {
-  text-decoration-line: underline;
-}@media (min-width: 1px) {
-
-  .sm\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .sm\:\!w-15 {
-    width: 15rem !important;
-  }
-
-  .sm\:\!w-16 {
-    width: 16rem !important;
-  }
-
-  .sm\:\!w-26 {
-    width: 26rem !important;
-  }
-
-  .sm\:w-auto {
-    width: auto;
-  }
-
-  .sm\:flex-row {
-    flex-direction: row;
-  }
-
-  .sm\:flex-col {
-    flex-direction: column;
-  }
-
-  .sm\:items-start {
-    align-items: flex-start;
-  }
-
-  .sm\:items-end {
-    align-items: flex-end;
-  }
-
-  .sm\:items-center {
-    align-items: center;
-  }
-
-  .sm\:gap-2 {
-    gap: 0.5rem;
-  }
-
-  .sm\:p-8 {
-    padding: 2rem;
-  }
-}@media (min-width: 768px) {
-
-  .md\:col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .md\:col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .md\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .md\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .md\:ml-auto {
-    margin-left: auto;
-  }
-
-  .md\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .md\:block {
-    display: block;
-  }
-
-  .md\:flex {
-    display: flex;
-  }
-
-  .md\:hidden {
-    display: none;
-  }
-
-  .md\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .md\:\!w-15 {
-    width: 15rem !important;
-  }
-
-  .md\:\!w-20 {
-    width: 20rem !important;
-  }
-
-  .md\:\!w-30 {
-    width: 30rem !important;
-  }
-
-  .md\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .md\:\!w-8\/12 {
-    width: 66.666667% !important;
-  }
-
-  .md\:w-2 {
-    width: 2rem;
-  }
-
-  .md\:w-5 {
-    width: 5rem;
-  }
-
-  .md\:flex-initial {
-    flex: 0 1 auto;
-  }
-
-  .md\:flex-row {
-    flex-direction: row;
-  }
-
-  .md\:flex-col {
-    flex-direction: column;
-  }
-
-  .md\:items-end {
-    align-items: flex-end;
-  }
-
-  .md\:items-center {
-    align-items: center;
-  }
-
-  .md\:justify-start {
-    justify-content: flex-start;
-  }
-
-  .md\:justify-center {
-    justify-content: center;
-  }
-
-  .md\:justify-between {
-    justify-content: space-between;
-  }
-
-  .md\:gap-8 {
-    gap: 2rem;
-  }
-}@media (min-width: 1200px) {
-
-  .lg\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .lg\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .lg\:flex {
-    display: flex;
-  }
-
-  .lg\:\!w-3\/12 {
-    width: 25% !important;
-  }
-
-  .lg\:\!w-4\/12 {
-    width: 33.333333% !important;
-  }
-
-  .lg\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .lg\:gap-0 {
-    gap: 0px;
-  }
-
-  .lg\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
-  .lg\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .lg\:pr-8 {
-    padding-right: 2rem;
-  }
-}@media (min-width: 1280px) {
-
-  .xl\:block {
-    display: block;
-  }
-
-  .xl\:flex {
-    display: flex;
-  }
-
-  .xl\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .xl\:\!w-3\/12 {
-    width: 25% !important;
-  }
-
-  .xl\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .xl\:\!w-9\/12 {
-    width: 75% !important;
-  }
-
-  .xl\:w-6 {
-    width: 6rem;
-  }
-
-  .xl\:flex-row {
-    flex-direction: row;
-  }
-
-  .xl\:items-start {
-    align-items: flex-start;
-  }
-
-  .xl\:justify-center {
-    justify-content: center;
-  }
-
-  .xl\:pt-0 {
-    padding-top: 0px;
-  }
-
-  .xl\:text-left {
-    text-align: left;
-  }
-}
diff --git a/src-storybook/assets/themes/ek5-light-primary/theme.css b/src-storybook/assets/themes/ek5-light-primary/theme.css
deleted file mode 100644
index 5a48c6f..0000000
--- a/src-storybook/assets/themes/ek5-light-primary/theme.css
+++ /dev/null
@@ -1,10007 +0,0 @@
-@charset "UTF-8";
-*, ::before, ::after{
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-::backdrop{
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*/
-/*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-::before,
-::after {
-  --tw-content: '';
-}
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: Roboto, sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-/*
-Remove the default font size and weight for headings.
-*/
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-/*
-Add the correct font weight in Edge and Safari.
-*/
-b,
-strong {
-  font-weight: bolder;
-}
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-/*
-Add the correct font size in all browsers.
-*/
-small {
-  font-size: 80%;
-}
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-button,
-select {
-  text-transform: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-:-moz-focusring {
-  outline: auto;
-}
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-progress {
-  vertical-align: baseline;
-}
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-/*
-Add the correct display in Chrome and Safari.
-*/
-summary {
-  display: list-item;
-}
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-legend {
-  padding: 0;
-}
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-/*
-Prevent resizing textareas horizontally by default.
-*/
-textarea {
-  resize: vertical;
-}
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-/*
-Set the default cursor for buttons.
-*/
-button,
-[role="button"] {
-  cursor: pointer;
-}
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}
-.container{
-  width: 100%;
-}
-@media (min-width: 1px){
-  .container{
-    max-width: 1px;
-  }
-}
-@media (min-width: 768px){
-  .container{
-    max-width: 768px;
-  }
-}
-@media (min-width: 1200px){
-  .container{
-    max-width: 1200px;
-  }
-}
-@media (min-width: 1280px){
-  .container{
-    max-width: 1280px;
-  }
-}
-@media (min-width: 1536px){
-  .container{
-    max-width: 1536px;
-  }
-}
-.pointer-events-none{
-  pointer-events: none;
-}
-.\!visible{
-  visibility: visible !important;
-}
-.visible{
-  visibility: visible;
-}
-.collapse{
-  visibility: collapse;
-}
-.static{
-  position: static;
-}
-.fixed{
-  position: fixed;
-}
-.absolute{
-  position: absolute;
-}
-.relative{
-  position: relative;
-}
-.sticky{
-  position: sticky;
-}
-.left-0{
-  left: 0px;
-}
-.right-0{
-  right: 0px;
-}
-.top-0{
-  top: 0px;
-}
-.top-auto{
-  top: auto;
-}
-.z-1{
-  z-index: 1;
-}
-.col-span-12{
-  grid-column: span 12 / span 12;
-}
-.col-span-2{
-  grid-column: span 2 / span 2;
-}
-.col-span-6{
-  grid-column: span 6 / span 6;
-}
-.col-span-8{
-  grid-column: span 8 / span 8;
-}
-.m-0{
-  margin: 0px;
-}
-.m-2{
-  margin: 0.5rem;
-}
-.m-3{
-  margin: 0.75rem;
-}
-.m-auto{
-  margin: auto;
-}
-.mx-0{
-  margin-left: 0px;
-  margin-right: 0px;
-}
-.mx-1{
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}
-.mx-2{
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.mx-3{
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}
-.mx-4{
-  margin-left: 1rem;
-  margin-right: 1rem;
-}
-.mx-auto{
-  margin-left: auto;
-  margin-right: auto;
-}
-.my-2{
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.my-3{
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}
-.my-4{
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-.my-5{
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}
-.-ml-5{
-  margin-left: -1.25rem;
-}
-.-mr-1{
-  margin-right: -0.25rem;
-}
-.-mr-8{
-  margin-right: -2rem;
-}
-.-mt-4{
-  margin-top: -1rem;
-}
-.-mt-5{
-  margin-top: -1.25rem;
-}
-.mb-0{
-  margin-bottom: 0px;
-}
-.mb-1{
-  margin-bottom: 0.25rem;
-}
-.mb-2{
-  margin-bottom: 0.5rem;
-}
-.mb-3{
-  margin-bottom: 0.75rem;
-}
-.mb-4{
-  margin-bottom: 1rem;
-}
-.mb-5{
-  margin-bottom: 1.25rem;
-}
-.mb-6{
-  margin-bottom: 1.5rem;
-}
-.mb-8{
-  margin-bottom: 2rem;
-}
-.ml-1{
-  margin-left: 0.25rem;
-}
-.ml-2{
-  margin-left: 0.5rem;
-}
-.ml-3{
-  margin-left: 0.75rem;
-}
-.ml-5{
-  margin-left: 1.25rem;
-}
-.ml-8{
-  margin-left: 2rem;
-}
-.ml-auto{
-  margin-left: auto;
-}
-.mr-1{
-  margin-right: 0.25rem;
-}
-.mr-2{
-  margin-right: 0.5rem;
-}
-.mr-3{
-  margin-right: 0.75rem;
-}
-.mr-4{
-  margin-right: 1rem;
-}
-.mr-5{
-  margin-right: 1.25rem;
-}
-.mt-0{
-  margin-top: 0px;
-}
-.mt-1{
-  margin-top: 0.25rem;
-}
-.mt-2{
-  margin-top: 0.5rem;
-}
-.mt-3{
-  margin-top: 0.75rem;
-}
-.mt-4{
-  margin-top: 1rem;
-}
-.mt-5{
-  margin-top: 1.25rem;
-}
-.mt-6{
-  margin-top: 1.5rem;
-}
-.mt-7{
-  margin-top: 1.75rem;
-}
-.mt-8{
-  margin-top: 2rem;
-}
-.mt-auto{
-  margin-top: auto;
-}
-.block{
-  display: block;
-}
-.inline-block{
-  display: inline-block;
-}
-.\!inline{
-  display: inline !important;
-}
-.inline{
-  display: inline;
-}
-.flex{
-  display: flex;
-}
-.inline-flex{
-  display: inline-flex;
-}
-.table{
-  display: table;
-}
-.table-cell{
-  display: table-cell;
-}
-.grid{
-  display: grid;
-}
-.contents{
-  display: contents;
-}
-.hidden{
-  display: none;
-}
-.\!h-1{
-  height: 1rem !important;
-}
-.\!h-10{
-  height: 10rem !important;
-}
-.\!h-12{
-  height: 12rem !important;
-}
-.\!h-14{
-  height: 14rem !important;
-}
-.\!h-2{
-  height: 2rem !important;
-}
-.\!h-20{
-  height: 20rem !important;
-}
-.\!h-3{
-  height: 3rem !important;
-}
-.\!h-30{
-  height: 30rem !important;
-}
-.\!h-4{
-  height: 4rem !important;
-}
-.\!h-5{
-  height: 5rem !important;
-}
-.\!h-6{
-  height: 6rem !important;
-}
-.\!h-8{
-  height: 8rem !important;
-}
-.h-4{
-  height: 4rem;
-}
-.h-full{
-  height: 100%;
-}
-.h-screen{
-  height: 100vh;
-}
-.\!w-1{
-  width: 1rem !important;
-}
-.\!w-10{
-  width: 10rem !important;
-}
-.\!w-12{
-  width: 12rem !important;
-}
-.\!w-14{
-  width: 14rem !important;
-}
-.\!w-15{
-  width: 15rem !important;
-}
-.\!w-18{
-  width: 18rem !important;
-}
-.\!w-2{
-  width: 2rem !important;
-}
-.\!w-20{
-  width: 20rem !important;
-}
-.\!w-25{
-  width: 25rem !important;
-}
-.\!w-3{
-  width: 3rem !important;
-}
-.\!w-3\/12{
-  width: 25% !important;
-}
-.\!w-30{
-  width: 30rem !important;
-}
-.\!w-4{
-  width: 4rem !important;
-}
-.\!w-4\/12{
-  width: 33.333333% !important;
-}
-.\!w-6{
-  width: 6rem !important;
-}
-.\!w-6\/12{
-  width: 50% !important;
-}
-.\!w-7\/12{
-  width: 58.333333% !important;
-}
-.\!w-8{
-  width: 8rem !important;
-}
-.\!w-8\/12{
-  width: 66.666667% !important;
-}
-.\!w-9{
-  width: 9rem !important;
-}
-.\!w-9\/12{
-  width: 75% !important;
-}
-.w-1{
-  width: 1rem;
-}
-.w-13{
-  width: 13rem;
-}
-.w-9{
-  width: 9rem;
-}
-.w-full{
-  width: 100%;
-}
-.min-w-0{
-  min-width: 0px;
-}
-.max-w-full{
-  max-width: 100%;
-}
-.flex-1{
-  flex: 1 1 0%;
-}
-.flex-auto{
-  flex: 1 1 auto;
-}
-.flex-shrink-0{
-  flex-shrink: 0;
-}
-.shrink{
-  flex-shrink: 1;
-}
-.flex-grow{
-  flex-grow: 1;
-}
-.grow{
-  flex-grow: 1;
-}
-.origin-top{
-  transform-origin: top;
-}
-.transform{
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.cursor-pointer{
-  cursor: pointer;
-}
-.select-none{
-  user-select: none;
-}
-.resize{
-  resize: both;
-}
-.list-none{
-  list-style-type: none;
-}
-.grid-cols-12{
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}
-.flex-row{
-  flex-direction: row;
-}
-.flex-row-reverse{
-  flex-direction: row-reverse;
-}
-.flex-col{
-  flex-direction: column;
-}
-.flex-wrap{
-  flex-wrap: wrap;
-}
-.items-start{
-  align-items: flex-start;
-}
-.items-end{
-  align-items: flex-end;
-}
-.items-center{
-  align-items: center;
-}
-.justify-start{
-  justify-content: flex-start;
-}
-.justify-end{
-  justify-content: flex-end;
-}
-.justify-center{
-  justify-content: center;
-}
-.justify-between{
-  justify-content: space-between;
-}
-.gap-1{
-  gap: 0.25rem;
-}
-.gap-2{
-  gap: 0.5rem;
-}
-.gap-3{
-  gap: 0.75rem;
-}
-.gap-4{
-  gap: 1rem;
-}
-.gap-5{
-  gap: 1.25rem;
-}
-.gap-6{
-  gap: 1.5rem;
-}
-.gap-8{
-  gap: 2rem;
-}
-.overflow-auto{
-  overflow: auto;
-}
-.overflow-hidden{
-  overflow: hidden;
-}
-.overflow-visible{
-  overflow: visible;
-}
-.overflow-x-auto{
-  overflow-x: auto;
-}
-.overflow-y-auto{
-  overflow-y: auto;
-}
-.overflow-y-hidden{
-  overflow-y: hidden;
-}
-.whitespace-nowrap{
-  white-space: nowrap;
-}
-.rounded{
-  border-radius: 0.25rem;
-}
-.rounded-2xl{
-  border-radius: 1rem;
-}
-.rounded-3xl{
-  border-radius: 1.5rem;
-}
-.rounded-full{
-  border-radius: 9999px;
-}
-.rounded-xl{
-  border-radius: 0.75rem;
-}
-.border{
-  border-width: 1px;
-}
-.border-1{
-  border-width: 1px;
-}
-.border-2{
-  border-width: 2px;
-}
-.border-solid{
-  border-style: solid;
-}
-.border-dashed{
-  border-style: dashed;
-}
-.border-none{
-  border-style: none;
-}
-.border-blue-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}
-.border-color{
-  border-color: var(--text-color);
-}
-.border-indigo-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
-}
-.border-orange-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
-}
-.border-pink-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
-}
-.border-primary{
-  border-color: var(--primary-color);
-}
-.border-teal-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
-}
-.border-transparent{
-  border-color: transparent;
-}
-.bg-black{
-  background-color: var(--black-100);
-}
-.bg-blue-400{
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}
-.bg-blue-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
-}
-.bg-blue-600{
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}
-.bg-gray-900{
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
-}
-.bg-green-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
-}
-.bg-indigo-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
-}
-.bg-orange-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
-}
-.bg-pink-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
-}
-.bg-primary{
-  background-color: var(--primary-color);
-}
-.bg-primary-600{
-  background-color: var(--primary-600);
-}
-.bg-purple-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
-}
-.bg-surface-50{
-  background-color: var(--surface-50);
-}
-.bg-teal-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
-}
-.bg-transparent{
-  background-color: transparent;
-}
-.bg-white{
-  background-color: var(--white-100);
-}
-.bg-cover{
-  background-size: cover;
-}
-.object-cover{
-  object-fit: cover;
-}
-.\!p-0{
-  padding: 0px !important;
-}
-.p-0{
-  padding: 0px;
-}
-.p-1{
-  padding: 0.25rem;
-}
-.p-2{
-  padding: 0.5rem;
-}
-.p-3{
-  padding: 0.75rem;
-}
-.p-4{
-  padding: 1rem;
-}
-.p-5{
-  padding: 1.25rem;
-}
-.p-8{
-  padding: 2rem;
-}
-.px-0{
-  padding-left: 0px;
-  padding-right: 0px;
-}
-.px-1{
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-.px-10{
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}
-.px-12{
-  padding-left: 3rem;
-  padding-right: 3rem;
-}
-.px-2{
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.px-3{
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-.px-4{
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-.px-5{
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
-.px-8{
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-.py-0{
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.py-1{
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-.py-2{
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-.py-3{
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-.py-4{
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-.py-5{
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}
-.py-6{
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-.py-8{
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-.pb-0{
-  padding-bottom: 0px;
-}
-.pb-3{
-  padding-bottom: 0.75rem;
-}
-.pb-4{
-  padding-bottom: 1rem;
-}
-.pb-5{
-  padding-bottom: 1.25rem;
-}
-.pl-0{
-  padding-left: 0px;
-}
-.pl-2{
-  padding-left: 0.5rem;
-}
-.pl-3{
-  padding-left: 0.75rem;
-}
-.pr-0{
-  padding-right: 0px;
-}
-.pr-3{
-  padding-right: 0.75rem;
-}
-.pr-4{
-  padding-right: 1rem;
-}
-.pr-5{
-  padding-right: 1.25rem;
-}
-.pr-6{
-  padding-right: 1.5rem;
-}
-.pt-1{
-  padding-top: 0.25rem;
-}
-.pt-3{
-  padding-top: 0.75rem;
-}
-.pt-4{
-  padding-top: 1rem;
-}
-.pt-5{
-  padding-top: 1.25rem;
-}
-.pt-6{
-  padding-top: 1.5rem;
-}
-.pt-7{
-  padding-top: 1.75rem;
-}
-.pt-8{
-  padding-top: 2rem;
-}
-.text-left{
-  text-align: left;
-}
-.text-center{
-  text-align: center;
-}
-.text-right{
-  text-align: right;
-}
-.text-2xl{
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-.text-3xl{
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}
-.text-4xl{
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}
-.text-5xl{
-  font-size: 3rem;
-  line-height: 1;
-}
-.text-6xl{
-  font-size: 3.75rem;
-  line-height: 1;
-}
-.text-7xl{
-  font-size: 4.5rem;
-  line-height: 1;
-}
-.text-8xl{
-  font-size: 6rem;
-  line-height: 1;
-}
-.text-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-.text-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-.text-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.text-xl{
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-.text-xs{
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-.font-bold{
-  font-weight: 700;
-}
-.font-medium{
-  font-weight: 500;
-}
-.font-normal{
-  font-weight: 400;
-}
-.font-semibold{
-  font-weight: 600;
-}
-.uppercase{
-  text-transform: uppercase;
-}
-.lowercase{
-  text-transform: lowercase;
-}
-.leading{
-  line-height: normal;
-}
-.leading-auto{
-  line-height: 1.2;
-}
-.leading-none{
-  line-height: 1;
-}
-.leading-normal{
-  line-height: 1.5;
-}
-.text-blue-500{
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}
-.text-color{
-  color: var(--text-color);
-}
-.text-color-secondary{
-  color: var(--text-color-secondary);
-}
-.text-gray-900{
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}
-.text-green-500{
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
-}
-.text-green-600{
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
-}
-.text-help{
-  color: var(--purple-400);
-}
-.text-indigo-200{
-  --tw-text-opacity: 1;
-  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
-}
-.text-indigo-500{
-  --tw-text-opacity: 1;
-  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
-}
-.text-info{
-  color: var(--blue-400);
-}
-.text-primary{
-  color: var(--primary-color);
-}
-.text-primary-50{
-  color: var(--primary-50);
-}
-.text-primary-500{
-  color: var(--primary-500);
-}
-.text-primary-700{
-  color: var(--primary-700);
-}
-.text-red-500{
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}
-.text-slate-500{
-  --tw-text-opacity: 1;
-  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
-}
-.text-white{
-  color: var(--white-100);
-}
-.text-yellow-500{
-  --tw-text-opacity: 1;
-  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
-}
-.line-through{
-  text-decoration-line: line-through;
-}
-.no-underline{
-  text-decoration-line: none;
-}
-.antialiased{
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.opacity-20{
-  opacity: 0.2;
-}
-.shadow{
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.outline{
-  outline-style: solid;
-}
-.outline-color{
-  outline-color: var(--text-color);
-}
-.blur{
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.grayscale{
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.filter{
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.backdrop-filter{
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-.transition{
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-all{
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-colors{
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.duration-300{
-  transition-duration: 300ms;
-}
-.ease-in{
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-.ease-out{
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.title-h1{
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h2{
-  font-size: 1.5rem;
-  line-height: 2rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h3{
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h4{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h5{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h6{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.subtitle-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}
-.subtitle-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}
-.subtitle-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}
-.subtitle-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}
-.subtitle-sm-secondary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}
-.subtitle-sm-primary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}
-.caption{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.caption-secondary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.caption-primary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.caption-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.caption-secondary-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.caption-primary-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.service-danger-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}
-.service-danger-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}
-.service-warning-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}
-.service-warning-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}
-.service-success-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}
-.service-success-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}
-.service-info-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.service-info-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.service-help-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.service-help-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.anchor-base:hover{
-  text-decoration-line: underline;
-}
-.anchor-base:visited{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-base:visited:hover{
-  text-decoration-line: underline;
-}
-.anchor-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.anchor-sm:hover{
-  text-decoration-line: underline;
-}
-.anchor-sm:visited{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-sm:visited:hover{
-  text-decoration-line: underline;
-}
-:root {
-  --emerald-0: color-mix(in srgb, color-mix(in srgb, #29C075, #fff 76%), #000 80%);
-  --emerald-50: color-mix(in srgb, #29C075, #fff 95%);
-  --emerald-100: color-mix(in srgb, #29C075, #fff 76%);
-  --emerald-200: color-mix(in srgb, #29C075, #fff 57%);
-  --emerald-300: color-mix(in srgb, #29C075, #fff 38%);
-  --emerald-400: color-mix(in srgb, #29C075, #fff 19%);
-  --emerald-500: color-mix(in srgb, #29C075, #fff 0%);
-  --emerald-600: color-mix(in srgb, #29C075, #000 15%);
-  --emerald-700: color-mix(in srgb, #29C075, #000 30%);
-  --emerald-800: color-mix(in srgb, #29C075, #000 45%);
-  --emerald-900: color-mix(in srgb, #29C075, #000 60%);
-  --emerald-alpha: color-mix(in srgb, #29C075 10%, transparent);
-  --citrine-0: color-mix(in srgb, color-mix(in srgb, #FA8606, #fff 76%), #000 80%);
-  --citrine-50: color-mix(in srgb, #FA8606, #fff 95%);
-  --citrine-100: color-mix(in srgb, #FA8606, #fff 76%);
-  --citrine-200: color-mix(in srgb, #FA8606, #fff 57%);
-  --citrine-300: color-mix(in srgb, #FA8606, #fff 38%);
-  --citrine-400: color-mix(in srgb, #FA8606, #fff 19%);
-  --citrine-500: color-mix(in srgb, #FA8606, #fff 0%);
-  --citrine-600: color-mix(in srgb, #FA8606, #000 15%);
-  --citrine-700: color-mix(in srgb, #FA8606, #000 30%);
-  --citrine-800: color-mix(in srgb, #FA8606, #000 45%);
-  --citrine-900: color-mix(in srgb, #FA8606, #000 60%);
-  --citrine-alpha: color-mix(in srgb, #FA8606 10%, transparent);
-  --aquamarine-0: color-mix(in srgb, color-mix(in srgb, #14B8A6, #fff 76%), #000 80%);
-  --aquamarine-50: color-mix(in srgb, #14B8A6, #fff 95%);
-  --aquamarine-100: color-mix(in srgb, #14B8A6, #fff 76%);
-  --aquamarine-200: color-mix(in srgb, #14B8A6, #fff 57%);
-  --aquamarine-300: color-mix(in srgb, #14B8A6, #fff 38%);
-  --aquamarine-400: color-mix(in srgb, #14B8A6, #fff 19%);
-  --aquamarine-500: color-mix(in srgb, #14B8A6, #fff 0%);
-  --aquamarine-600: color-mix(in srgb, #14B8A6, #000 15%);
-  --aquamarine-700: color-mix(in srgb, #14B8A6, #000 30%);
-  --aquamarine-800: color-mix(in srgb, #14B8A6, #000 45%);
-  --aquamarine-900: color-mix(in srgb, #14B8A6, #000 60%);
-  --aquamarine-alpha: color-mix(in srgb, #14B8A6 10%, transparent);
-  --amethyst-0: color-mix(in srgb, color-mix(in srgb, #7254F3, #fff 76%), #000 80%);
-  --amethyst-50: color-mix(in srgb, #7254F3, #fff 95%);
-  --amethyst-100: color-mix(in srgb, #7254F3, #fff 76%);
-  --amethyst-200: color-mix(in srgb, #7254F3, #fff 57%);
-  --amethyst-300: color-mix(in srgb, #7254F3, #fff 38%);
-  --amethyst-400: color-mix(in srgb, #7254F3, #fff 19%);
-  --amethyst-500: color-mix(in srgb, #7254F3, #fff 0%);
-  --amethyst-600: color-mix(in srgb, #7254F3, #000 15%);
-  --amethyst-700: color-mix(in srgb, #7254F3, #000 30%);
-  --amethyst-800: color-mix(in srgb, #7254F3, #000 45%);
-  --amethyst-900: color-mix(in srgb, #7254F3, #000 60%);
-  --amethyst-alpha: color-mix(in srgb, #7254F3 10%, transparent);
-  --purple-0: color-mix(in srgb, color-mix(in srgb, #9757D7, #fff 76%), #000 80%);
-  --purple-50: color-mix(in srgb, #9757D7, #fff 95%);
-  --purple-100: color-mix(in srgb, #9757D7, #fff 76%);
-  --purple-200: color-mix(in srgb, #9757D7, #fff 57%);
-  --purple-300: color-mix(in srgb, #9757D7, #fff 38%);
-  --purple-400: color-mix(in srgb, #9757D7, #fff 19%);
-  --purple-500: color-mix(in srgb, #9757D7, #fff 0%);
-  --purple-600: color-mix(in srgb, #9757D7, #000 15%);
-  --purple-700: color-mix(in srgb, #9757D7, #000 30%);
-  --purple-800: color-mix(in srgb, #9757D7, #000 45%);
-  --purple-900: color-mix(in srgb, #9757D7, #000 60%);
-  --purple-alpha: color-mix(in srgb, #9757D7 10%, transparent);
-  --blue-0: color-mix(in srgb, color-mix(in srgb, #1F8CEB, #fff 76%), #000 80%);
-  --blue-50: color-mix(in srgb, #1F8CEB, #fff 95%);
-  --blue-100: color-mix(in srgb, #1F8CEB, #fff 76%);
-  --blue-200: color-mix(in srgb, #1F8CEB, #fff 57%);
-  --blue-300: color-mix(in srgb, #1F8CEB, #fff 38%);
-  --blue-400: color-mix(in srgb, #1F8CEB, #fff 19%);
-  --blue-500: color-mix(in srgb, #1F8CEB, #fff 0%);
-  --blue-600: color-mix(in srgb, #1F8CEB, #000 15%);
-  --blue-700: color-mix(in srgb, #1F8CEB, #000 30%);
-  --blue-800: color-mix(in srgb, #1F8CEB, #000 45%);
-  --blue-900: color-mix(in srgb, #1F8CEB, #000 60%);
-  --blue-alpha: color-mix(in srgb, #1F8CEB 10%, transparent);
-  --green-0: color-mix(in srgb, color-mix(in srgb, #45B24E, #fff 76%), #000 80%);
-  --green-50: color-mix(in srgb, #45B24E, #fff 95%);
-  --green-100: color-mix(in srgb, #45B24E, #fff 76%);
-  --green-200: color-mix(in srgb, #45B24E, #fff 57%);
-  --green-300: color-mix(in srgb, #45B24E, #fff 38%);
-  --green-400: color-mix(in srgb, #45B24E, #fff 19%);
-  --green-500: color-mix(in srgb, #45B24E, #fff 0%);
-  --green-600: color-mix(in srgb, #45B24E, #000 15%);
-  --green-700: color-mix(in srgb, #45B24E, #000 30%);
-  --green-800: color-mix(in srgb, #45B24E, #000 45%);
-  --green-900: color-mix(in srgb, #45B24E, #000 60%);
-  --green-alpha: color-mix(in srgb, #45B24E 10%, transparent);
-  --orange-0: color-mix(in srgb, color-mix(in srgb, #FFA100, #fff 76%), #000 80%);
-  --orange-50: color-mix(in srgb, #FFA100, #fff 95%);
-  --orange-100: color-mix(in srgb, #FFA100, #fff 76%);
-  --orange-200: color-mix(in srgb, #FFA100, #fff 57%);
-  --orange-300: color-mix(in srgb, #FFA100, #fff 38%);
-  --orange-400: color-mix(in srgb, #FFA100, #fff 19%);
-  --orange-500: color-mix(in srgb, #FFA100, #fff 0%);
-  --orange-600: color-mix(in srgb, #FFA100, #000 15%);
-  --orange-700: color-mix(in srgb, #FFA100, #000 30%);
-  --orange-800: color-mix(in srgb, #FFA100, #000 45%);
-  --orange-900: color-mix(in srgb, #FFA100, #000 60%);
-  --orange-alpha: color-mix(in srgb, #FFA100 10%, transparent);
-  --red-0: color-mix(in srgb, color-mix(in srgb, #DB4C3F, #fff 76%), #000 80%);
-  --red-50: color-mix(in srgb, #DB4C3F, #fff 95%);
-  --red-100: color-mix(in srgb, #DB4C3F, #fff 76%);
-  --red-200: color-mix(in srgb, #DB4C3F, #fff 57%);
-  --red-300: color-mix(in srgb, #DB4C3F, #fff 38%);
-  --red-400: color-mix(in srgb, #DB4C3F, #fff 19%);
-  --red-500: color-mix(in srgb, #DB4C3F, #fff 0%);
-  --red-600: color-mix(in srgb, #DB4C3F, #000 15%);
-  --red-700: color-mix(in srgb, #DB4C3F, #000 30%);
-  --red-800: color-mix(in srgb, #DB4C3F, #000 45%);
-  --red-900: color-mix(in srgb, #DB4C3F, #000 60%);
-  --red-alpha: color-mix(in srgb, #DB4C3F 10%, transparent);
-  --gray-0: color-mix(in srgb, color-mix(in srgb, #ABAAA9, #fff 76%), #000 80%);
-  --gray-50: color-mix(in srgb, #ABAAA9, #fff 95%);
-  --gray-100: color-mix(in srgb, #ABAAA9, #fff 76%);
-  --gray-200: color-mix(in srgb, #ABAAA9, #fff 57%);
-  --gray-300: color-mix(in srgb, #ABAAA9, #fff 38%);
-  --gray-400: color-mix(in srgb, #ABAAA9, #fff 19%);
-  --gray-500: color-mix(in srgb, #ABAAA9, #fff 0%);
-  --gray-600: color-mix(in srgb, #ABAAA9, #000 15%);
-  --gray-700: color-mix(in srgb, #ABAAA9, #000 30%);
-  --gray-800: color-mix(in srgb, #ABAAA9, #000 45%);
-  --gray-900: color-mix(in srgb, #ABAAA9, #000 60%);
-  --gray-alpha: color-mix(in srgb, #ABAAA9 10%, transparent);
-  --black-10: color-mix(in srgb, #000 10%, transparent) ;
-  --black-20: color-mix(in srgb, #000 20%, transparent) ;
-  --black-30: color-mix(in srgb, #000 30%, transparent) ;
-  --black-40: color-mix(in srgb, #000 40%, transparent) ;
-  --black-50: color-mix(in srgb, #000 50%, transparent) ;
-  --black-60: color-mix(in srgb, #000 60%, transparent) ;
-  --black-70: color-mix(in srgb, #000 70%, transparent) ;
-  --black-80: color-mix(in srgb, #000 80%, transparent) ;
-  --black-90: color-mix(in srgb, #000 90%, transparent) ;
-  --black-100: color-mix(in srgb, #000 100%, transparent) ;
-  --white-10: color-mix(in srgb, #fff 10%, transparent) ;
-  --white-20: color-mix(in srgb, #fff 20%, transparent) ;
-  --white-30: color-mix(in srgb, #fff 30%, transparent) ;
-  --white-40: color-mix(in srgb, #fff 40%, transparent) ;
-  --white-50: color-mix(in srgb, #fff 50%, transparent) ;
-  --white-60: color-mix(in srgb, #fff 60%, transparent) ;
-  --white-70: color-mix(in srgb, #fff 70%, transparent) ;
-  --white-80: color-mix(in srgb, #fff 80%, transparent) ;
-  --white-90: color-mix(in srgb, #fff 90%, transparent) ;
-  --white-100: color-mix(in srgb, #fff 100%, transparent) ;
-  --font-family: Roboto, Inter, Helvetica, Arial, sans-serif;
-  --text-color: var(--black-80);
-  --text-color-secondary: var(--black-60);
-  --primary-color: var(--aquamarine-700);
-  --primary-color-text: var(--white-100);
-  --primary-0: var(--aquamarine-0);
-  --primary-900: var(--aquamarine-900);
-  --primary-800: var(--aquamarine-800);
-  --primary-700: var(--aquamarine-700);
-  --primary-600: var(--aquamarine-600);
-  --primary-500: var(--aquamarine-500);
-  --primary-400: var(--aquamarine-400);
-  --primary-300: var(--aquamarine-300);
-  --primary-200: var(--aquamarine-200);
-  --primary-100: var(--aquamarine-100);
-  --primary-50: var(--aquamarine-50);
-  --primary-alpha: var(--aquamarine-alpha);
-  --surface-0: var(--gray-0);
-  --surface-50: var(--gray-50);
-  --surface-100: var(--gray-100);
-  --surface-200: var(--gray-200);
-  --surface-300: var(--gray-300);
-  --surface-400: var(--gray-400);
-  --surface-500: var(--gray-500);
-  --surface-600: var(--gray-600);
-  --surface-700: var(--gray-700);
-  --surface-800: var(--gray-800);
-  --surface-900: var(--gray-900);
-  --content-padding: 1rem;
-  --inline-spacing: 0.5rem;
-  --border-radius: 0.5rem;
-  --surface-ground: var(--white-100);
-  --surface-section: var(--gray-alpha);
-  --surface-card: var(--white-100);
-  --surface-overlay: var(--black-20);
-  --surface-border: var(--gray-200);
-  --surface-hover: var(--gray-100);
-  --focus-ring: 0 0 0 0.25rem var(--aquamarine-200);
-  --maskbg: var(--black-20);
-  --highlight-bg: var(--aquamarine-700);
-  --highlight-text-color: var(--white-100);
-  color-scheme: light;
-}
-
-@media only screen and (min-resolution: 100dpi) and (max-resolution: 199dpi) {
-  html, body {
-    font-size: 12px;
-  }
-}
-@media only screen and (min-resolution: 200dpi) and (max-resolution: 499dpi) {
-  html, body {
-    font-size: 14px;
-  }
-}
-@media only screen and (min-resolution: 500dpi) {
-  html, body {
-    font-size: 16px;
-  }
-}
-* {
-  box-sizing: border-box;
-}
-
-html {
-  font-size: 14px;
-  font-family: var(--font-family);
-}
-
-::selection {
-  color: var(--white-100);
-  background-color: var(--aquamarine-700);
-}
-
-.p-component {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  font-weight: normal;
-}
-
-.p-component-overlay {
-  background-color: var(--black-20);
-  transition-duration: 0.2s;
-  padding: 0.5rem;
-}
-
-.p-disabled,
-.p-component:disabled {
-  pointer-events: all;
-  cursor: not-allowed;
-  opacity: 0.6;
-  filter: grayscale(1);
-}
-
-.p-placeholder {
-  opacity: 0.6;
-}
-
-.p-error {
-  color: var(--red-400);
-}
-
-.p-text-secondary {
-  color: var(--black-60);
-}
-
-.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-.p-link {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-}
-.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-
-.p-component-overlay-enter {
-  animation: p-component-overlay-enter-animation 150ms forwards;
-}
-
-.p-component-overlay-leave {
-  animation: p-component-overlay-leave-animation 150ms forwards;
-}
-
-@keyframes p-component-overlay-enter-animation {
-  from {
-    background-color: transparent;
-  }
-  to {
-    background-color: var(--maskbg);
-  }
-}
-@keyframes p-component-overlay-leave-animation {
-  from {
-    background-color: var(--maskbg);
-  }
-  to {
-    background-color: transparent;
-  }
-}
-
-::-webkit-scrollbar {
-  width: 9px;
-  height: 9px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--black-10);
-  border-radius: 4.5px;
-}
-
-::-webkit-scrollbar-track {
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-
-::-webkit-scrollbar-track:hover {
-  background-color: var(--gray-100);
-}
-
-p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext,
-p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext,
-p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect,
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext,
-p-dropdown.ng-dirty.ng-invalid > .p-dropdown,
-p-inputmask.ng-dirty.ng-invalid > .p-inputtext,
-p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext,
-p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider,
-.p-inputtext.ng-dirty.ng-invalid,
-p-listbox.ng-dirty.ng-invalid > .p-listbox,
-p-multiselect.ng-dirty.ng-invalid > .p-multiselect,
-p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext,
-p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box,
-p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button,
-p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button,
-p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
-  border-color: var(--red-400) !important;
-  box-shadow: 0 0 0 0.25rem var(--red-100) !important;
-}
-
-.p-progress-spinner-circle {
-  stroke: var(--aquamarine-700);
-}
-
-.p-overflow-hidden {
-  overflow: hidden;
-  padding-right: var(--scrollbar-width);
-}
-
-@layer primeng {
-  .p-component,
-  .p-component * {
-    box-sizing: border-box;
-  }
-  .p-hidden {
-    display: none;
-  }
-  .p-hidden-space {
-    visibility: hidden;
-  }
-  .p-hidden-accessible {
-    border: 0;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-  }
-  .p-hidden-accessible input,
-  .p-hidden-accessible select {
-    transform: scale(0);
-  }
-  .p-reset {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    outline: 0;
-    text-decoration: none;
-    font-size: 100%;
-    list-style: none;
-  }
-  .p-disabled,
-  .p-disabled * {
-    cursor: default !important;
-    pointer-events: none;
-  }
-  .p-component-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-  .p-unselectable-text {
-    user-select: none;
-  }
-  .p-scrollbar-measure {
-    width: 100px;
-    height: 100px;
-    overflow: scroll;
-    position: absolute;
-    top: -9999px;
-  }
-  @keyframes p-fadein {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-  input[type=button],
-  input[type=submit],
-  input[type=reset],
-  input[type=file]::-webkit-file-upload-button,
-  button {
-    border-radius: 0;
-  }
-  .p-link {
-    text-align: left;
-    background-color: transparent;
-    margin: 0;
-    padding: 0;
-    border: none;
-    cursor: pointer;
-    user-select: none;
-  }
-  .p-link:disabled {
-    cursor: default;
-  }
-  .p-sr-only {
-    border: 0;
-    clip: rect(1px, 1px, 1px, 1px);
-    clip-path: inset(50%);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-    word-wrap: normal !important;
-  }
-  /* Non ng overlay animations */
-  .p-connected-overlay {
-    opacity: 0;
-    transform: scaleY(0.8);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  .p-connected-overlay-visible {
-    opacity: 1;
-    transform: scaleY(1);
-  }
-  .p-connected-overlay-hidden {
-    opacity: 0;
-    transform: scaleY(1);
-    transition: opacity 0.1s linear;
-  }
-  .p-toggleable-content.ng-animating {
-    overflow: hidden;
-  }
-  .p-icon-wrapper {
-    display: inline-flex;
-  }
-  .p-icon {
-    display: inline-block;
-  }
-  .p-icon-spin {
-    animation: p-icon-spin 2s infinite linear;
-  }
-}
-@keyframes p-icon-spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(359deg);
-  }
-}
-.p-togglebutton.p-button.p-highlight.p-disabled, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-disabled {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-
-.p-button {
-  height: 2.5rem;
-  display: flex;
-  gap: 0.5rem;
-  font-size: 1rem;
-  font-weight: 700;
-  color: var(--white-100);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  padding: 0rem 1rem;
-  background: var(--aquamarine-700);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-button .p-button-label {
-  transition-duration: 0.2s;
-}
-.p-button .p-button-icon {
-  font-size: 1.25rem;
-}
-.p-button.p-button-rounded {
-  border-radius: 100px;
-}
-.p-button.p-button-icon-only {
-  flex-shrink: 0;
-  width: 2.5rem;
-  padding: 0;
-}
-.p-button.p-button-icon-only:after {
-  display: none;
-}
-.p-button.p-button-icon-only .p-button-label {
-  display: none;
-}
-.p-button.p-button-sm {
-  height: 2rem;
-  font-size: 0.875rem;
-  padding: 0 0.75rem;
-}
-.p-button.p-button-sm .p-button-icon {
-  font-size: 1rem;
-}
-.p-button.p-button-sm.p-button-icon-only {
-  width: 2rem;
-  padding: 0;
-}
-.p-button.p-button-lg {
-  gap: 0.75rem;
-  height: 3.5rem;
-  font-size: 1.25rem;
-  padding: 0 1.5rem;
-}
-.p-button.p-button-lg .p-button-icon {
-  font-size: 1.5rem;
-}
-.p-button.p-button-lg.p-button-icon-only {
-  width: 3.5rem;
-  padding: 0;
-}
-.p-button:not(.p-disabled):hover {
-  background: var(--aquamarine-800);
-  color: var(--white-100);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button:not(.p-disabled):active {
-  background: var(--aquamarine-700);
-  color: var(--white-100);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-
-p-button[size=xlarge] .p-button {
-  gap: 0.75rem;
-  height: 4rem;
-  font-size: 1.75rem;
-  padding: 0 1.5rem;
-}
-p-button[size=xlarge] .p-button .p-button-icon {
-  font-size: 2rem;
-}
-p-button[size=xlarge] .p-button.p-button-icon-only {
-  width: 4rem;
-  padding: 0;
-}
-
-.p-button-outlined {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--aquamarine-700);
-  border-color: var(--aquamarine-200);
-}
-.p-button-outlined:not(.p-disabled):hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--aquamarine-700);
-  border-color: var(--aquamarine-700);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button-outlined:not(.p-disabled):active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--aquamarine-700);
-  border-color: var(--aquamarine-200);
-  box-shadow: none;
-}
-
-.p-button-text {
-  background-color: var(--white-100);
-  color: var(--aquamarine-700);
-}
-.p-button-text:not(.p-disabled):hover {
-  background: var(--aquamarine-alpha);
-  color: var(--aquamarine-700);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button-text:not(.p-disabled):active {
-  background: var(--white-100);
-  color: var(--aquamarine-700);
-  border-color: transparent;
-  box-shadow: none;
-}
-
-.p-button-group {
-  display: flex;
-}
-
-.p-fluid .p-button:not(.p-button-icon-only) {
-  width: 100%;
-}
-.p-fluid .p-button-group .p-button:not(.p-button-icon-only) {
-  flex: 1;
-}
-
-.p-button.p-button-danger,
-.p-button-group.p-button-danger > .p-button,
-.p-splitbutton.p-button-danger > .p-button,
-.p-fileupload-choose.p-button-danger {
-  color: var(--white-100);
-  background: var(--red-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-danger:not(.p-disabled):hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):hover {
-  background: var(--red-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-danger:not(.p-disabled):active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):active {
-  background: var(--red-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-200);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-200);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--red-400);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:hover {
-  background: var(--red-alpha);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-warning,
-.p-button-group.p-button-warning > .p-button,
-.p-splitbutton.p-button-warning > .p-button,
-.p-fileupload-choose.p-button-warning {
-  color: var(--white-100);
-  background: var(--orange-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-warning:not(.p-disabled):hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):hover {
-  background: var(--orange-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-warning:not(.p-disabled):active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):active {
-  background: var(--orange-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-200);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-200);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--orange-400);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:hover {
-  background: var(--orange-alpha);
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-success,
-.p-button-group.p-button-success > .p-button,
-.p-splitbutton.p-button-success > .p-button,
-.p-fileupload-choose.p-button-success {
-  color: var(--white-100);
-  background: var(--green-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-success:not(.p-disabled):hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled):hover {
-  background: var(--green-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-success:not(.p-disabled):active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-success:not(.p-disabled):active {
-  background: var(--green-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-200);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-200);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--green-400);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:hover {
-  background: var(--green-alpha);
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-info,
-.p-button-group.p-button-info > .p-button,
-.p-splitbutton.p-button-info > .p-button,
-.p-fileupload-choose.p-button-info {
-  color: var(--white-100);
-  background: var(--blue-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-info:not(.p-disabled):hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled):hover {
-  background: var(--blue-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-info:not(.p-disabled):active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-info:not(.p-disabled):active {
-  background: var(--blue-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-200);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-200);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--blue-400);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:hover {
-  background: var(--blue-alpha);
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-help,
-.p-button-group.p-button-help > .p-button,
-.p-splitbutton.p-button-help > .p-button,
-.p-fileupload-choose.p-button-help {
-  color: var(--white-100);
-  background: var(--purple-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-help:not(.p-disabled):hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled):hover {
-  background: var(--purple-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-help:not(.p-disabled):active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-help:not(.p-disabled):active {
-  background: var(--purple-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-200);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-200);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--purple-400);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:hover {
-  background: var(--purple-alpha);
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-inputtext {
-  min-height: 2.5rem;
-  line-height: 2.5rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--black-80);
-  background: var(--white-100);
-  padding: 0rem 0.75rem;
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  appearance: none;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-inputtext:enabled:hover {
-  border-color: var(--aquamarine-700);
-}
-.p-inputtext:enabled:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-inputtext.p-invalid.p-component, .p-inputtext.ng-invalid.ng-touched {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-inputtext:disabled, .p-inputtext.p-disabled {
-  background: var(--black-10);
-}
-
-.p-float-label > label {
-  left: 0.75rem;
-  color: var(--black-60);
-  transition-duration: 0.2s;
-}
-
-.p-float-label > .p-invalid + label {
-  color: var(--red-400);
-}
-
-.p-icon-field-left > .p-inputtext {
-  padding-left: 2.5rem;
-}
-
-.p-icon-field-left.p-float-label > label {
-  left: 2.5rem;
-}
-
-.p-icon-field-right > .p-inputtext {
-  padding-right: 2.5rem;
-}
-
-::-webkit-input-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-:-moz-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-::-moz-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-:-ms-input-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-.p-inputtext-lg {
-  min-height: 3.5rem;
-  line-height: 3.5rem;
-}
-
-.p-inputtextarea {
-  padding: 0.75rem;
-  line-height: normal;
-}
-
-.p-icon-field .p-inputtextarea-icon.p-input-icon {
-  top: unset;
-  margin-top: 0.5rem;
-}
-
-.p-inputotp {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.p-inputotp.error .p-inputotp-input {
-  border-color: var(--red-400);
-}
-
-.p-inputotp-input {
-  font-size: 1.5rem;
-  text-align: center;
-  width: 2.5rem;
-  border: none;
-  border-bottom: 1px solid var(--gray-200);
-  border-radius: 0;
-  background: transparent;
-}
-.p-inputotp-input:disabled, .p-inputotp-input.p-disabled {
-  background: transparent;
-}
-
-.p-inputotp-input:enabled:focus {
-  box-shadow: none;
-}
-
-.p-listbox-list-wrapper {
-  overflow: auto;
-}
-
-.p-listbox-list {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-
-.p-listbox-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  color: var(--black-80);
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: 0.2s;
-}
-.p-listbox-item:first-child {
-  margin-top: 0;
-}
-.p-listbox-item:last-child {
-  margin-bottom: 0;
-}
-.p-listbox-item.p-highlight {
-  color: var(--white-100);
-  background: var(--aquamarine-700);
-}
-.p-listbox-item:not(.p-highlight).p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-.p-listbox-item.p-disabled {
-  cursor: not-allowed;
-  opacity: 0.6;
-  background: var(--aquamarine-700) !important;
-  color: var(--white-100) !important;
-  mix-blend-mode: luminosity;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-listbox-item.p-disabled:has(.p-checkbox) {
-  background: var(--black-10);
-  color: var(--black-60);
-}
-.p-listbox-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-listbox-item:has(.p-checkbox) {
-  background: var(--white-100);
-  color: var(--black-80);
-}
-.p-listbox-item:has(.p-checkbox):hover {
-  background: #000;
-}
-
-.p-listbox-item-group {
-  cursor: auto;
-}
-
-.p-listbox-filter-container {
-  position: relative;
-}
-
-.p-listbox-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-listbox-filter {
-  width: 100%;
-}
-
-.p-listbox {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-listbox .p-listbox-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-listbox .p-listbox-header .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-listbox .p-listbox-header .p-checkbox .p-checkbox-box.p-disabled {
-  background: var(--white-100);
-}
-.p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.75rem;
-}
-.p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-listbox .p-listbox-header .p-disabled + .p-listbox-filter-icon {
-  opacity: 0.6;
-}
-.p-listbox .p-listbox-list {
-  padding: 0.25rem;
-  outline: 0 none;
-}
-.p-listbox .p-listbox-list .p-listbox-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-listbox .p-listbox-list .p-listbox-empty-message {
-  text-align: center;
-  color: var(--black-80);
-  padding: 0.75rem;
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight.p-focus {
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: var(--aquamarine-700);
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:hover {
-  background: var(--aquamarine-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox).p-focus {
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover.p-focus {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-listbox.p-invalid {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-listbox.p-disabled *.p-disabled {
-  opacity: 1;
-}
-.p-listbox.p-disabled .p-listbox-filter-icon {
-  display: none;
-}
-.p-listbox.p-disabled .p-listbox-filter.p-inputtext {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49967 2.83335C7.03555 2.83335 6.59043 3.01773 6.26224 3.34592C5.93405 3.67411 5.74967 4.11922 5.74967 4.58335V6.33335H9.24967V4.58335C9.24967 4.11922 9.0653 3.67411 8.73711 3.34592C8.40892 3.01773 7.9638 2.83335 7.49967 2.83335ZM10.4163 6.33335V4.58335C10.4163 3.80981 10.1091 3.06794 9.56207 2.52096C9.01509 1.97398 8.27322 1.66669 7.49967 1.66669C6.72613 1.66669 5.98426 1.97398 5.43728 2.52096C4.8903 3.06794 4.58301 3.80981 4.58301 4.58335V6.33335C4.11888 6.33335 3.67376 6.51773 3.34557 6.84592C3.01738 7.17411 2.83301 7.61922 2.83301 8.08335V11.5834C2.83301 12.0475 3.01738 12.4926 3.34557 12.8208C3.67376 13.149 4.11888 13.3334 4.58301 13.3334H10.4163C10.8805 13.3334 11.3256 13.149 11.6538 12.8208C11.982 12.4926 12.1663 12.0475 12.1663 11.5834V8.08335C12.1663 7.61922 11.982 7.17411 11.6538 6.84592C11.3256 6.51773 10.8805 6.33335 10.4163 6.33335ZM4.58301 7.50002C4.4283 7.50002 4.27993 7.56148 4.17053 7.67087C4.06113 7.78027 3.99967 7.92864 3.99967 8.08335V11.5834C3.99967 11.7381 4.06113 11.8864 4.17053 11.9958C4.27993 12.1052 4.4283 12.1667 4.58301 12.1667H10.4163C10.5711 12.1667 10.7194 12.1052 10.8288 11.9958C10.9382 11.8864 10.9997 11.7381 10.9997 11.5834V8.08335C10.9997 7.92864 10.9382 7.78027 10.8288 7.67087C10.7194 7.56148 10.5711 7.50002 10.4163 7.50002H4.58301ZM6.67472 9.0084C6.89351 8.7896 7.19026 8.66669 7.49967 8.66669C7.80909 8.66669 8.10584 8.7896 8.32463 9.0084C8.54342 9.22719 8.66634 9.52393 8.66634 9.83335C8.66634 10.1428 8.54343 10.4395 8.32463 10.6583C8.10584 10.8771 7.80909 11 7.49967 11C7.19026 11 6.89351 10.8771 6.67472 10.6583C6.45592 10.4395 6.33301 10.1428 6.33301 9.83335C6.33301 9.52393 6.45592 9.22719 6.67472 9.0084Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E");
-  background-position: right 0.75rem center;
-  background-repeat: no-repeat;
-}
-.p-listbox.p-disabled .p-listbox-item {
-  background: var(--black-10);
-  color: var(--black-60);
-}
-
-.p-dropdown {
-  display: inline-flex;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-}
-.p-dropdown.p-disabled {
-  cursor: not-allowed;
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-
-.p-dropdown-clear-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-dropdown-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-dropdown-label {
-  height: min-content;
-  margin: auto 0;
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  flex: 1 1 auto;
-  width: 1%;
-  text-overflow: ellipsis;
-  cursor: pointer;
-}
-
-.p-dropdown-label-empty {
-  overflow: hidden;
-  opacity: 0;
-}
-
-input.p-dropdown-label {
-  cursor: default;
-}
-
-.p-dropdown .p-dropdown-panel {
-  min-width: 100%;
-}
-
-.p-dropdown-panel {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.p-dropdown-items-wrapper {
-  overflow: auto;
-}
-
-.p-dropdown-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--black-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-}
-.p-dropdown-item:first-child {
-  margin-top: 0;
-}
-.p-dropdown-item:last-child {
-  margin-bottom: 0;
-}
-.p-dropdown-item.p-highlight {
-  color: var(--white-100);
-  background: var(--aquamarine-700);
-}
-.p-dropdown-item.p-highlight:hover {
-  background: var(--aquamarine-800);
-}
-.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-dropdown-item:not(.p-highlight).p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-.p-dropdown-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-dropdown-item .p-dropdown-check-icon {
-  position: relative;
-  margin-left: -0.5rem;
-  margin-right: 0.5rem;
-}
-
-.p-dropdown-item-group {
-  cursor: auto;
-}
-
-.p-dropdown-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-dropdown-filter {
-  width: 100%;
-}
-
-.p-dropdown-filter-container {
-  position: relative;
-}
-
-.p-dropdown-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-fluid .p-dropdown {
-  display: flex;
-}
-
-.p-fluid .p-dropdown .p-dropdown-label {
-  width: 1%;
-}
-
-.p-dropdown {
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-dropdown:not(.p-disabled):hover {
-  border-color: var(--aquamarine-700);
-}
-.p-dropdown:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-dropdown.p-dropdown-clearable .p-dropdown-label {
-  padding-right: 1.75rem;
-}
-.p-dropdown .p-dropdown-label {
-  background: transparent;
-  border: 0 none;
-}
-.p-dropdown .p-dropdown-label.p-placeholder {
-  color: var(--black-60);
-}
-.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
-  outline: 0 none;
-  box-shadow: none;
-}
-.p-dropdown .p-dropdown-trigger {
-  background: transparent;
-  color: var(--black-80);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-dropdown .p-dropdown-clear-icon {
-  color: var(--black-80);
-  right: 2.5rem;
-}
-.p-dropdown.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-dropdown-panel {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  margin-top: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-dropdown-panel .p-dropdown-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.75rem;
-  margin-right: -1.75rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-dropdown-panel .p-dropdown-items {
-  padding: 0.25rem;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
-  color: var(--black-80);
-  text-align: center;
-  padding: 0.5rem 0.75rem;
-  background: rgba(255, 255, 255, 0.0001);
-}
-
-.p-multiselect {
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  user-select: none;
-}
-
-.p-multiselect-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-multiselect-label-container {
-  cursor: pointer;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-}
-
-.p-multiselect-clearable .p-multiselect-label-container {
-  padding-right: 1.75rem;
-}
-
-.p-multiselect-clearable .p-multiselect-clear-icon {
-  right: 2.5rem;
-}
-
-.p-multiselect-label {
-  display: block;
-  white-space: nowrap;
-  cursor: pointer;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.p-multiselect-label-empty {
-  overflow: hidden;
-  visibility: hidden;
-}
-
-.p-multiselect-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-  margin-right: 0.25rem;
-}
-
-.p-multiselect-token-icon {
-  cursor: pointer;
-}
-
-.p-multiselect .p-multiselect-panel {
-  min-width: 100%;
-}
-
-.p-multiselect-items-wrapper {
-  overflow: auto;
-}
-
-.p-multiselect-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-multiselect-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--black-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-}
-.p-multiselect-item:not(.p-disabled):hover, .p-multiselect-item:not(.p-disabled).p-focus {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-multiselect-item:not(.p-highlight).p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-.p-multiselect-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-multiselect-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-
-.p-multiselect-item-group {
-  cursor: auto;
-}
-
-.p-multiselect-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.p-multiselect-filter-container {
-  position: relative;
-  flex: 1 1 auto;
-}
-
-.p-multiselect-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-multiselect-filter-container .p-inputtext {
-  width: 100%;
-}
-
-.p-multiselect-close {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  overflow: hidden;
-  position: relative;
-  margin-left: auto;
-}
-
-.p-fluid .p-multiselect {
-  display: flex;
-}
-
-.p-multiselect {
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-multiselect.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--black-10);
-}
-.p-multiselect:not(.p-disabled):hover {
-  border-color: var(--aquamarine-700);
-}
-.p-multiselect:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-multiselect .p-multiselect-label {
-  color: var(--black-80);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect .p-multiselect-label.p-placeholder {
-  color: var(--black-60);
-  padding: 0rem 0.75rem;
-  padding-left: 0.5rem;
-}
-.p-multiselect:not(.p-multiselect-chip) .p-multiselect-label {
-  padding: 0rem 0.75rem;
-  line-height: 2.5rem;
-}
-.p-multiselect.p-multiselect-chip {
-  min-height: 2.5rem;
-  padding: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token {
-  padding: 0rem 0.5rem;
-  background: var(--black-10);
-  color: var(--black-80);
-  border-radius: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
-  margin-left: 0.5rem;
-}
-.p-multiselect .p-multiselect-trigger {
-  background: transparent;
-  color: var(--black-80);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-multiselect.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-multiselect-panel {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  margin-top: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-  border: 1px solid transparent;
-  border-bottom: 0;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.75rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  margin-left: 0.5rem;
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-multiselect-panel .p-multiselect-items {
-  padding: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
-  padding: 0.5rem 0.75rem;
-  color: var(--black-80);
-  background: rgba(255, 255, 255, 0.0001);
-}
-
-.p-password .p-icon-wrapper {
-  right: 0.75rem;
-  top: 50%;
-  cursor: pointer;
-  fill: var(--black-80);
-}
-.p-password.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-password .p-input-icon {
-  cursor: pointer;
-  color: var(--black-80);
-  right: 0.75rem;
-}
-.p-password.p-disabled {
-  opacity: 1;
-}
-.p-password.p-disabled .p-input-icon {
-  opacity: 0.6;
-}
-
-.p-input-icon-right input {
-  padding-right: 2.5rem;
-}
-
-.p-icon-field .p-password-icon.p-input-icon {
-  right: 0.75rem;
-  top: 20% !important;
-}
-
-.p-password-input {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  min-height: 2.5rem;
-  padding: 0 0.75rem;
-  align-items: center;
-}
-
-.text-feedback {
-  display: inline-flex;
-  align-items: flex-start;
-}
-.text-feedback .ti {
-  position: relative;
-  bottom: 1px;
-}
-
-.text-feedback--default {
-  color: var(--black-80);
-}
-.text-feedback--default .ti {
-  color: var(--gray-200);
-}
-
-.text-feedback--success {
-  color: var(--green-400);
-}
-
-.text-feedback--error {
-  color: var(--red-400);
-}
-
-.p-password-panel {
-  color: var(--black-60);
-  padding: 0.75rem;
-  margin-top: 0.25rem;
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  background: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-password-panel .p-password-meter {
-  overflow: hidden;
-  height: 0.5rem;
-  border-radius: 1rem;
-  margin-bottom: 0.5rem;
-  background: var(--black-10);
-}
-.p-password-panel .p-password-meter .p-password-strength.weak {
-  background: var(--red-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.medium {
-  background: var(--orange-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.strong {
-  background: var(--green-400);
-}
-
-.p-inputgroup-addon {
-  background: var(--white-100);
-  color: var(--black-60);
-  border-top: 1px solid var(--gray-200);
-  border-left: 1px solid var(--gray-200);
-  border-bottom: 1px solid var(--gray-200);
-  padding: 0rem 0.75rem;
-  min-width: 2.5rem;
-}
-.p-inputgroup-addon:last-child {
-  border-right: 1px solid var(--gray-200);
-}
-.p-inputgroup-addon.p-disabled {
-  background-color: var(--black-10);
-  color: var(--black-60);
-}
-
-.p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
-  border-radius: 0;
-  margin: 0;
-}
-.p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
-  border-left: 0 none;
-}
-.p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
-  z-index: 1;
-}
-.p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
-  z-index: 1;
-}
-
-.p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:first-child input {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:last-child input {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-inputgroup .p-button {
-  height: auto;
-  width: auto;
-}
-.p-inputgroup .p-button.p-button-icon-only {
-  width: 2.5rem;
-}
-
-.p-icon-field {
-  position: relative;
-}
-
-.p-icon-field .p-input-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
-  width: 100%;
-}
-
-.p-icon-field-left .p-input-icon:first-of-type {
-  left: 0.75rem;
-  color: var(--black-80);
-}
-
-.p-icon-field-right .p-input-icon:last-of-type {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-
-.p-inputnumber.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-p-inputnumber.ng-invalid.ng-touched > .p-inputnumber > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-p-inputnumber[ng-reflect-is-disabled=true] .p-inputnumber-button {
-  background: var(--black-10);
-}
-
-.p-inputnumber-button {
-  color: var(--black-80);
-  border-color: var(--gray-200);
-  background-color: var(--white-100);
-}
-.p-inputnumber-button .p-button-icon {
-  font-size: 1rem;
-}
-
-.p-inputnumber-button:hover {
-  box-shadow: none !important;
-}
-
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-down {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-up {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-input {
-  border-radius: 0;
-  border-left-color: transparent;
-  border-right-color: transparent;
-  z-index: 1;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-down,
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-up {
-  height: 100%;
-}
-
-.p-inputnumber-buttons-vertical .p-inputnumber-button-down {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-button-up {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-input {
-  border-radius: 0;
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-  z-index: 1;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-button-down,
-.p-inputnumber-buttons-vertical .p-inputnumber-button-up {
-  width: 100%;
-}
-
-.p-checkbox {
-  position: relative;
-  display: inline-flex;
-  user-select: none;
-  vertical-align: bottom;
-}
-
-.p-checkbox-input {
-  appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  cursor: pointer;
-}
-
-.p-checkbox-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.p-checkbox {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box {
-  /* Отключение стандартной иконки PrimeNG, т.к. используем tabler, вместо prime-icons. */
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon {
-  display: none;
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box::after {
-  content: "\ea5e";
-  width: 1rem;
-  height: 1rem;
-  transition-duration: 0.2s;
-  color: var(--white-100);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-}
-.p-checkbox .p-checkbox-input {
-  border: 1px solid var(--gray-200);
-  border-radius: 0.25rem;
-}
-.p-checkbox .p-checkbox-box {
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--black-80);
-  border-radius: 0.25rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-checkbox .p-checkbox-box.p-highlight {
-  border-color: var(--aquamarine-700);
-  background: var(--aquamarine-700);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
-  border-color: var(--aquamarine-700);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover.p-highlight {
-  border-color: var(--aquamarine-800);
-  background: var(--aquamarine-800);
-  color: var(--white-100);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-checkbox .p-checkbox-box.p-disabled {
-  background: var(--black-10);
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon {
-  transition-duration: 0.2s;
-  color: var(--white-100);
-  font-size: 1rem;
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-highlight .p-checkbox .p-checkbox-box {
-  border-color: var(--aquamarine-700);
-}
-
-.p-radiobutton {
-  position: relative;
-  display: inline-flex;
-  user-select: none;
-  vertical-align: bottom;
-}
-
-.p-radiobutton-input {
-  cursor: pointer;
-}
-
-.p-radiobutton-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition: all;
-}
-
-.p-radiobutton-box:hover {
-  border: 1px solid var(--aquamarine-800) !important;
-}
-
-.p-radiobutton-box.p-highlight {
-  box-sizing: border-box;
-  background: var(--aquamarine-800) !important;
-}
-.p-radiobutton-box.p-highlight .p-radiobutton-icon {
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.25%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
-  background: var(--white-100);
-  width: 1.5rem;
-  height: 1.5rem;
-  mask-composite: exclude;
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box {
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box:hover {
-  border: 1px solid var(--red-400) !important;
-}
-
-.p-radiobutton-box.p-focus {
-  box-shadow: 0px 0px 0px 3.5px var(--aquamarine-200);
-}
-
-.p-radiobutton {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-radiobutton .p-radiobutton-input {
-  appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  border: 1px solid var(--gray-200);
-  border-radius: 50%;
-}
-.p-radiobutton .p-radiobutton-box {
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--black-80);
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-radiobutton.p-disabled .p-radiobutton-box {
-  background: var(--black-10);
-}
-.p-radiobutton.p-highlight .p-radiobutton-box {
-  border-color: var(--aquamarine-700);
-  background: var(--aquamarine-700);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
-  border-color: var(--aquamarine-700);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
-  border-color: var(--aquamarine-800);
-  background: var(--aquamarine-800);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-radiobutton.p-invalid > .p-radiobutton-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-highlight .p-radiobutton .p-radiobutton-box {
-  border-color: var(--white-100);
-}
-
-.p-inputswitch-slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-.p-inputswitch-slider:before {
-  position: absolute;
-  content: "";
-  top: 50%;
-}
-
-.p-inputswitch {
-  position: relative;
-  display: inline-block;
-  width: 2.5rem;
-  height: 1.5rem;
-  border-radius: 100px;
-}
-.p-inputswitch .p-inputswitch-slider {
-  background: var(--gray-300);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 100px;
-  outline-color: transparent;
-}
-.p-inputswitch .p-inputswitch-slider:before {
-  background: var(--white-100);
-  width: 1rem;
-  height: 1rem;
-  left: 0.25rem;
-  margin-top: -0.5rem;
-  border-radius: 100px;
-  transition-duration: 0.2s;
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
-  background: var(--aquamarine-700);
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  background: var(--white-100);
-  transform: translateX(1rem);
-}
-.p-inputswitch:not(.p-disabled) .p-inputswitch-slider:hover {
-  background-color: var(--aquamarine-800);
-}
-.p-inputswitch:not(.p-disabled).p-focus, .p-inputswitch:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-
-p-inputswitch:not(.p-disabled).p-element.ng-dirty.ng-invalid .p-inputswitch-slider, p-inputswitch:not(.p-disabled).p-element.ng-touched.ng-invalid .p-inputswitch-slider {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-selectbutton {
-  display: flex;
-  height: min-content;
-  gap: 0.25rem;
-  padding: 0.25rem;
-  background-color: var(--black-10);
-  border-radius: 0.5rem;
-}
-.p-selectbutton .p-button {
-  flex-grow: 1;
-  background: rgba(255, 255, 255, 0.0001);
-  border: 1px solid trasparent;
-  border-radius: 0.25rem;
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
-  color: var(--black-60);
-}
-.p-selectbutton .p-button.p-disabled {
-  background: transparent;
-  pointer-events: none;
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
-  background: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
-  color: var(--black-80);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight {
-  background: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--aquamarine-700);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-right {
-  color: var(--aquamarine-700);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover {
-  background: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-right {
-  color: var(--black-80);
-}
-.p-selectbutton.p-invalid > .p-button {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-togglebutton.p-button.p-highlight.p-disabled, .p-button.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-left, .p-button.p-disabled .p-button-icon-left,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-left,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-left,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-left,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-left,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-right,
-.p-button.p-disabled .p-button-icon-right,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-right,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-right,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-right,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-right,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-right {
-  color: var(--black-60) !important;
-}
-
-.p-togglebutton.p-button {
-  background: var(--black-10);
-  border: 1px solid trasparent;
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-  border-radius: 100px;
-}
-.p-togglebutton.p-button:not(.p-disabled):hover {
-  background: var(--aquamarine-alpha);
-  color: var(--aquamarine-700);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  box-shadow: none;
-}
-.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-left,
-.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-right {
-  color: var(--aquamarine-700);
-}
-.p-togglebutton.p-button:not(.p-disabled):focus-visible {
-  box-shadow: 0 0 0 3.5px var(--aquamarine-200);
-}
-.p-togglebutton.p-button .p-button-icon-left,
-.p-togglebutton.p-button .p-button-icon-right {
-  color: var(--black-60);
-}
-.p-togglebutton.p-button.p-highlight {
-  background: var(--aquamarine-700);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--white-100);
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover {
-  background: var(--aquamarine-800);
-  color: var(--white-100);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  box-shadow: none;
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-right {
-  color: var(--white-100);
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):focus-visible {
-  box-shadow: 0 0 0 3.5px var(--aquamarine-200);
-}
-.p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
-  color: var(--white-100);
-}
-
-.p-chips {
-  display: inline-flex;
-  height: min-content;
-}
-
-.p-disabled .p-chips-multiple-container {
-  background-color: var(--black-10);
-}
-
-.p-chips-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-chips-multiple-container:has(.p-chips-token) {
-  padding: 0.25rem;
-}
-
-.p-chips-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-chips-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-chips-token-icon {
-  cursor: pointer;
-}
-
-.p-chips-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-chips {
-  display: flex;
-}
-
-.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
-  border-color: var(--aquamarine-700);
-}
-.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0rem 0.5rem;
-  background: var(--black-10);
-  color: var(--black-80);
-  border-radius: 0.25rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token + .p-chips-input-token {
-  padding: 0 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0rem 0;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--black-80);
-  margin: 0;
-}
-.p-chips.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-slider {
-  background: var(--black-10);
-  border: none;
-  border-radius: 0.5rem;
-}
-.p-slider.p-slider-horizontal {
-  height: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.625rem;
-  margin-left: -0.625rem;
-}
-.p-slider.p-slider-vertical {
-  width: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.625rem;
-  margin-bottom: -0.625rem;
-}
-.p-slider .p-slider-handle {
-  height: 1.25rem;
-  width: 1.25rem;
-  background: var(--aquamarine-700);
-  border: none;
-  border-radius: 1rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-slider .p-slider-handle:focus {
-  background: var(--aquamarine-800);
-  box-shadow: none;
-}
-.p-slider .p-slider-range {
-  background: var(--aquamarine-700);
-  border-radius: 0.5rem;
-}
-.p-slider:not(.p-disabled) .p-slider-handle:hover {
-  background: var(--aquamarine-800);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-
-.p-rating {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-
-.p-rating-item {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-
-.p-rating.p-readonly .p-rating-item {
-  cursor: default;
-}
-
-.p-rating {
-  gap: 0.5rem;
-}
-.p-rating .p-rating-item {
-  outline-color: transparent;
-  border-radius: 50%;
-}
-.p-rating .p-rating-item .p-rating-icon {
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  font-size: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-icon {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
-  color: var(--black-60);
-}
-.p-rating .p-rating-item:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
-  color: var(--orange-400);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
-  color: var(--orange-500);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
-  color: var(--black-80);
-}
-
-.p-calendar.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-
-.p-datepicker {
-  margin-top: 0.25rem;
-  padding: 0.75rem;
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-}
-.p-datepicker:not(.p-datepicker-inline) {
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-datepicker .p-datepicker-header {
-  padding: 0 0 0.5rem;
-  color: var(--black-60);
-  background: var(--white-100);
-  font-weight: bold;
-  margin: 0rem;
-  border-bottom: none;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border: 1px solid transparent;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,
-.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled {
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-  background: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title {
-  line-height: 2rem;
-  display: flex;
-  gap: 0.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select {
-  display: inline-flex;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-  min-height: 2.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  font-weight: bold;
-  padding: 0.25rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
-  color: var(--aquamarine-700);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5rem;
-}
-.p-datepicker table {
-  font-size: 1rem;
-  margin: 0rem;
-}
-.p-datepicker table th {
-  padding: 0.25rem;
-}
-.p-datepicker table th > span {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datepicker table td {
-  padding: 0.25rem;
-}
-.p-datepicker table td > span {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  transition: 0.2s;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-datepicker table td > span.p-highlight {
-  color: var(--white-100);
-  background: var(--aquamarine-700);
-}
-.p-datepicker table td > span:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-datepicker table td.p-datepicker-today > span {
-  color: var(--black-60);
-  font-weight: 700;
-  border-color: var(--gray-100);
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-datepicker table td.p-datepicker-today > span:not(.p-disabled):hover {
-  color: var(--black-80);
-}
-.p-datepicker table td.p-datepicker-today > span.p-highlight {
-  color: var(--white-100);
-  background: var(--aquamarine-700);
-}
-.p-datepicker .p-datepicker-buttonbar {
-  padding: 0rem 0 0;
-}
-.p-datepicker .p-datepicker-buttonbar .p-button {
-  width: auto;
-}
-.p-datepicker .p-timepicker {
-  border-top: 1px solid var(--gray-200);
-  padding: String value;
-}
-.p-datepicker .p-timepicker button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datepicker .p-timepicker button:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-datepicker .p-timepicker button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-datepicker .p-timepicker button.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-datepicker .p-timepicker span {
-  font-size: 1.25rem;
-}
-.p-datepicker .p-timepicker > div {
-  padding: String value;
-}
-.p-datepicker .p-hour-picker,
-.p-datepicker .p-minute-picker {
-  gap: 0.25rem;
-}
-.p-datepicker.p-datepicker-timeonly .p-timepicker {
-  border-top: 0 none;
-}
-.p-datepicker .p-monthpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
-  color: var(--white-100);
-  background: var(--aquamarine-700);
-}
-.p-datepicker .p-yearpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
-  color: var(--white-100);
-  background: var(--aquamarine-700);
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-left: 1px solid var(--gray-200);
-  padding-right: 0.75rem;
-  padding-left: 0.75rem;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
-  padding-left: 0;
-  border-left: 0 none;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
-  padding-right: 0;
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-datepicker:not(.p-disabled) table td span.p-highlight:hover {
-  background: var(--aquamarine-800);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled).p-highlight:hover {
-  background: var(--aquamarine-800);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled).p-highlight:hover {
-  background: var(--aquamarine-800);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-
-.p-autocomplete {
-  display: inline-flex;
-  height: min-content;
-}
-.p-autocomplete .p-autocomplete-loader {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 3.25rem;
-}
-
-.p-autocomplete-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-autocomplete-multiple-container:has(.p-autocomplete-token) {
-  padding: 0.25rem;
-}
-
-.p-autocomplete-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-autocomplete-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-autocomplete-token-icon {
-  cursor: pointer;
-}
-
-.p-autocomplete-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-autocomplete {
-  display: flex;
-}
-
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
-  border-color: var(--aquamarine-700);
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-autocomplete .p-autocomplete-multiple-container.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--black-10);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0rem 0.5rem;
-  background: var(--black-10);
-  color: var(--black-80);
-  border-radius: 0.25rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token + .p-autocomplete-input-token {
-  padding: 0 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0rem 0;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--black-80);
-  margin: 0;
-}
-.p-autocomplete.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-autocomplete-panel {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  margin-top: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-of-type {
-  margin-top: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-of-type {
-  margin-bottom: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
-  color: var(--white-100);
-  background: var(--aquamarine-700);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
-  text-align: center;
-  padding: 0.5rem 0.75rem;
-}
-
-.p-autocomplete-dd .p-autocomplete-input {
-  flex: 1 1 auto;
-  width: 1%;
-}
-.p-autocomplete-dd .p-autocomplete-dropdown {
-  display: none;
-}
-
-.autocomplete-dropdown-container:hover .p-inputtext:enabled {
-  border-color: var(--aquamarine-700);
-}
-
-.autocomplete-dropdown-trigger {
-  position: absolute;
-  right: 0;
-  top: 0;
-  height: 100%;
-  width: 2.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.p-autocomplete-clear-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-  cursor: pointer;
-}
-
-.p-autocomplete-clearable {
-  position: relative;
-}
-.p-autocomplete-clearable .p-autocomplete-clear-icon {
-  right: 0.75rem;
-}
-.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
-  right: 2.5rem;
-}
-
-.p-float-label label{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-  opacity: 0.6;
-}
-
-.p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  opacity: 1;
-}
-
-.float-variant-in .p-float-label .p-inputtext,
-.float-variant-in .p-float-label .p-inputtextarea,
-.float-variant-in .p-float-label .p-select-label,
-.float-variant-in .p-float-label .p-multiselect-label-container,
-.float-variant-in .p-float-label .p-autocomplete-input-multiple,
-.float-variant-in .p-float-label .p-cascadeselect-label,
-.float-variant-in .p-float-label .p-treeselect-label {
-  padding-top: 1rem;
-  min-height: 4rem;
-  line-height: normal;
-}
-
-.float-variant-in .p-float-label .p-inputtextarea {
-  padding-top: 2rem;
-}
-
-.float-variant-in .p-float-label:has(input:focus) label,
-.float-variant-in .p-float-label:has(input.p-filled) label,
-.float-variant-in .p-float-label:has(input:-webkit-autofill) label,
-.float-variant-in .p-float-label:has(textarea:focus) label,
-.float-variant-in .p-float-label:has(textarea.p-filled) label,
-.float-variant-in .p-float-label:has(.p-inputwrapper-focus) label,
-.float-variant-in .p-float-label:has(.p-inputwrapper-filled) label {
-  top: 1rem;
-  padding-top: 0.125rem;
-  padding-bottom: 0.125rem;
-}
-
-.float-variant-in .p-float-label .p-inputtext.p-chips-multiple-container {
-  padding-top: 1.75rem;
-  padding-bottom: 0.25rem;
-}
-
-.p-float-label textarea ~ label {
-  top: 1.25rem;
-}
-
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label {
-  top: -0.75rem;
-}
-
-.float-variant-in .p-float-label textarea:focus,
-.float-variant-in .p-float-label textarea.p-filled {
-  padding-top: 2rem;
-}
-
-.p-float-label .p-dropdown .p-placeholder {
-  opacity: 0;
-}
-
-.float-variant-in .p-float-label .p-dropdown .p-inputtext {
-  padding-top: 2rem;
-}
-
-.p-tabview .p-tabview-nav {
-  background: rgba(255, 255, 255, 0.0001);
-  border-bottom: 1px solid var(--gray-200);
-  gap: 1.5rem;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link {
-  border-bottom: 0.25rem solid rgba(255, 255, 255, 0.0001);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  padding: 1rem 0rem;
-  font-weight: normal;
-  transition: 0.2s;
-  margin: 0;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--aquamarine-700);
-}
-.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--aquamarine-700);
-  color: var(--aquamarine-700);
-}
-.p-tabview .p-tabview-close {
-  margin-left: 0.5rem;
-}
-.p-tabview .p-tabview-nav-btn.p-link {
-  background: var(--white-100);
-  color: var(--black-80);
-  width: 2.5rem;
-  box-shadow: 0px 0px 10px 50px var(--white-60);
-  border-radius: 0;
-}
-.p-tabview .p-tabview-nav-btn.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-tabview .p-tabview-nav-btn.p-link:hover {
-  color: var(--aquamarine-700);
-}
-.p-tabview .p-tabview-panels {
-  background: rgba(255, 255, 255, 0.0001);
-  padding: 1rem 0rem;
-  border: none;
-  color: var(--black-80);
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-divider {
-  border-color: var(--gray-200);
-}
-.p-divider .p-divider-content {
-  background-color: var(--white-100);
-  color: var(--black-60);
-  text-transform: uppercase;
-}
-.p-divider.p-divider-horizontal {
-  margin: 1rem 0rem;
-  padding: 0rem 1rem;
-}
-.p-divider.p-divider-horizontal .p-divider-content {
-  padding: 0 0.5rem;
-}
-.p-divider.p-divider-horizontal:before {
-  border-top-width: 1px;
-  border-top-color: var(--gray-200);
-}
-.p-divider.p-divider-horizontal.p-divider-dash:before {
-  border-top-style: dashed;
-}
-.p-divider.p-divider-vertical {
-  margin: 0rem 1rem;
-  padding: 1rem 0rem;
-}
-.p-divider.p-divider-vertical .p-divider-content {
-  padding: 0.5rem 0;
-}
-.p-divider.p-divider-vertical:before {
-  border-left-width: 1px;
-  border-left-color: var(--gray-200);
-}
-.p-divider.p-divider-vertical.p-divider-dash:before {
-  border-left-style: dashed;
-}
-
-.p-scrollpanel .p-scrollpanel-bar {
-  background: var(--black-10);
-  border: 0 none;
-  border-radius: 0.5rem;
-}
-.p-scrollpanel .p-scrollpanel-bar:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-
-.p-accordion .p-accordion-header .p-accordion-header-link {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  color: var(--black-60);
-  font-weight: 700;
-  padding: 1rem 0rem;
-  border-top: 1px solid var(--gray-200);
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-  gap: 0.5rem;
-}
-.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
-  font-size: 1.25rem;
-}
-.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--gray-200);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--gray-200);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
-  border-color: var(--gray-200);
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-content {
-  padding: 0rem 0rem 1rem 1.75rem;
-  border-bottom: none;
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-tab {
-  margin-bottom: 0rem;
-}
-.p-accordion .p-accordion-tab:first-child .p-accordion-header-link {
-  border-top: none;
-}
-.p-accordion .p-accordion-tab .p-accordion-content .p-accordion-header-link {
-  border-top: 1px solid var(--gray-200);
-}
-
-.p-stepper .p-stepper-nav {
-  display: flex;
-  gap: 0.5rem;
-  justify-content: space-between;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  overflow: hidden;
-  overflow-x: auto;
-}
-.p-stepper .p-stepper-header {
-  position: relative;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-  padding: 0.5rem 0;
-}
-.p-stepper .p-stepper-header.p-disabled {
-  opacity: 1;
-  cursor: initial;
-}
-.p-stepper .p-stepper-header.p-disabled .p-stepper-action {
-  opacity: 0.6;
-}
-.p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-title {
-  color: var(--black-80);
-}
-.p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
-  background-color: var(--aquamarine-700);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-number, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-number {
-  color: var(--white-100);
-  background-color: var(--aquamarine-700);
-  border-color: transparent;
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-icon, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-icon {
-  color: var(--aquamarine-700);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-action.p-danger .p-stepper-number, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-action.p-danger .p-stepper-number {
-  color: var(--white-100);
-  background-color: var(--red-400);
-}
-.p-stepper p-stepperheader .p-stepper-action {
-  display: inline-flex;
-  align-items: center;
-  flex-grow: 0;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  background: var(--white-100);
-  outline-color: transparent;
-  padding: 0;
-}
-.p-stepper p-stepperheader .p-stepper-action:hover {
-  cursor: pointer;
-}
-.p-stepper p-stepperheader .p-stepper-action:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-number {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 400;
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1;
-  font-size: 1rem;
-  border-radius: 8rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title {
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  margin-left: 0.5rem;
-  color: var(--black-80);
-  font-weight: 400;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper{
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
-  line-height: 1;
-  margin-left: 0.5rem;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper .p-stepper-title {
-  margin-left: 0;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-icon{
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.5rem;
-  line-height: 2rem;
-  line-height: 1;
-  min-width: 1.5rem;
-  height: 1.5rem;
-}
-.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-number,
-.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-icon {
-  color: var(--red-400);
-}
-.p-stepper .p-stepper-panels {
-  background: rgba(255, 255, 255, 0.0001);
-  padding: 1rem 0rem;
-  color: var(--black-80);
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-number, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-number {
-  color: var(--white-100);
-  background-color: var(--aquamarine-700);
-  border-color: transparent;
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-icon, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-icon {
-  color: var(--aquamarine-700);
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-action.p-danger .p-stepper-number, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-action.p-danger .p-stepper-number {
-  color: var(--white-100);
-  background-color: var(--red-400);
-}
-.p-stepper .p-stepper-separator {
-  background-color: var(--gray-200);
-  width: 100%;
-  height: 1px;
-  margin-inline-start: 0.5rem;
-  transition: 0.2s;
-}
-.p-stepper.no-line .p-stepper-separator {
-  background-color: transparent !important;
-}
-.p-stepper.p-stepper-vertical {
-  display: flex;
-  flex-direction: column;
-}
-.p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
-  display: flex;
-  flex: 1 1 auto;
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel {
-  display: flex;
-  flex-direction: column;
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
-  flex: 1 1 auto;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
-  width: 100%;
-  padding-left: 1rem;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
-  flex: 0 0 auto;
-  width: 2px;
-  height: auto;
-  margin-inline-start: calc(1.75rem + 2px);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
-  background-color: var(--aquamarine-700);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
-  padding-left: 3rem;
-}
-
-.p-card {
-  overflow: hidden;
-  color: var(--black-80);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-card.p-card-no-shadow {
-  box-shadow: none;
-}
-.p-card .p-card-body {
-  padding: 1rem;
-}
-.p-card .p-card-title {
-  font-size: 1.125rem;
-  font-weight: 700;
-  margin-bottom: 0.25rem;
-}
-.p-card .p-card-subtitle {
-  font-size: 0.875rem;
-  font-weight: 400;
-  color: var(--black-60);
-}
-.p-card .p-card-content {
-  padding: 1rem 0 0;
-}
-.p-card .p-card-footer {
-  padding: 1rem 0 0;
-}
-
-.p-tooltip .p-tooltip-text {
-  background: var(--gray-800);
-  color: var(--white-100);
-  padding: 0.5rem 1rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  border-radius: 0.5rem;
-}
-
-.p-tooltip-arrow {
-  border-color: transparent;
-}
-
-.p-tooltip-right .p-tooltip-arrow,
-.p-tooltip-left .p-tooltip-arrow {
-  margin-top: -0.25rem;
-}
-
-.p-tooltip-top .p-tooltip-arrow,
-.p-tooltip-bottom .p-tooltip-arrow {
-  margin-left: -0.25rem;
-}
-
-.p-tooltip-right .p-tooltip-arrow {
-  border-width: 0.25em 0.25em 0.25em 0;
-  border-right-color: var(--gray-800);
-}
-
-.p-tooltip-left .p-tooltip-arrow {
-  border-width: 0.25em 0 0.25em 0.25rem;
-  border-left-color: var(--gray-800);
-}
-
-.p-tooltip-top .p-tooltip-arrow {
-  border-width: 0.25em 0.25em 0;
-  border-top-color: var(--gray-800);
-}
-
-.p-tooltip-bottom .p-tooltip-arrow {
-  border-width: 0 0.25em 0.25rem;
-  border-bottom-color: var(--gray-800);
-}
-
-.p-dialog {
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  border: 1px solid var(--gray-200);
-}
-.p-dialog .p-dialog-header {
-  border-bottom: 1px solid var(--gray-200);
-  background: var(--white-100);
-  color: var(--black-80);
-  padding: 1.5rem 1.5rem 1rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-header .p-dialog-title {
-  font-weight: bold;
-  font-size: 1.25rem;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-right: 0.5rem;
-  box-shadow: none;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
-  margin-right: 0;
-}
-.p-dialog-danger .p-dialog-title::before, .p-dialog-success .p-dialog-title::before, .p-dialog-info .p-dialog-title::before, .p-dialog-warning .p-dialog-title::before, .p-dialog-help .p-dialog-title::before {
-  content: "";
-  display: inline-block;
-  width: 1.5rem;
-  height: 1.5rem;
-  background-size: contain;
-  margin-right: 0.5rem;
-  vertical-align: text-bottom;
-}
-.p-dialog-danger .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM8.13128 8.63128C8.47299 8.28957 9.02701 8.28957 9.36872 8.63128L10.5 9.76256L11.6313 8.63128C11.973 8.28957 12.527 8.28957 12.8687 8.63128C13.2104 8.97299 13.2104 9.52701 12.8687 9.86872L11.7374 11L12.8687 12.1313C13.2104 12.473 13.2104 13.027 12.8687 13.3687C12.527 13.7104 11.973 13.7104 11.6313 13.3687L10.5 12.2374L9.36872 13.3687C9.02701 13.7104 8.47299 13.7104 8.13128 13.3687C7.78957 13.027 7.78957 12.473 8.13128 12.1313L9.26256 11L8.13128 9.86872C7.78957 9.52701 7.78957 8.97299 8.13128 8.63128Z" fill="%23E26E63"/></svg>') no-repeat;
-}
-.p-dialog-success .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM13.7437 8.63128C14.0854 8.97299 14.0854 9.52701 13.7437 9.86872L10.2437 13.3687C9.90201 13.7104 9.34799 13.7104 9.00628 13.3687L7.25628 11.6187C6.91457 11.277 6.91457 10.723 7.25628 10.3813C7.59799 10.0396 8.15201 10.0396 8.49372 10.3813L9.625 11.5126L12.5063 8.63128C12.848 8.28957 13.402 8.28957 13.7437 8.63128Z" fill="%2368C170"/></svg>') no-repeat;
-}
-.p-dialog-warning .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.24855 2.2875C9.63056 2.07229 10.0616 1.95923 10.5 1.95923C10.9385 1.95923 11.3695 2.07229 11.7515 2.2875C12.1335 2.5027 12.4536 2.81277 12.6808 3.18777L12.6831 3.19162L19.7759 15.0356L19.7832 15.0481C20.0055 15.4335 20.123 15.8705 20.1241 16.3154C20.1252 16.7604 20.0098 17.1979 19.7895 17.5845C19.5691 17.9711 19.2514 18.2932 18.868 18.519C18.4846 18.7447 18.0487 18.8662 17.6038 18.8714L17.5937 18.8715L3.39659 18.8714C2.95146 18.8664 2.51539 18.7449 2.13176 18.5191C1.74813 18.2933 1.43031 17.9709 1.20992 17.5841C0.98952 17.1974 0.874224 16.7596 0.875499 16.3145C0.876773 15.8693 0.994574 15.4322 1.21718 15.0467L1.22426 15.0347L8.30299 3.21587C8.30825 3.20642 8.31369 3.19705 8.31931 3.18777C8.5465 2.81277 8.86655 2.5027 9.24855 2.2875ZM10.5 3.70923C10.3625 3.70923 10.2273 3.74469 10.1075 3.81219C9.99324 3.87657 9.89665 3.968 9.82613 4.07836C9.82357 4.0828 9.82097 4.08723 9.81833 4.09164L2.72982 15.9268C2.66184 16.0465 2.62589 16.1818 2.62549 16.3195C2.62509 16.4591 2.66126 16.5964 2.73039 16.7177C2.79952 16.839 2.8992 16.9401 3.01953 17.011C3.13871 17.0811 3.27402 17.1192 3.41225 17.1214H17.5877C17.7258 17.1191 17.861 17.0811 17.9801 17.011C18.1004 16.9401 18.2 16.8391 18.2691 16.7178C18.3383 16.5966 18.3745 16.4594 18.3741 16.3198C18.3738 16.1822 18.3379 16.047 18.2701 15.9274L11.1841 4.09457C11.1837 4.09404 11.1834 4.09351 11.1831 4.09298C11.1119 3.97607 11.0119 3.87939 10.8926 3.81219C10.7728 3.74469 10.6376 3.70923 10.5 3.70923ZM10.5001 7.49997C10.9833 7.49997 11.3751 7.89172 11.3751 8.37497V11.875C11.3751 12.3582 10.9833 12.75 10.5001 12.75C10.0168 12.75 9.62506 12.3582 9.62506 11.875V8.37497C9.62506 7.89172 10.0168 7.49997 10.5001 7.49997ZM9.62506 14.5C9.62506 14.0167 10.0168 13.625 10.5001 13.625H10.5088C10.9921 13.625 11.3838 14.0167 11.3838 14.5C11.3838 14.9832 10.9921 15.375 10.5088 15.375H10.5001C10.0168 15.375 9.62506 14.9832 9.62506 14.5Z" fill="%23FFB330"/></svg>') no-repeat;
-}
-.p-dialog-info .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.625 8.375C9.625 7.89175 10.0168 7.5 10.5 7.5H10.5087C10.992 7.5 11.3837 7.89175 11.3837 8.375C11.3837 8.85825 10.992 9.25 10.5087 9.25H10.5C10.0168 9.25 9.625 8.85825 9.625 8.375ZM8.75 11C8.75 10.5168 9.14175 10.125 9.625 10.125H10.5C10.9832 10.125 11.375 10.5168 11.375 11V13.625C11.8582 13.625 12.25 14.0168 12.25 14.5C12.25 14.9832 11.8582 15.375 11.375 15.375H10.5C10.0168 15.375 9.625 14.9832 9.625 14.5V11.875C9.14175 11.875 8.75 11.4832 8.75 11Z" fill="%2349A2EF"/></svg>') no-repeat;
-}
-.p-dialog-help .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.99829 7.55089C10.5752 7.43547 11.1741 7.51853 11.6978 7.78656C12.2234 8.05459 12.6434 8.49186 12.89 9.02783C13.1367 9.56409 13.1955 10.1679 13.0568 10.7416C12.9181 11.3154 12.5901 11.8257 12.1257 12.1901C11.6613 12.5545 11.0877 12.7518 10.4974 12.75C10.0141 12.7486 9.62355 12.3556 9.625 11.8724C9.62646 11.3891 10.0194 10.9986 10.5026 11C10.6994 11.0006 10.8906 10.9349 11.0454 10.8134C11.2002 10.6919 11.3096 10.5218 11.3558 10.3306C11.402 10.1393 11.3824 9.93804 11.3002 9.75929C11.2179 9.58053 11.0778 9.43472 10.9025 9.34539L10.9008 9.34452C10.7285 9.25627 10.5314 9.2289 10.3416 9.26688C10.1518 9.30486 9.98043 9.40595 9.85536 9.5537C9.54314 9.92255 8.99103 9.96846 8.62218 9.65624C8.25333 9.34403 8.20742 8.79191 8.51964 8.42306C8.89995 7.97377 9.42109 7.66638 9.99829 7.55089ZM10.5 13.625C10.9832 13.625 11.375 14.0168 11.375 14.5V14.5087C11.375 14.992 10.9832 15.3837 10.5 15.3837C10.0168 15.3837 9.625 14.992 9.625 14.5087V14.5C9.625 14.0168 10.0168 13.625 10.5 13.625Z" fill="%23AB77DF"/></svg>') no-repeat;
-}
-.p-dialog .p-dialog-content {
-  background: var(--white-100);
-  color: var(--black-80);
-  padding: 1.5rem 1.5rem;
-}
-.p-dialog .p-dialog-content:last-of-type {
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer {
-  display: flex;
-  border-top: 1px solid rgba(255, 255, 255, 0.0001);
-  background: var(--white-100);
-  color: var(--black-60);
-  padding: 0rem 1.5rem 1.5rem;
-  text-align: right;
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer button {
-  width: auto;
-}
-.p-dialog .p-confirm-dialog-accept {
-  order: 1;
-}
-.p-dialog .p-confirm-dialog-reject {
-  order: 2;
-}
-.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
-  border-radius: 0;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
-  font-size: 2rem;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-dialog.p-confirm-dialog .p-dialog-footer {
-  flex-direction: row-reverse;
-  gap: 0.5rem;
-}
-.p-dialog.p-confirm-dialog .p-dialog-footer i.none {
-  display: none;
-}
-
-.p-overlaypanel {
-  background: var(--white-100);
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-overlaypanel .p-overlaypanel-content {
-  padding: 1rem;
-}
-.p-overlaypanel .p-overlaypanel-close {
-  background: var(--aquamarine-700);
-  color: var(--white-100);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  position: absolute;
-  top: -1rem;
-  right: -1rem;
-}
-.p-overlaypanel .p-overlaypanel-close:enabled:hover {
-  background: var(--aquamarine-800);
-  color: var(--white-100);
-}
-.p-overlaypanel:after {
-  border: solid transparent;
-  border-color: transparent;
-  border-bottom-color: var(--white-100);
-  border-width: 6px;
-}
-.p-overlaypanel:before {
-  border: solid transparent;
-  border-width: 8px;
-  border-color: transparent;
-  border-bottom-color: var(--gray-200);
-}
-.p-overlaypanel.p-overlaypanel-flipped {
-  margin-top: -7px !important;
-}
-.p-overlaypanel.p-overlaypanel-flipped:after {
-  border-top-color: var(--white-100);
-  border-bottom-color: transparent;
-}
-.p-overlaypanel.p-overlaypanel-flipped:before {
-  border-top-color: var(--gray-200);
-  border-bottom-color: transparent;
-}
-
-.p-sidebar {
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  background: var(--white-100);
-  margin: 0.5rem;
-  height: calc(100vh - 1rem) !important;
-}
-.p-sidebar.p-sidebar-top, .p-sidebar.p-sidebar-full, .p-sidebar.p-sidebar-bottom {
-  width: calc(100vw - 1rem);
-  width: -webkit-fill-available !important;
-}
-.p-sidebar.p-sidebar-top, .p-sidebar.p-sidebar-bottom {
-  height: auto;
-}
-.p-sidebar .p-sidebar-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1.5rem 1.5rem 1rem;
-  border-bottom: 1px solid var(--gray-200);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close.p-disabled,
-.p-sidebar .p-sidebar-header .p-sidebar-icon.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-sidebar .p-sidebar-header > :only-child {
-  margin-left: auto;
-}
-.p-sidebar .p-sidebar-content {
-  padding: 1.5rem 1.5rem;
-}
-.p-sidebar .p-sidebar-footer {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 1.5rem 1.5rem;
-  padding-top: 0rem;
-}
-
-.p-avatar {
-  height: 2rem;
-  width: 2rem;
-  color: var(--white-100);
-  font-size: 1rem;
-  background-color: var(--aquamarine-700);
-  border-radius: 0.5rem;
-}
-.p-avatar:not(.p-avatar-image) {
-  border: 1px solid var(--gray-200);
-}
-.p-avatar.p-avatar-image {
-  background: transparent;
-  position: relative;
-}
-.p-avatar.p-avatar-image img {
-  position: relative;
-  object-fit: cover;
-  border-radius: inherit;
-}
-.p-avatar.p-avatar-image .p-badge {
-  z-index: 1;
-}
-.p-avatar.p-avatar-image::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  border: 1px solid var(--gray-200);
-  border-radius: inherit;
-  z-index: 1;
-}
-.p-avatar.p-avatar-lg {
-  width: 2.5rem;
-  height: 2.5rem;
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-lg .p-avatar-icon {
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-xl {
-  width: 3.5rem;
-  height: 3.5rem;
-  font-size: 1.5rem;
-}
-.p-avatar.p-avatar-xl .p-avatar-icon {
-  font-size: 1.5rem;
-}
-
-.p-avatar-circle {
-  border-radius: 50%;
-}
-
-.p-badge {
-  background: var(--aquamarine-700);
-  color: var(--white-100);
-  font-size: 0.75rem;
-  font-weight: bold;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-}
-.p-badge.p-badge-success {
-  background-color: var(--green-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-info {
-  background-color: var(--blue-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-warning {
-  background-color: var(--orange-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-danger {
-  background-color: var(--red-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-dot {
-  width: 0.5rem;
-  height: 0.5rem;
-  min-width: auto;
-}
-
-.p-tag {
-  height: 1.5rem;
-  color: var(--white-100);
-  font-size: 0.875rem;
-  font-weight: bold;
-  padding: 0.5rem;
-  border-radius: 0.5rem;
-  background: var(--aquamarine-700);
-}
-.p-tag.p-tag-success {
-  background-color: var(--green-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-info {
-  background-color: var(--blue-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-warning {
-  background-color: var(--orange-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-danger {
-  background-color: var(--red-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-rounded {
-  border-radius: 100px;
-}
-.p-tag.p-tag-secondary {
-  background-color: var(--gray-200);
-  color: var(--black-60);
-}
-.p-tag .p-tag-icon {
-  margin-right: 0.25rem;
-  font-size: 0.875rem;
-}
-.p-tag .p-tag-icon.p-icon {
-  width: 0.875rem;
-  height: 0.875rem;
-}
-
-.p-progressbar {
-  border: none;
-  height: 1rem;
-  background: var(--black-10);
-  border-radius: 0.5rem;
-}
-.p-progressbar .p-progressbar-value {
-  border: 0 none;
-  margin: 0;
-  background: var(--aquamarine-700);
-}
-.p-progressbar .p-progressbar-label {
-  color: var(--white-100);
-  line-height: 1rem;
-}
-
-.p-progress-spinner-circle {
-  animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-primary-color 6s ease-in-out infinite;
-}
-
-@keyframes p-progress-spinner-primary-color {
-  100%, 0% {
-    stroke: var(--primary-color) !important;
-  }
-  40% {
-    stroke: var(--primary-color) !important;
-  }
-  66% {
-    stroke: var(--primary-color) !important;
-  }
-  80%, 90% {
-    stroke: var(--primary-color) !important;
-  }
-}
-.p-metergroup {
-  display: flex;
-  gap: 0.75rem;
-  flex-direction: column;
-}
-.p-metergroup .p-metergroup-meter-container {
-  background: var(--black-10);
-  border-radius: 0.5rem;
-}
-.p-metergroup .p-metergroup-labels {
-  display: flex;
-  flex-wrap: wrap;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  gap: 1rem;
-  row-gap: 0.75rem;
-}
-.p-metergroup .p-metergroup-labels-vertical {
-  gap: 0.5rem;
-  flex-direction: column;
-}
-.p-metergroup .p-metergroup-meters {
-  display: flex;
-  background: var(--black-10);
-  border-radius: 0.5rem;
-  height: 0.5rem;
-}
-.p-metergroup .p-metergroup-meter {
-  border: none;
-  background: var(--aquamarine-700);
-}
-.p-metergroup .p-metergroup-label-list-item {
-  line-height: 1rem;
-}
-.p-metergroup .p-metergroup-label-type {
-  background: var(--aquamarine-700);
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 100%;
-  margin-right: 0.5rem;
-}
-.p-metergroup .p-metergroup-label {
-  display: inline-flex;
-  align-items: center;
-  color: var(--black-60);
-  gap: 0.5rem;
-  font-size: 0.875rem;
-  line-height: 100%;
-}
-.p-metergroup .p-metergroup-label .p-metergroup-label-marker {
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 100%;
-  display: inline-flex;
-}
-.p-metergroup .p-metergroup-label-icon {
-  width: 1rem;
-  height: 1rem;
-  font-size: 1rem;
-}
-.p-metergroup .p-metergroup-label-list-vertical {
-  gap: 0.25rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
-  height: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
-  margin-bottom: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
-  margin-top: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical {
-  flex-direction: row;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meters {
-  width: 0.5rem;
-  height: 100%;
-  flex-direction: column;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter {
-  width: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
-  border-bottom-left-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
-  margin-left: 0.5rem;
-}
-
-.p-chip {
-  height: 1.75rem;
-  color: var(--black-80);
-  border-radius: 0.25rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  padding: 0rem 0.5rem;
-  background-color: var(--black-10);
-  display: inline-flex;
-}
-.p-chip.p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background-color: var(--black-10);
-}
-.p-chip .p-chip-text {
-  line-height: 1.5;
-  margin-top: 0rem;
-  margin-bottom: 0rem;
-}
-.p-chip .p-chip-icon {
-  margin-right: 0.5rem;
-}
-.p-chip img {
-  width: 1.5rem;
-  height: 1.5rem;
-  margin-left: -0.75rem;
-  margin-right: 0.5rem;
-}
-.p-chip .p-chip-remove-icon {
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-left: 0.5rem;
-}
-.p-chip .p-chip-remove-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-chip .p-chip-remove-icon:focus {
-  outline: 0 none;
-}
-
-timescircleicon svg {
-  display: none !important;
-}
-timescircleicon::after {
-  cursor: pointer;
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E") no-repeat;
-  height: 16px;
-  width: 16px;
-  background: var(--black-80);
-  margin-left: 0.5rem;
-  content: "";
-}
-
-.p-skeleton {
-  background: var(--gray-200);
-  border-radius: 0.5rem;
-}
-.p-skeleton:after {
-  background: linear-gradient(90deg, var(--gray-200) 0%, var(--gray-100) 40%, var(--gray-200) 75%);
-}
-
-.p-message {
-  overflow: hidden;
-  margin: 0rem;
-  border-radius: 0.5rem;
-}
-.p-message .p-message-wrapper {
-  padding: 1rem;
-  position: relative;
-  display: grid;
-  padding-left: 4rem;
-  min-height: 4rem;
-}
-.p-message .p-message-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: transparent;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  position: absolute;
-  top: 1rem;
-  right: 1rem;
-}
-.p-message .p-message-close:hover {
-  background: rgba(255, 255, 255, 0.5);
-}
-.p-message .p-message-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-message.p-message-info {
-  background: var(--blue-50);
-  border: 1px solid var(--blue-200);
-}
-.p-message.p-message-info .p-message-wrapper {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-message.p-message-info .p-message-icon {
-  color: var(--blue-400);
-}
-.p-message.p-message-info .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--blue-400);
-}
-.p-message.p-message-info .p-message-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-200);
-  background: transparent;
-}
-.p-message.p-message-info .p-message-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-success {
-  background: var(--green-50);
-  border: 1px solid var(--green-200);
-}
-.p-message.p-message-success .p-message-wrapper {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-message.p-message-success .p-message-icon {
-  color: var(--green-400);
-}
-.p-message.p-message-success .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--green-400);
-}
-.p-message.p-message-success .p-message-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-200);
-  background: transparent;
-}
-.p-message.p-message-success .p-message-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-warn {
-  background: var(--orange-50);
-  border: 1px solid var(--orange-200);
-}
-.p-message.p-message-warn .p-message-wrapper {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-message.p-message-warn .p-message-icon {
-  color: var(--orange-400);
-}
-.p-message.p-message-warn .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--orange-400);
-}
-.p-message.p-message-warn .p-message-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-200);
-  background: transparent;
-}
-.p-message.p-message-warn .p-message-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-error {
-  background: var(--red-50);
-  border: 1px solid var(--red-200);
-}
-.p-message.p-message-error .p-message-wrapper {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-message.p-message-error .p-message-icon {
-  color: var(--red-400);
-}
-.p-message.p-message-error .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--red-400);
-}
-.p-message.p-message-error .p-message-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-200);
-  background: transparent;
-}
-.p-message.p-message-error .p-message-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message .p-message-text {
-  font-size: 1rem;
-  font-weight: normal;
-  color: var(--black-80);
-}
-.p-message .p-message-icon {
-  font-size: 2rem;
-  display: inline;
-  margin-right: 0.5rem;
-  position: absolute;
-  top: 1rem;
-  left: 1rem;
-}
-.p-message .p-message-icon .p-icon-wrapper {
-  display: none;
-}
-.p-message .p-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-message .p-message-summary {
-  font-size: 1rem;
-  font-weight: bold;
-  color: var(--black-80);
-  margin-right: 0.25rem;
-}
-.p-message .p-message-detail {
-  font-size: 0.875rem;
-  font-weight: normal;
-  color: var(--black-60);
-  display: block;
-}
-
-.p-toast {
-  opacity: 1;
-}
-.p-toast .p-toast-message {
-  overflow: hidden;
-  margin: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  border-radius: 0.5rem;
-}
-.p-toast .p-toast-message .p-toast-message-content {
-  gap: 1rem;
-  padding: 1rem;
-  border-left-width: 0.25rem;
-  border-left-style: solid;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
-  margin: 0rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
-  font-size: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon .p-icon-wrapper {
-  display: none;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
-  font-weight: bold;
-  font-size: 1rem;
-  color: var(--black-80);
-  margin: auto 0;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
-  font-weight: normal;
-  font-size: 0.875rem;
-  color: var(--black-60);
-  margin-top: 0.25rem;
-}
-.p-toast .p-toast-message .p-toast-icon-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: var(--white-100);
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-info {
-  background: var(--blue-50);
-  border: 1px solid var(--blue-200);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-content {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
-  color: var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-success {
-  background: var(--green-50);
-  border: 1px solid var(--green-200);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-content {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon {
-  color: var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-warn {
-  background: var(--orange-50);
-  border: 1px solid var(--orange-200);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-content {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
-  color: var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-error {
-  background: var(--red-50);
-  border: 1px solid var(--red-200);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-content {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
-  color: var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-
-.p-breadcrumb {
-  background: rgba(255, 255, 255, 0.0001);
-  border: none;
-  padding: 0rem;
-}
-.p-breadcrumb.none-separator-breadcrum .p-menuitem-separator {
-  opacity: 0;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  padding: 0.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover {
-  background-color: var(--gray-100);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
-  margin: 0 0.25rem;
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
-  color: var(--black-80);
-}
-
-.p-menubar {
-  display: flex;
-  padding: 0.25rem;
-  align-items: flex-end;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-menubar .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menubar .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-700);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-800);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menubar .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list][level="0"] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-menubar [class*=list][level="0"] > .p-menuitem {
-  margin: 0;
-}
-.p-menubar [class*=list]:not([level="0"]) {
-  min-width: 8rem;
-  z-index: 2;
-}
-.p-menubar [class*=list][level="1"] {
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list][level="1"].p-menuitem:first-of-type {
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list]:not([level="0"]):not([level="1"]) {
-  margin-left: 0.25rem;
-  margin-top: -0.25rem;
-}
-.p-menubar ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.p-menubar .p-menuitem-link {
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  overflow: hidden;
-  position: relative;
-}
-.p-menubar .p-menuitem-text {
-  line-height: 1;
-}
-.p-menubar .p-menuitem {
-  position: relative;
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-800);
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem.p-menuitem:first-of-type {
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem .p-submenu-list {
-  display: none;
-  position: absolute;
-  z-index: 2;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  background-color: var(--white-100);
-}
-.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg) {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menubar-root-list .p-icon-wrapper {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-icon-wrapper {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menubar-custom,
-.p-menubar .p-menuitem .p-menubar-end {
-  margin-left: auto;
-  align-self: center;
-}
-.p-menubar .p-menubar-root-list {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-}
-.p-menubar .p-menubar-root-list > li ul {
-  display: none;
-  z-index: 1;
-}
-@media screen and (min-width: 960px) {
-  .p-menubar .p-submenu-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-    display: block;
-    left: 100%;
-    top: 0;
-  }
-  .p-menubar .p-menubar-root-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-    display: block;
-  }
-}
-.p-menubar .p-menubar-button {
-  display: none;
-  cursor: pointer;
-  align-items: center;
-  justify-content: center;
-}
-
-@media screen and (max-width: 960px) {
-  .p-menubar {
-    position: relative;
-    align-items: center;
-  }
-  .p-menubar .p-menubar-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--black-60);
-    border: 1px solid rgba(255, 255, 255, 0.0001);
-    background: rgba(255, 255, 255, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-menubar .p-menubar-button:hover {
-    color: var(--black-80);
-    border-color: rgba(255, 255, 255, 0.0001);
-    background: var(--gray-100);
-  }
-  .p-menubar .p-menubar-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-    caret-color: var(--aquamarine-700);
-  }
-  .p-menubar .p-menubar-button.p-disabled {
-    background: var(--black-10);
-    border: 1px solid var(--gray-200);
-    color: var(--black-60);
-  }
-  .p-menubar .p-menuitem-active[aria-expanded=false] .p-submenu-list {
-    display: none;
-  }
-  .p-menubar .p-menuitem-active[aria-expanded=true] > p-menubarsub > .p-submenu-list {
-    display: block;
-    position: relative;
-    left: auto;
-    top: auto;
-    border: 0;
-  }
-  .p-menubar [aria-expanded=true] + p-menubarsub .p-menubar-root-list {
-    display: block;
-  }
-  .p-menubar .p-menubar-root-list {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: none;
-    flex-direction: column;
-    min-width: 8rem;
-    border: 1px solid var(--gray-200);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: var(--white-100);
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-    border-radius: 0.5rem;
-    z-index: 2;
-  }
-  .p-menubar .p-menubar-root-list [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-menubar .p-submenu-list {
-    width: 100%;
-    display: none;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    border-radius: 0.5rem;
-    box-shadow: none;
-  }
-  .p-menubar .p-submenu-list [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(0deg);
-  }
-  .p-menubar .p-submenu-list [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-megamenu [class*=header] {
-  color: var(--black-60);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-megamenu [class*=header][data-p-disabled=true] {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-megamenu [class*=grid] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-  width: max-content;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  padding: 0.25rem;
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-megamenu [class*=col] {
-  display: flex;
-  flex-grow: 1;
-  width: auto;
-  padding: 0;
-}
-.p-megamenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-megamenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-megamenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-700);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-800);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-megamenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-horizontal {
-  display: flex;
-}
-.p-megamenu-horizontal [class*=root] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-megamenu-horizontal [class*=root] > .p-menuitem {
-  margin: 0;
-}
-.p-megamenu-horizontal [class*=grid] {
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-vertical {
-  display: flex;
-}
-.p-megamenu-vertical [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-megamenu-vertical [class*=grid] {
-  margin-left: 0.25rem;
-}
-
-@media screen and (max-width: 960px) {
-  .p-megamenu {
-    position: relative;
-  }
-  .p-megamenu .p-megamenu-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--black-60);
-    border: 1px solid rgba(255, 255, 255, 0.0001);
-    background: rgba(255, 255, 255, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-megamenu .p-megamenu-button:hover {
-    color: var(--black-80);
-    border-color: rgba(255, 255, 255, 0.0001);
-    background: var(--gray-100);
-  }
-  .p-megamenu .p-megamenu-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-    caret-color: var(--aquamarine-700);
-  }
-  .p-megamenu .p-megamenu-button.p-disabled {
-    background: var(--black-10);
-    border: 1px solid var(--gray-200);
-    color: var(--black-60);
-  }
-  .p-megamenu [aria-expanded=false] + [class*=root] {
-    display: none;
-  }
-  .p-megamenu [class*=root] {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: flex;
-    flex-direction: column;
-    min-width: 8rem;
-    border-radius: 0.5rem;
-    border: 1px solid var(--gray-200);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: var(--white-100);
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-    z-index: 2;
-  }
-  .p-megamenu [class*=panel] {
-    width: 100%;
-    position: static;
-  }
-  .p-megamenu [class*=grid] {
-    display: flex;
-    flex-direction: column;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    box-shadow: none;
-  }
-  .p-megamenu [class*=grid] [class*=list] {
-    width: 100%;
-  }
-  .p-megamenu-horizontal [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-megamenu-vertical [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-menu [class*=header] {
-  color: var(--black-60);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-menu [class*=header][data-p-disabled=true] {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-menu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-700);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-800);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-
-.p-menu-overlay {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  padding: 0.25rem;
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  z-index: 2;
-}
-
-.p-tieredmenu {
-  display: flex;
-}
-.p-tieredmenu [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-tieredmenu [data-pc-section=menu] {
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-tieredmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-tieredmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-700);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-800);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-tieredmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-
-.p-tabmenu .p-tabmenu-nav {
-  background: rgba(255, 255, 255, 0.0001);
-  border-bottom: 1px solid var(--gray-200);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
-  margin-right: 1.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  font-weight: normal;
-  border-bottom: 0.25rem solid rgba(255, 255, 255, 0.0001);
-  padding: 1rem 0rem;
-  margin: 0;
-  transition: 0.2s;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--aquamarine-700);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--aquamarine-700);
-  color: var(--aquamarine-700);
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link {
-  background: var(--white-100);
-  color: var(--black-80);
-  width: 2.5rem;
-  box-shadow: 0px 0px 10px 50px var(--white-60);
-  border-radius: 0;
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link:hover {
-  color: var(--aquamarine-700);
-}
-.p-tabmenu .p-tabmenu-nav-container > .p-tabmenu-nav-content > .p-tabmenu-nav {
-  white-space: nowrap;
-  width: max-content;
-}
-
-.p-panelmenu[data-pc-section=root] {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-.p-panelmenu [data-pc-section=header] {
-  padding: 0.5rem 0.75rem;
-  border-radius: 0.5rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-action {
-  display: flex;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-link {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header] .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] {
-  background-color: var(--aquamarine-700);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--aquamarine-800);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-panelmenu [data-pc-section=menu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu [data-pc-section=submenu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-700);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-800);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-link {
-  pointer-events: none;
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-submenu-icon {
-  color: var(--black-60);
-}
-
-.p-contextmenu [class*=list] {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  padding: 0.25rem;
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  z-index: 2;
-}
-.p-contextmenu [class*=list]:not([class*=root]) {
-  margin-top: -0.25rem;
-  margin-left: 0.25rem;
-}
-.p-contextmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-700);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-800);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-contextmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-@media screen and (max-width: 767px) {
-  .p-contextmenu [aria-expanded=true] > .p-menuitem-content .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-  .p-contextmenu [class*=list]:not([class*=root]) {
-    border-radius: 0;
-    border: none;
-    padding-left: 0.75rem !important;
-    margin: 0;
-    margin-top: 0.25rem;
-    background-color: transparent;
-    box-shadow: none;
-  }
-}
-
-.p-steps {
-  overflow: hidden;
-  overflow-x: auto;
-}
-.p-steps .p-steps-item {
-  display: flex;
-  justify-content: center;
-}
-.p-steps .p-steps-item .p-menuitem-link {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 0.5rem;
-  border-radius: 0;
-  padding: 0 0.5rem;
-  background: var(--white-100);
-  transition: 0.2s;
-  z-index: 1;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
-  color: var(--black-80);
-  font-weight: 400;
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-  font-size: 1rem;
-  z-index: 1;
-  border-radius: 8rem;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  color: var(--black-80);
-  font-weight: 400;
-}
-.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-steps .p-steps-item.p-highlight:not(:has(~ .p-highlight)) .p-steps-number {
-  background: var(--aquamarine-700);
-  color: var(--white-100);
-  border-color: transparent;
-}
-.p-steps .p-steps-item.p-highlight:not(:has(~ .p-highlight)) .p-steps-title {
-  color: var(--black-80);
-}
-.p-steps .p-steps-item.p-disabled {
-  opacity: 1;
-}
-.p-steps .p-steps-item.p-disabled .p-steps-number,
-.p-steps .p-steps-item.p-disabled .p-steps-title {
-  opacity: 0.6;
-}
-.p-steps .p-steps-item:before {
-  content: " ";
-  border-top: 1px solid var(--gray-200);
-  width: 100%;
-  top: 50%;
-  left: 0;
-  display: block;
-  position: absolute;
-}
-.p-steps .p-steps-item:first-of-type {
-  justify-content: flex-start;
-}
-.p-steps .p-steps-item:first-of-type .p-menuitem-link {
-  padding-left: 0;
-}
-.p-steps .p-steps-item:last-of-type {
-  justify-content: flex-end;
-}
-.p-steps .p-steps-item:last-of-type .p-menuitem-link {
-  padding-right: 0;
-}
-
-.p-timeline .p-timeline-event-content {
-  color: var(--black-80);
-}
-.p-timeline .p-timeline-event-opposite,
-.p-timeline .p-timeline-event-content {
-  line-height: 1;
-}
-.p-timeline .p-timeline-event-marker {
-  border: 0.25rem solid var(--aquamarine-700);
-  border-radius: 8rem;
-  width: 1rem;
-  height: 1rem;
-  background-color: var(--white-100);
-}
-.p-timeline .p-timeline-event-connector {
-  background-color: var(--gray-200);
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
-  padding: 0rem 0.5rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
-  width: 1px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
-  padding: 0.5rem 0rem;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
-  height: 1px;
-}
-
-.p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin: 0.5rem;
-}
-.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-carousel .p-carousel-content .p-carousel-prev.p-disabled,
-.p-carousel .p-carousel-content .p-carousel-next.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-carousel .p-carousel-indicators {
-  padding: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator {
-  margin-right: 0.5rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator:last-of-type {
-  margin-right: 0;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button {
-  background-color: var(--gray-200);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
-  background: var(--gray-800);
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-
-.p-datatable table {
-  border-collapse: separate;
-}
-.p-datatable .p-paginator-top {
-  border-width: 1px 0 1px 0;
-  border-radius: 0;
-}
-.p-datatable .p-paginator-bottom {
-  border-width: 0 0 0 0;
-  border-radius: 0;
-}
-.p-datatable .p-datatable-header {
-  background: var(--gray-50);
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-footer {
-  background: var(--gray-50);
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-thead > tr > th {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--black-80);
-  background: var(--gray-50);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tfoot > tr > td {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--black-80);
-  background: var(--gray-50);
-}
-.p-datatable .p-sortable-column p-sorticon {
-  vertical-align: middle;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon > svg, .p-datatable .p-sortable-column p-sorticon sortamountupalticon > svg, .p-datatable .p-sortable-column p-sorticon sortamountdownicon > svg {
-  display: none;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon::after, .p-datatable .p-sortable-column p-sorticon sortamountupalticon::after, .p-datatable .p-sortable-column p-sorticon sortamountdownicon::after {
-  width: 1.25rem;
-  height: 1.25rem;
-  color: var(--black-80);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon::after {
-  content: "\eb5a";
-}
-.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after {
-  content: "\eb27";
-  color: var(--aquamarine-700);
-}
-.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after {
-  content: "\eb26";
-  color: var(--aquamarine-700);
-}
-.p-datatable .p-sortable-column .p-sortable-column-badge {
-  border-radius: 50%;
-  height: 1.25rem;
-  min-width: 1.25rem;
-  line-height: 1.25rem;
-  color: var(--white-100);
-  background: var(--aquamarine-700);
-  margin-left: 0.5rem;
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
-  color: var(--black-80);
-}
-.p-datatable .p-sortable-column.p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
-  color: var(--aquamarine-700);
-}
-.p-datatable .p-sortable-column:focus-visible {
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  outline: 0 none;
-}
-.p-datatable .p-datatable-tbody > tr {
-  background: var(--white-100);
-  color: var(--black-80);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td {
-  text-align: left;
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
-  margin-right: 0.5rem;
-}
-.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
-  font-weight: 500;
-}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
-  outline: 0.15rem solid var(--aquamarine-200);
-  outline-offset: -0.15rem;
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
-  box-shadow: inset 0 2px 0 0 var(--aquamarine-700);
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
-  box-shadow: inset 0 -2px 0 0 var(--aquamarine-700);
-}
-.p-datatable .p-datatable-tbody > tr .pi-chevron-right::before,
-.p-datatable .p-datatable-tbody > tr .pi-chevron-down::before {
-  color: var(--black-60);
-  font-size: 1rem;
-}
-.p-datatable .p-datatable-frozen-tbody > tr > td {
-  background: var(--gray-50);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
-  outline: 0.15rem solid var(--aquamarine-200);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
-  outline: 0.15rem solid var(--aquamarine-200);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-column-resizer-helper {
-  background: var(--gray-200);
-}
-.p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
-  background: var(--white-100);
-}
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
-  background-color: var(--gray-50);
-}
-.p-datatable .p-datatable-loading-icon {
-  font-size: 2rem;
-}
-.p-datatable .p-datatable-loading-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-header {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-footer {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-top {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-bottom {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
-  border-width: 1px 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
-  border-width: 1px 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
-  border-width: 0 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
-  background: var(--gray-50);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) + .p-row-expanded {
-  background: var(--gray-50);
-}
-.p-datatable.p-datatable-sm .p-datatable-header {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-footer {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-header {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-footer {
-  padding: 1.25rem 1.25rem;
-}
-
-.p-datatable-drag-selection-helper {
-  background: var(--gray-100);
-}
-
-.p-column-filter-overlay {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  background-color: var(--white-100);
-  padding: 0.25rem;
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-}
-
-.p-column-filter-constraint,
-.p-column-filter-constraints {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-
-.p-column-filter-buttonbar {
-  display: flex;
-  gap: 0.25rem;
-}
-
-[data-pc-section=filterremove] {
-  display: none;
-}
-[data-pc-section=filterremove]:has(.p-column-filter-remove-button) {
-  display: block;
-}
-
-.p-column-filter-menu-button,
-.p-column-filter-clear-button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  vertical-align: middle;
-}
-.p-column-filter-menu-button:enabled:hover,
-.p-column-filter-clear-button:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-column-filter-menu-button:focus-visible,
-.p-column-filter-clear-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-column-filter-menu-button.p-disabled,
-.p-column-filter-clear-button.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-column-filter-menu-button filtericon > svg, .p-column-filter-menu-button filterslashicon > svg,
-.p-column-filter-clear-button filtericon > svg,
-.p-column-filter-clear-button filterslashicon > svg {
-  display: none;
-}
-.p-column-filter-menu-button filtericon::after, .p-column-filter-menu-button filterslashicon::after,
-.p-column-filter-clear-button filtericon::after,
-.p-column-filter-clear-button filterslashicon::after {
-  color: var(--black-80);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 2;
-  -webkit-font-smoothing: antialiased;
-}
-.p-column-filter-menu-button filtericon::after,
-.p-column-filter-clear-button filtericon::after {
-  content: "\eaa5";
-}
-.p-column-filter-menu-button filterslashicon::after,
-.p-column-filter-clear-button filterslashicon::after {
-  content: "\ed2c";
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active,
-.p-column-filter-clear-button.p-column-filter-menu-button-active {
-  background-color: var(--aquamarine-700);
-  color: var(--white-100);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active filtericon::after, .p-column-filter-menu-button.p-column-filter-menu-button-active filterslashicon::after,
-.p-column-filter-clear-button.p-column-filter-menu-button-active filtericon::after,
-.p-column-filter-clear-button.p-column-filter-menu-button-active filterslashicon::after {
-  color: var(--white-100);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active:hover,
-.p-column-filter-clear-button.p-column-filter-menu-button-active:hover {
-  background-color: var(--aquamarine-800);
-  color: var(--white-100);
-}
-
-.p-column-filter-row {
-  gap: 0.5rem;
-}
-
-.p-column-filter-row-item {
-  color: var(--black-80);
-  padding: 0.5rem 0.75rem;
-  margin-top: 0.25rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-column-filter-row-item:first-of-type {
-  margin: 0;
-}
-.p-column-filter-row-item:not(.p-highlight):hover {
-  color: var(--black-80);
-  background-color: var(--gray-100);
-}
-.p-column-filter-row-item.p-highlight {
-  color: var(--white-100);
-  background-color: var(--aquamarine-700);
-}
-.p-column-filter-row-item.p-highlight:hover {
-  background-color: var(--aquamarine-800);
-}
-
-.p-column-filter-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-
-.p-datatable-reorderablerow-handle {
-  color: var(--black-60);
-}
-.p-datatable-reorderablerow-handle::before {
-  content: "\ec01" !important;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 2;
-  -webkit-font-smoothing: antialiased;
-}
-
-.p-paginator {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  border: solid rgba(255, 255, 255, 0.0001);
-  border-width: 0;
-  padding: 0.5rem 0rem;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
-  background-color: rgba(255, 255, 255, 0.0001);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
-  background: var(--gray-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-paginator .p-paginator-first.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-prev.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-next.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-last.p-disabled:not(.p-highlight) {
-  background: var(--black-10);
-  border-color: var(--gray-200);
-  color: var(--black-60);
-}
-.p-paginator .p-paginator-first {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-paginator .p-paginator-last {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-paginator .p-dropdown {
-  margin-left: 0.5rem;
-  height: 2.5rem;
-}
-.p-paginator .p-dropdown .p-dropdown-label {
-  padding-right: 0;
-}
-.p-paginator .p-paginator-page-input {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.p-paginator .p-paginator-page-input .p-inputtext {
-  max-width: 2.5rem;
-}
-.p-paginator .p-paginator-current {
-  background-color: rgba(255, 255, 255, 0.0001);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  padding: 0 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page {
-  background-color: rgba(255, 255, 255, 0.0001);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
-  background: var(--aquamarine-700);
-  border-color: var(--aquamarine-700);
-  color: var(--white-100);
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover {
-  background: var(--aquamarine-800);
-  border-color: var(--aquamarine-800);
-}
-.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
-  background: var(--gray-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-
-.p-galleria .p-galleria-close {
-  margin: 0.5rem;
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-close:hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-item-nav {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  margin: 0.5rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-caption {
-  background: var(--black-60);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-caption-title {
-  padding: 0 1rem;
-}
-.p-galleria .p-galleria-indicators {
-  padding: 1rem;
-  line-height: 0;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button {
-  background-color: var(--white-40);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--white-80);
-  color: var(--white-100);
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
-  margin-right: 0.5rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
-  margin-bottom: 0.5rem;
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
-  background: var(--white-40);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--white-80);
-  color: var(--white-100);
-}
-.p-galleria .p-galleria-thumbnail-container {
-  background: var(--black-100);
-  padding: 0.5rem 0.5rem;
-  gap: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--white-60);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
-  transition: 0.2s;
-  width: 100%;
-  height: 100%;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-
-.p-galleria-mask {
-  --maskbg: var(--black-20);
-}
-
-.p-galleria-thumbnail-item {
-  overflow: hidden;
-  height: 4rem;
-}
-
-.p-fileupload-dnd .p-fileupload,
-.p-fileupload-button .p-fileupload {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd.p-fileupload-advanced,
-.p-fileupload-button.p-fileupload-advanced {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
-.p-fileupload-dnd .p-fileupload-content,
-.p-fileupload-button .p-fileupload-content {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd .p-fileupload-content > p-progressbar,
-.p-fileupload-dnd .p-fileupload-content p-messages,
-.p-fileupload-button .p-fileupload-content > p-progressbar,
-.p-fileupload-button .p-fileupload-content p-messages {
-  display: none;
-}
-.p-fileupload-dnd .p-orderlist-controls,
-.p-fileupload-button .p-orderlist-controls {
-  display: none;
-}
-.p-fileupload-dnd .p-fileupload-files,
-.p-fileupload-button .p-fileupload-files {
-  display: none;
-}
-.p-fileupload-dnd .p-fileupload-info-button,
-.p-fileupload-button .p-fileupload-info-button {
-  width: 2.5rem;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  color: var(--blue-400);
-}
-.p-fileupload-dnd .p-orderlist-list-container,
-.p-fileupload-button .p-orderlist-list-container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-.p-fileupload-dnd .p-orderlist-list-container .p-orderlist-list,
-.p-fileupload-button .p-orderlist-list-container .p-orderlist-list {
-  overflow: hidden;
-  min-height: 0px;
-}
-.p-fileupload-dnd .p-fileupload-progress-spinner,
-.p-fileupload-button .p-fileupload-progress-spinner {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.p-fileupload-dnd .p-fileupload-item-row,
-.p-fileupload-button .p-fileupload-item-row {
-  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
-  border-radius: 0.5rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-fileupload-dnd .p-fileupload-item-row:hover,
-.p-fileupload-button .p-fileupload-item-row:hover {
-  background: var(--gray-100);
-}
-.p-fileupload-dnd .p-fileupload-item-row.error,
-.p-fileupload-button .p-fileupload-item-row.error {
-  border-color: var(--red-400);
-}
-.p-fileupload-dnd .p-fileupload-item-row.error .file-icon,
-.p-fileupload-button .p-fileupload-item-row.error .file-icon {
-  color: var(--red-400);
-}
-.p-fileupload-dnd .p-dataview-content,
-.p-fileupload-dnd .p-orderlist-list,
-.p-fileupload-button .p-dataview-content,
-.p-fileupload-button .p-orderlist-list {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-
-.p-fileupload-dnd .p-fileupload-buttonbar {
-  width: 100%;
-  border-radius: 0.5rem;
-  background: var(--gray-alpha);
-  border: 1px dashed var(--gray-200);
-  padding: 1.5rem 1.5rem 1rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar button {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar button > div {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.25rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar:hover {
-  cursor: pointer;
-  border-color: var(--aquamarine-700);
-}
-.p-fileupload-dnd .p-fileupload-buttonbar:hover i {
-  color: var(--aquamarine-700);
-}
-.hover\:border-primary:hover{
-  border-color: var(--primary-color);
-}
-.hover\:bg-blue-400:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}
-.hover\:bg-purple-400:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
-}
-.hover\:text-primary:hover{
-  color: var(--primary-color);
-}
-.hover\:underline:hover{
-  text-decoration-line: underline;
-}
-@media (min-width: 1px){
-  .sm\:\!w-10{
-    width: 10rem !important;
-  }
-  .sm\:\!w-15{
-    width: 15rem !important;
-  }
-  .sm\:\!w-16{
-    width: 16rem !important;
-  }
-  .sm\:\!w-26{
-    width: 26rem !important;
-  }
-  .sm\:w-auto{
-    width: auto;
-  }
-  .sm\:flex-row{
-    flex-direction: row;
-  }
-  .sm\:flex-col{
-    flex-direction: column;
-  }
-  .sm\:items-start{
-    align-items: flex-start;
-  }
-  .sm\:items-end{
-    align-items: flex-end;
-  }
-  .sm\:items-center{
-    align-items: center;
-  }
-  .sm\:gap-2{
-    gap: 0.5rem;
-  }
-  .sm\:p-8{
-    padding: 2rem;
-  }
-}
-@media (min-width: 768px){
-  .md\:col-span-3{
-    grid-column: span 3 / span 3;
-  }
-  .md\:col-span-6{
-    grid-column: span 6 / span 6;
-  }
-  .md\:mx-auto{
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .md\:mb-0{
-    margin-bottom: 0px;
-  }
-  .md\:ml-auto{
-    margin-left: auto;
-  }
-  .md\:mt-0{
-    margin-top: 0px;
-  }
-  .md\:block{
-    display: block;
-  }
-  .md\:flex{
-    display: flex;
-  }
-  .md\:hidden{
-    display: none;
-  }
-  .md\:\!w-10{
-    width: 10rem !important;
-  }
-  .md\:\!w-15{
-    width: 15rem !important;
-  }
-  .md\:\!w-20{
-    width: 20rem !important;
-  }
-  .md\:\!w-30{
-    width: 30rem !important;
-  }
-  .md\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .md\:\!w-8\/12{
-    width: 66.666667% !important;
-  }
-  .md\:w-2{
-    width: 2rem;
-  }
-  .md\:w-5{
-    width: 5rem;
-  }
-  .md\:flex-initial{
-    flex: 0 1 auto;
-  }
-  .md\:flex-row{
-    flex-direction: row;
-  }
-  .md\:flex-col{
-    flex-direction: column;
-  }
-  .md\:items-end{
-    align-items: flex-end;
-  }
-  .md\:items-center{
-    align-items: center;
-  }
-  .md\:justify-start{
-    justify-content: flex-start;
-  }
-  .md\:justify-center{
-    justify-content: center;
-  }
-  .md\:justify-between{
-    justify-content: space-between;
-  }
-  .md\:gap-8{
-    gap: 2rem;
-  }
-}
-@media (min-width: 1200px){
-  .lg\:mb-0{
-    margin-bottom: 0px;
-  }
-  .lg\:mt-0{
-    margin-top: 0px;
-  }
-  .lg\:flex{
-    display: flex;
-  }
-  .lg\:\!w-3\/12{
-    width: 25% !important;
-  }
-  .lg\:\!w-4\/12{
-    width: 33.333333% !important;
-  }
-  .lg\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .lg\:gap-0{
-    gap: 0px;
-  }
-  .lg\:px-5{
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-  .lg\:px-8{
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-  .lg\:pr-8{
-    padding-right: 2rem;
-  }
-}
-@media (min-width: 1280px){
-  .xl\:block{
-    display: block;
-  }
-  .xl\:flex{
-    display: flex;
-  }
-  .xl\:\!w-10{
-    width: 10rem !important;
-  }
-  .xl\:\!w-3\/12{
-    width: 25% !important;
-  }
-  .xl\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .xl\:\!w-9\/12{
-    width: 75% !important;
-  }
-  .xl\:w-6{
-    width: 6rem;
-  }
-  .xl\:flex-row{
-    flex-direction: row;
-  }
-  .xl\:items-start{
-    align-items: flex-start;
-  }
-  .xl\:justify-center{
-    justify-content: center;
-  }
-  .xl\:pt-0{
-    padding-top: 0px;
-  }
-  .xl\:text-left{
-    text-align: left;
-  }
-}
diff --git a/src-storybook/assets/themes/ek5-light-primary/theme.min.css b/src-storybook/assets/themes/ek5-light-primary/theme.min.css
deleted file mode 100644
index e9d3473..0000000
--- a/src-storybook/assets/themes/ek5-light-primary/theme.min.css
+++ /dev/null
@@ -1,2868 +0,0 @@
-*, ::before, ::after {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-
-::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*//*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-
-::before,
-::after {
-  --tw-content: '';
-}
-
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: Roboto, sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-
-/*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-/*
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-
-/*
-Add the correct font size in all browsers.
-*/
-
-small {
-  font-size: 80%;
-}
-
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-  text-transform: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-
-:-moz-focusring {
-  outline: auto;
-}
-
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-  vertical-align: baseline;
-}
-
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-  display: list-item;
-}
-
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-legend {
-  padding: 0;
-}
-
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-
-/*
-Prevent resizing textareas horizontally by default.
-*/
-
-textarea {
-  resize: vertical;
-}
-
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-
-/*
-Set the default cursor for buttons.
-*/
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}.container {
-  width: 100%;
-}@media (min-width: 1px) {
-
-  .container {
-    max-width: 1px;
-  }
-}@media (min-width: 768px) {
-
-  .container {
-    max-width: 768px;
-  }
-}@media (min-width: 1200px) {
-
-  .container {
-    max-width: 1200px;
-  }
-}@media (min-width: 1280px) {
-
-  .container {
-    max-width: 1280px;
-  }
-}@media (min-width: 1536px) {
-
-  .container {
-    max-width: 1536px;
-  }
-}.pointer-events-none {
-  pointer-events: none;
-}.\!visible {
-  visibility: visible !important;
-}.visible {
-  visibility: visible;
-}.collapse {
-  visibility: collapse;
-}.static {
-  position: static;
-}.fixed {
-  position: fixed;
-}.absolute {
-  position: absolute;
-}.relative {
-  position: relative;
-}.sticky {
-  position: sticky;
-}.left-0 {
-  left: 0px;
-}.right-0 {
-  right: 0px;
-}.top-0 {
-  top: 0px;
-}.top-auto {
-  top: auto;
-}.z-1 {
-  z-index: 1;
-}.col-span-12 {
-  grid-column: span 12 / span 12;
-}.col-span-2 {
-  grid-column: span 2 / span 2;
-}.col-span-6 {
-  grid-column: span 6 / span 6;
-}.col-span-8 {
-  grid-column: span 8 / span 8;
-}.m-0 {
-  margin: 0px;
-}.m-2 {
-  margin: 0.5rem;
-}.m-3 {
-  margin: 0.75rem;
-}.m-auto {
-  margin: auto;
-}.mx-0 {
-  margin-left: 0px;
-  margin-right: 0px;
-}.mx-1 {
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}.mx-3 {
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}.mx-4 {
-  margin-left: 1rem;
-  margin-right: 1rem;
-}.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}.my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}.my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}.my-4 {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}.my-5 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}.-ml-5 {
-  margin-left: -1.25rem;
-}.-mr-1 {
-  margin-right: -0.25rem;
-}.-mr-8 {
-  margin-right: -2rem;
-}.-mt-4 {
-  margin-top: -1rem;
-}.-mt-5 {
-  margin-top: -1.25rem;
-}.mb-0 {
-  margin-bottom: 0px;
-}.mb-1 {
-  margin-bottom: 0.25rem;
-}.mb-2 {
-  margin-bottom: 0.5rem;
-}.mb-3 {
-  margin-bottom: 0.75rem;
-}.mb-4 {
-  margin-bottom: 1rem;
-}.mb-5 {
-  margin-bottom: 1.25rem;
-}.mb-6 {
-  margin-bottom: 1.5rem;
-}.mb-8 {
-  margin-bottom: 2rem;
-}.ml-1 {
-  margin-left: 0.25rem;
-}.ml-2 {
-  margin-left: 0.5rem;
-}.ml-3 {
-  margin-left: 0.75rem;
-}.ml-5 {
-  margin-left: 1.25rem;
-}.ml-8 {
-  margin-left: 2rem;
-}.ml-auto {
-  margin-left: auto;
-}.mr-1 {
-  margin-right: 0.25rem;
-}.mr-2 {
-  margin-right: 0.5rem;
-}.mr-3 {
-  margin-right: 0.75rem;
-}.mr-4 {
-  margin-right: 1rem;
-}.mr-5 {
-  margin-right: 1.25rem;
-}.mt-0 {
-  margin-top: 0px;
-}.mt-1 {
-  margin-top: 0.25rem;
-}.mt-2 {
-  margin-top: 0.5rem;
-}.mt-3 {
-  margin-top: 0.75rem;
-}.mt-4 {
-  margin-top: 1rem;
-}.mt-5 {
-  margin-top: 1.25rem;
-}.mt-6 {
-  margin-top: 1.5rem;
-}.mt-7 {
-  margin-top: 1.75rem;
-}.mt-8 {
-  margin-top: 2rem;
-}.mt-auto {
-  margin-top: auto;
-}.block {
-  display: block;
-}.inline-block {
-  display: inline-block;
-}.\!inline {
-  display: inline !important;
-}.inline {
-  display: inline;
-}.flex {
-  display: flex;
-}.inline-flex {
-  display: inline-flex;
-}.table {
-  display: table;
-}.table-cell {
-  display: table-cell;
-}.grid {
-  display: grid;
-}.contents {
-  display: contents;
-}.hidden {
-  display: none;
-}.\!h-1 {
-  height: 1rem !important;
-}.\!h-10 {
-  height: 10rem !important;
-}.\!h-12 {
-  height: 12rem !important;
-}.\!h-14 {
-  height: 14rem !important;
-}.\!h-2 {
-  height: 2rem !important;
-}.\!h-20 {
-  height: 20rem !important;
-}.\!h-3 {
-  height: 3rem !important;
-}.\!h-30 {
-  height: 30rem !important;
-}.\!h-4 {
-  height: 4rem !important;
-}.\!h-5 {
-  height: 5rem !important;
-}.\!h-6 {
-  height: 6rem !important;
-}.\!h-8 {
-  height: 8rem !important;
-}.h-4 {
-  height: 4rem;
-}.h-full {
-  height: 100%;
-}.h-screen {
-  height: 100vh;
-}.\!w-1 {
-  width: 1rem !important;
-}.\!w-10 {
-  width: 10rem !important;
-}.\!w-12 {
-  width: 12rem !important;
-}.\!w-14 {
-  width: 14rem !important;
-}.\!w-15 {
-  width: 15rem !important;
-}.\!w-18 {
-  width: 18rem !important;
-}.\!w-2 {
-  width: 2rem !important;
-}.\!w-20 {
-  width: 20rem !important;
-}.\!w-25 {
-  width: 25rem !important;
-}.\!w-3 {
-  width: 3rem !important;
-}.\!w-3\/12 {
-  width: 25% !important;
-}.\!w-30 {
-  width: 30rem !important;
-}.\!w-4 {
-  width: 4rem !important;
-}.\!w-4\/12 {
-  width: 33.333333% !important;
-}.\!w-6 {
-  width: 6rem !important;
-}.\!w-6\/12 {
-  width: 50% !important;
-}.\!w-7\/12 {
-  width: 58.333333% !important;
-}.\!w-8 {
-  width: 8rem !important;
-}.\!w-8\/12 {
-  width: 66.666667% !important;
-}.\!w-9 {
-  width: 9rem !important;
-}.\!w-9\/12 {
-  width: 75% !important;
-}.w-1 {
-  width: 1rem;
-}.w-13 {
-  width: 13rem;
-}.w-9 {
-  width: 9rem;
-}.w-full {
-  width: 100%;
-}.min-w-0 {
-  min-width: 0px;
-}.max-w-full {
-  max-width: 100%;
-}.flex-1 {
-  flex: 1 1 0%;
-}.flex-auto {
-  flex: 1 1 auto;
-}.flex-shrink-0 {
-  flex-shrink: 0;
-}.shrink {
-  flex-shrink: 1;
-}.flex-grow {
-  flex-grow: 1;
-}.grow {
-  flex-grow: 1;
-}.origin-top {
-  transform-origin: top;
-}.transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}.cursor-pointer {
-  cursor: pointer;
-}.select-none {
-  user-select: none;
-}.resize {
-  resize: both;
-}.list-none {
-  list-style-type: none;
-}.grid-cols-12 {
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}.flex-row {
-  flex-direction: row;
-}.flex-row-reverse {
-  flex-direction: row-reverse;
-}.flex-col {
-  flex-direction: column;
-}.flex-wrap {
-  flex-wrap: wrap;
-}.items-start {
-  align-items: flex-start;
-}.items-end {
-  align-items: flex-end;
-}.items-center {
-  align-items: center;
-}.justify-start {
-  justify-content: flex-start;
-}.justify-end {
-  justify-content: flex-end;
-}.justify-center {
-  justify-content: center;
-}.justify-between {
-  justify-content: space-between;
-}.gap-1 {
-  gap: 0.25rem;
-}.gap-2 {
-  gap: 0.5rem;
-}.gap-3 {
-  gap: 0.75rem;
-}.gap-4 {
-  gap: 1rem;
-}.gap-5 {
-  gap: 1.25rem;
-}.gap-6 {
-  gap: 1.5rem;
-}.gap-8 {
-  gap: 2rem;
-}.overflow-auto {
-  overflow: auto;
-}.overflow-hidden {
-  overflow: hidden;
-}.overflow-visible {
-  overflow: visible;
-}.overflow-x-auto {
-  overflow-x: auto;
-}.overflow-y-auto {
-  overflow-y: auto;
-}.overflow-y-hidden {
-  overflow-y: hidden;
-}.whitespace-nowrap {
-  white-space: nowrap;
-}.rounded {
-  border-radius: 0.25rem;
-}.rounded-2xl {
-  border-radius: 1rem;
-}.rounded-3xl {
-  border-radius: 1.5rem;
-}.rounded-full {
-  border-radius: 9999px;
-}.rounded-xl {
-  border-radius: 0.75rem;
-}.border {
-  border-width: 1px;
-}.border-1 {
-  border-width: 1px;
-}.border-2 {
-  border-width: 2px;
-}.border-solid {
-  border-style: solid;
-}.border-dashed {
-  border-style: dashed;
-}.border-none {
-  border-style: none;
-}.border-blue-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}.border-color {
-  border-color: var(--text-color);
-}.border-indigo-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
-}.border-orange-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
-}.border-pink-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
-}.border-primary {
-  border-color: var(--primary-color);
-}.border-teal-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
-}.border-transparent {
-  border-color: transparent;
-}.bg-black {
-  background-color: var(--black-100);
-}.bg-blue-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}.bg-blue-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
-}.bg-blue-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}.bg-gray-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
-}.bg-green-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
-}.bg-indigo-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
-}.bg-orange-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
-}.bg-pink-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
-}.bg-primary {
-  background-color: var(--primary-color);
-}.bg-primary-600 {
-  background-color: var(--primary-600);
-}.bg-purple-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
-}.bg-surface-50 {
-  background-color: var(--surface-50);
-}.bg-teal-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
-}.bg-transparent {
-  background-color: transparent;
-}.bg-white {
-  background-color: var(--white-100);
-}.bg-cover {
-  background-size: cover;
-}.object-cover {
-  object-fit: cover;
-}.\!p-0 {
-  padding: 0px !important;
-}.p-0 {
-  padding: 0px;
-}.p-1 {
-  padding: 0.25rem;
-}.p-2 {
-  padding: 0.5rem;
-}.p-3 {
-  padding: 0.75rem;
-}.p-4 {
-  padding: 1rem;
-}.p-5 {
-  padding: 1.25rem;
-}.p-8 {
-  padding: 2rem;
-}.px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
-}.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}.px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
-}.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}.py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}.pb-0 {
-  padding-bottom: 0px;
-}.pb-3 {
-  padding-bottom: 0.75rem;
-}.pb-4 {
-  padding-bottom: 1rem;
-}.pb-5 {
-  padding-bottom: 1.25rem;
-}.pl-0 {
-  padding-left: 0px;
-}.pl-2 {
-  padding-left: 0.5rem;
-}.pl-3 {
-  padding-left: 0.75rem;
-}.pr-0 {
-  padding-right: 0px;
-}.pr-3 {
-  padding-right: 0.75rem;
-}.pr-4 {
-  padding-right: 1rem;
-}.pr-5 {
-  padding-right: 1.25rem;
-}.pr-6 {
-  padding-right: 1.5rem;
-}.pt-1 {
-  padding-top: 0.25rem;
-}.pt-3 {
-  padding-top: 0.75rem;
-}.pt-4 {
-  padding-top: 1rem;
-}.pt-5 {
-  padding-top: 1.25rem;
-}.pt-6 {
-  padding-top: 1.5rem;
-}.pt-7 {
-  padding-top: 1.75rem;
-}.pt-8 {
-  padding-top: 2rem;
-}.text-left {
-  text-align: left;
-}.text-center {
-  text-align: center;
-}.text-right {
-  text-align: right;
-}.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}.text-3xl {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}.text-4xl {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}.text-5xl {
-  font-size: 3rem;
-  line-height: 1;
-}.text-6xl {
-  font-size: 3.75rem;
-  line-height: 1;
-}.text-7xl {
-  font-size: 4.5rem;
-  line-height: 1;
-}.text-8xl {
-  font-size: 6rem;
-  line-height: 1;
-}.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}.font-bold {
-  font-weight: 700;
-}.font-medium {
-  font-weight: 500;
-}.font-normal {
-  font-weight: 400;
-}.font-semibold {
-  font-weight: 600;
-}.uppercase {
-  text-transform: uppercase;
-}.lowercase {
-  text-transform: lowercase;
-}.leading {
-  line-height: normal;
-}.leading-auto {
-  line-height: 1.2;
-}.leading-none {
-  line-height: 1;
-}.leading-normal {
-  line-height: 1.5;
-}.text-blue-500 {
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}.text-color {
-  color: var(--text-color);
-}.text-color-secondary {
-  color: var(--text-color-secondary);
-}.text-gray-900 {
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}.text-green-500 {
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
-}.text-green-600 {
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
-}.text-help {
-  color: var(--purple-400);
-}.text-indigo-200 {
-  --tw-text-opacity: 1;
-  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
-}.text-indigo-500 {
-  --tw-text-opacity: 1;
-  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
-}.text-info {
-  color: var(--blue-400);
-}.text-primary {
-  color: var(--primary-color);
-}.text-primary-50 {
-  color: var(--primary-50);
-}.text-primary-500 {
-  color: var(--primary-500);
-}.text-primary-700 {
-  color: var(--primary-700);
-}.text-red-500 {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}.text-slate-500 {
-  --tw-text-opacity: 1;
-  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
-}.text-white {
-  color: var(--white-100);
-}.text-yellow-500 {
-  --tw-text-opacity: 1;
-  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
-}.line-through {
-  text-decoration-line: line-through;
-}.no-underline {
-  text-decoration-line: none;
-}.antialiased {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}.opacity-20 {
-  opacity: 0.2;
-}.shadow {
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}.outline {
-  outline-style: solid;
-}.outline-color {
-  outline-color: var(--text-color);
-}.blur {
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.grayscale {
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.backdrop-filter {
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.duration-300 {
-  transition-duration: 300ms;
-}.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}.title-h1 {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h2 {
-  font-size: 1.5rem;
-  line-height: 2rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h3 {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h4 {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h5 {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h6 {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.subtitle-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}.subtitle-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}.subtitle-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}.subtitle-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}.subtitle-sm-secondary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}.subtitle-sm-primary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}.caption {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.caption-secondary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.caption-primary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.caption-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.caption-secondary-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.caption-primary-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.service-danger-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}.service-danger-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}.service-warning-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}.service-warning-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}.service-success-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}.service-success-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}.service-info-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.service-info-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.service-help-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.service-help-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.anchor-base:hover {
-  text-decoration-line: underline;
-}.anchor-base:visited {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-base:visited:hover {
-  text-decoration-line: underline;
-}.anchor-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.anchor-sm:hover {
-  text-decoration-line: underline;
-}.anchor-sm:visited {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-sm:visited:hover {
-  text-decoration-line: underline;
-}:root{--emerald-0: color-mix(in srgb, color-mix(in srgb, #29C075, #fff 76%), #000 80%);--emerald-50: color-mix(in srgb, #29C075, #fff 95%);--emerald-100: color-mix(in srgb, #29C075, #fff 76%);--emerald-200: color-mix(in srgb, #29C075, #fff 57%);--emerald-300: color-mix(in srgb, #29C075, #fff 38%);--emerald-400: color-mix(in srgb, #29C075, #fff 19%);--emerald-500: color-mix(in srgb, #29C075, #fff 0%);--emerald-600: color-mix(in srgb, #29C075, #000 15%);--emerald-700: color-mix(in srgb, #29C075, #000 30%);--emerald-800: color-mix(in srgb, #29C075, #000 45%);--emerald-900: color-mix(in srgb, #29C075, #000 60%);--emerald-alpha: color-mix(in srgb, #29C075 10%, transparent);--citrine-0: color-mix(in srgb, color-mix(in srgb, #FA8606, #fff 76%), #000 80%);--citrine-50: color-mix(in srgb, #FA8606, #fff 95%);--citrine-100: color-mix(in srgb, #FA8606, #fff 76%);--citrine-200: color-mix(in srgb, #FA8606, #fff 57%);--citrine-300: color-mix(in srgb, #FA8606, #fff 38%);--citrine-400: color-mix(in srgb, #FA8606, #fff 19%);--citrine-500: color-mix(in srgb, #FA8606, #fff 0%);--citrine-600: color-mix(in srgb, #FA8606, #000 15%);--citrine-700: color-mix(in srgb, #FA8606, #000 30%);--citrine-800: color-mix(in srgb, #FA8606, #000 45%);--citrine-900: color-mix(in srgb, #FA8606, #000 60%);--citrine-alpha: color-mix(in srgb, #FA8606 10%, transparent);--aquamarine-0: color-mix(in srgb, color-mix(in srgb, #14B8A6, #fff 76%), #000 80%);--aquamarine-50: color-mix(in srgb, #14B8A6, #fff 95%);--aquamarine-100: color-mix(in srgb, #14B8A6, #fff 76%);--aquamarine-200: color-mix(in srgb, #14B8A6, #fff 57%);--aquamarine-300: color-mix(in srgb, #14B8A6, #fff 38%);--aquamarine-400: color-mix(in srgb, #14B8A6, #fff 19%);--aquamarine-500: color-mix(in srgb, #14B8A6, #fff 0%);--aquamarine-600: color-mix(in srgb, #14B8A6, #000 15%);--aquamarine-700: color-mix(in srgb, #14B8A6, #000 30%);--aquamarine-800: color-mix(in srgb, #14B8A6, #000 45%);--aquamarine-900: color-mix(in srgb, #14B8A6, #000 60%);--aquamarine-alpha: color-mix(in srgb, #14B8A6 10%, transparent);--amethyst-0: color-mix(in srgb, color-mix(in srgb, #7254F3, #fff 76%), #000 80%);--amethyst-50: color-mix(in srgb, #7254F3, #fff 95%);--amethyst-100: color-mix(in srgb, #7254F3, #fff 76%);--amethyst-200: color-mix(in srgb, #7254F3, #fff 57%);--amethyst-300: color-mix(in srgb, #7254F3, #fff 38%);--amethyst-400: color-mix(in srgb, #7254F3, #fff 19%);--amethyst-500: color-mix(in srgb, #7254F3, #fff 0%);--amethyst-600: color-mix(in srgb, #7254F3, #000 15%);--amethyst-700: color-mix(in srgb, #7254F3, #000 30%);--amethyst-800: color-mix(in srgb, #7254F3, #000 45%);--amethyst-900: color-mix(in srgb, #7254F3, #000 60%);--amethyst-alpha: color-mix(in srgb, #7254F3 10%, transparent);--purple-0: color-mix(in srgb, color-mix(in srgb, #9757D7, #fff 76%), #000 80%);--purple-50: color-mix(in srgb, #9757D7, #fff 95%);--purple-100: color-mix(in srgb, #9757D7, #fff 76%);--purple-200: color-mix(in srgb, #9757D7, #fff 57%);--purple-300: color-mix(in srgb, #9757D7, #fff 38%);--purple-400: color-mix(in srgb, #9757D7, #fff 19%);--purple-500: color-mix(in srgb, #9757D7, #fff 0%);--purple-600: color-mix(in srgb, #9757D7, #000 15%);--purple-700: color-mix(in srgb, #9757D7, #000 30%);--purple-800: color-mix(in srgb, #9757D7, #000 45%);--purple-900: color-mix(in srgb, #9757D7, #000 60%);--purple-alpha: color-mix(in srgb, #9757D7 10%, transparent);--blue-0: color-mix(in srgb, color-mix(in srgb, #1F8CEB, #fff 76%), #000 80%);--blue-50: color-mix(in srgb, #1F8CEB, #fff 95%);--blue-100: color-mix(in srgb, #1F8CEB, #fff 76%);--blue-200: color-mix(in srgb, #1F8CEB, #fff 57%);--blue-300: color-mix(in srgb, #1F8CEB, #fff 38%);--blue-400: color-mix(in srgb, #1F8CEB, #fff 19%);--blue-500: color-mix(in srgb, #1F8CEB, #fff 0%);--blue-600: color-mix(in srgb, #1F8CEB, #000 15%);--blue-700: color-mix(in srgb, #1F8CEB, #000 30%);--blue-800: color-mix(in srgb, #1F8CEB, #000 45%);--blue-900: color-mix(in srgb, #1F8CEB, #000 60%);--blue-alpha: color-mix(in srgb, #1F8CEB 10%, transparent);--green-0: color-mix(in srgb, color-mix(in srgb, #45B24E, #fff 76%), #000 80%);--green-50: color-mix(in srgb, #45B24E, #fff 95%);--green-100: color-mix(in srgb, #45B24E, #fff 76%);--green-200: color-mix(in srgb, #45B24E, #fff 57%);--green-300: color-mix(in srgb, #45B24E, #fff 38%);--green-400: color-mix(in srgb, #45B24E, #fff 19%);--green-500: color-mix(in srgb, #45B24E, #fff 0%);--green-600: color-mix(in srgb, #45B24E, #000 15%);--green-700: color-mix(in srgb, #45B24E, #000 30%);--green-800: color-mix(in srgb, #45B24E, #000 45%);--green-900: color-mix(in srgb, #45B24E, #000 60%);--green-alpha: color-mix(in srgb, #45B24E 10%, transparent);--orange-0: color-mix(in srgb, color-mix(in srgb, #FFA100, #fff 76%), #000 80%);--orange-50: color-mix(in srgb, #FFA100, #fff 95%);--orange-100: color-mix(in srgb, #FFA100, #fff 76%);--orange-200: color-mix(in srgb, #FFA100, #fff 57%);--orange-300: color-mix(in srgb, #FFA100, #fff 38%);--orange-400: color-mix(in srgb, #FFA100, #fff 19%);--orange-500: color-mix(in srgb, #FFA100, #fff 0%);--orange-600: color-mix(in srgb, #FFA100, #000 15%);--orange-700: color-mix(in srgb, #FFA100, #000 30%);--orange-800: color-mix(in srgb, #FFA100, #000 45%);--orange-900: color-mix(in srgb, #FFA100, #000 60%);--orange-alpha: color-mix(in srgb, #FFA100 10%, transparent);--red-0: color-mix(in srgb, color-mix(in srgb, #DB4C3F, #fff 76%), #000 80%);--red-50: color-mix(in srgb, #DB4C3F, #fff 95%);--red-100: color-mix(in srgb, #DB4C3F, #fff 76%);--red-200: color-mix(in srgb, #DB4C3F, #fff 57%);--red-300: color-mix(in srgb, #DB4C3F, #fff 38%);--red-400: color-mix(in srgb, #DB4C3F, #fff 19%);--red-500: color-mix(in srgb, #DB4C3F, #fff 0%);--red-600: color-mix(in srgb, #DB4C3F, #000 15%);--red-700: color-mix(in srgb, #DB4C3F, #000 30%);--red-800: color-mix(in srgb, #DB4C3F, #000 45%);--red-900: color-mix(in srgb, #DB4C3F, #000 60%);--red-alpha: color-mix(in srgb, #DB4C3F 10%, transparent);--gray-0: color-mix(in srgb, color-mix(in srgb, #ABAAA9, #fff 76%), #000 80%);--gray-50: color-mix(in srgb, #ABAAA9, #fff 95%);--gray-100: color-mix(in srgb, #ABAAA9, #fff 76%);--gray-200: color-mix(in srgb, #ABAAA9, #fff 57%);--gray-300: color-mix(in srgb, #ABAAA9, #fff 38%);--gray-400: color-mix(in srgb, #ABAAA9, #fff 19%);--gray-500: color-mix(in srgb, #ABAAA9, #fff 0%);--gray-600: color-mix(in srgb, #ABAAA9, #000 15%);--gray-700: color-mix(in srgb, #ABAAA9, #000 30%);--gray-800: color-mix(in srgb, #ABAAA9, #000 45%);--gray-900: color-mix(in srgb, #ABAAA9, #000 60%);--gray-alpha: color-mix(in srgb, #ABAAA9 10%, transparent);--black-10: color-mix(in srgb, #000 10%, transparent) ;--black-20: color-mix(in srgb, #000 20%, transparent) ;--black-30: color-mix(in srgb, #000 30%, transparent) ;--black-40: color-mix(in srgb, #000 40%, transparent) ;--black-50: color-mix(in srgb, #000 50%, transparent) ;--black-60: color-mix(in srgb, #000 60%, transparent) ;--black-70: color-mix(in srgb, #000 70%, transparent) ;--black-80: color-mix(in srgb, #000 80%, transparent) ;--black-90: color-mix(in srgb, #000 90%, transparent) ;--black-100: color-mix(in srgb, #000 100%, transparent) ;--white-10: color-mix(in srgb, #fff 10%, transparent) ;--white-20: color-mix(in srgb, #fff 20%, transparent) ;--white-30: color-mix(in srgb, #fff 30%, transparent) ;--white-40: color-mix(in srgb, #fff 40%, transparent) ;--white-50: color-mix(in srgb, #fff 50%, transparent) ;--white-60: color-mix(in srgb, #fff 60%, transparent) ;--white-70: color-mix(in srgb, #fff 70%, transparent) ;--white-80: color-mix(in srgb, #fff 80%, transparent) ;--white-90: color-mix(in srgb, #fff 90%, transparent) ;--white-100: color-mix(in srgb, #fff 100%, transparent) ;--font-family: Roboto, Inter, Helvetica, Arial, sans-serif;--text-color: var(--black-80);--text-color-secondary: var(--black-60);--primary-color: var(--aquamarine-700);--primary-color-text: var(--white-100);--primary-0: var(--aquamarine-0);--primary-900: var(--aquamarine-900);--primary-800: var(--aquamarine-800);--primary-700: var(--aquamarine-700);--primary-600: var(--aquamarine-600);--primary-500: var(--aquamarine-500);--primary-400: var(--aquamarine-400);--primary-300: var(--aquamarine-300);--primary-200: var(--aquamarine-200);--primary-100: var(--aquamarine-100);--primary-50: var(--aquamarine-50);--primary-alpha: var(--aquamarine-alpha);--surface-0: var(--gray-0);--surface-50: var(--gray-50);--surface-100: var(--gray-100);--surface-200: var(--gray-200);--surface-300: var(--gray-300);--surface-400: var(--gray-400);--surface-500: var(--gray-500);--surface-600: var(--gray-600);--surface-700: var(--gray-700);--surface-800: var(--gray-800);--surface-900: var(--gray-900);--content-padding: 1rem;--inline-spacing: 0.5rem;--border-radius: 0.5rem;--surface-ground: var(--white-100);--surface-section: var(--gray-alpha);--surface-card: var(--white-100);--surface-overlay: var(--black-20);--surface-border: var(--gray-200);--surface-hover: var(--gray-100);--focus-ring: 0 0 0 0.25rem var(--aquamarine-200);--maskbg: var(--black-20);--highlight-bg: var(--aquamarine-700);--highlight-text-color: var(--white-100);color-scheme:light}@media only screen and (min-resolution: 100dpi)and (max-resolution: 199dpi){html,body{font-size:12px}}@media only screen and (min-resolution: 200dpi)and (max-resolution: 499dpi){html,body{font-size:14px}}@media only screen and (min-resolution: 500dpi){html,body{font-size:16px}}*{box-sizing:border-box}html{font-size:14px;font-family:var(--font-family)}::selection{color:var(--white-100);background-color:var(--aquamarine-700)}.p-component{font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;font-weight:normal}.p-component-overlay{background-color:var(--black-20);transition-duration:.2s;padding:.5rem}.p-disabled,.p-component:disabled{pointer-events:all;cursor:not-allowed;opacity:.6;filter:grayscale(1)}.p-placeholder{opacity:.6}.p-error{color:var(--red-400)}.p-text-secondary{color:var(--black-60)}.p-icon{width:1rem;height:1rem}.p-link{font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;border-radius:.5rem}.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-component-overlay-enter{animation:p-component-overlay-enter-animation 150ms forwards}.p-component-overlay-leave{animation:p-component-overlay-leave-animation 150ms forwards}@keyframes p-component-overlay-enter-animation{from{background-color:rgba(0,0,0,0)}to{background-color:var(--maskbg)}}@keyframes p-component-overlay-leave-animation{from{background-color:var(--maskbg)}to{background-color:rgba(0,0,0,0)}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background-color:var(--black-10);border-radius:4.5px}::-webkit-scrollbar-track{background-color:rgba(255,255,255,.0001)}::-webkit-scrollbar-track:hover{background-color:var(--gray-100)}p-autocomplete.ng-dirty.ng-invalid>.p-autocomplete>.p-inputtext,p-calendar.ng-dirty.ng-invalid>.p-calendar>.p-inputtext,p-cascadeselect.ng-dirty.ng-invalid>.p-cascadeselect,p-checkbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box,p-tristatecheckbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box,p-chips.ng-dirty.ng-invalid>.p-chips>.p-inputtext,p-dropdown.ng-dirty.ng-invalid>.p-dropdown,p-inputmask.ng-dirty.ng-invalid>.p-inputtext,p-inputnumber.ng-dirty.ng-invalid>.p-inputnumber>.p-inputtext,p-inputswitch.ng-dirty.ng-invalid>.p-inputswitch>.p-inputswitch-slider,.p-inputtext.ng-dirty.ng-invalid,p-listbox.ng-dirty.ng-invalid>.p-listbox,p-multiselect.ng-dirty.ng-invalid>.p-multiselect,p-password.ng-invalid.ng-dirty>.p-password>.p-inputtext,p-radiobutton.ng-dirty.ng-invalid>.p-radiobutton>.p-radiobutton-box,p-selectbutton.ng-dirty.ng-invalid>.p-selectbutton>.p-button,p-togglebutton.ng-dirty.ng-invalid>.p-togglebutton.p-button,p-treeselect.ng-invalid.ng-dirty>.p-treeselect{border-color:var(--red-400) !important;box-shadow:0 0 0 .25rem var(--red-100) !important}.p-progress-spinner-circle{stroke:var(--aquamarine-700)}.p-overflow-hidden{overflow:hidden;padding-right:var(--scrollbar-width)}@layer primeng{.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type=button],input[type=submit],input[type=reset],input[type=file]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:rgba(0,0,0,0);margin:0;padding:0;border:none;cursor:pointer;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:inline-flex}.p-icon{display:inline-block}.p-icon-spin{animation:p-icon-spin 2s infinite linear}}@keyframes p-icon-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.p-togglebutton.p-button.p-highlight.p-disabled,.p-button.p-button-help.p-disabled,.p-button-group.p-button-help>.p-button.p-disabled,.p-splitbutton.p-button-help>.p-button.p-disabled,.p-fileupload-choose.p-button-help.p-disabled,.p-button.p-button-info.p-disabled,.p-button-group.p-button-info>.p-button.p-disabled,.p-splitbutton.p-button-info>.p-button.p-disabled,.p-fileupload-choose.p-button-info.p-disabled,.p-button.p-button-success.p-disabled,.p-button-group.p-button-success>.p-button.p-disabled,.p-splitbutton.p-button-success>.p-button.p-disabled,.p-fileupload-choose.p-button-success.p-disabled,.p-button.p-button-warning.p-disabled,.p-button-group.p-button-warning>.p-button.p-disabled,.p-splitbutton.p-button-warning>.p-button.p-disabled,.p-fileupload-choose.p-button-warning.p-disabled,.p-button.p-button-danger.p-disabled,.p-button-group.p-button-danger>.p-button.p-disabled,.p-splitbutton.p-button-danger>.p-button.p-disabled,.p-fileupload-choose.p-button-danger.p-disabled,.p-button.p-disabled{color:var(--black-60);background-color:var(--black-10);border-color:var(--gray-200)}.p-button{height:2.5rem;display:flex;gap:.5rem;font-size:1rem;font-weight:700;color:var(--white-100);border:1px solid rgba(255,255,255,.0001);border-radius:.5rem;padding:0rem 1rem;background:var(--aquamarine-700);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-button .p-button-label{transition-duration:.2s}.p-button .p-button-icon{font-size:1.25rem}.p-button.p-button-rounded{border-radius:100px}.p-button.p-button-icon-only{flex-shrink:0;width:2.5rem;padding:0}.p-button.p-button-icon-only:after{display:none}.p-button.p-button-icon-only .p-button-label{display:none}.p-button.p-button-sm{height:2rem;font-size:.875rem;padding:0 .75rem}.p-button.p-button-sm .p-button-icon{font-size:1rem}.p-button.p-button-sm.p-button-icon-only{width:2rem;padding:0}.p-button.p-button-lg{gap:.75rem;height:3.5rem;font-size:1.25rem;padding:0 1.5rem}.p-button.p-button-lg .p-button-icon{font-size:1.5rem}.p-button.p-button-lg.p-button-icon-only{width:3.5rem;padding:0}.p-button:not(.p-disabled):hover{background:var(--aquamarine-800);color:var(--white-100);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button:not(.p-disabled):active{background:var(--aquamarine-700);color:var(--white-100);border-color:rgba(0,0,0,0);box-shadow:none}.p-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}p-button[size=xlarge] .p-button{gap:.75rem;height:4rem;font-size:1.75rem;padding:0 1.5rem}p-button[size=xlarge] .p-button .p-button-icon{font-size:2rem}p-button[size=xlarge] .p-button.p-button-icon-only{width:4rem;padding:0}.p-button-outlined{background:rgba(255,255,255,.0001);color:var(--aquamarine-700);border-color:var(--aquamarine-200)}.p-button-outlined:not(.p-disabled):hover{background:rgba(255,255,255,.0001);color:var(--aquamarine-700);border-color:var(--aquamarine-700);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button-outlined:not(.p-disabled):active{background:rgba(255,255,255,.0001);color:var(--aquamarine-700);border-color:var(--aquamarine-200);box-shadow:none}.p-button-text{background-color:var(--white-100);color:var(--aquamarine-700)}.p-button-text:not(.p-disabled):hover{background:var(--aquamarine-alpha);color:var(--aquamarine-700);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button-text:not(.p-disabled):active{background:var(--white-100);color:var(--aquamarine-700);border-color:rgba(0,0,0,0);box-shadow:none}.p-button-group{display:flex}.p-fluid .p-button:not(.p-button-icon-only){width:100%}.p-fluid .p-button-group .p-button:not(.p-button-icon-only){flex:1}.p-button.p-button-danger,.p-button-group.p-button-danger>.p-button,.p-splitbutton.p-button-danger>.p-button,.p-fileupload-choose.p-button-danger{color:var(--white-100);background:var(--red-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-danger:not(.p-disabled):hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-danger:not(.p-disabled):hover{background:var(--red-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-danger:not(.p-disabled):active,.p-button-group.p-button-danger>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-danger:not(.p-disabled):active{background:var(--red-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-danger:not(.p-disabled).p-button-outlined,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--red-400);border-color:var(--red-200)}.p-button.p-button-danger:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-danger:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--red-400);border-color:var(--red-200);box-shadow:none}.p-button.p-button-danger:not(.p-disabled).p-button-text,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--red-400)}.p-button.p-button-danger:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:hover{background:var(--red-alpha);color:var(--red-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-danger:not(.p-disabled).p-button-text:active,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:active{background:rgba(255,255,255,.0001);color:var(--red-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-warning,.p-button-group.p-button-warning>.p-button,.p-splitbutton.p-button-warning>.p-button,.p-fileupload-choose.p-button-warning{color:var(--white-100);background:var(--orange-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-warning:not(.p-disabled):hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-warning:not(.p-disabled):hover{background:var(--orange-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-warning:not(.p-disabled):active,.p-button-group.p-button-warning>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-warning:not(.p-disabled):active{background:var(--orange-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-warning:not(.p-disabled).p-button-outlined,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--orange-400);border-color:var(--orange-200)}.p-button.p-button-warning:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-warning:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--orange-400);border-color:var(--orange-200);box-shadow:none}.p-button.p-button-warning:not(.p-disabled).p-button-text,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--orange-400)}.p-button.p-button-warning:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:hover{background:var(--orange-alpha);color:var(--orange-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-warning:not(.p-disabled).p-button-text:active,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:active{background:var(--white-100);color:var(--orange-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-success,.p-button-group.p-button-success>.p-button,.p-splitbutton.p-button-success>.p-button,.p-fileupload-choose.p-button-success{color:var(--white-100);background:var(--green-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-success:not(.p-disabled):hover,.p-button-group.p-button-success>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-success:not(.p-disabled):hover{background:var(--green-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-success:not(.p-disabled):active,.p-button-group.p-button-success>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-success:not(.p-disabled):active{background:var(--green-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-success:not(.p-disabled).p-button-outlined,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--green-400);border-color:var(--green-200)}.p-button.p-button-success:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-success:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--green-400);border-color:var(--green-200);box-shadow:none}.p-button.p-button-success:not(.p-disabled).p-button-text,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--green-400)}.p-button.p-button-success:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:hover{background:var(--green-alpha);color:var(--green-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-success:not(.p-disabled).p-button-text:active,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:active{background:var(--white-100);color:var(--green-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-info,.p-button-group.p-button-info>.p-button,.p-splitbutton.p-button-info>.p-button,.p-fileupload-choose.p-button-info{color:var(--white-100);background:var(--blue-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-info:not(.p-disabled):hover,.p-button-group.p-button-info>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-info:not(.p-disabled):hover{background:var(--blue-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-info:not(.p-disabled):active,.p-button-group.p-button-info>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-info:not(.p-disabled):active{background:var(--blue-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-info:not(.p-disabled).p-button-outlined,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--blue-400);border-color:var(--blue-200)}.p-button.p-button-info:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-info:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--blue-400);border-color:var(--blue-200);box-shadow:none}.p-button.p-button-info:not(.p-disabled).p-button-text,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--blue-400)}.p-button.p-button-info:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:hover{background:var(--blue-alpha);color:var(--blue-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-info:not(.p-disabled).p-button-text:active,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:active{background:var(--white-100);color:var(--blue-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-help,.p-button-group.p-button-help>.p-button,.p-splitbutton.p-button-help>.p-button,.p-fileupload-choose.p-button-help{color:var(--white-100);background:var(--purple-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-help:not(.p-disabled):hover,.p-button-group.p-button-help>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-help:not(.p-disabled):hover{background:var(--purple-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-help:not(.p-disabled):active,.p-button-group.p-button-help>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-help:not(.p-disabled):active{background:var(--purple-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-help:not(.p-disabled).p-button-outlined,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--purple-400);border-color:var(--purple-200)}.p-button.p-button-help:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--purple-400);border-color:var(--purple-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-help:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--purple-400);border-color:var(--purple-200);box-shadow:none}.p-button.p-button-help:not(.p-disabled).p-button-text,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--purple-400)}.p-button.p-button-help:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:hover{background:var(--purple-alpha);color:var(--purple-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-help:not(.p-disabled).p-button-text:active,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:active{background:var(--white-100);color:var(--purple-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-inputtext{min-height:2.5rem;line-height:2.5rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--black-80);background:var(--white-100);padding:0rem .75rem;border:1px solid var(--gray-200);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;appearance:none;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-inputtext:enabled:hover{border-color:var(--aquamarine-700)}.p-inputtext:enabled:focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-inputtext.p-invalid.p-component,.p-inputtext.ng-invalid.ng-touched{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-inputtext:disabled,.p-inputtext.p-disabled{background:var(--black-10)}.p-float-label>label{left:.75rem;color:var(--black-60);transition-duration:.2s}.p-float-label>.p-invalid+label{color:var(--red-400)}.p-icon-field-left>.p-inputtext{padding-left:2.5rem}.p-icon-field-left.p-float-label>label{left:2.5rem}.p-icon-field-right>.p-inputtext{padding-right:2.5rem}::-webkit-input-placeholder{color:var(--black-60);opacity:.6}:-moz-placeholder{color:var(--black-60);opacity:.6}::-moz-placeholder{color:var(--black-60);opacity:.6}:-ms-input-placeholder{color:var(--black-60);opacity:.6}.p-inputtext-lg{min-height:3.5rem;line-height:3.5rem}.p-inputtextarea{padding:.75rem;line-height:normal}.p-icon-field .p-inputtextarea-icon.p-input-icon{top:unset;margin-top:.5rem}.p-inputotp{display:flex;align-items:center;gap:.5rem}.p-inputotp.error .p-inputotp-input{border-color:var(--red-400)}.p-inputotp-input{font-size:1.5rem;text-align:center;width:2.5rem;border:none;border-bottom:1px solid var(--gray-200);border-radius:0;background:rgba(0,0,0,0)}.p-inputotp-input:disabled,.p-inputotp-input.p-disabled{background:rgba(0,0,0,0)}.p-inputotp-input:enabled:focus{box-shadow:none}.p-listbox-list-wrapper{overflow:auto}.p-listbox-list{list-style-type:none;margin:0;padding:0}.p-listbox-item{cursor:pointer;overflow:hidden;position:relative;color:var(--black-80);margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.0001);border-radius:.5rem;transition:.2s}.p-listbox-item:first-child{margin-top:0}.p-listbox-item:last-child{margin-bottom:0}.p-listbox-item.p-highlight{color:var(--white-100);background:var(--aquamarine-700)}.p-listbox-item:not(.p-highlight).p-disabled{color:var(--black-60);border-color:var(--gray-200);background:var(--black-10)}.p-listbox-item.p-disabled{cursor:not-allowed;opacity:.6;background:var(--aquamarine-700) !important;color:var(--white-100) !important;mix-blend-mode:luminosity;border:1px solid rgba(255,255,255,.0001)}.p-listbox-item.p-disabled:has(.p-checkbox){background:var(--black-10);color:var(--black-60)}.p-listbox-item .p-checkbox{margin-right:.5rem}.p-listbox-item:has(.p-checkbox){background:var(--white-100);color:var(--black-80)}.p-listbox-item:has(.p-checkbox):hover{background:#000}.p-listbox-item-group{cursor:auto}.p-listbox-filter-container{position:relative}.p-listbox-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-listbox-filter{width:100%}.p-listbox{background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-listbox .p-listbox-header{padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.0001);color:var(--black-60);background:rgba(255,255,255,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-listbox .p-listbox-header .p-checkbox{margin-right:.5rem}.p-listbox .p-listbox-header .p-checkbox .p-checkbox-box.p-disabled{background:var(--white-100)}.p-listbox .p-listbox-header .p-listbox-filter{padding-right:1.75rem}.p-listbox .p-listbox-header .p-listbox-filter-icon{right:.75rem;color:var(--black-80)}.p-listbox .p-listbox-header .p-disabled+.p-listbox-filter-icon{opacity:.6}.p-listbox .p-listbox-list{padding:.25rem;outline:0 none}.p-listbox .p-listbox-list .p-listbox-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--black-60);background:rgba(255,255,255,.0001);font-weight:bold}.p-listbox .p-listbox-list .p-listbox-empty-message{text-align:center;color:var(--black-80);padding:.75rem;background:rgba(255,255,255,.0001)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight.p-focus{border:1px solid rgba(255,255,255,.0001);background:var(--aquamarine-700);box-shadow:0 0 0 .25rem var(--aquamarine-200)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:hover{background:var(--aquamarine-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox).p-focus{border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);box-shadow:0 0 0 .25rem var(--aquamarine-200)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover{color:var(--black-80);background:var(--gray-100)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover.p-focus{color:var(--black-80);background:var(--gray-100)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus{border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);box-shadow:0 0 0 .25rem var(--aquamarine-200)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover{color:var(--black-80);background:var(--gray-100)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus{color:var(--black-80);background:var(--gray-100)}.p-listbox.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-listbox.p-invalid{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-listbox.p-disabled *.p-disabled{opacity:1}.p-listbox.p-disabled .p-listbox-filter-icon{display:none}.p-listbox.p-disabled .p-listbox-filter.p-inputtext{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49967 2.83335C7.03555 2.83335 6.59043 3.01773 6.26224 3.34592C5.93405 3.67411 5.74967 4.11922 5.74967 4.58335V6.33335H9.24967V4.58335C9.24967 4.11922 9.0653 3.67411 8.73711 3.34592C8.40892 3.01773 7.9638 2.83335 7.49967 2.83335ZM10.4163 6.33335V4.58335C10.4163 3.80981 10.1091 3.06794 9.56207 2.52096C9.01509 1.97398 8.27322 1.66669 7.49967 1.66669C6.72613 1.66669 5.98426 1.97398 5.43728 2.52096C4.8903 3.06794 4.58301 3.80981 4.58301 4.58335V6.33335C4.11888 6.33335 3.67376 6.51773 3.34557 6.84592C3.01738 7.17411 2.83301 7.61922 2.83301 8.08335V11.5834C2.83301 12.0475 3.01738 12.4926 3.34557 12.8208C3.67376 13.149 4.11888 13.3334 4.58301 13.3334H10.4163C10.8805 13.3334 11.3256 13.149 11.6538 12.8208C11.982 12.4926 12.1663 12.0475 12.1663 11.5834V8.08335C12.1663 7.61922 11.982 7.17411 11.6538 6.84592C11.3256 6.51773 10.8805 6.33335 10.4163 6.33335ZM4.58301 7.50002C4.4283 7.50002 4.27993 7.56148 4.17053 7.67087C4.06113 7.78027 3.99967 7.92864 3.99967 8.08335V11.5834C3.99967 11.7381 4.06113 11.8864 4.17053 11.9958C4.27993 12.1052 4.4283 12.1667 4.58301 12.1667H10.4163C10.5711 12.1667 10.7194 12.1052 10.8288 11.9958C10.9382 11.8864 10.9997 11.7381 10.9997 11.5834V8.08335C10.9997 7.92864 10.9382 7.78027 10.8288 7.67087C10.7194 7.56148 10.5711 7.50002 10.4163 7.50002H4.58301ZM6.67472 9.0084C6.89351 8.7896 7.19026 8.66669 7.49967 8.66669C7.80909 8.66669 8.10584 8.7896 8.32463 9.0084C8.54342 9.22719 8.66634 9.52393 8.66634 9.83335C8.66634 10.1428 8.54343 10.4395 8.32463 10.6583C8.10584 10.8771 7.80909 11 7.49967 11C7.19026 11 6.89351 10.8771 6.67472 10.6583C6.45592 10.4395 6.33301 10.1428 6.33301 9.83335C6.33301 9.52393 6.45592 9.22719 6.67472 9.0084Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat}.p-listbox.p-disabled .p-listbox-item{background:var(--black-10);color:var(--black-60)}.p-dropdown{display:inline-flex;cursor:pointer;position:relative;user-select:none}.p-dropdown.p-disabled{cursor:not-allowed;color:var(--black-60);border-color:var(--gray-200);background:var(--black-10)}.p-dropdown-clear-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-dropdown-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-dropdown-label{height:min-content;margin:auto 0;display:block;white-space:nowrap;overflow:hidden;flex:1 1 auto;width:1%;text-overflow:ellipsis;cursor:pointer}.p-dropdown-label-empty{overflow:hidden;opacity:0}input.p-dropdown-label{cursor:default}.p-dropdown .p-dropdown-panel{min-width:100%}.p-dropdown-panel{position:absolute;top:0;left:0}.p-dropdown-items-wrapper{overflow:auto}.p-dropdown-item{cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;font-weight:normal;color:var(--black-80);white-space:nowrap;margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.0001);border-radius:.5rem;background:rgba(255,255,255,.0001);transition:.2s}.p-dropdown-item:first-child{margin-top:0}.p-dropdown-item:last-child{margin-bottom:0}.p-dropdown-item.p-highlight{color:var(--white-100);background:var(--aquamarine-700)}.p-dropdown-item.p-highlight:hover{background:var(--aquamarine-800)}.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover{color:var(--black-80);background:var(--gray-100)}.p-dropdown-item:not(.p-highlight).p-disabled{color:var(--black-60);border-color:var(--gray-200);background:var(--black-10)}.p-dropdown-item.p-disabled{cursor:not-allowed}.p-dropdown-item .p-dropdown-check-icon{position:relative;margin-left:-0.5rem;margin-right:.5rem}.p-dropdown-item-group{cursor:auto}.p-dropdown-items{margin:0;padding:0;list-style-type:none}.p-dropdown-filter{width:100%}.p-dropdown-filter-container{position:relative}.p-dropdown-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-dropdown{display:flex}.p-fluid .p-dropdown .p-dropdown-label{width:1%}.p-dropdown{background:var(--white-100);border:1px solid var(--gray-200);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-dropdown:not(.p-disabled):hover{border-color:var(--aquamarine-700)}.p-dropdown:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-dropdown.p-dropdown-clearable .p-dropdown-label{padding-right:1.75rem}.p-dropdown .p-dropdown-label{background:rgba(0,0,0,0);border:0 none}.p-dropdown .p-dropdown-label.p-placeholder{color:var(--black-60)}.p-dropdown .p-dropdown-label:focus,.p-dropdown .p-dropdown-label:enabled:focus{outline:0 none;box-shadow:none}.p-dropdown .p-dropdown-trigger{background:rgba(0,0,0,0);color:var(--black-80);width:2.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-dropdown .p-dropdown-clear-icon{color:var(--black-80);right:2.5rem}.p-dropdown.p-invalid.p-component{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-dropdown-panel{background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem;margin-top:.25rem;box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-dropdown-panel .p-dropdown-header{padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.0001);color:var(--black-60);background:rgba(255,255,255,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter{padding-right:1.75rem;margin-right:-1.75rem}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon{right:.75rem;color:var(--black-80)}.p-dropdown-panel .p-dropdown-items{padding:.25rem}.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--black-60);background:rgba(255,255,255,.0001);font-weight:bold}.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{color:var(--black-80);text-align:center;padding:.5rem .75rem;background:rgba(255,255,255,.0001)}.p-multiselect{cursor:pointer;display:inline-flex;align-items:center;user-select:none}.p-multiselect-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-multiselect-label-container{cursor:pointer;overflow:hidden;height:min-content;display:flex;flex:1 1 auto;align-items:center}.p-multiselect-clearable .p-multiselect-label-container{padding-right:1.75rem}.p-multiselect-clearable .p-multiselect-clear-icon{right:2.5rem}.p-multiselect-label{display:block;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.p-multiselect-label-empty{overflow:hidden;visibility:hidden}.p-multiselect-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem;margin-right:.25rem}.p-multiselect-token-icon{cursor:pointer}.p-multiselect .p-multiselect-panel{min-width:100%}.p-multiselect-items-wrapper{overflow:auto}.p-multiselect-items{margin:0;padding:0;list-style-type:none}.p-multiselect-item{cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;font-weight:normal;color:var(--black-80);white-space:nowrap;margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.0001);border-radius:.5rem;background:rgba(255,255,255,.0001);transition:.2s}.p-multiselect-item:not(.p-disabled):hover,.p-multiselect-item:not(.p-disabled).p-focus{color:var(--black-80);background:var(--gray-100)}.p-multiselect-item:not(.p-highlight).p-disabled{color:var(--black-60);border-color:var(--gray-200);background:var(--black-10)}.p-multiselect-item.p-disabled{cursor:not-allowed}.p-multiselect-item .p-checkbox{margin-right:.5rem}.p-multiselect-item-group{cursor:auto}.p-multiselect-header{display:flex;align-items:center;justify-content:space-between}.p-multiselect-filter-container{position:relative;flex:1 1 auto}.p-multiselect-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-multiselect-filter-container .p-inputtext{width:100%}.p-multiselect-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;margin-left:auto}.p-fluid .p-multiselect{display:flex}.p-multiselect{background:var(--white-100);border:1px solid var(--gray-200);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-multiselect.p-disabled{cursor:not-allowed;background-color:var(--black-10)}.p-multiselect:not(.p-disabled):hover{border-color:var(--aquamarine-700)}.p-multiselect:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-multiselect .p-multiselect-label{color:var(--black-80);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-multiselect .p-multiselect-label.p-placeholder{color:var(--black-60);padding:0rem .75rem;padding-left:.5rem}.p-multiselect:not(.p-multiselect-chip) .p-multiselect-label{padding:0rem .75rem;line-height:2.5rem}.p-multiselect.p-multiselect-chip{min-height:2.5rem;padding:.25rem}.p-multiselect.p-multiselect-chip .p-multiselect-token{padding:0rem .5rem;background:var(--black-10);color:var(--black-80);border-radius:.25rem}.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon{margin-left:.5rem}.p-multiselect .p-multiselect-trigger{background:rgba(0,0,0,0);color:var(--black-80);width:2.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-multiselect.p-invalid.p-component{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-multiselect-panel{background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20);margin-top:.25rem}.p-multiselect-panel .p-multiselect-header{padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.0001);color:var(--black-60);background:rgba(255,255,255,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem;border:1px solid rgba(0,0,0,0);border-bottom:0}.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext{padding-right:1.75rem}.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon{right:.75rem;color:var(--black-80)}.p-multiselect-panel .p-multiselect-header .p-checkbox{margin-right:.5rem}.p-multiselect-panel .p-multiselect-header .p-multiselect-close{margin-left:.5rem;width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-multiselect-panel .p-multiselect-header .p-multiselect-close.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-multiselect-panel .p-multiselect-items{padding:.25rem}.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--black-60);background:rgba(255,255,255,.0001);font-weight:bold}.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message{padding:.5rem .75rem;color:var(--black-80);background:rgba(255,255,255,.0001)}.p-password .p-icon-wrapper{right:.75rem;top:50%;cursor:pointer;fill:var(--black-80)}.p-password.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-password .p-input-icon{cursor:pointer;color:var(--black-80);right:.75rem}.p-password.p-disabled{opacity:1}.p-password.p-disabled .p-input-icon{opacity:.6}.p-input-icon-right input{padding-right:2.5rem}.p-icon-field .p-password-icon.p-input-icon{right:.75rem;top:20% !important}.p-password-input{width:100%;height:100%;display:flex;min-height:2.5rem;padding:0 .75rem;align-items:center}.text-feedback{display:inline-flex;align-items:flex-start}.text-feedback .ti{position:relative;bottom:1px}.text-feedback--default{color:var(--black-80)}.text-feedback--default .ti{color:var(--gray-200)}.text-feedback--success{color:var(--green-400)}.text-feedback--error{color:var(--red-400)}.p-password-panel{color:var(--black-60);padding:.75rem;margin-top:.25rem;border:1px solid var(--gray-200);border-radius:.5rem;background:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-password-panel .p-password-meter{overflow:hidden;height:.5rem;border-radius:1rem;margin-bottom:.5rem;background:var(--black-10)}.p-password-panel .p-password-meter .p-password-strength.weak{background:var(--red-400)}.p-password-panel .p-password-meter .p-password-strength.medium{background:var(--orange-400)}.p-password-panel .p-password-meter .p-password-strength.strong{background:var(--green-400)}.p-inputgroup-addon{background:var(--white-100);color:var(--black-60);border-top:1px solid var(--gray-200);border-left:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);padding:0rem .75rem;min-width:2.5rem}.p-inputgroup-addon:last-child{border-right:1px solid var(--gray-200)}.p-inputgroup-addon.p-disabled{background-color:var(--black-10);color:var(--black-60)}.p-inputgroup>.p-component,.p-inputgroup>.p-inputwrapper>.p-inputtext,.p-inputgroup>.p-float-label>.p-component{border-radius:0;margin:0}.p-inputgroup>.p-component+.p-inputgroup-addon,.p-inputgroup>.p-inputwrapper>.p-inputtext+.p-inputgroup-addon,.p-inputgroup>.p-float-label>.p-component+.p-inputgroup-addon{border-left:0 none}.p-inputgroup>.p-component:focus,.p-inputgroup>.p-inputwrapper>.p-inputtext:focus,.p-inputgroup>.p-float-label>.p-component:focus{z-index:1}.p-inputgroup>.p-component:focus~label,.p-inputgroup>.p-inputwrapper>.p-inputtext:focus~label,.p-inputgroup>.p-float-label>.p-component:focus~label{z-index:1}.p-inputgroup-addon:first-child,.p-inputgroup button:first-child,.p-inputgroup input:first-child,.p-inputgroup>.p-inputwrapper:first-child,.p-inputgroup>.p-inputwrapper:first-child>.p-inputtext{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-inputgroup .p-float-label:first-child input{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-inputgroup-addon:last-child,.p-inputgroup button:last-child,.p-inputgroup input:last-child,.p-inputgroup>.p-inputwrapper:last-child,.p-inputgroup>.p-inputwrapper:last-child>.p-inputtext{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-inputgroup .p-float-label:last-child input{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-inputgroup .p-button{height:auto;width:auto}.p-inputgroup .p-button.p-button-icon-only{width:2.5rem}.p-icon-field{position:relative}.p-icon-field .p-input-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-icon-field-left,.p-fluid .p-icon-field-right{width:100%}.p-icon-field-left .p-input-icon:first-of-type{left:.75rem;color:var(--black-80)}.p-icon-field-right .p-input-icon:last-of-type{right:.75rem;color:var(--black-80)}.p-inputnumber.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}p-inputnumber.ng-invalid.ng-touched>.p-inputnumber>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}p-inputnumber[ng-reflect-is-disabled=true] .p-inputnumber-button{background:var(--black-10)}.p-inputnumber-button{color:var(--black-80);border-color:var(--gray-200);background-color:var(--white-100)}.p-inputnumber-button .p-button-icon{font-size:1rem}.p-inputnumber-button:hover{box-shadow:none !important}.p-inputnumber-buttons-horizontal .p-inputnumber-button-down{border-top-right-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-button-up{border-top-left-radius:0;border-bottom-left-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-input{border-radius:0;border-left-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0);z-index:1}.p-inputnumber-buttons-horizontal .p-inputnumber-button-down,.p-inputnumber-buttons-horizontal .p-inputnumber-button-up{height:100%}.p-inputnumber-buttons-vertical .p-inputnumber-button-down{border-top-left-radius:0;border-top-right-radius:0}.p-inputnumber-buttons-vertical .p-inputnumber-button-up{border-bottom-left-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-vertical .p-inputnumber-input{border-radius:0;border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);z-index:1}.p-inputnumber-buttons-vertical .p-inputnumber-button-down,.p-inputnumber-buttons-vertical .p-inputnumber-button-up{width:100%}.p-checkbox{position:relative;display:inline-flex;user-select:none;vertical-align:bottom}.p-checkbox-input{appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;cursor:pointer}.p-checkbox-box{display:flex;justify-content:center;align-items:center}.p-checkbox{width:1.5rem;height:1.5rem}.p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon{display:none}.p-checkbox.p-checkbox-checked .p-checkbox-box::after{content:"";width:1rem;height:1rem;transition-duration:.2s;color:var(--white-100);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.p-checkbox .p-checkbox-input{border:1px solid var(--gray-200);border-radius:.25rem}.p-checkbox .p-checkbox-box{border:1px solid var(--gray-200);background:var(--white-100);width:1.5rem;height:1.5rem;color:var(--black-80);border-radius:.25rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-checkbox .p-checkbox-box.p-highlight{border-color:var(--aquamarine-700);background:var(--aquamarine-700)}.p-checkbox .p-checkbox-box:not(.p-disabled):hover{border-color:var(--aquamarine-700)}.p-checkbox .p-checkbox-box:not(.p-disabled):hover.p-highlight{border-color:var(--aquamarine-800);background:var(--aquamarine-800);color:var(--white-100)}.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-checkbox .p-checkbox-box.p-disabled{background:var(--black-10)}.p-checkbox .p-checkbox-box .p-checkbox-icon{transition-duration:.2s;color:var(--white-100);font-size:1rem}.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon{width:1rem;height:1rem}p-checkbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-highlight .p-checkbox .p-checkbox-box{border-color:var(--aquamarine-700)}.p-radiobutton{position:relative;display:inline-flex;user-select:none;vertical-align:bottom}.p-radiobutton-input{cursor:pointer}.p-radiobutton-box{display:flex;justify-content:center;align-items:center;transition:all}.p-radiobutton-box:hover{border:1px solid var(--aquamarine-800) !important}.p-radiobutton-box.p-highlight{box-sizing:border-box;background:var(--aquamarine-800) !important}.p-radiobutton-box.p-highlight .p-radiobutton-icon{mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.25%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center;background:var(--white-100);width:1.5rem;height:1.5rem;mask-composite:exclude}p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box{box-shadow:0 0 0 .25rem var(--red-100)}p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box:hover{border:1px solid var(--red-400) !important}.p-radiobutton-box.p-focus{box-shadow:0px 0px 0px 3.5px var(--aquamarine-200)}.p-radiobutton{width:1.5rem;height:1.5rem}.p-radiobutton .p-radiobutton-input{appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;border:1px solid var(--gray-200);border-radius:50%}.p-radiobutton .p-radiobutton-box{border:1px solid var(--gray-200);background:var(--white-100);width:1.5rem;height:1.5rem;color:var(--black-80);border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-radiobutton.p-disabled .p-radiobutton-box{background:var(--black-10)}.p-radiobutton.p-highlight .p-radiobutton-box{border-color:var(--aquamarine-700);background:var(--aquamarine-700)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box{border-color:var(--aquamarine-700)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box{border-color:var(--aquamarine-800);background:var(--aquamarine-800)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-radiobutton.p-invalid>.p-radiobutton-box{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-highlight .p-radiobutton .p-radiobutton-box{border-color:var(--white-100)}.p-inputswitch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.p-inputswitch-slider:before{position:absolute;content:"";top:50%}.p-inputswitch{position:relative;display:inline-block;width:2.5rem;height:1.5rem;border-radius:100px}.p-inputswitch .p-inputswitch-slider{background:var(--gray-300);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:100px;outline-color:rgba(0,0,0,0)}.p-inputswitch .p-inputswitch-slider:before{background:var(--white-100);width:1rem;height:1rem;left:.25rem;margin-top:-0.5rem;border-radius:100px;transition-duration:.2s}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:var(--aquamarine-700)}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{background:var(--white-100);transform:translateX(1rem)}.p-inputswitch:not(.p-disabled) .p-inputswitch-slider:hover{background-color:var(--aquamarine-800)}.p-inputswitch:not(.p-disabled).p-focus,.p-inputswitch:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}p-inputswitch:not(.p-disabled).p-element.ng-dirty.ng-invalid .p-inputswitch-slider,p-inputswitch:not(.p-disabled).p-element.ng-touched.ng-invalid .p-inputswitch-slider{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-selectbutton{display:flex;height:min-content;gap:.25rem;padding:.25rem;background-color:var(--black-10);border-radius:.5rem}.p-selectbutton .p-button{flex-grow:1;background:rgba(255,255,255,.0001);border:1px solid trasparent;border-radius:.25rem;color:var(--black-60);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-selectbutton .p-button .p-button-icon-left,.p-selectbutton .p-button .p-button-icon-right{color:var(--black-60)}.p-selectbutton .p-button.p-disabled{background:rgba(0,0,0,0);pointer-events:none}.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover{background:var(--white-100);border-color:rgba(255,255,255,.0001);color:var(--black-80)}.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right{color:var(--black-80)}.p-selectbutton .p-button:not(.p-disabled).p-highlight{background:var(--white-100);border-color:rgba(255,255,255,.0001);color:var(--aquamarine-700)}.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-right{color:var(--aquamarine-700)}.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover{background:var(--white-100);border-color:rgba(255,255,255,.0001);color:var(--black-80)}.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-right{color:var(--black-80)}.p-selectbutton.p-invalid>.p-button{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-togglebutton.p-button.p-highlight.p-disabled,.p-button.p-disabled,.p-button.p-button-danger.p-disabled,.p-button-group.p-button-danger>.p-button.p-disabled,.p-splitbutton.p-button-danger>.p-button.p-disabled,.p-fileupload-choose.p-button-danger.p-disabled,.p-button.p-button-warning.p-disabled,.p-button-group.p-button-warning>.p-button.p-disabled,.p-splitbutton.p-button-warning>.p-button.p-disabled,.p-fileupload-choose.p-button-warning.p-disabled,.p-button.p-button-success.p-disabled,.p-button-group.p-button-success>.p-button.p-disabled,.p-splitbutton.p-button-success>.p-button.p-disabled,.p-fileupload-choose.p-button-success.p-disabled,.p-button.p-button-info.p-disabled,.p-button-group.p-button-info>.p-button.p-disabled,.p-splitbutton.p-button-info>.p-button.p-disabled,.p-fileupload-choose.p-button-info.p-disabled,.p-button.p-button-help.p-disabled,.p-button-group.p-button-help>.p-button.p-disabled,.p-splitbutton.p-button-help>.p-button.p-disabled,.p-fileupload-choose.p-button-help.p-disabled{color:var(--black-60);background-color:var(--black-10);border-color:var(--gray-200)}.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-left,.p-button.p-disabled .p-button-icon-left,.p-button-group.p-button-danger>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-danger>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-left,.p-button-group.p-button-warning>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-warning>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-left,.p-button-group.p-button-success>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-success>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-left,.p-button-group.p-button-info>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-info>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-left,.p-button-group.p-button-help>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-help>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-left,.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-right,.p-button.p-disabled .p-button-icon-right,.p-button-group.p-button-danger>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-danger>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-right,.p-button-group.p-button-warning>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-warning>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-right,.p-button-group.p-button-success>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-success>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-right,.p-button-group.p-button-info>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-info>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-right,.p-button-group.p-button-help>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-help>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-right{color:var(--black-60) !important}.p-togglebutton.p-button{background:var(--black-10);border:1px solid trasparent;color:var(--black-60);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0);border-radius:100px}.p-togglebutton.p-button:not(.p-disabled):hover{background:var(--aquamarine-alpha);color:var(--aquamarine-700);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20);box-shadow:none}.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-left,.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-right{color:var(--aquamarine-700)}.p-togglebutton.p-button:not(.p-disabled):focus-visible{box-shadow:0 0 0 3.5px var(--aquamarine-200)}.p-togglebutton.p-button .p-button-icon-left,.p-togglebutton.p-button .p-button-icon-right{color:var(--black-60)}.p-togglebutton.p-button.p-highlight{background:var(--aquamarine-700);border-color:rgba(255,255,255,.0001);color:var(--white-100)}.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover{background:var(--aquamarine-800);color:var(--white-100);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20);box-shadow:none}.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left,.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-right{color:var(--white-100)}.p-togglebutton.p-button.p-highlight:not(.p-disabled):focus-visible{box-shadow:0 0 0 3.5px var(--aquamarine-200)}.p-togglebutton.p-button.p-highlight .p-button-icon-left,.p-togglebutton.p-button.p-highlight .p-button-icon-right{color:var(--white-100)}.p-chips{display:inline-flex;height:min-content}.p-disabled .p-chips-multiple-container{background-color:var(--black-10)}.p-chips-multiple-container{outline-color:rgba(0,0,0,0);cursor:text;overflow:hidden;height:min-content;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;list-style-type:none}.p-chips-multiple-container:has(.p-chips-token){padding:.25rem}.p-chips-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem}.p-chips-input-token{flex:1 1 auto;display:inline-flex}.p-chips-token-icon{cursor:pointer}.p-chips-input-token input{border:0 none;outline:0 none;background-color:rgba(0,0,0,0);margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-chips{display:flex}.p-chips:not(.p-disabled):hover .p-chips-multiple-container{border-color:var(--aquamarine-700)}.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-chips .p-chips-multiple-container .p-chips-token{padding:0rem .5rem;background:var(--black-10);color:var(--black-80);border-radius:.25rem}.p-chips .p-chips-multiple-container .p-chips-token.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon{margin-left:.5rem}.p-chips .p-chips-multiple-container .p-chips-token+.p-chips-input-token{padding:0 .5rem}.p-chips .p-chips-multiple-container .p-chips-input-token{padding:0rem 0}.p-chips .p-chips-multiple-container .p-chips-input-token input{height:1.75rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--black-80);margin:0}.p-chips.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-slider{background:var(--black-10);border:none;border-radius:.5rem}.p-slider.p-slider-horizontal{height:.25rem;margin-top:.5rem;margin-bottom:.5rem}.p-slider.p-slider-horizontal .p-slider-handle{margin-top:-0.625rem;margin-left:-0.625rem}.p-slider.p-slider-vertical{width:.25rem;margin-top:.5rem;margin-bottom:.5rem}.p-slider.p-slider-vertical .p-slider-handle{margin-left:-0.625rem;margin-bottom:-0.625rem}.p-slider .p-slider-handle{height:1.25rem;width:1.25rem;background:var(--aquamarine-700);border:none;border-radius:1rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-slider .p-slider-handle:focus{background:var(--aquamarine-800);box-shadow:none}.p-slider .p-slider-range{background:var(--aquamarine-700);border-radius:.5rem}.p-slider:not(.p-disabled) .p-slider-handle:hover{background:var(--aquamarine-800);border-color:rgba(255,255,255,.0001)}.p-rating{position:relative;display:flex;align-items:center}.p-rating-item{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.p-rating.p-readonly .p-rating-item{cursor:default}.p-rating{gap:.5rem}.p-rating .p-rating-item{outline-color:rgba(0,0,0,0);border-radius:50%}.p-rating .p-rating-item .p-rating-icon{color:var(--black-60);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;font-size:1.25rem}.p-rating .p-rating-item .p-rating-icon.p-icon{width:1.25rem;height:1.25rem}.p-rating .p-rating-item .p-rating-icon.p-rating-cancel{color:var(--black-60)}.p-rating .p-rating-item:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-rating .p-rating-item.p-rating-item-active .p-rating-icon{color:var(--orange-400)}.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon{color:var(--orange-500)}.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel{color:var(--black-80)}.p-calendar.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-datepicker{margin-top:.25rem;padding:.75rem;background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem}.p-datepicker:not(.p-datepicker-inline){background:var(--white-100);border:1px solid var(--gray-200);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header{background:rgba(255,255,255,.0001)}.p-datepicker .p-datepicker-header{padding:0 0 .5rem;color:var(--black-60);background:var(--white-100);font-weight:bold;margin:0rem;border-bottom:none;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-datepicker .p-datepicker-header .p-datepicker-prev,.p-datepicker .p-datepicker-header .p-datepicker-next{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border:1px solid rgba(0,0,0,0)}.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled{border:1px solid var(--gray-200);color:var(--black-60);background:var(--black-10);border-color:var(--gray-200)}.p-datepicker .p-datepicker-header .p-datepicker-title{line-height:2rem;display:flex;gap:.5rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select{display:inline-flex;cursor:pointer;position:relative;user-select:none;background:var(--white-100);border:1px solid var(--gray-200);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0);min-height:2.5rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select:focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{color:var(--black-60);transition:background-color .2s,color .2s,box-shadow .2s;font-weight:bold;padding:.25rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover{color:var(--aquamarine-700)}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{margin-right:.5rem}.p-datepicker table{font-size:1rem;margin:0rem}.p-datepicker table th{padding:.25rem}.p-datepicker table th>span{width:2rem;height:2rem}.p-datepicker table td{padding:.25rem}.p-datepicker table td>span{width:2rem;height:2rem;border-radius:.5rem;transition:.2s;border:1px solid rgba(255,255,255,.0001)}.p-datepicker table td>span.p-highlight{color:var(--white-100);background:var(--aquamarine-700)}.p-datepicker table td>span:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-datepicker table td.p-datepicker-today>span{color:var(--black-60);font-weight:700;border-color:var(--gray-100);background:rgba(255,255,255,.0001)}.p-datepicker table td.p-datepicker-today>span:not(.p-disabled):hover{color:var(--black-80)}.p-datepicker table td.p-datepicker-today>span.p-highlight{color:var(--white-100);background:var(--aquamarine-700)}.p-datepicker .p-datepicker-buttonbar{padding:0rem 0 0}.p-datepicker .p-datepicker-buttonbar .p-button{width:auto}.p-datepicker .p-timepicker{border-top:1px solid var(--gray-200);padding:String value}.p-datepicker .p-timepicker button{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-datepicker .p-timepicker button:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-datepicker .p-timepicker button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-datepicker .p-timepicker button.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-datepicker .p-timepicker span{font-size:1.25rem}.p-datepicker .p-timepicker>div{padding:String value}.p-datepicker .p-hour-picker,.p-datepicker .p-minute-picker{gap:.25rem}.p-datepicker.p-datepicker-timeonly .p-timepicker{border-top:0 none}.p-datepicker .p-monthpicker{margin:0rem}.p-datepicker .p-monthpicker .p-monthpicker-month{padding:.25rem;transition:.2s;border-radius:.5rem}.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight{color:var(--white-100);background:var(--aquamarine-700)}.p-datepicker .p-yearpicker{margin:0rem}.p-datepicker .p-yearpicker .p-yearpicker-year{padding:.25rem;transition:.2s;border-radius:.5rem}.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight{color:var(--white-100);background:var(--aquamarine-700)}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group{border-left:1px solid var(--gray-200);padding-right:.75rem;padding-left:.75rem;padding-top:0;padding-bottom:0}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child{padding-left:0;border-left:0 none}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child{padding-right:0}.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover{color:var(--black-80);background:var(--gray-100)}.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-datepicker:not(.p-disabled) table td span.p-highlight:hover{background:var(--aquamarine-800)}.p-datepicker:not(.p-disabled) .p-monthpicker{display:flex;flex-wrap:wrap;gap:.25rem}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month{flex-basis:32.3%;width:100%}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover{color:var(--black-80);background:var(--gray-100)}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled).p-highlight:hover{background:var(--aquamarine-800)}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-datepicker:not(.p-disabled) .p-yearpicker{display:flex;flex-wrap:wrap;gap:.25rem}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year{flex-basis:32.3%;width:100%}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover{color:var(--black-80);background:var(--gray-100)}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled).p-highlight:hover{background:var(--aquamarine-800)}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-autocomplete{display:inline-flex;height:min-content}.p-autocomplete .p-autocomplete-loader{right:.75rem;color:var(--black-80)}.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader{right:3.25rem}.p-autocomplete-multiple-container{outline-color:rgba(0,0,0,0);cursor:text;overflow:hidden;height:min-content;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;list-style-type:none}.p-autocomplete-multiple-container:has(.p-autocomplete-token){padding:.25rem}.p-autocomplete-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem}.p-autocomplete-input-token{flex:1 1 auto;display:inline-flex}.p-autocomplete-token-icon{cursor:pointer}.p-autocomplete-input-token input{border:0 none;outline:0 none;background-color:rgba(0,0,0,0);margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-autocomplete{display:flex}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover{border-color:var(--aquamarine-700)}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-autocomplete .p-autocomplete-multiple-container.p-disabled{cursor:not-allowed;background-color:var(--black-10)}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token{padding:0rem .5rem;background:var(--black-10);color:var(--black-80);border-radius:.25rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon{margin-left:.5rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token+.p-autocomplete-input-token{padding:0 .5rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token{padding:0rem 0}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input{height:1.75rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--black-80);margin:0}.p-autocomplete.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-autocomplete-panel{background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20);margin-top:.25rem}.p-autocomplete-panel .p-autocomplete-items{padding:.25rem}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item{margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.0001);color:var(--black-80);background:rgba(255,255,255,.0001);transition:.2s;border-radius:.5rem}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-of-type{margin-top:0}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-of-type{margin-bottom:0}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover{color:var(--black-80);background:var(--gray-100)}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight{color:var(--white-100);background:var(--aquamarine-700)}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--black-60);background:rgba(255,255,255,.0001);font-weight:bold}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message{text-align:center;padding:.5rem .75rem}.p-autocomplete-dd .p-autocomplete-input{flex:1 1 auto;width:1%}.p-autocomplete-dd .p-autocomplete-dropdown{display:none}.autocomplete-dropdown-container:hover .p-inputtext:enabled{border-color:var(--aquamarine-700)}.autocomplete-dropdown-trigger{position:absolute;right:0;top:0;height:100%;width:2.5rem;display:flex;align-items:center;justify-content:center}.p-autocomplete-clear-icon{position:absolute;top:50%;margin-top:-0.5rem;cursor:pointer}.p-autocomplete-clearable{position:relative}.p-autocomplete-clearable .p-autocomplete-clear-icon{right:.75rem}.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon{right:2.5rem}.p-float-label label {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);opacity:.6;
-}.p-float-label:has(input:focus) label,.p-float-label:has(input.p-filled) label,.p-float-label:has(input:-webkit-autofill) label,.p-float-label:has(textarea:focus) label,.p-float-label:has(textarea.p-filled) label,.p-float-label:has(.p-inputwrapper-focus) label,.p-float-label:has(.p-inputwrapper-filled) label {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;opacity:1;
-}.float-variant-in .p-float-label .p-inputtext,.float-variant-in .p-float-label .p-inputtextarea,.float-variant-in .p-float-label .p-select-label,.float-variant-in .p-float-label .p-multiselect-label-container,.float-variant-in .p-float-label .p-autocomplete-input-multiple,.float-variant-in .p-float-label .p-cascadeselect-label,.float-variant-in .p-float-label .p-treeselect-label{padding-top:1rem;min-height:4rem;line-height:normal}.float-variant-in .p-float-label .p-inputtextarea{padding-top:2rem}.float-variant-in .p-float-label:has(input:focus) label,.float-variant-in .p-float-label:has(input.p-filled) label,.float-variant-in .p-float-label:has(input:-webkit-autofill) label,.float-variant-in .p-float-label:has(textarea:focus) label,.float-variant-in .p-float-label:has(textarea.p-filled) label,.float-variant-in .p-float-label:has(.p-inputwrapper-focus) label,.float-variant-in .p-float-label:has(.p-inputwrapper-filled) label{top:1rem;padding-top:.125rem;padding-bottom:.125rem}.float-variant-in .p-float-label .p-inputtext.p-chips-multiple-container{padding-top:1.75rem;padding-bottom:.25rem}.p-float-label textarea~label{top:1.25rem}.p-float-label:has(textarea:focus) label,.p-float-label:has(textarea.p-filled) label{top:-0.75rem}.float-variant-in .p-float-label textarea:focus,.float-variant-in .p-float-label textarea.p-filled{padding-top:2rem}.p-float-label .p-dropdown .p-placeholder{opacity:0}.float-variant-in .p-float-label .p-dropdown .p-inputtext{padding-top:2rem}.p-tabview .p-tabview-nav{background:rgba(255,255,255,.0001);border-bottom:1px solid var(--gray-200);gap:1.5rem}.p-tabview .p-tabview-nav li .p-tabview-nav-link{border-bottom:.25rem solid rgba(255,255,255,.0001);border-color:rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);color:var(--black-80);padding:1rem 0rem;font-weight:normal;transition:.2s;margin:0}.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:rgba(255,255,255,.0001);border-color:rgba(255,255,255,.0001);color:var(--aquamarine-700)}.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:rgba(255,255,255,.0001);border-color:var(--aquamarine-700);color:var(--aquamarine-700)}.p-tabview .p-tabview-close{margin-left:.5rem}.p-tabview .p-tabview-nav-btn.p-link{background:var(--white-100);color:var(--black-80);width:2.5rem;box-shadow:0px 0px 10px 50px var(--white-60);border-radius:0}.p-tabview .p-tabview-nav-btn.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-tabview .p-tabview-nav-btn.p-link:hover{color:var(--aquamarine-700)}.p-tabview .p-tabview-panels{background:rgba(255,255,255,.0001);padding:1rem 0rem;border:none;color:var(--black-80);border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-divider{border-color:var(--gray-200)}.p-divider .p-divider-content{background-color:var(--white-100);color:var(--black-60);text-transform:uppercase}.p-divider.p-divider-horizontal{margin:1rem 0rem;padding:0rem 1rem}.p-divider.p-divider-horizontal .p-divider-content{padding:0 .5rem}.p-divider.p-divider-horizontal:before{border-top-width:1px;border-top-color:var(--gray-200)}.p-divider.p-divider-horizontal.p-divider-dash:before{border-top-style:dashed}.p-divider.p-divider-vertical{margin:0rem 1rem;padding:1rem 0rem}.p-divider.p-divider-vertical .p-divider-content{padding:.5rem 0}.p-divider.p-divider-vertical:before{border-left-width:1px;border-left-color:var(--gray-200)}.p-divider.p-divider-vertical.p-divider-dash:before{border-left-style:dashed}.p-scrollpanel .p-scrollpanel-bar{background:var(--black-10);border:0 none;border-radius:.5rem}.p-scrollpanel .p-scrollpanel-bar:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-accordion .p-accordion-header .p-accordion-header-link{display:flex;flex-direction:row;align-items:center;color:var(--black-60);font-weight:700;padding:1rem 0rem;border-top:1px solid var(--gray-200);background:rgba(255,255,255,.0001);transition:.2s;gap:.5rem}.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon{font-size:1.25rem}.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link{background:rgba(255,255,255,.0001);border-color:var(--gray-200);color:var(--black-80)}.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link{background:rgba(255,255,255,.0001);border-color:var(--gray-200);color:var(--black-80)}.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link{border-color:var(--gray-200);background:rgba(255,255,255,.0001);color:var(--black-80)}.p-accordion .p-accordion-content{padding:0rem 0rem 1rem 1.75rem;border-bottom:none;background:rgba(255,255,255,.0001);color:var(--black-80)}.p-accordion .p-accordion-tab{margin-bottom:0rem}.p-accordion .p-accordion-tab:first-child .p-accordion-header-link{border-top:none}.p-accordion .p-accordion-tab .p-accordion-content .p-accordion-header-link{border-top:1px solid var(--gray-200)}.p-stepper .p-stepper-nav{display:flex;gap:.5rem;justify-content:space-between;margin:0;padding:0;list-style-type:none;overflow:hidden;overflow-x:auto}.p-stepper .p-stepper-header{position:relative;display:flex;flex:1 1 auto;align-items:center;padding:.5rem 0}.p-stepper .p-stepper-header.p-disabled{opacity:1;cursor:initial}.p-stepper .p-stepper-header.p-disabled .p-stepper-action{opacity:.6}.p-stepper .p-stepper-header:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-stepper .p-stepper-header.p-highlight .p-stepper-title{color:var(--black-80)}.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-separator{background-color:var(--aquamarine-700)}.p-stepper .p-stepper-header.p-highlight .p-stepper-number,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-number{color:var(--white-100);background-color:var(--aquamarine-700);border-color:rgba(0,0,0,0)}.p-stepper .p-stepper-header.p-highlight .p-stepper-icon,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-icon{color:var(--aquamarine-700)}.p-stepper .p-stepper-header.p-highlight .p-stepper-action.p-danger .p-stepper-number,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-action.p-danger .p-stepper-number{color:var(--white-100);background-color:var(--red-400)}.p-stepper p-stepperheader .p-stepper-action{display:inline-flex;align-items:center;flex-grow:0;transition:.2s;border-radius:.5rem;background:var(--white-100);outline-color:rgba(0,0,0,0);padding:0}.p-stepper p-stepperheader .p-stepper-action:hover{cursor:pointer}.p-stepper p-stepperheader .p-stepper-action:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-stepper p-stepperheader .p-stepper-action .p-stepper-number{display:flex;align-items:center;justify-content:center;font-weight:400;color:var(--black-80);border:1px solid var(--gray-200);background:var(--white-100);min-width:1.5rem;height:1.5rem;line-height:1;font-size:1rem;border-radius:8rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-left:.5rem;color:var(--black-80);font-weight:400;transition:background-color .2s,color .2s,box-shadow .2s}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
-  line-height: 1;margin-left:.5rem;
-}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper .p-stepper-title{margin-left:0}.p-stepper p-stepperheader .p-stepper-action .p-stepper-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.5rem;
-  line-height: 2rem;
-  line-height: 1;min-width:1.5rem;height:1.5rem;
-}.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-number,.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-icon{color:var(--red-400)}.p-stepper .p-stepper-panels{background:rgba(255,255,255,.0001);padding:1rem 0rem;color:var(--black-80)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-number,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-number{color:var(--white-100);background-color:var(--aquamarine-700);border-color:rgba(0,0,0,0)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-icon,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-icon{color:var(--aquamarine-700)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-action.p-danger .p-stepper-number,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-action.p-danger .p-stepper-number{color:var(--white-100);background-color:var(--red-400)}.p-stepper .p-stepper-separator{background-color:var(--gray-200);width:100%;height:1px;margin-inline-start:.5rem;transition:.2s}.p-stepper.no-line .p-stepper-separator{background-color:rgba(0,0,0,0) !important}.p-stepper.p-stepper-vertical{display:flex;flex-direction:column}.p-stepper.p-stepper-vertical .p-stepper-toggleable-content{display:flex;flex:1 1 auto;background:rgba(255,255,255,.0001);color:var(--black-80)}.p-stepper.p-stepper-vertical .p-stepper-panel{display:flex;flex-direction:column;flex:initial}.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active{flex:1 1 auto}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header{flex:initial}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content{width:100%;padding-left:1rem}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator{flex:0 0 auto;width:2px;height:auto;margin-inline-start:calc(1.75rem + 2px)}.p-stepper.p-stepper-vertical .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-separator{background-color:var(--aquamarine-700)}.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content{padding-left:3rem}.p-card{overflow:hidden;color:var(--black-80);font-size:1rem;border-radius:.5rem;border:1px solid var(--gray-200);background:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-card.p-card-no-shadow{box-shadow:none}.p-card .p-card-body{padding:1rem}.p-card .p-card-title{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.p-card .p-card-subtitle{font-size:.875rem;font-weight:400;color:var(--black-60)}.p-card .p-card-content{padding:1rem 0 0}.p-card .p-card-footer{padding:1rem 0 0}.p-tooltip .p-tooltip-text{background:var(--gray-800);color:var(--white-100);padding:.5rem 1rem;box-shadow:0 .25rem .25rem 0 var(--black-20);border-radius:.5rem}.p-tooltip-arrow{border-color:rgba(0,0,0,0)}.p-tooltip-right .p-tooltip-arrow,.p-tooltip-left .p-tooltip-arrow{margin-top:-0.25rem}.p-tooltip-top .p-tooltip-arrow,.p-tooltip-bottom .p-tooltip-arrow{margin-left:-0.25rem}.p-tooltip-right .p-tooltip-arrow{border-width:.25em .25em .25em 0;border-right-color:var(--gray-800)}.p-tooltip-left .p-tooltip-arrow{border-width:.25em 0 .25em .25rem;border-left-color:var(--gray-800)}.p-tooltip-top .p-tooltip-arrow{border-width:.25em .25em 0;border-top-color:var(--gray-800)}.p-tooltip-bottom .p-tooltip-arrow{border-width:0 .25em .25rem;border-bottom-color:var(--gray-800)}.p-dialog{border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20);border:1px solid var(--gray-200)}.p-dialog .p-dialog-header{border-bottom:1px solid var(--gray-200);background:var(--white-100);color:var(--black-80);padding:1.5rem 1.5rem 1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-dialog .p-dialog-header .p-dialog-title{font-weight:bold;font-size:1.25rem}.p-dialog .p-dialog-header .p-dialog-header-icon{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin-right:.5rem;box-shadow:none}.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-dialog .p-dialog-header .p-dialog-header-icon.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-dialog .p-dialog-header .p-dialog-header-icon:last-child{margin-right:0}.p-dialog-danger .p-dialog-title::before,.p-dialog-success .p-dialog-title::before,.p-dialog-info .p-dialog-title::before,.p-dialog-warning .p-dialog-title::before,.p-dialog-help .p-dialog-title::before{content:"";display:inline-block;width:1.5rem;height:1.5rem;background-size:contain;margin-right:.5rem;vertical-align:text-bottom}.p-dialog-danger .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM8.13128 8.63128C8.47299 8.28957 9.02701 8.28957 9.36872 8.63128L10.5 9.76256L11.6313 8.63128C11.973 8.28957 12.527 8.28957 12.8687 8.63128C13.2104 8.97299 13.2104 9.52701 12.8687 9.86872L11.7374 11L12.8687 12.1313C13.2104 12.473 13.2104 13.027 12.8687 13.3687C12.527 13.7104 11.973 13.7104 11.6313 13.3687L10.5 12.2374L9.36872 13.3687C9.02701 13.7104 8.47299 13.7104 8.13128 13.3687C7.78957 13.027 7.78957 12.473 8.13128 12.1313L9.26256 11L8.13128 9.86872C7.78957 9.52701 7.78957 8.97299 8.13128 8.63128Z" fill="%23E26E63"/></svg>') no-repeat}.p-dialog-success .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM13.7437 8.63128C14.0854 8.97299 14.0854 9.52701 13.7437 9.86872L10.2437 13.3687C9.90201 13.7104 9.34799 13.7104 9.00628 13.3687L7.25628 11.6187C6.91457 11.277 6.91457 10.723 7.25628 10.3813C7.59799 10.0396 8.15201 10.0396 8.49372 10.3813L9.625 11.5126L12.5063 8.63128C12.848 8.28957 13.402 8.28957 13.7437 8.63128Z" fill="%2368C170"/></svg>') no-repeat}.p-dialog-warning .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.24855 2.2875C9.63056 2.07229 10.0616 1.95923 10.5 1.95923C10.9385 1.95923 11.3695 2.07229 11.7515 2.2875C12.1335 2.5027 12.4536 2.81277 12.6808 3.18777L12.6831 3.19162L19.7759 15.0356L19.7832 15.0481C20.0055 15.4335 20.123 15.8705 20.1241 16.3154C20.1252 16.7604 20.0098 17.1979 19.7895 17.5845C19.5691 17.9711 19.2514 18.2932 18.868 18.519C18.4846 18.7447 18.0487 18.8662 17.6038 18.8714L17.5937 18.8715L3.39659 18.8714C2.95146 18.8664 2.51539 18.7449 2.13176 18.5191C1.74813 18.2933 1.43031 17.9709 1.20992 17.5841C0.98952 17.1974 0.874224 16.7596 0.875499 16.3145C0.876773 15.8693 0.994574 15.4322 1.21718 15.0467L1.22426 15.0347L8.30299 3.21587C8.30825 3.20642 8.31369 3.19705 8.31931 3.18777C8.5465 2.81277 8.86655 2.5027 9.24855 2.2875ZM10.5 3.70923C10.3625 3.70923 10.2273 3.74469 10.1075 3.81219C9.99324 3.87657 9.89665 3.968 9.82613 4.07836C9.82357 4.0828 9.82097 4.08723 9.81833 4.09164L2.72982 15.9268C2.66184 16.0465 2.62589 16.1818 2.62549 16.3195C2.62509 16.4591 2.66126 16.5964 2.73039 16.7177C2.79952 16.839 2.8992 16.9401 3.01953 17.011C3.13871 17.0811 3.27402 17.1192 3.41225 17.1214H17.5877C17.7258 17.1191 17.861 17.0811 17.9801 17.011C18.1004 16.9401 18.2 16.8391 18.2691 16.7178C18.3383 16.5966 18.3745 16.4594 18.3741 16.3198C18.3738 16.1822 18.3379 16.047 18.2701 15.9274L11.1841 4.09457C11.1837 4.09404 11.1834 4.09351 11.1831 4.09298C11.1119 3.97607 11.0119 3.87939 10.8926 3.81219C10.7728 3.74469 10.6376 3.70923 10.5 3.70923ZM10.5001 7.49997C10.9833 7.49997 11.3751 7.89172 11.3751 8.37497V11.875C11.3751 12.3582 10.9833 12.75 10.5001 12.75C10.0168 12.75 9.62506 12.3582 9.62506 11.875V8.37497C9.62506 7.89172 10.0168 7.49997 10.5001 7.49997ZM9.62506 14.5C9.62506 14.0167 10.0168 13.625 10.5001 13.625H10.5088C10.9921 13.625 11.3838 14.0167 11.3838 14.5C11.3838 14.9832 10.9921 15.375 10.5088 15.375H10.5001C10.0168 15.375 9.62506 14.9832 9.62506 14.5Z" fill="%23FFB330"/></svg>') no-repeat}.p-dialog-info .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.625 8.375C9.625 7.89175 10.0168 7.5 10.5 7.5H10.5087C10.992 7.5 11.3837 7.89175 11.3837 8.375C11.3837 8.85825 10.992 9.25 10.5087 9.25H10.5C10.0168 9.25 9.625 8.85825 9.625 8.375ZM8.75 11C8.75 10.5168 9.14175 10.125 9.625 10.125H10.5C10.9832 10.125 11.375 10.5168 11.375 11V13.625C11.8582 13.625 12.25 14.0168 12.25 14.5C12.25 14.9832 11.8582 15.375 11.375 15.375H10.5C10.0168 15.375 9.625 14.9832 9.625 14.5V11.875C9.14175 11.875 8.75 11.4832 8.75 11Z" fill="%2349A2EF"/></svg>') no-repeat}.p-dialog-help .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.99829 7.55089C10.5752 7.43547 11.1741 7.51853 11.6978 7.78656C12.2234 8.05459 12.6434 8.49186 12.89 9.02783C13.1367 9.56409 13.1955 10.1679 13.0568 10.7416C12.9181 11.3154 12.5901 11.8257 12.1257 12.1901C11.6613 12.5545 11.0877 12.7518 10.4974 12.75C10.0141 12.7486 9.62355 12.3556 9.625 11.8724C9.62646 11.3891 10.0194 10.9986 10.5026 11C10.6994 11.0006 10.8906 10.9349 11.0454 10.8134C11.2002 10.6919 11.3096 10.5218 11.3558 10.3306C11.402 10.1393 11.3824 9.93804 11.3002 9.75929C11.2179 9.58053 11.0778 9.43472 10.9025 9.34539L10.9008 9.34452C10.7285 9.25627 10.5314 9.2289 10.3416 9.26688C10.1518 9.30486 9.98043 9.40595 9.85536 9.5537C9.54314 9.92255 8.99103 9.96846 8.62218 9.65624C8.25333 9.34403 8.20742 8.79191 8.51964 8.42306C8.89995 7.97377 9.42109 7.66638 9.99829 7.55089ZM10.5 13.625C10.9832 13.625 11.375 14.0168 11.375 14.5V14.5087C11.375 14.992 10.9832 15.3837 10.5 15.3837C10.0168 15.3837 9.625 14.992 9.625 14.5087V14.5C9.625 14.0168 10.0168 13.625 10.5 13.625Z" fill="%23AB77DF"/></svg>') no-repeat}.p-dialog .p-dialog-content{background:var(--white-100);color:var(--black-80);padding:1.5rem 1.5rem}.p-dialog .p-dialog-content:last-of-type{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer{display:flex;border-top:1px solid rgba(255,255,255,.0001);background:var(--white-100);color:var(--black-60);padding:0rem 1.5rem 1.5rem;text-align:right;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer button{width:auto}.p-dialog .p-confirm-dialog-accept{order:1}.p-dialog .p-confirm-dialog-reject{order:2}.p-dialog.p-dialog-maximized .p-dialog-header,.p-dialog.p-dialog-maximized .p-dialog-content:last-of-type{border-radius:0}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon{font-size:2rem}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon{width:2rem;height:2rem}.p-dialog.p-confirm-dialog .p-dialog-footer{flex-direction:row-reverse;gap:.5rem}.p-dialog.p-confirm-dialog .p-dialog-footer i.none{display:none}.p-overlaypanel{background:var(--white-100);color:var(--black-80);border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-overlaypanel .p-overlaypanel-content{padding:1rem}.p-overlaypanel .p-overlaypanel-close{background:var(--aquamarine-700);color:var(--white-100);width:2rem;height:2rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem;position:absolute;top:-1rem;right:-1rem}.p-overlaypanel .p-overlaypanel-close:enabled:hover{background:var(--aquamarine-800);color:var(--white-100)}.p-overlaypanel:after{border:solid rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-bottom-color:var(--white-100);border-width:6px}.p-overlaypanel:before{border:solid rgba(0,0,0,0);border-width:8px;border-color:rgba(0,0,0,0);border-bottom-color:var(--gray-200)}.p-overlaypanel.p-overlaypanel-flipped{margin-top:-7px !important}.p-overlaypanel.p-overlaypanel-flipped:after{border-top-color:var(--white-100);border-bottom-color:rgba(0,0,0,0)}.p-overlaypanel.p-overlaypanel-flipped:before{border-top-color:var(--gray-200);border-bottom-color:rgba(0,0,0,0)}.p-sidebar{color:var(--black-80);border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20);background:var(--white-100);margin:.5rem;height:calc(100vh - 1rem) !important}.p-sidebar.p-sidebar-top,.p-sidebar.p-sidebar-full,.p-sidebar.p-sidebar-bottom{width:calc(100vw - 1rem);width:-webkit-fill-available !important}.p-sidebar.p-sidebar-top,.p-sidebar.p-sidebar-bottom{height:auto}.p-sidebar .p-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--gray-200)}.p-sidebar .p-sidebar-header .p-sidebar-close,.p-sidebar .p-sidebar-header .p-sidebar-icon{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-sidebar .p-sidebar-header .p-sidebar-close.p-disabled,.p-sidebar .p-sidebar-header .p-sidebar-icon.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-sidebar .p-sidebar-header>:only-child{margin-left:auto}.p-sidebar .p-sidebar-content{padding:1.5rem 1.5rem}.p-sidebar .p-sidebar-footer{display:flex;align-items:center;gap:.5rem;padding:1.5rem 1.5rem;padding-top:0rem}.p-avatar{height:2rem;width:2rem;color:var(--white-100);font-size:1rem;background-color:var(--aquamarine-700);border-radius:.5rem}.p-avatar:not(.p-avatar-image){border:1px solid var(--gray-200)}.p-avatar.p-avatar-image{background:rgba(0,0,0,0);position:relative}.p-avatar.p-avatar-image img{position:relative;object-fit:cover;border-radius:inherit}.p-avatar.p-avatar-image .p-badge{z-index:1}.p-avatar.p-avatar-image::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid var(--gray-200);border-radius:inherit;z-index:1}.p-avatar.p-avatar-lg{width:2.5rem;height:2.5rem;font-size:1rem}.p-avatar.p-avatar-lg .p-avatar-icon{font-size:1rem}.p-avatar.p-avatar-xl{width:3.5rem;height:3.5rem;font-size:1.5rem}.p-avatar.p-avatar-xl .p-avatar-icon{font-size:1.5rem}.p-avatar-circle{border-radius:50%}.p-badge{background:var(--aquamarine-700);color:var(--white-100);font-size:.75rem;font-weight:bold;min-width:1.5rem;height:1.5rem;line-height:1.5rem}.p-badge.p-badge-success{background-color:var(--green-400);color:var(--white-100)}.p-badge.p-badge-info{background-color:var(--blue-400);color:var(--white-100)}.p-badge.p-badge-warning{background-color:var(--orange-400);color:var(--white-100)}.p-badge.p-badge-danger{background-color:var(--red-400);color:var(--white-100)}.p-badge.p-badge-dot{width:.5rem;height:.5rem;min-width:auto}.p-tag{height:1.5rem;color:var(--white-100);font-size:.875rem;font-weight:bold;padding:.5rem;border-radius:.5rem;background:var(--aquamarine-700)}.p-tag.p-tag-success{background-color:var(--green-400);color:var(--white-100)}.p-tag.p-tag-info{background-color:var(--blue-400);color:var(--white-100)}.p-tag.p-tag-warning{background-color:var(--orange-400);color:var(--white-100)}.p-tag.p-tag-danger{background-color:var(--red-400);color:var(--white-100)}.p-tag.p-tag-rounded{border-radius:100px}.p-tag.p-tag-secondary{background-color:var(--gray-200);color:var(--black-60)}.p-tag .p-tag-icon{margin-right:.25rem;font-size:.875rem}.p-tag .p-tag-icon.p-icon{width:.875rem;height:.875rem}.p-progressbar{border:none;height:1rem;background:var(--black-10);border-radius:.5rem}.p-progressbar .p-progressbar-value{border:0 none;margin:0;background:var(--aquamarine-700)}.p-progressbar .p-progressbar-label{color:var(--white-100);line-height:1rem}.p-progress-spinner-circle{animation:p-progress-spinner-dash 1.5s ease-in-out infinite,p-progress-spinner-primary-color 6s ease-in-out infinite}@keyframes p-progress-spinner-primary-color{100%,0%{stroke:var(--primary-color) !important}40%{stroke:var(--primary-color) !important}66%{stroke:var(--primary-color) !important}80%,90%{stroke:var(--primary-color) !important}}.p-metergroup{display:flex;gap:.75rem;flex-direction:column}.p-metergroup .p-metergroup-meter-container{background:var(--black-10);border-radius:.5rem}.p-metergroup .p-metergroup-labels{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style-type:none;gap:1rem;row-gap:.75rem}.p-metergroup .p-metergroup-labels-vertical{gap:.5rem;flex-direction:column}.p-metergroup .p-metergroup-meters{display:flex;background:var(--black-10);border-radius:.5rem;height:.5rem}.p-metergroup .p-metergroup-meter{border:none;background:var(--aquamarine-700)}.p-metergroup .p-metergroup-label-list-item{line-height:1rem}.p-metergroup .p-metergroup-label-type{background:var(--aquamarine-700);width:.5rem;height:.5rem;border-radius:100%;margin-right:.5rem}.p-metergroup .p-metergroup-label{display:inline-flex;align-items:center;color:var(--black-60);gap:.5rem;font-size:.875rem;line-height:100%}.p-metergroup .p-metergroup-label .p-metergroup-label-marker{width:.5rem;height:.5rem;border-radius:100%;display:inline-flex}.p-metergroup .p-metergroup-label-icon{width:1rem;height:1rem;font-size:1rem}.p-metergroup .p-metergroup-label-list-vertical{gap:.25rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container{height:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start{margin-bottom:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end{margin-top:.5rem}.p-metergroup.p-metergroup-vertical{flex-direction:row}.p-metergroup.p-metergroup-vertical .p-metergroup-meters{width:.5rem;height:100%;flex-direction:column}.p-metergroup.p-metergroup-vertical .p-metergroup-meter{width:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start){margin-left:.5rem}.p-chip{height:1.75rem;color:var(--black-80);border-radius:.25rem;border:1px solid rgba(255,255,255,.0001);padding:0rem .5rem;background-color:var(--black-10);display:inline-flex}.p-chip.p-disabled{color:var(--black-60);border-color:var(--gray-200);background-color:var(--black-10)}.p-chip .p-chip-text{line-height:1.5;margin-top:0rem;margin-bottom:0rem}.p-chip .p-chip-icon{margin-right:.5rem}.p-chip img{width:1.5rem;height:1.5rem;margin-left:-0.75rem;margin-right:.5rem}.p-chip .p-chip-remove-icon{border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin-left:.5rem}.p-chip .p-chip-remove-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-chip .p-chip-remove-icon:focus{outline:0 none}timescircleicon svg{display:none !important}timescircleicon::after{cursor:pointer;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E") no-repeat;height:16px;width:16px;background:var(--black-80);margin-left:.5rem;content:""}.p-skeleton{background:var(--gray-200);border-radius:.5rem}.p-skeleton:after{background:linear-gradient(90deg, var(--gray-200) 0%, var(--gray-100) 40%, var(--gray-200) 75%)}.p-message{overflow:hidden;margin:0rem;border-radius:.5rem}.p-message .p-message-wrapper{padding:1rem;position:relative;display:grid;padding-left:4rem;min-height:4rem}.p-message .p-message-close{width:2rem;height:2rem;border-radius:.5rem;background:rgba(0,0,0,0);transition:background-color .2s,color .2s,box-shadow .2s;position:absolute;top:1rem;right:1rem}.p-message .p-message-close:hover{background:rgba(255,255,255,.5)}.p-message .p-message-close:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-message.p-message-info{background:var(--blue-50);border:1px solid var(--blue-200)}.p-message.p-message-info .p-message-wrapper{border-left:.25rem solid var(--blue-400)}.p-message.p-message-info .p-message-icon{color:var(--blue-400)}.p-message.p-message-info .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--blue-400)}.p-message.p-message-info .p-message-close{color:var(--blue-400);border:1px solid var(--blue-200);background:rgba(0,0,0,0)}.p-message.p-message-info .p-message-close:hover{color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-success{background:var(--green-50);border:1px solid var(--green-200)}.p-message.p-message-success .p-message-wrapper{border-left:.25rem solid var(--green-400)}.p-message.p-message-success .p-message-icon{color:var(--green-400)}.p-message.p-message-success .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--green-400)}.p-message.p-message-success .p-message-close{color:var(--green-400);border:1px solid var(--green-200);background:rgba(0,0,0,0)}.p-message.p-message-success .p-message-close:hover{color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-warn{background:var(--orange-50);border:1px solid var(--orange-200)}.p-message.p-message-warn .p-message-wrapper{border-left:.25rem solid var(--orange-400)}.p-message.p-message-warn .p-message-icon{color:var(--orange-400)}.p-message.p-message-warn .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--orange-400)}.p-message.p-message-warn .p-message-close{color:var(--orange-400);border:1px solid var(--orange-200);background:rgba(0,0,0,0)}.p-message.p-message-warn .p-message-close:hover{color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-error{background:var(--red-50);border:1px solid var(--red-200)}.p-message.p-message-error .p-message-wrapper{border-left:.25rem solid var(--red-400)}.p-message.p-message-error .p-message-icon{color:var(--red-400)}.p-message.p-message-error .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--red-400)}.p-message.p-message-error .p-message-close{color:var(--red-400);border:1px solid var(--red-200);background:rgba(0,0,0,0)}.p-message.p-message-error .p-message-close:hover{color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message .p-message-text{font-size:1rem;font-weight:normal;color:var(--black-80)}.p-message .p-message-icon{font-size:2rem;display:inline;margin-right:.5rem;position:absolute;top:1rem;left:1rem}.p-message .p-message-icon .p-icon-wrapper{display:none}.p-message .p-message-icon.p-icon{width:2rem;height:2rem}.p-message .p-message-summary{font-size:1rem;font-weight:bold;color:var(--black-80);margin-right:.25rem}.p-message .p-message-detail{font-size:.875rem;font-weight:normal;color:var(--black-60);display:block}.p-toast{opacity:1}.p-toast .p-toast-message{overflow:hidden;margin:.25rem;box-shadow:0 .25rem .25rem 0 var(--black-20);border-radius:.5rem}.p-toast .p-toast-message .p-toast-message-content{gap:1rem;padding:1rem;border-left-width:.25rem;border-left-style:solid}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text{margin:0rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon{font-size:2rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon .p-icon-wrapper{display:none}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon{width:2rem;height:2rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-summary{font-weight:bold;font-size:1rem;color:var(--black-80);margin:auto 0}.p-toast .p-toast-message .p-toast-message-content .p-toast-detail{font-weight:normal;font-size:.875rem;color:var(--black-60);margin-top:.25rem}.p-toast .p-toast-message .p-toast-icon-close{width:2rem;height:2rem;border-radius:.5rem;background:var(--white-100);transition:background-color .2s,color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-info{background:var(--blue-50);border:1px solid var(--blue-200)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-content{border-left:.25rem solid var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon{color:var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close{color:var(--blue-400);border:1px solid var(--blue-200);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover{color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-success{background:var(--green-50);border:1px solid var(--green-200)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-content{border-left:.25rem solid var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon{color:var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close{color:var(--green-400);border:1px solid var(--green-200);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover{color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-warn{background:var(--orange-50);border:1px solid var(--orange-200)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-content{border-left:.25rem solid var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon{color:var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close{color:var(--orange-400);border:1px solid var(--orange-200);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover{color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-error{background:var(--red-50);border:1px solid var(--red-200)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-content{border-left:.25rem solid var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon{color:var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close{color:var(--red-400);border:1px solid var(--red-200);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover{color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-breadcrumb{background:rgba(255,255,255,.0001);border:none;padding:0rem}.p-breadcrumb.none-separator-breadcrum .p-menuitem-separator{opacity:0}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link{transition:.2s;border-radius:.5rem;padding:.25rem}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover{background-color:var(--gray-100)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator{margin:0 .25rem;color:var(--black-80);font-size:1.25rem}.p-breadcrumb .p-breadcrumb-list li:last-child{pointer-events:none;opacity:.6}.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text{color:var(--black-80)}.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon{color:var(--black-80)}.p-menubar{display:flex;padding:.25rem;align-items:flex-end;border-radius:.5rem;border:1px solid var(--gray-200);background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-menubar .p-menuitem{width:100%;margin-top:.25rem}.p-menubar .p-menuitem:first-of-type{margin-top:0}.p-menubar .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-menubar .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--aquamarine-700)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--aquamarine-800)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-menubar .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-menubar .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-menubar [class*=list][level="0"]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.p-menubar [class*=list][level="0"]>.p-menuitem{margin:0}.p-menubar [class*=list]:not([level="0"]){min-width:8rem;z-index:2}.p-menubar [class*=list][level="1"]{margin-top:.25rem}.p-menubar [class*=list][level="1"].p-menuitem:first-of-type{margin-top:.25rem}.p-menubar [class*=list]:not([level="0"]):not([level="1"]){margin-left:.25rem;margin-top:-0.25rem}.p-menubar ul{margin:0;padding:0;list-style:none}.p-menubar .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-menubar .p-menuitem-text{line-height:1}.p-menubar .p-menuitem{position:relative;margin-top:.25rem}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--aquamarine-800);color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem.p-menuitem:first-of-type{margin-top:.25rem}.p-menubar .p-menuitem .p-submenu-list{display:none;position:absolute;z-index:2;border-radius:.5rem;border:1px solid var(--gray-200);background-color:var(--white-100)}.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg){margin-left:auto}.p-menubar .p-menuitem .p-menubar-root-list .p-icon-wrapper{margin-left:auto}.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-icon-wrapper{margin-left:auto}.p-menubar .p-menuitem .p-menubar-custom,.p-menubar .p-menuitem .p-menubar-end{margin-left:auto;align-self:center}.p-menubar .p-menubar-root-list{display:flex;align-items:center;flex-wrap:nowrap}.p-menubar .p-menubar-root-list>li ul{display:none;z-index:1}@media screen and (min-width: 960px){.p-menubar .p-submenu-list>.p-menuitem-active>p-menubarsub>.p-submenu-list{display:block;left:100%;top:0}.p-menubar .p-menubar-root-list>.p-menuitem-active>p-menubarsub>.p-submenu-list{display:block}}.p-menubar .p-menubar-button{display:none;cursor:pointer;align-items:center;justify-content:center}@media screen and (max-width: 960px){.p-menubar{position:relative;align-items:center}.p-menubar .p-menubar-button{display:flex;width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-menubar .p-menubar-button:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-menubar .p-menubar-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-menubar .p-menubar-button.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-menubar .p-menuitem-active[aria-expanded=false] .p-submenu-list{display:none}.p-menubar .p-menuitem-active[aria-expanded=true]>p-menubarsub>.p-submenu-list{display:block;position:relative;left:auto;top:auto;border:0}.p-menubar [aria-expanded=true]+p-menubarsub .p-menubar-root-list{display:block}.p-menubar .p-menubar-root-list{position:absolute;left:0;top:100%;display:none;flex-direction:column;min-width:8rem;border:1px solid var(--gray-200);padding:.25rem;margin-top:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20);border-radius:.5rem;z-index:2}.p-menubar .p-menubar-root-list [aria-expanded=false] .p-submenu-icon{transform:rotate(-90deg)}.p-menubar .p-submenu-list{width:100%;display:none;border:none;border-radius:0;margin:0 !important;padding:.25rem 0 0 .75rem;border-radius:.5rem;box-shadow:none}.p-menubar .p-submenu-list [aria-expanded=false] .p-submenu-icon{transform:rotate(0deg)}.p-menubar .p-submenu-list [aria-expanded=true] .p-submenu-icon{transform:rotate(90deg)}}.p-megamenu [class*=header]{color:var(--black-60);font-size:.875rem;font-weight:bold;text-transform:uppercase;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-megamenu [class*=header][data-p-disabled=true]{color:var(--black-60);background-color:var(--black-10);border-color:var(--gray-200)}.p-megamenu [class*=grid]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem;width:max-content;border-radius:.5rem;border:1px solid var(--gray-200);padding:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-megamenu [class*=col]{display:flex;flex-grow:1;width:auto;padding:0}.p-megamenu .p-menuitem{width:100%;margin-top:.25rem}.p-megamenu .p-menuitem:first-of-type{margin-top:0}.p-megamenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--aquamarine-700)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--aquamarine-800)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-megamenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-megamenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-megamenu-horizontal{display:flex}.p-megamenu-horizontal [class*=root]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.p-megamenu-horizontal [class*=root]>.p-menuitem{margin:0}.p-megamenu-horizontal [class*=grid]{margin-top:.25rem}.p-megamenu-vertical{display:flex}.p-megamenu-vertical [class*=root]{display:flex;flex-direction:column}.p-megamenu-vertical [class*=grid]{margin-left:.25rem}@media screen and (max-width: 960px){.p-megamenu{position:relative}.p-megamenu .p-megamenu-button{display:flex;width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-megamenu .p-megamenu-button:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-megamenu .p-megamenu-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-megamenu .p-megamenu-button.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-megamenu [aria-expanded=false]+[class*=root]{display:none}.p-megamenu [class*=root]{position:absolute;left:0;top:100%;display:flex;flex-direction:column;min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-200);padding:.25rem;margin-top:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20);z-index:2}.p-megamenu [class*=panel]{width:100%;position:static}.p-megamenu [class*=grid]{display:flex;flex-direction:column;border:none;border-radius:0;margin:0 !important;padding:.25rem 0 0 .75rem;box-shadow:none}.p-megamenu [class*=grid] [class*=list]{width:100%}.p-megamenu-horizontal [aria-expanded=false] .p-submenu-icon{transform:rotate(-90deg)}.p-megamenu-vertical [aria-expanded=true] .p-submenu-icon{transform:rotate(90deg)}}.p-menu [class*=header]{color:var(--black-60);font-size:.875rem;font-weight:bold;text-transform:uppercase;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-menu [class*=header][data-p-disabled=true]{color:var(--black-60);background-color:var(--black-10);border-color:var(--gray-200)}.p-menu .p-menuitem{width:100%;margin-top:.25rem}.p-menu .p-menuitem:first-of-type{margin-top:0}.p-menu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-menu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--aquamarine-700)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--aquamarine-800)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-menu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-menu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-menu .p-menuitem[data-p-disabled=true] .p-disabled{opacity:.6}.p-menu-overlay{min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-200);padding:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20);z-index:2}.p-tieredmenu{display:flex}.p-tieredmenu [class*=root]{display:flex;flex-direction:column}.p-tieredmenu [data-pc-section=menu]{border-radius:.5rem;border:1px solid var(--gray-200);background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-tieredmenu .p-menuitem{width:100%;margin-top:.25rem}.p-tieredmenu .p-menuitem:first-of-type{margin-top:0}.p-tieredmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--aquamarine-700)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--aquamarine-800)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-tieredmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-tabmenu .p-tabmenu-nav{background:rgba(255,255,255,.0001);border-bottom:1px solid var(--gray-200)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem{margin-right:1.5rem}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{background:rgba(255,255,255,.0001);color:var(--black-80);font-weight:normal;border-bottom:.25rem solid rgba(255,255,255,.0001);padding:1rem 0rem;margin:0;transition:.2s}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon{margin-right:.5rem}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link{background:rgba(255,255,255,.0001);border-color:rgba(255,255,255,.0001);color:var(--aquamarine-700)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{background:rgba(255,255,255,.0001);border-color:var(--aquamarine-700);color:var(--aquamarine-700)}.p-tabmenu .p-tabmenu-nav-btn.p-link{background:var(--white-100);color:var(--black-80);width:2.5rem;box-shadow:0px 0px 10px 50px var(--white-60);border-radius:0}.p-tabmenu .p-tabmenu-nav-btn.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-tabmenu .p-tabmenu-nav-btn.p-link:hover{color:var(--aquamarine-700)}.p-tabmenu .p-tabmenu-nav-container>.p-tabmenu-nav-content>.p-tabmenu-nav{white-space:nowrap;width:max-content}.p-panelmenu[data-pc-section=root]{display:flex;flex-direction:column;gap:.25rem}.p-panelmenu [data-pc-section=header]{padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.0001);background-color:rgba(255,255,255,.0001)}.p-panelmenu [data-pc-section=header] .p-panelmenu-header-action{display:flex;gap:.5rem}.p-panelmenu [data-pc-section=header] .p-panelmenu-header-link{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.p-panelmenu [data-pc-section=header] .p-menuitem-text{color:var(--black-80)}.p-panelmenu [data-pc-section=header] .p-menuitem-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header] .p-submenu-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover{cursor:pointer;background-color:var(--gray-100)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-text{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-submenu-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true]{background-color:var(--aquamarine-700)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-text{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-submenu-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover{cursor:pointer;background-color:var(--aquamarine-800)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-text{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-submenu-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][data-p-disabled=true]{background-color:var(--black-10);border-color:var(--gray-200)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-icon{color:var(--black-60)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-text{color:var(--black-60)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-submenu-icon{color:var(--black-60)}.p-panelmenu [data-pc-section=menu]{padding:.25rem 0 0 .75rem}.p-panelmenu [data-pc-section=submenu]{padding:.25rem 0 0 .75rem}.p-panelmenu .p-menuitem{width:100%;margin-top:.25rem}.p-panelmenu .p-menuitem:first-of-type{margin-top:0}.p-panelmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-panelmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--aquamarine-700)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--aquamarine-800)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-panelmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled){pointer-events:none;opacity:.6}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-link{pointer-events:none;background-color:var(--black-10);border-color:var(--gray-200);opacity:1}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-icon{color:var(--black-60)}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-text{color:var(--black-60)}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-submenu-icon{color:var(--black-60)}.p-contextmenu [class*=list]{min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-200);padding:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20);z-index:2}.p-contextmenu [class*=list]:not([class*=root]){margin-top:-0.25rem;margin-left:.25rem}.p-contextmenu .p-menuitem{width:100%;margin-top:.25rem}.p-contextmenu .p-menuitem:first-of-type{margin-top:0}.p-contextmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--aquamarine-700)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--aquamarine-800)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-contextmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled{opacity:.6}@media screen and (max-width: 767px){.p-contextmenu [aria-expanded=true]>.p-menuitem-content .p-submenu-icon{transform:rotate(90deg)}.p-contextmenu [class*=list]:not([class*=root]){border-radius:0;border:none;padding-left:.75rem !important;margin:0;margin-top:.25rem;background-color:rgba(0,0,0,0);box-shadow:none}}.p-steps{overflow:hidden;overflow-x:auto}.p-steps .p-steps-item{display:flex;justify-content:center}.p-steps .p-steps-item .p-menuitem-link{display:flex;flex-direction:row;align-items:center;gap:.5rem;border-radius:0;padding:0 .5rem;background:var(--white-100);transition:.2s;z-index:1}.p-steps .p-steps-item .p-menuitem-link .p-steps-number{color:var(--black-80);font-weight:400;border:1px solid var(--gray-200);background:var(--white-100);min-width:1.5rem;height:1.5rem;line-height:1.5rem;font-size:1rem;z-index:1;border-radius:8rem}.p-steps .p-steps-item .p-menuitem-link .p-steps-title{color:var(--black-80);font-weight:400}.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-steps .p-steps-item.p-highlight:not(:has(~.p-highlight)) .p-steps-number{background:var(--aquamarine-700);color:var(--white-100);border-color:rgba(0,0,0,0)}.p-steps .p-steps-item.p-highlight:not(:has(~.p-highlight)) .p-steps-title{color:var(--black-80)}.p-steps .p-steps-item.p-disabled{opacity:1}.p-steps .p-steps-item.p-disabled .p-steps-number,.p-steps .p-steps-item.p-disabled .p-steps-title{opacity:.6}.p-steps .p-steps-item:before{content:" ";border-top:1px solid var(--gray-200);width:100%;top:50%;left:0;display:block;position:absolute}.p-steps .p-steps-item:first-of-type{justify-content:flex-start}.p-steps .p-steps-item:first-of-type .p-menuitem-link{padding-left:0}.p-steps .p-steps-item:last-of-type{justify-content:flex-end}.p-steps .p-steps-item:last-of-type .p-menuitem-link{padding-right:0}.p-timeline .p-timeline-event-content{color:var(--black-80)}.p-timeline .p-timeline-event-opposite,.p-timeline .p-timeline-event-content{line-height:1}.p-timeline .p-timeline-event-marker{border:.25rem solid var(--aquamarine-700);border-radius:8rem;width:1rem;height:1rem;background-color:var(--white-100)}.p-timeline .p-timeline-event-connector{background-color:var(--gray-200)}.p-timeline.p-timeline-vertical .p-timeline-event-opposite,.p-timeline.p-timeline-vertical .p-timeline-event-content{padding:0rem .5rem}.p-timeline.p-timeline-vertical .p-timeline-event-connector{width:1px}.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,.p-timeline.p-timeline-horizontal .p-timeline-event-content{padding:.5rem 0rem}.p-timeline.p-timeline-horizontal .p-timeline-event-connector{height:1px}.p-carousel .p-carousel-content .p-carousel-prev,.p-carousel .p-carousel-content .p-carousel-next{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin:.5rem}.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,.p-carousel .p-carousel-content .p-carousel-next:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,.p-carousel .p-carousel-content .p-carousel-next:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-carousel .p-carousel-content .p-carousel-prev.p-disabled,.p-carousel .p-carousel-content .p-carousel-next.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-carousel .p-carousel-indicators{padding:1rem}.p-carousel .p-carousel-indicators .p-carousel-indicator{margin-right:.5rem}.p-carousel .p-carousel-indicators .p-carousel-indicator:last-of-type{margin-right:0}.p-carousel .p-carousel-indicators .p-carousel-indicator button{background-color:var(--gray-200);width:.5rem;height:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:1rem}.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover{background:var(--gray-800)}.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background:var(--gray-800);color:var(--white-100)}.p-datatable table{border-collapse:separate}.p-datatable .p-paginator-top{border-width:1px 0 1px 0;border-radius:0}.p-datatable .p-paginator-bottom{border-width:0 0 0 0;border-radius:0}.p-datatable .p-datatable-header{background:var(--gray-50);color:var(--black-80);border:1px solid var(--gray-200);border-width:0 0 1px 0;padding:1rem 1rem;font-weight:500}.p-datatable .p-datatable-footer{background:var(--gray-50);color:var(--black-80);border:1px solid var(--gray-200);border-width:0 0 1px 0;padding:1rem 1rem;font-weight:500}.p-datatable .p-datatable-thead>tr>th{text-align:left;padding:1rem 1rem;border:1px solid var(--gray-200);border-width:0 0 1px 0;font-weight:500;color:var(--black-80);background:var(--gray-50);transition:.2s}.p-datatable .p-datatable-tfoot>tr>td{text-align:left;padding:1rem 1rem;border:1px solid var(--gray-200);border-width:0 0 1px 0;font-weight:500;color:var(--black-80);background:var(--gray-50)}.p-datatable .p-sortable-column p-sorticon{vertical-align:middle}.p-datatable .p-sortable-column p-sorticon sortalticon>svg,.p-datatable .p-sortable-column p-sorticon sortamountupalticon>svg,.p-datatable .p-sortable-column p-sorticon sortamountdownicon>svg{display:none}.p-datatable .p-sortable-column p-sorticon sortalticon::after,.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after,.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after{width:1.25rem;height:1.25rem;color:var(--black-80);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.p-datatable .p-sortable-column p-sorticon sortalticon::after{content:""}.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after{content:"";color:var(--aquamarine-700)}.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after{content:"";color:var(--aquamarine-700)}.p-datatable .p-sortable-column .p-sortable-column-badge{border-radius:50%;height:1.25rem;min-width:1.25rem;line-height:1.25rem;color:var(--white-100);background:var(--aquamarine-700);margin-left:.5rem}.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon{color:var(--black-80)}.p-datatable .p-sortable-column.p-highlight{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{color:var(--aquamarine-700)}.p-datatable .p-sortable-column:focus-visible{box-shadow:0 0 0 .25rem var(--aquamarine-200);outline:0 none}.p-datatable .p-datatable-tbody>tr{background:var(--white-100);color:var(--black-80);transition:.2s}.p-datatable .p-datatable-tbody>tr>td{text-align:left;border:1px solid var(--gray-200);border-width:0 0 1px 0;padding:1rem 1rem}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save{margin-right:.5rem}.p-datatable .p-datatable-tbody>tr>td>.p-column-title{font-weight:500}.p-datatable .p-datatable-tbody>tr>td.p-highlight{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-datatable-tbody>tr.p-highlight{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-datatable-tbody>tr.p-highlight-contextmenu{outline:.15rem solid var(--aquamarine-200);outline-offset:-0.15rem}.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-top>td{box-shadow:inset 0 2px 0 0 var(--aquamarine-700)}.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td{box-shadow:inset 0 -2px 0 0 var(--aquamarine-700)}.p-datatable .p-datatable-tbody>tr .pi-chevron-right::before,.p-datatable .p-datatable-tbody>tr .pi-chevron-down::before{color:var(--black-60);font-size:1rem}.p-datatable .p-datatable-frozen-tbody>tr>td{background:var(--gray-50)}.p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover{background:var(--gray-100);color:var(--black-80)}.p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:focus-visible{outline:.15rem solid var(--aquamarine-200);outline-offset:-0.15rem}.p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:not(.p-highlight):hover{background:var(--gray-100);color:var(--black-80)}.p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:focus-visible{outline:.15rem solid var(--aquamarine-200);outline-offset:-0.15rem}.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):not(.p-datatable-emptymessage):hover{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-column-resizer-helper{background:var(--gray-200)}.p-datatable .p-datatable-scrollable-header,.p-datatable .p-datatable-scrollable-footer{background:var(--white-100)}.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-thead,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-tfoot,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-thead,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-tfoot{background-color:var(--gray-50)}.p-datatable .p-datatable-loading-icon{font-size:2rem}.p-datatable .p-datatable-loading-icon.p-icon{width:2rem;height:2rem}.p-datatable.p-datatable-gridlines .p-datatable-header{border-width:1px 1px 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-footer{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-paginator-top{border-width:0 1px 0 1px}.p-datatable.p-datatable-gridlines .p-paginator-bottom{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th:last-child{border-width:1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td{border-width:1px 0 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td:last-child{border-width:1px 1px 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td:last-child{border-width:1px}.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td:last-child{border-width:1px 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td{border-width:0 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td:last-child{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td{border-width:0 0 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td:last-child{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td{border-width:0 0 0 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td:last-child{border-width:0 1px 0 1px}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even){background:var(--gray-50)}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even).p-highlight{background:var(--gray-100);color:var(--black-80)}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even)+.p-row-expanded{background:var(--gray-50)}.p-datatable.p-datatable-sm .p-datatable-header{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-thead>tr>th{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-tfoot>tr>td{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-footer{padding:.5rem .5rem}.p-datatable.p-datatable-lg .p-datatable-header{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-thead>tr>th{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-tbody>tr>td{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-footer{padding:1.25rem 1.25rem}.p-datatable-drag-selection-helper{background:var(--gray-100)}.p-column-filter-overlay{display:flex;flex-direction:column;gap:.25rem;background-color:var(--white-100);padding:.25rem;border:1px solid var(--gray-200);border-radius:.5rem}.p-column-filter-constraint,.p-column-filter-constraints{display:flex;flex-direction:column;gap:.25rem}.p-column-filter-buttonbar{display:flex;gap:.25rem}[data-pc-section=filterremove]{display:none}[data-pc-section=filterremove]:has(.p-column-filter-remove-button){display:block}.p-column-filter-menu-button,.p-column-filter-clear-button{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;vertical-align:middle}.p-column-filter-menu-button:enabled:hover,.p-column-filter-clear-button:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-column-filter-menu-button:focus-visible,.p-column-filter-clear-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-column-filter-menu-button.p-disabled,.p-column-filter-clear-button.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-column-filter-menu-button filtericon>svg,.p-column-filter-menu-button filterslashicon>svg,.p-column-filter-clear-button filtericon>svg,.p-column-filter-clear-button filterslashicon>svg{display:none}.p-column-filter-menu-button filtericon::after,.p-column-filter-menu-button filterslashicon::after,.p-column-filter-clear-button filtericon::after,.p-column-filter-clear-button filterslashicon::after{color:var(--black-80);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2;-webkit-font-smoothing:antialiased}.p-column-filter-menu-button filtericon::after,.p-column-filter-clear-button filtericon::after{content:""}.p-column-filter-menu-button filterslashicon::after,.p-column-filter-clear-button filterslashicon::after{content:""}.p-column-filter-menu-button.p-column-filter-menu-button-active,.p-column-filter-clear-button.p-column-filter-menu-button-active{background-color:var(--aquamarine-700);color:var(--white-100)}.p-column-filter-menu-button.p-column-filter-menu-button-active filtericon::after,.p-column-filter-menu-button.p-column-filter-menu-button-active filterslashicon::after,.p-column-filter-clear-button.p-column-filter-menu-button-active filtericon::after,.p-column-filter-clear-button.p-column-filter-menu-button-active filterslashicon::after{color:var(--white-100)}.p-column-filter-menu-button.p-column-filter-menu-button-active:hover,.p-column-filter-clear-button.p-column-filter-menu-button-active:hover{background-color:var(--aquamarine-800);color:var(--white-100)}.p-column-filter-row{gap:.5rem}.p-column-filter-row-item{color:var(--black-80);padding:.5rem .75rem;margin-top:.25rem;background-color:rgba(255,255,255,.0001);border-radius:.5rem;border:1px solid rgba(255,255,255,.0001)}.p-column-filter-row-item:first-of-type{margin:0}.p-column-filter-row-item:not(.p-highlight):hover{color:var(--black-80);background-color:var(--gray-100)}.p-column-filter-row-item.p-highlight{color:var(--white-100);background-color:var(--aquamarine-700)}.p-column-filter-row-item.p-highlight:hover{background-color:var(--aquamarine-800)}.p-column-filter-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-datatable-reorderablerow-handle{color:var(--black-60)}.p-datatable-reorderablerow-handle::before{content:"" !important;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2;-webkit-font-smoothing:antialiased}.p-paginator{background:rgba(255,255,255,.0001);color:var(--black-80);border:solid rgba(255,255,255,.0001);border-width:0;padding:.5rem 0rem;border-radius:.5rem}.p-paginator .p-paginator-first,.p-paginator .p-paginator-prev,.p-paginator .p-paginator-next,.p-paginator .p-paginator-last{background-color:rgba(255,255,255,.0001);border:1px solid rgba(255,255,255,.0001);color:var(--black-60);min-width:2.5rem;height:2.5rem;margin:.25rem;transition:.2s;border-radius:.5rem}.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover{background:var(--gray-100);border-color:rgba(255,255,255,.0001);color:var(--black-80)}.p-paginator .p-paginator-first.p-disabled:not(.p-highlight),.p-paginator .p-paginator-prev.p-disabled:not(.p-highlight),.p-paginator .p-paginator-next.p-disabled:not(.p-highlight),.p-paginator .p-paginator-last.p-disabled:not(.p-highlight){background:var(--black-10);border-color:var(--gray-200);color:var(--black-60)}.p-paginator .p-paginator-first{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-paginator .p-paginator-last{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-paginator .p-dropdown{margin-left:.5rem;height:2.5rem}.p-paginator .p-dropdown .p-dropdown-label{padding-right:0}.p-paginator .p-paginator-page-input{margin-left:.5rem;margin-right:.5rem}.p-paginator .p-paginator-page-input .p-inputtext{max-width:2.5rem}.p-paginator .p-paginator-current{background-color:rgba(255,255,255,.0001);border:1px solid rgba(255,255,255,.0001);color:var(--black-60);min-width:2.5rem;height:2.5rem;margin:.25rem;padding:0 .5rem}.p-paginator .p-paginator-pages .p-paginator-page{background-color:rgba(255,255,255,.0001);border:1px solid rgba(255,255,255,.0001);color:var(--black-60);min-width:2.5rem;height:2.5rem;margin:.25rem;transition:.2s;border-radius:.5rem}.p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:var(--aquamarine-700);border-color:var(--aquamarine-700);color:var(--white-100)}.p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover{background:var(--aquamarine-800);border-color:var(--aquamarine-800)}.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover{background:var(--gray-100);border-color:rgba(255,255,255,.0001);color:var(--black-80)}.p-galleria .p-galleria-close{margin:.5rem;background:rgba(255,255,255,.0001);color:var(--white-60);width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem}.p-galleria .p-galleria-close .p-galleria-close-icon{font-size:2rem}.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon{width:2rem;height:2rem}.p-galleria .p-galleria-close:hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-item-nav{background:rgba(255,255,255,.0001);color:var(--white-60);width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem;margin:.5rem}.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon{font-size:2rem}.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon{width:2rem;height:2rem}.p-galleria .p-galleria-item-nav:not(.p-disabled):hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-caption{background:var(--black-60);color:var(--white-80)}.p-galleria .p-galleria-caption-title{padding:0 1rem}.p-galleria .p-galleria-indicators{padding:1rem;line-height:0}.p-galleria .p-galleria-indicators .p-galleria-indicator button{background-color:var(--white-40);width:.5rem;height:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:1rem}.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover{background:var(--white-80)}.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button{background:var(--white-80);color:var(--white-100)}.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,.p-galleria.p-galleria-indicators-top .p-galleria-indicator{margin-right:.5rem}.p-galleria.p-galleria-indicators-left .p-galleria-indicator,.p-galleria.p-galleria-indicators-right .p-galleria-indicator{margin-bottom:.5rem}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators{background:rgba(255,255,255,.0001)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button{background:var(--white-40)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover{background:var(--white-80)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button{background:var(--white-80);color:var(--white-100)}.p-galleria .p-galleria-thumbnail-container{background:var(--black-100);padding:.5rem .5rem;gap:.5rem}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next{background-color:rgba(255,255,255,.0001);color:var(--white-60);width:2rem;height:2rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content{transition:.2s;width:100%;height:100%}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--aquamarine-200);caret-color:var(--aquamarine-700)}.p-galleria-mask{--maskbg: var(--black-20)}.p-galleria-thumbnail-item{overflow:hidden;height:4rem}.p-fileupload-dnd .p-fileupload,.p-fileupload-button .p-fileupload{width:100%;display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd.p-fileupload-advanced,.p-fileupload-button.p-fileupload-advanced{display:flex;flex-direction:column;align-items:flex-start}.p-fileupload-dnd .p-fileupload-content,.p-fileupload-button .p-fileupload-content{width:100%;display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd .p-fileupload-content>p-progressbar,.p-fileupload-dnd .p-fileupload-content p-messages,.p-fileupload-button .p-fileupload-content>p-progressbar,.p-fileupload-button .p-fileupload-content p-messages{display:none}.p-fileupload-dnd .p-orderlist-controls,.p-fileupload-button .p-orderlist-controls{display:none}.p-fileupload-dnd .p-fileupload-files,.p-fileupload-button .p-fileupload-files{display:none}.p-fileupload-dnd .p-fileupload-info-button,.p-fileupload-button .p-fileupload-info-button{width:2.5rem;display:inline-flex;justify-content:center;align-items:center;color:var(--blue-400)}.p-fileupload-dnd .p-orderlist-list-container,.p-fileupload-button .p-orderlist-list-container{display:flex;flex-direction:column;width:100%}.p-fileupload-dnd .p-orderlist-list-container .p-orderlist-list,.p-fileupload-button .p-orderlist-list-container .p-orderlist-list{overflow:hidden;min-height:0px}.p-fileupload-dnd .p-fileupload-progress-spinner,.p-fileupload-button .p-fileupload-progress-spinner{width:1.25rem;height:1.25rem}.p-fileupload-dnd .p-fileupload-item-row,.p-fileupload-button .p-fileupload-item-row{padding:.25rem .25rem .25rem .5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.0001)}.p-fileupload-dnd .p-fileupload-item-row:hover,.p-fileupload-button .p-fileupload-item-row:hover{background:var(--gray-100)}.p-fileupload-dnd .p-fileupload-item-row.error,.p-fileupload-button .p-fileupload-item-row.error{border-color:var(--red-400)}.p-fileupload-dnd .p-fileupload-item-row.error .file-icon,.p-fileupload-button .p-fileupload-item-row.error .file-icon{color:var(--red-400)}.p-fileupload-dnd .p-dataview-content,.p-fileupload-dnd .p-orderlist-list,.p-fileupload-button .p-dataview-content,.p-fileupload-button .p-orderlist-list{display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd .p-fileupload-buttonbar{width:100%;border-radius:.5rem;background:var(--gray-alpha);border:1px dashed var(--gray-200);padding:1.5rem 1.5rem 1rem}.p-fileupload-dnd .p-fileupload-buttonbar button{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.p-fileupload-dnd .p-fileupload-buttonbar button>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.p-fileupload-dnd .p-fileupload-buttonbar:hover{cursor:pointer;border-color:var(--aquamarine-700)}.p-fileupload-dnd .p-fileupload-buttonbar:hover i{color:var(--aquamarine-700)}.hover\:border-primary:hover {
-  border-color: var(--primary-color);
-}.hover\:bg-blue-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}.hover\:bg-purple-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
-}.hover\:text-primary:hover {
-  color: var(--primary-color);
-}.hover\:underline:hover {
-  text-decoration-line: underline;
-}@media (min-width: 1px) {
-
-  .sm\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .sm\:\!w-15 {
-    width: 15rem !important;
-  }
-
-  .sm\:\!w-16 {
-    width: 16rem !important;
-  }
-
-  .sm\:\!w-26 {
-    width: 26rem !important;
-  }
-
-  .sm\:w-auto {
-    width: auto;
-  }
-
-  .sm\:flex-row {
-    flex-direction: row;
-  }
-
-  .sm\:flex-col {
-    flex-direction: column;
-  }
-
-  .sm\:items-start {
-    align-items: flex-start;
-  }
-
-  .sm\:items-end {
-    align-items: flex-end;
-  }
-
-  .sm\:items-center {
-    align-items: center;
-  }
-
-  .sm\:gap-2 {
-    gap: 0.5rem;
-  }
-
-  .sm\:p-8 {
-    padding: 2rem;
-  }
-}@media (min-width: 768px) {
-
-  .md\:col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .md\:col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .md\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .md\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .md\:ml-auto {
-    margin-left: auto;
-  }
-
-  .md\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .md\:block {
-    display: block;
-  }
-
-  .md\:flex {
-    display: flex;
-  }
-
-  .md\:hidden {
-    display: none;
-  }
-
-  .md\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .md\:\!w-15 {
-    width: 15rem !important;
-  }
-
-  .md\:\!w-20 {
-    width: 20rem !important;
-  }
-
-  .md\:\!w-30 {
-    width: 30rem !important;
-  }
-
-  .md\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .md\:\!w-8\/12 {
-    width: 66.666667% !important;
-  }
-
-  .md\:w-2 {
-    width: 2rem;
-  }
-
-  .md\:w-5 {
-    width: 5rem;
-  }
-
-  .md\:flex-initial {
-    flex: 0 1 auto;
-  }
-
-  .md\:flex-row {
-    flex-direction: row;
-  }
-
-  .md\:flex-col {
-    flex-direction: column;
-  }
-
-  .md\:items-end {
-    align-items: flex-end;
-  }
-
-  .md\:items-center {
-    align-items: center;
-  }
-
-  .md\:justify-start {
-    justify-content: flex-start;
-  }
-
-  .md\:justify-center {
-    justify-content: center;
-  }
-
-  .md\:justify-between {
-    justify-content: space-between;
-  }
-
-  .md\:gap-8 {
-    gap: 2rem;
-  }
-}@media (min-width: 1200px) {
-
-  .lg\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .lg\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .lg\:flex {
-    display: flex;
-  }
-
-  .lg\:\!w-3\/12 {
-    width: 25% !important;
-  }
-
-  .lg\:\!w-4\/12 {
-    width: 33.333333% !important;
-  }
-
-  .lg\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .lg\:gap-0 {
-    gap: 0px;
-  }
-
-  .lg\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
-  .lg\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .lg\:pr-8 {
-    padding-right: 2rem;
-  }
-}@media (min-width: 1280px) {
-
-  .xl\:block {
-    display: block;
-  }
-
-  .xl\:flex {
-    display: flex;
-  }
-
-  .xl\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .xl\:\!w-3\/12 {
-    width: 25% !important;
-  }
-
-  .xl\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .xl\:\!w-9\/12 {
-    width: 75% !important;
-  }
-
-  .xl\:w-6 {
-    width: 6rem;
-  }
-
-  .xl\:flex-row {
-    flex-direction: row;
-  }
-
-  .xl\:items-start {
-    align-items: flex-start;
-  }
-
-  .xl\:justify-center {
-    justify-content: center;
-  }
-
-  .xl\:pt-0 {
-    padding-top: 0px;
-  }
-
-  .xl\:text-left {
-    text-align: left;
-  }
-}
diff --git a/src-storybook/assets/themes/ek5-light-secondary/theme.css b/src-storybook/assets/themes/ek5-light-secondary/theme.css
deleted file mode 100644
index 4872d42..0000000
--- a/src-storybook/assets/themes/ek5-light-secondary/theme.css
+++ /dev/null
@@ -1,9924 +0,0 @@
-@charset "UTF-8";
-*, ::before, ::after{
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-::backdrop{
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*/
-/*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-::before,
-::after {
-  --tw-content: '';
-}
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: Roboto, sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-/*
-Remove the default font size and weight for headings.
-*/
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-/*
-Add the correct font weight in Edge and Safari.
-*/
-b,
-strong {
-  font-weight: bolder;
-}
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-/*
-Add the correct font size in all browsers.
-*/
-small {
-  font-size: 80%;
-}
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-button,
-select {
-  text-transform: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-:-moz-focusring {
-  outline: auto;
-}
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-progress {
-  vertical-align: baseline;
-}
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-/*
-Add the correct display in Chrome and Safari.
-*/
-summary {
-  display: list-item;
-}
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-legend {
-  padding: 0;
-}
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-/*
-Prevent resizing textareas horizontally by default.
-*/
-textarea {
-  resize: vertical;
-}
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-/*
-Set the default cursor for buttons.
-*/
-button,
-[role="button"] {
-  cursor: pointer;
-}
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}
-.container{
-  width: 100%;
-}
-@media (min-width: 1px){
-  .container{
-    max-width: 1px;
-  }
-}
-@media (min-width: 768px){
-  .container{
-    max-width: 768px;
-  }
-}
-@media (min-width: 1200px){
-  .container{
-    max-width: 1200px;
-  }
-}
-@media (min-width: 1280px){
-  .container{
-    max-width: 1280px;
-  }
-}
-@media (min-width: 1536px){
-  .container{
-    max-width: 1536px;
-  }
-}
-.pointer-events-none{
-  pointer-events: none;
-}
-.\!visible{
-  visibility: visible !important;
-}
-.visible{
-  visibility: visible;
-}
-.collapse{
-  visibility: collapse;
-}
-.static{
-  position: static;
-}
-.fixed{
-  position: fixed;
-}
-.absolute{
-  position: absolute;
-}
-.relative{
-  position: relative;
-}
-.sticky{
-  position: sticky;
-}
-.left-0{
-  left: 0px;
-}
-.right-0{
-  right: 0px;
-}
-.top-0{
-  top: 0px;
-}
-.top-auto{
-  top: auto;
-}
-.z-1{
-  z-index: 1;
-}
-.col-span-12{
-  grid-column: span 12 / span 12;
-}
-.col-span-2{
-  grid-column: span 2 / span 2;
-}
-.col-span-6{
-  grid-column: span 6 / span 6;
-}
-.col-span-8{
-  grid-column: span 8 / span 8;
-}
-.m-0{
-  margin: 0px;
-}
-.m-2{
-  margin: 0.5rem;
-}
-.m-3{
-  margin: 0.75rem;
-}
-.m-auto{
-  margin: auto;
-}
-.mx-0{
-  margin-left: 0px;
-  margin-right: 0px;
-}
-.mx-1{
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}
-.mx-2{
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.mx-3{
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}
-.mx-4{
-  margin-left: 1rem;
-  margin-right: 1rem;
-}
-.mx-auto{
-  margin-left: auto;
-  margin-right: auto;
-}
-.my-2{
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.my-3{
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}
-.my-4{
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-.my-5{
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}
-.-ml-5{
-  margin-left: -1.25rem;
-}
-.-mr-1{
-  margin-right: -0.25rem;
-}
-.-mr-8{
-  margin-right: -2rem;
-}
-.-mt-4{
-  margin-top: -1rem;
-}
-.-mt-5{
-  margin-top: -1.25rem;
-}
-.mb-0{
-  margin-bottom: 0px;
-}
-.mb-1{
-  margin-bottom: 0.25rem;
-}
-.mb-2{
-  margin-bottom: 0.5rem;
-}
-.mb-3{
-  margin-bottom: 0.75rem;
-}
-.mb-4{
-  margin-bottom: 1rem;
-}
-.mb-5{
-  margin-bottom: 1.25rem;
-}
-.mb-6{
-  margin-bottom: 1.5rem;
-}
-.mb-8{
-  margin-bottom: 2rem;
-}
-.ml-1{
-  margin-left: 0.25rem;
-}
-.ml-2{
-  margin-left: 0.5rem;
-}
-.ml-3{
-  margin-left: 0.75rem;
-}
-.ml-5{
-  margin-left: 1.25rem;
-}
-.ml-8{
-  margin-left: 2rem;
-}
-.ml-auto{
-  margin-left: auto;
-}
-.mr-1{
-  margin-right: 0.25rem;
-}
-.mr-2{
-  margin-right: 0.5rem;
-}
-.mr-3{
-  margin-right: 0.75rem;
-}
-.mr-4{
-  margin-right: 1rem;
-}
-.mr-5{
-  margin-right: 1.25rem;
-}
-.mt-0{
-  margin-top: 0px;
-}
-.mt-1{
-  margin-top: 0.25rem;
-}
-.mt-2{
-  margin-top: 0.5rem;
-}
-.mt-3{
-  margin-top: 0.75rem;
-}
-.mt-4{
-  margin-top: 1rem;
-}
-.mt-5{
-  margin-top: 1.25rem;
-}
-.mt-6{
-  margin-top: 1.5rem;
-}
-.mt-7{
-  margin-top: 1.75rem;
-}
-.mt-8{
-  margin-top: 2rem;
-}
-.mt-auto{
-  margin-top: auto;
-}
-.block{
-  display: block;
-}
-.inline-block{
-  display: inline-block;
-}
-.\!inline{
-  display: inline !important;
-}
-.inline{
-  display: inline;
-}
-.flex{
-  display: flex;
-}
-.inline-flex{
-  display: inline-flex;
-}
-.table{
-  display: table;
-}
-.table-cell{
-  display: table-cell;
-}
-.grid{
-  display: grid;
-}
-.contents{
-  display: contents;
-}
-.hidden{
-  display: none;
-}
-.\!h-1{
-  height: 1rem !important;
-}
-.\!h-10{
-  height: 10rem !important;
-}
-.\!h-12{
-  height: 12rem !important;
-}
-.\!h-14{
-  height: 14rem !important;
-}
-.\!h-2{
-  height: 2rem !important;
-}
-.\!h-20{
-  height: 20rem !important;
-}
-.\!h-3{
-  height: 3rem !important;
-}
-.\!h-30{
-  height: 30rem !important;
-}
-.\!h-4{
-  height: 4rem !important;
-}
-.\!h-5{
-  height: 5rem !important;
-}
-.\!h-6{
-  height: 6rem !important;
-}
-.\!h-8{
-  height: 8rem !important;
-}
-.h-4{
-  height: 4rem;
-}
-.h-full{
-  height: 100%;
-}
-.h-screen{
-  height: 100vh;
-}
-.\!w-1{
-  width: 1rem !important;
-}
-.\!w-10{
-  width: 10rem !important;
-}
-.\!w-12{
-  width: 12rem !important;
-}
-.\!w-14{
-  width: 14rem !important;
-}
-.\!w-15{
-  width: 15rem !important;
-}
-.\!w-18{
-  width: 18rem !important;
-}
-.\!w-2{
-  width: 2rem !important;
-}
-.\!w-20{
-  width: 20rem !important;
-}
-.\!w-25{
-  width: 25rem !important;
-}
-.\!w-3{
-  width: 3rem !important;
-}
-.\!w-3\/12{
-  width: 25% !important;
-}
-.\!w-30{
-  width: 30rem !important;
-}
-.\!w-4{
-  width: 4rem !important;
-}
-.\!w-4\/12{
-  width: 33.333333% !important;
-}
-.\!w-6{
-  width: 6rem !important;
-}
-.\!w-6\/12{
-  width: 50% !important;
-}
-.\!w-7\/12{
-  width: 58.333333% !important;
-}
-.\!w-8{
-  width: 8rem !important;
-}
-.\!w-8\/12{
-  width: 66.666667% !important;
-}
-.\!w-9{
-  width: 9rem !important;
-}
-.\!w-9\/12{
-  width: 75% !important;
-}
-.w-1{
-  width: 1rem;
-}
-.w-13{
-  width: 13rem;
-}
-.w-9{
-  width: 9rem;
-}
-.w-full{
-  width: 100%;
-}
-.min-w-0{
-  min-width: 0px;
-}
-.max-w-full{
-  max-width: 100%;
-}
-.flex-1{
-  flex: 1 1 0%;
-}
-.flex-auto{
-  flex: 1 1 auto;
-}
-.flex-shrink-0{
-  flex-shrink: 0;
-}
-.shrink{
-  flex-shrink: 1;
-}
-.flex-grow{
-  flex-grow: 1;
-}
-.grow{
-  flex-grow: 1;
-}
-.origin-top{
-  transform-origin: top;
-}
-.transform{
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.cursor-pointer{
-  cursor: pointer;
-}
-.select-none{
-  user-select: none;
-}
-.resize{
-  resize: both;
-}
-.list-none{
-  list-style-type: none;
-}
-.grid-cols-12{
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}
-.flex-row{
-  flex-direction: row;
-}
-.flex-row-reverse{
-  flex-direction: row-reverse;
-}
-.flex-col{
-  flex-direction: column;
-}
-.flex-wrap{
-  flex-wrap: wrap;
-}
-.items-start{
-  align-items: flex-start;
-}
-.items-end{
-  align-items: flex-end;
-}
-.items-center{
-  align-items: center;
-}
-.justify-start{
-  justify-content: flex-start;
-}
-.justify-end{
-  justify-content: flex-end;
-}
-.justify-center{
-  justify-content: center;
-}
-.justify-between{
-  justify-content: space-between;
-}
-.gap-1{
-  gap: 0.25rem;
-}
-.gap-2{
-  gap: 0.5rem;
-}
-.gap-3{
-  gap: 0.75rem;
-}
-.gap-4{
-  gap: 1rem;
-}
-.gap-5{
-  gap: 1.25rem;
-}
-.gap-6{
-  gap: 1.5rem;
-}
-.gap-8{
-  gap: 2rem;
-}
-.overflow-auto{
-  overflow: auto;
-}
-.overflow-hidden{
-  overflow: hidden;
-}
-.overflow-visible{
-  overflow: visible;
-}
-.overflow-x-auto{
-  overflow-x: auto;
-}
-.overflow-y-auto{
-  overflow-y: auto;
-}
-.overflow-y-hidden{
-  overflow-y: hidden;
-}
-.whitespace-nowrap{
-  white-space: nowrap;
-}
-.rounded{
-  border-radius: 0.25rem;
-}
-.rounded-2xl{
-  border-radius: 1rem;
-}
-.rounded-3xl{
-  border-radius: 1.5rem;
-}
-.rounded-full{
-  border-radius: 9999px;
-}
-.rounded-xl{
-  border-radius: 0.75rem;
-}
-.border{
-  border-width: 1px;
-}
-.border-1{
-  border-width: 1px;
-}
-.border-2{
-  border-width: 2px;
-}
-.border-solid{
-  border-style: solid;
-}
-.border-dashed{
-  border-style: dashed;
-}
-.border-none{
-  border-style: none;
-}
-.border-blue-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}
-.border-color{
-  border-color: var(--text-color);
-}
-.border-indigo-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
-}
-.border-orange-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
-}
-.border-pink-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
-}
-.border-primary{
-  border-color: var(--primary-color);
-}
-.border-teal-500{
-  --tw-border-opacity: 1;
-  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
-}
-.border-transparent{
-  border-color: transparent;
-}
-.bg-black{
-  background-color: var(--black-100);
-}
-.bg-blue-400{
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}
-.bg-blue-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
-}
-.bg-blue-600{
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}
-.bg-gray-900{
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
-}
-.bg-green-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
-}
-.bg-indigo-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
-}
-.bg-orange-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
-}
-.bg-pink-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
-}
-.bg-primary{
-  background-color: var(--primary-color);
-}
-.bg-primary-600{
-  background-color: var(--primary-600);
-}
-.bg-purple-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
-}
-.bg-surface-50{
-  background-color: var(--surface-50);
-}
-.bg-teal-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
-}
-.bg-transparent{
-  background-color: transparent;
-}
-.bg-white{
-  background-color: var(--white-100);
-}
-.bg-cover{
-  background-size: cover;
-}
-.object-cover{
-  object-fit: cover;
-}
-.\!p-0{
-  padding: 0px !important;
-}
-.p-0{
-  padding: 0px;
-}
-.p-1{
-  padding: 0.25rem;
-}
-.p-2{
-  padding: 0.5rem;
-}
-.p-3{
-  padding: 0.75rem;
-}
-.p-4{
-  padding: 1rem;
-}
-.p-5{
-  padding: 1.25rem;
-}
-.p-8{
-  padding: 2rem;
-}
-.px-0{
-  padding-left: 0px;
-  padding-right: 0px;
-}
-.px-1{
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-.px-10{
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}
-.px-12{
-  padding-left: 3rem;
-  padding-right: 3rem;
-}
-.px-2{
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.px-3{
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-.px-4{
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-.px-5{
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
-.px-8{
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-.py-0{
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.py-1{
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-.py-2{
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-.py-3{
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-.py-4{
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-.py-5{
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}
-.py-6{
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-.py-8{
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-.pb-0{
-  padding-bottom: 0px;
-}
-.pb-3{
-  padding-bottom: 0.75rem;
-}
-.pb-4{
-  padding-bottom: 1rem;
-}
-.pb-5{
-  padding-bottom: 1.25rem;
-}
-.pl-0{
-  padding-left: 0px;
-}
-.pl-2{
-  padding-left: 0.5rem;
-}
-.pl-3{
-  padding-left: 0.75rem;
-}
-.pr-0{
-  padding-right: 0px;
-}
-.pr-3{
-  padding-right: 0.75rem;
-}
-.pr-4{
-  padding-right: 1rem;
-}
-.pr-5{
-  padding-right: 1.25rem;
-}
-.pr-6{
-  padding-right: 1.5rem;
-}
-.pt-1{
-  padding-top: 0.25rem;
-}
-.pt-3{
-  padding-top: 0.75rem;
-}
-.pt-4{
-  padding-top: 1rem;
-}
-.pt-5{
-  padding-top: 1.25rem;
-}
-.pt-6{
-  padding-top: 1.5rem;
-}
-.pt-7{
-  padding-top: 1.75rem;
-}
-.pt-8{
-  padding-top: 2rem;
-}
-.text-left{
-  text-align: left;
-}
-.text-center{
-  text-align: center;
-}
-.text-right{
-  text-align: right;
-}
-.text-2xl{
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-.text-3xl{
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}
-.text-4xl{
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}
-.text-5xl{
-  font-size: 3rem;
-  line-height: 1;
-}
-.text-6xl{
-  font-size: 3.75rem;
-  line-height: 1;
-}
-.text-7xl{
-  font-size: 4.5rem;
-  line-height: 1;
-}
-.text-8xl{
-  font-size: 6rem;
-  line-height: 1;
-}
-.text-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-.text-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-.text-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.text-xl{
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-.text-xs{
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-.font-bold{
-  font-weight: 700;
-}
-.font-medium{
-  font-weight: 500;
-}
-.font-normal{
-  font-weight: 400;
-}
-.font-semibold{
-  font-weight: 600;
-}
-.uppercase{
-  text-transform: uppercase;
-}
-.lowercase{
-  text-transform: lowercase;
-}
-.leading{
-  line-height: normal;
-}
-.leading-auto{
-  line-height: 1.2;
-}
-.leading-none{
-  line-height: 1;
-}
-.leading-normal{
-  line-height: 1.5;
-}
-.text-blue-500{
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}
-.text-color{
-  color: var(--text-color);
-}
-.text-color-secondary{
-  color: var(--text-color-secondary);
-}
-.text-gray-900{
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}
-.text-green-500{
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
-}
-.text-green-600{
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
-}
-.text-help{
-  color: var(--purple-400);
-}
-.text-indigo-200{
-  --tw-text-opacity: 1;
-  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
-}
-.text-indigo-500{
-  --tw-text-opacity: 1;
-  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
-}
-.text-info{
-  color: var(--blue-400);
-}
-.text-primary{
-  color: var(--primary-color);
-}
-.text-primary-50{
-  color: var(--primary-50);
-}
-.text-primary-500{
-  color: var(--primary-500);
-}
-.text-primary-700{
-  color: var(--primary-700);
-}
-.text-red-500{
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}
-.text-slate-500{
-  --tw-text-opacity: 1;
-  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
-}
-.text-white{
-  color: var(--white-100);
-}
-.text-yellow-500{
-  --tw-text-opacity: 1;
-  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
-}
-.line-through{
-  text-decoration-line: line-through;
-}
-.no-underline{
-  text-decoration-line: none;
-}
-.antialiased{
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.opacity-20{
-  opacity: 0.2;
-}
-.shadow{
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.outline{
-  outline-style: solid;
-}
-.outline-color{
-  outline-color: var(--text-color);
-}
-.blur{
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.grayscale{
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.filter{
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.backdrop-filter{
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-.transition{
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-all{
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-colors{
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.duration-300{
-  transition-duration: 300ms;
-}
-.ease-in{
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-.ease-out{
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.title-h1{
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h2{
-  font-size: 1.5rem;
-  line-height: 2rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h3{
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h4{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h5{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.title-h6{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-lg-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-secondary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-primary{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-secondary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-primary-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-lg-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-lg-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-secondary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-primary-paragraph{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-lg-strikethrough-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-secondary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-lg-strikethrough-primary-paragraph-disabled{
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-bold-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-bold-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-bold-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-bold-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-bold-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-medium-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-medium-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-medium-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-medium-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-medium-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-base-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-secondary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-primary-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.body-regular-base-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.body-regular-base-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.body-regular-base-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-secondary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-primary-paragraph{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}
-.body-regular-base-strikethrough-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-secondary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.body-regular-base-strikethrough-primary-paragraph-disabled{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.subtitle-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}
-.subtitle-base-secondary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}
-.subtitle-base-primary{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}
-.subtitle-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}
-.subtitle-sm-secondary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}
-.subtitle-sm-primary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}
-.caption{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}
-.caption-secondary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}
-.caption-primary{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}
-.caption-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.caption-secondary-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.caption-primary-disabled{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.service-danger-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}
-.service-danger-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}
-.service-warning-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}
-.service-warning-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}
-.service-success-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}
-.service-success-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}
-.service-info-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.service-info-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.service-help-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.service-help-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-base{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.anchor-base:hover{
-  text-decoration-line: underline;
-}
-.anchor-base:visited{
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-base:visited:hover{
-  text-decoration-line: underline;
-}
-.anchor-sm{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}
-.anchor-sm:hover{
-  text-decoration-line: underline;
-}
-.anchor-sm:visited{
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}
-.anchor-sm:visited:hover{
-  text-decoration-line: underline;
-}
-:root {
-  --emerald-0: color-mix(in srgb, color-mix(in srgb, #29C075, #fff 76%), #000 80%);
-  --emerald-50: color-mix(in srgb, #29C075, #fff 95%);
-  --emerald-100: color-mix(in srgb, #29C075, #fff 76%);
-  --emerald-200: color-mix(in srgb, #29C075, #fff 57%);
-  --emerald-300: color-mix(in srgb, #29C075, #fff 38%);
-  --emerald-400: color-mix(in srgb, #29C075, #fff 19%);
-  --emerald-500: color-mix(in srgb, #29C075, #fff 0%);
-  --emerald-600: color-mix(in srgb, #29C075, #000 15%);
-  --emerald-700: color-mix(in srgb, #29C075, #000 30%);
-  --emerald-800: color-mix(in srgb, #29C075, #000 45%);
-  --emerald-900: color-mix(in srgb, #29C075, #000 60%);
-  --emerald-alpha: color-mix(in srgb, #29C075 10%, transparent);
-  --citrine-0: color-mix(in srgb, color-mix(in srgb, #FA8606, #fff 76%), #000 80%);
-  --citrine-50: color-mix(in srgb, #FA8606, #fff 95%);
-  --citrine-100: color-mix(in srgb, #FA8606, #fff 76%);
-  --citrine-200: color-mix(in srgb, #FA8606, #fff 57%);
-  --citrine-300: color-mix(in srgb, #FA8606, #fff 38%);
-  --citrine-400: color-mix(in srgb, #FA8606, #fff 19%);
-  --citrine-500: color-mix(in srgb, #FA8606, #fff 0%);
-  --citrine-600: color-mix(in srgb, #FA8606, #000 15%);
-  --citrine-700: color-mix(in srgb, #FA8606, #000 30%);
-  --citrine-800: color-mix(in srgb, #FA8606, #000 45%);
-  --citrine-900: color-mix(in srgb, #FA8606, #000 60%);
-  --citrine-alpha: color-mix(in srgb, #FA8606 10%, transparent);
-  --aquamarine-0: color-mix(in srgb, color-mix(in srgb, #14B8A6, #fff 76%), #000 80%);
-  --aquamarine-50: color-mix(in srgb, #14B8A6, #fff 95%);
-  --aquamarine-100: color-mix(in srgb, #14B8A6, #fff 76%);
-  --aquamarine-200: color-mix(in srgb, #14B8A6, #fff 57%);
-  --aquamarine-300: color-mix(in srgb, #14B8A6, #fff 38%);
-  --aquamarine-400: color-mix(in srgb, #14B8A6, #fff 19%);
-  --aquamarine-500: color-mix(in srgb, #14B8A6, #fff 0%);
-  --aquamarine-600: color-mix(in srgb, #14B8A6, #000 15%);
-  --aquamarine-700: color-mix(in srgb, #14B8A6, #000 30%);
-  --aquamarine-800: color-mix(in srgb, #14B8A6, #000 45%);
-  --aquamarine-900: color-mix(in srgb, #14B8A6, #000 60%);
-  --aquamarine-alpha: color-mix(in srgb, #14B8A6 10%, transparent);
-  --amethyst-0: color-mix(in srgb, color-mix(in srgb, #7254F3, #fff 76%), #000 80%);
-  --amethyst-50: color-mix(in srgb, #7254F3, #fff 95%);
-  --amethyst-100: color-mix(in srgb, #7254F3, #fff 76%);
-  --amethyst-200: color-mix(in srgb, #7254F3, #fff 57%);
-  --amethyst-300: color-mix(in srgb, #7254F3, #fff 38%);
-  --amethyst-400: color-mix(in srgb, #7254F3, #fff 19%);
-  --amethyst-500: color-mix(in srgb, #7254F3, #fff 0%);
-  --amethyst-600: color-mix(in srgb, #7254F3, #000 15%);
-  --amethyst-700: color-mix(in srgb, #7254F3, #000 30%);
-  --amethyst-800: color-mix(in srgb, #7254F3, #000 45%);
-  --amethyst-900: color-mix(in srgb, #7254F3, #000 60%);
-  --amethyst-alpha: color-mix(in srgb, #7254F3 10%, transparent);
-  --purple-0: color-mix(in srgb, color-mix(in srgb, #9757D7, #fff 76%), #000 80%);
-  --purple-50: color-mix(in srgb, #9757D7, #fff 95%);
-  --purple-100: color-mix(in srgb, #9757D7, #fff 76%);
-  --purple-200: color-mix(in srgb, #9757D7, #fff 57%);
-  --purple-300: color-mix(in srgb, #9757D7, #fff 38%);
-  --purple-400: color-mix(in srgb, #9757D7, #fff 19%);
-  --purple-500: color-mix(in srgb, #9757D7, #fff 0%);
-  --purple-600: color-mix(in srgb, #9757D7, #000 15%);
-  --purple-700: color-mix(in srgb, #9757D7, #000 30%);
-  --purple-800: color-mix(in srgb, #9757D7, #000 45%);
-  --purple-900: color-mix(in srgb, #9757D7, #000 60%);
-  --purple-alpha: color-mix(in srgb, #9757D7 10%, transparent);
-  --blue-0: color-mix(in srgb, color-mix(in srgb, #1F8CEB, #fff 76%), #000 80%);
-  --blue-50: color-mix(in srgb, #1F8CEB, #fff 95%);
-  --blue-100: color-mix(in srgb, #1F8CEB, #fff 76%);
-  --blue-200: color-mix(in srgb, #1F8CEB, #fff 57%);
-  --blue-300: color-mix(in srgb, #1F8CEB, #fff 38%);
-  --blue-400: color-mix(in srgb, #1F8CEB, #fff 19%);
-  --blue-500: color-mix(in srgb, #1F8CEB, #fff 0%);
-  --blue-600: color-mix(in srgb, #1F8CEB, #000 15%);
-  --blue-700: color-mix(in srgb, #1F8CEB, #000 30%);
-  --blue-800: color-mix(in srgb, #1F8CEB, #000 45%);
-  --blue-900: color-mix(in srgb, #1F8CEB, #000 60%);
-  --blue-alpha: color-mix(in srgb, #1F8CEB 10%, transparent);
-  --green-0: color-mix(in srgb, color-mix(in srgb, #45B24E, #fff 76%), #000 80%);
-  --green-50: color-mix(in srgb, #45B24E, #fff 95%);
-  --green-100: color-mix(in srgb, #45B24E, #fff 76%);
-  --green-200: color-mix(in srgb, #45B24E, #fff 57%);
-  --green-300: color-mix(in srgb, #45B24E, #fff 38%);
-  --green-400: color-mix(in srgb, #45B24E, #fff 19%);
-  --green-500: color-mix(in srgb, #45B24E, #fff 0%);
-  --green-600: color-mix(in srgb, #45B24E, #000 15%);
-  --green-700: color-mix(in srgb, #45B24E, #000 30%);
-  --green-800: color-mix(in srgb, #45B24E, #000 45%);
-  --green-900: color-mix(in srgb, #45B24E, #000 60%);
-  --green-alpha: color-mix(in srgb, #45B24E 10%, transparent);
-  --orange-0: color-mix(in srgb, color-mix(in srgb, #FFA100, #fff 76%), #000 80%);
-  --orange-50: color-mix(in srgb, #FFA100, #fff 95%);
-  --orange-100: color-mix(in srgb, #FFA100, #fff 76%);
-  --orange-200: color-mix(in srgb, #FFA100, #fff 57%);
-  --orange-300: color-mix(in srgb, #FFA100, #fff 38%);
-  --orange-400: color-mix(in srgb, #FFA100, #fff 19%);
-  --orange-500: color-mix(in srgb, #FFA100, #fff 0%);
-  --orange-600: color-mix(in srgb, #FFA100, #000 15%);
-  --orange-700: color-mix(in srgb, #FFA100, #000 30%);
-  --orange-800: color-mix(in srgb, #FFA100, #000 45%);
-  --orange-900: color-mix(in srgb, #FFA100, #000 60%);
-  --orange-alpha: color-mix(in srgb, #FFA100 10%, transparent);
-  --red-0: color-mix(in srgb, color-mix(in srgb, #DB4C3F, #fff 76%), #000 80%);
-  --red-50: color-mix(in srgb, #DB4C3F, #fff 95%);
-  --red-100: color-mix(in srgb, #DB4C3F, #fff 76%);
-  --red-200: color-mix(in srgb, #DB4C3F, #fff 57%);
-  --red-300: color-mix(in srgb, #DB4C3F, #fff 38%);
-  --red-400: color-mix(in srgb, #DB4C3F, #fff 19%);
-  --red-500: color-mix(in srgb, #DB4C3F, #fff 0%);
-  --red-600: color-mix(in srgb, #DB4C3F, #000 15%);
-  --red-700: color-mix(in srgb, #DB4C3F, #000 30%);
-  --red-800: color-mix(in srgb, #DB4C3F, #000 45%);
-  --red-900: color-mix(in srgb, #DB4C3F, #000 60%);
-  --red-alpha: color-mix(in srgb, #DB4C3F 10%, transparent);
-  --gray-0: color-mix(in srgb, color-mix(in srgb, #ABAAA9, #fff 76%), #000 80%);
-  --gray-50: color-mix(in srgb, #ABAAA9, #fff 95%);
-  --gray-100: color-mix(in srgb, #ABAAA9, #fff 76%);
-  --gray-200: color-mix(in srgb, #ABAAA9, #fff 57%);
-  --gray-300: color-mix(in srgb, #ABAAA9, #fff 38%);
-  --gray-400: color-mix(in srgb, #ABAAA9, #fff 19%);
-  --gray-500: color-mix(in srgb, #ABAAA9, #fff 0%);
-  --gray-600: color-mix(in srgb, #ABAAA9, #000 15%);
-  --gray-700: color-mix(in srgb, #ABAAA9, #000 30%);
-  --gray-800: color-mix(in srgb, #ABAAA9, #000 45%);
-  --gray-900: color-mix(in srgb, #ABAAA9, #000 60%);
-  --gray-alpha: color-mix(in srgb, #ABAAA9 10%, transparent);
-  --black-10: color-mix(in srgb, #000 10%, transparent) ;
-  --black-20: color-mix(in srgb, #000 20%, transparent) ;
-  --black-30: color-mix(in srgb, #000 30%, transparent) ;
-  --black-40: color-mix(in srgb, #000 40%, transparent) ;
-  --black-50: color-mix(in srgb, #000 50%, transparent) ;
-  --black-60: color-mix(in srgb, #000 60%, transparent) ;
-  --black-70: color-mix(in srgb, #000 70%, transparent) ;
-  --black-80: color-mix(in srgb, #000 80%, transparent) ;
-  --black-90: color-mix(in srgb, #000 90%, transparent) ;
-  --black-100: color-mix(in srgb, #000 100%, transparent) ;
-  --white-10: color-mix(in srgb, #fff 10%, transparent) ;
-  --white-20: color-mix(in srgb, #fff 20%, transparent) ;
-  --white-30: color-mix(in srgb, #fff 30%, transparent) ;
-  --white-40: color-mix(in srgb, #fff 40%, transparent) ;
-  --white-50: color-mix(in srgb, #fff 50%, transparent) ;
-  --white-60: color-mix(in srgb, #fff 60%, transparent) ;
-  --white-70: color-mix(in srgb, #fff 70%, transparent) ;
-  --white-80: color-mix(in srgb, #fff 80%, transparent) ;
-  --white-90: color-mix(in srgb, #fff 90%, transparent) ;
-  --white-100: color-mix(in srgb, #fff 100%, transparent) ;
-  --font-family: Roboto, Inter, Helvetica, Arial, sans-serif;
-  --text-color: var(--black-80);
-  --text-color-secondary: var(--black-60);
-  --primary-color: var(--amethyst-700);
-  --primary-color-text: var(--white-100);
-  --primary-0: var(--amethyst-0);
-  --primary-900: var(--amethyst-900);
-  --primary-800: var(--amethyst-800);
-  --primary-700: var(--amethyst-700);
-  --primary-600: var(--amethyst-600);
-  --primary-500: var(--amethyst-500);
-  --primary-400: var(--amethyst-400);
-  --primary-300: var(--amethyst-300);
-  --primary-200: var(--amethyst-200);
-  --primary-100: var(--amethyst-100);
-  --primary-50: var(--amethyst-50);
-  --primary-alpha: var(--amethyst-alpha);
-  --surface-0: var(--gray-0);
-  --surface-50: var(--gray-50);
-  --surface-100: var(--gray-100);
-  --surface-200: var(--gray-200);
-  --surface-300: var(--gray-300);
-  --surface-400: var(--gray-400);
-  --surface-500: var(--gray-500);
-  --surface-600: var(--gray-600);
-  --surface-700: var(--gray-700);
-  --surface-800: var(--gray-800);
-  --surface-900: var(--gray-900);
-  --content-padding: 1rem;
-  --inline-spacing: 0.5rem;
-  --border-radius: 0.5rem;
-  --surface-ground: var(--white-100);
-  --surface-section: var(--gray-alpha);
-  --surface-card: var(--white-100);
-  --surface-overlay: var(--black-20);
-  --surface-border: var(--gray-200);
-  --surface-hover: var(--gray-100);
-  --focus-ring: 0 0 0 0.25rem var(--amethyst-200);
-  --maskbg: var(--black-20);
-  --highlight-bg: var(--amethyst-700);
-  --highlight-text-color: var(--white-100);
-  color-scheme: light;
-}
-
-@media only screen and (min-resolution: 100dpi) and (max-resolution: 199dpi) {
-  html, body {
-    font-size: 12px;
-  }
-}
-@media only screen and (min-resolution: 200dpi) and (max-resolution: 499dpi) {
-  html, body {
-    font-size: 14px;
-  }
-}
-@media only screen and (min-resolution: 500dpi) {
-  html, body {
-    font-size: 16px;
-  }
-}
-* {
-  box-sizing: border-box;
-}
-
-html {
-  font-size: 14px;
-  font-family: var(--font-family);
-}
-
-::selection {
-  color: var(--white-100);
-  background-color: var(--amethyst-700);
-}
-
-.p-component {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  font-weight: normal;
-}
-
-.p-component-overlay {
-  background-color: var(--black-20);
-  transition-duration: 0.2s;
-  padding: 0.5rem;
-}
-
-.p-disabled,
-.p-component:disabled {
-  pointer-events: all;
-  cursor: not-allowed;
-  opacity: 0.6;
-  filter: grayscale(1);
-}
-
-.p-placeholder {
-  opacity: 0.6;
-}
-
-.p-error {
-  color: var(--red-400);
-}
-
-.p-text-secondary {
-  color: var(--black-60);
-}
-
-.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-.p-link {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-}
-.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-
-.p-component-overlay-enter {
-  animation: p-component-overlay-enter-animation 150ms forwards;
-}
-
-.p-component-overlay-leave {
-  animation: p-component-overlay-leave-animation 150ms forwards;
-}
-
-@keyframes p-component-overlay-enter-animation {
-  from {
-    background-color: transparent;
-  }
-  to {
-    background-color: var(--maskbg);
-  }
-}
-@keyframes p-component-overlay-leave-animation {
-  from {
-    background-color: var(--maskbg);
-  }
-  to {
-    background-color: transparent;
-  }
-}
-
-::-webkit-scrollbar {
-  width: 9px;
-  height: 9px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--black-10);
-  border-radius: 4.5px;
-}
-
-::-webkit-scrollbar-track {
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-
-::-webkit-scrollbar-track:hover {
-  background-color: var(--gray-100);
-}
-
-p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext,
-p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext,
-p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect,
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box,
-p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext,
-p-dropdown.ng-dirty.ng-invalid > .p-dropdown,
-p-inputmask.ng-dirty.ng-invalid > .p-inputtext,
-p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext,
-p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider,
-.p-inputtext.ng-dirty.ng-invalid,
-p-listbox.ng-dirty.ng-invalid > .p-listbox,
-p-multiselect.ng-dirty.ng-invalid > .p-multiselect,
-p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext,
-p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box,
-p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button,
-p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button,
-p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
-  border-color: var(--red-400) !important;
-  box-shadow: 0 0 0 0.25rem var(--red-100) !important;
-}
-
-.p-progress-spinner-circle {
-  stroke: var(--amethyst-700);
-}
-
-.p-overflow-hidden {
-  overflow: hidden;
-  padding-right: var(--scrollbar-width);
-}
-
-@layer primeng {
-  .p-component,
-  .p-component * {
-    box-sizing: border-box;
-  }
-  .p-hidden {
-    display: none;
-  }
-  .p-hidden-space {
-    visibility: hidden;
-  }
-  .p-hidden-accessible {
-    border: 0;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-  }
-  .p-hidden-accessible input,
-  .p-hidden-accessible select {
-    transform: scale(0);
-  }
-  .p-reset {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    outline: 0;
-    text-decoration: none;
-    font-size: 100%;
-    list-style: none;
-  }
-  .p-disabled,
-  .p-disabled * {
-    cursor: default !important;
-    pointer-events: none;
-  }
-  .p-component-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-  .p-unselectable-text {
-    user-select: none;
-  }
-  .p-scrollbar-measure {
-    width: 100px;
-    height: 100px;
-    overflow: scroll;
-    position: absolute;
-    top: -9999px;
-  }
-  @keyframes p-fadein {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-  input[type=button],
-  input[type=submit],
-  input[type=reset],
-  input[type=file]::-webkit-file-upload-button,
-  button {
-    border-radius: 0;
-  }
-  .p-link {
-    text-align: left;
-    background-color: transparent;
-    margin: 0;
-    padding: 0;
-    border: none;
-    cursor: pointer;
-    user-select: none;
-  }
-  .p-link:disabled {
-    cursor: default;
-  }
-  .p-sr-only {
-    border: 0;
-    clip: rect(1px, 1px, 1px, 1px);
-    clip-path: inset(50%);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-    word-wrap: normal !important;
-  }
-  /* Non ng overlay animations */
-  .p-connected-overlay {
-    opacity: 0;
-    transform: scaleY(0.8);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  .p-connected-overlay-visible {
-    opacity: 1;
-    transform: scaleY(1);
-  }
-  .p-connected-overlay-hidden {
-    opacity: 0;
-    transform: scaleY(1);
-    transition: opacity 0.1s linear;
-  }
-  .p-toggleable-content.ng-animating {
-    overflow: hidden;
-  }
-  .p-icon-wrapper {
-    display: inline-flex;
-  }
-  .p-icon {
-    display: inline-block;
-  }
-  .p-icon-spin {
-    animation: p-icon-spin 2s infinite linear;
-  }
-}
-@keyframes p-icon-spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(359deg);
-  }
-}
-.p-togglebutton.p-button.p-highlight.p-disabled, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-disabled {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-
-.p-button {
-  height: 2.5rem;
-  display: flex;
-  gap: 0.5rem;
-  font-size: 1rem;
-  font-weight: 700;
-  color: var(--white-100);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  padding: 0rem 1rem;
-  background: var(--amethyst-700);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-button .p-button-label {
-  transition-duration: 0.2s;
-}
-.p-button .p-button-icon {
-  font-size: 1.25rem;
-}
-.p-button.p-button-rounded {
-  border-radius: 100px;
-}
-.p-button.p-button-icon-only {
-  flex-shrink: 0;
-  width: 2.5rem;
-  padding: 0;
-}
-.p-button.p-button-icon-only:after {
-  display: none;
-}
-.p-button.p-button-icon-only .p-button-label {
-  display: none;
-}
-.p-button.p-button-sm {
-  height: 2rem;
-  font-size: 0.875rem;
-  padding: 0 0.75rem;
-}
-.p-button.p-button-sm .p-button-icon {
-  font-size: 1rem;
-}
-.p-button.p-button-sm.p-button-icon-only {
-  width: 2rem;
-  padding: 0;
-}
-.p-button.p-button-lg {
-  gap: 0.75rem;
-  height: 3.5rem;
-  font-size: 1.25rem;
-  padding: 0 1.5rem;
-}
-.p-button.p-button-lg .p-button-icon {
-  font-size: 1.5rem;
-}
-.p-button.p-button-lg.p-button-icon-only {
-  width: 3.5rem;
-  padding: 0;
-}
-.p-button:not(.p-disabled):hover {
-  background: var(--amethyst-800);
-  color: var(--white-100);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button:not(.p-disabled):active {
-  background: var(--amethyst-700);
-  color: var(--white-100);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-
-p-button[size=xlarge] .p-button {
-  gap: 0.75rem;
-  height: 4rem;
-  font-size: 1.75rem;
-  padding: 0 1.5rem;
-}
-p-button[size=xlarge] .p-button .p-button-icon {
-  font-size: 2rem;
-}
-p-button[size=xlarge] .p-button.p-button-icon-only {
-  width: 4rem;
-  padding: 0;
-}
-
-.p-button-outlined {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--amethyst-700);
-  border-color: var(--amethyst-200);
-}
-.p-button-outlined:not(.p-disabled):hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--amethyst-700);
-  border-color: var(--amethyst-700);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button-outlined:not(.p-disabled):active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--amethyst-700);
-  border-color: var(--amethyst-200);
-  box-shadow: none;
-}
-
-.p-button-text {
-  background-color: var(--white-100);
-  color: var(--amethyst-700);
-}
-.p-button-text:not(.p-disabled):hover {
-  background: var(--amethyst-alpha);
-  color: var(--amethyst-700);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button-text:not(.p-disabled):active {
-  background: var(--white-100);
-  color: var(--amethyst-700);
-  border-color: transparent;
-  box-shadow: none;
-}
-
-.p-button-group {
-  display: flex;
-}
-
-.p-fluid .p-button:not(.p-button-icon-only) {
-  width: 100%;
-}
-.p-fluid .p-button-group .p-button:not(.p-button-icon-only) {
-  flex: 1;
-}
-
-.p-button.p-button-danger,
-.p-button-group.p-button-danger > .p-button,
-.p-splitbutton.p-button-danger > .p-button,
-.p-fileupload-choose.p-button-danger {
-  color: var(--white-100);
-  background: var(--red-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-danger:not(.p-disabled):hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):hover {
-  background: var(--red-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-danger:not(.p-disabled):active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):active {
-  background: var(--red-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-200);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-200);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--red-400);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:hover {
-  background: var(--red-alpha);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-warning,
-.p-button-group.p-button-warning > .p-button,
-.p-splitbutton.p-button-warning > .p-button,
-.p-fileupload-choose.p-button-warning {
-  color: var(--white-100);
-  background: var(--orange-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-warning:not(.p-disabled):hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):hover {
-  background: var(--orange-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-warning:not(.p-disabled):active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):active {
-  background: var(--orange-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-200);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-200);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--orange-400);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:hover {
-  background: var(--orange-alpha);
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-success,
-.p-button-group.p-button-success > .p-button,
-.p-splitbutton.p-button-success > .p-button,
-.p-fileupload-choose.p-button-success {
-  color: var(--white-100);
-  background: var(--green-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-success:not(.p-disabled):hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled):hover {
-  background: var(--green-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-success:not(.p-disabled):active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-success:not(.p-disabled):active {
-  background: var(--green-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-200);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-200);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--green-400);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:hover {
-  background: var(--green-alpha);
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-info,
-.p-button-group.p-button-info > .p-button,
-.p-splitbutton.p-button-info > .p-button,
-.p-fileupload-choose.p-button-info {
-  color: var(--white-100);
-  background: var(--blue-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-info:not(.p-disabled):hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled):hover {
-  background: var(--blue-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-info:not(.p-disabled):active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-info:not(.p-disabled):active {
-  background: var(--blue-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-200);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-200);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--blue-400);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:hover {
-  background: var(--blue-alpha);
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-help,
-.p-button-group.p-button-help > .p-button,
-.p-splitbutton.p-button-help > .p-button,
-.p-fileupload-choose.p-button-help {
-  color: var(--white-100);
-  background: var(--purple-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-help:not(.p-disabled):hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled):hover {
-  background: var(--purple-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-help:not(.p-disabled):active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-help:not(.p-disabled):active {
-  background: var(--purple-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-200);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-200);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--purple-400);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:hover {
-  background: var(--purple-alpha);
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-inputtext {
-  min-height: 2.5rem;
-  line-height: 2.5rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--black-80);
-  background: var(--white-100);
-  padding: 0rem 0.75rem;
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  appearance: none;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-inputtext:enabled:hover {
-  border-color: var(--amethyst-700);
-}
-.p-inputtext:enabled:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-inputtext.p-invalid.p-component, .p-inputtext.ng-invalid.ng-touched {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-inputtext:disabled, .p-inputtext.p-disabled {
-  background: var(--black-10);
-}
-
-.p-float-label > label {
-  left: 0.75rem;
-  color: var(--black-60);
-  transition-duration: 0.2s;
-}
-
-.p-float-label > .p-invalid + label {
-  color: var(--red-400);
-}
-
-.p-icon-field-left > .p-inputtext {
-  padding-left: 2.5rem;
-}
-
-.p-icon-field-left.p-float-label > label {
-  left: 2.5rem;
-}
-
-.p-icon-field-right > .p-inputtext {
-  padding-right: 2.5rem;
-}
-
-::-webkit-input-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-:-moz-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-::-moz-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-:-ms-input-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-.p-inputtext-lg {
-  min-height: 3.5rem;
-  line-height: 3.5rem;
-}
-
-.p-inputtextarea {
-  padding: 0.75rem;
-  line-height: normal;
-}
-
-.p-icon-field .p-inputtextarea-icon.p-input-icon {
-  top: unset;
-  margin-top: 0.5rem;
-}
-
-.p-inputotp {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.p-inputotp.error .p-inputotp-input {
-  border-color: var(--red-400);
-}
-
-.p-inputotp-input {
-  font-size: 1.5rem;
-  text-align: center;
-  width: 2.5rem;
-  border: none;
-  border-bottom: 1px solid var(--gray-200);
-  border-radius: 0;
-  background: transparent;
-}
-.p-inputotp-input:disabled, .p-inputotp-input.p-disabled {
-  background: transparent;
-}
-
-.p-inputotp-input:enabled:focus {
-  box-shadow: none;
-}
-
-.p-listbox-list-wrapper {
-  overflow: auto;
-}
-
-.p-listbox-list {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-
-.p-listbox-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  color: var(--black-80);
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: 0.2s;
-}
-.p-listbox-item:first-child {
-  margin-top: 0;
-}
-.p-listbox-item:last-child {
-  margin-bottom: 0;
-}
-.p-listbox-item.p-highlight {
-  color: var(--white-100);
-  background: var(--amethyst-700);
-}
-.p-listbox-item:not(.p-highlight).p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-.p-listbox-item.p-disabled {
-  cursor: not-allowed;
-  opacity: 0.6;
-  background: var(--amethyst-700) !important;
-  color: var(--white-100) !important;
-  mix-blend-mode: luminosity;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-listbox-item.p-disabled:has(.p-checkbox) {
-  background: var(--black-10);
-  color: var(--black-60);
-}
-.p-listbox-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-listbox-item:has(.p-checkbox) {
-  background: var(--white-100);
-  color: var(--black-80);
-}
-.p-listbox-item:has(.p-checkbox):hover {
-  background: #000;
-}
-
-.p-listbox-item-group {
-  cursor: auto;
-}
-
-.p-listbox-filter-container {
-  position: relative;
-}
-
-.p-listbox-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-listbox-filter {
-  width: 100%;
-}
-
-.p-listbox {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-listbox .p-listbox-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-listbox .p-listbox-header .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-listbox .p-listbox-header .p-checkbox .p-checkbox-box.p-disabled {
-  background: var(--white-100);
-}
-.p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.75rem;
-}
-.p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-listbox .p-listbox-header .p-disabled + .p-listbox-filter-icon {
-  opacity: 0.6;
-}
-.p-listbox .p-listbox-list {
-  padding: 0.25rem;
-  outline: 0 none;
-}
-.p-listbox .p-listbox-list .p-listbox-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-listbox .p-listbox-list .p-listbox-empty-message {
-  text-align: center;
-  color: var(--black-80);
-  padding: 0.75rem;
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight.p-focus {
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: var(--amethyst-700);
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:hover {
-  background: var(--amethyst-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox).p-focus {
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover.p-focus {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-listbox.p-invalid {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-listbox.p-disabled *.p-disabled {
-  opacity: 1;
-}
-.p-listbox.p-disabled .p-listbox-filter-icon {
-  display: none;
-}
-.p-listbox.p-disabled .p-listbox-filter.p-inputtext {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49967 2.83335C7.03555 2.83335 6.59043 3.01773 6.26224 3.34592C5.93405 3.67411 5.74967 4.11922 5.74967 4.58335V6.33335H9.24967V4.58335C9.24967 4.11922 9.0653 3.67411 8.73711 3.34592C8.40892 3.01773 7.9638 2.83335 7.49967 2.83335ZM10.4163 6.33335V4.58335C10.4163 3.80981 10.1091 3.06794 9.56207 2.52096C9.01509 1.97398 8.27322 1.66669 7.49967 1.66669C6.72613 1.66669 5.98426 1.97398 5.43728 2.52096C4.8903 3.06794 4.58301 3.80981 4.58301 4.58335V6.33335C4.11888 6.33335 3.67376 6.51773 3.34557 6.84592C3.01738 7.17411 2.83301 7.61922 2.83301 8.08335V11.5834C2.83301 12.0475 3.01738 12.4926 3.34557 12.8208C3.67376 13.149 4.11888 13.3334 4.58301 13.3334H10.4163C10.8805 13.3334 11.3256 13.149 11.6538 12.8208C11.982 12.4926 12.1663 12.0475 12.1663 11.5834V8.08335C12.1663 7.61922 11.982 7.17411 11.6538 6.84592C11.3256 6.51773 10.8805 6.33335 10.4163 6.33335ZM4.58301 7.50002C4.4283 7.50002 4.27993 7.56148 4.17053 7.67087C4.06113 7.78027 3.99967 7.92864 3.99967 8.08335V11.5834C3.99967 11.7381 4.06113 11.8864 4.17053 11.9958C4.27993 12.1052 4.4283 12.1667 4.58301 12.1667H10.4163C10.5711 12.1667 10.7194 12.1052 10.8288 11.9958C10.9382 11.8864 10.9997 11.7381 10.9997 11.5834V8.08335C10.9997 7.92864 10.9382 7.78027 10.8288 7.67087C10.7194 7.56148 10.5711 7.50002 10.4163 7.50002H4.58301ZM6.67472 9.0084C6.89351 8.7896 7.19026 8.66669 7.49967 8.66669C7.80909 8.66669 8.10584 8.7896 8.32463 9.0084C8.54342 9.22719 8.66634 9.52393 8.66634 9.83335C8.66634 10.1428 8.54343 10.4395 8.32463 10.6583C8.10584 10.8771 7.80909 11 7.49967 11C7.19026 11 6.89351 10.8771 6.67472 10.6583C6.45592 10.4395 6.33301 10.1428 6.33301 9.83335C6.33301 9.52393 6.45592 9.22719 6.67472 9.0084Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E");
-  background-position: right 0.75rem center;
-  background-repeat: no-repeat;
-}
-.p-listbox.p-disabled .p-listbox-item {
-  background: var(--black-10);
-  color: var(--black-60);
-}
-
-.p-dropdown {
-  display: inline-flex;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-}
-.p-dropdown.p-disabled {
-  cursor: not-allowed;
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-
-.p-dropdown-clear-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-dropdown-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-dropdown-label {
-  height: min-content;
-  margin: auto 0;
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  flex: 1 1 auto;
-  width: 1%;
-  text-overflow: ellipsis;
-  cursor: pointer;
-}
-
-.p-dropdown-label-empty {
-  overflow: hidden;
-  opacity: 0;
-}
-
-input.p-dropdown-label {
-  cursor: default;
-}
-
-.p-dropdown .p-dropdown-panel {
-  min-width: 100%;
-}
-
-.p-dropdown-panel {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.p-dropdown-items-wrapper {
-  overflow: auto;
-}
-
-.p-dropdown-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--black-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-}
-.p-dropdown-item:first-child {
-  margin-top: 0;
-}
-.p-dropdown-item:last-child {
-  margin-bottom: 0;
-}
-.p-dropdown-item.p-highlight {
-  color: var(--white-100);
-  background: var(--amethyst-700);
-}
-.p-dropdown-item.p-highlight:hover {
-  background: var(--amethyst-800);
-}
-.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-dropdown-item:not(.p-highlight).p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-.p-dropdown-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-dropdown-item .p-dropdown-check-icon {
-  position: relative;
-  margin-left: -0.5rem;
-  margin-right: 0.5rem;
-}
-
-.p-dropdown-item-group {
-  cursor: auto;
-}
-
-.p-dropdown-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-dropdown-filter {
-  width: 100%;
-}
-
-.p-dropdown-filter-container {
-  position: relative;
-}
-
-.p-dropdown-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-fluid .p-dropdown {
-  display: flex;
-}
-
-.p-fluid .p-dropdown .p-dropdown-label {
-  width: 1%;
-}
-
-.p-dropdown {
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-dropdown:not(.p-disabled):hover {
-  border-color: var(--amethyst-700);
-}
-.p-dropdown:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-dropdown.p-dropdown-clearable .p-dropdown-label {
-  padding-right: 1.75rem;
-}
-.p-dropdown .p-dropdown-label {
-  background: transparent;
-  border: 0 none;
-}
-.p-dropdown .p-dropdown-label.p-placeholder {
-  color: var(--black-60);
-}
-.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
-  outline: 0 none;
-  box-shadow: none;
-}
-.p-dropdown .p-dropdown-trigger {
-  background: transparent;
-  color: var(--black-80);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-dropdown .p-dropdown-clear-icon {
-  color: var(--black-80);
-  right: 2.5rem;
-}
-.p-dropdown.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-dropdown-panel {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  margin-top: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-dropdown-panel .p-dropdown-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.75rem;
-  margin-right: -1.75rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-dropdown-panel .p-dropdown-items {
-  padding: 0.25rem;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
-  color: var(--black-80);
-  text-align: center;
-  padding: 0.5rem 0.75rem;
-  background: rgba(255, 255, 255, 0.0001);
-}
-
-.p-multiselect {
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  user-select: none;
-}
-
-.p-multiselect-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-multiselect-label-container {
-  cursor: pointer;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-}
-
-.p-multiselect-clearable .p-multiselect-label-container {
-  padding-right: 1.75rem;
-}
-
-.p-multiselect-clearable .p-multiselect-clear-icon {
-  right: 2.5rem;
-}
-
-.p-multiselect-label {
-  display: block;
-  white-space: nowrap;
-  cursor: pointer;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.p-multiselect-label-empty {
-  overflow: hidden;
-  visibility: hidden;
-}
-
-.p-multiselect-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-  margin-right: 0.25rem;
-}
-
-.p-multiselect-token-icon {
-  cursor: pointer;
-}
-
-.p-multiselect .p-multiselect-panel {
-  min-width: 100%;
-}
-
-.p-multiselect-items-wrapper {
-  overflow: auto;
-}
-
-.p-multiselect-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-multiselect-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--black-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-}
-.p-multiselect-item:not(.p-disabled):hover, .p-multiselect-item:not(.p-disabled).p-focus {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-multiselect-item:not(.p-highlight).p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-.p-multiselect-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-multiselect-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-
-.p-multiselect-item-group {
-  cursor: auto;
-}
-
-.p-multiselect-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.p-multiselect-filter-container {
-  position: relative;
-  flex: 1 1 auto;
-}
-
-.p-multiselect-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-multiselect-filter-container .p-inputtext {
-  width: 100%;
-}
-
-.p-multiselect-close {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  overflow: hidden;
-  position: relative;
-  margin-left: auto;
-}
-
-.p-fluid .p-multiselect {
-  display: flex;
-}
-
-.p-multiselect {
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-multiselect.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--black-10);
-}
-.p-multiselect:not(.p-disabled):hover {
-  border-color: var(--amethyst-700);
-}
-.p-multiselect:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-multiselect .p-multiselect-label {
-  color: var(--black-80);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect .p-multiselect-label.p-placeholder {
-  color: var(--black-60);
-  padding: 0rem 0.75rem;
-  padding-left: 0.5rem;
-}
-.p-multiselect:not(.p-multiselect-chip) .p-multiselect-label {
-  padding: 0rem 0.75rem;
-  line-height: 2.5rem;
-}
-.p-multiselect.p-multiselect-chip {
-  min-height: 2.5rem;
-  padding: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token {
-  padding: 0rem 0.5rem;
-  background: var(--black-10);
-  color: var(--black-80);
-  border-radius: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
-  margin-left: 0.5rem;
-}
-.p-multiselect .p-multiselect-trigger {
-  background: transparent;
-  color: var(--black-80);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-multiselect.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-multiselect-panel {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  margin-top: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-  border: 1px solid transparent;
-  border-bottom: 0;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.75rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  margin-left: 0.5rem;
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-multiselect-panel .p-multiselect-items {
-  padding: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
-  padding: 0.5rem 0.75rem;
-  color: var(--black-80);
-  background: rgba(255, 255, 255, 0.0001);
-}
-
-.p-password .p-icon-wrapper {
-  right: 0.75rem;
-  top: 50%;
-  cursor: pointer;
-  fill: var(--black-80);
-}
-.p-password.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-password .p-input-icon {
-  cursor: pointer;
-  color: var(--black-80);
-  right: 0.75rem;
-}
-.p-password.p-disabled {
-  opacity: 1;
-}
-.p-password.p-disabled .p-input-icon {
-  opacity: 0.6;
-}
-
-.p-input-icon-right input {
-  padding-right: 2.5rem;
-}
-
-.p-icon-field .p-password-icon.p-input-icon {
-  right: 0.75rem;
-  top: 20% !important;
-}
-
-.p-password-input {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  min-height: 2.5rem;
-  padding: 0 0.75rem;
-  align-items: center;
-}
-
-.text-feedback {
-  display: inline-flex;
-  align-items: flex-start;
-}
-.text-feedback .ti {
-  position: relative;
-  bottom: 1px;
-}
-
-.text-feedback--default {
-  color: var(--black-80);
-}
-.text-feedback--default .ti {
-  color: var(--gray-200);
-}
-
-.text-feedback--success {
-  color: var(--green-400);
-}
-
-.text-feedback--error {
-  color: var(--red-400);
-}
-
-.p-password-panel {
-  color: var(--black-60);
-  padding: 0.75rem;
-  margin-top: 0.25rem;
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  background: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-password-panel .p-password-meter {
-  overflow: hidden;
-  height: 0.5rem;
-  border-radius: 1rem;
-  margin-bottom: 0.5rem;
-  background: var(--black-10);
-}
-.p-password-panel .p-password-meter .p-password-strength.weak {
-  background: var(--red-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.medium {
-  background: var(--orange-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.strong {
-  background: var(--green-400);
-}
-
-.p-inputgroup-addon {
-  background: var(--white-100);
-  color: var(--black-60);
-  border-top: 1px solid var(--gray-200);
-  border-left: 1px solid var(--gray-200);
-  border-bottom: 1px solid var(--gray-200);
-  padding: 0rem 0.75rem;
-  min-width: 2.5rem;
-}
-.p-inputgroup-addon:last-child {
-  border-right: 1px solid var(--gray-200);
-}
-.p-inputgroup-addon.p-disabled {
-  background-color: var(--black-10);
-  color: var(--black-60);
-}
-
-.p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
-  border-radius: 0;
-  margin: 0;
-}
-.p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
-  border-left: 0 none;
-}
-.p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
-  z-index: 1;
-}
-.p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
-  z-index: 1;
-}
-
-.p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:first-child input {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:last-child input {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-inputgroup .p-button {
-  height: auto;
-  width: auto;
-}
-.p-inputgroup .p-button.p-button-icon-only {
-  width: 2.5rem;
-}
-
-.p-icon-field {
-  position: relative;
-}
-
-.p-icon-field .p-input-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
-  width: 100%;
-}
-
-.p-icon-field-left .p-input-icon:first-of-type {
-  left: 0.75rem;
-  color: var(--black-80);
-}
-
-.p-icon-field-right .p-input-icon:last-of-type {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-
-.p-inputnumber.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-p-inputnumber.ng-invalid.ng-touched > .p-inputnumber > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-p-inputnumber[ng-reflect-is-disabled=true] .p-inputnumber-button {
-  background: var(--black-10);
-}
-
-.p-inputnumber-button {
-  color: var(--black-80);
-  border-color: var(--gray-200);
-  background-color: var(--white-100);
-}
-.p-inputnumber-button .p-button-icon {
-  font-size: 1rem;
-}
-
-.p-inputnumber-button:hover {
-  box-shadow: none !important;
-}
-
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-down {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-up {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-input {
-  border-radius: 0;
-  border-left-color: transparent;
-  border-right-color: transparent;
-  z-index: 1;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-down,
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-up {
-  height: 100%;
-}
-
-.p-inputnumber-buttons-vertical .p-inputnumber-button-down {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-button-up {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-input {
-  border-radius: 0;
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-  z-index: 1;
-}
-.p-inputnumber-buttons-vertical .p-inputnumber-button-down,
-.p-inputnumber-buttons-vertical .p-inputnumber-button-up {
-  width: 100%;
-}
-
-.p-checkbox {
-  position: relative;
-  display: inline-flex;
-  user-select: none;
-  vertical-align: bottom;
-}
-
-.p-checkbox-input {
-  appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  cursor: pointer;
-}
-
-.p-checkbox-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.p-checkbox {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box {
-  /* Отключение стандартной иконки PrimeNG, т.к. используем tabler, вместо prime-icons. */
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon {
-  display: none;
-}
-.p-checkbox.p-checkbox-checked .p-checkbox-box::after {
-  content: "\ea5e";
-  width: 1rem;
-  height: 1rem;
-  transition-duration: 0.2s;
-  color: var(--white-100);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-}
-.p-checkbox .p-checkbox-input {
-  border: 1px solid var(--gray-200);
-  border-radius: 0.25rem;
-}
-.p-checkbox .p-checkbox-box {
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--black-80);
-  border-radius: 0.25rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-checkbox .p-checkbox-box.p-highlight {
-  border-color: var(--amethyst-700);
-  background: var(--amethyst-700);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
-  border-color: var(--amethyst-700);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover.p-highlight {
-  border-color: var(--amethyst-800);
-  background: var(--amethyst-800);
-  color: var(--white-100);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-checkbox .p-checkbox-box.p-disabled {
-  background: var(--black-10);
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon {
-  transition-duration: 0.2s;
-  color: var(--white-100);
-  font-size: 1rem;
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-highlight .p-checkbox .p-checkbox-box {
-  border-color: var(--amethyst-700);
-}
-
-.p-radiobutton {
-  position: relative;
-  display: inline-flex;
-  user-select: none;
-  vertical-align: bottom;
-}
-
-.p-radiobutton-input {
-  cursor: pointer;
-}
-
-.p-radiobutton-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition: all;
-}
-
-.p-radiobutton-box:hover {
-  border: 1px solid var(--amethyst-800) !important;
-}
-
-.p-radiobutton-box.p-highlight {
-  box-sizing: border-box;
-  background: var(--amethyst-800) !important;
-}
-.p-radiobutton-box.p-highlight .p-radiobutton-icon {
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.25%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
-  background: var(--white-100);
-  width: 1.5rem;
-  height: 1.5rem;
-  mask-composite: exclude;
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box {
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box:hover {
-  border: 1px solid var(--red-400) !important;
-}
-
-.p-radiobutton-box.p-focus {
-  box-shadow: 0px 0px 0px 3.5px var(--amethyst-200);
-}
-
-.p-radiobutton {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-radiobutton .p-radiobutton-input {
-  appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  border: 1px solid var(--gray-200);
-  border-radius: 50%;
-}
-.p-radiobutton .p-radiobutton-box {
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--black-80);
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-radiobutton.p-disabled .p-radiobutton-box {
-  background: var(--black-10);
-}
-.p-radiobutton.p-highlight .p-radiobutton-box {
-  border-color: var(--amethyst-700);
-  background: var(--amethyst-700);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
-  border-color: var(--amethyst-700);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
-  border-color: var(--amethyst-800);
-  background: var(--amethyst-800);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-radiobutton.p-invalid > .p-radiobutton-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-highlight .p-radiobutton .p-radiobutton-box {
-  border-color: var(--white-100);
-}
-
-.p-inputswitch-slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-.p-inputswitch-slider:before {
-  position: absolute;
-  content: "";
-  top: 50%;
-}
-
-.p-inputswitch {
-  position: relative;
-  display: inline-block;
-  width: 2.5rem;
-  height: 1.5rem;
-  border-radius: 100px;
-}
-.p-inputswitch .p-inputswitch-slider {
-  background: var(--gray-300);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 100px;
-  outline-color: transparent;
-}
-.p-inputswitch .p-inputswitch-slider:before {
-  background: var(--white-100);
-  width: 1rem;
-  height: 1rem;
-  left: 0.25rem;
-  margin-top: -0.5rem;
-  border-radius: 100px;
-  transition-duration: 0.2s;
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
-  background: var(--amethyst-700);
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  background: var(--white-100);
-  transform: translateX(1rem);
-}
-.p-inputswitch:not(.p-disabled) .p-inputswitch-slider:hover {
-  background-color: var(--amethyst-800);
-}
-.p-inputswitch:not(.p-disabled).p-focus, .p-inputswitch:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-
-p-inputswitch:not(.p-disabled).p-element.ng-dirty.ng-invalid .p-inputswitch-slider, p-inputswitch:not(.p-disabled).p-element.ng-touched.ng-invalid .p-inputswitch-slider {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-selectbutton {
-  display: flex;
-  height: min-content;
-  gap: 0.25rem;
-  padding: 0.25rem;
-  background-color: var(--black-10);
-  border-radius: 0.5rem;
-}
-.p-selectbutton .p-button {
-  flex-grow: 1;
-  background: rgba(255, 255, 255, 0.0001);
-  border: 1px solid trasparent;
-  border-radius: 0.25rem;
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
-  color: var(--black-60);
-}
-.p-selectbutton .p-button.p-disabled {
-  background: transparent;
-  pointer-events: none;
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
-  background: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
-  color: var(--black-80);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight {
-  background: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--amethyst-700);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-right {
-  color: var(--amethyst-700);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover {
-  background: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-right {
-  color: var(--black-80);
-}
-.p-selectbutton.p-invalid > .p-button {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-togglebutton.p-button.p-highlight.p-disabled, .p-button.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-left, .p-button.p-disabled .p-button-icon-left,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-left,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-left,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-left,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-left,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-right,
-.p-button.p-disabled .p-button-icon-right,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-right,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-right,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-right,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-right,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-right {
-  color: var(--black-60) !important;
-}
-
-.p-togglebutton.p-button {
-  background: var(--black-10);
-  border: 1px solid trasparent;
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-  border-radius: 100px;
-}
-.p-togglebutton.p-button:not(.p-disabled):hover {
-  background: var(--amethyst-alpha);
-  color: var(--amethyst-700);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  box-shadow: none;
-}
-.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-left,
-.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-right {
-  color: var(--amethyst-700);
-}
-.p-togglebutton.p-button:not(.p-disabled):focus-visible {
-  box-shadow: 0 0 0 3.5px var(--amethyst-200);
-}
-.p-togglebutton.p-button .p-button-icon-left,
-.p-togglebutton.p-button .p-button-icon-right {
-  color: var(--black-60);
-}
-.p-togglebutton.p-button.p-highlight {
-  background: var(--amethyst-700);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--white-100);
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover {
-  background: var(--amethyst-800);
-  color: var(--white-100);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  box-shadow: none;
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-right {
-  color: var(--white-100);
-}
-.p-togglebutton.p-button.p-highlight:not(.p-disabled):focus-visible {
-  box-shadow: 0 0 0 3.5px var(--amethyst-200);
-}
-.p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
-  color: var(--white-100);
-}
-
-.p-chips {
-  display: inline-flex;
-  height: min-content;
-}
-
-.p-disabled .p-chips-multiple-container {
-  background-color: var(--black-10);
-}
-
-.p-chips-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-chips-multiple-container:has(.p-chips-token) {
-  padding: 0.25rem;
-}
-
-.p-chips-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-chips-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-chips-token-icon {
-  cursor: pointer;
-}
-
-.p-chips-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-chips {
-  display: flex;
-}
-
-.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
-  border-color: var(--amethyst-700);
-}
-.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0rem 0.5rem;
-  background: var(--black-10);
-  color: var(--black-80);
-  border-radius: 0.25rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token + .p-chips-input-token {
-  padding: 0 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0rem 0;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--black-80);
-  margin: 0;
-}
-.p-chips.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-slider {
-  background: var(--black-10);
-  border: none;
-  border-radius: 0.5rem;
-}
-.p-slider.p-slider-horizontal {
-  height: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.625rem;
-  margin-left: -0.625rem;
-}
-.p-slider.p-slider-vertical {
-  width: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.625rem;
-  margin-bottom: -0.625rem;
-}
-.p-slider .p-slider-handle {
-  height: 1.25rem;
-  width: 1.25rem;
-  background: var(--amethyst-700);
-  border: none;
-  border-radius: 1rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-slider .p-slider-handle:focus {
-  background: var(--amethyst-800);
-  box-shadow: none;
-}
-.p-slider .p-slider-range {
-  background: var(--amethyst-700);
-  border-radius: 0.5rem;
-}
-.p-slider:not(.p-disabled) .p-slider-handle:hover {
-  background: var(--amethyst-800);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-
-.p-rating {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-
-.p-rating-item {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-
-.p-rating.p-readonly .p-rating-item {
-  cursor: default;
-}
-
-.p-rating {
-  gap: 0.5rem;
-}
-.p-rating .p-rating-item {
-  outline-color: transparent;
-  border-radius: 50%;
-}
-.p-rating .p-rating-item .p-rating-icon {
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  font-size: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-icon {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
-  color: var(--black-60);
-}
-.p-rating .p-rating-item:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
-  color: var(--orange-400);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
-  color: var(--orange-500);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
-  color: var(--black-80);
-}
-
-.p-calendar.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-
-.p-datepicker {
-  margin-top: 0.25rem;
-  padding: 0.75rem;
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-}
-.p-datepicker:not(.p-datepicker-inline) {
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-datepicker .p-datepicker-header {
-  padding: 0 0 0.5rem;
-  color: var(--black-60);
-  background: var(--white-100);
-  font-weight: bold;
-  margin: 0rem;
-  border-bottom: none;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border: 1px solid transparent;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,
-.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled {
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-  background: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title {
-  line-height: 2rem;
-  display: flex;
-  gap: 0.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select {
-  display: inline-flex;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-  min-height: 2.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  font-weight: bold;
-  padding: 0.25rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
-  color: var(--amethyst-700);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5rem;
-}
-.p-datepicker table {
-  font-size: 1rem;
-  margin: 0rem;
-}
-.p-datepicker table th {
-  padding: 0.25rem;
-}
-.p-datepicker table th > span {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datepicker table td {
-  padding: 0.25rem;
-}
-.p-datepicker table td > span {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  transition: 0.2s;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-datepicker table td > span.p-highlight {
-  color: var(--white-100);
-  background: var(--amethyst-700);
-}
-.p-datepicker table td > span:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-datepicker table td.p-datepicker-today > span {
-  color: var(--black-60);
-  font-weight: 700;
-  border-color: var(--gray-100);
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-datepicker table td.p-datepicker-today > span:not(.p-disabled):hover {
-  color: var(--black-80);
-}
-.p-datepicker table td.p-datepicker-today > span.p-highlight {
-  color: var(--white-100);
-  background: var(--amethyst-700);
-}
-.p-datepicker .p-datepicker-buttonbar {
-  padding: 0rem 0 0;
-}
-.p-datepicker .p-datepicker-buttonbar .p-button {
-  width: auto;
-}
-.p-datepicker .p-timepicker {
-  border-top: 1px solid var(--gray-200);
-  padding: String value;
-}
-.p-datepicker .p-timepicker button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datepicker .p-timepicker button:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-datepicker .p-timepicker button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-datepicker .p-timepicker button.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-datepicker .p-timepicker span {
-  font-size: 1.25rem;
-}
-.p-datepicker .p-timepicker > div {
-  padding: String value;
-}
-.p-datepicker .p-hour-picker,
-.p-datepicker .p-minute-picker {
-  gap: 0.25rem;
-}
-.p-datepicker.p-datepicker-timeonly .p-timepicker {
-  border-top: 0 none;
-}
-.p-datepicker .p-monthpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
-  color: var(--white-100);
-  background: var(--amethyst-700);
-}
-.p-datepicker .p-yearpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
-  color: var(--white-100);
-  background: var(--amethyst-700);
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-left: 1px solid var(--gray-200);
-  padding-right: 0.75rem;
-  padding-left: 0.75rem;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
-  padding-left: 0;
-  border-left: 0 none;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
-  padding-right: 0;
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-datepicker:not(.p-disabled) table td span.p-highlight:hover {
-  background: var(--amethyst-800);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled).p-highlight:hover {
-  background: var(--amethyst-800);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled).p-highlight:hover {
-  background: var(--amethyst-800);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-
-.p-autocomplete {
-  display: inline-flex;
-  height: min-content;
-}
-.p-autocomplete .p-autocomplete-loader {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 3.25rem;
-}
-
-.p-autocomplete-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-autocomplete-multiple-container:has(.p-autocomplete-token) {
-  padding: 0.25rem;
-}
-
-.p-autocomplete-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-autocomplete-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-autocomplete-token-icon {
-  cursor: pointer;
-}
-
-.p-autocomplete-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-autocomplete {
-  display: flex;
-}
-
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
-  border-color: var(--amethyst-700);
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-autocomplete .p-autocomplete-multiple-container.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--black-10);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0rem 0.5rem;
-  background: var(--black-10);
-  color: var(--black-80);
-  border-radius: 0.25rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token + .p-autocomplete-input-token {
-  padding: 0 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0rem 0;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--black-80);
-  margin: 0;
-}
-.p-autocomplete.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-autocomplete-panel {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  margin-top: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-of-type {
-  margin-top: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-of-type {
-  margin-bottom: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
-  color: var(--white-100);
-  background: var(--amethyst-700);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
-  text-align: center;
-  padding: 0.5rem 0.75rem;
-}
-
-.p-autocomplete-dd .p-autocomplete-input {
-  flex: 1 1 auto;
-  width: 1%;
-}
-.p-autocomplete-dd .p-autocomplete-dropdown {
-  display: none;
-}
-
-.autocomplete-dropdown-container:hover .p-inputtext:enabled {
-  border-color: var(--amethyst-700);
-}
-
-.autocomplete-dropdown-trigger {
-  position: absolute;
-  right: 0;
-  top: 0;
-  height: 100%;
-  width: 2.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.p-autocomplete-clear-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-  cursor: pointer;
-}
-
-.p-autocomplete-clearable {
-  position: relative;
-}
-.p-autocomplete-clearable .p-autocomplete-clear-icon {
-  right: 0.75rem;
-}
-.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
-  right: 2.5rem;
-}
-
-.p-tabview .p-tabview-nav {
-  background: rgba(255, 255, 255, 0.0001);
-  border-bottom: 1px solid var(--gray-200);
-  gap: 1.5rem;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link {
-  border-bottom: 0.25rem solid rgba(255, 255, 255, 0.0001);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  padding: 1rem 0rem;
-  font-weight: normal;
-  transition: 0.2s;
-  margin: 0;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--amethyst-700);
-}
-.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--amethyst-700);
-  color: var(--amethyst-700);
-}
-.p-tabview .p-tabview-close {
-  margin-left: 0.5rem;
-}
-.p-tabview .p-tabview-nav-btn.p-link {
-  background: var(--white-100);
-  color: var(--black-80);
-  width: 2.5rem;
-  box-shadow: 0px 0px 10px 50px var(--white-60);
-  border-radius: 0;
-}
-.p-tabview .p-tabview-nav-btn.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-tabview .p-tabview-nav-btn.p-link:hover {
-  color: var(--amethyst-700);
-}
-.p-tabview .p-tabview-panels {
-  background: rgba(255, 255, 255, 0.0001);
-  padding: 1rem 0rem;
-  border: none;
-  color: var(--black-80);
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-divider {
-  border-color: var(--gray-200);
-}
-.p-divider .p-divider-content {
-  background-color: var(--white-100);
-  color: var(--black-60);
-  text-transform: uppercase;
-}
-.p-divider.p-divider-horizontal {
-  margin: 1rem 0rem;
-  padding: 0rem 1rem;
-}
-.p-divider.p-divider-horizontal .p-divider-content {
-  padding: 0 0.5rem;
-}
-.p-divider.p-divider-horizontal:before {
-  border-top-width: 1px;
-  border-top-color: var(--gray-200);
-}
-.p-divider.p-divider-horizontal.p-divider-dash:before {
-  border-top-style: dashed;
-}
-.p-divider.p-divider-vertical {
-  margin: 0rem 1rem;
-  padding: 1rem 0rem;
-}
-.p-divider.p-divider-vertical .p-divider-content {
-  padding: 0.5rem 0;
-}
-.p-divider.p-divider-vertical:before {
-  border-left-width: 1px;
-  border-left-color: var(--gray-200);
-}
-.p-divider.p-divider-vertical.p-divider-dash:before {
-  border-left-style: dashed;
-}
-
-.p-scrollpanel .p-scrollpanel-bar {
-  background: var(--black-10);
-  border: 0 none;
-  border-radius: 0.5rem;
-}
-.p-scrollpanel .p-scrollpanel-bar:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-
-.p-accordion .p-accordion-header .p-accordion-header-link {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  color: var(--black-60);
-  font-weight: 700;
-  padding: 1rem 0rem;
-  border-top: 1px solid var(--gray-200);
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-  gap: 0.5rem;
-}
-.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
-  font-size: 1.25rem;
-}
-.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--gray-200);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--gray-200);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
-  border-color: var(--gray-200);
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-content {
-  padding: 0rem 0rem 1rem 1.75rem;
-  border-bottom: none;
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-tab {
-  margin-bottom: 0rem;
-}
-.p-accordion .p-accordion-tab:first-child .p-accordion-header-link {
-  border-top: none;
-}
-.p-accordion .p-accordion-tab .p-accordion-content .p-accordion-header-link {
-  border-top: 1px solid var(--gray-200);
-}
-
-.p-stepper .p-stepper-nav {
-  display: flex;
-  gap: 0.5rem;
-  justify-content: space-between;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  overflow: hidden;
-  overflow-x: auto;
-}
-.p-stepper .p-stepper-header {
-  position: relative;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-  padding: 0.5rem 0;
-}
-.p-stepper .p-stepper-header.p-disabled {
-  opacity: 1;
-  cursor: initial;
-}
-.p-stepper .p-stepper-header.p-disabled .p-stepper-action {
-  opacity: 0.6;
-}
-.p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-title {
-  color: var(--black-80);
-}
-.p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
-  background-color: var(--amethyst-700);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-number, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-number {
-  color: var(--white-100);
-  background-color: var(--amethyst-700);
-  border-color: transparent;
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-icon, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-icon {
-  color: var(--amethyst-700);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-action.p-danger .p-stepper-number, .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-action.p-danger .p-stepper-number {
-  color: var(--white-100);
-  background-color: var(--red-400);
-}
-.p-stepper p-stepperheader .p-stepper-action {
-  display: inline-flex;
-  align-items: center;
-  flex-grow: 0;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  background: var(--white-100);
-  outline-color: transparent;
-  padding: 0;
-}
-.p-stepper p-stepperheader .p-stepper-action:hover {
-  cursor: pointer;
-}
-.p-stepper p-stepperheader .p-stepper-action:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-number {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 400;
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1;
-  font-size: 1rem;
-  border-radius: 8rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title {
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  margin-left: 0.5rem;
-  color: var(--black-80);
-  font-weight: 400;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper{
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
-  line-height: 1;
-  margin-left: 0.5rem;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper .p-stepper-title {
-  margin-left: 0;
-}
-.p-stepper p-stepperheader .p-stepper-action .p-stepper-icon{
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.5rem;
-  line-height: 2rem;
-  line-height: 1;
-  min-width: 1.5rem;
-  height: 1.5rem;
-}
-.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-number,
-.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-icon {
-  color: var(--red-400);
-}
-.p-stepper .p-stepper-panels {
-  background: rgba(255, 255, 255, 0.0001);
-  padding: 1rem 0rem;
-  color: var(--black-80);
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-number, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-number {
-  color: var(--white-100);
-  background-color: var(--amethyst-700);
-  border-color: transparent;
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-icon, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-icon {
-  color: var(--amethyst-700);
-}
-.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-action.p-danger .p-stepper-number, .p-stepper .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-action.p-danger .p-stepper-number {
-  color: var(--white-100);
-  background-color: var(--red-400);
-}
-.p-stepper .p-stepper-separator {
-  background-color: var(--gray-200);
-  width: 100%;
-  height: 1px;
-  margin-inline-start: 0.5rem;
-  transition: 0.2s;
-}
-.p-stepper.no-line .p-stepper-separator {
-  background-color: transparent !important;
-}
-.p-stepper.p-stepper-vertical {
-  display: flex;
-  flex-direction: column;
-}
-.p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
-  display: flex;
-  flex: 1 1 auto;
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel {
-  display: flex;
-  flex-direction: column;
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
-  flex: 1 1 auto;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
-  width: 100%;
-  padding-left: 1rem;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
-  flex: 0 0 auto;
-  width: 2px;
-  height: auto;
-  margin-inline-start: calc(1.75rem + 2px);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
-  background-color: var(--amethyst-700);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
-  padding-left: 3rem;
-}
-
-.p-card {
-  overflow: hidden;
-  color: var(--black-80);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-card.p-card-no-shadow {
-  box-shadow: none;
-}
-.p-card .p-card-body {
-  padding: 1rem;
-}
-.p-card .p-card-title {
-  font-size: 1.125rem;
-  font-weight: 700;
-  margin-bottom: 0.25rem;
-}
-.p-card .p-card-subtitle {
-  font-size: 0.875rem;
-  font-weight: 400;
-  color: var(--black-60);
-}
-.p-card .p-card-content {
-  padding: 1rem 0 0;
-}
-.p-card .p-card-footer {
-  padding: 1rem 0 0;
-}
-
-.p-tooltip .p-tooltip-text {
-  background: var(--gray-800);
-  color: var(--white-100);
-  padding: 0.5rem 1rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  border-radius: 0.5rem;
-}
-
-.p-tooltip-arrow {
-  border-color: transparent;
-}
-
-.p-tooltip-right .p-tooltip-arrow,
-.p-tooltip-left .p-tooltip-arrow {
-  margin-top: -0.25rem;
-}
-
-.p-tooltip-top .p-tooltip-arrow,
-.p-tooltip-bottom .p-tooltip-arrow {
-  margin-left: -0.25rem;
-}
-
-.p-tooltip-right .p-tooltip-arrow {
-  border-width: 0.25em 0.25em 0.25em 0;
-  border-right-color: var(--gray-800);
-}
-
-.p-tooltip-left .p-tooltip-arrow {
-  border-width: 0.25em 0 0.25em 0.25rem;
-  border-left-color: var(--gray-800);
-}
-
-.p-tooltip-top .p-tooltip-arrow {
-  border-width: 0.25em 0.25em 0;
-  border-top-color: var(--gray-800);
-}
-
-.p-tooltip-bottom .p-tooltip-arrow {
-  border-width: 0 0.25em 0.25rem;
-  border-bottom-color: var(--gray-800);
-}
-
-.p-dialog {
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  border: 1px solid var(--gray-200);
-}
-.p-dialog .p-dialog-header {
-  border-bottom: 1px solid var(--gray-200);
-  background: var(--white-100);
-  color: var(--black-80);
-  padding: 1.5rem 1.5rem 1rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-header .p-dialog-title {
-  font-weight: bold;
-  font-size: 1.25rem;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-right: 0.5rem;
-  box-shadow: none;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
-  margin-right: 0;
-}
-.p-dialog-danger .p-dialog-title::before, .p-dialog-success .p-dialog-title::before, .p-dialog-info .p-dialog-title::before, .p-dialog-warning .p-dialog-title::before, .p-dialog-help .p-dialog-title::before {
-  content: "";
-  display: inline-block;
-  width: 1.5rem;
-  height: 1.5rem;
-  background-size: contain;
-  margin-right: 0.5rem;
-  vertical-align: text-bottom;
-}
-.p-dialog-danger .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM8.13128 8.63128C8.47299 8.28957 9.02701 8.28957 9.36872 8.63128L10.5 9.76256L11.6313 8.63128C11.973 8.28957 12.527 8.28957 12.8687 8.63128C13.2104 8.97299 13.2104 9.52701 12.8687 9.86872L11.7374 11L12.8687 12.1313C13.2104 12.473 13.2104 13.027 12.8687 13.3687C12.527 13.7104 11.973 13.7104 11.6313 13.3687L10.5 12.2374L9.36872 13.3687C9.02701 13.7104 8.47299 13.7104 8.13128 13.3687C7.78957 13.027 7.78957 12.473 8.13128 12.1313L9.26256 11L8.13128 9.86872C7.78957 9.52701 7.78957 8.97299 8.13128 8.63128Z" fill="%23E26E63"/></svg>') no-repeat;
-}
-.p-dialog-success .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM13.7437 8.63128C14.0854 8.97299 14.0854 9.52701 13.7437 9.86872L10.2437 13.3687C9.90201 13.7104 9.34799 13.7104 9.00628 13.3687L7.25628 11.6187C6.91457 11.277 6.91457 10.723 7.25628 10.3813C7.59799 10.0396 8.15201 10.0396 8.49372 10.3813L9.625 11.5126L12.5063 8.63128C12.848 8.28957 13.402 8.28957 13.7437 8.63128Z" fill="%2368C170"/></svg>') no-repeat;
-}
-.p-dialog-warning .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.24855 2.2875C9.63056 2.07229 10.0616 1.95923 10.5 1.95923C10.9385 1.95923 11.3695 2.07229 11.7515 2.2875C12.1335 2.5027 12.4536 2.81277 12.6808 3.18777L12.6831 3.19162L19.7759 15.0356L19.7832 15.0481C20.0055 15.4335 20.123 15.8705 20.1241 16.3154C20.1252 16.7604 20.0098 17.1979 19.7895 17.5845C19.5691 17.9711 19.2514 18.2932 18.868 18.519C18.4846 18.7447 18.0487 18.8662 17.6038 18.8714L17.5937 18.8715L3.39659 18.8714C2.95146 18.8664 2.51539 18.7449 2.13176 18.5191C1.74813 18.2933 1.43031 17.9709 1.20992 17.5841C0.98952 17.1974 0.874224 16.7596 0.875499 16.3145C0.876773 15.8693 0.994574 15.4322 1.21718 15.0467L1.22426 15.0347L8.30299 3.21587C8.30825 3.20642 8.31369 3.19705 8.31931 3.18777C8.5465 2.81277 8.86655 2.5027 9.24855 2.2875ZM10.5 3.70923C10.3625 3.70923 10.2273 3.74469 10.1075 3.81219C9.99324 3.87657 9.89665 3.968 9.82613 4.07836C9.82357 4.0828 9.82097 4.08723 9.81833 4.09164L2.72982 15.9268C2.66184 16.0465 2.62589 16.1818 2.62549 16.3195C2.62509 16.4591 2.66126 16.5964 2.73039 16.7177C2.79952 16.839 2.8992 16.9401 3.01953 17.011C3.13871 17.0811 3.27402 17.1192 3.41225 17.1214H17.5877C17.7258 17.1191 17.861 17.0811 17.9801 17.011C18.1004 16.9401 18.2 16.8391 18.2691 16.7178C18.3383 16.5966 18.3745 16.4594 18.3741 16.3198C18.3738 16.1822 18.3379 16.047 18.2701 15.9274L11.1841 4.09457C11.1837 4.09404 11.1834 4.09351 11.1831 4.09298C11.1119 3.97607 11.0119 3.87939 10.8926 3.81219C10.7728 3.74469 10.6376 3.70923 10.5 3.70923ZM10.5001 7.49997C10.9833 7.49997 11.3751 7.89172 11.3751 8.37497V11.875C11.3751 12.3582 10.9833 12.75 10.5001 12.75C10.0168 12.75 9.62506 12.3582 9.62506 11.875V8.37497C9.62506 7.89172 10.0168 7.49997 10.5001 7.49997ZM9.62506 14.5C9.62506 14.0167 10.0168 13.625 10.5001 13.625H10.5088C10.9921 13.625 11.3838 14.0167 11.3838 14.5C11.3838 14.9832 10.9921 15.375 10.5088 15.375H10.5001C10.0168 15.375 9.62506 14.9832 9.62506 14.5Z" fill="%23FFB330"/></svg>') no-repeat;
-}
-.p-dialog-info .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.625 8.375C9.625 7.89175 10.0168 7.5 10.5 7.5H10.5087C10.992 7.5 11.3837 7.89175 11.3837 8.375C11.3837 8.85825 10.992 9.25 10.5087 9.25H10.5C10.0168 9.25 9.625 8.85825 9.625 8.375ZM8.75 11C8.75 10.5168 9.14175 10.125 9.625 10.125H10.5C10.9832 10.125 11.375 10.5168 11.375 11V13.625C11.8582 13.625 12.25 14.0168 12.25 14.5C12.25 14.9832 11.8582 15.375 11.375 15.375H10.5C10.0168 15.375 9.625 14.9832 9.625 14.5V11.875C9.14175 11.875 8.75 11.4832 8.75 11Z" fill="%2349A2EF"/></svg>') no-repeat;
-}
-.p-dialog-help .p-dialog-title::before {
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.99829 7.55089C10.5752 7.43547 11.1741 7.51853 11.6978 7.78656C12.2234 8.05459 12.6434 8.49186 12.89 9.02783C13.1367 9.56409 13.1955 10.1679 13.0568 10.7416C12.9181 11.3154 12.5901 11.8257 12.1257 12.1901C11.6613 12.5545 11.0877 12.7518 10.4974 12.75C10.0141 12.7486 9.62355 12.3556 9.625 11.8724C9.62646 11.3891 10.0194 10.9986 10.5026 11C10.6994 11.0006 10.8906 10.9349 11.0454 10.8134C11.2002 10.6919 11.3096 10.5218 11.3558 10.3306C11.402 10.1393 11.3824 9.93804 11.3002 9.75929C11.2179 9.58053 11.0778 9.43472 10.9025 9.34539L10.9008 9.34452C10.7285 9.25627 10.5314 9.2289 10.3416 9.26688C10.1518 9.30486 9.98043 9.40595 9.85536 9.5537C9.54314 9.92255 8.99103 9.96846 8.62218 9.65624C8.25333 9.34403 8.20742 8.79191 8.51964 8.42306C8.89995 7.97377 9.42109 7.66638 9.99829 7.55089ZM10.5 13.625C10.9832 13.625 11.375 14.0168 11.375 14.5V14.5087C11.375 14.992 10.9832 15.3837 10.5 15.3837C10.0168 15.3837 9.625 14.992 9.625 14.5087V14.5C9.625 14.0168 10.0168 13.625 10.5 13.625Z" fill="%23AB77DF"/></svg>') no-repeat;
-}
-.p-dialog .p-dialog-content {
-  background: var(--white-100);
-  color: var(--black-80);
-  padding: 1.5rem 1.5rem;
-}
-.p-dialog .p-dialog-content:last-of-type {
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer {
-  display: flex;
-  border-top: 1px solid rgba(255, 255, 255, 0.0001);
-  background: var(--white-100);
-  color: var(--black-60);
-  padding: 0rem 1.5rem 1.5rem;
-  text-align: right;
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer button {
-  width: auto;
-}
-.p-dialog .p-confirm-dialog-accept {
-  order: 1;
-}
-.p-dialog .p-confirm-dialog-reject {
-  order: 2;
-}
-.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
-  border-radius: 0;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
-  font-size: 2rem;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-dialog.p-confirm-dialog .p-dialog-footer {
-  flex-direction: row-reverse;
-  gap: 0.5rem;
-}
-.p-dialog.p-confirm-dialog .p-dialog-footer i.none {
-  display: none;
-}
-
-.p-overlaypanel {
-  background: var(--white-100);
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-overlaypanel .p-overlaypanel-content {
-  padding: 1rem;
-}
-.p-overlaypanel .p-overlaypanel-close {
-  background: var(--amethyst-700);
-  color: var(--white-100);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  position: absolute;
-  top: -1rem;
-  right: -1rem;
-}
-.p-overlaypanel .p-overlaypanel-close:enabled:hover {
-  background: var(--amethyst-800);
-  color: var(--white-100);
-}
-.p-overlaypanel:after {
-  border: solid transparent;
-  border-color: transparent;
-  border-bottom-color: var(--white-100);
-  border-width: 6px;
-}
-.p-overlaypanel:before {
-  border: solid transparent;
-  border-width: 8px;
-  border-color: transparent;
-  border-bottom-color: var(--gray-200);
-}
-.p-overlaypanel.p-overlaypanel-flipped {
-  margin-top: -7px !important;
-}
-.p-overlaypanel.p-overlaypanel-flipped:after {
-  border-top-color: var(--white-100);
-  border-bottom-color: transparent;
-}
-.p-overlaypanel.p-overlaypanel-flipped:before {
-  border-top-color: var(--gray-200);
-  border-bottom-color: transparent;
-}
-
-.p-sidebar {
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  background: var(--white-100);
-  margin: 0.5rem;
-  height: calc(100vh - 1rem) !important;
-}
-.p-sidebar.p-sidebar-top, .p-sidebar.p-sidebar-full, .p-sidebar.p-sidebar-bottom {
-  width: calc(100vw - 1rem);
-  width: -webkit-fill-available !important;
-}
-.p-sidebar.p-sidebar-top, .p-sidebar.p-sidebar-bottom {
-  height: auto;
-}
-.p-sidebar .p-sidebar-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1.5rem 1.5rem 1rem;
-  border-bottom: 1px solid var(--gray-200);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close.p-disabled,
-.p-sidebar .p-sidebar-header .p-sidebar-icon.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-sidebar .p-sidebar-header > :only-child {
-  margin-left: auto;
-}
-.p-sidebar .p-sidebar-content {
-  padding: 1.5rem 1.5rem;
-}
-.p-sidebar .p-sidebar-footer {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 1.5rem 1.5rem;
-  padding-top: 0rem;
-}
-
-.p-avatar {
-  height: 2rem;
-  width: 2rem;
-  color: var(--white-100);
-  font-size: 1rem;
-  background-color: var(--amethyst-700);
-  border-radius: 0.5rem;
-}
-.p-avatar:not(.p-avatar-image) {
-  border: 1px solid var(--gray-200);
-}
-.p-avatar.p-avatar-image {
-  background: transparent;
-  position: relative;
-}
-.p-avatar.p-avatar-image img {
-  position: relative;
-  object-fit: cover;
-  border-radius: inherit;
-}
-.p-avatar.p-avatar-image .p-badge {
-  z-index: 1;
-}
-.p-avatar.p-avatar-image::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  border: 1px solid var(--gray-200);
-  border-radius: inherit;
-  z-index: 1;
-}
-.p-avatar.p-avatar-lg {
-  width: 2.5rem;
-  height: 2.5rem;
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-lg .p-avatar-icon {
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-xl {
-  width: 3.5rem;
-  height: 3.5rem;
-  font-size: 1.5rem;
-}
-.p-avatar.p-avatar-xl .p-avatar-icon {
-  font-size: 1.5rem;
-}
-
-.p-avatar-circle {
-  border-radius: 50%;
-}
-
-.p-badge {
-  background: var(--amethyst-700);
-  color: var(--white-100);
-  font-size: 0.75rem;
-  font-weight: bold;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-}
-.p-badge.p-badge-success {
-  background-color: var(--green-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-info {
-  background-color: var(--blue-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-warning {
-  background-color: var(--orange-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-danger {
-  background-color: var(--red-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-dot {
-  width: 0.5rem;
-  height: 0.5rem;
-  min-width: auto;
-}
-
-.p-tag {
-  height: 1.5rem;
-  color: var(--white-100);
-  font-size: 0.875rem;
-  font-weight: bold;
-  padding: 0.5rem;
-  border-radius: 0.5rem;
-  background: var(--amethyst-700);
-}
-.p-tag.p-tag-success {
-  background-color: var(--green-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-info {
-  background-color: var(--blue-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-warning {
-  background-color: var(--orange-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-danger {
-  background-color: var(--red-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-rounded {
-  border-radius: 100px;
-}
-.p-tag.p-tag-secondary {
-  background-color: var(--gray-200);
-  color: var(--black-60);
-}
-.p-tag .p-tag-icon {
-  margin-right: 0.25rem;
-  font-size: 0.875rem;
-}
-.p-tag .p-tag-icon.p-icon {
-  width: 0.875rem;
-  height: 0.875rem;
-}
-
-.p-progressbar {
-  border: none;
-  height: 1rem;
-  background: var(--black-10);
-  border-radius: 0.5rem;
-}
-.p-progressbar .p-progressbar-value {
-  border: 0 none;
-  margin: 0;
-  background: var(--amethyst-700);
-}
-.p-progressbar .p-progressbar-label {
-  color: var(--white-100);
-  line-height: 1rem;
-}
-
-.p-progress-spinner-circle {
-  animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-primary-color 6s ease-in-out infinite;
-}
-
-@keyframes p-progress-spinner-primary-color {
-  100%, 0% {
-    stroke: var(--primary-color) !important;
-  }
-  40% {
-    stroke: var(--primary-color) !important;
-  }
-  66% {
-    stroke: var(--primary-color) !important;
-  }
-  80%, 90% {
-    stroke: var(--primary-color) !important;
-  }
-}
-.p-metergroup {
-  display: flex;
-  gap: 0.75rem;
-  flex-direction: column;
-}
-.p-metergroup .p-metergroup-meter-container {
-  background: var(--black-10);
-  border-radius: 0.5rem;
-}
-.p-metergroup .p-metergroup-labels {
-  display: flex;
-  flex-wrap: wrap;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  gap: 1rem;
-  row-gap: 0.75rem;
-}
-.p-metergroup .p-metergroup-labels-vertical {
-  gap: 0.5rem;
-  flex-direction: column;
-}
-.p-metergroup .p-metergroup-meters {
-  display: flex;
-  background: var(--black-10);
-  border-radius: 0.5rem;
-  height: 0.5rem;
-}
-.p-metergroup .p-metergroup-meter {
-  border: none;
-  background: var(--amethyst-700);
-}
-.p-metergroup .p-metergroup-label-list-item {
-  line-height: 1rem;
-}
-.p-metergroup .p-metergroup-label-type {
-  background: var(--amethyst-700);
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 100%;
-  margin-right: 0.5rem;
-}
-.p-metergroup .p-metergroup-label {
-  display: inline-flex;
-  align-items: center;
-  color: var(--black-60);
-  gap: 0.5rem;
-  font-size: 0.875rem;
-  line-height: 100%;
-}
-.p-metergroup .p-metergroup-label .p-metergroup-label-marker {
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 100%;
-  display: inline-flex;
-}
-.p-metergroup .p-metergroup-label-icon {
-  width: 1rem;
-  height: 1rem;
-  font-size: 1rem;
-}
-.p-metergroup .p-metergroup-label-list-vertical {
-  gap: 0.25rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
-  height: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
-  margin-bottom: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
-  margin-top: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical {
-  flex-direction: row;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meters {
-  width: 0.5rem;
-  height: 100%;
-  flex-direction: column;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter {
-  width: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
-  border-bottom-left-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
-  margin-left: 0.5rem;
-}
-
-.p-chip {
-  height: 1.75rem;
-  color: var(--black-80);
-  border-radius: 0.25rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  padding: 0rem 0.5rem;
-  background-color: var(--black-10);
-  display: inline-flex;
-}
-.p-chip.p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background-color: var(--black-10);
-}
-.p-chip .p-chip-text {
-  line-height: 1.5;
-  margin-top: 0rem;
-  margin-bottom: 0rem;
-}
-.p-chip .p-chip-icon {
-  margin-right: 0.5rem;
-}
-.p-chip img {
-  width: 1.5rem;
-  height: 1.5rem;
-  margin-left: -0.75rem;
-  margin-right: 0.5rem;
-}
-.p-chip .p-chip-remove-icon {
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-left: 0.5rem;
-}
-.p-chip .p-chip-remove-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-chip .p-chip-remove-icon:focus {
-  outline: 0 none;
-}
-
-timescircleicon svg {
-  display: none !important;
-}
-timescircleicon::after {
-  cursor: pointer;
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E") no-repeat;
-  height: 16px;
-  width: 16px;
-  background: var(--black-80);
-  margin-left: 0.5rem;
-  content: "";
-}
-
-.p-skeleton {
-  background: var(--gray-200);
-  border-radius: 0.5rem;
-}
-.p-skeleton:after {
-  background: linear-gradient(90deg, var(--gray-200) 0%, var(--gray-100) 40%, var(--gray-200) 75%);
-}
-
-.p-message {
-  overflow: hidden;
-  margin: 0rem;
-  border-radius: 0.5rem;
-}
-.p-message .p-message-wrapper {
-  padding: 1rem;
-  position: relative;
-  display: grid;
-  padding-left: 4rem;
-  min-height: 4rem;
-}
-.p-message .p-message-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: transparent;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  position: absolute;
-  top: 1rem;
-  right: 1rem;
-}
-.p-message .p-message-close:hover {
-  background: rgba(255, 255, 255, 0.5);
-}
-.p-message .p-message-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-message.p-message-info {
-  background: var(--blue-50);
-  border: 1px solid var(--blue-200);
-}
-.p-message.p-message-info .p-message-wrapper {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-message.p-message-info .p-message-icon {
-  color: var(--blue-400);
-}
-.p-message.p-message-info .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--blue-400);
-}
-.p-message.p-message-info .p-message-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-200);
-  background: transparent;
-}
-.p-message.p-message-info .p-message-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-success {
-  background: var(--green-50);
-  border: 1px solid var(--green-200);
-}
-.p-message.p-message-success .p-message-wrapper {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-message.p-message-success .p-message-icon {
-  color: var(--green-400);
-}
-.p-message.p-message-success .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--green-400);
-}
-.p-message.p-message-success .p-message-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-200);
-  background: transparent;
-}
-.p-message.p-message-success .p-message-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-warn {
-  background: var(--orange-50);
-  border: 1px solid var(--orange-200);
-}
-.p-message.p-message-warn .p-message-wrapper {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-message.p-message-warn .p-message-icon {
-  color: var(--orange-400);
-}
-.p-message.p-message-warn .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--orange-400);
-}
-.p-message.p-message-warn .p-message-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-200);
-  background: transparent;
-}
-.p-message.p-message-warn .p-message-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-error {
-  background: var(--red-50);
-  border: 1px solid var(--red-200);
-}
-.p-message.p-message-error .p-message-wrapper {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-message.p-message-error .p-message-icon {
-  color: var(--red-400);
-}
-.p-message.p-message-error .p-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--red-400);
-}
-.p-message.p-message-error .p-message-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-200);
-  background: transparent;
-}
-.p-message.p-message-error .p-message-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message .p-message-text {
-  font-size: 1rem;
-  font-weight: normal;
-  color: var(--black-80);
-}
-.p-message .p-message-icon {
-  font-size: 2rem;
-  display: inline;
-  margin-right: 0.5rem;
-  position: absolute;
-  top: 1rem;
-  left: 1rem;
-}
-.p-message .p-message-icon .p-icon-wrapper {
-  display: none;
-}
-.p-message .p-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-message .p-message-summary {
-  font-size: 1rem;
-  font-weight: bold;
-  color: var(--black-80);
-  margin-right: 0.25rem;
-}
-.p-message .p-message-detail {
-  font-size: 0.875rem;
-  font-weight: normal;
-  color: var(--black-60);
-  display: block;
-}
-
-.p-toast {
-  opacity: 1;
-}
-.p-toast .p-toast-message {
-  overflow: hidden;
-  margin: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  border-radius: 0.5rem;
-}
-.p-toast .p-toast-message .p-toast-message-content {
-  gap: 1rem;
-  padding: 1rem;
-  border-left-width: 0.25rem;
-  border-left-style: solid;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
-  margin: 0rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
-  font-size: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon .p-icon-wrapper {
-  display: none;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
-  font-weight: bold;
-  font-size: 1rem;
-  color: var(--black-80);
-  margin: auto 0;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
-  font-weight: normal;
-  font-size: 0.875rem;
-  color: var(--black-60);
-  margin-top: 0.25rem;
-}
-.p-toast .p-toast-message .p-toast-icon-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: var(--white-100);
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-info {
-  background: var(--blue-50);
-  border: 1px solid var(--blue-200);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-content {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
-  color: var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-success {
-  background: var(--green-50);
-  border: 1px solid var(--green-200);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-content {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon {
-  color: var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-warn {
-  background: var(--orange-50);
-  border: 1px solid var(--orange-200);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-content {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
-  color: var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-error {
-  background: var(--red-50);
-  border: 1px solid var(--red-200);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-content {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
-  color: var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon::before {
-  content: "";
-  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
-  width: 2.25rem;
-  height: 2.25rem;
-  display: block;
-  background-color: var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-
-.p-breadcrumb {
-  background: rgba(255, 255, 255, 0.0001);
-  border: none;
-  padding: 0rem;
-}
-.p-breadcrumb.none-separator-breadcrum .p-menuitem-separator {
-  opacity: 0;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  padding: 0.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover {
-  background-color: var(--gray-100);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
-  margin: 0 0.25rem;
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
-  color: var(--black-80);
-}
-
-.p-menubar {
-  display: flex;
-  padding: 0.25rem;
-  align-items: flex-end;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-menubar .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menubar .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--amethyst-700);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--amethyst-800);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menubar .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list][level="0"] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-menubar [class*=list][level="0"] > .p-menuitem {
-  margin: 0;
-}
-.p-menubar [class*=list]:not([level="0"]) {
-  min-width: 8rem;
-  z-index: 2;
-}
-.p-menubar [class*=list][level="1"] {
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list][level="1"].p-menuitem:first-of-type {
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list]:not([level="0"]):not([level="1"]) {
-  margin-left: 0.25rem;
-  margin-top: -0.25rem;
-}
-.p-menubar ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.p-menubar .p-menuitem-link {
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  overflow: hidden;
-  position: relative;
-}
-.p-menubar .p-menuitem-text {
-  line-height: 1;
-}
-.p-menubar .p-menuitem {
-  position: relative;
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--amethyst-800);
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem.p-menuitem:first-of-type {
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem .p-submenu-list {
-  display: none;
-  position: absolute;
-  z-index: 2;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  background-color: var(--white-100);
-}
-.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg) {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menubar-root-list .p-icon-wrapper {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-icon-wrapper {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menubar-custom,
-.p-menubar .p-menuitem .p-menubar-end {
-  margin-left: auto;
-  align-self: center;
-}
-.p-menubar .p-menubar-root-list {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-}
-.p-menubar .p-menubar-root-list > li ul {
-  display: none;
-  z-index: 1;
-}
-@media screen and (min-width: 960px) {
-  .p-menubar .p-submenu-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-    display: block;
-    left: 100%;
-    top: 0;
-  }
-  .p-menubar .p-menubar-root-list > .p-menuitem-active > p-menubarsub > .p-submenu-list {
-    display: block;
-  }
-}
-.p-menubar .p-menubar-button {
-  display: none;
-  cursor: pointer;
-  align-items: center;
-  justify-content: center;
-}
-
-@media screen and (max-width: 960px) {
-  .p-menubar {
-    position: relative;
-    align-items: center;
-  }
-  .p-menubar .p-menubar-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--black-60);
-    border: 1px solid rgba(255, 255, 255, 0.0001);
-    background: rgba(255, 255, 255, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-menubar .p-menubar-button:hover {
-    color: var(--black-80);
-    border-color: rgba(255, 255, 255, 0.0001);
-    background: var(--gray-100);
-  }
-  .p-menubar .p-menubar-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-    caret-color: var(--amethyst-700);
-  }
-  .p-menubar .p-menubar-button.p-disabled {
-    background: var(--black-10);
-    border: 1px solid var(--gray-200);
-    color: var(--black-60);
-  }
-  .p-menubar .p-menuitem-active[aria-expanded=false] .p-submenu-list {
-    display: none;
-  }
-  .p-menubar .p-menuitem-active[aria-expanded=true] > p-menubarsub > .p-submenu-list {
-    display: block;
-    position: relative;
-    left: auto;
-    top: auto;
-    border: 0;
-  }
-  .p-menubar [aria-expanded=true] + p-menubarsub .p-menubar-root-list {
-    display: block;
-  }
-  .p-menubar .p-menubar-root-list {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: none;
-    flex-direction: column;
-    min-width: 8rem;
-    border: 1px solid var(--gray-200);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: var(--white-100);
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-    border-radius: 0.5rem;
-    z-index: 2;
-  }
-  .p-menubar .p-menubar-root-list [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-menubar .p-submenu-list {
-    width: 100%;
-    display: none;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    border-radius: 0.5rem;
-    box-shadow: none;
-  }
-  .p-menubar .p-submenu-list [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(0deg);
-  }
-  .p-menubar .p-submenu-list [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-megamenu [class*=header] {
-  color: var(--black-60);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-megamenu [class*=header][data-p-disabled=true] {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-megamenu [class*=grid] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-  width: max-content;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  padding: 0.25rem;
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-megamenu [class*=col] {
-  display: flex;
-  flex-grow: 1;
-  width: auto;
-  padding: 0;
-}
-.p-megamenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-megamenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-megamenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--amethyst-700);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--amethyst-800);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-megamenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-horizontal {
-  display: flex;
-}
-.p-megamenu-horizontal [class*=root] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-megamenu-horizontal [class*=root] > .p-menuitem {
-  margin: 0;
-}
-.p-megamenu-horizontal [class*=grid] {
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-vertical {
-  display: flex;
-}
-.p-megamenu-vertical [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-megamenu-vertical [class*=grid] {
-  margin-left: 0.25rem;
-}
-
-@media screen and (max-width: 960px) {
-  .p-megamenu {
-    position: relative;
-  }
-  .p-megamenu .p-megamenu-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--black-60);
-    border: 1px solid rgba(255, 255, 255, 0.0001);
-    background: rgba(255, 255, 255, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-megamenu .p-megamenu-button:hover {
-    color: var(--black-80);
-    border-color: rgba(255, 255, 255, 0.0001);
-    background: var(--gray-100);
-  }
-  .p-megamenu .p-megamenu-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-    caret-color: var(--amethyst-700);
-  }
-  .p-megamenu .p-megamenu-button.p-disabled {
-    background: var(--black-10);
-    border: 1px solid var(--gray-200);
-    color: var(--black-60);
-  }
-  .p-megamenu [aria-expanded=false] + [class*=root] {
-    display: none;
-  }
-  .p-megamenu [class*=root] {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: flex;
-    flex-direction: column;
-    min-width: 8rem;
-    border-radius: 0.5rem;
-    border: 1px solid var(--gray-200);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: var(--white-100);
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-    z-index: 2;
-  }
-  .p-megamenu [class*=panel] {
-    width: 100%;
-    position: static;
-  }
-  .p-megamenu [class*=grid] {
-    display: flex;
-    flex-direction: column;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    box-shadow: none;
-  }
-  .p-megamenu [class*=grid] [class*=list] {
-    width: 100%;
-  }
-  .p-megamenu-horizontal [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-megamenu-vertical [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-menu [class*=header] {
-  color: var(--black-60);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-menu [class*=header][data-p-disabled=true] {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-menu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--amethyst-700);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--amethyst-800);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-
-.p-menu-overlay {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  padding: 0.25rem;
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  z-index: 2;
-}
-
-.p-tieredmenu {
-  display: flex;
-}
-.p-tieredmenu [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-tieredmenu [data-pc-section=menu] {
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-tieredmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-tieredmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--amethyst-700);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--amethyst-800);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-tieredmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-
-.p-tabmenu .p-tabmenu-nav {
-  background: rgba(255, 255, 255, 0.0001);
-  border-bottom: 1px solid var(--gray-200);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
-  margin-right: 1.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  font-weight: normal;
-  border-bottom: 0.25rem solid rgba(255, 255, 255, 0.0001);
-  padding: 1rem 0rem;
-  margin: 0;
-  transition: 0.2s;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--amethyst-700);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--amethyst-700);
-  color: var(--amethyst-700);
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link {
-  background: var(--white-100);
-  color: var(--black-80);
-  width: 2.5rem;
-  box-shadow: 0px 0px 10px 50px var(--white-60);
-  border-radius: 0;
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-tabmenu .p-tabmenu-nav-btn.p-link:hover {
-  color: var(--amethyst-700);
-}
-.p-tabmenu .p-tabmenu-nav-container > .p-tabmenu-nav-content > .p-tabmenu-nav {
-  white-space: nowrap;
-  width: max-content;
-}
-
-.p-panelmenu[data-pc-section=root] {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-.p-panelmenu [data-pc-section=header] {
-  padding: 0.5rem 0.75rem;
-  border-radius: 0.5rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-action {
-  display: flex;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-link {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header] .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] {
-  background-color: var(--amethyst-700);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--amethyst-800);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-panelmenu [data-pc-section=menu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu [data-pc-section=submenu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--amethyst-700);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--amethyst-800);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-link {
-  pointer-events: none;
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-submenu-icon {
-  color: var(--black-60);
-}
-
-.p-contextmenu [class*=list] {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  padding: 0.25rem;
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  z-index: 2;
-}
-.p-contextmenu [class*=list]:not([class*=root]) {
-  margin-top: -0.25rem;
-  margin-left: 0.25rem;
-}
-.p-contextmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--amethyst-700);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--amethyst-800);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-contextmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-@media screen and (max-width: 767px) {
-  .p-contextmenu [aria-expanded=true] > .p-menuitem-content .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-  .p-contextmenu [class*=list]:not([class*=root]) {
-    border-radius: 0;
-    border: none;
-    padding-left: 0.75rem !important;
-    margin: 0;
-    margin-top: 0.25rem;
-    background-color: transparent;
-    box-shadow: none;
-  }
-}
-
-.p-steps {
-  overflow: hidden;
-  overflow-x: auto;
-}
-.p-steps .p-steps-item {
-  display: flex;
-  justify-content: center;
-}
-.p-steps .p-steps-item .p-menuitem-link {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 0.5rem;
-  border-radius: 0;
-  padding: 0 0.5rem;
-  background: var(--white-100);
-  transition: 0.2s;
-  z-index: 1;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
-  color: var(--black-80);
-  font-weight: 400;
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-  font-size: 1rem;
-  z-index: 1;
-  border-radius: 8rem;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  color: var(--black-80);
-  font-weight: 400;
-}
-.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-steps .p-steps-item.p-highlight:not(:has(~ .p-highlight)) .p-steps-number {
-  background: var(--amethyst-700);
-  color: var(--white-100);
-  border-color: transparent;
-}
-.p-steps .p-steps-item.p-highlight:not(:has(~ .p-highlight)) .p-steps-title {
-  color: var(--black-80);
-}
-.p-steps .p-steps-item.p-disabled {
-  opacity: 1;
-}
-.p-steps .p-steps-item.p-disabled .p-steps-number,
-.p-steps .p-steps-item.p-disabled .p-steps-title {
-  opacity: 0.6;
-}
-.p-steps .p-steps-item:before {
-  content: " ";
-  border-top: 1px solid var(--gray-200);
-  width: 100%;
-  top: 50%;
-  left: 0;
-  display: block;
-  position: absolute;
-}
-.p-steps .p-steps-item:first-of-type {
-  justify-content: flex-start;
-}
-.p-steps .p-steps-item:first-of-type .p-menuitem-link {
-  padding-left: 0;
-}
-.p-steps .p-steps-item:last-of-type {
-  justify-content: flex-end;
-}
-.p-steps .p-steps-item:last-of-type .p-menuitem-link {
-  padding-right: 0;
-}
-
-.p-timeline .p-timeline-event-content {
-  color: var(--black-80);
-}
-.p-timeline .p-timeline-event-opposite,
-.p-timeline .p-timeline-event-content {
-  line-height: 1;
-}
-.p-timeline .p-timeline-event-marker {
-  border: 0.25rem solid var(--amethyst-700);
-  border-radius: 8rem;
-  width: 1rem;
-  height: 1rem;
-  background-color: var(--white-100);
-}
-.p-timeline .p-timeline-event-connector {
-  background-color: var(--gray-200);
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
-  padding: 0rem 0.5rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
-  width: 1px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
-  padding: 0.5rem 0rem;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
-  height: 1px;
-}
-
-.p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin: 0.5rem;
-}
-.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-carousel .p-carousel-content .p-carousel-prev.p-disabled,
-.p-carousel .p-carousel-content .p-carousel-next.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-carousel .p-carousel-indicators {
-  padding: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator {
-  margin-right: 0.5rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator:last-of-type {
-  margin-right: 0;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button {
-  background-color: var(--gray-200);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
-  background: var(--gray-800);
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-
-.p-datatable table {
-  border-collapse: separate;
-}
-.p-datatable .p-paginator-top {
-  border-width: 1px 0 1px 0;
-  border-radius: 0;
-}
-.p-datatable .p-paginator-bottom {
-  border-width: 0 0 0 0;
-  border-radius: 0;
-}
-.p-datatable .p-datatable-header {
-  background: var(--gray-50);
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-footer {
-  background: var(--gray-50);
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-thead > tr > th {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--black-80);
-  background: var(--gray-50);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tfoot > tr > td {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--black-80);
-  background: var(--gray-50);
-}
-.p-datatable .p-sortable-column p-sorticon {
-  vertical-align: middle;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon > svg, .p-datatable .p-sortable-column p-sorticon sortamountupalticon > svg, .p-datatable .p-sortable-column p-sorticon sortamountdownicon > svg {
-  display: none;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon::after, .p-datatable .p-sortable-column p-sorticon sortamountupalticon::after, .p-datatable .p-sortable-column p-sorticon sortamountdownicon::after {
-  width: 1.25rem;
-  height: 1.25rem;
-  color: var(--black-80);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-}
-.p-datatable .p-sortable-column p-sorticon sortalticon::after {
-  content: "\eb5a";
-}
-.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after {
-  content: "\eb27";
-  color: var(--amethyst-700);
-}
-.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after {
-  content: "\eb26";
-  color: var(--amethyst-700);
-}
-.p-datatable .p-sortable-column .p-sortable-column-badge {
-  border-radius: 50%;
-  height: 1.25rem;
-  min-width: 1.25rem;
-  line-height: 1.25rem;
-  color: var(--white-100);
-  background: var(--amethyst-700);
-  margin-left: 0.5rem;
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
-  color: var(--black-80);
-}
-.p-datatable .p-sortable-column.p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
-  color: var(--amethyst-700);
-}
-.p-datatable .p-sortable-column:focus-visible {
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  outline: 0 none;
-}
-.p-datatable .p-datatable-tbody > tr {
-  background: var(--white-100);
-  color: var(--black-80);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td {
-  text-align: left;
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
-  margin-right: 0.5rem;
-}
-.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
-  font-weight: 500;
-}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
-  outline: 0.15rem solid var(--amethyst-200);
-  outline-offset: -0.15rem;
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
-  box-shadow: inset 0 2px 0 0 var(--amethyst-700);
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
-  box-shadow: inset 0 -2px 0 0 var(--amethyst-700);
-}
-.p-datatable .p-datatable-tbody > tr .pi-chevron-right::before,
-.p-datatable .p-datatable-tbody > tr .pi-chevron-down::before {
-  color: var(--black-60);
-  font-size: 1rem;
-}
-.p-datatable .p-datatable-frozen-tbody > tr > td {
-  background: var(--gray-50);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
-  outline: 0.15rem solid var(--amethyst-200);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
-  outline: 0.15rem solid var(--amethyst-200);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-column-resizer-helper {
-  background: var(--gray-200);
-}
-.p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
-  background: var(--white-100);
-}
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
-  background-color: var(--gray-50);
-}
-.p-datatable .p-datatable-loading-icon {
-  font-size: 2rem;
-}
-.p-datatable .p-datatable-loading-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-header {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-footer {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-top {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-bottom {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
-  border-width: 1px 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
-  border-width: 1px 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
-  border-width: 0 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
-  background: var(--gray-50);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) + .p-row-expanded {
-  background: var(--gray-50);
-}
-.p-datatable.p-datatable-sm .p-datatable-header {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-footer {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-header {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-footer {
-  padding: 1.25rem 1.25rem;
-}
-
-.p-datatable-drag-selection-helper {
-  background: var(--gray-100);
-}
-
-.p-column-filter-overlay {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  background-color: var(--white-100);
-  padding: 0.25rem;
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-}
-
-.p-column-filter-constraint,
-.p-column-filter-constraints {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-
-.p-column-filter-buttonbar {
-  display: flex;
-  gap: 0.25rem;
-}
-
-[data-pc-section=filterremove] {
-  display: none;
-}
-[data-pc-section=filterremove]:has(.p-column-filter-remove-button) {
-  display: block;
-}
-
-.p-column-filter-menu-button,
-.p-column-filter-clear-button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  vertical-align: middle;
-}
-.p-column-filter-menu-button:enabled:hover,
-.p-column-filter-clear-button:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-column-filter-menu-button:focus-visible,
-.p-column-filter-clear-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-.p-column-filter-menu-button.p-disabled,
-.p-column-filter-clear-button.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-column-filter-menu-button filtericon > svg, .p-column-filter-menu-button filterslashicon > svg,
-.p-column-filter-clear-button filtericon > svg,
-.p-column-filter-clear-button filterslashicon > svg {
-  display: none;
-}
-.p-column-filter-menu-button filtericon::after, .p-column-filter-menu-button filterslashicon::after,
-.p-column-filter-clear-button filtericon::after,
-.p-column-filter-clear-button filterslashicon::after {
-  color: var(--black-80);
-  font-size: 1rem;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 2;
-  -webkit-font-smoothing: antialiased;
-}
-.p-column-filter-menu-button filtericon::after,
-.p-column-filter-clear-button filtericon::after {
-  content: "\eaa5";
-}
-.p-column-filter-menu-button filterslashicon::after,
-.p-column-filter-clear-button filterslashicon::after {
-  content: "\ed2c";
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active,
-.p-column-filter-clear-button.p-column-filter-menu-button-active {
-  background-color: var(--amethyst-700);
-  color: var(--white-100);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active filtericon::after, .p-column-filter-menu-button.p-column-filter-menu-button-active filterslashicon::after,
-.p-column-filter-clear-button.p-column-filter-menu-button-active filtericon::after,
-.p-column-filter-clear-button.p-column-filter-menu-button-active filterslashicon::after {
-  color: var(--white-100);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active:hover,
-.p-column-filter-clear-button.p-column-filter-menu-button-active:hover {
-  background-color: var(--amethyst-800);
-  color: var(--white-100);
-}
-
-.p-column-filter-row {
-  gap: 0.5rem;
-}
-
-.p-column-filter-row-item {
-  color: var(--black-80);
-  padding: 0.5rem 0.75rem;
-  margin-top: 0.25rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-column-filter-row-item:first-of-type {
-  margin: 0;
-}
-.p-column-filter-row-item:not(.p-highlight):hover {
-  color: var(--black-80);
-  background-color: var(--gray-100);
-}
-.p-column-filter-row-item.p-highlight {
-  color: var(--white-100);
-  background-color: var(--amethyst-700);
-}
-.p-column-filter-row-item.p-highlight:hover {
-  background-color: var(--amethyst-800);
-}
-
-.p-column-filter-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-
-.p-datatable-reorderablerow-handle {
-  color: var(--black-60);
-}
-.p-datatable-reorderablerow-handle::before {
-  content: "\ec01" !important;
-  font-family: "tabler-icons" !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 2;
-  -webkit-font-smoothing: antialiased;
-}
-
-.p-paginator {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  border: solid rgba(255, 255, 255, 0.0001);
-  border-width: 0;
-  padding: 0.5rem 0rem;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
-  background-color: rgba(255, 255, 255, 0.0001);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
-  background: var(--gray-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-paginator .p-paginator-first.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-prev.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-next.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-last.p-disabled:not(.p-highlight) {
-  background: var(--black-10);
-  border-color: var(--gray-200);
-  color: var(--black-60);
-}
-.p-paginator .p-paginator-first {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-paginator .p-paginator-last {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-paginator .p-dropdown {
-  margin-left: 0.5rem;
-  height: 2.5rem;
-}
-.p-paginator .p-dropdown .p-dropdown-label {
-  padding-right: 0;
-}
-.p-paginator .p-paginator-page-input {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.p-paginator .p-paginator-page-input .p-inputtext {
-  max-width: 2.5rem;
-}
-.p-paginator .p-paginator-current {
-  background-color: rgba(255, 255, 255, 0.0001);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  padding: 0 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page {
-  background-color: rgba(255, 255, 255, 0.0001);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
-  background: var(--amethyst-700);
-  border-color: var(--amethyst-700);
-  color: var(--white-100);
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover {
-  background: var(--amethyst-800);
-  border-color: var(--amethyst-800);
-}
-.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
-  background: var(--gray-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-
-.p-galleria .p-galleria-close {
-  margin: 0.5rem;
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-close:hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-item-nav {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  margin: 0.5rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-caption {
-  background: var(--black-60);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-caption-title {
-  padding: 0 1rem;
-}
-.p-galleria .p-galleria-indicators {
-  padding: 1rem;
-  line-height: 0;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button {
-  background-color: var(--white-40);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--white-80);
-  color: var(--white-100);
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
-  margin-right: 0.5rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
-  margin-bottom: 0.5rem;
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
-  background: var(--white-40);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--white-80);
-  color: var(--white-100);
-}
-.p-galleria .p-galleria-thumbnail-container {
-  background: var(--black-100);
-  padding: 0.5rem 0.5rem;
-  gap: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--white-60);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
-  transition: 0.2s;
-  width: 100%;
-  height: 100%;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--amethyst-200);
-  caret-color: var(--amethyst-700);
-}
-
-.p-galleria-mask {
-  --maskbg: var(--black-20);
-}
-
-.p-galleria-thumbnail-item {
-  overflow: hidden;
-  height: 4rem;
-}
-
-.p-fileupload-dnd .p-fileupload,
-.p-fileupload-button .p-fileupload {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd.p-fileupload-advanced,
-.p-fileupload-button.p-fileupload-advanced {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
-.p-fileupload-dnd .p-fileupload-content,
-.p-fileupload-button .p-fileupload-content {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd .p-fileupload-content > p-progressbar,
-.p-fileupload-dnd .p-fileupload-content p-messages,
-.p-fileupload-button .p-fileupload-content > p-progressbar,
-.p-fileupload-button .p-fileupload-content p-messages {
-  display: none;
-}
-.p-fileupload-dnd .p-orderlist-controls,
-.p-fileupload-button .p-orderlist-controls {
-  display: none;
-}
-.p-fileupload-dnd .p-fileupload-files,
-.p-fileupload-button .p-fileupload-files {
-  display: none;
-}
-.p-fileupload-dnd .p-fileupload-info-button,
-.p-fileupload-button .p-fileupload-info-button {
-  width: 2.5rem;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  color: var(--blue-400);
-}
-.p-fileupload-dnd .p-orderlist-list-container,
-.p-fileupload-button .p-orderlist-list-container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-.p-fileupload-dnd .p-orderlist-list-container .p-orderlist-list,
-.p-fileupload-button .p-orderlist-list-container .p-orderlist-list {
-  overflow: hidden;
-  min-height: 0px;
-}
-.p-fileupload-dnd .p-fileupload-progress-spinner,
-.p-fileupload-button .p-fileupload-progress-spinner {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.p-fileupload-dnd .p-fileupload-item-row,
-.p-fileupload-button .p-fileupload-item-row {
-  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
-  border-radius: 0.5rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-fileupload-dnd .p-fileupload-item-row:hover,
-.p-fileupload-button .p-fileupload-item-row:hover {
-  background: var(--gray-100);
-}
-.p-fileupload-dnd .p-fileupload-item-row.error,
-.p-fileupload-button .p-fileupload-item-row.error {
-  border-color: var(--red-400);
-}
-.p-fileupload-dnd .p-fileupload-item-row.error .file-icon,
-.p-fileupload-button .p-fileupload-item-row.error .file-icon {
-  color: var(--red-400);
-}
-.p-fileupload-dnd .p-dataview-content,
-.p-fileupload-dnd .p-orderlist-list,
-.p-fileupload-button .p-dataview-content,
-.p-fileupload-button .p-orderlist-list {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-
-.p-fileupload-dnd .p-fileupload-buttonbar {
-  width: 100%;
-  border-radius: 0.5rem;
-  background: var(--gray-alpha);
-  border: 1px dashed var(--gray-200);
-  padding: 1.5rem 1.5rem 1rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar button {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar button > div {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.25rem;
-}
-.p-fileupload-dnd .p-fileupload-buttonbar:hover {
-  cursor: pointer;
-  border-color: var(--amethyst-700);
-}
-.p-fileupload-dnd .p-fileupload-buttonbar:hover i {
-  color: var(--amethyst-700);
-}
-.hover\:border-primary:hover{
-  border-color: var(--primary-color);
-}
-.hover\:bg-blue-400:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}
-.hover\:bg-purple-400:hover{
-  --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
-}
-.hover\:text-primary:hover{
-  color: var(--primary-color);
-}
-.hover\:underline:hover{
-  text-decoration-line: underline;
-}
-@media (min-width: 1px){
-  .sm\:\!w-10{
-    width: 10rem !important;
-  }
-  .sm\:\!w-15{
-    width: 15rem !important;
-  }
-  .sm\:\!w-16{
-    width: 16rem !important;
-  }
-  .sm\:\!w-26{
-    width: 26rem !important;
-  }
-  .sm\:w-auto{
-    width: auto;
-  }
-  .sm\:flex-row{
-    flex-direction: row;
-  }
-  .sm\:flex-col{
-    flex-direction: column;
-  }
-  .sm\:items-start{
-    align-items: flex-start;
-  }
-  .sm\:items-end{
-    align-items: flex-end;
-  }
-  .sm\:items-center{
-    align-items: center;
-  }
-  .sm\:gap-2{
-    gap: 0.5rem;
-  }
-  .sm\:p-8{
-    padding: 2rem;
-  }
-}
-@media (min-width: 768px){
-  .md\:col-span-3{
-    grid-column: span 3 / span 3;
-  }
-  .md\:col-span-6{
-    grid-column: span 6 / span 6;
-  }
-  .md\:mx-auto{
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .md\:mb-0{
-    margin-bottom: 0px;
-  }
-  .md\:ml-auto{
-    margin-left: auto;
-  }
-  .md\:mt-0{
-    margin-top: 0px;
-  }
-  .md\:block{
-    display: block;
-  }
-  .md\:flex{
-    display: flex;
-  }
-  .md\:hidden{
-    display: none;
-  }
-  .md\:\!w-10{
-    width: 10rem !important;
-  }
-  .md\:\!w-15{
-    width: 15rem !important;
-  }
-  .md\:\!w-20{
-    width: 20rem !important;
-  }
-  .md\:\!w-30{
-    width: 30rem !important;
-  }
-  .md\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .md\:\!w-8\/12{
-    width: 66.666667% !important;
-  }
-  .md\:w-2{
-    width: 2rem;
-  }
-  .md\:w-5{
-    width: 5rem;
-  }
-  .md\:flex-initial{
-    flex: 0 1 auto;
-  }
-  .md\:flex-row{
-    flex-direction: row;
-  }
-  .md\:flex-col{
-    flex-direction: column;
-  }
-  .md\:items-end{
-    align-items: flex-end;
-  }
-  .md\:items-center{
-    align-items: center;
-  }
-  .md\:justify-start{
-    justify-content: flex-start;
-  }
-  .md\:justify-center{
-    justify-content: center;
-  }
-  .md\:justify-between{
-    justify-content: space-between;
-  }
-  .md\:gap-8{
-    gap: 2rem;
-  }
-}
-@media (min-width: 1200px){
-  .lg\:mb-0{
-    margin-bottom: 0px;
-  }
-  .lg\:mt-0{
-    margin-top: 0px;
-  }
-  .lg\:flex{
-    display: flex;
-  }
-  .lg\:\!w-3\/12{
-    width: 25% !important;
-  }
-  .lg\:\!w-4\/12{
-    width: 33.333333% !important;
-  }
-  .lg\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .lg\:gap-0{
-    gap: 0px;
-  }
-  .lg\:px-5{
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-  .lg\:px-8{
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-  .lg\:pr-8{
-    padding-right: 2rem;
-  }
-}
-@media (min-width: 1280px){
-  .xl\:block{
-    display: block;
-  }
-  .xl\:flex{
-    display: flex;
-  }
-  .xl\:\!w-10{
-    width: 10rem !important;
-  }
-  .xl\:\!w-3\/12{
-    width: 25% !important;
-  }
-  .xl\:\!w-6\/12{
-    width: 50% !important;
-  }
-  .xl\:\!w-9\/12{
-    width: 75% !important;
-  }
-  .xl\:w-6{
-    width: 6rem;
-  }
-  .xl\:flex-row{
-    flex-direction: row;
-  }
-  .xl\:items-start{
-    align-items: flex-start;
-  }
-  .xl\:justify-center{
-    justify-content: center;
-  }
-  .xl\:pt-0{
-    padding-top: 0px;
-  }
-  .xl\:text-left{
-    text-align: left;
-  }
-}
diff --git a/src-storybook/assets/themes/ek5-light-secondary/theme.min.css b/src-storybook/assets/themes/ek5-light-secondary/theme.min.css
deleted file mode 100644
index 5f5c129..0000000
--- a/src-storybook/assets/themes/ek5-light-secondary/theme.min.css
+++ /dev/null
@@ -1,2852 +0,0 @@
-*, ::before, ::after {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-
-::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*//*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-
-::before,
-::after {
-  --tw-content: '';
-}
-
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: Roboto, sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-
-/*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-/*
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-
-/*
-Add the correct font size in all browsers.
-*/
-
-small {
-  font-size: 80%;
-}
-
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-  text-transform: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-
-button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-
-:-moz-focusring {
-  outline: auto;
-}
-
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-  vertical-align: baseline;
-}
-
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-  display: list-item;
-}
-
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-legend {
-  padding: 0;
-}
-
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-
-/*
-Prevent resizing textareas horizontally by default.
-*/
-
-textarea {
-  resize: vertical;
-}
-
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-
-/*
-Set the default cursor for buttons.
-*/
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}.container {
-  width: 100%;
-}@media (min-width: 1px) {
-
-  .container {
-    max-width: 1px;
-  }
-}@media (min-width: 768px) {
-
-  .container {
-    max-width: 768px;
-  }
-}@media (min-width: 1200px) {
-
-  .container {
-    max-width: 1200px;
-  }
-}@media (min-width: 1280px) {
-
-  .container {
-    max-width: 1280px;
-  }
-}@media (min-width: 1536px) {
-
-  .container {
-    max-width: 1536px;
-  }
-}.pointer-events-none {
-  pointer-events: none;
-}.\!visible {
-  visibility: visible !important;
-}.visible {
-  visibility: visible;
-}.collapse {
-  visibility: collapse;
-}.static {
-  position: static;
-}.fixed {
-  position: fixed;
-}.absolute {
-  position: absolute;
-}.relative {
-  position: relative;
-}.sticky {
-  position: sticky;
-}.left-0 {
-  left: 0px;
-}.right-0 {
-  right: 0px;
-}.top-0 {
-  top: 0px;
-}.top-auto {
-  top: auto;
-}.z-1 {
-  z-index: 1;
-}.col-span-12 {
-  grid-column: span 12 / span 12;
-}.col-span-2 {
-  grid-column: span 2 / span 2;
-}.col-span-6 {
-  grid-column: span 6 / span 6;
-}.col-span-8 {
-  grid-column: span 8 / span 8;
-}.m-0 {
-  margin: 0px;
-}.m-2 {
-  margin: 0.5rem;
-}.m-3 {
-  margin: 0.75rem;
-}.m-auto {
-  margin: auto;
-}.mx-0 {
-  margin-left: 0px;
-  margin-right: 0px;
-}.mx-1 {
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}.mx-3 {
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}.mx-4 {
-  margin-left: 1rem;
-  margin-right: 1rem;
-}.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}.my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}.my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}.my-4 {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}.my-5 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}.-ml-5 {
-  margin-left: -1.25rem;
-}.-mr-1 {
-  margin-right: -0.25rem;
-}.-mr-8 {
-  margin-right: -2rem;
-}.-mt-4 {
-  margin-top: -1rem;
-}.-mt-5 {
-  margin-top: -1.25rem;
-}.mb-0 {
-  margin-bottom: 0px;
-}.mb-1 {
-  margin-bottom: 0.25rem;
-}.mb-2 {
-  margin-bottom: 0.5rem;
-}.mb-3 {
-  margin-bottom: 0.75rem;
-}.mb-4 {
-  margin-bottom: 1rem;
-}.mb-5 {
-  margin-bottom: 1.25rem;
-}.mb-6 {
-  margin-bottom: 1.5rem;
-}.mb-8 {
-  margin-bottom: 2rem;
-}.ml-1 {
-  margin-left: 0.25rem;
-}.ml-2 {
-  margin-left: 0.5rem;
-}.ml-3 {
-  margin-left: 0.75rem;
-}.ml-5 {
-  margin-left: 1.25rem;
-}.ml-8 {
-  margin-left: 2rem;
-}.ml-auto {
-  margin-left: auto;
-}.mr-1 {
-  margin-right: 0.25rem;
-}.mr-2 {
-  margin-right: 0.5rem;
-}.mr-3 {
-  margin-right: 0.75rem;
-}.mr-4 {
-  margin-right: 1rem;
-}.mr-5 {
-  margin-right: 1.25rem;
-}.mt-0 {
-  margin-top: 0px;
-}.mt-1 {
-  margin-top: 0.25rem;
-}.mt-2 {
-  margin-top: 0.5rem;
-}.mt-3 {
-  margin-top: 0.75rem;
-}.mt-4 {
-  margin-top: 1rem;
-}.mt-5 {
-  margin-top: 1.25rem;
-}.mt-6 {
-  margin-top: 1.5rem;
-}.mt-7 {
-  margin-top: 1.75rem;
-}.mt-8 {
-  margin-top: 2rem;
-}.mt-auto {
-  margin-top: auto;
-}.block {
-  display: block;
-}.inline-block {
-  display: inline-block;
-}.\!inline {
-  display: inline !important;
-}.inline {
-  display: inline;
-}.flex {
-  display: flex;
-}.inline-flex {
-  display: inline-flex;
-}.table {
-  display: table;
-}.table-cell {
-  display: table-cell;
-}.grid {
-  display: grid;
-}.contents {
-  display: contents;
-}.hidden {
-  display: none;
-}.\!h-1 {
-  height: 1rem !important;
-}.\!h-10 {
-  height: 10rem !important;
-}.\!h-12 {
-  height: 12rem !important;
-}.\!h-14 {
-  height: 14rem !important;
-}.\!h-2 {
-  height: 2rem !important;
-}.\!h-20 {
-  height: 20rem !important;
-}.\!h-3 {
-  height: 3rem !important;
-}.\!h-30 {
-  height: 30rem !important;
-}.\!h-4 {
-  height: 4rem !important;
-}.\!h-5 {
-  height: 5rem !important;
-}.\!h-6 {
-  height: 6rem !important;
-}.\!h-8 {
-  height: 8rem !important;
-}.h-4 {
-  height: 4rem;
-}.h-full {
-  height: 100%;
-}.h-screen {
-  height: 100vh;
-}.\!w-1 {
-  width: 1rem !important;
-}.\!w-10 {
-  width: 10rem !important;
-}.\!w-12 {
-  width: 12rem !important;
-}.\!w-14 {
-  width: 14rem !important;
-}.\!w-15 {
-  width: 15rem !important;
-}.\!w-18 {
-  width: 18rem !important;
-}.\!w-2 {
-  width: 2rem !important;
-}.\!w-20 {
-  width: 20rem !important;
-}.\!w-25 {
-  width: 25rem !important;
-}.\!w-3 {
-  width: 3rem !important;
-}.\!w-3\/12 {
-  width: 25% !important;
-}.\!w-30 {
-  width: 30rem !important;
-}.\!w-4 {
-  width: 4rem !important;
-}.\!w-4\/12 {
-  width: 33.333333% !important;
-}.\!w-6 {
-  width: 6rem !important;
-}.\!w-6\/12 {
-  width: 50% !important;
-}.\!w-7\/12 {
-  width: 58.333333% !important;
-}.\!w-8 {
-  width: 8rem !important;
-}.\!w-8\/12 {
-  width: 66.666667% !important;
-}.\!w-9 {
-  width: 9rem !important;
-}.\!w-9\/12 {
-  width: 75% !important;
-}.w-1 {
-  width: 1rem;
-}.w-13 {
-  width: 13rem;
-}.w-9 {
-  width: 9rem;
-}.w-full {
-  width: 100%;
-}.min-w-0 {
-  min-width: 0px;
-}.max-w-full {
-  max-width: 100%;
-}.flex-1 {
-  flex: 1 1 0%;
-}.flex-auto {
-  flex: 1 1 auto;
-}.flex-shrink-0 {
-  flex-shrink: 0;
-}.shrink {
-  flex-shrink: 1;
-}.flex-grow {
-  flex-grow: 1;
-}.grow {
-  flex-grow: 1;
-}.origin-top {
-  transform-origin: top;
-}.transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}.cursor-pointer {
-  cursor: pointer;
-}.select-none {
-  user-select: none;
-}.resize {
-  resize: both;
-}.list-none {
-  list-style-type: none;
-}.grid-cols-12 {
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}.flex-row {
-  flex-direction: row;
-}.flex-row-reverse {
-  flex-direction: row-reverse;
-}.flex-col {
-  flex-direction: column;
-}.flex-wrap {
-  flex-wrap: wrap;
-}.items-start {
-  align-items: flex-start;
-}.items-end {
-  align-items: flex-end;
-}.items-center {
-  align-items: center;
-}.justify-start {
-  justify-content: flex-start;
-}.justify-end {
-  justify-content: flex-end;
-}.justify-center {
-  justify-content: center;
-}.justify-between {
-  justify-content: space-between;
-}.gap-1 {
-  gap: 0.25rem;
-}.gap-2 {
-  gap: 0.5rem;
-}.gap-3 {
-  gap: 0.75rem;
-}.gap-4 {
-  gap: 1rem;
-}.gap-5 {
-  gap: 1.25rem;
-}.gap-6 {
-  gap: 1.5rem;
-}.gap-8 {
-  gap: 2rem;
-}.overflow-auto {
-  overflow: auto;
-}.overflow-hidden {
-  overflow: hidden;
-}.overflow-visible {
-  overflow: visible;
-}.overflow-x-auto {
-  overflow-x: auto;
-}.overflow-y-auto {
-  overflow-y: auto;
-}.overflow-y-hidden {
-  overflow-y: hidden;
-}.whitespace-nowrap {
-  white-space: nowrap;
-}.rounded {
-  border-radius: 0.25rem;
-}.rounded-2xl {
-  border-radius: 1rem;
-}.rounded-3xl {
-  border-radius: 1.5rem;
-}.rounded-full {
-  border-radius: 9999px;
-}.rounded-xl {
-  border-radius: 0.75rem;
-}.border {
-  border-width: 1px;
-}.border-1 {
-  border-width: 1px;
-}.border-2 {
-  border-width: 2px;
-}.border-solid {
-  border-style: solid;
-}.border-dashed {
-  border-style: dashed;
-}.border-none {
-  border-style: none;
-}.border-blue-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}.border-color {
-  border-color: var(--text-color);
-}.border-indigo-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
-}.border-orange-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
-}.border-pink-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
-}.border-primary {
-  border-color: var(--primary-color);
-}.border-teal-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
-}.border-transparent {
-  border-color: transparent;
-}.bg-black {
-  background-color: var(--black-100);
-}.bg-blue-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}.bg-blue-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
-}.bg-blue-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}.bg-gray-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
-}.bg-green-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
-}.bg-indigo-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
-}.bg-orange-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
-}.bg-pink-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
-}.bg-primary {
-  background-color: var(--primary-color);
-}.bg-primary-600 {
-  background-color: var(--primary-600);
-}.bg-purple-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
-}.bg-surface-50 {
-  background-color: var(--surface-50);
-}.bg-teal-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
-}.bg-transparent {
-  background-color: transparent;
-}.bg-white {
-  background-color: var(--white-100);
-}.bg-cover {
-  background-size: cover;
-}.object-cover {
-  object-fit: cover;
-}.\!p-0 {
-  padding: 0px !important;
-}.p-0 {
-  padding: 0px;
-}.p-1 {
-  padding: 0.25rem;
-}.p-2 {
-  padding: 0.5rem;
-}.p-3 {
-  padding: 0.75rem;
-}.p-4 {
-  padding: 1rem;
-}.p-5 {
-  padding: 1.25rem;
-}.p-8 {
-  padding: 2rem;
-}.px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
-}.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}.px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
-}.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}.py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}.pb-0 {
-  padding-bottom: 0px;
-}.pb-3 {
-  padding-bottom: 0.75rem;
-}.pb-4 {
-  padding-bottom: 1rem;
-}.pb-5 {
-  padding-bottom: 1.25rem;
-}.pl-0 {
-  padding-left: 0px;
-}.pl-2 {
-  padding-left: 0.5rem;
-}.pl-3 {
-  padding-left: 0.75rem;
-}.pr-0 {
-  padding-right: 0px;
-}.pr-3 {
-  padding-right: 0.75rem;
-}.pr-4 {
-  padding-right: 1rem;
-}.pr-5 {
-  padding-right: 1.25rem;
-}.pr-6 {
-  padding-right: 1.5rem;
-}.pt-1 {
-  padding-top: 0.25rem;
-}.pt-3 {
-  padding-top: 0.75rem;
-}.pt-4 {
-  padding-top: 1rem;
-}.pt-5 {
-  padding-top: 1.25rem;
-}.pt-6 {
-  padding-top: 1.5rem;
-}.pt-7 {
-  padding-top: 1.75rem;
-}.pt-8 {
-  padding-top: 2rem;
-}.text-left {
-  text-align: left;
-}.text-center {
-  text-align: center;
-}.text-right {
-  text-align: right;
-}.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}.text-3xl {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}.text-4xl {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}.text-5xl {
-  font-size: 3rem;
-  line-height: 1;
-}.text-6xl {
-  font-size: 3.75rem;
-  line-height: 1;
-}.text-7xl {
-  font-size: 4.5rem;
-  line-height: 1;
-}.text-8xl {
-  font-size: 6rem;
-  line-height: 1;
-}.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}.font-bold {
-  font-weight: 700;
-}.font-medium {
-  font-weight: 500;
-}.font-normal {
-  font-weight: 400;
-}.font-semibold {
-  font-weight: 600;
-}.uppercase {
-  text-transform: uppercase;
-}.lowercase {
-  text-transform: lowercase;
-}.leading {
-  line-height: normal;
-}.leading-auto {
-  line-height: 1.2;
-}.leading-none {
-  line-height: 1;
-}.leading-normal {
-  line-height: 1.5;
-}.text-blue-500 {
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
-}.text-color {
-  color: var(--text-color);
-}.text-color-secondary {
-  color: var(--text-color-secondary);
-}.text-gray-900 {
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}.text-green-500 {
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
-}.text-green-600 {
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
-}.text-help {
-  color: var(--purple-400);
-}.text-indigo-200 {
-  --tw-text-opacity: 1;
-  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
-}.text-indigo-500 {
-  --tw-text-opacity: 1;
-  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
-}.text-info {
-  color: var(--blue-400);
-}.text-primary {
-  color: var(--primary-color);
-}.text-primary-50 {
-  color: var(--primary-50);
-}.text-primary-500 {
-  color: var(--primary-500);
-}.text-primary-700 {
-  color: var(--primary-700);
-}.text-red-500 {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}.text-slate-500 {
-  --tw-text-opacity: 1;
-  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
-}.text-white {
-  color: var(--white-100);
-}.text-yellow-500 {
-  --tw-text-opacity: 1;
-  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
-}.line-through {
-  text-decoration-line: line-through;
-}.no-underline {
-  text-decoration-line: none;
-}.antialiased {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}.opacity-20 {
-  opacity: 0.2;
-}.shadow {
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}.outline {
-  outline-style: solid;
-}.outline-color {
-  outline-color: var(--text-color);
-}.blur {
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.grayscale {
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.backdrop-filter {
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}.duration-300 {
-  transition-duration: 300ms;
-}.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}.title-h1 {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h2 {
-  font-size: 1.5rem;
-  line-height: 2rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h3 {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h4 {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h5 {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.title-h6 {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-lg-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-lg-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-lg-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-secondary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-primary {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-secondary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-primary-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-lg-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-lg-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-lg-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-secondary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-primary-paragraph {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-lg-strikethrough-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-secondary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-lg-strikethrough-primary-paragraph-disabled {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-bold-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-bold-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-bold-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-bold-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-bold-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-medium-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-medium-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-medium-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-medium-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-medium-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-base-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-secondary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-primary-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.body-regular-base-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.body-regular-base-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.body-regular-base-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-secondary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-primary-paragraph {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-}.body-regular-base-strikethrough-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-secondary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--text-color-secondary);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.body-regular-base-strikethrough-primary-paragraph-disabled {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: var(--primary-color);
-  text-decoration-line: line-through;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.subtitle-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}.subtitle-base-secondary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}.subtitle-base-primary {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}.subtitle-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color);
-}.subtitle-sm-secondary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-}.subtitle-sm-primary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  line-height: 1.2;
-  color: var(--primary-color);
-}.caption {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-}.caption-secondary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-}.caption-primary {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-}.caption-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.caption-secondary-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--text-color-secondary);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.caption-primary-disabled {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--primary-color);
-  text-decoration-line: none;
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}.service-danger-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}.service-danger-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--red-400);
-  text-decoration-line: none;
-}.service-warning-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}.service-warning-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--orange-400);
-  text-decoration-line: none;
-}.service-success-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}.service-success-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--green-400);
-  text-decoration-line: none;
-}.service-info-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.service-info-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.service-help-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.service-help-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.anchor-base:hover {
-  text-decoration-line: underline;
-}.anchor-base:visited {
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-base:visited:hover {
-  text-decoration-line: underline;
-}.anchor-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--blue-400);
-  text-decoration-line: none;
-}.anchor-sm:hover {
-  text-decoration-line: underline;
-}.anchor-sm:visited {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple-400);
-  text-decoration-line: none;
-}.anchor-sm:visited:hover {
-  text-decoration-line: underline;
-}:root{--emerald-0: color-mix(in srgb, color-mix(in srgb, #29C075, #fff 76%), #000 80%);--emerald-50: color-mix(in srgb, #29C075, #fff 95%);--emerald-100: color-mix(in srgb, #29C075, #fff 76%);--emerald-200: color-mix(in srgb, #29C075, #fff 57%);--emerald-300: color-mix(in srgb, #29C075, #fff 38%);--emerald-400: color-mix(in srgb, #29C075, #fff 19%);--emerald-500: color-mix(in srgb, #29C075, #fff 0%);--emerald-600: color-mix(in srgb, #29C075, #000 15%);--emerald-700: color-mix(in srgb, #29C075, #000 30%);--emerald-800: color-mix(in srgb, #29C075, #000 45%);--emerald-900: color-mix(in srgb, #29C075, #000 60%);--emerald-alpha: color-mix(in srgb, #29C075 10%, transparent);--citrine-0: color-mix(in srgb, color-mix(in srgb, #FA8606, #fff 76%), #000 80%);--citrine-50: color-mix(in srgb, #FA8606, #fff 95%);--citrine-100: color-mix(in srgb, #FA8606, #fff 76%);--citrine-200: color-mix(in srgb, #FA8606, #fff 57%);--citrine-300: color-mix(in srgb, #FA8606, #fff 38%);--citrine-400: color-mix(in srgb, #FA8606, #fff 19%);--citrine-500: color-mix(in srgb, #FA8606, #fff 0%);--citrine-600: color-mix(in srgb, #FA8606, #000 15%);--citrine-700: color-mix(in srgb, #FA8606, #000 30%);--citrine-800: color-mix(in srgb, #FA8606, #000 45%);--citrine-900: color-mix(in srgb, #FA8606, #000 60%);--citrine-alpha: color-mix(in srgb, #FA8606 10%, transparent);--aquamarine-0: color-mix(in srgb, color-mix(in srgb, #14B8A6, #fff 76%), #000 80%);--aquamarine-50: color-mix(in srgb, #14B8A6, #fff 95%);--aquamarine-100: color-mix(in srgb, #14B8A6, #fff 76%);--aquamarine-200: color-mix(in srgb, #14B8A6, #fff 57%);--aquamarine-300: color-mix(in srgb, #14B8A6, #fff 38%);--aquamarine-400: color-mix(in srgb, #14B8A6, #fff 19%);--aquamarine-500: color-mix(in srgb, #14B8A6, #fff 0%);--aquamarine-600: color-mix(in srgb, #14B8A6, #000 15%);--aquamarine-700: color-mix(in srgb, #14B8A6, #000 30%);--aquamarine-800: color-mix(in srgb, #14B8A6, #000 45%);--aquamarine-900: color-mix(in srgb, #14B8A6, #000 60%);--aquamarine-alpha: color-mix(in srgb, #14B8A6 10%, transparent);--amethyst-0: color-mix(in srgb, color-mix(in srgb, #7254F3, #fff 76%), #000 80%);--amethyst-50: color-mix(in srgb, #7254F3, #fff 95%);--amethyst-100: color-mix(in srgb, #7254F3, #fff 76%);--amethyst-200: color-mix(in srgb, #7254F3, #fff 57%);--amethyst-300: color-mix(in srgb, #7254F3, #fff 38%);--amethyst-400: color-mix(in srgb, #7254F3, #fff 19%);--amethyst-500: color-mix(in srgb, #7254F3, #fff 0%);--amethyst-600: color-mix(in srgb, #7254F3, #000 15%);--amethyst-700: color-mix(in srgb, #7254F3, #000 30%);--amethyst-800: color-mix(in srgb, #7254F3, #000 45%);--amethyst-900: color-mix(in srgb, #7254F3, #000 60%);--amethyst-alpha: color-mix(in srgb, #7254F3 10%, transparent);--purple-0: color-mix(in srgb, color-mix(in srgb, #9757D7, #fff 76%), #000 80%);--purple-50: color-mix(in srgb, #9757D7, #fff 95%);--purple-100: color-mix(in srgb, #9757D7, #fff 76%);--purple-200: color-mix(in srgb, #9757D7, #fff 57%);--purple-300: color-mix(in srgb, #9757D7, #fff 38%);--purple-400: color-mix(in srgb, #9757D7, #fff 19%);--purple-500: color-mix(in srgb, #9757D7, #fff 0%);--purple-600: color-mix(in srgb, #9757D7, #000 15%);--purple-700: color-mix(in srgb, #9757D7, #000 30%);--purple-800: color-mix(in srgb, #9757D7, #000 45%);--purple-900: color-mix(in srgb, #9757D7, #000 60%);--purple-alpha: color-mix(in srgb, #9757D7 10%, transparent);--blue-0: color-mix(in srgb, color-mix(in srgb, #1F8CEB, #fff 76%), #000 80%);--blue-50: color-mix(in srgb, #1F8CEB, #fff 95%);--blue-100: color-mix(in srgb, #1F8CEB, #fff 76%);--blue-200: color-mix(in srgb, #1F8CEB, #fff 57%);--blue-300: color-mix(in srgb, #1F8CEB, #fff 38%);--blue-400: color-mix(in srgb, #1F8CEB, #fff 19%);--blue-500: color-mix(in srgb, #1F8CEB, #fff 0%);--blue-600: color-mix(in srgb, #1F8CEB, #000 15%);--blue-700: color-mix(in srgb, #1F8CEB, #000 30%);--blue-800: color-mix(in srgb, #1F8CEB, #000 45%);--blue-900: color-mix(in srgb, #1F8CEB, #000 60%);--blue-alpha: color-mix(in srgb, #1F8CEB 10%, transparent);--green-0: color-mix(in srgb, color-mix(in srgb, #45B24E, #fff 76%), #000 80%);--green-50: color-mix(in srgb, #45B24E, #fff 95%);--green-100: color-mix(in srgb, #45B24E, #fff 76%);--green-200: color-mix(in srgb, #45B24E, #fff 57%);--green-300: color-mix(in srgb, #45B24E, #fff 38%);--green-400: color-mix(in srgb, #45B24E, #fff 19%);--green-500: color-mix(in srgb, #45B24E, #fff 0%);--green-600: color-mix(in srgb, #45B24E, #000 15%);--green-700: color-mix(in srgb, #45B24E, #000 30%);--green-800: color-mix(in srgb, #45B24E, #000 45%);--green-900: color-mix(in srgb, #45B24E, #000 60%);--green-alpha: color-mix(in srgb, #45B24E 10%, transparent);--orange-0: color-mix(in srgb, color-mix(in srgb, #FFA100, #fff 76%), #000 80%);--orange-50: color-mix(in srgb, #FFA100, #fff 95%);--orange-100: color-mix(in srgb, #FFA100, #fff 76%);--orange-200: color-mix(in srgb, #FFA100, #fff 57%);--orange-300: color-mix(in srgb, #FFA100, #fff 38%);--orange-400: color-mix(in srgb, #FFA100, #fff 19%);--orange-500: color-mix(in srgb, #FFA100, #fff 0%);--orange-600: color-mix(in srgb, #FFA100, #000 15%);--orange-700: color-mix(in srgb, #FFA100, #000 30%);--orange-800: color-mix(in srgb, #FFA100, #000 45%);--orange-900: color-mix(in srgb, #FFA100, #000 60%);--orange-alpha: color-mix(in srgb, #FFA100 10%, transparent);--red-0: color-mix(in srgb, color-mix(in srgb, #DB4C3F, #fff 76%), #000 80%);--red-50: color-mix(in srgb, #DB4C3F, #fff 95%);--red-100: color-mix(in srgb, #DB4C3F, #fff 76%);--red-200: color-mix(in srgb, #DB4C3F, #fff 57%);--red-300: color-mix(in srgb, #DB4C3F, #fff 38%);--red-400: color-mix(in srgb, #DB4C3F, #fff 19%);--red-500: color-mix(in srgb, #DB4C3F, #fff 0%);--red-600: color-mix(in srgb, #DB4C3F, #000 15%);--red-700: color-mix(in srgb, #DB4C3F, #000 30%);--red-800: color-mix(in srgb, #DB4C3F, #000 45%);--red-900: color-mix(in srgb, #DB4C3F, #000 60%);--red-alpha: color-mix(in srgb, #DB4C3F 10%, transparent);--gray-0: color-mix(in srgb, color-mix(in srgb, #ABAAA9, #fff 76%), #000 80%);--gray-50: color-mix(in srgb, #ABAAA9, #fff 95%);--gray-100: color-mix(in srgb, #ABAAA9, #fff 76%);--gray-200: color-mix(in srgb, #ABAAA9, #fff 57%);--gray-300: color-mix(in srgb, #ABAAA9, #fff 38%);--gray-400: color-mix(in srgb, #ABAAA9, #fff 19%);--gray-500: color-mix(in srgb, #ABAAA9, #fff 0%);--gray-600: color-mix(in srgb, #ABAAA9, #000 15%);--gray-700: color-mix(in srgb, #ABAAA9, #000 30%);--gray-800: color-mix(in srgb, #ABAAA9, #000 45%);--gray-900: color-mix(in srgb, #ABAAA9, #000 60%);--gray-alpha: color-mix(in srgb, #ABAAA9 10%, transparent);--black-10: color-mix(in srgb, #000 10%, transparent) ;--black-20: color-mix(in srgb, #000 20%, transparent) ;--black-30: color-mix(in srgb, #000 30%, transparent) ;--black-40: color-mix(in srgb, #000 40%, transparent) ;--black-50: color-mix(in srgb, #000 50%, transparent) ;--black-60: color-mix(in srgb, #000 60%, transparent) ;--black-70: color-mix(in srgb, #000 70%, transparent) ;--black-80: color-mix(in srgb, #000 80%, transparent) ;--black-90: color-mix(in srgb, #000 90%, transparent) ;--black-100: color-mix(in srgb, #000 100%, transparent) ;--white-10: color-mix(in srgb, #fff 10%, transparent) ;--white-20: color-mix(in srgb, #fff 20%, transparent) ;--white-30: color-mix(in srgb, #fff 30%, transparent) ;--white-40: color-mix(in srgb, #fff 40%, transparent) ;--white-50: color-mix(in srgb, #fff 50%, transparent) ;--white-60: color-mix(in srgb, #fff 60%, transparent) ;--white-70: color-mix(in srgb, #fff 70%, transparent) ;--white-80: color-mix(in srgb, #fff 80%, transparent) ;--white-90: color-mix(in srgb, #fff 90%, transparent) ;--white-100: color-mix(in srgb, #fff 100%, transparent) ;--font-family: Roboto, Inter, Helvetica, Arial, sans-serif;--text-color: var(--black-80);--text-color-secondary: var(--black-60);--primary-color: var(--amethyst-700);--primary-color-text: var(--white-100);--primary-0: var(--amethyst-0);--primary-900: var(--amethyst-900);--primary-800: var(--amethyst-800);--primary-700: var(--amethyst-700);--primary-600: var(--amethyst-600);--primary-500: var(--amethyst-500);--primary-400: var(--amethyst-400);--primary-300: var(--amethyst-300);--primary-200: var(--amethyst-200);--primary-100: var(--amethyst-100);--primary-50: var(--amethyst-50);--primary-alpha: var(--amethyst-alpha);--surface-0: var(--gray-0);--surface-50: var(--gray-50);--surface-100: var(--gray-100);--surface-200: var(--gray-200);--surface-300: var(--gray-300);--surface-400: var(--gray-400);--surface-500: var(--gray-500);--surface-600: var(--gray-600);--surface-700: var(--gray-700);--surface-800: var(--gray-800);--surface-900: var(--gray-900);--content-padding: 1rem;--inline-spacing: 0.5rem;--border-radius: 0.5rem;--surface-ground: var(--white-100);--surface-section: var(--gray-alpha);--surface-card: var(--white-100);--surface-overlay: var(--black-20);--surface-border: var(--gray-200);--surface-hover: var(--gray-100);--focus-ring: 0 0 0 0.25rem var(--amethyst-200);--maskbg: var(--black-20);--highlight-bg: var(--amethyst-700);--highlight-text-color: var(--white-100);color-scheme:light}@media only screen and (min-resolution: 100dpi)and (max-resolution: 199dpi){html,body{font-size:12px}}@media only screen and (min-resolution: 200dpi)and (max-resolution: 499dpi){html,body{font-size:14px}}@media only screen and (min-resolution: 500dpi){html,body{font-size:16px}}*{box-sizing:border-box}html{font-size:14px;font-family:var(--font-family)}::selection{color:var(--white-100);background-color:var(--amethyst-700)}.p-component{font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;font-weight:normal}.p-component-overlay{background-color:var(--black-20);transition-duration:.2s;padding:.5rem}.p-disabled,.p-component:disabled{pointer-events:all;cursor:not-allowed;opacity:.6;filter:grayscale(1)}.p-placeholder{opacity:.6}.p-error{color:var(--red-400)}.p-text-secondary{color:var(--black-60)}.p-icon{width:1rem;height:1rem}.p-link{font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;border-radius:.5rem}.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-component-overlay-enter{animation:p-component-overlay-enter-animation 150ms forwards}.p-component-overlay-leave{animation:p-component-overlay-leave-animation 150ms forwards}@keyframes p-component-overlay-enter-animation{from{background-color:rgba(0,0,0,0)}to{background-color:var(--maskbg)}}@keyframes p-component-overlay-leave-animation{from{background-color:var(--maskbg)}to{background-color:rgba(0,0,0,0)}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background-color:var(--black-10);border-radius:4.5px}::-webkit-scrollbar-track{background-color:rgba(255,255,255,.0001)}::-webkit-scrollbar-track:hover{background-color:var(--gray-100)}p-autocomplete.ng-dirty.ng-invalid>.p-autocomplete>.p-inputtext,p-calendar.ng-dirty.ng-invalid>.p-calendar>.p-inputtext,p-cascadeselect.ng-dirty.ng-invalid>.p-cascadeselect,p-checkbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box,p-tristatecheckbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box,p-chips.ng-dirty.ng-invalid>.p-chips>.p-inputtext,p-dropdown.ng-dirty.ng-invalid>.p-dropdown,p-inputmask.ng-dirty.ng-invalid>.p-inputtext,p-inputnumber.ng-dirty.ng-invalid>.p-inputnumber>.p-inputtext,p-inputswitch.ng-dirty.ng-invalid>.p-inputswitch>.p-inputswitch-slider,.p-inputtext.ng-dirty.ng-invalid,p-listbox.ng-dirty.ng-invalid>.p-listbox,p-multiselect.ng-dirty.ng-invalid>.p-multiselect,p-password.ng-invalid.ng-dirty>.p-password>.p-inputtext,p-radiobutton.ng-dirty.ng-invalid>.p-radiobutton>.p-radiobutton-box,p-selectbutton.ng-dirty.ng-invalid>.p-selectbutton>.p-button,p-togglebutton.ng-dirty.ng-invalid>.p-togglebutton.p-button,p-treeselect.ng-invalid.ng-dirty>.p-treeselect{border-color:var(--red-400) !important;box-shadow:0 0 0 .25rem var(--red-100) !important}.p-progress-spinner-circle{stroke:var(--amethyst-700)}.p-overflow-hidden{overflow:hidden;padding-right:var(--scrollbar-width)}@layer primeng{.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type=button],input[type=submit],input[type=reset],input[type=file]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:rgba(0,0,0,0);margin:0;padding:0;border:none;cursor:pointer;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:inline-flex}.p-icon{display:inline-block}.p-icon-spin{animation:p-icon-spin 2s infinite linear}}@keyframes p-icon-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.p-togglebutton.p-button.p-highlight.p-disabled,.p-button.p-button-help.p-disabled,.p-button-group.p-button-help>.p-button.p-disabled,.p-splitbutton.p-button-help>.p-button.p-disabled,.p-fileupload-choose.p-button-help.p-disabled,.p-button.p-button-info.p-disabled,.p-button-group.p-button-info>.p-button.p-disabled,.p-splitbutton.p-button-info>.p-button.p-disabled,.p-fileupload-choose.p-button-info.p-disabled,.p-button.p-button-success.p-disabled,.p-button-group.p-button-success>.p-button.p-disabled,.p-splitbutton.p-button-success>.p-button.p-disabled,.p-fileupload-choose.p-button-success.p-disabled,.p-button.p-button-warning.p-disabled,.p-button-group.p-button-warning>.p-button.p-disabled,.p-splitbutton.p-button-warning>.p-button.p-disabled,.p-fileupload-choose.p-button-warning.p-disabled,.p-button.p-button-danger.p-disabled,.p-button-group.p-button-danger>.p-button.p-disabled,.p-splitbutton.p-button-danger>.p-button.p-disabled,.p-fileupload-choose.p-button-danger.p-disabled,.p-button.p-disabled{color:var(--black-60);background-color:var(--black-10);border-color:var(--gray-200)}.p-button{height:2.5rem;display:flex;gap:.5rem;font-size:1rem;font-weight:700;color:var(--white-100);border:1px solid rgba(255,255,255,.0001);border-radius:.5rem;padding:0rem 1rem;background:var(--amethyst-700);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-button .p-button-label{transition-duration:.2s}.p-button .p-button-icon{font-size:1.25rem}.p-button.p-button-rounded{border-radius:100px}.p-button.p-button-icon-only{flex-shrink:0;width:2.5rem;padding:0}.p-button.p-button-icon-only:after{display:none}.p-button.p-button-icon-only .p-button-label{display:none}.p-button.p-button-sm{height:2rem;font-size:.875rem;padding:0 .75rem}.p-button.p-button-sm .p-button-icon{font-size:1rem}.p-button.p-button-sm.p-button-icon-only{width:2rem;padding:0}.p-button.p-button-lg{gap:.75rem;height:3.5rem;font-size:1.25rem;padding:0 1.5rem}.p-button.p-button-lg .p-button-icon{font-size:1.5rem}.p-button.p-button-lg.p-button-icon-only{width:3.5rem;padding:0}.p-button:not(.p-disabled):hover{background:var(--amethyst-800);color:var(--white-100);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button:not(.p-disabled):active{background:var(--amethyst-700);color:var(--white-100);border-color:rgba(0,0,0,0);box-shadow:none}.p-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}p-button[size=xlarge] .p-button{gap:.75rem;height:4rem;font-size:1.75rem;padding:0 1.5rem}p-button[size=xlarge] .p-button .p-button-icon{font-size:2rem}p-button[size=xlarge] .p-button.p-button-icon-only{width:4rem;padding:0}.p-button-outlined{background:rgba(255,255,255,.0001);color:var(--amethyst-700);border-color:var(--amethyst-200)}.p-button-outlined:not(.p-disabled):hover{background:rgba(255,255,255,.0001);color:var(--amethyst-700);border-color:var(--amethyst-700);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button-outlined:not(.p-disabled):active{background:rgba(255,255,255,.0001);color:var(--amethyst-700);border-color:var(--amethyst-200);box-shadow:none}.p-button-text{background-color:var(--white-100);color:var(--amethyst-700)}.p-button-text:not(.p-disabled):hover{background:var(--amethyst-alpha);color:var(--amethyst-700);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button-text:not(.p-disabled):active{background:var(--white-100);color:var(--amethyst-700);border-color:rgba(0,0,0,0);box-shadow:none}.p-button-group{display:flex}.p-fluid .p-button:not(.p-button-icon-only){width:100%}.p-fluid .p-button-group .p-button:not(.p-button-icon-only){flex:1}.p-button.p-button-danger,.p-button-group.p-button-danger>.p-button,.p-splitbutton.p-button-danger>.p-button,.p-fileupload-choose.p-button-danger{color:var(--white-100);background:var(--red-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-danger:not(.p-disabled):hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-danger:not(.p-disabled):hover{background:var(--red-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-danger:not(.p-disabled):active,.p-button-group.p-button-danger>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-danger:not(.p-disabled):active{background:var(--red-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-danger:not(.p-disabled).p-button-outlined,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--red-400);border-color:var(--red-200)}.p-button.p-button-danger:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-danger:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--red-400);border-color:var(--red-200);box-shadow:none}.p-button.p-button-danger:not(.p-disabled).p-button-text,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--red-400)}.p-button.p-button-danger:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:hover{background:var(--red-alpha);color:var(--red-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-danger:not(.p-disabled).p-button-text:active,.p-button-group.p-button-danger>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-danger>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:active{background:rgba(255,255,255,.0001);color:var(--red-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-warning,.p-button-group.p-button-warning>.p-button,.p-splitbutton.p-button-warning>.p-button,.p-fileupload-choose.p-button-warning{color:var(--white-100);background:var(--orange-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-warning:not(.p-disabled):hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-warning:not(.p-disabled):hover{background:var(--orange-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-warning:not(.p-disabled):active,.p-button-group.p-button-warning>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-warning:not(.p-disabled):active{background:var(--orange-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-warning:not(.p-disabled).p-button-outlined,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--orange-400);border-color:var(--orange-200)}.p-button.p-button-warning:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-warning:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--orange-400);border-color:var(--orange-200);box-shadow:none}.p-button.p-button-warning:not(.p-disabled).p-button-text,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--orange-400)}.p-button.p-button-warning:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:hover{background:var(--orange-alpha);color:var(--orange-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-warning:not(.p-disabled).p-button-text:active,.p-button-group.p-button-warning>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-warning>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:active{background:var(--white-100);color:var(--orange-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-success,.p-button-group.p-button-success>.p-button,.p-splitbutton.p-button-success>.p-button,.p-fileupload-choose.p-button-success{color:var(--white-100);background:var(--green-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-success:not(.p-disabled):hover,.p-button-group.p-button-success>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-success:not(.p-disabled):hover{background:var(--green-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-success:not(.p-disabled):active,.p-button-group.p-button-success>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-success:not(.p-disabled):active{background:var(--green-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-success:not(.p-disabled).p-button-outlined,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--green-400);border-color:var(--green-200)}.p-button.p-button-success:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-success:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--green-400);border-color:var(--green-200);box-shadow:none}.p-button.p-button-success:not(.p-disabled).p-button-text,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--green-400)}.p-button.p-button-success:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:hover{background:var(--green-alpha);color:var(--green-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-success:not(.p-disabled).p-button-text:active,.p-button-group.p-button-success>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-success>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:active{background:var(--white-100);color:var(--green-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-info,.p-button-group.p-button-info>.p-button,.p-splitbutton.p-button-info>.p-button,.p-fileupload-choose.p-button-info{color:var(--white-100);background:var(--blue-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-info:not(.p-disabled):hover,.p-button-group.p-button-info>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-info:not(.p-disabled):hover{background:var(--blue-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-info:not(.p-disabled):active,.p-button-group.p-button-info>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-info:not(.p-disabled):active{background:var(--blue-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-info:not(.p-disabled).p-button-outlined,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--blue-400);border-color:var(--blue-200)}.p-button.p-button-info:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-info:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--blue-400);border-color:var(--blue-200);box-shadow:none}.p-button.p-button-info:not(.p-disabled).p-button-text,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--blue-400)}.p-button.p-button-info:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:hover{background:var(--blue-alpha);color:var(--blue-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-info:not(.p-disabled).p-button-text:active,.p-button-group.p-button-info>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-info>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:active{background:var(--white-100);color:var(--blue-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-button.p-button-help,.p-button-group.p-button-help>.p-button,.p-splitbutton.p-button-help>.p-button,.p-fileupload-choose.p-button-help{color:var(--white-100);background:var(--purple-400);border-color:rgba(255,255,255,.0001)}.p-button.p-button-help:not(.p-disabled):hover,.p-button-group.p-button-help>.p-button:not(.p-disabled):hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled):hover,.p-fileupload-choose.p-button-help:not(.p-disabled):hover{background:var(--purple-500);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-help:not(.p-disabled):active,.p-button-group.p-button-help>.p-button:not(.p-disabled):active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled):active,.p-fileupload-choose.p-button-help:not(.p-disabled):active{background:var(--purple-400);color:var(--white-100);border-color:rgba(255,255,255,.0001);box-shadow:none}.p-button.p-button-help:not(.p-disabled).p-button-outlined,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined{background-color:rgba(255,255,255,.0001);color:var(--purple-400);border-color:var(--purple-200)}.p-button.p-button-help:not(.p-disabled).p-button-outlined:hover,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined:hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined:hover,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:hover{background:rgba(255,255,255,.0001);color:var(--purple-400);border-color:var(--purple-400);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-help:not(.p-disabled).p-button-outlined:active,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-outlined:active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-outlined:active,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:active{background:rgba(255,255,255,.0001);color:var(--purple-400);border-color:var(--purple-200);box-shadow:none}.p-button.p-button-help:not(.p-disabled).p-button-text,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text{background-color:var(--white-100);color:var(--purple-400)}.p-button.p-button-help:not(.p-disabled).p-button-text:hover,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text:hover,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text:hover,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:hover{background:var(--purple-alpha);color:var(--purple-400);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-button.p-button-help:not(.p-disabled).p-button-text:active,.p-button-group.p-button-help>.p-button:not(.p-disabled).p-button-text:active,.p-splitbutton.p-button-help>.p-button:not(.p-disabled).p-button-text:active,.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:active{background:var(--white-100);color:var(--purple-400);border-color:rgba(0,0,0,0);box-shadow:none}.p-inputtext{min-height:2.5rem;line-height:2.5rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--black-80);background:var(--white-100);padding:0rem .75rem;border:1px solid var(--gray-200);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;appearance:none;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-inputtext:enabled:hover{border-color:var(--amethyst-700)}.p-inputtext:enabled:focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-inputtext.p-invalid.p-component,.p-inputtext.ng-invalid.ng-touched{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-inputtext:disabled,.p-inputtext.p-disabled{background:var(--black-10)}.p-float-label>label{left:.75rem;color:var(--black-60);transition-duration:.2s}.p-float-label>.p-invalid+label{color:var(--red-400)}.p-icon-field-left>.p-inputtext{padding-left:2.5rem}.p-icon-field-left.p-float-label>label{left:2.5rem}.p-icon-field-right>.p-inputtext{padding-right:2.5rem}::-webkit-input-placeholder{color:var(--black-60);opacity:.6}:-moz-placeholder{color:var(--black-60);opacity:.6}::-moz-placeholder{color:var(--black-60);opacity:.6}:-ms-input-placeholder{color:var(--black-60);opacity:.6}.p-inputtext-lg{min-height:3.5rem;line-height:3.5rem}.p-inputtextarea{padding:.75rem;line-height:normal}.p-icon-field .p-inputtextarea-icon.p-input-icon{top:unset;margin-top:.5rem}.p-inputotp{display:flex;align-items:center;gap:.5rem}.p-inputotp.error .p-inputotp-input{border-color:var(--red-400)}.p-inputotp-input{font-size:1.5rem;text-align:center;width:2.5rem;border:none;border-bottom:1px solid var(--gray-200);border-radius:0;background:rgba(0,0,0,0)}.p-inputotp-input:disabled,.p-inputotp-input.p-disabled{background:rgba(0,0,0,0)}.p-inputotp-input:enabled:focus{box-shadow:none}.p-listbox-list-wrapper{overflow:auto}.p-listbox-list{list-style-type:none;margin:0;padding:0}.p-listbox-item{cursor:pointer;overflow:hidden;position:relative;color:var(--black-80);margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.0001);border-radius:.5rem;transition:.2s}.p-listbox-item:first-child{margin-top:0}.p-listbox-item:last-child{margin-bottom:0}.p-listbox-item.p-highlight{color:var(--white-100);background:var(--amethyst-700)}.p-listbox-item:not(.p-highlight).p-disabled{color:var(--black-60);border-color:var(--gray-200);background:var(--black-10)}.p-listbox-item.p-disabled{cursor:not-allowed;opacity:.6;background:var(--amethyst-700) !important;color:var(--white-100) !important;mix-blend-mode:luminosity;border:1px solid rgba(255,255,255,.0001)}.p-listbox-item.p-disabled:has(.p-checkbox){background:var(--black-10);color:var(--black-60)}.p-listbox-item .p-checkbox{margin-right:.5rem}.p-listbox-item:has(.p-checkbox){background:var(--white-100);color:var(--black-80)}.p-listbox-item:has(.p-checkbox):hover{background:#000}.p-listbox-item-group{cursor:auto}.p-listbox-filter-container{position:relative}.p-listbox-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-listbox-filter{width:100%}.p-listbox{background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-listbox .p-listbox-header{padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.0001);color:var(--black-60);background:rgba(255,255,255,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-listbox .p-listbox-header .p-checkbox{margin-right:.5rem}.p-listbox .p-listbox-header .p-checkbox .p-checkbox-box.p-disabled{background:var(--white-100)}.p-listbox .p-listbox-header .p-listbox-filter{padding-right:1.75rem}.p-listbox .p-listbox-header .p-listbox-filter-icon{right:.75rem;color:var(--black-80)}.p-listbox .p-listbox-header .p-disabled+.p-listbox-filter-icon{opacity:.6}.p-listbox .p-listbox-list{padding:.25rem;outline:0 none}.p-listbox .p-listbox-list .p-listbox-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--black-60);background:rgba(255,255,255,.0001);font-weight:bold}.p-listbox .p-listbox-list .p-listbox-empty-message{text-align:center;color:var(--black-80);padding:.75rem;background:rgba(255,255,255,.0001)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight.p-focus{border:1px solid rgba(255,255,255,.0001);background:var(--amethyst-700);box-shadow:0 0 0 .25rem var(--amethyst-200)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:hover{background:var(--amethyst-800)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox).p-focus{border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);box-shadow:0 0 0 .25rem var(--amethyst-200)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover{color:var(--black-80);background:var(--gray-100)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:has(.p-checkbox):hover.p-focus{color:var(--black-80);background:var(--gray-100)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus{border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);box-shadow:0 0 0 .25rem var(--amethyst-200)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover{color:var(--black-80);background:var(--gray-100)}.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus{color:var(--black-80);background:var(--gray-100)}.p-listbox.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-listbox.p-invalid{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-listbox.p-disabled *.p-disabled{opacity:1}.p-listbox.p-disabled .p-listbox-filter-icon{display:none}.p-listbox.p-disabled .p-listbox-filter.p-inputtext{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49967 2.83335C7.03555 2.83335 6.59043 3.01773 6.26224 3.34592C5.93405 3.67411 5.74967 4.11922 5.74967 4.58335V6.33335H9.24967V4.58335C9.24967 4.11922 9.0653 3.67411 8.73711 3.34592C8.40892 3.01773 7.9638 2.83335 7.49967 2.83335ZM10.4163 6.33335V4.58335C10.4163 3.80981 10.1091 3.06794 9.56207 2.52096C9.01509 1.97398 8.27322 1.66669 7.49967 1.66669C6.72613 1.66669 5.98426 1.97398 5.43728 2.52096C4.8903 3.06794 4.58301 3.80981 4.58301 4.58335V6.33335C4.11888 6.33335 3.67376 6.51773 3.34557 6.84592C3.01738 7.17411 2.83301 7.61922 2.83301 8.08335V11.5834C2.83301 12.0475 3.01738 12.4926 3.34557 12.8208C3.67376 13.149 4.11888 13.3334 4.58301 13.3334H10.4163C10.8805 13.3334 11.3256 13.149 11.6538 12.8208C11.982 12.4926 12.1663 12.0475 12.1663 11.5834V8.08335C12.1663 7.61922 11.982 7.17411 11.6538 6.84592C11.3256 6.51773 10.8805 6.33335 10.4163 6.33335ZM4.58301 7.50002C4.4283 7.50002 4.27993 7.56148 4.17053 7.67087C4.06113 7.78027 3.99967 7.92864 3.99967 8.08335V11.5834C3.99967 11.7381 4.06113 11.8864 4.17053 11.9958C4.27993 12.1052 4.4283 12.1667 4.58301 12.1667H10.4163C10.5711 12.1667 10.7194 12.1052 10.8288 11.9958C10.9382 11.8864 10.9997 11.7381 10.9997 11.5834V8.08335C10.9997 7.92864 10.9382 7.78027 10.8288 7.67087C10.7194 7.56148 10.5711 7.50002 10.4163 7.50002H4.58301ZM6.67472 9.0084C6.89351 8.7896 7.19026 8.66669 7.49967 8.66669C7.80909 8.66669 8.10584 8.7896 8.32463 9.0084C8.54342 9.22719 8.66634 9.52393 8.66634 9.83335C8.66634 10.1428 8.54343 10.4395 8.32463 10.6583C8.10584 10.8771 7.80909 11 7.49967 11C7.19026 11 6.89351 10.8771 6.67472 10.6583C6.45592 10.4395 6.33301 10.1428 6.33301 9.83335C6.33301 9.52393 6.45592 9.22719 6.67472 9.0084Z' fill='black' fill-opacity='0.8'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat}.p-listbox.p-disabled .p-listbox-item{background:var(--black-10);color:var(--black-60)}.p-dropdown{display:inline-flex;cursor:pointer;position:relative;user-select:none}.p-dropdown.p-disabled{cursor:not-allowed;color:var(--black-60);border-color:var(--gray-200);background:var(--black-10)}.p-dropdown-clear-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-dropdown-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-dropdown-label{height:min-content;margin:auto 0;display:block;white-space:nowrap;overflow:hidden;flex:1 1 auto;width:1%;text-overflow:ellipsis;cursor:pointer}.p-dropdown-label-empty{overflow:hidden;opacity:0}input.p-dropdown-label{cursor:default}.p-dropdown .p-dropdown-panel{min-width:100%}.p-dropdown-panel{position:absolute;top:0;left:0}.p-dropdown-items-wrapper{overflow:auto}.p-dropdown-item{cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;font-weight:normal;color:var(--black-80);white-space:nowrap;margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.0001);border-radius:.5rem;background:rgba(255,255,255,.0001);transition:.2s}.p-dropdown-item:first-child{margin-top:0}.p-dropdown-item:last-child{margin-bottom:0}.p-dropdown-item.p-highlight{color:var(--white-100);background:var(--amethyst-700)}.p-dropdown-item.p-highlight:hover{background:var(--amethyst-800)}.p-dropdown-item:not(.p-highlight):not(.p-disabled):hover{color:var(--black-80);background:var(--gray-100)}.p-dropdown-item:not(.p-highlight).p-disabled{color:var(--black-60);border-color:var(--gray-200);background:var(--black-10)}.p-dropdown-item.p-disabled{cursor:not-allowed}.p-dropdown-item .p-dropdown-check-icon{position:relative;margin-left:-0.5rem;margin-right:.5rem}.p-dropdown-item-group{cursor:auto}.p-dropdown-items{margin:0;padding:0;list-style-type:none}.p-dropdown-filter{width:100%}.p-dropdown-filter-container{position:relative}.p-dropdown-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-dropdown{display:flex}.p-fluid .p-dropdown .p-dropdown-label{width:1%}.p-dropdown{background:var(--white-100);border:1px solid var(--gray-200);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-dropdown:not(.p-disabled):hover{border-color:var(--amethyst-700)}.p-dropdown:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-dropdown.p-dropdown-clearable .p-dropdown-label{padding-right:1.75rem}.p-dropdown .p-dropdown-label{background:rgba(0,0,0,0);border:0 none}.p-dropdown .p-dropdown-label.p-placeholder{color:var(--black-60)}.p-dropdown .p-dropdown-label:focus,.p-dropdown .p-dropdown-label:enabled:focus{outline:0 none;box-shadow:none}.p-dropdown .p-dropdown-trigger{background:rgba(0,0,0,0);color:var(--black-80);width:2.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-dropdown .p-dropdown-clear-icon{color:var(--black-80);right:2.5rem}.p-dropdown.p-invalid.p-component{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-dropdown-panel{background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem;margin-top:.25rem;box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-dropdown-panel .p-dropdown-header{padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.0001);color:var(--black-60);background:rgba(255,255,255,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter{padding-right:1.75rem;margin-right:-1.75rem}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon{right:.75rem;color:var(--black-80)}.p-dropdown-panel .p-dropdown-items{padding:.25rem}.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--black-60);background:rgba(255,255,255,.0001);font-weight:bold}.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{color:var(--black-80);text-align:center;padding:.5rem .75rem;background:rgba(255,255,255,.0001)}.p-multiselect{cursor:pointer;display:inline-flex;align-items:center;user-select:none}.p-multiselect-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-multiselect-label-container{cursor:pointer;overflow:hidden;height:min-content;display:flex;flex:1 1 auto;align-items:center}.p-multiselect-clearable .p-multiselect-label-container{padding-right:1.75rem}.p-multiselect-clearable .p-multiselect-clear-icon{right:2.5rem}.p-multiselect-label{display:block;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.p-multiselect-label-empty{overflow:hidden;visibility:hidden}.p-multiselect-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem;margin-right:.25rem}.p-multiselect-token-icon{cursor:pointer}.p-multiselect .p-multiselect-panel{min-width:100%}.p-multiselect-items-wrapper{overflow:auto}.p-multiselect-items{margin:0;padding:0;list-style-type:none}.p-multiselect-item{cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;font-weight:normal;color:var(--black-80);white-space:nowrap;margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.0001);border-radius:.5rem;background:rgba(255,255,255,.0001);transition:.2s}.p-multiselect-item:not(.p-disabled):hover,.p-multiselect-item:not(.p-disabled).p-focus{color:var(--black-80);background:var(--gray-100)}.p-multiselect-item:not(.p-highlight).p-disabled{color:var(--black-60);border-color:var(--gray-200);background:var(--black-10)}.p-multiselect-item.p-disabled{cursor:not-allowed}.p-multiselect-item .p-checkbox{margin-right:.5rem}.p-multiselect-item-group{cursor:auto}.p-multiselect-header{display:flex;align-items:center;justify-content:space-between}.p-multiselect-filter-container{position:relative;flex:1 1 auto}.p-multiselect-filter-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-multiselect-filter-container .p-inputtext{width:100%}.p-multiselect-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;margin-left:auto}.p-fluid .p-multiselect{display:flex}.p-multiselect{background:var(--white-100);border:1px solid var(--gray-200);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0)}.p-multiselect.p-disabled{cursor:not-allowed;background-color:var(--black-10)}.p-multiselect:not(.p-disabled):hover{border-color:var(--amethyst-700)}.p-multiselect:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-multiselect .p-multiselect-label{color:var(--black-80);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-multiselect .p-multiselect-label.p-placeholder{color:var(--black-60);padding:0rem .75rem;padding-left:.5rem}.p-multiselect:not(.p-multiselect-chip) .p-multiselect-label{padding:0rem .75rem;line-height:2.5rem}.p-multiselect.p-multiselect-chip{min-height:2.5rem;padding:.25rem}.p-multiselect.p-multiselect-chip .p-multiselect-token{padding:0rem .5rem;background:var(--black-10);color:var(--black-80);border-radius:.25rem}.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon{margin-left:.5rem}.p-multiselect .p-multiselect-trigger{background:rgba(0,0,0,0);color:var(--black-80);width:2.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-multiselect.p-invalid.p-component{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-multiselect-panel{background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20);margin-top:.25rem}.p-multiselect-panel .p-multiselect-header{padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.0001);color:var(--black-60);background:rgba(255,255,255,.0001);margin:0rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem;border:1px solid rgba(0,0,0,0);border-bottom:0}.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext{padding-right:1.75rem}.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon{right:.75rem;color:var(--black-80)}.p-multiselect-panel .p-multiselect-header .p-checkbox{margin-right:.5rem}.p-multiselect-panel .p-multiselect-header .p-multiselect-close{margin-left:.5rem;width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-multiselect-panel .p-multiselect-header .p-multiselect-close.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-multiselect-panel .p-multiselect-items{padding:.25rem}.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--black-60);background:rgba(255,255,255,.0001);font-weight:bold}.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message{padding:.5rem .75rem;color:var(--black-80);background:rgba(255,255,255,.0001)}.p-password .p-icon-wrapper{right:.75rem;top:50%;cursor:pointer;fill:var(--black-80)}.p-password.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-password .p-input-icon{cursor:pointer;color:var(--black-80);right:.75rem}.p-password.p-disabled{opacity:1}.p-password.p-disabled .p-input-icon{opacity:.6}.p-input-icon-right input{padding-right:2.5rem}.p-icon-field .p-password-icon.p-input-icon{right:.75rem;top:20% !important}.p-password-input{width:100%;height:100%;display:flex;min-height:2.5rem;padding:0 .75rem;align-items:center}.text-feedback{display:inline-flex;align-items:flex-start}.text-feedback .ti{position:relative;bottom:1px}.text-feedback--default{color:var(--black-80)}.text-feedback--default .ti{color:var(--gray-200)}.text-feedback--success{color:var(--green-400)}.text-feedback--error{color:var(--red-400)}.p-password-panel{color:var(--black-60);padding:.75rem;margin-top:.25rem;border:1px solid var(--gray-200);border-radius:.5rem;background:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-password-panel .p-password-meter{overflow:hidden;height:.5rem;border-radius:1rem;margin-bottom:.5rem;background:var(--black-10)}.p-password-panel .p-password-meter .p-password-strength.weak{background:var(--red-400)}.p-password-panel .p-password-meter .p-password-strength.medium{background:var(--orange-400)}.p-password-panel .p-password-meter .p-password-strength.strong{background:var(--green-400)}.p-inputgroup-addon{background:var(--white-100);color:var(--black-60);border-top:1px solid var(--gray-200);border-left:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);padding:0rem .75rem;min-width:2.5rem}.p-inputgroup-addon:last-child{border-right:1px solid var(--gray-200)}.p-inputgroup-addon.p-disabled{background-color:var(--black-10);color:var(--black-60)}.p-inputgroup>.p-component,.p-inputgroup>.p-inputwrapper>.p-inputtext,.p-inputgroup>.p-float-label>.p-component{border-radius:0;margin:0}.p-inputgroup>.p-component+.p-inputgroup-addon,.p-inputgroup>.p-inputwrapper>.p-inputtext+.p-inputgroup-addon,.p-inputgroup>.p-float-label>.p-component+.p-inputgroup-addon{border-left:0 none}.p-inputgroup>.p-component:focus,.p-inputgroup>.p-inputwrapper>.p-inputtext:focus,.p-inputgroup>.p-float-label>.p-component:focus{z-index:1}.p-inputgroup>.p-component:focus~label,.p-inputgroup>.p-inputwrapper>.p-inputtext:focus~label,.p-inputgroup>.p-float-label>.p-component:focus~label{z-index:1}.p-inputgroup-addon:first-child,.p-inputgroup button:first-child,.p-inputgroup input:first-child,.p-inputgroup>.p-inputwrapper:first-child,.p-inputgroup>.p-inputwrapper:first-child>.p-inputtext{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-inputgroup .p-float-label:first-child input{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-inputgroup-addon:last-child,.p-inputgroup button:last-child,.p-inputgroup input:last-child,.p-inputgroup>.p-inputwrapper:last-child,.p-inputgroup>.p-inputwrapper:last-child>.p-inputtext{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-inputgroup .p-float-label:last-child input{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-inputgroup .p-button{height:auto;width:auto}.p-inputgroup .p-button.p-button-icon-only{width:2.5rem}.p-icon-field{position:relative}.p-icon-field .p-input-icon{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-icon-field-left,.p-fluid .p-icon-field-right{width:100%}.p-icon-field-left .p-input-icon:first-of-type{left:.75rem;color:var(--black-80)}.p-icon-field-right .p-input-icon:last-of-type{right:.75rem;color:var(--black-80)}.p-inputnumber.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}p-inputnumber.ng-invalid.ng-touched>.p-inputnumber>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}p-inputnumber[ng-reflect-is-disabled=true] .p-inputnumber-button{background:var(--black-10)}.p-inputnumber-button{color:var(--black-80);border-color:var(--gray-200);background-color:var(--white-100)}.p-inputnumber-button .p-button-icon{font-size:1rem}.p-inputnumber-button:hover{box-shadow:none !important}.p-inputnumber-buttons-horizontal .p-inputnumber-button-down{border-top-right-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-button-up{border-top-left-radius:0;border-bottom-left-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-input{border-radius:0;border-left-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0);z-index:1}.p-inputnumber-buttons-horizontal .p-inputnumber-button-down,.p-inputnumber-buttons-horizontal .p-inputnumber-button-up{height:100%}.p-inputnumber-buttons-vertical .p-inputnumber-button-down{border-top-left-radius:0;border-top-right-radius:0}.p-inputnumber-buttons-vertical .p-inputnumber-button-up{border-bottom-left-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-vertical .p-inputnumber-input{border-radius:0;border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);z-index:1}.p-inputnumber-buttons-vertical .p-inputnumber-button-down,.p-inputnumber-buttons-vertical .p-inputnumber-button-up{width:100%}.p-checkbox{position:relative;display:inline-flex;user-select:none;vertical-align:bottom}.p-checkbox-input{appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;cursor:pointer}.p-checkbox-box{display:flex;justify-content:center;align-items:center}.p-checkbox{width:1.5rem;height:1.5rem}.p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon{display:none}.p-checkbox.p-checkbox-checked .p-checkbox-box::after{content:"";width:1rem;height:1rem;transition-duration:.2s;color:var(--white-100);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.p-checkbox .p-checkbox-input{border:1px solid var(--gray-200);border-radius:.25rem}.p-checkbox .p-checkbox-box{border:1px solid var(--gray-200);background:var(--white-100);width:1.5rem;height:1.5rem;color:var(--black-80);border-radius:.25rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-checkbox .p-checkbox-box.p-highlight{border-color:var(--amethyst-700);background:var(--amethyst-700)}.p-checkbox .p-checkbox-box:not(.p-disabled):hover{border-color:var(--amethyst-700)}.p-checkbox .p-checkbox-box:not(.p-disabled):hover.p-highlight{border-color:var(--amethyst-800);background:var(--amethyst-800);color:var(--white-100)}.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-checkbox .p-checkbox-box.p-disabled{background:var(--black-10)}.p-checkbox .p-checkbox-box .p-checkbox-icon{transition-duration:.2s;color:var(--white-100);font-size:1rem}.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon{width:1rem;height:1rem}p-checkbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-highlight .p-checkbox .p-checkbox-box{border-color:var(--amethyst-700)}.p-radiobutton{position:relative;display:inline-flex;user-select:none;vertical-align:bottom}.p-radiobutton-input{cursor:pointer}.p-radiobutton-box{display:flex;justify-content:center;align-items:center;transition:all}.p-radiobutton-box:hover{border:1px solid var(--amethyst-800) !important}.p-radiobutton-box.p-highlight{box-sizing:border-box;background:var(--amethyst-800) !important}.p-radiobutton-box.p-highlight .p-radiobutton-icon{mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.25%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center;background:var(--white-100);width:1.5rem;height:1.5rem;mask-composite:exclude}p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box{box-shadow:0 0 0 .25rem var(--red-100)}p-radiobutton.ng-invalid.ng-dirty .p-radiobutton-box:hover{border:1px solid var(--red-400) !important}.p-radiobutton-box.p-focus{box-shadow:0px 0px 0px 3.5px var(--amethyst-200)}.p-radiobutton{width:1.5rem;height:1.5rem}.p-radiobutton .p-radiobutton-input{appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:1;outline:0 none;border:1px solid var(--gray-200);border-radius:50%}.p-radiobutton .p-radiobutton-box{border:1px solid var(--gray-200);background:var(--white-100);width:1.5rem;height:1.5rem;color:var(--black-80);border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0)}.p-radiobutton.p-disabled .p-radiobutton-box{background:var(--black-10)}.p-radiobutton.p-highlight .p-radiobutton-box{border-color:var(--amethyst-700);background:var(--amethyst-700)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box{border-color:var(--amethyst-700)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box{border-color:var(--amethyst-800);background:var(--amethyst-800)}.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-radiobutton.p-invalid>.p-radiobutton-box{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-highlight .p-radiobutton .p-radiobutton-box{border-color:var(--white-100)}.p-inputswitch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.p-inputswitch-slider:before{position:absolute;content:"";top:50%}.p-inputswitch{position:relative;display:inline-block;width:2.5rem;height:1.5rem;border-radius:100px}.p-inputswitch .p-inputswitch-slider{background:var(--gray-300);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:100px;outline-color:rgba(0,0,0,0)}.p-inputswitch .p-inputswitch-slider:before{background:var(--white-100);width:1rem;height:1rem;left:.25rem;margin-top:-0.5rem;border-radius:100px;transition-duration:.2s}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:var(--amethyst-700)}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{background:var(--white-100);transform:translateX(1rem)}.p-inputswitch:not(.p-disabled) .p-inputswitch-slider:hover{background-color:var(--amethyst-800)}.p-inputswitch:not(.p-disabled).p-focus,.p-inputswitch:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}p-inputswitch:not(.p-disabled).p-element.ng-dirty.ng-invalid .p-inputswitch-slider,p-inputswitch:not(.p-disabled).p-element.ng-touched.ng-invalid .p-inputswitch-slider{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-selectbutton{display:flex;height:min-content;gap:.25rem;padding:.25rem;background-color:var(--black-10);border-radius:.5rem}.p-selectbutton .p-button{flex-grow:1;background:rgba(255,255,255,.0001);border:1px solid trasparent;border-radius:.25rem;color:var(--black-60);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-selectbutton .p-button .p-button-icon-left,.p-selectbutton .p-button .p-button-icon-right{color:var(--black-60)}.p-selectbutton .p-button.p-disabled{background:rgba(0,0,0,0);pointer-events:none}.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover{background:var(--white-100);border-color:rgba(255,255,255,.0001);color:var(--black-80)}.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right{color:var(--black-80)}.p-selectbutton .p-button:not(.p-disabled).p-highlight{background:var(--white-100);border-color:rgba(255,255,255,.0001);color:var(--amethyst-700)}.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-right{color:var(--amethyst-700)}.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover{background:var(--white-100);border-color:rgba(255,255,255,.0001);color:var(--black-80)}.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-left,.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-right{color:var(--black-80)}.p-selectbutton.p-invalid>.p-button{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-togglebutton.p-button.p-highlight.p-disabled,.p-button.p-disabled,.p-button.p-button-danger.p-disabled,.p-button-group.p-button-danger>.p-button.p-disabled,.p-splitbutton.p-button-danger>.p-button.p-disabled,.p-fileupload-choose.p-button-danger.p-disabled,.p-button.p-button-warning.p-disabled,.p-button-group.p-button-warning>.p-button.p-disabled,.p-splitbutton.p-button-warning>.p-button.p-disabled,.p-fileupload-choose.p-button-warning.p-disabled,.p-button.p-button-success.p-disabled,.p-button-group.p-button-success>.p-button.p-disabled,.p-splitbutton.p-button-success>.p-button.p-disabled,.p-fileupload-choose.p-button-success.p-disabled,.p-button.p-button-info.p-disabled,.p-button-group.p-button-info>.p-button.p-disabled,.p-splitbutton.p-button-info>.p-button.p-disabled,.p-fileupload-choose.p-button-info.p-disabled,.p-button.p-button-help.p-disabled,.p-button-group.p-button-help>.p-button.p-disabled,.p-splitbutton.p-button-help>.p-button.p-disabled,.p-fileupload-choose.p-button-help.p-disabled{color:var(--black-60);background-color:var(--black-10);border-color:var(--gray-200)}.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-left,.p-button.p-disabled .p-button-icon-left,.p-button-group.p-button-danger>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-danger>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-left,.p-button-group.p-button-warning>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-warning>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-left,.p-button-group.p-button-success>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-success>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-left,.p-button-group.p-button-info>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-info>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-left,.p-button-group.p-button-help>.p-button.p-disabled .p-button-icon-left,.p-splitbutton.p-button-help>.p-button.p-disabled .p-button-icon-left,.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-left,.p-togglebutton.p-button.p-highlight.p-disabled .p-button-icon-right,.p-button.p-disabled .p-button-icon-right,.p-button-group.p-button-danger>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-danger>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-right,.p-button-group.p-button-warning>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-warning>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-right,.p-button-group.p-button-success>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-success>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-right,.p-button-group.p-button-info>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-info>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-right,.p-button-group.p-button-help>.p-button.p-disabled .p-button-icon-right,.p-splitbutton.p-button-help>.p-button.p-disabled .p-button-icon-right,.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-right{color:var(--black-60) !important}.p-togglebutton.p-button{background:var(--black-10);border:1px solid trasparent;color:var(--black-60);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;outline-color:rgba(0,0,0,0);border-radius:100px}.p-togglebutton.p-button:not(.p-disabled):hover{background:var(--amethyst-alpha);color:var(--amethyst-700);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20);box-shadow:none}.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-left,.p-togglebutton.p-button:not(.p-disabled):hover .p-button-icon-right{color:var(--amethyst-700)}.p-togglebutton.p-button:not(.p-disabled):focus-visible{box-shadow:0 0 0 3.5px var(--amethyst-200)}.p-togglebutton.p-button .p-button-icon-left,.p-togglebutton.p-button .p-button-icon-right{color:var(--black-60)}.p-togglebutton.p-button.p-highlight{background:var(--amethyst-700);border-color:rgba(255,255,255,.0001);color:var(--white-100)}.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover{background:var(--amethyst-800);color:var(--white-100);border-color:rgba(0,0,0,0);box-shadow:0 .25rem .25rem 0 var(--black-20);box-shadow:none}.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left,.p-togglebutton.p-button.p-highlight:not(.p-disabled):hover .p-button-icon-right{color:var(--white-100)}.p-togglebutton.p-button.p-highlight:not(.p-disabled):focus-visible{box-shadow:0 0 0 3.5px var(--amethyst-200)}.p-togglebutton.p-button.p-highlight .p-button-icon-left,.p-togglebutton.p-button.p-highlight .p-button-icon-right{color:var(--white-100)}.p-chips{display:inline-flex;height:min-content}.p-disabled .p-chips-multiple-container{background-color:var(--black-10)}.p-chips-multiple-container{outline-color:rgba(0,0,0,0);cursor:text;overflow:hidden;height:min-content;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;list-style-type:none}.p-chips-multiple-container:has(.p-chips-token){padding:.25rem}.p-chips-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem}.p-chips-input-token{flex:1 1 auto;display:inline-flex}.p-chips-token-icon{cursor:pointer}.p-chips-input-token input{border:0 none;outline:0 none;background-color:rgba(0,0,0,0);margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-chips{display:flex}.p-chips:not(.p-disabled):hover .p-chips-multiple-container{border-color:var(--amethyst-700)}.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-chips .p-chips-multiple-container .p-chips-token{padding:0rem .5rem;background:var(--black-10);color:var(--black-80);border-radius:.25rem}.p-chips .p-chips-multiple-container .p-chips-token.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon{margin-left:.5rem}.p-chips .p-chips-multiple-container .p-chips-token+.p-chips-input-token{padding:0 .5rem}.p-chips .p-chips-multiple-container .p-chips-input-token{padding:0rem 0}.p-chips .p-chips-multiple-container .p-chips-input-token input{height:1.75rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--black-80);margin:0}.p-chips.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-slider{background:var(--black-10);border:none;border-radius:.5rem}.p-slider.p-slider-horizontal{height:.25rem;margin-top:.5rem;margin-bottom:.5rem}.p-slider.p-slider-horizontal .p-slider-handle{margin-top:-0.625rem;margin-left:-0.625rem}.p-slider.p-slider-vertical{width:.25rem;margin-top:.5rem;margin-bottom:.5rem}.p-slider.p-slider-vertical .p-slider-handle{margin-left:-0.625rem;margin-bottom:-0.625rem}.p-slider .p-slider-handle{height:1.25rem;width:1.25rem;background:var(--amethyst-700);border:none;border-radius:1rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-slider .p-slider-handle:focus{background:var(--amethyst-800);box-shadow:none}.p-slider .p-slider-range{background:var(--amethyst-700);border-radius:.5rem}.p-slider:not(.p-disabled) .p-slider-handle:hover{background:var(--amethyst-800);border-color:rgba(255,255,255,.0001)}.p-rating{position:relative;display:flex;align-items:center}.p-rating-item{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.p-rating.p-readonly .p-rating-item{cursor:default}.p-rating{gap:.5rem}.p-rating .p-rating-item{outline-color:rgba(0,0,0,0);border-radius:50%}.p-rating .p-rating-item .p-rating-icon{color:var(--black-60);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;font-size:1.25rem}.p-rating .p-rating-item .p-rating-icon.p-icon{width:1.25rem;height:1.25rem}.p-rating .p-rating-item .p-rating-icon.p-rating-cancel{color:var(--black-60)}.p-rating .p-rating-item:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-rating .p-rating-item.p-rating-item-active .p-rating-icon{color:var(--orange-400)}.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon{color:var(--orange-500)}.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel{color:var(--black-80)}.p-calendar.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-datepicker{margin-top:.25rem;padding:.75rem;background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem}.p-datepicker:not(.p-datepicker-inline){background:var(--white-100);border:1px solid var(--gray-200);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header{background:rgba(255,255,255,.0001)}.p-datepicker .p-datepicker-header{padding:0 0 .5rem;color:var(--black-60);background:var(--white-100);font-weight:bold;margin:0rem;border-bottom:none;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-datepicker .p-datepicker-header .p-datepicker-prev,.p-datepicker .p-datepicker-header .p-datepicker-next{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border:1px solid rgba(0,0,0,0)}.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled{border:1px solid var(--gray-200);color:var(--black-60);background:var(--black-10);border-color:var(--gray-200)}.p-datepicker .p-datepicker-header .p-datepicker-title{line-height:2rem;display:flex;gap:.5rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select{display:inline-flex;cursor:pointer;position:relative;user-select:none;background:var(--white-100);border:1px solid var(--gray-200);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:.5rem;outline-color:rgba(0,0,0,0);min-height:2.5rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-native-select:focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{color:var(--black-60);transition:background-color .2s,color .2s,box-shadow .2s;font-weight:bold;padding:.25rem}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover{color:var(--amethyst-700)}.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month{margin-right:.5rem}.p-datepicker table{font-size:1rem;margin:0rem}.p-datepicker table th{padding:.25rem}.p-datepicker table th>span{width:2rem;height:2rem}.p-datepicker table td{padding:.25rem}.p-datepicker table td>span{width:2rem;height:2rem;border-radius:.5rem;transition:.2s;border:1px solid rgba(255,255,255,.0001)}.p-datepicker table td>span.p-highlight{color:var(--white-100);background:var(--amethyst-700)}.p-datepicker table td>span:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-datepicker table td.p-datepicker-today>span{color:var(--black-60);font-weight:700;border-color:var(--gray-100);background:rgba(255,255,255,.0001)}.p-datepicker table td.p-datepicker-today>span:not(.p-disabled):hover{color:var(--black-80)}.p-datepicker table td.p-datepicker-today>span.p-highlight{color:var(--white-100);background:var(--amethyst-700)}.p-datepicker .p-datepicker-buttonbar{padding:0rem 0 0}.p-datepicker .p-datepicker-buttonbar .p-button{width:auto}.p-datepicker .p-timepicker{border-top:1px solid var(--gray-200);padding:String value}.p-datepicker .p-timepicker button{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-datepicker .p-timepicker button:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-datepicker .p-timepicker button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-datepicker .p-timepicker button.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-datepicker .p-timepicker span{font-size:1.25rem}.p-datepicker .p-timepicker>div{padding:String value}.p-datepicker .p-hour-picker,.p-datepicker .p-minute-picker{gap:.25rem}.p-datepicker.p-datepicker-timeonly .p-timepicker{border-top:0 none}.p-datepicker .p-monthpicker{margin:0rem}.p-datepicker .p-monthpicker .p-monthpicker-month{padding:.25rem;transition:.2s;border-radius:.5rem}.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight{color:var(--white-100);background:var(--amethyst-700)}.p-datepicker .p-yearpicker{margin:0rem}.p-datepicker .p-yearpicker .p-yearpicker-year{padding:.25rem;transition:.2s;border-radius:.5rem}.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight{color:var(--white-100);background:var(--amethyst-700)}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group{border-left:1px solid var(--gray-200);padding-right:.75rem;padding-left:.75rem;padding-top:0;padding-bottom:0}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child{padding-left:0;border-left:0 none}.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child{padding-right:0}.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover{color:var(--black-80);background:var(--gray-100)}.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-datepicker:not(.p-disabled) table td span.p-highlight:hover{background:var(--amethyst-800)}.p-datepicker:not(.p-disabled) .p-monthpicker{display:flex;flex-wrap:wrap;gap:.25rem}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month{flex-basis:32.3%;width:100%}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover{color:var(--black-80);background:var(--gray-100)}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled).p-highlight:hover{background:var(--amethyst-800)}.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-datepicker:not(.p-disabled) .p-yearpicker{display:flex;flex-wrap:wrap;gap:.25rem}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year{flex-basis:32.3%;width:100%}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover{color:var(--black-80);background:var(--gray-100)}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled).p-highlight:hover{background:var(--amethyst-800)}.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-autocomplete{display:inline-flex;height:min-content}.p-autocomplete .p-autocomplete-loader{right:.75rem;color:var(--black-80)}.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader{right:3.25rem}.p-autocomplete-multiple-container{outline-color:rgba(0,0,0,0);cursor:text;overflow:hidden;height:min-content;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;list-style-type:none}.p-autocomplete-multiple-container:has(.p-autocomplete-token){padding:.25rem}.p-autocomplete-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto;height:1.75rem}.p-autocomplete-input-token{flex:1 1 auto;display:inline-flex}.p-autocomplete-token-icon{cursor:pointer}.p-autocomplete-input-token input{border:0 none;outline:0 none;background-color:rgba(0,0,0,0);margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-autocomplete{display:flex}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover{border-color:var(--amethyst-700)}.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-autocomplete .p-autocomplete-multiple-container.p-disabled{cursor:not-allowed;background-color:var(--black-10)}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token{padding:0rem .5rem;background:var(--black-10);color:var(--black-80);border-radius:.25rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon{margin-left:.5rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token+.p-autocomplete-input-token{padding:0 .5rem}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token{padding:0rem 0}.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input{height:1.75rem;font-family:var(--font-family);font-feature-settings:var(--font-feature-settings, normal);font-size:1rem;color:var(--black-80);margin:0}.p-autocomplete.p-invalid.p-component>.p-inputtext{border-color:var(--red-400);box-shadow:0 0 0 .25rem var(--red-100)}.p-autocomplete-panel{background:var(--white-100);color:var(--black-60);border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20);margin-top:.25rem}.p-autocomplete-panel .p-autocomplete-items{padding:.25rem}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item{margin:.25rem 0rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.0001);color:var(--black-80);background:rgba(255,255,255,.0001);transition:.2s;border-radius:.5rem}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-of-type{margin-top:0}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-of-type{margin-bottom:0}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover{color:var(--black-80);background:var(--gray-100)}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight{color:var(--white-100);background:var(--amethyst-700)}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group{margin:.25rem;padding:.5rem .75rem;color:var(--black-60);background:rgba(255,255,255,.0001);font-weight:bold}.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message{text-align:center;padding:.5rem .75rem}.p-autocomplete-dd .p-autocomplete-input{flex:1 1 auto;width:1%}.p-autocomplete-dd .p-autocomplete-dropdown{display:none}.autocomplete-dropdown-container:hover .p-inputtext:enabled{border-color:var(--amethyst-700)}.autocomplete-dropdown-trigger{position:absolute;right:0;top:0;height:100%;width:2.5rem;display:flex;align-items:center;justify-content:center}.p-autocomplete-clear-icon{position:absolute;top:50%;margin-top:-0.5rem;cursor:pointer}.p-autocomplete-clearable{position:relative}.p-autocomplete-clearable .p-autocomplete-clear-icon{right:.75rem}.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon{right:2.5rem}.p-tabview .p-tabview-nav{background:rgba(255,255,255,.0001);border-bottom:1px solid var(--gray-200);gap:1.5rem}.p-tabview .p-tabview-nav li .p-tabview-nav-link{border-bottom:.25rem solid rgba(255,255,255,.0001);border-color:rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);color:var(--black-80);padding:1rem 0rem;font-weight:normal;transition:.2s;margin:0}.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:rgba(255,255,255,.0001);border-color:rgba(255,255,255,.0001);color:var(--amethyst-700)}.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:rgba(255,255,255,.0001);border-color:var(--amethyst-700);color:var(--amethyst-700)}.p-tabview .p-tabview-close{margin-left:.5rem}.p-tabview .p-tabview-nav-btn.p-link{background:var(--white-100);color:var(--black-80);width:2.5rem;box-shadow:0px 0px 10px 50px var(--white-60);border-radius:0}.p-tabview .p-tabview-nav-btn.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-tabview .p-tabview-nav-btn.p-link:hover{color:var(--amethyst-700)}.p-tabview .p-tabview-panels{background:rgba(255,255,255,.0001);padding:1rem 0rem;border:none;color:var(--black-80);border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-divider{border-color:var(--gray-200)}.p-divider .p-divider-content{background-color:var(--white-100);color:var(--black-60);text-transform:uppercase}.p-divider.p-divider-horizontal{margin:1rem 0rem;padding:0rem 1rem}.p-divider.p-divider-horizontal .p-divider-content{padding:0 .5rem}.p-divider.p-divider-horizontal:before{border-top-width:1px;border-top-color:var(--gray-200)}.p-divider.p-divider-horizontal.p-divider-dash:before{border-top-style:dashed}.p-divider.p-divider-vertical{margin:0rem 1rem;padding:1rem 0rem}.p-divider.p-divider-vertical .p-divider-content{padding:.5rem 0}.p-divider.p-divider-vertical:before{border-left-width:1px;border-left-color:var(--gray-200)}.p-divider.p-divider-vertical.p-divider-dash:before{border-left-style:dashed}.p-scrollpanel .p-scrollpanel-bar{background:var(--black-10);border:0 none;border-radius:.5rem}.p-scrollpanel .p-scrollpanel-bar:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-accordion .p-accordion-header .p-accordion-header-link{display:flex;flex-direction:row;align-items:center;color:var(--black-60);font-weight:700;padding:1rem 0rem;border-top:1px solid var(--gray-200);background:rgba(255,255,255,.0001);transition:.2s;gap:.5rem}.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon{font-size:1.25rem}.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link{background:rgba(255,255,255,.0001);border-color:var(--gray-200);color:var(--black-80)}.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link{background:rgba(255,255,255,.0001);border-color:var(--gray-200);color:var(--black-80)}.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link{border-color:var(--gray-200);background:rgba(255,255,255,.0001);color:var(--black-80)}.p-accordion .p-accordion-content{padding:0rem 0rem 1rem 1.75rem;border-bottom:none;background:rgba(255,255,255,.0001);color:var(--black-80)}.p-accordion .p-accordion-tab{margin-bottom:0rem}.p-accordion .p-accordion-tab:first-child .p-accordion-header-link{border-top:none}.p-accordion .p-accordion-tab .p-accordion-content .p-accordion-header-link{border-top:1px solid var(--gray-200)}.p-stepper .p-stepper-nav{display:flex;gap:.5rem;justify-content:space-between;margin:0;padding:0;list-style-type:none;overflow:hidden;overflow-x:auto}.p-stepper .p-stepper-header{position:relative;display:flex;flex:1 1 auto;align-items:center;padding:.5rem 0}.p-stepper .p-stepper-header.p-disabled{opacity:1;cursor:initial}.p-stepper .p-stepper-header.p-disabled .p-stepper-action{opacity:.6}.p-stepper .p-stepper-header:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-stepper .p-stepper-header.p-highlight .p-stepper-title{color:var(--black-80)}.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-separator{background-color:var(--amethyst-700)}.p-stepper .p-stepper-header.p-highlight .p-stepper-number,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-number{color:var(--white-100);background-color:var(--amethyst-700);border-color:rgba(0,0,0,0)}.p-stepper .p-stepper-header.p-highlight .p-stepper-icon,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-icon{color:var(--amethyst-700)}.p-stepper .p-stepper-header.p-highlight .p-stepper-action.p-danger .p-stepper-number,.p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-action.p-danger .p-stepper-number{color:var(--white-100);background-color:var(--red-400)}.p-stepper p-stepperheader .p-stepper-action{display:inline-flex;align-items:center;flex-grow:0;transition:.2s;border-radius:.5rem;background:var(--white-100);outline-color:rgba(0,0,0,0);padding:0}.p-stepper p-stepperheader .p-stepper-action:hover{cursor:pointer}.p-stepper p-stepperheader .p-stepper-action:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-stepper p-stepperheader .p-stepper-action .p-stepper-number{display:flex;align-items:center;justify-content:center;font-weight:400;color:var(--black-80);border:1px solid var(--gray-200);background:var(--white-100);min-width:1.5rem;height:1.5rem;line-height:1;font-size:1rem;border-radius:8rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-left:.5rem;color:var(--black-80);font-weight:400;transition:background-color .2s,color .2s,box-shadow .2s}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
-  line-height: 1;margin-left:.5rem;
-}.p-stepper p-stepperheader .p-stepper-action .p-stepper-title-wrapper .p-stepper-title{margin-left:0}.p-stepper p-stepperheader .p-stepper-action .p-stepper-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.5rem;
-  line-height: 2rem;
-  line-height: 1;min-width:1.5rem;height:1.5rem;
-}.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-number,.p-stepper p-stepperheader .p-stepper-action.p-danger .p-stepper-icon{color:var(--red-400)}.p-stepper .p-stepper-panels{background:rgba(255,255,255,.0001);padding:1rem 0rem;color:var(--black-80)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-number,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-number{color:var(--white-100);background-color:var(--amethyst-700);border-color:rgba(0,0,0,0)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-icon,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-icon{color:var(--amethyst-700)}.p-stepper .p-stepper-panel.p-stepper-panel-active .p-stepper-action.p-danger .p-stepper-number,.p-stepper .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-action.p-danger .p-stepper-number{color:var(--white-100);background-color:var(--red-400)}.p-stepper .p-stepper-separator{background-color:var(--gray-200);width:100%;height:1px;margin-inline-start:.5rem;transition:.2s}.p-stepper.no-line .p-stepper-separator{background-color:rgba(0,0,0,0) !important}.p-stepper.p-stepper-vertical{display:flex;flex-direction:column}.p-stepper.p-stepper-vertical .p-stepper-toggleable-content{display:flex;flex:1 1 auto;background:rgba(255,255,255,.0001);color:var(--black-80)}.p-stepper.p-stepper-vertical .p-stepper-panel{display:flex;flex-direction:column;flex:initial}.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active{flex:1 1 auto}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header{flex:initial}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content{width:100%;padding-left:1rem}.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator{flex:0 0 auto;width:2px;height:auto;margin-inline-start:calc(1.75rem + 2px)}.p-stepper.p-stepper-vertical .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-separator{background-color:var(--amethyst-700)}.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content{padding-left:3rem}.p-card{overflow:hidden;color:var(--black-80);font-size:1rem;border-radius:.5rem;border:1px solid var(--gray-200);background:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-card.p-card-no-shadow{box-shadow:none}.p-card .p-card-body{padding:1rem}.p-card .p-card-title{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.p-card .p-card-subtitle{font-size:.875rem;font-weight:400;color:var(--black-60)}.p-card .p-card-content{padding:1rem 0 0}.p-card .p-card-footer{padding:1rem 0 0}.p-tooltip .p-tooltip-text{background:var(--gray-800);color:var(--white-100);padding:.5rem 1rem;box-shadow:0 .25rem .25rem 0 var(--black-20);border-radius:.5rem}.p-tooltip-arrow{border-color:rgba(0,0,0,0)}.p-tooltip-right .p-tooltip-arrow,.p-tooltip-left .p-tooltip-arrow{margin-top:-0.25rem}.p-tooltip-top .p-tooltip-arrow,.p-tooltip-bottom .p-tooltip-arrow{margin-left:-0.25rem}.p-tooltip-right .p-tooltip-arrow{border-width:.25em .25em .25em 0;border-right-color:var(--gray-800)}.p-tooltip-left .p-tooltip-arrow{border-width:.25em 0 .25em .25rem;border-left-color:var(--gray-800)}.p-tooltip-top .p-tooltip-arrow{border-width:.25em .25em 0;border-top-color:var(--gray-800)}.p-tooltip-bottom .p-tooltip-arrow{border-width:0 .25em .25rem;border-bottom-color:var(--gray-800)}.p-dialog{border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20);border:1px solid var(--gray-200)}.p-dialog .p-dialog-header{border-bottom:1px solid var(--gray-200);background:var(--white-100);color:var(--black-80);padding:1.5rem 1.5rem 1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.p-dialog .p-dialog-header .p-dialog-title{font-weight:bold;font-size:1.25rem}.p-dialog .p-dialog-header .p-dialog-header-icon{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin-right:.5rem;box-shadow:none}.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-dialog .p-dialog-header .p-dialog-header-icon.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-dialog .p-dialog-header .p-dialog-header-icon:last-child{margin-right:0}.p-dialog-danger .p-dialog-title::before,.p-dialog-success .p-dialog-title::before,.p-dialog-info .p-dialog-title::before,.p-dialog-warning .p-dialog-title::before,.p-dialog-help .p-dialog-title::before{content:"";display:inline-block;width:1.5rem;height:1.5rem;background-size:contain;margin-right:.5rem;vertical-align:text-bottom}.p-dialog-danger .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM8.13128 8.63128C8.47299 8.28957 9.02701 8.28957 9.36872 8.63128L10.5 9.76256L11.6313 8.63128C11.973 8.28957 12.527 8.28957 12.8687 8.63128C13.2104 8.97299 13.2104 9.52701 12.8687 9.86872L11.7374 11L12.8687 12.1313C13.2104 12.473 13.2104 13.027 12.8687 13.3687C12.527 13.7104 11.973 13.7104 11.6313 13.3687L10.5 12.2374L9.36872 13.3687C9.02701 13.7104 8.47299 13.7104 8.13128 13.3687C7.78957 13.027 7.78957 12.473 8.13128 12.1313L9.26256 11L8.13128 9.86872C7.78957 9.52701 7.78957 8.97299 8.13128 8.63128Z" fill="%23E26E63"/></svg>') no-repeat}.p-dialog-success .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15152 2.91605C8.21312 2.47633 9.35093 2.25 10.5 2.25C11.6491 2.25 12.7869 2.47633 13.8485 2.91605C14.9101 3.35578 15.8747 4.0003 16.6872 4.81282C17.4997 5.62533 18.1442 6.58992 18.5839 7.65152C19.0237 8.71312 19.25 9.85093 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 9.85093 1.97633 8.71312 2.41605 7.65152C2.85578 6.58992 3.5003 5.62533 4.31282 4.81282C5.12533 4.0003 6.08992 3.35578 7.15152 2.91605ZM10.5 4C9.58075 4 8.6705 4.18106 7.82122 4.53284C6.97194 4.88463 6.20026 5.40024 5.55025 6.05025C4.90024 6.70026 4.38463 7.47194 4.03284 8.32122C3.68106 9.1705 3.5 10.0807 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 10.0807 17.3189 9.17049 16.9672 8.32122C16.6154 7.47194 16.0998 6.70026 15.4497 6.05025C14.7997 5.40024 14.0281 4.88463 13.1788 4.53284C12.3295 4.18106 11.4193 4 10.5 4ZM13.7437 8.63128C14.0854 8.97299 14.0854 9.52701 13.7437 9.86872L10.2437 13.3687C9.90201 13.7104 9.34799 13.7104 9.00628 13.3687L7.25628 11.6187C6.91457 11.277 6.91457 10.723 7.25628 10.3813C7.59799 10.0396 8.15201 10.0396 8.49372 10.3813L9.625 11.5126L12.5063 8.63128C12.848 8.28957 13.402 8.28957 13.7437 8.63128Z" fill="%2368C170"/></svg>') no-repeat}.p-dialog-warning .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.24855 2.2875C9.63056 2.07229 10.0616 1.95923 10.5 1.95923C10.9385 1.95923 11.3695 2.07229 11.7515 2.2875C12.1335 2.5027 12.4536 2.81277 12.6808 3.18777L12.6831 3.19162L19.7759 15.0356L19.7832 15.0481C20.0055 15.4335 20.123 15.8705 20.1241 16.3154C20.1252 16.7604 20.0098 17.1979 19.7895 17.5845C19.5691 17.9711 19.2514 18.2932 18.868 18.519C18.4846 18.7447 18.0487 18.8662 17.6038 18.8714L17.5937 18.8715L3.39659 18.8714C2.95146 18.8664 2.51539 18.7449 2.13176 18.5191C1.74813 18.2933 1.43031 17.9709 1.20992 17.5841C0.98952 17.1974 0.874224 16.7596 0.875499 16.3145C0.876773 15.8693 0.994574 15.4322 1.21718 15.0467L1.22426 15.0347L8.30299 3.21587C8.30825 3.20642 8.31369 3.19705 8.31931 3.18777C8.5465 2.81277 8.86655 2.5027 9.24855 2.2875ZM10.5 3.70923C10.3625 3.70923 10.2273 3.74469 10.1075 3.81219C9.99324 3.87657 9.89665 3.968 9.82613 4.07836C9.82357 4.0828 9.82097 4.08723 9.81833 4.09164L2.72982 15.9268C2.66184 16.0465 2.62589 16.1818 2.62549 16.3195C2.62509 16.4591 2.66126 16.5964 2.73039 16.7177C2.79952 16.839 2.8992 16.9401 3.01953 17.011C3.13871 17.0811 3.27402 17.1192 3.41225 17.1214H17.5877C17.7258 17.1191 17.861 17.0811 17.9801 17.011C18.1004 16.9401 18.2 16.8391 18.2691 16.7178C18.3383 16.5966 18.3745 16.4594 18.3741 16.3198C18.3738 16.1822 18.3379 16.047 18.2701 15.9274L11.1841 4.09457C11.1837 4.09404 11.1834 4.09351 11.1831 4.09298C11.1119 3.97607 11.0119 3.87939 10.8926 3.81219C10.7728 3.74469 10.6376 3.70923 10.5 3.70923ZM10.5001 7.49997C10.9833 7.49997 11.3751 7.89172 11.3751 8.37497V11.875C11.3751 12.3582 10.9833 12.75 10.5001 12.75C10.0168 12.75 9.62506 12.3582 9.62506 11.875V8.37497C9.62506 7.89172 10.0168 7.49997 10.5001 7.49997ZM9.62506 14.5C9.62506 14.0167 10.0168 13.625 10.5001 13.625H10.5088C10.9921 13.625 11.3838 14.0167 11.3838 14.5C11.3838 14.9832 10.9921 15.375 10.5088 15.375H10.5001C10.0168 15.375 9.62506 14.9832 9.62506 14.5Z" fill="%23FFB330"/></svg>') no-repeat}.p-dialog-info .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.625 8.375C9.625 7.89175 10.0168 7.5 10.5 7.5H10.5087C10.992 7.5 11.3837 7.89175 11.3837 8.375C11.3837 8.85825 10.992 9.25 10.5087 9.25H10.5C10.0168 9.25 9.625 8.85825 9.625 8.375ZM8.75 11C8.75 10.5168 9.14175 10.125 9.625 10.125H10.5C10.9832 10.125 11.375 10.5168 11.375 11V13.625C11.8582 13.625 12.25 14.0168 12.25 14.5C12.25 14.9832 11.8582 15.375 11.375 15.375H10.5C10.0168 15.375 9.625 14.9832 9.625 14.5V11.875C9.14175 11.875 8.75 11.4832 8.75 11Z" fill="%2349A2EF"/></svg>') no-repeat}.p-dialog-help .p-dialog-title::before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.31282 4.81282C5.95376 3.17187 8.17936 2.25 10.5 2.25C12.8206 2.25 15.0462 3.17187 16.6872 4.81282C18.3281 6.45376 19.25 8.67936 19.25 11C19.25 12.1491 19.0237 13.2869 18.5839 14.3485C18.1442 15.4101 17.4997 16.3747 16.6872 17.1872C15.8747 17.9997 14.9101 18.6442 13.8485 19.0839C12.7869 19.5237 11.6491 19.75 10.5 19.75C9.35093 19.75 8.21312 19.5237 7.15152 19.0839C6.08992 18.6442 5.12533 17.9997 4.31282 17.1872C3.5003 16.3747 2.85578 15.4101 2.41605 14.3485C1.97633 13.2869 1.75 12.1491 1.75 11C1.75 8.67936 2.67187 6.45376 4.31282 4.81282ZM10.5 4C8.64348 4 6.86301 4.7375 5.55025 6.05025C4.2375 7.36301 3.5 9.14348 3.5 11C3.5 11.9193 3.68106 12.8295 4.03284 13.6788C4.38463 14.5281 4.90024 15.2997 5.55025 15.9497C6.20026 16.5998 6.97194 17.1154 7.82122 17.4672C8.67049 17.8189 9.58075 18 10.5 18C11.4193 18 12.3295 17.8189 13.1788 17.4672C14.0281 17.1154 14.7997 16.5998 15.4497 15.9497C16.0998 15.2997 16.6154 14.5281 16.9672 13.6788C17.3189 12.8295 17.5 11.9193 17.5 11C17.5 9.14348 16.7625 7.36301 15.4497 6.05025C14.137 4.7375 12.3565 4 10.5 4ZM9.99829 7.55089C10.5752 7.43547 11.1741 7.51853 11.6978 7.78656C12.2234 8.05459 12.6434 8.49186 12.89 9.02783C13.1367 9.56409 13.1955 10.1679 13.0568 10.7416C12.9181 11.3154 12.5901 11.8257 12.1257 12.1901C11.6613 12.5545 11.0877 12.7518 10.4974 12.75C10.0141 12.7486 9.62355 12.3556 9.625 11.8724C9.62646 11.3891 10.0194 10.9986 10.5026 11C10.6994 11.0006 10.8906 10.9349 11.0454 10.8134C11.2002 10.6919 11.3096 10.5218 11.3558 10.3306C11.402 10.1393 11.3824 9.93804 11.3002 9.75929C11.2179 9.58053 11.0778 9.43472 10.9025 9.34539L10.9008 9.34452C10.7285 9.25627 10.5314 9.2289 10.3416 9.26688C10.1518 9.30486 9.98043 9.40595 9.85536 9.5537C9.54314 9.92255 8.99103 9.96846 8.62218 9.65624C8.25333 9.34403 8.20742 8.79191 8.51964 8.42306C8.89995 7.97377 9.42109 7.66638 9.99829 7.55089ZM10.5 13.625C10.9832 13.625 11.375 14.0168 11.375 14.5V14.5087C11.375 14.992 10.9832 15.3837 10.5 15.3837C10.0168 15.3837 9.625 14.992 9.625 14.5087V14.5C9.625 14.0168 10.0168 13.625 10.5 13.625Z" fill="%23AB77DF"/></svg>') no-repeat}.p-dialog .p-dialog-content{background:var(--white-100);color:var(--black-80);padding:1.5rem 1.5rem}.p-dialog .p-dialog-content:last-of-type{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer{display:flex;border-top:1px solid rgba(255,255,255,.0001);background:var(--white-100);color:var(--black-60);padding:0rem 1.5rem 1.5rem;text-align:right;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.p-dialog .p-dialog-footer button{width:auto}.p-dialog .p-confirm-dialog-accept{order:1}.p-dialog .p-confirm-dialog-reject{order:2}.p-dialog.p-dialog-maximized .p-dialog-header,.p-dialog.p-dialog-maximized .p-dialog-content:last-of-type{border-radius:0}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon{font-size:2rem}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon{width:2rem;height:2rem}.p-dialog.p-confirm-dialog .p-dialog-footer{flex-direction:row-reverse;gap:.5rem}.p-dialog.p-confirm-dialog .p-dialog-footer i.none{display:none}.p-overlaypanel{background:var(--white-100);color:var(--black-80);border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-overlaypanel .p-overlaypanel-content{padding:1rem}.p-overlaypanel .p-overlaypanel-close{background:var(--amethyst-700);color:var(--white-100);width:2rem;height:2rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem;position:absolute;top:-1rem;right:-1rem}.p-overlaypanel .p-overlaypanel-close:enabled:hover{background:var(--amethyst-800);color:var(--white-100)}.p-overlaypanel:after{border:solid rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-bottom-color:var(--white-100);border-width:6px}.p-overlaypanel:before{border:solid rgba(0,0,0,0);border-width:8px;border-color:rgba(0,0,0,0);border-bottom-color:var(--gray-200)}.p-overlaypanel.p-overlaypanel-flipped{margin-top:-7px !important}.p-overlaypanel.p-overlaypanel-flipped:after{border-top-color:var(--white-100);border-bottom-color:rgba(0,0,0,0)}.p-overlaypanel.p-overlaypanel-flipped:before{border-top-color:var(--gray-200);border-bottom-color:rgba(0,0,0,0)}.p-sidebar{color:var(--black-80);border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 .25rem .25rem 0 var(--black-20);background:var(--white-100);margin:.5rem;height:calc(100vh - 1rem) !important}.p-sidebar.p-sidebar-top,.p-sidebar.p-sidebar-full,.p-sidebar.p-sidebar-bottom{width:calc(100vw - 1rem);width:-webkit-fill-available !important}.p-sidebar.p-sidebar-top,.p-sidebar.p-sidebar-bottom{height:auto}.p-sidebar .p-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--gray-200)}.p-sidebar .p-sidebar-header .p-sidebar-close,.p-sidebar .p-sidebar-header .p-sidebar-icon{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-sidebar .p-sidebar-header .p-sidebar-close.p-disabled,.p-sidebar .p-sidebar-header .p-sidebar-icon.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-sidebar .p-sidebar-header>:only-child{margin-left:auto}.p-sidebar .p-sidebar-content{padding:1.5rem 1.5rem}.p-sidebar .p-sidebar-footer{display:flex;align-items:center;gap:.5rem;padding:1.5rem 1.5rem;padding-top:0rem}.p-avatar{height:2rem;width:2rem;color:var(--white-100);font-size:1rem;background-color:var(--amethyst-700);border-radius:.5rem}.p-avatar:not(.p-avatar-image){border:1px solid var(--gray-200)}.p-avatar.p-avatar-image{background:rgba(0,0,0,0);position:relative}.p-avatar.p-avatar-image img{position:relative;object-fit:cover;border-radius:inherit}.p-avatar.p-avatar-image .p-badge{z-index:1}.p-avatar.p-avatar-image::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid var(--gray-200);border-radius:inherit;z-index:1}.p-avatar.p-avatar-lg{width:2.5rem;height:2.5rem;font-size:1rem}.p-avatar.p-avatar-lg .p-avatar-icon{font-size:1rem}.p-avatar.p-avatar-xl{width:3.5rem;height:3.5rem;font-size:1.5rem}.p-avatar.p-avatar-xl .p-avatar-icon{font-size:1.5rem}.p-avatar-circle{border-radius:50%}.p-badge{background:var(--amethyst-700);color:var(--white-100);font-size:.75rem;font-weight:bold;min-width:1.5rem;height:1.5rem;line-height:1.5rem}.p-badge.p-badge-success{background-color:var(--green-400);color:var(--white-100)}.p-badge.p-badge-info{background-color:var(--blue-400);color:var(--white-100)}.p-badge.p-badge-warning{background-color:var(--orange-400);color:var(--white-100)}.p-badge.p-badge-danger{background-color:var(--red-400);color:var(--white-100)}.p-badge.p-badge-dot{width:.5rem;height:.5rem;min-width:auto}.p-tag{height:1.5rem;color:var(--white-100);font-size:.875rem;font-weight:bold;padding:.5rem;border-radius:.5rem;background:var(--amethyst-700)}.p-tag.p-tag-success{background-color:var(--green-400);color:var(--white-100)}.p-tag.p-tag-info{background-color:var(--blue-400);color:var(--white-100)}.p-tag.p-tag-warning{background-color:var(--orange-400);color:var(--white-100)}.p-tag.p-tag-danger{background-color:var(--red-400);color:var(--white-100)}.p-tag.p-tag-rounded{border-radius:100px}.p-tag.p-tag-secondary{background-color:var(--gray-200);color:var(--black-60)}.p-tag .p-tag-icon{margin-right:.25rem;font-size:.875rem}.p-tag .p-tag-icon.p-icon{width:.875rem;height:.875rem}.p-progressbar{border:none;height:1rem;background:var(--black-10);border-radius:.5rem}.p-progressbar .p-progressbar-value{border:0 none;margin:0;background:var(--amethyst-700)}.p-progressbar .p-progressbar-label{color:var(--white-100);line-height:1rem}.p-progress-spinner-circle{animation:p-progress-spinner-dash 1.5s ease-in-out infinite,p-progress-spinner-primary-color 6s ease-in-out infinite}@keyframes p-progress-spinner-primary-color{100%,0%{stroke:var(--primary-color) !important}40%{stroke:var(--primary-color) !important}66%{stroke:var(--primary-color) !important}80%,90%{stroke:var(--primary-color) !important}}.p-metergroup{display:flex;gap:.75rem;flex-direction:column}.p-metergroup .p-metergroup-meter-container{background:var(--black-10);border-radius:.5rem}.p-metergroup .p-metergroup-labels{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style-type:none;gap:1rem;row-gap:.75rem}.p-metergroup .p-metergroup-labels-vertical{gap:.5rem;flex-direction:column}.p-metergroup .p-metergroup-meters{display:flex;background:var(--black-10);border-radius:.5rem;height:.5rem}.p-metergroup .p-metergroup-meter{border:none;background:var(--amethyst-700)}.p-metergroup .p-metergroup-label-list-item{line-height:1rem}.p-metergroup .p-metergroup-label-type{background:var(--amethyst-700);width:.5rem;height:.5rem;border-radius:100%;margin-right:.5rem}.p-metergroup .p-metergroup-label{display:inline-flex;align-items:center;color:var(--black-60);gap:.5rem;font-size:.875rem;line-height:100%}.p-metergroup .p-metergroup-label .p-metergroup-label-marker{width:.5rem;height:.5rem;border-radius:100%;display:inline-flex}.p-metergroup .p-metergroup-label-icon{width:1rem;height:1rem;font-size:1rem}.p-metergroup .p-metergroup-label-list-vertical{gap:.25rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container{height:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start{margin-bottom:.5rem}.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end{margin-top:.5rem}.p-metergroup.p-metergroup-vertical{flex-direction:row}.p-metergroup.p-metergroup-vertical .p-metergroup-meters{width:.5rem;height:100%;flex-direction:column}.p-metergroup.p-metergroup-vertical .p-metergroup-meter{width:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start){margin-left:.5rem}.p-chip{height:1.75rem;color:var(--black-80);border-radius:.25rem;border:1px solid rgba(255,255,255,.0001);padding:0rem .5rem;background-color:var(--black-10);display:inline-flex}.p-chip.p-disabled{color:var(--black-60);border-color:var(--gray-200);background-color:var(--black-10)}.p-chip .p-chip-text{line-height:1.5;margin-top:0rem;margin-bottom:0rem}.p-chip .p-chip-icon{margin-right:.5rem}.p-chip img{width:1.5rem;height:1.5rem;margin-left:-0.75rem;margin-right:.5rem}.p-chip .p-chip-remove-icon{border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin-left:.5rem}.p-chip .p-chip-remove-icon:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-chip .p-chip-remove-icon:focus{outline:0 none}timescircleicon svg{display:none !important}timescircleicon::after{cursor:pointer;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E") no-repeat;height:16px;width:16px;background:var(--black-80);margin-left:.5rem;content:""}.p-skeleton{background:var(--gray-200);border-radius:.5rem}.p-skeleton:after{background:linear-gradient(90deg, var(--gray-200) 0%, var(--gray-100) 40%, var(--gray-200) 75%)}.p-message{overflow:hidden;margin:0rem;border-radius:.5rem}.p-message .p-message-wrapper{padding:1rem;position:relative;display:grid;padding-left:4rem;min-height:4rem}.p-message .p-message-close{width:2rem;height:2rem;border-radius:.5rem;background:rgba(0,0,0,0);transition:background-color .2s,color .2s,box-shadow .2s;position:absolute;top:1rem;right:1rem}.p-message .p-message-close:hover{background:rgba(255,255,255,.5)}.p-message .p-message-close:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-message.p-message-info{background:var(--blue-50);border:1px solid var(--blue-200)}.p-message.p-message-info .p-message-wrapper{border-left:.25rem solid var(--blue-400)}.p-message.p-message-info .p-message-icon{color:var(--blue-400)}.p-message.p-message-info .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--blue-400)}.p-message.p-message-info .p-message-close{color:var(--blue-400);border:1px solid var(--blue-200);background:rgba(0,0,0,0)}.p-message.p-message-info .p-message-close:hover{color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-success{background:var(--green-50);border:1px solid var(--green-200)}.p-message.p-message-success .p-message-wrapper{border-left:.25rem solid var(--green-400)}.p-message.p-message-success .p-message-icon{color:var(--green-400)}.p-message.p-message-success .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--green-400)}.p-message.p-message-success .p-message-close{color:var(--green-400);border:1px solid var(--green-200);background:rgba(0,0,0,0)}.p-message.p-message-success .p-message-close:hover{color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-warn{background:var(--orange-50);border:1px solid var(--orange-200)}.p-message.p-message-warn .p-message-wrapper{border-left:.25rem solid var(--orange-400)}.p-message.p-message-warn .p-message-icon{color:var(--orange-400)}.p-message.p-message-warn .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--orange-400)}.p-message.p-message-warn .p-message-close{color:var(--orange-400);border:1px solid var(--orange-200);background:rgba(0,0,0,0)}.p-message.p-message-warn .p-message-close:hover{color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message.p-message-error{background:var(--red-50);border:1px solid var(--red-200)}.p-message.p-message-error .p-message-wrapper{border-left:.25rem solid var(--red-400)}.p-message.p-message-error .p-message-icon{color:var(--red-400)}.p-message.p-message-error .p-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--red-400)}.p-message.p-message-error .p-message-close{color:var(--red-400);border:1px solid var(--red-200);background:rgba(0,0,0,0)}.p-message.p-message-error .p-message-close:hover{color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-message .p-message-text{font-size:1rem;font-weight:normal;color:var(--black-80)}.p-message .p-message-icon{font-size:2rem;display:inline;margin-right:.5rem;position:absolute;top:1rem;left:1rem}.p-message .p-message-icon .p-icon-wrapper{display:none}.p-message .p-message-icon.p-icon{width:2rem;height:2rem}.p-message .p-message-summary{font-size:1rem;font-weight:bold;color:var(--black-80);margin-right:.25rem}.p-message .p-message-detail{font-size:.875rem;font-weight:normal;color:var(--black-60);display:block}.p-toast{opacity:1}.p-toast .p-toast-message{overflow:hidden;margin:.25rem;box-shadow:0 .25rem .25rem 0 var(--black-20);border-radius:.5rem}.p-toast .p-toast-message .p-toast-message-content{gap:1rem;padding:1rem;border-left-width:.25rem;border-left-style:solid}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text{margin:0rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon{font-size:2rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon .p-icon-wrapper{display:none}.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon{width:2rem;height:2rem}.p-toast .p-toast-message .p-toast-message-content .p-toast-summary{font-weight:bold;font-size:1rem;color:var(--black-80);margin:auto 0}.p-toast .p-toast-message .p-toast-message-content .p-toast-detail{font-weight:normal;font-size:.875rem;color:var(--black-60);margin-top:.25rem}.p-toast .p-toast-message .p-toast-icon-close{width:2rem;height:2rem;border-radius:.5rem;background:var(--white-100);transition:background-color .2s,color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-info{background:var(--blue-50);border:1px solid var(--blue-200)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-content{border-left:.25rem solid var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon{color:var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.46922%206.46922C8.93064%204.00781%2012.269%202.625%2015.75%202.625C19.231%202.625%2022.5694%204.00781%2025.0308%206.46922C27.4922%208.93064%2028.875%2012.269%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2012.269%204.00781%208.93064%206.46922%206.46922ZM15.75%205.25C12.9652%205.25%2010.2945%206.35625%208.32538%208.32538C6.35625%2010.2945%205.25%2012.9652%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2012.9652%2025.1438%2010.2945%2023.1746%208.32538C21.2055%206.35625%2018.5348%205.25%2015.75%205.25ZM14.4375%2011.8125C14.4375%2011.0876%2015.0251%2010.5%2015.75%2010.5H15.7631C16.488%2010.5%2017.0756%2011.0876%2017.0756%2011.8125C17.0756%2012.5374%2016.488%2013.125%2015.7631%2013.125H15.75C15.0251%2013.125%2014.4375%2012.5374%2014.4375%2011.8125ZM13.125%2015.75C13.125%2015.0251%2013.7126%2014.4375%2014.4375%2014.4375H15.75C16.4749%2014.4375%2017.0625%2015.0251%2017.0625%2015.75V19.6875C17.7874%2019.6875%2018.375%2020.2751%2018.375%2021C18.375%2021.7249%2017.7874%2022.3125%2017.0625%2022.3125H15.75C15.0251%2022.3125%2014.4375%2021.7249%2014.4375%2021V17.0625C13.7126%2017.0625%2013.125%2016.4749%2013.125%2015.75Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--blue-400)}.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close{color:var(--blue-400);border:1px solid var(--blue-200);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover{color:var(--blue-400);border-color:var(--blue-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-success{background:var(--green-50);border:1px solid var(--green-200)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-content{border-left:.25rem solid var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon{color:var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM20.6156%2012.1969C21.1281%2012.7095%2021.1281%2013.5405%2020.6156%2014.0531L15.3656%2019.3031C14.853%2019.8156%2014.022%2019.8156%2013.5094%2019.3031L10.8844%2016.6781C10.3719%2016.1655%2010.3719%2015.3345%2010.8844%2014.8219C11.397%2014.3094%2012.228%2014.3094%2012.7406%2014.8219L14.4375%2016.5188L18.7594%2012.1969C19.272%2011.6844%2020.103%2011.6844%2020.6156%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--green-400)}.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close{color:var(--green-400);border:1px solid var(--green-200);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover{color:var(--green-400);border-color:var(--green-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-warn{background:var(--orange-50);border:1px solid var(--orange-200)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-content{border-left:.25rem solid var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon{color:var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8726%202.6813C14.4456%202.3585%2015.0922%202.1889%2015.7498%202.1889C16.4075%202.1889%2017.0541%202.3585%2017.6271%202.6813C18.2001%203.00411%2018.6802%203.46922%2019.0209%204.03172L19.0244%204.03749L29.6635%2021.8035L29.6745%2021.8222C30.0079%2022.4004%2030.1842%2023.0558%2030.1859%2023.7232C30.1876%2024.3907%2030.0145%2025.0469%2029.684%2025.6268C29.3534%2026.2066%2028.8769%2026.6899%2028.3018%2027.0285C27.7266%2027.3672%2027.0728%2027.5494%2026.4054%2027.5571L26.3903%2027.5573L5.09464%2027.5572C4.42694%2027.5497%203.77284%2027.3674%203.1974%2027.0287C2.62196%2026.6899%202.14523%2026.2064%201.81463%2025.6263C1.48404%2025.0461%201.31109%2024.3895%201.313%2023.7218C1.31492%2023.054%201.49162%2022.3984%201.82553%2021.8202L1.83615%2021.8021L12.4542%204.07387C12.4621%204.05969%2012.4703%204.04563%2012.4787%204.03172C12.8195%203.46922%2013.2996%203.00411%2013.8726%202.6813ZM15.7498%204.8139C15.5435%204.8139%2015.3407%204.8671%2015.161%204.96835C14.9896%205.06491%2014.8447%205.20206%2014.739%205.36759C14.7351%205.37427%2014.7312%205.38091%2014.7273%205.38753L4.09449%2023.1403C3.99251%2023.3198%203.93858%2023.5227%203.93799%2023.7293C3.93739%2023.9387%203.99164%2024.1447%204.09533%2024.3267C4.19903%2024.5086%204.34856%2024.6603%204.52905%2024.7665C4.70781%2024.8718%204.91078%2024.9288%205.11812%2024.9322H26.3813C26.5885%2024.9287%2026.7913%2024.8717%2026.9699%2024.7665C27.1503%2024.6603%2027.2998%2024.5087%2027.4035%2024.3268C27.5072%2024.1449%2027.5614%2023.9391%2027.5609%2023.7297C27.5604%2023.5233%2027.5066%2023.3206%2027.4049%2023.1411L16.7758%205.39192C16.7754%205.39112%2016.7749%205.39032%2016.7744%205.38953C16.6676%205.21417%2016.5176%205.06914%2016.3386%204.96835C16.1589%204.8671%2015.9561%204.8139%2015.7498%204.8139ZM15.7498%2010.5C16.4747%2010.5%2017.0623%2011.0876%2017.0623%2011.8125V17.0625C17.0623%2017.7874%2016.4747%2018.375%2015.7498%2018.375C15.025%2018.375%2014.4373%2017.7874%2014.4373%2017.0625V11.8125C14.4373%2011.0876%2015.025%2010.5%2015.7498%2010.5ZM14.4373%2021C14.4373%2020.2751%2015.025%2019.6875%2015.7498%2019.6875H15.763C16.4878%2019.6875%2017.0755%2020.2751%2017.0755%2021C17.0755%2021.7249%2016.4878%2022.3125%2015.763%2022.3125H15.7498C15.025%2022.3125%2014.4373%2021.7249%2014.4373%2021Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--orange-400)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close{color:var(--orange-400);border:1px solid var(--orange-200);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover{color:var(--orange-400);border-color:var(--orange-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-toast .p-toast-message.p-toast-message-error{background:var(--red-50);border:1px solid var(--red-200)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-content{border-left:.25rem solid var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon{color:var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon::before{content:"";mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7273%203.62408C12.3197%202.96449%2014.0264%202.625%2015.75%202.625C17.4736%202.625%2019.1803%202.96449%2020.7727%203.62408C22.3651%204.28367%2023.812%205.25045%2025.0308%206.46922C26.2495%207.68799%2027.2163%209.13488%2027.8759%2010.7273C28.5355%2012.3197%2028.875%2014.0264%2028.875%2015.75C28.875%2017.4736%2028.5355%2019.1803%2027.8759%2020.7727C27.2163%2022.3651%2026.2495%2023.812%2025.0308%2025.0308C23.812%2026.2495%2022.3651%2027.2163%2020.7727%2027.8759C19.1803%2028.5355%2017.4736%2028.875%2015.75%2028.875C14.0264%2028.875%2012.3197%2028.5355%2010.7273%2027.8759C9.13488%2027.2163%207.68799%2026.2495%206.46922%2025.0308C5.25045%2023.812%204.28367%2022.3651%203.62408%2020.7727C2.96449%2019.1803%202.625%2017.4736%202.625%2015.75C2.625%2014.0264%202.96449%2012.3197%203.62408%2010.7273C4.28367%209.13488%205.25045%207.68799%206.46922%206.46922C7.68799%205.25045%209.13488%204.28367%2010.7273%203.62408ZM15.75%205.25C14.3711%205.25%2013.0057%205.52159%2011.7318%206.04927C10.4579%206.57694%209.30039%207.35036%208.32538%208.32538C7.35036%209.30039%206.57694%2010.4579%206.04926%2011.7318C5.52159%2013.0057%205.25%2014.3711%205.25%2015.75C5.25%2017.1289%205.52159%2018.4943%206.04926%2019.7682C6.57694%2021.0421%207.35036%2022.1996%208.32538%2023.1746C9.30039%2024.1496%2010.4579%2024.9231%2011.7318%2025.4507C13.0057%2025.9784%2014.3711%2026.25%2015.75%2026.25C17.1289%2026.25%2018.4943%2025.9784%2019.7682%2025.4507C21.0421%2024.9231%2022.1996%2024.1496%2023.1746%2023.1746C24.1496%2022.1996%2024.9231%2021.0421%2025.4507%2019.7682C25.9784%2018.4943%2026.25%2017.1289%2026.25%2015.75C26.25%2014.3711%2025.9784%2013.0057%2025.4507%2011.7318C24.9231%2010.4579%2024.1496%209.3004%2023.1746%208.32538C22.1996%207.35036%2021.0421%206.57694%2019.7682%206.04927C18.4943%205.52159%2017.1289%205.25%2015.75%205.25ZM12.1969%2012.1969C12.7095%2011.6844%2013.5405%2011.6844%2014.0531%2012.1969L15.75%2013.8938L17.4469%2012.1969C17.9595%2011.6844%2018.7905%2011.6844%2019.3031%2012.1969C19.8156%2012.7095%2019.8156%2013.5405%2019.3031%2014.0531L17.6062%2015.75L19.3031%2017.4469C19.8156%2017.9595%2019.8156%2018.7905%2019.3031%2019.3031C18.7905%2019.8156%2017.9595%2019.8156%2017.4469%2019.3031L15.75%2017.6062L14.0531%2019.3031C13.5405%2019.8156%2012.7095%2019.8156%2012.1969%2019.3031C11.6844%2018.7905%2011.6844%2017.9595%2012.1969%2017.4469L13.8938%2015.75L12.1969%2014.0531C11.6844%2013.5405%2011.6844%2012.7095%2012.1969%2012.1969Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");width:2.25rem;height:2.25rem;display:block;background-color:var(--red-400)}.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close{color:var(--red-400);border:1px solid var(--red-200);background:rgba(0,0,0,0)}.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover{color:var(--red-400);border-color:var(--red-400);box-shadow:0 .25rem .25rem 0 var(--black-20);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.p-breadcrumb{background:rgba(255,255,255,.0001);border:none;padding:0rem}.p-breadcrumb.none-separator-breadcrum .p-menuitem-separator{opacity:0}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link{transition:.2s;border-radius:.5rem;padding:.25rem}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover{background-color:var(--gray-100)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator{margin:0 .25rem;color:var(--black-80);font-size:1.25rem}.p-breadcrumb .p-breadcrumb-list li:last-child{pointer-events:none;opacity:.6}.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text{color:var(--black-80)}.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon{color:var(--black-80)}.p-menubar{display:flex;padding:.25rem;align-items:flex-end;border-radius:.5rem;border:1px solid var(--gray-200);background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-menubar .p-menuitem{width:100%;margin-top:.25rem}.p-menubar .p-menuitem:first-of-type{margin-top:0}.p-menubar .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-menubar .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--amethyst-700)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--amethyst-800)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-menubar .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-menubar .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-menubar [class*=list][level="0"]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.p-menubar [class*=list][level="0"]>.p-menuitem{margin:0}.p-menubar [class*=list]:not([level="0"]){min-width:8rem;z-index:2}.p-menubar [class*=list][level="1"]{margin-top:.25rem}.p-menubar [class*=list][level="1"].p-menuitem:first-of-type{margin-top:.25rem}.p-menubar [class*=list]:not([level="0"]):not([level="1"]){margin-left:.25rem;margin-top:-0.25rem}.p-menubar ul{margin:0;padding:0;list-style:none}.p-menubar .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-menubar .p-menuitem-text{line-height:1}.p-menubar .p-menuitem{position:relative;margin-top:.25rem}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--amethyst-800);color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menubar .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menubar .p-menuitem.p-menuitem:first-of-type{margin-top:.25rem}.p-menubar .p-menuitem .p-submenu-list{display:none;position:absolute;z-index:2;border-radius:.5rem;border:1px solid var(--gray-200);background-color:var(--white-100)}.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-submenu-icon:not(svg){margin-left:auto}.p-menubar .p-menuitem .p-menubar-root-list .p-icon-wrapper{margin-left:auto}.p-menubar .p-menuitem .p-submenu-list .p-menuitem-link .p-icon-wrapper{margin-left:auto}.p-menubar .p-menuitem .p-menubar-custom,.p-menubar .p-menuitem .p-menubar-end{margin-left:auto;align-self:center}.p-menubar .p-menubar-root-list{display:flex;align-items:center;flex-wrap:nowrap}.p-menubar .p-menubar-root-list>li ul{display:none;z-index:1}@media screen and (min-width: 960px){.p-menubar .p-submenu-list>.p-menuitem-active>p-menubarsub>.p-submenu-list{display:block;left:100%;top:0}.p-menubar .p-menubar-root-list>.p-menuitem-active>p-menubarsub>.p-submenu-list{display:block}}.p-menubar .p-menubar-button{display:none;cursor:pointer;align-items:center;justify-content:center}@media screen and (max-width: 960px){.p-menubar{position:relative;align-items:center}.p-menubar .p-menubar-button{display:flex;width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-menubar .p-menubar-button:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-menubar .p-menubar-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-menubar .p-menubar-button.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-menubar .p-menuitem-active[aria-expanded=false] .p-submenu-list{display:none}.p-menubar .p-menuitem-active[aria-expanded=true]>p-menubarsub>.p-submenu-list{display:block;position:relative;left:auto;top:auto;border:0}.p-menubar [aria-expanded=true]+p-menubarsub .p-menubar-root-list{display:block}.p-menubar .p-menubar-root-list{position:absolute;left:0;top:100%;display:none;flex-direction:column;min-width:8rem;border:1px solid var(--gray-200);padding:.25rem;margin-top:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20);border-radius:.5rem;z-index:2}.p-menubar .p-menubar-root-list [aria-expanded=false] .p-submenu-icon{transform:rotate(-90deg)}.p-menubar .p-submenu-list{width:100%;display:none;border:none;border-radius:0;margin:0 !important;padding:.25rem 0 0 .75rem;border-radius:.5rem;box-shadow:none}.p-menubar .p-submenu-list [aria-expanded=false] .p-submenu-icon{transform:rotate(0deg)}.p-menubar .p-submenu-list [aria-expanded=true] .p-submenu-icon{transform:rotate(90deg)}}.p-megamenu [class*=header]{color:var(--black-60);font-size:.875rem;font-weight:bold;text-transform:uppercase;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-megamenu [class*=header][data-p-disabled=true]{color:var(--black-60);background-color:var(--black-10);border-color:var(--gray-200)}.p-megamenu [class*=grid]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem;width:max-content;border-radius:.5rem;border:1px solid var(--gray-200);padding:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-megamenu [class*=col]{display:flex;flex-grow:1;width:auto;padding:0}.p-megamenu .p-menuitem{width:100%;margin-top:.25rem}.p-megamenu .p-menuitem:first-of-type{margin-top:0}.p-megamenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--amethyst-700)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--amethyst-800)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-megamenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-megamenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-megamenu-horizontal{display:flex}.p-megamenu-horizontal [class*=root]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.p-megamenu-horizontal [class*=root]>.p-menuitem{margin:0}.p-megamenu-horizontal [class*=grid]{margin-top:.25rem}.p-megamenu-vertical{display:flex}.p-megamenu-vertical [class*=root]{display:flex;flex-direction:column}.p-megamenu-vertical [class*=grid]{margin-left:.25rem}@media screen and (max-width: 960px){.p-megamenu{position:relative}.p-megamenu .p-megamenu-button{display:flex;width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-megamenu .p-megamenu-button:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-megamenu .p-megamenu-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-megamenu .p-megamenu-button.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-megamenu [aria-expanded=false]+[class*=root]{display:none}.p-megamenu [class*=root]{position:absolute;left:0;top:100%;display:flex;flex-direction:column;min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-200);padding:.25rem;margin-top:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20);z-index:2}.p-megamenu [class*=panel]{width:100%;position:static}.p-megamenu [class*=grid]{display:flex;flex-direction:column;border:none;border-radius:0;margin:0 !important;padding:.25rem 0 0 .75rem;box-shadow:none}.p-megamenu [class*=grid] [class*=list]{width:100%}.p-megamenu-horizontal [aria-expanded=false] .p-submenu-icon{transform:rotate(-90deg)}.p-megamenu-vertical [aria-expanded=true] .p-submenu-icon{transform:rotate(90deg)}}.p-menu [class*=header]{color:var(--black-60);font-size:.875rem;font-weight:bold;text-transform:uppercase;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-menu [class*=header][data-p-disabled=true]{color:var(--black-60);background-color:var(--black-10);border-color:var(--gray-200)}.p-menu .p-menuitem{width:100%;margin-top:.25rem}.p-menu .p-menuitem:first-of-type{margin-top:0}.p-menu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-menu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--amethyst-700)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--amethyst-800)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-menu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-menu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-menu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-menu .p-menuitem[data-p-disabled=true] .p-disabled{opacity:.6}.p-menu-overlay{min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-200);padding:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20);z-index:2}.p-tieredmenu{display:flex}.p-tieredmenu [class*=root]{display:flex;flex-direction:column}.p-tieredmenu [data-pc-section=menu]{border-radius:.5rem;border:1px solid var(--gray-200);background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20)}.p-tieredmenu .p-menuitem{width:100%;margin-top:.25rem}.p-tieredmenu .p-menuitem:first-of-type{margin-top:0}.p-tieredmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--amethyst-700)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--amethyst-800)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-tieredmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-tabmenu .p-tabmenu-nav{background:rgba(255,255,255,.0001);border-bottom:1px solid var(--gray-200)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem{margin-right:1.5rem}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{background:rgba(255,255,255,.0001);color:var(--black-80);font-weight:normal;border-bottom:.25rem solid rgba(255,255,255,.0001);padding:1rem 0rem;margin:0;transition:.2s}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon{margin-right:.5rem}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link{background:rgba(255,255,255,.0001);border-color:rgba(255,255,255,.0001);color:var(--amethyst-700)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{background:rgba(255,255,255,.0001);border-color:var(--amethyst-700);color:var(--amethyst-700)}.p-tabmenu .p-tabmenu-nav-btn.p-link{background:var(--white-100);color:var(--black-80);width:2.5rem;box-shadow:0px 0px 10px 50px var(--white-60);border-radius:0}.p-tabmenu .p-tabmenu-nav-btn.p-link:focus-visible{outline:none;outline-offset:none;box-shadow:inset 0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-tabmenu .p-tabmenu-nav-btn.p-link:hover{color:var(--amethyst-700)}.p-tabmenu .p-tabmenu-nav-container>.p-tabmenu-nav-content>.p-tabmenu-nav{white-space:nowrap;width:max-content}.p-panelmenu[data-pc-section=root]{display:flex;flex-direction:column;gap:.25rem}.p-panelmenu [data-pc-section=header]{padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.0001);background-color:rgba(255,255,255,.0001)}.p-panelmenu [data-pc-section=header] .p-panelmenu-header-action{display:flex;gap:.5rem}.p-panelmenu [data-pc-section=header] .p-panelmenu-header-link{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.p-panelmenu [data-pc-section=header] .p-menuitem-text{color:var(--black-80)}.p-panelmenu [data-pc-section=header] .p-menuitem-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header] .p-submenu-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover{cursor:pointer;background-color:var(--gray-100)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-text{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-submenu-icon{color:var(--black-80)}.p-panelmenu [data-pc-section=header][aria-expanded=true]{background-color:var(--amethyst-700)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-text{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-submenu-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover{cursor:pointer;background-color:var(--amethyst-800)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-text{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-submenu-icon{color:var(--white-100)}.p-panelmenu [data-pc-section=header][data-p-disabled=true]{background-color:var(--black-10);border-color:var(--gray-200)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-icon{color:var(--black-60)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-text{color:var(--black-60)}.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-submenu-icon{color:var(--black-60)}.p-panelmenu [data-pc-section=menu]{padding:.25rem 0 0 .75rem}.p-panelmenu [data-pc-section=submenu]{padding:.25rem 0 0 .75rem}.p-panelmenu .p-menuitem{width:100%;margin-top:.25rem}.p-panelmenu .p-menuitem:first-of-type{margin-top:0}.p-panelmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-panelmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--amethyst-700)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--amethyst-800)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-panelmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-panelmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled){pointer-events:none;opacity:.6}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-link{pointer-events:none;background-color:var(--black-10);border-color:var(--gray-200);opacity:1}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-icon{color:var(--black-60)}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-menuitem-text{color:var(--black-60)}.p-panelmenu .p-menuitem>.p-menuitem-content:has(.p-disabled) .p-submenu-icon{color:var(--black-60)}.p-contextmenu [class*=list]{min-width:8rem;border-radius:.5rem;border:1px solid var(--gray-200);padding:.25rem;background-color:var(--white-100);box-shadow:0 .25rem .25rem 0 var(--black-20);z-index:2}.p-contextmenu [class*=list]:not([class*=root]){margin-top:-0.25rem;margin-left:.25rem}.p-contextmenu .p-menuitem{width:100%;margin-top:.25rem}.p-contextmenu .p-menuitem:first-of-type{margin-top:0}.p-contextmenu .p-menuitem .p-menuitem-link{display:flex;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(255,255,255,.0001)}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{color:var(--black-80);font-size:1.25rem}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text+.p-submenu-icon{margin-left:auto}.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon{color:var(--black-80);font-size:1.25rem;transition:.18s}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover{cursor:pointer;background-color:var(--gray-100)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon{color:var(--black-80)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link{background-color:var(--amethyst-700)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover{background-color:var(--amethyst-800)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-menuitem-text{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-highlight=true]>.p-menuitem-content>.p-menuitem-link:hover .p-submenu-icon{color:var(--white-100)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link{cursor:pointer;background-color:var(--gray-100)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-menuitem-text{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true])>.p-menuitem-content>.p-menuitem-link .p-submenu-icon{color:var(--black-80)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link{background-color:var(--black-10);border-color:var(--gray-200)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon{color:var(--black-60)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text{color:var(--black-60)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon{color:var(--black-60)}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content{pointer-events:none}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled{pointer-events:none;opacity:1}.p-contextmenu .p-menuitem-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled{opacity:.6}@media screen and (max-width: 767px){.p-contextmenu [aria-expanded=true]>.p-menuitem-content .p-submenu-icon{transform:rotate(90deg)}.p-contextmenu [class*=list]:not([class*=root]){border-radius:0;border:none;padding-left:.75rem !important;margin:0;margin-top:.25rem;background-color:rgba(0,0,0,0);box-shadow:none}}.p-steps{overflow:hidden;overflow-x:auto}.p-steps .p-steps-item{display:flex;justify-content:center}.p-steps .p-steps-item .p-menuitem-link{display:flex;flex-direction:row;align-items:center;gap:.5rem;border-radius:0;padding:0 .5rem;background:var(--white-100);transition:.2s;z-index:1}.p-steps .p-steps-item .p-menuitem-link .p-steps-number{color:var(--black-80);font-weight:400;border:1px solid var(--gray-200);background:var(--white-100);min-width:1.5rem;height:1.5rem;line-height:1.5rem;font-size:1rem;z-index:1;border-radius:8rem}.p-steps .p-steps-item .p-menuitem-link .p-steps-title{color:var(--black-80);font-weight:400}.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-steps .p-steps-item.p-highlight:not(:has(~.p-highlight)) .p-steps-number{background:var(--amethyst-700);color:var(--white-100);border-color:rgba(0,0,0,0)}.p-steps .p-steps-item.p-highlight:not(:has(~.p-highlight)) .p-steps-title{color:var(--black-80)}.p-steps .p-steps-item.p-disabled{opacity:1}.p-steps .p-steps-item.p-disabled .p-steps-number,.p-steps .p-steps-item.p-disabled .p-steps-title{opacity:.6}.p-steps .p-steps-item:before{content:" ";border-top:1px solid var(--gray-200);width:100%;top:50%;left:0;display:block;position:absolute}.p-steps .p-steps-item:first-of-type{justify-content:flex-start}.p-steps .p-steps-item:first-of-type .p-menuitem-link{padding-left:0}.p-steps .p-steps-item:last-of-type{justify-content:flex-end}.p-steps .p-steps-item:last-of-type .p-menuitem-link{padding-right:0}.p-timeline .p-timeline-event-content{color:var(--black-80)}.p-timeline .p-timeline-event-opposite,.p-timeline .p-timeline-event-content{line-height:1}.p-timeline .p-timeline-event-marker{border:.25rem solid var(--amethyst-700);border-radius:8rem;width:1rem;height:1rem;background-color:var(--white-100)}.p-timeline .p-timeline-event-connector{background-color:var(--gray-200)}.p-timeline.p-timeline-vertical .p-timeline-event-opposite,.p-timeline.p-timeline-vertical .p-timeline-event-content{padding:0rem .5rem}.p-timeline.p-timeline-vertical .p-timeline-event-connector{width:1px}.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,.p-timeline.p-timeline-horizontal .p-timeline-event-content{padding:.5rem 0rem}.p-timeline.p-timeline-horizontal .p-timeline-event-connector{height:1px}.p-carousel .p-carousel-content .p-carousel-prev,.p-carousel .p-carousel-content .p-carousel-next{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;margin:.5rem}.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,.p-carousel .p-carousel-content .p-carousel-next:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,.p-carousel .p-carousel-content .p-carousel-next:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-carousel .p-carousel-content .p-carousel-prev.p-disabled,.p-carousel .p-carousel-content .p-carousel-next.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-carousel .p-carousel-indicators{padding:1rem}.p-carousel .p-carousel-indicators .p-carousel-indicator{margin-right:.5rem}.p-carousel .p-carousel-indicators .p-carousel-indicator:last-of-type{margin-right:0}.p-carousel .p-carousel-indicators .p-carousel-indicator button{background-color:var(--gray-200);width:.5rem;height:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:1rem}.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover{background:var(--gray-800)}.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button{background:var(--gray-800);color:var(--white-100)}.p-datatable table{border-collapse:separate}.p-datatable .p-paginator-top{border-width:1px 0 1px 0;border-radius:0}.p-datatable .p-paginator-bottom{border-width:0 0 0 0;border-radius:0}.p-datatable .p-datatable-header{background:var(--gray-50);color:var(--black-80);border:1px solid var(--gray-200);border-width:0 0 1px 0;padding:1rem 1rem;font-weight:500}.p-datatable .p-datatable-footer{background:var(--gray-50);color:var(--black-80);border:1px solid var(--gray-200);border-width:0 0 1px 0;padding:1rem 1rem;font-weight:500}.p-datatable .p-datatable-thead>tr>th{text-align:left;padding:1rem 1rem;border:1px solid var(--gray-200);border-width:0 0 1px 0;font-weight:500;color:var(--black-80);background:var(--gray-50);transition:.2s}.p-datatable .p-datatable-tfoot>tr>td{text-align:left;padding:1rem 1rem;border:1px solid var(--gray-200);border-width:0 0 1px 0;font-weight:500;color:var(--black-80);background:var(--gray-50)}.p-datatable .p-sortable-column p-sorticon{vertical-align:middle}.p-datatable .p-sortable-column p-sorticon sortalticon>svg,.p-datatable .p-sortable-column p-sorticon sortamountupalticon>svg,.p-datatable .p-sortable-column p-sorticon sortamountdownicon>svg{display:none}.p-datatable .p-sortable-column p-sorticon sortalticon::after,.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after,.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after{width:1.25rem;height:1.25rem;color:var(--black-80);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.p-datatable .p-sortable-column p-sorticon sortalticon::after{content:""}.p-datatable .p-sortable-column p-sorticon sortamountupalticon::after{content:"";color:var(--amethyst-700)}.p-datatable .p-sortable-column p-sorticon sortamountdownicon::after{content:"";color:var(--amethyst-700)}.p-datatable .p-sortable-column .p-sortable-column-badge{border-radius:50%;height:1.25rem;min-width:1.25rem;line-height:1.25rem;color:var(--white-100);background:var(--amethyst-700);margin-left:.5rem}.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon{color:var(--black-80)}.p-datatable .p-sortable-column.p-highlight{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{color:var(--amethyst-700)}.p-datatable .p-sortable-column:focus-visible{box-shadow:0 0 0 .25rem var(--amethyst-200);outline:0 none}.p-datatable .p-datatable-tbody>tr{background:var(--white-100);color:var(--black-80);transition:.2s}.p-datatable .p-datatable-tbody>tr>td{text-align:left;border:1px solid var(--gray-200);border-width:0 0 1px 0;padding:1rem 1rem}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:enabled:hover,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:focus-visible,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-datatable .p-datatable-tbody>tr>td .p-row-toggler.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save.p-disabled,.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save{margin-right:.5rem}.p-datatable .p-datatable-tbody>tr>td>.p-column-title{font-weight:500}.p-datatable .p-datatable-tbody>tr>td.p-highlight{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-datatable-tbody>tr.p-highlight{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-datatable-tbody>tr.p-highlight-contextmenu{outline:.15rem solid var(--amethyst-200);outline-offset:-0.15rem}.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-top>td{box-shadow:inset 0 2px 0 0 var(--amethyst-700)}.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td{box-shadow:inset 0 -2px 0 0 var(--amethyst-700)}.p-datatable .p-datatable-tbody>tr .pi-chevron-right::before,.p-datatable .p-datatable-tbody>tr .pi-chevron-down::before{color:var(--black-60);font-size:1rem}.p-datatable .p-datatable-frozen-tbody>tr>td{background:var(--gray-50)}.p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover{background:var(--gray-100);color:var(--black-80)}.p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:focus-visible{outline:.15rem solid var(--amethyst-200);outline-offset:-0.15rem}.p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:not(.p-highlight):hover{background:var(--gray-100);color:var(--black-80)}.p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:focus-visible{outline:.15rem solid var(--amethyst-200);outline-offset:-0.15rem}.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):not(.p-datatable-emptymessage):hover{background:var(--gray-100);color:var(--black-80)}.p-datatable .p-column-resizer-helper{background:var(--gray-200)}.p-datatable .p-datatable-scrollable-header,.p-datatable .p-datatable-scrollable-footer{background:var(--white-100)}.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-thead,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-tfoot,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-thead,.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-tfoot{background-color:var(--gray-50)}.p-datatable .p-datatable-loading-icon{font-size:2rem}.p-datatable .p-datatable-loading-icon.p-icon{width:2rem;height:2rem}.p-datatable.p-datatable-gridlines .p-datatable-header{border-width:1px 1px 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-footer{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-paginator-top{border-width:0 1px 0 1px}.p-datatable.p-datatable-gridlines .p-paginator-bottom{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th:last-child{border-width:1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td{border-width:1px 0 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td:last-child{border-width:1px 1px 0 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td:last-child{border-width:1px}.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td{border-width:1px 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td:last-child{border-width:1px 1px 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td{border-width:0 0 1px 1px}.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td:last-child{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td{border-width:0 0 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td:last-child{border-width:0 1px 1px 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td{border-width:0 0 0 1px}.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td:last-child{border-width:0 1px 0 1px}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even){background:var(--gray-50)}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even).p-highlight{background:var(--gray-100);color:var(--black-80)}.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even)+.p-row-expanded{background:var(--gray-50)}.p-datatable.p-datatable-sm .p-datatable-header{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-thead>tr>th{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-tfoot>tr>td{padding:.5rem .5rem}.p-datatable.p-datatable-sm .p-datatable-footer{padding:.5rem .5rem}.p-datatable.p-datatable-lg .p-datatable-header{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-thead>tr>th{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-tbody>tr>td{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td{padding:1.25rem 1.25rem}.p-datatable.p-datatable-lg .p-datatable-footer{padding:1.25rem 1.25rem}.p-datatable-drag-selection-helper{background:var(--gray-100)}.p-column-filter-overlay{display:flex;flex-direction:column;gap:.25rem;background-color:var(--white-100);padding:.25rem;border:1px solid var(--gray-200);border-radius:.5rem}.p-column-filter-constraint,.p-column-filter-constraints{display:flex;flex-direction:column;gap:.25rem}.p-column-filter-buttonbar{display:flex;gap:.25rem}[data-pc-section=filterremove]{display:none}[data-pc-section=filterremove]:has(.p-column-filter-remove-button){display:block}.p-column-filter-menu-button,.p-column-filter-clear-button{width:2rem;height:2rem;color:var(--black-60);border:1px solid rgba(255,255,255,.0001);background:rgba(255,255,255,.0001);border-radius:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;vertical-align:middle}.p-column-filter-menu-button:enabled:hover,.p-column-filter-clear-button:enabled:hover{color:var(--black-80);border-color:rgba(255,255,255,.0001);background:var(--gray-100)}.p-column-filter-menu-button:focus-visible,.p-column-filter-clear-button:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-column-filter-menu-button.p-disabled,.p-column-filter-clear-button.p-disabled{background:var(--black-10);border:1px solid var(--gray-200);color:var(--black-60)}.p-column-filter-menu-button filtericon>svg,.p-column-filter-menu-button filterslashicon>svg,.p-column-filter-clear-button filtericon>svg,.p-column-filter-clear-button filterslashicon>svg{display:none}.p-column-filter-menu-button filtericon::after,.p-column-filter-menu-button filterslashicon::after,.p-column-filter-clear-button filtericon::after,.p-column-filter-clear-button filterslashicon::after{color:var(--black-80);font-size:1rem;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2;-webkit-font-smoothing:antialiased}.p-column-filter-menu-button filtericon::after,.p-column-filter-clear-button filtericon::after{content:""}.p-column-filter-menu-button filterslashicon::after,.p-column-filter-clear-button filterslashicon::after{content:""}.p-column-filter-menu-button.p-column-filter-menu-button-active,.p-column-filter-clear-button.p-column-filter-menu-button-active{background-color:var(--amethyst-700);color:var(--white-100)}.p-column-filter-menu-button.p-column-filter-menu-button-active filtericon::after,.p-column-filter-menu-button.p-column-filter-menu-button-active filterslashicon::after,.p-column-filter-clear-button.p-column-filter-menu-button-active filtericon::after,.p-column-filter-clear-button.p-column-filter-menu-button-active filterslashicon::after{color:var(--white-100)}.p-column-filter-menu-button.p-column-filter-menu-button-active:hover,.p-column-filter-clear-button.p-column-filter-menu-button-active:hover{background-color:var(--amethyst-800);color:var(--white-100)}.p-column-filter-row{gap:.5rem}.p-column-filter-row-item{color:var(--black-80);padding:.5rem .75rem;margin-top:.25rem;background-color:rgba(255,255,255,.0001);border-radius:.5rem;border:1px solid rgba(255,255,255,.0001)}.p-column-filter-row-item:first-of-type{margin:0}.p-column-filter-row-item:not(.p-highlight):hover{color:var(--black-80);background-color:var(--gray-100)}.p-column-filter-row-item.p-highlight{color:var(--white-100);background-color:var(--amethyst-700)}.p-column-filter-row-item.p-highlight:hover{background-color:var(--amethyst-800)}.p-column-filter-separator{height:1px;border-bottom:1px solid var(--gray-200);margin-top:.25rem}.p-datatable-reorderablerow-handle{color:var(--black-60)}.p-datatable-reorderablerow-handle::before{content:"" !important;font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2;-webkit-font-smoothing:antialiased}.p-paginator{background:rgba(255,255,255,.0001);color:var(--black-80);border:solid rgba(255,255,255,.0001);border-width:0;padding:.5rem 0rem;border-radius:.5rem}.p-paginator .p-paginator-first,.p-paginator .p-paginator-prev,.p-paginator .p-paginator-next,.p-paginator .p-paginator-last{background-color:rgba(255,255,255,.0001);border:1px solid rgba(255,255,255,.0001);color:var(--black-60);min-width:2.5rem;height:2.5rem;margin:.25rem;transition:.2s;border-radius:.5rem}.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover{background:var(--gray-100);border-color:rgba(255,255,255,.0001);color:var(--black-80)}.p-paginator .p-paginator-first.p-disabled:not(.p-highlight),.p-paginator .p-paginator-prev.p-disabled:not(.p-highlight),.p-paginator .p-paginator-next.p-disabled:not(.p-highlight),.p-paginator .p-paginator-last.p-disabled:not(.p-highlight){background:var(--black-10);border-color:var(--gray-200);color:var(--black-60)}.p-paginator .p-paginator-first{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.p-paginator .p-paginator-last{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.p-paginator .p-dropdown{margin-left:.5rem;height:2.5rem}.p-paginator .p-dropdown .p-dropdown-label{padding-right:0}.p-paginator .p-paginator-page-input{margin-left:.5rem;margin-right:.5rem}.p-paginator .p-paginator-page-input .p-inputtext{max-width:2.5rem}.p-paginator .p-paginator-current{background-color:rgba(255,255,255,.0001);border:1px solid rgba(255,255,255,.0001);color:var(--black-60);min-width:2.5rem;height:2.5rem;margin:.25rem;padding:0 .5rem}.p-paginator .p-paginator-pages .p-paginator-page{background-color:rgba(255,255,255,.0001);border:1px solid rgba(255,255,255,.0001);color:var(--black-60);min-width:2.5rem;height:2.5rem;margin:.25rem;transition:.2s;border-radius:.5rem}.p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:var(--amethyst-700);border-color:var(--amethyst-700);color:var(--white-100)}.p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover{background:var(--amethyst-800);border-color:var(--amethyst-800)}.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover{background:var(--gray-100);border-color:rgba(255,255,255,.0001);color:var(--black-80)}.p-galleria .p-galleria-close{margin:.5rem;background:rgba(255,255,255,.0001);color:var(--white-60);width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem}.p-galleria .p-galleria-close .p-galleria-close-icon{font-size:2rem}.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon{width:2rem;height:2rem}.p-galleria .p-galleria-close:hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-item-nav{background:rgba(255,255,255,.0001);color:var(--white-60);width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem;margin:.5rem}.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon{font-size:2rem}.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon{width:2rem;height:2rem}.p-galleria .p-galleria-item-nav:not(.p-disabled):hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-caption{background:var(--black-60);color:var(--white-80)}.p-galleria .p-galleria-caption-title{padding:0 1rem}.p-galleria .p-galleria-indicators{padding:1rem;line-height:0}.p-galleria .p-galleria-indicators .p-galleria-indicator button{background-color:var(--white-40);width:.5rem;height:.5rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:1rem}.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover{background:var(--white-80)}.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button{background:var(--white-80);color:var(--white-100)}.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,.p-galleria.p-galleria-indicators-top .p-galleria-indicator{margin-right:.5rem}.p-galleria.p-galleria-indicators-left .p-galleria-indicator,.p-galleria.p-galleria-indicators-right .p-galleria-indicator{margin-bottom:.5rem}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators{background:rgba(255,255,255,.0001)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button{background:var(--white-40)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover{background:var(--white-80)}.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button{background:var(--white-80);color:var(--white-100)}.p-galleria .p-galleria-thumbnail-container{background:var(--black-100);padding:.5rem .5rem;gap:.5rem}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next{background-color:rgba(255,255,255,.0001);color:var(--white-60);width:2rem;height:2rem;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:.5rem}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover{background:var(--white-20);color:var(--white-80)}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content{transition:.2s;width:100%;height:100%}.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible{outline:none;outline-offset:none;box-shadow:0 0 0 .25rem var(--amethyst-200);caret-color:var(--amethyst-700)}.p-galleria-mask{--maskbg: var(--black-20)}.p-galleria-thumbnail-item{overflow:hidden;height:4rem}.p-fileupload-dnd .p-fileupload,.p-fileupload-button .p-fileupload{width:100%;display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd.p-fileupload-advanced,.p-fileupload-button.p-fileupload-advanced{display:flex;flex-direction:column;align-items:flex-start}.p-fileupload-dnd .p-fileupload-content,.p-fileupload-button .p-fileupload-content{width:100%;display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd .p-fileupload-content>p-progressbar,.p-fileupload-dnd .p-fileupload-content p-messages,.p-fileupload-button .p-fileupload-content>p-progressbar,.p-fileupload-button .p-fileupload-content p-messages{display:none}.p-fileupload-dnd .p-orderlist-controls,.p-fileupload-button .p-orderlist-controls{display:none}.p-fileupload-dnd .p-fileupload-files,.p-fileupload-button .p-fileupload-files{display:none}.p-fileupload-dnd .p-fileupload-info-button,.p-fileupload-button .p-fileupload-info-button{width:2.5rem;display:inline-flex;justify-content:center;align-items:center;color:var(--blue-400)}.p-fileupload-dnd .p-orderlist-list-container,.p-fileupload-button .p-orderlist-list-container{display:flex;flex-direction:column;width:100%}.p-fileupload-dnd .p-orderlist-list-container .p-orderlist-list,.p-fileupload-button .p-orderlist-list-container .p-orderlist-list{overflow:hidden;min-height:0px}.p-fileupload-dnd .p-fileupload-progress-spinner,.p-fileupload-button .p-fileupload-progress-spinner{width:1.25rem;height:1.25rem}.p-fileupload-dnd .p-fileupload-item-row,.p-fileupload-button .p-fileupload-item-row{padding:.25rem .25rem .25rem .5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.0001)}.p-fileupload-dnd .p-fileupload-item-row:hover,.p-fileupload-button .p-fileupload-item-row:hover{background:var(--gray-100)}.p-fileupload-dnd .p-fileupload-item-row.error,.p-fileupload-button .p-fileupload-item-row.error{border-color:var(--red-400)}.p-fileupload-dnd .p-fileupload-item-row.error .file-icon,.p-fileupload-button .p-fileupload-item-row.error .file-icon{color:var(--red-400)}.p-fileupload-dnd .p-dataview-content,.p-fileupload-dnd .p-orderlist-list,.p-fileupload-button .p-dataview-content,.p-fileupload-button .p-orderlist-list{display:flex;flex-direction:column;gap:.5rem}.p-fileupload-dnd .p-fileupload-buttonbar{width:100%;border-radius:.5rem;background:var(--gray-alpha);border:1px dashed var(--gray-200);padding:1.5rem 1.5rem 1rem}.p-fileupload-dnd .p-fileupload-buttonbar button{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.p-fileupload-dnd .p-fileupload-buttonbar button>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.p-fileupload-dnd .p-fileupload-buttonbar:hover{cursor:pointer;border-color:var(--amethyst-700)}.p-fileupload-dnd .p-fileupload-buttonbar:hover i{color:var(--amethyst-700)}.hover\:border-primary:hover {
-  border-color: var(--primary-color);
-}.hover\:bg-blue-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
-}.hover\:bg-purple-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
-}.hover\:text-primary:hover {
-  color: var(--primary-color);
-}.hover\:underline:hover {
-  text-decoration-line: underline;
-}@media (min-width: 1px) {
-
-  .sm\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .sm\:\!w-15 {
-    width: 15rem !important;
-  }
-
-  .sm\:\!w-16 {
-    width: 16rem !important;
-  }
-
-  .sm\:\!w-26 {
-    width: 26rem !important;
-  }
-
-  .sm\:w-auto {
-    width: auto;
-  }
-
-  .sm\:flex-row {
-    flex-direction: row;
-  }
-
-  .sm\:flex-col {
-    flex-direction: column;
-  }
-
-  .sm\:items-start {
-    align-items: flex-start;
-  }
-
-  .sm\:items-end {
-    align-items: flex-end;
-  }
-
-  .sm\:items-center {
-    align-items: center;
-  }
-
-  .sm\:gap-2 {
-    gap: 0.5rem;
-  }
-
-  .sm\:p-8 {
-    padding: 2rem;
-  }
-}@media (min-width: 768px) {
-
-  .md\:col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .md\:col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .md\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .md\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .md\:ml-auto {
-    margin-left: auto;
-  }
-
-  .md\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .md\:block {
-    display: block;
-  }
-
-  .md\:flex {
-    display: flex;
-  }
-
-  .md\:hidden {
-    display: none;
-  }
-
-  .md\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .md\:\!w-15 {
-    width: 15rem !important;
-  }
-
-  .md\:\!w-20 {
-    width: 20rem !important;
-  }
-
-  .md\:\!w-30 {
-    width: 30rem !important;
-  }
-
-  .md\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .md\:\!w-8\/12 {
-    width: 66.666667% !important;
-  }
-
-  .md\:w-2 {
-    width: 2rem;
-  }
-
-  .md\:w-5 {
-    width: 5rem;
-  }
-
-  .md\:flex-initial {
-    flex: 0 1 auto;
-  }
-
-  .md\:flex-row {
-    flex-direction: row;
-  }
-
-  .md\:flex-col {
-    flex-direction: column;
-  }
-
-  .md\:items-end {
-    align-items: flex-end;
-  }
-
-  .md\:items-center {
-    align-items: center;
-  }
-
-  .md\:justify-start {
-    justify-content: flex-start;
-  }
-
-  .md\:justify-center {
-    justify-content: center;
-  }
-
-  .md\:justify-between {
-    justify-content: space-between;
-  }
-
-  .md\:gap-8 {
-    gap: 2rem;
-  }
-}@media (min-width: 1200px) {
-
-  .lg\:mb-0 {
-    margin-bottom: 0px;
-  }
-
-  .lg\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .lg\:flex {
-    display: flex;
-  }
-
-  .lg\:\!w-3\/12 {
-    width: 25% !important;
-  }
-
-  .lg\:\!w-4\/12 {
-    width: 33.333333% !important;
-  }
-
-  .lg\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .lg\:gap-0 {
-    gap: 0px;
-  }
-
-  .lg\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
-  .lg\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .lg\:pr-8 {
-    padding-right: 2rem;
-  }
-}@media (min-width: 1280px) {
-
-  .xl\:block {
-    display: block;
-  }
-
-  .xl\:flex {
-    display: flex;
-  }
-
-  .xl\:\!w-10 {
-    width: 10rem !important;
-  }
-
-  .xl\:\!w-3\/12 {
-    width: 25% !important;
-  }
-
-  .xl\:\!w-6\/12 {
-    width: 50% !important;
-  }
-
-  .xl\:\!w-9\/12 {
-    width: 75% !important;
-  }
-
-  .xl\:w-6 {
-    width: 6rem;
-  }
-
-  .xl\:flex-row {
-    flex-direction: row;
-  }
-
-  .xl\:items-start {
-    align-items: flex-start;
-  }
-
-  .xl\:justify-center {
-    justify-content: center;
-  }
-
-  .xl\:pt-0 {
-    padding-top: 0px;
-  }
-
-  .xl\:text-left {
-    text-align: left;
-  }
-}
diff --git a/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-500.woff b/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-500.woff
deleted file mode 100644
index fb70b7e..0000000
Binary files a/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-500.woff and /dev/null differ
diff --git a/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-500.woff2 b/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-500.woff2
deleted file mode 100644
index 96981bc..0000000
Binary files a/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-500.woff2 and /dev/null differ
diff --git a/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-700.woff b/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-700.woff
deleted file mode 100644
index d023f3d..0000000
Binary files a/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-700.woff and /dev/null differ
diff --git a/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-700.woff2 b/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-700.woff2
deleted file mode 100644
index fd49210..0000000
Binary files a/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-700.woff2 and /dev/null differ
diff --git a/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-regular.woff b/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-regular.woff
deleted file mode 100644
index f9849df..0000000
Binary files a/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-regular.woff and /dev/null differ
diff --git a/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-regular.woff2
deleted file mode 100644
index 1f7dd5b..0000000
Binary files a/src-storybook/assets/themes/fonts/roboto-v20-latin-ext_latin-regular.woff2 and /dev/null differ
diff --git a/src-storybook/index.html b/src-storybook/index.html
deleted file mode 100644
index 59b12d2..0000000
--- a/src-storybook/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>NgStorybook</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-</head>
-<body>
-  <app-root></app-root>
-</body>
-</html>
diff --git a/src-storybook/main.ts b/src-storybook/main.ts
deleted file mode 100644
index 35b00f3..0000000
--- a/src-storybook/main.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { appConfig } from './app/app.config';
-import { AppComponent } from './app/app.component';
-
-bootstrapApplication(AppComponent, appConfig)
-  .catch((err) => console.error(err));
diff --git a/src-storybook/stories/assets/discord.svg b/src-storybook/stories/assets/discord.svg
deleted file mode 100644
index d638958..0000000
--- a/src-storybook/stories/assets/discord.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" fill="none" viewBox="0 0 33 32"><g clip-path="url(#clip0_10031_177575)"><mask id="mask0_10031_177575" style="mask-type:luminance" width="33" height="25" x="0" y="4" maskUnits="userSpaceOnUse"><path fill="#fff" d="M32.5034 4.00195H0.503906V28.7758H32.5034V4.00195Z"/></mask><g mask="url(#mask0_10031_177575)"><path fill="#5865F2" d="M27.5928 6.20817C25.5533 5.27289 23.3662 4.58382 21.0794 4.18916C21.0378 4.18154 20.9962 4.20057 20.9747 4.23864C20.6935 4.73863 20.3819 5.3909 20.1637 5.90358C17.7042 5.53558 15.2573 5.53558 12.8481 5.90358C12.6299 5.37951 12.307 4.73863 12.0245 4.23864C12.003 4.20184 11.9614 4.18281 11.9198 4.18916C9.63431 4.58255 7.44721 5.27163 5.40641 6.20817C5.38874 6.21578 5.3736 6.22848 5.36355 6.24497C1.21508 12.439 0.078646 18.4809 0.636144 24.4478C0.638667 24.477 0.655064 24.5049 0.677768 24.5227C3.41481 26.5315 6.06609 27.7511 8.66815 28.5594C8.70979 28.5721 8.75392 28.5569 8.78042 28.5226C9.39594 27.6826 9.94461 26.7968 10.4151 25.8653C10.4428 25.8107 10.4163 25.746 10.3596 25.7244C9.48927 25.3945 8.66058 24.9922 7.86343 24.5354C7.80038 24.4986 7.79533 24.4084 7.85333 24.3653C8.02108 24.2397 8.18888 24.109 8.34906 23.977C8.37804 23.9529 8.41842 23.9478 8.45249 23.963C13.6894 26.3526 19.359 26.3526 24.5341 23.963C24.5682 23.9465 24.6086 23.9516 24.6388 23.9757C24.799 24.1077 24.9668 24.2397 25.1358 24.3653C25.1938 24.4084 25.19 24.4986 25.127 24.5354C24.3298 25.0011 23.5011 25.3945 22.6296 25.7232C22.5728 25.7447 22.5476 25.8107 22.5754 25.8653C23.0559 26.7955 23.6046 27.6812 24.2087 28.5213C24.234 28.5569 24.2794 28.5721 24.321 28.5594C26.9357 27.7511 29.5869 26.5315 32.324 24.5227C32.348 24.5049 32.3631 24.4783 32.3656 24.4491C33.0328 17.5506 31.2481 11.5584 27.6344 6.24623C27.6256 6.22848 27.6105 6.21578 27.5928 6.20817ZM11.1971 20.8146C9.62043 20.8146 8.32129 19.3679 8.32129 17.5913C8.32129 15.8146 9.59523 14.368 11.1971 14.368C12.8115 14.368 14.0981 15.8273 14.0729 17.5913C14.0729 19.3679 12.7989 20.8146 11.1971 20.8146ZM21.8299 20.8146C20.2533 20.8146 18.9541 19.3679 18.9541 17.5913C18.9541 15.8146 20.228 14.368 21.8299 14.368C23.4444 14.368 24.7309 15.8273 24.7057 17.5913C24.7057 19.3679 23.4444 20.8146 21.8299 20.8146Z"/></g></g><defs><clipPath id="clip0_10031_177575"><rect width="32" height="32" fill="#fff" transform="translate(0.5)"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/src-storybook/stories/assets/youtube.svg b/src-storybook/stories/assets/youtube.svg
deleted file mode 100644
index a7515d7..0000000
--- a/src-storybook/stories/assets/youtube.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"><path fill="#ED1D24" d="M31.3313 8.44657C30.9633 7.08998 29.8791 6.02172 28.5022 5.65916C26.0067 5.00026 16 5.00026 16 5.00026C16 5.00026 5.99333 5.00026 3.4978 5.65916C2.12102 6.02172 1.03665 7.08998 0.668678 8.44657C0 10.9053 0 16.0353 0 16.0353C0 16.0353 0 21.1652 0.668678 23.6242C1.03665 24.9806 2.12102 26.0489 3.4978 26.4116C5.99333 27.0703 16 27.0703 16 27.0703C16 27.0703 26.0067 27.0703 28.5022 26.4116C29.8791 26.0489 30.9633 24.9806 31.3313 23.6242C32 21.1652 32 16.0353 32 16.0353C32 16.0353 32 10.9053 31.3313 8.44657Z"/><path fill="#fff" d="M12.7266 20.6934L21.0902 16.036L12.7266 11.3781V20.6934Z"/></svg>
\ No newline at end of file
diff --git a/src-storybook/stories/button/examples/button-severity.component.ts b/src-storybook/stories/button/examples/button-severity.component.ts
deleted file mode 100644
index dec2588..0000000
--- a/src-storybook/stories/button/examples/button-severity.component.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-import { Component } from '@angular/core';
-import { Button } from 'primeng/button';
-import { StoryObj } from '@storybook/angular';
-
-const template = `
-<div class="bg-surface-ground p-4">
-  <div class="flex flex-col gap-4">
-    <div class="flex gap-3 items-end">  
-      <p-button label="Primary"/>
-      <p-button label="Danger" severity="danger" />
-      <p-button label="Warning" severity="warning" />
-      <p-button label="Success" severity="success" />
-      <p-button label="Info" severity="info" />
-      <p-button label="Help" severity="help" />
-    </div>
-    
-      <div class="flex gap-3 items-end">  
-      <p-button label="Primary" [rounded]="true"/>
-      <p-button label="Danger" [rounded]="true" severity="danger" />
-      <p-button label="Warning" [rounded]="true" severity="warning" />
-      <p-button label="Success" [rounded]="true" severity="success" />
-      <p-button label="Info" [rounded]="true" severity="info" />
-      <p-button label="Help" [rounded]="true" severity="help" />
-    </div>
-    
-    <div class="flex gap-3 items-end">  
-      <p-button label="Primary" [text]="true"/>
-      <p-button label="Danger" [text]="true" severity="danger" />
-      <p-button label="Warning" [text]="true" severity="warning" />
-      <p-button label="Success" [text]="true" severity="success" />
-      <p-button label="Info" [text]="true" severity="info" />
-      <p-button label="Help" [text]="true" severity="help" />
-    </div>
-    
-    <div class="flex gap-3 items-end">  
-      <p-button icon="pi pi-check" />
-      <p-button icon="pi pi-times" severity="danger" />
-      <p-button icon="pi pi-bell" severity="warning" />
-      <p-button icon="pi pi-search" severity="success" />
-      <p-button icon="pi pi-user" severity="info" />
-      <p-button icon="pi pi-heart" severity="help" />
-    </div>
-    
-     <div class="flex gap-3 items-end">  
-      <p-button icon="pi pi-check" [outlined]="true" />
-      <p-button icon="pi pi-times" [outlined]="true" severity="danger" />
-      <p-button icon="pi pi-bell" [outlined]="true" severity="warning" />
-      <p-button icon="pi pi-search" [outlined]="true" severity="success" />
-      <p-button icon="pi pi-user" [outlined]="true" severity="info" />
-      <p-button icon="pi pi-heart" [outlined]="true" severity="help" />
-    </div>
-    
-    <div class="flex gap-3 items-end">  
-      <p-button icon="pi pi-check" [rounded]="true" />
-      <p-button icon="pi pi-times" [rounded]="true" severity="danger" />
-      <p-button icon="pi pi-bell" [rounded]="true" severity="warning" />
-      <p-button icon="pi pi-search" [rounded]="true" severity="success" />
-      <p-button icon="pi pi-user" [rounded]="true" severity="info" />
-      <p-button icon="pi pi-heart" [rounded]="true" severity="help" />
-    </div>
-    
-    <div class="flex gap-3 items-end">  
-      <p-button icon="pi pi-check" [rounded]="true" [outlined]="true" />
-      <p-button icon="pi pi-times" [rounded]="true" [outlined]="true" severity="danger" />
-      <p-button icon="pi pi-bell" [rounded]="true" [outlined]="true" severity="warning" />
-      <p-button icon="pi pi-search" [rounded]="true" [outlined]="true" severity="success" />
-      <p-button icon="pi pi-user" [rounded]="true" [outlined]="true" severity="info" />
-      <p-button icon="pi pi-heart" [rounded]="true" [outlined]="true" severity="help" />
-    </div>
-    
-      <div class="flex gap-3 items-end">  
-      <p-button icon="pi pi-check" [rounded]="true" [text]="true" />
-      <p-button icon="pi pi-times" [rounded]="true" [text]="true" severity="danger" />
-      <p-button icon="pi pi-bell" [rounded]="true" [text]="true" severity="warning" />
-      <p-button icon="pi pi-search" [rounded]="true" [text]="true" severity="success" />
-      <p-button icon="pi pi-user" [rounded]="true" [text]="true" severity="info" />
-      <p-button icon="pi pi-heart" [rounded]="true" [text]="true" severity="help" />
-    </div>
-  </div>
-</div>
-`;
-const styles = '';
-
-@Component({
-  selector: 'app-button-severity',
-  standalone: true,
-  imports: [Button],
-  template,
-  styles,
-})
-export class ButtonSeverityComponent {}
-
-export const Severity: StoryObj = {
-  render: () => ({
-    template: `<app-button-severity></app-button-severity>`,
-  }),
-  parameters: {
-    docs: {
-      description: {
-        story: 'Кнопки с разным Severity',
-      },
-      source: {
-        language: 'ts',
-        code: `
-import { Component } from '@angular/core';
-import { Button } from 'primeng/button';
-        
-@Component({
-  selector: 'app-button-severity',
-  standalone: true,
-  imports: [
-    Button
-  ],
-  template: ${template},
-  styles: ${styles}
-})
-export class ButtonSeverityComponent {}
-        `,
-      },
-    },
-  },
-};
diff --git a/src-storybook/styles.scss b/src-storybook/styles.scss
deleted file mode 100644
index 29a9803..0000000
--- a/src-storybook/styles.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-/* You can add global styles to this file, and also import other style files */
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@import "./assets/themes/ek5-light-primary/theme.css";
-@import "primeicons/primeicons.css";
diff --git a/src/app/app.config.ts b/src/app/app.config.ts
new file mode 100644
index 0000000..6bdbf57
--- /dev/null
+++ b/src/app/app.config.ts
@@ -0,0 +1,23 @@
+import { ApplicationConfig, provideBrowserGlobalErrorListeners, provideZonelessChangeDetection } from '@angular/core';
+import { provideRouter } from '@angular/router';
+
+import { routes } from './app.routes';
+import { providePrimeNG } from 'primeng/config';
+import Preset from '../prime-preset/theme.preset';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideBrowserGlobalErrorListeners(),
+    provideZonelessChangeDetection(),
+    providePrimeNG({
+      theme: {
+        preset: Preset,
+        options: {
+          darkModeSelector: false,
+          cssLayer: false
+        }
+      }
+    }),
+    provideRouter(routes)
+  ]
+};
diff --git a/src/app/app.html b/src/app/app.html
new file mode 100644
index 0000000..beb2fb5
--- /dev/null
+++ b/src/app/app.html
@@ -0,0 +1 @@
+<p-button label="Label"></p-button>
diff --git a/src-storybook/app/app.routes.ts b/src/app/app.routes.ts
similarity index 100%
rename from src-storybook/app/app.routes.ts
rename to src/app/app.routes.ts
diff --git a/primeng-sass-theme/theme-base/components/misc/_blockui.scss b/src/app/app.scss
similarity index 100%
rename from primeng-sass-theme/theme-base/components/misc/_blockui.scss
rename to src/app/app.scss
diff --git a/src/app/app.spec.ts b/src/app/app.spec.ts
new file mode 100644
index 0000000..213aa04
--- /dev/null
+++ b/src/app/app.spec.ts
@@ -0,0 +1,25 @@
+import { provideZonelessChangeDetection } from '@angular/core';
+import { TestBed } from '@angular/core/testing';
+import { App } from './app';
+
+describe('App', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [App],
+      providers: [provideZonelessChangeDetection()]
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(App);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(App);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('h1')?.textContent).toContain('Hello, angular-ui-kit');
+  });
+});
diff --git a/src/app/app.ts b/src/app/app.ts
new file mode 100644
index 0000000..dd76ca8
--- /dev/null
+++ b/src/app/app.ts
@@ -0,0 +1,12 @@
+import { Component, signal } from '@angular/core';
+import { Button } from 'primeng/button';
+
+@Component({
+  selector: 'app-root',
+  imports: [Button],
+  templateUrl: './app.html',
+  styleUrl: './app.scss'
+})
+export class App {
+  protected readonly title = signal('angular-ui-kit');
+}
diff --git a/src/app/components/accordion/accordion.css b/src/app/components/accordion/accordion.css
deleted file mode 100644
index c576f09..0000000
--- a/src/app/components/accordion/accordion.css
+++ /dev/null
@@ -1,35 +0,0 @@
-@layer primeng {
-    .p-accordion-header-link {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        user-select: none;
-        position: relative;
-        text-decoration: none;
-    }
-
-    .p-accordion-header-link:focus {
-        z-index: 1;
-    }
-
-    .p-accordion-header-text {
-        line-height: 1;
-    }
-
-    .p-accordion .p-toggleable-content {
-        overflow: hidden;
-    }
-
-    .p-accordion .p-accordion-tab-active > .p-toggleable-content:not(.ng-animating) {
-        overflow: inherit;
-    }
-
-    .p-accordion-toggle-icon-end {
-        order: 1;
-        margin-left: auto;
-    }
-
-    .p-accordion-toggle-icon {
-        order: 0;
-    }
-}
diff --git a/src/app/components/accordion/accordion.interface.ts b/src/app/components/accordion/accordion.interface.ts
deleted file mode 100644
index f2ec162..0000000
--- a/src/app/components/accordion/accordion.interface.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Custom tab open event.
- * @see {@link Accordion.onOpen}
- * @group Events
- */
-export interface AccordionTabOpenEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Opened tab index.
-     */
-    index: number;
-}
-
-/**
- * Custom tab close event.
- * @see {@link Accordion.onClose}
- * @extends {AccordionTabOpenEvent}
- * @group Events
- */
-export interface AccordionTabCloseEvent extends AccordionTabOpenEvent {}
-
-/**
- * Defines valid templates in Accordion.
- * @group Templates
- */
-export interface AccordionTemplates {
-    /**
-     * Custom template of content.
-     */
-    content(): TemplateRef<any>;
-    /**
-     * Custom template of header.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom template of icon.
-     */
-    icon(context: {
-        /**
-         * Data of the selected.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-}
diff --git a/src/app/components/accordion/accordion.spec.ts b/src/app/components/accordion/accordion.spec.ts
deleted file mode 100644
index 63dec23..0000000
--- a/src/app/components/accordion/accordion.spec.ts
+++ /dev/null
@@ -1,235 +0,0 @@
-import { TestBed, ComponentFixture, async, fakeAsync, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Accordion } from './accordion';
-import { AccordionTab } from './accordion';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Component, NO_ERRORS_SCHEMA } from '@angular/core';
-
-@Component({
-    template: `<p-accordion [collapseIcon]="collapseIcon" [expandIcon]="expandIcon" [styleClass]="styleClass" [style]="style">
-        <p-accordionTab [header]="header1" [disabled]="disabled1">
-            The story begins as Don Vito Corleone, the head of a New York Mafia family, overseeshis daughter's wedding. His beloved son ichael has just come home from the war, but does not intend to become part of his father's business. T hrough
-            Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family, kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against
-            the good of the family.
-        </p-accordionTab>
-        <p-accordionTab header="Godfather II">
-            The story begins as Don Vito Corleone, the head of a New York Mafia family, overseeshis daughter's wedding. His beloved son ichael has just come home from the war, but does not intend to become part of his father's business. T hrough
-            Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family, kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against
-            the good of the family.
-        </p-accordionTab>
-    </p-accordion>`
-})
-class TestAccordionComponent {
-    header1: string = 'Godfather I';
-
-    disabled1: boolean = false;
-
-    collapseIcon: string = 'pi pi-fw pi-chevron-down';
-
-    expandIcon: string = 'pi pi-fw pi-chevron-right';
-
-    styleClass: string;
-
-    style: any;
-}
-
-describe('Accordion', () => {
-    let accordion: Accordion;
-    let firstAccordionTab: AccordionTab;
-    let secondAccordionTab: AccordionTab;
-    let fixture: ComponentFixture<TestAccordionComponent>;
-
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            schemas: [NO_ERRORS_SCHEMA],
-            imports: [NoopAnimationsModule],
-            declarations: [Accordion, AccordionTab, TestAccordionComponent]
-        });
-    }));
-    beforeEach(() => {
-        fixture = TestBed.createComponent(TestAccordionComponent);
-        accordion = fixture.debugElement.children[0].componentInstance;
-        firstAccordionTab = fixture.debugElement.children[0].children[0].children[0].componentInstance;
-        secondAccordionTab = fixture.debugElement.children[0].children[0].children[1].componentInstance;
-        fixture.detectChanges();
-    });
-
-    it('should have a two accordionTab', () => {
-        fixture.detectChanges();
-
-        expect(accordion.tabs.length).toBe(2);
-    });
-
-    it('should change header', () => {
-        fixture.detectChanges();
-
-        fixture.componentInstance.header1 = 'Primeng ROCKS';
-
-        firstAccordionTab.header = 'Primeng ROCKS';
-        fixture.detectChanges();
-
-        const accordionTabHeaderEl = fixture.debugElement.children[0].children[0].children[0].query(By.css('.p-accordion-header-text'));
-        expect(accordionTabHeaderEl.nativeElement.textContent).toContain('Primeng ROCKS');
-    });
-
-    it('should have selected first accordionTab and second accordionTab should be unselected', () => {
-        firstAccordionTab.selected = true;
-        fixture.detectChanges();
-
-        const firstAccordionTabHeaderEl = fixture.debugElement.children[0].children[0].children[0].query(By.css('.p-accordion-header')).nativeElement;
-        const secondAccordionTabHeaderEl = fixture.debugElement.children[0].children[0].children[1].query(By.css('.p-accordion-header')).nativeElement;
-        expect(firstAccordionTabHeaderEl.className).toContain('p-highlight');
-        expect(secondAccordionTabHeaderEl.className).not.toContain('p-highlight');
-    });
-
-    it('should have a multiple select and all accordionTabs should be selected', () => {
-        accordion.multiple = true;
-        fixture.detectChanges();
-
-        const firstAccordionTabOpenEl = fixture.debugElement.children[0].children[0].children[0].query(By.css('a')).nativeElement;
-        const secondAccordionTabOpenEl = fixture.debugElement.children[0].children[0].children[1].query(By.css('a')).nativeElement;
-        secondAccordionTabOpenEl.click();
-        firstAccordionTabOpenEl.click();
-        fixture.detectChanges();
-
-        const firstAccordionTabHeaderEl = fixture.debugElement.children[0].children[0].children[0].query(By.css('.p-accordion-header')).nativeElement;
-        const secondAccordionTabHeaderEl = fixture.debugElement.children[0].children[0].children[1].query(By.css('.p-accordion-header')).nativeElement;
-        expect(firstAccordionTabHeaderEl.className).toContain('p-highlight');
-        expect(secondAccordionTabHeaderEl.className).toContain('p-highlight');
-    });
-
-    it('should disabled', () => {
-        fixture.componentInstance.disabled1 = true;
-        fixture.detectChanges();
-
-        const firstAccordionTabOpenEl = fixture.debugElement.children[0].children[0].children[0].query(By.css('a')).nativeElement;
-        const accordionTabHeaderEl = fixture.debugElement.children[0].children[0].children[0].query(By.css('.p-accordion-header')).nativeElement;
-        firstAccordionTabOpenEl.click();
-        expect(accordionTabHeaderEl.className).toContain('p-disabled');
-        expect(accordionTabHeaderEl.className).not.toContain('p-highlight');
-    });
-
-    it('should change expandIcon and collapseIcon', () => {
-        fixture.componentInstance.collapseIcon = 'pi pi-fw pi-caret-left';
-        fixture.componentInstance.expandIcon = 'pi pi-fw pi-caret-up';
-        fixture.detectChanges();
-
-        firstAccordionTab.changeDetector.detectChanges();
-        const firstAccordionTabOpenEl = fixture.debugElement.children[0].children[0].children[0].query(By.css('.p-accordion-toggle-icon')).nativeElement;
-        expect(firstAccordionTabOpenEl.className).toContain('pi-caret-up');
-        firstAccordionTab.selected = true;
-        fixture.detectChanges();
-    });
-
-    it('should get styleClass', () => {
-        fixture.componentInstance.styleClass = 'alwaysbetonprime';
-        fixture.detectChanges();
-
-        const accordionEl = fixture.debugElement.children[0].query(By.css('.p-accordion')).nativeElement;
-        expect(accordionEl.className).toContain('alwaysbetonprime');
-    });
-
-    it('should get style', () => {
-        fixture.componentInstance.style = { height: '300px' };
-        fixture.detectChanges();
-
-        accordion.changeDetector.detectChanges();
-        const accordionEl = fixture.debugElement.children[0].query(By.css('.p-accordion')).nativeElement;
-        expect(accordionEl.style.height).toContain('300px');
-    });
-
-    it('should active index change', () => {
-        fixture.detectChanges();
-
-        let activeIndex;
-        const secondAccordionTabOpenEl = fixture.debugElement.children[0].children[0].children[1].query(By.css('a')).nativeElement;
-        accordion.onOpen.subscribe((value) => (activeIndex = value.index));
-        secondAccordionTabOpenEl.click();
-        expect(activeIndex).toEqual(1);
-    });
-
-    it('should be closed', fakeAsync(() => {
-        fixture.detectChanges();
-
-        let activeIndex;
-        const secondAccordionTabOpenEl = fixture.debugElement.children[0].children[0].children[1].query(By.css('a')).nativeElement;
-        accordion.onOpen.subscribe((value) => (activeIndex = value.index));
-        secondAccordionTabOpenEl.click();
-        fixture.detectChanges();
-        tick(150);
-
-        secondAccordionTabOpenEl.click();
-        fixture.detectChanges();
-
-        const secondAccordionTabHeaderEl = fixture.debugElement.children[0].children[0].children[1].query(By.css('.p-accordion-header')).nativeElement;
-        expect(secondAccordionTabHeaderEl.className).not.toContain('p-highlight');
-    }));
-
-    it('should have an activeIndex', () => {
-        fixture.detectChanges();
-
-        accordion.activeIndex = 1;
-        fixture.detectChanges();
-
-        const secondAccordionTabHeaderEl = fixture.debugElement.children[0].children[0].children[1].query(By.css('.p-accordion-header')).nativeElement;
-        expect(secondAccordionTabHeaderEl.className).toContain('p-highlight');
-    });
-
-    it('should be toggle on space and enter keydown event', () => {
-        fixture.detectChanges();
-
-        const secondAccordionTabHeaderEl = fixture.debugElement.children[0].children[0].children[1].query(By.css('.p-accordion-header')).nativeElement;
-        expect(secondAccordionTabHeaderEl.className).not.toContain('p-highlight');
-
-        //toggle when enter is pressed
-        const spaceEvent = new KeyboardEvent('keydown', { key: 'Enter', code: 'Enter' });
-        secondAccordionTab.onKeydown(spaceEvent);
-
-        expect(secondAccordionTabHeaderEl.className).toContain('p-highlight');
-
-        //toggle when space is pressed
-        const keyDownEvent = new KeyboardEvent('keydown', { key: 'Space', code: 'Space' });
-        secondAccordionTab.onKeydown(keyDownEvent);
-        fixture.detectChanges();
-
-        expect(secondAccordionTabHeaderEl.className).not.toContain('p-highlight');
-    });
-
-    describe('onKeydown', () => {
-        let firstAccordionTabEl;
-        let secondAccordionTabEl;
-
-        beforeEach(() => {
-            firstAccordionTabEl = fixture.debugElement.children[0].children[0].children[0].query(By.css('a')).nativeElement;
-            secondAccordionTabEl = fixture.debugElement.children[0].children[0].children[1].query(By.css('a')).nativeElement;
-        });
-
-        const testKeyBoardEvent = (keyCode, eventTarget, activeTab) => {
-            fixture.detectChanges();
-
-            const keyDownEvent = new KeyboardEvent('keydown', { code: keyCode });
-            spyOnProperty(keyDownEvent, 'target', 'get').and.returnValue(eventTarget);
-
-            accordion.onKeydown(keyDownEvent);
-            fixture.detectChanges();
-
-            expect(document.activeElement).toEqual(activeTab);
-        };
-
-        it('ArrowDown should focus on the next tab', () => {
-            testKeyBoardEvent('ArrowDown', firstAccordionTabEl, secondAccordionTabEl);
-        });
-
-        it('ArrowUp should focus on the next tab', () => {
-            testKeyBoardEvent('ArrowUp', secondAccordionTabEl, firstAccordionTabEl);
-        });
-
-        it('Home should focus on the first tab', () => {
-            testKeyBoardEvent('Home', secondAccordionTabEl, firstAccordionTabEl);
-        });
-
-        it('End should focus on the last tab', () => {
-            testKeyBoardEvent('End', firstAccordionTabEl, secondAccordionTabEl);
-        });
-    });
-});
diff --git a/src/app/components/accordion/accordion.ts b/src/app/components/accordion/accordion.ts
deleted file mode 100644
index f4759c2..0000000
--- a/src/app/components/accordion/accordion.ts
+++ /dev/null
@@ -1,646 +0,0 @@
-import { animate, state, style, transition, trigger } from '@angular/animations';
-import { CommonModule } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    HostListener,
-    Inject,
-    Input,
-    NgModule,
-    OnDestroy,
-    Output,
-    QueryList,
-    TemplateRef,
-    ViewEncapsulation,
-    booleanAttribute,
-    forwardRef,
-    numberAttribute
-} from '@angular/core';
-import { BlockableUI, Header, PrimeTemplate, SharedModule } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { ChevronDownIcon } from 'primeng/icons/chevrondown';
-import { ChevronRightIcon } from 'primeng/icons/chevronright';
-import { Subscription } from 'rxjs';
-import { AccordionTabCloseEvent, AccordionTabOpenEvent } from './accordion.interface';
-import { UniqueComponentId } from 'primeng/utils';
-
-/**
- * AccordionTab is a helper component for Accordion.
- * @group Components
- */
-@Component({
-    selector: 'p-accordionTab',
-    template: `
-        <div class="p-accordion-tab" [class.p-accordion-tab-active]="selected" [ngClass]="tabStyleClass" [ngStyle]="tabStyle" [attr.data-pc-name]="'accordiontab'">
-            <div class="p-accordion-header" role="heading" [attr.aria-level]="headerAriaLevel" [class.p-highlight]="selected" [class.p-disabled]="disabled" [attr.data-p-disabled]="disabled" [attr.data-pc-section]="'header'">
-                <a
-                    [ngClass]="headerStyleClass"
-                    [ngStyle]="headerStyle"
-                    role="button"
-                    class="p-accordion-header-link"
-                    (click)="toggle($event)"
-                    (keydown)="onKeydown($event)"
-                    [attr.tabindex]="disabled ? null : 0"
-                    [attr.id]="getTabHeaderActionId(id)"
-                    [attr.aria-controls]="getTabContentId(id)"
-                    [attr.aria-expanded]="selected"
-                    [attr.aria-disabled]="disabled"
-                    [attr.data-pc-section]="'headeraction'"
-                >
-                    <ng-container *ngIf="!iconTemplate">
-                        <ng-container *ngIf="selected">
-                            <span *ngIf="accordion.collapseIcon" [class]="accordion.collapseIcon" [ngClass]="iconClass" [attr.aria-hidden]="true"></span>
-                            <ChevronDownIcon *ngIf="!accordion.collapseIcon" [ngClass]="iconClass" [attr.aria-hidden]="true" />
-                        </ng-container>
-                        <ng-container *ngIf="!selected">
-                            <span *ngIf="accordion.expandIcon" [class]="accordion.expandIcon" [ngClass]="iconClass" [attr.aria-hidden]="true"></span>
-                            <ChevronRightIcon *ngIf="!accordion.expandIcon" [ngClass]="iconClass" [attr.aria-hidden]="true" />
-                        </ng-container>
-                    </ng-container>
-                    <ng-template *ngTemplateOutlet="iconTemplate; context: { $implicit: selected }"></ng-template>
-                    <span class="p-accordion-header-text" *ngIf="!hasHeaderFacet">
-                        {{ header }}
-                    </span>
-                    <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-                    <ng-content select="p-header" *ngIf="hasHeaderFacet"></ng-content>
-                </a>
-            </div>
-            <div
-                [attr.id]="getTabContentId(id)"
-                class="p-toggleable-content"
-                [@tabContent]="selected ? { value: 'visible', params: { transitionParams: transitionOptions } } : { value: 'hidden', params: { transitionParams: transitionOptions } }"
-                role="region"
-                [attr.aria-hidden]="!selected"
-                [attr.aria-labelledby]="getTabHeaderActionId(id)"
-                [attr.data-pc-section]="'toggleablecontent'"
-            >
-                <div class="p-accordion-content" [ngClass]="contentStyleClass" [ngStyle]="contentStyle">
-                    <ng-content></ng-content>
-                    <ng-container *ngIf="contentTemplate && (cache ? loaded : selected)">
-                        <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
-                    </ng-container>
-                </div>
-            </div>
-        </div>
-    `,
-    animations: [
-        trigger('tabContent', [
-            state(
-                'hidden',
-                style({
-                    height: '0',
-                    visibility: 'hidden'
-                })
-            ),
-            state(
-                'visible',
-                style({
-                    height: '*',
-                    visibility: 'visible'
-                })
-            ),
-            transition('visible <=> hidden', [animate('{{transitionParams}}')]),
-            transition('void => *', animate(0))
-        ])
-    ],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./accordion.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class AccordionTab implements AfterContentInit, OnDestroy {
-    /**
-     * Current id state as a string.
-     * @group Props
-     */
-    @Input() id: string | undefined;
-    /**
-     * Used to define the header of the tab.
-     * @group Props
-     */
-    @Input() header: string | undefined;
-    /**
-     * Inline style of the tab header.
-     * @group Props
-     */
-    @Input() headerStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Inline style of the tab.
-     * @group Props
-     */
-    @Input() tabStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Inline style of the tab content.
-     * @group Props
-     */
-    @Input() contentStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the tab.
-     * @group Props
-     */
-    @Input() tabStyleClass: string | undefined;
-    /**
-     * Style class of the tab header.
-     * @group Props
-     */
-    @Input() headerStyleClass: string | undefined;
-    /**
-     * Style class of the tab content.
-     * @group Props
-     */
-    @Input() contentStyleClass: string | undefined;
-    /**
-     * Whether the tab is disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * Whether a lazy loaded panel should avoid getting loaded again on reselection.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) cache: boolean = true;
-    /**
-     * Transition options of the animation.
-     * @group Props
-     */
-    @Input() transitionOptions: string = '400ms cubic-bezier(0.86, 0, 0.07, 1)';
-    /**
-     * Position of the icon.
-     * @group Props
-     */
-    @Input() iconPos: 'end' | 'start' = 'start';
-    /**
-     * The value that returns the selection.
-     * @group Props
-     */
-    @Input() get selected(): boolean {
-        return this._selected;
-    }
-    set selected(val: boolean) {
-        this._selected = val;
-
-        if (!this.loaded) {
-            if (this._selected && this.cache) {
-                this.loaded = true;
-            }
-
-            this.changeDetector.detectChanges();
-        }
-    }
-    /**
-     * The aria-level that each accordion header will have. The default value is 2 as per W3C specifications
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) headerAriaLevel: number = 2;
-    /**
-     * Event triggered by changing the choice.
-     * @param {boolean} value - Boolean value indicates that the option is changed.
-     * @group Emits
-     */
-    @Output() selectedChange: EventEmitter<boolean> = new EventEmitter<boolean>();
-
-    @ContentChildren(Header) headerFacet!: QueryList<Header>;
-
-    @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;
-
-    private _selected: boolean = false;
-
-    get iconClass() {
-        if (this.iconPos === 'end') {
-            return 'p-accordion-toggle-icon-end';
-        } else {
-            return 'p-accordion-toggle-icon';
-        }
-    }
-
-    contentTemplate: TemplateRef<any> | undefined;
-
-    headerTemplate: TemplateRef<any> | undefined;
-
-    iconTemplate: TemplateRef<any> | undefined;
-
-    loaded: boolean = false;
-
-    accordion: Accordion;
-
-    constructor(
-        @Inject(forwardRef(() => Accordion)) accordion: Accordion,
-        public el: ElementRef,
-        public changeDetector: ChangeDetectorRef
-    ) {
-        this.accordion = accordion as Accordion;
-        this.id = UniqueComponentId();
-    }
-
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'icon':
-                    this.iconTemplate = item.template;
-                    break;
-
-                default:
-                    this.contentTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    toggle(event?: MouseEvent | KeyboardEvent) {
-        if (this.disabled) {
-            return false;
-        }
-
-        let index = this.findTabIndex();
-
-        if (this.selected) {
-            this.selected = false;
-            this.accordion.onClose.emit({ originalEvent: event, index: index });
-        } else {
-            if (!this.accordion.multiple) {
-                for (var i = 0; i < this.accordion.tabs.length; i++) {
-                    if (this.accordion.tabs[i].selected) {
-                        this.accordion.tabs[i].selected = false;
-                        this.accordion.tabs[i].selectedChange.emit(false);
-                        this.accordion.tabs[i].changeDetector.markForCheck();
-                    }
-                }
-            }
-
-            this.selected = true;
-            this.loaded = true;
-            this.accordion.onOpen.emit({ originalEvent: event, index: index });
-        }
-
-        this.selectedChange.emit(this.selected);
-        this.accordion.updateActiveIndex();
-        this.changeDetector.markForCheck();
-
-        event?.preventDefault();
-    }
-
-    findTabIndex() {
-        let index = -1;
-        for (var i = 0; i < this.accordion.tabs.length; i++) {
-            if (this.accordion.tabs[i] == this) {
-                index = i;
-                break;
-            }
-        }
-        return index;
-    }
-
-    get hasHeaderFacet(): boolean {
-        return (this.headerFacet as QueryList<Header>) && (this.headerFacet as QueryList<Header>).length > 0;
-    }
-
-    onKeydown(event: KeyboardEvent) {
-        switch (event.code) {
-            case 'Enter':
-            case 'Space':
-                this.toggle(event);
-                event.preventDefault();
-                break;
-            default:
-                break;
-        }
-    }
-
-    getTabHeaderActionId(tabId) {
-        return `${tabId}_header_action`;
-    }
-
-    getTabContentId(tabId) {
-        return `${tabId}_content`;
-    }
-
-    ngOnDestroy() {
-        this.accordion.tabs.splice(this.findTabIndex(), 1);
-    }
-}
-
-/**
- * Accordion groups a collection of contents in tabs.
- * @group Components
- */
-@Component({
-    selector: 'p-accordion',
-    template: `
-        <div [ngClass]="'p-accordion p-component'" [ngStyle]="style" [class]="styleClass">
-            <ng-content></ng-content>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    host: {
-        class: 'p-element'
-    }
-})
-export class Accordion implements BlockableUI, AfterContentInit, OnDestroy {
-    /**
-     * When enabled, multiple tabs can be activated at the same time.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) multiple: boolean = false;
-    /**
-     * Inline style of the tab header and content.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Icon of a collapsed tab.
-     * @group Props
-     */
-    @Input() expandIcon: string | undefined;
-    /**
-     * Icon of an expanded tab.
-     * @group Props
-     */
-    @Input() collapseIcon: string | undefined;
-    /**
-     * Index of the active tab or an array of indexes in multiple mode.
-     * @group Props
-     */
-    @Input() get activeIndex(): number | number[] | null | undefined {
-        return this._activeIndex;
-    }
-    set activeIndex(val: number | number[] | null | undefined) {
-        this._activeIndex = val;
-        if (this.preventActiveIndexPropagation) {
-            this.preventActiveIndexPropagation = false;
-            return;
-        }
-
-        this.updateSelectionState();
-    }
-    /**
-     * When enabled, the focused tab is activated.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) selectOnFocus: boolean = false;
-    /**
-     * The aria-level that each accordion header will have. The default value is 2 as per W3C specifications
-     * @group Props
-     */
-    @Input() get headerAriaLevel(): number {
-        return this._headerAriaLevel;
-    }
-    set headerAriaLevel(val: number) {
-        if (typeof val === 'number' && val > 0) {
-            this._headerAriaLevel = val;
-        } else if (this._headerAriaLevel !== 2) {
-            this._headerAriaLevel = 2;
-        }
-    }
-    /**
-     * Callback to invoke when an active tab is collapsed by clicking on the header.
-     * @param {AccordionTabCloseEvent} event - Custom tab close event.
-     * @group Emits
-     */
-    @Output() onClose: EventEmitter<AccordionTabCloseEvent> = new EventEmitter();
-    /**
-     * Callback to invoke when a tab gets expanded.
-     * @param {AccordionTabOpenEvent} event - Custom tab open event.
-     * @group Emits
-     */
-    @Output() onOpen: EventEmitter<AccordionTabOpenEvent> = new EventEmitter();
-    /**
-     * Returns the active index.
-     * @param {number | number[]} value - New index.
-     * @group Emits
-     */
-    @Output() activeIndexChange: EventEmitter<number | number[]> = new EventEmitter<number | number[]>();
-
-    @ContentChildren(AccordionTab, { descendants: true }) tabList: QueryList<AccordionTab> | undefined;
-
-    tabListSubscription: Subscription | null = null;
-
-    private _activeIndex: any;
-    private _headerAriaLevel: number = 2;
-
-    preventActiveIndexPropagation: boolean = false;
-
-    public tabs: AccordionTab[] = [];
-
-    constructor(
-        public el: ElementRef,
-        public changeDetector: ChangeDetectorRef
-    ) {}
-
-    @HostListener('keydown', ['$event'])
-    onKeydown(event) {
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onTabArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onTabArrowUpKey(event);
-                break;
-
-            case 'Home':
-                if (!event.shiftKey) {
-                    this.onTabHomeKey(event);
-                }
-                break;
-
-            case 'End':
-                if (!event.shiftKey) {
-                    this.onTabEndKey(event);
-                }
-                break;
-        }
-    }
-
-    focusedElementIsAccordionHeader() {
-        return document.activeElement.tagName.toLowerCase() === 'a' && document.activeElement.classList.contains('p-accordion-header-link');
-    }
-
-    onTabArrowDownKey(event) {
-        if (this.focusedElementIsAccordionHeader()) {
-            const nextHeaderAction = this.findNextHeaderAction(event.target.parentElement.parentElement.parentElement);
-            nextHeaderAction ? this.changeFocusedTab(nextHeaderAction) : this.onTabHomeKey(event);
-
-            event.preventDefault();
-        }
-    }
-
-    onTabArrowUpKey(event) {
-        if (this.focusedElementIsAccordionHeader()) {
-            const prevHeaderAction = this.findPrevHeaderAction(event.target.parentElement.parentElement.parentElement);
-            prevHeaderAction ? this.changeFocusedTab(prevHeaderAction) : this.onTabEndKey(event);
-
-            event.preventDefault();
-        }
-    }
-
-    onTabHomeKey(event) {
-        const firstHeaderAction = this.findFirstHeaderAction();
-        this.changeFocusedTab(firstHeaderAction);
-        event.preventDefault();
-    }
-
-    changeFocusedTab(element) {
-        if (element) {
-            DomHandler.focus(element);
-
-            if (this.selectOnFocus) {
-                this.tabs.forEach((tab, i) => {
-                    let selected = this.multiple ? this._activeIndex.includes(i) : i === this._activeIndex;
-
-                    if (this.multiple) {
-                        if (!this._activeIndex) {
-                            this._activeIndex = [];
-                        }
-                        if (tab.id == element.id) {
-                            tab.selected = !tab.selected;
-                            if (!this._activeIndex.includes(i)) {
-                                this._activeIndex.push(i);
-                            } else {
-                                this._activeIndex = this._activeIndex.filter((ind) => ind !== i);
-                            }
-                        }
-                    } else {
-                        if (tab.id == element.id) {
-                            tab.selected = !tab.selected;
-                            this._activeIndex = i;
-                        } else {
-                            tab.selected = false;
-                        }
-                    }
-
-                    tab.selectedChange.emit(selected);
-                    this.activeIndexChange.emit(this._activeIndex);
-                    tab.changeDetector.markForCheck();
-                });
-            }
-        }
-    }
-
-    findNextHeaderAction(tabElement, selfCheck = false) {
-        const nextTabElement = selfCheck ? tabElement : tabElement.nextElementSibling;
-        const headerElement = DomHandler.findSingle(nextTabElement, '[data-pc-section="header"]');
-
-        return headerElement ? (DomHandler.getAttribute(headerElement, 'data-p-disabled') ? this.findNextHeaderAction(headerElement.parentElement.parentElement) : DomHandler.findSingle(headerElement, '[data-pc-section="headeraction"]')) : null;
-    }
-
-    findPrevHeaderAction(tabElement, selfCheck = false) {
-        const prevTabElement = selfCheck ? tabElement : tabElement.previousElementSibling;
-        const headerElement = DomHandler.findSingle(prevTabElement, '[data-pc-section="header"]');
-
-        return headerElement ? (DomHandler.getAttribute(headerElement, 'data-p-disabled') ? this.findPrevHeaderAction(headerElement.parentElement.parentElement) : DomHandler.findSingle(headerElement, '[data-pc-section="headeraction"]')) : null;
-    }
-
-    findFirstHeaderAction() {
-        const firstEl = this.el.nativeElement.firstElementChild.childNodes[0];
-        return this.findNextHeaderAction(firstEl, true);
-    }
-
-    findLastHeaderAction() {
-        const childNodes = this.el.nativeElement.firstElementChild.childNodes;
-        const lastEl = childNodes[childNodes.length - 1];
-
-        return this.findPrevHeaderAction(lastEl, true);
-    }
-
-    onTabEndKey(event) {
-        const lastHeaderAction = this.findLastHeaderAction();
-        this.changeFocusedTab(lastHeaderAction);
-        event.preventDefault();
-    }
-
-    ngAfterContentInit() {
-        this.initTabs();
-
-        this.tabListSubscription = (this.tabList as QueryList<AccordionTab>).changes.subscribe((_) => {
-            this.initTabs();
-        });
-    }
-
-    initTabs() {
-        this.tabs = (this.tabList as QueryList<AccordionTab>).toArray();
-
-        this.tabs.forEach((tab) => {
-            tab.headerAriaLevel = this._headerAriaLevel;
-        });
-
-        this.updateSelectionState();
-        this.changeDetector.markForCheck();
-    }
-
-    getBlockableElement(): HTMLElement {
-        return this.el.nativeElement.children[0];
-    }
-
-    updateSelectionState() {
-        if (this.tabs && this.tabs.length && this._activeIndex != null) {
-            for (let i = 0; i < this.tabs.length; i++) {
-                let selected = this.multiple ? this._activeIndex.includes(i) : i === this._activeIndex;
-                let changed = selected !== this.tabs[i].selected;
-
-                if (changed) {
-                    this.tabs[i].selected = selected;
-                    this.tabs[i].selectedChange.emit(selected);
-                    this.tabs[i].changeDetector.markForCheck();
-                }
-            }
-        }
-    }
-
-    isTabActive(index) {
-        return this.multiple ? this._activeIndex && (<number[]>this._activeIndex).includes(index) : this._activeIndex === index;
-    }
-
-    getTabProp(tab, name) {
-        return tab.props ? tab.props[name] : undefined;
-    }
-
-    updateActiveIndex() {
-        let index: number | number[] | null = this.multiple ? [] : null;
-        this.tabs.forEach((tab, i) => {
-            if (tab.selected) {
-                if (this.multiple) {
-                    (index as number[]).push(i);
-                } else {
-                    index = i;
-                    return;
-                }
-            }
-        });
-        this.preventActiveIndexPropagation = true;
-        this._activeIndex = index;
-        this.activeIndexChange.emit(index as number[] | number);
-    }
-
-    ngOnDestroy() {
-        if (this.tabListSubscription) {
-            this.tabListSubscription.unsubscribe();
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, ChevronRightIcon, ChevronDownIcon],
-    exports: [Accordion, AccordionTab, SharedModule],
-    declarations: [Accordion, AccordionTab]
-})
-export class AccordionModule {}
diff --git a/src/app/components/accordion/ng-package.json b/src/app/components/accordion/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/accordion/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/accordion/public_api.ts b/src/app/components/accordion/public_api.ts
deleted file mode 100644
index 857f49e..0000000
--- a/src/app/components/accordion/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './accordion';
-export * from './accordion.interface';
diff --git a/src/app/components/animate/animate.ts b/src/app/components/animate/animate.ts
deleted file mode 100644
index 4056933..0000000
--- a/src/app/components/animate/animate.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Directive, ElementRef, Input, NgModule, OnInit, Renderer2 } from '@angular/core';
-import { DomHandler } from 'primeng/dom';
-/**
- * Animate manages PrimeFlex CSS classes declaratively to during enter/leave animations on scroll or on page load.
- * @group Components
- */
-@Directive({
-    selector: '[pAnimate]',
-    host: {
-        '[class.p-animate]': 'true'
-    }
-})
-export class Animate implements OnInit, AfterViewInit {
-    /**
-     * Selector to define the CSS class for enter animation.
-     * @group Props
-     */
-    @Input() enterClass: string | undefined;
-    /**
-     * Selector to define the CSS class for leave animation.
-     * @group Props
-     */
-    @Input() leaveClass: string | undefined;
-
-    observer: IntersectionObserver | undefined;
-
-    timeout: any;
-
-    constructor(
-        private host: ElementRef,
-        public el: ElementRef,
-        public renderer: Renderer2
-    ) {}
-
-    ngOnInit() {
-        console.log('pAnimate directive is deprecated in 16.7.0 and will be removed in the future. Use pAnimateOnScroll directive instead');
-    }
-
-    ngAfterViewInit() {
-        this.bindIntersectionObserver();
-    }
-
-    bindIntersectionObserver() {
-        const options = {
-            root: null,
-            rootMargin: '0px',
-            threshold: 1.0
-        };
-
-        this.observer = new IntersectionObserver((el) => this.isVisible(el), options);
-        this.observer.observe(this.host.nativeElement);
-    }
-
-    isVisible(element: IntersectionObserverEntry[]) {
-        const [intersectionObserverEntry] = element;
-        intersectionObserverEntry.isIntersecting ? this.enter() : this.leave();
-    }
-
-    enter() {
-        this.host.nativeElement.style.visibility = 'visible';
-        DomHandler.addClass(this.host.nativeElement, this.enterClass as string);
-    }
-
-    leave() {
-        DomHandler.removeClass(this.host.nativeElement, this.enterClass as string);
-        if (this.leaveClass) {
-            DomHandler.addClass(this.host.nativeElement, this.leaveClass);
-        }
-
-        const animationDuration = this.host.nativeElement.style.animationDuration || 500;
-
-        this.timeout = setTimeout(() => {
-            this.host.nativeElement.style.visibility = 'hidden';
-        }, animationDuration);
-    }
-
-    unbindIntersectionObserver() {
-        if (this.observer) {
-            this.observer.unobserve(this.host.nativeElement);
-        }
-    }
-
-    ngOnDestroy() {
-        this.unbindIntersectionObserver();
-        clearTimeout(this.timeout);
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [Animate],
-    declarations: [Animate]
-})
-export class AnimateModule {}
diff --git a/src/app/components/animate/ng-package.json b/src/app/components/animate/ng-package.json
deleted file mode 100644
index 0e529e3..0000000
--- a/src/app/components/animate/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-        "entryFile": "public_api.ts"
-    }
-}
\ No newline at end of file
diff --git a/src/app/components/animate/public_api.ts b/src/app/components/animate/public_api.ts
deleted file mode 100644
index 39b624b..0000000
--- a/src/app/components/animate/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './animate';
diff --git a/src/app/components/animateonscroll/animateonscroll.ts b/src/app/components/animateonscroll/animateonscroll.ts
deleted file mode 100644
index 4ee3936..0000000
--- a/src/app/components/animateonscroll/animateonscroll.ts
+++ /dev/null
@@ -1,181 +0,0 @@
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import { AfterViewInit, Directive, ElementRef, Input, NgModule, Renderer2, OnInit, Inject, PLATFORM_ID, booleanAttribute, numberAttribute } from '@angular/core';
-import { DomHandler } from 'primeng/dom';
-
-interface AnimateOnScrollOptions {
-    root?: HTMLElement;
-    rootMargin?: string;
-    threshold?: number;
-}
-
-/**
- * AnimateOnScroll is used to apply animations to elements when entering or leaving the viewport during scrolling.
- * @group Components
- */
-@Directive({
-    selector: '[pAnimateOnScroll]',
-    host: {
-        '[class.p-animateonscroll]': 'true'
-    }
-})
-export class AnimateOnScroll implements OnInit, AfterViewInit {
-    /**
-     * Selector to define the CSS class for enter animation.
-     * @group Props
-     */
-    @Input() enterClass: string | undefined;
-    /**
-     * Selector to define the CSS class for leave animation.
-     * @group Props
-     */
-    @Input() leaveClass: string | undefined;
-    /**
-     * Specifies the root option of the IntersectionObserver API.
-     * @group Props
-     */
-    @Input() root: HTMLElement | undefined | null;
-    /**
-     * Specifies the rootMargin option of the IntersectionObserver API.
-     * @group Props
-     */
-    @Input() rootMargin: string | undefined;
-    /**
-     * Specifies the threshold option of the IntersectionObserver API
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) threshold: number | undefined;
-    /**
-     * Whether the scroll event listener should be removed after initial run.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) once: boolean = true;
-
-    observer: IntersectionObserver | undefined;
-
-    resetObserver: any;
-
-    isObserverActive: boolean = false;
-
-    animationState: any;
-
-    animationEndListener: VoidFunction | undefined;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private host: ElementRef,
-        public el: ElementRef,
-        public renderer: Renderer2
-    ) {}
-
-    ngOnInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.renderer.setStyle(this.host.nativeElement, 'opacity', this.enterClass ? '0' : '');
-        }
-    }
-
-    ngAfterViewInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.bindIntersectionObserver();
-        }
-    }
-
-    get options(): AnimateOnScrollOptions {
-        return {
-            root: this.root,
-            rootMargin: this.rootMargin,
-            threshold: this.threshold
-        };
-    }
-
-    bindIntersectionObserver() {
-        this.observer = new IntersectionObserver(([entry]) => {
-            if (this.isObserverActive) {
-                if (entry.boundingClientRect.top > 0) {
-                    entry.isIntersecting ? this.enter() : this.leave();
-                }
-            } else if (entry.isIntersecting) {
-                this.enter();
-            }
-
-            this.isObserverActive = true;
-        }, this.options);
-
-        setTimeout(() => this.observer.observe(this.host.nativeElement), 0);
-
-        // Reset
-
-        this.resetObserver = new IntersectionObserver(
-            ([entry]) => {
-                if (entry.boundingClientRect.top > 0 && !entry.isIntersecting) {
-                    this.host.nativeElement.style.opacity = this.enterClass ? '0' : '';
-                    DomHandler.removeMultipleClasses(this.host.nativeElement, [this.enterClass, this.leaveClass]);
-
-                    this.resetObserver.unobserve(this.host.nativeElement);
-                }
-
-                this.animationState = undefined;
-            },
-            { ...this.options, threshold: 0 }
-        );
-    }
-
-    enter() {
-        if (this.animationState !== 'enter' && this.enterClass) {
-            this.host.nativeElement.style.opacity = '';
-            DomHandler.removeMultipleClasses(this.host.nativeElement, this.leaveClass);
-            DomHandler.addMultipleClasses(this.host.nativeElement, this.enterClass);
-
-            this.once && this.unbindIntersectionObserver();
-
-            this.bindAnimationEvents();
-            this.animationState = 'enter';
-        }
-    }
-
-    leave() {
-        if (this.animationState !== 'leave' && this.leaveClass) {
-            this.host.nativeElement.style.opacity = this.enterClass ? '0' : '';
-            DomHandler.removeMultipleClasses(this.host.nativeElement, this.enterClass);
-            DomHandler.addMultipleClasses(this.host.nativeElement, this.leaveClass);
-
-            this.bindAnimationEvents();
-            this.animationState = 'leave';
-        }
-    }
-
-    bindAnimationEvents() {
-        if (!this.animationEndListener) {
-            this.animationEndListener = this.renderer.listen(this.host.nativeElement, 'animationend', () => {
-                DomHandler.removeMultipleClasses(this.host.nativeElement, [this.enterClass, this.leaveClass]);
-                !this.once && this.resetObserver.observe(this.host.nativeElement);
-                this.unbindAnimationEvents();
-            });
-        }
-    }
-
-    unbindAnimationEvents() {
-        if (this.animationEndListener) {
-            this.animationEndListener();
-            this.animationEndListener = null;
-        }
-    }
-
-    unbindIntersectionObserver() {
-        this.observer?.unobserve(this.host.nativeElement);
-        this.resetObserver?.unobserve(this.host.nativeElement);
-        this.isObserverActive = false;
-    }
-
-    ngOnDestroy() {
-        this.unbindAnimationEvents();
-        this.unbindIntersectionObserver();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [AnimateOnScroll],
-    declarations: [AnimateOnScroll]
-})
-export class AnimateOnScrollModule {}
diff --git a/src/app/components/animateonscroll/ng-package.json b/src/app/components/animateonscroll/ng-package.json
deleted file mode 100644
index 0e529e3..0000000
--- a/src/app/components/animateonscroll/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-        "entryFile": "public_api.ts"
-    }
-}
\ No newline at end of file
diff --git a/src/app/components/animateonscroll/public_api.ts b/src/app/components/animateonscroll/public_api.ts
deleted file mode 100644
index 594bf70..0000000
--- a/src/app/components/animateonscroll/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './animateonscroll';
diff --git a/src/app/components/api/blockableui.ts b/src/app/components/api/blockableui.ts
deleted file mode 100644
index 28264dd..0000000
--- a/src/app/components/api/blockableui.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-/**
- * Represents a blockable user interface element.
- */
-export interface BlockableUI {
-    /**
-     * Retrieves the blockable element associated with the UI.
-     * @returns The HTML element that can be blocked.
-     */
-    getBlockableElement(): HTMLElement;
-}
diff --git a/src/app/components/api/confirmaeventtype.ts b/src/app/components/api/confirmaeventtype.ts
deleted file mode 100644
index 46b63c6..0000000
--- a/src/app/components/api/confirmaeventtype.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
- * Type of the confirm event.
- */
-export enum ConfirmEventType {
-    ACCEPT,
-    REJECT,
-    CANCEL
-}
diff --git a/src/app/components/api/confirmation.ts b/src/app/components/api/confirmation.ts
deleted file mode 100644
index 26ed1e5..0000000
--- a/src/app/components/api/confirmation.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { EventEmitter } from '@angular/core';
-
-/**
- * Represents a confirmation dialog configuration.
- * @group Interface
- */
-export interface Confirmation {
-    /**
-     * The message to be displayed in the confirmation dialog.
-     */
-    message?: string;
-    /**
-     * A unique key to identify the confirmation dialog.
-     */
-    key?: string;
-    /**
-     * The name of the icon to be displayed in the confirmation dialog.
-     */
-    icon?: string;
-    /**
-     * The header text of the confirmation dialog.
-     */
-    header?: string;
-    /**
-     * The callback function to be executed when the accept button is clicked.
-     */
-    accept?: Function;
-    /**
-     * The callback function to be executed when the reject button is clicked.
-     */
-    reject?: Function;
-    /**
-     * The label text for the accept button.
-     */
-    acceptLabel?: string;
-    /**
-     * The label text for the reject button.
-     */
-    rejectLabel?: string;
-    /**
-     * The name of the icon to be displayed on the accept button.
-     */
-    acceptIcon?: string;
-    /**
-     * The name of the icon to be displayed on the reject button.
-     */
-    rejectIcon?: string;
-    /**
-     * Specifies whether the accept button should be visible.
-     */
-    acceptVisible?: boolean;
-    /**
-     * Specifies whether the reject button should be visible.
-     */
-    rejectVisible?: boolean;
-    /**
-     * Specifies whether to block scrolling on the page when the confirmation dialog is displayed.
-     */
-    blockScroll?: boolean;
-    /**
-     * Specifies whether the confirmation dialog should be closed when the escape key is pressed.
-     */
-    closeOnEscape?: boolean;
-    /**
-     * Specifies whether clicking outside the confirmation dialog should dismiss it.
-     */
-    dismissableMask?: boolean;
-    /**
-     * The ID or class name of the element to receive focus by default when the confirmation dialog is opened.
-     */
-    defaultFocus?: string;
-    /**
-     * The CSS class name to be applied to the accept button.
-     */
-    acceptButtonStyleClass?: string;
-    /**
-     * The CSS class name to be applied to the reject button.
-     */
-    rejectButtonStyleClass?: string;
-    /**
-     * The target event where the confirmation dialog is triggered from.
-     */
-    target?: EventTarget;
-    /**
-     * An event emitter for the accept event.
-     */
-    acceptEvent?: EventEmitter<any>;
-    /**
-     * An event emitter for the reject event.
-     */
-    rejectEvent?: EventEmitter<any>;
-}
diff --git a/src/app/components/api/confirmationservice.ts b/src/app/components/api/confirmationservice.ts
deleted file mode 100644
index 109bd62..0000000
--- a/src/app/components/api/confirmationservice.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-import { Confirmation } from './confirmation';
-/**
- * Methods used in confirmation service.
- * @group Service
- */
-@Injectable()
-export class ConfirmationService {
-    private requireConfirmationSource = new Subject<Confirmation | null>();
-    private acceptConfirmationSource = new Subject<Confirmation | null>();
-
-    requireConfirmation$ = this.requireConfirmationSource.asObservable();
-    accept = this.acceptConfirmationSource.asObservable();
-    /**
-     * Callback to invoke on confirm.
-     * @param {Confirmation} confirmation - Represents a confirmation dialog configuration.
-     * @group Method
-     */
-    confirm(confirmation: Confirmation) {
-        this.requireConfirmationSource.next(confirmation);
-        return this;
-    }
-    /**
-     * Closes the dialog.
-     * @group Method
-     */
-    close() {
-        this.requireConfirmationSource.next(null);
-        return this;
-    }
-    /**
-     * Accepts the dialog.
-     * @group Method
-     */
-    onAccept() {
-        this.acceptConfirmationSource.next(null);
-    }
-}
diff --git a/src/app/components/api/contextmenuservice.ts b/src/app/components/api/contextmenuservice.ts
deleted file mode 100644
index 4507d02..0000000
--- a/src/app/components/api/contextmenuservice.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Nullable } from 'primeng/ts-helpers';
-import { Subject } from 'rxjs';
-
-@Injectable()
-export class ContextMenuService {
-    private activeItemKeyChange = new Subject<string>();
-
-    activeItemKeyChange$ = this.activeItemKeyChange.asObservable();
-
-    activeItemKey: Nullable<string>;
-
-    changeKey(key: string) {
-        this.activeItemKey = key;
-        this.activeItemKeyChange.next(this.activeItemKey as string);
-    }
-
-    reset() {
-        this.activeItemKey = null;
-        this.activeItemKeyChange.next(this.activeItemKey as any);
-    }
-}
diff --git a/src/app/components/api/filtermatchmode.ts b/src/app/components/api/filtermatchmode.ts
deleted file mode 100644
index d090127..0000000
--- a/src/app/components/api/filtermatchmode.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-export class FilterMatchMode {
-    public static readonly STARTS_WITH = 'startsWith';
-    public static readonly CONTAINS = 'contains';
-    public static readonly NOT_CONTAINS = 'notContains';
-    public static readonly ENDS_WITH = 'endsWith';
-    public static readonly EQUALS = 'equals';
-    public static readonly NOT_EQUALS = 'notEquals';
-    public static readonly IN = 'in';
-    public static readonly LESS_THAN = 'lt';
-    public static readonly LESS_THAN_OR_EQUAL_TO = 'lte';
-    public static readonly GREATER_THAN = 'gt';
-    public static readonly GREATER_THAN_OR_EQUAL_TO = 'gte';
-    public static readonly BETWEEN = 'between';
-    public static readonly IS = 'is';
-    public static readonly IS_NOT = 'isNot';
-    public static readonly BEFORE = 'before';
-    public static readonly AFTER = 'after';
-    public static readonly DATE_IS = 'dateIs';
-    public static readonly DATE_IS_NOT = 'dateIsNot';
-    public static readonly DATE_BEFORE = 'dateBefore';
-    public static readonly DATE_AFTER = 'dateAfter';
-}
diff --git a/src/app/components/api/filtermetadata.ts b/src/app/components/api/filtermetadata.ts
deleted file mode 100644
index 3624750..0000000
--- a/src/app/components/api/filtermetadata.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * Represents metadata for filtering a data set.
- * @group Interface
- */
-export interface FilterMetadata {
-    /**
-     * The value used for filtering.
-     */
-    value?: any;
-    /**
-     * The match mode for filtering.
-     */
-    matchMode?: string;
-    /**
-     * The operator for filtering.
-     */
-    operator?: string;
-}
diff --git a/src/app/components/api/filteroperator.ts b/src/app/components/api/filteroperator.ts
deleted file mode 100644
index 397012a..0000000
--- a/src/app/components/api/filteroperator.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export class FilterOperator {
-    public static readonly AND = 'and';
-    public static readonly OR = 'or';
-}
diff --git a/src/app/components/api/filterservice.spec.ts b/src/app/components/api/filterservice.spec.ts
deleted file mode 100644
index d2d8f58..0000000
--- a/src/app/components/api/filterservice.spec.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-import { FilterService } from './filterservice';
-describe('FilterService Suite', () => {
-    let data: any = [
-        { brand: 'VW', year: 2012, color: { name: 'Orange' }, vin: 'dsad231ff', price: '1000.0' },
-        { brand: 'Audi', year: 2011, color: { name: 'Black' }, vin: 'gwregre345', price: '4000.0' },
-        { brand: 'Renault', year: 2005, color: { name: 'Black' }, vin: 'h354htr', price: '5000.0' },
-        { brand: 'BMW', year: 2003, color: { name: 'Blue' }, vin: 'j6w54qgh', price: '3000.0000000' },
-        { brand: 'Mercedes', year: 1995, color: { name: 'Red' }, vin: 'hrtwy34', price: '2000.0' },
-        { brand: 'Volvo', year: 2005, color: { name: 'Orange' }, vin: 'jejtyj', price: '2000.0' },
-        { brand: 'Honda', year: 2012, color: { name: 'Blue' }, vin: 'g43gr', price: '4000.0' },
-        { brand: 'Jaguar', year: 2013, color: { name: 'Black' }, vin: 'greg34', price: '1000.0' },
-        { brand: 'Ford', year: 2000, color: { name: 'White' }, vin: 'h54hw5', price: '2000.0' },
-        { brand: 'Fiat', year: 2013, color: { name: 'Yellow' }, vin: '245t2s', price: '5000.0' }
-    ];
-
-    let timeData = [{ date: 'Tue Aug 04 2019 00:00:00 GMT+0300 (GMT+03:00)' }, { date: 'Tue Aug 05 2019 00:00:00 GMT+0300 (GMT+03:00)' }, { date: 'Tue Aug 07 2019 00:00:00 GMT+0300 (GMT+03:00)' }];
-
-    let filterService = new FilterService();
-
-    it('Should filter by startsWith', () => {
-        let filteredValue = filterService.filter(data, ['brand'], 'f', 'startsWith');
-        expect(filteredValue.length).toEqual(2);
-        filteredValue = filterService.filter(data, ['brand'], '', 'startsWith');
-        expect(filteredValue.length).toEqual(10);
-        filteredValue = filterService.filter(data, [''], 'f', 'startsWith');
-        expect(filteredValue.length).toEqual(0);
-    });
-    it('Should filter by contains', () => {
-        let filteredValue = filterService.filter(data, ['brand'], 'f', 'contains');
-        expect(filteredValue.length).toEqual(2);
-        filteredValue = filterService.filter(data, ['brand'], '', 'contains');
-        expect(filteredValue.length).toEqual(10);
-        filteredValue = filterService.filter(data, [''], 'f', 'contains');
-        expect(filteredValue.length).toEqual(0);
-    });
-    it('Should filter by endsWith', () => {
-        let filteredValue = filterService.filter(data, ['brand'], 't', 'endsWith');
-        expect(filteredValue.length).toEqual(2);
-        filteredValue = filterService.filter(data, ['brand'], '', 'endsWith');
-        expect(filteredValue.length).toEqual(10);
-        filteredValue = filterService.filter(data, [''], 't', 'endsWith');
-        expect(filteredValue.length).toEqual(0);
-    });
-    it('Should filter by equals', () => {
-        let filteredValue = filterService.filter(data, ['brand'], 'BMW', 'equals');
-        expect(filteredValue.length).toEqual(1);
-        filteredValue = filterService.filter(data, ['brand'], '', 'equals');
-        expect(filteredValue.length).toEqual(10);
-        filteredValue = filterService.filter(data, [''], 'BMW', 'equals');
-        expect(filteredValue.length).toEqual(0);
-        filteredValue = filterService.filter(data, ['price'], 3000, 'equals');
-        expect(filteredValue.length).toEqual(1);
-        filteredValue = filterService.filter(data, ['year'], 2012, 'equals');
-        expect(filteredValue.length).toEqual(2);
-    });
-    it('Should filter by notEquals', () => {
-        let filteredValue = filterService.filter(data, ['brand'], 'BMW', 'notEquals');
-        expect(filteredValue.length).toEqual(9);
-        filteredValue = filterService.filter(data, ['brand'], '', 'notEquals');
-        expect(filteredValue.length).toEqual(0);
-        filteredValue = filterService.filter(data, [''], 'BMW', 'notEquals');
-        expect(filteredValue.length).toEqual(10);
-        filteredValue = filterService.filter(data, ['price'], 3000, 'notEquals');
-        expect(filteredValue.length).toEqual(9);
-        filteredValue = filterService.filter(data, ['year'], 2012, 'notEquals');
-        expect(filteredValue.length).toEqual(8);
-    });
-    it('Should filter by lt', () => {
-        let filteredValue = filterService.filter(timeData, ['date'], 'Tue Aug 05 2019 00:00:00 GMT+0300 (GMT+03:00)', 'lt');
-        expect(filteredValue.length).toEqual(1);
-        filteredValue = filterService.filter(timeData, ['date'], '', 'lt');
-        expect(filteredValue.length).toEqual(0);
-        filteredValue = filterService.filter(timeData, [''], 'Tue Aug 05 2019 00:00:00 GMT+0300 (GMT+03:00)', 'lt');
-        expect(filteredValue.length).toEqual(0);
-    });
-    it('Should filter by lte', () => {
-        let filteredValue = filterService.filter(timeData, ['date'], 'Tue Aug 05 2019 00:00:00 GMT+0300 (GMT+03:00)', 'lte');
-        expect(filteredValue.length).toEqual(2);
-        filteredValue = filterService.filter(timeData, ['date'], '', 'lte');
-        expect(filteredValue.length).toEqual(0);
-        filteredValue = filterService.filter(timeData, [''], 'Tue Aug 05 2019 00:00:00 GMT+0300 (GMT+03:00)', 'lte');
-        expect(filteredValue.length).toEqual(0);
-    });
-    it('Should filter by gt', () => {
-        let filteredValue = filterService.filter(timeData, ['date'], 'Tue Aug 05 2019 00:00:00 GMT+0300 (GMT+03:00)', 'gt');
-        expect(filteredValue.length).toEqual(1);
-        filteredValue = filterService.filter(timeData, ['date'], '', 'gt');
-        expect(filteredValue.length).toEqual(3);
-        filteredValue = filterService.filter(timeData, [''], 'Tue Aug 05 2019 00:00:00 GMT+0300 (GMT+03:00)', 'gt');
-        expect(filteredValue.length).toEqual(0);
-    });
-    it('Should filter by gte', () => {
-        let filteredValue = filterService.filter(timeData, ['date'], 'Tue Aug 05 2019 00:00:00 GMT+0300 (GMT+03:00)', 'gte');
-        expect(filteredValue.length).toEqual(2);
-        filteredValue = filterService.filter(timeData, ['date'], '', 'gte');
-        expect(filteredValue.length).toEqual(3);
-        filteredValue = filterService.filter(timeData, [''], 'Tue Aug 05 2019 00:00:00 GMT+0300 (GMT+03:00)', 'gte');
-        expect(filteredValue.length).toEqual(0);
-    });
-    it('Should filter by in', () => {
-        let filteredValue = filterService.filter(data, ['brand'], ['BMW', 'Mercedes', 'Ford'], 'in');
-        expect(filteredValue.length).toEqual(3);
-        filteredValue = filterService.filter(data, ['brand'], ['BMW'], 'in');
-        expect(filteredValue.length).toEqual(1);
-
-        filteredValue = filterService.filter(data, ['brand'], ['Chevrolet'], 'in');
-        expect(filteredValue.length).toEqual(0);
-
-        filteredValue = filterService.filter(data, ['brand'], undefined, 'in');
-        expect(filteredValue.length).toEqual(10);
-        filteredValue = filterService.filter(data, ['brand'], null, 'in');
-        expect(filteredValue.length).toEqual(10);
-        filteredValue = filterService.filter(data, ['brand'], [], 'in');
-        expect(filteredValue.length).toEqual(10);
-
-        filteredValue = filterService.filter(data, [''], 'BMW', 'in');
-        expect(filteredValue.length).toEqual(0);
-    });
-});
diff --git a/src/app/components/api/filterservice.ts b/src/app/components/api/filterservice.ts
deleted file mode 100644
index bae428d..0000000
--- a/src/app/components/api/filterservice.ts
+++ /dev/null
@@ -1,264 +0,0 @@
-import { Injectable } from '@angular/core';
-import { ObjectUtils } from 'primeng/utils';
-
-@Injectable({ providedIn: 'root' })
-export class FilterService {
-    filter(value: any[], fields: any[], filterValue: any, filterMatchMode: string, filterLocale?: string) {
-        let filteredItems: any[] = [];
-
-        if (value) {
-            for (let item of value) {
-                for (let field of fields) {
-                    let fieldValue = ObjectUtils.resolveFieldData(item, field);
-
-                    if (this.filters[filterMatchMode](fieldValue, filterValue, filterLocale)) {
-                        filteredItems.push(item);
-                        break;
-                    }
-                }
-            }
-        }
-
-        return filteredItems;
-    }
-
-    public filters: { [rule: string]: Function } = {
-        startsWith: (value: any, filter: any, filterLocale?: any): boolean => {
-            if (filter === undefined || filter === null || filter.trim() === '') {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            let filterValue = ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
-            let stringValue = ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale);
-
-            return stringValue.slice(0, filterValue.length) === filterValue;
-        },
-
-        contains: (value: any, filter: any, filterLocale?: any): boolean => {
-            if (filter === undefined || filter === null || (typeof filter === 'string' && filter.trim() === '')) {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            let filterValue = ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
-            let stringValue = ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale);
-
-            return stringValue.indexOf(filterValue) !== -1;
-        },
-
-        notContains: (value: any, filter: any, filterLocale?: any): boolean => {
-            if (filter === undefined || filter === null || (typeof filter === 'string' && filter.trim() === '')) {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            let filterValue = ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
-            let stringValue = ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale);
-
-            return stringValue.indexOf(filterValue) === -1;
-        },
-
-        endsWith: (value: any, filter: any, filterLocale?: any): boolean => {
-            if (filter === undefined || filter === null || filter.trim() === '') {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            let filterValue = ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
-            let stringValue = ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale);
-
-            return stringValue.indexOf(filterValue, stringValue.length - filterValue.length) !== -1;
-        },
-
-        equals: (value: any, filter: any, filterLocale?: any): boolean => {
-            if (filter === undefined || filter === null || (typeof filter === 'string' && filter.trim() === '')) {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            if (value.getTime && filter.getTime) return value.getTime() === filter.getTime();
-            else if (value == filter) return true;
-            else return ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale) == ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
-        },
-
-        notEquals: (value: any, filter: any, filterLocale?: any): boolean => {
-            if (filter === undefined || filter === null || (typeof filter === 'string' && filter.trim() === '')) {
-                return false;
-            }
-
-            if (value === undefined || value === null) {
-                return true;
-            }
-
-            if (value.getTime && filter.getTime) return value.getTime() !== filter.getTime();
-            else if (value == filter) return false;
-            else return ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale) != ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
-        },
-
-        in: (value: any, filter: any[]): boolean => {
-            if (filter === undefined || filter === null || filter.length === 0) {
-                return true;
-            }
-
-            for (let i = 0; i < filter.length; i++) {
-                if (ObjectUtils.equals(value, filter[i])) {
-                    return true;
-                }
-            }
-
-            return false;
-        },
-
-        between: (value: any, filter: any[]): boolean => {
-            if (filter == null || filter[0] == null || filter[1] == null) {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            if (value.getTime) return filter[0].getTime() <= value.getTime() && value.getTime() <= filter[1].getTime();
-            else return filter[0] <= value && value <= filter[1];
-        },
-
-        lt: (value: any, filter: any, filterLocale?: any): boolean => {
-            if (filter === undefined || filter === null) {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            if (value.getTime && filter.getTime) return value.getTime() < filter.getTime();
-            else return value < filter;
-        },
-
-        lte: (value: any, filter: any, filterLocale?: any): boolean => {
-            if (filter === undefined || filter === null) {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            if (value.getTime && filter.getTime) return value.getTime() <= filter.getTime();
-            else return value <= filter;
-        },
-
-        gt: (value: any, filter: any, filterLocale?: any): boolean => {
-            if (filter === undefined || filter === null) {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            if (value.getTime && filter.getTime) return value.getTime() > filter.getTime();
-            else return value > filter;
-        },
-
-        gte: (value: any, filter: any, filterLocale?: any): boolean => {
-            if (filter === undefined || filter === null) {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            if (value.getTime && filter.getTime) return value.getTime() >= filter.getTime();
-            else return value >= filter;
-        },
-
-        is: (value: any, filter: any, filterLocale?: any): boolean => {
-            return this.filters.equals(value, filter, filterLocale);
-        },
-
-        isNot: (value: any, filter: any, filterLocale?: any): boolean => {
-            return this.filters.notEquals(value, filter, filterLocale);
-        },
-
-        before: (value: any, filter: any, filterLocale?: any): boolean => {
-            return this.filters.lt(value, filter, filterLocale);
-        },
-
-        after: (value: any, filter: any, filterLocale?: any): boolean => {
-            return this.filters.gt(value, filter, filterLocale);
-        },
-
-        dateIs: (value: any, filter: any): boolean => {
-            if (filter === undefined || filter === null) {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            return value.toDateString() === filter.toDateString();
-        },
-
-        dateIsNot: (value: any, filter: any): boolean => {
-            if (filter === undefined || filter === null) {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            return value.toDateString() !== filter.toDateString();
-        },
-
-        dateBefore: (value: any, filter: any): boolean => {
-            if (filter === undefined || filter === null) {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            return value.getTime() < filter.getTime();
-        },
-
-        dateAfter: (value: any, filter: any): boolean => {
-            if (filter === undefined || filter === null) {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            const valueCopy = new Date(value);
-            valueCopy.setHours(0, 0, 0, 0);
-
-            return valueCopy.getTime() > filter.getTime();
-        }
-    };
-
-    register(rule: string, fn: Function) {
-        this.filters[rule] = fn;
-    }
-}
diff --git a/src/app/components/api/lazyloadevent.ts b/src/app/components/api/lazyloadevent.ts
deleted file mode 100644
index 31dc581..0000000
--- a/src/app/components/api/lazyloadevent.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { FilterMetadata } from './filtermetadata';
-import { SortMeta } from './sortmeta';
-
-/**
- * Represents an event object for lazy loading data.
- * @group Interface
- */
-export interface LazyLoadEvent {
-    /**
-     * The index of the first record to be loaded.
-     */
-    first?: number;
-    /**
-     * The index of the last record to be loaded.
-     */
-    last?: number;
-    /**
-     * The number of rows to load.
-     */
-    rows?: number;
-    /**
-     * The field to be used for sorting.
-     */
-    sortField?: string;
-    /**
-     * The sort order for the field.
-     */
-    sortOrder?: number;
-    /**
-     * An array of sort metadata objects for multiple column sorting.
-     */
-    multiSortMeta?: SortMeta[];
-    /**
-     * An object containing filter metadata for filtering the data.
-     * The keys represent the field names, and the values represent the corresponding filter metadata.
-     */
-    filters?: { [s: string]: FilterMetadata };
-    /**
-     * The global filter value for filtering across all columns.
-     */
-    globalFilter?: any;
-    /**
-     * A function that can be called to force an update in the lazy loaded data.
-     */
-    forceUpdate?: () => void;
-}
diff --git a/src/app/components/api/lazyloadmeta.ts b/src/app/components/api/lazyloadmeta.ts
deleted file mode 100644
index 3d94965..0000000
--- a/src/app/components/api/lazyloadmeta.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { FilterMetadata } from './filtermetadata';
-import { SortMeta } from './sortmeta';
-/**
- * Meta data for lazy load event.
- * @group Interface
- */
-export interface LazyLoadMeta {
-    first?: number | undefined | null;
-    rows?: number | undefined | null;
-    sortField?: string | string[] | null | undefined;
-    sortOrder?: number | undefined | null;
-    filters?: { [s: string]: FilterMetadata | FilterMetadata[] | undefined };
-    globalFilter?: string | string[] | undefined | null;
-    multiSortMeta?: SortMeta[] | undefined | null;
-    forceUpdate?: Function;
-    last?: number | undefined | null;
-}
diff --git a/src/app/components/api/megamenuitem.ts b/src/app/components/api/megamenuitem.ts
deleted file mode 100644
index d3e14b3..0000000
--- a/src/app/components/api/megamenuitem.ts
+++ /dev/null
@@ -1,129 +0,0 @@
-import { QueryParamsHandling } from '@angular/router';
-import { MenuItem } from './menuitem';
-
-/**
- * MegaMenuItem API provides the following properties.
- * @group Interface
- */
-export interface MegaMenuItem {
-    /**
-     * Text of the item.
-     */
-    label?: string;
-    /**
-     * Icon of the item.
-     */
-    icon?: string;
-    /**
-     * Callback to execute when item is clicked.
-     */
-    command?: (event?: any) => void;
-    /**
-     * External link to navigate when item is clicked.
-     */
-    url?: string;
-    /**
-     * An array of children menuitems.
-     */
-    items?: MenuItem[][];
-    /**
-     * Specifies whether the mega menu item is expanded.
-     */
-    expanded?: boolean;
-    /**
-     * When set as true, disables the menuitem.
-     */
-    disabled?: boolean;
-    /**
-     * Whether the dom element of menuitem is created or not.
-     */
-    visible?: boolean;
-    /**
-     * Specifies where to open the linked document.
-     */
-    target?: string;
-    /**
-     * Configuration for active router link.
-     */
-    routerLinkActiveOptions?: any;
-    /**
-     * Defines the item as a separator.
-     */
-    separator?: boolean;
-    /**
-     * Value of the badge.
-     */
-    badge?: string;
-    /**
-     * Style class of the badge.
-     */
-    badgeStyleClass?: string;
-    /**
-     * Inline style of the menuitem.
-     */
-    style?: any;
-    /**
-     * Style class of the menuitem.
-     */
-    styleClass?: string;
-    /**
-     * Inline style of the item's icon.
-     */
-    iconStyle?: any;
-    /**
-     * Tooltip text of the item.
-     */
-    title?: string;
-    /**
-     * Identifier of the element.
-     */
-    id?: string;
-    /**
-     * Value of HTML data-* attribute.
-     */
-    automationId?: any;
-    /**
-     * Specifies tab order of the item.
-     */
-    tabindex?: string;
-    /**
-     * RouterLink definition for internal navigation.
-     */
-    routerLink?: any;
-    /**
-     * Query parameters for internal navigation via routerLink.
-     */
-    queryParams?: { [k: string]: any };
-    /**
-     * Sets the hash fragment for the URL.
-     */
-    fragment?: string;
-    /**
-     *  How to handle query parameters in the router link for the next navigation. One of:
-        merge : Merge new with current parameters.
-        preserve : Preserve current parameters.k.
-     */
-    queryParamsHandling?: QueryParamsHandling;
-    /**
-     * When true, preserves the URL fragment for the next navigation.
-     */
-    preserveFragment?: boolean;
-    /**
-     * When true, navigates without pushing a new state into history.
-     */
-    skipLocationChange?: boolean;
-    /**
-     * When true, navigates while replacing the current state in history.
-     */
-    replaceUrl?: boolean;
-    /**
-     * Developer-defined state that can be passed to any navigation.
-     */
-    state?: {
-        [k: string]: any;
-    };
-    /**
-     * Optional
-     */
-    [key: string]: any;
-}
diff --git a/src/app/components/api/menuitem.ts b/src/app/components/api/menuitem.ts
deleted file mode 100644
index cc1f17f..0000000
--- a/src/app/components/api/menuitem.ts
+++ /dev/null
@@ -1,170 +0,0 @@
-import { QueryParamsHandling } from '@angular/router';
-import { MegaMenuItem } from './megamenuitem';
-import { TooltipOptions } from './tooltipoptions';
-
-/**
- * MenuItem provides the following properties. Note that not all of them may be utilized by the tabmenu component.
- * @group Interface
- */
-export interface MenuItem {
-    /**
-     * Text of the item.
-     */
-    label?: string;
-    /**
-     * Icon of the item.
-     */
-    icon?: string;
-    /**
-     * Callback to execute when item is clicked.
-     */
-    command?(event: MenuItemCommandEvent): void;
-    /**
-     * External link to navigate when item is clicked.
-     */
-    url?: string;
-    /**
-     * An array of children menuitems.
-     */
-    items?: MenuItem[];
-    /**
-     * Visibility of submenu.
-     */
-    expanded?: boolean;
-    /**
-     * When set as true, disables the menuitem.
-     */
-    disabled?: boolean;
-    /**
-     * Whether the dom element of menuitem is created or not.
-     */
-    visible?: boolean;
-    /**
-     * Specifies where to open the linked document.
-     */
-    target?: string;
-    /**
-     * Whether to escape the label or not. Set to false to display html content.
-     */
-    escape?: boolean;
-    /**
-     * Configuration for active router link.
-     */
-    routerLinkActiveOptions?: any;
-    /**
-     * Defines the item as a separator.
-     */
-    separator?: boolean;
-    /**
-     * Value of the badge.
-     */
-    badge?: string;
-    /**
-     * Tooltip of the item.
-     */
-    tooltip?: string;
-    /**
-     * Position of the tooltip item.
-     */
-    tooltipPosition?: string;
-    /**
-     * Style class of the badge.
-     */
-    badgeStyleClass?: string;
-    /**
-     * Inline style of the menuitem.
-     */
-    style?: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the menuitem.
-     */
-    styleClass?: string;
-    /**
-     * Tooltip text of the item.
-     */
-    title?: string;
-    /**
-     * Identifier of the element.
-     */
-    id?: string;
-    /**
-     * Value of HTML data-* attribute.
-     */
-    automationId?: any;
-    /**
-     * Specifies tab order of the item.
-     */
-    tabindex?: string;
-    /**
-     * RouterLink definition for internal navigation.
-     */
-    routerLink?: any;
-    /**
-     * Query parameters for internal navigation via routerLink.
-     */
-    queryParams?: { [k: string]: any };
-    /**
-     * Sets the hash fragment for the URL.
-     */
-    fragment?: string;
-    /**
-     *  How to handle query parameters in the router link for the next navigation. One of:
-        merge : Merge new with current parameters.
-        preserve : Preserve current parameters.k. 
-     */
-    queryParamsHandling?: QueryParamsHandling;
-    /**
-     * When true, preserves the URL fragment for the next navigation.
-     */
-    preserveFragment?: boolean;
-    /**
-     * When true, navigates without pushing a new state into history.
-     */
-    skipLocationChange?: boolean;
-    /**
-     * When true, navigates while replacing the current state in history.
-     */
-    replaceUrl?: boolean;
-    /**
-     * Inline style of the item's icon.
-     */
-    iconStyle?: { [klass: string]: any } | null | undefined;
-    /**
-     * Class of the item's icon.
-     */
-    iconClass?: string;
-    /**
-     * Developer-defined state that can be passed to any navigation.
-     * @see {MenuItemState}
-     */
-    state?: { [k: string]: any };
-    /**
-     * Options of the item's tooltip.
-     * @see {TooltipOptions}
-     */
-    tooltipOptions?: TooltipOptions;
-    /**
-     * Optional
-     */
-    [key: string]: any;
-}
-
-/**
- * Custom command event
- * @see {@link MenuItem.command}
- * @group Events
- */
-export interface MenuItemCommandEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent?: Event;
-    /**
-     * Selected menu item.
-     */
-    item?: MenuItem | MegaMenuItem;
-    /**
-     * Index of the selected item.
-     */
-    index?: number;
-}
diff --git a/src/app/components/api/message.ts b/src/app/components/api/message.ts
deleted file mode 100644
index 21ce8ea..0000000
--- a/src/app/components/api/message.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * Deines valid options for the message.
- * @group Interface
- */
-export interface Message {
-    severity?: string;
-    summary?: string;
-    detail?: string;
-    id?: any;
-    key?: string;
-    life?: number;
-    sticky?: boolean;
-    closable?: boolean;
-    data?: any;
-    icon?: string;
-    contentStyleClass?: string;
-    styleClass?: string;
-    closeIcon?: string;
-}
diff --git a/src/app/components/api/messageservice.ts b/src/app/components/api/messageservice.ts
deleted file mode 100644
index edc1854..0000000
--- a/src/app/components/api/messageservice.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-import { Message } from './message';
-/**
- * Message service used in messages and toast components.
- * @group Service
- */
-@Injectable()
-export class MessageService {
-    private messageSource = new Subject<Message | Message[]>();
-    private clearSource = new Subject<string | null>();
-
-    messageObserver = this.messageSource.asObservable();
-    clearObserver = this.clearSource.asObservable();
-    /**
-     * Inserts single message.
-     * @param {Message} message - Message to be added.
-     * @group Method
-     */
-    add(message: Message) {
-        if (message) {
-            this.messageSource.next(message);
-        }
-    }
-    /**
-     * Inserts new messages.
-     * @param {Message[]} messages - Messages to be added.
-     * @group Method
-     */
-    addAll(messages: Message[]) {
-        if (messages && messages.length) {
-            this.messageSource.next(messages);
-        }
-    }
-    /**
-     * Clears the message with the given key.
-     * @param {string} key - Key of the message to be cleared.
-     * @group Method
-     */
-    clear(key?: string) {
-        this.clearSource.next(key || null);
-    }
-}
diff --git a/src/app/components/api/ng-package.json b/src/app/components/api/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/api/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/api/overlayoptions.ts b/src/app/components/api/overlayoptions.ts
deleted file mode 100644
index 060ba7a..0000000
--- a/src/app/components/api/overlayoptions.ts
+++ /dev/null
@@ -1,191 +0,0 @@
-import { AnimationEvent } from '@angular/animations';
-
-/**
- * Represents the type of overlay mode, which can be 'modal', 'overlay', or undefined.
- * @group Types
- */
-export type OverlayModeType = 'modal' | 'overlay' | undefined;
-
-/**
- * Represents the type of direction for a responsive overlay, which can be one of the specified values or undefined.
- * @group Types
- */
-export type ResponsiveOverlayDirectionType = 'center' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end' | undefined;
-
-/**
- * Represents the options for an overlay listener.
- * @group Interface
- */
-export interface OverlayListenerOptions {
-    /**
-     * The type of listener, which can be 'scroll', 'outside', 'resize', or undefined.
-     */
-    type?: 'scroll' | 'outside' | 'resize' | undefined;
-    /**
-     * The mode of the overlay listener.
-     */
-    mode?: OverlayModeType;
-    /**
-     * Indicates whether the overlay listener is valid.
-     */
-    valid?: boolean;
-}
-
-/**
- * Represents the options for a responsive overlay.
- * @group Events
- */
-export interface ResponsiveOverlayOptions {
-    /**
-     * The inline style for the responsive overlay.
-     */
-    style?: any;
-    /**
-     * The CSS class for the responsive overlay.
-     */
-    styleClass?: string;
-    /**
-     * The inline style for the content of the responsive overlay.
-     */
-    contentStyle?: any;
-    /**
-     * The CSS class for the content of the responsive overlay.
-     */
-    contentStyleClass?: string;
-    /**
-     * The breakpoint for the responsive overlay.
-     */
-    breakpoint?: string;
-    /**
-     * The media query for the responsive overlay.
-     */
-    media?: string;
-    /**
-     * The direction for the responsive overlay.
-     */
-    direction?: ResponsiveOverlayDirectionType;
-}
-
-/**
- * Represents an event that occurs when an overlay is shown.
- * @group Events
- */
-export interface OverlayOnShowEvent {
-    /**
-     * The overlay element.
-     */
-    overlay?: HTMLElement | undefined;
-    /**
-     * The target element.
-     */
-    target?: HTMLElement | undefined;
-    /**
-     * The mode of the overlay.
-     */
-    mode?: OverlayModeType;
-}
-
-/**
- * Represents an event that occurs before an overlay is shown.
- * @extends {OverlayOnShowEvent}
- * @group Events
- */
-export interface OverlayOnBeforeShowEvent extends OverlayOnShowEvent {}
-/**
- * Represents an event that occurs before an overlay is hidden.
- * @extends {OverlayOnBeforeShowEvent}
- * @group Events
- */
-export interface OverlayOnBeforeHideEvent extends OverlayOnBeforeShowEvent {}
-/**
- * Represents an event that occurs when an overlay is hidden.
- * @extends {OverlayOnShowEvent}
- * @group Events
- */
-export interface OverlayOnHideEvent extends OverlayOnShowEvent {}
-/**
- * Represents the options for an overlay.
- * @group Interface
- */
-export interface OverlayOptions {
-    /**
-     * The mode of the overlay.
-     */
-    mode?: OverlayModeType;
-    /**
-     * The inline style for the overlay.
-     */
-    style?: any;
-    /**
-     * The CSS class for the overlay.
-     */
-    styleClass?: string;
-    /**
-     * The inline style for the content of the overlay.
-     */
-    contentStyle?: any;
-    /**
-     * The CSS class for the content of the overlay.
-     */
-    contentStyleClass?: string;
-    /**
-     * The target element.
-     */
-    target?: any;
-    /**
-     * The element or location where the overlay should be appended.
-     */
-    appendTo?: 'body' | HTMLElement | undefined;
-    /**
-     * Indicates whether the overlay should have an auto-generated z-index.
-     */
-    autoZIndex?: boolean;
-    /**
-     * The base z-index value for the overlay.
-     */
-    baseZIndex?: number;
-    /**
-     * The transition options for showing the overlay.
-     */
-    showTransitionOptions?: string;
-    /**
-     * The transition options for hiding the overlay.
-     */
-    hideTransitionOptions?: string;
-    /**
-     * Indicates whether the overlay should be hidden when the escape key is pressed.
-     */
-    hideOnEscape?: boolean;
-    /**
-     * A listener function for handling events related to the overlay.
-     */
-    listener?: (event: Event, options?: OverlayListenerOptions) => boolean | void;
-    /**
-     * The options for a responsive overlay.
-     */
-    responsive?: ResponsiveOverlayOptions | undefined;
-    /**
-     * A callback function that is invoked before the overlay is shown.
-     */
-    onBeforeShow?: (event?: OverlayOnBeforeShowEvent) => void;
-    /**
-     * A callback function that is invoked when the overlay is shown.
-     */
-    onShow?: (event?: OverlayOnShowEvent) => void;
-    /**
-     * A callback function that is invoked before the overlay is hidden.
-     */
-    onBeforeHide?: (event?: OverlayOnBeforeHideEvent) => void;
-    /**
-     * A callback function that is invoked when the overlay is hidden.
-     */
-    onHide?: (event?: OverlayOnHideEvent) => void;
-    /**
-     * A callback function that is invoked when the overlay's animation starts.
-     */
-    onAnimationStart?: (event?: AnimationEvent) => void;
-    /**
-     * A callback function that is invoked when the overlay's animation is done.
-     */
-    onAnimationDone?: (event?: AnimationEvent) => void;
-}
diff --git a/src/app/components/api/overlayservice.ts b/src/app/components/api/overlayservice.ts
deleted file mode 100644
index 8df463b..0000000
--- a/src/app/components/api/overlayservice.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-import { Message } from './message';
-
-@Injectable({ providedIn: 'root' })
-export class OverlayService {
-    private clickSource = new Subject<Message | Message[]>();
-
-    clickObservable = this.clickSource.asObservable();
-
-    add(event: any) {
-        if (event) {
-            this.clickSource.next(event);
-        }
-    }
-}
diff --git a/src/app/components/api/primeicons.ts b/src/app/components/api/primeicons.ts
deleted file mode 100644
index 6c0a064..0000000
--- a/src/app/components/api/primeicons.ts
+++ /dev/null
@@ -1,313 +0,0 @@
-export class PrimeIcons {
-    public static readonly ADDRESS_BOOK = 'pi pi-address-book';
-    public static readonly ALIGN_CENTER = 'pi pi-align-center';
-    public static readonly ALIGN_JUSTIFY = 'pi pi-align-justify';
-    public static readonly ALIGN_LEFT = 'pi pi-align-left';
-    public static readonly ALIGN_RIGHT = 'pi pi-align-right';
-    public static readonly AMAZON = 'pi pi-amazon';
-    public static readonly ANDROID = 'pi pi-android';
-    public static readonly ANGLE_DOUBLE_DOWN = 'pi pi-angle-double-down';
-    public static readonly ANGLE_DOUBLE_LEFT = 'pi pi-angle-double-left';
-    public static readonly ANGLE_DOUBLE_RIGHT = 'pi pi-angle-double-right';
-    public static readonly ANGLE_DOUBLE_UP = 'pi pi-angle-double-up';
-    public static readonly ANGLE_DOWN = 'pi pi-angle-down';
-    public static readonly ANGLE_LEFT = 'pi pi-angle-left';
-    public static readonly ANGLE_RIGHT = 'pi pi-angle-right';
-    public static readonly ANGLE_UP = 'pi pi-angle-up';
-    public static readonly APPLE = 'pi pi-apple';
-    public static readonly ARROWS_ALT = 'pi pi-arrows-alt';
-    public static readonly ARROW_CIRCLE_DOWN = 'pi pi-arrow-circle-down';
-    public static readonly ARROW_CIRCLE_LEFT = 'pi pi-arrow-circle-left';
-    public static readonly ARROW_CIRCLE_RIGHT = 'pi pi-arrow-circle-right';
-    public static readonly ARROW_CIRCLE_UP = 'pi pi-arrow-circle-up';
-    public static readonly ARROW_DOWN = 'pi pi-arrow-down';
-    public static readonly ARROW_DOWN_LEFT = 'pi pi-arrow-down-left';
-    public static readonly ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER = 'pi pi-arrow-down-left-and-arrow-up-right-to-center';
-    public static readonly ARROW_DOWN_RIGHT = 'pi pi-arrow-down-right';
-    public static readonly ARROW_LEFT = 'pi pi-arrow-left';
-    public static readonly ARROW_RIGHT_ARROW_LEFT = 'pi pi-arrow-right-arrow-left';
-    public static readonly ARROW_RIGHT = 'pi pi-arrow-right';
-    public static readonly ARROW_UP = 'pi pi-arrow-up';
-    public static readonly ARROW_UP_LEFT = 'pi pi-arrow-up-left';
-    public static readonly ARROW_UP_RIGHT = 'pi pi-arrow-up-right';
-    public static readonly ARROW_UP_RIGHT_AND_ARROW_DOWN_LEFT_FROM_CENTER = 'pi pi-arrow-up-right-and-arrow-down-left-from-center';
-    public static readonly ARROW_H = 'pi pi-arrows-h';
-    public static readonly ARROW_V = 'pi pi-arrows-v';
-    public static readonly ASTERIKS = 'pi pi-asteriks';
-    public static readonly AT = 'pi pi-at';
-    public static readonly BACKWARD = 'pi pi-backward';
-    public static readonly BAN = 'pi pi-ban';
-    public static readonly BARCODE = 'pi pi-barcode';
-    public static readonly BARS = 'pi pi-bars';
-    public static readonly BELL = 'pi pi-bell';
-    public static readonly BELL_SLASH = 'pi pi-bell-slash';
-    public static readonly BITCOIN = 'pi pi-bitcoin';
-    public static readonly BOLT = 'pi pi-bolt';
-    public static readonly BOOK = 'pi pi-book';
-    public static readonly BOOKMARK = 'pi pi-bookmark';
-    public static readonly BOOKMARK_FILL = 'pi pi-bookmark-fill';
-    public static readonly BOX = 'pi pi-box';
-    public static readonly BRIEFCASE = 'pi pi-briefcase';
-    public static readonly BUILDING = 'pi pi-building';
-    public static readonly BUILDING_COLUMNS = 'pi pi-building-columns';
-    public static readonly BULLSEYE = 'pi pi-bullseye';
-    public static readonly CALCULATOR = 'pi pi-calculator';
-    public static readonly CALENDAR = 'pi pi-calendar';
-    public static readonly CALENDAR_CLOCK = 'pi pi-calendar-clock';
-    public static readonly CALENDAR_MINUS = 'pi pi-calendar-minus';
-    public static readonly CALENDAR_PLUS = 'pi pi-calendar-plus';
-    public static readonly CALENDAR_TIMES = 'pi pi-calendar-times';
-    public static readonly CAMERA = 'pi pi-camera';
-    public static readonly CAR = 'pi pi-car';
-    public static readonly CARET_DOWN = 'pi pi-caret-down';
-    public static readonly CARET_LEFT = 'pi pi-caret-left';
-    public static readonly CARET_RIGHT = 'pi pi-caret-right';
-    public static readonly CARET_UP = 'pi pi-caret-up';
-    public static readonly CART_ARROW_DOWN = 'pi pi-cart-arrow-down';
-    public static readonly CART_MINUS = 'pi pi-cart-minus';
-    public static readonly CART_PLUS = 'pi pi-cart-plus';
-    public static readonly CHART_BAR = 'pi pi-chart-bar';
-    public static readonly CHART_LINE = 'pi pi-chart-line';
-    public static readonly CHART_PIE = 'pi pi-chart-pie';
-    public static readonly CHART_SCATTER = 'pi pi-chart-scatter';
-    public static readonly CHECK = 'pi pi-check';
-    public static readonly CHECK_CIRCLE = 'pi pi-check-circle';
-    public static readonly CHECK_SQUARE = 'pi pi-check-square';
-    public static readonly CHEVRON_CIRCLE_DOWN = 'pi pi-chevron-circle-down';
-    public static readonly CHEVRON_CIRCLE_LEFT = 'pi pi-chevron-circle-left';
-    public static readonly CHEVRON_CIRCLE_RIGHT = 'pi pi-chevron-circle-right';
-    public static readonly CHEVRON_CIRCLE_UP = 'pi pi-chevron-circle-up';
-    public static readonly CHEVRON_DOWN = 'pi pi-chevron-down';
-    public static readonly CHEVRON_LEFT = 'pi pi-chevron-left';
-    public static readonly CHEVRON_RIGHT = 'pi pi-chevron-right';
-    public static readonly CHEVRON_UP = 'pi pi-chevron-up';
-    public static readonly CIRCLE = 'pi pi-circle';
-    public static readonly CIRCLE_FILL = 'pi pi-circle-fill';
-    public static readonly CLIPBOARD = 'pi pi-clipboard';
-    public static readonly CLOCK = 'pi pi-clock';
-    public static readonly CLONE = 'pi pi-clone';
-    public static readonly CLOUD = 'pi pi-cloud';
-    public static readonly CLOUD_DOWNLOAD = 'pi pi-cloud-download';
-    public static readonly CLOUD_UPLOAD = 'pi pi-cloud-upload';
-    public static readonly CODE = 'pi pi-code';
-    public static readonly COG = 'pi pi-cog';
-    public static readonly COMMENT = 'pi pi-comment';
-    public static readonly COMMENTS = 'pi pi-comments';
-    public static readonly COMPASS = 'pi pi-compass';
-    public static readonly COPY = 'pi pi-copy';
-    public static readonly CREDIT_CARD = 'pi pi-credit-card';
-    public static readonly CROWN = 'pi pi-crown';
-    public static readonly DATABASE = 'pi pi-database';
-    public static readonly DESKTOP = 'pi pi-desktop';
-    public static readonly DELETE_LEFT = 'pi pi-delete-left';
-    public static readonly DIRECTIONS = 'pi pi-directions';
-    public static readonly DIRECTIONS_ALT = 'pi pi-directions-alt';
-    public static readonly DISCORD = 'pi pi-discord';
-    public static readonly DOLLAR = 'pi pi-dollar';
-    public static readonly DOWNLOAD = 'pi pi-download';
-    public static readonly EJECT = 'pi pi-eject';
-    public static readonly ELLIPSIS_H = 'pi pi-ellipsis-h';
-    public static readonly ELLIPSIS_V = 'pi pi-ellipsis-v';
-    public static readonly ENVELOPE = 'pi pi-envelope';
-    public static readonly EQUALS = 'pi pi-equals';
-    public static readonly ERASER = 'pi pi-eraser';
-    public static readonly ETHEREUM = 'pi pi-ethereum';
-    public static readonly EURO = 'pi pi-euro';
-    public static readonly EXCLAMATION_CIRCLE = 'pi pi-exclamation-circle';
-    public static readonly EXCLAMATION_TRIANGLE = 'pi pi-exclamation-triangle';
-    public static readonly EXPAND = 'pi pi-expand';
-    public static readonly EXTERNAL_LINK = 'pi pi-external-link';
-    public static readonly EYE = 'pi pi-eye';
-    public static readonly EYE_SLASH = 'pi pi-eye-slash';
-    public static readonly FACE_SMILE = 'pi pi-face-smile';
-    public static readonly FACEBOOK = 'pi pi-facebook';
-    public static readonly FAST_BACKWARD = 'pi pi-fast-backward';
-    public static readonly FAST_FORWARD = 'pi pi-fast-forward';
-    public static readonly FILE = 'pi pi-file';
-    public static readonly FILE_ARROW_UP = 'pi pi-file-arrow-up';
-    public static readonly FILE_CHECK = 'pi pi-file-check';
-    public static readonly FILE_EDIT = 'pi pi-file-edit';
-    public static readonly FILE_IMPORT = 'pi pi-file-import';
-    public static readonly FILE_PDF = 'pi pi-file-pdf';
-    public static readonly FILE_PLUS = 'pi pi-file-plus';
-    public static readonly FILE_EXCEL = 'pi pi-file-excel';
-    public static readonly FILE_EXPORT = 'pi pi-file-export';
-    public static readonly FILE_WORD = 'pi pi-file-word';
-    public static readonly FILTER = 'pi pi-filter';
-    public static readonly FILTER_FILL = 'pi pi-filter-fill';
-    public static readonly FILTER_SLASH = 'pi pi-filter-slash';
-    public static readonly FLAG = 'pi pi-flag';
-    public static readonly FLAG_FILL = 'pi pi-flag-fill';
-    public static readonly FOLDER = 'pi pi-folder';
-    public static readonly FOLDER_OPEN = 'pi pi-folder-open';
-    public static readonly FOLDER_PLUS = 'pi pi-folder-plus';
-    public static readonly FORWARD = 'pi pi-forward';
-    public static readonly GAUGE = 'pi pi-gauge';
-    public static readonly GIFT = 'pi pi-gift';
-    public static readonly GITHUB = 'pi pi-github';
-    public static readonly GLOBE = 'pi pi-globe';
-    public static readonly GOOGLE = 'pi pi-google';
-    public static readonly GRADUATION_CAP = 'pi pi-graduation-cap';
-    public static readonly HAMMER = 'pi pi-hammer';
-    public static readonly HASHTAG = 'pi pi-hashtag';
-    public static readonly HEADPHONES = 'pi pi-headphones';
-    public static readonly HEART = 'pi pi-heart';
-    public static readonly HEART_FILL = 'pi pi-heart-fill';
-    public static readonly HISTORY = 'pi pi-history';
-    public static readonly HOME = 'pi pi-home';
-    public static readonly HOURGLASS = 'pi pi-hourglass';
-    public static readonly ID_CARD = 'pi pi-id-card';
-    public static readonly IMAGE = 'pi pi-image';
-    public static readonly IMAGES = 'pi pi-images';
-    public static readonly INBOX = 'pi pi-inbox';
-    public static readonly INDIAN_RUPEE = 'pi pi-indian-rupee';
-    public static readonly INFO = 'pi pi-info';
-    public static readonly INFO_CIRCLE = 'pi pi-info-circle';
-    public static readonly INSTAGRAM = 'pi pi-instagram';
-    public static readonly KEY = 'pi pi-key';
-    public static readonly LANGUAGE = 'pi pi-language';
-    public static readonly LIGHTBULB = 'pi pi-lightbulb';
-    public static readonly LINK = 'pi pi-link';
-    public static readonly LINKEDIN = 'pi pi-linkedin';
-    public static readonly LIST = 'pi pi-list';
-    public static readonly LIST_CHECK = 'pi pi-list-check';
-    public static readonly LOCK = 'pi pi-lock';
-    public static readonly LOCK_OPEN = 'pi pi-lock-open';
-    public static readonly MAP = 'pi pi-map';
-    public static readonly MAP_MARKER = 'pi pi-map-marker';
-    public static readonly MARS = 'pi pi-mars';
-    public static readonly MEGAPHONE = 'pi pi-megaphone';
-    public static readonly MICROCHIP = 'pi pi-microchip';
-    public static readonly MICROCHIP_AI = 'pi pi-microchip-ai';
-    public static readonly MICROPHONE = 'pi pi-microphone';
-    public static readonly MICROSOFT = 'pi pi-microsoft';
-    public static readonly MINUS = 'pi pi-minus';
-    public static readonly MINUS_CIRCLE = 'pi pi-minus-circle';
-    public static readonly MOBILE = 'pi pi-mobile';
-    public static readonly MONEY_BILL = 'pi pi-money-bill';
-    public static readonly MOON = 'pi pi-moon';
-    public static readonly OBJECTS_COLUMN = 'pi pi-objects-column';
-    public static readonly PALETTE = 'pi pi-palette';
-    public static readonly PAPERCLIP = 'pi pi-paperclip';
-    public static readonly PAUSE = 'pi pi-pause';
-    public static readonly PAUSE_CIRCLE = 'pi pi-pause-circle';
-    public static readonly PAYPAL = 'pi pi-paypal';
-    public static readonly PEN_TO_SQUARE = 'pi pi-pen-to-square';
-    public static readonly PENCIL = 'pi pi-pencil';
-    public static readonly PERCENTAGE = 'pi pi-percentage';
-    public static readonly PHONE = 'pi pi-phone';
-    public static readonly PINTEREST = 'pi pi-pinterest';
-    public static readonly PLAY = 'pi pi-play';
-    public static readonly PLAY_CIRCLE = 'pi pi-play-circle';
-    public static readonly PLUS = 'pi pi-plus';
-    public static readonly PLUS_CIRCLE = 'pi pi-plus-circle';
-    public static readonly POUND = 'pi pi-pound';
-    public static readonly POWER_OFF = 'pi pi-power-off';
-    public static readonly PRIME = 'pi pi-prime';
-    public static readonly PRINT = 'pi pi-print';
-    public static readonly QRCODE = 'pi pi-qrcode';
-    public static readonly QUESTION = 'pi pi-question';
-    public static readonly QUESTION_CIRCLE = 'pi pi-question-circle';
-    public static readonly RECEIPT = 'pi pi-receipt';
-    public static readonly REDDIT = 'pi pi-reddit';
-    public static readonly REFRESH = 'pi pi-refresh';
-    public static readonly REPLAY = 'pi pi-replay';
-    public static readonly REPLY = 'pi pi-reply';
-    public static readonly SAVE = 'pi pi-save';
-    public static readonly SEARCH = 'pi pi-search';
-    public static readonly SEARCH_MINUS = 'pi pi-search-minus';
-    public static readonly SEARCH_PLUS = 'pi pi-search-plus';
-    public static readonly SEND = 'pi pi-send';
-    public static readonly SERVER = 'pi pi-server';
-    public static readonly SHARE_ALT = 'pi pi-share-alt';
-    public static readonly SHIELD = 'pi pi-shield';
-    public static readonly SHOP = 'pi pi-shop';
-    public static readonly SHOPPING_BAG = 'pi pi-shopping-bag';
-    public static readonly SHOPPING_CART = 'pi pi-shopping-cart';
-    public static readonly SIGN_IN = 'pi pi-sign-in';
-    public static readonly SIGN_OUT = 'pi pi-sign-out';
-    public static readonly SITEMAP = 'pi pi-sitemap';
-    public static readonly SLACK = 'pi pi-slack';
-    public static readonly SLIDERS_H = 'pi pi-sliders-h';
-    public static readonly SLIDERS_V = 'pi pi-sliders-v';
-    public static readonly SORT = 'pi pi-sort';
-    public static readonly SORT_ALPHA_DOWN = 'pi pi-sort-alpha-down';
-    public static readonly SORT_ALPHA_DOWN_ALT = 'pi pi-sort-alpha-down-alt';
-    public static readonly SORT_ALPHA_UP = 'pi pi-sort-alpha-up';
-    public static readonly SORT_ALPHA_UP_ALT = 'pi pi-sort-alpha-up-alt';
-    public static readonly SORT_ALT = 'pi pi-sort-alt';
-    public static readonly SORT_ALT_SLASH = 'pi pi-sort-alt-slash';
-    public static readonly SORT_AMOUNT_DOWN = 'pi pi-sort-amount-down';
-    public static readonly SORT_AMOUNT_DOWN_ALT = 'pi pi-sort-amount-down-alt';
-    public static readonly SORT_AMOUNT_UP = 'pi pi-sort-amount-up';
-    public static readonly SORT_AMOUNT_UP_ALT = 'pi pi-sort-amount-up-alt';
-    public static readonly SORT_DOWN = 'pi pi-sort-down';
-    public static readonly SORT_DOWN_FILL = 'pi pi-sort-down-fill';
-    public static readonly SORT_NUMERIC_DOWN = 'pi pi-sort-numeric-down';
-    public static readonly SORT_NUMERIC_DOWN_ALT = 'pi pi-sort-numeric-down-alt';
-    public static readonly SORT_NUMERIC_UP = 'pi pi-sort-numeric-up';
-    public static readonly SORT_NUMERIC_UP_ALT = 'pi pi-sort-numeric-up-alt';
-    public static readonly SORT_UP = 'pi pi-sort-up';
-    public static readonly SORT_UP_FILL = 'pi pi-sort-up-fill';
-    public static readonly SPARKLES = 'pi pi-sparkles';
-    public static readonly SPINNER = 'pi pi-spinner';
-    public static readonly SPINNER_DOTTED = 'pi pi-spinner-dotted';
-    public static readonly STAR = 'pi pi-star';
-    public static readonly STAR_FILL = 'pi pi-star-fill';
-    public static readonly STAR_HALF = 'pi pi-star-half';
-    public static readonly STAR_HALF_FILL = 'pi pi-star-half-fill';
-    public static readonly STEP_BACKWARD = 'pi pi-step-backward';
-    public static readonly STEP_BACKWARD_ALT = 'pi pi-step-backward-alt';
-    public static readonly STEP_FORWARD = 'pi pi-step-forward';
-    public static readonly STEP_FORWARD_ALT = 'pi pi-step-forward-alt';
-    public static readonly STOP = 'pi pi-stop';
-    public static readonly STOP_CIRCLE = 'pi pi-stop-circle';
-    public static readonly STOPWATCH = 'pi pi-stopwatch';
-    public static readonly SUN = 'pi pi-sun';
-    public static readonly SYNC = 'pi pi-sync';
-    public static readonly TABLE = 'pi pi-table';
-    public static readonly TABLET = 'pi pi-tablet';
-    public static readonly TAG = 'pi pi-tag';
-    public static readonly TAGS = 'pi pi-tags';
-    public static readonly TELEGRAM = 'pi pi-telegram';
-    public static readonly TH_LARGE = 'pi pi-th-large';
-    public static readonly THUMBS_DOWN = 'pi pi-thumbs-down';
-    public static readonly THUMBS_DOWN_FILL = 'pi pi-thumbs-down-fill';
-    public static readonly THUMBS_UP = 'pi pi-thumbs-up';
-    public static readonly THUMBS_UP_FILL = 'pi pi-thumbs-up-fill';
-    public static readonly THUMBTACK = 'pi pi-thumbtack';
-    public static readonly TICKET = 'pi pi-ticket';
-    public static readonly TIKTOK = 'pi pi-tiktok';
-    public static readonly TIMES = 'pi pi-times';
-    public static readonly TIMES_CIRCLE = 'pi pi-times-circle';
-    public static readonly TRASH = 'pi pi-trash';
-    public static readonly TROPHY = 'pi pi-trophy';
-    public static readonly TRUCK = 'pi pi-truck';
-    public static readonly TURKISH_LIRA = 'pi pi-turkish-lira';
-    public static readonly TWITCH = 'pi pi-twitch';
-    public static readonly TWITTER = 'pi pi-twitter';
-    public static readonly UNDO = 'pi pi-undo';
-    public static readonly UNLOCK = 'pi pi-unlock';
-    public static readonly UPLOAD = 'pi pi-upload';
-    public static readonly USER = 'pi pi-user';
-    public static readonly USER_EDIT = 'pi pi-user-edit';
-    public static readonly USER_MINUS = 'pi pi-user-minus';
-    public static readonly USER_PLUS = 'pi pi-user-plus';
-    public static readonly USERS = 'pi pi-users';
-    public static readonly VENUS = 'pi pi-venus';
-    public static readonly VERIFIED = 'pi pi-verified';
-    public static readonly VIDEO = 'pi pi-video';
-    public static readonly VIMEO = 'pi pi-vimeo';
-    public static readonly VOLUME_DOWN = 'pi pi-volume-down';
-    public static readonly VOLUME_OFF = 'pi pi-volume-off';
-    public static readonly VOLUME_UP = 'pi pi-volume-up';
-    public static readonly WALLET = 'pi pi-wallet';
-    public static readonly WAREHOUSE = 'pi pi-warehouse';
-    public static readonly WAVE_PULSE = 'pi pi-wave-pulse';
-    public static readonly WHATSAPP = 'pi pi-whatsapp';
-    public static readonly WIFI = 'pi pi-wifi';
-    public static readonly WINDOW_MAXIMIZE = 'pi pi-window-maximize';
-    public static readonly WINDOW_MINIMIZE = 'pi pi-window-minimize';
-    public static readonly WRENCH = 'pi pi-wrench';
-    public static readonly YOUTUBE = 'pi pi-youtube';
-}
diff --git a/src/app/components/api/primengconfig.ts b/src/app/components/api/primengconfig.ts
deleted file mode 100644
index f5a806f..0000000
--- a/src/app/components/api/primengconfig.ts
+++ /dev/null
@@ -1,169 +0,0 @@
-import { Injectable, signal } from '@angular/core';
-import { Subject } from 'rxjs';
-import { FilterMatchMode } from './filtermatchmode';
-import { OverlayOptions } from './overlayoptions';
-import { Translation } from './translation';
-
-@Injectable({ providedIn: 'root' })
-export class PrimeNGConfig {
-    ripple: boolean = false;
-
-    inputStyle = signal<'outlined' | 'filled'>('outlined');
-
-    overlayOptions: OverlayOptions = {};
-
-    csp = signal<{ nonce: string | undefined }>({ nonce: undefined });
-
-    filterMatchModeOptions = {
-        text: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS],
-        numeric: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],
-        date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
-    };
-
-    public translation: Translation = {
-        startsWith: 'Starts with',
-        contains: 'Contains',
-        notContains: 'Not contains',
-        endsWith: 'Ends with',
-        equals: 'Equals',
-        notEquals: 'Not equals',
-        noFilter: 'No Filter',
-        lt: 'Less than',
-        lte: 'Less than or equal to',
-        gt: 'Greater than',
-        gte: 'Greater than or equal to',
-        is: 'Is',
-        isNot: 'Is not',
-        before: 'Before',
-        after: 'After',
-        dateIs: 'Date is',
-        dateIsNot: 'Date is not',
-        dateBefore: 'Date is before',
-        dateAfter: 'Date is after',
-        clear: 'Clear',
-        apply: 'Apply',
-        matchAll: 'Match All',
-        matchAny: 'Match Any',
-        addRule: 'Add Rule',
-        removeRule: 'Remove Rule',
-        accept: 'Yes',
-        reject: 'No',
-        choose: 'Choose',
-        upload: 'Upload',
-        cancel: 'Cancel',
-        pending: 'Pending',
-        fileSizeTypes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
-        dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
-        dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-        dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
-        monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-        monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-        chooseYear: 'Choose Year',
-        chooseMonth: 'Choose Month',
-        chooseDate: 'Choose Date',
-        prevDecade: 'Previous Decade',
-        nextDecade: 'Next Decade',
-        prevYear: 'Previous Year',
-        nextYear: 'Next Year',
-        prevMonth: 'Previous Month',
-        nextMonth: 'Next Month',
-        prevHour: 'Previous Hour',
-        nextHour: 'Next Hour',
-        prevMinute: 'Previous Minute',
-        nextMinute: 'Next Minute',
-        prevSecond: 'Previous Second',
-        nextSecond: 'Next Second',
-        am: 'am',
-        pm: 'pm',
-        dateFormat: 'mm/dd/yy',
-        firstDayOfWeek: 0,
-        today: 'Today',
-        weekHeader: 'Wk',
-        weak: 'Weak',
-        medium: 'Medium',
-        strong: 'Strong',
-        passwordPrompt: 'Enter a password',
-        emptyMessage: 'No results found',
-        searchMessage: '{0} results are available',
-        selectionMessage: '{0} items selected',
-        emptySelectionMessage: 'No selected item',
-        emptySearchMessage: 'No results found',
-        emptyFilterMessage: 'No results found',
-        aria: {
-            trueLabel: 'True',
-            falseLabel: 'False',
-            nullLabel: 'Not Selected',
-            star: '1 star',
-            stars: '{star} stars',
-            selectAll: 'All items selected',
-            unselectAll: 'All items unselected',
-            close: 'Close',
-            previous: 'Previous',
-            next: 'Next',
-            navigation: 'Navigation',
-            scrollTop: 'Scroll Top',
-            moveTop: 'Move Top',
-            moveUp: 'Move Up',
-            moveDown: 'Move Down',
-            moveBottom: 'Move Bottom',
-            moveToTarget: 'Move to Target',
-            moveToSource: 'Move to Source',
-            moveAllToTarget: 'Move All to Target',
-            moveAllToSource: 'Move All to Source',
-            pageLabel: '{page}',
-            firstPageLabel: 'First Page',
-            lastPageLabel: 'Last Page',
-            nextPageLabel: 'Next Page',
-            prevPageLabel: 'Previous Page',
-            rowsPerPageLabel: 'Rows per page',
-            previousPageLabel: 'Previous Page',
-            jumpToPageDropdownLabel: 'Jump to Page Dropdown',
-            jumpToPageInputLabel: 'Jump to Page Input',
-            selectRow: 'Row Selected',
-            unselectRow: 'Row Unselected',
-            expandRow: 'Row Expanded',
-            collapseRow: 'Row Collapsed',
-            showFilterMenu: 'Show Filter Menu',
-            hideFilterMenu: 'Hide Filter Menu',
-            filterOperator: 'Filter Operator',
-            filterConstraint: 'Filter Constraint',
-            editRow: 'Row Edit',
-            saveEdit: 'Save Edit',
-            cancelEdit: 'Cancel Edit',
-            listView: 'List View',
-            gridView: 'Grid View',
-            slide: 'Slide',
-            slideNumber: '{slideNumber}',
-            zoomImage: 'Zoom Image',
-            zoomIn: 'Zoom In',
-            zoomOut: 'Zoom Out',
-            rotateRight: 'Rotate Right',
-            rotateLeft: 'Rotate Left',
-            listLabel: 'Option List',
-            selectColor: 'Select a color',
-            removeLabel: 'Remove',
-            browseFiles: 'Browse Files',
-            maximizeLabel: 'Maximize'
-        }
-    };
-
-    zIndex: any = {
-        modal: 1100,
-        overlay: 1000,
-        menu: 1000,
-        tooltip: 1100
-    };
-
-    private translationSource = new Subject<any>();
-
-    translationObserver = this.translationSource.asObservable();
-
-    getTranslation(key: string): any {
-        return this.translation[key as keyof typeof this.translation];
-    }
-
-    setTranslation(value: Translation) {
-        this.translation = { ...this.translation, ...value };
-        this.translationSource.next(this.translation);
-    }
-}
diff --git a/src/app/components/api/public_api.ts b/src/app/components/api/public_api.ts
deleted file mode 100644
index cc32879..0000000
--- a/src/app/components/api/public_api.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-export * from './blockableui';
-export * from './confirmaeventtype';
-export * from './confirmation';
-export * from './confirmationservice';
-export * from './contextmenuservice';
-export * from './filtermatchmode';
-export * from './filtermetadata';
-export * from './filteroperator';
-export * from './filterservice';
-export * from './lazyloadevent';
-export * from './megamenuitem';
-export * from './menuitem';
-export * from './message';
-export * from './messageservice';
-export * from './overlayoptions';
-export * from './overlayservice';
-export * from './primeicons';
-export * from './primengconfig';
-export * from './selectitem';
-export * from './selectitemgroup';
-export * from './shared';
-export * from './sortevent';
-export * from './sortmeta';
-export * from './tablestate';
-export * from './translation';
-export * from './translationkeys';
-export * from './treedragdropservice';
-export * from './treenode';
-export * from './treenodedragevent';
-export * from './lazyloadmeta';
-export * from './tooltipoptions';
-export * from './scrolleroptions';
-export * from './treetablenode';
diff --git a/src/app/components/api/scrolleroptions.ts b/src/app/components/api/scrolleroptions.ts
deleted file mode 100644
index 7a1cffc..0000000
--- a/src/app/components/api/scrolleroptions.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-/**
- * Options for the scroller.
- * @group Interface
- */
-export interface ScrollerOptions {
-    /**
-     * Unique identifier of the element.
-     */
-    id?: string | undefined;
-    /**
-     * Inline style of the component.
-     */
-    style?: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the element.
-     */
-    styleClass?: string | undefined;
-    /**
-     * Index of the element in tabbing order.
-     */
-    tabindex?: number | undefined;
-    /**
-     * An array of objects to display.
-     */
-    items?: any[];
-    /**
-     * The height/width of item according to orientation.
-     */
-    itemSize?: any;
-    /**
-     * Height of the scroll viewport.
-     */
-    scrollHeight?: string | undefined;
-    /**
-     * Width of the scroll viewport.
-     */
-    scrollWidth?: string | undefined;
-    /**
-     * The orientation of scrollbar.
-     */
-    orientation?: 'vertical' | 'horizontal' | 'both';
-    /**
-     * Used to specify how many items to load in each load method in lazy mode.
-     */
-    step?: number | undefined;
-    /**
-     * Delay in scroll before new data is loaded.
-     */
-    delay?: number | undefined;
-    /**
-     * Delay after window's resize finishes.
-     */
-    resizeDelay?: number | undefined;
-    /**
-     * Used to append each loaded item to top without removing any items from the DOM. Using very large data may cause the browser to crash.
-     */
-    appendOnly?: boolean;
-    /**
-     * Specifies whether the scroller should be displayed inline or not.
-     */
-    inline?: boolean;
-    /**
-     * Defines if data is loaded and interacted with in lazy manner.
-     */
-    lazy?: boolean;
-    /**
-     * If disabled, the scroller feature is eliminated and the content is displayed directly.
-     */
-    disabled?: boolean;
-    /**
-     * Used to implement a custom loader instead of using the loader feature in the scroller.
-     */
-    loaderDisabled?: boolean;
-    /**
-     * Columns to display.
-     */
-    columns?: any[] | undefined;
-    /**
-     * Used to implement a custom spacer instead of using the spacer feature in the scroller.
-     */
-    showSpacer?: boolean;
-    /**
-     * Defines whether to show loader.
-     */
-    showLoader?: boolean;
-    /**
-     * Determines how many additional elements to add to the DOM outside of the view. According to the scrolls made up and down, extra items are added in a certain algorithm in the form of multiples of this number. Default value is half the number of items shown in the view.
-     */
-    numToleratedItems?: any;
-    /**
-     * Defines whether the data is loaded.
-     */
-    loading?: boolean;
-    /**
-     * Defines whether to dynamically change the height or width of scrollable container.
-     */
-    autoSize?: boolean;
-    /**
-     * Function to optimize the dom operations by delegating to ngForTrackBy, default algoritm checks for object identity.
-     */
-    trackBy?: Function;
-    /**
-     * Callback to invoke in lazy mode to load new data.
-     */
-    onLazyLoad?: Function | undefined;
-    /**
-     * Callback to invoke when scroll position changes.
-     */
-    onScroll?: Function | undefined;
-    /**
-     * Callback to invoke when scroll position and item's range in view changes.
-     */
-    onScrollIndexChange?: Function | undefined;
-}
diff --git a/src/app/components/api/selectitem.ts b/src/app/components/api/selectitem.ts
deleted file mode 100644
index df1db3e..0000000
--- a/src/app/components/api/selectitem.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-/**
- * Represents an option item.
- * @group Interface
- */
-export interface SelectItem<T = any> {
-    label?: string;
-    value: T;
-    styleClass?: string;
-    icon?: string;
-    title?: string;
-    disabled?: boolean;
-}
diff --git a/src/app/components/api/selectitemgroup.ts b/src/app/components/api/selectitemgroup.ts
deleted file mode 100644
index 280e413..0000000
--- a/src/app/components/api/selectitemgroup.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { SelectItem } from './selectitem';
-/**
- * Represents a group of select items.
- * @group Interface
- */
-export interface SelectItemGroup {
-    label: string;
-    value?: any;
-    items: SelectItem[];
-}
diff --git a/src/app/components/api/shared.ts b/src/app/components/api/shared.ts
deleted file mode 100644
index cb5ecbe..0000000
--- a/src/app/components/api/shared.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Component, Directive, Input, NgModule, TemplateRef } from '@angular/core';
-
-@Component({
-    selector: 'p-header',
-    standalone: true,
-    template: '<ng-content></ng-content>'
-})
-export class Header {}
-
-@Component({
-    selector: 'p-footer',
-    standalone: true,
-    template: '<ng-content></ng-content>'
-})
-export class Footer {}
-
-@Directive({
-    selector: '[pTemplate]',
-    standalone: true,
-    host: {}
-})
-export class PrimeTemplate {
-    @Input() type: string | undefined;
-
-    @Input('pTemplate') name: string | undefined;
-
-    constructor(public template: TemplateRef<any>) {}
-
-    getType(): string {
-        return this.name!;
-    }
-}
-
-@NgModule({
-    imports: [Header, Footer, PrimeTemplate],
-    exports: [Header, Footer, PrimeTemplate]
-})
-export class SharedModule {}
diff --git a/src/app/components/api/sortevent.ts b/src/app/components/api/sortevent.ts
deleted file mode 100644
index b9c7068..0000000
--- a/src/app/components/api/sortevent.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { SortMeta } from './sortmeta';
-/**
- * Represents an event triggered when sorting is applied.
- * @group Interface
- */
-export interface SortEvent {
-    data?: any[];
-    mode?: string;
-    field?: string;
-    order?: number;
-    multiSortMeta?: SortMeta[];
-}
diff --git a/src/app/components/api/sortmeta.ts b/src/app/components/api/sortmeta.ts
deleted file mode 100644
index 7b11edd..0000000
--- a/src/app/components/api/sortmeta.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
- * Represents metadata for sorting.
- * @group Interface
- */
-export interface SortMeta {
-    field: string;
-    order: number;
-}
diff --git a/src/app/components/api/tablestate.ts b/src/app/components/api/tablestate.ts
deleted file mode 100644
index 5df62e3..0000000
--- a/src/app/components/api/tablestate.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { FilterMetadata } from './filtermetadata';
-import { SortMeta } from './sortmeta';
-
-/**
- * Represents the state of a table component.
- * @group Interface
- */
-export interface TableState {
-    /**
-     * The index of the first row to be displayed.
-     */
-    first?: number;
-    /**
-     * The number of rows to be displayed per page.
-     */
-    rows?: number;
-    /**
-     * The field used for sorting.
-     */
-    sortField?: string;
-    /**
-     * The sort order.
-     */
-    sortOrder?: number;
-    /**
-     * An array of sort metadata when multiple sorting is applied.
-     */
-    multiSortMeta?: SortMeta[];
-    /**
-     * The filters to be applied to the table.
-     */
-    filters?: { [s: string]: FilterMetadata | FilterMetadata[] };
-    /**
-     * The column widths for the table.
-     */
-    columnWidths?: string;
-    /**
-     * The width of the table.
-     */
-    tableWidth?: string;
-    /**
-     * The width of the wrapper element containing the table.
-     */
-    wrapperWidth?: string;
-    /**
-     * The selected item(s) in the table.
-     */
-    selection?: any;
-    /**
-     * The order of the columns in the table.
-     */
-    columnOrder?: string[];
-    /**
-     * The keys of the expanded rows in the table.
-     */
-    expandedRowKeys?: { [s: string]: boolean };
-}
diff --git a/src/app/components/api/tooltipoptions.ts b/src/app/components/api/tooltipoptions.ts
deleted file mode 100644
index 442de34..0000000
--- a/src/app/components/api/tooltipoptions.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { ElementRef, TemplateRef } from '@angular/core';
-
-/**
- * Defines options of Tooltip.
- * @group Interface
- */
-export interface TooltipOptions {
-    /**
-     * Label of tooltip.
-     */
-    tooltipLabel?: string;
-    /**
-     * Position of tooltip.
-     */
-    tooltipPosition?: 'right' | 'left' | 'top' | 'bottom';
-    /**
-     * Event to show the tooltip.
-     */
-    tooltipEvent?: 'hover' | 'focus';
-    /**
-     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @defaultValue body
-     */
-    appendTo?: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Type of CSS position.
-     */
-    positionStyle?: string;
-    /**
-     * Style class of the tooltip.
-     */
-    tooltipStyleClass?: string;
-    /**
-     * Whether the z-index should be managed automatically to always go on top or have a fixed value.
-     * @defaultValue auto
-     */
-    tooltipZIndex?: string;
-    /**
-     * By default the tooltip contents are rendered as text. Set to false to support html tags in the content.
-     */
-    escape?: boolean;
-    /**
-     * When present, it specifies that the component should be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Specifies the additional vertical offset of the tooltip from its default position.
-     */
-    positionTop?: number;
-    /**
-     * Specifies the additional horizontal offset of the tooltip from its default position.
-     */
-    positionLeft?: number;
-    /**
-     * Delay to show the tooltip in milliseconds.
-     */
-    showDelay?: number;
-    /**
-     * Delay to hide the tooltip in milliseconds.
-     */
-    hideDelay?: number;
-    /**
-     * Time to wait in milliseconds to hide the tooltip even it is active.
-     */
-    life?: number;
-    /**
-     * When present, it adds a custom id to the tooltip.
-     */
-    id?: string;
-}
diff --git a/src/app/components/api/translation.ts b/src/app/components/api/translation.ts
deleted file mode 100644
index 2c43c19..0000000
--- a/src/app/components/api/translation.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-/**
- * Represents a set of translated strings used in a component or application.
- * @group Interface
- */
-export interface Translation {
-    startsWith?: string;
-    contains?: string;
-    notContains?: string;
-    endsWith?: string;
-    equals?: string;
-    notEquals?: string;
-    noFilter?: string;
-    lt?: string;
-    lte?: string;
-    gt?: string;
-    gte?: string;
-    is?: string;
-    isNot?: string;
-    before?: string;
-    after?: string;
-    dateIs?: string;
-    dateIsNot?: string;
-    dateBefore?: string;
-    dateAfter?: string;
-    clear?: string;
-    apply?: string;
-    matchAll?: string;
-    matchAny?: string;
-    addRule?: string;
-    removeRule?: string;
-    accept?: string;
-    reject?: string;
-    choose?: string;
-    upload?: string;
-    cancel?: string;
-    fileSizeTypes?: string[];
-    dayNames?: string[];
-    dayNamesShort?: string[];
-    dayNamesMin?: string[];
-    monthNames?: string[];
-    monthNamesShort?: string[];
-    dateFormat?: string;
-    firstDayOfWeek?: number;
-    today?: string;
-    weekHeader?: string;
-    weak?: string;
-    medium?: string;
-    strong?: string;
-    passwordPrompt?: string;
-    emptyMessage?: string;
-    emptyFilterMessage?: string;
-    pending?: string;
-    chooseYear?: string;
-    chooseMonth?: string;
-    chooseDate?: string;
-    prevDecade?: string;
-    nextDecade?: string;
-    prevYear?: string;
-    nextYear?: string;
-    prevMonth?: string;
-    nextMonth?: string;
-    prevHour?: string;
-    nextHour?: string;
-    prevMinute?: string;
-    nextMinute?: string;
-    prevSecond?: string;
-    nextSecond?: string;
-    am?: string;
-    pm?: string;
-    searchMessage?: string;
-    selectionMessage?: string;
-    emptySelectionMessage?: string;
-    emptySearchMessage?: string;
-    aria?: Aria;
-}
-/**
- * Represents a set of translated HTML attributes used in a component or application.
- * @group Interface
- */
-export interface Aria {
-    trueLabel?: string;
-    falseLabel?: string;
-    nullLabel?: string;
-    star?: string;
-    stars?: string;
-    selectAll?: string;
-    unselectAll?: string;
-    close?: string;
-    previous?: string;
-    next?: string;
-    navigation?: string;
-    scrollTop?: string;
-    moveTop?: string;
-    moveUp?: string;
-    moveDown?: string;
-    moveBottom?: string;
-    moveToTarget?: string;
-    moveToSource?: string;
-    moveAllToTarget?: string;
-    moveAllToSource?: string;
-    pageLabel?: string;
-    firstPageLabel?: string;
-    lastPageLabel?: string;
-    nextPageLabel?: string;
-    prevPageLabel?: string;
-    rowsPerPageLabel?: string;
-    previousPageLabel?: string;
-    jumpToPageDropdownLabel?: string;
-    jumpToPageInputLabel?: string;
-    selectRow?: string;
-    unselectRow?: string;
-    expandRow?: string;
-    collapseRow?: string;
-    showFilterMenu?: string;
-    hideFilterMenu?: string;
-    filterOperator?: string;
-    filterConstraint?: string;
-    editRow?: string;
-    saveEdit?: string;
-    cancelEdit?: string;
-    listView?: string;
-    gridView?: string;
-    slide?: string;
-    slideNumber?: string;
-    zoomImage?: string;
-    zoomIn?: string;
-    zoomOut?: string;
-    rotateRight?: string;
-    rotateLeft?: string;
-    listLabel?: string;
-    selectColor?: string;
-    removeLabel?: string;
-    browseFiles?: string;
-    maximizeLabel?: string;
-}
diff --git a/src/app/components/api/translationkeys.ts b/src/app/components/api/translationkeys.ts
deleted file mode 100644
index 998a358..0000000
--- a/src/app/components/api/translationkeys.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-export class TranslationKeys {
-    public static readonly STARTS_WITH = 'startsWith';
-    public static readonly CONTAINS = 'contains';
-    public static readonly NOT_CONTAINS = 'notContains';
-    public static readonly ENDS_WITH = 'endsWith';
-    public static readonly EQUALS = 'equals';
-    public static readonly NOT_EQUALS = 'notEquals';
-    public static readonly NO_FILTER = 'noFilter';
-    public static readonly LT = 'lt';
-    public static readonly LTE = 'lte';
-    public static readonly GT = 'gt';
-    public static readonly GTE = 'gte';
-    public static readonly IS = 'is';
-    public static readonly IS_NOT = 'isNot';
-    public static readonly BEFORE = 'before';
-    public static readonly AFTER = 'after';
-    public static readonly CLEAR = 'clear';
-    public static readonly APPLY = 'apply';
-    public static readonly MATCH_ALL = 'matchAll';
-    public static readonly MATCH_ANY = 'matchAny';
-    public static readonly ADD_RULE = 'addRule';
-    public static readonly REMOVE_RULE = 'removeRule';
-    public static readonly ACCEPT = 'accept';
-    public static readonly REJECT = 'reject';
-    public static readonly CHOOSE = 'choose';
-    public static readonly UPLOAD = 'upload';
-    public static readonly CANCEL = 'cancel';
-    public static readonly PENDING = 'pending';
-    public static readonly FILE_SIZE_TYPES = 'fileSizeTypes';
-    public static readonly DAY_NAMES = 'dayNames';
-    public static readonly DAY_NAMES_SHORT = 'dayNamesShort';
-    public static readonly DAY_NAMES_MIN = 'dayNamesMin';
-    public static readonly MONTH_NAMES = 'monthNames';
-    public static readonly MONTH_NAMES_SHORT = 'monthNamesShort';
-    public static readonly FIRST_DAY_OF_WEEK = 'firstDayOfWeek';
-    public static readonly TODAY = 'today';
-    public static readonly WEEK_HEADER = 'weekHeader';
-    public static readonly WEAK = 'weak';
-    public static readonly MEDIUM = 'medium';
-    public static readonly STRONG = 'strong';
-    public static readonly PASSWORD_PROMPT = 'passwordPrompt';
-    public static readonly EMPTY_MESSAGE = 'emptyMessage';
-    public static readonly EMPTY_FILTER_MESSAGE = 'emptyFilterMessage';
-    public static readonly SHOW_FILTER_MENU = 'showFilterMenu';
-    public static readonly HIDE_FILTER_MENU = 'hideFilterMenu';
-    public static readonly SELECTION_MESSAGE = 'selectionMessage';
-    public static readonly ARIA = 'aria';
-    public static readonly SELECT_COLOR = 'selectColor';
-    public static readonly BROWSE_FILES = 'browseFiles';
-}
diff --git a/src/app/components/api/treedragdropservice.ts b/src/app/components/api/treedragdropservice.ts
deleted file mode 100644
index e6790c7..0000000
--- a/src/app/components/api/treedragdropservice.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-import { TreeNodeDragEvent } from './treenodedragevent';
-
-@Injectable()
-export class TreeDragDropService {
-    private dragStartSource = new Subject<TreeNodeDragEvent>();
-    private dragStopSource = new Subject<TreeNodeDragEvent>();
-
-    dragStart$ = this.dragStartSource.asObservable();
-    dragStop$ = this.dragStopSource.asObservable();
-
-    startDrag(event: TreeNodeDragEvent) {
-        this.dragStartSource.next(event);
-    }
-
-    stopDrag(event: TreeNodeDragEvent) {
-        this.dragStopSource.next(event);
-    }
-}
diff --git a/src/app/components/api/treenode.ts b/src/app/components/api/treenode.ts
deleted file mode 100644
index 196e1e0..0000000
--- a/src/app/components/api/treenode.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-/**
- * Represents a node in a tree data structure.
- * @group Interface
- */
-export interface TreeNode<T = any> {
-    checked?: boolean;
-    /**
-     * Label of the node.
-     */
-    label?: string;
-    /**
-     * Data represented by the node.
-     */
-    data?: T;
-    /**
-     * Icon of the node to display next to content.
-     */
-    icon?: string;
-    /**
-     * Icon to use in expanded state.
-     */
-    expandedIcon?: string;
-    /**
-     * Icon to use in collapsed state.
-     */
-    collapsedIcon?: string;
-    /**
-     * An array of treenodes as children.
-     */
-    children?: TreeNode<T>[];
-    /**
-     * Specifies if the node has children. Used in lazy loading.
-     * @defaultValue false
-     */
-    leaf?: boolean;
-    /**
-     * Expanded state of the node.
-     * @defaultValue false
-     */
-    expanded?: boolean;
-    /**
-     * Type of the node to match a template.
-     */
-    type?: string;
-    /**
-     * Parent of the node.
-     */
-    parent?: TreeNode<T>;
-    /**
-     * Defines if value is partially selected.
-     */
-    partialSelected?: boolean;
-    /**
-     * Inline style of the node.
-     */
-    style?: any;
-    /**
-     * Style class of the node.
-     */
-    styleClass?: string;
-    /**
-     * Defines if the node is draggable.
-     */
-    draggable?: boolean;
-    /**
-     * Defines if the node is droppable.
-     */
-    droppable?: boolean;
-    /**
-     * Whether the node is selectable when selection mode is enabled.
-     * @defaultValue false
-     */
-    selectable?: boolean;
-    /**
-     * Mandatory unique key of the node.
-     */
-    key?: string;
-    /**
-     * Defines if the node is loading.
-     */
-    loading?: boolean;
-}
diff --git a/src/app/components/api/treenodedragevent.ts b/src/app/components/api/treenodedragevent.ts
deleted file mode 100644
index 7440ffd..0000000
--- a/src/app/components/api/treenodedragevent.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { TreeNode } from './treenode';
-
-/**
- * Represents the event data for a tree node drag operation.
- * @group Interface
- */
-export interface TreeNodeDragEvent {
-    /**
-     * Tree instance.
-     */
-    tree?: any;
-    /**
-     * Node to be dragged.
-     */
-    node?: TreeNode<any>;
-    /**
-     * Child nodes of dragged node.
-     */
-    subNodes?: TreeNode<any>[];
-    /**
-     * Index of dragged node.
-     */
-    index?: number;
-    /**
-     * Scope of dragged node.
-     */
-    scope?: any;
-}
diff --git a/src/app/components/api/treetablenode.ts b/src/app/components/api/treetablenode.ts
deleted file mode 100644
index b2c50d4..0000000
--- a/src/app/components/api/treetablenode.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { TreeNode } from './treenode';
-
-/**
- * Tree table node element.
- * @extends {TreeNode}
- * @group Interface
- */
-export interface TreeTableNode<T = any> extends TreeNode {
-    /**
-     * Browser event.
-     */
-    originalEvent?: Event;
-    /**
-     * Row of the node.
-     */
-    rowNode?: any;
-    /**
-     * Node instance.
-     */
-    node?: TreeNode<T>;
-    /**
-     * Selection type.
-     */
-    type?: string;
-    /**
-     * Node index.
-     */
-    index?: number;
-    /**
-     * Node level.
-     */
-    level?: number;
-    /**
-     * Boolean value indicates if node is in viewport.
-     */
-    visible?: boolean;
-}
diff --git a/src/app/components/autocomplete/autocomplete.css b/src/app/components/autocomplete/autocomplete.css
deleted file mode 100644
index 85b0a38..0000000
--- a/src/app/components/autocomplete/autocomplete.css
+++ /dev/null
@@ -1,104 +0,0 @@
-@layer primeng {
-    .p-autocomplete {
-        display: inline-flex;
-        position: relative;
-    }
-
-    .p-autocomplete-loader {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-    }
-
-    .p-autocomplete-dd .p-autocomplete-input {
-        flex: 1 1 auto;
-        width: 1%;
-    }
-
-    .p-autocomplete-dd .p-autocomplete-input,
-    .p-autocomplete-dd .p-autocomplete-multiple-container {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-
-    .p-autocomplete-dd .p-autocomplete-dropdown {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0px;
-    }
-
-    .p-autocomplete-panel {
-        overflow: auto;
-    }
-
-    .p-autocomplete-items {
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-    }
-
-    .p-autocomplete-item {
-        cursor: pointer;
-        white-space: nowrap;
-        position: relative;
-        overflow: hidden;
-    }
-
-    .p-autocomplete-multiple-container {
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-        cursor: text;
-        overflow: hidden;
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-    }
-
-    .p-autocomplete-token {
-        width: fit-content;
-        cursor: default;
-        display: inline-flex;
-        align-items: center;
-        flex: 0 0 auto;
-    }
-
-    .p-autocomplete-token-icon {
-        display: flex;
-        cursor: pointer;
-    }
-
-    .p-autocomplete-input-token {
-        flex: 1 1 auto;
-        display: inline-flex;
-    }
-
-    .p-autocomplete-input-token input {
-        border: 0 none;
-        outline: 0 none;
-        background-color: transparent;
-        margin: 0;
-        padding: 0;
-        box-shadow: none;
-        border-radius: 0;
-        width: 100%;
-    }
-
-    .p-fluid .p-autocomplete {
-        display: flex;
-    }
-
-    .p-fluid .p-autocomplete-dd .p-autocomplete-input {
-        width: 1%;
-    }
-
-    .p-autocomplete-clear-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-        cursor: pointer;
-    }
-
-    .p-autocomplete-clearable {
-        position: relative;
-    }
-}
diff --git a/src/app/components/autocomplete/autocomplete.interface.ts b/src/app/components/autocomplete/autocomplete.interface.ts
deleted file mode 100644
index 1a5913f..0000000
--- a/src/app/components/autocomplete/autocomplete.interface.ts
+++ /dev/null
@@ -1,157 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { ScrollerOptions } from 'primeng/api';
-import { AutoComplete } from './autocomplete';
-
-/**
- * Custom complete event.
- * @see {@link AutoComplete.completeMethod}
- * @group Events
- */
-export interface AutoCompleteCompleteEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Selected option value.
-     */
-    query: string;
-}
-/**
- * Custom click event.
- * @see {@link AutoComplete.onDropdownClick}
- * @group Events
- */
-export interface AutoCompleteDropdownClickEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Selected option value.
-     */
-    query: string;
-}
-/**
- * Custom select event.
- * @see {@link AutoComplete.onSelect}
- * @group Events
- */
-export interface AutoCompleteSelectEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Selected value.
-     */
-    value: any;
-}
-/**
- * Custom unselect event.
- * @see {@link AutoComplete.onUnSelect}
- * @group Events
- */
-export interface AutoCompleteUnselectEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Removed value.
-     */
-    value: any;
-}
-/**
- * Custom lazy load event.
- * @see {@link AutoComplete.onLazyLoad}
- * @group Events
- */
-export interface AutoCompleteLazyLoadEvent {
-    /**
-     * First element in viewport.
-     */
-    first: any;
-    /**
-     * Last element in viewport.
-     */
-    last: any;
-}
-/**
- * Defines valid templates in AutoComplete.
- * @group Templates
- */
-export interface AutoCompleteTemplates {
-    /**
-     * Custom item template.
-     * @param {Object} context - option data.
-     */
-    item(context: {
-        /**
-         * Option.
-         */
-        $implicit: any;
-        /**
-         * Option index.
-         */
-        index: number;
-    }): TemplateRef<{ $implicit: any; index: number }>;
-    /**
-     * Custom group template.
-     * @param {Object} context - group data.
-     */
-    group(context: {
-        /**
-         * Option group.
-         */
-        $implicit: any | any[];
-    }): TemplateRef<{ $implicit: any | any[] }>;
-    /**
-     * Custom selected item template, only supported in multiple mode.
-     * @param {Object} context - selected item data.
-     */
-    selectedItem(context: {
-        /**
-         * Selected value.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implici: any }>;
-    /**
-     * Custom header template.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom empty template.
-     */
-    empty(): TemplateRef<any>;
-    /**
-     * Custom footer template.
-     */
-    footer(): TemplateRef<any>;
-    /**
-     * Custom loader template.
-     * @param {Object} context - scroller options.
-     */
-    loader(context: {
-        /**
-         * Virtual scroller options.
-         */
-        $implicit: ScrollerOptions;
-    }): TemplateRef<{ $implicit: ScrollerOptions }>;
-    /**
-     * Custom remove token icon template.
-     */
-    removetokenicon(): TemplateRef<any>;
-    /**
-     * Custom loading icon template.
-     */
-    loadingicon(): TemplateRef<any>;
-    /**
-     * Custom clear icon template.
-     */
-    clearicon(): TemplateRef<any>;
-    /**
-     * Custom dropdown icon template.
-     */
-    dropdownicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/autocomplete/autocomplete.spec.ts b/src/app/components/autocomplete/autocomplete.spec.ts
deleted file mode 100644
index 44f76b2..0000000
--- a/src/app/components/autocomplete/autocomplete.spec.ts
+++ /dev/null
@@ -1,729 +0,0 @@
-import { Component } from '@angular/core';
-import { ComponentFixture, fakeAsync, flush, TestBed, tick } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { By } from '@angular/platform-browser';
-import { BrowserDynamicTestingModule } from '@angular/platform-browser-dynamic/testing';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { ButtonModule } from 'primeng/button';
-import { ChevronDownIcon } from 'primeng/icons/chevrondown';
-import { TimesCircleIcon } from 'primeng/icons/timescircle';
-import { OverlayModule } from 'primeng/overlay';
-import { AutoComplete } from './autocomplete';
-
-@Component({
-    template: `<p-autoComplete [(ngModel)]="brand" [suggestions]="filteredBrands" (completeMethod)="filterBrands($event)"></p-autoComplete>
-        <a (click)="deleteLastEl()"></a>
-        <p-autoComplete [(ngModel)]="car" [suggestions]="filteredCars" (completeMethod)="filterBrandsWithField($event)"></p-autoComplete> `
-})
-class TestAutocompleteComponent {
-    brands: string[] = ['Audi', 'BMW', 'Fiat', 'Ford', 'Honda', 'Jaguar', 'Mercedes', 'Renault', 'Volvo', 'VW'];
-    cars: any[] = [
-        { id: 1, brand: 'Volvo' },
-        { id: 2, brand: 'VW' }
-    ];
-    filteredBrands: any[];
-    filteredCars: any[];
-    brand: string;
-    car: any;
-
-    filterBrands(event) {
-        this.filteredBrands = [];
-        for (let i = 0; i < this.brands.length; i++) {
-            let brand = this.brands[i];
-            if (brand.toLowerCase().indexOf(event.query.toLowerCase()) == 0) {
-                this.filteredBrands.push(brand);
-            }
-        }
-    }
-
-    filterBrandsWithField(event) {
-        this.filteredCars = [];
-        for (let i = 0; i < this.cars.length; i++) {
-            let car = this.cars[i];
-            if (car.brand.toLowerCase().indexOf(event.query.toLowerCase()) == 0) {
-                this.filteredCars.push(car);
-            }
-        }
-    }
-    deleteLastEl() {
-        this.brands.pop();
-    }
-}
-
-describe('AutoComplete', () => {
-    let autocomplete: AutoComplete;
-    let autocomplete2: AutoComplete;
-    let testComponent: TestAutocompleteComponent;
-    let fixture: ComponentFixture<TestAutocompleteComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, FormsModule, BrowserDynamicTestingModule, ButtonModule, OverlayModule, ChevronDownIcon, TimesCircleIcon],
-            declarations: [AutoComplete, TestAutocompleteComponent]
-        }).compileComponents();
-
-        fixture = TestBed.createComponent(TestAutocompleteComponent);
-        autocomplete = fixture.debugElement.children[0].componentInstance;
-        autocomplete2 = fixture.debugElement.children[2].componentInstance;
-        testComponent = fixture.debugElement.componentInstance;
-    });
-
-    it('should disabled', () => {
-        fixture.detectChanges();
-
-        autocomplete.disabled = true;
-        fixture.detectChanges();
-
-        autocomplete.cd.detectChanges();
-        const inputDefaultEl = fixture.debugElement.query(By.css('.p-autocomplete-input')).nativeElement;
-        expect(inputDefaultEl.disabled).toEqual(true);
-        fixture.detectChanges();
-
-        autocomplete.multiple = true;
-        autocomplete.disabled = true;
-        fixture.detectChanges();
-
-        autocomplete.cd.detectChanges();
-        const inputMultipleEl = fixture.debugElement.query(By.css('ul')).query(By.css('input'));
-        const multiContainer = fixture.debugElement.query(By.css('div'));
-        expect(inputMultipleEl.properties.disabled).toEqual(true);
-        expect(multiContainer.nativeElement.className).toContain('p-disabled');
-    });
-
-    it('should display dropdown icon', () => {
-        autocomplete.dropdown = true;
-        fixture.detectChanges();
-
-        autocomplete.cd.detectChanges();
-        const autocompleteEl = fixture.debugElement.query(By.css('.p-autocomplete .p-component')).nativeElement;
-        const dropdownIconEl = fixture.debugElement.query(By.css('.p-autocomplete-dropdown')).nativeElement;
-        expect(autocompleteEl.className).toContain('p-autocomplete-dd');
-        expect(dropdownIconEl).toBeTruthy();
-    });
-
-    it('should change style and styleClass', () => {
-        autocomplete.style = { height: '300px' };
-        autocomplete.styleClass = 'Primeng Rocks!';
-        autocomplete.inputStyle = { height: '300px' };
-        autocomplete.inputStyleClass = 'Primeng Rocks!';
-        fixture.detectChanges();
-
-        autocomplete.cd.detectChanges();
-        const autocompleteEl = fixture.debugElement.query(By.css('.p-autocomplete .p-component')).nativeElement;
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        expect(autocompleteEl.className).toContain('Primeng Rocks!');
-        expect(inputEl.className).toContain('Primeng Rocks!');
-        expect(autocompleteEl.style.height).toContain('300px');
-        expect(inputEl.style.height).toContain('300px');
-        autocomplete.multiple = true;
-        fixture.detectChanges();
-
-        autocomplete.cd.detectChanges();
-        const inputMultipleEl = fixture.debugElement.query(By.css('ul')).query(By.css('input')).nativeElement;
-        expect(inputMultipleEl.className).toContain('Primeng Rocks!');
-        expect(inputMultipleEl.style.height).toContain('300px');
-    });
-
-    it('should change inputId size readonly tabindex maxlength type and placeholder', () => {
-        autocomplete.inputId = 'Primeng';
-        autocomplete.placeholder = 'Primeng ROCKS!';
-        autocomplete.size = 12;
-        autocomplete.required = true;
-        autocomplete.readonly = true;
-        autocomplete.tabindex = 13;
-        autocomplete.type = 'password';
-        autocomplete.maxlength = 5;
-        fixture.detectChanges();
-
-        autocomplete.cd.detectChanges();
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        expect(inputEl.id).toEqual('Primeng');
-        expect(inputEl.placeholder).toEqual('Primeng ROCKS!');
-        expect(inputEl.size).toEqual(12);
-        expect(inputEl.required).toEqual(true);
-        expect(inputEl.tabIndex).toEqual(13);
-        expect(inputEl.maxLength).toEqual(5);
-        expect(inputEl.readOnly).toEqual(true);
-        expect(inputEl.type).toEqual('password');
-        autocomplete.multiple = true;
-        fixture.detectChanges();
-
-        autocomplete.cd.detectChanges();
-        const inputMultipleEl = fixture.debugElement.query(By.css('ul')).query(By.css('input')).nativeElement;
-        expect(inputMultipleEl.id).toEqual('Primeng');
-        expect(inputMultipleEl.placeholder).toEqual('Primeng ROCKS!');
-    });
-
-    it('should show filtered brands and change autoZIndex', fakeAsync(() => {
-        autocomplete.autoZIndex = false;
-        fixture.detectChanges();
-
-        let focusValue;
-        autocomplete.onFocus.subscribe((value) => (focusValue = value));
-        const inputEl = fixture.debugElement.query(By.css('.p-autocomplete-input'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.focus();
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const onInputSpy = spyOn(autocomplete, 'onInput').and.callThrough();
-        const handleSuggestionsChangeSpy = spyOn(autocomplete, 'handleSuggestionsChange').and.callThrough();
-        const filterBrandsSpy = spyOn(testComponent, 'filterBrands').and.callThrough();
-
-        inputEl.nativeElement.value = 'v';
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        tick(300);
-        fixture.detectChanges();
-
-        const suggestionsEls = fixture.debugElement.queryAll(By.css('li'));
-        expect(autocomplete.suggestions.length).toEqual(2);
-        expect(suggestionsEls.length).toEqual(2);
-        expect(testComponent.filteredBrands.length).toEqual(2);
-        expect(autocomplete.suggestions).toEqual(testComponent.filteredBrands);
-        expect(onInputSpy).toHaveBeenCalled();
-        expect(handleSuggestionsChangeSpy).toHaveBeenCalled();
-        expect(filterBrandsSpy).toHaveBeenCalled();
-        expect(focusValue).toBeTruthy();
-        flush();
-    }));
-
-    it('should change immutable and scrollHeight', fakeAsync(() => {
-        autocomplete.scrollHeight = '450px';
-        fixture.detectChanges();
-
-        const deleteLastEl = fixture.debugElement.query(By.css('a'));
-        deleteLastEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext.p-component'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.focus();
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        inputEl.nativeElement.value = 'v';
-        inputEl.nativeElement.dispatchEvent(new Event('keydown'));
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('keyup'));
-        tick(300);
-        fixture.detectChanges();
-
-        const suggestionsEls = fixture.debugElement.queryAll(By.css('li'));
-        const panelEl = fixture.debugElement.query(By.css('.p-autocomplete-panel'));
-        expect(panelEl.nativeElement.style.maxHeight).toEqual('450px');
-        expect(autocomplete.suggestions.length).toEqual(1);
-        expect(suggestionsEls.length).toEqual(1);
-        expect(testComponent.filteredBrands.length).toEqual(1);
-        expect(autocomplete.suggestions).toEqual(testComponent.filteredBrands);
-        flush();
-    }));
-
-    it('should change appendTo', fakeAsync(() => {
-        autocomplete.appendTo = 'body';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext.p-component'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.focus();
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        inputEl.nativeElement.value = 'v';
-        inputEl.nativeElement.dispatchEvent(new Event('keydown'));
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('keyup'));
-        tick(300);
-        fixture.detectChanges();
-
-        const suggestionsEls = fixture.debugElement.queryAll(By.css('li'));
-        expect(autocomplete.suggestions.length).toEqual(2);
-        expect(suggestionsEls.length).toEqual(2);
-        expect(testComponent.filteredBrands.length).toEqual(2);
-        expect(autocomplete.suggestions).toEqual(testComponent.filteredBrands);
-        flush();
-    }));
-
-    it('should change appendTo(2)', fakeAsync(() => {
-        autocomplete.appendTo = fixture.debugElement.query(By.css('a')).nativeElement;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext.p-component'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.focus();
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        inputEl.nativeElement.value = 'v';
-        inputEl.nativeElement.dispatchEvent(new Event('keydown'));
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('keyup'));
-        tick(300);
-        fixture.detectChanges();
-
-        const suggestionsEls = fixture.debugElement.queryAll(By.css('li'));
-        expect(autocomplete.suggestions.length).toEqual(2);
-        expect(suggestionsEls.length).toEqual(2);
-        expect(testComponent.filteredBrands.length).toEqual(2);
-        expect(autocomplete.suggestions).toEqual(testComponent.filteredBrands);
-        flush();
-    }));
-
-    it('should not show panel', fakeAsync(() => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-autocomplete-input'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.focus();
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        inputEl.nativeElement.value = 'vxc';
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        tick(300);
-        fixture.detectChanges();
-
-        const suggestionsEls = fixture.debugElement.queryAll(By.css('.p-autocomplete-item'));
-        expect(autocomplete.suggestions.length).toEqual(0);
-        expect(suggestionsEls.length).toEqual(0);
-        expect(testComponent.filteredBrands.length).toEqual(0);
-        flush();
-    }));
-
-    it('should show emptyMessage', fakeAsync(() => {
-        autocomplete.emptyMessage = 'Primeng ROCKS!';
-        autocomplete.showEmptyMessage = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext.p-component'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.focus();
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        inputEl.nativeElement.value = 'PRIMENG';
-        inputEl.nativeElement.dispatchEvent(new Event('keydown'));
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('keyup'));
-        tick(300);
-        fixture.detectChanges();
-
-        const suggestionsEls = fixture.debugElement.queryAll(By.css('li'));
-        expect(autocomplete.suggestions.length).toEqual(0);
-        expect(suggestionsEls.length).toEqual(1);
-        expect(testComponent.filteredBrands.length).toEqual(0);
-        expect(suggestionsEls[0].nativeElement.textContent).toContain(autocomplete.emptyMessage);
-        flush();
-    }));
-
-    xit('should use autoHighlight', fakeAsync(() => {
-        // this logic has not been implemented
-        autocomplete.autoHighlight = true;
-        autocomplete.baseZIndex = 20;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-autocomplete-input'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.focus();
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        inputEl.nativeElement.value = 'v';
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        tick(300);
-        fixture.detectChanges();
-
-        const firstItemEl = fixture.debugElement.query(By.css('li')).nativeElement;
-        expect(firstItemEl.className).toContain('p-highlight');
-        flush();
-    }));
-
-    it('should use forceSelection', fakeAsync(() => {
-        autocomplete.forceSelection = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext.p-component'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.focus();
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        inputEl.nativeElement.value = 'vsa';
-        inputEl.nativeElement.dispatchEvent(new Event('keydown'));
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('keyup'));
-        autocomplete.suggestions = [];
-        inputEl.nativeElement.dispatchEvent(new Event('change'));
-        tick(300);
-        fixture.detectChanges();
-
-        expect(inputEl.nativeElement.value).toEqual('');
-        flush();
-    }));
-
-    it('should select item', fakeAsync(() => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext.p-component'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.focus();
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const onOptionSelectSpy = spyOn(autocomplete, 'onOptionSelect').and.callThrough();
-        inputEl.nativeElement.value = 'v';
-        inputEl.nativeElement.dispatchEvent(new Event('keydown'));
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('keyup'));
-        tick(300);
-        fixture.detectChanges();
-
-        const firstItemEl = fixture.debugElement.query(By.css('li')).nativeElement;
-        firstItemEl.click();
-        fixture.detectChanges();
-
-        expect(autocomplete.value).toEqual('Volvo');
-        expect(onOptionSelectSpy).toHaveBeenCalled();
-        expect(inputEl.nativeElement.value).toEqual(autocomplete.value);
-        expect(testComponent.brand).toEqual(autocomplete.value);
-        flush();
-    }));
-
-    it('should show panel with dropdown', () => {
-        autocomplete.dropdown = true;
-        fixture.detectChanges();
-
-        let dropdownValue;
-        autocomplete.onDropdownClick.subscribe((value) => (dropdownValue = value));
-        const dropdownOpenEl = fixture.debugElement.query(By.css('.p-autocomplete-dropdown'));
-        dropdownOpenEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const panelEl = fixture.debugElement.query(By.css('div'));
-        expect(panelEl).toBeTruthy();
-        expect(autocomplete.overlayVisible).toEqual(true);
-        expect(dropdownValue).toBeTruthy();
-    });
-
-    it('should change dropdownMode', () => {
-        autocomplete.dropdown = true;
-        autocomplete.dropdownMode = 'current';
-        fixture.detectChanges();
-
-        const dropdownOpenEl = fixture.debugElement.query(By.css('.p-autocomplete-dropdown'));
-        dropdownOpenEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const panelEl = fixture.debugElement.query(By.css('div'));
-        expect(panelEl).toBeTruthy();
-        expect(autocomplete.overlayVisible).toEqual(true);
-    });
-
-    it('should use field', fakeAsync(() => {
-        autocomplete2.field = 'brand';
-        autocomplete2.forceSelection = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.queryAll(By.css('p-autoComplete'))[1].query(By.css('.p-inputtext.p-component'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.focus();
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const onOptionSelectSpy = spyOn(autocomplete2, 'onOptionSelect').and.callThrough();
-        inputEl.nativeElement.value = 'v';
-        inputEl.nativeElement.dispatchEvent(new Event('keydown'));
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('keyup'));
-        tick(300);
-        fixture.detectChanges();
-
-        const firstItemEl = fixture.debugElement.queryAll(By.css('p-autoComplete'))[1].query(By.css('li')).nativeElement;
-        firstItemEl.click();
-        fixture.detectChanges();
-        expect(autocomplete2.value.brand).toEqual('Volvo');
-        expect(onOptionSelectSpy).toHaveBeenCalled();
-        expect(inputEl.nativeElement.value).toEqual(autocomplete2.value.brand);
-        expect(testComponent.car).toEqual(autocomplete2.value);
-        flush();
-    }));
-
-    it('should change minLength', fakeAsync(() => {
-        autocomplete.minLength = 2;
-        fixture.detectChanges();
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext.p-component'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.focus();
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        inputEl.nativeElement.value = 'v';
-        inputEl.nativeElement.dispatchEvent(new Event('keydown'));
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('keyup'));
-        tick(300);
-        fixture.detectChanges();
-
-        expect(autocomplete.overlayVisible).toBeFalsy();
-
-        inputEl.nativeElement.value = 'va';
-        inputEl.nativeElement.dispatchEvent(new Event('keydown'));
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('keyup'));
-        tick(300);
-        fixture.detectChanges();
-
-        expect(autocomplete.overlayVisible).toBeTrue();
-        flush();
-    }));
-
-    it('should set the optionValue property as value', fakeAsync(() => {
-        autocomplete2.optionValue = 'id';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.queryAll(By.css('p-autoComplete'))[1].query(By.css('.p-inputtext.p-component'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.focus();
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const onOptionSelectSpy = spyOn(autocomplete2, 'onOptionSelect').and.callThrough();
-        inputEl.nativeElement.value = 'v';
-        inputEl.nativeElement.dispatchEvent(new Event('keydown'));
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('keyup'));
-        tick(300);
-        fixture.detectChanges();
-
-        const firstItemEl = fixture.debugElement.queryAll(By.css('p-autoComplete'))[1].query(By.css('li')).nativeElement;
-        firstItemEl.click();
-        fixture.detectChanges();
-        expect(autocomplete2.value).toEqual(1);
-        expect(onOptionSelectSpy).toHaveBeenCalled();
-        expect(testComponent.car).toEqual(autocomplete2.value);
-        flush();
-    }));
-
-    it('should multiple', () => {
-        autocomplete.multiple = true;
-        fixture.detectChanges();
-
-        const spanEl = fixture.debugElement.query(By.css('div'));
-        const listEl = fixture.debugElement.query(By.css('ul'));
-        expect(spanEl.nativeElement.className).toContain('p-autocomplete-multiple');
-        expect(listEl.nativeElement.className).toContain('p-autocomplete-multiple-container');
-    });
-
-    it('should select item with multiSelect', fakeAsync(() => {
-        autocomplete.multiple = true;
-        autocomplete.forceSelection = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const onOptionSelectSpy = spyOn(autocomplete, 'onOptionSelect').and.callThrough();
-        inputEl.nativeElement.value = 'v';
-        inputEl.nativeElement.dispatchEvent(new Event('keydown'));
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('keyup'));
-        tick(300);
-        fixture.detectChanges();
-
-        inputEl.nativeElement.dispatchEvent(new Event('change'));
-        const firstItemEl = fixture.debugElement.queryAll(By.css('li'))[1].nativeElement;
-        firstItemEl.click();
-        fixture.detectChanges();
-        expect(autocomplete.value[0]).toEqual('Volvo');
-        expect(autocomplete.value.length).toEqual(1);
-        expect(onOptionSelectSpy).toHaveBeenCalled();
-        expect(testComponent.brand).toEqual(autocomplete.value);
-        flush();
-    }));
-
-    it('should select selected item', fakeAsync(() => {
-        autocomplete.multiple = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const onOptionSelectSpy = spyOn(autocomplete, 'onOptionSelect').and.callThrough();
-        inputEl.nativeElement.value = 'v';
-        inputEl.nativeElement.dispatchEvent(new Event('keydown'));
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('keyup'));
-        tick(300);
-        fixture.detectChanges();
-
-        const firstItemEl = fixture.debugElement.queryAll(By.css('li'))[1].nativeElement;
-        firstItemEl.click();
-        fixture.detectChanges();
-
-        expect(autocomplete.value[0]).toEqual('Volvo');
-        expect(autocomplete.value.length).toEqual(1);
-        expect(onOptionSelectSpy).toHaveBeenCalled();
-        expect(testComponent.brand).toEqual(autocomplete.value);
-        flush();
-    }));
-
-    it('should delete chip with backspace', fakeAsync(() => {
-        autocomplete.multiple = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-autocomplete-input'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const onOptionSelectSpy = spyOn(autocomplete, 'onOptionSelect').and.callThrough();
-        inputEl.nativeElement.value = 'v';
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        tick(300);
-        fixture.detectChanges();
-
-        autocomplete.onOptionSelect(new Event('click'), 'Volvo');
-        fixture.detectChanges();
-
-        expect(autocomplete.value[0]).toEqual('Volvo');
-        expect(autocomplete.value.length).toEqual(1);
-        expect(onOptionSelectSpy).toHaveBeenCalled();
-        expect(testComponent.brand).toEqual(autocomplete.value);
-
-        autocomplete.onKeyDown(new KeyboardEvent('keydown', { code: 'Backspace' }));
-        fixture.detectChanges();
-
-        expect(autocomplete.value[0]).toEqual(undefined);
-        expect(autocomplete.value.length).toEqual(0);
-        flush();
-    }));
-
-    it('should delete item with icon', fakeAsync(() => {
-        autocomplete.multiple = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const onOptionSelectSpy = spyOn(autocomplete, 'onOptionSelect').and.callThrough();
-        inputEl.nativeElement.value = 'v';
-        inputEl.nativeElement.dispatchEvent(new Event('keydown'));
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('keyup'));
-        tick(300);
-        fixture.detectChanges();
-
-        const firstItemEl = fixture.debugElement.queryAll(By.css('li'))[1].nativeElement;
-        firstItemEl.click();
-        fixture.detectChanges();
-        expect(autocomplete.value[0]).toEqual('Volvo');
-        expect(autocomplete.value.length).toEqual(1);
-        expect(onOptionSelectSpy).toHaveBeenCalled();
-        expect(testComponent.brand).toEqual(autocomplete.value);
-        const iconEl = fixture.debugElement.query(By.css('.p-autocomplete-token-icon'));
-        iconEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(autocomplete.value[0]).toEqual(undefined);
-        expect(autocomplete.value.length).toEqual(0);
-        flush();
-    }));
-
-    it('should select property with multiSelect and optionValue', fakeAsync(() => {
-        autocomplete2.multiple = true;
-        autocomplete2.optionValue = 'id';
-        autocomplete2.optionLabel = 'brand';
-        autocomplete2.forceSelection = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.queryAll(By.css('p-autoComplete'))[1].query(By.css('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const onOptionSelectSpy = spyOn(autocomplete2, 'onOptionSelect').and.callThrough();
-        inputEl.nativeElement.value = 'v';
-        inputEl.nativeElement.dispatchEvent(new Event('keydown'));
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('keyup'));
-        tick(300);
-        fixture.detectChanges();
-
-        inputEl.nativeElement.dispatchEvent(new Event('change'));
-        const firstItemEl = fixture.debugElement.queryAll(By.css('li'))[1].nativeElement;
-        firstItemEl.click();
-        fixture.detectChanges();
-        expect(autocomplete2.value[0]).toEqual(1);
-        expect(autocomplete2.value.length).toEqual(1);
-        expect(onOptionSelectSpy).toHaveBeenCalled();
-        expect(testComponent.car).toEqual(autocomplete2.value);
-        flush();
-    }));
-
-    it('should navigate with arrow keys and select with enter', () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-autocomplete-input'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const onOptionSelectSpy = spyOn(autocomplete, 'onOptionSelect').and.callThrough();
-        autocomplete.suggestions = ['Volvo', 'VW'];
-        autocomplete.overlayVisible = true;
-        autocomplete.onKeyDown(new KeyboardEvent('keydown', { code: 'ArrowDown' }));
-        autocomplete.onKeyDown(new KeyboardEvent('keydown', { code: 'Enter' }));
-        fixture.detectChanges();
-
-        expect(autocomplete.value).toEqual('Volvo');
-        expect(onOptionSelectSpy).toHaveBeenCalled();
-        expect(testComponent.brand).toEqual(autocomplete.value);
-    });
-
-    it('should navigate with arrow keys and select with tab', () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const onOptionSelectSpy = spyOn(autocomplete, 'onOptionSelect').and.callThrough();
-        autocomplete.suggestions = ['Volvo', 'VW'];
-        autocomplete.overlayVisible = true;
-        autocomplete.onKeyDown(new KeyboardEvent('keydown', { code: 'ArrowDown' }));
-        autocomplete.onKeyDown(new KeyboardEvent('keydown', { code: 'Tab' }));
-        fixture.detectChanges();
-
-        expect(autocomplete.value).toEqual('Volvo');
-        expect(onOptionSelectSpy).toHaveBeenCalled();
-        expect(testComponent.brand).toEqual(autocomplete.value);
-    });
-
-    it('should escape with esc key', fakeAsync(() => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-autocomplete-input'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const onOptionSelectSpy = spyOn(autocomplete, 'onOptionSelect').and.callThrough();
-        const hideSpy = spyOn(autocomplete, 'hide').and.callThrough();
-        autocomplete.suggestions = ['Volvo', 'VW'];
-        autocomplete.overlayVisible = true;
-        autocomplete.onKeyDown(new KeyboardEvent('keydown', { code: 'Escape' }));
-        tick(300);
-        fixture.detectChanges();
-
-        expect(autocomplete.value).toEqual(undefined);
-        expect(onOptionSelectSpy).not.toHaveBeenCalled();
-        expect(hideSpy).toHaveBeenCalled();
-        expect(autocomplete.overlayVisible).toEqual(false);
-    }));
-});
diff --git a/src/app/components/autocomplete/autocomplete.ts b/src/app/components/autocomplete/autocomplete.ts
deleted file mode 100644
index 7423f62..0000000
--- a/src/app/components/autocomplete/autocomplete.ts
+++ /dev/null
@@ -1,1684 +0,0 @@
-import { animate, AnimationEvent, style, transition, trigger } from '@angular/animations';
-import { CommonModule, DOCUMENT } from '@angular/common';
-import {
-    AfterContentInit,
-    AfterViewChecked,
-    booleanAttribute,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    computed,
-    ContentChildren,
-    effect,
-    ElementRef,
-    EventEmitter,
-    forwardRef,
-    Inject,
-    Input,
-    NgModule,
-    NgZone,
-    numberAttribute,
-    OnDestroy,
-    Output,
-    QueryList,
-    Renderer2,
-    signal,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation
-} from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { OverlayOptions, OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule, TranslationKeys } from 'primeng/api';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { ButtonModule } from 'primeng/button';
-import { ConnectedOverlayScrollHandler, DomHandler } from 'primeng/dom';
-import { InputTextModule } from 'primeng/inputtext';
-import { Overlay, OverlayModule } from 'primeng/overlay';
-import { RippleModule } from 'primeng/ripple';
-import { Scroller, ScrollerModule } from 'primeng/scroller';
-import { ScrollerOptions } from 'primeng/api';
-import { ObjectUtils, UniqueComponentId } from 'primeng/utils';
-import { TimesCircleIcon } from 'primeng/icons/timescircle';
-import { SpinnerIcon } from 'primeng/icons/spinner';
-import { TimesIcon } from 'primeng/icons/times';
-import { ChevronDownIcon } from 'primeng/icons/chevrondown';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { AutoCompleteCompleteEvent, AutoCompleteDropdownClickEvent, AutoCompleteLazyLoadEvent, AutoCompleteSelectEvent, AutoCompleteUnselectEvent } from './autocomplete.interface';
-
-export const AUTOCOMPLETE_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => AutoComplete),
-    multi: true
-};
-/**
- * AutoComplete is an input component that provides real-time suggestions when being typed.
- * @group Components
- */
-@Component({
-    selector: 'p-autoComplete',
-    template: `
-        <div #container [ngClass]="containerClass" [ngStyle]="style" [class]="styleClass" (click)="onContainerClick($event)">
-            <input
-                *ngIf="!multiple"
-                #focusInput
-                pAutoFocus
-                [autofocus]="autofocus"
-                [ngClass]="inputClass"
-                [ngStyle]="inputStyle"
-                [class]="inputStyleClass"
-                [type]="type"
-                [attr.value]="inputValue()"
-                [attr.id]="inputId"
-                [autocomplete]="autocomplete"
-                [required]="required"
-                [name]="name"
-                aria-autocomplete="list"
-                role="combobox"
-                [attr.placeholder]="placeholder"
-                [attr.size]="size"
-                [attr.maxlength]="maxlength"
-                [tabindex]="!disabled ? tabindex : -1"
-                [readonly]="readonly"
-                [disabled]="disabled"
-                [attr.aria-label]="ariaLabel"
-                [attr.aria-labelledby]="ariaLabelledBy"
-                [attr.aria-required]="required"
-                [attr.aria-expanded]="overlayVisible ?? false"
-                [attr.aria-controls]="overlayVisible ? id + '_list' : null"
-                [attr.aria-activedescendant]="focused ? focusedOptionId : undefined"
-                (input)="onInput($event)"
-                (keydown)="onKeyDown($event)"
-                (change)="onInputChange($event)"
-                (focus)="onInputFocus($event)"
-                (blur)="onInputBlur($event)"
-                (paste)="onInputPaste($event)"
-                (keyup)="onInputKeyUp($event)"
-            />
-            <ng-container *ngIf="isVisibleClearIcon">
-                <TimesIcon *ngIf="!clearIconTemplate" [styleClass]="'p-autocomplete-clear-icon'" (click)="clear()" [attr.aria-hidden]="true" />
-                <span *ngIf="clearIconTemplate" class="p-autocomplete-clear-icon" (click)="clear()" [attr.aria-hidden]="true">
-                    <ng-template *ngTemplateOutlet="clearIconTemplate"></ng-template>
-                </span>
-            </ng-container>
-
-            <ul
-                *ngIf="multiple"
-                #multiContainer
-                [ngClass]="multiContainerClass"
-                [tabindex]="-1"
-                role="listbox"
-                [attr.aria-orientation]="'horizontal'"
-                [attr.aria-activedescendant]="focused ? focusedMultipleOptionId : undefined"
-                (focus)="onMultipleContainerFocus($event)"
-                (blur)="onMultipleContainerBlur($event)"
-                (keydown)="onMultipleContainerKeyDown($event)"
-            >
-                <li
-                    #token
-                    *ngFor="let option of modelValue(); let i = index"
-                    [ngClass]="{ 'p-autocomplete-token': true, 'p-focus': focusedMultipleOptionIndex() === i }"
-                    [attr.id]="id + '_multiple_option_' + i"
-                    role="option"
-                    [attr.aria-label]="getOptionLabel(option)"
-                    [attr.aria-setsize]="modelValue().length"
-                    [attr.aria-posinset]="i + 1"
-                    [attr.aria-selected]="true"
-                >
-                    <ng-container *ngTemplateOutlet="selectedItemTemplate; context: { $implicit: option }"></ng-container>
-                    <span *ngIf="!selectedItemTemplate" class="p-autocomplete-token-label">{{ getMultipleLabel(option) }}</span>
-                    <span class="p-autocomplete-token-icon" (click)="!readonly ? removeOption($event, i) : ''">
-                        <TimesCircleIcon [styleClass]="'p-autocomplete-token-icon'" *ngIf="!removeIconTemplate" [attr.aria-hidden]="true" />
-                        <span *ngIf="removeIconTemplate" class="p-autocomplete-token-icon" [attr.aria-hidden]="true">
-                            <ng-template *ngTemplateOutlet="removeIconTemplate"></ng-template>
-                        </span>
-                    </span>
-                </li>
-                <li class="p-autocomplete-input-token" role="option">
-                    <input
-                        #focusInput
-                        pAutoFocus
-                        [autofocus]="autofocus"
-                        [ngClass]="inputClass"
-                        [ngStyle]="inputStyle"
-                        [class]="inputStyleClass"
-                        [attr.type]="type"
-                        [attr.id]="inputId"
-                        [autocomplete]="autocomplete"
-                        [required]="required"
-                        [attr.name]="name"
-                        role="combobox"
-                        [attr.placeholder]="!filled ? placeholder : null"
-                        [attr.size]="size"
-                        aria-autocomplete="list"
-                        [attr.maxlength]="maxlength"
-                        [tabindex]="!disabled ? tabindex : -1"
-                        [readonly]="readonly"
-                        [disabled]="disabled"
-                        [attr.aria-label]="ariaLabel"
-                        [attr.aria-labelledby]="ariaLabelledBy"
-                        [attr.aria-required]="required"
-                        [attr.aria-expanded]="overlayVisible ?? false"
-                        [attr.aria-controls]="overlayVisible ? id + '_list' : null"
-                        [attr.aria-activedescendant]="focused ? focusedOptionId : undefined"
-                        (input)="onInput($event)"
-                        (keydown)="onKeyDown($event)"
-                        (change)="onInputChange($event)"
-                        (focus)="onInputFocus($event)"
-                        (blur)="onInputBlur($event)"
-                        (paste)="onInputPaste($event)"
-                        (keyup)="onInputKeyUp($event)"
-                    />
-                </li>
-            </ul>
-            <ng-container *ngIf="loading">
-                <SpinnerIcon *ngIf="!loadingIconTemplate" [styleClass]="'p-autocomplete-loader'" [spin]="true" [attr.aria-hidden]="true" />
-                <span *ngIf="loadingIconTemplate" class="p-autocomplete-loader pi-spin " [attr.aria-hidden]="true">
-                    <ng-template *ngTemplateOutlet="loadingIconTemplate"></ng-template>
-                </span>
-            </ng-container>
-            <button #ddBtn type="button" pButton [attr.aria-label]="dropdownAriaLabel" class="p-autocomplete-dropdown p-button-icon-only" [disabled]="disabled" pRipple (click)="handleDropdownClick($event)" *ngIf="dropdown" [attr.tabindex]="tabindex">
-                <span *ngIf="dropdownIcon" [ngClass]="dropdownIcon" [attr.aria-hidden]="true"></span>
-                <ng-container *ngIf="!dropdownIcon">
-                    <ChevronDownIcon *ngIf="!dropdownIconTemplate" />
-                    <ng-template *ngTemplateOutlet="dropdownIconTemplate"></ng-template>
-                </ng-container>
-            </button>
-            <p-overlay
-                #overlay
-                [(visible)]="overlayVisible"
-                [options]="overlayOptions"
-                [target]="'@parent'"
-                [appendTo]="appendTo"
-                [showTransitionOptions]="showTransitionOptions"
-                [hideTransitionOptions]="hideTransitionOptions"
-                (onAnimationStart)="onOverlayAnimationStart($event)"
-                (onHide)="hide()"
-            >
-                <div [ngClass]="panelClass" [ngStyle]="panelStyles" [class]="panelStyleClass">
-                    <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-                    <p-scroller
-                        *ngIf="virtualScroll"
-                        #scroller
-                        [items]="visibleOptions()"
-                        [style]="{ height: scrollHeight }"
-                        [itemSize]="virtualScrollItemSize || _itemSize"
-                        [autoSize]="true"
-                        [lazy]="lazy"
-                        (onLazyLoad)="onLazyLoad.emit($event)"
-                        [options]="virtualScrollOptions"
-                    >
-                        <ng-template pTemplate="content" let-items let-scrollerOptions="options">
-                            <ng-container *ngTemplateOutlet="buildInItems; context: { $implicit: items, options: scrollerOptions }"></ng-container>
-                        </ng-template>
-                        <ng-container *ngIf="loaderTemplate">
-                            <ng-template pTemplate="loader" let-scrollerOptions="options">
-                                <ng-container *ngTemplateOutlet="loaderTemplate; context: { options: scrollerOptions }"></ng-container>
-                            </ng-template>
-                        </ng-container>
-                    </p-scroller>
-                    <ng-container *ngIf="!virtualScroll">
-                        <ng-container *ngTemplateOutlet="buildInItems; context: { $implicit: visibleOptions(), options: {} }"></ng-container>
-                    </ng-container>
-
-                    <ng-template #buildInItems let-items let-scrollerOptions="options">
-                        <ul #items class="p-autocomplete-items" [ngClass]="scrollerOptions.contentStyleClass" [style]="scrollerOptions.contentStyle" role="listbox" [attr.id]="id + '_list'" [attr.aria-label]="listLabel">
-                            <ng-template ngFor let-option [ngForOf]="items" let-i="index">
-                                <ng-container *ngIf="isOptionGroup(option)">
-                                    <li [attr.id]="id + '_' + getOptionIndex(i, scrollerOptions)" class="p-autocomplete-item-group" [ngStyle]="{ height: scrollerOptions.itemSize + 'px' }" role="option">
-                                        <span *ngIf="!groupTemplate">{{ getOptionGroupLabel(option.optionGroup) }}</span>
-                                        <ng-container *ngTemplateOutlet="groupTemplate; context: { $implicit: option.optionGroup }"></ng-container>
-                                    </li>
-                                </ng-container>
-                                <ng-container *ngIf="!isOptionGroup(option)">
-                                    <li
-                                        class="p-autocomplete-item"
-                                        pRipple
-                                        [ngStyle]="{ height: scrollerOptions.itemSize + 'px' }"
-                                        [ngClass]="{ 'p-highlight': isSelected(option), 'p-focus': focusedOptionIndex() === getOptionIndex(i, scrollerOptions), 'p-disabled': isOptionDisabled(option) }"
-                                        [attr.id]="id + '_' + getOptionIndex(i, scrollerOptions)"
-                                        role="option"
-                                        [attr.aria-label]="getOptionLabel(option)"
-                                        [attr.aria-selected]="isSelected(option)"
-                                        [attr.aria-disabled]="isOptionDisabled(option)"
-                                        [attr.data-p-focused]="focusedOptionIndex() === getOptionIndex(i, scrollerOptions)"
-                                        [attr.aria-setsize]="ariaSetSize"
-                                        [attr.aria-posinset]="getAriaPosInset(getOptionIndex(i, scrollerOptions))"
-                                        (click)="onOptionSelect($event, option)"
-                                        (mouseenter)="onOptionMouseEnter($event, getOptionIndex(i, scrollerOptions))"
-                                    >
-                                        <span *ngIf="!itemTemplate">{{ getOptionLabel(option) }}</span>
-                                        <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: option, index: scrollerOptions.getOptions ? scrollerOptions.getOptions(i) : i }"></ng-container>
-                                    </li>
-                                </ng-container>
-                            </ng-template>
-                            <li *ngIf="!items || (items && items.length === 0 && showEmptyMessage)" class="p-autocomplete-empty-message" [ngStyle]="{ height: scrollerOptions.itemSize + 'px' }" role="option">
-                                <ng-container *ngIf="!emptyTemplate; else empty">
-                                    {{ searchResultMessageText }}
-                                </ng-container>
-                                <ng-container #empty *ngTemplateOutlet="emptyTemplate"></ng-container>
-                            </li>
-                        </ul>
-                    </ng-template>
-                    <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
-                </div>
-                <span role="status" aria-live="polite" class="p-hidden-accessible">
-                    {{ selectedMessageText }}
-                </span>
-            </p-overlay>
-        </div>
-    `,
-    host: {
-        class: 'p-element p-inputwrapper',
-        '[class.p-inputwrapper-filled]': 'filled',
-        '[class.p-inputwrapper-focus]': '((focused && !disabled) || autofocus) || overlayVisible',
-        '[class.p-autocomplete-clearable]': 'showClear && !disabled'
-    },
-    providers: [AUTOCOMPLETE_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./autocomplete.css']
-})
-export class AutoComplete implements AfterViewChecked, AfterContentInit, OnDestroy, ControlValueAccessor {
-    /**
-     * Minimum number of characters to initiate a search.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) minLength: number = 1;
-    /**
-     * Delay between keystrokes to wait before sending a query.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) delay: number = 300;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Inline style of the overlay panel element.
-     * @group Props
-     */
-    @Input() panelStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Style class of the overlay panel element.
-     * @group Props
-     */
-    @Input() panelStyleClass: string | undefined;
-    /**
-     * Inline style of the input field.
-     * @group Props
-     */
-    @Input() inputStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Identifier of the focus input to match a label defined for the component.
-     * @group Props
-     */
-    @Input() inputId: string | undefined;
-    /**
-     * Inline style of the input field.
-     * @group Props
-     */
-    @Input() inputStyleClass: string | undefined;
-    /**
-     * Hint text for the input field.
-     * @group Props
-     */
-    @Input() placeholder: string | undefined;
-    /**
-     * When present, it specifies that the input cannot be typed.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) readonly: boolean | undefined;
-    /**
-     * When present, it specifies that the component should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * Maximum height of the suggestions panel.
-     * @group Props
-     */
-    @Input() scrollHeight: string = '200px';
-    /**
-     * Defines if data is loaded and interacted with in lazy manner.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) lazy: boolean = false;
-    /**
-     * Whether the data should be loaded on demand during scroll.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) virtualScroll: boolean | undefined;
-    /**
-     * Height of an item in the list for VirtualScrolling.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) virtualScrollItemSize: number | undefined;
-    /**
-     * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.
-     * @group Props
-     */
-    @Input() virtualScrollOptions: ScrollerOptions | undefined;
-    /**
-     * Maximum number of character allows in the input field.
-     * @group Props
-     */
-    @Input({ transform: (value: unknown) => numberAttribute(value, null) }) maxlength: number | undefined;
-    /**
-     * Name of the input element.
-     * @group Props
-     */
-    @Input() name: string | undefined;
-    /**
-     * When present, it specifies that an input field must be filled out before submitting the form.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) required: boolean | undefined;
-    /**
-     * Size of the input field.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) size: number | undefined;
-    /**
-     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * When enabled, highlights the first item in the list by default.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoHighlight: boolean | undefined;
-    /**
-     * When present, autocomplete clears the manual input if it does not match of the suggestions to force only accepting values from the suggestions.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) forceSelection: boolean | undefined;
-    /**
-     * Type of the input, defaults to "text".
-     * @group Props
-     */
-    @Input() type: string = 'text';
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Defines a string that labels the dropdown button for accessibility.
-     * @group Props
-     */
-    @Input() dropdownAriaLabel: string | undefined;
-    /**
-     * Specifies one or more IDs in the DOM that labels the input field.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Icon class of the dropdown icon.
-     * @group Props
-     */
-    @Input() dropdownIcon: string | undefined;
-    /**
-     * Ensures uniqueness of selected items on multiple mode.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) unique: boolean = true;
-    /**
-     * Whether to display options as grouped when nested options are provided.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) group: boolean | undefined;
-    /**
-     * Whether to run a query when input receives focus.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) completeOnFocus: boolean = false;
-    /**
-     * When enabled, a clear icon is displayed to clear the value.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showClear: boolean = false;
-    /**
-     * Field of a suggested object to resolve and display.
-     * @group Props
-     * @deprecated use optionLabel property instead
-     */
-    @Input() field: string | undefined;
-    /**
-     * Displays a button next to the input field when enabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) dropdown: boolean | undefined;
-    /**
-     * Whether to show the empty message or not.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showEmptyMessage: boolean | undefined = true;
-    /**
-     * Specifies the behavior dropdown button. Default "blank" mode sends an empty string and "current" mode sends the input value.
-     * @group Props
-     */
-    @Input() dropdownMode: string = 'blank';
-    /**
-     * Specifies if multiple values can be selected.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) multiple: boolean | undefined;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined;
-    /**
-     * A property to uniquely identify a value in options.
-     * @group Props
-     */
-    @Input() dataKey: string | undefined;
-    /**
-     * Text to display when there is no data. Defaults to global value in i18n translation configuration.
-     * @group Props
-     */
-    @Input() emptyMessage: string | undefined;
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     */
-    @Input() showTransitionOptions: string = '.12s cubic-bezier(0, 0, 0.2, 1)';
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     */
-    @Input() hideTransitionOptions: string = '.1s linear';
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * Used to define a string that autocomplete attribute the current element.
-     * @group Props
-     */
-    @Input() autocomplete: string = 'off';
-    /**
-     * Name of the options field of an option group.
-     * @group Props
-     */
-    @Input() optionGroupChildren: string | undefined = 'items';
-    /**
-     * Name of the label field of an option group.
-     * @group Props
-     */
-    @Input() optionGroupLabel: string | undefined = 'label';
-    /**
-     * Options for the overlay element.
-     * @group Props
-     */
-    @Input() overlayOptions: OverlayOptions | undefined;
-    /**
-     * An array of suggestions to display.
-     * @group Props
-     */
-    @Input() get suggestions(): any[] {
-        return this._suggestions();
-    }
-    set suggestions(value: any[]) {
-        this._suggestions.set(value);
-        this.handleSuggestionsChange();
-    }
-    /**
-     * Element dimensions of option for virtual scrolling.
-     * @group Props
-     * @deprecated use virtualScrollItemSize property instead.
-     */
-    @Input() get itemSize(): number {
-        return this._itemSize as number;
-    }
-    set itemSize(val: number) {
-        this._itemSize = val;
-        console.warn('The itemSize property is deprecated, use virtualScrollItemSize property instead.');
-    }
-    /**
-     * Property name or getter function to use as the label of an option.
-     * @group Props
-     */
-    @Input() optionLabel: string | ((item: any) => string) | undefined;
-    /**
-     * Property name or getter function to use as the value of an option.
-     * @group Props
-     */
-    @Input() optionValue: string | ((item: any) => string) | undefined;
-    /**
-     * Unique identifier of the component.
-     * @group Props
-     */
-    @Input() id: string | undefined;
-    /**
-     * Text to display when the search is active. Defaults to global value in i18n translation configuration.
-     * @group Props
-     * @defaultValue '{0} results are available'
-     */
-    @Input() searchMessage: string | undefined;
-    /**
-     * Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration.
-     * @group Props
-     * @defaultValue 'No selected item'
-     */
-    @Input() emptySelectionMessage: string | undefined;
-    /**
-     * Text to be displayed in hidden accessible field when options are selected. Defaults to global value in i18n translation configuration.
-     * @group Props
-     * @defaultValue '{0} items selected'
-     */
-    @Input() selectionMessage: string | undefined;
-    /**
-     * Whether to focus on the first visible or selected element when the overlay panel is shown.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoOptionFocus: boolean | undefined = false;
-    /**
-     * When enabled, the focused option is selected.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) selectOnFocus: boolean | undefined;
-    /**
-     * Locale to use in searching. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) searchLocale: boolean | undefined;
-    /**
-     * Property name or getter function to use as the disabled flag of an option, defaults to false when not defined.
-     * @group Props
-     */
-    @Input() optionDisabled: string | undefined;
-    /**
-     * When enabled, the hovered option will be focused.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) focusOnHover: boolean | undefined;
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    @Input() variant: 'filled' | 'outlined' = 'outlined';
-    /**
-     * Callback to invoke to search for suggestions.
-     * @param {AutoCompleteCompleteEvent} event - Custom complete event.
-     * @group Emits
-     */
-    @Output() completeMethod: EventEmitter<AutoCompleteCompleteEvent> = new EventEmitter<AutoCompleteCompleteEvent>();
-    /**
-     * Callback to invoke when a suggestion is selected.
-     * @param {AutoCompleteSelectEvent} event - custom select event.
-     * @group Emits
-     */
-    @Output() onSelect: EventEmitter<AutoCompleteSelectEvent> = new EventEmitter<AutoCompleteSelectEvent>();
-    /**
-     * Callback to invoke when a selected value is removed.
-     * @param {AutoCompleteUnselectEvent} event - custom unselect event.
-     * @group Emits
-     */
-    @Output() onUnselect: EventEmitter<AutoCompleteUnselectEvent> = new EventEmitter<AutoCompleteUnselectEvent>();
-    /**
-     * Callback to invoke when the component receives focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<Event> = new EventEmitter();
-    /**
-     * Callback to invoke when the component loses focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<Event> = new EventEmitter();
-    /**
-     * Callback to invoke to when dropdown button is clicked.
-     * @param {AutoCompleteDropdownClickEvent} event - custom dropdown click event.
-     * @group Emits
-     */
-    @Output() onDropdownClick: EventEmitter<AutoCompleteDropdownClickEvent> = new EventEmitter<AutoCompleteDropdownClickEvent>();
-    /**
-     * Callback to invoke when clear button is clicked.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onClear: EventEmitter<Event | undefined> = new EventEmitter<Event | undefined>();
-    /**
-     * Callback to invoke on input key up.
-     * @param {KeyboardEvent} event - Keyboard event.
-     * @group Emits
-     */
-    @Output() onKeyUp: EventEmitter<KeyboardEvent> = new EventEmitter();
-    /**
-     * Callback to invoke on overlay is shown.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onShow: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke on overlay is hidden.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onHide: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke on lazy load data.
-     * @param {AutoCompleteLazyLoadEvent} event - Lazy load event.
-     * @group Emits
-     */
-    @Output() onLazyLoad: EventEmitter<AutoCompleteLazyLoadEvent> = new EventEmitter<AutoCompleteLazyLoadEvent>();
-
-    @ViewChild('container') containerEL: Nullable<ElementRef>;
-
-    @ViewChild('focusInput') inputEL: Nullable<ElementRef>;
-
-    @ViewChild('multiIn') multiInputEl: Nullable<ElementRef>;
-
-    @ViewChild('multiContainer') multiContainerEL: Nullable<ElementRef>;
-
-    @ViewChild('ddBtn') dropdownButton: Nullable<ElementRef>;
-
-    @ViewChild('items') itemsViewChild: Nullable<ElementRef>;
-
-    @ViewChild('scroller') scroller: Nullable<Scroller>;
-
-    @ViewChild('overlay') overlayViewChild!: Overlay;
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-
-    _itemSize: Nullable<number>;
-
-    itemsWrapper: Nullable<HTMLDivElement>;
-
-    itemTemplate: Nullable<TemplateRef<any>>;
-
-    emptyTemplate: Nullable<TemplateRef<any>>;
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    footerTemplate: Nullable<TemplateRef<any>>;
-
-    selectedItemTemplate: Nullable<TemplateRef<any>>;
-
-    groupTemplate: Nullable<TemplateRef<any>>;
-
-    loaderTemplate: Nullable<TemplateRef<any>>;
-
-    removeIconTemplate: Nullable<TemplateRef<any>>;
-
-    loadingIconTemplate: Nullable<TemplateRef<any>>;
-
-    clearIconTemplate: Nullable<TemplateRef<any>>;
-
-    dropdownIconTemplate: Nullable<TemplateRef<any>>;
-
-    value: string | any;
-
-    _suggestions = signal<any>(null);
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    timeout: Nullable<any>;
-
-    overlayVisible: boolean | undefined;
-
-    suggestionsUpdated: Nullable<boolean>;
-
-    highlightOption: any;
-
-    highlightOptionChanged: Nullable<boolean>;
-
-    focused: boolean = false;
-
-    _filled: boolean;
-
-    get filled() {
-        return this._filled;
-    }
-    set filled(value: any) {
-        this._filled = value;
-    }
-
-    loading: Nullable<boolean>;
-
-    scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
-
-    listId: string | undefined;
-
-    searchTimeout: any;
-
-    dirty: boolean = false;
-
-    modelValue = signal<any>(null);
-
-    focusedMultipleOptionIndex = signal<number>(-1);
-
-    focusedOptionIndex = signal<number>(-1);
-
-    visibleOptions = computed(() => {
-        return this.group ? this.flatOptions(this._suggestions()) : this._suggestions() || [];
-    });
-
-    inputValue = computed(() => {
-        const modelValue = this.modelValue();
-        const selectedOption = this.getSelectedOption(modelValue);
-
-        if (modelValue) {
-            if (typeof modelValue === 'object' || this.optionValue) {
-                const label = this.getOptionLabel(selectedOption);
-
-                return label != null ? label : modelValue;
-            } else {
-                return modelValue;
-            }
-        } else {
-            return '';
-        }
-    });
-
-    get focusedMultipleOptionId() {
-        return this.focusedMultipleOptionIndex() !== -1 ? `${this.id}_multiple_option_${this.focusedMultipleOptionIndex()}` : null;
-    }
-
-    get focusedOptionId() {
-        return this.focusedOptionIndex() !== -1 ? `${this.id}_${this.focusedOptionIndex()}` : null;
-    }
-
-    get containerClass() {
-        return {
-            'p-autocomplete p-component p-inputwrapper': true,
-            'p-disabled': this.disabled,
-            'p-focus': this.focused,
-            'p-autocomplete-dd': this.dropdown,
-            'p-autocomplete-multiple': this.multiple,
-            'p-inputwrapper-focus': this.focused,
-            'p-overlay-open': this.overlayVisible
-        };
-    }
-
-    get multiContainerClass() {
-        return { 'p-autocomplete-multiple-container p-component p-inputtext': true, 'p-variant-filled': this.variant === 'filled' || this.config.inputStyle() === 'filled' };
-    }
-
-    get panelClass() {
-        return {
-            'p-autocomplete-panel p-component': true,
-            'p-input-filled': this.config.inputStyle() === 'filled',
-            'p-ripple-disabled': this.config.ripple === false
-        };
-    }
-
-    get panelStyles() {
-        return {
-            'max-height': this.virtualScroll ? 'auto' : this.scrollHeight,
-            ...this.panelStyle
-        };
-    }
-
-    get inputClass() {
-        return {
-            'p-autocomplete-input p-inputtext p-component': !this.multiple,
-            'p-autocomplete-dd-input': this.dropdown,
-            'p-variant-filled': this.variant === 'filled' || this.config.inputStyle() === 'filled'
-        };
-    }
-
-    get searchResultMessageText() {
-        return ObjectUtils.isNotEmpty(this.visibleOptions()) && this.overlayVisible ? this.searchMessageText.replaceAll('{0}', this.visibleOptions().length) : this.emptySearchMessageText;
-    }
-
-    get searchMessageText() {
-        return this.searchMessage || this.config.translation.searchMessage || '';
-    }
-
-    get emptySearchMessageText() {
-        return this.emptyMessage || this.config.translation.emptySearchMessage || '';
-    }
-
-    get selectionMessageText() {
-        return this.selectionMessage || this.config.translation.selectionMessage || '';
-    }
-
-    get emptySelectionMessageText() {
-        return this.emptySelectionMessage || this.config.translation.emptySelectionMessage || '';
-    }
-
-    get selectedMessageText() {
-        return this.hasSelectedOption() ? this.selectionMessageText.replaceAll('{0}', this.multiple ? this.modelValue().length : '1') : this.emptySelectionMessageText;
-    }
-
-    get ariaSetSize() {
-        return this.visibleOptions().filter((option) => !this.isOptionGroup(option)).length;
-    }
-
-    get listLabel(): string {
-        return this.config.getTranslation(TranslationKeys.ARIA)['listLabel'];
-    }
-
-    get virtualScrollerDisabled() {
-        return !this.virtualScroll;
-    }
-
-    get optionValueSelected() {
-        return typeof this.modelValue() === 'string' && this.optionValue;
-    }
-
-
-    get isVisibleClearIcon(): boolean | undefined {
-        return this.modelValue() != null && this.hasSelectedOption() && this.showClear && !this.disabled && !this.loading;
-    }
-
-    constructor(@Inject(DOCUMENT) private document: Document, public el: ElementRef, public renderer: Renderer2, public cd: ChangeDetectorRef, public config: PrimeNGConfig, public overlayService: OverlayService, private zone: NgZone) {
-      
-        effect(() => {
-            this.filled = ObjectUtils.isNotEmpty(this.modelValue());
-        });
-    }
-
-    ngOnInit() {
-        this.id = this.id || UniqueComponentId();
-        this.cd.detectChanges();
-    }
-
-    ngAfterViewChecked() {
-        //Use timeouts as since Angular 4.2, AfterViewChecked is broken and not called after panel is updated
-        if (this.suggestionsUpdated && this.overlayViewChild) {
-            this.zone.runOutsideAngular(() => {
-                setTimeout(() => {
-                    if (this.overlayViewChild) {
-                        this.overlayViewChild.alignOverlay();
-                    }
-                }, 1);
-                this.suggestionsUpdated = false;
-            });
-        }
-    }
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-
-                case 'group':
-                    this.groupTemplate = item.template;
-                    break;
-
-                case 'selectedItem':
-                    this.selectedItemTemplate = item.template;
-                    break;
-
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'empty':
-                    this.emptyTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                case 'loader':
-                    this.loaderTemplate = item.template;
-                    break;
-
-                case 'removetokenicon':
-                    this.removeIconTemplate = item.template;
-                    break;
-
-                case 'loadingicon':
-                    this.loadingIconTemplate = item.template;
-                    break;
-
-                case 'clearicon':
-                    this.clearIconTemplate = item.template;
-                    break;
-
-                case 'dropdownicon':
-                    this.dropdownIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    handleSuggestionsChange() {
-        if (this.loading) {
-            this._suggestions().length > 0 || this.showEmptyMessage ? this.show() : !!this.emptyTemplate ? this.show() : this.hide();
-            const focusedOptionIndex = this.overlayVisible && this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1;
-            this.focusedOptionIndex.set(focusedOptionIndex);
-            this.suggestionsUpdated = true;
-            this.loading = false;
-            this.cd.markForCheck();
-        }
-    }
-
-    flatOptions(options) {
-        return (options || []).reduce((result, option, index) => {
-            result.push({ optionGroup: option, group: true, index });
-
-            const optionGroupChildren = this.getOptionGroupChildren(option);
-
-            optionGroupChildren && optionGroupChildren.forEach((o) => result.push(o));
-
-            return result;
-        }, []);
-    }
-
-    isOptionGroup(option) {
-        return this.optionGroupLabel && option.optionGroup && option.group;
-    }
-
-    findFirstOptionIndex() {
-        return this.visibleOptions().findIndex((option) => this.isValidOption(option));
-    }
-
-    findLastOptionIndex() {
-        return ObjectUtils.findLastIndex(this.visibleOptions(), (option) => this.isValidOption(option));
-    }
-
-    findFirstFocusedOptionIndex() {
-        const selectedIndex = this.findSelectedOptionIndex();
-
-        return selectedIndex < 0 ? this.findFirstOptionIndex() : selectedIndex;
-    }
-
-    findLastFocusedOptionIndex() {
-        const selectedIndex = this.findSelectedOptionIndex();
-
-        return selectedIndex < 0 ? this.findLastOptionIndex() : selectedIndex;
-    }
-
-    findSelectedOptionIndex() {
-        return this.hasSelectedOption() ? this.visibleOptions().findIndex((option) => this.isValidSelectedOption(option)) : -1;
-    }
-
-    findNextOptionIndex(index) {
-        const matchedOptionIndex =
-            index < this.visibleOptions().length - 1
-                ? this.visibleOptions()
-                      .slice(index + 1)
-                      .findIndex((option) => this.isValidOption(option))
-                : -1;
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index;
-    }
-
-    findPrevOptionIndex(index) {
-        const matchedOptionIndex = index > 0 ? ObjectUtils.findLastIndex(this.visibleOptions().slice(0, index), (option) => this.isValidOption(option)) : -1;
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex : index;
-    }
-
-    isValidSelectedOption(option) {
-        return this.isValidOption(option) && this.isSelected(option);
-    }
-
-    isValidOption(option) {
-        return option && !(this.isOptionDisabled(option) || this.isOptionGroup(option));
-    }
-
-    isOptionDisabled(option) {
-        return this.optionDisabled ? ObjectUtils.resolveFieldData(option, this.optionDisabled) : false;
-    }
-
-    isSelected(option) {
-        if (this.multiple) {
-            return this.unique ? this.modelValue()?.find((model) => ObjectUtils.equals(model, this.getOptionValue(option), this.equalityKey())) : false;
-        }
-        return ObjectUtils.equals(this.modelValue(), this.getOptionValue(option), this.equalityKey());
-    }
-
-    isOptionMatched(option, value) {
-        return this.isValidOption(option) && this.getOptionLabel(option).toLocaleLowerCase(this.searchLocale) === value.toLocaleLowerCase(this.searchLocale);
-    }
-
-    isInputClicked(event) {
-        return event.target === this.inputEL.nativeElement;
-    }
-    isDropdownClicked(event) {
-        return this.dropdownButton?.nativeElement ? event.target === this.dropdownButton.nativeElement || this.dropdownButton.nativeElement.contains(event.target) : false;
-    }
-    equalityKey() {
-        return this.dataKey; // TODO: The 'optionValue' properties can be added.
-    }
-
-    onContainerClick(event) {
-        if (this.disabled || this.loading || this.isInputClicked(event) || this.isDropdownClicked(event)) {
-            return;
-        }
-
-        if (!this.overlayViewChild || !this.overlayViewChild.overlayViewChild?.nativeElement.contains(event.target)) {
-            DomHandler.focus(this.inputEL.nativeElement);
-        }
-    }
-
-    handleDropdownClick(event) {
-        let query = undefined;
-
-        if (this.overlayVisible) {
-            this.hide(true);
-        } else {
-            DomHandler.focus(this.inputEL.nativeElement);
-            query = this.inputEL.nativeElement.value;
-
-            if (this.dropdownMode === 'blank') this.search(event, '', 'dropdown');
-            else if (this.dropdownMode === 'current') this.search(event, query, 'dropdown');
-        }
-
-        this.onDropdownClick.emit({ originalEvent: event, query });
-    }
-
-    onInput(event) {
-        if (this.searchTimeout) {
-            clearTimeout(this.searchTimeout);
-        }
-
-        let query = event.target.value;
-        if (this.maxlength !== null) {
-            query = query.split('').slice(0, this.maxlength).join('');
-        }
-
-        if (!this.multiple && !this.forceSelection) {
-            this.updateModel(query);
-        }
-
-        if (query.length === 0 && !this.multiple && !this.completeOnFocus) {
-            this.onClear.emit();
-
-            this.hide();
-        } else {
-            if (query.length >= this.minLength) {
-                this.focusedOptionIndex.set(-1);
-
-                this.searchTimeout = setTimeout(() => {
-                    this.search(event, query, 'input');
-                }, this.delay);
-            } else {
-                this.hide();
-            }
-        }
-    }
-
-    onInputChange(event) {
-        if (this.forceSelection) {
-            let valid = false;
-
-            if (this.visibleOptions()) {
-                const matchedValue = this.visibleOptions().find((option) => this.isOptionMatched(option, this.inputEL.nativeElement.value || ''));
-
-                if (matchedValue !== undefined) {
-                    valid = true;
-                    !this.isSelected(matchedValue) && this.onOptionSelect(event, matchedValue);
-                }
-            }
-
-            if (!valid) {
-                this.inputEL.nativeElement.value = '';
-                !this.multiple && this.updateModel(null);
-            }
-        }
-    }
-
-    onInputFocus(event) {
-        if (this.disabled) {
-            // For ScreenReaders
-            return;
-        }
-
-        if (!this.dirty && this.completeOnFocus) {
-            this.search(event, event.target.value, 'focus');
-            this.show();
-        }
-        this.dirty = true;
-        this.focused = true;
-        const focusedOptionIndex = this.focusedOptionIndex() !== -1 ? this.focusedOptionIndex() : this.overlayVisible && this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1;
-        this.focusedOptionIndex.set(focusedOptionIndex);
-        this.overlayVisible && this.scrollInView(this.focusedOptionIndex());
-        this.onFocus.emit(event);
-    }
-
-    onMultipleContainerFocus(event) {
-        if (this.disabled) {
-            // For ScreenReaders
-            return;
-        }
-
-        this.focused = true;
-    }
-
-    onMultipleContainerBlur(event) {
-        this.focusedMultipleOptionIndex.set(-1);
-        this.focused = false;
-    }
-
-    onMultipleContainerKeyDown(event) {
-        if (this.disabled) {
-            event.preventDefault();
-
-            return;
-        }
-
-        switch (event.code) {
-            case 'ArrowLeft':
-                this.onArrowLeftKeyOnMultiple(event);
-                break;
-
-            case 'ArrowRight':
-                this.onArrowRightKeyOnMultiple(event);
-                break;
-
-            case 'Backspace':
-                this.onBackspaceKeyOnMultiple(event);
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    onInputBlur(event) {
-        this.dirty = false;
-        this.focused = false;
-        this.focusedOptionIndex.set(-1);
-        this.onModelTouched();
-        this.onBlur.emit(event);
-    }
-
-    onInputPaste(event) {
-        this.onKeyDown(event);
-    }
-
-    onInputKeyUp(event) {
-        this.onKeyUp.emit(event);
-    }
-
-    onKeyDown(event) {
-        if (this.disabled) {
-            event.preventDefault();
-
-            return;
-        }
-
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUpKey(event);
-                break;
-
-            case 'ArrowLeft':
-                this.onArrowLeftKey(event);
-                break;
-
-            case 'ArrowRight':
-                this.onArrowRightKey(event);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event);
-                break;
-
-            case 'End':
-                this.onEndKey(event);
-                break;
-
-            case 'PageDown':
-                this.onPageDownKey(event);
-                break;
-
-            case 'PageUp':
-                this.onPageUpKey(event);
-                break;
-
-            case 'Enter':
-            case 'NumpadEnter':
-                this.onEnterKey(event);
-                break;
-
-            case 'Escape':
-                this.onEscapeKey(event);
-                break;
-
-            case 'Tab':
-                this.onTabKey(event);
-                break;
-
-            case 'Backspace':
-                this.onBackspaceKey(event);
-                break;
-
-            case 'ShiftLeft':
-            case 'ShiftRight':
-                //NOOP
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    onArrowDownKey(event) {
-        if (!this.overlayVisible) {
-            return;
-        }
-
-        const optionIndex = this.focusedOptionIndex() !== -1 ? this.findNextOptionIndex(this.focusedOptionIndex()) : this.findFirstFocusedOptionIndex();
-
-        this.changeFocusedOptionIndex(event, optionIndex);
-
-        event.preventDefault();
-        event.stopPropagation();
-    }
-
-    onArrowUpKey(event) {
-        if (!this.overlayVisible) {
-            return;
-        }
-
-        if (event.altKey) {
-            if (this.focusedOptionIndex() !== -1) {
-                this.onOptionSelect(event, this.visibleOptions()[this.focusedOptionIndex()]);
-            }
-
-            this.overlayVisible && this.hide();
-            event.preventDefault();
-        } else {
-            const optionIndex = this.focusedOptionIndex() !== -1 ? this.findPrevOptionIndex(this.focusedOptionIndex()) : this.findLastFocusedOptionIndex();
-
-            this.changeFocusedOptionIndex(event, optionIndex);
-
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    }
-
-    onArrowLeftKey(event) {
-        const target = event.currentTarget;
-        this.focusedOptionIndex.set(-1);
-        if (this.multiple) {
-            if (ObjectUtils.isEmpty(target.value) && this.hasSelectedOption()) {
-                DomHandler.focus(this.multiContainerEL.nativeElement);
-                this.focusedMultipleOptionIndex.set(this.modelValue().length);
-            } else {
-                event.stopPropagation(); // To prevent onArrowLeftKeyOnMultiple method
-            }
-        }
-    }
-
-    onArrowRightKey(event) {
-        this.focusedOptionIndex.set(-1);
-
-        this.multiple && event.stopPropagation(); // To prevent onArrowRightKeyOnMultiple method
-    }
-
-    onHomeKey(event) {
-        const { currentTarget } = event;
-        const len = currentTarget.value.length;
-
-        currentTarget.setSelectionRange(0, event.shiftKey ? len : 0);
-        this.focusedOptionIndex.set(-1);
-
-        event.preventDefault();
-    }
-
-    onEndKey(event) {
-        const { currentTarget } = event;
-        const len = currentTarget.value.length;
-
-        currentTarget.setSelectionRange(event.shiftKey ? 0 : len, len);
-        this.focusedOptionIndex.set(-1);
-
-        event.preventDefault();
-    }
-
-    onPageDownKey(event) {
-        this.scrollInView(this.visibleOptions().length - 1);
-        event.preventDefault();
-    }
-
-    onPageUpKey(event) {
-        this.scrollInView(0);
-        event.preventDefault();
-    }
-
-    onEnterKey(event) {
-        if (!this.overlayVisible) {
-            this.onArrowDownKey(event);
-        } else {
-            if (this.focusedOptionIndex() !== -1) {
-                this.onOptionSelect(event, this.visibleOptions()[this.focusedOptionIndex()]);
-                event.preventDefault();
-            }
-
-            this.hide();
-        }
-    }
-
-    onEscapeKey(event) {
-        this.overlayVisible && this.hide(true);
-        event.preventDefault();
-    }
-
-    onTabKey(event) {
-        if (this.focusedOptionIndex() !== -1) {
-            this.onOptionSelect(event, this.visibleOptions()[this.focusedOptionIndex()]);
-        }
-
-        this.overlayVisible && this.hide();
-    }
-
-    onBackspaceKey(event) {
-        if (this.multiple) {
-            if (ObjectUtils.isNotEmpty(this.modelValue()) && !this.inputEL.nativeElement.value) {
-                const removedValue = this.modelValue()[this.modelValue().length - 1];
-                const newValue = this.modelValue().slice(0, -1);
-                this.updateModel(newValue);
-                this.onUnselect.emit({ originalEvent: event, value: removedValue });
-            }
-
-            event.stopPropagation(); // To prevent onBackspaceKeyOnMultiple method
-        }
-
-        if (!this.multiple && this.showClear && this.findSelectedOptionIndex() != -1) {
-            this.clear();
-        }
-    }
-
-    onArrowLeftKeyOnMultiple(event) {
-        const optionIndex = this.focusedMultipleOptionIndex() < 1 ? 0 : this.focusedMultipleOptionIndex() - 1;
-        this.focusedMultipleOptionIndex.set(optionIndex);
-    }
-
-    onArrowRightKeyOnMultiple(event) {
-        let optionIndex = this.focusedMultipleOptionIndex();
-        optionIndex++;
-
-        this.focusedMultipleOptionIndex.set(optionIndex);
-        if (optionIndex > this.modelValue().length - 1) {
-            this.focusedMultipleOptionIndex.set(-1);
-            DomHandler.focus(this.inputEL.nativeElement);
-        }
-    }
-
-    onBackspaceKeyOnMultiple(event) {
-        if (this.focusedMultipleOptionIndex() !== -1) {
-            this.removeOption(event, this.focusedMultipleOptionIndex());
-        }
-    }
-
-    onOptionSelect(event, option, isHide = true) {
-        const value = this.getOptionValue(option);
-
-        if (this.multiple) {
-            this.inputEL.nativeElement.value = '';
-
-            if (!this.isSelected(option)) {
-                this.updateModel([...(this.modelValue() || []), value]);
-            }
-        } else {
-            this.updateModel(value);
-        }
-
-        this.onSelect.emit({ originalEvent: event, value: option });
-
-        isHide && this.hide(true);
-    }
-
-    onOptionMouseEnter(event, index) {
-        if (this.focusOnHover) {
-            this.changeFocusedOptionIndex(event, index);
-        }
-    }
-
-    search(event, query, source) {
-        //allow empty string but not undefined or null
-        if (query === undefined || query === null) {
-            return;
-        }
-
-        //do not search on input change if minLength is not met
-        if (source === 'input' && query.trim().length < this.minLength) {
-            return;
-        }
-        this.loading = true;
-        this.completeMethod.emit({ originalEvent: event, query });
-    }
-
-    removeOption(event, index) {
-        event.stopPropagation();
-
-        const removedOption = this.modelValue()[index];
-        const value = this.modelValue()
-            .filter((_, i) => i !== index)
-            .map((option) => this.getOptionValue(option));
-
-        this.updateModel(value);
-        this.onUnselect.emit({ originalEvent: event, value: removedOption });
-        DomHandler.focus(this.inputEL.nativeElement);
-    }
-
-    updateModel(value) {
-        this.value = value;
-        this.modelValue.set(value);
-        this.onModelChange(value);
-        this.updateInputValue();
-        this.cd.markForCheck();
-    }
-
-    updateInputValue() {
-        if (this.inputEL && this.inputEL.nativeElement) {
-            if (!this.multiple) {
-                this.inputEL.nativeElement.value = this.inputValue();
-            } else {
-                this.inputEL.nativeElement.value = '';
-            }
-        }
-    }
-
-    autoUpdateModel() {
-        if ((this.selectOnFocus || this.autoHighlight) && this.autoOptionFocus && !this.hasSelectedOption()) {
-            const focusedOptionIndex = this.findFirstFocusedOptionIndex();
-            this.focusedOptionIndex.set(focusedOptionIndex);
-            this.onOptionSelect(null, this.visibleOptions()[this.focusedOptionIndex()], false);
-        }
-    }
-
-    scrollInView(index = -1) {
-        const id = index !== -1 ? `${this.id}_${index}` : this.focusedOptionId;
-        if (this.itemsViewChild && this.itemsViewChild.nativeElement) {
-            const element = DomHandler.findSingle(this.itemsViewChild.nativeElement, `li[id="${id}"]`);
-            if (element) {
-                element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-            } else if (!this.virtualScrollerDisabled) {
-                setTimeout(() => {
-                    this.virtualScroll && this.scroller?.scrollToIndex(index !== -1 ? index : this.focusedOptionIndex());
-                }, 0);
-            }
-        }
-    }
-
-    changeFocusedOptionIndex(event, index) {
-        if (this.focusedOptionIndex() !== index) {
-            this.focusedOptionIndex.set(index);
-            this.scrollInView();
-
-            if (this.selectOnFocus) {
-                this.onOptionSelect(event, this.visibleOptions()[index], false);
-            }
-        }
-    }
-
-    show(isFocus = false) {
-        this.dirty = true;
-        this.overlayVisible = true;
-        const focusedOptionIndex = this.focusedOptionIndex() !== -1 ? this.focusedOptionIndex() : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1;
-        this.focusedOptionIndex.set(focusedOptionIndex);
-        isFocus && DomHandler.focus(this.inputEL.nativeElement);
-        if (isFocus) {
-            DomHandler.focus(this.inputEL.nativeElement);
-        }
-        this.onShow.emit();
-        this.cd.markForCheck();
-    }
-
-    hide(isFocus = false) {
-        const _hide = () => {
-            this.dirty = isFocus;
-            this.overlayVisible = false;
-            this.focusedOptionIndex.set(-1);
-            isFocus && DomHandler.focus(this.inputEL.nativeElement);
-            this.onHide.emit();
-            this.cd.markForCheck();
-        };
-
-        // Added to adjust the scroller's content position when the dropdown closes.
-        if (this.virtualScroll) {
-            this.scroller.onScrollChange(event);
-        }
-
-        setTimeout(() => {
-            _hide();
-        }, 0); // For ScreenReaders
-    }
-
-    clear() {
-        this.updateModel(null);
-        this.inputEL.nativeElement.value = '';
-        this.onClear.emit();
-    }
-
-    writeValue(value: any): void {
-        this.value = value;
-        this.modelValue.set(value);
-        this.updateInputValue();
-        this.cd.markForCheck();
-    }
-
-    hasSelectedOption() {
-        return ObjectUtils.isNotEmpty(this.modelValue());
-    }
-
-    getAriaPosInset(index) {
-        return (
-            (this.optionGroupLabel
-                ? index -
-                  this.visibleOptions()
-                      .slice(0, index)
-                      .filter((option) => this.isOptionGroup(option)).length
-                : index) + 1
-        );
-    }
-
-    getOptionLabel(option: any) {
-        return this.field || this.optionLabel ? ObjectUtils.resolveFieldData(option, this.field || this.optionLabel) : option && option.label != undefined ? option.label : option;
-    }
-
-    getOptionValue(option) {
-        return this.optionValue ? ObjectUtils.resolveFieldData(option, this.optionValue) : option;
-    }
-
-    getOptionIndex(index, scrollerOptions) {
-        return this.virtualScrollerDisabled ? index : scrollerOptions && scrollerOptions.getItemOptions(index)['index'];
-    }
-
-    getOptionGroupLabel(optionGroup: any) {
-        return this.optionGroupLabel ? ObjectUtils.resolveFieldData(optionGroup, this.optionGroupLabel) : optionGroup && optionGroup.label != undefined ? optionGroup.label : optionGroup;
-    }
-
-    getOptionGroupChildren(optionGroup: any) {
-        return this.optionGroupChildren ? ObjectUtils.resolveFieldData(optionGroup, this.optionGroupChildren) : optionGroup.items;
-    }
-
-    getSelectedOption(modelValue: any) {
-        if (!this.optionValue) {
-            return modelValue;
-        }
-
-        return (this.suggestions || []).find((item: any) => ObjectUtils.resolveFieldData(item, this.optionValue) === modelValue);
-    }
-
-    getMultipleLabel(option: any) {
-        let selected = this.getSelectedOption(option);
-
-        return this.getOptionLabel(selected);
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    onOverlayAnimationStart(event: AnimationEvent) {
-        if (event.toState === 'visible') {
-            this.itemsWrapper = DomHandler.findSingle(this.overlayViewChild.overlayViewChild?.nativeElement, this.virtualScroll ? '.p-scroller' : '.p-autocomplete-panel');
-
-            if (this.virtualScroll) {
-                this.scroller?.setContentEl(this.itemsViewChild?.nativeElement);
-                this.scroller.viewInit();
-            }
-            if (this.visibleOptions() && this.visibleOptions().length) {
-                if (this.virtualScroll) {
-                    const selectedIndex = this.modelValue() ? this.focusedOptionIndex() : -1;
-
-                    if (selectedIndex !== -1) {
-                        this.scroller?.scrollToIndex(selectedIndex);
-                    }
-                } else {
-                    let selectedListItem = DomHandler.findSingle(this.itemsWrapper, '.p-autocomplete-item.p-highlight');
-
-                    if (selectedListItem) {
-                        selectedListItem.scrollIntoView({ block: 'nearest', inline: 'center' });
-                    }
-                }
-            }
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.scrollHandler) {
-            this.scrollHandler.destroy();
-            this.scrollHandler = null;
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, OverlayModule, InputTextModule, ButtonModule, SharedModule, RippleModule, ScrollerModule, AutoFocusModule, TimesCircleIcon, SpinnerIcon, TimesIcon, ChevronDownIcon],
-    exports: [AutoComplete, OverlayModule, SharedModule, ScrollerModule, AutoFocusModule],
-    declarations: [AutoComplete]
-})
-export class AutoCompleteModule {}
diff --git a/src/app/components/autocomplete/ng-package.json b/src/app/components/autocomplete/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/autocomplete/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/autocomplete/public_api.ts b/src/app/components/autocomplete/public_api.ts
deleted file mode 100644
index 181a837..0000000
--- a/src/app/components/autocomplete/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './autocomplete';
-export * from './autocomplete.interface';
diff --git a/src/app/components/autofocus/autofocus.ts b/src/app/components/autofocus/autofocus.ts
deleted file mode 100644
index 4754cce..0000000
--- a/src/app/components/autofocus/autofocus.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { DOCUMENT, isPlatformBrowser } from '@angular/common';
-import { Directive, ElementRef, Input, NgModule, PLATFORM_ID, booleanAttribute, inject } from '@angular/core';
-import { DomHandler } from 'primeng/dom';
-/**
- * AutoFocus manages focus on focusable element on load.
- * @group Components
- */
-@Directive({
-    selector: '[pAutoFocus]',
-    standalone: true,
-    host: {
-        class: 'p-element'
-    }
-})
-export class AutoFocus {
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean = false;
-
-    focused: boolean = false;
-
-    platformId = inject(PLATFORM_ID);
-
-    document: Document = inject(DOCUMENT);
-
-    host: ElementRef = inject(ElementRef);
-
-    ngAfterContentChecked() {
-        // This sets the `attr.autofocus` which is different than the Input `autofocus` attribute.
-        if (this.autofocus === false) {
-            this.host.nativeElement.removeAttribute('autofocus');
-        } else {
-            this.host.nativeElement.setAttribute('autofocus', true);
-        }
-
-        if (!this.focused) {
-            this.autoFocus();
-        }
-    }
-
-    ngAfterViewChecked() {
-        if (!this.focused) {
-            this.autoFocus();
-        }
-    }
-
-    autoFocus() {
-        if (isPlatformBrowser(this.platformId) && this.autofocus) {
-            setTimeout(() => {
-                const focusableElements = DomHandler.getFocusableElements(this.host?.nativeElement);
-
-                if (focusableElements.length === 0) {
-                    this.host.nativeElement.focus();
-                }
-                if (focusableElements.length > 0) {
-                    focusableElements[0].focus();
-                }
-
-                this.focused = true;
-            });
-        }
-    }
-}
-
-@NgModule({
-    imports: [AutoFocus],
-    exports: [AutoFocus]
-})
-export class AutoFocusModule {}
diff --git a/src/app/components/autofocus/ng-package.json b/src/app/components/autofocus/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/autofocus/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/autofocus/public_api.ts b/src/app/components/autofocus/public_api.ts
deleted file mode 100644
index db5f4a0..0000000
--- a/src/app/components/autofocus/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './autofocus';
diff --git a/src/app/components/avatar/avatar.css b/src/app/components/avatar/avatar.css
deleted file mode 100644
index 551dff7..0000000
--- a/src/app/components/avatar/avatar.css
+++ /dev/null
@@ -1,28 +0,0 @@
-@layer primeng {
-    .p-avatar {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        width: 2rem;
-        height: 2rem;
-        font-size: 1rem;
-    }
-
-    .p-avatar.p-avatar-image {
-        background-color: transparent;
-    }
-
-    .p-avatar.p-avatar-circle {
-        border-radius: 50%;
-        overflow: hidden;
-    }
-
-    .p-avatar .p-avatar-icon {
-        font-size: 1rem;
-    }
-
-    .p-avatar img {
-        width: 100%;
-        height: 100%;
-    }
-}
diff --git a/src/app/components/avatar/avatar.spec.ts b/src/app/components/avatar/avatar.spec.ts
deleted file mode 100644
index 164e93d..0000000
--- a/src/app/components/avatar/avatar.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { Avatar, AvatarModule } from './avatar';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { By } from '@angular/platform-browser';
-
-describe('Avatar', () => {
-    let avatar: Avatar;
-    let fixture: ComponentFixture<Avatar>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, AvatarModule]
-        });
-
-        fixture = TestBed.createComponent(Avatar);
-        avatar = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const avatarEl = fixture.debugElement.query(By.css('.p-avatar'));
-        expect(avatarEl.nativeElement).toBeTruthy();
-    });
-});
diff --git a/src/app/components/avatar/avatar.ts b/src/app/components/avatar/avatar.ts
deleted file mode 100644
index a88c95f..0000000
--- a/src/app/components/avatar/avatar.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, NgModule, Output, ViewEncapsulation } from '@angular/core';
-/**
- * Avatar represents people using icons, labels and images.
- * @group Components
- */
-@Component({
-    selector: 'p-avatar',
-    template: `
-        <div [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="style" [attr.aria-labelledby]="ariaLabelledBy" [attr.aria-label]="ariaLabel" [attr.data-pc-name]="'avatar'">
-            <ng-content></ng-content>
-            <span class="p-avatar-text" *ngIf="label; else iconTemplate">{{ label }}</span>
-            <ng-template #iconTemplate><span [class]="icon" [ngClass]="'p-avatar-icon'" *ngIf="icon; else imageTemplate"></span></ng-template>
-            <ng-template #imageTemplate><img [src]="image" *ngIf="image" (error)="imageError($event)" [attr.aria-label]="ariaLabel" /></ng-template>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./avatar.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Avatar {
-    /**
-     * Defines the text to display.
-     * @group Props
-     */
-    @Input() label: string | undefined;
-    /**
-     * Defines the icon to display.
-     * @group Props
-     */
-    @Input() icon: string | undefined;
-    /**
-     * Defines the image to display.
-     * @group Props
-     */
-    @Input() image: string | undefined;
-    /**
-     * Size of the element.
-     * @group Props
-     */
-    @Input() size: 'normal' | 'large' | 'xlarge' | undefined = 'normal';
-    /**
-     * Shape of the element.
-     * @group Props
-     */
-    @Input() shape: 'square' | 'circle' | undefined = 'square';
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Establishes a string value that labels the component.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * This event is triggered if an error occurs while loading an image file.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onImageError: EventEmitter<Event> = new EventEmitter<Event>();
-
-    containerClass() {
-        return {
-            'p-avatar p-component': true,
-            'p-avatar-image': this.image != null,
-            'p-avatar-circle': this.shape === 'circle',
-            'p-avatar-lg': this.size === 'large',
-            'p-avatar-xl': this.size === 'xlarge'
-        };
-    }
-
-    imageError(event: Event) {
-        this.onImageError.emit(event);
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [Avatar],
-    declarations: [Avatar]
-})
-export class AvatarModule {}
diff --git a/src/app/components/avatar/ng-package.json b/src/app/components/avatar/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/avatar/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/avatar/public_api.ts b/src/app/components/avatar/public_api.ts
deleted file mode 100644
index a7424ca..0000000
--- a/src/app/components/avatar/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './avatar';
diff --git a/src/app/components/avatargroup/avatargroup.css b/src/app/components/avatargroup/avatargroup.css
deleted file mode 100644
index 33c97cc..0000000
--- a/src/app/components/avatargroup/avatargroup.css
+++ /dev/null
@@ -1,10 +0,0 @@
-@layer primeng {
-    .p-avatar-group p-avatar + p-avatar {
-        margin-left: -1rem;
-    }
-
-    .p-avatar-group {
-        display: flex;
-        align-items: center;
-    }
-}
diff --git a/src/app/components/avatargroup/avatargroup.spec.ts b/src/app/components/avatargroup/avatargroup.spec.ts
deleted file mode 100644
index 63968a7..0000000
--- a/src/app/components/avatargroup/avatargroup.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { AvatarGroup, AvatarGroupModule } from './avatargroup';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { By } from '@angular/platform-browser';
-
-describe('AvatarGroup', () => {
-    let avatarGroup: AvatarGroup;
-    let fixture: ComponentFixture<AvatarGroup>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, AvatarGroupModule]
-        });
-
-        fixture = TestBed.createComponent(AvatarGroup);
-        avatarGroup = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const avatarGroupEl = fixture.debugElement.query(By.css('.p-avatar-group'));
-        expect(avatarGroupEl.nativeElement).toBeTruthy();
-    });
-});
diff --git a/src/app/components/avatargroup/avatargroup.ts b/src/app/components/avatargroup/avatargroup.ts
deleted file mode 100644
index a14d690..0000000
--- a/src/app/components/avatargroup/avatargroup.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { NgModule, Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
-/**
- * AvatarGroup is a helper component for Avatar.
- * @group Components
- */
-@Component({
-    selector: 'p-avatarGroup',
-    template: `
-        <div [ngClass]="'p-avatar-group p-component'" [class]="styleClass" [ngStyle]="style">
-            <ng-content></ng-content>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./avatargroup.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class AvatarGroup {
-    /**
-     * Style class of the component
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [AvatarGroup],
-    declarations: [AvatarGroup]
-})
-export class AvatarGroupModule {}
diff --git a/src/app/components/avatargroup/ng-package.json b/src/app/components/avatargroup/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/avatargroup/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/avatargroup/public_api.ts b/src/app/components/avatargroup/public_api.ts
deleted file mode 100644
index 2260b1a..0000000
--- a/src/app/components/avatargroup/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './avatargroup';
diff --git a/src/app/components/badge/badge.css b/src/app/components/badge/badge.css
deleted file mode 100644
index 90a2151..0000000
--- a/src/app/components/badge/badge.css
+++ /dev/null
@@ -1,34 +0,0 @@
-@layer primeng {
-    .p-badge {
-        display: inline-block;
-        border-radius: 10px;
-        text-align: center;
-        padding: 0 0.5rem;
-    }
-
-    .p-overlay-badge {
-        position: relative;
-    }
-
-    .p-overlay-badge .p-badge {
-        position: absolute;
-        top: 0;
-        right: 0;
-        transform: translate(50%, -50%);
-        transform-origin: 100% 0;
-        margin: 0;
-    }
-
-    .p-badge-dot {
-        width: 0.5rem;
-        min-width: 0.5rem;
-        height: 0.5rem;
-        border-radius: 50%;
-        padding: 0;
-    }
-
-    .p-badge-no-gutter {
-        padding: 0;
-        border-radius: 50%;
-    }
-}
diff --git a/src/app/components/badge/badge.spec.ts b/src/app/components/badge/badge.spec.ts
deleted file mode 100644
index 87cc3e6..0000000
--- a/src/app/components/badge/badge.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { Badge, BadgeModule } from './badge';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { By } from '@angular/platform-browser';
-
-describe('Badge', () => {
-    let badge: Badge;
-    let fixture: ComponentFixture<Badge>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, BadgeModule]
-        });
-
-        fixture = TestBed.createComponent(Badge);
-        badge = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const badgeEl = fixture.debugElement.query(By.css('.p-badge'));
-        expect(badgeEl.nativeElement).toBeTruthy();
-    });
-});
diff --git a/src/app/components/badge/badge.ts b/src/app/components/badge/badge.ts
deleted file mode 100644
index f2c1998..0000000
--- a/src/app/components/badge/badge.ts
+++ /dev/null
@@ -1,310 +0,0 @@
-import { CommonModule, DOCUMENT } from '@angular/common';
-import { AfterViewInit, ChangeDetectionStrategy, Component, Directive, ElementRef, Inject, Input, NgModule, Renderer2, OnChanges, SimpleChanges, ViewEncapsulation, booleanAttribute } from '@angular/core';
-import { SharedModule } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { UniqueComponentId } from 'primeng/utils';
-/**
- * Badge Directive is directive usage of badge component.
- * @group Components
- */
-@Directive({
-    selector: '[pBadge]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class BadgeDirective implements OnChanges, AfterViewInit {
-    /**
-     * When specified, disables the component.
-     * @group Props
-     */
-    @Input('badgeDisabled') public disabled: boolean;
-    /**
-     * Size of the badge, valid options are "large" and "xlarge".
-     * @group Props
-     */
-    @Input() public badgeSize: 'large' | 'xlarge' | undefined;
-    /**
-     * Size of the badge, valid options are "large" and "xlarge".
-     * @group Props
-     * @deprecated use badgeSize instead.
-     */
-    @Input() public set size(value: 'large' | 'xlarge') {
-        this._size = value;
-        console.warn('size property is deprecated and will removed in v18, use badgeSize instead.');
-    }
-    get size() {
-        return this._size;
-    }
-    _size: 'large' | 'xlarge';
-    /**
-     * Severity type of the badge.
-     * @group Props
-     */
-    @Input() public severity: 'success' | 'info' | 'warning' | 'danger' | null | undefined;
-    /**
-     * Value to display inside the badge.
-     * @group Props
-     */
-    @Input() public value: string | number;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() badgeStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() badgeStyleClass: string;
-
-    private id!: string;
-
-    badgeEl: HTMLElement;
-
-    private get activeElement(): HTMLElement {
-        return this.el.nativeElement.nodeName.indexOf('-') != -1 ? this.el.nativeElement.firstChild : this.el.nativeElement;
-    }
-
-    private get canUpdateBadge(): boolean {
-        return this.id && !this.disabled;
-    }
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        public el: ElementRef,
-        private renderer: Renderer2
-    ) {}
-
-    public ngOnChanges({ value, size, severity, disabled, badgeStyle, badgeStyleClass }: SimpleChanges): void {
-        if (disabled) {
-            this.toggleDisableState();
-        }
-
-        if (!this.canUpdateBadge) {
-            return;
-        }
-
-        if (severity) {
-            this.setSeverity(severity.previousValue);
-        }
-
-        if (size) {
-            this.setSizeClasses();
-        }
-
-        if (value) {
-            this.setValue();
-        }
-
-        if (badgeStyle || badgeStyleClass) {
-            this.applyStyles();
-        }
-    }
-
-    public ngAfterViewInit(): void {
-        this.id = UniqueComponentId() + '_badge';
-        this.renderBadgeContent();
-    }
-
-    private setValue(element?: HTMLElement): void {
-        const badge = element ?? this.document.getElementById(this.id);
-
-        if (!badge) {
-            return;
-        }
-
-        if (this.value != null) {
-            if (DomHandler.hasClass(badge, 'p-badge-dot')) {
-                DomHandler.removeClass(badge, 'p-badge-dot');
-            }
-
-            if (this.value && String(this.value).length === 1) {
-                DomHandler.addClass(badge, 'p-badge-no-gutter');
-            } else {
-                DomHandler.removeClass(badge, 'p-badge-no-gutter');
-            }
-        } else {
-            if (!DomHandler.hasClass(badge, 'p-badge-dot')) {
-                DomHandler.addClass(badge, 'p-badge-dot');
-            }
-
-            DomHandler.removeClass(badge, 'p-badge-no-gutter');
-        }
-
-        badge.innerHTML = '';
-        const badgeValue = this.value != null ? String(this.value) : '';
-        this.renderer.appendChild(badge, this.document.createTextNode(badgeValue));
-    }
-
-    private setSizeClasses(element?: HTMLElement): void {
-        const badge = element ?? this.document.getElementById(this.id);
-
-        if (!badge) {
-            return;
-        }
-
-        if (this.badgeSize) {
-            if (this.badgeSize === 'large') {
-                DomHandler.addClass(badge, 'p-badge-lg');
-                DomHandler.removeClass(badge, 'p-badge-xl');
-            }
-
-            if (this.badgeSize === 'xlarge') {
-                DomHandler.addClass(badge, 'p-badge-xl');
-                DomHandler.removeClass(badge, 'p-badge-lg');
-            }
-        } else if (this.size && !this.badgeSize) {
-            if (this.size === 'large') {
-                DomHandler.addClass(badge, 'p-badge-lg');
-                DomHandler.removeClass(badge, 'p-badge-xl');
-            }
-
-            if (this.size === 'xlarge') {
-                DomHandler.addClass(badge, 'p-badge-xl');
-                DomHandler.removeClass(badge, 'p-badge-lg');
-            }
-        } else {
-            DomHandler.removeClass(badge, 'p-badge-lg');
-            DomHandler.removeClass(badge, 'p-badge-xl');
-        }
-    }
-
-    private renderBadgeContent(): void {
-        if (this.disabled) {
-            return null;
-        }
-
-        const el = this.activeElement;
-        const badge = this.document.createElement('span');
-        badge.id = this.id;
-        badge.className = 'p-badge p-component';
-
-        this.setSeverity(null, badge);
-        this.setSizeClasses(badge);
-        this.setValue(badge);
-        DomHandler.addClass(el, 'p-overlay-badge');
-        this.renderer.appendChild(el, badge);
-        this.badgeEl = badge;
-        this.applyStyles();
-    }
-
-    private applyStyles(): void {
-        if (this.badgeEl && this.badgeStyle && typeof this.badgeStyle === 'object') {
-            for (const [key, value] of Object.entries(this.badgeStyle)) {
-                this.renderer.setStyle(this.badgeEl, key, value);
-            }
-        }
-        if (this.badgeEl && this.badgeStyleClass) {
-            this.badgeEl.classList.add(...this.badgeStyleClass.split(' '));
-        }
-    }
-
-    private setSeverity(oldSeverity?: 'success' | 'info' | 'warning' | 'danger' | null, element?: HTMLElement): void {
-        const badge = element ?? this.document.getElementById(this.id);
-
-        if (!badge) {
-            return;
-        }
-
-        if (this.severity) {
-            DomHandler.addClass(badge, `p-badge-${this.severity}`);
-        }
-
-        if (oldSeverity) {
-            DomHandler.removeClass(badge, `p-badge-${oldSeverity}`);
-        }
-    }
-
-    private toggleDisableState(): void {
-        if (!this.id) {
-            return;
-        }
-
-        if (this.disabled) {
-            const badge = this.activeElement?.querySelector(`#${this.id}`);
-
-            if (badge) {
-                this.renderer.removeChild(this.activeElement, badge);
-            }
-        } else {
-            this.renderBadgeContent();
-        }
-    }
-}
-/**
- * Badge is a small status indicator for another element.
- * @group Components
- */
-@Component({
-    selector: 'p-badge',
-    template: ` <span *ngIf="!badgeDisabled" [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="style">{{ value }}</span> `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./badge.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Badge {
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Size of the badge, valid options are "large" and "xlarge".
-     * @group Props
-     */
-    @Input() badgeSize: 'large' | 'xlarge' | undefined;
-    /**
-     * Severity type of the badge.
-     * @group Props
-     */
-    @Input() severity: 'success' | 'info' | 'warning' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast' | null | undefined;
-    /**
-     * Value to display inside the badge.
-     * @group Props
-     */
-    @Input() value: string | number | null | undefined;
-    /**
-     * When specified, disables the component.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) badgeDisabled: boolean = false;
-    /**
-     * Size of the badge, valid options are "large" and "xlarge".
-     * @group Props
-     * @deprecated use badgeSize instead.
-     */
-    @Input() public set size(value: 'large' | 'xlarge') {
-        this._size = value;
-        console.warn('size property is deprecated and will removed in v18, use badgeSize instead.');
-    }
-    get size() {
-        return this._size;
-    }
-    _size: 'large' | 'xlarge';
-
-    containerClass() {
-        return {
-            'p-badge p-component': true,
-            'p-badge-no-gutter': this.value != undefined && String(this.value).length === 1,
-            'p-badge-lg': this.badgeSize === 'large' || this.size === 'large',
-            'p-badge-xl': this.badgeSize === 'xlarge' || this.size === 'xlarge',
-            [`p-badge-${this.severity}`]: this.severity
-        };
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [Badge, BadgeDirective, SharedModule],
-    declarations: [Badge, BadgeDirective]
-})
-export class BadgeModule {}
diff --git a/src/app/components/badge/ng-package.json b/src/app/components/badge/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/badge/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/badge/public_api.ts b/src/app/components/badge/public_api.ts
deleted file mode 100644
index 1566eee..0000000
--- a/src/app/components/badge/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './badge';
diff --git a/src/app/components/baseicon/baseicon.ts b/src/app/components/baseicon/baseicon.ts
deleted file mode 100644
index 97d4381..0000000
--- a/src/app/components/baseicon/baseicon.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component, Input, ChangeDetectionStrategy, ViewEncapsulation, ElementRef, HostBinding, booleanAttribute } from '@angular/core';
-import { ObjectUtils } from 'primeng/utils';
-
-@Component({
-    template: ` <ng-content></ng-content> `,
-    standalone: true,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element p-icon-wrapper'
-    }
-})
-export class BaseIcon {
-    @Input() label: string;
-
-    @Input({ transform: booleanAttribute }) spin: boolean = false;
-
-    @Input() styleClass: string;
-
-    role: string;
-
-    ariaLabel: string;
-
-    ariaHidden: boolean;
-
-    ngOnInit() {
-        this.getAttributes();
-    }
-
-    getAttributes() {
-        const isLabelEmpty = ObjectUtils.isEmpty(this.label);
-        this.role = !isLabelEmpty ? 'img' : undefined;
-        this.ariaLabel = !isLabelEmpty ? this.label : undefined;
-        this.ariaHidden = isLabelEmpty;
-    }
-
-    getClassNames() {
-        return `p-icon ${this.styleClass ? this.styleClass + ' ' : ''}${this.spin ? 'p-icon-spin' : ''}`;
-    }
-}
diff --git a/src/app/components/baseicon/ng-package.json b/src/app/components/baseicon/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/baseicon/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/baseicon/public_api.ts b/src/app/components/baseicon/public_api.ts
deleted file mode 100644
index 22afa3c..0000000
--- a/src/app/components/baseicon/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './baseicon';
diff --git a/src/app/components/blockui/blockui.css b/src/app/components/blockui/blockui.css
deleted file mode 100644
index 67cd719..0000000
--- a/src/app/components/blockui/blockui.css
+++ /dev/null
@@ -1,26 +0,0 @@
-@layer primeng {
-    .p-blockui {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background-color: transparent;
-        transition-property: background-color;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-blockui.p-component-overlay {
-        position: absolute;
-    }
-
-    .p-blockui-document.p-component-overlay {
-        position: fixed;
-    }
-
-    .p-blockui-leave.p-component-overlay {
-        background-color: transparent;
-    }
-}
diff --git a/src/app/components/blockui/blockui.interface.ts b/src/app/components/blockui/blockui.interface.ts
deleted file mode 100644
index 8d4fdf9..0000000
--- a/src/app/components/blockui/blockui.interface.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in BlockUI.
- * @group Templates
- */
-export interface BlockUITemplates {
-    /**
-     * Custom template of content.
-     */
-    content(): TemplateRef<any>;
-}
diff --git a/src/app/components/blockui/blockui.spec.ts b/src/app/components/blockui/blockui.spec.ts
deleted file mode 100644
index 448f395..0000000
--- a/src/app/components/blockui/blockui.spec.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { BlockUI } from './blockui';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Component } from '@angular/core';
-import { Panel } from 'primeng/panel';
-
-@Component({
-    template: `
-        <p-blockUI></p-blockUI>
-        <p-blockUI [target]="pnl"> </p-blockUI>
-        <p-panel #pnl header="Godfather I" [style]="{ 'margin-top': '20px' }"> </p-panel>
-    `
-})
-class TestBlockUIComponent {}
-
-describe('BlockUI', () => {
-    let blockui: BlockUI;
-    let blockui2: BlockUI;
-    let fixture: ComponentFixture<TestBlockUIComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule],
-            declarations: [BlockUI, TestBlockUIComponent, Panel]
-        });
-
-        fixture = TestBed.createComponent(TestBlockUIComponent);
-        blockui = fixture.debugElement.children[0].componentInstance;
-        blockui2 = fixture.debugElement.children[1].componentInstance;
-    });
-
-    it('should display by default', () => {
-        blockui.blocked = false;
-        fixture.detectChanges();
-
-        const blockEl = fixture.debugElement.query(By.css('div'));
-        expect(blockEl.nativeElement).toBeTruthy();
-    });
-
-    it('should block body', () => {
-        blockui.blocked = false;
-        fixture.detectChanges();
-
-        const blockSpy = spyOn(blockui, 'block').and.callThrough();
-        blockui.blocked = true;
-        fixture.detectChanges();
-
-        expect(blockSpy).toHaveBeenCalled();
-    });
-
-    it('should unblock body', () => {
-        blockui.blocked = false;
-        fixture.detectChanges();
-
-        const unBlockSpy = spyOn(blockui, 'unblock').and.callThrough();
-        blockui.blocked = true;
-        fixture.detectChanges();
-
-        blockui.blocked = false;
-        fixture.detectChanges();
-
-        expect(unBlockSpy).toHaveBeenCalled();
-    });
-
-    it('should block element with target', () => {
-        blockui2.blocked = false;
-        fixture.detectChanges();
-
-        const blockSpy = spyOn(blockui2, 'block').and.callThrough();
-        blockui2.blocked = true;
-        fixture.detectChanges();
-
-        expect(blockSpy).toHaveBeenCalled();
-        expect(blockui2.target.getBlockableElement().style.position).toEqual('relative');
-    });
-});
diff --git a/src/app/components/blockui/blockui.ts b/src/app/components/blockui/blockui.ts
deleted file mode 100644
index 44369e4..0000000
--- a/src/app/components/blockui/blockui.ts
+++ /dev/null
@@ -1,186 +0,0 @@
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterViewInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    Inject,
-    Input,
-    NgModule,
-    OnDestroy,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    numberAttribute
-} from '@angular/core';
-import { PrimeNGConfig, PrimeTemplate } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { ZIndexUtils } from 'primeng/utils';
-/**
- * BlockUI can either block other components or the whole page.
- * @group Components
- */
-@Component({
-    selector: 'p-blockUI',
-    template: `
-        <div
-            #mask
-            [class]="styleClass"
-            [attr.aria-busy]="blocked"
-            [ngClass]="{ 'p-blockui-document': !target, 'p-blockui p-component-overlay p-component-overlay-enter': true }"
-            [ngStyle]="{ display: 'none' }"
-            [attr.data-pc-name]="'blockui'"
-            [attr.data-pc-section]="'root'"
-        >
-            <ng-content></ng-content>
-            <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./blockui.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class BlockUI implements AfterViewInit, OnDestroy {
-    /**
-     * Name of the local ng-template variable referring to another component.
-     * @group Props
-     */
-    @Input() target: any;
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Current blocked state as a boolean.
-     * @group Props
-     */
-    @Input() get blocked(): boolean {
-        return this._blocked;
-    }
-    set blocked(val: boolean) {
-        if (this.mask && this.mask.nativeElement) {
-            if (val) this.block();
-            else this.unblock();
-        } else {
-            this._blocked = val;
-        }
-    }
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    @ViewChild('mask') mask: ElementRef | undefined;
-
-    _blocked: boolean = false;
-
-    animationEndListener: VoidFunction | null | undefined;
-
-    contentTemplate: TemplateRef<any> | undefined;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        public el: ElementRef,
-        public cd: ChangeDetectorRef,
-        public config: PrimeNGConfig,
-        private renderer: Renderer2,
-        @Inject(PLATFORM_ID) public platformId: any
-    ) {}
-
-    ngAfterViewInit() {
-        if (this._blocked) this.block();
-
-        if (this.target && !this.target.getBlockableElement) {
-            throw 'Target of BlockUI must implement BlockableUI interface';
-        }
-    }
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-
-                default:
-                    this.contentTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    block() {
-        if (isPlatformBrowser(this.platformId)) {
-            this._blocked = true;
-            (this.mask as ElementRef).nativeElement.style.display = 'flex';
-
-            if (this.target) {
-                this.target.getBlockableElement().appendChild((this.mask as ElementRef).nativeElement);
-                this.target.getBlockableElement().style.position = 'relative';
-            } else {
-                this.renderer.appendChild(this.document.body, (this.mask as ElementRef).nativeElement);
-                DomHandler.blockBodyScroll();
-            }
-
-            if (this.autoZIndex) {
-                ZIndexUtils.set('modal', (this.mask as ElementRef).nativeElement, this.baseZIndex + this.config.zIndex.modal);
-            }
-        }
-    }
-
-    unblock() {
-        if (isPlatformBrowser(this.platformId) && this.mask && !this.animationEndListener) {
-            this.animationEndListener = this.renderer.listen(this.mask.nativeElement, 'animationend', this.destroyModal.bind(this));
-            DomHandler.addClass(this.mask.nativeElement, 'p-component-overlay-leave');
-        }
-    }
-
-    destroyModal() {
-        this._blocked = false;
-        if (this.mask && isPlatformBrowser(this.platformId)) {
-            ZIndexUtils.clear(this.mask.nativeElement);
-            DomHandler.removeClass(this.mask.nativeElement, 'p-component-overlay-leave');
-            this.renderer.removeChild(this.el.nativeElement, this.mask.nativeElement);
-            DomHandler.unblockBodyScroll();
-        }
-        this.unbindAnimationEndListener();
-        this.cd.markForCheck();
-    }
-
-    unbindAnimationEndListener() {
-        if (this.animationEndListener && this.mask) {
-            this.animationEndListener();
-            this.animationEndListener = null;
-        }
-    }
-
-    ngOnDestroy() {
-        this.unblock();
-        this.destroyModal();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [BlockUI],
-    declarations: [BlockUI]
-})
-export class BlockUIModule {}
diff --git a/src/app/components/blockui/ng-package.json b/src/app/components/blockui/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/blockui/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/blockui/public_api.ts b/src/app/components/blockui/public_api.ts
deleted file mode 100644
index 7ac2afa..0000000
--- a/src/app/components/blockui/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './blockui';
-export * from './blockui.interface';
diff --git a/src/app/components/breadcrumb/breadcrumb.css b/src/app/components/breadcrumb/breadcrumb.css
deleted file mode 100644
index 8b62cea..0000000
--- a/src/app/components/breadcrumb/breadcrumb.css
+++ /dev/null
@@ -1,33 +0,0 @@
-@layer primeng {
-    .p-breadcrumb {
-        overflow-x: auto;
-    }
-
-    .p-breadcrumb .p-breadcrumb-list {
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-        display: flex;
-        align-items: center;
-        flex-wrap: nowrap;
-    }
-
-    .p-breadcrumb .p-menuitem-text {
-        line-height: 1;
-    }
-
-    .p-breadcrumb .p-menuitem-link {
-        text-decoration: none;
-        display: flex;
-        align-items: center;
-    }
-
-    .p-breadcrumb .p-menuitem-separator {
-        display: flex;
-        align-items: center;
-    }
-
-    .p-breadcrumb::-webkit-scrollbar {
-        display: none;
-    }
-}
diff --git a/src/app/components/breadcrumb/breadcrumb.interface.ts b/src/app/components/breadcrumb/breadcrumb.interface.ts
deleted file mode 100644
index 01d443f..0000000
--- a/src/app/components/breadcrumb/breadcrumb.interface.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Breadcrumb } from './breadcrumb';
-/**
- * Defines valid templates in Breadcumb.
- * @group Templates
- */
-
-export interface BreadcumbTemplates {
-    /**
-     * Custom template of item.
-     */
-    item(context: {
-        /**
-         * Data of the item.
-         */
-        $implicit: MenuItem;
-    }): TemplateRef<{ $implicit: MenuItem }>;
-
-    /**
-     * Custom template of separator.
-     */
-    separator(): TemplateRef<any>;
-}
-/**
- * Custom select event.
- * @see {@link Breadcrumb.onItemClick}
- * @group Events
- */
-export interface BreadcrumbItemClickEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Selected menu item .
-     */
-    item: MenuItem;
-}
diff --git a/src/app/components/breadcrumb/breadcrumb.spec.ts b/src/app/components/breadcrumb/breadcrumb.spec.ts
deleted file mode 100644
index c1e257a..0000000
--- a/src/app/components/breadcrumb/breadcrumb.spec.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Breadcrumb, BreadcrumbModule } from './breadcrumb';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
-import { NO_ERRORS_SCHEMA } from '@angular/core';
-
-describe('Breadcrumb', () => {
-    let breadcrumb: Breadcrumb;
-    let fixture: ComponentFixture<Breadcrumb>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [RouterTestingModule.withRoutes([{ path: 'test', component: Breadcrumb }]), NoopAnimationsModule, BreadcrumbModule],
-            schemas: [NO_ERRORS_SCHEMA]
-        });
-
-        fixture = TestBed.createComponent(Breadcrumb);
-        breadcrumb = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const breadcrumbEl = fixture.debugElement.query(By.css('nav')).nativeElement;
-        expect(breadcrumbEl).toBeTruthy();
-    });
-
-    it('should change style and styleClass', () => {
-        breadcrumb.style = { height: '300px' };
-        breadcrumb.styleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const breadcrumbEl = fixture.debugElement.query(By.css('nav'));
-        expect(breadcrumbEl.nativeElement.className).toContain('Primeng ROCKS!');
-        expect(breadcrumbEl.styles.height).toEqual('300px');
-    });
-
-    it('should display the home', () => {
-        breadcrumb.home = { icon: 'pi pi-home' };
-        fixture.detectChanges();
-
-        const homeEl = fixture.debugElement.query(By.css('.p-breadcrumb-home'));
-        expect(homeEl).toBeTruthy();
-    });
-
-    it('should change home icon', () => {
-        breadcrumb.home = { icon: 'primeng' };
-        fixture.detectChanges();
-
-        const homeEl = fixture.debugElement.query(By.css('.p-breadcrumb-home')).query(By.css('span')).nativeElement;
-        expect(homeEl.className).toContain('primeng');
-    });
-
-    it('should display items', () => {
-        breadcrumb.home = { icon: 'pi pi-home' };
-        breadcrumb.model = [{ label: 'Squad' }, { label: 'Lionel Messi', url: 'https://en.wikipedia.org/wiki/Lionel_Messi', icon: 'pi pi-external-link' }];
-        fixture.detectChanges();
-
-        const itemsEl = fixture.debugElement.query(By.css('ol'));
-        expect(itemsEl.children[2].children[0]).toBeTruthy();
-        expect(itemsEl.children[2].children[0].nativeElement.textContent).toEqual('Squad');
-        expect(itemsEl.children.length).toEqual(5);
-    });
-
-    it('should call itemClick when click home ', () => {
-        breadcrumb.home = { icon: 'pi pi-home' };
-        breadcrumb.model = [{ label: 'Squad' }, { label: 'Lionel Messi', url: 'https://en.wikipedia.org/wiki/Lionel_Messi', icon: 'pi pi-external-link' }];
-        fixture.detectChanges();
-
-        const itemClickSpy = spyOn(breadcrumb, 'onClick').and.callThrough();
-        const homeEl = fixture.debugElement.query(By.css('.p-breadcrumb-home')).query(By.css('a')).nativeElement;
-        homeEl.click();
-        fixture.detectChanges();
-
-        expect(itemClickSpy).toHaveBeenCalled();
-    });
-
-    it('should call itemClick when click item ', () => {
-        breadcrumb.home = { icon: 'pi pi-home' };
-        breadcrumb.model = [{ label: 'Squad' }, { label: 'Lionel Messi', url: 'https://en.wikipedia.org/wiki/Lionel_Messi', icon: 'pi pi-external-link' }];
-        fixture.detectChanges();
-
-        const itemClickSpy = spyOn(breadcrumb, 'onClick').and.callThrough();
-        const squadEl = fixture.debugElement.query(By.css('ol')).children[2].children[0].nativeElement;
-        squadEl.click();
-        fixture.detectChanges();
-
-        expect(itemClickSpy).toHaveBeenCalled();
-    });
-
-    it('should call itemClick(routerLink) when click item ', () => {
-        breadcrumb.home = { icon: 'pi pi-home' };
-        breadcrumb.model = [{ label: 'Squad' }, { label: 'Lionel Messi', routerLink: 'test', icon: 'pi pi-external-link' }];
-        fixture.detectChanges();
-
-        const itemClickSpy = spyOn(breadcrumb, 'onClick').and.callThrough();
-        const messiEl = fixture.debugElement.query(By.css('ol')).children[4].children[0].nativeElement;
-        messiEl.click();
-        fixture.detectChanges();
-
-        expect(itemClickSpy).toHaveBeenCalled();
-    });
-
-    it('should call itemClick and do nothing (item disabled) ', () => {
-        breadcrumb.home = { icon: 'pi pi-home' };
-        breadcrumb.model = [
-            { label: 'Squad', disabled: true },
-            { label: 'Lionel Messi', url: 'https://en.wikipedia.org/wiki/Lionel_Messi', icon: 'pi pi-external-link' }
-        ];
-        fixture.detectChanges();
-
-        const itemClickSpy = spyOn(breadcrumb, 'onClick').and.callThrough();
-        const squadEl = fixture.debugElement.query(By.css('ol')).children[2].children[0].nativeElement;
-        squadEl.click();
-        fixture.detectChanges();
-
-        expect(itemClickSpy).toHaveBeenCalled();
-    });
-
-    it('should run command', () => {
-        breadcrumb.home = { icon: 'pi pi-home' };
-        breadcrumb.model = [
-            {
-                label: 'Squad',
-                command: () => {
-                    breadcrumb.styleClass = 'primengRocks!';
-                }
-            },
-            { label: 'Lionel Messi', url: 'https://en.wikipedia.org/wiki/Lionel_Messi', icon: 'pi pi-external-link' }
-        ];
-        fixture.detectChanges();
-
-        const itemClickSpy = spyOn(breadcrumb, 'onClick').and.callThrough();
-        const squadEl = fixture.debugElement.query(By.css('ol')).children[2].children[0].nativeElement;
-        squadEl.click();
-        fixture.detectChanges();
-
-        expect(itemClickSpy).toHaveBeenCalled();
-        expect(breadcrumb.styleClass).toEqual('primengRocks!');
-    });
-
-    it('should call itemClick with home item', () => {
-        breadcrumb.home = { icon: 'pi pi-home' };
-        breadcrumb.model = [
-            {
-                label: 'Squad',
-                command: () => {
-                    breadcrumb.styleClass = 'primengRocks!';
-                }
-            },
-            { label: 'Lionel Messi', url: 'https://en.wikipedia.org/wiki/Lionel_Messi', icon: 'pi pi-external-link' }
-        ];
-        fixture.detectChanges();
-
-        const itemClickSpy = spyOn(breadcrumb, 'onClick').and.callThrough();
-        let event = new Event('click');
-        breadcrumb.onHomeClick(event);
-        fixture.detectChanges();
-
-        expect(itemClickSpy).toHaveBeenCalled();
-    });
-});
diff --git a/src/app/components/breadcrumb/breadcrumb.ts b/src/app/components/breadcrumb/breadcrumb.ts
deleted file mode 100644
index 52c1235..0000000
--- a/src/app/components/breadcrumb/breadcrumb.ts
+++ /dev/null
@@ -1,258 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation } from '@angular/core';
-import { Router, RouterModule } from '@angular/router';
-import { MenuItem, PrimeTemplate, SharedModule } from 'primeng/api';
-import { ChevronRightIcon } from 'primeng/icons/chevronright';
-import { HomeIcon } from 'primeng/icons/home';
-import { TooltipModule } from 'primeng/tooltip';
-import { BreadcrumbItemClickEvent } from './breadcrumb.interface';
-/**
- * Breadcrumb provides contextual information about page hierarchy.
- * @group Components
- */
-@Component({
-    selector: 'p-breadcrumb',
-    template: `
-        <nav [class]="styleClass" [ngStyle]="style" [ngClass]="'p-breadcrumb p-component'" [attr.data-pc-name]="'breadcrumb'" [attr.data-pc-section]="'root'">
-            <ol [attr.data-pc-section]="'menu'" class="p-breadcrumb-list">
-                <li
-                    [class]="home.styleClass"
-                    [attr.id]="home.id"
-                    [ngClass]="{ 'p-breadcrumb-home': true, 'p-disabled': home.disabled }"
-                    [ngStyle]="home.style"
-                    *ngIf="home"
-                    pTooltip
-                    [tooltipOptions]="home.tooltipOptions"
-                    [attr.data-pc-section]="'home'"
-                    [attr.aria-disabled]="home.disabled"
-                >
-                    <a
-                        [href]="home.url ? home.url : null"
-                        *ngIf="!home.routerLink"
-                        [attr.aria-label]="homeAriaLabel"
-                        class="p-menuitem-link"
-                        (click)="onClick($event, home)"
-                        [target]="home.target"
-                        [attr.title]="home.title"
-                        [attr.tabindex]="home.disabled ? '-1' : home.tabindex || '0'"
-                        [attr.ariaCurrentWhenActive]="isCurrentUrl(home)"
-                    >
-                        <span *ngIf="home.icon" class="p-menuitem-icon" [ngClass]="home.icon" [ngStyle]="home.iprivateyle"></span>
-                        <HomeIcon *ngIf="!home.icon" [styleClass]="'p-menuitem-icon'" />
-                        <ng-container *ngIf="home.label">
-                            <span *ngIf="home.escape !== false; else htmlHomeLabel" class="p-menuitem-text">{{ home.label }}</span>
-                            <ng-template #htmlHomeLabel><span class="p-menuitem-text" [innerHTML]="home.label"></span></ng-template>
-                        </ng-container>
-                    </a>
-                    <a
-                        *ngIf="home.routerLink"
-                        [routerLink]="home.routerLink"
-                        [attr.aria-label]="homeAriaLabel"
-                        [queryParams]="home.queryParams"
-                        [routerLinkActive]="'p-menuitem-link-active'"
-                        [routerLinkActiveOptions]="home.routerLinkActiveOptions || { exact: false }"
-                        class="p-menuitem-link"
-                        (click)="onClick($event, home)"
-                        [target]="home.target"
-                        [attr.title]="home.title"
-                        [attr.tabindex]="home.disabled ? '-1' : home.tabindex || '0'"
-                        [attr.ariaCurrentWhenActive]="isCurrentUrl(home)"
-                        [fragment]="home.fragment"
-                        [queryParamsHandling]="home.queryParamsHandling"
-                        [preserveFragment]="home.preserveFragment"
-                        [skipLocationChange]="home.skipLocationChange"
-                        [replaceUrl]="home.replaceUrl"
-                        [state]="home.state"
-                    >
-                        <span *ngIf="home.icon" class="p-menuitem-icon" [ngClass]="home.icon" [ngStyle]="home.iconStyle"></span>
-                        <HomeIcon *ngIf="!home.icon" [styleClass]="'p-menuitem-icon'" />
-                        <ng-container *ngIf="home.label">
-                            <span *ngIf="home.escape !== false; else htmlHomeRouteLabel" class="p-menuitem-text">{{ home.label }}</span>
-                            <ng-template #htmlHomeRouteLabel><span class="p-menuitem-text" [innerHTML]="home.label"></span></ng-template>
-                        </ng-container>
-                    </a>
-                </li>
-                <li *ngIf="model && home" class="p-menuitem-separator" [attr.data-pc-section]="'separator'">
-                    <ChevronRightIcon *ngIf="!separatorTemplate" />
-                    <ng-template *ngTemplateOutlet="separatorTemplate"></ng-template>
-                </li>
-                <ng-template ngFor let-item let-end="last" [ngForOf]="model">
-                    <li
-                        [class]="item.styleClass"
-                        [attr.id]="item.id"
-                        [attr.aria-disabled]="item.disabled"
-                        [ngStyle]="item.style"
-                        [ngClass]="{ 'p-disabled': item.disabled }"
-                        pTooltip
-                        [tooltipOptions]="item.tooltipOptions"
-                        [attr.data-pc-section]="'menuitem'"
-                    >
-                        <a
-                            *ngIf="!item.routerLink"
-                            [attr.href]="item.url ? item.url : null"
-                            class="p-menuitem-link"
-                            (click)="onClick($event, item)"
-                            [target]="item.target"
-                            [attr.title]="item.title"
-                            [attr.tabindex]="item.disabled ? '-1' : item.tabindex || '0'"
-                            [attr.ariaCurrentWhenActive]="isCurrentUrl(item)"
-                        >
-                            <ng-container *ngIf="!itemTemplate">
-                                <span *ngIf="item.icon" class="p-menuitem-icon" [ngClass]="item.icon" [ngStyle]="item.iconStyle"></span>
-                                <ng-container *ngIf="item.label">
-                                    <span *ngIf="item.escape !== false; else htmlLabel" class="p-menuitem-text">{{ item.label }}</span>
-                                    <ng-template #htmlLabel><span class="p-menuitem-text" [innerHTML]="item.label"></span></ng-template>
-                                </ng-container>
-                            </ng-container>
-                            <ng-container *ngIf="itemTemplate">
-                                <ng-template *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-template>
-                            </ng-container>
-                        </a>
-                        <a
-                            *ngIf="item.routerLink"
-                            [routerLink]="item.routerLink"
-                            [queryParams]="item.queryParams"
-                            [routerLinkActive]="'p-menuitem-link-active'"
-                            [routerLinkActiveOptions]="item.routerLinkActiveOptions || { exact: false }"
-                            class="p-menuitem-link"
-                            (click)="onClick($event, item)"
-                            [target]="item.target"
-                            [attr.title]="item.title"
-                            [attr.tabindex]="item.disabled ? '-1' : item.tabindex || '0'"
-                            [fragment]="item.fragment"
-                            [queryParamsHandling]="item.queryParamsHandling"
-                            [preserveFragment]="item.preserveFragment"
-                            [skipLocationChange]="item.skipLocationChange"
-                            [replaceUrl]="item.replaceUrl"
-                            [state]="item.state"
-                            [attr.ariaCurrentWhenActive]="isCurrentUrl(item)"
-                        >
-                            <ng-container *ngIf="!itemTemplate">
-                                <span *ngIf="item.icon" class="p-menuitem-icon" [ngClass]="item.icon" [ngStyle]="item.iconStyle"></span>
-                                <ng-container *ngIf="item.label">
-                                    <span *ngIf="item.escape !== false; else htmlRouteLabel" class="p-menuitem-text">{{ item.label }}</span>
-                                    <ng-template #htmlRouteLabel><span class="p-menuitem-text" [innerHTML]="item.label"></span></ng-template>
-                                </ng-container>
-                            </ng-container>
-                            <ng-container *ngIf="itemTemplate">
-                                <ng-template *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-template>
-                            </ng-container>
-                        </a>
-                    </li>
-                    <li *ngIf="!end" class="p-menuitem-separator" [attr.data-pc-section]="'separator'">
-                        <ChevronRightIcon *ngIf="!separatorTemplate" />
-                        <ng-template *ngTemplateOutlet="separatorTemplate"></ng-template>
-                    </li>
-                </ng-template>
-            </ol>
-        </nav>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./breadcrumb.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Breadcrumb implements AfterContentInit {
-    /**
-     * An array of menuitems.
-     * @group Props
-     */
-    @Input() model: MenuItem[] | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * MenuItem configuration for the home icon.
-     * @group Props
-     */
-    @Input() home: MenuItem | undefined;
-    /**
-     * Defines a string that labels the home icon for accessibility.
-     * @group Props
-     */
-    @Input() homeAriaLabel: string | undefined;
-    /**
-     * Fired when an item is selected.
-     * @param {BreadcrumbItemClickEvent} event - custom click event.
-     * @group Emits
-     */
-    @Output() onItemClick: EventEmitter<BreadcrumbItemClickEvent> = new EventEmitter<BreadcrumbItemClickEvent>();
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    separatorTemplate: TemplateRef<any> | undefined;
-
-    itemTemplate: TemplateRef<any> | undefined;
-
-    constructor(private router: Router) {}
-
-    onClick(event: MouseEvent, item: MenuItem) {
-        if (item.disabled) {
-            event.preventDefault();
-            return;
-        }
-
-        if (!item.url && !item.routerLink) {
-            event.preventDefault();
-        }
-
-        if (item.command) {
-            item.command({
-                originalEvent: event,
-                item: item
-            });
-        }
-
-        this.onItemClick.emit({
-            originalEvent: event,
-            item: item
-        });
-    }
-
-    onHomeClick(event: MouseEvent | any) {
-        if (this.home) {
-            this.onClick(event, this.home);
-        }
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'separator':
-                    this.separatorTemplate = item.template;
-                    break;
-
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    isCurrentUrl(item) {
-        const { routerLink } = item;
-        const lastPath = this.router ? this.router.url : '';
-
-        return routerLink === lastPath ? 'page' : undefined;
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, RouterModule, TooltipModule, ChevronRightIcon, HomeIcon, SharedModule],
-    exports: [Breadcrumb, RouterModule, TooltipModule, SharedModule],
-    declarations: [Breadcrumb]
-})
-export class BreadcrumbModule {}
diff --git a/src/app/components/breadcrumb/ng-package.json b/src/app/components/breadcrumb/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/breadcrumb/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/breadcrumb/public_api.ts b/src/app/components/breadcrumb/public_api.ts
deleted file mode 100644
index c739721..0000000
--- a/src/app/components/breadcrumb/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './breadcrumb';
-export * from './breadcrumb.interface';
diff --git a/src/app/components/button/button.css b/src/app/components/button/button.css
deleted file mode 100644
index 4958987..0000000
--- a/src/app/components/button/button.css
+++ /dev/null
@@ -1,97 +0,0 @@
-@layer primeng {
-    .p-button {
-        margin: 0;
-        display: inline-flex;
-        cursor: pointer;
-        user-select: none;
-        align-items: center;
-        vertical-align: bottom;
-        text-align: center;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-button-label {
-        flex: 1 1 auto;
-    }
-
-    .p-button-icon-right {
-        order: 1;
-    }
-
-    .p-button:disabled {
-        cursor: default;
-        pointer-events: none;
-    }
-
-    .p-button-icon-only {
-        justify-content: center;
-    }
-
-    .p-button-icon-only:after {
-        content: 'p';
-        visibility: hidden;
-        clip: rect(0 0 0 0);
-        width: 0;
-    }
-
-    .p-button-vertical {
-        flex-direction: column;
-    }
-
-    .p-button-icon-bottom {
-        order: 2;
-    }
-
-    .p-button-group .p-button {
-        margin: 0;
-    }
-
-    .p-button-group .p-button:focus,
-    .p-button-group p-button:focus .p-button,
-    .p-buttonset .p-button:focus,
-    .p-buttonset .p-button:focus,
-    .p-buttonset p-button:focus .p-button,
-    .p-buttonset .p-button:focus {
-        position: relative;
-        z-index: 1;
-    }
-
-    .p-button-group .p-button:not(:last-child),
-    .p-button-group .p-button:not(:last-child):hover,
-    .p-button-group p-button:not(:last-child) .p-button,
-    .p-button-group p-button:not(:last-child) .p-button:hover,
-    .p-buttonset .p-button:not(:last-child),
-    .p-buttonset .p-button:not(:last-child):hover,
-    .p-buttonset p-button:not(:last-child) .p-button,
-    .p-buttonset p-button:not(:last-child) .p-button:hover {
-        border-right: 0 none;
-    }
-
-    .p-button-group .p-button:not(:first-of-type):not(:last-of-type),
-    .p-button-group p-button:not(:first-of-type):not(:last-of-type) .p-button,
-    .p-buttonset .p-button:not(:first-of-type):not(:last-of-type),
-    .p-buttonset p-button:not(:first-of-type):not(:last-of-type) .p-button {
-        border-radius: 0;
-    }
-
-    .p-button-group .p-button:first-of-type:not(:only-of-type),
-    .p-button-group p-button:first-of-type:not(:only-of-type) .p-button,
-    .p-buttonset .p-button:first-of-type:not(:only-of-type),
-    .p-buttonset p-button:first-of-type:not(:only-of-type) .p-button {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-
-    .p-button-group .p-button:last-of-type:not(:only-of-type),
-    .p-button-group p-button:last-of-type:not(:only-of-type) .p-button,
-    .p-buttonset .p-button:last-of-type:not(:only-of-type),
-    .p-buttonset p-button:last-of-type:not(:only-of-type) .p-button {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-    }
-
-    p-button[iconpos='right'] spinnericon {
-        order: 1;
-    }
-}
diff --git a/src/app/components/button/button.interface.ts b/src/app/components/button/button.interface.ts
deleted file mode 100644
index 6002d5a..0000000
--- a/src/app/components/button/button.interface.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { NgClass } from '@angular/common';
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in Button.
- * @group Templates
- */
-export interface ButtonTemplates {
-    /**
-     * Custom template of content.
-     */
-    content(): TemplateRef<any>;
-    /**
-     * Custom template of icon.
-     */
-    icon(context: {
-        /**
-         * Icon class.
-         */
-        class: NgClass;
-    }): TemplateRef<NgClass>;
-    /**
-     * Custom template of loadingicon.
-     */
-    loadingicon(context: {
-        /**
-         * Icon class.
-         */
-        class: NgClass;
-    }): TemplateRef<NgClass>;
-}
diff --git a/src/app/components/button/button.spec.ts b/src/app/components/button/button.spec.ts
deleted file mode 100644
index 88e5b06..0000000
--- a/src/app/components/button/button.spec.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Button } from './button';
-
-describe('Button', () => {
-    let button: Button;
-    let fixture: ComponentFixture<Button>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, Button]
-        });
-
-        fixture = TestBed.createComponent(Button);
-        button = fixture.componentInstance;
-    });
-
-    it('should disabled when disabled is true', () => {
-        button.disabled = true;
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('.p-button'));
-        expect(buttonEl.nativeElement.disabled).toBeTruthy();
-    });
-
-    it('should display the label and have a text only class', () => {
-        button.label = 'PrimeNG';
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('.p-button'));
-        expect(buttonEl.nativeElement.textContent).toContain('PrimeNG');
-        expect(buttonEl.nativeElement.children.length).toEqual(1);
-    });
-
-    it('should display the icon and icon to be on the left by default ', () => {
-        button.label = 'PrimeNG';
-        button.icon = 'pi pi-times';
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('.p-button'));
-        expect(buttonEl.nativeElement.children[0].className).toContain('p-button-icon-left');
-    });
-
-    it('should display the icon', () => {
-        button.icon = 'pi pi-times';
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('.p-button'));
-        expect(buttonEl.nativeElement.className).toContain('p-button-icon-only');
-    });
-
-    it('should display the icon on the right and have a label', () => {
-        button.label = 'PrimeNG';
-        button.icon = 'pi pi-times';
-        button.iconPos = 'right';
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('.p-button'));
-        expect(buttonEl.nativeElement.children[0].className).toContain('p-button-icon-right');
-        expect(buttonEl.nativeElement.children[1].textContent).toContain('PrimeNG');
-    });
-
-    it('should display the icon on the right', () => {
-        button.icon = 'pi pi-times';
-        button.label = 'PRIMENG';
-        button.iconPos = 'right';
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('.p-button'));
-        expect(buttonEl.nativeElement.children[0].className).toContain('p-button-icon-right');
-    });
-
-    it('should enabled by default', () => {
-        fixture.detectChanges();
-        const buttonEl = fixture.debugElement.query(By.css('.p-button'));
-        expect(buttonEl.nativeElement.className).not.toContain('p-disabled');
-    });
-
-    it('should have a empty label and icon', () => {
-        fixture.detectChanges();
-        const buttonEl = fixture.debugElement.query(By.css('.p-button'));
-        expect(buttonEl.nativeElement.className).toEqual('p-ripple p-element p-button p-component');
-    });
-});
diff --git a/src/app/components/button/button.ts b/src/app/components/button/button.ts
deleted file mode 100644
index e03ee68..0000000
--- a/src/app/components/button/button.ts
+++ /dev/null
@@ -1,585 +0,0 @@
-import { DOCUMENT, NgClass, NgIf, NgStyle, NgTemplateOutlet } from '@angular/common';
-import {
-    AfterContentInit,
-    AfterViewInit,
-    ChangeDetectionStrategy,
-    Component,
-    ContentChildren,
-    Directive,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    OnDestroy,
-    Output,
-    QueryList,
-    TemplateRef,
-    ViewEncapsulation,
-    booleanAttribute,
-    numberAttribute
-} from '@angular/core';
-import { PrimeTemplate, SharedModule } from 'primeng/api';
-import { AutoFocus } from 'primeng/autofocus';
-import { DomHandler } from 'primeng/dom';
-import { SpinnerIcon } from 'primeng/icons/spinner';
-import { Ripple } from 'primeng/ripple';
-import { ObjectUtils } from 'primeng/utils';
-
-type ButtonIconPosition = 'left' | 'right' | 'top' | 'bottom';
-
-const INTERNAL_BUTTON_CLASSES = {
-    button: 'p-button',
-    component: 'p-component',
-    iconOnly: 'p-button-icon-only',
-    disabled: 'p-disabled',
-    loading: 'p-button-loading',
-    labelOnly: 'p-button-loading-label-only'
-} as const;
-
-/**
- * Button directive is an extension to button component.
- * @group Components
- */
-@Directive({
-    selector: '[pButton]',
-    standalone: true,
-    host: {
-        class: 'p-element'
-    }
-})
-export class ButtonDirective implements AfterViewInit, OnDestroy {
-    /**
-     * Position of the icon.
-     * @group Props
-     */
-    @Input() iconPos: ButtonIconPosition = 'left';
-    /**
-     * Uses to pass attributes to the loading icon's DOM element.
-     * @group Props
-     */
-    @Input() loadingIcon: string | undefined;
-    /**
-     * Text of the button.
-     * @group Props
-     */
-    @Input() get label(): string | undefined {
-        return this._label as string;
-    }
-    set label(val: string) {
-        this._label = val;
-
-        if (this.initialized) {
-            this.updateLabel();
-            this.updateIcon();
-            this.setStyleClass();
-        }
-    }
-    /**
-     * Name of the icon.
-     * @group Props
-     */
-    @Input() get icon(): string {
-        return this._icon as string;
-    }
-    set icon(val: string) {
-        this._icon = val;
-
-        if (this.initialized) {
-            this.updateIcon();
-            this.setStyleClass();
-        }
-    }
-    /**
-     * Whether the button is in loading state.
-     * @group Props
-     */
-    @Input() get loading(): boolean {
-        return this._loading;
-    }
-    set loading(val: boolean) {
-        this._loading = val;
-
-        if (this.initialized) {
-            this.updateIcon();
-            this.setStyleClass();
-        }
-    }
-    /**
-     * Defines the style of the button.
-     * @group Props
-     */
-    @Input() severity: 'success' | 'info' | 'warning' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast' | null | undefined;
-    /**
-     * Add a shadow to indicate elevation.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) raised: boolean = false;
-    /**
-     * Add a circular border radius to the button.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) rounded: boolean = false;
-    /**
-     * Add a textual class to the button without a background initially.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) text: boolean = false;
-    /**
-     * Add a border class without a background initially.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) outlined: boolean = false;
-    /**
-     * Defines the size of the button.
-     * @group Props
-     */
-    @Input() size: 'small' | 'large' | undefined | null = null;
-    /**
-     * Add a plain textual class to the button without a background initially.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) plain: boolean = false;
-
-    public _label: string | undefined;
-
-    public _icon: string | undefined;
-
-    public _loading: boolean = false;
-
-    public initialized: boolean | undefined;
-
-    private get htmlElement(): HTMLElement {
-        return this.el.nativeElement as HTMLElement;
-    }
-
-    private _internalClasses: string[] = Object.values(INTERNAL_BUTTON_CLASSES);
-
-    constructor(
-        public el: ElementRef,
-        @Inject(DOCUMENT) private document: Document
-    ) {}
-
-    ngAfterViewInit() {
-        DomHandler.addMultipleClasses(this.htmlElement, this.getStyleClass().join(' '));
-
-        this.createIcon();
-        this.createLabel();
-
-        this.initialized = true;
-    }
-
-    getStyleClass(): string[] {
-        const styleClass: string[] = [INTERNAL_BUTTON_CLASSES.button, INTERNAL_BUTTON_CLASSES.component];
-
-        if (this.icon && !this.label && ObjectUtils.isEmpty(this.htmlElement.textContent)) {
-            styleClass.push(INTERNAL_BUTTON_CLASSES.iconOnly);
-        }
-
-        if (this.loading) {
-            styleClass.push(INTERNAL_BUTTON_CLASSES.disabled, INTERNAL_BUTTON_CLASSES.loading);
-
-            if (!this.icon && this.label) {
-                styleClass.push(INTERNAL_BUTTON_CLASSES.labelOnly);
-            }
-
-            if (this.icon && !this.label && !ObjectUtils.isEmpty(this.htmlElement.textContent)) {
-                styleClass.push(INTERNAL_BUTTON_CLASSES.iconOnly);
-            }
-        }
-
-        if (this.text) {
-            styleClass.push('p-button-text');
-        }
-
-        if (this.severity) {
-            styleClass.push(`p-button-${this.severity}`);
-        }
-
-        if (this.plain) {
-            styleClass.push('p-button-plain');
-        }
-
-        if (this.raised) {
-            styleClass.push('p-button-raised');
-        }
-
-        if (this.size) {
-            styleClass.push(`p-button-${this.size}`);
-        }
-
-        if (this.outlined) {
-            styleClass.push('p-button-outlined');
-        }
-
-        if (this.rounded) {
-            styleClass.push('p-button-rounded');
-        }
-
-        if (this.size === 'small') {
-            styleClass.push('p-button-sm');
-        }
-
-        if (this.size === 'large') {
-            styleClass.push('p-button-lg');
-        }
-
-        return styleClass;
-    }
-
-    setStyleClass() {
-        const styleClass = this.getStyleClass();
-        this.htmlElement.classList.remove(...this._internalClasses);
-        this.htmlElement.classList.add(...styleClass);
-    }
-
-    createLabel() {
-        const created = DomHandler.findSingle(this.htmlElement, '.p-button-label');
-        if (!created && this.label) {
-            let labelElement = this.document.createElement('span');
-            if (this.icon && !this.label) {
-                labelElement.setAttribute('aria-hidden', 'true');
-            }
-
-            labelElement.className = 'p-button-label';
-            labelElement.appendChild(this.document.createTextNode(this.label));
-
-            this.htmlElement.appendChild(labelElement);
-        }
-    }
-
-    createIcon() {
-        const created = DomHandler.findSingle(this.htmlElement, '.p-button-icon');
-        if (!created && (this.icon || this.loading)) {
-            let iconElement = this.document.createElement('span');
-            iconElement.className = 'p-button-icon';
-            iconElement.setAttribute('aria-hidden', 'true');
-            let iconPosClass = this.label ? 'p-button-icon-' + this.iconPos : null;
-
-            if (iconPosClass) {
-                DomHandler.addClass(iconElement, iconPosClass);
-            }
-
-            let iconClass = this.getIconClass();
-
-            if (iconClass) {
-                DomHandler.addMultipleClasses(iconElement, iconClass);
-            }
-
-            this.htmlElement.insertBefore(iconElement, this.htmlElement.firstChild);
-        }
-    }
-
-    updateLabel() {
-        let labelElement = DomHandler.findSingle(this.htmlElement, '.p-button-label');
-
-        if (!this.label) {
-            labelElement && this.htmlElement.removeChild(labelElement);
-            return;
-        }
-
-        labelElement ? (labelElement.textContent = this.label) : this.createLabel();
-    }
-
-    updateIcon() {
-        let iconElement = DomHandler.findSingle(this.htmlElement, '.p-button-icon');
-        let labelElement = DomHandler.findSingle(this.htmlElement, '.p-button-label');
-
-        if (iconElement) {
-            if (this.iconPos) {
-                iconElement.className = 'p-button-icon ' + (labelElement ? 'p-button-icon-' + this.iconPos : '') + ' ' + this.getIconClass();
-            } else {
-                iconElement.className = 'p-button-icon ' + this.getIconClass();
-            }
-        } else {
-            this.createIcon();
-        }
-    }
-
-    getIconClass() {
-        return this.loading ? 'p-button-loading-icon pi-spin ' + (this.loadingIcon ?? 'pi pi-spinner') : this.icon || 'p-hidden';
-    }
-
-    ngOnDestroy() {
-        this.initialized = false;
-    }
-}
-/**
- * Button is an extension to standard button element with icons and theming.
- * @group Components
- */
-@Component({
-    selector: 'p-button',
-    standalone: true,
-    imports: [NgIf, NgTemplateOutlet, NgStyle, NgClass, Ripple, AutoFocus, SpinnerIcon],
-    template: `
-        <button
-            [attr.type]="type"
-            [attr.aria-label]="ariaLabel"
-            [ngStyle]="style"
-            [disabled]="disabled || loading"
-            [ngClass]="buttonClass"
-            (click)="onClick.emit($event)"
-            (focus)="onFocus.emit($event)"
-            (blur)="onBlur.emit($event)"
-            pRipple
-            [attr.data-pc-name]="'button'"
-            [attr.data-pc-section]="'root'"
-            [attr.tabindex]="tabindex"
-            pAutoFocus
-            [autofocus]="autofocus"
-        >
-            <ng-content></ng-content>
-            <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
-            <ng-container *ngIf="loading">
-                <ng-container *ngIf="!loadingIconTemplate">
-                    <span *ngIf="loadingIcon" [ngClass]="iconClass()" [attr.aria-hidden]="true" [attr.data-pc-section]="'loadingicon'"></span>
-                    <SpinnerIcon *ngIf="!loadingIcon" [styleClass]="spinnerIconClass()" [spin]="true" [attr.aria-hidden]="true" [attr.data-pc-section]="'loadingicon'" />
-                </ng-container>
-                <ng-template [ngIf]="loadingIconTemplate" *ngTemplateOutlet="loadingIconTemplate; context: { class: iconClass() }"></ng-template>
-            </ng-container>
-            <ng-container *ngIf="!loading">
-                <span *ngIf="icon && !iconTemplate" [ngClass]="iconClass()" [attr.data-pc-section]="'icon'"></span>
-                <ng-template [ngIf]="!icon && iconTemplate" *ngTemplateOutlet="iconTemplate; context: { class: iconClass() }"></ng-template>
-            </ng-container>
-            <span class="p-button-label" [attr.aria-hidden]="icon && !label" *ngIf="!contentTemplate && label" [attr.data-pc-section]="'label'">{{ label }}</span>
-            <span [ngClass]="badgeStyleClass()" [class]="badgeClass" *ngIf="!contentTemplate && badge" [attr.data-pc-section]="'badge'">{{ badge }}</span>
-        </button>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element',
-        '[class.p-disabled]': 'disabled' || 'loading'
-    }
-})
-export class Button implements AfterContentInit {
-    /**
-     * Type of the button.
-     * @group Props
-     */
-    @Input() type: string = 'button';
-    /**
-     * Position of the icon.
-     * @group Props
-     */
-    @Input() iconPos: ButtonIconPosition = 'left';
-    /**
-     * Name of the icon.
-     * @group Props
-     */
-    @Input() icon: string | undefined;
-    /**
-     * Value of the badge.
-     * @group Props
-     */
-    @Input() badge: string | undefined;
-    /**
-     * Uses to pass attributes to the label's DOM element.
-     * @group Props
-     */
-    @Input() label: string | undefined;
-    /**
-     * When present, it specifies that the component should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * Whether the button is in loading state.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) loading: boolean = false;
-    /**
-     * Icon to display in loading state.
-     * @group Props
-     */
-    @Input() loadingIcon: string | undefined;
-    /**
-     * Add a shadow to indicate elevation.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) raised: boolean = false;
-    /**
-     * Add a circular border radius to the button.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) rounded: boolean = false;
-    /**
-     * Add a textual class to the button without a background initially.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) text: boolean = false;
-    /**
-     * Add a plain textual class to the button without a background initially.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) plain: boolean = false;
-    /**
-     * Defines the style of the button.
-     * @group Props
-     */
-    @Input() severity: 'success' | 'info' | 'warning' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast' | null | undefined;
-    /**
-     * Add a border class without a background initially.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) outlined: boolean = false;
-    /**
-     * Add a link style to the button.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) link: boolean = false;
-    /**
-     * Add a tabindex to the button.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined;
-    /**
-     * Defines the size of the button.
-     * @group Props
-     */
-    @Input() size: 'small' | 'large' | undefined;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Style class of the badge.
-     * @group Props
-     */
-    @Input() badgeClass: string | undefined;
-    /**
-     * Used to define a string that autocomplete attribute the current element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * Callback to execute when button is clicked.
-     * This event is intended to be used with the <p-button> component. Using a regular <button> element, use (click).
-     * @param {MouseEvent} event - Mouse event.
-     * @group Emits
-     */
-    @Output() onClick: EventEmitter<MouseEvent> = new EventEmitter();
-    /**
-     * Callback to execute when button is focused.
-     * This event is intended to be used with the <p-button> component. Using a regular <button> element, use (focus).
-     * @param {FocusEvent} event - Focus event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();
-    /**
-     * Callback to execute when button loses focus.
-     * This event is intended to be used with the <p-button> component. Using a regular <button> element, use (blur).
-     * @param {FocusEvent} event - Focus event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();
-
-    contentTemplate: TemplateRef<any> | undefined;
-
-    loadingIconTemplate: TemplateRef<any> | undefined;
-
-    iconTemplate: TemplateRef<any> | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    constructor(public el: ElementRef) {}
-
-    spinnerIconClass(): string {
-        return Object.entries(this.iconClass())
-            .filter(([, value]) => !!value)
-            .reduce((acc, [key]) => acc + ` ${key}`, 'p-button-loading-icon');
-    }
-
-    iconClass() {
-        const iconClasses = {
-            'p-button-icon': true,
-            'p-button-icon-left': this.iconPos === 'left' && this.label,
-            'p-button-icon-right': this.iconPos === 'right' && this.label,
-            'p-button-icon-top': this.iconPos === 'top' && this.label,
-            'p-button-icon-bottom': this.iconPos === 'bottom' && this.label
-        };
-
-        if (this.loading) {
-            iconClasses[`p-button-loading-icon pi-spin ${this.loadingIcon ?? ''}`] = true;
-        } else if (this.icon) {
-            iconClasses[this.icon] = true;
-        }
-
-        return iconClasses;
-    }
-
-    get buttonClass() {
-        return {
-            'p-button p-component': true,
-            'p-button-icon-only': (this.icon || this.iconTemplate || this.loadingIcon || this.loadingIconTemplate) && !this.label,
-            'p-button-vertical': (this.iconPos === 'top' || this.iconPos === 'bottom') && this.label,
-            'p-button-loading': this.loading,
-            'p-button-loading-label-only': this.loading && !this.icon && this.label && !this.loadingIcon && this.iconPos === 'left',
-            'p-button-link': this.link,
-            [`p-button-${this.severity}`]: this.severity,
-            'p-button-raised': this.raised,
-            'p-button-rounded': this.rounded,
-            'p-button-text': this.text,
-            'p-button-outlined': this.outlined,
-            'p-button-sm': this.size === 'small',
-            'p-button-lg': this.size === 'large',
-            'p-button-plain': this.plain,
-            [`${this.styleClass}`]: this.styleClass
-        };
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-
-                case 'icon':
-                    this.iconTemplate = item.template;
-                    break;
-
-                case 'loadingicon':
-                    this.loadingIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.contentTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    badgeStyleClass() {
-        return {
-            'p-badge p-component': true,
-            'p-badge-no-gutter': this.badge && String(this.badge).length === 1
-        };
-    }
-
-    /**
-     * Applies focus.
-     * @group Method
-     */
-    public focus() {
-        this.el.nativeElement.firstChild.focus();
-    }
-}
-
-@NgModule({
-    imports: [ButtonDirective, Button],
-    exports: [ButtonDirective, Button, SharedModule]
-})
-export class ButtonModule {}
diff --git a/src/app/components/button/ng-package.json b/src/app/components/button/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/button/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/button/public_api.ts b/src/app/components/button/public_api.ts
deleted file mode 100644
index 260c882..0000000
--- a/src/app/components/button/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './button';
-export * from './button.interface';
diff --git a/src/app/components/buttongroup/buttongroup.ts b/src/app/components/buttongroup/buttongroup.ts
deleted file mode 100644
index 2492803..0000000
--- a/src/app/components/buttongroup/buttongroup.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, NgModule, ViewEncapsulation } from '@angular/core';
-
-@Component({
-    selector: 'p-buttonGroup',
-    template: `
-        <span class="p-button-group p-component" role="group">
-            <ng-content></ng-content>
-        </span>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
-})
-export class ButtonGroup {}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [ButtonGroup],
-    declarations: [ButtonGroup]
-})
-export class ButtonGroupModule {}
diff --git a/src/app/components/buttongroup/ng-package.json b/src/app/components/buttongroup/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/buttongroup/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/buttongroup/public_api.ts b/src/app/components/buttongroup/public_api.ts
deleted file mode 100644
index 68b8e61..0000000
--- a/src/app/components/buttongroup/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './buttongroup';
diff --git a/src/app/components/calendar/calendar.css b/src/app/components/calendar/calendar.css
deleted file mode 100644
index 6887b12..0000000
--- a/src/app/components/calendar/calendar.css
+++ /dev/null
@@ -1,177 +0,0 @@
-@layer primeng {
-    .p-calendar {
-        position: relative;
-        display: inline-flex;
-        max-width: 100%;
-    }
-
-    .p-calendar .p-inputtext {
-        flex: 1 1 auto;
-        width: 1%;
-        text-overflow: ellipsis;
-    }
-
-    .p-calendar-w-btn .p-inputtext {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-
-    .p-calendar-w-btn .p-datepicker-trigger {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-    }
-
-    /* Fluid */
-    .p-fluid .p-calendar {
-        display: flex;
-    }
-
-    .p-fluid .p-calendar .p-inputtext {
-        width: 1%;
-    }
-
-    /* Datepicker */
-    .p-calendar .p-datepicker {
-        min-width: 100%;
-    }
-
-    .p-datepicker {
-        width: auto;
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-
-    .p-datepicker-inline {
-        display: inline-block;
-        position: static;
-        overflow-x: auto;
-    }
-
-    /* Header */
-    .p-datepicker-header {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-    }
-
-    .p-datepicker-header .p-datepicker-title {
-        margin: 0 auto;
-    }
-
-    .p-datepicker-prev,
-    .p-datepicker-next {
-        cursor: pointer;
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        overflow: hidden;
-        position: relative;
-    }
-
-    /* Multiple Month DatePicker */
-    .p-datepicker-multiple-month .p-datepicker-group-container {
-        display: flex;
-    }
-
-    .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
-        flex: 1 1 auto;
-    }
-
-    /* Multiple Month DatePicker */
-    .p-datepicker-multiple-month .p-datepicker-group-container {
-        display: flex;
-    }
-
-    /* DatePicker Table */
-    .p-datepicker table {
-        width: 100%;
-        border-collapse: collapse;
-    }
-
-    .p-datepicker td > span {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        cursor: pointer;
-        margin: 0 auto;
-        overflow: hidden;
-        position: relative;
-    }
-
-    /* Month Picker */
-    .p-monthpicker-month {
-        width: 33.3%;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-        overflow: hidden;
-        position: relative;
-    }
-
-    /*  Button Bar */
-    .p-datepicker-buttonbar {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-
-    /* Time Picker */
-    .p-timepicker {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
-
-    .p-timepicker button {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-timepicker > div {
-        display: flex;
-        align-items: center;
-        flex-direction: column;
-    }
-
-    /* Touch UI */
-    .p-datepicker-touch-ui,
-    .p-calendar .p-datepicker-touch-ui {
-        position: fixed;
-        top: 50%;
-        left: 50%;
-        min-width: 80vw;
-        transform: translate(-50%, -50%);
-    }
-
-    /* Year Picker */
-    .p-yearpicker-year {
-        width: 50%;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-calendar-clear-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-        cursor: pointer;
-    }
-
-    .p-datepicker-icon {
-        pointer-events: none;
-    }
-
-    .p-calendar-clearable {
-        position: relative;
-    }
-}
diff --git a/src/app/components/calendar/calendar.interface.ts b/src/app/components/calendar/calendar.interface.ts
deleted file mode 100644
index a7e19a4..0000000
--- a/src/app/components/calendar/calendar.interface.ts
+++ /dev/null
@@ -1,198 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { Calendar } from './calendar';
-
-/**
- * Defines valid templates in Calendar.
- * @group Templates
- */
-export interface CalendarTemplates {
-    /**
-     * Custom header template.
-     * @param {Object} context - date value instance.
-     */
-    date(context: {
-        /**
-         * Date value of the component.
-         */
-        $implicit: Date;
-    }): TemplateRef<{ $implicit: Date }>;
-    /**
-     * Custom decade template
-     * @param {Object} context - date value instance.
-     */
-    decade(context: {
-        /**
-         * An array containing the start and and year of a decade to display at header of the year picker.
-         */
-        $implicit: Date;
-    }): TemplateRef<{ $implicit: Date }>;
-    /**
-     * Custom disabled date template.
-     */
-    disabledDate(): TemplateRef<any>;
-    /**
-     * Custom header template.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom input icon template.
-     * @param {Object} context - input icon template params.
-     */
-    inputIconTemplate(context: {
-        /**
-         * Click callback
-         */
-        clickCallBack: () => void;
-    }): TemplateRef<{ clickCallBack: Function }>;
-    /**
-     * Custom previous icon template.
-     */
-    previousicon(): TemplateRef<any>;
-    /**
-     * Custom next icon template.
-     */
-    nexticon(): TemplateRef<any>;
-    /**
-     * Custom dropdown trigger icon template.
-     */
-    triggericon(): TemplateRef<any>;
-    /**
-     * Custom clear icon template.
-     */
-    clearicon(): TemplateRef<any>;
-    /**
-     * Custom decrement icon template.
-     */
-    decrementicon(): TemplateRef<any>;
-    /**
-     * Custom increment icon template.
-     */
-    incrementicon(): TemplateRef<any>;
-    /**
-     * Custom footer template.
-     */
-    footer(): TemplateRef<any>;
-}
-/**
- * Locale settings options.
- * @group Interface
- */
-export interface LocaleSettings {
-    /**
-     * Day value.
-     */
-    firstDayOfWeek?: number;
-    /**
-     * Day names.
-     */
-    dayNames?: string[];
-    /**
-     * Shortened day names.
-     */
-    dayNamesShort?: string[];
-    /**
-     * Minimum days names.
-     */
-    dayNamesMin?: string[];
-    /**
-     * Month names.
-     */
-    monthNames?: string[];
-    /**
-     * Shortened month names.
-     */
-    monthNamesShort?: string[];
-    /**
-     * Value of today date string.
-     */
-    today?: string;
-    /**
-     * Clear.
-     */
-    clear?: string;
-    /**
-     * Date format.
-     */
-    dateFormat?: string;
-    /**
-     * Week header.
-     */
-    weekHeader?: string;
-}
-/**
- * Month interface.
- * @group Interface
- */
-export interface Month {
-    /**
-     * Mont value.
-     */
-    month?: number;
-    /**
-     * Year value.
-     */
-    year?: number;
-    /**
-     * Array of dates.
-     */
-    dates?: Date[];
-    /**
-     * Array of week numbers.
-     */
-    weekNumbers?: number[];
-}
-/**
- * Custom Calendar responsive options metadata.
- * @group Interface
- */
-export interface CalendarResponsiveOptions {
-    /**
-     * Breakpoint for responsive mode. Exp; @media screen and (max-width: ${breakpoint}) {...}
-     */
-    breakpoint?: string;
-    /**
-     * The number of visible months on breakpoint.
-     */
-    numMonths?: number;
-}
-/**
- * Custom type for the calendar views.
- * @group Types
- */
-export type CalendarTypeView = 'date' | 'month' | 'year';
-/**
- * Custom type for the calendar navigation state.
- * @group Types
- */
-export type NavigationState = { backward?: boolean; button?: boolean };
-
-/**
- * Custom Calendar year change event.
- * @see {@link Calendar.onYearChange}
- * @group Events
- */
-export interface CalendarYearChangeEvent {
-    /**
-     * New month.
-     */
-    month?: number;
-    /**
-     * New year.
-     */
-    year?: number;
-}
-/**
- * Custom Calendar month change event.
- * @see {@link Calendar.onMonthChange}
- * @group Events
- */
-export interface CalendarMonthChangeEvent {
-    /**
-     * New month.
-     */
-    month?: number;
-    /**
-     * New year.
-     */
-    year?: number;
-}
diff --git a/src/app/components/calendar/calendar.spec.ts b/src/app/components/calendar/calendar.spec.ts
deleted file mode 100644
index 72ff5f1..0000000
--- a/src/app/components/calendar/calendar.spec.ts
+++ /dev/null
@@ -1,2060 +0,0 @@
-import { NO_ERRORS_SCHEMA } from '@angular/core';
-import { ComponentFixture, fakeAsync, flush, TestBed, tick } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { SharedModule } from 'primeng/api';
-import { ButtonModule } from 'primeng/button';
-import { Calendar } from './calendar';
-
-describe('Calendar', () => {
-    let calendar: Calendar;
-    let fixture: ComponentFixture<Calendar>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            schemas: [NO_ERRORS_SCHEMA],
-            imports: [NoopAnimationsModule, FormsModule, SharedModule, ButtonModule],
-            declarations: [Calendar]
-        });
-
-        fixture = TestBed.createComponent(Calendar);
-        calendar = fixture.componentInstance;
-    });
-
-    it('should created by default', () => {
-        fixture.detectChanges();
-
-        const calendarEl = fixture.debugElement.query(By.css('span'));
-        expect(calendarEl).toBeTruthy();
-    });
-
-    it('should change styleClass', () => {
-        calendar.styleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const calendarEl = fixture.debugElement.query(By.css('span'));
-        expect(calendarEl.nativeElement.className).toContain('Primeng ROCKS!');
-    });
-
-    it('should change inputStyleClass', () => {
-        calendar.inputStyleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const calendarEl = fixture.debugElement.query(By.css('input'));
-        expect(calendarEl.nativeElement.className).toContain('Primeng ROCKS!');
-    });
-
-    it('should change panelStyle and panelStyleClass', () => {
-        calendar.panelStyleClass = 'Primeng ROCKS!';
-        calendar.panelStyle = { height: '300px' };
-        calendar.overlayVisible = true;
-        fixture.detectChanges();
-
-        const panelEl = fixture.debugElement.query(By.css('div'));
-        expect(panelEl.nativeElement.className).toContain('Primeng ROCKS!');
-        expect(panelEl.nativeElement.style.height).toContain('300px');
-    });
-
-    it('should change inputId', () => {
-        calendar.inputId = 'PRIMENG';
-        fixture.detectChanges();
-
-        const calendarEl = fixture.debugElement.query(By.css('input'));
-        expect(calendarEl.nativeElement.id).toContain('PRIMENG');
-    });
-
-    it('should change name', () => {
-        calendar.name = 'PRIMENG';
-        fixture.detectChanges();
-
-        const calendarEl = fixture.debugElement.query(By.css('input'));
-        expect(calendarEl.nativeElement.name).toContain('PRIMENG');
-    });
-
-    it('should change placeholder', () => {
-        calendar.placeholder = 'PRIMENG';
-        fixture.detectChanges();
-
-        const calendarEl = fixture.debugElement.query(By.css('input'));
-        expect(calendarEl.nativeElement.placeholder).toContain('PRIMENG');
-    });
-
-    it('should show icon', () => {
-        calendar.showIcon = true;
-        fixture.detectChanges();
-
-        const calendarEl = fixture.debugElement.query(By.css('span'));
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        expect(calendarEl.nativeElement.className).toContain('p-calendar-w-btn');
-        expect(buttonEl.nativeNode.outerHTML).toContain('calendaricon');
-    });
-
-    it('should change icon', () => {
-        calendar.showIcon = true;
-        calendar.icon = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        expect(buttonEl.nativeNode.outerHTML).toContain('Primeng ROCKS!');
-    });
-
-    it('should show panel and call onInputClick when inputClick', () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const itemClickSpy = spyOn(calendar, 'onInputClick').and.callThrough();
-        const focusSpy = spyOn(calendar, 'onInputFocus').and.callThrough();
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-        const panelEl = fixture.debugElement.query(By.css('div'));
-
-        expect(itemClickSpy).toHaveBeenCalled();
-        expect(focusSpy).toHaveBeenCalled();
-        expect(panelEl).toBeTruthy();
-        expect(calendar.overlayVisible).toEqual(true);
-    });
-
-    it('should show panel and call onButtonClick', () => {
-        calendar.showIcon = true;
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('button')).nativeElement;
-        const onButtonClickSpy = spyOn(calendar, 'onButtonClick').and.callThrough();
-        buttonEl.click();
-        fixture.detectChanges();
-
-        const panelEl = fixture.debugElement.query(By.css('div'));
-        expect(panelEl).toBeTruthy();
-        expect(calendar.overlayVisible).toEqual(true);
-        expect(onButtonClickSpy).toHaveBeenCalled();
-    });
-
-    it('should show panel', () => {
-        calendar.inline = true;
-        fixture.detectChanges();
-
-        const panelEl = fixture.debugElement.query(By.css('div'));
-        expect(panelEl).toBeTruthy();
-        expect(panelEl.nativeElement.className).toContain('p-datepicker-inline');
-    });
-
-    it('should select next month and call navForward', () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        const currentMonth = calendar.currentMonth;
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const navForwardSpy = spyOn(calendar, 'navForward').and.callThrough();
-        const nextMonthEl = fixture.debugElement.query(By.css('.p-datepicker-next'));
-        nextMonthEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const currentMonthEl = fixture.debugElement.query(By.css('.p-datepicker-month'));
-        expect(currentMonth).not.toEqual(calendar.currentMonth);
-        expect(navForwardSpy).toHaveBeenCalled();
-    });
-
-    it('should select pre month and call navBackward', () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        const currentMonth = calendar.currentMonth;
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const navBackwardSpy = spyOn(calendar, 'navBackward').and.callThrough();
-        const preMonthEl = fixture.debugElement.query(By.css('.p-datepicker-prev'));
-        preMonthEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(currentMonth).not.toEqual(calendar.currentMonth);
-        expect(navBackwardSpy).toHaveBeenCalled();
-    });
-
-    it('should select date when click', fakeAsync(() => {
-        const date = new Date(2017, 8, 23);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const onDateSelectSpy = spyOn(calendar, 'onDateSelect').and.callThrough();
-        const calendarContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const sampleDateEls = calendarContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        expect(calendar.dateTemplate).toBeFalsy();
-        sampleDateEls[7].nativeElement.click();
-        fixture.detectChanges();
-
-        const datesEl = calendarContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        expect(calendar.inputFieldValue).toEqual(inputEl.value);
-        expect(onDateSelectSpy).toHaveBeenCalled();
-        for (let x = 0; x < datesEl.length; x++) {
-            if (x == 7) expect(datesEl[x].nativeElement.className).toContain('p-highlight');
-            else expect(datesEl[x].nativeElement.className).not.toContain('p-highlight');
-        }
-        expect(calendar.isSingleSelection()).toEqual(true);
-        tick(150);
-        expect(calendar.overlayVisible).toEqual(false);
-        flush();
-    }));
-
-    it('should change date format', () => {
-        calendar.dateFormat = 'dd/mm/yy';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const onDateSelectSpy = spyOn(calendar, 'onDateSelect').and.callThrough();
-        const calendarContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const sampleDateEl = calendarContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'))[7].nativeElement;
-        sampleDateEl.click();
-        fixture.detectChanges();
-
-        expect(calendar.inputFieldValue).toEqual(inputEl.value);
-        if (calendar.currentMonth < 9) expect(calendar.inputFieldValue).toEqual('08/0' + (calendar.currentMonth + 1) + '/' + calendar.currentYear);
-        else expect(calendar.inputFieldValue).toEqual('08/' + (calendar.currentMonth + 1) + '/' + calendar.currentYear);
-        expect(onDateSelectSpy).toHaveBeenCalled();
-    });
-
-    it('should use min and max date', () => {
-        let minDate: Date;
-        let maxDate: Date;
-        let today = new Date();
-        let month = today.getMonth();
-        let year = today.getFullYear();
-        let prevMonth = month === 0 ? 11 : month - 1;
-        let prevYear = prevMonth === 11 ? year - 1 : year;
-        let nextMonth = month === 11 ? 0 : month + 1;
-        let nextYear = nextMonth === 0 ? year + 1 : year;
-        minDate = new Date();
-        minDate.setMonth(prevMonth);
-        minDate.setFullYear(prevYear);
-        maxDate = new Date();
-        maxDate.setMonth(nextMonth);
-        maxDate.setFullYear(nextYear);
-        calendar.minDate = minDate;
-        calendar.maxDate = maxDate;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const nextMonthEl = fixture.debugElement.query(By.css('.p-datepicker-next'));
-        nextMonthEl.nativeElement.click();
-        nextMonthEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const containerEl = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const unselectableEls = containerEl.queryAll(By.css('.p-disabled'));
-        expect(unselectableEls).toBeTruthy();
-        expect(unselectableEls.length).toBeGreaterThan(30);
-    });
-
-    it('should use invalidDates', () => {
-        let invalidDates: Array<Date>;
-        let invalidDate = new Date();
-        invalidDate.setDate(15);
-        let invalidDate2 = new Date();
-        invalidDate2.setDate(invalidDate.getDate() - 1);
-        invalidDates = [invalidDate, invalidDate2];
-        calendar.disabledDates = invalidDates;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const containerEl = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const unselectableEls = containerEl.queryAll(By.css('.p-disabled'));
-        let invalidDateArray = [];
-        for (let el of unselectableEls) {
-            if (el.nativeElement.textContent == invalidDate.getDate() || el.nativeElement.textContent == invalidDate2.getDate()) {
-                invalidDateArray.push(el.nativeElement.textContent);
-            }
-        }
-        expect(invalidDateArray.length).toEqual(2);
-    });
-
-    it('should use disabledays', () => {
-        calendar.disabledDays = [0, 6];
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        for (let week of calendar.months[0].dates) {
-            expect(week[0].selectable).toEqual(false);
-            expect(week[6].selectable).toEqual(false);
-        }
-    });
-
-    it('should show time', () => {
-        const date = new Date(2017, 8, 23, 15, 12);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        const updateInputfieldSpy = spyOn(calendar, 'updateInputfield').and.callThrough();
-        calendar.showTime = true;
-        calendar.monthNavigator = true;
-        calendar.yearNavigator = true;
-        calendar.yearRange = '2000:2030';
-        fixture.detectChanges();
-
-        expect(updateInputfieldSpy).toHaveBeenCalled();
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        let defaultHour = calendar.currentHour;
-        let defaultMinute = calendar.currentMinute;
-        const incrementHourSpy = spyOn(calendar, 'incrementHour').and.callThrough();
-        const decrementHourSpy = spyOn(calendar, 'decrementHour').and.callThrough();
-        const incrementMinuteSpy = spyOn(calendar, 'incrementMinute').and.callThrough();
-        const decrementMinuteSpy = spyOn(calendar, 'decrementMinute').and.callThrough();
-        const navigators = fixture.debugElement.query(By.css('.p-datepicker-title')).queryAll(By.css('select'));
-        const timers = fixture.debugElement.query(By.css('.p-timepicker')).queryAll(By.css('div'));
-        const hourPicker = timers[0];
-        const minutePicker = timers[2];
-        const incrementHourEl = hourPicker.queryAll(By.css('.p-link'))[0];
-        const decrementHourEl = hourPicker.queryAll(By.css('.p-link'))[1];
-        const incrementMinuteEl = minutePicker.queryAll(By.css('.p-link'))[0];
-        const decrementMinuteEl = minutePicker.queryAll(By.css('.p-link'))[1];
-        incrementHourEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementHourEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        incrementHourEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementHourEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        decrementHourEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementHourEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        incrementMinuteEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementMinuteEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        incrementMinuteEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementMinuteEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        decrementMinuteEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementMinuteEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(hourPicker.queryAll(By.css('span'))[0].nativeElement.textContent).not.toEqual(defaultHour.toString());
-        expect(minutePicker.queryAll(By.css('span'))[0].nativeElement.textContent).not.toEqual(defaultMinute.toString());
-        expect(hourPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual(calendar.currentHour.toString());
-        expect(minutePicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual(calendar.currentMinute.toString());
-        expect(calendar.currentMinute).toEqual(13);
-        expect(calendar.currentHour).toEqual(16);
-        const datesContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const dates = datesContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        dates[7].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(incrementHourSpy).toHaveBeenCalled();
-        expect(decrementHourSpy).toHaveBeenCalled();
-        expect(decrementMinuteSpy).toHaveBeenCalled();
-        expect(incrementMinuteSpy).toHaveBeenCalled();
-        expect(fixture.debugElement.query(By.css('input')).nativeElement.value).toEqual(calendar.inputFieldValue);
-    });
-
-    it('should only time', () => {
-        calendar.timeOnly = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const spanEl = fixture.debugElement.query(By.css('span')).nativeElement;
-        const panelEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(spanEl.className).toContain('p-calendar-timeonly');
-        expect(panelEl.className).toContain('p-datepicker-timeonly');
-        let defaultHour = calendar.currentHour;
-        let defaultMinute = calendar.currentMinute;
-        const timers = fixture.debugElement.query(By.css('.p-timepicker')).queryAll(By.css('div'));
-        const hourPicker = timers[0];
-        const minutePicker = timers[2];
-        const incrementHourEl = hourPicker.queryAll(By.css('.p-link'))[0];
-        const decrementHourEl = hourPicker.queryAll(By.css('.p-link'))[1];
-        const incrementMinuteEl = minutePicker.queryAll(By.css('.p-link'))[0];
-        const decrementMinuteEl = minutePicker.queryAll(By.css('.p-link'))[1];
-        incrementHourEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementHourEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        incrementHourEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementHourEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        decrementHourEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementHourEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        incrementMinuteEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementMinuteEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        incrementMinuteEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementMinuteEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        decrementMinuteEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementMinuteEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(hourPicker.queryAll(By.css('span'))[0].nativeElement.textContent).not.toEqual(defaultHour.toString());
-        expect(minutePicker.queryAll(By.css('span'))[0].nativeElement.textContent).not.toEqual(defaultMinute.toString());
-        expect(hourPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toContain(calendar.currentHour.toString());
-        expect(minutePicker.queryAll(By.css('span'))[0].nativeElement.textContent).toContain(calendar.currentMinute.toString());
-        expect(fixture.debugElement.query(By.css('input')).nativeElement.value).toEqual(calendar.inputFieldValue);
-    });
-
-    it('should select multiple', () => {
-        calendar.defaultDate = new Date(2017, 8, 23, 11, 12);
-        jasmine.clock().mockDate(new Date(2017, 8, 23, 11, 12));
-        calendar.selectionMode = 'multiple';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const datesContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const dates = datesContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        dates[7].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(calendar.overlayVisible).toEqual(true);
-        dates[8].nativeElement.click();
-        fixture.detectChanges();
-
-        dates[9].nativeElement.click();
-        fixture.detectChanges();
-
-        dates[9].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(inputEl.value).toEqual(calendar.inputFieldValue);
-        expect(calendar.value.length).toEqual(2);
-        expect(calendar.inputFieldValue).toEqual('09/08/2017, 09/09/2017');
-    });
-
-    it('should select multiple with dataType string', () => {
-        calendar.defaultDate = new Date(2017, 8, 23, 11, 12);
-        jasmine.clock().mockDate(new Date(2017, 8, 23, 11, 12));
-        calendar.selectionMode = 'multiple';
-        calendar.dataType = 'string';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const datesContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const dates = datesContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        dates[7].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(calendar.overlayVisible).toEqual(true);
-        dates[8].nativeElement.click();
-        fixture.detectChanges();
-
-        dates[9].nativeElement.click();
-        fixture.detectChanges();
-
-        dates[9].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(inputEl.value).toEqual(calendar.inputFieldValue);
-        expect(calendar.value.length).toEqual(2);
-        expect(calendar.inputFieldValue).toEqual('09/08/2017, 09/09/2017');
-    });
-
-    it('should select today and clear input with button bar', fakeAsync(() => {
-        calendar.showButtonBar = true;
-
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const onClearButtonClickSpy = spyOn(calendar, 'onClearButtonClick').and.callThrough();
-        const onTodayButtonClickSpy = spyOn(calendar, 'onTodayButtonClick').and.callThrough();
-        const buttonbar = fixture.debugElement.query(By.css('.p-datepicker-buttonbar'));
-        const todayButtonEl = buttonbar.queryAll(By.css('button'))[0];
-        const clearButtonEl = buttonbar.queryAll(By.css('button'))[1];
-        expect(buttonbar).toBeTruthy();
-        todayButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        tick(150);
-        expect(calendar.overlayVisible).toEqual(false);
-        expect(calendar.inputFieldValue).toBeTruthy();
-        expect(inputEl.value).toEqual(calendar.inputFieldValue);
-        expect(onTodayButtonClickSpy).toHaveBeenCalled();
-        expect(calendar.value).not.toEqual(null);
-        clearButtonEl.nativeElement.click();
-        fixture.detectChanges();
-        flush();
-
-        tick(150);
-        expect(calendar.overlayVisible).toEqual(false);
-        expect(calendar.inputFieldValue).toBeFalsy();
-        expect(inputEl.value).toEqual('');
-        expect(calendar.value).toEqual(null);
-        expect(onClearButtonClickSpy).toHaveBeenCalled();
-        flush();
-    }));
-
-    it('should change today & clear button styleClass', () => {
-        calendar.showButtonBar = true;
-        calendar.clearButtonStyleClass = 'Primeng ROCKS!';
-        calendar.todayButtonStyleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const buttonbar = fixture.debugElement.query(By.css('.p-datepicker-buttonbar'));
-        const todayButtonEl = buttonbar.queryAll(By.css('button'))[0];
-        const clearButtonEl = buttonbar.queryAll(By.css('button'))[1];
-        expect(todayButtonEl.nativeElement.className).toContain('Primeng ROCKS!');
-        expect(clearButtonEl.nativeElement.className).toContain('Primeng ROCKS!');
-    });
-
-    it('should show multiple months', () => {
-        calendar.numberOfMonths = 3;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const panelEl = fixture.debugElement.query(By.css('div'));
-        const contentEls = fixture.debugElement.queryAll(By.css('.p-datepicker-group'));
-        const selectEls = fixture.debugElement.queryAll(By.css('select'));
-        expect(panelEl.nativeElement.className).toContain('p-datepicker-multiple-month');
-        expect(contentEls.length).toEqual(3);
-        expect(selectEls.length).toEqual(0);
-    });
-
-    it('should show month picker', fakeAsync(() => {
-        calendar.view = 'month';
-        calendar.dateFormat = 'mm';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const onMonthSelectSpy = spyOn(calendar, 'onMonthSelect').and.callThrough();
-        const panelEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        const monthpickerEl = fixture.debugElement.query(By.css('.p-monthpicker'));
-        const janEl = monthpickerEl.query(By.css('span')).nativeElement;
-        expect(monthpickerEl).toBeTruthy();
-        expect(panelEl.className).toContain('p-datepicker-monthpicker');
-        expect(janEl.textContent).toContain('Jan');
-        janEl.click();
-        fixture.detectChanges();
-
-        tick(200);
-        expect(onMonthSelectSpy).toHaveBeenCalled();
-        expect(calendar.value).toBeTruthy();
-        expect(janEl.className).toContain('p-highlight');
-        expect(calendar.inputFieldValue).toEqual('01');
-        flush();
-    }));
-
-    it('should use min date and max date with month picker', fakeAsync(() => {
-        calendar.view = 'month';
-        calendar.dateFormat = 'mm';
-        const today = new Date();
-        const minDate = new Date(today.getFullYear(), today.getMonth(), 2);
-        const maxDate = new Date(today.getFullYear(), today.getMonth(), 20);
-        calendar.minDate = minDate;
-        calendar.maxDate = maxDate;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const monthpickerEl = fixture.debugElement.query(By.css('.p-monthpicker'));
-        const currentMonth = monthpickerEl.children[today.getMonth()];
-        const unselectableMonths = monthpickerEl.queryAll(By.css('.p-disabled'));
-        expect(currentMonth.classes['.p-disabled']).toBeFalsy();
-        expect(unselectableMonths.length).toEqual(11);
-
-        currentMonth.nativeElement.click();
-        fixture.detectChanges();
-        tick(200);
-
-        expect(+calendar.inputFieldValue).toEqual(today.getMonth() + 1);
-        flush();
-    }));
-
-    it('should use touchUI', fakeAsync(() => {
-        calendar.touchUI = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const onOverlayAnimationStartSpy = spyOn(calendar, 'onOverlayAnimationStart').and.callThrough();
-        const onDateSelectSpy = spyOn(calendar, 'onDateSelect').and.callThrough();
-        const panelEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        const containerEl = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const firstDayEl = containerEl.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'))[0].nativeElement;
-        expect(panelEl.className).toContain('p-datepicker-touch-ui');
-        firstDayEl.click();
-        fixture.detectChanges();
-
-        tick(150);
-        expect(calendar.overlayVisible).toEqual(false);
-        if (calendar.currentMonth < 9) expect(calendar.inputFieldValue).toEqual('0' + (calendar.currentMonth + 1) + '/01/' + calendar.currentYear);
-        else expect(calendar.inputFieldValue).toEqual(calendar.currentMonth + 1 + '/01/' + calendar.currentYear);
-        expect(inputEl.value).toEqual(calendar.inputFieldValue);
-        expect(onDateSelectSpy).toHaveBeenCalled();
-        expect(onOverlayAnimationStartSpy).toHaveBeenCalled();
-        calendar.destroyMask();
-        tick(300);
-        flush();
-    }));
-
-    it('should select date with keyboardEvent', () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        calendar.isKeydown = true;
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const updateModelSpy = spyOn(calendar, 'updateModel').and.callThrough();
-        const updateUISpy = spyOn(calendar, 'updateUI').and.callThrough();
-        const event = { target: { value: '07/01/2008' } };
-        calendar.onUserInput(event);
-        fixture.detectChanges();
-
-        calendar.cd.detectChanges();
-        const containerEl = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const firstEl = containerEl.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'))[0].nativeElement;
-        const monthSpanEl = fixture.debugElement.query(By.css('.p-datepicker-month')).nativeElement;
-        const yearSpanEl = fixture.debugElement.query(By.css('.p-datepicker-year')).nativeElement;
-        expect(updateUISpy).toHaveBeenCalled();
-        expect(updateModelSpy).toHaveBeenCalled();
-        expect(calendar.currentMonth).toEqual(6);
-        expect(calendar.currentYear).toEqual(2008);
-        expect(firstEl.className).toContain('p-highlight');
-        expect(monthSpanEl.textContent).toContain('July');
-        expect(yearSpanEl.textContent).toContain('2008');
-    });
-
-    it('should listen onfocus', () => {
-        fixture.detectChanges();
-
-        let focusvalue;
-        calendar.onFocus.subscribe((value) => (focusvalue = value));
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        calendar.isKeydown = true;
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        expect(focusvalue).toBeTruthy();
-    });
-
-    it('should listen onselect', () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        let onselectValue;
-        calendar.onSelect.subscribe((value) => (onselectValue = value));
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const calendarContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const sampleDateEl = calendarContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'))[7].nativeElement;
-        sampleDateEl.click();
-        fixture.detectChanges();
-
-        expect(onselectValue).toBeTruthy();
-    });
-
-    it('should listen onInput', () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        let onInputValue;
-        calendar.onInput.subscribe((value) => (onInputValue = value));
-        inputEl.click();
-        calendar.isKeydown = true;
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const event = { target: { value: '07/01/2008' } };
-        calendar.onUserInput(event);
-        fixture.detectChanges();
-
-        expect(onInputValue).toBeTruthy();
-    });
-
-    it('should listen onToday and onClear', () => {
-        calendar.showButtonBar = true;
-        fixture.detectChanges();
-        let onTodayValue;
-        calendar.onTodayClick.subscribe((value) => (onTodayValue = value));
-        let onClearValue;
-        calendar.onClearClick.subscribe((value) => (onClearValue = value));
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const buttonbar = fixture.debugElement.query(By.css('.p-datepicker-buttonbar'));
-        const todayButtonEl = buttonbar.queryAll(By.css('button'))[0];
-        const clearButtonEl = buttonbar.queryAll(By.css('button'))[1];
-        todayButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        clearButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(onTodayValue).toBeTruthy();
-        expect(onClearValue).toBeTruthy();
-    });
-
-    it('should listen onMonthChange', () => {
-        fixture.detectChanges();
-
-        let onMonthChangeValue;
-        calendar.onMonthChange.subscribe((value) => (onMonthChangeValue = value));
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const nextMonthEl = fixture.debugElement.query(By.css('.p-datepicker-next'));
-        nextMonthEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(onMonthChangeValue).toBeTruthy();
-    });
-
-    it('should show hourFormat', () => {
-        const date = new Date(2018, 9, 23, 15, 12);
-        jasmine.clock().mockDate(date);
-        fixture.detectChanges();
-
-        calendar.hourFormat = '12';
-        calendar.showTime = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const amPmEl = fixture.debugElement.query(By.css('.p-ampm-picker'));
-        const hourPicker = fixture.debugElement.query(By.css('.p-hour-picker'));
-        const minutePicker = fixture.debugElement.query(By.css('.p-minute-picker'));
-        expect(calendar.pm).toEqual(true);
-        expect(amPmEl).toBeTruthy();
-        expect(amPmEl.children[1].nativeElement.textContent).toEqual('PM');
-        expect(hourPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('03');
-        expect(minutePicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('12');
-    });
-
-    it('should change hourFormat', () => {
-        const date = new Date(2018, 9, 23, 11, 12);
-        jasmine.clock().mockDate(date);
-        fixture.detectChanges();
-
-        calendar.hourFormat = '12';
-        calendar.showTime = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const amPmEl = fixture.debugElement.query(By.css('.p-ampm-picker'));
-        const hourPicker = fixture.debugElement.query(By.css('.p-hour-picker'));
-        const incrementHour = hourPicker.query(By.css('button'));
-        const decrementHour = hourPicker.queryAll(By.css('button'))[1];
-
-        expect(decrementHour).toBeTruthy();
-        expect(incrementHour).toBeTruthy();
-        expect(calendar.pm).toEqual(false);
-        expect(amPmEl.children[1].nativeElement.textContent).toEqual('AM');
-        incrementHour.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementHour.nativeElement.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(calendar.pm).toEqual(true);
-        expect(amPmEl.children[1].nativeElement.textContent).toEqual('PM');
-        expect(hourPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('12');
-        decrementHour.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementHour.nativeElement.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(calendar.pm).toEqual(false);
-        expect(amPmEl.children[1].nativeElement.textContent).toEqual('AM');
-        expect(hourPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('11');
-    });
-
-    it('should change hourFormat with ampm buttons', () => {
-        const date = new Date(2018, 9, 23, 11, 12);
-        jasmine.clock().mockDate(date);
-        fixture.detectChanges();
-
-        calendar.hourFormat = '12';
-        calendar.showTime = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const amPmEl = fixture.debugElement.query(By.css('.p-ampm-picker'));
-        const changeFormatEl = amPmEl.query(By.css('button'));
-        const toggleAMPMSpy = spyOn(calendar, 'toggleAMPM').and.callThrough();
-        expect(calendar.pm).toEqual(false);
-        expect(amPmEl.children[1].nativeElement.textContent).toEqual('AM');
-        changeFormatEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(calendar.pm).toEqual(true);
-        expect(amPmEl.children[1].nativeElement.textContent).toEqual('PM');
-        expect(toggleAMPMSpy).toHaveBeenCalled();
-        changeFormatEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(calendar.pm).toEqual(false);
-        expect(amPmEl.children[1].nativeElement.textContent).toEqual('AM');
-        expect(toggleAMPMSpy).toHaveBeenCalledTimes(2);
-    });
-
-    it('should set defaultDate', () => {
-        calendar.defaultDate = new Date(2017, 8, 23, 11, 12);
-        jasmine.clock().mockDate(new Date(2017, 8, 23, 11, 12));
-        calendar.showTime = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const hourPicker = fixture.debugElement.query(By.css('.p-hour-picker'));
-        const minutePicker = fixture.debugElement.query(By.css('.p-minute-picker'));
-        const yearEl = fixture.debugElement.query(By.css('.p-datepicker-year'));
-        const monthEl = fixture.debugElement.query(By.css('.p-datepicker-month'));
-        expect(hourPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('11');
-        expect(minutePicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('12');
-        expect(yearEl.nativeElement.textContent).toContain('2017');
-        expect(monthEl.nativeElement.textContent).toContain('September');
-        expect(calendar.currentMonth).toEqual(8);
-        expect(calendar.currentHour).toEqual(11);
-        expect(calendar.currentMinute).toEqual(12);
-        expect(calendar.currentYear).toEqual(2017);
-    });
-
-    it('should show seconds', () => {
-        const date = new Date(2017, 8, 23, 11, 12, 21);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        calendar.showTime = true;
-        calendar.showSeconds = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const separatorEl = fixture.debugElement.queryAll(By.css('.p-separator'));
-        const secondPicker = fixture.debugElement.query(By.css('.p-second-picker'));
-        expect(separatorEl.length).toEqual(2);
-        expect(calendar.showSeconds).toBeTruthy();
-        expect(separatorEl[0]).toBeTruthy();
-        expect(separatorEl[1]).toBeTruthy();
-        expect(separatorEl[0].children[0].nativeElement.textContent).toEqual(':');
-        expect(separatorEl[1].children[0].nativeElement.textContent).toEqual(':');
-        expect(secondPicker).toBeTruthy();
-        expect(secondPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('21');
-    });
-
-    it('should change seconds', () => {
-        const date = new Date(2017, 8, 23, 11, 12, 21);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        calendar.showTime = true;
-        calendar.showSeconds = true;
-        fixture.detectChanges();
-
-        const incrementSecondSpy = spyOn(calendar, 'incrementSecond').and.callThrough();
-        const decrementSecondSpy = spyOn(calendar, 'decrementSecond').and.callThrough();
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const secondPicker = fixture.debugElement.query(By.css('.p-second-picker'));
-        const incrementSecond = secondPicker.query(By.css('button'));
-        const decrementSecond = secondPicker.queryAll(By.css('button'))[1];
-        incrementSecond.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementSecond.nativeElement.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(secondPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('22');
-        expect(incrementSecondSpy).toHaveBeenCalled();
-        fixture.detectChanges();
-
-        decrementSecond.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementSecond.nativeElement.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(secondPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('21');
-        expect(decrementSecondSpy).toHaveBeenCalled();
-    });
-
-    it('should change stepSecond stepHour and stepMinute', () => {
-        const date = new Date(2017, 8, 23, 11, 12, 21);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        calendar.showTime = true;
-        calendar.showSeconds = true;
-        calendar.stepHour = 2;
-        calendar.stepMinute = 2;
-        calendar.stepSecond = 2;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const secondPicker = fixture.debugElement.query(By.css('.p-second-picker'));
-        const incrementSecond = secondPicker.query(By.css('button'));
-        const decrementSecond = secondPicker.queryAll(By.css('button'))[1];
-        const hourPicker = fixture.debugElement.query(By.css('.p-hour-picker'));
-        const incrementHour = hourPicker.query(By.css('button'));
-        const decrementHour = hourPicker.queryAll(By.css('button'))[1];
-        const minutePicker = fixture.debugElement.query(By.css('.p-minute-picker'));
-        const incrementMinute = minutePicker.query(By.css('button'));
-        const decrementMinute = minutePicker.queryAll(By.css('button'))[1];
-        incrementHour.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementHour.nativeElement.dispatchEvent(new Event('mouseup'));
-        incrementMinute.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementMinute.nativeElement.dispatchEvent(new Event('mouseup'));
-        incrementSecond.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementSecond.nativeElement.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(hourPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('13');
-        expect(minutePicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('14');
-        expect(secondPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('23');
-        expect(calendar.currentHour).toEqual(13);
-        expect(calendar.currentMinute).toEqual(14);
-        expect(calendar.currentSecond).toEqual(23);
-        decrementHour.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementHour.nativeElement.dispatchEvent(new Event('mouseup'));
-        decrementMinute.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementMinute.nativeElement.dispatchEvent(new Event('mouseup'));
-        decrementSecond.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementSecond.nativeElement.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(hourPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('11');
-        expect(minutePicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('12');
-        expect(secondPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('21');
-        expect(calendar.currentHour).toEqual(11);
-        expect(calendar.currentMinute).toEqual(12);
-        expect(calendar.currentSecond).toEqual(21);
-    });
-
-    it('should change stepSecond stepHour and stepMinute (out of border values)', () => {
-        const date = new Date(2017, 8, 23, 22, 58, 58);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        calendar.showTime = true;
-        calendar.showSeconds = true;
-        calendar.stepHour = 5;
-        calendar.stepMinute = 5;
-        calendar.stepSecond = 5;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const secondPicker = fixture.debugElement.query(By.css('.p-second-picker'));
-        const incrementSecond = secondPicker.query(By.css('button'));
-        const decrementSecond = secondPicker.queryAll(By.css('button'))[1];
-        const hourPicker = fixture.debugElement.query(By.css('.p-hour-picker'));
-        const incrementHour = hourPicker.query(By.css('button'));
-        const decrementHour = hourPicker.queryAll(By.css('button'))[1];
-        const minutePicker = fixture.debugElement.query(By.css('.p-minute-picker'));
-        const incrementMinute = minutePicker.query(By.css('button'));
-        const decrementMinute = minutePicker.queryAll(By.css('button'))[1];
-        incrementHour.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementHour.nativeElement.dispatchEvent(new Event('mouseup'));
-        incrementMinute.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementMinute.nativeElement.dispatchEvent(new Event('mouseup'));
-        incrementSecond.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementSecond.nativeElement.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(hourPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('03');
-        expect(minutePicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('03');
-        expect(secondPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('03');
-        expect(calendar.currentHour).toEqual(3);
-        expect(calendar.currentMinute).toEqual(3);
-        expect(calendar.currentSecond).toEqual(3);
-        decrementHour.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementHour.nativeElement.dispatchEvent(new Event('mouseup'));
-        decrementMinute.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementMinute.nativeElement.dispatchEvent(new Event('mouseup'));
-        decrementSecond.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementSecond.nativeElement.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(hourPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('22');
-        expect(minutePicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('58');
-        expect(secondPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('58');
-        expect(calendar.currentHour).toEqual(22);
-        expect(calendar.currentMinute).toEqual(58);
-        expect(calendar.currentSecond).toEqual(58);
-    });
-
-    it('should change showOnFocus', () => {
-        calendar.showOnFocus = false;
-        const showOverlaySpy = spyOn(calendar, 'showOverlay').and.callThrough();
-        const onOverlayAnimationStartSpy = spyOn(calendar, 'onOverlayAnimationStart').and.callThrough();
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const panelEl = fixture.debugElement.query(By.css('.p-datepicker'));
-        expect(showOverlaySpy).not.toHaveBeenCalled();
-        expect(onOverlayAnimationStartSpy).not.toHaveBeenCalled();
-        expect(calendar.overlayVisible).toBeUndefined();
-        expect(panelEl).toBeFalsy();
-    });
-
-    it('should change dataType', () => {
-        const date = new Date(2017, 8, 23, 11, 12, 21);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        calendar.dataType = 'string';
-        const formatDateTimeSpy = spyOn(calendar, 'formatDateTime').and.callThrough();
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const datesContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const dates = datesContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        dates[7].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(formatDateTimeSpy).toHaveBeenCalled();
-        expect(calendar.dataType).toEqual('string');
-    });
-
-    it('should single select ', () => {
-        const date = new Date(2017, 8, 23);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        const onDateSelectSpy = spyOn(calendar, 'onDateSelect').and.callThrough();
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const datesContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const dates = datesContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        dates[7].nativeElement.click();
-        fixture.detectChanges();
-
-        const pickedDate = new Date(2017, 8, 8);
-        expect(calendar.value).toEqual(pickedDate);
-        expect(onDateSelectSpy).toHaveBeenCalled();
-    });
-
-    it('should change maxDateCount ', () => {
-        const date = new Date(2017, 8, 23);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        const onDateSelectSpy = spyOn(calendar, 'onDateSelect').and.callThrough();
-        calendar.maxDateCount = 2;
-        calendar.selectionMode = 'multiple';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const datesContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const dates = datesContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        dates[7].nativeElement.click();
-        dates[9].nativeElement.click();
-        dates[11].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(onDateSelectSpy).toHaveBeenCalled();
-        expect(calendar.value.length).toEqual(2);
-    });
-
-    it('should disabled(inline false)', () => {
-        calendar.disabled = true;
-        calendar.showIcon = true;
-        fixture.detectChanges();
-
-        calendar.cd.detectChanges();
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        expect(buttonEl.nativeElement.disabled).toEqual(true);
-        expect(inputEl.nativeElement.disabled).toEqual(true);
-    });
-
-    it('should disabled(inline true)', () => {
-        calendar.disabled = true;
-        calendar.inline = true;
-        fixture.detectChanges();
-
-        const datePicker = fixture.debugElement.query(By.css('.p-datepicker'));
-        expect(datePicker.nativeElement.className).toContain('p-disabled');
-
-        const incrementYearSpy = spyOn(calendar, 'incrementYear').and.callThrough();
-        const decrementYearSpy = spyOn(calendar, 'decrementYear').and.callThrough();
-        const createMonthsSpy = spyOn(calendar, 'createMonths').and.callThrough();
-        const preMonthEl = fixture.debugElement.query(By.css('.p-datepicker-prev'));
-        preMonthEl.nativeElement.click();
-        const nextMonthEl = fixture.debugElement.query(By.css('.p-datepicker-next'));
-        nextMonthEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(incrementYearSpy).not.toHaveBeenCalled();
-        expect(decrementYearSpy).not.toHaveBeenCalled();
-        expect(createMonthsSpy).not.toHaveBeenCalled();
-        const calendarContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const sampleDateEls = calendarContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        const updateInputfieldSpy = spyOn(calendar, 'updateInputfield').and.callThrough();
-        const selectDateSpy = spyOn(calendar, 'selectDate').and.callThrough();
-        const updateModelSpy = spyOn(calendar, 'updateModel').and.callThrough();
-        sampleDateEls[7].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(updateInputfieldSpy).not.toHaveBeenCalled();
-        expect(createMonthsSpy).not.toHaveBeenCalled();
-        expect(selectDateSpy).not.toHaveBeenCalled();
-        expect(updateModelSpy).not.toHaveBeenCalled();
-    });
-
-    it('should listen onBlur', () => {
-        fixture.detectChanges();
-
-        let blurValue;
-        calendar.onBlur.subscribe((value) => (blurValue = value));
-        const onInputBlurSpy = spyOn(calendar, 'onInputBlur').and.callThrough();
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        const blurEvent = new Event('blur');
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        inputEl.nativeElement.dispatchEvent(blurEvent);
-        fixture.detectChanges();
-
-        expect(blurValue).toBeTruthy();
-        expect(blurValue.type).toEqual('blur');
-        expect(onInputBlurSpy).toHaveBeenCalled();
-    });
-
-    it('should change readonlyInput', () => {
-        calendar.readonlyInput = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        expect(inputEl.nativeElement.readOnly).toEqual(true);
-    });
-
-    it('should change selectOtherMonths', () => {
-        const date = new Date(2017, 8, 23);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        calendar.selectOtherMonths = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const datesContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const dates = datesContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        expect(dates.length).toEqual(35);
-        dates[0].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(calendar.value.getMonth()).toEqual(7);
-    });
-
-    it('should change showOtherMonths', () => {
-        calendar.showOtherMonths = false;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const datesContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const dates = datesContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        const otherMonthDates = datesContainer.queryAll(By.css('.p-datepicker-other-month'));
-        for (let otherMonthDate of otherMonthDates) {
-            expect(otherMonthDate.children.length).toEqual(0);
-            expect(otherMonthDate.children).toEqual([]);
-        }
-    });
-
-    it('should change selectionMode', () => {
-        const date = new Date(2017, 8, 23);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        calendar.selectionMode = 'range';
-        calendar.showTime = true;
-        calendar.showSeconds = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const datesContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const dates = datesContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        dates[0].nativeElement.click();
-        dates[5].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(calendar.value.length).toEqual(2);
-    });
-
-    it('should change selectionMode (range max date first pick)', () => {
-        const date = new Date(2017, 8, 23);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        calendar.selectionMode = 'range';
-        calendar.showTime = true;
-        calendar.showSeconds = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const datesContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const dates = datesContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        dates[5].nativeElement.click();
-        fixture.detectChanges();
-
-        dates[0].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(calendar.value).toBeTruthy();
-        expect(calendar.value.length).toEqual(2);
-        expect(calendar.value[1]).toBeNull();
-    });
-
-    it('should change selectionMode (range three times pick)', () => {
-        const date = new Date(2017, 8, 23);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        calendar.selectionMode = 'range';
-        calendar.showTime = true;
-        calendar.showSeconds = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const datesContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const dates = datesContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        dates[0].nativeElement.click();
-        fixture.detectChanges();
-
-        dates[5].nativeElement.click();
-        fixture.detectChanges();
-
-        dates[8].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(calendar.value).toBeTruthy();
-        expect(calendar.value.length).toEqual(2);
-        expect(calendar.value[1]).toBeNull();
-    });
-
-    it('should change keepInvalid', () => {
-        calendar.keepInvalid = true;
-        fixture.detectChanges();
-
-        const updateInputfieldSpy = spyOn(calendar, 'updateInputfield').and.callThrough();
-        const onModelTouchedSpy = spyOn(calendar, 'onModelTouched').and.callThrough();
-        const onInputBlurSpy = spyOn(calendar, 'onInputBlur').and.callThrough();
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        const blurEvent = new Event('blur');
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        inputEl.nativeElement.dispatchEvent(blurEvent);
-        fixture.detectChanges();
-
-        expect(onInputBlurSpy).toHaveBeenCalled();
-        expect(updateInputfieldSpy).not.toHaveBeenCalled();
-        expect(onModelTouchedSpy).toHaveBeenCalled();
-    });
-
-    it('should trigger onModelChange when user input a well-formatted but invalid value with keepInvalid=true', () => {
-        const today = new Date();
-
-        calendar.keepInvalid = true;
-        calendar.dateFormat = 'yy/mm/dd';
-        calendar.minDate = today;
-        fixture.detectChanges();
-
-        const onModelChangeSpy = spyOn(calendar, 'onModelChange').and.callThrough();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        const blurEvent = new Event('blur');
-
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-        expect(onModelChangeSpy).not.toHaveBeenCalled();
-
-        // simulate user input
-        inputEl.nativeElement.value = '2000/01/01'; // <-- an invalid value (= before today)
-        calendar.isKeydown = true;
-        calendar.onUserInput({ target: inputEl.nativeElement });
-        expect(onModelChangeSpy).toHaveBeenCalled();
-    });
-
-    it('should change appendto', () => {
-        calendar.appendTo = 'body';
-        const date = new Date(2017, 8, 23);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        calendar.showTime = true;
-        calendar.showSeconds = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        const blurEvent = new Event('blur');
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const datesContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const dates = datesContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        dates[0].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(calendar.value).toBeTruthy();
-    });
-
-    it('should use required', () => {
-        calendar.required = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        expect(inputEl.nativeElement.required).toEqual(true);
-    });
-
-    it('should change hideOnDateTimeSelect', fakeAsync(() => {
-        calendar.hideOnDateTimeSelect = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const datesContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const dates = datesContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        dates[0].nativeElement.click();
-        tick(150);
-        fixture.detectChanges();
-
-        expect(calendar.overlayVisible).toEqual(false);
-        flush();
-    }));
-
-    it('should hide overlay on range calendar when hideOnDateTimeSelect is true', fakeAsync(() => {
-        calendar.hideOnDateTimeSelect = true;
-        calendar.selectionMode = 'range';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const datesContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const dates = datesContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        dates[0].nativeElement.click();
-        tick(150);
-        fixture.detectChanges();
-
-        dates[1].nativeElement.click();
-        tick(150);
-        fixture.detectChanges();
-
-        expect(calendar.overlayVisible).toEqual(false);
-        flush();
-    }));
-
-    it('should keep overlay visible on range calendar when hideOnDateTimeSelect is false', fakeAsync(() => {
-        calendar.hideOnDateTimeSelect = false;
-        calendar.selectionMode = 'range';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const focusEvent = new Event('focus');
-        inputEl.nativeElement.click();
-        inputEl.nativeElement.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const datesContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const dates = datesContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        dates[0].nativeElement.click();
-        tick(150);
-        fixture.detectChanges();
-
-        dates[1].nativeElement.click();
-        tick(150);
-        fixture.detectChanges();
-
-        expect(calendar.overlayVisible).toEqual(true);
-        flush();
-    }));
-
-    it('should be next year', () => {
-        const date = new Date(2017, 11, 23);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const navForwardSpy = spyOn(calendar, 'navForward').and.callThrough();
-        const nextMonthEl = fixture.debugElement.query(By.css('.p-datepicker-next'));
-        nextMonthEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const currentMonthEl = fixture.debugElement.query(By.css('.p-datepicker-month'));
-        expect(currentMonthEl.nativeElement.textContent).toContain('January');
-        expect(calendar.currentMonth).toEqual(0);
-        expect(calendar.currentYear).toEqual(2018);
-        expect(navForwardSpy).toHaveBeenCalled();
-    });
-
-    it('should be previous year', () => {
-        const date = new Date(2017, 0, 23);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const navBackwardSpy = spyOn(calendar, 'navBackward').and.callThrough();
-        const prevMonthEl = fixture.debugElement.query(By.css('.p-datepicker-prev'));
-        prevMonthEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const currentMonthEl = fixture.debugElement.query(By.css('.p-datepicker-month'));
-        expect(currentMonthEl.nativeElement.textContent).toContain('December');
-        expect(calendar.currentMonth).toEqual(11);
-        expect(calendar.currentYear).toEqual(2016);
-        expect(navBackwardSpy).toHaveBeenCalled();
-    });
-
-    it('should use Year Picker', () => {
-        const date = new Date(2017, 0, 23);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        calendar.dateFormat = 'mm/yy';
-        calendar.view = 'year';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const yearSelectEl = fixture.debugElement.query(By.css('.p-yearpicker'));
-        const yearsEls = yearSelectEl.queryAll(By.css('.p-yearpicker-year'));
-        expect(yearsEls.length).toEqual(10);
-        expect(yearsEls[9].nativeElement.textContent).toContain('2019');
-    });
-
-    it('should change tabindex', () => {
-        calendar.tabindex = 5;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        expect(inputEl.nativeElement.tabIndex).toEqual(5);
-    });
-
-    it('should be next year', () => {
-        const date = new Date(2017, 11, 23);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        calendar.yearNavigator = true;
-        calendar.monthNavigator = true;
-        calendar.yearRange = '2000:2030';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const nextMonthEl = fixture.debugElement.query(By.css('.p-datepicker-next'));
-        nextMonthEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(calendar.currentMonth).toEqual(0);
-        expect(calendar.currentYear).toEqual(2018);
-    });
-
-    it('should be previous year', () => {
-        const date = new Date(2017, 0, 23);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        calendar.yearNavigator = true;
-        calendar.monthNavigator = true;
-        calendar.yearRange = '2000:2030';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const prevMonthEl = fixture.debugElement.query(By.css('.p-datepicker-prev'));
-        prevMonthEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(calendar.currentMonth).toEqual(11);
-        expect(calendar.currentYear).toEqual(2016);
-    });
-
-    it('should select range (touchUI)', () => {
-        const date = new Date(2017, 2, 12);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        calendar.touchUI = true;
-        calendar.selectionMode = 'range';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const panelEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        const containerEl = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const firstDayEl = containerEl.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'))[0].nativeElement;
-        const thirdDayEl = containerEl.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'))[2].nativeElement;
-        expect(panelEl.className).toContain('p-datepicker-touch-ui');
-        firstDayEl.click();
-        fixture.detectChanges();
-
-        thirdDayEl.click();
-        fixture.detectChanges();
-
-        expect(calendar.overlayVisible).toEqual(true);
-        expect(calendar.value.length).toEqual(2);
-    });
-
-    it('should highlight selected range in month view', () => {
-        const date = new Date(2017, 2, 12);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        calendar.selectionMode = 'range';
-        calendar.view = 'month';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const containerEl = fixture.debugElement.query(By.css('.p-monthpicker'));
-
-        const firstMonthEl = containerEl.queryAll(By.css('span.p-monthpicker-month:not(.p-disabled)'))[0].nativeElement;
-        const secondMonthEl = containerEl.queryAll(By.css('span.p-monthpicker-month:not(.p-disabled)'))[1].nativeElement;
-        const thirdMonthEl = containerEl.queryAll(By.css('span.p-monthpicker-month:not(.p-disabled)'))[2].nativeElement;
-
-        firstMonthEl.click();
-        fixture.detectChanges();
-
-        thirdMonthEl.click();
-        fixture.detectChanges();
-
-        expect(calendar.overlayVisible).toEqual(true);
-        expect(calendar.value.length).toEqual(2);
-
-        expect(firstMonthEl.classList).toContain('p-highlight');
-        expect(secondMonthEl.classList).toContain('p-highlight');
-        expect(thirdMonthEl.classList).toContain('p-highlight');
-    });
-
-    it('should show disabled months in month range selection mode', () => {
-        const date = new Date(2017, 2, 12);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        calendar.selectionMode = 'range';
-        calendar.view = 'month';
-        calendar.maxDate = new Date(date.getFullYear(), 6, 1);
-        calendar.minDate = new Date(date.getFullYear(), 3, 1);
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const containerEl = fixture.debugElement.query(By.css('.p-monthpicker'));
-
-        const monthEl = (m: number) => containerEl.queryAll(By.css('span.p-monthpicker-month'))[m].nativeElement;
-
-        [0, 1, 2, 7, 8, 9, 10, 11].forEach((m) => {
-            expect(monthEl(m).classList).withContext(`${m} month must be disabled`).toContain('p-disabled');
-        });
-
-        [3, 4, 5, 6].forEach((m) => {
-            expect(monthEl(m).classList).withContext(`${m} month must be enabled`).not.toContain('p-disabled');
-        });
-    });
-
-    it('should select range (touchUI third times)', () => {
-        const date = new Date(2017, 2, 12);
-        calendar.defaultDate = date;
-        jasmine.clock().mockDate(date);
-        calendar.touchUI = true;
-        calendar.selectionMode = 'multiple';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const panelEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        const containerEl = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const firstDayEl = containerEl.query(By.css('tbody')).query(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)')).nativeElement;
-        const secondDayEl = containerEl.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'))[1].nativeElement;
-        const thirdDayEl = containerEl.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'))[2].nativeElement;
-        expect(panelEl.className).toContain('p-datepicker-touch-ui');
-        firstDayEl.click();
-        fixture.detectChanges();
-
-        thirdDayEl.click();
-        fixture.detectChanges();
-
-        secondDayEl.click();
-        fixture.detectChanges();
-
-        expect(calendar.overlayVisible).toEqual(true);
-        expect(calendar.value.length).toEqual(3);
-    });
-
-    it('should timeonly with touchUI', () => {
-        calendar.timeOnly = true;
-        calendar.touchUI = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        fixture.detectChanges();
-
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        calendar.currentHour = 0;
-        calendar.currentMinute = 0;
-        fixture.detectChanges();
-
-        let defaultHour = calendar.currentHour;
-        let defaultMinute = calendar.currentMinute;
-        const timers = fixture.debugElement.query(By.css('.p-timepicker')).queryAll(By.css('div'));
-        const hourPicker = timers[0];
-        const minutePicker = timers[2];
-        const incrementHourEl = hourPicker.queryAll(By.css('.p-link'))[0];
-        const decrementHourEl = hourPicker.queryAll(By.css('.p-link'))[1];
-        const incrementMinuteEl = minutePicker.queryAll(By.css('.p-link'))[0];
-        const decrementMinuteEl = minutePicker.queryAll(By.css('.p-link'))[1];
-        incrementHourEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementHourEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        decrementHourEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementHourEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        decrementHourEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementHourEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        decrementHourEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementHourEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        incrementMinuteEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        incrementMinuteEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        decrementMinuteEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementMinuteEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        decrementMinuteEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementMinuteEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        decrementMinuteEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        decrementMinuteEl.nativeElement.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-        expect(hourPicker.queryAll(By.css('span'))[0].nativeElement.textContent).not.toEqual(defaultHour.toString());
-        expect(minutePicker.queryAll(By.css('span'))[0].nativeElement.textContent).not.toEqual(defaultMinute.toString());
-        expect(hourPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('22');
-        expect(minutePicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('58');
-        expect(calendar.currentHour).toEqual(22);
-        expect(calendar.currentMinute).toEqual(58);
-    });
-
-    it('should call navForward and pick the next year', () => {
-        fixture.detectChanges();
-
-        calendar.view = 'month';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        const incrementYearSpy = spyOn(calendar, 'incrementYear').and.callThrough();
-        const decrementYearSpy = spyOn(calendar, 'decrementYear').and.callThrough();
-        fixture.detectChanges();
-
-        const navForwardEl = fixture.debugElement.query(By.css('.p-datepicker-next'));
-        const navBackwardEl = fixture.debugElement.query(By.css('.p-datepicker-prev'));
-        navForwardEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(incrementYearSpy).toHaveBeenCalled();
-
-        navBackwardEl.nativeElement.click();
-        fixture.detectChanges();
-        expect(decrementYearSpy).toHaveBeenCalled();
-    });
-
-    it('should call navForward and go to out of year range(increment)', () => {
-        fixture.detectChanges();
-
-        calendar.view = 'month';
-        calendar.yearRange = (calendar.currentYear - 1).toString() + ':' + (calendar.currentYear + 1).toString();
-        calendar.yearNavigator = true;
-        calendar.yearOptions = [2017, 2018];
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        const incrementYearSpy = spyOn(calendar, 'incrementYear').and.callThrough();
-        const populateYearOptionsSpy = spyOn(calendar, 'populateYearOptions').and.callThrough();
-        calendar.currentYear = 2018;
-        fixture.detectChanges();
-
-        const navForwardEl = fixture.debugElement.query(By.css('.p-datepicker-next'));
-        navForwardEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(calendar.yearOptions.length).toEqual(2);
-        expect(calendar.yearOptions[0]).toEqual(2018);
-        expect(calendar.yearOptions[1]).toEqual(2019);
-        expect(calendar.yearOptions[1]).toEqual(calendar.currentYear);
-        expect(incrementYearSpy).toHaveBeenCalled();
-        expect(populateYearOptionsSpy).toHaveBeenCalled();
-    });
-
-    it('should call navForward and go to out of year range (decrement)', () => {
-        fixture.detectChanges();
-
-        calendar.view = 'month';
-        calendar.yearRange = (calendar.currentYear - 1).toString() + ':' + (calendar.currentYear + 1).toString();
-        calendar.yearNavigator = true;
-        calendar.yearOptions = [2017, 2018];
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        const decrementYearSpy = spyOn(calendar, 'decrementYear').and.callThrough();
-        const populateYearOptionsSpy = spyOn(calendar, 'populateYearOptions').and.callThrough();
-        calendar.currentYear = 2017;
-        fixture.detectChanges();
-
-        const navBackwardEl = fixture.debugElement.query(By.css('.p-datepicker-prev'));
-        navBackwardEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(calendar.yearOptions.length).toEqual(2);
-        expect(calendar.yearOptions[0]).toEqual(2016);
-        expect(calendar.yearOptions[0]).toEqual(calendar.currentYear);
-        expect(calendar.yearOptions[1]).toEqual(2017);
-        expect(decrementYearSpy).toHaveBeenCalled();
-        expect(populateYearOptionsSpy).toHaveBeenCalled();
-    });
-
-    it('should call onUserInput and return nothing', () => {
-        const onUserInputSpy = spyOn(calendar, 'onUserInput');
-        fixture.detectChanges();
-
-        calendar.onUserInput(event);
-        fixture.detectChanges();
-
-        expect(onUserInputSpy).toHaveBeenCalled();
-        expect(calendar.isKeydown).toBeUndefined();
-        expect(calendar.filled).toBeUndefined();
-    });
-
-    it('should select time with keyboardEvent', () => {
-        calendar.timeOnly = true;
-        calendar.hourFormat = '12';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const parseValueFromStringSpy = spyOn(calendar, 'parseValueFromString').and.callThrough();
-        const onUserInputSpy = spyOn(calendar, 'onUserInput').and.callThrough();
-        const event = { target: { value: '10:10 AM' } };
-        calendar.onInputKeydown(event);
-        fixture.detectChanges();
-
-        calendar.onUserInput(event);
-        fixture.detectChanges();
-
-        expect(parseValueFromStringSpy).toHaveBeenCalled();
-        expect(onUserInputSpy).toHaveBeenCalled();
-        expect(calendar.currentHour).toEqual(10);
-        expect(calendar.currentMinute).toEqual(10);
-        expect(calendar.pm).toEqual(false);
-    });
-
-    it('should allow changing time when min and max date times are within the hour', () => {
-        const event = { preventDefault: () => {} };
-        const now = new Date('2023-01-01T12:14:00.000Z'); // 1 minute before max date
-        const minDate = new Date('2023-01-01T11:45:00.000Z'); // quarter to now date hour
-        const maxDate = new Date('2023-01-01T12:15:01.000Z'); // quarter past now date hour, 1 minute and 1 second after now date
-        const maxDateISO = maxDate.toISOString();
-        const minDateISO = minDate.toISOString();
-        calendar.defaultDate = now;
-        calendar.value = now;
-        calendar.showTime = true;
-        calendar.showSeconds = true;
-        calendar.minDate = minDate;
-        calendar.maxDate = maxDate;
-        fixture.detectChanges();
-
-        calendar.incrementMinute(event);
-        // increment 2 seconds, should clamp to max date
-        calendar.incrementSecond(event);
-        calendar.incrementSecond(event);
-        calendar.updateTime();
-        expect((calendar.value as Date).toISOString()).toBe(maxDateISO);
-        // decrement back 1  minute and 1 second
-        calendar.decrementMinute(event);
-        calendar.decrementSecond(event);
-        calendar.updateTime();
-        // try increment 2 minutes, should clamp to max date
-        calendar.incrementMinute(event);
-        calendar.incrementMinute(event);
-        calendar.updateTime();
-        expect((calendar.value as Date).toISOString()).toBe(maxDateISO);
-        // now time should be 12:15, min time should be 11:45, decrementing hour should clamp to min date
-        calendar.decrementHour(event);
-        calendar.updateTime();
-        expect((calendar.value as Date).toISOString()).toBe(minDateISO);
-        // increment hour should clamp to max date
-        calendar.incrementHour(event);
-        calendar.updateTime();
-        expect((calendar.value as Date).toISOString()).toBe(maxDateISO);
-    });
-
-    it('should set input element date to minDate including the set time', () => {
-        const minDate = new Date(2022, 0, 1, 20, 30, 0);
-        const date = new Date(2022, 0, 2);
-        calendar.minDate = minDate;
-        calendar.defaultDate = date;
-        calendar.hourFormat = '12';
-        jasmine.clock().mockDate(date);
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const focusEvent = new Event('focus');
-        inputEl.click();
-        calendar.currentHour = 11;
-        calendar.currentMinute = 30;
-        inputEl.dispatchEvent(focusEvent);
-        fixture.detectChanges();
-
-        const selectdateSpy = spyOn(calendar, 'selectDate').and.callThrough();
-        const calendarContainer = fixture.debugElement.query(By.css('.p-datepicker-calendar-container'));
-        const dates = calendarContainer.query(By.css('tbody')).queryAll(By.css('span:not(.p-datepicker-weeknumber):not(.p-disabled)'));
-        dates[0].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(selectdateSpy).toHaveBeenCalled();
-        expect(calendar.value).toEqual(minDate);
-    });
-
-    it('should display end date instead of start date in range selection', () => {
-        calendar.selectionMode = 'range';
-        calendar.value = [new Date('2024-03-01'), new Date('2024-04-01')];
-
-        calendar.updateUI();
-        expect(calendar.currentMonth).toBe(3);
-        expect(calendar.currentYear).toBe(2024);
-    });
-
-    it('should display start date instead of default date in range selection', () => {
-        calendar.selectionMode = 'range';
-        calendar.value = [new Date('2024-03-01'), null];
-
-        calendar.updateUI();
-        expect(calendar.currentMonth).toBe(2);
-        expect(calendar.currentYear).toBe(2024);
-    });
-
-    it('should use default date when no range is selected in range selection', () => {
-        calendar.selectionMode = 'range';
-        calendar.defaultDate = new Date('2024-01-01');
-
-        calendar.updateUI();
-        expect(calendar.currentMonth).toBe(0);
-        expect(calendar.currentYear).toBe(2024);
-    });
-
-    it('should use current date when no default date and no range is selected in range selection', () => {
-        jasmine.clock().install();
-        jasmine.clock().mockDate(new Date('2024-06-11'));
-        calendar.selectionMode = 'range';
-
-        calendar.updateUI();
-        expect(calendar.currentMonth).toBe(5);
-        expect(calendar.currentYear).toBe(2024);
-
-        jasmine.clock().uninstall();
-    });
-});
diff --git a/src/app/components/calendar/calendar.ts b/src/app/components/calendar/calendar.ts
deleted file mode 100644
index d3a5185..0000000
--- a/src/app/components/calendar/calendar.ts
+++ /dev/null
@@ -1,3706 +0,0 @@
-import { animate, AnimationEvent, state, style, transition, trigger } from '@angular/animations';
-import { CommonModule, DOCUMENT } from '@angular/common';
-import {
-    booleanAttribute,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    forwardRef,
-    Inject,
-    Input,
-    NgModule,
-    NgZone,
-    numberAttribute,
-    OnDestroy,
-    OnInit,
-    Output,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation
-} from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule, TranslationKeys } from 'primeng/api';
-import { ButtonModule } from 'primeng/button';
-import { ConnectedOverlayScrollHandler, DomHandler } from 'primeng/dom';
-import { RippleModule } from 'primeng/ripple';
-import { ObjectUtils, UniqueComponentId, ZIndexUtils } from 'primeng/utils';
-import { Subscription } from 'rxjs';
-import { ChevronLeftIcon } from 'primeng/icons/chevronleft';
-import { ChevronRightIcon } from 'primeng/icons/chevronright';
-import { ChevronUpIcon } from 'primeng/icons/chevronup';
-import { ChevronDownIcon } from 'primeng/icons/chevrondown';
-import { TimesIcon } from 'primeng/icons/times';
-import { CalendarIcon } from 'primeng/icons/calendar';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { NavigationState, CalendarResponsiveOptions, CalendarTypeView, LocaleSettings, Month, CalendarMonthChangeEvent, CalendarYearChangeEvent } from './calendar.interface';
-import { AutoFocusModule } from 'primeng/autofocus';
-
-export const CALENDAR_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => Calendar),
-    multi: true
-};
-/**
- * Calendar also known as DatePicker, is a form component to work with dates.
- * @group Components
- */
-@Component({
-    selector: 'p-calendar',
-    template: `
-        <span
-            #container
-            [ngClass]="{
-                'p-calendar': true,
-                'p-input-icon-right': showIcon && iconDisplay === 'input',
-                'p-calendar-w-btn': showIcon && iconDisplay === 'button',
-                'p-calendar-timeonly': timeOnly,
-                'p-calendar-disabled': disabled,
-                'p-focus': focus || overlayVisible
-            }"
-            [ngStyle]="style"
-            [class]="styleClass"
-        >
-            <ng-template [ngIf]="!inline">
-                <input
-                    #inputfield
-                    type="text"
-                    role="combobox"
-                    [attr.id]="inputId"
-                    [attr.name]="name"
-                    [attr.required]="required"
-                    [attr.aria-required]="required"
-                    aria-autocomplete="none"
-                    aria-haspopup="dialog"
-                    [attr.aria-expanded]="overlayVisible ?? false"
-                    [attr.aria-controls]="overlayVisible ? panelId : null"
-                    [attr.aria-labelledby]="ariaLabelledBy"
-                    [attr.aria-label]="ariaLabel"
-                    [value]="inputFieldValue"
-                    (focus)="onInputFocus($event)"
-                    (keydown)="onInputKeydown($event)"
-                    (click)="onInputClick()"
-                    (blur)="onInputBlur($event)"
-                    [readonly]="readonlyInput"
-                    (input)="onUserInput($event)"
-                    [ngStyle]="inputStyle"
-                    [class]="inputStyleClass"
-                    [placeholder]="placeholder || ''"
-                    [disabled]="disabled"
-                    [attr.tabindex]="tabindex"
-                    [attr.inputmode]="touchUI ? 'off' : null"
-                    [ngClass]="inputClass"
-                    autocomplete="off"
-                    pAutoFocus
-                    [autofocus]="autofocus"
-                />
-                <ng-container *ngIf="showClear && !disabled && value != null">
-                    <TimesIcon *ngIf="!clearIconTemplate" [styleClass]="'p-calendar-clear-icon'" (click)="clear()" />
-                    <span *ngIf="clearIconTemplate" class="p-calendar-clear-icon" (click)="clear()">
-                        <ng-template *ngTemplateOutlet="clearIconTemplate"></ng-template>
-                    </span>
-                </ng-container>
-                <button
-                    type="button"
-                    [attr.aria-label]="iconButtonAriaLabel"
-                    aria-haspopup="dialog"
-                    [attr.aria-expanded]="overlayVisible ?? false"
-                    [attr.aria-controls]="overlayVisible ? panelId : null"
-                    pButton
-                    pRipple
-                    *ngIf="showIcon && iconDisplay === 'button'"
-                    (click)="onButtonClick($event, inputfield)"
-                    class="p-datepicker-trigger p-button-icon-only"
-                    [disabled]="disabled"
-                    tabindex="0"
-                >
-                    <span *ngIf="icon" [ngClass]="icon"></span>
-                    <ng-container *ngIf="!icon">
-                        <CalendarIcon *ngIf="!triggerIconTemplate" />
-                        <ng-template *ngTemplateOutlet="triggerIconTemplate"></ng-template>
-                    </ng-container>
-                </button>
-                <ng-container *ngIf="iconDisplay === 'input' && showIcon">
-                    <CalendarIcon
-                        (click)="onButtonClick($event)"
-                        *ngIf="!inputIconTemplate"
-                        [ngClass]="{
-                            'p-datepicker-icon': showOnFocus
-                        }"
-                    />
-                    <ng-container *ngTemplateOutlet="inputIconTemplate; context: { clickCallBack: onButtonClick.bind(this) }"></ng-container>
-                </ng-container>
-            </ng-template>
-            <div
-                #contentWrapper
-                [attr.id]="panelId"
-                [class]="panelStyleClass"
-                [ngStyle]="panelStyle"
-                [ngClass]="{
-                    'p-datepicker p-component': true,
-                    'p-datepicker-inline': inline,
-                    'p-disabled': disabled,
-                    'p-datepicker-timeonly': timeOnly,
-                    'p-datepicker-multiple-month': this.numberOfMonths > 1,
-                    'p-datepicker-monthpicker': view === 'month',
-                    'p-datepicker-touch-ui': touchUI
-                }"
-                [@overlayAnimation]="
-                    touchUI
-                        ? { value: 'visibleTouchUI', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }
-                        : { value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }
-                "
-                [attr.aria-label]="getTranslation('chooseDate')"
-                [attr.role]="inline ? null : 'dialog'"
-                [attr.aria-modal]="inline ? null : 'true'"
-                [@.disabled]="inline === true"
-                (@overlayAnimation.start)="onOverlayAnimationStart($event)"
-                (@overlayAnimation.done)="onOverlayAnimationDone($event)"
-                (click)="onOverlayClick($event)"
-                *ngIf="inline || overlayVisible"
-            >
-                <ng-content select="p-header"></ng-content>
-                <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-                <ng-container *ngIf="!timeOnly">
-                    <div class="p-datepicker-group-container">
-                        <div class="p-datepicker-group" *ngFor="let month of months; let i = index">
-                            <div class="p-datepicker-header">
-                                <button (keydown)="onContainerButtonKeydown($event)" class="p-datepicker-prev p-link" (click)="onPrevButtonClick($event)" *ngIf="i === 0" type="button" [attr.aria-label]="prevIconAriaLabel" pRipple>
-                                    <ChevronLeftIcon [styleClass]="'p-datepicker-prev-icon'" *ngIf="!previousIconTemplate" />
-                                    <span *ngIf="previousIconTemplate" class="p-datepicker-prev-icon">
-                                        <ng-template *ngTemplateOutlet="previousIconTemplate"></ng-template>
-                                    </span>
-                                </button>
-                                <div class="p-datepicker-title">
-                                    <button
-                                        type="button"
-                                        (click)="switchToMonthView($event)"
-                                        (keydown)="onContainerButtonKeydown($event)"
-                                        *ngIf="currentView === 'date'"
-                                        class="p-datepicker-month p-link"
-                                        [disabled]="switchViewButtonDisabled()"
-                                        [attr.aria-label]="this.getTranslation('chooseMonth')"
-                                    >
-                                        {{ getMonthName(month.month) }}
-                                    </button>
-                                    <button
-                                        type="button"
-                                        (click)="switchToYearView($event)"
-                                        (keydown)="onContainerButtonKeydown($event)"
-                                        *ngIf="currentView !== 'year'"
-                                        class="p-datepicker-year p-link"
-                                        [disabled]="switchViewButtonDisabled()"
-                                        [attr.aria-label]="getTranslation('chooseYear')"
-                                    >
-                                        {{ getYear(month) }}
-                                    </button>
-                                    <span class="p-datepicker-decade" *ngIf="currentView === 'year'">
-                                        <ng-container *ngIf="!decadeTemplate">{{ yearPickerValues()[0] }} - {{ yearPickerValues()[yearPickerValues().length - 1] }}</ng-container>
-                                        <ng-container *ngTemplateOutlet="decadeTemplate; context: { $implicit: yearPickerValues }"></ng-container>
-                                    </span>
-                                </div>
-                                <button
-                                    (keydown)="onContainerButtonKeydown($event)"
-                                    class="p-datepicker-next p-link"
-                                    (click)="onNextButtonClick($event)"
-                                    [style.display]="numberOfMonths === 1 ? 'inline-flex' : i === numberOfMonths - 1 ? 'inline-flex' : 'none'"
-                                    type="button"
-                                    [attr.aria-label]="nextIconAriaLabel"
-                                    pRipple
-                                >
-                                    <ChevronRightIcon [styleClass]="'p-datepicker-next-icon'" *ngIf="!nextIconTemplate" />
-                                    <span *ngIf="nextIconTemplate" class="p-datepicker-next-icon">
-                                        <ng-template *ngTemplateOutlet="nextIconTemplate"></ng-template>
-                                    </span>
-                                </button>
-                            </div>
-                            <div class="p-datepicker-calendar-container" *ngIf="currentView === 'date'">
-                                <table class="p-datepicker-calendar" role="grid">
-                                    <thead>
-                                        <tr>
-                                            <th *ngIf="showWeek" class="p-datepicker-weekheader p-disabled">
-                                                <span>{{ getTranslation('weekHeader') }}</span>
-                                            </th>
-                                            <th scope="col" *ngFor="let weekDay of weekDays; let begin = first; let end = last">
-                                                <span>{{ weekDay }}</span>
-                                            </th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        <tr *ngFor="let week of month.dates; let j = index">
-                                            <td *ngIf="showWeek" class="p-datepicker-weeknumber">
-                                                <span class="p-disabled">
-                                                    {{ month.weekNumbers[j] }}
-                                                </span>
-                                            </td>
-                                            <td *ngFor="let date of week" [attr.aria-label]="date.day" [ngClass]="{ 'p-datepicker-other-month': date.otherMonth, 'p-datepicker-today': date.today }">
-                                                <ng-container *ngIf="date.otherMonth ? showOtherMonths : true">
-                                                    <span
-                                                        [ngClass]="{ 'p-highlight p-datepicker-current-day': isSelected(date) && date.selectable, 'p-disabled': !date.selectable }"
-                                                        (click)="onDateSelect($event, date)"
-                                                        draggable="false"
-                                                        [attr.data-date]="formatDateKey(formatDateMetaToDate(date))"
-                                                        (keydown)="onDateCellKeydown($event, date, i)"
-                                                        pRipple
-                                                    >
-                                                        <ng-container *ngIf="!dateTemplate && (date.selectable || !disabledDateTemplate)">{{ date.day }}</ng-container>
-                                                        <ng-container *ngIf="date.selectable || !disabledDateTemplate">
-                                                            <ng-container *ngTemplateOutlet="dateTemplate; context: { $implicit: date }"></ng-container>
-                                                        </ng-container>
-                                                        <ng-container *ngIf="!date.selectable">
-                                                            <ng-container *ngTemplateOutlet="disabledDateTemplate; context: { $implicit: date }"></ng-container>
-                                                        </ng-container>
-                                                    </span>
-                                                    <div *ngIf="isSelected(date)" class="p-hidden-accessible" aria-live="polite">
-                                                        {{ date.day }}
-                                                    </div>
-                                                </ng-container>
-                                            </td>
-                                        </tr>
-                                    </tbody>
-                                </table>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="p-monthpicker" *ngIf="currentView === 'month'">
-                        <span
-                            *ngFor="let m of monthPickerValues(); let i = index"
-                            (click)="onMonthSelect($event, i)"
-                            (keydown)="onMonthCellKeydown($event, i)"
-                            class="p-monthpicker-month"
-                            [ngClass]="{ 'p-highlight': isMonthSelected(i), 'p-disabled': isMonthDisabled(i) }"
-                            pRipple
-                        >
-                            {{ m }}
-                            <div *ngIf="isMonthSelected(i)" class="p-hidden-accessible" aria-live="polite">
-                                {{ m }}
-                            </div>
-                        </span>
-                    </div>
-                    <div class="p-yearpicker" *ngIf="currentView === 'year'">
-                        <span
-                            *ngFor="let y of yearPickerValues()"
-                            (click)="onYearSelect($event, y)"
-                            (keydown)="onYearCellKeydown($event, y)"
-                            class="p-yearpicker-year"
-                            [ngClass]="{ 'p-highlight': isYearSelected(y), 'p-disabled': isYearDisabled(y) }"
-                            pRipple
-                        >
-                            {{ y }}
-                            <div *ngIf="isYearSelected(y)" class="p-hidden-accessible" aria-live="polite">
-                                {{ y }}
-                            </div>
-                        </span>
-                    </div>
-                </ng-container>
-                <div class="p-timepicker" *ngIf="(showTime || timeOnly) && currentView === 'date'">
-                    <div class="p-hour-picker">
-                        <button
-                            class="p-link"
-                            type="button"
-                            (keydown)="onContainerButtonKeydown($event)"
-                            (keydown.enter)="incrementHour($event)"
-                            (keydown.space)="incrementHour($event)"
-                            (mousedown)="onTimePickerElementMouseDown($event, 0, 1)"
-                            (mouseup)="onTimePickerElementMouseUp($event)"
-                            (keyup.enter)="onTimePickerElementMouseUp($event)"
-                            (keyup.space)="onTimePickerElementMouseUp($event)"
-                            (mouseleave)="onTimePickerElementMouseLeave()"
-                            [attr.aria-label]="getTranslation('nextHour')"
-                            pRipple
-                        >
-                            <ChevronUpIcon *ngIf="!incrementIconTemplate" />
-                            <ng-template *ngTemplateOutlet="incrementIconTemplate"></ng-template>
-                        </button>
-                        <span><ng-container *ngIf="currentHour < 10">0</ng-container>{{ currentHour }}</span>
-                        <button
-                            class="p-link"
-                            type="button"
-                            (keydown)="onContainerButtonKeydown($event)"
-                            (keydown.enter)="decrementHour($event)"
-                            (keydown.space)="decrementHour($event)"
-                            (mousedown)="onTimePickerElementMouseDown($event, 0, -1)"
-                            (mouseup)="onTimePickerElementMouseUp($event)"
-                            (keyup.enter)="onTimePickerElementMouseUp($event)"
-                            (keyup.space)="onTimePickerElementMouseUp($event)"
-                            (mouseleave)="onTimePickerElementMouseLeave()"
-                            [attr.aria-label]="getTranslation('prevHour')"
-                            pRipple
-                        >
-                            <ChevronDownIcon *ngIf="!decrementIconTemplate" />
-                            <ng-template *ngTemplateOutlet="decrementIconTemplate"></ng-template>
-                        </button>
-                    </div>
-                    <div class="p-separator">
-                        <span>{{ timeSeparator }}</span>
-                    </div>
-                    <div class="p-minute-picker">
-                        <button
-                            class="p-link"
-                            type="button"
-                            (keydown)="onContainerButtonKeydown($event)"
-                            (keydown.enter)="incrementMinute($event)"
-                            (keydown.space)="incrementMinute($event)"
-                            (mousedown)="onTimePickerElementMouseDown($event, 1, 1)"
-                            (mouseup)="onTimePickerElementMouseUp($event)"
-                            (keyup.enter)="onTimePickerElementMouseUp($event)"
-                            (keyup.space)="onTimePickerElementMouseUp($event)"
-                            (mouseleave)="onTimePickerElementMouseLeave()"
-                            [attr.aria-label]="getTranslation('nextMinute')"
-                            pRipple
-                        >
-                            <ChevronUpIcon *ngIf="!incrementIconTemplate" />
-                            <ng-template *ngTemplateOutlet="incrementIconTemplate"></ng-template>
-                        </button>
-                        <span><ng-container *ngIf="currentMinute < 10">0</ng-container>{{ currentMinute }}</span>
-                        <button
-                            class="p-link"
-                            type="button"
-                            (keydown)="onContainerButtonKeydown($event)"
-                            (keydown.enter)="decrementMinute($event)"
-                            (keydown.space)="decrementMinute($event)"
-                            (mousedown)="onTimePickerElementMouseDown($event, 1, -1)"
-                            (mouseup)="onTimePickerElementMouseUp($event)"
-                            (keyup.enter)="onTimePickerElementMouseUp($event)"
-                            (keyup.space)="onTimePickerElementMouseUp($event)"
-                            (mouseleave)="onTimePickerElementMouseLeave()"
-                            [attr.aria-label]="getTranslation('prevMinute')"
-                            pRipple
-                        >
-                            <ChevronDownIcon *ngIf="!decrementIconTemplate" />
-                            <ng-template *ngTemplateOutlet="decrementIconTemplate"></ng-template>
-                        </button>
-                    </div>
-                    <div class="p-separator" *ngIf="showSeconds">
-                        <span>{{ timeSeparator }}</span>
-                    </div>
-                    <div class="p-second-picker" *ngIf="showSeconds">
-                        <button
-                            class="p-link"
-                            type="button"
-                            (keydown)="onContainerButtonKeydown($event)"
-                            (keydown.enter)="incrementSecond($event)"
-                            (keydown.space)="incrementSecond($event)"
-                            (mousedown)="onTimePickerElementMouseDown($event, 2, 1)"
-                            (mouseup)="onTimePickerElementMouseUp($event)"
-                            (keyup.enter)="onTimePickerElementMouseUp($event)"
-                            (keyup.space)="onTimePickerElementMouseUp($event)"
-                            (mouseleave)="onTimePickerElementMouseLeave()"
-                            [attr.aria-label]="getTranslation('nextSecond')"
-                            pRipple
-                        >
-                            <ChevronUpIcon *ngIf="!incrementIconTemplate" />
-                            <ng-template *ngTemplateOutlet="incrementIconTemplate"></ng-template>
-                        </button>
-                        <span><ng-container *ngIf="currentSecond < 10">0</ng-container>{{ currentSecond }}</span>
-                        <button
-                            class="p-link"
-                            type="button"
-                            (keydown)="onContainerButtonKeydown($event)"
-                            (keydown.enter)="decrementSecond($event)"
-                            (keydown.space)="decrementSecond($event)"
-                            (mousedown)="onTimePickerElementMouseDown($event, 2, -1)"
-                            (mouseup)="onTimePickerElementMouseUp($event)"
-                            (keyup.enter)="onTimePickerElementMouseUp($event)"
-                            (keyup.space)="onTimePickerElementMouseUp($event)"
-                            (mouseleave)="onTimePickerElementMouseLeave()"
-                            [attr.aria-label]="getTranslation('prevSecond')"
-                            pRipple
-                        >
-                            <ChevronDownIcon *ngIf="!decrementIconTemplate" />
-                            <ng-template *ngTemplateOutlet="decrementIconTemplate"></ng-template>
-                        </button>
-                    </div>
-                    <div class="p-ampm-picker" *ngIf="hourFormat == '12'">
-                        <button class="p-link" type="button" (keydown)="onContainerButtonKeydown($event)" (click)="toggleAMPM($event)" (keydown.enter)="toggleAMPM($event)" [attr.aria-label]="getTranslation('am')" pRipple>
-                            <ChevronUpIcon *ngIf="!incrementIconTemplate" />
-                            <ng-template *ngTemplateOutlet="incrementIconTemplate"></ng-template>
-                        </button>
-                        <span>{{ pm ? 'PM' : 'AM' }}</span>
-                        <button class="p-link" type="button" (keydown)="onContainerButtonKeydown($event)" (click)="toggleAMPM($event)" (keydown.enter)="toggleAMPM($event)" [attr.aria-label]="getTranslation('pm')" pRipple>
-                            <ChevronDownIcon *ngIf="!decrementIconTemplate" />
-                            <ng-template *ngTemplateOutlet="decrementIconTemplate"></ng-template>
-                        </button>
-                    </div>
-                </div>
-                <div class="p-datepicker-buttonbar" *ngIf="showButtonBar">
-                    <button type="button" [label]="getTranslation('today')" (keydown)="onContainerButtonKeydown($event)" (click)="onTodayButtonClick($event)" pButton pRipple [ngClass]="[todayButtonStyleClass]"></button>
-                    <button type="button" [label]="getTranslation('clear')" (keydown)="onContainerButtonKeydown($event)" (click)="onClearButtonClick($event)" pButton pRipple [ngClass]="[clearButtonStyleClass]"></button>
-                </div>
-                <ng-content select="p-footer"></ng-content>
-                <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
-            </div>
-        </span>
-    `,
-    animations: [
-        trigger('overlayAnimation', [
-            state(
-                'visibleTouchUI',
-                style({
-                    transform: 'translate(-50%,-50%)',
-                    opacity: 1
-                })
-            ),
-            transition('void => visible', [style({ opacity: 0, transform: 'scaleY(0.8)' }), animate('{{showTransitionParams}}', style({ opacity: 1, transform: '*' }))]),
-            transition('visible => void', [animate('{{hideTransitionParams}}', style({ opacity: 0 }))]),
-            transition('void => visibleTouchUI', [style({ opacity: 0, transform: 'translate3d(-50%, -40%, 0) scale(0.9)' }), animate('{{showTransitionParams}}')]),
-            transition('visibleTouchUI => void', [
-                animate(
-                    '{{hideTransitionParams}}',
-                    style({
-                        opacity: 0,
-                        transform: 'translate3d(-50%, -40%, 0) scale(0.9)'
-                    })
-                )
-            ])
-        ])
-    ],
-    host: {
-        class: 'p-element p-inputwrapper',
-        '[class.p-inputwrapper-filled]': 'filled',
-        '[class.p-inputwrapper-focus]': 'focus',
-        '[class.p-calendar-clearable]': 'showClear && !disabled'
-    },
-    providers: [CALENDAR_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./calendar.css']
-})
-export class Calendar implements OnInit, OnDestroy, ControlValueAccessor {
-    @Input() iconDisplay: 'input' | 'button' = 'button';
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the input field.
-     * @group Props
-     */
-    @Input() inputStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Identifier of the focus input to match a label defined for the component.
-     * @group Props
-     */
-    @Input() inputId: string | undefined;
-    /**
-     * Name of the input element.
-     * @group Props
-     */
-    @Input() name: string | undefined;
-    /**
-     * Style class of the input field.
-     * @group Props
-     */
-    @Input() inputStyleClass: string | undefined;
-    /**
-     * Placeholder text for the input.
-     * @group Props
-     */
-    @Input() placeholder: string | undefined;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-
-    /**
-     * Defines a string that labels the icon button for accessibility.
-     * @group Props
-     */
-    @Input() iconAriaLabel: string | undefined;
-    /**
-     * When specified, disables the component.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * Format of the date which can also be defined at locale settings.
-     * @group Props
-     */
-    @Input() dateFormat: string | undefined;
-    /**
-     * Separator for multiple selection mode.
-     * @group Props
-     */
-    @Input() multipleSeparator: string = ',';
-    /**
-     * Separator for joining start and end dates on range selection mode.
-     * @group Props
-     */
-    @Input() rangeSeparator: string = '-';
-    /**
-     * When enabled, displays the calendar as inline. Default is false for popup mode.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) inline: boolean = false;
-    /**
-     * Whether to display dates in other months (non-selectable) at the start or end of the current month. To make these days selectable use the selectOtherMonths option.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showOtherMonths: boolean = true;
-    /**
-     * Whether days in other months shown before or after the current month are selectable. This only applies if the showOtherMonths option is set to true.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) selectOtherMonths: boolean | undefined;
-    /**
-     * When enabled, displays a button with icon next to input.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showIcon: boolean | undefined;
-    /**
-     * Icon of the calendar button.
-     * @group Props
-     */
-    @Input() icon: string | undefined;
-    /**
-     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having#mydiv as variable name).
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * When specified, prevents entering the date manually with keyboard.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) readonlyInput: boolean | undefined;
-    /**
-     * The cutoff year for determining the century for a date.
-     * @group Props
-     */
-    @Input() shortYearCutoff: any = '+10';
-    /**
-     * Whether the month should be rendered as a dropdown instead of text.
-     * @group Props
-     * @deprecated Navigator is always on.
-     */
-    @Input({ transform: booleanAttribute }) monthNavigator: boolean | undefined;
-    /**
-     * Whether the year should be rendered as a dropdown instead of text.
-     * @group Props
-     * @deprecated  Navigator is always on.
-     */
-    @Input({ transform: booleanAttribute }) yearNavigator: boolean | undefined;
-    /**
-     * Specifies 12 or 24 hour format.
-     * @group Props
-     */
-    @Input() hourFormat: string = '24';
-    /**
-     * Whether to display timepicker only.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) timeOnly: boolean | undefined;
-    /**
-     * Years to change per step in yearpicker.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) stepYearPicker: number = 10;
-    /**
-     * Hours to change per step.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) stepHour: number = 1;
-    /**
-     * Minutes to change per step.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) stepMinute: number = 1;
-    /**
-     * Seconds to change per step.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) stepSecond: number = 1;
-    /**
-     * Whether to show the seconds in time picker.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showSeconds: boolean = false;
-    /**
-     * When present, it specifies that an input field must be filled out before submitting the form.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) required: boolean | undefined;
-    /**
-     * When disabled, datepicker will not be visible with input focus.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showOnFocus: boolean = true;
-    /**
-     * When enabled, calendar will show week numbers.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showWeek: boolean = false;
-    /**
-     * When enabled, calendar will start week numbers from first day of the year.
-     * @group Props
-     */
-    @Input() startWeekFromFirstDayOfYear: boolean = false;
-    /**
-     * When enabled, a clear icon is displayed to clear the value.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showClear: boolean = false;
-    /**
-     * Type of the value to write back to ngModel, default is date and alternative is string.
-     * @group Props
-     */
-    @Input() dataType: string = 'date';
-    /**
-     * Defines the quantity of the selection, valid values are "single", "multiple" and "range".
-     * @group Props
-     */
-    @Input() selectionMode: 'single' | 'multiple' | 'range' | undefined = 'single';
-    /**
-     * Maximum number of selectable dates in multiple mode.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) maxDateCount: number | undefined;
-    /**
-     * Whether to display today and clear buttons at the footer
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showButtonBar: boolean | undefined;
-    /**
-     * Style class of the today button.
-     * @group Props
-     */
-    @Input() todayButtonStyleClass: string = 'p-button-text';
-    /**
-     * Style class of the clear button.
-     * @group Props
-     */
-    @Input() clearButtonStyleClass: string = 'p-button-text';
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-    /**
-     * Style class of the datetimepicker container element.
-     * @group Props
-     */
-    @Input() panelStyleClass: string | undefined;
-    /**
-     * Inline style of the datetimepicker container element.
-     * @group Props
-     */
-    @Input() panelStyle: any;
-    /**
-     * Keep invalid value when input blur.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) keepInvalid: boolean = false;
-    /**
-     * Whether to hide the overlay on date selection.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) hideOnDateTimeSelect: boolean = true;
-    /**
-     * When enabled, calendar overlay is displayed as optimized for touch devices.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) touchUI: boolean | undefined;
-    /**
-     * Separator of time selector.
-     * @group Props
-     */
-    @Input() timeSeparator: string = ':';
-    /**
-     * When enabled, can only focus on elements inside the calendar.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) focusTrap: boolean = true;
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     */
-    @Input() showTransitionOptions: string = '.12s cubic-bezier(0, 0, 0.2, 1)';
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     */
-    @Input() hideTransitionOptions: string = '.1s linear';
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined;
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    @Input() variant: 'filled' | 'outlined' = 'outlined';
-    /**
-     * The minimum selectable date.
-     * @group Props
-     */
-    @Input() get minDate(): Date | undefined | null {
-        return this._minDate;
-    }
-    set minDate(date: Date | undefined | null) {
-        this._minDate = date;
-
-        if (this.currentMonth != undefined && this.currentMonth != null && this.currentYear) {
-            this.createMonths(this.currentMonth, this.currentYear);
-        }
-    }
-    /**
-     * The maximum selectable date.
-     * @group Props
-     */
-    @Input() get maxDate(): Date | undefined | null {
-        return this._maxDate;
-    }
-    set maxDate(date: Date | undefined | null) {
-        this._maxDate = date;
-
-        if (this.currentMonth != undefined && this.currentMonth != null && this.currentYear) {
-            this.createMonths(this.currentMonth, this.currentYear);
-        }
-    }
-    /**
-     * Array with dates that should be disabled (not selectable).
-     * @group Props
-     */
-    @Input() get disabledDates(): Date[] {
-        return this._disabledDates;
-    }
-    set disabledDates(disabledDates: Date[]) {
-        this._disabledDates = disabledDates;
-        if (this.currentMonth != undefined && this.currentMonth != null && this.currentYear) {
-            this.createMonths(this.currentMonth, this.currentYear);
-        }
-    }
-    /**
-     * Array with weekday numbers that should be disabled (not selectable).
-     * @group Props
-     */
-    @Input() get disabledDays(): number[] {
-        return this._disabledDays;
-    }
-    set disabledDays(disabledDays: number[]) {
-        this._disabledDays = disabledDays;
-
-        if (this.currentMonth != undefined && this.currentMonth != null && this.currentYear) {
-            this.createMonths(this.currentMonth, this.currentYear);
-        }
-    }
-    /**
-     * The range of years displayed in the year drop-down in (nnnn:nnnn) format such as (2000:2020).
-     * @group Props
-     * @deprecated Years are based on decades by default.
-     */
-    @Input() get yearRange(): string {
-        return this._yearRange;
-    }
-    set yearRange(yearRange: string) {
-        this._yearRange = yearRange;
-
-        if (yearRange) {
-            const years = yearRange.split(':');
-            const yearStart = parseInt(years[0]);
-            const yearEnd = parseInt(years[1]);
-
-            this.populateYearOptions(yearStart, yearEnd);
-        }
-    }
-    /**
-     * Whether to display timepicker.
-     * @group Props
-     */
-    @Input() get showTime(): boolean {
-        return this._showTime;
-    }
-    set showTime(showTime: boolean) {
-        this._showTime = showTime;
-
-        if (this.currentHour === undefined) {
-            this.initTime(this.value || new Date());
-        }
-        this.updateInputfield();
-    }
-    /**
-     * An array of options for responsive design.
-     * @group Props
-     */
-    @Input() get responsiveOptions(): CalendarResponsiveOptions[] {
-        return this._responsiveOptions;
-    }
-    set responsiveOptions(responsiveOptions: CalendarResponsiveOptions[]) {
-        this._responsiveOptions = responsiveOptions;
-
-        this.destroyResponsiveStyleElement();
-        this.createResponsiveStyle();
-    }
-    /**
-     * Number of months to display.
-     * @group Props
-     */
-    @Input() get numberOfMonths(): number {
-        return this._numberOfMonths;
-    }
-    set numberOfMonths(numberOfMonths: number) {
-        this._numberOfMonths = numberOfMonths;
-
-        this.destroyResponsiveStyleElement();
-        this.createResponsiveStyle();
-    }
-    /**
-     * Defines the first of the week for various date calculations.
-     * @group Props
-     */
-    @Input() get firstDayOfWeek(): number {
-        return this._firstDayOfWeek;
-    }
-    set firstDayOfWeek(firstDayOfWeek: number) {
-        this._firstDayOfWeek = firstDayOfWeek;
-
-        this.createWeekDays();
-    }
-    /**
-     * Option to set calendar locale.
-     * @group Props
-     * @deprecated Locale property has no effect, use new i18n API instead.
-     */
-    @Input() set locale(newLocale: LocaleSettings) {
-        console.warn('Locale property has no effect, use new i18n API instead.');
-    }
-    /**
-     * Type of view to display, valid values are "date" for datepicker and "month" for month picker.
-     * @group Props
-     */
-    @Input() get view(): CalendarTypeView {
-        return this._view;
-    }
-    set view(view: CalendarTypeView) {
-        this._view = view;
-        this.currentView = this._view;
-    }
-    /**
-     * Set the date to highlight on first opening if the field is blank.
-     * @group Props
-     */
-    @Input() get defaultDate(): Date {
-        return this._defaultDate;
-    }
-    set defaultDate(defaultDate: Date) {
-        this._defaultDate = defaultDate;
-
-        if (this.initialized) {
-            const date = defaultDate || new Date();
-            this.currentMonth = date.getMonth();
-            this.currentYear = date.getFullYear();
-            this.initTime(date);
-            this.createMonths(this.currentMonth, this.currentYear);
-        }
-    }
-    get inputClass() {
-        return {
-            'p-inputtext p-component': true,
-            'p-variant-filled': this.variant === 'filled' || this.config.inputStyle() === 'filled'
-        };
-    }
-
-    /**
-     * Callback to invoke on focus of input field.
-     * @param {Event} event - browser event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke on blur of input field.
-     * @param {Event} event - browser event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when date panel closed.
-     * @param {Event} event - Mouse event
-     * @group Emits
-     */
-    @Output() onClose: EventEmitter<AnimationEvent> = new EventEmitter<AnimationEvent>();
-    /**
-     * Callback to invoke on date select.
-     * @param {Date} date - date value.
-     * @group Emits
-     */
-    @Output() onSelect: EventEmitter<Date> = new EventEmitter<Date>();
-    /**
-     * Callback to invoke when input field cleared.
-     * @group Emits
-     */
-    @Output() onClear: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke when input field is being typed.
-     * @param {Event} event - browser event
-     * @group Emits
-     */
-    @Output() onInput: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke when today button is clicked.
-     * @param {Date} date - today as a date instance.
-     * @group Emits
-     */
-    @Output() onTodayClick: EventEmitter<Date> = new EventEmitter<Date>();
-    /**
-     * Callback to invoke when clear button is clicked.
-     * @param {Event} event - browser event.
-     * @group Emits
-     */
-    @Output() onClearClick: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke when a month is changed using the navigators.
-     * @param {CalendarMonthChangeEvent} event - custom month change event.
-     * @group Emits
-     */
-    @Output() onMonthChange: EventEmitter<CalendarMonthChangeEvent> = new EventEmitter<CalendarMonthChangeEvent>();
-    /**
-     * Callback to invoke when a year is changed using the navigators.
-     * @param {CalendarYearChangeEvent} event - custom year change event.
-     * @group Emits
-     */
-    @Output() onYearChange: EventEmitter<CalendarYearChangeEvent> = new EventEmitter<CalendarYearChangeEvent>();
-    /**
-     * Callback to invoke when clicked outside of the date panel.
-     * @group Emits
-     */
-    @Output() onClickOutside: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke when datepicker panel is shown.
-     * @group Emits
-     */
-    @Output() onShow: EventEmitter<any> = new EventEmitter<any>();
-
-    @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;
-
-    @ViewChild('container', { static: false }) containerViewChild: Nullable<ElementRef>;
-
-    @ViewChild('inputfield', { static: false }) inputfieldViewChild: Nullable<ElementRef>;
-
-    @ViewChild('contentWrapper', { static: false }) set content(content: ElementRef) {
-        this.contentViewChild = content;
-
-        if (this.contentViewChild) {
-            if (this.isMonthNavigate) {
-                Promise.resolve(null).then(() => this.updateFocus());
-                this.isMonthNavigate = false;
-            } else {
-                if (!this.focus && !this.inline) {
-                    this.initFocusableCell();
-                }
-            }
-        }
-    }
-
-    contentViewChild!: ElementRef;
-
-    value: any;
-
-    dates: Nullable<Date[]>;
-
-    months!: Month[];
-
-    weekDays: Nullable<string[]>;
-
-    currentMonth!: number;
-
-    currentYear!: number;
-
-    currentHour: Nullable<number>;
-
-    currentMinute: Nullable<number>;
-
-    currentSecond: Nullable<number>;
-
-    pm: Nullable<boolean>;
-
-    mask: Nullable<HTMLDivElement>;
-
-    maskClickListener: VoidListener;
-
-    overlay: Nullable<HTMLDivElement>;
-
-    responsiveStyleElement: HTMLStyleElement | undefined | null;
-
-    overlayVisible: Nullable<boolean>;
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    calendarElement: Nullable<HTMLElement | ElementRef>;
-
-    timePickerTimer: any;
-
-    documentClickListener: VoidListener;
-
-    animationEndListener: VoidListener;
-
-    ticksTo1970: Nullable<number>;
-
-    yearOptions: Nullable<number[]>;
-
-    focus: Nullable<boolean>;
-
-    isKeydown: Nullable<boolean>;
-
-    filled: Nullable<boolean>;
-
-    inputFieldValue: Nullable<string> = null;
-
-    _minDate?: Date | null;
-
-    _maxDate?: Date | null;
-
-    _showTime!: boolean;
-
-    _yearRange!: string;
-
-    preventDocumentListener: Nullable<boolean>;
-
-    dateTemplate: Nullable<TemplateRef<any>>;
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    footerTemplate: Nullable<TemplateRef<any>>;
-
-    disabledDateTemplate: Nullable<TemplateRef<any>>;
-
-    decadeTemplate: Nullable<TemplateRef<any>>;
-
-    previousIconTemplate: Nullable<TemplateRef<any>>;
-
-    nextIconTemplate: Nullable<TemplateRef<any>>;
-
-    triggerIconTemplate: Nullable<TemplateRef<any>>;
-
-    clearIconTemplate: Nullable<TemplateRef<any>>;
-
-    decrementIconTemplate: Nullable<TemplateRef<any>>;
-
-    incrementIconTemplate: Nullable<TemplateRef<any>>;
-
-    inputIconTemplate: Nullable<TemplateRef<any>>;
-
-    _disabledDates!: Array<Date>;
-
-    _disabledDays!: Array<number>;
-
-    selectElement: Nullable;
-
-    todayElement: Nullable;
-
-    focusElement: Nullable;
-
-    scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
-
-    documentResizeListener: VoidListener;
-
-    navigationState: Nullable<NavigationState> = null;
-
-    isMonthNavigate: Nullable<boolean>;
-
-    initialized: Nullable<boolean>;
-
-    translationSubscription: Nullable<Subscription>;
-
-    _locale!: LocaleSettings;
-
-    _responsiveOptions!: CalendarResponsiveOptions[];
-
-    currentView: Nullable<string>;
-
-    attributeSelector: Nullable<string>;
-
-    panelId: Nullable<string>;
-
-    _numberOfMonths: number = 1;
-
-    _firstDayOfWeek!: number;
-
-    _view: CalendarTypeView = 'date';
-
-    preventFocus: Nullable<boolean>;
-
-    _defaultDate!: Date;
-
-    _focusKey: Nullable<string> = null;
-
-    private window: Window;
-
-    get locale() {
-        return this._locale;
-    }
-
-    get iconButtonAriaLabel() {
-        return this.iconAriaLabel ? this.iconAriaLabel : this.getTranslation('chooseDate');
-    }
-
-    get prevIconAriaLabel() {
-        return this.currentView === 'year' ? this.getTranslation('prevDecade') : this.currentView === 'month' ? this.getTranslation('prevYear') : this.getTranslation('prevMonth');
-    }
-
-    get nextIconAriaLabel() {
-        return this.currentView === 'year' ? this.getTranslation('nextDecade') : this.currentView === 'month' ? this.getTranslation('nextYear') : this.getTranslation('nextMonth');
-    }
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        public el: ElementRef,
-        public renderer: Renderer2,
-        public cd: ChangeDetectorRef,
-        private zone: NgZone,
-        private config: PrimeNGConfig,
-        public overlayService: OverlayService
-    ) {
-        this.window = this.document.defaultView as Window;
-    }
-
-    ngOnInit() {
-        this.attributeSelector = UniqueComponentId();
-        this.panelId = this.attributeSelector + '_panel';
-        const date = this.defaultDate || new Date();
-        this.createResponsiveStyle();
-        this.currentMonth = date.getMonth();
-        this.currentYear = date.getFullYear();
-        this.yearOptions = [];
-        this.currentView = this.view;
-
-        if (this.view === 'date') {
-            this.createWeekDays();
-            this.initTime(date);
-            this.createMonths(this.currentMonth, this.currentYear);
-            this.ticksTo1970 = ((1970 - 1) * 365 + Math.floor(1970 / 4) - Math.floor(1970 / 100) + Math.floor(1970 / 400)) * 24 * 60 * 60 * 10000000;
-        }
-
-        this.translationSubscription = this.config.translationObserver.subscribe(() => {
-            this.createWeekDays();
-            this.cd.markForCheck();
-        });
-
-        this.initialized = true;
-    }
-
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'date':
-                    this.dateTemplate = item.template;
-                    break;
-
-                case 'decade':
-                    this.decadeTemplate = item.template;
-                    break;
-
-                case 'disabledDate':
-                    this.disabledDateTemplate = item.template;
-                    break;
-
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'inputicon':
-                    this.inputIconTemplate = item.template;
-                    break;
-
-                case 'previousicon':
-                    this.previousIconTemplate = item.template;
-                    break;
-
-                case 'nexticon':
-                    this.nextIconTemplate = item.template;
-                    break;
-
-                case 'triggericon':
-                    this.triggerIconTemplate = item.template;
-                    break;
-
-                case 'clearicon':
-                    this.clearIconTemplate = item.template;
-                    break;
-
-                case 'decrementicon':
-                    this.decrementIconTemplate = item.template;
-                    break;
-
-                case 'incrementicon':
-                    this.incrementIconTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                default:
-                    this.dateTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    ngAfterViewInit() {
-        if (this.inline) {
-            this.contentViewChild && this.contentViewChild.nativeElement.setAttribute(this.attributeSelector, '');
-
-            if (!this.disabled && !this.inline) {
-                this.initFocusableCell();
-                if (this.numberOfMonths === 1) {
-                    if (this.contentViewChild && this.contentViewChild.nativeElement) {
-                        this.contentViewChild.nativeElement.style.width = DomHandler.getOuterWidth(this.containerViewChild?.nativeElement) + 'px';
-                    }
-                }
-            }
-        }
-    }
-
-    getTranslation(option: string) {
-        return this.config.getTranslation(option);
-    }
-
-    populateYearOptions(start: number, end: number) {
-        this.yearOptions = [];
-
-        for (let i = start; i <= end; i++) {
-            this.yearOptions.push(i);
-        }
-    }
-
-    createWeekDays() {
-        this.weekDays = [];
-        let dayIndex = this.getFirstDateOfWeek();
-        let dayLabels = this.getTranslation(TranslationKeys.DAY_NAMES_MIN);
-        for (let i = 0; i < 7; i++) {
-            this.weekDays.push(dayLabels[dayIndex]);
-            dayIndex = dayIndex == 6 ? 0 : ++dayIndex;
-        }
-    }
-
-    monthPickerValues() {
-        let monthPickerValues = [];
-        for (let i = 0; i <= 11; i++) {
-            monthPickerValues.push(this.config.getTranslation('monthNamesShort')[i]);
-        }
-
-        return monthPickerValues;
-    }
-
-    yearPickerValues() {
-        let yearPickerValues = [];
-        let base = <number>this.currentYear - (<number>this.currentYear % this.stepYearPicker);
-        for (let i = 0; i < this.stepYearPicker; i++) {
-            yearPickerValues.push(base + i);
-        }
-
-        return yearPickerValues;
-    }
-
-    createMonths(month: number, year: number) {
-        this.months = this.months = [];
-        for (let i = 0; i < this.numberOfMonths; i++) {
-            let m = month + i;
-            let y = year;
-            if (m > 11) {
-                m = (m % 11) - 1;
-                y = year + 1;
-            }
-
-            this.months.push(this.createMonth(m, y));
-        }
-    }
-
-    getWeekNumber(date: Date) {
-        let checkDate = new Date(date.getTime());
-        if (this.startWeekFromFirstDayOfYear) {
-            let firstDayOfWeek: number = +this.getFirstDateOfWeek();
-            checkDate.setDate(checkDate.getDate() + 6 + firstDayOfWeek - checkDate.getDay());
-        } else {
-            checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7));
-        }
-        let time = checkDate.getTime();
-        checkDate.setMonth(0);
-        checkDate.setDate(1);
-        return Math.floor(Math.round((time - checkDate.getTime()) / 86400000) / 7) + 1;
-    }
-
-    createMonth(month: number, year: number): Month {
-        let dates = [];
-        let firstDay = this.getFirstDayOfMonthIndex(month, year);
-        let daysLength = this.getDaysCountInMonth(month, year);
-        let prevMonthDaysLength = this.getDaysCountInPrevMonth(month, year);
-        let dayNo = 1;
-        let today = new Date();
-        let weekNumbers = [];
-        let monthRows = Math.ceil((daysLength + firstDay) / 7);
-
-        for (let i = 0; i < monthRows; i++) {
-            let week = [];
-
-            if (i == 0) {
-                for (let j = prevMonthDaysLength - firstDay + 1; j <= prevMonthDaysLength; j++) {
-                    let prev = this.getPreviousMonthAndYear(month, year);
-                    week.push({ day: j, month: prev.month, year: prev.year, otherMonth: true, today: this.isToday(today, j, prev.month, prev.year), selectable: this.isSelectable(j, prev.month, prev.year, true) });
-                }
-
-                let remainingDaysLength = 7 - week.length;
-                for (let j = 0; j < remainingDaysLength; j++) {
-                    week.push({ day: dayNo, month: month, year: year, today: this.isToday(today, dayNo, month, year), selectable: this.isSelectable(dayNo, month, year, false) });
-                    dayNo++;
-                }
-            } else {
-                for (let j = 0; j < 7; j++) {
-                    if (dayNo > daysLength) {
-                        let next = this.getNextMonthAndYear(month, year);
-                        week.push({
-                            day: dayNo - daysLength,
-                            month: next.month,
-                            year: next.year,
-                            otherMonth: true,
-                            today: this.isToday(today, dayNo - daysLength, next.month, next.year),
-                            selectable: this.isSelectable(dayNo - daysLength, next.month, next.year, true)
-                        });
-                    } else {
-                        week.push({ day: dayNo, month: month, year: year, today: this.isToday(today, dayNo, month, year), selectable: this.isSelectable(dayNo, month, year, false) });
-                    }
-
-                    dayNo++;
-                }
-            }
-
-            if (this.showWeek) {
-                weekNumbers.push(this.getWeekNumber(new Date(week[0].year, week[0].month, week[0].day)));
-            }
-
-            dates.push(week);
-        }
-
-        return {
-            month: month,
-            year: year,
-            dates: <any>dates,
-            weekNumbers: weekNumbers
-        };
-    }
-
-    initTime(date: Date) {
-        this.pm = date.getHours() > 11;
-
-        if (this.showTime) {
-            this.currentMinute = date.getMinutes();
-            this.currentSecond = date.getSeconds();
-            this.setCurrentHourPM(date.getHours());
-        } else if (this.timeOnly) {
-            this.currentMinute = 0;
-            this.currentHour = 0;
-            this.currentSecond = 0;
-        }
-    }
-
-    navBackward(event: any) {
-        if (this.disabled) {
-            event.preventDefault();
-            return;
-        }
-
-        this.isMonthNavigate = true;
-
-        if (this.currentView === 'month') {
-            this.decrementYear();
-            setTimeout(() => {
-                this.updateFocus();
-            }, 1);
-        } else if (this.currentView === 'year') {
-            this.decrementYearPickerStep();
-            setTimeout(() => {
-                this.updateFocus();
-            }, 1);
-        } else {
-            if (this.currentMonth === 0) {
-                this.currentMonth = 11;
-                this.decrementYear();
-            } else {
-                this.currentMonth--;
-            }
-
-            this.onMonthChange.emit({ month: this.currentMonth + 1, year: this.currentYear });
-            this.createMonths(this.currentMonth, this.currentYear);
-        }
-    }
-
-    navForward(event: any) {
-        if (this.disabled) {
-            event.preventDefault();
-            return;
-        }
-
-        this.isMonthNavigate = true;
-
-        if (this.currentView === 'month') {
-            this.incrementYear();
-            setTimeout(() => {
-                this.updateFocus();
-            }, 1);
-        } else if (this.currentView === 'year') {
-            this.incrementYearPickerStep();
-            setTimeout(() => {
-                this.updateFocus();
-            }, 1);
-        } else {
-            if (this.currentMonth === 11) {
-                this.currentMonth = 0;
-                this.incrementYear();
-            } else {
-                this.currentMonth++;
-            }
-
-            this.onMonthChange.emit({ month: this.currentMonth + 1, year: this.currentYear });
-            this.createMonths(this.currentMonth, this.currentYear);
-        }
-    }
-
-    decrementYear() {
-        this.currentYear--;
-        let _yearOptions = <number[]>this.yearOptions;
-
-        if (this.yearNavigator && this.currentYear < _yearOptions[0]) {
-            let difference = _yearOptions[_yearOptions.length - 1] - _yearOptions[0];
-            this.populateYearOptions(_yearOptions[0] - difference, _yearOptions[_yearOptions.length - 1] - difference);
-        }
-    }
-
-    decrementYearPickerStep() {
-        this.currentYear = this.currentYear - this.stepYearPicker;
-    }
-
-    incrementYearPickerStep() {
-        this.currentYear = this.currentYear + this.stepYearPicker;
-    }
-
-    incrementYear() {
-        this.currentYear++;
-        let _yearOptions = <number[]>this.yearOptions;
-
-        if (this.yearNavigator && this.currentYear > _yearOptions[_yearOptions.length - 1]) {
-            let difference = _yearOptions[_yearOptions.length - 1] - _yearOptions[0];
-            this.populateYearOptions(_yearOptions[0] + difference, _yearOptions[_yearOptions.length - 1] + difference);
-        }
-    }
-
-    switchToMonthView(event: Event) {
-        this.setCurrentView('month');
-        event.preventDefault();
-    }
-
-    switchToYearView(event: Event) {
-        this.setCurrentView('year');
-        event.preventDefault();
-    }
-
-    onDateSelect(event: Event, dateMeta: any) {
-        if (this.disabled || !dateMeta.selectable) {
-            event.preventDefault();
-            return;
-        }
-
-        if (this.isMultipleSelection() && this.isSelected(dateMeta)) {
-            this.value = this.value.filter((date: Date, i: number) => {
-                return !this.isDateEquals(date, dateMeta);
-            });
-            if (this.value.length === 0) {
-                this.value = null;
-            }
-            this.updateModel(this.value);
-        } else {
-            if (this.shouldSelectDate(dateMeta)) {
-                this.selectDate(dateMeta);
-            }
-        }
-
-        if (this.hideOnDateTimeSelect && (this.isSingleSelection() || (this.isRangeSelection() && this.value[1]))) {
-            setTimeout(() => {
-                event.preventDefault();
-                this.hideOverlay();
-
-                if (this.mask) {
-                    this.disableModality();
-                }
-
-                this.cd.markForCheck();
-            }, 150);
-        }
-
-        this.updateInputfield();
-        event.preventDefault();
-    }
-
-    shouldSelectDate(dateMeta: any) {
-        if (this.isMultipleSelection()) return this.maxDateCount != null ? this.maxDateCount > (this.value ? this.value.length : 0) : true;
-        else return true;
-    }
-
-    onMonthSelect(event: Event, index: number) {
-        if (this.view === 'month') {
-            this.onDateSelect(event, { year: this.currentYear, month: index, day: 1, selectable: true });
-        } else {
-            this.currentMonth = index;
-            this.createMonths(this.currentMonth, this.currentYear);
-            this.setCurrentView('date');
-            this.onMonthChange.emit({ month: this.currentMonth + 1, year: this.currentYear });
-        }
-    }
-
-    onYearSelect(event: Event, year: number) {
-        if (this.view === 'year') {
-            this.onDateSelect(event, { year: year, month: 0, day: 1, selectable: true });
-        } else {
-            this.currentYear = year;
-            this.setCurrentView('month');
-            this.onYearChange.emit({ month: this.currentMonth + 1, year: this.currentYear });
-        }
-    }
-
-    updateInputfield() {
-        let formattedValue = '';
-
-        if (this.value) {
-            if (this.isSingleSelection()) {
-                formattedValue = this.formatDateTime(this.value);
-            } else if (this.isMultipleSelection()) {
-                for (let i = 0; i < this.value.length; i++) {
-                    let dateAsString = this.formatDateTime(this.value[i]);
-                    formattedValue += dateAsString;
-                    if (i !== this.value.length - 1) {
-                        formattedValue += this.multipleSeparator + ' ';
-                    }
-                }
-            } else if (this.isRangeSelection()) {
-                if (this.value && this.value.length) {
-                    let startDate = this.value[0];
-                    let endDate = this.value[1];
-
-                    formattedValue = this.formatDateTime(startDate);
-                    if (endDate) {
-                        formattedValue += ' ' + this.rangeSeparator + ' ' + this.formatDateTime(endDate);
-                    }
-                }
-            }
-        }
-
-        this.inputFieldValue = formattedValue;
-        this.updateFilledState();
-        if (this.inputfieldViewChild && this.inputfieldViewChild.nativeElement) {
-            this.inputfieldViewChild.nativeElement.value = this.inputFieldValue;
-        }
-    }
-
-    formatDateTime(date: any) {
-        let formattedValue = this.keepInvalid ? date : null;
-        const isDateValid = this.isValidDateForTimeConstraints(date);
-
-        if (this.isValidDate(date)) {
-            if (this.timeOnly) {
-                formattedValue = this.formatTime(date);
-            } else {
-                formattedValue = this.formatDate(date, this.getDateFormat());
-                if (this.showTime) {
-                    formattedValue += ' ' + this.formatTime(date);
-                }
-            }
-        } else if (this.dataType === 'string') {
-            formattedValue = date;
-        }
-        formattedValue = isDateValid ? formattedValue : '';
-        return formattedValue;
-    }
-
-    formatDateMetaToDate(dateMeta: any): Date {
-        return new Date(dateMeta.year, dateMeta.month, dateMeta.day);
-    }
-
-    formatDateKey(date: Date): string {
-        return `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}`;
-    }
-
-    setCurrentHourPM(hours: number) {
-        if (this.hourFormat == '12') {
-            this.pm = hours > 11;
-            if (hours >= 12) {
-                this.currentHour = hours == 12 ? 12 : hours - 12;
-            } else {
-                this.currentHour = hours == 0 ? 12 : hours;
-            }
-        } else {
-            this.currentHour = hours;
-        }
-    }
-
-    setCurrentView(currentView: CalendarTypeView) {
-        this.currentView = currentView;
-        this.cd.detectChanges();
-        this.alignOverlay();
-    }
-
-    selectDate(dateMeta: any) {
-        let date = this.formatDateMetaToDate(dateMeta);
-
-        if (this.showTime) {
-            if (this.hourFormat == '12') {
-                if (this.currentHour === 12) date.setHours(this.pm ? 12 : 0);
-                else date.setHours(this.pm ? <number>this.currentHour + 12 : <number>this.currentHour);
-            } else {
-                date.setHours(<number>this.currentHour);
-            }
-
-            date.setMinutes(<number>this.currentMinute);
-            date.setSeconds(<number>this.currentSecond);
-        }
-
-        if (this.minDate && this.minDate > date) {
-            date = this.minDate;
-            this.setCurrentHourPM(date.getHours());
-            this.currentMinute = date.getMinutes();
-            this.currentSecond = date.getSeconds();
-        }
-
-        if (this.maxDate && this.maxDate < date) {
-            date = this.maxDate;
-            this.setCurrentHourPM(date.getHours());
-            this.currentMinute = date.getMinutes();
-            this.currentSecond = date.getSeconds();
-        }
-
-        if (this.isSingleSelection()) {
-            this.updateModel(date);
-        } else if (this.isMultipleSelection()) {
-            this.updateModel(this.value ? [...this.value, date] : [date]);
-        } else if (this.isRangeSelection()) {
-            if (this.value && this.value.length) {
-                let startDate = this.value[0];
-                let endDate = this.value[1];
-
-                if (!endDate && date.getTime() >= startDate.getTime()) {
-                    endDate = date;
-                } else {
-                    startDate = date;
-                    endDate = null;
-                }
-
-                this.updateModel([startDate, endDate]);
-            } else {
-                this.updateModel([date, null]);
-            }
-        }
-
-        this.onSelect.emit(date);
-    }
-
-    updateModel(value: any) {
-        this.value = value;
-
-        if (this.dataType == 'date') {
-            this.onModelChange(this.value);
-        } else if (this.dataType == 'string') {
-            if (this.isSingleSelection()) {
-                this.onModelChange(this.formatDateTime(this.value));
-            } else {
-                let stringArrValue = null;
-                if (Array.isArray(this.value)) {
-                    stringArrValue = this.value.map((date: Date) => this.formatDateTime(date));
-                }
-                this.onModelChange(stringArrValue);
-            }
-        }
-    }
-
-    getFirstDayOfMonthIndex(month: number, year: number) {
-        let day = new Date();
-        day.setDate(1);
-        day.setMonth(month);
-        day.setFullYear(year);
-
-        let dayIndex = day.getDay() + this.getSundayIndex();
-        return dayIndex >= 7 ? dayIndex - 7 : dayIndex;
-    }
-
-    getDaysCountInMonth(month: number, year: number) {
-        return 32 - this.daylightSavingAdjust(new Date(year, month, 32)).getDate();
-    }
-
-    getDaysCountInPrevMonth(month: number, year: number) {
-        let prev = this.getPreviousMonthAndYear(month, year);
-        return this.getDaysCountInMonth(prev.month, prev.year);
-    }
-
-    getPreviousMonthAndYear(month: number, year: number) {
-        let m, y;
-
-        if (month === 0) {
-            m = 11;
-            y = year - 1;
-        } else {
-            m = month - 1;
-            y = year;
-        }
-
-        return { month: m, year: y };
-    }
-
-    getNextMonthAndYear(month: number, year: number) {
-        let m, y;
-
-        if (month === 11) {
-            m = 0;
-            y = year + 1;
-        } else {
-            m = month + 1;
-            y = year;
-        }
-
-        return { month: m, year: y };
-    }
-
-    getSundayIndex() {
-        let firstDayOfWeek = this.getFirstDateOfWeek();
-
-        return firstDayOfWeek > 0 ? 7 - firstDayOfWeek : 0;
-    }
-
-    isSelected(dateMeta: any): boolean | undefined {
-        if (this.value) {
-            if (this.isSingleSelection()) {
-                return this.isDateEquals(this.value, dateMeta);
-            } else if (this.isMultipleSelection()) {
-                let selected = false;
-                for (let date of this.value) {
-                    selected = this.isDateEquals(date, dateMeta);
-                    if (selected) {
-                        break;
-                    }
-                }
-
-                return selected;
-            } else if (this.isRangeSelection()) {
-                if (this.value[1]) return this.isDateEquals(this.value[0], dateMeta) || this.isDateEquals(this.value[1], dateMeta) || this.isDateBetween(this.value[0], this.value[1], dateMeta);
-                else return this.isDateEquals(this.value[0], dateMeta);
-            }
-        } else {
-            return false;
-        }
-    }
-
-    isComparable() {
-        return this.value != null && typeof this.value !== 'string';
-    }
-
-    isMonthSelected(month: number) {
-        if (this.isComparable() && !this.isMultipleSelection()) {
-            const [start, end] = this.isRangeSelection() ? this.value : [this.value, this.value];
-            const selected = new Date(this.currentYear, month, 1);
-            return selected >= start && selected <= (end ?? start);
-        }
-        return false;
-    }
-
-    isMonthDisabled(month: number, year?: number) {
-        const yearToCheck = year ?? this.currentYear;
-
-        for (let day = 1; day < this.getDaysCountInMonth(month, yearToCheck) + 1; day++) {
-            if (this.isSelectable(day, month, yearToCheck, false)) {
-                return false;
-            }
-        }
-        return true;
-    }
-
-    isYearDisabled(year: number) {
-        return Array(12)
-            .fill(0)
-            .every((v, month) => this.isMonthDisabled(month, year));
-    }
-
-    isYearSelected(year: number) {
-        if (!this.isComparable()) return false;
-        if (this.isMultipleSelection()) return false;
-
-        let value = this.isRangeSelection() ? this.value[0] : this.value; 
-        return value ? value.getFullYear() === year : false;
-    }
-
-    isDateEquals(value: any, dateMeta: any) {
-        if (value && ObjectUtils.isDate(value)) return value.getDate() === dateMeta.day && value.getMonth() === dateMeta.month && value.getFullYear() === dateMeta.year;
-        else return false;
-    }
-
-    isDateBetween(start: Date, end: Date, dateMeta: any) {
-        let between: boolean = false;
-        if (ObjectUtils.isDate(start) && ObjectUtils.isDate(end)) {
-            let date: Date = this.formatDateMetaToDate(dateMeta);
-            return start.getTime() <= date.getTime() && end.getTime() >= date.getTime();
-        }
-
-        return between;
-    }
-
-    isSingleSelection(): boolean {
-        return this.selectionMode === 'single';
-    }
-
-    isRangeSelection(): boolean {
-        return this.selectionMode === 'range';
-    }
-
-    isMultipleSelection(): boolean {
-        return this.selectionMode === 'multiple';
-    }
-
-    isToday(today: Date, day: number, month: number, year: number): boolean {
-        return today.getDate() === day && today.getMonth() === month && today.getFullYear() === year;
-    }
-
-    isSelectable(day: any, month: any, year: any, otherMonth: any): boolean {
-        let validMin = true;
-        let validMax = true;
-        let validDate = true;
-        let validDay = true;
-
-        if (otherMonth && !this.selectOtherMonths) {
-            return false;
-        }
-
-        if (this.minDate) {
-            if (this.minDate.getFullYear() > year) {
-                validMin = false;
-            } else if (this.minDate.getFullYear() === year && this.currentView != 'year') {
-                if (this.minDate.getMonth() > month) {
-                    validMin = false;
-                } else if (this.minDate.getMonth() === month) {
-                    if (this.minDate.getDate() > day) {
-                        validMin = false;
-                    }
-                }
-            }
-        }
-
-        if (this.maxDate) {
-            if (this.maxDate.getFullYear() < year) {
-                validMax = false;
-            } else if (this.maxDate.getFullYear() === year) {
-                if (this.maxDate.getMonth() < month) {
-                    validMax = false;
-                } else if (this.maxDate.getMonth() === month) {
-                    if (this.maxDate.getDate() < day) {
-                        validMax = false;
-                    }
-                }
-            }
-        }
-
-        if (this.disabledDates) {
-            validDate = !this.isDateDisabled(day, month, year);
-        }
-
-        if (this.disabledDays) {
-            validDay = !this.isDayDisabled(day, month, year);
-        }
-
-        return validMin && validMax && validDate && validDay;
-    }
-
-    isDateDisabled(day: number, month: number, year: number): boolean {
-        if (this.disabledDates) {
-            for (let disabledDate of this.disabledDates) {
-                if (disabledDate.getFullYear() === year && disabledDate.getMonth() === month && disabledDate.getDate() === day) {
-                    return true;
-                }
-            }
-        }
-
-        return false;
-    }
-
-    isDayDisabled(day: number, month: number, year: number): boolean {
-        if (this.disabledDays) {
-            let weekday = new Date(year, month, day);
-            let weekdayNumber = weekday.getDay();
-            return this.disabledDays.indexOf(weekdayNumber) !== -1;
-        }
-        return false;
-    }
-
-    onInputFocus(event: Event) {
-        this.focus = true;
-        if (this.showOnFocus) {
-            this.showOverlay();
-        }
-        this.onFocus.emit(event);
-    }
-
-    onInputClick() {
-        if (this.showOnFocus && !this.overlayVisible) {
-            this.showOverlay();
-        }
-    }
-
-    onInputBlur(event: Event) {
-        this.focus = false;
-        this.onBlur.emit(event);
-        if (!this.keepInvalid) {
-            this.updateInputfield();
-        }
-        this.onModelTouched();
-    }
-
-    onButtonClick(event: Event, inputfield: any = this.inputfieldViewChild?.nativeElement) {
-        if (!this.overlayVisible) {
-            inputfield.focus();
-            this.showOverlay();
-        } else {
-            this.hideOverlay();
-        }
-    }
-
-    clear() {
-        this.inputFieldValue = null;
-        this.value = null;
-        this.onModelChange(this.value);
-        this.onClear.emit();
-    }
-
-    onOverlayClick(event: Event) {
-        this.overlayService.add({
-            originalEvent: event,
-            target: this.el.nativeElement
-        });
-    }
-
-    getMonthName(index: number) {
-        return this.config.getTranslation('monthNames')[index];
-    }
-
-    getYear(month: any) {
-        return this.currentView === 'month' ? this.currentYear : month.year;
-    }
-
-    switchViewButtonDisabled() {
-        return this.numberOfMonths > 1 || this.disabled;
-    }
-
-    onPrevButtonClick(event: Event) {
-        this.navigationState = { backward: true, button: true };
-        this.navBackward(event);
-    }
-
-    onNextButtonClick(event: Event) {
-        this.navigationState = { backward: false, button: true };
-        this.navForward(event);
-    }
-
-    onContainerButtonKeydown(event: KeyboardEvent) {
-        switch (event.which) {
-            //tab
-            case 9:
-                if (!this.inline) {
-                    this.trapFocus(event);
-                }
-                if (this.inline) {
-                    const headerElements = DomHandler.findSingle(this.containerViewChild?.nativeElement, '.p-datepicker-header');
-                    const element = event.target;
-                    if (this.timeOnly) {
-                        return;
-                    } else {
-                        if (element == headerElements.children[headerElements?.children?.length - 1]) {
-                            this.initFocusableCell();
-                        }
-                    }
-                }
-                break;
-
-            //escape
-            case 27:
-                this.inputfieldViewChild?.nativeElement.focus();
-                this.overlayVisible = false;
-                event.preventDefault();
-                break;
-
-            default:
-                //Noop
-                break;
-        }
-    }
-
-    onInputKeydown(event: any) {
-        this.isKeydown = true;
-        if (event.keyCode === 40 && this.contentViewChild) {
-            this.trapFocus(event);
-        } else if (event.keyCode === 27) {
-            if (this.overlayVisible) {
-                this.inputfieldViewChild?.nativeElement.focus();
-                this.overlayVisible = false;
-                event.preventDefault();
-            }
-        } else if (event.keyCode === 13) {
-            if (this.overlayVisible) {
-                this.overlayVisible = false;
-                event.preventDefault();
-            }
-        } else if (event.keyCode === 9 && this.contentViewChild) {
-            DomHandler.getFocusableElements(this.contentViewChild.nativeElement).forEach((el) => (el.tabIndex = '-1'));
-            if (this.overlayVisible) {
-                this.overlayVisible = false;
-            }
-        }
-    }
-
-    onDateCellKeydown(event: any, dateMeta: any, groupIndex: number) {
-        const cellContent = event.currentTarget;
-        const cell = cellContent.parentElement;
-        const currentDate = this.formatDateMetaToDate(dateMeta);
-        switch (event.which) {
-            //down arrow
-            case 40: {
-                cellContent.tabIndex = '-1';
-                let cellIndex = DomHandler.index(cell);
-                let nextRow = cell.parentElement.nextElementSibling;
-                if (nextRow) {
-                    let focusCell = nextRow.children[cellIndex].children[0];
-                    if (DomHandler.hasClass(focusCell, 'p-disabled')) {
-                        this.navigationState = { backward: false };
-                        this.navForward(event);
-                    } else {
-                        nextRow.children[cellIndex].children[0].tabIndex = '0';
-                        nextRow.children[cellIndex].children[0].focus();
-                    }
-                } else {
-                    this.navigationState = { backward: false };
-                    this.navForward(event);
-                }
-                event.preventDefault();
-                break;
-            }
-
-            //up arrow
-            case 38: {
-                cellContent.tabIndex = '-1';
-                let cellIndex = DomHandler.index(cell);
-                let prevRow = cell.parentElement.previousElementSibling;
-                if (prevRow) {
-                    let focusCell = prevRow.children[cellIndex].children[0];
-                    if (DomHandler.hasClass(focusCell, 'p-disabled')) {
-                        this.navigationState = { backward: true };
-                        this.navBackward(event);
-                    } else {
-                        focusCell.tabIndex = '0';
-                        focusCell.focus();
-                    }
-                } else {
-                    this.navigationState = { backward: true };
-                    this.navBackward(event);
-                }
-                event.preventDefault();
-                break;
-            }
-
-            //left arrow
-            case 37: {
-                cellContent.tabIndex = '-1';
-                let prevCell = cell.previousElementSibling;
-                if (prevCell) {
-                    let focusCell = prevCell.children[0];
-                    if (DomHandler.hasClass(focusCell, 'p-disabled') || DomHandler.hasClass(focusCell.parentElement, 'p-datepicker-weeknumber')) {
-                        this.navigateToMonth(true, groupIndex);
-                    } else {
-                        focusCell.tabIndex = '0';
-                        focusCell.focus();
-                    }
-                } else {
-                    this.navigateToMonth(true, groupIndex);
-                }
-                event.preventDefault();
-                break;
-            }
-
-            //right arrow
-            case 39: {
-                cellContent.tabIndex = '-1';
-                let nextCell = cell.nextElementSibling;
-                if (nextCell) {
-                    let focusCell = nextCell.children[0];
-                    if (DomHandler.hasClass(focusCell, 'p-disabled')) {
-                        this.navigateToMonth(false, groupIndex);
-                    } else {
-                        focusCell.tabIndex = '0';
-                        focusCell.focus();
-                    }
-                } else {
-                    this.navigateToMonth(false, groupIndex);
-                }
-                event.preventDefault();
-                break;
-            }
-
-            //enter
-            //space
-            case 13:
-            case 32: {
-                this.onDateSelect(event, dateMeta);
-                event.preventDefault();
-                break;
-            }
-
-            //escape
-            case 27: {
-                this.inputfieldViewChild?.nativeElement.focus();
-                this.overlayVisible = false;
-                event.preventDefault();
-                break;
-            }
-
-            //tab
-            case 9: {
-                if (!this.inline) {
-                    this.trapFocus(event);
-                }
-                break;
-            }
-
-            // page up
-            case 33: {
-                cellContent.tabIndex = '-1';
-                const dateToFocus = new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, currentDate.getDate());
-                const focusKey = this.formatDateKey(dateToFocus);
-                this.navigateToMonth(true, groupIndex, `span[data-date='${focusKey}']:not(.p-disabled):not(.p-ink)`);
-                event.preventDefault();
-                break;
-            }
-
-            // page down
-            case 34: {
-                cellContent.tabIndex = '-1';
-                const dateToFocus = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, currentDate.getDate());
-                const focusKey = this.formatDateKey(dateToFocus);
-                this.navigateToMonth(false, groupIndex, `span[data-date='${focusKey}']:not(.p-disabled):not(.p-ink)`);
-                event.preventDefault();
-                break;
-            }
-
-            //home
-            case 36:
-                cellContent.tabIndex = '-1';
-                const firstDayDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
-                const firstDayDateKey = this.formatDateKey(firstDayDate);
-                const firstDayCell = DomHandler.findSingle(cellContent.offsetParent, `span[data-date='${firstDayDateKey}']:not(.p-disabled):not(.p-ink)`);
-                if (firstDayCell) {
-                    firstDayCell.tabIndex = '0';
-                    firstDayCell.focus();
-                }
-                event.preventDefault();
-                break;
-
-            //end
-            case 35:
-                cellContent.tabIndex = '-1';
-                const lastDayDate = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0);
-                const lastDayDateKey = this.formatDateKey(lastDayDate);
-                const lastDayCell = DomHandler.findSingle(cellContent.offsetParent, `span[data-date='${lastDayDateKey}']:not(.p-disabled):not(.p-ink)`);
-                if (lastDayDate) {
-                    lastDayCell.tabIndex = '0';
-                    lastDayCell.focus();
-                }
-                event.preventDefault();
-                break;
-
-            default:
-                //no op
-                break;
-        }
-    }
-
-    onMonthCellKeydown(event: any, index: number) {
-        const cell = event.currentTarget;
-        switch (event.which) {
-            //arrows
-            case 38:
-            case 40: {
-                cell.tabIndex = '-1';
-                var cells = cell.parentElement.children;
-                var cellIndex = DomHandler.index(cell);
-                let nextCell = cells[event.which === 40 ? cellIndex + 3 : cellIndex - 3];
-                if (nextCell) {
-                    nextCell.tabIndex = '0';
-                    nextCell.focus();
-                }
-                event.preventDefault();
-                break;
-            }
-
-            //left arrow
-            case 37: {
-                cell.tabIndex = '-1';
-                let prevCell = cell.previousElementSibling;
-                if (prevCell) {
-                    prevCell.tabIndex = '0';
-                    prevCell.focus();
-                } else {
-                    this.navigationState = { backward: true };
-                    this.navBackward(event);
-                }
-
-                event.preventDefault();
-                break;
-            }
-
-            //right arrow
-            case 39: {
-                cell.tabIndex = '-1';
-                let nextCell = cell.nextElementSibling;
-                if (nextCell) {
-                    nextCell.tabIndex = '0';
-                    nextCell.focus();
-                } else {
-                    this.navigationState = { backward: false };
-                    this.navForward(event);
-                }
-
-                event.preventDefault();
-                break;
-            }
-
-            //enter
-            //space
-            case 13:
-            case 32: {
-                this.onMonthSelect(event, index);
-                event.preventDefault();
-                break;
-            }
-
-            //escape
-            case 27: {
-                this.inputfieldViewChild?.nativeElement.focus();
-                this.overlayVisible = false;
-                event.preventDefault();
-                break;
-            }
-
-            //tab
-            case 9: {
-                if (!this.inline) {
-                    this.trapFocus(event);
-                }
-                break;
-            }
-
-            default:
-                //no op
-                break;
-        }
-    }
-
-    onYearCellKeydown(event: any, index: number) {
-        const cell = event.currentTarget;
-
-        switch (event.which) {
-            //arrows
-            case 38:
-            case 40: {
-                cell.tabIndex = '-1';
-                var cells = cell.parentElement.children;
-                var cellIndex = DomHandler.index(cell);
-                let nextCell = cells[event.which === 40 ? cellIndex + 2 : cellIndex - 2];
-                if (nextCell) {
-                    nextCell.tabIndex = '0';
-                    nextCell.focus();
-                }
-                event.preventDefault();
-                break;
-            }
-
-            //left arrow
-            case 37: {
-                cell.tabIndex = '-1';
-                let prevCell = cell.previousElementSibling;
-                if (prevCell) {
-                    prevCell.tabIndex = '0';
-                    prevCell.focus();
-                } else {
-                    this.navigationState = { backward: true };
-                    this.navBackward(event);
-                }
-
-                event.preventDefault();
-                break;
-            }
-
-            //right arrow
-            case 39: {
-                cell.tabIndex = '-1';
-                let nextCell = cell.nextElementSibling;
-                if (nextCell) {
-                    nextCell.tabIndex = '0';
-                    nextCell.focus();
-                } else {
-                    this.navigationState = { backward: false };
-                    this.navForward(event);
-                }
-
-                event.preventDefault();
-                break;
-            }
-
-            //enter
-            //space
-            case 13:
-            case 32: {
-                this.onYearSelect(event, index);
-                event.preventDefault();
-                break;
-            }
-
-            //escape
-            case 27: {
-                this.inputfieldViewChild?.nativeElement.focus();
-                this.overlayVisible = false;
-                event.preventDefault();
-                break;
-            }
-
-            //tab
-            case 9: {
-                this.trapFocus(event);
-                break;
-            }
-
-            default:
-                //no op
-                break;
-        }
-    }
-
-    navigateToMonth(prev: boolean, groupIndex: number, focusKey?: string) {
-        if (prev) {
-            if (this.numberOfMonths === 1 || groupIndex === 0) {
-                this.navigationState = { backward: true };
-                this._focusKey = focusKey;
-                this.navBackward(event);
-            } else {
-                let prevMonthContainer = this.contentViewChild.nativeElement.children[groupIndex - 1];
-                if (focusKey) {
-                    const firstDayCell = DomHandler.findSingle(prevMonthContainer, focusKey);
-                    firstDayCell.tabIndex = '0';
-                    firstDayCell.focus();
-                } else {
-                    let cells = DomHandler.find(prevMonthContainer, '.p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)');
-                    let focusCell = cells[cells.length - 1];
-                    focusCell.tabIndex = '0';
-                    focusCell.focus();
-                }
-            }
-        } else {
-            if (this.numberOfMonths === 1 || groupIndex === this.numberOfMonths - 1) {
-                this.navigationState = { backward: false };
-                this._focusKey = focusKey;
-                this.navForward(event);
-            } else {
-                let nextMonthContainer = this.contentViewChild.nativeElement.children[groupIndex + 1];
-                if (focusKey) {
-                    const firstDayCell = DomHandler.findSingle(nextMonthContainer, focusKey);
-                    firstDayCell.tabIndex = '0';
-                    firstDayCell.focus();
-                } else {
-                    let focusCell = DomHandler.findSingle(nextMonthContainer, '.p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)');
-                    focusCell.tabIndex = '0';
-                    focusCell.focus();
-                }
-            }
-        }
-    }
-
-    updateFocus() {
-        let cell;
-
-        if (this.navigationState) {
-            if (this.navigationState.button) {
-                this.initFocusableCell();
-
-                if (this.navigationState.backward) DomHandler.findSingle(this.contentViewChild.nativeElement, '.p-datepicker-prev').focus();
-                else DomHandler.findSingle(this.contentViewChild.nativeElement, '.p-datepicker-next').focus();
-            } else {
-                if (this.navigationState.backward) {
-                    let cells;
-
-                    if (this.currentView === 'month') {
-                        cells = DomHandler.find(this.contentViewChild.nativeElement, '.p-monthpicker .p-monthpicker-month:not(.p-disabled)');
-                    } else if (this.currentView === 'year') {
-                        cells = DomHandler.find(this.contentViewChild.nativeElement, '.p-yearpicker .p-yearpicker-year:not(.p-disabled)');
-                    } else {
-                        cells = DomHandler.find(this.contentViewChild.nativeElement, this._focusKey || '.p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)');
-                    }
-
-                    if (cells && cells.length > 0) {
-                        cell = cells[cells.length - 1];
-                    }
-                } else {
-                    if (this.currentView === 'month') {
-                        cell = DomHandler.findSingle(this.contentViewChild.nativeElement, '.p-monthpicker .p-monthpicker-month:not(.p-disabled)');
-                    } else if (this.currentView === 'year') {
-                        cell = DomHandler.findSingle(this.contentViewChild.nativeElement, '.p-yearpicker .p-yearpicker-year:not(.p-disabled)');
-                    } else {
-                        cell = DomHandler.findSingle(this.contentViewChild.nativeElement, this._focusKey || '.p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)');
-                    }
-                }
-
-                if (cell) {
-                    cell.tabIndex = '0';
-                    cell.focus();
-                }
-            }
-
-            this.navigationState = null;
-            this._focusKey = null;
-        } else {
-            this.initFocusableCell();
-        }
-        this.alignOverlay();
-    }
-
-    initFocusableCell() {
-        const contentEl = this.contentViewChild?.nativeElement;
-        let cell!: any;
-
-        if (this.currentView === 'month') {
-            let cells = DomHandler.find(contentEl, '.p-monthpicker .p-monthpicker-month:not(.p-disabled)');
-            let selectedCell = DomHandler.findSingle(contentEl, '.p-monthpicker .p-monthpicker-month.p-highlight');
-            cells.forEach((cell) => (cell.tabIndex = -1));
-            cell = selectedCell || cells[0];
-
-            if (cells.length === 0) {
-                let disabledCells = DomHandler.find(contentEl, '.p-monthpicker .p-monthpicker-month.p-disabled[tabindex = "0"]');
-                disabledCells.forEach((cell) => (cell.tabIndex = -1));
-            }
-        } else if (this.currentView === 'year') {
-            let cells = DomHandler.find(contentEl, '.p-yearpicker .p-yearpicker-year:not(.p-disabled)');
-            let selectedCell = DomHandler.findSingle(contentEl, '.p-yearpicker .p-yearpicker-year.p-highlight');
-            cells.forEach((cell) => (cell.tabIndex = -1));
-            cell = selectedCell || cells[0];
-
-            if (cells.length === 0) {
-                let disabledCells = DomHandler.find(contentEl, '.p-yearpicker .p-yearpicker-year.p-disabled[tabindex = "0"]');
-                disabledCells.forEach((cell) => (cell.tabIndex = -1));
-            }
-        } else {
-            cell = DomHandler.findSingle(contentEl, 'span.p-highlight');
-            if (!cell) {
-                let todayCell = DomHandler.findSingle(contentEl, 'td.p-datepicker-today span:not(.p-disabled):not(.p-ink)');
-                if (todayCell) cell = todayCell;
-                else cell = DomHandler.findSingle(contentEl, '.p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)');
-            }
-        }
-
-        if (cell) {
-            cell.tabIndex = '0';
-
-            if (!this.preventFocus && (!this.navigationState || !this.navigationState.button)) {
-                setTimeout(() => {
-                    if (!this.disabled) {
-                        cell.focus();
-                    }
-                }, 1);
-            }
-
-            this.preventFocus = false;
-        }
-    }
-
-    trapFocus(event: any) {
-        let focusableElements = DomHandler.getFocusableElements(this.contentViewChild.nativeElement);
-
-        if (focusableElements && focusableElements.length > 0) {
-            if (!focusableElements[0].ownerDocument.activeElement) {
-                focusableElements[0].focus();
-            } else {
-                let focusedIndex = focusableElements.indexOf(focusableElements[0].ownerDocument.activeElement);
-
-                if (event.shiftKey) {
-                    if (focusedIndex == -1 || focusedIndex === 0) {
-                        if (this.focusTrap) {
-                            focusableElements[focusableElements.length - 1].focus();
-                        } else {
-                            if (focusedIndex === -1) return this.hideOverlay();
-                            else if (focusedIndex === 0) return;
-                        }
-                    } else {
-                        focusableElements[focusedIndex - 1].focus();
-                    }
-                } else {
-                    if (focusedIndex == -1) {
-                        if (this.timeOnly) {
-                            focusableElements[0].focus();
-                        } else {
-                            let spanIndex = 0;
-
-                            for (let i = 0; i < focusableElements.length; i++) {
-                                if (focusableElements[i].tagName === 'SPAN') spanIndex = i;
-                            }
-
-                            focusableElements[spanIndex].focus();
-                        }
-                    } else if (focusedIndex === focusableElements.length - 1) {
-                        if (!this.focusTrap && focusedIndex != -1) return this.hideOverlay();
-
-                        focusableElements[0].focus();
-                    } else {
-                        focusableElements[focusedIndex + 1].focus();
-                    }
-                }
-            }
-        }
-
-        event.preventDefault();
-    }
-
-    onMonthDropdownChange(m: string) {
-        this.currentMonth = parseInt(m);
-        this.onMonthChange.emit({ month: this.currentMonth + 1, year: this.currentYear });
-        this.createMonths(this.currentMonth, this.currentYear);
-    }
-
-    onYearDropdownChange(y: string) {
-        this.currentYear = parseInt(y);
-        this.onYearChange.emit({ month: this.currentMonth + 1, year: this.currentYear });
-        this.createMonths(this.currentMonth, this.currentYear);
-    }
-
-    convertTo24Hour(hours: number, pm: boolean) {
-        //@ts-ignore
-        if (this.hourFormat == '12') {
-            if (hours === 12) {
-                return pm ? 12 : 0;
-            } else {
-                return pm ? hours + 12 : hours;
-            }
-        }
-        return hours;
-    }
-
-    constrainTime(hour: number, minute: number, second: number, pm: boolean) {
-        let returnTimeTriple: number[] = [hour, minute, second];
-        let minHoursExceeds12: boolean;
-        let value = this.value;
-        const convertedHour = this.convertTo24Hour(hour, pm);
-        const isRange = this.isRangeSelection(),
-            isMultiple = this.isMultipleSelection(),
-            isMultiValue = isRange || isMultiple;
-
-        if (isMultiValue) {
-            if (!this.value) {
-                this.value = [new Date(), new Date()];
-            }
-            if (isRange) {
-                value = this.value[1] || this.value[0];
-            }
-            if (isMultiple) {
-                value = this.value[this.value.length - 1];
-            }
-        }
-        const valueDateString = value ? value.toDateString() : null;
-        let isMinDate = this.minDate && valueDateString && this.minDate.toDateString() === valueDateString;
-        let isMaxDate = this.maxDate && valueDateString && this.maxDate.toDateString() === valueDateString;
-
-        if (isMinDate) {
-            minHoursExceeds12 = this.minDate.getHours() >= 12;
-        }
-
-        switch (
-            true // intentional fall through
-        ) {
-            case isMinDate && minHoursExceeds12 && this.minDate.getHours() === 12 && this.minDate.getHours() > convertedHour:
-                returnTimeTriple[0] = 11;
-            case isMinDate && this.minDate.getHours() === convertedHour && this.minDate.getMinutes() > minute:
-                returnTimeTriple[1] = this.minDate.getMinutes();
-            case isMinDate && this.minDate.getHours() === convertedHour && this.minDate.getMinutes() === minute && this.minDate.getSeconds() > second:
-                returnTimeTriple[2] = this.minDate.getSeconds();
-                break;
-            case isMinDate && !minHoursExceeds12 && this.minDate.getHours() - 1 === convertedHour && this.minDate.getHours() > convertedHour:
-                returnTimeTriple[0] = 11;
-                this.pm = true;
-            case isMinDate && this.minDate.getHours() === convertedHour && this.minDate.getMinutes() > minute:
-                returnTimeTriple[1] = this.minDate.getMinutes();
-            case isMinDate && this.minDate.getHours() === convertedHour && this.minDate.getMinutes() === minute && this.minDate.getSeconds() > second:
-                returnTimeTriple[2] = this.minDate.getSeconds();
-                break;
-
-            case isMinDate && minHoursExceeds12 && this.minDate.getHours() > convertedHour && convertedHour !== 12:
-                this.setCurrentHourPM(this.minDate.getHours());
-                returnTimeTriple[0] = this.currentHour;
-            case isMinDate && this.minDate.getHours() === convertedHour && this.minDate.getMinutes() > minute:
-                returnTimeTriple[1] = this.minDate.getMinutes();
-            case isMinDate && this.minDate.getHours() === convertedHour && this.minDate.getMinutes() === minute && this.minDate.getSeconds() > second:
-                returnTimeTriple[2] = this.minDate.getSeconds();
-                break;
-            case isMinDate && this.minDate.getHours() > convertedHour:
-                returnTimeTriple[0] = this.minDate.getHours();
-            case isMinDate && this.minDate.getHours() === convertedHour && this.minDate.getMinutes() > minute:
-                returnTimeTriple[1] = this.minDate.getMinutes();
-            case isMinDate && this.minDate.getHours() === convertedHour && this.minDate.getMinutes() === minute && this.minDate.getSeconds() > second:
-                returnTimeTriple[2] = this.minDate.getSeconds();
-                break;
-            case isMaxDate && this.maxDate.getHours() < convertedHour:
-                returnTimeTriple[0] = this.maxDate.getHours();
-            case isMaxDate && this.maxDate.getHours() === convertedHour && this.maxDate.getMinutes() < minute:
-                returnTimeTriple[1] = this.maxDate.getMinutes();
-            case isMaxDate && this.maxDate.getHours() === convertedHour && this.maxDate.getMinutes() === minute && this.maxDate.getSeconds() < second:
-                returnTimeTriple[2] = this.maxDate.getSeconds();
-                break;
-        }
-
-        return returnTimeTriple;
-    }
-
-    incrementHour(event: any) {
-        const prevHour = this.currentHour ?? 0;
-        let newHour = (this.currentHour ?? 0) + this.stepHour;
-        let newPM = this.pm;
-        if (this.hourFormat == '24') newHour = newHour >= 24 ? newHour - 24 : newHour;
-        else if (this.hourFormat == '12') {
-            // Before the AM/PM break, now after
-            if (prevHour < 12 && newHour > 11) {
-                newPM = !this.pm;
-            }
-            newHour = newHour >= 13 ? newHour - 12 : newHour;
-        }
-        this.toggleAMPMIfNotMinDate(newPM);
-        [this.currentHour, this.currentMinute, this.currentSecond] = this.constrainTime(newHour, this.currentMinute!, this.currentSecond!, newPM!);
-        event.preventDefault();
-    }
-
-    toggleAMPMIfNotMinDate(newPM: boolean) {
-        let value = this.value;
-
-        if ((this.selectionMode == 'range' || this.selectionMode == 'multiple') && Array.isArray(value) && value.length > 0) {
-            value = value[value.length - 1];
-        }
-        const valueDateString = value ? value.toDateString() : null;
-        let isMinDate = this.minDate && valueDateString && this.minDate.toDateString() === valueDateString;
-        if (isMinDate && this.minDate.getHours() >= 12) {
-            this.pm = true;
-        } else {
-            this.pm = newPM;
-        }
-    }
-
-    onTimePickerElementMouseDown(event: Event, type: number, direction: number) {
-        if (!this.disabled) {
-            this.repeat(event, null, type, direction);
-            event.preventDefault();
-        }
-    }
-
-    onTimePickerElementMouseUp(event: Event) {
-        if (!this.disabled) {
-            this.clearTimePickerTimer();
-            this.updateTime();
-        }
-    }
-
-    onTimePickerElementMouseLeave() {
-        if (!this.disabled && this.timePickerTimer) {
-            this.clearTimePickerTimer();
-            this.updateTime();
-        }
-    }
-
-    repeat(event: Event | null, interval: number | null, type: number | null, direction: number | null) {
-        let i = interval || 500;
-
-        this.clearTimePickerTimer();
-        this.timePickerTimer = setTimeout(() => {
-            this.repeat(event, 100, type, direction);
-            this.cd.markForCheck();
-        }, i);
-
-        switch (type) {
-            case 0:
-                if (direction === 1) this.incrementHour(event);
-                else this.decrementHour(event);
-                break;
-
-            case 1:
-                if (direction === 1) this.incrementMinute(event);
-                else this.decrementMinute(event);
-                break;
-
-            case 2:
-                if (direction === 1) this.incrementSecond(event);
-                else this.decrementSecond(event);
-                break;
-        }
-
-        this.updateInputfield();
-    }
-
-    clearTimePickerTimer() {
-        if (this.timePickerTimer) {
-            clearTimeout(this.timePickerTimer);
-            this.timePickerTimer = null;
-        }
-    }
-
-    decrementHour(event: any) {
-        let newHour = (this.currentHour ?? 0) - this.stepHour;
-        let newPM = this.pm;
-        if (this.hourFormat == '24') newHour = newHour < 0 ? 24 + newHour : newHour;
-        else if (this.hourFormat == '12') {
-            // If we were at noon/midnight, then switch
-            if (this.currentHour === 12) {
-                newPM = !this.pm;
-            }
-            newHour = newHour <= 0 ? 12 + newHour : newHour;
-        }
-        this.toggleAMPMIfNotMinDate(newPM);
-        [this.currentHour, this.currentMinute, this.currentSecond] = this.constrainTime(newHour, this.currentMinute!, this.currentSecond!, newPM!);
-        event.preventDefault();
-    }
-
-    incrementMinute(event: any) {
-        let newMinute = (this.currentMinute ?? 0) + this.stepMinute;
-        newMinute = newMinute > 59 ? newMinute - 60 : newMinute;
-        [this.currentHour, this.currentMinute, this.currentSecond] = this.constrainTime(this.currentHour, newMinute, this.currentSecond!, this.pm!);
-        event.preventDefault();
-    }
-
-    decrementMinute(event: any) {
-        let newMinute = (this.currentMinute ?? 0) - this.stepMinute;
-        newMinute = newMinute < 0 ? 60 + newMinute : newMinute;
-        [this.currentHour, this.currentMinute, this.currentSecond] = this.constrainTime(this.currentHour, newMinute, this.currentSecond, this.pm);
-        event.preventDefault();
-    }
-
-    incrementSecond(event: any) {
-        let newSecond = <any>this.currentSecond + this.stepSecond;
-        newSecond = newSecond > 59 ? newSecond - 60 : newSecond;
-        [this.currentHour, this.currentMinute, this.currentSecond] = this.constrainTime(this.currentHour, this.currentMinute, newSecond, this.pm);
-        event.preventDefault();
-    }
-
-    decrementSecond(event: any) {
-        let newSecond = <any>this.currentSecond - this.stepSecond;
-        newSecond = newSecond < 0 ? 60 + newSecond : newSecond;
-        [this.currentHour, this.currentMinute, this.currentSecond] = this.constrainTime(this.currentHour, this.currentMinute, newSecond, this.pm);
-        event.preventDefault();
-    }
-
-    updateTime() {
-        let value = this.value;
-        if (this.isRangeSelection()) {
-            value = this.value[1] || this.value[0];
-        }
-        if (this.isMultipleSelection()) {
-            value = this.value[this.value.length - 1];
-        }
-        value = value ? new Date(value.getTime()) : new Date();
-
-        if (this.hourFormat == '12') {
-            if (this.currentHour === 12) value.setHours(this.pm ? 12 : 0);
-            else value.setHours(this.pm ? <number>this.currentHour + 12 : this.currentHour);
-        } else {
-            value.setHours(this.currentHour);
-        }
-
-        value.setMinutes(this.currentMinute);
-        value.setSeconds(this.currentSecond);
-        if (this.isRangeSelection()) {
-            if (this.value[1]) value = [this.value[0], value];
-            else value = [value, null];
-        }
-
-        if (this.isMultipleSelection()) {
-            value = [...this.value.slice(0, -1), value];
-        }
-
-        this.updateModel(value);
-        this.onSelect.emit(value);
-        this.updateInputfield();
-    }
-
-    toggleAMPM(event: any) {
-        const newPM = !this.pm;
-        this.pm = newPM;
-        [this.currentHour, this.currentMinute, this.currentSecond] = this.constrainTime(this.currentHour, this.currentMinute, this.currentSecond, newPM);
-        this.updateTime();
-        event.preventDefault();
-    }
-
-    onUserInput(event: KeyboardEvent | any) {
-        // IE 11 Workaround for input placeholder : https://github.com/primefaces/primeng/issues/2026
-        if (!this.isKeydown) {
-            return;
-        }
-        this.isKeydown = false;
-
-        let val = (<HTMLInputElement>event.target).value;
-        try {
-            let value = this.parseValueFromString(val);
-            if (this.isValidSelection(value)) {
-                this.updateModel(value);
-                this.updateUI();
-            } else if (this.keepInvalid) {
-                this.updateModel(value);
-            }
-        } catch (err) {
-            //invalid date
-            let value = this.keepInvalid ? val : null;
-            this.updateModel(value);
-        }
-
-        this.filled = (val != null && val.length) as any;
-        this.onInput.emit(event);
-    }
-
-    isValidSelection(value: any): boolean {
-        if (this.isSingleSelection()) {
-            return this.isSelectable(value.getDate(), value.getMonth(), value.getFullYear(), false);
-        }
-        let isValid = value.every((v: any) => this.isSelectable(v.getDate(), v.getMonth(), v.getFullYear(), false));
-        if (isValid && this.isRangeSelection()) {
-            isValid = value.length === 1 || (value.length > 1 && value[1] >= value[0]);
-        }
-        return isValid;
-    }
-
-    parseValueFromString(text: string): Date | Date[] | null {
-        if (!text || text.trim().length === 0) {
-            return null;
-        }
-
-        let value: any;
-
-        if (this.isSingleSelection()) {
-            value = this.parseDateTime(text);
-        } else if (this.isMultipleSelection()) {
-            let tokens = text.split(this.multipleSeparator);
-            value = [];
-            for (let token of tokens) {
-                value.push(this.parseDateTime(token.trim()));
-            }
-        } else if (this.isRangeSelection()) {
-            let tokens = text.split(' ' + this.rangeSeparator + ' ');
-            value = [];
-            for (let i = 0; i < tokens.length; i++) {
-                value[i] = this.parseDateTime(tokens[i].trim());
-            }
-        }
-
-        return value;
-    }
-
-    parseDateTime(text: any): Date {
-        let date: Date;
-        let parts: string[] = text.split(' ');
-
-        if (this.timeOnly) {
-            date = new Date();
-            this.populateTime(date, parts[0], parts[1]);
-        } else {
-            const dateFormat = this.getDateFormat();
-            if (this.showTime) {
-                let ampm = this.hourFormat == '12' ? parts.pop() : null;
-                let timeString = parts.pop();
-
-                date = this.parseDate(parts.join(' '), dateFormat);
-                this.populateTime(date, timeString, ampm);
-            } else {
-                date = this.parseDate(text, dateFormat);
-            }
-        }
-
-        return date;
-    }
-
-    populateTime(value: any, timeString: any, ampm: any) {
-        if (this.hourFormat == '12' && !ampm) {
-            throw 'Invalid Time';
-        }
-
-        this.pm = ampm === 'PM' || ampm === 'pm';
-        let time = this.parseTime(timeString);
-        value.setHours(time.hour);
-        value.setMinutes(time.minute);
-        value.setSeconds(time.second);
-    }
-
-    isValidDate(date: any) {
-        return ObjectUtils.isDate(date) && ObjectUtils.isNotEmpty(date);
-    }
-
-    updateUI() {
-        let propValue = this.value;
-        if (Array.isArray(propValue)) {
-            propValue = propValue[1] || propValue[0];
-        }
-
-        let val = this.defaultDate && this.isValidDate(this.defaultDate) && !this.value ? this.defaultDate : propValue && this.isValidDate(propValue) ? propValue : new Date();
-
-        this.currentMonth = val.getMonth();
-        this.currentYear = val.getFullYear();
-        this.createMonths(this.currentMonth, this.currentYear);
-
-        if (this.showTime || this.timeOnly) {
-            this.setCurrentHourPM(val.getHours());
-            this.currentMinute = val.getMinutes();
-            this.currentSecond = val.getSeconds();
-        }
-    }
-
-    showOverlay() {
-        if (!this.overlayVisible) {
-            this.updateUI();
-
-            if (!this.touchUI) {
-                this.preventFocus = true;
-            }
-
-            this.overlayVisible = true;
-        }
-    }
-
-    hideOverlay() {
-        this.inputfieldViewChild?.nativeElement.focus();
-        this.overlayVisible = false;
-        this.clearTimePickerTimer();
-
-        if (this.touchUI) {
-            this.disableModality();
-        }
-
-        this.cd.markForCheck();
-    }
-
-    toggle() {
-        if (!this.inline) {
-            if (!this.overlayVisible) {
-                this.showOverlay();
-                this.inputfieldViewChild?.nativeElement.focus();
-            } else {
-                this.hideOverlay();
-            }
-        }
-    }
-
-    onOverlayAnimationStart(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-            case 'visibleTouchUI':
-                if (!this.inline) {
-                    this.overlay = event.element;
-                    this.overlay?.setAttribute(this.attributeSelector as string, '');
-                    this.appendOverlay();
-                    this.updateFocus();
-                    if (this.autoZIndex) {
-                        if (this.touchUI) ZIndexUtils.set('modal', this.overlay, this.baseZIndex || this.config.zIndex.modal);
-                        else ZIndexUtils.set('overlay', this.overlay, this.baseZIndex || this.config.zIndex.overlay);
-                    }
-
-                    this.alignOverlay();
-                    this.onShow.emit(event);
-                }
-                break;
-
-            case 'void':
-                this.onOverlayHide();
-                this.onClose.emit(event);
-                break;
-        }
-    }
-
-    onOverlayAnimationDone(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-            case 'visibleTouchUI':
-                if (!this.inline) {
-                    this.bindDocumentClickListener();
-                    this.bindDocumentResizeListener();
-                    this.bindScrollListener();
-                }
-                break;
-
-            case 'void':
-                if (this.autoZIndex) {
-                    ZIndexUtils.clear(event.element);
-                }
-                break;
-        }
-    }
-
-    appendOverlay() {
-        if (this.appendTo) {
-            if (this.appendTo === 'body') this.document.body.appendChild(<HTMLElement>this.overlay);
-            else DomHandler.appendChild(this.overlay, this.appendTo);
-        }
-    }
-
-    restoreOverlayAppend() {
-        if (this.overlay && this.appendTo) {
-            this.el.nativeElement.appendChild(this.overlay);
-        }
-    }
-
-    alignOverlay() {
-        if (this.touchUI) {
-            this.enableModality(this.overlay);
-        } else if (this.overlay) {
-            if (this.appendTo) {
-                if (this.view === 'date') {
-                    if (!this.overlay.style.width) {
-                        this.overlay.style.width = DomHandler.getOuterWidth(this.overlay) + 'px';
-                    }
-                    if (!this.overlay.style.minWidth) {
-                        this.overlay.style.minWidth = DomHandler.getOuterWidth(this.inputfieldViewChild?.nativeElement) + 'px';
-                    }
-                } else {
-                    if (!this.overlay.style.width) {
-                        this.overlay.style.width = DomHandler.getOuterWidth(this.inputfieldViewChild?.nativeElement) + 'px';
-                    }
-                }
-
-                DomHandler.absolutePosition(this.overlay, this.inputfieldViewChild?.nativeElement);
-            } else {
-                DomHandler.relativePosition(this.overlay, this.inputfieldViewChild?.nativeElement);
-            }
-        }
-    }
-
-    enableModality(element: any) {
-        if (!this.mask && this.touchUI) {
-            this.mask = this.renderer.createElement('div');
-            this.renderer.setStyle(this.mask, 'zIndex', String(parseInt(element.style.zIndex) - 1));
-            let maskStyleClass = 'p-component-overlay p-datepicker-mask p-datepicker-mask-scrollblocker p-component-overlay p-component-overlay-enter';
-            DomHandler.addMultipleClasses(this.mask, maskStyleClass);
-
-            this.maskClickListener = this.renderer.listen(this.mask, 'click', (event: any) => {
-                this.disableModality();
-                this.overlayVisible = false;
-            });
-            this.renderer.appendChild(this.document.body, this.mask);
-            DomHandler.blockBodyScroll();
-        }
-    }
-
-    disableModality() {
-        if (this.mask) {
-            DomHandler.addClass(this.mask, 'p-component-overlay-leave');
-            if (!this.animationEndListener) {
-                this.animationEndListener = this.renderer.listen(this.mask, 'animationend', this.destroyMask.bind(this));
-            }
-        }
-    }
-
-    destroyMask() {
-        if (!this.mask) {
-            return;
-        }
-        this.renderer.removeChild(this.document.body, this.mask);
-        let bodyChildren = this.document.body.children;
-        let hasBlockerMasks!: boolean;
-        for (let i = 0; i < bodyChildren.length; i++) {
-            let bodyChild = bodyChildren[i];
-            if (DomHandler.hasClass(bodyChild, 'p-datepicker-mask-scrollblocker')) {
-                hasBlockerMasks = true;
-                break;
-            }
-        }
-
-        if (!hasBlockerMasks) {
-            DomHandler.unblockBodyScroll();
-        }
-
-        this.unbindAnimationEndListener();
-        this.unbindMaskClickListener();
-        this.mask = null;
-    }
-
-    unbindMaskClickListener() {
-        if (this.maskClickListener) {
-            this.maskClickListener();
-            this.maskClickListener = null;
-        }
-    }
-
-    unbindAnimationEndListener() {
-        if (this.animationEndListener && this.mask) {
-            this.animationEndListener();
-            this.animationEndListener = null;
-        }
-    }
-
-    writeValue(value: any): void {
-        this.value = value;
-        if (this.value && typeof this.value === 'string') {
-            try {
-                this.value = this.parseValueFromString(this.value);
-            } catch {
-                if (this.keepInvalid) {
-                    this.value = value;
-                }
-            }
-        }
-
-        this.updateInputfield();
-        this.updateUI();
-        this.cd.markForCheck();
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    getDateFormat() {
-        return this.dateFormat || this.getTranslation('dateFormat');
-    }
-
-    getFirstDateOfWeek() {
-        return this._firstDayOfWeek || this.getTranslation(TranslationKeys.FIRST_DAY_OF_WEEK);
-    }
-
-    // Ported from jquery-ui datepicker formatDate
-    formatDate(date: any, format: any) {
-        if (!date) {
-            return '';
-        }
-
-        let iFormat!: any;
-        const lookAhead = (match: string) => {
-                const matches = iFormat + 1 < format.length && format.charAt(iFormat + 1) === match;
-                if (matches) {
-                    iFormat++;
-                }
-                return matches;
-            },
-            formatNumber = (match: string, value: any, len: any) => {
-                let num = '' + value;
-                if (lookAhead(match)) {
-                    while (num.length < len) {
-                        num = '0' + num;
-                    }
-                }
-                return num;
-            },
-            formatName = (match: string, value: any, shortNames: any, longNames: any) => {
-                return lookAhead(match) ? longNames[value] : shortNames[value];
-            };
-        let output = '';
-        let literal = false;
-
-        if (date) {
-            for (iFormat = 0; iFormat < format.length; iFormat++) {
-                if (literal) {
-                    if (format.charAt(iFormat) === "'" && !lookAhead("'")) {
-                        literal = false;
-                    } else {
-                        output += format.charAt(iFormat);
-                    }
-                } else {
-                    switch (format.charAt(iFormat)) {
-                        case 'd':
-                            output += formatNumber('d', date.getDate(), 2);
-                            break;
-                        case 'D':
-                            output += formatName('D', date.getDay(), this.getTranslation(TranslationKeys.DAY_NAMES_SHORT), this.getTranslation(TranslationKeys.DAY_NAMES));
-                            break;
-                        case 'o':
-                            output += formatNumber('o', Math.round((new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime() - new Date(date.getFullYear(), 0, 0).getTime()) / 86400000), 3);
-                            break;
-                        case 'm':
-                            output += formatNumber('m', date.getMonth() + 1, 2);
-                            break;
-                        case 'M':
-                            output += formatName('M', date.getMonth(), this.getTranslation(TranslationKeys.MONTH_NAMES_SHORT), this.getTranslation(TranslationKeys.MONTH_NAMES));
-                            break;
-                        case 'y':
-                            output += lookAhead('y') ? date.getFullYear() : (date.getFullYear() % 100 < 10 ? '0' : '') + (date.getFullYear() % 100);
-                            break;
-                        case '@':
-                            output += date.getTime();
-                            break;
-                        case '!':
-                            output += date.getTime() * 10000 + <number>this.ticksTo1970;
-                            break;
-                        case "'":
-                            if (lookAhead("'")) {
-                                output += "'";
-                            } else {
-                                literal = true;
-                            }
-                            break;
-                        default:
-                            output += format.charAt(iFormat);
-                    }
-                }
-            }
-        }
-        return output;
-    }
-
-    formatTime(date: any) {
-        if (!date) {
-            return '';
-        }
-
-        let output = '';
-        let hours = date.getHours();
-        let minutes = date.getMinutes();
-        let seconds = date.getSeconds();
-
-        if (this.hourFormat == '12' && hours > 11 && hours != 12) {
-            hours -= 12;
-        }
-
-        if (this.hourFormat == '12') {
-            output += hours === 0 ? 12 : hours < 10 ? '0' + hours : hours;
-        } else {
-            output += hours < 10 ? '0' + hours : hours;
-        }
-        output += ':';
-        output += minutes < 10 ? '0' + minutes : minutes;
-
-        if (this.showSeconds) {
-            output += ':';
-            output += seconds < 10 ? '0' + seconds : seconds;
-        }
-
-        if (this.hourFormat == '12') {
-            output += date.getHours() > 11 ? ' PM' : ' AM';
-        }
-
-        return output;
-    }
-
-    parseTime(value: any) {
-        let tokens: string[] = value.split(':');
-        let validTokenLength = this.showSeconds ? 3 : 2;
-
-        if (tokens.length !== validTokenLength) {
-            throw 'Invalid time';
-        }
-
-        let h = parseInt(tokens[0]);
-        let m = parseInt(tokens[1]);
-        let s = this.showSeconds ? parseInt(tokens[2]) : null;
-
-        if (isNaN(h) || isNaN(m) || h > 23 || m > 59 || (this.hourFormat == '12' && h > 12) || (this.showSeconds && (isNaN(<any>s) || <any>s > 59))) {
-            throw 'Invalid time';
-        } else {
-            if (this.hourFormat == '12') {
-                if (h !== 12 && this.pm) {
-                    h += 12;
-                } else if (!this.pm && h === 12) {
-                    h -= 12;
-                }
-            }
-
-            return { hour: h, minute: m, second: s };
-        }
-    }
-
-    // Ported from jquery-ui datepicker parseDate
-    parseDate(value: any, format: any) {
-        if (format == null || value == null) {
-            throw 'Invalid arguments';
-        }
-
-        value = typeof value === 'object' ? value.toString() : value + '';
-        if (value === '') {
-            return null;
-        }
-
-        let iFormat!: any,
-            dim,
-            extra,
-            iValue = 0,
-            shortYearCutoff = typeof this.shortYearCutoff !== 'string' ? this.shortYearCutoff : (new Date().getFullYear() % 100) + parseInt(this.shortYearCutoff, 10),
-            year = -1,
-            month = -1,
-            day = -1,
-            doy = -1,
-            literal = false,
-            date,
-            lookAhead = (match: any) => {
-                let matches = iFormat + 1 < format.length && format.charAt(iFormat + 1) === match;
-                if (matches) {
-                    iFormat++;
-                }
-                return matches;
-            },
-            getNumber = (match: any) => {
-                let isDoubled = lookAhead(match),
-                    size = match === '@' ? 14 : match === '!' ? 20 : match === 'y' && isDoubled ? 4 : match === 'o' ? 3 : 2,
-                    minSize = match === 'y' ? size : 1,
-                    digits = new RegExp('^\\d{' + minSize + ',' + size + '}'),
-                    num = value.substring(iValue).match(digits);
-                if (!num) {
-                    throw 'Missing number at position ' + iValue;
-                }
-                iValue += num[0].length;
-                return parseInt(num[0], 10);
-            },
-            getName = (match: any, shortNames: any, longNames: any) => {
-                let index = -1;
-                let arr = lookAhead(match) ? longNames : shortNames;
-                let names = [];
-
-                for (let i = 0; i < arr.length; i++) {
-                    names.push([i, arr[i]]);
-                }
-                names.sort((a, b) => {
-                    return -(a[1].length - b[1].length);
-                });
-
-                for (let i = 0; i < names.length; i++) {
-                    let name = names[i][1];
-                    if (value.substr(iValue, name.length).toLowerCase() === name.toLowerCase()) {
-                        index = names[i][0];
-                        iValue += name.length;
-                        break;
-                    }
-                }
-
-                if (index !== -1) {
-                    return index + 1;
-                } else {
-                    throw 'Unknown name at position ' + iValue;
-                }
-            },
-            checkLiteral = () => {
-                if (value.charAt(iValue) !== format.charAt(iFormat)) {
-                    throw 'Unexpected literal at position ' + iValue;
-                }
-                iValue++;
-            };
-
-        if (this.view === 'month') {
-            day = 1;
-        }
-
-        for (iFormat = 0; iFormat < format.length; iFormat++) {
-            if (literal) {
-                if (format.charAt(iFormat) === "'" && !lookAhead("'")) {
-                    literal = false;
-                } else {
-                    checkLiteral();
-                }
-            } else {
-                switch (format.charAt(iFormat)) {
-                    case 'd':
-                        day = getNumber('d');
-                        break;
-                    case 'D':
-                        getName('D', this.getTranslation(TranslationKeys.DAY_NAMES_SHORT), this.getTranslation(TranslationKeys.DAY_NAMES));
-                        break;
-                    case 'o':
-                        doy = getNumber('o');
-                        break;
-                    case 'm':
-                        month = getNumber('m');
-                        break;
-                    case 'M':
-                        month = getName('M', this.getTranslation(TranslationKeys.MONTH_NAMES_SHORT), this.getTranslation(TranslationKeys.MONTH_NAMES));
-                        break;
-                    case 'y':
-                        year = getNumber('y');
-                        break;
-                    case '@':
-                        date = new Date(getNumber('@'));
-                        year = date.getFullYear();
-                        month = date.getMonth() + 1;
-                        day = date.getDate();
-                        break;
-                    case '!':
-                        date = new Date((getNumber('!') - <number>this.ticksTo1970) / 10000);
-                        year = date.getFullYear();
-                        month = date.getMonth() + 1;
-                        day = date.getDate();
-                        break;
-                    case "'":
-                        if (lookAhead("'")) {
-                            checkLiteral();
-                        } else {
-                            literal = true;
-                        }
-                        break;
-                    default:
-                        checkLiteral();
-                }
-            }
-        }
-
-        if (iValue < value.length) {
-            extra = value.substr(iValue);
-            if (!/^\s+/.test(extra)) {
-                throw 'Extra/unparsed characters found in date: ' + extra;
-            }
-        }
-
-        if (year === -1) {
-            year = new Date().getFullYear();
-        } else if (year < 100) {
-            year += new Date().getFullYear() - (new Date().getFullYear() % 100) + (year <= shortYearCutoff ? 0 : -100);
-        }
-
-        if (doy > -1) {
-            month = 1;
-            day = doy;
-            do {
-                dim = this.getDaysCountInMonth(year, month - 1);
-                if (day <= dim) {
-                    break;
-                }
-                month++;
-                day -= dim;
-            } while (true);
-        }
-
-        if (this.view === 'year') {
-            month = month === -1 ? 1 : month;
-            day = day === -1 ? 1 : day;
-        }
-
-        date = this.daylightSavingAdjust(new Date(year, month - 1, day));
-
-        if (date.getFullYear() !== year || date.getMonth() + 1 !== month || date.getDate() !== day) {
-            throw 'Invalid date'; // E.g. 31/02/00
-        }
-
-        return date;
-    }
-
-    daylightSavingAdjust(date: any) {
-        if (!date) {
-            return null;
-        }
-
-        date.setHours(date.getHours() > 12 ? date.getHours() + 2 : 0);
-
-        return date;
-    }
-
-    updateFilledState() {
-        this.filled = (this.inputFieldValue && this.inputFieldValue != '') as boolean;
-    }
-
-    isValidDateForTimeConstraints(selectedDate: Date) {
-        if (this.keepInvalid) {
-            return true; // If we are keeping invalid dates, we don't need to check for time constraints
-        }
-        return (!this.minDate || selectedDate >= this.minDate) && (!this.maxDate || selectedDate <= this.maxDate);
-    }
-
-    onTodayButtonClick(event: any) {
-        const date: Date = new Date();
-        const dateMeta = { day: date.getDate(), month: date.getMonth(), year: date.getFullYear(), otherMonth: date.getMonth() !== this.currentMonth || date.getFullYear() !== this.currentYear, today: true, selectable: true };
-
-        this.createMonths(date.getMonth(), date.getFullYear());
-        this.onDateSelect(event, dateMeta);
-        this.onTodayClick.emit(date);
-    }
-
-    onClearButtonClick(event: any) {
-        this.updateModel(null);
-        this.updateInputfield();
-        this.hideOverlay();
-        this.onClearClick.emit(event);
-    }
-
-    createResponsiveStyle() {
-        if (this.numberOfMonths > 1 && this.responsiveOptions) {
-            if (!this.responsiveStyleElement) {
-                this.responsiveStyleElement = this.renderer.createElement('style');
-                (<HTMLStyleElement>this.responsiveStyleElement).type = 'text/css';
-                DomHandler.setAttribute(this.responsiveStyleElement, 'nonce', this.config?.csp()?.nonce);
-                this.renderer.appendChild(this.document.body, this.responsiveStyleElement);
-            }
-
-            let innerHTML = '';
-            if (this.responsiveOptions) {
-                let responsiveOptions = [...this.responsiveOptions].filter((o) => !!(o.breakpoint && o.numMonths)).sort((o1: any, o2: any) => -1 * o1.breakpoint.localeCompare(o2.breakpoint, undefined, { numeric: true }));
-
-                for (let i = 0; i < responsiveOptions.length; i++) {
-                    let { breakpoint, numMonths } = responsiveOptions[i];
-                    let styles = `
-                        .p-datepicker[${this.attributeSelector}] .p-datepicker-group:nth-child(${numMonths}) .p-datepicker-next {
-                            display: inline-flex !important;
-                        }
-                    `;
-
-                    for (let j: number = <number>numMonths; j < this.numberOfMonths; j++) {
-                        styles += `
-                            .p-datepicker[${this.attributeSelector}] .p-datepicker-group:nth-child(${j + 1}) {
-                                display: none !important;
-                            }
-                        `;
-                    }
-
-                    innerHTML += `
-                        @media screen and (max-width: ${breakpoint}) {
-                            ${styles}
-                        }
-                    `;
-                }
-            }
-
-            (<HTMLStyleElement>this.responsiveStyleElement).innerHTML = innerHTML;
-        }
-    }
-
-    destroyResponsiveStyleElement() {
-        if (this.responsiveStyleElement) {
-            this.responsiveStyleElement.remove();
-            this.responsiveStyleElement = null;
-        }
-    }
-
-    bindDocumentClickListener() {
-        if (!this.documentClickListener) {
-            this.zone.runOutsideAngular(() => {
-                const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : this.document;
-
-                this.documentClickListener = this.renderer.listen(documentTarget, 'mousedown', (event) => {
-                    if (this.isOutsideClicked(event) && this.overlayVisible) {
-                        this.zone.run(() => {
-                            this.hideOverlay();
-                            this.onClickOutside.emit(event);
-
-                            this.cd.markForCheck();
-                        });
-                    }
-                });
-            });
-        }
-    }
-
-    unbindDocumentClickListener() {
-        if (this.documentClickListener) {
-            this.documentClickListener();
-            this.documentClickListener = null;
-        }
-    }
-
-    bindDocumentResizeListener() {
-        if (!this.documentResizeListener && !this.touchUI) {
-            this.documentResizeListener = this.renderer.listen(this.window, 'resize', this.onWindowResize.bind(this));
-        }
-    }
-
-    unbindDocumentResizeListener() {
-        if (this.documentResizeListener) {
-            this.documentResizeListener();
-            this.documentResizeListener = null;
-        }
-    }
-
-    bindScrollListener() {
-        if (!this.scrollHandler) {
-            this.scrollHandler = new ConnectedOverlayScrollHandler(this.containerViewChild?.nativeElement, () => {
-                if (this.overlayVisible) {
-                    this.hideOverlay();
-                }
-            });
-        }
-
-        this.scrollHandler.bindScrollListener();
-    }
-
-    unbindScrollListener() {
-        if (this.scrollHandler) {
-            this.scrollHandler.unbindScrollListener();
-        }
-    }
-
-    isOutsideClicked(event: Event) {
-        return !(this.el.nativeElement.isSameNode(event.target) || this.isNavIconClicked(event) || this.el.nativeElement.contains(event.target) || (this.overlay && this.overlay.contains(<Node>event.target)));
-    }
-
-    isNavIconClicked(event: Event) {
-        return (
-            DomHandler.hasClass(event.target, 'p-datepicker-prev') || DomHandler.hasClass(event.target, 'p-datepicker-prev-icon') || DomHandler.hasClass(event.target, 'p-datepicker-next') || DomHandler.hasClass(event.target, 'p-datepicker-next-icon')
-        );
-    }
-
-    onWindowResize() {
-        if (this.overlayVisible && !DomHandler.isTouchDevice()) {
-            this.hideOverlay();
-        }
-    }
-
-    onOverlayHide() {
-        this.currentView = this.view;
-
-        if (this.mask) {
-            this.destroyMask();
-        }
-
-        this.unbindDocumentClickListener();
-        this.unbindDocumentResizeListener();
-        this.unbindScrollListener();
-        this.overlay = null;
-    }
-
-    ngOnDestroy() {
-        if (this.scrollHandler) {
-            this.scrollHandler.destroy();
-            this.scrollHandler = null;
-        }
-
-        if (this.translationSubscription) {
-            this.translationSubscription.unsubscribe();
-        }
-
-        if (this.overlay && this.autoZIndex) {
-            ZIndexUtils.clear(this.overlay);
-        }
-
-        this.destroyResponsiveStyleElement();
-        this.clearTimePickerTimer();
-        this.restoreOverlayAppend();
-        this.onOverlayHide();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, ButtonModule, SharedModule, RippleModule, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronDownIcon, TimesIcon, CalendarIcon, AutoFocusModule],
-    exports: [Calendar, ButtonModule, SharedModule],
-    declarations: [Calendar]
-})
-export class CalendarModule {}
diff --git a/src/app/components/calendar/ng-package.json b/src/app/components/calendar/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/calendar/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/calendar/public_api.ts b/src/app/components/calendar/public_api.ts
deleted file mode 100644
index 21390c9..0000000
--- a/src/app/components/calendar/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './calendar';
-export * from './calendar.interface';
diff --git a/src/app/components/card/card.css b/src/app/components/card/card.css
deleted file mode 100644
index f3e561f..0000000
--- a/src/app/components/card/card.css
+++ /dev/null
@@ -1,5 +0,0 @@
-@layer primeng {
-    .p-card-header img {
-        width: 100%;
-    }
-}
diff --git a/src/app/components/card/card.interface.ts b/src/app/components/card/card.interface.ts
deleted file mode 100644
index 3cb7d39..0000000
--- a/src/app/components/card/card.interface.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in Card.
- * @group Templates
- */
-export interface CardTemplates {
-    /**
-     * Custom template of header.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom template of title.
-     */
-    title(): TemplateRef<any>;
-    /**
-     * Custom template of subtitle.
-     */
-    subtitle(): TemplateRef<any>;
-    /**
-     * Custom template of content.
-     */
-    content(): TemplateRef<any>;
-    /**
-     * Custom template of footer.
-     */
-    footer(): TemplateRef<any>;
-}
diff --git a/src/app/components/card/card.spec.ts b/src/app/components/card/card.spec.ts
deleted file mode 100644
index d9ef486..0000000
--- a/src/app/components/card/card.spec.ts
+++ /dev/null
@@ -1,112 +0,0 @@
-import { Component, NO_ERRORS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed, async } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Footer, Header } from 'primeng/api';
-import { ButtonModule } from '../button/button';
-import { Card } from './card';
-
-@Component({
-    template: `<p-card [header]="header" [subheader]="subheader" [style]="style" [styleClass]="styleClass">
-        <p-header>
-            <img src="Card" src="https://primefaces.org/cdn/primeng/images/usercard.png" />
-        </p-header>
-        <div>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!
-        </div>
-        <p-footer>
-            <button type="button" label="Save" icon="pi pi-check" style="margin-right: .25em"></button>
-            <button type="button" label="Cancel" icon="pi pi-times" class="ui-button-secondary"></button>
-        </p-footer>
-    </p-card>`
-})
-class TestCardComponent {
-    header: string;
-
-    subheader: string;
-
-    styleClass: string;
-
-    style: any;
-}
-
-describe('Card', () => {
-    let card: Card;
-    let fixture: ComponentFixture<TestCardComponent>;
-
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            schemas: [NO_ERRORS_SCHEMA],
-            imports: [NoopAnimationsModule, ButtonModule, Header, Footer],
-            declarations: [Card, TestCardComponent]
-        });
-    }));
-    beforeEach(() => {
-        fixture = TestBed.createComponent(TestCardComponent);
-        card = fixture.debugElement.children[0].componentInstance;
-
-        fixture.detectChanges();
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const cardEl = fixture.debugElement.query(By.css('div'));
-        expect(cardEl.nativeElement).toBeTruthy();
-    });
-
-    it('should display the title', () => {
-        fixture.componentInstance.header = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const cardEl = fixture.debugElement.query(By.css('.p-card-title')).nativeElement;
-        expect(cardEl.textContent).toEqual(' Primeng ROCKS! ');
-    });
-
-    it('should display the subtitle', () => {
-        fixture.componentInstance.subheader = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const cardEl = fixture.debugElement.query(By.css('.p-card-subtitle')).nativeElement;
-        expect(cardEl.textContent).toEqual(' Primeng ROCKS! ');
-    });
-
-    it('should change style and styleClass', () => {
-        fixture.componentInstance.styleClass = 'Primeng ROCKS!';
-        fixture.componentInstance.style = { height: '300px' };
-        fixture.detectChanges();
-
-        const cardEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(cardEl.className).toContain('Primeng ROCKS!');
-        expect(cardEl.style.height).toEqual('300px');
-    });
-
-    it('should have a header', () => {
-        fixture.detectChanges();
-
-        const headerEl = fixture.debugElement.query(By.css('p-header')).nativeElement;
-        const cardHeaderEl = fixture.debugElement.query(By.css('.p-card-header')).nativeElement;
-        expect(headerEl).toBeTruthy();
-        expect(cardHeaderEl).toBeTruthy();
-        expect(cardHeaderEl.children[0].children.length).toEqual(1);
-    });
-
-    it('should have a footer', () => {
-        fixture.detectChanges();
-
-        const footerEl = fixture.debugElement.query(By.css('p-footer')).nativeElement;
-        const cardFooterEl = fixture.debugElement.query(By.css('.p-card-footer')).nativeElement;
-        expect(footerEl).toBeTruthy();
-        expect(cardFooterEl).toBeTruthy();
-        expect(cardFooterEl.children[0].children.length).toEqual(2);
-    });
-
-    it('should not have a header', () => {
-        card.headerFacet = null;
-        fixture.componentInstance.header = null;
-        fixture.detectChanges();
-
-        const cardHeaderEl = fixture.debugElement.query(By.css('.p-card-header'));
-        expect(cardHeaderEl).toBeFalsy();
-    });
-});
diff --git a/src/app/components/card/card.ts b/src/app/components/card/card.ts
deleted file mode 100644
index c4db6ad..0000000
--- a/src/app/components/card/card.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterContentInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ContentChildren, ElementRef, Input, NgModule, QueryList, SimpleChange, TemplateRef, ViewEncapsulation, signal } from '@angular/core';
-import { BlockableUI, Footer, Header, PrimeTemplate, SharedModule } from 'primeng/api';
-import { ObjectUtils } from 'primeng/utils';
-/**
- * Card is a flexible container component.
- * @group Components
- */
-@Component({
-    selector: 'p-card',
-    template: `
-        <div [ngClass]="'p-card p-component'" [ngStyle]="_style()" [class]="styleClass" [attr.data-pc-name]="'card'">
-            <div class="p-card-header" *ngIf="headerFacet || headerTemplate">
-                <ng-content select="p-header"></ng-content>
-                <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-            </div>
-            <div class="p-card-body">
-                <div class="p-card-title" *ngIf="header || titleTemplate">
-                    {{ header }}
-                    <ng-container *ngTemplateOutlet="titleTemplate"></ng-container>
-                </div>
-                <div class="p-card-subtitle" *ngIf="subheader || subtitleTemplate">
-                    {{ subheader }}
-                    <ng-container *ngTemplateOutlet="subtitleTemplate"></ng-container>
-                </div>
-                <div class="p-card-content">
-                    <ng-content></ng-content>
-                    <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
-                </div>
-                <div class="p-card-footer" *ngIf="footerFacet || footerTemplate">
-                    <ng-content select="p-footer"></ng-content>
-                    <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
-                </div>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./card.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Card implements AfterContentInit, BlockableUI {
-    /**
-     * Header of the card.
-     * @group Props
-     */
-    @Input() header: string | undefined;
-    /**
-     * Subheader of the card.
-     * @group Props
-     */
-    @Input() subheader: string | undefined;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() set style(value: { [klass: string]: any } | null | undefined) {
-        if (!ObjectUtils.equals(this._style(), value)) {
-            this._style.set(value);
-        }
-    }
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-
-    @ContentChild(Header) headerFacet: TemplateRef<any> | undefined;
-
-    @ContentChild(Footer) footerFacet: TemplateRef<any> | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    headerTemplate: TemplateRef<any> | undefined;
-
-    titleTemplate: TemplateRef<any> | undefined;
-
-    subtitleTemplate: TemplateRef<any> | undefined;
-
-    contentTemplate: TemplateRef<any> | undefined;
-
-    footerTemplate: TemplateRef<any> | undefined;
-
-    _style = signal<{ [klass: string]: any } | null | undefined>(null);
-
-    constructor(private el: ElementRef) {}
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'title':
-                    this.titleTemplate = item.template;
-                    break;
-
-                case 'subtitle':
-                    this.subtitleTemplate = item.template;
-                    break;
-
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                default:
-                    this.contentTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    getBlockableElement(): HTMLElement {
-        return this.el.nativeElement.children[0];
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [Card, SharedModule],
-    declarations: [Card]
-})
-export class CardModule {}
diff --git a/src/app/components/card/ng-package.json b/src/app/components/card/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/card/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/card/public_api.ts b/src/app/components/card/public_api.ts
deleted file mode 100644
index 23d03b7..0000000
--- a/src/app/components/card/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './card';
-export * from './card.interface';
diff --git a/src/app/components/carousel/carousel.css b/src/app/components/carousel/carousel.css
deleted file mode 100644
index 799ef9e..0000000
--- a/src/app/components/carousel/carousel.css
+++ /dev/null
@@ -1,71 +0,0 @@
-@layer primeng {
-    .p-carousel {
-        display: flex;
-        flex-direction: column;
-    }
-
-    .p-carousel-content {
-        display: flex;
-        flex-direction: column;
-        overflow: auto;
-    }
-
-    .p-carousel-prev,
-    .p-carousel-next {
-        align-self: center;
-        flex-grow: 0;
-        flex-shrink: 0;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-carousel-container {
-        display: flex;
-        flex-direction: row;
-    }
-
-    .p-carousel-items-content {
-        overflow: hidden;
-        width: 100%;
-    }
-
-    .p-carousel-items-container {
-        display: flex;
-        flex-direction: row;
-    }
-
-    .p-carousel-indicators {
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
-        flex-wrap: wrap;
-    }
-
-    .p-carousel-indicator > button {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    /* Vertical */
-    .p-carousel-vertical .p-carousel-container {
-        flex-direction: column;
-    }
-
-    .p-carousel-vertical .p-carousel-items-container {
-        flex-direction: column;
-        height: 100%;
-    }
-
-    /* Keyboard Support */
-    .p-items-hidden .p-carousel-item {
-        visibility: hidden;
-    }
-
-    .p-items-hidden .p-carousel-item.p-carousel-item-active {
-        visibility: visible;
-    }
-}
diff --git a/src/app/components/carousel/carousel.interface.ts b/src/app/components/carousel/carousel.interface.ts
deleted file mode 100644
index c1efb4b..0000000
--- a/src/app/components/carousel/carousel.interface.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { TemplateRef } from '@angular/core';
-/**
- * Responsive options of the component.
- * @group Interface
- */
-export interface CarouselResponsiveOptions {
-    /**
-     * Breakpoint for responsive mode. Exp; @media screen and (max-width: ${breakpoint}) {...}
-     */
-    breakpoint: string;
-    /**
-     * The number of visible items on breakpoint.
-     */
-    numVisible: number;
-    /**
-     * The number of scrolled items on breakpoint.
-     */
-    numScroll: number;
-}
-/**
- * Custom page event.
- * @group Events
- */
-export interface CarouselPageEvent {
-    /**
-     * Current page.
-     */
-    page?: number;
-}
-/**
- * Defines valid templates in Carousel.
- * @group Templates
- */
-export interface CarouselTemplates {
-    /**
-     * Custom template of header.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom template of item.
-     * @param {Object} context - item data.
-     */
-    item(context: {
-        /**
-         * Data of the item.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-    /**
-     * Custom template of previousicon.
-     */
-    previousicon(): TemplateRef<any>;
-    /**
-     * Custom template of nexticon.
-     */
-    nexticon(): TemplateRef<any>;
-    /**
-     * Custom template of footer.
-     */
-    footer(): TemplateRef<any>;
-}
diff --git a/src/app/components/carousel/carousel.spec.ts b/src/app/components/carousel/carousel.spec.ts
deleted file mode 100644
index a695ac1..0000000
--- a/src/app/components/carousel/carousel.spec.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Carousel } from './carousel';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { ChevronRightIcon } from 'primeng/icons/chevronright';
-import { ChevronLeftIcon } from 'primeng/icons/chevronleft';
-
-describe('Carousel', () => {
-    let carousel: Carousel;
-    let fixture: ComponentFixture<Carousel>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, ChevronRightIcon, ChevronLeftIcon],
-            declarations: [Carousel]
-        });
-
-        fixture = TestBed.createComponent(Carousel);
-        carousel = fixture.componentInstance;
-        carousel.value = [
-            { vin: 'r3278r2', year: 2010, brand: 'Audi', color: 'Black' },
-            { vin: 'jhto2g2', year: 2015, brand: 'BMW', color: 'White' },
-            { vin: 'h453w54', year: 2012, brand: 'Honda', color: 'Blue' },
-            { vin: 'g43gwwg', year: 1998, brand: 'Renault', color: 'White' },
-            { vin: 'gf45wg5', year: 2011, brand: 'VW', color: 'Red' },
-            { vin: 'bhv5y5w', year: 2015, brand: 'Jaguar', color: 'Blue' },
-            { vin: 'ybw5fsd', year: 2012, brand: 'Ford', color: 'Yellow' },
-            { vin: '45665e5', year: 2011, brand: 'Mercedes', color: 'Brown' },
-            { vin: 'he6sb5v', year: 2015, brand: 'Ford', color: 'Black' }
-        ];
-    });
-
-    it('should created by default', () => {
-        fixture.detectChanges();
-
-        const containerEl = fixture.debugElement.query(By.css('.p-carousel'));
-        expect(containerEl.nativeElement).toBeTruthy();
-    });
-
-    it('should create 9 elements', () => {
-        fixture.detectChanges();
-
-        const containerEl = fixture.debugElement.queryAll(By.css('.p-carousel-item'));
-        expect(containerEl.length).toEqual(9);
-    });
-
-    it('should call the navForward (circular)', () => {
-        carousel.circular = true;
-        fixture.detectChanges();
-
-        const onNextNavSpy = spyOn(carousel, 'navForward').and.callThrough();
-        const nextEl = fixture.debugElement.query(By.css('.p-carousel-next'));
-        expect(carousel.page).toEqual(0);
-        nextEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(onNextNavSpy).toHaveBeenCalled();
-        expect(carousel.page).toEqual(1);
-        nextEl.nativeElement.click();
-        nextEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(carousel.page).toEqual(3);
-    });
-
-    it('should call the navBackward (circular)', () => {
-        carousel.circular = true;
-        fixture.detectChanges();
-
-        const onPrevNavSpy = spyOn(carousel, 'navBackward').and.callThrough();
-        const prevEl = fixture.debugElement.query(By.css('.p-carousel-prev'));
-        expect(carousel.page).toEqual(0);
-        prevEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(onPrevNavSpy).toHaveBeenCalled();
-        expect(carousel.page).toEqual(8);
-        prevEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(carousel.page).toEqual(7);
-    });
-
-    it('should call updateState when window resize', () => {
-        fixture.detectChanges();
-
-        expect(carousel.totalDots()).toEqual(9);
-        (<any>window).innerWidth = 490;
-        window.dispatchEvent(new Event('resize'));
-        fixture.detectChanges();
-
-        expect(carousel.totalDots()).toEqual(9);
-        window.dispatchEvent(new Event('resize'));
-        fixture.detectChanges();
-
-        (<any>window).innerWidth = 1000;
-        window.dispatchEvent(new Event('resize'));
-        fixture.detectChanges();
-
-        expect(carousel.totalDots()).toEqual(9);
-    });
-
-    it('should show with autoPlay', (done) => {
-        carousel.autoplayInterval = 100;
-        fixture.detectChanges();
-
-        expect(carousel.page).toEqual(0);
-        fixture.detectChanges();
-
-        setTimeout(() => {
-            expect(carousel.page).toEqual(1);
-            done();
-        }, 102);
-    });
-});
diff --git a/src/app/components/carousel/carousel.ts b/src/app/components/carousel/carousel.ts
deleted file mode 100644
index bf4277a..0000000
--- a/src/app/components/carousel/carousel.ts
+++ /dev/null
@@ -1,947 +0,0 @@
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChild,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    NgZone,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    SimpleChanges,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    numberAttribute
-} from '@angular/core';
-import { Footer, Header, PrimeTemplate, SharedModule } from 'primeng/api';
-import { ChevronDownIcon } from 'primeng/icons/chevrondown';
-import { ChevronLeftIcon } from 'primeng/icons/chevronleft';
-import { ChevronRightIcon } from 'primeng/icons/chevronright';
-import { ChevronUpIcon } from 'primeng/icons/chevronup';
-import { RippleModule } from 'primeng/ripple';
-import { UniqueComponentId } from 'primeng/utils';
-import { CarouselPageEvent, CarouselResponsiveOptions } from './carousel.interface';
-import { PrimeNGConfig } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-/**
- * Carousel is a content slider featuring various customization options.
- * @group Components
- */
-@Component({
-    selector: 'p-carousel',
-    template: `
-        <div [attr.id]="id" [ngClass]="{ 'p-carousel p-component': true, 'p-carousel-vertical': isVertical(), 'p-carousel-horizontal': !isVertical() }" [ngStyle]="style" [class]="styleClass" role="region">
-            <div class="p-carousel-header" *ngIf="headerFacet || headerTemplate">
-                <ng-content select="p-header"></ng-content>
-                <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-            </div>
-            <div [class]="contentClass" [ngClass]="'p-carousel-content'">
-                <div class="p-carousel-container" [attr.aria-live]="allowAutoplay ? 'polite' : 'off'">
-                    <button
-                        type="button"
-                        *ngIf="showNavigators"
-                        [ngClass]="{ 'p-carousel-prev p-link': true, 'p-disabled': isBackwardNavDisabled() }"
-                        [disabled]="isBackwardNavDisabled()"
-                        [attr.aria-label]="ariaPrevButtonLabel()"
-                        (click)="navBackward($event)"
-                        pRipple
-                    >
-                        <ng-container *ngIf="!previousIconTemplate">
-                            <ChevronLeftIcon *ngIf="!isVertical()" [styleClass]="'carousel-prev-icon'" />
-                            <ChevronUpIcon *ngIf="isVertical()" [styleClass]="'carousel-prev-icon'" />
-                        </ng-container>
-                        <span *ngIf="previousIconTemplate" class="p-carousel-prev-icon">
-                            <ng-template *ngTemplateOutlet="previousIconTemplate"></ng-template>
-                        </span>
-                    </button>
-                    <div class="p-carousel-items-content" [ngStyle]="{ height: isVertical() ? verticalViewPortHeight : 'auto' }" (touchend)="onTouchEnd($event)" (touchstart)="onTouchStart($event)" (touchmove)="onTouchMove($event)">
-                        <div #itemsContainer class="p-carousel-items-container" (transitionend)="onTransitionEnd()">
-                            <div
-                                *ngFor="let item of clonedItemsForStarting; let index = index"
-                                [ngClass]="{
-                                    'p-carousel-item p-carousel-item-cloned': true,
-                                    'p-carousel-item-active': totalShiftedItems * -1 === value.length,
-                                    'p-carousel-item-start': 0 === index,
-                                    'p-carousel-item-end': clonedItemsForStarting.length - 1 === index
-                                }"
-                                [attr.aria-hidden]="!(totalShiftedItems * -1 === value.length)"
-                                [attr.aria-label]="ariaSlideNumber(index)"
-                                [attr.aria-roledescription]="ariaSlideLabel()"
-                            >
-                                <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-container>
-                            </div>
-                            <div
-                                *ngFor="let item of value; let index = index"
-                                [ngClass]="{ 'p-carousel-item': true, 'p-carousel-item-active': firstIndex() <= index && lastIndex() >= index, 'p-carousel-item-start': firstIndex() === index, 'p-carousel-item-end': lastIndex() === index }"
-                                [attr.aria-hidden]="!(totalShiftedItems * -1 === value.length)"
-                                [attr.aria-label]="ariaSlideNumber(index)"
-                                [attr.aria-roledescription]="ariaSlideLabel()"
-                            >
-                                <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-container>
-                            </div>
-                            <div
-                                *ngFor="let item of clonedItemsForFinishing; let index = index"
-                                [ngClass]="{
-                                    'p-carousel-item p-carousel-item-cloned': true,
-                                    'p-carousel-item-active': totalShiftedItems * -1 === numVisible,
-                                    'p-carousel-item-start': 0 === index,
-                                    'p-carousel-item-end': clonedItemsForFinishing.length - 1 === index
-                                }"
-                            >
-                                <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-container>
-                            </div>
-                        </div>
-                    </div>
-                    <button
-                        type="button"
-                        *ngIf="showNavigators"
-                        [ngClass]="{ 'p-carousel-next p-link': true, 'p-disabled': isForwardNavDisabled() }"
-                        [disabled]="isForwardNavDisabled()"
-                        (click)="navForward($event)"
-                        pRipple
-                        [attr.aria-label]="ariaNextButtonLabel()"
-                    >
-                        <ng-container *ngIf="!nextIconTemplate">
-                            <ChevronRightIcon *ngIf="!isVertical()" [styleClass]="'carousel-prev-icon'" />
-                            <ChevronDownIcon *ngIf="isVertical()" [styleClass]="'carousel-prev-icon'" />
-                        </ng-container>
-                        <span *ngIf="nextIconTemplate" class="p-carousel-prev-icon">
-                            <ng-template *ngTemplateOutlet="nextIconTemplate"></ng-template>
-                        </span>
-                    </button>
-                </div>
-                <ul #indicatorContent [ngClass]="'p-carousel-indicators p-reset'" [class]="indicatorsContentClass" [ngStyle]="indicatorsContentStyle" *ngIf="showIndicators" (keydown)="onIndicatorKeydown($event)">
-                    <li *ngFor="let totalDot of totalDotsArray(); let i = index" [ngClass]="{ 'p-carousel-indicator': true, 'p-highlight': _page === i }" [attr.data-pc-section]="'indicator'">
-                        <button
-                            type="button"
-                            [ngClass]="'p-link'"
-                            (click)="onDotClick($event, i)"
-                            [class]="indicatorStyleClass"
-                            [ngStyle]="indicatorStyle"
-                            [attr.aria-label]="ariaPageLabel(i + 1)"
-                            [attr.aria-current]="_page === i ? 'page' : undefined"
-                            [tabindex]="_page === i ? 0 : -1"
-                        ></button>
-                    </li>
-                </ul>
-            </div>
-            <div class="p-carousel-footer" *ngIf="footerFacet || footerTemplate">
-                <ng-content select="p-footer"></ng-content>
-                <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./carousel.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Carousel implements AfterContentInit {
-    /**
-     * Index of the first item.
-     * @defaultValue 0
-     * @group Props
-     */
-    @Input() get page(): number {
-        return this._page;
-    }
-    set page(val: number) {
-        if (this.isCreated && val !== this._page) {
-            if (this.autoplayInterval) {
-                this.stopAutoplay();
-            }
-
-            if (val > this._page && val <= this.totalDots() - 1) {
-                this.step(-1, val);
-            } else if (val < this._page) {
-                this.step(1, val);
-            }
-        }
-
-        this._page = val;
-    }
-    /**
-     * Number of items per page.
-     * @defaultValue 1
-     * @group Props
-     */
-    @Input() get numVisible(): number {
-        return this._numVisible;
-    }
-    set numVisible(val: number) {
-        this._numVisible = val;
-    }
-    /**
-     * Number of items to scroll.
-     * @defaultValue 1
-     * @group Props
-     */
-    @Input() get numScroll(): number {
-        return this._numVisible;
-    }
-    set numScroll(val: number) {
-        this._numScroll = val;
-    }
-    /**
-     * An array of options for responsive design.
-     * @see {CarouselResponsiveOptions}
-     * @group Props
-     */
-    @Input() responsiveOptions: CarouselResponsiveOptions[] | undefined;
-    /**
-     * Specifies the layout of the component.
-     * @group Props
-     */
-    @Input() orientation: 'horizontal' | 'vertical' = 'horizontal';
-    /**
-     * Height of the viewport in vertical layout.
-     * @group Props
-     */
-    @Input() verticalViewPortHeight: string = '300px';
-    /**
-     * Style class of main content.
-     * @group Props
-     */
-    @Input() contentClass: string = '';
-    /**
-     * Style class of the indicator items.
-     * @group Props
-     */
-    @Input() indicatorsContentClass: string = '';
-    /**
-     * Inline style of the indicator items.
-     * @group Props
-     */
-    @Input() indicatorsContentStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the indicators.
-     * @group Props
-     */
-    @Input() indicatorStyleClass: string = '';
-    /**
-     * Style of the indicators.
-     * @group Props
-     */
-    @Input() indicatorStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * An array of objects to display.
-     * @defaultValue null
-     * @group Props
-     */
-    @Input() get value(): any[] {
-        return this._value as any[];
-    }
-    set value(val) {
-        this._value = val;
-    }
-    /**
-     * Defines if scrolling would be infinite.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) circular: boolean = false;
-    /**
-     * Whether to display indicator container.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showIndicators: boolean = true;
-    /**
-     * Whether to display navigation buttons in container.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showNavigators: boolean = true;
-    /**
-     * Time in milliseconds to scroll items automatically.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) autoplayInterval: number = 0;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the viewport container.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Callback to invoke after scroll.
-     * @param {CarouselPageEvent} event - Custom page event.
-     * @group Emits
-     */
-    @Output() onPage: EventEmitter<CarouselPageEvent> = new EventEmitter<CarouselPageEvent>();
-
-    @ViewChild('itemsContainer') itemsContainer: ElementRef | undefined;
-
-    @ViewChild('indicatorContent') indicatorContent: ElementRef | undefined;
-
-    @ContentChild(Header) headerFacet: QueryList<Header> | undefined;
-
-    @ContentChild(Footer) footerFacet: QueryList<Footer> | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    _numVisible: number = 1;
-
-    _numScroll: number = 1;
-
-    _oldNumScroll: number = 0;
-
-    prevState: any = {
-        numScroll: 0,
-        numVisible: 0,
-        value: []
-    };
-
-    defaultNumScroll: number = 1;
-
-    defaultNumVisible: number = 1;
-
-    _page: number = 0;
-
-    _value: any[] | null | undefined;
-
-    carouselStyle: any;
-
-    id: string | undefined;
-
-    totalShiftedItems;
-
-    isRemainingItemsAdded: boolean = false;
-
-    animationTimeout: any;
-
-    translateTimeout: any;
-
-    remainingItems: number = 0;
-
-    _items: any[] | undefined;
-
-    startPos: any;
-
-    documentResizeListener: any;
-
-    clonedItemsForStarting: any[] | undefined;
-
-    clonedItemsForFinishing: any[] | undefined;
-
-    allowAutoplay: boolean | undefined;
-
-    interval: any;
-
-    isCreated: boolean | undefined;
-
-    swipeThreshold: number = 20;
-
-    itemTemplate: TemplateRef<any> | undefined;
-
-    headerTemplate: TemplateRef<any> | undefined;
-
-    footerTemplate: TemplateRef<any> | undefined;
-
-    previousIconTemplate: TemplateRef<any> | undefined;
-
-    nextIconTemplate: TemplateRef<any> | undefined;
-
-    window: Window;
-
-    constructor(
-        public el: ElementRef,
-        public zone: NgZone,
-        public cd: ChangeDetectorRef,
-        private renderer: Renderer2,
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private config: PrimeNGConfig
-    ) {
-        this.totalShiftedItems = this.page * this.numScroll * -1;
-        this.window = this.document.defaultView as Window;
-    }
-
-    ngOnChanges(simpleChange: SimpleChanges) {
-        if (isPlatformBrowser(this.platformId)) {
-            if (simpleChange.value) {
-                if (this.circular && this._value) {
-                    this.setCloneItems();
-                }
-            }
-
-            if (this.isCreated) {
-                if (simpleChange.numVisible) {
-                    if (this.responsiveOptions) {
-                        this.defaultNumVisible = this.numVisible;
-                    }
-
-                    if (this.isCircular()) {
-                        this.setCloneItems();
-                    }
-
-                    this.createStyle();
-                    this.calculatePosition();
-                }
-
-                if (simpleChange.numScroll) {
-                    if (this.responsiveOptions) {
-                        this.defaultNumScroll = this.numScroll;
-                    }
-                }
-            }
-        }
-        this.cd.markForCheck();
-    }
-
-    ngAfterContentInit() {
-        this.id = UniqueComponentId();
-        if (isPlatformBrowser(this.platformId)) {
-            this.allowAutoplay = !!this.autoplayInterval;
-
-            if (this.circular) {
-                this.setCloneItems();
-            }
-
-            if (this.responsiveOptions) {
-                this.defaultNumScroll = this._numScroll;
-                this.defaultNumVisible = this._numVisible;
-            }
-
-            this.createStyle();
-            this.calculatePosition();
-
-            if (this.responsiveOptions) {
-                this.bindDocumentListeners();
-            }
-        }
-
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                case 'previousicon':
-                    this.previousIconTemplate = item.template;
-                    break;
-
-                case 'nexticon':
-                    this.nextIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-        this.cd.detectChanges();
-    }
-
-    ngAfterContentChecked() {
-        if (isPlatformBrowser(this.platformId)) {
-            const isCircular = this.isCircular();
-            let totalShiftedItems = this.totalShiftedItems;
-
-            if (this.value && this.itemsContainer && (this.prevState.numScroll !== this._numScroll || this.prevState.numVisible !== this._numVisible || this.prevState.value.length !== this.value.length)) {
-                if (this.autoplayInterval) {
-                    this.stopAutoplay(false);
-                }
-
-                this.remainingItems = (this.value.length - this._numVisible) % this._numScroll;
-
-                let page = this._page;
-                if (this.totalDots() !== 0 && page >= this.totalDots()) {
-                    page = this.totalDots() - 1;
-                    this._page = page;
-                    this.onPage.emit({
-                        page: this.page
-                    });
-                }
-
-                totalShiftedItems = page * this._numScroll * -1;
-                if (isCircular) {
-                    totalShiftedItems -= this._numVisible;
-                }
-
-                if (page === this.totalDots() - 1 && this.remainingItems > 0) {
-                    totalShiftedItems += -1 * this.remainingItems + this._numScroll;
-                    this.isRemainingItemsAdded = true;
-                } else {
-                    this.isRemainingItemsAdded = false;
-                }
-
-                if (totalShiftedItems !== this.totalShiftedItems) {
-                    this.totalShiftedItems = totalShiftedItems;
-                }
-
-                this._oldNumScroll = this._numScroll;
-                this.prevState.numScroll = this._numScroll;
-                this.prevState.numVisible = this._numVisible;
-                this.prevState.value = [...(this._value as any[])];
-
-                if (this.totalDots() > 0 && this.itemsContainer.nativeElement) {
-                    this.itemsContainer.nativeElement.style.transform = this.isVertical() ? `translate3d(0, ${totalShiftedItems * (100 / this._numVisible)}%, 0)` : `translate3d(${totalShiftedItems * (100 / this._numVisible)}%, 0, 0)`;
-                }
-
-                this.isCreated = true;
-
-                if (this.autoplayInterval && this.isAutoplay()) {
-                    this.startAutoplay();
-                }
-            }
-
-            if (isCircular) {
-                if (this.page === 0) {
-                    totalShiftedItems = -1 * this._numVisible;
-                } else if (totalShiftedItems === 0) {
-                    totalShiftedItems = -1 * this.value.length;
-                    if (this.remainingItems > 0) {
-                        this.isRemainingItemsAdded = true;
-                    }
-                }
-
-                if (totalShiftedItems !== this.totalShiftedItems) {
-                    this.totalShiftedItems = totalShiftedItems;
-                }
-            }
-        }
-    }
-
-    createStyle() {
-        if (!this.carouselStyle) {
-            this.carouselStyle = this.renderer.createElement('style');
-            this.carouselStyle.type = 'text/css';
-            DomHandler.setAttribute(this.carouselStyle, 'nonce', this.config?.csp()?.nonce);
-            this.renderer.appendChild(this.document.head, this.carouselStyle);
-        }
-
-        let innerHTML = `
-            #${this.id} .p-carousel-item {
-				flex: 1 0 ${100 / this.numVisible}%
-			}
-        `;
-
-        if (this.responsiveOptions) {
-            this.responsiveOptions.sort((data1, data2) => {
-                const value1 = data1.breakpoint;
-                const value2 = data2.breakpoint;
-                let result = null;
-
-                if (value1 == null && value2 != null) result = -1;
-                else if (value1 != null && value2 == null) result = 1;
-                else if (value1 == null && value2 == null) result = 0;
-                else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, { numeric: true });
-                else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-
-                return -1 * result;
-            });
-
-            for (let i = 0; i < this.responsiveOptions.length; i++) {
-                let res = this.responsiveOptions[i];
-
-                innerHTML += `
-                    @media screen and (max-width: ${res.breakpoint}) {
-                        #${this.id} .p-carousel-item {
-                            flex: 1 0 ${100 / res.numVisible}%
-                        }
-                    }
-                `;
-            }
-        }
-
-        this.carouselStyle.innerHTML = innerHTML;
-    }
-
-    calculatePosition() {
-        if (this.responsiveOptions) {
-            let matchedResponsiveData = {
-                numVisible: this.defaultNumVisible,
-                numScroll: this.defaultNumScroll
-            };
-
-            if (typeof window !== 'undefined') {
-                let windowWidth = window.innerWidth;
-                for (let i = 0; i < this.responsiveOptions.length; i++) {
-                    let res = this.responsiveOptions[i];
-
-                    if (parseInt(res.breakpoint, 10) >= windowWidth) {
-                        matchedResponsiveData = res;
-                    }
-                }
-            }
-
-            if (this._numScroll !== matchedResponsiveData.numScroll) {
-                let page = this._page;
-                page = Math.floor((page * this._numScroll) / matchedResponsiveData.numScroll);
-
-                let totalShiftedItems = matchedResponsiveData.numScroll * this.page * -1;
-
-                if (this.isCircular()) {
-                    totalShiftedItems -= matchedResponsiveData.numVisible;
-                }
-
-                this.totalShiftedItems = totalShiftedItems;
-                this._numScroll = matchedResponsiveData.numScroll;
-
-                this._page = page;
-                this.onPage.emit({
-                    page: this.page
-                });
-            }
-
-            if (this._numVisible !== matchedResponsiveData.numVisible) {
-                this._numVisible = matchedResponsiveData.numVisible;
-                this.setCloneItems();
-            }
-
-            this.cd.markForCheck();
-        }
-    }
-
-    setCloneItems() {
-        this.clonedItemsForStarting = [];
-        this.clonedItemsForFinishing = [];
-        if (this.isCircular()) {
-            this.clonedItemsForStarting.push(...this.value.slice(-1 * this._numVisible));
-            this.clonedItemsForFinishing.push(...this.value.slice(0, this._numVisible));
-        }
-    }
-
-    firstIndex() {
-        return this.isCircular() ? -1 * (this.totalShiftedItems + this.numVisible) : this.totalShiftedItems * -1;
-    }
-
-    lastIndex() {
-        return this.firstIndex() + this.numVisible - 1;
-    }
-
-    totalDots() {
-        return this.value?.length ? Math.ceil((this.value.length - this._numVisible) / this._numScroll) + 1 : 0;
-    }
-
-    totalDotsArray() {
-        const totalDots = this.totalDots();
-        return totalDots <= 0 ? [] : Array(totalDots).fill(0);
-    }
-
-    isVertical() {
-        return this.orientation === 'vertical';
-    }
-
-    isCircular() {
-        return this.circular && this.value && this.value.length >= this.numVisible;
-    }
-
-    isAutoplay() {
-        return this.autoplayInterval && this.allowAutoplay;
-    }
-
-    isForwardNavDisabled() {
-        return this.isEmpty() || (this._page >= this.totalDots() - 1 && !this.isCircular());
-    }
-
-    isBackwardNavDisabled() {
-        return this.isEmpty() || (this._page <= 0 && !this.isCircular());
-    }
-
-    isEmpty() {
-        return !this.value || this.value.length === 0;
-    }
-
-    navForward(e: MouseEvent | TouchEvent, index?: number) {
-        if (this.isCircular() || this._page < this.totalDots() - 1) {
-            this.step(-1, index);
-        }
-
-        if (this.autoplayInterval) {
-            this.stopAutoplay();
-        }
-
-        if (e && e.cancelable) {
-            e.preventDefault();
-        }
-    }
-
-    navBackward(e: MouseEvent | TouchEvent, index?: number) {
-        if (this.isCircular() || this._page !== 0) {
-            this.step(1, index);
-        }
-
-        if (this.autoplayInterval) {
-            this.stopAutoplay();
-        }
-
-        if (e && e.cancelable) {
-            e.preventDefault();
-        }
-    }
-
-    onDotClick(e: MouseEvent, index: number) {
-        let page = this._page;
-
-        if (this.autoplayInterval) {
-            this.stopAutoplay();
-        }
-
-        if (index > page) {
-            this.navForward(e, index);
-        } else if (index < page) {
-            this.navBackward(e, index);
-        }
-    }
-
-    onIndicatorKeydown(event: KeyboardEvent) {
-        switch (event.code) {
-            case 'ArrowRight':
-                this.onRightKey();
-                break;
-
-            case 'ArrowLeft':
-                this.onLeftKey();
-                break;
-        }
-    }
-
-    onRightKey() {
-        const indicators = [...DomHandler.find(this.indicatorContent.nativeElement, '[data-pc-section="indicator"]')];
-        const activeIndex = this.findFocusedIndicatorIndex();
-
-        this.changedFocusedIndicator(activeIndex, activeIndex + 1 === indicators.length ? indicators.length - 1 : activeIndex + 1);
-    }
-
-    onLeftKey() {
-        const activeIndex = this.findFocusedIndicatorIndex();
-
-        this.changedFocusedIndicator(activeIndex, activeIndex - 1 <= 0 ? 0 : activeIndex - 1);
-    }
-    onHomeKey() {
-        const activeIndex = this.findFocusedIndicatorIndex();
-
-        this.changedFocusedIndicator(activeIndex, 0);
-    }
-
-    onEndKey() {
-        const indicators = [...DomHandler.find(this.indicatorContent.nativeElement, '[data-pc-section="indicator"]r')];
-        const activeIndex = this.findFocusedIndicatorIndex();
-
-        this.changedFocusedIndicator(activeIndex, indicators.length - 1);
-    }
-
-    onTabKey() {
-        const indicators = [...DomHandler.find(this.indicatorContent.nativeElement, '[data-pc-section="indicator"]')];
-        const highlightedIndex = indicators.findIndex((ind) => DomHandler.getAttribute(ind, 'data-p-highlight') === true);
-
-        const activeIndicator = DomHandler.findSingle(this.indicatorContent.nativeElement, '[data-pc-section="indicator"] > button[tabindex="0"]');
-        const activeIndex = indicators.findIndex((ind) => ind === activeIndicator.parentElement);
-
-        indicators[activeIndex].children[0].tabIndex = '-1';
-        indicators[highlightedIndex].children[0].tabIndex = '0';
-    }
-
-    findFocusedIndicatorIndex() {
-        const indicators = [...DomHandler.find(this.indicatorContent.nativeElement, '[data-pc-section="indicator"]')];
-        const activeIndicator = DomHandler.findSingle(this.indicatorContent.nativeElement, '[data-pc-section="indicator"] > button[tabindex="0"]');
-
-        return indicators.findIndex((ind) => ind === activeIndicator.parentElement);
-    }
-
-    changedFocusedIndicator(prevInd, nextInd) {
-        const indicators = [...DomHandler.find(this.indicatorContent.nativeElement, '[data-pc-section="indicator"]')];
-
-        indicators[prevInd].children[0].tabIndex = '-1';
-        indicators[nextInd].children[0].tabIndex = '0';
-        indicators[nextInd].children[0].focus();
-    }
-
-    step(dir: number, page?: number) {
-        let totalShiftedItems = this.totalShiftedItems;
-        const isCircular = this.isCircular();
-
-        if (page != null) {
-            totalShiftedItems = this._numScroll * page * -1;
-
-            if (isCircular) {
-                totalShiftedItems -= this._numVisible;
-            }
-
-            this.isRemainingItemsAdded = false;
-        } else {
-            totalShiftedItems += this._numScroll * dir;
-            if (this.isRemainingItemsAdded) {
-                totalShiftedItems += this.remainingItems - this._numScroll * dir;
-                this.isRemainingItemsAdded = false;
-            }
-
-            let originalShiftedItems = isCircular ? totalShiftedItems + this._numVisible : totalShiftedItems;
-            page = Math.abs(Math.floor(originalShiftedItems / this._numScroll));
-        }
-
-        if (isCircular && this.page === this.totalDots() - 1 && dir === -1) {
-            totalShiftedItems = -1 * (this.value.length + this._numVisible);
-            page = 0;
-        } else if (isCircular && this.page === 0 && dir === 1) {
-            totalShiftedItems = 0;
-            page = this.totalDots() - 1;
-        } else if (page === this.totalDots() - 1 && this.remainingItems > 0) {
-            totalShiftedItems += this.remainingItems * -1 - this._numScroll * dir;
-            this.isRemainingItemsAdded = true;
-        }
-
-        if (this.itemsContainer) {
-            this.itemsContainer.nativeElement.style.transform = this.isVertical() ? `translate3d(0, ${totalShiftedItems * (100 / this._numVisible)}%, 0)` : `translate3d(${totalShiftedItems * (100 / this._numVisible)}%, 0, 0)`;
-            this.itemsContainer.nativeElement.style.transition = 'transform 500ms ease 0s';
-        }
-
-        this.totalShiftedItems = totalShiftedItems;
-        this._page = page;
-        this.onPage.emit({
-            page: this.page
-        });
-        this.cd.markForCheck();
-    }
-
-    startAutoplay() {
-        this.interval = setInterval(() => {
-            if (this.totalDots() > 0) {
-                if (this.page === this.totalDots() - 1) {
-                    this.step(-1, 0);
-                } else {
-                    this.step(-1, this.page + 1);
-                }
-            }
-        }, this.autoplayInterval);
-        this.allowAutoplay = true;
-        this.cd.markForCheck();
-    }
-
-    stopAutoplay(changeAllow: boolean = true) {
-        if (this.interval) {
-            clearInterval(this.interval);
-            this.interval = undefined;
-            if (changeAllow) {
-                this.allowAutoplay = false;
-            }
-        }
-        this.cd.markForCheck();
-    }
-
-    isPlaying(): boolean {
-        return !!this.interval;
-    }
-
-    onTransitionEnd() {
-        if (this.itemsContainer) {
-            this.itemsContainer.nativeElement.style.transition = '';
-
-            if ((this.page === 0 || this.page === this.totalDots() - 1) && this.isCircular()) {
-                this.itemsContainer.nativeElement.style.transform = this.isVertical() ? `translate3d(0, ${this.totalShiftedItems * (100 / this._numVisible)}%, 0)` : `translate3d(${this.totalShiftedItems * (100 / this._numVisible)}%, 0, 0)`;
-            }
-        }
-    }
-
-    onTouchStart(e: TouchEvent) {
-        let touchobj = e.changedTouches[0];
-
-        this.startPos = {
-            x: touchobj.pageX,
-            y: touchobj.pageY
-        };
-    }
-
-    onTouchMove(e: TouchEvent | MouseEvent) {
-        if (e.cancelable) {
-            e.preventDefault();
-        }
-    }
-    onTouchEnd(e: TouchEvent) {
-        let touchobj = e.changedTouches[0];
-
-        if (this.isVertical()) {
-            this.changePageOnTouch(e, touchobj.pageY - this.startPos.y);
-        } else {
-            this.changePageOnTouch(e, touchobj.pageX - this.startPos.x);
-        }
-    }
-
-    changePageOnTouch(e: TouchEvent | MouseEvent, diff: number) {
-        if (Math.abs(diff) > this.swipeThreshold) {
-            if (diff < 0) {
-                this.navForward(e);
-            } else {
-                this.navBackward(e);
-            }
-        }
-    }
-
-    ariaPrevButtonLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.prevPageLabel : undefined;
-    }
-
-    ariaSlideLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.slide : undefined;
-    }
-
-    ariaNextButtonLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.nextPageLabel : undefined;
-    }
-
-    ariaSlideNumber(value) {
-        return this.config.translation.aria ? this.config.translation.aria.slideNumber.replace(/{slideNumber}/g, value) : undefined;
-    }
-
-    ariaPageLabel(value) {
-        return this.config.translation.aria ? this.config.translation.aria.pageLabel.replace(/{page}/g, value) : undefined;
-    }
-
-    bindDocumentListeners() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.documentResizeListener) {
-                this.documentResizeListener = this.renderer.listen(this.window, 'resize', (event) => {
-                    this.calculatePosition();
-                });
-            }
-        }
-    }
-
-    unbindDocumentListeners() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (this.documentResizeListener) {
-                this.documentResizeListener();
-                this.documentResizeListener = null;
-            }
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.responsiveOptions) {
-            this.unbindDocumentListeners();
-        }
-        if (this.autoplayInterval) {
-            this.stopAutoplay();
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, RippleModule, ChevronRightIcon, ChevronLeftIcon, ChevronDownIcon, ChevronUpIcon],
-    exports: [CommonModule, Carousel, SharedModule],
-    declarations: [Carousel]
-})
-export class CarouselModule {}
diff --git a/src/app/components/carousel/ng-package.json b/src/app/components/carousel/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/carousel/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/carousel/public_api.ts b/src/app/components/carousel/public_api.ts
deleted file mode 100644
index 5187fe0..0000000
--- a/src/app/components/carousel/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './carousel';
-export * from './carousel.interface';
diff --git a/src/app/components/cascadeselect/cascadeselect.css b/src/app/components/cascadeselect/cascadeselect.css
deleted file mode 100644
index cb71f45..0000000
--- a/src/app/components/cascadeselect/cascadeselect.css
+++ /dev/null
@@ -1,99 +0,0 @@
-@layer primeng {
-    .p-cascadeselect {
-        display: inline-flex;
-        cursor: pointer;
-        position: relative;
-        user-select: none;
-    }
-
-    .p-cascadeselect-trigger {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-shrink: 0;
-    }
-
-    .p-cascadeselect-label {
-        display: block;
-        white-space: nowrap;
-        overflow: hidden;
-        flex: 1 1 auto;
-        width: 1%;
-        text-overflow: ellipsis;
-        cursor: pointer;
-    }
-
-    .p-cascadeselect-label-empty {
-        overflow: hidden;
-        visibility: hidden;
-    }
-
-    .p-cascadeselect-item {
-        cursor: pointer;
-        font-weight: normal;
-        white-space: nowrap;
-    }
-
-    .p-cascadeselect-item-content {
-        display: flex;
-        align-items: center;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-cascadeselect-group-icon {
-        margin-left: auto;
-        display: inline-flex;
-    }
-
-    .p-cascadeselect-items {
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-    }
-
-    .p-fluid .p-cascadeselect {
-        display: flex;
-    }
-
-    .p-fluid .p-cascadeselect .p-cascadeselect-label {
-        width: 1%;
-    }
-
-    .p-cascadeselect-sublist {
-        position: absolute;
-        min-width: 100%;
-        z-index: 1;
-        display: none;
-    }
-
-    .p-cascadeselect-item-active {
-        overflow: visible !important;
-    }
-
-    .p-cascadeselect-item-active > .p-cascadeselect-sublist {
-        display: block;
-        left: 100%;
-        top: 0;
-    }
-
-    .p-cascadeselect-clear-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-        cursor: pointer;
-    }
-
-    .p-cascadeselect-clearable {
-        position: relative;
-    }
-
-    /* Modal */
-    .p-overlay-modal .p-cascadeselect-sublist {
-        position: relative;
-    }
-
-    .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-sublist {
-        left: 0;
-    }
-}
diff --git a/src/app/components/cascadeselect/cascadeselect.interface.ts b/src/app/components/cascadeselect/cascadeselect.interface.ts
deleted file mode 100644
index 8a922ad..0000000
--- a/src/app/components/cascadeselect/cascadeselect.interface.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-import { ElementRef, TemplateRef } from '@angular/core';
-import { Overlay } from 'primeng/overlay';
-import { CascadeSelect } from './cascadeselect';
-
-/**
- * Custom panel show event.
- * @see {@link CascadeSelect.onShow}
- * @group Events
- */
-export interface CascadeSelectShowEvent {
-    /**
-     * Overlay element.
-     */
-    overlay?: Overlay | ElementRef | TemplateRef<any> | HTMLElement | null | undefined;
-    /**
-     * Target element.
-     */
-    target?: Overlay | ElementRef | TemplateRef<any> | HTMLElement | null | undefined;
-    /**
-     * Overlay mode.
-     */
-    overlayMode?: 'modal' | 'overlay' | string;
-}
-/**
- * Custom panel hide event.
- * @see {@link CascadeSelect.onHide}
- * @extends {CascadeSelectShowEvent}
- * @group Events
- */
-export interface CascadeSelectHideEvent extends CascadeSelectShowEvent {}
-/**
- * Custom panel show event emits right before the panel is shown.
- * @see {@link CascadeSelect.onBeforeShow}
- * @extends {CascadeSelectShowEvent}
- * @group Events
- */
-export interface CascadeSelectBeforeShowEvent extends CascadeSelectShowEvent {}
-/**
- * Custom panel hide event emits right before the panel is hidden.
- * @see {@link CascadeSelect.onBeforeHide}
- * @extends {CascadeSelectShowEvent}
- * @group Events
- */
-export interface CascadeSelectBeforeHideEvent extends CascadeSelectShowEvent {}
-/**
- * Custom panel change event emits when selection changed.
- * @see {@link CascadeSelect.onChange}
- * @group Events
- */
-export interface CascadeSelectChangeEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent?: Event;
-    /**
-     * Selected value.
-     */
-    value?: any;
-    /**
-     * Focus state.
-     */
-    isFocus?: boolean;
-}
-/**
- * Defines valid templates in CascadeSelect.
- * @group Templates
- */
-export interface CascadeSelectTemplates {
-    /**
-     * Custom value template.
-     * @param {Object} context - value data.
-     */
-    value(context: {
-        /**
-         * Value.
-         */
-        $implicit: any;
-        /**
-         * Placeholder.
-         */
-        placeholder: string;
-    }): TemplateRef<{ $implicit: any; placeholder: string }>;
-    /**
-     * Custom option template.
-     * @param {Object} context - option data.
-     */
-    option(context: {
-        /**
-         * Option instance.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-    /**
-     * Custom dropdown trigger icon template.
-     */
-    triggericon(): TemplateRef<any>;
-    /**
-     * Custom clear icon template.
-     */
-    clearicon(): TemplateRef<any>;
-    /**
-     * Custom option group icon template.
-     */
-    optiongroupicon(): TemplateRef<any>;
-    /**
-     * Custom loading icon template.
-     */
-    loadingicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/cascadeselect/cascadeselect.spec.ts b/src/app/components/cascadeselect/cascadeselect.spec.ts
deleted file mode 100644
index 9a0351d..0000000
--- a/src/app/components/cascadeselect/cascadeselect.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { CascadeSelect, CascadeSelectModule } from './cascadeselect';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { By } from '@angular/platform-browser';
-
-describe('CascadeSelect', () => {
-    let cascadeSelect: CascadeSelect;
-    let fixture: ComponentFixture<CascadeSelect>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, CascadeSelectModule]
-        });
-
-        fixture = TestBed.createComponent(CascadeSelect);
-        cascadeSelect = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const cascadeEl = fixture.debugElement.query(By.css('.p-cascadeselect-trigger'));
-        expect(cascadeEl.nativeElement).toBeTruthy();
-    });
-});
diff --git a/src/app/components/cascadeselect/cascadeselect.ts b/src/app/components/cascadeselect/cascadeselect.ts
deleted file mode 100644
index 3786a2c..0000000
--- a/src/app/components/cascadeselect/cascadeselect.ts
+++ /dev/null
@@ -1,1391 +0,0 @@
-import { AnimationEvent } from '@angular/animations';
-import { CommonModule } from '@angular/common';
-import {
-    AfterContentInit,
-    booleanAttribute,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    computed,
-    ContentChildren,
-    effect,
-    ElementRef,
-    EventEmitter,
-    forwardRef,
-    Inject,
-    Input,
-    NgModule,
-    numberAttribute,
-    OnInit,
-    Output,
-    QueryList,
-    signal,
-    SimpleChanges,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation
-} from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { OverlayOptions, OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule, TranslationKeys } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { AngleRightIcon } from 'primeng/icons/angleright';
-import { AutoFocusModule } from 'primeng/autofocus';
-
-import { ChevronDownIcon } from 'primeng/icons/chevrondown';
-import { TimesIcon } from 'primeng/icons/times';
-import { Overlay, OverlayModule } from 'primeng/overlay';
-import { RippleModule } from 'primeng/ripple';
-import { Nullable } from 'primeng/ts-helpers';
-import { ObjectUtils, UniqueComponentId } from 'primeng/utils';
-import { CascadeSelectBeforeHideEvent, CascadeSelectBeforeShowEvent, CascadeSelectChangeEvent, CascadeSelectHideEvent, CascadeSelectShowEvent } from './cascadeselect.interface';
-
-export const CASCADESELECT_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => CascadeSelect),
-    multi: true
-};
-
-@Component({
-    selector: 'p-cascadeSelectSub',
-    template: `
-        <ul
-            class="p-cascadeselect-panel p-cascadeselect-items"
-            [ngClass]="{ 'p-cascadeselect-panel-root': root }"
-            [attr.role]="role"
-            aria-orientation="horizontal"
-            [attr.data-pc-section]="level === 0 ? 'list' : 'sublist'"
-            [attr.aria-label]="listLabel"
-        >
-            <ng-template ngFor let-processedOption [ngForOf]="options" let-i="index">
-                <li
-                    [ngClass]="getItemClass(processedOption)"
-                    role="treeitem"
-                    [attr.aria-level]="level + 1"
-                    [attr.aria-setsize]="options.length"
-                    [attr.data-pc-section]="'item'"
-                    [id]="getOptionId(processedOption)"
-                    [attr.aria-label]="getOptionLabelToRender(processedOption)"
-                    [attr.aria-selected]="isOptionGroup(processedOption) ? undefined : isOptionSelected(processedOption)"
-                    [attr.aria-posinset]="i + 1"
-                >
-                    <div class="p-cascadeselect-item-content" (click)="onOptionClick($event, processedOption)" [attr.tabindex]="0" pRipple [attr.data-pc-section]="'content'">
-                        <ng-container *ngIf="optionTemplate; else defaultOptionTemplate">
-                            <ng-container *ngTemplateOutlet="optionTemplate; context: { $implicit: processedOption.option }"></ng-container>
-                        </ng-container>
-                        <ng-template #defaultOptionTemplate>
-                            <span class="p-cascadeselect-item-text" [attr.data-pc-section]="'text'">{{ getOptionLabelToRender(processedOption) }}</span>
-                        </ng-template>
-                        <span class="p-cascadeselect-group-icon" *ngIf="isOptionGroup(processedOption)" [attr.data-pc-section]="'groupIcon'">
-                            <AngleRightIcon *ngIf="!groupIconTemplate" />
-                            <ng-template *ngTemplateOutlet="groupIconTemplate"></ng-template>
-                        </span>
-                    </div>
-                    <p-cascadeSelectSub
-                        *ngIf="isOptionGroup(processedOption) && isOptionActive(processedOption)"
-                        [role]="'group'"
-                        class="p-cascadeselect-sublist"
-                        [selectId]="selectId"
-                        [focusedOptionId]="focusedOptionId"
-                        [activeOptionPath]="activeOptionPath"
-                        [options]="getOptionGroupChildren(processedOption)"
-                        [optionLabel]="optionLabel"
-                        [optionValue]="optionValue"
-                        [level]="level + 1"
-                        (onChange)="onOptionChange($event)"
-                        [optionGroupLabel]="optionGroupLabel"
-                        [optionGroupChildren]="optionGroupChildren"
-                        [dirty]="dirty"
-                        [optionTemplate]="optionTemplate"
-                    >
-                    </p-cascadeSelectSub>
-                </li>
-            </ng-template>
-        </ul>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class CascadeSelectSub implements OnInit {
-    @Input() role: string | undefined;
-
-    @Input() selectId: string | undefined;
-
-    @Input() activeOptionPath: any[];
-
-    @Input() optionDisabled: any[];
-
-    @Input() focusedOptionId: string | undefined;
-
-    @Input() options: string[] | string | undefined | null;
-
-    @Input() optionGroupChildren: string[] | string | undefined | null;
-
-    @Input() optionTemplate: Nullable<TemplateRef<any>>;
-
-    @Input() groupIconTemplate: Nullable<TemplateRef<any>>;
-
-    @Input({ transform: numberAttribute }) level: number = 0;
-
-    @Input() optionLabel: string | undefined;
-
-    @Input() optionValue: string | undefined;
-
-    @Input() optionGroupLabel: string | undefined;
-
-    @Input({ transform: booleanAttribute }) dirty: boolean | undefined;
-
-    @Input({ transform: booleanAttribute }) root: boolean | undefined;
-
-    @Output() onChange: EventEmitter<any> = new EventEmitter();
-
-    get listLabel(): string {
-        return this.config.getTranslation(TranslationKeys.ARIA)['listLabel'];
-    }
-
-    constructor(
-        private el: ElementRef,
-        public config: PrimeNGConfig
-    ) {}
-
-    ngOnInit() {
-        if (!this.root) {
-            this.position();
-        }
-    }
-
-    onOptionClick(event, option: any) {
-        this.onChange.emit({
-            originalEvent: event,
-            value: option,
-            isFocus: true
-        });
-    }
-
-    onOptionChange(event) {
-        this.onChange.emit(event);
-    }
-
-    getOptionId(processedOption) {
-        return `${this.selectId}_${processedOption.key}`;
-    }
-
-    getOptionLabel(processedOption) {
-        return this.optionLabel ? ObjectUtils.resolveFieldData(processedOption.option, this.optionLabel) : processedOption.option;
-    }
-
-    getOptionValue(processedOption) {
-        return this.optionValue ? ObjectUtils.resolveFieldData(processedOption.option, this.optionValue) : processedOption.option;
-    }
-
-    getOptionLabelToRender(processedOption) {
-        return this.isOptionGroup(processedOption) ? this.getOptionGroupLabel(processedOption) : this.getOptionLabel(processedOption);
-    }
-
-    isOptionDisabled(processedOption) {
-        return this.optionDisabled ? ObjectUtils.resolveFieldData(processedOption.option, this.optionDisabled) : false;
-    }
-
-    getOptionGroupLabel(processedOption) {
-        return this.optionGroupLabel ? ObjectUtils.resolveFieldData(processedOption.option, this.optionGroupLabel) : null;
-    }
-
-    getOptionGroupChildren(processedOption) {
-        return processedOption.children;
-    }
-
-    isOptionGroup(processedOption) {
-        return ObjectUtils.isNotEmpty(processedOption.children);
-    }
-
-    isOptionSelected(processedOption) {
-        return !this.isOptionGroup(processedOption) && this.isOptionActive(processedOption);
-    }
-
-    isOptionActive(processedOption) {
-        return this.activeOptionPath.some((path) => path.key === processedOption.key);
-    }
-
-    isOptionFocused(processedOption) {
-        return this.focusedOptionId === this.getOptionId(processedOption);
-    }
-
-    getItemClass(option: string | string[]) {
-        return {
-            'p-cascadeselect-item': true,
-            'p-cascadeselect-item-group': this.isOptionGroup(option),
-            'p-cascadeselect-item-active p-highlight': this.isOptionActive(option),
-            'p-focus': this.isOptionFocused(option),
-            'p-disabled': this.isOptionDisabled(option)
-        };
-    }
-
-    position() {
-        const parentItem = this.el.nativeElement.parentElement;
-        const containerOffset = DomHandler.getOffset(parentItem);
-        const viewport = DomHandler.getViewport();
-        const sublistWidth = this.el.nativeElement.children[0].offsetParent ? this.el.nativeElement.children[0].offsetWidth : DomHandler.getHiddenElementOuterWidth(this.el.nativeElement.children[0]);
-        const itemOuterWidth = DomHandler.getOuterWidth(parentItem.children[0]);
-
-        if (parseInt(containerOffset.left, 10) + itemOuterWidth + sublistWidth > viewport.width - DomHandler.calculateScrollbarWidth()) {
-            this.el.nativeElement.children[0].style.left = '-200%';
-        }
-    }
-}
-/**
- * CascadeSelect is a form component to select a value from a nested structure of options.
- * @group Components
- */
-@Component({
-    selector: 'p-cascadeSelect',
-    template: ` <div #container [ngClass]="containerClass" [class]="styleClass" [ngStyle]="style" (click)="onContainerClick($event)" [attr.data-pc-name]="'cascadeselect'" [attr.data-pc-section]="'root'">
-        <div class="p-hidden-accessible" [attr.data-pc-section]="'hiddenInputWrapper'">
-            <input
-                #focusInput
-                readonly
-                type="text"
-                role="combobox"
-                [disabled]="disabled"
-                [placeholder]="placeholder"
-                [tabindex]="!disabled ? tabindex : -1"
-                [attr.id]="inputId"
-                [attr.aria-label]="ariaLabel"
-                [attr.aria-labelledby]="ariaLabelledBy"
-                aria-haspopup="tree"
-                [attr.aria-expanded]="overlayVisible ?? false"
-                [attr.aria-controls]="overlayVisible ? id + '_tree' : null"
-                [attr.aria-activedescendant]="focused ? focusedOptionId : undefined"
-                (focus)="onInputFocus($event)"
-                (blur)="onInputBlur($event)"
-                (keydown)="onInputKeyDown($event)"
-                pAutoFocus
-                [autofocus]="autofocus"
-            />
-        </div>
-        <span [ngClass]="labelClass" [attr.data-pc-section]="'label'">
-            <ng-container *ngIf="valueTemplate; else defaultValueTemplate">
-                <ng-container *ngTemplateOutlet="valueTemplate; context: { $implicit: value, placeholder: placeholder }"></ng-container>
-            </ng-container>
-            <ng-template #defaultValueTemplate>
-                {{ label() }}
-            </ng-template>
-        </span>
-
-        <ng-container *ngIf="filled && !disabled && showClear">
-            <TimesIcon *ngIf="!clearIconTemplate" [styleClass]="'p-cascadeselect-clear-icon'" (click)="clear($event)" [attr.data-pc-section]="'clearicon'" [attr.aria-hidden]="true" />
-            <span *ngIf="clearIconTemplate" class="p-cascadeselect-clear-icon" (click)="clear($event)" [attr.data-pc-section]="'clearicon'" [attr.aria-hidden]="true">
-                <ng-template *ngTemplateOutlet="clearIconTemplate"></ng-template>
-            </span>
-        </ng-container>
-
-        <div class="p-cascadeselect-trigger" role="button" aria-haspopup="listbox" [attr.aria-expanded]="overlayVisible ?? false" [attr.data-pc-section]="'dropdownIcon'" [attr.aria-hidden]="true">
-            <ng-container *ngIf="loading; else elseBlock">
-                <ng-container *ngIf="loadingIconTemplate">
-                    <ng-container *ngTemplateOutlet="loadingIconTemplate"></ng-container>
-                </ng-container>
-                <ng-container *ngIf="!loadingIconTemplate">
-                    <span *ngIf="loadingIcon" [ngClass]="'p-cascadeselect-trigger-icon pi-spin ' + loadingIcon" aria-hidden="true"></span>
-                    <span *ngIf="!loadingIcon" [class]="'p-cascadeselect-trigger-icon pi pi-spinner pi-spin'" aria-hidden="true"></span>
-                </ng-container>
-            </ng-container>
-            <ng-template #elseBlock>
-                <ChevronDownIcon *ngIf="!triggerIconTemplate" [styleClass]="'p-cascadeselect-trigger-icon'" />
-                <span *ngIf="triggerIconTemplate" class="p-cascadeselect-trigger-icon">
-                    <ng-template *ngTemplateOutlet="triggerIconTemplate"></ng-template>
-                </span>
-            </ng-template>
-        </div>
-        <span role="status" aria-live="polite" class="p-hidden-accessible">
-            {{ searchResultMessageText }}
-        </span>
-        <p-overlay
-            #overlay
-            [(visible)]="overlayVisible"
-            [options]="overlayOptions"
-            [target]="'@parent'"
-            [appendTo]="appendTo"
-            [showTransitionOptions]="showTransitionOptions"
-            [hideTransitionOptions]="hideTransitionOptions"
-            (onAnimationDone)="onOverlayAnimationDone($event)"
-            (onBeforeShow)="onBeforeShow.emit($event)"
-            (onShow)="show($event)"
-            (onBeforeHide)="onBeforeHide.emit($event)"
-            (onHide)="hide($event)"
-        >
-            <ng-template pTemplate="content">
-                <div #panel class="p-cascadeselect-panel p-component" [class]="panelStyleClass" [ngStyle]="panelStyle" [attr.data-pc-section]="'panel'">
-                    <div class="p-cascadeselect-items-wrapper" [attr.data-pc-section]="'wrapper'">
-                        <p-cascadeSelectSub
-                            [options]="processedOptions"
-                            [selectId]="id"
-                            [focusedOptionId]="focused ? focusedOptionId : undefined"
-                            [activeOptionPath]="activeOptionPath()"
-                            [optionLabel]="optionLabel"
-                            [optionValue]="optionValue"
-                            [level]="0"
-                            [optionTemplate]="optionTemplate"
-                            [groupIconTemplate]="groupIconTemplate"
-                            [optionGroupLabel]="optionGroupLabel"
-                            [optionGroupChildren]="optionGroupChildren"
-                            [optionDisabled]="optionDisabled"
-                            [optionValue]="optionValue"
-                            [optionLabel]="optionLabel"
-                            [root]="true"
-                            (onChange)="onOptionChange($event)"
-                            [dirty]="dirty"
-                            [role]="'tree'"
-                        >
-                        </p-cascadeSelectSub>
-                    </div>
-                    <span role="status" aria-live="polite" class="p-hidden-accessible">
-                        {{ selectedMessageText }}
-                    </span>
-                </div>
-            </ng-template>
-        </p-overlay>
-    </div>`,
-    host: {
-        class: 'p-element p-inputwrapper',
-        '[class.p-inputwrapper-filled]': 'filled',
-        '[class.p-inputwrapper-focus]': 'focused || overlayVisible',
-        '[class.p-cascadeselect-clearable]': 'showClear && !disabled'
-    },
-    providers: [CASCADESELECT_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./cascadeselect.css']
-})
-export class CascadeSelect implements OnInit, AfterContentInit {
-    /**
-     * Unique identifier of the component
-     * @group Props
-     */
-    @Input() id: string | undefined;
-    /**
-     * Determines if the option will be selected on focus.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) selectOnFocus: boolean = false;
-    /**
-     * Text to display when the search is active. Defaults to global value in i18n translation configuration.
-     * @group Props
-     * @defaultValue '{0} results are available'
-     */
-    @Input() searchMessage: string | undefined;
-    /**
-     * Text to display when there is no data. Defaults to global value in i18n translation configuration.
-     * @group Props
-     */
-    @Input() emptyMessage: string | undefined;
-    /**
-     * Text to be displayed in hidden accessible field when options are selected. Defaults to global value in i18n translation configuration.
-     * @group Props
-     * @defaultValue '{0} items selected'
-     */
-    @Input() selectionMessage: string | undefined;
-    /**
-     * Text to display when filtering does not return any results. Defaults to value from PrimeNG locale configuration.
-     * @group Props
-     * @defaultValue 'No available options'
-     */
-    @Input() emptySearchMessage: string | undefined;
-    /**
-     * Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration.
-     * @group Props
-     * @defaultValue 'No selected item'
-     */
-    @Input() emptySelectionMessage: string | undefined;
-    /**
-     * Locale to use in searching. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    @Input() searchLocale: string | undefined;
-    /**
-     * Name of the disabled field of an option.
-     * @group Props
-     */
-    @Input() optionDisabled: any;
-    /**
-     * Whether to focus on the first visible or selected element when the overlay panel is shown.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoOptionFocus: boolean = true;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * An array of selectitems to display as the available options.
-     * @group Props
-     */
-    @Input() options: string[] | string | undefined;
-    /**
-     * Property name or getter function to use as the label of an option.
-     * @group Props
-     */
-    @Input() optionLabel: string | undefined;
-    /**
-     * Property name or getter function to use as the value of an option, defaults to the option itself when not defined.
-     * @group Props
-     */
-    @Input() optionValue: string | undefined;
-    /**
-     * Property name or getter function to use as the label of an option group.
-     * @group Props
-     */
-    @Input() optionGroupLabel: string | string[] | undefined;
-    /**
-     * Property name or getter function to retrieve the items of a group.
-     * @group Props
-     */
-    @Input() optionGroupChildren: string | string[] | undefined;
-    /**
-     * Default text to display when no option is selected.
-     * @group Props
-     */
-    @Input() placeholder: string | undefined;
-    /**
-     * Selected value of the component.
-     * @group Props
-     */
-    @Input() value: string | undefined | null;
-    /**
-     * A property to uniquely identify an option.
-     * @group Props
-     */
-    @Input() dataKey: string | undefined;
-    /**
-     * Identifier of the underlying input element.
-     * @group Props
-     */
-    @Input() inputId: string | undefined;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined = 0;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Label of the input for accessibility.
-     * @group Props
-     */
-    @Input() inputLabel: string | undefined;
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Id of the element or "body" for document where the overlay should be appended to.
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * When present, it specifies that the component should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * When enabled, a clear icon is displayed to clear the value.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showClear: boolean = false;
-    /**
-     * Style class of the overlay panel.
-     * @group Props
-     */
-    @Input() panelStyleClass: string | undefined;
-    /**
-     * Inline style of the overlay panel.
-     * @group Props
-     */
-    @Input() panelStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Whether to use overlay API feature. The properties of overlay API can be used like an object in it.
-     * @group Props
-     */
-    @Input() overlayOptions: OverlayOptions | undefined;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     * @deprecated deprecated since v14.2.0, use overlayOptions property instead.
-     */
-    @Input() get showTransitionOptions(): string {
-        return this._showTransitionOptions;
-    }
-    set showTransitionOptions(val: string) {
-        this._showTransitionOptions = val;
-        console.warn('The showTransitionOptions property is deprecated since v14.2.0, use overlayOptions property instead.');
-    }
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    @Input() variant: 'filled' | 'outlined' = 'outlined';
-    /**
-     * Whether the dropdown is in loading state.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) loading: boolean | undefined = false;
-    /**
-     * Icon to display in loading state.
-     * @group Props
-     */
-    @Input() loadingIcon: string | undefined;
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     * @deprecated deprecated since v14.2.0, use overlayOptions property instead.
-     */
-    @Input() get hideTransitionOptions(): string {
-        return this._hideTransitionOptions;
-    }
-    set hideTransitionOptions(val: string) {
-        this._hideTransitionOptions = val;
-        console.warn('The hideTransitionOptions property is deprecated since v14.2.0, use overlayOptions property instead.');
-    }
-    /**
-     * Callback to invoke on value change.
-     * @param {CascadeSelectChangeEvent} event - Custom change event.
-     * @group Emits
-     */
-    @Output() onChange: EventEmitter<CascadeSelectChangeEvent> = new EventEmitter<CascadeSelectChangeEvent>();
-    /**
-     * Callback to invoke when a group changes.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onGroupChange: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when the overlay is shown.
-     * @param {CascadeSelectShowEvent} event - Custom overlay show event.
-     * @group Emits
-     */
-    @Output() onShow: EventEmitter<CascadeSelectShowEvent> = new EventEmitter<CascadeSelectShowEvent>();
-    /**
-     * Callback to invoke when the overlay is hidden.
-     * @param {CascadeSelectHideEvent} event - Custom overlay hide event.
-     * @group Emits
-     */
-    @Output() onHide: EventEmitter<CascadeSelectHideEvent> = new EventEmitter<CascadeSelectHideEvent>();
-    /**
-     * Callback to invoke when the clear token is clicked.
-     * @group Emits
-     */
-    @Output() onClear: EventEmitter<any> = new EventEmitter();
-    /**
-     * Callback to invoke before overlay is shown.
-     * @param {CascadeSelectBeforeShowEvent} event - Custom overlay show event.
-     * @group Emits
-     */
-    @Output() onBeforeShow: EventEmitter<CascadeSelectBeforeShowEvent> = new EventEmitter<CascadeSelectBeforeShowEvent>();
-    /**
-     * Callback to invoke before overlay is hidden.
-     * @param {CascadeSelectBeforeHideEvent} event - Custom overlay hide event.
-     * @group Emits
-     */
-    @Output() onBeforeHide: EventEmitter<CascadeSelectBeforeHideEvent> = new EventEmitter<CascadeSelectBeforeHideEvent>();
-    /**
-     * Callback to invoke when input receives focus.
-     * @param {FocusEvent} event - Focus event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();
-    /**
-     * Callback to invoke when input loses focus.
-     * @param {FocusEvent} event - Focus event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();
-
-    @ViewChild('focusInput') focusInputViewChild: Nullable<ElementRef>;
-
-    @ViewChild('container') containerViewChild: Nullable<ElementRef>;
-
-    @ViewChild('panel') panelViewChild: Nullable<ElementRef>;
-
-    @ViewChild('overlay') overlayViewChild: Nullable<Overlay>;
-
-    @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;
-
-    _showTransitionOptions: string = '';
-
-    _hideTransitionOptions: string = '';
-
-    selectionPath: any = null;
-
-    focused: boolean = false;
-
-    overlayVisible: boolean = false;
-
-    dirty: boolean = true;
-
-    searchValue: string | undefined;
-
-    searchTimeout: any;
-
-    valueTemplate: Nullable<TemplateRef<any>>;
-
-    optionTemplate: Nullable<TemplateRef<any>>;
-
-    triggerIconTemplate: Nullable<TemplateRef<any>>;
-
-    loadingIconTemplate: Nullable<TemplateRef<any>>;
-
-    groupIconTemplate: Nullable<TemplateRef<any>>;
-
-    clearIconTemplate: Nullable<TemplateRef<any>>;
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    focusedOptionInfo = signal<any>({ index: -1, level: 0, parentKey: '' });
-
-    activeOptionPath = signal<any>([]);
-
-    modelValue = signal<any>(null);
-
-    processedOptions: string[] | string | undefined = [];
-
-    get containerClass() {
-        return {
-            'p-cascadeselect p-component p-inputwrapper': true,
-            'p-disabled': this.disabled,
-            'p-focus': this.focused,
-            'p-inputwrapper-filled': this.modelValue(),
-            'p-variant-filled': this.variant === 'filled' || this.config.inputStyle() === 'filled',
-            'p-inputwrapper-focus': this.focused || this.overlayVisible,
-            'p-overlay-open': this.overlayVisible
-        };
-    }
-
-    get labelClass() {
-        return {
-            'p-cascadeselect-label': true,
-            'p-placeholder': this.label() === this.placeholder,
-            'p-cascadeselect-label-empty': !this.value && (this.label() === 'p-emptylabel' || this.label().length === 0)
-        };
-    }
-
-    get focusedOptionId() {
-        return this.focusedOptionInfo().index !== -1 ? `${this.id}${ObjectUtils.isNotEmpty(this.focusedOptionInfo().parentKey) ? '_' + this.focusedOptionInfo().parentKey : ''}_${this.focusedOptionInfo().index}` : null;
-    }
-
-    get filled(): boolean {
-        if (typeof this.modelValue() === 'string') return !!this.modelValue();
-
-        return this.modelValue() || this.modelValue() != null || this.modelValue() != undefined;
-    }
-
-    get searchResultMessageText() {
-        return ObjectUtils.isNotEmpty(this.visibleOptions()) ? this.searchMessageText.replaceAll('{0}', this.visibleOptions().length) : this.emptySearchMessageText;
-    }
-
-    get searchMessageText() {
-        return this.searchMessage || this.config.translation.searchMessage || '';
-    }
-
-    get emptySearchMessageText() {
-        return this.emptySearchMessage || this.config.translation.emptySearchMessage || '';
-    }
-
-    get emptyMessageText() {
-        return this.emptyMessage || this.config.translation.emptyMessage || '';
-    }
-
-    get selectionMessageText() {
-        return this.selectionMessage || this.config.translation.selectionMessage || '';
-    }
-
-    get emptySelectionMessageText() {
-        return this.emptySelectionMessage || this.config.translation.emptySelectionMessage || '';
-    }
-
-    get selectedMessageText() {
-        return this.hasSelectedOption ? this.selectionMessageText.replaceAll('{0}', '1') : this.emptySelectionMessageText;
-    }
-
-    visibleOptions = computed(() => {
-        const processedOption = this.activeOptionPath().find((p) => p.key === this.focusedOptionInfo().parentKey);
-
-        return processedOption ? processedOption.children : this.processedOptions;
-    });
-
-    label = computed(() => {
-        const label = this.placeholder || 'p-emptylabel';
-
-        if (this.hasSelectedOption()) {
-            const activeOptionPath = this.findOptionPathByValue(this.modelValue(), null);
-            const processedOption = ObjectUtils.isNotEmpty(activeOptionPath) ? activeOptionPath[activeOptionPath.length - 1] : null;
-
-            return processedOption ? this.getOptionLabel(processedOption.option) : label;
-        }
-        return label;
-    });
-
-    get _label() {
-        const label = this.placeholder || 'p-emptylabel';
-
-        if (this.hasSelectedOption()) {
-            const activeOptionPath = this.findOptionPathByValue(this.modelValue(), null);
-            const processedOption = ObjectUtils.isNotEmpty(activeOptionPath) ? activeOptionPath[activeOptionPath.length - 1] : null;
-
-            return processedOption ? this.getOptionLabel(processedOption.option) : label;
-        }
-        return label;
-    }
-
-    ngOnChanges(changes: SimpleChanges): void {
-        if (changes.options) {
-            this.processedOptions = this.createProcessedOptions(changes.options.currentValue || []);
-            this.updateModel(null);
-        }
-    }
-
-    hasSelectedOption() {
-        return ObjectUtils.isNotEmpty(this.modelValue());
-    }
-
-    createProcessedOptions(options, level = 0, parent = {}, parentKey = '') {
-        const processedOptions = [];
-
-        options &&
-            options.forEach((option, index) => {
-                const key = (parentKey !== '' ? parentKey + '_' : '') + index;
-                const newOption = {
-                    option,
-                    index,
-                    level,
-                    key,
-                    parent,
-                    parentKey
-                };
-
-                newOption['children'] = this.createProcessedOptions(this.getOptionGroupChildren(option, level), level + 1, newOption, key);
-                processedOptions.push(newOption);
-            });
-
-        return processedOptions;
-    }
-
-    onInputFocus(event: FocusEvent) {
-        if (this.disabled) {
-            // For screenreaders
-            return;
-        }
-
-        this.focused = true;
-        this.onFocus.emit(event);
-    }
-
-    onInputBlur(event: FocusEvent) {
-        this.focused = false;
-        this.focusedOptionInfo.set({ indeX: -1, level: 0, parentKey: '' });
-        this.searchValue = '';
-        this.onModelTouched();
-        this.onBlur.emit(event);
-    }
-
-    onInputKeyDown(event: KeyboardEvent) {
-        if (this.disabled || this.loading) {
-            event.preventDefault();
-
-            return;
-        }
-
-        const metaKey = event.metaKey || event.ctrlKey;
-
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUpKey(event);
-                break;
-
-            case 'ArrowLeft':
-                this.onArrowLeftKey(event);
-                break;
-
-            case 'ArrowRight':
-                this.onArrowRightKey(event);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event);
-                break;
-
-            case 'End':
-                this.onEndKey(event);
-                break;
-
-            case 'Space':
-                this.onSpaceKey(event);
-                break;
-
-            case 'Enter':
-            case 'NumpadEnter':
-                this.onEnterKey(event);
-                break;
-
-            case 'Escape':
-                this.onEscapeKey(event);
-                break;
-
-            case 'Tab':
-                this.onTabKey(event);
-                break;
-
-            case 'Backspace':
-                this.onBackspaceKey(event);
-                break;
-
-            case 'PageDown':
-            case 'PageUp':
-            case 'ShiftLeft':
-            case 'ShiftRight':
-                //NOOP
-                break;
-
-            default:
-                if (!metaKey && ObjectUtils.isPrintableCharacter(event.key)) {
-                    !this.overlayVisible && this.show();
-                    this.searchOptions(event, event.key);
-                }
-
-                break;
-        }
-    }
-
-    onArrowDownKey(event) {
-        const optionIndex = this.focusedOptionInfo().index !== -1 ? this.findNextOptionIndex(this.focusedOptionInfo().index) : this.findFirstFocusedOptionIndex();
-
-        this.changeFocusedOptionIndex(event, optionIndex);
-
-        !this.overlayVisible && this.show();
-        event.preventDefault();
-    }
-
-    onArrowUpKey(event) {
-        if (event.altKey) {
-            if (this.focusedOptionInfo().index !== -1) {
-                const processedOption = this.visibleOptions[this.focusedOptionInfo().index];
-                const grouped = this.isProccessedOptionGroup(processedOption);
-
-                !grouped && this.onOptionChange({ originalEvent: event, value: processedOption });
-            }
-
-            this.overlayVisible && this.hide();
-            event.preventDefault();
-        } else {
-            const optionIndex = this.focusedOptionInfo().index !== -1 ? this.findPrevOptionIndex(this.focusedOptionInfo().index) : this.findLastFocusedOptionIndex();
-
-            this.changeFocusedOptionIndex(event, optionIndex);
-
-            !this.overlayVisible && this.show();
-            event.preventDefault();
-        }
-    }
-
-    onArrowLeftKey(event) {
-        if (this.overlayVisible) {
-            const processedOption = this.visibleOptions()[this.focusedOptionInfo().index];
-            const parentOption = this.activeOptionPath().find((p) => p.key === processedOption.parentKey);
-            const matched = this.focusedOptionInfo().parentKey === '' || (parentOption && parentOption.key === this.focusedOptionInfo().parentKey);
-            const root = ObjectUtils.isEmpty(processedOption.parent);
-
-            if (matched) {
-                const activeOptionPath = this.activeOptionPath().filter((p) => p.parentKey !== this.focusedOptionInfo().parentKey);
-                this.activeOptionPath.set(activeOptionPath);
-            }
-
-            if (!root) {
-                this.focusedOptionInfo.set({ index: -1, parentKey: parentOption ? parentOption.parentKey : '' });
-                this.searchValue = '';
-                this.onArrowDownKey(event);
-            }
-
-            event.preventDefault();
-        }
-    }
-
-    onArrowRightKey(event) {
-        if (this.overlayVisible) {
-            const processedOption = this.visibleOptions()[this.focusedOptionInfo().index];
-            const grouped = this.isProccessedOptionGroup(processedOption);
-
-            if (grouped) {
-                const matched = this.activeOptionPath().some((p) => processedOption.key === p.key);
-
-                if (matched) {
-                    this.focusedOptionInfo.set({ index: -1, parentKey: processedOption.key });
-                    this.searchValue = '';
-                    this.onArrowDownKey(event);
-                } else {
-                    this.onOptionChange({ originalEvent: event, value: processedOption });
-                }
-            }
-
-            event.preventDefault();
-        }
-    }
-
-    onHomeKey(event) {
-        this.changeFocusedOptionIndex(event, this.findFirstOptionIndex());
-
-        !this.overlayVisible && this.show();
-        event.preventDefault();
-    }
-
-    onEndKey(event) {
-        this.changeFocusedOptionIndex(event, this.findLastOptionIndex());
-
-        !this.overlayVisible && this.show();
-        event.preventDefault();
-    }
-
-    onEnterKey(event) {
-        if (!this.overlayVisible) {
-            this.onArrowDownKey(event);
-        } else {
-            if (this.focusedOptionInfo().index !== -1) {
-                const processedOption = this.visibleOptions()[this.focusedOptionInfo().index];
-                const grouped = this.isProccessedOptionGroup(processedOption);
-
-                this.onOptionChange({ originalEvent: event, value: processedOption });
-                !grouped && this.hide();
-            }
-        }
-
-        event.preventDefault();
-    }
-
-    onSpaceKey(event) {
-        this.onEnterKey(event);
-    }
-
-    onEscapeKey(event) {
-        this.overlayVisible && this.hide(true);
-        event.preventDefault();
-    }
-
-    onTabKey(event) {
-        if (this.focusedOptionInfo().index !== -1) {
-            const processedOption = this.visibleOptions()[this.focusedOptionInfo().index];
-            const grouped = this.isProccessedOptionGroup(processedOption);
-
-            !grouped && this.onOptionChange({ originalEvent: event, value: processedOption });
-        }
-
-        this.overlayVisible && this.hide();
-    }
-
-    onBackspaceKey(event) {
-        if (ObjectUtils.isNotEmpty(this.modelValue()) && this.showClear) {
-            this.clear();
-        }
-
-        event.stopPropagation();
-    }
-
-    equalityKey() {
-        return this.optionValue ? null : this.dataKey;
-    }
-
-    updateModel(value, event?) {
-        this.value = value;
-        this.onModelChange(value);
-        this.modelValue.set(value);
-
-        this.onChange.emit({
-            originalEvent: event,
-            value: value
-        });
-    }
-
-    autoUpdateModel() {
-        if (this.selectOnFocus && this.autoOptionFocus && !this.hasSelectedOption()) {
-            this.focusedOptionInfo().index = this.findFirstFocusedOptionIndex();
-            this.onOptionChange({ originalEvent: null, processedOption: this.visibleOptions()[this.focusedOptionInfo().index], isHide: false });
-
-            !this.overlayVisible && this.focusedOptionInfo.set({ index: -1, level: 0, parentKey: '' });
-        }
-    }
-
-    scrollInView(index = -1) {
-        const id = index !== -1 ? `${this.id}_${index}` : this.focusedOptionId;
-        const element = DomHandler.findSingle(this.panelViewChild?.nativeElement, `li[id="${id}"]`);
-
-        if (element) {
-            element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'start' });
-        }
-    }
-
-    changeFocusedOptionIndex(event, index) {
-        if (this.focusedOptionInfo().index !== index) {
-            const focusedOptionInfo = this.focusedOptionInfo();
-            this.focusedOptionInfo.set({ ...focusedOptionInfo, index });
-            this.scrollInView();
-        }
-
-        if (this.selectOnFocus) {
-            this.onOptionChange({ originalEvent: event, processedOption: this.visibleOptions()[index], isHide: false });
-        }
-    }
-
-    onOptionChange(event) {
-        const { originalEvent, value, isFocus, isHide } = event;
-        if (ObjectUtils.isEmpty(value)) return;
-
-        const { index, level, parentKey, children } = value;
-        const grouped = ObjectUtils.isNotEmpty(children);
-
-        const activeOptionPath = this.activeOptionPath().filter((p) => p.parentKey !== parentKey);
-
-        activeOptionPath.push(value);
-
-        this.focusedOptionInfo.set({ index, level, parentKey });
-        this.activeOptionPath.set(activeOptionPath);
-
-        grouped ? this.onOptionGroupSelect({ originalEvent, value, isFocus: false }) : this.onOptionSelect({ originalEvent, value, isFocus });
-        isFocus && DomHandler.focus(this.focusInputViewChild.nativeElement);
-    }
-
-    onOptionSelect(event) {
-        const { originalEvent, value, isFocus } = event;
-        const newValue = this.getOptionValue(value.option);
-
-        const activeOptionPath = this.activeOptionPath();
-        activeOptionPath.forEach((p) => (p.selected = true));
-
-        this.activeOptionPath.set(activeOptionPath);
-        this.updateModel(newValue, originalEvent);
-        isFocus && this.hide(true);
-    }
-
-    onOptionGroupSelect(event) {
-        this.dirty = true;
-        this.onGroupChange.emit(event);
-    }
-
-    onContainerClick(event: MouseEvent) {
-        if (this.disabled || this.loading) {
-            return;
-        }
-
-        if (!this.overlayViewChild?.el?.nativeElement?.contains(event.target)) {
-            if (this.overlayVisible) {
-                this.hide();
-            } else {
-                this.show();
-            }
-
-            this.focusInputViewChild?.nativeElement.focus();
-        }
-    }
-
-    isOptionMatched(processedOption) {
-        return this.isValidOption(processedOption) && this.getProccessedOptionLabel(processedOption).toLocaleLowerCase(this.searchLocale).startsWith(this.searchValue.toLocaleLowerCase(this.searchLocale));
-    }
-
-    isOptionDisabled(option) {
-        return this.optionDisabled ? ObjectUtils.resolveFieldData(option, this.optionDisabled) : false;
-    }
-
-    isValidOption(processedOption) {
-        return !!processedOption && !this.isOptionDisabled(processedOption.option);
-    }
-
-    isValidSelectedOption(processedOption) {
-        return this.isValidOption(processedOption) && this.isSelected(processedOption);
-    }
-
-    isSelected(processedOption) {
-        return this.activeOptionPath().some((p) => p.key === processedOption.key);
-    }
-
-    findOptionPathByValue(value, processedOptions?, level = 0) {
-        processedOptions = processedOptions || (level === 0 && this.processedOptions);
-
-        if (!processedOptions) return null;
-        if (ObjectUtils.isEmpty(value)) return [];
-
-        for (let i = 0; i < processedOptions.length; i++) {
-            const processedOption = processedOptions[i];
-
-            if (ObjectUtils.equals(value, this.getOptionValue(processedOption.option), this.equalityKey())) {
-                return [processedOption];
-            }
-
-            const matchedOptions = this.findOptionPathByValue(value, processedOption.children, level + 1);
-
-            if (matchedOptions) {
-                matchedOptions.unshift(processedOption);
-
-                return matchedOptions;
-            }
-        }
-    }
-
-    findFirstOptionIndex() {
-        return this.visibleOptions().findIndex((processedOption) => this.isValidOption(processedOption));
-    }
-
-    findLastOptionIndex() {
-        return ObjectUtils.findLastIndex(this.visibleOptions(), (processedOption) => this.isValidOption(processedOption));
-    }
-
-    findNextOptionIndex(index) {
-        const matchedOptionIndex =
-            index < this.visibleOptions().length - 1
-                ? this.visibleOptions()
-                      .slice(index + 1)
-                      .findIndex((processedOption) => this.isValidOption(processedOption))
-                : -1;
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index;
-    }
-
-    findPrevOptionIndex(index) {
-        const matchedOptionIndex = index > 0 ? ObjectUtils.findLastIndex(this.visibleOptions().slice(0, index), (processedOption) => this.isValidOption(processedOption)) : -1;
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex : index;
-    }
-
-    findSelectedOptionIndex() {
-        return this.visibleOptions().findIndex((processedOption) => this.isValidSelectedOption(processedOption));
-    }
-
-    findFirstFocusedOptionIndex() {
-        const selectedIndex = this.findSelectedOptionIndex();
-
-        return selectedIndex < 0 ? this.findFirstOptionIndex() : selectedIndex;
-    }
-
-    findLastFocusedOptionIndex() {
-        const selectedIndex = this.findSelectedOptionIndex();
-
-        return selectedIndex < 0 ? this.findLastOptionIndex() : selectedIndex;
-    }
-
-    searchOptions(event, char) {
-        this.searchValue = (this.searchValue || '') + char;
-
-        let optionIndex = -1;
-        let matched = false;
-        const focusedOptionInfo = this.focusedOptionInfo();
-
-        if (focusedOptionInfo.index !== -1) {
-            optionIndex = this.visibleOptions()
-                .slice(focusedOptionInfo.index)
-                .findIndex((processedOption) => this.isOptionMatched(processedOption));
-            optionIndex =
-                optionIndex === -1
-                    ? this.visibleOptions()
-                          .slice(0, focusedOptionInfo.index)
-                          .findIndex((processedOption) => this.isOptionMatched(processedOption))
-                    : optionIndex + focusedOptionInfo.index;
-        } else {
-            optionIndex = this.visibleOptions().findIndex((processedOption) => this.isOptionMatched(processedOption));
-        }
-
-        if (optionIndex !== -1) {
-            matched = true;
-        }
-
-        if (optionIndex === -1 && focusedOptionInfo.index === -1) {
-            optionIndex = this.findFirstFocusedOptionIndex();
-        }
-
-        if (optionIndex !== -1) {
-            this.changeFocusedOptionIndex(event, optionIndex);
-        }
-
-        if (this.searchTimeout) {
-            clearTimeout(this.searchTimeout);
-        }
-
-        this.searchTimeout = setTimeout(() => {
-            this.searchValue = '';
-            this.searchTimeout = null;
-        }, 500);
-
-        return matched;
-    }
-
-    hide(event?, isFocus = false) {
-        const _hide = () => {
-            this.overlayVisible = false;
-            this.activeOptionPath.set([]);
-            this.focusedOptionInfo.set({ index: -1, level: 0, parentKey: '' });
-
-            isFocus && DomHandler.focus(this.focusInputViewChild.nativeElement);
-            this.onHide.emit(event);
-        };
-
-        setTimeout(() => {
-            _hide();
-        }, 0); // For ScreenReaders
-    }
-
-    show(event?, isFocus = false) {
-        this.onShow.emit(event);
-        this.overlayVisible = true;
-        const activeOptionPath = this.hasSelectedOption() ? this.findOptionPathByValue(this.modelValue()) : this.activeOptionPath();
-        this.activeOptionPath.set(activeOptionPath);
-
-        let focusedOptionInfo;
-
-        if (this.hasSelectedOption() && ObjectUtils.isNotEmpty(this.activeOptionPath())) {
-            const processedOption = this.activeOptionPath()[this.activeOptionPath().length - 1];
-
-            focusedOptionInfo = { index: this.autoOptionFocus ? processedOption.index : -1, level: processedOption.level, parentKey: processedOption.parentKey };
-        } else {
-            focusedOptionInfo = { index: this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1, level: 0, parentKey: '' };
-        }
-
-        this.focusedOptionInfo.set(focusedOptionInfo);
-
-        isFocus && DomHandler.focus(this.focusInputViewChild.nativeElement);
-    }
-
-    clear(event?: MouseEvent) {
-        if (ObjectUtils.isNotEmpty(this.modelValue()) && this.showClear) {
-            this.updateModel(null);
-            this.focusedOptionInfo.set({ index: -1, level: 0, parentKey: '' });
-            this.activeOptionPath.set([]);
-            this.onClear.emit();
-        }
-
-        event && event.stopPropagation();
-    }
-
-    getOptionLabel(option) {
-        return this.optionLabel ? ObjectUtils.resolveFieldData(option, this.optionLabel) : option;
-    }
-
-    getOptionValue(option) {
-        return this.optionValue ? ObjectUtils.resolveFieldData(option, this.optionValue) : option;
-    }
-
-    getOptionGroupLabel(optionGroup) {
-        return this.optionGroupLabel ? ObjectUtils.resolveFieldData(optionGroup, this.optionGroupLabel) : null;
-    }
-
-    getOptionGroupChildren(optionGroup, level) {
-        return ObjectUtils.resolveFieldData(optionGroup, this.optionGroupChildren[level]);
-    }
-
-    isOptionGroup(option, level) {
-        return Object.prototype.hasOwnProperty.call(option, this.optionGroupChildren[level]);
-    }
-
-    isProccessedOptionGroup(processedOption) {
-        return ObjectUtils.isNotEmpty(processedOption.children);
-    }
-
-    getProccessedOptionLabel(processedOption) {
-        const grouped = this.isProccessedOptionGroup(processedOption);
-
-        return grouped ? this.getOptionGroupLabel(processedOption.option) : this.getOptionLabel(processedOption.option);
-    }
-
-    constructor(
-        private el: ElementRef,
-        private cd: ChangeDetectorRef,
-        private config: PrimeNGConfig,
-        public overlayService: OverlayService
-    ) {
-        effect(() => {
-            const activeOptionPath = this.activeOptionPath();
-            if (ObjectUtils.isNotEmpty(activeOptionPath)) {
-                this.overlayViewChild.alignOverlay();
-            }
-        });
-    }
-
-    ngOnInit() {
-        this.id = this.id || UniqueComponentId();
-        this.autoUpdateModel();
-    }
-
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'value':
-                    this.valueTemplate = item.template;
-                    break;
-
-                case 'option':
-                    this.optionTemplate = item.template;
-                    break;
-
-                case 'triggericon':
-                    this.triggerIconTemplate = item.template;
-                    break;
-
-                case 'loadingicon':
-                    this.loadingIconTemplate = item.template;
-                    break;
-
-                case 'clearicon':
-                    this.clearIconTemplate = item.template;
-                    break;
-
-                case 'optiongroupicon':
-                    this.groupIconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    onOverlayAnimationDone(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'void':
-                this.dirty = false;
-                break;
-        }
-    }
-
-    writeValue(value: any): void {
-        this.value = value;
-        this.updateModel(value);
-        this.cd.markForCheck();
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, OverlayModule, SharedModule, RippleModule, AutoFocusModule, ChevronDownIcon, AngleRightIcon, TimesIcon],
-    exports: [CascadeSelect, OverlayModule, CascadeSelectSub, SharedModule],
-    declarations: [CascadeSelect, CascadeSelectSub]
-})
-export class CascadeSelectModule {}
diff --git a/src/app/components/cascadeselect/ng-package.json b/src/app/components/cascadeselect/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/cascadeselect/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/cascadeselect/public_api.ts b/src/app/components/cascadeselect/public_api.ts
deleted file mode 100644
index f5ed704..0000000
--- a/src/app/components/cascadeselect/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './cascadeselect';
-export * from './cascadeselect.interface';
diff --git a/src/app/components/chart/chart.spec.ts b/src/app/components/chart/chart.spec.ts
deleted file mode 100644
index 94514a9..0000000
--- a/src/app/components/chart/chart.spec.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { UIChart } from './chart';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('UIChart', () => {
-    let chart: UIChart;
-    let fixture: ComponentFixture<UIChart>;
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule],
-            declarations: [UIChart]
-        });
-
-        fixture = TestBed.createComponent(UIChart);
-        chart = fixture.componentInstance;
-    });
-
-    it('should created', () => {
-        const testData = {
-            datasets: [
-                {
-                    data: [11, 16, 7, 3, 14],
-                    backgroundColor: ['#42A5F5', '#66BB6A', '#FFA726', '#26C6DA', '#7E57C2'],
-                    label: 'My dataset'
-                }
-            ],
-            labels: ['Red', 'Green', 'Yellow', 'Grey', 'Blue']
-        };
-
-        chart.data = testData;
-        const chartType = 'polarArea';
-        chart.type = chartType;
-        const testPlugin = { id: 'test-plugin' };
-        chart.plugins = [testPlugin];
-        const testOptions = { test: '123' };
-        chart.options = { ...testOptions };
-        fixture.detectChanges();
-
-        expect(fixture.debugElement.query(By.css('canvas'))).toBeTruthy();
-
-        expect(chart.chart.config.type).toEqual(chartType);
-        expect(chart.chart.data).toEqual(testData);
-        expect(chart.chart.config.plugins).toContain(testPlugin);
-    });
-
-    it('should call onCanvasClick', () => {
-        chart.data = {
-            datasets: [
-                {
-                    data: [11, 16, 7, 3, 14],
-                    backgroundColor: ['#42A5F5', '#66BB6A', '#FFA726', '#26C6DA', '#7E57C2'],
-                    label: 'My dataset'
-                }
-            ],
-            labels: ['Red', 'Green', 'Yellow', 'Grey', 'Blue']
-        };
-        chart.height = '200px';
-        chart.width = '200px';
-        chart.type = 'polarArea';
-        const canvasOnClickSpy = spyOn(chart, 'onCanvasClick').and.callThrough();
-        const canvas = fixture.debugElement.query(By.css('canvas'));
-        fixture.detectChanges();
-
-        canvas.nativeElement.click();
-        expect(canvasOnClickSpy).toHaveBeenCalled();
-    });
-});
diff --git a/src/app/components/chart/chart.ts b/src/app/components/chart/chart.ts
deleted file mode 100644
index fd6842e..0000000
--- a/src/app/components/chart/chart.ts
+++ /dev/null
@@ -1,194 +0,0 @@
-import { NgModule, Component, ElementRef, AfterViewInit, OnDestroy, Input, Output, EventEmitter, ChangeDetectionStrategy, ViewEncapsulation, Inject, PLATFORM_ID, NgZone, booleanAttribute } from '@angular/core';
-import { CommonModule, isPlatformBrowser } from '@angular/common';
-import Chart from 'chart.js/auto';
-/**
- * Chart groups a collection of contents in tabs.
- * @group Components
- */
-@Component({
-    selector: 'p-chart',
-    template: `
-        <div
-            [ngStyle]="{
-                position: 'relative',
-                width: responsive && !width ? null : width,
-                height: responsive && !height ? null : height
-            }"
-        >
-            <canvas
-                role="img"
-                [attr.aria-label]="ariaLabel"
-                [attr.aria-labelledby]="ariaLabelledBy"
-                [ngStyle]="{
-                    width: responsive && !width ? null : width,
-                    height: responsive && !height ? null : height
-                }"
-                (click)="onCanvasClick($event)"
-            ></canvas>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class UIChart implements AfterViewInit, OnDestroy {
-    /**
-     * Type of the chart.
-     * @group Props
-     */
-    @Input() type: 'bar' | 'line' | 'scatter' | 'bubble' | 'pie' | 'doughnut' | 'polarArea' | 'radar' | undefined;
-    /**
-     * Array of per-chart plugins to customize the chart behaviour.
-     * @group Props
-     */
-    @Input() plugins: any[] = [];
-    /**
-     * Width of the chart.
-     * @group Props
-     */
-    @Input() width: string | undefined;
-    /**
-     * Height of the chart.
-     * @group Props
-     */
-    @Input() height: string | undefined;
-    /**
-     * Whether the chart is redrawn on screen size change.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) responsive: boolean = true;
-    /**
-     * Used to define a string that autocomplete attribute the current element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Data to display.
-     * @group Props
-     */
-    @Input() get data(): any {
-        return this._data;
-    }
-    set data(val: any) {
-        this._data = val;
-        this.reinit();
-    }
-    /**
-     * Options to customize the chart.
-     * @group Props
-     */
-    @Input() get options(): any {
-        return this._options;
-    }
-    set options(val: any) {
-        this._options = val;
-        this.reinit();
-    }
-    /**
-     * Callback to execute when an element on chart is clicked.
-     * @group Emits
-     */
-    @Output() onDataSelect: EventEmitter<any> = new EventEmitter<any>();
-
-    isBrowser: boolean = false;
-
-    initialized: boolean | undefined;
-
-    _data: any;
-
-    _options: any = {};
-
-    chart: any;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        public el: ElementRef,
-        private zone: NgZone
-    ) {}
-
-    ngAfterViewInit() {
-        this.initChart();
-        this.initialized = true;
-    }
-
-    onCanvasClick(event: Event) {
-        if (this.chart) {
-            const element = this.chart.getElementsAtEventForMode(event, 'nearest', { intersect: true }, false);
-            const dataset = this.chart.getElementsAtEventForMode(event, 'dataset', { intersect: true }, false);
-
-            if (element && element[0] && dataset) {
-                this.onDataSelect.emit({ originalEvent: event, element: element[0], dataset: dataset });
-            }
-        }
-    }
-
-    initChart() {
-        if (isPlatformBrowser(this.platformId)) {
-            let opts = this.options || {};
-            opts.responsive = this.responsive;
-
-            // allows chart to resize in responsive mode
-            if (opts.responsive && (this.height || this.width)) {
-                opts.maintainAspectRatio = false;
-            }
-
-            this.zone.runOutsideAngular(() => {
-                this.chart = new Chart(this.el.nativeElement.children[0].children[0], {
-                    type: this.type,
-                    data: this.data,
-                    options: this.options,
-                    plugins: this.plugins
-                });
-            });
-        }
-    }
-
-    getCanvas() {
-        return this.el.nativeElement.children[0].children[0];
-    }
-
-    getBase64Image() {
-        return this.chart.toBase64Image();
-    }
-
-    generateLegend() {
-        if (this.chart) {
-            return this.chart.generateLegend();
-        }
-    }
-
-    refresh() {
-        if (this.chart) {
-            this.chart.update();
-        }
-    }
-
-    reinit() {
-        if (this.chart) {
-            this.chart.destroy();
-            this.initChart();
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.chart) {
-            this.chart.destroy();
-            this.initialized = false;
-            this.chart = null;
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [UIChart],
-    declarations: [UIChart]
-})
-export class ChartModule {}
diff --git a/src/app/components/chart/ng-package.json b/src/app/components/chart/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/chart/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/chart/public_api.ts b/src/app/components/chart/public_api.ts
deleted file mode 100644
index 88eac5d..0000000
--- a/src/app/components/chart/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './chart';
diff --git a/src/app/components/checkbox/checkbox.css b/src/app/components/checkbox/checkbox.css
deleted file mode 100644
index e4741b2..0000000
--- a/src/app/components/checkbox/checkbox.css
+++ /dev/null
@@ -1,30 +0,0 @@
-@layer primeng {
-    .p-checkbox {
-        display: inline-flex;
-        cursor: pointer;
-        user-select: none;
-        vertical-align: bottom;
-        position: relative;
-    }
-
-    .p-checkbox-disabled {
-        cursor: default !important;
-        pointer-events: none;
-    }
-
-    .p-checkbox-box {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
-
-    p-checkbox {
-        display: inline-flex;
-        vertical-align: bottom;
-        align-items: center;
-    }
-
-    .p-checkbox-label {
-        line-height: 1;
-    }
-}
diff --git a/src/app/components/checkbox/checkbox.interface.ts b/src/app/components/checkbox/checkbox.interface.ts
deleted file mode 100644
index 3de6be7..0000000
--- a/src/app/components/checkbox/checkbox.interface.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { Checkbox } from './checkbox';
-/**
- * Custom change event.
- * @see {@link Checkbox.onChange}
- * @group Events
- */
-export interface CheckboxChangeEvent {
-    /**
-     * Checked value.
-     */
-    checked?: any;
-    /**
-     * Browser event.
-     */
-    originalEvent?: Event;
-}
-/**
- * Defines valid templates in Checkbox.
- * @group Templates
- */
-export interface CheckboxTemplates {
-    /**
-     * Custom checkbox icon template
-     */
-    icon(): TemplateRef<any>;
-}
diff --git a/src/app/components/checkbox/checkbox.spec.ts b/src/app/components/checkbox/checkbox.spec.ts
deleted file mode 100644
index 76a8770..0000000
--- a/src/app/components/checkbox/checkbox.spec.ts
+++ /dev/null
@@ -1,169 +0,0 @@
-import { Component } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Checkbox } from './checkbox';
-import { CheckIcon } from 'primeng/icons/check';
-
-@Component({
-    template: ` <p-checkbox [(ngModel)]="checked"> </p-checkbox> `
-})
-class TestCheckboxComponent {
-    checked: boolean = false;
-}
-
-describe('Checkbox', () => {
-    let checkbox: Checkbox;
-    let testComponent: TestCheckboxComponent;
-    let fixture: ComponentFixture<TestCheckboxComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, FormsModule, CheckIcon],
-            declarations: [Checkbox, TestCheckboxComponent]
-        });
-
-        fixture = TestBed.createComponent(TestCheckboxComponent);
-        testComponent = fixture.componentInstance;
-        checkbox = fixture.debugElement.children[0].componentInstance;
-    });
-
-    it('should check the input on click', () => {
-        checkbox.binary = true;
-        fixture.detectChanges();
-
-        const boxEl = fixture.nativeElement.querySelector('.p-checkbox-box');
-        boxEl.click();
-        fixture.detectChanges();
-
-        const input = fixture.nativeElement.querySelector('input');
-        expect(input.checked).toBe(true);
-    });
-
-    it('should disabled', () => {
-        checkbox.label = 'primeng';
-        checkbox.disabled = true;
-        checkbox.cd.detectChanges();
-
-        const onClickSpy = spyOn(checkbox, 'onClick').and.callThrough();
-        const boxEl = fixture.nativeElement.querySelector('.p-checkbox-box');
-        const labelEl = fixture.nativeElement.querySelector('.p-checkbox-label');
-
-        boxEl.click();
-        checkbox.cd.detectChanges();
-
-        const input = fixture.nativeElement.querySelector('input');
-        expect(input.checked).toBe(false);
-        expect(input.disabled).toEqual(true);
-        expect(boxEl.className).toContain('p-disabled');
-        expect(labelEl.className).toContain('p-disabled');
-        expect(onClickSpy).toHaveBeenCalled();
-        expect(checkbox.value).toEqual(undefined);
-    });
-
-    it('should get a label name inputId tabindex style styleClass and labelStyleClass', () => {
-        checkbox.binary = true;
-        checkbox.label = 'Primeng ROCKS!';
-        checkbox.name = 'primeng';
-        checkbox.inputId = 'primeng';
-        checkbox.tabindex = 13;
-        checkbox.style = { height: '300px' };
-        checkbox.styleClass = 'Primeng Rocks!';
-        checkbox.labelStyleClass = 'Primeng ROCKS';
-        fixture.detectChanges();
-
-        const boxEl = fixture.nativeElement.querySelector('.p-checkbox-box');
-        const labelEl = fixture.nativeElement.querySelector('.p-checkbox-label');
-        const containerEl = fixture.nativeElement.querySelector('div');
-        boxEl.click();
-        fixture.detectChanges();
-
-        const input = fixture.nativeElement.querySelector('input');
-        expect(labelEl).toBeTruthy();
-        expect(labelEl.className).toContain('Primeng ROCKS');
-        expect(labelEl.className).toContain('p-checkbox-label-active');
-        expect(input.name).toEqual('primeng');
-        expect(input.id).toEqual('primeng');
-        expect(input.tabIndex).toEqual(13);
-        expect(containerEl.className).toContain('Primeng Rocks!');
-        expect(containerEl.style.height).toContain('300px');
-    });
-
-    it('should uncheck when twice click', () => {
-        fixture.detectChanges();
-
-        const boxEl = fixture.nativeElement.querySelector('.p-checkbox-box');
-        const onClickSpy = spyOn(checkbox, 'onClick').and.callThrough();
-        boxEl.click();
-        fixture.detectChanges();
-
-        boxEl.click();
-        fixture.detectChanges();
-        const input = fixture.nativeElement.querySelector('input');
-        expect(input.checked).toBe(false);
-        expect(onClickSpy).toHaveBeenCalledTimes(2);
-    });
-
-    it('should check with binary', () => {
-        checkbox.binary = true;
-        fixture.detectChanges();
-
-        const boxEl = fixture.nativeElement.querySelector('.p-checkbox-box');
-        boxEl.click();
-        fixture.detectChanges();
-
-        const input = fixture.nativeElement.querySelector('input');
-        expect(input.checked).toBe(true);
-    });
-
-    it('should call onBlur and onFocus', () => {
-        checkbox.label = 'primeng';
-        fixture.detectChanges();
-
-        const input = fixture.nativeElement.querySelector('input');
-        const boxEl = fixture.nativeElement.querySelector('.p-checkbox-box');
-        const labelEl = fixture.nativeElement.querySelector('.p-checkbox-label');
-        const onBlurSpy = spyOn(checkbox, 'onInputBlur').and.callThrough();
-        const onFocusSpy = spyOn(checkbox, 'onInputFocus').and.callThrough();
-        input.dispatchEvent(new Event('focus'));
-        fixture.detectChanges();
-
-        expect(onFocusSpy).toHaveBeenCalled();
-        expect(checkbox.focused).toEqual(true);
-        expect(boxEl.className).toContain('p-focus');
-        expect(labelEl.className).toContain('p-checkbox-label-focus');
-        input.dispatchEvent(new Event('blur'));
-        fixture.detectChanges();
-
-        expect(onBlurSpy).toHaveBeenCalled();
-        expect(checkbox.focused).toEqual(false);
-        expect(boxEl.className).not.toContain('p-focus');
-        expect(labelEl.className).not.toContain('p-checkbox-label-focus');
-    });
-
-    it('should have default checkbox icon', () => {
-        checkbox.binary = true;
-        fixture.detectChanges();
-
-        const boxEl = fixture.nativeElement.querySelector('.p-checkbox-box');
-        boxEl.click();
-        fixture.detectChanges();
-
-        const iconEl = fixture.nativeElement.querySelector('.p-checkbox-box .p-checkbox-icon');
-        expect(iconEl.parentElement.tagName.toLowerCase()).toEqual('checkicon');
-    });
-
-    it('should have custom checkbox icon', () => {
-        checkbox.binary = true;
-        fixture.detectChanges();
-
-        const boxEl = fixture.nativeElement.querySelector('.p-checkbox-box');
-        boxEl.click();
-        checkbox.checkboxIcon = 'pi pi-new-check';
-        fixture.detectChanges();
-
-        const iconEl = fixture.nativeElement.querySelector('.p-checkbox-box .p-checkbox-icon');
-
-        expect(iconEl.className).toContain('pi pi-new-check');
-    });
-});
diff --git a/src/app/components/checkbox/checkbox.ts b/src/app/components/checkbox/checkbox.ts
deleted file mode 100644
index d99d54d..0000000
--- a/src/app/components/checkbox/checkbox.ts
+++ /dev/null
@@ -1,362 +0,0 @@
-import { CommonModule } from '@angular/common';
-import {
-    booleanAttribute,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    forwardRef,
-    Injector,
-    Input,
-    NgModule,
-    numberAttribute,
-    Output,
-    QueryList,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation
-} from '@angular/core';
-import { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
-import { PrimeTemplate, SharedModule, PrimeNGConfig } from 'primeng/api';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { CheckIcon } from 'primeng/icons/check';
-import { Nullable } from 'primeng/ts-helpers';
-import { ObjectUtils } from 'primeng/utils';
-import { CheckboxChangeEvent } from './checkbox.interface';
-
-export const CHECKBOX_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => Checkbox),
-    multi: true
-};
-/**
- * Checkbox is an extension to standard checkbox element with theming.
- * @group Components
- */
-@Component({
-    selector: 'p-checkbox',
-    template: `
-        <div
-            [ngStyle]="style"
-            [ngClass]="{
-                'p-checkbox p-component': true,
-                'p-checkbox-checked': checked(),
-                'p-checkbox-disabled': disabled,
-                'p-checkbox-focused': focused,
-                'p-variant-filled': variant === 'filled' || config.inputStyle() === 'filled'
-            }"
-            [class]="styleClass"
-            [attr.data-pc-name]="'checkbox'"
-            [attr.data-pc-section]="'root'"
-        >
-            <div class="p-hidden-accessible" [attr.data-pc-section]="'hiddenInputWrapper'" [attr.data-p-hidden-accessible]="true">
-                <input
-                    #input
-                    [attr.id]="inputId"
-                    type="checkbox"
-                    [value]="value"
-                    [attr.name]="name"
-                    [checked]="checked()"
-                    [attr.tabindex]="tabindex"
-                    [disabled]="disabled"
-                    [readonly]="readonly"
-                    [attr.required]="required"
-                    [attr.aria-labelledby]="ariaLabelledBy"
-                    [attr.aria-label]="ariaLabel"
-                    [attr.aria-checked]="checked()"
-                    (change)="handleChange($event)"
-                    (focus)="onInputFocus($event)"
-                    (blur)="onInputBlur($event)"
-                    [attr.data-pc-section]="'hiddenInput'"
-                    pAutoFocus
-                    [autofocus]="autofocus"
-                />
-            </div>
-            <div
-                class="p-checkbox-box"
-                [ngClass]="{ 'p-highlight': checked(), 'p-disabled': disabled, 'p-focus': focused }"
-                (click)="onClick($event, input, true)"
-                [attr.data-p-highlight]="checked()"
-                [attr.data-p-disabled]="disabled"
-                [attr.data-p-focused]="focused"
-                [attr.data-pc-section]="'input'"
-            >
-                <ng-container *ngIf="checked()">
-                    <ng-container *ngIf="!checkboxIconTemplate">
-                        <span *ngIf="checkboxIcon" class="p-checkbox-icon" [ngClass]="checkboxIcon" [attr.data-pc-section]="'icon'"></span>
-                        <CheckIcon *ngIf="!checkboxIcon" [styleClass]="'p-checkbox-icon'" [attr.data-pc-section]="'icon'" />
-                    </ng-container>
-                    <span *ngIf="checkboxIconTemplate" class="p-checkbox-icon" [attr.data-pc-section]="'icon'">
-                        <ng-template *ngTemplateOutlet="checkboxIconTemplate"></ng-template>
-                    </span>
-                </ng-container>
-            </div>
-        </div>
-        <label
-            (click)="onClick($event, input, true)"
-            [class]="labelStyleClass"
-            [ngClass]="{ 'p-checkbox-label': true, 'p-checkbox-label-active': checked(), 'p-disabled': disabled, 'p-checkbox-label-focus': focused }"
-            *ngIf="label"
-            [attr.for]="inputId"
-            [attr.data-pc-section]="'label'"
-        >
-            {{ label }}</label
-        >
-    `,
-    providers: [CHECKBOX_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./checkbox.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Checkbox implements ControlValueAccessor {
-    /**
-     * Value of the checkbox.
-     * @group Props
-     */
-    @Input() value: any;
-    /**
-     * Name of the checkbox group.
-     * @group Props
-     */
-    @Input() name: string | undefined;
-    /**
-     * When present, it specifies that the element should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * Allows to select a boolean value instead of multiple values.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) binary: boolean | undefined;
-    /**
-     * Label of the checkbox.
-     * @group Props
-     */
-    @Input() label: string | undefined;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Used to define a string that labels the input element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined;
-    /**
-     * Identifier of the focus input to match a label defined for the component.
-     * @group Props
-     */
-    @Input() inputId: string | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Style class of the label.
-     * @group Props
-     */
-    @Input() labelStyleClass: string | undefined;
-    /**
-     * Form control value.
-     * @group Props
-     */
-    @Input() formControl: FormControl | undefined;
-    /**
-     * Icon class of the checkbox icon.
-     * @group Props
-     */
-    @Input() checkboxIcon: string | undefined;
-    /**
-     * When present, it specifies that the component cannot be edited.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) readonly: boolean | undefined;
-    /**
-     * When present, it specifies that checkbox must be checked before submitting the form.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) required: boolean | undefined;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * Value in checked state.
-     * @group Props
-     */
-    @Input() trueValue: any = true;
-    /**
-     * Value in unchecked state.
-     * @group Props
-     */
-    @Input() falseValue: any = false;
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    @Input() variant: 'filled' | 'outlined' = 'outlined';
-    /**
-     * Callback to invoke on value change.
-     * @param {CheckboxChangeEvent} event - Custom value change event.
-     * @group Emits
-     */
-    @Output() onChange: EventEmitter<CheckboxChangeEvent> = new EventEmitter();
-    /**
-     * Callback to invoke when the receives focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when the loses focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<Event> = new EventEmitter<Event>();
-
-    @ViewChild('input') inputViewChild: Nullable<ElementRef>;
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-
-    checkboxIconTemplate: TemplateRef<any>;
-
-    model: any;
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    focused: boolean = false;
-
-    constructor(
-        public cd: ChangeDetectorRef,
-        private readonly injector: Injector,
-        public config: PrimeNGConfig
-    ) {}
-
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'icon':
-                    this.checkboxIconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    onClick(event, checkbox, focus: boolean) {
-        event.preventDefault();
-
-        if (this.disabled || this.readonly) {
-            return;
-        }
-
-        this.updateModel(event);
-
-        if (focus) {
-            checkbox.focus();
-        }
-    }
-
-    updateModel(event) {
-        let newModelValue;
-
-        /*
-         * When `formControlName` or `formControl` is used - `writeValue` is not called after control changes.
-         * Otherwise it is causing multiple references to the actual value: there is one array reference inside the component and another one in the control value.
-         * `selfControl` is the source of truth of references, it is made to avoid reference loss.
-         * */
-        const selfControl = this.injector.get<NgControl | null>(NgControl, null, { optional: true, self: true });
-
-        const currentModelValue = selfControl && !this.formControl ? selfControl.value : this.model;
-
-        if (!this.binary) {
-            if (this.checked()) newModelValue = currentModelValue.filter((val) => !ObjectUtils.equals(val, this.value));
-            else newModelValue = currentModelValue ? [...currentModelValue, this.value] : [this.value];
-
-            this.onModelChange(newModelValue);
-            this.model = newModelValue;
-
-            if (this.formControl) {
-                this.formControl.setValue(newModelValue);
-            }
-        } else {
-            newModelValue = this.checked() ? this.falseValue : this.trueValue;
-            this.model = newModelValue;
-            this.onModelChange(newModelValue);
-        }
-
-        this.onChange.emit({ checked: newModelValue, originalEvent: event });
-    }
-
-    handleChange(event) {
-        if (!this.readonly) {
-            this.updateModel(event);
-        }
-    }
-
-    onInputFocus(event) {
-        this.focused = true;
-        this.onFocus.emit(event);
-    }
-
-    onInputBlur(event) {
-        this.focused = false;
-        this.onBlur.emit(event);
-        this.onModelTouched();
-    }
-
-    focus() {
-        this.inputViewChild.nativeElement.focus();
-    }
-
-    writeValue(model: any): void {
-        this.model = model;
-        this.cd.markForCheck();
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        setTimeout(() => {
-            this.disabled = val;
-            this.cd.markForCheck();
-        });
-    }
-
-    checked() {
-        return this.binary ? this.model === this.trueValue : ObjectUtils.contains(this.value, this.model);
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, AutoFocusModule, CheckIcon],
-    exports: [Checkbox, SharedModule],
-    declarations: [Checkbox]
-})
-export class CheckboxModule {}
diff --git a/src/app/components/checkbox/ng-package.json b/src/app/components/checkbox/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/checkbox/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/checkbox/public_api.ts b/src/app/components/checkbox/public_api.ts
deleted file mode 100644
index 17699d3..0000000
--- a/src/app/components/checkbox/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './checkbox';
-export * from './checkbox.interface';
diff --git a/src/app/components/chip/chip.css b/src/app/components/chip/chip.css
deleted file mode 100644
index d9c0302..0000000
--- a/src/app/components/chip/chip.css
+++ /dev/null
@@ -1,26 +0,0 @@
-@layer primeng {
-    .p-chip {
-        display: inline-flex;
-        align-items: center;
-    }
-
-    .p-chip-text {
-        line-height: 1.5;
-    }
-
-    .p-chip-icon.pi {
-        line-height: 1.5;
-    }
-
-    .pi-chip-remove-icon.pi {
-        line-height: 1.5;
-    }
-
-    .pi-chip-remove-icon {
-        cursor: pointer;
-    }
-
-    .p-chip img {
-        border-radius: 50%;
-    }
-}
diff --git a/src/app/components/chip/chip.interface.ts b/src/app/components/chip/chip.interface.ts
deleted file mode 100644
index 7cbd190..0000000
--- a/src/app/components/chip/chip.interface.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in Chip.
- * @group Templates
- */
-export interface ChipTemplates {
-    /**
-     * Custom template of content.
-     */
-    content(): TemplateRef<any>;
-    /**
-     * Custom template of remove icon.
-     */
-    removeicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/chip/chip.spec.ts b/src/app/components/chip/chip.spec.ts
deleted file mode 100644
index da23866..0000000
--- a/src/app/components/chip/chip.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { Chip, ChipModule } from './chip';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { By } from '@angular/platform-browser';
-
-describe('Chip', () => {
-    let button: Chip;
-    let fixture: ComponentFixture<Chip>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, ChipModule]
-        });
-
-        fixture = TestBed.createComponent(Chip);
-        button = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const chipEl = fixture.debugElement.query(By.css('.p-chip'));
-        expect(chipEl.nativeElement).toBeTruthy();
-    });
-});
diff --git a/src/app/components/chip/chip.ts b/src/app/components/chip/chip.ts
deleted file mode 100644
index 3d089fe..0000000
--- a/src/app/components/chip/chip.ts
+++ /dev/null
@@ -1,153 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation, inject, booleanAttribute } from '@angular/core';
-import { PrimeNGConfig, PrimeTemplate, SharedModule, TranslationKeys } from 'primeng/api';
-import { TimesCircleIcon } from 'primeng/icons/timescircle';
-/**
- * Chip represents people using icons, labels and images.
- * @group Components
- */
-@Component({
-    selector: 'p-chip',
-    template: `
-        <div [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="style" *ngIf="visible" [attr.data-pc-name]="'chip'" [attr.aria-label]="label" [attr.data-pc-section]="'root'">
-            <ng-content></ng-content>
-            <img [src]="image" *ngIf="image; else iconTemplate" (error)="imageError($event)" [alt]="alt" />
-            <ng-template #iconTemplate><span *ngIf="icon" [class]="icon" [ngClass]="'p-chip-icon'" [attr.data-pc-section]="'icon'"></span></ng-template>
-            <div class="p-chip-text" *ngIf="label" [attr.data-pc-section]="'label'">{{ label }}</div>
-            <ng-container *ngIf="removable">
-                <ng-container *ngIf="!removeIconTemplate">
-                    <span
-                        tabindex="0"
-                        *ngIf="removeIcon"
-                        [class]="removeIcon"
-                        [ngClass]="'pi-chip-remove-icon'"
-                        [attr.data-pc-section]="'removeicon'"
-                        (click)="close($event)"
-                        (keydown)="onKeydown($event)"
-                        [attr.aria-label]="removeAriaLabel"
-                        role="button"
-                    ></span>
-                    <TimesCircleIcon tabindex="0" *ngIf="!removeIcon" [class]="'pi-chip-remove-icon'" [attr.data-pc-section]="'removeicon'" (click)="close($event)" (keydown)="onKeydown($event)" [attr.aria-label]="removeAriaLabel" role="button" />
-                </ng-container>
-                <span *ngIf="removeIconTemplate" tabindex="0" [attr.data-pc-section]="'removeicon'" class="pi-chip-remove-icon" (click)="close($event)" (keydown)="onKeydown($event)" [attr.aria-label]="removeAriaLabel" role="button">
-                    <ng-template *ngTemplateOutlet="removeIconTemplate"></ng-template>
-                </span>
-            </ng-container>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./chip.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Chip implements AfterContentInit {
-    /**
-     * Defines the text to display.
-     * @group Props
-     */
-    @Input() label: string | undefined;
-    /**
-     * Defines the icon to display.
-     * @group Props
-     */
-    @Input() icon: string | undefined;
-    /**
-     * Defines the image to display.
-     * @group Props
-     */
-    @Input() image: string | undefined;
-    /**
-     * Alt attribute of the image.
-     * @group Props
-     */
-    @Input() alt: string | undefined;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Whether to display a remove icon.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) removable: boolean | undefined = false;
-    /**
-     * Icon of the remove element.
-     * @group Props
-     */
-    @Input() removeIcon: string | undefined;
-    /**
-     * Callback to invoke when a chip is removed.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Emits
-     */
-    @Output() onRemove: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-    /**
-     * This event is triggered if an error occurs while loading an image file.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onImageError: EventEmitter<Event> = new EventEmitter<Event>();
-
-    config = inject(PrimeNGConfig);
-
-    visible: boolean = true;
-
-    removeIconTemplate: TemplateRef<any> | undefined;
-
-    get removeAriaLabel() {
-        return this.config.getTranslation(TranslationKeys.ARIA)['removeLabel'];
-    }
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'removeicon':
-                    this.removeIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.removeIconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    containerClass() {
-        return {
-            'p-chip p-component': true,
-            'p-chip-image': this.image != null
-        };
-    }
-
-    close(event: MouseEvent) {
-        this.visible = false;
-        this.onRemove.emit(event);
-    }
-
-    onKeydown(event) {
-        if (event.key === 'Enter' || event.key === 'Backspace') {
-            this.close(event);
-        }
-    }
-
-    imageError(event: Event) {
-        this.onImageError.emit(event);
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, TimesCircleIcon, SharedModule],
-    exports: [Chip, SharedModule],
-    declarations: [Chip]
-})
-export class ChipModule {}
diff --git a/src/app/components/chip/ng-package.json b/src/app/components/chip/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/chip/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/chip/public_api.ts b/src/app/components/chip/public_api.ts
deleted file mode 100644
index 3724e4e..0000000
--- a/src/app/components/chip/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './chip';
-export * from './chip.interface';
diff --git a/src/app/components/chips/chips.css b/src/app/components/chips/chips.css
deleted file mode 100644
index 96104c7..0000000
--- a/src/app/components/chips/chips.css
+++ /dev/null
@@ -1,68 +0,0 @@
-@layer primeng {
-    .p-chips {
-        display: inline-flex;
-    }
-
-    .p-chips-multiple-container {
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-        cursor: text;
-        overflow: hidden;
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-    }
-
-    .p-chips-token {
-        cursor: default;
-        display: inline-flex;
-        align-items: center;
-        flex: 0 0 auto;
-        max-width: 100%;
-    }
-
-    .p-chips-token-label {
-        min-width: 0%;
-        overflow: auto;
-    }
-
-    .p-chips-token-label::-webkit-scrollbar {
-        display: none;
-    }
-
-    .p-chips-input-token {
-        flex: 1 1 auto;
-        display: inline-flex;
-    }
-
-    .p-chips-token-icon {
-        cursor: pointer;
-    }
-
-    .p-chips-input-token input {
-        border: 0 none;
-        outline: 0 none;
-        background-color: transparent;
-        margin: 0;
-        padding: 0;
-        box-shadow: none;
-        border-radius: 0;
-        width: 100%;
-    }
-
-    .p-fluid .p-chips {
-        display: flex;
-    }
-
-    .p-chips-clear-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-        cursor: pointer;
-    }
-
-    .p-chips-clearable .p-inputtext {
-        position: relative;
-    }
-}
diff --git a/src/app/components/chips/chips.interface.ts b/src/app/components/chips/chips.interface.ts
deleted file mode 100644
index 472352a..0000000
--- a/src/app/components/chips/chips.interface.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { Chips } from './chips';
-/**
- * Custom add event.
- * @see {@link Chips.onAdd}
- * @group Events
- */
-export interface ChipsAddEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Added/Removed item value.
-     */
-    value: any;
-}
-/**
- * Custom remove event.
- * @see {@link Chips.onRemove}
- * @extends {ChipsAddEvent}
- * @group Events
- */
-export interface ChipsRemoveEvent extends ChipsAddEvent {}
-/**
- * Custom click event.
- * @see {@link Chips.onChipClick}
- * @extends {ChipsAddEvent}
- * @group Events
- */
-export interface ChipsClickEvent extends ChipsAddEvent {}
-/**
- * Defines valid templates in Chips.
- * @group Templates
- */
-export interface ChipsTemplates {
-    /**
-     * Custom item template.
-     * @param {Object} context - item data.
-     */
-    item(context: {
-        /**
-         * Value of the chip element.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-    /**
-     * Custom remove icon template.
-     */
-    removetokenicon(): TemplateRef<any>;
-    /**
-     * Custom clear icon template.
-     */
-    clearicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/chips/chips.spec.ts b/src/app/components/chips/chips.spec.ts
deleted file mode 100644
index 6ceed36..0000000
--- a/src/app/components/chips/chips.spec.ts
+++ /dev/null
@@ -1,356 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Chips } from './chips';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { TimesCircleIcon } from 'primeng/icons/timescircle';
-
-describe('Chips', () => {
-    let chips: Chips;
-    let fixture: ComponentFixture<Chips>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, TimesCircleIcon],
-            declarations: [Chips]
-        });
-
-        fixture = TestBed.createComponent(Chips);
-        chips = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const chipsEl = fixture.debugElement.query(By.css('div'));
-        expect(chipsEl.nativeElement).toBeTruthy();
-    });
-
-    it('should change style and styleClass', () => {
-        chips.style = { height: '300px' };
-        chips.styleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const chipsEl = fixture.debugElement.query(By.css('div'));
-        expect(chipsEl.nativeElement.className).toContain('Primeng ROCKS!');
-        expect(chipsEl.nativeElement.style.height).toEqual('300px');
-    });
-
-    it('should change inputStyle inputStyleClass inputId placeholder and tabIndex', () => {
-        chips.inputStyle = { height: '300px' };
-        chips.inputStyleClass = 'Primeng ROCKS!';
-        chips.inputId = 'primeng';
-        chips.tabindex = 13;
-        chips.placeholder = 'rocks!';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        expect(inputEl.nativeElement.className).toContain('Primeng ROCKS!');
-        expect(inputEl.nativeElement.style.height).toEqual('300px');
-        expect(inputEl.nativeElement.id).toEqual('primeng');
-        expect(inputEl.nativeElement.tabIndex).toEqual(13);
-        expect(inputEl.nativeElement.placeholder).toEqual('rocks!');
-    });
-
-    it('should disabled', () => {
-        chips.disabled = true;
-        fixture.detectChanges();
-
-        const listEl = fixture.debugElement.query(By.css('.p-chips'));
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        const tokenIconEl = fixture.debugElement.query(By.css('.p-chips-token-icon'));
-        expect(listEl.nativeElement.className).toContain('p-disabled');
-        expect(tokenIconEl).toBeFalsy();
-        expect(inputEl.nativeElement.disabled).toEqual(true);
-    });
-
-    it('should call onInputFocus and onInputBlur', () => {
-        chips.placeholder = 'rocks!';
-        fixture.detectChanges();
-
-        chips.cd.detectChanges();
-        let focusData;
-        let blurData;
-        chips.onFocus.subscribe((value) => (focusData = value));
-        chips.onBlur.subscribe((value) => (blurData = value));
-        const onInputFocusSpy = spyOn(chips, 'onInputFocus').and.callThrough();
-        const onInputBlurSpy = spyOn(chips, 'onInputBlur').and.callThrough();
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        fixture.detectChanges();
-
-        expect(onInputFocusSpy).toHaveBeenCalled();
-        expect(chips.focused).toEqual(true);
-        expect(focusData).toBeTruthy();
-        inputEl.nativeElement.dispatchEvent(new Event('blur'));
-        fixture.detectChanges();
-
-        expect(onInputBlurSpy).toHaveBeenCalled();
-        expect(chips.focused).toEqual(false);
-        expect(blurData).toBeTruthy();
-    });
-
-    it('should add item and change placeholder "rocks!" to null', () => {
-        chips.placeholder = 'rocks!';
-        fixture.detectChanges();
-
-        let data;
-        chips.onAdd.subscribe((value) => (data = value));
-        const addItemSpy = spyOn(chips, 'addItem').and.callThrough();
-        const onKeydownSpy = spyOn(chips, 'onKeyDown').and.callThrough();
-        const updateMaxedOutSpy = spyOn(chips, 'updateMaxedOut').and.callThrough();
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        inputEl.nativeElement.value = 'primeng';
-        fixture.detectChanges();
-
-        let event = { code: 'Enter', target: inputEl.nativeElement, preventDefault() {} };
-        chips.onKeyDown(event);
-        fixture.detectChanges();
-
-        chips.cd.detectChanges();
-        expect(addItemSpy).toHaveBeenCalled();
-        expect(data).toBeTruthy();
-        expect(onKeydownSpy).toHaveBeenCalled();
-        expect(updateMaxedOutSpy).toHaveBeenCalled();
-        expect(chips.value.length).toEqual(1);
-        expect(chips.value[0]).toEqual('primeng');
-        expect(inputEl.nativeElement.placeholder).toEqual('');
-    });
-
-    it('should add duplicate item', () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        inputEl.nativeElement.value = 'primeng';
-        fixture.detectChanges();
-
-        let event = { code: 'Enter', target: inputEl.nativeElement, preventDefault() {} };
-        chips.onKeyDown(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        inputEl.nativeElement.value = 'primeng';
-        fixture.detectChanges();
-
-        chips.onKeyDown(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(chips.value.length).toEqual(2);
-        expect(chips.value[0]).toEqual('primeng');
-        expect(chips.value[1]).toEqual('primeng');
-    });
-
-    it('should not add duplicate item', () => {
-        chips.allowDuplicate = false;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        inputEl.nativeElement.value = 'primeng';
-        fixture.detectChanges();
-
-        let event = { code: 'Enter', target: inputEl.nativeElement, preventDefault() {} };
-        chips.onKeyDown(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        inputEl.nativeElement.value = 'primeng';
-        fixture.detectChanges();
-
-        chips.onKeyDown(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(chips.value.length).toEqual(1);
-        expect(chips.value[0]).toEqual('primeng');
-    });
-
-    it('should not add duplicate item, case-insensitive', () => {
-        chips.allowDuplicate = false;
-        chips.caseSensitiveDuplication = false;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        inputEl.nativeElement.value = 'primeng';
-        fixture.detectChanges();
-
-        let event = { code: 'Enter', target: inputEl.nativeElement, preventDefault() {} };
-        chips.onKeyDown(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        inputEl.nativeElement.value = 'PRIMENG';
-        fixture.detectChanges();
-
-        chips.onKeyDown(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(chips.value.length).toEqual(1);
-        expect(chips.value[0]).toEqual('primeng');
-    });
-
-    it('should add item with tab key', () => {
-        chips.addOnTab = true;
-        fixture.detectChanges();
-
-        const addItemSpy = spyOn(chips, 'addItem').and.callThrough();
-        const onKeydownSpy = spyOn(chips, 'onKeyDown').and.callThrough();
-        const updateMaxedOutSpy = spyOn(chips, 'updateMaxedOut').and.callThrough();
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        inputEl.nativeElement.value = 'primeng';
-        fixture.detectChanges();
-
-        let event = { code: 'Tab', target: inputEl.nativeElement, preventDefault() {} };
-        chips.onKeyDown(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(addItemSpy).toHaveBeenCalled();
-        expect(onKeydownSpy).toHaveBeenCalled();
-        expect(updateMaxedOutSpy).toHaveBeenCalled();
-        expect(chips.value.length).toEqual(1);
-        expect(chips.value[0]).toEqual('primeng');
-    });
-
-    it('should add item with blur', () => {
-        chips.addOnBlur = true;
-        fixture.detectChanges();
-
-        const addItemSpy = spyOn(chips, 'addItem').and.callThrough();
-        const updateMaxedOutSpy = spyOn(chips, 'updateMaxedOut').and.callThrough();
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        inputEl.nativeElement.value = 'primeng';
-        fixture.detectChanges();
-
-        inputEl.nativeElement.dispatchEvent(new Event('blur'));
-        fixture.detectChanges();
-
-        expect(addItemSpy).toHaveBeenCalled();
-        expect(updateMaxedOutSpy).toHaveBeenCalled();
-        expect(chips.value.length).toEqual(1);
-        expect(chips.value[0]).toEqual('primeng');
-    });
-
-    it('should change max', () => {
-        chips.max = 2;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        inputEl.nativeElement.value = 'primeng';
-        fixture.detectChanges();
-
-        let event = { code: 'Enter', target: inputEl.nativeElement, preventDefault() {} };
-        chips.onKeyDown(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        inputEl.nativeElement.value = 'primeng';
-        fixture.detectChanges();
-
-        chips.onKeyDown(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        event.code = 'Backspace';
-        chips.onKeyDown(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(chips.value.length).toEqual(2);
-        expect(chips.value[0]).toEqual('primeng');
-        expect(chips.value[1]).toEqual('primeng');
-        expect(inputEl.nativeElement.disabled).toEqual(true);
-        event.code = 'Backspace';
-        chips.onKeyDown(event as KeyboardEvent);
-        chips.updateMaxedOut();
-        fixture.detectChanges();
-
-        expect(inputEl.nativeElement.disabled).toEqual(false);
-    });
-
-    it('should set maxlength to input element', () => {
-        chips.maxLength = 2;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        expect(inputEl.attributes.maxlength).toEqual('2');
-    });
-
-    it('should delete item', () => {
-        chips.value = ['primeng'];
-        const inputEl = fixture.debugElement.query(By.css('input'));
-
-        fixture.detectChanges();
-
-        let data;
-        chips.onRemove.subscribe((value) => (data = value));
-        expect(chips.value.length).toEqual(1);
-        expect(chips.value[0]).toEqual('primeng');
-        fixture.detectChanges();
-
-        // let event = { which: 8, preventDefault() {} };
-        let event = { code: 'Backspace', target: inputEl.nativeElement, preventDefault() {} };
-
-        chips.onKeyDown(event as KeyboardEvent);
-        chips.onKeyDown(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-        expect(chips.value.length).toEqual(0);
-        expect(chips.value[0]).toEqual(undefined);
-    });
-
-    it('should delete item with icon', () => {
-        chips.value = ['primeng'];
-        fixture.detectChanges();
-
-        let data;
-        chips.onRemove.subscribe((value) => (data = value));
-        expect(chips.value.length).toEqual(1);
-        expect(chips.value[0]).toEqual('primeng');
-        fixture.detectChanges();
-
-        const tokenIconEl = fixture.debugElement.query(By.css('.p-chips-token-icon'));
-        tokenIconEl.nativeElement.parentElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-        expect(chips.value.length).toEqual(0);
-        expect(chips.value[0]).toEqual(undefined);
-    });
-
-    it('should not delete item', () => {
-        chips.value = ['primeng'];
-        fixture.detectChanges();
-
-        expect(chips.value.length).toEqual(1);
-        expect(chips.value[0]).toEqual('primeng');
-        fixture.detectChanges();
-
-        chips.disabled = true;
-        fixture.detectChanges();
-        let event: Event = new Event('Keyboard');
-
-        chips.removeItem(event, 0);
-        fixture.detectChanges();
-
-        expect(chips.value.length).toEqual(1);
-        expect(chips.value[0]).toEqual('primeng');
-    });
-
-    it('should use field varaible', () => {
-        chips.field = 'name';
-        chips.value = [{ name: 'primeng' }];
-        fixture.detectChanges();
-
-        const labelEl = fixture.debugElement.query(By.css('.p-chips-token-label'));
-        expect(labelEl.nativeElement.textContent).toEqual('primeng');
-        expect(chips.value[0].name).toEqual('primeng');
-    });
-
-    it('should use field varaible (2)', () => {
-        chips.field = 'name.primeng';
-        chips.value = [
-            {
-                name: {
-                    primeng: 'rocks'
-                }
-            }
-        ];
-        fixture.detectChanges();
-
-        const labelEl = fixture.debugElement.query(By.css('.p-chips-token-label'));
-        expect(labelEl.nativeElement.textContent).toEqual('rocks');
-        expect(chips.value[0].name.primeng).toEqual('rocks');
-    });
-});
diff --git a/src/app/components/chips/chips.ts b/src/app/components/chips/chips.ts
deleted file mode 100644
index c8b1ad1..0000000
--- a/src/app/components/chips/chips.ts
+++ /dev/null
@@ -1,623 +0,0 @@
-import { CommonModule, DOCUMENT } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    Output,
-    QueryList,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    forwardRef,
-    numberAttribute
-} from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { TimesIcon } from 'primeng/icons/times';
-import { TimesCircleIcon } from 'primeng/icons/timescircle';
-import { InputTextModule } from 'primeng/inputtext';
-import { Nullable } from 'primeng/ts-helpers';
-import { UniqueComponentId } from 'primeng/utils';
-import { ChipsAddEvent, ChipsClickEvent, ChipsRemoveEvent } from './chips.interface';
-
-export const CHIPS_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => Chips),
-    multi: true
-};
-/**
- * Chips groups a collection of contents in tabs.
- * @group Components
- */
-@Component({
-    selector: 'p-chips',
-    template: `
-        <div
-            [ngClass]="{
-                'p-chips p-component p-input-wrapper': true,
-                'p-disabled': disabled,
-                'p-focus': focused,
-                'p-inputwrapper-filled': (value && value.length) || (this.inputViewChild?.nativeElement.value && this.inputViewChild?.nativeElement.value.length),
-                'p-inputwrapper-focus': focused
-            }"
-            [ngStyle]="style"
-            [class]="styleClass"
-            [attr.data-pc-name]="'chips'"
-            [attr.data-pc-section]="'root'"
-        >
-            <ul
-                #container
-                [ngClass]="{ 'p-inputtext p-chips-multiple-container': true, 'p-variant-filled': variant === 'filled' || config.inputStyle() === 'filled' }"
-                tabindex="-1"
-                role="listbox"
-                [attr.aria-labelledby]="ariaLabelledBy"
-                [attr.aria-label]="ariaLabel"
-                [attr.aria-activedescendant]="focused ? focusedOptionId : undefined"
-                [attr.aria-orientation]="'horizontal'"
-                (click)="onWrapperClick()"
-                (focus)="onContainerFocus()"
-                (blur)="onContainerBlur()"
-                (keydown)="onContainerKeyDown($event)"
-                [attr.data-pc-section]="'container'"
-            >
-                <li
-                    #token
-                    *ngFor="let item of value; let i = index"
-                    [attr.id]="id + '_chips_item_' + i"
-                    role="option"
-                    [attr.ariaLabel]="item"
-                    [attr.aria-selected]="true"
-                    [attr.aria-setsize]="value.length"
-                    [attr.aria-posinset]="i + 1"
-                    [attr.data-p-focused]="focusedIndex === i"
-                    [ngClass]="{ 'p-chips-token': true, 'p-focus': focusedIndex === i }"
-                    (click)="onItemClick($event, item)"
-                    [attr.data-pc-section]="'token'"
-                >
-                    <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-container>
-                    <span *ngIf="!itemTemplate" class="p-chips-token-label" [attr.data-pc-section]="'label'">{{ field ? resolveFieldData(item, field) : item }}</span>
-                    <ng-container *ngIf="!disabled">
-                        <TimesCircleIcon [styleClass]="'p-chips-token-icon'" *ngIf="!removeTokenIconTemplate" (click)="removeItem($event, i)" [attr.data-pc-section]="'removeTokenIcon'" [attr.aria-hidden]="true" />
-                        <span *ngIf="removeTokenIconTemplate" class="p-chips-token-icon" (click)="removeItem($event, i)" [attr.data-pc-section]="'removeTokenIcon'" [attr.aria-hidden]="true">
-                            <ng-template *ngTemplateOutlet="removeTokenIconTemplate"></ng-template>
-                        </span>
-                    </ng-container>
-                </li>
-                <li class="p-chips-input-token" [ngClass]="{ 'p-chips-clearable': showClear && !disabled }" [attr.data-pc-section]="'inputToken'" role="option">
-                    <input
-                        #inputtext
-                        type="text"
-                        [attr.id]="inputId"
-                        [attr.maxlength]="maxLength"
-                        [attr.placeholder]="value && value.length ? null : placeholder"
-                        [attr.tabindex]="tabindex"
-                        (keydown)="onKeyDown($event)"
-                        (input)="onInput()"
-                        (paste)="onPaste($event)"
-                        (focus)="onInputFocus($event)"
-                        (blur)="onInputBlur($event)"
-                        [disabled]="disabled || isMaxedOut"
-                        [ngStyle]="inputStyle"
-                        [class]="inputStyleClass"
-                        pAutoFocus
-                        [autofocus]="autofocus"
-                    />
-                </li>
-                <li *ngIf="value != null && filled && !disabled && showClear">
-                    <TimesIcon *ngIf="!clearIconTemplate" [styleClass]="'p-chips-clear-icon'" (click)="clear()" />
-                    <span *ngIf="clearIconTemplate" class="p-chips-clear-icon" (click)="clear()">
-                        <ng-template *ngTemplateOutlet="clearIconTemplate"></ng-template>
-                    </span>
-                </li>
-            </ul>
-        </div>
-    `,
-    host: {
-        class: 'p-element p-inputwrapper',
-        '[class.p-inputwrapper-filled]': 'filled',
-        '[class.p-inputwrapper-focus]': 'focused',
-        '[class.p-chips-clearable]': 'showClear'
-    },
-    providers: [CHIPS_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./chips.css']
-})
-export class Chips implements AfterContentInit, ControlValueAccessor {
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * When present, it specifies that the element should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * Name of the property to display on a chip.
-     * @group Props
-     */
-    @Input() field: string | undefined;
-    /**
-     * Advisory information to display on input.
-     * @group Props
-     */
-    @Input() placeholder: string | undefined;
-    /**
-     * Maximum number of entries allowed.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) max: number | undefined;
-    /**
-     * Maximum length of a chip.
-     * @group Props
-     */
-    @Input() maxLength: number | undefined;
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined;
-    /**
-     * Identifier of the focus input to match a label defined for the component.
-     * @group Props
-     */
-    @Input() inputId: string | undefined;
-    /**
-     * Whether to allow duplicate values or not.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) allowDuplicate: boolean = true;
-    /**
-     * Defines whether duplication check should be case-sensitive
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) caseSensitiveDuplication: boolean = true;
-    /**
-     * Inline style of the input field.
-     * @group Props
-     */
-    @Input() inputStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the input field.
-     * @group Props
-     */
-    @Input() inputStyleClass: string | undefined;
-    /**
-     * Whether to add an item on tab key press.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) addOnTab: boolean | undefined;
-    /**
-     * Whether to add an item when the input loses focus.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) addOnBlur: boolean | undefined;
-    /**
-     * Separator char to add an item when pressed in addition to the enter key.
-     * @group Props
-     */
-    @Input() separator: string | RegExp | undefined;
-    /**
-     * When enabled, a clear icon is displayed to clear the value.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showClear: boolean = false;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    @Input() variant: 'filled' | 'outlined' = 'outlined';
-    /**
-     * Callback to invoke on chip add.
-     * @param {ChipsAddEvent} event - Custom chip add event.
-     * @group Emits
-     */
-    @Output() onAdd: EventEmitter<ChipsAddEvent> = new EventEmitter<ChipsAddEvent>();
-    /**
-     * Callback to invoke on chip remove.
-     * @param {ChipsRemoveEvent} event - Custom chip remove event.
-     * @group Emits
-     */
-    @Output() onRemove: EventEmitter<ChipsRemoveEvent> = new EventEmitter<ChipsRemoveEvent>();
-    /**
-     * Callback to invoke on focus of input field.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke on blur of input field.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke on chip clicked.
-     * @param {ChipsClickEvent} event - Custom chip click event.
-     * @group Emits
-     */
-    @Output() onChipClick: EventEmitter<ChipsClickEvent> = new EventEmitter<ChipsClickEvent>();
-    /**
-     * Callback to invoke on clear token clicked.
-     * @group Emits
-     */
-    @Output() onClear: EventEmitter<any> = new EventEmitter<any>();
-
-    @ViewChild('inputtext') inputViewChild!: ElementRef;
-
-    @ViewChild('container') containerViewChild!: ElementRef;
-
-    @ContentChildren(PrimeTemplate) templates!: QueryList<any>;
-
-    public itemTemplate: Nullable<TemplateRef<any>>;
-
-    removeTokenIconTemplate: Nullable<TemplateRef<any>>;
-
-    clearIconTemplate: Nullable<TemplateRef<any>>;
-
-    value: any;
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    valueChanged: Nullable<boolean>;
-
-    id = UniqueComponentId();
-
-    focused: Nullable<boolean>;
-
-    focusedIndex: Nullable<number>;
-
-    filled: Nullable<boolean>;
-
-    get focusedOptionId() {
-        return this.focusedIndex !== null ? `${this.id}_chips_item_${this.focusedIndex}` : null;
-    }
-
-    get isMaxedOut(): boolean {
-        return this.max && this.value && this.max === this.value.length;
-    }
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        public el: ElementRef,
-        public cd: ChangeDetectorRef,
-        public config: PrimeNGConfig
-    ) {}
-
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-
-                case 'removetokenicon':
-                    this.removeTokenIconTemplate = item.template;
-                    break;
-
-                case 'clearicon':
-                    this.clearIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-
-        this.updateFilledState();
-    }
-
-    onWrapperClick() {
-        this.inputViewChild?.nativeElement.focus();
-    }
-
-    onContainerFocus() {
-        this.focused = true;
-    }
-
-    onContainerBlur() {
-        this.focusedIndex = -1;
-        this.focused = false;
-    }
-
-    onContainerKeyDown(event) {
-        switch (event.code) {
-            case 'ArrowLeft':
-                this.onArrowLeftKeyOn();
-                break;
-
-            case 'ArrowRight':
-                this.onArrowRightKeyOn();
-                break;
-
-            case 'Backspace':
-                this.onBackspaceKeyOn(event);
-                break;
-
-            case 'Space':
-                if (this.focusedIndex !== null && this.value && this.value.length > 0) {
-                    this.onItemClick(event, this.value[this.focusedIndex]);
-                }
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    onArrowLeftKeyOn() {
-        if (this.inputViewChild.nativeElement.value.length === 0 && this.value && this.value.length > 0) {
-            this.focusedIndex = this.focusedIndex === null ? this.value.length - 1 : this.focusedIndex - 1;
-            if (this.focusedIndex < 0) this.focusedIndex = 0;
-        }
-    }
-
-    onArrowRightKeyOn() {
-        if (this.inputViewChild.nativeElement.value.length === 0 && this.value && this.value.length > 0) {
-            if (this.focusedIndex === this.value.length - 1) {
-                this.focusedIndex = null;
-                this.inputViewChild?.nativeElement.focus();
-            } else {
-                this.focusedIndex++;
-            }
-        }
-    }
-
-    onBackspaceKeyOn(event) {
-        if (this.focusedIndex !== null) {
-            this.removeItem(event, this.focusedIndex);
-        }
-    }
-
-    onInput() {
-        this.updateFilledState();
-        this.focusedIndex = null;
-    }
-
-    onPaste(event: any) {
-        if (!this.disabled) {
-            if (this.separator) {
-                const pastedData: string = (event.clipboardData || (this.document.defaultView as any)['clipboardData']).getData('Text');
-                pastedData.split(this.separator).forEach((val: any) => {
-                    this.addItem(event, val, true);
-                });
-                this.inputViewChild.nativeElement.value = '';
-            }
-
-            this.updateFilledState();
-        }
-    }
-
-    updateFilledState() {
-        if (!this.value || this.value.length === 0) {
-            this.filled = this.inputViewChild && this.inputViewChild.nativeElement && this.inputViewChild.nativeElement.value != '';
-        } else {
-            this.filled = true;
-        }
-    }
-
-    onItemClick(event: Event, item: any) {
-        this.onChipClick.emit({
-            originalEvent: event,
-            value: item
-        });
-    }
-
-    writeValue(value: any): void {
-        this.value = value;
-        this.updateMaxedOut();
-        this.updateFilledState();
-        this.cd.markForCheck();
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    resolveFieldData(data: any, field: string): any {
-        if (data && field) {
-            if (field.indexOf('.') == -1) {
-                return data[field];
-            } else {
-                let fields: string[] = field.split('.');
-                let value = data;
-                for (var i = 0, len = fields.length; i < len; ++i) {
-                    value = value[fields[i]];
-                }
-                return value;
-            }
-        } else {
-            return null;
-        }
-    }
-
-    onInputFocus(event: FocusEvent) {
-        this.focused = true;
-        this.focusedIndex = null;
-        this.onFocus.emit(event);
-    }
-
-    onInputBlur(event: FocusEvent) {
-        this.focused = false;
-        this.focusedIndex = null;
-        if (this.addOnBlur && this.inputViewChild.nativeElement.value) {
-            this.addItem(event, this.inputViewChild.nativeElement.value, false);
-        }
-        this.onModelTouched();
-        this.onBlur.emit(event);
-    }
-
-    removeItem(event: Event, index: number): void {
-        if (this.disabled) {
-            return;
-        }
-
-        let removedItem = this.value[index];
-        this.value = this.value.filter((val: any, i: number) => i != index);
-        this.focusedIndex = null;
-        this.inputViewChild.nativeElement.focus();
-
-        this.onModelChange(this.value);
-        this.onRemove.emit({
-            originalEvent: event,
-            value: removedItem
-        });
-        this.updateFilledState();
-        this.updateMaxedOut();
-    }
-
-    addItem(event: Event, item: string, preventDefault: boolean): void {
-        this.value = this.value || [];
-
-        if (item && item.trim().length) {
-            const newItemIsDuplicate = this.caseSensitiveDuplication ? this.value.includes(item) : this.value.some((val) => val.toLowerCase() === item.toLowerCase());
-
-            if ((this.allowDuplicate || !newItemIsDuplicate) && !this.isMaxedOut) {
-                this.value = [...this.value, item];
-                this.onModelChange(this.value);
-                this.onAdd.emit({
-                    originalEvent: event,
-                    value: item
-                });
-            }
-        }
-
-        this.updateFilledState();
-        this.updateMaxedOut();
-        this.inputViewChild.nativeElement.value = '';
-
-        if (preventDefault) {
-            event.preventDefault();
-        }
-    }
-
-    /**
-     * Callback to invoke on filter reset.
-     * @group Method
-     */
-    public clear() {
-        this.value = null;
-        this.updateFilledState();
-        this.onModelChange(this.value);
-        this.updateMaxedOut();
-        this.onClear.emit();
-    }
-
-    onKeyDown(event) {
-        const inputValue = event.target.value;
-
-        switch (event.code) {
-            case 'Backspace':
-                if (inputValue.length === 0 && this.value && this.value.length > 0) {
-                    if (this.focusedIndex !== null) {
-                        this.removeItem(event, this.focusedIndex);
-                    } else this.removeItem(event, this.value.length - 1);
-                }
-
-                break;
-
-            case 'Enter':
-            case 'NumpadEnter':
-                if (inputValue && inputValue.trim().length && !this.isMaxedOut) {
-                    this.addItem(event, inputValue, true);
-                }
-
-                break;
-
-            case 'Tab':
-                if (this.addOnTab && inputValue && inputValue.trim().length && !this.isMaxedOut) {
-                    this.addItem(event, inputValue, true);
-                    event.preventDefault();
-                }
-
-                break;
-
-            case 'ArrowLeft':
-                if (inputValue.length === 0 && this.value && this.value.length > 0) {
-                    this.containerViewChild?.nativeElement.focus();
-                }
-
-                break;
-
-            case 'ArrowRight':
-                event.stopPropagation();
-                break;
-
-            default:
-                if (this.separator) {
-                    if (this.separator === event.key || event.key.match(this.separator)) {
-                        this.addItem(event, inputValue, true);
-                    }
-                }
-
-                break;
-        }
-    }
-
-    updateMaxedOut(): void {
-        if (this.inputViewChild && this.inputViewChild.nativeElement) {
-            if (this.isMaxedOut) {
-                // Calling `blur` is necessary because firefox does not call `onfocus` events
-                // for disabled inputs, unlike chromium browsers.
-                this.inputViewChild.nativeElement.blur();
-                this.inputViewChild.nativeElement.disabled = true;
-            } else {
-                if (this.disabled) {
-                    this.inputViewChild.nativeElement.blur();
-                }
-
-                this.inputViewChild.nativeElement.disabled = this.disabled || false;
-            }
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, InputTextModule, SharedModule, AutoFocusModule, TimesCircleIcon, TimesIcon],
-    exports: [Chips, InputTextModule, SharedModule],
-    declarations: [Chips]
-})
-export class ChipsModule {}
diff --git a/src/app/components/chips/ng-package.json b/src/app/components/chips/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/chips/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/chips/public_api.ts b/src/app/components/chips/public_api.ts
deleted file mode 100644
index 98b3989..0000000
--- a/src/app/components/chips/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './chips';
-export * from './chips.interface';
diff --git a/src/app/components/colorpicker/colorpicker-images.css b/src/app/components/colorpicker/colorpicker-images.css
deleted file mode 100644
index 2909a9f..0000000
--- a/src/app/components/colorpicker/colorpicker-images.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.p-colorpicker-panel .p-colorpicker-color {
-    background: transparent url("./images/color.png") no-repeat left top; 
-}
-
-.p-colorpicker-panel .p-colorpicker-hue {
-   background: transparent url("./images/hue.png") no-repeat left top; 
-}
\ No newline at end of file
diff --git a/src/app/components/colorpicker/colorpicker.css b/src/app/components/colorpicker/colorpicker.css
deleted file mode 100644
index f79c5e8..0000000
--- a/src/app/components/colorpicker/colorpicker.css
+++ /dev/null
@@ -1,83 +0,0 @@
-@layer primeng {
-    .p-colorpicker {
-        display: inline-block;
-    }
-
-    .p-colorpicker-dragging {
-        cursor: pointer;
-    }
-
-    .p-colorpicker-overlay {
-        position: relative;
-    }
-
-    .p-colorpicker-panel {
-        position: relative;
-        width: 193px;
-        height: 166px;
-    }
-
-    .p-colorpicker-overlay-panel {
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-
-    .p-colorpicker-preview {
-        cursor: pointer;
-    }
-
-    .p-colorpicker-panel .p-colorpicker-content {
-        position: relative;
-    }
-
-    .p-colorpicker-panel .p-colorpicker-color-selector {
-        width: 150px;
-        height: 150px;
-        top: 8px;
-        left: 8px;
-        position: absolute;
-    }
-
-    .p-colorpicker-panel .p-colorpicker-color {
-        width: 150px;
-        height: 150px;
-    }
-
-    .p-colorpicker-panel .p-colorpicker-color-handle {
-        position: absolute;
-        top: 0px;
-        left: 150px;
-        border-radius: 100%;
-        width: 10px;
-        height: 10px;
-        border-width: 1px;
-        border-style: solid;
-        margin: -5px 0 0 -5px;
-        cursor: pointer;
-        opacity: 0.85;
-    }
-
-    .p-colorpicker-panel .p-colorpicker-hue {
-        width: 17px;
-        height: 150px;
-        top: 8px;
-        left: 167px;
-        position: absolute;
-        opacity: 0.85;
-    }
-
-    .p-colorpicker-panel .p-colorpicker-hue-handle {
-        position: absolute;
-        top: 150px;
-        left: 0px;
-        width: 21px;
-        margin-left: -2px;
-        margin-top: -5px;
-        height: 10px;
-        border-width: 2px;
-        border-style: solid;
-        opacity: 0.85;
-        cursor: pointer;
-    }
-}
diff --git a/src/app/components/colorpicker/colorpicker.interface.ts b/src/app/components/colorpicker/colorpicker.interface.ts
deleted file mode 100644
index 3258157..0000000
--- a/src/app/components/colorpicker/colorpicker.interface.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { ColorPicker } from './colorpicker';
-/**
- * Custom change event.
- * @see {@link ColorPicker.onChange}
- * @group Events
- */
-export interface ColorPickerChangeEvent {
-    /**
-     * Browser event
-     */
-    originalEvent: Event;
-    /**
-     * Selected color value.
-     */
-    value: string | object;
-}
diff --git a/src/app/components/colorpicker/colorpicker.spec.ts b/src/app/components/colorpicker/colorpicker.spec.ts
deleted file mode 100644
index cfdae24..0000000
--- a/src/app/components/colorpicker/colorpicker.spec.ts
+++ /dev/null
@@ -1,153 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { ColorPicker } from './colorpicker';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    template: ` <p-colorPicker [(ngModel)]="color1"></p-colorPicker> `
-})
-class TestColorPickerComponent {
-    color1: string = '#1976D2';
-}
-
-describe('ColorPicker', () => {
-    let colorpicker: ColorPicker;
-    let testComponent: TestColorPickerComponent;
-    let fixture: ComponentFixture<TestColorPickerComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, FormsModule],
-            declarations: [ColorPicker, TestColorPickerComponent]
-        });
-
-        fixture = TestBed.createComponent(TestColorPickerComponent);
-        colorpicker = fixture.debugElement.children[0].componentInstance;
-        testComponent = fixture.componentInstance;
-    });
-
-    it('should created by default', () => {
-        fixture.detectChanges();
-
-        const colorPickerEl = fixture.debugElement.query(By.css('.p-colorpicker'));
-        expect(colorPickerEl.nativeElement).toBeTruthy();
-    });
-
-    it('should inline', () => {
-        colorpicker.inline = true;
-        fixture.detectChanges();
-
-        const overlayEl = fixture.debugElement.query(By.css('.p-colorpicker-overlay'));
-        expect(overlayEl).toBeFalsy();
-    });
-
-    it('should select color', () => {
-        colorpicker.inline = true;
-        fixture.detectChanges();
-
-        const pickColorSpy = spyOn(colorpicker, 'pickColor').and.callThrough();
-        const colorSelectorEl = fixture.debugElement.query(By.css('.p-colorpicker-color-selector'));
-        colorSelectorEl.triggerEventHandler('mousedown', { pageX: 100, pageY: 120 });
-        fixture.detectChanges();
-
-        document.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(testComponent.color1).not.toEqual('#1976D2');
-        expect(pickColorSpy).toHaveBeenCalled();
-    });
-
-    it('should select hue', () => {
-        colorpicker.inline = true;
-        fixture.detectChanges();
-
-        const pickHueSpy = spyOn(colorpicker, 'pickHue').and.callThrough();
-        const hueSelectorEl = fixture.debugElement.query(By.css('.p-colorpicker-hue'));
-        hueSelectorEl.triggerEventHandler('mousedown', { pageX: 20, pageY: 25 });
-        fixture.detectChanges();
-
-        expect(testComponent.color1).not.toEqual('#1976D2');
-        expect(pickHueSpy).toHaveBeenCalled();
-    });
-
-    it('should call togglePanel when click on input', () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        const toggleSpy = spyOn(colorpicker, 'togglePanel').and.callThrough();
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const selectorEl = fixture.debugElement.query(By.css('.p-colorpicker-panel'));
-        expect(toggleSpy).toHaveBeenCalled();
-        expect(selectorEl).toBeTruthy();
-    });
-
-    it('should select color (overlay)', () => {
-        colorpicker.appendTo = 'body';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const pickColorSpy = spyOn(colorpicker, 'pickColor').and.callThrough();
-        const colorSelectorEl = fixture.debugElement.query(By.css('.p-colorpicker-color-selector'));
-        colorSelectorEl.nativeElement.click();
-        colorSelectorEl.triggerEventHandler('mousedown', { pageX: 100, pageY: 120 });
-        const mouseMoveEvent: any = document.createEvent('CustomEvent');
-        mouseMoveEvent.pageX = 101;
-        mouseMoveEvent.pageY = 121;
-        mouseMoveEvent.initEvent('mousemove', true, true);
-        document.dispatchEvent(mouseMoveEvent);
-        document.dispatchEvent(mouseMoveEvent as MouseEvent);
-        fixture.detectChanges();
-
-        document.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(testComponent.color1).not.toEqual('#1976D2');
-        expect(pickColorSpy).toHaveBeenCalled();
-    });
-
-    it('should close when inputclick', () => {
-        fixture.detectChanges();
-
-        const hideSpy = spyOn(colorpicker, 'hide').and.callThrough();
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        let selectorEl = fixture.debugElement.query(By.css('.p-colorpicker-panel'));
-        expect(selectorEl).toBeTruthy();
-        inputEl.nativeElement.click();
-        fixture.detectChanges();
-
-        selectorEl = fixture.debugElement.query(By.css('.p-colorpicker-panel'));
-        expect(hideSpy).toHaveBeenCalled();
-    });
-
-    it('should open space keydown and close esc keydown', () => {
-        fixture.detectChanges();
-
-        const hideSpy = spyOn(colorpicker, 'hide').and.callThrough();
-        const keydownSpy = spyOn(colorpicker, 'onInputKeydown').and.callThrough();
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        inputEl.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'Space', keyCode: 32 }));
-        fixture.detectChanges();
-
-        expect(keydownSpy).toHaveBeenCalled();
-        let selectorEl = fixture.debugElement.query(By.css('.p-colorpicker-panel'));
-        expect(selectorEl).toBeTruthy();
-        inputEl.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'Escape', keyCode: 27 }));
-        fixture.detectChanges();
-
-        selectorEl = fixture.debugElement.query(By.css('.p-colorpicker-panel'));
-        expect(hideSpy).toHaveBeenCalled();
-    });
-});
diff --git a/src/app/components/colorpicker/colorpicker.ts b/src/app/components/colorpicker/colorpicker.ts
deleted file mode 100644
index 95eb6fb..0000000
--- a/src/app/components/colorpicker/colorpicker.ts
+++ /dev/null
@@ -1,827 +0,0 @@
-import { AnimationEvent, animate, style, transition, trigger } from '@angular/animations';
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    OnDestroy,
-    Output,
-    PLATFORM_ID,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    forwardRef,
-    numberAttribute
-} from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { OverlayService, PrimeNGConfig, TranslationKeys } from 'primeng/api';
-import { ConnectedOverlayScrollHandler, DomHandler } from 'primeng/dom';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { ZIndexUtils } from 'primeng/utils';
-import { ColorPickerChangeEvent } from './colorpicker.interface';
-
-export const COLORPICKER_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => ColorPicker),
-    multi: true
-};
-/**
- * ColorPicker groups a collection of contents in tabs.
- * @group Components
- */
-@Component({
-    selector: 'p-colorPicker',
-    template: `
-        <div
-            #container
-            [ngStyle]="style"
-            [class]="styleClass"
-            [ngClass]="{ 'p-colorpicker p-component': true, 'p-colorpicker-overlay': !inline, 'p-colorpicker-dragging': colorDragging || hueDragging }"
-            [attr.data-pc-name]="'colorpicker'"
-            [attr.data-pc-section]="'root'"
-        >
-            <input
-                *ngIf="!inline"
-                #input
-                type="text"
-                class="p-colorpicker-preview p-inputtext"
-                [ngClass]="{ 'p-disabled': disabled }"
-                readonly="readonly"
-                [attr.tabindex]="tabindex"
-                [disabled]="disabled"
-                (click)="onInputClick()"
-                (keydown)="onInputKeydown($event)"
-                (focus)="onInputFocus()"
-                [attr.id]="inputId"
-                [style.backgroundColor]="inputBgColor"
-                [attr.data-pc-section]="'input'"
-                [attr.aria-label]="ariaLabel"
-                pAutoFocus
-                [autofocus]="autofocus"
-            />
-            <div
-                *ngIf="inline || overlayVisible"
-                [ngClass]="{ 'p-colorpicker-panel': true, 'p-colorpicker-overlay-panel': !inline, 'p-disabled': disabled }"
-                (click)="onOverlayClick($event)"
-                [@overlayAnimation]="{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }"
-                [@.disabled]="inline === true"
-                (@overlayAnimation.start)="onOverlayAnimationStart($event)"
-                (@overlayAnimation.done)="onOverlayAnimationEnd($event)"
-                [attr.data-pc-section]="'panel'"
-            >
-                <div class="p-colorpicker-content" [attr.data-pc-section]="'content'">
-                    <div #colorSelector class="p-colorpicker-color-selector" (touchstart)="onColorDragStart($event)" (touchmove)="onDrag($event)" (touchend)="onDragEnd()" (mousedown)="onColorMousedown($event)" [attr.data-pc-section]="'selector'">
-                        <div class="p-colorpicker-color" [attr.data-pc-section]="'color'">
-                            <div #colorHandle class="p-colorpicker-color-handle" [attr.data-pc-section]="'colorHandle'"></div>
-                        </div>
-                    </div>
-                    <div #hue class="p-colorpicker-hue" (mousedown)="onHueMousedown($event)" (touchstart)="onHueDragStart($event)" (touchmove)="onDrag($event)" (touchend)="onDragEnd()" [attr.data-pc-section]="'hue'">
-                        <div #hueHandle class="p-colorpicker-hue-handle" [attr.data-pc-section]="'hueHandle'"></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    `,
-    animations: [trigger('overlayAnimation', [transition(':enter', [style({ opacity: 0, transform: 'scaleY(0.8)' }), animate('{{showTransitionParams}}')]), transition(':leave', [animate('{{hideTransitionParams}}', style({ opacity: 0 }))])])],
-    providers: [COLORPICKER_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./colorpicker.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class ColorPicker implements ControlValueAccessor, OnDestroy {
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Whether to display as an overlay or not.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) inline: boolean | undefined;
-    /**
-     * Format to use in value binding.
-     * @group Props
-     */
-    @Input() format: 'hex' | 'rgb' | 'hsb' = 'hex';
-    /**
-     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * When present, it specifies that the component should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input() tabindex: string | undefined;
-    /**
-     * Identifier of the focus input to match a label defined for the dropdown.
-     * @group Props
-     */
-    @Input() inputId: string | undefined;
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     */
-    @Input() showTransitionOptions: string = '.12s cubic-bezier(0, 0, 0.2, 1)';
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     */
-    @Input() hideTransitionOptions: string = '.1s linear';
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * Callback to invoke on value change.
-     * @param {ColorPickerChangeEvent} event - Custom value change event.
-     * @group Emits
-     */
-    @Output() onChange: EventEmitter<ColorPickerChangeEvent> = new EventEmitter<ColorPickerChangeEvent>();
-    /**
-     * Callback to invoke on panel is shown.
-     * @group Emits
-     */
-    @Output() onShow: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke on panel is hidden.
-     * @group Emits
-     */
-    @Output() onHide: EventEmitter<any> = new EventEmitter<any>();
-
-    @ViewChild('container') containerViewChild: Nullable<ElementRef>;
-
-    @ViewChild('input') inputViewChild: Nullable<ElementRef>;
-
-    value: any = { h: 0, s: 100, b: 100 };
-
-    inputBgColor: string | undefined;
-
-    shown: Nullable<boolean>;
-
-    overlayVisible: Nullable<boolean>;
-
-    defaultColor: string = 'ff0000';
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    documentClickListener: VoidListener;
-
-    documentResizeListener: VoidListener;
-
-    documentMousemoveListener: VoidListener;
-
-    documentMouseupListener: VoidListener;
-
-    documentHueMoveListener: VoidListener;
-
-    scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
-
-    selfClick: Nullable<boolean>;
-
-    colorDragging: Nullable<boolean>;
-
-    hueDragging: Nullable<boolean>;
-
-    overlay: Nullable<HTMLDivElement>;
-
-    colorSelectorViewChild: Nullable<ElementRef>;
-
-    colorHandleViewChild: Nullable<ElementRef>;
-
-    hueViewChild: Nullable<ElementRef>;
-
-    hueHandleViewChild: Nullable<ElementRef>;
-
-    window: Window;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        public el: ElementRef,
-        public renderer: Renderer2,
-        public cd: ChangeDetectorRef,
-        public config: PrimeNGConfig,
-        public overlayService: OverlayService
-    ) {
-        this.window = this.document.defaultView as Window;
-    }
-
-    @ViewChild('colorSelector') set colorSelector(element: ElementRef) {
-        this.colorSelectorViewChild = element;
-    }
-
-    @ViewChild('colorHandle') set colorHandle(element: ElementRef) {
-        this.colorHandleViewChild = element;
-    }
-
-    @ViewChild('hue') set hue(element: ElementRef) {
-        this.hueViewChild = element;
-    }
-
-    @ViewChild('hueHandle') set hueHandle(element: ElementRef) {
-        this.hueHandleViewChild = element;
-    }
-
-    get ariaLabel() {
-        return this.config?.getTranslation(TranslationKeys.ARIA)[TranslationKeys.SELECT_COLOR];
-    }
-
-    onHueMousedown(event: MouseEvent) {
-        if (this.disabled) {
-            return;
-        }
-
-        this.bindDocumentMousemoveListener();
-        this.bindDocumentMouseupListener();
-
-        this.hueDragging = true;
-        this.pickHue(event);
-    }
-
-    onHueDragStart(event: TouchEvent) {
-        if (this.disabled) {
-            return;
-        }
-
-        this.hueDragging = true;
-        this.pickHue(event, (event as TouchEvent).changedTouches[0]);
-    }
-
-    onColorDragStart(event: TouchEvent) {
-        if (this.disabled) {
-            return;
-        }
-
-        this.colorDragging = true;
-        this.pickColor(event, (event as TouchEvent).changedTouches[0]);
-    }
-
-    pickHue(event: MouseEvent | TouchEvent, position?: any) {
-        let pageY = position ? position.pageY : (event as MouseEvent).pageY;
-        let top: number = this.hueViewChild?.nativeElement.getBoundingClientRect().top + ((this.document as any).defaultView.pageYOffset || this.document.documentElement.scrollTop || this.document.body.scrollTop || 0);
-        this.value = this.validateHSB({
-            h: Math.floor((360 * (150 - Math.max(0, Math.min(150, pageY - top)))) / 150),
-            s: this.value.s,
-            b: this.value.b
-        });
-
-        this.updateColorSelector();
-        this.updateUI();
-        this.updateModel();
-        this.onChange.emit({ originalEvent: event, value: this.getValueToUpdate() });
-    }
-
-    onColorMousedown(event: MouseEvent) {
-        if (this.disabled) {
-            return;
-        }
-
-        this.bindDocumentMousemoveListener();
-        this.bindDocumentMouseupListener();
-
-        this.colorDragging = true;
-        this.pickColor(event);
-    }
-
-    onDrag(event: TouchEvent) {
-        if (this.colorDragging) {
-            this.pickColor(event, event.changedTouches[0]);
-            event.preventDefault();
-        }
-
-        if (this.hueDragging) {
-            this.pickHue(event, event.changedTouches[0]);
-            event.preventDefault();
-        }
-    }
-
-    onDragEnd() {
-        this.colorDragging = false;
-        this.hueDragging = false;
-
-        this.unbindDocumentMousemoveListener();
-        this.unbindDocumentMouseupListener();
-    }
-
-    pickColor(event: MouseEvent | TouchEvent, position?: any) {
-        let pageX = position ? position.pageX : (event as MouseEvent).pageX;
-        let pageY = position ? position.pageY : (event as MouseEvent).pageY;
-        let rect = this.colorSelectorViewChild?.nativeElement.getBoundingClientRect();
-        let top = rect.top + ((this.document as any).defaultView.pageYOffset || this.document.documentElement.scrollTop || this.document.body.scrollTop || 0);
-        let left = rect.left + this.document.body.scrollLeft;
-        let saturation = Math.floor((100 * Math.max(0, Math.min(150, pageX - left))) / 150);
-        let brightness = Math.floor((100 * (150 - Math.max(0, Math.min(150, pageY - top)))) / 150);
-        this.value = this.validateHSB({
-            h: this.value.h,
-            s: saturation,
-            b: brightness
-        });
-
-        this.updateUI();
-        this.updateModel();
-        this.onChange.emit({ originalEvent: event, value: this.getValueToUpdate() });
-    }
-
-    getValueToUpdate() {
-        let val: any;
-        switch (this.format) {
-            case 'hex':
-                val = '#' + this.HSBtoHEX(this.value);
-                break;
-
-            case 'rgb':
-                val = this.HSBtoRGB(this.value);
-                break;
-
-            case 'hsb':
-                val = this.value;
-                break;
-        }
-
-        return val;
-    }
-
-    updateModel(): void {
-        this.onModelChange(this.getValueToUpdate());
-        this.cd.markForCheck();
-    }
-
-    writeValue(value: any): void {
-        if (value) {
-            switch (this.format) {
-                case 'hex':
-                    this.value = this.HEXtoHSB(value);
-                    break;
-
-                case 'rgb':
-                    this.value = this.RGBtoHSB(value);
-                    break;
-
-                case 'hsb':
-                    this.value = value;
-                    break;
-            }
-        } else {
-            this.value = this.HEXtoHSB(this.defaultColor);
-        }
-
-        setTimeout(() => {
-            this.updateColorSelector();
-            this.updateUI();
-            this.cd.markForCheck();
-        });
-    }
-
-    updateColorSelector() {
-        if (this.colorSelectorViewChild) {
-            const hsb: any = {};
-            hsb.s = 100;
-            hsb.b = 100;
-            hsb.h = this.value.h;
-
-            this.colorSelectorViewChild.nativeElement.style.backgroundColor = '#' + this.HSBtoHEX(hsb);
-        }
-    }
-
-    updateUI() {
-        if (this.colorHandleViewChild && this.hueHandleViewChild?.nativeElement) {
-            this.colorHandleViewChild.nativeElement.style.left = Math.floor((150 * this.value.s) / 100) + 'px';
-            this.colorHandleViewChild.nativeElement.style.top = Math.floor((150 * (100 - this.value.b)) / 100) + 'px';
-            this.hueHandleViewChild.nativeElement.style.top = Math.floor(150 - (150 * this.value.h) / 360) + 'px';
-        }
-
-        this.inputBgColor = '#' + this.HSBtoHEX(this.value);
-    }
-
-    onInputFocus() {
-        this.onModelTouched();
-    }
-
-    show() {
-        this.overlayVisible = true;
-        this.cd.markForCheck();
-    }
-
-    onOverlayAnimationStart(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-                if (!this.inline) {
-                    this.overlay = event.element;
-                    this.appendOverlay();
-
-                    if (this.autoZIndex) {
-                        ZIndexUtils.set('overlay', this.overlay, this.config.zIndex.overlay);
-                    }
-
-                    this.alignOverlay();
-                    this.bindDocumentClickListener();
-                    this.bindDocumentResizeListener();
-                    this.bindScrollListener();
-
-                    this.updateColorSelector();
-                    this.updateUI();
-                }
-                break;
-
-            case 'void':
-                this.onOverlayHide();
-                break;
-        }
-    }
-
-    onOverlayAnimationEnd(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-                if (!this.inline) {
-                    this.onShow.emit({});
-                }
-                break;
-
-            case 'void':
-                if (this.autoZIndex) {
-                    ZIndexUtils.clear(event.element);
-                }
-
-                this.onHide.emit({});
-                break;
-        }
-    }
-
-    appendOverlay() {
-        if (this.appendTo) {
-            if (this.appendTo === 'body') this.renderer.appendChild(this.document.body, this.overlay);
-            else DomHandler.appendChild(this.overlay, this.appendTo);
-        }
-    }
-
-    restoreOverlayAppend() {
-        if (this.overlay && this.appendTo) {
-            this.renderer.appendChild(this.el.nativeElement, this.overlay);
-        }
-    }
-
-    alignOverlay() {
-        if (this.appendTo) DomHandler.absolutePosition(this.overlay, this.inputViewChild?.nativeElement);
-        else DomHandler.relativePosition(this.overlay, this.inputViewChild?.nativeElement);
-    }
-
-    hide() {
-        this.overlayVisible = false;
-        this.cd.markForCheck();
-    }
-
-    onInputClick() {
-        this.selfClick = true;
-        this.togglePanel();
-    }
-
-    togglePanel() {
-        if (!this.overlayVisible) this.show();
-        else this.hide();
-    }
-
-    onInputKeydown(event: KeyboardEvent) {
-        switch (event.code) {
-            case 'Space':
-                this.togglePanel();
-                event.preventDefault();
-                break;
-
-            case 'Escape':
-            case 'Tab':
-                this.hide();
-                break;
-
-            default:
-                //NoOp
-                break;
-        }
-    }
-
-    onOverlayClick(event: MouseEvent) {
-        this.overlayService.add({
-            originalEvent: event,
-            target: this.el.nativeElement
-        });
-
-        this.selfClick = true;
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    bindDocumentClickListener() {
-        if (!this.documentClickListener) {
-            const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : 'document';
-
-            this.documentClickListener = this.renderer.listen(documentTarget, 'click', () => {
-                if (!this.selfClick) {
-                    this.overlayVisible = false;
-                    this.unbindDocumentClickListener();
-                }
-
-                this.selfClick = false;
-                this.cd.markForCheck();
-            });
-        }
-    }
-
-    unbindDocumentClickListener() {
-        if (this.documentClickListener) {
-            this.documentClickListener();
-            this.documentClickListener = null;
-        }
-    }
-
-    bindDocumentMousemoveListener() {
-        if (!this.documentMousemoveListener) {
-            const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : 'document';
-
-            this.documentMousemoveListener = this.renderer.listen(documentTarget, 'mousemove', (event: MouseEvent) => {
-                if (this.colorDragging) {
-                    this.pickColor(event);
-                }
-
-                if (this.hueDragging) {
-                    this.pickHue(event);
-                }
-            });
-        }
-    }
-
-    unbindDocumentMousemoveListener() {
-        if (this.documentMousemoveListener) {
-            this.documentMousemoveListener();
-            this.documentMousemoveListener = null;
-        }
-    }
-
-    bindDocumentMouseupListener() {
-        if (!this.documentMouseupListener) {
-            const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : 'document';
-
-            this.documentMouseupListener = this.renderer.listen(documentTarget, 'mouseup', () => {
-                this.colorDragging = false;
-                this.hueDragging = false;
-                this.unbindDocumentMousemoveListener();
-                this.unbindDocumentMouseupListener();
-            });
-        }
-    }
-
-    unbindDocumentMouseupListener() {
-        if (this.documentMouseupListener) {
-            this.documentMouseupListener();
-            this.documentMouseupListener = null;
-        }
-    }
-
-    bindDocumentResizeListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.documentResizeListener = this.renderer.listen(this.window, 'resize', this.onWindowResize.bind(this));
-        }
-    }
-
-    unbindDocumentResizeListener() {
-        if (this.documentResizeListener) {
-            this.documentResizeListener();
-            this.documentResizeListener = null;
-        }
-    }
-
-    onWindowResize() {
-        if (this.overlayVisible && !DomHandler.isTouchDevice()) {
-            this.hide();
-        }
-    }
-
-    bindScrollListener() {
-        if (!this.scrollHandler) {
-            this.scrollHandler = new ConnectedOverlayScrollHandler(this.containerViewChild?.nativeElement, () => {
-                if (this.overlayVisible) {
-                    this.hide();
-                }
-            });
-        }
-
-        this.scrollHandler.bindScrollListener();
-    }
-
-    unbindScrollListener() {
-        if (this.scrollHandler) {
-            this.scrollHandler.unbindScrollListener();
-        }
-    }
-
-    validateHSB(hsb: { h: number; s: number; b: number }) {
-        return {
-            h: Math.min(360, Math.max(0, hsb.h)),
-            s: Math.min(100, Math.max(0, hsb.s)),
-            b: Math.min(100, Math.max(0, hsb.b))
-        };
-    }
-
-    validateRGB(rgb: { r: number; g: number; b: number }) {
-        return {
-            r: Math.min(255, Math.max(0, rgb.r)),
-            g: Math.min(255, Math.max(0, rgb.g)),
-            b: Math.min(255, Math.max(0, rgb.b))
-        };
-    }
-
-    validateHEX(hex: string) {
-        var len = 6 - hex.length;
-        if (len > 0) {
-            var o = [];
-            for (var i = 0; i < len; i++) {
-                o.push('0');
-            }
-            o.push(hex);
-            hex = o.join('');
-        }
-        return hex;
-    }
-
-    HEXtoRGB(hex: string) {
-        let hexValue = parseInt(hex.indexOf('#') > -1 ? hex.substring(1) : hex, 16);
-        return { r: hexValue >> 16, g: (hexValue & 0x00ff00) >> 8, b: hexValue & 0x0000ff };
-    }
-
-    HEXtoHSB(hex: string) {
-        return this.RGBtoHSB(this.HEXtoRGB(hex));
-    }
-
-    RGBtoHSB(rgb: { r: number; g: number; b: number }) {
-        var hsb = {
-            h: 0,
-            s: 0,
-            b: 0
-        };
-        var min = Math.min(rgb.r, rgb.g, rgb.b);
-        var max = Math.max(rgb.r, rgb.g, rgb.b);
-        var delta = max - min;
-        hsb.b = max;
-        hsb.s = max != 0 ? (255 * delta) / max : 0;
-        if (hsb.s != 0) {
-            if (rgb.r == max) {
-                hsb.h = (rgb.g - rgb.b) / delta;
-            } else if (rgb.g == max) {
-                hsb.h = 2 + (rgb.b - rgb.r) / delta;
-            } else {
-                hsb.h = 4 + (rgb.r - rgb.g) / delta;
-            }
-        } else {
-            hsb.h = -1;
-        }
-        hsb.h *= 60;
-        if (hsb.h < 0) {
-            hsb.h += 360;
-        }
-        hsb.s *= 100 / 255;
-        hsb.b *= 100 / 255;
-        return hsb;
-    }
-
-    HSBtoRGB(hsb: { h: number; s: number; b: number }) {
-        var rgb = {
-            r: 0,
-            g: 0,
-            b: 0
-        };
-        let h: number = hsb.h;
-        let s: number = (hsb.s * 255) / 100;
-        let v: number = (hsb.b * 255) / 100;
-        if (s == 0) {
-            rgb = {
-                r: v,
-                g: v,
-                b: v
-            };
-        } else {
-            let t1: number = v;
-            let t2: number = ((255 - s) * v) / 255;
-            let t3: number = ((t1 - t2) * (h % 60)) / 60;
-            if (h == 360) h = 0;
-            if (h < 60) {
-                rgb.r = t1;
-                rgb.b = t2;
-                rgb.g = t2 + t3;
-            } else if (h < 120) {
-                rgb.g = t1;
-                rgb.b = t2;
-                rgb.r = t1 - t3;
-            } else if (h < 180) {
-                rgb.g = t1;
-                rgb.r = t2;
-                rgb.b = t2 + t3;
-            } else if (h < 240) {
-                rgb.b = t1;
-                rgb.r = t2;
-                rgb.g = t1 - t3;
-            } else if (h < 300) {
-                rgb.b = t1;
-                rgb.g = t2;
-                rgb.r = t2 + t3;
-            } else if (h < 360) {
-                rgb.r = t1;
-                rgb.g = t2;
-                rgb.b = t1 - t3;
-            } else {
-                rgb.r = 0;
-                rgb.g = 0;
-                rgb.b = 0;
-            }
-        }
-        return { r: Math.round(rgb.r), g: Math.round(rgb.g), b: Math.round(rgb.b) };
-    }
-
-    RGBtoHEX(rgb: { r: number; g: number; b: number }) {
-        var hex = [rgb.r.toString(16), rgb.g.toString(16), rgb.b.toString(16)];
-
-        for (var key in hex) {
-            if (hex[key].length == 1) {
-                hex[key] = '0' + hex[key];
-            }
-        }
-
-        return hex.join('');
-    }
-
-    HSBtoHEX(hsb: { h: number; s: number; b: number }) {
-        return this.RGBtoHEX(this.HSBtoRGB(hsb));
-    }
-
-    onOverlayHide() {
-        this.unbindScrollListener();
-        this.unbindDocumentResizeListener();
-        this.unbindDocumentClickListener();
-        this.overlay = null;
-    }
-
-    ngOnDestroy() {
-        if (this.scrollHandler) {
-            this.scrollHandler.destroy();
-            this.scrollHandler = null;
-        }
-
-        if (this.overlay && this.autoZIndex) {
-            ZIndexUtils.clear(this.overlay);
-        }
-
-        this.restoreOverlayAppend();
-        this.onOverlayHide();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, AutoFocusModule],
-    exports: [ColorPicker],
-    declarations: [ColorPicker]
-})
-export class ColorPickerModule {}
diff --git a/src/app/components/colorpicker/images/color.png b/src/app/components/colorpicker/images/color.png
deleted file mode 100644
index 561cdd9..0000000
Binary files a/src/app/components/colorpicker/images/color.png and /dev/null differ
diff --git a/src/app/components/colorpicker/images/hue.png b/src/app/components/colorpicker/images/hue.png
deleted file mode 100644
index 8efa252..0000000
Binary files a/src/app/components/colorpicker/images/hue.png and /dev/null differ
diff --git a/src/app/components/colorpicker/ng-package.json b/src/app/components/colorpicker/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/colorpicker/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/colorpicker/public_api.ts b/src/app/components/colorpicker/public_api.ts
deleted file mode 100644
index dcc50f8..0000000
--- a/src/app/components/colorpicker/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './colorpicker';
-export * from './colorpicker.interface';
diff --git a/src/app/components/common/common.css b/src/app/components/common/common.css
deleted file mode 100644
index 6b23d72..0000000
--- a/src/app/components/common/common.css
+++ /dev/null
@@ -1,180 +0,0 @@
-.p-overflow-hidden {
-    overflow: hidden;
-    padding-right: var(--scrollbar-width);
-}
-
-@layer primeng {
-    .p-component,
-    .p-component * {
-        box-sizing: border-box;
-    }
-
-    .p-hidden {
-        display: none;
-    }
-
-    .p-hidden-space {
-        visibility: hidden;
-    }
-
-    .p-hidden-accessible {
-        border: 0;
-        clip: rect(0 0 0 0);
-        height: 1px;
-        margin: -1px;
-        overflow: hidden;
-        padding: 0;
-        position: absolute;
-        width: 1px;
-    }
-
-    .p-hidden-accessible input,
-    .p-hidden-accessible select {
-        transform: scale(0);
-    }
-
-    .p-reset {
-        margin: 0;
-        padding: 0;
-        border: 0;
-        outline: 0;
-        text-decoration: none;
-        font-size: 100%;
-        list-style: none;
-    }
-
-    .p-disabled,
-    .p-disabled * {
-        cursor: default !important;
-        pointer-events: none;
-    }
-
-    .p-component-overlay {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-    }
-
-    .p-unselectable-text {
-        user-select: none;
-    }
-
-    .p-scrollbar-measure {
-        width: 100px;
-        height: 100px;
-        overflow: scroll;
-        position: absolute;
-        top: -9999px;
-    }
-
-    @-webkit-keyframes p-fadein {
-        0% {
-            opacity: 0;
-        }
-        100% {
-            opacity: 1;
-        }
-    }
-    @keyframes p-fadein {
-        0% {
-            opacity: 0;
-        }
-        100% {
-            opacity: 1;
-        }
-    }
-
-    input[type='button'],
-    input[type='submit'],
-    input[type='reset'],
-    input[type='file']::-webkit-file-upload-button,
-    button {
-        border-radius: 0;
-    }
-
-    .p-link {
-        text-align: left;
-        background-color: transparent;
-        margin: 0;
-        padding: 0;
-        border: none;
-        cursor: pointer;
-        user-select: none;
-    }
-
-    .p-link:disabled {
-        cursor: default;
-    }
-
-    .p-sr-only {
-        border: 0;
-        clip: rect(1px, 1px, 1px, 1px);
-        clip-path: inset(50%);
-        height: 1px;
-        margin: -1px;
-        overflow: hidden;
-        padding: 0;
-        position: absolute;
-        width: 1px;
-        word-wrap: normal !important;
-    }
-
-    /* Non ng overlay animations */
-    .p-connected-overlay {
-        opacity: 0;
-        transform: scaleY(0.8);
-        transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-    }
-
-    .p-connected-overlay-visible {
-        opacity: 1;
-        transform: scaleY(1);
-    }
-
-    .p-connected-overlay-hidden {
-        opacity: 0;
-        transform: scaleY(1);
-        transition: opacity 0.1s linear;
-    }
-
-    .p-toggleable-content.ng-animating {
-        overflow: hidden;
-    }
-
-    .p-icon-wrapper {
-        display: inline-flex;
-    }
-
-    .p-icon {
-        display: inline-block;
-    }
-
-    .p-icon-spin {
-        -webkit-animation: p-icon-spin 2s infinite linear;
-        animation: p-icon-spin 2s infinite linear;
-    }
-}
-
-@-webkit-keyframes p-icon-spin {
-    0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-    100% {
-        -webkit-transform: rotate(359deg);
-        transform: rotate(359deg);
-    }
-}
-
-@keyframes p-icon-spin {
-    0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-    100% {
-        -webkit-transform: rotate(359deg);
-        transform: rotate(359deg);
-    }
-}
diff --git a/src/app/components/confirmdialog/confirmdialog.interface.ts b/src/app/components/confirmdialog/confirmdialog.interface.ts
deleted file mode 100644
index 200711f..0000000
--- a/src/app/components/confirmdialog/confirmdialog.interface.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { TemplateRef } from '@angular/core';
-/**
- * Defines valid templates in ConfirmDialog.
- * @group Templates
- */
-export interface ConfirmDialogTemplates {
-    /**
-     * Custom template of header.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom template of footer.
-     */
-    footer(): TemplateRef<any>;
-    /**
-     * Custom template of message.
-     */
-    message(context: { $implicit?: any }): TemplateRef<any>;
-    /**
-     * Custom template of icon.
-     */
-    icon(): TemplateRef<any>;
-    /**
-     * Custom template of rejecticon.
-     */
-    rejecticon(): TemplateRef<any>;
-    /**
-     * Custom template of accepticon.
-     */
-    accepticon(): TemplateRef<any>;
-    /**
-     * Headless template.
-     */
-    headless(context: { $implicit?: any }): TemplateRef<any>;
-}
diff --git a/src/app/components/confirmdialog/confirmdialog.spec.ts b/src/app/components/confirmdialog/confirmdialog.spec.ts
deleted file mode 100644
index e0f6d5a..0000000
--- a/src/app/components/confirmdialog/confirmdialog.spec.ts
+++ /dev/null
@@ -1,177 +0,0 @@
-import { Component, NO_ERRORS_SCHEMA } from '@angular/core';
-import { ComponentFixture, fakeAsync, flush, TestBed, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { ConfirmationService } from 'primeng/api';
-import { ConfirmDialog } from './confirmdialog';
-
-@Component({
-    template: `<p-confirmDialog></p-confirmDialog>
-
-        <button type="button" (click)="confirm1()" pButton icon="pi pi-check" label="Confirm"></button>`
-})
-class TestConfirmDialogComponent {
-    constructor(private confirmationService: ConfirmationService) {}
-
-    header: string;
-
-    confirm1() {
-        this.confirmationService.confirm({
-            message: 'Are you sure that you want to proceed?',
-            header: 'Confirmation',
-            icon: 'pi pi-exclamation-triangle',
-            accept: () => {
-                this.header = 'accept';
-            },
-            reject: () => {
-                this.header = 'reject';
-            }
-        });
-    }
-}
-
-describe('ConfirmDialog', () => {
-    let confirmDialog: ConfirmDialog;
-    let fixture: ComponentFixture<TestConfirmDialogComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            schemas: [NO_ERRORS_SCHEMA],
-            imports: [NoopAnimationsModule],
-            declarations: [ConfirmDialog, TestConfirmDialogComponent],
-            providers: [ConfirmationService]
-        });
-
-        fixture = TestBed.createComponent(TestConfirmDialogComponent);
-        confirmDialog = fixture.debugElement.query(By.css('p-confirmDialog')).componentInstance;
-    });
-
-    it('should display the header', () => {
-        confirmDialog.header = 'PrimengRocks!';
-        confirmDialog.visible = true;
-        fixture.detectChanges();
-
-        const confirmDialogEl = fixture.debugElement.query(By.css('.p-dialog-title')).nativeElement;
-        expect(confirmDialogEl).toBeTruthy();
-        expect(confirmDialogEl.textContent).toContain('PrimengRocks!');
-    });
-
-    it('should display the close icon when closable is true', () => {
-        confirmDialog.visible = true;
-        fixture.detectChanges();
-
-        const closeEl = fixture.debugElement.query(By.css('.p-dialog-header-close'));
-        expect(closeEl).not.toBeNull();
-    });
-
-    it('should not create the container element by default', () => {
-        fixture.detectChanges();
-
-        expect(fixture.debugElement.query(By.css('.p-dialog'))).toBeFalsy;
-        expect(confirmDialog.visible).toEqual(undefined);
-    });
-
-    it('should add rtl class when rtl is enabled', () => {
-        confirmDialog.visible = true;
-        confirmDialog.rtl = true;
-        fixture.detectChanges();
-
-        expect(fixture.debugElement.query(By.css('.p-dialog')).classes['p-dialog-rtl']).toEqual(true);
-    });
-
-    it('should not have a close icon', () => {
-        confirmDialog.visible = true;
-        confirmDialog.closable = false;
-        fixture.detectChanges();
-
-        expect(fixture.debugElement.query(By.css('a'))).toBeFalsy();
-    });
-
-    it('should change buttonStyles', () => {
-        confirmDialog.visible = true;
-        confirmDialog.rejectButtonStyleClass = 'Primeng ROCKS!';
-        confirmDialog.acceptButtonStyleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        expect(fixture.debugElement.query(By.css('.p-dialog-footer')).children[0].nativeElement.className).toContain('Primeng ROCKS!');
-        expect(fixture.debugElement.query(By.css('.p-dialog-footer')).children[1].nativeElement.className).toContain('Primeng ROCKS!');
-    });
-
-    it('should change icons', () => {
-        confirmDialog.visible = true;
-        confirmDialog.icon = 'Primeng ROCKS!';
-        confirmDialog.acceptIcon = 'Primeng ROCKS!';
-        confirmDialog.rejectIcon = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        expect(fixture.debugElement.query(By.css('.p-dialog-footer')).children[0].query(By.css('i')).nativeElement.className).toContain('Primeng ROCKS!');
-    });
-
-    it('should not show accept button', () => {
-        confirmDialog.visible = true;
-        confirmDialog.acceptVisible = false;
-        fixture.detectChanges();
-
-        expect(fixture.debugElement.query(By.css('.p-dialog-footer')).children[1]).toBeFalsy();
-    });
-
-    it('should not show reject button', () => {
-        confirmDialog.visible = true;
-        confirmDialog.rejectVisible = false;
-        fixture.detectChanges();
-
-        expect(fixture.debugElement.query(By.css('.p-dialog-footer')).children[1]).toBeFalsy();
-    });
-
-    it('should run reject', () => {
-        const confirmEl = fixture.debugElement.query(By.css('button')).nativeElement;
-        confirmEl.click();
-        fixture.detectChanges();
-
-        const acceptButtonEl = fixture.debugElement.query(By.css('.p-dialog-footer')).children[0].nativeElement;
-        acceptButtonEl.click();
-        expect(fixture.componentInstance.header).toEqual('reject');
-    });
-
-    it('should run accept', () => {
-        const confirmEl = fixture.debugElement.query(By.css('button')).nativeElement;
-        confirmEl.click();
-        fixture.detectChanges();
-
-        const rejectButtonEl = fixture.debugElement.query(By.css('.p-dialog-footer')).children[1].nativeElement;
-        rejectButtonEl.click();
-        expect(fixture.componentInstance.header).toEqual('accept');
-    });
-
-    it('should close when click close icon', fakeAsync(() => {
-        const buttonEl = fixture.debugElement.query(By.css('button')).nativeElement;
-        buttonEl.click();
-        fixture.detectChanges();
-
-        const closeEl = fixture.debugElement.query(By.css('.p-dialog-header-close')).nativeElement;
-        closeEl.click();
-        tick(300);
-        fixture.detectChanges();
-
-        const confirmDialogEl = fixture.debugElement.query(By.css('.iui-dialog'));
-        expect(confirmDialogEl).toBeFalsy();
-        flush();
-    }));
-
-    it('should close with esc', fakeAsync(() => {
-        const buttonEl = fixture.debugElement.query(By.css('button')).nativeElement;
-        buttonEl.click();
-        const closeSpy = spyOn(confirmDialog, 'close').and.callThrough();
-        fixture.detectChanges();
-
-        tick(300);
-        const escapeEvent: any = document.createEvent('CustomEvent');
-        escapeEvent.which = 27;
-        escapeEvent.initEvent('keydown', true, true);
-        document.dispatchEvent(escapeEvent as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(closeSpy).toHaveBeenCalled();
-        flush();
-    }));
-});
diff --git a/src/app/components/confirmdialog/confirmdialog.ts b/src/app/components/confirmdialog/confirmdialog.ts
deleted file mode 100644
index fac1115..0000000
--- a/src/app/components/confirmdialog/confirmdialog.ts
+++ /dev/null
@@ -1,776 +0,0 @@
-import { AnimationEvent, animate, animation, style, transition, trigger, useAnimation } from '@angular/animations';
-import { CommonModule, DOCUMENT } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChild,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    NgZone,
-    OnDestroy,
-    OnInit,
-    Output,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    ViewRef,
-    booleanAttribute,
-    numberAttribute
-} from '@angular/core';
-import { ConfirmEventType, Confirmation, ConfirmationService, Footer, PrimeNGConfig, PrimeTemplate, SharedModule, TranslationKeys } from 'primeng/api';
-import { ButtonModule } from 'primeng/button';
-import { DomHandler } from 'primeng/dom';
-import { CheckIcon } from 'primeng/icons/check';
-import { TimesIcon } from 'primeng/icons/times';
-import { RippleModule } from 'primeng/ripple';
-import { Nullable } from 'primeng/ts-helpers';
-import { UniqueComponentId, ZIndexUtils } from 'primeng/utils';
-import { Subscription } from 'rxjs';
-
-const showAnimation = animation([style({ transform: '{{transform}}', opacity: 0 }), animate('{{transition}}', style({ transform: 'none', opacity: 1 }))]);
-
-const hideAnimation = animation([animate('{{transition}}', style({ transform: '{{transform}}', opacity: 0 }))]);
-/**
- * ConfirmDialog uses a Dialog UI that is integrated with the Confirmation API.
- * @group Components
- */
-@Component({
-    selector: 'p-confirmDialog',
-    template: `
-        <div [class]="maskStyleClass" [ngClass]="getMaskClass()" *ngIf="maskVisible">
-            <div
-                [ngClass]="{ 'p-dialog p-confirm-dialog p-component': true, 'p-dialog-rtl': rtl }"
-                [ngStyle]="style"
-                [class]="styleClass"
-                [@animation]="{ value: 'visible', params: { transform: transformOptions, transition: transitionOptions } }"
-                (@animation.start)="onAnimationStart($event)"
-                (@animation.done)="onAnimationEnd($event)"
-                role="alertdialog"
-                *ngIf="visible"
-                [attr.aria-labelledby]="ariaLabelledBy"
-                [attr.aria-modal]="true"
-            >
-                <ng-container *ngIf="headlessTemplate; else notHeadless">
-                    <ng-container *ngTemplateOutlet="headlessTemplate; context: { $implicit: confirmation }"></ng-container>
-                </ng-container>
-                <ng-template #notHeadless>
-                    <div class="p-dialog-header" *ngIf="headerTemplate">
-                        <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-                    </div>
-                    <div class="p-dialog-header" *ngIf="!headerTemplate">
-                        <span class="p-dialog-title" [id]="ariaLabelledBy" *ngIf="option('header')">{{ option('header') }}</span>
-                        <div class="p-dialog-header-icons">
-                            <button *ngIf="closable" type="button" role="button" [attr.aria-label]="closeAriaLabel" [ngClass]="{ 'p-dialog-header-icon p-dialog-header-close p-link': true }" (click)="close($event)" (keydown.enter)="close($event)">
-                                <TimesIcon />
-                            </button>
-                        </div>
-                    </div>
-                    <div #content class="p-dialog-content">
-                        <i [ngClass]="'p-confirm-dialog-icon'" [class]="option('icon')" *ngIf="!iconTemplate && option('icon')"></i>
-                        <ng-container *ngIf="iconTemplate">
-                            <ng-template *ngTemplateOutlet="iconTemplate"></ng-template>
-                        </ng-container>
-                        <span class="p-confirm-dialog-message" *ngIf="!messageTemplate" [innerHTML]="option('message')"></span>
-                        <ng-container *ngIf="messageTemplate">
-                            <ng-template *ngTemplateOutlet="messageTemplate; context: { $implicit: confirmation }"></ng-template>
-                        </ng-container>
-                    </div>
-                    <div class="p-dialog-footer" *ngIf="footer || footerTemplate">
-                        <ng-content select="p-footer"></ng-content>
-                        <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
-                    </div>
-                    <div class="p-dialog-footer" *ngIf="!footer && !footerTemplate">
-                        <button
-                            type="button"
-                            pRipple
-                            pButton
-                            [label]="rejectButtonLabel"
-                            (click)="reject()"
-                            [ngClass]="'p-confirm-dialog-reject'"
-                            [class]="option('rejectButtonStyleClass')"
-                            *ngIf="option('rejectVisible')"
-                            [attr.aria-label]="rejectAriaLabel"
-                        >
-                            <ng-container *ngIf="!rejectIconTemplate">
-                                <i *ngIf="option('rejectIcon')" [class]="option('rejectIcon')"></i>
-                                <TimesIcon *ngIf="!option('rejectIcon')" [styleClass]="'p-button-icon-left'" />
-                            </ng-container>
-                            <span *ngIf="rejectIconTemplate" class="p-button-icon-left">
-                                <ng-template *ngTemplateOutlet="rejectIconTemplate"></ng-template>
-                            </span>
-                        </button>
-                        <button
-                            type="button"
-                            pRipple
-                            pButton
-                            [label]="acceptButtonLabel"
-                            (click)="accept()"
-                            [ngClass]="'p-confirm-dialog-accept'"
-                            [class]="option('acceptButtonStyleClass')"
-                            *ngIf="option('acceptVisible')"
-                            [attr.aria-label]="acceptAriaLabel"
-                        >
-                            <ng-container *ngIf="!acceptIconTemplate">
-                                <i *ngIf="option('acceptIcon')" [class]="option('acceptIcon')"></i>
-                                <CheckIcon *ngIf="!option('acceptIcon')" [styleClass]="'p-button-icon-left'" />
-                            </ng-container>
-                            <span *ngIf="acceptIconTemplate" class="p-button-icon-left">
-                                <ng-template *ngTemplateOutlet="acceptIconTemplate"></ng-template>
-                            </span>
-                        </button>
-                    </div>
-                </ng-template>
-            </div>
-        </div>
-    `,
-    animations: [trigger('animation', [transition('void => visible', [useAnimation(showAnimation)]), transition('visible => void', [useAnimation(hideAnimation)])])],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['../dialog/dialog.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class ConfirmDialog implements AfterContentInit, OnInit, OnDestroy {
-    /**
-     * Title text of the dialog.
-     * @group Props
-     */
-    @Input() header: string | undefined;
-    /**
-     * Icon to display next to message.
-     * @group Props
-     */
-    @Input() icon: string | undefined;
-    /**
-     * Message of the confirmation.
-     * @group Props
-     */
-    @Input() message: string | undefined;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() get style(): { [klass: string]: any } | null | undefined {
-        return this._style;
-    }
-    set style(value: { [klass: string]: any } | null | undefined) {
-        this._style = value;
-        this.cd.markForCheck();
-    }
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Specify the CSS class(es) for styling the mask element
-     * @group Props
-     */
-    @Input() maskStyleClass: string | undefined;
-    /**
-     * Icon of the accept button.
-     * @group Props
-     */
-    @Input() acceptIcon: string | undefined;
-    /**
-     * Label of the accept button.
-     * @group Props
-     */
-    @Input() acceptLabel: string | undefined;
-    /**
-     * Defines a string that labels the close button for accessibility.
-     * @group Props
-     */
-    @Input() closeAriaLabel: string | undefined;
-    /**
-     * Defines a string that labels the accept button for accessibility.
-     * @group Props
-     */
-    @Input() acceptAriaLabel: string | undefined;
-    /**
-     * Visibility of the accept button.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) acceptVisible: boolean = true;
-    /**
-     * Icon of the reject button.
-     * @group Props
-     */
-    @Input() rejectIcon: string | undefined;
-    /**
-     * Label of the reject button.
-     * @group Props
-     */
-    @Input() rejectLabel: string | undefined;
-    /**
-     * Defines a string that labels the reject button for accessibility.
-     * @group Props
-     */
-    @Input() rejectAriaLabel: string | undefined;
-    /**
-     * Visibility of the reject button.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) rejectVisible: boolean = true;
-    /**
-     * Style class of the accept button.
-     * @group Props
-     */
-    @Input() acceptButtonStyleClass: string | undefined;
-    /**
-     * Style class of the reject button.
-     * @group Props
-     */
-    @Input() rejectButtonStyleClass: string | undefined;
-    /**
-     * Specifies if pressing escape key should hide the dialog.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) closeOnEscape: boolean = true;
-    /**
-     * Specifies if clicking the modal background should hide the dialog.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) dismissableMask: boolean | undefined;
-    /**
-     * Determines whether scrolling behavior should be blocked within the component.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) blockScroll: boolean = true;
-    /**
-     * When enabled dialog is displayed in RTL direction.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) rtl: boolean = false;
-    /**
-     * Adds a close icon to the header to hide the dialog.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) closable: boolean = true;
-    /**
-     *  Target element to attach the dialog, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Optional key to match the key of confirm object, necessary to use when component tree has multiple confirm dialogs.
-     * @group Props
-     */
-    @Input() key: string | undefined;
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-    /**
-     * Transition options of the animation.
-     * @group Props
-     */
-    @Input() transitionOptions: string = '150ms cubic-bezier(0, 0, 0.2, 1)';
-    /**
-     * When enabled, can only focus on elements inside the confirm dialog.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) focusTrap: boolean = true;
-    /**
-     * Element to receive the focus when the dialog gets visible.
-     * @group Props
-     */
-    @Input() defaultFocus: 'accept' | 'reject' | 'close' | 'none' = 'accept';
-    /**
-     * Object literal to define widths per screen size.
-     * @group Props
-     */
-    @Input() breakpoints: any;
-    /**
-     * Current visible state as a boolean.
-     * @group Props
-     */
-    @Input() get visible(): any {
-        return this._visible;
-    }
-    set visible(value: any) {
-        this._visible = value;
-
-        if (this._visible && !this.maskVisible) {
-            this.maskVisible = true;
-        }
-
-        this.cd.markForCheck();
-    }
-    /**
-     *  Allows getting the position of the component.
-     * @group Props
-     */
-    @Input() get position(): string {
-        return this._position;
-    }
-    set position(value: string) {
-        this._position = value;
-
-        switch (value) {
-            case 'top-left':
-            case 'bottom-left':
-            case 'left':
-                this.transformOptions = 'translate3d(-100%, 0px, 0px)';
-                break;
-            case 'top-right':
-            case 'bottom-right':
-            case 'right':
-                this.transformOptions = 'translate3d(100%, 0px, 0px)';
-                break;
-            case 'bottom':
-                this.transformOptions = 'translate3d(0px, 100%, 0px)';
-                break;
-            case 'top':
-                this.transformOptions = 'translate3d(0px, -100%, 0px)';
-                break;
-            default:
-                this.transformOptions = 'scale(0.7)';
-                break;
-        }
-    }
-
-    /**
-     * Callback to invoke when dialog is hidden.
-     * @param {ConfirmEventType} enum - Custom confirm event.
-     * @group Emits
-     */
-    @Output() onHide: EventEmitter<ConfirmEventType> = new EventEmitter<ConfirmEventType>();
-
-    @ContentChild(Footer) footer: Nullable<TemplateRef<any>>;
-
-    @ViewChild('content') contentViewChild: Nullable<ElementRef>;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                case 'message':
-                    this.messageTemplate = item.template;
-                    break;
-
-                case 'icon':
-                    this.iconTemplate = item.template;
-                    break;
-
-                case 'rejecticon':
-                    this.rejectIconTemplate = item.template;
-                    break;
-
-                case 'accepticon':
-                    this.acceptIconTemplate = item.template;
-                    break;
-
-                case 'headless':
-                    this.headlessTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    footerTemplate: Nullable<TemplateRef<any>>;
-
-    rejectIconTemplate: Nullable<TemplateRef<any>>;
-
-    acceptIconTemplate: Nullable<TemplateRef<any>>;
-
-    messageTemplate: Nullable<TemplateRef<any>>;
-
-    iconTemplate: Nullable<TemplateRef<any>>;
-
-    headlessTemplate: Nullable<TemplateRef<any>>;
-
-    confirmation: Nullable<Confirmation>;
-
-    _visible: boolean | undefined;
-
-    _style: { [klass: string]: any } | null | undefined;
-
-    maskVisible: boolean | undefined;
-
-    documentEscapeListener: any;
-
-    container: Nullable<HTMLDivElement>;
-
-    wrapper: Nullable<HTMLElement>;
-
-    contentContainer: Nullable<HTMLDivElement>;
-
-    subscription: Subscription;
-
-    maskClickListener: Function | null | undefined;
-
-    preWidth: number | undefined;
-
-    _position: string = 'center';
-
-    transformOptions: any = 'scale(0.7)';
-
-    styleElement: any;
-
-    id = UniqueComponentId();
-
-    ariaLabelledBy: string = this.getAriaLabelledBy();
-
-    confirmationOptions: Nullable<Confirmation>;
-
-    translationSubscription: Subscription | undefined;
-
-    constructor(
-        public el: ElementRef,
-        public renderer: Renderer2,
-        private confirmationService: ConfirmationService,
-        public zone: NgZone,
-        private cd: ChangeDetectorRef,
-        public config: PrimeNGConfig,
-        @Inject(DOCUMENT) private document: Document
-    ) {
-        this.subscription = this.confirmationService.requireConfirmation$.subscribe((confirmation) => {
-            if (!confirmation) {
-                this.hide();
-                return;
-            }
-
-            if (confirmation.key === this.key) {
-                this.confirmation = confirmation;
-                this.confirmationOptions = {
-                    message: this.confirmation.message || this.message,
-                    icon: this.confirmation.icon || this.icon,
-                    header: this.confirmation.header || this.header,
-                    rejectVisible: this.confirmation.rejectVisible == null ? this.rejectVisible : this.confirmation.rejectVisible,
-                    acceptVisible: this.confirmation.acceptVisible == null ? this.acceptVisible : this.confirmation.acceptVisible,
-                    acceptLabel: this.confirmation.acceptLabel || this.acceptLabel,
-                    rejectLabel: this.confirmation.rejectLabel || this.rejectLabel,
-                    acceptIcon: this.confirmation.acceptIcon || this.acceptIcon,
-                    rejectIcon: this.confirmation.rejectIcon || this.rejectIcon,
-                    acceptButtonStyleClass: this.confirmation.acceptButtonStyleClass || this.acceptButtonStyleClass,
-                    rejectButtonStyleClass: this.confirmation.rejectButtonStyleClass || this.rejectButtonStyleClass,
-                    defaultFocus: this.confirmation.defaultFocus || this.defaultFocus,
-                    blockScroll: this.confirmation.blockScroll === false || this.confirmation.blockScroll === true ? this.confirmation.blockScroll : this.blockScroll,
-                    closeOnEscape: this.confirmation.closeOnEscape === false || this.confirmation.closeOnEscape === true ? this.confirmation.closeOnEscape : this.closeOnEscape,
-                    dismissableMask: this.confirmation.dismissableMask === false || this.confirmation.dismissableMask === true ? this.confirmation.dismissableMask : this.dismissableMask
-                };
-
-                if (this.confirmation.accept) {
-                    this.confirmation.acceptEvent = new EventEmitter();
-                    this.confirmation.acceptEvent.subscribe(this.confirmation.accept);
-                }
-
-                if (this.confirmation.reject) {
-                    this.confirmation.rejectEvent = new EventEmitter();
-                    this.confirmation.rejectEvent.subscribe(this.confirmation.reject);
-                }
-
-                this.visible = true;
-            }
-        });
-    }
-
-    ngOnInit() {
-        if (this.breakpoints) {
-            this.createStyle();
-        }
-
-        this.translationSubscription = this.config.translationObserver.subscribe(() => {
-            if (this.visible) {
-                this.cd.markForCheck();
-            }
-        });
-    }
-
-    getAriaLabelledBy() {
-        return this.header !== null ? UniqueComponentId() + '_header' : null;
-    }
-
-    option(name: string) {
-        const source: { [key: string]: any } = this.confirmationOptions || this;
-        if (source.hasOwnProperty(name)) {
-            return source[name];
-        }
-        return undefined;
-    }
-
-    onAnimationStart(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-                this.container = event.element;
-                this.wrapper = this.container?.parentElement;
-                this.contentContainer = DomHandler.findSingle(this.container, '.p-dialog-content');
-                this.container?.setAttribute(this.id, '');
-                this.appendContainer();
-                this.moveOnTop();
-                this.bindGlobalListeners();
-                this.enableModality();
-
-                const element = this.getElementToFocus();
-                if (element) {
-                    element.focus();
-                }
-                break;
-        }
-    }
-
-    onAnimationEnd(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'void':
-                this.onOverlayHide();
-                break;
-        }
-    }
-
-    getElementToFocus() {
-        switch (this.option('defaultFocus')) {
-            case 'accept':
-                return DomHandler.findSingle(this.container, '.p-confirm-dialog-accept');
-
-            case 'reject':
-                return DomHandler.findSingle(this.container, '.p-confirm-dialog-reject');
-
-            case 'close':
-                return DomHandler.findSingle(this.container, '.p-dialog-header-close');
-
-            case 'none':
-                return null;
-
-            //backward compatibility
-            default:
-                return DomHandler.findSingle(this.container, '.p-confirm-dialog-accept');
-        }
-    }
-
-    appendContainer() {
-        if (this.appendTo) {
-            if (this.appendTo === 'body') this.document.body.appendChild(this.wrapper as HTMLElement);
-            else DomHandler.appendChild(this.wrapper, this.appendTo);
-        }
-    }
-
-    restoreAppend() {
-        if (this.wrapper && this.appendTo) {
-            this.el.nativeElement.appendChild(this.wrapper);
-        }
-    }
-
-    enableModality() {
-        if (this.option('blockScroll')) {
-            DomHandler.addClass(this.document.body, 'p-overflow-hidden');
-        }
-
-        if (this.option('dismissableMask')) {
-            this.maskClickListener = this.renderer.listen(this.wrapper, 'mousedown', (event: any) => {
-                if (this.wrapper && this.wrapper.isSameNode(event.target)) {
-                    this.close(event);
-                }
-            });
-        }
-    }
-
-    disableModality() {
-        this.maskVisible = false;
-
-        if (this.option('blockScroll')) {
-            DomHandler.removeClass(this.document.body, 'p-overflow-hidden');
-        }
-
-        if (this.dismissableMask) {
-            this.unbindMaskClickListener();
-        }
-
-        if (this.container && !(this.cd as ViewRef)['destroyed']) {
-            this.cd.detectChanges();
-        }
-    }
-
-    createStyle() {
-        if (!this.styleElement) {
-            this.styleElement = this.document.createElement('style');
-            this.styleElement.type = 'text/css';
-            DomHandler.setAttribute(this.styleElement, 'nonce', this.config?.csp()?.nonce);
-            this.document.head.appendChild(this.styleElement);
-            let innerHTML = '';
-            for (let breakpoint in this.breakpoints) {
-                innerHTML += `
-                    @media screen and (max-width: ${breakpoint}) {
-                        .p-dialog[${this.id}] {
-                            width: ${this.breakpoints[breakpoint]} !important;
-                        }
-                    }
-                `;
-            }
-
-            this.styleElement.innerHTML = innerHTML;
-        }
-    }
-
-    close(event: Event) {
-        if (this.confirmation?.rejectEvent) {
-            this.confirmation.rejectEvent.emit(ConfirmEventType.CANCEL);
-        }
-
-        this.hide(ConfirmEventType.CANCEL);
-        event.preventDefault();
-    }
-
-    hide(type?: ConfirmEventType) {
-        this.onHide.emit(type);
-        this.visible = false;
-        this.confirmation = null;
-        this.confirmationOptions = null;
-    }
-
-    moveOnTop() {
-        if (this.autoZIndex) {
-            ZIndexUtils.set('modal', this.container, this.baseZIndex + this.config.zIndex.modal);
-            (<HTMLElement>this.wrapper).style.zIndex = String(parseInt((<HTMLDivElement>this.container).style.zIndex, 10) - 1);
-        }
-    }
-
-    getMaskClass() {
-        let maskClass: { [key: string]: boolean } = { 'p-dialog-mask p-component-overlay': true, 'p-dialog-mask-scrollblocker': this.blockScroll };
-        maskClass[this.getPositionClass().toString()] = true;
-        return maskClass;
-    }
-
-    getPositionClass() {
-        const positions = ['left', 'right', 'top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right'];
-        const pos = positions.find((item) => item === this.position);
-
-        return pos ? `p-dialog-${pos}` : '';
-    }
-
-    bindGlobalListeners() {
-        if ((this.option('closeOnEscape') && this.closable) || (this.focusTrap && !this.documentEscapeListener)) {
-            const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : 'document';
-
-            this.documentEscapeListener = this.renderer.listen(documentTarget, 'keydown', (event) => {
-                if (event.which == 27 && this.option('closeOnEscape') && this.closable) {
-                    if (parseInt((this.container as HTMLDivElement).style.zIndex) === ZIndexUtils.get(this.container) && this.visible) {
-                        this.close(event);
-                    }
-                }
-
-                if (event.which === 9 && this.focusTrap) {
-                    event.preventDefault();
-
-                    let focusableElements = DomHandler.getFocusableElements(this.container as HTMLDivElement);
-
-                    if (focusableElements && focusableElements.length > 0) {
-                        if (!focusableElements[0].ownerDocument.activeElement) {
-                            focusableElements[0].focus();
-                        } else {
-                            let focusedIndex = focusableElements.indexOf(focusableElements[0].ownerDocument.activeElement);
-
-                            if (event.shiftKey) {
-                                if (focusedIndex == -1 || focusedIndex === 0) focusableElements[focusableElements.length - 1].focus();
-                                else focusableElements[focusedIndex - 1].focus();
-                            } else {
-                                if (focusedIndex == -1 || focusedIndex === focusableElements.length - 1) focusableElements[0].focus();
-                                else focusableElements[focusedIndex + 1].focus();
-                            }
-                        }
-                    }
-                }
-            });
-        }
-    }
-
-    unbindGlobalListeners() {
-        if (this.documentEscapeListener) {
-            this.documentEscapeListener();
-            this.documentEscapeListener = null;
-        }
-    }
-
-    unbindMaskClickListener() {
-        if (this.maskClickListener) {
-            this.maskClickListener();
-            this.maskClickListener = null;
-        }
-    }
-
-    onOverlayHide() {
-        if (this.container && this.autoZIndex) {
-            ZIndexUtils.clear(this.container);
-        }
-
-        this.disableModality();
-        this.unbindGlobalListeners();
-        this.container = null;
-    }
-
-    destroyStyle() {
-        if (this.styleElement) {
-            this.document.head.removeChild(this.styleElement);
-            this.styleElement = null;
-        }
-    }
-
-    ngOnDestroy() {
-        this.restoreAppend();
-        this.onOverlayHide();
-        this.subscription.unsubscribe();
-
-        if (this.translationSubscription) {
-            this.translationSubscription.unsubscribe();
-        }
-
-        this.destroyStyle();
-    }
-
-    accept() {
-        if (this.confirmation && this.confirmation.acceptEvent) {
-            this.confirmation.acceptEvent.emit();
-        }
-
-        this.hide(ConfirmEventType.ACCEPT);
-    }
-
-    reject() {
-        if (this.confirmation && this.confirmation.rejectEvent) {
-            this.confirmation.rejectEvent.emit(ConfirmEventType.REJECT);
-        }
-
-        this.hide(ConfirmEventType.REJECT);
-    }
-
-    get acceptButtonLabel(): string {
-        return this.option('acceptLabel') || this.config.getTranslation(TranslationKeys.ACCEPT);
-    }
-
-    get rejectButtonLabel(): string {
-        return this.option('rejectLabel') || this.config.getTranslation(TranslationKeys.REJECT);
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, ButtonModule, RippleModule, TimesIcon, CheckIcon],
-    exports: [ConfirmDialog, ButtonModule, SharedModule],
-    declarations: [ConfirmDialog]
-})
-export class ConfirmDialogModule {}
diff --git a/src/app/components/confirmdialog/ng-package.json b/src/app/components/confirmdialog/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/confirmdialog/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/confirmdialog/public_api.ts b/src/app/components/confirmdialog/public_api.ts
deleted file mode 100644
index fc3f9cf..0000000
--- a/src/app/components/confirmdialog/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './confirmdialog';
-export * from './confirmdialog.interface';
diff --git a/src/app/components/confirmpopup/confirmpopup.css b/src/app/components/confirmpopup/confirmpopup.css
deleted file mode 100644
index 3099858..0000000
--- a/src/app/components/confirmpopup/confirmpopup.css
+++ /dev/null
@@ -1,53 +0,0 @@
-@layer primeng {
-    .p-confirm-popup {
-        position: absolute;
-        margin-top: 10px;
-        top: 0;
-        left: 0;
-    }
-
-    .p-confirm-popup-flipped {
-        margin-top: 0;
-        margin-bottom: 10px;
-    }
-
-    .p-confirm-popup:after,
-    .p-confirm-popup:before {
-        bottom: 100%;
-        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
-        content: ' ';
-        height: 0;
-        width: 0;
-        position: absolute;
-        pointer-events: none;
-    }
-
-    .p-confirm-popup:after {
-        border-width: 8px;
-        margin-left: -8px;
-    }
-
-    .p-confirm-popup:before {
-        border-width: 10px;
-        margin-left: -10px;
-    }
-
-    .p-confirm-popup-flipped:after,
-    .p-confirm-popup-flipped:before {
-        bottom: auto;
-        top: 100%;
-    }
-
-    .p-confirm-popup.p-confirm-popup-flipped:after {
-        border-bottom-color: transparent;
-    }
-
-    .p-confirm-popup.p-confirm-popup-flipped:before {
-        border-bottom-color: transparent;
-    }
-
-    .p-confirm-popup .p-confirm-popup-content {
-        display: flex;
-        align-items: center;
-    }
-}
diff --git a/src/app/components/confirmpopup/confirmpopup.interface.ts b/src/app/components/confirmpopup/confirmpopup.interface.ts
deleted file mode 100644
index 4b51e60..0000000
--- a/src/app/components/confirmpopup/confirmpopup.interface.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in ConfirmPopup.
- * @group Templates
- */
-export interface ConfirmPopupTemplates {
-    /**
-     * Custom content template.
-     */
-    content(context: { $implicit?: any }): TemplateRef<any>;
-    /**
-     * Custom template of rejecticon.
-     */
-    rejecticon(): TemplateRef<any>;
-    /**
-     * Custom template of accepticon.
-     */
-    accepticon(): TemplateRef<any>;
-    /**
-     * Headless template.
-     */
-    headless(context: { $implicit?: any }): TemplateRef<any>;
-}
diff --git a/src/app/components/confirmpopup/confirmpopup.ts b/src/app/components/confirmpopup/confirmpopup.ts
deleted file mode 100644
index 46fd337..0000000
--- a/src/app/components/confirmpopup/confirmpopup.ts
+++ /dev/null
@@ -1,478 +0,0 @@
-import { AnimationEvent, animate, state, style, transition, trigger } from '@angular/animations';
-import { CommonModule, DOCUMENT } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    HostListener,
-    Inject,
-    Input,
-    NgModule,
-    OnDestroy,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewEncapsulation,
-    booleanAttribute,
-    numberAttribute
-} from '@angular/core';
-import { Confirmation, ConfirmationService, OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule, TranslationKeys } from 'primeng/api';
-import { ButtonModule } from 'primeng/button';
-import { ConnectedOverlayScrollHandler, DomHandler } from 'primeng/dom';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { ZIndexUtils } from 'primeng/utils';
-import { Subscription } from 'rxjs';
-/**
- * ConfirmPopup displays a confirmation overlay displayed relatively to its target.
- * @group Components
- */
-@Component({
-    selector: 'p-confirmPopup',
-    template: `
-        <div
-            *ngIf="visible"
-            [ngClass]="'p-confirm-popup p-component'"
-            [ngStyle]="style"
-            [class]="styleClass"
-            role="alertdialog"
-            (click)="onOverlayClick($event)"
-            [@animation]="{ value: 'open', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }"
-            (@animation.start)="onAnimationStart($event)"
-            (@animation.done)="onAnimationEnd($event)"
-        >
-            <ng-container *ngIf="headlessTemplate; else notHeadless">
-                <ng-container *ngTemplateOutlet="headlessTemplate; context: { $implicit: confirmation }"></ng-container>
-            </ng-container>
-            <ng-template #notHeadless>
-                <div #content class="p-confirm-popup-content">
-                    <ng-container *ngIf="contentTemplate; else withoutContentTemplate">
-                        <ng-container *ngTemplateOutlet="contentTemplate; context: { $implicit: confirmation }"></ng-container>
-                    </ng-container>
-                    <ng-template #withoutContentTemplate>
-                        <i [ngClass]="'p-confirm-popup-icon'" [class]="confirmation?.icon" *ngIf="confirmation?.icon"></i>
-                        <span class="p-confirm-popup-message">{{ confirmation?.message }}</span>
-                    </ng-template>
-                </div>
-                <div class="p-confirm-popup-footer">
-                    <button
-                        type="button"
-                        pButton
-                        [label]="rejectButtonLabel"
-                        (click)="reject()"
-                        [ngClass]="'p-confirm-popup-reject p-button-sm'"
-                        [class]="confirmation?.rejectButtonStyleClass || 'p-button-text'"
-                        *ngIf="confirmation?.rejectVisible !== false"
-                        [attr.aria-label]="rejectButtonLabel"
-                    >
-                        <i [class]="confirmation?.rejectIcon" *ngIf="confirmation?.rejectIcon; else rejecticon"></i>
-                        <ng-template #rejecticon *ngTemplateOutlet="rejectIconTemplate"></ng-template>
-                    </button>
-                    <button
-                        type="button"
-                        pButton
-                        [label]="acceptButtonLabel"
-                        (click)="accept()"
-                        [ngClass]="'p-confirm-popup-accept p-button-sm'"
-                        [class]="confirmation?.acceptButtonStyleClass"
-                        *ngIf="confirmation?.acceptVisible !== false"
-                        [attr.aria-label]="acceptButtonLabel"
-                    >
-                        <i [class]="confirmation?.acceptIcon" *ngIf="confirmation?.acceptIcon; else accepticon"></i>
-                        <ng-template #accepticon *ngTemplateOutlet="acceptIconTemplate"></ng-template>
-                    </button>
-                </div>
-            </ng-template>
-        </div>
-    `,
-    animations: [
-        trigger('animation', [
-            state(
-                'void',
-                style({
-                    transform: 'scaleY(0.8)',
-                    opacity: 0
-                })
-            ),
-            state(
-                'open',
-                style({
-                    transform: 'translateY(0)',
-                    opacity: 1
-                })
-            ),
-            transition('void => open', animate('{{showTransitionParams}}')),
-            transition('open => void', animate('{{hideTransitionParams}}'))
-        ])
-    ],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./confirmpopup.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class ConfirmPopup implements AfterContentInit, OnDestroy {
-    /**
-     * Optional key to match the key of confirm object, necessary to use when component tree has multiple confirm dialogs.
-     * @group Props
-     */
-    @Input() key: string | undefined;
-    /**
-     * Element to receive the focus when the popup gets visible, valid values are "accept", "reject", and "none".
-     * @group Props
-     */
-    @Input() defaultFocus: string = 'accept';
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     */
-    @Input() showTransitionOptions: string = '.12s cubic-bezier(0, 0, 0.2, 1)';
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     */
-    @Input() hideTransitionOptions: string = '.1s linear';
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Defines if the component is visible.
-     * @group Props
-     */
-    @Input() get visible(): any {
-        return this._visible;
-    }
-    set visible(value: any) {
-        this._visible = value;
-        this.cd.markForCheck();
-    }
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    container: Nullable<HTMLDivElement>;
-
-    subscription: Subscription;
-
-    confirmation: Nullable<Confirmation>;
-
-    contentTemplate: Nullable<TemplateRef<any>>;
-
-    acceptIconTemplate: Nullable<TemplateRef<any>>;
-
-    rejectIconTemplate: Nullable<TemplateRef<any>>;
-
-    headlessTemplate: Nullable<TemplateRef<any>>;
-
-    _visible: boolean | undefined;
-
-    documentClickListener: VoidListener;
-
-    documentResizeListener: VoidListener;
-
-    scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
-
-    private window: Window;
-
-    constructor(
-        public el: ElementRef,
-        private confirmationService: ConfirmationService,
-        public renderer: Renderer2,
-        private cd: ChangeDetectorRef,
-        public config: PrimeNGConfig,
-        public overlayService: OverlayService,
-        @Inject(DOCUMENT) private document: Document
-    ) {
-        this.window = this.document.defaultView as Window;
-        this.subscription = this.confirmationService.requireConfirmation$.subscribe((confirmation) => {
-            if (!confirmation) {
-                this.hide();
-                return;
-            }
-
-            if (confirmation.key === this.key) {
-                this.confirmation = confirmation;
-                if (this.confirmation.accept) {
-                    this.confirmation.acceptEvent = new EventEmitter();
-                    this.confirmation.acceptEvent.subscribe(this.confirmation.accept);
-                }
-
-                if (this.confirmation.reject) {
-                    this.confirmation.rejectEvent = new EventEmitter();
-                    this.confirmation.rejectEvent.subscribe(this.confirmation.reject);
-                }
-
-                this.visible = true;
-            }
-        });
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-
-                case 'rejecticon':
-                    this.rejectIconTemplate = item.template;
-                    break;
-
-                case 'accepticon':
-                    this.acceptIconTemplate = item.template;
-                    break;
-
-                case 'headless':
-                    this.headlessTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    @HostListener('document:keydown.escape', ['$event'])
-    onEscapeKeydown(event: KeyboardEvent) {
-        if (this.confirmation && this.confirmation.closeOnEscape) {
-            this.reject();
-        }
-    }
-
-    onAnimationStart(event: AnimationEvent) {
-        if (event.toState === 'open') {
-            this.container = event.element;
-            this.renderer.appendChild(this.document.body, this.container);
-            this.align();
-            this.bindListeners();
-
-            const element = this.getElementToFocus();
-            if (element) {
-                element.focus();
-            }
-        }
-    }
-
-    onAnimationEnd(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'void':
-                this.onContainerDestroy();
-                break;
-        }
-    }
-
-    getElementToFocus() {
-        switch (this.defaultFocus) {
-            case 'accept':
-                return DomHandler.findSingle(this.container, '.p-confirm-popup-accept');
-
-            case 'reject':
-                return DomHandler.findSingle(this.container, '.p-confirm-popup-reject');
-
-            case 'none':
-                return null;
-        }
-    }
-
-    align() {
-        if (this.autoZIndex) {
-            ZIndexUtils.set('overlay', this.container, this.config.zIndex.overlay);
-        }
-
-        if (!this.confirmation) {
-            return;
-        }
-        DomHandler.absolutePosition(this.container, this.confirmation?.target, false);
-
-        const containerOffset = DomHandler.getOffset(this.container);
-        const targetOffset = DomHandler.getOffset(this.confirmation?.target);
-        let arrowLeft = 0;
-
-        if (containerOffset.left < targetOffset.left) {
-            arrowLeft = targetOffset.left - containerOffset.left;
-        }
-        (this.container as HTMLDivElement).style.setProperty('--overlayArrowLeft', `${arrowLeft}px`);
-
-        if (containerOffset.top < targetOffset.top) {
-            DomHandler.addClass(this.container, 'p-confirm-popup-flipped');
-        }
-    }
-
-    hide() {
-        this.visible = false;
-    }
-
-    accept() {
-        if (this.confirmation?.acceptEvent) {
-            this.confirmation.acceptEvent.emit();
-        }
-
-        this.hide();
-    }
-
-    reject() {
-        if (this.confirmation?.rejectEvent) {
-            this.confirmation.rejectEvent.emit();
-        }
-
-        this.hide();
-    }
-
-    onOverlayClick(event: MouseEvent) {
-        this.overlayService.add({
-            originalEvent: event,
-            target: this.el.nativeElement
-        });
-    }
-
-    bindListeners(): void {
-        /*
-         * Called inside `setTimeout` to avoid listening to the click event that appears when `confirm` is first called(bubbling).
-         * Need wait when bubbling event up and hang the handler on the next tick.
-         * This is the case when eventTarget and confirmation.target do not match when the `confirm` method is called.
-         */
-        setTimeout(() => {
-            this.bindDocumentClickListener();
-            this.bindDocumentResizeListener();
-            this.bindScrollListener();
-        });
-    }
-
-    unbindListeners() {
-        this.unbindDocumentClickListener();
-        this.unbindDocumentResizeListener();
-        this.unbindScrollListener();
-    }
-
-    bindDocumentClickListener() {
-        if (!this.documentClickListener) {
-            let documentEvent = DomHandler.isIOS() ? 'touchstart' : 'click';
-            const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : this.document;
-
-            this.documentClickListener = this.renderer.listen(documentTarget, documentEvent, (event) => {
-                if (this.confirmation && this.confirmation.dismissableMask !== false) {
-                    let targetElement = <HTMLElement>this.confirmation.target;
-                    if (this.container !== event.target && !this.container?.contains(event.target) && targetElement !== event.target && !targetElement.contains(event.target)) {
-                        this.hide();
-                    }
-                }
-            });
-        }
-    }
-
-    unbindDocumentClickListener() {
-        if (this.documentClickListener) {
-            this.documentClickListener();
-            this.documentClickListener = null;
-        }
-    }
-
-    onWindowResize() {
-        if (this.visible && !DomHandler.isTouchDevice()) {
-            this.hide();
-        }
-    }
-
-    bindDocumentResizeListener() {
-        if (!this.documentResizeListener) {
-            this.documentResizeListener = this.renderer.listen(this.window, 'resize', this.onWindowResize.bind(this));
-        }
-    }
-
-    unbindDocumentResizeListener() {
-        if (this.documentResizeListener) {
-            this.documentResizeListener();
-            this.documentResizeListener = null;
-        }
-    }
-
-    bindScrollListener() {
-        if (!this.scrollHandler) {
-            this.scrollHandler = new ConnectedOverlayScrollHandler(this.confirmation?.target, () => {
-                if (this.visible) {
-                    this.hide();
-                }
-            });
-        }
-
-        this.scrollHandler.bindScrollListener();
-    }
-
-    unbindScrollListener() {
-        if (this.scrollHandler) {
-            this.scrollHandler.unbindScrollListener();
-        }
-    }
-
-    unsubscribeConfirmationSubscriptions() {
-        if (this.confirmation) {
-            if (this.confirmation.acceptEvent) {
-                this.confirmation.acceptEvent.unsubscribe();
-            }
-
-            if (this.confirmation.rejectEvent) {
-                this.confirmation.rejectEvent.unsubscribe();
-            }
-        }
-    }
-
-    onContainerDestroy() {
-        this.unbindListeners();
-        this.unsubscribeConfirmationSubscriptions();
-
-        if (this.autoZIndex) {
-            ZIndexUtils.clear(this.container);
-        }
-
-        this.confirmation = null;
-        this.container = null;
-    }
-
-    restoreAppend() {
-        if (this.container) {
-            this.renderer.removeChild(this.document.body, this.container);
-        }
-
-        this.onContainerDestroy();
-    }
-
-    get acceptButtonLabel(): string {
-        return this.confirmation?.acceptLabel || this.config.getTranslation(TranslationKeys.ACCEPT);
-    }
-
-    get rejectButtonLabel(): string {
-        return this.confirmation?.rejectLabel || this.config.getTranslation(TranslationKeys.REJECT);
-    }
-
-    ngOnDestroy() {
-        this.restoreAppend();
-
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, ButtonModule, SharedModule],
-    exports: [ConfirmPopup, SharedModule],
-    declarations: [ConfirmPopup]
-})
-export class ConfirmPopupModule {}
diff --git a/src/app/components/confirmpopup/ng-package.json b/src/app/components/confirmpopup/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/confirmpopup/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/confirmpopup/public_api.ts b/src/app/components/confirmpopup/public_api.ts
deleted file mode 100644
index 78e9292..0000000
--- a/src/app/components/confirmpopup/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './confirmpopup';
-export * from './confirmpopup.interface';
diff --git a/src/app/components/contextmenu/contextmenu.css b/src/app/components/contextmenu/contextmenu.css
deleted file mode 100644
index 0c1b58c..0000000
--- a/src/app/components/contextmenu/contextmenu.css
+++ /dev/null
@@ -1,42 +0,0 @@
-@layer primeng {
-    .p-contextmenu {
-        position: absolute;
-    }
-
-    .p-contextmenu ul {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-    }
-
-    .p-contextmenu .p-submenu-list {
-        position: absolute;
-        min-width: 100%;
-        z-index: 1;
-    }
-
-    .p-contextmenu .p-menuitem-link {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        text-decoration: none;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-contextmenu .p-menuitem-text {
-        line-height: 1;
-    }
-
-    .p-contextmenu .p-menuitem {
-        position: relative;
-    }
-
-    .p-contextmenu .p-menuitem-link .p-submenu-icon:not(svg) {
-        margin-left: auto;
-    }
-
-    .p-contextmenu .p-menuitem-link .p-icon-wrapper {
-        margin-left: auto;
-    }
-}
diff --git a/src/app/components/contextmenu/contextmenu.interface.ts b/src/app/components/contextmenu/contextmenu.interface.ts
deleted file mode 100644
index 795faa9..0000000
--- a/src/app/components/contextmenu/contextmenu.interface.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { MenuItem } from '../api/menuitem';
-
-/**
- * Defines valid templates in ContextMenu.
- * @group Templates
- */
-export interface ContextMenuTemplates {
-    /**
-     * Custom item template.
-     */
-    item(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: MenuItem;
-    }): TemplateRef<{ $implicit: MenuItem }>;
-    /**
-     * Custom template of submenuicon.
-     */
-    submenuicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/contextmenu/contextmenu.spec.ts b/src/app/components/contextmenu/contextmenu.spec.ts
deleted file mode 100644
index 9a884c2..0000000
--- a/src/app/components/contextmenu/contextmenu.spec.ts
+++ /dev/null
@@ -1,252 +0,0 @@
-import { TestBed, ComponentFixture, fakeAsync, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { ContextMenu, ContextMenuModule } from './contextmenu';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Component } from '@angular/core';
-import { RouterTestingModule } from '@angular/router/testing';
-import { ContextMenuService } from 'primeng/api';
-
-@Component({
-    template: `
-        <p-contextMenu [global]="true" [model]="items1"></p-contextMenu>
-        <p-contextMenu [target]="p" [model]="items1" [appendTo]="p"></p-contextMenu>
-        <p #p>PrimeNG ROCKS!</p>
-    `
-})
-class TestContextMenuTest {
-    items1 = [
-        {
-            label: 'File',
-            icon: 'pi pi-fw pi-file',
-            items: [
-                {
-                    label: 'New',
-                    icon: 'pi pi-fw pi-plus',
-                    items: [{ label: 'Project' }, { label: 'Other' }]
-                },
-                { label: 'Open' },
-                { separator: true },
-                { label: 'Quit' }
-            ]
-        },
-        {
-            label: 'Edit',
-            icon: 'pi pi-fw pi-pencil',
-            items: [
-                { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-            ]
-        },
-        {
-            label: 'Help',
-            icon: 'pi pi-fw pi-question',
-            items: [
-                {
-                    label: 'Contents'
-                },
-                {
-                    label: 'Search',
-                    icon: 'pi pi-fw pi-search',
-                    items: [
-                        {
-                            label: 'Text',
-                            items: [
-                                {
-                                    label: 'Workspace'
-                                }
-                            ]
-                        },
-                        {
-                            label: 'File'
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            label: 'Actions',
-            icon: 'pi pi-fw pi-cog',
-            items: [
-                {
-                    label: 'Edit',
-                    icon: 'pi pi-fw pi-pencil',
-                    items: [
-                        { label: 'Save', icon: 'pi pi-fw pi-save' },
-                        { label: 'Update', icon: 'pi pi-fw pi-save' }
-                    ]
-                },
-                {
-                    label: 'Other',
-                    icon: 'pi pi-fw pi-tags',
-                    items: [{ label: 'Delete', icon: 'pi pi-fw pi-minus' }]
-                }
-            ]
-        },
-        { separator: true },
-        {
-            label: 'Quit',
-            icon: 'pi pi-fw pi-times'
-        }
-    ];
-}
-
-describe('ContextMenu', () => {
-    let contextmenu: ContextMenu;
-    let contextmenuP: ContextMenu;
-    let fixture: ComponentFixture<TestContextMenuTest>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, RouterTestingModule.withRoutes([{ path: 'test', component: ContextMenu }]), ContextMenuModule],
-            declarations: [TestContextMenuTest],
-            providers: [ContextMenuService]
-        });
-
-        fixture = TestBed.createComponent(TestContextMenuTest);
-        contextmenu = fixture.debugElement.children[0].componentInstance;
-        contextmenuP = fixture.debugElement.children[1].componentInstance;
-    });
-
-    it('should create container by default', () => {
-        fixture.detectChanges();
-
-        const containerEls = fixture.debugElement.queryAll(By.css('p-contextmenu'));
-        expect(containerEls.length).toEqual(2);
-    });
-
-    it('should open contextmenu (global)', () => {
-        fixture.detectChanges();
-
-        const showSpy = spyOn(contextmenu, 'show').and.callThrough();
-        const contextmenuEvent: any = document.createEvent('CustomEvent');
-        contextmenuEvent.pageX = 20;
-        contextmenuEvent.pageY = 20;
-        contextmenuEvent.initEvent('contextmenu', true, true);
-        document.dispatchEvent(contextmenuEvent);
-        fixture.detectChanges();
-
-        expect(showSpy).toHaveBeenCalled();
-    });
-
-    it('should close contextmenu when outside click (global)', fakeAsync(() => {
-        fixture.detectChanges();
-
-        const contextmenuEvent: any = document.createEvent('CustomEvent');
-        contextmenuEvent.pageX = 20;
-        contextmenuEvent.pageY = 20;
-        contextmenuEvent.initEvent('contextmenu', true, true);
-        document.dispatchEvent(contextmenuEvent);
-        fixture.detectChanges();
-
-        const closeSpy = spyOn(contextmenu, 'hide').and.callThrough();
-        fixture.whenStable().then(() => {
-            document.dispatchEvent(new Event('click'));
-        });
-        tick();
-
-        expect(closeSpy).toHaveBeenCalled();
-    }));
-
-    it('should close contextmenu when outside window resize (global)', fakeAsync(() => {
-        contextmenu.appendTo = 'body';
-        fixture.detectChanges();
-
-        const showSpy = spyOn(contextmenu, 'show').and.callThrough();
-        const contextmenuEvent: any = document.createEvent('CustomEvent');
-        contextmenuEvent.pageX = 20;
-        contextmenuEvent.pageY = 20;
-        contextmenuEvent.initEvent('contextmenu', true, true);
-        document.dispatchEvent(contextmenuEvent);
-        fixture.detectChanges();
-
-        expect(showSpy).toHaveBeenCalled();
-
-        const hideSpy = spyOn(contextmenu, 'hide').and.callThrough();
-        fixture.whenStable().then(() => {
-            window.dispatchEvent(new Event('resize'));
-        });
-        tick();
-
-        expect(hideSpy).toHaveBeenCalled();
-    }));
-
-    it('should open and close programmatically', fakeAsync(() => {
-        fixture.detectChanges();
-
-        const showSpy = spyOn(contextmenu, 'show').and.callThrough();
-
-        const contextmenuEvent: any = document.createEvent('CustomEvent');
-        contextmenuEvent.pageX = 20;
-        contextmenuEvent.pageY = 20;
-        contextmenu.toggle(contextmenuEvent);
-        fixture.detectChanges();
-
-        expect(showSpy).toHaveBeenCalled();
-        const hideSpy = spyOn(contextmenu, 'hide').and.callThrough();
-        contextmenu.toggle();
-        tick();
-        fixture.detectChanges();
-
-        expect(hideSpy).toHaveBeenCalled();
-    }));
-
-    it('should open contextmenu (target)', fakeAsync(() => {
-        fixture.detectChanges();
-
-        const showSpy = spyOn(contextmenuP, 'show').and.callThrough();
-        const target = fixture.debugElement.query(By.css('p'));
-        const contextmenuEvent: any = document.createEvent('CustomEvent');
-        contextmenuEvent.pageX = 20;
-        contextmenuEvent.pageY = 20;
-        contextmenuEvent.initEvent('contextmenu', true, true);
-        target.nativeElement.dispatchEvent(contextmenuEvent);
-        tick();
-        fixture.detectChanges();
-
-        expect(showSpy).toHaveBeenCalled();
-    }));
-
-    it('should close contextmenu when outside click (target)', fakeAsync(() => {
-        fixture.detectChanges();
-
-        const target = fixture.debugElement.query(By.css('p'));
-        const contextmenuEvent: any = document.createEvent('CustomEvent');
-        contextmenuEvent.pageX = 20;
-        contextmenuEvent.pageY = 20;
-        contextmenuEvent.initEvent('contextmenu', true, true);
-        target.nativeElement.dispatchEvent(contextmenuEvent);
-        tick();
-        fixture.detectChanges();
-
-        const closeSpy = spyOn(contextmenuP, 'hide').and.callThrough();
-        fixture.whenStable().then(() => {
-            document.dispatchEvent(new Event('click'));
-        });
-        tick();
-
-        expect(closeSpy).toHaveBeenCalled();
-    }));
-
-    it('should close contextmenu when outside window resize (target)', fakeAsync(() => {
-        contextmenu.appendTo = 'body';
-        fixture.detectChanges();
-
-        const showSpy = spyOn(contextmenuP, 'show').and.callThrough();
-        const target = fixture.debugElement.query(By.css('p'));
-        const contextmenuEvent: any = document.createEvent('CustomEvent');
-        contextmenuEvent.pageX = 20;
-        contextmenuEvent.pageY = 20;
-        contextmenuEvent.initEvent('contextmenu', true, true);
-        target.nativeElement.dispatchEvent(contextmenuEvent);
-        fixture.detectChanges();
-        expect(showSpy).toHaveBeenCalled();
-
-        const hideSpy = spyOn(contextmenuP, 'hide').and.callThrough();
-        fixture.whenStable().then(() => {
-            window.dispatchEvent(new Event('resize'));
-        });
-        tick();
-
-        expect(hideSpy).toHaveBeenCalled();
-    }));
-});
diff --git a/src/app/components/contextmenu/contextmenu.ts b/src/app/components/contextmenu/contextmenu.ts
deleted file mode 100644
index 08c42d9..0000000
--- a/src/app/components/contextmenu/contextmenu.ts
+++ /dev/null
@@ -1,1211 +0,0 @@
-import { AnimationEvent, animate, style, transition, trigger } from '@angular/animations';
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    OnDestroy,
-    OnInit,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewContainerRef,
-    ViewEncapsulation,
-    ViewRef,
-    booleanAttribute,
-    effect,
-    forwardRef,
-    numberAttribute,
-    signal
-} from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { MenuItem, OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { AngleRightIcon } from 'primeng/icons/angleright';
-import { RippleModule } from 'primeng/ripple';
-import { TooltipModule } from 'primeng/tooltip';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { ObjectUtils, UniqueComponentId, ZIndexUtils } from 'primeng/utils';
-
-@Component({
-    selector: 'p-contextMenuSub',
-    template: `
-        <ul
-            *ngIf="root ? true : visible"
-            #sublist
-            role="menu"
-            [ngClass]="{ 'p-submenu-list': !root, 'p-contextmenu-root-list': root }"
-            [@overlayAnimation]="visible"
-            (@overlayAnimation.start)="onEnter($event, sublist)"
-            [attr.id]="menuId + '_list'"
-            [tabindex]="tabindex"
-            [attr.aria-label]="ariaLabel"
-            [attr.aria-labelledBy]="ariaLabelledBy"
-            [attr.aria-activedescendant]="focusedItemId"
-            [attr.aria-orientation]="'vertical'"
-            [attr.data-pc-section]="'menu'"
-            (keydown)="menuKeydown.emit($event)"
-            (focus)="menuFocus.emit($event)"
-            (blur)="menuBlur.emit($event)"
-        >
-            <ng-template ngFor let-processedItem [ngForOf]="items" let-index="index">
-                <li
-                    *ngIf="isItemVisible(processedItem) && getItemProp(processedItem, 'separator')"
-                    [attr.id]="getItemId(processedItem)"
-                    [ngStyle]="getItemProp(processedItem, 'style')"
-                    [ngClass]="getSeparatorItemClass(processedItem)"
-                    role="separator"
-                    [attr.data-pc-section]="'separator'"
-                ></li>
-                <li
-                    #listItem
-                    *ngIf="isItemVisible(processedItem) && !getItemProp(processedItem, 'separator')"
-                    role="menuitem"
-                    [attr.id]="getItemId(processedItem)"
-                    [attr.data-pc-section]="'menuitem'"
-                    [attr.data-p-highlight]="isItemActive(processedItem)"
-                    [attr.data-p-focused]="isItemFocused(processedItem)"
-                    [attr.data-p-disabled]="isItemDisabled(processedItem)"
-                    [attr.aria-label]="getItemLabel(processedItem)"
-                    [attr.aria-disabled]="isItemDisabled(processedItem) || undefined"
-                    [attr.aria-haspopup]="isItemGroup(processedItem) && !getItemProp(processedItem, 'to') ? 'menu' : undefined"
-                    [attr.aria-expanded]="isItemGroup(processedItem) ? isItemActive(processedItem) : undefined"
-                    [attr.aria-level]="level + 1"
-                    [attr.aria-setsize]="getAriaSetSize()"
-                    [attr.aria-posinset]="getAriaPosInset(index)"
-                    [ngStyle]="getItemProp(processedItem, 'style')"
-                    [ngClass]="getItemClass(processedItem)"
-                    [class]="getItemProp(processedItem, 'styleClass')"
-                    pTooltip
-                    [tooltipOptions]="getItemProp(processedItem, 'tooltipOptions')"
-                >
-                    <div [attr.data-pc-section]="'content'" class="p-menuitem-content" (click)="onItemClick($event, processedItem)" (mouseenter)="onItemMouseEnter({ $event, processedItem })">
-                        <ng-container *ngIf="!itemTemplate">
-                            <a
-                                *ngIf="!getItemProp(processedItem, 'routerLink')"
-                                [attr.href]="getItemProp(processedItem, 'url')"
-                                [attr.data-automationid]="getItemProp(processedItem, 'automationId')"
-                                [attr.data-pc-section]="'action'"
-                                [target]="getItemProp(processedItem, 'target')"
-                                [ngClass]="{ 'p-menuitem-link': true }"
-                                [attr.tabindex]="-1"
-                                pRipple
-                            >
-                                <span
-                                    *ngIf="getItemProp(processedItem, 'icon')"
-                                    class="p-menuitem-icon"
-                                    [ngClass]="getItemProp(processedItem, 'icon')"
-                                    [ngStyle]="getItemProp(processedItem, 'iconStyle')"
-                                    [attr.data-pc-section]="'icon'"
-                                    [attr.tabindex]="-1"
-                                >
-                                </span>
-                                <span *ngIf="getItemProp(processedItem, 'escape'); else htmlLabel" class="p-menuitem-text" [attr.data-pc-section]="'label'">
-                                    {{ getItemLabel(processedItem) }}
-                                </span>
-                                <ng-template #htmlLabel>
-                                    <span class="p-menuitem-text" [innerHTML]="getItemLabel(processedItem)" [attr.data-pc-section]="'label'"></span>
-                                </ng-template>
-                                <span class="p-menuitem-badge" *ngIf="getItemProp(processedItem, 'badge')" [ngClass]="getItemProp(processedItem, 'badgeStyleClass')">{{ getItemProp(processedItem, 'badge') }}</span>
-
-                                <ng-container *ngIf="isItemGroup(processedItem)">
-                                    <AngleRightIcon *ngIf="!contextMenu.submenuIconTemplate" [styleClass]="'p-submenu-icon'" [attr.data-pc-section]="'submenuicon'" />
-                                    <ng-template *ngTemplateOutlet="contextMenu.submenuIconTemplate" [attr.data-pc-section]="'submenuicon'"></ng-template>
-                                </ng-container>
-                            </a>
-                            <a
-                                *ngIf="getItemProp(processedItem, 'routerLink')"
-                                [routerLink]="getItemProp(processedItem, 'routerLink')"
-                                [attr.data-automationid]="getItemProp(processedItem, 'automationId')"
-                                [attr.tabindex]="-1"
-                                [attr.data-pc-section]="'action'"
-                                [queryParams]="getItemProp(processedItem, 'queryParams')"
-                                [routerLinkActive]="'p-menuitem-link-active'"
-                                [routerLinkActiveOptions]="getItemProp(processedItem, 'routerLinkActiveOptions') || { exact: false }"
-                                [target]="getItemProp(processedItem, 'target')"
-                                [ngClass]="{ 'p-menuitem-link': true, 'p-disabled': getItemProp(processedItem, 'disabled') }"
-                                [fragment]="getItemProp(processedItem, 'fragment')"
-                                [queryParamsHandling]="getItemProp(processedItem, 'queryParamsHandling')"
-                                [preserveFragment]="getItemProp(processedItem, 'preserveFragment')"
-                                [skipLocationChange]="getItemProp(processedItem, 'skipLocationChange')"
-                                [replaceUrl]="getItemProp(processedItem, 'replaceUrl')"
-                                [state]="getItemProp(processedItem, 'state')"
-                                pRipple
-                            >
-                                <span
-                                    *ngIf="getItemProp(processedItem, 'icon')"
-                                    class="p-menuitem-icon"
-                                    [ngClass]="getItemProp(processedItem, 'icon')"
-                                    [ngStyle]="getItemProp(processedItem, 'iconStyle')"
-                                    [attr.data-pc-section]="'icon'"
-                                    [attr.tabindex]="-1"
-                                >
-                                </span>
-                                <span *ngIf="getItemProp(processedItem, 'escape'); else htmlLabel" class="p-menuitem-text" [attr.data-pc-section]="'label'">
-                                    {{ getItemLabel(processedItem) }}
-                                </span>
-                                <ng-template #htmlLabel>
-                                    <span class="p-menuitem-text" [innerHTML]="getItemLabel(processedItem)" [attr.data-pc-section]="'label'"></span>
-                                </ng-template>
-                                <span class="p-menuitem-badge" *ngIf="getItemProp(processedItem, 'badge')" [ngClass]="getItemProp(processedItem, 'badgeStyleClass')">{{ getItemProp(processedItem, 'badge') }}</span>
-
-                                <ng-container *ngIf="isItemGroup(processedItem)">
-                                    <AngleRightIcon *ngIf="!contextMenu.submenuIconTemplate" [styleClass]="'p-submenu-icon'" [attr.data-pc-section]="'submenuicon'" />
-                                    <ng-template *ngTemplateOutlet="contextMenu.submenuIconTemplate" [attr.data-pc-section]="'submenuicon'"></ng-template>
-                                </ng-container>
-                            </a>
-                        </ng-container>
-                        <ng-container *ngIf="itemTemplate">
-                            <ng-template *ngTemplateOutlet="itemTemplate; context: { $implicit: processedItem.item }"></ng-template>
-                        </ng-container>
-                    </div>
-
-                    <p-contextMenuSub
-                        *ngIf="isItemVisible(processedItem) && isItemGroup(processedItem)"
-                        [items]="processedItem.items"
-                        [itemTemplate]="itemTemplate"
-                        [menuId]="menuId"
-                        [visible]="isItemActive(processedItem) && isItemGroup(processedItem)"
-                        [activeItemPath]="activeItemPath"
-                        [focusedItemId]="focusedItemId"
-                        [level]="level + 1"
-                        (itemClick)="itemClick.emit($event)"
-                        (itemMouseEnter)="onItemMouseEnter($event)"
-                    ></p-contextMenuSub>
-                </li>
-            </ng-template>
-        </ul>
-    `,
-    animations: [trigger('overlayAnimation', [transition(':enter', [style({ opacity: 0 })]), transition(':leave', [style({ opacity: 0 })])])],
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class ContextMenuSub {
-    @Input({ transform: booleanAttribute }) visible: boolean = false;
-
-    @Input() items: any[];
-
-    @Input() itemTemplate: HTMLElement | undefined;
-
-    @Input({ transform: booleanAttribute }) root: boolean | undefined = false;
-
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-
-    @Input({ transform: booleanAttribute }) popup: boolean | undefined;
-
-    @Input() menuId: string | undefined;
-
-    @Input() ariaLabel: string | undefined;
-
-    @Input() ariaLabelledBy: string | undefined;
-
-    @Input({ transform: numberAttribute }) level: number = 0;
-
-    @Input() focusedItemId: string | undefined;
-
-    @Input() activeItemPath: any[];
-
-    @Input({ transform: numberAttribute }) tabindex: number = 0;
-
-    @Output() itemClick: EventEmitter<any> = new EventEmitter();
-
-    @Output() itemMouseEnter: EventEmitter<any> = new EventEmitter();
-
-    @Output() menuFocus: EventEmitter<any> = new EventEmitter();
-
-    @Output() menuBlur: EventEmitter<any> = new EventEmitter();
-
-    @Output() menuKeydown: EventEmitter<any> = new EventEmitter();
-
-    @ViewChild('sublist') sublistViewChild: ElementRef;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        public el: ElementRef,
-        public renderer: Renderer2,
-        private cd: ChangeDetectorRef,
-        @Inject(forwardRef(() => ContextMenu)) public contextMenu: ContextMenu,
-        private ref: ViewContainerRef
-    ) {}
-
-    getItemProp(processedItem: any, name: string, params: any | null = null) {
-        return processedItem && processedItem.item ? ObjectUtils.getItemValue(processedItem.item[name], params) : undefined;
-    }
-
-    getItemId(processedItem: any): string {
-        return processedItem.item && processedItem.item?.id ? processedItem.item.id : `${this.menuId}_${processedItem.key}`;
-    }
-
-    getItemKey(processedItem: any): string {
-        return this.getItemId(processedItem);
-    }
-
-    getItemClass(processedItem: any) {
-        return {
-            ...this.getItemProp(processedItem, 'class'),
-            'p-menuitem': true,
-            'p-highlight': this.isItemActive(processedItem),
-            'p-menuitem-active': this.isItemActive(processedItem),
-            'p-focus': this.isItemFocused(processedItem),
-            'p-disabled': this.isItemDisabled(processedItem)
-        };
-    }
-
-    getItemLabel(processedItem: any): string {
-        return this.getItemProp(processedItem, 'label');
-    }
-
-    getSeparatorItemClass(processedItem: any) {
-        return {
-            ...this.getItemProp(processedItem, 'class'),
-            'p-menuitem-separator': true
-        };
-    }
-
-    getAriaSetSize() {
-        return this.items.filter((processedItem) => this.isItemVisible(processedItem) && !this.getItemProp(processedItem, 'separator')).length;
-    }
-
-    getAriaPosInset(index: number) {
-        return index - this.items.slice(0, index).filter((processedItem) => this.isItemVisible(processedItem) && this.getItemProp(processedItem, 'separator')).length + 1;
-    }
-
-    isItemVisible(processedItem: any): boolean {
-        return this.getItemProp(processedItem, 'visible') !== false;
-    }
-
-    isItemActive(processedItem: any): boolean {
-        if (this.activeItemPath) {
-            return this.activeItemPath.some((path) => path.key === processedItem.key);
-        }
-    }
-
-    isItemDisabled(processedItem: any): boolean {
-        return this.getItemProp(processedItem, 'disabled');
-    }
-
-    isItemFocused(processedItem: any): boolean {
-        return this.focusedItemId === this.getItemId(processedItem);
-    }
-
-    isItemGroup(processedItem: any): boolean {
-        return ObjectUtils.isNotEmpty(processedItem.items);
-    }
-
-    onItemMouseEnter(param: any) {
-        const { event, processedItem } = param;
-        this.itemMouseEnter.emit({ originalEvent: event, processedItem });
-    }
-
-    onItemClick(event: any, processedItem: any) {
-        this.getItemProp(processedItem, 'command', { originalEvent: event, item: processedItem.item });
-        this.itemClick.emit({ originalEvent: event, processedItem, isFocus: true });
-    }
-
-    onEnter(event, sublist) {
-        if (event.fromState === 'void' && event.toState) {
-            const sublist = event.element;
-            this.position(sublist);
-        }
-    }
-
-    position(sublist) {
-        const parentItem = sublist.parentElement.parentElement;
-        const containerOffset = DomHandler.getOffset(sublist.parentElement.parentElement);
-        const viewport = DomHandler.getViewport();
-        const sublistWidth = sublist.offsetParent ? sublist.offsetWidth : DomHandler.getHiddenElementOuterWidth(sublist);
-        const itemOuterWidth = DomHandler.getOuterWidth(parentItem.children[0]);
-
-        sublist.style.top = '0px';
-
-        if (parseInt(containerOffset.left, 10) + itemOuterWidth + sublistWidth > viewport.width - DomHandler.calculateScrollbarWidth()) {
-            sublist.style.left = -1 * sublistWidth + 'px';
-        } else {
-            sublist.style.left = itemOuterWidth + 'px';
-        }
-    }
-}
-/**
- * ContextMenu displays an overlay menu on right click of its target. Note that components like Table has special integration with ContextMenu.
- * @group Components
- */
-@Component({
-    selector: 'p-contextMenu',
-    template: `
-        <div
-            #container
-            [attr.data-pc-section]="'root'"
-            [attr.data-pc-name]="'contextmenu'"
-            [attr.id]="id"
-            [ngClass]="{ 'p-contextmenu p-component': true, 'p-contextmenu-overlay': true }"
-            [class]="styleClass"
-            [ngStyle]="style"
-            [@overlayAnimation]="{ value: 'visible' }"
-            (@overlayAnimation.start)="onOverlayAnimationStart($event)"
-            (@overlayAnimation.done)="onOverlayAnimationEnd($event)"
-            *ngIf="visible()"
-        >
-            <p-contextMenuSub
-                #rootmenu
-                [root]="true"
-                [items]="processedItems"
-                [itemTemplate]="itemTemplate"
-                [menuId]="id"
-                [tabindex]="!disabled ? tabindex : -1"
-                [ariaLabel]="ariaLabel"
-                [ariaLabelledBy]="ariaLabelledBy"
-                [baseZIndex]="baseZIndex"
-                [autoZIndex]="autoZIndex"
-                [visible]="submenuVisible()"
-                [focusedItemId]="focused ? focusedItemId : undefined"
-                [activeItemPath]="activeItemPath()"
-                (itemClick)="onItemClick($event)"
-                (menuFocus)="onMenuFocus($event)"
-                (menuBlur)="onMenuBlur($event)"
-                (menuKeydown)="onKeyDown($event)"
-                (itemMouseEnter)="onItemMouseEnter($event)"
-            ></p-contextMenuSub>
-        </div>
-    `,
-    animations: [trigger('overlayAnimation', [transition(':enter', [style({ opacity: 0 }), animate('250ms')]), transition(':leave', [animate('.1s linear', style({ opacity: 0 }))])])],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./contextmenu.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class ContextMenu implements OnInit, AfterContentInit, OnDestroy {
-    /**
-     * An array of menuitems.
-     * @group Props
-     */
-    @Input() set model(value: MenuItem[] | undefined) {
-        this._model = value;
-        this._processedItems = this.createProcessedItems(this._model || []);
-    }
-    get model(): MenuItem[] | undefined {
-        return this._model;
-    }
-    /**
-     * Event for which the menu must be displayed.
-     * @group Props
-     */
-    @Input() triggerEvent: string = 'contextmenu';
-    /**
-     * Local template variable name of the element to attach the context menu.
-     * @group Props
-     */
-    @Input() target: HTMLElement | string | undefined;
-    /**
-     * Attaches the menu to document instead of a particular item.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) global: boolean;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element.
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-    /**
-     * Current id state as a string.
-     * @group Props
-     */
-    @Input() id: string | undefined;
-    /**
-     * Defines a string value that labels an interactive element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Identifier of the underlying input element.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Press delay in touch devices as miliseconds.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) pressDelay: number | undefined = 500;
-    /**
-     * Callback to invoke when overlay menu is shown.
-     * @group Emits
-     */
-    @Output() onShow: EventEmitter<null> = new EventEmitter<null>();
-    /**
-     * Callback to invoke when overlay menu is hidden.
-     * @group Emits
-     */
-    @Output() onHide: EventEmitter<null> = new EventEmitter<null>();
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    @ViewChild('rootmenu') rootmenu: ContextMenuSub | undefined;
-
-    @ViewChild('container') containerViewChild: ElementRef<any> | undefined;
-
-    submenuIconTemplate: Nullable<TemplateRef<any>>;
-
-    itemTemplate: Nullable<TemplateRef<any>>;
-
-    container: HTMLDivElement | undefined;
-
-    outsideClickListener: VoidListener;
-
-    resizeListener: VoidListener;
-
-    triggerEventListener: VoidListener;
-
-    documentClickListener: VoidListener;
-
-    documentTriggerListener: VoidListener;
-
-    touchEndListener: VoidListener;
-
-    pageX: number;
-
-    pageY: number;
-
-    visible = signal(false);
-
-    relativeAlign: boolean | undefined;
-
-    private window: Window;
-
-    focused: boolean = false;
-
-    activeItemPath = signal<any>([]);
-
-    focusedItemInfo = signal<any>({ index: -1, level: 0, parentKey: '', item: null });
-
-    submenuVisible = signal<boolean>(false);
-
-    searchValue: string = '';
-
-    searchTimeout: any;
-
-    _processedItems: any[];
-
-    _model: MenuItem[] | undefined;
-
-    pressTimer: any;
-
-    get visibleItems() {
-        const processedItem = this.activeItemPath().find((p) => p.key === this.focusedItemInfo().parentKey);
-
-        return processedItem ? processedItem.items : this.processedItems;
-    }
-
-    get processedItems() {
-        if (!this._processedItems || !this._processedItems.length) {
-            this._processedItems = this.createProcessedItems(this.model || []);
-        }
-        return this._processedItems;
-    }
-
-    get focusedItemId() {
-        const focusedItem = this.focusedItemInfo();
-        return focusedItem.item && focusedItem.item?.id ? focusedItem.item.id : focusedItem.index !== -1 ? `${this.id}${ObjectUtils.isNotEmpty(focusedItem.parentKey) ? '_' + focusedItem.parentKey : ''}_${focusedItem.index}` : null;
-    }
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        public el: ElementRef,
-        public renderer: Renderer2,
-        public cd: ChangeDetectorRef,
-        public config: PrimeNGConfig,
-        public overlayService: OverlayService
-    ) {
-        this.window = this.document.defaultView as Window;
-        effect(() => {
-            const path = this.activeItemPath();
-
-            if (ObjectUtils.isNotEmpty(path)) {
-                this.bindGlobalListeners();
-            } else if (!this.visible()) {
-                this.unbindGlobalListeners();
-            }
-        });
-    }
-
-    ngOnInit() {
-        this.id = this.id || UniqueComponentId();
-        this.bindTriggerEventListener();
-    }
-
-    isMobile() {
-        return DomHandler.isIOS() || DomHandler.isAndroid();
-    }
-
-    bindTriggerEventListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.triggerEventListener) {
-                if (!this.isMobile()) {
-                    if (this.global) {
-                        this.triggerEventListener = this.renderer.listen(this.document, this.triggerEvent, (event) => {
-                            this.show(event);
-                        });
-                    } else if (this.target) {
-                        this.triggerEventListener = this.renderer.listen(this.target, this.triggerEvent, (event) => {
-                            this.show(event);
-                        });
-                    }
-                } else {
-                    if (this.global) {
-                        this.triggerEventListener = this.renderer.listen(this.document, 'touchstart', this.onTouchStart.bind(this));
-                        this.touchEndListener = this.renderer.listen(this.document, 'touchend', this.onTouchEnd.bind(this));
-                    } else if (this.target) {
-                        this.triggerEventListener = this.renderer.listen(this.target, 'touchstart', this.onTouchStart.bind(this));
-                        this.touchEndListener = this.renderer.listen(this.target, 'touchend', this.onTouchEnd.bind(this));
-                    }
-                }
-            }
-        }
-    }
-
-    bindGlobalListeners() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.documentClickListener) {
-                const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : 'document';
-
-                this.documentClickListener = this.renderer.listen(documentTarget, 'click', (event) => {
-                    if (this.containerViewChild.nativeElement.offsetParent && this.isOutsideClicked(event) && !event.ctrlKey && event.button !== 2 && this.triggerEvent !== 'click') {
-                        this.hide();
-                    }
-                });
-
-                this.documentTriggerListener = this.renderer.listen(documentTarget, this.triggerEvent, (event) => {
-                    if (this.containerViewChild.nativeElement.offsetParent && this.isOutsideClicked(event)) {
-                        this.hide();
-                    }
-                });
-            }
-            if (!this.resizeListener) {
-                this.resizeListener = this.renderer.listen(this.document.defaultView, 'resize', (event) => {
-                    this.hide();
-                });
-            }
-        }
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'submenuicon':
-                    this.submenuIconTemplate = item.template;
-                    break;
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    createProcessedItems(items: any, level: number = 0, parent: any = {}, parentKey: any = '') {
-        const processedItems = [];
-
-        items &&
-            items.forEach((item, index) => {
-                const key = (parentKey !== '' ? parentKey + '_' : '') + index;
-                const newItem = {
-                    item,
-                    index,
-                    level,
-                    key,
-                    parent,
-                    parentKey
-                };
-
-                newItem['items'] = this.createProcessedItems(item.items, level + 1, newItem, key);
-                processedItems.push(newItem);
-            });
-
-        return processedItems;
-    }
-
-    getItemProp(item: any, name: string) {
-        return item ? ObjectUtils.getItemValue(item[name]) : undefined;
-    }
-
-    getProccessedItemLabel(processedItem: any) {
-        return processedItem ? this.getItemLabel(processedItem.item) : undefined;
-    }
-
-    getItemLabel(item: any) {
-        return this.getItemProp(item, 'label');
-    }
-
-    isProcessedItemGroup(processedItem: any): boolean {
-        return processedItem && ObjectUtils.isNotEmpty(processedItem.items);
-    }
-
-    isSelected(processedItem: any): boolean {
-        return this.activeItemPath().some((p) => p.key === processedItem.key);
-    }
-
-    isValidSelectedItem(processedItem: any): boolean {
-        return this.isValidItem(processedItem) && this.isSelected(processedItem);
-    }
-
-    isValidItem(processedItem: any): boolean {
-        return !!processedItem && !this.isItemDisabled(processedItem.item) && !this.isItemSeparator(processedItem.item);
-    }
-
-    isItemDisabled(item: any): boolean {
-        return this.getItemProp(item, 'disabled');
-    }
-
-    isItemSeparator(item: any): boolean {
-        return this.getItemProp(item, 'separator');
-    }
-
-    isItemMatched(processedItem: any): boolean {
-        return this.isValidItem(processedItem) && this.getProccessedItemLabel(processedItem).toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase());
-    }
-
-    isProccessedItemGroup(processedItem: any): boolean {
-        return processedItem && ObjectUtils.isNotEmpty(processedItem.items);
-    }
-
-    onItemClick(event: any) {
-        const { processedItem } = event;
-        const grouped = this.isProcessedItemGroup(processedItem);
-        const selected = this.isSelected(processedItem);
-
-        if (selected) {
-            const { index, key, level, parentKey, item } = processedItem;
-
-            this.activeItemPath.set(this.activeItemPath().filter((p) => key !== p.key && key.startsWith(p.key)));
-            this.focusedItemInfo.set({ index, level, parentKey, item });
-
-            DomHandler.focus(this.rootmenu.sublistViewChild.nativeElement);
-        } else {
-            grouped ? this.onItemChange(event) : this.hide();
-        }
-    }
-
-    onItemMouseEnter(event: any) {
-        this.onItemChange(event);
-    }
-
-    onKeyDown(event: KeyboardEvent) {
-        const metaKey = event.metaKey || event.ctrlKey;
-
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUpKey(event);
-                break;
-
-            case 'ArrowLeft':
-                this.onArrowLeftKey(event);
-                break;
-
-            case 'ArrowRight':
-                this.onArrowRightKey(event);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event);
-                break;
-
-            case 'End':
-                this.onEndKey(event);
-                break;
-
-            case 'Space':
-                this.onSpaceKey(event);
-                break;
-
-            case 'Enter':
-                this.onEnterKey(event);
-                break;
-
-            case 'Escape':
-                this.onEscapeKey(event);
-                break;
-
-            case 'Tab':
-                this.onTabKey(event);
-                break;
-
-            case 'PageDown':
-            case 'PageUp':
-            case 'Backspace':
-            case 'ShiftLeft':
-            case 'ShiftRight':
-                //NOOP
-                break;
-
-            default:
-                if (!metaKey && ObjectUtils.isPrintableCharacter(event.key)) {
-                    this.searchItems(event, event.key);
-                }
-
-                break;
-        }
-    }
-
-    onArrowDownKey(event: KeyboardEvent) {
-        const itemIndex = this.focusedItemInfo().index !== -1 ? this.findNextItemIndex(this.focusedItemInfo().index) : this.findFirstFocusedItemIndex();
-
-        this.changeFocusedItemIndex(event, itemIndex);
-        event.preventDefault();
-    }
-
-    onArrowRightKey(event: KeyboardEvent) {
-        const processedItem = this.visibleItems[this.focusedItemInfo().index];
-        const grouped = this.isProccessedItemGroup(processedItem);
-
-        if (grouped) {
-            this.onItemChange({ originalEvent: event, processedItem });
-            this.focusedItemInfo.set({ index: -1, parentKey: processedItem.key, item: processedItem.item });
-            this.searchValue = '';
-            this.onArrowDownKey(event);
-        }
-
-        event.preventDefault();
-    }
-
-    onArrowUpKey(event: KeyboardEvent) {
-        if (event.altKey) {
-            if (this.focusedItemInfo().index !== -1) {
-                const processedItem = this.visibleItems[this.focusedItemInfo().index];
-                const grouped = this.isProccessedItemGroup(processedItem);
-
-                !grouped && this.onItemChange({ originalEvent: event, processedItem });
-            }
-
-            this.hide();
-            event.preventDefault();
-        } else {
-            const itemIndex = this.focusedItemInfo().index !== -1 ? this.findPrevItemIndex(this.focusedItemInfo().index) : this.findLastFocusedItemIndex();
-
-            this.changeFocusedItemIndex(event, itemIndex);
-            event.preventDefault();
-        }
-    }
-
-    onArrowLeftKey(event: KeyboardEvent) {
-        const processedItem = this.visibleItems[this.focusedItemInfo().index];
-        const parentItem = this.activeItemPath().find((p) => p.key === processedItem.parentKey);
-        const root = ObjectUtils.isEmpty(processedItem.parent);
-
-        if (!root) {
-            this.focusedItemInfo.set({ index: -1, parentKey: parentItem ? parentItem.parentKey : '', item: processedItem.item });
-            this.searchValue = '';
-            this.onArrowDownKey(event);
-        }
-
-        const activeItemPath = this.activeItemPath().filter((p) => p.parentKey !== this.focusedItemInfo().parentKey);
-        this.activeItemPath.set(activeItemPath);
-
-        event.preventDefault();
-    }
-
-    onHomeKey(event: KeyboardEvent) {
-        this.changeFocusedItemIndex(event, this.findFirstItemIndex());
-        event.preventDefault();
-    }
-
-    onEndKey(event: KeyboardEvent) {
-        this.changeFocusedItemIndex(event, this.findLastItemIndex());
-        event.preventDefault();
-    }
-
-    onSpaceKey(event: KeyboardEvent) {
-        this.onEnterKey(event);
-    }
-
-    onEscapeKey(event: KeyboardEvent) {
-        this.hide();
-        const processedItem = this.findVisibleItem(this.findFirstFocusedItemIndex());
-        const focusedItemInfo = this.focusedItemInfo();
-        this.focusedItemInfo.set({ ...focusedItemInfo, index: this.findFirstFocusedItemIndex(), item: processedItem.item });
-
-        event.preventDefault();
-    }
-
-    onTabKey(event: KeyboardEvent) {
-        if (this.focusedItemInfo().index !== -1) {
-            const processedItem = this.visibleItems[this.focusedItemInfo().index];
-            const grouped = this.isProccessedItemGroup(processedItem);
-
-            !grouped && this.onItemChange({ originalEvent: event, processedItem });
-        }
-
-        this.hide();
-    }
-
-    onEnterKey(event: KeyboardEvent) {
-        if (this.focusedItemInfo().index !== -1) {
-            const element = DomHandler.findSingle(this.rootmenu.el.nativeElement, `li[id="${`${this.focusedItemId}`}"]`);
-            const anchorElement = element && DomHandler.findSingle(element, 'a[data-pc-section="action"]');
-
-            anchorElement ? anchorElement.click() : element && element.click();
-
-            const processedItem = this.visibleItems[this.focusedItemInfo().index];
-            const grouped = this.isProccessedItemGroup(processedItem);
-
-            if (!grouped) {
-                const focusedItemInfo = this.focusedItemInfo();
-                this.focusedItemInfo.set({ ...focusedItemInfo, index: this.findFirstFocusedItemIndex() });
-            }
-        }
-
-        event.preventDefault();
-    }
-
-    onItemChange(event: any) {
-        const { processedItem, isFocus } = event;
-        if (ObjectUtils.isEmpty(processedItem)) return;
-
-        const { index, key, level, parentKey, items } = processedItem;
-        const grouped = ObjectUtils.isNotEmpty(items);
-        const activeItemPath = this.activeItemPath().filter((p) => p.parentKey !== parentKey && p.parentKey !== key);
-
-        if (grouped) {
-            activeItemPath.push(processedItem);
-            this.submenuVisible.set(true);
-        }
-        this.focusedItemInfo.set({ index, level, parentKey, item: processedItem.item });
-        this.activeItemPath.set(activeItemPath);
-
-        isFocus && DomHandler.focus(this.rootmenu.sublistViewChild.nativeElement);
-    }
-
-    onMenuFocus(event: any) {
-        this.focused = true;
-        const focusedItemInfo = this.focusedItemInfo().index !== -1 ? this.focusedItemInfo() : { index: -1, level: 0, parentKey: '', item: null };
-
-        this.focusedItemInfo.set(focusedItemInfo);
-    }
-
-    onMenuBlur(event: any) {
-        this.focused = false;
-        this.focusedItemInfo.set({ index: -1, level: 0, parentKey: '', item: null });
-        this.searchValue = '';
-    }
-
-    onOverlayAnimationStart(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-                this.container = event.element;
-                this.position();
-                this.moveOnTop();
-                this.appendOverlay();
-                this.bindGlobalListeners();
-                DomHandler.focus(this.rootmenu.sublistViewChild.nativeElement);
-                break;
-        }
-    }
-
-    onOverlayAnimationEnd(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'void':
-                this.onOverlayHide();
-                break;
-        }
-    }
-
-    appendOverlay() {
-        if (this.appendTo) {
-            if (this.appendTo === 'body') this.renderer.appendChild(this.document.body, this.containerViewChild.nativeElement);
-            else DomHandler.appendChild(this.containerViewChild.nativeElement, this.appendTo);
-        }
-    }
-
-    moveOnTop() {
-        if (this.autoZIndex && this.containerViewChild) {
-            ZIndexUtils.set('menu', this.containerViewChild.nativeElement, this.baseZIndex + this.config.zIndex.menu);
-        }
-    }
-
-    onOverlayHide() {
-        this.unbindGlobalListeners();
-
-        if (!(this.cd as ViewRef).destroyed) {
-            this.target = null;
-        }
-
-        if (this.container && this.autoZIndex) {
-            ZIndexUtils.clear(this.container);
-        }
-
-        this.container = null;
-    }
-
-    onTouchStart(event: MouseEvent) {
-        this.pressTimer = setTimeout(() => {
-            this.show(event);
-        }, this.pressDelay);
-    }
-
-    onTouchEnd() {
-        clearTimeout(this.pressTimer);
-    }
-
-    hide() {
-        this.visible.set(false);
-        this.onHide.emit();
-        this.activeItemPath.set([]);
-        this.focusedItemInfo.set({ index: -1, level: 0, parentKey: '', item: null });
-    }
-
-    toggle(event?: any) {
-        this.visible() ? this.hide() : this.show(event);
-    }
-
-    show(event: any) {
-        this.activeItemPath.set([]);
-        this.focusedItemInfo.set({ index: -1, level: 0, parentKey: '', item: null });
-
-        this.pageX = event.pageX;
-        this.pageY = event.pageY;
-
-        this.onShow.emit();
-        this.visible() ? this.position() : this.visible.set(true);
-
-        event.stopPropagation();
-        event.preventDefault();
-    }
-
-    position() {
-        let left = this.pageX + 1;
-        let top = this.pageY + 1;
-        let width = this.containerViewChild.nativeElement.offsetParent ? this.containerViewChild.nativeElement.offsetWidth : DomHandler.getHiddenElementOuterWidth(this.containerViewChild.nativeElement);
-        let height = this.containerViewChild.nativeElement.offsetParent ? this.containerViewChild.nativeElement.offsetHeight : DomHandler.getHiddenElementOuterHeight(this.containerViewChild.nativeElement);
-        let viewport = DomHandler.getViewport();
-
-        //flip
-        if (left + width - this.document.scrollingElement.scrollLeft > viewport.width) {
-            left -= width;
-        }
-
-        //flip
-        if (top + height - this.document.scrollingElement.scrollTop > viewport.height) {
-            top -= height;
-        }
-
-        //fit
-        if (left < this.document.scrollingElement.scrollLeft) {
-            left = this.document.scrollingElement.scrollLeft;
-        }
-
-        //fit
-        if (top < this.document.scrollingElement.scrollTop) {
-            top = this.document.scrollingElement.scrollTop;
-        }
-
-        this.containerViewChild.nativeElement.style.left = left + 'px';
-        this.containerViewChild.nativeElement.style.top = top + 'px';
-    }
-
-    searchItems(event: any, char: string) {
-        this.searchValue = (this.searchValue || '') + char;
-
-        let itemIndex = -1;
-        let matched = false;
-
-        if (this.focusedItemInfo().index !== -1) {
-            itemIndex = this.visibleItems.slice(this.focusedItemInfo().index).findIndex((processedItem) => this.isItemMatched(processedItem));
-            itemIndex = itemIndex === -1 ? this.visibleItems.slice(0, this.focusedItemInfo().index).findIndex((processedItem) => this.isItemMatched(processedItem)) : itemIndex + this.focusedItemInfo().index;
-        } else {
-            itemIndex = this.visibleItems.findIndex((processedItem) => this.isItemMatched(processedItem));
-        }
-
-        if (itemIndex !== -1) {
-            matched = true;
-        }
-
-        if (itemIndex === -1 && this.focusedItemInfo().index === -1) {
-            itemIndex = this.findFirstFocusedItemIndex();
-        }
-
-        if (itemIndex !== -1) {
-            this.changeFocusedItemIndex(event, itemIndex);
-        }
-
-        if (this.searchTimeout) {
-            clearTimeout(this.searchTimeout);
-        }
-
-        this.searchTimeout = setTimeout(() => {
-            this.searchValue = '';
-            this.searchTimeout = null;
-        }, 500);
-
-        return matched;
-    }
-
-    findVisibleItem(index) {
-        return ObjectUtils.isNotEmpty(this.visibleItems) ? this.visibleItems[index] : null;
-    }
-
-    findLastFocusedItemIndex() {
-        const selectedIndex = this.findSelectedItemIndex();
-        return selectedIndex < 0 ? this.findLastItemIndex() : selectedIndex;
-    }
-
-    findLastItemIndex() {
-        return ObjectUtils.findLastIndex(this.visibleItems, (processedItem) => this.isValidItem(processedItem));
-    }
-
-    findPrevItemIndex(index: number) {
-        const matchedItemIndex = index > 0 ? ObjectUtils.findLastIndex(this.visibleItems.slice(0, index), (processedItem) => this.isValidItem(processedItem)) : -1;
-
-        return matchedItemIndex > -1 ? matchedItemIndex : index;
-    }
-
-    findNextItemIndex(index: number) {
-        const matchedItemIndex = index < this.visibleItems.length - 1 ? this.visibleItems.slice(index + 1).findIndex((processedItem) => this.isValidItem(processedItem)) : -1;
-
-        return matchedItemIndex > -1 ? matchedItemIndex + index + 1 : index;
-    }
-
-    findFirstFocusedItemIndex() {
-        const selectedIndex = this.findSelectedItemIndex();
-
-        return selectedIndex < 0 ? this.findFirstItemIndex() : selectedIndex;
-    }
-
-    findFirstItemIndex() {
-        return this.visibleItems.findIndex((processedItem) => this.isValidItem(processedItem));
-    }
-
-    findSelectedItemIndex() {
-        return this.visibleItems.findIndex((processedItem) => this.isValidSelectedItem(processedItem));
-    }
-
-    changeFocusedItemIndex(event: any, index: number) {
-        const processedItem = this.findVisibleItem(index);
-        const focusedItemInfo = this.focusedItemInfo();
-        if (focusedItemInfo.index !== index) {
-            this.focusedItemInfo.set({ ...focusedItemInfo, index, item: processedItem.item });
-            this.scrollInView();
-        }
-    }
-
-    scrollInView(index: number = -1) {
-        const id = index !== -1 ? `${this.id}_${index}` : this.focusedItemId;
-        const element = DomHandler.findSingle(this.rootmenu.el.nativeElement, `li[id="${id}"]`);
-
-        if (element) {
-            element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-        }
-    }
-
-    bindResizeListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.resizeListener) {
-                this.resizeListener = this.renderer.listen(this.document.defaultView, 'resize', (event) => {
-                    this.hide();
-                });
-            }
-        }
-    }
-
-    isOutsideClicked(event: Event) {
-        return !(this.containerViewChild.nativeElement.isSameNode(event.target) || this.containerViewChild.nativeElement.contains(event.target));
-    }
-
-    unbindResizeListener() {
-        if (this.resizeListener) {
-            this.resizeListener();
-            this.resizeListener = null;
-        }
-    }
-
-    unbindGlobalListeners() {
-        if (this.documentClickListener) {
-            this.documentClickListener();
-            this.documentClickListener = null;
-        }
-
-        if (this.documentTriggerListener) {
-            this.documentTriggerListener();
-            this.documentTriggerListener = null;
-        }
-
-        if (this.resizeListener) {
-            this.resizeListener();
-            this.resizeListener = null;
-        }
-
-        if (this.touchEndListener) {
-            this.touchEndListener();
-            this.touchEndListener = null;
-        }
-    }
-
-    unbindTriggerEventListener() {
-        if (this.triggerEventListener) {
-            this.triggerEventListener();
-            this.triggerEventListener = null;
-        }
-    }
-
-    removeAppendedElements() {
-        if (this.appendTo && this.containerViewChild) {
-            if (this.appendTo === 'body') {
-                this.renderer.removeChild(this.document.body, this.containerViewChild.nativeElement);
-            } else {
-                DomHandler.removeChild(this.containerViewChild.nativeElement, this.appendTo);
-            }
-        }
-    }
-
-    ngOnDestroy() {
-        this.unbindGlobalListeners();
-        this.unbindTriggerEventListener();
-        this.removeAppendedElements();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, RouterModule, RippleModule, TooltipModule, AngleRightIcon, SharedModule],
-    exports: [ContextMenu, RouterModule, TooltipModule, SharedModule],
-    declarations: [ContextMenu, ContextMenuSub]
-})
-export class ContextMenuModule {}
diff --git a/src/app/components/contextmenu/ng-package.json b/src/app/components/contextmenu/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/contextmenu/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/contextmenu/public_api.ts b/src/app/components/contextmenu/public_api.ts
deleted file mode 100644
index 1cc7565..0000000
--- a/src/app/components/contextmenu/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './contextmenu';
diff --git a/src/app/components/dataview/dataview.css b/src/app/components/dataview/dataview.css
deleted file mode 100644
index 9b6a933..0000000
--- a/src/app/components/dataview/dataview.css
+++ /dev/null
@@ -1,13 +0,0 @@
-@layer primeng {
-    .p-dataview {
-        position: relative;
-    }
-
-    .p-dataview .p-dataview-loading-overlay {
-        position: absolute;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        z-index: 2;
-    }
-}
diff --git a/src/app/components/dataview/dataview.interface.ts b/src/app/components/dataview/dataview.interface.ts
deleted file mode 100644
index 0fafcc9..0000000
--- a/src/app/components/dataview/dataview.interface.ts
+++ /dev/null
@@ -1,176 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { DataView } from './dataview';
-/**
- * State of the paginator.
- * @group Interface
- */
-export interface DataViewPaginatorState {
-    /**
-     * Current page.
-     */
-    page?: number;
-    /**
-     * First item in the current page.
-     */
-    first?: number;
-    /**
-     * Row count.
-     */
-    rows?: number;
-    /**
-     * Page count.
-     */
-    pageCount?: number;
-}
-/**
- * Custom lazy load event.
- * @see {@link DataView.onLazyLoad}
- * @group Events
- */
-export interface DataViewLazyLoadEvent {
-    /**
-     * Index of the first element.
-     */
-    first: number;
-    /**
-     * Row count.
-     */
-    rows: number;
-    /**
-     * Property name of data to use in sorting by default.
-     */
-    sortField: string;
-    /**
-     * Order to sort the data by default.
-     */
-    sortOrder: number;
-}
-/**
- * Custom page event.
- * @see {@link DataView.onPage}
- * @group Events
- */
-export interface DataViewPageEvent {
-    /**
-     * Index of the first element.
-     */
-    first: number;
-    /**
-     * Row count.
-     */
-    rows: number;
-}
-/**
- * Custom sort event.
- * @see {@link DataView.onSort}
- * @group Events
- */
-export interface DataViewSortEvent {
-    /**
-     * Sort field.
-     */
-    sortField: string;
-    /**
-     * Sort order.
-     */
-    sortOrder: number;
-}
-/**
- * Custom layout change.
- * @see {@link DataView.onChangeLayout}
- * @group Events
- */
-export interface DataViewLayoutChangeEvent {
-    /**
-     * Layout of the component.
-     */
-    layout: 'list' | 'grid';
-}
-/**
- * Defines valid templates in DataView.
- * @group Templates
- */
-export interface DataViewTemplates {
-    /**
-     * Custom list item template.
-     * @param {Object} context - data of the item.
-     */
-    listItem(context: {
-        /**
-         * Row data.
-         */
-        $implicit: any;
-        /**
-         * Row index.
-         */
-        rowIndex: number;
-    }): TemplateRef<{ $implicit: any; rowIndex: number }>;
-    /**
-     * Custom grid item template.
-     * @param {Object} context - data of the item.
-     */
-    gridItem(context: {
-        /**
-         * Row data.
-         */
-        $implicit: any;
-        /**
-         * Row index.
-         */
-        rowIndex: number;
-    }): TemplateRef<{ $implicit: any; rowIndex: number }>;
-    /**
-     * Custom paginator left template.
-     * @param {Object} context - paginator state.
-     */
-    paginatorleft(context: {
-        /**
-         * State of the paginator.
-         */
-        $implicit: DataViewPaginatorState;
-    }): TemplateRef<DataViewPaginatorState>;
-    /**
-     * Custom paginator right template.
-     * @param {Object} context - paginator state.
-     */
-    paginatorright(context: {
-        /**
-         * State of the paginator.
-         */
-        $implicit: DataViewPaginatorState;
-    }): TemplateRef<DataViewPaginatorState>;
-    /**
-     * Custom paginator dropdown template.
-     * @param {Object} context - dropdown item.
-     */
-    paginatordropdownitem(context: {
-        /**
-         * Dropdown item instance.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-    /**
-     * Custom empty message template.
-     */
-    empty(): TemplateRef<any>;
-    /**
-     * Custom header template.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom footer template.
-     */
-    footer(): TemplateRef<any>;
-    /**
-     * Custom loading icon template.
-     */
-    loadingicon(): TemplateRef<any>;
-    /**
-     * Custom list icon template.
-     */
-    listicon(): TemplateRef<any>;
-    /**
-     * Custom grid icon template.
-     */
-    gridicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/dataview/dataview.ts b/src/app/components/dataview/dataview.ts
deleted file mode 100644
index f08117e..0000000
--- a/src/app/components/dataview/dataview.ts
+++ /dev/null
@@ -1,606 +0,0 @@
-import {
-    NgModule,
-    Component,
-    ElementRef,
-    OnInit,
-    AfterContentInit,
-    Input,
-    Output,
-    EventEmitter,
-    ContentChild,
-    ContentChildren,
-    QueryList,
-    TemplateRef,
-    OnChanges,
-    SimpleChanges,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    ViewEncapsulation,
-    OnDestroy,
-    booleanAttribute,
-    numberAttribute
-} from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ObjectUtils } from 'primeng/utils';
-import { Header, Footer, PrimeTemplate, SharedModule, FilterService, TranslationKeys, PrimeNGConfig } from 'primeng/api';
-import { PaginatorModule } from 'primeng/paginator';
-import { BlockableUI } from 'primeng/api';
-import { Subscription } from 'rxjs';
-import { SpinnerIcon } from 'primeng/icons/spinner';
-import { ThLargeIcon } from 'primeng/icons/thlarge';
-import { BarsIcon } from 'primeng/icons/bars';
-import { Nullable } from 'primeng/ts-helpers';
-import { DataViewLayoutChangeEvent, DataViewLazyLoadEvent, DataViewPageEvent, DataViewPaginatorState, DataViewSortEvent } from './dataview.interface';
-/**
- * DataView displays data in grid or list layout with pagination and sorting features.
- * @group Components
- */
-@Component({
-    selector: 'p-dataView',
-    template: `
-        <div [ngClass]="{ 'p-dataview p-component': true, 'p-dataview-list': layout === 'list', 'p-dataview-grid': layout === 'grid' }" [ngStyle]="style" [class]="styleClass">
-            <div class="p-dataview-loading" *ngIf="loading">
-                <div class="p-dataview-loading-overlay p-component-overlay">
-                    <i *ngIf="loadingIcon" [class]="'p-dataview-loading-icon pi-spin ' + loadingIcon"></i>
-                    <ng-container *ngIf="!loadingIcon">
-                        <SpinnerIcon *ngIf="!loadingIconTemplate" [spin]="true" [styleClass]="'p-dataview-loading-icon'" />
-                        <ng-template *ngTemplateOutlet="loadingIconTemplate"></ng-template>
-                    </ng-container>
-                </div>
-            </div>
-            <div class="p-dataview-header" *ngIf="header || headerTemplate">
-                <ng-content select="p-header"></ng-content>
-                <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-            </div>
-            <p-paginator
-                [rows]="rows"
-                [first]="first"
-                [totalRecords]="totalRecords"
-                [pageLinkSize]="pageLinks"
-                [alwaysShow]="alwaysShowPaginator"
-                (onPageChange)="paginate($event)"
-                styleClass="p-paginator-top"
-                [rowsPerPageOptions]="rowsPerPageOptions"
-                *ngIf="paginator && (paginatorPosition === 'top' || paginatorPosition == 'both')"
-                [dropdownAppendTo]="paginatorDropdownAppendTo"
-                [dropdownScrollHeight]="paginatorDropdownScrollHeight"
-                [templateLeft]="paginatorLeftTemplate"
-                [templateRight]="paginatorRightTemplate"
-                [currentPageReportTemplate]="currentPageReportTemplate"
-                [showFirstLastIcon]="showFirstLastIcon"
-                [dropdownItemTemplate]="paginatorDropdownItemTemplate"
-                [showCurrentPageReport]="showCurrentPageReport"
-                [showJumpToPageDropdown]="showJumpToPageDropdown"
-                [showPageLinks]="showPageLinks"
-                [styleClass]="paginatorStyleClass"
-            ></p-paginator>
-
-            <div class="p-dataview-content">
-                <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: paginator ? (filteredValue || value | slice: (lazy ? 0 : first) : (lazy ? 0 : first) + rows) : filteredValue || value }"></ng-container>
-
-                <div *ngIf="isEmpty() && !loading">
-                    <div class="p-dataview-emptymessage">
-                        <ng-container *ngIf="!emptyMessageTemplate; else empty">
-                            {{ emptyMessageLabel }}
-                        </ng-container>
-                        <ng-container #empty *ngTemplateOutlet="emptyMessageTemplate"></ng-container>
-                    </div>
-                </div>
-            </div>
-            <p-paginator
-                [rows]="rows"
-                [first]="first"
-                [totalRecords]="totalRecords"
-                [pageLinkSize]="pageLinks"
-                [alwaysShow]="alwaysShowPaginator"
-                (onPageChange)="paginate($event)"
-                styleClass="p-paginator-bottom"
-                [rowsPerPageOptions]="rowsPerPageOptions"
-                *ngIf="paginator && (paginatorPosition === 'bottom' || paginatorPosition == 'both')"
-                [dropdownAppendTo]="paginatorDropdownAppendTo"
-                [dropdownScrollHeight]="paginatorDropdownScrollHeight"
-                [templateLeft]="paginatorLeftTemplate"
-                [templateRight]="paginatorRightTemplate"
-                [currentPageReportTemplate]="currentPageReportTemplate"
-                [showFirstLastIcon]="showFirstLastIcon"
-                [dropdownItemTemplate]="paginatorDropdownItemTemplate"
-                [showCurrentPageReport]="showCurrentPageReport"
-                [showJumpToPageDropdown]="showJumpToPageDropdown"
-                [showPageLinks]="showPageLinks"
-                [styleClass]="paginatorStyleClass"
-            ></p-paginator>
-            <div class="p-dataview-footer" *ngIf="footer || footerTemplate">
-                <ng-content select="p-footer"></ng-content>
-                <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./dataview.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class DataView implements OnInit, AfterContentInit, OnDestroy, BlockableUI, OnChanges {
-    /**
-     * When specified as true, enables the pagination.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) paginator: boolean | undefined;
-    /**
-     * Number of rows to display per page.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) rows: number | undefined;
-    /**
-     * Number of total records, defaults to length of value when not defined.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) totalRecords: number | undefined;
-    /**
-     * Number of page links to display in paginator.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) pageLinks: number = 5;
-    /**
-     * Array of integer/object values to display inside rows per page dropdown of paginator
-     * @group Props
-     */
-    @Input() rowsPerPageOptions: number[] | any[] | undefined;
-    /**
-     * Position of the paginator.
-     * @group Props
-     */
-    @Input() paginatorPosition: 'top' | 'bottom' | 'both' = 'bottom';
-    /**
-     * Custom style class for paginator
-     * @group Props
-     */
-    @Input() paginatorStyleClass: string | undefined;
-    /**
-     * Whether to show it even there is only one page.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) alwaysShowPaginator: boolean = true;
-    /**
-     * Target element to attach the paginator dropdown overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    @Input() paginatorDropdownAppendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Paginator dropdown height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value.
-     * @group Props
-     */
-    @Input() paginatorDropdownScrollHeight: string = '200px';
-    /**
-     * Template of the current page report element. Available placeholders are {currentPage},{totalPages},{rows},{first},{last} and {totalRecords}
-     * @group Props
-     */
-    @Input() currentPageReportTemplate: string = '{currentPage} of {totalPages}';
-    /**
-     * Whether to display current page report.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showCurrentPageReport: boolean | undefined;
-    /**
-     * Whether to display a dropdown to navigate to any page.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showJumpToPageDropdown: boolean | undefined;
-    /**
-     * When enabled, icons are displayed on paginator to go first and last page.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showFirstLastIcon: boolean = true;
-    /**
-     * Whether to show page links.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showPageLinks: boolean = true;
-    /**
-     * Defines if data is loaded and interacted with in lazy manner.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) lazy: boolean | undefined;
-    /**
-     * Whether to call lazy loading on initialization.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) lazyLoadOnInit: boolean = true;
-    /**
-     * Text to display when there is no data. Defaults to global value in i18n translation configuration.
-     * @group Props
-     */
-    @Input() emptyMessage: string = '';
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Style class of the grid.
-     * @group Props
-     */
-    @Input() gridStyleClass: string = '';
-    /**
-     * Function to optimize the dom operations by delegating to ngForTrackBy, default algorithm checks for object identity.
-     * @group Props
-     */
-    @Input() trackBy: Function = (index: number, item: any) => item;
-    /**
-     * Comma separated list of fields in the object graph to search against.
-     * @group Props
-     */
-    @Input() filterBy: string | undefined;
-    /**
-     * Locale to use in filtering. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    @Input() filterLocale: string | undefined;
-    /**
-     * Displays a loader to indicate data load is in progress.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) loading: boolean | undefined;
-    /**
-     * The icon to show while indicating data load is in progress.
-     * @group Props
-     */
-    @Input() loadingIcon: string | undefined;
-    /**
-     * Index of the first row to be displayed.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) first: number | undefined = 0;
-    /**
-     * Property name of data to use in sorting by default.
-     * @group Props
-     */
-    @Input() sortField: string | undefined;
-    /**
-     * Order to sort the data by default.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) sortOrder: number | undefined;
-    /**
-     * An array of objects to display.
-     * @group Props
-     */
-    @Input() value: any[] | undefined;
-    /**
-     * Defines the layout mode.
-     * @group Props
-     */
-    @Input() get layout(): 'list' | 'grid' {
-        return this._layout;
-    }
-    set layout(layout: 'list' | 'grid') {
-        this._layout = layout;
-
-        if (this.initialized) {
-            this.changeLayout(layout);
-        }
-    }
-    /**
-     * Callback to invoke when paging, sorting or filtering happens in lazy mode.
-     * @param {DataViewLazyLoadEvent} event - Custom lazy load event.
-     * @group Emits
-     */
-    @Output() onLazyLoad: EventEmitter<DataViewLazyLoadEvent> = new EventEmitter<DataViewLazyLoadEvent>();
-    /**
-     * Callback to invoke when pagination occurs.
-     * @param {DataViewPageEvent} event - Custom page event.
-     * @group Emits
-     */
-    @Output() onPage: EventEmitter<DataViewPageEvent> = new EventEmitter<DataViewPageEvent>();
-    /**
-     * Callback to invoke when sorting occurs.
-     * @param {DataViewSortEvent} event - Custom sort event.
-     * @group Emits
-     */
-    @Output() onSort: EventEmitter<DataViewSortEvent> = new EventEmitter<DataViewSortEvent>();
-    /**
-     * Callback to invoke when changing layout.
-     * @param {DataViewLayoutChangeEvent} event - Custom layout change event.
-     * @group Emits
-     */
-    @Output() onChangeLayout: EventEmitter<DataViewLayoutChangeEvent> = new EventEmitter<DataViewLayoutChangeEvent>();
-
-    @ContentChild(Header) header: any;
-
-    @ContentChild(Footer) footer: any;
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-
-    _value: Nullable<any[]>;
-
-    listTemplate: Nullable<TemplateRef<any>>;
-
-    gridTemplate: Nullable<TemplateRef<any>>;
-
-    itemTemplate: Nullable<TemplateRef<any>>;
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    emptyMessageTemplate: Nullable<TemplateRef<any>>;
-
-    footerTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorLeftTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorRightTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorDropdownItemTemplate: Nullable<TemplateRef<any>>;
-
-    loadingIconTemplate: Nullable<TemplateRef<any>>;
-
-    listIconTemplate: Nullable<TemplateRef<any>>;
-
-    gridIconTemplate: Nullable<TemplateRef<any>>;
-
-    filteredValue: Nullable<any[]>;
-
-    filterValue: Nullable<string>;
-
-    initialized: Nullable<boolean>;
-
-    _layout: 'list' | 'grid' = 'list';
-
-    translationSubscription: Nullable<Subscription>;
-
-    get emptyMessageLabel(): string {
-        return this.emptyMessage || this.config.getTranslation(TranslationKeys.EMPTY_MESSAGE);
-    }
-
-    constructor(
-        public el: ElementRef,
-        public cd: ChangeDetectorRef,
-        public filterService: FilterService,
-        public config: PrimeNGConfig
-    ) {}
-
-    ngOnInit() {
-        if (this.lazy && this.lazyLoadOnInit) {
-            this.onLazyLoad.emit(this.createLazyLoadMetadata());
-        }
-
-        this.translationSubscription = this.config.translationObserver.subscribe(() => {
-            this.cd.markForCheck();
-        });
-        this.initialized = true;
-    }
-
-    ngOnChanges(simpleChanges: SimpleChanges) {
-        if (simpleChanges.value) {
-            this._value = simpleChanges.value.currentValue;
-            this.updateTotalRecords();
-
-            if (!this.lazy && this.hasFilter()) {
-                this.filter(this.filterValue as string);
-            }
-        }
-
-        if (simpleChanges.sortField || simpleChanges.sortOrder) {
-            //avoid triggering lazy load prior to lazy initialization at onInit
-            if (!this.lazy || this.initialized) {
-                this.sort();
-            }
-        }
-    }
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'listItem':
-                case 'list':
-                    this.listTemplate = item.template;
-                    break;
-
-                case 'gridItem':
-                case 'grid':
-                    this.gridTemplate = item.template;
-                    break;
-
-                case 'paginatorleft':
-                    this.paginatorLeftTemplate = item.template;
-                    break;
-
-                case 'paginatorright':
-                    this.paginatorRightTemplate = item.template;
-                    break;
-
-                case 'paginatordropdownitem':
-                    this.paginatorDropdownItemTemplate = item.template;
-                    break;
-
-                case 'empty':
-                    this.emptyMessageTemplate = item.template;
-                    break;
-
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                case 'loadingicon':
-                    this.loadingIconTemplate = item.template;
-                    break;
-
-                case 'listicon':
-                    this.listIconTemplate = item.template;
-                    break;
-
-                case 'gridicon':
-                    this.gridIconTemplate = item.template;
-                    break;
-            }
-        });
-
-        this.updateItemTemplate();
-    }
-
-    updateItemTemplate() {
-        switch (this.layout) {
-            case 'list':
-                this.itemTemplate = this.listTemplate;
-                break;
-
-            case 'grid':
-                this.itemTemplate = this.gridTemplate;
-                break;
-        }
-    }
-
-    changeLayout(layout: 'list' | 'grid') {
-        this._layout = layout;
-        this.onChangeLayout.emit({
-            layout: this.layout
-        });
-        this.updateItemTemplate();
-
-        this.cd.markForCheck();
-    }
-
-    updateTotalRecords() {
-        this.totalRecords = this.lazy ? this.totalRecords : this._value ? this._value.length : 0;
-    }
-
-    paginate(event: DataViewPaginatorState) {
-        this.first = event.first;
-        this.rows = event.rows;
-
-        if (this.lazy) {
-            this.onLazyLoad.emit(this.createLazyLoadMetadata());
-        }
-
-        this.onPage.emit({
-            first: <number>this.first,
-            rows: <number>this.rows
-        });
-    }
-
-    sort() {
-        this.first = 0;
-
-        if (this.lazy) {
-            this.onLazyLoad.emit(this.createLazyLoadMetadata());
-        } else if (this.value) {
-            this.value.sort((data1, data2) => {
-                let value1 = ObjectUtils.resolveFieldData(data1, this.sortField);
-                let value2 = ObjectUtils.resolveFieldData(data2, this.sortField);
-                let result = null;
-
-                if (value1 == null && value2 != null) result = -1;
-                else if (value1 != null && value2 == null) result = 1;
-                else if (value1 == null && value2 == null) result = 0;
-                else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2);
-                else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-
-                return (this.sortOrder as number) * result;
-            });
-
-            if (this.hasFilter()) {
-                this.filter(this.filterValue as string);
-            }
-        }
-
-        this.onSort.emit({
-            sortField: <string>this.sortField,
-            sortOrder: <number>this.sortOrder
-        });
-    }
-
-    isEmpty() {
-        let data = this.filteredValue || this.value;
-        return data == null || data.length == 0;
-    }
-
-    createLazyLoadMetadata(): DataViewLazyLoadEvent {
-        return {
-            first: <number>this.first,
-            rows: <number>this.rows,
-            sortField: <string>this.sortField,
-            sortOrder: <number>this.sortOrder
-        };
-    }
-
-    getBlockableElement(): HTMLElement {
-        return this.el.nativeElement.children[0];
-    }
-
-    filter(filter: string, filterMatchMode: string = 'contains') {
-        this.filterValue = filter;
-
-        if (this.value && this.value.length) {
-            let searchFields = (this.filterBy as string).split(',');
-            this.filteredValue = this.filterService.filter(this.value, searchFields, filter, filterMatchMode, this.filterLocale);
-
-            if (this.filteredValue.length === this.value.length) {
-                this.filteredValue = null;
-            }
-
-            if (this.paginator) {
-                this.first = 0;
-                this.totalRecords = this.filteredValue ? this.filteredValue.length : this.value ? this.value.length : 0;
-            }
-
-            this.cd.markForCheck();
-        }
-    }
-
-    hasFilter() {
-        return this.filterValue && this.filterValue.trim().length > 0;
-    }
-
-    ngOnDestroy() {
-        if (this.translationSubscription) {
-            this.translationSubscription.unsubscribe();
-        }
-    }
-}
-
-@Component({
-    selector: 'p-dataViewLayoutOptions',
-    template: `
-        <div [ngClass]="'p-dataview-layout-options p-selectbutton p-buttonset'" [ngStyle]="style" [class]="styleClass">
-            <button type="button" class="p-button p-button-icon-only" [ngClass]="{ 'p-highlight': dv.layout === 'list' }" (click)="changeLayout($event, 'list')" (keydown.enter)="changeLayout($event, 'list')">
-                <BarsIcon *ngIf="!dv.listIconTemplate" />
-                <ng-template *ngTemplateOutlet="dv.listIconTemplate"></ng-template></button
-            ><button type="button" class="p-button p-button-icon-only" [ngClass]="{ 'p-highlight': dv.layout === 'grid' }" (click)="changeLayout($event, 'grid')" (keydown.enter)="changeLayout($event, 'grid')">
-                <ThLargeIcon *ngIf="!dv.gridIconTemplate" />
-                <ng-template *ngTemplateOutlet="dv.gridIconTemplate"></ng-template>
-            </button>
-        </div>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class DataViewLayoutOptions {
-    @Input() style: { [klass: string]: any } | null | undefined;
-
-    @Input() styleClass: string | undefined;
-
-    constructor(public dv: DataView) {}
-
-    changeLayout(event: Event, layout: 'list' | 'grid') {
-        this.dv.changeLayout(layout);
-        event.preventDefault();
-    }
-}
-@NgModule({
-    imports: [CommonModule, SharedModule, PaginatorModule, SpinnerIcon, BarsIcon, ThLargeIcon],
-    exports: [DataView, SharedModule, DataViewLayoutOptions],
-    declarations: [DataView, DataViewLayoutOptions]
-})
-export class DataViewModule {}
diff --git a/src/app/components/dataview/ng-package.json b/src/app/components/dataview/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/dataview/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/dataview/public_api.ts b/src/app/components/dataview/public_api.ts
deleted file mode 100644
index 6dcdf10..0000000
--- a/src/app/components/dataview/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './dataview';
-export * from './dataview.interface';
diff --git a/src/app/components/defer/defer.ts b/src/app/components/defer/defer.ts
deleted file mode 100644
index 061ebb1..0000000
--- a/src/app/components/defer/defer.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import { AfterViewInit, ChangeDetectorRef, ContentChild, Directive, ElementRef, EmbeddedViewRef, EventEmitter, Inject, NgModule, OnDestroy, Output, PLATFORM_ID, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
-import { Nullable } from 'primeng/ts-helpers';
-/**
- * Defer postpones the loading the content that is initially not in the viewport until it becomes visible on scroll.
- * @group Components
- */
-@Directive({
-    selector: '[pDefer]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class DeferredLoader implements AfterViewInit, OnDestroy {
-    /**
-     * Callback to invoke when deferred content is loaded.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onLoad: EventEmitter<Event> = new EventEmitter<Event>();
-
-    @ContentChild(TemplateRef) template: TemplateRef<any> | undefined;
-
-    documentScrollListener: Nullable<Function>;
-
-    view: Nullable<EmbeddedViewRef<any>>;
-
-    window: Window;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        public el: ElementRef,
-        public renderer: Renderer2,
-        public viewContainer: ViewContainerRef,
-        private cd: ChangeDetectorRef
-    ) {
-        this.window = this.document.defaultView as Window;
-    }
-
-    ngAfterViewInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (this.shouldLoad()) {
-                this.load();
-            }
-
-            if (!this.isLoaded()) {
-                this.documentScrollListener = this.renderer.listen(this.window, 'scroll', () => {
-                    if (this.shouldLoad()) {
-                        this.load();
-                        this.documentScrollListener && this.documentScrollListener();
-                        this.documentScrollListener = null;
-                    }
-                });
-            }
-        }
-    }
-
-    shouldLoad(): boolean {
-        if (this.isLoaded()) {
-            return false;
-        } else {
-            let rect = this.el.nativeElement.getBoundingClientRect();
-            let docElement = this.document.documentElement;
-            let winHeight = docElement.clientHeight;
-
-            return winHeight >= rect.top;
-        }
-    }
-
-    load(): void {
-        this.view = this.viewContainer.createEmbeddedView(this.template as TemplateRef<any>);
-        this.onLoad.emit();
-        this.cd.detectChanges();
-    }
-
-    isLoaded() {
-        return this.view != null && isPlatformBrowser(this.platformId);
-    }
-
-    ngOnDestroy() {
-        this.view = null;
-
-        if (this.documentScrollListener) {
-            this.documentScrollListener();
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [DeferredLoader],
-    declarations: [DeferredLoader]
-})
-export class DeferModule {}
diff --git a/src/app/components/defer/ng-package.json b/src/app/components/defer/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/defer/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/defer/public_api.ts b/src/app/components/defer/public_api.ts
deleted file mode 100644
index d18475c..0000000
--- a/src/app/components/defer/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './defer';
diff --git a/src/app/components/dialog/dialog.css b/src/app/components/dialog/dialog.css
deleted file mode 100644
index 48a9455..0000000
--- a/src/app/components/dialog/dialog.css
+++ /dev/null
@@ -1,139 +0,0 @@
-@layer primeng {
-    .p-dialog-mask {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        pointer-events: none;
-    }
-
-    .p-dialog-mask.p-component-overlay {
-        pointer-events: auto;
-    }
-
-    .p-dialog {
-        display: flex;
-        flex-direction: column;
-        pointer-events: auto;
-        max-height: 90%;
-        transform: scale(1);
-        position: relative;
-    }
-    .p-dialog-content {
-        overflow-y: auto;
-        flex-grow: 1;
-    }
-
-    .p-dialog-header {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        flex-shrink: 0;
-    }
-
-    .p-dialog-draggable .p-dialog-header {
-        cursor: move;
-    }
-
-    .p-dialog-footer {
-        flex-shrink: 0;
-    }
-
-    .p-dialog .p-dialog-header-icons {
-        display: flex;
-        align-items: center;
-    }
-
-    .p-dialog .p-dialog-header-icon {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        overflow: hidden;
-        position: relative;
-    }
-
-    /* Fluid */
-    .p-fluid .p-dialog-footer .p-button {
-        width: auto;
-    }
-
-    /* Top, Bottom, Left, Right, Top* and Bottom* */
-    .p-dialog-top .p-dialog,
-    .p-dialog-bottom .p-dialog,
-    .p-dialog-left .p-dialog,
-    .p-dialog-right .p-dialog,
-    .p-dialog-top-left .p-dialog,
-    .p-dialog-top-right .p-dialog,
-    .p-dialog-bottom-left .p-dialog,
-    .p-dialog-bottom-right .p-dialog {
-        margin: 0.75rem;
-        transform: translate3d(0px, 0px, 0px);
-    }
-
-    /* Maximize */
-    .p-dialog-maximized {
-        -webkit-transition: none;
-        transition: none;
-        transform: none;
-        width: 100vw !important;
-        height: 100vh !important;
-        top: 0px !important;
-        left: 0px !important;
-        max-height: 100%;
-        height: 100%;
-    }
-    .p-dialog-maximized .p-dialog-content {
-        flex-grow: 1;
-    }
-
-    /* Position */
-    .p-dialog-left {
-        justify-content: flex-start;
-    }
-    .p-dialog-right {
-        justify-content: flex-end;
-    }
-    .p-dialog-top {
-        align-items: flex-start;
-    }
-    .p-dialog-top-left {
-        justify-content: flex-start;
-        align-items: flex-start;
-    }
-    .p-dialog-top-right {
-        justify-content: flex-end;
-        align-items: flex-start;
-    }
-    .p-dialog-bottom {
-        align-items: flex-end;
-    }
-    .p-dialog-bottom-left {
-        justify-content: flex-start;
-        align-items: flex-end;
-    }
-    .p-dialog-bottom-right {
-        justify-content: flex-end;
-        align-items: flex-end;
-    }
-
-    /* Resizable */
-    .p-dialog .p-resizable-handle {
-        position: absolute;
-        font-size: 0.1px;
-        display: block;
-        cursor: se-resize;
-        width: 12px;
-        height: 12px;
-        right: 1px;
-        bottom: 1px;
-    }
-
-    .p-confirm-dialog .p-dialog-content {
-        display: flex;
-        align-items: center;
-    }
-}
diff --git a/src/app/components/dialog/dialog.interface.ts b/src/app/components/dialog/dialog.interface.ts
deleted file mode 100644
index 4370ed4..0000000
--- a/src/app/components/dialog/dialog.interface.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in Dialog.
- * @group Templates
- */
-export interface DialogTemplates {
-    /**
-     * Custom template of header.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom template of content.
-     */
-    content(): TemplateRef<any>;
-    /**
-     * Custom template of footer.
-     */
-    footer(): TemplateRef<any>;
-    /**
-     * Custom template of closeicon.
-     */
-    closeicon(): TemplateRef<any>;
-    /**
-     * Custom template of maximizeicon.
-     */
-    maximizeicon(): TemplateRef<any>;
-    /**
-     * Custom template of minimizeicon.
-     */
-    minimizeicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/dialog/dialog.spec.ts b/src/app/components/dialog/dialog.spec.ts
deleted file mode 100644
index 417f2a3..0000000
--- a/src/app/components/dialog/dialog.spec.ts
+++ /dev/null
@@ -1,341 +0,0 @@
-import { Component } from '@angular/core';
-import { ComponentFixture, fakeAsync, flush, TestBed, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Footer } from 'primeng/api';
-import { TimesIcon } from 'primeng/icons/times';
-import { WindowMaximizeIcon } from 'primeng/icons/windowmaximize';
-import { WindowMinimizeIcon } from 'primeng/icons/windowminimize';
-import { ButtonModule } from '../button/button';
-import { FocusTrapModule } from '../focustrap/focustrap';
-import { Dialog } from './dialog';
-
-@Component({
-    template: `
-        <p-dialog [(visible)]="display">
-            <p-footer>
-                <button type="button" pButton icon="pi pi-check" (click)="display = false" label="Yes"></button>
-                <button type="button" pButton icon="pi pi-times" (click)="display = false" label="No" class="ui-button-secondary"></button>
-            </p-footer>
-        </p-dialog>
-        <button type="button" (click)="showDialog()" pButton icon="pi pi-info-circle" label="Show"></button>
-    `
-})
-class TestDialogComponent {
-    display: boolean = false;
-
-    showDialog() {
-        this.display = true;
-    }
-}
-
-describe('Dialog', () => {
-    let dialog: Dialog;
-    let fixture: ComponentFixture<TestDialogComponent>;
-    let testComponent: TestDialogComponent;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, FocusTrapModule, ButtonModule, TimesIcon, WindowMaximizeIcon, WindowMinimizeIcon, Footer],
-            declarations: [Dialog, TestDialogComponent]
-        });
-
-        fixture = TestBed.createComponent(TestDialogComponent);
-        dialog = fixture.debugElement.children[0].componentInstance;
-        testComponent = fixture.debugElement.componentInstance;
-    });
-
-    it('should display the header', () => {
-        dialog.header = 'PrimeNG Dialog Header';
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        buttonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const headerEl = fixture.debugElement.query(By.css('.p-dialog-title'));
-        expect(headerEl.nativeElement.textContent).toContain('PrimeNG Dialog Header');
-    });
-
-    it('should display the close icon when closable', () => {
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        buttonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const closeEl = fixture.debugElement.query(By.css('.p-dialog-header-close'));
-        expect(closeEl).not.toBeNull();
-    });
-
-    it('should display the resizer when resizable is true', () => {
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        buttonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const resizeEl = fixture.debugElement.query(By.css('.p-resizable-handle'));
-        expect(resizeEl).not.toBeNull();
-    });
-
-    it('should not create the container element by default', () => {
-        fixture.detectChanges();
-
-        expect(fixture.debugElement.children[0].nativeElement.childElementCount).toEqual(0);
-        expect(dialog.visible).toEqual(false);
-    });
-
-    it('should add rtl class when rtl is enabled', () => {
-        dialog.rtl = true;
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        buttonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const rtlEl = fixture.debugElement.query(By.css('.p-dialog-rtl'));
-        expect(rtlEl).toBeTruthy();
-    });
-
-    it('should add draggable class when dragging is enabled', () => {
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        buttonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const draggableEl = fixture.debugElement.query(By.css('.p-dialog-draggable'));
-        expect(draggableEl).toBeTruthy();
-    });
-
-    it('should update visible as false binding when close icon is clicked', () => {
-        let show = true;
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        buttonEl.nativeElement.click();
-        fixture.detectChanges();
-        dialog.visibleChange.subscribe((value) => (show = value));
-
-        const closeEl = fixture.nativeElement.querySelector('.p-dialog-header-close');
-        closeEl.click();
-
-        expect(show).toEqual(false);
-    });
-
-    it('should maximizable', fakeAsync(() => {
-        dialog.maximizable = true;
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        buttonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        tick(300);
-        const maximizeSpy = spyOn(dialog, 'maximize').and.callThrough();
-        const maximizableEl = fixture.nativeElement.querySelector('.p-dialog-header-maximize');
-        expect(maximizableEl).toBeTruthy();
-        maximizableEl.click();
-        fixture.detectChanges();
-        flush();
-
-        const minIconEl = fixture.debugElement.query(By.css('windowminimizeicon'));
-        expect(maximizeSpy).toHaveBeenCalled();
-        expect(dialog.maximized).toEqual(true);
-        expect(minIconEl).toBeTruthy();
-        dialog.container = fixture.debugElement.query(By.css('div')).nativeElement;
-        fixture.detectChanges();
-
-        maximizableEl.click();
-        tick(350);
-        fixture.detectChanges();
-
-        expect(dialog.maximized).toEqual(false);
-        flush();
-    }));
-
-    it('should close (maximized)', fakeAsync(() => {
-        dialog.maximizable = true;
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        buttonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        dialog.container = fixture.debugElement.query(By.css('div')).nativeElement;
-        fixture.detectChanges();
-
-        const maximizableEl = fixture.nativeElement.querySelector('.p-dialog-header-maximize ');
-        expect(maximizableEl).toBeTruthy();
-        maximizableEl.click();
-        fixture.detectChanges();
-
-        const closeEl = fixture.debugElement.query(By.css('.p-dialog-header-close'));
-        dialog.visibleChange.subscribe((value) => (dialog.visible = value));
-        closeEl.nativeElement.click();
-        tick(350);
-        fixture.detectChanges();
-
-        expect(dialog.visible).toEqual(false);
-        flush();
-    }));
-
-    it('should change modal blockScroll and dismissableMask ', fakeAsync(() => {
-        const closeSpy = spyOn(dialog, 'close').and.callThrough();
-        dialog.modal = true;
-        dialog.blockScroll = true;
-        dialog.dismissableMask = true;
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        buttonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const dialogEl = fixture.debugElement.query(By.css('div'));
-        const closeEl = fixture.debugElement.query(By.css('.p-dialog-header-close'));
-        expect(dialogEl).toBeTruthy();
-        dialog.visibleChange.subscribe((value) => (dialog.visible = value));
-        closeEl.nativeElement.click();
-        closeEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        tick(350);
-        fixture.detectChanges();
-
-        expect(dialog.visible).toEqual(false);
-        expect(closeSpy).toHaveBeenCalled();
-        flush();
-    }));
-
-    it('should open with focusOnShow', () => {
-        dialog.focusOnShow = true;
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        buttonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(dialog.visible).toEqual(true);
-    });
-
-    it('should change appendTo (body)', () => {
-        dialog.appendTo = 'body';
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        buttonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(dialog.visible).toEqual(true);
-    });
-
-    it('should change appendTo (button)', () => {
-        dialog.appendTo = fixture.debugElement.query(By.css('button')).nativeElement;
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        buttonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(dialog.visible).toEqual(true);
-    });
-
-    it('should call ngOnDestroy', fakeAsync(() => {
-        dialog.maximizable = true;
-        dialog.modal = true;
-        dialog.appendTo = 'body';
-        fixture.detectChanges();
-
-        const restoreAppendSpy = spyOn(dialog, 'restoreAppend').and.callThrough();
-        const onOverlayHideSpy = spyOn(dialog, 'onContainerDestroy').and.callThrough();
-        const disableModalitySpy = spyOn(dialog, 'disableModality').and.callThrough();
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        buttonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        dialog.container = fixture.debugElement.query(By.css('div')).nativeElement;
-        fixture.detectChanges();
-
-        const maximizableEl = fixture.nativeElement.querySelector('.p-dialog-header-maximize ');
-        maximizableEl.click();
-        fixture.detectChanges();
-
-        dialog.container = fixture.debugElement.query(By.css('div')).nativeElement;
-        fixture.detectChanges();
-
-        maximizableEl.click();
-        tick(350);
-        fixture.detectChanges();
-
-        dialog.ngOnDestroy();
-        fixture.detectChanges();
-
-        expect(restoreAppendSpy).toHaveBeenCalled();
-        expect(onOverlayHideSpy).toHaveBeenCalled();
-        expect(disableModalitySpy).toHaveBeenCalled();
-        expect(dialog.container).toEqual(null);
-        flush();
-    }));
-
-    it('should change location with drag actions', fakeAsync(() => {
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        buttonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        tick(300);
-        let firstLeft = dialog.container.style.left;
-        let firstTop = dialog.container.style.top;
-        let event = {
-            pageX: 500,
-            pageY: 500,
-            target: fixture.debugElement.nativeElement.querySelector('.p-dialog-header')
-        };
-        dialog.initDrag(event as MouseEvent);
-        expect(dialog.dragging).toEqual(true);
-        event.pageX = 505;
-        event.pageY = 505;
-        dialog.onDrag(event as DragEvent);
-        dialog.endDrag(event as DragEvent);
-        fixture.detectChanges();
-
-        expect(dialog.container.style.left).not.toEqual(firstLeft);
-        expect(dialog.container.style.top).not.toEqual(firstTop);
-        expect(dialog.dragging).toEqual(false);
-        flush();
-    }));
-
-    it('should change location with resize actions', fakeAsync(() => {
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        buttonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        tick(300);
-        let firstWidth = dialog.container.offsetWidth;
-        let firstHeight = dialog.container.offsetHeight;
-        let event = {
-            pageX: 500,
-            pageY: 500
-        };
-        dialog.initResize(event as MouseEvent);
-        expect(dialog.resizing).toEqual(true);
-        event.pageX = 505;
-        event.pageY = 505;
-        dialog.onResize(event as MouseEvent);
-        dialog.resizeEnd(event as MouseEvent);
-        fixture.detectChanges();
-
-        expect(parseInt(dialog.container.style.width)).not.toEqual(firstWidth);
-        expect(parseInt(dialog.container.style.height)).not.toEqual(firstHeight);
-        expect(dialog.resizing).toEqual(false);
-        flush();
-    }));
-
-    it('should close when press esc key', fakeAsync(() => {
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.query(By.css('button'));
-        buttonEl.nativeElement.click();
-        const closeSpy = spyOn(dialog, 'close').and.callThrough();
-        fixture.detectChanges();
-
-        tick(300);
-        document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
-        fixture.detectChanges();
-
-        expect(closeSpy).toHaveBeenCalled();
-        flush();
-    }));
-});
diff --git a/src/app/components/dialog/dialog.ts b/src/app/components/dialog/dialog.ts
deleted file mode 100644
index 5eed3ac..0000000
--- a/src/app/components/dialog/dialog.ts
+++ /dev/null
@@ -1,1074 +0,0 @@
-import { AnimationEvent, animate, animation, style, transition, trigger, useAnimation } from '@angular/animations';
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChild,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    NgZone,
-    OnDestroy,
-    OnInit,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    SimpleChanges,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    ViewRef,
-    booleanAttribute,
-    numberAttribute
-} from '@angular/core';
-import { Footer, Header, PrimeNGConfig, PrimeTemplate, SharedModule, TranslationKeys } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { FocusTrapModule } from 'primeng/focustrap';
-import { TimesIcon } from 'primeng/icons/times';
-import { WindowMaximizeIcon } from 'primeng/icons/windowmaximize';
-import { WindowMinimizeIcon } from 'primeng/icons/windowminimize';
-import { RippleModule } from 'primeng/ripple';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { UniqueComponentId, ZIndexUtils } from 'primeng/utils';
-import { ButtonModule } from 'primeng/button';
-
-const showAnimation = animation([style({ transform: '{{transform}}', opacity: 0 }), animate('{{transition}}')]);
-
-const hideAnimation = animation([animate('{{transition}}', style({ transform: '{{transform}}', opacity: 0 }))]);
-/**
- * Dialog is a container to display content in an overlay window.
- * @group Components
- */
-@Component({
-    selector: 'p-dialog',
-    template: `
-        <div
-            *ngIf="maskVisible"
-            [class]="maskStyleClass"
-            [ngStyle]="maskStyle"
-            [ngClass]="{
-                'p-dialog-mask': true,
-                'p-component-overlay p-component-overlay-enter': this.modal,
-                'p-dialog-mask-scrollblocker': this.modal || this.blockScroll,
-                'p-dialog-left': position === 'left',
-                'p-dialog-right': position === 'right',
-                'p-dialog-top': position === 'top',
-                'p-dialog-top-left': position === 'topleft' || position === 'top-left',
-                'p-dialog-top-right': position === 'topright' || position === 'top-right',
-                'p-dialog-bottom': position === 'bottom',
-                'p-dialog-bottom-left': position === 'bottomleft' || position === 'bottom-left',
-                'p-dialog-bottom-right': position === 'bottomright' || position === 'bottom-right'
-            }"
-        >
-            <div
-                #container
-                [ngClass]="{ 'p-dialog p-component': true, 'p-dialog-rtl': rtl, 'p-dialog-draggable': draggable, 'p-dialog-resizable': resizable, 'p-dialog-maximized': maximized }"
-                [ngStyle]="style"
-                [class]="styleClass"
-                *ngIf="visible"
-                pFocusTrap
-                [pFocusTrapDisabled]="focusTrap === false"
-                [@animation]="{ value: 'visible', params: { transform: transformOptions, transition: transitionOptions } }"
-                (@animation.start)="onAnimationStart($event)"
-                (@animation.done)="onAnimationEnd($event)"
-                role="dialog"
-                [attr.aria-labelledby]="ariaLabelledBy"
-                [attr.aria-modal]="true"
-            >
-                <ng-container *ngIf="headlessTemplate; else notHeadless">
-                    <ng-container *ngTemplateOutlet="headlessTemplate"></ng-container>
-                </ng-container>
-
-                <ng-template #notHeadless>
-                    <div *ngIf="resizable" class="p-resizable-handle" (mousedown)="initResize($event)"></div>
-                    <div #titlebar class="p-dialog-header" (mousedown)="initDrag($event)" *ngIf="showHeader">
-                        <span [id]="ariaLabelledBy" class="p-dialog-title" *ngIf="!headerFacet && !headerTemplate">{{ header }}</span>
-                        <span [id]="ariaLabelledBy" class="p-dialog-title" *ngIf="headerFacet">
-                            <ng-content select="p-header"></ng-content>
-                        </span>
-                        <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-                        <div class="p-dialog-header-icons">
-                            <button
-                                *ngIf="maximizable"
-                                role="button"
-                                type="button"
-                                [ngClass]="{ 'p-dialog-header-icon p-dialog-header-maximize p-link': true }"
-                                (click)="maximize()"
-                                (keydown.enter)="maximize()"
-                                [attr.tabindex]="maximizable ? '0' : '-1'"
-                                [attr.aria-label]="maximizeLabel"
-                                pRipple
-                                pButton
-                            >
-                                <span *ngIf="maximizeIcon && !maximizeIconTemplate && !minimizeIconTemplate" class="p-dialog-header-maximize-icon" [ngClass]="maximized ? minimizeIcon : maximizeIcon"></span>
-                                <ng-container *ngIf="!maximizeIcon">
-                                    <WindowMaximizeIcon *ngIf="!maximized && !maximizeIconTemplate" [styleClass]="'p-dialog-header-maximize-icon'" />
-                                    <WindowMinimizeIcon *ngIf="maximized && !minimizeIconTemplate" [styleClass]="'p-dialog-header-maximize-icon'" />
-                                </ng-container>
-                                <ng-container *ngIf="!maximized">
-                                    <ng-template *ngTemplateOutlet="maximizeIconTemplate"></ng-template>
-                                </ng-container>
-                                <ng-container *ngIf="maximized">
-                                    <ng-template *ngTemplateOutlet="minimizeIconTemplate"></ng-template>
-                                </ng-container>
-                            </button>
-                            <button
-                                *ngIf="closable"
-                                type="button"
-                                [ngClass]="{ 'p-dialog-header-icon p-dialog-header-close p-link': true }"
-                                [attr.aria-label]="closeAriaLabel"
-                                (click)="close($event)"
-                                (keydown.enter)="close($event)"
-                                pRipple
-                                pButton
-                                [attr.tabindex]="closeTabindex"
-                                [ngStyle]="{ 'min-width': 0 }"
-                            >
-                                <ng-container *ngIf="!closeIconTemplate">
-                                    <span *ngIf="closeIcon" class="p-dialog-header-close-icon" [ngClass]="closeIcon"></span>
-                                    <TimesIcon *ngIf="!closeIcon" [styleClass]="'p-dialog-header-close-icon'" />
-                                </ng-container>
-                                <span *ngIf="closeIconTemplate">
-                                    <ng-template *ngTemplateOutlet="closeIconTemplate"></ng-template>
-                                </span>
-                            </button>
-                        </div>
-                    </div>
-                    <div #content [ngClass]="'p-dialog-content'" [ngStyle]="contentStyle" [class]="contentStyleClass">
-                        <ng-content></ng-content>
-                        <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
-                    </div>
-                    <div #footer class="p-dialog-footer" *ngIf="footerFacet || footerTemplate">
-                        <ng-content select="p-footer"></ng-content>
-                        <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
-                    </div>
-                </ng-template>
-            </div>
-        </div>
-    `,
-    animations: [trigger('animation', [transition('void => visible', [useAnimation(showAnimation)]), transition('visible => void', [useAnimation(hideAnimation)])])],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['../dialog/dialog.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Dialog implements AfterContentInit, OnInit, OnDestroy {
-    /**
-     * Title text of the dialog.
-     * @group Props
-     */
-    @Input() header: string | undefined;
-    /**
-     * Enables dragging to change the position using header.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) draggable: boolean = true;
-    /**
-     * Enables resizing of the content.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) resizable: boolean = true;
-    /**
-     * Defines the left offset of dialog.
-     * @group Props
-     * @deprecated positionLeft property is deprecated.
-     */
-    @Input() get positionLeft(): number {
-        return 0;
-    }
-    set positionLeft(_positionLeft: number) {
-        console.log('positionLeft property is deprecated.');
-    }
-    /**
-     * Defines the top offset of dialog.
-     * @group Props
-     * @deprecated positionTop property is deprecated.
-     */
-    @Input() get positionTop(): number {
-        return 0;
-    }
-    set positionTop(_positionTop: number) {
-        console.log('positionTop property is deprecated.');
-    }
-    /**
-     * Style of the content section.
-     * @group Props
-     */
-    @Input() contentStyle: any;
-    /**
-     * Style class of the content.
-     * @group Props
-     */
-    @Input() contentStyleClass: string | undefined;
-    /**
-     * Defines if background should be blocked when dialog is displayed.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) modal: boolean = false;
-    /**
-     * Specifies if pressing escape key should hide the dialog.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) closeOnEscape: boolean = true;
-    /**
-     * Specifies if clicking the modal background should hide the dialog.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) dismissableMask: boolean = false;
-    /**
-     * When enabled dialog is displayed in RTL direction.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) rtl: boolean = false;
-    /**
-     * Adds a close icon to the header to hide the dialog.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) closable: boolean = true;
-    /**
-     * Defines if the component is responsive.
-     * @group Props
-     * @deprecated Responsive property is deprecated.
-     */
-    @Input() get responsive(): boolean {
-        return false;
-    }
-    set responsive(_responsive: boolean) {
-        console.log('Responsive property is deprecated.');
-    }
-    /**
-     * Target element to attach the dialog, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Object literal to define widths per screen size.
-     * @group Props
-     */
-    @Input() breakpoints: any;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Style class of the mask.
-     * @group Props
-     */
-    @Input() maskStyleClass: string | undefined;
-    /**
-     * Style of the mask.
-     * @group Props
-     */
-    @Input() maskStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Whether to show the header or not.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showHeader: boolean = true;
-    /**
-     * Defines the breakpoint of the component responsive.
-     * @group Props
-     * @deprecated Breakpoint property is not utilized and deprecated. Use breakpoints or CSS media queries instead.
-     */
-    @Input() get breakpoint(): number {
-        return 649;
-    }
-    set breakpoint(_breakpoint: number) {
-        console.log('Breakpoint property is not utilized and deprecated, use breakpoints or CSS media queries instead.');
-    }
-    /**
-     * Whether background scroll should be blocked when dialog is visible.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) blockScroll: boolean = false;
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-    /**
-     * Minimum value for the left coordinate of dialog in dragging.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) minX: number = 0;
-    /**
-     * Minimum value for the top coordinate of dialog in dragging.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) minY: number = 0;
-    /**
-     * When enabled, first focusable element receives focus on show.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) focusOnShow: boolean = true;
-    /**
-     * Whether the dialog can be displayed full screen.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) maximizable: boolean = false;
-    /**
-     * Keeps dialog in the viewport.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) keepInViewport: boolean = true;
-    /**
-     * When enabled, can only focus on elements inside the dialog.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) focusTrap: boolean = true;
-    /**
-     * Transition options of the animation.
-     * @group Props
-     */
-    @Input() transitionOptions: string = '150ms cubic-bezier(0, 0, 0.2, 1)';
-    /**
-     * Name of the close icon.
-     * @group Props
-     */
-    @Input() closeIcon: string | undefined;
-    /**
-     * Defines a string that labels the close button for accessibility.
-     * @group Props
-     */
-    @Input() closeAriaLabel: string | undefined;
-    /**
-     * Index of the close button in tabbing order.
-     * @group Props
-     */
-    @Input() closeTabindex: string = '0';
-    /**
-     * Name of the minimize icon.
-     * @group Props
-     */
-    @Input() minimizeIcon: string | undefined;
-    /**
-     * Name of the maximize icon.
-     * @group Props
-     */
-    @Input() maximizeIcon: string | undefined;
-    /**
-     * Specifies the visibility of the dialog.
-     * @group Props
-     */
-    @Input() get visible(): boolean {
-        return this._visible;
-    }
-    set visible(value: boolean) {
-        this._visible = value;
-
-        if (this._visible && !this.maskVisible) {
-            this.maskVisible = true;
-        }
-    }
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() get style(): any {
-        return this._style;
-    }
-    set style(value: any) {
-        if (value) {
-            this._style = { ...value };
-            this.originalStyle = value;
-        }
-    }
-    /**
-     * Position of the dialog.
-     * @group Props
-     */
-    @Input() get position(): 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright' {
-        return this._position;
-    }
-    set position(value: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright') {
-        this._position = value;
-
-        switch (value) {
-            case 'topleft':
-            case 'bottomleft':
-            case 'left':
-                this.transformOptions = 'translate3d(-100%, 0px, 0px)';
-                break;
-            case 'topright':
-            case 'bottomright':
-            case 'right':
-                this.transformOptions = 'translate3d(100%, 0px, 0px)';
-                break;
-            case 'bottom':
-                this.transformOptions = 'translate3d(0px, 100%, 0px)';
-                break;
-            case 'top':
-                this.transformOptions = 'translate3d(0px, -100%, 0px)';
-                break;
-            default:
-                this.transformOptions = 'scale(0.7)';
-                break;
-        }
-    }
-    /**
-     * Callback to invoke when dialog is shown.
-     * @group Emits
-     */
-    @Output() onShow: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke when dialog is hidden.
-     * @group Emits
-     */
-    @Output() onHide: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * This EventEmitter is used to notify changes in the visibility state of a component.
-     * @param {boolean} value - New value.
-     * @group Emits
-     */
-    @Output() visibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();
-    /**
-     * Callback to invoke when dialog resizing is initiated.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Emits
-     */
-    @Output() onResizeInit: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-    /**
-     * Callback to invoke when dialog resizing is completed.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Emits
-     */
-    @Output() onResizeEnd: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-    /**
-     * Callback to invoke when dialog dragging is completed.
-     * @param {DragEvent} event - Drag event.
-     * @group Emits
-     */
-    @Output() onDragEnd: EventEmitter<DragEvent> = new EventEmitter<DragEvent>();
-    /**
-     * Callback to invoke when dialog maximized or unmaximized.
-     * @group Emits
-     */
-    @Output() onMaximize: EventEmitter<any> = new EventEmitter<any>();
-
-    @ContentChild(Header) headerFacet: QueryList<Header> | undefined;
-
-    @ContentChild(Footer) footerFacet: QueryList<Footer> | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    @ViewChild('titlebar') headerViewChild: Nullable<ElementRef>;
-
-    @ViewChild('content') contentViewChild: Nullable<ElementRef>;
-
-    @ViewChild('footer') footerViewChild: Nullable<ElementRef>;
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    contentTemplate: Nullable<TemplateRef<any>>;
-
-    footerTemplate: Nullable<TemplateRef<any>>;
-
-    maximizeIconTemplate: Nullable<TemplateRef<any>>;
-
-    closeIconTemplate: Nullable<TemplateRef<any>>;
-
-    minimizeIconTemplate: Nullable<TemplateRef<any>>;
-
-    headlessTemplate: Nullable<TemplateRef<any>>;
-
-    _visible: boolean = false;
-
-    maskVisible: boolean | undefined;
-
-    container: Nullable<HTMLDivElement>;
-
-    wrapper: Nullable<HTMLElement>;
-
-    dragging: boolean | undefined;
-
-    ariaLabelledBy: string = this.getAriaLabelledBy();
-
-    documentDragListener: VoidListener;
-
-    documentDragEndListener: VoidListener;
-
-    resizing: boolean | undefined;
-
-    documentResizeListener: VoidListener;
-
-    documentResizeEndListener: VoidListener;
-
-    documentEscapeListener: VoidListener;
-
-    maskClickListener: VoidListener;
-
-    lastPageX: number | undefined;
-
-    lastPageY: number | undefined;
-
-    preventVisibleChangePropagation: boolean | undefined;
-
-    maximized: boolean | undefined;
-
-    preMaximizeContentHeight: number | undefined;
-
-    preMaximizeContainerWidth: number | undefined;
-
-    preMaximizeContainerHeight: number | undefined;
-
-    preMaximizePageX: number | undefined;
-
-    preMaximizePageY: number | undefined;
-
-    id: string = UniqueComponentId();
-
-    _style: any = {};
-
-    _position: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright' = 'center';
-
-    originalStyle: any;
-
-    transformOptions: any = 'scale(0.7)';
-
-    styleElement: any;
-
-    private window: Window;
-
-    get maximizeLabel(): string {
-        return this.config.getTranslation(TranslationKeys.ARIA)['maximizeLabel'];
-    }
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        public el: ElementRef,
-        public renderer: Renderer2,
-        public zone: NgZone,
-        private cd: ChangeDetectorRef,
-        public config: PrimeNGConfig
-    ) {
-        this.window = this.document.defaultView as Window;
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                case 'closeicon':
-                    this.closeIconTemplate = item.template;
-                    break;
-
-                case 'maximizeicon':
-                    this.maximizeIconTemplate = item.template;
-                    break;
-
-                case 'minimizeicon':
-                    this.minimizeIconTemplate = item.template;
-                    break;
-
-                case 'headless':
-                    this.headlessTemplate = item.template;
-                    break;
-
-                default:
-                    this.contentTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    ngOnInit() {
-        if (this.breakpoints) {
-            this.createStyle();
-        }
-    }
-
-    getAriaLabelledBy() {
-        return this.header !== null ? UniqueComponentId() + '_header' : null;
-    }
-
-    parseDurationToMilliseconds(durationString: string): number | undefined {
-        const transitionTimeRegex = /([\d\.]+)(ms|s)\b/g;
-        let totalMilliseconds = 0;
-        let match;
-
-        while ((match = transitionTimeRegex.exec(durationString)) !== null) {
-            const value = parseFloat(match[1]);
-            const unit = match[2];
-
-            if (unit === 'ms') {
-                totalMilliseconds += value;
-            } else if (unit === 's') {
-                totalMilliseconds += value * 1000;
-            }
-        }
-
-        if (totalMilliseconds === 0) {
-            return undefined;
-        }
-
-        return totalMilliseconds;
-    }
-
-    focus(focusParentElement = this.contentViewChild?.nativeElement) {
-        const timeoutDuration = this.parseDurationToMilliseconds(this.transitionOptions);
-
-        let focusable = DomHandler.getFocusableElement(focusParentElement, '[autofocus]');
-
-        if (focusable) {
-            this.zone.runOutsideAngular(() => {
-                setTimeout(() => focusable.focus(), timeoutDuration || 5);
-            });
-            return;
-        }
-        const focusableElement = DomHandler.getFocusableElement(focusParentElement);
-
-        if (focusableElement) {
-            this.zone.runOutsideAngular(() => {
-                setTimeout(() => focusableElement.focus(), timeoutDuration || 5);
-            });
-        } else if (this.footerViewChild && focusParentElement !== this.footerViewChild.nativeElement) {
-            // If the content section is empty try to focus on footer
-            this.focus(this.footerViewChild.nativeElement);
-        }
-    }
-
-    close(event: Event) {
-        this.visibleChange.emit(false);
-        event.preventDefault();
-    }
-
-    enableModality() {
-        if (this.closable && this.dismissableMask) {
-            this.maskClickListener = this.renderer.listen(this.wrapper, 'mousedown', (event: any) => {
-                if (this.wrapper && this.wrapper.isSameNode(event.target)) {
-                    this.close(event);
-                }
-            });
-        }
-
-        if (this.modal) {
-            DomHandler.blockBodyScroll();
-        }
-    }
-
-    disableModality() {
-        if (this.wrapper) {
-            if (this.dismissableMask) {
-                this.unbindMaskClickListener();
-            }
-
-            // for nested dialogs w/modal
-            const scrollBlockers = document.querySelectorAll('.p-dialog-mask-scrollblocker');
-
-            if (this.modal && scrollBlockers && scrollBlockers.length == 1) {
-                DomHandler.unblockBodyScroll();
-            }
-
-            if (!(this.cd as ViewRef).destroyed) {
-                this.cd.detectChanges();
-            }
-        }
-    }
-
-    maximize() {
-        this.maximized = !this.maximized;
-
-        if (!this.modal && !this.blockScroll) {
-            if (this.maximized) {
-                DomHandler.blockBodyScroll();
-            } else {
-                DomHandler.unblockBodyScroll();
-            }
-        }
-
-        this.onMaximize.emit({ maximized: this.maximized });
-    }
-
-    unbindMaskClickListener() {
-        if (this.maskClickListener) {
-            this.maskClickListener();
-            this.maskClickListener = null;
-        }
-    }
-
-    moveOnTop() {
-        if (this.autoZIndex) {
-            ZIndexUtils.set('modal', this.container, this.baseZIndex + this.config.zIndex.modal);
-            (this.wrapper as HTMLElement).style.zIndex = String(parseInt((this.container as HTMLDivElement).style.zIndex, 10) - 1);
-        }
-    }
-
-    createStyle() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.styleElement) {
-                this.styleElement = this.renderer.createElement('style');
-                this.styleElement.type = 'text/css';
-                DomHandler.setAttribute(this.styleElement, 'nonce', this.config?.csp()?.nonce);
-                this.renderer.appendChild(this.document.head, this.styleElement);
-                let innerHTML = '';
-                for (let breakpoint in this.breakpoints) {
-                    innerHTML += `
-                        @media screen and (max-width: ${breakpoint}) {
-                            .p-dialog[${this.id}]:not(.p-dialog-maximized) {
-                                width: ${this.breakpoints[breakpoint]} !important;
-                            }
-                        }
-                    `;
-                }
-
-                this.renderer.setProperty(this.styleElement, 'innerHTML', innerHTML);
-            }
-        }
-    }
-
-    initDrag(event: MouseEvent) {
-        if (DomHandler.hasClass(event.target, 'p-dialog-header-icon') || DomHandler.hasClass(event.target, 'p-dialog-header-close-icon') || DomHandler.hasClass((<HTMLElement>event.target).parentElement, 'p-dialog-header-icon')) {
-            return;
-        }
-
-        if (this.draggable) {
-            this.dragging = true;
-            this.lastPageX = event.pageX;
-            this.lastPageY = event.pageY;
-
-            (this.container as HTMLDivElement).style.margin = '0';
-            DomHandler.addClass(this.document.body, 'p-unselectable-text');
-        }
-    }
-
-    onDrag(event: MouseEvent) {
-        if (this.dragging) {
-            const containerWidth = DomHandler.getOuterWidth(this.container);
-            const containerHeight = DomHandler.getOuterHeight(this.container);
-            const deltaX = event.pageX - (this.lastPageX as number);
-            const deltaY = event.pageY - (this.lastPageY as number);
-            const offset = this.container.getBoundingClientRect();
-
-            const containerComputedStyle = getComputedStyle(this.container);
-
-            const leftMargin = parseFloat(containerComputedStyle.marginLeft);
-            const topMargin = parseFloat(containerComputedStyle.marginTop);
-
-            const leftPos = offset.left + deltaX - leftMargin;
-            const topPos = offset.top + deltaY - topMargin;
-            const viewport = DomHandler.getViewport();
-
-            this.container.style.position = 'fixed';
-
-            if (this.keepInViewport) {
-                if (leftPos >= this.minX && leftPos + containerWidth < viewport.width) {
-                    this._style.left = `${leftPos}px`;
-                    this.lastPageX = event.pageX;
-                    this.container.style.left = `${leftPos}px`;
-                }
-
-                if (topPos >= this.minY && topPos + containerHeight < viewport.height) {
-                    this._style.top = `${topPos}px`;
-                    this.lastPageY = event.pageY;
-                    this.container.style.top = `${topPos}px`;
-                }
-            } else {
-                this.lastPageX = event.pageX;
-                this.container.style.left = `${leftPos}px`;
-                this.lastPageY = event.pageY;
-                this.container.style.top = `${topPos}px`;
-            }
-        }
-    }
-
-    endDrag(event: DragEvent) {
-        if (this.dragging) {
-            this.dragging = false;
-            DomHandler.removeClass(this.document.body, 'p-unselectable-text');
-            this.cd.detectChanges();
-            this.onDragEnd.emit(event);
-        }
-    }
-
-    resetPosition() {
-        (this.container as HTMLDivElement).style.position = '';
-        (this.container as HTMLDivElement).style.left = '';
-        (this.container as HTMLDivElement).style.top = '';
-        (this.container as HTMLDivElement).style.margin = '';
-    }
-
-    //backward compatibility
-    center() {
-        this.resetPosition();
-    }
-
-    initResize(event: MouseEvent) {
-        if (this.resizable) {
-            this.resizing = true;
-            this.lastPageX = event.pageX;
-            this.lastPageY = event.pageY;
-            DomHandler.addClass(this.document.body, 'p-unselectable-text');
-            this.onResizeInit.emit(event);
-        }
-    }
-
-    onResize(event: MouseEvent) {
-        if (this.resizing) {
-            let deltaX = event.pageX - (this.lastPageX as number);
-            let deltaY = event.pageY - (this.lastPageY as number);
-            let containerWidth = DomHandler.getOuterWidth(this.container);
-            let containerHeight = DomHandler.getOuterHeight(this.container);
-            let contentHeight = DomHandler.getOuterHeight(this.contentViewChild?.nativeElement);
-            let newWidth = containerWidth + deltaX;
-            let newHeight = containerHeight + deltaY;
-            let minWidth = (this.container as HTMLDivElement).style.minWidth;
-            let minHeight = (this.container as HTMLDivElement).style.minHeight;
-            let offset = (this.container as HTMLDivElement).getBoundingClientRect();
-            let viewport = DomHandler.getViewport();
-            let hasBeenDragged = !parseInt((this.container as HTMLDivElement).style.top) || !parseInt((this.container as HTMLDivElement).style.left);
-
-            if (hasBeenDragged) {
-                newWidth += deltaX;
-                newHeight += deltaY;
-            }
-
-            if ((!minWidth || newWidth > parseInt(minWidth)) && offset.left + newWidth < viewport.width) {
-                this._style.width = newWidth + 'px';
-                (this.container as HTMLDivElement).style.width = this._style.width;
-            }
-
-            if ((!minHeight || newHeight > parseInt(minHeight)) && offset.top + newHeight < viewport.height) {
-                (<ElementRef>this.contentViewChild).nativeElement.style.height = contentHeight + newHeight - containerHeight + 'px';
-
-                if (this._style.height) {
-                    this._style.height = newHeight + 'px';
-                    (this.container as HTMLDivElement).style.height = this._style.height;
-                }
-            }
-
-            this.lastPageX = event.pageX;
-            this.lastPageY = event.pageY;
-        }
-    }
-
-    resizeEnd(event: MouseEvent) {
-        if (this.resizing) {
-            this.resizing = false;
-            DomHandler.removeClass(this.document.body, 'p-unselectable-text');
-            this.onResizeEnd.emit(event);
-        }
-    }
-
-    bindGlobalListeners() {
-        if (this.draggable) {
-            this.bindDocumentDragListener();
-            this.bindDocumentDragEndListener();
-        }
-
-        if (this.resizable) {
-            this.bindDocumentResizeListeners();
-        }
-
-        if (this.closeOnEscape && this.closable) {
-            this.bindDocumentEscapeListener();
-        }
-    }
-
-    unbindGlobalListeners() {
-        this.unbindDocumentDragListener();
-        this.unbindDocumentDragEndListener();
-        this.unbindDocumentResizeListeners();
-        this.unbindDocumentEscapeListener();
-    }
-
-    bindDocumentDragListener() {
-        if (!this.documentDragListener) {
-            this.zone.runOutsideAngular(() => {
-                this.documentDragListener = this.renderer.listen(this.window, 'mousemove', this.onDrag.bind(this));
-            });
-        }
-    }
-
-    unbindDocumentDragListener() {
-        if (this.documentDragListener) {
-            this.documentDragListener();
-            this.documentDragListener = null;
-        }
-    }
-
-    bindDocumentDragEndListener() {
-        if (!this.documentDragEndListener) {
-            this.zone.runOutsideAngular(() => {
-                this.documentDragEndListener = this.renderer.listen(this.window, 'mouseup', this.endDrag.bind(this));
-            });
-        }
-    }
-
-    unbindDocumentDragEndListener() {
-        if (this.documentDragEndListener) {
-            this.documentDragEndListener();
-            this.documentDragEndListener = null;
-        }
-    }
-
-    bindDocumentResizeListeners() {
-        if (!this.documentResizeListener && !this.documentResizeEndListener) {
-            this.zone.runOutsideAngular(() => {
-                this.documentResizeListener = this.renderer.listen(this.window, 'mousemove', this.onResize.bind(this));
-                this.documentResizeEndListener = this.renderer.listen(this.window, 'mouseup', this.resizeEnd.bind(this));
-            });
-        }
-    }
-
-    unbindDocumentResizeListeners() {
-        if (this.documentResizeListener && this.documentResizeEndListener) {
-            this.documentResizeListener();
-            this.documentResizeEndListener();
-            this.documentResizeListener = null;
-            this.documentResizeEndListener = null;
-        }
-    }
-
-    bindDocumentEscapeListener() {
-        const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : 'document';
-
-        this.documentEscapeListener = this.renderer.listen(documentTarget, 'keydown', (event) => {
-            if (event.key == 'Escape') {
-                this.close(event);
-            }
-        });
-    }
-
-    unbindDocumentEscapeListener() {
-        if (this.documentEscapeListener) {
-            this.documentEscapeListener();
-            this.documentEscapeListener = null;
-        }
-    }
-
-    appendContainer() {
-        if (this.appendTo) {
-            if (this.appendTo === 'body') this.renderer.appendChild(this.document.body, this.wrapper);
-            else DomHandler.appendChild(this.wrapper, this.appendTo);
-        }
-    }
-
-    restoreAppend() {
-        if (this.container && this.appendTo) {
-            this.renderer.appendChild(this.el.nativeElement, this.wrapper);
-        }
-    }
-
-    onAnimationStart(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-                this.container = event.element;
-                this.wrapper = this.container?.parentElement;
-                this.moveOnTop();
-                this.appendContainer();
-                this.bindGlobalListeners();
-                this.container?.setAttribute(this.id, '');
-
-                if (this.modal) {
-                    this.enableModality();
-                }
-
-                if (!this.modal && this.blockScroll) {
-                    DomHandler.addClass(this.document.body, 'p-overflow-hidden');
-                }
-
-                if (this.focusOnShow) {
-                    this.focus();
-                }
-                break;
-
-            case 'void':
-                if (this.wrapper && this.modal) {
-                    DomHandler.addClass(this.wrapper, 'p-component-overlay-leave');
-                }
-                break;
-        }
-    }
-
-    onAnimationEnd(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'void':
-                this.onContainerDestroy();
-                this.onHide.emit({});
-                this.cd.markForCheck();
-                break;
-            case 'visible':
-                this.onShow.emit({});
-                break;
-        }
-    }
-
-    onContainerDestroy() {
-        this.unbindGlobalListeners();
-        this.dragging = false;
-
-        this.maskVisible = false;
-
-        if (this.maximized) {
-            DomHandler.removeClass(this.document.body, 'p-overflow-hidden');
-            this.document.body.style.removeProperty('--scrollbar-width');
-            this.maximized = false;
-        }
-
-        if (this.modal) {
-            this.disableModality();
-        }
-
-        if (this.blockScroll) {
-            DomHandler.removeClass(this.document.body, 'p-overflow-hidden');
-        }
-
-        if (this.container && this.autoZIndex) {
-            ZIndexUtils.clear(this.container);
-        }
-
-        this.container = null;
-        this.wrapper = null;
-
-        this._style = this.originalStyle ? { ...this.originalStyle } : {};
-    }
-
-    destroyStyle() {
-        if (this.styleElement) {
-            this.renderer.removeChild(this.document.head, this.styleElement);
-            this.styleElement = null;
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.container) {
-            this.restoreAppend();
-            this.onContainerDestroy();
-        }
-
-        this.destroyStyle();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, FocusTrapModule, ButtonModule, RippleModule, TimesIcon, WindowMaximizeIcon, WindowMinimizeIcon],
-    exports: [Dialog, SharedModule],
-    declarations: [Dialog]
-})
-export class DialogModule {}
diff --git a/src/app/components/dialog/ng-package.json b/src/app/components/dialog/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/dialog/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/dialog/public_api.ts b/src/app/components/dialog/public_api.ts
deleted file mode 100644
index 3cfc283..0000000
--- a/src/app/components/dialog/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './dialog';
-export * from './dialog.interface';
diff --git a/src/app/components/divider/divider.css b/src/app/components/divider/divider.css
deleted file mode 100644
index e64ed71..0000000
--- a/src/app/components/divider/divider.css
+++ /dev/null
@@ -1,86 +0,0 @@
-@layer primeng {
-    .p-divider-horizontal {
-        display: flex;
-        width: 100%;
-        position: relative;
-        align-items: center;
-    }
-
-    .p-divider-horizontal:before {
-        position: absolute;
-        display: block;
-        top: 50%;
-        left: 0;
-        width: 100%;
-        content: '';
-    }
-
-    .p-divider-horizontal.p-divider-left {
-        justify-content: flex-start;
-    }
-
-    .p-divider-horizontal.p-divider-right {
-        justify-content: flex-end;
-    }
-
-    .p-divider-horizontal.p-divider-center {
-        justify-content: center;
-    }
-
-    .p-divider-content {
-        z-index: 1;
-    }
-
-    .p-divider-vertical {
-        min-height: 100%;
-        margin: 0 1rem;
-        display: flex;
-        position: relative;
-        justify-content: center;
-    }
-
-    .p-divider-vertical:before {
-        position: absolute;
-        display: block;
-        top: 0;
-        left: 50%;
-        height: 100%;
-        content: '';
-    }
-
-    .p-divider-vertical.p-divider-top {
-        align-items: flex-start;
-    }
-
-    .p-divider-vertical.p-divider-center {
-        align-items: center;
-    }
-
-    .p-divider-vertical.p-divider-bottom {
-        align-items: flex-end;
-    }
-
-    .p-divider-solid.p-divider-horizontal:before {
-        border-top-style: solid;
-    }
-
-    .p-divider-solid.p-divider-vertical:before {
-        border-left-style: solid;
-    }
-
-    .p-divider-dashed.p-divider-horizontal:before {
-        border-top-style: dashed;
-    }
-
-    .p-divider-dashed.p-divider-vertical:before {
-        border-left-style: dashed;
-    }
-
-    .p-divider-dotted.p-divider-horizontal:before {
-        border-top-style: dotted;
-    }
-
-    .p-divider-dotted.p-divider-vertical:before {
-        border-left-style: dotted;
-    }
-}
diff --git a/src/app/components/divider/divider.spec.ts b/src/app/components/divider/divider.spec.ts
deleted file mode 100644
index 0db0567..0000000
--- a/src/app/components/divider/divider.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { Divider, DividerModule } from './divider';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { By } from '@angular/platform-browser';
-
-describe('Divider', () => {
-    let divider: Divider;
-    let fixture: ComponentFixture<Divider>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, DividerModule]
-        });
-
-        fixture = TestBed.createComponent(Divider);
-        divider = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const dividerEl = fixture.debugElement.query(By.css('.p-divider'));
-        expect(dividerEl.nativeElement).toBeTruthy();
-    });
-});
diff --git a/src/app/components/divider/divider.ts b/src/app/components/divider/divider.ts
deleted file mode 100644
index da772f6..0000000
--- a/src/app/components/divider/divider.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { NgModule, Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
-/**
- * Divider is used to separate contents.
- * @group Components
- */
-@Component({
-    selector: 'p-divider',
-    template: `
-        <div [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="style" role="separator" [attr.aria-orientation]="layout" [attr.data-pc-name]="'divider'">
-            <div class="p-divider-content">
-                <ng-content></ng-content>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./divider.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Divider {
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Specifies the orientation.
-     * @group Props
-     */
-    @Input() layout: 'horizontal' | 'vertical' | undefined = 'horizontal';
-    /**
-     * Border style type.
-     * @group Props
-     */
-    @Input() type: 'solid' | 'dashed' | 'dotted' | undefined = 'solid';
-    /**
-     * Alignment of the content.
-     * @group Props
-     */
-    @Input() align: 'left' | 'center' | 'right' | 'top' | 'center' | 'bottom' | undefined;
-
-    containerClass() {
-        return {
-            'p-divider p-component': true,
-            'p-divider-horizontal': this.layout === 'horizontal',
-            'p-divider-vertical': this.layout === 'vertical',
-            'p-divider-solid': this.type === 'solid',
-            'p-divider-dashed': this.type === 'dashed',
-            'p-divider-dotted': this.type === 'dotted',
-            'p-divider-left': this.layout === 'horizontal' && (!this.align || this.align === 'left'),
-            'p-divider-center': (this.layout === 'horizontal' && this.align === 'center') || (this.layout === 'vertical' && (!this.align || this.align === 'center')),
-            'p-divider-right': this.layout === 'horizontal' && this.align === 'right',
-            'p-divider-top': this.layout === 'vertical' && this.align === 'top',
-            'p-divider-bottom': this.layout === 'vertical' && this.align === 'bottom'
-        };
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [Divider],
-    declarations: [Divider]
-})
-export class DividerModule {}
diff --git a/src/app/components/divider/ng-package.json b/src/app/components/divider/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/divider/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/divider/public_api.ts b/src/app/components/divider/public_api.ts
deleted file mode 100644
index bf4ed01..0000000
--- a/src/app/components/divider/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './divider';
diff --git a/src/app/components/dock/dock.css b/src/app/components/dock/dock.css
deleted file mode 100644
index c5d1a39..0000000
--- a/src/app/components/dock/dock.css
+++ /dev/null
@@ -1,107 +0,0 @@
-@layer primeng {
-    .p-dock {
-        position: absolute;
-        z-index: 1;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        pointer-events: none;
-    }
-
-    .p-dock-list-container {
-        display: flex;
-        pointer-events: auto;
-    }
-
-    .p-dock-list {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-dock-item {
-        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-        will-change: transform;
-    }
-
-    .p-dock-link {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        position: relative;
-        overflow: hidden;
-        cursor: default;
-    }
-
-    .p-dock-item-second-prev,
-    .p-dock-item-second-next {
-        transform: scale(1.2);
-    }
-
-    .p-dock-item-prev,
-    .p-dock-item-next {
-        transform: scale(1.4);
-    }
-
-    .p-dock-item-current {
-        transform: scale(1.6);
-        z-index: 1;
-    }
-
-    /* Position */
-    /* top */
-    .p-dock-top {
-        left: 0;
-        top: 0;
-        width: 100%;
-    }
-
-    .p-dock-top .p-dock-item {
-        transform-origin: center top;
-    }
-
-    /* bottom */
-    .p-dock-bottom {
-        left: 0;
-        bottom: 0;
-        width: 100%;
-    }
-
-    .p-dock-bottom .p-dock-item {
-        transform-origin: center bottom;
-    }
-
-    /* right */
-    .p-dock-right {
-        right: 0;
-        top: 0;
-        height: 100%;
-    }
-
-    .p-dock-right .p-dock-item {
-        transform-origin: center right;
-    }
-
-    .p-dock-right .p-dock-list {
-        flex-direction: column;
-    }
-
-    /* left */
-    .p-dock-left {
-        left: 0;
-        top: 0;
-        height: 100%;
-    }
-
-    .p-dock-left .p-dock-item {
-        transform-origin: center left;
-    }
-
-    .p-dock-left .p-dock-list {
-        flex-direction: column;
-    }
-}
diff --git a/src/app/components/dock/dock.interface.ts b/src/app/components/dock/dock.interface.ts
deleted file mode 100644
index 92f4ba1..0000000
--- a/src/app/components/dock/dock.interface.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { TemplateRef } from '@angular/core';
-/**
- * Defines valid templates in Dock.
- * @group Templates
- */
-export interface DockTemplates {
-    /**
-     * Custom template of item.
-     * @param {Object} context - item data.
-     */
-    item(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-}
diff --git a/src/app/components/dock/dock.spec.ts b/src/app/components/dock/dock.spec.ts
deleted file mode 100644
index 05b2572..0000000
--- a/src/app/components/dock/dock.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { DockModule, Dock } from './dock';
-
-describe('Dock', () => {
-    let dock: Dock;
-    let fixture: ComponentFixture<Dock>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, DockModule]
-        });
-
-        fixture = TestBed.createComponent(Dock);
-        dock = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const dockEl = fixture.debugElement.query(By.css('.p-dock'));
-        expect(dockEl.nativeElement).toBeTruthy();
-    });
-});
diff --git a/src/app/components/dock/dock.ts b/src/app/components/dock/dock.ts
deleted file mode 100644
index f158b26..0000000
--- a/src/app/components/dock/dock.ts
+++ /dev/null
@@ -1,367 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterContentInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { MenuItem, PrimeTemplate, SharedModule } from 'primeng/api';
-import { RippleModule } from 'primeng/ripple';
-import { TooltipModule } from 'primeng/tooltip';
-import { Nullable } from 'primeng/ts-helpers';
-import { ObjectUtils, UniqueComponentId } from 'primeng/utils';
-import { DomHandler } from 'primeng/dom';
-/**
- * Dock is a navigation component consisting of menuitems.
- * @group Components
- */
-@Component({
-    selector: 'p-dock',
-    template: `
-        <div [ngClass]="containerClass" [ngStyle]="style" [class]="styleClass" [attr.data-pc-name]="'dock'">
-            <div class="p-dock-list-container">
-                <ul
-                    #list
-                    [attr.id]="id"
-                    class="p-dock-list"
-                    role="menu"
-                    [attr.aria-orientation]="position === 'bottom' || position === 'top' ? 'horizontal' : 'vertical'"
-                    [attr.aria-activedescendant]="focused ? focusedOptionId : undefined"
-                    [tabindex]="tabindex"
-                    [attr.aria-label]="ariaLabel"
-                    [attr.aria-labelledby]="ariaLabelledBy"
-                    [attr.data-pc-section]="'menu'"
-                    (focus)="onListFocus($event)"
-                    (blur)="onListBlur($event)"
-                    (keydown)="onListKeyDown($event)"
-                    (mouseleave)="onListMouseLeave()"
-                >
-                    <li
-                        *ngFor="let item of model; let i = index"
-                        [attr.id]="getItemId(item, i)"
-                        [ngClass]="itemClass(item, i)"
-                        role="menuitem"
-                        [attr.aria-label]="item.label"
-                        [attr.aria-disabled]="disabled(item)"
-                        (click)="onItemClick($event, item)"
-                        (mouseenter)="onItemMouseEnter(i)"
-                        [attr.data-pc-section]="'menuitem'"
-                        [attr.data-p-focused]="isItemActive(getItemId(item, i))"
-                        [attr.data-p-disabled]="disabled(item) || false"
-                    >
-                        <div class="p-menuitem-content" [attr.data-pc-section]="'content'">
-                            <a
-                                *ngIf="isClickableRouterLink(item); else elseBlock"
-                                pRipple
-                                [routerLink]="item.routerLink"
-                                [queryParams]="item.queryParams"
-                                [ngClass]="{ 'p-disabled': item.disabled }"
-                                class="p-dock-link"
-                                [routerLinkActiveOptions]="item.routerLinkActiveOptions || { exact: false }"
-                                [target]="item.target"
-                                [attr.tabindex]="item.disabled || readonly ? null : item.tabindex ? item.tabindex : '-1'"
-                                pTooltip
-                                [tooltipOptions]="item.tooltipOptions"
-                                [fragment]="item.fragment"
-                                [queryParamsHandling]="item.queryParamsHandling"
-                                [preserveFragment]="item.preserveFragment"
-                                [skipLocationChange]="item.skipLocationChange"
-                                [replaceUrl]="item.replaceUrl"
-                                [state]="item.state"
-                            >
-                                <span class="p-dock-action-icon" *ngIf="item.icon && !itemTemplate" [ngClass]="item.icon" [ngStyle]="item.iconStyle"></span>
-                                <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-container>
-                            </a>
-                            <ng-template #elseBlock>
-                                <a
-                                    [tooltipPosition]="item.tooltipPosition"
-                                    [attr.href]="item.url || null"
-                                    class="p-dock-link"
-                                    pRipple
-                                    pTooltip
-                                    [tooltipOptions]="item.tooltipOptions"
-                                    [ngClass]="{ 'p-disabled': item.disabled }"
-                                    [target]="item.target"
-                                    [attr.tabindex]="item.disabled || (i !== activeIndex && readonly) ? null : item.tabindex ? item.tabindex : '-1'"
-                                >
-                                    <span class="p-dock-action-icon" *ngIf="item.icon && !itemTemplate" [ngClass]="item.icon" [ngStyle]="item.iconStyle"></span>
-                                    <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-container>
-                                </a>
-                            </ng-template>
-                        </div>
-                    </li>
-                </ul>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./dock.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Dock implements AfterContentInit {
-    /**
-     * Current id state as a string.
-     * @group Props
-     */
-    @Input() id: string | undefined;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * MenuModel instance to define the action items.
-     * @group Props
-     */
-    @Input() model: MenuItem[] | undefined | null = null;
-    /**
-     * Position of element.
-     * @group Props
-     */
-    @Input() position: 'bottom' | 'top' | 'left' | 'right' = 'bottom';
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Defines a string that labels the dropdown button for accessibility.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Callback to execute when button is focused.
-     * @param {FocusEvent} event - Focus event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();
-    /**
-     * Callback to invoke when the component loses focus.
-     * @param {FocusEvent} event - Focus event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    @ViewChild('list', { static: false }) listViewChild: Nullable<ElementRef>;
-
-    itemTemplate: TemplateRef<any> | undefined;
-
-    currentIndex: number;
-
-    tabindex: number = 0;
-
-    focused: boolean = false;
-
-    focusedOptionIndex: number = -1;
-
-    get focusedOptionId() {
-        return this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : null;
-    }
-
-    constructor(
-        private el: ElementRef,
-        public cd: ChangeDetectorRef
-    ) {
-        this.currentIndex = -3;
-    }
-
-    ngOnInit() {
-        this.id = this.id || UniqueComponentId();
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    getItemId(item, index) {
-        return item && item?.id ? item.id : `${index}`;
-    }
-
-    getItemProp(processedItem, name) {
-        return processedItem && processedItem.item ? ObjectUtils.getItemValue(processedItem.item[name]) : undefined;
-    }
-
-    disabled(item) {
-        return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
-    }
-
-    isItemActive(id) {
-        return id === this.focusedOptionIndex;
-    }
-
-    onListMouseLeave() {
-        this.currentIndex = -3;
-        this.cd.markForCheck();
-    }
-
-    onItemMouseEnter(index: number) {
-        this.currentIndex = index;
-
-        if (index === 1) {
-        }
-
-        this.cd.markForCheck();
-    }
-
-    onItemClick(e: Event, item: MenuItem) {
-        if (item.command) {
-            item.command({ originalEvent: e, item });
-        }
-    }
-
-    onListFocus(event) {
-        this.focused = true;
-        this.changeFocusedOptionIndex(0);
-        this.onFocus.emit(event);
-    }
-
-    onListBlur(event) {
-        this.focused = false;
-        this.focusedOptionIndex = -1;
-        this.onBlur.emit(event);
-    }
-    onListKeyDown(event) {
-        switch (event.code) {
-            case 'ArrowDown': {
-                if (this.position === 'left' || this.position === 'right') this.onArrowDownKey();
-                event.preventDefault();
-                break;
-            }
-
-            case 'ArrowUp': {
-                if (this.position === 'left' || this.position === 'right') this.onArrowUpKey();
-                event.preventDefault();
-                break;
-            }
-
-            case 'ArrowRight': {
-                if (this.position === 'top' || this.position === 'bottom') this.onArrowDownKey();
-                event.preventDefault();
-                break;
-            }
-
-            case 'ArrowLeft': {
-                if (this.position === 'top' || this.position === 'bottom') this.onArrowUpKey();
-                event.preventDefault();
-                break;
-            }
-
-            case 'Home': {
-                this.onHomeKey();
-                event.preventDefault();
-                break;
-            }
-
-            case 'End': {
-                this.onEndKey();
-                event.preventDefault();
-                break;
-            }
-
-            case 'Enter':
-
-            case 'Space': {
-                this.onSpaceKey();
-                event.preventDefault();
-                break;
-            }
-
-            default:
-                break;
-        }
-    }
-
-    onArrowDownKey() {
-        const optionIndex = this.findNextOptionIndex(this.focusedOptionIndex);
-
-        this.changeFocusedOptionIndex(optionIndex);
-    }
-
-    onArrowUpKey() {
-        const optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex);
-
-        this.changeFocusedOptionIndex(optionIndex);
-    }
-
-    onHomeKey() {
-        this.changeFocusedOptionIndex(0);
-    }
-
-    onEndKey() {
-        this.changeFocusedOptionIndex(DomHandler.find(this.listViewChild.nativeElement, 'li[data-pc-section="menuitem"][data-p-disabled="false"]').length - 1);
-    }
-
-    onSpaceKey() {
-        const element = DomHandler.findSingle(this.listViewChild.nativeElement, `li[id="${`${this.focusedOptionIndex}`}"]`);
-        const anchorElement = element && DomHandler.findSingle(element, '[data-pc-section="action"]');
-
-        anchorElement ? anchorElement.click() : element && element.click();
-    }
-
-    findNextOptionIndex(index) {
-        const menuitems = DomHandler.find(this.listViewChild.nativeElement, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
-        const matchedOptionIndex = [...menuitems].findIndex((link) => link.id === index);
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;
-    }
-
-    changeFocusedOptionIndex(index) {
-        const menuitems = DomHandler.find(this.listViewChild.nativeElement, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
-
-        let order = index >= menuitems.length ? menuitems.length - 1 : index < 0 ? 0 : index;
-
-        this.focusedOptionIndex = menuitems[order].getAttribute('id');
-    }
-
-    findPrevOptionIndex(index) {
-        const menuitems = DomHandler.find(this.listViewChild.nativeElement, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
-        const matchedOptionIndex = [...menuitems].findIndex((link) => link.id === index);
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;
-    }
-
-    get containerClass() {
-        return {
-            ['p-dock p-component ' + ` p-dock-${this.position}`]: true
-        };
-    }
-
-    isClickableRouterLink(item: any) {
-        return item.routerLink && !item.disabled;
-    }
-
-    itemClass(item, index: number) {
-        return {
-            'p-dock-item': true,
-            'p-dock-item-second-prev': this.currentIndex - 2 === index,
-            'p-dock-item-prev': this.currentIndex - 1 === index,
-            'p-dock-item-current': this.currentIndex === index,
-            'p-dock-item-next': this.currentIndex + 1 === index,
-            'p-dock-item-second-next': this.currentIndex + 2 === index,
-            'p-focus': this.isItemActive(this.getItemId(item, index))
-        };
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, RouterModule, RippleModule, TooltipModule],
-    exports: [Dock, SharedModule, TooltipModule, RouterModule],
-    declarations: [Dock]
-})
-export class DockModule {}
diff --git a/src/app/components/dock/ng-package.json b/src/app/components/dock/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/dock/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/dock/public_api.ts b/src/app/components/dock/public_api.ts
deleted file mode 100644
index cc755e4..0000000
--- a/src/app/components/dock/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './dock';
-export * from './dock.interface';
diff --git a/src/app/components/dom/connectedoverlayscrollhandler.ts b/src/app/components/dom/connectedoverlayscrollhandler.ts
deleted file mode 100644
index f4046a7..0000000
--- a/src/app/components/dom/connectedoverlayscrollhandler.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { DomHandler } from './domhandler';
-
-export class ConnectedOverlayScrollHandler {
-    element: any;
-
-    listener: any;
-
-    scrollableParents: any;
-
-    constructor(element: any, listener: any = () => {}) {
-        this.element = element;
-        this.listener = listener;
-    }
-
-    bindScrollListener() {
-        this.scrollableParents = DomHandler.getScrollableParents(this.element);
-        for (let i = 0; i < this.scrollableParents.length; i++) {
-            this.scrollableParents[i].addEventListener('scroll', this.listener);
-        }
-    }
-
-    unbindScrollListener() {
-        if (this.scrollableParents) {
-            for (let i = 0; i < this.scrollableParents.length; i++) {
-                this.scrollableParents[i].removeEventListener('scroll', this.listener);
-            }
-        }
-    }
-
-    destroy() {
-        this.unbindScrollListener();
-        this.element = null;
-        this.listener = null;
-        this.scrollableParents = null;
-    }
-}
diff --git a/src/app/components/dom/domhandler.spec.ts b/src/app/components/dom/domhandler.spec.ts
deleted file mode 100644
index bed6dbf..0000000
--- a/src/app/components/dom/domhandler.spec.ts
+++ /dev/null
@@ -1,215 +0,0 @@
-import { DomHandler } from './domhandler';
-
-describe('DomHandler', () => {
-    it('should add single and multiple class to element', () => {
-        const element = document.createElement('div');
-        DomHandler.addClass(element, 'primeng');
-        let mockElement = { classList: undefined, className: '' };
-        DomHandler.addClass(mockElement, 'primeng');
-        expect(element.classList).toContain('primeng');
-        expect(mockElement.className).toContain('primeng');
-        DomHandler.addMultipleClasses(element, 'rocks! vamos!');
-        DomHandler.addMultipleClasses(mockElement, 'rocks! vamos!');
-        expect(element.classList.value).toContain('primeng rocks! vamos!');
-        expect(mockElement.className).toContain('rocks! vamos!');
-    });
-
-    it('should remove class from element', () => {
-        const element = document.createElement('div');
-        DomHandler.addClass(element, 'primeng');
-        let mockElement = { classList: undefined, className: '' };
-        DomHandler.addClass(mockElement, 'primeng');
-        DomHandler.removeClass(element, 'primeng');
-        DomHandler.removeClass(mockElement, 'primeng');
-        expect(element.classList).not.toContain('primeng');
-        expect(mockElement.className).not.toContain('primeng');
-    });
-
-    it('should check elemets class', () => {
-        const element = document.createElement('div');
-        DomHandler.addClass(element, 'primeng');
-        let mockElement = { classList: undefined, className: '' };
-        DomHandler.addClass(mockElement, 'primeng');
-        expect(DomHandler.hasClass(element, 'primeng')).toBeTruthy();
-        expect(DomHandler.hasClass(mockElement, 'primeng')).toBeTruthy();
-    });
-
-    it('should get siblings', () => {
-        const element = document.createElement('div');
-        const childEl = document.createElement('p');
-        const childEl2 = document.createElement('a');
-        const childEl3 = document.createElement('span');
-        element.appendChild(childEl);
-        element.appendChild(childEl2);
-        element.appendChild(childEl3);
-        expect(DomHandler.siblings(element.children[0]).length).toEqual(2);
-    });
-
-    it('should remove child', () => {
-        const element = document.createElement('div');
-        const childEl = document.createElement('p');
-        const childEl2 = document.createElement('a');
-        const childEl3 = document.createElement('span');
-        element.appendChild(childEl);
-        element.appendChild(childEl2);
-        element.appendChild(childEl3);
-        DomHandler.removeChild(element.children[1], element);
-        expect(element.children.length).toEqual(2);
-    });
-
-    it('should check value isInteger', () => {
-        expect(DomHandler.isInteger(5)).toBeTruthy();
-        expect(DomHandler.isInteger('5')).toBeFalsy();
-    });
-
-    it('should get focusable elements', () => {
-        const element = document.createElement('div');
-        const childEl = document.createElement('p');
-        const childEl2 = document.createElement('a');
-        const childEl3 = document.createElement('a');
-        const childEl4 = document.createElement('button');
-        childEl2.setAttribute('href', 'https://primeng.org');
-        element.appendChild(childEl);
-        element.appendChild(childEl2);
-        element.appendChild(childEl3);
-        element.appendChild(childEl4);
-        document.body.appendChild(element);
-        expect(DomHandler.getFocusableElements(element).length).toEqual(1);
-    });
-
-    it('should get the next focusable element', () => {
-        const element = document.createElement('div');
-        const childEl = document.createElement('p');
-        const childEl2 = document.createElement('a');
-        const childEl3 = document.createElement('button');
-        element.appendChild(childEl);
-        element.appendChild(childEl2);
-        element.appendChild(childEl3);
-        document.body.appendChild(element);
-        expect(DomHandler.getNextFocusableElement(element)).toEqual(childEl3);
-    });
-
-    it('should find element', () => {
-        const element = document.createElement('div');
-        const childEl = document.createElement('p');
-        const childEl2 = document.createElement('a');
-        const childEl3 = document.createElement('a');
-        DomHandler.addClass(childEl, 'primeng');
-        DomHandler.addClass(childEl3, 'primeng');
-        element.appendChild(childEl);
-        element.appendChild(childEl2);
-        element.appendChild(childEl3);
-        expect(DomHandler.find(element, 'a').length).toEqual(2);
-        expect(DomHandler.findSingle(element, 'a')).toBeTruthy();
-        expect(DomHandler.findSingle(null, 'a')).toBeNull();
-    });
-
-    it('should find index', () => {
-        const element = document.createElement('div');
-        const childEl = document.createElement('p');
-        const childEl2 = document.createElement('a');
-        const childEl3 = document.createElement('a');
-        DomHandler.addClass(childEl, 'primeng');
-        DomHandler.addClass(childEl3, 'primeng');
-        element.appendChild(childEl);
-        element.appendChild(childEl2);
-        element.appendChild(childEl3);
-        expect(DomHandler.index(element.children[2])).toEqual(2);
-    });
-
-    it('should find index with indexWithinGroup', () => {
-        const element = document.createElement('div');
-        const childEl = document.createElement('p');
-        const childEl2 = document.createElement('a');
-        const childEl3 = document.createElement('a');
-        childEl2.setAttribute('height', '300px');
-        childEl3.setAttribute('height', '300px');
-        DomHandler.addClass(childEl, 'primeng');
-        DomHandler.addClass(childEl3, 'primeng');
-        element.appendChild(childEl);
-        element.appendChild(childEl2);
-        element.appendChild(childEl3);
-        expect(DomHandler.indexWithinGroup(element.children[2], 'height')).toEqual(1);
-    });
-
-    it('should use relativePosition', () => {
-        const element = document.createElement('div');
-        const childEl = document.createElement('p');
-        const childEl2 = document.createElement('a');
-        const childEl3 = document.createElement('a');
-        childEl2.setAttribute('primeng', 'rocks!');
-        childEl3.setAttribute('primeng', 'rocks!');
-        DomHandler.addClass(childEl, 'primeng');
-        DomHandler.addClass(childEl3, 'primeng');
-        element.style.height = '200px';
-        element.style.width = '200px';
-        childEl3.style.height = '100px';
-        childEl3.style.width = '100px';
-        element.appendChild(childEl);
-        element.appendChild(childEl2);
-        element.appendChild(childEl3);
-        spyOn(DomHandler, 'getWindowScrollTop').and.returnValue(0);
-        spyOn(DomHandler, 'getWindowScrollLeft').and.returnValue(0);
-        DomHandler.relativePosition(element.children[2], element);
-        expect(childEl3.style.top).toEqual('0px');
-        expect(childEl3.style.left).toEqual('0px');
-    });
-
-    describe('relativePosition', () => {
-        it('should avoid overflow if element exceeds document width', () => {
-            const elementWidth = 200;
-            const targetWidth = 10;
-            const viewportWidth = DomHandler.getViewport().width;
-
-            const relativeElement = document.createElement('div');
-            relativeElement.style.position = 'relative';
-            relativeElement.style.width = targetWidth + 'px';
-            relativeElement.style.left = viewportWidth - elementWidth / 2 + 'px';
-            document.body.appendChild(relativeElement);
-
-            const element = document.createElement('div');
-            element.style.width = elementWidth + 'px';
-            element.style.position = 'absolute';
-            relativeElement.appendChild(element);
-
-            const target = document.createElement('div');
-            target.style.width = targetWidth + 'px';
-            relativeElement.appendChild(target);
-
-            DomHandler.relativePosition(element, target);
-
-            expect(element.getBoundingClientRect().right).toBe(viewportWidth);
-        });
-    });
-
-    it('should use absolutePosition', () => {
-        const element = document.createElement('div');
-        const childEl = document.createElement('p');
-        const childEl2 = document.createElement('a');
-        const childEl3 = document.createElement('a');
-        childEl2.setAttribute('primeng', 'rocks!');
-        childEl3.setAttribute('primeng', 'rocks!');
-        DomHandler.addClass(childEl, 'primeng');
-        DomHandler.addClass(childEl3, 'primeng');
-        element.style.height = '200px';
-        element.style.width = '200px';
-        childEl3.style.height = '100px';
-        childEl3.style.width = '100px';
-        element.appendChild(childEl);
-        element.appendChild(childEl2);
-        element.appendChild(childEl3);
-        spyOn(DomHandler, 'getWindowScrollTop').and.returnValue(0);
-        spyOn(DomHandler, 'getWindowScrollLeft').and.returnValue(0);
-        DomHandler.absolutePosition(element.children[2], element);
-        expect(childEl3.style.top).toEqual('0px');
-        expect(childEl3.style.left).toEqual('0px');
-    });
-
-    it('should get hidden element height and width', () => {
-        const element = document.createElement('div');
-        element.style.height = '0px';
-        element.style.width = '0px';
-        expect(DomHandler.getHiddenElementOuterHeight(element)).toEqual(0);
-        expect(DomHandler.getHiddenElementOuterWidth(element)).toEqual(0);
-    });
-});
diff --git a/src/app/components/dom/domhandler.ts b/src/app/components/dom/domhandler.ts
deleted file mode 100644
index 96f8d92..0000000
--- a/src/app/components/dom/domhandler.ts
+++ /dev/null
@@ -1,841 +0,0 @@
-/**
- * @dynamic is for runtime initializing DomHandler.browser
- *
- * If delete below comment, we can see this error message:
- *  Metadata collected contains an error that will be reported at runtime:
- *  Only initialized variables and constants can be referenced
- *  because the value of this variable is needed by the template compiler.
- */
-// @dynamic
-export class DomHandler {
-    public static zindex: number = 1000;
-
-    private static calculatedScrollbarWidth: number = null;
-
-    private static calculatedScrollbarHeight: number = null;
-
-    private static browser: any;
-
-    public static addClass(element: any, className: string): void {
-        if (element && className) {
-            if (element.classList) element.classList.add(className);
-            else element.className += ' ' + className;
-        }
-    }
-
-    public static addMultipleClasses(element: any, className: string): void {
-        if (element && className) {
-            if (element.classList) {
-                let styles: string[] = className.trim().split(' ');
-                for (let i = 0; i < styles.length; i++) {
-                    element.classList.add(styles[i]);
-                }
-            } else {
-                let styles: string[] = className.split(' ');
-                for (let i = 0; i < styles.length; i++) {
-                    element.className += ' ' + styles[i];
-                }
-            }
-        }
-    }
-
-    public static removeClass(element: any, className: string): void {
-        if (element && className) {
-            if (element.classList) element.classList.remove(className);
-            else element.className = element.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
-        }
-    }
-
-    public static removeMultipleClasses(element, classNames) {
-        if (element && classNames) {
-            [classNames]
-                .flat()
-                .filter(Boolean)
-                .forEach((cNames) => cNames.split(' ').forEach((className) => this.removeClass(element, className)));
-        }
-    }
-
-    public static hasClass(element: any, className: string): boolean {
-        if (element && className) {
-            if (element.classList) return element.classList.contains(className);
-            else return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
-        }
-
-        return false;
-    }
-
-    public static siblings(element: any): any {
-        return Array.prototype.filter.call(element.parentNode.children, function (child) {
-            return child !== element;
-        });
-    }
-
-    public static find(element: any, selector: string): any[] {
-        return Array.from(element.querySelectorAll(selector));
-    }
-
-    public static findSingle(element: any, selector: string): any {
-        return this.isElement(element) ? element.querySelector(selector) : null;
-    }
-
-    public static index(element: any): number {
-        let children = element.parentNode.childNodes;
-        let num = 0;
-        for (var i = 0; i < children.length; i++) {
-            if (children[i] == element) return num;
-            if (children[i].nodeType == 1) num++;
-        }
-        return -1;
-    }
-
-    public static indexWithinGroup(element: any, attributeName: string): number {
-        let children = element.parentNode ? element.parentNode.childNodes : [];
-        let num = 0;
-        for (var i = 0; i < children.length; i++) {
-            if (children[i] == element) return num;
-            if (children[i].attributes && children[i].attributes[attributeName] && children[i].nodeType == 1) num++;
-        }
-        return -1;
-    }
-
-    public static appendOverlay(overlay: any, target: any, appendTo: any = 'self') {
-        if (appendTo !== 'self' && overlay && target) {
-            this.appendChild(overlay, target);
-        }
-    }
-
-    public static alignOverlay(overlay: any, target: any, appendTo: any = 'self', calculateMinWidth: boolean = true) {
-        if (overlay && target) {
-            if (calculateMinWidth) {
-                overlay.style.minWidth = `${DomHandler.getOuterWidth(target)}px`;
-            }
-
-            if (appendTo === 'self') {
-                this.relativePosition(overlay, target);
-            } else {
-                this.absolutePosition(overlay, target);
-            }
-        }
-    }
-
-    public static relativePosition(element: any, target: any, gutter: boolean = true): void {
-        const getClosestRelativeElement = (el) => {
-            if (!el) return;
-
-            return getComputedStyle(el).getPropertyValue('position') === 'relative' ? el : getClosestRelativeElement(el.parentElement);
-        };
-
-        const elementDimensions = element.offsetParent ? { width: element.offsetWidth, height: element.offsetHeight } : this.getHiddenElementDimensions(element);
-        const targetHeight = target.offsetHeight ?? target.getBoundingClientRect().height;
-        const targetOffset = target.getBoundingClientRect();
-        const windowScrollTop = this.getWindowScrollTop();
-        const windowScrollLeft = this.getWindowScrollLeft();
-        const viewport = this.getViewport();
-        const relativeElement = getClosestRelativeElement(element);
-        const relativeElementOffset = relativeElement?.getBoundingClientRect() || { top: -1 * windowScrollTop, left: -1 * windowScrollLeft };
-        let top: number, left: number;
-
-        if (targetOffset.top + targetHeight + elementDimensions.height > viewport.height) {
-            top = targetOffset.top - relativeElementOffset.top - elementDimensions.height;
-            element.style.transformOrigin = 'bottom';
-            if (targetOffset.top + top < 0) {
-                top = -1 * targetOffset.top;
-            }
-        } else {
-            top = targetHeight + targetOffset.top - relativeElementOffset.top;
-            element.style.transformOrigin = 'top';
-        }
-
-        const horizontalOverflow = targetOffset.left + elementDimensions.width - viewport.width;
-        const targetLeftOffsetInSpaceOfRelativeElement = targetOffset.left - relativeElementOffset.left;
-        if (elementDimensions.width > viewport.width) {
-            // element wider then viewport and cannot fit on screen (align at left side of viewport)
-            left = (targetOffset.left - relativeElementOffset.left) * -1;
-        } else if (horizontalOverflow > 0) {
-            // element wider then viewport but can be fit on screen (align at right side of viewport)
-            left = targetLeftOffsetInSpaceOfRelativeElement - horizontalOverflow;
-        } else {
-            // element fits on screen (align with target)
-            left = targetOffset.left - relativeElementOffset.left;
-        }
-
-        element.style.top = top + 'px';
-        element.style.left = left + 'px';
-        gutter && (element.style.marginTop = origin === 'bottom' ? 'calc(var(--p-anchor-gutter) * -1)' : 'calc(var(--p-anchor-gutter))');
-    }
-
-    public static absolutePosition(element: any, target: any, gutter: boolean = true): void {
-        const elementDimensions = element.offsetParent ? { width: element.offsetWidth, height: element.offsetHeight } : this.getHiddenElementDimensions(element);
-        const elementOuterHeight = elementDimensions.height;
-        const elementOuterWidth = elementDimensions.width;
-        const targetOuterHeight = target.offsetHeight ?? target.getBoundingClientRect().height;
-        const targetOuterWidth = target.offsetWidth ?? target.getBoundingClientRect().width;
-        const targetOffset = target.getBoundingClientRect();
-        const windowScrollTop = this.getWindowScrollTop();
-        const windowScrollLeft = this.getWindowScrollLeft();
-        const viewport = this.getViewport();
-        let top: number, left: number;
-
-        if (targetOffset.top + targetOuterHeight + elementOuterHeight > viewport.height) {
-            top = targetOffset.top + windowScrollTop - elementOuterHeight;
-            element.style.transformOrigin = 'bottom';
-
-            if (top < 0) {
-                top = windowScrollTop;
-            }
-        } else {
-            top = targetOuterHeight + targetOffset.top + windowScrollTop;
-            element.style.transformOrigin = 'top';
-        }
-
-        if (targetOffset.left + elementOuterWidth > viewport.width) left = Math.max(0, targetOffset.left + windowScrollLeft + targetOuterWidth - elementOuterWidth);
-        else left = targetOffset.left + windowScrollLeft;
-
-        element.style.top = top + 'px';
-        element.style.left = left + 'px';
-        gutter && (element.style.marginTop = origin === 'bottom' ? 'calc(var(--p-anchor-gutter) * -1)' : 'calc(var(--p-anchor-gutter))');
-    }
-
-    static getParents(element: any, parents: any = []): any {
-        return element['parentNode'] === null ? parents : this.getParents(element.parentNode, parents.concat([element.parentNode]));
-    }
-
-    static getScrollableParents(element: any) {
-        let scrollableParents = [];
-
-        if (element) {
-            let parents = this.getParents(element);
-            const overflowRegex = /(auto|scroll)/;
-            const overflowCheck = (node: any) => {
-                let styleDeclaration = window['getComputedStyle'](node, null);
-                return overflowRegex.test(styleDeclaration.getPropertyValue('overflow')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowX')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowY'));
-            };
-
-            for (let parent of parents) {
-                let scrollSelectors = parent.nodeType === 1 && parent.dataset['scrollselectors'];
-                if (scrollSelectors) {
-                    let selectors = scrollSelectors.split(',');
-                    for (let selector of selectors) {
-                        let el = this.findSingle(parent, selector);
-                        if (el && overflowCheck(el)) {
-                            scrollableParents.push(el);
-                        }
-                    }
-                }
-
-                if (parent.nodeType !== 9 && overflowCheck(parent)) {
-                    scrollableParents.push(parent);
-                }
-            }
-        }
-
-        return scrollableParents;
-    }
-
-    public static getHiddenElementOuterHeight(element: any): number {
-        element.style.visibility = 'hidden';
-        element.style.display = 'block';
-        let elementHeight = element.offsetHeight;
-        element.style.display = 'none';
-        element.style.visibility = 'visible';
-
-        return elementHeight;
-    }
-
-    public static getHiddenElementOuterWidth(element: any): number {
-        element.style.visibility = 'hidden';
-        element.style.display = 'block';
-        let elementWidth = element.offsetWidth;
-        element.style.display = 'none';
-        element.style.visibility = 'visible';
-
-        return elementWidth;
-    }
-
-    public static getHiddenElementDimensions(element: any): any {
-        let dimensions: any = {};
-        element.style.visibility = 'hidden';
-        element.style.display = 'block';
-        dimensions.width = element.offsetWidth;
-        dimensions.height = element.offsetHeight;
-        element.style.display = 'none';
-        element.style.visibility = 'visible';
-
-        return dimensions;
-    }
-
-    public static scrollInView(container, item) {
-        let borderTopValue: string = getComputedStyle(container).getPropertyValue('borderTopWidth');
-        let borderTop: number = borderTopValue ? parseFloat(borderTopValue) : 0;
-        let paddingTopValue: string = getComputedStyle(container).getPropertyValue('paddingTop');
-        let paddingTop: number = paddingTopValue ? parseFloat(paddingTopValue) : 0;
-        let containerRect = container.getBoundingClientRect();
-        let itemRect = item.getBoundingClientRect();
-        let offset = itemRect.top + document.body.scrollTop - (containerRect.top + document.body.scrollTop) - borderTop - paddingTop;
-        let scroll = container.scrollTop;
-        let elementHeight = container.clientHeight;
-        let itemHeight = this.getOuterHeight(item);
-
-        if (offset < 0) {
-            container.scrollTop = scroll + offset;
-        } else if (offset + itemHeight > elementHeight) {
-            container.scrollTop = scroll + offset - elementHeight + itemHeight;
-        }
-    }
-
-    public static fadeIn(element, duration: number): void {
-        element.style.opacity = 0;
-
-        let last = +new Date();
-        let opacity = 0;
-        let tick = function () {
-            opacity = +element.style.opacity.replace(',', '.') + (new Date().getTime() - last) / duration;
-            element.style.opacity = opacity;
-            last = +new Date();
-
-            if (+opacity < 1) {
-                (window.requestAnimationFrame && requestAnimationFrame(tick)) || setTimeout(tick, 16);
-            }
-        };
-
-        tick();
-    }
-
-    public static fadeOut(element, ms) {
-        var opacity = 1,
-            interval = 50,
-            duration = ms,
-            gap = interval / duration;
-
-        let fading = setInterval(() => {
-            opacity = opacity - gap;
-
-            if (opacity <= 0) {
-                opacity = 0;
-                clearInterval(fading);
-            }
-
-            element.style.opacity = opacity;
-        }, interval);
-    }
-
-    public static getWindowScrollTop(): number {
-        let doc = document.documentElement;
-        return (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
-    }
-
-    public static getWindowScrollLeft(): number {
-        let doc = document.documentElement;
-        return (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
-    }
-
-    public static matches(element, selector: string): boolean {
-        var p = Element.prototype;
-        var f =
-            p['matches'] ||
-            p.webkitMatchesSelector ||
-            p['mozMatchesSelector'] ||
-            p['msMatchesSelector'] ||
-            function (s) {
-                return [].indexOf.call(document.querySelectorAll(s), this) !== -1;
-            };
-        return f.call(element, selector);
-    }
-
-    public static getOuterWidth(el, margin?) {
-        let width = el.offsetWidth;
-
-        if (margin) {
-            let style = getComputedStyle(el);
-            width += parseFloat(style.marginLeft) + parseFloat(style.marginRight);
-        }
-
-        return width;
-    }
-
-    public static getHorizontalPadding(el) {
-        let style = getComputedStyle(el);
-        return parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
-    }
-
-    public static getHorizontalMargin(el) {
-        let style = getComputedStyle(el);
-        return parseFloat(style.marginLeft) + parseFloat(style.marginRight);
-    }
-
-    public static innerWidth(el) {
-        let width = el.offsetWidth;
-        let style = getComputedStyle(el);
-
-        width += parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
-        return width;
-    }
-
-    public static width(el) {
-        let width = el.offsetWidth;
-        let style = getComputedStyle(el);
-
-        width -= parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
-        return width;
-    }
-
-    public static getInnerHeight(el) {
-        let height = el.offsetHeight;
-        let style = getComputedStyle(el);
-
-        height += parseFloat(style.paddingTop) + parseFloat(style.paddingBottom);
-        return height;
-    }
-
-    public static getOuterHeight(el, margin?) {
-        let height = el.offsetHeight;
-
-        if (margin) {
-            let style = getComputedStyle(el);
-            height += parseFloat(style.marginTop) + parseFloat(style.marginBottom);
-        }
-
-        return height;
-    }
-
-    public static getHeight(el): number {
-        let height = el.offsetHeight;
-        let style = getComputedStyle(el);
-
-        height -= parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
-
-        return height;
-    }
-
-    public static getWidth(el): number {
-        let width = el.offsetWidth;
-        let style = getComputedStyle(el);
-
-        width -= parseFloat(style.paddingLeft) + parseFloat(style.paddingRight) + parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth);
-
-        return width;
-    }
-
-    public static getViewport(): any {
-        let win = window,
-            d = document,
-            e = d.documentElement,
-            g = d.getElementsByTagName('body')[0],
-            w = win.innerWidth || e.clientWidth || g.clientWidth,
-            h = win.innerHeight || e.clientHeight || g.clientHeight;
-
-        return { width: w, height: h };
-    }
-
-    public static getOffset(el) {
-        var rect = el.getBoundingClientRect();
-
-        return {
-            top: rect.top + (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0),
-            left: rect.left + (window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0)
-        };
-    }
-
-    public static replaceElementWith(element: any, replacementElement: any): any {
-        let parentNode = element.parentNode;
-        if (!parentNode) throw `Can't replace element`;
-        return parentNode.replaceChild(replacementElement, element);
-    }
-
-    public static getUserAgent(): string {
-        if (navigator && this.isClient()) {
-            return navigator.userAgent;
-        }
-    }
-
-    public static isIE() {
-        var ua = window.navigator.userAgent;
-
-        var msie = ua.indexOf('MSIE ');
-        if (msie > 0) {
-            // IE 10 or older => return version number
-            return true;
-        }
-
-        var trident = ua.indexOf('Trident/');
-        if (trident > 0) {
-            // IE 11 => return version number
-            var rv = ua.indexOf('rv:');
-            return true;
-        }
-
-        var edge = ua.indexOf('Edge/');
-        if (edge > 0) {
-            // Edge (IE 12+) => return version number
-            return true;
-        }
-
-        // other browser
-        return false;
-    }
-
-    public static isIOS() {
-        return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window['MSStream'];
-    }
-
-    public static isAndroid() {
-        return /(android)/i.test(navigator.userAgent);
-    }
-
-    public static isTouchDevice() {
-        return 'ontouchstart' in window || navigator.maxTouchPoints > 0;
-    }
-
-    public static appendChild(element: any, target: any) {
-        if (this.isElement(target)) target.appendChild(element);
-        else if (target && target.el && target.el.nativeElement) target.el.nativeElement.appendChild(element);
-        else throw 'Cannot append ' + target + ' to ' + element;
-    }
-
-    public static removeChild(element: any, target: any) {
-        if (this.isElement(target)) target.removeChild(element);
-        else if (target.el && target.el.nativeElement) target.el.nativeElement.removeChild(element);
-        else throw 'Cannot remove ' + element + ' from ' + target;
-    }
-
-    public static removeElement(element: Element) {
-        if (!('remove' in Element.prototype)) element.parentNode.removeChild(element);
-        else element.remove();
-    }
-
-    public static isElement(obj: any) {
-        return typeof HTMLElement === 'object' ? obj instanceof HTMLElement : obj && typeof obj === 'object' && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === 'string';
-    }
-
-    public static calculateScrollbarWidth(el?: HTMLElement): number {
-        if (el) {
-            let style = getComputedStyle(el);
-            return el.offsetWidth - el.clientWidth - parseFloat(style.borderLeftWidth) - parseFloat(style.borderRightWidth);
-        } else {
-            if (this.calculatedScrollbarWidth !== null) return this.calculatedScrollbarWidth;
-
-            let scrollDiv = document.createElement('div');
-            scrollDiv.className = 'p-scrollbar-measure';
-            document.body.appendChild(scrollDiv);
-
-            let scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
-            document.body.removeChild(scrollDiv);
-
-            this.calculatedScrollbarWidth = scrollbarWidth;
-
-            return scrollbarWidth;
-        }
-    }
-
-    public static calculateScrollbarHeight(): number {
-        if (this.calculatedScrollbarHeight !== null) return this.calculatedScrollbarHeight;
-
-        let scrollDiv = document.createElement('div');
-        scrollDiv.className = 'p-scrollbar-measure';
-        document.body.appendChild(scrollDiv);
-
-        let scrollbarHeight = scrollDiv.offsetHeight - scrollDiv.clientHeight;
-        document.body.removeChild(scrollDiv);
-
-        this.calculatedScrollbarWidth = scrollbarHeight;
-
-        return scrollbarHeight;
-    }
-
-    public static invokeElementMethod(element: any, methodName: string, args?: any[]): void {
-        (element as any)[methodName].apply(element, args);
-    }
-
-    public static clearSelection(): void {
-        if (window.getSelection) {
-            if (window.getSelection().empty) {
-                window.getSelection().empty();
-            } else if (window.getSelection().removeAllRanges && window.getSelection().rangeCount > 0 && window.getSelection().getRangeAt(0).getClientRects().length > 0) {
-                window.getSelection().removeAllRanges();
-            }
-        } else if (document['selection'] && document['selection'].empty) {
-            try {
-                document['selection'].empty();
-            } catch (error) {
-                //ignore IE bug
-            }
-        }
-    }
-
-    public static getBrowser() {
-        if (!this.browser) {
-            let matched = this.resolveUserAgent();
-            this.browser = {};
-
-            if (matched.browser) {
-                this.browser[matched.browser] = true;
-                this.browser['version'] = matched.version;
-            }
-
-            if (this.browser['chrome']) {
-                this.browser['webkit'] = true;
-            } else if (this.browser['webkit']) {
-                this.browser['safari'] = true;
-            }
-        }
-
-        return this.browser;
-    }
-
-    public static resolveUserAgent() {
-        let ua = navigator.userAgent.toLowerCase();
-        let match =
-            /(chrome)[ \/]([\w.]+)/.exec(ua) || /(webkit)[ \/]([\w.]+)/.exec(ua) || /(opera)(?:.*version|)[ \/]([\w.]+)/.exec(ua) || /(msie) ([\w.]+)/.exec(ua) || (ua.indexOf('compatible') < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua)) || [];
-
-        return {
-            browser: match[1] || '',
-            version: match[2] || '0'
-        };
-    }
-
-    public static isInteger(value): boolean {
-        if (Number.isInteger) {
-            return Number.isInteger(value);
-        } else {
-            return typeof value === 'number' && isFinite(value) && Math.floor(value) === value;
-        }
-    }
-
-    public static isHidden(element: HTMLElement): boolean {
-        return !element || element.offsetParent === null;
-    }
-
-    public static isVisible(element: HTMLElement) {
-        return element && element.offsetParent != null;
-    }
-
-    public static isExist(element: HTMLElement) {
-        return element !== null && typeof element !== 'undefined' && element.nodeName && element.parentNode;
-    }
-
-    public static focus(element: HTMLElement, options?: FocusOptions): void {
-        element && document.activeElement !== element && element.focus(options);
-    }
-
-    public static getFocusableSelectorString(selector = ''): string {
-        return `button:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-        [href][clientHeight][clientWidth]:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-        input:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-        select:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-        textarea:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-        [tabIndex]:not([tabIndex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-        [contenteditable]:not([tabIndex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-        .p-inputtext:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-        .p-button:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector}`;
-    }
-
-    public static getFocusableElements(element, selector = ''): any[] {
-        let focusableElements = this.find(element, this.getFocusableSelectorString(selector));
-
-        let visibleFocusableElements = [];
-
-        for (let focusableElement of focusableElements) {
-            const computedStyle = getComputedStyle(focusableElement);
-            if (this.isVisible(focusableElement) && computedStyle.display != 'none' && computedStyle.visibility != 'hidden') visibleFocusableElements.push(focusableElement);
-        }
-
-        return visibleFocusableElements;
-    }
-
-    public static getFocusableElement(element, selector = ''): any | null {
-        let focusableElement = this.findSingle(element, this.getFocusableSelectorString(selector));
-
-        if (focusableElement) {
-            const computedStyle = getComputedStyle(focusableElement);
-            if (this.isVisible(focusableElement) && computedStyle.display != 'none' && computedStyle.visibility != 'hidden') return focusableElement;
-        }
-
-        return null;
-    }
-
-    public static getFirstFocusableElement(element, selector = '') {
-        const focusableElements = this.getFocusableElements(element, selector);
-
-        return focusableElements.length > 0 ? focusableElements[0] : null;
-    }
-
-    public static getLastFocusableElement(element, selector) {
-        const focusableElements = this.getFocusableElements(element, selector);
-
-        return focusableElements.length > 0 ? focusableElements[focusableElements.length - 1] : null;
-    }
-
-    public static getNextFocusableElement(element: HTMLElement, reverse = false) {
-        const focusableElements = DomHandler.getFocusableElements(element);
-        let index = 0;
-        if (focusableElements && focusableElements.length > 0) {
-            const focusedIndex = focusableElements.indexOf(focusableElements[0].ownerDocument.activeElement);
-
-            if (reverse) {
-                if (focusedIndex == -1 || focusedIndex === 0) {
-                    index = focusableElements.length - 1;
-                } else {
-                    index = focusedIndex - 1;
-                }
-            } else if (focusedIndex != -1 && focusedIndex !== focusableElements.length - 1) {
-                index = focusedIndex + 1;
-            }
-        }
-
-        return focusableElements[index];
-    }
-
-    static generateZIndex() {
-        this.zindex = this.zindex || 999;
-        return ++this.zindex;
-    }
-
-    public static getSelection() {
-        if (window.getSelection) return window.getSelection().toString();
-        else if (document.getSelection) return document.getSelection().toString();
-        else if (document['selection']) return document['selection'].createRange().text;
-
-        return null;
-    }
-
-    public static getTargetElement(target: any, el?: HTMLElement) {
-        if (!target) return null;
-
-        switch (target) {
-            case 'document':
-                return document;
-            case 'window':
-                return window;
-            case '@next':
-                return el?.nextElementSibling;
-            case '@prev':
-                return el?.previousElementSibling;
-            case '@parent':
-                return el?.parentElement;
-            case '@grandparent':
-                return el?.parentElement.parentElement;
-            default:
-                const type = typeof target;
-
-                if (type === 'string') {
-                    return document.querySelector(target);
-                } else if (type === 'object' && target.hasOwnProperty('nativeElement')) {
-                    return this.isExist(target.nativeElement) ? target.nativeElement : undefined;
-                }
-
-                const isFunction = (obj: any) => !!(obj && obj.constructor && obj.call && obj.apply);
-                const element = isFunction(target) ? target() : target;
-
-                return (element && element.nodeType === 9) || this.isExist(element) ? element : null;
-        }
-    }
-
-    public static isClient() {
-        return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-    }
-
-    public static getAttribute(element, name) {
-        if (element) {
-            const value = element.getAttribute(name);
-
-            if (!isNaN(value)) {
-                return +value;
-            }
-
-            if (value === 'true' || value === 'false') {
-                return value === 'true';
-            }
-
-            return value;
-        }
-
-        return undefined;
-    }
-
-    public static calculateBodyScrollbarWidth() {
-        return window.innerWidth - document.documentElement.offsetWidth;
-    }
-
-    public static blockBodyScroll(className = 'p-overflow-hidden') {
-        document.body.style.setProperty('--scrollbar-width', this.calculateBodyScrollbarWidth() + 'px');
-        this.addClass(document.body, className);
-    }
-
-    public static unblockBodyScroll(className = 'p-overflow-hidden') {
-        document.body.style.removeProperty('--scrollbar-width');
-        this.removeClass(document.body, className);
-    }
-
-    public static createElement(type, attributes = {}, ...children) {
-        if (type) {
-            const element = document.createElement(type);
-
-            this.setAttributes(element, attributes);
-            element.append(...children);
-
-            return element;
-        }
-
-        return undefined;
-    }
-
-    public static setAttribute(element, attribute = '', value) {
-        if (this.isElement(element) && value !== null && value !== undefined) {
-            element.setAttribute(attribute, value);
-        }
-    }
-
-    public static setAttributes(element, attributes = {}) {
-        if (this.isElement(element)) {
-            const computedStyles = (rule, value) => {
-                const styles = element?.$attrs?.[rule] ? [element?.$attrs?.[rule]] : [];
-
-                return [value].flat().reduce((cv, v) => {
-                    if (v !== null && v !== undefined) {
-                        const type = typeof v;
-
-                        if (type === 'string' || type === 'number') {
-                            cv.push(v);
-                        } else if (type === 'object') {
-                            const _cv = Array.isArray(v)
-                                ? computedStyles(rule, v)
-                                : Object.entries(v).map(([_k, _v]) => (rule === 'style' && (!!_v || _v === 0) ? `${_k.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase()}:${_v}` : !!_v ? _k : undefined));
-
-                            cv = _cv.length ? cv.concat(_cv.filter((c) => !!c)) : cv;
-                        }
-                    }
-
-                    return cv;
-                }, styles);
-            };
-
-            Object.entries(attributes).forEach(([key, value]) => {
-                if (value !== undefined && value !== null) {
-                    const matchedEvent = key.match(/^on(.+)/);
-
-                    if (matchedEvent) {
-                        element.addEventListener(matchedEvent[1].toLowerCase(), value);
-                    } else if (key === 'pBind') {
-                        this.setAttributes(element, value);
-                    } else {
-                        value = key === 'class' ? [...new Set(computedStyles('class', value))].join(' ').trim() : key === 'style' ? computedStyles('style', value).join(';').trim() : value;
-                        (element.$attrs = element.$attrs || {}) && (element.$attrs[key] = value);
-                        element.setAttribute(key, value);
-                    }
-                }
-            });
-        }
-    }
-
-    public static isFocusableElement(element, selector = '') {
-        return this.isElement(element)
-            ? element.matches(`button:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-                [href][clientHeight][clientWidth]:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-                input:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-                select:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-                textarea:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-                [tabIndex]:not([tabIndex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector},
-                [contenteditable]:not([tabIndex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector}`)
-            : false;
-    }
-}
diff --git a/src/app/components/dom/ng-package.json b/src/app/components/dom/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/dom/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/dom/public_api.ts b/src/app/components/dom/public_api.ts
deleted file mode 100644
index c3c7f7b..0000000
--- a/src/app/components/dom/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './domhandler';
-export * from './connectedoverlayscrollhandler';
diff --git a/src/app/components/dragdrop/dragdrop.spec.ts b/src/app/components/dragdrop/dragdrop.spec.ts
deleted file mode 100644
index 20d6064..0000000
--- a/src/app/components/dragdrop/dragdrop.spec.ts
+++ /dev/null
@@ -1,210 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Draggable, DragDropModule, Droppable } from './dragdrop';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Component } from '@angular/core';
-@Component({
-    template: `
-        <ul style="margin:0;padding:0">
-            <li *ngFor="let car of availableCars" pDraggable="cars" (onDragStart)="dragStart($event, car)" (onDrag)="onDrag()" (onDragEnd)="dragEnd($event)">
-                <h3>{{ car.vin }} - {{ car.year }}</h3>
-            </li>
-        </ul>
-        <div pDroppable="cars" style="height: 250px;" (onDrop)="drop($event)" [ngClass]="{ 'ui-highlight-car': draggedCar }">
-            <div *ngFor="let car of selectedCars">
-                <h4>
-                    {{ car.brand }}
-                </h4>
-            </div>
-        </div>
-    `
-})
-class TestDragDropComponent {
-    availableCars: any[] = [
-        { brand: 'VW', year: 2012, color: 'Orange', vin: 'dsad231ff' },
-        { brand: 'Audi', year: 2011, color: 'Black', vin: 'gwregre345' },
-        { brand: 'Renault', year: 2005, color: 'Gray', vin: 'h354htr' },
-        { brand: 'BMW', year: 2003, color: 'Blue', vin: 'j6w54qgh' },
-        { brand: 'Mercedes', year: 1995, color: 'Orange', vin: 'hrtwy34' },
-        { brand: 'Volvo', year: 2005, color: 'Black', vin: 'jejtyj' },
-        { brand: 'Honda', year: 2012, color: 'Yellow', vin: 'g43gr' },
-        { brand: 'Jaguar', year: 2013, color: 'Orange', vin: 'greg34' },
-        { brand: 'Ford', year: 2000, color: 'Black', vin: 'h54hw5' },
-        { brand: 'Fiat', year: 2013, color: 'Red', vin: '245t2s' }
-    ];
-
-    selectedCars: any[] = [];
-
-    draggedCar: any;
-
-    dragStart(event, car) {
-        this.draggedCar = car;
-    }
-
-    drop(event) {
-        if (this.draggedCar) {
-            let draggedCarIndex = this.findIndex(this.draggedCar);
-            this.selectedCars = [...this.selectedCars, this.draggedCar];
-            this.availableCars = this.availableCars.filter((val, i) => i != draggedCarIndex);
-            this.draggedCar = null;
-        }
-    }
-
-    onDrag() {}
-
-    dragEnd(event) {
-        this.draggedCar = null;
-    }
-
-    findIndex(car) {
-        let index = -1;
-        for (let i = 0; i < this.availableCars.length; i++) {
-            if (car.vin === this.availableCars[i].vin) {
-                index = i;
-                break;
-            }
-        }
-        return index;
-    }
-}
-
-describe('Draggable', () => {
-    let testComponent: TestDragDropComponent;
-    let fixture: ComponentFixture<TestDragDropComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, DragDropModule],
-            declarations: [TestDragDropComponent]
-        });
-
-        fixture = TestBed.createComponent(TestDragDropComponent);
-        testComponent = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const draggableEls = fixture.debugElement.queryAll(By.css('li'));
-        const dropEl = fixture.debugElement.query(By.css('div'));
-        expect(dropEl.nativeElement).toBeTruthy();
-        expect(draggableEls.length).toEqual(10);
-    });
-
-    it('should emit onDragStart', () => {
-        fixture.detectChanges();
-
-        const draggableEls = fixture.debugElement.queryAll(By.css('li'));
-        const dropEl = fixture.debugElement.query(By.css('div'));
-        const dragStartSpy = spyOn(testComponent, 'dragStart').and.callThrough();
-        const dragEvent: any = document.createEvent('CustomEvent');
-        dragEvent.initEvent('dragstart', true, true);
-        dragEvent.dataTransfer = { setData(val1, val2) {} };
-        draggableEls[0].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        expect(dragStartSpy).toHaveBeenCalled();
-        expect(testComponent.draggedCar.brand).toEqual('VW');
-    });
-
-    it('should emit onDrag and dragEnd', () => {
-        fixture.detectChanges();
-
-        const draggableEls = fixture.debugElement.queryAll(By.css('li'));
-        const dropEl = fixture.debugElement.query(By.css('div'));
-        const dragEndSpy = spyOn(testComponent, 'dragEnd').and.callThrough();
-        const dragSpy = spyOn(testComponent, 'onDrag').and.callThrough();
-        let event: any = document.createEvent('CustomEvent');
-        event.initEvent('dragstart', true, true);
-        event.dataTransfer = { setData(val1, val2) {} };
-        draggableEls[0].nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        event.initEvent('drag', true, true);
-        draggableEls[0].nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(dragSpy).toHaveBeenCalled();
-        expect(testComponent.draggedCar.brand).toEqual('VW');
-        event.initEvent('dragend', true, true);
-        draggableEls[0].nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(dragEndSpy).toHaveBeenCalled();
-        expect(testComponent.draggedCar).toBeNull();
-    });
-
-    it('should set handle when mousedown', () => {
-        fixture.detectChanges();
-
-        const draggableEls = fixture.debugElement.queryAll(By.css('li'));
-        let event: any = document.createEvent('CustomEvent');
-        event.initEvent('mousedown', true, true);
-        draggableEls[0].nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        const draggable = fixture.debugElement.query(By.directive(Draggable)).injector.get(Draggable);
-        expect(draggable.handle).toBeTruthy();
-    });
-
-    it('should reset handle when mouseup', () => {
-        fixture.detectChanges();
-
-        const draggableEls = fixture.debugElement.queryAll(By.css('li'));
-        let event: any = document.createEvent('CustomEvent');
-        event.initEvent('mousedown', true, true);
-        draggableEls[0].nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        let draggable = fixture.debugElement.query(By.directive(Draggable)).injector.get(Draggable);
-        expect(draggable.handle).toBeTruthy();
-        event.initEvent('mouseup', true, true);
-        draggableEls[0].nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(draggable.handle).toBeNull();
-    });
-
-    it('should emit onDrop and onDragEnd', () => {
-        fixture.detectChanges();
-
-        const draggableEls = fixture.debugElement.queryAll(By.css('li'));
-        const dropEl = fixture.debugElement.query(By.css('div'));
-        const dropSpy = spyOn(testComponent, 'drop').and.callThrough();
-        const event: any = document.createEvent('CustomEvent');
-        event.initEvent('dragstart', true, true);
-        event.dataTransfer = { setData(val1, val2) {} };
-        draggableEls[0].nativeElement.dispatchEvent(event);
-        const droppable = fixture.debugElement.query(By.directive(Droppable)).injector.get(Droppable);
-        fixture.detectChanges();
-
-        const onDragEnterSpy = spyOn(droppable, 'dragEnter').and.callThrough();
-        event.initEvent('dragenter', true, true);
-        dropEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        const onDragLeaveSpy = spyOn(droppable, 'dragLeave').and.callThrough();
-        expect(onDragEnterSpy).toHaveBeenCalled();
-        event.initEvent('dragleave', true, true);
-        dropEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(onDragLeaveSpy).toHaveBeenCalled();
-        event.initEvent('dragenter', true, true);
-        dropEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        event.initEvent('drop', true, true);
-        event.dataTransfer = {
-            getData(type) {
-                return 'cars';
-            }
-        };
-        dropEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(dropSpy).toHaveBeenCalled();
-        expect(testComponent.selectedCars.length).toEqual(1);
-        expect(testComponent.selectedCars[0].brand).toEqual('VW');
-    });
-});
diff --git a/src/app/components/dragdrop/dragdrop.ts b/src/app/components/dragdrop/dragdrop.ts
deleted file mode 100644
index f7580d8..0000000
--- a/src/app/components/dragdrop/dragdrop.ts
+++ /dev/null
@@ -1,292 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Directive, ElementRef, EventEmitter, HostListener, Input, NgModule, NgZone, OnDestroy, Output, Renderer2, booleanAttribute } from '@angular/core';
-import { DomHandler } from 'primeng/dom';
-import { VoidListener } from 'primeng/ts-helpers';
-/**
- * pDraggable directive apply draggable behavior to any element.
- * @group Components
- */
-@Directive({
-    selector: '[pDraggable]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class Draggable implements AfterViewInit, OnDestroy {
-    @Input('pDraggable') scope: string | undefined;
-    /**
-     * Defines the cursor style.
-     * @group Props
-     */
-    @Input() dragEffect: 'none' | 'copy' | 'copyLink' | 'copyMove' | 'link' | 'linkMove' | 'move' | 'all' | 'uninitialized' | undefined;
-    /**
-     * Selector to define the drag handle, by default anywhere on the target element is a drag handle to start dragging.
-     * @group Props
-     */
-    @Input() dragHandle: string | undefined;
-    /**
-     * Callback to invoke when drag begins.
-     * @param {DragEvent} event - Drag event.
-     * @group Emits
-     */
-    @Output() onDragStart: EventEmitter<DragEvent> = new EventEmitter();
-    /**
-     * Callback to invoke when drag ends.
-     * @param {DragEvent} event - Drag event.
-     * @group Emits
-     */
-    @Output() onDragEnd: EventEmitter<DragEvent> = new EventEmitter();
-    /**
-     * Callback to invoke on dragging.
-     * @param {DragEvent} event - Drag event.
-     * @group Emits
-     */
-    @Output() onDrag: EventEmitter<DragEvent> = new EventEmitter();
-
-    handle: any;
-
-    dragListener: VoidListener;
-
-    mouseDownListener: VoidListener;
-
-    mouseUpListener: VoidListener;
-
-    _pDraggableDisabled: boolean = false;
-
-    constructor(
-        public el: ElementRef,
-        public zone: NgZone,
-        private renderer: Renderer2
-    ) {}
-
-    @Input() get pDraggableDisabled(): boolean {
-        return this._pDraggableDisabled;
-    }
-    set pDraggableDisabled(_pDraggableDisabled: boolean) {
-        this._pDraggableDisabled = _pDraggableDisabled;
-
-        if (this._pDraggableDisabled) {
-            this.unbindMouseListeners();
-        } else {
-            this.el.nativeElement.draggable = true;
-            this.bindMouseListeners();
-        }
-    }
-
-    ngAfterViewInit() {
-        if (!this.pDraggableDisabled) {
-            this.el.nativeElement.draggable = true;
-            this.bindMouseListeners();
-        }
-    }
-
-    bindDragListener() {
-        if (!this.dragListener) {
-            this.zone.runOutsideAngular(() => {
-                this.dragListener = this.renderer.listen(this.el.nativeElement, 'drag', this.drag.bind(this));
-            });
-        }
-    }
-
-    unbindDragListener() {
-        if (this.dragListener) {
-            this.zone.runOutsideAngular(() => {
-                this.dragListener && this.dragListener();
-                this.dragListener = null;
-            });
-        }
-    }
-
-    bindMouseListeners() {
-        if (!this.mouseDownListener && !this.mouseUpListener) {
-            this.zone.runOutsideAngular(() => {
-                this.mouseDownListener = this.renderer.listen(this.el.nativeElement, 'mousedown', this.mousedown.bind(this));
-                this.mouseUpListener = this.renderer.listen(this.el.nativeElement, 'mouseup', this.mouseup.bind(this));
-            });
-        }
-    }
-
-    unbindMouseListeners() {
-        if (this.mouseDownListener && this.mouseUpListener) {
-            this.zone.runOutsideAngular(() => {
-                this.mouseDownListener && this.mouseDownListener();
-                this.mouseUpListener && this.mouseUpListener();
-                this.mouseDownListener = null;
-                this.mouseUpListener = null;
-            });
-        }
-    }
-
-    drag(event: DragEvent) {
-        this.onDrag.emit(event);
-    }
-
-    @HostListener('dragstart', ['$event'])
-    dragStart(event: DragEvent) {
-        if (this.allowDrag() && !this.pDraggableDisabled) {
-            if (this.dragEffect) {
-                (event.dataTransfer as DataTransfer).effectAllowed = this.dragEffect;
-            }
-            (event.dataTransfer as DataTransfer).setData('text', this.scope!);
-
-            this.onDragStart.emit(event);
-
-            this.bindDragListener();
-        } else {
-            event.preventDefault();
-        }
-    }
-
-    @HostListener('dragend', ['$event'])
-    dragEnd(event: DragEvent) {
-        this.onDragEnd.emit(event);
-        this.unbindDragListener();
-    }
-
-    mousedown(event: MouseEvent) {
-        this.handle = event.target;
-    }
-
-    mouseup(event: MouseEvent) {
-        this.handle = null;
-    }
-
-    allowDrag(): boolean {
-        if (this.dragHandle && this.handle) return DomHandler.matches(this.handle, this.dragHandle);
-        else return true;
-    }
-
-    ngOnDestroy() {
-        this.unbindDragListener();
-        this.unbindMouseListeners();
-    }
-}
-/**
- * pDroppable directive apply droppable behavior to any element.
- * @group Components
- */
-@Directive({
-    selector: '[pDroppable]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class Droppable implements AfterViewInit, OnDestroy {
-    @Input('pDroppable') scope: string | string[] | undefined;
-    /**
-     * Whether the element is droppable, useful for conditional cases.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) pDroppableDisabled: boolean = false;
-    /**
-     * Defines the cursor style, valid values are none, copy, move, link, copyMove, copyLink, linkMove and all.
-     * @group Props
-     */
-    @Input() dropEffect: 'none' | 'copy' | 'link' | 'move' | undefined;
-    /**
-     * Callback to invoke when a draggable enters drop area.
-     * @group Emits
-     */
-    @Output() onDragEnter: EventEmitter<DragEvent> = new EventEmitter();
-    /**
-     * Callback to invoke when a draggable leave drop area.
-     * @group Emits
-     */
-    @Output() onDragLeave: EventEmitter<DragEvent> = new EventEmitter();
-    /**
-     * Callback to invoke when a draggable is dropped onto drop area.
-     * @group Emits
-     */
-    @Output() onDrop: EventEmitter<DragEvent> = new EventEmitter();
-
-    constructor(
-        public el: ElementRef,
-        public zone: NgZone,
-        private renderer: Renderer2
-    ) {}
-
-    dragOverListener: VoidListener;
-
-    ngAfterViewInit() {
-        if (!this.pDroppableDisabled) {
-            this.bindDragOverListener();
-        }
-    }
-
-    bindDragOverListener() {
-        if (!this.dragOverListener) {
-            this.zone.runOutsideAngular(() => {
-                this.dragOverListener = this.renderer.listen(this.el.nativeElement, 'dragover', this.dragOver.bind(this));
-            });
-        }
-    }
-
-    unbindDragOverListener() {
-        if (this.dragOverListener) {
-            this.zone.runOutsideAngular(() => {
-                this.dragOverListener && this.dragOverListener();
-                this.dragOverListener = null;
-            });
-        }
-    }
-
-    dragOver(event: DragEvent) {
-        event.preventDefault();
-    }
-
-    @HostListener('drop', ['$event'])
-    drop(event: DragEvent) {
-        if (this.allowDrop(event)) {
-            DomHandler.removeClass(this.el.nativeElement, 'p-draggable-enter');
-            event.preventDefault();
-            this.onDrop.emit(event);
-        }
-    }
-
-    @HostListener('dragenter', ['$event'])
-    dragEnter(event: DragEvent) {
-        event.preventDefault();
-
-        if (this.dropEffect) {
-            (event.dataTransfer as DataTransfer).dropEffect = this.dropEffect;
-        }
-
-        DomHandler.addClass(this.el.nativeElement, 'p-draggable-enter');
-        this.onDragEnter.emit(event);
-    }
-
-    @HostListener('dragleave', ['$event'])
-    dragLeave(event: DragEvent) {
-        event.preventDefault();
-
-        if (!this.el.nativeElement.contains(event.relatedTarget)) {
-            DomHandler.removeClass(this.el.nativeElement, 'p-draggable-enter');
-            this.onDragLeave.emit(event);
-        }
-    }
-
-    allowDrop(event: DragEvent): boolean {
-        let dragScope = (event.dataTransfer as DataTransfer).getData('text');
-        if (typeof this.scope == 'string' && dragScope == this.scope) {
-            return true;
-        } else if (Array.isArray(this.scope)) {
-            for (let j = 0; j < this.scope.length; j++) {
-                if (dragScope == this.scope[j]) {
-                    return true;
-                }
-            }
-        }
-        return false;
-    }
-
-    ngOnDestroy() {
-        this.unbindDragOverListener();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [Draggable, Droppable],
-    declarations: [Draggable, Droppable]
-})
-export class DragDropModule {}
diff --git a/src/app/components/dragdrop/ng-package.json b/src/app/components/dragdrop/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/dragdrop/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/dragdrop/public_api.ts b/src/app/components/dragdrop/public_api.ts
deleted file mode 100644
index 1b9009c..0000000
--- a/src/app/components/dragdrop/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './dragdrop';
diff --git a/src/app/components/dropdown/dropdown.css b/src/app/components/dropdown/dropdown.css
deleted file mode 100644
index a937ea5..0000000
--- a/src/app/components/dropdown/dropdown.css
+++ /dev/null
@@ -1,92 +0,0 @@
-@layer primeng {
-    .p-dropdown {
-        display: inline-flex;
-        cursor: pointer;
-        position: relative;
-        user-select: none;
-    }
-
-    .p-dropdown-clear-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-    }
-
-    .p-dropdown-trigger {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-shrink: 0;
-    }
-
-    .p-dropdown-label {
-        display: block;
-        white-space: nowrap;
-        overflow: hidden;
-        flex: 1 1 auto;
-        width: 1%;
-        text-overflow: ellipsis;
-        cursor: pointer;
-    }
-
-    .p-dropdown-label-empty {
-        overflow: hidden;
-        opacity: 0;
-    }
-
-    input.p-dropdown-label {
-        cursor: default;
-    }
-
-    .p-dropdown .p-dropdown-panel {
-        min-width: 100%;
-    }
-
-    .p-dropdown-items-wrapper {
-        overflow: auto;
-    }
-
-    .p-dropdown-item {
-        cursor: pointer;
-        font-weight: normal;
-        white-space: nowrap;
-        position: relative;
-        overflow: hidden;
-    }
-
-    .p-dropdown-item-group {
-        cursor: auto;
-    }
-
-    .p-dropdown-items {
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-    }
-
-    .p-dropdown-filter {
-        width: 100%;
-    }
-
-    .p-dropdown-filter-container {
-        position: relative;
-    }
-
-    .p-dropdown-filter-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-    }
-
-    .p-fluid .p-dropdown {
-        display: flex;
-    }
-
-    .p-fluid .p-dropdown .p-dropdown-label {
-        width: 1%;
-    }
-
-    .p-float-label .p-dropdown .p-placeholder {
-        opacity: 0;
-    }
-}
diff --git a/src/app/components/dropdown/dropdown.interface.ts b/src/app/components/dropdown/dropdown.interface.ts
deleted file mode 100644
index 3a0bf5f..0000000
--- a/src/app/components/dropdown/dropdown.interface.ts
+++ /dev/null
@@ -1,145 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { ScrollerOptions } from 'primeng/api';
-import { Dropdown } from './dropdown';
-/**
- * Filter callbacks of the dropdown.
- * @group Interface
- */
-export interface DropdownFilterOptions {
-    /**
-     * Filter function.
-     */
-    filter?: (value?: any) => void;
-    /**
-     * Reset function.
-     */
-    reset?: () => void;
-}
-/**
- * Custom change event.
- * @see {@link Dropdown.onChange}
- * @group Events
- */
-export interface DropdownChangeEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Selected option value
-     */
-    value: any;
-}
-/**
- * Custom filter event.
- * @see {@link Dropdown.onFilter}
- * @group Events
- */
-export interface DropdownFilterEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Filter value.
-     */
-    filter: any;
-}
-/**
- * Custom lazy load event.
- * @see {@link Dropdown.onLazyLoad}
- * @group Events
- */
-export interface DropdownLazyLoadEvent {
-    /**
-     * Index of the first element in viewport.
-     */
-    first: number;
-    /**
-     * Index of the last element in viewport.
-     */
-    last: number;
-}
-/**
- * Defines valid templates in Dropdown.
- * @group Templates
- */
-export interface DropdownTemplates {
-    /**
-     * Custom item template.
-     * @param {Object} context - item data.
-     */
-    item(context: {
-        /**
-         * Data of the option.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-    /**
-     * Custom selected item template.
-     * @param {Object} context - selected item data.
-     */
-    selectedItem(context: {
-        /**
-         * Selected option value.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-    /**
-     * Custom header template.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom filter template.
-     * @param {DropdownFilterOptions} options - filter options.
-     */
-    filter(context: {
-        /**
-         * Filter options.
-         */
-        options: DropdownFilterOptions;
-    }): TemplateRef<{ options: DropdownFilterOptions }>;
-    /**
-     * Custom footer template.
-     */
-    footer(): TemplateRef<any>;
-    /**
-     * Custom empty filter template.
-     */
-    emptyfilter(): TemplateRef<any>;
-    /**
-     * Custom empty template.
-     */
-    empty(): TemplateRef<any>;
-    /**
-     * Custom group template.
-     */
-    group(context: {
-        /**
-         * Group option.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-    /**
-     * Custom loader template. This template can be used with virtualScroll.
-     * @param {ScrollerOptions} options - virtual scroller options.
-     */
-    loader(context: {
-        /**
-         * Virtual scroller options.
-         */
-        options: ScrollerOptions;
-    }): TemplateRef<{ options: ScrollerOptions }>;
-    /**
-     * Custom dropdown trigger icon template.
-     */
-    dropdownicon(): TemplateRef<any>;
-    /**
-     * Custom clear icon template.
-     */
-    clearicon(): TemplateRef<any>;
-    /**
-     * Custom filter icon template.
-     */
-    filtericon(): TemplateRef<any>;
-}
diff --git a/src/app/components/dropdown/dropdown.spec.ts b/src/app/components/dropdown/dropdown.spec.ts
deleted file mode 100644
index 127a29c..0000000
--- a/src/app/components/dropdown/dropdown.spec.ts
+++ /dev/null
@@ -1,535 +0,0 @@
-import { ScrollingModule } from '@angular/cdk/scrolling';
-import { TestBed, ComponentFixture, fakeAsync, flush } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Dropdown, DropdownItem } from './dropdown';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { FormsModule } from '@angular/forms';
-import { Component } from '@angular/core';
-import { TooltipModule } from 'primeng/tooltip';
-import { OverlayModule } from 'primeng/overlay';
-import { ChevronDownIcon } from 'primeng/icons/chevrondown';
-import { SearchIcon } from 'primeng/icons/search';
-import { TimesIcon } from 'primeng/icons/times';
-
-@Component({
-    template: `
-        <p-dropdown [(ngModel)]="selectedCity" [options]="groupedCars" [editable]="editable" [disabled]="disabled" [placeholder]="placeholder" [group]="true">
-            <ng-template let-group pTemplate="group">
-                <span>{{ group.label }}</span>
-            </ng-template>
-        </p-dropdown>
-        <p-dropdown [(ngModel)]="selectedCity"></p-dropdown>
-        <button (click)="setValue()"></button>
-        <p-dropdown [(ngModel)]="selectedCity" [options]="groupedCarsAlternate" optionGroupChildren="children" [group]="true"></p-dropdown>
-    `
-})
-class TestDropdownComponent {
-    selectedCity: any;
-
-    groupedCars = [
-        {
-            label: 'Germany',
-            value: 'germany.png',
-            items: [
-                { label: 'Audi', value: 'Audi' },
-                { label: 'BMW', value: 'BMW' },
-                { label: 'Mercedes', value: 'Mercedes' }
-            ]
-        },
-        {
-            label: 'USA',
-            value: 'usa.png',
-            items: [
-                { label: 'Cadillac', value: 'Cadillac' },
-                { label: 'Ford', value: 'Ford' },
-                { label: 'GMC', value: 'GMC' }
-            ]
-        },
-        {
-            label: 'Japan',
-            value: 'japan.png',
-            items: [
-                { label: 'Honda', value: 'Honda' },
-                { label: 'Mazda', value: 'Mazda' },
-                { label: 'Toyota', value: 'Toyota' }
-            ]
-        }
-    ];
-
-    groupedCarsAlternate = this.groupedCars.map((city) => ({
-        label: city.label,
-        value: city.value,
-        children: city.items
-    }));
-
-    disabled: boolean;
-
-    editable: boolean;
-
-    placeholder: string = 'Select a Car';
-
-    setValue() {
-        this.selectedCity = { name: 'New York', code: 'NY' };
-    }
-}
-describe('Dropdown', () => {
-    let dropdown: Dropdown;
-    let testDropdown: Dropdown;
-    let groupDropdown: Dropdown;
-    let alternateGroupDropdown: Dropdown;
-    let fixture: ComponentFixture<Dropdown>;
-    let groupFixture: ComponentFixture<TestDropdownComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, FormsModule, ScrollingModule, TooltipModule, OverlayModule, ChevronDownIcon, SearchIcon, TimesIcon],
-            declarations: [Dropdown, DropdownItem, TestDropdownComponent]
-        }).compileComponents();
-
-        fixture = TestBed.createComponent(Dropdown);
-        groupFixture = TestBed.createComponent(TestDropdownComponent);
-        groupDropdown = groupFixture.debugElement.children[0].componentInstance;
-        testDropdown = groupFixture.debugElement.children[1].componentInstance;
-        alternateGroupDropdown = groupFixture.debugElement.children[3].componentInstance;
-        dropdown = fixture.componentInstance;
-    });
-
-    it('should disable', () => {
-        fixture.componentInstance.disabled = true;
-        fixture.componentInstance.editable = true;
-        fixture.detectChanges();
-
-        dropdown.cd.detectChanges();
-        const containerEl = fixture.debugElement.query(By.css('.p-dropdown')).nativeElement;
-        const editableInputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        expect(containerEl.className).toContain('p-disabled');
-        expect(editableInputEl.disabled).toEqual(true);
-    });
-
-    it('should change dropdown icon', () => {
-        dropdown.dropdownIcon = 'Primeng';
-        fixture.detectChanges();
-
-        const dropdownSpanEl = fixture.debugElement.query(By.css('.p-dropdown-trigger-icon')).nativeElement;
-        expect(dropdownSpanEl.className).toContain('Primeng');
-    });
-
-    it('should change style and styleClass', () => {
-        dropdown.styleClass = 'Primeng';
-        dropdown.style = { height: '300px' };
-        fixture.detectChanges();
-
-        const containerEl = fixture.debugElement.query(By.css('.p-dropdown'));
-        expect(containerEl.nativeElement.className).toContain('Primeng');
-        expect(containerEl.nativeElement.style.height).toEqual('300px');
-    });
-
-    it('should change panelStyleClass', () => {
-        dropdown.panelStyleClass = 'Primeng';
-        dropdown.options = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-        fixture.detectChanges();
-
-        const container = fixture.debugElement.query(By.css('div')).nativeElement;
-        container.click();
-        fixture.detectChanges();
-
-        const dropdownPanel = fixture.debugElement.query(By.css('.p-dropdown-panel'));
-        expect(dropdownPanel).toBeTruthy();
-        expect(dropdownPanel.nativeElement.className).toContain('Primeng');
-    });
-
-    it('should open when clicked', () => {
-        dropdown.options = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-        fixture.detectChanges();
-
-        const container = fixture.debugElement.query(By.css('.p-dropdown')).nativeElement;
-        container.click();
-        fixture.detectChanges();
-
-        const dropdownPanel = fixture.debugElement.query(By.css('.p-dropdown-panel'));
-        expect(dropdownPanel).toBeTruthy();
-        expect(container.className).toContain('p-dropdown-open');
-        expect(dropdown.overlayVisible).toBeTrue();
-    });
-
-    it('should close', () => {
-        dropdown.options = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-        fixture.detectChanges();
-
-        const container = fixture.debugElement.query(By.css('.p-dropdown')).nativeElement;
-        container.click();
-        fixture.detectChanges();
-
-        container.click();
-        fixture.detectChanges();
-
-        const dropdownPanel = fixture.debugElement.query(By.css('.p-dropdown-panel'));
-        expect(container.className).not.toContain('p-dropdown-open');
-        expect(dropdownPanel).toBeFalsy();
-    });
-
-    it('should item selected', () => {
-        dropdown.options = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-        fixture.detectChanges();
-
-        const container = fixture.debugElement.query(By.css('.p-dropdown')).nativeElement;
-        container.click();
-        fixture.detectChanges();
-
-        const items = fixture.debugElement.query(By.css('.p-dropdown-items'));
-        items.children[2].children[0].nativeElement.click();
-        fixture.detectChanges();
-        expect(dropdown.selectedOption.name).toEqual('London');
-    });
-
-    it('should item clear', () => {
-        dropdown.options = [
-            { label: 'Select City', value: null },
-            { label: 'New York', value: { id: 1, name: 'New York', code: 'NY' } },
-            { label: 'Rome', value: { id: 2, name: 'Rome', code: 'RM' } },
-            { label: 'London', value: { id: 3, name: 'London', code: 'LDN' } },
-            { label: 'Istanbul', value: { id: 4, name: 'Istanbul', code: 'IST' } },
-            { label: 'Paris', value: { id: 5, name: 'Paris', code: 'PRS' } }
-        ];
-        dropdown.showClear = true;
-        fixture.detectChanges();
-
-        const container = fixture.debugElement.query(By.css('.p-dropdown')).nativeElement;
-        container.click();
-        fixture.detectChanges();
-
-        const items = fixture.debugElement.query(By.css('.p-dropdown-items'));
-        items.children[2].children[0].nativeElement.click();
-        fixture.detectChanges();
-        const itemCloseIcon = fixture.debugElement.query(By.css('.p-dropdown-clear-icon'));
-        itemCloseIcon.nativeElement.parentElement.click();
-        fixture.detectChanges();
-
-        expect(dropdown.selectedOption).toEqual({ label: 'Select City', value: null });
-        expect(items.children[2].nativeElement.className).not.toContain('p-highlight');
-    });
-
-    it('should filter', fakeAsync(() => {
-        dropdown.filter = true;
-        dropdown.filterValue = 'n';
-        fixture.detectChanges();
-
-        dropdown.options = [
-            { label: 'New York', code: 'NY' },
-            { label: 'Rome', code: 'RM' },
-            { label: 'London', code: 'LDN' },
-            { label: 'Istanbul', code: 'IST' },
-            { label: 'Paris', code: 'PRS' }
-        ];
-        fixture.detectChanges();
-
-        const container = fixture.debugElement.query(By.css('.p-dropdown')).nativeElement;
-        container.click();
-        fixture.detectChanges();
-
-        let items = fixture.debugElement.query(By.css('.p-dropdown-items'));
-        expect(items.nativeElement.children.length).toEqual(5);
-        const filterDiv = fixture.debugElement.query(By.css('.p-dropdown-filter-container'));
-        expect(filterDiv).toBeTruthy();
-        const filterInputEl = fixture.debugElement.query(By.css('.p-dropdown-filter'));
-        filterInputEl.nativeElement.value = 'n';
-        filterInputEl.nativeElement.dispatchEvent(new Event('keydown'));
-        const event = { target: { value: 'n' } };
-        dropdown.onFilterInputChange(event);
-        fixture.detectChanges();
-
-        items = fixture.debugElement.query(By.css('.p-dropdown-items'));
-        expect(items.nativeElement.children.length).toEqual(3);
-        flush();
-    }));
-
-    it('should filtered and display not found warning', fakeAsync(() => {
-        dropdown.options = [
-            { label: 'New York', code: 'NY' },
-            { label: 'Rome', code: 'RM' },
-            { label: 'London', code: 'LDN' },
-            { label: 'Istanbul', code: 'IST' },
-            { label: 'Paris', code: 'PRS' }
-        ];
-        dropdown.filter = true;
-        fixture.detectChanges();
-
-        const container = fixture.debugElement.query(By.css('.p-dropdown')).nativeElement;
-        container.click();
-        fixture.detectChanges();
-
-        const filterDiv = fixture.debugElement.query(By.css('.p-dropdown-filter-container'));
-        expect(filterDiv).toBeTruthy();
-        const filterInputEl = fixture.debugElement.query(By.css('.p-dropdown-filter'));
-        filterInputEl.nativeElement.value = 'primeng';
-        filterInputEl.nativeElement.dispatchEvent(new Event('keydown'));
-        const event = { target: { value: 'primeng' } };
-        dropdown.onFilterInputChange(event);
-        fixture.detectChanges();
-
-        const items = fixture.debugElement.query(By.css('.p-dropdown-items'));
-        const emptyMesage = items.children[0];
-        expect(items.nativeElement.children.length).toEqual(1);
-        expect(emptyMesage).toBeTruthy();
-        expect(emptyMesage.nativeElement.textContent).toContain('No results found');
-        flush();
-    }));
-
-    it('should open with down key', () => {
-        dropdown.options = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-        dropdown.appendTo = 'body';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext')).nativeElement;
-        inputEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowDown' }));
-        fixture.detectChanges();
-
-        const dropdownPanel = fixture.debugElement.query(By.css('.p-dropdown-panel'));
-        expect(dropdownPanel).toBeTruthy();
-        expect(dropdown.overlayVisible).toBeTruthy();
-    });
-
-    it('should open with space key and close with esc key', () => {
-        dropdown.options = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-        dropdown.appendTo = 'body';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext')).nativeElement;
-        inputEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'Space' })); //open overlay
-        fixture.detectChanges();
-
-        const dropdownPanel = fixture.debugElement.query(By.css('.p-dropdown-panel'));
-        expect(dropdownPanel).toBeTruthy();
-        expect(dropdown.overlayVisible).toBeTruthy();
-
-        inputEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'Escape' }));
-        fixture.detectChanges();
-
-        expect(dropdown.overlayVisible).toBeFalsy();
-    });
-
-    it('should select with down key when selectOnFocus = true', () => {
-        fixture.detectChanges();
-
-        dropdown.options = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-        dropdown.appendTo = document.body;
-        dropdown.optionValue = 'code';
-        dropdown.optionLabel = 'name';
-        dropdown.selectOnFocus = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext')).nativeElement;
-        const downKeyboardEvent = new KeyboardEvent('keydown', { code: 'ArrowDown' });
-        inputEl.dispatchEvent(downKeyboardEvent); //open overlay and focus on first item
-        inputEl.dispatchEvent(downKeyboardEvent); //focus next item
-        fixture.detectChanges();
-
-        expect(dropdown.overlayVisible).toBeTrue();
-        expect(dropdown.modelValue()).toBe('RM');
-
-        inputEl.dispatchEvent(downKeyboardEvent); //focus next item
-        fixture.detectChanges();
-        expect(dropdown.modelValue()).toBe('LDN');
-    });
-
-    it('should select with enter key and close the overlay', () => {
-        dropdown.options = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-        dropdown.appendTo = document.body;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext')).nativeElement;
-        inputEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowDown' })); // open overlay and focus on first item
-        fixture.detectChanges();
-
-        inputEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'Enter' })); // select and close overlay
-        fixture.detectChanges();
-
-        expect(dropdown.overlayVisible).toBeFalsy();
-        expect(dropdown.selectedOption.code).toBe('NY');
-    });
-
-    it('should select with up key', () => {
-        fixture.detectChanges();
-        dropdown.selectOnFocus = true;
-        dropdown.options = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext')).nativeElement;
-        inputEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowUp' }));
-        fixture.detectChanges();
-
-        expect(dropdown.value.name).toEqual('Paris');
-    });
-
-    it('should select with up key and skip disabled options', () => {
-        fixture.detectChanges();
-
-        dropdown.optionDisabled = 'inactive';
-        dropdown.selectOnFocus = true;
-        dropdown.options = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST', inactive: true },
-            { name: 'Paris', code: 'PRS', inactive: true }
-        ];
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext')).nativeElement;
-        inputEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowUp' }));
-        fixture.detectChanges();
-
-        expect(dropdown.value.name).toEqual('London');
-    });
-
-    it('should select with filter', () => {
-        dropdown.options = [
-            { label: 'New York', value: 'NY' },
-            { label: 'Rome', value: 'RM' },
-            { label: 'London', value: 'LDN' },
-            { label: 'Istanbul', value: 'IST' },
-            { label: 'Paris', value: 'PRS' }
-        ];
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('.p-inputtext')).nativeElement;
-        inputEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowDown' })); //open overlay
-        fixture.detectChanges();
-
-        inputEl.dispatchEvent(new KeyboardEvent('keydown', { key: 'l' })); // type 'l' key
-        inputEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'Enter' })); // select field
-        fixture.detectChanges();
-
-        expect(dropdown.selectedOption.label).toEqual('London');
-    });
-
-    it('should focus on next grouped item with down key', () => {
-        groupDropdown.selectOnFocus = true;
-        groupFixture.detectChanges();
-
-        const inputEl = groupFixture.debugElement.query(By.css('.p-inputtext')).nativeElement;
-        const downKeyboardEvent = new KeyboardEvent('keydown', { code: 'ArrowDown' });
-        inputEl.dispatchEvent(downKeyboardEvent); //open overlay
-        inputEl.dispatchEvent(downKeyboardEvent); //focus on first item
-        groupFixture.detectChanges();
-
-        expect(groupDropdown.selectedOption.label).toEqual('BMW');
-        inputEl.dispatchEvent(downKeyboardEvent);
-        groupFixture.detectChanges();
-
-        expect(groupDropdown.selectedOption.label).toEqual('Mercedes');
-        inputEl.dispatchEvent(downKeyboardEvent);
-        inputEl.dispatchEvent(downKeyboardEvent);
-        groupFixture.detectChanges();
-
-        expect(groupDropdown.selectedOption.label).toEqual('Ford');
-    });
-
-    it('should groupSelect with up key', () => {
-        groupFixture.detectChanges();
-
-        const inputEl = groupFixture.debugElement.query(By.css('.p-inputtext')).nativeElement;
-        const keyDownEvent = new KeyboardEvent('keydown', { code: 'ArrowDown' });
-        const keyEnterEvent = new KeyboardEvent('keydown', { code: 'Enter' });
-        inputEl.dispatchEvent(keyDownEvent); //open overlay and focus on first item
-        inputEl.dispatchEvent(keyDownEvent); //move down
-        inputEl.dispatchEvent(keyDownEvent); //move down
-        inputEl.dispatchEvent(keyDownEvent); //move down
-        inputEl.dispatchEvent(keyDownEvent); //move down
-        inputEl.dispatchEvent(keyEnterEvent); //select
-        groupFixture.detectChanges();
-
-        expect(groupDropdown.selectedOption.label).toEqual('Ford');
-
-        inputEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowUp' })); //open overlay
-        inputEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowUp' })); // move up
-        inputEl.dispatchEvent(keyEnterEvent); //select
-        groupFixture.detectChanges();
-
-        expect(groupDropdown.selectedOption.label).toEqual('Cadillac');
-        inputEl.dispatchEvent(keyDownEvent); //open overlay
-        inputEl.dispatchEvent(keyDownEvent); //move down
-        inputEl.dispatchEvent(keyEnterEvent); //select
-        groupFixture.detectChanges();
-
-        expect(groupDropdown.selectedOption.label).toEqual('Ford');
-    });
-
-    it('should groupSelect with filter', () => {
-        groupFixture.detectChanges();
-
-        const inputEl = groupFixture.debugElement.query(By.css('.p-inputtext')).nativeElement;
-        const downKeyboardEvent = new KeyboardEvent('keydown', { code: 'ArrowDown' });
-        inputEl.dispatchEvent(downKeyboardEvent); //open overlay
-        groupFixture.detectChanges();
-
-        inputEl.dispatchEvent(new KeyboardEvent('keydown', { key: 'm' })); // type 'm' key
-        inputEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'Enter' })); // select field
-        groupFixture.detectChanges();
-
-        expect(groupDropdown.selectedOption.label).toEqual('Mercedes');
-    });
-
-    [null, undefined, ''].map((value) =>
-        it('should return filled false when value is not provided', () => {
-            dropdown.value = value;
-            fixture.detectChanges();
-
-            expect(dropdown.filled()).toBeFalsy();
-        })
-    );
-});
diff --git a/src/app/components/dropdown/dropdown.ts b/src/app/components/dropdown/dropdown.ts
deleted file mode 100644
index 87b634d..0000000
--- a/src/app/components/dropdown/dropdown.ts
+++ /dev/null
@@ -1,1954 +0,0 @@
-import { AnimationEvent } from '@angular/animations';
-import { CommonModule } from '@angular/common';
-import {
-    AfterContentInit,
-    AfterViewChecked,
-    AfterViewInit,
-    booleanAttribute,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    computed,
-    ContentChildren,
-    effect,
-    ElementRef,
-    EventEmitter,
-    forwardRef,
-    Input,
-    NgModule,
-    NgZone,
-    numberAttribute,
-    OnInit,
-    Output,
-    QueryList,
-    Renderer2,
-    Signal,
-    signal,
-    SimpleChanges,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    ViewRef
-} from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { FilterService, OverlayOptions, PrimeNGConfig, PrimeTemplate, SelectItem, SharedModule, TranslationKeys } from 'primeng/api';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { DomHandler } from 'primeng/dom';
-import { Overlay, OverlayModule } from 'primeng/overlay';
-import { RippleModule } from 'primeng/ripple';
-import { Scroller, ScrollerModule } from 'primeng/scroller';
-import { ScrollerOptions } from 'primeng/api';
-import { TooltipModule } from 'primeng/tooltip';
-import { ObjectUtils, UniqueComponentId } from 'primeng/utils';
-import { TimesIcon } from 'primeng/icons/times';
-import { CheckIcon } from 'primeng/icons/check';
-import { BlankIcon } from 'primeng/icons/blank';
-import { ChevronDownIcon } from 'primeng/icons/chevrondown';
-import { SearchIcon } from 'primeng/icons/search';
-import { DropdownChangeEvent, DropdownFilterEvent, DropdownFilterOptions, DropdownLazyLoadEvent } from './dropdown.interface';
-import { Nullable } from 'primeng/ts-helpers';
-
-export const DROPDOWN_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => Dropdown),
-    multi: true
-};
-
-@Component({
-    selector: 'p-dropdownItem',
-    template: `
-        <li
-            [id]="id"
-            (click)="onOptionClick($event)"
-            (mouseenter)="onOptionMouseEnter($event)"
-            role="option"
-            pRipple
-            [attr.aria-label]="label"
-            [attr.aria-setsize]="ariaSetSize"
-            [attr.aria-posinset]="ariaPosInset"
-            [attr.aria-selected]="selected"
-            [attr.data-p-focused]="focused"
-            [attr.data-p-highlight]="selected"
-            [attr.data-p-disabled]="disabled"
-            [ngStyle]="{ height: itemSize + 'px' }"
-            [ngClass]="{ 'p-dropdown-item': true, 'p-highlight': selected, 'p-disabled': disabled, 'p-focus': focused }"
-        >
-            <ng-container *ngIf="checkmark">
-                <CheckIcon *ngIf="selected" [styleClass]="'p-dropdown-check-icon'" />
-                <BlankIcon *ngIf="!selected" [styleClass]="'p-dropdown-blank-icon'" />
-            </ng-container>
-            <span *ngIf="!template">{{ label ?? 'empty' }}</span>
-            <ng-container *ngTemplateOutlet="template; context: { $implicit: option }"></ng-container>
-        </li>
-    `,
-    host: {
-        class: 'p-element'
-    }
-})
-export class DropdownItem {
-    @Input() id: string | undefined;
-
-    @Input() option: SelectItem | undefined;
-
-    @Input({ transform: booleanAttribute }) selected: boolean | undefined;
-
-    @Input({ transform: booleanAttribute }) focused: boolean | undefined;
-
-    @Input() label: string | undefined;
-
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-
-    @Input({ transform: booleanAttribute }) visible: boolean | undefined;
-
-    @Input({ transform: numberAttribute }) itemSize: number | undefined;
-
-    @Input() ariaPosInset: string | undefined;
-
-    @Input() ariaSetSize: string | undefined;
-
-    @Input() template: TemplateRef<any> | undefined;
-
-    @Input({ transform: booleanAttribute }) checkmark: boolean;
-
-    @Output() onClick: EventEmitter<any> = new EventEmitter();
-
-    @Output() onMouseEnter: EventEmitter<any> = new EventEmitter();
-
-    ngOnInit() {}
-
-    onOptionClick(event: Event) {
-        this.onClick.emit(event);
-    }
-
-    onOptionMouseEnter(event: Event) {
-        this.onMouseEnter.emit(event);
-    }
-}
-
-/**
- * Dropdown also known as Select, is used to choose an item from a collection of options.
- * @group Components
- */
-@Component({
-    selector: 'p-dropdown',
-    template: `
-        <div #container [attr.id]="id" [ngClass]="containerClass" (click)="onContainerClick($event)" [ngStyle]="style" [class]="styleClass">
-            <span
-                #focusInput
-                [ngClass]="inputClass"
-                *ngIf="!editable"
-                [pTooltip]="tooltip"
-                [tooltipPosition]="tooltipPosition"
-                [positionStyle]="tooltipPositionStyle"
-                [tooltipStyleClass]="tooltipStyleClass"
-                [attr.aria-disabled]="disabled"
-                [attr.id]="inputId"
-                role="combobox"
-                [attr.aria-label]="ariaLabel || (label() === 'p-emptylabel' ? undefined : label())"
-                [attr.aria-labelledby]="ariaLabelledBy"
-                [attr.aria-haspopup]="'listbox'"
-                [attr.aria-expanded]="overlayVisible ?? false"
-                [attr.aria-controls]="overlayVisible ? id + '_list' : null"
-                [attr.tabindex]="!disabled ? tabindex : -1"
-                pAutoFocus
-                [autofocus]="autofocus"
-                [attr.aria-activedescendant]="focused ? focusedOptionId : undefined"
-                (focus)="onInputFocus($event)"
-                (blur)="onInputBlur($event)"
-                (keydown)="onKeyDown($event)"
-                [attr.aria-required]="required"
-                [attr.required]="required"
-            >
-                <ng-container *ngIf="!selectedItemTemplate; else defaultPlaceholder">{{ label() === 'p-emptylabel' ? '&nbsp;' : label() }}</ng-container>
-                <ng-container *ngIf="selectedItemTemplate && !isSelectedOptionEmpty()" [ngTemplateOutlet]="selectedItemTemplate" [ngTemplateOutletContext]="{ $implicit: selectedOption }"></ng-container>
-                <ng-template #defaultPlaceholder>
-                    <span *ngIf="isSelectedOptionEmpty()">{{ label() === 'p-emptylabel' ? '&nbsp;' : label() }}</span>
-                </ng-template>
-            </span>
-            <input
-                *ngIf="editable"
-                #editableInput
-                type="text"
-                [attr.id]="inputId"
-                [attr.maxlength]="maxlength"
-                [ngClass]="inputClass"
-                [disabled]="disabled"
-                aria-haspopup="listbox"
-                [attr.placeholder]="modelValue() === undefined || modelValue() === null ? placeholder() : undefined"
-                [attr.aria-label]="ariaLabel || (label() === 'p-emptylabel' ? undefined : label())"
-                (input)="onEditableInput($event)"
-                (keydown)="onKeyDown($event)"
-                pAutoFocus
-                [autofocus]="autofocus"
-                [attr.aria-activedescendant]="focused ? focusedOptionId : undefined"
-                (focus)="onInputFocus($event)"
-                (blur)="onInputBlur($event)"
-            />
-            <ng-container *ngIf="isVisibleClearIcon">
-                <TimesIcon [styleClass]="'p-dropdown-clear-icon'" (click)="clear($event)" *ngIf="!clearIconTemplate" [attr.data-pc-section]="'clearicon'" />
-                <span class="p-dropdown-clear-icon" (click)="clear($event)" *ngIf="clearIconTemplate" [attr.data-pc-section]="'clearicon'">
-                    <ng-template *ngTemplateOutlet="clearIconTemplate"></ng-template>
-                </span>
-            </ng-container>
-
-            <div class="p-dropdown-trigger" role="button" aria-label="dropdown trigger" (mousedown)="onMouseDown($event)" aria-haspopup="listbox" [attr.aria-expanded]="overlayVisible ?? false" [attr.data-pc-section]="'trigger'">
-                <ng-container *ngIf="loading; else elseBlock">
-                    <ng-container *ngIf="loadingIconTemplate">
-                        <ng-container *ngTemplateOutlet="loadingIconTemplate"></ng-container>
-                    </ng-container>
-                    <ng-container *ngIf="!loadingIconTemplate">
-                        <span *ngIf="loadingIcon" [ngClass]="'p-dropdown-trigger-icon pi-spin ' + loadingIcon" aria-hidden="true"></span>
-                        <span *ngIf="!loadingIcon" [class]="'p-dropdown-trigger-icon pi pi-spinner pi-spin'" aria-hidden="true"></span>
-                    </ng-container>
-                </ng-container>
-
-                <ng-template #elseBlock>
-                    <ng-container *ngIf="!dropdownIconTemplate">
-                        <span class="p-dropdown-trigger-icon" *ngIf="dropdownIcon" [ngClass]="dropdownIcon"></span>
-                        <ChevronDownIcon *ngIf="!dropdownIcon" [styleClass]="'p-dropdown-trigger-icon'" />
-                    </ng-container>
-                    <span *ngIf="dropdownIconTemplate" class="p-dropdown-trigger-icon">
-                        <ng-template *ngTemplateOutlet="dropdownIconTemplate"></ng-template>
-                    </span>
-                </ng-template>
-            </div>
-
-            <p-overlay
-                #overlay
-                [(visible)]="overlayVisible"
-                [options]="overlayOptions"
-                [target]="'@parent'"
-                [appendTo]="appendTo"
-                [autoZIndex]="autoZIndex"
-                [baseZIndex]="baseZIndex"
-                [showTransitionOptions]="showTransitionOptions"
-                [hideTransitionOptions]="hideTransitionOptions"
-                (onAnimationStart)="onOverlayAnimationStart($event)"
-                (onHide)="hide()"
-            >
-                <ng-template pTemplate="content">
-                    <div [ngClass]="'p-dropdown-panel p-component'" [ngStyle]="panelStyle" [class]="panelStyleClass">
-                        <span
-                            #firstHiddenFocusableEl
-                            role="presentation"
-                            class="p-hidden-accessible p-hidden-focusable"
-                            [attr.tabindex]="0"
-                            (focus)="onFirstHiddenFocus($event)"
-                            [attr.data-p-hidden-accessible]="true"
-                            [attr.data-p-hidden-focusable]="true"
-                        >
-                        </span>
-                        <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-                        <div class="p-dropdown-header" *ngIf="filter" (click)="$event.stopPropagation()">
-                            <ng-container *ngIf="filterTemplate; else builtInFilterElement">
-                                <ng-container *ngTemplateOutlet="filterTemplate; context: { options: filterOptions }"></ng-container>
-                            </ng-container>
-                            <ng-template #builtInFilterElement>
-                                <div class="p-dropdown-filter-container">
-                                    <input
-                                        #filter
-                                        type="text"
-                                        role="searchbox"
-                                        autocomplete="off"
-                                        [value]="_filterValue() || ''"
-                                        class="p-dropdown-filter p-inputtext p-component"
-                                        [ngClass]="{ 'p-variant-filled': variant === 'filled' || config.inputStyle() === 'filled' }"
-                                        [attr.placeholder]="filterPlaceholder"
-                                        [attr.aria-owns]="id + '_list'"
-                                        (input)="onFilterInputChange($event)"
-                                        [attr.aria-label]="ariaFilterLabel"
-                                        [attr.aria-activedescendant]="focusedOptionId"
-                                        (keydown)="onFilterKeyDown($event)"
-                                        (blur)="onFilterBlur($event)"
-                                    />
-                                    <SearchIcon *ngIf="!filterIconTemplate" [styleClass]="'p-dropdown-filter-icon'" />
-                                    <span *ngIf="filterIconTemplate" class="p-dropdown-filter-icon">
-                                        <ng-template *ngTemplateOutlet="filterIconTemplate"></ng-template>
-                                    </span>
-                                </div>
-                            </ng-template>
-                        </div>
-                        <div
-                            class="p-dropdown-items-wrapper"
-                            [ngStyle]="{
-                                'max-height': virtualScroll ? 'auto' : scrollHeight || 'auto'
-                            }"
-                            tabindex="0"
-                        >
-                            <p-scroller
-                                *ngIf="virtualScroll"
-                                #scroller
-                                [items]="visibleOptions()"
-                                [style]="{ height: scrollHeight }"
-                                [itemSize]="virtualScrollItemSize || _itemSize"
-                                [autoSize]="true"
-                                [lazy]="lazy"
-                                (onLazyLoad)="onLazyLoad.emit($event)"
-                                [options]="virtualScrollOptions"
-                            >
-                                <ng-template pTemplate="content" let-items let-scrollerOptions="options">
-                                    <ng-container *ngTemplateOutlet="buildInItems; context: { $implicit: items, options: scrollerOptions }"></ng-container>
-                                </ng-template>
-                                <ng-container *ngIf="loaderTemplate">
-                                    <ng-template pTemplate="loader" let-scrollerOptions="options">
-                                        <ng-container *ngTemplateOutlet="loaderTemplate; context: { options: scrollerOptions }"></ng-container>
-                                    </ng-template>
-                                </ng-container>
-                            </p-scroller>
-                            <ng-container *ngIf="!virtualScroll">
-                                <ng-container *ngTemplateOutlet="buildInItems; context: { $implicit: visibleOptions(), options: {} }"></ng-container>
-                            </ng-container>
-
-                            <ng-template #buildInItems let-items let-scrollerOptions="options">
-                                <ul #items [attr.id]="id + '_list'" [attr.aria-label]="listLabel" class="p-dropdown-items" [ngClass]="scrollerOptions.contentStyleClass" [ngStyle]="scrollerOptions.contentStyle" role="listbox">
-                                    <ng-template ngFor let-option [ngForOf]="items" let-i="index">
-                                        <ng-container *ngIf="isOptionGroup(option)">
-                                            <li class="p-dropdown-item-group" [attr.id]="id + '_' + getOptionIndex(i, scrollerOptions)" [ngStyle]="{ height: scrollerOptions.itemSize + 'px' }" role="option">
-                                                <span *ngIf="!groupTemplate">{{ getOptionGroupLabel(option.optionGroup) }}</span>
-                                                <ng-container *ngTemplateOutlet="groupTemplate; context: { $implicit: option.optionGroup }"></ng-container>
-                                            </li>
-                                        </ng-container>
-                                        <ng-container *ngIf="!isOptionGroup(option)">
-                                            <p-dropdownItem
-                                                [id]="id + '_' + getOptionIndex(i, scrollerOptions)"
-                                                [option]="option"
-                                                [checkmark]="checkmark"
-                                                [selected]="isSelected(option)"
-                                                [label]="getOptionLabel(option)"
-                                                [disabled]="isOptionDisabled(option)"
-                                                [template]="itemTemplate"
-                                                [focused]="focusedOptionIndex() === getOptionIndex(i, scrollerOptions)"
-                                                [ariaPosInset]="getAriaPosInset(getOptionIndex(i, scrollerOptions))"
-                                                [ariaSetSize]="ariaSetSize"
-                                                (onClick)="onOptionSelect($event, option)"
-                                                (onMouseEnter)="onOptionMouseEnter($event, getOptionIndex(i, scrollerOptions))"
-                                            ></p-dropdownItem>
-                                        </ng-container>
-                                    </ng-template>
-                                    <li *ngIf="filterValue && isEmpty()" class="p-dropdown-empty-message" [ngStyle]="{ height: scrollerOptions.itemSize + 'px' }" role="option">
-                                        <ng-container *ngIf="!emptyFilterTemplate && !emptyTemplate; else emptyFilter">
-                                            {{ emptyFilterMessageLabel }}
-                                        </ng-container>
-                                        <ng-container #emptyFilter *ngTemplateOutlet="emptyFilterTemplate || emptyTemplate"></ng-container>
-                                    </li>
-                                    <li *ngIf="!filterValue && isEmpty()" class="p-dropdown-empty-message" [ngStyle]="{ height: scrollerOptions.itemSize + 'px' }" role="option">
-                                        <ng-container *ngIf="!emptyTemplate; else empty">
-                                            {{ emptyMessageLabel }}
-                                        </ng-container>
-                                        <ng-container #empty *ngTemplateOutlet="emptyTemplate"></ng-container>
-                                    </li>
-                                </ul>
-                            </ng-template>
-                        </div>
-                        <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
-                        <span
-                            #lastHiddenFocusableEl
-                            role="presentation"
-                            class="p-hidden-accessible p-hidden-focusable"
-                            [attr.tabindex]="0"
-                            (focus)="onLastHiddenFocus($event)"
-                            [attr.data-p-hidden-accessible]="true"
-                            [attr.data-p-hidden-focusable]="true"
-                        ></span>
-                    </div>
-                </ng-template>
-            </p-overlay>
-        </div>
-    `,
-
-    host: {
-        class: 'p-element p-inputwrapper',
-        '[class.p-inputwrapper-filled]': 'filled()',
-        '[class.p-inputwrapper-focus]': 'focused || overlayVisible'
-    },
-    providers: [DROPDOWN_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./dropdown.css']
-})
-export class Dropdown implements OnInit, AfterViewInit, AfterContentInit, AfterViewChecked, ControlValueAccessor {
-    /**
-     * Unique identifier of the component
-     * @group Props
-     */
-    @Input() id: string | undefined;
-    /**
-     * Height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value.
-     * @group Props
-     */
-    @Input() scrollHeight: string = '200px';
-    /**
-     * When specified, displays an input field to filter the items on keyup.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) filter: boolean | undefined;
-    /**
-     * Name of the input element.
-     * @group Props
-     */
-    @Input() name: string | undefined;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Inline style of the overlay panel element.
-     * @group Props
-     */
-    @Input() panelStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Style class of the overlay panel element.
-     * @group Props
-     */
-    @Input() panelStyleClass: string | undefined;
-    /**
-     * When present, it specifies that the component cannot be edited.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) readonly: boolean | undefined;
-    /**
-     * When present, it specifies that an input field must be filled out before submitting the form.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) required: boolean | undefined;
-    /**
-     * When present, custom value instead of predefined options can be entered using the editable input field.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) editable: boolean | undefined;
-    /**
-     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined = 0;
-    /**
-     * Default text to display when no option is selected.
-     * @group Props
-     */
-    @Input() set placeholder(val: string | undefined) {
-        this._placeholder.set(val);
-    }
-    get placeholder(): Signal<string | undefined> {
-        return this._placeholder.asReadonly();
-    }
-    /**
-     * Icon to display in loading state.
-     * @group Props
-     */
-    @Input() loadingIcon: string | undefined;
-    /**
-     * Placeholder text to show when filter input is empty.
-     * @group Props
-     */
-    @Input() filterPlaceholder: string | undefined;
-    /**
-     * Locale to use in filtering. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    @Input() filterLocale: string | undefined;
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    @Input() variant: 'filled' | 'outlined' = 'outlined';
-    /**
-     * Identifier of the accessible input element.
-     * @group Props
-     */
-    @Input() inputId: string | undefined;
-    /**
-     * A property to uniquely identify a value in options.
-     * @group Props
-     */
-    @Input() dataKey: string | undefined;
-    /**
-     * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
-     * @group Props
-     */
-    @Input() filterBy: string | undefined;
-    /**
-     * Fields used when filtering the options, defaults to optionLabel.
-     * @group Props
-     */
-    @Input() filterFields: any[] | undefined;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * Clears the filter value when hiding the dropdown.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) resetFilterOnHide: boolean = false;
-    /**
-     * Whether the selected option will be shown with a check mark.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) checkmark: boolean = false;
-    /**
-     * Icon class of the dropdown icon.
-     * @group Props
-     */
-    @Input() dropdownIcon: string | undefined;
-    /**
-     * Whether the dropdown is in loading state.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) loading: boolean | undefined = false;
-    /**
-     * Name of the label field of an option.
-     * @group Props
-     */
-    @Input() optionLabel: string | undefined;
-    /**
-     * Name of the value field of an option.
-     * @group Props
-     */
-    @Input() optionValue: string | undefined;
-    /**
-     * Name of the disabled field of an option.
-     * @group Props
-     */
-    @Input() optionDisabled: string | undefined;
-    /**
-     * Name of the label field of an option group.
-     * @group Props
-     */
-    @Input() optionGroupLabel: string | undefined = 'label';
-    /**
-     * Name of the options field of an option group.
-     * @group Props
-     */
-    @Input() optionGroupChildren: string = 'items';
-    /**
-     * Whether to display the first item as the label if no placeholder is defined and value is null.
-     * @deprecated since v17.3.0, set initial value by model instead.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoDisplayFirst: boolean = true;
-    /**
-     * Whether to display options as grouped when nested options are provided.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) group: boolean | undefined;
-    /**
-     * When enabled, a clear icon is displayed to clear the value.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showClear: boolean | undefined;
-    /**
-     * Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration.
-     * @group Props
-     */
-    @Input() emptyFilterMessage: string = '';
-    /**
-     * Text to display when there is no data. Defaults to global value in i18n translation configuration.
-     * @group Props
-     */
-    @Input() emptyMessage: string = '';
-    /**
-     * Defines if data is loaded and interacted with in lazy manner.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) lazy: boolean = false;
-    /**
-     * Whether the data should be loaded on demand during scroll.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) virtualScroll: boolean | undefined;
-    /**
-     * Height of an item in the list for VirtualScrolling.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) virtualScrollItemSize: number | undefined;
-    /**
-     * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.
-     * @group Props
-     */
-    @Input() virtualScrollOptions: ScrollerOptions | undefined;
-    /**
-     * Whether to use overlay API feature. The properties of overlay API can be used like an object in it.
-     * @group Props
-     */
-    @Input() overlayOptions: OverlayOptions | undefined;
-    /**
-     * Defines a string that labels the filter input.
-     * @group Props
-     */
-    @Input() ariaFilterLabel: string | undefined;
-    /**
-     * Used to define a aria label attribute the current element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Defines how the items are filtered.
-     * @group Props
-     */
-    @Input() filterMatchMode: 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals' | 'in' | 'lt' | 'lte' | 'gt' | 'gte' = 'contains';
-    /**
-     * Maximum number of character allows in the editable input field.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) maxlength: number | undefined;
-    /**
-     * Advisory information to display in a tooltip on hover.
-     * @group Props
-     */
-    @Input() tooltip: string = '';
-    /**
-     * Position of the tooltip.
-     * @group Props
-     */
-    @Input() tooltipPosition: 'top' | 'left' | 'right' | 'bottom' = 'right';
-    /**
-     * Type of CSS position.
-     * @group Props
-     */
-    @Input() tooltipPositionStyle: string = 'absolute';
-    /**
-     * Style class of the tooltip.
-     * @group Props
-     */
-    @Input() tooltipStyleClass: string | undefined;
-    /**
-     * Fields used when filtering the options, defaults to optionLabel.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) focusOnHover: boolean = false;
-    /**
-     * Determines if the option will be selected on focus.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) selectOnFocus: boolean = false;
-    /**
-     * Whether to focus on the first visible or selected element when the overlay panel is shown.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoOptionFocus: boolean = true;
-    /**
-     * Applies focus to the filter element when the overlay is shown.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocusFilter: boolean = true;
-    /**
-     * When present, it specifies that the component should be disabled.
-     * @group Props
-     */
-    @Input() get disabled(): boolean | undefined {
-        return this._disabled;
-    }
-    set disabled(_disabled: boolean | undefined) {
-        if (_disabled) {
-            this.focused = false;
-
-            if (this.overlayVisible) this.hide();
-        }
-
-        this._disabled = _disabled;
-        if (!(this.cd as ViewRef).destroyed) {
-            this.cd.detectChanges();
-        }
-    }
-    /**
-     * Item size of item to be virtual scrolled.
-     * @group Props
-     * @deprecated use virtualScrollItemSize property instead.
-     */
-    @Input() get itemSize(): number | undefined {
-        return this._itemSize;
-    }
-    set itemSize(val: number | undefined) {
-        this._itemSize = val;
-        console.warn('The itemSize property is deprecated, use virtualScrollItemSize property instead.');
-    }
-    _itemSize: number | undefined;
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     * @deprecated since v14.2.0, use overlayOptions property instead.
-     */
-    @Input() get autoZIndex(): boolean | undefined {
-        return this._autoZIndex;
-    }
-    set autoZIndex(val: boolean | undefined) {
-        this._autoZIndex = val;
-        console.warn('The autoZIndex property is deprecated since v14.2.0, use overlayOptions property instead.');
-    }
-    _autoZIndex: boolean | undefined;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     * @deprecated since v14.2.0, use overlayOptions property instead.
-     */
-    @Input() get baseZIndex(): number | undefined {
-        return this._baseZIndex;
-    }
-    set baseZIndex(val: number | undefined) {
-        this._baseZIndex = val;
-        console.warn('The baseZIndex property is deprecated since v14.2.0, use overlayOptions property instead.');
-    }
-    _baseZIndex: number | undefined;
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     * @deprecated since v14.2.0, use overlayOptions property instead.
-     */
-    @Input() get showTransitionOptions(): string | undefined {
-        return this._showTransitionOptions;
-    }
-    set showTransitionOptions(val: string | undefined) {
-        this._showTransitionOptions = val;
-        console.warn('The showTransitionOptions property is deprecated since v14.2.0, use overlayOptions property instead.');
-    }
-    _showTransitionOptions: string | undefined;
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     * @deprecated since v14.2.0, use overlayOptions property instead.
-     */
-    @Input() get hideTransitionOptions(): string | undefined {
-        return this._hideTransitionOptions;
-    }
-    set hideTransitionOptions(val: string | undefined) {
-        this._hideTransitionOptions = val;
-        console.warn('The hideTransitionOptions property is deprecated since v14.2.0, use overlayOptions property instead.');
-    }
-    _hideTransitionOptions: string | undefined;
-    /**
-     * When specified, filter displays with this value.
-     * @group Props
-     */
-    @Input() get filterValue(): string | undefined | null {
-        return this._filterValue();
-    }
-    set filterValue(val: string | undefined | null) {
-        setTimeout(() => {
-            this._filterValue.set(val);
-        });
-    }
-    /**
-     * An array of objects to display as the available options.
-     * @group Props
-     */
-    @Input() get options(): any[] | undefined {
-        const options = this._options();
-        return options;
-    }
-    set options(val: any[] | undefined) {
-        if (!ObjectUtils.deepEquals(val, this._options())) {
-            this._options.set(val);
-        }
-    }
-    /**
-     * Callback to invoke when value of dropdown changes.
-     * @param {DropdownChangeEvent} event - custom change event.
-     * @group Emits
-     */
-    @Output() onChange: EventEmitter<DropdownChangeEvent> = new EventEmitter<DropdownChangeEvent>();
-    /**
-     * Callback to invoke when data is filtered.
-     * @param {DropdownFilterEvent} event - custom filter event.
-     * @group Emits
-     */
-    @Output() onFilter: EventEmitter<DropdownFilterEvent> = new EventEmitter<DropdownFilterEvent>();
-    /**
-     * Callback to invoke when dropdown gets focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when dropdown loses focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when component is clicked.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Emits
-     */
-    @Output() onClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-    /**
-     * Callback to invoke when dropdown overlay gets visible.
-     * @param {AnimationEvent} event - Animation event.
-     * @group Emits
-     */
-    @Output() onShow: EventEmitter<AnimationEvent> = new EventEmitter<AnimationEvent>();
-    /**
-     * Callback to invoke when dropdown overlay gets hidden.
-     * @param {AnimationEvent} event - Animation event.
-     * @group Emits
-     */
-    @Output() onHide: EventEmitter<AnimationEvent> = new EventEmitter<AnimationEvent>();
-    /**
-     * Callback to invoke when dropdown clears the value.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onClear: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke in lazy mode to load new data.
-     * @param {DropdownLazyLoadEvent} event - Lazy load event.
-     * @group Emits
-     */
-    @Output() onLazyLoad: EventEmitter<DropdownLazyLoadEvent> = new EventEmitter<DropdownLazyLoadEvent>();
-
-    @ViewChild('container') containerViewChild: Nullable<ElementRef>;
-
-    @ViewChild('filter') filterViewChild: Nullable<ElementRef>;
-
-    @ViewChild('focusInput') focusInputViewChild: Nullable<ElementRef>;
-
-    @ViewChild('editableInput') editableInputViewChild: Nullable<ElementRef>;
-
-    @ViewChild('items') itemsViewChild: Nullable<ElementRef>;
-
-    @ViewChild('scroller') scroller: Nullable<Scroller>;
-
-    @ViewChild('overlay') overlayViewChild: Nullable<Overlay>;
-
-    @ViewChild('firstHiddenFocusableEl') firstHiddenFocusableElementOnOverlay: Nullable<ElementRef>;
-
-    @ViewChild('lastHiddenFocusableEl') lastHiddenFocusableElementOnOverlay: Nullable<ElementRef>;
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-
-    _disabled: boolean | undefined;
-
-    itemsWrapper: Nullable<HTMLDivElement>;
-
-    itemTemplate: Nullable<TemplateRef<any>>;
-
-    groupTemplate: Nullable<TemplateRef<any>>;
-
-    loaderTemplate: Nullable<TemplateRef<any>>;
-
-    selectedItemTemplate: Nullable<TemplateRef<any>>;
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    filterTemplate: Nullable<TemplateRef<any>>;
-
-    footerTemplate: Nullable<TemplateRef<any>>;
-
-    emptyFilterTemplate: Nullable<TemplateRef<any>>;
-
-    emptyTemplate: Nullable<TemplateRef<any>>;
-
-    dropdownIconTemplate: Nullable<TemplateRef<any>>;
-
-    loadingIconTemplate: Nullable<TemplateRef<any>>;
-
-    clearIconTemplate: Nullable<TemplateRef<any>>;
-
-    filterIconTemplate: Nullable<TemplateRef<any>>;
-
-    filterOptions: DropdownFilterOptions | undefined;
-
-    _options = signal<any[] | undefined>(null);
-
-    _placeholder = signal<string | undefined>(undefined);
-
-    modelValue = signal<any>(null);
-
-    value: any;
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    hover: Nullable<boolean>;
-
-    focused: Nullable<boolean>;
-
-    overlayVisible: Nullable<boolean>;
-
-    optionsChanged: Nullable<boolean>;
-
-    panel: Nullable<HTMLDivElement>;
-
-    dimensionsUpdated: Nullable<boolean>;
-
-    hoveredItem: any;
-
-    selectedOptionUpdated: Nullable<boolean>;
-
-    _filterValue = signal<any>(null);
-
-    searchValue: Nullable<string>;
-
-    searchIndex: Nullable<number>;
-
-    searchTimeout: any;
-
-    previousSearchChar: Nullable<string>;
-
-    currentSearchChar: Nullable<string>;
-
-    preventModelTouched: Nullable<boolean>;
-
-    focusedOptionIndex = signal<number>(-1);
-
-    labelId: Nullable<string>;
-
-    listId: Nullable<string>;
-
-    clicked = signal<boolean>(false);
-
-    get emptyMessageLabel(): string {
-        return this.emptyMessage || this.config.getTranslation(TranslationKeys.EMPTY_MESSAGE);
-    }
-
-    get emptyFilterMessageLabel(): string {
-        return this.emptyFilterMessage || this.config.getTranslation(TranslationKeys.EMPTY_FILTER_MESSAGE);
-    }
-
-    get isVisibleClearIcon(): boolean | undefined {
-        return this.modelValue() != null && this.hasSelectedOption() && this.showClear && !this.disabled;
-    }
-
-    get listLabel(): string {
-        return this.config.getTranslation(TranslationKeys.ARIA)['listLabel'];
-    }
-
-    get containerClass() {
-        return {
-            'p-dropdown p-component p-inputwrapper': true,
-            'p-disabled': this.disabled,
-            'p-dropdown-clearable': this.showClear && !this.disabled,
-            'p-focus': this.focused,
-            'p-inputwrapper-filled': this.modelValue() !== undefined && this.modelValue() !== null && !this.modelValue().length,
-            'p-inputwrapper-focus': this.focused || this.overlayVisible,
-            'p-variant-filled': this.variant === 'filled' || this.config.inputStyle() === 'filled',
-            'p-dropdown-open': this.overlayVisible
-        };
-    }
-
-    get inputClass() {
-        const label = this.label();
-        return {
-            'p-dropdown-label p-inputtext': true,
-            'p-placeholder': this.placeholder() && label === this.placeholder(),
-            'p-dropdown-label-empty': !this.editable && !this.selectedItemTemplate && (label === undefined || label === null || label === 'p-emptylabel' || label.length === 0)
-        };
-    }
-
-    get panelClass() {
-        return {
-            'p-dropdown-panel p-component': true,
-            'p-input-filled': this.config.inputStyle() === 'filled',
-            'p-ripple-disabled': this.config.ripple === false
-        };
-    }
-
-    get focusedOptionId() {
-        return this.focusedOptionIndex() !== -1 ? `${this.id}_${this.focusedOptionIndex()}` : null;
-    }
-
-    visibleOptions = computed(() => {
-        const options = this.getAllVisibleAndNonVisibleOptions();
-
-        if (this._filterValue()) {
-            const _filterBy = this.filterBy || this.optionLabel;
-
-            const filteredOptions =
-                !_filterBy && !this.filterFields && !this.optionValue
-                    ? this.options.filter((option) => {
-                          if (option.label) {
-                              return option.label.toString().toLowerCase().indexOf(this._filterValue().toLowerCase().trim()) !== -1;
-                          }
-                          return option.toString().toLowerCase().indexOf(this._filterValue().toLowerCase().trim()) !== -1;
-                      })
-                    : this.filterService.filter(options, this.searchFields(), this._filterValue().trim(), this.filterMatchMode, this.filterLocale);
-
-            if (this.group) {
-                const optionGroups = this.options || [];
-                const filtered = [];
-
-                optionGroups.forEach((group) => {
-                    const groupChildren = this.getOptionGroupChildren(group);
-                    const filteredItems = groupChildren.filter((item) => filteredOptions.includes(item));
-
-                    if (filteredItems.length > 0) filtered.push({ ...group, [typeof this.optionGroupChildren === 'string' ? this.optionGroupChildren : 'items']: [...filteredItems] });
-                });
-
-                return this.flatOptions(filtered);
-            }
-            return filteredOptions;
-        }
-
-        return options;
-    });
-
-    label = computed(() => {
-        // use  getAllVisibleAndNonVisibleOptions verses just visible options
-        // this will find the selected option whether or not the user is currently filtering  because the filtered (i.e. visible) options, are a subset of all the options
-        const options = this.getAllVisibleAndNonVisibleOptions();
-        // use isOptionEqualsModelValue for the use case where the dropdown is initalized with a disabled option
-        const selectedOptionIndex = options.findIndex((option) => this.isOptionValueEqualsModelValue(option));
-
-        return selectedOptionIndex !== -1 ? this.getOptionLabel(options[selectedOptionIndex]) : this.placeholder() || 'p-emptylabel';
-    });
-
-    filled = computed(() => {
-        if (typeof this.modelValue() === 'string') return !!this.modelValue();
-        return this.label() !== 'p-emptylabel' && this.modelValue() !== undefined && this.modelValue() !== null;
-    });
-
-    selectedOption: any;
-
-    editableInputValue = computed(() => this.getOptionLabel(this.selectedOption) || this.modelValue() || '');
-
-    constructor(
-        public el: ElementRef,
-        public renderer: Renderer2,
-        public cd: ChangeDetectorRef,
-        public zone: NgZone,
-        public filterService: FilterService,
-        public config: PrimeNGConfig
-    ) {
-        effect(() => {
-            const modelValue = this.modelValue();
-            const visibleOptions = this.visibleOptions();
-
-            if (visibleOptions && ObjectUtils.isNotEmpty(visibleOptions)) {
-                const selectedOptionIndex = this.findSelectedOptionIndex();
-
-                if (selectedOptionIndex !== -1 || modelValue === undefined || (typeof modelValue === 'string' && modelValue.length === 0) || this.isModelValueNotSet() || this.editable) {
-                    this.selectedOption = visibleOptions[selectedOptionIndex];
-                }
-            }
-
-            if (ObjectUtils.isEmpty(visibleOptions) && (modelValue === undefined || this.isModelValueNotSet()) && ObjectUtils.isNotEmpty(this.selectedOption)) {
-                this.selectedOption = null;
-            }
-
-            if (modelValue !== undefined && this.editable) {
-                this.updateEditableLabel();
-            }
-            this.cd.markForCheck();
-        });
-    }
-
-    private isModelValueNotSet(): boolean {
-        return this.modelValue() === null && !this.isOptionValueEqualsModelValue(this.selectedOption);
-    }
-
-    private getAllVisibleAndNonVisibleOptions() {
-        return this.group ? this.flatOptions(this.options) : this.options || [];
-    }
-
-    ngOnInit() {
-        this.id = this.id || UniqueComponentId();
-        this.autoUpdateModel();
-
-        if (this.filterBy) {
-            this.filterOptions = {
-                filter: (value) => this.onFilterInputChange(value),
-                reset: () => this.resetFilter()
-            };
-        }
-    }
-
-    ngAfterViewChecked() {
-        if (this.optionsChanged && this.overlayVisible) {
-            this.optionsChanged = false;
-
-            this.zone.runOutsideAngular(() => {
-                setTimeout(() => {
-                    if (this.overlayViewChild) {
-                        this.overlayViewChild.alignOverlay();
-                    }
-                }, 1);
-            });
-        }
-
-        if (this.selectedOptionUpdated && this.itemsWrapper) {
-            let selectedItem = DomHandler.findSingle(this.overlayViewChild?.overlayViewChild?.nativeElement, 'li.p-highlight');
-            if (selectedItem) {
-                DomHandler.scrollInView(this.itemsWrapper, selectedItem);
-            }
-            this.selectedOptionUpdated = false;
-        }
-    }
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-
-                case 'selectedItem':
-                    this.selectedItemTemplate = item.template;
-                    break;
-
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'filter':
-                    this.filterTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                case 'emptyfilter':
-                    this.emptyFilterTemplate = item.template;
-                    break;
-
-                case 'empty':
-                    this.emptyTemplate = item.template;
-                    break;
-
-                case 'group':
-                    this.groupTemplate = item.template;
-                    break;
-
-                case 'loader':
-                    this.loaderTemplate = item.template;
-                    break;
-
-                case 'dropdownicon':
-                    this.dropdownIconTemplate = item.template;
-                    break;
-
-                case 'loadingicon':
-                    this.loadingIconTemplate = item.template;
-                    break;
-
-                case 'clearicon':
-                    this.clearIconTemplate = item.template;
-                    break;
-
-                case 'filtericon':
-                    this.filterIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    flatOptions(options) {
-        return (options || []).reduce((result, option, index) => {
-            result.push({ optionGroup: option, group: true, index });
-
-            const optionGroupChildren = this.getOptionGroupChildren(option);
-
-            optionGroupChildren && optionGroupChildren.forEach((o) => result.push(o));
-
-            return result;
-        }, []);
-    }
-
-    autoUpdateModel() {
-        if (this.selectOnFocus && this.autoOptionFocus && !this.hasSelectedOption()) {
-            this.focusedOptionIndex.set(this.findFirstFocusedOptionIndex());
-            this.onOptionSelect(null, this.visibleOptions()[this.focusedOptionIndex()], false);
-        }
-        if (this.autoDisplayFirst && (this.modelValue() === null || this.modelValue() === undefined)) {
-            if (!this.placeholder()) {
-                const ind = this.findFirstOptionIndex();
-                this.onOptionSelect(null, this.visibleOptions()[ind], false, true);
-            }
-        }
-    }
-
-    onOptionSelect(event, option, isHide = true, preventChange = false) {
-        if (!this.isSelected(option)) {
-            const value = this.getOptionValue(option);
-            this.updateModel(value, event);
-            this.focusedOptionIndex.set(this.findSelectedOptionIndex());
-            preventChange === false && this.onChange.emit({ originalEvent: event, value: value });
-        }
-        if (isHide) {
-            this.hide(true);
-        }
-    }
-
-    onOptionMouseEnter(event, index) {
-        if (this.focusOnHover) {
-            this.changeFocusedOptionIndex(event, index);
-        }
-    }
-
-    updateModel(value, event?) {
-        this.value = value;
-        this.onModelChange(value);
-        this.modelValue.set(value);
-        this.selectedOptionUpdated = true;
-    }
-
-    writeValue(value: any): void {
-        if (this.filter) {
-            this.resetFilter();
-        }
-
-        this.value = value;
-        this.allowModelChange() && this.onModelChange(value);
-        this.modelValue.set(this.value);
-        this.updateEditableLabel();
-        this.cd.markForCheck();
-    }
-
-    allowModelChange() {
-        return this.autoDisplayFirst && !this.placeholder() && (this.modelValue() === undefined || this.modelValue() === null) && !this.editable && this.options && this.options.length;
-    }
-
-    isSelectedOptionEmpty() {
-        return ObjectUtils.isEmpty(this.selectedOption);
-    }
-
-    isSelected(option) {
-        return this.isValidOption(option) && this.isOptionValueEqualsModelValue(option);
-    }
-
-    private isOptionValueEqualsModelValue(option: any) {
-        return ObjectUtils.equals(this.modelValue(), this.getOptionValue(option), this.equalityKey());
-    }
-
-    ngAfterViewInit() {
-        if (this.editable) {
-            this.updateEditableLabel();
-        }
-        this.updatePlaceHolderForFloatingLabel();
-    }
-
-    updatePlaceHolderForFloatingLabel(): void {
-        if (this._placeholder() !== null && this._placeholder() !== undefined) {
-            // We don't want to overwrite the placeholder if it's already set
-            return;
-        }
-        const parentElement = this.el.nativeElement.parentElement;
-        const isInFloatingLabel = parentElement?.classList.contains('p-float-label');
-        if (parentElement && isInFloatingLabel && !this.selectedOption) {
-            const label = parentElement.querySelector('label');
-            if (label) {
-                this._placeholder.set(label.textContent);
-            }
-        }
-    }
-
-    updateEditableLabel(): void {
-        if (this.editableInputViewChild) {
-            this.editableInputViewChild.nativeElement.value = this.getOptionLabel(this.selectedOption) || this.modelValue() || '';
-        }
-    }
-
-    clearEditableLabel(): void {
-        if (this.editableInputViewChild) {
-            this.editableInputViewChild.nativeElement.value = '';
-        }
-    }
-
-    getOptionIndex(index, scrollerOptions) {
-        return this.virtualScrollerDisabled ? index : scrollerOptions && scrollerOptions.getItemOptions(index)['index'];
-    }
-
-    getOptionLabel(option: any) {
-        return this.optionLabel !== undefined && this.optionLabel !== null ? ObjectUtils.resolveFieldData(option, this.optionLabel) : option && option.label !== undefined ? option.label : option;
-    }
-
-    getOptionValue(option: any) {
-        return this.optionValue && this.optionValue !== null ? ObjectUtils.resolveFieldData(option, this.optionValue) : !this.optionLabel && option && option.value !== undefined ? option.value : option;
-    }
-
-    isOptionDisabled(option: any) {
-        if (this.getOptionValue(this.modelValue()) === this.getOptionValue(option) || (this.getOptionLabel(this.modelValue() === this.getOptionLabel(option)) && option.disabled === false)) {
-            return false;
-        } else {
-            return this.optionDisabled ? ObjectUtils.resolveFieldData(option, this.optionDisabled) : option && option.disabled !== undefined ? option.disabled : false;
-        }
-    }
-
-    getOptionGroupLabel(optionGroup: any) {
-        return this.optionGroupLabel !== undefined && this.optionGroupLabel !== null ? ObjectUtils.resolveFieldData(optionGroup, this.optionGroupLabel) : optionGroup && optionGroup.label !== undefined ? optionGroup.label : optionGroup;
-    }
-
-    getOptionGroupChildren(optionGroup: any) {
-        return this.optionGroupChildren !== undefined && this.optionGroupChildren !== null ? ObjectUtils.resolveFieldData(optionGroup, this.optionGroupChildren) : optionGroup.items;
-    }
-
-    getAriaPosInset(index) {
-        return (
-            (this.optionGroupLabel
-                ? index -
-                  this.visibleOptions()
-                      .slice(0, index)
-                      .filter((option) => this.isOptionGroup(option)).length
-                : index) + 1
-        );
-    }
-
-    get ariaSetSize() {
-        return this.visibleOptions().filter((option) => !this.isOptionGroup(option)).length;
-    }
-
-    /**
-     * Callback to invoke on filter reset.
-     * @group Method
-     */
-    public resetFilter(): void {
-        this._filterValue.set(null);
-
-        if (this.filterViewChild && this.filterViewChild.nativeElement) {
-            this.filterViewChild.nativeElement.value = '';
-        }
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    onContainerClick(event: any) {
-        if (this.disabled || this.readonly || this.loading) {
-            return;
-        }
-
-        this.focusInputViewChild?.nativeElement.focus({ preventScroll: true });
-
-        if (event.target.tagName === 'INPUT' || event.target.getAttribute('data-pc-section') === 'clearicon' || event.target.closest('[data-pc-section="clearicon"]')) {
-            return;
-        } else if (!this.overlayViewChild || !this.overlayViewChild.el.nativeElement.contains(event.target)) {
-            this.overlayVisible ? this.hide(true) : this.show(true);
-        }
-        this.onClick.emit(event);
-        this.clicked.set(true);
-        this.cd.detectChanges();
-    }
-
-    isEmpty() {
-        return !this._options() || (this.visibleOptions() && this.visibleOptions().length === 0);
-    }
-
-    onEditableInput(event: KeyboardEvent) {
-        const value = (event.target as HTMLInputElement).value;
-        this.searchValue = '';
-        const matched = this.searchOptions(event, value);
-        !matched && this.focusedOptionIndex.set(-1);
-
-        this.onModelChange(value);
-        this.updateModel(value, event);
-        setTimeout(() => {
-            this.onChange.emit({ originalEvent: event, value: value });
-        }, 1);
-
-        !this.overlayVisible && ObjectUtils.isNotEmpty(value) && this.show();
-    }
-    /**
-     * Displays the panel.
-     * @group Method
-     */
-    public show(isFocus?) {
-        this.overlayVisible = true;
-        const focusedOptionIndex = this.focusedOptionIndex() !== -1 ? this.focusedOptionIndex() : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : this.editable ? -1 : this.findSelectedOptionIndex();
-        this.focusedOptionIndex.set(focusedOptionIndex);
-
-        if (isFocus) {
-            DomHandler.focus(this.focusInputViewChild?.nativeElement);
-        }
-
-        this.cd.markForCheck();
-    }
-
-    onOverlayAnimationStart(event: AnimationEvent) {
-        if (event.toState === 'visible') {
-            this.itemsWrapper = DomHandler.findSingle(this.overlayViewChild?.overlayViewChild?.nativeElement, this.virtualScroll ? '.p-scroller' : '.p-dropdown-items-wrapper');
-            this.virtualScroll && this.scroller?.setContentEl(this.itemsViewChild?.nativeElement);
-
-            if (this.options && this.options.length) {
-                if (this.virtualScroll) {
-                    const selectedIndex = this.modelValue() ? this.focusedOptionIndex() : -1;
-                    if (selectedIndex !== -1) {
-                        this.scroller?.scrollToIndex(selectedIndex);
-                    }
-                } else {
-                    let selectedListItem = DomHandler.findSingle(this.itemsWrapper, '.p-dropdown-item.p-highlight');
-
-                    if (selectedListItem) {
-                        selectedListItem.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-                    }
-                }
-            }
-
-            if (this.filterViewChild && this.filterViewChild.nativeElement) {
-                this.preventModelTouched = true;
-
-                if (this.autofocusFilter && !this.editable) {
-                    this.filterViewChild.nativeElement.focus();
-                }
-            }
-
-            this.onShow.emit(event);
-        }
-        if (event.toState === 'void') {
-            this.itemsWrapper = null;
-            this.onModelTouched();
-            this.onHide.emit(event);
-        }
-    }
-    /**
-     * Hides the panel.
-     * @group Method
-     */
-    public hide(isFocus?) {
-        this.overlayVisible = false;
-        this.focusedOptionIndex.set(-1);
-        this.clicked.set(false);
-        this.searchValue = '';
-
-        if (this.overlayOptions?.mode === 'modal') {
-            DomHandler.unblockBodyScroll();
-        }
-        if (this.filter && this.resetFilterOnHide) {
-            this.resetFilter();
-        }
-        if (isFocus) {
-            if (this.focusInputViewChild) {
-                setTimeout(() => {
-                    DomHandler.focus(this.focusInputViewChild?.nativeElement);
-                });
-            }
-            if (this.editable && this.editableInputViewChild) {
-                setTimeout(() => {
-                    DomHandler.focus(this.editableInputViewChild?.nativeElement);
-                });
-            }
-        }
-        this.cd.markForCheck();
-    }
-
-    onInputFocus(event: Event) {
-        if (this.disabled) {
-            // For ScreenReaders
-            return;
-        }
-
-        this.focused = true;
-        const focusedOptionIndex = this.focusedOptionIndex() !== -1 ? this.focusedOptionIndex() : this.overlayVisible && this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1;
-        this.focusedOptionIndex.set(focusedOptionIndex);
-        this.overlayVisible && this.scrollInView(this.focusedOptionIndex());
-
-        this.onFocus.emit(event);
-    }
-
-    onInputBlur(event: Event) {
-        this.focused = false;
-        this.onBlur.emit(event);
-
-        if (!this.preventModelTouched) {
-            this.onModelTouched();
-        }
-        this.preventModelTouched = false;
-    }
-
-    onMouseDown(event: MouseEvent) {
-        event.preventDefault();
-    }
-
-    onKeyDown(event: KeyboardEvent, search: boolean) {
-        if (this.disabled || this.readonly || this.loading) {
-            return;
-        }
-
-        switch (event.code) {
-            //down
-            case 'ArrowDown':
-                this.onArrowDownKey(event);
-                break;
-
-            //up
-            case 'ArrowUp':
-                this.onArrowUpKey(event, this.editable);
-                break;
-
-            case 'ArrowLeft':
-            case 'ArrowRight':
-                this.onArrowLeftKey(event, this.editable);
-                break;
-
-            case 'Delete':
-                this.onDeleteKey(event);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event, this.editable);
-                break;
-
-            case 'End':
-                this.onEndKey(event, this.editable);
-                break;
-
-            case 'PageDown':
-                this.onPageDownKey(event);
-                break;
-
-            case 'PageUp':
-                this.onPageUpKey(event);
-                break;
-
-            //space
-            case 'Space':
-                this.onSpaceKey(event, search);
-                break;
-
-            //enter
-            case 'Enter':
-            case 'NumpadEnter':
-                this.onEnterKey(event);
-                break;
-
-            //escape and tab
-            case 'Escape':
-                this.onEscapeKey(event);
-                break;
-
-            case 'Tab':
-                this.onTabKey(event);
-                break;
-
-            case 'Backspace':
-                this.onBackspaceKey(event, this.editable);
-                break;
-
-            case 'ShiftLeft':
-            case 'ShiftRight':
-                //NOOP
-                break;
-
-            default:
-                if (!event.metaKey && ObjectUtils.isPrintableCharacter(event.key)) {
-                    !this.overlayVisible && this.show();
-                    !this.editable && this.searchOptions(event, event.key);
-                }
-
-                break;
-        }
-
-        this.clicked.set(false);
-    }
-
-    onFilterKeyDown(event) {
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUpKey(event, true);
-                break;
-
-            case 'ArrowLeft':
-            case 'ArrowRight':
-                this.onArrowLeftKey(event, true);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event, true);
-                break;
-
-            case 'End':
-                this.onEndKey(event, true);
-                break;
-
-            case 'Enter':
-            case 'NumpadEnter':
-                this.onEnterKey(event, true);
-                break;
-
-            case 'Escape':
-                this.onEscapeKey(event);
-                break;
-
-            case 'Tab':
-                this.onTabKey(event, true);
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    onFilterBlur(event) {
-        this.focusedOptionIndex.set(-1);
-    }
-
-    onArrowDownKey(event: KeyboardEvent) {
-        if (!this.overlayVisible) {
-            this.show();
-            this.editable && this.changeFocusedOptionIndex(event, this.findSelectedOptionIndex());
-        } else {
-            const optionIndex = this.focusedOptionIndex() !== -1 ? this.findNextOptionIndex(this.focusedOptionIndex()) : this.clicked() ? this.findFirstOptionIndex() : this.findFirstFocusedOptionIndex();
-
-            this.changeFocusedOptionIndex(event, optionIndex);
-        }
-        // const optionIndex = this.focusedOptionIndex() !== -1 ? this.findNextOptionIndex(this.focusedOptionIndex()) : this.findFirstFocusedOptionIndex();
-        // this.changeFocusedOptionIndex(event, optionIndex);
-
-        // !this.overlayVisible && this.show();
-        event.preventDefault();
-        event.stopPropagation();
-    }
-
-    changeFocusedOptionIndex(event, index) {
-        if (this.focusedOptionIndex() !== index) {
-            this.focusedOptionIndex.set(index);
-            this.scrollInView();
-
-            if (this.selectOnFocus) {
-                const option = this.visibleOptions()[index];
-                this.onOptionSelect(event, option, false);
-            }
-        }
-    }
-
-    get virtualScrollerDisabled() {
-        return !this.virtualScroll;
-    }
-
-    scrollInView(index = -1) {
-        const id = index !== -1 ? `${this.id}_${index}` : this.focusedOptionId;
-
-        if (this.itemsViewChild && this.itemsViewChild.nativeElement) {
-            const element = DomHandler.findSingle(this.itemsViewChild.nativeElement, `li[id="${id}"]`);
-            if (element) {
-                element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-            } else if (!this.virtualScrollerDisabled) {
-                setTimeout(() => {
-                    this.virtualScroll && this.scroller?.scrollToIndex(index !== -1 ? index : this.focusedOptionIndex());
-                }, 0);
-            }
-        }
-    }
-
-    hasSelectedOption() {
-        return this.modelValue() !== undefined;
-    }
-
-    isValidSelectedOption(option) {
-        return this.isValidOption(option) && this.isSelected(option);
-    }
-
-    equalityKey() {
-        return this.optionValue ? null : this.dataKey;
-    }
-
-    findFirstFocusedOptionIndex() {
-        const selectedIndex = this.findSelectedOptionIndex();
-        return selectedIndex < 0 ? this.findFirstOptionIndex() : selectedIndex;
-    }
-
-    findFirstOptionIndex() {
-        return this.visibleOptions().findIndex((option) => this.isValidOption(option));
-    }
-
-    findSelectedOptionIndex() {
-        return this.hasSelectedOption() ? this.visibleOptions().findIndex((option) => this.isValidSelectedOption(option)) : -1;
-    }
-
-    findNextOptionIndex(index) {
-        const matchedOptionIndex =
-            index < this.visibleOptions().length - 1
-                ? this.visibleOptions()
-                      .slice(index + 1)
-                      .findIndex((option) => this.isValidOption(option))
-                : -1;
-        return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index;
-    }
-
-    findPrevOptionIndex(index) {
-        const matchedOptionIndex = index > 0 ? ObjectUtils.findLastIndex(this.visibleOptions().slice(0, index), (option) => this.isValidOption(option)) : -1;
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex : index;
-    }
-
-    findLastOptionIndex() {
-        return ObjectUtils.findLastIndex(this.visibleOptions(), (option) => this.isValidOption(option));
-    }
-
-    findLastFocusedOptionIndex() {
-        const selectedIndex = this.findSelectedOptionIndex();
-
-        return selectedIndex < 0 ? this.findLastOptionIndex() : selectedIndex;
-    }
-
-    isValidOption(option) {
-        return option !== undefined && option !== null && !(this.isOptionDisabled(option) || this.isOptionGroup(option));
-    }
-
-    isOptionGroup(option) {
-        return this.optionGroupLabel !== undefined && this.optionGroupLabel !== null && option.optionGroup !== undefined && option.optionGroup !== null && option.group;
-    }
-
-    onArrowUpKey(event: KeyboardEvent, pressedInInputText: boolean = false) {
-        if (event.altKey && !pressedInInputText) {
-            if (this.focusedOptionIndex() !== -1) {
-                const option = this.visibleOptions()[this.focusedOptionIndex()];
-                this.onOptionSelect(event, option);
-            }
-
-            this.overlayVisible && this.hide();
-        } else {
-            const optionIndex = this.focusedOptionIndex() !== -1 ? this.findPrevOptionIndex(this.focusedOptionIndex()) : this.clicked() ? this.findLastOptionIndex() : this.findLastFocusedOptionIndex();
-
-            this.changeFocusedOptionIndex(event, optionIndex);
-
-            !this.overlayVisible && this.show();
-        }
-        event.preventDefault();
-        event.stopPropagation();
-    }
-
-    onArrowLeftKey(event: KeyboardEvent, pressedInInputText: boolean = false) {
-        pressedInInputText && this.focusedOptionIndex.set(-1);
-    }
-
-    onDeleteKey(event: KeyboardEvent) {
-        if (this.showClear) {
-            this.clear(event);
-            event.preventDefault();
-        }
-    }
-
-    onHomeKey(event: any, pressedInInputText: boolean = false) {
-        if (pressedInInputText) {
-            const target = event.currentTarget;
-            if (event.shiftKey) {
-                target.setSelectionRange(0, target.value.length);
-            } else {
-                target.setSelectionRange(0, 0);
-                this.focusedOptionIndex.set(-1);
-            }
-        } else {
-            this.changeFocusedOptionIndex(event, this.findFirstOptionIndex());
-
-            !this.overlayVisible && this.show();
-        }
-
-        event.preventDefault();
-    }
-
-    onEndKey(event: any, pressedInInputText = false) {
-        if (pressedInInputText) {
-            const target = event.currentTarget;
-
-            if (event.shiftKey) {
-                target.setSelectionRange(0, target.value.length);
-            } else {
-                const len = target.value.length;
-
-                target.setSelectionRange(len, len);
-                this.focusedOptionIndex.set(-1);
-            }
-        } else {
-            this.changeFocusedOptionIndex(event, this.findLastOptionIndex());
-
-            !this.overlayVisible && this.show();
-        }
-
-        event.preventDefault();
-    }
-
-    onPageDownKey(event: KeyboardEvent) {
-        this.scrollInView(this.visibleOptions().length - 1);
-        event.preventDefault();
-    }
-
-    onPageUpKey(event: KeyboardEvent) {
-        this.scrollInView(0);
-        event.preventDefault();
-    }
-
-    onSpaceKey(event: KeyboardEvent, pressedInInputText: boolean = false) {
-        !this.editable && !pressedInInputText && this.onEnterKey(event);
-    }
-
-    onEnterKey(event, pressedInInput = false) {
-        if (!this.overlayVisible) {
-            this.focusedOptionIndex.set(-1);
-            this.onArrowDownKey(event);
-        } else {
-            if (this.focusedOptionIndex() !== -1) {
-                const option = this.visibleOptions()[this.focusedOptionIndex()];
-                this.onOptionSelect(event, option);
-            }
-
-            !pressedInInput && this.hide();
-        }
-
-        event.preventDefault();
-    }
-
-    onEscapeKey(event: KeyboardEvent) {
-        this.overlayVisible && this.hide(true);
-        event.preventDefault();
-    }
-
-    onTabKey(event, pressedInInputText = false) {
-        if (!pressedInInputText) {
-            if (this.overlayVisible && this.hasFocusableElements()) {
-                DomHandler.focus(event.shiftKey ? this.lastHiddenFocusableElementOnOverlay.nativeElement : this.firstHiddenFocusableElementOnOverlay.nativeElement);
-                event.preventDefault();
-            } else {
-                if (this.focusedOptionIndex() !== -1 && this.overlayVisible) {
-                    const option = this.visibleOptions()[this.focusedOptionIndex()];
-                    this.onOptionSelect(event, option);
-                }
-                this.overlayVisible && this.hide(this.filter);
-            }
-        }
-        event.stopPropagation();
-    }
-
-    onFirstHiddenFocus(event) {
-        const focusableEl = event.relatedTarget === this.focusInputViewChild?.nativeElement ? DomHandler.getFirstFocusableElement(this.overlayViewChild.el?.nativeElement, ':not(.p-hidden-focusable)') : this.focusInputViewChild?.nativeElement;
-        DomHandler.focus(focusableEl);
-    }
-
-    onLastHiddenFocus(event) {
-        const focusableEl =
-            event.relatedTarget === this.focusInputViewChild?.nativeElement
-                ? DomHandler.getLastFocusableElement(this.overlayViewChild?.overlayViewChild?.nativeElement, ':not([data-p-hidden-focusable="true"])')
-                : this.focusInputViewChild?.nativeElement;
-
-        DomHandler.focus(focusableEl);
-    }
-
-    hasFocusableElements() {
-        return DomHandler.getFocusableElements(this.overlayViewChild.overlayViewChild.nativeElement, ':not([data-p-hidden-focusable="true"]):not([class="p-dropdown-items-wrapper"])').length > 0;
-    }
-
-    onBackspaceKey(event: KeyboardEvent, pressedInInputText = false) {
-        if (pressedInInputText) {
-            !this.overlayVisible && this.show();
-        }
-    }
-
-    searchFields() {
-        return this.filterBy?.split(',') || this.filterFields || [this.optionLabel];
-    }
-
-    searchOptions(event, char) {
-        this.searchValue = (this.searchValue || '') + char;
-
-        let optionIndex = -1;
-        let matched = false;
-
-        if (this.focusedOptionIndex() !== -1) {
-            optionIndex = this.visibleOptions()
-                .slice(this.focusedOptionIndex())
-                .findIndex((option) => this.isOptionMatched(option));
-            optionIndex =
-                optionIndex === -1
-                    ? this.visibleOptions()
-                          .slice(0, this.focusedOptionIndex())
-                          .findIndex((option) => this.isOptionMatched(option))
-                    : optionIndex + this.focusedOptionIndex();
-        } else {
-            optionIndex = this.visibleOptions().findIndex((option) => this.isOptionMatched(option));
-        }
-
-        if (optionIndex !== -1) {
-            matched = true;
-        }
-
-        if (optionIndex === -1 && this.focusedOptionIndex() === -1) {
-            optionIndex = this.findFirstFocusedOptionIndex();
-        }
-
-        if (optionIndex !== -1) {
-            this.changeFocusedOptionIndex(event, optionIndex);
-        }
-
-        if (this.searchTimeout) {
-            clearTimeout(this.searchTimeout);
-        }
-
-        this.searchTimeout = setTimeout(() => {
-            this.searchValue = '';
-            this.searchTimeout = null;
-        }, 500);
-
-        return matched;
-    }
-
-    isOptionMatched(option) {
-        return this.isValidOption(option) && this.getOptionLabel(option).toString().toLocaleLowerCase(this.filterLocale).startsWith(this.searchValue.toLocaleLowerCase(this.filterLocale));
-    }
-
-    onFilterInputChange(event: Event | any): void {
-        let value: string = (event.target as HTMLInputElement).value;
-        this._filterValue.set(value);
-        this.focusedOptionIndex.set(-1);
-        this.onFilter.emit({ originalEvent: event, filter: this._filterValue() });
-        !this.virtualScrollerDisabled && this.scroller.scrollToIndex(0);
-        setTimeout(() => {
-            this.overlayViewChild.alignOverlay();
-        });
-        this.cd.markForCheck();
-    }
-
-    applyFocus(): void {
-        if (this.editable) DomHandler.findSingle(this.el.nativeElement, '.p-dropdown-label.p-inputtext').focus();
-        else DomHandler.focus(this.focusInputViewChild?.nativeElement);
-    }
-    /**
-     * Applies focus.
-     * @group Method
-     */
-    public focus(): void {
-        this.applyFocus();
-    }
-    /**
-     * Clears the model.
-     * @group Method
-     */
-    public clear(event?: Event) {
-        this.updateModel(null, event);
-        this.clearEditableLabel();
-        this.onModelTouched();
-        this.onChange.emit({ originalEvent: event, value: this.value });
-        this.onClear.emit(event);
-        this.resetFilter();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, OverlayModule, SharedModule, TooltipModule, RippleModule, ScrollerModule, AutoFocusModule, TimesIcon, ChevronDownIcon, SearchIcon, BlankIcon, CheckIcon],
-    exports: [Dropdown, OverlayModule, SharedModule, ScrollerModule],
-    declarations: [Dropdown, DropdownItem]
-})
-export class DropdownModule {}
diff --git a/src/app/components/dropdown/ng-package.json b/src/app/components/dropdown/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/dropdown/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/dropdown/public_api.ts b/src/app/components/dropdown/public_api.ts
deleted file mode 100644
index f974c92..0000000
--- a/src/app/components/dropdown/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './dropdown';
-export * from './dropdown.interface';
diff --git a/src/app/components/dynamicdialog/dialogservice.ts b/src/app/components/dynamicdialog/dialogservice.ts
deleted file mode 100644
index 19587ca..0000000
--- a/src/app/components/dynamicdialog/dialogservice.ts
+++ /dev/null
@@ -1,106 +0,0 @@
-import { Injectable, ApplicationRef, Injector, Type, EmbeddedViewRef, ComponentRef, Inject, createComponent } from '@angular/core';
-import { DomHandler } from 'primeng/dom';
-import { DynamicDialogComponent } from './dynamicdialog';
-import { DynamicDialogInjector } from './dynamicdialog-injector';
-import { DynamicDialogConfig } from './dynamicdialog-config';
-import { DynamicDialogRef } from './dynamicdialog-ref';
-import { DOCUMENT } from '@angular/common';
-import { ObjectUtils } from 'primeng/utils';
-/**
- * Dynamic Dialog component methods.
- * @group Service
- */
-@Injectable()
-export class DialogService {
-    dialogComponentRefMap: Map<DynamicDialogRef<any>, ComponentRef<DynamicDialogComponent>> = new Map();
-
-    constructor(
-        private appRef: ApplicationRef,
-        private injector: Injector,
-        @Inject(DOCUMENT) private document: Document
-    ) {}
-    /**
-     * Displays the dialog using the dynamic dialog object options.
-     * @param {*} componentType - Dynamic component for content template.
-     * @param {DynamicDialogConfig} config - DynamicDialog object.
-     * @returns {DynamicDialogRef} DynamicDialog instance.
-     * @group Method
-     */
-    public open<T>(componentType: Type<T>, config: DynamicDialogConfig): DynamicDialogRef<T> {
-        if (!this.duplicationPermission(componentType, config)) {
-            return null;
-        }
-
-        const dialogRef = this.appendDialogComponentToBody<T>(config, componentType);
-
-        this.dialogComponentRefMap.get(dialogRef).instance.childComponentType = componentType;
-
-        return dialogRef;
-    }
-    /**
-     * Returns the dynamic dialog component instance.
-     * @param {ref} DynamicDialogRef - DynamicDialog instance.
-     * @group Method
-     */
-    public getInstance(ref: DynamicDialogRef<any>) {
-        return this.dialogComponentRefMap.get(ref).instance;
-    }
-
-    private appendDialogComponentToBody<T>(config: DynamicDialogConfig, componentType: Type<T>): DynamicDialogRef<T> {
-        const map = new WeakMap();
-        map.set(DynamicDialogConfig, config);
-
-        const dialogRef = new DynamicDialogRef<T>();
-        map.set(DynamicDialogRef, dialogRef);
-
-        const sub = dialogRef.onClose.subscribe(() => {
-            this.dialogComponentRefMap.get(dialogRef).instance.close();
-        });
-
-        const destroySub = dialogRef.onDestroy.subscribe(() => {
-            this.removeDialogComponentFromBody(dialogRef);
-            destroySub.unsubscribe();
-            sub.unsubscribe();
-        });
-
-        const componentRef = createComponent(DynamicDialogComponent, { environmentInjector: this.appRef.injector, elementInjector: new DynamicDialogInjector(this.injector, map) });
-
-        this.appRef.attachView(componentRef.hostView);
-
-        const domElem = (componentRef.hostView as EmbeddedViewRef<any>).rootNodes[0] as HTMLElement;
-        if (!config.appendTo || config.appendTo === 'body') {
-            this.document.body.appendChild(domElem);
-        } else {
-            DomHandler.appendChild(domElem, config.appendTo);
-        }
-
-        this.dialogComponentRefMap.set(dialogRef, componentRef);
-
-        return dialogRef;
-    }
-
-    private removeDialogComponentFromBody(dialogRef: DynamicDialogRef<any>) {
-        if (!dialogRef || !this.dialogComponentRefMap.has(dialogRef)) {
-            return;
-        }
-
-        const dialogComponentRef = this.dialogComponentRefMap.get(dialogRef);
-        this.appRef.detachView(dialogComponentRef.hostView);
-        dialogComponentRef.destroy();
-        this.dialogComponentRefMap.delete(dialogRef);
-    }
-
-    private duplicationPermission(componentType: Type<any>, config: DynamicDialogConfig): boolean {
-        if (config.duplicate) {
-            return true;
-        }
-        let permission = true;
-        for (const [key, value] of this.dialogComponentRefMap) {
-            if (value.instance.childComponentType === componentType) {
-                permission = false;
-                break;
-            }
-        }
-        return permission;
-    }
-}
diff --git a/src/app/components/dynamicdialog/dynamicdialog-config.ts b/src/app/components/dynamicdialog/dynamicdialog-config.ts
deleted file mode 100644
index 78108f6..0000000
--- a/src/app/components/dynamicdialog/dynamicdialog-config.ts
+++ /dev/null
@@ -1,219 +0,0 @@
-import { Type } from '@angular/core';
-
-/**
- * Dialogs can be created dynamically with any component as the content using a DialogService.
- * @group Components
- */
-export class DynamicDialogConfig<T = any> {
-    /**
-     * An object to pass to the component loaded inside the Dialog.
-     * @group Props
-     */
-    data?: T;
-    /**
-     * Header text of the dialog.
-     * @group Props
-     */
-    header?: string;
-    /**
-     * Identifies the element (or elements) that labels the element it is applied to.
-     * @group Props
-     */
-    ariaLabelledBy?: string;
-    /**
-     * Footer text of the dialog.
-     * @group Props
-     */
-    footer?: string;
-    /**
-     * Width of the dialog.
-     * @group Props
-     */
-    width?: string;
-    /**
-     * Height of the dialog.
-     * @group Props
-     */
-    height?: string;
-    /**
-     * Specifies if pressing escape key should hide the dialog.
-     * @group Props
-     */
-    closeOnEscape?: boolean;
-    /**
-     * Specifies if autofocus should happen on show.
-     * @group Props
-     */
-    focusOnShow?: boolean = true;
-    /**
-     * Specifies if autofocus should happen on close.
-     * @group Props
-     */
-    focusOnClose?: boolean = true;
-    /**
-     * When enabled, can only focus on elements inside the dialog.
-     * @group Props
-     */
-    focusTrap?: boolean = true;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    baseZIndex?: number;
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    autoZIndex?: boolean;
-    /**
-     * Specifies if clicking the modal background should hide the dialog.
-     * @group Props
-     */
-    dismissableMask?: boolean;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    rtl?: boolean;
-    /**
-     * Inline style of the comopnent.
-     * @group Props
-     */
-    style?: { [klass: string]: any } | null | undefined;
-    /**
-     * Inline style of the content.
-     * @group Props
-     */
-    contentStyle?: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    styleClass?: string;
-    /**
-     * Transition options of the animation.
-     * @group Props
-     */
-    transitionOptions?: string;
-    /**
-     * Adds a close icon to the header to hide the dialog.
-     * @group Props
-     */
-    closable?: boolean;
-    /**
-     * Whether to show the header or not.
-     * @group Props
-     */
-    showHeader?: boolean;
-    /**
-     * Defines if background should be blocked when dialog is displayed.
-     * @group Props
-     */
-    modal?: boolean;
-    /**
-     * Style class of the mask.
-     * @group Props
-     */
-    maskStyleClass?: string;
-    /**
-     * Enables resizing of the content.
-     * @group Props
-     */
-    resizable?: boolean;
-    /**
-     * Enables dragging to change the position using header.
-     * @group Props
-     */
-    draggable?: boolean;
-    /**
-     * Keeps dialog in the viewport.
-     * @group Props
-     */
-    keepInViewport?: boolean;
-    /**
-     * Minimum value for the left coordinate of dialog in dragging.
-     * @group Props
-     */
-    minX?: number;
-    /**
-     * Minimum value for the top coordinate of dialog in dragging.
-     * @group Props
-     */
-    minY?: number;
-    /**
-     * Whether the dialog can be displayed full screen.
-     * @group Props
-     */
-    maximizable?: boolean;
-    /**
-     * Name of the maximize icon.
-     * @group Props
-     */
-    maximizeIcon?: string;
-    /**
-     * Name of the minimize icon.
-     * @group Props
-     */
-    minimizeIcon?: string;
-    /**
-     * Position of the dialog, options are "center", "top", "bottom", "left", "right", "top-left", "top-right", "bottom-left" or "bottom-right".
-     * @group Props
-     */
-    position?: string;
-    /**
-     * Defines a string that labels the close button for accessibility.
-     * @group Props
-     */
-    closeAriaLabel?: string;
-    /**
-     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    appendTo?: any;
-    /**
-     * A boolean to determine if it can be duplicate.
-     * @group Props
-     */
-    duplicate?: boolean;
-    /**
-     * Object literal to define widths per screen size.
-     * @group Props
-     */
-    breakpoints?: any;
-    /**
-     * Dialog templates.
-     * @group Props
-     */
-    templates?: DynamicDialogTemplates;
-}
-
-/**
- * Defines valid templates in Dynamic Dialog.
- * @group Interface
- */
-export interface DynamicDialogTemplates {
-    /**
-     * Template of the header.
-     */
-    header?: Type<any>;
-    /**
-     * Template of the content.
-     */
-    content?: Type<any>;
-    /**
-     * Template of the footer.
-     */
-    footer?: Type<any>;
-    /**
-     * Template of the minimize icon.
-     */
-    minimizeicon?: Type<any>;
-    /**
-     * Template of the maximize icon.
-     */
-    maximizeicon?: Type<any>;
-    /**
-     * Template of the close icon.
-     */
-    closeicon?: Type<any>;
-}
diff --git a/src/app/components/dynamicdialog/dynamicdialog-injector.ts b/src/app/components/dynamicdialog/dynamicdialog-injector.ts
deleted file mode 100644
index b146d2b..0000000
--- a/src/app/components/dynamicdialog/dynamicdialog-injector.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { InjectOptions, Injector, ProviderToken, InjectFlags } from '@angular/core';
-
-export class DynamicDialogInjector implements Injector {
-    constructor(
-        private _parentInjector: Injector,
-        private _additionalTokens: WeakMap<any, any>
-    ) {}
-
-    get<T>(token: ProviderToken<T>, notFoundValue?: T, options?: InjectOptions | InjectFlags): T {
-        const value = this._additionalTokens.get(token);
-
-        if (value) return value;
-
-        return this._parentInjector.get<any>(token, notFoundValue);
-    }
-}
diff --git a/src/app/components/dynamicdialog/dynamicdialog-ref.ts b/src/app/components/dynamicdialog/dynamicdialog-ref.ts
deleted file mode 100644
index b560c07..0000000
--- a/src/app/components/dynamicdialog/dynamicdialog-ref.ts
+++ /dev/null
@@ -1,128 +0,0 @@
-import { Observable, Subject } from 'rxjs';
-import { Output, EventEmitter, Type } from '@angular/core';
-/**
- * Dynamic Dialog instance.
- * @group Components
- */
-export class DynamicDialogRef<ComponentType = any> {
-    constructor() {}
-    /**
-     * Closes dialog.
-     * @group Method
-     */
-    close(result?: any) {
-        this._onClose.next(result);
-
-        setTimeout(() => {
-            this._onClose.complete();
-        }, 1000);
-    }
-    /**
-     * Destroys the dialog instance.
-     * @group Method
-     */
-    destroy() {
-        this._onDestroy.next(null);
-    }
-    /**
-     * Callback to invoke on drag start.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Method
-     */
-    dragStart(event: MouseEvent) {
-        this._onDragStart.next(event);
-    }
-    /**
-     * Callback to invoke on drag end.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Method
-     */
-    dragEnd(event: MouseEvent) {
-        this._onDragEnd.next(event);
-    }
-    /**
-     * Callback to invoke on resize start.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Method
-     */
-    resizeInit(event: MouseEvent) {
-        this._onResizeInit.next(event);
-    }
-    /**
-     * Callback to invoke on resize start.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Method
-     */
-    resizeEnd(event: MouseEvent) {
-        this._onResizeEnd.next(event);
-    }
-    /**
-     * Callback to invoke on dialog is maximized.
-     * @param {*} value - Size value.
-     * @group Method
-     */
-    maximize(value: any) {
-        this._onMaximize.next(value);
-    }
-
-    private readonly _onClose = new Subject<any>();
-    /**
-     * Event triggered on dialog is closed.
-     * @group Events
-     */
-    onClose: Observable<any> = this._onClose.asObservable();
-
-    private readonly _onDestroy = new Subject<any>();
-    /**
-     * Event triggered on dialog instance is destroyed.
-     * @group Events
-     */
-    onDestroy: Observable<any> = this._onDestroy.asObservable();
-
-    private readonly _onDragStart = new Subject<any>();
-    /**
-     * Event triggered on drag start.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Events
-     */
-    onDragStart: Observable<any> = this._onDragStart.asObservable();
-
-    private readonly _onDragEnd = new Subject<any>();
-    /**
-     * Event triggered on drag end.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Events
-     */
-    onDragEnd: Observable<any> = this._onDragEnd.asObservable();
-
-    private readonly _onResizeInit = new Subject<any>();
-    /**
-     * Event triggered on resize start.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Events
-     */
-    onResizeInit: Observable<any> = this._onResizeInit.asObservable();
-
-    private readonly _onResizeEnd = new Subject<any>();
-    /**
-     * Event triggered on resize end.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Events
-     */
-    onResizeEnd: Observable<any> = this._onResizeEnd.asObservable();
-
-    private readonly _onMaximize = new Subject<any>();
-    /**
-     * Event triggered on dialog is maximized.
-     * @param {*} value - Size value.
-     * @group Events
-     */
-    onMaximize: Observable<any> = this._onMaximize.asObservable();
-
-    /**
-     * Event triggered on child component load.
-     * @param {*} value - Chi.
-     * @group Events
-     */
-    readonly onChildComponentLoaded = new Subject<ComponentType>();
-}
diff --git a/src/app/components/dynamicdialog/dynamicdialog.spec.ts b/src/app/components/dynamicdialog/dynamicdialog.spec.ts
deleted file mode 100644
index e113f47..0000000
--- a/src/app/components/dynamicdialog/dynamicdialog.spec.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, NgModule } from '@angular/core';
-import { ComponentFixture, TestBed, fakeAsync, flush, tick } from '@angular/core/testing';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Footer } from 'primeng/api';
-import { DialogService } from './dialogservice';
-import { DynamicDialogModule } from './dynamicdialog';
-import { DynamicDialogConfig } from './dynamicdialog-config';
-import { DynamicDialogRef } from './dynamicdialog-ref';
-
-@Component({
-    template: ` <h2>PrimeNG ROCKS!</h2> `
-})
-export class TestComponent {
-    constructor(
-        public ref: DynamicDialogRef,
-        public config: DynamicDialogConfig
-    ) {}
-}
-
-@Component({
-    template: ` <div class="TestDynamicDialog"></div> `
-})
-export class TestDynamicDialogComponent {
-    constructor(public dialogService: DialogService) {}
-
-    show() {
-        this.dialogService.open(TestComponent, {
-            header: 'Demo Header',
-            width: '70%',
-            contentStyle: { 'max-height': '350px', overflow: 'auto' },
-            dismissableMask: true,
-            baseZIndex: 0
-        });
-    }
-}
-@Component({
-    template: ` <div class="TestDynamicDialogClosableFalse"></div> `
-})
-export class TestDynamicDialogWithClosableFalseComponent {
-    constructor(public dialogService: DialogService) {}
-
-    show() {
-        this.dialogService.open(TestComponent, {
-            header: 'Demo Header',
-            width: '70%',
-            contentStyle: { 'max-height': '350px', overflow: 'auto' },
-            closeOnEscape: true,
-            dismissableMask: true,
-            baseZIndex: 0
-        });
-    }
-}
-@NgModule({
-    imports: [CommonModule, DynamicDialogModule],
-    declarations: [TestComponent, TestDynamicDialogComponent, TestDynamicDialogWithClosableFalseComponent],
-    exports: [TestComponent],
-    providers: [DialogService]
-})
-export class FakeTestDialogModule {}
-
-describe('DynamicDialog', () => {
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, FakeTestDialogModule, Footer]
-        });
-    });
-
-    it('should open dialog and close dialog', fakeAsync(() => {
-        let fixture: ComponentFixture<TestDynamicDialogComponent>;
-        let testDynamicDialogComponent: TestDynamicDialogComponent;
-
-        fixture = TestBed.createComponent(TestDynamicDialogComponent);
-        testDynamicDialogComponent = fixture.debugElement.componentInstance;
-        fixture.detectChanges();
-
-        testDynamicDialogComponent.show();
-        fixture.detectChanges();
-
-        tick(300);
-        let dynamicDialogEl = document.getElementsByClassName('p-dynamic-dialog')[0];
-        expect(dynamicDialogEl).toBeTruthy();
-        const titleEl = dynamicDialogEl.getElementsByClassName('p-dialog-title')[0];
-        const testComponentHeader = dynamicDialogEl.getElementsByTagName('h2')[0];
-        expect(titleEl.textContent).toEqual('Demo Header');
-        expect(testComponentHeader.textContent).toEqual('PrimeNG ROCKS!');
-        let dynamicDialogTitlebarIconEl = document.querySelector('.p-dynamic-dialog .p-dialog-header-icon') as HTMLElement;
-        dynamicDialogTitlebarIconEl.click();
-        fixture.detectChanges();
-        tick(700);
-
-        dynamicDialogEl = document.getElementsByClassName('p-dynamic-dialog')[0];
-        expect(dynamicDialogEl).toBeUndefined();
-        flush();
-    }));
-
-    it('should open dialog and close dialog without the closing icon enabled', fakeAsync(() => {
-        let fixture: ComponentFixture<TestDynamicDialogWithClosableFalseComponent>;
-        let testDynamicDialogComponent: TestDynamicDialogWithClosableFalseComponent;
-        fixture = TestBed.createComponent(TestDynamicDialogWithClosableFalseComponent);
-        testDynamicDialogComponent = fixture.debugElement.componentInstance;
-        fixture.detectChanges();
-
-        testDynamicDialogComponent.show();
-        fixture.detectChanges();
-        tick(300);
-
-        let dynamicDialogEl = document.getElementsByClassName('p-dynamic-dialog')[0];
-        expect(dynamicDialogEl).toBeTruthy();
-        const titleEl = dynamicDialogEl.getElementsByClassName('p-dialog-title')[0];
-        const testComponentHeader = dynamicDialogEl.getElementsByTagName('h2')[0];
-        expect(titleEl.textContent).toEqual('Demo Header');
-        expect(testComponentHeader.textContent).toEqual('PrimeNG ROCKS!');
-        const backdropEl = document.getElementsByClassName('p-dialog-mask')[0];
-        backdropEl.dispatchEvent(new Event('mousedown'));
-        tick(700);
-
-        dynamicDialogEl = document.getElementsByClassName('p-dynamic-dialog')[0];
-        expect(dynamicDialogEl).toBeUndefined();
-        flush();
-    }));
-});
diff --git a/src/app/components/dynamicdialog/dynamicdialog.ts b/src/app/components/dynamicdialog/dynamicdialog.ts
deleted file mode 100644
index 4bda78b..0000000
--- a/src/app/components/dynamicdialog/dynamicdialog.ts
+++ /dev/null
@@ -1,724 +0,0 @@
-import { animate, animation, AnimationEvent, style, transition, trigger, useAnimation } from '@angular/animations';
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterViewInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ComponentRef,
-    ElementRef,
-    Inject,
-    NgModule,
-    NgZone,
-    OnDestroy,
-    Optional,
-    PLATFORM_ID,
-    Renderer2,
-    SkipSelf,
-    Type,
-    ViewChild,
-    ViewEncapsulation,
-    ViewRef
-} from '@angular/core';
-import { PrimeNGConfig, SharedModule, TranslationKeys } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { FocusTrapModule } from 'primeng/focustrap';
-import { TimesIcon } from 'primeng/icons/times';
-import { WindowMaximizeIcon } from 'primeng/icons/windowmaximize';
-import { WindowMinimizeIcon } from 'primeng/icons/windowminimize';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { UniqueComponentId, ZIndexUtils } from 'primeng/utils';
-import { DynamicDialogConfig } from './dynamicdialog-config';
-import { DynamicDialogRef } from './dynamicdialog-ref';
-import { DynamicDialogContent } from './dynamicdialogcontent';
-
-const showAnimation = animation([style({ transform: '{{transform}}', opacity: 0 }), animate('{{transition}}', style({ transform: 'none', opacity: 1 }))]);
-
-const hideAnimation = animation([animate('{{transition}}', style({ transform: '{{transform}}', opacity: 0 }))]);
-
-@Component({
-    selector: 'p-dynamicDialog',
-    template: `
-        <div
-            #mask
-            [ngClass]="{
-                'p-dialog-mask': true,
-                'p-component-overlay p-component-overlay-enter p-dialog-mask-scrollblocker': config.modal !== false,
-                'p-dialog-left': position === 'left',
-                'p-dialog-right': position === 'right',
-                'p-dialog-top': position === 'top',
-                'p-dialog-bottom': position === 'bottom',
-                'p-dialog-top-left': position === 'topleft' || position === 'top-left',
-                'p-dialog-top-right': position === 'topright' || position === 'top-right',
-                'p-dialog-bottom-left': position === 'bottomleft' || position === 'bottom-left',
-                'p-dialog-bottom-right': position === 'bottomright' || position === 'bottom-right'
-            }"
-            [class]="config.maskStyleClass"
-        >
-            <div
-                #container
-                [ngClass]="{ 'p-dialog p-dynamic-dialog p-component': true, 'p-dialog-rtl': config.rtl, 'p-dialog-resizable': config.resizable, 'p-dialog-draggable': config.draggable, 'p-dialog-maximized': maximized }"
-                [ngStyle]="containerStyle"
-                [class]="config.styleClass"
-                [@animation]="{ value: 'visible', params: { transform: transformOptions, transition: config.transitionOptions || '150ms cubic-bezier(0, 0, 0.2, 1)' } }"
-                (@animation.start)="onAnimationStart($event)"
-                (@animation.done)="onAnimationEnd($event)"
-                role="dialog"
-                *ngIf="visible"
-                pFocusTrap
-                [pFocusTrapDisabled]="config.focusTrap === false"
-                [attr.aria-labelledby]="ariaLabelledBy"
-                [attr.aria-modal]="true"
-            >
-                <div *ngIf="config.resizable" class="p-resizable-handle" (mousedown)="initResize($event)"></div>
-                <div #titlebar class="p-dialog-header" (mousedown)="initDrag($event)" *ngIf="config.showHeader === false ? false : true">
-                    <ng-container *ngComponentOutlet="headerTemplate"></ng-container>
-                    <ng-container *ngIf="!headerTemplate">
-                        <span class="p-dialog-title" [id]="ariaLabelledBy">{{ config.header }}</span>
-                        <div class="p-dialog-header-icons">
-                            <button *ngIf="config.maximizable" type="button" [ngClass]="{ 'p-dialog-header-icon p-dialog-header-maximize p-link': true }" (click)="maximize()" (keydown.enter)="maximize()" tabindex="-1" pRipple>
-                                <span class="p-dialog-header-maximize-icon" *ngIf="!maximizeIconTemplate || !minimizeIconTemplate" [ngClass]="maximized ? minimizeIcon : maximizeIcon"></span>
-                                <WindowMaximizeIcon *ngIf="!maximized && !maximizeIcon && !maximizeIconTemplate" [styleClass]="'p-dialog-header-maximize-icon'" />
-                                <WindowMinimizeIcon *ngIf="maximized && !minimizeIcon && !minimizeIconTemplate" [styleClass]="'p-dialog-header-maximize-icon'" />
-                                <ng-container *ngComponentOutlet="maximizeIconTemplate"></ng-container>
-                                <ng-container *ngComponentOutlet="minimizeIconTemplate"></ng-container>
-                            </button>
-                            <button [ngClass]="'p-dialog-header-icon p-dialog-header-maximize p-link'" type="button" role="button" (click)="hide()" (keydown.enter)="hide()" *ngIf="config.closable !== false" [attr.aria-label]="closeAriaLabel">
-                                <TimesIcon [styleClass]="'p-dialog-header-close-icon'" *ngIf="!closeIconTemplate" />
-                                <ng-container *ngComponentOutlet="closeIconTemplate"></ng-container>
-                            </button>
-                        </div>
-                    </ng-container>
-                </div>
-                <div #content class="p-dialog-content" [ngStyle]="config.contentStyle">
-                    <ng-template pDynamicDialogContent *ngIf="!contentTemplate"></ng-template>
-                    <ng-container *ngComponentOutlet="contentTemplate"></ng-container>
-                </div>
-                <div #footer class="p-dialog-footer" *ngIf="config.footer || footerTemplate">
-                    <ng-container *ngIf="!footerTemplate">
-                        {{ config.footer }}
-                    </ng-container>
-                    <ng-container *ngComponentOutlet="footerTemplate"></ng-container>
-                </div>
-            </div>
-        </div>
-    `,
-    animations: [trigger('animation', [transition('void => visible', [useAnimation(showAnimation)]), transition('visible => void', [useAnimation(hideAnimation)])])],
-    changeDetection: ChangeDetectionStrategy.Default,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['../dialog/dialog.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class DynamicDialogComponent implements AfterViewInit, OnDestroy {
-    visible: boolean = true;
-
-    componentRef: Nullable<ComponentRef<any>>;
-
-    mask: Nullable<HTMLDivElement>;
-
-    resizing: boolean | undefined;
-
-    dragging: boolean | undefined;
-
-    maximized: boolean | undefined;
-
-    _style: any = {};
-
-    originalStyle: any;
-
-    lastPageX: number | undefined;
-
-    lastPageY: number | undefined;
-
-    ariaLabelledBy: string | undefined;
-
-    id: string = UniqueComponentId();
-
-    styleElement: any;
-
-    @ViewChild(DynamicDialogContent) insertionPoint: Nullable<DynamicDialogContent>;
-
-    @ViewChild('mask') maskViewChild: Nullable<ElementRef>;
-
-    @ViewChild('content') contentViewChild: Nullable<ElementRef>;
-
-    @ViewChild('footer') footerViewChild: Nullable<ElementRef>;
-
-    @ViewChild('titlebar') headerViewChild: Nullable<ElementRef>;
-
-    childComponentType: Nullable<Type<any>>;
-
-    container: Nullable<HTMLDivElement>;
-
-    wrapper: Nullable<HTMLElement>;
-
-    documentKeydownListener: VoidListener;
-
-    documentEscapeListener: VoidListener;
-
-    maskClickListener: VoidListener;
-
-    transformOptions: string = 'scale(0.7)';
-
-    documentResizeListener: VoidListener;
-
-    documentResizeEndListener: VoidListener;
-
-    documentDragListener: VoidListener;
-
-    documentDragEndListener: VoidListener;
-
-    get minX(): number {
-        return this.config.minX ? this.config.minX : 0;
-    }
-
-    get minY(): number {
-        return this.config.minY ? this.config.minY : 0;
-    }
-
-    get keepInViewport(): boolean {
-        return this.config.keepInViewport!;
-    }
-
-    get maximizable(): boolean {
-        return this.config.maximizable!;
-    }
-
-    get maximizeIcon(): string {
-        return this.config.maximizeIcon!;
-    }
-
-    get minimizeIcon(): string {
-        return this.config.minimizeIcon!;
-    }
-
-    get style(): any {
-        return this._style;
-    }
-
-    get position(): string {
-        return this.config.position!;
-    }
-
-    get closeAriaLabel(): string {
-        return this.primeNGConfig.getTranslation(TranslationKeys.ARIA)['close'];
-    }
-
-    set style(value: any) {
-        if (value) {
-            this._style = { ...value };
-            this.originalStyle = value;
-        }
-    }
-
-    get parent() {
-        const domElements = Array.from(this.document.getElementsByClassName('p-dialog'));
-
-        if (domElements.length > 1) {
-            return domElements.pop();
-        }
-    }
-
-    get parentContent() {
-        const domElements = Array.from(this.document.getElementsByClassName('p-dialog'));
-        if (domElements.length > 0) {
-            const contentElements = domElements[domElements.length - 1].querySelector('.p-dialog-content');
-            if (contentElements) return Array.isArray(contentElements) ? contentElements[0] : contentElements;
-        }
-    }
-
-    get header() {
-        return this.config.header;
-    }
-
-    get data() {
-        return this.config.data;
-    }
-
-    get breakpoints() {
-        return this.config.breakpoints;
-    }
-
-    get footerTemplate() {
-        return this.config?.templates?.footer;
-    }
-
-    get headerTemplate() {
-        return this.config?.templates?.header;
-    }
-
-    get contentTemplate() {
-        return this.config?.templates?.content;
-    }
-
-    get minimizeIconTemplate() {
-        return this.config?.templates?.minimizeicon;
-    }
-
-    get maximizeIconTemplate() {
-        return this.config?.templates?.maximizeicon;
-    }
-
-    get closeIconTemplate() {
-        return this.config?.templates?.closeicon;
-    }
-
-    get dynamicDialogCount() {
-        const dynamicDialogs = this.document.querySelectorAll('p-dynamicdialog');
-        const dynamicDialogCount = dynamicDialogs?.length;
-
-        return dynamicDialogCount;
-    }
-
-    get containerStyle() {
-        return {
-            ...this.config.style,
-            width: this.config.width,
-            height: this.config.height
-        };
-    }
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private cd: ChangeDetectorRef,
-        public renderer: Renderer2,
-        public config: DynamicDialogConfig,
-        private dialogRef: DynamicDialogRef,
-        public zone: NgZone,
-        public primeNGConfig: PrimeNGConfig,
-        @SkipSelf() @Optional() private parentDialog: DynamicDialogComponent
-    ) {}
-
-    ngOnInit() {
-        if (this.breakpoints) {
-            this.createStyle();
-        }
-    }
-    createStyle() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.styleElement) {
-                this.styleElement = this.renderer.createElement('style');
-                this.styleElement.type = 'text/css';
-                DomHandler.setAttribute(this.styleElement, 'nonce', this.primeNGConfig?.csp()?.nonce);
-                this.renderer.appendChild(this.document.head, this.styleElement);
-                let innerHTML = '';
-                for (let breakpoint in this.breakpoints) {
-                    innerHTML += `
-                        @media screen and (max-width: ${breakpoint}) {
-                            .p-dialog[${this.id}]:not(.p-dialog-maximized) {
-                                width: ${this.breakpoints[breakpoint]} !important;
-                            }
-                        }
-                    `;
-                }
-
-                this.renderer.setProperty(this.styleElement, 'innerHTML', innerHTML);
-            }
-        }
-    }
-
-    destroyStyle() {
-        if (this.styleElement) {
-            this.renderer.removeChild(this.document.head, this.styleElement);
-            this.styleElement = null;
-        }
-    }
-
-    ngAfterViewInit() {
-        this.loadChildComponent(this.childComponentType!);
-        this.ariaLabelledBy = this.getAriaLabelledBy();
-        this.cd.detectChanges();
-    }
-
-    getAriaLabelledBy() {
-        return this.header !== null ? UniqueComponentId() + '_header' : null;
-    }
-
-    loadChildComponent(componentType: Type<any>) {
-        let viewContainerRef = this.insertionPoint?.viewContainerRef;
-        viewContainerRef?.clear();
-
-        this.componentRef = viewContainerRef?.createComponent(componentType);
-        this.dialogRef.onChildComponentLoaded.next(this.componentRef!.instance);
-    }
-
-    moveOnTop() {
-        if (this.config.autoZIndex !== false) {
-            ZIndexUtils.set('modal', this.container, (this.config.baseZIndex || 0) + this.primeNGConfig.zIndex.modal);
-            (this.wrapper as HTMLElement).style.zIndex = String(parseInt((this.container as HTMLDivElement).style.zIndex, 10) - 1);
-        }
-    }
-
-    onAnimationStart(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-                this.container = event.element;
-                this.wrapper = (this.container as HTMLDivElement).parentElement;
-                this.moveOnTop();
-                if (this.parent) {
-                    this.unbindGlobalListeners();
-                }
-                this.bindGlobalListeners();
-                this.container?.setAttribute(this.id, '');
-
-                if (this.config.modal !== false) {
-                    this.enableModality();
-                }
-
-                if (this.config.focusOnShow !== false) {
-                    this.focus();
-                }
-                break;
-
-            case 'void':
-                if (this.wrapper && this.config.modal !== false) {
-                    DomHandler.addClass(this.wrapper, 'p-component-overlay-leave');
-                }
-                break;
-        }
-    }
-
-    onAnimationEnd(event: AnimationEvent) {
-        if (event.toState === 'void') {
-            if (this.parentContent && this.config.focusOnClose !== false) {
-                this.focus(this.parentContent);
-            }
-            this.onContainerDestroy();
-            this.dialogRef.destroy();
-        }
-    }
-
-    onContainerDestroy() {
-        this.unbindGlobalListeners();
-
-        if (this.container && this.config.autoZIndex !== false) {
-            ZIndexUtils.clear(this.container);
-        }
-
-        if (this.config.modal !== false) {
-            this.disableModality();
-        }
-        this.container = null;
-    }
-
-    close() {
-        this.visible = false;
-        this.cd.markForCheck();
-    }
-
-    hide() {
-        if (this.dialogRef) {
-            this.dialogRef.close();
-        }
-    }
-
-    enableModality() {
-        if (this.config.dismissableMask) {
-            this.maskClickListener = this.renderer.listen(this.wrapper, 'mousedown', (event: any) => {
-                if (this.wrapper && this.wrapper.isSameNode(event.target)) {
-                    this.hide();
-                }
-            });
-        }
-
-        if (this.dynamicDialogCount === 1) {
-            DomHandler.addClass(this.document.body, 'p-overflow-hidden');
-        }
-    }
-
-    disableModality() {
-        if (this.wrapper) {
-            if (this.config.dismissableMask) {
-                this.unbindMaskClickListener();
-            }
-            if (this.dynamicDialogCount === 1) {
-                DomHandler.removeClass(this.document.body, 'p-overflow-hidden');
-            }
-
-            if (!(this.cd as ViewRef).destroyed) {
-                this.cd.detectChanges();
-            }
-        }
-    }
-
-    focus(focusParentElement = this.contentViewChild.nativeElement) {
-        const focusableElements = DomHandler.getFocusableElements(focusParentElement);
-
-        if (!focusableElements.length) {
-            return;
-        }
-
-        let focusable = DomHandler.getFocusableElement(focusParentElement, '[autofocus]');
-        if (focusable) {
-            this.zone.runOutsideAngular(() => {
-                setTimeout(() => focusable.focus(), 5);
-            });
-            return;
-        }
-        const focusableElement = DomHandler.getFocusableElement(focusParentElement);
-        if (focusableElement) {
-            this.zone.runOutsideAngular(() => {
-                setTimeout(() => focusableElement.focus(), 5);
-            });
-        } else if (this.footerViewChild) {
-            // If the content section is empty try to focus on footer
-            this.focus(this.footerViewChild.nativeElement);
-        } else if (!focusableElement && this.headerViewChild) {
-            this.focus(this.headerViewChild.nativeElement);
-        }
-    }
-
-    maximize() {
-        this.maximized = !this.maximized;
-
-        if (this.maximized) {
-            DomHandler.addClass(this.document.body, 'p-overflow-hidden');
-        } else {
-            DomHandler.removeClass(this.document.body, 'p-overflow-hidden');
-        }
-
-        this.dialogRef.maximize({ maximized: this.maximized });
-    }
-
-    initResize(event: MouseEvent) {
-        if (this.config.resizable) {
-            if (!this.documentResizeListener) {
-                this.bindDocumentResizeListeners();
-            }
-
-            this.resizing = true;
-            this.lastPageX = event.pageX;
-            this.lastPageY = event.pageY;
-            DomHandler.addClass(this.document.body, 'p-unselectable-text');
-            this.dialogRef.resizeInit(event);
-        }
-    }
-
-    onResize(event: MouseEvent) {
-        if (this.resizing) {
-            let deltaX = event.pageX - (this.lastPageX as number);
-            let deltaY = event.pageY - (this.lastPageY as number);
-            let containerWidth = DomHandler.getOuterWidth(this.container);
-            let containerHeight = DomHandler.getOuterHeight(this.container);
-            let contentHeight = DomHandler.getOuterHeight((<ElementRef>this.contentViewChild).nativeElement);
-            let newWidth = containerWidth + deltaX;
-            let newHeight = containerHeight + deltaY;
-            let minWidth = (this.container as HTMLDivElement).style.minWidth;
-            let minHeight = (this.container as HTMLDivElement).style.minHeight;
-            let offset = (this.container as HTMLDivElement).getBoundingClientRect();
-            let viewport = DomHandler.getViewport();
-            let hasBeenDragged = !parseInt((this.container as HTMLDivElement).style.top) || !parseInt((this.container as HTMLDivElement).style.left);
-
-            if (hasBeenDragged) {
-                newWidth += deltaX;
-                newHeight += deltaY;
-            }
-
-            if ((!minWidth || newWidth > parseInt(minWidth)) && offset.left + newWidth < viewport.width) {
-                this._style.width = newWidth + 'px';
-                (this.container as HTMLDivElement).style.width = this._style.width;
-            }
-
-            if ((!minHeight || newHeight > parseInt(minHeight)) && offset.top + newHeight < viewport.height) {
-                (<ElementRef>this.contentViewChild).nativeElement.style.height = contentHeight + newHeight - containerHeight + 'px';
-
-                if (this._style.height) {
-                    this._style.height = newHeight + 'px';
-                    (this.container as HTMLDivElement).style.height = this._style.height;
-                }
-            }
-
-            this.lastPageX = event.pageX;
-            this.lastPageY = event.pageY;
-        }
-    }
-
-    resizeEnd(event: MouseEvent) {
-        if (this.resizing) {
-            this.resizing = false;
-            DomHandler.removeClass(this.document.body, 'p-unselectable-text');
-            this.dialogRef.resizeEnd(event);
-        }
-    }
-
-    initDrag(event: MouseEvent) {
-        if (DomHandler.hasClass(event.target, 'p-dialog-header-icon') || DomHandler.hasClass((<HTMLElement>event.target).parentElement, 'p-dialog-header-icon')) {
-            return;
-        }
-
-        if (this.config.draggable) {
-            this.dragging = true;
-            this.lastPageX = event.pageX;
-            this.lastPageY = event.pageY;
-
-            (this.container as HTMLDivElement).style.margin = '0';
-            DomHandler.addClass(this.document.body, 'p-unselectable-text');
-            this.dialogRef.dragStart(event);
-        }
-    }
-
-    onDrag(event: MouseEvent) {
-        if (this.dragging) {
-            let containerWidth = DomHandler.getOuterWidth(this.container);
-            let containerHeight = DomHandler.getOuterHeight(this.container);
-            let deltaX = event.pageX - (this.lastPageX as number);
-            let deltaY = event.pageY - (this.lastPageY as number);
-            let offset = (this.container as HTMLDivElement).getBoundingClientRect();
-            let leftPos = offset.left + deltaX;
-            let topPos = offset.top + deltaY;
-            let viewport = DomHandler.getViewport();
-
-            (this.container as HTMLDivElement).style.position = 'fixed';
-
-            if (this.keepInViewport) {
-                if (leftPos >= this.minX && leftPos + containerWidth < viewport.width) {
-                    this._style.left = leftPos + 'px';
-                    this.lastPageX = event.pageX;
-                    (this.container as HTMLDivElement).style.left = leftPos + 'px';
-                }
-
-                if (topPos >= this.minY && topPos + containerHeight < viewport.height) {
-                    this._style.top = topPos + 'px';
-                    this.lastPageY = event.pageY;
-                    (this.container as HTMLDivElement).style.top = topPos + 'px';
-                }
-            } else {
-                this.lastPageX = event.pageX;
-                (this.container as HTMLDivElement).style.left = leftPos + 'px';
-                this.lastPageY = event.pageY;
-                (this.container as HTMLDivElement).style.top = topPos + 'px';
-            }
-        }
-    }
-
-    endDrag(event: MouseEvent) {
-        if (this.dragging) {
-            this.dragging = false;
-            DomHandler.removeClass(this.document.body, 'p-unselectable-text');
-            this.dialogRef.dragEnd(event);
-            this.cd.detectChanges();
-        }
-    }
-
-    resetPosition() {
-        (this.container as HTMLDivElement).style.position = '';
-        (this.container as HTMLDivElement).style.left = '';
-        (this.container as HTMLDivElement).style.top = '';
-        (this.container as HTMLDivElement).style.margin = '';
-    }
-
-    bindDocumentDragListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.zone.runOutsideAngular(() => {
-                this.documentDragListener = this.renderer.listen(this.document, 'mousemove', this.onDrag.bind(this));
-            });
-        }
-    }
-
-    bindDocumentDragEndListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.zone.runOutsideAngular(() => {
-                this.documentDragEndListener = this.renderer.listen(this.document, 'mouseup', this.endDrag.bind(this));
-            });
-        }
-    }
-
-    unbindDocumentDragEndListener() {
-        if (this.documentDragEndListener) {
-            this.documentDragEndListener();
-            this.documentDragListener = null;
-        }
-    }
-
-    unbindDocumentDragListener() {
-        if (this.documentDragListener) {
-            this.documentDragListener();
-            this.documentDragListener = null;
-        }
-    }
-
-    bindDocumentResizeListeners() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.zone.runOutsideAngular(() => {
-                this.documentResizeListener = this.renderer.listen(this.document, 'mousemove', this.onResize.bind(this));
-                this.documentResizeEndListener = this.renderer.listen(this.document, 'mouseup', this.resizeEnd.bind(this));
-            });
-        }
-    }
-
-    unbindDocumentResizeListeners() {
-        if (this.documentResizeListener && this.documentResizeEndListener) {
-            this.documentResizeListener();
-            this.documentResizeEndListener();
-            this.documentResizeListener = null;
-            this.documentResizeEndListener = null;
-        }
-    }
-
-    bindGlobalListeners() {
-        if (this.config.closeOnEscape !== false) {
-            this.bindDocumentEscapeListener();
-        }
-
-        if (this.config.resizable) {
-            this.bindDocumentResizeListeners();
-        }
-
-        if (this.config.draggable) {
-            this.bindDocumentDragListener();
-            this.bindDocumentDragEndListener();
-        }
-    }
-
-    unbindGlobalListeners() {
-        this.unbindDocumentEscapeListener();
-        this.unbindDocumentResizeListeners();
-        this.unbindDocumentDragListener();
-        this.unbindDocumentDragEndListener();
-    }
-
-    bindDocumentEscapeListener() {
-        const documentTarget: any = this.maskViewChild ? this.maskViewChild.nativeElement.ownerDocument : 'document';
-
-        this.documentEscapeListener = this.renderer.listen(documentTarget, 'keydown', (event) => {
-            if (event.which == 27) {
-                if (parseInt((this.container as HTMLDivElement).style.zIndex) == ZIndexUtils.getCurrent()) {
-                    this.hide();
-                }
-            }
-        });
-    }
-
-    unbindDocumentEscapeListener() {
-        if (this.documentEscapeListener) {
-            this.documentEscapeListener();
-            this.documentEscapeListener = null;
-        }
-    }
-
-    unbindMaskClickListener() {
-        if (this.maskClickListener) {
-            this.maskClickListener();
-            this.maskClickListener = null;
-        }
-    }
-
-    ngOnDestroy() {
-        this.onContainerDestroy();
-
-        if (this.componentRef) {
-            this.componentRef.destroy();
-        }
-        this.destroyStyle();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, WindowMaximizeIcon, WindowMinimizeIcon, TimesIcon, SharedModule, FocusTrapModule],
-    declarations: [DynamicDialogComponent, DynamicDialogContent],
-    exports: [SharedModule]
-})
-export class DynamicDialogModule {}
diff --git a/src/app/components/dynamicdialog/dynamicdialogcontent.ts b/src/app/components/dynamicdialog/dynamicdialogcontent.ts
deleted file mode 100644
index 29ad046..0000000
--- a/src/app/components/dynamicdialog/dynamicdialogcontent.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Directive, ViewContainerRef } from '@angular/core';
-
-@Directive({
-    selector: '[pDynamicDialogContent]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class DynamicDialogContent {
-    constructor(public viewContainerRef: ViewContainerRef) {}
-}
diff --git a/src/app/components/dynamicdialog/ng-package.json b/src/app/components/dynamicdialog/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/dynamicdialog/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/dynamicdialog/public_api.ts b/src/app/components/dynamicdialog/public_api.ts
deleted file mode 100644
index 9c70784..0000000
--- a/src/app/components/dynamicdialog/public_api.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export * from './dialogservice';
-export * from './dynamicdialog';
-export * from './dynamicdialog-config';
-export * from './dynamicdialog-injector';
-export * from './dynamicdialog-ref';
-export * from './dynamicdialog';
diff --git a/src/app/components/editor/editor.css b/src/app/components/editor/editor.css
deleted file mode 100644
index 9b5b0cd..0000000
--- a/src/app/components/editor/editor.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
-    width: auto;
-    height: auto;
-}
\ No newline at end of file
diff --git a/src/app/components/editor/editor.interface.ts b/src/app/components/editor/editor.interface.ts
deleted file mode 100644
index cc064c6..0000000
--- a/src/app/components/editor/editor.interface.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { Editor } from './editor';
-
-/**
- * Custom text change event.
- * @see {@link Editor.onTextChange}
- * @group Events
- */
-export interface EditorTextChangeEvent {
-    /**
-     * Current value as html.
-     */
-    htmlValue: string;
-    /**
-     * Current value as text.
-     */
-    textValue: string;
-    /**
-     * Representation of the change.
-     */
-    delta: string;
-    /**
-     * Source of change. Will be either 'user' or 'api'.
-     */
-    source: string;
-}
-/**
- * Custom selection change event.
- * @see {@link Editor.onSelectionChange}
- * @group Events
- */
-export interface EditorSelectionChangeEvent {
-    /**
-     * Representation of the selection boundaries.
-     */
-    range: string;
-    /**
-     * Representation of the previous selection boundaries.
-     */
-    oldRange: string;
-    /**
-     * Source of change. Will be either 'user' or 'api'.
-     */
-    source: string;
-}
-/**
- * Custom load event.
- * @see {@link Editor.onInit}
- * @group Events
- */
-export interface EditorInitEvent {
-    /**
-     * Text editor instance.
-     */
-    editor: any;
-}
-/**
- * Defines valid templates in Editor.
- * @group Templates
- */
-export interface EditorTemplates {
-    /**
-     * Custom header template.
-     */
-    header(): TemplateRef<any>;
-}
diff --git a/src/app/components/editor/editor.spec.ts b/src/app/components/editor/editor.spec.ts
deleted file mode 100644
index d293bcf..0000000
--- a/src/app/components/editor/editor.spec.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { TestBed, ComponentFixture, waitForAsync } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Editor } from './editor';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('Editor', () => {
-    let editor: Editor;
-    let fixture: ComponentFixture<Editor>;
-
-    beforeEach(waitForAsync(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule],
-            declarations: [Editor]
-        });
-
-        fixture = TestBed.createComponent(Editor);
-        editor = fixture.componentInstance;
-    }));
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const editorEl = fixture.debugElement.query(By.css('.p-editor-container'));
-        expect(editorEl.nativeElement).toBeTruthy();
-    });
-
-    it('should show value', () => {
-        editor.writeValue('V');
-        fixture.detectChanges();
-
-        const paragraphEl = fixture.debugElement.query(By.css('.p-editor-content')).nativeElement.children[0].children[0];
-        expect(paragraphEl.textContent).toEqual('V');
-    });
-
-    it('should call quill paste event and setText event', () => {
-        fixture.detectChanges();
-
-        const quillPasteSpy = spyOn(editor.quill, 'setContents').and.callThrough();
-        const setTextSpy = spyOn(editor.quill, 'setText').and.callThrough();
-        editor.writeValue('V');
-        fixture.detectChanges();
-
-        const paragraphEl = fixture.debugElement.query(By.css('.p-editor-content')).nativeElement.children[0].children[0];
-        expect(paragraphEl.textContent).toEqual('V');
-        expect(quillPasteSpy).toHaveBeenCalled();
-        editor.writeValue('');
-        fixture.detectChanges();
-
-        expect(setTextSpy).toHaveBeenCalled();
-    });
-
-    it('should call enable and disable', () => {
-        fixture.detectChanges();
-
-        const disableSpy = spyOn(editor.quill, 'disable').and.callThrough();
-        const enableSpy = spyOn(editor.quill, 'enable').and.callThrough();
-        editor.readonly = true;
-        fixture.detectChanges();
-
-        editor.readonly = false;
-        fixture.detectChanges();
-
-        expect(disableSpy).toHaveBeenCalled();
-        expect(enableSpy).toHaveBeenCalled();
-    });
-
-    it('should get quill', () => {
-        fixture.detectChanges();
-
-        const quill = editor.getQuill();
-        expect(quill.container.className).toContain('p-editor-content');
-    });
-});
diff --git a/src/app/components/editor/editor.ts b/src/app/components/editor/editor.ts
deleted file mode 100644
index 29bd656..0000000
--- a/src/app/components/editor/editor.ts
+++ /dev/null
@@ -1,352 +0,0 @@
-import { CommonModule, isPlatformServer } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    Component,
-    ContentChild,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    TemplateRef,
-    ViewEncapsulation,
-    afterNextRender,
-    forwardRef
-} from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { Header, PrimeTemplate, SharedModule } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { Nullable } from 'primeng/ts-helpers';
-import { EditorInitEvent, EditorSelectionChangeEvent, EditorTextChangeEvent } from './editor.interface';
-
-export const EDITOR_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => Editor),
-    multi: true
-};
-/**
- * Editor groups a collection of contents in tabs.
- * @group Components
- */
-@Component({
-    selector: 'p-editor',
-    template: `
-        <div [ngClass]="'p-editor-container'" [class]="styleClass">
-            <div class="p-editor-toolbar" *ngIf="toolbar || headerTemplate">
-                <ng-content select="p-header"></ng-content>
-                <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-            </div>
-            <div class="p-editor-toolbar" *ngIf="!modules && !toolbar && !headerTemplate">
-                <span class="ql-formats">
-                    <select class="ql-header">
-                        <option value="1">Heading</option>
-                        <option value="2">Subheading</option>
-                        <option selected>Normal</option>
-                    </select>
-                    <select class="ql-font">
-                        <option selected>Sans Serif</option>
-                        <option value="serif">Serif</option>
-                        <option value="monospace">Monospace</option>
-                    </select>
-                </span>
-                <span class="ql-formats">
-                    <button class="ql-bold" aria-label="Bold" type="button"></button>
-                    <button class="ql-italic" aria-label="Italic" type="button"></button>
-                    <button class="ql-underline" aria-label="Underline" type="button"></button>
-                </span>
-                <span class="ql-formats">
-                    <select class="ql-color"></select>
-                    <select class="ql-background"></select>
-                </span>
-                <span class="ql-formats">
-                    <button class="ql-list" value="ordered" aria-label="Ordered List" type="button"></button>
-                    <button class="ql-list" value="bullet" aria-label="Unordered List" type="button"></button>
-                    <select class="ql-align">
-                        <option selected></option>
-                        <option value="center">center</option>
-                        <option value="right">right</option>
-                        <option value="justify">justify</option>
-                    </select>
-                </span>
-                <span class="ql-formats">
-                    <button class="ql-link" aria-label="Insert Link" type="button"></button>
-                    <button class="ql-image" aria-label="Insert Image" type="button"></button>
-                    <button class="ql-code-block" aria-label="Insert Code Block" type="button"></button>
-                </span>
-                <span class="ql-formats">
-                    <button class="ql-clean" aria-label="Remove Styles" type="button"></button>
-                </span>
-            </div>
-            <div class="p-editor-content" [ngStyle]="style"></div>
-        </div>
-    `,
-    providers: [EDITOR_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    styleUrls: ['./editor.css'],
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class Editor implements AfterContentInit, ControlValueAccessor {
-    /**
-     * Inline style of the container.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the container.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Placeholder text to show when editor is empty.
-     * @group Props
-     */
-    @Input() placeholder: string | undefined;
-    /**
-     * Whitelist of formats to display, see here for available options.
-     * @group Props
-     */
-    @Input() formats: string[] | undefined;
-    /**
-     * Modules configuration of Editor, see here for available options.
-     * @group Props
-     */
-    @Input() modules: object | undefined;
-    /**
-     * DOM Element or a CSS selector for a DOM Element, within which the editor’s p elements (i.e. tooltips, etc.) should be confined. Currently, it only considers left and right boundaries.
-     * @group Props
-     */
-    @Input() bounds: HTMLElement | string | undefined;
-    /**
-     * DOM Element or a CSS selector for a DOM Element, specifying which container has the scrollbars (i.e. overflow-y: auto), if is has been changed from the default ql-editor with custom CSS. Necessary to fix scroll jumping bugs when Quill is set to auto grow its height, and another ancestor container is responsible from the scrolling..
-     * @group Props
-     */
-    @Input() scrollingContainer: HTMLElement | string | undefined;
-    /**
-     * Shortcut for debug. Note debug is a static method and will affect other instances of Quill editors on the page. Only warning and error messages are enabled by default.
-     * @group Props
-     */
-    @Input() debug: string | undefined;
-    /**
-     * Whether to instantiate the editor to read-only mode.
-     * @group Props
-     */
-    @Input() get readonly(): boolean {
-        return this._readonly;
-    }
-    set readonly(val: boolean) {
-        this._readonly = val;
-
-        if (this.quill) {
-            if (this._readonly) this.quill.disable();
-            else this.quill.enable();
-        }
-    }
-    /**
-     * Callback to invoke when the quill modules are loaded.
-     * @param {EditorInitEvent} event - custom event.
-     * @group Emits
-     */
-    @Output() onInit: EventEmitter<EditorInitEvent> = new EventEmitter<EditorInitEvent>();
-    /**
-     * Callback to invoke when text of editor changes.
-     * @param {EditorTextChangeEvent} event - custom event.
-     * @group Emits
-     */
-    @Output() onTextChange: EventEmitter<EditorTextChangeEvent> = new EventEmitter<EditorTextChangeEvent>();
-    /**
-     * Callback to invoke when selection of the text changes.
-     * @param {EditorSelectionChangeEvent} event - custom event.
-     * @group Emits
-     */
-    @Output() onSelectionChange: EventEmitter<EditorSelectionChangeEvent> = new EventEmitter<EditorSelectionChangeEvent>();
-
-    @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;
-
-    @ContentChild(Header) toolbar: any;
-
-    value: Nullable<string>;
-
-    delayedCommand: Function | null = null;
-
-    _readonly: boolean = false;
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    quill: any;
-
-    dynamicQuill: any;
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    private get isAttachedQuillEditorToDOM(): boolean | undefined {
-        return this.quillElements?.editorElement?.isConnected;
-    }
-
-    private quillElements!: { editorElement: HTMLElement; toolbarElement: HTMLElement };
-
-    constructor(
-        public el: ElementRef,
-        @Inject(PLATFORM_ID) private platformId: object
-    ) {
-        /**
-         * Read or write the DOM once, when initializing non-Angular (Quill) library.
-         */
-        afterNextRender(() => {
-            this.initQuillElements();
-            this.initQuillEditor();
-        });
-    }
-
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    writeValue(value: any): void {
-        this.value = value;
-
-        if (this.quill) {
-            if (value) {
-                const command = (): void => {
-                    this.quill.setContents(this.quill.clipboard.convert(this.dynamicQuill.version.startsWith('2') ? { html: this.value } : this.value));
-                };
-
-                if (this.isAttachedQuillEditorToDOM) {
-                    command();
-                } else {
-                    this.delayedCommand = command;
-                }
-            } else {
-                const command = (): void => {
-                    this.quill.setText('');
-                };
-
-                if (this.isAttachedQuillEditorToDOM) {
-                    command();
-                } else {
-                    this.delayedCommand = command;
-                }
-            }
-        }
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    getQuill() {
-        return this.quill;
-    }
-
-    private initQuillEditor(): void {
-        if (isPlatformServer(this.platformId)) {
-            return;
-        }
-
-        /**
-         * Importing Quill at top level, throws `document is undefined` error during when
-         * building for SSR, so this dynamically loads quill when it's in browser module.
-         */
-        if (!this.dynamicQuill) {
-            import('quill')
-                .then((quillModule: any) => {
-                    this.dynamicQuill = quillModule.default;
-                    this.createQuillEditor();
-                })
-                .catch((e) => console.error(e.message));
-        } else {
-            this.createQuillEditor();
-        }
-    }
-
-    private createQuillEditor(): void {
-        this.initQuillElements();
-
-        const { toolbarElement, editorElement } = this.quillElements;
-        let defaultModule = { toolbar: toolbarElement };
-        let modules = this.modules ? { ...defaultModule, ...this.modules } : defaultModule;
-        this.quill = new this.dynamicQuill(editorElement, {
-            modules: modules,
-            placeholder: this.placeholder,
-            readOnly: this.readonly,
-            theme: 'snow',
-            formats: this.formats,
-            bounds: this.bounds,
-            debug: this.debug,
-            scrollingContainer: this.scrollingContainer
-        });
-
-        const isQuill2 = this.dynamicQuill.version.startsWith('2');
-
-        if (this.value) {
-            this.quill.setContents(this.quill.clipboard.convert(isQuill2 ? { html: this.value } : this.value));
-        }
-
-        this.quill.on('text-change', (delta: any, oldContents: any, source: any) => {
-            if (source === 'user') {
-                let html = isQuill2 ? this.quill.getSemanticHTML() : DomHandler.findSingle(editorElement, '.ql-editor').innerHTML;
-                let text = this.quill.getText().trim();
-                if (html === '<p><br></p>') {
-                    html = null;
-                }
-
-                this.onTextChange.emit({
-                    htmlValue: html,
-                    textValue: text,
-                    delta: delta,
-                    source: source
-                });
-
-                this.onModelChange(html);
-                this.onModelTouched();
-            }
-        });
-
-        this.quill.on('selection-change', (range: string, oldRange: string, source: string) => {
-            this.onSelectionChange.emit({
-                range: range,
-                oldRange: oldRange,
-                source: source
-            });
-        });
-
-        this.onInit.emit({
-            editor: this.quill
-        });
-    }
-
-    private initQuillElements(): void {
-        if (!this.quillElements) {
-            this.quillElements = {
-                editorElement: DomHandler.findSingle(this.el.nativeElement, 'div.p-editor-content'),
-                toolbarElement: DomHandler.findSingle(this.el.nativeElement, 'div.p-editor-toolbar')
-            };
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [Editor, SharedModule],
-    declarations: [Editor]
-})
-export class EditorModule {}
diff --git a/src/app/components/editor/ng-package.json b/src/app/components/editor/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/editor/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/editor/public_api.ts b/src/app/components/editor/public_api.ts
deleted file mode 100644
index 0067e48..0000000
--- a/src/app/components/editor/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './editor';
-export * from './editor.interface';
diff --git a/src/app/components/fieldset/fieldset.css b/src/app/components/fieldset/fieldset.css
deleted file mode 100644
index ab68e5b..0000000
--- a/src/app/components/fieldset/fieldset.css
+++ /dev/null
@@ -1,30 +0,0 @@
-@layer primeng {
-    .p-fieldset{
-        min-width: initial;
-    }
-    .p-fieldset-legend > a,
-    .p-fieldset-legend > span {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-fieldset-toggleable .p-fieldset-legend a {
-        cursor: pointer;
-        user-select: none;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-fieldset-legend-text {
-        line-height: 1;
-    }
-
-    .p-fieldset-toggleable.p-fieldset-expanded > .p-toggleable-content:not(.ng-animating) {
-        overflow: visible;
-    }
-
-    .p-fieldset-toggleable .p-toggleable-content {
-        overflow: hidden;
-    }
-}
diff --git a/src/app/components/fieldset/fieldset.interface.ts b/src/app/components/fieldset/fieldset.interface.ts
deleted file mode 100644
index 3f8cb0e..0000000
--- a/src/app/components/fieldset/fieldset.interface.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { Fieldset } from './fieldset';
-/**
- * Custom panel toggle event, emits after toggle.
- * @see {@link Fieldset.onAfterToggle}
- * @group Events
- */
-export interface FieldsetAfterToggleEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Collapsed state of the panel.
-     */
-    collapsed: boolean | undefined;
-}
-
-/**
- * Custom panel toggle event, emits before toggle.
- * @see {@link Fieldset.onBeforeToggle}
- * @extends {FieldsetAfterToggleEvent}
- * @group Events
- */
-export interface FieldsetBeforeToggleEvent extends FieldsetAfterToggleEvent {}
-
-/**
- * Defines valid templates in Fieldset.
- * @group Templates
- */
-export interface FieldsetTemplates {
-    /**
-     * Custom header template.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom content template.
-     */
-    content(): TemplateRef<any>;
-    /**
-     * Custom footer template.
-     */
-    expandicon(): TemplateRef<any>;
-    /**
-     * Custom icons template of the panel toggler.
-     */
-    collapseicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/fieldset/fieldset.spec.ts b/src/app/components/fieldset/fieldset.spec.ts
deleted file mode 100644
index 04aca7f..0000000
--- a/src/app/components/fieldset/fieldset.spec.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { ComponentFixture, fakeAsync, flush, TestBed, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Fieldset } from './fieldset';
-import { MinusIcon } from 'primeng/icons/minus';
-
-describe('Fieldset', () => {
-    let fieldset: Fieldset;
-    let fixture: ComponentFixture<Fieldset>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, MinusIcon],
-            declarations: [Fieldset]
-        });
-
-        fixture = TestBed.createComponent(Fieldset);
-        fieldset = fixture.componentInstance;
-    });
-
-    it('should display the legend', () => {
-        fieldset.legend = 'PrimeNG Fieldset Legend';
-        fixture.detectChanges();
-        const headerEl = fixture.debugElement.query(By.css('.p-fieldset-legend-text'));
-        expect(headerEl.nativeElement.textContent).toContain('PrimeNG Fieldset Legend');
-    });
-
-    it('should not render toggle icon when not toggleable', () => {
-        fixture.detectChanges();
-        const toggleIcon = fixture.debugElement.query(By.css('.p-fieldset-toggler'));
-        expect(toggleIcon).toBeNull();
-    });
-
-    it('should render toggle icon when toggleable', () => {
-        fieldset.toggleable = true;
-        fixture.detectChanges();
-        const toggleIcon = fixture.debugElement.query(By.css('.p-fieldset-toggler'));
-        expect(toggleIcon).not.toBeNull();
-    });
-
-    it('should toggle the fieldset when toggler is clicked', fakeAsync(() => {
-        fieldset.toggleable = true;
-        fixture.detectChanges();
-        const togglerEl = fixture.nativeElement.querySelector('.p-fieldset-legend').children[0];
-
-        togglerEl.click();
-        expect(fieldset.collapsed).toEqual(true);
-
-        tick(500);
-
-        togglerEl.click();
-        expect(fieldset.collapsed).toEqual(false);
-        flush();
-    }));
-});
diff --git a/src/app/components/fieldset/fieldset.ts b/src/app/components/fieldset/fieldset.ts
deleted file mode 100644
index d435d92..0000000
--- a/src/app/components/fieldset/fieldset.ts
+++ /dev/null
@@ -1,234 +0,0 @@
-import { animate, state, style, transition, trigger } from '@angular/animations';
-import { CommonModule } from '@angular/common';
-import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, ElementRef, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation, booleanAttribute } from '@angular/core';
-import { BlockableUI, PrimeTemplate, SharedModule } from 'primeng/api';
-import { MinusIcon } from 'primeng/icons/minus';
-import { PlusIcon } from 'primeng/icons/plus';
-import { RippleModule } from 'primeng/ripple';
-import { Nullable } from 'primeng/ts-helpers';
-import { UniqueComponentId } from 'primeng/utils';
-import { FieldsetAfterToggleEvent, FieldsetBeforeToggleEvent } from './fieldset.interface';
-
-/**
- * Fieldset is a grouping component with the optional content toggle feature.
- * @group Components
- */
-@Component({
-    selector: 'p-fieldset',
-    template: `
-        <fieldset
-            [attr.id]="id"
-            [ngClass]="{ 'p-fieldset p-component': true, 'p-fieldset-toggleable': toggleable, 'p-fieldset-expanded': !collapsed && toggleable }"
-            [ngStyle]="style"
-            [class]="styleClass"
-            [attr.data-pc-name]="'fieldset'"
-            [attr.data-pc-section]="'root'"
-        >
-            <legend class="p-fieldset-legend" [attr.data-pc-section]="'legend'">
-                <ng-container *ngIf="toggleable; else legendContent">
-                    <a [attr.id]="id + '_header'" pRipple tabindex="0" role="button" [attr.aria-controls]="id + '_content'" [attr.aria-expanded]="!collapsed" [attr.aria-label]="buttonAriaLabel" (click)="toggle($event)" (keydown)="onKeyDown($event)">
-                        <ng-container *ngIf="collapsed">
-                            <PlusIcon *ngIf="!expandIconTemplate" [styleClass]="'p-fieldset-toggler'" [attr.data-pc-section]="'togglericon'" />
-                            <span *ngIf="expandIconTemplate" class="p-fieldset-toggler" [attr.data-pc-section]="'togglericon'">
-                                <ng-container *ngTemplateOutlet="expandIconTemplate"></ng-container>
-                            </span>
-                        </ng-container>
-                        <ng-container *ngIf="!collapsed">
-                            <MinusIcon *ngIf="!collapseIconTemplate" [styleClass]="'p-fieldset-toggler'" [attr.aria-hidden]="true" [attr.data-pc-section]="'togglericon'" />
-                            <span *ngIf="collapseIconTemplate" class="p-fieldset-toggler" [attr.data-pc-section]="'togglericon'">
-                                <ng-container *ngTemplateOutlet="collapseIconTemplate"></ng-container>
-                            </span>
-                        </ng-container>
-                        <ng-container *ngTemplateOutlet="legendContent"></ng-container>
-                    </a>
-                </ng-container>
-                <ng-template #legendContent>
-                    <span class="p-fieldset-legend-text" [attr.data-pc-section]="'legendtitle'">{{ legend }}</span>
-                    <ng-content select="p-header"></ng-content>
-                    <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-                </ng-template>
-            </legend>
-            <div
-                [attr.id]="id + '_content'"
-                role="region"
-                class="p-toggleable-content"
-                [@fieldsetContent]="collapsed ? { value: 'hidden', params: { transitionParams: transitionOptions, height: '0' } } : { value: 'visible', params: { transitionParams: animating ? transitionOptions : '0ms', height: '*' } }"
-                [attr.aria-labelledby]="id + '_header'"
-                [attr.aria-hidden]="collapsed"
-                [attr.data-pc-section]="'toggleablecontent'"
-                (@fieldsetContent.done)="onToggleDone()"
-            >
-                <div class="p-fieldset-content" [attr.data-pc-section]="'content'">
-                    <ng-content></ng-content>
-                    <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
-                </div>
-            </div>
-        </fieldset>
-    `,
-    animations: [
-        trigger('fieldsetContent', [
-            state(
-                'hidden',
-                style({
-                    height: '0'
-                })
-            ),
-            state(
-                'visible',
-                style({
-                    height: '*'
-                })
-            ),
-            transition('visible <=> hidden', [animate('{{transitionParams}}')]),
-            transition('void => *', animate(0))
-        ])
-    ],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./fieldset.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Fieldset implements AfterContentInit, BlockableUI {
-    /**
-     * Header text of the fieldset.
-     * @group Props
-     */
-    @Input() legend: string | undefined;
-    /**
-     * When specified, content can toggled by clicking the legend.
-     * @group Props
-     * @defaultValue false
-     */
-    @Input({ transform: booleanAttribute }) toggleable: boolean | undefined;
-    /**
-     * Defines the default visibility state of the content.
-     * * @group Props
-     */
-    @Input({ transform: booleanAttribute }) collapsed: boolean | undefined = false;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Transition options of the panel animation.
-     * @group Props
-     */
-    @Input() transitionOptions: string = '400ms cubic-bezier(0.86, 0, 0.07, 1)';
-    /**
-     * Emits when the collapsed state changes.
-     * @param {boolean} value - New value.
-     * @group Emits
-     */
-    @Output() collapsedChange: EventEmitter<boolean> = new EventEmitter<boolean>();
-    /**
-     * Callback to invoke before panel toggle.
-     * @param {PanelBeforeToggleEvent} event - Custom toggle event
-     * @group Emits
-     */
-    @Output() onBeforeToggle: EventEmitter<FieldsetBeforeToggleEvent> = new EventEmitter<FieldsetBeforeToggleEvent>();
-    /**
-     * Callback to invoke after panel toggle.
-     * @param {PanelAfterToggleEvent} event - Custom toggle event
-     * @group Emits
-     */
-    @Output() onAfterToggle: EventEmitter<FieldsetAfterToggleEvent> = new EventEmitter<FieldsetAfterToggleEvent>();
-
-    @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;
-
-    get id() {
-        return UniqueComponentId();
-    }
-
-    get buttonAriaLabel() {
-        return this.legend;
-    }
-
-    public animating: Nullable<boolean>;
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    contentTemplate: Nullable<TemplateRef<any>>;
-
-    collapseIconTemplate: Nullable<TemplateRef<any>>;
-
-    expandIconTemplate: Nullable<TemplateRef<any>>;
-
-    constructor(private el: ElementRef) {}
-
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'expandicon':
-                    this.expandIconTemplate = item.template;
-                    break;
-
-                case 'collapseicon':
-                    this.collapseIconTemplate = item.template;
-                    break;
-
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    toggle(event: MouseEvent) {
-        if (this.animating) {
-            return false;
-        }
-
-        this.animating = true;
-        this.onBeforeToggle.emit({ originalEvent: event, collapsed: this.collapsed });
-
-        if (this.collapsed) this.expand();
-        else this.collapse();
-
-        this.onAfterToggle.emit({ originalEvent: event, collapsed: this.collapsed });
-        event.preventDefault();
-    }
-
-    onKeyDown(event) {
-        if (event.code === 'Enter' || event.code === 'Space') {
-            this.toggle(event);
-            event.preventDefault();
-        }
-    }
-
-    expand() {
-        this.collapsed = false;
-        this.collapsedChange.emit(this.collapsed);
-    }
-
-    collapse() {
-        this.collapsed = true;
-        this.collapsedChange.emit(this.collapsed);
-    }
-
-    getBlockableElement(): HTMLElement {
-        return this.el.nativeElement.children[0];
-    }
-
-    onToggleDone() {
-        this.animating = false;
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, RippleModule, MinusIcon, PlusIcon],
-    exports: [Fieldset, SharedModule],
-    declarations: [Fieldset]
-})
-export class FieldsetModule {}
diff --git a/src/app/components/fieldset/ng-package.json b/src/app/components/fieldset/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/fieldset/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/fieldset/public_api.ts b/src/app/components/fieldset/public_api.ts
deleted file mode 100644
index eb374b0..0000000
--- a/src/app/components/fieldset/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './fieldset';
-export * from './fieldset.interface';
diff --git a/src/app/components/fileupload/fileupload.css b/src/app/components/fileupload/fileupload.css
deleted file mode 100644
index eccb43d..0000000
--- a/src/app/components/fileupload/fileupload.css
+++ /dev/null
@@ -1,47 +0,0 @@
-@layer primeng {
-    .p-fileupload-content {
-        position: relative;
-    }
-
-    .p-fileupload-row {
-        display: flex;
-        align-items: center;
-    }
-
-    .p-fileupload-row > div {
-        flex: 1 1 auto;
-        width: 25%;
-    }
-
-    .p-fileupload-row > div:last-child {
-        text-align: right;
-    }
-
-    .p-fileupload-content .p-progressbar {
-        width: 100%;
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-
-    .p-button.p-fileupload-choose {
-        position: relative;
-        overflow: hidden;
-    }
-
-    .p-button.p-fileupload-choose input[type='file'] {
-        display: none;
-    }
-
-    .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {
-        display: none;
-    }
-
-    .p-fluid .p-fileupload .p-button {
-        width: auto;
-    }
-
-    .p-fileupload-filename {
-        word-break: break-all;
-    }
-}
diff --git a/src/app/components/fileupload/fileupload.interface.ts b/src/app/components/fileupload/fileupload.interface.ts
deleted file mode 100644
index aaa175f..0000000
--- a/src/app/components/fileupload/fileupload.interface.ts
+++ /dev/null
@@ -1,228 +0,0 @@
-import { HttpEvent } from '@angular/common/http';
-import { FileUpload } from './fileupload';
-import { TemplateRef } from '@angular/core';
-
-/**
- * Upload event.
- * @group Events
- */
-export interface UploadEvent {
-    /**
-     * HTTP event.
-     */
-    originalEvent: HttpEvent<any>;
-}
-/**
- * Remove uploaded file event.
- * @group Events
- */
-export interface RemoveUploadedFileEvent {
-    /**
-     * Removed file.
-     */
-    file: any;
-    /**
-     * Uploaded files.
-     */
-    files: any[];
-}
-/**
- * Form data event.
- * @group Events
- */
-export interface FormDataEvent {
-    /**
-     * FormData object.
-     */
-    formData: FormData;
-}
-
-/**
- * An event indicating that the request was sent to the server. Useful when a request may be retried multiple times, to distinguish between retries on the final event stream.
- * @see {@link FileUpload.onSend}
- * @group Events
- */
-export interface FileSendEvent extends UploadEvent, FormDataEvent {}
-/**
- * Callback to invoke before file upload is initialized.
- * @see {@link FileUpload.onBeforeUpload}
- * @group Events
- */
-export interface FileBeforeUploadEvent extends FormDataEvent {}
-/**
- * Callback to invoke when file upload is complete.
- * @see {@link FileUpload.onUpload}
- * @group Events
- */
-export interface FileUploadEvent extends UploadEvent {
-    /**
-     * Uploaded files.
-     */
-    files: File[];
-}
-/**
- * Callback to invoke when a file is removed without uploading using clear button of a file.
- * @see {@link FileUpload.onRemove}
- * @group Events
- */
-export interface FileRemoveEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Selected file
-     */
-    file: File;
-}
-/**
- * Callback to invoke when files are selected.
- * @see {@link FileUpload.onSelect}
- * @group Events
- */
-export interface FileSelectEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Uploaded files.
-     */
-    files: File[];
-    /**
-     * All files to be uploaded.
-     */
-    currentFiles: File[];
-}
-/**
- * Callback to invoke when files are being uploaded.
- * @see {@link FileUpload.onProgress}
- * @extends {UploadEvent}
- * @group Events
- */
-export interface FileProgressEvent extends UploadEvent {
-    /**
-     * Calculated progress value.
-     */
-    progress: number;
-}
-/**
- * Callback to invoke in custom upload mode to upload the files manually.
- * @see {@link FileUpload.uploadHandler}
- * @group Events
- */
-export interface FileUploadHandlerEvent {
-    /**
-     * List of selected files.
-     */
-    files: File[];
-}
-/**
- * Callback to invoke on upload error.
- * @see {@link FileUpload.onError}
- * @group Events
- */
-export interface FileUploadErrorEvent {
-    /**
-     * List of selected files.
-     */
-    error?: ErrorEvent;
-    /**
-     * List of selected files.
-     */
-    files: File[];
-}
-
-/**
- * Defines valid templates in FileUpload.
- * @group Templates
- */
-export interface FileUploadTemplates {
-    /**
-     * Custom template of file.
-     */
-    file(): TemplateRef<any>;
-    /**
-     * Custom template of file.
-     */
-    header(context: {
-        /**
-         * File list.
-         */
-        $implicit: any;
-        /**
-         * Uploaded files list.
-         */
-        uploadedFiles: any;
-        /**
-         * Callback to invoke on choose button click.
-         */
-        chooseCallback: VoidFunction;
-        /**
-         * Callback to invoke on clear button click.
-         */
-        clearCallback: VoidFunction;
-        /**
-         * Callback to invoke on upload.
-         */
-        uploadCallback: VoidFunction;
-    }): TemplateRef<any>;
-    /**
-     * Custom template of content.
-     */
-    content(context: {
-        /**
-         * File list.
-         */
-        $implicit: any;
-        /**
-         * Uploaded files list.
-         */
-        uploadedFiles: any;
-        /**
-         * Upload progress.
-         */
-        progress: any;
-        /**
-         * Status messages about upload process.
-         */
-        messages: any;
-        /**
-         * Callback to invoke on choose button click.
-         */
-        chooseCallback: VoidFunction;
-        /**
-         * Callback to invoke on clear button click.
-         */
-        removeFileCallback: VoidFunction;
-        /**
-         * Callback to invoke on clear button click.
-         */
-        clearCallback: VoidFunction;
-        /**
-         * Callback to invoke on upload.
-         */
-        uploadCallback: VoidFunction;
-        /**
-         * Callback to invoke on remove uploaded file, accepts index as a parameter.
-         * @param index Index of the file to remove.
-         */
-        removeUploadedFileCallback: VoidFunction;
-    }): TemplateRef<any>;
-    /**
-     * Custom template of toolbar.
-     */
-    toolbar(): TemplateRef<any>;
-    /**
-     * Custom template of chooseicon.
-     */
-    chooseicon(): TemplateRef<any>;
-    /**
-     * Custom template of uploadicon.
-     */
-    uploadicon(): TemplateRef<any>;
-    /**
-     * Custom template of cancelicon.
-     */
-    cancelicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/fileupload/fileupload.spec.ts b/src/app/components/fileupload/fileupload.spec.ts
deleted file mode 100644
index 75088a1..0000000
--- a/src/app/components/fileupload/fileupload.spec.ts
+++ /dev/null
@@ -1,425 +0,0 @@
-import { HttpClientModule } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { PrimeTemplate } from 'primeng/api';
-import { ButtonModule } from 'primeng/button';
-import { PlusIcon } from 'primeng/icons/plus';
-import { TimesIcon } from 'primeng/icons/times';
-import { UploadIcon } from 'primeng/icons/upload';
-import { MessagesModule } from 'primeng/messages';
-import { ProgressBarModule } from 'primeng/progressbar';
-import { FileUpload } from './fileupload';
-
-describe('FileUpload', () => {
-    let fileupload: FileUpload;
-    let fixture: ComponentFixture<FileUpload>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, ProgressBarModule, MessagesModule, ButtonModule, HttpClientModule, PlusIcon, TimesIcon, UploadIcon, PrimeTemplate],
-            declarations: [FileUpload]
-        });
-
-        fixture = TestBed.createComponent(FileUpload);
-        fileupload = fixture.componentInstance;
-    });
-
-    it('should display by default (basic)', () => {
-        fileupload.mode = 'basic';
-        fixture.detectChanges();
-
-        const fileuploadEl = fixture.debugElement.query(By.css('span'));
-        expect(fileuploadEl).toBeTruthy();
-        expect(fileuploadEl.nativeElement.className).toContain('p-fileupload-choose');
-        expect(fileuploadEl.nativeElement.className).toContain('p-button');
-        expect(fixture.debugElement.query(By.css('.p-fileupload-advanced'))).toBeFalsy();
-    });
-
-    it('should display by default (advanced)', () => {
-        fixture.detectChanges();
-
-        const fileuploadEl = fixture.debugElement.query(By.css('div'));
-        expect(fileuploadEl).toBeTruthy();
-        expect(fileuploadEl.nativeElement.className).toContain('p-fileupload-advanced');
-        expect(fileuploadEl.children.length).toEqual(3);
-    });
-
-    it('should change style, styleClass, chooseLabel, uploadLabel, cancelLabel, showUploadButton and showCancelButton (advanced)', () => {
-        fileupload.style = { height: '300px' };
-        fileupload.styleClass = 'Primeng ROCKS!';
-        fileupload.chooseLabel = 'primeng';
-        fileupload.uploadLabel = 'primeng';
-        fileupload.cancelLabel = 'primeng';
-        fixture.detectChanges();
-
-        const fileuploadEl = fixture.debugElement.query(By.css('div'));
-        const uploadButton = fixture.debugElement.queryAll(By.css('button'))[0];
-        const cancelButton = fixture.debugElement.queryAll(By.css('button'))[1];
-        const chooseButton = fixture.debugElement.query(By.css('.p-fileupload-choose'));
-        expect(fileuploadEl).toBeTruthy();
-        expect(fileuploadEl.nativeElement.className).toContain('Primeng ROCKS!');
-        expect(fileuploadEl.nativeElement.style.height).toContain('300px');
-        expect(uploadButton).toBeTruthy();
-        expect(cancelButton).toBeTruthy();
-        expect(uploadButton.nativeElement.textContent).toEqual('primeng');
-        expect(cancelButton.nativeElement.textContent).toEqual('primeng');
-        expect(chooseButton.nativeElement.textContent).toEqual('primeng');
-    });
-
-    it('should call onFileSelect (advanced)', () => {
-        fixture.detectChanges();
-
-        let event;
-        event = {
-            target: {
-                files: [
-                    {
-                        lastModified: 1533276674178,
-                        name: 'primeng.txt',
-                        size: 179,
-                        type: 'text/plain'
-                    }
-                ]
-            }
-        };
-        fileupload.onFileSelect(event);
-        fixture.detectChanges();
-
-        fileupload.cd.detectChanges();
-        const uploadButton = fixture.debugElement.queryAll(By.css('button'))[0];
-        const cancelButton = fixture.debugElement.queryAll(By.css('button'))[1];
-        const fileUploadRow = fixture.debugElement.query(By.css('.p-fileupload-row'));
-        const fileNameEl = fileUploadRow.children[0];
-        const fileSizeEl = fileUploadRow.children[1];
-        const removeButtonEl = fileUploadRow.query(By.css('button'));
-        expect(fileUploadRow).toBeTruthy();
-        expect(fileNameEl).toBeTruthy();
-        expect(fileNameEl).toBeTruthy();
-        expect(removeButtonEl).toBeTruthy();
-        expect(fileNameEl.nativeElement.textContent).toEqual('primeng.txt');
-        expect(fileSizeEl.nativeElement.textContent).toEqual('179.000 B');
-        expect(fileupload.hasFiles()).toEqual(true);
-        expect(uploadButton.nativeElement.disabled).toEqual(false);
-        expect(cancelButton.nativeElement.disabled).toEqual(false);
-    });
-
-    it('should call upload (advanced)', () => {
-        fileupload.auto = true;
-        fileupload.url = ' ';
-        fixture.detectChanges();
-
-        let event;
-        let blob: Blob;
-        blob = new Blob(
-            [
-                JSON.stringify([
-                    {
-                        lastModified: 1533276674178,
-                        name: 'primeng.txt',
-                        size: 179,
-                        type: 'text/plain'
-                    }
-                ])
-            ],
-            { type: 'application/json' }
-        );
-        let blobFile = new File([blob], 'primeng.txt');
-        event = {
-            target: { files: [blobFile] },
-            stopPropagation() {},
-            preventDefault() {}
-        };
-        const uploadSpy = spyOn(fileupload, 'upload').and.callThrough();
-        fileupload.onFileSelect(event);
-        fixture.detectChanges();
-
-        expect(uploadSpy).toHaveBeenCalled();
-    });
-
-    it('should not push same file', () => {
-        fileupload.multiple = true;
-        fileupload.url = ' ';
-        fixture.detectChanges();
-
-        let event;
-        let blob: Blob;
-        blob = new Blob(
-            [
-                JSON.stringify([
-                    {
-                        lastModified: 1533276674178,
-                        name: 'primeng.txt',
-                        size: 179,
-                        type: 'text/plain'
-                    }
-                ])
-            ],
-            { type: 'application/json' }
-        );
-        let blobFile = new File([blob], 'primeng.txt');
-        event = {
-            target: { files: [blobFile] },
-            stopPropagation() {},
-            preventDefault() {}
-        };
-        fileupload.onFileSelect(event);
-        fixture.detectChanges();
-
-        expect(fileupload.files.length).toEqual(1);
-        fileupload.onFileSelect(event);
-        fixture.detectChanges();
-
-        expect(fileupload.files.length).toEqual(1);
-    });
-
-    it('should not push when exceeded filelimit', () => {
-        fileupload.multiple = true;
-        fileupload.fileLimit = 1;
-        fileupload.auto = true;
-        fileupload.url = ' ';
-        fixture.detectChanges();
-
-        let event;
-        let blob: Blob;
-        blob = new Blob(
-            [
-                JSON.stringify([
-                    {
-                        lastModified: 1533276674178,
-                        name: 'primeng.txt',
-                        size: 179,
-                        type: 'text/plain'
-                    },
-                    {
-                        lastModified: 1533276674179,
-                        name: 'primeng2.txt',
-                        size: 123,
-                        type: 'text/plain'
-                    }
-                ])
-            ],
-            { type: 'application/json' }
-        );
-        let blobFile = new File([blob], 'primeng.txt');
-        let blobFile2 = new File([blob], 'primeng2.txt');
-        event = {
-            target: { files: [blobFile, blobFile2] },
-            stopPropagation() {},
-            preventDefault() {}
-        };
-        const uploadSpy = spyOn(fileupload, 'upload').and.callThrough();
-        fileupload.onFileSelect(event);
-        fixture.detectChanges();
-
-        expect(fileupload.files.length).toEqual(2);
-        expect(uploadSpy).not.toHaveBeenCalled();
-    });
-
-    it('should call upload with customUpload (advanced)', () => {
-        fileupload.auto = true;
-        fileupload.customUpload = true;
-        fileupload.url = ' ';
-        let data;
-        fileupload.uploadHandler.subscribe((value) => (data = value));
-        fixture.detectChanges();
-
-        let event;
-        event = {
-            target: {
-                files: [
-                    {
-                        lastModified: 1533276674178,
-                        name: 'primeng.txt',
-                        size: 179,
-                        type: 'text/plain'
-                    }
-                ]
-            }
-        };
-        const uploadSpy = spyOn(fileupload, 'upload').and.callThrough();
-        fileupload.onFileSelect(event);
-        fixture.detectChanges();
-        expect(uploadSpy).toHaveBeenCalled();
-        expect(data.files).toEqual(event.target.files);
-    });
-
-    it('should call onDrageEnter onDragLeave onDrop and onFileSelect (advanced)', () => {
-        fileupload.customUpload = true;
-        fileupload.url = ' ';
-        fileupload.multiple = true;
-        fixture.detectChanges();
-
-        let event;
-        event = {
-            target: {
-                files: [
-                    {
-                        lastModified: 1533276674178,
-                        name: 'primeng.txt',
-                        size: 179,
-                        type: 'text/plain'
-                    }
-                ]
-            },
-            stopPropagation() {},
-            preventDefault() {}
-        };
-        let event2;
-        event2 = {
-            target: {
-                files: [
-                    {
-                        lastModified: 1533276684178,
-                        name: 'prime.txt',
-                        size: 179,
-                        type: 'text/plain'
-                    }
-                ]
-            },
-            stopPropagation() {},
-            preventDefault() {}
-        };
-        fileupload.onFileSelect(event);
-        fixture.detectChanges();
-        const onDragEnterSpy = spyOn(fileupload, 'onDragEnter').and.callThrough();
-        const onDragLeaveSpy = spyOn(fileupload, 'onDragLeave').and.callThrough();
-        const onDropSpy = spyOn(fileupload, 'onDrop').and.callThrough();
-        const onFileSelectSpy = spyOn(fileupload, 'onFileSelect').and.callThrough();
-        fileupload.onDragEnter(event);
-        fileupload.onDragOver(event);
-        fixture.detectChanges();
-
-        const contentEl = fixture.debugElement.query(By.css('.p-fileupload-content'));
-        expect(fileupload.dragHighlight).toEqual(true);
-        expect(contentEl.nativeElement.className).toContain('p-fileupload-highlight');
-        expect(onDragEnterSpy).toHaveBeenCalled();
-        fileupload.onDragLeave(event);
-        fixture.detectChanges();
-
-        expect(onDragLeaveSpy).toHaveBeenCalled();
-        expect(contentEl.nativeElement.className).not.toContain('p-fileupload-highlight');
-        fileupload.onDrop(event2);
-        fixture.detectChanges();
-
-        expect(onDropSpy).toHaveBeenCalled();
-        expect(onFileSelectSpy).toHaveBeenCalled();
-        expect(fileupload.files.length).toEqual(2);
-    });
-
-    it('should call clear and remove (advanced)', () => {
-        fileupload.customUpload = true;
-        fileupload.url = ' ';
-        fileupload.multiple = true;
-        fixture.detectChanges();
-
-        let event;
-        event = {
-            target: {
-                files: [
-                    {
-                        lastModified: 1533276674178,
-                        name: 'primeng.txt',
-                        size: 179,
-                        type: 'text/plain'
-                    }
-                ]
-            },
-            stopPropagation() {},
-            preventDefault() {}
-        };
-        let event2;
-        event2 = {
-            target: {
-                files: [
-                    {
-                        lastModified: 1533276684178,
-                        name: 'prime.txt',
-                        size: 179,
-                        type: 'text/plain'
-                    }
-                ]
-            },
-            stopPropagation() {},
-            preventDefault() {}
-        };
-        const removeSpy = spyOn(fileupload, 'remove').and.callThrough();
-        const clearSpy = spyOn(fileupload, 'clear').and.callThrough();
-        fileupload.onFileSelect(event);
-        fileupload.onFileSelect(event2);
-        fixture.detectChanges();
-
-        fileupload.cd.detectChanges();
-        const buttons = fixture.debugElement.queryAll(By.css('button'));
-        const firstElRemoveButton = buttons[2];
-        firstElRemoveButton.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(fileupload.files.length).toEqual(1);
-        expect(removeSpy).toHaveBeenCalled();
-        fileupload.onFileSelect(event);
-        fixture.detectChanges();
-
-        const clearButton = buttons[1];
-        clearButton.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(fileupload.files.length).toEqual(0);
-        expect(clearSpy).toHaveBeenCalled();
-    });
-
-    it('should display by default (basic)', () => {
-        fileupload.mode = 'basic';
-        fileupload.url = ' ';
-        fixture.detectChanges();
-        let event;
-        let blob: Blob;
-        blob = new Blob(
-            [
-                JSON.stringify([
-                    {
-                        lastModified: 1533276674178,
-                        name: 'primeng.txt',
-                        size: 179,
-                        type: 'text/plain'
-                    }
-                ])
-            ],
-            { type: 'application/json' }
-        );
-        let blobFile = new File([blob], 'primeng.txt');
-        event = {
-            target: { files: [blobFile] },
-            stopPropagation() {},
-            preventDefault() {}
-        };
-        const uploadSpy = spyOn(fileupload, 'upload').and.callThrough();
-        const onBasicUploaderClickkSpy = spyOn(fileupload, 'onBasicUploaderClick').and.callThrough();
-        fileupload.onFileSelect(event);
-        fixture.detectChanges();
-
-        fileupload.onBasicUploaderClick();
-        fixture.detectChanges();
-
-        expect(uploadSpy).toHaveBeenCalled();
-        expect(onBasicUploaderClickkSpy).toHaveBeenCalled();
-    });
-
-    it('should accept all of multiple given MIME types', () => {
-        const mockFile1 = { type: 'application/pdf', name: 'test.pdf' };
-        const mockFile2 = { type: 'image/png', name: 'test.png' };
-
-        fileupload.accept = 'application/pdf, image/png';
-        expect((fileupload as any).isFileTypeValid(mockFile1)).toBe(true);
-        expect((fileupload as any).isFileTypeValid(mockFile2)).toBe(true);
-    });
-
-    it('should handle wildcards in MIME subtypes', () => {
-        const mockFile1 = { type: 'application/pdf', name: 'test.pdf' };
-        const mockFile2 = { type: 'image/png', name: 'test.png' };
-
-        fileupload.accept = 'image/*';
-        expect((fileupload as any).isFileTypeValid(mockFile1)).toBe(false);
-        expect((fileupload as any).isFileTypeValid(mockFile2)).toBe(true);
-    });
-});
diff --git a/src/app/components/fileupload/fileupload.ts b/src/app/components/fileupload/fileupload.ts
deleted file mode 100644
index b65b323..0000000
--- a/src/app/components/fileupload/fileupload.ts
+++ /dev/null
@@ -1,1027 +0,0 @@
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import { HttpClient, HttpEvent, HttpEventType, HttpHeaders } from '@angular/common/http';
-import {
-    AfterContentInit,
-    AfterViewInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    NgZone,
-    OnDestroy,
-    OnInit,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    numberAttribute,
-    signal
-} from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { BlockableUI, Message, PrimeNGConfig, PrimeTemplate, SharedModule, TranslationKeys } from 'primeng/api';
-import { ButtonModule } from 'primeng/button';
-import { DomHandler } from 'primeng/dom';
-import { PlusIcon } from 'primeng/icons/plus';
-import { TimesIcon } from 'primeng/icons/times';
-import { UploadIcon } from 'primeng/icons/upload';
-import { MessagesModule } from 'primeng/messages';
-import { ProgressBarModule } from 'primeng/progressbar';
-import { RippleModule } from 'primeng/ripple';
-import { VoidListener } from 'primeng/ts-helpers';
-import { Subscription } from 'rxjs';
-import { FileBeforeUploadEvent, FileProgressEvent, FileRemoveEvent, FileSelectEvent, FileSendEvent, FileUploadErrorEvent, FileUploadEvent, FileUploadHandlerEvent, RemoveUploadedFileEvent } from './fileupload.interface';
-/**
- * FileUpload is an advanced uploader with dragdrop support, multi file uploads, auto uploading, progress tracking and validations.
- * @group Components
- */
-@Component({
-    selector: 'p-fileUpload',
-    template: `
-        <div [ngClass]="'p-fileupload p-fileupload-advanced p-component'" [ngStyle]="style" [class]="styleClass" *ngIf="mode === 'advanced'" [attr.data-pc-name]="'fileupload'" [attr.data-pc-section]="'root'">
-            <input
-                [attr.aria-label]="browseFilesLabel"
-                #advancedfileinput
-                type="file"
-                (change)="onFileSelect($event)"
-                [multiple]="multiple"
-                [accept]="accept"
-                [disabled]="disabled || isChooseDisabled()"
-                [attr.title]="''"
-                [attr.data-pc-section]="'input'"
-                [style.display]="'none'"
-            />
-            <div class="p-fileupload-buttonbar" [attr.data-pc-section]="'buttonbar'">
-                <ng-container *ngIf="!headerTemplate">
-                    <span
-                        class="p-button p-component p-fileupload-choose"
-                        [ngClass]="{ 'p-focus': focus, 'p-disabled': disabled || isChooseDisabled() }"
-                        (focus)="onFocus()"
-                        (blur)="onBlur()"
-                        pRipple
-                        (click)="choose()"
-                        (keydown.enter)="choose()"
-                        tabindex="0"
-                        [class]="chooseStyleClass"
-                        [attr.data-pc-section]="'choosebutton'"
-                    >
-                        <input
-                            [attr.aria-label]="browseFilesLabel"
-                            #advancedfileinput
-                            type="file"
-                            (change)="onFileSelect($event)"
-                            [multiple]="multiple"
-                            [accept]="accept"
-                            [disabled]="disabled || isChooseDisabled()"
-                            [attr.title]="''"
-                            [attr.data-pc-section]="'input'"
-                        />
-                        <span *ngIf="chooseIcon" [ngClass]="'p-button-icon p-button-icon-left'" [class]="chooseIcon" [attr.aria-label]="true" [attr.data-pc-section]="'chooseicon'"></span>
-                        <ng-container *ngIf="!chooseIcon">
-                            <PlusIcon *ngIf="!chooseIconTemplate" [styleClass]="'p-button-icon p-button-icon-left'" [attr.aria-label]="true" [attr.data-pc-section]="'chooseicon'" />
-                            <span *ngIf="chooseIconTemplate" class="p-button-icon p-button-icon-left" [attr.aria-label]="true" [attr.data-pc-section]="'chooseicon'">
-                                <ng-template *ngTemplateOutlet="chooseIconTemplate"></ng-template>
-                            </span>
-                        </ng-container>
-                        <span class="p-button-label" [attr.data-pc-section]="'choosebuttonlabel'">{{ chooseButtonLabel }}</span>
-                    </span>
-
-                    <p-button *ngIf="!auto && showUploadButton" type="button" [label]="uploadButtonLabel" (onClick)="upload()" [disabled]="!hasFiles() || isFileLimitExceeded()" [styleClass]="uploadStyleClass">
-                        <span *ngIf="uploadIcon" [ngClass]="uploadIcon" [attr.aria-hidden]="true" class="p-button-icon p-button-icon-left"></span>
-                        <ng-container *ngIf="!uploadIcon">
-                            <UploadIcon *ngIf="!uploadIconTemplate" [styleClass]="'p-button-icon p-button-icon-left'" />
-                            <span *ngIf="uploadIconTemplate" class="p-button-icon p-button-icon-left" [attr.aria-hidden]="true">
-                                <ng-template *ngTemplateOutlet="uploadIconTemplate"></ng-template>
-                            </span>
-                        </ng-container>
-                    </p-button>
-                    <p-button *ngIf="!auto && showCancelButton" type="button" [label]="cancelButtonLabel" (onClick)="clear()" [disabled]="!hasFiles() || uploading" [styleClass]="cancelStyleClass">
-                        <span *ngIf="cancelIcon" [ngClass]="cancelIcon" class="p-button-icon p-button-icon-left"></span>
-                        <ng-container *ngIf="!cancelIcon">
-                            <TimesIcon *ngIf="!cancelIconTemplate" [styleClass]="'p-button-icon p-button-icon-left'" [attr.aria-hidden]="true" />
-                            <span *ngIf="cancelIconTemplate" class="p-button-icon p-button-icon-left" [attr.aria-hidden]="true">
-                                <ng-template *ngTemplateOutlet="cancelIconTemplate"></ng-template>
-                            </span>
-                        </ng-container>
-                    </p-button>
-                </ng-container>
-                <ng-container *ngTemplateOutlet="headerTemplate; context: { $implicit: files, uploadedFiles: uploadedFiles, chooseCallback: choose.bind(this), clearCallback: clear.bind(this), uploadCallback: upload.bind(this) }"></ng-container>
-                <ng-container *ngTemplateOutlet="toolbarTemplate"></ng-container>
-            </div>
-            <div #content class="p-fileupload-content" (dragenter)="onDragEnter($event)" (dragleave)="onDragLeave($event)" (drop)="onDrop($event)" [attr.data-pc-section]="'content'">
-                <p-progressBar [value]="progress" [showValue]="false" *ngIf="hasFiles()"></p-progressBar>
-
-                <p-messages [value]="msgs" [enableService]="false"></p-messages>
-
-                <div class="p-fileupload-files" *ngIf="hasFiles()">
-                    <div *ngIf="!fileTemplate">
-                        <div class="p-fileupload-row" *ngFor="let file of files; let i = index">
-                            <div *ngIf="isImage(file)"><img [src]="file.objectURL" [width]="previewWidth" (error)="imageError($event)" /></div>
-                            <div class="p-fileupload-filename">{{ file.name }}</div>
-                            <div>{{ formatSize(file.size) }}</div>
-                            <div>
-                                <button type="button" pButton (click)="remove($event, i)" [disabled]="uploading" class="p-button-icon-only" [class]="removeStyleClass">
-                                    <TimesIcon *ngIf="!cancelIconTemplate" />
-                                    <ng-template *ngTemplateOutlet="cancelIconTemplate"></ng-template>
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                    <div *ngIf="fileTemplate">
-                        <ng-template ngFor [ngForOf]="files" [ngForTemplate]="fileTemplate"></ng-template>
-                    </div>
-                </div>
-                <ng-container
-                    *ngTemplateOutlet="
-                        contentTemplate;
-                        context: {
-                            $implicit: files,
-                            uploadedFiles: uploadedFiles,
-                            chooseCallback: choose.bind(this),
-                            clearCallback: clear.bind(this),
-                            removeUploadedFileCallback: removeUploadedFile.bind(this),
-                            removeFileCallback: remove.bind(this),
-                            progress: progress,
-                            messages: msgs
-                        }
-                    "
-                ></ng-container>
-                <div *ngIf="emptyTemplate && !hasFiles() && !hasUploadedFiles()" class="p-fileupload-empty">
-                    <ng-container *ngTemplateOutlet="emptyTemplate"></ng-container>
-                </div>
-            </div>
-        </div>
-        <div class="p-fileupload p-fileupload-basic p-component" *ngIf="mode === 'basic'" [attr.data-pc-name]="'fileupload'">
-            <p-messages [value]="msgs" [enableService]="false"></p-messages>
-            <span
-                [ngClass]="{ 'p-button p-component p-fileupload-choose': true, 'p-button-icon-only': !basicButtonLabel, 'p-fileupload-choose-selected': hasFiles(), 'p-focus': focus, 'p-disabled': disabled }"
-                [ngStyle]="style"
-                [class]="styleClass"
-                (click)="onBasicUploaderClick()"
-                (keydown)="onBasicKeydown($event)"
-                tabindex="0"
-                pRipple
-                [attr.data-pc-section]="'choosebutton'"
-            >
-                <ng-container *ngIf="hasFiles() && !auto; else chooseSection">
-                    <span *ngIf="uploadIcon" class="p-button-icon p-button-icon-left" [ngClass]="uploadIcon"></span>
-                    <ng-container *ngIf="!uploadIcon">
-                        <UploadIcon *ngIf="!uploadIconTemplate" [styleClass]="'p-button-icon p-button-icon-left'" />
-                        <span *ngIf="uploadIconTemplate" class="p-button-icon p-button-icon-left">
-                            <ng-template *ngTemplateOutlet="uploadIconTemplate"></ng-template>
-                        </span>
-                    </ng-container>
-                </ng-container>
-                <ng-template #chooseSection>
-                    <span *ngIf="chooseIcon" class="p-button-icon p-button-icon-left pi" [ngClass]="chooseIcon"></span>
-                    <ng-container *ngIf="!chooseIcon">
-                        <PlusIcon [styleClass]="'p-button-icon p-button-icon-left pi'" *ngIf="!chooseIconTemplate" [attr.aria-hidden]="true" [attr.data-pc-section]="'uploadicon'" />
-                        <span *ngIf="chooseIconTemplate" class="p-button-icon p-button-icon-left pi" [attr.aria-hidden]="true" [attr.data-pc-section]="'uploadicon'">
-                            <ng-template *ngTemplateOutlet="chooseIconTemplate"></ng-template>
-                        </span>
-                    </ng-container>
-                </ng-template>
-                <span *ngIf="basicButtonLabel" class="p-button-label" [attr.data-pc-section]="'label'">{{ basicButtonLabel }}</span>
-                <input
-                    [attr.aria-label]="browseFilesLabel"
-                    #basicfileinput
-                    type="file"
-                    [accept]="accept"
-                    [multiple]="multiple"
-                    [disabled]="disabled"
-                    (change)="onFileSelect($event)"
-                    *ngIf="!hasFiles()"
-                    (focus)="onFocus()"
-                    (blur)="onBlur()"
-                    [attr.data-pc-section]="'input'"
-                />
-            </span>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./fileupload.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class FileUpload implements AfterViewInit, AfterContentInit, OnInit, OnDestroy, BlockableUI {
-    /**
-     * Name of the request parameter to identify the files at backend.
-     * @group Props
-     */
-    @Input() name: string | undefined;
-    /**
-     * Remote url to upload the files.
-     * @group Props
-     */
-    @Input() url: string | undefined;
-    /**
-     * HTTP method to send the files to the url such as "post" and "put".
-     * @group Props
-     */
-    @Input() method: 'post' | 'put' | undefined = 'post';
-    /**
-     * Used to select multiple files at once from file dialog.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) multiple: boolean | undefined;
-    /**
-     * Comma-separated list of pattern to restrict the allowed file types. Can be any combination of either the MIME types (such as "image/*") or the file extensions (such as ".jpg").
-     * @group Props
-     */
-    @Input() accept: string | undefined;
-    /**
-     * Disables the upload functionality.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * When enabled, upload begins automatically after selection is completed.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) auto: boolean | undefined;
-    /**
-     * Cross-site Access-Control requests should be made using credentials such as cookies, authorization headers or TLS client certificates.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) withCredentials: boolean | undefined;
-    /**
-     * Maximum file size allowed in bytes.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) maxFileSize: number | undefined;
-    /**
-     * Summary message of the invalid file size.
-     * @group Props
-     */
-    @Input() invalidFileSizeMessageSummary: string = '{0}: Invalid file size, ';
-    /**
-     * Detail message of the invalid file size.
-     * @group Props
-     */
-    @Input() invalidFileSizeMessageDetail: string = 'maximum upload size is {0}.';
-    /**
-     * Summary message of the invalid file type.
-     * @group Props
-     */
-    @Input() invalidFileTypeMessageSummary: string = '{0}: Invalid file type, ';
-    /**
-     * Detail message of the invalid file type.
-     * @group Props
-     */
-    @Input() invalidFileTypeMessageDetail: string = 'allowed file types: {0}.';
-    /**
-     * Detail message of the invalid file type.
-     * @group Props
-     */
-    @Input() invalidFileLimitMessageDetail: string = 'limit is {0} at most.';
-    /**
-     * Summary message of the invalid file type.
-     * @group Props
-     */
-    @Input() invalidFileLimitMessageSummary: string = 'Maximum number of files exceeded, ';
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Width of the image thumbnail in pixels.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) previewWidth: number = 50;
-    /**
-     * Label of the choose button. Defaults to PrimeNG Locale configuration.
-     * @group Props
-     */
-    @Input() chooseLabel: string | undefined;
-    /**
-     * Label of the upload button. Defaults to PrimeNG Locale configuration.
-     * @group Props
-     */
-    @Input() uploadLabel: string | undefined;
-    /**
-     * Label of the cancel button. Defaults to PrimeNG Locale configuration.
-     * @group Props
-     */
-    @Input() cancelLabel: string | undefined;
-    /**
-     * Icon of the choose button.
-     * @group Props
-     */
-    @Input() chooseIcon: string | undefined;
-    /**
-     * Icon of the upload button.
-     * @group Props
-     */
-    @Input() uploadIcon: string | undefined;
-    /**
-     * Icon of the cancel button.
-     * @group Props
-     */
-    @Input() cancelIcon: string | undefined;
-    /**
-     * Whether to show the upload button.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showUploadButton: boolean = true;
-    /**
-     * Whether to show the cancel button.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showCancelButton: boolean = true;
-    /**
-     * Defines the UI of the component.
-     * @group Props
-     */
-    @Input() mode: 'advanced' | 'basic' | undefined = 'advanced';
-    /**
-     * HttpHeaders class represents the header configuration options for an HTTP request.
-     * @group Props
-     */
-    @Input() headers: HttpHeaders | undefined;
-    /**
-     * Whether to use the default upload or a manual implementation defined in uploadHandler callback. Defaults to PrimeNG Locale configuration.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) customUpload: boolean | undefined;
-    /**
-     * Maximum number of files that can be uploaded.
-     * @group Props
-     */
-    @Input({ transform: (value: unknown) => numberAttribute(value, null) }) fileLimit: number | undefined;
-    /**
-     * Style class of the upload button.
-     * @group Props
-     */
-    @Input() uploadStyleClass: string | undefined;
-    /**
-     * Style class of the cancel button.
-     * @group Props
-     */
-    @Input() cancelStyleClass: string | undefined;
-    /**
-     * Style class of the remove button.
-     * @group Props
-     */
-    @Input() removeStyleClass: string | undefined;
-    /**
-     * Style class of the choose button.
-     * @group Props
-     */
-    @Input() chooseStyleClass: string | undefined;
-    /**
-     * Callback to invoke before file upload is initialized.
-     * @param {FileBeforeUploadEvent} event - Custom upload event.
-     * @group Emits
-     */
-    @Output() onBeforeUpload: EventEmitter<FileBeforeUploadEvent> = new EventEmitter<FileBeforeUploadEvent>();
-    /**
-     * An event indicating that the request was sent to the server. Useful when a request may be retried multiple times, to distinguish between retries on the final event stream.
-     * @param {FileSendEvent} event - Custom send event.
-     * @group Emits
-     */
-    @Output() onSend: EventEmitter<FileSendEvent> = new EventEmitter<FileSendEvent>();
-    /**
-     * Callback to invoke when file upload is complete.
-     * @param {FileUploadEvent} event - Custom upload event.
-     * @group Emits
-     */
-    @Output() onUpload: EventEmitter<FileUploadEvent> = new EventEmitter<FileUploadEvent>();
-    /**
-     * Callback to invoke if file upload fails.
-     * @param {FileUploadErrorEvent} event - Custom error event.
-     * @group Emits
-     */
-    @Output() onError: EventEmitter<FileUploadErrorEvent> = new EventEmitter<FileUploadErrorEvent>();
-    /**
-     * Callback to invoke when files in queue are removed without uploading using clear all button.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onClear: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when a file is removed without uploading using clear button of a file.
-     * @param {FileRemoveEvent} event - Remove event.
-     * @group Emits
-     */
-    @Output() onRemove: EventEmitter<FileRemoveEvent> = new EventEmitter<FileRemoveEvent>();
-    /**
-     * Callback to invoke when files are selected.
-     * @param {FileSelectEvent} event - Select event.
-     * @group Emits
-     */
-    @Output() onSelect: EventEmitter<FileSelectEvent> = new EventEmitter<FileSelectEvent>();
-    /**
-     * Callback to invoke when files are being uploaded.
-     * @param {FileProgressEvent} event - Progress event.
-     * @group Emits
-     */
-    @Output() onProgress: EventEmitter<FileProgressEvent> = new EventEmitter<FileProgressEvent>();
-    /**
-     * Callback to invoke in custom upload mode to upload the files manually.
-     * @param {FileUploadHandlerEvent} event - Upload handler event.
-     * @group Emits
-     */
-    @Output() uploadHandler: EventEmitter<FileUploadHandlerEvent> = new EventEmitter<FileUploadHandlerEvent>();
-    /**
-     * This event is triggered if an error occurs while loading an image file.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onImageError: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * This event is triggered if an error occurs while removing an uploaded file.
-     * @param {RemoveUploadedFileEvent} event - Remove event.
-     * @group Emits
-     */
-    @Output() onRemoveUploadedFile: EventEmitter<RemoveUploadedFileEvent> = new EventEmitter<RemoveUploadedFileEvent>();
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    @ViewChild('advancedfileinput') advancedFileInput: ElementRef | undefined | any;
-
-    @ViewChild('basicfileinput') basicFileInput: ElementRef | undefined;
-
-    @ViewChild('content') content: ElementRef | undefined;
-
-    @Input() set files(files) {
-        this._files = [];
-
-        for (let i = 0; i < files.length; i++) {
-            let file = files[i];
-
-            if (this.validate(file)) {
-                if (this.isImage(file)) {
-                    (<any>file).objectURL = this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(files[i]));
-                }
-
-                this._files.push(files[i]);
-            }
-        }
-    }
-
-    get files(): File[] {
-        return this._files;
-    }
-
-    public get basicButtonLabel(): string {
-        if (this.auto || !this.hasFiles()) {
-            return this.chooseLabel as string;
-        }
-
-        return this.uploadLabel ?? this.files[0].name;
-    }
-
-    public _files: File[] = [];
-
-    public progress: number = 0;
-
-    public dragHighlight: boolean | undefined;
-
-    public msgs: Message[] | undefined;
-
-    public fileTemplate: TemplateRef<any> | undefined;
-
-    public headerTemplate: TemplateRef<any> | undefined;
-
-    public contentTemplate: TemplateRef<any> | undefined;
-
-    public toolbarTemplate: TemplateRef<any> | undefined;
-
-    chooseIconTemplate: TemplateRef<any> | undefined;
-
-    uploadIconTemplate: TemplateRef<any> | undefined;
-
-    cancelIconTemplate: TemplateRef<any> | undefined;
-
-    emptyTemplate: TemplateRef<any> | undefined;
-
-    public uploadedFileCount: number = 0;
-
-    focus: boolean | undefined;
-
-    uploading: boolean | undefined;
-
-    duplicateIEEvent: boolean | undefined; // flag to recognize duplicate onchange event for file input
-
-    translationSubscription: Subscription | undefined;
-
-    dragOverListener: VoidListener;
-
-    public uploadedFiles = [];
-
-    private fileUploadSubcription: Subscription;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private renderer: Renderer2,
-        private el: ElementRef,
-        public sanitizer: DomSanitizer,
-        public zone: NgZone,
-        private http: HttpClient,
-        public cd: ChangeDetectorRef,
-        public config: PrimeNGConfig
-    ) {}
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'file':
-                    this.fileTemplate = item.template;
-                    break;
-
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-
-                case 'toolbar':
-                    this.toolbarTemplate = item.template;
-                    break;
-
-                case 'chooseicon':
-                    this.chooseIconTemplate = item.template;
-                    break;
-
-                case 'uploadicon':
-                    this.uploadIconTemplate = item.template;
-                    break;
-
-                case 'cancelicon':
-                    this.cancelIconTemplate = item.template;
-                    break;
-
-                case 'empty':
-                    this.emptyTemplate = item.template;
-                    break;
-
-                default:
-                    this.fileTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    ngOnInit() {
-        this.translationSubscription = this.config.translationObserver.subscribe(() => {
-            this.cd.markForCheck();
-        });
-    }
-
-    ngAfterViewInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (this.mode === 'advanced') {
-                this.zone.runOutsideAngular(() => {
-                    if (this.content) {
-                        this.dragOverListener = this.renderer.listen(this.content.nativeElement, 'dragover', this.onDragOver.bind(this));
-                    }
-                });
-            }
-        }
-    }
-
-    getTranslation(option: string) {
-        return this.config.getTranslation(option);
-    }
-
-    choose() {
-        this.advancedFileInput?.nativeElement.click();
-    }
-
-    onFileSelect(event: any) {
-        if (event.type !== 'drop' && this.isIE11() && this.duplicateIEEvent) {
-            this.duplicateIEEvent = false;
-            return;
-        }
-
-        this.msgs = [];
-        if (!this.multiple) {
-            this.files = [];
-        }
-
-        let files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
-        for (let i = 0; i < files.length; i++) {
-            let file = files[i];
-
-            if (!this.isFileSelected(file)) {
-                if (this.validate(file)) {
-                    if (this.isImage(file)) {
-                        file.objectURL = this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(files[i]));
-                    }
-
-                    this.files.push(files[i]);
-                }
-            }
-        }
-
-        this.onSelect.emit({ originalEvent: event, files: files, currentFiles: this.files });
-
-        // this will check the fileLimit with the uploaded files
-        this.checkFileLimit(files);
-
-        if (this.hasFiles() && this.auto && (this.mode !== 'advanced' || !this.isFileLimitExceeded())) {
-            this.upload();
-        }
-
-        if (event.type !== 'drop' && this.isIE11()) {
-            this.clearIEInput();
-        } else {
-            this.clearInputElement();
-        }
-    }
-
-    isFileSelected(file: File): boolean {
-        for (let sFile of this.files) {
-            if (sFile.name + sFile.type + sFile.size === file.name + file.type + file.size) {
-                return true;
-            }
-        }
-
-        return false;
-    }
-
-    isIE11() {
-        if (isPlatformBrowser(this.platformId)) {
-            return !!(this.document.defaultView as any)['MSInputMethodContext'] && !!(this.document as any)['documentMode'];
-        }
-    }
-
-    validate(file: File): boolean {
-        this.msgs = this.msgs || [];
-        if (this.accept && !this.isFileTypeValid(file)) {
-            this.msgs.push({
-                severity: 'error',
-                summary: this.invalidFileTypeMessageSummary.replace('{0}', file.name),
-                detail: this.invalidFileTypeMessageDetail.replace('{0}', this.accept)
-            });
-            return false;
-        }
-
-        if (this.maxFileSize && file.size > this.maxFileSize) {
-            this.msgs.push({
-                severity: 'error',
-                summary: this.invalidFileSizeMessageSummary.replace('{0}', file.name),
-                detail: this.invalidFileSizeMessageDetail.replace('{0}', this.formatSize(this.maxFileSize))
-            });
-            return false;
-        }
-
-        return true;
-    }
-
-    private isFileTypeValid(file: File): boolean {
-        let acceptableTypes = this.accept?.split(',').map((type) => type.trim());
-        for (let type of acceptableTypes!) {
-            let acceptable = this.isWildcard(type) ? this.getTypeClass(file.type) === this.getTypeClass(type) : file.type == type || this.getFileExtension(file).toLowerCase() === type.toLowerCase();
-
-            if (acceptable) {
-                return true;
-            }
-        }
-
-        return false;
-    }
-
-    getTypeClass(fileType: string): string {
-        return fileType.substring(0, fileType.indexOf('/'));
-    }
-
-    isWildcard(fileType: string): boolean {
-        return fileType.indexOf('*') !== -1;
-    }
-
-    getFileExtension(file: File): string {
-        return '.' + file.name.split('.').pop();
-    }
-
-    isImage(file: File): boolean {
-        return /^image\//.test(file.type);
-    }
-
-    onImageLoad(img: any) {
-        window.URL.revokeObjectURL(img.src);
-    }
-    /**
-     * Uploads the selected files.
-     * @group Method
-     */
-    upload() {
-        if (this.customUpload) {
-            if (this.fileLimit) {
-                this.uploadedFileCount += this.files.length;
-            }
-
-            this.uploadHandler.emit({
-                files: this.files
-            });
-
-            this.cd.markForCheck();
-        } else {
-            this.uploading = true;
-            this.msgs = [];
-            let formData = new FormData();
-
-            this.onBeforeUpload.emit({
-                formData: formData
-            });
-
-            for (let i = 0; i < this.files.length; i++) {
-                formData.append(this.name!, this.files[i], this.files[i].name);
-            }
-
-            // If the previous upload hasn't been finished, it is aborted.
-            this.cancelUploadRequest();
-
-            this.fileUploadSubcription = this.http
-                .request(<string>this.method, this.url as string, {
-                    body: formData,
-                    headers: this.headers,
-                    reportProgress: true,
-                    observe: 'events',
-                    withCredentials: this.withCredentials
-                })
-                .subscribe(
-                    (event: HttpEvent<any>) => {
-                        switch (event.type) {
-                            case HttpEventType.Sent:
-                                this.onSend.emit({
-                                    originalEvent: event,
-                                    formData: formData
-                                });
-                                break;
-                            case HttpEventType.Response:
-                                this.uploading = false;
-                                this.progress = 0;
-
-                                if (event['status'] >= 200 && event['status'] < 300) {
-                                    if (this.fileLimit) {
-                                        this.uploadedFileCount += this.files.length;
-                                    }
-
-                                    this.onUpload.emit({ originalEvent: event, files: this.files });
-                                } else {
-                                    this.onError.emit({ files: this.files });
-                                }
-                                this.uploadedFiles.push(...this.files);
-                                this.clear();
-                                break;
-                            case HttpEventType.UploadProgress: {
-                                if (event['loaded']) {
-                                    this.progress = Math.round((event['loaded'] * 100) / event['total']!);
-                                }
-
-                                this.onProgress.emit({ originalEvent: event, progress: this.progress });
-                                break;
-                            }
-                        }
-
-                        this.cd.markForCheck();
-                    },
-                    (error: ErrorEvent) => {
-                        this.uploading = false;
-                        this.onError.emit({ files: this.files, error: error });
-                    }
-                );
-        }
-    }
-    /**
-     * Clears the files list.
-     * @group Method
-     */
-    clear() {
-        this.files = [];
-        this.uploadedFileCount = 0;
-        this.cancelUploadRequest();
-        this.onClear.emit();
-        this.clearInputElement();
-        this.cd.markForCheck();
-    }
-    /**
-     * Removes a single file.
-     * @param {Event} event - Browser event.
-     * @param {Number} index - Index of the file.
-     * @group Method
-     */
-    remove(event: Event, index: number) {
-        this.cancelUploadRequest();
-        this.clearInputElement();
-        this.onRemove.emit({ originalEvent: event, file: this.files[index] });
-        this.files.splice(index, 1);
-        this.checkFileLimit(this.files);
-    }
-    /**
-     * Removes uploaded file.
-     * @param {Number} index - Index of the file to be removed.
-     * @group Method
-     */
-    removeUploadedFile(index) {
-        let removedFile = this.uploadedFiles.splice(index, 1)[0];
-        this.uploadedFiles = [...this.uploadedFiles];
-        this.onRemoveUploadedFile.emit({ file: removedFile, files: this.uploadedFiles });
-    }
-
-    /**
-     * Cancel upload file request.
-     * */
-    cancelUploadRequest() {
-        if (this.fileUploadSubcription) {
-            this.fileUploadSubcription.unsubscribe();
-            this.fileUploadSubcription = undefined;
-        }
-    }
-
-    isFileLimitExceeded() {
-        const isAutoMode = this.auto;
-        const totalFileCount = isAutoMode ? this.files.length : this.files.length + this.uploadedFileCount;
-
-        if (this.fileLimit && this.fileLimit <= totalFileCount && this.focus) {
-            this.focus = false;
-        }
-
-        return this.fileLimit && this.fileLimit < totalFileCount;
-    }
-
-    isChooseDisabled() {
-        if (this.auto) {
-            return this.fileLimit && this.fileLimit <= this.files.length;
-        } else {
-            return this.fileLimit && this.fileLimit <= this.files.length + this.uploadedFileCount;
-        }
-    }
-
-    checkFileLimit(files: File[]) {
-        this.msgs ??= [];
-        const hasExistingValidationMessages = this.msgs.length > 0 && this.fileLimit < files.length;
-        if (this.isFileLimitExceeded() || hasExistingValidationMessages) {
-            this.msgs.push({
-                severity: 'error',
-                summary: this.invalidFileLimitMessageSummary.replace('{0}', (this.fileLimit as number).toString()),
-                detail: this.invalidFileLimitMessageDetail.replace('{0}', (this.fileLimit as number).toString())
-            });
-        }
-    }
-
-    clearInputElement() {
-        if (this.advancedFileInput && this.advancedFileInput.nativeElement) {
-            this.advancedFileInput.nativeElement.value = '';
-        }
-
-        if (this.basicFileInput && this.basicFileInput.nativeElement) {
-            this.basicFileInput.nativeElement.value = '';
-        }
-    }
-
-    clearIEInput() {
-        if (this.advancedFileInput && this.advancedFileInput.nativeElement) {
-            this.duplicateIEEvent = true; //IE11 fix to prevent onFileChange trigger again
-            this.advancedFileInput.nativeElement.value = '';
-        }
-    }
-
-    hasFiles(): boolean {
-        return this.files && this.files.length > 0;
-    }
-
-    hasUploadedFiles() {
-        return this.uploadedFiles && this.uploadedFiles.length > 0;
-    }
-
-    onDragEnter(e: DragEvent) {
-        if (!this.disabled) {
-            e.stopPropagation();
-            e.preventDefault();
-        }
-    }
-
-    onDragOver(e: DragEvent) {
-        if (!this.disabled) {
-            DomHandler.addClass(this.content?.nativeElement, 'p-fileupload-highlight');
-            this.dragHighlight = true;
-            e.stopPropagation();
-            e.preventDefault();
-        }
-    }
-
-    onDragLeave(event: DragEvent) {
-        if (!this.disabled) {
-            DomHandler.removeClass(this.content?.nativeElement, 'p-fileupload-highlight');
-        }
-    }
-
-    onDrop(event: any) {
-        if (!this.disabled) {
-            DomHandler.removeClass(this.content?.nativeElement, 'p-fileupload-highlight');
-            event.stopPropagation();
-            event.preventDefault();
-
-            let files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
-            let allowDrop = this.multiple || (files && files.length === 1);
-
-            if (allowDrop) {
-                this.onFileSelect(event);
-            }
-        }
-    }
-
-    onFocus() {
-        this.focus = true;
-    }
-
-    onBlur() {
-        this.focus = false;
-    }
-
-    formatSize(bytes: number) {
-        const k = 1024;
-        const dm = 3;
-        const sizes = this.getTranslation(TranslationKeys.FILE_SIZE_TYPES);
-
-        if (bytes === 0) {
-            return `0 ${sizes[0]}`;
-        }
-
-        const i = Math.floor(Math.log(bytes) / Math.log(k));
-        const formattedSize = (bytes / Math.pow(k, i)).toFixed(dm);
-
-        return `${formattedSize} ${sizes[i]}`;
-    }
-
-    onBasicUploaderClick() {
-        if (this.hasFiles()) this.upload();
-        else this.basicFileInput?.nativeElement.click();
-    }
-
-    onBasicKeydown(event: KeyboardEvent) {
-        switch (event.code) {
-            case 'Space':
-            case 'Enter':
-                this.onBasicUploaderClick();
-
-                event.preventDefault();
-                break;
-        }
-    }
-
-    imageError(event: Event) {
-        this.onImageError.emit(event);
-    }
-
-    getBlockableElement(): HTMLElement {
-        return this.el.nativeElement.children[0];
-    }
-
-    get chooseButtonLabel(): string {
-        return this.chooseLabel || this.config.getTranslation(TranslationKeys.CHOOSE);
-    }
-
-    get uploadButtonLabel(): string {
-        return this.uploadLabel || this.config.getTranslation(TranslationKeys.UPLOAD);
-    }
-
-    get cancelButtonLabel(): string {
-        return this.cancelLabel || this.config.getTranslation(TranslationKeys.CANCEL);
-    }
-
-    get browseFilesLabel(): string {
-        return this.config.getTranslation(TranslationKeys.ARIA)[TranslationKeys.BROWSE_FILES];
-    }
-
-    ngOnDestroy() {
-        if (this.content && this.content.nativeElement) {
-            if (this.dragOverListener) {
-                this.dragOverListener();
-                this.dragOverListener = null;
-            }
-        }
-
-        if (this.translationSubscription) {
-            this.translationSubscription.unsubscribe();
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, ButtonModule, ProgressBarModule, MessagesModule, RippleModule, PlusIcon, UploadIcon, TimesIcon],
-    exports: [FileUpload, SharedModule, ButtonModule, ProgressBarModule, MessagesModule],
-    declarations: [FileUpload]
-})
-export class FileUploadModule {}
diff --git a/src/app/components/fileupload/ng-package.json b/src/app/components/fileupload/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/fileupload/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/fileupload/public_api.ts b/src/app/components/fileupload/public_api.ts
deleted file mode 100644
index 7f1ca7c..0000000
--- a/src/app/components/fileupload/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './fileupload';
-export * from './fileupload.interface';
diff --git a/src/app/components/floatlabel/floatlabel.ts b/src/app/components/floatlabel/floatlabel.ts
deleted file mode 100644
index a05ab59..0000000
--- a/src/app/components/floatlabel/floatlabel.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, NgModule, ViewEncapsulation } from '@angular/core';
-import { SharedModule } from 'primeng/api';
-import { RouterModule } from '@angular/router';
-
-/**
- * FloatLabel appears on top of the input field when focused.
- * @group Components
- */
-@Component({
-    selector: 'p-floatLabel',
-    template: `
-        <span class="p-float-label">
-            <ng-content></ng-content>
-        </span>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
-})
-export class FloatLabel {}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, RouterModule],
-    exports: [FloatLabel, SharedModule],
-    declarations: [FloatLabel]
-})
-export class FloatLabelModule {}
diff --git a/src/app/components/floatlabel/ng-package.json b/src/app/components/floatlabel/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/floatlabel/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/floatlabel/public_api.ts b/src/app/components/floatlabel/public_api.ts
deleted file mode 100644
index b05926f..0000000
--- a/src/app/components/floatlabel/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './floatlabel';
diff --git a/src/app/components/focustrap/focustrap.ts b/src/app/components/focustrap/focustrap.ts
deleted file mode 100644
index 170d5e2..0000000
--- a/src/app/components/focustrap/focustrap.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-import { DomHandler } from 'primeng/dom';
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import { Directive, ElementRef, Input, NgModule, inject, booleanAttribute, PLATFORM_ID, SimpleChanges } from '@angular/core';
-
-/**
- * Focus Trap keeps focus within a certain DOM element while tabbing.
- * @group Components
- */
-@Directive({
-    selector: '[pFocusTrap]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class FocusTrap {
-    /**
-     * When set as true, focus wouldn't be managed.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) pFocusTrapDisabled: boolean = false;
-
-    platformId = inject(PLATFORM_ID);
-
-    host: ElementRef = inject(ElementRef);
-
-    document: Document = inject(DOCUMENT);
-
-    firstHiddenFocusableElement!: HTMLElement;
-
-    lastHiddenFocusableElement!: HTMLElement;
-
-    ngOnInit() {
-        if (isPlatformBrowser(this.platformId) && !this.pFocusTrapDisabled) {
-            !this.firstHiddenFocusableElement && !this.lastHiddenFocusableElement && this.createHiddenFocusableElements();
-        }
-    }
-
-    ngOnChanges(changes: SimpleChanges) {
-        if (changes.pFocusTrapDisabled && isPlatformBrowser(this.platformId)) {
-            if (changes.pFocusTrapDisabled.currentValue) {
-                this.removeHiddenFocusableElements();
-            } else {
-                this.createHiddenFocusableElements();
-            }
-        }
-    }
-
-    removeHiddenFocusableElements() {
-        if (this.firstHiddenFocusableElement && this.firstHiddenFocusableElement.parentNode) {
-            this.firstHiddenFocusableElement.parentNode.removeChild(this.firstHiddenFocusableElement);
-        }
-
-        if (this.lastHiddenFocusableElement && this.lastHiddenFocusableElement.parentNode) {
-            this.lastHiddenFocusableElement.parentNode.removeChild(this.lastHiddenFocusableElement);
-        }
-    }
-    getComputedSelector(selector) {
-        return `:not(.p-hidden-focusable):not([data-p-hidden-focusable="true"])${selector ?? ''}`;
-    }
-
-    createHiddenFocusableElements() {
-        const tabindex = '0';
-
-        const createFocusableElement = (onFocus) => {
-            return DomHandler.createElement('span', {
-                class: 'p-hidden-accessible p-hidden-focusable',
-                tabindex,
-                role: 'presentation',
-                'data-p-hidden-accessible': true,
-                'data-p-hidden-focusable': true,
-                onFocus: onFocus?.bind(this)
-            });
-        };
-
-        this.firstHiddenFocusableElement = createFocusableElement(this.onFirstHiddenElementFocus);
-        this.lastHiddenFocusableElement = createFocusableElement(this.onLastHiddenElementFocus);
-
-        this.firstHiddenFocusableElement.setAttribute('data-pc-section', 'firstfocusableelement');
-        this.lastHiddenFocusableElement.setAttribute('data-pc-section', 'lastfocusableelement');
-
-        this.host.nativeElement.prepend(this.firstHiddenFocusableElement);
-        this.host.nativeElement.append(this.lastHiddenFocusableElement);
-    }
-
-    onFirstHiddenElementFocus(event) {
-        const { currentTarget, relatedTarget } = event;
-        const focusableElement =
-            relatedTarget === this.lastHiddenFocusableElement || !this.host.nativeElement?.contains(relatedTarget) ? DomHandler.getFirstFocusableElement(currentTarget.parentElement, ':not(.p-hidden-focusable)') : this.lastHiddenFocusableElement;
-
-        DomHandler.focus(focusableElement);
-    }
-
-    onLastHiddenElementFocus(event) {
-        const { currentTarget, relatedTarget } = event;
-        const focusableElement =
-            relatedTarget === this.firstHiddenFocusableElement || !this.host.nativeElement?.contains(relatedTarget) ? DomHandler.getLastFocusableElement(currentTarget.parentElement, ':not(.p-hidden-focusable)') : this.firstHiddenFocusableElement;
-
-        DomHandler.focus(focusableElement);
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [FocusTrap],
-    declarations: [FocusTrap]
-})
-export class FocusTrapModule {}
diff --git a/src/app/components/focustrap/ng-package.json b/src/app/components/focustrap/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/focustrap/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/focustrap/public_api.ts b/src/app/components/focustrap/public_api.ts
deleted file mode 100644
index 6ce696c..0000000
--- a/src/app/components/focustrap/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './focustrap';
diff --git a/src/app/components/galleria/galleria.css b/src/app/components/galleria/galleria.css
deleted file mode 100644
index e58b385..0000000
--- a/src/app/components/galleria/galleria.css
+++ /dev/null
@@ -1,281 +0,0 @@
-@layer primeng {
-    .p-galleria-content {
-        display: flex;
-        flex-direction: column;
-    }
-
-    .p-galleria-item-wrapper {
-        display: flex;
-        flex-direction: column;
-        position: relative;
-    }
-
-    .p-galleria-item-container {
-        position: relative;
-        display: flex;
-        height: 100%;
-    }
-
-    .p-galleria-item-nav {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        overflow: hidden;
-    }
-
-    .p-galleria-item-prev {
-        left: 0;
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-    }
-
-    .p-galleria-item-next {
-        right: 0;
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-
-    .p-galleria-item {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 100%;
-        width: 100%;
-    }
-
-    .p-galleria-item-nav-onhover .p-galleria-item-nav {
-        pointer-events: none;
-        opacity: 0;
-        transition: opacity 0.2s ease-in-out;
-    }
-
-    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
-        pointer-events: all;
-        opacity: 1;
-    }
-
-    .p-galleria-item-nav-onhover .p-galleria-item-nav-focused {
-        pointer-events: all;
-        opacity: 1;
-    }
-
-    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
-        pointer-events: none;
-    }
-
-    .p-galleria-caption {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 100%;
-    }
-
-    /* Thumbnails */
-    .p-galleria-thumbnail-wrapper {
-        display: flex;
-        flex-direction: column;
-        overflow: auto;
-        flex-shrink: 0;
-    }
-
-    .p-galleria-thumbnail-prev,
-    .p-galleria-thumbnail-next {
-        align-self: center;
-        flex: 0 0 auto;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-galleria-thumbnail-prev span,
-    .p-galleria-thumbnail-next span {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
-
-    .p-galleria-thumbnail-container {
-        display: flex;
-        flex-direction: row;
-    }
-
-    .p-galleria-thumbnail-items-container {
-        overflow: hidden;
-        width: 100%;
-    }
-
-    .p-galleria-thumbnail-items {
-        display: flex;
-    }
-
-    .p-galleria-thumbnail-item {
-        overflow: auto;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-        opacity: 0.5;
-    }
-
-    .p-galleria-thumbnail-item:hover {
-        opacity: 1;
-        transition: opacity 0.3s;
-    }
-
-    .p-galleria-thumbnail-item-current {
-        opacity: 1;
-    }
-
-    /* Positions */
-    /* Thumbnails */
-    .p-galleria-thumbnails-left .p-galleria-content,
-    .p-galleria-thumbnails-right .p-galleria-content {
-        flex-direction: row;
-    }
-
-    .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-    .p-galleria-thumbnails-right .p-galleria-item-wrapper {
-        flex-direction: row;
-    }
-
-    .p-galleria-thumbnails-left p-galleriaitem,
-    .p-galleria-thumbnails-top p-galleriaitem {
-        order: 2;
-    }
-
-    .p-galleria-thumbnails-left p-galleriathumbnails,
-    .p-galleria-thumbnails-top p-galleriathumbnails {
-        order: 1;
-    }
-
-    .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-    .p-galleria-thumbnails-right .p-galleria-thumbnail-container {
-        flex-direction: column;
-        flex-grow: 1;
-    }
-
-    .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-    .p-galleria-thumbnails-right .p-galleria-thumbnail-items {
-        flex-direction: column;
-        height: 100%;
-    }
-    .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-    .p-galleria-thumbnails-right .p-galleria-thumbnail-wrapper {
-        height: 100%;
-    }
-
-    /* Indicators */
-    .p-galleria-indicators {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-galleria-indicator > button {
-        display: inline-flex;
-        align-items: center;
-    }
-
-    .p-galleria-indicators-left .p-galleria-item-wrapper,
-    .p-galleria-indicators-right .p-galleria-item-wrapper {
-        flex-direction: row;
-        align-items: center;
-    }
-
-    .p-galleria-indicators-left .p-galleria-item-container,
-    .p-galleria-indicators-top .p-galleria-item-container {
-        order: 2;
-    }
-
-    .p-galleria-indicators-left .p-galleria-indicators,
-    .p-galleria-indicators-top .p-galleria-indicators {
-        order: 1;
-    }
-
-    .p-galleria-indicators-left .p-galleria-indicators,
-    .p-galleria-indicators-right .p-galleria-indicators {
-        flex-direction: column;
-    }
-
-    .p-galleria-indicator-onitem .p-galleria-indicators {
-        position: absolute;
-        display: flex;
-        z-index: 1;
-    }
-
-    .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
-        top: 0;
-        left: 0;
-        width: 100%;
-        align-items: flex-start;
-    }
-
-    .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
-        right: 0;
-        top: 0;
-        height: 100%;
-        align-items: flex-end;
-    }
-
-    .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        align-items: flex-end;
-    }
-
-    .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
-        left: 0;
-        top: 0;
-        height: 100%;
-        align-items: flex-start;
-    }
-
-    /* FullScreen */
-    .p-galleria-mask {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        background-color: transparent;
-        transition-property: background-color;
-    }
-
-    .p-galleria-close {
-        position: absolute;
-        top: 0;
-        right: 0;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        overflow: hidden;
-    }
-
-    .p-galleria-mask .p-galleria-item-nav {
-        position: fixed;
-        top: 50%;
-        margin-top: -0.5rem;
-    }
-
-    .p-galleria-mask.p-galleria-mask-leave {
-        background-color: transparent;
-    }
-
-    /* Keyboard Support */
-    .p-items-hidden .p-galleria-thumbnail-item {
-        visibility: hidden;
-    }
-
-    .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
-        visibility: visible;
-    }
-}
diff --git a/src/app/components/galleria/galleria.interface.ts b/src/app/components/galleria/galleria.interface.ts
deleted file mode 100644
index 328a421..0000000
--- a/src/app/components/galleria/galleria.interface.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-import { TemplateRef } from '@angular/core';
-/**
- * Responsive options of the component.
- * @group Interface
- */
-export interface GalleriaResponsiveOptions {
-    /**
-     * Breakpoint for responsive mode. Exp; @media screen and (max-width: ${breakpoint}) {...}
-     */
-    breakpoint: string;
-    /**
-     * The number of visible items on breakpoint.
-     */
-    numVisible: number;
-}
-/**
- * Defines valid templates in Galleria.
- * @group Templates
- */
-export interface GalleriaTemplates {
-    /**
-     * Custom template of header.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom template of footer.
-     */
-    footer(): TemplateRef<any>;
-    /**
-     * Custom template of indicator.
-     * @param {Object} context - indicator data.
-     */
-    indicator(context: {
-        /**
-         * Index of the item.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-    /**
-     * Custom template of closeicon.
-     */
-    closeicon(): TemplateRef<any>;
-    /**
-     * Custom template of itemnexticon.
-     */
-    itemnexticon(): TemplateRef<any>;
-    /**
-     * Custom template of itempreviousicon.
-     */
-    itempreviousicon(): TemplateRef<any>;
-    /**
-     * Custom template of previousthumbnailicon.
-     */
-    previousthumbnailicon(): TemplateRef<any>;
-    /**
-     * Custom template of nextthumbnailicon.
-     */
-    nextthumbnailicon(): TemplateRef<any>;
-    /**
-     * Custom template of caption.
-     * @param {Object} context - item data.
-     */
-    caption(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-    /**
-     * Custom template of thumbnail.
-     * @param {Object} context - item data.
-     */
-    thumbnail(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-    /**
-     * Custom template of item.
-     * @param {Object} context - item data.
-     */
-    item(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-}
diff --git a/src/app/components/galleria/galleria.spec.ts b/src/app/components/galleria/galleria.spec.ts
deleted file mode 100644
index 14922c4..0000000
--- a/src/app/components/galleria/galleria.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { TestBed, ComponentFixture, fakeAsync, tick, async } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Galleria, GalleriaModule } from './galleria';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('Galleria', () => {
-    let galleria: Galleria;
-    let fixture: ComponentFixture<Galleria>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, GalleriaModule]
-        });
-
-        fixture = TestBed.createComponent(Galleria);
-        galleria = fixture.componentInstance;
-    });
-
-    it('should not display by default', () => {
-        fixture.detectChanges();
-
-        const galleriaEl = fixture.debugElement.query(By.css('.p-galleria'));
-        expect(galleriaEl).toBeNull();
-    });
-});
diff --git a/src/app/components/galleria/galleria.ts b/src/app/components/galleria/galleria.ts
deleted file mode 100644
index a78b8cc..0000000
--- a/src/app/components/galleria/galleria.ts
+++ /dev/null
@@ -1,1458 +0,0 @@
-import { AnimationEvent, animate, style, transition, trigger } from '@angular/animations';
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentChecked,
-    AfterViewInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    DoCheck,
-    ElementRef,
-    EventEmitter,
-    HostListener,
-    Inject,
-    Input,
-    KeyValueDiffers,
-    NgModule,
-    OnChanges,
-    OnDestroy,
-    OnInit,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    SimpleChanges,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    numberAttribute
-} from '@angular/core';
-import { PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { ChevronLeftIcon } from 'primeng/icons/chevronleft';
-import { ChevronRightIcon } from 'primeng/icons/chevronright';
-import { TimesIcon } from 'primeng/icons/times';
-import { WindowMaximizeIcon } from 'primeng/icons/windowmaximize';
-import { WindowMinimizeIcon } from 'primeng/icons/windowminimize';
-import { RippleModule } from 'primeng/ripple';
-import { VoidListener } from 'primeng/ts-helpers';
-import { UniqueComponentId, ZIndexUtils } from 'primeng/utils';
-import { GalleriaResponsiveOptions } from './galleria.interface';
-import { FocusTrapModule } from 'primeng/focustrap';
-/**
- * Galleria is an advanced content gallery component.
- * @group Components
- */
-@Component({
-    selector: 'p-galleria',
-    template: `
-        <div *ngIf="fullScreen; else windowed" #container>
-            <div
-                *ngIf="maskVisible"
-                #mask
-                [ngClass]="{ 'p-galleria-mask p-component-overlay p-component-overlay-enter': true, 'p-galleria-visible': this.visible }"
-                [class]="maskClass"
-                [attr.role]="fullScreen ? 'dialog' : 'region'"
-                [attr.aria-modal]="fullScreen ? 'true' : undefined"
-            >
-                <p-galleriaContent
-                    *ngIf="visible"
-                    [@animation]="{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }"
-                    (@animation.start)="onAnimationStart($event)"
-                    (@animation.done)="onAnimationEnd($event)"
-                    [value]="value"
-                    [activeIndex]="activeIndex"
-                    [numVisible]="numVisibleLimit || numVisible"
-                    (maskHide)="onMaskHide()"
-                    (activeItemChange)="onActiveItemChange($event)"
-                    [ngStyle]="containerStyle"
-                    [fullScreen]="fullScreen"
-                ></p-galleriaContent>
-            </div>
-        </div>
-
-        <ng-template #windowed>
-            <p-galleriaContent [value]="value" [activeIndex]="activeIndex" [numVisible]="numVisibleLimit || numVisible" (activeItemChange)="onActiveItemChange($event)"></p-galleriaContent>
-        </ng-template>
-    `,
-    animations: [
-        trigger('animation', [
-            transition('void => visible', [style({ transform: 'scale(0.7)', opacity: 0 }), animate('{{showTransitionParams}}')]),
-            transition('visible => void', [animate('{{hideTransitionParams}}', style({ transform: 'scale(0.7)', opacity: 0 }))])
-        ])
-    ],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./galleria.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Galleria implements OnChanges, OnDestroy {
-    /**
-     * Index of the first item.
-     * @group Props
-     */
-    @Input() get activeIndex(): number {
-        return this._activeIndex;
-    }
-    set activeIndex(activeIndex) {
-        this._activeIndex = activeIndex;
-    }
-    /**
-     * Whether to display the component on fullscreen.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) fullScreen: boolean = false;
-    /**
-     * Unique identifier of the element.
-     * @group Props
-     */
-    @Input() id: string | undefined;
-    /**
-     * An array of objects to display.
-     * @group Props
-     */
-    @Input() value: any[] | undefined;
-    /**
-     * Number of items per page.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) numVisible: number = 3;
-    /**
-     * An array of options for responsive design.
-     * @see {GalleriaResponsiveOptions}
-     * @group Props
-     */
-    @Input() responsiveOptions: GalleriaResponsiveOptions[] | undefined;
-    /**
-     * Whether to display navigation buttons in item section.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showItemNavigators: boolean = false;
-    /**
-     * Whether to display navigation buttons in thumbnail container.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showThumbnailNavigators: boolean = true;
-    /**
-     * Whether to display navigation buttons on item hover.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showItemNavigatorsOnHover: boolean = false;
-    /**
-     * When enabled, item is changed on indicator hover.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) changeItemOnIndicatorHover: boolean = false;
-    /**
-     * Defines if scrolling would be infinite.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) circular: boolean = false;
-    /**
-     * Items are displayed with a slideshow in autoPlay mode.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoPlay: boolean = false;
-    /**
-     * When enabled, autorun should stop by click.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) shouldStopAutoplayByClick: boolean = true;
-    /**
-     * Time in milliseconds to scroll items.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) transitionInterval: number = 4000;
-    /**
-     * Whether to display thumbnail container.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showThumbnails: boolean = true;
-    /**
-     * Position of thumbnails.
-     * @group Props
-     */
-    @Input() thumbnailsPosition: 'bottom' | 'top' | 'left' | 'right' | undefined = 'bottom';
-    /**
-     * Height of the viewport in vertical thumbnail.
-     * @group Props
-     */
-    @Input() verticalThumbnailViewPortHeight: string = '300px';
-    /**
-     * Whether to display indicator container.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showIndicators: boolean = false;
-    /**
-     * When enabled, indicator container is displayed on item container.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showIndicatorsOnItem: boolean = false;
-    /**
-     * Position of indicators.
-     * @group Props
-     */
-    @Input() indicatorsPosition: 'bottom' | 'top' | 'left' | 'right' | undefined = 'bottom';
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-    /**
-     * Style class of the mask on fullscreen mode.
-     * @group Props
-     */
-    @Input() maskClass: string | undefined;
-    /**
-     * Style class of the component on fullscreen mode. Otherwise, the 'class' property can be used.
-     * @group Props
-     */
-    @Input() containerClass: string | undefined;
-    /**
-     * Inline style of the component on fullscreen mode. Otherwise, the 'style' property can be used.
-     * @group Props
-     */
-    @Input() containerStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     */
-    @Input() showTransitionOptions: string = '150ms cubic-bezier(0, 0, 0.2, 1)';
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     */
-    @Input() hideTransitionOptions: string = '150ms cubic-bezier(0, 0, 0.2, 1)';
-    /**
-     * Specifies the visibility of the mask on fullscreen mode.
-     * @group Props
-     */
-    @Input() get visible(): boolean {
-        return this._visible;
-    }
-    set visible(visible: boolean) {
-        this._visible = visible;
-
-        if (this._visible && !this.maskVisible) {
-            this.maskVisible = true;
-        }
-    }
-    /**
-     * Callback to invoke on active index change.
-     * @param {number} number - Active index.
-     * @group Emits
-     */
-    @Output() activeIndexChange: EventEmitter<number> = new EventEmitter<number>();
-    /**
-     * Callback to invoke on visiblity change.
-     * @param {boolean} boolean - Visible value.
-     * @group Emits
-     */
-    @Output() visibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();
-
-    @ViewChild('mask') mask: ElementRef | undefined;
-
-    @ViewChild('container') container: ElementRef | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    _visible: boolean = false;
-
-    _activeIndex: number = 0;
-
-    headerFacet: any;
-
-    footerFacet: any;
-
-    indicatorFacet: any;
-
-    captionFacet: any;
-
-    closeIconTemplate: TemplateRef<any> | undefined;
-
-    previousThumbnailIconTemplate: TemplateRef<any> | undefined;
-
-    nextThumbnailIconTemplate: TemplateRef<any> | undefined;
-
-    itemPreviousIconTemplate: TemplateRef<any> | undefined;
-
-    itemNextIconTemplate: TemplateRef<any> | undefined;
-
-    maskVisible: boolean = false;
-
-    numVisibleLimit = 0;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) public platformId: any,
-        public element: ElementRef,
-        public cd: ChangeDetectorRef,
-        public config: PrimeNGConfig
-    ) {}
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'header':
-                    this.headerFacet = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerFacet = item.template;
-                    break;
-
-                case 'indicator':
-                    this.indicatorFacet = item.template;
-                    break;
-
-                case 'closeicon':
-                    this.closeIconTemplate = item.template;
-                    break;
-
-                case 'itemnexticon':
-                    this.itemNextIconTemplate = item.template;
-                    break;
-
-                case 'itempreviousicon':
-                    this.itemPreviousIconTemplate = item.template;
-                    break;
-
-                case 'previousthumbnailicon':
-                    this.previousThumbnailIconTemplate = item.template;
-                    break;
-
-                case 'nextthumbnailicon':
-                    this.nextThumbnailIconTemplate = item.template;
-                    break;
-
-                case 'caption':
-                    this.captionFacet = item.template;
-                    break;
-            }
-        });
-    }
-
-    ngOnChanges(simpleChanges: SimpleChanges) {
-        if (simpleChanges.value && simpleChanges.value.currentValue?.length < this.numVisible) {
-            this.numVisibleLimit = simpleChanges.value.currentValue.length;
-        } else {
-            this.numVisibleLimit = 0;
-        }
-    }
-
-    onMaskHide() {
-        this.visible = false;
-        this.visibleChange.emit(false);
-    }
-
-    onActiveItemChange(index: number) {
-        if (this.activeIndex !== index) {
-            this.activeIndex = index;
-            this.activeIndexChange.emit(index);
-        }
-    }
-
-    onAnimationStart(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-                this.enableModality();
-                setTimeout(() => {
-                    DomHandler.focus(DomHandler.findSingle(this.container.nativeElement, '[data-pc-section="closebutton"]'));
-                }, 25);
-                break;
-
-            case 'void':
-                DomHandler.addClass(this.mask?.nativeElement, 'p-component-overlay-leave');
-                break;
-        }
-    }
-
-    onAnimationEnd(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'void':
-                this.disableModality();
-                break;
-        }
-    }
-
-    enableModality() {
-        DomHandler.blockBodyScroll();
-        this.cd.markForCheck();
-
-        if (this.mask) {
-            ZIndexUtils.set('modal', this.mask.nativeElement, this.baseZIndex || this.config.zIndex.modal);
-        }
-    }
-
-    disableModality() {
-        DomHandler.unblockBodyScroll();
-        this.maskVisible = false;
-        this.cd.markForCheck();
-
-        if (this.mask) {
-            ZIndexUtils.clear(this.mask.nativeElement);
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.fullScreen) {
-            DomHandler.removeClass(this.document.body, 'p-overflow-hidden');
-        }
-
-        if (this.mask) {
-            this.disableModality();
-        }
-    }
-}
-
-@Component({
-    selector: 'p-galleriaContent',
-    template: `
-        <div
-            [attr.id]="id"
-            [attr.role]="'region'"
-            *ngIf="value && value.length > 0"
-            [ngClass]="{
-                'p-galleria p-component': true,
-                'p-galleria-fullscreen': this.galleria.fullScreen,
-                'p-galleria-indicator-onitem': this.galleria.showIndicatorsOnItem,
-                'p-galleria-item-nav-onhover': this.galleria.showItemNavigatorsOnHover && !this.galleria.fullScreen
-            }"
-            [ngStyle]="!galleria.fullScreen ? galleria.containerStyle : {}"
-            [class]="galleriaClass()"
-            pFocusTrap
-            [pFocusTrapDisabled]="!fullScreen"
-        >
-            <button *ngIf="galleria.fullScreen" type="button" class="p-galleria-close p-link" (click)="maskHide.emit()" pRipple [attr.aria-label]="closeAriaLabel()" [attr.data-pc-section]="'closebutton'">
-                <TimesIcon *ngIf="!galleria.closeIconTemplate" [styleClass]="'p-galleria-close-icon'" />
-                <ng-template *ngTemplateOutlet="galleria.closeIconTemplate"></ng-template>
-            </button>
-            <div *ngIf="galleria.templates && galleria.headerFacet" class="p-galleria-header">
-                <p-galleriaItemSlot type="header" [templates]="galleria.templates"></p-galleriaItemSlot>
-            </div>
-            <div class="p-galleria-content" [attr.aria-live]="galleria.autoPlay ? 'polite' : 'off'">
-                <p-galleriaItem
-                    [id]="id"
-                    [value]="value"
-                    [activeIndex]="activeIndex"
-                    [circular]="galleria.circular"
-                    [templates]="galleria.templates"
-                    (onActiveIndexChange)="onActiveIndexChange($event)"
-                    [showIndicators]="galleria.showIndicators"
-                    [changeItemOnIndicatorHover]="galleria.changeItemOnIndicatorHover"
-                    [indicatorFacet]="galleria.indicatorFacet"
-                    [captionFacet]="galleria.captionFacet"
-                    [showItemNavigators]="galleria.showItemNavigators"
-                    [autoPlay]="galleria.autoPlay"
-                    [slideShowActive]="slideShowActive"
-                    (startSlideShow)="startSlideShow()"
-                    (stopSlideShow)="stopSlideShow()"
-                ></p-galleriaItem>
-
-                <p-galleriaThumbnails
-                    *ngIf="galleria.showThumbnails"
-                    [containerId]="id"
-                    [value]="value"
-                    (onActiveIndexChange)="onActiveIndexChange($event)"
-                    [activeIndex]="activeIndex"
-                    [templates]="galleria.templates"
-                    [numVisible]="numVisible"
-                    [responsiveOptions]="galleria.responsiveOptions"
-                    [circular]="galleria.circular"
-                    [isVertical]="isVertical()"
-                    [contentHeight]="galleria.verticalThumbnailViewPortHeight"
-                    [showThumbnailNavigators]="galleria.showThumbnailNavigators"
-                    [slideShowActive]="slideShowActive"
-                    (stopSlideShow)="stopSlideShow()"
-                ></p-galleriaThumbnails>
-            </div>
-            <div *ngIf="galleria.templates && galleria.footerFacet" class="p-galleria-footer">
-                <p-galleriaItemSlot type="footer" [templates]="galleria.templates"></p-galleriaItemSlot>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class GalleriaContent implements DoCheck {
-    @Input() get activeIndex(): number {
-        return this._activeIndex;
-    }
-    set activeIndex(activeIndex: number) {
-        this._activeIndex = activeIndex;
-    }
-
-    @Input() value: any[] = [];
-
-    @Input({ transform: numberAttribute }) numVisible: number | undefined;
-
-    @Input({ transform: booleanAttribute }) fullScreen: boolean;
-
-    @Output() maskHide: EventEmitter<boolean> = new EventEmitter();
-
-    @Output() activeItemChange: EventEmitter<number> = new EventEmitter();
-
-    @ViewChild('closeButton') closeButton: ElementRef | undefined;
-
-    id: string;
-
-    _activeIndex: number = 0;
-
-    slideShowActive: boolean = true;
-
-    interval: any;
-
-    styleClass: string | undefined;
-
-    private differ: any;
-
-    constructor(
-        public galleria: Galleria,
-        public cd: ChangeDetectorRef,
-        private differs: KeyValueDiffers,
-        public config: PrimeNGConfig,
-        private elementRef: ElementRef
-    ) {
-        this.id = this.galleria.id || UniqueComponentId();
-        this.differ = this.differs.find(this.galleria).create();
-    }
-
-    // For custom fullscreen
-    @HostListener('document:fullscreenchange', ['$event'])
-    handleFullscreenChange(event: Event) {
-        if (document?.fullscreenElement === this.elementRef.nativeElement?.children[0]) {
-            this.fullScreen = true;
-        } else {
-            this.fullScreen = false;
-        }
-    }
-
-    ngDoCheck(): void {
-        if (isPlatformBrowser(this.galleria.platformId)) {
-            const changes = this.differ.diff(this.galleria as unknown as Record<string, unknown>);
-            if (changes && changes.forEachItem.length > 0) {
-                // Because we change the properties of the parent component,
-                // and the children take our entity from the injector.
-                // We can tell the children to redraw themselves when we change the properties of the parent component.
-                // Since we have an onPush strategy
-                this.cd.markForCheck();
-            }
-        }
-    }
-
-    galleriaClass() {
-        const thumbnailsPosClass = this.galleria.showThumbnails && this.getPositionClass('p-galleria-thumbnails', this.galleria.thumbnailsPosition as string);
-        const indicatorPosClass = this.galleria.showIndicators && this.getPositionClass('p-galleria-indicators', this.galleria.indicatorsPosition as string);
-
-        return (this.galleria.containerClass ? this.galleria.containerClass + ' ' : '') + (thumbnailsPosClass ? thumbnailsPosClass + ' ' : '') + (indicatorPosClass ? indicatorPosClass + ' ' : '');
-    }
-
-    startSlideShow() {
-        if (isPlatformBrowser(this.galleria.platformId)) {
-            this.interval = setInterval(() => {
-                let activeIndex = this.galleria.circular && this.value.length - 1 === this.activeIndex ? 0 : this.activeIndex + 1;
-                this.onActiveIndexChange(activeIndex);
-                this.activeIndex = activeIndex;
-            }, this.galleria.transitionInterval);
-
-            this.slideShowActive = true;
-        }
-    }
-
-    stopSlideShow() {
-        if (this.galleria.autoPlay && !this.galleria.shouldStopAutoplayByClick) {
-            return;
-        }
-
-        if (this.interval) {
-            clearInterval(this.interval);
-        }
-
-        this.slideShowActive = false;
-    }
-
-    getPositionClass(preClassName: string, position: string) {
-        const positions = ['top', 'left', 'bottom', 'right'];
-        const pos = positions.find((item) => item === position);
-
-        return pos ? `${preClassName}-${pos}` : '';
-    }
-
-    isVertical() {
-        return this.galleria.thumbnailsPosition === 'left' || this.galleria.thumbnailsPosition === 'right';
-    }
-
-    onActiveIndexChange(index: number) {
-        if (this.activeIndex !== index) {
-            this.activeIndex = index;
-            this.activeItemChange.emit(this.activeIndex);
-        }
-    }
-
-    closeAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.close : undefined;
-    }
-}
-
-@Component({
-    selector: 'p-galleriaItemSlot',
-    template: `
-        <ng-container *ngIf="contentTemplate">
-            <ng-container *ngTemplateOutlet="contentTemplate; context: context"></ng-container>
-        </ng-container>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class GalleriaItemSlot {
-    @Input() templates: QueryList<PrimeTemplate> | undefined;
-
-    @Input({ transform: numberAttribute }) index: number | undefined;
-
-    @Input() get item(): any {
-        return this._item;
-    }
-
-    set item(item: any) {
-        this._item = item;
-        if (this.templates) {
-            this.templates.forEach((item) => {
-                if (item.getType() === this.type) {
-                    switch (this.type) {
-                        case 'item':
-                        case 'caption':
-                        case 'thumbnail':
-                            this.context = { $implicit: this.item };
-                            this.contentTemplate = item.template;
-                            break;
-                    }
-                }
-            });
-        }
-    }
-
-    @Input() type: string | undefined;
-
-    contentTemplate: TemplateRef<any> | undefined;
-
-    context: any;
-
-    _item: any;
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            if (item.getType() === this.type) {
-                switch (this.type) {
-                    case 'item':
-                    case 'caption':
-                    case 'thumbnail':
-                        this.context = { $implicit: this.item };
-                        this.contentTemplate = item.template;
-                        break;
-
-                    case 'indicator':
-                        this.context = { $implicit: this.index };
-                        this.contentTemplate = item.template;
-                        break;
-
-                    default:
-                        this.context = {};
-                        this.contentTemplate = item.template;
-                        break;
-                }
-            }
-        });
-    }
-}
-
-@Component({
-    selector: 'p-galleriaItem',
-    template: `
-        <div class="p-galleria-item-wrapper">
-            <div class="p-galleria-item-container">
-                <button
-                    *ngIf="showItemNavigators"
-                    type="button"
-                    role="navigation"
-                    [ngClass]="{ 'p-galleria-item-prev p-galleria-item-nav p-link': true, 'p-galleria-item-nav-focused': leftButtonFocused, 'p-disabled': this.isNavBackwardDisabled() }"
-                    (click)="navBackward($event)"
-                    [disabled]="isNavBackwardDisabled()"
-                    pRipple
-                    (focus)="onButtonFocus('left')"
-                    (blur)="onButtonBlur('left')"
-                >
-                    <ChevronLeftIcon *ngIf="!galleria.itemPreviousIconTemplate" [styleClass]="'p-galleria-item-prev-icon'" />
-                    <ng-template *ngTemplateOutlet="galleria.itemPreviousIconTemplate"></ng-template>
-                </button>
-                <div [id]="id + '_item_' + activeIndex" role="group" [attr.aria-label]="ariaSlideNumber(activeIndex + 1)" [attr.aria-roledescription]="ariaSlideLabel()" [style.width]="'100%'">
-                    <p-galleriaItemSlot type="item" [item]="activeItem" [templates]="templates" class="p-galleria-item"></p-galleriaItemSlot>
-                </div>
-                <button
-                    *ngIf="showItemNavigators"
-                    type="button"
-                    [ngClass]="{ 'p-galleria-item-next p-galleria-item-nav p-link': true, 'p-galleria-item-nav-focused': rightButtonFocused, 'p-disabled': this.isNavForwardDisabled() }"
-                    (click)="navForward($event)"
-                    [disabled]="isNavForwardDisabled()"
-                    pRipple
-                    role="navigation"
-                    (focus)="onButtonFocus('right')"
-                    (blur)="onButtonBlur('right')"
-                >
-                    <ChevronRightIcon *ngIf="!galleria.itemNextIconTemplate" [styleClass]="'p-galleria-item-next-icon'" />
-                    <ng-template *ngTemplateOutlet="galleria.itemNextIconTemplate"></ng-template>
-                </button>
-                <div class="p-galleria-caption" *ngIf="captionFacet">
-                    <p-galleriaItemSlot type="caption" [item]="activeItem" [templates]="templates"></p-galleriaItemSlot>
-                </div>
-            </div>
-            <ul *ngIf="showIndicators" class="p-galleria-indicators p-reset">
-                <li
-                    *ngFor="let item of value; let index = index"
-                    tabindex="0"
-                    (click)="onIndicatorClick(index)"
-                    (mouseenter)="onIndicatorMouseEnter(index)"
-                    (keydown)="onIndicatorKeyDown($event, index)"
-                    [ngClass]="{ 'p-galleria-indicator': true, 'p-highlight': isIndicatorItemActive(index) }"
-                    [attr.aria-label]="ariaPageLabel(index + 1)"
-                    [attr.aria-selected]="activeIndex === index"
-                    [attr.aria-controls]="id + '_item_' + index"
-                >
-                    <button type="button" tabIndex="-1" class="p-link" *ngIf="!indicatorFacet"></button>
-                    <p-galleriaItemSlot type="indicator" [index]="index" [templates]="templates"></p-galleriaItemSlot>
-                </li>
-            </ul>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class GalleriaItem implements OnChanges {
-    @Input() id: string | undefined;
-
-    @Input({ transform: booleanAttribute }) circular: boolean = false;
-
-    @Input() value: any[] | undefined;
-
-    @Input({ transform: booleanAttribute }) showItemNavigators: boolean = false;
-
-    @Input({ transform: booleanAttribute }) showIndicators: boolean = true;
-
-    @Input({ transform: booleanAttribute }) slideShowActive: boolean = true;
-
-    @Input({ transform: booleanAttribute }) changeItemOnIndicatorHover: boolean = true;
-
-    @Input({ transform: booleanAttribute }) autoPlay: boolean = false;
-
-    @Input() templates: QueryList<PrimeTemplate> | undefined;
-
-    @Input() indicatorFacet: any;
-
-    @Input() captionFacet: any;
-
-    @Output() startSlideShow: EventEmitter<Event> = new EventEmitter();
-
-    @Output() stopSlideShow: EventEmitter<Event> = new EventEmitter();
-
-    @Output() onActiveIndexChange: EventEmitter<number> = new EventEmitter();
-
-    @Input() get activeIndex(): number {
-        return this._activeIndex;
-    }
-
-    set activeIndex(activeIndex) {
-        this._activeIndex = activeIndex;
-    }
-
-    get activeItem() {
-        return this.value && this.value[this._activeIndex];
-    }
-
-    _activeIndex: number = 0;
-
-    leftButtonFocused: boolean = false;
-
-    rightButtonFocused: boolean = false;
-
-    constructor(public galleria: Galleria) {}
-
-    ngOnChanges({ autoPlay }: SimpleChanges): void {
-        if (autoPlay?.currentValue) {
-            this.startSlideShow.emit();
-        }
-
-        if (autoPlay && autoPlay.currentValue === false) {
-            this.stopTheSlideShow();
-        }
-    }
-
-    next() {
-        let nextItemIndex = this.activeIndex + 1;
-        let activeIndex = this.circular && (<any[]>this.value).length - 1 === this.activeIndex ? 0 : nextItemIndex;
-        this.onActiveIndexChange.emit(activeIndex);
-    }
-
-    prev() {
-        let prevItemIndex = this.activeIndex !== 0 ? this.activeIndex - 1 : 0;
-        let activeIndex = this.circular && this.activeIndex === 0 ? (<any[]>this.value).length - 1 : prevItemIndex;
-        this.onActiveIndexChange.emit(activeIndex);
-    }
-
-    onButtonFocus(pos: 'left' | 'right') {
-        if (pos === 'left') {
-            this.leftButtonFocused = true;
-        } else this.rightButtonFocused = true;
-    }
-
-    onButtonBlur(pos: 'left' | 'right') {
-        if (pos === 'left') {
-            this.leftButtonFocused = false;
-        } else this.rightButtonFocused = false;
-    }
-
-    stopTheSlideShow() {
-        if (this.slideShowActive && this.stopSlideShow) {
-            this.stopSlideShow.emit();
-        }
-    }
-
-    navForward(e: MouseEvent) {
-        this.stopTheSlideShow();
-        this.next();
-
-        if (e && e.cancelable) {
-            e.preventDefault();
-        }
-    }
-
-    navBackward(e: MouseEvent) {
-        this.stopTheSlideShow();
-        this.prev();
-
-        if (e && e.cancelable) {
-            e.preventDefault();
-        }
-    }
-
-    onIndicatorClick(index: number) {
-        this.stopTheSlideShow();
-        this.onActiveIndexChange.emit(index);
-    }
-
-    onIndicatorMouseEnter(index: number) {
-        if (this.changeItemOnIndicatorHover) {
-            this.stopTheSlideShow();
-            this.onActiveIndexChange.emit(index);
-        }
-    }
-
-    onIndicatorKeyDown(event, index: number) {
-        switch (event.code) {
-            case 'Enter':
-            case 'Space':
-                this.stopTheSlideShow();
-                this.onActiveIndexChange.emit(index);
-                event.preventDefault();
-                break;
-
-            case 'ArrowDown':
-            case 'ArrowUp':
-                event.preventDefault();
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    isNavForwardDisabled() {
-        return !this.circular && this.activeIndex === (<any[]>this.value).length - 1;
-    }
-
-    isNavBackwardDisabled() {
-        return !this.circular && this.activeIndex === 0;
-    }
-
-    isIndicatorItemActive(index: number) {
-        return this.activeIndex === index;
-    }
-
-    ariaSlideLabel() {
-        return this.galleria.config.translation.aria ? this.galleria.config.translation.aria.slide : undefined;
-    }
-
-    ariaSlideNumber(value) {
-        return this.galleria.config.translation.aria ? this.galleria.config.translation.aria.slideNumber.replace(/{slideNumber}/g, value) : undefined;
-    }
-
-    ariaPageLabel(value) {
-        return this.galleria.config.translation.aria ? this.galleria.config.translation.aria.pageLabel.replace(/{page}/g, value) : undefined;
-    }
-}
-
-@Component({
-    selector: 'p-galleriaThumbnails',
-    template: `
-        <div class="p-galleria-thumbnail-wrapper">
-            <div class="p-galleria-thumbnail-container">
-                <button
-                    *ngIf="showThumbnailNavigators"
-                    type="button"
-                    [ngClass]="{ 'p-galleria-thumbnail-prev p-link': true, 'p-disabled': this.isNavBackwardDisabled() }"
-                    (click)="navBackward($event)"
-                    [disabled]="isNavBackwardDisabled()"
-                    pRipple
-                    [attr.aria-label]="ariaPrevButtonLabel()"
-                >
-                    <ng-container *ngIf="!galleria.previousThumbnailIconTemplate">
-                        <ChevronLeftIcon *ngIf="!isVertical" [styleClass]="'p-galleria-thumbnail-prev-icon'" />
-                        <ChevronUpIcon *ngIf="isVertical" [styleClass]="'p-galleria-thumbnail-prev-icon'" />
-                    </ng-container>
-                    <ng-template *ngTemplateOutlet="galleria.previousThumbnailIconTemplate"></ng-template>
-                </button>
-                <div class="p-galleria-thumbnail-items-container" [ngStyle]="{ height: isVertical ? contentHeight : '' }">
-                    <div #itemsContainer class="p-galleria-thumbnail-items" (transitionend)="onTransitionEnd()" (touchstart)="onTouchStart($event)" (touchmove)="onTouchMove($event)" role="tablist">
-                        <div
-                            *ngFor="let item of value; let index = index"
-                            [ngClass]="{
-                                'p-galleria-thumbnail-item': true,
-                                'p-galleria-thumbnail-item-current': activeIndex === index,
-                                'p-galleria-thumbnail-item-active': isItemActive(index),
-                                'p-galleria-thumbnail-item-start': firstItemAciveIndex() === index,
-                                'p-galleria-thumbnail-item-end': lastItemActiveIndex() === index
-                            }"
-                            [attr.aria-selected]="activeIndex === index"
-                            [attr.aria-controls]="containerId + '_item_' + index"
-                            [attr.data-pc-section]="'thumbnailitem'"
-                            [attr.data-p-active]="activeIndex === index"
-                            (keydown)="onThumbnailKeydown($event, index)"
-                        >
-                            <div
-                                class="p-galleria-thumbnail-item-content"
-                                [attr.tabindex]="activeIndex === index ? 0 : -1"
-                                [attr.aria-current]="activeIndex === index ? 'page' : undefined"
-                                [attr.aria-label]="ariaPageLabel(index + 1)"
-                                (click)="onItemClick(index)"
-                                (touchend)="onItemClick(index)"
-                                (keydown.enter)="onItemClick(index)"
-                            >
-                                <p-galleriaItemSlot type="thumbnail" [item]="item" [templates]="templates"></p-galleriaItemSlot>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <button
-                    *ngIf="showThumbnailNavigators"
-                    type="button"
-                    [ngClass]="{ 'p-galleria-thumbnail-next p-link': true, 'p-disabled': this.isNavForwardDisabled() }"
-                    (click)="navForward($event)"
-                    [disabled]="isNavForwardDisabled()"
-                    pRipple
-                    [attr.aria-label]="ariaNextButtonLabel()"
-                >
-                    <ng-container *ngIf="!galleria.nextThumbnailIconTemplate">
-                        <ChevronRightIcon *ngIf="!isVertical" [ngClass]="'p-galleria-thumbnail-next-icon'" />
-                        <ChevronDownIcon *ngIf="isVertical" [ngClass]="'p-galleria-thumbnail-next-icon'" />
-                    </ng-container>
-                    <ng-template *ngTemplateOutlet="galleria.nextThumbnailIconTemplate"></ng-template>
-                </button>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class GalleriaThumbnails implements OnInit, AfterContentChecked, AfterViewInit, OnDestroy {
-    @Input() containerId: string | undefined;
-
-    @Input() value: any[] | undefined;
-
-    @Input({ transform: booleanAttribute }) isVertical: boolean = false;
-
-    @Input({ transform: booleanAttribute }) slideShowActive: boolean = false;
-
-    @Input({ transform: booleanAttribute }) circular: boolean = false;
-
-    @Input() responsiveOptions: GalleriaResponsiveOptions[] | undefined;
-
-    @Input() contentHeight: string = '300px';
-
-    @Input() showThumbnailNavigators = true;
-
-    @Input() templates: QueryList<PrimeTemplate> | undefined;
-
-    @Output() onActiveIndexChange: EventEmitter<number> = new EventEmitter();
-
-    @Output() stopSlideShow: EventEmitter<Event> = new EventEmitter();
-
-    @ViewChild('itemsContainer') itemsContainer: ElementRef | undefined;
-
-    @Input() get numVisible(): number {
-        return this._numVisible;
-    }
-
-    set numVisible(numVisible) {
-        this._numVisible = numVisible;
-        this._oldNumVisible = this.d_numVisible;
-        this.d_numVisible = numVisible;
-    }
-
-    @Input() get activeIndex(): number {
-        return this._activeIndex;
-    }
-
-    set activeIndex(activeIndex) {
-        this._oldactiveIndex = this._activeIndex;
-        this._activeIndex = activeIndex;
-    }
-
-    index: number | undefined;
-
-    startPos: { x: number; y: number } | null = null;
-
-    thumbnailsStyle: HTMLStyleElement | null = null;
-
-    sortedResponsiveOptions: GalleriaResponsiveOptions[] | null = null;
-
-    totalShiftedItems: number = 0;
-
-    page: number = 0;
-
-    documentResizeListener: VoidListener;
-
-    _numVisible: number = 0;
-
-    d_numVisible: number = 0;
-
-    _oldNumVisible: number = 0;
-
-    _activeIndex: number = 0;
-
-    _oldactiveIndex: number = 0;
-
-    constructor(
-        public galleria: Galleria,
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private renderer: Renderer2,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.createStyle();
-
-            if (this.responsiveOptions) {
-                this.bindDocumentListeners();
-            }
-        }
-    }
-
-    ngAfterContentChecked() {
-        let totalShiftedItems = this.totalShiftedItems;
-
-        if ((this._oldNumVisible !== this.d_numVisible || this._oldactiveIndex !== this._activeIndex) && this.itemsContainer) {
-            if (this._activeIndex <= this.getMedianItemIndex()) {
-                totalShiftedItems = 0;
-            } else if ((<any[]>this.value).length - this.d_numVisible + this.getMedianItemIndex() < this._activeIndex) {
-                totalShiftedItems = this.d_numVisible - (<any[]>this.value).length;
-            } else if ((<any[]>this.value).length - this.d_numVisible < this._activeIndex && this.d_numVisible % 2 === 0) {
-                totalShiftedItems = this._activeIndex * -1 + this.getMedianItemIndex() + 1;
-            } else {
-                totalShiftedItems = this._activeIndex * -1 + this.getMedianItemIndex();
-            }
-
-            if (totalShiftedItems !== this.totalShiftedItems) {
-                this.totalShiftedItems = totalShiftedItems;
-            }
-
-            if (this.itemsContainer && this.itemsContainer.nativeElement) {
-                this.itemsContainer.nativeElement.style.transform = this.isVertical ? `translate3d(0, ${totalShiftedItems * (100 / this.d_numVisible)}%, 0)` : `translate3d(${totalShiftedItems * (100 / this.d_numVisible)}%, 0, 0)`;
-            }
-
-            if (this._oldactiveIndex !== this._activeIndex) {
-                DomHandler.removeClass(this.itemsContainer.nativeElement, 'p-items-hidden');
-                this.itemsContainer.nativeElement.style.transition = 'transform 500ms ease 0s';
-            }
-
-            this._oldactiveIndex = this._activeIndex;
-            this._oldNumVisible = this.d_numVisible;
-        }
-    }
-
-    ngAfterViewInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.calculatePosition();
-        }
-    }
-
-    createStyle() {
-        if (!this.thumbnailsStyle) {
-            this.thumbnailsStyle = this.document.createElement('style');
-            this.document.body.appendChild(this.thumbnailsStyle);
-        }
-
-        let innerHTML = `
-            #${this.containerId} .p-galleria-thumbnail-item {
-                flex: 1 0 ${100 / this.d_numVisible}%
-            }
-        `;
-
-        if (this.responsiveOptions) {
-            this.sortedResponsiveOptions = [...this.responsiveOptions];
-            this.sortedResponsiveOptions.sort((data1, data2) => {
-                const value1 = data1.breakpoint;
-                const value2 = data2.breakpoint;
-                let result = null;
-
-                if (value1 == null && value2 != null) result = -1;
-                else if (value1 != null && value2 == null) result = 1;
-                else if (value1 == null && value2 == null) result = 0;
-                else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, { numeric: true });
-                else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-
-                return -1 * result;
-            });
-
-            for (let i = 0; i < this.sortedResponsiveOptions.length; i++) {
-                let res = this.sortedResponsiveOptions[i];
-
-                innerHTML += `
-                    @media screen and (max-width: ${res.breakpoint}) {
-                        #${this.containerId} .p-galleria-thumbnail-item {
-                            flex: 1 0 ${100 / res.numVisible}%
-                        }
-                    }
-                `;
-            }
-        }
-
-        this.thumbnailsStyle.innerHTML = innerHTML;
-        DomHandler.setAttribute(this.thumbnailsStyle, 'nonce', this.galleria.config?.csp()?.nonce);
-    }
-
-    calculatePosition() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (this.itemsContainer && this.sortedResponsiveOptions) {
-                let windowWidth = window.innerWidth;
-                let matchedResponsiveData = {
-                    numVisible: this._numVisible
-                };
-
-                for (let i = 0; i < this.sortedResponsiveOptions.length; i++) {
-                    let res = this.sortedResponsiveOptions[i];
-
-                    if (parseInt(res.breakpoint, 10) >= windowWidth) {
-                        matchedResponsiveData = res;
-                    }
-                }
-
-                if (this.d_numVisible !== matchedResponsiveData.numVisible) {
-                    this.d_numVisible = matchedResponsiveData.numVisible;
-                    this.cd.markForCheck();
-                }
-            }
-        }
-    }
-
-    getTabIndex(index: number) {
-        return this.isItemActive(index) ? 0 : null;
-    }
-
-    navForward(e: TouchEvent | MouseEvent) {
-        this.stopTheSlideShow();
-
-        let nextItemIndex = this._activeIndex + 1;
-        if (nextItemIndex + this.totalShiftedItems > this.getMedianItemIndex() && (-1 * this.totalShiftedItems < this.getTotalPageNumber() - 1 || this.circular)) {
-            this.step(-1);
-        }
-
-        let activeIndex = this.circular && (<any[]>this.value).length - 1 === this._activeIndex ? 0 : nextItemIndex;
-        this.onActiveIndexChange.emit(activeIndex);
-
-        if (e.cancelable) {
-            e.preventDefault();
-        }
-    }
-
-    navBackward(e: TouchEvent | MouseEvent) {
-        this.stopTheSlideShow();
-
-        let prevItemIndex = this._activeIndex !== 0 ? this._activeIndex - 1 : 0;
-        let diff = prevItemIndex + this.totalShiftedItems;
-        if (this.d_numVisible - diff - 1 > this.getMedianItemIndex() && (-1 * this.totalShiftedItems !== 0 || this.circular)) {
-            this.step(1);
-        }
-
-        let activeIndex = this.circular && this._activeIndex === 0 ? (<any[]>this.value).length - 1 : prevItemIndex;
-        this.onActiveIndexChange.emit(activeIndex);
-
-        if (e.cancelable) {
-            e.preventDefault();
-        }
-    }
-
-    onItemClick(index: number) {
-        this.stopTheSlideShow();
-
-        let selectedItemIndex = index;
-        if (selectedItemIndex !== this._activeIndex) {
-            const diff = selectedItemIndex + this.totalShiftedItems;
-            let dir = 0;
-            if (selectedItemIndex < this._activeIndex) {
-                dir = this.d_numVisible - diff - 1 - this.getMedianItemIndex();
-                if (dir > 0 && -1 * this.totalShiftedItems !== 0) {
-                    this.step(dir);
-                }
-            } else {
-                dir = this.getMedianItemIndex() - diff;
-                if (dir < 0 && -1 * this.totalShiftedItems < this.getTotalPageNumber() - 1) {
-                    this.step(dir);
-                }
-            }
-
-            this.activeIndex = selectedItemIndex;
-            this.onActiveIndexChange.emit(this.activeIndex);
-        }
-    }
-
-    onThumbnailKeydown(event: KeyboardEvent, index: number) {
-        if (event.code === 'Enter' || event.code === 'Space') {
-            this.onItemClick(index);
-            event.preventDefault();
-        }
-
-        switch (event.code) {
-            case 'ArrowRight':
-                this.onRightKey();
-                break;
-
-            case 'ArrowLeft':
-                this.onLeftKey();
-                break;
-
-            case 'Home':
-                this.onHomeKey();
-                event.preventDefault();
-                break;
-
-            case 'End':
-                this.onEndKey();
-                event.preventDefault();
-                break;
-
-            case 'ArrowUp':
-            case 'ArrowDown':
-                event.preventDefault();
-                break;
-
-            case 'Tab':
-                this.onTabKey();
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    onRightKey() {
-        const indicators = DomHandler.find(this.itemsContainer.nativeElement, '[data-pc-section="thumbnailitem"]');
-        const activeIndex = this.findFocusedIndicatorIndex();
-
-        this.changedFocusedIndicator(activeIndex, activeIndex + 1 === indicators.length ? indicators.length - 1 : activeIndex + 1);
-    }
-
-    onLeftKey() {
-        const activeIndex = this.findFocusedIndicatorIndex();
-
-        this.changedFocusedIndicator(activeIndex, activeIndex - 1 <= 0 ? 0 : activeIndex - 1);
-    }
-
-    onHomeKey() {
-        const activeIndex = this.findFocusedIndicatorIndex();
-
-        this.changedFocusedIndicator(activeIndex, 0);
-    }
-
-    onEndKey() {
-        const indicators = DomHandler.find(this.itemsContainer.nativeElement, '[data-pc-section="thumbnailitem"]');
-        const activeIndex = this.findFocusedIndicatorIndex();
-
-        this.changedFocusedIndicator(activeIndex, indicators.length - 1);
-    }
-
-    onTabKey() {
-        const indicators = [...DomHandler.find(this.itemsContainer.nativeElement, '[data-pc-section="thumbnailitem"]')];
-        const highlightedIndex = indicators.findIndex((ind) => DomHandler.getAttribute(ind, 'data-p-active') === true);
-
-        const activeIndicator = DomHandler.findSingle(this.itemsContainer.nativeElement, '[tabindex="0"]');
-
-        const activeIndex = indicators.findIndex((ind) => ind === activeIndicator.parentElement);
-
-        indicators[activeIndex].children[0].tabIndex = '-1';
-        indicators[highlightedIndex].children[0].tabIndex = '0';
-    }
-
-    findFocusedIndicatorIndex() {
-        const indicators = [...DomHandler.find(this.itemsContainer.nativeElement, '[data-pc-section="thumbnailitem"]')];
-        const activeIndicator = DomHandler.findSingle(this.itemsContainer.nativeElement, '[data-pc-section="thumbnailitem"] > [tabindex="0"]');
-
-        return indicators.findIndex((ind) => ind === activeIndicator.parentElement);
-    }
-
-    changedFocusedIndicator(prevInd, nextInd) {
-        const indicators = DomHandler.find(this.itemsContainer.nativeElement, '[data-pc-section="thumbnailitem"]');
-
-        indicators[prevInd].children[0].tabIndex = '-1';
-        indicators[nextInd].children[0].tabIndex = '0';
-        indicators[nextInd].children[0].focus();
-    }
-
-    step(dir: number) {
-        let totalShiftedItems = this.totalShiftedItems + dir;
-
-        if (dir < 0 && -1 * totalShiftedItems + this.d_numVisible > (<any[]>this.value).length - 1) {
-            totalShiftedItems = this.d_numVisible - (<any[]>this.value).length;
-        } else if (dir > 0 && totalShiftedItems > 0) {
-            totalShiftedItems = 0;
-        }
-
-        if (this.circular) {
-            if (dir < 0 && (<any[]>this.value).length - 1 === this._activeIndex) {
-                totalShiftedItems = 0;
-            } else if (dir > 0 && this._activeIndex === 0) {
-                totalShiftedItems = this.d_numVisible - (<any[]>this.value).length;
-            }
-        }
-
-        if (this.itemsContainer) {
-            DomHandler.removeClass(this.itemsContainer.nativeElement, 'p-items-hidden');
-            this.itemsContainer.nativeElement.style.transform = this.isVertical ? `translate3d(0, ${totalShiftedItems * (100 / this.d_numVisible)}%, 0)` : `translate3d(${totalShiftedItems * (100 / this.d_numVisible)}%, 0, 0)`;
-            this.itemsContainer.nativeElement.style.transition = 'transform 500ms ease 0s';
-        }
-
-        this.totalShiftedItems = totalShiftedItems;
-    }
-
-    stopTheSlideShow() {
-        if (this.slideShowActive && this.stopSlideShow) {
-            this.stopSlideShow.emit();
-        }
-    }
-
-    changePageOnTouch(e: TouchEvent, diff: number) {
-        if (diff < 0) {
-            // left
-            this.navForward(e);
-        } else {
-            // right
-            this.navBackward(e);
-        }
-    }
-
-    getTotalPageNumber() {
-        return (<any[]>this.value).length > this.d_numVisible ? (<any[]>this.value).length - this.d_numVisible + 1 : 0;
-    }
-
-    getMedianItemIndex() {
-        let index = Math.floor(this.d_numVisible / 2);
-
-        return this.d_numVisible % 2 ? index : index - 1;
-    }
-
-    onTransitionEnd() {
-        if (this.itemsContainer && this.itemsContainer.nativeElement) {
-            DomHandler.addClass(this.itemsContainer.nativeElement, 'p-items-hidden');
-            this.itemsContainer.nativeElement.style.transition = '';
-        }
-    }
-
-    onTouchEnd(e: TouchEvent) {
-        let touchobj = e.changedTouches[0];
-
-        if (this.isVertical) {
-            this.changePageOnTouch(e, touchobj.pageY - (<{ x: number; y: number }>this.startPos).y);
-        } else {
-            this.changePageOnTouch(e, touchobj.pageX - (<{ x: number; y: number }>this.startPos).x);
-        }
-    }
-
-    onTouchMove(e: TouchEvent) {
-        if (e.cancelable) {
-            e.preventDefault();
-        }
-    }
-
-    onTouchStart(e: TouchEvent) {
-        let touchobj = e.changedTouches[0];
-
-        this.startPos = {
-            x: touchobj.pageX,
-            y: touchobj.pageY
-        };
-    }
-
-    isNavBackwardDisabled() {
-        return (!this.circular && this._activeIndex === 0) || (<any[]>this.value).length <= this.d_numVisible;
-    }
-
-    isNavForwardDisabled() {
-        return (!this.circular && this._activeIndex === (<any[]>this.value).length - 1) || (<any[]>this.value).length <= this.d_numVisible;
-    }
-
-    firstItemAciveIndex() {
-        return this.totalShiftedItems * -1;
-    }
-
-    lastItemActiveIndex() {
-        return this.firstItemAciveIndex() + this.d_numVisible - 1;
-    }
-
-    isItemActive(index: number) {
-        return this.firstItemAciveIndex() <= index && this.lastItemActiveIndex() >= index;
-    }
-
-    bindDocumentListeners() {
-        if (isPlatformBrowser(this.platformId)) {
-            const window = this.document.defaultView || 'window';
-            this.documentResizeListener = this.renderer.listen(window, 'resize', () => {
-                this.calculatePosition();
-            });
-        }
-    }
-
-    unbindDocumentListeners() {
-        if (this.documentResizeListener) {
-            this.documentResizeListener();
-            this.documentResizeListener = null;
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.responsiveOptions) {
-            this.unbindDocumentListeners();
-        }
-
-        if (this.thumbnailsStyle) {
-            this.thumbnailsStyle.parentNode?.removeChild(this.thumbnailsStyle);
-        }
-    }
-
-    ariaPrevButtonLabel() {
-        return this.galleria.config.translation.aria ? this.galleria.config.translation.aria.prevPageLabel : undefined;
-    }
-
-    ariaNextButtonLabel() {
-        return this.galleria.config.translation.aria ? this.galleria.config.translation.aria.nextPageLabel : undefined;
-    }
-
-    ariaPageLabel(value) {
-        return this.galleria.config.translation.aria ? this.galleria.config.translation.aria.pageLabel.replace(/{page}/g, value) : undefined;
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, RippleModule, TimesIcon, ChevronRightIcon, ChevronLeftIcon, WindowMaximizeIcon, WindowMinimizeIcon, FocusTrapModule],
-    exports: [CommonModule, Galleria, GalleriaContent, GalleriaItemSlot, GalleriaItem, GalleriaThumbnails, SharedModule],
-    declarations: [Galleria, GalleriaContent, GalleriaItemSlot, GalleriaItem, GalleriaThumbnails]
-})
-export class GalleriaModule {}
diff --git a/src/app/components/galleria/ng-package.json b/src/app/components/galleria/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/galleria/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/galleria/public_api.ts b/src/app/components/galleria/public_api.ts
deleted file mode 100644
index 3bebb60..0000000
--- a/src/app/components/galleria/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './galleria';
-export * from './galleria.interface';
diff --git a/src/app/components/iconfield/iconfield.css b/src/app/components/iconfield/iconfield.css
deleted file mode 100644
index 7efe09a..0000000
--- a/src/app/components/iconfield/iconfield.css
+++ /dev/null
@@ -1,5 +0,0 @@
-@layer primeng {
-    .p-icon-field {
-        position: relative;
-    }    
-}
\ No newline at end of file
diff --git a/src/app/components/iconfield/iconfield.ts b/src/app/components/iconfield/iconfield.ts
deleted file mode 100644
index 44ce8e9..0000000
--- a/src/app/components/iconfield/iconfield.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input, NgModule, ViewEncapsulation } from '@angular/core';
-
-import { SharedModule } from 'primeng/api';
-
-/**
- * IconField wraps an input and an icon.
- * @group Components
- */
-@Component({
-    selector: 'p-iconField',
-    template: ` <span class="p-icon-field" [ngClass]="containerClass"><ng-content></ng-content> </span>`,
-    styleUrl: './iconfield.css',
-    encapsulation: ViewEncapsulation.None,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class IconField {
-    /**
-     * Position of the icon.
-     * @group Props
-     */
-    @Input() iconPosition: 'right' | 'left' = 'left';
-
-    get containerClass() {
-        return {
-            'p-icon-field-left': this.iconPosition === 'left',
-            'p-icon-field-right': this.iconPosition === 'right'
-        };
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [IconField, SharedModule],
-    declarations: [IconField]
-})
-export class IconFieldModule {}
diff --git a/src/app/components/iconfield/ng-package.json b/src/app/components/iconfield/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/iconfield/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/iconfield/public_api.ts b/src/app/components/iconfield/public_api.ts
deleted file mode 100644
index ae79cc7..0000000
--- a/src/app/components/iconfield/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './iconfield';
diff --git a/src/app/components/icons/angledoubledown/angledoubledown.ts b/src/app/components/icons/angledoubledown/angledoubledown.ts
deleted file mode 100644
index c3e0af6..0000000
--- a/src/app/components/icons/angledoubledown/angledoubledown.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'AngleDoubleDownIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M6.70786 6.59831C6.80043 6.63674 6.89974 6.65629 6.99997 6.65581C7.19621 6.64081 7.37877 6.54953 7.50853 6.40153L11.0685 2.8416C11.1364 2.69925 11.1586 2.53932 11.132 2.38384C11.1053 2.22837 11.0311 2.08498 10.9195 1.97343C10.808 1.86188 10.6646 1.78766 10.5091 1.76099C10.3536 1.73431 10.1937 1.75649 10.0513 1.82448L6.99997 4.87585L3.9486 1.82448C3.80625 1.75649 3.64632 1.73431 3.49084 1.76099C3.33536 1.78766 3.19197 1.86188 3.08043 1.97343C2.96888 2.08498 2.89466 2.22837 2.86798 2.38384C2.84131 2.53932 2.86349 2.69925 2.93147 2.8416L6.46089 6.43205C6.53132 6.50336 6.61528 6.55989 6.70786 6.59831ZM6.70786 12.1925C6.80043 12.2309 6.89974 12.2505 6.99997 12.25C7.10241 12.2465 7.20306 12.2222 7.29575 12.1785C7.38845 12.1348 7.47124 12.0726 7.53905 11.9957L11.0685 8.46629C11.1614 8.32292 11.2036 8.15249 11.1881 7.98233C11.1727 7.81216 11.1005 7.6521 10.9833 7.52781C10.866 7.40353 10.7104 7.3222 10.5415 7.29688C10.3725 7.27155 10.1999 7.30369 10.0513 7.38814L6.99997 10.4395L3.9486 7.38814C3.80006 7.30369 3.62747 7.27155 3.45849 7.29688C3.28951 7.3222 3.13393 7.40353 3.01667 7.52781C2.89942 7.6521 2.82729 7.81216 2.81184 7.98233C2.79639 8.15249 2.83852 8.32292 2.93148 8.46629L6.4609 12.0262C6.53133 12.0975 6.61529 12.1541 6.70786 12.1925Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class AngleDoubleDownIcon extends BaseIcon {}
diff --git a/src/app/components/icons/angledoubledown/ng-package.json b/src/app/components/icons/angledoubledown/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/angledoubledown/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/angledoubledown/public_api.ts b/src/app/components/icons/angledoubledown/public_api.ts
deleted file mode 100644
index e3dc9f9..0000000
--- a/src/app/components/icons/angledoubledown/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './angledoubledown';
diff --git a/src/app/components/icons/angledoubleleft/angledoubleleft.ts b/src/app/components/icons/angledoubleleft/angledoubleleft.ts
deleted file mode 100644
index 993a420..0000000
--- a/src/app/components/icons/angledoubleleft/angledoubleleft.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'AngleDoubleLeftIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M5.71602 11.164C5.80782 11.2021 5.9063 11.2215 6.00569 11.221C6.20216 11.2301 6.39427 11.1612 6.54025 11.0294C6.68191 10.8875 6.76148 10.6953 6.76148 10.4948C6.76148 10.2943 6.68191 10.1021 6.54025 9.96024L3.51441 6.9344L6.54025 3.90855C6.624 3.76126 6.65587 3.59011 6.63076 3.42254C6.60564 3.25498 6.525 3.10069 6.40175 2.98442C6.2785 2.86815 6.11978 2.79662 5.95104 2.7813C5.78229 2.76598 5.61329 2.80776 5.47112 2.89994L1.97123 6.39983C1.82957 6.54167 1.75 6.73393 1.75 6.9344C1.75 7.13486 1.82957 7.32712 1.97123 7.46896L5.47112 10.9991C5.54096 11.0698 5.62422 11.1259 5.71602 11.164ZM11.0488 10.9689C11.1775 11.1156 11.3585 11.2061 11.5531 11.221C11.7477 11.2061 11.9288 11.1156 12.0574 10.9689C12.1815 10.8302 12.25 10.6506 12.25 10.4645C12.25 10.2785 12.1815 10.0989 12.0574 9.96024L9.03158 6.93439L12.0574 3.90855C12.1248 3.76739 12.1468 3.60881 12.1204 3.45463C12.0939 3.30045 12.0203 3.15826 11.9097 3.04765C11.7991 2.93703 11.6569 2.86343 11.5027 2.83698C11.3486 2.81053 11.19 2.83252 11.0488 2.89994L7.51865 6.36957C7.37699 6.51141 7.29742 6.70367 7.29742 6.90414C7.29742 7.1046 7.37699 7.29686 7.51865 7.4387L11.0488 10.9689Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class AngleDoubleLeftIcon extends BaseIcon {}
diff --git a/src/app/components/icons/angledoubleleft/ng-package.json b/src/app/components/icons/angledoubleleft/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/angledoubleleft/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/angledoubleleft/public_api.ts b/src/app/components/icons/angledoubleleft/public_api.ts
deleted file mode 100644
index fd4e2c9..0000000
--- a/src/app/components/icons/angledoubleleft/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './angledoubleleft';
diff --git a/src/app/components/icons/angledoubleright/angledoubleright.ts b/src/app/components/icons/angledoubleright/angledoubleright.ts
deleted file mode 100644
index a17787b..0000000
--- a/src/app/components/icons/angledoubleright/angledoubleright.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'AngleDoubleRightIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M7.68757 11.1451C7.7791 11.1831 7.8773 11.2024 7.9764 11.2019C8.07769 11.1985 8.17721 11.1745 8.26886 11.1312C8.36052 11.088 8.44238 11.0265 8.50943 10.9505L12.0294 7.49085C12.1707 7.34942 12.25 7.15771 12.25 6.95782C12.25 6.75794 12.1707 6.56622 12.0294 6.42479L8.50943 2.90479C8.37014 2.82159 8.20774 2.78551 8.04633 2.80192C7.88491 2.81833 7.73309 2.88635 7.6134 2.99588C7.4937 3.10541 7.41252 3.25061 7.38189 3.40994C7.35126 3.56927 7.37282 3.73423 7.44337 3.88033L10.4605 6.89748L7.44337 9.91463C7.30212 10.0561 7.22278 10.2478 7.22278 10.4477C7.22278 10.6475 7.30212 10.8393 7.44337 10.9807C7.51301 11.0512 7.59603 11.1071 7.68757 11.1451ZM1.94207 10.9505C2.07037 11.0968 2.25089 11.1871 2.44493 11.2019C2.63898 11.1871 2.81949 11.0968 2.94779 10.9505L6.46779 7.49085C6.60905 7.34942 6.68839 7.15771 6.68839 6.95782C6.68839 6.75793 6.60905 6.56622 6.46779 6.42479L2.94779 2.90479C2.80704 2.83757 2.6489 2.81563 2.49517 2.84201C2.34143 2.86839 2.19965 2.94178 2.08936 3.05207C1.97906 3.16237 1.90567 3.30415 1.8793 3.45788C1.85292 3.61162 1.87485 3.76975 1.94207 3.9105L4.95922 6.92765L1.94207 9.9448C1.81838 10.0831 1.75 10.2621 1.75 10.4477C1.75 10.6332 1.81838 10.8122 1.94207 10.9505Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class AngleDoubleRightIcon extends BaseIcon {}
diff --git a/src/app/components/icons/angledoubleright/ng-package.json b/src/app/components/icons/angledoubleright/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/angledoubleright/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/angledoubleright/public_api.ts b/src/app/components/icons/angledoubleright/public_api.ts
deleted file mode 100644
index 9bc0cfb..0000000
--- a/src/app/components/icons/angledoubleright/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './angledoubleright';
diff --git a/src/app/components/icons/angledoubleup/angledoubleup.ts b/src/app/components/icons/angledoubleup/angledoubleup.ts
deleted file mode 100644
index 5152707..0000000
--- a/src/app/components/icons/angledoubleup/angledoubleup.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'AngleDoubleUpIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M10.1504 6.67719C10.2417 6.71508 10.3396 6.73436 10.4385 6.73389C10.6338 6.74289 10.8249 6.67441 10.97 6.54334C11.1109 6.4023 11.19 6.21112 11.19 6.01178C11.19 5.81245 11.1109 5.62127 10.97 5.48023L7.45977 1.96998C7.31873 1.82912 7.12755 1.75 6.92821 1.75C6.72888 1.75 6.5377 1.82912 6.39666 1.96998L2.9165 5.45014C2.83353 5.58905 2.79755 5.751 2.81392 5.91196C2.83028 6.07293 2.89811 6.22433 3.00734 6.34369C3.11656 6.46306 3.26137 6.54402 3.42025 6.57456C3.57914 6.60511 3.74364 6.5836 3.88934 6.51325L6.89813 3.50446L9.90691 6.51325C9.97636 6.58357 10.0592 6.6393 10.1504 6.67719ZM9.93702 11.9993C10.065 12.1452 10.245 12.2352 10.4385 12.25C10.632 12.2352 10.812 12.1452 10.9399 11.9993C11.0633 11.8614 11.1315 11.6828 11.1315 11.4978C11.1315 11.3128 11.0633 11.1342 10.9399 10.9963L7.48987 7.48609C7.34883 7.34523 7.15765 7.26611 6.95832 7.26611C6.75899 7.26611 6.5678 7.34523 6.42677 7.48609L2.91652 10.9963C2.84948 11.1367 2.82761 11.2944 2.85391 11.4477C2.88022 11.601 2.9534 11.7424 3.06339 11.8524C3.17338 11.9624 3.31477 12.0356 3.46808 12.0619C3.62139 12.0882 3.77908 12.0663 3.91945 11.9993L6.92823 8.99048L9.93702 11.9993Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class AngleDoubleUpIcon extends BaseIcon {}
diff --git a/src/app/components/icons/angledoubleup/ng-package.json b/src/app/components/icons/angledoubleup/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/angledoubleup/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/angledoubleup/public_api.ts b/src/app/components/icons/angledoubleup/public_api.ts
deleted file mode 100644
index 600fc7d..0000000
--- a/src/app/components/icons/angledoubleup/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './angledoubleup';
diff --git a/src/app/components/icons/angledown/angledown.ts b/src/app/components/icons/angledown/angledown.ts
deleted file mode 100644
index f0f16ff..0000000
--- a/src/app/components/icons/angledown/angledown.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'AngleDownIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                d="M3.58659 4.5007C3.68513 4.50023 3.78277 4.51945 3.87379 4.55723C3.9648 4.59501 4.04735 4.65058 4.11659 4.7207L7.11659 7.7207L10.1166 4.7207C10.2619 4.65055 10.4259 4.62911 10.5843 4.65956C10.7427 4.69002 10.8871 4.77074 10.996 4.88976C11.1049 5.00877 11.1726 5.15973 11.1889 5.32022C11.2052 5.48072 11.1693 5.6422 11.0866 5.7807L7.58659 9.2807C7.44597 9.42115 7.25534 9.50004 7.05659 9.50004C6.85784 9.50004 6.66722 9.42115 6.52659 9.2807L3.02659 5.7807C2.88614 5.64007 2.80725 5.44945 2.80725 5.2507C2.80725 5.05195 2.88614 4.86132 3.02659 4.7207C3.09932 4.64685 3.18675 4.58911 3.28322 4.55121C3.37969 4.51331 3.48305 4.4961 3.58659 4.5007Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class AngleDownIcon extends BaseIcon {}
diff --git a/src/app/components/icons/angledown/ng-package.json b/src/app/components/icons/angledown/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/angledown/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/angledown/public_api.ts b/src/app/components/icons/angledown/public_api.ts
deleted file mode 100644
index 48d17a6..0000000
--- a/src/app/components/icons/angledown/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './angledown';
diff --git a/src/app/components/icons/angleleft/angleleft.ts b/src/app/components/icons/angleleft/angleleft.ts
deleted file mode 100644
index c5461da..0000000
--- a/src/app/components/icons/angleleft/angleleft.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'AngleLeftIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                d="M8.75 11.185C8.65146 11.1854 8.55381 11.1662 8.4628 11.1284C8.37179 11.0906 8.28924 11.0351 8.22 10.965L4.72 7.46496C4.57955 7.32433 4.50066 7.13371 4.50066 6.93496C4.50066 6.73621 4.57955 6.54558 4.72 6.40496L8.22 2.93496C8.36095 2.84357 8.52851 2.80215 8.69582 2.81733C8.86312 2.83252 9.02048 2.90344 9.14268 3.01872C9.26487 3.134 9.34483 3.28696 9.36973 3.4531C9.39463 3.61924 9.36303 3.78892 9.28 3.93496L6.28 6.93496L9.28 9.93496C9.42045 10.0756 9.49934 10.2662 9.49934 10.465C9.49934 10.6637 9.42045 10.8543 9.28 10.995C9.13526 11.1257 8.9448 11.1939 8.75 11.185Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class AngleLeftIcon extends BaseIcon {}
diff --git a/src/app/components/icons/angleleft/ng-package.json b/src/app/components/icons/angleleft/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/angleleft/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/angleleft/public_api.ts b/src/app/components/icons/angleleft/public_api.ts
deleted file mode 100644
index 6a50a32..0000000
--- a/src/app/components/icons/angleleft/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './angleleft';
diff --git a/src/app/components/icons/angleright/angleright.ts b/src/app/components/icons/angleright/angleright.ts
deleted file mode 100644
index 2747d7d..0000000
--- a/src/app/components/icons/angleright/angleright.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'AngleRightIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                d="M5.25 11.1728C5.14929 11.1694 5.05033 11.1455 4.9592 11.1025C4.86806 11.0595 4.78666 10.9984 4.72 10.9228C4.57955 10.7822 4.50066 10.5916 4.50066 10.3928C4.50066 10.1941 4.57955 10.0035 4.72 9.86283L7.72 6.86283L4.72 3.86283C4.66067 3.71882 4.64765 3.55991 4.68275 3.40816C4.71785 3.25642 4.79932 3.11936 4.91585 3.01602C5.03238 2.91268 5.17819 2.84819 5.33305 2.83149C5.4879 2.81479 5.64411 2.84671 5.78 2.92283L9.28 6.42283C9.42045 6.56346 9.49934 6.75408 9.49934 6.95283C9.49934 7.15158 9.42045 7.34221 9.28 7.48283L5.78 10.9228C5.71333 10.9984 5.63193 11.0595 5.5408 11.1025C5.44966 11.1455 5.35071 11.1694 5.25 11.1728Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class AngleRightIcon extends BaseIcon {}
diff --git a/src/app/components/icons/angleright/ng-package.json b/src/app/components/icons/angleright/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/angleright/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/angleright/public_api.ts b/src/app/components/icons/angleright/public_api.ts
deleted file mode 100644
index e288950..0000000
--- a/src/app/components/icons/angleright/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './angleright';
diff --git a/src/app/components/icons/angleup/angleup.ts b/src/app/components/icons/angleup/angleup.ts
deleted file mode 100644
index c4a0887..0000000
--- a/src/app/components/icons/angleup/angleup.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'AngleUpIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                d="M10.4134 9.49931C10.3148 9.49977 10.2172 9.48055 10.1262 9.44278C10.0352 9.405 9.95263 9.34942 9.88338 9.27931L6.88338 6.27931L3.88338 9.27931C3.73811 9.34946 3.57409 9.3709 3.41567 9.34044C3.25724 9.30999 3.11286 9.22926 3.00395 9.11025C2.89504 8.99124 2.82741 8.84028 2.8111 8.67978C2.79478 8.51928 2.83065 8.35781 2.91338 8.21931L6.41338 4.71931C6.55401 4.57886 6.74463 4.49997 6.94338 4.49997C7.14213 4.49997 7.33276 4.57886 7.47338 4.71931L10.9734 8.21931C11.1138 8.35994 11.1927 8.55056 11.1927 8.74931C11.1927 8.94806 11.1138 9.13868 10.9734 9.27931C10.9007 9.35315 10.8132 9.41089 10.7168 9.44879C10.6203 9.48669 10.5169 9.5039 10.4134 9.49931Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class AngleUpIcon extends BaseIcon {}
diff --git a/src/app/components/icons/angleup/ng-package.json b/src/app/components/icons/angleup/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/angleup/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/angleup/public_api.ts b/src/app/components/icons/angleup/public_api.ts
deleted file mode 100644
index 6b4d01a..0000000
--- a/src/app/components/icons/angleup/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './angleup';
diff --git a/src/app/components/icons/arrowdown/arrowdown.ts b/src/app/components/icons/arrowdown/arrowdown.ts
deleted file mode 100644
index 63822a6..0000000
--- a/src/app/components/icons/arrowdown/arrowdown.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'ArrowDownIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M6.99994 14C6.91097 14.0004 6.82281 13.983 6.74064 13.9489C6.65843 13.9148 6.58387 13.8646 6.52133 13.8013L1.10198 8.38193C0.982318 8.25351 0.917175 8.08367 0.920272 7.90817C0.923368 7.73267 0.994462 7.56523 1.11858 7.44111C1.24269 7.317 1.41014 7.2459 1.58563 7.2428C1.76113 7.23971 1.93098 7.30485 2.0594 7.42451L6.32263 11.6877V0.677419C6.32263 0.497756 6.394 0.325452 6.52104 0.198411C6.64808 0.0713706 6.82039 0 7.00005 0C7.17971 0 7.35202 0.0713706 7.47906 0.198411C7.6061 0.325452 7.67747 0.497756 7.67747 0.677419V11.6877L11.9407 7.42451C12.0691 7.30485 12.2389 7.23971 12.4144 7.2428C12.5899 7.2459 12.7574 7.317 12.8815 7.44111C13.0056 7.56523 13.0767 7.73267 13.0798 7.90817C13.0829 8.08367 13.0178 8.25351 12.8981 8.38193L7.47875 13.8013C7.41621 13.8646 7.34164 13.9148 7.25944 13.9489C7.17727 13.983 7.08912 14.0004 7.00015 14C7.00012 14 7.00009 14 7.00005 14C7.00001 14 6.99998 14 6.99994 14Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class ArrowDownIcon extends BaseIcon implements OnInit {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/arrowdown/ng-package.json b/src/app/components/icons/arrowdown/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/arrowdown/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/arrowdown/public_api.ts b/src/app/components/icons/arrowdown/public_api.ts
deleted file mode 100644
index 23d73f2..0000000
--- a/src/app/components/icons/arrowdown/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './arrowdown';
diff --git a/src/app/components/icons/arrowdownleft/arrowdownleft.ts b/src/app/components/icons/arrowdownleft/arrowdownleft.ts
deleted file mode 100644
index e844cb4..0000000
--- a/src/app/components/icons/arrowdownleft/arrowdownleft.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'ArrowDownLeftIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                d="M10.092 11.9564C10.2662 11.9564 10.4332 11.8875 10.5564 11.7649C10.6796 11.6422 10.7488 11.4759 10.7488 11.3025C10.7488 11.129 10.6796 10.9627 10.5564 10.84C10.4332 10.7174 10.2662 10.6485 10.092 10.6485H4.24193L11.7909 3.13239C11.8555 3.07252 11.9072 3.00033 11.9431 2.92011C11.979 2.83989 11.9983 2.7533 11.9999 2.66549C12.0015 2.57768 11.9852 2.49046 11.9522 2.40904C11.9192 2.32761 11.87 2.25364 11.8076 2.19154C11.7453 2.12944 11.671 2.08049 11.5892 2.0476C11.5074 2.01471 11.4198 1.99855 11.3316 2.0001C11.2434 2.00165 11.1564 2.02087 11.0759 2.05661C10.9953 2.09236 10.9228 2.14389 10.8626 2.20814L3.31363 9.72424V3.8997C3.31363 3.72626 3.24443 3.55992 3.12126 3.43728C2.99808 3.31464 2.83102 3.24574 2.65682 3.24574C2.48262 3.24574 2.31555 3.31464 2.19238 3.43728C2.0692 3.55992 2 3.72626 2 3.8997V11.346C2.00046 11.433 2.01832 11.5189 2.05255 11.5989C2.10343 11.7169 2.18762 11.8175 2.29489 11.8887C2.40217 11.9599 2.5279 11.9986 2.65682 12L10.092 11.9564Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class ArrowDownLeftIcon extends BaseIcon {}
diff --git a/src/app/components/icons/arrowdownleft/ng-package.json b/src/app/components/icons/arrowdownleft/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/arrowdownleft/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/arrowdownleft/public_api.ts b/src/app/components/icons/arrowdownleft/public_api.ts
deleted file mode 100644
index 52c6ff5..0000000
--- a/src/app/components/icons/arrowdownleft/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './arrowdownleft';
diff --git a/src/app/components/icons/arrowdownright/arrowdownright.ts b/src/app/components/icons/arrowdownright/arrowdownright.ts
deleted file mode 100644
index 754ab3b..0000000
--- a/src/app/components/icons/arrowdownright/arrowdownright.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'ArrowDownRightIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                d="M12 3.88141C12 3.70664 11.9306 3.53903 11.807 3.41545C11.6834 3.29187 11.5158 3.22244 11.341 3.22244C11.1662 3.22244 10.9986 3.29187 10.875 3.41545C10.7515 3.53903 10.682 3.70664 10.682 3.88141V9.75069L3.1082 2.17686C2.98328 2.06046 2.81806 1.99709 2.64734 2.0001C2.47662 2.00311 2.31373 2.07227 2.19299 2.19301C2.07226 2.31375 2.0031 2.47663 2.00009 2.64735C1.99708 2.81807 2.06045 2.9833 2.17685 3.10821L9.75068 10.682H3.8814C3.70663 10.682 3.53901 10.7515 3.41543 10.8751C3.29185 10.9986 3.22242 11.1663 3.22242 11.341C3.22242 11.5158 3.29185 11.6834 3.41543 11.807C3.53901 11.9306 3.70663 12 3.8814 12H11.3849C11.4725 11.9995 11.5592 11.9816 11.6397 11.9473C11.7439 11.8934 11.832 11.8131 11.8952 11.7144C11.9584 11.6157 11.9946 11.5021 12 11.385V3.88141Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class ArrowDownRightIcon extends BaseIcon {}
diff --git a/src/app/components/icons/arrowdownright/ng-package.json b/src/app/components/icons/arrowdownright/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/arrowdownright/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/arrowdownright/public_api.ts b/src/app/components/icons/arrowdownright/public_api.ts
deleted file mode 100644
index abaf609..0000000
--- a/src/app/components/icons/arrowdownright/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './arrowdownright';
diff --git a/src/app/components/icons/arrowleft/arrowleft.ts b/src/app/components/icons/arrowleft/arrowleft.ts
deleted file mode 100644
index 3e99736..0000000
--- a/src/app/components/icons/arrowleft/arrowleft.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'ArrowLeftIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M5.83743 13.0373C5.91964 13.0714 6.00783 13.0887 6.09683 13.0883C6.18584 13.0887 6.27403 13.0714 6.35623 13.0373C6.43844 13.0031 6.513 12.9529 6.57554 12.8896C6.7024 12.7626 6.77366 12.5904 6.77366 12.4109C6.77366 12.2314 6.7024 12.0592 6.57554 11.9322L2.31232 7.66896H13.3226C13.5022 7.66896 13.6745 7.59759 13.8016 7.47055C13.9286 7.34351 14 7.17121 14 6.99154C14 6.81188 13.9286 6.63958 13.8016 6.51254C13.6745 6.3855 13.5022 6.31413 13.3226 6.31413H2.31232L6.57554 2.0509C6.6952 1.92248 6.76035 1.75263 6.75725 1.57714C6.75415 1.40164 6.68306 1.23419 6.55894 1.11008C6.43483 0.985963 6.26738 0.914869 6.09189 0.911772C5.91639 0.908676 5.74654 0.973819 5.61812 1.09348L0.216461 6.49514C0.210349 6.50082 0.204331 6.50662 0.198411 6.51254C0.0713707 6.63958 0 6.81188 0 6.99154C0 7.17121 0.0713707 7.34351 0.198411 7.47055C0.20434 7.47648 0.210366 7.48229 0.216488 7.48797L5.61812 12.8896C5.68067 12.9529 5.75523 13.0031 5.83743 13.0373Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class ArrowLeftIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/arrowleft/ng-package.json b/src/app/components/icons/arrowleft/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/arrowleft/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/arrowleft/public_api.ts b/src/app/components/icons/arrowleft/public_api.ts
deleted file mode 100644
index 306124c..0000000
--- a/src/app/components/icons/arrowleft/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './arrowleft';
diff --git a/src/app/components/icons/arrowright/arrowright.ts b/src/app/components/icons/arrowright/arrowright.ts
deleted file mode 100644
index 2861588..0000000
--- a/src/app/components/icons/arrowright/arrowright.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'ArrowRightIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M7.64383 13.1256C7.72604 13.1597 7.81423 13.1771 7.90323 13.1767C7.99224 13.1771 8.08043 13.1597 8.16263 13.1256C8.24484 13.0915 8.3194 13.0413 8.38194 12.9779L13.7845 7.57541C13.7903 7.57001 13.796 7.5645 13.8016 7.55889C13.9286 7.43184 14 7.25954 14 7.07988C14 6.90021 13.9286 6.72791 13.8016 6.60087C13.796 6.59526 13.7903 6.58976 13.7845 6.58438L8.38194 1.18181C8.25353 1.06215 8.08368 0.997009 7.90818 1.00011C7.73268 1.0032 7.56524 1.0743 7.44112 1.19841C7.31701 1.32253 7.24591 1.48997 7.24282 1.66547C7.23972 1.84097 7.30486 2.01082 7.42452 2.13923L11.6878 6.40246H0.677419C0.497757 6.40246 0.325452 6.47383 0.198411 6.60087C0.0713707 6.72791 0 6.90021 0 7.07988C0 7.25954 0.0713707 7.43184 0.198411 7.55889C0.325452 7.68593 0.497757 7.7573 0.677419 7.7573H11.6877L7.42452 12.0205C7.29767 12.1475 7.22641 12.3197 7.22641 12.4992C7.22641 12.6787 7.29767 12.8509 7.42452 12.9779C7.48707 13.0413 7.56163 13.0915 7.64383 13.1256Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class ArrowRightIcon extends BaseIcon {}
diff --git a/src/app/components/icons/arrowright/ng-package.json b/src/app/components/icons/arrowright/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/arrowright/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/arrowright/public_api.ts b/src/app/components/icons/arrowright/public_api.ts
deleted file mode 100644
index 0805ab6..0000000
--- a/src/app/components/icons/arrowright/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './arrowright';
diff --git a/src/app/components/icons/arrowup/arrowup.ts b/src/app/components/icons/arrowup/arrowup.ts
deleted file mode 100644
index 3a817c4..0000000
--- a/src/app/components/icons/arrowup/arrowup.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'ArrowUpIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M6.51551 13.799C6.64205 13.9255 6.813 13.9977 6.99193 14C7.17087 13.9977 7.34182 13.9255 7.46835 13.799C7.59489 13.6725 7.66701 13.5015 7.66935 13.3226V2.31233L11.9326 6.57554C11.9951 6.63887 12.0697 6.68907 12.1519 6.72319C12.2341 6.75731 12.3223 6.77467 12.4113 6.77425C12.5003 6.77467 12.5885 6.75731 12.6707 6.72319C12.7529 6.68907 12.8274 6.63887 12.89 6.57554C13.0168 6.44853 13.0881 6.27635 13.0881 6.09683C13.0881 5.91732 13.0168 5.74514 12.89 5.61812L7.48846 0.216594C7.48274 0.210436 7.4769 0.204374 7.47094 0.198411C7.3439 0.0713707 7.1716 0 6.99193 0C6.81227 0 6.63997 0.0713707 6.51293 0.198411C6.50704 0.204296 6.50128 0.210278 6.49563 0.216354L1.09386 5.61812C0.974201 5.74654 0.909057 5.91639 0.912154 6.09189C0.91525 6.26738 0.986345 6.43483 1.11046 6.55894C1.23457 6.68306 1.40202 6.75415 1.57752 6.75725C1.75302 6.76035 1.92286 6.6952 2.05128 6.57554L6.31451 2.31231V13.3226C6.31685 13.5015 6.38898 13.6725 6.51551 13.799Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class ArrowUpIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/arrowup/ng-package.json b/src/app/components/icons/arrowup/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/arrowup/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/arrowup/public_api.ts b/src/app/components/icons/arrowup/public_api.ts
deleted file mode 100644
index c166f14..0000000
--- a/src/app/components/icons/arrowup/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './arrowup';
diff --git a/src/app/components/icons/ban/ban.ts b/src/app/components/icons/ban/ban.ts
deleted file mode 100644
index be8d028..0000000
--- a/src/app/components/icons/ban/ban.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'BanIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    d="M7 0C5.61553 0 4.26215 0.410543 3.11101 1.17971C1.95987 1.94888 1.06266 3.04213 0.532846 4.32122C0.00303296 5.6003 -0.13559 7.00776 0.134506 8.36563C0.404603 9.7235 1.07129 10.9708 2.05026 11.9497C3.02922 12.9287 4.2765 13.5954 5.63437 13.8655C6.99224 14.1356 8.3997 13.997 9.67879 13.4672C10.9579 12.9373 12.0511 12.0401 12.8203 10.889C13.5895 9.73785 14 8.38447 14 7C14 5.14348 13.2625 3.36301 11.9497 2.05025C10.637 0.737498 8.85652 0 7 0ZM1.16667 7C1.16549 5.65478 1.63303 4.35118 2.48889 3.31333L10.6867 11.5111C9.83309 12.2112 8.79816 12.6544 7.70243 12.789C6.60669 12.9236 5.49527 12.744 4.49764 12.2713C3.50001 11.7986 2.65724 11.0521 2.06751 10.1188C1.47778 9.18558 1.16537 8.10397 1.16667 7ZM11.5111 10.6867L3.31334 2.48889C4.43144 1.57388 5.84966 1.10701 7.29265 1.1789C8.73565 1.2508 10.1004 1.85633 11.1221 2.87795C12.1437 3.89956 12.7492 5.26435 12.8211 6.70735C12.893 8.15034 12.4261 9.56856 11.5111 10.6867Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class BanIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/ban/ng-package.json b/src/app/components/icons/ban/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/ban/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/ban/public_api.ts b/src/app/components/icons/ban/public_api.ts
deleted file mode 100644
index c0cf821..0000000
--- a/src/app/components/icons/ban/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './ban';
diff --git a/src/app/components/icons/bars/bars.ts b/src/app/components/icons/bars/bars.ts
deleted file mode 100644
index aed4d38..0000000
--- a/src/app/components/icons/bars/bars.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'BarsIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M13.3226 3.6129H0.677419C0.497757 3.6129 0.325452 3.54152 0.198411 3.41448C0.0713707 3.28744 0 3.11514 0 2.93548C0 2.75581 0.0713707 2.58351 0.198411 2.45647C0.325452 2.32943 0.497757 2.25806 0.677419 2.25806H13.3226C13.5022 2.25806 13.6745 2.32943 13.8016 2.45647C13.9286 2.58351 14 2.75581 14 2.93548C14 3.11514 13.9286 3.28744 13.8016 3.41448C13.6745 3.54152 13.5022 3.6129 13.3226 3.6129ZM13.3226 7.67741H0.677419C0.497757 7.67741 0.325452 7.60604 0.198411 7.479C0.0713707 7.35196 0 7.17965 0 6.99999C0 6.82033 0.0713707 6.64802 0.198411 6.52098C0.325452 6.39394 0.497757 6.32257 0.677419 6.32257H13.3226C13.5022 6.32257 13.6745 6.39394 13.8016 6.52098C13.9286 6.64802 14 6.82033 14 6.99999C14 7.17965 13.9286 7.35196 13.8016 7.479C13.6745 7.60604 13.5022 7.67741 13.3226 7.67741ZM0.677419 11.7419H13.3226C13.5022 11.7419 13.6745 11.6706 13.8016 11.5435C13.9286 11.4165 14 11.2442 14 11.0645C14 10.8848 13.9286 10.7125 13.8016 10.5855C13.6745 10.4585 13.5022 10.3871 13.3226 10.3871H0.677419C0.497757 10.3871 0.325452 10.4585 0.198411 10.5855C0.0713707 10.7125 0 10.8848 0 11.0645C0 11.2442 0.0713707 11.4165 0.198411 11.5435C0.325452 11.6706 0.497757 11.7419 0.677419 11.7419Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class BarsIcon extends BaseIcon {}
diff --git a/src/app/components/icons/bars/ng-package.json b/src/app/components/icons/bars/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/bars/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/bars/public_api.ts b/src/app/components/icons/bars/public_api.ts
deleted file mode 100644
index eb8cf94..0000000
--- a/src/app/components/icons/bars/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './bars';
diff --git a/src/app/components/icons/blank/blank.ts b/src/app/components/icons/blank/blank.ts
deleted file mode 100644
index 4e323db..0000000
--- a/src/app/components/icons/blank/blank.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'BlankIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="pti()">
-            <rect width="1" height="1" fill="currentColor" fill-opacity="0" />
-        </svg>
-    `
-})
-export class BlankIcon extends BaseIcon {}
diff --git a/src/app/components/icons/blank/ng-package.json b/src/app/components/icons/blank/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/blank/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/blank/public_api.ts b/src/app/components/icons/blank/public_api.ts
deleted file mode 100644
index 929df59..0000000
--- a/src/app/components/icons/blank/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './blank';
diff --git a/src/app/components/icons/calendar/calendar.ts b/src/app/components/icons/calendar/calendar.ts
deleted file mode 100644
index 93e5749..0000000
--- a/src/app/components/icons/calendar/calendar.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'CalendarIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                d="M10.7838 1.51351H9.83783V0.567568C9.83783 0.417039 9.77804 0.272676 9.6716 0.166237C9.56516 0.0597971 9.42079 0 9.27027 0C9.11974 0 8.97538 0.0597971 8.86894 0.166237C8.7625 0.272676 8.7027 0.417039 8.7027 0.567568V1.51351H5.29729V0.567568C5.29729 0.417039 5.2375 0.272676 5.13106 0.166237C5.02462 0.0597971 4.88025 0 4.72973 0C4.5792 0 4.43484 0.0597971 4.3284 0.166237C4.22196 0.272676 4.16216 0.417039 4.16216 0.567568V1.51351H3.21621C2.66428 1.51351 2.13494 1.73277 1.74467 2.12305C1.35439 2.51333 1.13513 3.04266 1.13513 3.59459V11.9189C1.13513 12.4709 1.35439 13.0002 1.74467 13.3905C2.13494 13.7807 2.66428 14 3.21621 14H10.7838C11.3357 14 11.865 13.7807 12.2553 13.3905C12.6456 13.0002 12.8649 12.4709 12.8649 11.9189V3.59459C12.8649 3.04266 12.6456 2.51333 12.2553 2.12305C11.865 1.73277 11.3357 1.51351 10.7838 1.51351ZM3.21621 2.64865H4.16216V3.59459C4.16216 3.74512 4.22196 3.88949 4.3284 3.99593C4.43484 4.10237 4.5792 4.16216 4.72973 4.16216C4.88025 4.16216 5.02462 4.10237 5.13106 3.99593C5.2375 3.88949 5.29729 3.74512 5.29729 3.59459V2.64865H8.7027V3.59459C8.7027 3.74512 8.7625 3.88949 8.86894 3.99593C8.97538 4.10237 9.11974 4.16216 9.27027 4.16216C9.42079 4.16216 9.56516 4.10237 9.6716 3.99593C9.77804 3.88949 9.83783 3.74512 9.83783 3.59459V2.64865H10.7838C11.0347 2.64865 11.2753 2.74831 11.4527 2.92571C11.6301 3.10311 11.7297 3.34371 11.7297 3.59459V5.67568H2.27027V3.59459C2.27027 3.34371 2.36993 3.10311 2.54733 2.92571C2.72473 2.74831 2.96533 2.64865 3.21621 2.64865ZM10.7838 12.8649H3.21621C2.96533 12.8649 2.72473 12.7652 2.54733 12.5878C2.36993 12.4104 2.27027 12.1698 2.27027 11.9189V6.81081H11.7297V11.9189C11.7297 12.1698 11.6301 12.4104 11.4527 12.5878C11.2753 12.7652 11.0347 12.8649 10.7838 12.8649Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class CalendarIcon extends BaseIcon {}
diff --git a/src/app/components/icons/calendar/ng-package.json b/src/app/components/icons/calendar/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/calendar/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/calendar/public_api.ts b/src/app/components/icons/calendar/public_api.ts
deleted file mode 100644
index edaf8f0..0000000
--- a/src/app/components/icons/calendar/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './calendar';
diff --git a/src/app/components/icons/caretleft/caretleft.ts b/src/app/components/icons/caretleft/caretleft.ts
deleted file mode 100644
index 6b6e659..0000000
--- a/src/app/components/icons/caretleft/caretleft.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'CaretLeftIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                d="M10.5553 13C10.411 13.0006 10.2704 12.9538 10.1554 12.8667L3.04473 7.53369C2.96193 7.4716 2.89474 7.39108 2.84845 7.29852C2.80217 7.20595 2.77808 7.10388 2.77808 7.00039C2.77808 6.8969 2.80217 6.79484 2.84845 6.70227C2.89474 6.60971 2.96193 6.52919 3.04473 6.4671L10.1554 1.13412C10.2549 1.05916 10.3734 1.0136 10.4976 1.0026C10.6217 0.991605 10.7464 1.01561 10.8575 1.0719C10.9668 1.12856 11.0584 1.21398 11.1226 1.31893C11.1869 1.42388 11.2212 1.54438 11.222 1.66742V12.3334C11.2212 12.4564 11.1869 12.5769 11.1226 12.6819C11.0584 12.7868 10.9668 12.8722 10.8575 12.9289C10.7629 12.9735 10.6599 12.9977 10.5553 13ZM4.55574 7.00039L9.88871 11.0001V3.00066L4.55574 7.00039Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class CaretLeftIcon extends BaseIcon {}
diff --git a/src/app/components/icons/caretleft/ng-package.json b/src/app/components/icons/caretleft/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/caretleft/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/caretleft/public_api.ts b/src/app/components/icons/caretleft/public_api.ts
deleted file mode 100644
index b6ed081..0000000
--- a/src/app/components/icons/caretleft/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './caretleft';
diff --git a/src/app/components/icons/caretright/caretright.ts b/src/app/components/icons/caretright/caretright.ts
deleted file mode 100644
index dac1d6a..0000000
--- a/src/app/components/icons/caretright/caretright.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'CaretRightIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                d="M3.44433 13C3.34244 12.9987 3.24216 12.9744 3.15099 12.9289C3.03947 12.8742 2.94542 12.7895 2.87945 12.6843C2.81349 12.5791 2.77823 12.4575 2.77765 12.3333V1.66633C2.77823 1.54214 2.81349 1.42057 2.87945 1.31534C2.94542 1.21011 3.03947 1.1254 3.15099 1.07076C3.26082 1.01524 3.38401 0.991634 3.50658 1.00263C3.62914 1.01363 3.74617 1.05879 3.84435 1.13298L10.9557 6.46647C11.0385 6.52857 11.1057 6.6091 11.152 6.70167C11.1982 6.79424 11.2223 6.89632 11.2223 6.99982C11.2223 7.10332 11.1982 7.2054 11.152 7.29797C11.1057 7.39054 11.0385 7.47107 10.9557 7.53317L3.84435 12.8667C3.72925 12.9538 3.58869 13.0006 3.44433 13ZM4.11102 2.9997V10.9999L9.44451 6.99982L4.11102 2.9997Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class CaretRightIcon extends BaseIcon {}
diff --git a/src/app/components/icons/caretright/ng-package.json b/src/app/components/icons/caretright/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/caretright/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/caretright/public_api.ts b/src/app/components/icons/caretright/public_api.ts
deleted file mode 100644
index 08a2ad6..0000000
--- a/src/app/components/icons/caretright/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './caretright';
diff --git a/src/app/components/icons/check/check.ts b/src/app/components/icons/check/check.ts
deleted file mode 100644
index 6b89e7e..0000000
--- a/src/app/components/icons/check/check.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'CheckIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                d="M4.86199 11.5948C4.78717 11.5923 4.71366 11.5745 4.64596 11.5426C4.57826 11.5107 4.51779 11.4652 4.46827 11.4091L0.753985 7.69483C0.683167 7.64891 0.623706 7.58751 0.580092 7.51525C0.536478 7.44299 0.509851 7.36177 0.502221 7.27771C0.49459 7.19366 0.506156 7.10897 0.536046 7.03004C0.565935 6.95111 0.613367 6.88 0.674759 6.82208C0.736151 6.76416 0.8099 6.72095 0.890436 6.69571C0.970973 6.67046 1.05619 6.66385 1.13966 6.67635C1.22313 6.68886 1.30266 6.72017 1.37226 6.76792C1.44186 6.81567 1.4997 6.8786 1.54141 6.95197L4.86199 10.2503L12.6397 2.49483C12.7444 2.42694 12.8689 2.39617 12.9932 2.40745C13.1174 2.41873 13.2343 2.47141 13.3251 2.55705C13.4159 2.64268 13.4753 2.75632 13.4938 2.87973C13.5123 3.00315 13.4888 3.1292 13.4271 3.23768L5.2557 11.4091C5.20618 11.4652 5.14571 11.5107 5.07801 11.5426C5.01031 11.5745 4.9368 11.5923 4.86199 11.5948Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class CheckIcon extends BaseIcon {}
diff --git a/src/app/components/icons/check/ng-package.json b/src/app/components/icons/check/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/check/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/check/public_api.ts b/src/app/components/icons/check/public_api.ts
deleted file mode 100644
index 01a8e34..0000000
--- a/src/app/components/icons/check/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './check';
diff --git a/src/app/components/icons/chevrondown/chevrondown.ts b/src/app/components/icons/chevrondown/chevrondown.ts
deleted file mode 100644
index b970e29..0000000
--- a/src/app/components/icons/chevrondown/chevrondown.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'ChevronDownIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                d="M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class ChevronDownIcon extends BaseIcon {}
diff --git a/src/app/components/icons/chevrondown/ng-package.json b/src/app/components/icons/chevrondown/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/chevrondown/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/chevrondown/public_api.ts b/src/app/components/icons/chevrondown/public_api.ts
deleted file mode 100644
index fe3b233..0000000
--- a/src/app/components/icons/chevrondown/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './chevrondown';
diff --git a/src/app/components/icons/chevronleft/chevronleft.ts b/src/app/components/icons/chevronleft/chevronleft.ts
deleted file mode 100644
index d4fb3f6..0000000
--- a/src/app/components/icons/chevronleft/chevronleft.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'ChevronLeftIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                d="M9.61296 13C9.50997 13.0005 9.40792 12.9804 9.3128 12.9409C9.21767 12.9014 9.13139 12.8433 9.05902 12.7701L3.83313 7.54416C3.68634 7.39718 3.60388 7.19795 3.60388 6.99022C3.60388 6.78249 3.68634 6.58325 3.83313 6.43628L9.05902 1.21039C9.20762 1.07192 9.40416 0.996539 9.60724 1.00012C9.81032 1.00371 10.0041 1.08597 10.1477 1.22959C10.2913 1.37322 10.3736 1.56698 10.3772 1.77005C10.3808 1.97313 10.3054 2.16968 10.1669 2.31827L5.49496 6.99022L10.1669 11.6622C10.3137 11.8091 10.3962 12.0084 10.3962 12.2161C10.3962 12.4238 10.3137 12.6231 10.1669 12.7701C10.0945 12.8433 10.0083 12.9014 9.91313 12.9409C9.81801 12.9804 9.71596 13.0005 9.61296 13Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class ChevronLeftIcon extends BaseIcon {}
diff --git a/src/app/components/icons/chevronleft/ng-package.json b/src/app/components/icons/chevronleft/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/chevronleft/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/chevronleft/public_api.ts b/src/app/components/icons/chevronleft/public_api.ts
deleted file mode 100644
index 0f022b5..0000000
--- a/src/app/components/icons/chevronleft/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './chevronleft';
diff --git a/src/app/components/icons/chevronright/chevronright.ts b/src/app/components/icons/chevronright/chevronright.ts
deleted file mode 100644
index 9f7357f..0000000
--- a/src/app/components/icons/chevronright/chevronright.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'ChevronRightIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                d="M4.38708 13C4.28408 13.0005 4.18203 12.9804 4.08691 12.9409C3.99178 12.9014 3.9055 12.8433 3.83313 12.7701C3.68634 12.6231 3.60388 12.4238 3.60388 12.2161C3.60388 12.0084 3.68634 11.8091 3.83313 11.6622L8.50507 6.99022L3.83313 2.31827C3.69467 2.16968 3.61928 1.97313 3.62287 1.77005C3.62645 1.56698 3.70872 1.37322 3.85234 1.22959C3.99596 1.08597 4.18972 1.00371 4.3928 1.00012C4.59588 0.996539 4.79242 1.07192 4.94102 1.21039L10.1669 6.43628C10.3137 6.58325 10.3962 6.78249 10.3962 6.99022C10.3962 7.19795 10.3137 7.39718 10.1669 7.54416L4.94102 12.7701C4.86865 12.8433 4.78237 12.9014 4.68724 12.9409C4.59212 12.9804 4.49007 13.0005 4.38708 13Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class ChevronRightIcon extends BaseIcon {}
diff --git a/src/app/components/icons/chevronright/ng-package.json b/src/app/components/icons/chevronright/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/chevronright/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/chevronright/public_api.ts b/src/app/components/icons/chevronright/public_api.ts
deleted file mode 100644
index 3932320..0000000
--- a/src/app/components/icons/chevronright/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './chevronright';
diff --git a/src/app/components/icons/chevronup/chevronup.ts b/src/app/components/icons/chevronup/chevronup.ts
deleted file mode 100644
index 5784c46..0000000
--- a/src/app/components/icons/chevronup/chevronup.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'ChevronUpIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                d="M12.2097 10.4113C12.1057 10.4118 12.0027 10.3915 11.9067 10.3516C11.8107 10.3118 11.7237 10.2532 11.6506 10.1792L6.93602 5.46461L2.22139 10.1476C2.07272 10.244 1.89599 10.2877 1.71953 10.2717C1.54307 10.2556 1.3771 10.1808 1.24822 10.0593C1.11933 9.93766 1.035 9.77633 1.00874 9.6011C0.982477 9.42587 1.0158 9.2469 1.10338 9.09287L6.37701 3.81923C6.52533 3.6711 6.72639 3.58789 6.93602 3.58789C7.14565 3.58789 7.3467 3.6711 7.49502 3.81923L12.7687 9.09287C12.9168 9.24119 13 9.44225 13 9.65187C13 9.8615 12.9168 10.0626 12.7687 10.2109C12.616 10.3487 12.4151 10.4207 12.2097 10.4113Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class ChevronUpIcon extends BaseIcon {}
diff --git a/src/app/components/icons/chevronup/ng-package.json b/src/app/components/icons/chevronup/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/chevronup/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/chevronup/public_api.ts b/src/app/components/icons/chevronup/public_api.ts
deleted file mode 100644
index dd0e403..0000000
--- a/src/app/components/icons/chevronup/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './chevronup';
diff --git a/src/app/components/icons/exclamationtriangle/exclamationtriangle.ts b/src/app/components/icons/exclamationtriangle/exclamationtriangle.ts
deleted file mode 100644
index 157a4c8..0000000
--- a/src/app/components/icons/exclamationtriangle/exclamationtriangle.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'ExclamationTriangleIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    d="M13.4018 13.1893H0.598161C0.49329 13.189 0.390283 13.1615 0.299143 13.1097C0.208003 13.0578 0.131826 12.9832 0.0780112 12.8932C0.0268539 12.8015 0 12.6982 0 12.5931C0 12.4881 0.0268539 12.3848 0.0780112 12.293L6.47985 1.08982C6.53679 1.00399 6.61408 0.933574 6.70484 0.884867C6.7956 0.836159 6.897 0.810669 7 0.810669C7.103 0.810669 7.2044 0.836159 7.29516 0.884867C7.38592 0.933574 7.46321 1.00399 7.52015 1.08982L13.922 12.293C13.9731 12.3848 14 12.4881 14 12.5931C14 12.6982 13.9731 12.8015 13.922 12.8932C13.8682 12.9832 13.792 13.0578 13.7009 13.1097C13.6097 13.1615 13.5067 13.189 13.4018 13.1893ZM1.63046 11.989H12.3695L7 2.59425L1.63046 11.989Z"
-                    fill="currentColor"
-                />
-                <path
-                    d="M6.99996 8.78801C6.84143 8.78594 6.68997 8.72204 6.57787 8.60993C6.46576 8.49782 6.40186 8.34637 6.39979 8.18784V5.38703C6.39979 5.22786 6.46302 5.0752 6.57557 4.96265C6.68813 4.85009 6.84078 4.78686 6.99996 4.78686C7.15914 4.78686 7.31179 4.85009 7.42435 4.96265C7.5369 5.0752 7.60013 5.22786 7.60013 5.38703V8.18784C7.59806 8.34637 7.53416 8.49782 7.42205 8.60993C7.30995 8.72204 7.15849 8.78594 6.99996 8.78801Z"
-                    fill="currentColor"
-                />
-                <path
-                    d="M6.99996 11.1887C6.84143 11.1866 6.68997 11.1227 6.57787 11.0106C6.46576 10.8985 6.40186 10.7471 6.39979 10.5885V10.1884C6.39979 10.0292 6.46302 9.87658 6.57557 9.76403C6.68813 9.65147 6.84078 9.58824 6.99996 9.58824C7.15914 9.58824 7.31179 9.65147 7.42435 9.76403C7.5369 9.87658 7.60013 10.0292 7.60013 10.1884V10.5885C7.59806 10.7471 7.53416 10.8985 7.42205 11.0106C7.30995 11.1227 7.15849 11.1866 6.99996 11.1887Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class ExclamationTriangleIcon extends BaseIcon implements OnInit {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/exclamationtriangle/ng-package.json b/src/app/components/icons/exclamationtriangle/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/exclamationtriangle/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/exclamationtriangle/public_api.ts b/src/app/components/icons/exclamationtriangle/public_api.ts
deleted file mode 100644
index 4435bbb..0000000
--- a/src/app/components/icons/exclamationtriangle/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './exclamationtriangle';
diff --git a/src/app/components/icons/eye/eye.ts b/src/app/components/icons/eye/eye.ts
deleted file mode 100644
index 8d44019..0000000
--- a/src/app/components/icons/eye/eye.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'EyeIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M0.0535499 7.25213C0.208567 7.59162 2.40413 12.4 7 12.4C11.5959 12.4 13.7914 7.59162 13.9465 7.25213C13.9487 7.2471 13.9506 7.24304 13.952 7.24001C13.9837 7.16396 14 7.08239 14 7.00001C14 6.91762 13.9837 6.83605 13.952 6.76001C13.9506 6.75697 13.9487 6.75292 13.9465 6.74788C13.7914 6.4084 11.5959 1.60001 7 1.60001C2.40413 1.60001 0.208567 6.40839 0.0535499 6.74788C0.0512519 6.75292 0.0494023 6.75697 0.048 6.76001C0.0163137 6.83605 0 6.91762 0 7.00001C0 7.08239 0.0163137 7.16396 0.048 7.24001C0.0494023 7.24304 0.0512519 7.2471 0.0535499 7.25213ZM7 11.2C3.664 11.2 1.736 7.92001 1.264 7.00001C1.736 6.08001 3.664 2.80001 7 2.80001C10.336 2.80001 12.264 6.08001 12.736 7.00001C12.264 7.92001 10.336 11.2 7 11.2ZM5.55551 9.16182C5.98308 9.44751 6.48576 9.6 7 9.6C7.68891 9.59789 8.349 9.32328 8.83614 8.83614C9.32328 8.349 9.59789 7.68891 9.59999 7C9.59999 6.48576 9.44751 5.98308 9.16182 5.55551C8.87612 5.12794 8.47006 4.7947 7.99497 4.59791C7.51988 4.40112 6.99711 4.34963 6.49276 4.44995C5.98841 4.55027 5.52513 4.7979 5.16152 5.16152C4.7979 5.52513 4.55027 5.98841 4.44995 6.49276C4.34963 6.99711 4.40112 7.51988 4.59791 7.99497C4.7947 8.47006 5.12794 8.87612 5.55551 9.16182ZM6.2222 5.83594C6.45243 5.6821 6.7231 5.6 7 5.6C7.37065 5.6021 7.72553 5.75027 7.98762 6.01237C8.24972 6.27446 8.39789 6.62934 8.4 7C8.4 7.27689 8.31789 7.54756 8.16405 7.77779C8.01022 8.00802 7.79157 8.18746 7.53575 8.29343C7.27994 8.39939 6.99844 8.42711 6.72687 8.37309C6.4553 8.31908 6.20584 8.18574 6.01005 7.98994C5.81425 7.79415 5.68091 7.54469 5.6269 7.27312C5.57288 7.00155 5.6006 6.72006 5.70656 6.46424C5.81253 6.20842 5.99197 5.98977 6.2222 5.83594Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class EyeIcon extends BaseIcon {}
diff --git a/src/app/components/icons/eye/ng-package.json b/src/app/components/icons/eye/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/eye/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/eye/public_api.ts b/src/app/components/icons/eye/public_api.ts
deleted file mode 100644
index 63c199b..0000000
--- a/src/app/components/icons/eye/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './eye';
diff --git a/src/app/components/icons/eyeslash/eyeslash.ts b/src/app/components/icons/eyeslash/eyeslash.ts
deleted file mode 100644
index 0d15042..0000000
--- a/src/app/components/icons/eyeslash/eyeslash.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'EyeSlashIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M13.9414 6.74792C13.9437 6.75295 13.9455 6.757 13.9469 6.76003C13.982 6.8394 14.0001 6.9252 14.0001 7.01195C14.0001 7.0987 13.982 7.1845 13.9469 7.26386C13.6004 8.00059 13.1711 8.69549 12.6674 9.33515C12.6115 9.4071 12.54 9.46538 12.4582 9.50556C12.3765 9.54574 12.2866 9.56678 12.1955 9.56707C12.0834 9.56671 11.9737 9.53496 11.8788 9.47541C11.7838 9.41586 11.7074 9.3309 11.6583 9.23015C11.6092 9.12941 11.5893 9.01691 11.6008 8.90543C11.6124 8.79394 11.6549 8.68793 11.7237 8.5994C12.1065 8.09726 12.4437 7.56199 12.7313 6.99995C12.2595 6.08027 10.3402 2.8014 6.99732 2.8014C6.63723 2.80218 6.27816 2.83969 5.92569 2.91336C5.77666 2.93304 5.62568 2.89606 5.50263 2.80972C5.37958 2.72337 5.29344 2.59398 5.26125 2.44714C5.22907 2.30031 5.2532 2.14674 5.32885 2.01685C5.40451 1.88696 5.52618 1.79021 5.66978 1.74576C6.10574 1.64961 6.55089 1.60134 6.99732 1.60181C11.5916 1.60181 13.7864 6.40856 13.9414 6.74792ZM2.20333 1.61685C2.35871 1.61411 2.5091 1.67179 2.6228 1.77774L12.2195 11.3744C12.3318 11.4869 12.3949 11.6393 12.3949 11.7983C12.3949 11.9572 12.3318 12.1097 12.2195 12.2221C12.107 12.3345 11.9546 12.3976 11.7956 12.3976C11.6367 12.3976 11.4842 12.3345 11.3718 12.2221L10.5081 11.3584C9.46549 12.0426 8.24432 12.4042 6.99729 12.3981C2.403 12.3981 0.208197 7.59135 0.0532336 7.25198C0.0509364 7.24694 0.0490875 7.2429 0.0476856 7.23986C0.0162332 7.16518 3.05176e-05 7.08497 3.05176e-05 7.00394C3.05176e-05 6.92291 0.0162332 6.8427 0.0476856 6.76802C0.631261 5.47831 1.46902 4.31959 2.51084 3.36119L1.77509 2.62545C1.66914 2.51175 1.61146 2.36136 1.61421 2.20597C1.61695 2.05059 1.6799 1.90233 1.78979 1.79244C1.89968 1.68254 2.04794 1.6196 2.20333 1.61685ZM7.45314 8.35147L5.68574 6.57609V6.5361C5.5872 6.78938 5.56498 7.06597 5.62183 7.33173C5.67868 7.59749 5.8121 7.84078 6.00563 8.03158C6.19567 8.21043 6.43052 8.33458 6.68533 8.39089C6.94014 8.44721 7.20543 8.43359 7.45314 8.35147ZM1.26327 6.99994C1.7351 7.91163 3.64645 11.1985 6.99729 11.1985C7.9267 11.2048 8.8408 10.9618 9.64438 10.4947L8.35682 9.20718C7.86027 9.51441 7.27449 9.64491 6.69448 9.57752C6.11446 9.51014 5.57421 9.24881 5.16131 8.83592C4.74842 8.42303 4.4871 7.88277 4.41971 7.30276C4.35232 6.72274 4.48282 6.13697 4.79005 5.64041L3.35855 4.2089C2.4954 5.00336 1.78523 5.94935 1.26327 6.99994Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class EyeSlashIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/eyeslash/ng-package.json b/src/app/components/icons/eyeslash/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/eyeslash/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/eyeslash/public_api.ts b/src/app/components/icons/eyeslash/public_api.ts
deleted file mode 100644
index c987840..0000000
--- a/src/app/components/icons/eyeslash/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './eyeslash';
diff --git a/src/app/components/icons/filter/filter.ts b/src/app/components/icons/filter/filter.ts
deleted file mode 100644
index c67f728..0000000
--- a/src/app/components/icons/filter/filter.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'FilterIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    d="M8.64708 14H5.35296C5.18981 13.9979 5.03395 13.9321 4.91858 13.8167C4.8032 13.7014 4.73745 13.5455 4.73531 13.3824V7L0.329431 0.98C0.259794 0.889466 0.217389 0.780968 0.20718 0.667208C0.19697 0.553448 0.219379 0.439133 0.271783 0.337647C0.324282 0.236453 0.403423 0.151519 0.500663 0.0920138C0.597903 0.0325088 0.709548 0.000692754 0.823548 0H13.1765C13.2905 0.000692754 13.4021 0.0325088 13.4994 0.0920138C13.5966 0.151519 13.6758 0.236453 13.7283 0.337647C13.7807 0.439133 13.8031 0.553448 13.7929 0.667208C13.7826 0.780968 13.7402 0.889466 13.6706 0.98L9.26472 7V13.3824C9.26259 13.5455 9.19683 13.7014 9.08146 13.8167C8.96609 13.9321 8.81022 13.9979 8.64708 14ZM5.97061 12.7647H8.02943V6.79412C8.02878 6.66289 8.07229 6.53527 8.15296 6.43177L11.9412 1.23529H2.05884L5.86355 6.43177C5.94422 6.53527 5.98773 6.66289 5.98708 6.79412L5.97061 12.7647Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class FilterIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/filter/ng-package.json b/src/app/components/icons/filter/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/filter/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/filter/public_api.ts b/src/app/components/icons/filter/public_api.ts
deleted file mode 100644
index 009bf07..0000000
--- a/src/app/components/icons/filter/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './filter';
diff --git a/src/app/components/icons/filterslash/filterslash.ts b/src/app/components/icons/filterslash/filterslash.ts
deleted file mode 100644
index 19f689f..0000000
--- a/src/app/components/icons/filterslash/filterslash.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'FilterSlashIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M13.4994 0.0920138C13.5967 0.151519 13.6758 0.236453 13.7283 0.337647C13.7807 0.439133 13.8031 0.553448 13.7929 0.667208C13.7827 0.780968 13.7403 0.889466 13.6707 0.98L11.406 4.06823C11.3099 4.19928 11.1656 4.28679 11.005 4.3115C10.8444 4.33621 10.6805 4.2961 10.5495 4.2C10.4184 4.1039 10.3309 3.95967 10.3062 3.79905C10.2815 3.63843 10.3216 3.47458 10.4177 3.34353L11.9412 1.23529H7.41184C7.24803 1.23529 7.09093 1.17022 6.97509 1.05439C6.85926 0.938558 6.79419 0.781457 6.79419 0.617647C6.79419 0.453837 6.85926 0.296736 6.97509 0.180905C7.09093 0.0650733 7.24803 0 7.41184 0H13.1765C13.2905 0.000692754 13.4022 0.0325088 13.4994 0.0920138ZM4.20008 0.181168H4.24126L13.2013 9.03411C13.3169 9.14992 13.3819 9.3069 13.3819 9.47058C13.3819 9.63426 13.3169 9.79124 13.2013 9.90705C13.1445 9.96517 13.0766 10.0112 13.0016 10.0423C12.9266 10.0735 12.846 10.0891 12.7648 10.0882C12.6836 10.0886 12.6032 10.0728 12.5283 10.0417C12.4533 10.0106 12.3853 9.96479 12.3283 9.90705L9.3142 6.92587L9.26479 6.99999V13.3823C9.26265 13.5455 9.19689 13.7014 9.08152 13.8167C8.96615 13.9321 8.81029 13.9979 8.64714 14H5.35302C5.18987 13.9979 5.03401 13.9321 4.91864 13.8167C4.80327 13.7014 4.73751 13.5455 4.73537 13.3823V6.99999L0.329492 1.02117C0.259855 0.930634 0.21745 0.822137 0.207241 0.708376C0.197031 0.594616 0.21944 0.480301 0.271844 0.378815C0.324343 0.277621 0.403484 0.192687 0.500724 0.133182C0.597964 0.073677 0.709609 0.041861 0.823609 0.0411682H3.86243C3.92448 0.0461551 3.9855 0.060022 4.04361 0.0823446C4.10037 0.10735 4.15311 0.140655 4.20008 0.181168ZM8.02949 6.79411C8.02884 6.66289 8.07235 6.53526 8.15302 6.43176L8.42478 6.05293L3.55773 1.23529H2.0589L5.84714 6.43176C5.92781 6.53526 5.97132 6.66289 5.97067 6.79411V12.7647H8.02949V6.79411Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class FilterSlashIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/filterslash/ng-package.json b/src/app/components/icons/filterslash/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/filterslash/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/filterslash/public_api.ts b/src/app/components/icons/filterslash/public_api.ts
deleted file mode 100644
index 031330d..0000000
--- a/src/app/components/icons/filterslash/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './filterslash';
diff --git a/src/app/components/icons/home/home.ts b/src/app/components/icons/home/home.ts
deleted file mode 100644
index 511bfe3..0000000
--- a/src/app/components/icons/home/home.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'HomeIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M13.4175 6.79971C13.2874 6.80029 13.1608 6.75807 13.057 6.67955L12.4162 6.19913V12.6073C12.4141 12.7659 12.3502 12.9176 12.2379 13.0298C12.1257 13.142 11.9741 13.206 11.8154 13.208H8.61206C8.61179 13.208 8.61151 13.208 8.61123 13.2081C8.61095 13.208 8.61068 13.208 8.6104 13.208H5.41076C5.40952 13.208 5.40829 13.2081 5.40705 13.2081C5.40581 13.2081 5.40458 13.208 5.40334 13.208H2.20287C2.04418 13.206 1.89257 13.142 1.78035 13.0298C1.66813 12.9176 1.60416 12.7659 1.60209 12.6073V6.19914L0.961256 6.67955C0.833786 6.77515 0.673559 6.8162 0.515823 6.79367C0.358086 6.77114 0.215762 6.68686 0.120159 6.55939C0.0245566 6.43192 -0.0164931 6.2717 0.00604063 6.11396C0.0285744 5.95622 0.112846 5.8139 0.240316 5.7183L1.83796 4.52007L1.84689 4.51337L6.64868 0.912027C6.75267 0.834032 6.87915 0.79187 7.00915 0.79187C7.13914 0.79187 7.26562 0.834032 7.36962 0.912027L12.1719 4.51372L12.1799 4.51971L13.778 5.7183C13.8943 5.81278 13.9711 5.94732 13.9934 6.09553C14.0156 6.24373 13.9816 6.39489 13.8981 6.51934C13.8471 6.60184 13.7766 6.67054 13.6928 6.71942C13.609 6.76831 13.5144 6.79587 13.4175 6.79971ZM6.00783 12.0065H8.01045V7.60074H6.00783V12.0065ZM9.21201 12.0065V6.99995C9.20994 6.84126 9.14598 6.68965 9.03375 6.57743C8.92153 6.46521 8.76992 6.40124 8.61123 6.39917H5.40705C5.24836 6.40124 5.09675 6.46521 4.98453 6.57743C4.8723 6.68965 4.80834 6.84126 4.80627 6.99995V12.0065H2.80366V5.29836L7.00915 2.14564L11.2146 5.29836V12.0065H9.21201Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class HomeIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/home/ng-package.json b/src/app/components/icons/home/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/home/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/home/public_api.ts b/src/app/components/icons/home/public_api.ts
deleted file mode 100644
index e20557b..0000000
--- a/src/app/components/icons/home/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './home';
diff --git a/src/app/components/icons/infocircle/infocircle.ts b/src/app/components/icons/infocircle/infocircle.ts
deleted file mode 100644
index 59d1f6a..0000000
--- a/src/app/components/icons/infocircle/infocircle.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'InfoCircleIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M3.11101 12.8203C4.26215 13.5895 5.61553 14 7 14C8.85652 14 10.637 13.2625 11.9497 11.9497C13.2625 10.637 14 8.85652 14 7C14 5.61553 13.5895 4.26215 12.8203 3.11101C12.0511 1.95987 10.9579 1.06266 9.67879 0.532846C8.3997 0.00303296 6.99224 -0.13559 5.63437 0.134506C4.2765 0.404603 3.02922 1.07129 2.05026 2.05026C1.07129 3.02922 0.404603 4.2765 0.134506 5.63437C-0.13559 6.99224 0.00303296 8.3997 0.532846 9.67879C1.06266 10.9579 1.95987 12.0511 3.11101 12.8203ZM3.75918 2.14976C4.71846 1.50879 5.84628 1.16667 7 1.16667C8.5471 1.16667 10.0308 1.78125 11.1248 2.87521C12.2188 3.96918 12.8333 5.45291 12.8333 7C12.8333 8.15373 12.4912 9.28154 11.8502 10.2408C11.2093 11.2001 10.2982 11.9478 9.23232 12.3893C8.16642 12.8308 6.99353 12.9463 5.86198 12.7212C4.73042 12.4962 3.69102 11.9406 2.87521 11.1248C2.05941 10.309 1.50384 9.26958 1.27876 8.13803C1.05367 7.00647 1.16919 5.83358 1.61071 4.76768C2.05222 3.70178 2.79989 2.79074 3.75918 2.14976ZM7.00002 4.8611C6.84594 4.85908 6.69873 4.79698 6.58977 4.68801C6.48081 4.57905 6.4187 4.43185 6.41669 4.27776V3.88888C6.41669 3.73417 6.47815 3.58579 6.58754 3.4764C6.69694 3.367 6.84531 3.30554 7.00002 3.30554C7.15473 3.30554 7.3031 3.367 7.4125 3.4764C7.52189 3.58579 7.58335 3.73417 7.58335 3.88888V4.27776C7.58134 4.43185 7.51923 4.57905 7.41027 4.68801C7.30131 4.79698 7.1541 4.85908 7.00002 4.8611ZM7.00002 10.6945C6.84594 10.6925 6.69873 10.6304 6.58977 10.5214C6.48081 10.4124 6.4187 10.2652 6.41669 10.1111V6.22225C6.41669 6.06754 6.47815 5.91917 6.58754 5.80977C6.69694 5.70037 6.84531 5.63892 7.00002 5.63892C7.15473 5.63892 7.3031 5.70037 7.4125 5.80977C7.52189 5.91917 7.58335 6.06754 7.58335 6.22225V10.1111C7.58134 10.2652 7.51923 10.4124 7.41027 10.5214C7.30131 10.6304 7.1541 10.6925 7.00002 10.6945Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class InfoCircleIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/infocircle/ng-package.json b/src/app/components/icons/infocircle/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/infocircle/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/infocircle/public_api.ts b/src/app/components/icons/infocircle/public_api.ts
deleted file mode 100644
index 5e10c6c..0000000
--- a/src/app/components/icons/infocircle/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './infocircle';
diff --git a/src/app/components/icons/minus/minus.ts b/src/app/components/icons/minus/minus.ts
deleted file mode 100644
index 1ca8718..0000000
--- a/src/app/components/icons/minus/minus.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'MinusIcon',
-    standalone: true,
-    imports: [CommonModule, BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                d="M13.2222 7.77778H0.777778C0.571498 7.77778 0.373667 7.69584 0.227806 7.54998C0.0819442 7.40412 0 7.20629 0 7.00001C0 6.79373 0.0819442 6.5959 0.227806 6.45003C0.373667 6.30417 0.571498 6.22223 0.777778 6.22223H13.2222C13.4285 6.22223 13.6263 6.30417 13.7722 6.45003C13.9181 6.5959 14 6.79373 14 7.00001C14 7.20629 13.9181 7.40412 13.7722 7.54998C13.6263 7.69584 13.4285 7.77778 13.2222 7.77778Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class MinusIcon extends BaseIcon {}
diff --git a/src/app/components/icons/minus/ng-package.json b/src/app/components/icons/minus/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/minus/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/minus/public_api.ts b/src/app/components/icons/minus/public_api.ts
deleted file mode 100644
index 122a04b..0000000
--- a/src/app/components/icons/minus/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './minus';
diff --git a/src/app/components/icons/pencil/ng-package.json b/src/app/components/icons/pencil/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/pencil/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/pencil/pencil.ts b/src/app/components/icons/pencil/pencil.ts
deleted file mode 100644
index 00778fe..0000000
--- a/src/app/components/icons/pencil/pencil.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'PencilIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    d="M0.609628 13.959C0.530658 13.9599 0.452305 13.9451 0.379077 13.9156C0.305849 13.8861 0.239191 13.8424 0.18294 13.787C0.118447 13.7234 0.0688234 13.6464 0.0376166 13.5614C0.00640987 13.4765 -0.00560954 13.3857 0.00241768 13.2956L0.25679 10.1501C0.267698 10.0041 0.331934 9.86709 0.437312 9.76516L9.51265 0.705715C10.0183 0.233014 10.6911 -0.0203041 11.3835 0.00127367C12.0714 0.00660201 12.7315 0.27311 13.2298 0.746671C13.7076 1.23651 13.9824 1.88848 13.9992 2.57201C14.0159 3.25554 13.7733 3.92015 13.32 4.4327L4.23648 13.5331C4.13482 13.6342 4.0017 13.6978 3.85903 13.7133L0.667067 14L0.609628 13.959ZM1.43018 10.4696L1.25787 12.714L3.50619 12.5092L12.4502 3.56444C12.6246 3.35841 12.7361 3.10674 12.7714 2.83933C12.8067 2.57193 12.7644 2.30002 12.6495 2.05591C12.5346 1.8118 12.3519 1.60575 12.1231 1.46224C11.8943 1.31873 11.6291 1.2438 11.3589 1.24633C11.1813 1.23508 11.0033 1.25975 10.8355 1.31887C10.6677 1.37798 10.5136 1.47033 10.3824 1.59036L1.43018 10.4696Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class PencilIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/pencil/public_api.ts b/src/app/components/icons/pencil/public_api.ts
deleted file mode 100644
index 15fb755..0000000
--- a/src/app/components/icons/pencil/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './pencil';
diff --git a/src/app/components/icons/plus/ng-package.json b/src/app/components/icons/plus/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/plus/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/plus/plus.ts b/src/app/components/icons/plus/plus.ts
deleted file mode 100644
index 458af14..0000000
--- a/src/app/components/icons/plus/plus.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-@Component({
-    selector: 'PlusIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    d="M7.67742 6.32258V0.677419C7.67742 0.497757 7.60605 0.325452 7.47901 0.198411C7.35197 0.0713707 7.17966 0 7 0C6.82034 0 6.64803 0.0713707 6.52099 0.198411C6.39395 0.325452 6.32258 0.497757 6.32258 0.677419V6.32258H0.677419C0.497757 6.32258 0.325452 6.39395 0.198411 6.52099C0.0713707 6.64803 0 6.82034 0 7C0 7.17966 0.0713707 7.35197 0.198411 7.47901C0.325452 7.60605 0.497757 7.67742 0.677419 7.67742H6.32258V13.3226C6.32492 13.5015 6.39704 13.6725 6.52358 13.799C6.65012 13.9255 6.82106 13.9977 7 14C7.17966 14 7.35197 13.9286 7.47901 13.8016C7.60605 13.6745 7.67742 13.5022 7.67742 13.3226V7.67742H13.3226C13.5022 7.67742 13.6745 7.60605 13.8016 7.47901C13.9286 7.35197 14 7.17966 14 7C13.9977 6.82106 13.9255 6.65012 13.799 6.52358C13.6725 6.39704 13.5015 6.32492 13.3226 6.32258H7.67742Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class PlusIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/plus/public_api.ts b/src/app/components/icons/plus/public_api.ts
deleted file mode 100644
index 65c3f1e..0000000
--- a/src/app/components/icons/plus/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './plus';
diff --git a/src/app/components/icons/refresh/ng-package.json b/src/app/components/icons/refresh/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/refresh/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/refresh/public_api.ts b/src/app/components/icons/refresh/public_api.ts
deleted file mode 100644
index 124471e..0000000
--- a/src/app/components/icons/refresh/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './refresh';
diff --git a/src/app/components/icons/refresh/refresh.ts b/src/app/components/icons/refresh/refresh.ts
deleted file mode 100644
index 8a4a968..0000000
--- a/src/app/components/icons/refresh/refresh.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'RefreshIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M6.77051 5.96336C6.84324 5.99355 6.92127 6.00891 7.00002 6.00854C7.07877 6.00891 7.1568 5.99355 7.22953 5.96336C7.30226 5.93317 7.36823 5.88876 7.42357 5.83273L9.82101 3.43529C9.93325 3.32291 9.99629 3.17058 9.99629 3.01175C9.99629 2.85292 9.93325 2.70058 9.82101 2.5882L7.42357 0.190763C7.3687 0.131876 7.30253 0.0846451 7.22901 0.0518865C7.15549 0.019128 7.07612 0.00151319 6.99564 9.32772e-05C6.91517 -0.00132663 6.83523 0.0134773 6.7606 0.0436218C6.68597 0.0737664 6.61817 0.118634 6.56126 0.175548C6.50435 0.232462 6.45948 0.300257 6.42933 0.374888C6.39919 0.449519 6.38439 0.529456 6.38581 0.609933C6.38722 0.690409 6.40484 0.769775 6.4376 0.843296C6.47036 0.916817 6.51759 0.982986 6.57647 1.03786L7.95103 2.41241H6.99998C5.46337 2.41241 3.98969 3.02283 2.90314 4.10938C1.81659 5.19593 1.20618 6.66961 1.20618 8.20622C1.20618 9.74283 1.81659 11.2165 2.90314 12.3031C3.98969 13.3896 5.46337 14 6.99998 14C8.53595 13.9979 10.0084 13.3868 11.0945 12.3007C12.1806 11.2146 12.7917 9.74218 12.7938 8.20622C12.7938 8.04726 12.7306 7.89481 12.6182 7.78241C12.5058 7.67001 12.3534 7.60686 12.1944 7.60686C12.0355 7.60686 11.883 7.67001 11.7706 7.78241C11.6582 7.89481 11.5951 8.04726 11.5951 8.20622C11.5951 9.11504 11.3256 10.0035 10.8207 10.7591C10.3157 11.5148 9.59809 12.1037 8.75845 12.4515C7.9188 12.7993 6.99489 12.8903 6.10353 12.713C5.21217 12.5357 4.3934 12.0981 3.75077 11.4554C3.10813 10.8128 2.67049 9.99404 2.49319 9.10268C2.31589 8.21132 2.40688 7.2874 2.75468 6.44776C3.10247 5.60811 3.69143 4.89046 4.44709 4.38554C5.20275 3.88063 6.09116 3.61113 6.99998 3.61113H7.95098L6.57647 4.98564C6.46423 5.09802 6.40119 5.25035 6.40119 5.40918C6.40119 5.56801 6.46423 5.72035 6.57647 5.83273C6.63181 5.88876 6.69778 5.93317 6.77051 5.96336Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class RefreshIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/search/ng-package.json b/src/app/components/icons/search/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/search/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/search/public_api.ts b/src/app/components/icons/search/public_api.ts
deleted file mode 100644
index 5a2bdeb..0000000
--- a/src/app/components/icons/search/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './search';
diff --git a/src/app/components/icons/search/search.ts b/src/app/components/icons/search/search.ts
deleted file mode 100644
index d61ebe7..0000000
--- a/src/app/components/icons/search/search.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'SearchIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M2.67602 11.0265C3.6661 11.688 4.83011 12.0411 6.02086 12.0411C6.81149 12.0411 7.59438 11.8854 8.32483 11.5828C8.87005 11.357 9.37808 11.0526 9.83317 10.6803L12.9769 13.8241C13.0323 13.8801 13.0983 13.9245 13.171 13.9548C13.2438 13.985 13.3219 14.0003 13.4007 14C13.4795 14.0003 13.5575 13.985 13.6303 13.9548C13.7031 13.9245 13.7691 13.8801 13.8244 13.8241C13.9367 13.7116 13.9998 13.5592 13.9998 13.4003C13.9998 13.2414 13.9367 13.089 13.8244 12.9765L10.6807 9.8328C11.053 9.37773 11.3573 8.86972 11.5831 8.32452C11.8857 7.59408 12.0414 6.81119 12.0414 6.02056C12.0414 4.8298 11.6883 3.66579 11.0268 2.67572C10.3652 1.68564 9.42494 0.913972 8.32483 0.45829C7.22472 0.00260857 6.01418 -0.116618 4.84631 0.115686C3.67844 0.34799 2.60568 0.921393 1.76369 1.76338C0.921698 2.60537 0.348296 3.67813 0.115991 4.84601C-0.116313 6.01388 0.00291375 7.22441 0.458595 8.32452C0.914277 9.42464 1.68595 10.3649 2.67602 11.0265ZM3.35565 2.0158C4.14456 1.48867 5.07206 1.20731 6.02086 1.20731C7.29317 1.20731 8.51338 1.71274 9.41304 2.6124C10.3127 3.51206 10.8181 4.73226 10.8181 6.00457C10.8181 6.95337 10.5368 7.88088 10.0096 8.66978C9.48251 9.45868 8.73328 10.0736 7.85669 10.4367C6.98011 10.7997 6.01554 10.8947 5.08496 10.7096C4.15439 10.5245 3.2996 10.0676 2.62869 9.39674C1.95778 8.72583 1.50089 7.87104 1.31579 6.94046C1.13068 6.00989 1.22568 5.04532 1.58878 4.16874C1.95187 3.29215 2.56675 2.54292 3.35565 2.0158Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class SearchIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/searchminus/ng-package.json b/src/app/components/icons/searchminus/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/searchminus/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/searchminus/public_api.ts b/src/app/components/icons/searchminus/public_api.ts
deleted file mode 100644
index cc9eaa4..0000000
--- a/src/app/components/icons/searchminus/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './searchminus';
diff --git a/src/app/components/icons/searchminus/searchminus.ts b/src/app/components/icons/searchminus/searchminus.ts
deleted file mode 100644
index 1c14d8c..0000000
--- a/src/app/components/icons/searchminus/searchminus.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'SearchMinusIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M6.0208 12.0411C4.83005 12.0411 3.66604 11.688 2.67596 11.0265C1.68589 10.3649 0.914216 9.42464 0.458534 8.32452C0.00285271 7.22441 -0.116374 6.01388 0.11593 4.84601C0.348235 3.67813 0.921637 2.60537 1.76363 1.76338C2.60562 0.921393 3.67838 0.34799 4.84625 0.115686C6.01412 -0.116618 7.22466 0.00260857 8.32477 0.45829C9.42488 0.913972 10.3652 1.68564 11.0267 2.67572C11.6883 3.66579 12.0414 4.8298 12.0414 6.02056C12.0395 7.41563 11.5542 8.76029 10.6783 9.8305L13.8244 12.9765C13.9367 13.089 13.9997 13.2414 13.9997 13.4003C13.9997 13.5592 13.9367 13.7116 13.8244 13.8241C13.769 13.8801 13.703 13.9245 13.6302 13.9548C13.5575 13.985 13.4794 14.0003 13.4006 14C13.3218 14.0003 13.2437 13.985 13.171 13.9548C13.0982 13.9245 13.0322 13.8801 12.9768 13.8241L9.83082 10.678C8.76059 11.5539 7.4159 12.0393 6.0208 12.0411ZM6.0208 1.20731C5.07199 1.20731 4.14449 1.48867 3.35559 2.0158C2.56669 2.54292 1.95181 3.29215 1.58872 4.16874C1.22562 5.04532 1.13062 6.00989 1.31572 6.94046C1.50083 7.87104 1.95772 8.72583 2.62863 9.39674C3.29954 10.0676 4.15433 10.5245 5.0849 10.7096C6.01548 10.8947 6.98005 10.7997 7.85663 10.4367C8.73322 10.0736 9.48244 9.45868 10.0096 8.66978C10.5367 7.88088 10.8181 6.95337 10.8181 6.00457C10.8181 4.73226 10.3126 3.51206 9.41297 2.6124C8.51331 1.71274 7.29311 1.20731 6.0208 1.20731ZM4.00591 6.60422H8.00362C8.16266 6.60422 8.31518 6.54104 8.42764 6.42859C8.5401 6.31613 8.60328 6.1636 8.60328 6.00456C8.60328 5.84553 8.5401 5.693 8.42764 5.58054C8.31518 5.46809 8.16266 5.40491 8.00362 5.40491H4.00591C3.84687 5.40491 3.69434 5.46809 3.58189 5.58054C3.46943 5.693 3.40625 5.84553 3.40625 6.00456C3.40625 6.1636 3.46943 6.31613 3.58189 6.42859C3.69434 6.54104 3.84687 6.60422 4.00591 6.60422Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class SearchMinusIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/searchplus/ng-package.json b/src/app/components/icons/searchplus/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/searchplus/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/searchplus/public_api.ts b/src/app/components/icons/searchplus/public_api.ts
deleted file mode 100644
index d23de21..0000000
--- a/src/app/components/icons/searchplus/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './searchplus';
diff --git a/src/app/components/icons/searchplus/searchplus.ts b/src/app/components/icons/searchplus/searchplus.ts
deleted file mode 100644
index 25a5aef..0000000
--- a/src/app/components/icons/searchplus/searchplus.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'SearchPlusIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M2.67596 11.0265C3.66604 11.688 4.83005 12.0411 6.0208 12.0411C6.81143 12.0411 7.59432 11.8854 8.32477 11.5828C8.86999 11.357 9.37802 11.0526 9.83311 10.6803L12.9768 13.8241C13.0322 13.8801 13.0982 13.9245 13.171 13.9548C13.2437 13.985 13.3218 14.0003 13.4006 14C13.4794 14.0003 13.5575 13.985 13.6302 13.9548C13.703 13.9245 13.769 13.8801 13.8244 13.8241C13.9367 13.7116 13.9997 13.5592 13.9997 13.4003C13.9997 13.2414 13.9367 13.089 13.8244 12.9765L10.6806 9.8328C11.0529 9.37773 11.3572 8.86972 11.5831 8.32452C11.8856 7.59408 12.0414 6.81119 12.0414 6.02056C12.0414 4.8298 11.6883 3.66579 11.0267 2.67572C10.3652 1.68564 9.42488 0.913972 8.32477 0.45829C7.22466 0.00260857 6.01412 -0.116618 4.84625 0.115686C3.67838 0.34799 2.60562 0.921393 1.76363 1.76338C0.921637 2.60537 0.348235 3.67813 0.11593 4.84601C-0.116374 6.01388 0.00285271 7.22441 0.458534 8.32452C0.914216 9.42464 1.68589 10.3649 2.67596 11.0265ZM3.35559 2.0158C4.14449 1.48867 5.07199 1.20731 6.0208 1.20731C7.29311 1.20731 8.51331 1.71274 9.41297 2.6124C10.3126 3.51206 10.8181 4.73226 10.8181 6.00457C10.8181 6.95337 10.5367 7.88088 10.0096 8.66978C9.48244 9.45868 8.73322 10.0736 7.85663 10.4367C6.98005 10.7997 6.01548 10.8947 5.0849 10.7096C4.15433 10.5245 3.29954 10.0676 2.62863 9.39674C1.95772 8.72583 1.50083 7.87104 1.31572 6.94046C1.13062 6.00989 1.22562 5.04532 1.58872 4.16874C1.95181 3.29215 2.56669 2.54292 3.35559 2.0158ZM6.00481 8.60309C5.84641 8.60102 5.69509 8.53718 5.58308 8.42517C5.47107 8.31316 5.40722 8.16183 5.40515 8.00344V6.60422H4.00591C3.84687 6.60422 3.69434 6.54104 3.58189 6.42859C3.46943 6.31613 3.40625 6.1636 3.40625 6.00456C3.40625 5.84553 3.46943 5.693 3.58189 5.58054C3.69434 5.46809 3.84687 5.40491 4.00591 5.40491H5.40515V4.00572C5.40515 3.84668 5.46833 3.69416 5.58079 3.5817C5.69324 3.46924 5.84577 3.40607 6.00481 3.40607C6.16385 3.40607 6.31637 3.46924 6.42883 3.5817C6.54129 3.69416 6.60447 3.84668 6.60447 4.00572V5.40491H8.00362C8.16266 5.40491 8.31518 5.46809 8.42764 5.58054C8.5401 5.693 8.60328 5.84553 8.60328 6.00456C8.60328 6.1636 8.5401 6.31613 8.42764 6.42859C8.31518 6.54104 8.16266 6.60422 8.00362 6.60422H6.60447V8.00344C6.60239 8.16183 6.53855 8.31316 6.42654 8.42517C6.31453 8.53718 6.1632 8.60102 6.00481 8.60309Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class SearchPlusIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/sortalt/ng-package.json b/src/app/components/icons/sortalt/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/sortalt/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/sortalt/public_api.ts b/src/app/components/icons/sortalt/public_api.ts
deleted file mode 100644
index 082bcce..0000000
--- a/src/app/components/icons/sortalt/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './sortalt';
diff --git a/src/app/components/icons/sortalt/sortalt.ts b/src/app/components/icons/sortalt/sortalt.ts
deleted file mode 100644
index 1960eed..0000000
--- a/src/app/components/icons/sortalt/sortalt.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'SortAltIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    d="M5.64515 3.61291C5.47353 3.61291 5.30192 3.54968 5.16644 3.4142L3.38708 1.63484L1.60773 3.4142C1.34579 3.67613 0.912244 3.67613 0.650309 3.4142C0.388374 3.15226 0.388374 2.71871 0.650309 2.45678L2.90837 0.198712C3.17031 -0.0632236 3.60386 -0.0632236 3.86579 0.198712L6.12386 2.45678C6.38579 2.71871 6.38579 3.15226 6.12386 3.4142C5.98837 3.54968 5.81676 3.61291 5.64515 3.61291Z"
-                    fill="currentColor"
-                />
-                <path d="M3.38714 14C3.01681 14 2.70972 13.6929 2.70972 13.3226V0.677419C2.70972 0.307097 3.01681 0 3.38714 0C3.75746 0 4.06456 0.307097 4.06456 0.677419V13.3226C4.06456 13.6929 3.75746 14 3.38714 14Z" fill="currentColor" />
-                <path
-                    d="M10.6129 14C10.4413 14 10.2697 13.9368 10.1342 13.8013L7.87611 11.5432C7.61418 11.2813 7.61418 10.8477 7.87611 10.5858C8.13805 10.3239 8.5716 10.3239 8.83353 10.5858L10.6129 12.3652L12.3922 10.5858C12.6542 10.3239 13.0877 10.3239 13.3497 10.5858C13.6116 10.8477 13.6116 11.2813 13.3497 11.5432L11.0916 13.8013C10.9561 13.9368 10.7845 14 10.6129 14Z"
-                    fill="currentColor"
-                />
-                <path d="M10.6129 14C10.2426 14 9.93552 13.6929 9.93552 13.3226V0.677419C9.93552 0.307097 10.2426 0 10.6129 0C10.9833 0 11.2904 0.307097 11.2904 0.677419V13.3226C11.2904 13.6929 10.9832 14 10.6129 14Z" fill="currentColor" />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class SortAltIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/sortamountdown/ng-package.json b/src/app/components/icons/sortamountdown/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/sortamountdown/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/sortamountdown/public_api.ts b/src/app/components/icons/sortamountdown/public_api.ts
deleted file mode 100644
index 1d46e29..0000000
--- a/src/app/components/icons/sortamountdown/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './sortamountdown';
diff --git a/src/app/components/icons/sortamountdown/sortamountdown.ts b/src/app/components/icons/sortamountdown/sortamountdown.ts
deleted file mode 100644
index 303e3ad..0000000
--- a/src/app/components/icons/sortamountdown/sortamountdown.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'SortAmountDownIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    d="M4.93953 10.5858L3.83759 11.6877V0.677419C3.83759 0.307097 3.53049 0 3.16017 0C2.78985 0 2.48275 0.307097 2.48275 0.677419V11.6877L1.38082 10.5858C1.11888 10.3239 0.685331 10.3239 0.423396 10.5858C0.16146 10.8477 0.16146 11.2813 0.423396 11.5432L2.68146 13.8013C2.74469 13.8645 2.81694 13.9097 2.89823 13.9458C2.97952 13.9819 3.06985 14 3.16017 14C3.25049 14 3.33178 13.9819 3.42211 13.9458C3.5034 13.9097 3.57565 13.8645 3.63888 13.8013L5.89694 11.5432C6.15888 11.2813 6.15888 10.8477 5.89694 10.5858C5.63501 10.3239 5.20146 10.3239 4.93953 10.5858ZM13.0957 0H7.22468C6.85436 0 6.54726 0.307097 6.54726 0.677419C6.54726 1.04774 6.85436 1.35484 7.22468 1.35484H13.0957C13.466 1.35484 13.7731 1.04774 13.7731 0.677419C13.7731 0.307097 13.466 0 13.0957 0ZM7.22468 5.41935H9.48275C9.85307 5.41935 10.1602 5.72645 10.1602 6.09677C10.1602 6.4671 9.85307 6.77419 9.48275 6.77419H7.22468C6.85436 6.77419 6.54726 6.4671 6.54726 6.09677C6.54726 5.72645 6.85436 5.41935 7.22468 5.41935ZM7.6763 8.12903H7.22468C6.85436 8.12903 6.54726 8.43613 6.54726 8.80645C6.54726 9.17677 6.85436 9.48387 7.22468 9.48387H7.6763C8.04662 9.48387 8.35372 9.17677 8.35372 8.80645C8.35372 8.43613 8.04662 8.12903 7.6763 8.12903ZM7.22468 2.70968H11.2892C11.6595 2.70968 11.9666 3.01677 11.9666 3.3871C11.9666 3.75742 11.6595 4.06452 11.2892 4.06452H7.22468C6.85436 4.06452 6.54726 3.75742 6.54726 3.3871C6.54726 3.01677 6.85436 2.70968 7.22468 2.70968Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class SortAmountDownIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/sortamountupalt/ng-package.json b/src/app/components/icons/sortamountupalt/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/sortamountupalt/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/sortamountupalt/public_api.ts b/src/app/components/icons/sortamountupalt/public_api.ts
deleted file mode 100644
index b35d9e6..0000000
--- a/src/app/components/icons/sortamountupalt/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './sortamountupalt';
diff --git a/src/app/components/icons/sortamountupalt/sortamountupalt.ts b/src/app/components/icons/sortamountupalt/sortamountupalt.ts
deleted file mode 100644
index cb9b395..0000000
--- a/src/app/components/icons/sortamountupalt/sortamountupalt.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'SortAmountUpAltIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    d="M3.63435 0.19871C3.57113 0.135484 3.49887 0.0903226 3.41758 0.0541935C3.255 -0.0180645 3.06532 -0.0180645 2.90274 0.0541935C2.82145 0.0903226 2.74919 0.135484 2.68597 0.19871L0.427901 2.45677C0.165965 2.71871 0.165965 3.15226 0.427901 3.41419C0.689836 3.67613 1.12338 3.67613 1.38532 3.41419L2.48726 2.31226V13.3226C2.48726 13.6929 2.79435 14 3.16467 14C3.535 14 3.84209 13.6929 3.84209 13.3226V2.31226L4.94403 3.41419C5.07951 3.54968 5.25113 3.6129 5.42274 3.6129C5.59435 3.6129 5.76597 3.54968 5.90145 3.41419C6.16338 3.15226 6.16338 2.71871 5.90145 2.45677L3.64338 0.19871H3.63435ZM13.7685 13.3226C13.7685 12.9523 13.4615 12.6452 13.0911 12.6452H7.22016C6.84984 12.6452 6.54274 12.9523 6.54274 13.3226C6.54274 13.6929 6.84984 14 7.22016 14H13.0911C13.4615 14 13.7685 13.6929 13.7685 13.3226ZM7.22016 8.58064C6.84984 8.58064 6.54274 8.27355 6.54274 7.90323C6.54274 7.5329 6.84984 7.22581 7.22016 7.22581H9.47823C9.84855 7.22581 10.1556 7.5329 10.1556 7.90323C10.1556 8.27355 9.84855 8.58064 9.47823 8.58064H7.22016ZM7.22016 5.87097H7.67177C8.0421 5.87097 8.34919 5.56387 8.34919 5.19355C8.34919 4.82323 8.0421 4.51613 7.67177 4.51613H7.22016C6.84984 4.51613 6.54274 4.82323 6.54274 5.19355C6.54274 5.56387 6.84984 5.87097 7.22016 5.87097ZM11.2847 11.2903H7.22016C6.84984 11.2903 6.54274 10.9832 6.54274 10.6129C6.54274 10.2426 6.84984 9.93548 7.22016 9.93548H11.2847C11.655 9.93548 11.9621 10.2426 11.9621 10.6129C11.9621 10.9832 11.655 11.2903 11.2847 11.2903Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class SortAmountUpAltIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/spinner/ng-package.json b/src/app/components/icons/spinner/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/spinner/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/spinner/public_api.ts b/src/app/components/icons/spinner/public_api.ts
deleted file mode 100644
index cd17217..0000000
--- a/src/app/components/icons/spinner/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './spinner';
diff --git a/src/app/components/icons/spinner/spinner.ts b/src/app/components/icons/spinner/spinner.ts
deleted file mode 100644
index b9b91ca..0000000
--- a/src/app/components/icons/spinner/spinner.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'SpinnerIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    d="M6.99701 14C5.85441 13.999 4.72939 13.7186 3.72012 13.1832C2.71084 12.6478 1.84795 11.8737 1.20673 10.9284C0.565504 9.98305 0.165424 8.89526 0.041387 7.75989C-0.0826496 6.62453 0.073125 5.47607 0.495122 4.4147C0.917119 3.35333 1.59252 2.4113 2.46241 1.67077C3.33229 0.930247 4.37024 0.413729 5.4857 0.166275C6.60117 -0.0811796 7.76026 -0.0520535 8.86188 0.251112C9.9635 0.554278 10.9742 1.12227 11.8057 1.90555C11.915 2.01493 11.9764 2.16319 11.9764 2.31778C11.9764 2.47236 11.915 2.62062 11.8057 2.73C11.7521 2.78503 11.688 2.82877 11.6171 2.85864C11.5463 2.8885 11.4702 2.90389 11.3933 2.90389C11.3165 2.90389 11.2404 2.8885 11.1695 2.85864C11.0987 2.82877 11.0346 2.78503 10.9809 2.73C9.9998 1.81273 8.73246 1.26138 7.39226 1.16876C6.05206 1.07615 4.72086 1.44794 3.62279 2.22152C2.52471 2.99511 1.72683 4.12325 1.36345 5.41602C1.00008 6.70879 1.09342 8.08723 1.62775 9.31926C2.16209 10.5513 3.10478 11.5617 4.29713 12.1803C5.48947 12.7989 6.85865 12.988 8.17414 12.7157C9.48963 12.4435 10.6711 11.7264 11.5196 10.6854C12.3681 9.64432 12.8319 8.34282 12.8328 7C12.8328 6.84529 12.8943 6.69692 13.0038 6.58752C13.1132 6.47812 13.2616 6.41667 13.4164 6.41667C13.5712 6.41667 13.7196 6.47812 13.8291 6.58752C13.9385 6.69692 14 6.84529 14 7C14 8.85651 13.2622 10.637 11.9489 11.9497C10.6356 13.2625 8.85432 14 6.99701 14Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class SpinnerIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/star/ng-package.json b/src/app/components/icons/star/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/star/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/star/public_api.ts b/src/app/components/icons/star/public_api.ts
deleted file mode 100644
index fb1139c..0000000
--- a/src/app/components/icons/star/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './star';
diff --git a/src/app/components/icons/star/star.ts b/src/app/components/icons/star/star.ts
deleted file mode 100644
index b55d0c1..0000000
--- a/src/app/components/icons/star/star.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'StarIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    d="M10.9741 13.6721C10.8806 13.6719 10.7886 13.6483 10.7066 13.6033L7.00002 11.6545L3.29345 13.6033C3.19926 13.6539 3.09281 13.6771 2.98612 13.6703C2.87943 13.6636 2.77676 13.6271 2.6897 13.5651C2.60277 13.5014 2.53529 13.4147 2.4948 13.3148C2.45431 13.215 2.44241 13.1058 2.46042 12.9995L3.17881 8.87264L0.167699 5.95324C0.0922333 5.8777 0.039368 5.78258 0.0150625 5.67861C-0.00924303 5.57463 -0.00402231 5.46594 0.030136 5.36477C0.0621323 5.26323 0.122141 5.17278 0.203259 5.10383C0.284377 5.03488 0.383311 4.99023 0.488681 4.97501L4.63087 4.37126L6.48797 0.618832C6.54083 0.530159 6.61581 0.456732 6.70556 0.405741C6.79532 0.35475 6.89678 0.327942 7.00002 0.327942C7.10325 0.327942 7.20471 0.35475 7.29447 0.405741C7.38422 0.456732 7.4592 0.530159 7.51206 0.618832L9.36916 4.37126L13.5114 4.97501C13.6167 4.99023 13.7157 5.03488 13.7968 5.10383C13.8779 5.17278 13.9379 5.26323 13.9699 5.36477C14.0041 5.46594 14.0093 5.57463 13.985 5.67861C13.9607 5.78258 13.9078 5.8777 13.8323 5.95324L10.8212 8.87264L11.532 12.9995C11.55 13.1058 11.5381 13.215 11.4976 13.3148C11.4571 13.4147 11.3896 13.5014 11.3027 13.5651C11.2059 13.632 11.0917 13.6692 10.9741 13.6721ZM7.00002 10.4393C7.09251 10.4404 7.18371 10.4613 7.2675 10.5005L10.2098 12.029L9.65193 8.75036C9.6368 8.6584 9.64343 8.56418 9.6713 8.47526C9.69918 8.38633 9.74751 8.30518 9.81242 8.23832L12.1969 5.94559L8.90298 5.45648C8.81188 5.44198 8.72555 5.406 8.65113 5.35152C8.57671 5.29703 8.51633 5.2256 8.475 5.14314L7.00002 2.1626L5.52503 5.15078C5.4837 5.23324 5.42332 5.30467 5.3489 5.35916C5.27448 5.41365 5.18815 5.44963 5.09705 5.46412L1.80318 5.94559L4.18761 8.23832C4.25252 8.30518 4.30085 8.38633 4.32873 8.47526C4.3566 8.56418 4.36323 8.6584 4.3481 8.75036L3.7902 12.0519L6.73253 10.5234C6.81451 10.4762 6.9058 10.4475 7.00002 10.4393Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class StarIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/starfill/ng-package.json b/src/app/components/icons/starfill/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/starfill/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/starfill/public_api.ts b/src/app/components/icons/starfill/public_api.ts
deleted file mode 100644
index e4e3252..0000000
--- a/src/app/components/icons/starfill/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './starfill';
diff --git a/src/app/components/icons/starfill/starfill.ts b/src/app/components/icons/starfill/starfill.ts
deleted file mode 100644
index afdd1d9..0000000
--- a/src/app/components/icons/starfill/starfill.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'StarFillIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    d="M13.9718 5.36453C13.9398 5.26298 13.8798 5.17252 13.7986 5.10356C13.7175 5.0346 13.6186 4.98994 13.5132 4.97472L9.37043 4.37088L7.51307 0.617955C7.46021 0.529271 7.38522 0.455834 7.29545 0.404836C7.20568 0.353838 7.1042 0.327026 7.00096 0.327026C6.89771 0.327026 6.79624 0.353838 6.70647 0.404836C6.6167 0.455834 6.54171 0.529271 6.48885 0.617955L4.63149 4.37088L0.488746 4.97472C0.383363 4.98994 0.284416 5.0346 0.203286 5.10356C0.122157 5.17252 0.0621407 5.26298 0.03014 5.36453C-0.00402286 5.46571 -0.00924428 5.57442 0.0150645 5.67841C0.0393733 5.7824 0.0922457 5.87753 0.167722 5.95308L3.17924 8.87287L2.4684 13.0003C2.45038 13.1066 2.46229 13.2158 2.50278 13.3157C2.54328 13.4156 2.61077 13.5022 2.6977 13.5659C2.78477 13.628 2.88746 13.6644 2.99416 13.6712C3.10087 13.678 3.20733 13.6547 3.30153 13.6042L7.00096 11.6551L10.708 13.6042C10.79 13.6491 10.882 13.6728 10.9755 13.673C11.0958 13.6716 11.2129 13.6343 11.3119 13.5659C11.3988 13.5022 11.4663 13.4156 11.5068 13.3157C11.5473 13.2158 11.5592 13.1066 11.5412 13.0003L10.8227 8.87287L13.8266 5.95308C13.9033 5.87835 13.9577 5.7836 13.9833 5.67957C14.009 5.57554 14.005 5.4664 13.9718 5.36453Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class StarFillIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/thlarge/ng-package.json b/src/app/components/icons/thlarge/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/thlarge/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/thlarge/public_api.ts b/src/app/components/icons/thlarge/public_api.ts
deleted file mode 100644
index 2e31431..0000000
--- a/src/app/components/icons/thlarge/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './thlarge';
diff --git a/src/app/components/icons/thlarge/thlarge.ts b/src/app/components/icons/thlarge/thlarge.ts
deleted file mode 100644
index 7551c99..0000000
--- a/src/app/components/icons/thlarge/thlarge.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'ThLargeIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M1.90909 6.36364H4.45455C4.96087 6.36364 5.44645 6.1625 5.80448 5.80448C6.1625 5.44645 6.36364 4.96087 6.36364 4.45455V1.90909C6.36364 1.40277 6.1625 0.917184 5.80448 0.55916C5.44645 0.201136 4.96087 0 4.45455 0H1.90909C1.40277 0 0.917184 0.201136 0.55916 0.55916C0.201136 0.917184 0 1.40277 0 1.90909V4.45455C0 4.96087 0.201136 5.44645 0.55916 5.80448C0.917184 6.1625 1.40277 6.36364 1.90909 6.36364ZM1.46154 1.46154C1.58041 1.34268 1.741 1.27492 1.90909 1.27273H4.45455C4.62264 1.27492 4.78322 1.34268 4.90209 1.46154C5.02096 1.58041 5.08871 1.741 5.09091 1.90909V4.45455C5.08871 4.62264 5.02096 4.78322 4.90209 4.90209C4.78322 5.02096 4.62264 5.08871 4.45455 5.09091H1.90909C1.741 5.08871 1.58041 5.02096 1.46154 4.90209C1.34268 4.78322 1.27492 4.62264 1.27273 4.45455V1.90909C1.27492 1.741 1.34268 1.58041 1.46154 1.46154ZM1.90909 14H4.45455C4.96087 14 5.44645 13.7989 5.80448 13.4408C6.1625 13.0828 6.36364 12.5972 6.36364 12.0909V9.54544C6.36364 9.03912 6.1625 8.55354 5.80448 8.19551C5.44645 7.83749 4.96087 7.63635 4.45455 7.63635H1.90909C1.40277 7.63635 0.917184 7.83749 0.55916 8.19551C0.201136 8.55354 0 9.03912 0 9.54544V12.0909C0 12.5972 0.201136 13.0828 0.55916 13.4408C0.917184 13.7989 1.40277 14 1.90909 14ZM1.46154 9.0979C1.58041 8.97903 1.741 8.91128 1.90909 8.90908H4.45455C4.62264 8.91128 4.78322 8.97903 4.90209 9.0979C5.02096 9.21677 5.08871 9.37735 5.09091 9.54544V12.0909C5.08871 12.259 5.02096 12.4196 4.90209 12.5384C4.78322 12.6573 4.62264 12.7251 4.45455 12.7273H1.90909C1.741 12.7251 1.58041 12.6573 1.46154 12.5384C1.34268 12.4196 1.27492 12.259 1.27273 12.0909V9.54544C1.27492 9.37735 1.34268 9.21677 1.46154 9.0979ZM12.0909 6.36364H9.54544C9.03912 6.36364 8.55354 6.1625 8.19551 5.80448C7.83749 5.44645 7.63635 4.96087 7.63635 4.45455V1.90909C7.63635 1.40277 7.83749 0.917184 8.19551 0.55916C8.55354 0.201136 9.03912 0 9.54544 0H12.0909C12.5972 0 13.0828 0.201136 13.4408 0.55916C13.7989 0.917184 14 1.40277 14 1.90909V4.45455C14 4.96087 13.7989 5.44645 13.4408 5.80448C13.0828 6.1625 12.5972 6.36364 12.0909 6.36364ZM9.54544 1.27273C9.37735 1.27492 9.21677 1.34268 9.0979 1.46154C8.97903 1.58041 8.91128 1.741 8.90908 1.90909V4.45455C8.91128 4.62264 8.97903 4.78322 9.0979 4.90209C9.21677 5.02096 9.37735 5.08871 9.54544 5.09091H12.0909C12.259 5.08871 12.4196 5.02096 12.5384 4.90209C12.6573 4.78322 12.7251 4.62264 12.7273 4.45455V1.90909C12.7251 1.741 12.6573 1.58041 12.5384 1.46154C12.4196 1.34268 12.259 1.27492 12.0909 1.27273H9.54544ZM9.54544 14H12.0909C12.5972 14 13.0828 13.7989 13.4408 13.4408C13.7989 13.0828 14 12.5972 14 12.0909V9.54544C14 9.03912 13.7989 8.55354 13.4408 8.19551C13.0828 7.83749 12.5972 7.63635 12.0909 7.63635H9.54544C9.03912 7.63635 8.55354 7.83749 8.19551 8.19551C7.83749 8.55354 7.63635 9.03912 7.63635 9.54544V12.0909C7.63635 12.5972 7.83749 13.0828 8.19551 13.4408C8.55354 13.7989 9.03912 14 9.54544 14ZM9.0979 9.0979C9.21677 8.97903 9.37735 8.91128 9.54544 8.90908H12.0909C12.259 8.91128 12.4196 8.97903 12.5384 9.0979C12.6573 9.21677 12.7251 9.37735 12.7273 9.54544V12.0909C12.7251 12.259 12.6573 12.4196 12.5384 12.5384C12.4196 12.6573 12.259 12.7251 12.0909 12.7273H9.54544C9.37735 12.7251 9.21677 12.6573 9.0979 12.5384C8.97903 12.4196 8.91128 12.259 8.90908 12.0909V9.54544C8.91128 9.37735 8.97903 9.21677 9.0979 9.0979Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class ThLargeIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/times/ng-package.json b/src/app/components/icons/times/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/times/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/times/public_api.ts b/src/app/components/icons/times/public_api.ts
deleted file mode 100644
index 1fda7cf..0000000
--- a/src/app/components/icons/times/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './times';
diff --git a/src/app/components/icons/times/times.ts b/src/app/components/icons/times/times.ts
deleted file mode 100644
index c7f08c5..0000000
--- a/src/app/components/icons/times/times.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-
-@Component({
-    selector: 'TimesIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <path
-                d="M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-})
-export class TimesIcon extends BaseIcon {}
diff --git a/src/app/components/icons/timescircle/ng-package.json b/src/app/components/icons/timescircle/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/timescircle/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/timescircle/public_api.ts b/src/app/components/icons/timescircle/public_api.ts
deleted file mode 100644
index ad5ee1c..0000000
--- a/src/app/components/icons/timescircle/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './timescircle';
diff --git a/src/app/components/icons/timescircle/timescircle.ts b/src/app/components/icons/timescircle/timescircle.ts
deleted file mode 100644
index 9cb6d8a..0000000
--- a/src/app/components/icons/timescircle/timescircle.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'TimesCircleIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M7 14C5.61553 14 4.26215 13.5895 3.11101 12.8203C1.95987 12.0511 1.06266 10.9579 0.532846 9.67879C0.00303296 8.3997 -0.13559 6.99224 0.134506 5.63437C0.404603 4.2765 1.07129 3.02922 2.05026 2.05026C3.02922 1.07129 4.2765 0.404603 5.63437 0.134506C6.99224 -0.13559 8.3997 0.00303296 9.67879 0.532846C10.9579 1.06266 12.0511 1.95987 12.8203 3.11101C13.5895 4.26215 14 5.61553 14 7C14 8.85652 13.2625 10.637 11.9497 11.9497C10.637 13.2625 8.85652 14 7 14ZM7 1.16667C5.84628 1.16667 4.71846 1.50879 3.75918 2.14976C2.79989 2.79074 2.05222 3.70178 1.61071 4.76768C1.16919 5.83358 1.05367 7.00647 1.27876 8.13803C1.50384 9.26958 2.05941 10.309 2.87521 11.1248C3.69102 11.9406 4.73042 12.4962 5.86198 12.7212C6.99353 12.9463 8.16642 12.8308 9.23232 12.3893C10.2982 11.9478 11.2093 11.2001 11.8502 10.2408C12.4912 9.28154 12.8333 8.15373 12.8333 7C12.8333 5.45291 12.2188 3.96918 11.1248 2.87521C10.0308 1.78125 8.5471 1.16667 7 1.16667ZM4.66662 9.91668C4.58998 9.91704 4.51404 9.90209 4.44325 9.87271C4.37246 9.84333 4.30826 9.8001 4.2544 9.74557C4.14516 9.6362 4.0838 9.48793 4.0838 9.33335C4.0838 9.17876 4.14516 9.0305 4.2544 8.92113L6.17553 7L4.25443 5.07891C4.15139 4.96832 4.09529 4.82207 4.09796 4.67094C4.10063 4.51982 4.16185 4.37563 4.26872 4.26876C4.3756 4.16188 4.51979 4.10066 4.67091 4.09799C4.82204 4.09532 4.96829 4.15142 5.07887 4.25446L6.99997 6.17556L8.92106 4.25446C9.03164 4.15142 9.1779 4.09532 9.32903 4.09799C9.48015 4.10066 9.62434 4.16188 9.73121 4.26876C9.83809 4.37563 9.89931 4.51982 9.90198 4.67094C9.90464 4.82207 9.84855 4.96832 9.74551 5.07891L7.82441 7L9.74554 8.92113C9.85478 9.0305 9.91614 9.17876 9.91614 9.33335C9.91614 9.48793 9.85478 9.6362 9.74554 9.74557C9.69168 9.8001 9.62748 9.84333 9.55669 9.87271C9.4859 9.90209 9.40996 9.91704 9.33332 9.91668C9.25668 9.91704 9.18073 9.90209 9.10995 9.87271C9.03916 9.84333 8.97495 9.8001 8.9211 9.74557L6.99997 7.82444L5.07884 9.74557C5.02499 9.8001 4.96078 9.84333 4.88999 9.87271C4.81921 9.90209 4.74326 9.91704 4.66662 9.91668Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class TimesCircleIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/trash/ng-package.json b/src/app/components/icons/trash/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/trash/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/trash/public_api.ts b/src/app/components/icons/trash/public_api.ts
deleted file mode 100644
index 5341ba2..0000000
--- a/src/app/components/icons/trash/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './trash';
diff --git a/src/app/components/icons/trash/trash.ts b/src/app/components/icons/trash/trash.ts
deleted file mode 100644
index 6505a11..0000000
--- a/src/app/components/icons/trash/trash.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'TrashIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M3.44802 13.9955H10.552C10.8056 14.0129 11.06 13.9797 11.3006 13.898C11.5412 13.8163 11.7632 13.6877 11.9537 13.5196C12.1442 13.3515 12.2995 13.1473 12.4104 12.9188C12.5213 12.6903 12.5858 12.442 12.6 12.1884V4.36041H13.4C13.5591 4.36041 13.7117 4.29722 13.8243 4.18476C13.9368 4.07229 14 3.91976 14 3.76071C14 3.60166 13.9368 3.44912 13.8243 3.33666C13.7117 3.22419 13.5591 3.16101 13.4 3.16101H12.0537C12.0203 3.1557 11.9863 3.15299 11.952 3.15299C11.9178 3.15299 11.8838 3.1557 11.8503 3.16101H11.2285C11.2421 3.10893 11.2487 3.05513 11.248 3.00106V1.80966C11.2171 1.30262 10.9871 0.828306 10.608 0.48989C10.229 0.151475 9.73159 -0.0236625 9.22402 0.00257442H4.77602C4.27251 -0.0171866 3.78126 0.160868 3.40746 0.498617C3.03365 0.836366 2.807 1.30697 2.77602 1.80966V3.00106C2.77602 3.0556 2.78346 3.10936 2.79776 3.16101H0.6C0.521207 3.16101 0.443185 3.17652 0.37039 3.20666C0.297595 3.2368 0.231451 3.28097 0.175736 3.33666C0.120021 3.39235 0.0758251 3.45846 0.0456722 3.53121C0.0155194 3.60397 0 3.68196 0 3.76071C0 3.83946 0.0155194 3.91744 0.0456722 3.9902C0.0758251 4.06296 0.120021 4.12907 0.175736 4.18476C0.231451 4.24045 0.297595 4.28462 0.37039 4.31476C0.443185 4.3449 0.521207 4.36041 0.6 4.36041H1.40002V12.1884C1.41426 12.442 1.47871 12.6903 1.58965 12.9188C1.7006 13.1473 1.85582 13.3515 2.04633 13.5196C2.23683 13.6877 2.45882 13.8163 2.69944 13.898C2.94005 13.9797 3.1945 14.0129 3.44802 13.9955ZM2.60002 4.36041H11.304V12.1884C11.304 12.5163 10.952 12.7961 10.504 12.7961H3.40002C2.97602 12.7961 2.60002 12.5163 2.60002 12.1884V4.36041ZM3.95429 3.16101C3.96859 3.10936 3.97602 3.0556 3.97602 3.00106V1.80966C3.97602 1.48183 4.33602 1.20197 4.77602 1.20197H9.24802C9.66403 1.20197 10.048 1.48183 10.048 1.80966V3.00106C10.0473 3.05515 10.054 3.10896 10.0678 3.16101H3.95429ZM5.57571 10.997C5.41731 10.995 5.26597 10.9311 5.15395 10.8191C5.04193 10.7071 4.97808 10.5558 4.97601 10.3973V6.77517C4.97601 6.61612 5.0392 6.46359 5.15166 6.35112C5.26413 6.23866 5.41666 6.17548 5.57571 6.17548C5.73476 6.17548 5.8873 6.23866 5.99976 6.35112C6.11223 6.46359 6.17541 6.61612 6.17541 6.77517V10.3894C6.17647 10.4688 6.16174 10.5476 6.13208 10.6213C6.10241 10.695 6.05841 10.762 6.00261 10.8186C5.94682 10.8751 5.88035 10.92 5.80707 10.9506C5.73378 10.9813 5.65514 10.9971 5.57571 10.997ZM7.99968 10.8214C8.11215 10.9339 8.26468 10.997 8.42373 10.997C8.58351 10.9949 8.73604 10.93 8.84828 10.8163C8.96052 10.7025 9.02345 10.5491 9.02343 10.3894V6.77517C9.02343 6.61612 8.96025 6.46359 8.84778 6.35112C8.73532 6.23866 8.58278 6.17548 8.42373 6.17548C8.26468 6.17548 8.11215 6.23866 7.99968 6.35112C7.88722 6.46359 7.82404 6.61612 7.82404 6.77517V10.3973C7.82404 10.5564 7.88722 10.7089 7.99968 10.8214Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class TrashIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/undo/ng-package.json b/src/app/components/icons/undo/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/undo/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/undo/public_api.ts b/src/app/components/icons/undo/public_api.ts
deleted file mode 100644
index 2381ba3..0000000
--- a/src/app/components/icons/undo/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './undo';
diff --git a/src/app/components/icons/undo/undo.ts b/src/app/components/icons/undo/undo.ts
deleted file mode 100644
index 9ae8303..0000000
--- a/src/app/components/icons/undo/undo.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'UndoIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M6.77042 5.96336C6.84315 5.99355 6.92118 6.00891 6.99993 6.00854C7.07868 6.00891 7.15671 5.99355 7.22944 5.96336C7.30217 5.93317 7.36814 5.88876 7.42348 5.83273C7.53572 5.72035 7.59876 5.56801 7.59876 5.40918C7.59876 5.25035 7.53572 5.09802 7.42348 4.98564L6.04897 3.61113H6.99998C7.9088 3.61113 8.79722 3.88063 9.55288 4.38554C10.3085 4.89046 10.8975 5.60811 11.2453 6.44776C11.5931 7.2874 11.6841 8.21132 11.5068 9.10268C11.3295 9.99404 10.8918 10.8128 10.2492 11.4554C9.60657 12.0981 8.7878 12.5357 7.89644 12.713C7.00508 12.8903 6.08116 12.7993 5.24152 12.4515C4.40188 12.1037 3.68422 11.5148 3.17931 10.7591C2.67439 10.0035 2.4049 9.11504 2.4049 8.20622C2.4049 8.04726 2.34175 7.89481 2.22935 7.78241C2.11695 7.67001 1.9645 7.60686 1.80554 7.60686C1.64658 7.60686 1.49413 7.67001 1.38172 7.78241C1.26932 7.89481 1.20618 8.04726 1.20618 8.20622C1.20829 9.74218 1.81939 11.2146 2.90548 12.3007C3.99157 13.3868 5.46402 13.9979 6.99998 14C8.5366 14 10.0103 13.3896 11.0968 12.3031C12.1834 11.2165 12.7938 9.74283 12.7938 8.20622C12.7938 6.66961 12.1834 5.19593 11.0968 4.10938C10.0103 3.02283 8.5366 2.41241 6.99998 2.41241H6.04892L7.42348 1.03786C7.48236 0.982986 7.5296 0.916817 7.56235 0.843296C7.59511 0.769775 7.61273 0.690409 7.61415 0.609933C7.61557 0.529456 7.60076 0.449519 7.57062 0.374888C7.54047 0.300257 7.49561 0.232462 7.43869 0.175548C7.38178 0.118634 7.31398 0.0737664 7.23935 0.0436218C7.16472 0.0134773 7.08478 -0.00132663 7.00431 9.32772e-05C6.92383 0.00151319 6.84447 0.019128 6.77095 0.0518865C6.69742 0.0846451 6.63126 0.131876 6.57638 0.190763L4.17895 2.5882C4.06671 2.70058 4.00366 2.85292 4.00366 3.01175C4.00366 3.17058 4.06671 3.32291 4.17895 3.43529L6.57638 5.83273C6.63172 5.88876 6.69769 5.93317 6.77042 5.96336Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class UndoIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/upload/ng-package.json b/src/app/components/icons/upload/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/upload/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/upload/public_api.ts b/src/app/components/icons/upload/public_api.ts
deleted file mode 100644
index 880acb9..0000000
--- a/src/app/components/icons/upload/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './upload';
diff --git a/src/app/components/icons/upload/upload.ts b/src/app/components/icons/upload/upload.ts
deleted file mode 100644
index b606be1..0000000
--- a/src/app/components/icons/upload/upload.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'UploadIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M6.58942 9.82197C6.70165 9.93405 6.85328 9.99793 7.012 10C7.17071 9.99793 7.32234 9.93405 7.43458 9.82197C7.54681 9.7099 7.61079 9.55849 7.61286 9.4V2.04798L9.79204 4.22402C9.84752 4.28011 9.91365 4.32457 9.98657 4.35479C10.0595 4.38502 10.1377 4.40039 10.2167 4.40002C10.2956 4.40039 10.3738 4.38502 10.4467 4.35479C10.5197 4.32457 10.5858 4.28011 10.6413 4.22402C10.7538 4.11152 10.817 3.95902 10.817 3.80002C10.817 3.64102 10.7538 3.48852 10.6413 3.37602L7.45127 0.190618C7.44656 0.185584 7.44176 0.180622 7.43687 0.175736C7.32419 0.063214 7.17136 0 7.012 0C6.85264 0 6.69981 0.063214 6.58712 0.175736C6.58181 0.181045 6.5766 0.186443 6.5715 0.191927L3.38282 3.37602C3.27669 3.48976 3.2189 3.6402 3.22165 3.79564C3.2244 3.95108 3.28746 4.09939 3.39755 4.20932C3.50764 4.31925 3.65616 4.38222 3.81182 4.38496C3.96749 4.3877 4.11814 4.33001 4.23204 4.22402L6.41113 2.04807V9.4C6.41321 9.55849 6.47718 9.7099 6.58942 9.82197ZM11.9952 14H2.02883C1.751 13.9887 1.47813 13.9228 1.22584 13.8061C0.973545 13.6894 0.746779 13.5241 0.558517 13.3197C0.370254 13.1154 0.22419 12.876 0.128681 12.6152C0.0331723 12.3545 -0.00990605 12.0775 0.0019109 11.8V9.40005C0.0019109 9.24092 0.065216 9.08831 0.1779 8.97579C0.290584 8.86326 0.443416 8.80005 0.602775 8.80005C0.762134 8.80005 0.914966 8.86326 1.02765 8.97579C1.14033 9.08831 1.20364 9.24092 1.20364 9.40005V11.8C1.18295 12.0376 1.25463 12.274 1.40379 12.4602C1.55296 12.6463 1.76817 12.7681 2.00479 12.8H11.9952C12.2318 12.7681 12.447 12.6463 12.5962 12.4602C12.7453 12.274 12.817 12.0376 12.7963 11.8V9.40005C12.7963 9.24092 12.8596 9.08831 12.9723 8.97579C13.085 8.86326 13.2378 8.80005 13.3972 8.80005C13.5565 8.80005 13.7094 8.86326 13.8221 8.97579C13.9347 9.08831 13.998 9.24092 13.998 9.40005V11.8C14.022 12.3563 13.8251 12.8996 13.45 13.3116C13.0749 13.7236 12.552 13.971 11.9952 14Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class UploadIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/windowmaximize/ng-package.json b/src/app/components/icons/windowmaximize/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/windowmaximize/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/windowmaximize/public_api.ts b/src/app/components/icons/windowmaximize/public_api.ts
deleted file mode 100644
index 08c6f90..0000000
--- a/src/app/components/icons/windowmaximize/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './windowmaximize';
diff --git a/src/app/components/icons/windowmaximize/windowmaximize.ts b/src/app/components/icons/windowmaximize/windowmaximize.ts
deleted file mode 100644
index 68cf410..0000000
--- a/src/app/components/icons/windowmaximize/windowmaximize.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'WindowMaximizeIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M7 14H11.8C12.3835 14 12.9431 13.7682 13.3556 13.3556C13.7682 12.9431 14 12.3835 14 11.8V2.2C14 1.61652 13.7682 1.05694 13.3556 0.644365C12.9431 0.231785 12.3835 0 11.8 0H2.2C1.61652 0 1.05694 0.231785 0.644365 0.644365C0.231785 1.05694 0 1.61652 0 2.2V7C0 7.15913 0.063214 7.31174 0.175736 7.42426C0.288258 7.53679 0.44087 7.6 0.6 7.6C0.75913 7.6 0.911742 7.53679 1.02426 7.42426C1.13679 7.31174 1.2 7.15913 1.2 7V2.2C1.2 1.93478 1.30536 1.68043 1.49289 1.49289C1.68043 1.30536 1.93478 1.2 2.2 1.2H11.8C12.0652 1.2 12.3196 1.30536 12.5071 1.49289C12.6946 1.68043 12.8 1.93478 12.8 2.2V11.8C12.8 12.0652 12.6946 12.3196 12.5071 12.5071C12.3196 12.6946 12.0652 12.8 11.8 12.8H7C6.84087 12.8 6.68826 12.8632 6.57574 12.9757C6.46321 13.0883 6.4 13.2409 6.4 13.4C6.4 13.5591 6.46321 13.7117 6.57574 13.8243C6.68826 13.9368 6.84087 14 7 14ZM9.77805 7.42192C9.89013 7.534 10.0415 7.59788 10.2 7.59995C10.3585 7.59788 10.5099 7.534 10.622 7.42192C10.7341 7.30985 10.798 7.15844 10.8 6.99995V3.94242C10.8066 3.90505 10.8096 3.86689 10.8089 3.82843C10.8079 3.77159 10.7988 3.7157 10.7824 3.6623C10.756 3.55552 10.701 3.45698 10.622 3.37798C10.5099 3.2659 10.3585 3.20202 10.2 3.19995H7.00002C6.84089 3.19995 6.68828 3.26317 6.57576 3.37569C6.46324 3.48821 6.40002 3.64082 6.40002 3.79995C6.40002 3.95908 6.46324 4.11169 6.57576 4.22422C6.68828 4.33674 6.84089 4.39995 7.00002 4.39995H8.80006L6.19997 7.00005C6.10158 7.11005 6.04718 7.25246 6.04718 7.40005C6.04718 7.54763 6.10158 7.69004 6.19997 7.80005C6.30202 7.91645 6.44561 7.98824 6.59997 8.00005C6.75432 7.98824 6.89791 7.91645 6.99997 7.80005L9.60002 5.26841V6.99995C9.6021 7.15844 9.66598 7.30985 9.77805 7.42192ZM1.4 14H3.8C4.17066 13.9979 4.52553 13.8498 4.78763 13.5877C5.04973 13.3256 5.1979 12.9707 5.2 12.6V10.2C5.1979 9.82939 5.04973 9.47452 4.78763 9.21242C4.52553 8.95032 4.17066 8.80215 3.8 8.80005H1.4C1.02934 8.80215 0.674468 8.95032 0.412371 9.21242C0.150274 9.47452 0.00210008 9.82939 0 10.2V12.6C0.00210008 12.9707 0.150274 13.3256 0.412371 13.5877C0.674468 13.8498 1.02934 13.9979 1.4 14ZM1.25858 10.0586C1.29609 10.0211 1.34696 10 1.4 10H3.8C3.85304 10 3.90391 10.0211 3.94142 10.0586C3.97893 10.0961 4 10.147 4 10.2V12.6C4 12.6531 3.97893 12.704 3.94142 12.7415C3.90391 12.779 3.85304 12.8 3.8 12.8H1.4C1.34696 12.8 1.29609 12.779 1.25858 12.7415C1.22107 12.704 1.2 12.6531 1.2 12.6V10.2C1.2 10.147 1.22107 10.0961 1.25858 10.0586Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class WindowMaximizeIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/icons/windowminimize/ng-package.json b/src/app/components/icons/windowminimize/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/icons/windowminimize/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/icons/windowminimize/public_api.ts b/src/app/components/icons/windowminimize/public_api.ts
deleted file mode 100644
index 32d6c6a..0000000
--- a/src/app/components/icons/windowminimize/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './windowminimize';
diff --git a/src/app/components/icons/windowminimize/windowminimize.ts b/src/app/components/icons/windowminimize/windowminimize.ts
deleted file mode 100644
index d78b064..0000000
--- a/src/app/components/icons/windowminimize/windowminimize.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseIcon } from 'primeng/baseicon';
-import { UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'WindowMinimizeIcon',
-    standalone: true,
-    imports: [BaseIcon],
-    template: `
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.aria-label]="ariaLabel" [attr.aria-hidden]="ariaHidden" [attr.role]="role" [class]="getClassNames()">
-            <g [attr.clip-path]="pathId">
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M11.8 0H2.2C1.61652 0 1.05694 0.231785 0.644365 0.644365C0.231785 1.05694 0 1.61652 0 2.2V7C0 7.15913 0.063214 7.31174 0.175736 7.42426C0.288258 7.53679 0.44087 7.6 0.6 7.6C0.75913 7.6 0.911742 7.53679 1.02426 7.42426C1.13679 7.31174 1.2 7.15913 1.2 7V2.2C1.2 1.93478 1.30536 1.68043 1.49289 1.49289C1.68043 1.30536 1.93478 1.2 2.2 1.2H11.8C12.0652 1.2 12.3196 1.30536 12.5071 1.49289C12.6946 1.68043 12.8 1.93478 12.8 2.2V11.8C12.8 12.0652 12.6946 12.3196 12.5071 12.5071C12.3196 12.6946 12.0652 12.8 11.8 12.8H7C6.84087 12.8 6.68826 12.8632 6.57574 12.9757C6.46321 13.0883 6.4 13.2409 6.4 13.4C6.4 13.5591 6.46321 13.7117 6.57574 13.8243C6.68826 13.9368 6.84087 14 7 14H11.8C12.3835 14 12.9431 13.7682 13.3556 13.3556C13.7682 12.9431 14 12.3835 14 11.8V2.2C14 1.61652 13.7682 1.05694 13.3556 0.644365C12.9431 0.231785 12.3835 0 11.8 0ZM6.368 7.952C6.44137 7.98326 6.52025 7.99958 6.6 8H9.8C9.95913 8 10.1117 7.93678 10.2243 7.82426C10.3368 7.71174 10.4 7.55913 10.4 7.4C10.4 7.24087 10.3368 7.08826 10.2243 6.97574C10.1117 6.86321 9.95913 6.8 9.8 6.8H8.048L10.624 4.224C10.73 4.11026 10.7877 3.95982 10.7849 3.80438C10.7822 3.64894 10.7192 3.50063 10.6093 3.3907C10.4994 3.28077 10.3511 3.2178 10.1956 3.21506C10.0402 3.21232 9.88974 3.27002 9.776 3.376L7.2 5.952V4.2C7.2 4.04087 7.13679 3.88826 7.02426 3.77574C6.91174 3.66321 6.75913 3.6 6.6 3.6C6.44087 3.6 6.28826 3.66321 6.17574 3.77574C6.06321 3.88826 6 4.04087 6 4.2V7.4C6.00042 7.47975 6.01674 7.55862 6.048 7.632C6.07656 7.70442 6.11971 7.7702 6.17475 7.82524C6.2298 7.88029 6.29558 7.92344 6.368 7.952ZM1.4 8.80005H3.8C4.17066 8.80215 4.52553 8.95032 4.78763 9.21242C5.04973 9.47452 5.1979 9.82939 5.2 10.2V12.6C5.1979 12.9707 5.04973 13.3256 4.78763 13.5877C4.52553 13.8498 4.17066 13.9979 3.8 14H1.4C1.02934 13.9979 0.674468 13.8498 0.412371 13.5877C0.150274 13.3256 0.00210008 12.9707 0 12.6V10.2C0.00210008 9.82939 0.150274 9.47452 0.412371 9.21242C0.674468 8.95032 1.02934 8.80215 1.4 8.80005ZM3.94142 12.7415C3.97893 12.704 4 12.6531 4 12.6V10.2C4 10.147 3.97893 10.0961 3.94142 10.0586C3.90391 10.0211 3.85304 10 3.8 10H1.4C1.34696 10 1.29609 10.0211 1.25858 10.0586C1.22107 10.0961 1.2 10.147 1.2 10.2V12.6C1.2 12.6531 1.22107 12.704 1.25858 12.7415C1.29609 12.779 1.34696 12.8 1.4 12.8H3.8C3.85304 12.8 3.90391 12.779 3.94142 12.7415Z"
-                    fill="currentColor"
-                />
-            </g>
-            <defs>
-                <clipPath [id]="pathId">
-                    <rect width="14" height="14" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class WindowMinimizeIcon extends BaseIcon {
-    pathId: string;
-
-    ngOnInit() {
-        this.pathId = 'url(#' + UniqueComponentId() + ')';
-    }
-}
diff --git a/src/app/components/image/image.css b/src/app/components/image/image.css
deleted file mode 100644
index cab0d42..0000000
--- a/src/app/components/image/image.css
+++ /dev/null
@@ -1,70 +0,0 @@
-@layer primeng {
-    .p-image-mask {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-image-preview-container {
-        position: relative;
-        display: inline-block;
-        line-height: 0;
-    }
-
-    .p-image-preview-indicator {
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-        outline: none;
-        border: none;
-        padding: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        opacity: 0;
-        transition: opacity 0.3s;
-    }
-
-    .p-image-preview-icon.pi {
-        font-size: 1.5rem;
-    }
-
-    .p-image-preview-icon.p-icon {
-        scale: 1.5;
-    }
-
-    .p-image-preview-container:hover > .p-image-preview-indicator {
-        opacity: 1;
-        cursor: pointer;
-    }
-
-    .p-image-preview-container > img {
-        cursor: pointer;
-    }
-
-    .p-image-toolbar {
-        position: absolute;
-        top: 0;
-        right: 0;
-        display: flex;
-        z-index: 1;
-    }
-
-    .p-image-action.p-link {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
-
-    .p-image-action.p-link[disabled] {
-        opacity: 0.5;
-    }
-
-    .p-image-preview {
-        transition: transform 0.15s;
-        max-width: 100vw;
-        max-height: 100vh;
-    }
-}
diff --git a/src/app/components/image/image.interface.ts b/src/app/components/image/image.interface.ts
deleted file mode 100644
index ec6971d..0000000
--- a/src/app/components/image/image.interface.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in Image.
- * @group Templates
- */
-export interface ImageTemplates {
-    /**
-     * Custom template of indicator.
-     */
-    indicator(): TemplateRef<any>;
-    /**
-     * Custom template of rotaterighticon.
-     */
-    rotaterighticon(): TemplateRef<any>;
-    /**
-     * Custom template of rotatelefticon.
-     */
-    rotatelefticon(): TemplateRef<any>;
-    /**
-     * Custom template of zoomouticon.
-     */
-    zoomouticon(): TemplateRef<any>;
-    /**
-     * Custom template of zoominicon.
-     */
-    zoominicon(): TemplateRef<any>;
-    /**
-     * Custom template of closeicon.
-     */
-    closeicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/image/image.spec.ts b/src/app/components/image/image.spec.ts
deleted file mode 100644
index e478b63..0000000
--- a/src/app/components/image/image.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { TestBed, ComponentFixture, async } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Image, ImageModule } from './image';
-
-describe('Image', () => {
-    let image: Image;
-    let fixture: ComponentFixture<Image>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, ImageModule]
-        });
-
-        fixture = TestBed.createComponent(Image);
-        image = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const imageEl = fixture.debugElement.query(By.css('.p-image'));
-        expect(imageEl.nativeElement).toBeTruthy();
-    });
-});
diff --git a/src/app/components/image/image.ts b/src/app/components/image/image.ts
deleted file mode 100644
index 30bf5b6..0000000
--- a/src/app/components/image/image.ts
+++ /dev/null
@@ -1,461 +0,0 @@
-import { AnimationEvent, animate, style, transition, trigger } from '@angular/animations';
-import { CommonModule, DOCUMENT } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    HostListener,
-    Inject,
-    Input,
-    NgModule,
-    Output,
-    QueryList,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute
-} from '@angular/core';
-import { SafeUrl } from '@angular/platform-browser';
-import { PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { EyeIcon } from 'primeng/icons/eye';
-import { RefreshIcon } from 'primeng/icons/refresh';
-import { SearchMinusIcon } from 'primeng/icons/searchminus';
-import { SearchPlusIcon } from 'primeng/icons/searchplus';
-import { TimesIcon } from 'primeng/icons/times';
-import { UndoIcon } from 'primeng/icons/undo';
-import { ZIndexUtils } from 'primeng/utils';
-import { Nullable } from 'primeng/ts-helpers';
-import { FocusTrapModule } from 'primeng/focustrap';
-
-/**
- * Displays an image with preview and tranformation options. For multiple image, see Galleria.
- * @group Components
- */
-@Component({
-    selector: 'p-image',
-    template: `
-        <span [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="style">
-            <img [attr.src]="src" [attr.srcset]="srcSet" [attr.sizes]="sizes" [attr.alt]="alt" [attr.width]="width" [attr.height]="height" [attr.loading]="loading" [ngStyle]="imageStyle" [class]="imageClass" (error)="imageError($event)" />
-            <button *ngIf="preview" [attr.aria-label]="zoomImageAriaLabel" type="button" class="p-image-preview-indicator" (click)="onImageClick()" #previewButton [ngStyle]="{ height: height + 'px', width: width + 'px', border: 'none' }">
-                <ng-container *ngIf="indicatorTemplate; else defaultTemplate">
-                    <ng-container *ngTemplateOutlet="indicatorTemplate"></ng-container>
-                </ng-container>
-                <ng-template #defaultTemplate>
-                    <EyeIcon [styleClass]="'p-image-preview-icon'" />
-                </ng-template>
-            </button>
-            <div #mask class="p-image-mask p-component-overlay p-component-overlay-enter" *ngIf="maskVisible" [attr.aria-modal]="maskVisible" role="dialog" (click)="onMaskClick()" (keydown)="onMaskKeydown($event)" pFocusTrap>
-                <div class="p-image-toolbar" (click)="handleToolbarClick($event)">
-                    <button class="p-image-action p-link" (click)="rotateRight()" type="button" [attr.aria-label]="rightAriaLabel()">
-                        <RefreshIcon *ngIf="!rotateRightIconTemplate" />
-                        <ng-template *ngTemplateOutlet="rotateRightIconTemplate"></ng-template>
-                    </button>
-                    <button class="p-image-action p-link" (click)="rotateLeft()" type="button" [attr.aria-label]="leftAriaLabel()">
-                        <UndoIcon *ngIf="!rotateLeftIconTemplate" />
-                        <ng-template *ngTemplateOutlet="rotateLeftIconTemplate"></ng-template>
-                    </button>
-                    <button class="p-image-action p-link" (click)="zoomOut()" type="button" [disabled]="isZoomOutDisabled" [attr.aria-label]="zoomOutAriaLabel()">
-                        <SearchMinusIcon *ngIf="!zoomOutIconTemplate" />
-                        <ng-template *ngTemplateOutlet="zoomOutIconTemplate"></ng-template>
-                    </button>
-                    <button class="p-image-action p-link" (click)="zoomIn()" type="button" [disabled]="isZoomInDisabled" [attr.aria-label]="zoomInAriaLabel()">
-                        <SearchPlusIcon *ngIf="!zoomInIconTemplate" />
-                        <ng-template *ngTemplateOutlet="zoomInIconTemplate"></ng-template>
-                    </button>
-                    <button class="p-image-action p-link" type="button" (click)="closePreview()" [attr.aria-label]="closeAriaLabel()" #closeButton>
-                        <TimesIcon *ngIf="!closeIconTemplate" />
-                        <ng-template *ngTemplateOutlet="closeIconTemplate"></ng-template>
-                    </button>
-                </div>
-                <div
-                    *ngIf="previewVisible"
-                    [@animation]="{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }"
-                    (@animation.start)="onAnimationStart($event)"
-                    (@animation.done)="onAnimationEnd($event)"
-                >
-                    <img [attr.src]="previewImageSrc ? previewImageSrc : src" [attr.srcset]="previewImageSrcSet" [attr.sizes]="previewImageSizes" class="p-image-preview" [ngStyle]="imagePreviewStyle()" (click)="onPreviewImageClick()" />
-                </div>
-            </div>
-        </span>
-    `,
-    animations: [
-        trigger('animation', [
-            transition('void => visible', [style({ transform: 'scale(0.7)', opacity: 0 }), animate('{{showTransitionParams}}')]),
-            transition('visible => void', [animate('{{hideTransitionParams}}', style({ transform: 'scale(0.7)', opacity: 0 }))])
-        ])
-    ],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./image.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Image implements AfterContentInit {
-    /**
-     * Style class of the image element.
-     * @group Props
-     */
-    @Input() imageClass: string | undefined;
-    /**
-     * Inline style of the image element.
-     * @group Props
-     */
-    @Input() imageStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * The source path for the main image.
-     * @group Props
-     */
-    @Input() src: string | SafeUrl | undefined;
-    /**
-     * The srcset definition for the main image.
-     * @group Props
-     */
-    @Input() srcSet: string | SafeUrl | undefined;
-    /**
-     * The sizes definition for the main image.
-     * @group Props
-     */
-    @Input() sizes: string | undefined;
-    /**
-     * The source path for the preview image.
-     * @group Props
-     */
-    @Input() previewImageSrc: string | SafeUrl | undefined;
-    /**
-     * The srcset definition for the preview image.
-     * @group Props
-     */
-    @Input() previewImageSrcSet: string | SafeUrl | undefined;
-    /**
-     * The sizes definition for the preview image.
-     * @group Props
-     */
-    @Input() previewImageSizes: string | undefined;
-    /**
-     * Attribute of the preview image element.
-     * @group Props
-     */
-    @Input() alt: string | undefined;
-    /**
-     * Attribute of the image element.
-     * @group Props
-     */
-    @Input() width: string | undefined;
-    /**
-     * Attribute of the image element.
-     * @group Props
-     */
-    @Input() height: string | undefined;
-    /**
-     * Attribute of the image element.
-     * @group Props
-     */
-    @Input() loading: 'lazy' | 'eager' | undefined;
-    /**
-     * Target element to attach the dialog, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Controls the preview functionality.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) preview: boolean = false;
-    /**
-     * Transition options of the show animation
-     * @group Props
-     */
-    @Input() showTransitionOptions: string = '150ms cubic-bezier(0, 0, 0.2, 1)';
-    /**
-     * Transition options of the hide animation
-     * @group Props
-     */
-    @Input() hideTransitionOptions: string = '150ms cubic-bezier(0, 0, 0.2, 1)';
-    /**
-     * Triggered when the preview overlay is shown.
-     * @group Emits
-     */
-    @Output() onShow: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Triggered when the preview overlay is hidden.
-     * @group Emits
-     */
-    @Output() onHide: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * This event is triggered if an error occurs while loading an image file.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onImageError: EventEmitter<Event> = new EventEmitter<Event>();
-
-    @ViewChild('mask') mask: ElementRef | undefined;
-
-    @ViewChild('previewButton') previewButton: ElementRef | undefined;
-
-    @ViewChild('closeButton') closeButton: ElementRef | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    indicatorTemplate: TemplateRef<any> | undefined;
-
-    rotateRightIconTemplate: TemplateRef<any> | undefined;
-
-    rotateLeftIconTemplate: TemplateRef<any> | undefined;
-
-    zoomOutIconTemplate: TemplateRef<any> | undefined;
-
-    zoomInIconTemplate: TemplateRef<any> | undefined;
-
-    closeIconTemplate: TemplateRef<any> | undefined;
-
-    maskVisible: boolean = false;
-
-    previewVisible: boolean = false;
-
-    rotate: number = 0;
-
-    scale: number = 1;
-
-    previewClick: boolean = false;
-
-    container: Nullable<HTMLElement>;
-
-    wrapper: Nullable<HTMLElement>;
-
-    public get isZoomOutDisabled(): boolean {
-        return this.scale - this.zoomSettings.step <= this.zoomSettings.min;
-    }
-
-    public get isZoomInDisabled(): boolean {
-        return this.scale + this.zoomSettings.step >= this.zoomSettings.max;
-    }
-
-    private zoomSettings = {
-        default: 1,
-        step: 0.1,
-        max: 1.5,
-        min: 0.5
-    };
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        private config: PrimeNGConfig,
-        private cd: ChangeDetectorRef,
-        public el: ElementRef
-    ) {}
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'indicator':
-                    this.indicatorTemplate = item.template;
-                    break;
-
-                case 'rotaterighticon':
-                    this.rotateRightIconTemplate = item.template;
-                    break;
-
-                case 'rotatelefticon':
-                    this.rotateLeftIconTemplate = item.template;
-                    break;
-
-                case 'zoomouticon':
-                    this.zoomOutIconTemplate = item.template;
-                    break;
-
-                case 'zoominicon':
-                    this.zoomInIconTemplate = item.template;
-                    break;
-
-                case 'closeicon':
-                    this.closeIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.indicatorTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    onImageClick() {
-        if (this.preview) {
-            this.maskVisible = true;
-            this.previewVisible = true;
-            DomHandler.blockBodyScroll();
-        }
-    }
-
-    onMaskClick() {
-        if (!this.previewClick) {
-            this.closePreview();
-        }
-
-        this.previewClick = false;
-    }
-
-    onMaskKeydown(event) {
-        switch (event.code) {
-            case 'Escape':
-                this.onMaskClick();
-                setTimeout(() => {
-                    DomHandler.focus(this.previewButton.nativeElement);
-                }, 25);
-                event.preventDefault();
-
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    onPreviewImageClick() {
-        this.previewClick = true;
-    }
-
-    rotateRight() {
-        this.rotate += 90;
-        this.previewClick = true;
-    }
-
-    rotateLeft() {
-        this.rotate -= 90;
-        this.previewClick = true;
-    }
-
-    zoomIn() {
-        this.scale = this.scale + this.zoomSettings.step;
-        this.previewClick = true;
-    }
-
-    zoomOut() {
-        this.scale = this.scale - this.zoomSettings.step;
-        this.previewClick = true;
-    }
-
-    onAnimationStart(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-                this.container = event.element;
-                this.wrapper = this.container?.parentElement;
-                this.appendContainer();
-                this.moveOnTop();
-
-                setTimeout(() => {
-                    DomHandler.focus(this.closeButton.nativeElement);
-                }, 25);
-                break;
-
-            case 'void':
-                DomHandler.addClass(this.wrapper, 'p-component-overlay-leave');
-                break;
-        }
-    }
-
-    onAnimationEnd(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'void':
-                ZIndexUtils.clear(this.wrapper);
-                this.maskVisible = false;
-                this.container = null;
-                this.wrapper = null;
-                this.cd.markForCheck();
-                this.onHide.emit({});
-                break;
-            case 'visible':
-                this.onShow.emit({});
-                break;
-        }
-    }
-
-    moveOnTop() {
-        ZIndexUtils.set('modal', this.wrapper, this.config.zIndex.modal);
-    }
-
-    appendContainer() {
-        if (this.appendTo) {
-            if (this.appendTo === 'body') this.document.body.appendChild(this.wrapper as HTMLElement);
-            else DomHandler.appendChild(this.wrapper, this.appendTo);
-        }
-    }
-
-    imagePreviewStyle() {
-        return { transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')' };
-    }
-
-    get zoomImageAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.zoomImage : undefined;
-    }
-
-    containerClass() {
-        return {
-            'p-image p-component': true,
-            'p-image-preview-container': this.preview
-        };
-    }
-
-    handleToolbarClick(event: MouseEvent): void {
-        event.stopPropagation();
-    }
-
-    closePreview(): void {
-        this.previewVisible = false;
-        this.rotate = 0;
-        this.scale = this.zoomSettings.default;
-        DomHandler.unblockBodyScroll();
-    }
-
-    imageError(event: Event) {
-        this.onImageError.emit(event);
-    }
-
-    rightAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.rotateRight : undefined;
-    }
-
-    leftAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.rotateLeft : undefined;
-    }
-
-    zoomInAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.zoomIn : undefined;
-    }
-
-    zoomOutAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.zoomOut : undefined;
-    }
-
-    closeAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.close : undefined;
-    }
-
-    @HostListener('document:keydown.escape', ['$event']) onKeydownHandler(event: KeyboardEvent) {
-        if (this.previewVisible) {
-            this.closePreview();
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, RefreshIcon, EyeIcon, UndoIcon, SearchMinusIcon, SearchPlusIcon, TimesIcon, FocusTrapModule],
-    exports: [Image, SharedModule],
-    declarations: [Image]
-})
-export class ImageModule {}
diff --git a/src/app/components/image/ng-package.json b/src/app/components/image/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/image/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/image/public_api.ts b/src/app/components/image/public_api.ts
deleted file mode 100644
index 31401f6..0000000
--- a/src/app/components/image/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './image';
-export * from './image.interface';
diff --git a/src/app/components/inplace/inplace.css b/src/app/components/inplace/inplace.css
deleted file mode 100644
index 3e56077..0000000
--- a/src/app/components/inplace/inplace.css
+++ /dev/null
@@ -1,19 +0,0 @@
-@layer primeng {
-    .p-inplace .p-inplace-display {
-        display: inline;
-        cursor: pointer;
-    }
-
-    .p-inplace .p-inplace-content {
-        display: inline;
-    }
-
-    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
-        display: flex;
-    }
-
-    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
-        flex: 1 1 auto;
-        width: 1%;
-    }
-}
diff --git a/src/app/components/inplace/inplace.interface.ts b/src/app/components/inplace/inplace.interface.ts
deleted file mode 100644
index 7463f76..0000000
--- a/src/app/components/inplace/inplace.interface.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in Inplace.
- * @group Templates
- */
-export interface InplaceTemplates {
-    /**
-     * Custom template of display.
-     */
-    display(): TemplateRef<any>;
-    /**
-     * Custom template of content.
-     */
-    content(): TemplateRef<any>;
-    /**
-     * Custom template of close icon.
-     */
-    closeicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/inplace/inplace.spec.ts b/src/app/components/inplace/inplace.spec.ts
deleted file mode 100644
index c5655a7..0000000
--- a/src/app/components/inplace/inplace.spec.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { TimesIcon } from 'primeng/icons/times';
-import { ButtonModule } from '../button/button';
-import { Inplace } from './inplace';
-
-describe('Inplace', () => {
-    let inplace: Inplace;
-    let fixture: ComponentFixture<Inplace>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, ButtonModule, TimesIcon],
-            declarations: [Inplace]
-        });
-
-        fixture = TestBed.createComponent(Inplace);
-        inplace = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const inplaceEl = fixture.debugElement.query(By.css('div'));
-        expect(inplaceEl.nativeElement).toBeTruthy();
-    });
-
-    it('should change style styleClass and closable', () => {
-        inplace.style = { height: '300px' };
-        inplace.styleClass = 'Primeng ROCKS!';
-        inplace.closable = true;
-        inplace.active = true;
-        fixture.detectChanges();
-
-        const inplaceEl = fixture.debugElement.query(By.css('div'));
-        const closableButton = fixture.debugElement.query(By.css('button'));
-        expect(inplaceEl.nativeElement.className).toContain('Primeng ROCKS!');
-        expect(inplaceEl.nativeElement.className).toContain('p-inplace-closable');
-        expect(inplaceEl.nativeElement.style.height).toContain('300px');
-        expect(closableButton).toBeTruthy();
-    });
-
-    it('should call activate and deactivate', () => {
-        inplace.closable = true;
-        fixture.detectChanges();
-
-        const activateSpy = spyOn(inplace, 'activate').and.callThrough();
-        const deactivateSpy = spyOn(inplace, 'deactivate').and.callThrough();
-        const displayEl = fixture.debugElement.query(By.css('.p-inplace-display'));
-        displayEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(inplace.active).toEqual(true);
-        expect(activateSpy).toHaveBeenCalled();
-        const closableButtonEl = fixture.debugElement.query(By.css('button'));
-        closableButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(inplace.active).toEqual(false);
-        expect(deactivateSpy).toHaveBeenCalled();
-    });
-
-    it('should disabled', () => {
-        inplace.closable = true;
-        inplace.disabled = true;
-        fixture.detectChanges();
-
-        const activateSpy = spyOn(inplace, 'activate').and.callThrough();
-        const deactivateSpy = spyOn(inplace, 'deactivate').and.callThrough();
-        const displayEl = fixture.debugElement.query(By.css('.p-inplace-display'));
-        displayEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(inplace.active).toEqual(false);
-        expect(activateSpy).toHaveBeenCalled();
-        inplace.active = true;
-        fixture.detectChanges();
-
-        inplace.cd.detectChanges();
-        const closableButtonEl = fixture.debugElement.query(By.css('button'));
-        closableButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(inplace.active).toEqual(true);
-        expect(deactivateSpy).toHaveBeenCalled();
-    });
-});
diff --git a/src/app/components/inplace/inplace.ts b/src/app/components/inplace/inplace.ts
deleted file mode 100644
index ba3e91b..0000000
--- a/src/app/components/inplace/inplace.ts
+++ /dev/null
@@ -1,187 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterContentInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation, booleanAttribute } from '@angular/core';
-import { PrimeTemplate, SharedModule } from 'primeng/api';
-import { ButtonModule } from 'primeng/button';
-import { TimesIcon } from 'primeng/icons/times';
-
-@Component({
-    selector: 'p-inplaceDisplay',
-    template: '<ng-content></ng-content>',
-    host: {
-        class: 'p-element'
-    }
-})
-export class InplaceDisplay {}
-
-@Component({
-    selector: 'p-inplaceContent',
-    template: '<ng-content></ng-content>',
-    host: {
-        class: 'p-element'
-    }
-})
-export class InplaceContent {}
-/**
- * Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.
- * @group Components
- */
-@Component({
-    selector: 'p-inplace',
-    template: `
-        <div [ngClass]="{ 'p-inplace p-component': true, 'p-inplace-closable': closable }" [ngStyle]="style" [class]="styleClass" [attr.aria-live]="'polite'">
-            <div class="p-inplace-display" (click)="onActivateClick($event)" tabindex="0" role="button" (keydown)="onKeydown($event)" [ngClass]="{ 'p-disabled': disabled }" *ngIf="!active">
-                <ng-content select="[pInplaceDisplay]"></ng-content>
-                <ng-container *ngTemplateOutlet="displayTemplate"></ng-container>
-            </div>
-            <div class="p-inplace-content" *ngIf="active">
-                <ng-content select="[pInplaceContent]"></ng-content>
-                <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
-
-                <ng-container *ngIf="closable">
-                    <button *ngIf="closeIcon" type="button" [icon]="closeIcon" pButton (click)="onDeactivateClick($event)" [attr.aria-label]="closeAriaLabel"></button>
-                    <button *ngIf="!closeIcon" type="button" pButton [ngClass]="'p-button-icon-only'" (click)="onDeactivateClick($event)" [attr.aria-label]="closeAriaLabel">
-                        <TimesIcon *ngIf="!closeIconTemplate" />
-                        <ng-template *ngTemplateOutlet="closeIconTemplate"></ng-template>
-                    </button>
-                </ng-container>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./inplace.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Inplace implements AfterContentInit {
-    /**
-     * Whether the content is displayed or not.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) active: boolean | undefined = false;
-    /**
-     * Displays a button to switch back to display mode.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) closable: boolean | undefined = false;
-    /**
-     * When present, it specifies that the element should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined = false;
-    /**
-     * Allows to prevent clicking.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) preventClick: boolean | undefined;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Icon to display in the close button.
-     * @group Props
-     */
-    @Input() closeIcon: string | undefined;
-    /**
-     * Establishes a string value that labels the close button.
-     * @group Props
-     */
-    @Input() closeAriaLabel: string | undefined;
-    /**
-     * Callback to invoke when inplace is opened.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onActivate: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when inplace is closed.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onDeactivate: EventEmitter<Event> = new EventEmitter<Event>();
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    hover!: boolean;
-
-    displayTemplate: TemplateRef<any> | undefined;
-
-    contentTemplate: TemplateRef<any> | undefined;
-
-    closeIconTemplate: TemplateRef<any> | undefined;
-
-    constructor(public cd: ChangeDetectorRef) {}
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'display':
-                    this.displayTemplate = item.template;
-                    break;
-
-                case 'closeicon':
-                    this.closeIconTemplate = item.template;
-                    break;
-
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    onActivateClick(event: MouseEvent) {
-        if (!this.preventClick) this.activate(event);
-    }
-
-    onDeactivateClick(event: MouseEvent) {
-        if (!this.preventClick) this.deactivate(event);
-    }
-    /**
-     * Activates the content.
-     * @param {Event} event - Browser event.
-     * @group Method
-     */
-    activate(event?: Event) {
-        if (!this.disabled) {
-            this.active = true;
-            this.onActivate.emit(event);
-            this.cd.markForCheck();
-        }
-    }
-    /**
-     * Deactivates the content.
-     * @param {Event} event - Browser event.
-     * @group Method
-     */
-    deactivate(event?: Event) {
-        if (!this.disabled) {
-            this.active = false;
-            this.hover = false;
-            this.onDeactivate.emit(event);
-            this.cd.markForCheck();
-        }
-    }
-
-    onKeydown(event: KeyboardEvent) {
-        if (event.code === 'Enter') {
-            this.activate(event);
-            event.preventDefault();
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, ButtonModule, SharedModule, TimesIcon],
-    exports: [Inplace, InplaceDisplay, InplaceContent, ButtonModule, SharedModule],
-    declarations: [Inplace, InplaceDisplay, InplaceContent]
-})
-export class InplaceModule {}
diff --git a/src/app/components/inplace/ng-package.json b/src/app/components/inplace/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/inplace/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/inplace/public_api.ts b/src/app/components/inplace/public_api.ts
deleted file mode 100644
index bfb1889..0000000
--- a/src/app/components/inplace/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './inplace';
-export * from './inplace.interface';
diff --git a/src/app/components/inputgroup/inputgroup.ts b/src/app/components/inputgroup/inputgroup.ts
deleted file mode 100644
index da40970..0000000
--- a/src/app/components/inputgroup/inputgroup.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Input, NgModule } from '@angular/core';
-import { SharedModule } from 'primeng/api';
-/**
- * InputGroup displays text, icon, buttons and other content can be grouped next to an input.
- * @group Components
- */
-@Component({
-    selector: 'p-inputGroup',
-    template: `
-        <div class="p-inputgroup" [attr.data-pc-name]="'inputgroup'" [ngClass]="styleClass" [ngStyle]="style">
-            <ng-content></ng-content>
-        </div>
-    `,
-    host: {
-        class: 'p-element p-inputgroup'
-    }
-})
-export class InputGroup {
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [InputGroup, SharedModule],
-    declarations: [InputGroup]
-})
-export class InputGroupModule {}
diff --git a/src/app/components/inputgroup/ng-package.json b/src/app/components/inputgroup/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/inputgroup/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/inputgroup/public_api.ts b/src/app/components/inputgroup/public_api.ts
deleted file mode 100644
index d806323..0000000
--- a/src/app/components/inputgroup/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './inputgroup';
diff --git a/src/app/components/inputgroupaddon/inputgroupaddon.ts b/src/app/components/inputgroupaddon/inputgroupaddon.ts
deleted file mode 100644
index 0e7c2f3..0000000
--- a/src/app/components/inputgroupaddon/inputgroupaddon.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Input, NgModule } from '@angular/core';
-import { SharedModule } from 'primeng/api';
-/**
- * InputGroupAddon displays text, icon, buttons and other content can be grouped next to an input.
- * @group Components
- */
-@Component({
-    selector: 'p-inputGroupAddon',
-    template: `
-        <div [attr.data-pc-name]="'inputgroupaddon'" [ngClass]="styleClass" [ngStyle]="style">
-            <ng-content></ng-content>
-        </div>
-    `,
-    host: {
-        class: 'p-element p-inputgroup-addon'
-    }
-})
-export class InputGroupAddon {
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [InputGroupAddon, SharedModule],
-    declarations: [InputGroupAddon]
-})
-export class InputGroupAddonModule {}
diff --git a/src/app/components/inputgroupaddon/ng-package.json b/src/app/components/inputgroupaddon/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/inputgroupaddon/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/inputgroupaddon/public_api.ts b/src/app/components/inputgroupaddon/public_api.ts
deleted file mode 100644
index 41e11c6..0000000
--- a/src/app/components/inputgroupaddon/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './inputgroupaddon';
diff --git a/src/app/components/inputicon/inputicon.css b/src/app/components/inputicon/inputicon.css
deleted file mode 100644
index 0e8f3ca..0000000
--- a/src/app/components/inputicon/inputicon.css
+++ /dev/null
@@ -1,6 +0,0 @@
-@layer primeng {
-    .p-fluid .p-icon-field-left,
-    .p-fluid .p-icon-field-right {
-        width: 100%;
-    }
-}
diff --git a/src/app/components/inputicon/inputicon.ts b/src/app/components/inputicon/inputicon.ts
deleted file mode 100644
index 3c4a9b3..0000000
--- a/src/app/components/inputicon/inputicon.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input, NgModule, ViewEncapsulation } from '@angular/core';
-import { SharedModule } from 'primeng/api';
-
-/**
- * InputIcon displays an icon.
- * @group Components
- */
-@Component({
-    selector: 'p-inputIcon',
-    template: `<span class="p-input-icon" [ngClass]="styleClass"><ng-content></ng-content></span>`,
-    styleUrl: './inputicon.css',
-    encapsulation: ViewEncapsulation.None,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class InputIcon {
-    /**
-     * Style class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [InputIcon, SharedModule],
-    declarations: [InputIcon]
-})
-export class InputIconModule {}
diff --git a/src/app/components/inputicon/ng-package.json b/src/app/components/inputicon/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/inputicon/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/inputicon/public_api.ts b/src/app/components/inputicon/public_api.ts
deleted file mode 100644
index ca6c47f..0000000
--- a/src/app/components/inputicon/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './inputicon';
diff --git a/src/app/components/inputmask/inputmask.css b/src/app/components/inputmask/inputmask.css
deleted file mode 100644
index 8817403..0000000
--- a/src/app/components/inputmask/inputmask.css
+++ /dev/null
@@ -1,13 +0,0 @@
-@layer primeng {
-    .p-inputmask-clear-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-        cursor: pointer;
-        right: 0.75rem;
-    }
-
-    .p-inputmask-clearable {
-        position: relative;
-    }
-}
diff --git a/src/app/components/inputmask/inputmask.interface.ts b/src/app/components/inputmask/inputmask.interface.ts
deleted file mode 100644
index 3d3e1f1..0000000
--- a/src/app/components/inputmask/inputmask.interface.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { TemplateRef } from '@angular/core';
-/**
- * Caret positions.
- * @group Types
- */
-export type Caret = { begin: number; end: number };
-/**
- * Defines valid templates in InputMask.
- * @group Templates
- */
-export interface InputMaskTemplates {
-    /**
-     * Custom clear icon template.
-     */
-    clearicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/inputmask/inputmask.spec.ts b/src/app/components/inputmask/inputmask.spec.ts
deleted file mode 100644
index bf853a6..0000000
--- a/src/app/components/inputmask/inputmask.spec.ts
+++ /dev/null
@@ -1,265 +0,0 @@
-import { Component, NO_ERRORS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { InputMask } from './inputmask';
-
-@Component({
-    template: `<p-inputMask [(ngModel)]="val" mask="99-9999"></p-inputMask>`
-})
-class TestInputMaskComponent {
-    val: string;
-}
-
-describe('InputMask', () => {
-    let inputmask: InputMask;
-    let testComponent: TestInputMaskComponent;
-    let fixture: ComponentFixture<TestInputMaskComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, FormsModule],
-            declarations: [InputMask, TestInputMaskComponent],
-            schemas: [NO_ERRORS_SCHEMA]
-        });
-
-        fixture = TestBed.createComponent(TestInputMaskComponent);
-        inputmask = fixture.debugElement.children[0].componentInstance;
-        testComponent = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        inputmask.mask = '99-999999';
-        fixture.detectChanges();
-
-        const inputMaskEl = fixture.debugElement.query(By.css('input'));
-        expect(inputMaskEl.nativeElement).toBeTruthy();
-    });
-
-    it('should change style styleClass placeholder inputId size tabindex title and autoFocus', () => {
-        inputmask.mask = '99-999999';
-        inputmask.style = { height: '300px' };
-        inputmask.styleClass = 'PrimengRocks';
-        inputmask.placeholder = 'GiveMeANumber';
-        inputmask.inputId = 'primeng';
-        inputmask.size = 5;
-        inputmask.tabindex = '1';
-        inputmask.required = true;
-        inputmask.title = 'TheTitle';
-        fixture.detectChanges();
-
-        const inputMaskEl = fixture.debugElement.query(By.css('input'));
-        expect(inputMaskEl.nativeElement).toBeTruthy();
-        expect(inputMaskEl.nativeElement.style['height']).toEqual('300px');
-        expect(inputMaskEl.nativeElement.className).toContain('PrimengRocks');
-        expect(inputMaskEl.nativeElement.placeholder).toEqual('GiveMeANumber');
-        expect(inputMaskEl.nativeElement.id).toEqual('primeng');
-        expect(inputMaskEl.nativeElement.size).toEqual(5);
-        expect(inputMaskEl.nativeElement.tabIndex).toEqual(1);
-        expect(inputMaskEl.nativeElement.required).toBeTruthy();
-        expect(inputMaskEl.nativeElement.title).toEqual('TheTitle');
-    });
-
-    it('should change value with keydown event', () => {
-        inputmask.mask = '99-999999';
-        fixture.detectChanges();
-
-        const keydownSpy = spyOn(inputmask, 'onInputKeydown').and.callThrough();
-        const onKeyPressSpy = spyOn(inputmask, 'onKeyPress').and.callThrough();
-        const onInputSpy = spyOn(inputmask, 'onInputChange').and.callThrough();
-        const onInputBlurSpy = spyOn(inputmask, 'onInputBlur').and.callThrough();
-        let inputMaskEl = fixture.debugElement.query(By.css('input'));
-        inputMaskEl.nativeElement.focus();
-        fixture.detectChanges();
-
-        const event: any = document.createEvent('CustomEvent');
-        event.which = 53;
-        event.initEvent('keydown', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('input', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('keypress', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        inputMaskEl = fixture.debugElement.query(By.css('input'));
-        expect(keydownSpy).toHaveBeenCalled();
-        expect(onInputSpy).toHaveBeenCalled();
-        expect(onKeyPressSpy).toHaveBeenCalled();
-        expect(testComponent.val).toContain('5');
-        inputMaskEl.nativeElement.dispatchEvent(new Event('blur'));
-        fixture.detectChanges();
-
-        expect(onInputBlurSpy).toHaveBeenCalled();
-    });
-
-    it('should delete with backspace key', () => {
-        inputmask.mask = '99-999999';
-        fixture.detectChanges();
-
-        let inputMaskEl = fixture.debugElement.query(By.css('input'));
-        inputMaskEl.nativeElement.focus();
-        fixture.detectChanges();
-
-        const event: any = document.createEvent('CustomEvent');
-        event.which = 53;
-        event.initEvent('keydown', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('input', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('keypress', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        event.which = 53;
-        event.initEvent('keydown', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('input', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('keypress', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(testComponent.val).toContain('55');
-        event.which = 8;
-        event.initEvent('keydown', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('input', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('keypress', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(testComponent.val).not.toContain('55');
-    });
-
-    it('should call onInputBlur with enter key', () => {
-        inputmask.mask = '99-999999';
-        inputmask.unmask = true;
-        fixture.detectChanges();
-
-        const onInputBlurSpy = spyOn(inputmask, 'onInputBlur').and.callThrough();
-        let inputMaskEl = fixture.debugElement.query(By.css('input'));
-        inputMaskEl.nativeElement.focus();
-        fixture.detectChanges();
-
-        const event: any = document.createEvent('CustomEvent');
-        event.which = 53;
-        event.initEvent('keydown', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('input', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('keypress', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        event.which = 53;
-        event.initEvent('keydown', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('input', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('keypress', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(testComponent.val).toContain('55');
-        event.which = 13;
-        event.initEvent('keydown', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('input', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('keypress', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(onInputBlurSpy).toHaveBeenCalled();
-    });
-
-    it('should call updateModel when press esc key', () => {
-        inputmask.mask = '99-999999';
-        fixture.detectChanges();
-
-        let inputMaskEl = fixture.debugElement.query(By.css('input'));
-        const updateModelSpy = spyOn(inputmask, 'updateModel').and.callThrough();
-        inputMaskEl.nativeElement.focus();
-        fixture.detectChanges();
-
-        const event: any = document.createEvent('CustomEvent');
-        event.which = 53;
-        event.initEvent('keydown', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('input', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('keypress', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        event.which = 53;
-        event.initEvent('keydown', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('input', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('keypress', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(testComponent.val).toContain('55');
-        event.which = 27;
-        event.initEvent('keydown', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('input', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('keypress', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(updateModelSpy).toHaveBeenCalled();
-    });
-
-    it('should focus on input', () => {
-        inputmask.mask = '99-999999';
-        fixture.detectChanges();
-
-        let inputMaskEl = fixture.debugElement.query(By.css('input'));
-        const onInputFocusSpy = spyOn(inputmask, 'onInputFocus').and.callThrough();
-        inputMaskEl.nativeElement.focus();
-        inputMaskEl.nativeElement.dispatchEvent(new Event('focus'));
-        fixture.detectChanges();
-
-        inputMaskEl = fixture.debugElement.query(By.css('input'));
-        expect(inputMaskEl.parent.nativeElement.className).toContain('p-inputwrapper-focus');
-        expect(onInputFocusSpy).toHaveBeenCalled();
-    });
-
-    it('should disabled with setDisabledState', () => {
-        inputmask.setDisabledState(true);
-        inputmask.cd.detectChanges();
-
-        inputmask.focus();
-        inputmask.cd.detectChanges();
-
-        expect(document.activeElement).not.toEqual(inputmask.inputViewChild.nativeElement);
-    });
-
-    it('should be readonly', () => {
-        inputmask.readonly = true;
-        fixture.detectChanges();
-
-        const updateModelSpy = spyOn(inputmask, 'updateModel').and.callThrough();
-        const inputMaskEl = fixture.debugElement.query(By.css('input'));
-        const event: any = document.createEvent('CustomEvent');
-        event.which = 13;
-        event.initEvent('keydown', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('input', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        event.initEvent('keypress', true, true);
-        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
-        inputMaskEl.nativeElement.dispatchEvent(new Event('focus'));
-        fixture.detectChanges();
-
-        expect(document.activeElement).not.toEqual(inputmask.inputViewChild.nativeElement);
-        expect(updateModelSpy).not.toHaveBeenCalled();
-    });
-});
diff --git a/src/app/components/inputmask/inputmask.ts b/src/app/components/inputmask/inputmask.ts
deleted file mode 100644
index 6d2bc59..0000000
--- a/src/app/components/inputmask/inputmask.ts
+++ /dev/null
@@ -1,875 +0,0 @@
-/*
-    Port of jQuery MaskedInput by DigitalBush as a Native Angular2 Component in Typescript without jQuery
-    https://github.com/digitalBush/jquery.maskedinput/
-
-    Copyright (c) 2007-2014 Josh Bush (digitalbush.com)
-
-    Permission is hereby granted, free of charge, to any person
-    obtaining a copy of this software and associated documentation
-    files (the "Software"), to deal in the Software without
-    restriction, including without limitation the rights to use,
-    copy, modify, merge, publish, distribute, sublicense, and/or sell
-    copies of the Software, and to permit persons to whom the
-    Software is furnished to do so, subject to the following
-    conditions:
-
-    The above copyright notice and this permission notice shall be
-    included in all copies or substantial portions of the Software.
-
-    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-    EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-    OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-    NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-    HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-    WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-    FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-    OTHER DEALINGS IN THE SOFTWARE.
-*/
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    OnInit,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    forwardRef,
-    numberAttribute
-} from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { DomHandler } from 'primeng/dom';
-import { TimesIcon } from 'primeng/icons/times';
-import { InputTextModule } from 'primeng/inputtext';
-import { Nullable } from 'primeng/ts-helpers';
-import { Caret } from './inputmask.interface';
-
-export const INPUTMASK_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => InputMask),
-    multi: true
-};
-/**
- * InputMask component is used to enter input in a certain format such as numeric, date, currency, email and phone.
- * @group Components
- */
-@Component({
-    selector: 'p-inputMask',
-    template: `
-        <input
-            #input
-            pInputText
-            [class]="styleClass"
-            [ngClass]="inputClass"
-            [attr.id]="inputId"
-            [attr.type]="type"
-            [attr.name]="name"
-            [ngStyle]="style"
-            [attr.placeholder]="placeholder"
-            [attr.title]="title"
-            [attr.size]="size"
-            [attr.autocomplete]="autocomplete"
-            [attr.maxlength]="maxlength"
-            [attr.tabindex]="tabindex"
-            [attr.aria-label]="ariaLabel"
-            [attr.aria-labelledBy]="ariaLabelledBy"
-            [attr.aria-required]="ariaRequired"
-            [disabled]="disabled"
-            [readonly]="readonly"
-            [attr.required]="required"
-            (focus)="onInputFocus($event)"
-            (blur)="onInputBlur($event)"
-            (keydown)="onInputKeydown($event)"
-            (keypress)="onKeyPress($event)"
-            pAutoFocus
-            [variant]="variant"
-            [autofocus]="autofocus"
-            (input)="onInputChange($event)"
-            (paste)="handleInputChange($event)"
-            [attr.data-pc-name]="'inputmask'"
-            [attr.data-pc-section]="'root'"
-        />
-        <ng-container *ngIf="value != null && filled && showClear && !disabled">
-            <TimesIcon *ngIf="!clearIconTemplate" [styleClass]="'p-inputmask-clear-icon'" (click)="clear()" [attr.data-pc-section]="'clearIcon'" />
-            <span *ngIf="clearIconTemplate" class="p-inputmask-clear-icon" (click)="clear()" [attr.data-pc-section]="'clearIcon'">
-                <ng-template *ngTemplateOutlet="clearIconTemplate"></ng-template>
-            </span>
-        </ng-container>
-    `,
-    host: {
-        class: 'p-element',
-        '[class.p-inputwrapper-filled]': 'filled',
-        '[class.p-inputwrapper-focus]': 'focused',
-        '[class.p-inputmask-clearable]': 'showClear && !disabled'
-    },
-    providers: [INPUTMASK_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./inputmask.css']
-})
-export class InputMask implements OnInit, ControlValueAccessor {
-    /**
-     * HTML5 input type.
-     * @group Props
-     */
-    @Input() type: string = 'text';
-    /**
-     * Placeholder character in mask, default is underscore.
-     * @group Props
-     */
-    @Input() slotChar: string = '_';
-    /**
-     * Clears the incomplete value on blur.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoClear: boolean = true;
-    /**
-     * When enabled, a clear icon is displayed to clear the value.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showClear: boolean = false;
-    /**
-     * Inline style of the input field.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Identifier of the focus input to match a label defined for the component.
-     * @group Props
-     */
-    @Input() inputId: string | undefined;
-    /**
-     * Style class of the input field.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Advisory information to display on input.
-     * @group Props
-     */
-    @Input() placeholder: string | undefined;
-    /**
-     * Size of the input field.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) size: number | undefined;
-    /**
-     * Maximum number of character allows in the input field.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) maxlength: number | undefined;
-    /**
-     * Specifies tab order of the element.
-     * @group Props
-     */
-    @Input() tabindex: string | undefined;
-    /**
-     * Title text of the input text.
-     * @group Props
-     */
-    @Input() title: string | undefined;
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    @Input() variant: 'filled' | 'outlined' = 'outlined';
-    /**
-     * Used to define a string that labels the input element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Used to indicate that user input is required on an element before a form can be submitted.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) ariaRequired: boolean | undefined;
-    /**
-     * When present, it specifies that the element value cannot be altered.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * When present, it specifies that an input field is read-only.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) readonly: boolean | undefined;
-    /**
-     * Defines if ngModel sets the raw unmasked value to bound value or the formatted mask value.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) unmask: boolean | undefined;
-    /**
-     * Name of the input field.
-     * @group Props
-     */
-    @Input() name: string | undefined;
-    /**
-     * When present, it specifies that an input field must be filled out before submitting the form.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) required: boolean | undefined;
-    /**
-     * Regex pattern for alpha characters
-     * @group Props
-     */
-    @Input() characterPattern: string = '[A-Za-z]';
-    /**
-     * When present, the input gets a focus automatically on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * When present, the input gets a focus automatically on load.
-     * @group Props
-     * @deprecated Use autofocus property instead.
-     */
-    @Input({ transform: booleanAttribute }) set autoFocus(value: boolean | undefined) {
-        this.autofocus = value;
-        console.warn('autoFocus is deprecated. Use autofocus property instead.');
-    }
-    /**
-     * Used to define a string that autocomplete attribute the current element.
-     * @group Props
-     */
-    @Input() autocomplete: string | undefined;
-    /**
-     * When present, it specifies that whether to clean buffer value from model.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) keepBuffer: boolean = false;
-    /**
-     * Mask pattern.
-     * @group Props
-     */
-    @Input() get mask(): string | undefined | null {
-        return this._mask;
-    }
-    set mask(val: string | undefined | null) {
-        this._mask = val;
-
-        this.initMask();
-        this.writeValue('');
-        this.onModelChange(this.value);
-    }
-    /**
-     * Callback to invoke when the mask is completed.
-     * @group Emits
-     */
-    @Output() onComplete: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke when the component receives focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when the component loses focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke on input.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onInput: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke on input key press.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onKeydown: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when input field is cleared.
-     * @group Emits
-     */
-    @Output() onClear: EventEmitter<any> = new EventEmitter<any>();
-
-    @ViewChild('input', { static: true }) inputViewChild: Nullable<ElementRef>;
-
-    @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;
-
-    clearIconTemplate: Nullable<TemplateRef<any>>;
-
-    value: Nullable<string>;
-
-    _mask: Nullable<string>;
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    input: Nullable<HTMLInputElement>;
-
-    filled: Nullable<boolean>;
-
-    defs: Nullable<{ [klass: string]: any }>;
-
-    tests: RegExp[] | any;
-
-    partialPosition: Nullable<number>;
-
-    firstNonMaskPos: Nullable<number>;
-
-    lastRequiredNonMaskPos: Nullable<number>;
-
-    len: Nullable<number>;
-
-    oldVal: Nullable<string>;
-
-    buffer: string[] | any;
-
-    defaultBuffer: Nullable<string>;
-
-    focusText: Nullable<string>;
-
-    caretTimeoutId: any;
-
-    androidChrome: boolean = true;
-
-    focused: Nullable<boolean>;
-
-    _variant: 'filled' | 'outlined' = 'outlined';
-
-    get inputClass() {
-        return {
-            'p-inputmask': true
-        };
-    }
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        public el: ElementRef,
-        public cd: ChangeDetectorRef,
-        public config: PrimeNGConfig
-    ) {}
-
-    ngOnInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            let ua = navigator.userAgent;
-            this.androidChrome = /chrome/i.test(ua) && /android/i.test(ua);
-        }
-
-        this.initMask();
-    }
-
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'clearicon':
-                    this.clearIconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    initMask() {
-        this.tests = [];
-        this.partialPosition = (this.mask as string).length;
-        this.len = (this.mask as string).length;
-        this.firstNonMaskPos = null;
-        this.defs = {
-            '9': '[0-9]',
-            a: this.characterPattern,
-            '*': `${this.characterPattern}|[0-9]`
-        };
-
-        let maskTokens = (this.mask as string).split('');
-        for (let i = 0; i < maskTokens.length; i++) {
-            let c = maskTokens[i];
-            if (c == '?') {
-                this.len--;
-                this.partialPosition = i;
-            } else if (this.defs[c]) {
-                this.tests.push(new RegExp(this.defs[c]));
-                if (this.firstNonMaskPos === null) {
-                    this.firstNonMaskPos = this.tests.length - 1;
-                }
-                if (i < this.partialPosition) {
-                    this.lastRequiredNonMaskPos = this.tests.length - 1;
-                }
-            } else {
-                this.tests.push(null);
-            }
-        }
-
-        this.buffer = [];
-        for (let i = 0; i < maskTokens.length; i++) {
-            let c = maskTokens[i];
-            if (c != '?') {
-                if (this.defs[c]) this.buffer.push(this.getPlaceholder(i));
-                else this.buffer.push(c);
-            }
-        }
-        this.defaultBuffer = this.buffer.join('');
-    }
-
-    writeValue(value: any): void {
-        this.value = value;
-
-        if (this.inputViewChild && this.inputViewChild.nativeElement) {
-            if (this.value == undefined || this.value == null) this.inputViewChild.nativeElement.value = '';
-            else this.inputViewChild.nativeElement.value = this.value;
-
-            this.checkVal();
-            this.focusText = this.inputViewChild.nativeElement.value;
-            this.updateFilledState();
-        }
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    caret(first?: number, last?: number): Caret | undefined {
-        let range, begin, end;
-
-        if (!this.inputViewChild?.nativeElement.offsetParent || this.inputViewChild.nativeElement !== this.inputViewChild.nativeElement.ownerDocument.activeElement) {
-            return;
-        }
-
-        if (typeof first == 'number') {
-            begin = first;
-            end = typeof last === 'number' ? last : begin;
-            if (this.inputViewChild.nativeElement.setSelectionRange) {
-                this.inputViewChild.nativeElement.setSelectionRange(begin, end);
-            } else if (this.inputViewChild.nativeElement['createTextRange']) {
-                range = this.inputViewChild.nativeElement['createTextRange']();
-                range.collapse(true);
-                range.moveEnd('character', end);
-                range.moveStart('character', begin);
-                range.select();
-            }
-        } else {
-            if (this.inputViewChild.nativeElement.setSelectionRange) {
-                begin = this.inputViewChild.nativeElement.selectionStart;
-                end = this.inputViewChild.nativeElement.selectionEnd;
-            } else if ((this.document as any['selection']) && (this.document as any)['selection'].createRange) {
-                range = (this.document as any['selection']).createRange();
-                begin = 0 - range.duplicate().moveStart('character', -100000);
-                end = begin + range.text.length;
-            }
-
-            return { begin: begin, end: end };
-        }
-    }
-
-    isCompleted(): boolean {
-        let completed: boolean;
-        for (let i = this.firstNonMaskPos as number; i <= (this.lastRequiredNonMaskPos as number); i++) {
-            if (this.tests[i] && (this.buffer as string[])[i] === this.getPlaceholder(i)) {
-                return false;
-            }
-        }
-
-        return true;
-    }
-
-    getPlaceholder(i: number) {
-        if (i < this.slotChar.length) {
-            return this.slotChar.charAt(i);
-        }
-        return this.slotChar.charAt(0);
-    }
-
-    seekNext(pos: number) {
-        while (++pos < (this.len as number) && !this.tests[pos]);
-        return pos;
-    }
-
-    seekPrev(pos: number) {
-        while (--pos >= 0 && !this.tests[pos]);
-        return pos;
-    }
-
-    shiftL(begin: number, end: number) {
-        let i, j;
-
-        if (begin < 0) {
-            return;
-        }
-
-        for (i = begin, j = this.seekNext(end); i < (this.len as number); i++) {
-            if (this.tests[i]) {
-                if (j < (this.len as number) && this.tests[i].test(this.buffer[j])) {
-                    this.buffer[i] = this.buffer[j];
-                    this.buffer[j] = this.getPlaceholder(j);
-                } else {
-                    break;
-                }
-
-                j = this.seekNext(j);
-            }
-        }
-        this.writeBuffer();
-        this.caret(Math.max(this.firstNonMaskPos as number, begin));
-    }
-
-    shiftR(pos: number) {
-        let i, c, j, t;
-
-        for (i = pos, c = this.getPlaceholder(pos); i < (this.len as number); i++) {
-            if (this.tests[i]) {
-                j = this.seekNext(i);
-                t = this.buffer[i];
-                this.buffer[i] = c;
-                if (j < (this.len as number) && this.tests[j].test(t)) {
-                    c = t;
-                } else {
-                    break;
-                }
-            }
-        }
-    }
-
-    handleAndroidInput(e: Event) {
-        var curVal = this.inputViewChild?.nativeElement.value;
-        var pos = this.caret() as Caret;
-        if (this.oldVal && this.oldVal.length && this.oldVal.length > curVal.length) {
-            // a deletion or backspace happened
-            this.checkVal(true);
-            while (pos.begin > 0 && !this.tests[pos.begin - 1]) pos.begin--;
-            if (pos.begin === 0) {
-                while (pos.begin < (this.firstNonMaskPos as number) && !this.tests[pos.begin]) pos.begin++;
-            }
-
-            setTimeout(() => {
-                this.caret(pos.begin, pos.begin);
-                this.updateModel(e);
-                if (this.isCompleted()) {
-                    this.onComplete.emit();
-                }
-            }, 0);
-        } else {
-            this.checkVal(true);
-            while (pos.begin < (this.len as number) && !this.tests[pos.begin]) pos.begin++;
-
-            setTimeout(() => {
-                this.caret(pos.begin, pos.begin);
-                this.updateModel(e);
-                if (this.isCompleted()) {
-                    this.onComplete.emit();
-                }
-            }, 0);
-        }
-    }
-
-    onInputBlur(e: Event) {
-        this.focused = false;
-        this.onModelTouched();
-        if (!this.keepBuffer) {
-            this.checkVal();
-        }
-        this.updateFilledState();
-        this.onBlur.emit(e);
-
-        if (this.inputViewChild?.nativeElement.value != this.focusText || this.inputViewChild?.nativeElement.value != this.value) {
-            this.updateModel(e);
-            let event = this.document.createEvent('HTMLEvents');
-            event.initEvent('change', true, false);
-            this.inputViewChild?.nativeElement.dispatchEvent(event);
-        }
-    }
-
-    onInputKeydown(e: KeyboardEvent) {
-        if (this.readonly) {
-            return;
-        }
-
-        let k = e.which || e.keyCode,
-            pos,
-            begin,
-            end;
-        let iPhone;
-        if (isPlatformBrowser(this.platformId)) {
-            iPhone = /iphone/i.test(DomHandler.getUserAgent());
-        }
-        this.oldVal = this.inputViewChild?.nativeElement.value;
-
-        this.onKeydown.emit(e);
-
-        //backspace, delete, and escape get special treatment
-        if (k === 8 || k === 46 || (iPhone && k === 127)) {
-            pos = this.caret() as Caret;
-            begin = pos.begin;
-            end = pos.end;
-
-            if (end - begin === 0) {
-                begin = k !== 46 ? this.seekPrev(begin) : (end = this.seekNext(begin - 1));
-                end = k === 46 ? this.seekNext(end) : end;
-            }
-
-            this.clearBuffer(begin, end);
-            if (this.keepBuffer) {
-                this.shiftL(begin, end - 2);
-            } else {
-                this.shiftL(begin, end - 1);
-            }
-            this.updateModel(e);
-            this.onInput.emit(e);
-
-            e.preventDefault();
-        } else if (k === 13) {
-            // enter
-            this.onInputBlur(e);
-            this.updateModel(e);
-        } else if (k === 27) {
-            // escape
-            (this.inputViewChild as ElementRef).nativeElement.value = this.focusText;
-            this.caret(0, this.checkVal());
-            this.updateModel(e);
-
-            e.preventDefault();
-        }
-    }
-
-    onKeyPress(e: KeyboardEvent) {
-        if (this.readonly) {
-            return;
-        }
-
-        var k = e.which || e.keyCode,
-            pos = this.caret() as Caret,
-            p: number,
-            c: string,
-            next: number,
-            completed!: boolean;
-
-        if (e.ctrlKey || e.altKey || e.metaKey || k < 32 || (k > 34 && k < 41)) {
-            //Ignore
-            return;
-        } else if (k && k !== 13) {
-            if (pos.end - pos.begin !== 0) {
-                this.clearBuffer(pos.begin, pos.end);
-                this.shiftL(pos.begin, pos.end - 1);
-            }
-
-            p = this.seekNext(pos.begin - 1);
-            if (p < (this.len as number)) {
-                c = String.fromCharCode(k);
-                if (this.tests[p].test(c)) {
-                    this.shiftR(p);
-
-                    this.buffer[p] = c;
-                    this.writeBuffer();
-                    next = this.seekNext(p);
-
-                    if (DomHandler.isClient() && /android/i.test(DomHandler.getUserAgent())) {
-                        let proxy = () => {
-                            this.caret(next);
-                        };
-
-                        setTimeout(proxy, 0);
-                    } else {
-                        this.caret(next);
-                    }
-
-                    if (pos.begin <= (this.lastRequiredNonMaskPos as number)) {
-                        completed = this.isCompleted();
-                    }
-
-                    this.onInput.emit(e);
-                }
-            }
-            e.preventDefault();
-        }
-
-        this.updateModel(e);
-
-        this.updateFilledState();
-
-        if (completed) {
-            this.onComplete.emit();
-        }
-    }
-
-    clearBuffer(start: number, end: number) {
-        if (!this.keepBuffer) {
-            let i;
-            for (i = start; i < end && i < (this.len as number); i++) {
-                if (this.tests[i]) {
-                    this.buffer[i] = this.getPlaceholder(i);
-                }
-            }
-        }
-    }
-
-    writeBuffer() {
-        (this.inputViewChild as ElementRef).nativeElement.value = this.buffer.join('');
-    }
-
-    checkVal(allow?: boolean): number {
-        //try to place characters where they belong
-        let test = this.inputViewChild?.nativeElement.value,
-            lastMatch = -1,
-            i,
-            c,
-            pos;
-
-        for (i = 0, pos = 0; i < (this.len as number); i++) {
-            if (this.tests[i]) {
-                this.buffer[i] = this.getPlaceholder(i);
-                while (pos++ < test.length) {
-                    c = test.charAt(pos - 1);
-                    if (this.tests[i].test(c)) {
-                        if (!this.keepBuffer) {
-                            this.buffer[i] = c;
-                        }
-                        lastMatch = i;
-                        break;
-                    }
-                }
-                if (pos > test.length) {
-                    this.clearBuffer(i + 1, this.len as number);
-                    break;
-                }
-            } else {
-                if (this.buffer[i] === test.charAt(pos)) {
-                    pos++;
-                }
-                if (i < (this.partialPosition as number)) {
-                    lastMatch = i;
-                }
-            }
-        }
-        if (allow) {
-            this.writeBuffer();
-        } else if (lastMatch + 1 < (this.partialPosition as number)) {
-            if (this.autoClear || this.buffer.join('') === this.defaultBuffer) {
-                // Invalid value. Remove it and replace it with the
-                // mask, which is the default behavior.
-                if (this.inputViewChild?.nativeElement.value) this.inputViewChild.nativeElement.value = '';
-                this.clearBuffer(0, this.len as number);
-            } else {
-                // Invalid value, but we opt to show the value to the
-                // user and allow them to correct their mistake.
-                this.writeBuffer();
-            }
-        } else {
-            this.writeBuffer();
-            (this.inputViewChild as ElementRef).nativeElement.value = this.inputViewChild?.nativeElement.value.substring(0, lastMatch + 1);
-        }
-        return (this.partialPosition ? i : this.firstNonMaskPos) as number;
-    }
-
-    onInputFocus(event: Event) {
-        if (this.readonly) {
-            return;
-        }
-
-        this.focused = true;
-
-        clearTimeout(this.caretTimeoutId);
-        let pos: number;
-
-        this.focusText = this.inputViewChild?.nativeElement.value;
-
-        pos = this.keepBuffer ? this.inputViewChild?.nativeElement.value.length : this.checkVal();
-
-        this.caretTimeoutId = setTimeout(() => {
-            if (this.inputViewChild?.nativeElement !== this.inputViewChild?.nativeElement.ownerDocument.activeElement) {
-                return;
-            }
-            this.writeBuffer();
-            if (pos == this.mask?.replace('?', '').length) {
-                this.caret(0, pos);
-            } else {
-                this.caret(pos);
-            }
-        }, 10);
-
-        this.onFocus.emit(event);
-    }
-
-    onInputChange(event: Event) {
-        if (this.androidChrome) this.handleAndroidInput(event);
-        else this.handleInputChange(event);
-
-        this.onInput.emit(event);
-    }
-
-    handleInputChange(event: Event) {
-        if (this.readonly || this.disabled) {
-            return;
-        }
-
-        setTimeout(() => {
-            var pos = this.checkVal(true);
-            this.caret(pos);
-            this.updateModel(event);
-            if (this.isCompleted()) {
-                this.onComplete.emit();
-            }
-        }, 0);
-    }
-
-    getUnmaskedValue() {
-        let unmaskedBuffer = [];
-        for (let i = 0; i < this.buffer.length; i++) {
-            let c = this.buffer[i];
-            if (this.tests[i] && c != this.getPlaceholder(i)) {
-                unmaskedBuffer.push(c);
-            }
-        }
-
-        return unmaskedBuffer.join('');
-    }
-
-    updateModel(e: Event) {
-        const updatedValue = this.unmask ? this.getUnmaskedValue() : (e.target as HTMLInputElement).value;
-        if (updatedValue !== null || updatedValue !== undefined) {
-            this.value = updatedValue;
-            this.onModelChange(this.value);
-        }
-    }
-
-    updateFilledState() {
-        this.filled = this.inputViewChild?.nativeElement && this.inputViewChild.nativeElement.value != '';
-    }
-
-    focus() {
-        this.inputViewChild?.nativeElement.focus();
-    }
-
-    clear() {
-        (this.inputViewChild as ElementRef).nativeElement.value = '';
-        this.value = null;
-        this.onModelChange(this.value);
-        this.onClear.emit();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, InputTextModule, AutoFocusModule, TimesIcon],
-    exports: [InputMask, SharedModule],
-    declarations: [InputMask]
-})
-export class InputMaskModule {}
diff --git a/src/app/components/inputmask/ng-package.json b/src/app/components/inputmask/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/inputmask/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/inputmask/public_api.ts b/src/app/components/inputmask/public_api.ts
deleted file mode 100644
index d9e429c..0000000
--- a/src/app/components/inputmask/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './inputmask';
-export * from './inputmask.interface';
diff --git a/src/app/components/inputnumber/inputnumber.css b/src/app/components/inputnumber/inputnumber.css
deleted file mode 100644
index 32bfc0e..0000000
--- a/src/app/components/inputnumber/inputnumber.css
+++ /dev/null
@@ -1,115 +0,0 @@
-@layer primeng {
-    p-inputnumber,
-    .p-inputnumber {
-        display: inline-flex;
-    }
-
-    .p-inputnumber-button {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex: 0 0 auto;
-    }
-
-    .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-    .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
-        display: none;
-    }
-
-    .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
-        padding: 0;
-    }
-
-    .p-inputnumber-buttons-stacked .p-inputnumber-input {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-
-    .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-        border-bottom-left-radius: 0;
-        padding: 0;
-    }
-
-    .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
-        display: flex;
-        flex-direction: column;
-    }
-
-    .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
-        flex: 1 1 auto;
-    }
-
-    .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
-        order: 3;
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-    }
-
-    .p-inputnumber-buttons-horizontal .p-inputnumber-input {
-        order: 2;
-        border-radius: 0;
-    }
-
-    .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
-        order: 1;
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-
-    .p-inputnumber-buttons-vertical {
-        flex-direction: column;
-    }
-
-    .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
-        order: 1;
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
-        width: 100%;
-    }
-
-    .p-inputnumber-buttons-vertical .p-inputnumber-input {
-        order: 2;
-        border-radius: 0;
-        text-align: center;
-    }
-
-    .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
-        order: 3;
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-        width: 100%;
-    }
-
-    .p-inputnumber-input {
-        flex: 1 1 auto;
-    }
-
-    .p-fluid p-inputnumber,
-    .p-fluid .p-inputnumber {
-        width: 100%;
-    }
-
-    .p-fluid .p-inputnumber .p-inputnumber-input {
-        width: 1%;
-    }
-
-    .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
-        width: 100%;
-    }
-
-    .p-inputnumber-clear-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-        cursor: pointer;
-    }
-
-    .p-inputnumber-clearable {
-        position: relative;
-    }
-}
diff --git a/src/app/components/inputnumber/inputnumber.interface.ts b/src/app/components/inputnumber/inputnumber.interface.ts
deleted file mode 100644
index 68f44de..0000000
--- a/src/app/components/inputnumber/inputnumber.interface.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { InputNumber } from './inputnumber';
-/**
- * Custom input event.
- * @see {@link InputNumber.onInput}
- * @group Events
- */
-export interface InputNumberInputEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Input value.
-     */
-    value: number | string | null;
-    /**
-     * Selected option value.
-     */
-    formattedValue: string;
-}
-
-/**
- * Defines valid templates in InputNumber.
- * @group Templates
- */
-export interface InputNumberTemplates {
-    /**
-     * Custom clear icon template.
-     */
-    clearicon(): TemplateRef<any>;
-    /**
-     * Custom increment button icon template.
-     */
-    incrementbuttonicon(): TemplateRef<any>;
-    /**
-     * Custom decrement button icon template.
-     */
-    decrementbuttonicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/inputnumber/inputnumber.spec.ts b/src/app/components/inputnumber/inputnumber.spec.ts
deleted file mode 100644
index 76776fb..0000000
--- a/src/app/components/inputnumber/inputnumber.spec.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { InputNumber } from './inputnumber';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { FormsModule } from '@angular/forms';
-import { Component } from '@angular/core';
-import { By } from '@angular/platform-browser';
-
-@Component({
-    template: `<p-inputNumber [(ngModel)]="val" [readonly]="readonly" [minFractionDigits]="minFractionDigits"></p-inputNumber>`
-})
-class TestInputNumberComponent {
-    val: number;
-    readonly: boolean = true;
-    minFractionDigits = 2;
-}
-
-describe('InputNumber', () => {
-    let inputNumber: InputNumber;
-    let testComponent: TestInputNumberComponent;
-    let fixture: ComponentFixture<TestInputNumberComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, FormsModule],
-            declarations: [InputNumber, TestInputNumberComponent]
-        });
-
-        fixture = TestBed.createComponent(TestInputNumberComponent);
-        inputNumber = fixture.debugElement.children[0].componentInstance;
-        testComponent = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const inputMaskEl = fixture.debugElement.query(By.css('input'));
-        expect(inputMaskEl.nativeElement).toBeTruthy();
-    });
-    describe('Numepad decimal', () => {
-        const pressFiveEvent = new KeyboardEvent('event', {
-            code: 'Digit5',
-            key: '5',
-            keyCode: '5'.charCodeAt(0)
-        });
-        const pressNumpadDecimalWithDotEvent = new KeyboardEvent('event', {
-            code: 'NumpadDecimal',
-            key: '.',
-            keyCode: '.'.charCodeAt(0)
-        });
-        const pressNumpadDecimalWithCommaEvent = new KeyboardEvent('event', {
-            code: 'NumpadDecimal',
-            key: ',',
-            keyCode: ','.charCodeAt(0)
-        });
-
-        beforeEach(() => {
-            testComponent.readonly = false;
-            testComponent.val = 0;
-            fixture.detectChanges();
-        });
-        it('should accept numpad dot as decimal separator', () => {
-            inputNumber.onInputKeyPress(pressFiveEvent);
-            inputNumber.onInputKeyPress(pressNumpadDecimalWithDotEvent);
-            inputNumber.onInputKeyPress(pressFiveEvent);
-            expect(testComponent.val).toEqual(5.5);
-        });
-        it('should accept numpad comma as decimal separator', () => {
-            inputNumber.onInputKeyPress(pressFiveEvent);
-            inputNumber.onInputKeyPress(pressNumpadDecimalWithCommaEvent);
-            inputNumber.onInputKeyPress(pressFiveEvent);
-            expect(testComponent.val).toEqual(5.5);
-        });
-        it('should model value', () => {
-            inputNumber.onInputKeyPress(pressFiveEvent);
-            inputNumber.onInputKeyPress(pressNumpadDecimalWithDotEvent);
-            inputNumber.onInputKeyPress(pressFiveEvent);
-            expect(typeof inputNumber.value).toEqual('number');
-            expect(inputNumber.value).toEqual(5.5);
-            inputNumber.onInputBlur({} as Event);
-            expect(typeof inputNumber.value).toEqual('number');
-            expect(inputNumber.value).toEqual(5.5);
-            const inputMaskEl = fixture.debugElement.query(By.css('input'));
-            inputMaskEl.nativeElement.value = '';
-            const pressMinusEvent = new KeyboardEvent('event', {
-                code: 'Minus',
-                key: '-',
-                keyCode: '-'.charCodeAt(0)
-            });
-            inputNumber.onInputKeyPress(pressMinusEvent);
-            //@ts-ignore primeNG can can set value to string '-'
-            expect(inputNumber.value).toEqual('-');
-            expect(typeof inputNumber.value).toEqual('string');
-            inputNumber.onInputBlur({} as Event);
-            expect(inputNumber.value).toEqual(null);
-            inputNumber.onInputKeyPress(pressMinusEvent);
-            inputNumber.onInputKeyPress(pressFiveEvent);
-            expect(typeof inputNumber.value).toEqual('number');
-            expect(inputNumber.value).toEqual(-5);
-            inputNumber.onInputBlur({} as Event);
-            expect(typeof inputNumber.value).toEqual('number');
-            expect(inputNumber.value).toEqual(-5);
-        });
-    });
-});
diff --git a/src/app/components/inputnumber/inputnumber.ts b/src/app/components/inputnumber/inputnumber.ts
deleted file mode 100644
index 83f4824..0000000
--- a/src/app/components/inputnumber/inputnumber.ts
+++ /dev/null
@@ -1,1502 +0,0 @@
-import { CommonModule, DOCUMENT } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Injector,
-    Input,
-    NgModule,
-    OnChanges,
-    OnInit,
-    Output,
-    QueryList,
-    SimpleChanges,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    forwardRef,
-    numberAttribute
-} from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
-import { PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { ButtonModule } from 'primeng/button';
-import { DomHandler } from 'primeng/dom';
-import { AngleDownIcon } from 'primeng/icons/angledown';
-import { AngleUpIcon } from 'primeng/icons/angleup';
-import { TimesIcon } from 'primeng/icons/times';
-import { InputTextModule } from 'primeng/inputtext';
-import { Nullable } from 'primeng/ts-helpers';
-import { InputNumberInputEvent } from './inputnumber.interface';
-
-export const INPUTNUMBER_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => InputNumber),
-    multi: true
-};
-/**
- * InputNumber is an input component to provide numerical input.
- * @group Components
- */
-@Component({
-    selector: 'p-inputNumber',
-    template: `
-        <span
-            [ngClass]="{
-                'p-inputnumber p-component': true,
-                'p-inputnumber-buttons-stacked': this.showButtons && this.buttonLayout === 'stacked',
-                'p-inputnumber-buttons-horizontal': this.showButtons && this.buttonLayout === 'horizontal',
-                'p-inputnumber-buttons-vertical': this.showButtons && this.buttonLayout === 'vertical'
-            }"
-            [ngStyle]="style"
-            [class]="styleClass"
-            [attr.data-pc-name]="'inputnumber'"
-            [attr.data-pc-section]="'root'"
-        >
-            <input
-                pInputText
-                #input
-                [attr.id]="inputId"
-                role="spinbutton"
-                [ngClass]="'p-inputnumber-input'"
-                [ngStyle]="inputStyle"
-                [class]="inputStyleClass"
-                [value]="formattedValue()"
-                [attr.variant]="variant"
-                [attr.aria-valuemin]="min"
-                [attr.aria-valuemax]="max"
-                [attr.aria-valuenow]="value"
-                [disabled]="disabled"
-                [readonly]="readonly"
-                [attr.placeholder]="placeholder"
-                [attr.aria-label]="ariaLabel"
-                [attr.aria-labelledby]="ariaLabelledBy"
-                [attr.title]="title"
-                [attr.size]="size"
-                [attr.name]="name"
-                [attr.autocomplete]="autocomplete"
-                [attr.maxlength]="maxlength"
-                [attr.tabindex]="tabindex"
-                [attr.aria-required]="ariaRequired"
-                [attr.required]="required"
-                [attr.min]="min"
-                [attr.max]="max"
-                inputmode="decimal"
-                (input)="onUserInput($event)"
-                (keydown)="onInputKeyDown($event)"
-                (keypress)="onInputKeyPress($event)"
-                (paste)="onPaste($event)"
-                (click)="onInputClick()"
-                (focus)="onInputFocus($event)"
-                (blur)="onInputBlur($event)"
-                [attr.data-pc-section]="'input'"
-                pAutoFocus
-                [autofocus]="autofocus"
-                [class.p-variant-filled]="variant === 'filled' || config.inputStyle() === 'filled'"
-            />
-            <ng-container *ngIf="buttonLayout != 'vertical' && showClear && value">
-                <TimesIcon *ngIf="!clearIconTemplate" [ngClass]="'p-inputnumber-clear-icon'" (click)="clear()" [attr.data-pc-section]="'clearIcon'" />
-                <span *ngIf="clearIconTemplate" (click)="clear()" class="p-inputnumber-clear-icon" [attr.data-pc-section]="'clearIcon'">
-                    <ng-template *ngTemplateOutlet="clearIconTemplate"></ng-template>
-                </span>
-            </ng-container>
-            <span class="p-inputnumber-button-group" *ngIf="showButtons && buttonLayout === 'stacked'" [attr.data-pc-section]="'buttonGroup'">
-                <button
-                    type="button"
-                    pButton
-                    [ngClass]="{ 'p-inputnumber-button p-inputnumber-button-up': true }"
-                    class="p-button-icon-only"
-                    [class]="incrementButtonClass"
-                    [disabled]="disabled"
-                    tabindex="-1"
-                    (mousedown)="onUpButtonMouseDown($event)"
-                    (mouseup)="onUpButtonMouseUp()"
-                    (mouseleave)="onUpButtonMouseLeave()"
-                    (keydown)="onUpButtonKeyDown($event)"
-                    (keyup)="onUpButtonKeyUp()"
-                    [attr.aria-hidden]="true"
-                    [attr.data-pc-section]="'incrementbutton'"
-                >
-                    <span *ngIf="incrementButtonIcon" [ngClass]="incrementButtonIcon" [attr.data-pc-section]="'incrementbuttonicon'"></span>
-                    <ng-container *ngIf="!incrementButtonIcon">
-                        <AngleUpIcon *ngIf="!incrementButtonIconTemplate" [attr.data-pc-section]="'incrementbuttonicon'" />
-                        <ng-template *ngTemplateOutlet="incrementButtonIconTemplate"></ng-template>
-                    </ng-container>
-                </button>
-                <button
-                    type="button"
-                    pButton
-                    [ngClass]="{ 'p-inputnumber-button p-inputnumber-button-down': true }"
-                    class="p-button-icon-only"
-                    [class]="decrementButtonClass"
-                    [disabled]="disabled"
-                    tabindex="-1"
-                    [attr.aria-hidden]="true"
-                    (mousedown)="onDownButtonMouseDown($event)"
-                    (mouseup)="onDownButtonMouseUp()"
-                    (mouseleave)="onDownButtonMouseLeave()"
-                    (keydown)="onDownButtonKeyDown($event)"
-                    (keyup)="onDownButtonKeyUp()"
-                    [attr.data-pc-section]="decrementbutton"
-                >
-                    <span *ngIf="decrementButtonIcon" [ngClass]="decrementButtonIcon" [attr.data-pc-section]="'decrementbuttonicon'"></span>
-                    <ng-container *ngIf="!decrementButtonIcon">
-                        <AngleDownIcon *ngIf="!decrementButtonIconTemplate" [attr.data-pc-section]="'decrementbuttonicon'" />
-                        <ng-template *ngTemplateOutlet="decrementButtonIconTemplate"></ng-template>
-                    </ng-container>
-                </button>
-            </span>
-            <button
-                *ngIf="showButtons && buttonLayout !== 'stacked'"
-                type="button"
-                pButton
-                [ngClass]="{ 'p-inputnumber-button p-inputnumber-button-up': true }"
-                [class]="incrementButtonClass"
-                class="p-button-icon-only"
-                [disabled]="disabled"
-                tabindex="-1"
-                [attr.aria-hidden]="true"
-                (mousedown)="onUpButtonMouseDown($event)"
-                (mouseup)="onUpButtonMouseUp()"
-                (mouseleave)="onUpButtonMouseLeave()"
-                (keydown)="onUpButtonKeyDown($event)"
-                (keyup)="onUpButtonKeyUp()"
-                [attr.data-pc-section]="'incrementbutton'"
-            >
-                <span *ngIf="incrementButtonIcon" [ngClass]="incrementButtonIcon" [attr.data-pc-section]="'incrementbuttonicon'"></span>
-                <ng-container *ngIf="!incrementButtonIcon">
-                    <AngleUpIcon *ngIf="!incrementButtonIconTemplate" [attr.data-pc-section]="'incrementbuttonicon'" />
-                    <ng-template *ngTemplateOutlet="incrementButtonIconTemplate"></ng-template>
-                </ng-container>
-            </button>
-            <button
-                *ngIf="showButtons && buttonLayout !== 'stacked'"
-                type="button"
-                pButton
-                [ngClass]="{ 'p-inputnumber-button p-inputnumber-button-down': true }"
-                class="p-button-icon-only"
-                [class]="decrementButtonClass"
-                [disabled]="disabled"
-                tabindex="-1"
-                [attr.aria-hidden]="true"
-                (mousedown)="onDownButtonMouseDown($event)"
-                (mouseup)="onDownButtonMouseUp()"
-                (mouseleave)="onDownButtonMouseLeave()"
-                (keydown)="onDownButtonKeyDown($event)"
-                (keyup)="onDownButtonKeyUp()"
-                [attr.data-pc-section]="'decrementbutton'"
-            >
-                <span *ngIf="decrementButtonIcon" [ngClass]="decrementButtonIcon" [attr.data-pc-section]="'decrementbuttonicon'"></span>
-                <ng-container *ngIf="!decrementButtonIcon">
-                    <AngleDownIcon *ngIf="!decrementButtonIconTemplate" [attr.data-pc-section]="'decrementbuttonicon'" />
-                    <ng-template *ngTemplateOutlet="decrementButtonIconTemplate"></ng-template>
-                </ng-container>
-            </button>
-        </span>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [INPUTNUMBER_VALUE_ACCESSOR],
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./inputnumber.css'],
-    host: {
-        class: 'p-element p-inputwrapper',
-        '[class.p-inputwrapper-filled]': 'filled',
-        '[class.p-inputwrapper-focus]': 'focused',
-        '[class.p-inputnumber-clearable]': 'showClear && buttonLayout != "vertical"'
-    }
-})
-export class InputNumber implements OnInit, AfterContentInit, OnChanges, ControlValueAccessor {
-    /**
-     * Displays spinner buttons.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showButtons: boolean = false;
-    /**
-     * Whether to format the value.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) format: boolean = true;
-    /**
-     * Layout of the buttons, valid values are "stacked" (default), "horizontal" and "vertical".
-     * @group Props
-     */
-    @Input() buttonLayout: string = 'stacked';
-    /**
-     * Identifier of the focus input to match a label defined for the component.
-     * @group Props
-     */
-    @Input() inputId: string | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Advisory information to display on input.
-     * @group Props
-     */
-    @Input() placeholder: string | undefined;
-    /**
-     * Size of the input field.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) size: number | undefined;
-    /**
-     * Maximum number of character allows in the input field.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) maxlength: number | undefined;
-    /**
-     * Specifies tab order of the element.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined;
-    /**
-     * Title text of the input text.
-     * @group Props
-     */
-    @Input() title: string | undefined;
-    /**
-     * Specifies one or more IDs in the DOM that labels the input field.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Used to define a string that labels the input element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Used to indicate that user input is required on an element before a form can be submitted.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) ariaRequired: boolean | undefined;
-    /**
-     * Name of the input field.
-     * @group Props
-     */
-    @Input() name: string | undefined;
-    /**
-     * Indicates that whether the input field is required.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) required: boolean | undefined;
-    /**
-     * Used to define a string that autocomplete attribute the current element.
-     * @group Props
-     */
-    @Input() autocomplete: string | undefined;
-    /**
-     * Mininum boundary value.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) min: number | undefined;
-    /**
-     * Maximum boundary value.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) max: number | undefined;
-    /**
-     * Style class of the increment button.
-     * @group Props
-     */
-    @Input() incrementButtonClass: string | undefined;
-    /**
-     * Style class of the decrement button.
-     * @group Props
-     */
-    @Input() decrementButtonClass: string | undefined;
-    /**
-     * Style class of the increment button.
-     * @group Props
-     */
-    @Input() incrementButtonIcon: string | undefined;
-    /**
-     * Style class of the decrement button.
-     * @group Props
-     */
-    @Input() decrementButtonIcon: string | undefined;
-    /**
-     * When present, it specifies that an input field is read-only.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) readonly: boolean = false;
-    /**
-     * Step factor to increment/decrement the value.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) step: number = 1;
-    /**
-     * Determines whether the input field is empty.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) allowEmpty: boolean = true;
-    /**
-     * Locale to be used in formatting.
-     * @group Props
-     */
-    @Input() locale: string | undefined;
-    /**
-     * The locale matching algorithm to use. Possible values are "lookup" and "best fit"; the default is "best fit". See Locale Negotiation for details.
-     * @group Props
-     */
-    @Input() localeMatcher: string | undefined;
-    /**
-     * Defines the behavior of the component, valid values are "decimal" and "currency".
-     * @group Props
-     */
-    @Input() mode: string = 'decimal';
-    /**
-     * The currency to use in currency formatting. Possible values are the ISO 4217 currency codes, such as "USD" for the US dollar, "EUR" for the euro, or "CNY" for the Chinese RMB. There is no default value; if the style is "currency", the currency property must be provided.
-     * @group Props
-     */
-    @Input() currency: string | undefined;
-    /**
-     * How to display the currency in currency formatting. Possible values are "symbol" to use a localized currency symbol such as €, ü"code" to use the ISO currency code, "name" to use a localized currency name such as "dollar"; the default is "symbol".
-     * @group Props
-     */
-    @Input() currencyDisplay: string | undefined;
-    /**
-     * Whether to use grouping separators, such as thousands separators or thousand/lakh/crore separators.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) useGrouping: boolean = true;
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    @Input() variant: 'filled' | 'outlined' = 'outlined';
-    /**
-     * The minimum number of fraction digits to use. Possible values are from 0 to 20; the default for plain number and percent formatting is 0; the default for currency formatting is the number of minor unit digits provided by the ISO 4217 currency code list (2 if the list doesn't provide that information).
-     * @group Props
-     */
-    @Input({ transform: (value: unknown) => numberAttribute(value, null) }) minFractionDigits: number | undefined;
-    /**
-     * The maximum number of fraction digits to use. Possible values are from 0 to 20; the default for plain number formatting is the larger of minimumFractionDigits and 3; the default for currency formatting is the larger of minimumFractionDigits and the number of minor unit digits provided by the ISO 4217 currency code list (2 if the list doesn't provide that information).
-     * @group Props
-     */
-    @Input({ transform: (value: unknown) => numberAttribute(value, null) }) maxFractionDigits: number | undefined;
-    /**
-     * Text to display before the value.
-     * @group Props
-     */
-    @Input() prefix: string | undefined;
-    /**
-     * Text to display after the value.
-     * @group Props
-     */
-    @Input() suffix: string | undefined;
-    /**
-     * Inline style of the input field.
-     * @group Props
-     */
-    @Input() inputStyle: any;
-    /**
-     * Style class of the input field.
-     * @group Props
-     */
-    @Input() inputStyleClass: string | undefined;
-    /**
-     * When enabled, a clear icon is displayed to clear the value.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showClear: boolean = false;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * When present, it specifies that the element should be disabled.
-     * @group Props
-     */
-    @Input() get disabled(): boolean | undefined {
-        return this._disabled;
-    }
-    set disabled(disabled: boolean | undefined) {
-        if (disabled) this.focused = false;
-
-        this._disabled = disabled;
-
-        if (this.timer) this.clearTimer();
-    }
-    /**
-     * Callback to invoke on input.
-     * @param {InputNumberInputEvent} event - Custom input event.
-     * @group Emits
-     */
-    @Output() onInput: EventEmitter<InputNumberInputEvent> = new EventEmitter<InputNumberInputEvent>();
-    /**
-     * Callback to invoke when the component receives focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when the component loses focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke on input key press.
-     * @param {KeyboardEvent} event - Keyboard event.
-     * @group Emits
-     */
-    @Output() onKeyDown: EventEmitter<KeyboardEvent> = new EventEmitter<KeyboardEvent>();
-    /**
-     * Callback to invoke when clear token is clicked.
-     * @group Emits
-     */
-    @Output() onClear: EventEmitter<void> = new EventEmitter<void>();
-
-    @ViewChild('input') input!: ElementRef<HTMLInputElement>;
-
-    @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;
-
-    clearIconTemplate: Nullable<TemplateRef<any>>;
-
-    incrementButtonIconTemplate: Nullable<TemplateRef<any>>;
-
-    decrementButtonIconTemplate: Nullable<TemplateRef<any>>;
-
-    value: Nullable<number>;
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    focused: Nullable<boolean>;
-
-    initialized: Nullable<boolean>;
-
-    groupChar: string = '';
-
-    prefixChar: string = '';
-
-    suffixChar: string = '';
-
-    isSpecialChar: Nullable<boolean>;
-
-    timer: any;
-
-    lastValue: Nullable<string>;
-
-    _numeral: any;
-
-    numberFormat: any;
-
-    _decimal: any;
-
-    _decimalChar: string;
-
-    _group: any;
-
-    _minusSign: any;
-
-    _currency: Nullable<RegExp | string>;
-
-    _prefix: Nullable<RegExp>;
-
-    _suffix: Nullable<RegExp>;
-
-    _index: number | any;
-
-    _disabled: boolean | undefined;
-
-    private ngControl: NgControl | null = null;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        public el: ElementRef,
-        private cd: ChangeDetectorRef,
-        private readonly injector: Injector,
-        public config: PrimeNGConfig
-    ) {}
-
-    ngOnChanges(simpleChange: SimpleChanges) {
-        const props = ['locale', 'localeMatcher', 'mode', 'currency', 'currencyDisplay', 'useGrouping', 'minFractionDigits', 'maxFractionDigits', 'prefix', 'suffix'];
-        if (props.some((p) => !!simpleChange[p])) {
-            this.updateConstructParser();
-        }
-    }
-
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'clearicon':
-                    this.clearIconTemplate = item.template;
-                    break;
-
-                case 'incrementbuttonicon':
-                    this.incrementButtonIconTemplate = item.template;
-                    break;
-
-                case 'decrementbuttonicon':
-                    this.decrementButtonIconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    ngOnInit() {
-        this.ngControl = this.injector.get(NgControl, null, { optional: true });
-
-        this.constructParser();
-
-        this.initialized = true;
-    }
-
-    getOptions() {
-        return {
-            localeMatcher: this.localeMatcher,
-            style: this.mode,
-            currency: this.currency,
-            currencyDisplay: this.currencyDisplay,
-            useGrouping: this.useGrouping,
-            minimumFractionDigits: this.minFractionDigits ?? undefined,
-            maximumFractionDigits: this.maxFractionDigits ?? undefined
-        };
-    }
-
-    constructParser() {
-        this.numberFormat = new Intl.NumberFormat(this.locale, this.getOptions());
-        const numerals = [...new Intl.NumberFormat(this.locale, { useGrouping: false }).format(9876543210)].reverse();
-        const index = new Map(numerals.map((d, i) => [d, i]));
-        this._numeral = new RegExp(`[${numerals.join('')}]`, 'g');
-        this._group = this.getGroupingExpression();
-        this._minusSign = this.getMinusSignExpression();
-        this._currency = this.getCurrencyExpression();
-        this._decimal = this.getDecimalExpression();
-        this._decimalChar = this.getDecimalChar();
-        this._suffix = this.getSuffixExpression();
-        this._prefix = this.getPrefixExpression();
-        this._index = (d: any) => index.get(d);
-    }
-
-    updateConstructParser() {
-        if (this.initialized) {
-            this.constructParser();
-        }
-    }
-
-    escapeRegExp(text: string): string {
-        return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
-    }
-
-    getDecimalExpression(): RegExp {
-        const decimalChar = this.getDecimalChar();
-        return new RegExp(`[${decimalChar}]`, 'g');
-    }
-
-    getDecimalChar(): string {
-        const formatter = new Intl.NumberFormat(this.locale, { ...this.getOptions(), useGrouping: false });
-        return formatter
-            .format(1.1)
-            .replace(this._currency as RegExp | string, '')
-            .trim()
-            .replace(this._numeral, '');
-    }
-
-    getGroupingExpression(): RegExp {
-        const formatter = new Intl.NumberFormat(this.locale, { useGrouping: true });
-        this.groupChar = formatter.format(1000000).trim().replace(this._numeral, '').charAt(0);
-        return new RegExp(`[${this.groupChar}]`, 'g');
-    }
-
-    getMinusSignExpression(): RegExp {
-        const formatter = new Intl.NumberFormat(this.locale, { useGrouping: false });
-        return new RegExp(`[${formatter.format(-1).trim().replace(this._numeral, '')}]`, 'g');
-    }
-
-    getCurrencyExpression(): RegExp {
-        if (this.currency) {
-            const formatter = new Intl.NumberFormat(this.locale, { style: 'currency', currency: this.currency, currencyDisplay: this.currencyDisplay, minimumFractionDigits: 0, maximumFractionDigits: 0 });
-            return new RegExp(`[${formatter.format(1).replace(/\s/g, '').replace(this._numeral, '').replace(this._group, '')}]`, 'g');
-        }
-
-        return new RegExp(`[]`, 'g');
-    }
-
-    getPrefixExpression(): RegExp {
-        if (this.prefix) {
-            this.prefixChar = this.prefix;
-        } else {
-            const formatter = new Intl.NumberFormat(this.locale, { style: this.mode, currency: this.currency, currencyDisplay: this.currencyDisplay });
-            this.prefixChar = formatter.format(1).split('1')[0];
-        }
-
-        return new RegExp(`${this.escapeRegExp(this.prefixChar || '')}`, 'g');
-    }
-
-    getSuffixExpression(): RegExp {
-        if (this.suffix) {
-            this.suffixChar = this.suffix;
-        } else {
-            const formatter = new Intl.NumberFormat(this.locale, { style: this.mode, currency: this.currency, currencyDisplay: this.currencyDisplay, minimumFractionDigits: 0, maximumFractionDigits: 0 });
-            this.suffixChar = formatter.format(1).split('1')[1];
-        }
-
-        return new RegExp(`${this.escapeRegExp(this.suffixChar || '')}`, 'g');
-    }
-
-    get isBlurUpdateOnMode() {
-        return this.ngControl?.control?.updateOn === 'blur';
-    }
-
-    formatValue(value: any) {
-        if (value != null) {
-            if (value === '-') {
-                // Minus sign
-                return value;
-            }
-
-            if (this.format) {
-                let formatter = new Intl.NumberFormat(this.locale, this.getOptions());
-                let formattedValue = formatter.format(value);
-
-                if (this.prefix && value != this.prefix) {
-                    formattedValue = this.prefix + formattedValue;
-                }
-
-                if (this.suffix && value != this.suffix) {
-                    formattedValue = formattedValue + this.suffix;
-                }
-
-                return formattedValue;
-            }
-
-            return value.toString();
-        }
-
-        return '';
-    }
-
-    parseValue(text: any) {
-        const suffixRegex = new RegExp(this._suffix, '');
-        const prefixRegex = new RegExp(this._prefix, '');
-        const currencyRegex = new RegExp(this._currency, '');
-
-        let filteredText = text
-            .replace(suffixRegex, '')
-            .replace(prefixRegex, '')
-            .trim()
-            .replace(/\s/g, '')
-            .replace(currencyRegex, '')
-            .replace(this._group, '')
-            .replace(this._minusSign, '-')
-            .replace(this._decimal, '.')
-            .replace(this._numeral, this._index);
-
-        if (filteredText) {
-            if (filteredText === '-')
-                // Minus sign
-                return filteredText;
-
-            let parsedValue = +filteredText;
-            return isNaN(parsedValue) ? null : parsedValue;
-        }
-
-        return null;
-    }
-
-    repeat(event: Event, interval: number | null, dir: number) {
-        if (this.readonly) {
-            return;
-        }
-
-        let i = interval || 500;
-
-        this.clearTimer();
-        this.timer = setTimeout(() => {
-            this.repeat(event, 40, dir);
-        }, i);
-
-        this.spin(event, dir);
-    }
-
-    spin(event: Event, dir: number) {
-        let step = this.step * dir;
-        let currentValue = this.parseValue(this.input?.nativeElement.value) || 0;
-        let newValue = this.validateValue((currentValue as number) + step);
-        if (this.maxlength && this.maxlength < this.formatValue(newValue).length) {
-            return;
-        }
-        this.updateInput(newValue, null, 'spin', null);
-        this.updateModel(event, newValue);
-
-        this.handleOnInput(event, currentValue, newValue);
-    }
-
-    clear() {
-        this.value = null;
-        this.onModelChange(this.value);
-        this.onClear.emit();
-    }
-
-    onUpButtonMouseDown(event: MouseEvent) {
-        if (event.button === 2) {
-            this.clearTimer();
-            return;
-        }
-
-        if (!this.disabled) {
-            this.input?.nativeElement.focus();
-            this.repeat(event, null, 1);
-            event.preventDefault();
-        }
-    }
-
-    onUpButtonMouseUp() {
-        if (!this.disabled) {
-            this.clearTimer();
-        }
-    }
-
-    onUpButtonMouseLeave() {
-        if (!this.disabled) {
-            this.clearTimer();
-        }
-    }
-
-    onUpButtonKeyDown(event: KeyboardEvent) {
-        if (event.keyCode === 32 || event.keyCode === 13) {
-            this.repeat(event, null, 1);
-        }
-    }
-
-    onUpButtonKeyUp() {
-        if (!this.disabled) {
-            this.clearTimer();
-        }
-    }
-
-    onDownButtonMouseDown(event: MouseEvent) {
-        if (event.button === 2) {
-            this.clearTimer();
-            return;
-        }
-        if (!this.disabled) {
-            this.input?.nativeElement.focus();
-            this.repeat(event, null, -1);
-            event.preventDefault();
-        }
-    }
-
-    onDownButtonMouseUp() {
-        if (!this.disabled) {
-            this.clearTimer();
-        }
-    }
-
-    onDownButtonMouseLeave() {
-        if (!this.disabled) {
-            this.clearTimer();
-        }
-    }
-
-    onDownButtonKeyUp() {
-        if (!this.disabled) {
-            this.clearTimer();
-        }
-    }
-
-    onDownButtonKeyDown(event: KeyboardEvent) {
-        if (event.keyCode === 32 || event.keyCode === 13) {
-            this.repeat(event, null, -1);
-        }
-    }
-
-    onUserInput(event: Event) {
-        if (this.readonly) {
-            return;
-        }
-
-        if (this.isSpecialChar) {
-            (event.target as HTMLInputElement).value = this.lastValue as string;
-        }
-        this.isSpecialChar = false;
-    }
-
-    onInputKeyDown(event: KeyboardEvent) {
-        if (this.readonly) {
-            return;
-        }
-
-        this.lastValue = (event.target as HTMLInputElement).value;
-        if ((event as KeyboardEvent).shiftKey || (event as KeyboardEvent).altKey) {
-            this.isSpecialChar = true;
-            return;
-        }
-
-        let selectionStart = (event.target as HTMLInputElement).selectionStart as number;
-        let selectionEnd = (event.target as HTMLInputElement).selectionEnd as number;
-        let inputValue = (event.target as HTMLInputElement).value as string;
-        let newValueStr = null;
-
-        if (event.altKey) {
-            event.preventDefault();
-        }
-
-        switch (event.key) {
-            case 'ArrowUp':
-                this.spin(event, 1);
-                event.preventDefault();
-                break;
-
-            case 'ArrowDown':
-                this.spin(event, -1);
-                event.preventDefault();
-                break;
-
-            case 'ArrowLeft':
-                for (let index = selectionStart; index <= inputValue.length; index++) {
-                    const previousCharIndex = index === 0 ? 0 : index - 1;
-                    if (this.isNumeralChar(inputValue.charAt(previousCharIndex))) {
-                        this.input.nativeElement.setSelectionRange(index, index);
-                        break;
-                    }
-                }
-                break;
-
-            case 'ArrowRight':
-                for (let index = selectionEnd; index >= 0; index--) {
-                    if (this.isNumeralChar(inputValue.charAt(index))) {
-                        this.input.nativeElement.setSelectionRange(index, index);
-                        break;
-                    }
-                }
-                break;
-
-            case 'Tab':
-            case 'Enter':
-                newValueStr = this.validateValue(this.parseValue(this.input.nativeElement.value));
-                this.input.nativeElement.value = this.formatValue(newValueStr);
-                this.input.nativeElement.setAttribute('aria-valuenow', newValueStr);
-                this.updateModel(event, newValueStr);
-                break;
-
-            case 'Backspace': {
-                event.preventDefault();
-
-                if (selectionStart === selectionEnd) {
-                    if ((selectionStart == 1 && this.prefix) || (selectionStart == inputValue.length && this.suffix)) {
-                        break;
-                    }
-
-                    const deleteChar = inputValue.charAt(selectionStart - 1);
-                    const { decimalCharIndex, decimalCharIndexWithoutPrefix } = this.getDecimalCharIndexes(inputValue);
-
-                    if (this.isNumeralChar(deleteChar)) {
-                        const decimalLength = this.getDecimalLength(inputValue);
-
-                        if (this._group.test(deleteChar)) {
-                            this._group.lastIndex = 0;
-                            newValueStr = inputValue.slice(0, selectionStart - 2) + inputValue.slice(selectionStart - 1);
-                        } else if (this._decimal.test(deleteChar)) {
-                            this._decimal.lastIndex = 0;
-
-                            if (decimalLength) {
-                                this.input?.nativeElement.setSelectionRange(selectionStart - 1, selectionStart - 1);
-                            } else {
-                                newValueStr = inputValue.slice(0, selectionStart - 1) + inputValue.slice(selectionStart);
-                            }
-                        } else if (decimalCharIndex > 0 && selectionStart > decimalCharIndex) {
-                            const insertedText = this.isDecimalMode() && (this.minFractionDigits || 0) < decimalLength ? '' : '0';
-                            newValueStr = inputValue.slice(0, selectionStart - 1) + insertedText + inputValue.slice(selectionStart);
-                        } else if (decimalCharIndexWithoutPrefix === 1) {
-                            newValueStr = inputValue.slice(0, selectionStart - 1) + '0' + inputValue.slice(selectionStart);
-                            newValueStr = (this.parseValue(newValueStr) as number) > 0 ? newValueStr : '';
-                        } else {
-                            newValueStr = inputValue.slice(0, selectionStart - 1) + inputValue.slice(selectionStart);
-                        }
-                    } else if (this.mode === 'currency' && deleteChar.search(this._currency) != -1) {
-                        newValueStr = inputValue.slice(1);
-                    }
-
-                    this.updateValue(event, newValueStr, null, 'delete-single');
-                } else {
-                    newValueStr = this.deleteRange(inputValue, selectionStart, selectionEnd);
-                    this.updateValue(event, newValueStr, null, 'delete-range');
-                }
-
-                break;
-            }
-
-            case 'Delete':
-                event.preventDefault();
-
-                if (selectionStart === selectionEnd) {
-                    if ((selectionStart == 0 && this.prefix) || (selectionStart == inputValue.length - 1 && this.suffix)) {
-                        break;
-                    }
-                    const deleteChar = inputValue.charAt(selectionStart);
-                    const { decimalCharIndex, decimalCharIndexWithoutPrefix } = this.getDecimalCharIndexes(inputValue);
-
-                    if (this.isNumeralChar(deleteChar)) {
-                        const decimalLength = this.getDecimalLength(inputValue);
-
-                        if (this._group.test(deleteChar)) {
-                            this._group.lastIndex = 0;
-                            newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 2);
-                        } else if (this._decimal.test(deleteChar)) {
-                            this._decimal.lastIndex = 0;
-
-                            if (decimalLength) {
-                                this.input?.nativeElement.setSelectionRange(selectionStart + 1, selectionStart + 1);
-                            } else {
-                                newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 1);
-                            }
-                        } else if (decimalCharIndex > 0 && selectionStart > decimalCharIndex) {
-                            const insertedText = this.isDecimalMode() && (this.minFractionDigits || 0) < decimalLength ? '' : '0';
-                            newValueStr = inputValue.slice(0, selectionStart) + insertedText + inputValue.slice(selectionStart + 1);
-                        } else if (decimalCharIndexWithoutPrefix === 1) {
-                            newValueStr = inputValue.slice(0, selectionStart) + '0' + inputValue.slice(selectionStart + 1);
-                            newValueStr = (this.parseValue(newValueStr) as number) > 0 ? newValueStr : '';
-                        } else {
-                            newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 1);
-                        }
-                    }
-
-                    this.updateValue(event, newValueStr as string, null, 'delete-back-single');
-                } else {
-                    newValueStr = this.deleteRange(inputValue, selectionStart, selectionEnd);
-                    this.updateValue(event, newValueStr, null, 'delete-range');
-                }
-                break;
-
-            case 'Home':
-                if (this.min) {
-                    this.updateModel(event, this.min);
-                    event.preventDefault();
-                }
-                break;
-
-            case 'End':
-                if (this.max) {
-                    this.updateModel(event, this.max);
-                    event.preventDefault();
-                }
-                break;
-
-            default:
-                break;
-        }
-
-        this.onKeyDown.emit(event);
-    }
-
-    onInputKeyPress(event: KeyboardEvent) {
-        if (this.readonly) {
-            return;
-        }
-
-        let code = event.which || event.keyCode;
-        let char = String.fromCharCode(code);
-        let isDecimalSign = this.isDecimalSign(char);
-        const isMinusSign = this.isMinusSign(char);
-
-        if (code != 13) {
-            event.preventDefault();
-        }
-        if (!isDecimalSign && event.code === 'NumpadDecimal') {
-            isDecimalSign = true;
-            char = this._decimalChar;
-            code = char.charCodeAt(0);
-        }
-        const newValue = this.parseValue(this.input.nativeElement.value + char);
-        const newValueStr = newValue != null ? newValue.toString() : '';
-
-        if (this.maxlength && this.getSelectedText()?.length == this.maxlength) {
-            this.insert(event, char, { isDecimalSign, isMinusSign });
-            return;
-        }
-
-        if (this.maxlength && newValueStr.length > this.maxlength) {
-            return;
-        }
-
-        if ((48 <= code && code <= 57) || isMinusSign || isDecimalSign) {
-            this.insert(event, char, { isDecimalSign, isMinusSign });
-        }
-    }
-
-    private getSelectedText() {
-        return (
-            window
-                ?.getSelection()
-                ?.toString()
-                .replaceAll(/[^0-9']/g, '') || ''
-        );
-    }
-
-    onPaste(event: ClipboardEvent) {
-        if (!this.disabled && !this.readonly) {
-            event.preventDefault();
-            let data = (event.clipboardData || (this.document as any).defaultView['clipboardData']).getData('Text');
-            if (data) {
-                if (this.maxlength) {
-                    data = data.toString().substring(0, this.maxlength);
-                }
-
-                let filteredData = this.parseValue(data);
-                if (filteredData != null) {
-                    this.insert(event, filteredData.toString());
-                }
-            }
-        }
-    }
-
-    allowMinusSign() {
-        return this.min == null || this.min < 0;
-    }
-
-    isMinusSign(char: string) {
-        if (this._minusSign.test(char) || char === '-') {
-            this._minusSign.lastIndex = 0;
-            return true;
-        }
-
-        return false;
-    }
-
-    isDecimalSign(char: string) {
-        if (this._decimal.test(char)) {
-            this._decimal.lastIndex = 0;
-            return true;
-        }
-
-        return false;
-    }
-
-    isDecimalMode() {
-        return this.mode === 'decimal';
-    }
-
-    getDecimalCharIndexes(val: string) {
-        let decimalCharIndex = val.search(this._decimal);
-        this._decimal.lastIndex = 0;
-
-        const filteredVal = val
-            .replace(this._prefix as RegExp, '')
-            .trim()
-            .replace(/\s/g, '')
-            .replace(this._currency as RegExp, '');
-        const decimalCharIndexWithoutPrefix = filteredVal.search(this._decimal);
-        this._decimal.lastIndex = 0;
-
-        return { decimalCharIndex, decimalCharIndexWithoutPrefix };
-    }
-
-    getCharIndexes(val: string) {
-        const decimalCharIndex = val.search(this._decimal);
-        this._decimal.lastIndex = 0;
-        const minusCharIndex = val.search(this._minusSign);
-        this._minusSign.lastIndex = 0;
-        const suffixCharIndex = val.search(this._suffix as RegExp);
-        (this._suffix as RegExp).lastIndex = 0;
-        const currencyCharIndex = val.search(this._currency as RegExp);
-        (this._currency as RegExp).lastIndex = 0;
-
-        return { decimalCharIndex, minusCharIndex, suffixCharIndex, currencyCharIndex };
-    }
-
-    insert(event: Event, text: string, sign = { isDecimalSign: false, isMinusSign: false }) {
-        const minusCharIndexOnText = text.search(this._minusSign);
-        this._minusSign.lastIndex = 0;
-        if (!this.allowMinusSign() && minusCharIndexOnText !== -1) {
-            return;
-        }
-
-        let selectionStart = this.input?.nativeElement.selectionStart;
-        let selectionEnd = this.input?.nativeElement.selectionEnd;
-        let inputValue = this.input?.nativeElement.value.trim();
-        const { decimalCharIndex, minusCharIndex, suffixCharIndex, currencyCharIndex } = this.getCharIndexes(inputValue);
-        let newValueStr;
-
-        if (sign.isMinusSign) {
-            if (selectionStart === 0) {
-                newValueStr = inputValue;
-                if (minusCharIndex === -1 || selectionEnd !== 0) {
-                    newValueStr = this.insertText(inputValue, text, 0, selectionEnd);
-                }
-
-                this.updateValue(event, newValueStr, text, 'insert');
-            }
-        } else if (sign.isDecimalSign) {
-            if (decimalCharIndex > 0 && selectionStart === decimalCharIndex) {
-                this.updateValue(event, inputValue, text, 'insert');
-            } else if (decimalCharIndex > selectionStart && decimalCharIndex < selectionEnd) {
-                newValueStr = this.insertText(inputValue, text, selectionStart, selectionEnd);
-                this.updateValue(event, newValueStr, text, 'insert');
-            } else if (decimalCharIndex === -1 && this.maxFractionDigits) {
-                newValueStr = this.insertText(inputValue, text, selectionStart, selectionEnd);
-                this.updateValue(event, newValueStr, text, 'insert');
-            }
-        } else {
-            const maxFractionDigits = this.numberFormat.resolvedOptions().maximumFractionDigits;
-            const operation = selectionStart !== selectionEnd ? 'range-insert' : 'insert';
-
-            if (decimalCharIndex > 0 && selectionStart > decimalCharIndex) {
-                if (selectionStart + text.length - (decimalCharIndex + 1) <= maxFractionDigits) {
-                    const charIndex = currencyCharIndex >= selectionStart ? currencyCharIndex - 1 : suffixCharIndex >= selectionStart ? suffixCharIndex : inputValue.length;
-
-                    newValueStr = inputValue.slice(0, selectionStart) + text + inputValue.slice(selectionStart + text.length, charIndex) + inputValue.slice(charIndex);
-                    this.updateValue(event, newValueStr, text, operation);
-                }
-            } else {
-                newValueStr = this.insertText(inputValue, text, selectionStart, selectionEnd);
-                this.updateValue(event, newValueStr, text, operation);
-            }
-        }
-    }
-
-    insertText(value: string, text: string, start: number, end: number) {
-        let textSplit = text === '.' ? text : text.split('.');
-
-        if (textSplit.length === 2) {
-            const decimalCharIndex = value.slice(start, end).search(this._decimal);
-            this._decimal.lastIndex = 0;
-            return decimalCharIndex > 0 ? value.slice(0, start) + this.formatValue(text) + value.slice(end) : value || this.formatValue(text);
-        } else if (end - start === value.length) {
-            return this.formatValue(text);
-        } else if (start === 0) {
-            return text + value.slice(end);
-        } else if (end === value.length) {
-            return value.slice(0, start) + text;
-        } else {
-            return value.slice(0, start) + text + value.slice(end);
-        }
-    }
-
-    deleteRange(value: string, start: number, end: number) {
-        let newValueStr;
-
-        if (end - start === value.length) newValueStr = '';
-        else if (start === 0) newValueStr = value.slice(end);
-        else if (end === value.length) newValueStr = value.slice(0, start);
-        else newValueStr = value.slice(0, start) + value.slice(end);
-
-        return newValueStr;
-    }
-
-    initCursor() {
-        let selectionStart = this.input?.nativeElement.selectionStart;
-        let selectionEnd = this.input?.nativeElement.selectionEnd;
-        let inputValue = this.input?.nativeElement.value;
-        let valueLength = inputValue.length;
-        let index = null;
-
-        // remove prefix
-        let prefixLength = (this.prefixChar || '').length;
-        inputValue = inputValue.replace(this._prefix, '');
-
-        // Will allow selecting whole prefix. But not a part of it.
-        // Negative values will trigger clauses after this to fix the cursor position.
-        if (selectionStart === selectionEnd || selectionStart !== 0 || selectionEnd < prefixLength) {
-            selectionStart -= prefixLength;
-        }
-
-        let char = inputValue.charAt(selectionStart);
-        if (this.isNumeralChar(char)) {
-            return selectionStart + prefixLength;
-        }
-
-        //left
-        let i = selectionStart - 1;
-        while (i >= 0) {
-            char = inputValue.charAt(i);
-            if (this.isNumeralChar(char)) {
-                index = i + prefixLength;
-                break;
-            } else {
-                i--;
-            }
-        }
-
-        if (index !== null) {
-            this.input?.nativeElement.setSelectionRange(index + 1, index + 1);
-        } else {
-            i = selectionStart;
-            while (i < valueLength) {
-                char = inputValue.charAt(i);
-                if (this.isNumeralChar(char)) {
-                    index = i + prefixLength;
-                    break;
-                } else {
-                    i++;
-                }
-            }
-
-            if (index !== null) {
-                this.input?.nativeElement.setSelectionRange(index, index);
-            }
-        }
-
-        return index || 0;
-    }
-
-    onInputClick() {
-        const currentValue = this.input?.nativeElement.value;
-
-        if (!this.readonly && currentValue !== DomHandler.getSelection()) {
-            this.initCursor();
-        }
-    }
-
-    isNumeralChar(char: string) {
-        if (char.length === 1 && (this._numeral.test(char) || this._decimal.test(char) || this._group.test(char) || this._minusSign.test(char))) {
-            this.resetRegex();
-            return true;
-        }
-
-        return false;
-    }
-
-    resetRegex() {
-        this._numeral.lastIndex = 0;
-        this._decimal.lastIndex = 0;
-        this._group.lastIndex = 0;
-        this._minusSign.lastIndex = 0;
-    }
-
-    updateValue(event: Event, valueStr: Nullable<string>, insertedValueStr: Nullable<string>, operation: Nullable<string>) {
-        let currentValue = this.input?.nativeElement.value;
-        let newValue = null;
-
-        if (valueStr != null) {
-            newValue = this.parseValue(valueStr);
-            newValue = !newValue && !this.allowEmpty ? 0 : newValue;
-            this.updateInput(newValue, insertedValueStr, operation, valueStr);
-
-            this.handleOnInput(event, currentValue, newValue);
-        }
-    }
-
-    handleOnInput(event: Event, currentValue: string, newValue: any) {
-        if (this.isValueChanged(currentValue, newValue)) {
-            (this.input as ElementRef).nativeElement.value = this.formatValue(newValue);
-            this.input?.nativeElement.setAttribute('aria-valuenow', newValue);
-            !this.isBlurUpdateOnMode && this.updateModel(event, newValue);
-            this.onInput.emit({ originalEvent: event, value: newValue, formattedValue: currentValue });
-        }
-    }
-
-    isValueChanged(currentValue: string, newValue: string) {
-        if (newValue === null && currentValue !== null) {
-            return true;
-        }
-
-        if (newValue != null) {
-            let parsedCurrentValue = typeof currentValue === 'string' ? this.parseValue(currentValue) : currentValue;
-            return newValue !== parsedCurrentValue;
-        }
-
-        return false;
-    }
-
-    validateValue(value: number | string) {
-        if (value === '-' || value == null) {
-            return null;
-        }
-
-        if (this.min != null && (value as number) < this.min) {
-            return this.min;
-        }
-
-        if (this.max != null && (value as number) > this.max) {
-            return this.max;
-        }
-
-        return value;
-    }
-
-    updateInput(value: any, insertedValueStr: Nullable<string>, operation: Nullable<string>, valueStr: Nullable<string>) {
-        insertedValueStr = insertedValueStr || '';
-
-        let inputValue = this.input?.nativeElement.value;
-        let newValue = this.formatValue(value);
-        let currentLength = inputValue.length;
-
-        if (newValue !== valueStr) {
-            newValue = this.concatValues(newValue, valueStr as string);
-        }
-
-        if (currentLength === 0) {
-            this.input.nativeElement.value = newValue;
-            this.input.nativeElement.setSelectionRange(0, 0);
-            const index = this.initCursor();
-            const selectionEnd = index + insertedValueStr.length;
-            this.input.nativeElement.setSelectionRange(selectionEnd, selectionEnd);
-        } else {
-            let selectionStart = this.input.nativeElement.selectionStart;
-            let selectionEnd = this.input.nativeElement.selectionEnd;
-
-            if (this.maxlength && newValue.length > this.maxlength) {
-                newValue = newValue.slice(0, this.maxlength);
-                selectionStart = Math.min(selectionStart, this.maxlength);
-                selectionEnd = Math.min(selectionEnd, this.maxlength);
-            }
-
-            if (this.maxlength && this.maxlength < newValue.length) {
-                return;
-            }
-
-            this.input.nativeElement.value = newValue;
-            let newLength = newValue.length;
-
-            if (operation === 'range-insert') {
-                const startValue = this.parseValue((inputValue || '').slice(0, selectionStart));
-                const startValueStr = startValue !== null ? startValue.toString() : '';
-                const startExpr = startValueStr.split('').join(`(${this.groupChar})?`);
-                const sRegex = new RegExp(startExpr, 'g');
-                sRegex.test(newValue);
-
-                const tExpr = insertedValueStr.split('').join(`(${this.groupChar})?`);
-                const tRegex = new RegExp(tExpr, 'g');
-                tRegex.test(newValue.slice(sRegex.lastIndex));
-
-                selectionEnd = sRegex.lastIndex + tRegex.lastIndex;
-                this.input.nativeElement.setSelectionRange(selectionEnd, selectionEnd);
-            } else if (newLength === currentLength) {
-                if (operation === 'insert' || operation === 'delete-back-single') this.input.nativeElement.setSelectionRange(selectionEnd + 1, selectionEnd + 1);
-                else if (operation === 'delete-single') this.input.nativeElement.setSelectionRange(selectionEnd - 1, selectionEnd - 1);
-                else if (operation === 'delete-range' || operation === 'spin') this.input.nativeElement.setSelectionRange(selectionEnd, selectionEnd);
-            } else if (operation === 'delete-back-single') {
-                let prevChar = inputValue.charAt(selectionEnd - 1);
-                let nextChar = inputValue.charAt(selectionEnd);
-                let diff = currentLength - newLength;
-                let isGroupChar = this._group.test(nextChar);
-
-                if (isGroupChar && diff === 1) {
-                    selectionEnd += 1;
-                } else if (!isGroupChar && this.isNumeralChar(prevChar)) {
-                    selectionEnd += -1 * diff + 1;
-                }
-
-                this._group.lastIndex = 0;
-                this.input.nativeElement.setSelectionRange(selectionEnd, selectionEnd);
-            } else if (inputValue === '-' && operation === 'insert') {
-                this.input.nativeElement.setSelectionRange(0, 0);
-                const index = this.initCursor();
-                const selectionEnd = index + insertedValueStr.length + 1;
-                this.input.nativeElement.setSelectionRange(selectionEnd, selectionEnd);
-            } else {
-                selectionEnd = selectionEnd + (newLength - currentLength);
-                this.input.nativeElement.setSelectionRange(selectionEnd, selectionEnd);
-            }
-        }
-
-        this.input.nativeElement.setAttribute('aria-valuenow', value);
-    }
-
-    concatValues(val1: string, val2: string) {
-        if (val1 && val2) {
-            let decimalCharIndex = val2.search(this._decimal);
-            this._decimal.lastIndex = 0;
-
-            if (this.suffixChar) {
-                return decimalCharIndex !== -1 ? val1 : val1.replace(this.suffixChar, '').split(this._decimal)[0] + val2.replace(this.suffixChar, '').slice(decimalCharIndex) + this.suffixChar;
-            } else {
-                return decimalCharIndex !== -1 ? val1.split(this._decimal)[0] + val2.slice(decimalCharIndex) : val1;
-            }
-        }
-        return val1;
-    }
-
-    getDecimalLength(value: string) {
-        if (value) {
-            const valueSplit = value.split(this._decimal);
-
-            if (valueSplit.length === 2) {
-                return valueSplit[1]
-                    .replace(this._suffix as RegExp, '')
-                    .trim()
-                    .replace(/\s/g, '')
-                    .replace(this._currency as RegExp, '').length;
-            }
-        }
-
-        return 0;
-    }
-
-    onInputFocus(event: Event) {
-        this.focused = true;
-        this.onFocus.emit(event);
-    }
-
-    onInputBlur(event: Event) {
-        this.focused = false;
-
-        const newValueNumber = this.validateValue(this.parseValue(this.input.nativeElement.value));
-        const newValueString = newValueNumber?.toString();
-        this.input.nativeElement.value = this.formatValue(newValueString);
-        this.input.nativeElement.setAttribute('aria-valuenow', newValueString);
-        this.updateModel(event, newValueNumber);
-        this.onBlur.emit(event);
-    }
-
-    formattedValue() {
-        const val = !this.value && !this.allowEmpty ? 0 : this.value;
-        return this.formatValue(val);
-    }
-
-    updateModel(event: Event, value: any) {
-        if (this.value !== value) {
-            this.value = value;
-
-            if (!(this.isBlurUpdateOnMode && this.focused)) {
-                this.onModelChange(value);
-            } else if (this.isBlurUpdateOnMode) {
-                this.onModelChange(value);
-            }
-        }
-        this.onModelTouched();
-    }
-
-    writeValue(value: any): void {
-        this.value = value;
-        this.cd.markForCheck();
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    get filled() {
-        return this.value != null && this.value.toString().length > 0;
-    }
-
-    clearTimer() {
-        if (this.timer) {
-            clearInterval(this.timer);
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, InputTextModule, ButtonModule, AutoFocusModule, TimesIcon, AngleUpIcon, AngleDownIcon],
-    exports: [InputNumber, SharedModule],
-    declarations: [InputNumber]
-})
-export class InputNumberModule {}
diff --git a/src/app/components/inputnumber/ng-package.json b/src/app/components/inputnumber/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/inputnumber/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/inputnumber/public_api.ts b/src/app/components/inputnumber/public_api.ts
deleted file mode 100644
index 63bf7f1..0000000
--- a/src/app/components/inputnumber/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './inputnumber';
-export * from './inputnumber.interface';
diff --git a/src/app/components/inputotp/inputotp.css b/src/app/components/inputotp/inputotp.css
deleted file mode 100644
index 1fda5f6..0000000
--- a/src/app/components/inputotp/inputotp.css
+++ /dev/null
@@ -1,3 +0,0 @@
-@layer primeng {
-   
-}
diff --git a/src/app/components/inputotp/inputotp.interface.ts b/src/app/components/inputotp/inputotp.interface.ts
deleted file mode 100644
index 8bd6c25..0000000
--- a/src/app/components/inputotp/inputotp.interface.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines the custom events used by the component's emit.
- * @group Events
- */
-export interface InputOtpTemplateEvents {
-    /**
-     * Input event.
-     */
-    input: Function;
-    /**
-     * Keydown event.
-     */
-    keydown: Function;
-    /**
-     * Focus event.
-     */
-    focus: Function;
-    /**
-     * Blur event.
-     */
-    blur: Function;
-    /**
-     * Paste event.
-     */
-    paste: Function;
-}
-
-/**
- * Defines valid templates in InputOtp.
- * @group Templates
- */
-export interface InputOtpTemplates {
-    /**
-     * Custom template of input.
-     * @param {Object} context
-     */
-    input(context: {
-        /**
-         * Input value.
-         */
-        $implicit: any;
-        /**
-         * Events of the component
-         */
-        events: InputOtpTemplateEvents;
-    }): TemplateRef<{ $implicit: any; events: InputOtpTemplateEvents }>;
-}
-
-/**
- * Custom change event.
- * @see {@link InputOtp.onChange}
- * @group Events
- */
-export interface InputOtpChangeEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Selected value.
-     */
-    value: any;
-}
diff --git a/src/app/components/inputotp/inputotp.ts b/src/app/components/inputotp/inputotp.ts
deleted file mode 100644
index 521db94..0000000
--- a/src/app/components/inputotp/inputotp.ts
+++ /dev/null
@@ -1,354 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterContentInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation, booleanAttribute, forwardRef } from '@angular/core';
-import { PrimeTemplate, SharedModule } from 'primeng/api';
-import { InputTextModule } from 'primeng/inputtext';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { Nullable } from 'primeng/ts-helpers';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { InputOtpChangeEvent } from './inputotp.interface';
-
-export const INPUT_OTP_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => InputOtp),
-    multi: true
-};
-/**
- * Input Otp is used to enter one time passwords.
- * @group Components
- */
-@Component({
-    selector: 'p-inputOtp',
-    template: `
-        <ng-container *ngFor="let i of getRange(length); trackBy: trackByFn">
-            <ng-container *ngIf="!inputTemplate">
-                <input
-                    type="text"
-                    pInputText
-                    [value]="getModelValue(i)"
-                    [maxLength]="1"
-                    [type]="inputType"
-                    class="p-inputotp-input"
-                    [inputmode]="inputMode"
-                    [variant]="variant"
-                    [readonly]="readonly"
-                    [disabled]="disabled"
-                    [invalid]="invalid"
-                    [tabindex]="tabindex"
-                    [unstyled]="unstyled"
-                    (input)="onInput($event, i - 1)"
-                    (focus)="onInputFocus($event)"
-                    (blur)="onInputBlur($event)"
-                    (paste)="onPaste($event)"
-                    (keydown)="onKeyDown($event)"
-                    pAutoFocus
-                    [autofocus]="getAutofocus(i)"
-                />
-            </ng-container>
-            <ng-container *ngIf="inputTemplate">
-                <ng-container *ngTemplateOutlet="inputTemplate; context: { $implicit: getToken(i - 1), events: getTemplateEvents(i - 1), index: i }"> </ng-container>
-            </ng-container>
-        </ng-container>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-inputotp p-component'
-    },
-    providers: [INPUT_OTP_VALUE_ACCESSOR]
-})
-export class InputOtp implements AfterContentInit {
-    /**
-     * When present, it specifies that the component should have invalid state style.
-     * @group Props
-     */
-    @Input() invalid: boolean = false;
-    /**
-     * When present, it specifies that the component should be disabled.
-     * @group Props
-     */
-
-    @Input() disabled: boolean = false;
-    /**
-     * When present, it specifies that an input field is read-only.
-     * @group Props
-     */
-    @Input() readonly: boolean = false;
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    @Input() variant: 'filled' | 'outlined' = 'outlined';
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input() tabindex: number | null = null;
-    /**
-     * Number of characters to initiate.
-     * @group Props
-     */
-    @Input() length: number = 4;
-    /**
-     * Mask pattern.
-     * @group Props
-     */
-    @Input() mask: boolean = false;
-    /**
-     * When present, it specifies that an input field is integer-only.
-     * @group Props
-     */
-    @Input() integerOnly: boolean = false;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * Callback to invoke on value change.
-     * @group Emits
-     */
-    @Output() onChange: EventEmitter<InputOtpChangeEvent> = new EventEmitter<InputOtpChangeEvent>();
-    /**
-     * Callback to invoke when the component receives focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<Event> = new EventEmitter();
-    /**
-     * Callback to invoke when the component loses focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<Event> = new EventEmitter();
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-
-    inputTemplate: Nullable<TemplateRef<any>>;
-
-    tokens: any = [];
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    value: any;
-
-    get inputMode(): string {
-        return this.integerOnly ? 'numeric' : 'text';
-    }
-
-    get inputType(): string {
-        return this.mask ? 'password' : 'text';
-    }
-
-    constructor(public cd: ChangeDetectorRef) {}
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'input':
-                    this.inputTemplate = item.template;
-                    break;
-                default:
-                    this.inputTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    getToken(index) {
-        return this.tokens[index];
-    }
-
-    getTemplateEvents(index) {
-        return {
-            input: (event) => this.onInput(event, index),
-            keydown: (event) => this.onKeyDown(event),
-            focus: (event) => this.onFocus.emit(event),
-            blur: (event) => this.onBlur.emit(event),
-            paste: (event) => this.onPaste(event)
-        };
-    }
-
-    onInput(event, index) {
-        this.tokens[index] = event.target.value;
-        this.updateModel(event);
-
-        if (event.inputType === 'deleteContentBackward') {
-            this.moveToPrev(event);
-        } else if (event.inputType === 'insertText' || event.inputType === 'deleteContentForward') {
-            this.moveToNext(event);
-        }
-    }
-
-    updateModel(event: any) {
-        const newValue = this.tokens.join('');
-        this.onModelChange(newValue);
-
-        this.onChange.emit({
-            originalEvent: event,
-            value: newValue
-        });
-    }
-
-    writeValue(value: any): void {
-        if (value) {
-            if (Array.isArray(value) && value.length > 0) {
-                this.value = value.slice(0, this.length);
-            } else {
-                this.value = value.toString().split('').slice(0, this.length);
-            }
-        } else {
-            this.value = value;
-        }
-        this.updateTokens();
-        this.cd.markForCheck();
-    }
-
-    updateTokens() {
-        if (this.value !== null && this.value !== undefined) {
-            if (Array.isArray(this.value)) {
-                this.tokens = [...this.value];
-            } else {
-                this.tokens = this.value.toString().split('');
-            }
-        } else {
-            this.tokens = [];
-        }
-    }
-
-    getModelValue(i: number) {
-        return this.tokens[i - 1] || '';
-    }
-
-    getAutofocus(i: number): boolean {
-        if (i === 1) {
-            return this.autofocus;
-        }
-        return false;
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    moveToPrev(event) {
-        let prevInput = this.findPrevInput(event.target);
-
-        if (prevInput) {
-            prevInput.focus();
-            prevInput.select();
-        }
-    }
-
-    moveToNext(event) {
-        let nextInput = this.findNextInput(event.target);
-
-        if (nextInput) {
-            nextInput.focus();
-            nextInput.select();
-        }
-    }
-
-    findNextInput(element) {
-        let nextElement = element.nextElementSibling;
-
-        if (!nextElement) return;
-
-        return nextElement.nodeName === 'INPUT' ? nextElement : this.findNextInput(nextElement);
-    }
-
-    findPrevInput(element) {
-        let prevElement = element.previousElementSibling;
-
-        if (!prevElement) return;
-
-        return prevElement.nodeName === 'INPUT' ? prevElement : this.findPrevInput(prevElement);
-    }
-
-    onInputFocus(event) {
-        event.target.select();
-        this.onFocus.emit(event);
-    }
-
-    onInputBlur(event) {
-        this.onBlur.emit(event);
-    }
-
-    onKeyDown(event) {
-        if (event.altKey || event.ctrlKey || event.metaKey) {
-            return;
-        }
-
-        switch (event.key) {
-            case 'ArrowLeft':
-                this.moveToPrev(event);
-                event.preventDefault();
-
-                break;
-
-            case 'ArrowUp':
-            case 'ArrowDown':
-                event.preventDefault();
-
-                break;
-
-            case 'Backspace':
-                if (event.target.value.length === 0) {
-                    this.moveToPrev(event);
-                    event.preventDefault();
-                }
-
-                break;
-
-            case 'ArrowRight':
-                this.moveToNext(event);
-                event.preventDefault();
-
-                break;
-
-            default:
-                if ((this.integerOnly && !((event.code.startsWith('Digit') || event.code.startsWith('Numpad')) && Number(event.key) >= 0 && Number(event.key) <= 9)) || (this.tokens.join('').length >= this.length && event.code !== 'Delete')) {
-                    event.preventDefault();
-                }
-
-                break;
-        }
-    }
-
-    onPaste(event) {
-        if (!this.disabled && !this.readonly) {
-            let paste = event.clipboardData.getData('text');
-
-            if (paste.length) {
-                let pastedCode = paste.substring(0, this.length + 1);
-
-                if (!this.integerOnly || !isNaN(pastedCode)) {
-                    this.tokens = pastedCode.split('');
-                    this.updateModel(event);
-                }
-            }
-
-            event.preventDefault();
-        }
-    }
-
-    getRange(n: number): number[] {
-        return Array.from({ length: n }, (_, index) => index + 1);
-    }
-
-    trackByFn(index: number) {
-        return index;
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, InputTextModule, AutoFocusModule],
-    exports: [InputOtp, SharedModule],
-    declarations: [InputOtp]
-})
-export class InputOtpModule {}
diff --git a/src/app/components/inputotp/ng-package.json b/src/app/components/inputotp/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/inputotp/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/inputotp/public_api.ts b/src/app/components/inputotp/public_api.ts
deleted file mode 100644
index 870efe9..0000000
--- a/src/app/components/inputotp/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './inputotp';
-export * from './inputotp.interface';
diff --git a/src/app/components/inputswitch/inputswitch.css b/src/app/components/inputswitch/inputswitch.css
deleted file mode 100644
index 6cc8665..0000000
--- a/src/app/components/inputswitch/inputswitch.css
+++ /dev/null
@@ -1,23 +0,0 @@
-@layer primeng {
-    .p-inputswitch {
-        position: relative;
-        display: inline-block;
-        user-select: none;
-    }
-
-    .p-inputswitch-slider {
-        position: absolute;
-        cursor: pointer;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        border: 1px solid transparent;
-    }
-
-    .p-inputswitch-slider:before {
-        position: absolute;
-        content: '';
-        top: 50%;
-    }
-}
diff --git a/src/app/components/inputswitch/inputswitch.interface.ts b/src/app/components/inputswitch/inputswitch.interface.ts
deleted file mode 100644
index b9ab137..0000000
--- a/src/app/components/inputswitch/inputswitch.interface.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { InputSwitch } from './inputswitch';
-/**
- * Custom change event.
- * @see {@link InputSwitch.onChange}
- * @group Events
- */
-export interface InputSwitchChangeEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Checked state.
-     */
-    checked: boolean;
-}
diff --git a/src/app/components/inputswitch/inputswitch.spec.ts b/src/app/components/inputswitch/inputswitch.spec.ts
deleted file mode 100644
index e6c599d..0000000
--- a/src/app/components/inputswitch/inputswitch.spec.ts
+++ /dev/null
@@ -1,171 +0,0 @@
-import { TestBed, ComponentFixture, fakeAsync, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { InputSwitch } from './inputswitch';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('InputSwitch', () => {
-    let inputswitch: InputSwitch;
-    let fixture: ComponentFixture<InputSwitch>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule],
-            declarations: [InputSwitch]
-        });
-
-        fixture = TestBed.createComponent(InputSwitch);
-        inputswitch = fixture.componentInstance;
-    });
-
-    it('should created by default', () => {
-        fixture.detectChanges();
-
-        const inputSwitchEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(inputSwitchEl).toBeTruthy();
-    });
-
-    it('should disabled', () => {
-        inputswitch.disabled = true;
-        fixture.detectChanges();
-
-        const onClickSpy = spyOn(inputswitch, 'onClick').and.callThrough();
-        const onModelChangeSpy = spyOn(inputswitch, 'onModelChange').and.callThrough();
-        const inputSwitchEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        inputSwitchEl.click();
-        fixture.detectChanges();
-
-        expect(inputSwitchEl.className).toContain('p-disabled');
-        expect(inputEl.disabled).toEqual(true);
-        expect(onClickSpy).toHaveBeenCalled();
-        expect(onModelChangeSpy).not.toHaveBeenCalled();
-    });
-
-    it('should change style and styleClass', () => {
-        inputswitch.style = { height: '300px' };
-        inputswitch.styleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const inputSwitchEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(inputSwitchEl.className).toContain('Primeng ROCKS!');
-        expect(inputSwitchEl.style.height).toContain('300px');
-    });
-
-    it('should get a name inputId and tabindex', () => {
-        inputswitch.tabindex = 5;
-        inputswitch.inputId = 'Primeng!';
-        inputswitch.name = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const inputSwitchEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        expect(inputSwitchEl.tabIndex).toEqual(5);
-        expect(inputSwitchEl.name).toEqual('Primeng ROCKS!');
-        expect(inputSwitchEl.id).toEqual('Primeng!');
-    });
-
-    it('should checked when click', () => {
-        fixture.detectChanges();
-
-        const onClickSpy = spyOn(inputswitch, 'onClick').and.callThrough();
-        const inputSwitchEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        let data;
-        inputswitch.onChange.subscribe((value) => (data = value));
-        inputSwitchEl.click();
-        fixture.detectChanges();
-
-        expect(inputswitch.checked()).toEqual(true);
-        expect(data.checked).toEqual(true);
-        expect(onClickSpy).toHaveBeenCalled();
-    });
-
-    it('should listen event emitter', () => {
-        fixture.detectChanges();
-
-        let data;
-        inputswitch.onChange.subscribe((value) => (data = value));
-        const inputSwitchEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        inputSwitchEl.click();
-        fixture.detectChanges();
-
-        expect(data.checked).toEqual(true);
-        inputSwitchEl.click();
-        expect(data.checked).toEqual(false);
-    });
-
-    it('should change focused', () => {
-        fixture.detectChanges();
-
-        const onFocusSpy = spyOn(inputswitch, 'onFocus').and.callThrough();
-        const onBlurSpy = spyOn(inputswitch, 'onBlur').and.callThrough();
-        const onModelTouchedSpy = spyOn(inputswitch, 'onModelTouched').and.callThrough();
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const inputSwitchEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        inputEl.dispatchEvent(new Event('focus'));
-        fixture.detectChanges();
-
-        expect(inputSwitchEl.className).toContain('p-focus');
-        expect(inputswitch.focused).toEqual(true);
-        expect(onFocusSpy).toHaveBeenCalled();
-        inputEl.dispatchEvent(new Event('blur'));
-        fixture.detectChanges();
-
-        expect(inputswitch.focused).toEqual(false);
-        expect(inputSwitchEl.className).not.toContain('p-focus');
-        expect(onBlurSpy).toHaveBeenCalled();
-        expect(onModelTouchedSpy).toHaveBeenCalled();
-    });
-
-    it('should change disabled', () => {
-        fixture.detectChanges();
-
-        inputswitch.setDisabledState(true);
-        fixture.detectChanges();
-
-        const onClickSpy = spyOn(inputswitch, 'onClick').and.callThrough();
-        const onModelChangeSpy = spyOn(inputswitch, 'onModelChange').and.callThrough();
-        const inputSwitchEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        inputSwitchEl.click();
-        fixture.detectChanges();
-
-        expect(inputSwitchEl.className).toContain('p-disabled');
-        expect(inputEl.disabled).toEqual(true);
-        expect(onClickSpy).toHaveBeenCalled();
-        expect(onModelChangeSpy).not.toHaveBeenCalled();
-    });
-
-    it('should toggle the modelValue and call necessary functions when not disabled and not readonly', () => {
-        const onClickSpy = spyOn(inputswitch, 'onClick').and.callThrough();
-        const onChangeSpy = spyOn(inputswitch.onChange, 'emit').and.callThrough();
-        const onModelChangeSpy = spyOn(inputswitch, 'onModelChange').and.callThrough();
-
-        const divElement: HTMLElement = fixture.debugElement.query(By.css('div')).nativeElement;
-        divElement.click();
-        fixture.detectChanges();
-
-        expect(onClickSpy).toHaveBeenCalledWith(jasmine.anything());
-
-        const initialModelValue = inputswitch.modelValue;
-        inputswitch.onClick(new Event('click'));
-
-        expect(inputswitch.modelValue).toEqual(initialModelValue ? inputswitch.falseValue : inputswitch.trueValue);
-        expect(onModelChangeSpy).toHaveBeenCalled();
-        expect(onChangeSpy).toHaveBeenCalledWith({
-            originalEvent: jasmine.anything(),
-            checked: inputswitch.modelValue
-        });
-    });
-
-    it('should not toggle the modelValue when disabled or readonly', () => {
-        inputswitch.disabled = true;
-        let initialModelValue = inputswitch.modelValue;
-        inputswitch.onClick(new Event('click'));
-        expect(inputswitch.modelValue).toEqual(initialModelValue);
-
-        inputswitch.disabled = false;
-        inputswitch.readonly = true;
-        initialModelValue = inputswitch.modelValue;
-        inputswitch.onClick(new Event('click'));
-        expect(inputswitch.modelValue).toEqual(initialModelValue);
-    });
-});
diff --git a/src/app/components/inputswitch/inputswitch.ts b/src/app/components/inputswitch/inputswitch.ts
deleted file mode 100644
index 56571a1..0000000
--- a/src/app/components/inputswitch/inputswitch.ts
+++ /dev/null
@@ -1,189 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, NgModule, Output, ViewChild, ViewEncapsulation, booleanAttribute, forwardRef, numberAttribute } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { InputSwitchChangeEvent } from './inputswitch.interface';
-
-export const INPUTSWITCH_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => InputSwitch),
-    multi: true
-};
-/**
- * InputSwitch is used to select a boolean value.
- * @group Components
- */
-@Component({
-    selector: 'p-inputSwitch',
-    template: `
-        <div
-            [ngClass]="{ 'p-inputswitch p-component': true, 'p-inputswitch-checked': checked(), 'p-disabled': disabled, 'p-focus': focused }"
-            [ngStyle]="style"
-            [class]="styleClass"
-            (click)="onClick($event)"
-            [attr.data-pc-name]="'inputswitch'"
-            [attr.data-pc-section]="'root'"
-        >
-            <div class="p-hidden-accessible" [attr.data-pc-section]="'hiddenInputWrapper'" [attr.data-p-hidden-accessible]="true">
-                <input
-                    #input
-                    [attr.id]="inputId"
-                    type="checkbox"
-                    role="switch"
-                    [checked]="checked()"
-                    [disabled]="disabled"
-                    [attr.aria-checked]="checked()"
-                    [attr.aria-labelledby]="ariaLabelledBy"
-                    [attr.aria-label]="ariaLabel"
-                    [attr.name]="name"
-                    [attr.tabindex]="tabindex"
-                    (focus)="onFocus()"
-                    (blur)="onBlur()"
-                    [attr.data-pc-section]="'hiddenInput'"
-                    pAutoFocus
-                    [autofocus]="autofocus"
-                />
-            </div>
-            <span class="p-inputswitch-slider" [attr.data-pc-section]="'slider'"></span>
-        </div>
-    `,
-    providers: [INPUTSWITCH_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./inputswitch.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class InputSwitch {
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined;
-    /**
-     * Identifier of the input element.
-     * @group Props
-     */
-    @Input() inputId: string | undefined;
-    /**
-     * Name of the input element.
-     * @group Props
-     */
-    @Input() name: string | undefined;
-    /**
-     * When present, it specifies that the element should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * When present, it specifies that the component cannot be edited.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) readonly: boolean | undefined;
-    /**
-     * Value in checked state.
-     * @group Props
-     */
-    @Input() trueValue: any = true;
-    /**
-     * Value in unchecked state.
-     * @group Props
-     */
-    @Input() falseValue: any = false;
-    /**
-     * Used to define a string that autocomplete attribute the current element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * Callback to invoke when the on value change.
-     * @param {InputSwitchChangeEvent} event - Custom change event.
-     * @group Emits
-     */
-    @Output() onChange: EventEmitter<InputSwitchChangeEvent> = new EventEmitter<InputSwitchChangeEvent>();
-
-    @ViewChild('input') input!: ElementRef;
-
-    modelValue: any = false;
-
-    focused: boolean = false;
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    constructor(private cd: ChangeDetectorRef) {}
-
-    onClick(event: Event) {
-        if (!this.disabled && !this.readonly) {
-            this.modelValue = this.checked() ? this.falseValue : this.trueValue;
-
-            this.onModelChange(this.modelValue);
-            this.onChange.emit({
-                originalEvent: event,
-                checked: this.modelValue
-            });
-
-            this.input.nativeElement.focus();
-        }
-    }
-
-    onFocus() {
-        this.focused = true;
-    }
-
-    onBlur() {
-        this.focused = false;
-        this.onModelTouched();
-    }
-
-    writeValue(value: any): void {
-        this.modelValue = value;
-        this.cd.markForCheck();
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    checked() {
-        return this.modelValue === this.trueValue;
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, AutoFocusModule],
-    exports: [InputSwitch],
-    declarations: [InputSwitch]
-})
-export class InputSwitchModule {}
diff --git a/src/app/components/inputswitch/ng-package.json b/src/app/components/inputswitch/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/inputswitch/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/inputswitch/public_api.ts b/src/app/components/inputswitch/public_api.ts
deleted file mode 100644
index a0a1f1b..0000000
--- a/src/app/components/inputswitch/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './inputswitch';
-export * from './inputswitch.interface';
diff --git a/src/app/components/inputtext/inputtext.css b/src/app/components/inputtext/inputtext.css
deleted file mode 100644
index a125423..0000000
--- a/src/app/components/inputtext/inputtext.css
+++ /dev/null
@@ -1,107 +0,0 @@
-@layer primeng {
-    .p-inputtext {
-        margin: 0;
-    }
-
-    .p-fluid .p-inputtext {
-        width: 100%;
-    }
-
-    /* InputGroup */
-    .p-inputgroup {
-        display: flex;
-        align-items: stretch;
-        width: 100%;
-    }
-
-    .p-inputgroup-addon {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-inputgroup .p-float-label {
-        display: flex;
-        align-items: stretch;
-        width: 100%;
-    }
-
-    .p-inputgroup .p-inputtext,
-    .p-fluid .p-inputgroup .p-inputtext,
-    .p-inputgroup .p-inputwrapper,
-    .p-inputgroup .p-inputwrapper > .p-component {
-        flex: 1 1 auto;
-        width: 1%;
-    }
-
-    /* Floating Label */
-    .p-float-label {
-        display: block;
-        position: relative;
-    }
-
-    .p-float-label label {
-        position: absolute;
-        pointer-events: none;
-        top: 50%;
-        margin-top: -0.5rem;
-        transition-property: all;
-        transition-timing-function: ease;
-        line-height: 1;
-    }
-
-    .p-float-label textarea ~ label {
-        top: 1rem;
-    }
-
-    .p-float-label input:focus ~ label,
-    .p-float-label input.p-filled ~ label,
-    .p-float-label textarea:focus ~ label,
-    .p-float-label textarea.p-filled ~ label,
-    .p-float-label .p-inputwrapper-focus ~ label,
-    .p-float-label .p-inputwrapper-filled ~ label {
-        top: -0.75rem;
-        font-size: 12px;
-    }
-
-    .p-float-label .input:-webkit-autofill ~ label {
-        top: -20px;
-        font-size: 12px;
-    }
-
-    .p-float-label .p-placeholder,
-    .p-float-label input::placeholder,
-    .p-float-label .p-inputtext::placeholder {
-        opacity: 0;
-        transition-property: all;
-        transition-timing-function: ease;
-    }
-    .p-float-label .p-focus .p-placeholder,
-    .p-float-label input:focus::placeholder,
-    .p-float-label .p-inputtext:focus::placeholder {
-        opacity: 1;
-        transition-property: all;
-        transition-timing-function: ease;
-    }
-
-    .p-input-icon-left,
-    .p-input-icon-right {
-        position: relative;
-        display: inline-block;
-    }
-
-    .p-input-icon-left > i,
-    .p-input-icon-left > .p-icon-wrapper,
-    .p-input-icon-right > i,
-    .p-input-icon-right > .p-icon-wrapper {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-    }
-
-    .p-fluid .p-input-icon-left,
-    .p-fluid .p-input-icon-right {
-        display: block;
-        width: 100%;
-    }
-}
diff --git a/src/app/components/inputtext/inputtext.spec.ts b/src/app/components/inputtext/inputtext.spec.ts
deleted file mode 100644
index bec31b5..0000000
--- a/src/app/components/inputtext/inputtext.spec.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { InputText } from './inputtext';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Component } from '@angular/core';
-
-@Component({
-    template: `<input id="input" type="text" pInputText /> `
-})
-class TestInputTextComponent {}
-
-describe('InputText', () => {
-    let inputtext: InputText;
-    let fixture: ComponentFixture<TestInputTextComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule],
-            declarations: [InputText, TestInputTextComponent]
-        });
-
-        fixture = TestBed.createComponent(TestInputTextComponent);
-        inputtext = fixture.debugElement.children[0].componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        expect(inputEl.nativeElement).toBeTruthy();
-        expect(inputEl.nativeElement.className).toContain('p-inputtext');
-        expect(inputEl.nativeElement.className).toContain('p-component');
-    });
-
-    it('should call updateFilledState', () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        inputEl.nativeElement.value = 'primeng';
-        inputEl.nativeElement.dispatchEvent(new Event('input'));
-        fixture.detectChanges();
-
-        expect(inputEl.nativeElement.className).toContain('p-filled');
-    });
-});
diff --git a/src/app/components/inputtext/inputtext.ts b/src/app/components/inputtext/inputtext.ts
deleted file mode 100644
index 565883b..0000000
--- a/src/app/components/inputtext/inputtext.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { NgModule, Directive, ElementRef, HostListener, DoCheck, Optional, ChangeDetectorRef, AfterViewInit, Input } from '@angular/core';
-import { NgModel } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-import { Nullable } from 'primeng/ts-helpers';
-import { PrimeNGConfig } from 'primeng/api';
-
-/**
- * InputText directive is an extension to standard input element with theming.
- * @group Components
- */
-@Directive({
-    selector: '[pInputText]',
-    host: {
-        class: 'p-inputtext p-component p-element',
-        '[class.p-filled]': 'filled',
-        '[class.p-variant-filled]': 'variant === "filled" || config.inputStyle() === "filled"'
-    }
-})
-export class InputText implements DoCheck, AfterViewInit {
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    @Input() variant: 'filled' | 'outlined' = 'outlined';
-
-    filled: Nullable<boolean>;
-
-    constructor(
-        public el: ElementRef,
-        @Optional() public ngModel: NgModel,
-        private cd: ChangeDetectorRef,
-        public config: PrimeNGConfig
-    ) {}
-
-    ngAfterViewInit() {
-        this.updateFilledState();
-        this.cd.detectChanges();
-    }
-
-    ngDoCheck() {
-        this.updateFilledState();
-    }
-
-    @HostListener('input', ['$event'])
-    onInput() {
-        this.updateFilledState();
-    }
-
-    updateFilledState() {
-        this.filled = (this.el.nativeElement.value && this.el.nativeElement.value.length) || (this.ngModel && this.ngModel.model);
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [InputText],
-    declarations: [InputText]
-})
-export class InputTextModule {}
diff --git a/src/app/components/inputtext/ng-package.json b/src/app/components/inputtext/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/inputtext/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/inputtext/public_api.ts b/src/app/components/inputtext/public_api.ts
deleted file mode 100644
index 394fe80..0000000
--- a/src/app/components/inputtext/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './inputtext';
diff --git a/src/app/components/inputtextarea/inputtextarea.css b/src/app/components/inputtextarea/inputtextarea.css
deleted file mode 100644
index 8268a70..0000000
--- a/src/app/components/inputtextarea/inputtextarea.css
+++ /dev/null
@@ -1,10 +0,0 @@
-@layer primeng {
-    .p-inputtextarea-resizable {
-        overflow: hidden;
-        resize: none;
-    }
-
-    .p-fluid .p-inputtextarea {
-        width: 100%;
-    }
-}
diff --git a/src/app/components/inputtextarea/inputtextarea.spec.ts b/src/app/components/inputtextarea/inputtextarea.spec.ts
deleted file mode 100644
index 1cb0e24..0000000
--- a/src/app/components/inputtextarea/inputtextarea.spec.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { InputTextarea } from './inputtextarea';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Component, DebugElement } from '@angular/core';
-
-@Component({
-    template: `<textarea rows="1" cols="1" (onResize)="onResize($event)" [autoResize]="autoResize" pInputTextarea></textarea> `
-})
-class TestInputTextArea {
-    autoResize: boolean;
-
-    onResize(event) {}
-}
-
-describe('InputTextarea', () => {
-    let fixture: ComponentFixture<TestInputTextArea>;
-    let component: TestInputTextArea;
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule],
-            declarations: [InputTextarea, TestInputTextArea]
-        });
-
-        fixture = TestBed.createComponent(TestInputTextArea);
-        component = fixture.debugElement.componentInstance;
-    });
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const inputTextEl = fixture.debugElement.query(By.css('textarea'));
-        expect(inputTextEl).toBeTruthy();
-    });
-
-    it('should change autoResize', () => {
-        component.autoResize = true;
-        fixture.detectChanges();
-
-        const onResizeSpy = spyOn(component, 'onResize').and.callThrough();
-        const inputTextEl = fixture.debugElement.query(By.css('textarea'));
-        inputTextEl.nativeElement.value = 'primeng';
-        inputTextEl.nativeElement.dispatchEvent(new Event('input'));
-        fixture.detectChanges();
-
-        inputTextEl.nativeElement.value = 'primeng rocks!';
-        inputTextEl.nativeElement.dispatchEvent(new Event('input'));
-        fixture.detectChanges();
-
-        expect(onResizeSpy).toHaveBeenCalledTimes(2);
-    });
-
-    it('should change autoResize and resize scrollheight of textarea', () => {
-        component.autoResize = true;
-        fixture.detectChanges();
-
-        const onResizeSpy = spyOn(component, 'onResize').and.callThrough();
-        const inputTextEl = fixture.debugElement.query(By.css('textarea'));
-        const initialScrollHeight = inputTextEl.nativeElement.scrollHeight;
-
-        inputTextEl.nativeElement.value = 'primeng';
-        inputTextEl.nativeElement.dispatchEvent(new Event('input'));
-        fixture.detectChanges();
-
-        expect(inputTextEl.nativeElement.scrollHeight).toBeGreaterThan(initialScrollHeight);
-        const newScrollHeight = inputTextEl.nativeElement.scrollHeight;
-
-        inputTextEl.nativeElement.value = 'primeng rocks!';
-        inputTextEl.nativeElement.dispatchEvent(new Event('input'));
-        fixture.detectChanges();
-
-        expect(inputTextEl.nativeElement.scrollHeight).toBeGreaterThan(newScrollHeight);
-        expect(onResizeSpy).toHaveBeenCalledTimes(2);
-    });
-
-    it('should increment height', () => {
-        component.autoResize = true;
-        fixture.detectChanges();
-
-        const inputTextEl = fixture.debugElement.query(By.css('textarea'));
-        let cachedHeight = parseInt(inputTextEl.nativeElement.style.height);
-        inputTextEl.nativeElement.value = 'primeng';
-        inputTextEl.nativeElement.dispatchEvent(new Event('input'));
-        fixture.detectChanges();
-
-        expect(parseInt(inputTextEl.nativeElement.style.height)).toBeGreaterThan(cachedHeight);
-        expect(inputTextEl.nativeElement.style.overflow).toEqual('hidden');
-    });
-
-    it('should use resize with maxHeight', () => {
-        component.autoResize = true;
-        fixture.detectChanges();
-
-        const inputTextEl = fixture.debugElement.query(By.css('textarea'));
-        inputTextEl.nativeElement.style.maxHeight = 70 + 'px';
-        fixture.detectChanges();
-
-        inputTextEl.nativeElement.value = 'primeng rocks!';
-        inputTextEl.nativeElement.dispatchEvent(new Event('input'));
-        fixture.detectChanges();
-
-        expect(inputTextEl.nativeElement.style.height).toEqual(inputTextEl.nativeElement.style.maxHeight);
-        expect(inputTextEl.nativeElement.style.overflowY).toEqual('scroll');
-    });
-});
diff --git a/src/app/components/inputtextarea/inputtextarea.ts b/src/app/components/inputtextarea/inputtextarea.ts
deleted file mode 100644
index c6b6be1..0000000
--- a/src/app/components/inputtextarea/inputtextarea.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-import { NgModule, Directive, ElementRef, HostListener, Input, Output, EventEmitter, Optional, AfterViewInit, OnInit, OnDestroy, ChangeDetectorRef, AfterViewChecked, booleanAttribute } from '@angular/core';
-import { NgModel, NgControl, FormControl } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-import { Subscription } from 'rxjs';
-import { PrimeNGConfig } from 'primeng/api';
-/**
- * InputTextarea adds styling and autoResize functionality to standard textarea element.
- * @group Components
- */
-@Directive({
-    selector: '[pInputTextarea]',
-    host: {
-        class: 'p-inputtextarea p-inputtext p-component p-element',
-        '[class.p-filled]': 'filled',
-        '[class.p-inputtextarea-resizable]': 'autoResize',
-        '[class.p-variant-filled]': 'variant === "filled" || config.inputStyle() === "filled"'
-    }
-})
-export class InputTextarea implements OnInit, AfterViewInit, OnDestroy {
-    /**
-     * When present, textarea size changes as being typed.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoResize: boolean | undefined;
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    @Input() variant: 'filled' | 'outlined' = 'outlined';
-    /**
-     * Callback to invoke on textarea resize.
-     * @param {(Event | {})} event - Custom resize event.
-     * @group Emits
-     */
-    @Output() onResize: EventEmitter<Event | {}> = new EventEmitter<Event | {}>();
-
-    filled: boolean | undefined;
-
-    cachedScrollHeight: number | undefined;
-
-    ngModelSubscription: Subscription | undefined;
-
-    ngControlSubscription: Subscription | undefined;
-
-    constructor(
-        public el: ElementRef,
-        @Optional() public ngModel: NgModel,
-        @Optional() public control: NgControl,
-        private cd: ChangeDetectorRef,
-        public config: PrimeNGConfig
-    ) {}
-
-    ngOnInit() {
-        if (this.ngModel) {
-            this.ngModelSubscription = (this.ngModel as any).valueChanges.subscribe(() => {
-                this.updateState();
-            });
-        }
-
-        if (this.control) {
-            this.ngControlSubscription = (this.control as any).valueChanges.subscribe(() => {
-                this.updateState();
-            });
-        }
-    }
-
-    ngAfterViewInit() {
-        if (this.autoResize) this.resize();
-
-        this.updateFilledState();
-        this.cd.detectChanges();
-    }
-
-    @HostListener('input', ['$event'])
-    onInput(e: Event) {
-        this.updateState();
-    }
-
-    updateFilledState() {
-        this.filled = this.el.nativeElement.value && this.el.nativeElement.value.length;
-    }
-
-    resize(event?: Event) {
-        this.el.nativeElement.style.height = 'auto';
-        this.el.nativeElement.style.height = this.el.nativeElement.scrollHeight + 'px';
-
-        if (parseFloat(this.el.nativeElement.style.height) >= parseFloat(this.el.nativeElement.style.maxHeight)) {
-            this.el.nativeElement.style.overflowY = 'scroll';
-            this.el.nativeElement.style.height = this.el.nativeElement.style.maxHeight;
-        } else {
-            this.el.nativeElement.style.overflow = 'hidden';
-        }
-
-        this.onResize.emit(event || {});
-    }
-
-    updateState() {
-        this.updateFilledState();
-
-        if (this.autoResize) {
-            this.resize();
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.ngModelSubscription) {
-            this.ngModelSubscription.unsubscribe();
-        }
-
-        if (this.ngControlSubscription) {
-            this.ngControlSubscription.unsubscribe();
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [InputTextarea],
-    declarations: [InputTextarea]
-})
-export class InputTextareaModule {}
diff --git a/src/app/components/inputtextarea/ng-package.json b/src/app/components/inputtextarea/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/inputtextarea/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/inputtextarea/public_api.ts b/src/app/components/inputtextarea/public_api.ts
deleted file mode 100644
index d2a1b3b..0000000
--- a/src/app/components/inputtextarea/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './inputtextarea';
diff --git a/src/app/components/keyfilter/keyfilter.interface.ts b/src/app/components/keyfilter/keyfilter.interface.ts
deleted file mode 100644
index 6087d2c..0000000
--- a/src/app/components/keyfilter/keyfilter.interface.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-/**
- * A builtin pattern included within the KeyFilter component.
- * @see {@link KeyFilter.pKeyFilter}
- */
-export type KeyFilterPattern = 'pint' | 'int' | 'pnum' | 'money' | 'num' | 'hex' | 'email' | 'alpha' | 'alphanum';
diff --git a/src/app/components/keyfilter/keyfilter.spec.ts b/src/app/components/keyfilter/keyfilter.spec.ts
deleted file mode 100644
index 065b5cf..0000000
--- a/src/app/components/keyfilter/keyfilter.spec.ts
+++ /dev/null
@@ -1,198 +0,0 @@
-import { TestBed, ComponentFixture, fakeAsync, tick, async } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { KeyFilter } from './keyfilter';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { InputText } from 'primeng/inputtext';
-
-@Component({
-    template: `<input type="text" [pValidateOnly]="validateOnly" [(ngModel)]="cc" pKeyFilter="int" pInputText placeholder="Integers" />`
-})
-class TestKeyFilterComponent {
-    type: string = 'int';
-    cc: any;
-    validateOnly = false;
-}
-
-describe('KeyFilter', () => {
-    let keyfilter: KeyFilter;
-    let fixture: ComponentFixture<TestKeyFilterComponent>;
-    let component: TestKeyFilterComponent;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, FormsModule],
-            declarations: [KeyFilter, TestKeyFilterComponent, InputText]
-        });
-
-        fixture = TestBed.createComponent(TestKeyFilterComponent);
-        keyfilter = fixture.debugElement.query(By.directive(KeyFilter)).injector.get(KeyFilter);
-        component = fixture.componentInstance;
-    });
-
-    it('should created', () => {
-        fixture.detectChanges();
-
-        expect(fixture.debugElement.query(By.css('input'))).toBeTruthy();
-    });
-
-    it('should use keypress (string) and return false', () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const keydownEvent: any = document.createEvent('CustomEvent');
-        keydownEvent.keyCode = 100;
-        keydownEvent.initEvent('keypress', true, true);
-        const preventDefaultSpy = spyOn(keydownEvent, 'preventDefault').and.callThrough();
-        inputEl.dispatchEvent(keydownEvent as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(preventDefaultSpy).toHaveBeenCalled();
-        expect(keydownEvent.returnValue).toBeFalsy();
-    });
-
-    it('should use keypress (int) and return true', () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const keydownEvent: any = document.createEvent('CustomEvent');
-        keydownEvent.keyCode = 53;
-        keydownEvent.initEvent('keypress', true, true);
-        inputEl.dispatchEvent(keydownEvent as KeyboardEvent);
-        inputEl.dispatchEvent(new KeyboardEvent('input', { key: 's' }));
-        fixture.detectChanges();
-        expect(keydownEvent.returnValue).toBeTruthy();
-    });
-
-    it("should use keypress (enter) don'n call prevenDefault", () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const keydownEvent: any = document.createEvent('CustomEvent');
-        keydownEvent.keyCode = 13;
-        keydownEvent.initEvent('keypress', true, true);
-        const preventDefaultSpy = spyOn(keydownEvent, 'preventDefault').and.callThrough();
-        inputEl.dispatchEvent(keydownEvent as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(preventDefaultSpy).not.toHaveBeenCalled();
-        expect(keydownEvent.returnValue).toBeTruthy();
-    });
-
-    it('should recognize special and nav keys', () => {
-        fixture.detectChanges();
-
-        const keydownEvent: any = document.createEvent('CustomEvent');
-        keydownEvent.keyCode = 13;
-        keydownEvent.initEvent('keypress', true, true);
-        fixture.detectChanges();
-
-        let value = keyfilter.isSpecialKey(keydownEvent);
-        expect(value).toBeTruthy();
-        keydownEvent.keyCode = 38;
-        value = keyfilter.isNavKeyPress(keydownEvent);
-        expect(value).toBeTruthy();
-        keydownEvent.keyCode = 49;
-        value = keyfilter.isNavKeyPress(keydownEvent);
-        expect(value).toBeFalsy();
-        value = keyfilter.isSpecialKey(keydownEvent);
-        expect(value).toBeFalsy();
-    });
-
-    it('should use pValidateOnly', () => {
-        component.validateOnly = true;
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const keydownEvent: any = document.createEvent('CustomEvent');
-        keydownEvent.keyCode = 13;
-        keydownEvent.initEvent('keypress', true, true);
-        const preventDefaultSpy = spyOn(keydownEvent, 'preventDefault').and.callThrough();
-        inputEl.dispatchEvent(keydownEvent as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(preventDefaultSpy).not.toHaveBeenCalled();
-        expect(keydownEvent.returnValue).toBeTruthy();
-    });
-
-    it("should use metaKey and don'n call preventDefault", () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const keydownEvent: any = document.createEvent('CustomEvent');
-        keydownEvent.keyCode = 53;
-        keydownEvent.ctrlKey = true;
-        keydownEvent.initEvent('keypress', true, true);
-        const preventDefaultSpy = spyOn(keydownEvent, 'preventDefault').and.callThrough();
-        inputEl.dispatchEvent(keydownEvent as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(preventDefaultSpy).not.toHaveBeenCalled();
-        expect(keydownEvent.returnValue).toBeTruthy();
-    });
-
-    it('should use paste', () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const keydownEvent: any = document.createEvent('CustomEvent');
-        keydownEvent.clipboardData = {
-            getData: (type) => {
-                return '53';
-            }
-        };
-        keydownEvent.initEvent('paste', true, true);
-        const preventDefaultSpy = spyOn(keydownEvent, 'preventDefault').and.callThrough();
-        inputEl.dispatchEvent(keydownEvent);
-        fixture.detectChanges();
-
-        expect(preventDefaultSpy).not.toHaveBeenCalled();
-        expect(keydownEvent.returnValue).toBeTruthy();
-    });
-
-    it('should use paste and keyfilter cancel the paste event', () => {
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const keydownEvent: any = document.createEvent('CustomEvent');
-        keydownEvent.initEvent('paste', true, true);
-        keydownEvent.clipboardData = {
-            getData: (type) => {
-                return 'pasteevent';
-            }
-        };
-        const preventDefaultSpy = spyOn(keydownEvent, 'preventDefault').and.callThrough();
-        inputEl.dispatchEvent(keydownEvent);
-        fixture.detectChanges();
-
-        expect(preventDefaultSpy).toHaveBeenCalled();
-        expect(keydownEvent.returnValue).toBeFalsy();
-    });
-
-    it('should use input (mocking android)', () => {
-        fixture.detectChanges();
-
-        keyfilter.isAndroid = true;
-        keyfilter.el.nativeElement.value = 'PrimeNG';
-        fixture.detectChanges();
-
-        const inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const inputEvent: any = document.createEvent('CustomEvent');
-
-        inputEvent.initEvent('input', true, true);
-        inputEl.dispatchEvent(inputEvent);
-        fixture.detectChanges();
-
-        expect(keyfilter.el.nativeElement.value).not.toContain('PrimeNG');
-        keyfilter.el.nativeElement.value = '3507';
-        inputEl.dispatchEvent(inputEvent);
-        fixture.detectChanges();
-
-        keyfilter.el.nativeElement.value = '35a07';
-        inputEl.dispatchEvent(inputEvent);
-        fixture.detectChanges();
-
-        expect(keyfilter.el.nativeElement.value).toContain('3507');
-    });
-});
diff --git a/src/app/components/keyfilter/keyfilter.ts b/src/app/components/keyfilter/keyfilter.ts
deleted file mode 100644
index 89206a8..0000000
--- a/src/app/components/keyfilter/keyfilter.ts
+++ /dev/null
@@ -1,284 +0,0 @@
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import { Directive, ElementRef, EventEmitter, HostListener, Inject, Input, NgModule, Output, PLATFORM_ID, Provider, booleanAttribute, forwardRef } from '@angular/core';
-import { AbstractControl, NG_VALIDATORS, Validator } from '@angular/forms';
-import { DomHandler } from 'primeng/dom';
-import { KeyFilterPattern } from './keyfilter.interface';
-
-export const KEYFILTER_VALIDATOR: Provider = {
-    provide: NG_VALIDATORS,
-    useExisting: forwardRef(() => KeyFilter),
-    multi: true
-};
-
-type SafariKeys = {
-    63234: number;
-    63235: number;
-    63232: number;
-    63233: number;
-    63276: number;
-    63277: number;
-    63272: number;
-    63273: number;
-    63275: number;
-};
-
-type Keys = {
-    TAB: number;
-    RETURN: number;
-    ESC: number;
-    BACKSPACE: number;
-    DELETE: number;
-};
-
-const DEFAULT_MASKS: Record<KeyFilterPattern, RegExp> = {
-    pint: /^[\d]*$/,
-    int: /^[-]?[\d]*$/,
-    pnum: /^[\d\.]*$/,
-    money: /^[\d\.\s,]*$/,
-    num: /^[-]?[\d\.]*$/,
-    hex: /^[0-9a-f]*$/i,
-    email: /^[a-z0-9_\.\-@]*$/i,
-    alpha: /^[a-z_]*$/i,
-    alphanum: /^[a-z0-9_]*$/i
-};
-
-const KEYS: Keys = {
-    TAB: 9,
-    RETURN: 13,
-    ESC: 27,
-    BACKSPACE: 8,
-    DELETE: 46
-};
-
-const SAFARI_KEYS: SafariKeys = {
-    63234: 37, // left
-    63235: 39, // right
-    63232: 38, // up
-    63233: 40, // down
-    63276: 33, // page up
-    63277: 34, // page down
-    63272: 46, // delete
-    63273: 36, // home
-    63275: 35 // end
-};
-/**
- * KeyFilter Directive is a built-in feature of InputText to restrict user input based on a regular expression.
- * @group Components
- */
-@Directive({
-    selector: '[pKeyFilter]',
-    providers: [KEYFILTER_VALIDATOR],
-    host: {
-        class: 'p-element'
-    }
-})
-export class KeyFilter implements Validator {
-    /**
-     * When enabled, instead of blocking keys, input is validated internally to test against the regular expression.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) pValidateOnly: boolean | undefined;
-    /**
-     * Sets the pattern for key filtering.
-     * @group Props
-     */
-
-    @Input('pKeyFilter') set pattern(_pattern: RegExp | KeyFilterPattern | null | undefined) {
-        this._pattern = _pattern;
-
-        if (_pattern instanceof RegExp) {
-            this.regex = _pattern;
-        } else if (_pattern in DEFAULT_MASKS) {
-            this.regex = DEFAULT_MASKS[_pattern];
-        } else {
-            this.regex = /./;
-        }
-    }
-    get pattern(): RegExp | KeyFilterPattern | null | undefined {
-        return this._pattern;
-    }
-
-    /**
-     * Emits a value whenever the ngModel of the component changes.
-     * @param {(string | number)} modelValue - Custom model change event.
-     * @group Emits
-     */
-    @Output() ngModelChange: EventEmitter<string | number> = new EventEmitter<string | number>();
-
-    regex: RegExp = /./;
-
-    _pattern: RegExp | KeyFilterPattern | null | undefined;
-
-    isAndroid: boolean;
-
-    lastValue: any;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        public el: ElementRef
-    ) {
-        if (isPlatformBrowser(this.platformId)) {
-            this.isAndroid = DomHandler.isAndroid();
-        } else {
-            this.isAndroid = false;
-        }
-    }
-
-    isNavKeyPress(e: KeyboardEvent) {
-        let k = e.keyCode;
-        k = DomHandler.getBrowser().safari ? (SAFARI_KEYS as any)[k] || k : k;
-
-        return (k >= 33 && k <= 40) || k == KEYS.RETURN || k == KEYS.TAB || k == KEYS.ESC;
-    }
-
-    isSpecialKey(e: KeyboardEvent) {
-        let k = e.keyCode || e.charCode;
-
-        return k == 9 || k == 13 || k == 27 || k == 16 || k == 17 || (k >= 18 && k <= 20) || (DomHandler.getBrowser().opera && !e.shiftKey && (k == 8 || (k >= 33 && k <= 35) || (k >= 36 && k <= 39) || (k >= 44 && k <= 45)));
-    }
-
-    getKey(e: KeyboardEvent) {
-        let k = e.keyCode || e.charCode;
-        return DomHandler.getBrowser().safari ? (SAFARI_KEYS as any)[k] || k : k;
-    }
-
-    getCharCode(e: KeyboardEvent) {
-        return e.charCode || e.keyCode || e.which;
-    }
-
-    findDelta(value: string, prevValue: string) {
-        let delta = '';
-
-        for (let i = 0; i < value.length; i++) {
-            let str = value.substr(0, i) + value.substr(i + value.length - prevValue.length);
-
-            if (str === prevValue) delta = value.substr(i, value.length - prevValue.length);
-        }
-
-        return delta;
-    }
-
-    isValidChar(c: string) {
-        return (<RegExp>this.regex).test(c);
-    }
-
-    isValidString(str: string) {
-        for (let i = 0; i < str.length; i++) {
-            if (!this.isValidChar(str.substr(i, 1))) {
-                return false;
-            }
-        }
-
-        return true;
-    }
-
-    @HostListener('input', ['$event'])
-    onInput(e: KeyboardEvent) {
-        if (this.isAndroid && !this.pValidateOnly) {
-            let val = this.el.nativeElement.value;
-            let lastVal = this.lastValue || '';
-
-            let inserted = this.findDelta(val, lastVal);
-            let removed = this.findDelta(lastVal, val);
-            let pasted = inserted.length > 1 || (!inserted && !removed);
-
-            if (pasted) {
-                if (!this.isValidString(val)) {
-                    this.el.nativeElement.value = lastVal;
-                    this.ngModelChange.emit(lastVal);
-                }
-            } else if (!removed) {
-                if (!this.isValidChar(inserted)) {
-                    this.el.nativeElement.value = lastVal;
-                    this.ngModelChange.emit(lastVal);
-                }
-            }
-
-            val = this.el.nativeElement.value;
-            if (this.isValidString(val)) {
-                this.lastValue = val;
-            }
-        }
-    }
-
-    @HostListener('keypress', ['$event'])
-    onKeyPress(e: KeyboardEvent) {
-        if (this.isAndroid || this.pValidateOnly) {
-            return;
-        }
-
-        let browser = DomHandler.getBrowser();
-        let k = this.getKey(e);
-
-        if (browser.mozilla && (e.ctrlKey || e.altKey)) {
-            return;
-        } else if (k == 17 || k == 18) {
-            return;
-        }
-
-        // Enter key
-        if (k == 13) {
-            return;
-        }
-
-        let c = this.getCharCode(e);
-        let cc = String.fromCharCode(c);
-        let ok = true;
-
-        if (!browser.mozilla && (this.isSpecialKey(e) || !cc)) {
-            return;
-        }
-
-        let valueCheck = this.el.nativeElement.value || '';
-        const selectionStart = (<HTMLInputElement>e.currentTarget).selectionStart || 0;
-        const selectionEnd = (<HTMLInputElement>e.currentTarget).selectionEnd || 0;
-        let val = valueCheck.substring(0, selectionStart) + cc + valueCheck.substring(selectionEnd);
-
-        ok = (<RegExp>this.regex).test(val);
-
-        if (!ok) {
-            e.preventDefault();
-        }
-    }
-
-    @HostListener('paste', ['$event'])
-    onPaste(e: ClipboardEvent) {
-        const clipboardData = e.clipboardData || (<any>this.document.defaultView).clipboardData.getData('text');
-        if (clipboardData) {
-            let pattern = /\{[0-9]+\}/;
-            const pastedText = clipboardData.getData('text');
-            if (pattern.test(this.regex.toString())) {
-                if (!this.regex.test(pastedText)) {
-                    e.preventDefault();
-                    return;
-                }
-            } else {
-                for (let char of pastedText.toString()) {
-                    if (!this.regex.test(char)) {
-                        e.preventDefault();
-                        return;
-                    }
-                }
-            }
-        }
-    }
-
-    validate(c: AbstractControl): { [key: string]: any } | any {
-        if (this.pValidateOnly) {
-            let value = this.el.nativeElement.value;
-            if (value && !this.regex.test(value)) {
-                return {
-                    validatePattern: false
-                };
-            }
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [KeyFilter],
-    declarations: [KeyFilter]
-})
-export class KeyFilterModule {}
diff --git a/src/app/components/keyfilter/ng-package.json b/src/app/components/keyfilter/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/keyfilter/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/keyfilter/public_api.ts b/src/app/components/keyfilter/public_api.ts
deleted file mode 100644
index efac338..0000000
--- a/src/app/components/keyfilter/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './keyfilter';
-export * from './keyfilter.interface';
diff --git a/src/app/components/knob/knob.css b/src/app/components/knob/knob.css
deleted file mode 100644
index 75c9612..0000000
--- a/src/app/components/knob/knob.css
+++ /dev/null
@@ -1,20 +0,0 @@
-@keyframes dash-frame {
-    100% {
-        stroke-dashoffset: 0;
-    }
-}
-@layer primeng {
-    .p-knob-range {
-        fill: none;
-        transition: stroke 0.1s ease-in;
-    }
-    .p-knob-value {
-        animation-name: dash-frame;
-        animation-fill-mode: forwards;
-        fill: none;
-    }
-    .p-knob-text {
-        font-size: 1.3rem;
-        text-align: center;
-    }
-}
diff --git a/src/app/components/knob/knob.spec.ts b/src/app/components/knob/knob.spec.ts
deleted file mode 100644
index c2ac833..0000000
--- a/src/app/components/knob/knob.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { Knob, KnobModule } from './knob';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { By } from '@angular/platform-browser';
-
-describe('Knob', () => {
-    let knob: Knob;
-    let fixture: ComponentFixture<Knob>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, KnobModule]
-        });
-
-        fixture = TestBed.createComponent(Knob);
-        knob = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const knobEl = fixture.debugElement.query(By.css('.p-knob'));
-        expect(knobEl.nativeElement).toBeTruthy();
-    });
-});
diff --git a/src/app/components/knob/knob.ts b/src/app/components/knob/knob.ts
deleted file mode 100644
index a743ed5..0000000
--- a/src/app/components/knob/knob.ts
+++ /dev/null
@@ -1,429 +0,0 @@
-import { CommonModule, DOCUMENT } from '@angular/common';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Inject, Input, NgModule, Output, Renderer2, ViewEncapsulation, booleanAttribute, forwardRef, numberAttribute } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { VoidListener } from 'primeng/ts-helpers';
-
-export const KNOB_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => Knob),
-    multi: true
-};
-/**
- * Knob is a form component to define number inputs with a dial.
- * @group Components
- */
-@Component({
-    selector: 'p-knob',
-    template: `
-        <div [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="style" [attr.data-pc-name]="'knob'" [attr.data-pc-section]="'root'">
-            <svg
-                viewBox="0 0 100 100"
-                role="slider"
-                [style.width]="size + 'px'"
-                [style.height]="size + 'px'"
-                (click)="onClick($event)"
-                (keydown)="onKeyDown($event)"
-                (mousedown)="onMouseDown($event)"
-                (mouseup)="onMouseUp($event)"
-                (touchstart)="onTouchStart($event)"
-                (touchend)="onTouchEnd($event)"
-                [attr.aria-valuemin]="min"
-                [attr.aria-valuemax]="max"
-                [attr.aria-valuenow]="_value"
-                [attr.aria-labelledby]="ariaLabelledBy"
-                [attr.aria-label]="ariaLabel"
-                [attr.tabindex]="readonly || disabled ? -1 : tabindex"
-                [attr.data-pc-section]="'svg'"
-            >
-                <path [attr.d]="rangePath()" [attr.stroke-width]="strokeWidth" [attr.stroke]="rangeColor" class="p-knob-range"></path>
-                <path [attr.d]="valuePath()" [attr.stroke-width]="strokeWidth" [attr.stroke]="valueColor" class="p-knob-value"></path>
-                <text *ngIf="showValue" [attr.x]="50" [attr.y]="57" text-anchor="middle" [attr.fill]="textColor" class="p-knob-text" [attr.name]="name">{{ valueToDisplay() }}</text>
-            </svg>
-        </div>
-    `,
-    providers: [KNOB_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./knob.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Knob {
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Specifies one or more IDs in the DOM that labels the input field.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number = 0;
-    /**
-     * Background of the value.
-     * @group Props
-     */
-    @Input() valueColor: string = 'var(--primary-color, Black)';
-    /**
-     * Background color of the range.
-     * @group Props
-     */
-    @Input() rangeColor: string = 'var(--surface-border, LightGray)';
-    /**
-     * Color of the value text.
-     * @group Props
-     */
-    @Input() textColor: string = 'var(--text-color-secondary, Black)';
-    /**
-     * Template string of the value.
-     * @group Props
-     */
-    @Input() valueTemplate: string = '{value}';
-    /**
-     * Name of the input element.
-     * @group Props
-     */
-    @Input() name: string | undefined;
-    /**
-     * Size of the component in pixels.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) size: number = 100;
-    /**
-     * Step factor to increment/decrement the value.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) step: number = 1;
-    /**
-     * Mininum boundary value.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) min: number = 0;
-    /**
-     * Maximum boundary value.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) max: number = 100;
-    /**
-     * Width of the knob stroke.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) strokeWidth: number = 14;
-    /**
-     * When present, it specifies that the component should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * Whether the show the value inside the knob.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showValue: boolean = true;
-    /**
-     * When present, it specifies that the component value cannot be edited.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) readonly: boolean = false;
-    /**
-     * Callback to invoke on value change.
-     * @param {number} value - New value.
-     * @group Emits
-     */
-    @Output() onChange: EventEmitter<number> = new EventEmitter<number>();
-
-    radius: number = 40;
-
-    midX: number = 50;
-
-    midY: number = 50;
-
-    minRadians: number = (4 * Math.PI) / 3;
-
-    maxRadians: number = -Math.PI / 3;
-
-    value: number = 0;
-
-    windowMouseMoveListener: VoidListener;
-
-    windowMouseUpListener: VoidListener;
-
-    windowTouchMoveListener: VoidListener;
-
-    windowTouchEndListener: VoidListener;
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        private renderer: Renderer2,
-        private cd: ChangeDetectorRef,
-        private el: ElementRef
-    ) {}
-
-    mapRange(x: number, inMin: number, inMax: number, outMin: number, outMax: number) {
-        return ((x - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;
-    }
-
-    onClick(event: MouseEvent) {
-        if (!this.disabled && !this.readonly) {
-            this.updateValue(event.offsetX, event.offsetY);
-        }
-    }
-
-    updateValue(offsetX: number, offsetY: number) {
-        let dx = offsetX - this.size / 2;
-        let dy = this.size / 2 - offsetY;
-        let angle = Math.atan2(dy, dx);
-        let start = -Math.PI / 2 - Math.PI / 6;
-        this.updateModel(angle, start);
-    }
-
-    updateModel(angle: number, start: number) {
-        let mappedValue;
-        if (angle > this.maxRadians) mappedValue = this.mapRange(angle, this.minRadians, this.maxRadians, this.min, this.max);
-        else if (angle < start) mappedValue = this.mapRange(angle + 2 * Math.PI, this.minRadians, this.maxRadians, this.min, this.max);
-        else return;
-
-        let newValue = Math.round((mappedValue - this.min) / this.step) * this.step + this.min;
-        this.value = newValue;
-        this.onModelChange(this.value);
-        this.onChange.emit(this.value);
-    }
-
-    onMouseDown(event: MouseEvent) {
-        if (!this.disabled && !this.readonly) {
-            const window = this.document.defaultView || 'window';
-            this.windowMouseMoveListener = this.renderer.listen(window, 'mousemove', this.onMouseMove.bind(this));
-            this.windowMouseUpListener = this.renderer.listen(window, 'mouseup', this.onMouseUp.bind(this));
-            event.preventDefault();
-        }
-    }
-
-    onMouseUp(event: MouseEvent) {
-        if (!this.disabled && !this.readonly) {
-            if (this.windowMouseMoveListener) {
-                this.windowMouseMoveListener();
-                this.windowMouseUpListener = null;
-            }
-
-            if (this.windowMouseUpListener) {
-                this.windowMouseUpListener();
-                this.windowMouseMoveListener = null;
-            }
-            event.preventDefault();
-        }
-    }
-
-    onTouchStart(event: TouchEvent) {
-        if (!this.disabled && !this.readonly) {
-            const window = this.document.defaultView || 'window';
-            this.windowTouchMoveListener = this.renderer.listen(window, 'touchmove', this.onTouchMove.bind(this));
-            this.windowTouchEndListener = this.renderer.listen(window, 'touchend', this.onTouchEnd.bind(this));
-            event.preventDefault();
-        }
-    }
-
-    onTouchEnd(event: TouchEvent) {
-        if (!this.disabled && !this.readonly) {
-            if (this.windowTouchMoveListener) {
-                this.windowTouchMoveListener();
-            }
-            if (this.windowTouchEndListener) {
-                this.windowTouchEndListener();
-            }
-            this.windowTouchMoveListener = null;
-            this.windowTouchEndListener = null;
-            event.preventDefault();
-        }
-    }
-
-    onMouseMove(event: MouseEvent) {
-        if (!this.disabled && !this.readonly) {
-            this.updateValue(event.offsetX, event.offsetY);
-            event.preventDefault();
-        }
-    }
-
-    onTouchMove(event: Event) {
-        if (!this.disabled && !this.readonly && event instanceof TouchEvent && event.touches.length === 1) {
-            const rect = this.el.nativeElement.children[0].getBoundingClientRect();
-            const touch = event.targetTouches.item(0);
-            if (touch) {
-                const offsetX = touch.clientX - rect.left;
-                const offsetY = touch.clientY - rect.top;
-                this.updateValue(offsetX, offsetY);
-            }
-        }
-    }
-
-    updateModelValue(newValue) {
-        if (newValue > this.max) this.value = this.max;
-        else if (newValue < this.min) this.value = this.min;
-        else this.value = newValue;
-
-        this.onModelChange(this.value);
-        this.onChange.emit(this.value);
-    }
-
-    onKeyDown(event: KeyboardEvent) {
-        if (!this.disabled && !this.readonly) {
-            switch (event.code) {
-                case 'ArrowRight':
-
-                case 'ArrowUp': {
-                    event.preventDefault();
-                    this.updateModelValue(this._value + 1);
-                    break;
-                }
-
-                case 'ArrowLeft':
-
-                case 'ArrowDown': {
-                    event.preventDefault();
-                    this.updateModelValue(this._value - 1);
-                    break;
-                }
-
-                case 'Home': {
-                    event.preventDefault();
-                    this.updateModelValue(this.min);
-
-                    break;
-                }
-
-                case 'End': {
-                    event.preventDefault();
-                    this.updateModelValue(this.max);
-                    break;
-                }
-
-                case 'PageUp': {
-                    event.preventDefault();
-                    this.updateModelValue(this._value + 10);
-                    break;
-                }
-
-                case 'PageDown': {
-                    event.preventDefault();
-                    this.updateModelValue(this._value - 10);
-                    break;
-                }
-            }
-        }
-    }
-
-    writeValue(value: any): void {
-        this.value = value;
-        this.cd.markForCheck();
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    containerClass() {
-        return {
-            'p-knob p-component': true,
-            'p-disabled': this.disabled
-        };
-    }
-
-    rangePath() {
-        return `M ${this.minX()} ${this.minY()} A ${this.radius} ${this.radius} 0 1 1 ${this.maxX()} ${this.maxY()}`;
-    }
-
-    valuePath() {
-        return `M ${this.zeroX()} ${this.zeroY()} A ${this.radius} ${this.radius} 0 ${this.largeArc()} ${this.sweep()} ${this.valueX()} ${this.valueY()}`;
-    }
-
-    zeroRadians() {
-        if (this.min > 0 && this.max > 0) return this.mapRange(this.min, this.min, this.max, this.minRadians, this.maxRadians);
-        else return this.mapRange(0, this.min, this.max, this.minRadians, this.maxRadians);
-    }
-
-    valueRadians() {
-        return this.mapRange(this._value, this.min, this.max, this.minRadians, this.maxRadians);
-    }
-
-    minX() {
-        return this.midX + Math.cos(this.minRadians) * this.radius;
-    }
-
-    minY() {
-        return this.midY - Math.sin(this.minRadians) * this.radius;
-    }
-
-    maxX() {
-        return this.midX + Math.cos(this.maxRadians) * this.radius;
-    }
-
-    maxY() {
-        return this.midY - Math.sin(this.maxRadians) * this.radius;
-    }
-
-    zeroX() {
-        return this.midX + Math.cos(this.zeroRadians()) * this.radius;
-    }
-
-    zeroY() {
-        return this.midY - Math.sin(this.zeroRadians()) * this.radius;
-    }
-
-    valueX() {
-        return this.midX + Math.cos(this.valueRadians()) * this.radius;
-    }
-
-    valueY() {
-        return this.midY - Math.sin(this.valueRadians()) * this.radius;
-    }
-
-    largeArc() {
-        return Math.abs(this.zeroRadians() - this.valueRadians()) < Math.PI ? 0 : 1;
-    }
-
-    sweep() {
-        return this.valueRadians() > this.zeroRadians() ? 0 : 1;
-    }
-
-    valueToDisplay() {
-        return this.valueTemplate.replace('{value}', this._value.toString());
-    }
-
-    get _value(): number {
-        return this.value != null ? this.value : this.min;
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [Knob],
-    declarations: [Knob]
-})
-export class KnobModule {}
diff --git a/src/app/components/knob/ng-package.json b/src/app/components/knob/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/knob/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/knob/public_api.ts b/src/app/components/knob/public_api.ts
deleted file mode 100644
index b092f9c..0000000
--- a/src/app/components/knob/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './knob';
diff --git a/src/app/components/listbox/listbox.css b/src/app/components/listbox/listbox.css
deleted file mode 100644
index 05f0f97..0000000
--- a/src/app/components/listbox/listbox.css
+++ /dev/null
@@ -1,40 +0,0 @@
-@layer primeng {
-    .p-listbox-list-wrapper {
-        overflow: auto;
-    }
-
-    .p-listbox-list {
-        list-style-type: none;
-        margin: 0;
-        padding: 0;
-    }
-
-    .p-listbox-item {
-        cursor: pointer;
-        position: relative;
-        overflow: hidden;
-        display: flex;
-        align-items: center;
-        user-select: none;
-    }
-
-    .p-listbox-header {
-        display: flex;
-        align-items: center;
-    }
-
-    .p-listbox-filter-container {
-        position: relative;
-        flex: 1 1 auto;
-    }
-
-    .p-listbox-filter-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-    }
-
-    .p-listbox-filter {
-        width: 100%;
-    }
-}
diff --git a/src/app/components/listbox/listbox.interface.ts b/src/app/components/listbox/listbox.interface.ts
deleted file mode 100644
index 8a53731..0000000
--- a/src/app/components/listbox/listbox.interface.ts
+++ /dev/null
@@ -1,151 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { Listbox } from './listbox';
-/**
- * Filter options of listbox.
- * @group Interface
- */
-export interface ListboxFilterOptions {
-    /**
-     * Callback to filter options.
-     * @param {any} value - Filter value.
-     */
-    filter?: (value?: any) => void;
-    /**
-     * Callback to reset filter.
-     */
-    reset?: () => void;
-}
-/**
- * Custom change event.
- * @see {@link Listbox.onChange}
- * @group Events
- */
-export interface ListboxChangeEvent {
-    /**
-     * Original event
-     */
-    originalEvent: Event;
-    /**
-     * Selected option value
-     */
-    value: any;
-}
-/**
- * Custom change event.
- * @see {@link Listbox.onSelectAllChange}
- * @group Events
- */
-export interface ListboxSelectAllChangeEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Boolean value indicates whether all data is selected.
-     */
-    checked: boolean;
-}
-/**
- * Custom filter event.
- * @see {@link Listbox.onFilter}
- * @group Events
- */
-export interface ListboxFilterEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Filter value.
-     */
-    filter: any;
-}
-/**
- * Custom change event.
- * @see {@link Listbox.onClick}
- * @group Events
- */
-export interface ListboxClickEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Value of the component.
-     */
-    value: any;
-    /**
-     * Selected option
-     */
-    option?: any;
-}
-/**
- * Custom change event.
- * @see {@link Listbox.onDblClick}
- * @group Events
- */
-export interface ListboxDoubleClickEvent extends ListboxClickEvent {}
-/**
- * Defines valid templates in Panel.
- * @group Templates
- */
-export interface ListboxTemplates {
-    /**
-     * Custom item template.
-     * @param {Object} context - item data.
-     */
-    item(context: {
-        /**
-         * Data of the option.
-         */
-        $implicit: any;
-        /**
-         * Index of the option.
-         */
-        index: number;
-    }): TemplateRef<{ $implicit: any; index: number }>;
-    /**
-     * Custom group template.
-     * @param {Object} context - group data.
-     */
-    group(context: {
-        /**
-         * Group option.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-    /**
-     * Custom header template.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom filter template.
-     * @param {Object} context - filter options.
-     */
-    filter(context: {
-        /**
-         * Filter options.
-         */
-        options: ListboxFilterOptions;
-    }): TemplateRef<any>;
-    /**
-     * Custom footer template.
-     */
-    footer(): TemplateRef<any>;
-    /**
-     * Custom empty template.
-     */
-    empty(): TemplateRef<any>;
-    /**
-     * Custom empty filter template.
-     */
-    emptyfilter(): TemplateRef<any>;
-    /**
-     * Custom filter icon template.
-     */
-    filtericon(): TemplateRef<any>;
-    /**
-     * Custom check icon template.
-     */
-    checkicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/listbox/listbox.spec.ts b/src/app/components/listbox/listbox.spec.ts
deleted file mode 100644
index 730a626..0000000
--- a/src/app/components/listbox/listbox.spec.ts
+++ /dev/null
@@ -1,630 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Listbox } from './listbox';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { CheckIcon } from 'primeng/icons/check';
-import { SearchIcon } from 'primeng/icons/search';
-
-describe('Listbox', () => {
-    let listbox: Listbox;
-    let fixture: ComponentFixture<Listbox>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, CheckIcon, SearchIcon],
-            declarations: [Listbox]
-        });
-
-        fixture = TestBed.createComponent(Listbox);
-        listbox = fixture.componentInstance;
-    });
-
-    it('should created by default', () => {
-        fixture.detectChanges();
-
-        const listboxEl = fixture.debugElement.query(By.css('div'));
-        expect(listboxEl).toBeTruthy();
-    });
-
-    it('should disabled', () => {
-        listbox.checkbox = true;
-        listbox.multiple = true;
-        listbox.disabled = true;
-        listbox.filter = true;
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        const onClickSpy = spyOn(listbox.onClick, 'emit').and.callThrough();
-        fixture.detectChanges();
-
-        const bmwEl = fixture.debugElement.query(By.css('ul')).children[1].nativeElement;
-        bmwEl.click();
-        fixture.detectChanges();
-
-        const filterInputEl = fixture.debugElement.query(By.css('.p-listbox-filter-container')).query(By.css('input')).nativeElement;
-        expect(filterInputEl.disabled).toEqual(true);
-        expect(onClickSpy).not.toHaveBeenCalled();
-    });
-
-    it('should call onOptionTouchEnd', () => {
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        fixture.detectChanges();
-
-        const bmwEl = fixture.debugElement.query(By.css('ul')).children[1].nativeElement;
-        const onOptionTouchEndSpy = spyOn(listbox, 'onOptionTouchEnd').and.callThrough();
-        bmwEl.dispatchEvent(new Event('touchend'));
-        fixture.detectChanges();
-
-        expect(onOptionTouchEndSpy).toHaveBeenCalled();
-        expect(listbox.optionTouched).toEqual(true);
-    });
-
-    it('should call onOptionTouchEnd with readonly', () => {
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        listbox.readonly = true;
-        fixture.detectChanges();
-
-        const bmwEl = fixture.debugElement.query(By.css('ul')).children[1].nativeElement;
-        const onOptionTouchEndSpy = spyOn(listbox, 'onOptionTouchEnd').and.callThrough();
-        bmwEl.dispatchEvent(new Event('touchend'));
-        fixture.detectChanges();
-
-        expect(onOptionTouchEndSpy).toHaveBeenCalled();
-        expect(listbox.optionTouched).toBeTrue();
-    });
-
-    it('should change style and styleClass', () => {
-        listbox.style = { height: '300px' };
-        listbox.styleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const listboxEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(listboxEl.className).toContain('Primeng ROCKS!');
-        expect(listboxEl.style.height).toEqual('300px');
-    });
-
-    it('should select item when click', () => {
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        fixture.detectChanges();
-
-        const onOptionSelect = spyOn(listbox, 'onOptionSelect').and.callThrough();
-        const bmwEl = fixture.debugElement.query(By.css('ul')).children[1].nativeElement;
-        bmwEl.click();
-        fixture.detectChanges();
-
-        expect(listbox.value).toEqual('BMW');
-        expect(bmwEl.className).toContain('p-highlight');
-        expect(onOptionSelect).toHaveBeenCalled();
-        expect(listbox.optionTouched).toEqual(false);
-    });
-
-    it('should unselect item with metaKeySelection false', () => {
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        listbox.metaKeySelection = false;
-        fixture.detectChanges();
-
-        const bmwEl = fixture.debugElement.query(By.css('ul')).children[1].nativeElement;
-        bmwEl.click();
-        fixture.detectChanges();
-
-        expect(listbox.value).toEqual('BMW');
-        expect(bmwEl.className).toContain('p-highlight');
-        bmwEl.click();
-        fixture.detectChanges();
-
-        expect(listbox.value).not.toEqual('BMW');
-        expect(bmwEl.className).not.toContain('p-highlight');
-    });
-
-    it('should select two item with multiple option', () => {
-        listbox.multiple = true;
-        listbox.metaKeySelection = false;
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        const optionSelectMultipleSpy = spyOn(listbox, 'onOptionSelectMultiple').and.callThrough();
-        fixture.detectChanges();
-
-        const bmwEl = fixture.debugElement.query(By.css('ul')).children[1].nativeElement;
-        const audiEl = fixture.debugElement.query(By.css('ul')).children[0].nativeElement;
-        bmwEl.click();
-        fixture.detectChanges();
-
-        audiEl.click();
-        fixture.detectChanges();
-
-        expect(listbox.value[0]).toEqual('BMW');
-        expect(listbox.value[1]).toEqual('Audi');
-        expect(bmwEl.className).toContain('p-highlight');
-        expect(audiEl.className).toContain('p-highlight');
-        expect(optionSelectMultipleSpy).toHaveBeenCalledTimes(2);
-    });
-
-    it('should drop two item when double click', () => {
-        listbox.multiple = true;
-        listbox.metaKeySelection = false;
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        const optionSelectMultipleSpy = spyOn(listbox, 'onOptionSelectMultiple').and.callThrough();
-        fixture.detectChanges();
-
-        const bmwEl = fixture.debugElement.query(By.css('ul')).children[1].nativeElement;
-        const audiEl = fixture.debugElement.query(By.css('ul')).children[0].nativeElement;
-        bmwEl.click();
-        audiEl.click();
-        bmwEl.click();
-        audiEl.click();
-        fixture.detectChanges();
-
-        expect(listbox.value[0]).not.toEqual('BMW');
-        expect(listbox.value[1]).not.toEqual('Audi');
-        expect(bmwEl.className).not.toContain('p-highlight');
-        expect(audiEl.className).not.toContain('p-highlight');
-        expect(optionSelectMultipleSpy).toHaveBeenCalledTimes(4);
-    });
-
-    it('should select all', () => {
-        listbox.multiple = true;
-        listbox.checkbox = true;
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        const onToggleAllSpy = spyOn(listbox, 'onToggleAll').and.callThrough();
-        listbox.cd.detectChanges();
-        fixture.detectChanges();
-
-        const selectAllEl = fixture.debugElement.query(By.css('.p-checkbox-box')).nativeElement;
-        selectAllEl.click();
-        fixture.detectChanges();
-
-        expect(listbox.value.length).toEqual(10);
-        expect(selectAllEl.className).toContain('p-highlight');
-        expect(onToggleAllSpy).toHaveBeenCalled();
-    });
-
-    it('should show filtered items', () => {
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        listbox.filter = true;
-        listbox.optionLabel = 'label';
-        fixture.detectChanges();
-
-        const filterInputEl = fixture.debugElement.query(By.css('.p-listbox-filter-container')).children[0].nativeElement;
-        filterInputEl.value = 'f';
-        filterInputEl.dispatchEvent(new Event('input'));
-        fixture.detectChanges();
-
-        expect(fixture.debugElement.query(By.css('ul')).nativeElement.children.length).toEqual(2);
-    });
-
-    it('should listen onChange', () => {
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        let data;
-        listbox.onChange.subscribe((value) => (data = value));
-        fixture.detectChanges();
-
-        const bmwEl = fixture.debugElement.query(By.css('ul')).children[1].nativeElement;
-        bmwEl.click();
-        fixture.detectChanges();
-
-        expect(data.value).toEqual('BMW');
-    });
-
-    it('should listen dbClick', () => {
-        listbox.multiple = true;
-        listbox.checkbox = true;
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        let data;
-        listbox.onDblClick.subscribe((value) => (data = value));
-        const onOptionDoubleClickSpy = spyOn(listbox, 'onOptionDoubleClick').and.callThrough();
-        fixture.detectChanges();
-
-        const bmwEl = fixture.debugElement.query(By.css('ul')).children[1];
-        bmwEl.nativeElement.click();
-        bmwEl.triggerEventHandler('dblclick', new MouseEvent('dblclick'));
-        fixture.detectChanges();
-
-        expect(data.value[0]).toEqual('BMW');
-        expect(onOptionDoubleClickSpy).toHaveBeenCalled();
-        expect(data.value[0]).toEqual('BMW');
-    });
-
-    it('should listen dbClick with readonly', () => {
-        listbox.readonly = true;
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        let data;
-        listbox.onDblClick.subscribe((value) => (data = value));
-        const onOptionDoubleClickSpy = spyOn(listbox, 'onOptionDoubleClick').and.callThrough();
-        fixture.detectChanges();
-
-        const bmwEl = fixture.debugElement.query(By.css('ul')).children[1];
-        bmwEl.triggerEventHandler('dblclick', new MouseEvent('dblclick'));
-        fixture.detectChanges();
-
-        expect(onOptionDoubleClickSpy).toHaveBeenCalled();
-        expect(data).toBeUndefined();
-    });
-
-    it('should select item when click and drop item when ctrl click', () => {
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        listbox.metaKeySelection = true;
-        const onOptionSelect = spyOn(listbox, 'onOptionSelect').and.callThrough();
-        fixture.detectChanges();
-
-        let data;
-        listbox.onChange.subscribe((value) => (data = value));
-        const bmwEl = fixture.debugElement.query(By.css('ul')).children[1].nativeElement;
-        const event: any = document.createEvent('CustomEvent');
-        event.metaKey = true;
-        event.ctrlKey = true;
-        bmwEl.click();
-        fixture.detectChanges();
-
-        listbox.onOptionSelect(event, listbox.options[1]);
-        fixture.detectChanges();
-
-        listbox.cd.detectChanges();
-        expect(listbox.value).toEqual(null);
-        expect(bmwEl.className).not.toContain('p-highlight');
-        expect(onOptionSelect).toHaveBeenCalled();
-        expect(data.value).toEqual(null);
-    });
-
-    it('should select item when click and drop item when ctrl click', () => {
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        listbox.metaKeySelection = true;
-        listbox.multiple = true;
-        const onOptionSelect = spyOn(listbox, 'onOptionSelect').and.callThrough();
-        fixture.detectChanges();
-
-        let data;
-        listbox.onChange.subscribe((value) => (data = value));
-        const bmwEl = fixture.debugElement.query(By.css('ul')).children[1].nativeElement;
-        const event: any = document.createEvent('CustomEvent');
-        event.metaKey = true;
-        event.ctrlKey = true;
-        bmwEl.click();
-        fixture.detectChanges();
-
-        listbox.onOptionSelect(event, listbox.options[1]);
-        fixture.detectChanges();
-
-        listbox.cd.detectChanges();
-        expect(listbox.value).toEqual([]);
-        expect(bmwEl.className).not.toContain('p-highlight');
-        expect(onOptionSelect).toHaveBeenCalled();
-        expect(data.value).toEqual([]);
-    });
-
-    it('should select two item and drop one', () => {
-        listbox.multiple = true;
-        listbox.checkbox = true;
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        const onOptionSelectSpy = spyOn(listbox, 'onOptionSelect').and.callThrough();
-        fixture.detectChanges();
-
-        const bmwEl = fixture.debugElement.query(By.css('ul')).children[1].nativeElement;
-        const audiEl = fixture.debugElement.query(By.css('ul')).children[0].nativeElement;
-        bmwEl.click();
-        audiEl.click();
-        fixture.detectChanges();
-
-        audiEl.click();
-        fixture.detectChanges();
-
-        expect(listbox.value[0]).toEqual('BMW');
-        expect(listbox.value.length).toEqual(1);
-        expect(listbox.value[1]).not.toEqual('Audi');
-        expect(bmwEl.className).toContain('p-highlight');
-        expect(onOptionSelectSpy).toHaveBeenCalledTimes(3);
-    });
-
-    it('should unselect all', () => {
-        listbox.multiple = true;
-        listbox.checkbox = true;
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        const toggleAllSpy = spyOn(listbox, 'onToggleAll').and.callThrough();
-        fixture.detectChanges();
-
-        listbox.cd.detectChanges();
-        const selectAllEl = fixture.debugElement.query(By.css('.p-checkbox-box')).nativeElement;
-        selectAllEl.click();
-        fixture.detectChanges();
-
-        selectAllEl.click();
-        fixture.detectChanges();
-
-        expect(listbox.value.length).toEqual(0);
-        expect(selectAllEl.className).not.toContain('p-highlight');
-        expect(toggleAllSpy).toHaveBeenCalledTimes(2);
-    });
-
-    it('should toggleAll click with readonly true', () => {
-        listbox.multiple = true;
-        listbox.checkbox = true;
-        listbox.readonly = true;
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        const toggleAllSpy = spyOn(listbox, 'onToggleAll').and.callThrough();
-        fixture.detectChanges();
-
-        listbox.cd.detectChanges();
-        const selectAllEl = fixture.debugElement.query(By.css('.p-checkbox-box')).nativeElement;
-        selectAllEl.click();
-        fixture.detectChanges();
-
-        expect(listbox.value).toBeFalsy();
-        expect(listbox.selectAll).toBeFalsy();
-        expect(selectAllEl.className).not.toContain('p-highlight');
-        expect(toggleAllSpy).toHaveBeenCalledTimes(1);
-    });
-
-    it('should show one item with filterValue', () => {
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        listbox.filterMatchMode = 'startsWith';
-        listbox.filter = true;
-        listbox.filterValue = 'Bmw';
-        fixture.detectChanges();
-
-        expect(fixture.debugElement.query(By.css('ul')).children.length).toEqual(1);
-    });
-
-    it('should select all filtered items', () => {
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        listbox.multiple = true;
-        listbox.showToggleAll = true;
-        listbox.checkbox = true;
-        listbox.filter = true;
-        listbox.filterValue = 'o';
-        listbox.optionLabel = 'label';
-        fixture.detectChanges();
-
-        const headerCheckBoxReadonlyEl = fixture.debugElement.query(By.css('.p-checkbox.p-component')).query(By.css('input'));
-        const headerCheckBoxEl = fixture.debugElement.query(By.css('.p-checkbox-box'));
-        headerCheckBoxReadonlyEl.nativeElement.dispatchEvent(new Event('focus'));
-        headerCheckBoxEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(listbox.value.length).toEqual(3);
-        expect(headerCheckBoxEl.nativeElement.className).toContain('p-highlight');
-        expect(headerCheckBoxEl.nativeElement.className).toContain('p-focus');
-        listbox.filterValue = 'm';
-        headerCheckBoxReadonlyEl.nativeElement.dispatchEvent(new Event('blur'));
-        fixture.detectChanges();
-
-        expect(headerCheckBoxEl.nativeElement.className).not.toContain('p-highlight');
-        expect(headerCheckBoxEl.nativeElement.className).not.toContain('p-focus');
-    });
-
-    it('should select item with keyboard navigation', () => {
-        listbox.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        const onArrowDownKeySpy = spyOn(listbox, 'onArrowDownKey').and.callThrough();
-        const onArrowUpKeySpy = spyOn(listbox, 'onArrowUpKey').and.callThrough();
-        fixture.detectChanges();
-
-        const bmwEl = fixture.debugElement.query(By.css('.p-listbox-list')).nativeElement;
-        bmwEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowDown' }));
-        fixture.detectChanges();
-
-        bmwEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowUp' }));
-        fixture.detectChanges();
-
-        bmwEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'Enter' }));
-        fixture.detectChanges();
-
-        expect(onArrowDownKeySpy).toHaveBeenCalled();
-        expect(onArrowUpKeySpy).toHaveBeenCalled();
-        expect(listbox.value).toEqual('Audi');
-    });
-});
diff --git a/src/app/components/listbox/listbox.ts b/src/app/components/listbox/listbox.ts
deleted file mode 100644
index 177e1f9..0000000
--- a/src/app/components/listbox/listbox.ts
+++ /dev/null
@@ -1,1453 +0,0 @@
-import {
-    NgModule,
-    Component,
-    ElementRef,
-    Input,
-    Output,
-    EventEmitter,
-    AfterContentInit,
-    ContentChildren,
-    ContentChild,
-    QueryList,
-    TemplateRef,
-    forwardRef,
-    ChangeDetectorRef,
-    ViewChild,
-    ChangeDetectionStrategy,
-    ViewEncapsulation,
-    OnInit,
-    OnDestroy,
-    computed,
-    signal,
-    Renderer2,
-    booleanAttribute,
-    numberAttribute
-} from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { SharedModule, PrimeTemplate, Footer, Header, FilterService, TranslationKeys, PrimeNGConfig, ScrollerOptions } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { ObjectUtils, UniqueComponentId } from 'primeng/utils';
-import { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';
-import { RippleModule } from 'primeng/ripple';
-import { Subscription } from 'rxjs';
-import { SearchIcon } from 'primeng/icons/search';
-import { CheckIcon } from 'primeng/icons/check';
-import { Nullable } from 'primeng/ts-helpers';
-import { ListboxChangeEvent, ListboxClickEvent, ListboxDoubleClickEvent, ListboxFilterEvent, ListboxFilterOptions, ListboxSelectAllChangeEvent } from './listbox.interface';
-import { Scroller, ScrollerModule } from 'primeng/scroller';
-
-export const LISTBOX_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => Listbox),
-    multi: true
-};
-/**
- * ListBox is used to select one or more values from a list of items.
- * @group Components
- */
-@Component({
-    selector: 'p-listbox',
-    template: `
-        <div [attr.id]="id" [ngClass]="containerClass" [ngStyle]="style" [class]="styleClass" (focusout)="onFocusout($event)">
-            <span #firstHiddenFocusableElement role="presentation" class="p-hidden-accessible p-hidden-focusable" [tabindex]="!disabled ? tabindex : -1" (focus)="onFirstHiddenFocus($event)" [attr.data-p-hidden-focusable]="true"> </span>
-            <div class="p-listbox-header" *ngIf="headerFacet || headerTemplate">
-                <ng-content select="p-header"></ng-content>
-                <ng-container *ngTemplateOutlet="headerTemplate; context: { $implicit: modelValue(), options: visibleOptions() }"></ng-container>
-            </div>
-            <div class="p-listbox-header" *ngIf="(checkbox && multiple && showToggleAll) || filter">
-                <div *ngIf="checkbox && multiple && showToggleAll" class="p-checkbox p-component" [ngClass]="{ 'p-checkbox-disabled': disabled || toggleAllDisabled }" (click)="onToggleAll($event)" (keydown)="onHeaderCheckboxKeyDown($event)">
-                    <div class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true">
-                        <input
-                            #headerchkbox
-                            type="checkbox"
-                            readonly="readonly"
-                            [attr.checked]="allSelected()"
-                            [disabled]="disabled || toggleAllDisabled"
-                            (focus)="onHeaderCheckboxFocus($event)"
-                            (blur)="onHeaderCheckboxBlur($event)"
-                            [attr.aria-label]="toggleAllAriaLabel"
-                        />
-                    </div>
-                    <div class="p-checkbox-box" role="checkbox" [attr.aria-checked]="allSelected()" [ngClass]="{ 'p-highlight': allSelected(), 'p-focus': headerCheckboxFocus, 'p-disabled': disabled || toggleAllDisabled }">
-                        <ng-container *ngIf="allSelected()">
-                            <CheckIcon [styleClass]="'p-checkbox-icon'" *ngIf="!checkIconTemplate" [attr.aria-hidden]="true" />
-                            <span *ngIf="checkIconTemplate" class="p-checkbox-icon" [attr.aria-hidden]="true">
-                                <ng-template *ngTemplateOutlet="checkIconTemplate"></ng-template>
-                            </span>
-                        </ng-container>
-                    </div>
-                </div>
-                <ng-container *ngIf="filterTemplate; else builtInFilterElement">
-                    <ng-container *ngTemplateOutlet="filterTemplate; context: { options: filterOptions }"></ng-container>
-                </ng-container>
-                <ng-template #builtInFilterElement>
-                    <div class="p-listbox-filter-container" *ngIf="filter">
-                        <input
-                            #filterInput
-                            type="text"
-                            class="p-listbox-filter p-inputtext p-component"
-                            role="searchbox"
-                            [value]="_filterValue() || ''"
-                            [disabled]="disabled"
-                            [attr.aria-owns]="id + '_list'"
-                            [attr.aria-activedescendant]="focusedOptionId"
-                            [attr.placeholder]="filterPlaceHolder"
-                            [attr.aria-label]="ariaFilterLabel"
-                            [tabindex]="!disabled && !focused ? tabindex : -1"
-                            (input)="onFilterChange($event)"
-                            (keydown)="onFilterKeyDown($event)"
-                            (focus)="onFilterFocus($event)"
-                            (blur)="onFilterBlur($event)"
-                        />
-                        <SearchIcon *ngIf="!filterIconTemplate" [styleClass]="'p-listbox-filter-icon'" [attr.aria-hidden]="true" />
-                        <span *ngIf="filterIconTemplate" class="p-listbox-filter-icon" [attr.aria-hidden]="true">
-                            <ng-template *ngTemplateOutlet="filterIconTemplate"></ng-template>
-                        </span>
-                    </div>
-                    <span role="status" attr.aria-live="polite" class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true">
-                        {{ filterResultMessageText }}
-                    </span>
-                </ng-template>
-            </div>
-            <div #wrapper [ngClass]="'p-listbox-list-wrapper'" [ngStyle]="listStyle" [class]="listStyleClass" [style.max-height]="virtualScroll ? 'auto' : scrollHeight || 'auto'" [attr.tabindex]="!disabled && '0'">
-                <p-scroller
-                    #scroller
-                    *ngIf="virtualScroll"
-                    [items]="visibleOptions()"
-                    [style]="{ height: scrollHeight }"
-                    [itemSize]="virtualScrollItemSize"
-                    [autoSize]="true"
-                    [lazy]="lazy"
-                    [options]="virtualScrollOptions"
-                    (onLazyLoad)="onLazyLoad.emit($event)"
-                    [tabindex]="scrollerTabIndex"
-                >
-                    <ng-template pTemplate="content" let-items let-scrollerOptions="options">
-                        <ng-container *ngTemplateOutlet="buildInItems; context: { $implicit: items, options: scrollerOptions }"></ng-container>
-                    </ng-template>
-                    <ng-container *ngIf="loaderTemplate">
-                        <ng-template pTemplate="loader" let-scrollerOptions="options">
-                            <ng-container *ngTemplateOutlet="loaderTemplate; context: { options: scrollerOptions }"></ng-container>
-                        </ng-template>
-                    </ng-container>
-                </p-scroller>
-                <ng-container *ngIf="!virtualScroll">
-                    <ng-container *ngTemplateOutlet="buildInItems; context: { $implicit: visibleOptions(), options: {} }"></ng-container>
-                </ng-container>
-
-                <ng-template #buildInItems let-items let-scrollerOptions="options">
-                    <ul
-                        #list
-                        class="p-listbox-list"
-                        role="listbox"
-                        [tabindex]="-1"
-                        [attr.aria-multiselectable]="true"
-                        [ngClass]="scrollerOptions.contentStyleClass"
-                        [ngStyle]="scrollerOptions.contentStyle"
-                        [attr.aria-activedescendant]="focused ? focusedOptionId : undefined"
-                        [attr.aria-label]="ariaLabel"
-                        [attr.aria-multiselectable]="multiple"
-                        [attr.aria-disabled]="disabled"
-                        (focus)="onListFocus($event)"
-                        (blur)="onListBlur($event)"
-                        (keydown)="onListKeyDown($event)"
-                    >
-                        <ng-template ngFor let-option [ngForOf]="items" let-i="index">
-                            <ng-container *ngIf="isOptionGroup(option)">
-                                <li [attr.id]="id + '_' + getOptionIndex(i, scrollerOptions)" class="p-listbox-item-group" [ngStyle]="{ height: scrollerOptions.itemSize + 'px' }" role="option">
-                                    <span *ngIf="!groupTemplate">{{ getOptionGroupLabel(option.optionGroup) }}</span>
-                                    <ng-container *ngTemplateOutlet="groupTemplate; context: { $implicit: option.optionGroup }"></ng-container>
-                                </li>
-                            </ng-container>
-                            <ng-container *ngIf="!isOptionGroup(option)">
-                                <li
-                                    pRipple
-                                    class="p-listbox-item"
-                                    role="option"
-                                    [attr.id]="id + '_' + getOptionIndex(i, scrollerOptions)"
-                                    [ngStyle]="{ height: scrollerOptions.itemSize + 'px' }"
-                                    [ngClass]="{ 'p-listbox-item': true, 'p-highlight': isSelected(option), 'p-focus': focusedOptionIndex() === getOptionIndex(i, scrollerOptions), 'p-disabled': isOptionDisabled(option) }"
-                                    [attr.aria-label]="getOptionLabel(option)"
-                                    [attr.aria-selected]="isSelected(option)"
-                                    [attr.aria-disabled]="isOptionDisabled(option)"
-                                    [attr.aria-setsize]="ariaSetSize"
-                                    [attr.ariaPosInset]="getAriaPosInset(getOptionIndex(i, scrollerOptions))"
-                                    (click)="onOptionSelect($event, option, getOptionIndex(i, scrollerOptions))"
-                                    (dblclick)="onOptionDoubleClick($event, option)"
-                                    (mousedown)="onOptionMouseDown($event, getOptionIndex(i, scrollerOptions))"
-                                    (mouseenter)="onOptionMouseEnter($event, getOptionIndex(i, scrollerOptions))"
-                                    (touchend)="onOptionTouchEnd()"
-                                >
-                                    <div class="p-checkbox p-component" *ngIf="checkbox && multiple" [ngClass]="{ 'p-checkbox-disabled': disabled || isOptionDisabled(option) }">
-                                        <div class="p-checkbox-box" [ngClass]="{ 'p-highlight': isSelected(option) }">
-                                            <ng-container *ngIf="isSelected(option)">
-                                                <CheckIcon [styleClass]="'p-checkbox-icon'" *ngIf="!checkIconTemplate" [attr.aria-hidden]="true" />
-                                                <span *ngIf="checkIconTemplate" class="p-checkbox-icon" [attr.aria-hidden]="true">
-                                                    <ng-template *ngTemplateOutlet="checkIconTemplate"></ng-template>
-                                                </span>
-                                            </ng-container>
-                                        </div>
-                                    </div>
-                                    <span *ngIf="!itemTemplate">{{ getOptionLabel(option) }}</span>
-                                    <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: option, index: getOptionIndex(i, scrollerOptions) }"></ng-container>
-                                </li>
-                            </ng-container>
-                        </ng-template>
-                        <li *ngIf="hasFilter() && isEmpty()" class="p-listbox-empty-message" role="option">
-                            <ng-container *ngIf="!emptyFilterTemplate && !emptyTemplate; else emptyFilter">
-                                {{ emptyFilterMessageText }}
-                            </ng-container>
-                            <ng-container #emptyFilter *ngTemplateOutlet="emptyFilterTemplate || emptyTemplate"></ng-container>
-                        </li>
-                        <li *ngIf="!hasFilter() && isEmpty()" class="p-listbox-empty-message" role="option">
-                            <ng-container *ngIf="!emptyTemplate; else empty">
-                                {{ emptyMessage }}
-                            </ng-container>
-                            <ng-container #empty *ngTemplateOutlet="emptyTemplate"></ng-container>
-                        </li>
-                    </ul>
-                </ng-template>
-            </div>
-            <div class="p-listbox-footer" *ngIf="footerFacet || footerTemplate">
-                <ng-content select="p-footer"></ng-content>
-                <ng-container *ngTemplateOutlet="footerTemplate; context: { $implicit: modelValue(), options: visibleOptions() }"></ng-container>
-            </div>
-            <span *ngIf="isEmpty()" role="status" aria-live="polite" class="p-hidden-accessible">
-                {{ emptyMessage }}
-            </span>
-            <span role="status" aria-live="polite" class="p-hidden-accessible">
-                {{ selectedMessageText }}
-            </span>
-            <span #lastHiddenFocusableElement role="presentation" class="p-hidden-accessible p-hidden-focusable" [tabindex]="!disabled ? tabindex : -1" (focus)="onLastHiddenFocus($event)" [attr.data-p-hidden-focusable]="true"> </span>
-        </div>
-    `,
-    providers: [LISTBOX_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./listbox.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Listbox implements AfterContentInit, OnInit, ControlValueAccessor, OnDestroy {
-    /**
-     * Unique identifier of the component.
-     * @group Props
-     */
-    @Input() id: string | undefined;
-    /**
-     * Text to display when the search is active. Defaults to global value in i18n translation configuration.
-     * @group Props
-     * @defaultValue '{0} results are available'
-     */
-    @Input() searchMessage: string | undefined;
-    /**
-     * Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration.
-     * @group Props
-     * @defaultValue 'No selected item'
-     */
-    @Input() emptySelectionMessage: string | undefined;
-    /**
-     * Text to be displayed in hidden accessible field when options are selected. Defaults to global value in i18n translation configuration.
-     * @group Props
-     * @defaultValue '{0} items selected'
-     */
-    @Input() selectionMessage: string | undefined;
-    /**
-     * Whether to focus on the first visible or selected element when the overlay panel is shown.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoOptionFocus: boolean | undefined = true;
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * When enabled, the focused option is selected.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) selectOnFocus: boolean | undefined;
-    /**
-     * Locale to use in searching. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) searchLocale: boolean | undefined;
-    /**
-     * When enabled, the hovered option will be focused.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) focusOnHover: boolean | undefined;
-    /**
-     * Text to display when filtering.
-     * @group Props
-     */
-    @Input() filterMessage: string | undefined;
-    /**
-     * Fields used when filtering the options, defaults to optionLabel.
-     * @group Props
-     */
-    @Input() filterFields: any[] | undefined;
-    /**
-     * Defines if data is loaded and interacted with in lazy manner.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) lazy: boolean = false;
-    /**
-     * Whether the data should be loaded on demand during scroll.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) virtualScroll: boolean | undefined;
-    /**
-     * Height of an item in the list for VirtualScrolling.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) virtualScrollItemSize: number | undefined;
-    /**
-     * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.
-     * @group Props
-     */
-    @Input() virtualScrollOptions: ScrollerOptions | undefined;
-    /**
-     * Height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value.
-     * @group Props
-     */
-    @Input() scrollHeight: string = '200px';
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined = 0;
-    /**
-     * When specified, allows selecting multiple values.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) multiple: boolean | undefined;
-    /**
-     * Inline style of the container.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the container.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the list element.
-     * @group Props
-     */
-    @Input() listStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the list element.
-     * @group Props
-     */
-    @Input() listStyleClass: string | undefined;
-    /**
-     * When present, it specifies that the element value cannot be changed.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) readonly: boolean | undefined;
-    /**
-     * When present, it specifies that the element should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * When specified, allows selecting items with checkboxes.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) checkbox: boolean = false;
-    /**
-     * When specified, displays a filter input at header.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) filter: boolean = false;
-    /**
-     * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
-     * @group Props
-     */
-    @Input() filterBy: string | undefined;
-    /**
-     * Defines how the items are filtered.
-     * @group Props
-     */
-    @Input() filterMatchMode: 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals' | 'in' | 'lt' | 'lte' | 'gt' | 'gte' = 'contains';
-    /**
-     * Locale to use in filtering. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    @Input() filterLocale: string | undefined;
-    /**
-     * Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) metaKeySelection: boolean = false;
-    /**
-     * A property to uniquely identify a value in options.
-     * @group Props
-     */
-    @Input() dataKey: string | undefined;
-    /**
-     * Whether header checkbox is shown in multiple mode.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showToggleAll: boolean = true;
-    /**
-     * Name of the label field of an option.
-     * @group Props
-     */
-    @Input() optionLabel: string | undefined;
-    /**
-     * Name of the value field of an option.
-     * @group Props
-     */
-    @Input() optionValue: string | undefined;
-    /**
-     * Name of the options field of an option group.
-     * @group Props
-     */
-    @Input() optionGroupChildren: string | undefined = 'items';
-    /**
-     * Name of the label field of an option group.
-     * @group Props
-     */
-    @Input() optionGroupLabel: string | undefined = 'label';
-    /**
-     * Name of the disabled field of an option.
-     * @group Props
-     */
-    @Input() optionDisabled: string | undefined;
-    /**
-     * Defines a string that labels the filter input.
-     * @group Props
-     */
-    @Input() ariaFilterLabel: string | undefined;
-    /**
-     * Defines placeholder of the filter input.
-     * @group Props
-     */
-    @Input() filterPlaceHolder: string | undefined;
-    /**
-     * Text to display when filtering does not return any results.
-     * @group Props
-     */
-    @Input() emptyFilterMessage: string | undefined;
-    /**
-     * Text to display when there is no data. Defaults to global value in i18n translation configuration.
-     * @group Props
-     */
-    @Input() emptyMessage: string | undefined;
-    /**
-     * Whether to display options as grouped when nested options are provided.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) group: boolean | undefined;
-    /**
-     * An array of selectitems to display as the available options.
-     * @group Props
-     */
-    @Input() get options(): any[] {
-        return this._options();
-    }
-    set options(val: any[]) {
-        this._options.set(val);
-    }
-    /**
-     * When specified, filter displays with this value.
-     * @group Props
-     */
-    @Input() get filterValue(): string {
-        return this._filterValue();
-    }
-    set filterValue(val: string) {
-        this._filterValue.set(val);
-    }
-    /**
-     * Whether all data is selected.
-     * @group Props
-     */
-    @Input() get selectAll(): boolean | undefined | null {
-        return this._selectAll;
-    }
-    set selectAll(value: boolean | undefined | null) {
-        this._selectAll = value;
-    }
-    /**
-     * Callback to invoke on value change.
-     * @param {ListboxChangeEvent} event - Custom change event.
-     * @group Emits
-     */
-    @Output() onChange: EventEmitter<ListboxChangeEvent> = new EventEmitter<ListboxChangeEvent>();
-    /**
-     * Callback to invoke when option is clicked.
-     * @param {ListboxClickEvent} event - Custom click event.
-     * @group Emits
-     */
-    @Output() onClick: EventEmitter<ListboxClickEvent> = new EventEmitter<ListboxClickEvent>();
-    /**
-     * Callback to invoke when option is double clicked.
-     * @param {ListboxDoubleClickEvent} event - Custom double click event.
-     * @group Emits
-     */
-    @Output() onDblClick: EventEmitter<ListboxDoubleClickEvent> = new EventEmitter<ListboxDoubleClickEvent>();
-    /**
-     * Callback to invoke when data is filtered.
-     * @param {ListboxFilterEvent} event - Custom filter event.
-     * @group Emits
-     */
-    @Output() onFilter: EventEmitter<ListboxFilterEvent> = new EventEmitter<ListboxFilterEvent>();
-    /**
-     * Callback to invoke when component receives focus.
-     * @param {FocusEvent} event - Focus event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();
-    /**
-     * Callback to invoke when component loses focus.
-     * @param {FocusEvent} event - Blur event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();
-    /**
-     * Callback to invoke when all data is selected.
-     * @param {ListboxSelectAllChangeEvent} event - Custom select event.
-     * @group Emits
-     */
-    @Output() onSelectAllChange: EventEmitter<ListboxSelectAllChangeEvent> = new EventEmitter<ListboxSelectAllChangeEvent>();
-
-    @ViewChild('headerchkbox') headerCheckboxViewChild: Nullable<ElementRef>;
-
-    @ViewChild('filter') filterViewChild: Nullable<ElementRef>;
-
-    @ViewChild('lastHiddenFocusableElement') lastHiddenFocusableElement: Nullable<ElementRef>;
-
-    @ViewChild('firstHiddenFocusableElement') firstHiddenFocusableElement: Nullable<ElementRef>;
-
-    @ViewChild('scroller') scroller: Nullable<Scroller>;
-
-    @ViewChild('list') listViewChild: Nullable<ElementRef>;
-
-    @ViewChild('wrapper') wrapperViewChild: Nullable<ElementRef>;
-
-    @ContentChild(Header) headerFacet: Nullable<TemplateRef<any>>;
-
-    @ContentChild(Footer) footerFacet: Nullable<TemplateRef<any>>;
-
-    @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;
-
-    public itemTemplate: TemplateRef<any> | undefined;
-
-    public groupTemplate: TemplateRef<any> | undefined;
-
-    public headerTemplate: TemplateRef<any> | undefined;
-
-    public filterTemplate: TemplateRef<any> | undefined;
-
-    public footerTemplate: TemplateRef<any> | undefined;
-
-    public emptyFilterTemplate: TemplateRef<any> | undefined;
-
-    public emptyTemplate: TemplateRef<any> | undefined;
-
-    filterIconTemplate: TemplateRef<any> | undefined;
-
-    checkIconTemplate: TemplateRef<any> | undefined;
-
-    public _filterValue = signal<string | null | undefined>(null);
-
-    public _filteredOptions: any[] | undefined | null;
-
-    filterOptions: ListboxFilterOptions | undefined;
-
-    public filtered: boolean | undefined | null;
-
-    public value: any | undefined | null;
-
-    public onModelChange: Function = () => {};
-
-    public onModelTouched: Function = () => {};
-
-    public optionTouched: boolean | undefined | null;
-
-    public focus: boolean | undefined | null;
-
-    public headerCheckboxFocus: boolean | undefined | null;
-
-    translationSubscription: Nullable<Subscription>;
-
-    focused: boolean | undefined;
-
-    scrollerTabIndex: string = '0';
-
-    get containerClass() {
-        return {
-            'p-listbox p-component': true,
-            'p-disabled': this.disabled
-        };
-    }
-
-    get focusedOptionId() {
-        return this.focusedOptionIndex() !== -1 ? `${this.id}_${this.focusedOptionIndex()}` : null;
-    }
-
-    get filterResultMessageText() {
-        return ObjectUtils.isNotEmpty(this.visibleOptions()) ? this.filterMessageText.replaceAll('{0}', this.visibleOptions().length) : this.emptyFilterMessageText;
-    }
-
-    get filterMessageText() {
-        return this.filterMessage || this.config.translation.searchMessage || '';
-    }
-
-    get searchMessageText() {
-        return this.searchMessage || this.config.translation.searchMessage || '';
-    }
-
-    get emptyFilterMessageText() {
-        return this.emptyFilterMessage || this.config.translation.emptySearchMessage || this.config.translation.emptyFilterMessage || '';
-    }
-
-    get selectionMessageText() {
-        return this.selectionMessage || this.config.translation.selectionMessage || '';
-    }
-
-    get emptySelectionMessageText() {
-        return this.emptySelectionMessage || this.config.translation.emptySelectionMessage || '';
-    }
-
-    get selectedMessageText() {
-        return this.hasSelectedOption() ? this.selectionMessageText.replaceAll('{0}', this.multiple ? this.modelValue().length : '1') : this.emptySelectionMessageText;
-    }
-
-    get ariaSetSize() {
-        return this.visibleOptions().filter((option) => !this.isOptionGroup(option)).length;
-    }
-
-    get virtualScrollerDisabled() {
-        return !this.virtualScroll;
-    }
-
-    get searchFields() {
-        return this.filterFields || [this.optionLabel];
-    }
-
-    get toggleAllAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria[this.allSelected() ? 'selectAll' : 'unselectAll'] : undefined;
-    }
-
-    searchValue: string | undefined;
-
-    searchTimeout: any;
-
-    _selectAll: boolean | undefined | null = null;
-
-    _options = signal<any>(null);
-
-    startRangeIndex = signal<number>(-1);
-
-    focusedOptionIndex = signal<number>(-1);
-
-    modelValue = signal<any>(null);
-
-    visibleOptions = computed(() => {
-        const options = this.group ? this.flatOptions(this._options()) : this._options() || [];
-        const filterValue = this._filterValue();
-
-        if (this.searchFields[0] === undefined) {
-            return filterValue ? options.filter((option) => option.toString().toLocaleLowerCase(this.filterLocale).indexOf(filterValue.toLocaleLowerCase(this.filterLocale).trim()) !== -1) : options;
-        } else return filterValue ? this.filterService.filter(options, this.searchFields, filterValue, this.filterMatchMode, this.filterLocale) : options;
-    });
-
-    constructor(
-        public el: ElementRef,
-        public cd: ChangeDetectorRef,
-        public filterService: FilterService,
-        public config: PrimeNGConfig,
-        private renderer: Renderer2
-    ) {}
-
-    ngOnInit() {
-        this.id = this.id || UniqueComponentId();
-        this.translationSubscription = this.config.translationObserver.subscribe(() => {
-            this.cd.markForCheck();
-        });
-
-        this.autoUpdateModel();
-
-        if (this.filterBy) {
-            this.filterOptions = {
-                filter: (value) => this.onFilterChange(value),
-                reset: () => this.resetFilter()
-            };
-        }
-    }
-
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-
-                case 'group':
-                    this.groupTemplate = item.template;
-                    break;
-
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'filter':
-                    this.filterTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                case 'empty':
-                    this.emptyTemplate = item.template;
-                    break;
-
-                case 'emptyfilter':
-                    this.emptyFilterTemplate = item.template;
-                    break;
-
-                case 'filtericon':
-                    this.filterIconTemplate = item.template;
-                    break;
-
-                case 'checkicon':
-                    this.checkIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    writeValue(value: any): void {
-        this.value = value;
-        this.modelValue.set(this.value);
-        this.cd.markForCheck();
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    flatOptions(options) {
-        return (options || []).reduce((result, option, index) => {
-            result.push({ optionGroup: option, group: true, index });
-
-            const optionGroupChildren = this.getOptionGroupChildren(option);
-
-            optionGroupChildren && optionGroupChildren.forEach((o) => result.push(o));
-
-            return result;
-        }, []);
-    }
-
-    autoUpdateModel() {
-        if (this.selectOnFocus && this.autoOptionFocus && !this.hasSelectedOption() && !this.multiple) {
-            const focusedOptionIndex = this.findFirstFocusedOptionIndex();
-            this.focusedOptionIndex.set(focusedOptionIndex);
-            this.onOptionSelect(null, this.visibleOptions()[this.focusedOptionIndex()]);
-        }
-    }
-    /**
-     * Updates the model value.
-     * @group Method
-     */
-    public updateModel(value, event?) {
-        this.value = value;
-        this.modelValue.set(value);
-        this.onModelChange(value);
-
-        this.onChange.emit({ originalEvent: event, value: this.value });
-    }
-
-    removeOption(option) {
-        return this.modelValue().filter((val) => !ObjectUtils.equals(val, this.getOptionValue(option), this.equalityKey()));
-    }
-
-    onOptionSelect(event, option, index = -1) {
-        if (this.disabled || this.isOptionDisabled(option) || this.readonly) {
-            return;
-        }
-
-        event && this.onClick.emit({ originalEvent: event, option, value: this.value });
-
-        this.multiple ? this.onOptionSelectMultiple(event, option) : this.onOptionSelectSingle(event, option);
-        this.optionTouched = false;
-        index !== -1 && this.focusedOptionIndex.set(index);
-    }
-
-    onOptionSelectMultiple(event, option) {
-        let selected = this.isSelected(option);
-        let value = null;
-        let metaSelection = this.optionTouched ? false : this.metaKeySelection;
-
-        if (metaSelection) {
-            let metaKey = event.metaKey || event.ctrlKey;
-
-            if (selected) {
-                value = metaKey ? this.removeOption(option) : [this.getOptionValue(option)];
-            } else {
-                value = metaKey ? this.modelValue() || [] : [];
-                value = [...value, this.getOptionValue(option)];
-            }
-        } else {
-            value = selected ? this.removeOption(option) : [...(this.modelValue() || []), this.getOptionValue(option)];
-        }
-
-        this.updateModel(value, event);
-    }
-
-    onOptionSelectSingle(event, option) {
-        let selected = this.isSelected(option);
-        let valueChanged = false;
-        let value = null;
-        let metaSelection = this.optionTouched ? false : this.metaKeySelection;
-
-        if (metaSelection) {
-            let metaKey = event.metaKey || event.ctrlKey;
-
-            if (selected) {
-                if (metaKey) {
-                    value = null;
-                    valueChanged = true;
-                }
-            } else {
-                value = this.getOptionValue(option);
-                valueChanged = true;
-            }
-        } else {
-            value = selected ? null : this.getOptionValue(option);
-            valueChanged = true;
-        }
-
-        if (valueChanged) {
-            this.updateModel(value, event);
-        }
-    }
-
-    onOptionSelectRange(event, start = -1, end = -1) {
-        start === -1 && (start = this.findNearestSelectedOptionIndex(end, true));
-        end === -1 && (end = this.findNearestSelectedOptionIndex(start));
-
-        if (start !== -1 && end !== -1) {
-            const rangeStart = Math.min(start, end);
-            const rangeEnd = Math.max(start, end);
-            const value = this.visibleOptions()
-                .slice(rangeStart, rangeEnd + 1)
-                .filter((option) => this.isValidOption(option))
-                .map((option) => this.getOptionValue(option));
-
-            this.updateModel(value, event);
-        }
-    }
-
-    onToggleAll(event) {
-        if (this.disabled || this.readonly) {
-            return;
-        }
-        DomHandler.focus(this.headerCheckboxViewChild.nativeElement);
-
-        if (this.selectAll !== null) {
-            this.onSelectAllChange.emit({
-                originalEvent: event,
-                checked: !this.allSelected()
-            });
-        } else {
-            const value = this.allSelected()
-                ? []
-                : this.visibleOptions()
-                      .filter((option) => this.isValidOption(option))
-                      .map((option) => this.getOptionValue(option));
-
-            this.updateModel(value, event);
-        }
-
-        event.preventDefault();
-        // event.stopPropagation();
-    }
-
-    allSelected() {
-        return this.selectAll !== null ? this.selectAll : ObjectUtils.isNotEmpty(this.visibleOptions()) && this.visibleOptions().every((option) => this.isOptionGroup(option) || this.isOptionDisabled(option) || this.isSelected(option));
-    }
-
-    onOptionTouchEnd() {
-        if (this.disabled) {
-            return;
-        }
-
-        this.optionTouched = true;
-    }
-
-    onOptionMouseDown(event: MouseEvent, index: number) {
-        this.changeFocusedOptionIndex(event, index);
-    }
-
-    onOptionMouseEnter(event: MouseEvent, index: number) {
-        if (this.focusOnHover) {
-            this.changeFocusedOptionIndex(event, index);
-        }
-    }
-
-    onOptionDoubleClick(event: MouseEvent, option: any) {
-        if (this.disabled || this.isOptionDisabled(option) || this.readonly) {
-            return;
-        }
-
-        this.onDblClick.emit({
-            originalEvent: event,
-            option: option,
-            value: this.value
-        });
-    }
-
-    onFirstHiddenFocus(event: FocusEvent) {
-        DomHandler.focus(this.listViewChild.nativeElement);
-        const firstFocusableEl = DomHandler.getFirstFocusableElement(this.el.nativeElement, ':not([data-p-hidden-focusable="true"])');
-        this.lastHiddenFocusableElement.nativeElement.tabIndex = ObjectUtils.isEmpty(firstFocusableEl) ? '-1' : undefined;
-        this.firstHiddenFocusableElement.nativeElement.tabIndex = -1;
-    }
-
-    onLastHiddenFocus(event: FocusEvent) {
-        const relatedTarget = event.relatedTarget;
-
-        if (relatedTarget === this.listViewChild.nativeElement) {
-            const firstFocusableEl = DomHandler.getFirstFocusableElement(this.el.nativeElement, ':not(.p-hidden-focusable)');
-
-            DomHandler.focus(firstFocusableEl);
-            this.firstHiddenFocusableElement.nativeElement.tabIndex = undefined;
-        } else {
-            DomHandler.focus(this.firstHiddenFocusableElement.nativeElement);
-        }
-        this.lastHiddenFocusableElement.nativeElement.tabIndex = -1;
-    }
-
-    onFocusout(event: FocusEvent) {
-        if (!this.el.nativeElement.contains(event.relatedTarget) && this.lastHiddenFocusableElement && this.firstHiddenFocusableElement) {
-            this.firstHiddenFocusableElement.nativeElement.tabIndex = this.lastHiddenFocusableElement.nativeElement.tabIndex = undefined;
-            this.wrapperViewChild.nativeElement.tabIndex = '0';
-            this.scrollerTabIndex = '0';
-        }
-    }
-
-    onListFocus(event: FocusEvent) {
-        this.focused = true;
-        const focusedOptionIndex = this.focusedOptionIndex() !== -1 ? this.focusedOptionIndex() : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1;
-        this.focusedOptionIndex.set(focusedOptionIndex);
-        this.onFocus.emit(event);
-
-        this.wrapperViewChild.nativeElement.tabIndex = '-1';
-        this.scrollerTabIndex = '-1';
-    }
-
-    onListBlur(event: FocusEvent) {
-        this.focused = false;
-        this.focusedOptionIndex.set(-1);
-        this.startRangeIndex.set(-1);
-        this.searchValue = '';
-    }
-
-    onHeaderCheckboxFocus(event) {
-        this.headerCheckboxFocus = true;
-    }
-
-    onHeaderCheckboxBlur() {
-        this.headerCheckboxFocus = false;
-    }
-
-    onHeaderCheckboxKeyDown(event) {
-        if (this.disabled) {
-            event.preventDefault();
-
-            return;
-        }
-
-        switch (event.code) {
-            case 'Space':
-                this.onToggleAll(event);
-                break;
-            case 'Enter':
-                this.onToggleAll(event);
-                break;
-            case 'Tab':
-                this.onHeaderCheckboxTabKeyDown(event);
-                break;
-            default:
-                break;
-        }
-    }
-
-    onHeaderCheckboxTabKeyDown(event) {
-        DomHandler.focus(this.listViewChild.nativeElement);
-        event.preventDefault();
-    }
-
-    onFilterChange(event: KeyboardEvent) {
-        let value: string = (event.target as HTMLInputElement).value?.trim();
-        this._filterValue.set(value);
-        this.focusedOptionIndex.set(-1);
-        this.startRangeIndex.set(-1);
-        this.onFilter.emit({ originalEvent: event, filter: this._filterValue() });
-
-        !this.virtualScrollerDisabled && this.scroller.scrollToIndex(0);
-    }
-
-    onFilterFocus(event: FocusEvent) {
-        this.wrapperViewChild.nativeElement.tabIndex = '-1';
-    }
-
-    onFilterBlur(event: FocusEvent) {
-        this.focusedOptionIndex.set(-1);
-        this.startRangeIndex.set(-1);
-    }
-
-    onListKeyDown(event: KeyboardEvent) {
-        const metaKey = event.metaKey || event.ctrlKey;
-
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUpKey(event);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event);
-                break;
-
-            case 'End':
-                this.onEndKey(event);
-                break;
-
-            case 'PageDown':
-                this.onPageDownKey(event);
-                break;
-
-            case 'PageUp':
-                this.onPageUpKey(event);
-                break;
-
-            case 'Enter':
-            case 'Space':
-            case 'NumpadEnter':
-                this.onSpaceKey(event);
-                break;
-
-            case 'Tab':
-                //NOOP
-                break;
-
-            case 'ShiftLeft':
-            case 'ShiftRight':
-                this.onShiftKey();
-                break;
-
-            default:
-                if (this.multiple && event.code === 'KeyA' && metaKey) {
-                    const value = this.visibleOptions()
-                        .filter((option) => this.isValidOption(option))
-                        .map((option) => this.getOptionValue(option));
-
-                    this.updateModel(value, event);
-
-                    event.preventDefault();
-                    break;
-                }
-
-                if (!metaKey && ObjectUtils.isPrintableCharacter(event.key)) {
-                    this.searchOptions(event, event.key);
-                    event.preventDefault();
-                }
-
-                break;
-        }
-    }
-
-    onFilterKeyDown(event: KeyboardEvent) {
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUpKey(event);
-                break;
-
-            case 'ArrowLeft':
-            case 'ArrowRight':
-                this.onArrowLeftKey(event, true);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event, true);
-                break;
-
-            case 'End':
-                this.onEndKey(event, true);
-                break;
-
-            case 'Enter':
-                this.onEnterKey(event);
-                break;
-
-            case 'ShiftLeft':
-            case 'ShiftRight':
-                this.onShiftKey();
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    onArrowDownKey(event: KeyboardEvent) {
-        const optionIndex = this.focusedOptionIndex() !== -1 ? this.findNextOptionIndex(this.focusedOptionIndex()) : this.findFirstFocusedOptionIndex();
-
-        if (this.multiple && event.shiftKey) {
-            this.onOptionSelectRange(event, this.startRangeIndex(), optionIndex);
-        }
-
-        this.changeFocusedOptionIndex(event, optionIndex);
-        event.preventDefault();
-    }
-
-    onArrowUpKey(event: KeyboardEvent) {
-        const optionIndex = this.focusedOptionIndex() !== -1 ? this.findPrevOptionIndex(this.focusedOptionIndex()) : this.findLastFocusedOptionIndex();
-
-        if (this.multiple && event.shiftKey) {
-            this.onOptionSelectRange(event, optionIndex, this.startRangeIndex());
-        }
-
-        this.changeFocusedOptionIndex(event, optionIndex);
-        event.preventDefault();
-    }
-
-    onArrowLeftKey(event: KeyboardEvent, pressedInInputText = false) {
-        pressedInInputText && this.focusedOptionIndex.set(-1);
-    }
-
-    onHomeKey(event: KeyboardEvent, pressedInInputText: boolean = false) {
-        if (pressedInInputText) {
-            (event.currentTarget as HTMLInputElement).setSelectionRange(0, 0);
-            this.focusedOptionIndex.set(-1);
-        } else {
-            let metaKey = event.metaKey || event.ctrlKey;
-            let optionIndex = this.findFirstOptionIndex();
-
-            if (this.multiple && event.shiftKey && metaKey) {
-                this.onOptionSelectRange(event, optionIndex, this.startRangeIndex());
-            }
-
-            this.changeFocusedOptionIndex(event, optionIndex);
-        }
-
-        event.preventDefault();
-    }
-
-    onEndKey(event: KeyboardEvent, pressedInInputText: boolean = false) {
-        if (pressedInInputText) {
-            const target = event.currentTarget as HTMLInputElement;
-            const len = target.value.length;
-
-            target.setSelectionRange(len, len);
-            this.focusedOptionIndex.set(-1);
-        } else {
-            let metaKey = event.metaKey || event.ctrlKey;
-            let optionIndex = this.findLastOptionIndex();
-
-            if (this.multiple && event.shiftKey && metaKey) {
-                this.onOptionSelectRange(event, this.startRangeIndex(), optionIndex);
-            }
-
-            this.changeFocusedOptionIndex(event, optionIndex);
-        }
-
-        event.preventDefault();
-    }
-
-    onPageDownKey(event: KeyboardEvent) {
-        this.scrollInView(0);
-        event.preventDefault();
-    }
-
-    onPageUpKey(event: KeyboardEvent) {
-        this.scrollInView(this.visibleOptions().length - 1);
-        event.preventDefault();
-    }
-
-    onEnterKey(event) {
-        if (this.focusedOptionIndex() !== -1) {
-            if (this.multiple && event.shiftKey) this.onOptionSelectRange(event, this.focusedOptionIndex());
-            else this.onOptionSelect(event, this.visibleOptions()[this.focusedOptionIndex()]);
-        }
-
-        event.preventDefault();
-    }
-
-    onSpaceKey(event: KeyboardEvent) {
-        this.onEnterKey(event);
-    }
-
-    onShiftKey() {
-        const focusedOptionIndex = this.focusedOptionIndex();
-        this.startRangeIndex.set(focusedOptionIndex);
-    }
-
-    getOptionGroupChildren(optionGroup) {
-        return this.optionGroupChildren ? ObjectUtils.resolveFieldData(optionGroup, this.optionGroupChildren) : optionGroup.items;
-    }
-
-    getOptionGroupLabel(optionGroup: any) {
-        return this.optionGroupLabel ? ObjectUtils.resolveFieldData(optionGroup, this.optionGroupLabel) : optionGroup && optionGroup.label !== undefined ? optionGroup.label : optionGroup;
-    }
-
-    getOptionLabel(option) {
-        return this.optionLabel ? ObjectUtils.resolveFieldData(option, this.optionLabel) : option.label != undefined ? option.label : option;
-    }
-
-    getOptionIndex(index, scrollerOptions) {
-        return this.virtualScrollerDisabled ? index : scrollerOptions && scrollerOptions.getItemOptions(index)['index'];
-    }
-
-    getOptionValue(option: any) {
-        return this.optionValue ? ObjectUtils.resolveFieldData(option, this.optionValue) : !this.optionLabel && option && option.value !== undefined ? option.value : option;
-    }
-
-    getAriaPosInset(index: number) {
-        return (
-            (this.optionGroupLabel
-                ? index -
-                  this.visibleOptions()
-                      .slice(0, index)
-                      .filter((option) => this.isOptionGroup(option)).length
-                : index) + 1
-        );
-    }
-
-    hasSelectedOption() {
-        return ObjectUtils.isNotEmpty(this.modelValue());
-    }
-
-    isOptionGroup(option) {
-        return this.optionGroupLabel && option.optionGroup && option.group;
-    }
-
-    changeFocusedOptionIndex(event, index) {
-        if (this.focusedOptionIndex() !== index) {
-            this.focusedOptionIndex.set(index);
-            this.scrollInView();
-
-            if (this.selectOnFocus && !this.multiple) {
-                this.onOptionSelect(event, this.visibleOptions()[index]);
-            }
-        }
-    }
-
-    searchOptions(event, char) {
-        this.searchValue = (this.searchValue || '') + char;
-
-        let optionIndex = -1;
-        let matched = false;
-
-        if (this.focusedOptionIndex() !== -1) {
-            optionIndex = this.visibleOptions()
-                .slice(this.focusedOptionIndex())
-                .findIndex((option) => this.isOptionMatched(option));
-            optionIndex =
-                optionIndex === -1
-                    ? this.visibleOptions()
-                          .slice(0, this.focusedOptionIndex())
-                          .findIndex((option) => this.isOptionMatched(option))
-                    : optionIndex + this.focusedOptionIndex();
-        } else {
-            optionIndex = this.visibleOptions().findIndex((option) => this.isOptionMatched(option));
-        }
-
-        if (optionIndex !== -1) {
-            matched = true;
-        }
-
-        if (optionIndex === -1 && this.focusedOptionIndex() === -1) {
-            optionIndex = this.findFirstFocusedOptionIndex();
-        }
-
-        if (optionIndex !== -1) {
-            this.changeFocusedOptionIndex(event, optionIndex);
-        }
-
-        if (this.searchTimeout) {
-            clearTimeout(this.searchTimeout);
-        }
-
-        this.searchTimeout = setTimeout(() => {
-            this.searchValue = '';
-            this.searchTimeout = null;
-        }, 500);
-
-        return matched;
-    }
-
-    isOptionMatched(option) {
-        return this.isValidOption(option) && this.getOptionLabel(option).toLocaleLowerCase(this.filterLocale).startsWith(this.searchValue.toLocaleLowerCase(this.filterLocale));
-    }
-
-    scrollInView(index = -1) {
-        const id = index !== -1 ? `${this.id}_${index}` : this.focusedOptionId;
-        const element = DomHandler.findSingle(this.listViewChild.nativeElement, `li[id="${id}"]`);
-
-        if (element) {
-            element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-        } else if (!this.virtualScrollerDisabled) {
-            this.virtualScroll && this.scroller.scrollToIndex(index !== -1 ? index : this.focusedOptionIndex());
-        }
-    }
-
-    findFirstOptionIndex() {
-        return this.visibleOptions().findIndex((option) => this.isValidOption(option));
-    }
-
-    findLastOptionIndex() {
-        return ObjectUtils.findLastIndex(this.visibleOptions(), (option) => this.isValidOption(option));
-    }
-
-    findFirstFocusedOptionIndex() {
-        const selectedIndex = this.findFirstSelectedOptionIndex();
-
-        return selectedIndex < 0 ? this.findFirstOptionIndex() : selectedIndex;
-    }
-
-    findLastFocusedOptionIndex() {
-        const selectedIndex = this.findLastSelectedOptionIndex();
-
-        return selectedIndex < 0 ? this.findLastOptionIndex() : selectedIndex;
-    }
-
-    findLastSelectedOptionIndex() {
-        return this.hasSelectedOption() ? ObjectUtils.findLastIndex(this.visibleOptions(), (option) => this.isValidSelectedOption(option)) : -1;
-    }
-
-    findNextOptionIndex(index) {
-        const matchedOptionIndex =
-            index < this.visibleOptions().length - 1
-                ? this.visibleOptions()
-                      .slice(index + 1)
-                      .findIndex((option) => this.isValidOption(option))
-                : -1;
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index;
-    }
-
-    findNextSelectedOptionIndex(index) {
-        const matchedOptionIndex =
-            this.hasSelectedOption() && index < this.visibleOptions().length - 1
-                ? this.visibleOptions()
-                      .slice(index + 1)
-                      .findIndex((option) => this.isValidSelectedOption(option))
-                : -1;
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : -1;
-    }
-
-    findPrevSelectedOptionIndex(index) {
-        const matchedOptionIndex = this.hasSelectedOption() && index > 0 ? ObjectUtils.findLastIndex(this.visibleOptions().slice(0, index), (option) => this.isValidSelectedOption(option)) : -1;
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex : -1;
-    }
-
-    findFirstSelectedOptionIndex() {
-        return this.hasSelectedOption() ? this.visibleOptions().findIndex((option) => this.isValidSelectedOption(option)) : -1;
-    }
-
-    findPrevOptionIndex(index) {
-        const matchedOptionIndex = index > 0 ? ObjectUtils.findLastIndex(this.visibleOptions().slice(0, index), (option) => this.isValidOption(option)) : -1;
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex : index;
-    }
-
-    findNearestSelectedOptionIndex(index, firstCheckUp = false) {
-        let matchedOptionIndex = -1;
-
-        if (this.hasSelectedOption()) {
-            if (firstCheckUp) {
-                matchedOptionIndex = this.findPrevSelectedOptionIndex(index);
-                matchedOptionIndex = matchedOptionIndex === -1 ? this.findNextSelectedOptionIndex(index) : matchedOptionIndex;
-            } else {
-                matchedOptionIndex = this.findNextSelectedOptionIndex(index);
-                matchedOptionIndex = matchedOptionIndex === -1 ? this.findPrevSelectedOptionIndex(index) : matchedOptionIndex;
-            }
-        }
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex : index;
-    }
-
-    equalityKey() {
-        return this.optionValue ? null : this.dataKey;
-    }
-
-    isValidSelectedOption(option) {
-        return this.isValidOption(option) && this.isSelected(option);
-    }
-
-    isOptionDisabled(option: any) {
-        return this.optionDisabled ? ObjectUtils.resolveFieldData(option, this.optionDisabled) : false;
-    }
-
-    isSelected(option) {
-        const optionValue = this.getOptionValue(option);
-
-        if (this.multiple) return (this.modelValue() || []).some((value) => ObjectUtils.equals(value, optionValue, this.equalityKey()));
-        else return ObjectUtils.equals(this.modelValue(), optionValue, this.equalityKey());
-    }
-
-    isValidOption(option) {
-        return option && !(this.isOptionDisabled(option) || this.isOptionGroup(option));
-    }
-
-    isEmpty() {
-        return !this._options()?.length || !this.visibleOptions()?.length;
-    }
-
-    hasFilter() {
-        return this._filterValue() && this._filterValue().trim().length > 0;
-    }
-
-    resetFilter() {
-        if (this.filterViewChild && this.filterViewChild.nativeElement) {
-            this.filterViewChild.nativeElement.value = '';
-        }
-
-        this._filterValue.set(null);
-    }
-
-    ngOnDestroy() {
-        if (this.translationSubscription) {
-            this.translationSubscription.unsubscribe();
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, RippleModule, ScrollerModule, SearchIcon, CheckIcon],
-    exports: [Listbox, SharedModule, ScrollerModule],
-    declarations: [Listbox]
-})
-export class ListboxModule {}
diff --git a/src/app/components/listbox/ng-package.json b/src/app/components/listbox/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/listbox/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/listbox/public_api.ts b/src/app/components/listbox/public_api.ts
deleted file mode 100644
index 343d222..0000000
--- a/src/app/components/listbox/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './listbox';
-export * from './listbox.interface';
diff --git a/src/app/components/megamenu/megamenu.css b/src/app/components/megamenu/megamenu.css
deleted file mode 100644
index 7057b96..0000000
--- a/src/app/components/megamenu/megamenu.css
+++ /dev/null
@@ -1,108 +0,0 @@
-@layer primeng {
-    .p-megamenu-root-list {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-    }
-
-    .p-megamenu-root-list > .p-menuitem {
-        position: relative;
-    }
-
-    .p-megamenu .p-menuitem-link {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        text-decoration: none;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-megamenu .p-menuitem-text {
-        line-height: 1;
-    }
-
-    .p-megamenu-panel {
-        display: none;
-        position: absolute;
-        width: auto;
-        z-index: 1;
-    }
-
-    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
-        display: block;
-    }
-
-    .p-megamenu-submenu {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-    }
-
-    /* Horizontal */
-    .p-megamenu-horizontal {
-        align-items: center;
-    }
-
-    .p-megamenu-horizontal .p-megamenu-root-list {
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-    }
-
-    .p-megamenu-horizontal .p-megamenu-end {
-        margin-left: auto;
-        align-self: center;
-    }
-
-    /* Vertical */
-    .p-megamenu-vertical .p-megamenu-root-list {
-        flex-direction: column;
-    }
-
-    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
-        left: 100%;
-        top: 0;
-    }
-
-    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon:not(svg) {
-        margin-left: auto;
-    }
-
-    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-icon-wrapper {
-        margin-left: auto;
-    }
-
-    .p-megamenu-grid {
-        display: flex;
-    }
-
-    .p-megamenu-col-2,
-    .p-megamenu-col-3,
-    .p-megamenu-col-4,
-    .p-megamenu-col-6,
-    .p-megamenu-col-12 {
-        flex: 0 0 auto;
-        padding: 0.5rem;
-    }
-
-    .p-megamenu-col-2 {
-        width: 16.6667%;
-    }
-
-    .p-megamenu-col-3 {
-        width: 25%;
-    }
-
-    .p-megamenu-col-4 {
-        width: 33.3333%;
-    }
-
-    .p-megamenu-col-6 {
-        width: 50%;
-    }
-
-    .p-megamenu-col-12 {
-        width: 100%;
-    }
-}
diff --git a/src/app/components/megamenu/megamenu.interface.ts b/src/app/components/megamenu/megamenu.interface.ts
deleted file mode 100644
index 0497641..0000000
--- a/src/app/components/megamenu/megamenu.interface.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-
-/**
- * Defines valid templates in MegaMenu.
- * @group Templates
- */
-export interface MegaMenuTemplates {
-    /**
-     * Custom item template.
-     */
-    item(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: MenuItem;
-    }): TemplateRef<{ $implicit: MenuItem }>;
-    /**
-     * Custom template of start.
-     */
-    start(): TemplateRef<any>;
-    /**
-     * Custom template of submenuicon.
-     */
-    submenuicon(): TemplateRef<any>;
-    /**
-     * Custom template of end.
-     */
-    end(): TemplateRef<any>;
-}
diff --git a/src/app/components/megamenu/megamenu.spec.ts b/src/app/components/megamenu/megamenu.spec.ts
deleted file mode 100644
index 3206ba9..0000000
--- a/src/app/components/megamenu/megamenu.spec.ts
+++ /dev/null
@@ -1,544 +0,0 @@
-import { TestBed, ComponentFixture, fakeAsync, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { MegaMenu, MegaMenuModule } from './megamenu';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
-
-describe('MegaMenu', () => {
-    let megamenu: MegaMenu;
-    let fixture: ComponentFixture<MegaMenu>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [RouterTestingModule.withRoutes([{ path: 'test', component: MegaMenu }]), NoopAnimationsModule, MegaMenuModule]
-        });
-
-        fixture = TestBed.createComponent(MegaMenu);
-        megamenu = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const megaMenuEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(megaMenuEl).toBeTruthy();
-    });
-
-    it('should change style and styleClass', () => {
-        megamenu.style = { height: '300px' };
-        megamenu.styleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const megaMenuEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(megaMenuEl.className).toContain('Primeng ROCKS!');
-        expect(megaMenuEl.style.height).toContain('300px');
-    });
-
-    it('should horizontal by default', () => {
-        megamenu.model = [
-            {
-                label: 'TV',
-                icon: 'pi pi-fw pi-check',
-                items: [
-                    [
-                        {
-                            label: 'TV 1',
-                            items: [{ label: 'TV 1.1' }, { label: 'TV 1.2' }]
-                        },
-                        {
-                            label: 'TV 2',
-                            items: [{ label: 'TV 2.1' }, { label: 'TV 2.2' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'TV 3',
-                            items: [{ label: 'TV 3.1' }, { label: 'TV 3.2' }]
-                        },
-                        {
-                            label: 'TV 4',
-                            items: [{ label: 'TV 4.1' }, { label: 'TV 4.2' }]
-                        }
-                    ]
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const megaMenuEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        const iconEl = fixture.debugElement.query(By.css('a')).children[2].nativeElement;
-        expect(megaMenuEl.className).toContain('p-megamenu-horizontal');
-        expect(iconEl.tagName.toLowerCase()).toEqual('angledownicon');
-    });
-
-    it('should change orientation', () => {
-        megamenu.orientation = 'vertical';
-        megamenu.model = [
-            {
-                label: 'TV',
-                icon: 'pi pi-fw pi-check',
-                items: [
-                    [
-                        {
-                            label: 'TV 1',
-                            items: [{ label: 'TV 1.1' }, { label: 'TV 1.2' }]
-                        },
-                        {
-                            label: 'TV 2',
-                            items: [{ label: 'TV 2.1' }, { label: 'TV 2.2' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'TV 3',
-                            items: [{ label: 'TV 3.1' }, { label: 'TV 3.2' }]
-                        },
-                        {
-                            label: 'TV 4',
-                            items: [{ label: 'TV 4.1' }, { label: 'TV 4.2' }]
-                        }
-                    ]
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const megaMenuEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        const iconEl = fixture.debugElement.query(By.css('a')).children[2].nativeElement;
-        const menuItemCustomEl = fixture.debugElement.query(By.css('.p-menuitem.p-menuitem-custom'));
-        expect(megaMenuEl.className).toContain('p-megamenu-vertical');
-        expect(iconEl.tagName.toLowerCase()).toEqual('anglerighticon');
-        expect(menuItemCustomEl).toBeFalsy();
-    });
-
-    it('should call onItemMouseEnter twice and call', () => {
-        megamenu.model = [
-            {
-                label: 'TV',
-                icon: 'pi pi-fw pi-check',
-                items: [
-                    [
-                        {
-                            label: 'TV 1',
-                            items: [{ label: 'TV 1.1' }, { label: 'TV 1.2' }]
-                        },
-                        {
-                            label: 'TV 2',
-                            items: [{ label: 'TV 2.1' }, { label: 'TV 2.2' }]
-                        }
-                    ]
-                ]
-            },
-            {
-                label: 'Sports',
-                icon: 'pi pi-fw pi-soccer-ball-o',
-                items: [
-                    [
-                        {
-                            label: 'Sports 1',
-                            items: [{ label: 'Sports 1.1' }, { label: 'Sports 1.2' }]
-                        },
-                        {
-                            label: 'Sports 2',
-                            items: [{ label: 'Sports 2.1' }, { label: 'Sports 2.2' }]
-                        }
-                    ]
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const tvEl = fixture.debugElement.query(By.css('ul')).children[0].nativeElement;
-        const submenuEl = fixture.debugElement.query(By.css('.p-megamenu-grid')).queryAll(By.css('ul'));
-        const event = new Event('mouseenter');
-        tvEl.dispatchEvent(event);
-        fixture.detectChanges();
-
-        megamenu.cd.detectChanges();
-        const tv1HeaderEl = submenuEl[0].query(By.css('.p-megamenu-submenu-header')).nativeElement;
-        const tv1FirstItemLabelEl = submenuEl[0].query(By.css('.p-menuitem-text')).nativeElement;
-        expect(submenuEl.length).toEqual(2);
-        expect(tv1HeaderEl.textContent).toContain('TV 1');
-        expect(tv1FirstItemLabelEl.textContent).toContain('TV 1.1');
-    });
-
-    it('should  call itemClick ', () => {
-        megamenu.model = [
-            {
-                label: 'TV',
-                icon: 'pi pi-fw pi-check',
-                items: [
-                    [
-                        {
-                            label: 'TV 1',
-                            items: [{ label: 'TV 1.1' }, { label: 'TV 1.2' }]
-                        },
-                        {
-                            label: 'TV 2',
-                            items: [{ label: 'TV 2.1' }, { label: 'TV 2.2' }]
-                        }
-                    ]
-                ]
-            },
-            {
-                label: 'Sports',
-                icon: 'pi pi-fw pi-soccer-ball-o',
-                items: [
-                    [
-                        {
-                            label: 'Sports 1',
-                            items: [{ label: 'Sports 1.1' }, { label: 'Sports 1.2' }]
-                        },
-                        {
-                            label: 'Sports 2',
-                            items: [{ label: 'Sports 2.1' }, { label: 'Sports 2.2' }]
-                        }
-                    ]
-                ]
-            }
-        ];
-        const itemClickSpy = spyOn(megamenu, 'onItemClick').and.callThrough();
-        fixture.detectChanges();
-
-        const tvEl = fixture.debugElement.query(By.css('ul')).children[0].nativeElement;
-        const submenuEl = fixture.debugElement.query(By.css('.p-megamenu-grid')).queryAll(By.css('ul'));
-        const event = new Event('mouseenter');
-        tvEl.dispatchEvent(event);
-        fixture.detectChanges();
-
-        const tv1FirstItemEl = submenuEl[0].query(By.css('a')).nativeElement;
-        tv1FirstItemEl.click();
-        fixture.detectChanges();
-
-        expect(itemClickSpy).toHaveBeenCalled();
-        expect(megamenu.activeItem()).toEqual(null);
-    });
-
-    it("shouldn't  call itemClick ", () => {
-        megamenu.orientation = 'vertical';
-        megamenu.model = [
-            {
-                label: 'TV',
-                icon: 'pi pi-fw pi-check',
-                items: [
-                    [
-                        {
-                            label: 'TV 1',
-                            items: [{ label: 'TV 1.1', disabled: true }, { label: 'TV 1.2' }]
-                        },
-                        {
-                            label: 'TV 2',
-                            items: [{ label: 'TV 2.1' }, { label: 'TV 2.2' }]
-                        }
-                    ]
-                ]
-            },
-            {
-                label: 'Sports',
-                icon: 'pi pi-fw pi-soccer-ball-o',
-                items: [
-                    [
-                        {
-                            label: 'Sports 1',
-                            items: [{ label: 'Sports 1.1' }, { label: 'Sports 1.2' }]
-                        },
-                        {
-                            label: 'Sports 2',
-                            items: [{ label: 'Sports 2.1' }, { label: 'Sports 2.2' }]
-                        }
-                    ]
-                ]
-            }
-        ];
-        const itemClickSpy = spyOn(megamenu, 'onItemClick').and.callThrough();
-        fixture.detectChanges();
-
-        const tvEl = fixture.debugElement.query(By.css('ul')).children[0].nativeElement;
-        const submenuEl = fixture.debugElement.query(By.css('.p-megamenu-grid')).queryAll(By.css('ul'));
-        const event = new Event('mouseenter');
-        tvEl.dispatchEvent(event);
-        fixture.detectChanges();
-
-        const tv1FirstItemEl = submenuEl[0].query(By.css('a')).nativeElement;
-        tv1FirstItemEl.click();
-        fixture.detectChanges();
-
-        expect(itemClickSpy).toHaveBeenCalled();
-        expect(megamenu.activeItem).not.toEqual(null);
-    });
-
-    it("shouldn't  call itemClick ", () => {
-        let item;
-        megamenu.model = [
-            {
-                label: 'TV',
-                icon: 'pi pi-fw pi-check',
-                items: [
-                    [
-                        {
-                            label: 'TV 1',
-                            items: [
-                                {
-                                    label: 'TV 1.1',
-                                    command: (event) => {
-                                        item = event.item;
-                                    }
-                                },
-                                { label: 'TV 1.2' }
-                            ]
-                        },
-                        {
-                            label: 'TV 2',
-                            items: [{ label: 'TV 2.1' }, { label: 'TV 2.2' }]
-                        }
-                    ]
-                ]
-            },
-            {
-                label: 'Sports',
-                icon: 'pi pi-fw pi-soccer-ball-o',
-                items: [
-                    [
-                        {
-                            label: 'Sports 1',
-                            items: [{ label: 'Sports 1.1' }, { label: 'Sports 1.2' }]
-                        },
-                        {
-                            label: 'Sports 2',
-                            items: [{ label: 'Sports 2.1' }, { label: 'Sports 2.2' }]
-                        }
-                    ]
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const tvEl = fixture.debugElement.query(By.css('ul')).children[0].nativeElement;
-        const submenuEl = fixture.debugElement.query(By.css('.p-megamenu-grid')).queryAll(By.css('ul'));
-        const event = new Event('mouseenter');
-        tvEl.dispatchEvent(event);
-        fixture.detectChanges();
-
-        const tv1FirstItemEl = submenuEl[0].query(By.css('a')).nativeElement;
-        tv1FirstItemEl.click();
-        fixture.detectChanges();
-
-        expect(item.label).toEqual('TV 1.1');
-    });
-
-    it('should item get p-megamenu-col-4', () => {
-        megamenu.model = [
-            {
-                label: 'TVV',
-                icon: 'pi pi-fw pi-check',
-                items: [
-                    [
-                        {
-                            label: 'TV 1',
-                            items: [{ label: 'TV 1.1' }, { label: 'TV 1.2' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'TV 2',
-                            items: [{ label: 'TV 2.1' }, { label: 'TV 2.2' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'TV 3',
-                            items: [{ label: 'TV 3.1' }, { label: 'TV 3.2' }]
-                        }
-                    ]
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        let tvEl = fixture.debugElement.query(By.css('ul')).children[0].nativeElement;
-        let event = new Event('mouseenter');
-        tvEl.dispatchEvent(event);
-        fixture.detectChanges();
-
-        let tv1Div = fixture.debugElement.query(By.css('.p-megamenu-grid')).query(By.css('div')).nativeElement;
-        fixture.detectChanges();
-
-        expect(tv1Div.className).toContain('p-megamenu-col-4');
-    });
-
-    it('should item get p-megamenu-col-6', () => {
-        megamenu.model = [
-            {
-                label: 'TVV',
-                icon: 'pi pi-fw pi-check',
-                items: [
-                    [
-                        {
-                            label: 'Video 1',
-                            items: [{ label: 'Video 1.1' }, { label: 'Video 1.2' }]
-                        },
-                        {
-                            label: 'Video 2',
-                            items: [{ label: 'Video 2.1' }, { label: 'Video 2.2' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Video 3',
-                            items: [{ label: 'Video 3.1' }, { label: 'Video 3.2' }]
-                        },
-                        {
-                            label: 'Video 4',
-                            items: [{ label: 'Video 4.1' }, { label: 'Video 4.2' }]
-                        }
-                    ]
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        let tvEl = fixture.debugElement.query(By.css('ul')).children[0].nativeElement;
-        let event = new Event('mouseenter');
-        tvEl.dispatchEvent(event);
-        fixture.detectChanges();
-
-        let tv1Div = fixture.debugElement.query(By.css('.p-megamenu-grid')).query(By.css('div')).nativeElement;
-        fixture.detectChanges();
-
-        expect(tv1Div.className).toContain('p-megamenu-col-6');
-    });
-
-    it('should item get p-megamenu-col-2', () => {
-        megamenu.model = [
-            {
-                label: 'TVV',
-                icon: 'pi pi-fw pi-check',
-                items: [
-                    [
-                        {
-                            label: 'TV 1',
-                            items: [{ label: 'TV 1.1' }, { label: 'TV 1.2' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'TV 2',
-                            items: [{ label: 'TV 2.1' }, { label: 'TV 2.2' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'TV 3',
-                            items: [{ label: 'TV 3.1' }, { label: 'TV 3.2' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'TV 4',
-                            items: [{ label: 'TV 4.1' }, { label: 'TV 4.2' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'TV 5',
-                            items: [{ label: 'TV 5.1' }, { label: 'TV 5.2' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'TV 6',
-                            items: [{ label: 'TV 6.1' }, { label: 'TV 6.2' }]
-                        }
-                    ]
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        let tvEl = fixture.debugElement.query(By.css('ul')).children[0].nativeElement;
-        let event = new Event('mouseenter');
-        tvEl.dispatchEvent(event);
-        fixture.detectChanges();
-
-        let tv1Div = fixture.debugElement.query(By.css('.p-megamenu-grid')).query(By.css('div')).nativeElement;
-        fixture.detectChanges();
-
-        expect(tv1Div.className).toContain('p-megamenu-col-2');
-    });
-
-    it('should move to the next item onKeyboardArrowKeyDown', () => {
-        megamenu.model = [
-            {
-                label: 'TV',
-                icon: 'pi pi-fw pi-check',
-                items: [
-                    [
-                        {
-                            label: 'TV 1',
-                            items: [{ label: 'TV 1.1' }, { label: 'TV 1.2' }]
-                        },
-                        {
-                            label: 'TV 2',
-                            items: [{ label: 'TV 2.1' }, { label: 'TV 2.2' }]
-                        }
-                    ]
-                ]
-            },
-            {
-                label: 'Sports',
-                icon: 'pi pi-fw pi-soccer-ball-o',
-                items: [
-                    [
-                        {
-                            label: 'Sports 1',
-                            items: [{ label: 'Sports 1.1' }, { label: 'Sports 1.2' }]
-                        },
-                        {
-                            label: 'Sports 2',
-                            items: [{ label: 'Sports 2.1' }, { label: 'Sports 2.2' }]
-                        }
-                    ]
-                ]
-            }
-        ];
-
-        const onArrowDownKeySpy = spyOn(megamenu, 'onArrowDownKey').and.callThrough();
-
-        //focus on menu
-        megamenu.onMenuFocus(new Event(''));
-        fixture.detectChanges();
-
-        const parentMenuEl = fixture.debugElement.query(By.css('.p-megamenu-root-list'));
-        const tvEl = parentMenuEl.children[0];
-
-        expect(megamenu.focusedItemInfo().index).toBe(0);
-        expect(megamenu.focusedItemInfo().parentKey).toBe('');
-        expect(megamenu.focusedItemInfo().item.label).toBe('TV');
-        expect(tvEl.attributes['aria-expanded']).toBe('false');
-
-        //simulate keyboard arrow down key press
-        const event = new KeyboardEvent('keydown', { key: 'ArrowDown', code: 'ArrowDown' });
-        parentMenuEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(onArrowDownKeySpy).toHaveBeenCalled();
-        expect(megamenu.focusedItemInfo().index).toBe(0);
-        expect(megamenu.focusedItemInfo().parentKey).toBe('0_0_0');
-        expect(megamenu.focusedItemInfo().item.label).toBe('TV 1.1');
-        expect(tvEl.attributes['aria-expanded']).toBe('true');
-
-        //keyboard arrow down key press again
-        parentMenuEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-        expect(megamenu.focusedItemInfo().index).toBe(1);
-        expect(megamenu.focusedItemInfo().parentKey).toBe('0_0_0');
-        expect(megamenu.focusedItemInfo().item.label).toBe('TV 1.2');
-
-        //keyboard arrow down key press again
-        parentMenuEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-        expect(megamenu.focusedItemInfo().index).toBe(2);
-        expect(megamenu.focusedItemInfo().parentKey).toBe('0_0_1');
-        expect(megamenu.focusedItemInfo().item.label).toBe('TV 2.1');
-    });
-});
diff --git a/src/app/components/megamenu/megamenu.ts b/src/app/components/megamenu/megamenu.ts
deleted file mode 100644
index 972897d..0000000
--- a/src/app/components/megamenu/megamenu.ts
+++ /dev/null
@@ -1,1090 +0,0 @@
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    OnDestroy,
-    OnInit,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    effect,
-    forwardRef,
-    numberAttribute,
-    signal
-} from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { MegaMenuItem, PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { AngleDownIcon } from 'primeng/icons/angledown';
-import { AngleRightIcon } from 'primeng/icons/angleright';
-import { RippleModule } from 'primeng/ripple';
-import { TooltipModule } from 'primeng/tooltip';
-import { VoidListener } from 'primeng/ts-helpers';
-import { ObjectUtils, UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'p-megaMenuSub',
-    template: `
-        <ul
-            *ngIf="isSubmenuVisible(submenu)"
-            #menubar
-            [ngClass]="{ 'p-megamenu-root-list': root, 'p-submenu-list p-megamenu-submenu': !root }"
-            [attr.role]="root ? 'menubar' : 'menu'"
-            [attr.id]="id"
-            [attr.aria-orientation]="orientation"
-            [tabindex]="tabindex"
-            [attr.aria-activedescendant]="focusedItemId"
-            [attr.data-pc-section]="root ? 'root' : 'submenu'"
-            (keydown)="menuKeydown.emit($event)"
-            (focus)="menuFocus.emit($event)"
-            (blur)="menuBlur.emit($event)"
-        >
-            <li *ngIf="submenu" [ngClass]="getSubmenuHeaderClass(submenu)" [ngStyle]="getItemProp(submenu, 'style')" role="presentation">{{ getItemLabel(submenu) }}</li>
-            <ng-template ngFor let-processedItem [ngForOf]="items" let-index="index">
-                <li
-                    *ngIf="isItemVisible(processedItem) && getItemProp(processedItem, 'separator')"
-                    [attr.id]="getItemId(processedItem)"
-                    [ngStyle]="getItemProp(processedItem, 'style')"
-                    [ngClass]="getSeparatorItemClass(processedItem)"
-                    role="separator"
-                    [attr.data-pc-section]="'separator'"
-                ></li>
-                <li
-                    #listItem
-                    *ngIf="isItemVisible(processedItem) && !getItemProp(processedItem, 'separator')"
-                    role="menuitem"
-                    [attr.id]="getItemId(processedItem)"
-                    [attr.data-pc-section]="'menuitem'"
-                    [attr.data-p-highlight]="isItemActive(processedItem)"
-                    [attr.data-p-focused]="isItemFocused(processedItem)"
-                    [attr.data-p-disabled]="isItemDisabled(processedItem)"
-                    [attr.aria-label]="getItemLabel(processedItem)"
-                    [attr.aria-disabled]="isItemDisabled(processedItem) || undefined"
-                    [attr.aria-haspopup]="isItemGroup(processedItem) && !getItemProp(processedItem, 'to') ? 'menu' : undefined"
-                    [attr.aria-expanded]="isItemGroup(processedItem) ? isItemActive(processedItem) : undefined"
-                    [attr.aria-level]="level + 1"
-                    [attr.aria-setsize]="getAriaSetSize()"
-                    [attr.aria-posinset]="getAriaPosInset(index)"
-                    [ngStyle]="getItemProp(processedItem, 'style')"
-                    [ngClass]="getItemClass(processedItem)"
-                    [class]="getItemProp(processedItem, 'styleClass')"
-                    pTooltip
-                    [tooltipOptions]="getItemProp(processedItem, 'tooltipOptions')"
-                >
-                    <div class="p-menuitem-content" [attr.data-pc-section]="'content'" (click)="onItemClick($event, processedItem)" (mouseenter)="onItemMouseEnter({ $event, processedItem })">
-                        <ng-container *ngIf="!itemTemplate">
-                            <a
-                                *ngIf="!getItemProp(processedItem, 'routerLink')"
-                                [attr.href]="getItemProp(processedItem, 'url')"
-                                [attr.data-automationid]="getItemProp(processedItem, 'automationId')"
-                                [attr.data-pc-section]="'action'"
-                                [target]="getItemProp(processedItem, 'target')"
-                                [ngClass]="{ 'p-menuitem-link': true, 'p-disabled': getItemProp(processedItem, 'disabled') }"
-                                [attr.tabindex]="-1"
-                                pRipple
-                            >
-                                <span
-                                    *ngIf="getItemProp(processedItem, 'icon')"
-                                    class="p-menuitem-icon"
-                                    [ngClass]="getItemProp(processedItem, 'icon')"
-                                    [ngStyle]="getItemProp(processedItem, 'iconStyle')"
-                                    [attr.data-pc-section]="'icon'"
-                                    [attr.tabindex]="-1"
-                                >
-                                </span>
-                                <span *ngIf="getItemProp(processedItem, 'escape'); else htmlLabel" class="p-menuitem-text" [attr.data-pc-section]="'label'">
-                                    {{ getItemLabel(processedItem) }}
-                                </span>
-                                <ng-template #htmlLabel>
-                                    <span class="p-menuitem-text" [innerHTML]="getItemLabel(processedItem)" [attr.data-pc-section]="'label'"></span>
-                                </ng-template>
-                                <span class="p-menuitem-badge" *ngIf="getItemProp(processedItem, 'badge')" [ngClass]="getItemProp(processedItem, 'badgeStyleClass')">{{ getItemProp(processedItem, 'badge') }}</span>
-
-                                <ng-container *ngIf="isItemGroup(processedItem)">
-                                    <ng-container *ngIf="!megaMenu.submenuIconTemplate">
-                                        <AngleDownIcon [styleClass]="'p-submenu-icon'" [attr.data-pc-section]="'submenuicon'" *ngIf="orientation === 'horizontal'" />
-                                        <AngleRightIcon [styleClass]="'p-submenu-icon'" [attr.data-pc-section]="'submenuicon'" *ngIf="orientation === 'vertical'" />
-                                    </ng-container>
-                                    <ng-template *ngTemplateOutlet="megaMenu.submenuIconTemplate" [attr.data-pc-section]="'submenuicon'"></ng-template>
-                                </ng-container>
-                            </a>
-                            <a
-                                *ngIf="getItemProp(processedItem, 'routerLink')"
-                                [routerLink]="getItemProp(processedItem, 'routerLink')"
-                                [attr.data-automationid]="getItemProp(processedItem, 'automationId')"
-                                [attr.tabindex]="-1"
-                                [attr.data-pc-section]="'action'"
-                                [queryParams]="getItemProp(processedItem, 'queryParams')"
-                                [routerLinkActive]="'p-menuitem-link-active'"
-                                [routerLinkActiveOptions]="getItemProp(processedItem, 'routerLinkActiveOptions') || { exact: false }"
-                                [target]="getItemProp(processedItem, 'target')"
-                                [ngClass]="{ 'p-menuitem-link': true, 'p-disabled': getItemProp(processedItem, 'disabled') }"
-                                [fragment]="getItemProp(processedItem, 'fragment')"
-                                [queryParamsHandling]="getItemProp(processedItem, 'queryParamsHandling')"
-                                [preserveFragment]="getItemProp(processedItem, 'preserveFragment')"
-                                [skipLocationChange]="getItemProp(processedItem, 'skipLocationChange')"
-                                [replaceUrl]="getItemProp(processedItem, 'replaceUrl')"
-                                [state]="getItemProp(processedItem, 'state')"
-                                pRipple
-                            >
-                                <span
-                                    class="p-menuitem-icon"
-                                    *ngIf="getItemProp(processedItem, 'icon')"
-                                    [ngClass]="getItemProp(processedItem, 'icon')"
-                                    [ngStyle]="getItemProp(processedItem, 'iconStyle')"
-                                    [attr.data-pc-section]="'icon'"
-                                    [attr.tabindex]="-1"
-                                ></span>
-                                <span class="p-menuitem-text" *ngIf="getItemProp(processedItem, 'escape'); else htmlRouteLabel">{{ getItemLabel(processedItem) }}</span>
-                                <ng-template #htmlRouteLabel><span class="p-menuitem-text" [innerHTML]="getItemLabel(processedItem)" [attr.data-pc-section]="'label'"></span></ng-template>
-                                <span class="p-menuitem-badge" *ngIf="getItemProp(processedItem, 'badge')" [ngClass]="getItemProp(processedItem, 'badgeStyleClass')">{{ getItemProp(processedItem, 'badge') }}</span>
-                                <ng-container *ngIf="isItemGroup(processedItem)">
-                                    <ng-container *ngIf="!megaMenu.submenuIconTemplate">
-                                        <AngleDownIcon [styleClass]="'p-submenu-icon'" [attr.data-pc-section]="'submenuicon'" *ngIf="orientation === 'horizontal'" />
-                                        <AngleRightIcon [styleClass]="'p-submenu-icon'" [attr.data-pc-section]="'submenuicon'" *ngIf="orientation === 'vertical'" />
-                                    </ng-container>
-                                    <ng-template *ngTemplateOutlet="megaMenu.submenuIconTemplate" [attr.data-pc-section]="'submenuicon'"></ng-template>
-                                </ng-container>
-                            </a>
-                        </ng-container>
-                        <ng-container *ngIf="itemTemplate">
-                            <ng-template *ngTemplateOutlet="itemTemplate; context: { $implicit: processedItem.item }"></ng-template>
-                        </ng-container>
-                    </div>
-                    <div *ngIf="isItemVisible(processedItem) && isItemGroup(processedItem)" class="p-megamenu-panel" [attr.data-pc-section]="'panel'">
-                        <div class="p-megamenu-grid" [attr.data-pc-section]="'grid'">
-                            <div *ngFor="let col of processedItem.items" [ngClass]="getColumnClass(processedItem)">
-                                <p-megaMenuSub
-                                    *ngFor="let submenu of col"
-                                    [id]="getSubListId(submenu)"
-                                    [submenu]="submenu"
-                                    [items]="submenu.items"
-                                    [itemTemplate]="itemTemplate"
-                                    [menuId]="menuId"
-                                    [focusedItemId]="focusedItemId"
-                                    [level]="level + 1"
-                                    [root]="false"
-                                    (itemClick)="itemClick.emit($event)"
-                                    (itemMouseEnter)="onItemMouseEnter($event)"
-                                >
-                                </p-megaMenuSub>
-                            </div>
-                        </div>
-                    </div>
-                </li>
-            </ng-template>
-        </ul>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class MegaMenuSub {
-    @Input() id: string | undefined;
-
-    @Input() items: any[] | undefined;
-
-    @Input() itemTemplate: HTMLElement | undefined;
-
-    @Input() menuId: string | undefined;
-
-    @Input() ariaLabel: string | undefined;
-
-    @Input() ariaLabelledBy: string | undefined;
-
-    @Input({ transform: numberAttribute }) level: number = 0;
-
-    @Input() focusedItemId: string | undefined;
-
-    @Input({ transform: booleanAttribute }) disabled: boolean = false;
-
-    @Input() orientation: string | undefined;
-
-    @Input() activeItem: any;
-
-    @Input() submenu: any;
-
-    @Input({ transform: numberAttribute }) tabindex: number = 0;
-
-    @Input({ transform: booleanAttribute }) root: boolean = false;
-
-    @Output() itemClick: EventEmitter<any> = new EventEmitter();
-
-    @Output() itemMouseEnter: EventEmitter<any> = new EventEmitter();
-
-    @Output() menuFocus: EventEmitter<any> = new EventEmitter();
-
-    @Output() menuBlur: EventEmitter<any> = new EventEmitter();
-
-    @Output() menuKeydown: EventEmitter<any> = new EventEmitter();
-
-    @ViewChild('menubar', { static: true }) menubarViewChild: ElementRef;
-
-    constructor(
-        public el: ElementRef,
-        @Inject(forwardRef(() => MegaMenu)) public megaMenu: MegaMenu
-    ) {}
-
-    onItemClick(event: any, processedItem: any) {
-        this.getItemProp(processedItem, 'command', { originalEvent: event, item: processedItem.item });
-        this.itemClick.emit({ originalEvent: event, processedItem, isFocus: true });
-    }
-
-    getItemProp(processedItem: any, name: string, params: any | null = null) {
-        return processedItem && processedItem.item ? ObjectUtils.getItemValue(processedItem.item[name], params) : undefined;
-    }
-
-    getItemId(processedItem: any): string {
-        return processedItem.item && processedItem.item?.id ? processedItem.item.id : `${this.menuId}_${processedItem.key}`;
-    }
-
-    getSubListId(processedItem) {
-        return `${this.getItemId(processedItem)}_list`;
-    }
-
-    getItemClass(processedItem: any) {
-        return {
-            ...this.getItemProp(processedItem, 'class'),
-            'p-menuitem': true,
-            'p-menuitem-active p-highlight': this.isItemActive(processedItem),
-            'p-focus': this.isItemFocused(processedItem),
-            'p-disabled': this.isItemDisabled(processedItem)
-        };
-    }
-
-    getItemLabel(processedItem: any): string {
-        return this.getItemProp(processedItem, 'label');
-    }
-
-    getSeparatorItemClass(processedItem: any) {
-        return {
-            ...this.getItemProp(processedItem, 'class'),
-            'p-menuitem-separator': true
-        };
-    }
-
-    getColumnClass(processedItem) {
-        let length = this.isItemGroup(processedItem) ? processedItem.items.length : 0;
-        let columnClass;
-
-        switch (length) {
-            case 2:
-                columnClass = 'p-megamenu-col-6';
-                break;
-
-            case 3:
-                columnClass = 'p-megamenu-col-4';
-                break;
-
-            case 4:
-                columnClass = 'p-megamenu-col-3';
-                break;
-
-            case 6:
-                columnClass = 'p-megamenu-col-2';
-                break;
-
-            default:
-                columnClass = 'p-megamenu-col-12';
-                break;
-        }
-
-        return columnClass;
-    }
-
-    getSubmenuHeaderClass(processedItem) {
-        return {
-            'p-megamenu-submenu-header p-submenu-header': true,
-            'p-disabled': this.isItemDisabled(processedItem),
-            ...this.getItemProp(processedItem, 'class')
-        };
-    }
-
-    isSubmenuVisible(submenu: any) {
-        if (this.submenu && !this.root) {
-            return this.isItemVisible(submenu);
-        } else {
-            return true;
-        }
-    }
-
-    isItemVisible(processedItem: any): boolean {
-        return this.getItemProp(processedItem, 'visible') !== false;
-    }
-
-    isItemActive(processedItem) {
-        return ObjectUtils.isNotEmpty(this.activeItem) ? this.activeItem.key === processedItem.key : false;
-    }
-
-    isItemDisabled(processedItem: any): boolean {
-        return this.getItemProp(processedItem, 'disabled');
-    }
-
-    isItemFocused(processedItem: any): boolean {
-        return this.focusedItemId === this.getItemId(processedItem);
-    }
-
-    isItemGroup(processedItem: any): boolean {
-        return ObjectUtils.isNotEmpty(processedItem.items);
-    }
-
-    getAriaSetSize() {
-        return this.items.filter((processedItem) => this.isItemVisible(processedItem) && !this.getItemProp(processedItem, 'separator')).length;
-    }
-
-    getAriaPosInset(index: number) {
-        return index - this.items.slice(0, index).filter((processedItem) => this.isItemVisible(processedItem) && this.getItemProp(processedItem, 'separator')).length + 1;
-    }
-
-    onItemMouseEnter(param: any) {
-        const { event, processedItem } = param;
-        this.itemMouseEnter.emit({ originalEvent: event, processedItem });
-    }
-}
-/**
- * MegaMenu is navigation component that displays submenus together.
- * @group Components
- */
-@Component({
-    selector: 'p-megaMenu',
-    template: `
-        <div
-            [ngClass]="{ 'p-megamenu p-component': true, 'p-megamenu-horizontal': orientation == 'horizontal', 'p-megamenu-vertical': orientation == 'vertical' }"
-            [class]="styleClass"
-            [ngStyle]="style"
-            [attr.data-pc-section]="'root'"
-            [attr.data-pc-name]="'megamenu'"
-            [attr.id]="id"
-        >
-            <div class="p-megamenu-start" *ngIf="startTemplate">
-                <ng-container *ngTemplateOutlet="startTemplate"></ng-container>
-            </div>
-            <p-megaMenuSub
-                #rootmenu
-                [itemTemplate]="itemTemplate"
-                [items]="processedItems"
-                [attr.id]="id + '_list'"
-                [menuId]="id"
-                [root]="true"
-                [orientation]="orientation"
-                [ariaLabel]="ariaLabel"
-                [disabled]="disabled"
-                [tabindex]="!disabled ? tabindex : -1"
-                [activeItem]="activeItem()"
-                [level]="0"
-                [ariaLabelledBy]="ariaLabelledBy"
-                [focusedItemId]="focused ? focusedItemId : undefined"
-                (itemClick)="onItemClick($event)"
-                (menuFocus)="onMenuFocus($event)"
-                (menuBlur)="onMenuBlur($event)"
-                (menuKeydown)="onKeyDown($event)"
-                (itemMouseEnter)="onItemMouseEnter($event)"
-            ></p-megaMenuSub>
-            <div class="p-megamenu-end" *ngIf="endTemplate; else legacy">
-                <ng-container *ngTemplateOutlet="endTemplate"></ng-container>
-            </div>
-            <ng-template #legacy>
-                <div class="p-megamenu-end">
-                    <ng-content></ng-content>
-                </div>
-            </ng-template>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./megamenu.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class MegaMenu implements AfterContentInit, OnDestroy, OnInit {
-    /**
-     * An array of menuitems.
-     * @group Props
-     */
-    @Input() set model(value: MegaMenuItem[] | undefined) {
-        this._model = value;
-        this._processedItems = this.createProcessedItems(this._model || []);
-    }
-    get model(): MegaMenuItem[] | undefined {
-        return this._model;
-    }
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Defines the orientation.
-     * @group Props
-     */
-    @Input() orientation: 'horizontal' | 'vertical' | string = 'horizontal';
-    /**
-     * Current id state as a string.
-     * @group Props
-     */
-    @Input() id: string | undefined;
-    /**
-     * Defines a string value that labels an interactive element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Identifier of the underlying input element.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * When present, it specifies that the component should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean = false;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number = 0;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    @ViewChild('menubutton') menubutton: ElementRef | undefined;
-
-    @ViewChild('rootmenu') rootmenu: MegaMenuSub | undefined;
-
-    startTemplate: TemplateRef<any> | undefined;
-
-    endTemplate: TemplateRef<any> | undefined;
-
-    menuIconTemplate: TemplateRef<any> | undefined;
-
-    submenuIconTemplate: TemplateRef<any> | undefined;
-
-    itemTemplate: TemplateRef<any> | undefined;
-
-    outsideClickListener: VoidListener;
-
-    resizeListener: VoidListener;
-
-    dirty: boolean = false;
-
-    focused: boolean = false;
-
-    activeItem = signal<any>(null);
-
-    focusedItemInfo = signal<any>({ index: -1, level: 0, parentKey: '', item: null });
-
-    searchValue: string = '';
-
-    searchTimeout: any;
-
-    _processedItems: any[];
-
-    _model: MegaMenuItem[] | undefined;
-
-    get visibleItems() {
-        const processedItem = ObjectUtils.isNotEmpty(this.activeItem()) ? this.activeItem() : null;
-
-        return processedItem
-            ? processedItem.items.reduce((items, col) => {
-                  col.forEach((submenu) => {
-                      submenu.items.forEach((a) => {
-                          items.push(a);
-                      });
-                  });
-
-                  return items;
-              }, [])
-            : this.processedItems;
-    }
-
-    get processedItems() {
-        if (!this._processedItems || !this._processedItems.length) {
-            this._processedItems = this.createProcessedItems(this.model || []);
-        }
-        return this._processedItems;
-    }
-
-    get focusedItemId() {
-        const focusedItem = this.focusedItemInfo();
-        return focusedItem?.item && focusedItem.item?.id ? focusedItem.item.id : ObjectUtils.isNotEmpty(focusedItem.key) ? `${this.id}_${focusedItem.key}` : null;
-    }
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        public el: ElementRef,
-        public renderer: Renderer2,
-        public config: PrimeNGConfig,
-        public cd: ChangeDetectorRef
-    ) {
-        effect(() => {
-            const activeItem = this.activeItem();
-            if (ObjectUtils.isNotEmpty(activeItem)) {
-                this.bindOutsideClickListener();
-                this.bindResizeListener();
-            } else {
-                this.unbindOutsideClickListener();
-                this.unbindResizeListener();
-            }
-        });
-    }
-
-    ngOnInit(): void {
-        this.id = this.id || UniqueComponentId();
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'start':
-                    this.startTemplate = item.template;
-                    break;
-
-                case 'end':
-                    this.endTemplate = item.template;
-                    break;
-
-                case 'menuicon':
-                    this.menuIconTemplate = item.template;
-                    break;
-
-                case 'submenuicon':
-                    this.submenuIconTemplate = item.template;
-                    break;
-
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    createProcessedItems(items, level = 0, parent = {}, parentKey = '', columnIndex?) {
-        const processedItems = [];
-
-        items &&
-            items.forEach((item, index) => {
-                const key = (parentKey !== '' ? parentKey + '_' : '') + (columnIndex !== undefined ? columnIndex + '_' : '') + index;
-                const newItem = {
-                    item,
-                    index,
-                    level,
-                    key,
-                    parent,
-                    parentKey,
-                    columnIndex: columnIndex !== undefined ? columnIndex : (<any>parent).columnIndex !== undefined ? (<any>parent).columnIndex : index
-                };
-
-                newItem['items'] =
-                    level === 0 && item.items && item.items.length > 0 ? item.items.map((_items, _index) => this.createProcessedItems(_items, level + 1, newItem, key, _index)) : this.createProcessedItems(item.items, level + 1, newItem, key);
-                processedItems.push(newItem);
-            });
-        return processedItems;
-    }
-
-    getItemProp(item: any, name: string) {
-        return item ? ObjectUtils.getItemValue(item[name]) : undefined;
-    }
-
-    onItemClick(event: any) {
-        const { originalEvent, processedItem } = event;
-        const grouped = this.isProcessedItemGroup(processedItem);
-        const root = ObjectUtils.isEmpty(processedItem.parent);
-        const selected = this.isSelected(processedItem);
-
-        if (selected) {
-            const { index, key, parentKey, item } = processedItem;
-
-            this.activeItem.set(null);
-            this.focusedItemInfo.set({ index, key, parentKey, item });
-
-            this.dirty = !root;
-            DomHandler.focus(this.rootmenu?.menubarViewChild?.nativeElement);
-        } else {
-            if (grouped) {
-                this.onItemChange(event);
-            } else {
-                const rootProcessedItem = root ? processedItem : this.activeItem();
-                this.hide(originalEvent);
-                this.changeFocusedItemInfo(originalEvent, rootProcessedItem ? rootProcessedItem.index : -1);
-
-                DomHandler.focus(this.rootmenu?.menubarViewChild?.nativeElement);
-            }
-        }
-    }
-
-    onItemMouseEnter(event: any) {
-        if (!DomHandler.isTouchDevice()) {
-            this.onItemChange(event);
-        }
-    }
-
-    scrollInView(index: number = -1) {
-        const id = index !== -1 ? `${this.id}_${index}` : this.focusedItemId;
-        const element = DomHandler.findSingle(this.rootmenu?.el.nativeElement, `li[id="${id}"]`);
-
-        if (element) {
-            element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-        }
-    }
-
-    onItemChange(event: any) {
-        const { processedItem, isFocus } = event;
-
-        if (ObjectUtils.isEmpty(processedItem)) return;
-
-        const { index, key, parentKey, items, item } = processedItem;
-        const grouped = ObjectUtils.isNotEmpty(items);
-
-        if (grouped) {
-            this.activeItem.set(processedItem);
-        }
-        this.focusedItemInfo.set({ index, key, parentKey, item });
-
-        grouped && (this.dirty = true);
-        isFocus && DomHandler.focus(this.rootmenu?.menubarViewChild?.nativeElement);
-    }
-
-    hide(event?, isFocus?: boolean) {
-        this.activeItem.set(null);
-        this.focusedItemInfo.set({ index: -1, key: '', parentKey: '', item: null });
-
-        isFocus && DomHandler.focus(this.rootmenu?.menubarViewChild?.nativeElement);
-        this.dirty = false;
-    }
-
-    onMenuFocus(event: any) {
-        this.focused = true;
-        if (this.focusedItemInfo().index === -1) {
-            const index = this.findFirstFocusedItemIndex();
-            const processedItem = this.findVisibleItem(index);
-
-            this.focusedItemInfo.set({ index, key: processedItem.key, parentKey: processedItem.parentKey, item: processedItem.item });
-        }
-    }
-
-    onMenuBlur(event: any) {
-        this.focused = false;
-        this.focusedItemInfo.set({ index: -1, level: 0, parentKey: '', item: null });
-        this.searchValue = '';
-        this.dirty = false;
-    }
-
-    onKeyDown(event: KeyboardEvent) {
-        const metaKey = event.metaKey || event.ctrlKey;
-
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUpKey(event);
-                break;
-
-            case 'ArrowLeft':
-                this.onArrowLeftKey(event);
-                break;
-
-            case 'ArrowRight':
-                this.onArrowRightKey(event);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event);
-                break;
-
-            case 'End':
-                this.onEndKey(event);
-                break;
-
-            case 'Space':
-                this.onSpaceKey(event);
-                break;
-
-            case 'Enter':
-                this.onEnterKey(event);
-                break;
-
-            case 'Escape':
-                this.onEscapeKey(event);
-                break;
-
-            case 'Tab':
-                this.onTabKey(event);
-                break;
-
-            case 'PageDown':
-            case 'PageUp':
-            case 'Backspace':
-            case 'ShiftLeft':
-            case 'ShiftRight':
-                //NOOP
-                break;
-
-            default:
-                if (!metaKey && ObjectUtils.isPrintableCharacter(event.key)) {
-                    this.searchItems(event, event.key);
-                }
-
-                break;
-        }
-    }
-
-    findFirstFocusedItemIndex() {
-        const selectedIndex = this.findSelectedItemIndex();
-
-        return selectedIndex < 0 ? this.findFirstItemIndex() : selectedIndex;
-    }
-
-    findFirstItemIndex() {
-        return this.visibleItems.findIndex((processedItem) => this.isValidItem(processedItem));
-    }
-
-    findSelectedItemIndex() {
-        return this.visibleItems.findIndex((processedItem) => this.isValidSelectedItem(processedItem));
-    }
-
-    isProcessedItemGroup(processedItem: any): boolean {
-        return processedItem && ObjectUtils.isNotEmpty(processedItem.items);
-    }
-
-    isSelected(processedItem: any): boolean {
-        return ObjectUtils.isNotEmpty(this.activeItem()) ? this.activeItem().key === processedItem.key : false;
-    }
-
-    isValidSelectedItem(processedItem: any): boolean {
-        return this.isValidItem(processedItem) && this.isSelected(processedItem);
-    }
-
-    isValidItem(processedItem: any): boolean {
-        return !!processedItem && !this.isItemDisabled(processedItem.item) && !this.isItemSeparator(processedItem.item);
-    }
-
-    isItemDisabled(item: any): boolean {
-        return this.getItemProp(item, 'disabled');
-    }
-
-    isItemSeparator(item: any): boolean {
-        return this.getItemProp(item, 'separator');
-    }
-
-    isItemMatched(processedItem: any): boolean {
-        return this.isValidItem(processedItem) && this.getProccessedItemLabel(processedItem).toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase());
-    }
-
-    isProccessedItemGroup(processedItem: any): boolean {
-        return processedItem && ObjectUtils.isNotEmpty(processedItem.items);
-    }
-
-    searchItems(event: any, char: string) {
-        this.searchValue = (this.searchValue || '') + char;
-
-        let itemIndex = -1;
-        let matched = false;
-
-        if (this.focusedItemInfo().index !== -1) {
-            itemIndex = this.visibleItems.slice(this.focusedItemInfo().index).findIndex((processedItem) => this.isItemMatched(processedItem));
-            itemIndex = itemIndex === -1 ? this.visibleItems.slice(0, this.focusedItemInfo().index).findIndex((processedItem) => this.isItemMatched(processedItem)) : itemIndex + this.focusedItemInfo().index;
-        } else {
-            itemIndex = this.visibleItems.findIndex((processedItem) => this.isItemMatched(processedItem));
-        }
-
-        if (itemIndex !== -1) {
-            matched = true;
-        }
-
-        if (itemIndex === -1 && this.focusedItemInfo().index === -1) {
-            itemIndex = this.findFirstFocusedItemIndex();
-        }
-
-        if (itemIndex !== -1) {
-            this.changeFocusedItemInfo(event, itemIndex);
-        }
-
-        if (this.searchTimeout) {
-            clearTimeout(this.searchTimeout);
-        }
-
-        this.searchTimeout = setTimeout(() => {
-            this.searchValue = '';
-            this.searchTimeout = null;
-        }, 500);
-
-        return matched;
-    }
-
-    getProccessedItemLabel(processedItem: any) {
-        return processedItem ? this.getItemLabel(processedItem.item) : undefined;
-    }
-
-    getItemLabel(item: any) {
-        return this.getItemProp(item, 'label');
-    }
-
-    changeFocusedItemInfo(event, index) {
-        const processedItem = this.findVisibleItem(index);
-        if (ObjectUtils.isNotEmpty(processedItem)) {
-            const { key, parentKey, item } = processedItem;
-            this.focusedItemInfo.set({ index, key: key ? key : '', parentKey, item });
-        }
-
-        this.scrollInView();
-    }
-
-    onArrowDownKey(event: KeyboardEvent) {
-        if (this.orientation === 'horizontal') {
-            if (ObjectUtils.isNotEmpty(this.activeItem()) && this.activeItem().key === this.focusedItemInfo().key) {
-                const { key, item } = this.activeItem();
-                this.focusedItemInfo.set({ index: -1, key: '', parentKey: key, item });
-            } else {
-                const processedItem = this.findVisibleItem(this.focusedItemInfo().index);
-                const grouped = this.isProccessedItemGroup(processedItem);
-
-                if (grouped) {
-                    const { parentKey, key, item } = processedItem;
-                    this.onItemChange({ originalEvent: event, processedItem });
-                    this.focusedItemInfo.set({ index: -1, key: key, parentKey: parentKey, item: item });
-                    this.searchValue = '';
-                }
-            }
-        }
-
-        const itemIndex = this.focusedItemInfo().index !== -1 ? this.findNextItemIndex(this.focusedItemInfo().index) : this.findFirstFocusedItemIndex();
-        this.changeFocusedItemInfo(event, itemIndex);
-        event.preventDefault();
-    }
-
-    onArrowRightKey(event: KeyboardEvent) {
-        const processedItem = this.findVisibleItem(this.focusedItemInfo().index);
-        const grouped = this.isProccessedItemGroup(processedItem);
-
-        if (grouped) {
-            if (this.orientation === 'vertical') {
-                if (ObjectUtils.isNotEmpty(this.activeItem()) && this.activeItem().key === processedItem.key) {
-                    this.focusedItemInfo.set({ index: -1, key: '', parentKey: this.activeItem().key, item: processedItem.item });
-                } else {
-                    const processedItem = this.findVisibleItem(this.focusedItemInfo().index);
-                    const grouped = this.isProccessedItemGroup(processedItem);
-
-                    if (grouped) {
-                        this.onItemChange({ originalEvent: event, processedItem });
-                        this.focusedItemInfo.set({ index: -1, key: processedItem.key, parentKey: processedItem.parentKey, item: processedItem.item });
-                        this.searchValue = '';
-                    }
-                }
-            }
-
-            const itemIndex = this.focusedItemInfo().index !== -1 ? this.findNextItemIndex(this.focusedItemInfo().index) : this.findFirstFocusedItemIndex();
-
-            this.changeFocusedItemInfo(event, itemIndex);
-        } else {
-            const columnIndex = processedItem.columnIndex + 1;
-            const itemIndex = this.visibleItems.findIndex((item) => item.columnIndex === columnIndex);
-
-            itemIndex !== -1 && this.changeFocusedItemInfo(event, itemIndex);
-        }
-
-        event.preventDefault();
-    }
-
-    onArrowUpKey(event: KeyboardEvent) {
-        if (event.altKey && this.orientation === 'horizontal') {
-            if (this.focusedItemInfo().index !== -1) {
-                const processedItem = this.findVisibleItem(this.focusedItemInfo().index);
-                const grouped = this.isProccessedItemGroup(processedItem);
-
-                if (!grouped && ObjectUtils.isNotEmpty(this.activeItem)) {
-                    if (this.focusedItemInfo().index === 0) {
-                        this.focusedItemInfo.set({ index: this.activeItem().index, key: this.activeItem().key, parentKey: this.activeItem().parentKey, item: processedItem.item });
-                        this.activeItem.set(null);
-                    } else {
-                        this.changeFocusedItemInfo(event, this.findFirstItemIndex());
-                    }
-                }
-            }
-
-            event.preventDefault();
-        } else {
-            const itemIndex = this.focusedItemInfo().index !== -1 ? this.findPrevItemIndex(this.focusedItemInfo().index) : this.findLastFocusedItemIndex();
-
-            this.changeFocusedItemInfo(event, itemIndex);
-            event.preventDefault();
-        }
-    }
-
-    onArrowLeftKey(event: KeyboardEvent) {
-        const processedItem = this.findVisibleItem(this.focusedItemInfo().index);
-        const grouped = this.isProccessedItemGroup(processedItem);
-
-        if (grouped) {
-            if (this.orientation === 'horizontal') {
-                const itemIndex = this.focusedItemInfo().index !== -1 ? this.findPrevItemIndex(this.focusedItemInfo().index) : this.findLastFocusedItemIndex();
-
-                this.changeFocusedItemInfo(event, itemIndex);
-            }
-        } else {
-            if (this.orientation === 'vertical' && ObjectUtils.isNotEmpty(this.activeItem())) {
-                if (processedItem.columnIndex === 0) {
-                    this.focusedItemInfo.set({ index: this.activeItem().index, key: this.activeItem().key, parentKey: this.activeItem().parentKey, item: processedItem.item });
-                    this.activeItem.set(null);
-                }
-            }
-
-            const columnIndex = processedItem.columnIndex - 1;
-            const itemIndex = this.visibleItems.findIndex((item) => item.columnIndex === columnIndex);
-
-            itemIndex !== -1 && this.changeFocusedItemInfo(event, itemIndex);
-        }
-
-        event.preventDefault();
-    }
-
-    onHomeKey(event: KeyboardEvent) {
-        this.changeFocusedItemInfo(event, this.findFirstItemIndex());
-        event.preventDefault();
-    }
-
-    onEndKey(event: KeyboardEvent) {
-        this.changeFocusedItemInfo(event, this.findLastItemIndex());
-        event.preventDefault();
-    }
-
-    onSpaceKey(event: KeyboardEvent) {
-        this.onEnterKey(event);
-    }
-
-    onEscapeKey(event: KeyboardEvent) {
-        if (ObjectUtils.isNotEmpty(this.activeItem())) {
-            this.focusedItemInfo.set({ index: this.activeItem().index, key: this.activeItem().key, item: this.activeItem().item });
-            this.activeItem.set(null);
-        }
-
-        event.preventDefault();
-    }
-
-    onTabKey(event: KeyboardEvent) {
-        if (this.focusedItemInfo().index !== -1) {
-            const processedItem = this.findVisibleItem(this.focusedItemInfo().index);
-            const grouped = this.isProccessedItemGroup(processedItem);
-
-            !grouped && this.onItemChange({ originalEvent: event, processedItem });
-        }
-
-        this.hide();
-    }
-
-    onEnterKey(event: KeyboardEvent) {
-        if (this.focusedItemInfo().index !== -1) {
-            const element = DomHandler.findSingle(this.rootmenu?.el?.nativeElement, `li[id="${`${this.focusedItemId}`}"]`);
-            const anchorElement = element && DomHandler.findSingle(element, 'a[data-pc-section="action"]');
-
-            anchorElement ? anchorElement.click() : element && element.click();
-
-            const processedItem = this.visibleItems[this.focusedItemInfo().index];
-            const grouped = this.isProccessedItemGroup(processedItem);
-
-            !grouped && this.changeFocusedItemInfo(event, this.findFirstFocusedItemIndex());
-        }
-
-        event.preventDefault();
-    }
-
-    findVisibleItem(index) {
-        return ObjectUtils.isNotEmpty(this.visibleItems) ? this.visibleItems[index] : null;
-    }
-
-    findLastFocusedItemIndex() {
-        const selectedIndex = this.findSelectedItemIndex();
-        return selectedIndex < 0 ? this.findLastItemIndex() : selectedIndex;
-    }
-
-    findLastItemIndex() {
-        return ObjectUtils.findLastIndex(this.visibleItems, (processedItem) => this.isValidItem(processedItem));
-    }
-
-    findPrevItemIndex(index: number) {
-        const matchedItemIndex = index > 0 ? ObjectUtils.findLastIndex(this.visibleItems.slice(0, index), (processedItem) => this.isValidItem(processedItem)) : -1;
-
-        return matchedItemIndex > -1 ? matchedItemIndex : index;
-    }
-
-    findNextItemIndex(index: number) {
-        const matchedItemIndex = index < this.visibleItems.length - 1 ? this.visibleItems.slice(index + 1).findIndex((processedItem) => this.isValidItem(processedItem)) : -1;
-
-        return matchedItemIndex > -1 ? matchedItemIndex + index + 1 : index;
-    }
-
-    bindResizeListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.resizeListener) {
-                this.resizeListener = this.renderer.listen(this.document.defaultView, 'resize', (event) => {
-                    this.hide(event, true);
-                });
-            }
-        }
-    }
-
-    bindOutsideClickListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.outsideClickListener) {
-                this.outsideClickListener = this.renderer.listen(this.document, 'click', (event) => {
-                    const isOutsideContainer = this.rootmenu?.el.nativeElement !== event.target && !this.rootmenu?.el.nativeElement.contains(event.target);
-
-                    if (isOutsideContainer) {
-                        this.hide();
-                    }
-                });
-            }
-        }
-    }
-
-    unbindOutsideClickListener() {
-        if (this.outsideClickListener) {
-            this.outsideClickListener();
-            this.outsideClickListener = null;
-        }
-    }
-
-    unbindResizeListener() {
-        if (this.resizeListener) {
-            this.resizeListener();
-            this.resizeListener = null;
-        }
-    }
-
-    ngOnDestroy() {
-        this.unbindOutsideClickListener();
-        this.unbindResizeListener();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, RouterModule, RippleModule, TooltipModule, SharedModule, AngleDownIcon, AngleRightIcon],
-    exports: [MegaMenu, RouterModule, TooltipModule, SharedModule],
-    declarations: [MegaMenu, MegaMenuSub]
-})
-export class MegaMenuModule {}
diff --git a/src/app/components/megamenu/ng-package.json b/src/app/components/megamenu/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/megamenu/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/megamenu/public_api.ts b/src/app/components/megamenu/public_api.ts
deleted file mode 100644
index ec146c3..0000000
--- a/src/app/components/megamenu/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './megamenu';
-export * from './megamenu.interface';
diff --git a/src/app/components/menu/menu.css b/src/app/components/menu/menu.css
deleted file mode 100644
index 24e5243..0000000
--- a/src/app/components/menu/menu.css
+++ /dev/null
@@ -1,30 +0,0 @@
-@layer primeng {
-    .p-menu-overlay {
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-
-    .p-menu ul {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-    }
-
-    .p-menu .p-submenu-header {
-        align-items: center;
-    }
-
-    .p-menu .p-menuitem-link {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        text-decoration: none;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-menu .p-menuitem-text {
-        line-height: 1;
-    }
-}
diff --git a/src/app/components/menu/menu.interface.ts b/src/app/components/menu/menu.interface.ts
deleted file mode 100644
index 15463a3..0000000
--- a/src/app/components/menu/menu.interface.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { MenuItem } from '../api/menuitem';
-
-/**
- * Defines valid templates in Menu.
- * @group Templates
- */
-export interface MenuTemplates {
-    /**
-     * Custom template of start.
-     */
-    start(): TemplateRef<any>;
-    /**
-     * Custom template of end.
-     */
-    end(): TemplateRef<any>;
-    /**
-     * Custom template of item.
-     */
-    item(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: MenuItem;
-    }): TemplateRef<{ $implicit: MenuItem }>;
-    /**
-     * Custom template of submenuheader.
-     */
-    submenuheader(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: MenuItem;
-    }): TemplateRef<{ $implicit: MenuItem }>;
-}
diff --git a/src/app/components/menu/menu.spec.ts b/src/app/components/menu/menu.spec.ts
deleted file mode 100644
index 31b54aa..0000000
--- a/src/app/components/menu/menu.spec.ts
+++ /dev/null
@@ -1,232 +0,0 @@
-import { TestBed, ComponentFixture, fakeAsync, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Menu, MenuModule } from './menu';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
-import { Component } from '@angular/core';
-import { ButtonModule } from '../button/button';
-
-@Component({
-    template: `<p-menu #menu></p-menu>
-        <button type="button" pButton icon="pi pi-bars" label="Show" (click)="menu.toggle($event)"></button> `
-})
-class TestMenuComponent {}
-
-describe('Menu', () => {
-    let menu: Menu;
-    let fixture: ComponentFixture<TestMenuComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, RouterTestingModule, ButtonModule, MenuModule],
-            declarations: [TestMenuComponent]
-        });
-
-        fixture = TestBed.createComponent(TestMenuComponent);
-        menu = fixture.debugElement.children[0].componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const containerEl = fixture.debugElement.query(By.css('.p-menu'));
-        expect(containerEl).toBeTruthy();
-    });
-
-    it('should not display container', () => {
-        menu.popup = true;
-        fixture.detectChanges();
-
-        const containerEl = fixture.debugElement.query(By.css('.p-menu'));
-        expect(containerEl).toBeFalsy();
-    });
-
-    it('should change style and styleClass', () => {
-        menu.style = { height: '300px' };
-        menu.styleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const containerEl = fixture.debugElement.query(By.css('.p-menu'));
-        expect(containerEl.nativeElement.className).toContain('Primeng ROCKS!');
-        expect(containerEl.nativeElement.className).toContain(menu.styleClass);
-        expect(containerEl.nativeElement.style.height).toEqual(menu.style.height);
-        expect(containerEl.nativeElement.style.height).toEqual('300px');
-    });
-
-    it('should call hasSubMenu and return false', () => {
-        const hasSubMenuSpy = spyOn(menu, 'hasSubMenu').and.callThrough();
-        menu.model = [
-            {
-                label: 'File'
-            }
-        ];
-        fixture.detectChanges();
-
-        expect(hasSubMenuSpy).toHaveBeenCalled();
-        expect(menu.hasSubMenu()).toEqual(false);
-    });
-
-    it('should call hasSubMenu and return true', () => {
-        const hasSubMenuSpy = spyOn(menu, 'hasSubMenu').and.callThrough();
-        menu.model = [
-            {
-                label: 'File',
-                items: [
-                    { label: 'News', icon: 'pi pi-fw pi-plus' },
-                    { label: 'Download', icon: 'pi pi-fw pi-download' }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        expect(hasSubMenuSpy).toHaveBeenCalled();
-        expect(menu.hasSubMenu()).toEqual(true);
-    });
-
-    it('should show items', () => {
-        menu.model = [
-            {
-                label: 'File',
-                items: [
-                    { label: 'New', icon: 'pi pi-fw pi-plus' },
-                    { label: 'Download', icon: 'pi pi-fw pi-download' }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const itemsEl = fixture.debugElement.queryAll(By.css('a'));
-        expect(itemsEl.length).toEqual(2);
-    });
-
-    it('should change menuItemStyle and menuItemStyleClass', () => {
-        menu.model = [
-            {
-                label: 'File',
-                items: [
-                    { label: 'New', icon: 'pi pi-fw pi-plus', style: { height: '300px' }, styleClass: 'Primeng ROCKS!' },
-                    { label: 'Download', icon: 'pi pi-fw pi-download', style: { height: '300px' }, styleClass: 'Primeng ROCKS!' }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const menuItemsEl = fixture.debugElement.queryAll(By.css('.p-menuitem'));
-        expect(menuItemsEl.length).toEqual(2);
-        for (let menuItem of menuItemsEl) {
-            expect(menuItem.nativeElement.className).toContain('Primeng ROCKS!');
-            expect(menuItem.nativeElement.style.height).toContain('300px');
-        }
-    });
-
-    it('should show separator', () => {
-        menu.model = [
-            {
-                label: 'File',
-                items: [{ label: 'New', icon: 'pi pi-fw pi-plus' }, { separator: true }, { label: 'Download', icon: 'pi pi-fw pi-download' }]
-            }
-        ];
-        fixture.detectChanges();
-
-        const separatorEl = fixture.debugElement.query(By.css('.p-menuitem-separator'));
-        const menuItemsEl = fixture.debugElement.queryAll(By.css('li'));
-        expect(separatorEl).toBeTruthy();
-        expect(menuItemsEl.length).toEqual(4);
-    });
-
-    it('should change target title icon and url', () => {
-        menu.model = [
-            {
-                label: 'File',
-                items: [{ label: 'New', icon: 'primeng', target: 'primeng', title: 'primeng', url: 'primeng' }]
-            }
-        ];
-        fixture.detectChanges();
-
-        const menuItemLink = fixture.debugElement.query(By.css('.p-menuitem-link'));
-        const iconEl = fixture.debugElement.query(By.css('.p-menuitem-icon'));
-        expect(menuItemLink.nativeElement.href).toContain('primeng');
-        expect(menuItemLink.nativeElement.target).toContain('primeng');
-        expect(menuItemLink.nativeElement.title).toContain('primeng');
-        expect(iconEl.nativeElement.className).toContain('primeng');
-    });
-
-    it('should have a disabled item', () => {
-        menu.model = [
-            {
-                label: 'File',
-                items: [{ label: 'New', icon: 'pi pi-fw pi-plus', disabled: true }]
-            }
-        ];
-        fixture.detectChanges();
-
-        const menuItemLink = fixture.debugElement.query(By.css('.p-menuitem-link'));
-        expect(menuItemLink.nativeElement.className).toContain('p-disabled');
-    });
-
-    it('should call itemClick', () => {
-        menu.model = [
-            {
-                label: 'File',
-                items: [{ label: 'New', icon: 'pi pi-fw pi-plus' }]
-            }
-        ];
-        const itemClickSpy = spyOn(menu, 'itemClick').and.callThrough();
-        fixture.detectChanges();
-
-        const menuItemLink = fixture.debugElement.query(By.css('.p-menuitem-link'));
-        menuItemLink.nativeElement.click();
-        expect(itemClickSpy).toHaveBeenCalled();
-    });
-
-    it('should use popup and call call toggle', () => {
-        menu.popup = true;
-        menu.model = [
-            {
-                label: 'File',
-                items: [{ label: 'New', icon: 'pi pi-fw pi-plus' }]
-            }
-        ];
-        fixture.detectChanges();
-
-        const toggleSpy = spyOn(menu, 'toggle').and.callThrough();
-        const popupButtonEl = fixture.debugElement.query(By.css('button'));
-        popupButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const containerEl = fixture.debugElement.query(By.css('.p-menu'));
-        const headerEl = fixture.debugElement.query(By.css('.p-submenu-header'));
-        const menuItem = fixture.debugElement.query(By.css('.p-menuitem-link'));
-        expect(toggleSpy).toHaveBeenCalled();
-        expect(containerEl).toBeTruthy();
-        expect(headerEl).toBeTruthy();
-        expect(headerEl.nativeElement.textContent).toEqual('File');
-        expect(menuItem).toBeTruthy();
-        expect(menuItem.query(By.css('.p-menuitem-text')).nativeElement.textContent).toEqual('New');
-    });
-
-    it('should call hide when item click', () => {
-        menu.popup = true;
-        menu.model = [
-            {
-                label: 'File',
-                items: [{ label: 'New', icon: 'pi pi-fw pi-plus' }]
-            }
-        ];
-        fixture.detectChanges();
-
-        const itemClickSpy = spyOn(menu, 'itemClick').and.callThrough();
-        const hideSpy = spyOn(menu, 'hide').and.callThrough();
-        const popupButtonEl = fixture.debugElement.query(By.css('button'));
-        popupButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const menuItem = fixture.debugElement.query(By.css('.p-menuitem-link'));
-        menuItem.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(itemClickSpy).toHaveBeenCalled();
-        expect(hideSpy).toHaveBeenCalled();
-        expect(menu.visible).toEqual(false);
-    });
-});
diff --git a/src/app/components/menu/menu.ts b/src/app/components/menu/menu.ts
deleted file mode 100644
index 04c7c69..0000000
--- a/src/app/components/menu/menu.ts
+++ /dev/null
@@ -1,830 +0,0 @@
-import { AnimationEvent, animate, style, transition, trigger } from '@angular/animations';
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    OnDestroy,
-    Output,
-    PLATFORM_ID,
-    Pipe,
-    PipeTransform,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    ViewRef,
-    booleanAttribute,
-    computed,
-    effect,
-    forwardRef,
-    numberAttribute,
-    signal
-} from '@angular/core';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import { RouterModule } from '@angular/router';
-import { MenuItem, OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { ConnectedOverlayScrollHandler, DomHandler } from 'primeng/dom';
-import { RippleModule } from 'primeng/ripple';
-import { TooltipModule } from 'primeng/tooltip';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { UniqueComponentId, ZIndexUtils } from 'primeng/utils';
-
-@Pipe({
-    name: 'safeHtml'
-})
-export class SafeHtmlPipe implements PipeTransform {
-    constructor(
-        @Inject(PLATFORM_ID) private readonly platformId: any,
-        private readonly sanitizer: DomSanitizer
-    ) {}
-
-    public transform(value: string): SafeHtml {
-        if (!value || !isPlatformBrowser(this.platformId)) {
-            return value;
-        }
-
-        return this.sanitizer.bypassSecurityTrustHtml(value);
-    }
-}
-
-@Component({
-    selector: '[pMenuItemContent]',
-    template: `
-        <div [attr.data-pc-section]="'content'" class="p-menuitem-content" (click)="onItemClick($event, item)">
-            <ng-container *ngIf="!itemTemplate">
-                <a
-                    *ngIf="!item?.routerLink"
-                    [attr.title]="item.title"
-                    [attr.href]="item.url || null"
-                    [attr.data-automationid]="item.automationId"
-                    [attr.tabindex]="-1"
-                    [attr.data-pc-section]="'action'"
-                    class="p-menuitem-link"
-                    [target]="item.target"
-                    [ngClass]="{ 'p-disabled': item.disabled }"
-                    pRipple
-                >
-                    <ng-container *ngTemplateOutlet="itemContent; context: { $implicit: item }"></ng-container>
-                </a>
-                <a
-                    *ngIf="item?.routerLink"
-                    [routerLink]="item.routerLink"
-                    [attr.data-automationid]="item.automationId"
-                    [attr.tabindex]="-1"
-                    [attr.data-pc-section]="'action'"
-                    [attr.title]="item.title"
-                    [queryParams]="item.queryParams"
-                    routerLinkActive="p-menuitem-link-active"
-                    [routerLinkActiveOptions]="item.routerLinkActiveOptions || { exact: false }"
-                    class="p-menuitem-link"
-                    [target]="item.target"
-                    [ngClass]="{ 'p-disabled': item.disabled }"
-                    [fragment]="item.fragment"
-                    [queryParamsHandling]="item.queryParamsHandling"
-                    [preserveFragment]="item.preserveFragment"
-                    [skipLocationChange]="item.skipLocationChange"
-                    [replaceUrl]="item.replaceUrl"
-                    [state]="item.state"
-                    pRipple
-                >
-                    <ng-container *ngTemplateOutlet="itemContent; context: { $implicit: item }"></ng-container>
-                </a>
-            </ng-container>
-
-            <ng-container *ngIf="itemTemplate">
-                <ng-template *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-template>
-            </ng-container>
-
-            <ng-template #itemContent>
-                <span class="p-menuitem-icon" *ngIf="item.icon" [ngClass]="item.icon" [class]="item.iconClass" [ngStyle]="item.iconStyle"></span>
-                <span class="p-menuitem-text" *ngIf="item.escape !== false; else htmlLabel">{{ item.label }}</span>
-                <ng-template #htmlLabel><span class="p-menuitem-text" [innerHTML]="item.label | safeHtml"></span></ng-template>
-                <span class="p-menuitem-badge" *ngIf="item.badge" [ngClass]="item.badgeStyleClass">{{ item.badge }}</span>
-            </ng-template>
-        </div>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class MenuItemContent {
-    @Input('pMenuItemContent') item: MenuItem | undefined;
-
-    @Input() itemTemplate: HTMLElement | undefined;
-
-    @Output() onMenuItemClick: EventEmitter<any> = new EventEmitter<any>();
-
-    menu: Menu;
-
-    constructor(@Inject(forwardRef(() => Menu)) menu: Menu) {
-        this.menu = menu as Menu;
-    }
-
-    onItemClick(event, item) {
-        this.onMenuItemClick.emit({ originalEvent: event, item });
-    }
-}
-/**
- * Menu is a navigation / command component that supports dynamic and static positioning.
- * @group Components
- */
-@Component({
-    selector: 'p-menu',
-    template: `
-        <div
-            #container
-            [ngClass]="{ 'p-menu p-component': true, 'p-menu-overlay': popup }"
-            [class]="styleClass"
-            [ngStyle]="style"
-            *ngIf="!popup || visible"
-            (click)="onOverlayClick($event)"
-            [@overlayAnimation]="{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }"
-            [@.disabled]="popup !== true"
-            (@overlayAnimation.start)="onOverlayAnimationStart($event)"
-            (@overlayAnimation.done)="onOverlayAnimationEnd($event)"
-            [attr.data-pc-name]="'menu'"
-            [attr.id]="id"
-        >
-            <div *ngIf="startTemplate" class="p-menu-start" [attr.data-pc-section]="'start'">
-                <ng-container *ngTemplateOutlet="startTemplate"></ng-container>
-            </div>
-            <ul
-                #list
-                class="p-menu-list p-reset"
-                role="menu"
-                [attr.id]="id + '_list'"
-                [attr.tabindex]="getTabIndexValue()"
-                [attr.data-pc-section]="'menu'"
-                [attr.aria-activedescendant]="activedescendant()"
-                [attr.aria-label]="ariaLabel"
-                [attr.aria-labelledBy]="ariaLabelledBy"
-                (focus)="onListFocus($event)"
-                (blur)="onListBlur($event)"
-                (keydown)="onListKeyDown($event)"
-            >
-                <ng-template ngFor let-submenu let-i="index" [ngForOf]="model" *ngIf="hasSubMenu()">
-                    <li class="p-menuitem-separator" *ngIf="submenu.separator" [ngClass]="{ 'p-hidden': submenu.visible === false }" role="separator"></li>
-                    <li
-                        class="p-submenu-header"
-                        [attr.data-automationid]="submenu.automationId"
-                        *ngIf="!submenu.separator"
-                        [ngClass]="{ 'p-hidden': submenu.visible === false, flex: submenu.visible }"
-                        pTooltip
-                        [tooltipOptions]="submenu.tooltipOptions"
-                        role="none"
-                        [attr.id]="menuitemId(submenu, id, i)"
-                    >
-                        <ng-container *ngIf="!submenuHeaderTemplate">
-                            <span *ngIf="submenu.escape !== false; else htmlSubmenuLabel">{{ submenu.label }}</span>
-                            <ng-template #htmlSubmenuLabel><span [innerHTML]="submenu.label | safeHtml"></span></ng-template>
-                        </ng-container>
-                        <ng-container *ngTemplateOutlet="submenuHeaderTemplate; context: { $implicit: submenu }"></ng-container>
-                    </li>
-                    <ng-template ngFor let-item let-j="index" [ngForOf]="submenu.items">
-                        <li class="p-menuitem-separator" *ngIf="item.separator" [ngClass]="{ 'p-hidden': item.visible === false || submenu.visible === false }" role="separator"></li>
-                        <li
-                            class="p-menuitem"
-                            *ngIf="!item.separator"
-                            [pMenuItemContent]="item"
-                            [itemTemplate]="itemTemplate"
-                            [ngClass]="{ 'p-hidden': item.visible === false || submenu.visible === false, 'p-focus': focusedOptionId() && menuitemId(item, id, i, j) === focusedOptionId(), 'p-disabled': disabled(item.disabled) }"
-                            [ngStyle]="item.style"
-                            [class]="item.styleClass"
-                            (onMenuItemClick)="itemClick($event, menuitemId(item, id, i, j))"
-                            pTooltip
-                            [tooltipOptions]="item.tooltipOptions"
-                            role="menuitem"
-                            [attr.data-pc-section]="'menuitem'"
-                            [attr.aria-label]="label(item.label)"
-                            [attr.data-p-focused]="isItemFocused(menuitemId(item, id, i, j))"
-                            [attr.data-p-disabled]="disabled(item.disabled)"
-                            [attr.aria-disabled]="disabled(item.disabled)"
-                            [attr.id]="menuitemId(item, id, i, j)"
-                        ></li>
-                    </ng-template>
-                </ng-template>
-                <ng-template ngFor let-item let-i="index" [ngForOf]="model" *ngIf="!hasSubMenu()">
-                    <li class="p-menuitem-separator" *ngIf="item.separator" [ngClass]="{ 'p-hidden': item.visible === false }" role="separator"></li>
-                    <li
-                        class="p-menuitem"
-                        *ngIf="!item.separator"
-                        [pMenuItemContent]="item"
-                        [itemTemplate]="itemTemplate"
-                        [ngClass]="{ 'p-hidden': item.visible === false, 'p-focus': focusedOptionId() && menuitemId(item, id, i, j) === focusedOptionId(), 'p-disabled': disabled(item.disabled) }"
-                        [ngStyle]="item.style"
-                        [class]="item.styleClass"
-                        (onMenuItemClick)="itemClick($event, menuitemId(item, id, i))"
-                        pTooltip
-                        [tooltipOptions]="item.tooltipOptions"
-                        role="menuitem"
-                        [attr.data-pc-section]="'menuitem'"
-                        [attr.aria-label]="label(item.label)"
-                        [attr.data-p-focused]="isItemFocused(menuitemId(item, id, i))"
-                        [attr.data-p-disabled]="disabled(item.disabled)"
-                        [attr.aria-disabled]="disabled(item.disabled)"
-                        [attr.id]="menuitemId(item, id, i)"
-                    ></li>
-                </ng-template>
-            </ul>
-            <div *ngIf="endTemplate" class="p-menu-end" [attr.data-pc-section]="'end'">
-                <ng-container *ngTemplateOutlet="endTemplate"></ng-container>
-            </div>
-        </div>
-    `,
-    animations: [trigger('overlayAnimation', [transition(':enter', [style({ opacity: 0, transform: 'scaleY(0.8)' }), animate('{{showTransitionParams}}')]), transition(':leave', [animate('{{hideTransitionParams}}', style({ opacity: 0 }))])])],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./menu.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Menu implements OnDestroy {
-    /**
-     * An array of menuitems.
-     * @group Props
-     */
-    @Input() model: MenuItem[] | undefined;
-    /**
-     * Defines if menu would displayed as a popup.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) popup: boolean | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     */
-    @Input() showTransitionOptions: string = '.12s cubic-bezier(0, 0, 0.2, 1)';
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     */
-    @Input() hideTransitionOptions: string = '.1s linear';
-    /**
-     * Defines a string value that labels an interactive element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Identifier of the underlying input element.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Current id state as a string.
-     * @group Props
-     */
-    @Input() id: string | undefined;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number = 0;
-    /**
-     * Callback to invoke when overlay menu is shown.
-     * @group Emits
-     */
-    @Output() onShow: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke when overlay menu is hidden.
-     * @group Emits
-     */
-    @Output() onHide: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke when the list loses focus.
-     * @param {Event} event - blur event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when the list receives focus.
-     * @param {Event} event - focus event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<Event> = new EventEmitter<Event>();
-
-    @ViewChild('list') listViewChild: Nullable<ElementRef>;
-
-    @ViewChild('container') containerViewChild: Nullable<ElementRef>;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    startTemplate: TemplateRef<any> | undefined;
-
-    endTemplate: TemplateRef<any> | undefined;
-
-    itemTemplate: TemplateRef<any> | undefined;
-
-    submenuHeaderTemplate: TemplateRef<any> | undefined;
-
-    container: HTMLDivElement | undefined;
-
-    scrollHandler: ConnectedOverlayScrollHandler | null | undefined;
-
-    documentClickListener: VoidListener;
-
-    documentResizeListener: VoidListener;
-
-    preventDocumentDefault: boolean | undefined;
-
-    target: any;
-
-    visible: boolean | undefined;
-
-    focusedOptionId = computed(() => {
-        return this.focusedOptionIndex() !== -1 ? this.focusedOptionIndex() : null;
-    });
-
-    public focusedOptionIndex: any = signal<any>(-1);
-
-    public selectedOptionIndex: any = signal<any>(-1);
-
-    public focused: boolean | undefined = false;
-
-    public overlayVisible: boolean | undefined = false;
-
-    relativeAlign: boolean | undefined;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        public el: ElementRef,
-        public renderer: Renderer2,
-        private cd: ChangeDetectorRef,
-        public config: PrimeNGConfig,
-        public overlayService: OverlayService
-    ) {
-        this.id = this.id || UniqueComponentId();
-    }
-    /**
-     * Toggles the visibility of the popup menu.
-     * @param {Event} event - Browser event.
-     * @group Method
-     */
-    public toggle(event: Event) {
-        if (this.visible) this.hide();
-        else this.show(event);
-
-        this.preventDocumentDefault = true;
-    }
-    /**
-     * Displays the popup menu.
-     * @param {Event} event - Browser event.
-     * @group Method
-     */
-    public show(event: any) {
-        if (this.visible && this.target !== event.currentTarget) {
-            this.hide();
-        }
-
-        this.target = event.currentTarget;
-        this.relativeAlign = event.relativeAlign;
-        this.visible = true;
-        this.preventDocumentDefault = true;
-        this.overlayVisible = true;
-        this.cd.detectChanges();
-    }
-
-    ngOnInit() {
-        if (!this.popup) {
-            this.bindDocumentClickListener();
-        }
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'start':
-                    this.startTemplate = item.template;
-                    break;
-
-                case 'end':
-                    this.endTemplate = item.template;
-                    break;
-
-                case 'itemTemplate':
-                    this.itemTemplate = item.template;
-                    break;
-
-                case 'submenuheader':
-                    this.submenuHeaderTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    getTabIndexValue(): string | null {
-        return this.tabindex !== undefined ? this.tabindex.toString() : null;
-    }
-
-    onOverlayAnimationStart(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-                if (this.popup) {
-                    this.container = event.element;
-                    this.moveOnTop();
-                    this.onShow.emit({});
-                    this.appendOverlay();
-                    this.alignOverlay();
-                    this.bindDocumentClickListener();
-                    this.bindDocumentResizeListener();
-                    this.bindScrollListener();
-                    DomHandler.focus(this.listViewChild.nativeElement);
-                    this.preventDocumentDefault = true;
-                }
-                break;
-
-            case 'void':
-                this.onOverlayHide();
-                this.onHide.emit({});
-                break;
-        }
-    }
-
-    onOverlayAnimationEnd(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'void':
-                if (this.autoZIndex) {
-                    ZIndexUtils.clear(event.element);
-                }
-                break;
-        }
-    }
-
-    alignOverlay() {
-        if (this.relativeAlign) DomHandler.relativePosition(this.container, this.target);
-        else DomHandler.absolutePosition(this.container, this.target);
-    }
-
-    appendOverlay() {
-        if (this.appendTo) {
-            if (this.appendTo === 'body') this.renderer.appendChild(this.document.body, this.container);
-            else DomHandler.appendChild(this.container, this.appendTo);
-        }
-    }
-
-    restoreOverlayAppend() {
-        if (this.container && this.appendTo) {
-            this.renderer.appendChild(this.el.nativeElement, this.container);
-        }
-    }
-
-    moveOnTop() {
-        if (this.autoZIndex) {
-            ZIndexUtils.set('menu', this.container, this.baseZIndex + this.config.zIndex.menu);
-        }
-    }
-    /**
-     * Hides the popup menu.
-     * @group Method
-     */
-    public hide() {
-        this.visible = false;
-        this.relativeAlign = false;
-        this.cd.detectChanges();
-    }
-
-    onWindowResize() {
-        if (this.visible && !DomHandler.isTouchDevice()) {
-            this.hide();
-        }
-    }
-
-    menuitemId(item: MenuItem, id: string, index?: string, childIndex?: string) {
-        return item?.id ?? `${id}_${index}${childIndex !== undefined ? '_' + childIndex : ''}`;
-    }
-
-    isItemFocused(id) {
-        return this.focusedOptionId() === id;
-    }
-
-    label(label: any) {
-        return typeof label === 'function' ? label() : label;
-    }
-
-    disabled(disabled: any) {
-        return typeof disabled === 'function' ? disabled() : typeof disabled === 'undefined' ? false : disabled;
-    }
-
-    activedescendant() {
-        return this.focused ? this.focusedOptionId() : undefined;
-    }
-
-    onListFocus(event: Event) {
-        if (!this.focused) {
-            this.focused = true;
-            this.onFocus.emit(event);
-        }
-    }
-
-    onListBlur(event: FocusEvent | MouseEvent) {
-        if (this.focused) {
-            this.focused = false;
-            this.changeFocusedOptionIndex(-1);
-            this.selectedOptionIndex.set(-1);
-            this.focusedOptionIndex.set(-1);
-            this.onBlur.emit(event);
-        }
-    }
-
-    onListKeyDown(event) {
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUpKey(event);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event);
-                break;
-
-            case 'End':
-                this.onEndKey(event);
-                break;
-
-            case 'Enter':
-                this.onEnterKey(event);
-                break;
-
-            case 'NumpadEnter':
-                this.onEnterKey(event);
-                break;
-
-            case 'Space':
-                this.onSpaceKey(event);
-                break;
-
-            case 'Escape':
-            case 'Tab':
-                if (this.popup) {
-                    DomHandler.focus(this.target);
-                    this.hide();
-                }
-                this.overlayVisible && this.hide();
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    onArrowDownKey(event) {
-        const optionIndex = this.findNextOptionIndex(this.focusedOptionIndex());
-        this.changeFocusedOptionIndex(optionIndex);
-        event.preventDefault();
-    }
-
-    onArrowUpKey(event) {
-        if (event.altKey && this.popup) {
-            DomHandler.focus(this.target);
-            this.hide();
-            event.preventDefault();
-        } else {
-            const optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex());
-
-            this.changeFocusedOptionIndex(optionIndex);
-            event.preventDefault();
-        }
-    }
-
-    onHomeKey(event) {
-        this.changeFocusedOptionIndex(0);
-        event.preventDefault();
-    }
-
-    onEndKey(event) {
-        this.changeFocusedOptionIndex(DomHandler.find(this.containerViewChild.nativeElement, 'li[data-pc-section="menuitem"][data-p-disabled="false"]').length - 1);
-        event.preventDefault();
-    }
-
-    onEnterKey(event) {
-        const element = DomHandler.findSingle(this.containerViewChild.nativeElement, `li[id="${`${this.focusedOptionIndex()}`}"]`);
-        const anchorElement = element && DomHandler.findSingle(element, 'a');
-
-        this.popup && DomHandler.focus(this.target);
-        anchorElement ? anchorElement.click() : element && element.click();
-
-        event.preventDefault();
-    }
-
-    onSpaceKey(event) {
-        this.onEnterKey(event);
-    }
-
-    findNextOptionIndex(index) {
-        const links = DomHandler.find(this.containerViewChild.nativeElement, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
-        const matchedOptionIndex = [...links].findIndex((link) => link.id === index);
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;
-    }
-
-    findPrevOptionIndex(index) {
-        const links = DomHandler.find(this.containerViewChild.nativeElement, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
-        const matchedOptionIndex = [...links].findIndex((link) => link.id === index);
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;
-    }
-
-    changeFocusedOptionIndex(index) {
-        const links = DomHandler.find(this.containerViewChild.nativeElement, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
-
-        if (links.length > 0) {
-            let order = index >= links.length ? links.length - 1 : index < 0 ? 0 : index;
-            order > -1 && this.focusedOptionIndex.set(links[order].getAttribute('id'));
-        }
-    }
-
-    itemClick(event: any, id: string) {
-        const { originalEvent, item } = event;
-
-        if (!this.focused) {
-            this.focused = true;
-            this.onFocus.emit();
-        }
-
-        if (item.disabled) {
-            originalEvent.preventDefault();
-            return;
-        }
-
-        if (!item.url && !item.routerLink) {
-            originalEvent.preventDefault();
-        }
-
-        if (item.command) {
-            item.command({
-                originalEvent: originalEvent,
-                item: item
-            });
-        }
-
-        if (this.popup) {
-            this.hide();
-        }
-
-        if (!this.popup && this.focusedOptionIndex() !== id) {
-            this.focusedOptionIndex.set(id);
-        }
-    }
-
-    onOverlayClick(event: Event) {
-        if (this.popup) {
-            this.overlayService.add({
-                originalEvent: event,
-                target: this.el.nativeElement
-            });
-        }
-
-        this.preventDocumentDefault = true;
-    }
-
-    bindDocumentClickListener() {
-        if (!this.documentClickListener && isPlatformBrowser(this.platformId)) {
-            const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : 'document';
-
-            this.documentClickListener = this.renderer.listen(documentTarget, 'click', (event) => {
-                const isOutsideContainer = this.containerViewChild?.nativeElement && !this.containerViewChild?.nativeElement.contains(event.target);
-                const isOutsideTarget = !(this.target && (this.target === event.target || this.target.contains(event.target)));
-                if (!this.popup && isOutsideContainer && isOutsideTarget) {
-                    this.onListBlur(event);
-                }
-                if (this.preventDocumentDefault && this.overlayVisible && isOutsideContainer && isOutsideTarget) {
-                    this.hide();
-                    this.preventDocumentDefault = false;
-                }
-            });
-        }
-    }
-
-    unbindDocumentClickListener() {
-        if (this.documentClickListener) {
-            this.documentClickListener();
-            this.documentClickListener = null;
-        }
-    }
-
-    bindDocumentResizeListener() {
-        if (!this.documentResizeListener && isPlatformBrowser(this.platformId)) {
-            const window = this.document.defaultView;
-            this.documentResizeListener = this.renderer.listen(window, 'resize', this.onWindowResize.bind(this));
-        }
-    }
-
-    unbindDocumentResizeListener() {
-        if (this.documentResizeListener) {
-            this.documentResizeListener();
-            this.documentResizeListener = null;
-        }
-    }
-
-    bindScrollListener() {
-        if (!this.scrollHandler && isPlatformBrowser(this.platformId)) {
-            this.scrollHandler = new ConnectedOverlayScrollHandler(this.target, () => {
-                if (this.visible) {
-                    this.hide();
-                }
-            });
-        }
-
-        this.scrollHandler?.bindScrollListener();
-    }
-
-    unbindScrollListener() {
-        if (this.scrollHandler) {
-            this.scrollHandler.unbindScrollListener();
-        }
-    }
-
-    onOverlayHide() {
-        this.unbindDocumentClickListener();
-        this.unbindDocumentResizeListener();
-        this.unbindScrollListener();
-        this.preventDocumentDefault = false;
-    }
-
-    ngOnDestroy() {
-        if (this.popup) {
-            if (this.scrollHandler) {
-                this.scrollHandler.destroy();
-                this.scrollHandler = null;
-            }
-
-            if (this.container && this.autoZIndex) {
-                ZIndexUtils.clear(this.container);
-            }
-
-            this.restoreOverlayAppend();
-            this.onOverlayHide();
-        }
-
-        if (!this.popup) {
-            this.unbindDocumentClickListener();
-        }
-    }
-
-    hasSubMenu(): boolean {
-        if (this.model) {
-            for (var item of this.model) {
-                if (item.items) {
-                    return true;
-                }
-            }
-        }
-        return false;
-    }
-
-    isItemHidden(item: any): boolean {
-        if (item.separator) {
-            return item.visible === false || (item.items && item.items.some((subitem) => subitem.visible !== false));
-        }
-        return item.visible === false;
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, RouterModule, RippleModule, TooltipModule, SharedModule],
-    exports: [Menu, RouterModule, TooltipModule, SharedModule],
-    declarations: [Menu, MenuItemContent, SafeHtmlPipe]
-})
-export class MenuModule {}
diff --git a/src/app/components/menu/ng-package.json b/src/app/components/menu/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/menu/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/menu/public_api.ts b/src/app/components/menu/public_api.ts
deleted file mode 100644
index 8267df7..0000000
--- a/src/app/components/menu/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './menu';
diff --git a/src/app/components/menubar/menubar.css b/src/app/components/menubar/menubar.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/components/menubar/menubar.interface.ts b/src/app/components/menubar/menubar.interface.ts
deleted file mode 100644
index 5016db8..0000000
--- a/src/app/components/menubar/menubar.interface.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-
-/**
- * Defines valid templates in Menubar.
- * @group Templates
- */
-export interface MenubarTemplates {
-    /**
-     * Custom item template.
-     */
-    item(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: MenuItem;
-        /**
-         * Whether root or not
-         */
-        root: boolean;
-    }): TemplateRef<{ $implicit: MenuItem; root: boolean }>;
-    /**
-     * Custom template of start.
-     */
-    start(): TemplateRef<any>;
-    /**
-     * Custom template of end.
-     */
-    end(): TemplateRef<any>;
-    /**
-     * Custom template of menuicon.
-     */
-    menuicon(): TemplateRef<any>;
-    /**
-     * Custom template of submenuicon.
-     */
-    submenuicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/menubar/menubar.spec.ts b/src/app/components/menubar/menubar.spec.ts
deleted file mode 100644
index 2fd199a..0000000
--- a/src/app/components/menubar/menubar.spec.ts
+++ /dev/null
@@ -1,393 +0,0 @@
-import { ComponentFixture, fakeAsync, flush, TestBed, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Menubar, MenubarModule, MenubarService, MenubarSub } from './menubar';
-import { RouterModule } from '@angular/router';
-
-describe('Menubar', () => {
-    let menubar: Menubar;
-    let fixture: ComponentFixture<Menubar>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, RouterModule.forRoot([{ path: 'test', component: Menubar }]), MenubarModule],
-            providers: [MenubarService]
-        });
-
-        fixture = TestBed.createComponent(Menubar);
-        menubar = fixture.componentInstance;
-    });
-
-    it('should created by default', () => {
-        fixture.detectChanges();
-
-        const menuEl = fixture.debugElement.query(By.css('.p-menubar'));
-        const subMenuEl = fixture.debugElement.query(By.css('.p-menubar-root-list'));
-        expect(menuEl).toBeTruthy();
-        expect(subMenuEl).toBeTruthy();
-    });
-
-    it('should change style and styleClass', () => {
-        menubar.style = { height: '300px' };
-        menubar.styleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const menuEl = fixture.debugElement.query(By.css('.p-menubar'));
-        expect(menuEl.nativeElement.className).toContain('Primeng ROCKS!');
-        expect(menuEl.nativeElement.style.height).toContain('300px');
-    });
-
-    it('should change autoDisplay baseZIndex and autoZIndex', () => {
-        menubar.autoZIndex = false;
-        menubar.baseZIndex = 20;
-        fixture.detectChanges();
-
-        const subMenu = fixture.debugElement.query(By.css('.p-menubar-root-list')).componentInstance as MenubarSub;
-        expect(subMenu.baseZIndex).toEqual(20);
-        expect(subMenu.autoZIndex).toEqual(false);
-        expect(subMenu.autoDisplay).toBeDefined();
-        expect(subMenu.autoDisplay).toEqual(menubar.autoDisplay);
-        expect(subMenu.autoZIndex).toEqual(menubar.autoZIndex);
-        expect(subMenu.baseZIndex).toEqual(menubar.baseZIndex);
-    });
-
-    it('should show items', () => {
-        menubar.model = [
-            {
-                label: 'File',
-                icon: 'pi pi-file pi-fw',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus'
-                    },
-                    { label: 'Open' },
-                    { separator: true },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const menuEl = fixture.debugElement.query(By.css('.p-menubar-root-list'));
-        expect(menuEl.children.length).toEqual(menubar.model.length);
-        const parentMenuEls = menuEl.queryAll(By.css('.p-menu-parent'));
-        let i = 0;
-        for (let parentMenu of parentMenuEls) {
-            if (menubar.model[i].label) {
-                expect(parentMenu.query(By.css('.p-menuitem-text')).nativeElement.textContent).toEqual(menubar.model[i].label);
-            }
-            if (menubar.model[i].icon) {
-                expect(parentMenu.query(By.css('.p-menuitem-icon')).nativeElement.className).toContain(menubar.model[i].icon);
-            }
-            i++;
-        }
-    });
-
-    it('should call click and show firstParentMenu', () => {
-        menubar.model = [
-            {
-                label: 'File',
-                icon: 'pi pi-fw pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus'
-                    },
-                    { label: 'Open' },
-                    { separator: true },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const parentEl = fixture.debugElement.query(By.css('.p-menubar-root-list'));
-        const firstParentEl = parentEl.query(By.css('.p-menuitem-link'));
-        const secondParentEl = parentEl.queryAll(By.css('.p-menuitem-link'))[1];
-        firstParentEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(firstParentEl?.parent?.parent?.nativeElement.classList.contains('p-menuitem-active')).toBe(true);
-        expect(secondParentEl?.parent?.parent?.nativeElement.classList.contains('p-menuitem-active')).toBe(false);
-    });
-
-    it('should call onItemMouseEnter and not show firstParentMenu', () => {
-        menubar.model = [
-            {
-                label: 'File',
-                icon: 'pi pi-fw pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus'
-                    },
-                    { label: 'Open' },
-                    { separator: true },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const parentEl = fixture.debugElement.query(By.css('.p-menubar-root-list'));
-        const firstParentEl = parentEl.query(By.css('.p-menuitem'));
-        const onItemMouseEnterSpy = spyOn(firstParentEl.componentInstance, 'onItemMouseEnter').and.callThrough();
-        firstParentEl.children[0].nativeElement.dispatchEvent(new Event('mouseenter'));
-        fixture.detectChanges();
-
-        expect(firstParentEl.componentInstance.activeItem).toBeFalsy();
-        expect(onItemMouseEnterSpy).toHaveBeenCalled();
-        expect(firstParentEl.parent.nativeElement.classList).not.toContain('p-menuitem-active');
-    });
-
-    it('should call onItemMouseLeave and not close firstParentMenu', fakeAsync(() => {
-        menubar.model = [
-            {
-                label: 'File',
-                icon: 'pi pi-fw pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus'
-                    },
-                    { label: 'Open' },
-                    { separator: true },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const parentEl = fixture.debugElement.query(By.css('.p-menubar-root-list'));
-        const firstParentEl = parentEl.query(By.css('.p-menuitem-link'));
-        firstParentEl.nativeElement.click();
-        fixture.detectChanges();
-
-        firstParentEl.nativeElement.dispatchEvent(new Event('mouseleave'));
-        tick(300);
-        fixture.detectChanges();
-        expect(firstParentEl?.parent?.parent?.nativeElement.classList.contains('p-menuitem-active')).toBe(true);
-        flush();
-    }));
-
-    it('should call itemClick', () => {
-        menubar.model = [
-            {
-                label: 'File',
-                icon: 'pi pi-fw pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus'
-                    },
-                    { label: 'Open' },
-                    { separator: true },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const parentEl = fixture.debugElement.query(By.css('.p-menubar-root-list'));
-        const firstParentEl = parentEl.query(By.css('.p-menuitem-link'));
-        const secondParentEl = parentEl.queryAll(By.css('.p-menuitem-link'))[1];
-        firstParentEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const firstSubmenuList = fixture.debugElement.query(By.css('.p-submenu-list'));
-        const firstSubItem = firstSubmenuList.children[0];
-        firstSubItem.nativeElement.dispatchEvent(new Event('mouseenter'));
-        fixture.detectChanges();
-
-        expect(firstParentEl?.parent?.parent?.nativeElement.className).toContain('p-menuitem-active');
-        expect(secondParentEl?.parent?.parent?.nativeElement.className).not.toContain('p-menuitem-active');
-    });
-
-    it('should show router items', () => {
-        menubar.model = [
-            {
-                label: 'File',
-                icon: 'pi pi-fw pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        routerLink: 'test'
-                    },
-                    { label: 'Open' },
-                    { separator: true },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const parentEl = fixture.debugElement.query(By.css('.p-menubar-root-list'));
-        const firstParentEl = parentEl.query(By.css('.p-menuitem-link'));
-        firstParentEl.nativeElement.click();
-        fixture.detectChanges();
-        expect(firstParentEl?.componentInstance.activeItemPath[0].item.label).toEqual(firstParentEl.nativeElement.textContent);
-    });
-
-    it('should call itemClick', () => {
-        menubar.model = [
-            {
-                label: 'File',
-                icon: 'pi pi-fw pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        routerLink: 'test'
-                    },
-                    { label: 'Open' },
-                    { separator: true },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const parentEl = fixture.debugElement.query(By.css('.p-menubar-root-list'));
-        const firstParentEl = parentEl.query(By.css('.p-menuitem-link'));
-        firstParentEl.nativeElement.dispatchEvent(new Event('mouseenter'));
-        fixture.detectChanges();
-
-        const firstSubmenuList = fixture.debugElement.query(By.css('.p-submenu-list'));
-        const firstSubItem = firstSubmenuList.children[0].query(By.css('a'));
-        const itemClickSpy = spyOn(firstSubItem.componentInstance, 'onItemClick').and.callThrough();
-        firstSubItem.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(itemClickSpy).toHaveBeenCalled();
-    });
-
-    it('should change item style and styleClass', () => {
-        menubar.model = [
-            {
-                label: 'File',
-                icon: 'pi pi-fw pi-file',
-                style: { height: '300px' },
-                styleClass: 'Primeng ROCKS!',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus'
-                    },
-                    { label: 'Open' },
-                    { separator: true },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const parentEl = fixture.debugElement.query(By.css('.p-menubar-root-list'));
-        const firstParentEl = parentEl.query(By.css('.p-menuitem'));
-        firstParentEl.nativeElement.dispatchEvent(new Event('mouseenter'));
-        fixture.detectChanges();
-
-        expect(firstParentEl.nativeElement.className).toContain('Primeng ROCKS!');
-        expect(firstParentEl.nativeElement.style.height).toContain('300px');
-    });
-
-    it('should change item disable', () => {
-        menubar.model = [
-            {
-                label: 'File',
-                icon: 'pi pi-fw pi-file',
-                disabled: true,
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus'
-                    },
-                    { label: 'Open' },
-                    { separator: true },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const parentEl = fixture.debugElement.query(By.css('.p-menubar-root-list'));
-        const firstParentEl = parentEl.query(By.css('.p-menuitem-link'));
-        firstParentEl.nativeElement.dispatchEvent(new Event('mouseenter'));
-        fixture.detectChanges();
-
-        expect(firstParentEl.nativeElement.className).toContain('p-disabled');
-    });
-});
diff --git a/src/app/components/menubar/menubar.ts b/src/app/components/menubar/menubar.ts
deleted file mode 100644
index 6d9c7f8..0000000
--- a/src/app/components/menubar/menubar.ts
+++ /dev/null
@@ -1,1136 +0,0 @@
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Injectable,
-    Input,
-    NgModule,
-    OnDestroy,
-    OnInit,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    effect,
-    numberAttribute,
-    signal
-} from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { MenuItem, PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { AngleDownIcon } from 'primeng/icons/angledown';
-import { AngleRightIcon } from 'primeng/icons/angleright';
-import { BarsIcon } from 'primeng/icons/bars';
-import { RippleModule } from 'primeng/ripple';
-import { TooltipModule } from 'primeng/tooltip';
-import { VoidListener } from 'primeng/ts-helpers';
-import { ObjectUtils, UniqueComponentId, ZIndexUtils } from 'primeng/utils';
-import { Subject, Subscription, interval } from 'rxjs';
-import { debounce, filter } from 'rxjs/operators';
-
-@Injectable()
-export class MenubarService {
-    autoHide: boolean | undefined;
-
-    autoHideDelay: number | undefined;
-
-    readonly mouseLeaves = new Subject<boolean>();
-
-    readonly mouseLeft$ = this.mouseLeaves.pipe(
-        debounce(() => interval(this.autoHideDelay)),
-        filter((mouseLeft) => (this.autoHide as boolean) && mouseLeft)
-    );
-}
-
-@Component({
-    selector: 'p-menubarSub',
-    template: `
-        <ul
-            #menubar
-            [ngClass]="{ 'p-submenu-list': !root, 'p-menubar-root-list': root }"
-            [attr.data-pc-section]="'menu'"
-            role="menubar"
-            (focus)="menuFocus.emit($event)"
-            (blur)="menuBlur.emit($event)"
-            [tabindex]="0"
-            [attr.aria-label]="ariaLabel"
-            [attr.aria-labelledBy]="ariaLabelledBy"
-            (keydown)="menuKeydown.emit($event)"
-            [attr.id]="root ? menuId : null"
-            [attr.aria-activedescendant]="focusedItemId"
-        >
-            <ng-template ngFor let-processedItem [ngForOf]="items" let-index="index">
-                <li
-                    *ngIf="isItemVisible(processedItem) && getItemProp(processedItem, 'separator')"
-                    [attr.id]="getItemId(processedItem)"
-                    [ngStyle]="getItemProp(processedItem, 'style')"
-                    [ngClass]="getSeparatorItemClass(processedItem)"
-                    role="separator"
-                    [attr.data-pc-section]="'separator'"
-                ></li>
-                <li
-                    #listItem
-                    *ngIf="isItemVisible(processedItem) && !getItemProp(processedItem, 'separator')"
-                    role="menuitem"
-                    [attr.id]="getItemId(processedItem)"
-                    [attr.data-pc-section]="'menuitem'"
-                    [attr.data-p-highlight]="isItemActive(processedItem)"
-                    [attr.data-p-focused]="isItemFocused(processedItem)"
-                    [attr.data-p-disabled]="isItemDisabled(processedItem)"
-                    [attr.aria-label]="getItemLabel(processedItem)"
-                    [attr.aria-disabled]="isItemDisabled(processedItem) || undefined"
-                    [attr.aria-haspopup]="isItemGroup(processedItem) && !getItemProp(processedItem, 'to') ? 'menu' : undefined"
-                    [attr.aria-expanded]="isItemGroup(processedItem) ? isItemActive(processedItem) : undefined"
-                    [attr.aria-level]="level + 1"
-                    [attr.aria-setsize]="getAriaSetSize()"
-                    [attr.aria-posinset]="getAriaPosInset(index)"
-                    [ngStyle]="getItemProp(processedItem, 'style')"
-                    [ngClass]="getItemClass(processedItem)"
-                    [class]="getItemProp(processedItem, 'styleClass')"
-                    pTooltip
-                    [tooltipOptions]="getItemProp(processedItem, 'tooltipOptions')"
-                >
-                    <div class="p-menuitem-content" [attr.data-pc-section]="'content'" (click)="onItemClick($event, processedItem)" (mouseenter)="onItemMouseEnter({ $event, processedItem })">
-                        <ng-container *ngIf="!itemTemplate">
-                            <a
-                                *ngIf="!getItemProp(processedItem, 'routerLink')"
-                                [attr.href]="getItemProp(processedItem, 'url')"
-                                [attr.data-automationid]="getItemProp(processedItem, 'automationId')"
-                                [attr.data-pc-section]="'action'"
-                                [target]="getItemProp(processedItem, 'target')"
-                                [ngClass]="{ 'p-menuitem-link': true, 'p-disabled': getItemProp(processedItem, 'disabled') }"
-                                [attr.tabindex]="-1"
-                                pRipple
-                            >
-                                <span
-                                    *ngIf="getItemProp(processedItem, 'icon')"
-                                    class="p-menuitem-icon"
-                                    [ngClass]="getItemProp(processedItem, 'icon')"
-                                    [ngStyle]="getItemProp(processedItem, 'iconStyle')"
-                                    [attr.data-pc-section]="'icon'"
-                                    [attr.tabindex]="-1"
-                                >
-                                </span>
-                                <span *ngIf="getItemProp(processedItem, 'escape'); else htmlLabel" class="p-menuitem-text" [attr.data-pc-section]="'label'" [id]="getItemLabelId(processedItem)">
-                                    {{ getItemLabel(processedItem) }}
-                                </span>
-                                <ng-template #htmlLabel>
-                                    <span class="p-menuitem-text" [innerHTML]="getItemLabel(processedItem)" [attr.data-pc-section]="'label'" [id]="getItemLabelId(processedItem)"></span>
-                                </ng-template>
-                                <span class="p-menuitem-badge" *ngIf="getItemProp(processedItem, 'badge')" [ngClass]="getItemProp(processedItem, 'badgeStyleClass')">{{ getItemProp(processedItem, 'badge') }}</span>
-
-                                <ng-container *ngIf="isItemGroup(processedItem)">
-                                    <ng-container *ngIf="!submenuIconTemplate">
-                                        <AngleDownIcon [styleClass]="'p-submenu-icon'" *ngIf="root" [attr.data-pc-section]="'submenuicon'" />
-                                        <AngleRightIcon [styleClass]="'p-submenu-icon'" *ngIf="!root" [attr.data-pc-section]="'submenuicon'" />
-                                    </ng-container>
-                                    <ng-template *ngTemplateOutlet="submenuIconTemplate" [attr.data-pc-section]="'submenuicon'"></ng-template>
-                                </ng-container>
-                            </a>
-                            <a
-                                *ngIf="getItemProp(processedItem, 'routerLink')"
-                                [routerLink]="getItemProp(processedItem, 'routerLink')"
-                                [attr.data-automationid]="getItemProp(processedItem, 'automationId')"
-                                [attr.tabindex]="-1"
-                                [attr.data-pc-section]="'action'"
-                                [queryParams]="getItemProp(processedItem, 'queryParams')"
-                                [routerLinkActive]="'p-menuitem-link-active'"
-                                [routerLinkActiveOptions]="getItemProp(processedItem, 'routerLinkActiveOptions') || { exact: false }"
-                                [target]="getItemProp(processedItem, 'target')"
-                                [ngClass]="{ 'p-menuitem-link': true, 'p-disabled': getItemProp(processedItem, 'disabled') }"
-                                [fragment]="getItemProp(processedItem, 'fragment')"
-                                [queryParamsHandling]="getItemProp(processedItem, 'queryParamsHandling')"
-                                [preserveFragment]="getItemProp(processedItem, 'preserveFragment')"
-                                [skipLocationChange]="getItemProp(processedItem, 'skipLocationChange')"
-                                [replaceUrl]="getItemProp(processedItem, 'replaceUrl')"
-                                [state]="getItemProp(processedItem, 'state')"
-                                pRipple
-                            >
-                                <span
-                                    class="p-menuitem-icon"
-                                    *ngIf="getItemProp(processedItem, 'icon')"
-                                    [ngClass]="getItemProp(processedItem, 'icon')"
-                                    [ngStyle]="getItemProp(processedItem, 'iconStyle')"
-                                    [attr.data-pc-section]="'icon'"
-                                    [attr.tabindex]="-1"
-                                ></span>
-                                <span class="p-menuitem-text" *ngIf="getItemProp(processedItem, 'escape'); else htmlRouteLabel">{{ getItemLabel(processedItem) }}</span>
-                                <ng-template #htmlRouteLabel><span class="p-menuitem-text" [innerHTML]="getItemLabel(processedItem)" [attr.data-pc-section]="'label'"></span></ng-template>
-                                <span class="p-menuitem-badge" *ngIf="getItemProp(processedItem, 'badge')" [ngClass]="getItemProp(processedItem, 'badgeStyleClass')">{{ getItemProp(processedItem, 'badge') }}</span>
-                                <ng-container *ngIf="isItemGroup(processedItem)">
-                                    <ng-container *ngIf="!menubar.submenuIconTemplate">
-                                        <AngleDownIcon [styleClass]="'p-submenu-icon'" [attr.data-pc-section]="'submenuicon'" *ngIf="root" />
-                                        <AngleRightIcon [styleClass]="'p-submenu-icon'" [attr.data-pc-section]="'submenuicon'" *ngIf="!root" />
-                                    </ng-container>
-                                    <ng-template *ngTemplateOutlet="menubar.submenuIconTemplate" [attr.data-pc-section]="'submenuicon'"></ng-template>
-                                </ng-container>
-                            </a>
-                        </ng-container>
-                        <ng-container *ngIf="itemTemplate">
-                            <ng-template *ngTemplateOutlet="itemTemplate; context: { $implicit: processedItem.item, root: root }"></ng-template>
-                        </ng-container>
-                    </div>
-                    <p-menubarSub
-                        *ngIf="isItemVisible(processedItem) && isItemGroup(processedItem)"
-                        [itemTemplate]="itemTemplate"
-                        [items]="processedItem.items"
-                        [mobileActive]="mobileActive"
-                        [autoDisplay]="autoDisplay"
-                        [menuId]="menuId"
-                        [activeItemPath]="activeItemPath"
-                        [focusedItemId]="focusedItemId"
-                        [level]="level + 1"
-                        [ariaLabelledBy]="getItemLabelId(processedItem)"
-                        (itemClick)="itemClick.emit($event)"
-                        (itemMouseEnter)="onItemMouseEnter($event)"
-                    >
-                    </p-menubarSub>
-                </li>
-            </ng-template>
-        </ul>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class MenubarSub implements OnInit, OnDestroy {
-    @Input() items: any[];
-
-    @Input() itemTemplate: HTMLElement | undefined;
-
-    @Input({ transform: booleanAttribute }) root: boolean = false;
-
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-
-    @Input({ transform: booleanAttribute }) mobileActive: boolean | undefined;
-
-    @Input({ transform: booleanAttribute }) autoDisplay: boolean | undefined;
-
-    @Input() menuId: string | undefined;
-
-    @Input() ariaLabel: string | undefined;
-
-    @Input() ariaLabelledBy: string | undefined;
-
-    @Input({ transform: numberAttribute }) level: number = 0;
-
-    @Input() focusedItemId: string | undefined;
-
-    @Input() activeItemPath: any[];
-
-    @Input() submenuIconTemplate: TemplateRef<any> | undefined;
-
-    @Output() itemClick: EventEmitter<any> = new EventEmitter();
-
-    @Output() itemMouseEnter: EventEmitter<any> = new EventEmitter();
-
-    @Output() menuFocus: EventEmitter<any> = new EventEmitter();
-
-    @Output() menuBlur: EventEmitter<any> = new EventEmitter();
-
-    @Output() menuKeydown: EventEmitter<any> = new EventEmitter();
-
-    @ViewChild('menubar', { static: true }) menubarViewChild: ElementRef;
-
-    mouseLeaveSubscriber: Subscription | undefined;
-
-    constructor(
-        public el: ElementRef,
-        public renderer: Renderer2,
-        private cd: ChangeDetectorRef,
-        private menubarService: MenubarService
-    ) {}
-
-    ngOnInit() {
-        this.mouseLeaveSubscriber = this.menubarService.mouseLeft$.subscribe(() => {
-            this.cd.markForCheck();
-        });
-    }
-
-    onItemClick(event: any, processedItem: any) {
-        this.getItemProp(processedItem, 'command', { originalEvent: event, item: processedItem.item });
-        this.itemClick.emit({ originalEvent: event, processedItem, isFocus: true });
-    }
-
-    getItemProp(processedItem: any, name: string, params: any | null = null) {
-        return processedItem && processedItem.item ? ObjectUtils.getItemValue(processedItem.item[name], params) : undefined;
-    }
-
-    getItemId(processedItem: any): string {
-        return processedItem.item && processedItem.item?.id ? processedItem.item.id : `${this.menuId}_${processedItem.key}`;
-    }
-
-    getItemKey(processedItem: any): string {
-        return this.getItemId(processedItem);
-    }
-
-    getItemLabelId(processedItem: any): string {
-        return `${this.menuId}_${processedItem.key}_label`;
-    }
-
-    getItemClass(processedItem: any) {
-        return {
-            ...this.getItemProp(processedItem, 'class'),
-            'p-menuitem': true,
-            'p-highlight': this.isItemActive(processedItem),
-            'p-menuitem-active': this.isItemActive(processedItem),
-            'p-focus': this.isItemFocused(processedItem),
-            'p-disabled': this.isItemDisabled(processedItem)
-        };
-    }
-
-    getItemLabel(processedItem: any): string {
-        return this.getItemProp(processedItem, 'label');
-    }
-
-    getSeparatorItemClass(processedItem: any) {
-        return {
-            ...this.getItemProp(processedItem, 'class'),
-            'p-menuitem-separator': true
-        };
-    }
-
-    isItemVisible(processedItem: any): boolean {
-        return this.getItemProp(processedItem, 'visible') !== false;
-    }
-
-    isItemActive(processedItem: any): boolean {
-        if (this.activeItemPath) {
-            return this.activeItemPath.some((path) => path.key === processedItem.key);
-        }
-    }
-
-    isItemDisabled(processedItem: any): boolean {
-        return this.getItemProp(processedItem, 'disabled');
-    }
-
-    isItemFocused(processedItem: any): boolean {
-        return this.focusedItemId === this.getItemId(processedItem);
-    }
-
-    isItemGroup(processedItem: any): boolean {
-        return ObjectUtils.isNotEmpty(processedItem.items);
-    }
-
-    getAriaSetSize() {
-        return this.items.filter((processedItem) => this.isItemVisible(processedItem) && !this.getItemProp(processedItem, 'separator')).length;
-    }
-
-    getAriaPosInset(index: number) {
-        return index - this.items.slice(0, index).filter((processedItem) => this.isItemVisible(processedItem) && this.getItemProp(processedItem, 'separator')).length + 1;
-    }
-
-    onItemMouseLeave() {
-        this.menubarService.mouseLeaves.next(true);
-    }
-
-    onItemMouseEnter(param: any) {
-        if (this.autoDisplay) {
-            this.menubarService.mouseLeaves.next(false);
-            const { event, processedItem } = param;
-            this.itemMouseEnter.emit({ originalEvent: event, processedItem });
-        }
-    }
-
-    ngOnDestroy() {
-        this.mouseLeaveSubscriber?.unsubscribe();
-    }
-}
-/**
- * Menubar is a horizontal menu component.
- * @group Components
- */
-@Component({
-    selector: 'p-menubar',
-    template: `
-        <div [ngClass]="{ 'p-menubar p-component': true, 'p-menubar-mobile-active': mobileActive }" [class]="styleClass" [ngStyle]="style" [attr.data-pc-section]="'root'" [attr.data-pc-name]="'menubar'">
-            <div class="p-menubar-start" *ngIf="startTemplate">
-                <ng-container *ngTemplateOutlet="startTemplate"></ng-container>
-            </div>
-            <a
-                #menubutton
-                tabindex="0"
-                role="button"
-                [attr.aria-haspopup]="model.length && model.length > 0 ? true : false"
-                [attr.aria-expanded]="mobileActive"
-                [attr.aria-controls]="id"
-                [attr.aria-label]="config.translation.aria.navigation"
-                [attr.data-pc-section]="'button'"
-                *ngIf="model && model.length > 0"
-                class="p-menubar-button"
-                (click)="menuButtonClick($event)"
-                (keydown)="menuButtonKeydown($event)"
-            >
-                <BarsIcon *ngIf="!menuIconTemplate" />
-                <ng-template *ngTemplateOutlet="menuIconTemplate"></ng-template>
-            </a>
-            <p-menubarSub
-                #rootmenu
-                [items]="processedItems"
-                [itemTemplate]="itemTemplate"
-                [menuId]="id"
-                [root]="true"
-                [baseZIndex]="baseZIndex"
-                [autoZIndex]="autoZIndex"
-                [mobileActive]="mobileActive"
-                [autoDisplay]="autoDisplay"
-                [ariaLabel]="ariaLabel"
-                [ariaLabelledBy]="ariaLabelledBy"
-                [focusedItemId]="focused ? focusedItemId : undefined"
-                [submenuIconTemplate]="submenuIconTemplate"
-                [activeItemPath]="activeItemPath()"
-                (itemClick)="onItemClick($event)"
-                (menuFocus)="onMenuFocus($event)"
-                (menuBlur)="onMenuBlur($event)"
-                (menuKeydown)="onKeyDown($event)"
-                (itemMouseEnter)="onItemMouseEnter($event)"
-            ></p-menubarSub>
-            <div class="p-menubar-end" *ngIf="endTemplate; else legacy">
-                <ng-container *ngTemplateOutlet="endTemplate"></ng-container>
-            </div>
-            <ng-template #legacy>
-                <div class="p-menubar-end">
-                    <ng-content></ng-content>
-                </div>
-            </ng-template>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./menubar.css'],
-    host: {
-        class: 'p-element'
-    },
-    providers: [MenubarService]
-})
-export class Menubar implements AfterContentInit, OnDestroy, OnInit {
-    /**
-     * An array of menuitems.
-     * @group Props
-     */
-    @Input() set model(value: MenuItem[] | undefined) {
-        this._model = value;
-        this._processedItems = this.createProcessedItems(this._model || []);
-    }
-    get model(): MenuItem[] | undefined {
-        return this._model;
-    }
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-    /**
-     * Whether to show a root submenu on mouse over.
-     * @defaultValue true
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoDisplay: boolean | undefined = true;
-    /**
-     * Whether to hide a root submenu when mouse leaves.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoHide: boolean | undefined;
-    /**
-     * Delay to hide the root submenu in milliseconds when mouse leaves.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) autoHideDelay: number = 100;
-    /**
-     * Current id state as a string.
-     * @group Props
-     */
-    @Input() id: string | undefined;
-    /**
-     * Defines a string value that labels an interactive element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Identifier of the underlying input element.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Callback to execute when button is focused.
-     * @param {FocusEvent} event - Focus event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();
-    /**
-     * Callback to execute when button loses focus.
-     * @param {FocusEvent} event - Focus event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    @ViewChild('menubutton') menubutton: ElementRef | undefined;
-
-    @ViewChild('rootmenu') rootmenu: MenubarSub | undefined;
-
-    startTemplate: TemplateRef<any> | undefined;
-
-    endTemplate: TemplateRef<any> | undefined;
-
-    menuIconTemplate: TemplateRef<any> | undefined;
-
-    submenuIconTemplate: TemplateRef<any> | undefined;
-
-    itemTemplate: TemplateRef<any> | undefined;
-
-    mobileActive: boolean | undefined;
-
-    outsideClickListener: VoidListener;
-
-    resizeListener: VoidListener;
-
-    mouseLeaveSubscriber: Subscription | undefined;
-
-    dirty: boolean = false;
-
-    focused: boolean = false;
-
-    activeItemPath = signal<any>([]);
-
-    number = signal<number>(0);
-
-    focusedItemInfo = signal<any>({ index: -1, level: 0, parentKey: '', item: null });
-
-    searchValue: string = '';
-
-    searchTimeout: any;
-
-    _processedItems: any[];
-
-    _model: MenuItem[] | undefined;
-
-    get visibleItems() {
-        const processedItem = this.activeItemPath().find((p) => p.key === this.focusedItemInfo().parentKey);
-
-        return processedItem ? processedItem.items : this.processedItems;
-    }
-
-    get processedItems() {
-        if (!this._processedItems || !this._processedItems.length) {
-            this._processedItems = this.createProcessedItems(this.model || []);
-        }
-        return this._processedItems;
-    }
-
-    get focusedItemId() {
-        const focusedItem = this.focusedItemInfo();
-        return focusedItem.item && focusedItem.item?.id ? focusedItem.item.id : focusedItem.index !== -1 ? `${this.id}${ObjectUtils.isNotEmpty(focusedItem.parentKey) ? '_' + focusedItem.parentKey : ''}_${focusedItem.index}` : null;
-    }
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        public el: ElementRef,
-        public renderer: Renderer2,
-        public cd: ChangeDetectorRef,
-        public config: PrimeNGConfig,
-        private menubarService: MenubarService
-    ) {
-        effect(() => {
-            const path = this.activeItemPath();
-
-            if (ObjectUtils.isNotEmpty(path)) {
-                this.bindOutsideClickListener();
-                this.bindResizeListener();
-            } else {
-                this.unbindOutsideClickListener();
-                this.unbindResizeListener();
-            }
-        });
-    }
-
-    ngOnInit(): void {
-        this.menubarService.autoHide = this.autoHide;
-        this.menubarService.autoHideDelay = this.autoHideDelay;
-        this.mouseLeaveSubscriber = this.menubarService.mouseLeft$.subscribe(() => this.unbindOutsideClickListener());
-        this.id = this.id || UniqueComponentId();
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'start':
-                    this.startTemplate = item.template;
-                    break;
-
-                case 'end':
-                    this.endTemplate = item.template;
-                    break;
-
-                case 'menuicon':
-                    this.menuIconTemplate = item.template;
-                    break;
-
-                case 'submenuicon':
-                    this.submenuIconTemplate = item.template;
-                    break;
-
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    createProcessedItems(items: any, level: number = 0, parent: any = {}, parentKey: any = '') {
-        const processedItems = [];
-
-        items &&
-            items.forEach((item, index) => {
-                const key = (parentKey !== '' ? parentKey + '_' : '') + index;
-                const newItem = {
-                    item,
-                    index,
-                    level,
-                    key,
-                    parent,
-                    parentKey
-                };
-
-                newItem['items'] = this.createProcessedItems(item.items, level + 1, newItem, key);
-                processedItems.push(newItem);
-            });
-
-        return processedItems;
-    }
-
-    getItemProp(item: any, name: string) {
-        return item ? ObjectUtils.getItemValue(item[name]) : undefined;
-    }
-
-    menuButtonClick(event: MouseEvent) {
-        this.toggle(event);
-    }
-
-    menuButtonKeydown(event: any) {
-        (event.code === 'Enter' || event.code === 'Space') && this.menuButtonClick(event);
-    }
-
-    onItemClick(event: any) {
-        const { originalEvent, processedItem } = event;
-        const grouped = this.isProcessedItemGroup(processedItem);
-        const root = ObjectUtils.isEmpty(processedItem.parent);
-        const selected = this.isSelected(processedItem);
-
-        if (selected) {
-            const { index, key, level, parentKey, item } = processedItem;
-
-            this.activeItemPath.set(this.activeItemPath().filter((p) => key !== p.key && key.startsWith(p.key)));
-            this.focusedItemInfo.set({ index, level, parentKey, item });
-
-            this.dirty = !root;
-            DomHandler.focus(this.rootmenu.menubarViewChild.nativeElement);
-        } else {
-            if (grouped) {
-                this.onItemChange(event);
-            } else {
-                const rootProcessedItem = root ? processedItem : this.activeItemPath().find((p) => p.parentKey === '');
-                this.hide(originalEvent);
-                this.changeFocusedItemIndex(originalEvent, rootProcessedItem ? rootProcessedItem.index : -1);
-
-                this.mobileActive = false;
-                DomHandler.focus(this.rootmenu.menubarViewChild.nativeElement);
-            }
-        }
-    }
-
-    onItemMouseEnter(event: any) {
-        if (!DomHandler.isTouchDevice()) {
-            if (!this.mobileActive) {
-                this.onItemChange(event);
-            }
-        }
-    }
-
-    changeFocusedItemIndex(event: any, index: number) {
-        const processedItem = this.findVisibleItem(index);
-        if (this.focusedItemInfo().index !== index) {
-            const focusedItemInfo = this.focusedItemInfo();
-            this.focusedItemInfo.set({ ...focusedItemInfo, item: processedItem.item, index });
-            this.scrollInView();
-        }
-    }
-
-    scrollInView(index: number = -1) {
-        const id = index !== -1 ? `${this.id}_${index}` : this.focusedItemId;
-        const element = DomHandler.findSingle(this.rootmenu.el.nativeElement, `li[id="${id}"]`);
-
-        if (element) {
-            element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-        }
-    }
-
-    onItemChange(event: any) {
-        const { processedItem, isFocus } = event;
-
-        if (ObjectUtils.isEmpty(processedItem)) return;
-
-        const { index, key, level, parentKey, items, item } = processedItem;
-        const grouped = ObjectUtils.isNotEmpty(items);
-        const activeItemPath = this.activeItemPath().filter((p) => p.parentKey !== parentKey && p.parentKey !== key);
-
-        grouped && activeItemPath.push(processedItem);
-        this.focusedItemInfo.set({ index, level, parentKey, item });
-        this.activeItemPath.set(activeItemPath);
-
-        grouped && (this.dirty = true);
-        isFocus && DomHandler.focus(this.rootmenu.menubarViewChild.nativeElement);
-    }
-
-    toggle(event: MouseEvent) {
-        if (this.mobileActive) {
-            this.mobileActive = false;
-            ZIndexUtils.clear(this.rootmenu.el.nativeElement);
-            this.hide();
-        } else {
-            this.mobileActive = true;
-            ZIndexUtils.set('menu', this.rootmenu.el.nativeElement, this.config.zIndex.menu);
-            setTimeout(() => {
-                this.show();
-            }, 0);
-        }
-        this.cd.markForCheck();
-        this.bindOutsideClickListener();
-        event.preventDefault();
-    }
-
-    hide(event?, isFocus?: boolean) {
-        if (this.mobileActive) {
-            setTimeout(() => {
-                DomHandler.focus(this.menubutton.nativeElement);
-            }, 0);
-        }
-
-        this.activeItemPath.set([]);
-        this.focusedItemInfo.set({ index: -1, level: 0, parentKey: '', item: null });
-
-        isFocus && DomHandler.focus(this.rootmenu?.menubarViewChild.nativeElement);
-        this.dirty = false;
-    }
-
-    show() {
-        const processedItem = this.findVisibleItem(this.findFirstFocusedItemIndex());
-        this.focusedItemInfo.set({ index: this.findFirstFocusedItemIndex(), level: 0, parentKey: '', item: processedItem?.item });
-        DomHandler.focus(this.rootmenu?.menubarViewChild.nativeElement);
-    }
-
-    onMenuFocus(event: any) {
-        this.focused = true;
-        const processedItem = this.findVisibleItem(this.findFirstFocusedItemIndex());
-        const focusedItemInfo = this.focusedItemInfo().index !== -1 ? this.focusedItemInfo() : { index: this.findFirstFocusedItemIndex(), level: 0, parentKey: '', item: processedItem?.item };
-
-        this.focusedItemInfo.set(focusedItemInfo);
-        this.onFocus.emit(event);
-    }
-
-    onMenuBlur(event: any) {
-        this.focused = false;
-        this.focusedItemInfo.set({ index: -1, level: 0, parentKey: '', item: null });
-        this.searchValue = '';
-        this.dirty = false;
-        this.onBlur.emit(event);
-    }
-
-    onKeyDown(event: KeyboardEvent) {
-        const metaKey = event.metaKey || event.ctrlKey;
-
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUpKey(event);
-                break;
-
-            case 'ArrowLeft':
-                this.onArrowLeftKey(event);
-                break;
-
-            case 'ArrowRight':
-                this.onArrowRightKey(event);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event);
-                break;
-
-            case 'End':
-                this.onEndKey(event);
-                break;
-
-            case 'Space':
-                this.onSpaceKey(event);
-                break;
-
-            case 'Enter':
-                this.onEnterKey(event);
-                break;
-
-            case 'Escape':
-                this.onEscapeKey(event);
-                break;
-
-            case 'Tab':
-                this.onTabKey(event);
-                break;
-
-            case 'PageDown':
-            case 'PageUp':
-            case 'Backspace':
-            case 'ShiftLeft':
-            case 'ShiftRight':
-                //NOOP
-                break;
-
-            default:
-                if (!metaKey && ObjectUtils.isPrintableCharacter(event.key)) {
-                    this.searchItems(event, event.key);
-                }
-
-                break;
-        }
-    }
-
-    findVisibleItem(index) {
-        return ObjectUtils.isNotEmpty(this.visibleItems) ? this.visibleItems[index] : null;
-    }
-
-    findFirstFocusedItemIndex() {
-        const selectedIndex = this.findSelectedItemIndex();
-
-        return selectedIndex < 0 ? this.findFirstItemIndex() : selectedIndex;
-    }
-
-    findFirstItemIndex() {
-        return this.visibleItems.findIndex((processedItem) => this.isValidItem(processedItem));
-    }
-
-    findSelectedItemIndex() {
-        return this.visibleItems.findIndex((processedItem) => this.isValidSelectedItem(processedItem));
-    }
-
-    isProcessedItemGroup(processedItem: any): boolean {
-        return processedItem && ObjectUtils.isNotEmpty(processedItem.items);
-    }
-
-    isSelected(processedItem: any): boolean {
-        return this.activeItemPath().some((p) => p.key === processedItem.key);
-    }
-
-    isValidSelectedItem(processedItem: any): boolean {
-        return this.isValidItem(processedItem) && this.isSelected(processedItem);
-    }
-
-    isValidItem(processedItem: any): boolean {
-        return !!processedItem && !this.isItemDisabled(processedItem.item) && !this.isItemSeparator(processedItem.item);
-    }
-
-    isItemDisabled(item: any): boolean {
-        return this.getItemProp(item, 'disabled');
-    }
-
-    isItemSeparator(item: any): boolean {
-        return this.getItemProp(item, 'separator');
-    }
-
-    isItemMatched(processedItem: any): boolean {
-        return this.isValidItem(processedItem) && this.getProccessedItemLabel(processedItem).toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase());
-    }
-
-    isProccessedItemGroup(processedItem: any): boolean {
-        return processedItem && ObjectUtils.isNotEmpty(processedItem.items);
-    }
-
-    searchItems(event: any, char: string) {
-        this.searchValue = (this.searchValue || '') + char;
-
-        let itemIndex = -1;
-        let matched = false;
-
-        if (this.focusedItemInfo().index !== -1) {
-            itemIndex = this.visibleItems.slice(this.focusedItemInfo().index).findIndex((processedItem) => this.isItemMatched(processedItem));
-            itemIndex = itemIndex === -1 ? this.visibleItems.slice(0, this.focusedItemInfo().index).findIndex((processedItem) => this.isItemMatched(processedItem)) : itemIndex + this.focusedItemInfo().index;
-        } else {
-            itemIndex = this.visibleItems.findIndex((processedItem) => this.isItemMatched(processedItem));
-        }
-
-        if (itemIndex !== -1) {
-            matched = true;
-        }
-
-        if (itemIndex === -1 && this.focusedItemInfo().index === -1) {
-            itemIndex = this.findFirstFocusedItemIndex();
-        }
-
-        if (itemIndex !== -1) {
-            this.changeFocusedItemIndex(event, itemIndex);
-        }
-
-        if (this.searchTimeout) {
-            clearTimeout(this.searchTimeout);
-        }
-
-        this.searchTimeout = setTimeout(() => {
-            this.searchValue = '';
-            this.searchTimeout = null;
-        }, 500);
-
-        return matched;
-    }
-
-    getProccessedItemLabel(processedItem: any) {
-        return processedItem ? this.getItemLabel(processedItem.item) : undefined;
-    }
-
-    getItemLabel(item: any) {
-        return this.getItemProp(item, 'label');
-    }
-
-    onArrowDownKey(event: KeyboardEvent) {
-        const processedItem = this.visibleItems[this.focusedItemInfo().index];
-        const root = processedItem ? ObjectUtils.isEmpty(processedItem.parent) : null;
-
-        if (root) {
-            const grouped = this.isProccessedItemGroup(processedItem);
-
-            if (grouped) {
-                this.onItemChange({ originalEvent: event, processedItem });
-                this.focusedItemInfo.set({ index: -1, parentKey: processedItem.key, item: processedItem.item });
-                this.onArrowRightKey(event);
-            }
-        } else {
-            const itemIndex = this.focusedItemInfo().index !== -1 ? this.findNextItemIndex(this.focusedItemInfo().index) : this.findFirstFocusedItemIndex();
-
-            this.changeFocusedItemIndex(event, itemIndex);
-            event.preventDefault();
-        }
-    }
-
-    onArrowRightKey(event: KeyboardEvent) {
-        const processedItem = this.visibleItems[this.focusedItemInfo().index];
-        const parentItem = processedItem ? this.activeItemPath().find((p) => p.key === processedItem.parentKey) : null;
-
-        if (parentItem) {
-            const grouped = this.isProccessedItemGroup(processedItem);
-
-            if (grouped) {
-                this.onItemChange({ originalEvent: event, processedItem });
-                this.focusedItemInfo.set({ index: -1, parentKey: processedItem.key, item: processedItem.item });
-                this.onArrowDownKey(event);
-            }
-        } else {
-            const itemIndex = this.focusedItemInfo().index !== -1 ? this.findNextItemIndex(this.focusedItemInfo().index) : this.findFirstFocusedItemIndex();
-
-            this.changeFocusedItemIndex(event, itemIndex);
-            event.preventDefault();
-        }
-    }
-
-    onArrowUpKey(event: KeyboardEvent) {
-        const processedItem = this.visibleItems[this.focusedItemInfo().index];
-        const root = ObjectUtils.isEmpty(processedItem.parent);
-
-        if (root) {
-            const grouped = this.isProccessedItemGroup(processedItem);
-
-            if (grouped) {
-                this.onItemChange({ originalEvent: event, processedItem });
-                this.focusedItemInfo.set({ index: -1, parentKey: processedItem.key, item: processedItem.item });
-                const itemIndex = this.findLastItemIndex();
-
-                this.changeFocusedItemIndex(event, itemIndex);
-            }
-        } else {
-            const parentItem = this.activeItemPath().find((p) => p.key === processedItem.parentKey);
-            if (this.focusedItemInfo().index === 0) {
-                this.focusedItemInfo.set({ index: -1, parentKey: parentItem ? parentItem.parentKey : '', item: processedItem.item });
-                this.searchValue = '';
-                this.onArrowLeftKey(event);
-                const activeItemPath = this.activeItemPath().filter((p) => p.parentKey !== this.focusedItemInfo().parentKey);
-                this.activeItemPath.set(activeItemPath);
-            } else {
-                const itemIndex = this.focusedItemInfo().index !== -1 ? this.findPrevItemIndex(this.focusedItemInfo().index) : this.findLastFocusedItemIndex();
-                this.changeFocusedItemIndex(event, itemIndex);
-            }
-        }
-
-        event.preventDefault();
-    }
-
-    onArrowLeftKey(event: KeyboardEvent) {
-        const processedItem = this.visibleItems[this.focusedItemInfo().index];
-        const parentItem = processedItem ? this.activeItemPath().find((p) => p.key === processedItem.parentKey) : null;
-
-        if (parentItem) {
-            this.onItemChange({ originalEvent: event, processedItem: parentItem });
-            const activeItemPath = this.activeItemPath().filter((p) => p.parentKey !== this.focusedItemInfo().parentKey);
-            this.activeItemPath.set(activeItemPath);
-
-            event.preventDefault();
-        } else {
-            const itemIndex = this.focusedItemInfo().index !== -1 ? this.findPrevItemIndex(this.focusedItemInfo().index) : this.findLastFocusedItemIndex();
-            this.changeFocusedItemIndex(event, itemIndex);
-            event.preventDefault();
-        }
-    }
-
-    onHomeKey(event: KeyboardEvent) {
-        this.changeFocusedItemIndex(event, this.findFirstItemIndex());
-        event.preventDefault();
-    }
-
-    onEndKey(event: KeyboardEvent) {
-        this.changeFocusedItemIndex(event, this.findLastItemIndex());
-        event.preventDefault();
-    }
-
-    onSpaceKey(event: KeyboardEvent) {
-        this.onEnterKey(event);
-    }
-
-    onEscapeKey(event: KeyboardEvent) {
-        this.hide(event, true);
-        this.focusedItemInfo().index = this.findFirstFocusedItemIndex();
-
-        event.preventDefault();
-    }
-
-    onTabKey(event: KeyboardEvent) {
-        if (this.focusedItemInfo().index !== -1) {
-            const processedItem = this.visibleItems[this.focusedItemInfo().index];
-            const grouped = this.isProccessedItemGroup(processedItem);
-
-            !grouped && this.onItemChange({ originalEvent: event, processedItem });
-        }
-
-        this.hide();
-    }
-
-    onEnterKey(event: KeyboardEvent) {
-        if (this.focusedItemInfo().index !== -1) {
-            const element = DomHandler.findSingle(this.rootmenu.el.nativeElement, `li[id="${`${this.focusedItemId}`}"]`);
-            const anchorElement = element && DomHandler.findSingle(element, 'a[data-pc-section="action"]');
-
-            anchorElement ? anchorElement.click() : element && element.click();
-        }
-
-        event.preventDefault();
-    }
-
-    findLastFocusedItemIndex() {
-        const selectedIndex = this.findSelectedItemIndex();
-        return selectedIndex < 0 ? this.findLastItemIndex() : selectedIndex;
-    }
-
-    findLastItemIndex() {
-        return ObjectUtils.findLastIndex(this.visibleItems, (processedItem) => this.isValidItem(processedItem));
-    }
-
-    findPrevItemIndex(index: number) {
-        const matchedItemIndex = index > 0 ? ObjectUtils.findLastIndex(this.visibleItems.slice(0, index), (processedItem) => this.isValidItem(processedItem)) : -1;
-
-        return matchedItemIndex > -1 ? matchedItemIndex : index;
-    }
-
-    findNextItemIndex(index: number) {
-        const matchedItemIndex = index < this.visibleItems.length - 1 ? this.visibleItems.slice(index + 1).findIndex((processedItem) => this.isValidItem(processedItem)) : -1;
-
-        return matchedItemIndex > -1 ? matchedItemIndex + index + 1 : index;
-    }
-
-    bindResizeListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.resizeListener) {
-                this.resizeListener = this.renderer.listen(this.document.defaultView, 'resize', (event) => {
-                    if (!DomHandler.isTouchDevice()) {
-                        this.hide(event, true);
-                    }
-
-                    this.mobileActive = false;
-                });
-            }
-        }
-    }
-
-    bindOutsideClickListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.outsideClickListener) {
-                this.outsideClickListener = this.renderer.listen(this.document, 'click', (event) => {
-                    const isOutsideContainer = this.rootmenu.el.nativeElement !== event.target && !this.rootmenu.el.nativeElement.contains(event.target);
-                    const isOutsideMenuButton = this.mobileActive && this.menubutton.nativeElement !== event.target && !this.menubutton.nativeElement.contains(event.target);
-
-                    if (isOutsideContainer) {
-                        isOutsideMenuButton ? (this.mobileActive = false) : this.hide();
-                    }
-                });
-            }
-        }
-    }
-
-    unbindOutsideClickListener() {
-        if (this.outsideClickListener) {
-            this.outsideClickListener();
-            this.outsideClickListener = null;
-        }
-    }
-
-    unbindResizeListener() {
-        if (this.resizeListener) {
-            this.resizeListener();
-            this.resizeListener = null;
-        }
-    }
-
-    ngOnDestroy() {
-        this.mouseLeaveSubscriber?.unsubscribe();
-        this.unbindOutsideClickListener();
-        this.unbindResizeListener();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, RouterModule, RippleModule, TooltipModule, SharedModule, BarsIcon, AngleDownIcon, AngleRightIcon],
-    exports: [Menubar, RouterModule, TooltipModule, SharedModule],
-    declarations: [Menubar, MenubarSub]
-})
-export class MenubarModule {}
diff --git a/src/app/components/menubar/ng-package.json b/src/app/components/menubar/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/menubar/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/menubar/public_api.ts b/src/app/components/menubar/public_api.ts
deleted file mode 100644
index 0de74c4..0000000
--- a/src/app/components/menubar/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './menubar';
-export * from './menubar.interface';
diff --git a/src/app/components/message/message.css b/src/app/components/message/message.css
deleted file mode 100644
index 3ff4ab2..0000000
--- a/src/app/components/message/message.css
+++ /dev/null
@@ -1,17 +0,0 @@
-@layer primeng {
-    .p-inline-message {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        vertical-align: top;
-    }
-
-    .p-inline-message-icon-only .p-inline-message-text {
-        visibility: hidden;
-        width: 0;
-    }
-
-    .p-fluid .p-inline-message {
-        display: flex;
-    }
-}
diff --git a/src/app/components/message/message.spec.ts b/src/app/components/message/message.spec.ts
deleted file mode 100644
index 4d6a35f..0000000
--- a/src/app/components/message/message.spec.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { UIMessage } from './message';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { InfoCircleIcon } from 'primeng/icons/infocircle';
-import { ExclamationTriangleIcon } from 'primeng/icons/exclamationtriangle';
-import { TimesCircleIcon } from 'primeng/icons/timescircle';
-import { CheckIcon } from 'primeng/icons/check';
-
-describe('UIMessage', () => {
-    let message: UIMessage;
-    let fixture: ComponentFixture<UIMessage>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, InfoCircleIcon, ExclamationTriangleIcon, TimesCircleIcon, CheckIcon],
-            declarations: [UIMessage]
-        });
-
-        fixture = TestBed.createComponent(UIMessage);
-        message = fixture.componentInstance;
-    });
-
-    it('should change severity to success and text', () => {
-        message.severity = 'success';
-        message.text = 'Primeng Rocks!';
-        fixture.detectChanges();
-
-        const messageEl = fixture.debugElement.query(By.css('div'));
-        const iconEl = fixture.debugElement.query(By.css('.p-inline-message-icon'));
-        const textEl = fixture.debugElement.query(By.css('.p-inline-message-text'));
-        expect(messageEl.nativeElement).toBeTruthy();
-        expect(messageEl.nativeElement.className).toContain('p-inline-message-success');
-        expect(iconEl.nativeElement.parentElement.tagName.toLowerCase()).toEqual('checkicon');
-        expect(textEl.nativeElement.textContent).toContain('Primeng Rocks!');
-    });
-
-    it('should change severity to info', () => {
-        message.severity = 'info';
-        fixture.detectChanges();
-
-        const messageEl = fixture.debugElement.query(By.css('div'));
-        const iconEl = fixture.debugElement.query(By.css('.p-inline-message-icon'));
-        expect(messageEl.nativeElement).toBeTruthy();
-        expect(messageEl.nativeElement.className).toContain('p-inline-message-info');
-        expect(iconEl.nativeElement.parentElement.tagName.toLowerCase()).toEqual('infocircleicon');
-    });
-
-    it('should change severity to danger', () => {
-        message.severity = 'danger';
-        fixture.detectChanges();
-
-        const messageEl = fixture.debugElement.query(By.css('div'));
-        const iconEl = fixture.debugElement.query(By.css('.p-inline-message-icon'));
-        expect(messageEl.nativeElement).toBeTruthy();
-        expect(messageEl.nativeElement.className).toContain('p-inline-message-danger');
-        expect(iconEl.nativeElement.parentElement.tagName.toLowerCase()).toEqual('timescircleicon');
-    });
-
-    it('should change severity to warning', () => {
-        message.severity = 'warning';
-        fixture.detectChanges();
-
-        const messageEl = fixture.debugElement.query(By.css('div'));
-        const iconEl = fixture.debugElement.query(By.css('.p-inline-message-icon'));
-        expect(messageEl.nativeElement).toBeTruthy();
-        expect(messageEl.nativeElement.className).toContain('p-inline-message-warn');
-        expect(iconEl.nativeElement.parentElement.tagName.toLowerCase()).toEqual('exclamationtriangleicon');
-    });
-
-    it('should change severity to default', () => {
-        message.severity = 'primary';
-        fixture.detectChanges();
-
-        const messageEl = fixture.debugElement.query(By.css('div'));
-        const iconEl = fixture.debugElement.query(By.css('.p-inline-message-icon'));
-        expect(messageEl.nativeElement).toBeTruthy();
-        expect(iconEl.nativeElement.parentElement.tagName.toLowerCase()).toEqual('infocircleicon');
-    });
-});
diff --git a/src/app/components/message/message.ts b/src/app/components/message/message.ts
deleted file mode 100644
index 4f976e3..0000000
--- a/src/app/components/message/message.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input, NgModule, ViewEncapsulation, booleanAttribute } from '@angular/core';
-import { CheckIcon } from 'primeng/icons/check';
-import { ExclamationTriangleIcon } from 'primeng/icons/exclamationtriangle';
-import { InfoCircleIcon } from 'primeng/icons/infocircle';
-import { TimesCircleIcon } from 'primeng/icons/timescircle';
-/**
- * Message groups a collection of contents in tabs.
- * @group Components
- */
-@Component({
-    selector: 'p-message',
-    template: `
-        <div aria-live="polite" class="p-inline-message p-component p-inline-message" [ngStyle]="style" [class]="styleClass" [ngClass]="containerClass">
-            <CheckIcon *ngIf="icon === 'success'" [styleClass]="'p-inline-message-icon'" />
-            <InfoCircleIcon *ngIf="icon === 'info'" [styleClass]="'p-inline-message-icon'" />
-            <TimesCircleIcon *ngIf="icon === 'error'" [styleClass]="'p-inline-message-icon'" />
-            <ExclamationTriangleIcon *ngIf="icon === 'warn'" [styleClass]="'p-inline-message-icon'" />
-            <div *ngIf="!escape; else escapeOut">
-                <span *ngIf="!escape" class="p-inline-message-text" [innerHTML]="text"></span>
-            </div>
-            <ng-template #escapeOut>
-                <span *ngIf="escape" class="p-inline-message-text">{{ text }}</span>
-            </ng-template>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./message.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class UIMessage {
-    /**
-     * Severity level of the message.
-     * @group Props
-     */
-    @Input() severity: 'success' | 'info' | 'warn' | 'error' | 'help' | 'primary' | 'secondary' | 'contrast' | string | null | undefined;
-    /**
-     * Text content.
-     * @group Props
-     */
-    @Input() text: string | undefined;
-    /**
-     * Whether displaying messages would be escaped or not.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) escape: boolean = true;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-
-    get icon() {
-        if (this.severity) {
-            return this.severity;
-        } else {
-            return 'info';
-        }
-    }
-
-    get containerClass() {
-        return {
-            [`p-inline-message-${this.severity}`]: this.severity,
-            'p-inline-message-icon-only': this.text == null
-        };
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, CheckIcon, InfoCircleIcon, TimesCircleIcon, ExclamationTriangleIcon],
-    exports: [UIMessage],
-    declarations: [UIMessage]
-})
-export class MessageModule {}
diff --git a/src/app/components/message/ng-package.json b/src/app/components/message/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/message/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/message/public_api.ts b/src/app/components/message/public_api.ts
deleted file mode 100644
index f545587..0000000
--- a/src/app/components/message/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './message';
diff --git a/src/app/components/messages/messages.css b/src/app/components/messages/messages.css
deleted file mode 100644
index 6dae4f9..0000000
--- a/src/app/components/messages/messages.css
+++ /dev/null
@@ -1,23 +0,0 @@
-@layer primeng {
-    .p-message-wrapper {
-        display: flex;
-        align-items: center;
-    }
-
-    .p-message-close {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex: none;
-    }
-
-    .p-message-close.p-link {
-        margin-left: auto;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-messages .p-message.ng-animating {
-        overflow: hidden;
-    }
-}
diff --git a/src/app/components/messages/messages.interface.ts b/src/app/components/messages/messages.interface.ts
deleted file mode 100644
index 1d053ee..0000000
--- a/src/app/components/messages/messages.interface.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { TemplateRef } from '@angular/core';
-/**
- * Defines valid templates in Messages.
- * @group Templates
- */
-export interface MessagesTemplates {
-    /**
-     * Custom template of content.
-     */
-    content(): TemplateRef<any>;
-}
diff --git a/src/app/components/messages/messages.spec.ts b/src/app/components/messages/messages.spec.ts
deleted file mode 100644
index 9ca2e65..0000000
--- a/src/app/components/messages/messages.spec.ts
+++ /dev/null
@@ -1,265 +0,0 @@
-import { Component } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Message, MessageService } from 'primeng/api';
-import { Button } from 'primeng/button';
-import { CheckIcon } from 'primeng/icons/check';
-import { ExclamationTriangleIcon } from 'primeng/icons/exclamationtriangle';
-import { InfoCircleIcon } from 'primeng/icons/infocircle';
-import { TimesIcon } from 'primeng/icons/times';
-import { TimesCircleIcon } from 'primeng/icons/timescircle';
-import { Messages } from './messages';
-
-@Component({
-    template: `
-        <p-messages [(value)]="msgs"></p-messages>
-        <p-messages></p-messages>
-        <button type="button" pButton (click)="showSuccess()" label="Success" class="p-button-success"></button>
-        <button type="button" pButton (click)="showInfo()" label="Info" class="p-button-info"></button>
-        <button type="button" pButton (click)="showWarn()" label="Warn" class="p-button-warning"></button>
-        <button type="button" pButton (click)="showError()" label="Error" class="p-button-danger"></button>
-        <button type="button" pButton (click)="showDefault()"></button>
-        <button type="button" pButton (click)="showViaService()" label="Use Service"></button>
-        <button type="button" pButton (click)="showAllViaService()" label="Use Service"></button>
-        <button type="button" pButton (click)="clearWithService()" label="Use Service"></button>
-        <button type="button" pButton (click)="clearWithServiceAndKey()" label="Use Service"></button>
-        <button type="button" pButton (click)="showClosableFalse()" label="Not Closable"></button>
-    `
-})
-class TestMessagesComponent {
-    msgs: Message[] = [];
-
-    constructor(private messageService: MessageService) {}
-
-    showSuccess() {
-        this.msgs = [];
-        this.msgs.push({ severity: 'success', summary: 'Success Message', detail: 'Order submitted' });
-    }
-
-    showInfo() {
-        this.msgs = [];
-        this.msgs.push({ severity: 'info', summary: 'Info Message', detail: 'PrimeNG rocks' });
-    }
-
-    showWarn() {
-        this.msgs = [];
-        this.msgs.push({ severity: 'warn', summary: 'Warn Message', detail: 'There are unsaved changes' });
-    }
-
-    showError() {
-        this.msgs = [];
-        this.msgs.push({ severity: 'error', summary: 'Error Message', detail: 'Validation failed' });
-    }
-
-    showDefault() {
-        this.msgs = [];
-        this.msgs.push({ summary: 'Default Message', detail: 'Default detail' });
-    }
-
-    showViaService() {
-        this.messageService.add({ severity: 'success', summary: 'Service Message', detail: 'Via MessageService' });
-    }
-
-    showAllViaService() {
-        this.messageService.addAll([
-            { severity: 'success', key: 'primeng', summary: 'Service Message', detail: 'Via MessageService' },
-            { severity: 'success', summary: 'Service Message', detail: 'Via MessageService' }
-        ]);
-    }
-
-    showClosableFalse() {
-        this.msgs = [];
-        this.msgs.push({ summary: 'Not Closable Message', detail: 'Not closable', closable: false });
-    }
-
-    clearWithService() {
-        this.messageService.clear();
-    }
-
-    clearWithServiceAndKey() {
-        this.messageService.clear('primeng');
-    }
-}
-
-describe('Messages', () => {
-    let messages: Messages;
-    let fixture: ComponentFixture<TestMessagesComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, FormsModule, CheckIcon, TimesCircleIcon, ExclamationTriangleIcon, InfoCircleIcon, TimesIcon, Button],
-            declarations: [Messages, TestMessagesComponent],
-            providers: [MessageService]
-        });
-
-        fixture = TestBed.createComponent(TestMessagesComponent);
-        messages = fixture.debugElement.children[0].componentInstance;
-    });
-
-    it('should not display by default', () => {
-        fixture.detectChanges();
-
-        const messageEl = fixture.debugElement.query(By.css('.p-message'));
-        expect(messageEl).not.toBeTruthy();
-    });
-
-    it('should show success', () => {
-        fixture.detectChanges();
-
-        const successButton = fixture.debugElement.query(By.css('button'));
-        successButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const messageEl = fixture.debugElement.query(By.css('div'));
-        const iconEl = fixture.debugElement.query(By.css('.p-message-icon')).children[0];
-        const summaryEl = fixture.debugElement.query(By.css('.p-message-summary'));
-        const detailEl = fixture.debugElement.query(By.css('.p-message-detail'));
-        expect(messageEl).toBeTruthy();
-        expect(iconEl).toBeTruthy();
-        expect(summaryEl).toBeTruthy();
-        expect(detailEl).toBeTruthy();
-        expect(iconEl.nativeElement.tagName.toLowerCase()).toEqual('checkicon');
-        expect(summaryEl.nativeElement.innerHTML).toEqual('Success Message');
-        expect(detailEl.nativeElement.innerHTML).toContain('Order submitted');
-    });
-
-    it('should show info', () => {
-        fixture.detectChanges();
-
-        const successButton = fixture.debugElement.queryAll(By.css('button'))[1];
-        successButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const messageEl = fixture.debugElement.query(By.css('div'));
-        const iconEl = fixture.debugElement.query(By.css('.p-message-icon')).children[0];
-        const summaryEl = fixture.debugElement.query(By.css('.p-message-summary'));
-        const detailEl = fixture.debugElement.query(By.css('.p-message-detail'));
-        expect(messageEl).toBeTruthy();
-        expect(iconEl).toBeTruthy();
-        expect(summaryEl).toBeTruthy();
-        expect(detailEl).toBeTruthy();
-        expect(iconEl.nativeElement.tagName.toLowerCase()).toEqual('infocircleicon');
-        expect(summaryEl.nativeElement.innerHTML).toEqual('Info Message');
-        expect(detailEl.nativeElement.innerHTML).toContain('PrimeNG rocks');
-    });
-
-    it('should show warning', () => {
-        fixture.detectChanges();
-
-        const successButton = fixture.debugElement.queryAll(By.css('button'))[2];
-        successButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const messageEl = fixture.debugElement.query(By.css('div'));
-        const iconEl = fixture.debugElement.query(By.css('.p-message-icon')).children[0];
-        const summaryEl = fixture.debugElement.query(By.css('.p-message-summary'));
-        const detailEl = fixture.debugElement.query(By.css('.p-message-detail'));
-        expect(messageEl).toBeTruthy();
-        expect(iconEl).toBeTruthy();
-        expect(summaryEl).toBeTruthy();
-        expect(detailEl).toBeTruthy();
-        expect(iconEl.nativeElement.tagName.toLowerCase()).toEqual('exclamationtriangleicon');
-        expect(summaryEl.nativeElement.innerHTML).toEqual('Warn Message');
-        expect(detailEl.nativeElement.innerHTML).toContain('There are unsaved changes');
-    });
-
-    it('should show error', () => {
-        fixture.detectChanges();
-
-        const successButton = fixture.debugElement.queryAll(By.css('button'))[3];
-        successButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const messageEl = fixture.debugElement.query(By.css('div'));
-        const iconEl = fixture.debugElement.query(By.css('.p-message-icon')).children[0];
-        const summaryEl = fixture.debugElement.query(By.css('.p-message-summary'));
-        const detailEl = fixture.debugElement.query(By.css('.p-message-detail'));
-        expect(messageEl).toBeTruthy();
-        expect(iconEl).toBeTruthy();
-        expect(summaryEl).toBeTruthy();
-        expect(detailEl).toBeTruthy();
-        expect(iconEl.nativeElement.tagName.toLowerCase()).toEqual('timescircleicon');
-        expect(summaryEl.nativeElement.innerHTML).toEqual('Error Message');
-        expect(detailEl.nativeElement.innerHTML).toContain('Validation failed');
-    });
-
-    it('should show with service', () => {
-        fixture.detectChanges();
-
-        const successButton = fixture.debugElement.queryAll(By.css('button'))[5];
-        successButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const messageEl = fixture.debugElement.query(By.css('div'));
-        const iconEl = fixture.debugElement.query(By.css('.p-message-icon')).children[0];
-        const summaryEl = fixture.debugElement.query(By.css('.p-message-summary'));
-        const detailEl = fixture.debugElement.query(By.css('.p-message-detail'));
-        expect(messageEl).toBeTruthy();
-        expect(iconEl).toBeTruthy();
-        expect(summaryEl).toBeTruthy();
-        expect(detailEl).toBeTruthy();
-        expect(iconEl.nativeElement.tagName.toLowerCase()).toEqual('checkicon');
-        expect(summaryEl.nativeElement.innerHTML).toEqual('Service Message');
-        expect(detailEl.nativeElement.innerHTML).toContain('Via MessageService');
-    });
-
-    it('should show multiple with service', () => {
-        messages.key = 'primeng';
-        fixture.detectChanges();
-
-        const successButton = fixture.debugElement.queryAll(By.css('button'))[6];
-        successButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const messageEl = fixture.debugElement.queryAll(By.css('.p-message-icon'));
-        expect(messageEl.length).toEqual(2);
-    });
-
-    it('should clear with service', () => {
-        messages.key = 'primeng';
-        fixture.detectChanges();
-
-        const successButton = fixture.debugElement.queryAll(By.css('button'))[6];
-        const clearButton = fixture.debugElement.queryAll(By.css('button'))[7];
-        successButton.nativeElement.click();
-        fixture.detectChanges();
-
-        clearButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const messageEl = fixture.debugElement.queryAll(By.css('.p-messages'));
-        expect(messageEl.length).toEqual(2);
-    });
-
-    it('should clear with service and key', () => {
-        messages.key = 'primeng';
-        fixture.detectChanges();
-
-        const successButton = fixture.debugElement.queryAll(By.css('button'))[6];
-        const clearButton = fixture.debugElement.queryAll(By.css('button'))[8];
-        successButton.nativeElement.click();
-        fixture.detectChanges();
-
-        clearButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const messageEl = fixture.debugElement.queryAll(By.css('.p-message-icon'));
-        expect(messageEl.length).toEqual(2);
-    });
-
-    it('should disable closable messages', () => {
-        fixture.detectChanges();
-
-        const closableButton = fixture.debugElement.queryAll(By.css('button'))[9];
-        closableButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const detailEl = fixture.debugElement.query(By.css('.p-message-detail'));
-        const clearButton = fixture.debugElement.query(By.css('.p-message-close'));
-
-        expect(clearButton).toBeFalsy();
-        expect(detailEl.nativeElement.innerHTML).toContain('Not closable');
-    });
-});
diff --git a/src/app/components/messages/messages.ts b/src/app/components/messages/messages.ts
deleted file mode 100644
index a7c1cc4..0000000
--- a/src/app/components/messages/messages.ts
+++ /dev/null
@@ -1,299 +0,0 @@
-import { animate, style, transition, trigger } from '@angular/animations';
-import { CommonModule } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Input,
-    NgModule,
-    OnDestroy,
-    Optional,
-    Output,
-    QueryList,
-    TemplateRef,
-    ViewEncapsulation,
-    booleanAttribute
-} from '@angular/core';
-import { Message, MessageService, PrimeTemplate, SharedModule } from 'primeng/api';
-import { PrimeNGConfig } from 'primeng/api';
-import { CheckIcon } from 'primeng/icons/check';
-import { ExclamationTriangleIcon } from 'primeng/icons/exclamationtriangle';
-import { InfoCircleIcon } from 'primeng/icons/infocircle';
-import { TimesIcon } from 'primeng/icons/times';
-import { TimesCircleIcon } from 'primeng/icons/timescircle';
-import { RippleModule } from 'primeng/ripple';
-import { Subscription, timer } from 'rxjs';
-/**
- * Messages is used to display alerts inline.
- * @group Components
- */
-@Component({
-    selector: 'p-messages',
-    template: `
-        <div class="p-messages p-component" role="alert" [ngStyle]="style" [class]="styleClass" [attr.aria-atomic]="true" [attr.aria-live]="'assertive'" [attr.data-pc-name]="'message'">
-            <ng-container *ngIf="!contentTemplate; else staticMessage">
-                <div
-                    *ngFor="let msg of messages; let i = index"
-                    [class]="'p-message p-message-' + msg.severity"
-                    role="alert"
-                    [@messageAnimation]="{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }"
-                >
-                    <div class="p-message-wrapper" [attr.data-pc-section]="'wrapper'" [attr.id]="msg.id || null">
-                        <span *ngIf="msg.icon" [class]="'p-message-icon pi ' + msg.icon" [attr.data-pc-section]="'icon'"> </span>
-                        <span class="p-message-icon" *ngIf="!msg.icon">
-                            <ng-container>
-                                <CheckIcon *ngIf="msg.severity === 'success'" [attr.data-pc-section]="'icon'" />
-                                <InfoCircleIcon *ngIf="msg.severity === 'info'" [attr.data-pc-section]="'icon'" />
-                                <TimesCircleIcon *ngIf="msg.severity === 'error'" [attr.data-pc-section]="'icon'" />
-                                <ExclamationTriangleIcon *ngIf="msg.severity === 'warn'" [attr.data-pc-section]="'icon'" />
-                            </ng-container>
-                        </span>
-                        <ng-container *ngIf="!escape; else escapeOut">
-                            <span *ngIf="msg.summary" class="p-message-summary" [innerHTML]="msg.summary" [attr.data-pc-section]="'summary'"></span>
-                            <span *ngIf="msg.detail" class="p-message-detail" [innerHTML]="msg.detail" [attr.data-pc-section]="'detail'"></span>
-                        </ng-container>
-                        <ng-template #escapeOut>
-                            <span *ngIf="msg.summary" class="p-message-summary" [attr.data-pc-section]="'summary'">{{ msg.summary }}</span>
-                            <span *ngIf="msg.detail" class="p-message-detail" [attr.data-pc-section]="'detail'">{{ msg.detail }}</span>
-                        </ng-template>
-                        <button class="p-message-close p-link" (click)="removeMessage(i)" *ngIf="closable && (msg.closable ?? true)" type="button" pRipple [attr.aria-label]="closeAriaLabel" [attr.data-pc-section]="'closebutton'">
-                            <TimesIcon [styleClass]="'p-message-close-icon'" [attr.data-pc-section]="'closeicon'" />
-                        </button>
-                    </div>
-                </div>
-            </ng-container>
-            <ng-template #staticMessage>
-                <div [ngClass]="'p-message p-message-' + severity" role="alert">
-                    <div class="p-message-wrapper">
-                        <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
-                    </div>
-                </div>
-            </ng-template>
-        </div>
-    `,
-    animations: [
-        trigger('messageAnimation', [
-            transition(':enter', [style({ opacity: 0, transform: 'translateY(-25%)' }), animate('{{showTransitionParams}}')]),
-            transition(':leave', [animate('{{hideTransitionParams}}', style({ height: 0, marginTop: 0, marginBottom: 0, marginLeft: 0, marginRight: 0, opacity: 0 }))])
-        ])
-    ],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./messages.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Messages implements AfterContentInit, OnDestroy {
-    /**
-     * An array of messages to display.
-     * @group Props
-     */
-    @Input() set value(messages: Message[]) {
-        this.messages = messages;
-        this.startMessageLifes(this.messages);
-    }
-    /**
-     * Defines if message box can be closed by the click icon.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) closable: boolean = true;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Whether displaying services messages are enabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) enableService: boolean = true;
-    /**
-     * Id to match the key of the message to enable scoping in service based messaging.
-     * @group Props
-     */
-    @Input() key: string | undefined;
-    /**
-     * Whether displaying messages would be escaped or not.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) escape: boolean = true;
-    /**
-     * Severity level of the message.
-     * @group Props
-     */
-    @Input() severity: string | undefined;
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     */
-    @Input() showTransitionOptions: string = '300ms ease-out';
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     */
-    @Input() hideTransitionOptions: string = '200ms cubic-bezier(0.86, 0, 0.07, 1)';
-    /**
-     * This function is executed when the value changes.
-     * @param {Message[]} value - messages value.
-     * @group Emits
-     */
-    @Output() valueChange: EventEmitter<Message[]> = new EventEmitter<Message[]>();
-    /**
-     * This function is executed when a message is closed.
-     * @param {Message} value - Closed message.
-     * @group Emits
-     */
-    @Output() onClose: EventEmitter<Message> = new EventEmitter<Message>();
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    messages: Message[] | null | undefined;
-
-    messageSubscription: Subscription | undefined;
-
-    clearSubscription: Subscription | undefined;
-
-    timerSubscriptions: Subscription[] = [];
-
-    contentTemplate: TemplateRef<any> | undefined;
-
-    constructor(
-        @Optional() public messageService: MessageService,
-        public el: ElementRef,
-        public cd: ChangeDetectorRef,
-        private config: PrimeNGConfig
-    ) {}
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-
-                default:
-                    this.contentTemplate = item.template;
-                    break;
-            }
-        });
-
-        if (this.messageService && this.enableService && !this.contentTemplate) {
-            this.messageSubscription = this.messageService.messageObserver.subscribe((messages: Message | Message[]) => {
-                if (messages) {
-                    if (!Array.isArray(messages)) {
-                        messages = [messages];
-                    }
-
-                    const filteredMessages = messages.filter((m) => this.key === m.key);
-                    this.messages = this.messages ? [...this.messages, ...filteredMessages] : [...filteredMessages];
-                    this.startMessageLifes(filteredMessages);
-                    this.cd.markForCheck();
-                }
-            });
-
-            this.clearSubscription = this.messageService.clearObserver.subscribe((key) => {
-                if (key) {
-                    if (this.key === key) {
-                        this.messages = null;
-                    }
-                } else {
-                    this.messages = null;
-                }
-
-                this.cd.markForCheck();
-            });
-        }
-    }
-
-    hasMessages() {
-        let parentEl = this.el.nativeElement.parentElement;
-        if (parentEl && parentEl.offsetParent) {
-            return this.contentTemplate != null || (this.messages && this.messages.length > 0);
-        }
-
-        return false;
-    }
-
-    clear() {
-        this.messages = [];
-        this.valueChange.emit(this.messages);
-    }
-
-    removeMessage(i: number) {
-        const removedMessage = this.messages[i];
-        this.messages = this.messages?.filter((msg, index) => index !== i);
-        removedMessage && this.onClose.emit(removedMessage);
-        this.valueChange.emit(this.messages);
-    }
-
-    get icon(): string | null {
-        const severity = this.severity || (this.hasMessages() ? this.messages![0].severity : null);
-
-        if (this.hasMessages()) {
-            switch (severity) {
-                case 'success':
-                    return 'pi-check';
-
-                case 'info':
-                    return 'pi-info-circle';
-
-                case 'error':
-                    return 'pi-times';
-
-                case 'warn':
-                    return 'pi-exclamation-triangle';
-
-                default:
-                    return 'pi-info-circle';
-            }
-        }
-
-        return null;
-    }
-    get closeAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.close : undefined;
-    }
-
-    ngOnDestroy() {
-        if (this.messageSubscription) {
-            this.messageSubscription.unsubscribe();
-        }
-
-        if (this.clearSubscription) {
-            this.clearSubscription.unsubscribe();
-        }
-
-        this.timerSubscriptions?.forEach((subscription) => subscription.unsubscribe());
-    }
-
-    private startMessageLifes(messages: Message[]): void {
-        messages?.forEach((message) => message.life && this.startMessageLife(message));
-    }
-
-    private startMessageLife(message: Message): void {
-        const timerSubsctiption = timer(message.life!).subscribe(() => {
-            this.messages = this.messages?.filter((msgEl) => msgEl !== message);
-            this.timerSubscriptions = this.timerSubscriptions?.filter((timerEl) => timerEl !== timerSubsctiption);
-            this.valueChange.emit(this.messages);
-            this.cd.markForCheck();
-        });
-        this.timerSubscriptions.push(timerSubsctiption);
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, RippleModule, CheckIcon, InfoCircleIcon, TimesCircleIcon, ExclamationTriangleIcon, TimesIcon, SharedModule],
-    exports: [Messages, SharedModule],
-    declarations: [Messages]
-})
-export class MessagesModule {}
diff --git a/src/app/components/messages/ng-package.json b/src/app/components/messages/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/messages/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/messages/public_api.ts b/src/app/components/messages/public_api.ts
deleted file mode 100644
index 90dbcbc..0000000
--- a/src/app/components/messages/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './messages';
-export * from './messages.interface';
diff --git a/src/app/components/metergroup/metergroup.interface.ts b/src/app/components/metergroup/metergroup.interface.ts
deleted file mode 100644
index 5aa500f..0000000
--- a/src/app/components/metergroup/metergroup.interface.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in MeterGroup.
- * @group Templates
- */
-export interface MeterGroupTemplates {
-    /**
-     * Custom label template.
-     */
-    label(context: {
-        /**
-         * Current value of the component.
-         */
-        $implicit?: MeterItem;
-        /**
-         * Total percent of the metergroup items.
-         */
-        totalPercent?: number;
-        /**
-         * Array of sequential sum of values of metergroup items.
-         */
-        percentages?: number;
-    }): TemplateRef<any>;
-    /**
-     * Custom meter item template.
-     */
-    meter(context: {
-        /**
-         * Current value of the component.
-         */
-        $implicit?: MeterItem;
-        /**
-         * Current index of the meter item.
-         */
-        index?: number;
-        /**
-         * Style class of the meter item
-         */
-        class?: string;
-        /**
-         * Current orientation of the component.
-         */
-        orientation?: string;
-        /**
-         * Current width of the meter item.
-         */
-        size?: string;
-        /**
-         * Total percent of the metergroup items
-         */
-        totalPercent?: number;
-    }): TemplateRef<any>;
-    /**
-     * Custom start template.
-     */
-    start(context: {
-        /**
-         * Current value of the component.
-         */
-        $implicit?: MeterItem;
-        /**
-         * Total percent of the metergroup items.
-         */
-        totalPercent?: number;
-        /**
-         * Array of sequential sum of values of metergroup items.
-         */
-        percentages?: number;
-    }): TemplateRef<any>;
-    /**
-     * Custom start template.
-     */
-    end(context: {
-        /**
-         * Current value of the component.
-         */
-        $implicit?: MeterItem;
-        /**
-         * Total percent of the metergroup items.
-         */
-        totalPercent?: number;
-        /**
-         * Array of sequential sum of values of metergroup items.
-         */
-        percentages?: number;
-    }): TemplateRef<any>;
-    /**
-     * Custom icon template.
-     */
-    icon(context: {
-        /**
-         * Current value of the component.
-         */
-        $implicit?: MeterItem;
-        /**
-         * Style class of the icon.
-         */
-        class?: string;
-    }): TemplateRef<any>;
-}
-/**
- * Represents a meter item configuration.
- * @group Interface
- */
-export interface MeterItem {
-    /**
-     * Label of the meter item.
-     */
-    label?: string;
-    /**
-     * Value of the meter item.
-     */
-    value?: number;
-    /**
-     * Color of the meter item.
-     */
-    color?: string;
-    /**
-     * Icon of the meter item.
-     */
-    icon?: string;
-}
diff --git a/src/app/components/metergroup/metergroup.ts b/src/app/components/metergroup/metergroup.ts
deleted file mode 100644
index 6b190ea..0000000
--- a/src/app/components/metergroup/metergroup.ts
+++ /dev/null
@@ -1,221 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, ElementRef, Input, NgModule, QueryList, TemplateRef, ViewEncapsulation, effect, forwardRef, inject, ViewChild } from '@angular/core';
-import { PrimeTemplate, SharedModule } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { MeterItem } from './metergroup.interface';
-
-@Component({
-    selector: 'p-meterGroupLabel',
-    template: `
-        <ol [ngClass]="labelClass">
-            <li *ngFor="let labelItem of value; let index = index; trackBy: parentInstance.trackByFn" class="p-metergroup-label">
-                <ng-container *ngIf="!iconTemplate">
-                    <i *ngIf="labelItem.icon" [class]="labelItem.icon" [ngClass]="{ 'p-metergroup-label-icon': true }" [ngStyle]="{ color: labelItem.color }"></i>
-                    <span *ngIf="!labelItem.icon" class="p-metergroup-label-marker" [ngStyle]="{ backgroundColor: labelItem.color }"></span>
-                </ng-container>
-                <ng-container *ngTemplateOutlet="iconTemplate; context: { $implicit: labelItem, icon: labelItem.icon }"></ng-container>
-                <span class="p-metergroup-label-text">{{ labelItem.label }} ({{ parentInstance?.percentValue(labelItem.value) }})</span>
-            </li>
-        </ol>
-    `
-})
-export class MeterGroupLabel {
-    @Input() value: any[] = null;
-
-    @Input() labelPosition: 'start' | 'end' = 'end';
-
-    @Input() labelOrientation: 'horizontal' | 'vertical' = 'horizontal';
-
-    @Input() min: number;
-
-    @Input() max: number;
-
-    @Input() iconTemplate: TemplateRef<any> | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    get labelClass(): { [key: string]: boolean } {
-        return {
-            'p-metergroup-labels p-component': true,
-            'p-metergroup-labels-vertical': this.labelOrientation === 'vertical',
-            'p-metergroup-labels-horizontal': this.labelOrientation === 'horizontal'
-        };
-    }
-
-    parentInstance: MeterGroup = inject(forwardRef(() => MeterGroup));
-}
-/**
- * MeterGroup displays scalar measurements within a known range.
- * @group Components
- */
-@Component({
-    selector: 'p-meterGroup',
-    template: `
-        <div #container [ngClass]="containerClass" role="meter" [attr.aria-valuemin]="min" [attr.aria-valuemax]="max" [attr.aria-valuenow]="totalPercent()" [ngStyle]="style" [class]="styleClass">
-            @if (labelPosition === 'start') {
-                <p-meterGroupLabel *ngIf="!labelTemplate" [value]="value" [labelPosition]="labelPosition" [labelOrientation]="labelOrientation" [min]="min" [max]="max" [iconTemplate]="iconTemplate" />
-                <ng-container *ngTemplateOutlet="labelTemplate; context: { $implicit: value, totalPercent: totalPercent(), percentages: percentages() }"></ng-container>
-            }
-            <ng-container *ngTemplateOutlet="startTemplate; context: { $implicit: value, totalPercent: totalPercent(), percentages: percentages() }"></ng-container>
-            <div class="p-metergroup-meters">
-                <ng-container *ngFor="let meterItem of value; let index = index; trackBy: trackByFn">
-                    <ng-container *ngTemplateOutlet="meterTemplate; context: { $implicit: meterItem, index: index, orientation: this.orientation, class: 'p-metergroup-meter', size: percentValue(meterItem.value), totalPercent: totalPercent() }">
-                    </ng-container>
-                    <ng-container *ngIf="!meterTemplate && meterItem.value > 0">
-                        <span class="p-metergroup-meter" [ngStyle]="meterStyle(meterItem)"></span>
-                    </ng-container>
-                </ng-container>
-            </div>
-            <ng-container *ngTemplateOutlet="endTemplate; context: { $implicit: value, totalPercent: totalPercent(), percentages: percentages() }"></ng-container>
-            @if (labelPosition === 'end') {
-                <p-meterGroupLabel *ngIf="!labelTemplate" [value]="value" [labelPosition]="labelPosition" [labelOrientation]="labelOrientation" [min]="min" [max]="max" [iconTemplate]="iconTemplate" />
-                <ng-container *ngTemplateOutlet="labelTemplate; context: { $implicit: value, totalPercent: totalPercent(), percentages: percentages() }"></ng-container>
-            }
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
-})
-export class MeterGroup implements AfterContentInit {
-    /**
-     * Current value of the metergroup.
-     * @group Props
-     */
-    @Input() value: MeterItem[] | undefined;
-    /**
-     * Mininum boundary value.
-     * @group Props
-     */
-    @Input() min: number = 0;
-    /**
-     * Maximum boundary value.
-     * @group Props
-     */
-    @Input() max: number = 100;
-    /**
-     * Specifies the layout of the component, valid values are 'horizontal' and 'vertical'.
-     * @group Props
-     */
-    @Input() orientation: 'horizontal' | 'vertical' = 'horizontal';
-    /**
-     * Specifies the label position of the component, valid values are 'start' and 'end'.
-     * @group Props
-     */
-    @Input() labelPosition: 'start' | 'end' = 'end';
-    /**
-     * Specifies the label orientation of the component, valid values are 'horizontal' and 'vertical'.
-     * @group Props
-     */
-    @Input() labelOrientation: string = 'horizontal';
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    get vertical(): boolean {
-        return this.orientation === 'vertical';
-    }
-
-    get containerClass() {
-        return {
-            'p-metergroup p-component': true,
-            'p-metergroup-horizontal': this.orientation === 'horizontal',
-            'p-metergroup-vertical': this.orientation === 'vertical'
-        };
-    }
-
-    labelTemplate: TemplateRef<any> | undefined;
-
-    meterTemplate: TemplateRef<any> | undefined;
-
-    endTemplate: TemplateRef<any> | undefined;
-
-    startTemplate: TemplateRef<any> | undefined;
-
-    iconTemplate: TemplateRef<any> | undefined;
-
-    @ViewChild('container', { read: ElementRef }) container: ElementRef;
-
-    ngAfterViewInit() {
-        const _container = this.container.nativeElement;
-        const height = DomHandler.getOuterHeight(_container);
-        this.vertical && (_container.style.height = height + 'px');
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'label':
-                    this.labelTemplate = item.template;
-                    break;
-                case 'meter':
-                    this.meterTemplate = item.template;
-                    break;
-                case 'icon':
-                    this.iconTemplate = item.template;
-                    break;
-                case 'start':
-                    this.startTemplate = item.template;
-                    break;
-                case 'end':
-                    this.endTemplate = item.template;
-                    break;
-                default:
-                    break;
-            }
-        });
-    }
-
-    percent(meter = 0) {
-        const percentOfItem = ((meter - this.min) / (this.max - this.min)) * 100;
-
-        return Math.round(Math.max(0, Math.min(100, percentOfItem)));
-    }
-
-    percentValue(meter) {
-        return this.percent(meter) + '%';
-    }
-
-    meterStyle(val) {
-        return {
-            backgroundColor: val.color,
-            width: this.orientation === 'horizontal' && this.percentValue(val.value),
-            height: this.orientation === 'vertical' && this.percentValue(val.value)
-        };
-    }
-
-    totalPercent() {
-        return this.percent(this.value.reduce((total, val) => total + val.value, 0));
-    }
-
-    percentages() {
-        let sum = 0;
-        const sumsArray = [];
-
-        this.value.forEach((item) => {
-            sum += item.value;
-            sumsArray.push(sum);
-        });
-
-        return sumsArray;
-    }
-
-    trackByFn(index: number): number {
-        return index;
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule],
-    exports: [MeterGroup, SharedModule],
-    declarations: [MeterGroup, MeterGroupLabel]
-})
-export class MeterGroupModule {}
diff --git a/src/app/components/metergroup/ng-package.json b/src/app/components/metergroup/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/metergroup/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/metergroup/public_api.ts b/src/app/components/metergroup/public_api.ts
deleted file mode 100644
index 10134e9..0000000
--- a/src/app/components/metergroup/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './metergroup';
-export * from './metergroup.interface';
diff --git a/src/app/components/multiselect/multiselect.css b/src/app/components/multiselect/multiselect.css
deleted file mode 100644
index a9b5679..0000000
--- a/src/app/components/multiselect/multiselect.css
+++ /dev/null
@@ -1,116 +0,0 @@
-@layer primeng {
-    .p-multiselect {
-        display: inline-flex;
-        cursor: pointer;
-        position: relative;
-        user-select: none;
-    }
-
-    .p-multiselect-trigger {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-shrink: 0;
-    }
-
-    .p-multiselect-label-container {
-        overflow: hidden;
-        flex: 1 1 auto;
-        cursor: pointer;
-        display: flex;
-    }
-
-    .p-multiselect-label {
-        display: block;
-        white-space: nowrap;
-        cursor: pointer;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-
-    .p-multiselect-label-empty {
-        overflow: hidden;
-        visibility: hidden;
-    }
-
-    .p-multiselect-token {
-        cursor: default;
-        display: inline-flex;
-        align-items: center;
-        flex: 0 0 auto;
-    }
-
-    .p-multiselect-token-icon {
-        cursor: pointer;
-    }
-    .p-multiselect-token-label {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        max-width: 100px;
-    }
-    .p-multiselect-items-wrapper {
-        overflow: auto;
-    }
-
-    .p-multiselect-items {
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-    }
-
-    .p-multiselect-item {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        font-weight: normal;
-        white-space: nowrap;
-        position: relative;
-        overflow: hidden;
-    }
-
-    .p-multiselect-header {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-    }
-
-    .p-multiselect-filter-container {
-        position: relative;
-        flex: 1 1 auto;
-    }
-
-    .p-multiselect-filter-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-    }
-
-    .p-multiselect-filter-container .p-inputtext {
-        width: 100%;
-    }
-
-    .p-multiselect-close {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-shrink: 0;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-fluid .p-multiselect {
-        display: flex;
-    }
-
-    .p-multiselect-clear-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-        cursor: pointer;
-    }
-
-    .p-multiselect-clearable {
-        position: relative;
-    }
-}
\ No newline at end of file
diff --git a/src/app/components/multiselect/multiselect.interface.ts b/src/app/components/multiselect/multiselect.interface.ts
deleted file mode 100644
index ebb1ee5..0000000
--- a/src/app/components/multiselect/multiselect.interface.ts
+++ /dev/null
@@ -1,232 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { ScrollerOptions } from 'primeng/api';
-import { MultiSelect, MultiSelectItem } from './multiselect';
-/**
- * Callbacks to invoke on filter or reset.
- * @group Interface
- */
-export interface MultiSelectFilterOptions {
-    filter?: (value?: any) => void;
-    reset?: () => void;
-}
-/**
- * Custom change event.
- * @see {@link MultiSelect.onChange}
- * @group Events
- */
-export interface MultiSelectChangeEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Current selected values.
-     */
-    value: any;
-    /**
-     * Toggled item value.
-     */
-    itemValue?: any;
-}
-/**
- * Custom change event.
- * @see {@link MultiSelect.onSelectAllChange}
- * @group Events
- */
-export interface MultiSelectSelectAllChangeEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Boolean value indicates whether all data is selected.
-     */
-    checked: boolean;
-}
-/**
- * Custom filter event.
- * @see {@link MultiSelect.onFilter}
- * @group Events
- */
-export interface MultiSelectFilterEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Filter value.
-     */
-    filter: any;
-}
-/**
- * Custom focus event.
- * @see {@link MultiSelect.onFocus}
- * @group Events
- */
-export interface MultiSelectFocusEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-}
-/**
- * Custom blur event.
- * @see {@link MultiSelect.onBlur}
- * @extends {MultiSelectFocusEvent}
- * @group Events
- */
-export interface MultiSelectBlurEvent extends MultiSelectFocusEvent {}
-
-/**
- * Custom lazy load event.
- * @see {@link MultiSelect.onLazyLoad}
- * @group Events
- */
-export interface MultiSelectLazyLoadEvent {
-    /**
-     * Index of the first element in viewport.
-     */
-    first: number;
-    /**
-     * Index of the last element in viewport.
-     */
-    last: number;
-}
-/**
- * Custom remove event.
- * @see {@link MultiSelect.onRemove}
- * @group Events
- */
-export interface MultiSelectRemoveEvent {
-    /**
-     * Value after the item removed.
-     */
-    newValue: object;
-    /**
-     * Removed value.
-     */
-    removed: MultiSelectItem;
-}
-
-/**
- * Defines valid templates in MultiSelect.
- * @group Templates
- */
-export interface MultiSelectTemplates {
-    /**
-     * Custom header template.
-     * @param {Object} context - item data.
-     */
-    item(context: {
-        /**
-         * Data of the option.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-    /**
-     * Custom selected item template.
-     * @param {Object} context - selected items data.
-     */
-    selectedItems(context: {
-        /**
-         * Selected option value.
-         */
-        $implicit: any;
-        /**
-         * Function to remove chip.
-         */
-        removeChip: (chip: MultiSelectItem, event: MouseEvent) => void;
-    }): TemplateRef<{ $implicit: any; removeChip: Function }>;
-    /**
-     * Custom header template.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom filter template.
-     * @param {MultiSelectFilterOptions} options - filter options.
-     */
-    filter(context: {
-        /**
-         * Filter options.
-         */
-        options: MultiSelectFilterOptions;
-    }): TemplateRef<{ options: MultiSelectFilterOptions }>;
-    /**
-     * Custom footer template.
-     */
-    footer(): TemplateRef<any>;
-    /**
-     * Custom empty filter template.
-     */
-    emptyfilter(): TemplateRef<any>;
-    /**
-     * Custom empty template.
-     */
-    empty(): TemplateRef<any>;
-    /**
-     * Custom group template.
-     */
-    group(context: {
-        /**
-         * Data of the item.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-    /**
-     * Custom loader template. This template can be used with virtualScroll.
-     * @param {ScrollerOptions} options - virtual scroller options.
-     */
-    loader(context: {
-        /**
-         * Virtual scroller options.
-         */
-        options: ScrollerOptions;
-    }): TemplateRef<{ options: ScrollerOptions }>;
-    /**
-     * Custom dropdown trigger icon template.
-     */
-    dropdownicon(): TemplateRef<any>;
-    /**
-     * Custom clear icon template.
-     */
-    clearicon(): TemplateRef<any>;
-    /**
-     * Custom filter icon template.
-     */
-    filtericon(): TemplateRef<any>;
-    /**
-     * Custom check icon template.
-     * @deprecated Use headercheckboxicon or itemcheckboxicon instead.
-     */
-    checkicon(): TemplateRef<any>;
-    /**
-     * Custom check icon template for the header checkbox.
-     */
-    headercheckboxicon(context: {
-        /**
-         * Defines if all items are selected.
-         */
-        $implicit: boolean;
-        /**
-         * Defines if items are partially selected.
-         */
-        partialSelected: boolean;
-    }): TemplateRef<{ $implicit: boolean; partialSelected: boolean }>;
-    /**
-     * Custom check icon template for the item checkbox.
-     */
-    itemcheckboxicon(context: {
-        /**
-         * Selection status of the item.
-         */
-        $implicit: boolean;
-    }): TemplateRef<{ $implicit: boolean }>;
-    /**
-     * Custom close icon template.
-     */
-    closeicon(): TemplateRef<any>;
-    /**
-     * Custom remove token icon template.
-     */
-    removetokenicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/multiselect/multiselect.spec.ts b/src/app/components/multiselect/multiselect.spec.ts
deleted file mode 100644
index 9d5148f..0000000
--- a/src/app/components/multiselect/multiselect.spec.ts
+++ /dev/null
@@ -1,563 +0,0 @@
-import { ScrollingModule } from '@angular/cdk/scrolling';
-import { ComponentFixture, TestBed, fakeAsync, flush, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { OverlayModule } from 'primeng/overlay';
-import { TooltipModule } from 'primeng/tooltip';
-import { MultiSelect, MultiSelectItem } from './multiselect';
-import { ChevronDownIcon } from 'primeng/icons/chevrondown';
-import { SearchIcon } from 'primeng/icons/search';
-import { TimesIcon } from 'primeng/icons/times';
-import { NO_ERRORS_SCHEMA } from '@angular/core';
-
-describe('MultiSelect', () => {
-    let multiselect: MultiSelect;
-    let multiselectItem: MultiSelectItem;
-    let fixture: ComponentFixture<MultiSelect>;
-    let fixtureItem: ComponentFixture<MultiSelectItem>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, ScrollingModule, TooltipModule, OverlayModule, SearchIcon, ChevronDownIcon, TimesIcon],
-            declarations: [MultiSelect, MultiSelectItem],
-            schemas: [NO_ERRORS_SCHEMA]
-        });
-
-        fixture = TestBed.createComponent(MultiSelect);
-        fixtureItem = TestBed.createComponent(MultiSelectItem);
-
-        multiselect = fixture.componentInstance;
-        multiselectItem = fixtureItem.componentInstance;
-    });
-
-    it('should disabled', () => {
-        multiselect.disabled = true;
-        const showSpy = spyOn(multiselect, 'onContainerClick').and.callThrough();
-        fixture.detectChanges();
-
-        const containerEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        const inputReadOnlyEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        containerEl.click();
-        fixture.detectChanges();
-
-        expect(showSpy).toHaveBeenCalled();
-        expect(containerEl.className).toContain('p-disabled');
-        expect(inputReadOnlyEl.className).toContain('p-disabled');
-        expect(multiselect.overlayVisible).toEqual(undefined);
-    });
-
-    it('should set dropdown icon by default and able to change', () => {
-        fixture.detectChanges();
-
-        const dropdownIcon = fixture.debugElement.query(By.css('.p-multiselect-trigger-icon')).nativeElement;
-        expect(dropdownIcon.tagName.toLowerCase()).toEqual('svg');
-        fixture.detectChanges();
-
-        multiselect.dropdownIcon = 'Primeng Rocks!';
-        fixture.detectChanges();
-
-        multiselect.cd.detectChanges();
-        const dropdownIconEl = fixture.debugElement.query(By.css('.p-multiselect-trigger-icon'));
-        expect(dropdownIconEl.nativeElement.className).toContain('Primeng Rocks!');
-    });
-
-    it('should change style and styleClass', () => {
-        fixture.detectChanges();
-
-        multiselect.style = { height: '300px' };
-        multiselect.styleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        multiselect.cd.detectChanges();
-        const multiselectEl = fixture.debugElement.children[0].nativeElement;
-        expect(multiselectEl.className).toContain('Primeng ROCKS!');
-        expect(multiselectEl.style.height).toContain('300px');
-    });
-
-    it('should change panelstyle and panelStyleClass', () => {
-        fixture.detectChanges();
-
-        multiselect.panelStyle = { height: '300px' };
-        multiselect.panelStyleClass = 'Primeng ROCKS!';
-        multiselect.overlayVisible = true;
-        fixture.detectChanges();
-
-        multiselect.cd.detectChanges();
-        const multiselectPanelEl = fixture.debugElement.query(By.css('.p-multiselect-panel')).nativeElement;
-        expect(multiselectPanelEl.className).toContain('Primeng ROCKS!');
-        expect(multiselectPanelEl.style.height).toContain('300px');
-    });
-
-    it('should open when click', () => {
-        fixture.detectChanges();
-
-        const multiselectEl = fixture.debugElement.children[0].nativeElement;
-        const clickSpy = spyOn(multiselect, 'onContainerClick').and.callThrough();
-        multiselectEl.click();
-        fixture.detectChanges();
-
-        const multiselectOverlay = fixture.debugElement.query(By.css('.p-overlay'));
-        expect(clickSpy).toHaveBeenCalled();
-        expect(multiselectOverlay).toBeTruthy();
-    });
-
-    it('should open and close with keydown', () => {
-        const onShowSpy = spyOn(multiselect, 'show').and.callThrough();
-        const onHideSpy = spyOn(multiselect, 'hide').and.callThrough();
-
-        fixture.detectChanges();
-
-        const multiselectEl = fixture.debugElement.query(By.css('input')).nativeElement;
-
-        multiselectEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'Tab' }));
-        multiselectEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'Enter' }));
-        fixture.detectChanges();
-
-        const multiselectPanelEl = fixture.debugElement.query(By.css('.p-multiselect-panel')).nativeElement;
-        fixture.detectChanges();
-        expect(multiselect.overlayVisible).toEqual(true);
-        expect(multiselectPanelEl).toBeTruthy();
-
-        multiselectEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'Escape' }));
-        fixture.detectChanges();
-        expect(onShowSpy).toHaveBeenCalled();
-        expect(onHideSpy).toHaveBeenCalled();
-    });
-
-    it('should close when double click', fakeAsync(() => {
-        fixture.detectChanges();
-
-        const multiselectEl = fixture.debugElement.query(By.css('.p-multiselect')).nativeElement;
-
-        const showSpy = spyOn(multiselect, 'show').and.callThrough();
-        multiselectEl.dispatchEvent(new KeyboardEvent('click'));
-        tick(350);
-        fixture.detectChanges();
-        expect(showSpy).toHaveBeenCalled();
-
-        const onHideSpy = spyOn(multiselect, 'hide').and.callThrough();
-        multiselectEl.dispatchEvent(new KeyboardEvent('click'));
-        tick();
-        fixture.detectChanges();
-        expect(onHideSpy).toHaveBeenCalled();
-        flush();
-    }));
-
-    it('should select item', () => {
-        multiselect.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        fixture.detectChanges();
-
-        const multiselectEl = fixture.debugElement.children[0].nativeElement;
-        multiselectEl.click();
-        fixture.detectChanges();
-
-        const multiselectItemEl = fixture.debugElement.queryAll(By.css('.p-multiselect-item'));
-        expect(multiselectItemEl.length).toEqual(10);
-        const bmwEl = multiselectItemEl[1];
-        const onOptionClickSpy = spyOn(multiselectItem, 'onOptionClick').and.callThrough();
-        bmwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(multiselect.value[0]).toEqual('BMW');
-        expect(onOptionClickSpy).toBeTruthy();
-    });
-
-    it('should select item and navigate with keydown', () => {
-        multiselect.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        fixture.detectChanges();
-        const onArrowDownKeySpy = spyOn(multiselect, 'onArrowDownKey').and.callThrough();
-        const onArrowUpKeySpy = spyOn(multiselect, 'onArrowUpKey').and.callThrough();
-
-        const multiselectEl = fixture.debugElement.query(By.css('.p-multiselect')).nativeElement;
-        multiselectEl.click();
-        fixture.detectChanges();
-        const multiselectFilterEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        multiselectFilterEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowDown' }));
-        multiselectFilterEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'Enter' }));
-        multiselectFilterEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowUp' }));
-        fixture.detectChanges();
-
-        expect(multiselect.value[0]).toEqual('BMW');
-        expect(multiselect.value.length).toEqual(1);
-        expect(onArrowUpKeySpy).toHaveBeenCalledTimes(1);
-        expect(onArrowDownKeySpy).toHaveBeenCalledTimes(1);
-    });
-
-    it('should unselect item', () => {
-        multiselect.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        multiselect.selectionLimit = 3;
-        multiselect.value = [];
-        fixture.detectChanges();
-
-        const multiselectEl = fixture.debugElement.children[0].nativeElement;
-        multiselectEl.click();
-        fixture.detectChanges();
-
-        const multiselectItemEl = fixture.debugElement.queryAll(By.css('.p-multiselect-item'));
-        expect(multiselectItemEl.length).toEqual(10);
-        const audiEl = multiselectItemEl[0];
-        const bmwEl = multiselectItemEl[1];
-        const onOptionClickSpy = spyOn(multiselectItem, 'onOptionClick').and.callThrough();
-        bmwEl.nativeElement.click();
-        audiEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(multiselect.value[0]).toEqual('BMW');
-        expect(multiselect.value[1]).toEqual('Audi');
-        expect(multiselect.value.length).toEqual(2);
-        expect(onOptionClickSpy).toBeTruthy();
-        audiEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(multiselect.value.length).toEqual(1);
-    });
-
-    it('should not select disabled item', () => {
-        multiselect.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'BMW', value: 'BMW', disabled: true },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        fixture.detectChanges();
-
-        const multiselectEl = fixture.debugElement.children[0].nativeElement;
-        multiselectEl.click();
-        fixture.detectChanges();
-
-        const multiselectItemEl = fixture.debugElement.queryAll(By.css('.p-multiselect-item'));
-        expect(multiselectItemEl.length).toEqual(10);
-        const fiatEl = multiselectItemEl[1];
-        const bmwEl = multiselectItemEl[2];
-        const audiEl = multiselectItemEl[0];
-        const onOptionClickSpy = spyOn(multiselectItem, 'onOptionClick').and.callThrough();
-        bmwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        audiEl.nativeElement.click();
-        fiatEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(multiselect.value[0]).not.toEqual('BMW');
-        expect(bmwEl.nativeElement.className).not.toContain('p-highlight');
-        expect(onOptionClickSpy).toBeTruthy();
-    });
-
-    it('should select multiple', () => {
-        multiselect.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        multiselect.value = [];
-        fixture.detectChanges();
-
-        const multiselectEl = fixture.debugElement.query(By.css('.p-multiselect')).nativeElement;
-        const onOptionClickSpy = spyOn(multiselectItem, 'onOptionClick').and.callThrough();
-        fixture.detectChanges();
-        fixtureItem.detectChanges();
-
-        multiselectEl.click();
-        fixture.detectChanges();
-
-        const multiselectItemEl = fixture.debugElement.queryAll(By.css('.p-multiselect-item'));
-        fixture.detectChanges();
-
-        expect(multiselectItemEl.length).toEqual(10);
-        const bmwEl = multiselectItemEl[1];
-        const fiatEl = multiselectItemEl[2];
-        const fordEl = multiselectItemEl[3];
-
-        bmwEl.nativeElement.click();
-        fiatEl.nativeElement.click();
-        fordEl.nativeElement.click();
-
-        fixture.detectChanges();
-        fixtureItem.detectChanges();
-
-        expect(multiselect.value[2]).toEqual('Ford');
-        expect(multiselect.value.length).toEqual(3);
-        expect(onOptionClickSpy).toBeTruthy();
-    });
-
-    it('should select multiple with selection limit', () => {
-        multiselect.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        multiselect.value = [];
-        multiselect.selectionLimit = 2;
-        fixture.detectChanges();
-
-        const multiselectEl = fixture.debugElement.query(By.css('.p-multiselect')).nativeElement;
-        const onOptionClickSpy = spyOn(multiselectItem, 'onOptionClick').and.callThrough();
-        fixture.detectChanges();
-        fixtureItem.detectChanges();
-
-        multiselectEl.click();
-        fixture.detectChanges();
-
-        const multiselectItemEl = fixture.debugElement.queryAll(By.css('.p-multiselect-item'));
-        fixture.detectChanges();
-
-        expect(multiselectItemEl.length).toEqual(10);
-        const bmwEl = multiselectItemEl[1];
-        const fordEl = multiselectItemEl[3];
-        const fiatEl = multiselectItemEl[2];
-
-        bmwEl.nativeElement.click();
-        fordEl.nativeElement.click();
-        fiatEl.nativeElement.click();
-        fixture.detectChanges();
-        fixtureItem.detectChanges();
-
-        expect(multiselect.value[0]).toEqual('BMW');
-        expect(multiselect.value[1]).toEqual('Ford');
-        expect(multiselect.value.length).toEqual(2);
-        expect(fiatEl.nativeElement.className).not.toContain('p-highlight');
-        expect(onOptionClickSpy).toBeTruthy();
-    });
-
-    it('should select all', () => {
-        multiselect.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        fixture.detectChanges();
-
-        const multiselectEl = fixture.debugElement.children[0].nativeElement;
-        const itemClickSpy = spyOn(multiselect, 'onToggleAll').and.callThrough();
-        multiselectEl.click();
-        fixture.detectChanges();
-
-        const allCheckedEl = fixture.debugElement.query(By.css('.p-checkbox-box')).nativeElement;
-        const readOnlyEl = fixture.debugElement.query(By.css('.p-checkbox')).children[0].children[0].nativeElement;
-        readOnlyEl.dispatchEvent(new Event('focus'));
-        allCheckedEl.click();
-        fixture.detectChanges();
-
-        expect(multiselect.value.length).toEqual(10);
-        expect(itemClickSpy).toHaveBeenCalled();
-    });
-
-    it('should select all when filtered', () => {
-        multiselect.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        fixture.detectChanges();
-
-        const onInputFocusSpy = spyOn(multiselect, 'onInputFocus').and.callThrough();
-        const onInputBlur = spyOn(multiselect, 'onInputBlur').and.callThrough();
-        const multiselectEl = fixture.debugElement.children[0].nativeElement;
-        const readOnlyEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        readOnlyEl.dispatchEvent(new Event('focus'));
-        multiselectEl.click();
-        fixture.detectChanges();
-
-        readOnlyEl.dispatchEvent(new Event('blur'));
-        const filterInputEl = fixture.debugElement.query(By.css('.p-inputtext')).nativeElement;
-        filterInputEl.value = 'v';
-        filterInputEl.dispatchEvent(new Event('input'));
-        fixture.detectChanges();
-
-        const allCheckedEl = fixture.debugElement.query(By.css('.p-checkbox-box')).nativeElement;
-        allCheckedEl.click();
-        fixture.detectChanges();
-
-        expect(multiselect.value.length).toEqual(2);
-        expect(onInputFocusSpy).toHaveBeenCalled();
-        expect(onInputBlur).toHaveBeenCalled();
-    });
-
-    it('should unselect all', () => {
-        multiselect.options = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-        multiselect.optionLabel = 'name';
-        fixture.detectChanges();
-
-        const multiselectEl = fixture.debugElement.children[0].nativeElement;
-        const toggleSpy = spyOn(multiselect, 'onToggleAll').and.callThrough();
-        multiselectEl.click();
-        fixture.detectChanges();
-
-        let allCheckedEl = fixture.debugElement.query(By.css('.p-checkbox-box')).nativeElement;
-        allCheckedEl.click();
-        fixture.detectChanges();
-
-        expect(multiselect.value.length).toEqual(5);
-        expect(toggleSpy).toHaveBeenCalled();
-        allCheckedEl.click();
-        fixture.detectChanges();
-
-        expect(multiselect.value.length).toEqual(0);
-    });
-
-    it('should filtered', () => {
-        multiselect.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        fixture.detectChanges();
-
-        const multiselectEl = fixture.debugElement.children[0].nativeElement;
-        multiselectEl.click();
-        fixture.detectChanges();
-
-        const filterInputEl = fixture.debugElement.query(By.css('.p-inputtext')).nativeElement;
-        filterInputEl.value = 'f';
-        filterInputEl.dispatchEvent(new Event('input'));
-        fixture.detectChanges();
-
-        expect(multiselect.visibleOptions().length).toEqual(2);
-    });
-
-    it('should close with close icon and reset filter input', () => {
-        multiselect.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-
-        fixture.detectChanges();
-
-        multiselect.resetFilterOnHide = true;
-        const multiselectEl = fixture.debugElement.children[0].nativeElement;
-        multiselectEl.click();
-        fixture.detectChanges();
-
-        const filterInputEl = fixture.debugElement.query(By.css('.p-inputtext')).nativeElement;
-        filterInputEl.value = 'f';
-        filterInputEl.dispatchEvent(new Event('input'));
-        fixture.detectChanges();
-
-        expect(multiselect.visibleOptions().length).toEqual(2);
-        const closeEl = fixture.debugElement.query(By.css('.p-multiselect-close'));
-        closeEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(fixture.debugElement.query(By.css('div')).nativeElement.className).not.toContain('p-multiselect-open');
-    });
-
-    it('should display not found message when filter returns 0 results', () => {
-        multiselect.options = [
-            { label: 'Audi', value: 'Audi' },
-            { label: 'BMW', value: 'BMW' },
-            { label: 'Fiat', value: 'Fiat' },
-            { label: 'Ford', value: 'Ford' },
-            { label: 'Honda', value: 'Honda' },
-            { label: 'Jaguar', value: 'Jaguar' },
-            { label: 'Mercedes', value: 'Mercedes' },
-            { label: 'Renault', value: 'Renault' },
-            { label: 'VW', value: 'VW' },
-            { label: 'Volvo', value: 'Volvo' }
-        ];
-        fixture.detectChanges();
-
-        const multiselectEl = fixture.debugElement.children[0].nativeElement;
-        multiselectEl.click();
-        fixture.detectChanges();
-
-        const filterInputEl = fixture.debugElement.query(By.css('.p-inputtext')).nativeElement;
-        filterInputEl.value = '1';
-        filterInputEl.dispatchEvent(new Event('input'));
-        fixture.detectChanges();
-
-        multiselect.cd.detectChanges();
-        const visibleItems = fixture.debugElement.queryAll(By.css('.p-multiselect-items li')).filter((el) => el.styles.display !== 'none');
-        const emptyMesage = fixture.debugElement.query(By.css('.p-multiselect-empty-message'));
-        expect(visibleItems.length).toEqual(1);
-        expect(emptyMesage).toBeTruthy();
-        expect(emptyMesage.nativeElement.textContent).toContain('No results found');
-    });
-});
diff --git a/src/app/components/multiselect/multiselect.ts b/src/app/components/multiselect/multiselect.ts
deleted file mode 100644
index 425aaab..0000000
--- a/src/app/components/multiselect/multiselect.ts
+++ /dev/null
@@ -1,2276 +0,0 @@
-import { AnimationEvent } from '@angular/animations';
-import { CommonModule } from '@angular/common';
-import {
-    AfterContentInit,
-    AfterViewChecked,
-    AfterViewInit,
-    booleanAttribute,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    computed,
-    ContentChild,
-    ContentChildren,
-    effect,
-    ElementRef,
-    EventEmitter,
-    forwardRef,
-    Input,
-    NgModule,
-    NgZone,
-    numberAttribute,
-    OnInit,
-    Output,
-    QueryList,
-    Renderer2,
-    Signal,
-    signal,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation
-} from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { FilterService, Footer, Header, OverlayOptions, OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule, TranslationKeys } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { Overlay, OverlayModule } from 'primeng/overlay';
-import { RippleModule } from 'primeng/ripple';
-import { Scroller, ScrollerModule } from 'primeng/scroller';
-import { ScrollerOptions } from 'primeng/api';
-import { TooltipModule } from 'primeng/tooltip';
-import { ObjectUtils, UniqueComponentId } from 'primeng/utils';
-import { CheckIcon } from 'primeng/icons/check';
-import { SearchIcon } from 'primeng/icons/search';
-import { TimesCircleIcon } from 'primeng/icons/timescircle';
-import { TimesIcon } from 'primeng/icons/times';
-import { ChevronDownIcon } from 'primeng/icons/chevrondown';
-import { Nullable } from 'primeng/ts-helpers';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { MultiSelectRemoveEvent, MultiSelectFilterOptions, MultiSelectFilterEvent, MultiSelectBlurEvent, MultiSelectChangeEvent, MultiSelectFocusEvent, MultiSelectLazyLoadEvent, MultiSelectSelectAllChangeEvent } from './multiselect.interface';
-import { MinusIcon } from 'primeng/icons/minus';
-
-export const MULTISELECT_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => MultiSelect),
-    multi: true
-};
-
-@Component({
-    selector: 'p-multiSelectItem',
-    template: `
-        <li
-            pRipple
-            role="option"
-            [ngStyle]="{ height: itemSize + 'px' }"
-            class="p-multiselect-item"
-            [ngClass]="{ 'p-multiselect-item': true, 'p-disabled': disabled, 'p-focus': focused }"
-            [id]="id"
-            [attr.aria-label]="label"
-            [attr.aria-setsize]="ariaSetSize"
-            [attr.aria-posinset]="ariaPosInset"
-            [attr.aria-selected]="selected"
-            [attr.data-p-focused]="focused"
-            [attr.data-p-highlight]="selected"
-            [attr.data-p-disabled]="disabled"
-            [attr.aria-checked]="selected"
-            (click)="onOptionClick($event)"
-            (mouseenter)="onOptionMouseEnter($event)"
-        >
-            <div class="p-checkbox p-component" [ngClass]="{ 'p-variant-filled': config.inputStyle() === 'filled' }">
-                <div class="p-checkbox-box" [ngClass]="{ 'p-highlight': selected }">
-                    <ng-container *ngIf="selected">
-                        <CheckIcon *ngIf="!checkIconTemplate && !itemCheckboxIconTemplate" [styleClass]="'p-checkbox-icon'" [attr.aria-hidden]="true" />
-                        <span *ngIf="checkIconTemplate" class="p-checkbox-icon" [attr.aria-hidden]="true">
-                            <ng-template *ngTemplateOutlet="checkIconTemplate"></ng-template>
-                        </span>
-                        <span *ngIf="itemCheckboxIconTemplate" class="p-checkbox-icon" [attr.aria-hidden]="true">
-                            <ng-template *ngTemplateOutlet="itemCheckboxIconTemplate; context: { $implicit: selected }"></ng-template>
-                        </span>
-                    </ng-container>
-                </div>
-            </div>
-            <span *ngIf="!template">{{ label ?? 'empty' }}</span>
-            <ng-container *ngTemplateOutlet="template; context: { $implicit: option }"></ng-container>
-        </li>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class MultiSelectItem {
-    @Input() id: string | undefined;
-
-    @Input() option: any;
-
-    @Input({ transform: booleanAttribute }) selected: boolean | undefined;
-
-    @Input() label: string | undefined;
-
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-
-    @Input({ transform: numberAttribute }) itemSize: number | undefined;
-
-    @Input({ transform: booleanAttribute }) focused: boolean | undefined;
-
-    @Input() ariaPosInset: string | undefined;
-
-    @Input() ariaSetSize: string | undefined;
-
-    @Input() template: TemplateRef<any> | undefined;
-
-    @Input() checkIconTemplate: TemplateRef<any> | undefined;
-
-    @Input() itemCheckboxIconTemplate: TemplateRef<any> | undefined;
-
-    @Output() onClick: EventEmitter<any> = new EventEmitter();
-
-    @Output() onMouseEnter: EventEmitter<any> = new EventEmitter();
-
-    constructor(public config: PrimeNGConfig) {}
-
-    onOptionClick(event: Event) {
-        this.onClick.emit({
-            originalEvent: event,
-            option: this.option,
-            selected: this.selected
-        });
-        event.stopPropagation();
-    }
-
-    onOptionMouseEnter(event: Event) {
-        this.onMouseEnter.emit({
-            originalEvent: event,
-            option: this.option,
-            selected: this.selected
-        });
-    }
-}
-/**
- * MultiSelect is used to select multiple items from a collection.
- * @group Components
- */
-@Component({
-    selector: 'p-multiSelect',
-    template: `
-        <div #container [attr.id]="id" [ngClass]="containerClass" [ngStyle]="style" [class]="styleClass" (click)="onContainerClick($event)">
-            <div class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true">
-                <input
-                    #focusInput
-                    [pTooltip]="tooltip"
-                    [tooltipPosition]="tooltipPosition"
-                    [positionStyle]="tooltipPositionStyle"
-                    [tooltipStyleClass]="tooltipStyleClass"
-                    [attr.aria-disabled]="disabled"
-                    [attr.id]="inputId"
-                    role="combobox"
-                    [attr.aria-label]="ariaLabel"
-                    [attr.aria-labelledby]="ariaLabelledBy"
-                    [attr.aria-haspopup]="'listbox'"
-                    [attr.aria-expanded]="overlayVisible ?? false"
-                    [attr.aria-controls]="overlayVisible ? id + '_list' : null"
-                    [attr.tabindex]="!disabled ? tabindex : -1"
-                    [attr.aria-activedescendant]="focused ? focusedOptionId : undefined"
-                    (focus)="onInputFocus($event)"
-                    (blur)="onInputBlur($event)"
-                    (keydown)="onKeyDown($event)"
-                    pAutoFocus
-                    [autofocus]="autofocus"
-                    [attr.value]="label() || 'empty'"
-                />
-            </div>
-            <div
-                class="p-multiselect-label-container"
-                [pTooltip]="tooltip"
-                (mouseleave)="labelContainerMouseLeave()"
-                [tooltipDisabled]="_disableTooltip"
-                [tooltipPosition]="tooltipPosition"
-                [positionStyle]="tooltipPositionStyle"
-                [tooltipStyleClass]="tooltipStyleClass"
-            >
-                <div [ngClass]="labelClass">
-                    <ng-container *ngIf="!selectedItemsTemplate">
-                        <ng-container *ngIf="display === 'comma'">{{ label() || 'empty' }}</ng-container>
-                        <ng-container *ngIf="display === 'chip'">
-                            <div #token *ngFor="let item of chipSelectedItems(); let i = index" class="p-multiselect-token">
-                                <span class="p-multiselect-token-label">{{ getLabelByValue(item) }}</span>
-                                <ng-container *ngIf="!disabled">
-                                    <TimesCircleIcon
-                                        *ngIf="!removeTokenIconTemplate"
-                                        [ngClass]="{ 'p-disabled': isOptionDisabled(item) }"
-                                        [styleClass]="'p-multiselect-token-icon'"
-                                        (click)="removeOption(item, event)"
-                                        [attr.data-pc-section]="'clearicon'"
-                                        [attr.aria-hidden]="true"
-                                    />
-                                    <span *ngIf="removeTokenIconTemplate" class="p-multiselect-token-icon" (click)="removeOption(item, event)" [attr.data-pc-section]="'clearicon'" [attr.aria-hidden]="true">
-                                        <ng-container *ngTemplateOutlet="removeTokenIconTemplate"></ng-container>
-                                    </span>
-                                </ng-container>
-                            </div>
-                            <ng-container *ngIf="!modelValue() || modelValue().length === 0">{{ placeholder() || defaultLabel || 'empty' }}</ng-container>
-                        </ng-container>
-                    </ng-container>
-                    <ng-container *ngTemplateOutlet="selectedItemsTemplate; context: { $implicit: selectedOptions, removeChip: removeOption.bind(this) }"></ng-container>
-                </div>
-                <ng-container *ngIf="isVisibleClearIcon">
-                    <TimesIcon *ngIf="!clearIconTemplate" [styleClass]="'p-multiselect-clear-icon'" (click)="clear($event)" [attr.data-pc-section]="'clearicon'" [attr.aria-hidden]="true" />
-                    <span *ngIf="clearIconTemplate" class="p-multiselect-clear-icon" (click)="clear($event)" [attr.data-pc-section]="'clearicon'" [attr.aria-hidden]="true">
-                        <ng-template *ngTemplateOutlet="clearIconTemplate"></ng-template>
-                    </span>
-                </ng-container>
-            </div>
-            <div class="p-multiselect-trigger">
-                <ng-container *ngIf="loading; else elseBlock">
-                    <ng-container *ngIf="loadingIconTemplate">
-                        <ng-container *ngTemplateOutlet="loadingIconTemplate"></ng-container>
-                    </ng-container>
-                    <ng-container *ngIf="!loadingIconTemplate">
-                        <span *ngIf="loadingIcon" [ngClass]="'p-multiselect-trigger-icon pi-spin ' + loadingIcon" aria-hidden="true"></span>
-                        <span *ngIf="!loadingIcon" [class]="'p-multiselect-trigger-icon pi pi-spinner pi-spin'" aria-hidden="true"></span>
-                    </ng-container>
-                </ng-container>
-                <ng-template #elseBlock>
-                    <ng-container *ngIf="!dropdownIconTemplate">
-                        <span *ngIf="dropdownIcon" class="p-multiselect-trigger-icon" [ngClass]="dropdownIcon" [attr.data-pc-section]="'triggericon'" [attr.aria-hidden]="true"></span>
-                        <ChevronDownIcon *ngIf="!dropdownIcon" [styleClass]="'p-multiselect-trigger-icon'" [attr.data-pc-section]="'triggericon'" [attr.aria-hidden]="true" />
-                    </ng-container>
-                    <span *ngIf="dropdownIconTemplate" class="p-multiselect-trigger-icon" [attr.data-pc-section]="'triggericon'" [attr.aria-hidden]="true">
-                        <ng-template *ngTemplateOutlet="dropdownIconTemplate"></ng-template>
-                    </span>
-                </ng-template>
-            </div>
-            <p-overlay
-                #overlay
-                [(visible)]="overlayVisible"
-                [options]="overlayOptions"
-                [target]="'@parent'"
-                [appendTo]="appendTo"
-                [autoZIndex]="autoZIndex"
-                [baseZIndex]="baseZIndex"
-                [showTransitionOptions]="showTransitionOptions"
-                [hideTransitionOptions]="hideTransitionOptions"
-                (onAnimationStart)="onOverlayAnimationStart($event)"
-                (onHide)="hide()"
-            >
-                <ng-template pTemplate="content">
-                    <div [attr.id]="id + '_list'" [ngClass]="'p-multiselect-panel p-component'" [ngStyle]="panelStyle" [class]="panelStyleClass">
-                        <span
-                            #firstHiddenFocusableEl
-                            role="presentation"
-                            class="p-hidden-accessible p-hidden-focusable"
-                            [attr.tabindex]="0"
-                            (focus)="onFirstHiddenFocus($event)"
-                            [attr.data-p-hidden-accessible]="true"
-                            [attr.data-p-hidden-focusable]="true"
-                        >
-                        </span>
-                        <div class="p-multiselect-header" *ngIf="showHeader">
-                            <ng-content select="p-header"></ng-content>
-                            <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-                            <ng-container *ngIf="filterTemplate; else builtInFilterElement">
-                                <ng-container *ngTemplateOutlet="filterTemplate; context: { options: filterOptions }"></ng-container>
-                            </ng-container>
-                            <ng-template #builtInFilterElement>
-                                <div
-                                    class="p-checkbox p-component"
-                                    *ngIf="isSelectionAllDisabled()"
-                                    [ngClass]="{ 'p-variant-filled': variant === 'filled' || config.inputStyle() === 'filled', 'p-checkbox-disabled': disabled || toggleAllDisabled }"
-                                    (click)="onToggleAll($event)"
-                                    (keydown)="onHeaderCheckboxKeyDown($event)"
-                                >
-                                    <div class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true">
-                                        <input
-                                            #headerCheckbox
-                                            type="checkbox"
-                                            [readonly]="readonly"
-                                            [attr.checked]="allSelected()"
-                                            (focus)="onHeaderCheckboxFocus()"
-                                            (blur)="onHeaderCheckboxBlur()"
-                                            [disabled]="disabled || toggleAllDisabled"
-                                            [attr.aria-label]="toggleAllAriaLabel"
-                                        />
-                                    </div>
-                                    <div
-                                        class="p-checkbox-box"
-                                        role="checkbox"
-                                        [attr.aria-label]="toggleAllAriaLabel"
-                                        [attr.aria-checked]="allSelected()"
-                                        [ngClass]="{ 'p-highlight': allSelected(), 'p-focus': headerCheckboxFocus, 'p-disabled': disabled || toggleAllDisabled }"
-                                    >
-                                        <ng-container *ngIf="allSelected() || partialSelected()">
-                                            <ng-container *ngIf="!checkIconTemplate && !headerCheckboxIconTemplate">
-                                                <CheckIcon [styleClass]="'p-checkbox-icon'" *ngIf="allSelected()" [attr.aria-hidden]="true" />
-                                            </ng-container>
-
-                                            <span *ngIf="checkIconTemplate" class="p-checkbox-icon" [attr.aria-hidden]="true">
-                                                <ng-template *ngTemplateOutlet="checkIconTemplate; context: { $implicit: allSelected() }"></ng-template>
-                                            </span>
-                                            <span *ngIf="headerCheckboxIconTemplate" class="p-checkbox-icon" [attr.aria-hidden]="true">
-                                                <ng-template *ngTemplateOutlet="headerCheckboxIconTemplate; context: { $implicit: allSelected(), partialSelected: partialSelected() }"></ng-template>
-                                            </span>
-                                        </ng-container>
-                                    </div>
-                                </div>
-                                <div class="p-multiselect-filter-container" *ngIf="filter">
-                                    <input
-                                        #filterInput
-                                        type="text"
-                                        role="searchbox"
-                                        [attr.autocomplete]="autocomplete"
-                                        [attr.placeholder]="filterPlaceHolder"
-                                        role="searchbox"
-                                        [attr.aria-owns]="id + '_list'"
-                                        [attr.aria-activedescendant]="focusedOptionId"
-                                        [value]="_filterValue() || ''"
-                                        (input)="onFilterInputChange($event)"
-                                        (keydown)="onFilterKeyDown($event)"
-                                        (click)="onInputClick($event)"
-                                        (blur)="onFilterBlur($event)"
-                                        class="p-multiselect-filter p-inputtext p-component"
-                                        [disabled]="disabled"
-                                        [attr.placeholder]="filterPlaceHolder"
-                                        [attr.aria-label]="ariaFilterLabel"
-                                    />
-                                    <SearchIcon [styleClass]="'p-multiselect-filter-icon'" *ngIf="!filterIconTemplate" />
-                                    <span *ngIf="filterIconTemplate" class="p-multiselect-filter-icon">
-                                        <ng-template *ngTemplateOutlet="filterIconTemplate"></ng-template>
-                                    </span>
-                                </div>
-
-                                <button class="p-multiselect-close p-link p-button-icon-only" type="button" (click)="close($event)" pRipple [attr.aria-label]="closeAriaLabel">
-                                    <TimesIcon [styleClass]="'p-multiselect-close-icon'" *ngIf="!closeIconTemplate" />
-                                    <span *ngIf="closeIconTemplate" class="p-multiselect-close-icon">
-                                        <ng-template *ngTemplateOutlet="closeIconTemplate"></ng-template>
-                                    </span>
-                                </button>
-                            </ng-template>
-                        </div>
-                        <div class="p-multiselect-items-wrapper" [ngStyle]="{ 'max-height': virtualScroll ? 'auto' : scrollHeight || 'auto' }">
-                            <p-scroller
-                                *ngIf="virtualScroll"
-                                #scroller
-                                [items]="visibleOptions()"
-                                [style]="{ height: scrollHeight }"
-                                [itemSize]="virtualScrollItemSize || _itemSize"
-                                [autoSize]="true"
-                                [tabindex]="-1"
-                                [lazy]="lazy"
-                                (onLazyLoad)="onLazyLoad.emit($event)"
-                                [options]="virtualScrollOptions"
-                            >
-                                <ng-template pTemplate="content" let-items let-scrollerOptions="options">
-                                    <ng-container *ngTemplateOutlet="buildInItems; context: { $implicit: items, options: scrollerOptions }"></ng-container>
-                                </ng-template>
-                                <ng-container *ngIf="loaderTemplate">
-                                    <ng-template pTemplate="loader" let-scrollerOptions="options">
-                                        <ng-container *ngTemplateOutlet="loaderTemplate; context: { options: scrollerOptions }"></ng-container>
-                                    </ng-template>
-                                </ng-container>
-                            </p-scroller>
-                            <ng-container *ngIf="!virtualScroll">
-                                <ng-container *ngTemplateOutlet="buildInItems; context: { $implicit: visibleOptions(), options: {} }"></ng-container>
-                            </ng-container>
-
-                            <ng-template #buildInItems let-items let-scrollerOptions="options">
-                                <ul #items class="p-multiselect-items p-component" [ngClass]="scrollerOptions.contentStyleClass" [ngStyle]="scrollerOptions.contentStyle" role="listbox" aria-multiselectable="true" [attr.aria-label]="listLabel">
-                                    <ng-template ngFor let-option [ngForOf]="items" let-i="index">
-                                        <ng-container *ngIf="isOptionGroup(option)">
-                                            <li [attr.id]="id + '_' + getOptionIndex(i, scrollerOptions)" class="p-multiselect-item-group" [ngStyle]="{ height: scrollerOptions.itemSize + 'px' }" role="option">
-                                                <span *ngIf="!groupTemplate">{{ getOptionGroupLabel(option.optionGroup) }}</span>
-                                                <ng-container *ngTemplateOutlet="groupTemplate; context: { $implicit: option.optionGroup }"></ng-container>
-                                            </li>
-                                        </ng-container>
-                                        <ng-container *ngIf="!isOptionGroup(option)">
-                                            <p-multiSelectItem
-                                                [id]="id + '_' + getOptionIndex(i, scrollerOptions)"
-                                                [option]="option"
-                                                [selected]="isSelected(option)"
-                                                [label]="getOptionLabel(option)"
-                                                [disabled]="isOptionDisabled(option)"
-                                                [template]="itemTemplate"
-                                                [checkIconTemplate]="checkIconTemplate"
-                                                [itemCheckboxIconTemplate]="itemCheckboxIconTemplate"
-                                                [itemSize]="scrollerOptions.itemSize"
-                                                [focused]="focusedOptionIndex() === getOptionIndex(i, scrollerOptions)"
-                                                [ariaPosInset]="getAriaPosInset(getOptionIndex(i, scrollerOptions))"
-                                                [ariaSetSize]="ariaSetSize"
-                                                (onClick)="onOptionSelect($event, false, getOptionIndex(i, scrollerOptions))"
-                                                (onMouseEnter)="onOptionMouseEnter($event, getOptionIndex(i, scrollerOptions))"
-                                            ></p-multiSelectItem>
-                                        </ng-container>
-                                    </ng-template>
-
-                                    <li *ngIf="hasFilter() && isEmpty()" class="p-multiselect-empty-message" [ngStyle]="{ height: scrollerOptions.itemSize + 'px' }" role="option">
-                                        <ng-container *ngIf="!emptyFilterTemplate && !emptyTemplate; else emptyFilter">
-                                            {{ emptyFilterMessageLabel }}
-                                        </ng-container>
-                                        <ng-container #emptyFilter *ngTemplateOutlet="emptyFilterTemplate || emptyTemplate"></ng-container>
-                                    </li>
-                                    <li *ngIf="!hasFilter() && isEmpty()" class="p-multiselect-empty-message" [ngStyle]="{ height: scrollerOptions.itemSize + 'px' }" role="option">
-                                        <ng-container *ngIf="!emptyTemplate; else empty">
-                                            {{ emptyMessageLabel }}
-                                        </ng-container>
-                                        <ng-container #empty *ngTemplateOutlet="emptyTemplate"></ng-container>
-                                    </li>
-                                </ul>
-                            </ng-template>
-                        </div>
-                        <div class="p-multiselect-footer" *ngIf="footerFacet || footerTemplate">
-                            <ng-content select="p-footer"></ng-content>
-                            <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
-                        </div>
-
-                        <span
-                            #lastHiddenFocusableEl
-                            role="presentation"
-                            class="p-hidden-accessible p-hidden-focusable"
-                            [attr.tabindex]="0"
-                            (focus)="onLastHiddenFocus($event)"
-                            [attr.data-p-hidden-accessible]="true"
-                            [attr.data-p-hidden-focusable]="true"
-                        ></span>
-                    </div>
-                </ng-template>
-            </p-overlay>
-        </div>
-    `,
-    host: {
-        class: 'p-element p-inputwrapper',
-        '[class.p-inputwrapper-focus]': 'focused || overlayVisible',
-        '[class.p-inputwrapper-filled]': 'filled'
-    },
-    providers: [MULTISELECT_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./multiselect.css']
-})
-export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, AfterViewChecked, ControlValueAccessor {
-    /**
-     * Unique identifier of the component
-     * @group Props
-     */
-    @Input() id: string | undefined;
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the overlay panel.
-     * @group Props
-     */
-    @Input() panelStyle: any;
-    /**
-     * Style class of the overlay panel element.
-     * @group Props
-     */
-    @Input() panelStyleClass: string | undefined;
-    /**
-     * Identifier of the focus input to match a label defined for the component.
-     * @group Props
-     */
-    @Input() inputId: string | undefined;
-    /**
-     * When present, it specifies that the element should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * When present, it specifies that the component cannot be edited.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) readonly: boolean | undefined;
-    /**
-     * Whether to display options as grouped when nested options are provided.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) group: boolean | undefined;
-    /**
-     * When specified, displays an input field to filter the items on keyup.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) filter: boolean = true;
-    /**
-     * Defines placeholder of the filter input.
-     * @group Props
-     */
-    @Input() filterPlaceHolder: string | undefined;
-    /**
-     * Locale to use in filtering. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    @Input() filterLocale: string | undefined;
-    /**
-     * Specifies the visibility of the options panel.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) overlayVisible: boolean | undefined;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined = 0;
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    @Input() variant: 'filled' | 'outlined' = 'outlined';
-    /**
-     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * A property to uniquely identify a value in options.
-     * @group Props
-     */
-    @Input() dataKey: string | undefined;
-    /**
-     * Name of the input element.
-     * @group Props
-     */
-    @Input() name: string | undefined;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Whether to show labels of selected item labels or use default label.
-     * @group Props
-     * @defaultValue true
-     */
-    @Input() set displaySelectedLabel(val: boolean) {
-        this._displaySelectedLabel = val;
-    }
-    get displaySelectedLabel(): boolean {
-        return this._displaySelectedLabel;
-    }
-    /**
-     * Decides how many selected item labels to show at most.
-     * @group Props
-     * @defaultValue 3
-     */
-    @Input() set maxSelectedLabels(val: number | null | undefined) {
-        this._maxSelectedLabels = val;
-    }
-    get maxSelectedLabels(): number | null | undefined {
-        return this._maxSelectedLabels;
-    }
-    /**
-     * Decides how many selected item labels to show at most.
-     * @group Props
-     */
-    @Input({ transform: (value: unknown) => numberAttribute(value, null) }) selectionLimit: number | null | undefined;
-    /**
-     * Label to display after exceeding max selected labels e.g. ({0} items selected), defaults "ellipsis" keyword to indicate a text-overflow.
-     * @group Props
-     */
-    @Input() selectedItemsLabel: string | undefined;
-    /**
-     * Whether to show the checkbox at header to toggle all items at once.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showToggleAll: boolean = true;
-    /**
-     * Text to display when filtering does not return any results.
-     * @group Props
-     */
-    @Input() emptyFilterMessage: string = '';
-    /**
-     * Text to display when there is no data. Defaults to global value in i18n translation configuration.
-     * @group Props
-     */
-    @Input() emptyMessage: string = '';
-    /**
-     * Clears the filter value when hiding the dropdown.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) resetFilterOnHide: boolean = false;
-    /**
-     * Icon class of the dropdown icon.
-     * @group Props
-     */
-    @Input() dropdownIcon: string | undefined;
-    /**
-     * Name of the label field of an option.
-     * @group Props
-     */
-    @Input() optionLabel: string | undefined;
-    /**
-     * Name of the value field of an option.
-     * @group Props
-     */
-    @Input() optionValue: string | undefined;
-    /**
-     * Name of the disabled field of an option.
-     * @group Props
-     */
-    @Input() optionDisabled: string | undefined;
-    /**
-     * Name of the label field of an option group.
-     * @group Props
-     */
-    @Input() optionGroupLabel: string | undefined = 'label';
-    /**
-     * Name of the options field of an option group.
-     * @group Props
-     */
-    @Input() optionGroupChildren: string = 'items';
-    /**
-     * Whether to show the header.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showHeader: boolean = true;
-    /**
-     * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
-     * @group Props
-     */
-    @Input() filterBy: string | undefined;
-    /**
-     * Height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value.
-     * @group Props
-     */
-    @Input() scrollHeight: string = '200px';
-    /**
-     * Defines if data is loaded and interacted with in lazy manner.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) lazy: boolean = false;
-    /**
-     * Whether the data should be loaded on demand during scroll.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) virtualScroll: boolean | undefined;
-    /**
-     * Whether the multiselect is in loading state.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) loading: boolean | undefined = false;
-    /**
-     * Height of an item in the list for VirtualScrolling.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) virtualScrollItemSize: number | undefined;
-    /**
-     * Icon to display in loading state.
-     * @group Props
-     */
-    @Input() loadingIcon: string | undefined;
-    /**
-     * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.
-     * @group Props
-     */
-    @Input() virtualScrollOptions: ScrollerOptions | undefined;
-    /**
-     * Whether to use overlay API feature. The properties of overlay API can be used like an object in it.
-     * @group Props
-     */
-    @Input() overlayOptions: OverlayOptions | undefined;
-    /**
-     * Defines a string that labels the filter input.
-     * @group Props
-     */
-    @Input() ariaFilterLabel: string | undefined;
-    /**
-     * Defines how the items are filtered.
-     * @group Props
-     */
-    @Input() filterMatchMode: 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals' | 'in' | 'lt' | 'lte' | 'gt' | 'gte' = 'contains';
-    /**
-     * Advisory information to display in a tooltip on hover.
-     * @group Props
-     */
-    @Input() tooltip: string = '';
-    /**
-     * Position of the tooltip.
-     * @group Props
-     */
-    @Input() tooltipPosition: 'top' | 'left' | 'right' | 'bottom' = 'right';
-    /**
-     * Type of CSS position.
-     * @group Props
-     */
-    @Input() tooltipPositionStyle: string = 'absolute';
-    /**
-     * Style class of the tooltip.
-     * @group Props
-     */
-    @Input() tooltipStyleClass: string | undefined;
-    /**
-     * Applies focus to the filter element when the overlay is shown.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocusFilter: boolean = true;
-    /**
-     * Defines how the selected items are displayed.
-     * @group Props
-     */
-    @Input() display: string | 'comma' | 'chip' = 'comma';
-    /**
-     * Defines the autocomplete is active.
-     * @group Props
-     */
-    @Input() autocomplete: string = 'off';
-    /**
-     * When enabled, a clear icon is displayed to clear the value.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showClear: boolean = false;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * @deprecated since v14.2.0, use overlayOptions property instead.
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    @Input() get autoZIndex(): boolean | undefined {
-        return this._autoZIndex;
-    }
-    set autoZIndex(val: boolean | undefined) {
-        this._autoZIndex = val;
-        console.warn('The autoZIndex property is deprecated since v14.2.0, use overlayOptions property instead.');
-    }
-    /**
-     * @deprecated since v14.2.0, use overlayOptions property instead.
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    @Input() get baseZIndex(): number | undefined {
-        return this._baseZIndex;
-    }
-    set baseZIndex(val: number | undefined) {
-        this._baseZIndex = val;
-        console.warn('The baseZIndex property is deprecated since v14.2.0, use overlayOptions property instead.');
-    }
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     * @deprecated since v14.2.0, use overlayOptions property instead.
-     */
-    @Input() get showTransitionOptions(): string | undefined {
-        return this._showTransitionOptions;
-    }
-    set showTransitionOptions(val: string | undefined) {
-        this._showTransitionOptions = val;
-        console.warn('The showTransitionOptions property is deprecated since v14.2.0, use overlayOptions property instead.');
-    }
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     * @deprecated since v14.2.0, use overlayOptions property instead.
-     */
-    @Input() get hideTransitionOptions(): string | undefined {
-        return this._hideTransitionOptions;
-    }
-    set hideTransitionOptions(val: string | undefined) {
-        this._hideTransitionOptions = val;
-        console.warn('The hideTransitionOptions property is deprecated since v14.2.0, use overlayOptions property instead.');
-    }
-    /**
-     * Label to display when there are no selections.
-     * @group Props
-     * @deprecated Use placeholder instead.
-     */
-    @Input() set defaultLabel(val: string | undefined) {
-        this._defaultLabel = val;
-        console.warn('defaultLabel property is deprecated since 16.6.0, use placeholder instead');
-    }
-    get defaultLabel(): string | undefined {
-        return this._defaultLabel;
-    }
-    /**
-     * Label to display when there are no selections.
-     * @group Props
-     */
-    @Input() set placeholder(val: string | undefined) {
-        this._placeholder.set(val);
-    }
-    get placeholder(): Signal<string | undefined> {
-        return this._placeholder.asReadonly();
-    }
-    /**
-     * An array of objects to display as the available options.
-     * @group Props
-     */
-    @Input() get options(): any[] | undefined {
-        const options = this._options();
-        return options;
-    }
-    set options(val: any[] | undefined) {
-        if (!ObjectUtils.deepEquals(this._options(), val)) {
-            this._options.set(val);
-        }
-    }
-    /**
-     * When specified, filter displays with this value.
-     * @group Props
-     */
-    @Input() get filterValue(): string | undefined | null {
-        return this._filterValue();
-    }
-    set filterValue(val: string | undefined | null) {
-        this._filterValue.set(val);
-    }
-    /**
-     * Item size of item to be virtual scrolled.
-     * @group Props
-     * @deprecated use virtualScrollItemSize property instead.
-     */
-    @Input() get itemSize(): number | undefined {
-        return this._itemSize;
-    }
-    set itemSize(val: number | undefined) {
-        this._itemSize = val;
-        console.warn('The itemSize property is deprecated, use virtualScrollItemSize property instead.');
-    }
-    /**
-     * Whether all data is selected.
-     * @group Props
-     */
-    @Input() get selectAll(): boolean | undefined | null {
-        return this._selectAll;
-    }
-    set selectAll(value: boolean | undefined | null) {
-        this._selectAll = value;
-    }
-    /**
-     * Indicates whether to focus on options when hovering over them, defaults to optionLabel.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) focusOnHover: boolean = false;
-    /**
-     * Fields used when filtering the options, defaults to optionLabel.
-     * @group Props
-     */
-    @Input() filterFields: any[] | undefined;
-    /**
-     * Determines if the option will be selected on focus.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) selectOnFocus: boolean = false;
-    /**
-     * Whether to focus on the first visible or selected element when the overlay panel is shown.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoOptionFocus: boolean = true;
-    /**
-     * Callback to invoke when value changes.
-     * @param {MultiSelectChangeEvent} event - Custom change event.
-     * @group Emits
-     */
-    @Output() onChange: EventEmitter<MultiSelectChangeEvent> = new EventEmitter<MultiSelectChangeEvent>();
-    /**
-     * Callback to invoke when data is filtered.
-     * @param {MultiSelectFilterEvent} event - Custom filter event.
-     * @group Emits
-     */
-    @Output() onFilter: EventEmitter<MultiSelectFilterEvent> = new EventEmitter<MultiSelectFilterEvent>();
-    /**
-     * Callback to invoke when multiselect receives focus.
-     * @param {MultiSelectFocusEvent} event - Custom focus event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<MultiSelectFocusEvent> = new EventEmitter<MultiSelectFocusEvent>();
-    /**
-     * Callback to invoke when multiselect loses focus.
-     * @param {MultiSelectBlurEvent} event - Custom blur event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<MultiSelectBlurEvent> = new EventEmitter<MultiSelectBlurEvent>();
-    /**
-     * Callback to invoke when component is clicked.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onClick: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when input field is cleared.
-     * @group Emits
-     */
-    @Output() onClear: EventEmitter<void> = new EventEmitter<void>();
-    /**
-     * Callback to invoke when overlay panel becomes visible.
-     * @group Emits
-     */
-    @Output() onPanelShow: EventEmitter<void> = new EventEmitter<void>();
-    /**
-     * Callback to invoke when overlay panel becomes hidden.
-     * @group Emits
-     */
-    @Output() onPanelHide: EventEmitter<void> = new EventEmitter<void>();
-    /**
-     * Callback to invoke in lazy mode to load new data.
-     * @param {MultiSelectLazyLoadEvent} event - Lazy load event.
-     * @group Emits
-     */
-    @Output() onLazyLoad: EventEmitter<MultiSelectLazyLoadEvent> = new EventEmitter<MultiSelectLazyLoadEvent>();
-    /**
-     * Callback to invoke in lazy mode to load new data.
-     * @param {MultiSelectRemoveEvent} event - Remove event.
-     * @group Emits
-     */
-    @Output() onRemove: EventEmitter<MultiSelectRemoveEvent> = new EventEmitter<MultiSelectRemoveEvent>();
-    /**
-     * Callback to invoke when all data is selected.
-     * @param {MultiSelectSelectAllChangeEvent} event - Custom select event.
-     * @group Emits
-     */
-    @Output() onSelectAllChange: EventEmitter<MultiSelectSelectAllChangeEvent> = new EventEmitter<MultiSelectSelectAllChangeEvent>();
-
-    @ViewChild('container') containerViewChild: Nullable<ElementRef>;
-
-    @ViewChild('overlay') overlayViewChild: Nullable<Overlay>;
-
-    @ViewChild('filterInput') filterInputChild: Nullable<ElementRef>;
-
-    @ViewChild('focusInput') focusInputViewChild: Nullable<ElementRef>;
-
-    @ViewChild('items') itemsViewChild: Nullable<ElementRef>;
-
-    @ViewChild('scroller') scroller: Nullable<Scroller>;
-
-    @ViewChild('lastHiddenFocusableEl') lastHiddenFocusableElementOnOverlay: Nullable<ElementRef>;
-
-    @ViewChild('firstHiddenFocusableEl') firstHiddenFocusableElementOnOverlay: Nullable<ElementRef>;
-
-    @ViewChild('headerCheckbox') headerCheckboxViewChild: Nullable<ElementRef>;
-
-    @ContentChild(Footer) footerFacet: any;
-
-    @ContentChild(Header) headerFacet: any;
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-
-    searchValue: Nullable<string>;
-
-    searchTimeout: any;
-
-    _selectAll: boolean | undefined | null = null;
-
-    _autoZIndex: boolean | undefined;
-
-    _baseZIndex: number | undefined;
-
-    _showTransitionOptions: string | undefined;
-
-    _hideTransitionOptions: string | undefined;
-
-    _defaultLabel: string | undefined;
-
-    _placeholder = signal<string | undefined>(undefined);
-
-    _itemSize: number | undefined;
-
-    _selectionLimit: number | undefined;
-
-    _disableTooltip = false;
-
-    value: any[];
-
-    public _filteredOptions: any[] | undefined | null;
-
-    public onModelChange: Function = () => {};
-
-    public onModelTouched: Function = () => {};
-
-    public valuesAsString: string | undefined;
-
-    public focus: boolean | undefined;
-
-    public filtered: boolean | undefined;
-
-    public itemTemplate: TemplateRef<any> | undefined;
-
-    public groupTemplate: TemplateRef<any> | undefined;
-
-    public loaderTemplate: TemplateRef<any> | undefined;
-
-    public headerTemplate: TemplateRef<any> | undefined;
-
-    public filterTemplate: TemplateRef<any> | undefined;
-
-    public footerTemplate: TemplateRef<any> | undefined;
-
-    public emptyFilterTemplate: TemplateRef<any> | undefined;
-
-    public emptyTemplate: TemplateRef<any> | undefined;
-
-    public selectedItemsTemplate: TemplateRef<any> | undefined;
-
-    checkIconTemplate: TemplateRef<any> | undefined;
-
-    loadingIconTemplate: TemplateRef<any> | undefined;
-
-    filterIconTemplate: TemplateRef<any> | undefined;
-
-    removeTokenIconTemplate: TemplateRef<any> | undefined;
-
-    closeIconTemplate: TemplateRef<any> | undefined;
-
-    clearIconTemplate: TemplateRef<any> | undefined;
-
-    dropdownIconTemplate: TemplateRef<any> | undefined;
-
-    itemCheckboxIconTemplate: TemplateRef<any> | undefined;
-
-    headerCheckboxIconTemplate: TemplateRef<any> | undefined;
-
-    public headerCheckboxFocus: boolean | undefined;
-
-    filterOptions: MultiSelectFilterOptions | undefined;
-
-    preventModelTouched: boolean | undefined;
-
-    preventDocumentDefault: boolean | undefined;
-
-    focused: boolean = false;
-
-    itemsWrapper: any;
-
-    _displaySelectedLabel: boolean = true;
-
-    _maxSelectedLabels: number = 3;
-
-    modelValue = signal<any>(null);
-
-    _filterValue = signal<any>(null);
-
-    _options = signal<any[]>(null);
-
-    startRangeIndex = signal<number>(-1);
-
-    focusedOptionIndex = signal<number>(-1);
-
-    selectedOptions: any;
-
-    clickInProgress: boolean = false;
-
-    get containerClass() {
-        return {
-            'p-multiselect p-component p-inputwrapper': true,
-            'p-disabled': this.disabled,
-            'p-multiselect-clearable': this.showClear && !this.disabled,
-            'p-multiselect-chip': this.display === 'chip',
-            'p-focus': this.focused,
-            'p-variant-filled': this.variant === 'filled' || this.config.inputStyle() === 'filled'
-        };
-    }
-
-    get inputClass() {
-        return {
-            'p-multiselect-label p-inputtext': true,
-            'p-placeholder': (this.placeholder() || this.defaultLabel) && (this.label() === this.placeholder() || this.label() === this.defaultLabel),
-            'p-multiselect-label-empty': !this.selectedItemsTemplate && (this.label() === 'p-emptylabel' || this.label().length === 0)
-        };
-    }
-
-    get panelClass() {
-        return {
-            'p-multiselect-panel p-component': true,
-            'p-input-filled': this.config.inputStyle() === 'filled',
-            'p-ripple-disabled': this.config.ripple === false
-        };
-    }
-
-    get labelClass() {
-        return {
-            'p-multiselect-label': true,
-            'p-placeholder': this.label() === this.placeholder() || this.label() === this.defaultLabel,
-            'p-multiselect-label-empty': !this.placeholder() && !this.defaultLabel && (!this.modelValue() || this.modelValue().length === 0)
-        };
-    }
-
-    get emptyMessageLabel(): string {
-        return this.emptyMessage || this.config.getTranslation(TranslationKeys.EMPTY_MESSAGE);
-    }
-
-    get emptyFilterMessageLabel(): string {
-        return this.emptyFilterMessage || this.config.getTranslation(TranslationKeys.EMPTY_FILTER_MESSAGE);
-    }
-
-    get filled(): boolean {
-        if (typeof this.modelValue() === 'string') return !!this.modelValue();
-
-        return ObjectUtils.isNotEmpty(this.modelValue());
-    }
-
-    get isVisibleClearIcon(): boolean | undefined {
-        return this.modelValue() != null && this.modelValue() !== '' && ObjectUtils.isNotEmpty(this.modelValue()) && this.showClear && !this.disabled && this.filled;
-    }
-
-    get toggleAllAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria[this.allSelected() ? 'selectAll' : 'unselectAll'] : undefined;
-    }
-
-    get closeAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.close : undefined;
-    }
-
-    get listLabel(): string {
-        return this.config.getTranslation(TranslationKeys.ARIA)['listLabel'];
-    }
-
-    private getAllVisibleAndNonVisibleOptions() {
-        return this.group ? this.flatOptions(this.options) : this.options || [];
-    }
-
-    visibleOptions = computed(() => {
-        const options = this.getAllVisibleAndNonVisibleOptions();
-        const isArrayOfObjects = ObjectUtils.isArray(options) && ObjectUtils.isObject(options[0]);
-
-        if (this._filterValue()) {
-            let filteredOptions;
-
-            if (isArrayOfObjects) {
-                filteredOptions = this.filterService.filter(options, this.searchFields(), this._filterValue(), this.filterMatchMode, this.filterLocale);
-            } else {
-                filteredOptions = options.filter((option) => option.toString().toLocaleLowerCase().includes(this._filterValue().toLocaleLowerCase()));
-            }
-
-            if (this.group) {
-                const optionGroups = this.options || [];
-                const filtered = [];
-
-                optionGroups.forEach((group) => {
-                    const groupChildren = this.getOptionGroupChildren(group);
-                    const filteredItems = groupChildren.filter((item) => filteredOptions.includes(item));
-
-                    if (filteredItems.length > 0) filtered.push({ ...group, [typeof this.optionGroupChildren === 'string' ? this.optionGroupChildren : 'items']: [...filteredItems] });
-                });
-
-                return this.flatOptions(filtered);
-            }
-
-            return filteredOptions;
-        }
-        return options;
-    });
-
-    label = computed(() => {
-        let label;
-        const modelValue = this.modelValue();
-
-        if (modelValue && modelValue.length && this.displaySelectedLabel) {
-            if (ObjectUtils.isNotEmpty(this.maxSelectedLabels) && modelValue.length > this.maxSelectedLabels) {
-                return this.getSelectedItemsLabel();
-            } else {
-                label = '';
-
-                for (let i = 0; i < modelValue.length; i++) {
-                    if (i !== 0) {
-                        label += ', ';
-                    }
-
-                    label += this.getLabelByValue(modelValue[i]);
-                }
-            }
-        } else {
-            label = this.placeholder() || this.defaultLabel || '';
-        }
-        return label;
-    });
-
-    chipSelectedItems = computed(() => {
-        return ObjectUtils.isNotEmpty(this.maxSelectedLabels) && this.modelValue() && this.modelValue().length > this.maxSelectedLabels ? this.modelValue().slice(0, this.maxSelectedLabels) : this.modelValue();
-    });
-
-    constructor(
-        public el: ElementRef,
-        public renderer: Renderer2,
-        public cd: ChangeDetectorRef,
-        public zone: NgZone,
-        public filterService: FilterService,
-        public config: PrimeNGConfig,
-        public overlayService: OverlayService
-    ) {
-        effect(() => {
-            const modelValue = this.modelValue();
-
-            const visibleOptions = this.visibleOptions();
-            if (visibleOptions && ObjectUtils.isNotEmpty(visibleOptions)) {
-                if (this.optionValue && this.optionLabel && modelValue) {
-                    this.selectedOptions = visibleOptions.filter((option) => modelValue.includes(option[this.optionLabel]) || modelValue.includes(option[this.optionValue]));
-                } else {
-                    this.selectedOptions = modelValue;
-                }
-                this.cd.markForCheck();
-            }
-        });
-    }
-
-    ngOnInit() {
-        this.id = this.id || UniqueComponentId();
-        this.autoUpdateModel();
-
-        if (this.filterBy) {
-            this.filterOptions = {
-                filter: (value) => this.onFilterInputChange(value),
-                reset: () => this.resetFilter()
-            };
-        }
-    }
-
-    maxSelectionLimitReached() {
-        return ObjectUtils.isNotEmpty(this.selectionLimit) && this.modelValue() && this.modelValue().length === this.selectionLimit;
-    }
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-
-                case 'group':
-                    this.groupTemplate = item.template;
-                    break;
-
-                case 'selectedItems':
-                    this.selectedItemsTemplate = item.template;
-                    break;
-
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'filter':
-                    this.filterTemplate = item.template;
-                    break;
-
-                case 'emptyfilter':
-                    this.emptyFilterTemplate = item.template;
-                    break;
-
-                case 'empty':
-                    this.emptyTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                case 'loader':
-                    this.loaderTemplate = item.template;
-                    break;
-
-                case 'checkicon':
-                    this.checkIconTemplate = item.template;
-                    console.warn('checkicon is deprecated and will removed in v18. Use itemcheckboxicon or headercheckboxicon templates instead.');
-                    break;
-
-                case 'headercheckboxicon':
-                    this.headerCheckboxIconTemplate = item.template;
-                    break;
-
-                case 'loadingicon':
-                    this.loadingIconTemplate = item.template;
-                    break;
-
-                case 'filtericon':
-                    this.filterIconTemplate = item.template;
-                    break;
-
-                case 'removetokenicon':
-                    this.removeTokenIconTemplate = item.template;
-                    break;
-
-                case 'closeicon':
-                    this.closeIconTemplate = item.template;
-                    break;
-
-                case 'clearicon':
-                    this.clearIconTemplate = item.template;
-                    break;
-
-                case 'dropdownicon':
-                    this.dropdownIconTemplate = item.template;
-                    break;
-
-                case 'itemcheckboxicon':
-                    this.itemCheckboxIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    ngAfterViewInit() {
-        if (this.overlayVisible) {
-            this.show();
-        }
-    }
-
-    ngAfterViewChecked() {
-        if (this.filtered) {
-            this.zone.runOutsideAngular(() => {
-                setTimeout(() => {
-                    this.overlayViewChild?.alignOverlay();
-                }, 1);
-            });
-            this.filtered = false;
-        }
-    }
-
-    flatOptions(options) {
-        return (options || []).reduce((result, option, index) => {
-            result.push({ optionGroup: option, group: true, index });
-
-            const optionGroupChildren = this.getOptionGroupChildren(option);
-
-            optionGroupChildren && optionGroupChildren.forEach((o) => result.push(o));
-
-            return result;
-        }, []);
-    }
-
-    autoUpdateModel() {
-        if (this.selectOnFocus && this.autoOptionFocus && !this.hasSelectedOption()) {
-            this.focusedOptionIndex.set(this.findFirstFocusedOptionIndex());
-            const value = this.getOptionValue(this.visibleOptions()[this.focusedOptionIndex()]);
-            this.onOptionSelect({ originalEvent: null, option: [value] });
-        }
-    }
-
-    /**
-     * Updates the model value.
-     * @group Method
-     */
-    public updateModel(value, event?) {
-        this.value = value;
-        this.onModelChange(value);
-        this.modelValue.set(value);
-    }
-
-    onInputClick(event) {
-        event.stopPropagation();
-        event.preventDefault();
-        this.focusedOptionIndex.set(-1);
-    }
-
-    onOptionSelect(event, isFocus = false, index = -1) {
-        const { originalEvent, option } = event;
-        if (this.disabled || this.isOptionDisabled(option)) {
-            return;
-        }
-
-        let selected = this.isSelected(option);
-        let value = null;
-        if (selected) {
-            value = this.modelValue().filter((val) => !ObjectUtils.equals(val, this.getOptionValue(option), this.equalityKey()));
-            this.onRemove.emit({ newValue: this.value, removed: this.getOptionValue(option) });
-        } else {
-            value = [...(this.modelValue() || []), this.getOptionValue(option)];
-        }
-
-        this.updateModel(value, originalEvent);
-        index !== -1 && this.focusedOptionIndex.set(index);
-
-        isFocus && DomHandler.focus(this.focusInputViewChild?.nativeElement);
-
-        this.onChange.emit({
-            originalEvent: { ...event, selected: !event.selected },
-            value: value,
-            itemValue: option
-        });
-    }
-
-    findSelectedOptionIndex() {
-        return this.hasSelectedOption() ? this.visibleOptions().findIndex((option) => this.isValidSelectedOption(option)) : -1;
-    }
-
-    onOptionSelectRange(event, start = -1, end = -1) {
-        start === -1 && (start = this.findNearestSelectedOptionIndex(end, true));
-        end === -1 && (end = this.findNearestSelectedOptionIndex(start));
-
-        if (start !== -1 && end !== -1) {
-            const rangeStart = Math.min(start, end);
-            const rangeEnd = Math.max(start, end);
-            const value = this.visibleOptions()
-                .slice(rangeStart, rangeEnd + 1)
-                .filter((option) => this.isValidOption(option))
-                .map((option) => this.getOptionValue(option));
-
-            this.updateModel(value, event);
-        }
-    }
-
-    searchFields() {
-        return (this.filterBy || this.optionLabel || 'label').split(',');
-    }
-
-    findNearestSelectedOptionIndex(index, firstCheckUp = false) {
-        let matchedOptionIndex = -1;
-
-        if (this.hasSelectedOption()) {
-            if (firstCheckUp) {
-                matchedOptionIndex = this.findPrevSelectedOptionIndex(index);
-                matchedOptionIndex = matchedOptionIndex === -1 ? this.findNextSelectedOptionIndex(index) : matchedOptionIndex;
-            } else {
-                matchedOptionIndex = this.findNextSelectedOptionIndex(index);
-                matchedOptionIndex = matchedOptionIndex === -1 ? this.findPrevSelectedOptionIndex(index) : matchedOptionIndex;
-            }
-        }
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex : index;
-    }
-
-    findPrevSelectedOptionIndex(index) {
-        const matchedOptionIndex = this.hasSelectedOption() && index > 0 ? ObjectUtils.findLastIndex(this.visibleOptions().slice(0, index), (option) => this.isValidSelectedOption(option)) : -1;
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex : -1;
-    }
-
-    findFirstFocusedOptionIndex() {
-        const selectedIndex = this.findFirstSelectedOptionIndex();
-
-        return selectedIndex < 0 ? this.findFirstOptionIndex() : selectedIndex;
-    }
-
-    findFirstOptionIndex() {
-        return this.visibleOptions().findIndex((option) => this.isValidOption(option));
-    }
-
-    findFirstSelectedOptionIndex() {
-        return this.hasSelectedOption() ? this.visibleOptions().findIndex((option) => this.isValidSelectedOption(option)) : -1;
-    }
-
-    findNextSelectedOptionIndex(index) {
-        const matchedOptionIndex =
-            this.hasSelectedOption() && index < this.visibleOptions().length - 1
-                ? this.visibleOptions()
-                      .slice(index + 1)
-                      .findIndex((option) => this.isValidSelectedOption(option))
-                : -1;
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : -1;
-    }
-
-    equalityKey() {
-        return this.optionValue ? null : this.dataKey;
-    }
-
-    hasSelectedOption() {
-        return ObjectUtils.isNotEmpty(this.modelValue());
-    }
-
-    isSelectionAllDisabled() {
-        return this.showToggleAll && ObjectUtils.isEmpty(this.selectionLimit);
-    }
-
-    isValidSelectedOption(option) {
-        return this.isValidOption(option) && this.isSelected(option);
-    }
-
-    isOptionGroup(option) {
-        return (this.group || this.optionGroupLabel) && option.optionGroup && option.group;
-    }
-
-    isValidOption(option) {
-        return option && !(this.isOptionDisabled(option) || this.isOptionGroup(option));
-    }
-
-    isOptionDisabled(option: any) {
-        if (this.maxSelectionLimitReached() && !this.isSelected(option)) {
-            return true;
-        }
-        return this.optionDisabled ? ObjectUtils.resolveFieldData(option, this.optionDisabled) : option && option.disabled !== undefined ? option.disabled : false;
-    }
-
-    isSelected(option) {
-        const optionValue = this.getOptionValue(option);
-        return (this.modelValue() || []).some((value) => ObjectUtils.equals(value, optionValue, this.equalityKey()));
-    }
-
-    isOptionMatched(option) {
-        return this.isValidOption(option) && this.getOptionLabel(option).toString().toLocaleLowerCase(this.filterLocale).startsWith(this.searchValue.toLocaleLowerCase(this.filterLocale));
-    }
-
-    isEmpty() {
-        return !this._options() || (this.visibleOptions() && this.visibleOptions().length === 0);
-    }
-
-    getOptionIndex(index, scrollerOptions) {
-        return this.virtualScrollerDisabled ? index : scrollerOptions && scrollerOptions.getItemOptions(index)['index'];
-    }
-
-    getAriaPosInset(index) {
-        return (
-            (this.optionGroupLabel
-                ? index -
-                  this.visibleOptions()
-                      .slice(0, index)
-                      .filter((option) => this.isOptionGroup(option)).length
-                : index) + 1
-        );
-    }
-
-    get ariaSetSize() {
-        return this.visibleOptions().filter((option) => !this.isOptionGroup(option)).length;
-    }
-
-    getLabelByValue(value) {
-        const options = this.group ? this.flatOptions(this._options()) : this._options() || [];
-        const matchedOption = options.find((option) => !this.isOptionGroup(option) && ObjectUtils.equals(this.getOptionValue(option), value, this.equalityKey()));
-        return matchedOption ? this.getOptionLabel(matchedOption) : null;
-    }
-
-    getSelectedItemsLabel() {
-        let pattern = /{(.*?)}/;
-        let message = this.selectedItemsLabel ? this.selectedItemsLabel : this.config.getTranslation(TranslationKeys.SELECTION_MESSAGE);
-
-        if (pattern.test(message)) {
-            return message.replace(message.match(pattern)[0], this.modelValue().length + '');
-        }
-
-        return message;
-    }
-
-    getOptionLabel(option: any) {
-        return this.optionLabel ? ObjectUtils.resolveFieldData(option, this.optionLabel) : option && option.label != undefined ? option.label : option;
-    }
-
-    getOptionValue(option: any) {
-        return this.optionValue ? ObjectUtils.resolveFieldData(option, this.optionValue) : !this.optionLabel && option && option.value !== undefined ? option.value : option;
-    }
-
-    getOptionGroupLabel(optionGroup: any) {
-        return this.optionGroupLabel ? ObjectUtils.resolveFieldData(optionGroup, this.optionGroupLabel) : optionGroup && optionGroup.label != undefined ? optionGroup.label : optionGroup;
-    }
-
-    getOptionGroupChildren(optionGroup: any) {
-        return this.optionGroupChildren ? ObjectUtils.resolveFieldData(optionGroup, this.optionGroupChildren) : optionGroup.items;
-    }
-
-    onKeyDown(event: KeyboardEvent) {
-        if (this.disabled) {
-            event.preventDefault();
-            return;
-        }
-
-        const metaKey = event.metaKey || event.ctrlKey;
-
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUpKey(event);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event);
-                break;
-
-            case 'End':
-                this.onEndKey(event);
-                break;
-
-            case 'PageDown':
-                this.onPageDownKey(event);
-                break;
-
-            case 'PageUp':
-                this.onPageUpKey(event);
-                break;
-
-            case 'Enter':
-            case 'Space':
-                this.onEnterKey(event);
-                break;
-
-            case 'Escape':
-                this.onEscapeKey(event);
-                break;
-
-            case 'Tab':
-                this.onTabKey(event);
-                break;
-
-            case 'ShiftLeft':
-            case 'ShiftRight':
-                this.onShiftKey();
-                break;
-
-            default:
-                if (event.code === 'KeyA' && metaKey) {
-                    const value = this.visibleOptions()
-                        .filter((option) => this.isValidOption(option))
-                        .map((option) => this.getOptionValue(option));
-
-                    this.updateModel(value, event);
-
-                    event.preventDefault();
-                    break;
-                }
-
-                if (!metaKey && ObjectUtils.isPrintableCharacter(event.key)) {
-                    !this.overlayVisible && this.show();
-                    this.searchOptions(event, event.key);
-                    event.preventDefault();
-                }
-
-                break;
-        }
-    }
-
-    onFilterKeyDown(event: KeyboardEvent) {
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUpKey(event, true);
-                break;
-
-            case 'ArrowLeft':
-            case 'ArrowRight':
-                this.onArrowLeftKey(event, true);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event, true);
-                break;
-
-            case 'End':
-                this.onEndKey(event, true);
-                break;
-
-            case 'Enter':
-            case 'NumpadEnter':
-                this.onEnterKey(event);
-                break;
-
-            case 'Escape':
-                this.onEscapeKey(event);
-                break;
-
-            case 'Tab':
-                this.onTabKey(event, true);
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    onArrowLeftKey(event: KeyboardEvent, pressedInInputText: boolean = false) {
-        pressedInInputText && this.focusedOptionIndex.set(-1);
-    }
-
-    onArrowDownKey(event) {
-        const optionIndex = this.focusedOptionIndex() !== -1 ? this.findNextOptionIndex(this.focusedOptionIndex()) : this.findFirstFocusedOptionIndex();
-
-        if (event.shiftKey) {
-            this.onOptionSelectRange(event, this.startRangeIndex(), optionIndex);
-        }
-
-        this.changeFocusedOptionIndex(event, optionIndex);
-        !this.overlayVisible && this.show();
-        event.preventDefault();
-        event.stopPropagation();
-    }
-
-    onArrowUpKey(event, pressedInInputText = false) {
-        if (event.altKey && !pressedInInputText) {
-            if (this.focusedOptionIndex() !== -1) {
-                this.onOptionSelect(event, this.visibleOptions()[this.focusedOptionIndex()]);
-            }
-
-            this.overlayVisible && this.hide();
-            event.preventDefault();
-        } else {
-            const optionIndex = this.focusedOptionIndex() !== -1 ? this.findPrevOptionIndex(this.focusedOptionIndex()) : this.findLastFocusedOptionIndex();
-
-            if (event.shiftKey) {
-                this.onOptionSelectRange(event, optionIndex, this.startRangeIndex());
-            }
-
-            this.changeFocusedOptionIndex(event, optionIndex);
-
-            !this.overlayVisible && this.show();
-            event.preventDefault();
-        }
-        event.stopPropagation();
-    }
-
-    onHomeKey(event, pressedInInputText = false) {
-        const { currentTarget } = event;
-
-        if (pressedInInputText) {
-            const len = currentTarget.value.length;
-
-            currentTarget.setSelectionRange(0, event.shiftKey ? len : 0);
-            this.focusedOptionIndex.set(-1);
-        } else {
-            let metaKey = event.metaKey || event.ctrlKey;
-            let optionIndex = this.findFirstOptionIndex();
-
-            if (event.shiftKey && metaKey) {
-                this.onOptionSelectRange(event, optionIndex, this.startRangeIndex());
-            }
-
-            this.changeFocusedOptionIndex(event, optionIndex);
-
-            !this.overlayVisible && this.show();
-        }
-
-        event.preventDefault();
-    }
-
-    onEndKey(event, pressedInInputText = false) {
-        const { currentTarget } = event;
-
-        if (pressedInInputText) {
-            const len = currentTarget.value.length;
-            currentTarget.setSelectionRange(event.shiftKey ? 0 : len, len);
-            this.focusedOptionIndex.set(-1);
-        } else {
-            let metaKey = event.metaKey || event.ctrlKey;
-            let optionIndex = this.findLastFocusedOptionIndex();
-
-            if (event.shiftKey && metaKey) {
-                this.onOptionSelectRange(event, this.startRangeIndex(), optionIndex);
-            }
-
-            this.changeFocusedOptionIndex(event, optionIndex);
-
-            !this.overlayVisible && this.show();
-        }
-
-        event.preventDefault();
-    }
-
-    onPageDownKey(event) {
-        this.scrollInView(this.visibleOptions().length - 1);
-        event.preventDefault();
-    }
-
-    onPageUpKey(event) {
-        this.scrollInView(0);
-        event.preventDefault();
-    }
-
-    onEnterKey(event) {
-        if (!this.overlayVisible) {
-            this.onArrowDownKey(event);
-        } else {
-            if (this.focusedOptionIndex() !== -1) {
-                if (event.shiftKey) {
-                    this.onOptionSelectRange(event, this.focusedOptionIndex());
-                } else {
-                    this.onOptionSelect({ originalEvent: event, option: this.visibleOptions()[this.focusedOptionIndex()] });
-                }
-            }
-        }
-
-        event.preventDefault();
-    }
-
-    onEscapeKey(event) {
-        this.overlayVisible && this.hide(true);
-        event.preventDefault();
-    }
-
-    onDeleteKey(event: KeyboardEvent) {
-        if (this.showClear) {
-            this.clear(event);
-            event.preventDefault();
-        }
-    }
-
-    onTabKey(event, pressedInInputText = false) {
-        if (!pressedInInputText) {
-            if (this.overlayVisible && this.hasFocusableElements()) {
-                DomHandler.focus(event.shiftKey ? this.lastHiddenFocusableElementOnOverlay.nativeElement : this.firstHiddenFocusableElementOnOverlay.nativeElement);
-
-                event.preventDefault();
-            } else {
-                if (this.focusedOptionIndex() !== -1) {
-                    this.onOptionSelect({ originalEvent: event, option: this.visibleOptions()[this.focusedOptionIndex()] });
-                }
-
-                this.overlayVisible && this.hide(this.filter);
-            }
-        }
-    }
-
-    onShiftKey() {
-        this.startRangeIndex.set(this.focusedOptionIndex());
-    }
-
-    onContainerClick(event: any) {
-        if (this.disabled || this.loading || this.readonly || (event.target as Node).isSameNode(this.focusInputViewChild?.nativeElement)) {
-            return;
-        }
-
-        if (event.target.tagName === 'INPUT' || event.target.getAttribute('data-pc-section') === 'clearicon' || event.target.closest('[data-pc-section="clearicon"]')) {
-            event.preventDefault();
-            return;
-        } else if (!this.overlayViewChild || !this.overlayViewChild.el.nativeElement.contains(event.target)) {
-            if (this.clickInProgress) {
-                return;
-            }
-
-            this.clickInProgress = true;
-
-            setTimeout(() => {
-                this.clickInProgress = false;
-            }, 150);
-
-            this.overlayVisible ? this.hide(true) : this.show(true);
-        }
-        this.focusInputViewChild?.nativeElement.focus({ preventScroll: true });
-        this.onClick.emit(event);
-        this.cd.detectChanges();
-    }
-
-    onFirstHiddenFocus(event) {
-        const focusableEl =
-            event.relatedTarget === this.focusInputViewChild?.nativeElement
-                ? DomHandler.getFirstFocusableElement(this.overlayViewChild?.overlayViewChild?.nativeElement, ':not([data-p-hidden-focusable="true"])')
-                : this.focusInputViewChild?.nativeElement;
-
-        DomHandler.focus(focusableEl);
-    }
-
-    onInputFocus(event: Event) {
-        this.focused = true;
-        const focusedOptionIndex = this.focusedOptionIndex() !== -1 ? this.focusedOptionIndex() : this.overlayVisible && this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1;
-        this.focusedOptionIndex.set(focusedOptionIndex);
-        this.overlayVisible && this.scrollInView(this.focusedOptionIndex());
-        this.onFocus.emit({ originalEvent: event });
-    }
-
-    onInputBlur(event: Event) {
-        this.focused = false;
-        this.onBlur.emit({ originalEvent: event });
-
-        if (!this.preventModelTouched) {
-            this.onModelTouched();
-        }
-        this.preventModelTouched = false;
-    }
-
-    onFilterInputChange(event: KeyboardEvent) {
-        let value: string = (event.target as HTMLInputElement).value;
-        this._filterValue.set(value);
-        this.focusedOptionIndex.set(-1);
-        this.onFilter.emit({ originalEvent: event, filter: this._filterValue() });
-
-        !this.virtualScrollerDisabled && this.scroller.scrollToIndex(0);
-        setTimeout(() => {
-            this.overlayViewChild.alignOverlay();
-        });
-    }
-
-    onLastHiddenFocus(event) {
-        const focusableEl =
-            event.relatedTarget === this.focusInputViewChild?.nativeElement
-                ? DomHandler.getLastFocusableElement(this.overlayViewChild?.overlayViewChild?.nativeElement, ':not([data-p-hidden-focusable="true"])')
-                : this.focusInputViewChild?.nativeElement;
-
-        DomHandler.focus(focusableEl);
-    }
-
-    onOptionMouseEnter(event, index) {
-        if (this.focusOnHover) {
-            this.changeFocusedOptionIndex(event, index);
-        }
-    }
-
-    onHeaderCheckboxKeyDown(event) {
-        if (this.disabled) {
-            event.preventDefault();
-
-            return;
-        }
-
-        switch (event.code) {
-            case 'Space':
-                this.onToggleAll(event);
-                break;
-            case 'Enter':
-                this.onToggleAll(event);
-                break;
-            default:
-                break;
-        }
-    }
-
-    onFilterBlur(event) {
-        this.focusedOptionIndex.set(-1);
-    }
-
-    onHeaderCheckboxFocus() {
-        this.headerCheckboxFocus = true;
-    }
-
-    onHeaderCheckboxBlur() {
-        this.headerCheckboxFocus = false;
-    }
-
-    onToggleAll(event) {
-        if (this.disabled || this.readonly) {
-            return;
-        }
-
-        if (this.selectAll != null) {
-            this.onSelectAllChange.emit({
-                originalEvent: event,
-                checked: !this.allSelected()
-            });
-        } else {
-            // pre-selected disabled options should always be selected.
-            const selectedDisabledOptions = this.getAllVisibleAndNonVisibleOptions().filter(
-                (option) => this.isSelected(option) && (this.optionDisabled ? ObjectUtils.resolveFieldData(option, this.optionDisabled) : option && option.disabled !== undefined ? option.disabled : false)
-            );
-
-            const visibleOptions = this.allSelected()
-                ? this.visibleOptions().filter((option) => !this.isValidOption(option) && this.isSelected(option))
-                : this.visibleOptions().filter((option) => this.isSelected(option) || this.isValidOption(option));
-
-            const optionValues = [...selectedDisabledOptions, ...visibleOptions].map((option) => this.getOptionValue(option));
-            const value = [...new Set(optionValues)];
-
-            this.updateModel(value, event);
-
-            // because onToggleAll could have been called during filtering, this additional test needs to be performed before calling onSelectAllChange.emit
-            if (!value.length || value.length === this.getAllVisibleAndNonVisibleOptions().length) {
-                this.onSelectAllChange.emit({
-                    originalEvent: event,
-                    checked: !!value.length
-                });
-            }
-        }
-
-        if (this.partialSelected()) {
-            this.selectedOptions = null;
-            this.cd.markForCheck();
-        }
-
-        this.onChange.emit({ originalEvent: event, value: this.value });
-        DomHandler.focus(this.headerCheckboxViewChild?.nativeElement);
-        this.headerCheckboxFocus = true;
-
-        event.preventDefault();
-        event.stopPropagation();
-    }
-
-    changeFocusedOptionIndex(event, index) {
-        if (this.focusedOptionIndex() !== index) {
-            this.focusedOptionIndex.set(index);
-            this.scrollInView();
-        }
-    }
-
-    get virtualScrollerDisabled() {
-        return !this.virtualScroll;
-    }
-
-    scrollInView(index = -1) {
-        const id = index !== -1 ? `${this.id}_${index}` : this.focusedOptionId;
-        if (this.itemsViewChild && this.itemsViewChild.nativeElement) {
-            const element = DomHandler.findSingle(this.itemsViewChild.nativeElement, `li[id="${id}"]`);
-            if (element) {
-                element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-            } else if (!this.virtualScrollerDisabled) {
-                setTimeout(() => {
-                    this.virtualScroll && this.scroller?.scrollToIndex(index !== -1 ? index : this.focusedOptionIndex());
-                }, 0);
-            }
-        }
-    }
-
-    get focusedOptionId() {
-        return this.focusedOptionIndex() !== -1 ? `${this.id}_${this.focusedOptionIndex()}` : null;
-    }
-
-    writeValue(value: any): void {
-        this.value = value;
-        if (!ObjectUtils.isEmpty(this.selectionLimit) && ObjectUtils.isEmpty(this.value)) {
-            this.modelValue.set([]);
-        } else {
-            this.modelValue.set(this.value);
-        }
-
-        this.cd.markForCheck();
-    }
-
-    public registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    public registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    allSelected() {
-        return this.selectAll !== null ? this.selectAll : ObjectUtils.isNotEmpty(this.visibleOptions()) && this.visibleOptions().every((option) => this.isOptionGroup(option) || this.isOptionDisabled(option) || this.isSelected(option));
-    }
-
-    partialSelected() {
-        return this.selectedOptions && this.selectedOptions.length > 0 && this.selectedOptions.length < this.options.length;
-    }
-
-    /**
-     * Displays the panel.
-     * @group Method
-     */
-    public show(isFocus?) {
-        this.overlayVisible = true;
-        const focusedOptionIndex = this.focusedOptionIndex() !== -1 ? this.focusedOptionIndex() : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1;
-        this.focusedOptionIndex.set(focusedOptionIndex);
-
-        if (isFocus) {
-            DomHandler.focus(this.focusInputViewChild?.nativeElement);
-        }
-
-        this.cd.markForCheck();
-    }
-
-    /**
-     * Hides the panel.
-     * @group Method
-     */
-    public hide(isFocus?) {
-        this.overlayVisible = false;
-        this.focusedOptionIndex.set(-1);
-
-        if (this.filter && this.resetFilterOnHide) {
-            this.resetFilter();
-        }
-        if (this.overlayOptions?.mode === 'modal') {
-            DomHandler.unblockBodyScroll();
-        }
-
-        isFocus && DomHandler.focus(this.focusInputViewChild?.nativeElement);
-        this.onPanelHide.emit();
-        this.cd.markForCheck();
-    }
-
-    onOverlayAnimationStart(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-                this.itemsWrapper = DomHandler.findSingle(this.overlayViewChild?.overlayViewChild?.nativeElement, this.virtualScroll ? '.p-scroller' : '.p-multiselect-items-wrapper');
-                this.virtualScroll && this.scroller?.setContentEl(this.itemsViewChild?.nativeElement);
-
-                if (this._options() && this._options().length) {
-                    if (this.virtualScroll) {
-                        const selectedIndex = ObjectUtils.isNotEmpty(this.modelValue()) ? this.focusedOptionIndex() : -1;
-                        if (selectedIndex !== -1) {
-                            this.scroller?.scrollToIndex(selectedIndex);
-                        }
-                    } else {
-                        let selectedListItem = DomHandler.findSingle(this.itemsWrapper, '[data-p-highlight="true"]');
-
-                        if (selectedListItem) {
-                            selectedListItem.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-                        }
-                    }
-                }
-
-                if (this.filterInputChild && this.filterInputChild.nativeElement) {
-                    this.preventModelTouched = true;
-
-                    if (this.autofocusFilter) {
-                        this.filterInputChild.nativeElement.focus();
-                    }
-                }
-
-                this.onPanelShow.emit();
-            case 'void':
-                this.itemsWrapper = null;
-                this.onModelTouched();
-                break;
-        }
-    }
-
-    resetFilter() {
-        if (this.filterInputChild && this.filterInputChild.nativeElement) {
-            this.filterInputChild.nativeElement.value = '';
-        }
-
-        this._filterValue.set(null);
-        this._filteredOptions = null;
-    }
-
-    close(event: Event) {
-        this.hide();
-        event.preventDefault();
-        event.stopPropagation();
-    }
-
-    clear(event: Event) {
-        this.value = null;
-        this.updateModel(null, event);
-        this.selectedOptions = null;
-        this.onClear.emit();
-        this._disableTooltip = true;
-
-        event.stopPropagation();
-    }
-
-    labelContainerMouseLeave() {
-        if (this._disableTooltip) this._disableTooltip = false;
-    }
-
-    removeOption(optionValue, event) {
-        let value = this.modelValue().filter((val) => !ObjectUtils.equals(val, optionValue, this.equalityKey()));
-
-        this.updateModel(value, event);
-        this.onChange.emit({
-            originalEvent: event,
-            value: value,
-            itemValue: optionValue
-        });
-
-        event && event.stopPropagation();
-    }
-
-    findNextItem(item: any): HTMLElement | null {
-        let nextItem = item.nextElementSibling;
-
-        if (nextItem) return DomHandler.hasClass(nextItem.children[0], 'p-disabled') || DomHandler.isHidden(nextItem.children[0]) || DomHandler.hasClass(nextItem, 'p-multiselect-item-group') ? this.findNextItem(nextItem) : nextItem.children[0];
-        else return null;
-    }
-
-    findPrevItem(item: any): HTMLElement | null {
-        let prevItem = item.previousElementSibling;
-
-        if (prevItem) return DomHandler.hasClass(prevItem.children[0], 'p-disabled') || DomHandler.isHidden(prevItem.children[0]) || DomHandler.hasClass(prevItem, 'p-multiselect-item-group') ? this.findPrevItem(prevItem) : prevItem.children[0];
-        else return null;
-    }
-
-    findNextOptionIndex(index) {
-        const matchedOptionIndex =
-            index < this.visibleOptions().length - 1
-                ? this.visibleOptions()
-                      .slice(index + 1)
-                      .findIndex((option) => this.isValidOption(option))
-                : -1;
-        return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index;
-    }
-
-    findPrevOptionIndex(index) {
-        const matchedOptionIndex = index > 0 ? ObjectUtils.findLastIndex(this.visibleOptions().slice(0, index), (option) => this.isValidOption(option)) : -1;
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex : index;
-    }
-
-    findLastSelectedOptionIndex() {
-        return this.hasSelectedOption() ? ObjectUtils.findLastIndex(this.visibleOptions(), (option) => this.isValidSelectedOption(option)) : -1;
-    }
-
-    findLastFocusedOptionIndex() {
-        const selectedIndex = this.findLastSelectedOptionIndex();
-
-        return selectedIndex < 0 ? this.findLastOptionIndex() : selectedIndex;
-    }
-
-    findLastOptionIndex() {
-        return ObjectUtils.findLastIndex(this.visibleOptions(), (option) => this.isValidOption(option));
-    }
-
-    searchOptions(event, char) {
-        this.searchValue = (this.searchValue || '') + char;
-
-        let optionIndex = -1;
-        let matched = false;
-
-        if (this.focusedOptionIndex() !== -1) {
-            optionIndex = this.visibleOptions()
-                .slice(this.focusedOptionIndex())
-                .findIndex((option) => this.isOptionMatched(option));
-            optionIndex =
-                optionIndex === -1
-                    ? this.visibleOptions()
-                          .slice(0, this.focusedOptionIndex())
-                          .findIndex((option) => this.isOptionMatched(option))
-                    : optionIndex + this.focusedOptionIndex();
-        } else {
-            optionIndex = this.visibleOptions().findIndex((option) => this.isOptionMatched(option));
-        }
-
-        if (optionIndex !== -1) {
-            matched = true;
-        }
-
-        if (optionIndex === -1 && this.focusedOptionIndex() === -1) {
-            optionIndex = this.findFirstFocusedOptionIndex();
-        }
-
-        if (optionIndex !== -1) {
-            this.changeFocusedOptionIndex(event, optionIndex);
-        }
-
-        if (this.searchTimeout) {
-            clearTimeout(this.searchTimeout);
-        }
-
-        this.searchTimeout = setTimeout(() => {
-            this.searchValue = '';
-            this.searchTimeout = null;
-        }, 500);
-
-        return matched;
-    }
-
-    activateFilter() {
-        if (this.hasFilter() && this._options) {
-            if (this.group) {
-                let filteredGroups = [];
-                for (let optgroup of this.options as any[]) {
-                    let filteredSubOptions = this.filterService.filter(this.getOptionGroupChildren(optgroup), this.searchFields(), this.filterValue, this.filterMatchMode, this.filterLocale);
-                    if (filteredSubOptions && filteredSubOptions.length) {
-                        filteredGroups.push({ ...optgroup, ...{ [this.optionGroupChildren]: filteredSubOptions } });
-                    }
-                }
-
-                this._filteredOptions = filteredGroups;
-            } else {
-                this._filteredOptions = this.filterService.filter(this.options as any[], this.searchFields(), this.filterValue, this.filterMatchMode, this.filterLocale);
-            }
-        } else {
-            this._filteredOptions = null;
-        }
-    }
-
-    hasFocusableElements() {
-        return DomHandler.getFocusableElements(this.overlayViewChild.overlayViewChild.nativeElement, ':not([data-p-hidden-focusable="true"])').length > 0;
-    }
-
-    hasFilter() {
-        return this._filterValue() && this._filterValue().trim().length > 0;
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, OverlayModule, SharedModule, TooltipModule, RippleModule, ScrollerModule, AutoFocusModule, CheckIcon, SearchIcon, TimesCircleIcon, TimesIcon, ChevronDownIcon, CheckIcon, MinusIcon],
-    exports: [MultiSelect, OverlayModule, SharedModule, ScrollerModule],
-    declarations: [MultiSelect, MultiSelectItem]
-})
-export class MultiSelectModule {}
diff --git a/src/app/components/multiselect/ng-package.json b/src/app/components/multiselect/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/multiselect/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/multiselect/public_api.ts b/src/app/components/multiselect/public_api.ts
deleted file mode 100644
index 5fa9e23..0000000
--- a/src/app/components/multiselect/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './multiselect';
-export * from './multiselect.interface';
diff --git a/src/app/components/ng-package.json b/src/app/components/ng-package.json
deleted file mode 100644
index d403017..0000000
--- a/src/app/components/ng-package.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-    "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
-    "dest": "../../../dist",
-    "deleteDestPath": true,
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/orderlist/ng-package.json b/src/app/components/orderlist/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/orderlist/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/orderlist/orderlist.css b/src/app/components/orderlist/orderlist.css
deleted file mode 100644
index a4b898a..0000000
--- a/src/app/components/orderlist/orderlist.css
+++ /dev/null
@@ -1,78 +0,0 @@
-@layer primeng {
-    .p-orderlist {
-        display: flex;
-    }
-
-    .p-orderlist-controls {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-    }
-
-    .p-orderlist-list-container {
-        flex: 1 1 auto;
-    }
-
-    .p-orderlist-list {
-        list-style-type: none;
-        margin: 0;
-        padding: 0;
-        overflow: auto;
-        min-height: 12rem;
-    }
-
-    .p-orderlist-item {
-        display: block;
-        cursor: pointer;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-orderlist-item:not(.cdk-drag-disabled) {
-        cursor: move;
-    }
-
-    .p-orderlist-item.cdk-drag-placeholder {
-        opacity: 0;
-    }
-
-    .p-orderlist-item.cdk-drag-animating {
-        transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
-    }
-
-    .p-orderlist.p-state-disabled .p-orderlist-item,
-    .p-orderlist.p-state-disabled .p-button {
-        cursor: default;
-    }
-
-    .p-orderlist.p-state-disabled .p-orderlist-list {
-        overflow: hidden;
-    }
-
-    .p-orderlist-filter {
-        position: relative;
-    }
-
-    .p-orderlist-filter-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-        cursor: pointer;
-    }
-
-    .p-orderlist-filter-input {
-        width: 100%;
-    }
-
-    .p-orderlist-controls-right .p-orderlist-controls {
-        order: 2;
-    }
-
-    .p-orderlist-controls-right .p-orderlist-list-container {
-        order: 1;
-    }
-
-    .p-orderlist-list.cdk-drop-list-dragging .p-orderlist-item:not(.cdk-drag-placeholder) {
-        transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
-    }
-}
diff --git a/src/app/components/orderlist/orderlist.interface.ts b/src/app/components/orderlist/orderlist.interface.ts
deleted file mode 100644
index b87a8c8..0000000
--- a/src/app/components/orderlist/orderlist.interface.ts
+++ /dev/null
@@ -1,106 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { OrderList } from './orderlist';
-/**
- * Callbacks to invoke on filter.
- * @group Interface
- */
-export interface OrderListFilterOptions {
-    filter?: (value?: any) => void;
-    reset?: () => void;
-}
-/**
- * Custom change event.
- * @see {@link OrderList.selectionChange}
- * @group Events
- */
-export interface OrderListSelectionChangeEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Current selected values.
-     */
-    value: any[];
-}
-/**
- * Custom change event.
- * @see {@link OrderList.selectionChange}
- * @group Events
- */
-export interface OrderListFilterEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Filtered options.
-     */
-    value: any[];
-}
-/**
- * Defines valid templates in OrderList.
- * @group Templates
- */
-export interface OrderListTemplates {
-    /**
-     * Custom header template.
-     * @param {Object} context - item data.
-     */
-    item(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: any;
-        /**
-         * Index of the item.
-         */
-        index: number;
-    }): TemplateRef<{ $implicit: any; index: number }>;
-    /**
-     * Custom header template.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom filter template.
-     * @param {OrderListFilterOptions} options - filter options.
-     */
-    filter(context: {
-        /**
-         * Filter options.
-         */
-        options: OrderListFilterOptions;
-    }): TemplateRef<{ options: OrderListFilterOptions }>;
-    /**
-     * Custom empty filter template.
-     */
-    emptyfilter(): TemplateRef<any>;
-    /**
-     * Custom empty template.
-     */
-    empty(): TemplateRef<any>;
-    /**
-     * Custom clear icon template.
-     */
-    clearicon(): TemplateRef<any>;
-    /**
-     * Custom filter icon template.
-     */
-    filtericon(): TemplateRef<any>;
-    /**
-     * Custom move up icon template.
-     */
-    moveupicon(): TemplateRef<any>;
-    /**
-     * Custom move top icon template.
-     */
-    movetopicon(): TemplateRef<any>;
-    /**
-     * Custom move down icon template.
-     */
-    movedownicon(): TemplateRef<any>;
-    /**
-     * Custom move bottom icon template.
-     */
-    movebottomicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/orderlist/orderlist.spec.ts b/src/app/components/orderlist/orderlist.spec.ts
deleted file mode 100644
index 26c2b0e..0000000
--- a/src/app/components/orderlist/orderlist.spec.ts
+++ /dev/null
@@ -1,516 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { OrderListModule, OrderList } from 'primeng/orderlist';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Component } from '@angular/core';
-
-@Component({
-    template: `<p-orderList [value]="cars">
-        <ng-template let-car pTemplate="item">
-            <div>
-                <img src="https://primefaces.org/cdn/primeng/images/demo/car/{{ car.brand }}.png" style="display:inline-block;margin:2px 0 2px 2px" width="48" />
-                <div style="font-size:14px;float:right;margin:15px 5px 0 0">{{ car.brand }} - {{ car.year }} - {{ car.color }}</div>
-            </div>
-        </ng-template>
-    </p-orderList>`
-})
-class TestOrderListComponent {
-    cars: any[];
-
-    ngOnInit() {
-        this.cars = [
-            { brand: 'VW', year: 2012, color: 'Orange', vin: 'dsad231ff' },
-            { brand: 'Audi', year: 2011, color: 'Black', vin: 'gwregre345' },
-            { brand: 'Renault', year: 2005, color: 'Gray', vin: 'h354htr' },
-            { brand: 'BMW', year: 2003, color: 'Blue', vin: 'j6w54qgh' },
-            { brand: 'Mercedes', year: 1995, color: 'Orange', vin: 'hrtwy34' },
-            { brand: 'Volvo', year: 2005, color: 'Black', vin: 'jejtyj' },
-            { brand: 'Honda', year: 2012, color: 'Yellow', vin: 'g43gr' },
-            { brand: 'Jaguar', year: 2013, color: 'Orange', vin: 'greg34' },
-            { brand: 'Ford', year: 2000, color: 'Black', vin: 'h54hw5' },
-            { brand: 'Fiat', year: 2013, color: 'Red', vin: '245t2s' }
-        ];
-    }
-}
-
-describe('OrderList', () => {
-    let orderlist: OrderList;
-    let fixture: ComponentFixture<TestOrderListComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, OrderListModule],
-            declarations: [TestOrderListComponent]
-        });
-
-        fixture = TestBed.createComponent(TestOrderListComponent);
-        orderlist = fixture.debugElement.children[0].componentInstance;
-    });
-
-    it('should created by default', () => {
-        fixture.detectChanges();
-
-        const orderListEl = fixture.debugElement.query(By.css('div'));
-        const controlEls = fixture.debugElement.query(By.css('.p-orderlist-controls'));
-        const containerEl = fixture.debugElement.query(By.css('.p-orderlist-list-container'));
-        expect(controlEls).toBeTruthy();
-        expect(orderListEl).toBeTruthy();
-        expect(containerEl).toBeTruthy();
-    });
-
-    it('should change listStyle', () => {
-        orderlist.listStyle = { height: '300px' };
-        fixture.detectChanges();
-
-        const contentEl = fixture.debugElement.query(By.css('ul'));
-        expect(contentEl.nativeElement.style.height).toEqual('300px');
-    });
-
-    it('should change header', () => {
-        orderlist.header = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const headerEl = fixture.debugElement.query(By.css('.p-orderlist-header'));
-        expect(headerEl).toBeTruthy();
-        expect(headerEl.nativeElement.textContent).toEqual('Primeng ROCKS!');
-    });
-
-    it('should show filter input', () => {
-        orderlist.filterBy = 'brand';
-        orderlist.filterPlaceholder = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const filterInputEl = fixture.debugElement.query(By.css('.p-inputtext'));
-        expect(filterInputEl).toBeTruthy();
-        expect(filterInputEl.nativeElement.placeholder).toEqual('Primeng ROCKS!');
-    });
-
-    it('should show items', () => {
-        fixture.detectChanges();
-
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-
-        expect(itemListEl).toBeTruthy();
-        expect(orderlist.itemTouched).toEqual(undefined);
-        expect(itemListEl.children.length).toEqual(10);
-    });
-
-    it('should have selections by default', () => {
-        orderlist.selection = [{ brand: 'BMW', year: 2003, color: 'Blue', vin: 'j6w54qgh' }];
-        fixture.detectChanges();
-
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const bmwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[3];
-        fixture.detectChanges();
-
-        expect(orderlist.selection.length).toEqual(1);
-        expect(orderlist.selection[0].brand).toEqual('BMW');
-    });
-
-    it('should call onItem click and select a item', () => {
-        const onItemClickSpy = spyOn(orderlist, 'onItemClick').and.callThrough();
-        const onItemTouchEndSpy = spyOn(orderlist, 'onItemTouchEnd').and.callThrough();
-        fixture.detectChanges();
-
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const bmwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[3];
-        bmwEl.nativeElement.dispatchEvent(new Event('touchend'));
-        fixture.detectChanges();
-        expect(orderlist.itemTouched).toEqual(true);
-
-        bmwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(onItemClickSpy).toHaveBeenCalled();
-        expect(onItemTouchEndSpy).toHaveBeenCalled();
-        expect(orderlist.itemTouched).toEqual(false);
-        expect(orderlist.selection.length).toEqual(1);
-        expect(orderlist.selection[0].brand).toEqual('BMW');
-        expect(bmwEl.nativeElement.className).toContain('p-highlight');
-    });
-
-    it('should call onItem click and unselect a item', () => {
-        const onItemClickSpy = spyOn(orderlist, 'onItemClick').and.callThrough();
-        fixture.detectChanges();
-
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const bmwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[3];
-        bmwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const event: any = document.createEvent('CustomEvent');
-        event.metaKey = true;
-        event.ctrlKey = true;
-        orderlist.onItemClick(event, orderlist.selection[0], 3);
-        fixture.detectChanges();
-
-        orderlist.cd.detectChanges();
-        expect(onItemClickSpy).toHaveBeenCalledTimes(2);
-        expect(orderlist.selection.length).toEqual(0);
-        expect(bmwEl.nativeElement.className).not.toContain('p-highlight');
-    });
-
-    it('should call onItem click and select a item with metaKeySelection false', () => {
-        orderlist.metaKeySelection = false;
-        const onItemClickSpy = spyOn(orderlist, 'onItemClick').and.callThrough();
-        fixture.detectChanges();
-
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const bmwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[3];
-        bmwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(onItemClickSpy).toHaveBeenCalled();
-        expect(orderlist.selection.length).toEqual(1);
-        expect(orderlist.selection[0].brand).toEqual('BMW');
-        expect(bmwEl.nativeElement.className).toContain('p-highlight');
-    });
-
-    it('should call onItem click and unselect a item with metaKeySelection', () => {
-        orderlist.metaKeySelection = false;
-        const onItemClickSpy = spyOn(orderlist, 'onItemClick').and.callThrough();
-        fixture.detectChanges();
-
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const bmwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[3];
-        bmwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const event: any = document.createEvent('CustomEvent');
-        event.metaKey = true;
-        event.ctrlKey = true;
-        orderlist.onItemClick(event, orderlist.selection[0], 3);
-        fixture.detectChanges();
-
-        orderlist.cd.detectChanges();
-        expect(onItemClickSpy).toHaveBeenCalledTimes(2);
-        expect(orderlist.selection.length).toEqual(0);
-        expect(bmwEl.nativeElement.className).not.toContain('p-highlight');
-    });
-
-    it('should call moveUp', () => {
-        const moveUpSpy = spyOn(orderlist, 'moveUp').and.callThrough();
-        fixture.detectChanges();
-
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const bmwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[3];
-        const buttonsEl = fixture.debugElement.queryAll(By.css('button'));
-        const moveUpButtonEl = buttonsEl[0];
-        bmwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        moveUpButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(moveUpSpy).toHaveBeenCalled();
-        expect(orderlist.selection.length).toEqual(1);
-        expect(orderlist.selection[0].brand).toEqual('BMW');
-        expect(bmwEl.nativeElement.className).toContain('p-highlight');
-        expect(itemListEl.queryAll(By.css('.p-orderlist-item'))[3].nativeElement.textContent).toContain('Renault');
-        expect(itemListEl.queryAll(By.css('.p-orderlist-item'))[2].nativeElement.textContent).toContain('BMW');
-    });
-
-    it('should call moveDown', () => {
-        const moveUpSpy = spyOn(orderlist, 'moveDown').and.callThrough();
-        fixture.detectChanges();
-
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const bmwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[3];
-        const buttonsEl = fixture.debugElement.queryAll(By.css('button'));
-        const moveDownButtonEl = buttonsEl[2];
-        bmwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        moveDownButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(moveUpSpy).toHaveBeenCalled();
-        expect(orderlist.selection.length).toEqual(1);
-        expect(orderlist.selection[0].brand).toEqual('BMW');
-        expect(bmwEl.nativeElement.className).toContain('p-highlight');
-        expect(itemListEl.queryAll(By.css('.p-orderlist-item'))[3].nativeElement.textContent).toContain('Mercedes');
-        expect(itemListEl.queryAll(By.css('.p-orderlist-item'))[4].nativeElement.textContent).toContain('BMW');
-    });
-
-    it('should call MoveTop', () => {
-        const moveTopSpy = spyOn(orderlist, 'moveTop').and.callThrough();
-        fixture.detectChanges();
-
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const bmwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[3];
-        const buttonsEl = fixture.debugElement.queryAll(By.css('button'));
-        const moveTopButtonEl = buttonsEl[1];
-        bmwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        moveTopButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(moveTopSpy).toHaveBeenCalled();
-        expect(orderlist.selection.length).toEqual(1);
-        expect(orderlist.selection[0].brand).toEqual('BMW');
-        expect(bmwEl.nativeElement.className).toContain('p-highlight');
-        expect(itemListEl.queryAll(By.css('.p-orderlist-item'))[3].nativeElement.textContent).toContain('Renault');
-        expect(itemListEl.queryAll(By.css('.p-orderlist-item'))[0].nativeElement.textContent).toContain('BMW');
-    });
-
-    it('should call moveBottom', () => {
-        const moveBottomSpy = spyOn(orderlist, 'moveBottom').and.callThrough();
-        fixture.detectChanges();
-
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const bmwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[3];
-        const buttonsEl = fixture.debugElement.queryAll(By.css('button'));
-        const moveBottomButtonEl = buttonsEl[3];
-        bmwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        moveBottomButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(moveBottomSpy).toHaveBeenCalled();
-        expect(orderlist.selection.length).toEqual(1);
-        expect(orderlist.selection[0].brand).toEqual('BMW');
-        expect(bmwEl.nativeElement.className).toContain('p-highlight');
-        expect(itemListEl.queryAll(By.css('.p-orderlist-item'))[3].nativeElement.textContent).toContain('Mercedes');
-        expect(itemListEl.queryAll(By.css('.p-orderlist-item'))[9].nativeElement.textContent).toContain('BMW');
-    });
-
-    it('should show filter items by default', () => {
-        orderlist.filterBy = 'brand';
-        orderlist.filterValue = 'v';
-        fixture.detectChanges();
-
-        const filterEl = fixture.debugElement.query(By.css('input'));
-        fixture.detectChanges();
-
-        const itemsEl = fixture.debugElement.queryAll(By.css('.p-orderlist-item'));
-        expect(orderlist.visibleOptions.length).toEqual(2);
-        expect(orderlist.visibleOptions[0].brand).toEqual('VW');
-        expect(orderlist.visibleOptions[1].brand).toEqual('Volvo');
-        expect(itemsEl.length).toEqual(2);
-    });
-
-    it('should show filter items', () => {
-        orderlist.filterBy = 'brand';
-        fixture.detectChanges();
-
-        const filterEl = fixture.debugElement.query(By.css('input'));
-        expect(filterEl).toBeTruthy();
-        filterEl.nativeElement.value = 'v';
-        filterEl.nativeElement.dispatchEvent(new Event('keyup'));
-        fixture.detectChanges();
-
-        const itemsEl = fixture.debugElement.queryAll(By.css('.p-orderlist-item'));
-        expect(orderlist.visibleOptions.length).toEqual(2);
-        expect(orderlist.visibleOptions[0].brand).toEqual('VW');
-        expect(orderlist.visibleOptions[1].brand).toEqual('Volvo');
-        expect(itemsEl.length).toEqual(2);
-    });
-
-    it('should listen onReorder in moveUp', () => {
-        const moveUpSpy = spyOn(orderlist, 'moveUp').and.callThrough();
-        fixture.detectChanges();
-
-        let data;
-        orderlist.onReorder.subscribe((value) => (data = value));
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const bmwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[3];
-        const buttonsEl = fixture.debugElement.queryAll(By.css('button'));
-        const moveUpButtonEl = buttonsEl[0];
-        bmwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        moveUpButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-    });
-
-    it('should listen onReorder in moveDown', () => {
-        const moveUpSpy = spyOn(orderlist, 'moveDown').and.callThrough();
-        fixture.detectChanges();
-
-        let data;
-        orderlist.onReorder.subscribe((value) => (data = value));
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const bmwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[3];
-        const buttonsEl = fixture.debugElement.queryAll(By.css('button'));
-        const moveDownButtonEl = buttonsEl[2];
-        bmwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        moveDownButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-    });
-
-    it('should listen onReorder in MoveTop', () => {
-        const moveTopSpy = spyOn(orderlist, 'moveTop').and.callThrough();
-        fixture.detectChanges();
-
-        let data;
-        orderlist.onReorder.subscribe((value) => (data = value));
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const bmwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[3];
-        const buttonsEl = fixture.debugElement.queryAll(By.css('button'));
-        const moveTopButtonEl = buttonsEl[1];
-        bmwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        moveTopButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-    });
-
-    it('should not onReorder first item to top', () => {
-        fixture.detectChanges();
-
-        let data;
-        orderlist.onReorder.subscribe((value) => (data = value));
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const vwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[0];
-        const buttonsEl = fixture.debugElement.queryAll(By.css('button'));
-        const moveTopButtonEl = buttonsEl[1];
-        vwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        moveTopButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-        expect(orderlist.value).toBeTruthy();
-    });
-
-    it('should not onReorder first item to up', () => {
-        fixture.detectChanges();
-
-        let data;
-        orderlist.onReorder.subscribe((value) => (data = value));
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const vwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[0];
-        const buttonsEl = fixture.debugElement.queryAll(By.css('button'));
-        const moveTopButtonEl = buttonsEl[0];
-        vwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        moveTopButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-        expect(orderlist.value).toBeTruthy();
-    });
-
-    it('should listen onReorder in moveBottom', () => {
-        const moveBottomSpy = spyOn(orderlist, 'moveBottom').and.callThrough();
-        fixture.detectChanges();
-
-        let data;
-        orderlist.onReorder.subscribe((value) => (data = value));
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const bmwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[3];
-        const buttonsEl = fixture.debugElement.queryAll(By.css('button'));
-        const moveBottomButtonEl = buttonsEl[3];
-        bmwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        moveBottomButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-    });
-
-    it('should not onReorder first item to bottom', () => {
-        fixture.detectChanges();
-
-        let data;
-        orderlist.onReorder.subscribe((value) => (data = value));
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const bmwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[9];
-        const buttonsEl = fixture.debugElement.queryAll(By.css('button'));
-        const moveBottomButtonEl = buttonsEl[3];
-        bmwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        moveBottomButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-        expect(orderlist.value).toBeTruthy();
-    });
-
-    it('should not onReorder first item to down', () => {
-        fixture.detectChanges();
-
-        let data;
-        orderlist.onReorder.subscribe((value) => (data = value));
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const bmwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[9];
-        const buttonsEl = fixture.debugElement.queryAll(By.css('button'));
-        const moveBottomButtonEl = buttonsEl[2];
-        bmwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        moveBottomButtonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-        expect(orderlist.value).toBeTruthy();
-    });
-
-    it('should listen onSelectionChange in onItem', () => {
-        fixture.detectChanges();
-
-        let data;
-        orderlist.onSelectionChange.subscribe((value) => (data = value));
-        const itemListEl = fixture.debugElement.query(By.css('ul'));
-        const bmwEl = itemListEl.queryAll(By.css('.p-orderlist-item'))[3];
-        bmwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-        expect(data.value[0].brand).toEqual('BMW');
-    });
-
-    it('should listen onFilterEvent', () => {
-        orderlist.filterBy = 'brand';
-        fixture.detectChanges();
-
-        let data;
-        orderlist.onFilterEvent.subscribe((value) => (data = value));
-        const filterEl = fixture.debugElement.query(By.css('input'));
-        expect(filterEl).toBeTruthy();
-        filterEl.nativeElement.value = 'v';
-        filterEl.nativeElement.dispatchEvent(new Event('keyup'));
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-        expect(data.value.length).toEqual(2);
-        expect(data.value[0].brand).toEqual('VW');
-        expect(data.value[1].brand).toEqual('Volvo');
-    });
-
-    it('should select item with keyboard navigation', () => {
-        const onArrowDownKeySpy = spyOn(orderlist, 'onArrowDownKey').and.callThrough();
-        const onArrowUpKeySpy = spyOn(orderlist, 'onArrowUpKey').and.callThrough();
-        fixture.detectChanges();
-
-        const itemListEl = fixture.debugElement.query(By.css('.p-orderlist-list')).nativeElement;
-
-        itemListEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowDown' }));
-        fixture.detectChanges();
-        itemListEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowDown' }));
-        fixture.detectChanges();
-        itemListEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowUp' }));
-        fixture.detectChanges();
-        itemListEl.dispatchEvent(new KeyboardEvent('keydown', { code: 'Enter' }));
-        fixture.detectChanges();
-
-        expect(orderlist.selection.length).toEqual(1);
-        expect(orderlist.selection[0].brand).toEqual('VW');
-        expect(onArrowDownKeySpy).toHaveBeenCalled();
-        expect(onArrowUpKeySpy).toHaveBeenCalled();
-    });
-});
diff --git a/src/app/components/orderlist/orderlist.ts b/src/app/components/orderlist/orderlist.ts
deleted file mode 100644
index c64e240..0000000
--- a/src/app/components/orderlist/orderlist.ts
+++ /dev/null
@@ -1,965 +0,0 @@
-import { CdkDragDrop, DragDropModule, moveItemInArray } from '@angular/cdk/drag-drop';
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    AfterViewChecked,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    numberAttribute
-} from '@angular/core';
-import { FilterService, PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { ButtonModule } from 'primeng/button';
-import { DomHandler } from 'primeng/dom';
-import { AngleDoubleDownIcon } from 'primeng/icons/angledoubledown';
-import { AngleDoubleUpIcon } from 'primeng/icons/angledoubleup';
-import { AngleDownIcon } from 'primeng/icons/angledown';
-import { AngleUpIcon } from 'primeng/icons/angleup';
-import { SearchIcon } from 'primeng/icons/search';
-import { RippleModule } from 'primeng/ripple';
-import { Nullable } from 'primeng/ts-helpers';
-import { ObjectUtils, UniqueComponentId } from 'primeng/utils';
-import { OrderListFilterEvent, OrderListFilterOptions, OrderListSelectionChangeEvent } from './orderlist.interface';
-/**
- * OrderList is used to managed the order of a collection.
- * @group Components
- */
-@Component({
-    selector: 'p-orderList',
-    template: `
-        <div
-            [ngClass]="{ 'p-orderlist p-component': true, 'p-orderlist-striped': stripedRows, 'p-orderlist-controls-left': controlsPosition === 'left', 'p-orderlist-controls-right': controlsPosition === 'right' }"
-            [ngStyle]="style"
-            [class]="styleClass"
-            [attr.data-pc-section]="'root'"
-        >
-            <div class="p-orderlist-controls" [attr.data-pc-section]="'controls'">
-                <button type="button" [disabled]="moveDisabled()" pButton pRipple class="p-button-icon-only" (click)="moveUp()" [attr.aria-label]="moveUpAriaLabel" [attr.data-pc-section]="'moveUpButton'">
-                    <AngleUpIcon *ngIf="!moveUpIconTemplate" [attr.data-pc-section]="'moveupicon'" />
-                    <ng-template *ngTemplateOutlet="moveUpIconTemplate"></ng-template>
-                </button>
-                <button type="button" [disabled]="moveDisabled()" pButton pRipple class="p-button-icon-only" (click)="moveTop()" [attr.aria-label]="moveTopAriaLabel" [attr.data-pc-section]="'moveTopButton'">
-                    <AngleDoubleUpIcon *ngIf="!moveTopIconTemplate" [attr.data-pc-section]="'movetopicon'" />
-                    <ng-template *ngTemplateOutlet="moveTopIconTemplate"></ng-template>
-                </button>
-                <button type="button" [disabled]="moveDisabled()" pButton pRipple class="p-button-icon-only" (click)="moveDown()" [attr.aria-label]="moveDownAriaLabel" [attr.data-pc-section]="'moveDownButton'">
-                    <AngleDownIcon *ngIf="!moveDownIconTemplate" [attr.data-pc-section]="'movedownicon'" />
-                    <ng-template *ngTemplateOutlet="moveDownIconTemplate"></ng-template>
-                </button>
-                <button type="button" [disabled]="moveDisabled()" pButton pRipple class="p-button-icon-only" (click)="moveBottom()" [attr.aria-label]="moveBottomAriaLabel" [attr.data-pc-section]="'moveBottomButton'">
-                    <AngleDoubleDownIcon *ngIf="!moveBottomIconTemplate" [attr.data-pc-section]="'movebottomicon'" />
-                    <ng-template *ngTemplateOutlet="moveBottomIconTemplate"></ng-template>
-                </button>
-            </div>
-            <div class="p-orderlist-list-container" [attr.data-pc-section]="'container'">
-                <div class="p-orderlist-header" *ngIf="header || headerTemplate" [attr.data-pc-section]="'header'">
-                    <div class="p-orderlist-title" *ngIf="!headerTemplate">{{ header }}</div>
-                    <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-                </div>
-                <div class="p-orderlist-filter-container" *ngIf="filterBy" [attr.data-pc-section]="'filterContainer'">
-                    <ng-container *ngIf="filterTemplate; else builtInFilterElement">
-                        <ng-container *ngTemplateOutlet="filterTemplate; context: { options: filterOptions }"></ng-container>
-                    </ng-container>
-                    <ng-template #builtInFilterElement>
-                        <div class="p-orderlist-filter" [attr.data-pc-section]="'filter'">
-                            <input
-                                #filter
-                                type="text"
-                                role="textbox"
-                                (keyup)="onFilterKeyup($event)"
-                                [disabled]="disabled"
-                                class="p-orderlist-filter-input p-inputtext p-component"
-                                [attr.placeholder]="filterPlaceholder"
-                                [attr.aria-label]="ariaFilterLabel"
-                            />
-                            <SearchIcon *ngIf="!filterIconTemplate" [styleClass]="'p-orderlist-filter-icon'" [attr.data-pc-section]="'filterIcon'" />
-                            <span class="p-orderlist-filter-icon" *ngIf="filterIconTemplate" [attr.data-pc-section]="'filterIcon'">
-                                <ng-template *ngTemplateOutlet="filterIconTemplate"></ng-template>
-                            </span>
-                        </div>
-                    </ng-template>
-                </div>
-                <ul
-                    #listelement
-                    [id]="id + '_list'"
-                    cdkDropList
-                    (cdkDropListDropped)="onDrop($event)"
-                    class="p-orderlist-list"
-                    [ngStyle]="listStyle"
-                    [attr.data-pc-section]="'list'"
-                    role="listbox"
-                    [tabindex]="tabindex"
-                    aria-multiselectable="true"
-                    [attr.aria-activedescendant]="focused ? focusedOptionId() : undefined"
-                    [attr.aria-label]="ariaLabel"
-                    [attr.aria-labelledby]="ariaLabelledBy"
-                    (focus)="onListFocus($event)"
-                    (blur)="onListBlur($event)"
-                    (keydown)="onItemKeydown($event)"
-                >
-                    <ng-template ngFor [ngForTrackBy]="trackBy" let-item [ngForOf]="value" let-i="index" let-l="last">
-                        <li
-                            [id]="id + '_' + i"
-                            pRipple
-                            cdkDrag
-                            role="option"
-                            class="p-orderlist-item"
-                            [ngClass]="{ 'p-highlight': isSelected(item), 'p-disabled': disabled, 'p-focus': id + '_' + i === focusedOptionId() }"
-                            [cdkDragData]="item"
-                            [cdkDragDisabled]="!dragdrop"
-                            (click)="onItemClick($event, item, i, id + '_' + i)"
-                            (touchend)="onItemTouchEnd()"
-                            (mousedown)="onOptionMouseDown(i)"
-                            *ngIf="isItemVisible(item)"
-                            [attr.aria-selected]="isSelected(item)"
-                            [attr.data-pc-section]="'item'"
-                            [attr.data-p-highlight]="isSelected(item)"
-                            [attr.data-p-focused]="id + '_' + i === focusedOptionId()"
-                        >
-                            <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item, index: i }"></ng-container>
-                        </li>
-                    </ng-template>
-                    <ng-container *ngIf="isEmpty() && (emptyMessageTemplate || emptyFilterMessageTemplate)">
-                        <li *ngIf="!filterValue || !emptyFilterMessageTemplate" class="p-orderlist-empty-message" [attr.data-pc-section]="'emptyMessage'">
-                            <ng-container *ngTemplateOutlet="emptyMessageTemplate"></ng-container>
-                        </li>
-                        <li *ngIf="filterValue" class="p-orderlist-empty-message" [attr.data-pc-section]="'emptyMessage'">
-                            <ng-container *ngTemplateOutlet="emptyFilterMessageTemplate"></ng-container>
-                        </li>
-                    </ng-container>
-                </ul>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./orderlist.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class OrderList implements AfterViewChecked, AfterContentInit {
-    /**
-     * Text for the caption.
-     * @group Props
-     */
-    @Input() header: string | undefined;
-
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined;
-
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-
-    /**
-     * Specifies one or more IDs in the DOM that labels the input field.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-
-    /**
-     * Inline style of the list element.
-     * @group Props
-     */
-    @Input() listStyle: { [klass: string]: any } | null | undefined;
-
-    /**
-     * A boolean value that indicates whether the component should be responsive.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) responsive: boolean | undefined;
-
-    /**
-     * When specified displays an input field to filter the items on keyup and decides which fields to search against.
-     * @group Props
-     */
-    @Input() filterBy: string | undefined;
-
-    /**
-     * Placeholder of the filter input.
-     * @group Props
-     */
-    @Input() filterPlaceholder: string | undefined;
-
-    /**
-     * Locale to use in filtering. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    @Input() filterLocale: string | undefined;
-
-    /**
-     * When true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) metaKeySelection: boolean = false;
-
-    /**
-     * Whether to enable dragdrop based reordering.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) dragdrop: boolean = false;
-
-    /**
-     * Defines the location of the buttons with respect to the list.
-     * @group Props
-     */
-    @Input() controlsPosition: 'left' | 'right' = 'left';
-
-    /**
-     * Defines a string that labels the filter input.
-     * @group Props
-     */
-    @Input() ariaFilterLabel: string | undefined;
-
-    /**
-     * Defines how the items are filtered.
-     * @group Props
-     */
-    @Input() filterMatchMode: 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals' | 'in' | 'lt' | 'lte' | 'gt' | 'gte' = 'contains';
-
-    /**
-     * Indicates the width of the screen at which the component should change its behavior.
-     * @group Props
-     */
-    @Input() breakpoint: string = '960px';
-
-    /**
-     * Whether to displays rows with alternating colors.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) stripedRows: boolean | undefined;
-
-    /**
-     * When present, it specifies that the component should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean = false;
-
-    /**
-     * Function to optimize the dom operations by delegating to ngForTrackBy, default algorithm checks for object identity.
-     * @group Props
-     */
-    @Input() trackBy: Function = (index: number, item: any) => item;
-
-    /**
-     * A list of values that are currently selected.
-     * @group Props
-     */
-    @Input() set selection(val: any[]) {
-        this.d_selection = val;
-    }
-    get selection(): any[] {
-        return this.d_selection;
-    }
-
-    /**
-     * Array of values to be displayed in the component.
-     * It represents the data source for the list of items.
-     * @group Props
-     */
-    @Input() set value(val: any[] | undefined) {
-        this._value = val;
-        if (this.filterValue) {
-            this.filter();
-        }
-    }
-    get value(): any[] | undefined {
-        return this._value;
-    }
-
-    /**
-     * Callback to invoke on selection change.
-     * @param {*} any - selection instance.
-     * @group Emits
-     */
-    @Output() selectionChange: EventEmitter<any> = new EventEmitter();
-
-    /**
-     * Callback to invoke when list is reordered.
-     * @param {*} any - list instance.
-     * @group Emits
-     */
-    @Output() onReorder: EventEmitter<any> = new EventEmitter();
-
-    /**
-     * Callback to invoke when selection changes.
-     * @param {OrderListSelectionChangeEvent} event - Custom change event.
-     * @group Emits
-     */
-    @Output() onSelectionChange: EventEmitter<OrderListSelectionChangeEvent> = new EventEmitter<OrderListSelectionChangeEvent>();
-
-    /**
-     * Callback to invoke when filtering occurs.
-     * @param {OrderListFilterEvent} event - Custom filter event.
-     * @group Emits
-     */
-    @Output() onFilterEvent: EventEmitter<OrderListFilterEvent> = new EventEmitter<OrderListFilterEvent>();
-
-    /**
-     * Callback to invoke when the list is focused
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<Event> = new EventEmitter<Event>();
-
-    /**
-     * Callback to invoke when the list is blurred
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<Event> = new EventEmitter<Event>();
-
-    @ViewChild('listelement') listViewChild: Nullable<ElementRef>;
-
-    @ViewChild('filter') filterViewChild: Nullable<ElementRef>;
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-
-    public itemTemplate: Nullable<TemplateRef<any>>;
-
-    public headerTemplate: Nullable<TemplateRef<any>>;
-
-    public emptyMessageTemplate: Nullable<TemplateRef<any>>;
-
-    public emptyFilterMessageTemplate: Nullable<TemplateRef<any>>;
-
-    public filterTemplate: Nullable<TemplateRef<any>>;
-
-    get moveUpAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.moveUp : undefined;
-    }
-
-    get moveTopAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.moveTop : undefined;
-    }
-
-    get moveDownAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.moveDown : undefined;
-    }
-
-    get moveBottomAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.moveBottom : undefined;
-    }
-
-    moveUpIconTemplate: Nullable<TemplateRef<any>>;
-
-    moveTopIconTemplate: Nullable<TemplateRef<any>>;
-
-    moveDownIconTemplate: Nullable<TemplateRef<any>>;
-
-    moveBottomIconTemplate: Nullable<TemplateRef<any>>;
-
-    filterIconTemplate: Nullable<TemplateRef<any>>;
-
-    filterOptions: Nullable<OrderListFilterOptions>;
-
-    d_selection: any[] = [];
-
-    movedUp: Nullable<boolean>;
-
-    movedDown: Nullable<boolean>;
-
-    itemTouched: Nullable<boolean>;
-
-    styleElement: any;
-
-    id: string = UniqueComponentId();
-
-    focused: boolean = false;
-
-    focusedOptionIndex: any = -1;
-
-    focusedOption: any | undefined;
-
-    public filterValue: Nullable<string>;
-
-    public visibleOptions: Nullable<any[]>;
-
-    public _value: any[] | undefined;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private renderer: Renderer2,
-        public el: ElementRef,
-        public cd: ChangeDetectorRef,
-        public filterService: FilterService,
-        public config: PrimeNGConfig
-    ) {}
-
-    ngOnInit() {
-        if (this.responsive) {
-            this.createStyle();
-        }
-
-        if (this.filterBy) {
-            this.filterOptions = {
-                filter: (value) => this.onFilterKeyup(value),
-                reset: () => this.resetFilter()
-            };
-        }
-    }
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-
-                case 'empty':
-                    this.emptyMessageTemplate = item.template;
-                    break;
-
-                case 'emptyfilter':
-                    this.emptyFilterMessageTemplate = item.template;
-                    break;
-
-                case 'filter':
-                    this.filterTemplate = item.template;
-                    break;
-
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'moveupicon':
-                    this.moveUpIconTemplate = item.template;
-                    break;
-
-                case 'movetopicon':
-                    this.moveTopIconTemplate = item.template;
-                    break;
-
-                case 'movedownicon':
-                    this.moveDownIconTemplate = item.template;
-                    break;
-
-                case 'movebottomicon':
-                    this.moveBottomIconTemplate = item.template;
-                    break;
-
-                case 'filtericon':
-                    this.filterIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    ngAfterViewChecked() {
-        if (this.movedUp || this.movedDown) {
-            let listItems = DomHandler.find(this.listViewChild?.nativeElement, 'li.p-highlight');
-            let listItem;
-
-            if (listItems.length > 0) {
-                if (this.movedUp) listItem = listItems[0];
-                else listItem = listItems[listItems.length - 1];
-
-                DomHandler.scrollInView(this.listViewChild?.nativeElement, listItem);
-            }
-            this.movedUp = false;
-            this.movedDown = false;
-        }
-    }
-
-    onItemClick(event, item: any, index?: number, selectedId?: string) {
-        this.itemTouched = false;
-        let focusedIndex = index ? index : ObjectUtils.findIndexInList(this.focusedOption, this.value);
-        let selectedIndex = ObjectUtils.findIndexInList(item, this.d_selection);
-        let selected = selectedIndex !== -1;
-        let metaSelection = this.itemTouched ? false : this.metaKeySelection;
-
-        if (selectedId) {
-            this.focusedOptionIndex = selectedId;
-        }
-
-        if (metaSelection) {
-            let metaKey = event.metaKey || event.ctrlKey;
-
-            if (selected && metaKey) {
-                this.d_selection = this.d_selection.filter((val, focusedIndex) => focusedIndex !== selectedIndex);
-            } else {
-                this.d_selection = metaKey ? (this.d_selection ? [...this.d_selection] : []) : [];
-                ObjectUtils.insertIntoOrderedArray(item, focusedIndex, this.d_selection, this.value);
-            }
-        } else {
-            if (selected) {
-                this.d_selection = this.d_selection.filter((val, focusedIndex) => focusedIndex !== selectedIndex);
-            } else {
-                this.d_selection = this.d_selection ? [...this.d_selection] : [];
-                ObjectUtils.insertIntoOrderedArray(item, focusedIndex, this.d_selection, this.value);
-            }
-        }
-
-        //binding
-        this.selectionChange.emit(this.d_selection);
-
-        //event
-        this.onSelectionChange.emit({ originalEvent: event, value: this.d_selection });
-    }
-
-    onFilterKeyup(event: KeyboardEvent) {
-        this.filterValue = ((<HTMLInputElement>event.target).value.trim() as any).toLocaleLowerCase(this.filterLocale);
-        this.filter();
-
-        this.onFilterEvent.emit({
-            originalEvent: event,
-            value: this.visibleOptions as any[]
-        });
-    }
-
-    filter() {
-        let searchFields: string[] = (this.filterBy as string).split(',');
-        this.visibleOptions = this.filterService.filter(this.value as any[], searchFields, this.filterValue, this.filterMatchMode, this.filterLocale);
-    }
-
-    /**
-     * Callback to invoke on filter reset.
-     * @group Method
-     */
-    public resetFilter() {
-        this.filterValue = null;
-        this.filterViewChild && ((<HTMLInputElement>this.filterViewChild.nativeElement).value = '');
-    }
-
-    isItemVisible(item: any): boolean | undefined {
-        if (this.filterValue && this.filterValue.trim().length) {
-            for (let i = 0; i < (this.visibleOptions as any[]).length; i++) {
-                if (item == (this.visibleOptions as any[])[i]) {
-                    return true;
-                }
-            }
-        } else {
-            return true;
-        }
-    }
-
-    onItemTouchEnd() {
-        this.itemTouched = true;
-    }
-
-    isSelected(item: any) {
-        return ObjectUtils.findIndexInList(item, this.d_selection) !== -1;
-    }
-
-    isEmpty() {
-        return this.filterValue ? !this.visibleOptions || this.visibleOptions.length === 0 : !this.value || this.value.length === 0;
-    }
-
-    moveUp() {
-        if (this.selection) {
-            for (let i = 0; i < this.selection.length; i++) {
-                let selectedItem = this.selection[i];
-                let selectedItemIndex: number = ObjectUtils.findIndexInList(selectedItem, this.value);
-
-                if (selectedItemIndex != 0 && this.value instanceof Array) {
-                    let movedItem = this.value[selectedItemIndex];
-                    let temp = this.value[selectedItemIndex - 1];
-                    this.value[selectedItemIndex - 1] = movedItem;
-                    this.value[selectedItemIndex] = temp;
-                } else {
-                    break;
-                }
-            }
-
-            if (this.dragdrop && this.filterValue) this.filter();
-
-            this.movedUp = true;
-            this.onReorder.emit(this.selection);
-        }
-    }
-
-    moveTop() {
-        if (this.selection) {
-            for (let i = this.selection.length - 1; i >= 0; i--) {
-                let selectedItem = this.selection[i];
-                let selectedItemIndex: number = ObjectUtils.findIndexInList(selectedItem, this.value);
-
-                if (selectedItemIndex != 0 && this.value instanceof Array) {
-                    let movedItem = this.value.splice(selectedItemIndex, 1)[0];
-                    this.value.unshift(movedItem);
-                } else {
-                    break;
-                }
-            }
-
-            if (this.dragdrop && this.filterValue) this.filter();
-
-            this.onReorder.emit(this.selection);
-            (this.listViewChild as ElementRef).nativeElement.scrollTop = 0;
-        }
-    }
-
-    moveDown() {
-        if (this.selection) {
-            for (let i = this.selection.length - 1; i >= 0; i--) {
-                let selectedItem = this.selection[i];
-                let selectedItemIndex: number = ObjectUtils.findIndexInList(selectedItem, this.value);
-
-                if (this.value instanceof Array && selectedItemIndex != this.value.length - 1) {
-                    let movedItem = this.value[selectedItemIndex];
-                    let temp = this.value[selectedItemIndex + 1];
-                    this.value[selectedItemIndex + 1] = movedItem;
-                    this.value[selectedItemIndex] = temp;
-                } else {
-                    break;
-                }
-            }
-
-            if (this.dragdrop && this.filterValue) this.filter();
-
-            this.movedDown = true;
-            this.onReorder.emit(this.selection);
-        }
-    }
-
-    moveBottom() {
-        if (this.selection) {
-            for (let i = 0; i < this.selection.length; i++) {
-                let selectedItem = this.selection[i];
-                let selectedItemIndex: number = ObjectUtils.findIndexInList(selectedItem, this.value);
-
-                if (this.value instanceof Array && selectedItemIndex != this.value.length - 1) {
-                    let movedItem = this.value.splice(selectedItemIndex, 1)[0];
-                    this.value.push(movedItem);
-                } else {
-                    break;
-                }
-            }
-
-            if (this.dragdrop && this.filterValue) this.filter();
-
-            this.onReorder.emit(this.selection);
-            (this.listViewChild as ElementRef).nativeElement.scrollTop = this.listViewChild?.nativeElement.scrollHeight;
-        }
-    }
-
-    onDrop(event: CdkDragDrop<string[]>) {
-        let previousIndex = event.previousIndex;
-        let currentIndex = event.currentIndex;
-
-        if (previousIndex !== currentIndex) {
-            if (this.visibleOptions) {
-                if (this.filterValue) {
-                    previousIndex = ObjectUtils.findIndexInList(event.item.data, this.value);
-                    currentIndex = ObjectUtils.findIndexInList(this.visibleOptions[currentIndex], this.value);
-                }
-
-                moveItemInArray(this.visibleOptions, event.previousIndex, event.currentIndex);
-            }
-
-            moveItemInArray(this.value as any[], previousIndex, currentIndex);
-            this.changeFocusedOptionIndex(currentIndex);
-            this.onReorder.emit([event.item.data]);
-        }
-    }
-
-    onListFocus(event) {
-        const focusableEl = DomHandler.findSingle(this.listViewChild.nativeElement, '[data-p-highlight="true"]') || DomHandler.findSingle(this.listViewChild.nativeElement, '[data-pc-section="item"]');
-
-        if (focusableEl) {
-            const findIndex = ObjectUtils.findIndexInList(focusableEl, this.listViewChild.nativeElement.children);
-            this.focused = true;
-            const index = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : focusableEl ? findIndex : -1;
-
-            this.changeFocusedOptionIndex(index);
-        }
-
-        this.onFocus.emit(event);
-    }
-
-    onListBlur(event) {
-        this.focused = false;
-        this.focusedOption = null;
-        this.focusedOptionIndex = -1;
-        this.onBlur.emit(event);
-    }
-
-    onItemKeydown(event: KeyboardEvent) {
-        const targetTagName = (event.target as HTMLElement).tagName.toLowerCase();
-
-        if (targetTagName == 'input') {
-            return;
-        }
-
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUpKey(event);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event);
-                break;
-
-            case 'End':
-                this.onEndKey(event);
-                break;
-
-            case 'Enter':
-                this.onEnterKey(event);
-                break;
-
-            case 'Space':
-                this.onSpaceKey(event);
-                break;
-
-            case 'KeyA':
-                if (event.ctrlKey) {
-                    this.d_selection = [...this.value];
-                    this.selectionChange.emit(this.d_selection);
-                }
-
-            default:
-                break;
-        }
-    }
-
-    onOptionMouseDown(index) {
-        this.focused = true;
-        this.focusedOptionIndex = index;
-    }
-
-    onArrowDownKey(event) {
-        const optionIndex = this.findNextOptionIndex(this.focusedOptionIndex);
-
-        this.changeFocusedOptionIndex(optionIndex);
-
-        if (event.shiftKey) {
-            this.onEnterKey(event);
-        }
-
-        event.preventDefault();
-    }
-    onArrowUpKey(event) {
-        const optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex);
-
-        this.changeFocusedOptionIndex(optionIndex);
-
-        if (event.shiftKey) {
-            this.onEnterKey(event);
-        }
-
-        event.preventDefault();
-    }
-
-    onHomeKey(event) {
-        if (event.ctrlKey && event.shiftKey) {
-            let visibleOptions = this.getVisibleOptions();
-            let focusedIndex = ObjectUtils.findIndexInList(this.focusedOption, visibleOptions);
-            this.d_selection = [...this.value].slice(0, focusedIndex + 1);
-            this.selectionChange.emit(this.d_selection);
-        } else {
-            this.changeFocusedOptionIndex(0);
-        }
-
-        event.preventDefault();
-    }
-
-    onEndKey(event) {
-        if (event.ctrlKey && event.shiftKey) {
-            let visibleOptions = this.getVisibleOptions();
-            let focusedIndex = ObjectUtils.findIndexInList(this.focusedOption, visibleOptions);
-            this.d_selection = [...this.value].slice(focusedIndex, visibleOptions.length - 1);
-            this.selectionChange.emit(this.d_selection);
-        } else {
-            this.changeFocusedOptionIndex(DomHandler.find(this.listViewChild.nativeElement, '[data-pc-section="item"]').length - 1);
-        }
-
-        event.preventDefault();
-    }
-
-    onEnterKey(event) {
-        this.onItemClick(event, this.focusedOption);
-
-        event.preventDefault();
-    }
-
-    onSpaceKey(event) {
-        event.preventDefault();
-
-        if (event.shiftKey && this.selection && this.selection.length > 0) {
-            let visibleOptions = this.getVisibleOptions();
-            let lastSelectedIndex = this.getLatestSelectedVisibleOptionIndex(visibleOptions);
-
-            if (lastSelectedIndex !== -1) {
-                let focusedIndex = ObjectUtils.findIndexInList(this.focusedOption, visibleOptions);
-                this.d_selection = [...visibleOptions.slice(Math.min(lastSelectedIndex, focusedIndex), Math.max(lastSelectedIndex, focusedIndex) + 1)];
-                this.selectionChange.emit(this.d_selection);
-                this.onSelectionChange.emit({ originalEvent: event, value: this.d_selection });
-
-                return;
-            }
-        }
-
-        this.onEnterKey(event);
-    }
-
-    findNextOptionIndex(index) {
-        const items = DomHandler.find(this.listViewChild.nativeElement, '[data-pc-section="item"]');
-        const matchedOptionIndex = [...items].findIndex((link) => link.id === index);
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;
-    }
-
-    findPrevOptionIndex(index) {
-        const items = DomHandler.find(this.listViewChild.nativeElement, '[data-pc-section="item"]');
-        const matchedOptionIndex = [...items].findIndex((link) => link.id === index);
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;
-    }
-
-    getLatestSelectedVisibleOptionIndex(visibleOptions: any[]): number {
-        const latestSelectedItem = [...this.d_selection].reverse().find((item) => visibleOptions.includes(item));
-
-        return latestSelectedItem !== undefined ? visibleOptions.indexOf(latestSelectedItem) : -1;
-    }
-
-    getVisibleOptions() {
-        return this.visibleOptions && this.visibleOptions.length > 0 ? this.visibleOptions : this.value && this.value.length > 0 ? this.value : null;
-    }
-
-    getFocusedOption(index: number) {
-        if (index === -1) return null;
-
-        return this.visibleOptions && this.visibleOptions.length ? this.visibleOptions[index] : this.value && this.value.length ? this.value[index] : null;
-    }
-
-    changeFocusedOptionIndex(index) {
-        const items = DomHandler.find(this.listViewChild.nativeElement, '[data-pc-section="item"]');
-
-        let order = index >= items.length ? items.length - 1 : index < 0 ? 0 : index;
-
-        this.focusedOptionIndex = items[order] ? items[order].getAttribute('id') : -1;
-        this.focusedOption = this.getFocusedOption(order);
-
-        this.scrollInView(this.focusedOptionIndex);
-    }
-
-    scrollInView(id) {
-        const element = DomHandler.findSingle(this.listViewChild.nativeElement, `[data-pc-section="item"][id="${id}"]`);
-
-        if (element) {
-            element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-        }
-    }
-
-    findNextItem(item: any): HTMLElement | null {
-        let nextItem = item.nextElementSibling;
-
-        if (nextItem) return !DomHandler.hasClass(nextItem, 'p-orderlist-item') || DomHandler.isHidden(nextItem) ? this.findNextItem(nextItem) : nextItem;
-        else return null;
-    }
-
-    findPrevItem(item: any): HTMLElement | null {
-        let prevItem = item.previousElementSibling;
-
-        if (prevItem) return !DomHandler.hasClass(prevItem, 'p-orderlist-item') || DomHandler.isHidden(prevItem) ? this.findPrevItem(prevItem) : prevItem;
-        else return null;
-    }
-
-    moveDisabled() {
-        if (this.disabled || !this.selection.length) {
-            return true;
-        }
-    }
-
-    focusedOptionId() {
-        return this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : null;
-    }
-
-    createStyle() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.styleElement) {
-                this.renderer.setAttribute(this.el.nativeElement.children[0], this.id, '');
-                this.styleElement = this.renderer.createElement('style');
-                this.renderer.setAttribute(this.styleElement, 'type', 'text/css');
-                DomHandler.setAttribute(this.styleElement, 'nonce', this.config?.csp()?.nonce);
-                this.renderer.appendChild(this.document.head, this.styleElement);
-
-                let innerHTML = `
-                    @media screen and (max-width: ${this.breakpoint}) {
-                        .p-orderlist[${this.id}] {
-                            flex-direction: column;
-                        }
-
-                        .p-orderlist[${this.id}] .p-orderlist-controls {
-                            padding: var(--content-padding);
-                            flex-direction: row;
-                        }
-
-                        .p-orderlist[${this.id}] .p-orderlist-controls .p-button {
-                            margin-right: var(--inline-spacing);
-                            margin-bottom: 0;
-                        }
-
-                        .p-orderlist[${this.id}] .p-orderlist-controls .p-button:last-child {
-                            margin-right: 0;
-                        }
-                    }
-                `;
-                this.renderer.setProperty(this.styleElement, 'innerHTML', innerHTML);
-            }
-        }
-    }
-
-    destroyStyle() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (this.styleElement) {
-                this.renderer.removeChild(this.document, this.styleElement);
-                this.styleElement = null;
-                ``;
-            }
-        }
-    }
-
-    ngOnDestroy() {
-        this.destroyStyle();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, ButtonModule, SharedModule, RippleModule, DragDropModule, AngleDoubleDownIcon, AngleDoubleUpIcon, AngleUpIcon, AngleDownIcon, SearchIcon],
-    exports: [OrderList, SharedModule, DragDropModule],
-    declarations: [OrderList]
-})
-export class OrderListModule {}
diff --git a/src/app/components/orderlist/public_api.ts b/src/app/components/orderlist/public_api.ts
deleted file mode 100644
index 01fb133..0000000
--- a/src/app/components/orderlist/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './orderlist';
-export * from './orderlist.interface';
diff --git a/src/app/components/organizationchart/ng-package.json b/src/app/components/organizationchart/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/organizationchart/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/organizationchart/organizationchart.css b/src/app/components/organizationchart/organizationchart.css
deleted file mode 100644
index 85ffeb9..0000000
--- a/src/app/components/organizationchart/organizationchart.css
+++ /dev/null
@@ -1,62 +0,0 @@
-@layer primeng {
-    .p-organizationchart-table {
-        border-spacing: 0;
-        border-collapse: separate;
-        margin: 0 auto;
-    }
-
-    .p-organizationchart-table > tbody > tr > td {
-        text-align: center;
-        vertical-align: top;
-        padding: 0 0.75rem;
-    }
-
-    .p-organizationchart-node-content {
-        display: inline-block;
-        position: relative;
-    }
-
-    .p-organizationchart-node-content .p-node-toggler {
-        position: absolute;
-        bottom: -0.75rem;
-        margin-left: -0.75rem;
-        z-index: 2;
-        left: 50%;
-        user-select: none;
-        cursor: pointer;
-        width: 1.5rem;
-        height: 1.5rem;
-    }
-
-    .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
-        position: relative;
-        top: 0.25rem;
-    }
-
-    .p-organizationchart-line-down {
-        margin: 0 auto;
-        height: 20px;
-        width: 1px;
-    }
-
-    .p-organizationchart-line-right {
-        border-radius: 0px;
-    }
-
-    .p-organizationchart-line-left {
-        border-radius: 0;
-    }
-
-    .p-organizationchart-selectable-node {
-        cursor: pointer;
-    }
-
-    .p-organizationchart .p-organizationchart-node-hidden {
-        display: none;
-    }
-
-    .p-organizationchart-preservespace .p-organizationchart-node-hidden {
-        visibility: hidden;
-        display: inherit;
-    }
-}
diff --git a/src/app/components/organizationchart/organizationchart.interface.ts b/src/app/components/organizationchart/organizationchart.interface.ts
deleted file mode 100644
index 529ab56..0000000
--- a/src/app/components/organizationchart/organizationchart.interface.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { OrganizationChart } from './organizationchart';
-
-/**
- * Custom node select event.
- * @see {@link OrganizationChart.onNodeSelect}
- * @group Events
- */
-export interface OrganizationChartNodeSelectEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Node instance.
-     */
-    node: TreeNode;
-}
-/**
- * Custom node unselect event.
- * @see {@link OrganizationChart.onNodeUnSelect}
- * @extends {OrganizationChartNodeSelectEvent}
- * @group Events
- */
-export interface OrganizationChartNodeUnSelectEvent extends OrganizationChartNodeSelectEvent {}
-/**
- * Custom node expand event.
- * @see {@link OrganizationChart.onNodeExpand}
- * @extends {OrganizationChartNodeSelectEvent}
- * @group Events
- */
-export interface OrganizationChartNodeExpandEvent extends OrganizationChartNodeSelectEvent {}
-/**
- * Custom node collapse event.
- * @see {@link OrganizationChart.onNodeCollapse}
- * @extends {OrganizationChartNodeSelectEvent}
- * @group Events
- */
-export interface OrganizationChartNodeCollapseEvent extends OrganizationChartNodeSelectEvent {}
-/**
- * Defines valid templates in OrganizationChart.
- * @group Templates
- */
-export interface OrganizationChartTemplates {
-    /**
-     * Custom toggler icon template.
-     * @param {Object} context - item data.
-     */
-    togglericon(context: {
-        /**
-         * Expanded state of the node.
-         */
-        $implicit: boolean;
-    }): TemplateRef<{ $implicit: boolean }>;
-}
diff --git a/src/app/components/organizationchart/organizationchart.spec.ts b/src/app/components/organizationchart/organizationchart.spec.ts
deleted file mode 100644
index 253547c..0000000
--- a/src/app/components/organizationchart/organizationchart.spec.ts
+++ /dev/null
@@ -1,167 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { OrganizationChart, OrganizationChartNode } from './organizationchart';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { ChevronDownIcon } from 'primeng/icons/chevrondown';
-import { ChevronUpIcon } from 'primeng/icons/chevronup';
-
-describe('OrganizationChart', () => {
-    let organizationchart: OrganizationChart;
-    let fixture: ComponentFixture<OrganizationChart>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, ChevronDownIcon, ChevronUpIcon],
-            declarations: [OrganizationChart, OrganizationChartNode]
-        });
-
-        fixture = TestBed.createComponent(OrganizationChart);
-        organizationchart = fixture.componentInstance;
-        organizationchart.value = [
-            {
-                label: 'F.C Barcelona',
-                expanded: true,
-                children: [
-                    {
-                        label: 'F.C Barcelona',
-                        expanded: true,
-                        children: [
-                            {
-                                label: 'Chelsea FC'
-                            },
-                            {
-                                label: 'F.C. Barcelona'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Real Madrid',
-                        expanded: true,
-                        children: [
-                            {
-                                label: 'Bayern Munich'
-                            },
-                            {
-                                label: 'Real Madrid'
-                            }
-                        ]
-                    }
-                ]
-            }
-        ];
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const organizationchartEl = fixture.debugElement.query(By.css('.p-organizationchart'));
-        expect(organizationchartEl.nativeElement).toBeTruthy();
-    });
-
-    it('should select single', () => {
-        organizationchart.selectionMode = 'single';
-        fixture.detectChanges();
-
-        const nodeEls = fixture.debugElement.queryAll(By.css('.p-organizationchart-node-content'));
-        const barcelonaEl = nodeEls[0];
-        const chelseaEl = nodeEls[2];
-        barcelonaEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(organizationchart.selection.label).toEqual('F.C Barcelona');
-        chelseaEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(organizationchart.selection.label).toEqual('Chelsea FC');
-        chelseaEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(organizationchart.selection).toBeNull();
-    });
-
-    it('should select single', () => {
-        organizationchart.selectionMode = 'multiple';
-        fixture.detectChanges();
-
-        const nodeEls = fixture.debugElement.queryAll(By.css('.p-organizationchart-node-content'));
-        const barcelonaEl = nodeEls[0];
-        const chelseaEl = nodeEls[2];
-        barcelonaEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(organizationchart.selection[0].label).toEqual('F.C Barcelona');
-        chelseaEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(organizationchart.selection.length).toEqual(2);
-        expect(organizationchart.selection[1].label).toEqual('Chelsea FC');
-        chelseaEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(organizationchart.selection.length).toEqual(1);
-    });
-
-    it('should toggle the node', () => {
-        organizationchart.selectionMode = 'single';
-        fixture.detectChanges();
-
-        const nodeEls = fixture.debugElement.queryAll(By.css('.p-organizationchart-node-content'));
-        const barcelonaEl = nodeEls[0];
-        barcelonaEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const toggelEl = fixture.debugElement.query(By.css('.p-node-toggler'));
-        toggelEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(organizationchart.selection.label).toEqual('F.C Barcelona');
-        expect(toggelEl.componentInstance.node.expanded).toEqual(false);
-    });
-
-    it('should not select when node is non selectable', () => {
-        organizationchart.selectionMode = 'single';
-        organizationchart.value = organizationchart.value = [
-            {
-                label: 'F.C Barcelona',
-                expanded: true,
-                children: [
-                    {
-                        label: 'F.C Barcelona',
-                        expanded: true,
-                        children: [
-                            {
-                                label: 'Chelsea FC'
-                            },
-                            {
-                                label: 'F.C. Barcelona',
-                                selectable: false
-                            }
-                        ],
-                        selectable: false
-                    },
-                    {
-                        label: 'Real Madrid',
-                        expanded: true,
-                        children: [
-                            {
-                                label: 'Bayern Munich'
-                            },
-                            {
-                                label: 'Real Madrid'
-                            }
-                        ]
-                    }
-                ],
-                selectable: false
-            }
-        ];
-        fixture.detectChanges();
-
-        const nodeEls = fixture.debugElement.queryAll(By.css('.p-organizationchart-node-content'));
-        const barcelonaEl = nodeEls[0];
-        barcelonaEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(organizationchart.selection).toBeUndefined();
-    });
-});
diff --git a/src/app/components/organizationchart/organizationchart.ts b/src/app/components/organizationchart/organizationchart.ts
deleted file mode 100644
index a5cc966..0000000
--- a/src/app/components/organizationchart/organizationchart.ts
+++ /dev/null
@@ -1,348 +0,0 @@
-import { animate, state, style, transition, trigger } from '@angular/animations';
-import { CommonModule } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    OnDestroy,
-    Output,
-    QueryList,
-    TemplateRef,
-    ViewEncapsulation,
-    booleanAttribute,
-    forwardRef
-} from '@angular/core';
-import { PrimeTemplate, SharedModule, TreeNode } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { ChevronDownIcon } from 'primeng/icons/chevrondown';
-import { ChevronUpIcon } from 'primeng/icons/chevronup';
-import { Nullable } from 'primeng/ts-helpers';
-import { Subject, Subscription } from 'rxjs';
-import { OrganizationChartNodeCollapseEvent, OrganizationChartNodeExpandEvent, OrganizationChartNodeSelectEvent, OrganizationChartNodeUnSelectEvent } from './organizationchart.interface';
-@Component({
-    selector: '[pOrganizationChartNode]',
-    template: `
-        <tbody *ngIf="node" [attr.data-pc-section]="'body'">
-            <tr [attr.data-pc-section]="'row'">
-                <td [attr.colspan]="colspan" [attr.data-pc-section]="'cell'">
-                    <div
-                        [class]="node.styleClass"
-                        [ngClass]="{ 'p-organizationchart-node-content': true, 'p-organizationchart-selectable-node': chart.selectionMode && node.selectable !== false, 'p-highlight': isSelected() }"
-                        (click)="onNodeClick($event, node)"
-                        [attr.data-pc-section]="'node'"
-                    >
-                        <div *ngIf="!chart.getTemplateForNode(node)">{{ node.label }}</div>
-                        <div *ngIf="chart.getTemplateForNode(node)">
-                            <ng-container *ngTemplateOutlet="chart.getTemplateForNode(node); context: { $implicit: node }"></ng-container>
-                        </div>
-                        <ng-container *ngIf="collapsible">
-                            <a *ngIf="!leaf" tabindex="0" class="p-node-toggler" (click)="toggleNode($event, node)" (keydown.enter)="toggleNode($event, node)" (keydown.space)="toggleNode($event, node)" [attr.data-pc-section]="'nodeToggler'">
-                                <ng-container *ngIf="!chart.togglerIconTemplate">
-                                    <ChevronDownIcon *ngIf="node.expanded" [styleClass]="'p-node-toggler-icon'" [attr.data-pc-section]="'nodeTogglerIcon'" />
-                                    <ChevronUpIcon *ngIf="!node.expanded" [styleClass]="'p-node-toggler-icon'" [attr.data-pc-section]="'nodeTogglerIcon'" />
-                                </ng-container>
-                                <span class="p-node-toggler-icon" *ngIf="chart.togglerIconTemplate" [attr.data-pc-section]="'nodeTogglerIcon'">
-                                    <ng-template *ngTemplateOutlet="chart.togglerIconTemplate; context: { $implicit: node.expanded }"></ng-template>
-                                </span>
-                            </a>
-                        </ng-container>
-                    </div>
-                </td>
-            </tr>
-            <tr [ngClass]="!leaf && node.expanded ? 'p-organizationchart-node-visible' : 'p-organizationchart-node-hidden'" class="p-organizationchart-lines" [@childState]="'in'" [attr.data-pc-section]="'lines'">
-                <td [attr.data-pc-section]="'lineCell'" [attr.colspan]="colspan">
-                    <div [attr.data-pc-section]="'lineDown'" class="p-organizationchart-line-down"></div>
-                </td>
-            </tr>
-            <tr [ngClass]="!leaf && node.expanded ? 'p-organizationchart-node-visible' : 'p-organizationchart-node-hidden'" class="p-organizationchart-lines" [@childState]="'in'" [attr.data-pc-section]="'lines'">
-                <ng-container *ngIf="node.children && node.children.length === 1">
-                    <td [attr.data-pc-section]="'lineCell'" [attr.colspan]="colspan">
-                        <div [attr.data-pc-section]="'lineDown'" class="p-organizationchart-line-down"></div>
-                    </td>
-                </ng-container>
-                <ng-container *ngIf="node.children && node.children.length > 1">
-                    <ng-template ngFor let-child [ngForOf]="node.children" let-first="first" let-last="last">
-                        <td [attr.data-pc-section]="'lineLeft'" class="p-organizationchart-line-left" [ngClass]="{ 'p-organizationchart-line-top': !first }">&nbsp;</td>
-                        <td [attr.data-pc-section]="'lineRight'" class="p-organizationchart-line-right" [ngClass]="{ 'p-organizationchart-line-top': !last }">&nbsp;</td>
-                    </ng-template>
-                </ng-container>
-            </tr>
-            <tr [ngClass]="!leaf && node.expanded ? 'p-organizationchart-node-visible' : 'p-organizationchart-node-hidden'" class="p-organizationchart-nodes" [@childState]="'in'" [attr.data-pc-section]="'nodes'">
-                <td *ngFor="let child of node.children" colspan="2" [attr.data-pc-section]="'nodeCell'">
-                    <table class="p-organizationchart-table" pOrganizationChartNode [node]="child" [collapsible]="collapsible && node.children && node.children.length > 0"></table>
-                </td>
-            </tr>
-        </tbody>
-    `,
-    animations: [trigger('childState', [state('in', style({ opacity: 1 })), transition('void => *', [style({ opacity: 0 }), animate(150)]), transition('* => void', [animate(150, style({ opacity: 0 }))])])],
-    encapsulation: ViewEncapsulation.None,
-    changeDetection: ChangeDetectionStrategy.Default,
-    styleUrls: ['./organizationchart.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class OrganizationChartNode implements OnDestroy {
-    @Input() node: TreeNode<any> | undefined;
-
-    @Input({ transform: booleanAttribute }) root: boolean | undefined;
-
-    @Input({ transform: booleanAttribute }) first: boolean | undefined;
-
-    @Input({ transform: booleanAttribute }) last: boolean | undefined;
-
-    @Input({ transform: booleanAttribute }) collapsible: boolean | undefined;
-
-    chart: OrganizationChart;
-
-    subscription: Subscription;
-
-    constructor(
-        @Inject(forwardRef(() => OrganizationChart)) chart: OrganizationChart,
-        public cd: ChangeDetectorRef
-    ) {
-        this.chart = chart as OrganizationChart;
-        this.subscription = this.chart.selectionSource$.subscribe(() => {
-            this.cd.markForCheck();
-        });
-    }
-
-    get leaf(): boolean | undefined {
-        if (this.node) {
-            return this.node.leaf == false ? false : !(this.node.children && this.node.children.length);
-        }
-    }
-
-    get colspan() {
-        if (this.node) {
-            return this.node.children && this.node.children.length ? this.node.children.length * 2 : null;
-        }
-    }
-
-    onNodeClick(event: Event, node: TreeNode) {
-        this.chart.onNodeClick(event, node);
-    }
-
-    toggleNode(event: Event, node: TreeNode) {
-        node.expanded = !node.expanded;
-        if (node.expanded) this.chart.onNodeExpand.emit({ originalEvent: event, node: <TreeNode>this.node });
-        else this.chart.onNodeCollapse.emit({ originalEvent: event, node: <TreeNode>this.node });
-
-        event.preventDefault();
-    }
-
-    isSelected() {
-        return this.chart.isSelected(this.node as TreeNode);
-    }
-
-    ngOnDestroy() {
-        this.subscription.unsubscribe();
-    }
-}
-/**
- * OrganizationChart visualizes hierarchical organization data.
- * @group Components
- */
-@Component({
-    selector: 'p-organizationChart',
-    template: `
-        <div [ngStyle]="style" [class]="styleClass" [ngClass]="{ 'p-organizationchart p-component': true, 'p-organizationchart-preservespace': preserveSpace }" [attr.data-pc-section]="'root'">
-            <table class="p-organizationchart-table" [collapsible]="collapsible" pOrganizationChartNode [node]="root" *ngIf="root"></table>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.Default,
-    host: {
-        class: 'p-element'
-    }
-})
-export class OrganizationChart implements AfterContentInit {
-    /**
-     * An array of nested TreeNodes.
-     * @group Props
-     */
-    @Input() value: TreeNode[] | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Defines the selection mode.
-     * @group Props
-     */
-    @Input() selectionMode: 'single' | 'multiple' | null | undefined;
-    /**
-     * Whether the nodes can be expanded or toggled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) collapsible: boolean | undefined;
-    /**
-     * Whether the space allocated by a node is preserved when hidden.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) preserveSpace: boolean = true;
-    /**
-     * A single treenode instance or an array to refer to the selections.
-     * @group Props
-     */
-    @Input() get selection(): any {
-        return this._selection;
-    }
-    set selection(val: any) {
-        this._selection = val;
-
-        if (this.initialized) this.selectionSource.next(null);
-    }
-    /**
-     * Callback to invoke on selection change.
-     * @param {*} any - selected value.
-     * @group Emits
-     */
-    @Output() selectionChange: EventEmitter<any> = new EventEmitter();
-    /**
-     * Callback to invoke when a node is selected.
-     * @param {OrganizationChartNodeSelectEvent} event - custom node select event.
-     * @group Emits
-     */
-    @Output() onNodeSelect: EventEmitter<OrganizationChartNodeSelectEvent> = new EventEmitter<OrganizationChartNodeSelectEvent>();
-    /**
-     * Callback to invoke when a node is unselected.
-     * @param {OrganizationChartNodeUnSelectEvent} event - custom node unselect event.
-     * @group Emits
-     */
-    @Output() onNodeUnselect: EventEmitter<OrganizationChartNodeUnSelectEvent> = new EventEmitter<OrganizationChartNodeUnSelectEvent>();
-    /**
-     * Callback to invoke when a node is expanded.
-     * @param {OrganizationChartNodeExpandEvent} event - custom node expand event.
-     * @group Emits
-     */
-    @Output() onNodeExpand: EventEmitter<OrganizationChartNodeExpandEvent> = new EventEmitter<OrganizationChartNodeExpandEvent>();
-    /**
-     * Callback to invoke when a node is collapsed.
-     * @param {OrganizationChartNodeCollapseEvent} event - custom node collapse event.
-     * @group Emits
-     */
-    @Output() onNodeCollapse: EventEmitter<OrganizationChartNodeCollapseEvent> = new EventEmitter<OrganizationChartNodeCollapseEvent>();
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-
-    public templateMap: any;
-
-    togglerIconTemplate: Nullable<TemplateRef<any>>;
-
-    private selectionSource = new Subject<any>();
-
-    _selection: any;
-
-    initialized: Nullable<boolean>;
-
-    selectionSource$ = this.selectionSource.asObservable();
-
-    constructor(
-        public el: ElementRef,
-        public cd: ChangeDetectorRef
-    ) {}
-
-    get root(): TreeNode<any> | null {
-        return this.value && this.value.length ? this.value[0] : null;
-    }
-
-    ngAfterContentInit() {
-        if ((this.templates as QueryList<PrimeTemplate>).length) {
-            this.templateMap = {};
-        }
-
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            if (item.getType() === 'togglericon') {
-                this.togglerIconTemplate = item.template;
-            } else {
-                this.templateMap[item.getType()] = item.template;
-            }
-        });
-
-        this.initialized = true;
-    }
-
-    getTemplateForNode(node: TreeNode): TemplateRef<any> | null {
-        if (this.templateMap) return node.type ? this.templateMap[node.type] : this.templateMap['default'];
-        else return null;
-    }
-
-    onNodeClick(event: Event, node: TreeNode) {
-        let eventTarget = <Element>event.target;
-
-        if (eventTarget.className && (DomHandler.hasClass(eventTarget, 'p-node-toggler') || DomHandler.hasClass(eventTarget, 'p-node-toggler-icon'))) {
-            return;
-        } else if (this.selectionMode) {
-            if (node.selectable === false) {
-                return;
-            }
-
-            let index = this.findIndexInSelection(node);
-            let selected = index >= 0;
-
-            if (this.selectionMode === 'single') {
-                if (selected) {
-                    this.selection = null;
-                    this.onNodeUnselect.emit({ originalEvent: event, node: node });
-                } else {
-                    this.selection = node;
-                    this.onNodeSelect.emit({ originalEvent: event, node: node });
-                }
-            } else if (this.selectionMode === 'multiple') {
-                if (selected) {
-                    this.selection = this.selection.filter((val: any, i: number) => i != index);
-                    this.onNodeUnselect.emit({ originalEvent: event, node: node });
-                } else {
-                    this.selection = [...(this.selection || []), node];
-                    this.onNodeSelect.emit({ originalEvent: event, node: node });
-                }
-            }
-
-            this.selectionChange.emit(this.selection);
-            this.selectionSource.next(null);
-        }
-    }
-
-    findIndexInSelection(node: TreeNode) {
-        let index: number = -1;
-
-        if (this.selectionMode && this.selection) {
-            if (this.selectionMode === 'single') {
-                index = this.selection == node ? 0 : -1;
-            } else if (this.selectionMode === 'multiple') {
-                for (let i = 0; i < this.selection.length; i++) {
-                    if (this.selection[i] == node) {
-                        index = i;
-                        break;
-                    }
-                }
-            }
-        }
-
-        return index;
-    }
-
-    isSelected(node: TreeNode) {
-        return this.findIndexInSelection(node) != -1;
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, ChevronDownIcon, ChevronUpIcon, SharedModule],
-    exports: [OrganizationChart, SharedModule],
-    declarations: [OrganizationChart, OrganizationChartNode]
-})
-export class OrganizationChartModule {}
diff --git a/src/app/components/organizationchart/public_api.ts b/src/app/components/organizationchart/public_api.ts
deleted file mode 100644
index 5447395..0000000
--- a/src/app/components/organizationchart/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './organizationchart';
-export * from './organizationchart.interface';
diff --git a/src/app/components/overlay/ng-package.json b/src/app/components/overlay/ng-package.json
deleted file mode 100644
index adf53c0..0000000
--- a/src/app/components/overlay/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-}
diff --git a/src/app/components/overlay/overlay.css b/src/app/components/overlay/overlay.css
deleted file mode 100644
index fb691ce..0000000
--- a/src/app/components/overlay/overlay.css
+++ /dev/null
@@ -1,80 +0,0 @@
-@layer primeng {
-    .p-overlay {
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-
-    .p-overlay-modal {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-    }
-
-    .p-overlay-content {
-        transform-origin: inherit;
-    }
-
-    .p-overlay-modal > .p-overlay-content {
-        z-index: 1;
-        width: 90%;
-    }
-
-    /* Position */
-    /* top */
-    .p-overlay-top {
-        align-items: flex-start;
-    }
-    .p-overlay-top-start {
-        align-items: flex-start;
-        justify-content: flex-start;
-    }
-    .p-overlay-top-end {
-        align-items: flex-start;
-        justify-content: flex-end;
-    }
-
-    /* bottom */
-    .p-overlay-bottom {
-        align-items: flex-end;
-    }
-    .p-overlay-bottom-start {
-        align-items: flex-end;
-        justify-content: flex-start;
-    }
-    .p-overlay-bottom-end {
-        align-items: flex-end;
-        justify-content: flex-end;
-    }
-
-    /* left */
-    .p-overlay-left {
-        justify-content: flex-start;
-    }
-    .p-overlay-left-start {
-        justify-content: flex-start;
-        align-items: flex-start;
-    }
-    .p-overlay-left-end {
-        justify-content: flex-start;
-        align-items: flex-end;
-    }
-
-    /* right */
-    .p-overlay-right {
-        justify-content: flex-end;
-    }
-    .p-overlay-right-start {
-        justify-content: flex-end;
-        align-items: flex-start;
-    }
-    .p-overlay-right-end {
-        justify-content: flex-end;
-        align-items: flex-end;
-    }
-}
diff --git a/src/app/components/overlay/overlay.ts b/src/app/components/overlay/overlay.ts
deleted file mode 100644
index 6d13ee0..0000000
--- a/src/app/components/overlay/overlay.ts
+++ /dev/null
@@ -1,668 +0,0 @@
-import { animate, animation, AnimationEvent, style, transition, trigger, useAnimation } from '@angular/animations';
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    forwardRef,
-    Inject,
-    Input,
-    NgModule,
-    NgZone,
-    OnDestroy,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation
-} from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { OverlayModeType, OverlayOnBeforeHideEvent, OverlayOnBeforeShowEvent, OverlayOnHideEvent, OverlayOnShowEvent, OverlayOptions, OverlayService, PrimeNGConfig, PrimeTemplate, ResponsiveOverlayOptions, SharedModule } from 'primeng/api';
-import { ConnectedOverlayScrollHandler, DomHandler } from 'primeng/dom';
-import { ObjectUtils, ZIndexUtils } from 'primeng/utils';
-import { VoidListener } from 'primeng/ts-helpers';
-
-export const OVERLAY_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => Overlay),
-    multi: true
-};
-
-const showOverlayContentAnimation = animation([style({ transform: '{{transform}}', opacity: 0 }), animate('{{showTransitionParams}}')]);
-
-const hideOverlayContentAnimation = animation([animate('{{hideTransitionParams}}', style({ transform: '{{transform}}', opacity: 0 }))]);
-/**
- * This API allows overlay components to be controlled from the PrimeNGConfig. In this way, all overlay components in the application can have the same behavior.
- * @group Components
- */
-@Component({
-    selector: 'p-overlay',
-    template: `
-        <div
-            *ngIf="modalVisible"
-            #overlay
-            [ngStyle]="style"
-            [class]="styleClass"
-            [ngClass]="{
-                'p-overlay p-component': true,
-                'p-overlay-modal p-component-overlay p-component-overlay-enter': modal,
-                'p-overlay-center': modal && overlayResponsiveDirection === 'center',
-                'p-overlay-top': modal && overlayResponsiveDirection === 'top',
-                'p-overlay-top-start': modal && overlayResponsiveDirection === 'top-start',
-                'p-overlay-top-end': modal && overlayResponsiveDirection === 'top-end',
-                'p-overlay-bottom': modal && overlayResponsiveDirection === 'bottom',
-                'p-overlay-bottom-start': modal && overlayResponsiveDirection === 'bottom-start',
-                'p-overlay-bottom-end': modal && overlayResponsiveDirection === 'bottom-end',
-                'p-overlay-left': modal && overlayResponsiveDirection === 'left',
-                'p-overlay-left-start': modal && overlayResponsiveDirection === 'left-start',
-                'p-overlay-left-end': modal && overlayResponsiveDirection === 'left-end',
-                'p-overlay-right': modal && overlayResponsiveDirection === 'right',
-                'p-overlay-right-start': modal && overlayResponsiveDirection === 'right-start',
-                'p-overlay-right-end': modal && overlayResponsiveDirection === 'right-end'
-            }"
-            (click)="onOverlayClick()"
-        >
-            <div
-                *ngIf="visible"
-                #content
-                [ngStyle]="contentStyle"
-                [class]="contentStyleClass"
-                [ngClass]="'p-overlay-content'"
-                (click)="onOverlayContentClick($event)"
-                [@overlayContentAnimation]="{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions, transform: transformOptions[modal ? overlayResponsiveDirection : 'default'] } }"
-                (@overlayContentAnimation.start)="onOverlayContentAnimationStart($event)"
-                (@overlayContentAnimation.done)="onOverlayContentAnimationDone($event)"
-            >
-                <ng-content></ng-content>
-                <ng-container *ngTemplateOutlet="contentTemplate; context: { $implicit: { mode: overlayMode } }"></ng-container>
-            </div>
-        </div>
-    `,
-    animations: [trigger('overlayContentAnimation', [transition(':enter', [useAnimation(showOverlayContentAnimation)]), transition(':leave', [useAnimation(hideOverlayContentAnimation)])])],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    providers: [OVERLAY_VALUE_ACCESSOR],
-    styleUrls: ['./overlay.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Overlay implements AfterContentInit, OnDestroy {
-    /**
-     * The visible property is an input that determines the visibility of the component.
-     * @defaultValue false
-     * @group Props
-     */
-    @Input() get visible(): boolean {
-        return this._visible;
-    }
-    set visible(value: boolean) {
-        this._visible = value;
-
-        if (this._visible && !this.modalVisible) {
-            this.modalVisible = true;
-        }
-    }
-    /**
-     * The mode property is an input that determines the overlay mode type or string.
-     * @defaultValue null
-     * @group Props
-     */
-    @Input() get mode(): OverlayModeType | string {
-        return this._mode || this.overlayOptions?.mode;
-    }
-    set mode(value: OverlayModeType | string) {
-        this._mode = value;
-    }
-    /**
-     * The style property is an input that determines the style object for the component.
-     * @defaultValue null
-     * @group Props
-     */
-    @Input() get style(): { [klass: string]: any } | null | undefined {
-        return ObjectUtils.merge(this._style, this.modal ? this.overlayResponsiveOptions?.style : this.overlayOptions?.style);
-    }
-    set style(value: { [klass: string]: any } | null | undefined) {
-        this._style = value;
-    }
-    /**
-     * The styleClass property is an input that determines the CSS class(es) for the component.
-     * @defaultValue null
-     * @group Props
-     */
-    @Input() get styleClass(): string {
-        return ObjectUtils.merge(this._styleClass, this.modal ? this.overlayResponsiveOptions?.styleClass : this.overlayOptions?.styleClass);
-    }
-    set styleClass(value: string) {
-        this._styleClass = value;
-    }
-    /**
-     * The contentStyle property is an input that determines the style object for the content of the component.
-     * @defaultValue null
-     * @group Props
-     */
-    @Input() get contentStyle(): { [klass: string]: any } | null | undefined {
-        return ObjectUtils.merge(this._contentStyle, this.modal ? this.overlayResponsiveOptions?.contentStyle : this.overlayOptions?.contentStyle);
-    }
-    set contentStyle(value: { [klass: string]: any } | null | undefined) {
-        this._contentStyle = value;
-    }
-    /**
-     * The contentStyleClass property is an input that determines the CSS class(es) for the content of the component.
-     * @defaultValue null
-     * @group Props
-     */
-    @Input() get contentStyleClass(): string {
-        return ObjectUtils.merge(this._contentStyleClass, this.modal ? this.overlayResponsiveOptions?.contentStyleClass : this.overlayOptions?.contentStyleClass);
-    }
-    set contentStyleClass(value: string) {
-        this._contentStyleClass = value;
-    }
-    /**
-     * The target property is an input that specifies the target element or selector for the component.
-     * @defaultValue null
-     * @group Props
-     */
-    @Input() get target(): string | null | undefined {
-        const value = this._target || this.overlayOptions?.target;
-        return value === undefined ? '@prev' : value;
-    }
-    set target(value: string | null | undefined) {
-        this._target = value;
-    }
-    /**
-     * Overlay can be mounted into its location, body or DOM element instance using this option.
-     * @defaultValue null
-     * @group Props
-     */
-    @Input() get appendTo(): 'body' | HTMLElement | undefined {
-        return this._appendTo || this.overlayOptions?.appendTo;
-    }
-    set appendTo(value: 'body' | HTMLElement | undefined) {
-        this._appendTo = value;
-    }
-    /**
-     * The autoZIndex determines whether to automatically manage layering. Its default value is 'false'.
-     * @defaultValue false
-     * @group Props
-     */
-    @Input() get autoZIndex(): boolean {
-        const value = this._autoZIndex || this.overlayOptions?.autoZIndex;
-        return value === undefined ? true : value;
-    }
-    set autoZIndex(value: boolean) {
-        this._autoZIndex = value;
-    }
-    /**
-     * The baseZIndex is base zIndex value to use in layering.
-     * @defaultValue null
-     * @group Props
-     */
-    @Input() get baseZIndex(): number {
-        const value = this._baseZIndex || this.overlayOptions?.baseZIndex;
-        return value === undefined ? 0 : value;
-    }
-    set baseZIndex(value: number) {
-        this._baseZIndex = value;
-    }
-    /**
-     * Transition options of the show or hide animation.
-     * @defaultValue .12s cubic-bezier(0, 0, 0.2, 1)
-     * @group Props
-     */
-    @Input() get showTransitionOptions(): string {
-        const value = this._showTransitionOptions || this.overlayOptions?.showTransitionOptions;
-        return value === undefined ? '.12s cubic-bezier(0, 0, 0.2, 1)' : value;
-    }
-    set showTransitionOptions(value: string) {
-        this._showTransitionOptions = value;
-    }
-    /**
-     * The hideTransitionOptions property is an input that determines the CSS transition options for hiding the component.
-     * @defaultValue .1s linear
-     * @group Props
-     */
-    @Input() get hideTransitionOptions(): string {
-        const value = this._hideTransitionOptions || this.overlayOptions?.hideTransitionOptions;
-        return value === undefined ? '.1s linear' : value;
-    }
-    set hideTransitionOptions(value: string) {
-        this._hideTransitionOptions = value;
-    }
-    /**
-     * The listener property is an input that specifies the listener object for the component.
-     * @defaultValue null
-     * @group Props
-     */
-    @Input() get listener(): any {
-        return this._listener || this.overlayOptions?.listener;
-    }
-    set listener(value: any) {
-        this._listener = value;
-    }
-    /**
-     * It is the option used to determine in which mode it should appear according to the given media or breakpoint.
-     * @defaultValue null
-     * @group Props
-     */
-    @Input() get responsive(): ResponsiveOverlayOptions | undefined {
-        return this._responsive || this.overlayOptions?.responsive;
-    }
-    set responsive(val: ResponsiveOverlayOptions | undefined) {
-        this._responsive = val;
-    }
-    /**
-     * The options property is an input that specifies the overlay options for the component.
-     * @defaultValue null
-     * @group Props
-     */
-    @Input() get options(): OverlayOptions | undefined {
-        return this._options;
-    }
-    set options(val: OverlayOptions | undefined) {
-        this._options = val;
-    }
-    /**
-     * This EventEmitter is used to notify changes in the visibility state of a component.
-     * @param {Boolean} boolean - Value of visibility as boolean.
-     * @group Emits
-     */
-    @Output() visibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();
-    /**
-     * Callback to invoke before the overlay is shown.
-     * @param {OverlayOnBeforeShowEvent} event - Custom overlay before show event.
-     * @group Emits
-     */
-    @Output() onBeforeShow: EventEmitter<OverlayOnBeforeShowEvent> = new EventEmitter<OverlayOnBeforeShowEvent>();
-    /**
-     * Callback to invoke when the overlay is shown.
-     * @param {OverlayOnShowEvent} event - Custom overlay show event.
-     * @group Emits
-     */
-    @Output() onShow: EventEmitter<OverlayOnShowEvent> = new EventEmitter<OverlayOnShowEvent>();
-    /**
-     * Callback to invoke before the overlay is hidden.
-     * @param {OverlayOnBeforeHideEvent} event - Custom overlay before hide event.
-     * @group Emits
-     */
-    @Output() onBeforeHide: EventEmitter<OverlayOnBeforeHideEvent> = new EventEmitter<OverlayOnBeforeHideEvent>();
-    /**
-     * Callback to invoke when the overlay is hidden
-     * @param {OverlayOnHideEvent} event - Custom hide event.
-     * @group Emits
-     */
-    @Output() onHide: EventEmitter<OverlayOnHideEvent> = new EventEmitter<OverlayOnHideEvent>();
-    /**
-     * Callback to invoke when the animation is started.
-     * @param {AnimationEvent} event - Animation event.
-     * @group Emits
-     */
-    @Output() onAnimationStart: EventEmitter<AnimationEvent> = new EventEmitter<AnimationEvent>();
-    /**
-     * Callback to invoke when the animation is done.
-     * @param {AnimationEvent} event - Animation event.
-     * @group Emits
-     */
-    @Output() onAnimationDone: EventEmitter<AnimationEvent> = new EventEmitter<AnimationEvent>();
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<any> | undefined;
-
-    @ViewChild('overlay') overlayViewChild: ElementRef | undefined;
-
-    @ViewChild('content') contentViewChild: ElementRef | undefined;
-
-    contentTemplate: TemplateRef<any> | undefined;
-
-    _visible: boolean = false;
-
-    _mode: OverlayModeType | string;
-
-    _style: { [klass: string]: any } | null | undefined;
-
-    _styleClass: string | undefined;
-
-    _contentStyle: { [klass: string]: any } | null | undefined;
-
-    _contentStyleClass: string | undefined;
-
-    _target: any;
-
-    _appendTo: 'body' | HTMLElement | undefined;
-
-    _autoZIndex: boolean | undefined;
-
-    _baseZIndex: number | undefined;
-
-    _showTransitionOptions: string | undefined;
-
-    _hideTransitionOptions: string | undefined;
-
-    _listener: any;
-
-    _responsive: ResponsiveOverlayOptions | undefined;
-
-    _options: OverlayOptions | undefined;
-
-    modalVisible: boolean = false;
-
-    isOverlayClicked: boolean = false;
-
-    isOverlayContentClicked: boolean = false;
-
-    scrollHandler: any;
-
-    documentClickListener: any;
-
-    documentResizeListener: any;
-
-    private documentKeyboardListener: VoidListener;
-
-    private window: Window | null;
-
-    protected transformOptions: any = {
-        default: 'scaleY(0.8)',
-        center: 'scale(0.7)',
-        top: 'translate3d(0px, -100%, 0px)',
-        'top-start': 'translate3d(0px, -100%, 0px)',
-        'top-end': 'translate3d(0px, -100%, 0px)',
-        bottom: 'translate3d(0px, 100%, 0px)',
-        'bottom-start': 'translate3d(0px, 100%, 0px)',
-        'bottom-end': 'translate3d(0px, 100%, 0px)',
-        left: 'translate3d(-100%, 0px, 0px)',
-        'left-start': 'translate3d(-100%, 0px, 0px)',
-        'left-end': 'translate3d(-100%, 0px, 0px)',
-        right: 'translate3d(100%, 0px, 0px)',
-        'right-start': 'translate3d(100%, 0px, 0px)',
-        'right-end': 'translate3d(100%, 0px, 0px)'
-    };
-
-    get modal() {
-        if (isPlatformBrowser(this.platformId)) {
-            return this.mode === 'modal' || (this.overlayResponsiveOptions && this.window?.matchMedia(this.overlayResponsiveOptions.media?.replace('@media', '') || `(max-width: ${this.overlayResponsiveOptions.breakpoint})`).matches);
-        }
-    }
-
-    get overlayMode() {
-        return this.mode || (this.modal ? 'modal' : 'overlay');
-    }
-
-    get overlayOptions(): OverlayOptions {
-        return { ...this.config?.overlayOptions, ...this.options }; // TODO: Improve performance
-    }
-
-    get overlayResponsiveOptions(): ResponsiveOverlayOptions {
-        return { ...this.overlayOptions?.responsive, ...this.responsive }; // TODO: Improve performance
-    }
-
-    get overlayResponsiveDirection() {
-        return this.overlayResponsiveOptions?.direction || 'center';
-    }
-
-    get overlayEl() {
-        return this.overlayViewChild?.nativeElement;
-    }
-
-    get contentEl() {
-        return this.contentViewChild?.nativeElement;
-    }
-
-    get targetEl() {
-        return DomHandler.getTargetElement(this.target, this.el?.nativeElement);
-    }
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        public el: ElementRef,
-        public renderer: Renderer2,
-        private config: PrimeNGConfig,
-        public overlayService: OverlayService,
-        public cd: ChangeDetectorRef,
-        private zone: NgZone
-    ) {
-        this.window = this.document.defaultView;
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-                // TODO: new template types may be added.
-                default:
-                    this.contentTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    show(overlay?: HTMLElement, isFocus: boolean = false) {
-        this.onVisibleChange(true);
-        this.handleEvents('onShow', { overlay: overlay || this.overlayEl, target: this.targetEl, mode: this.overlayMode });
-
-        isFocus && DomHandler.focus(this.targetEl);
-        this.modal && DomHandler.addClass(this.document?.body, 'p-overflow-hidden');
-    }
-
-    hide(overlay?: HTMLElement, isFocus: boolean = false) {
-        if (!this.visible) {
-            return;
-        } else {
-            this.onVisibleChange(false);
-            this.handleEvents('onHide', { overlay: overlay || this.overlayEl, target: this.targetEl, mode: this.overlayMode });
-            isFocus && DomHandler.focus(this.targetEl);
-            this.modal && DomHandler.removeClass(this.document?.body, 'p-overflow-hidden');
-        }
-    }
-
-    alignOverlay() {
-        !this.modal && DomHandler.alignOverlay(this.overlayEl, this.targetEl, this.appendTo);
-    }
-
-    onVisibleChange(visible: boolean) {
-        this._visible = visible;
-        this.visibleChange.emit(visible);
-    }
-
-    onOverlayClick() {
-        this.isOverlayClicked = true;
-    }
-
-    onOverlayContentClick(event: MouseEvent) {
-        this.overlayService.add({
-            originalEvent: event,
-            target: this.targetEl
-        });
-
-        this.isOverlayContentClicked = true;
-    }
-
-    onOverlayContentAnimationStart(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-                this.handleEvents('onBeforeShow', { overlay: this.overlayEl, target: this.targetEl, mode: this.overlayMode });
-
-                if (this.autoZIndex) {
-                    ZIndexUtils.set(this.overlayMode, this.overlayEl, this.baseZIndex + this.config?.zIndex[this.overlayMode]);
-                }
-
-                DomHandler.appendOverlay(this.overlayEl, this.appendTo === 'body' ? this.document.body : this.appendTo, this.appendTo);
-                this.alignOverlay();
-
-                break;
-
-            case 'void':
-                this.handleEvents('onBeforeHide', { overlay: this.overlayEl, target: this.targetEl, mode: this.overlayMode });
-
-                this.modal && DomHandler.addClass(this.overlayEl, 'p-component-overlay-leave');
-
-                break;
-        }
-
-        this.handleEvents('onAnimationStart', event);
-    }
-
-    onOverlayContentAnimationDone(event: AnimationEvent) {
-        const container = this.overlayEl || event.element.parentElement;
-
-        switch (event.toState) {
-            case 'visible':
-                if (this.visible) {
-                    this.show(container, true);
-                }
-                this.bindListeners();
-
-                break;
-
-            case 'void':
-                if (!this.visible) {
-                    this.hide(container, true);
-                    this.modalVisible = false;
-                    this.unbindListeners();
-
-                    DomHandler.appendOverlay(this.overlayEl, this.targetEl, this.appendTo);
-                    ZIndexUtils.clear(container);
-                    this.cd.markForCheck();
-
-                    break;
-                }
-        }
-
-        this.handleEvents('onAnimationDone', event);
-    }
-
-    handleEvents(name: string, params: any) {
-        (this as any)[name].emit(params);
-        this.options && (this.options as any)[name] && (this.options as any)[name](params);
-        this.config?.overlayOptions && (this.config?.overlayOptions as any)[name] && (this.config?.overlayOptions as any)[name](params);
-    }
-
-    bindListeners() {
-        this.unbindListeners();
-        this.bindScrollListener();
-        this.bindDocumentClickListener();
-        this.bindDocumentResizeListener();
-        this.bindDocumentKeyboardListener();
-    }
-
-    unbindListeners() {
-        this.unbindScrollListener();
-        this.unbindDocumentClickListener();
-        this.unbindDocumentResizeListener();
-        this.unbindDocumentKeyboardListener();
-    }
-
-    bindScrollListener() {
-        if (!this.scrollHandler) {
-            this.scrollHandler = new ConnectedOverlayScrollHandler(this.targetEl, (event: any) => {
-                const valid = this.listener ? this.listener(event, { type: 'scroll', mode: this.overlayMode, valid: true }) : true;
-
-                valid && this.hide(event, true);
-            });
-        }
-
-        this.scrollHandler.bindScrollListener();
-    }
-
-    unbindScrollListener() {
-        if (this.scrollHandler) {
-            this.scrollHandler.unbindScrollListener();
-        }
-    }
-
-    bindDocumentClickListener() {
-        if (!this.documentClickListener) {
-            this.documentClickListener = this.renderer.listen(this.document, 'click', (event) => {
-                const isTargetClicked = this.targetEl && (this.targetEl.isSameNode(event.target) || (!this.isOverlayClicked && this.targetEl.contains(event.target)));
-                const isOutsideClicked = !isTargetClicked && !this.isOverlayContentClicked;
-                const valid = this.listener ? this.listener(event, { type: 'outside', mode: this.overlayMode, valid: event.which !== 3 && isOutsideClicked }) : isOutsideClicked;
-
-                valid && this.hide(event);
-                this.isOverlayClicked = this.isOverlayContentClicked = false;
-            });
-        }
-    }
-
-    unbindDocumentClickListener() {
-        if (this.documentClickListener) {
-            this.documentClickListener();
-            this.documentClickListener = null;
-        }
-    }
-
-    bindDocumentResizeListener() {
-        if (!this.documentResizeListener) {
-            this.documentResizeListener = this.renderer.listen(this.window, 'resize', (event) => {
-                const valid = this.listener ? this.listener(event, { type: 'resize', mode: this.overlayMode, valid: !DomHandler.isTouchDevice() }) : !DomHandler.isTouchDevice();
-
-                valid && this.hide(event, true);
-            });
-        }
-    }
-
-    unbindDocumentResizeListener() {
-        if (this.documentResizeListener) {
-            this.documentResizeListener();
-            this.documentResizeListener = null;
-        }
-    }
-
-    bindDocumentKeyboardListener(): void {
-        if (this.documentKeyboardListener) {
-            return;
-        }
-
-        this.zone.runOutsideAngular(() => {
-            this.documentKeyboardListener = this.renderer.listen(this.window, 'keydown', (event) => {
-                if (this.overlayOptions.hideOnEscape === false || event.code !== 'Escape') {
-                    return;
-                }
-
-                const valid = this.listener ? this.listener(event, { type: 'keydown', mode: this.overlayMode, valid: !DomHandler.isTouchDevice() }) : !DomHandler.isTouchDevice();
-
-                if (valid) {
-                    this.zone.run(() => {
-                        this.hide(event, true);
-                    });
-                }
-            });
-        });
-    }
-
-    unbindDocumentKeyboardListener(): void {
-        if (this.documentKeyboardListener) {
-            this.documentKeyboardListener();
-            this.documentKeyboardListener = null;
-        }
-    }
-
-    ngOnDestroy() {
-        this.hide(this.overlayEl, true);
-
-        if (this.overlayEl) {
-            DomHandler.appendOverlay(this.overlayEl, this.targetEl, this.appendTo);
-            ZIndexUtils.clear(this.overlayEl);
-        }
-
-        if (this.scrollHandler) {
-            this.scrollHandler.destroy();
-            this.scrollHandler = null;
-        }
-
-        this.unbindListeners();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule],
-    exports: [Overlay, SharedModule],
-    declarations: [Overlay]
-})
-export class OverlayModule {}
diff --git a/src/app/components/overlay/public_api.ts b/src/app/components/overlay/public_api.ts
deleted file mode 100644
index 40adbf0..0000000
--- a/src/app/components/overlay/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './overlay';
diff --git a/src/app/components/overlaypanel/ng-package.json b/src/app/components/overlaypanel/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/overlaypanel/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/overlaypanel/overlaypanel.css b/src/app/components/overlaypanel/overlaypanel.css
deleted file mode 100644
index 2a2bb98..0000000
--- a/src/app/components/overlaypanel/overlaypanel.css
+++ /dev/null
@@ -1,63 +0,0 @@
-@layer primeng {
-    .p-overlaypanel {
-        position: absolute;
-        margin-top: 10px;
-        top: 0;
-        left: 0;
-    }
-
-    .p-overlaypanel-flipped {
-        margin-top: 0;
-        margin-bottom: 10px;
-    }
-
-    .p-overlaypanel-close {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-overlaypanel:after,
-    .p-overlaypanel:before {
-        bottom: 100%;
-        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
-        content: ' ';
-        height: 0;
-        width: 0;
-        position: absolute;
-        pointer-events: none;
-    }
-
-    .p-overlaypanel:after {
-        border-width: 8px;
-        margin-left: -8px;
-    }
-
-    .p-overlaypanel:before {
-        border-width: 10px;
-        margin-left: -10px;
-    }
-
-    .p-overlaypanel-shifted:after,
-    .p-overlaypanel-shifted:before {
-        left: auto;
-        right: 1.25em;
-        margin-left: auto;
-    }
-
-    .p-overlaypanel-flipped:after,
-    .p-overlaypanel-flipped:before {
-        bottom: auto;
-        top: 100%;
-    }
-
-    .p-overlaypanel.p-overlaypanel-flipped:after {
-        border-bottom-color: transparent;
-    }
-
-    .p-overlaypanel.p-overlaypanel-flipped:before {
-        border-bottom-color: transparent;
-    }
-}
diff --git a/src/app/components/overlaypanel/overlaypanel.interface.ts b/src/app/components/overlaypanel/overlaypanel.interface.ts
deleted file mode 100644
index 6495043..0000000
--- a/src/app/components/overlaypanel/overlaypanel.interface.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in OverlayPanel.
- * @group Templates
- */
-export interface OverlayPanelTemplates {
-    /**
-     * Custom template of content.
-     */
-    content(): TemplateRef<any>;
-    /**
-     * Custom template of closeicon.
-     */
-    closeicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/overlaypanel/overlaypanel.spec.ts b/src/app/components/overlaypanel/overlaypanel.spec.ts
deleted file mode 100644
index 8ed4895..0000000
--- a/src/app/components/overlaypanel/overlaypanel.spec.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { OverlayPanel } from './overlaypanel';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Component, NO_ERRORS_SCHEMA } from '@angular/core';
-
-@Component({
-    template: `
-        <button type="text" (click)="op1.toggle($event)"></button>
-        <button type="text" (click)="op1.toggle($event)"></button>
-        <p-overlayPanel #op1>
-            <img src="https://primefaces.org/cdn/primeng/images/demo/galleria/galleria1.jpg" alt="Galleria 1" />
-        </p-overlayPanel>
-        <a (click)="outSideClick()" class="outside-anchor"></a>
-    `
-})
-class TestOverlayPanelComponent {
-    outSideClick() {}
-}
-
-describe('OverlayPanel', () => {
-    let overlaypanel: OverlayPanel;
-    let fixture: ComponentFixture<TestOverlayPanelComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            schemas: [NO_ERRORS_SCHEMA],
-            imports: [NoopAnimationsModule],
-            declarations: [OverlayPanel, TestOverlayPanelComponent]
-        });
-
-        fixture = TestBed.createComponent(TestOverlayPanelComponent);
-        overlaypanel = fixture.debugElement.query(By.css('p-overlayPanel')).componentInstance;
-    });
-
-    it('should change style and styleClass', () => {
-        overlaypanel.style = { height: '300px' };
-        overlaypanel.styleClass = 'Primeng rocks!';
-        const buttonEl = fixture.debugElement.query(By.css('button')).nativeElement;
-        buttonEl.click();
-        fixture.detectChanges();
-
-        const containerEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(containerEl.className).toContain('Primeng rocks!');
-        expect(containerEl.style.height).toContain('300px');
-    });
-
-    it('should show icon', () => {
-        overlaypanel.showCloseIcon = true;
-        const buttonEl = fixture.debugElement.query(By.css('button')).nativeElement;
-        buttonEl.click();
-        fixture.detectChanges();
-
-        const closeEl = fixture.debugElement.query(By.css('a'));
-        expect(closeEl).toBeTruthy();
-    });
-
-    it('should open', () => {
-        overlaypanel.showCloseIcon = true;
-        const buttonEl = fixture.debugElement.query(By.css('button')).nativeElement;
-        const toggleSpy = spyOn(overlaypanel, 'toggle').and.callThrough();
-        buttonEl.click();
-        fixture.detectChanges();
-
-        let overlaypanelEl = fixture.debugElement.query(By.css('div'));
-        expect(toggleSpy).toHaveBeenCalled();
-        expect(overlaypanelEl).toBeTruthy();
-    });
-
-    it('should close overlay panel and open on the other button', () => {
-        overlaypanel.showCloseIcon = true;
-        const buttonEls = fixture.debugElement.queryAll(By.css('button'));
-        const toggleSpy = spyOn(overlaypanel, 'toggle').and.callThrough();
-        buttonEls[0].nativeElement.click();
-        fixture.detectChanges();
-
-        let overlaypanelEl = fixture.debugElement.query(By.css('div'));
-        expect(toggleSpy).toHaveBeenCalled();
-        expect(overlaypanelEl).toBeTruthy();
-        buttonEls[1].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(overlaypanelEl).toBeTruthy();
-    });
-
-    it('should close', () => {
-        overlaypanel.showCloseIcon = true;
-        const buttonEl = fixture.debugElement.query(By.css('button')).nativeElement;
-        const closeSpy = spyOn(overlaypanel, 'onCloseClick').and.callThrough();
-        const overlaypanelEl = fixture.debugElement.query(By.css('div'));
-        buttonEl.click();
-        fixture.detectChanges();
-
-        const closeEl = fixture.debugElement.query(By.css('div')).query(By.css('button')).nativeElement;
-        closeEl.click();
-        fixture.detectChanges();
-
-        expect(closeSpy).toHaveBeenCalled();
-        expect(overlaypanelEl).toBeFalsy();
-    });
-
-    it('should close when outside click', () => {
-        overlaypanel.showCloseIcon = true;
-        const buttonEl = fixture.debugElement.query(By.css('button')).nativeElement;
-        const overlaypanelEl = fixture.debugElement.query(By.css('div'));
-        buttonEl.click();
-        fixture.detectChanges();
-
-        const outsideEl = fixture.debugElement.query(By.css('a')).nativeElement;
-        outsideEl.click();
-        document.dispatchEvent(new Event('click'));
-        fixture.detectChanges();
-
-        overlaypanel.cd.detectChanges();
-        expect(overlaypanelEl).toBeFalsy();
-    });
-});
diff --git a/src/app/components/overlaypanel/overlaypanel.ts b/src/app/components/overlaypanel/overlaypanel.ts
deleted file mode 100644
index 7c198fc..0000000
--- a/src/app/components/overlaypanel/overlaypanel.ts
+++ /dev/null
@@ -1,531 +0,0 @@
-import { animate, AnimationEvent, state, style, transition, trigger } from '@angular/animations';
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    booleanAttribute,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    HostListener,
-    Inject,
-    Input,
-    NgModule,
-    NgZone,
-    numberAttribute,
-    OnDestroy,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewEncapsulation,
-    ViewRef
-} from '@angular/core';
-import { OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { ConnectedOverlayScrollHandler, DomHandler } from 'primeng/dom';
-import { TimesIcon } from 'primeng/icons/times';
-import { RippleModule } from 'primeng/ripple';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { ZIndexUtils } from 'primeng/utils';
-import { Subscription } from 'rxjs';
-/**
- * OverlayPanel is a container component positioned as connected to its target.
- * @group Components
- */
-@Component({
-    selector: 'p-overlayPanel',
-    template: `
-        <div
-            *ngIf="render"
-            [ngClass]="'p-overlaypanel p-component'"
-            [ngStyle]="style"
-            [class]="styleClass"
-            (click)="onOverlayClick($event)"
-            [@animation]="{ value: overlayVisible ? 'open' : 'close', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }"
-            (@animation.start)="onAnimationStart($event)"
-            (@animation.done)="onAnimationEnd($event)"
-            role="dialog"
-            [attr.aria-modal]="overlayVisible"
-            [attr.aria-label]="ariaLabel"
-            [attr.aria-labelledBy]="ariaLabelledBy"
-        >
-            <div class="p-overlaypanel-content" (click)="onContentClick($event)" (mousedown)="onContentClick($event)">
-                <ng-content></ng-content>
-                <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
-            </div>
-            <button *ngIf="showCloseIcon" type="button" class="p-overlaypanel-close p-link" (click)="onCloseClick($event)" (keydown.enter)="hide()" [attr.aria-label]="ariaCloseLabel" pRipple>
-                <TimesIcon *ngIf="!closeIconTemplate" [styleClass]="'p-overlaypanel-close-icon'" />
-                <span class="p-overlaypanel-close-icon" *ngIf="closeIconTemplate">
-                    <ng-template *ngTemplateOutlet="closeIconTemplate"></ng-template>
-                </span>
-            </button>
-        </div>
-    `,
-    animations: [
-        trigger('animation', [
-            state(
-                'void',
-                style({
-                    transform: 'scaleY(0.8)',
-                    opacity: 0
-                })
-            ),
-            state(
-                'close',
-                style({
-                    opacity: 0
-                })
-            ),
-            state(
-                'open',
-                style({
-                    transform: 'translateY(0)',
-                    opacity: 1
-                })
-            ),
-            transition('void => open', animate('{{showTransitionParams}}')),
-            transition('open => close', animate('{{hideTransitionParams}}'))
-        ])
-    ],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./overlaypanel.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class OverlayPanel implements AfterContentInit, OnDestroy {
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Enables to hide the overlay when outside is clicked.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) dismissable: boolean = true;
-    /**
-     * When enabled, displays a close icon at top right corner.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showCloseIcon: boolean | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     *  Target element to attach the panel, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any = 'body';
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-    /**
-     * Aria label of the close icon.
-     * @group Props
-     */
-    @Input() ariaCloseLabel: string | undefined;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-    /**
-     * When enabled, first button receives focus on show.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) focusOnShow: boolean = true;
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     */
-    @Input() showTransitionOptions: string = '.12s cubic-bezier(0, 0, 0.2, 1)';
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     */
-    @Input() hideTransitionOptions: string = '.1s linear';
-    /**
-     * Callback to invoke when an overlay becomes visible.
-     * @group Emits
-     */
-    @Output() onShow: EventEmitter<any> = new EventEmitter();
-    /**
-     * Callback to invoke when an overlay gets hidden.
-     * @group Emits
-     */
-    @Output() onHide: EventEmitter<any> = new EventEmitter<any>();
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    container: Nullable<HTMLDivElement>;
-
-    overlayVisible: boolean = false;
-
-    render: boolean = false;
-
-    isOverlayAnimationInProgress: boolean = false;
-
-    selfClick: boolean = false;
-
-    documentClickListener: VoidListener;
-
-    target: any;
-
-    willHide: Nullable<boolean>;
-
-    scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
-
-    documentResizeListener: VoidListener;
-
-    contentTemplate: Nullable<TemplateRef<any>>;
-
-    closeIconTemplate: Nullable<TemplateRef<any>>;
-
-    destroyCallback: Nullable<Function>;
-
-    overlayEventListener: Nullable<(event?: any) => void>;
-
-    overlaySubscription: Subscription | undefined;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        public el: ElementRef,
-        public renderer: Renderer2,
-        public cd: ChangeDetectorRef,
-        private zone: NgZone,
-        public config: PrimeNGConfig,
-        public overlayService: OverlayService
-    ) {}
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-
-                case 'closeicon':
-                    this.closeIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.contentTemplate = item.template;
-                    break;
-            }
-
-            this.cd.markForCheck();
-        });
-    }
-
-    bindDocumentClickListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.documentClickListener && this.dismissable) {
-                let documentEvent = DomHandler.isIOS() ? 'touchstart' : 'click';
-                const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : this.document;
-
-                this.documentClickListener = this.renderer.listen(documentTarget, documentEvent, (event) => {
-                    if (!this.container?.contains(event.target) && this.target !== event.target && !this.target.contains(event.target) && !this.selfClick) {
-                        this.hide();
-                    }
-
-                    this.selfClick = false;
-                    this.cd.markForCheck();
-                });
-            }
-        }
-    }
-
-    unbindDocumentClickListener() {
-        if (this.documentClickListener) {
-            this.documentClickListener();
-            this.documentClickListener = null;
-            this.selfClick = false;
-        }
-    }
-
-    /**
-     * Toggles the visibility of the panel.
-     * @param {Event} event - Browser event
-     * @param {Target} target - Target element.
-     * @group Method
-     */
-    toggle(event: any, target?: any) {
-        if (this.isOverlayAnimationInProgress) {
-            return;
-        }
-
-        if (this.overlayVisible) {
-            if (this.hasTargetChanged(event, target)) {
-                this.destroyCallback = () => {
-                    this.show(null, target || event.currentTarget || event.target);
-                };
-            }
-
-            this.hide();
-        } else {
-            this.show(event, target);
-        }
-    }
-    /**
-     * Displays the panel.
-     * @param {Event} event - Browser event
-     * @param {Target} target - Target element.
-     * @group Method
-     */
-    show(event: any, target?: any) {
-        target && event && event.stopPropagation();
-        if (this.isOverlayAnimationInProgress) {
-            return;
-        }
-
-        this.target = target || event.currentTarget || event.target;
-        this.overlayVisible = true;
-        this.render = true;
-        this.cd.markForCheck();
-    }
-
-    onOverlayClick(event: MouseEvent) {
-        this.overlayService.add({
-            originalEvent: event,
-            target: this.el.nativeElement
-        });
-
-        this.selfClick = true;
-    }
-
-    onContentClick(event: MouseEvent) {
-        const targetElement = event.target as HTMLElement;
-        this.selfClick = event.offsetX < targetElement.clientWidth && event.offsetY < targetElement.clientHeight;
-    }
-
-    hasTargetChanged(event: any, target: any) {
-        return this.target != null && this.target !== (target || event.currentTarget || event.target);
-    }
-
-    appendContainer() {
-        if (this.appendTo) {
-            if (this.appendTo === 'body') this.renderer.appendChild(this.document.body, this.container);
-            else DomHandler.appendChild(this.container, this.appendTo);
-        }
-    }
-
-    restoreAppend() {
-        if (this.container && this.appendTo) {
-            this.renderer.appendChild(this.el.nativeElement, this.container);
-        }
-    }
-
-    align() {
-        if (this.autoZIndex) {
-            ZIndexUtils.set('overlay', this.container, this.baseZIndex + this.config.zIndex.overlay);
-        }
-
-        DomHandler.absolutePosition(this.container, this.target, false);
-
-        const containerOffset = DomHandler.getOffset(this.container);
-        const targetOffset = DomHandler.getOffset(this.target);
-        const borderRadius = this.document.defaultView?.getComputedStyle(this.container!).getPropertyValue('border-radius');
-        let arrowLeft = 0;
-
-        if (containerOffset.left < targetOffset.left) {
-            arrowLeft = targetOffset.left - containerOffset.left - parseFloat(borderRadius!) * 2;
-        }
-        this.container?.style.setProperty('--overlayArrowLeft', `${arrowLeft}px`);
-
-        if (containerOffset.top < targetOffset.top) {
-            DomHandler.addClass(this.container, 'p-overlaypanel-flipped');
-
-            if (this.showCloseIcon) {
-                this.renderer.setStyle(this.container, 'margin-top', '-30px');
-            }
-        }
-    }
-
-    onAnimationStart(event: AnimationEvent) {
-        if (event.toState === 'open') {
-            this.container = event.element;
-            this.appendContainer();
-            this.align();
-            this.bindDocumentClickListener();
-            this.bindDocumentResizeListener();
-            this.bindScrollListener();
-
-            if (this.focusOnShow) {
-                this.focus();
-            }
-
-            this.overlayEventListener = (e) => {
-                if (this.container && this.container.contains(e.target)) {
-                    this.selfClick = true;
-                }
-            };
-
-            this.overlaySubscription = this.overlayService.clickObservable.subscribe(this.overlayEventListener);
-            this.onShow.emit(null);
-        }
-
-        this.isOverlayAnimationInProgress = true;
-    }
-
-    onAnimationEnd(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'void':
-                if (this.destroyCallback) {
-                    this.destroyCallback();
-                    this.destroyCallback = null;
-                }
-
-                if (this.overlaySubscription) {
-                    this.overlaySubscription.unsubscribe();
-                }
-                break;
-
-            case 'close':
-                if (this.autoZIndex) {
-                    ZIndexUtils.clear(this.container);
-                }
-
-                if (this.overlaySubscription) {
-                    this.overlaySubscription.unsubscribe();
-                }
-
-                this.onContainerDestroy();
-                this.onHide.emit({});
-                this.render = false;
-                break;
-        }
-
-        this.isOverlayAnimationInProgress = false;
-    }
-
-    focus() {
-        let focusable = DomHandler.findSingle(this.container, '[autofocus]');
-        if (focusable) {
-            this.zone.runOutsideAngular(() => {
-                setTimeout(() => focusable.focus(), 5);
-            });
-        }
-    }
-    /**
-     * Hides the panel.
-     * @group Method
-     */
-    hide() {
-        this.overlayVisible = false;
-        this.cd.markForCheck();
-    }
-
-    onCloseClick(event: MouseEvent) {
-        this.hide();
-        event.preventDefault();
-    }
-
-    @HostListener('document:keydown.escape', ['$event'])
-    onEscapeKeydown(event: KeyboardEvent) {
-        this.hide();
-    }
-
-    onWindowResize() {
-        if (this.overlayVisible && !DomHandler.isTouchDevice()) {
-            this.hide();
-        }
-    }
-
-    bindDocumentResizeListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.documentResizeListener) {
-                const window = this.document.defaultView as Window;
-                this.documentResizeListener = this.renderer.listen(window, 'resize', this.onWindowResize.bind(this));
-            }
-        }
-    }
-
-    unbindDocumentResizeListener() {
-        if (this.documentResizeListener) {
-            this.documentResizeListener();
-            this.documentResizeListener = null;
-        }
-    }
-
-    bindScrollListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.scrollHandler) {
-                this.scrollHandler = new ConnectedOverlayScrollHandler(this.target, () => {
-                    if (this.overlayVisible) {
-                        this.hide();
-                    }
-                });
-            }
-
-            this.scrollHandler.bindScrollListener();
-        }
-    }
-
-    unbindScrollListener() {
-        if (this.scrollHandler) {
-            this.scrollHandler.unbindScrollListener();
-        }
-    }
-
-    onContainerDestroy() {
-        if (!(this.cd as ViewRef).destroyed) {
-            this.target = null;
-        }
-
-        this.unbindDocumentClickListener();
-        this.unbindDocumentResizeListener();
-        this.unbindScrollListener();
-    }
-
-    ngOnDestroy() {
-        if (this.scrollHandler) {
-            this.scrollHandler.destroy();
-            this.scrollHandler = null;
-        }
-
-        if (this.container && this.autoZIndex) {
-            ZIndexUtils.clear(this.container);
-        }
-
-        if (!(this.cd as ViewRef).destroyed) {
-            this.target = null;
-        }
-
-        this.destroyCallback = null;
-        if (this.container) {
-            this.restoreAppend();
-            this.onContainerDestroy();
-        }
-
-        if (this.overlaySubscription) {
-            this.overlaySubscription.unsubscribe();
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, RippleModule, SharedModule, TimesIcon],
-    exports: [OverlayPanel, SharedModule],
-    declarations: [OverlayPanel]
-})
-export class OverlayPanelModule {}
diff --git a/src/app/components/overlaypanel/public_api.ts b/src/app/components/overlaypanel/public_api.ts
deleted file mode 100644
index 74f9a9a..0000000
--- a/src/app/components/overlaypanel/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './overlaypanel';
diff --git a/src/app/components/package.json b/src/app/components/package.json
deleted file mode 100644
index 350629a..0000000
--- a/src/app/components/package.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-    "name": "primeng",
-    "version": "17.18.11",
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/primefaces/primeng"
-    },
-    "keywords": [
-        "angular"
-    ],
-    "license": "MIT",
-    "bugs": {
-        "url": "https://github.com/primefaces/primeng/issues"
-    },
-    "exports": {
-        "./resources/": "./resources/"
-    },
-    "module": "primeng.js",
-    "typings": "primeng.d.ts",
-    "peerDependencies": {
-        "@angular/core": "^17.0.0 || ^18.0.0",
-        "@angular/common": "^17.0.0 || ^18.0.0",
-        "@angular/forms": "^17.0.0 || ^18.0.0",
-        "rxjs": "^6.0.0 || ^7.8.1",
-        "zone.js": "~0.14.0"
-    }
-}
diff --git a/src/app/components/paginator/ng-package.json b/src/app/components/paginator/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/paginator/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/paginator/paginator.css b/src/app/components/paginator/paginator.css
deleted file mode 100644
index a86d6f1..0000000
--- a/src/app/components/paginator/paginator.css
+++ /dev/null
@@ -1,37 +0,0 @@
-@layer primeng {
-    .p-paginator {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-wrap: wrap;
-    }
-
-    .p-paginator-left-content {
-        margin-right: auto;
-    }
-
-    .p-paginator-right-content {
-        margin-left: auto;
-    }
-
-    .p-paginator-page,
-    .p-paginator-next,
-    .p-paginator-last,
-    .p-paginator-first,
-    .p-paginator-prev,
-    .p-paginator-current {
-        cursor: pointer;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        line-height: 1;
-        user-select: none;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-paginator-element:focus {
-        z-index: 1;
-        position: relative;
-    }
-}
diff --git a/src/app/components/paginator/paginator.interface.ts b/src/app/components/paginator/paginator.interface.ts
deleted file mode 100644
index 8c59fd0..0000000
--- a/src/app/components/paginator/paginator.interface.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { Paginator } from './paginator';
-
-/**
- * Paginator state.
- * @group Interface
- */
-export interface PaginatorState {
-    page?: number;
-    first?: number;
-    rows?: number;
-    pageCount?: number;
-}
-/**
- * Defines valid templates in PaginatorTemplates.
- * @group Templates
- */
-export interface PaginatorTemplates {
-    /**
-     * Custom dropdown trigger icon template.
-     */
-    dropdownicon(): TemplateRef<any>;
-    /**
-     * Custom first page link icon template.
-     */
-    firstpagelinkicon(): TemplateRef<any>;
-    /**
-     * Custom previous page link icon template.
-     */
-    previouspagelinkicon(): TemplateRef<any>;
-    /**
-     * Custom last page link icon template.
-     */
-    lastpagelinkicon(): TemplateRef<any>;
-    /**
-     * Custom next page link icon template.
-     */
-    nextpagelinkicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/paginator/paginator.spec.ts b/src/app/components/paginator/paginator.spec.ts
deleted file mode 100644
index be276d4..0000000
--- a/src/app/components/paginator/paginator.spec.ts
+++ /dev/null
@@ -1,308 +0,0 @@
-import { ScrollingModule } from '@angular/cdk/scrolling';
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Paginator, PaginatorModule } from './paginator';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { FormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-import { SimpleChange } from '@angular/core';
-
-describe('Paginator', () => {
-    let paginator: Paginator;
-    let fixture: ComponentFixture<Paginator>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, FormsModule, ScrollingModule, PaginatorModule, DropdownModule]
-        });
-
-        fixture = TestBed.createComponent(Paginator);
-        paginator = fixture.componentInstance;
-    });
-
-    it('should created by default', () => {
-        fixture.detectChanges();
-
-        const paginatorEl = fixture.debugElement.query(By.css('.p-paginator'));
-        expect(paginatorEl).toBeTruthy();
-    });
-
-    it('should apply style', () => {
-        fixture.componentRef.setInput('style', { height: '250px' });
-        fixture.detectChanges();
-
-        const paginatorElement = fixture.debugElement.query(By.css('.p-paginator'));
-        expect(paginatorElement?.nativeElement?.style?.height).toEqual('250px');
-    });
-
-    it('should apply styleClass', () => {
-        fixture.componentRef.setInput('styleClass', 'p-paginator-bottom');
-        fixture.detectChanges();
-
-        const paginatorElement = fixture.debugElement.query(By.css('.p-paginator'));
-        expect(paginatorElement?.nativeElement).toHaveClass('p-paginator-bottom');
-    });
-
-    it('should use alwaysShow false', () => {
-        paginator.alwaysShow = false;
-        fixture.detectChanges();
-
-        const paginatorEl = fixture.debugElement.query(By.css('.p-paginator'));
-        expect(paginatorEl).toBeFalsy();
-    });
-
-    it('should not show dropdown', () => {
-        paginator.rows = 10;
-        paginator.totalRecords = 120;
-        paginator.ngOnChanges({
-            rows: new SimpleChange(null, 10, false),
-            totalRecords: new SimpleChange(null, 120, false)
-        });
-        fixture.detectChanges();
-
-        const dropdownEl = fixture.debugElement.query(By.css('p-dropdown'));
-        expect(dropdownEl).toBeFalsy();
-    });
-
-    it('should use dropdownAppendTo', () => {
-        paginator.dropdownAppendTo = 'body';
-        paginator.rowsPerPageOptions = [10, 20, 30];
-        paginator.rows = 10;
-        paginator.totalRecords = 120;
-        paginator.ngOnChanges({
-            rows: new SimpleChange(null, 10, false),
-            totalRecords: new SimpleChange(null, 120, false),
-            rowsPerPageOptions: new SimpleChange(null, [10, 20, 30], false)
-        });
-        fixture.detectChanges();
-
-        const dropdownEl = fixture.debugElement.query(By.css('p-dropdown'));
-        expect(dropdownEl.componentInstance.appendTo).toEqual('body');
-    });
-
-    it('should have a 5 page link, 4 paginator element and 1 dropdown with 3 option', () => {
-        paginator.rowsPerPageOptions = [10, 20, 30];
-        paginator.rows = 10;
-        paginator.totalRecords = 120;
-        paginator.ngOnChanges({
-            rows: new SimpleChange(null, 10, false),
-            totalRecords: new SimpleChange(null, 120, false),
-            rowsPerPageOptions: new SimpleChange(null, [10, 20, 30], false)
-        });
-        const updatePaginatorStateSpy = spyOn(paginator, 'updatePaginatorState').and.callThrough();
-        fixture.detectChanges();
-
-        const pageEls = fixture.debugElement.queryAll(By.css('.p-paginator-page'));
-        const dropdownEl = fixture.debugElement.query(By.css('p-dropdown'));
-        const paginatorElemntEls = fixture.debugElement.queryAll(By.css('.p-paginator-page'));
-        expect(dropdownEl).toBeTruthy();
-        expect(dropdownEl.componentInstance.options.length).toEqual(3);
-        expect(updatePaginatorStateSpy).toHaveBeenCalled();
-        expect(paginator.pageLinks.length).toEqual(5);
-        expect(pageEls.length).toEqual(5);
-        expect(paginatorElemntEls.length).toEqual(5);
-    });
-
-    it('should called onPageLinkClick and go to clicked page', () => {
-        paginator.rowsPerPageOptions = [10, 20, 30];
-        paginator.rows = 10;
-        paginator.totalRecords = 120;
-        paginator.ngOnChanges({
-            rows: new SimpleChange(null, 10, false),
-            totalRecords: new SimpleChange(null, 120, false),
-            rowsPerPageOptions: new SimpleChange(null, [10, 20, 30], false)
-        });
-        const onPageLinkClickSpy = spyOn(paginator, 'onPageLinkClick').and.callThrough();
-        fixture.detectChanges();
-
-        const pageEls = fixture.debugElement.queryAll(By.css('.p-paginator-page'));
-        const pickedPage = pageEls[3];
-        pageEls[3].nativeElement.click();
-        fixture.detectChanges();
-
-        const pageElsAfterClick = fixture.debugElement.queryAll(By.css('.p-paginator-page'));
-        const activePage = fixture.debugElement.query(By.css('.p-highlight'));
-        expect(onPageLinkClickSpy);
-        expect(activePage.nativeElement.textContent.replace(/\s+/g, '')).toEqual('4');
-        expect((paginator.getPage() + 1).toString().replace(/\s+/g, '')).toEqual(pickedPage.nativeElement.textContent.replace(/\s+/g, ''));
-        let pageValue = paginator.getPage() - 1;
-        for (let link of paginator.pageLinks) {
-            expect(link).toEqual(pageValue);
-            pageValue++;
-        }
-        expect(pageElsAfterClick[2]).toEqual(activePage);
-    });
-
-    it('should called changePageToNext and go to next page', () => {
-        paginator.rowsPerPageOptions = [10, 20, 30];
-        paginator.rows = 10;
-        paginator.totalRecords = 120;
-        paginator.ngOnChanges({
-            rows: new SimpleChange(null, 10, false),
-            totalRecords: new SimpleChange(null, 120, false),
-            rowsPerPageOptions: new SimpleChange(null, [10, 20, 30], false)
-        });
-        const changePageToNextSpy = spyOn(paginator, 'changePageToNext').and.callThrough();
-        fixture.detectChanges();
-
-        const pageEls = fixture.debugElement.queryAll(By.css('.p-paginator-page'));
-        const pageNextEl = fixture.debugElement.query(By.css('.p-paginator-next'));
-        const nextPageEl = pageEls[1];
-        pageNextEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const pageElsAfterClick = fixture.debugElement.queryAll(By.css('.p-paginator-page'));
-        const activePage = fixture.debugElement.query(By.css('.p-highlight'));
-        expect(changePageToNextSpy);
-        expect(activePage.nativeElement.textContent.replace(/\s+/g, '')).toEqual('2');
-        expect((paginator.getPage() + 1).toString().replace(/\s+/g, '')).toEqual(nextPageEl.nativeElement.textContent.replace(/\s+/g, ''));
-        let pageValue = paginator.getPage();
-        for (let link of paginator.pageLinks) {
-            expect(link).toEqual(pageValue);
-            pageValue++;
-        }
-        expect(pageElsAfterClick[paginator.getPage()]).toEqual(activePage);
-    });
-
-    it('should called changePageToPrev and go to prev page', () => {
-        paginator.rowsPerPageOptions = [10, 20, 30];
-        paginator.rows = 10;
-        paginator.totalRecords = 120;
-        paginator.ngOnChanges({
-            rows: new SimpleChange(null, 10, false),
-            totalRecords: new SimpleChange(null, 120, false),
-            rowsPerPageOptions: new SimpleChange(null, [10, 20, 30], false)
-        });
-        const changePageToPrevSpy = spyOn(paginator, 'changePageToPrev').and.callThrough();
-        fixture.detectChanges();
-
-        const pageEls = fixture.debugElement.queryAll(By.css('.p-paginator-page'));
-        const pageNextEl = fixture.debugElement.query(By.css('.p-paginator-next'));
-        const pagePrevEl = fixture.debugElement.query(By.css('.p-paginator-prev'));
-        const prevPageEl = pageEls[0];
-        pageNextEl.nativeElement.click();
-        fixture.detectChanges();
-
-        pagePrevEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const pageElsAfterClick = fixture.debugElement.queryAll(By.css('.p-paginator-page'));
-        const activePage = fixture.debugElement.query(By.css('.p-highlight'));
-        expect(changePageToPrevSpy);
-        expect(activePage.nativeElement.textContent.replace(/\s+/g, '')).toEqual('1');
-        expect((paginator.getPage() + 1).toString().replace(/\s+/g, '')).toEqual(prevPageEl.nativeElement.textContent.replace(/\s+/g, ''));
-        let pageValue = paginator.getPage() + 1;
-        for (let link of paginator.pageLinks) {
-            expect(link).toEqual(pageValue);
-            pageValue++;
-        }
-        expect(pageElsAfterClick[0]).toEqual(activePage);
-    });
-
-    it('should called changePageToLast and go to last page', () => {
-        paginator.rowsPerPageOptions = [10, 20, 30];
-        paginator.rows = 10;
-        paginator.totalRecords = 120;
-        paginator.ngOnChanges({
-            rows: new SimpleChange(null, 10, false),
-            totalRecords: new SimpleChange(null, 120, false),
-            rowsPerPageOptions: new SimpleChange(null, [10, 20, 30], false)
-        });
-        const changePageToLastSpy = spyOn(paginator, 'changePageToLast').and.callThrough();
-        fixture.detectChanges();
-
-        const pageLastEl = fixture.debugElement.query(By.css('.p-paginator-last'));
-        pageLastEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const pageElsAfterClick = fixture.debugElement.queryAll(By.css('.p-paginator-page'));
-        const activePage = fixture.debugElement.query(By.css('.p-highlight'));
-        expect(changePageToLastSpy);
-        expect(activePage.nativeElement.textContent.replace(/\s+/g, '')).toEqual('12');
-        let pageValue = paginator.getPage() - 3;
-        for (let link of paginator.pageLinks) {
-            expect(link).toEqual(pageValue);
-            pageValue++;
-        }
-        expect(pageElsAfterClick[4]).toEqual(activePage);
-        expect(pageLastEl.nativeElement.className).toContain('p-disabled');
-    });
-
-    it('should called changePageToFirst and go to first page', () => {
-        paginator.rowsPerPageOptions = [10, 20, 30];
-        paginator.rows = 10;
-        paginator.totalRecords = 120;
-        paginator.ngOnChanges({
-            rows: new SimpleChange(null, 10, false),
-            totalRecords: new SimpleChange(null, 120, false),
-            rowsPerPageOptions: new SimpleChange(null, [10, 20, 30], false)
-        });
-        const changePageToFirstSpy = spyOn(paginator, 'changePageToFirst').and.callThrough();
-        fixture.detectChanges();
-
-        const pageLastEl = fixture.debugElement.query(By.css('.p-paginator-last'));
-        const pageFirstEl = fixture.debugElement.query(By.css('.p-paginator-first'));
-        pageLastEl.nativeElement.click();
-        fixture.detectChanges();
-
-        pageFirstEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const pageElsAfterClick = fixture.debugElement.queryAll(By.css('.p-paginator-page'));
-        const activePage = fixture.debugElement.query(By.css('.p-highlight'));
-        expect(changePageToFirstSpy);
-        expect(activePage.nativeElement.textContent.replace(/\s+/g, '')).toEqual('1');
-        let pageValue = paginator.getPage() + 1;
-        for (let link of paginator.pageLinks) {
-            expect(link).toEqual(pageValue);
-            pageValue++;
-        }
-        expect(pageElsAfterClick[0]).toEqual(activePage);
-        expect(pageFirstEl.nativeElement.className).toContain('p-disabled');
-    });
-
-    it('should called onRppChange and change page count', () => {
-        paginator.rowsPerPageOptions = [10, 20, 30];
-        paginator.rows = 10;
-        paginator.totalRecords = 120;
-        paginator.ngOnChanges({
-            rows: new SimpleChange(null, 10, false),
-            totalRecords: new SimpleChange(null, 120, false),
-            rowsPerPageOptions: new SimpleChange(null, [10, 20, 30], false)
-        });
-        const onRppChangeSpy = spyOn(paginator, 'onRppChange').and.callThrough();
-        fixture.detectChanges();
-
-        const dropdownEl = fixture.debugElement.query(By.css('.p-dropdown'));
-        dropdownEl.nativeElement.click();
-        fixture.detectChanges();
-        const dropdownItemsEl = fixture.debugElement.queryAll(By.css('.p-dropdown-item'));
-        dropdownItemsEl[1].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(onRppChangeSpy).toHaveBeenCalled();
-        expect(paginator.getPageCount()).toEqual(6);
-    });
-
-    it('should listen onPageChange', () => {
-        paginator.rowsPerPageOptions = [10, 20, 30];
-        paginator.rows = 10;
-        paginator.totalRecords = 120;
-        paginator.ngOnChanges({
-            rows: new SimpleChange(null, 10, false),
-            totalRecords: new SimpleChange(null, 120, false),
-            rowsPerPageOptions: new SimpleChange(null, [10, 20, 30], false)
-        });
-        fixture.detectChanges();
-
-        let data;
-        paginator.onPageChange.subscribe((value) => (data = value));
-        const pageEls = fixture.debugElement.queryAll(By.css('.p-paginator-page'));
-        pageEls[3].nativeElement.click();
-        fixture.detectChanges();
-        expect(data).toBeTruthy();
-        expect(data.page).toEqual(3);
-        expect(data.rows).toEqual(10);
-        expect(data.pageCount).toEqual(12);
-    });
-});
diff --git a/src/app/components/paginator/paginator.ts b/src/app/components/paginator/paginator.ts
deleted file mode 100644
index 97a7550..0000000
--- a/src/app/components/paginator/paginator.ts
+++ /dev/null
@@ -1,564 +0,0 @@
-import { CommonModule } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Input,
-    NgModule,
-    OnChanges,
-    OnInit,
-    Output,
-    QueryList,
-    SimpleChanges,
-    TemplateRef,
-    ViewEncapsulation,
-    booleanAttribute,
-    numberAttribute
-} from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { Aria, PrimeNGConfig, PrimeTemplate, SelectItem, SharedModule } from 'primeng/api';
-import { DropdownChangeEvent, DropdownModule } from 'primeng/dropdown';
-import { AngleDoubleLeftIcon } from 'primeng/icons/angledoubleleft';
-import { AngleDoubleRightIcon } from 'primeng/icons/angledoubleright';
-import { AngleLeftIcon } from 'primeng/icons/angleleft';
-import { AngleRightIcon } from 'primeng/icons/angleright';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { RippleModule } from 'primeng/ripple';
-import { Nullable } from 'primeng/ts-helpers';
-import { PaginatorState } from './paginator.interface';
-/**
- * Paginator is a generic component to display content in paged format.
- * @group Components
- */
-@Component({
-    selector: 'p-paginator',
-    template: `
-        <div [class]="styleClass" [ngStyle]="style" [ngClass]="'p-paginator p-component'" *ngIf="alwaysShow ? true : pageLinks && pageLinks.length > 1" [attr.data-pc-section]="'paginator'" [attr.data-pc-section]="'root'">
-            <div class="p-paginator-left-content" *ngIf="templateLeft" [attr.data-pc-section]="'start'">
-                <ng-container *ngTemplateOutlet="templateLeft; context: { $implicit: paginatorState }"></ng-container>
-            </div>
-            <span class="p-paginator-current" *ngIf="showCurrentPageReport">{{ currentPageReport }}</span>
-            <button
-                *ngIf="showFirstLastIcon"
-                type="button"
-                [disabled]="isFirstPage() || empty()"
-                (click)="changePageToFirst($event)"
-                pRipple
-                class="p-paginator-first p-paginator-element p-link"
-                [ngClass]="{ 'p-disabled': isFirstPage() || empty() }"
-                [attr.aria-label]="getAriaLabel('firstPageLabel')"
-            >
-                <AngleDoubleLeftIcon *ngIf="!firstPageLinkIconTemplate" [styleClass]="'p-paginator-icon'" />
-                <span class="p-paginator-icon" *ngIf="firstPageLinkIconTemplate">
-                    <ng-template *ngTemplateOutlet="firstPageLinkIconTemplate"></ng-template>
-                </span>
-            </button>
-            <button
-                type="button"
-                [disabled]="isFirstPage() || empty()"
-                (click)="changePageToPrev($event)"
-                pRipple
-                class="p-paginator-prev p-paginator-element p-link"
-                [ngClass]="{ 'p-disabled': isFirstPage() || empty() }"
-                [attr.aria-label]="getAriaLabel('prevPageLabel')"
-            >
-                <AngleLeftIcon *ngIf="!previousPageLinkIconTemplate" [styleClass]="'p-paginator-icon'" />
-                <span class="p-paginator-icon" *ngIf="previousPageLinkIconTemplate">
-                    <ng-template *ngTemplateOutlet="previousPageLinkIconTemplate"></ng-template>
-                </span>
-            </button>
-            <span class="p-paginator-pages" *ngIf="showPageLinks">
-                <button
-                    type="button"
-                    *ngFor="let pageLink of pageLinks"
-                    class="p-paginator-page p-paginator-element p-link"
-                    [ngClass]="{ 'p-highlight': pageLink - 1 == getPage() }"
-                    [attr.aria-label]="getPageAriaLabel(pageLink)"
-                    [attr.aria-current]="pageLink - 1 == getPage() ? 'page' : undefined"
-                    (click)="onPageLinkClick($event, pageLink - 1)"
-                    pRipple
-                >
-                    {{ getLocalization(pageLink) }}
-                </button>
-            </span>
-            <p-dropdown
-                [options]="pageItems"
-                [ngModel]="getPage()"
-                *ngIf="showJumpToPageDropdown"
-                [disabled]="empty()"
-                [attr.aria-label]="getAriaLabel('jumpToPageDropdownLabel')"
-                styleClass="p-paginator-page-options"
-                (onChange)="onPageDropdownChange($event)"
-                [appendTo]="dropdownAppendTo"
-                [scrollHeight]="dropdownScrollHeight"
-            >
-                <ng-template pTemplate="selectedItem">{{ currentPageReport }}</ng-template>
-                <ng-container *ngIf="jumpToPageItemTemplate">
-                    <ng-template let-item pTemplate="item">
-                        <ng-container *ngTemplateOutlet="jumpToPageItemTemplate; context: { $implicit: item }"> </ng-container>
-                    </ng-template>
-                </ng-container>
-                <ng-template pTemplate="dropdownicon" *ngIf="dropdownIconTemplate">
-                    <ng-container *ngTemplateOutlet="dropdownIconTemplate"></ng-container>
-                </ng-template>
-            </p-dropdown>
-            <button
-                type="button"
-                [disabled]="isLastPage() || empty()"
-                (click)="changePageToNext($event)"
-                pRipple
-                class="p-paginator-next p-paginator-element p-link"
-                [ngClass]="{ 'p-disabled': isLastPage() || empty() }"
-                [attr.aria-label]="getAriaLabel('nextPageLabel')"
-            >
-                <AngleRightIcon *ngIf="!nextPageLinkIconTemplate" [styleClass]="'p-paginator-icon'" />
-                <span class="p-paginator-icon" *ngIf="nextPageLinkIconTemplate">
-                    <ng-template *ngTemplateOutlet="nextPageLinkIconTemplate"></ng-template>
-                </span>
-            </button>
-            <button
-                *ngIf="showFirstLastIcon"
-                type="button"
-                [disabled]="isLastPage() || empty()"
-                (click)="changePageToLast($event)"
-                pRipple
-                class="p-paginator-last p-paginator-element p-link"
-                [ngClass]="{ 'p-disabled': isLastPage() || empty() }"
-                [attr.aria-label]="getAriaLabel('lastPageLabel')"
-            >
-                <AngleDoubleRightIcon *ngIf="!lastPageLinkIconTemplate" [styleClass]="'p-paginator-icon'" />
-                <span class="p-paginator-icon" *ngIf="lastPageLinkIconTemplate">
-                    <ng-template *ngTemplateOutlet="lastPageLinkIconTemplate"></ng-template>
-                </span>
-            </button>
-            <p-inputNumber *ngIf="showJumpToPageInput" [ngModel]="currentPage()" class="p-paginator-page-input" [disabled]="empty()" (ngModelChange)="changePage($event - 1)"></p-inputNumber>
-            <p-dropdown
-                [options]="rowsPerPageItems"
-                [(ngModel)]="rows"
-                *ngIf="rowsPerPageOptions"
-                styleClass="p-paginator-rpp-options"
-                [disabled]="empty()"
-                (onChange)="onRppChange($event)"
-                [appendTo]="dropdownAppendTo"
-                [scrollHeight]="dropdownScrollHeight"
-                [ariaLabel]="getAriaLabel('rowsPerPageLabel')"
-            >
-                <ng-container *ngIf="dropdownItemTemplate">
-                    <ng-template let-item pTemplate="item">
-                        <ng-container *ngTemplateOutlet="dropdownItemTemplate; context: { $implicit: item }"> </ng-container>
-                    </ng-template>
-                </ng-container>
-                <ng-template pTemplate="dropdownicon" *ngIf="dropdownIconTemplate">
-                    <ng-container *ngTemplateOutlet="dropdownIconTemplate"></ng-container>
-                </ng-template>
-            </p-dropdown>
-            <div class="p-paginator-right-content" *ngIf="templateRight" [attr.data-pc-section]="'end'">
-                <ng-container *ngTemplateOutlet="templateRight; context: { $implicit: paginatorState }"></ng-container>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./paginator.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Paginator implements OnInit, AfterContentInit, OnChanges {
-    /**
-     * Number of page links to display.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) pageLinkSize: number = 5;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Whether to show it even there is only one page.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) alwaysShow: boolean = true;
-    /**
-     * Target element to attach the dropdown overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    @Input() dropdownAppendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Template instance to inject into the left side of the paginator.
-     * @param {PaginatorState} context - Paginator state.
-     * @group Props
-     */
-    @Input() templateLeft: TemplateRef<PaginatorState> | undefined;
-    /**
-     * Template instance to inject into the right side of the paginator.
-     * @param {PaginatorState} context - Paginator state.
-     * @group Props
-     */
-    @Input() templateRight: TemplateRef<PaginatorState> | undefined;
-    /**
-     * Target element to attach the dropdown overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Dropdown height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value.
-     * @group Props
-     */
-    @Input() dropdownScrollHeight: string = '200px';
-    /**
-     * Template of the current page report element. Available placeholders are {currentPage},{totalPages},{rows},{first},{last} and {totalRecords}
-     * @group Props
-     */
-    @Input() currentPageReportTemplate: string = '{currentPage} of {totalPages}';
-    /**
-     * Whether to display current page report.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showCurrentPageReport: boolean | undefined;
-    /**
-     * When enabled, icons are displayed on paginator to go first and last page.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showFirstLastIcon: boolean = true;
-    /**
-     * Number of total records.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) totalRecords: number = 0;
-    /**
-     * Data count to display per page.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) rows: number = 0;
-    /**
-     * Array of integer/object values to display inside rows per page dropdown. A object that have 'showAll' key can be added to it to show all data. Exp; [10,20,30,{showAll:'All'}]
-     * @group Props
-     */
-    @Input() rowsPerPageOptions: any[] | undefined;
-    /**
-     * Whether to display a dropdown to navigate to any page.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showJumpToPageDropdown: boolean | undefined;
-    /**
-     * Whether to display a input to navigate to any page.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showJumpToPageInput: boolean | undefined;
-    /**
-     * Template instance to inject into the jump to page dropdown item inside in the paginator.
-     * @param {Object} context - item instance.
-     * @group Props
-     */
-    @Input() jumpToPageItemTemplate: TemplateRef<{ $implicit: any }> | undefined;
-    /**
-     * Whether to show page links.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showPageLinks: boolean = true;
-    /**
-     * Locale to be used in formatting.
-     * @group Props
-     */
-    @Input() locale: string | undefined;
-    /**
-     * Template instance to inject into the rows per page dropdown item inside in the paginator.
-     * @param {Object} context - item instance.
-     * @group Props
-     */
-    @Input() dropdownItemTemplate: TemplateRef<{ $implicit: any }> | undefined;
-    /**
-     * Zero-relative number of the first row to be displayed.
-     * @group Props
-     */
-    @Input() get first(): number {
-        return this._first;
-    }
-    set first(val: number) {
-        this._first = val;
-    }
-    /**
-     * Callback to invoke when page changes, the event object contains information about the new state.
-     * @param {PaginatorState} event - Paginator state.
-     * @group Emits
-     */
-    @Output() onPageChange: EventEmitter<PaginatorState> = new EventEmitter<PaginatorState>();
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<any>>;
-
-    dropdownIconTemplate: Nullable<TemplateRef<any>>;
-
-    firstPageLinkIconTemplate: Nullable<TemplateRef<any>>;
-
-    previousPageLinkIconTemplate: Nullable<TemplateRef<any>>;
-
-    lastPageLinkIconTemplate: Nullable<TemplateRef<any>>;
-
-    nextPageLinkIconTemplate: Nullable<TemplateRef<any>>;
-
-    pageLinks: number[] | undefined;
-
-    pageItems: SelectItem[] | undefined;
-
-    rowsPerPageItems: SelectItem[] | undefined;
-
-    paginatorState: any;
-
-    _first: number = 0;
-
-    _page: number = 0;
-
-    constructor(
-        private cd: ChangeDetectorRef,
-        private config: PrimeNGConfig
-    ) {}
-
-    ngOnInit() {
-        this.updatePaginatorState();
-    }
-
-    getAriaLabel(labelType: keyof Aria): string | undefined {
-        return this.config.translation.aria ? this.config.translation.aria[labelType] : undefined;
-    }
-
-    getPageAriaLabel(value: number): string | undefined {
-        return this.config.translation.aria ? this.config.translation.aria.pageLabel.replace(/{page}/g, `${value}`) : undefined;
-    }
-
-    getLocalization(digit: number): string {
-        const numerals = [...new Intl.NumberFormat(this.locale, { useGrouping: false }).format(9876543210)].reverse();
-        const index = new Map(numerals.map((d, i) => [i, d]));
-        if (digit > 9) {
-            const numbers = String(digit).split('');
-            return numbers.map((number) => index.get(Number(number))).join('');
-        } else {
-            return index.get(digit);
-        }
-    }
-
-    ngAfterContentInit(): void {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'dropdownicon':
-                    this.dropdownIconTemplate = item.template;
-                    break;
-
-                case 'firstpagelinkicon':
-                    this.firstPageLinkIconTemplate = item.template;
-                    break;
-
-                case 'previouspagelinkicon':
-                    this.previousPageLinkIconTemplate = item.template;
-                    break;
-
-                case 'lastpagelinkicon':
-                    this.lastPageLinkIconTemplate = item.template;
-                    break;
-
-                case 'nextpagelinkicon':
-                    this.nextPageLinkIconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    ngOnChanges(simpleChange: SimpleChanges): void {
-        if (simpleChange.totalRecords) {
-            this.updatePageLinks();
-            this.updatePaginatorState();
-            this.updateFirst();
-            this.updateRowsPerPageOptions();
-        }
-
-        if (simpleChange.first) {
-            this._first = simpleChange.first.currentValue;
-            this.updatePageLinks();
-            this.updatePaginatorState();
-        }
-
-        if (simpleChange.rows) {
-            this.updatePageLinks();
-            this.updatePaginatorState();
-        }
-
-        if (simpleChange.rowsPerPageOptions) {
-            this.updateRowsPerPageOptions();
-        }
-
-        if (simpleChange.pageLinkSize) {
-            this.updatePageLinks();
-        }
-    }
-
-    updateRowsPerPageOptions(): void {
-        if (this.rowsPerPageOptions) {
-            this.rowsPerPageItems = [];
-            for (let opt of this.rowsPerPageOptions) {
-                if (typeof opt == 'object' && opt['showAll']) {
-                    this.rowsPerPageItems.unshift({ label: opt['showAll'], value: this.totalRecords });
-                } else {
-                    this.rowsPerPageItems.push({ label: String(this.getLocalization(opt)), value: opt });
-                }
-            }
-        }
-    }
-
-    isFirstPage(): boolean {
-        return this.getPage() === 0;
-    }
-
-    isLastPage(): boolean {
-        return this.getPage() === this.getPageCount() - 1;
-    }
-
-    getPageCount(): number {
-        return Math.ceil(this.totalRecords / this.rows);
-    }
-
-    calculatePageLinkBoundaries(): [number, number] {
-        let numberOfPages = this.getPageCount(),
-            visiblePages = Math.min(this.pageLinkSize, numberOfPages);
-
-        //calculate range, keep current in middle if necessary
-        let start = Math.max(0, Math.ceil(this.getPage() - visiblePages / 2)),
-            end = Math.min(numberOfPages - 1, start + visiblePages - 1);
-
-        //check when approaching to last page
-        var delta = this.pageLinkSize - (end - start + 1);
-        start = Math.max(0, start - delta);
-
-        return [start, end];
-    }
-
-    updatePageLinks(): void {
-        this.pageLinks = [];
-        let boundaries = this.calculatePageLinkBoundaries(),
-            start = boundaries[0],
-            end = boundaries[1];
-
-        for (let i = start; i <= end; i++) {
-            this.pageLinks.push(i + 1);
-        }
-
-        if (this.showJumpToPageDropdown) {
-            this.pageItems = [];
-            for (let i = 0; i < this.getPageCount(); i++) {
-                this.pageItems.push({ label: String(i + 1), value: i });
-            }
-        }
-    }
-
-    changePage(p: number): void {
-        var pc = this.getPageCount();
-
-        if (p >= 0 && p < pc) {
-            this._first = this.rows * p;
-            var state = {
-                page: p,
-                first: this.first,
-                rows: this.rows,
-                pageCount: pc
-            };
-            this.updatePageLinks();
-
-            this.onPageChange.emit(state);
-            this.updatePaginatorState();
-        }
-    }
-
-    updateFirst(): void {
-        const page = this.getPage();
-        if (page > 0 && this.totalRecords && this.first >= this.totalRecords) {
-            Promise.resolve(null).then(() => this.changePage(page - 1));
-        }
-    }
-
-    getPage(): number {
-        return Math.floor(this.first / this.rows);
-    }
-
-    changePageToFirst(event: Event): void {
-        if (!this.isFirstPage()) {
-            this.changePage(0);
-        }
-
-        event.preventDefault();
-    }
-
-    changePageToPrev(event: Event): void {
-        this.changePage(this.getPage() - 1);
-        event.preventDefault();
-    }
-
-    changePageToNext(event: Event): void {
-        this.changePage(this.getPage() + 1);
-        event.preventDefault();
-    }
-
-    changePageToLast(event: Event): void {
-        if (!this.isLastPage()) {
-            this.changePage(this.getPageCount() - 1);
-        }
-
-        event.preventDefault();
-    }
-
-    onPageLinkClick(event: Event, page: number): void {
-        this.changePage(page);
-        event.preventDefault();
-    }
-
-    onRppChange(event: Event): void {
-        this.changePage(this.getPage());
-    }
-
-    onPageDropdownChange(event: DropdownChangeEvent): void {
-        this.changePage(event.value);
-    }
-
-    updatePaginatorState(): void {
-        this.paginatorState = {
-            page: this.getPage(),
-            pageCount: this.getPageCount(),
-            rows: this.rows,
-            first: this.first,
-            totalRecords: this.totalRecords
-        };
-    }
-
-    empty(): boolean {
-        return this.getPageCount() === 0;
-    }
-
-    currentPage(): number {
-        return this.getPageCount() > 0 ? this.getPage() + 1 : 0;
-    }
-
-    get currentPageReport(): string {
-        return this.currentPageReportTemplate
-            .replace('{currentPage}', String(this.currentPage()))
-            .replace('{totalPages}', String(this.getPageCount()))
-            .replace('{first}', String(this.totalRecords > 0 ? this._first + 1 : 0))
-            .replace('{last}', String(Math.min(this._first + this.rows, this.totalRecords)))
-            .replace('{rows}', String(this.rows))
-            .replace('{totalRecords}', String(this.totalRecords));
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, DropdownModule, InputNumberModule, FormsModule, SharedModule, RippleModule, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleLeftIcon, AngleRightIcon],
-    exports: [Paginator, DropdownModule, InputNumberModule, FormsModule, SharedModule],
-    declarations: [Paginator]
-})
-export class PaginatorModule {}
diff --git a/src/app/components/paginator/public_api.ts b/src/app/components/paginator/public_api.ts
deleted file mode 100644
index 35f8020..0000000
--- a/src/app/components/paginator/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './paginator';
-export * from './paginator.interface';
diff --git a/src/app/components/panel/ng-package.json b/src/app/components/panel/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/panel/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/panel/panel.css b/src/app/components/panel/panel.css
deleted file mode 100644
index 3bd0f07..0000000
--- a/src/app/components/panel/panel.css
+++ /dev/null
@@ -1,29 +0,0 @@
-@layer primeng {
-    .p-panel-header {
-        display: flex;
-        align-items: center;
-    }
-
-    .p-panel-title {
-        line-height: 1;
-        order: 1;
-    }
-
-    .p-panel-header-icon {
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        cursor: pointer;
-        text-decoration: none;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-panel-toggleable.p-panel-expanded > .p-toggleable-content:not(.ng-animating) {
-        overflow: visible;
-    }
-
-    .p-panel-toggleable .p-toggleable-content {
-        overflow: hidden;
-    }
-}
diff --git a/src/app/components/panel/panel.interface.ts b/src/app/components/panel/panel.interface.ts
deleted file mode 100644
index 8a033c9..0000000
--- a/src/app/components/panel/panel.interface.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { Panel } from './panel';
-/**
- * Custom panel toggle event, emits before panel toggle.
- * @see {@link Panel.onBeforeToggle}
- * @group Events
- */
-export interface PanelBeforeToggleEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Collapsed state of the panel.
-     */
-    collapsed: boolean | undefined;
-}
-/**
- * Custom panel toggle event, emits after panel toggle.
- * @see {@link Panel.onAfterToggle}
- * @extends {PanelBeforeToggleEvent}
- * @group Events
- */
-export interface PanelAfterToggleEvent extends PanelBeforeToggleEvent {}
-/**
- * Defines valid templates in Panel.
- * @group Templates
- */
-export interface PanelTemplates {
-    /**
-     * Custom header template.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom content template.
-     */
-    content(): TemplateRef<any>;
-    /**
-     * Custom footer template.
-     */
-    footer(): TemplateRef<any>;
-    /**
-     * Custom icons template of the panel toggler.
-     * @param {Object} context - header icon data.
-     */
-    headericons(context: {
-        /**
-         * Collapsed state as a boolean
-         */
-        $implicit: boolean;
-    }): TemplateRef<{ $implicit: boolean }>;
-    /**
-     * Custom icons template of the panel header.
-     */
-    icons(): TemplateRef<any>;
-}
diff --git a/src/app/components/panel/panel.spec.ts b/src/app/components/panel/panel.spec.ts
deleted file mode 100644
index 951090a..0000000
--- a/src/app/components/panel/panel.spec.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { ComponentFixture, fakeAsync, flush, TestBed, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Panel } from './panel';
-import { PlusIcon } from 'primeng/icons/plus';
-import { MinusIcon } from 'primeng/icons/minus';
-
-describe('Panel', () => {
-    let panel: Panel;
-    let fixture: ComponentFixture<Panel>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, PlusIcon, MinusIcon],
-            declarations: [Panel]
-        });
-
-        fixture = TestBed.createComponent(Panel);
-        panel = fixture.componentInstance;
-    });
-
-    it('should display the header', () => {
-        panel.header = 'PrimeNG Panel Header';
-        fixture.detectChanges();
-        const headerEl = fixture.debugElement.query(By.css('.p-panel-title'));
-        expect(headerEl.nativeElement.textContent).toContain('PrimeNG Panel Header');
-    });
-
-    it('should not render toggle icon when not toggleable', () => {
-        fixture.detectChanges();
-        const togglerEl = fixture.debugElement.query(By.css('.p-panel-toggler'));
-        expect(togglerEl).toBeNull();
-    });
-
-    it('should render toggle icon when toggleable', () => {
-        panel.toggleable = true;
-        fixture.detectChanges();
-        const togglerEl = fixture.debugElement.query(By.css('.p-panel-toggler'));
-        expect(togglerEl).not.toBeNull();
-    });
-
-    it('should toggle the panel when toggler is clicked', fakeAsync(() => {
-        panel.toggleable = true;
-        fixture.detectChanges();
-        const togglerEl = fixture.nativeElement.querySelector('.p-panel-toggler');
-
-        togglerEl.click();
-        expect(panel.collapsed).toEqual(true);
-
-        tick(500);
-
-        togglerEl.click();
-        expect(panel.collapsed).toEqual(false);
-        flush();
-    }));
-});
diff --git a/src/app/components/panel/panel.ts b/src/app/components/panel/panel.ts
deleted file mode 100644
index 10197ef..0000000
--- a/src/app/components/panel/panel.ts
+++ /dev/null
@@ -1,307 +0,0 @@
-import { animate, state, style, transition, trigger } from '@angular/animations';
-import { CommonModule } from '@angular/common';
-import { AfterContentInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ContentChildren, ElementRef, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation, booleanAttribute } from '@angular/core';
-import { BlockableUI, Footer, PrimeTemplate, SharedModule } from 'primeng/api';
-import { MinusIcon } from 'primeng/icons/minus';
-import { PlusIcon } from 'primeng/icons/plus';
-import { RippleModule } from 'primeng/ripple';
-import { Nullable } from 'primeng/ts-helpers';
-import { UniqueComponentId } from 'primeng/utils';
-import { PanelAfterToggleEvent, PanelBeforeToggleEvent } from './panel.interface';
-
-/**
- * Panel is a container with the optional content toggle feature.
- * @group Components
- */
-@Component({
-    selector: 'p-panel',
-    template: `
-        <div [attr.id]="id" [attr.data-pc-name]="'panel'" [ngClass]="{ 'p-panel p-component': true, 'p-panel-toggleable': toggleable, 'p-panel-expanded': !collapsed && toggleable }" [ngStyle]="style" [class]="styleClass">
-            <div class="p-panel-header" *ngIf="showHeader" (click)="onHeaderClick($event)" [attr.id]="id + '-titlebar'">
-                <span class="p-panel-title" *ngIf="header" [attr.id]="id + '_header'">{{ header }}</span>
-                <ng-content select="p-header"></ng-content>
-                <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-                <div class="p-panel-icons" [ngClass]="{ 'p-panel-icons-start': iconPos === 'start', 'p-panel-icons-end': iconPos === 'end', 'p-panel-icons-center': iconPos === 'center' }">
-                    <ng-template *ngTemplateOutlet="iconTemplate"></ng-template>
-                    <button
-                        *ngIf="toggleable"
-                        [attr.id]="id + '_header'"
-                        pRipple
-                        type="button"
-                        role="button"
-                        class="p-panel-header-icon p-panel-toggler p-link"
-                        [attr.aria-label]="buttonAriaLabel"
-                        [attr.aria-controls]="id + '_content'"
-                        [attr.aria-expanded]="!collapsed"
-                        (click)="onIconClick($event)"
-                        (keydown)="onKeyDown($event)"
-                    >
-                        <ng-container *ngIf="!headerIconTemplate">
-                            <ng-container *ngIf="!collapsed">
-                                <span *ngIf="expandIcon" [class]="expandIcon" [ngClass]="iconClass"></span>
-                                <MinusIcon *ngIf="!expandIcon" [styleClass]="iconClass" />
-                            </ng-container>
-
-                            <ng-container *ngIf="collapsed">
-                                <span *ngIf="collapseIcon" [class]="collapseIcon" [ngClass]="iconClass"></span>
-                                <PlusIcon *ngIf="!collapseIcon" [styleClass]="iconClass" />
-                            </ng-container>
-                        </ng-container>
-
-                        <ng-template *ngTemplateOutlet="headerIconTemplate; context: { $implicit: collapsed }"></ng-template>
-                    </button>
-                </div>
-            </div>
-            <div
-                class="p-toggleable-content"
-                [id]="id + '_content'"
-                role="region"
-                [attr.aria-labelledby]="id + '_header'"
-                [attr.aria-hidden]="collapsed"
-                [attr.tabindex]="collapsed ? '-1' : undefined"
-                [@panelContent]="
-                    collapsed
-                        ? { value: 'hidden', params: { transitionParams: animating ? transitionOptions : '0ms', height: '0', opacity: '0' } }
-                        : { value: 'visible', params: { transitionParams: animating ? transitionOptions : '0ms', height: '*', opacity: '1' } }
-                "
-                (@panelContent.done)="onToggleDone($event)"
-            >
-                <div class="p-panel-content">
-                    <ng-content></ng-content>
-                    <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
-                </div>
-
-                <div class="p-panel-footer" *ngIf="footerFacet || footerTemplate">
-                    <ng-content select="p-footer"></ng-content>
-                    <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
-                </div>
-            </div>
-        </div>
-    `,
-    animations: [
-        trigger('panelContent', [
-            state(
-                'hidden',
-                style({
-                    height: '0'
-                })
-            ),
-            state(
-                'void',
-                style({
-                    height: '{{height}}'
-                }),
-                { params: { height: '0' } }
-            ),
-            state(
-                'visible',
-                style({
-                    height: '*'
-                })
-            ),
-            transition('visible <=> hidden', [animate('{{transitionParams}}')]),
-            transition('void => hidden', animate('{{transitionParams}}')),
-            transition('void => visible', animate('{{transitionParams}}'))
-        ])
-    ],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./panel.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Panel implements AfterContentInit, BlockableUI {
-    /**
-     * Defines if content of panel can be expanded and collapsed.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) toggleable: boolean | undefined;
-    /**
-     * Header text of the panel.
-     * @group Props
-     */
-    @Input() header: string | undefined;
-    /**
-     * Defines the initial state of panel content, supports one or two-way binding as well.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) collapsed: boolean | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Position of the icons.
-     * @group Props
-     */
-    @Input() iconPos: 'start' | 'end' | 'center' = 'end';
-    /**
-     * Expand icon of the toggle button.
-     * @group Props
-     * @deprecated since v15.4.2, use `headericons` template instead.
-     */
-    @Input() expandIcon: string | undefined;
-    /**
-     * Collapse icon of the toggle button.
-     * @group Props
-     * @deprecated since v15.4.2, use `headericons` template instead.
-     */
-    @Input() collapseIcon: string | undefined;
-    /**
-     * Specifies if header of panel cannot be displayed.
-     * @group Props
-     * @deprecated since v15.4.2, use `headericons` template instead.
-     */
-    @Input({ transform: booleanAttribute }) showHeader: boolean = true;
-    /**
-     * Specifies the toggler element to toggle the panel content.
-     * @group Props
-     */
-    @Input() toggler: 'icon' | 'header' = 'icon';
-    /**
-     * Transition options of the animation.
-     * @group Props
-     */
-    @Input() transitionOptions: string = '400ms cubic-bezier(0.86, 0, 0.07, 1)';
-    /**
-     * Emitted when the collapsed changes.
-     * @param {boolean} value - New Value.
-     * @group Emits
-     */
-    @Output() collapsedChange: EventEmitter<boolean> = new EventEmitter<boolean>();
-    /**
-     * Callback to invoke before panel toggle.
-     * @param {PanelBeforeToggleEvent} event - Custom panel toggle event
-     * @group Emits
-     */
-    @Output() onBeforeToggle: EventEmitter<PanelBeforeToggleEvent> = new EventEmitter<PanelBeforeToggleEvent>();
-    /**
-     * Callback to invoke after panel toggle.
-     * @param {PanelAfterToggleEvent} event - Custom panel toggle event
-     * @group Emits
-     */
-    @Output() onAfterToggle: EventEmitter<PanelAfterToggleEvent> = new EventEmitter<PanelAfterToggleEvent>();
-
-    @ContentChild(Footer) footerFacet: Nullable<TemplateRef<any>>;
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-
-    public iconTemplate: Nullable<TemplateRef<any>>;
-
-    animating: Nullable<boolean>;
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    contentTemplate: Nullable<TemplateRef<any>>;
-
-    footerTemplate: Nullable<TemplateRef<any>>;
-
-    headerIconTemplate: Nullable<TemplateRef<any>>;
-
-    readonly id = UniqueComponentId();
-
-    get buttonAriaLabel() {
-        return this.header;
-    }
-
-    constructor(private el: ElementRef, private cd: ChangeDetectorRef) {}
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                case 'icons':
-                    this.iconTemplate = item.template;
-                    break;
-
-                case 'headericons':
-                    this.headerIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.contentTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    onHeaderClick(event: MouseEvent) {
-        if (this.toggler === 'header') {
-            this.toggle(event);
-        }
-    }
-
-    onIconClick(event: MouseEvent) {
-        if (this.toggler === 'icon') {
-            this.toggle(event);
-        }
-    }
-
-    toggle(event: MouseEvent) {
-        if (this.animating) {
-            return false;
-        }
-
-        this.animating = true;
-        this.onBeforeToggle.emit({ originalEvent: event, collapsed: this.collapsed });
-
-        if (this.toggleable) {
-            if (this.collapsed) this.expand();
-            else this.collapse();
-        }
-
-        this.cd.markForCheck();
-        event.preventDefault();
-    }
-
-    expand() {
-        this.collapsed = false;
-        this.collapsedChange.emit(this.collapsed);
-    }
-
-    collapse() {
-        this.collapsed = true;
-        this.collapsedChange.emit(this.collapsed);
-    }
-
-    getBlockableElement(): HTMLElement {
-        return this.el.nativeElement.children[0];
-    }
-
-    onKeyDown(event) {
-        if (event.code === 'Enter' || event.code === 'Space') {
-            this.toggle(event);
-            event.preventDefault();
-        }
-    }
-
-    onToggleDone(event: Event) {
-        this.animating = false;
-        this.onAfterToggle.emit({ originalEvent: event, collapsed: this.collapsed });
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, RippleModule, PlusIcon, MinusIcon],
-    exports: [Panel, SharedModule],
-    declarations: [Panel]
-})
-export class PanelModule {}
diff --git a/src/app/components/panel/public_api.ts b/src/app/components/panel/public_api.ts
deleted file mode 100644
index 38e31e3..0000000
--- a/src/app/components/panel/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './panel';
-export * from './panel.interface';
diff --git a/src/app/components/panelmenu/ng-package.json b/src/app/components/panelmenu/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/panelmenu/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/panelmenu/panelmenu.css b/src/app/components/panelmenu/panelmenu.css
deleted file mode 100644
index 0ae30e0..0000000
--- a/src/app/components/panelmenu/panelmenu.css
+++ /dev/null
@@ -1,45 +0,0 @@
-@layer primeng {
-    .p-panelmenu .p-panelmenu-header-action {
-        display: flex;
-        align-items: center;
-        user-select: none;
-        cursor: pointer;
-        position: relative;
-        text-decoration: none;
-    }
-
-    .p-panelmenu .p-panelmenu-header-action:focus {
-        z-index: 1;
-    }
-
-    .p-panelmenu .p-submenu-list {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-    }
-
-    .p-panelmenu .p-menuitem-link {
-        display: flex;
-        align-items: center;
-        user-select: none;
-        cursor: pointer;
-        text-decoration: none;
-        position: relative;
-        overflow: hidden;
-        outline: none;
-    }
-
-    .p-panelmenu .p-menuitem-text {
-        line-height: 1;
-    }
-
-    .p-panelmenu-expanded.p-toggleable-content:not(.ng-animating),
-    .p-panelmenu .p-submenu-expanded:not(.ng-animating) {
-        overflow: visible;
-    }
-
-    .p-panelmenu .p-toggleable-content,
-    .p-panelmenu .p-submenu-list {
-        overflow: hidden;
-    }
-}
diff --git a/src/app/components/panelmenu/panelmenu.interface.ts b/src/app/components/panelmenu/panelmenu.interface.ts
deleted file mode 100644
index c34845b..0000000
--- a/src/app/components/panelmenu/panelmenu.interface.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-
-/**
- * Defines valid templates in PanelMenu.
- * @group Templates
- */
-export interface PanelMenuTemplates {
-    /**
-     * Custom item template.
-     */
-    item(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: MenuItem;
-    }): TemplateRef<{ $implicit: MenuItem }>;
-    /**
-     * Custom template of submenuicon.
-     */
-    submenuicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/panelmenu/panelmenu.spec.ts b/src/app/components/panelmenu/panelmenu.spec.ts
deleted file mode 100644
index c0c8a52..0000000
--- a/src/app/components/panelmenu/panelmenu.spec.ts
+++ /dev/null
@@ -1,317 +0,0 @@
-import { TestBed, ComponentFixture, fakeAsync, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { PanelMenu, PanelMenuSub } from './panelmenu';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
-import { PanelModule } from '../panel/panel';
-
-describe('PanelMenu', () => {
-    let panelmenu: PanelMenu;
-    let fixture: ComponentFixture<PanelMenu>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, RouterTestingModule, PanelModule]
-        });
-
-        fixture = TestBed.createComponent(PanelMenu);
-        panelmenu = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const panelMenuEl = fixture.debugElement.query(By.css('.p-panelmenu'));
-        expect(panelMenuEl).toBeTruthy();
-    });
-
-    it('should change style and styleClass', () => {
-        panelmenu.style = { height: '300px' };
-        panelmenu.styleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const panelMenuEl = fixture.debugElement.query(By.css('.p-panelmenu'));
-        expect(panelMenuEl.nativeElement.className).toContain('Primeng ROCKS!');
-        expect(panelMenuEl.nativeElement.style.height).toContain('300px');
-    });
-
-    it('should change item visible ', () => {
-        panelmenu.model = [
-            {
-                label: 'File',
-                icon: 'pi pi-pw pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        items: [
-                            { label: 'User', icon: 'pi pi-fw pi-user-plus' },
-                            { label: 'Filter', icon: 'pi pi-fw pi-filter' }
-                        ]
-                    },
-                    { label: 'Open', icon: 'pi pi-fw pi-external-link' },
-                    { separator: true },
-                    { label: 'Quit', icon: 'pi pi-fw pi-times' }
-                ],
-                visible: false
-            }
-        ];
-        fixture.detectChanges();
-
-        const panelEl = fixture.debugElement.query(By.css('.p-panelmenu-panel'));
-        expect(panelEl).toBeFalsy();
-    });
-
-    it('should change item style styleClass and disable ', () => {
-        panelmenu.model = [
-            {
-                label: 'File',
-                icon: 'pi pi-pw pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        items: [
-                            { label: 'User', icon: 'pi pi-fw pi-user-plus' },
-                            { label: 'Filter', icon: 'pi pi-fw pi-filter' }
-                        ]
-                    },
-                    { label: 'Open', icon: 'pi pi-fw pi-external-link' },
-                    { separator: true },
-                    { label: 'Quit', icon: 'pi pi-fw pi-times' }
-                ],
-                style: { height: '300px' },
-                styleClass: 'Primeng ROCKS!',
-                disabled: true
-            }
-        ];
-        fixture.detectChanges();
-
-        const panelHeaderEl = fixture.debugElement.query(By.css('.p-panelmenu-header'));
-        expect(panelHeaderEl.nativeElement.className).toContain('p-disabled');
-        expect(panelHeaderEl.nativeElement.className).toContain('Primeng ROCKS!');
-        expect(panelHeaderEl.nativeElement.style.height).toContain('300px');
-    });
-
-    it('should change item url target item and title', () => {
-        panelmenu.model = [
-            {
-                label: 'File',
-                icon: 'Primeng ROCKS!',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        items: [
-                            { label: 'User', icon: 'pi pi-fw pi-user-plus' },
-                            { label: 'Filter', icon: 'pi pi-fw pi-filter' }
-                        ]
-                    },
-                    { label: 'Open', icon: 'pi pi-fw pi-external-link' },
-                    { separator: true },
-                    { label: 'Quit', icon: 'pi pi-fw pi-times' }
-                ],
-                title: 'primeng',
-                target: 'primeng',
-                url: 'primeng'
-            }
-        ];
-        fixture.detectChanges();
-
-        const panelHeaderLinkEl = fixture.debugElement.query(By.css('.p-panelmenu-header-action'));
-        expect(panelHeaderLinkEl.nativeElement.href).toContain('primeng');
-        expect(panelHeaderLinkEl.nativeElement.title).toEqual('primeng');
-        expect(panelHeaderLinkEl.nativeElement.target).toEqual('primeng');
-        expect(panelHeaderLinkEl.query(By.css('.p-menuitem-icon')).nativeElement.className).toContain('Primeng ROCKS!');
-    });
-
-    it('should change child visible ', () => {
-        panelmenu.model = [
-            {
-                label: 'File',
-                icon: 'pi pi-pw pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        visible: false
-                    },
-                    { label: 'Open', icon: 'pi pi-fw pi-external-link', visible: false },
-                    { separator: true, visible: false },
-                    { label: 'Quit', icon: 'pi pi-fw pi-times', visible: false }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const menuItems = fixture.debugElement.queryAll(By.css('.p-menuitem'));
-        for (let menuItem of menuItems) expect(menuItem.nativeElement.className).toContain('p-hidden');
-    });
-
-    it('should change child style and styleClass', () => {
-        panelmenu.model = [
-            {
-                label: 'File',
-                icon: 'pi pi-pw pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        style: { height: '300px' },
-                        styleClass: 'Primeng ROCKS!'
-                    },
-                    { label: 'Open', icon: 'pi pi-fw pi-external-link', style: { height: '300px' }, styleClass: 'Primeng ROCKS!' },
-                    { separator: true },
-                    { label: 'Quit', icon: 'pi pi-fw pi-times', style: { height: '300px' }, styleClass: 'Primeng ROCKS!' }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const menuItemLinks = fixture.debugElement.queryAll(By.css('.p-menuitem'));
-        for (let menuItemLink of menuItemLinks) {
-            expect(menuItemLink.nativeElement.className).toContain('Primeng ROCKS!');
-            expect(menuItemLink.nativeElement.style.height).toContain('300px');
-        }
-    });
-
-    it('should change child url target icon disabled and label', () => {
-        panelmenu.model = [
-            {
-                label: 'File',
-                icon: 'Primeng ROCKS!',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'Primeng ROCKS!',
-                        title: 'primeng',
-                        target: 'primeng',
-                        url: 'primeng',
-                        disabled: true
-                    },
-                    {
-                        label: 'Open',
-                        icon: 'Primeng ROCKS!',
-                        title: 'primeng',
-                        target: 'primeng',
-                        url: 'primeng',
-                        disabled: true
-                    },
-                    {
-                        label: 'Quit',
-                        icon: 'Primeng ROCKS!',
-                        title: 'primeng',
-                        target: 'primeng',
-                        url: 'primeng',
-                        disabled: true
-                    }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const panelHeaderLinkEl = fixture.debugElement.query(By.css('.p-menuitem-link'));
-        expect(panelHeaderLinkEl.nativeElement.href).toContain('primeng');
-        expect(panelHeaderLinkEl.nativeElement.target).toEqual('primeng');
-        expect(panelHeaderLinkEl.nativeElement.disabled).toBeTruthy;
-        expect(panelHeaderLinkEl.query(By.css('.p-menuitem-icon')).nativeElement.className).toContain('Primeng ROCKS!');
-        expect(panelHeaderLinkEl.nativeElement.innerHTML).toContain('New');
-    });
-
-    it('should show items and call toggle', () => {
-        panelmenu.model = [
-            {
-                label: 'File',
-                icon: 'pi pi-pw pi-file',
-                items: [{ label: 'Open', icon: 'pi pi-fw pi-external-link' }, { separator: true }, { label: 'Quit', icon: 'pi pi-fw pi-times' }]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-pw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const handleClickSpy = spyOn(panelmenu, 'onHeaderClick').and.callThrough();
-        const headerLinks = fixture.debugElement.queryAll(By.css('.p-panelmenu-header-action'));
-        expect(headerLinks.length).toEqual(2);
-        headerLinks[0].nativeElement.click();
-        fixture.detectChanges();
-
-        const icon = fixture.debugElement.query(By.css('.p-icon'));
-        expect(handleClickSpy).toHaveBeenCalled();
-        expect(panelmenu.animating).toEqual(true);
-        expect(panelmenu.model[0].expanded).toEqual(true);
-        expect(icon.nativeElement.tagName.toLowerCase()).toContain('svg');
-    });
-
-    it('should select multiple', () => {
-        panelmenu.model = [
-            {
-                label: 'File',
-                icon: 'pi pi-pw pi-file',
-                items: [{ label: 'Open', icon: 'pi pi-fw pi-external-link' }, { separator: true }, { label: 'Quit', icon: 'pi pi-fw pi-times' }]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-pw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ]
-            }
-        ];
-        panelmenu.multiple = true;
-        fixture.detectChanges();
-
-        const headerLinks = fixture.debugElement.queryAll(By.css('.p-panelmenu-header-content'));
-        headerLinks[0].nativeElement.click();
-        headerLinks[1].nativeElement.click();
-        fixture.detectChanges();
-
-        const activeEls = fixture.debugElement.queryAll(By.css('.p-highlight'));
-        expect(activeEls.length).toEqual(2);
-        let x = 0;
-        for (let activeEl of activeEls) {
-            expect(activeEl.query(By.css('.p-menuitem-text')).nativeElement.textContent).toEqual(panelmenu.model[x].label);
-            x++;
-        }
-        expect(panelmenu.model[0].expanded).toEqual(true);
-        expect(panelmenu.model[1].expanded).toEqual(true);
-    });
-
-    it('should not select multiple', () => {
-        panelmenu.model = [
-            {
-                label: 'File',
-                icon: 'pi pi-pw pi-file',
-                items: [{ label: 'Open', icon: 'pi pi-fw pi-external-link' }, { separator: true }, { label: 'Quit', icon: 'pi pi-fw pi-times' }]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-pw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ]
-            }
-        ];
-        panelmenu.multiple = false;
-        fixture.detectChanges();
-
-        const headerLinks = fixture.debugElement.queryAll(By.css('.p-panelmenu-header-content'));
-        headerLinks[0].nativeElement.click();
-        headerLinks[1].nativeElement.click();
-        fixture.detectChanges();
-
-        const activeEls = fixture.debugElement.queryAll(By.css('.p-highlight'));
-        expect(activeEls.length).toEqual(1);
-        expect(activeEls[0].query(By.css('.p-menuitem-text')).nativeElement.textContent).toEqual(panelmenu.model[1].label);
-        expect(panelmenu.model[0].expanded).toEqual(false);
-        expect(panelmenu.model[1].expanded).toEqual(true);
-    });
-});
diff --git a/src/app/components/panelmenu/panelmenu.ts b/src/app/components/panelmenu/panelmenu.ts
deleted file mode 100644
index b926499..0000000
--- a/src/app/components/panelmenu/panelmenu.ts
+++ /dev/null
@@ -1,1120 +0,0 @@
-import { animate, state, style, transition, trigger } from '@angular/animations';
-import { CommonModule } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    OnChanges,
-    Output,
-    QueryList,
-    SimpleChanges,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    computed,
-    forwardRef,
-    numberAttribute,
-    signal
-} from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { MenuItem, PrimeTemplate, SharedModule } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { AngleDownIcon } from 'primeng/icons/angledown';
-import { AngleRightIcon } from 'primeng/icons/angleright';
-import { ChevronDownIcon } from 'primeng/icons/chevrondown';
-import { ChevronRightIcon } from 'primeng/icons/chevronright';
-import { TooltipModule } from 'primeng/tooltip';
-import { ObjectUtils, UniqueComponentId } from 'primeng/utils';
-
-@Component({
-    selector: 'p-panelMenuSub',
-    template: `
-        <ul
-            #list
-            [ngClass]="{ 'p-submenu-list': true, 'p-panelmenu-root-list': root }"
-            role="tree"
-            [tabindex]="-1"
-            [attr.aria-activedescendant]="focusedItemId"
-            [attr.data-pc-section]="'menu'"
-            [attr.aria-hidden]="!parentExpanded"
-            (focusin)="menuFocus.emit($event)"
-            (focusout)="menuBlur.emit($event)"
-            (keydown)="menuKeyDown.emit($event)"
-        >
-            <ng-template ngFor let-processedItem let-index="index" [ngForOf]="items">
-                <li *ngIf="processedItem.separator" class="p-menuitem-separator" role="separator"></li>
-                <li
-                    *ngIf="!processedItem.separator && isItemVisible(processedItem)"
-                    [ngClass]="getItemClass(processedItem)"
-                    role="treeitem"
-                    [attr.id]="getItemId(processedItem)"
-                    [attr.aria-label]="getItemProp(processedItem, 'label')"
-                    [attr.aria-expanded]="isItemGroup(processedItem) ? isItemActive(processedItem) : undefined"
-                    [attr.aria-level]="level + 1"
-                    [attr.aria-setsize]="getAriaSetSize()"
-                    [attr.aria-posinset]="getAriaPosInset(index)"
-                    [class]="getItemProp(processedItem, 'styleClass')"
-                    [class.p-hidden]="processedItem.visible === false"
-                    [class.p-focus]="isItemFocused(processedItem) && !isItemDisabled(processedItem)"
-                    [ngStyle]="getItemProp(processedItem, 'style')"
-                    [pTooltip]="getItemProp(processedItem, 'tooltip')"
-                    [attr.data-p-disabled]="isItemDisabled(processedItem)"
-                    [tooltipOptions]="getItemProp(processedItem, 'tooltipOptions')"
-                >
-                    <div class="p-menuitem-content" (click)="onItemClick($event, processedItem)">
-                        <ng-container *ngIf="!itemTemplate">
-                            <a
-                                *ngIf="!getItemProp(processedItem, 'routerLink')"
-                                [attr.href]="getItemProp(processedItem, 'url')"
-                                class="p-menuitem-link"
-                                [ngClass]="{ 'p-disabled': getItemProp(processedItem, 'disabled') }"
-                                [target]="getItemProp(processedItem, 'target')"
-                                [attr.data-pc-section]="'action'"
-                                [attr.tabindex]="!!parentExpanded ? '0' : '-1'"
-                            >
-                                <ng-container *ngIf="isItemGroup(processedItem)">
-                                    <ng-container *ngIf="!panelMenu.submenuIconTemplate">
-                                        <AngleDownIcon [styleClass]="'p-submenu-icon'" *ngIf="isItemActive(processedItem)" [ngStyle]="getItemProp(processedItem, 'iconStyle')" />
-                                        <AngleRightIcon [styleClass]="'p-submenu-icon'" *ngIf="!isItemActive(processedItem)" [ngStyle]="getItemProp(processedItem, 'iconStyle')" />
-                                    </ng-container>
-                                    <ng-template *ngTemplateOutlet="panelMenu.submenuIconTemplate"></ng-template>
-                                </ng-container>
-                                <span class="p-menuitem-icon" [ngClass]="processedItem.icon" *ngIf="processedItem.icon" [ngStyle]="getItemProp(processedItem, 'iconStyle')"></span>
-                                <span class="p-menuitem-text" *ngIf="processedItem.item?.escape !== false; else htmlLabel">{{ getItemProp(processedItem, 'label') }}</span>
-                                <ng-template #htmlLabel><span class="p-menuitem-text" [innerHTML]="getItemProp(processedItem, 'label')"></span></ng-template>
-                                <span class="p-menuitem-badge" *ngIf="processedItem.badge" [ngClass]="processedItem.badgeStyleClass">{{ processedItem.badge }}</span>
-                            </a>
-                            <a
-                                *ngIf="getItemProp(processedItem, 'routerLink')"
-                                [routerLink]="getItemProp(processedItem, 'routerLink')"
-                                [queryParams]="getItemProp(processedItem, 'queryParams')"
-                                [routerLinkActive]="'p-menuitem-link-active'"
-                                [routerLinkActiveOptions]="getItemProp(processedItem, 'routerLinkActiveOptions') || { exact: false }"
-                                class="p-menuitem-link"
-                                [ngClass]="{ 'p-disabled': getItemProp(processedItem, 'disabled') }"
-                                [target]="getItemProp(processedItem, 'target')"
-                                [attr.title]="getItemProp(processedItem, 'title')"
-                                [fragment]="getItemProp(processedItem, 'fragment')"
-                                [queryParamsHandling]="getItemProp(processedItem, 'queryParamsHandling')"
-                                [preserveFragment]="getItemProp(processedItem, 'preserveFragment')"
-                                [skipLocationChange]="getItemProp(processedItem, 'skipLocationChange')"
-                                [replaceUrl]="getItemProp(processedItem, 'replaceUrl')"
-                                [state]="getItemProp(processedItem, 'state')"
-                                [attr.data-pc-section]="'action'"
-                                [attr.tabindex]="!!parentExpanded ? '0' : '-1'"
-                            >
-                                <ng-container *ngIf="isItemGroup(processedItem)">
-                                    <ng-container *ngIf="!panelMenu.submenuIconTemplate">
-                                        <AngleDownIcon *ngIf="isItemActive(processedItem)" [styleClass]="'p-submenu-icon'" [ngStyle]="getItemProp(processedItem, 'iconStyle')" />
-                                        <AngleRightIcon *ngIf="!isItemActive(processedItem)" [styleClass]="'p-submenu-icon'" [ngStyle]="getItemProp(processedItem, 'iconStyle')" />
-                                    </ng-container>
-                                    <ng-template *ngTemplateOutlet="panelMenu.submenuIconTemplate"></ng-template>
-                                </ng-container>
-                                <span class="p-menuitem-icon" [ngClass]="processedItem.icon" *ngIf="processedItem.icon" [ngStyle]="getItemProp(processedItem, 'iconStyle')"></span>
-                                <span class="p-menuitem-text" *ngIf="getItemProp(processedItem, 'escape') !== false; else htmlRouteLabel">{{ getItemProp(processedItem, 'label') }}</span>
-                                <ng-template #htmlRouteLabel><span class="p-menuitem-text" [innerHTML]="getItemProp(processedItem, 'label')"></span></ng-template>
-                                <span class="p-menuitem-badge" *ngIf="processedItem.badge" [ngClass]="getItemProp(processedItem, 'badgeStyleClass')">{{ getItemProp(processedItem, 'badge') }}</span>
-                            </a>
-                        </ng-container>
-                        <ng-container *ngIf="itemTemplate">
-                            <ng-template *ngTemplateOutlet="itemTemplate; context: { $implicit: processedItem.item }"></ng-template>
-                        </ng-container>
-                    </div>
-                    <div class="p-toggleable-content" [@submenu]="getAnimation(processedItem)">
-                        <p-panelMenuSub
-                            *ngIf="isItemVisible(processedItem) && isItemGroup(processedItem) && isItemExpanded(processedItem)"
-                            [id]="getItemId(processedItem) + '_list'"
-                            [panelId]="panelId"
-                            [items]="processedItem?.items"
-                            [itemTemplate]="itemTemplate"
-                            [transitionOptions]="transitionOptions"
-                            [focusedItemId]="focusedItemId"
-                            [activeItemPath]="activeItemPath"
-                            [level]="level + 1"
-                            [parentExpanded]="!!parentExpanded && isItemExpanded(processedItem)"
-                            (itemToggle)="onItemToggle($event)"
-                        ></p-panelMenuSub>
-                    </div>
-                </li>
-            </ng-template>
-        </ul>
-    `,
-    animations: [
-        trigger('submenu', [
-            state(
-                'hidden',
-                style({
-                    height: '0'
-                })
-            ),
-            state(
-                'visible',
-                style({
-                    height: '*'
-                })
-            ),
-            transition('visible <=> hidden', [animate('{{transitionParams}}')]),
-            transition('void => *', animate(0))
-        ])
-    ],
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class PanelMenuSub {
-    @Input() panelId: string | undefined;
-
-    @Input() focusedItemId: string | undefined;
-
-    @Input() items: any[];
-
-    @Input() itemTemplate: HTMLElement | undefined;
-
-    @Input({ transform: numberAttribute }) level: number = 0;
-
-    @Input() activeItemPath: any[];
-
-    @Input({ transform: booleanAttribute }) root: boolean | undefined;
-
-    @Input({ transform: numberAttribute }) tabindex: number | undefined;
-
-    @Input() transitionOptions: string | undefined;
-
-    @Input({ transform: booleanAttribute }) parentExpanded: boolean | undefined;
-
-    @Output() itemToggle: EventEmitter<any> = new EventEmitter<any>();
-
-    @Output() menuFocus: EventEmitter<any> = new EventEmitter<any>();
-
-    @Output() menuBlur: EventEmitter<any> = new EventEmitter<any>();
-
-    @Output() menuKeyDown: EventEmitter<any> = new EventEmitter<any>();
-
-    @ViewChild('list') listViewChild: ElementRef;
-
-    constructor(
-        @Inject(forwardRef(() => PanelMenu)) public panelMenu: PanelMenu,
-        public el: ElementRef
-    ) {}
-
-    getItemId(processedItem) {
-        return processedItem.item?.id ?? `${this.panelId}_${processedItem.key}`;
-    }
-
-    getItemKey(processedItem) {
-        return this.getItemId(processedItem);
-    }
-
-    getItemClass(processedItem) {
-        return {
-            'p-menuitem': true,
-            'p-disabled': this.isItemDisabled(processedItem)
-        };
-    }
-
-    getItemProp(processedItem, name?, params?) {
-        return processedItem && processedItem.item ? ObjectUtils.getItemValue(processedItem.item[name], params) : undefined;
-    }
-
-    getItemLabel(processedItem) {
-        return this.getItemProp(processedItem, 'label');
-    }
-
-    isItemExpanded(processedItem) {
-        return processedItem.expanded;
-    }
-
-    isItemActive(processedItem) {
-        return this.isItemExpanded(processedItem) || this.activeItemPath.some((path) => path && path.key === processedItem.key);
-    }
-
-    isItemVisible(processedItem) {
-        return this.getItemProp(processedItem, 'visible') !== false;
-    }
-
-    isItemDisabled(processedItem) {
-        return this.getItemProp(processedItem, 'disabled');
-    }
-
-    isItemFocused(processedItem) {
-        return this.focusedItemId === this.getItemId(processedItem);
-    }
-
-    isItemGroup(processedItem) {
-        return ObjectUtils.isNotEmpty(processedItem.items);
-    }
-
-    getAnimation(processedItem) {
-        return this.isItemActive(processedItem) ? { value: 'visible', params: { transitionParams: this.transitionOptions, height: '*' } } : { value: 'hidden', params: { transitionParams: this.transitionOptions, height: '0' } };
-    }
-
-    getAriaSetSize() {
-        return this.items.filter((processedItem) => this.isItemVisible(processedItem) && !this.getItemProp(processedItem, 'separator')).length;
-    }
-
-    getAriaPosInset(index) {
-        return index - this.items.slice(0, index).filter((processedItem) => this.isItemVisible(processedItem) && this.getItemProp(processedItem, 'separator')).length + 1;
-    }
-
-    onItemClick(event, processedItem) {
-        if (!this.isItemDisabled(processedItem)) {
-            this.getItemProp(processedItem, 'command', { originalEvent: event, item: processedItem.item });
-            this.itemToggle.emit({ processedItem, expanded: !this.isItemActive(processedItem) });
-        }
-    }
-
-    onItemToggle(event) {
-        this.itemToggle.emit(event);
-    }
-}
-
-@Component({
-    selector: 'p-panelMenuList',
-    template: `
-        <p-panelMenuSub
-            #submenu
-            [root]="true"
-            [id]="panelId + '_list'"
-            [panelId]="panelId"
-            [tabindex]="tabindex"
-            [itemTemplate]="itemTemplate"
-            [focusedItemId]="focused ? focusedItemId : undefined"
-            [activeItemPath]="activeItemPath()"
-            [transitionOptions]="transitionOptions"
-            [items]="processedItems()"
-            [parentExpanded]="parentExpanded"
-            (itemToggle)="onItemToggle($event)"
-            (keydown)="onKeyDown($event)"
-            (menuFocus)="onFocus($event)"
-            (menuBlur)="onBlur($event)"
-        ></p-panelMenuSub>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./panelmenu.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class PanelMenuList implements OnChanges {
-    @Input() panelId: string | undefined;
-
-    @Input() id: string | undefined;
-
-    @Input() items: any[];
-
-    @Input() itemTemplate: HTMLElement | undefined;
-
-    @Input({ transform: booleanAttribute }) parentExpanded: boolean | undefined;
-
-    @Input({ transform: booleanAttribute }) expanded: boolean | undefined;
-
-    @Input() transitionOptions: string | undefined;
-
-    @Input({ transform: booleanAttribute }) root: boolean | undefined;
-
-    @Input({ transform: numberAttribute }) tabindex: number | undefined;
-
-    @Input() activeItem: any;
-
-    @Output() itemToggle: EventEmitter<any> = new EventEmitter<any>();
-
-    @Output() headerFocus: EventEmitter<any> = new EventEmitter<any>();
-
-    @ViewChild('submenu') subMenuViewChild: PanelMenuSub;
-
-    searchTimeout: any;
-
-    searchValue: any;
-
-    focused: boolean | undefined;
-
-    focusedItem = signal<any>(null);
-
-    activeItemPath = signal<any[]>([]);
-
-    processedItems = signal<any[]>([]);
-
-    visibleItems = computed(() => {
-        const processedItems = this.processedItems();
-        return this.flatItems(processedItems);
-    });
-
-    get focusedItemId() {
-        const focusedItem = this.focusedItem();
-        return focusedItem && focusedItem.item?.id ? focusedItem.item.id : ObjectUtils.isNotEmpty(this.focusedItem()) ? `${this.panelId}_${this.focusedItem().key}` : undefined;
-    }
-
-    constructor(private el: ElementRef) {}
-
-    ngOnChanges(changes: SimpleChanges) {
-        this.processedItems.set(this.createProcessedItems(changes?.items?.currentValue || this.items || []));
-    }
-
-    getItemProp(processedItem, name) {
-        return processedItem && processedItem.item ? ObjectUtils.getItemValue(processedItem.item[name]) : undefined;
-    }
-
-    getItemLabel(processedItem) {
-        return this.getItemProp(processedItem, 'label');
-    }
-
-    isItemVisible(processedItem) {
-        return this.getItemProp(processedItem, 'visible') !== false;
-    }
-
-    isItemDisabled(processedItem) {
-        return this.getItemProp(processedItem, 'disabled');
-    }
-
-    isItemActive(processedItem) {
-        return this.activeItemPath().some((path) => path.key === processedItem.parentKey);
-    }
-
-    isItemGroup(processedItem) {
-        return ObjectUtils.isNotEmpty(processedItem.items);
-    }
-
-    isElementInPanel(event, element) {
-        const panel = event.currentTarget.closest('[data-pc-section="panel"]');
-
-        return panel && panel.contains(element);
-    }
-
-    isItemMatched(processedItem) {
-        return this.isValidItem(processedItem) && this.getItemLabel(processedItem).toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase());
-    }
-
-    isVisibleItem(processedItem) {
-        return !!processedItem && (processedItem.level === 0 || this.isItemActive(processedItem)) && this.isItemVisible(processedItem);
-    }
-
-    isValidItem(processedItem) {
-        return !!processedItem && !this.isItemDisabled(processedItem) && !processedItem.separator;
-    }
-
-    findFirstItem() {
-        return this.visibleItems().find((processedItem) => this.isValidItem(processedItem));
-    }
-
-    findLastItem() {
-        return ObjectUtils.findLast(this.visibleItems(), (processedItem) => this.isValidItem(processedItem));
-    }
-
-    findItemByEventTarget(target: EventTarget): undefined | any {
-        let parentNode = target as ParentNode & Element;
-
-        while (parentNode && parentNode.tagName?.toLowerCase() !== 'li') {
-            parentNode = parentNode?.parentNode as Element;
-        }
-
-        return parentNode?.id && this.visibleItems().find((processedItem) => this.isValidItem(processedItem) && `${this.panelId}_${processedItem.key}` === parentNode.id);
-    }
-
-    createProcessedItems(items, level = 0, parent = {}, parentKey = '') {
-        const processedItems = [];
-        items &&
-            items.forEach((item, index) => {
-                const key = (parentKey !== '' ? parentKey + '_' : '') + index;
-                const newItem = {
-                    icon: item.icon,
-                    expanded: item.expanded,
-                    separator: item.separator,
-                    item,
-                    index,
-                    level,
-                    key,
-                    parent,
-                    parentKey
-                };
-
-                newItem['items'] = this.createProcessedItems(item.items, level + 1, newItem, key);
-                processedItems.push(newItem);
-            });
-        return processedItems;
-    }
-
-    findProcessedItemByItemKey(key, processedItems?, level = 0) {
-        processedItems = processedItems || this.processedItems();
-        if (processedItems && processedItems.length) {
-            for (let i = 0; i < processedItems.length; i++) {
-                const processedItem = processedItems[i];
-
-                if (this.getItemProp(processedItem, 'key') === key) return processedItem;
-                const matchedItem = this.findProcessedItemByItemKey(key, processedItem.items, level + 1);
-                if (matchedItem) return matchedItem;
-            }
-        }
-    }
-
-    flatItems(processedItems, processedFlattenItems = []) {
-        processedItems &&
-            processedItems.forEach((processedItem) => {
-                if (this.isVisibleItem(processedItem)) {
-                    processedFlattenItems.push(processedItem);
-                    this.flatItems(processedItem.items, processedFlattenItems);
-                }
-            });
-
-        return processedFlattenItems;
-    }
-
-    changeFocusedItem(event) {
-        const { originalEvent, processedItem, focusOnNext, selfCheck, allowHeaderFocus = true } = event;
-
-        if (ObjectUtils.isNotEmpty(this.focusedItem()) && this.focusedItem().key !== processedItem.key) {
-            this.focusedItem.set(processedItem);
-            this.scrollInView();
-        } else if (allowHeaderFocus) {
-            this.headerFocus.emit({ originalEvent, focusOnNext, selfCheck });
-        }
-    }
-
-    scrollInView() {
-        const element = DomHandler.findSingle(this.subMenuViewChild.listViewChild.nativeElement, `li[id="${`${this.focusedItemId}`}"]`);
-
-        if (element) {
-            element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-        }
-    }
-
-    onFocus(event) {
-        if (!this.focused) {
-            this.focused = true;
-            const focusedItem = this.focusedItem() || (this.isElementInPanel(event, event.relatedTarget) ? this.findItemByEventTarget(event.target) || this.findFirstItem() : this.findLastItem());
-            if (event.relatedTarget !== null) this.focusedItem.set(focusedItem);
-        }
-    }
-
-    onBlur(event) {
-        const target = event.relatedTarget;
-
-        if (this.focused && !this.el.nativeElement.contains(target)) {
-            this.focused = false;
-            this.focusedItem.set(null);
-            this.searchValue = '';
-        }
-    }
-
-    onItemToggle(event) {
-        const { processedItem, expanded } = event;
-        processedItem.expanded = !processedItem.expanded;
-
-        const activeItemPath = this.activeItemPath().filter((p) => p.parentKey !== processedItem.parentKey);
-        expanded && activeItemPath.push(processedItem);
-
-        this.activeItemPath.set(activeItemPath);
-        this.processedItems.update((value) => value.map((i) => (i === processedItem ? processedItem : i)));
-        this.focusedItem.set(processedItem);
-    }
-
-    onKeyDown(event) {
-        const metaKey = event.metaKey || event.ctrlKey;
-
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUpKey(event);
-                break;
-
-            case 'ArrowLeft':
-                this.onArrowLeftKey(event);
-                break;
-
-            case 'ArrowRight':
-                this.onArrowRightKey(event);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event);
-                break;
-
-            case 'End':
-                this.onEndKey(event);
-                break;
-
-            case 'Space':
-                this.onSpaceKey(event);
-                break;
-
-            case 'Enter':
-                this.onEnterKey(event);
-                break;
-
-            case 'Escape':
-            case 'Tab':
-            case 'PageDown':
-            case 'PageUp':
-            case 'Backspace':
-            case 'ShiftLeft':
-            case 'ShiftRight':
-                //NOOP
-                break;
-
-            default:
-                if (!metaKey && ObjectUtils.isPrintableCharacter(event.key)) {
-                    this.searchItems(event, event.key);
-                }
-
-                break;
-        }
-    }
-
-    onArrowDownKey(event) {
-        const processedItem = ObjectUtils.isNotEmpty(this.focusedItem()) ? this.findNextItem(this.focusedItem()) : this.findFirstItem();
-        this.changeFocusedItem({ originalEvent: event, processedItem, focusOnNext: true });
-        event.preventDefault();
-    }
-    onArrowUpKey(event) {
-        const processedItem = ObjectUtils.isNotEmpty(this.focusedItem()) ? this.findPrevItem(this.focusedItem()) : this.findLastItem();
-
-        this.changeFocusedItem({ originalEvent: event, processedItem, selfCheck: true });
-        event.preventDefault();
-    }
-
-    onArrowLeftKey(event) {
-        if (ObjectUtils.isNotEmpty(this.focusedItem())) {
-            const matched = this.activeItemPath().some((p) => p.key === this.focusedItem().key);
-
-            if (matched) {
-                const activeItemPath = this.activeItemPath().filter((p) => p.key !== this.focusedItem().key);
-                this.activeItemPath.set(activeItemPath);
-            } else {
-                const focusedItem = ObjectUtils.isNotEmpty(this.focusedItem().parent) ? this.focusedItem().parent : this.focusedItem();
-                this.focusedItem.set(focusedItem);
-            }
-
-            event.preventDefault();
-        }
-    }
-
-    onArrowRightKey(event) {
-        if (ObjectUtils.isNotEmpty(this.focusedItem())) {
-            const grouped = this.isItemGroup(this.focusedItem());
-
-            if (grouped) {
-                const matched = this.activeItemPath().some((p) => p.key === this.focusedItem().key);
-
-                if (matched) {
-                    this.onArrowDownKey(event);
-                } else {
-                    const activeItemPath = this.activeItemPath().filter((p) => p.parentKey !== this.focusedItem().parentKey);
-                    activeItemPath.push(this.focusedItem());
-
-                    this.activeItemPath.set(activeItemPath);
-                }
-            }
-
-            event.preventDefault();
-        }
-    }
-
-    onHomeKey(event) {
-        this.changeFocusedItem({ originalEvent: event, processedItem: this.findFirstItem(), allowHeaderFocus: false });
-        event.preventDefault();
-    }
-
-    onEndKey(event) {
-        this.changeFocusedItem({ originalEvent: event, processedItem: this.findLastItem(), focusOnNext: true, allowHeaderFocus: false });
-        event.preventDefault();
-    }
-
-    onEnterKey(event) {
-        if (ObjectUtils.isNotEmpty(this.focusedItem())) {
-            const element = DomHandler.findSingle(this.subMenuViewChild.listViewChild.nativeElement, `li[id="${`${this.focusedItemId}`}"]`);
-            const anchorElement = element && (DomHandler.findSingle(element, '[data-pc-section="action"]') || DomHandler.findSingle(element, 'a,button'));
-
-            anchorElement ? anchorElement.click() : element && element.click();
-        }
-
-        event.preventDefault();
-    }
-
-    onSpaceKey(event) {
-        this.onEnterKey(event);
-    }
-
-    findNextItem(processedItem) {
-        const index = this.visibleItems().findIndex((item) => item.key === processedItem.key);
-
-        const matchedItem =
-            index < this.visibleItems().length - 1
-                ? this.visibleItems()
-                      .slice(index + 1)
-                      .find((pItem) => this.isValidItem(pItem))
-                : undefined;
-        return matchedItem || processedItem;
-    }
-
-    findPrevItem(processedItem) {
-        const index = this.visibleItems().findIndex((item) => item.key === processedItem.key);
-        const matchedItem = index > 0 ? ObjectUtils.findLast(this.visibleItems().slice(0, index), (pItem) => this.isValidItem(pItem)) : undefined;
-
-        return matchedItem || processedItem;
-    }
-
-    searchItems(event, char) {
-        this.searchValue = (this.searchValue || '') + char;
-
-        let matchedItem = null;
-        let matched = false;
-
-        if (ObjectUtils.isNotEmpty(this.focusedItem())) {
-            const focusedItemIndex = this.visibleItems().findIndex((processedItem) => processedItem.key === this.focusedItem().key);
-
-            matchedItem = this.visibleItems()
-                .slice(focusedItemIndex)
-                .find((processedItem) => this.isItemMatched(processedItem));
-            matchedItem = ObjectUtils.isEmpty(matchedItem)
-                ? this.visibleItems()
-                      .slice(0, focusedItemIndex)
-                      .find((processedItem) => this.isItemMatched(processedItem))
-                : matchedItem;
-        } else {
-            matchedItem = this.visibleItems().find((processedItem) => this.isItemMatched(processedItem));
-        }
-
-        if (ObjectUtils.isNotEmpty(matchedItem)) {
-            matched = true;
-        }
-
-        if (ObjectUtils.isEmpty(matchedItem) && ObjectUtils.isEmpty(this.focusedItem())) {
-            matchedItem = this.findFirstItem();
-        }
-
-        if (ObjectUtils.isNotEmpty(matchedItem)) {
-            this.changeFocusedItem({
-                originalEvent: event,
-                processedItem: matchedItem,
-                allowHeaderFocus: false
-            });
-        }
-
-        if (this.searchTimeout) {
-            clearTimeout(this.searchTimeout);
-        }
-
-        this.searchTimeout = setTimeout(() => {
-            this.searchValue = '';
-            this.searchTimeout = null;
-        }, 500);
-
-        return matched;
-    }
-}
-
-/**
- * PanelMenu is a hybrid of Accordion and Tree components.
- * @group Components
- */
-@Component({
-    selector: 'p-panelMenu',
-    template: `
-        <div [class]="styleClass" [ngStyle]="style" [ngClass]="'p-panelmenu p-component'" #container>
-            <ng-container *ngFor="let item of model; let f = first; let l = last; let i = index">
-                <div *ngIf="isItemVisible(item)" class="p-panelmenu-panel" [ngClass]="getItemProp(item, 'headerClass')" [ngStyle]="getItemProp(item, 'style')" [attr.data-pc-section]="'panel'">
-                    <div
-                        [ngClass]="{ 'p-component p-panelmenu-header': true, 'p-highlight': isItemActive(item), 'p-disabled': isItemDisabled(item) }"
-                        [class]="getItemProp(item, 'styleClass')"
-                        [ngStyle]="getItemProp(item, 'style')"
-                        [pTooltip]="getItemProp(item, 'tooltip')"
-                        [attr.id]="getHeaderId(item, i)"
-                        [tabindex]="0"
-                        role="button"
-                        [tooltipOptions]="getItemProp(item, 'tooltipOptions')"
-                        [attr.aria-expanded]="isItemActive(item)"
-                        [attr.aria-label]="getItemProp(item, 'label')"
-                        [attr.aria-controls]="getContentId(item, i)"
-                        [attr.aria-disabled]="isItemDisabled(item)"
-                        [attr.data-p-highlight]="isItemActive(item)"
-                        [attr.data-p-disabled]="isItemDisabled(item)"
-                        [attr.data-pc-section]="'header'"
-                        (click)="onHeaderClick($event, item, i)"
-                        (keydown)="onHeaderKeyDown($event, item, i)"
-                    >
-                        <div class="p-panelmenu-header-content">
-                            <ng-container *ngIf="!itemTemplate">
-                                <a
-                                    *ngIf="!getItemProp(item, 'routerLink')"
-                                    [attr.href]="getItemProp(item, 'url')"
-                                    [attr.tabindex]="-1"
-                                    [target]="getItemProp(item, 'target')"
-                                    [attr.title]="getItemProp(item, 'title')"
-                                    class="p-panelmenu-header-action"
-                                    [attr.data-pc-section]="'headeraction'"
-                                >
-                                    <ng-container *ngIf="isItemGroup(item)">
-                                        <ng-container *ngIf="!submenuIconTemplate">
-                                            <ChevronDownIcon [styleClass]="'p-submenu-icon'" *ngIf="isItemActive(item)" />
-                                            <ChevronRightIcon [styleClass]="'p-submenu-icon'" *ngIf="!isItemActive(item)" />
-                                        </ng-container>
-                                        <ng-template *ngTemplateOutlet="submenuIconTemplate"></ng-template>
-                                    </ng-container>
-                                    <span class="p-menuitem-icon" [ngClass]="item.icon" *ngIf="item.icon" [ngStyle]="getItemProp(item, 'iconStyle')"></span>
-                                    <span class="p-menuitem-text" *ngIf="getItemProp(item, 'escape') !== false; else htmlLabel">{{ getItemProp(item, 'label') }}</span>
-                                    <ng-template #htmlLabel><span class="p-menuitem-text" [innerHTML]="getItemProp(item, 'label')"></span></ng-template>
-                                    <span class="p-menuitem-badge" *ngIf="getItemProp(item, 'badge')" [ngClass]="getItemProp(item, 'badgeStyleClass')">{{ getItemProp(item, 'badge') }}</span>
-                                </a>
-                            </ng-container>
-                            <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-container>
-                            <a
-                                *ngIf="getItemProp(item, 'routerLink')"
-                                [routerLink]="getItemProp(item, 'routerLink')"
-                                [queryParams]="getItemProp(item, 'queryParams')"
-                                [routerLinkActive]="'p-menuitem-link-active'"
-                                [routerLinkActiveOptions]="getItemProp(item, 'routerLinkActiveOptions') || { exact: false }"
-                                [target]="getItemProp(item, 'target')"
-                                class="p-panelmenu-header-action"
-                                [attr.tabindex]="-1"
-                                [fragment]="getItemProp(item, 'fragment')"
-                                [queryParamsHandling]="getItemProp(item, 'queryParamsHandling')"
-                                [preserveFragment]="getItemProp(item, 'preserveFragment')"
-                                [skipLocationChange]="getItemProp(item, 'skipLocationChange')"
-                                [replaceUrl]="getItemProp(item, 'replaceUrl')"
-                                [state]="getItemProp(item, 'state')"
-                                [attr.data-pc-section]="'headeraction'"
-                            >
-                                <ng-container *ngIf="isItemGroup(item)">
-                                    <ng-container *ngIf="!submenuIconTemplate">
-                                        <ChevronDownIcon [styleClass]="'p-submenu-icon'" *ngIf="isItemActive(item)" />
-                                        <ChevronRightIcon [styleClass]="'p-submenu-icon'" *ngIf="!isItemActive(item)" />
-                                    </ng-container>
-                                    <ng-template *ngTemplateOutlet="submenuIconTemplate"></ng-template>
-                                </ng-container>
-                                <span class="p-menuitem-icon" [ngClass]="item.icon" *ngIf="item.icon" [ngStyle]="getItemProp(item, 'iconStyle')"></span>
-                                <span class="p-menuitem-text" *ngIf="getItemProp(item, 'escape') !== false; else htmlRouteLabel">{{ getItemProp(item, 'label') }}</span>
-                                <ng-template #htmlRouteLabel><span class="p-menuitem-text" [innerHTML]="getItemProp(item, 'label')"></span></ng-template>
-                                <span class="p-menuitem-badge" *ngIf="getItemProp(item, 'badge')" [ngClass]="getItemProp(item, 'badgeStyleClass')">{{ getItemProp(item, 'badge') }}</span>
-                            </a>
-                        </div>
-                    </div>
-                    <div
-                        *ngIf="isItemGroup(item)"
-                        class="p-toggleable-content"
-                        [ngClass]="{ 'p-panelmenu-expanded': isItemActive(item) }"
-                        [@rootItem]="getAnimation(item)"
-                        (@rootItem.done)="onToggleDone()"
-                        role="region"
-                        [attr.id]="getContentId(item, i)"
-                        [attr.aria-labelledby]="getHeaderId(item, i)"
-                        [attr.data-pc-section]="'toggleablecontent'"
-                    >
-                        <div class="p-panelmenu-content" [attr.data-pc-section]="'menucontent'">
-                            <p-panelMenuList
-                                [panelId]="getPanelId(i, item)"
-                                [items]="getItemProp(item, 'items')"
-                                [itemTemplate]="itemTemplate"
-                                [transitionOptions]="transitionOptions"
-                                [root]="true"
-                                [activeItem]="activeItem()"
-                                [tabindex]="tabindex"
-                                [parentExpanded]="isItemActive(item)"
-                                (headerFocus)="updateFocusedHeader($event)"
-                            ></p-panelMenuList>
-                        </div>
-                    </div>
-                </div>
-            </ng-container>
-        </div>
-    `,
-    animations: [
-        trigger('rootItem', [
-            state(
-                'hidden',
-                style({
-                    height: '0'
-                })
-            ),
-            state(
-                'visible',
-                style({
-                    height: '*'
-                })
-            ),
-            transition('visible <=> hidden', [animate('{{transitionParams}}')]),
-            transition('void => *', animate(0))
-        ])
-    ],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./panelmenu.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class PanelMenu implements AfterContentInit {
-    /**
-     * An array of menuitems.
-     * @group Props
-     */
-    @Input() model: MenuItem[] | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Whether multiple tabs can be activated at the same time or not.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) multiple: boolean = false;
-    /**
-     * Transition options of the animation.
-     * @group Props
-     */
-    @Input() transitionOptions: string = '400ms cubic-bezier(0.86, 0, 0.07, 1)';
-    /**
-     * Current id state as a string.
-     * @group Props
-     */
-    @Input() id: string | undefined;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined = 0;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    @ViewChild('container') containerViewChild: ElementRef | undefined;
-
-    submenuIconTemplate: TemplateRef<any> | undefined;
-
-    itemTemplate: TemplateRef<any> | undefined;
-
-    public animating: boolean | undefined;
-
-    activeItem = signal<any>(null);
-
-    ngOnInit() {
-        this.id = this.id || UniqueComponentId();
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'submenuicon':
-                    this.submenuIconTemplate = item.template;
-                    break;
-
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    constructor(private cd: ChangeDetectorRef) {}
-
-    /**
-     * Collapses open panels.
-     * @group Method
-     */
-    collapseAll() {
-        for (let item of this.model!) {
-            if (item.expanded) {
-                item.expanded = false;
-            }
-        }
-
-        this.cd.detectChanges();
-    }
-
-    onToggleDone() {
-        this.animating = false;
-        this.cd.markForCheck();
-    }
-
-    changeActiveItem(event, item, index?: number, selfActive = false) {
-        if (!this.isItemDisabled(item)) {
-            const activeItem = selfActive ? item : this.activeItem && ObjectUtils.equals(item, this.activeItem) ? null : item;
-            this.activeItem.set(activeItem);
-        }
-    }
-
-    getAnimation(item: MenuItem) {
-        return item.expanded ? { value: 'visible', params: { transitionParams: this.animating ? this.transitionOptions : '0ms', height: '*' } } : { value: 'hidden', params: { transitionParams: this.transitionOptions, height: '0' } };
-    }
-
-    getItemProp(item, name) {
-        return item ? ObjectUtils.getItemValue(item[name]) : undefined;
-    }
-
-    getItemLabel(item) {
-        return this.getItemProp(item, 'label');
-    }
-
-    isItemActive(item) {
-        return item.expanded;
-    }
-
-    isItemVisible(item) {
-        return this.getItemProp(item, 'visible') !== false;
-    }
-
-    isItemDisabled(item) {
-        return this.getItemProp(item, 'disabled');
-    }
-
-    isItemGroup(item) {
-        return ObjectUtils.isNotEmpty(item.items);
-    }
-
-    getPanelId(index, item?) {
-        return item && item.id ? item.id : `${this.id}_${index}`;
-    }
-
-    getHeaderId(item, index) {
-        return item.id ? item.id + '_header' : `${this.getPanelId(index)}_header`;
-    }
-
-    getContentId(item, index) {
-        return item.id ? item.id + '_content' : `${this.getPanelId(index)}_content`;
-    }
-
-    updateFocusedHeader(event) {
-        const { originalEvent, focusOnNext, selfCheck } = event;
-        const panelElement = originalEvent.currentTarget.closest('[data-pc-section="panel"]');
-        const header = selfCheck ? DomHandler.findSingle(panelElement, '[data-pc-section="header"]') : focusOnNext ? this.findNextHeader(panelElement) : this.findPrevHeader(panelElement);
-
-        header ? this.changeFocusedHeader(originalEvent, header) : focusOnNext ? this.onHeaderHomeKey(originalEvent) : this.onHeaderEndKey(originalEvent);
-    }
-
-    changeFocusedHeader(event, element) {
-        element && DomHandler.focus(element);
-    }
-
-    findNextHeader(panelElement, selfCheck = false) {
-        const nextPanelElement = selfCheck ? panelElement : panelElement.nextElementSibling;
-        const headerElement = DomHandler.findSingle(nextPanelElement, '[data-pc-section="header"]');
-
-        return headerElement ? (DomHandler.getAttribute(headerElement, 'data-p-disabled') ? this.findNextHeader(headerElement.parentElement) : headerElement) : null;
-    }
-
-    findPrevHeader(panelElement, selfCheck = false) {
-        const prevPanelElement = selfCheck ? panelElement : panelElement.previousElementSibling;
-        const headerElement = DomHandler.findSingle(prevPanelElement, '[data-pc-section="header"]');
-
-        return headerElement ? (DomHandler.getAttribute(headerElement, 'data-p-disabled') ? this.findPrevHeader(headerElement.parentElement) : headerElement) : null;
-    }
-
-    findFirstHeader() {
-        return this.findNextHeader(this.containerViewChild.nativeElement.firstElementChild, true);
-    }
-
-    findLastHeader() {
-        return this.findPrevHeader(this.containerViewChild.nativeElement.lastElementChild, true);
-    }
-
-    onHeaderClick(event, item, index) {
-        if (this.isItemDisabled(item)) {
-            event.preventDefault();
-
-            return;
-        }
-
-        if (item.command) {
-            item.command({ originalEvent: event, item });
-        }
-
-        if (!this.multiple) {
-            for (let modelItem of this.model!) {
-                if (item !== modelItem && modelItem.expanded) {
-                    modelItem.expanded = false;
-                }
-            }
-        }
-
-        item.expanded = !item.expanded;
-        this.changeActiveItem(event, item, index);
-        this.animating = true;
-        DomHandler.focus(event.currentTarget as HTMLElement);
-    }
-
-    onHeaderKeyDown(event, item, index) {
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onHeaderArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onHeaderArrowUpKey(event);
-                break;
-
-            case 'Home':
-                this.onHeaderHomeKey(event);
-                break;
-
-            case 'End':
-                this.onHeaderEndKey(event);
-                break;
-
-            case 'Enter':
-            case 'Space':
-                this.onHeaderEnterKey(event, item, index);
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    onHeaderArrowDownKey(event) {
-        const rootList = DomHandler.getAttribute(event.currentTarget, 'data-p-highlight') === true ? DomHandler.findSingle(event.currentTarget.nextElementSibling, '[data-pc-section="menu"]') : null;
-
-        rootList ? DomHandler.focus(rootList) : this.updateFocusedHeader({ originalEvent: event, focusOnNext: true });
-        event.preventDefault();
-    }
-
-    onHeaderArrowUpKey(event) {
-        const prevHeader = this.findPrevHeader(event.currentTarget.parentElement) || this.findLastHeader();
-        const rootList = DomHandler.getAttribute(prevHeader, 'data-p-highlight') === true ? DomHandler.findSingle(prevHeader.nextElementSibling, '[data-pc-section="menu"]') : null;
-
-        rootList ? DomHandler.focus(rootList) : this.updateFocusedHeader({ originalEvent: event, focusOnNext: false });
-        event.preventDefault();
-    }
-
-    onHeaderHomeKey(event) {
-        this.changeFocusedHeader(event, this.findFirstHeader());
-        event.preventDefault();
-    }
-
-    onHeaderEndKey(event) {
-        this.changeFocusedHeader(event, this.findLastHeader());
-        event.preventDefault();
-    }
-
-    onHeaderEnterKey(event, item, index) {
-        const headerAction = DomHandler.findSingle(event.currentTarget, '[data-pc-section="headeraction"]');
-
-        headerAction ? headerAction.click() : this.onHeaderClick(event, item, index);
-        event.preventDefault();
-    }
-}
-@NgModule({
-    imports: [CommonModule, RouterModule, TooltipModule, SharedModule, AngleDownIcon, AngleRightIcon, ChevronDownIcon, ChevronRightIcon],
-    exports: [PanelMenu, RouterModule, TooltipModule, SharedModule],
-    declarations: [PanelMenu, PanelMenuSub, PanelMenuList]
-})
-export class PanelMenuModule {}
diff --git a/src/app/components/panelmenu/public_api.ts b/src/app/components/panelmenu/public_api.ts
deleted file mode 100644
index e02f242..0000000
--- a/src/app/components/panelmenu/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './panelmenu';
-export * from './panelmenu.interface';
diff --git a/src/app/components/password/images/password-meter.png b/src/app/components/password/images/password-meter.png
deleted file mode 100644
index ddb456d..0000000
Binary files a/src/app/components/password/images/password-meter.png and /dev/null differ
diff --git a/src/app/components/password/ng-package.json b/src/app/components/password/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/password/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/password/password.css b/src/app/components/password/password.css
deleted file mode 100644
index 7dd7416..0000000
--- a/src/app/components/password/password.css
+++ /dev/null
@@ -1,54 +0,0 @@
-@layer primeng {
-    .p-password {
-        position: relative;
-        display: inline-flex;
-    }
-
-    .p-password-panel {
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-
-    .p-password .p-password-panel {
-        min-width: 100%;
-    }
-
-    .p-password-meter {
-        height: 10px;
-    }
-
-    .p-password-strength {
-        height: 100%;
-        width: 0%;
-        transition: width 1s ease-in-out;
-    }
-
-    .p-fluid .p-password {
-        display: flex;
-    }
-
-    .p-password-input::-ms-reveal,
-    .p-password-input::-ms-clear {
-        display: none;
-    }
-
-    .p-password-clear-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-        cursor: pointer;
-    }
-
-    .p-password .p-icon {
-        cursor: pointer;
-    }
-
-    .p-password-clearable.p-password-mask .p-password-clear-icon {
-        margin-top: unset;
-    }
-
-    .p-password-clearable {
-        position: relative;
-    }
-}
diff --git a/src/app/components/password/password.interface.ts b/src/app/components/password/password.interface.ts
deleted file mode 100644
index f3cacf9..0000000
--- a/src/app/components/password/password.interface.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in Password.
- * @group Templates
- */
-export interface PasswordTemplates {
-    /**
-     * Custom template of header.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom template of content.
-     */
-    content(): TemplateRef<any>;
-    /**
-     * Custom template of footer.
-     */
-    footer(): TemplateRef<any>;
-    /**
-     * Custom template of clear icon.
-     */
-    clearicon(): TemplateRef<any>;
-    /**
-     * Custom template of hide icon.
-     */
-    hideicon(): TemplateRef<any>;
-    /**
-     * Custom template of show icon.
-     */
-    showicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/password/password.spec.ts b/src/app/components/password/password.spec.ts
deleted file mode 100644
index 9c269a3..0000000
--- a/src/app/components/password/password.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Password, PasswordModule } from './password';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('Password', () => {
-    let password: Password;
-    let fixture: ComponentFixture<Password>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, PasswordModule]
-        });
-
-        fixture = TestBed.createComponent(Password);
-        password = fixture.componentInstance;
-    });
-
-    it('should not display by default', () => {
-        fixture.detectChanges();
-
-        const passworOverlaydEl = fixture.debugElement.query(By.css('.p-password-panel-overlay'));
-        expect(passworOverlaydEl).toBeNull();
-    });
-});
diff --git a/src/app/components/password/password.ts b/src/app/components/password/password.ts
deleted file mode 100644
index 6582e19..0000000
--- a/src/app/components/password/password.ts
+++ /dev/null
@@ -1,963 +0,0 @@
-import { AnimationEvent, animate, style, transition, trigger } from '@angular/animations';
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    Directive,
-    DoCheck,
-    ElementRef,
-    EventEmitter,
-    HostListener,
-    Inject,
-    Input,
-    NgModule,
-    NgZone,
-    OnDestroy,
-    OnInit,
-    Output,
-    PLATFORM_ID,
-    Pipe,
-    PipeTransform,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    forwardRef,
-    numberAttribute
-} from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule, TranslationKeys } from 'primeng/api';
-import { ConnectedOverlayScrollHandler, DomHandler } from 'primeng/dom';
-import { EyeIcon } from 'primeng/icons/eye';
-import { EyeSlashIcon } from 'primeng/icons/eyeslash';
-import { TimesIcon } from 'primeng/icons/times';
-import { InputTextModule } from 'primeng/inputtext';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { ZIndexUtils } from 'primeng/utils';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { Subscription } from 'rxjs';
-
-type Meter = {
-    strength: string;
-    width: string;
-};
-/**
- * Password directive.
- * @group Components
- */
-@Directive({
-    selector: '[pPassword]',
-    host: {
-        class: 'p-inputtext p-component p-element',
-        '[class.p-filled]': 'filled',
-        '[class.p-variant-filled]': 'variant === "filled" || config.inputStyle() === "filled"'
-    }
-})
-export class PasswordDirective implements OnDestroy, DoCheck {
-    /**
-     * Text to prompt password entry. Defaults to PrimeNG I18N API configuration.
-     * @group Props
-     */
-    @Input() promptLabel: string = 'Enter a password';
-    /**
-     * Text for a weak password. Defaults to PrimeNG I18N API configuration.
-     * @group Props
-     */
-    @Input() weakLabel: string = 'Weak';
-    /**
-     * Text for a medium password. Defaults to PrimeNG I18N API configuration.
-     * @group Props
-     */
-    @Input() mediumLabel: string = 'Medium';
-    /**
-     * Text for a strong password. Defaults to PrimeNG I18N API configuration.
-     * @group Props
-     */
-    @Input() strongLabel: string = 'Strong';
-    /**
-     * Whether to show the strength indicator or not.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) feedback: boolean = true;
-    /**
-     * Sets the visibility of the password field.
-     * @group Props
-     */
-    @Input() set showPassword(show: boolean) {
-        this.el.nativeElement.type = show ? 'text' : 'password';
-    }
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    @Input() variant: 'filled' | 'outlined' = 'outlined';
-
-    panel: Nullable<HTMLDivElement>;
-
-    meter: Nullable<Meter>;
-
-    info: Nullable<HTMLDivElement>;
-
-    filled: Nullable<boolean>;
-
-    scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
-
-    documentResizeListener: VoidListener;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private renderer: Renderer2,
-        public el: ElementRef,
-        public zone: NgZone,
-        public config: PrimeNGConfig
-    ) {}
-
-    ngDoCheck() {
-        this.updateFilledState();
-    }
-
-    @HostListener('input', ['$event'])
-    onInput(e: Event) {
-        this.updateFilledState();
-    }
-
-    updateFilledState() {
-        this.filled = this.el.nativeElement.value && this.el.nativeElement.value.length;
-    }
-
-    createPanel() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.panel = this.renderer.createElement('div');
-            this.renderer.addClass(this.panel, 'p-password-panel');
-            this.renderer.addClass(this.panel, 'p-component');
-            this.renderer.addClass(this.panel, 'p-password-panel-overlay');
-            this.renderer.addClass(this.panel, 'p-connected-overlay');
-
-            this.meter = this.renderer.createElement('div');
-            this.renderer.addClass(this.meter, 'p-password-meter');
-            this.renderer.appendChild(this.panel, this.meter);
-
-            this.info = this.renderer.createElement('div');
-            this.renderer.addClass(this.info, 'p-password-info');
-            this.renderer.setProperty(this.info, 'textContent', this.promptLabel);
-            this.renderer.appendChild(this.panel, this.info);
-
-            this.renderer.setStyle(this.panel, 'minWidth', `${this.el.nativeElement.offsetWidth}px`);
-            this.renderer.appendChild(document.body, this.panel);
-        }
-    }
-
-    showOverlay() {
-        if (this.feedback) {
-            if (!this.panel) {
-                this.createPanel();
-            }
-
-            this.renderer.setStyle(this.panel, 'zIndex', String(++DomHandler.zindex));
-            this.renderer.setStyle(this.panel, 'display', 'block');
-            this.zone.runOutsideAngular(() => {
-                setTimeout(() => {
-                    DomHandler.addClass(this.panel, 'p-connected-overlay-visible');
-                    this.bindScrollListener();
-                    this.bindDocumentResizeListener();
-                }, 1);
-            });
-            DomHandler.absolutePosition(this.panel, this.el.nativeElement);
-        }
-    }
-
-    hideOverlay() {
-        if (this.feedback && this.panel) {
-            DomHandler.addClass(this.panel, 'p-connected-overlay-hidden');
-            DomHandler.removeClass(this.panel, 'p-connected-overlay-visible');
-            this.unbindScrollListener();
-            this.unbindDocumentResizeListener();
-
-            this.zone.runOutsideAngular(() => {
-                setTimeout(() => {
-                    this.ngOnDestroy();
-                }, 150);
-            });
-        }
-    }
-
-    @HostListener('focus')
-    onFocus() {
-        this.showOverlay();
-    }
-
-    @HostListener('blur')
-    onBlur() {
-        this.hideOverlay();
-    }
-
-    @HostListener('keyup', ['$event'])
-    onKeyup(e: Event) {
-        if (this.feedback) {
-            let value = (e.target as HTMLInputElement).value,
-                label = null,
-                meterPos = null;
-
-            if (value.length === 0) {
-                label = this.promptLabel;
-                meterPos = '0px 0px';
-            } else {
-                var score = this.testStrength(value);
-
-                if (score < 30) {
-                    label = this.weakLabel;
-                    meterPos = '0px -10px';
-                } else if (score >= 30 && score < 80) {
-                    label = this.mediumLabel;
-                    meterPos = '0px -20px';
-                } else if (score >= 80) {
-                    label = this.strongLabel;
-                    meterPos = '0px -30px';
-                }
-            }
-
-            if (!this.panel || !DomHandler.hasClass(this.panel, 'p-connected-overlay-visible')) {
-                this.showOverlay();
-            }
-
-            this.renderer.setStyle(this.meter, 'backgroundPosition', meterPos);
-            (this.info as HTMLDivElement).textContent = label;
-        }
-    }
-
-    testStrength(str: string) {
-        let grade: number = 0;
-        let val: Nullable<RegExpMatchArray>;
-
-        val = str.match('[0-9]');
-        grade += this.normalize(val ? val.length : 1 / 4, 1) * 25;
-
-        val = str.match('[a-zA-Z]');
-        grade += this.normalize(val ? val.length : 1 / 2, 3) * 10;
-
-        val = str.match('[!@#$%^&*?_~.,;=]');
-        grade += this.normalize(val ? val.length : 1 / 6, 1) * 35;
-
-        val = str.match('[A-Z]');
-        grade += this.normalize(val ? val.length : 1 / 6, 1) * 30;
-
-        grade *= str.length / 8;
-
-        return grade > 100 ? 100 : grade;
-    }
-
-    normalize(x: number, y: number) {
-        let diff = x - y;
-
-        if (diff <= 0) return x / y;
-        else return 1 + 0.5 * (x / (x + y / 4));
-    }
-
-    get disabled(): boolean {
-        return this.el.nativeElement.disabled;
-    }
-
-    bindScrollListener() {
-        if (!this.scrollHandler) {
-            this.scrollHandler = new ConnectedOverlayScrollHandler(this.el.nativeElement, () => {
-                if (DomHandler.hasClass(this.panel, 'p-connected-overlay-visible')) {
-                    this.hideOverlay();
-                }
-            });
-        }
-
-        this.scrollHandler.bindScrollListener();
-    }
-
-    unbindScrollListener() {
-        if (this.scrollHandler) {
-            this.scrollHandler.unbindScrollListener();
-        }
-    }
-
-    bindDocumentResizeListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.documentResizeListener) {
-                const window = this.document.defaultView as Window;
-                this.documentResizeListener = this.renderer.listen(window, 'resize', this.onWindowResize.bind(this));
-            }
-        }
-    }
-
-    unbindDocumentResizeListener() {
-        if (this.documentResizeListener) {
-            this.documentResizeListener();
-            this.documentResizeListener = null;
-        }
-    }
-
-    onWindowResize() {
-        if (!DomHandler.isTouchDevice()) {
-            this.hideOverlay();
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.panel) {
-            if (this.scrollHandler) {
-                this.scrollHandler.destroy();
-                this.scrollHandler = null;
-            }
-
-            this.unbindDocumentResizeListener();
-
-            this.renderer.removeChild(this.document.body, this.panel);
-            this.panel = null;
-            this.meter = null;
-            this.info = null;
-        }
-    }
-}
-
-type Mapper<T, G> = (item: T, ...args: any[]) => G;
-
-@Pipe({
-    name: 'mapper',
-    pure: true
-})
-export class MapperPipe implements PipeTransform {
-    public transform<T, G>(value: T, mapper: Mapper<T, G>, ...args: unknown[]): G {
-        return mapper(value, ...args);
-    }
-}
-
-export const Password_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => Password),
-    multi: true
-};
-/**
- * Password displays strength indicator for password fields.
- * @group Components
- */
-@Component({
-    selector: 'p-password',
-    template: `
-        <div [ngClass]="toggleMask | mapper: containerClass" [ngStyle]="style" [class]="styleClass" [attr.data-pc-name]="'password'" [attr.data-pc-section]="'root'">
-            <input
-                #input
-                [attr.label]="label"
-                [attr.aria-label]="ariaLabel"
-                [attr.aria-labelledBy]="ariaLabelledBy"
-                [attr.id]="inputId"
-                pInputText
-                [ngClass]="disabled | mapper: inputFieldClass"
-                [disabled]="disabled"
-                [ngStyle]="inputStyle"
-                [class]="inputStyleClass"
-                [attr.type]="unmasked | mapper: inputType"
-                [attr.placeholder]="placeholder"
-                [attr.autocomplete]="autocomplete"
-                [value]="value"
-                [variant]="variant"
-                (input)="onInput($event)"
-                (focus)="onInputFocus($event)"
-                (blur)="onInputBlur($event)"
-                (keyup)="onKeyUp($event)"
-                [attr.maxlength]="maxLength"
-                [attr.data-pc-section]="'input'"
-                pAutoFocus
-                [autofocus]="autofocus"
-            />
-            <ng-container *ngIf="showClear && value != null">
-                <TimesIcon *ngIf="!clearIconTemplate" [styleClass]="'p-password-clear-icon'" (click)="clear()" [attr.data-pc-section]="'clearIcon'" />
-                <span (click)="clear()" class="p-password-clear-icon" [attr.data-pc-section]="'clearIcon'">
-                    <ng-template *ngTemplateOutlet="clearIconTemplate"></ng-template>
-                </span>
-            </ng-container>
-
-            <ng-container *ngIf="toggleMask">
-                <ng-container *ngIf="unmasked">
-                    <EyeSlashIcon *ngIf="!hideIconTemplate" (click)="onMaskToggle()" [attr.data-pc-section]="'hideIcon'" />
-                    <span *ngIf="hideIconTemplate" (click)="onMaskToggle()">
-                        <ng-template *ngTemplateOutlet="hideIconTemplate"></ng-template>
-                    </span>
-                </ng-container>
-                <ng-container *ngIf="!unmasked">
-                    <EyeIcon *ngIf="!showIconTemplate" (click)="onMaskToggle()" [attr.data-pc-section]="'showIcon'" />
-                    <span *ngIf="showIconTemplate" (click)="onMaskToggle()">
-                        <ng-template *ngTemplateOutlet="showIconTemplate"></ng-template>
-                    </span>
-                </ng-container>
-            </ng-container>
-
-            <div
-                #overlay
-                *ngIf="overlayVisible"
-                [ngClass]="'p-password-panel p-component'"
-                (click)="onOverlayClick($event)"
-                [@overlayAnimation]="{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }"
-                (@overlayAnimation.start)="onAnimationStart($event)"
-                (@overlayAnimation.done)="onAnimationEnd($event)"
-                [attr.data-pc-section]="'panel'"
-            >
-                <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-                <ng-container *ngIf="contentTemplate; else content">
-                    <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
-                </ng-container>
-                <ng-template #content>
-                    <div class="p-password-meter" [attr.data-pc-section]="'meter'">
-                        <div [ngClass]="meter | mapper: strengthClass" [ngStyle]="{ width: meter ? meter.width : '' }" [attr.data-pc-section]="'meterLabel'"></div>
-                    </div>
-                    <div class="p-password-info" [attr.data-pc-section]="'info'">{{ infoText }}</div>
-                </ng-template>
-                <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
-            </div>
-        </div>
-    `,
-    animations: [trigger('overlayAnimation', [transition(':enter', [style({ opacity: 0, transform: 'scaleY(0.8)' }), animate('{{showTransitionParams}}')]), transition(':leave', [animate('{{hideTransitionParams}}', style({ opacity: 0 }))])])],
-    host: {
-        class: 'p-element p-inputwrapper',
-        '[class.p-inputwrapper-filled]': 'filled()',
-        '[class.p-inputwrapper-focus]': 'focused',
-        '[class.p-password-clearable]': 'showClear',
-        '[class.p-password-mask]': 'toggleMask'
-    },
-    providers: [Password_VALUE_ACCESSOR],
-    styleUrls: ['./password.css'],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
-})
-export class Password implements AfterContentInit, OnInit {
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Specifies one or more IDs in the DOM that labels the input field.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Label of the input for accessibility.
-     * @group Props
-     */
-    @Input() label: string | undefined;
-    /**
-     * Indicates whether the component is disabled or not.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * Text to prompt password entry. Defaults to PrimeNG I18N API configuration.
-     * @group Props
-     */
-    @Input() promptLabel: string | undefined;
-    /**
-     * Regex value for medium regex.
-     * @group Props
-     */
-    @Input() mediumRegex: string = '^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})';
-    /**
-     * Regex value for strong regex.
-     * @group Props
-     */
-    @Input() strongRegex: string = '^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})';
-    /**
-     * Text for a weak password. Defaults to PrimeNG I18N API configuration.
-     * @group Props
-     */
-    @Input() weakLabel: string | undefined;
-    /**
-     * Text for a medium password. Defaults to PrimeNG I18N API configuration.
-     * @group Props
-     */
-    @Input() mediumLabel: string | undefined;
-    /**
-     * specifies the maximum number of characters allowed in the input element.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) maxLength: number | undefined;
-    /**
-     * Text for a strong password. Defaults to PrimeNG I18N API configuration.
-     * @group Props
-     */
-    @Input() strongLabel: string | undefined;
-    /**
-     * Identifier of the accessible input element.
-     * @group Props
-     */
-    @Input() inputId: string | undefined;
-    /**
-     * Whether to show the strength indicator or not.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) feedback: boolean = true;
-    /**
-     * Id of the element or "body" for document where the overlay should be appended to.
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Whether to show an icon to display the password as plain text.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) toggleMask: boolean | undefined;
-    /**
-     * Style class of the input field.
-     * @group Props
-     */
-    @Input() inputStyleClass: string | undefined;
-    /**
-     * Style class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Inline style of the input field.
-     * @group Props
-     */
-    @Input() inputStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     */
-    @Input() showTransitionOptions: string = '.12s cubic-bezier(0, 0, 0.2, 1)';
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     */
-    @Input() hideTransitionOptions: string = '.1s linear';
-    /**
-     * Specify automated assistance in filling out password by browser.
-     * @group Props
-     */
-    @Input() autocomplete: string | undefined;
-    /**
-     * Advisory information to display on input.
-     * @group Props
-     */
-    @Input() placeholder: string | undefined;
-    /**
-     * When enabled, a clear icon is displayed to clear the value.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showClear: boolean = false;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    @Input() variant: 'filled' | 'outlined' = 'outlined';
-    /**
-     * Callback to invoke when the component receives focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when the component loses focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when clear button is clicked.
-     * @group Emits
-     */
-    @Output() onClear: EventEmitter<any> = new EventEmitter<any>();
-
-    @ViewChild('input') input!: ElementRef;
-
-    contentTemplate: Nullable<TemplateRef<any>>;
-
-    footerTemplate: Nullable<TemplateRef<any>>;
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    clearIconTemplate: Nullable<TemplateRef<any>>;
-
-    hideIconTemplate: Nullable<TemplateRef<any>>;
-
-    showIconTemplate: Nullable<TemplateRef<any>>;
-
-    @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;
-
-    overlayVisible: boolean = false;
-
-    meter: Nullable<Meter>;
-
-    infoText: Nullable<string>;
-
-    focused: boolean = false;
-
-    unmasked: boolean = false;
-
-    mediumCheckRegExp!: RegExp;
-
-    strongCheckRegExp!: RegExp;
-
-    resizeListener: VoidListener;
-
-    scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
-
-    overlay: HTMLElement | ElementRef | null | undefined;
-
-    value: Nullable<string> = null;
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    translationSubscription: Nullable<Subscription>;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private renderer: Renderer2,
-        private cd: ChangeDetectorRef,
-        private config: PrimeNGConfig,
-        public el: ElementRef,
-        public overlayService: OverlayService
-    ) {}
-
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                case 'clearicon':
-                    this.clearIconTemplate = item.template;
-                    break;
-
-                case 'hideicon':
-                    this.hideIconTemplate = item.template;
-                    break;
-
-                case 'showicon':
-                    this.showIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.contentTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    ngOnInit() {
-        this.infoText = this.promptText();
-        this.mediumCheckRegExp = new RegExp(this.mediumRegex);
-        this.strongCheckRegExp = new RegExp(this.strongRegex);
-        this.translationSubscription = this.config.translationObserver.subscribe(() => {
-            this.updateUI(this.value || '');
-        });
-    }
-
-    onAnimationStart(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-                this.overlay = event.element;
-                ZIndexUtils.set('overlay', this.overlay, this.config.zIndex.overlay);
-                this.appendContainer();
-                this.alignOverlay();
-                this.bindScrollListener();
-                this.bindResizeListener();
-                break;
-
-            case 'void':
-                this.unbindScrollListener();
-                this.unbindResizeListener();
-                this.overlay = null;
-                break;
-        }
-    }
-
-    onAnimationEnd(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'void':
-                ZIndexUtils.clear(event.element);
-                break;
-        }
-    }
-
-    appendContainer() {
-        if (this.appendTo) {
-            if (this.appendTo === 'body') this.renderer.appendChild(this.document.body, this.overlay);
-            else (this.document as any).getElementById(this.appendTo).appendChild(this.overlay as HTMLElement);
-        }
-    }
-
-    alignOverlay() {
-        if (this.appendTo) {
-            (this.overlay as HTMLElement).style.minWidth = DomHandler.getOuterWidth(this.input.nativeElement) + 'px';
-            DomHandler.absolutePosition(this.overlay, this.input.nativeElement);
-        } else {
-            DomHandler.relativePosition(this.overlay, this.input.nativeElement);
-        }
-    }
-
-    onInput(event: Event) {
-        this.value = (event.target as HTMLInputElement).value;
-        this.onModelChange(this.value);
-    }
-
-    onInputFocus(event: Event) {
-        this.focused = true;
-        if (this.feedback) {
-            this.overlayVisible = true;
-        }
-
-        this.onFocus.emit(event);
-    }
-
-    onInputBlur(event: Event) {
-        this.focused = false;
-        if (this.feedback) {
-            this.overlayVisible = false;
-        }
-
-        this.onModelTouched();
-        this.onBlur.emit(event);
-    }
-
-    onKeyUp(event: KeyboardEvent) {
-        if (this.feedback) {
-            let value = (event.target as HTMLInputElement).value;
-            this.updateUI(value);
-
-            if (event.code === 'Escape') {
-                this.overlayVisible && (this.overlayVisible = false);
-
-                return;
-            }
-
-            if (!this.overlayVisible) {
-                this.overlayVisible = true;
-            }
-        }
-    }
-
-    updateUI(value: string) {
-        let label = null;
-        let meter = null;
-
-        switch (this.testStrength(value)) {
-            case 1:
-                label = this.weakText();
-                meter = {
-                    strength: 'weak',
-                    width: '33.33%'
-                };
-                break;
-
-            case 2:
-                label = this.mediumText();
-                meter = {
-                    strength: 'medium',
-                    width: '66.66%'
-                };
-                break;
-
-            case 3:
-                label = this.strongText();
-                meter = {
-                    strength: 'strong',
-                    width: '100%'
-                };
-                break;
-
-            default:
-                label = this.promptText();
-                meter = null;
-                break;
-        }
-
-        this.meter = meter;
-        this.infoText = label;
-    }
-
-    onMaskToggle() {
-        this.unmasked = !this.unmasked;
-    }
-
-    onOverlayClick(event: Event) {
-        this.overlayService.add({
-            originalEvent: event,
-            target: this.el.nativeElement
-        });
-    }
-
-    testStrength(str: string) {
-        let level = 0;
-
-        if (this.strongCheckRegExp.test(str)) level = 3;
-        else if (this.mediumCheckRegExp.test(str)) level = 2;
-        else if (str.length) level = 1;
-
-        return level;
-    }
-
-    writeValue(value: any): void {
-        if (value === undefined) this.value = null;
-        else this.value = value;
-
-        if (this.feedback) this.updateUI(this.value || '');
-
-        this.cd.markForCheck();
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    bindScrollListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.scrollHandler) {
-                this.scrollHandler = new ConnectedOverlayScrollHandler(this.input.nativeElement, () => {
-                    if (this.overlayVisible) {
-                        this.overlayVisible = false;
-                    }
-                });
-            }
-
-            this.scrollHandler.bindScrollListener();
-        }
-    }
-
-    bindResizeListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.resizeListener) {
-                const window = this.document.defaultView as Window;
-                this.resizeListener = this.renderer.listen(window, 'resize', () => {
-                    if (this.overlayVisible && !DomHandler.isTouchDevice()) {
-                        this.overlayVisible = false;
-                    }
-                });
-            }
-        }
-    }
-
-    unbindScrollListener() {
-        if (this.scrollHandler) {
-            this.scrollHandler.unbindScrollListener();
-        }
-    }
-
-    unbindResizeListener() {
-        if (this.resizeListener) {
-            this.resizeListener();
-            this.resizeListener = null;
-        }
-    }
-
-    containerClass(toggleMask: boolean) {
-        return { 'p-password p-component p-inputwrapper': true, 'p-input-icon-right': toggleMask };
-    }
-
-    inputFieldClass(disabled: boolean) {
-        return { 'p-password-input': true, 'p-disabled': disabled };
-    }
-
-    strengthClass(meter: any) {
-        return `p-password-strength ${meter ? meter.strength : ''}`;
-    }
-
-    filled() {
-        return this.value != null && this.value.toString().length > 0;
-    }
-
-    promptText() {
-        return this.promptLabel || this.getTranslation(TranslationKeys.PASSWORD_PROMPT);
-    }
-
-    weakText() {
-        return this.weakLabel || this.getTranslation(TranslationKeys.WEAK);
-    }
-
-    mediumText() {
-        return this.mediumLabel || this.getTranslation(TranslationKeys.MEDIUM);
-    }
-
-    strongText() {
-        return this.strongLabel || this.getTranslation(TranslationKeys.STRONG);
-    }
-
-    restoreAppend() {
-        if (this.overlay && this.appendTo) {
-            if (this.appendTo === 'body') this.renderer.removeChild(this.document.body, this.overlay);
-            else (this.document as any).getElementById(this.appendTo).removeChild(this.overlay);
-        }
-    }
-
-    inputType(unmasked: boolean) {
-        return unmasked ? 'text' : 'password';
-    }
-
-    getTranslation(option: string) {
-        return this.config.getTranslation(option);
-    }
-
-    clear() {
-        this.value = null;
-        this.onModelChange(this.value);
-        this.writeValue(this.value);
-        this.onClear.emit();
-    }
-
-    ngOnDestroy() {
-        if (this.overlay) {
-            ZIndexUtils.clear(this.overlay);
-            this.overlay = null;
-        }
-
-        this.restoreAppend();
-        this.unbindResizeListener();
-
-        if (this.scrollHandler) {
-            this.scrollHandler.destroy();
-            this.scrollHandler = null;
-        }
-
-        if (this.translationSubscription) {
-            this.translationSubscription.unsubscribe();
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, InputTextModule, AutoFocusModule, TimesIcon, EyeSlashIcon, EyeIcon],
-    exports: [PasswordDirective, Password, SharedModule],
-    declarations: [PasswordDirective, Password, MapperPipe]
-})
-export class PasswordModule {}
diff --git a/src/app/components/password/public_api.ts b/src/app/components/password/public_api.ts
deleted file mode 100644
index 47b7e7a..0000000
--- a/src/app/components/password/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './password';
diff --git a/src/app/components/picklist/ng-package.json b/src/app/components/picklist/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/picklist/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/picklist/picklist.css b/src/app/components/picklist/picklist.css
deleted file mode 100644
index 3ef0041..0000000
--- a/src/app/components/picklist/picklist.css
+++ /dev/null
@@ -1,60 +0,0 @@
-@layer primeng {
-    .p-picklist {
-        display: flex;
-    }
-
-    .p-picklist-buttons {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-    }
-
-    .p-picklist-list-wrapper {
-        flex: 1 1 50%;
-    }
-
-    .p-picklist-list {
-        list-style-type: none;
-        margin: 0;
-        padding: 0;
-        overflow: auto;
-        min-height: 12rem;
-    }
-
-    .p-picklist-item {
-        display: block;
-        cursor: pointer;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-picklist-item:not(.cdk-drag-disabled) {
-        cursor: move;
-    }
-
-    .p-picklist-item.cdk-drag-placeholder {
-        opacity: 0;
-    }
-
-    .p-picklist-item.cdk-drag-animating {
-        transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
-    }
-
-    .p-picklist-filter {
-        position: relative;
-    }
-
-    .p-picklist-filter-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-    }
-
-    .p-picklist-filter-input {
-        width: 100%;
-    }
-
-    .p-picklist-list.cdk-drop-list-dragging .p-picklist-item:not(.cdk-drag-placeholder) {
-        transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
-    }
-}
diff --git a/src/app/components/picklist/picklist.interface.ts b/src/app/components/picklist/picklist.interface.ts
deleted file mode 100644
index 0bbd0ba..0000000
--- a/src/app/components/picklist/picklist.interface.ts
+++ /dev/null
@@ -1,222 +0,0 @@
-import { PickList } from './picklist';
-import { TemplateRef } from '@angular/core';
-/**
- * Callbacks to invoke on filter.
- * @group Interface
- */
-export interface PickListFilterOptions {
-    filter?: (value?: any) => void;
-    reset?: () => void;
-}
-
-/**
- * Custom move to source event.
- * @see {@link PickList.onMoveToSource}
- * @group Events
- */
-export interface PickListMoveToSourceEvent {
-    /**
-     * Moved items.
-     */
-    items: any[];
-}
-/**
- * Custom move all to source event.
- * @see {@link PickList.onMoveAllToSource}
- * @extends {PickListMoveToSourceEvent}
- * @group Events
- */
-export interface PickListMoveAllToSourceEvent extends PickListMoveToSourceEvent {}
-/**
- * Custom move all to target event.
- * @see {@link PickList.onMoveAllToTarget}
- * @extends {PickListMoveToSourceEvent}
- * @group Events
- */
-export interface PickListMoveAllToTargetEvent extends PickListMoveToSourceEvent {}
-/**
- * Custom move to target event.
- * @see {@link PickList.onMoveToTarget}
- * @extends {PickListMoveToSourceEvent}
- * @group Events
- */
-export interface PickListMoveToTargetEvent extends PickListMoveToSourceEvent {}
-/**
- * Custom move source reorder event.
- * @see {@link PickList.onSourceReorder}
- * @extends {PickListMoveToSourceEvent}
- * @group Events
- */
-export interface PickListSourceReorderEvent extends PickListMoveToSourceEvent {}
-/**
- * Custom move target reorder event.
- * @see {@link PickList.onTargetReorder}
- * @extends {PickListMoveToSourceEvent}
- * @group Events
- */
-export interface PickListTargetReorderEvent extends PickListMoveToSourceEvent {}
-/**
- * Custom source select event.
- * @see {@link PickList.onSourceSelect}
- * @group Events
- */
-export interface PickListSourceSelectEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Selected items.
-     */
-    items: any[];
-}
-/**
- * Custom target select event.
- * @see {@link PickList.onTargetSelect}
- * @extends {PickListSourceSelectEvent}
- * @group Events
- */
-export interface PickListTargetSelectEvent extends PickListSourceSelectEvent {}
-/**
- * Custom source filter event.
- * @see {@link PickList.onSourceFilter}
- * @group Events
- */
-export interface PickListSourceFilterEvent {
-    /**
-     * Filter value.
-     */
-    query: string | null | undefined;
-    /**
-     * Filtered items.
-     */
-    value: any[] | null | undefined;
-}
-/**
- * Custom target filter event.
- * @see {@link PickList.onTargetFilter}
- * @extends {PickListSourceFilterEvent}
- * @group Events
- */
-export interface PickListTargetFilterEvent extends PickListSourceFilterEvent {}
-/**
- * Defines valid templates in PickList.
- * @group Templates
- */
-export interface PickListTemplates {
-    /**
-     * Custom item template.
-     */
-    item(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: any;
-        /**
-         * Item index.
-         */
-        index: number;
-    }): TemplateRef<{ $implicit: any; index: number }>;
-    /**
-     * Custom source header template.
-     */
-    sourceHeader(): TemplateRef<any>;
-    /**
-     * Custom target header template.
-     */
-    targetHeader(): TemplateRef<any>;
-    /**
-     * Custom source filter template.
-     */
-    sourceFilter(context: {
-        /**
-         * Source filter options.
-         */
-        options: PickListFilterOptions;
-    }): TemplateRef<{ options: PickListFilterOptions }>;
-    /**
-     * Custom target filter template.
-     */
-    targetFilter(context: {
-        /**
-         * Target filter options.
-         */
-        options: PickListFilterOptions;
-    }): TemplateRef<{ options: PickListFilterOptions }>;
-    /**
-     * Custom source list empty message template.
-     */
-    emptymessagesource(): TemplateRef<any>;
-    /**
-     * Custom source list empty filter message template.
-     */
-    emptyfiltermessagesource(): TemplateRef<any>;
-    /**
-     * Custom target list empty message template.
-     */
-    emptymessagetarget(): TemplateRef<any>;
-    /**
-     * Custom target list empty filter message template.
-     */
-    emptyfiltermessagetarget(): TemplateRef<any>;
-    /**
-     * Custom move up icon template.
-     */
-    moveupicon(): TemplateRef<any>;
-    /**
-     * Custom move top icon template.
-     */
-    movetopicon(): TemplateRef<any>;
-    /**
-     * Custom move down icon template.
-     */
-    movedownicon(): TemplateRef<any>;
-    /**
-     * Custom move bottom icon template.
-     */
-    movebottomicon(): TemplateRef<any>;
-    /**
-     * Custom move to target icon template.
-     */
-    movetotargeticon(context: {
-        /**
-         * Boolean value indicates if the view is changed according to breakpoints.
-         */
-        $implicit: boolean;
-    }): TemplateRef<{ $implicit: boolean }>;
-    /**
-     * Custom move all to target icon template.
-     */
-    movealltotargeticon(context: {
-        /**
-         * Boolean value indicates if the view is changed according to breakpoints.
-         */
-        $implicit: boolean;
-    }): TemplateRef<{ $implicit: boolean }>;
-    /**
-     * Custom move to source icon template.
-     */
-    movetosourceicon(context: {
-        /**
-         * Boolean value indicates if the view is changed according to breakpoints.
-         */
-        $implicit: boolean;
-    }): TemplateRef<{ $implicit: boolean }>;
-    /**
-     * Custom move all to source icon template.
-     */
-    movealltosourceicon(context: {
-        /**
-         * Boolean value indicates if the view is changed according to breakpoints.
-         */
-        $implicit: boolean;
-    }): TemplateRef<{ $implicit: boolean }>;
-    /**
-     * Custom target filter icon template.
-     */
-    targetfiltericon(): TemplateRef<any>;
-    /**
-     * Custom source filter icon template.
-     */
-    sourcefiltericon(): TemplateRef<any>;
-}
diff --git a/src/app/components/picklist/picklist.spec.ts b/src/app/components/picklist/picklist.spec.ts
deleted file mode 100644
index 3c3bacb..0000000
--- a/src/app/components/picklist/picklist.spec.ts
+++ /dev/null
@@ -1,780 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { PickListModule, PickList } from './picklist';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Component, EventEmitter } from '@angular/core';
-
-@Component({
-    template: `<p-pickList [source]="sourceCars" [target]="targetCars">
-        <ng-template let-car pTemplate="item">
-            <div class="p-clearfix">
-                <img src="https://primefaces.org/cdn/primeng/images/demo/car/{{ car.brand }}.png" style="display:inline-block;margin:2px 0 2px 2px" width="48" />
-                <div style="font-size:14px;float:right;margin:15px 5px 0 0">{{ car.brand }} - {{ car.year }} - {{ car.color }}</div>
-            </div>
-        </ng-template>
-    </p-pickList>`
-})
-class TestPickListComponent {
-    sourceCars: any[];
-    targetCars: any[];
-
-    ngOnInit() {
-        this.sourceCars = [
-            { brand: 'VW', year: 2012, color: 'Orange', vin: 'dsad231ff' },
-            { brand: 'Audi', year: 2011, color: 'Black', vin: 'gwregre345' },
-            { brand: 'Renault', year: 2005, color: 'Gray', vin: 'h354htr' },
-            { brand: 'BMW', year: 2003, color: 'Blue', vin: 'j6w54qgh' },
-            { brand: 'Mercedes', year: 1995, color: 'Orange', vin: 'hrtwy34' },
-            { brand: 'Volvo', year: 2005, color: 'Black', vin: 'jejtyj' },
-            { brand: 'Honda', year: 2012, color: 'Yellow', vin: 'g43gr' },
-            { brand: 'Jaguar', year: 2013, color: 'Orange', vin: 'greg34' },
-            { brand: 'Ford', year: 2000, color: 'Black', vin: 'h54hw5' },
-            { brand: 'Fiat', year: 2013, color: 'Red', vin: '245t2s' }
-        ];
-        this.targetCars = [];
-    }
-}
-
-describe('PickList', () => {
-    let picklist: PickList;
-    let fixture: ComponentFixture<TestPickListComponent>;
-    let testComponent: TestPickListComponent;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, PickListModule],
-            declarations: [PickList, TestPickListComponent]
-        });
-
-        fixture = TestBed.createComponent(TestPickListComponent);
-        testComponent = fixture.componentInstance;
-        picklist = fixture.debugElement.children[0].componentInstance;
-    });
-
-    it('should created by default', () => {
-        fixture.detectChanges();
-
-        const picklistEl = fixture.debugElement.query(By.css('div'));
-        const controlEls = fixture.debugElement.queryAll(By.css('.p-picklist-buttons'));
-        expect(controlEls.length).toEqual(3);
-        expect(picklistEl).toBeTruthy();
-    });
-
-    it('should change style and styleClass', () => {
-        picklist.style = { height: '300px' };
-        picklist.styleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const picklistEl = fixture.debugElement.query(By.css('div'));
-        expect(picklistEl.nativeElement.className).toContain('Primeng ROCKS!');
-        expect(picklistEl.nativeElement.style.height).toEqual('300px');
-    });
-
-    it('should show sourceHeader and targetHeader', () => {
-        fixture.detectChanges();
-
-        picklist.sourceHeader = 'Primeng';
-        picklist.targetHeader = 'ROCKS!';
-        fixture.detectChanges();
-
-        picklist.cd.detectChanges();
-        const headerEls = fixture.debugElement.queryAll(By.css('.p-picklist-header'));
-        expect(headerEls).toBeTruthy();
-        expect(headerEls.length).toEqual(2);
-        expect(headerEls[0].nativeElement.textContent).toEqual('Primeng');
-        expect(headerEls[1].nativeElement.textContent).toEqual('ROCKS!');
-    });
-
-    it('should show filter input', () => {
-        picklist.filterBy = 'brand';
-        fixture.detectChanges();
-
-        picklist.cd.detectChanges();
-        const filterContainers = fixture.debugElement.queryAll(By.css('.p-picklist-filter-container'));
-        expect(filterContainers.length).toEqual(2);
-        expect(filterContainers[0]).toBeTruthy();
-        expect(filterContainers[1]).toBeTruthy();
-    });
-
-    it('should filtered source', () => {
-        picklist.filterBy = 'brand';
-        fixture.detectChanges();
-
-        const sourceFilterEl = fixture.debugElement.query(By.css('input'));
-        sourceFilterEl.nativeElement.value = 'v';
-        sourceFilterEl.nativeElement.dispatchEvent(new Event('keyup'));
-        fixture.detectChanges();
-
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        //expect(picklist.visibleOptionsSource).toBeDefined();
-        expect(picklist.visibleOptionsSource.length).toEqual(2);
-        expect(picklist.visibleOptionsSource[0].brand).toEqual('VW');
-        expect(picklist.visibleOptionsSource[1].brand).toEqual('Volvo');
-        expect(sourceListItems.length).toEqual(2);
-    });
-
-    it('should filtered target', () => {
-        picklist.filterBy = 'brand';
-        fixture.detectChanges();
-
-        picklist.cd.detectChanges();
-        const controlAllRightButton = fixture.debugElement.query(By.css('.p-picklist-transfer-buttons')).queryAll(By.css('button'))[1];
-        controlAllRightButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const targetFilterEl = fixture.debugElement.queryAll(By.css('input'))[1];
-        targetFilterEl.nativeElement.value = 'v';
-        targetFilterEl.nativeElement.dispatchEvent(new Event('keyup'));
-        fixture.detectChanges();
-
-        picklist.cd.detectChanges();
-        const targetListItems = fixture.debugElement.query(By.css('.p-picklist-target-wrapper')).queryAll(By.css('.p-picklist-item'));
-        expect(picklist.visibleOptionsTarget.length).toEqual(2);
-        expect(picklist.visibleOptionsTarget[0].brand).toEqual('VW');
-        expect(picklist.visibleOptionsTarget[1].brand).toEqual('Volvo');
-        expect(targetListItems.length).toEqual(2);
-    });
-
-    it('should use input placeholders', () => {
-        picklist.filterBy = 'brand';
-        picklist.sourceFilterPlaceholder = 'Primeng';
-        picklist.targetFilterPlaceholder = 'ROCKS!';
-        fixture.detectChanges();
-
-        picklist.cd.detectChanges();
-        const headerEls = fixture.debugElement.queryAll(By.css('.p-picklist-filter'));
-        expect(headerEls.length).toEqual(2);
-        expect(headerEls[0].query(By.css('input')).nativeElement.placeholder).toEqual('Primeng');
-        expect(headerEls[1].query(By.css('input')).nativeElement.placeholder).toEqual('ROCKS!');
-    });
-
-    it('should not show filter input', () => {
-        picklist.showSourceFilter = false;
-        picklist.showTargetFilter = false;
-        fixture.detectChanges();
-
-        const headerEls = fixture.debugElement.queryAll(By.css('.p-picklist-filter-container'));
-        const inputEls = fixture.debugElement.query(By.css('.p-picklist-filter'));
-        expect(headerEls.length).toEqual(0);
-        expect(headerEls).toEqual([]);
-        expect(inputEls).toBeFalsy();
-    });
-
-    it('should show items', () => {
-        picklist.dragdrop = true;
-        fixture.detectChanges();
-
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source')).queryAll(By.css('.p-picklist-item'));
-        const targetListItems = fixture.debugElement.query(By.css('.p-picklist-target')).queryAll(By.css('.p-picklist-item'));
-
-        expect(sourceListItems.length).toEqual(10);
-        expect(targetListItems.length).toEqual(0);
-    });
-
-    it('should change sourceStyle and targetStyle', () => {
-        picklist.sourceStyle = { height: '300px' };
-        picklist.targetStyle = { height: '300px' };
-        fixture.detectChanges();
-
-        picklist.cd.detectChanges();
-        const headerEls = fixture.debugElement.queryAll(By.css('.p-picklist-list'));
-        expect(headerEls[0].nativeElement.style.height).toContain('300px');
-        expect(headerEls[1].nativeElement.style.height).toContain('300px');
-    });
-
-    it('should not show controls', () => {
-        picklist.showSourceControls = false;
-        picklist.showTargetControls = false;
-        fixture.detectChanges();
-
-        const sourceControlsEl = fixture.debugElement.query(By.css('.p-picklist-source-controls'));
-        const targetControlsEl = fixture.debugElement.query(By.css('.p-picklist-target-controls'));
-        expect(sourceControlsEl).toBeFalsy();
-        expect(targetControlsEl).toBeFalsy();
-    });
-
-    it('should disabled', () => {
-        picklist.disabled = true;
-        picklist.filterBy = 'brand';
-        fixture.detectChanges();
-
-        const buttonsEls = fixture.debugElement.queryAll(By.css('button'));
-        const inputEls = fixture.debugElement.queryAll(By.css('input'));
-        const itemEls = fixture.debugElement.queryAll(By.css('li'));
-        for (let button of buttonsEls) {
-            expect(button.nativeElement.disabled).toEqual(true);
-        }
-        for (let input of inputEls) {
-            expect(input.nativeElement.disabled).toEqual(true);
-        }
-        for (let item of itemEls) {
-            expect(item.nativeElement.className).toContain('p-disabled');
-        }
-    });
-
-    it('should select item', () => {
-        fixture.detectChanges();
-
-        const onItemClickSpy = spyOn(picklist, 'onItemClick').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        sourceListItems[0].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(onItemClickSpy).toHaveBeenCalled();
-        expect(sourceListItems[0].nativeElement.className).toContain('p-highlight');
-        expect(picklist.selectedItemsSource.length).toEqual(1);
-        expect(picklist.selectedItemsSource[0].brand).toEqual('VW');
-    });
-
-    it('should not select item', () => {
-        picklist.disabled = true;
-        fixture.detectChanges();
-
-        const onItemClickSpy = spyOn(picklist, 'onItemClick').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        sourceListItems[0].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(onItemClickSpy).toHaveBeenCalled();
-        expect(sourceListItems[0].nativeElement.className).not.toContain('p-highlight');
-        expect(picklist.selectedItemsSource.length).toEqual(0);
-        expect(picklist.selectedItemsSource[0]).toBeUndefined();
-    });
-
-    it('should unselect item', () => {
-        fixture.detectChanges();
-
-        const onItemClickSpy = spyOn(picklist, 'onItemClick').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        sourceListItems[0].nativeElement.click();
-        fixture.detectChanges();
-
-        let event = { ctrlKey: true };
-        let callback = new EventEmitter();
-        picklist.onItemClick(event, picklist.selectedItemsSource[0], picklist.selectedItemsSource, picklist.SOURCE_LIST, callback);
-        fixture.detectChanges();
-
-        picklist.cd.detectChanges();
-        expect(onItemClickSpy).toHaveBeenCalled();
-        expect(sourceListItems[0].nativeElement.className).not.toContain('p-highlight');
-        expect(picklist.selectedItemsSource.length).toEqual(0);
-    });
-
-    it('should select item without metakey', () => {
-        picklist.metaKeySelection = false;
-        fixture.detectChanges();
-
-        const onItemClickSpy = spyOn(picklist, 'onItemClick').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        sourceListItems[0].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(onItemClickSpy).toHaveBeenCalled();
-        expect(sourceListItems[0].nativeElement.className).toContain('p-highlight');
-        expect(picklist.selectedItemsSource.length).toEqual(1);
-        expect(picklist.selectedItemsSource[0].brand).toEqual('VW');
-    });
-
-    it('should unselect item without metakey', () => {
-        picklist.metaKeySelection = false;
-        fixture.detectChanges();
-
-        const onItemClickSpy = spyOn(picklist, 'onItemClick').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        sourceListItems[0].nativeElement.click();
-        fixture.detectChanges();
-
-        sourceListItems[0].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(onItemClickSpy).toHaveBeenCalled();
-        expect(sourceListItems[0].nativeElement.className).not.toContain('p-highlight');
-        expect(picklist.selectedItemsSource.length).toEqual(0);
-    });
-
-    it('should call moveUp', () => {
-        fixture.detectChanges();
-
-        const moveUpSpy = spyOn(picklist, 'moveUp').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const sourceControlUpButton = fixture.debugElement.query(By.css('.p-picklist-source-controls')).queryAll(By.css('button'))[0];
-        sourceListItems[3].nativeElement.click();
-        fixture.detectChanges();
-
-        sourceControlUpButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const sourceListItemsAfterChange = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        expect(moveUpSpy).toHaveBeenCalled();
-        expect(sourceListItemsAfterChange[2].nativeElement.className).toContain('p-highlight');
-        expect(sourceListItemsAfterChange[2].nativeElement.textContent).toContain('BMW');
-        expect(sourceListItemsAfterChange[3].nativeElement.textContent).toContain('Renault');
-    });
-
-    it('should call moveUp and do nothing', () => {
-        fixture.detectChanges();
-
-        const moveUpSpy = spyOn(picklist, 'moveUp').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const sourceControlUpButton = fixture.debugElement.query(By.css('.p-picklist-source-controls')).queryAll(By.css('button'))[0];
-        sourceListItems[0].nativeElement.click();
-        fixture.detectChanges();
-
-        sourceControlUpButton.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(moveUpSpy).toHaveBeenCalled();
-        let callback = new EventEmitter();
-        expect(picklist.moveBottom(picklist.source[0], picklist.source, picklist.selectedItemsSource, callback, picklist.SOURCE_LIST)).toBeUndefined();
-    });
-
-    it('should call moveDown', () => {
-        fixture.detectChanges();
-
-        const moveDownSpy = spyOn(picklist, 'moveDown').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const sourceControlDownButton = fixture.debugElement.query(By.css('.p-picklist-source-controls')).queryAll(By.css('button'))[2];
-        sourceListItems[3].nativeElement.click();
-        fixture.detectChanges();
-
-        sourceControlDownButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const sourceListItemsAfterChange = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        expect(moveDownSpy).toHaveBeenCalled();
-        expect(sourceListItemsAfterChange[4].nativeElement.className).toContain('p-highlight');
-        expect(sourceListItemsAfterChange[4].nativeElement.textContent).toContain('BMW');
-        expect(sourceListItemsAfterChange[3].nativeElement.textContent).toContain('Mercedes');
-    });
-
-    it('should call moveDown and do nothing', () => {
-        fixture.detectChanges();
-
-        const moveDownSpy = spyOn(picklist, 'moveDown').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const sourceControlDownButton = fixture.debugElement.query(By.css('.p-picklist-source-controls')).queryAll(By.css('button'))[2];
-        sourceListItems[9].nativeElement.click();
-        fixture.detectChanges();
-
-        sourceControlDownButton.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(moveDownSpy).toHaveBeenCalled();
-        let callback = new EventEmitter();
-        expect(picklist.moveDown(picklist.source[9], picklist.source, picklist.selectedItemsSource, callback, picklist.SOURCE_LIST)).toBeUndefined();
-    });
-
-    it('should call movetop', () => {
-        fixture.detectChanges();
-
-        const moveTopSpy = spyOn(picklist, 'moveTop').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const sourceControlTopButton = fixture.debugElement.query(By.css('.p-picklist-source-controls')).queryAll(By.css('button'))[1];
-        sourceListItems[3].nativeElement.click();
-        fixture.detectChanges();
-
-        sourceControlTopButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const sourceListItemsAfterChange = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        expect(moveTopSpy).toHaveBeenCalled();
-        expect(sourceListItemsAfterChange[0].nativeElement.className).toContain('p-highlight');
-        expect(sourceListItemsAfterChange[0].nativeElement.textContent).toContain('BMW');
-        expect(sourceListItemsAfterChange[3].nativeElement.textContent).toContain('Renault');
-    });
-
-    it('should call movetop and do nothing', () => {
-        fixture.detectChanges();
-
-        const moveTopSpy = spyOn(picklist, 'moveTop').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const sourceControlTopButton = fixture.debugElement.query(By.css('.p-picklist-source-controls')).queryAll(By.css('button'))[1];
-        sourceListItems[0].nativeElement.click();
-        fixture.detectChanges();
-
-        sourceControlTopButton.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(moveTopSpy).toHaveBeenCalled();
-        let callback = new EventEmitter();
-        expect(picklist.moveTop(picklist.source[0], picklist.source, picklist.selectedItemsSource, callback, picklist.SOURCE_LIST)).toBeUndefined();
-    });
-
-    it('should call moveBottom', () => {
-        fixture.detectChanges();
-
-        const moveBottomSpy = spyOn(picklist, 'moveBottom').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const sourceControlBottomButton = fixture.debugElement.query(By.css('.p-picklist-source-controls')).queryAll(By.css('button'))[3];
-        sourceListItems[3].nativeElement.click();
-        fixture.detectChanges();
-
-        sourceControlBottomButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const sourceListItemsAfterChange = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        expect(moveBottomSpy).toHaveBeenCalled();
-        expect(sourceListItemsAfterChange[9].nativeElement.className).toContain('p-highlight');
-        expect(sourceListItemsAfterChange[9].nativeElement.textContent).toContain('BMW');
-        expect(sourceListItemsAfterChange[3].nativeElement.textContent).toContain('Mercedes');
-    });
-
-    it('should call moveBottom and do nothing', () => {
-        fixture.detectChanges();
-
-        const moveBottomSpy = spyOn(picklist, 'moveBottom').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const sourceControlBottomButton = fixture.debugElement.query(By.css('.p-picklist-source-controls')).queryAll(By.css('button'))[3];
-        sourceListItems[9].nativeElement.click();
-        fixture.detectChanges();
-
-        sourceControlBottomButton.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(moveBottomSpy).toHaveBeenCalled();
-        let callback = new EventEmitter();
-        expect(picklist.moveBottom(picklist.source[9], picklist.source, picklist.selectedItemsSource, callback, picklist.SOURCE_LIST)).toBeUndefined();
-    });
-
-    it('should call moveRight', () => {
-        fixture.detectChanges();
-
-        const moveRightSpy = spyOn(picklist, 'moveRight').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const controlRightButton = fixture.debugElement.query(By.css('.p-picklist-transfer-buttons')).queryAll(By.css('button'))[0];
-        sourceListItems[3].nativeElement.click();
-        fixture.detectChanges();
-
-        controlRightButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const sourceListItemsAfterChange = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const targetListItemsAfterChange = fixture.debugElement.query(By.css('.p-picklist-target-wrapper')).queryAll(By.css('.p-picklist-item'));
-        expect(moveRightSpy).toHaveBeenCalled();
-        expect(sourceListItemsAfterChange[3].nativeElement.textContent).toContain('Mercedes');
-        expect(targetListItemsAfterChange[0].nativeElement.textContent).toContain('BMW');
-        expect(targetListItemsAfterChange.length).toEqual(1);
-        expect(picklist.target.length).toEqual(1);
-        expect(picklist.target[0].brand).toEqual('BMW');
-    });
-
-    it('should call moveLeft', () => {
-        fixture.detectChanges();
-
-        const moveLeftSpy = spyOn(picklist, 'moveLeft').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const controlRightButton = fixture.debugElement.query(By.css('.p-picklist-transfer-buttons')).queryAll(By.css('button'))[0];
-        const controlLeftButton = fixture.debugElement.query(By.css('.p-picklist-transfer-buttons')).queryAll(By.css('button'))[2];
-        sourceListItems[3].nativeElement.click();
-        fixture.detectChanges();
-
-        controlRightButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const targetListItems = fixture.debugElement.query(By.css('.p-picklist-target-wrapper')).queryAll(By.css('.p-picklist-item'));
-        targetListItems[0].nativeElement.click();
-        fixture.detectChanges();
-
-        controlLeftButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const sourceListItemsAfterChange = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const targetListItemsAfterChange = fixture.debugElement.query(By.css('.p-picklist-target-wrapper')).queryAll(By.css('.p-picklist-item'));
-        expect(moveLeftSpy).toHaveBeenCalled();
-        expect(targetListItemsAfterChange.length).toEqual(0);
-        expect(picklist.target.length).toEqual(0);
-        expect(picklist.source.length).toEqual(10);
-        expect(sourceListItemsAfterChange[9].nativeElement.textContent).toContain('BMW');
-    });
-
-    it('should call moveAllRight', () => {
-        fixture.detectChanges();
-
-        const moveAllRightSpy = spyOn(picklist, 'moveAllRight').and.callThrough();
-        const controlAllRightButton = fixture.debugElement.query(By.css('.p-picklist-transfer-buttons')).queryAll(By.css('button'))[1];
-        fixture.detectChanges();
-
-        controlAllRightButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const sourceListItemsAfterChange = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const targetListItemsAfterChange = fixture.debugElement.query(By.css('.p-picklist-target-wrapper')).queryAll(By.css('.p-picklist-item'));
-        expect(moveAllRightSpy).toHaveBeenCalled();
-        expect(sourceListItemsAfterChange.length).toEqual(0);
-        expect(targetListItemsAfterChange.length).toEqual(10);
-        expect(picklist.target.length).toEqual(10);
-        expect(picklist.source.length).toEqual(0);
-    });
-
-    it('should call moveAllLeft', () => {
-        fixture.detectChanges();
-
-        const moveAllLeftSpy = spyOn(picklist, 'moveAllLeft').and.callThrough();
-        const controlAllRightButton = fixture.debugElement.query(By.css('.p-picklist-transfer-buttons')).queryAll(By.css('button'))[1];
-        const controlAllLeftButton = fixture.debugElement.query(By.css('.p-picklist-transfer-buttons')).queryAll(By.css('button'))[3];
-        fixture.detectChanges();
-
-        controlAllRightButton.nativeElement.click();
-        fixture.detectChanges();
-
-        controlAllLeftButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const sourceListItemsAfterChange = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const targetListItemsAfterChange = fixture.debugElement.query(By.css('.p-picklist-target-wrapper')).queryAll(By.css('.p-picklist-item'));
-        expect(moveAllLeftSpy).toHaveBeenCalled();
-        expect(targetListItemsAfterChange.length).toEqual(0);
-        expect(sourceListItemsAfterChange.length).toEqual(10);
-        expect(picklist.source.length).toEqual(10);
-        expect(picklist.target.length).toEqual(0);
-    });
-
-    it('should listen onSourceSelect', () => {
-        fixture.detectChanges();
-
-        let data;
-        picklist.onSourceSelect.subscribe((value) => (data = value));
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        sourceListItems[0].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-        expect(data.items[0].brand).toEqual('VW');
-    });
-
-    it('should listen onTargetSelect', () => {
-        fixture.detectChanges();
-
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const controlRightButton = fixture.debugElement.query(By.css('.p-picklist-transfer-buttons')).queryAll(By.css('button'))[0];
-        sourceListItems[0].nativeElement.click();
-        fixture.detectChanges();
-
-        controlRightButton.nativeElement.click();
-        fixture.detectChanges();
-
-        let data;
-        picklist.onTargetSelect.subscribe((value) => (data = value));
-        const targetListItems = fixture.debugElement.query(By.css('.p-picklist-target-wrapper')).queryAll(By.css('.p-picklist-item'));
-        targetListItems[0].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-        expect(data.items[0].brand).toEqual('VW');
-    });
-
-    it('should listen onSourceReorder', () => {
-        fixture.detectChanges();
-
-        let data;
-        picklist.onSourceReorder.subscribe((value) => (data = value));
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const sourceControlUpButton = fixture.debugElement.query(By.css('.p-picklist-source-controls')).queryAll(By.css('button'))[0];
-        sourceListItems[3].nativeElement.click();
-        fixture.detectChanges();
-
-        sourceControlUpButton.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-        expect(data.items[0].brand).toEqual('BMW');
-    });
-
-    it('should listen onTargetReorder', () => {
-        fixture.detectChanges();
-
-        const controlAllRightButton = fixture.debugElement.query(By.css('.p-picklist-transfer-buttons')).queryAll(By.css('button'))[1];
-        controlAllRightButton.nativeElement.click();
-        fixture.detectChanges();
-
-        let data;
-        picklist.onTargetReorder.subscribe((value) => (data = value));
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-target-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const sourceControlUpButton = fixture.debugElement.query(By.css('.p-picklist-target-controls')).queryAll(By.css('button'))[0];
-        sourceListItems[3].nativeElement.click();
-        fixture.detectChanges();
-
-        sourceControlUpButton.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-        expect(data.items[0].brand).toEqual('BMW');
-    });
-
-    it('should listen onMoveToTarget', () => {
-        fixture.detectChanges();
-
-        let data;
-        picklist.onMoveToTarget.subscribe((value) => (data = value));
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const controlRightButton = fixture.debugElement.query(By.css('.p-picklist-transfer-buttons')).queryAll(By.css('button'))[0];
-        sourceListItems[3].nativeElement.click();
-        fixture.detectChanges();
-
-        controlRightButton.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-        expect(data.items[0].brand).toEqual('BMW');
-    });
-
-    it('should listen onMoveToSource', () => {
-        fixture.detectChanges();
-
-        let data;
-        picklist.onMoveToTarget.subscribe((value) => (data = value));
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        const controlRightButton = fixture.debugElement.query(By.css('.p-picklist-transfer-buttons')).queryAll(By.css('button'))[0];
-        const controlLeftButton = fixture.debugElement.query(By.css('.p-picklist-transfer-buttons')).queryAll(By.css('button'))[2];
-        sourceListItems[3].nativeElement.click();
-        fixture.detectChanges();
-
-        controlRightButton.nativeElement.click();
-        fixture.detectChanges();
-
-        const targetListItems = fixture.debugElement.query(By.css('.p-picklist-target-wrapper')).queryAll(By.css('.p-picklist-item'));
-        targetListItems[0].nativeElement.click();
-        fixture.detectChanges();
-
-        controlLeftButton.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-        expect(data.items[0].brand).toEqual('BMW');
-    });
-
-    it('should listen onMoveAllToTarget', () => {
-        fixture.detectChanges();
-
-        let data;
-        picklist.onMoveAllToTarget.subscribe((value) => (data = value));
-        const controlAllRightButton = fixture.debugElement.query(By.css('.p-picklist-transfer-buttons')).queryAll(By.css('button'))[1];
-        fixture.detectChanges();
-
-        controlAllRightButton.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-        expect(data.items.length).toEqual(10);
-    });
-
-    it('should listen onMoveAllToSource', () => {
-        fixture.detectChanges();
-
-        let data;
-        picklist.onMoveAllToSource.subscribe((value) => (data = value));
-        const controlAllRightButton = fixture.debugElement.query(By.css('.p-picklist-transfer-buttons')).queryAll(By.css('button'))[1];
-        const controlAllLeftButton = fixture.debugElement.query(By.css('.p-picklist-transfer-buttons')).queryAll(By.css('button'))[3];
-        fixture.detectChanges();
-
-        controlAllRightButton.nativeElement.click();
-        fixture.detectChanges();
-
-        controlAllLeftButton.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toBeTruthy();
-        expect(data.items.length).toEqual(10);
-    });
-
-    it('should send item to right and after send item to left', () => {
-        fixture.detectChanges();
-
-        const onSourceItemDblClickSpy = spyOn(picklist, 'onSourceItemDblClick').and.callThrough();
-        const onTargetItemDblClickSpy = spyOn(picklist, 'onTargetItemDblClick').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        sourceListItems[0].nativeElement.click();
-        sourceListItems[0].nativeElement.dispatchEvent(new Event('dblclick'));
-        fixture.detectChanges();
-
-        const targetListItems = fixture.debugElement.query(By.css('.p-picklist-target-wrapper')).queryAll(By.css('.p-picklist-item'));
-        expect(picklist.target.length).toEqual(1);
-        expect(picklist.source.length).toEqual(9);
-        targetListItems[0].nativeElement.click();
-        targetListItems[0].nativeElement.dispatchEvent(new Event('dblclick'));
-        fixture.detectChanges();
-
-        expect(picklist.target.length).toEqual(0);
-        expect(picklist.source.length).toEqual(10);
-        expect(onSourceItemDblClickSpy).toHaveBeenCalled();
-        expect(onTargetItemDblClickSpy).toHaveBeenCalled();
-    });
-
-    it('should not send item to right', () => {
-        picklist.disabled = true;
-        fixture.detectChanges();
-
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        sourceListItems[0].nativeElement.click();
-        sourceListItems[0].nativeElement.dispatchEvent(new Event('dblclick'));
-        fixture.detectChanges();
-
-        expect(picklist.target.length).toEqual(0);
-        expect(picklist.source.length).toEqual(10);
-    });
-
-    it('should not send item to left', () => {
-        fixture.detectChanges();
-
-        const onItemTouchEndSpy = spyOn(picklist, 'onItemTouchEnd').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        sourceListItems[0].nativeElement.click();
-        sourceListItems[0].nativeElement.dispatchEvent(new Event('dblclick'));
-        fixture.detectChanges();
-
-        picklist.disabled = true;
-        fixture.detectChanges();
-
-        const targetListItems = fixture.debugElement.query(By.css('.p-picklist-target-wrapper')).queryAll(By.css('.p-picklist-item'));
-        targetListItems[0].nativeElement.click();
-        targetListItems[0].nativeElement.dispatchEvent(new Event('dblclick'));
-        fixture.detectChanges();
-
-        expect(picklist.target.length).toEqual(1);
-        expect(picklist.source.length).toEqual(9);
-    });
-
-    it('should call onItemTouchEnd', () => {
-        fixture.detectChanges();
-
-        const onItemTouchEndSpy = spyOn(picklist, 'onItemTouchEnd').and.callThrough();
-        const sourceListItems = fixture.debugElement.query(By.css('.p-picklist-source-wrapper')).queryAll(By.css('.p-picklist-item'));
-        sourceListItems[0].nativeElement.dispatchEvent(new Event('touchend'));
-        fixture.detectChanges();
-
-        expect(picklist.itemTouched).toEqual(true);
-        expect(onItemTouchEndSpy).toHaveBeenCalled();
-        picklist.disabled = true;
-        picklist.itemTouched = false;
-        fixture.detectChanges();
-
-        sourceListItems[0].nativeElement.dispatchEvent(new Event('touchend'));
-        expect(picklist.itemTouched).toEqual(false);
-        expect(onItemTouchEndSpy).toHaveBeenCalled();
-    });
-
-    it('should change focused item with up and down arrows', () => {
-        fixture.detectChanges();
-
-        const itemList = fixture.debugElement.query(By.css('.p-picklist-list'));
-        let items = fixture.debugElement.queryAll(By.css('.p-picklist-item'));
-        items[0].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(picklist.selectedItemsSource.length).toEqual(1);
-        expect(picklist.selectedItemsSource[0].brand).toBe('VW');
-        itemList.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowDown' }));
-        fixture.detectChanges();
-
-        expect(items[1].nativeElement.className).toContain('p-focus');
-        itemList.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowUp' }));
-        fixture.detectChanges();
-
-        expect(items[0].nativeElement.className).toContain('p-focus');
-        itemList.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowDown' }));
-        itemList.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'Enter' }));
-        fixture.detectChanges();
-
-        expect(picklist.selectedItemsSource[1].brand).toBe('Audi');
-    });
-});
diff --git a/src/app/components/picklist/picklist.ts b/src/app/components/picklist/picklist.ts
deleted file mode 100644
index c23e0a0..0000000
--- a/src/app/components/picklist/picklist.ts
+++ /dev/null
@@ -1,1710 +0,0 @@
-import { CDK_DRAG_CONFIG, CdkDragDrop, DragDropModule, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    AfterViewChecked,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    numberAttribute
-} from '@angular/core';
-import { FilterService, PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { ButtonModule } from 'primeng/button';
-import { DomHandler } from 'primeng/dom';
-import { AngleDoubleDownIcon } from 'primeng/icons/angledoubledown';
-import { AngleDoubleLeftIcon } from 'primeng/icons/angledoubleleft';
-import { AngleDoubleRightIcon } from 'primeng/icons/angledoubleright';
-import { AngleDoubleUpIcon } from 'primeng/icons/angledoubleup';
-import { AngleDownIcon } from 'primeng/icons/angledown';
-import { AngleLeftIcon } from 'primeng/icons/angleleft';
-import { AngleRightIcon } from 'primeng/icons/angleright';
-import { AngleUpIcon } from 'primeng/icons/angleup';
-import { HomeIcon } from 'primeng/icons/home';
-import { SearchIcon } from 'primeng/icons/search';
-import { RippleModule } from 'primeng/ripple';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { ObjectUtils, UniqueComponentId } from 'primeng/utils';
-import {
-    PickListFilterOptions,
-    PickListMoveAllToSourceEvent,
-    PickListMoveAllToTargetEvent,
-    PickListMoveToSourceEvent,
-    PickListMoveToTargetEvent,
-    PickListSourceFilterEvent,
-    PickListSourceReorderEvent,
-    PickListSourceSelectEvent,
-    PickListTargetFilterEvent,
-    PickListTargetReorderEvent,
-    PickListTargetSelectEvent
-} from './picklist.interface';
-/**
- * PickList is used to reorder items between different lists.
- * @group Components
- */
-@Component({
-    selector: 'p-pickList',
-    template: `
-        <div [class]="styleClass" [ngStyle]="style" [ngClass]="{ 'p-picklist p-component': true, 'p-picklist-striped': stripedRows }" cdkDropListGroup [attr.data-pc-name]="'picklist'" [attr.data-pc-section]="'root'">
-            <div class="p-picklist-buttons p-picklist-source-controls" *ngIf="showSourceControls" [attr.data-pc-section]="'sourceControls'" [attr.data-pc-group-section]="'controls'">
-                <button
-                    type="button"
-                    [attr.aria-label]="moveUpAriaLabel"
-                    pButton
-                    pRipple
-                    class="p-button-icon-only"
-                    [disabled]="sourceMoveDisabled()"
-                    (click)="moveUp(sourcelist, source, selectedItemsSource, onSourceReorder, SOURCE_LIST)"
-                    [attr.data-pc-section]="'sourceMoveUpButton'"
-                >
-                    <AngleUpIcon *ngIf="!moveUpIconTemplate" [attr.data-pc-section]="'moveupicon'" />
-                    <ng-template *ngTemplateOutlet="moveUpIconTemplate"></ng-template>
-                </button>
-                <button
-                    type="button"
-                    [attr.aria-label]="moveTopAriaLabel"
-                    pButton
-                    pRipple
-                    class="p-button-icon-only"
-                    [disabled]="sourceMoveDisabled()"
-                    (click)="moveTop(sourcelist, source, selectedItemsSource, onSourceReorder, SOURCE_LIST)"
-                    [attr.data-pc-section]="'sourceMoveTopButton'"
-                >
-                    <AngleDoubleUpIcon *ngIf="!moveTopIconTemplate" [attr.data-pc-section]="'movetopicon'" />
-                    <ng-template *ngTemplateOutlet="moveTopIconTemplate"></ng-template>
-                </button>
-                <button
-                    type="button"
-                    [attr.aria-label]="moveDownAriaLabel"
-                    pButton
-                    pRipple
-                    class="p-button-icon-only"
-                    [disabled]="sourceMoveDisabled()"
-                    (click)="moveDown(sourcelist, source, selectedItemsSource, onSourceReorder, SOURCE_LIST)"
-                    [attr.data-pc-section]="'sourceMoveDownButton'"
-                >
-                    <AngleDownIcon *ngIf="!moveDownIconTemplate" [attr.data-pc-section]="'movedownicon'" />
-                    <ng-template *ngTemplateOutlet="moveDownIconTemplate"></ng-template>
-                </button>
-                <button
-                    type="button"
-                    [attr.aria-label]="moveBottomAriaLabel"
-                    pButton
-                    pRipple
-                    class="p-button-icon-only"
-                    [disabled]="sourceMoveDisabled()"
-                    (click)="moveBottom(sourcelist, source, selectedItemsSource, onSourceReorder, SOURCE_LIST)"
-                    [attr.data-pc-section]="'sourceMoveBottomButton'"
-                >
-                    <AngleDoubleDownIcon *ngIf="!moveBottomIconTemplate" [attr.data-pc-section]="'movebottomicon'" />
-                    <ng-template *ngTemplateOutlet="moveBottomIconTemplate"></ng-template>
-                </button>
-            </div>
-            <div class="p-picklist-list-wrapper p-picklist-source-wrapper" [attr.data-pc-section]="'sourceWrapper'" [attr.data-pc-group-section]="'listWrapper'">
-                <div [id]="idSource + '_header'" class="p-picklist-header" *ngIf="sourceHeader || sourceHeaderTemplate" [attr.data-pc-section]="'sourceHeader'" [attr.data-pc-group-section]="'header'">
-                    <div class="p-picklist-title" *ngIf="!sourceHeaderTemplate">{{ sourceHeader }}</div>
-                    <ng-container *ngTemplateOutlet="sourceHeaderTemplate"></ng-container>
-                </div>
-                <div class="p-picklist-filter-container" *ngIf="filterBy && showSourceFilter !== false" [attr.data-pc-section]="'sourceFilterContainer'">
-                    <ng-container *ngIf="sourceFilterTemplate; else builtInSourceElement">
-                        <ng-container *ngTemplateOutlet="sourceFilterTemplate; context: { options: sourceFilterOptions }"></ng-container>
-                    </ng-container>
-                    <ng-template #builtInSourceElement>
-                        <div class="p-picklist-filter" [attr.data-pc-section]="'sourceFilter'">
-                            <input
-                                #sourceFilter
-                                type="text"
-                                role="textbox"
-                                (keyup)="onFilter($event, SOURCE_LIST)"
-                                class="p-picklist-filter-input p-inputtext p-component"
-                                [disabled]="disabled"
-                                [attr.placeholder]="sourceFilterPlaceholder"
-                                [attr.aria-label]="ariaSourceFilterLabel"
-                                [attr.data-pc-section]="'sourceFilterInput'"
-                            />
-                            <SearchIcon *ngIf="!sourceFilterIconTemplate" [styleClass]="'p-picklist-filter-icon'" [attr.data-pc-section]="'sourcefilterIcon'" />
-                            <span class="p-picklist-filter-icon" *ngIf="sourceFilterIconTemplate" [attr.data-pc-section]="'sourcefilterIcon'">
-                                <ng-template *ngTemplateOutlet="sourceFilterIconTemplate"></ng-template>
-                            </span>
-                        </div>
-                    </ng-template>
-                </div>
-
-                <ul
-                    #sourcelist
-                    class="p-picklist-list p-picklist-source"
-                    [id]="idSource + '_list'"
-                    [attr.aria-labelledby]="idSource + '_header'"
-                    (keydown)="onItemKeyDown($event, selectedItemsSource, onSourceSelect, SOURCE_LIST)"
-                    (focus)="onListFocus($event, SOURCE_LIST)"
-                    (blur)="onListBlur($event, SOURCE_LIST)"
-                    cdkDropList
-                    [cdkDropListData]="source"
-                    (cdkDropListDropped)="onDrop($event, SOURCE_LIST)"
-                    [ngStyle]="sourceStyle"
-                    role="listbox"
-                    aria-multiselectable="true"
-                    [attr.aria-activedescendant]="focused['sourceList'] ? focusedOptionId : undefined"
-                    [attr.tabindex]="source && source.length > 0 ? tabindex : -1"
-                    [attr.data-pc-section]="'sourceList'"
-                    [attr.data-pc-group-section]="'list'"
-                >
-                    <ng-template ngFor let-item [ngForOf]="source" [ngForTrackBy]="sourceTrackBy || trackBy" let-i="index" let-l="last">
-                        <li
-                            pRipple
-                            cdkDrag
-                            [id]="idSource + '_' + i"
-                            [ngClass]="itemClass(item, idSource + '_' + i, selectedItemsSource)"
-                            [cdkDragData]="item"
-                            [cdkDragDisabled]="!dragdrop"
-                            (click)="onItemClick($event, item, selectedItemsSource, SOURCE_LIST, onSourceSelect, idSource + '_' + i)"
-                            (mousedown)="onOptionMouseDown(i, SOURCE_LIST)"
-                            (dblclick)="onSourceItemDblClick()"
-                            (touchend)="onItemTouchEnd()"
-                            *ngIf="isItemVisible(item, SOURCE_LIST)"
-                            role="option"
-                            [attr.data-pc-section]="'item'"
-                            [attr.aria-selected]="isSelected(item, selectedItemsSource)"
-                        >
-                            <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item, index: i }"></ng-container>
-                        </li>
-                    </ng-template>
-                    <ng-container *ngIf="isEmpty(SOURCE_LIST) && (emptyMessageSourceTemplate || emptyFilterMessageSourceTemplate)">
-                        <li class="p-picklist-empty-message" *ngIf="!filterValueSource || !emptyFilterMessageSourceTemplate" [attr.data-pc-section]="'sourceEmptyMessage'">
-                            <ng-container *ngTemplateOutlet="emptyMessageSourceTemplate"></ng-container>
-                        </li>
-                        <li class="p-picklist-empty-message" *ngIf="filterValueSource" [attr.data-pc-section]="'sourceEmptyMessage'">
-                            <ng-container *ngTemplateOutlet="emptyFilterMessageSourceTemplate"></ng-container>
-                        </li>
-                    </ng-container>
-                </ul>
-            </div>
-            <div class="p-picklist-buttons p-picklist-transfer-buttons" [attr.data-pc-section]="'buttons'" [attr.data-pc-group-section]="'controls'">
-                <button type="button" [attr.aria-label]="moveToTargetAriaLabel" pButton pRipple class="p-button-icon-only" [disabled]="moveRightDisabled()" (click)="moveRight()" [attr.data-pc-section]="'moveToTargetButton'">
-                    <ng-container *ngIf="!moveToTargetIconTemplate">
-                        <AngleRightIcon *ngIf="!viewChanged" [attr.data-pc-section]="'movetotargeticon'" />
-                        <AngleDownIcon *ngIf="viewChanged" [attr.data-pc-section]="'movetotargeticon'" />
-                    </ng-container>
-                    <ng-template *ngTemplateOutlet="moveToTargetIconTemplate; context: { $implicit: viewChanged }"></ng-template>
-                </button>
-                <button type="button" [attr.aria-label]="moveAllToTargetAriaLabel" pButton pRipple class="p-button-icon-only" [disabled]="moveAllRightDisabled()" (click)="moveAllRight()" [attr.data-pc-section]="'moveAllToTargetButton'">
-                    <ng-container *ngIf="!moveAllToTargetIconTemplate">
-                        <AngleDoubleRightIcon *ngIf="!viewChanged" [attr.data-pc-section]="'movealltotargeticon'" />
-                        <AngleDoubleDownIcon *ngIf="viewChanged" [attr.data-pc-section]="'movealltotargeticon'" />
-                    </ng-container>
-                    <ng-template *ngTemplateOutlet="moveAllToTargetIconTemplate; context: { $implicit: viewChanged }"></ng-template>
-                </button>
-                <button type="button" [attr.aria-label]="moveToSourceAriaLabel" pButton pRipple class="p-button-icon-only" [disabled]="moveLeftDisabled()" (click)="moveLeft()" [attr.data-pc-section]="'moveToSourceButton'">
-                    <ng-container *ngIf="!moveToSourceIconTemplate">
-                        <AngleLeftIcon *ngIf="!viewChanged" [attr.data-pc-section]="'movedownsourceticon'" />
-                        <AngleUpIcon *ngIf="viewChanged" [attr.data-pc-section]="'movedownsourceticon'" />
-                    </ng-container>
-                    <ng-template *ngTemplateOutlet="moveToSourceIconTemplate; context: { $implicit: viewChanged }"></ng-template>
-                </button>
-                <button type="button" [attr.aria-label]="moveAllToSourceAriaLabel" pButton pRipple class="p-button-icon-only" [disabled]="moveAllLeftDisabled()" (click)="moveAllLeft()" [attr.data-pc-section]="'moveAllToSourceButton'">
-                    <ng-container *ngIf="!moveAllToSourceIconTemplate">
-                        <AngleDoubleLeftIcon *ngIf="!viewChanged" [attr.data-pc-section]="'movealltosourceticon'" />
-                        <AngleDoubleUpIcon *ngIf="viewChanged" [attr.data-pc-section]="'movealltosourceticon'" />
-                    </ng-container>
-                    <ng-template *ngTemplateOutlet="moveAllToSourceIconTemplate; context: { $implicit: viewChanged }"></ng-template>
-                </button>
-            </div>
-            <div class="p-picklist-list-wrapper p-picklist-target-wrapper" [attr.data-pc-section]="'targetWrapper'" [attr.data-pc-group-section]="'listwrapper'">
-                <div [id]="idTarget + '_header'" class="p-picklist-header" *ngIf="targetHeader || targetHeaderTemplate" [attr.data-pc-section]="'targetHead'" [attr.data-pc-group-section]="'header'">
-                    <div class="p-picklist-title" *ngIf="!targetHeaderTemplate">{{ targetHeader }}</div>
-                    <ng-container *ngTemplateOutlet="targetHeaderTemplate"></ng-container>
-                </div>
-                <div class="p-picklist-filter-container" *ngIf="filterBy && showTargetFilter !== false" [attr.data-pc-section]="'targetFilterContainer'">
-                    <ng-container *ngIf="targetFilterTemplate; else builtInTargetElement">
-                        <ng-container *ngTemplateOutlet="targetFilterTemplate; context: { options: targetFilterOptions }"></ng-container>
-                    </ng-container>
-                    <ng-template #builtInTargetElement>
-                        <div class="p-picklist-filter" [attr.data-pc-section]="'targetFilter'">
-                            <input
-                                #targetFilter
-                                type="text"
-                                role="textbox"
-                                (keyup)="onFilter($event, TARGET_LIST)"
-                                class="p-picklist-filter-input p-inputtext p-component"
-                                [disabled]="disabled"
-                                [attr.placeholder]="targetFilterPlaceholder"
-                                [attr.aria-label]="ariaTargetFilterLabel"
-                                [attr.data-pc-section]="'targetFilterInput'"
-                            />
-                            <SearchIcon *ngIf="!targetFilterIconTemplate" [styleClass]="'p-picklist-filter-icon'" [attr.data-pc-section]="'targetfiltericon'" />
-                            <span class="p-picklist-filter-icon" *ngIf="targetFilterIconTemplate" [attr.data-pc-section]="'targetfiltericon'">
-                                <ng-template *ngTemplateOutlet="targetFilterIconTemplate"></ng-template>
-                            </span>
-                        </div>
-                    </ng-template>
-                </div>
-                <ul
-                    #targetlist
-                    class="p-picklist-list p-picklist-target"
-                    [id]="idTarget + '_list'"
-                    [attr.aria-labelledby]="idTarget + '_header'"
-                    (keydown)="onItemKeyDown($event, selectedItemsTarget, onTargetSelect, TARGET_LIST)"
-                    (focus)="onListFocus($event, TARGET_LIST)"
-                    (blur)="onListBlur($event, TARGET_LIST)"
-                    cdkDropList
-                    [cdkDropListData]="target"
-                    (cdkDropListDropped)="onDrop($event, TARGET_LIST)"
-                    [ngStyle]="targetStyle"
-                    role="listbox"
-                    aria-multiselectable="true"
-                    [attr.aria-activedescendant]="focused['targetList'] ? focusedOptionId : undefined"
-                    [attr.tabindex]="target && target.length > 0 ? tabindex : -1"
-                    [attr.data-pc-section]="'targetList'"
-                    [attr.data-pc-group-section]="'list'"
-                >
-                    <ng-template ngFor let-item [ngForOf]="target" [ngForTrackBy]="targetTrackBy || trackBy" let-i="index" let-l="last">
-                        <li
-                            pRipple
-                            cdkDrag
-                            [id]="idTarget + '_' + i"
-                            [ngClass]="itemClass(item, idTarget + '_' + i, selectedItemsTarget)"
-                            [cdkDragData]="item"
-                            [cdkDragDisabled]="!dragdrop"
-                            (click)="onItemClick($event, item, selectedItemsTarget, TARGET_LIST, onTargetSelect, idTarget + '_' + i)"
-                            (mousedown)="onOptionMouseDown(i, TARGET_LIST)"
-                            (dblclick)="onTargetItemDblClick()"
-                            (touchend)="onItemTouchEnd()"
-                            *ngIf="isItemVisible(item, TARGET_LIST)"
-                            role="option"
-                            [attr.data-pc-section]="'item'"
-                            [attr.aria-selected]="isSelected(item, selectedItemsTarget)"
-                        >
-                            <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item, index: i }"></ng-container>
-                        </li>
-                    </ng-template>
-                    <ng-container *ngIf="isEmpty(TARGET_LIST) && (emptyMessageTargetTemplate || emptyFilterMessageTargetTemplate)">
-                        <li class="p-picklist-empty-message" *ngIf="!filterValueTarget || !emptyFilterMessageTargetTemplate" [attr.data-pc-section]="'targetEmptyMessage'">
-                            <ng-container *ngTemplateOutlet="emptyMessageTargetTemplate"></ng-container>
-                        </li>
-                        <li class="p-picklist-empty-message" *ngIf="filterValueTarget" [attr.data-pc-section]="'targetEmptyMessage'">
-                            <ng-container *ngTemplateOutlet="emptyFilterMessageTargetTemplate"></ng-container>
-                        </li>
-                    </ng-container>
-                </ul>
-            </div>
-            <div class="p-picklist-buttons p-picklist-target-controls" *ngIf="showTargetControls" [attr.data-pc-section]="'targetControls'" [attr.data-pc-group-section]="'controls'">
-                <button
-                    type="button"
-                    [attr.aria-label]="moveUpAriaLabel"
-                    pButton
-                    pRipple
-                    class="p-button-icon-only"
-                    [disabled]="targetMoveDisabled()"
-                    (click)="moveUp(targetlist, target, selectedItemsTarget, onTargetReorder, TARGET_LIST)"
-                    [attr.data-pc-section]="'targetMoveUpButton'"
-                >
-                    <AngleUpIcon *ngIf="!moveUpIconTemplate" [attr.data-pc-section]="'moveupicon'" />
-                    <ng-template *ngTemplateOutlet="moveUpIconTemplate"></ng-template>
-                </button>
-                <button
-                    type="button"
-                    [attr.aria-label]="moveTopAriaLabel"
-                    pButton
-                    pRipple
-                    class="p-button-icon-only"
-                    [disabled]="targetMoveDisabled()"
-                    (click)="moveTop(targetlist, target, selectedItemsTarget, onTargetReorder, TARGET_LIST)"
-                    [attr.data-pc-section]="'targetMoveTopButton'"
-                >
-                    <AngleDoubleUpIcon *ngIf="!moveTopIconTemplate" [attr.data-pc-section]="'movetopicon'" />
-                    <ng-template *ngTemplateOutlet="moveTopIconTemplate"></ng-template>
-                </button>
-                <button
-                    type="button"
-                    [attr.aria-label]="moveDownAriaLabel"
-                    pButton
-                    pRipple
-                    class="p-button-icon-only"
-                    [disabled]="targetMoveDisabled()"
-                    (click)="moveDown(targetlist, target, selectedItemsTarget, onTargetReorder, TARGET_LIST)"
-                    [attr.data-pc-section]="'targetMoveDownButton'"
-                >
-                    <AngleDownIcon *ngIf="!moveDownIconTemplate" [attr.data-pc-section]="'movedownicon'" />
-                    <ng-template *ngTemplateOutlet="moveDownIconTemplate"></ng-template>
-                </button>
-                <button
-                    type="button"
-                    [attr.aria-label]="moveBottomAriaLabel"
-                    pButton
-                    pRipple
-                    class="p-button-icon-only"
-                    [disabled]="targetMoveDisabled()"
-                    (click)="moveBottom(targetlist, target, selectedItemsTarget, onTargetReorder, TARGET_LIST)"
-                    [attr.data-pc-section]="'targetMoveBottomButton'"
-                >
-                    <AngleDoubleDownIcon *ngIf="!moveBottomIconTemplate" [attr.data-pc-section]="'movebottomicon'" />
-                    <ng-template *ngTemplateOutlet="moveBottomIconTemplate"></ng-template>
-                </button>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./picklist.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class PickList implements AfterViewChecked, AfterContentInit {
-    /**
-     * An array of objects for the source list.
-     * @group Props
-     */
-    @Input() source: any[] | undefined;
-    /**
-     * An array of objects for the target list.
-     * @group Props
-     */
-    @Input() target: any[] | undefined;
-    /**
-     * Text for the source list caption
-     * @group Props
-     */
-    @Input() sourceHeader: string | undefined;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined = 0;
-    /**
-     * Defines a string that labels the move to right button for accessibility.
-     * @group Props
-     */
-    @Input() rightButtonAriaLabel: string | undefined;
-    /**
-     * Defines a string that labels the move to left button for accessibility.
-     * @group Props
-     */
-    @Input() leftButtonAriaLabel: string | undefined;
-    /**
-     * Defines a string that labels the move to all right button for accessibility.
-     * @group Props
-     */
-    @Input() allRightButtonAriaLabel: string | undefined;
-    /**
-     * Defines a string that labels the move to all left button for accessibility.
-     * @group Props
-     */
-    @Input() allLeftButtonAriaLabel: string | undefined;
-    /**
-     * Defines a string that labels the move to up button for accessibility.
-     * @group Props
-     */
-    @Input() upButtonAriaLabel: string | undefined;
-    /**
-     * Defines a string that labels the move to down button for accessibility.
-     * @group Props
-     */
-    @Input() downButtonAriaLabel: string | undefined;
-    /**
-     * Defines a string that labels the move to top button for accessibility.
-     * @group Props
-     */
-    @Input() topButtonAriaLabel: string | undefined;
-    /**
-     * Defines a string that labels the move to bottom button for accessibility.
-     * @group Props
-     */
-    @Input() bottomButtonAriaLabel: string | undefined;
-    /**
-     * Text for the target list caption
-     * @group Props
-     */
-    @Input() targetHeader: string | undefined;
-    /**
-     * When enabled orderlist adjusts its controls based on screen size.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) responsive: boolean | undefined;
-    /**
-     * When specified displays an input field to filter the items on keyup and decides which field to search (Accepts multiple fields with a comma).
-     * @group Props
-     */
-    @Input() filterBy: string | undefined;
-    /**
-     * Locale to use in filtering. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    @Input() filterLocale: string | undefined;
-    /**
-     * Function to optimize the dom operations by delegating to ngForTrackBy, default algorithm checks for object identity. Use sourceTrackBy or targetTrackBy in case different algorithms are needed per list.
-     * @group Props
-     */
-    @Input() trackBy: Function = (index: number, item: any) => item;
-    /**
-     * Function to optimize the dom operations by delegating to ngForTrackBy in source list, default algorithm checks for object identity.
-     * @group Props
-     */
-    @Input() sourceTrackBy: Function | undefined;
-    /**
-     * Function to optimize the dom operations by delegating to ngForTrackBy in target list, default algorithm checks for object identity.
-     * @group Props
-     */
-    @Input() targetTrackBy: Function | undefined;
-    /**
-     * Whether to show filter input for source list when filterBy is enabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showSourceFilter: boolean = true;
-    /**
-     * Whether to show filter input for target list when filterBy is enabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showTargetFilter: boolean = true;
-    /**
-     * Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) metaKeySelection: boolean = false;
-    /**
-     * Whether to enable dragdrop based reordering.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) dragdrop: boolean = false;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the source list element.
-     * @group Props
-     */
-    @Input() sourceStyle: any;
-    /**
-     * Inline style of the target list element.
-     * @group Props
-     */
-    @Input() targetStyle: any;
-    /**
-     * Whether to show buttons of source list.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showSourceControls: boolean = true;
-    /**
-     * Whether to show buttons of target list.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showTargetControls: boolean = true;
-    /**
-     * Placeholder text on source filter input.
-     * @group Props
-     */
-    @Input() sourceFilterPlaceholder: string | undefined;
-    /**
-     * Placeholder text on target filter input.
-     * @group Props
-     */
-    @Input() targetFilterPlaceholder: string | undefined;
-    /**
-     * When present, it specifies that the component should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean = false;
-    /**
-     * Defines a string that labels the filter input of source list.
-     * @group Props
-     */
-    @Input() ariaSourceFilterLabel: string | undefined;
-    /**
-     * Defines a string that labels the filter input of target list.
-     * @group Props
-     */
-    @Input() ariaTargetFilterLabel: string | undefined;
-    /**
-     * Defines how the items are filtered.
-     * @group Props
-     */
-    @Input() filterMatchMode: 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals' | 'in' | 'lt' | 'lte' | 'gt' | 'gte' = 'contains';
-    /**
-     * Whether to displays rows with alternating colors.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) stripedRows: boolean | undefined;
-    /**
-     * Keeps selection on the transfer list.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) keepSelection: boolean = false;
-    /**
-     * Indicates the width of the screen at which the component should change its behavior.
-     * @group Props
-     */
-    @Input() get breakpoint(): string {
-        return this._breakpoint;
-    }
-    set breakpoint(value: string) {
-        if (value !== this._breakpoint) {
-            this._breakpoint = value;
-            if (isPlatformBrowser(this.platformId)) {
-                this.destroyMedia();
-                this.initMedia();
-            }
-        }
-    }
-    /**
-     * Callback to invoke when items are moved from target to source.
-     * @param {PickListMoveToSourceEvent} event - Custom move to source event.
-     * @group Emits
-     */
-    @Output() onMoveToSource: EventEmitter<PickListMoveToSourceEvent> = new EventEmitter<PickListMoveToSourceEvent>();
-    /**
-     * Callback to invoke when all items are moved from target to source.
-     * @param {PickListMoveAllToSourceEvent} event - Custom move all to source event.
-     * @group Emits
-     */
-    @Output() onMoveAllToSource: EventEmitter<PickListMoveAllToSourceEvent> = new EventEmitter<PickListMoveAllToSourceEvent>();
-    /**
-     * Callback to invoke when all items are moved from source to target.
-     * @param {PickListMoveAllToTargetEvent} event - Custom move all to target event.
-     * @group Emits
-     */
-    @Output() onMoveAllToTarget: EventEmitter<PickListMoveAllToTargetEvent> = new EventEmitter<PickListMoveAllToTargetEvent>();
-    /**
-     * Callback to invoke when items are moved from source to target.
-     * @param {PickListMoveToTargetEvent} event - Custom move to target event.
-     * @group Emits
-     */
-    @Output() onMoveToTarget: EventEmitter<PickListMoveToTargetEvent> = new EventEmitter<PickListMoveToTargetEvent>();
-    /**
-     * Callback to invoke when items are reordered within source list.
-     * @param {PickListSourceReorderEvent} event - Custom source reorder event.
-     * @group Emits
-     */
-    @Output() onSourceReorder: EventEmitter<PickListSourceReorderEvent> = new EventEmitter<PickListSourceReorderEvent>();
-    /**
-     * Callback to invoke when items are reordered within target list.
-     * @param {PickListTargetReorderEvent} event - Custom target reorder event.
-     * @group Emits
-     */
-    @Output() onTargetReorder: EventEmitter<PickListTargetReorderEvent> = new EventEmitter<PickListTargetReorderEvent>();
-    /**
-     * Callback to invoke when items are selected within source list.
-     * @param {PickListSourceSelectEvent} event - Custom source select event.
-     * @group Emits
-     */
-    @Output() onSourceSelect: EventEmitter<PickListSourceSelectEvent> = new EventEmitter<PickListSourceSelectEvent>();
-    /**
-     * Callback to invoke when items are selected within target list.
-     * @param {PickListTargetSelectEvent} event - Custom target select event.
-     * @group Emits
-     */
-    @Output() onTargetSelect: EventEmitter<PickListTargetSelectEvent> = new EventEmitter<PickListTargetSelectEvent>();
-    /**
-     * Callback to invoke when the source list is filtered
-     * @param {PickListSourceFilterEvent} event - Custom source filter event.
-     * @group Emits
-     */
-    @Output() onSourceFilter: EventEmitter<PickListSourceFilterEvent> = new EventEmitter<PickListSourceFilterEvent>();
-    /**
-     * Callback to invoke when the target list is filtered
-     * @param {PickListTargetFilterEvent} event - Custom target filter event.
-     * @group Emits
-     */
-    @Output() onTargetFilter: EventEmitter<PickListTargetFilterEvent> = new EventEmitter<PickListTargetFilterEvent>();
-
-    /**
-     * Callback to invoke when the list is focused
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<Event> = new EventEmitter<Event>();
-
-    /**
-     * Callback to invoke when the list is blurred
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<Event> = new EventEmitter<Event>();
-
-    @ViewChild('sourcelist') listViewSourceChild: Nullable<ElementRef>;
-
-    @ViewChild('targetlist') listViewTargetChild: Nullable<ElementRef>;
-
-    @ViewChild('sourceFilter') sourceFilterViewChild: Nullable<ElementRef>;
-
-    @ViewChild('targetFilter') targetFilterViewChild: Nullable<ElementRef>;
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-
-    get moveUpAriaLabel() {
-        return this.upButtonAriaLabel ? this.upButtonAriaLabel : this.config.translation.aria ? this.config.translation.aria.moveUp : undefined;
-    }
-
-    get moveTopAriaLabel() {
-        return this.topButtonAriaLabel ? this.topButtonAriaLabel : this.config.translation.aria ? this.config.translation.aria.moveTop : undefined;
-    }
-
-    get moveDownAriaLabel() {
-        return this.downButtonAriaLabel ? this.downButtonAriaLabel : this.config.translation.aria ? this.config.translation.aria.moveDown : undefined;
-    }
-
-    get moveBottomAriaLabel() {
-        return this.bottomButtonAriaLabel ? this.bottomButtonAriaLabel : this.config.translation.aria ? this.config.translation.aria.moveDown : undefined;
-    }
-
-    get moveToTargetAriaLabel() {
-        return this.rightButtonAriaLabel ? this.rightButtonAriaLabel : this.config.translation.aria ? this.config.translation.aria.moveToTarget : undefined;
-    }
-
-    get moveAllToTargetAriaLabel() {
-        return this.allRightButtonAriaLabel ? this.allRightButtonAriaLabel : this.config.translation.aria ? this.config.translation.aria.moveAllToTarget : undefined;
-    }
-
-    get moveToSourceAriaLabel() {
-        return this.leftButtonAriaLabel ? this.leftButtonAriaLabel : this.config.translation.aria ? this.config.translation.aria.moveToSource : undefined;
-    }
-
-    get moveAllToSourceAriaLabel() {
-        return this.allLeftButtonAriaLabel ? this.allLeftButtonAriaLabel : this.config.translation.aria ? this.config.translation.aria.moveAllToSource : undefined;
-    }
-
-    get idSource() {
-        return this.id + '_source';
-    }
-
-    get idTarget() {
-        return this.id + '_target';
-    }
-
-    get focusedOptionId() {
-        return this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : null;
-    }
-
-    _breakpoint: string = '960px';
-
-    public itemTemplate: TemplateRef<any> | undefined;
-
-    moveTopIconTemplate: Nullable<TemplateRef<any>>;
-
-    moveUpIconTemplate: Nullable<TemplateRef<any>>;
-
-    moveDownIconTemplate: Nullable<TemplateRef<any>>;
-
-    moveBottomIconTemplate: Nullable<TemplateRef<any>>;
-
-    moveToTargetIconTemplate: Nullable<TemplateRef<any>>;
-
-    moveAllToTargetIconTemplate: Nullable<TemplateRef<any>>;
-
-    moveToSourceIconTemplate: Nullable<TemplateRef<any>>;
-
-    moveAllToSourceIconTemplate: Nullable<TemplateRef<any>>;
-
-    targetFilterIconTemplate: Nullable<TemplateRef<any>>;
-
-    sourceFilterIconTemplate: Nullable<TemplateRef<any>>;
-
-    public visibleOptionsSource: any[] | undefined | null;
-
-    public visibleOptionsTarget: any[] | undefined | null;
-
-    selectedItemsSource: any[] = [];
-
-    selectedItemsTarget: any[] = [];
-
-    reorderedListElement: any;
-
-    movedUp: Nullable<boolean>;
-
-    movedDown: Nullable<boolean>;
-
-    itemTouched: Nullable<boolean>;
-
-    styleElement: any;
-
-    id: string = UniqueComponentId();
-
-    filterValueSource: Nullable<string>;
-
-    filterValueTarget: Nullable<string>;
-
-    fromListType: Nullable<number>;
-
-    emptyMessageSourceTemplate: Nullable<TemplateRef<any>>;
-
-    emptyFilterMessageSourceTemplate: Nullable<TemplateRef<any>>;
-
-    emptyMessageTargetTemplate: Nullable<TemplateRef<any>>;
-
-    emptyFilterMessageTargetTemplate: Nullable<TemplateRef<any>>;
-
-    sourceHeaderTemplate: Nullable<TemplateRef<any>>;
-
-    targetHeaderTemplate: Nullable<TemplateRef<any>>;
-
-    sourceFilterTemplate: Nullable<TemplateRef<any>>;
-
-    targetFilterTemplate: Nullable<TemplateRef<any>>;
-
-    sourceFilterOptions: Nullable<PickListFilterOptions>;
-
-    targetFilterOptions: Nullable<PickListFilterOptions>;
-
-    readonly SOURCE_LIST: number = -1;
-
-    readonly TARGET_LIST: number = 1;
-
-    window: Window;
-
-    media: MediaQueryList | null | undefined;
-
-    viewChanged: boolean | undefined;
-
-    focusedOptionIndex: any = -1;
-
-    focusedOption: any | undefined;
-
-    focused: any = {
-        sourceList: false,
-        targetList: false
-    };
-
-    mediaChangeListener: VoidListener;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private renderer: Renderer2,
-        public el: ElementRef,
-        public cd: ChangeDetectorRef,
-        public filterService: FilterService,
-        public config: PrimeNGConfig
-    ) {
-        this.window = this.document.defaultView as Window;
-    }
-
-    ngOnInit() {
-        if (this.responsive) {
-            this.createStyle();
-            this.initMedia();
-        }
-
-        if (this.filterBy) {
-            this.sourceFilterOptions = {
-                filter: (value) => this.filterSource(value),
-                reset: () => this.resetSourceFilter()
-            };
-
-            this.targetFilterOptions = {
-                filter: (value) => this.filterTarget(value),
-                reset: () => this.resetTargetFilter()
-            };
-        }
-    }
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-
-                case 'sourceHeader':
-                    this.sourceHeaderTemplate = item.template;
-                    break;
-
-                case 'targetHeader':
-                    this.targetHeaderTemplate = item.template;
-                    break;
-
-                case 'sourceFilter':
-                    this.sourceFilterTemplate = item.template;
-                    break;
-
-                case 'targetFilter':
-                    this.targetFilterTemplate = item.template;
-                    break;
-
-                case 'emptymessagesource':
-                    this.emptyMessageSourceTemplate = item.template;
-                    break;
-
-                case 'emptyfiltermessagesource':
-                    this.emptyFilterMessageSourceTemplate = item.template;
-                    break;
-
-                case 'emptymessagetarget':
-                    this.emptyMessageTargetTemplate = item.template;
-                    break;
-
-                case 'emptyfiltermessagetarget':
-                    this.emptyFilterMessageTargetTemplate = item.template;
-                    break;
-
-                case 'moveupicon':
-                    this.moveUpIconTemplate = item.template;
-                    break;
-
-                case 'movetopicon':
-                    this.moveTopIconTemplate = item.template;
-                    break;
-
-                case 'movedownicon':
-                    this.moveDownIconTemplate = item.template;
-                    break;
-
-                case 'movebottomicon':
-                    this.moveBottomIconTemplate = item.template;
-                    break;
-
-                case 'movetotargeticon':
-                    this.moveToTargetIconTemplate = item.template;
-                    break;
-
-                case 'movealltotargeticon':
-                    this.moveAllToTargetIconTemplate = item.template;
-                    break;
-
-                case 'movetosourceicon':
-                    this.moveToSourceIconTemplate = item.template;
-                    break;
-
-                case 'movealltosourceicon':
-                    this.moveAllToSourceIconTemplate = item.template;
-                    break;
-
-                case 'targetfiltericon':
-                    this.targetFilterIconTemplate = item.template;
-                    break;
-
-                case 'sourcefiltericon':
-                    this.sourceFilterIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    ngAfterViewChecked() {
-        if (this.movedUp || this.movedDown) {
-            let listItems = DomHandler.find(this.reorderedListElement, 'li.p-highlight');
-            let listItem;
-
-            if (this.movedUp) listItem = listItems[0];
-            else listItem = listItems[listItems.length - 1];
-
-            DomHandler.scrollInView(this.reorderedListElement, listItem);
-            this.movedUp = false;
-            this.movedDown = false;
-            this.reorderedListElement = null;
-        }
-    }
-
-    onItemClick(event: Event | any, item: any, selectedItems: any[], listType: number, callback: EventEmitter<any>, itemId?: string) {
-        if (this.disabled) {
-            return;
-        }
-
-        let index = this.findIndexInList(item, selectedItems);
-        if (itemId) this.focusedOptionIndex = itemId;
-        let selected = index != -1;
-        let metaSelection = this.itemTouched ? false : this.metaKeySelection;
-
-        if (metaSelection) {
-            let metaKey = (<KeyboardEvent>event).metaKey || (<KeyboardEvent>event).ctrlKey || (<KeyboardEvent>event).shiftKey;
-
-            if (selected && metaKey) {
-                selectedItems = selectedItems.filter((_, i) => i !== index);
-            } else {
-                if (!metaKey) {
-                    selectedItems = [];
-                }
-                selectedItems.push(item);
-            }
-        } else {
-            if (selected) {
-                selectedItems = selectedItems.filter((_, i) => i !== index); // Creating a new array without the selected item
-            } else {
-                selectedItems.push(item);
-            }
-        }
-        this.setSelectionList(listType, selectedItems);
-        callback.emit({ originalEvent: event, items: selectedItems });
-
-        this.itemTouched = false;
-    }
-
-    onOptionMouseDown(index, listType: number) {
-        this.focused[listType === this.SOURCE_LIST ? 'sourceList' : 'targetList'] = true;
-        this.focusedOptionIndex = index;
-    }
-
-    onSourceItemDblClick() {
-        if (this.disabled) {
-            return;
-        }
-
-        this.moveRight();
-    }
-
-    onTargetItemDblClick() {
-        if (this.disabled) {
-            return;
-        }
-
-        this.moveLeft();
-    }
-
-    onFilter(event: KeyboardEvent, listType: number) {
-        let query = (<HTMLInputElement>event.target).value;
-        if (listType === this.SOURCE_LIST) this.filterSource(query);
-        else if (listType === this.TARGET_LIST) this.filterTarget(query);
-    }
-
-    filterSource(value: any = '') {
-        this.filterValueSource = value.trim().toLocaleLowerCase(this.filterLocale);
-        this.filter(<any[]>this.source, this.SOURCE_LIST);
-    }
-
-    filterTarget(value: any = '') {
-        this.filterValueTarget = value.trim().toLocaleLowerCase(this.filterLocale);
-        this.filter(<any[]>this.target, this.TARGET_LIST);
-    }
-
-    filter(data: any[], listType: number) {
-        let searchFields = (<string>this.filterBy).split(',');
-
-        if (listType === this.SOURCE_LIST) {
-            this.visibleOptionsSource = this.filterService.filter(data, searchFields, this.filterValueSource, this.filterMatchMode, this.filterLocale);
-            this.onSourceFilter.emit({ query: this.filterValueSource, value: this.visibleOptionsSource });
-        } else if (listType === this.TARGET_LIST) {
-            this.visibleOptionsTarget = this.filterService.filter(data, searchFields, this.filterValueTarget, this.filterMatchMode, this.filterLocale);
-            this.onTargetFilter.emit({ query: this.filterValueTarget, value: this.visibleOptionsTarget });
-        }
-    }
-
-    isItemVisible(item: any, listType: number): boolean | undefined {
-        if (listType == this.SOURCE_LIST) return this.isVisibleInList(<any[]>this.visibleOptionsSource, item, <string>this.filterValueSource);
-        else return this.isVisibleInList(<any[]>this.visibleOptionsTarget, item, <string>this.filterValueTarget);
-    }
-
-    isEmpty(listType: number) {
-        if (listType == this.SOURCE_LIST) return this.filterValueSource ? !this.visibleOptionsSource || this.visibleOptionsSource.length === 0 : !this.source || this.source.length === 0;
-        else return this.filterValueTarget ? !this.visibleOptionsTarget || this.visibleOptionsTarget.length === 0 : !this.target || this.target.length === 0;
-    }
-
-    isVisibleInList(data: any[], item: any, filterValue: string): boolean | undefined {
-        if (filterValue && filterValue.trim().length) {
-            for (let i = 0; i < data.length; i++) {
-                if (item == data[i]) {
-                    return true;
-                }
-            }
-        } else {
-            return true;
-        }
-    }
-
-    onItemTouchEnd() {
-        if (this.disabled) {
-            return;
-        }
-
-        this.itemTouched = true;
-    }
-
-    private sortByIndexInList(items: any[], list: any) {
-        return items.sort((item1, item2) => ObjectUtils.findIndexInList(item1, list) - ObjectUtils.findIndexInList(item2, list));
-    }
-
-    moveUp(listElement: HTMLElement, list: any[], selectedItems: any[], callback: EventEmitter<any>, listType: number) {
-        if (selectedItems && selectedItems.length) {
-            selectedItems = this.sortByIndexInList(selectedItems, list);
-            for (let i = 0; i < selectedItems.length; i++) {
-                let selectedItem = selectedItems[i];
-                let selectedItemIndex: number = ObjectUtils.findIndexInList(selectedItem, list);
-
-                if (selectedItemIndex != 0) {
-                    let movedItem = list[selectedItemIndex];
-                    let temp = list[selectedItemIndex - 1];
-                    list[selectedItemIndex - 1] = movedItem;
-                    list[selectedItemIndex] = temp;
-                } else {
-                    break;
-                }
-            }
-
-            if (this.dragdrop && ((this.filterValueSource && listType === this.SOURCE_LIST) || (this.filterValueTarget && listType === this.TARGET_LIST))) this.filter(list, listType);
-
-            this.movedUp = true;
-            this.reorderedListElement = listElement;
-            callback.emit({ items: selectedItems });
-        }
-    }
-
-    moveTop(listElement: HTMLElement, list: any[], selectedItems: any[], callback: EventEmitter<any>, listType: number) {
-        if (selectedItems && selectedItems.length) {
-            selectedItems = this.sortByIndexInList(selectedItems, list);
-            for (let i = 0; i < selectedItems.length; i++) {
-                let selectedItem = selectedItems[i];
-                let selectedItemIndex: number = ObjectUtils.findIndexInList(selectedItem, list);
-
-                if (selectedItemIndex != 0) {
-                    let movedItem = list.splice(selectedItemIndex, 1)[0];
-                    list.unshift(movedItem);
-                } else {
-                    break;
-                }
-            }
-
-            if (this.dragdrop && ((this.filterValueSource && listType === this.SOURCE_LIST) || (this.filterValueTarget && listType === this.TARGET_LIST))) this.filter(list, listType);
-
-            listElement.scrollTop = 0;
-            callback.emit({ items: selectedItems });
-        }
-    }
-
-    moveDown(listElement: HTMLElement, list: any[], selectedItems: any[], callback: EventEmitter<any>, listType: number) {
-        if (selectedItems && selectedItems.length) {
-            selectedItems = this.sortByIndexInList(selectedItems, list);
-            for (let i = selectedItems.length - 1; i >= 0; i--) {
-                let selectedItem = selectedItems[i];
-                let selectedItemIndex: number = ObjectUtils.findIndexInList(selectedItem, list);
-
-                if (selectedItemIndex != list.length - 1) {
-                    let movedItem = list[selectedItemIndex];
-                    let temp = list[selectedItemIndex + 1];
-                    list[selectedItemIndex + 1] = movedItem;
-                    list[selectedItemIndex] = temp;
-                } else {
-                    break;
-                }
-            }
-
-            if (this.dragdrop && ((this.filterValueSource && listType === this.SOURCE_LIST) || (this.filterValueTarget && listType === this.TARGET_LIST))) this.filter(list, listType);
-
-            this.movedDown = true;
-            this.reorderedListElement = listElement;
-            callback.emit({ items: selectedItems });
-        }
-    }
-
-    moveBottom(listElement: HTMLElement, list: any[], selectedItems: any[], callback: EventEmitter<any>, listType: number) {
-        if (selectedItems && selectedItems.length) {
-            selectedItems = this.sortByIndexInList(selectedItems, list);
-            for (let i = selectedItems.length - 1; i >= 0; i--) {
-                let selectedItem = selectedItems[i];
-                let selectedItemIndex: number = ObjectUtils.findIndexInList(selectedItem, list);
-
-                if (selectedItemIndex != list.length - 1) {
-                    let movedItem = list.splice(selectedItemIndex, 1)[0];
-                    list.push(movedItem);
-                } else {
-                    break;
-                }
-            }
-
-            if (this.dragdrop && ((this.filterValueSource && listType === this.SOURCE_LIST) || (this.filterValueTarget && listType === this.TARGET_LIST))) this.filter(list, listType);
-
-            listElement.scrollTop = listElement.scrollHeight;
-            callback.emit({ items: selectedItems });
-        }
-    }
-
-    moveRight() {
-        if (this.selectedItemsSource && this.selectedItemsSource.length) {
-            for (let i = 0; i < this.selectedItemsSource.length; i++) {
-                let selectedItem = this.selectedItemsSource[i];
-                if (ObjectUtils.findIndexInList(selectedItem, this.target) == -1) {
-                    this.target?.push(this.source?.splice(ObjectUtils.findIndexInList(selectedItem, this.source), 1)[0]);
-
-                    if (this.visibleOptionsSource?.includes(selectedItem)) {
-                        this.visibleOptionsSource.splice(ObjectUtils.findIndexInList(selectedItem, this.visibleOptionsSource), 1);
-                    }
-                }
-            }
-
-            this.onMoveToTarget.emit({
-                items: this.selectedItemsSource
-            });
-
-            if (this.keepSelection) {
-                this.selectedItemsTarget = [...this.selectedItemsTarget, ...this.selectedItemsSource];
-            }
-
-            this.selectedItemsSource = [];
-
-            if (this.filterValueTarget) {
-                this.filter(<any[]>this.target, this.TARGET_LIST);
-            }
-        }
-    }
-
-    moveAllRight() {
-        if (this.source) {
-            let movedItems = [];
-
-            for (let i = 0; i < this.source.length; i++) {
-                if (this.isItemVisible(this.source[i], this.SOURCE_LIST)) {
-                    let removedItem = this.source.splice(i, 1)[0];
-                    this.target?.push(removedItem);
-                    movedItems.push(removedItem);
-                    i--;
-                }
-            }
-
-            this.onMoveAllToTarget.emit({
-                items: movedItems
-            });
-
-            if (this.keepSelection) {
-                this.selectedItemsTarget = [...this.selectedItemsTarget, ...this.selectedItemsSource];
-            }
-
-            this.selectedItemsSource = [];
-
-            if (this.filterValueTarget) {
-                this.filter(<any[]>this.target, this.TARGET_LIST);
-            }
-
-            this.visibleOptionsSource = [];
-        }
-    }
-
-    moveLeft() {
-        if (this.selectedItemsTarget && this.selectedItemsTarget.length) {
-            for (let i = 0; i < this.selectedItemsTarget.length; i++) {
-                let selectedItem = this.selectedItemsTarget[i];
-                if (ObjectUtils.findIndexInList(selectedItem, this.source) == -1) {
-                    this.source?.push(this.target?.splice(ObjectUtils.findIndexInList(selectedItem, this.target), 1)[0]);
-
-                    if (this.visibleOptionsTarget?.includes(selectedItem)) {
-                        this.visibleOptionsTarget.splice(ObjectUtils.findIndexInList(selectedItem, this.visibleOptionsTarget), 1)[0];
-                    }
-                }
-            }
-
-            this.onMoveToSource.emit({
-                items: this.selectedItemsTarget
-            });
-
-            if (this.keepSelection) {
-                this.selectedItemsSource = [...this.selectedItemsSource, ...this.selectedItemsTarget];
-            }
-
-            this.selectedItemsTarget = [];
-
-            if (this.filterValueSource) {
-                this.filter(<any[]>this.source, this.SOURCE_LIST);
-            }
-        }
-    }
-
-    moveAllLeft() {
-        if (this.target) {
-            let movedItems = [];
-
-            for (let i = 0; i < this.target.length; i++) {
-                if (this.isItemVisible(this.target[i], this.TARGET_LIST)) {
-                    let removedItem = this.target.splice(i, 1)[0];
-                    this.source?.push(removedItem);
-                    movedItems.push(removedItem);
-                    i--;
-                }
-            }
-
-            this.onMoveAllToSource.emit({
-                items: movedItems
-            });
-
-            if (this.keepSelection) {
-                this.selectedItemsSource = [...this.selectedItemsSource, ...this.selectedItemsTarget];
-            }
-
-            this.selectedItemsTarget = [];
-
-            if (this.filterValueSource) {
-                this.filter(<any[]>this.source, this.SOURCE_LIST);
-            }
-
-            this.visibleOptionsTarget = [];
-        }
-    }
-
-    isSelected(item: any, selectedItems: any[]) {
-        return this.findIndexInList(item, selectedItems) != -1;
-    }
-
-    itemClass(item, id, selectedItems) {
-        return {
-            'p-picklist-item': true,
-            'p-highlight': this.isSelected(item, selectedItems),
-            'p-focus': id === this.focusedOptionId,
-            'p-disabled': this.disabled
-        };
-    }
-
-    findIndexInList(item: any, selectedItems: any[]): number {
-        return ObjectUtils.findIndexInList(item, selectedItems);
-    }
-
-    onDrop(event: CdkDragDrop<string[]>, listType: number) {
-        let isTransfer = event.previousContainer !== event.container;
-        let dropIndexes = this.getDropIndexes(event.previousIndex, event.currentIndex, listType, isTransfer, event.item.data);
-
-        if (listType === this.SOURCE_LIST) {
-            if (isTransfer) {
-                transferArrayItem(event.previousContainer.data, event.container.data, dropIndexes.previousIndex, dropIndexes.currentIndex);
-                let selectedItemIndex = ObjectUtils.findIndexInList(event.item.data, this.selectedItemsTarget);
-
-                if (selectedItemIndex != -1) {
-                    this.selectedItemsTarget.splice(selectedItemIndex, 1);
-
-                    if (this.keepSelection) {
-                        this.selectedItemsTarget.push(event.item.data);
-                    }
-                }
-
-                if (this.visibleOptionsTarget) this.visibleOptionsTarget.splice(event.previousIndex, 1);
-
-                this.onMoveToSource.emit({ items: [event.item.data] });
-            } else {
-                moveItemInArray(event.container.data, dropIndexes.previousIndex, dropIndexes.currentIndex);
-                this.onSourceReorder.emit({ items: [event.item.data] });
-            }
-
-            if (this.filterValueSource) {
-                this.filter(<any[]>this.source, this.SOURCE_LIST);
-            }
-        } else {
-            if (isTransfer) {
-                transferArrayItem(event.previousContainer.data, event.container.data, dropIndexes.previousIndex, dropIndexes.currentIndex);
-
-                let selectedItemIndex = ObjectUtils.findIndexInList(event.item.data, this.selectedItemsSource);
-
-                if (selectedItemIndex != -1) {
-                    this.selectedItemsSource.splice(selectedItemIndex, 1);
-
-                    if (this.keepSelection) {
-                        this.selectedItemsTarget.push(event.item.data);
-                    }
-                }
-
-                if (this.visibleOptionsSource) this.visibleOptionsSource.splice(event.previousIndex, 1);
-
-                this.onMoveToTarget.emit({ items: [event.item.data] });
-            } else {
-                moveItemInArray(event.container.data, dropIndexes.previousIndex, dropIndexes.currentIndex);
-                this.onTargetReorder.emit({ items: [event.item.data] });
-            }
-
-            if (this.filterValueTarget) {
-                this.filter(<any[]>this.target, this.TARGET_LIST);
-            }
-        }
-    }
-
-    onListFocus(event, listType) {
-        let listElement = this.getListElement(listType);
-        const selectedFirstItem = DomHandler.findSingle(listElement, 'li.p-picklist-item.p-highlight') || DomHandler.findSingle(listElement, 'li.p-picklist-item');
-        const findIndex = ObjectUtils.findIndexInList(selectedFirstItem, listElement.children);
-        this.focused[listType === this.SOURCE_LIST ? 'sourceList' : 'targetList'] = true;
-
-        const sourceIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : selectedFirstItem ? findIndex : -1;
-        const filteredIndex = ObjectUtils.isNotEmpty(this.visibleOptionsSource) ? this.findIndexInList(this.source[sourceIndex], this.visibleOptionsSource) : sourceIndex;
-
-        this.changeFocusedOptionIndex(filteredIndex, listType);
-        this.onFocus.emit(event);
-    }
-
-    onListBlur(event, listType) {
-        this.focused[listType === this.SOURCE_LIST ? 'sourceList' : 'targetList'] = false;
-        this.focusedOptionIndex = -1;
-        this.focusedOption = null;
-        this.onBlur.emit(event);
-    }
-
-    getListElement(listType: number) {
-        return listType === this.SOURCE_LIST ? this.listViewSourceChild?.nativeElement : this.listViewTargetChild?.nativeElement;
-    }
-
-    getListItems(listType: number) {
-        let listElemet = this.getListElement(listType);
-
-        return DomHandler.find(listElemet, 'li.p-picklist-item');
-    }
-
-    getLatestSelectedVisibleOptionIndex(visibleList: any[], selectedItems: any[]): number {
-        const latestSelectedItem = [...selectedItems].reverse().find((item) => visibleList.includes(item));
-        return latestSelectedItem !== undefined ? visibleList.indexOf(latestSelectedItem) : -1;
-    }
-
-    getVisibleList(listType: number) {
-        if (listType === this.SOURCE_LIST) {
-            return this.visibleOptionsSource && this.visibleOptionsSource.length > 0 ? this.visibleOptionsSource : this.source && this.source.length > 0 ? this.source : null;
-        }
-
-        return this.visibleOptionsTarget && this.visibleOptionsTarget.length > 0 ? this.visibleOptionsTarget : this.target && this.target.length > 0 ? this.target : null;
-    }
-
-    setSelectionList(listType: number, selectedItems: any[]) {
-        if (listType === this.SOURCE_LIST) {
-            this.selectedItemsSource = selectedItems;
-        } else {
-            this.selectedItemsTarget = selectedItems;
-        }
-    }
-
-    findNextOptionIndex(index: number, listType: number) {
-        const items = this.getListItems(listType);
-
-        const matchedOptionIndex = [...items].findIndex((link) => link.id === index);
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;
-    }
-
-    findPrevOptionIndex(index: number, listType: number) {
-        const items = this.getListItems(listType);
-        const matchedOptionIndex = [...items].findIndex((link) => link.id === index);
-
-        return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;
-    }
-
-    onItemKeyDown(event: Event | any, selectedItems: any[], callback: EventEmitter<any>, listType: number) {
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDownKey(event, selectedItems, callback, listType);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUpKey(event, selectedItems, callback, listType);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event, selectedItems, callback, listType);
-                break;
-
-            case 'End':
-                this.onEndKey(event, selectedItems, callback, listType);
-                break;
-
-            case 'Enter':
-                this.onEnterKey(event, selectedItems, callback, listType);
-                break;
-
-            case 'Space':
-                this.onSpaceKey(event, selectedItems, callback, listType);
-                break;
-
-            case 'KeyA':
-                if (event.ctrlKey) {
-                    this.setSelectionList(listType, this.getVisibleList(listType));
-                    callback.emit({ items: selectedItems });
-                    event.preventDefault();
-                }
-
-            default:
-                break;
-        }
-    }
-
-    getFocusedOption(index: number, listType: number) {
-        if (index === -1) return null;
-
-        if (listType === this.SOURCE_LIST) {
-            return this.visibleOptionsSource && this.visibleOptionsSource.length ? this.visibleOptionsSource[index] : this.source && this.source.length ? this.source[index] : null;
-        }
-
-        return this.visibleOptionsTarget && this.visibleOptionsTarget.length ? this.visibleOptionsTarget[index] : this.target && this.target.length ? this.target[index] : null;
-    }
-
-    changeFocusedOptionIndex(index, listType) {
-        const items = this.getListItems(listType);
-        if (items?.length > 0) {
-            let order = index >= items.length ? items.length - 1 : index < 0 ? 0 : index;
-
-            this.focusedOptionIndex = items[order].getAttribute('id');
-            this.focusedOption = this.getFocusedOption(order, listType);
-            this.scrollInView(items[order].getAttribute('id'), listType);
-        }
-    }
-
-    scrollInView(id, listType) {
-        const element = DomHandler.findSingle(this.getListElement(listType), `li[id="${id}"]`);
-
-        if (element) {
-            element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'start' });
-        }
-    }
-
-    onArrowDownKey(event: Event | any, selectedItems: any[], callback: EventEmitter<any>, listType: number) {
-        const optionIndex = this.findNextOptionIndex(this.focusedOptionIndex, listType);
-
-        this.changeFocusedOptionIndex(optionIndex, listType);
-
-        if (event.shiftKey) {
-            this.onEnterKey(event, selectedItems, callback, listType);
-        }
-
-        event.preventDefault();
-    }
-
-    onArrowUpKey(event: Event | any, selectedItems: any[], callback: EventEmitter<any>, listType: number) {
-        const optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex, listType);
-
-        this.changeFocusedOptionIndex(optionIndex, listType);
-
-        if (event.shiftKey) {
-            this.onEnterKey(event, selectedItems, callback, listType);
-        }
-
-        event.preventDefault();
-    }
-
-    onEnterKey(event: Event | any, selectedItems: any[], callback: EventEmitter<any>, listType: number) {
-        this.onItemClick(event, this.focusedOption, selectedItems, listType, callback);
-        event.preventDefault();
-    }
-
-    onSpaceKey(event: Event | any, selectedItems: any[], callback: EventEmitter<any>, listType: number) {
-        event.preventDefault();
-
-        if (event.shiftKey && selectedItems && selectedItems.length > 0) {
-            let visibleList = this.getVisibleList(listType);
-            let lastSelectedIndex = this.getLatestSelectedVisibleOptionIndex(visibleList, selectedItems);
-
-            if (lastSelectedIndex !== -1) {
-                let focusedIndex = ObjectUtils.findIndexInList(this.focusedOption, visibleList);
-
-                selectedItems = [...visibleList.slice(Math.min(lastSelectedIndex, focusedIndex), Math.max(lastSelectedIndex, focusedIndex) + 1)];
-                this.setSelectionList(listType, selectedItems);
-
-                callback.emit({ items: selectedItems });
-                return;
-            }
-        }
-
-        this.onEnterKey(event, selectedItems, callback, listType);
-    }
-
-    onHomeKey(event: Event | any, selectedItems: any[], callback: EventEmitter<any>, listType: number) {
-        if (event.ctrlKey && event.shiftKey) {
-            let visibleList = this.getVisibleList(listType);
-            let focusedIndex = ObjectUtils.findIndexInList(this.focusedOption, visibleList);
-
-            selectedItems = [...visibleList.slice(0, focusedIndex + 1)];
-            this.setSelectionList(listType, selectedItems);
-            callback.emit({ items: selectedItems });
-        } else {
-            this.changeFocusedOptionIndex(0, listType);
-        }
-
-        event.preventDefault();
-    }
-
-    onEndKey(event: Event | any, selectedItems: any[], callback: EventEmitter<any>, listType: number) {
-        let visibleList = this.getVisibleList(listType);
-        let lastIndex = visibleList && visibleList.length > 0 ? visibleList.length - 1 : null;
-        if (lastIndex === null) return;
-
-        if (event.ctrlKey && event.shiftKey) {
-            let focusedIndex = ObjectUtils.findIndexInList(this.focusedOption, visibleList);
-            selectedItems = [...visibleList.slice(focusedIndex, lastIndex)];
-
-            this.setSelectionList(listType, selectedItems);
-            callback.emit({ items: selectedItems });
-        } else {
-            this.changeFocusedOptionIndex(lastIndex, listType);
-        }
-
-        event.preventDefault();
-    }
-
-    getDropIndexes(fromIndex: number, toIndex: number, droppedList: number, isTransfer: boolean, data: any[] | any) {
-        let previousIndex, currentIndex;
-
-        if (droppedList === this.SOURCE_LIST) {
-            previousIndex = isTransfer ? (this.filterValueTarget ? ObjectUtils.findIndexInList(data, this.target) : fromIndex) : this.filterValueSource ? ObjectUtils.findIndexInList(data, this.source) : fromIndex;
-            currentIndex = this.filterValueSource ? this.findFilteredCurrentIndex(<any[]>this.visibleOptionsSource, toIndex, this.source) : toIndex;
-        } else {
-            previousIndex = isTransfer ? (this.filterValueSource ? ObjectUtils.findIndexInList(data, this.source) : fromIndex) : this.filterValueTarget ? ObjectUtils.findIndexInList(data, this.target) : fromIndex;
-            currentIndex = this.filterValueTarget ? this.findFilteredCurrentIndex(<any[]>this.visibleOptionsTarget, toIndex, this.target) : toIndex;
-        }
-
-        return { previousIndex, currentIndex };
-    }
-
-    findFilteredCurrentIndex(visibleOptions: any[], index: number, options: any) {
-        if (visibleOptions.length === index) {
-            let toIndex = ObjectUtils.findIndexInList(visibleOptions[index - 1], options);
-
-            return toIndex + 1;
-        } else {
-            return ObjectUtils.findIndexInList(visibleOptions[index], options);
-        }
-    }
-
-    resetSourceFilter() {
-        this.visibleOptionsSource = null;
-        this.filterValueSource = null;
-        this.sourceFilterViewChild && ((<HTMLInputElement>this.sourceFilterViewChild.nativeElement).value = '');
-    }
-
-    resetTargetFilter() {
-        this.visibleOptionsTarget = null;
-        this.filterValueTarget = null;
-        this.targetFilterViewChild && ((<HTMLInputElement>this.targetFilterViewChild.nativeElement).value = '');
-    }
-
-    resetFilter() {
-        this.resetSourceFilter();
-        this.resetTargetFilter();
-    }
-
-    findNextItem(item: any): HTMLElement | null {
-        let nextItem = item.nextElementSibling;
-
-        if (nextItem) return !DomHandler.hasClass(nextItem, 'p-picklist-item') || DomHandler.isHidden(nextItem) ? this.findNextItem(nextItem) : nextItem;
-        else return null;
-    }
-
-    findPrevItem(item: any): HTMLElement | null {
-        let prevItem = item.previousElementSibling;
-
-        if (prevItem) return !DomHandler.hasClass(prevItem, 'p-picklist-item') || DomHandler.isHidden(prevItem) ? this.findPrevItem(prevItem) : prevItem;
-        else return null;
-    }
-
-    initMedia() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.media = this.window.matchMedia(`(max-width: ${this.breakpoint})`);
-            this.viewChanged = this.media.matches;
-            this.bindMediaChangeListener();
-        }
-    }
-
-    destroyMedia() {
-        this.unbindMediaChangeListener();
-    }
-
-    bindMediaChangeListener() {
-        if (this.media && !this.mediaChangeListener) {
-            this.mediaChangeListener = this.renderer.listen(this.media, 'change', (event) => {
-                this.viewChanged = event.matches;
-                this.cd.markForCheck();
-            });
-        }
-    }
-
-    unbindMediaChangeListener() {
-        if (this.mediaChangeListener) {
-            this.mediaChangeListener();
-            this.mediaChangeListener = null;
-        }
-    }
-
-    createStyle() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.styleElement) {
-                this.renderer.setAttribute(this.el.nativeElement.children[0], this.id, '');
-                this.styleElement = this.renderer.createElement('style');
-                this.renderer.setAttribute(this.styleElement, 'type', 'text/css');
-                DomHandler.setAttribute(this.styleElement, 'nonce', this.config?.csp()?.nonce);
-                this.renderer.appendChild(this.document.head, this.styleElement);
-
-                let innerHTML = `
-                @media screen and (max-width: ${this.breakpoint}) {
-                    .p-picklist[${this.id}] {
-                        flex-direction: column;
-                    }
-
-                    .p-picklist[${this.id}] .p-picklist-buttons {
-                        padding: var(--content-padding);
-                        flex-direction: row;
-                    }
-
-                    .p-picklist[${this.id}] .p-picklist-buttons .p-button {
-                        margin-right: var(--inline-spacing);
-                        margin-bottom: 0;
-                    }
-
-                    .p-picklist[${this.id}] .p-picklist-buttons .p-button:last-child {
-                        margin-right: 0;
-                    }
-                }`;
-
-                this.renderer.setProperty(this.styleElement, 'innerHTML', innerHTML);
-            }
-        }
-    }
-
-    sourceMoveDisabled() {
-        if (this.disabled || !this.selectedItemsSource.length) {
-            return true;
-        }
-    }
-
-    targetMoveDisabled() {
-        if (this.disabled || !this.selectedItemsTarget.length) {
-            return true;
-        }
-    }
-
-    moveRightDisabled() {
-        return this.disabled || ObjectUtils.isEmpty(this.selectedItemsSource);
-    }
-
-    moveLeftDisabled() {
-        return this.disabled || ObjectUtils.isEmpty(this.selectedItemsTarget);
-    }
-
-    moveAllRightDisabled() {
-        return this.disabled || ObjectUtils.isEmpty(this.source);
-    }
-
-    moveAllLeftDisabled() {
-        return this.disabled || ObjectUtils.isEmpty(this.target);
-    }
-
-    destroyStyle() {
-        if (this.styleElement) {
-            this.renderer.removeChild(this.document.head, this.styleElement);
-            this.styleElement = null;
-            ``;
-        }
-    }
-
-    ngOnDestroy() {
-        this.destroyStyle();
-        this.destroyMedia();
-    }
-}
-
-const DragConfig = {
-    zIndex: 1200
-};
-
-@NgModule({
-    imports: [CommonModule, ButtonModule, SharedModule, RippleModule, DragDropModule, AngleDoubleDownIcon, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleDoubleUpIcon, AngleDownIcon, AngleLeftIcon, AngleRightIcon, AngleUpIcon, SearchIcon, HomeIcon],
-    exports: [PickList, SharedModule, DragDropModule],
-    declarations: [PickList],
-    providers: [{ provide: CDK_DRAG_CONFIG, useValue: DragConfig }]
-})
-export class PickListModule {}
diff --git a/src/app/components/picklist/public_api.ts b/src/app/components/picklist/public_api.ts
deleted file mode 100644
index b8352d1..0000000
--- a/src/app/components/picklist/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './picklist';
-export * from './picklist.interface';
diff --git a/src/app/components/progressbar/ng-package.json b/src/app/components/progressbar/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/progressbar/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/progressbar/progressbar.css b/src/app/components/progressbar/progressbar.css
deleted file mode 100644
index 009b823..0000000
--- a/src/app/components/progressbar/progressbar.css
+++ /dev/null
@@ -1,110 +0,0 @@
-@layer primeng {
-    .p-progressbar {
-        position: relative;
-        overflow: hidden;
-    }
-
-    .p-progressbar-determinate .p-progressbar-value {
-        height: 100%;
-        width: 0%;
-        position: absolute;
-        display: none;
-        border: 0 none;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        overflow: hidden;
-    }
-
-    .p-progressbar-determinate .p-progressbar-label {
-        display: inline-flex;
-    }
-
-    .p-progressbar-determinate .p-progressbar-value-animate {
-        transition: width 1s ease-in-out;
-    }
-
-    .p-progressbar-indeterminate .p-progressbar-value::before {
-        content: '';
-        position: absolute;
-        background-color: inherit;
-        top: 0;
-        left: 0;
-        bottom: 0;
-        will-change: left, right;
-        -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-        animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-    }
-
-    .p-progressbar-indeterminate .p-progressbar-value::after {
-        content: '';
-        position: absolute;
-        background-color: inherit;
-        top: 0;
-        left: 0;
-        bottom: 0;
-        will-change: left, right;
-        -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-        animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-        -webkit-animation-delay: 1.15s;
-        animation-delay: 1.15s;
-    }
-}
-
-@-webkit-keyframes p-progressbar-indeterminate-anim {
-    0% {
-        left: -35%;
-        right: 100%;
-    }
-    60% {
-        left: 100%;
-        right: -90%;
-    }
-    100% {
-        left: 100%;
-        right: -90%;
-    }
-}
-@keyframes p-progressbar-indeterminate-anim {
-    0% {
-        left: -35%;
-        right: 100%;
-    }
-    60% {
-        left: 100%;
-        right: -90%;
-    }
-    100% {
-        left: 100%;
-        right: -90%;
-    }
-}
-
-@-webkit-keyframes p-progressbar-indeterminate-anim-short {
-    0% {
-        left: -200%;
-        right: 100%;
-    }
-    60% {
-        left: 107%;
-        right: -8%;
-    }
-    100% {
-        left: 107%;
-        right: -8%;
-    }
-}
-@keyframes p-progressbar-indeterminate-anim-short {
-    0% {
-        left: -200%;
-        right: 100%;
-    }
-    60% {
-        left: 107%;
-        right: -8%;
-    }
-    100% {
-        left: 107%;
-        right: -8%;
-    }
-}
diff --git a/src/app/components/progressbar/progressbar.interface.ts b/src/app/components/progressbar/progressbar.interface.ts
deleted file mode 100644
index 7c9cebb..0000000
--- a/src/app/components/progressbar/progressbar.interface.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in ProgressBar.
- * @group Templates
- */
-export interface ProgressBarTemplates {
-    /**
-     * Custom template of content.
-     */
-    content(context: {
-        /**
-         * Value of the progressbar.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: number | undefined }>;
-}
diff --git a/src/app/components/progressbar/progressbar.spec.ts b/src/app/components/progressbar/progressbar.spec.ts
deleted file mode 100644
index c9c6dc9..0000000
--- a/src/app/components/progressbar/progressbar.spec.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { ProgressBar } from './progressbar';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('ProgressBar', () => {
-    let progressbar: ProgressBar;
-    let fixture: ComponentFixture<ProgressBar>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule],
-            declarations: [ProgressBar]
-        });
-
-        fixture = TestBed.createComponent(ProgressBar);
-        progressbar = fixture.componentInstance;
-    });
-
-    it('should fill %50', () => {
-        progressbar.value = 50;
-        fixture.detectChanges();
-
-        const progressbarValueEl = fixture.debugElement.query(By.css('.p-progressbar-value')).nativeElement;
-        const progressbarLabelEl = fixture.debugElement.query(By.css('.p-progressbar-label')).nativeElement;
-        expect(progressbarValueEl.style.width).toEqual('50%');
-        expect(progressbarLabelEl.textContent).toEqual('50%');
-    });
-
-    it('should not show value when showValue is set to false', () => {
-        progressbar.value = 50;
-        progressbar.showValue = false;
-        fixture.detectChanges();
-
-        const progressbarValueEl = fixture.debugElement.query(By.css('.p-progressbar-value')).nativeElement;
-        const progressbarLabelEl = fixture.debugElement.query(By.css('.p-progressbar-label'));
-        expect(progressbarValueEl.style.width).toEqual('50%');
-        expect(progressbarLabelEl.children.length).toBe(0);
-    });
-
-    it('should change style and styleClass', () => {
-        progressbar.value = 50;
-        progressbar.style = { height: '300px' };
-        progressbar.styleClass = 'Primeng';
-        fixture.detectChanges();
-
-        const progressbarEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(progressbarEl.style.height).toEqual('300px');
-        expect(progressbarEl.className).toContain('Primeng');
-    });
-
-    it('should change unit', () => {
-        progressbar.value = 50;
-        progressbar.unit = '&';
-        fixture.detectChanges();
-
-        const progressbarLabelEl = fixture.debugElement.query(By.css('.p-progressbar-label')).nativeElement;
-        expect(progressbarLabelEl.textContent).toEqual('50&');
-    });
-
-    it('should change mode', () => {
-        progressbar.value = 50;
-        progressbar.mode = 'indeterminate';
-        fixture.detectChanges();
-
-        const progressbarLabelEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(progressbarLabelEl.className).toContain('p-progressbar-indeterminate');
-    });
-});
diff --git a/src/app/components/progressbar/progressbar.ts b/src/app/components/progressbar/progressbar.ts
deleted file mode 100644
index ae67e2e..0000000
--- a/src/app/components/progressbar/progressbar.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, TemplateRef, ContentChildren, Input, NgModule, ViewEncapsulation, booleanAttribute, numberAttribute } from '@angular/core';
-import { PrimeTemplate } from 'primeng/api';
-import { QueryList } from '@angular/core';
-/**
- * ProgressBar is a process status indicator.
- * @group Components
- */
-@Component({
-    selector: 'p-progressBar',
-    template: `
-        <div
-            role="progressbar"
-            [class]="styleClass"
-            [ngStyle]="style"
-            [attr.aria-valuemin]="0"
-            [attr.aria-valuenow]="value"
-            [attr.aria-valuemax]="100"
-            [attr.data-pc-name]="'progressbar'"
-            [attr.data-pc-section]="'root'"
-            [ngClass]="{ 'p-progressbar p-component': true, 'p-progressbar-determinate': mode === 'determinate', 'p-progressbar-indeterminate': mode === 'indeterminate' }"
-        >
-            <div
-                *ngIf="mode === 'determinate'"
-                class="p-progressbar-value p-progressbar-value-animate"
-                [ngStyle]="{
-                    width: value + '%',
-                    display: 'flex',
-                    background: color
-                }"
-                [attr.data-pc-section]="'value'"
-            >
-                <div class="p-progressbar-label">
-                    <div
-                        *ngIf="showValue && !contentTemplate"
-                        [ngStyle]="{
-                            display: value != null && value !== 0 ? 'flex' : 'none'
-                        }"
-                        [attr.data-pc-section]="'label'"
-                    >
-                        {{ value }}{{ unit }}
-                    </div>
-                    <ng-container *ngTemplateOutlet="contentTemplate; context: { $implicit: value }"></ng-container>
-                </div>
-            </div>
-            <div *ngIf="mode === 'indeterminate'" class="p-progressbar-indeterminate-container" [attr.data-pc-section]="'container'">
-                <div
-                    class="p-progressbar-value p-progressbar-value-animate"
-                    [ngStyle]="{
-                        background: color
-                    }"
-                    [attr.data-pc-section]="'value'"
-                ></div>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./progressbar.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class ProgressBar {
-    /**
-     * Current value of the progress.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) value: number | undefined;
-    /**
-     * Whether to display the progress bar value.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showValue: boolean = true;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Unit sign appended to the value.
-     * @group Props
-     */
-    @Input() unit: string = '%';
-    /**
-     * Defines the mode of the progress
-     * @group Props
-     */
-    @Input() mode: string = 'determinate';
-    /**
-     * Color for the background of the progress.
-     * @group Props
-     */
-    @Input() color: string | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    contentTemplate: TemplateRef<any> | undefined;
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-                default:
-                    this.contentTemplate = item.template;
-            }
-        });
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [ProgressBar],
-    declarations: [ProgressBar]
-})
-export class ProgressBarModule {}
diff --git a/src/app/components/progressbar/public_api.ts b/src/app/components/progressbar/public_api.ts
deleted file mode 100644
index 50fbb2f..0000000
--- a/src/app/components/progressbar/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './progressbar';
diff --git a/src/app/components/progressspinner/ng-package.json b/src/app/components/progressspinner/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/progressspinner/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/progressspinner/progressspinner.css b/src/app/components/progressspinner/progressspinner.css
deleted file mode 100644
index 543121c..0000000
--- a/src/app/components/progressspinner/progressspinner.css
+++ /dev/null
@@ -1,76 +0,0 @@
-@layer primeng {
-    .p-progress-spinner {
-        position: relative;
-        margin: 0 auto;
-        width: 100px;
-        height: 100px;
-        display: inline-block;
-    }
-
-    .p-progress-spinner::before {
-        content: '';
-        display: block;
-        padding-top: 100%;
-    }
-
-    .p-progress-spinner-svg {
-        animation: p-progress-spinner-rotate 2s linear infinite;
-        height: 100%;
-        transform-origin: center center;
-        width: 100%;
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        margin: auto;
-    }
-
-    .p-progress-spinner-circle {
-        stroke-dasharray: 89, 200;
-        stroke-dashoffset: 0;
-        stroke: #d62d20;
-        animation:
-            p-progress-spinner-dash 1.5s ease-in-out infinite,
-            p-progress-spinner-color 6s ease-in-out infinite;
-        stroke-linecap: round;
-    }
-}
-
-@keyframes p-progress-spinner-rotate {
-    100% {
-        transform: rotate(360deg);
-    }
-}
-
-@keyframes p-progress-spinner-dash {
-    0% {
-        stroke-dasharray: 1, 200;
-        stroke-dashoffset: 0;
-    }
-    50% {
-        stroke-dasharray: 89, 200;
-        stroke-dashoffset: -35px;
-    }
-    100% {
-        stroke-dasharray: 89, 200;
-        stroke-dashoffset: -124px;
-    }
-}
-
-@keyframes p-progress-spinner-color {
-    100%,
-    0% {
-        stroke: #d62d20;
-    }
-    40% {
-        stroke: #0057e7;
-    }
-    66% {
-        stroke: #008744;
-    }
-    80%,
-    90% {
-        stroke: #ffa700;
-    }
-}
diff --git a/src/app/components/progressspinner/progressspinner.spec.ts b/src/app/components/progressspinner/progressspinner.spec.ts
deleted file mode 100644
index 111ec13..0000000
--- a/src/app/components/progressspinner/progressspinner.spec.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { ProgressSpinner } from './progressspinner';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('ProgressSpinner', () => {
-    let progressspinner: ProgressSpinner;
-    let fixture: ComponentFixture<ProgressSpinner>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule],
-            declarations: [ProgressSpinner]
-        });
-
-        fixture = TestBed.createComponent(ProgressSpinner);
-        progressspinner = fixture.componentInstance;
-    });
-    it('should created by default', () => {
-        fixture.detectChanges();
-
-        const progressSpinnerEl = fixture.debugElement.query(By.css('.p-progress-spinner'));
-        expect(progressSpinnerEl.nativeElement).toBeTruthy();
-    });
-
-    it('should get style and styleClass', () => {
-        progressspinner.style = { height: '300px' };
-        progressspinner.styleClass = 'PrimeNG ROCKS!';
-        fixture.detectChanges();
-
-        const progressSpinnerEl = fixture.debugElement.query(By.css('.p-progress-spinner'));
-        expect(progressSpinnerEl.nativeElement.className).toContain('PrimeNG ROCKS!');
-        expect(progressSpinnerEl.nativeElement.style.height).toEqual('300px');
-    });
-});
diff --git a/src/app/components/progressspinner/progressspinner.ts b/src/app/components/progressspinner/progressspinner.ts
deleted file mode 100644
index 07889a4..0000000
--- a/src/app/components/progressspinner/progressspinner.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input, NgModule, ViewEncapsulation } from '@angular/core';
-/**
- * ProgressSpinner is a process status indicator.
- * @group Components
- */
-@Component({
-    selector: 'p-progressSpinner',
-    template: `
-        <div class="p-progress-spinner" [ngStyle]="style" [ngClass]="styleClass" role="progressbar" [attr.aria-label]="ariaLabel" [attr.aria-busy]="true" [attr.data-pc-name]="'progressspinner'" [attr.data-pc-section]="'root'">
-            <svg class="p-progress-spinner-svg" viewBox="25 25 50 50" [style.animation-duration]="animationDuration" [attr.data-pc-section]="'root'">
-                <circle class="p-progress-spinner-circle" cx="50" cy="50" r="20" [attr.fill]="fill" [attr.stroke-width]="strokeWidth" stroke-miterlimit="10" />
-            </svg>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./progressspinner.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class ProgressSpinner {
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Width of the circle stroke.
-     * @group Props
-     */
-    @Input() strokeWidth: string = '2';
-    /**
-     * Color for the background of the circle.
-     * @group Props
-     */
-    @Input() fill: string = 'none';
-    /**
-     * Duration of the rotate animation.
-     * @group Props
-     */
-    @Input() animationDuration: string = '2s';
-    /**
-     * Used to define a aria label attribute the current element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [ProgressSpinner],
-    declarations: [ProgressSpinner]
-})
-export class ProgressSpinnerModule {}
diff --git a/src/app/components/progressspinner/public_api.ts b/src/app/components/progressspinner/public_api.ts
deleted file mode 100644
index 94abc70..0000000
--- a/src/app/components/progressspinner/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './progressspinner';
diff --git a/src/app/components/public_api.ts b/src/app/components/public_api.ts
deleted file mode 100644
index ff8b4c5..0000000
--- a/src/app/components/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/src/app/components/radiobutton/ng-package.json b/src/app/components/radiobutton/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/radiobutton/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/radiobutton/public_api.ts b/src/app/components/radiobutton/public_api.ts
deleted file mode 100644
index 807207f..0000000
--- a/src/app/components/radiobutton/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './radiobutton';
-export * from './radiobutton.interface';
diff --git a/src/app/components/radiobutton/radiobutton.css b/src/app/components/radiobutton/radiobutton.css
deleted file mode 100644
index 7bd8a90..0000000
--- a/src/app/components/radiobutton/radiobutton.css
+++ /dev/null
@@ -1,38 +0,0 @@
-@layer primeng {
-    .p-radiobutton {
-        display: inline-flex;
-        cursor: pointer;
-        user-select: none;
-        vertical-align: bottom;
-        position: relative;
-    }
-
-    .p-radiobutton-box {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
-
-    .p-radiobutton-icon {
-        -webkit-backface-visibility: hidden;
-        backface-visibility: hidden;
-        transform: translateZ(0) scale(0.1);
-        border-radius: 50%;
-        visibility: hidden;
-    }
-
-    .p-radiobutton-box.p-highlight .p-radiobutton-icon {
-        transform: translateZ(0) scale(1, 1);
-        visibility: visible;
-    }
-
-    p-radiobutton {
-        display: inline-flex;
-        vertical-align: bottom;
-        align-items: center;
-    }
-
-    .p-radiobutton-label {
-        line-height: 1;
-    }
-}
diff --git a/src/app/components/radiobutton/radiobutton.interface.ts b/src/app/components/radiobutton/radiobutton.interface.ts
deleted file mode 100644
index 5ef7821..0000000
--- a/src/app/components/radiobutton/radiobutton.interface.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { RadioButton } from './radiobutton';
-/**
- * Custom click event.
- * @see {@link RadioButton.onClick}
- * @group Events
- */
-export interface RadioButtonClickEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Browser event.
-     */
-    value: any;
-}
diff --git a/src/app/components/radiobutton/radiobutton.spec.ts b/src/app/components/radiobutton/radiobutton.spec.ts
deleted file mode 100644
index 1b71adc..0000000
--- a/src/app/components/radiobutton/radiobutton.spec.ts
+++ /dev/null
@@ -1,159 +0,0 @@
-import { Component } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { RadioButton, RadioButtonModule } from './radiobutton';
-
-@Component({
-    template: ` <p-radioButton [(ngModel)]="city"></p-radioButton> `
-})
-class TestRadioButtonComponent {
-    city: string;
-}
-
-describe('RadioButton', () => {
-    let radiobutton: RadioButton;
-    let fixture: ComponentFixture<TestRadioButtonComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, RadioButtonModule, ReactiveFormsModule, FormsModule],
-            declarations: [TestRadioButtonComponent]
-        });
-
-        fixture = TestBed.createComponent(TestRadioButtonComponent);
-        radiobutton = fixture.debugElement.children[0].componentInstance;
-    });
-
-    it('should change name inputId value style styleClass label labelStyleClass and tabIndex', () => {
-        radiobutton.name = 'primeng';
-        radiobutton.inputId = 'prime';
-        radiobutton.value = 'Primeng';
-        radiobutton.style = { height: '300px' };
-        radiobutton.styleClass = 'Primeng ROCKS!';
-        radiobutton.label = 'Prime';
-        radiobutton.labelStyleClass = 'Primeng ROCKS';
-        radiobutton.tabindex = 13;
-        fixture.detectChanges();
-
-        const radiobuttonEl = fixture.debugElement.query(By.css('div'));
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        const labelEl = fixture.debugElement.query(By.css('label'));
-        expect(inputEl.nativeElement.name).toEqual('primeng');
-        expect(inputEl.nativeElement.value).toEqual('Primeng');
-        expect(inputEl.nativeElement.id).toEqual('prime');
-        expect(inputEl.nativeElement.tabIndex).toEqual(13);
-        expect(radiobuttonEl.nativeElement.className).toContain('Primeng ROCKS!');
-        expect(radiobuttonEl.nativeElement.style.height).toEqual('300px');
-        expect(labelEl.nativeElement.className).toContain('Primeng ROCKS');
-        expect(labelEl.nativeElement.textContent).toEqual('Prime');
-        expect(labelEl.nativeElement.htmlFor).toEqual('prime');
-    });
-
-    it('should display active state initially when checked by default', () => {
-        fixture.detectChanges();
-
-        radiobutton.checked = true;
-        radiobutton.inputViewChild.nativeElement.checked = true;
-        fixture.detectChanges();
-
-        radiobutton.cd.detectChanges();
-        const boxEl = fixture.nativeElement.querySelector('.p-radiobutton-box');
-        expect(boxEl.className).toContain('p-highlight');
-    });
-
-    it('should disabled', () => {
-        radiobutton.value = 'prime';
-        radiobutton.disabled = true;
-        radiobutton.label = 'prime';
-        radiobutton.cd.detectChanges();
-
-        const handleClickSpy = spyOn(radiobutton, 'handleClick').and.callThrough();
-        const selectSpy = spyOn(radiobutton, 'select').and.callThrough();
-        const radiobuttonEl = fixture.debugElement.queryAll(By.css('div'))[2];
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        const labelEl = fixture.debugElement.query(By.css('label'));
-
-        expect(inputEl.nativeElement.disabled).toEqual(true);
-        expect(radiobuttonEl.nativeElement.className).toContain('p-disabled');
-        expect(labelEl.nativeElement.className).toContain('p-disabled');
-        radiobuttonEl.nativeElement.click();
-        radiobutton.cd.detectChanges();
-
-        expect(handleClickSpy).toHaveBeenCalled();
-        expect(selectSpy).not.toHaveBeenCalled();
-        expect(radiobutton.checked).toBeFalsy();
-        labelEl.nativeElement.click();
-        radiobutton.cd.detectChanges();
-
-        expect(handleClickSpy).toHaveBeenCalledTimes(1);
-        expect(selectSpy).toHaveBeenCalled();
-        expect(radiobutton.checked).toBeFalsy();
-    });
-
-    it('should click checkbox', () => {
-        fixture.detectChanges();
-
-        let value;
-        radiobutton.onClick.subscribe((event) => (value = 5));
-        const handleClickSpy = spyOn(radiobutton, 'handleClick').and.callThrough();
-        const selectSpy = spyOn(radiobutton, 'select').and.callThrough();
-        const onFocusSpy = spyOn(radiobutton, 'onInputFocus').and.callThrough();
-        const radiobuttonEl = fixture.debugElement.queryAll(By.css('div'))[2];
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        radiobuttonEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(handleClickSpy).toHaveBeenCalled();
-        expect(selectSpy).toHaveBeenCalled();
-        expect(onFocusSpy).toHaveBeenCalled();
-        expect(radiobutton.checked).toEqual(true);
-        expect(value).toEqual(5);
-        expect(radiobutton.focused).toEqual(true);
-        expect(radiobuttonEl.nativeElement.className).toContain('p-focus');
-    });
-
-    it('should click label', () => {
-        radiobutton.label = 'prime';
-        fixture.detectChanges();
-
-        let value;
-        radiobutton.onClick.subscribe((event) => (value = 5));
-        const handleClickSpy = spyOn(radiobutton, 'handleClick').and.callThrough();
-        const selectSpy = spyOn(radiobutton, 'select').and.callThrough();
-        const onFocusSpy = spyOn(radiobutton, 'onInputFocus').and.callThrough();
-        const onBlurSpy = spyOn(radiobutton, 'onInputBlur').and.callThrough();
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        const labelEl = fixture.debugElement.query(By.css('label'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        labelEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(handleClickSpy).not.toHaveBeenCalled();
-        expect(selectSpy).toHaveBeenCalled();
-        expect(onFocusSpy).toHaveBeenCalled();
-        expect(radiobutton.checked).toEqual(true);
-        expect(labelEl.nativeElement.className).toContain('p-radiobutton-label-focus');
-        expect(value).toEqual(5);
-        inputEl.nativeElement.dispatchEvent(new Event('blur'));
-        fixture.detectChanges();
-
-        expect(radiobutton.focused).toEqual(false);
-        expect(onBlurSpy).toHaveBeenCalled();
-    });
-
-    it('should call writeValue', () => {
-        radiobutton.label = 'prime';
-        radiobutton.value = 'prime';
-        fixture.detectChanges();
-
-        const writeValueSpy = spyOn(radiobutton, 'writeValue').and.callThrough();
-        radiobutton.writeValue('prime');
-        fixture.detectChanges();
-
-        expect(writeValueSpy).toHaveBeenCalled();
-        expect(radiobutton.checked).toEqual(true);
-    });
-});
diff --git a/src/app/components/radiobutton/radiobutton.ts b/src/app/components/radiobutton/radiobutton.ts
deleted file mode 100644
index 14cd436..0000000
--- a/src/app/components/radiobutton/radiobutton.ts
+++ /dev/null
@@ -1,316 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Injectable, Injector, Input, NgModule, OnDestroy, OnInit, Output, ViewChild, booleanAttribute, forwardRef, numberAttribute } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
-import { Nullable } from 'primeng/ts-helpers';
-import { AutoFocusModule } from 'primeng/autofocus';
-
-import { RadioButtonClickEvent } from './radiobutton.interface';
-import { PrimeNGConfig } from 'primeng/api';
-
-export const RADIO_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => RadioButton),
-    multi: true
-};
-
-@Injectable({
-    providedIn: 'root'
-})
-export class RadioControlRegistry {
-    private accessors: any[] = [];
-
-    add(control: NgControl, accessor: RadioButton) {
-        this.accessors.push([control, accessor]);
-    }
-
-    remove(accessor: RadioButton) {
-        this.accessors = this.accessors.filter((c) => {
-            return c[1] !== accessor;
-        });
-    }
-
-    select(accessor: RadioButton) {
-        this.accessors.forEach((c) => {
-            if (this.isSameGroup(c, accessor) && c[1] !== accessor) {
-                c[1].writeValue(accessor.value);
-            }
-        });
-    }
-
-    private isSameGroup(controlPair: [NgControl, RadioButton], accessor: RadioButton): boolean {
-        if (!controlPair[0].control) {
-            return false;
-        }
-
-        return controlPair[0].control.root === (accessor as any).control.control.root && controlPair[1].name === accessor.name;
-    }
-}
-/**
- * RadioButton is an extension to standard radio button element with theming.
- * @group Components
- */
-@Component({
-    selector: 'p-radioButton',
-    template: `
-        <div
-            [ngStyle]="style"
-            [ngClass]="{
-                'p-radiobutton p-component': true,
-                'p-radiobutton-checked': checked,
-                'p-radiobutton-disabled': disabled,
-                'p-radiobutton-focused': focused,
-                'p-variant-filled': variant === 'filled' || config.inputStyle() === 'filled'
-            }"
-            [class]="styleClass"
-            [attr.data-pc-name]="'radiobutton'"
-            [attr.data-pc-section]="'root'"
-            (click)="handleClick($event, input, true)"
-        >
-            <div class="p-hidden-accessible" [attr.data-pc-section]="'hiddenInputWrapper'">
-                <input
-                    #input
-                    [attr.id]="inputId"
-                    type="radio"
-                    [attr.name]="name"
-                    [checked]="checked"
-                    [disabled]="disabled"
-                    [value]="value"
-                    [attr.aria-labelledby]="ariaLabelledBy"
-                    [attr.aria-label]="ariaLabel"
-                    [attr.tabindex]="tabindex"
-                    [attr.aria-checked]="checked"
-                    (focus)="onInputFocus($event)"
-                    (blur)="onInputBlur($event)"
-                    [attr.data-pc-section]="'hiddenInput'"
-                    pAutoFocus
-                    [autofocus]="autofocus"
-                />
-            </div>
-            <div [ngClass]="{ 'p-radiobutton-box': true, 'p-highlight': checked, 'p-disabled': disabled, 'p-focus': focused }" [attr.data-pc-section]="'input'">
-                <span class="p-radiobutton-icon" [attr.data-pc-section]="'icon'"></span>
-            </div>
-        </div>
-        <label
-            (click)="select($event)"
-            [class]="labelStyleClass"
-            [ngClass]="{ 'p-radiobutton-label': true, 'p-radiobutton-label-active': input.checked, 'p-disabled': disabled, 'p-radiobutton-label-focus': focused }"
-            *ngIf="label"
-            [attr.for]="inputId"
-            [attr.data-pc-section]="'label'"
-            >{{ label }}</label
-        >
-    `,
-    providers: [RADIO_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    host: {
-        class: 'p-element'
-    }
-})
-export class RadioButton implements ControlValueAccessor, OnInit, OnDestroy {
-    /**
-     * Value of the radiobutton.
-     * @group Props
-     */
-    @Input() value: any;
-    /**
-     * The name of the form control.
-     * @group Props
-     */
-    @Input() formControlName: string | undefined;
-    /**
-     * Name of the radiobutton group.
-     * @group Props
-     */
-    @Input() name: string | undefined;
-    /**
-     * When present, it specifies that the element should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * Label of the radiobutton.
-     * @group Props
-     */
-    @Input() label: string | undefined;
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    @Input() variant: 'filled' | 'outlined' = 'outlined';
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined;
-    /**
-     * Identifier of the focus input to match a label defined for the component.
-     * @group Props
-     */
-    @Input() inputId: string | undefined;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Used to define a string that labels the input element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Style class of the label.
-     * @group Props
-     */
-    @Input() labelStyleClass: string | undefined;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * Callback to invoke on radio button click.
-     * @param {RadioButtonClickEvent} event - Custom click event.
-     * @group Emits
-     */
-    @Output() onClick: EventEmitter<RadioButtonClickEvent> = new EventEmitter<RadioButtonClickEvent>();
-    /**
-     * Callback to invoke when the receives focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when the loses focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<Event> = new EventEmitter<Event>();
-
-    @ViewChild('input') inputViewChild!: ElementRef;
-
-    public onModelChange: Function = () => {};
-
-    public onModelTouched: Function = () => {};
-
-    public checked: Nullable<boolean>;
-
-    public focused: Nullable<boolean>;
-
-    control: Nullable<NgControl>;
-
-    constructor(
-        public cd: ChangeDetectorRef,
-        private injector: Injector,
-        private registry: RadioControlRegistry,
-        public config: PrimeNGConfig
-    ) {}
-
-    ngOnInit() {
-        this.control = this.injector.get(NgControl);
-        this.checkName();
-        this.registry.add(this.control, this);
-    }
-
-    handleClick(event: Event, radioButton: HTMLElement, focus: boolean) {
-        event.preventDefault();
-
-        if (this.disabled) {
-            return;
-        }
-
-        this.select(event);
-
-        if (focus) {
-            radioButton.focus();
-        }
-    }
-
-    select(event: Event) {
-        if (!this.disabled) {
-            this.inputViewChild.nativeElement.checked = true;
-            this.checked = true;
-            this.onModelChange(this.value);
-            this.registry.select(this);
-            this.onClick.emit({ originalEvent: event, value: this.value });
-        }
-    }
-
-    writeValue(value: any): void {
-        this.checked = value == this.value;
-
-        if (this.inputViewChild && this.inputViewChild.nativeElement) {
-            this.inputViewChild.nativeElement.checked = this.checked;
-        }
-
-        this.cd.markForCheck();
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    onInputFocus(event: Event) {
-        this.focused = true;
-        this.onFocus.emit(event);
-    }
-
-    onInputBlur(event: Event) {
-        this.focused = false;
-        this.onModelTouched();
-        this.onBlur.emit(event);
-    }
-
-    /**
-     * Applies focus to input field.
-     * @group Method
-     */
-    public focus() {
-        this.inputViewChild.nativeElement.focus();
-    }
-
-    ngOnDestroy() {
-        this.registry.remove(this);
-    }
-
-    private checkName() {
-        if (this.name && this.formControlName && this.name !== this.formControlName) {
-            this.throwNameError();
-        }
-        if (!this.name && this.formControlName) {
-            this.name = this.formControlName;
-        }
-    }
-
-    private throwNameError() {
-        throw new Error(`
-          If you define both a name and a formControlName attribute on your radio button, their values
-          must match. Ex: <p-radioButton formControlName="food" name="food"></p-radioButton>
-        `);
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, AutoFocusModule],
-    exports: [RadioButton],
-    declarations: [RadioButton]
-})
-export class RadioButtonModule {}
diff --git a/src/app/components/rating/ng-package.json b/src/app/components/rating/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/rating/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/rating/public_api.ts b/src/app/components/rating/public_api.ts
deleted file mode 100644
index cba1316..0000000
--- a/src/app/components/rating/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './rating';
-export * from './rating.interface';
diff --git a/src/app/components/rating/rating.css b/src/app/components/rating/rating.css
deleted file mode 100644
index c9fd771..0000000
--- a/src/app/components/rating/rating.css
+++ /dev/null
@@ -1,15 +0,0 @@
-@layer primeng {
-    .p-rating {
-        display: inline-flex;
-        position: relative;
-        align-items: center;
-    }
-
-    .p-rating-icon {
-        cursor: pointer;
-    }
-
-    .p-rating.p-rating-readonly .p-rating-icon {
-        cursor: default;
-    }
-}
diff --git a/src/app/components/rating/rating.interface.ts b/src/app/components/rating/rating.interface.ts
deleted file mode 100644
index 8b04b59..0000000
--- a/src/app/components/rating/rating.interface.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { Rating } from './rating';
-/**
- * Custom change event.
- * @see {@link Rating.onRate}
- * @group Events
- */
-export interface RatingRateEvent {
-    /**
-     * Browser event
-     */
-    originalEvent: Event;
-    /**
-     * Selected option value
-     */
-    value: number;
-}
-/**
- * Defines valid templates in Rating.
- * @group Templates
- */
-export interface RatingTemplates {
-    /**
-     * Custom on icon template.
-     */
-    onicon(): TemplateRef<any>;
-    /**
-     * Custom off icon template.
-     */
-    officon(): TemplateRef<any>;
-    /**
-     * Custom cancel icon template.
-     */
-    cancelicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/rating/rating.spec.ts b/src/app/components/rating/rating.spec.ts
deleted file mode 100644
index 344abc8..0000000
--- a/src/app/components/rating/rating.spec.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Rating } from './rating';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { StarFillIcon } from 'primeng/icons/starfill';
-import { StarIcon } from 'primeng/icons/star';
-import { BanIcon } from 'primeng/icons/ban';
-
-describe('Rating', () => {
-    let rating: Rating;
-    let fixture: ComponentFixture<Rating>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, StarIcon, StarFillIcon, BanIcon],
-            declarations: [Rating]
-        });
-
-        fixture = TestBed.createComponent(Rating);
-        rating = fixture.componentInstance;
-    });
-
-    it('should display 5 stars by default', () => {
-        fixture.detectChanges();
-
-        const starEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(starEl.children.length).toEqual(6);
-    });
-
-    it('should display 10 stars ', () => {
-        rating.stars = 10;
-        fixture.detectChanges();
-
-        const starEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(starEl.children.length).toEqual(11);
-    });
-
-    it('should ignore cancel ', () => {
-        rating.cancel = false;
-        fixture.detectChanges();
-
-        const starEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(starEl.children.length).toEqual(5);
-    });
-
-    it('should disabled', () => {
-        rating.disabled = true;
-        fixture.detectChanges();
-
-        const starEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(starEl.className).toContain('p-disabled');
-    });
-
-    it('should change styles and icons', () => {
-        rating.value = 2;
-        rating.iconOnClass = 'icon on';
-        rating.iconOffClass = 'icon off';
-        rating.iconCancelClass = 'Primeng Rocks!';
-        rating.iconOnStyle = { height: '300px' };
-        rating.iconOffStyle = { height: '300px' };
-        rating.iconCancelStyle = { height: '300px' };
-        fixture.detectChanges();
-
-        const starElements = fixture.debugElement.queryAll(By.css('span'));
-        expect(starElements[1].nativeElement.className).toContain('Primeng Rocks!');
-        expect(starElements[1].nativeElement.style.height).toEqual('300px');
-    });
-
-    it('should value 3', () => {
-        fixture.detectChanges();
-
-        const thirdStarEl = fixture.debugElement.queryAll(By.css('.p-rating-icon'))[3].nativeElement;
-        thirdStarEl.parentElement.click();
-        fixture.detectChanges();
-
-        expect(rating.value).toEqual(3);
-    });
-
-    it('should get value from event emitters', () => {
-        fixture.detectChanges();
-
-        let onRateValue;
-        let onCancelRate;
-        const thirdStarEl = fixture.debugElement.queryAll(By.css('.p-rating-icon'))[3].nativeElement;
-        const cancelEl = fixture.debugElement.queryAll(By.css('.p-rating-icon'))[0].nativeElement;
-        rating.onRate.subscribe((value) => (onRateValue = value));
-        rating.onCancel.subscribe((value) => (onCancelRate = value));
-        thirdStarEl.parentElement.click();
-        fixture.detectChanges();
-
-        expect(onRateValue.value).toEqual(3);
-
-        const cancelspy = spyOn(rating.onCancel, 'emit').and.callThrough();
-        const onModelChangeSpy = spyOn(rating, 'onModelChange').and.callThrough();
-        cancelEl.parentElement.click();
-        fixture.detectChanges();
-
-        expect(onModelChangeSpy).toHaveBeenCalled();
-        expect(rating.value).toEqual(null);
-        expect(cancelspy).toHaveBeenCalled();
-    });
-
-    it('should clear value', () => {
-        fixture.detectChanges();
-
-        const thirdStarEl = fixture.debugElement.queryAll(By.css('.p-rating-icon'))[3].nativeElement;
-        const cancelEl = fixture.debugElement.queryAll(By.css('.p-rating-icon'))[0].nativeElement;
-        thirdStarEl.parentElement.click();
-        cancelEl.parentElement.click();
-        fixture.detectChanges();
-
-        expect(rating.value).toEqual(null);
-    });
-});
diff --git a/src/app/components/rating/rating.ts b/src/app/components/rating/rating.ts
deleted file mode 100644
index 2ffe5ba..0000000
--- a/src/app/components/rating/rating.ts
+++ /dev/null
@@ -1,314 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { booleanAttribute, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, forwardRef, Input, NgModule, numberAttribute, OnInit, Output, QueryList, signal, TemplateRef, ViewEncapsulation } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { BanIcon } from 'primeng/icons/ban';
-import { StarIcon } from 'primeng/icons/star';
-import { StarFillIcon } from 'primeng/icons/starfill';
-import { Nullable } from 'primeng/ts-helpers';
-import { RatingRateEvent } from './rating.interface';
-import { DomHandler } from 'primeng/dom';
-import { UniqueComponentId } from 'primeng/utils';
-import { AutoFocusModule } from 'primeng/autofocus';
-
-export const RATING_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => Rating),
-    multi: true
-};
-/**
- * Rating is an extension to standard radio button element with theming.
- * @group Components
- */
-@Component({
-    selector: 'p-rating',
-    template: `
-        <div class="p-rating" [ngClass]="{ 'p-readonly': readonly, 'p-disabled': disabled }" [attr.data-pc-name]="'rating'" [attr.data-pc-section]="'root'">
-            <ng-container *ngIf="!isCustomIcon; else customTemplate">
-                <div *ngIf="cancel" [attr.data-pc-section]="'cancelItem'" (click)="onOptionClick($event, 0)" [ngClass]="{ 'p-focus': focusedOptionIndex() === 0 && isFocusVisibleItem }" class="p-rating-item p-rating-cancel-item">
-                    <span class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true">
-                        <input
-                            type="radio"
-                            value="0"
-                            [name]="name"
-                            [checked]="value === 0"
-                            [disabled]="disabled"
-                            [readonly]="readonly"
-                            [attr.aria-label]="cancelAriaLabel()"
-                            (focus)="onInputFocus($event, 0)"
-                            (blur)="onInputBlur($event)"
-                            (change)="onChange($event, 0)"
-                            pAutoFocus
-                            [autofocus]="autofocus"
-                        />
-                    </span>
-                    <span *ngIf="iconCancelClass" class="p-rating-icon p-rating-cancel" [ngClass]="iconCancelClass" [ngStyle]="iconCancelStyle"></span>
-                    <BanIcon *ngIf="!iconCancelClass" [styleClass]="'p-rating-icon p-rating-cancel'" [ngStyle]="iconCancelStyle" [attr.data-pc-section]="'cancelIcon'" />
-                </div>
-                <ng-template ngFor [ngForOf]="starsArray" let-star let-i="index">
-                    <div class="p-rating-item" [ngClass]="{ 'p-rating-item-active': star + 1 <= value, 'p-focus': star + 1 === focusedOptionIndex() && isFocusVisibleItem }" (click)="onOptionClick($event, star + 1)">
-                        <span class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true">
-                            <input
-                                type="radio"
-                                value="0"
-                                [name]="name"
-                                [checked]="value === 0"
-                                [disabled]="disabled"
-                                [readonly]="readonly"
-                                [attr.aria-label]="starAriaLabel(star + 1)"
-                                (focus)="onInputFocus($event, star + 1)"
-                                (blur)="onInputBlur($event)"
-                                (change)="onChange($event, star + 1)"
-                                pAutoFocus
-                                [autofocus]="autofocus"
-                            />
-                        </span>
-                        <ng-container *ngIf="!value || i >= value">
-                            <span class="p-rating-icon" *ngIf="iconOffClass" [ngStyle]="iconOffStyle" [ngClass]="iconOffClass" [attr.data-pc-section]="'offIcon'"></span>
-                            <StarIcon *ngIf="!iconOffClass" [ngStyle]="iconOffStyle" [styleClass]="'p-rating-icon'" [attr.data-pc-section]="'offIcon'" />
-                        </ng-container>
-                        <ng-container *ngIf="value && i < value">
-                            <span class="p-rating-icon p-rating-icon-active" *ngIf="iconOnClass" [ngStyle]="iconOnStyle" [ngClass]="iconOnClass" [attr.data-pc-section]="'onIcon'"></span>
-                            <StarFillIcon *ngIf="!iconOnClass" [ngStyle]="iconOnStyle" [styleClass]="'p-rating-icon p-rating-icon-active'" [attr.data-pc-section]="'onIcon'" />
-                        </ng-container>
-                    </div>
-                </ng-template>
-            </ng-container>
-            <ng-template #customTemplate>
-                <span *ngIf="cancel" (click)="onOptionClick($event, 0)" class="p-rating-icon p-rating-cancel" [ngStyle]="iconCancelStyle" [attr.data-pc-section]="'cancelIcon'">
-                    <ng-container *ngTemplateOutlet="cancelIconTemplate"></ng-container>
-                </span>
-                <span *ngFor="let star of starsArray; let i = index" class="p-rating-icon" (click)="onOptionClick($event, star + 1)" [attr.data-pc-section]="'onIcon'">
-                    <ng-container *ngTemplateOutlet="getIconTemplate(i)"></ng-container>
-                </span>
-            </ng-template>
-        </div>
-    `,
-    providers: [RATING_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./rating.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Rating implements OnInit, ControlValueAccessor {
-    /**
-     * When present, it specifies that the element should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * When present, changing the value is not possible.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) readonly: boolean | undefined;
-    /**
-     * Number of stars.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) stars: number = 5;
-    /**
-     * When specified a cancel icon is displayed to allow removing the value.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) cancel: boolean = true;
-    /**
-     * Style class of the on icon.
-     * @group Props
-     */
-    @Input() iconOnClass: string | undefined;
-    /**
-     * Inline style of the on icon.
-     * @group Props
-     */
-    @Input() iconOnStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the off icon.
-     * @group Props
-     */
-    @Input() iconOffClass: string | undefined;
-    /**
-     * Inline style of the off icon.
-     * @group Props
-     */
-    @Input() iconOffStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the cancel icon.
-     * @group Props
-     */
-    @Input() iconCancelClass: string | undefined;
-    /**
-     * Inline style of the cancel icon.
-     * @group Props
-     */
-    @Input() iconCancelStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * Emitted on value change.
-     * @param {RatingRateEvent} value - Custom rate event.
-     * @group Emits
-     */
-    @Output() onRate: EventEmitter<RatingRateEvent> = new EventEmitter<RatingRateEvent>();
-    /**
-     * Emitted when the rating is cancelled.
-     * @param {Event} value - Browser event.
-     * @group Emits
-     */
-    @Output() onCancel: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Emitted when the rating receives focus.
-     * @param {Event} value - Browser event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();
-    /**
-     * Emitted when the rating loses focus.
-     * @param {Event} value - Browser event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();
-
-    @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;
-
-    onIconTemplate: Nullable<TemplateRef<any>>;
-
-    offIconTemplate: Nullable<TemplateRef<any>>;
-
-    cancelIconTemplate: Nullable<TemplateRef<any>>;
-
-    value: Nullable<number>;
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    public starsArray: Nullable<number[]>;
-
-    isFocusVisibleItem: boolean = true;
-
-    focusedOptionIndex = signal<number>(-1);
-
-    name: string | undefined;
-
-    constructor(
-        private cd: ChangeDetectorRef,
-        private config: PrimeNGConfig
-    ) {}
-
-    ngOnInit() {
-        this.name = this.name || UniqueComponentId();
-        this.starsArray = [];
-        for (let i = 0; i < this.stars; i++) {
-            this.starsArray[i] = i;
-        }
-    }
-
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'onicon':
-                    this.onIconTemplate = item.template;
-                    break;
-
-                case 'officon':
-                    this.offIconTemplate = item.template;
-                    break;
-
-                case 'cancelicon':
-                    this.cancelIconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    onOptionClick(event, value) {
-        if (!this.readonly && !this.disabled) {
-            this.onOptionSelect(event, value);
-            this.isFocusVisibleItem = false;
-            const firstFocusableEl = DomHandler.getFirstFocusableElement(event.currentTarget, '');
-
-            firstFocusableEl && DomHandler.focus(firstFocusableEl);
-        }
-    }
-
-    onOptionSelect(event, value) {
-        this.focusedOptionIndex.set(value);
-        this.updateModel(event, value || null);
-    }
-
-    onChange(event, value) {
-        this.onOptionSelect(event, value);
-        this.isFocusVisibleItem = true;
-    }
-
-    onInputBlur(event) {
-        this.focusedOptionIndex.set(-1);
-        this.onBlur.emit(event);
-    }
-
-    onInputFocus(event, value) {
-        this.focusedOptionIndex.set(value);
-        this.onFocus.emit(event);
-    }
-
-    updateModel(event, value) {
-        this.value = value;
-        this.onModelChange(this.value);
-        this.onModelTouched();
-
-        if (!value) {
-            this.onCancel.emit();
-        } else {
-            this.onRate.emit({
-                originalEvent: event,
-                value
-            });
-        }
-    }
-
-    cancelAriaLabel() {
-        return this.config.translation.clear;
-    }
-
-    starAriaLabel(value) {
-        return value === 1 ? this.config.translation.aria.star : this.config.translation.aria.stars.replace(/{star}/g, value);
-    }
-
-    getIconTemplate(i: number): Nullable<TemplateRef<any>> {
-        return !this.value || i >= this.value ? this.offIconTemplate : this.onIconTemplate;
-    }
-
-    writeValue(value: any): void {
-        this.value = value;
-        this.cd.detectChanges();
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    get isCustomIcon(): boolean {
-        return this.templates && this.templates.length > 0;
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, AutoFocusModule, StarFillIcon, StarIcon, BanIcon],
-    exports: [Rating, SharedModule],
-    declarations: [Rating]
-})
-export class RatingModule {}
diff --git a/src/app/components/ripple/ng-package.json b/src/app/components/ripple/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/ripple/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/ripple/public_api.ts b/src/app/components/ripple/public_api.ts
deleted file mode 100644
index cf97c63..0000000
--- a/src/app/components/ripple/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './ripple';
diff --git a/src/app/components/ripple/ripple.css b/src/app/components/ripple/ripple.css
deleted file mode 100644
index 811262d..0000000
--- a/src/app/components/ripple/ripple.css
+++ /dev/null
@@ -1,29 +0,0 @@
-@layer primeng {
-    .p-ripple {
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-ink {
-        display: block;
-        position: absolute;
-        background: rgba(255, 255, 255, 0.5);
-        border-radius: 100%;
-        transform: scale(0);
-    }
-
-    .p-ink-active {
-        animation: ripple 0.4s linear;
-    }
-
-    .p-ripple-disabled .p-ink {
-        display: none !important;
-    }
-}
-
-@keyframes ripple {
-    100% {
-        opacity: 0;
-        transform: scale(2.5);
-    }
-}
diff --git a/src/app/components/ripple/ripple.spec.ts b/src/app/components/ripple/ripple.spec.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/components/ripple/ripple.ts b/src/app/components/ripple/ripple.ts
deleted file mode 100644
index ebac88a..0000000
--- a/src/app/components/ripple/ripple.ts
+++ /dev/null
@@ -1,132 +0,0 @@
-import { DOCUMENT, isPlatformBrowser } from '@angular/common';
-import { AfterViewInit, Directive, ElementRef, Inject, NgModule, NgZone, OnDestroy, Optional, PLATFORM_ID, Renderer2 } from '@angular/core';
-import { PrimeNGConfig } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { VoidListener } from 'primeng/ts-helpers';
-/**
- * Ripple directive adds ripple effect to the host element.
- * @group Components
- */
-@Directive({
-    selector: '[pRipple]',
-    standalone: true,
-    host: {
-        class: 'p-ripple p-element'
-    }
-})
-export class Ripple implements AfterViewInit, OnDestroy {
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private renderer: Renderer2,
-        public el: ElementRef,
-        public zone: NgZone,
-        @Optional() public config: PrimeNGConfig
-    ) {}
-
-    animationListener: VoidListener;
-
-    mouseDownListener: VoidListener;
-
-    timeout: any;
-
-    ngAfterViewInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (this.config && this.config.ripple) {
-                this.zone.runOutsideAngular(() => {
-                    this.create();
-                    this.mouseDownListener = this.renderer.listen(this.el.nativeElement, 'mousedown', this.onMouseDown.bind(this));
-                });
-            }
-        }
-    }
-
-    onMouseDown(event: MouseEvent) {
-        let ink = this.getInk();
-        if (!ink || this.document.defaultView?.getComputedStyle(ink, null).display === 'none') {
-            return;
-        }
-
-        DomHandler.removeClass(ink, 'p-ink-active');
-        if (!DomHandler.getHeight(ink) && !DomHandler.getWidth(ink)) {
-            let d = Math.max(DomHandler.getOuterWidth(this.el.nativeElement), DomHandler.getOuterHeight(this.el.nativeElement));
-            ink.style.height = d + 'px';
-            ink.style.width = d + 'px';
-        }
-
-        let offset = DomHandler.getOffset(this.el.nativeElement);
-        let x = event.pageX - offset.left + this.document.body.scrollTop - DomHandler.getWidth(ink) / 2;
-        let y = event.pageY - offset.top + this.document.body.scrollLeft - DomHandler.getHeight(ink) / 2;
-
-        this.renderer.setStyle(ink, 'top', y + 'px');
-        this.renderer.setStyle(ink, 'left', x + 'px');
-        DomHandler.addClass(ink, 'p-ink-active');
-
-        this.timeout = setTimeout(() => {
-            let ink = this.getInk();
-            if (ink) {
-                DomHandler.removeClass(ink, 'p-ink-active');
-            }
-        }, 401);
-    }
-
-    getInk() {
-        const children = this.el.nativeElement.children;
-        for (let i = 0; i < children.length; i++) {
-            if (typeof children[i].className === 'string' && children[i].className.indexOf('p-ink') !== -1) {
-                return children[i];
-            }
-        }
-        return null;
-    }
-
-    resetInk() {
-        let ink = this.getInk();
-        if (ink) {
-            DomHandler.removeClass(ink, 'p-ink-active');
-        }
-    }
-
-    onAnimationEnd(event: Event) {
-        if (this.timeout) {
-            clearTimeout(this.timeout);
-        }
-        DomHandler.removeClass(event.currentTarget, 'p-ink-active');
-    }
-
-    create() {
-        let ink = this.renderer.createElement('span');
-        this.renderer.addClass(ink, 'p-ink');
-        this.renderer.appendChild(this.el.nativeElement, ink);
-        this.renderer.setAttribute(ink, 'aria-hidden', 'true');
-        this.renderer.setAttribute(ink, 'role', 'presentation');
-
-        if (!this.animationListener) {
-            this.animationListener = this.renderer.listen(ink, 'animationend', this.onAnimationEnd.bind(this));
-        }
-    }
-
-    remove() {
-        let ink = this.getInk();
-        if (ink) {
-            this.mouseDownListener && this.mouseDownListener();
-            this.animationListener && this.animationListener();
-            this.mouseDownListener = null;
-            this.animationListener = null;
-
-            DomHandler.removeElement(ink);
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.config && this.config.ripple) {
-            this.remove();
-        }
-    }
-}
-
-@NgModule({
-    imports: [Ripple],
-    exports: [Ripple]
-})
-export class RippleModule {}
diff --git a/src/app/components/scroller/ng-package.json b/src/app/components/scroller/ng-package.json
deleted file mode 100644
index adf53c0..0000000
--- a/src/app/components/scroller/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-}
diff --git a/src/app/components/scroller/public_api.ts b/src/app/components/scroller/public_api.ts
deleted file mode 100644
index 7cda143..0000000
--- a/src/app/components/scroller/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './scroller';
-export * from './scroller.interface';
diff --git a/src/app/components/scroller/scroller.css b/src/app/components/scroller/scroller.css
deleted file mode 100644
index 7df9403..0000000
--- a/src/app/components/scroller/scroller.css
+++ /dev/null
@@ -1,58 +0,0 @@
-@layer primeng {
-    p-scroller {
-        flex: 1;
-        outline: 0 none;
-    }
-
-    .p-scroller {
-        position: relative;
-        overflow: auto;
-        contain: strict;
-        transform: translateZ(0);
-        will-change: scroll-position;
-        outline: 0 none;
-    }
-
-    .p-scroller-content {
-        position: absolute;
-        top: 0;
-        left: 0;
-        /*contain: content;*/
-        min-height: 100%;
-        min-width: 100%;
-        will-change: transform;
-    }
-
-    .p-scroller-spacer {
-        position: absolute;
-        top: 0;
-        left: 0;
-        height: 1px;
-        width: 1px;
-        transform-origin: 0 0;
-        pointer-events: none;
-    }
-
-    .p-scroller-loader {
-        position: sticky;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-    }
-
-    .p-scroller-loader.p-component-overlay {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-scroller-loading-icon {
-        scale: 2;
-    }
-
-    /* Inline */
-    .p-scroller-inline .p-scroller-content {
-        position: static;
-    }
-}
diff --git a/src/app/components/scroller/scroller.interface.ts b/src/app/components/scroller/scroller.interface.ts
deleted file mode 100644
index 923b212..0000000
--- a/src/app/components/scroller/scroller.interface.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { Scroller } from './scroller';
-/**
- * Options of the scroll direction.
- * @group Types
- */
-export type ScrollerToType = 'to-start' | 'to-end' | undefined;
-/**
- * Options of the scroller orientation.
- * @group Types
- */
-export type ScrollerOrientationType = 'vertical' | 'horizontal' | 'both';
-/**
- * Loader icon options.
- * @group Types
- */
-export interface ScrollerLoaderIconOptions {
-    [klass: string]: any;
-}
-/**
- * Scroller content options.
- * @group Interface
- */
-export interface ScrollerContentOptions {
-    contentStyleClass?: string;
-    items?: any[];
-    loading?: boolean;
-    itemSize?: number;
-    rows?: any[];
-    columns?: any[];
-    spacerStyle?: { [klass: string]: any } | null | undefined;
-    contentStyle?: { [klass: string]: any } | null | undefined;
-    vertical?: boolean;
-    horizontal?: boolean;
-    both?: boolean;
-    getItemOptions?: (index: number) => ScrollerItemOptions;
-    getLoaderOptions?: (index: number, options?: any) => ScrollerLoaderOptions;
-}
-/**
- * Scroller item options.
- * @group Interface
- */
-export interface ScrollerItemOptions {
-    /**
-     * Index of the item.
-     */
-    index?: number;
-    /**
-     * Item count.
-     */
-    count?: number;
-    /**
-     * Index of the first element in viewport.
-     */
-    first?: boolean;
-    /**
-     * Index of the last element in viewport.
-     */
-    last?: boolean;
-    /**
-     * Defines if index is even number.
-     */
-    even?: boolean;
-    /**
-     * Defines if index is odd number.
-     */
-    odd?: boolean;
-}
-/**
- * Loader settings.
- * @extends {ScrollerItemOptions}
- * @group Interface
- */
-export interface ScrollerLoaderOptions extends ScrollerItemOptions {
-    [klass: string]: any;
-}
-/**
- * Custom lazy load event.
- * @see {@link Scroller.onLazyLoad}
- * @group Events
- */
-export interface ScrollerLazyLoadEvent {
-    /**
-     * First element index in viewport.
-     */
-    first: number;
-    /**
-     * Last element index in viewport.
-     */
-    last: number;
-}
-/**
- * Custom scroll index change event.
- * @see {@link Scroller.onScrollIndexChange}
- * @extends {ScrollerLazyLoadEvent}
- * @group Events
- */
-export interface ScrollerScrollIndexChangeEvent extends ScrollerLazyLoadEvent {}
-/**
- * Custom scroll event.
- * @see {@link Scroller.onScroll}
- * @group Events
- */
-export interface ScrollerScrollEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent?: Event;
-}
-/**
- * Defines valid templates in Scroller.
- * @group Templates
- */
-export interface ScrollerTemplates {
-    /**
-     * Custom content template.
-     * @param {Object} context - Content data.
-     */
-    content(context: {
-        /**
-         * Loaded items.
-         */
-        $implicit: any[] | any | null | undefined;
-        /**
-         *
-         */
-        options: ScrollerContentOptions;
-    }): TemplateRef<{ $implicit: any[] | any | null | undefined; options: ScrollerContentOptions }>;
-    /**
-     * Custom item template.
-     * @param {Object} context - Item data.
-     */
-    item(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: any;
-        /**
-         * Scroller item options.
-         */
-        options: ScrollerItemOptions;
-    }): TemplateRef<{ $implicit: any; options: ScrollerItemOptions }>;
-    /**
-     * Custom loader template.
-     * @param {Object} context - Options instance.
-     */
-    loader(context: {
-        /**
-         * Options.
-         */
-        options: ScrollerLoaderOptions;
-    }): TemplateRef<{ options: ScrollerLoaderOptions }>;
-    /**
-     * Custom loader icon template.
-     * @param {Object} context - Icon options.
-     */
-    loadericon(context: {
-        /**
-         * Options.
-         */
-        options: ScrollerLoaderIconOptions;
-    }): TemplateRef<{ options: ScrollerLoaderIconOptions }>;
-}
diff --git a/src/app/components/scroller/scroller.spec.ts b/src/app/components/scroller/scroller.spec.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/components/scroller/scroller.ts b/src/app/components/scroller/scroller.ts
deleted file mode 100644
index f8af629..0000000
--- a/src/app/components/scroller/scroller.ts
+++ /dev/null
@@ -1,1131 +0,0 @@
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    AfterViewChecked,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    NgZone,
-    OnDestroy,
-    OnInit,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    SimpleChanges,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation
-} from '@angular/core';
-import { PrimeTemplate, ScrollerOptions, SharedModule } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { SpinnerIcon } from 'primeng/icons/spinner';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { ScrollerLazyLoadEvent, ScrollerScrollEvent, ScrollerScrollIndexChangeEvent, ScrollerToType } from './scroller.interface';
-/**
- * Scroller is a performance-approach to handle huge data efficiently.
- * @group Components
- */
-@Component({
-    selector: 'p-scroller',
-    template: `
-        <ng-container *ngIf="!_disabled; else disabledContainer">
-            <div
-                #element
-                [attr.id]="_id"
-                [attr.tabindex]="tabindex"
-                [ngStyle]="_style"
-                [class]="_styleClass"
-                [ngClass]="{ 'p-scroller': true, 'p-scroller-inline': inline, 'p-both-scroll': both, 'p-horizontal-scroll': horizontal }"
-                (scroll)="onContainerScroll($event)"
-                [attr.data-pc-name]="'scroller'"
-                [attr.data-pc-section]="'root'"
-            >
-                <ng-container *ngIf="contentTemplate; else buildInContent">
-                    <ng-container *ngTemplateOutlet="contentTemplate; context: { $implicit: loadedItems, options: getContentOptions() }"></ng-container>
-                </ng-container>
-                <ng-template #buildInContent>
-                    <div #content class="p-scroller-content" [ngClass]="{ 'p-scroller-loading': d_loading }" [ngStyle]="contentStyle" [attr.data-pc-section]="'content'">
-                        <ng-container *ngFor="let item of loadedItems; let index = index; trackBy: _trackBy || index">
-                            <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item, options: getOptions(index) }"></ng-container>
-                        </ng-container>
-                    </div>
-                </ng-template>
-                <div *ngIf="_showSpacer" class="p-scroller-spacer" [ngStyle]="spacerStyle" [attr.data-pc-section]="'spacer'"></div>
-                <div *ngIf="!loaderDisabled && _showLoader && d_loading" class="p-scroller-loader" [ngClass]="{ 'p-component-overlay': !loaderTemplate }" [attr.data-pc-section]="'loader'">
-                    <ng-container *ngIf="loaderTemplate; else buildInLoader">
-                        <ng-container *ngFor="let item of loaderArr; let index = index">
-                            <ng-container *ngTemplateOutlet="loaderTemplate; context: { options: getLoaderOptions(index, both && { numCols: _numItemsInViewport.cols }) }"></ng-container>
-                        </ng-container>
-                    </ng-container>
-                    <ng-template #buildInLoader>
-                        <ng-container *ngIf="loaderIconTemplate; else buildInLoaderIcon">
-                            <ng-container *ngTemplateOutlet="loaderIconTemplate; context: { options: { styleClass: 'p-scroller-loading-icon' } }"></ng-container>
-                        </ng-container>
-                        <ng-template #buildInLoaderIcon>
-                            <SpinnerIcon [styleClass]="'p-scroller-loading-icon pi-spin'" [attr.data-pc-section]="'loadingIcon'" />
-                        </ng-template>
-                    </ng-template>
-                </div>
-            </div>
-        </ng-container>
-        <ng-template #disabledContainer>
-            <ng-content></ng-content>
-            <ng-container *ngIf="contentTemplate">
-                <ng-container *ngTemplateOutlet="contentTemplate; context: { $implicit: items, options: { rows: _items, columns: loadedColumns } }"></ng-container>
-            </ng-container>
-        </ng-template>
-    `,
-    changeDetection: ChangeDetectionStrategy.Default,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./scroller.css'],
-    host: {
-        class: 'p-scroller-viewport p-element'
-    }
-})
-export class Scroller implements OnInit, AfterContentInit, AfterViewChecked, OnDestroy {
-    /**
-     * Unique identifier of the element.
-     * @group Props
-     */
-    @Input() get id(): string | undefined {
-        return this._id;
-    }
-    set id(val: string | undefined) {
-        this._id = val;
-    }
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() get style(): any {
-        return this._style;
-    }
-    set style(val: any) {
-        this._style = val;
-    }
-    /**
-     * Style class of the element.
-     * @group Props
-     */
-    @Input() get styleClass(): string | undefined {
-        return this._styleClass;
-    }
-    set styleClass(val: string | undefined) {
-        this._styleClass = val;
-    }
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input() get tabindex() {
-        return this._tabindex;
-    }
-    set tabindex(val: number) {
-        this._tabindex = val;
-    }
-    /**
-     * An array of objects to display.
-     * @group Props
-     */
-    @Input() get items(): any[] | undefined | null {
-        return this._items;
-    }
-    set items(val: any[] | undefined | null) {
-        this._items = val;
-    }
-    /**
-     * The height/width of item according to orientation.
-     * @group Props
-     */
-    @Input() get itemSize(): number[] | number {
-        return this._itemSize;
-    }
-    set itemSize(val: number[] | number) {
-        this._itemSize = val;
-    }
-    /**
-     * Height of the scroll viewport.
-     * @group Props
-     */
-    @Input() get scrollHeight(): string | undefined {
-        return this._scrollHeight;
-    }
-    set scrollHeight(val: string | undefined) {
-        this._scrollHeight = val;
-    }
-    /**
-     * Width of the scroll viewport.
-     * @group Props
-     */
-    @Input() get scrollWidth(): string | undefined {
-        return this._scrollWidth;
-    }
-    set scrollWidth(val: string | undefined) {
-        this._scrollWidth = val;
-    }
-    /**
-     * The orientation of scrollbar.
-     * @group Props
-     */
-    @Input() get orientation(): 'vertical' | 'horizontal' | 'both' {
-        return this._orientation;
-    }
-    set orientation(val: 'vertical' | 'horizontal' | 'both') {
-        this._orientation = val;
-    }
-    /**
-     * Used to specify how many items to load in each load method in lazy mode.
-     * @group Props
-     */
-    @Input() get step(): number {
-        return this._step;
-    }
-    set step(val: number) {
-        this._step = val;
-    }
-    /**
-     * Delay in scroll before new data is loaded.
-     * @group Props
-     */
-    @Input() get delay() {
-        return this._delay;
-    }
-    set delay(val: number) {
-        this._delay = val;
-    }
-    /**
-     * Delay after window's resize finishes.
-     * @group Props
-     */
-    @Input() get resizeDelay() {
-        return this._resizeDelay;
-    }
-    set resizeDelay(val: number) {
-        this._resizeDelay = val;
-    }
-    /**
-     * Used to append each loaded item to top without removing any items from the DOM. Using very large data may cause the browser to crash.
-     * @group Props
-     */
-    @Input() get appendOnly(): boolean {
-        return this._appendOnly;
-    }
-    set appendOnly(val: boolean) {
-        this._appendOnly = val;
-    }
-    /**
-     * Specifies whether the scroller should be displayed inline or not.
-     * @group Props
-     */
-    @Input() get inline() {
-        return this._inline;
-    }
-    set inline(val: boolean) {
-        this._inline = val;
-    }
-    /**
-     * Defines if data is loaded and interacted with in lazy manner.
-     * @group Props
-     */
-    @Input() get lazy() {
-        return this._lazy;
-    }
-    set lazy(val: boolean) {
-        this._lazy = val;
-    }
-    /**
-     * If disabled, the scroller feature is eliminated and the content is displayed directly.
-     * @group Props
-     */
-    @Input() get disabled() {
-        return this._disabled;
-    }
-    set disabled(val: boolean) {
-        this._disabled = val;
-    }
-    /**
-     * Used to implement a custom loader instead of using the loader feature in the scroller.
-     * @group Props
-     */
-    @Input() get loaderDisabled() {
-        return this._loaderDisabled;
-    }
-    set loaderDisabled(val: boolean) {
-        this._loaderDisabled = val;
-    }
-    /**
-     * Columns to display.
-     * @group Props
-     */
-    @Input() get columns(): any[] | undefined | null {
-        return this._columns;
-    }
-    set columns(val: any[] | undefined | null) {
-        this._columns = val;
-    }
-    /**
-     * Used to implement a custom spacer instead of using the spacer feature in the scroller.
-     * @group Props
-     */
-    @Input() get showSpacer() {
-        return this._showSpacer;
-    }
-    set showSpacer(val: boolean) {
-        this._showSpacer = val;
-    }
-    /**
-     * Defines whether to show loader.
-     * @group Props
-     */
-    @Input() get showLoader() {
-        return this._showLoader;
-    }
-    set showLoader(val: boolean) {
-        this._showLoader = val;
-    }
-    /**
-     * Determines how many additional elements to add to the DOM outside of the view. According to the scrolls made up and down, extra items are added in a certain algorithm in the form of multiples of this number. Default value is half the number of items shown in the view.
-     * @group Props
-     */
-    @Input() get numToleratedItems() {
-        return this._numToleratedItems;
-    }
-    set numToleratedItems(val: number) {
-        this._numToleratedItems = val;
-    }
-    /**
-     * Defines whether the data is loaded.
-     * @group Props
-     */
-    @Input() get loading(): boolean | undefined {
-        return this._loading;
-    }
-    set loading(val: boolean | undefined) {
-        this._loading = val;
-    }
-    /**
-     * Defines whether to dynamically change the height or width of scrollable container.
-     * @group Props
-     */
-    @Input() get autoSize(): boolean {
-        return this._autoSize;
-    }
-    set autoSize(val: boolean) {
-        this._autoSize = val;
-    }
-    /**
-     * Function to optimize the dom operations by delegating to ngForTrackBy, default algoritm checks for object identity.
-     * @group Props
-     */
-    @Input() get trackBy(): Function {
-        return this._trackBy;
-    }
-    set trackBy(val: Function) {
-        this._trackBy = val;
-    }
-    /**
-     * Defines whether to use the scroller feature. The properties of scroller component can be used like an object in it.
-     * @group Props
-     */
-    @Input() get options(): ScrollerOptions | undefined {
-        return this._options;
-    }
-    set options(val: ScrollerOptions | undefined) {
-        this._options = val;
-
-        if (val && typeof val === 'object') {
-            //@ts-ignore
-            Object.entries(val).forEach(([k, v]) => this[`_${k}`] !== v && (this[`_${k}`] = v));
-        }
-    }
-    /**
-     * Callback to invoke in lazy mode to load new data.
-     * @param {ScrollerLazyLoadEvent} event - Custom lazy load event.
-     * @group Emits
-     */
-    @Output() onLazyLoad: EventEmitter<ScrollerLazyLoadEvent> = new EventEmitter<ScrollerLazyLoadEvent>();
-    /**
-     * Callback to invoke when scroll position changes.
-     * @param {ScrollerScrollEvent} event - Custom scroll event.
-     * @group Emits
-     */
-    @Output() onScroll: EventEmitter<ScrollerScrollEvent> = new EventEmitter<ScrollerScrollEvent>();
-    /**
-     * Callback to invoke when scroll position and item's range in view changes.
-     * @param {ScrollerScrollEvent} event - Custom scroll index change event.
-     * @group Emits
-     */
-    @Output() onScrollIndexChange: EventEmitter<ScrollerScrollIndexChangeEvent> = new EventEmitter<ScrollerScrollIndexChangeEvent>();
-
-    @ViewChild('element') elementViewChild: Nullable<ElementRef>;
-
-    @ViewChild('content') contentViewChild: Nullable<ElementRef>;
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-
-    _id: string | undefined;
-
-    _style: { [klass: string]: any } | null | undefined;
-
-    _styleClass: string | undefined;
-
-    _tabindex: number = 0;
-
-    _items: any[] | undefined | null;
-
-    _itemSize: number | number[] = 0;
-
-    _scrollHeight: string | undefined;
-
-    _scrollWidth: string | undefined;
-
-    _orientation: 'vertical' | 'horizontal' | 'both' = 'vertical';
-
-    _step: number = 0;
-
-    _delay: number = 0;
-
-    _resizeDelay: number = 10;
-
-    _appendOnly: boolean = false;
-
-    _inline: boolean = false;
-
-    _lazy: boolean = false;
-
-    _disabled: boolean = false;
-
-    _loaderDisabled: boolean = false;
-
-    _columns: any[] | undefined | null;
-
-    _showSpacer: boolean = true;
-
-    _showLoader: boolean = false;
-
-    _numToleratedItems: any;
-
-    _loading: boolean | undefined;
-
-    _autoSize: boolean = false;
-
-    _trackBy: any;
-
-    _options: ScrollerOptions | undefined;
-
-    d_loading: boolean = false;
-
-    d_numToleratedItems: any;
-
-    contentEl: any;
-
-    contentTemplate: Nullable<TemplateRef<any>>;
-
-    itemTemplate: Nullable<TemplateRef<any>>;
-
-    loaderTemplate: Nullable<TemplateRef<any>>;
-
-    loaderIconTemplate: Nullable<TemplateRef<any>>;
-
-    first: any = 0;
-
-    last: any = 0;
-
-    page: number = 0;
-
-    isRangeChanged: boolean = false;
-
-    numItemsInViewport: any = 0;
-
-    lastScrollPos: any = 0;
-
-    lazyLoadState: any = {};
-
-    loaderArr: any[] = [];
-
-    spacerStyle: { [klass: string]: any } | null | undefined = {};
-
-    contentStyle: { [klass: string]: any } | null | undefined = {};
-
-    scrollTimeout: any;
-
-    resizeTimeout: any;
-
-    initialized: boolean = false;
-
-    resizeObserver: any;
-
-    defaultWidth: number | undefined;
-
-    defaultHeight: number | undefined;
-
-    defaultContentWidth: number | undefined;
-
-    defaultContentHeight: number | undefined;
-
-    get vertical() {
-        return this._orientation === 'vertical';
-    }
-
-    get horizontal() {
-        return this._orientation === 'horizontal';
-    }
-
-    get both() {
-        return this._orientation === 'both';
-    }
-
-    get loadedItems() {
-        if (this._items && !this.d_loading) {
-            if (this.both) return this._items.slice(this._appendOnly ? 0 : this.first.rows, this.last.rows).map((item) => (this._columns ? item : item.slice(this._appendOnly ? 0 : this.first.cols, this.last.cols)));
-            else if (this.horizontal && this._columns) return this._items;
-            else return this._items.slice(this._appendOnly ? 0 : this.first, this.last);
-        }
-
-        return [];
-    }
-
-    get loadedRows() {
-        return this.d_loading ? (this._loaderDisabled ? this.loaderArr : []) : this.loadedItems;
-    }
-
-    get loadedColumns() {
-        if (this._columns && (this.both || this.horizontal)) {
-            return this.d_loading && this._loaderDisabled ? (this.both ? this.loaderArr[0] : this.loaderArr) : this._columns.slice(this.both ? this.first.cols : this.first, this.both ? this.last.cols : this.last);
-        }
-
-        return this._columns;
-    }
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private renderer: Renderer2,
-        private cd: ChangeDetectorRef,
-        private zone: NgZone
-    ) {}
-
-    ngOnInit() {
-        this.setInitialState();
-    }
-
-    ngOnChanges(simpleChanges: SimpleChanges) {
-        let isLoadingChanged = false;
-
-        if (simpleChanges.loading) {
-            const { previousValue, currentValue } = simpleChanges.loading;
-
-            if (this.lazy && previousValue !== currentValue && currentValue !== this.d_loading) {
-                this.d_loading = currentValue;
-                isLoadingChanged = true;
-            }
-        }
-
-        if (simpleChanges.orientation) {
-            this.lastScrollPos = this.both ? { top: 0, left: 0 } : 0;
-        }
-
-        if (simpleChanges.numToleratedItems) {
-            const { previousValue, currentValue } = simpleChanges.numToleratedItems;
-
-            if (previousValue !== currentValue && currentValue !== this.d_numToleratedItems) {
-                this.d_numToleratedItems = currentValue;
-            }
-        }
-
-        if (simpleChanges.options) {
-            const { previousValue, currentValue } = simpleChanges.options;
-
-            if (this.lazy && previousValue?.loading !== currentValue?.loading && currentValue?.loading !== this.d_loading) {
-                this.d_loading = currentValue.loading;
-                isLoadingChanged = true;
-            }
-
-            if (previousValue?.numToleratedItems !== currentValue?.numToleratedItems && currentValue?.numToleratedItems !== this.d_numToleratedItems) {
-                this.d_numToleratedItems = currentValue.numToleratedItems;
-            }
-        }
-
-        if (this.initialized) {
-            const isChanged = !isLoadingChanged && (simpleChanges.items?.previousValue?.length !== simpleChanges.items?.currentValue?.length || simpleChanges.itemSize || simpleChanges.scrollHeight || simpleChanges.scrollWidth);
-
-            if (isChanged) {
-                this.init();
-                this.calculateAutoSize();
-            }
-        }
-    }
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-
-                case 'loader':
-                    this.loaderTemplate = item.template;
-                    break;
-
-                case 'loadericon':
-                    this.loaderIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    ngAfterViewInit() {
-        Promise.resolve().then(() => {
-            this.viewInit();
-        });
-    }
-
-    ngAfterViewChecked() {
-        if (!this.initialized) {
-            this.viewInit();
-        }
-    }
-
-    ngOnDestroy() {
-        this.unbindResizeListener();
-
-        this.contentEl = null;
-        this.initialized = false;
-    }
-
-    viewInit() {
-        if (isPlatformBrowser(this.platformId) && !this.initialized) {
-            if (DomHandler.isVisible(this.elementViewChild?.nativeElement)) {
-                this.setInitialState();
-                this.setContentEl(this.contentEl);
-                this.init();
-                this.calculateAutoSize();
-
-                this.defaultWidth = DomHandler.getWidth(this.elementViewChild?.nativeElement);
-                this.defaultHeight = DomHandler.getHeight(this.elementViewChild?.nativeElement);
-                this.defaultContentWidth = DomHandler.getWidth(this.contentEl);
-                this.defaultContentHeight = DomHandler.getHeight(this.contentEl);
-                this.resizeObserver = new ResizeObserver(() => this.onResize());
-                this.resizeObserver.observe(this.elementViewChild?.nativeElement);
-                this.initialized = true;
-            }
-        }
-    }
-
-    init() {
-        if (!this._disabled) {
-            this.setSize();
-            this.calculateOptions();
-            this.setSpacerSize();
-
-            this.cd.detectChanges();
-        }
-    }
-
-    setContentEl(el?: HTMLElement) {
-        this.contentEl = el || this.contentViewChild?.nativeElement || DomHandler.findSingle(this.elementViewChild?.nativeElement, '.p-scroller-content');
-    }
-
-    setInitialState() {
-        this.first = this.both ? { rows: 0, cols: 0 } : 0;
-        this.last = this.both ? { rows: 0, cols: 0 } : 0;
-        this.numItemsInViewport = this.both ? { rows: 0, cols: 0 } : 0;
-        this.lastScrollPos = this.both ? { top: 0, left: 0 } : 0;
-        this.d_loading = this._loading || false;
-        this.d_numToleratedItems = this._numToleratedItems;
-        this.loaderArr = [];
-        this.spacerStyle = {};
-        this.contentStyle = {};
-    }
-
-    getElementRef() {
-        return this.elementViewChild;
-    }
-
-    getPageByFirst(first?: any) {
-        return Math.floor(((first ?? this.first) + this.d_numToleratedItems * 4) / (this._step || 1));
-    }
-
-    isPageChanged(first?: any) {
-        return this._step ? this.page !== this.getPageByFirst(first ?? this.first) : true;
-    }
-
-    scrollTo(options: ScrollToOptions) {
-        // this.lastScrollPos = this.both ? { top: 0, left: 0 } : 0;
-        this.elementViewChild?.nativeElement?.scrollTo(options);
-    }
-
-    scrollToIndex(index: number | number[], behavior: ScrollBehavior = 'auto') {
-        const valid = this.both ? (index as number[]).every((i) => i > -1) : (index as number) > -1;
-
-        if (valid) {
-            const first = this.first;
-            const { scrollTop = 0, scrollLeft = 0 } = this.elementViewChild?.nativeElement;
-            const { numToleratedItems } = this.calculateNumItems();
-            const contentPos = this.getContentPosition();
-            const itemSize = this.itemSize;
-            const calculateFirst = (_index = 0, _numT) => (_index <= _numT ? 0 : _index);
-            const calculateCoord = (_first, _size, _cpos) => _first * _size + _cpos;
-            const scrollTo = (left = 0, top = 0) => this.scrollTo({ left, top, behavior });
-            let newFirst = this.both ? { rows: 0, cols: 0 } : 0;
-            let isRangeChanged = false,
-                isScrollChanged = false;
-
-            if (this.both) {
-                newFirst = { rows: calculateFirst(index[0], numToleratedItems[0]), cols: calculateFirst(index[1], numToleratedItems[1]) };
-                scrollTo(calculateCoord(newFirst.cols, itemSize[1], contentPos.left), calculateCoord(newFirst.rows, itemSize[0], contentPos.top));
-                isScrollChanged = this.lastScrollPos.top !== scrollTop || this.lastScrollPos.left !== scrollLeft;
-                isRangeChanged = newFirst.rows !== first.rows || newFirst.cols !== first.cols;
-            } else {
-                newFirst = calculateFirst(index as number, numToleratedItems);
-                this.horizontal ? scrollTo(calculateCoord(newFirst, itemSize, contentPos.left), scrollTop) : scrollTo(scrollLeft, calculateCoord(newFirst, itemSize, contentPos.top));
-                isScrollChanged = this.lastScrollPos !== (this.horizontal ? scrollLeft : scrollTop);
-                isRangeChanged = newFirst !== first;
-            }
-
-            this.isRangeChanged = isRangeChanged;
-            isScrollChanged && (this.first = newFirst);
-        }
-    }
-
-    scrollInView(index: number, to: ScrollerToType, behavior: ScrollBehavior = 'auto') {
-        if (to) {
-            const { first, viewport } = this.getRenderedRange();
-            const scrollTo = (left = 0, top = 0) => this.scrollTo({ left, top, behavior });
-            const isToStart = to === 'to-start';
-            const isToEnd = to === 'to-end';
-
-            if (isToStart) {
-                if (this.both) {
-                    if (viewport.first.rows - first.rows > (<any>index)[0]) {
-                        scrollTo(viewport.first.cols * (<number[]>this._itemSize)[1], (viewport.first.rows - 1) * (<number[]>this._itemSize)[0]);
-                    } else if (viewport.first.cols - first.cols > (<any>index)[1]) {
-                        scrollTo((viewport.first.cols - 1) * (<number[]>this._itemSize)[1], viewport.first.rows * (<number[]>this._itemSize)[0]);
-                    }
-                } else {
-                    if (viewport.first - first > index) {
-                        const pos = (viewport.first - 1) * <number>this._itemSize;
-                        this.horizontal ? scrollTo(pos, 0) : scrollTo(0, pos);
-                    }
-                }
-            } else if (isToEnd) {
-                if (this.both) {
-                    if (viewport.last.rows - first.rows <= (<any>index)[0] + 1) {
-                        scrollTo(viewport.first.cols * (<number[]>this._itemSize)[1], (viewport.first.rows + 1) * (<number[]>this._itemSize)[0]);
-                    } else if (viewport.last.cols - first.cols <= (<any>index)[1] + 1) {
-                        scrollTo((viewport.first.cols + 1) * (<number[]>this._itemSize)[1], viewport.first.rows * (<number[]>this._itemSize)[0]);
-                    }
-                } else {
-                    if (viewport.last - first <= index + 1) {
-                        const pos = (viewport.first + 1) * <number>this._itemSize;
-                        this.horizontal ? scrollTo(pos, 0) : scrollTo(0, pos);
-                    }
-                }
-            }
-        } else {
-            this.scrollToIndex(index, behavior);
-        }
-    }
-
-    getRenderedRange() {
-        const calculateFirstInViewport = (_pos: number, _size: number) => (_size || _pos ? Math.floor(_pos / (_size || _pos)) : 0);
-
-        let firstInViewport = this.first;
-        let lastInViewport: any = 0;
-
-        if (this.elementViewChild?.nativeElement) {
-            const { scrollTop, scrollLeft } = this.elementViewChild.nativeElement;
-
-            if (this.both) {
-                firstInViewport = { rows: calculateFirstInViewport(scrollTop, (<number[]>this._itemSize)[0]), cols: calculateFirstInViewport(scrollLeft, (<number[]>this._itemSize)[1]) };
-                lastInViewport = { rows: firstInViewport.rows + this.numItemsInViewport.rows, cols: firstInViewport.cols + this.numItemsInViewport.cols };
-            } else {
-                const scrollPos = this.horizontal ? scrollLeft : scrollTop;
-                firstInViewport = calculateFirstInViewport(scrollPos, <number>this._itemSize);
-                lastInViewport = firstInViewport + this.numItemsInViewport;
-            }
-        }
-
-        return {
-            first: this.first,
-            last: this.last,
-            viewport: {
-                first: firstInViewport,
-                last: lastInViewport
-            }
-        };
-    }
-
-    calculateNumItems() {
-        const contentPos = this.getContentPosition();
-        const contentWidth = (this.elementViewChild?.nativeElement ? this.elementViewChild.nativeElement.offsetWidth - contentPos.left : 0) || 0;
-        const contentHeight = (this.elementViewChild?.nativeElement ? this.elementViewChild.nativeElement.offsetHeight - contentPos.top : 0) || 0;
-        const calculateNumItemsInViewport = (_contentSize: number, _itemSize: number) => (_itemSize || _contentSize ? Math.ceil(_contentSize / (_itemSize || _contentSize)) : 0);
-        const calculateNumToleratedItems = (_numItems: number) => Math.ceil(_numItems / 2);
-        const numItemsInViewport: any = this.both
-            ? { rows: calculateNumItemsInViewport(contentHeight, (<number[]>this._itemSize)[0]), cols: calculateNumItemsInViewport(contentWidth, (<number[]>this._itemSize)[1]) }
-            : calculateNumItemsInViewport(this.horizontal ? contentWidth : contentHeight, <number>this._itemSize);
-
-        const numToleratedItems = this.d_numToleratedItems || (this.both ? [calculateNumToleratedItems(numItemsInViewport.rows), calculateNumToleratedItems(numItemsInViewport.cols)] : calculateNumToleratedItems(numItemsInViewport));
-
-        return { numItemsInViewport, numToleratedItems };
-    }
-
-    calculateOptions() {
-        const { numItemsInViewport, numToleratedItems } = this.calculateNumItems();
-        const calculateLast = (_first: number, _num: number, _numT: number, _isCols: boolean = false) => this.getLast(_first + _num + (_first < _numT ? 2 : 3) * _numT, _isCols);
-        const first = this.first;
-        const last = this.both
-            ? { rows: calculateLast(this.first.rows, numItemsInViewport.rows, numToleratedItems[0]), cols: calculateLast(this.first.cols, numItemsInViewport.cols, numToleratedItems[1], true) }
-            : calculateLast(this.first, numItemsInViewport, numToleratedItems);
-
-        this.last = last;
-        this.numItemsInViewport = numItemsInViewport;
-        this.d_numToleratedItems = numToleratedItems;
-
-        if (this.showLoader) {
-            this.loaderArr = this.both ? Array.from({ length: numItemsInViewport.rows }).map(() => Array.from({ length: numItemsInViewport.cols })) : Array.from({ length: numItemsInViewport });
-        }
-
-        if (this._lazy) {
-            Promise.resolve().then(() => {
-                this.lazyLoadState = {
-                    first: this._step ? (this.both ? { rows: 0, cols: first.cols } : 0) : first,
-                    last: Math.min(this._step ? this._step : this.last, (<any[]>this.items).length)
-                };
-
-                this.handleEvents('onLazyLoad', this.lazyLoadState);
-            });
-        }
-    }
-
-    calculateAutoSize() {
-        if (this._autoSize && !this.d_loading) {
-            Promise.resolve().then(() => {
-                if (this.contentEl) {
-                    this.contentEl.style.minHeight = this.contentEl.style.minWidth = 'auto';
-                    this.contentEl.style.position = 'relative';
-                    (<ElementRef>this.elementViewChild).nativeElement.style.contain = 'none';
-
-                    const [contentWidth, contentHeight] = [DomHandler.getWidth(this.contentEl), DomHandler.getHeight(this.contentEl)];
-                    contentWidth !== this.defaultContentWidth && ((<ElementRef>this.elementViewChild).nativeElement.style.width = '');
-                    contentHeight !== this.defaultContentHeight && ((<ElementRef>this.elementViewChild).nativeElement.style.height = '');
-
-                    const [width, height] = [DomHandler.getWidth((<ElementRef>this.elementViewChild).nativeElement), DomHandler.getHeight((<ElementRef>this.elementViewChild).nativeElement)];
-                    (this.both || this.horizontal) && ((<ElementRef>this.elementViewChild).nativeElement.style.width = width < <number>this.defaultWidth ? width + 'px' : this._scrollWidth || this.defaultWidth + 'px');
-                    (this.both || this.vertical) && ((<ElementRef>this.elementViewChild).nativeElement.style.height = height < <number>this.defaultHeight ? height + 'px' : this._scrollHeight || this.defaultHeight + 'px');
-
-                    this.contentEl.style.minHeight = this.contentEl.style.minWidth = '';
-                    this.contentEl.style.position = '';
-                    (<ElementRef>this.elementViewChild).nativeElement.style.contain = '';
-                }
-            });
-        }
-    }
-
-    getLast(last = 0, isCols = false) {
-        return this._items ? Math.min(isCols ? (this._columns || this._items[0]).length : this._items.length, last) : 0;
-    }
-
-    getContentPosition() {
-        if (this.contentEl) {
-            const style = getComputedStyle(this.contentEl);
-            const left = parseFloat(style.paddingLeft) + Math.max(parseFloat(style.left) || 0, 0);
-            const right = parseFloat(style.paddingRight) + Math.max(parseFloat(style.right) || 0, 0);
-            const top = parseFloat(style.paddingTop) + Math.max(parseFloat(style.top) || 0, 0);
-            const bottom = parseFloat(style.paddingBottom) + Math.max(parseFloat(style.bottom) || 0, 0);
-
-            return { left, right, top, bottom, x: left + right, y: top + bottom };
-        }
-
-        return { left: 0, right: 0, top: 0, bottom: 0, x: 0, y: 0 };
-    }
-
-    setSize() {
-        if (this.elementViewChild?.nativeElement) {
-            const parentElement = this.elementViewChild.nativeElement.parentElement.parentElement;
-            const width = this._scrollWidth || `${this.elementViewChild.nativeElement.offsetWidth || parentElement.offsetWidth}px`;
-            const height = this._scrollHeight || `${this.elementViewChild.nativeElement.offsetHeight || parentElement.offsetHeight}px`;
-            const setProp = (_name: string, _value: any) => ((<ElementRef>this.elementViewChild).nativeElement.style[_name] = _value);
-
-            if (this.both || this.horizontal) {
-                setProp('height', height);
-                setProp('width', width);
-            } else {
-                setProp('height', height);
-            }
-        }
-    }
-
-    setSpacerSize() {
-        if (this._items) {
-            const setProp = (_name, _count, _size) => (this.spacerStyle = { ...this.spacerStyle, ...{[`${_name}`]: _count * _size + 'px' }});
-
-            const numItems = this._items.length;
-            if (this.both) {
-                setProp('height', numItems, this._itemSize[0]);
-                setProp('width', this._columns?.length || this._items[1]?.length, this._itemSize[1]);
-            }
-            else {
-                this.horizontal ? setProp('width', this._columns.length || this._items.length, this._itemSize) : setProp('height', numItems, this._itemSize);
-            }
-        }
-    }
-
-    setContentPosition(pos: any) {
-        if (this.contentEl && !this._appendOnly) {
-            const first = pos ? pos.first : this.first;
-            const calculateTranslateVal = (_first: number, _size: number) => _first * _size;
-            const setTransform = (_x = 0, _y = 0) => (this.contentStyle = { ...this.contentStyle, ...{ transform: `translate3d(${_x}px, ${_y}px, 0)` } });
-
-            if (this.both) {
-                setTransform(calculateTranslateVal(first.cols, (<number[]>this._itemSize)[1]), calculateTranslateVal(first.rows, (<number[]>this._itemSize)[0]));
-            } else {
-                const translateVal = calculateTranslateVal(first, <number>this._itemSize);
-                this.horizontal ? setTransform(translateVal, 0) : setTransform(0, translateVal);
-            }
-        }
-    }
-
-    onScrollPositionChange(event: Event) {
-        const target = event.target;
-        const contentPos = this.getContentPosition();
-        const calculateScrollPos = (_pos: number, _cpos: number) => (_pos ? (_pos > _cpos ? _pos - _cpos : _pos) : 0);
-        const calculateCurrentIndex = (_pos: number, _size: number) => (_size || _pos ? Math.floor(_pos / (_size || _pos)) : 0);
-        const calculateTriggerIndex = (_currentIndex: number, _first: number, _last: number, _num: number, _numT: number, _isScrollDownOrRight: any) => {
-            return _currentIndex <= _numT ? _numT : _isScrollDownOrRight ? _last - _num - _numT : _first + _numT - 1;
-        };
-        const calculateFirst = (_currentIndex: number, _triggerIndex: number, _first: number, _last: number, _num: number, _numT: number, _isScrollDownOrRight: any) => {
-            if (_currentIndex <= _numT) return 0;
-            else return Math.max(0, _isScrollDownOrRight ? (_currentIndex < _triggerIndex ? _first : _currentIndex - _numT) : _currentIndex > _triggerIndex ? _first : _currentIndex - 2 * _numT);
-        };
-        const calculateLast = (_currentIndex: number, _first: number, _last: number, _num: number, _numT: number, _isCols = false) => {
-            let lastValue = _first + _num + 2 * _numT;
-
-            if (_currentIndex >= _numT) {
-                lastValue += _numT + 1;
-            }
-
-            return this.getLast(lastValue, _isCols);
-        };
-
-        const scrollTop = calculateScrollPos((<HTMLElement>target).scrollTop, contentPos.top);
-        const scrollLeft = calculateScrollPos((<HTMLElement>target).scrollLeft, contentPos.left);
-
-        let newFirst = this.both ? { rows: 0, cols: 0 } : 0;
-        let newLast = this.last;
-        let isRangeChanged = false;
-        let newScrollPos = this.lastScrollPos;
-
-        if (this.both) {
-            const isScrollDown = this.lastScrollPos.top <= scrollTop;
-            const isScrollRight = this.lastScrollPos.left <= scrollLeft;
-
-            if (!this._appendOnly || (this._appendOnly && (isScrollDown || isScrollRight))) {
-                const currentIndex = { rows: calculateCurrentIndex(scrollTop, (<number[]>this._itemSize)[0]), cols: calculateCurrentIndex(scrollLeft, (<number[]>this._itemSize)[1]) };
-                const triggerIndex = {
-                    rows: calculateTriggerIndex(currentIndex.rows, this.first.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0], isScrollDown),
-                    cols: calculateTriggerIndex(currentIndex.cols, this.first.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], isScrollRight)
-                };
-
-                newFirst = {
-                    rows: calculateFirst(currentIndex.rows, triggerIndex.rows, this.first.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0], isScrollDown),
-                    cols: calculateFirst(currentIndex.cols, triggerIndex.cols, this.first.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], isScrollRight)
-                };
-                newLast = {
-                    rows: calculateLast(currentIndex.rows, newFirst.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0]),
-                    cols: calculateLast(currentIndex.cols, newFirst.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], true)
-                };
-
-                isRangeChanged = newFirst.rows !== this.first.rows || newLast.rows !== this.last.rows || newFirst.cols !== this.first.cols || newLast.cols !== this.last.cols || this.isRangeChanged;
-                newScrollPos = { top: scrollTop, left: scrollLeft };
-            }
-        } else {
-            const scrollPos = this.horizontal ? scrollLeft : scrollTop;
-            const isScrollDownOrRight = this.lastScrollPos <= scrollPos;
-
-            if (!this._appendOnly || (this._appendOnly && isScrollDownOrRight)) {
-                const currentIndex = calculateCurrentIndex(scrollPos, <number>this._itemSize);
-                const triggerIndex = calculateTriggerIndex(currentIndex, this.first, this.last, this.numItemsInViewport, this.d_numToleratedItems, isScrollDownOrRight);
-
-                newFirst = calculateFirst(currentIndex, triggerIndex, this.first, this.last, this.numItemsInViewport, this.d_numToleratedItems, isScrollDownOrRight);
-                newLast = calculateLast(currentIndex, newFirst, this.last, this.numItemsInViewport, this.d_numToleratedItems);
-                isRangeChanged = newFirst !== this.first || newLast !== this.last || this.isRangeChanged;
-                newScrollPos = scrollPos;
-            }
-        }
-
-        return {
-            first: newFirst,
-            last: newLast,
-            isRangeChanged,
-            scrollPos: newScrollPos
-        };
-    }
-
-    onScrollChange(event: Event) {
-        const { first, last, isRangeChanged, scrollPos } = this.onScrollPositionChange(event);
-
-        if (isRangeChanged) {
-            const newState = { first, last };
-
-            this.setContentPosition(newState);
-
-            this.first = first;
-            this.last = last;
-            this.lastScrollPos = scrollPos;
-
-            this.handleEvents('onScrollIndexChange', newState);
-
-            if (this._lazy && this.isPageChanged(first)) {
-                const lazyLoadState = {
-                    first: this._step ? Math.min(this.getPageByFirst(first) * this._step, (<any[]>this.items).length - this._step) : first,
-                    last: Math.min(this._step ? (this.getPageByFirst(first) + 1) * this._step : last, (<any[]>this.items).length)
-                };
-                const isLazyStateChanged = this.lazyLoadState.first !== lazyLoadState.first || this.lazyLoadState.last !== lazyLoadState.last;
-
-                isLazyStateChanged && this.handleEvents('onLazyLoad', lazyLoadState);
-                this.lazyLoadState = lazyLoadState;
-            }
-        }
-    }
-
-    onContainerScroll(event: Event) {
-        this.handleEvents('onScroll', { originalEvent: event });
-
-        if (this._delay && this.isPageChanged()) {
-            if (this.scrollTimeout) {
-                clearTimeout(this.scrollTimeout);
-            }
-
-            if (!this.d_loading && this.showLoader) {
-                const { isRangeChanged } = this.onScrollPositionChange(event);
-                const changed = isRangeChanged || (this._step ? this.isPageChanged() : false);
-
-                if (changed) {
-                    this.d_loading = true;
-
-                    this.cd.detectChanges();
-                }
-            }
-
-            this.scrollTimeout = setTimeout(() => {
-                this.onScrollChange(event);
-
-                if (this.d_loading && this.showLoader && (!this._lazy || this._loading === undefined)) {
-                    this.d_loading = false;
-                    this.page = this.getPageByFirst();
-                    this.cd.detectChanges();
-                }
-            }, this._delay);
-        } else {
-            !this.d_loading && this.onScrollChange(event);
-        }
-    }
-
-    unbindResizeListener() {
-        if (this.resizeObserver) {
-            this.resizeObserver.unobserve(this.elementViewChild?.nativeElement);
-            this.resizeObserver = null;
-        }
-    }
-
-    onResize() {
-        if (this.resizeTimeout) {
-            clearTimeout(this.resizeTimeout);
-        }
-
-        this.resizeTimeout = setTimeout(() => {
-            if (DomHandler.isVisible(this.elementViewChild?.nativeElement)) {
-                const [width, height] = [DomHandler.getWidth(this.elementViewChild?.nativeElement), DomHandler.getHeight(this.elementViewChild?.nativeElement)];
-                const [isDiffWidth, isDiffHeight] = [width !== this.defaultWidth, height !== this.defaultHeight];
-                const reinit = this.both ? isDiffWidth || isDiffHeight : this.horizontal ? isDiffWidth : this.vertical ? isDiffHeight : false;
-
-                reinit &&
-                    this.zone.run(() => {
-                        this.d_numToleratedItems = this._numToleratedItems;
-                        this.defaultWidth = width;
-                        this.defaultHeight = height;
-                        this.defaultContentWidth = DomHandler.getWidth(this.contentEl);
-                        this.defaultContentHeight = DomHandler.getHeight(this.contentEl);
-
-                        this.init();
-                        this.calculateAutoSize();
-                    });
-            }
-        }, this._resizeDelay);
-    }
-
-    handleEvents(name: string, params: any) {
-        //@ts-ignore
-        return this.options && (<any>this.options)[name] ? (<any>this.options)[name](params) : this[name].emit(params);
-    }
-
-    getContentOptions() {
-        return {
-            contentStyleClass: `p-scroller-content ${this.d_loading ? 'p-scroller-loading' : ''}`,
-            items: this.loadedItems,
-            getItemOptions: (index: number) => this.getOptions(index),
-            loading: this.d_loading,
-            getLoaderOptions: (index: number, options?: any) => this.getLoaderOptions(index, options),
-            itemSize: this._itemSize,
-            rows: this.loadedRows,
-            columns: this.loadedColumns,
-            spacerStyle: this.spacerStyle,
-            contentStyle: this.contentStyle,
-            vertical: this.vertical,
-            horizontal: this.horizontal,
-            both: this.both
-        };
-    }
-
-    getOptions(renderedIndex: number) {
-        const count = (this._items || []).length;
-        const index = this.both ? this.first.rows + renderedIndex : this.first + renderedIndex;
-
-        return {
-            index,
-            count,
-            first: index === 0,
-            last: index === count - 1,
-            even: index % 2 === 0,
-            odd: index % 2 !== 0
-        };
-    }
-
-    getLoaderOptions(index: number, extOptions: any) {
-        const count = this.loaderArr.length;
-
-        return {
-            index,
-            count,
-            first: index === 0,
-            last: index === count - 1,
-            even: index % 2 === 0,
-            odd: index % 2 !== 0,
-            ...extOptions
-        };
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, SpinnerIcon],
-    exports: [Scroller, SharedModule],
-    declarations: [Scroller]
-})
-export class ScrollerModule {}
diff --git a/src/app/components/scrollpanel/ng-package.json b/src/app/components/scrollpanel/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/scrollpanel/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/scrollpanel/public_api.ts b/src/app/components/scrollpanel/public_api.ts
deleted file mode 100644
index dd661a8..0000000
--- a/src/app/components/scrollpanel/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './scrollpanel';
-export * from './scrollpanel.interface';
diff --git a/src/app/components/scrollpanel/scrollpanel.css b/src/app/components/scrollpanel/scrollpanel.css
deleted file mode 100644
index 84d19e5..0000000
--- a/src/app/components/scrollpanel/scrollpanel.css
+++ /dev/null
@@ -1,50 +0,0 @@
-@layer primeng {
-    .p-scrollpanel-wrapper {
-        overflow: hidden;
-        width: 100%;
-        height: 100%;
-        position: relative;
-        float: left;
-    }
-
-    .p-scrollpanel-content {
-        height: calc(100% + 18px);
-        width: calc(100% + 18px);
-        padding: 0 18px 18px 0;
-        position: relative;
-        overflow: auto;
-        box-sizing: border-box;
-    }
-
-    .p-scrollpanel-bar {
-        position: relative;
-        background: #c1c1c1;
-        border-radius: 3px;
-        cursor: pointer;
-        opacity: 0;
-        transition: opacity 0.25s linear;
-    }
-
-    .p-scrollpanel-bar-y {
-        width: 9px;
-        top: 0;
-    }
-
-    .p-scrollpanel-bar-x {
-        height: 9px;
-        bottom: 0;
-    }
-
-    .p-scrollpanel-hidden {
-        visibility: hidden;
-    }
-
-    .p-scrollpanel:hover .p-scrollpanel-bar,
-    .p-scrollpanel:active .p-scrollpanel-bar {
-        opacity: 1;
-    }
-
-    .p-scrollpanel-grabbed {
-        user-select: none;
-    }
-}
diff --git a/src/app/components/scrollpanel/scrollpanel.interface.ts b/src/app/components/scrollpanel/scrollpanel.interface.ts
deleted file mode 100644
index ecde9fd..0000000
--- a/src/app/components/scrollpanel/scrollpanel.interface.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in ScrollPanel.
- * @group Templates
- */
-export interface ScrollPanelTemplates {
-    /**
-     * Custom content template.
-     */
-    content(): TemplateRef<any>;
-}
diff --git a/src/app/components/scrollpanel/scrollpanel.spec.ts b/src/app/components/scrollpanel/scrollpanel.spec.ts
deleted file mode 100644
index 0bd901c..0000000
--- a/src/app/components/scrollpanel/scrollpanel.spec.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-import { Component } from '@angular/core';
-import { ComponentFixture, fakeAsync, flush, TestBed, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { ScrollPanel } from './scrollpanel';
-
-@Component({
-    template: `
-        <div style="width: 300px;">
-            <p-scrollPanel [style]="{ width: '100%', height: '200px' }" styleClass="custombar1">
-                <div style="padding:1em;line-height:1.5;width:600px;">
-                    The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding. His beloved son Michael has just come home from the war, but does not intend to become part of his father's business.
-                    Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family, kind and benevolent to those who give respect, but given to ruthless violence whenever
-                    anything stands against the good of the family. The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding. His beloved son Michael has just come home from the war, but does not
-                    intend to become part of his father's business. Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family, kind and benevolent to those who give respect,
-                    but given to ruthless violence whenever anything stands against the good of the family.
-                </div>
-            </p-scrollPanel>
-        </div>
-    `
-})
-class TestScrollPanelComponent {}
-
-describe('ScrollPanel', () => {
-    let scrollpanel: ScrollPanel;
-    let fixture: ComponentFixture<TestScrollPanelComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule],
-            declarations: [ScrollPanel, TestScrollPanelComponent]
-        });
-
-        fixture = TestBed.createComponent(TestScrollPanelComponent);
-        scrollpanel = fixture.debugElement.children[0].children[0].children[0].componentInstance;
-    });
-
-    it('should created by default', () => {
-        fixture.detectChanges();
-
-        const scrollPanelEl = fixture.debugElement.query(By.css('.p-scrollpanel'));
-        expect(scrollPanelEl.nativeElement).toBeTruthy();
-    });
-
-    it('should scroll when mousedown and move (y)', fakeAsync(() => {
-        fixture.detectChanges();
-
-        let scrollTopVal = scrollpanel.contentViewChild.nativeElement.scrollTop;
-        const barYEl = fixture.debugElement.query(By.css('.p-scrollpanel-bar-y'));
-        const mousedownEvent: any = document.createEvent('CustomEvent');
-        mousedownEvent.pageY = 201;
-        mousedownEvent.initEvent('mousedown', true, true);
-        const mouseMoveEvent: any = document.createEvent('CustomEvent');
-        mouseMoveEvent.pageY = 250;
-        mouseMoveEvent.initEvent('mousemove', true, true);
-        barYEl.nativeElement.dispatchEvent(mousedownEvent);
-        fixture.detectChanges();
-
-        expect(document.body.className).toContain('p-scrollpanel-grabbed');
-        document.dispatchEvent(mouseMoveEvent);
-        tick(150);
-        fixture.detectChanges();
-
-        expect(scrollTopVal).not.toEqual(scrollpanel.contentViewChild.nativeElement.scrollTop);
-        const mouseUpEvent: any = document.createEvent('CustomEvent');
-        mouseUpEvent.pageY = 201;
-        mouseUpEvent.initEvent('mouseup', true, true);
-        barYEl.nativeElement.dispatchEvent(mouseUpEvent);
-        flush();
-    }));
-
-    it('should scroll when mousedown and move (x)', fakeAsync(() => {
-        fixture.detectChanges();
-
-        let scrollLeftVal = scrollpanel.contentViewChild.nativeElement.scrollLeft;
-        const barXEl = fixture.debugElement.query(By.css('.p-scrollpanel-bar-x'));
-        const mousedownEvent: any = document.createEvent('CustomEvent');
-        mousedownEvent.pageX = 201;
-        mousedownEvent.initEvent('mousedown', true, true);
-        const mouseMoveEvent: any = document.createEvent('CustomEvent');
-        mouseMoveEvent.pageX = 250;
-        mouseMoveEvent.initEvent('mousemove', true, true);
-        barXEl.nativeElement.dispatchEvent(mousedownEvent);
-        fixture.detectChanges();
-
-        expect(document.body.className).toContain('p-scrollpanel-grabbed');
-        document.dispatchEvent(mouseMoveEvent);
-        tick(150);
-        fixture.detectChanges();
-
-        expect(scrollLeftVal).not.toEqual(scrollpanel.contentViewChild.nativeElement.scrollLeft);
-        const mouseUpEvent: any = document.createEvent('CustomEvent');
-        mouseUpEvent.pageY = 201;
-        mouseUpEvent.initEvent('mouseup', true, true);
-        barXEl.nativeElement.dispatchEvent(mouseUpEvent);
-        flush();
-    }));
-
-    it('should scroll with scrollTop', fakeAsync(() => {
-        fixture.detectChanges();
-
-        let scrollTopVal = scrollpanel.contentViewChild.nativeElement.scrollTop;
-        scrollpanel.scrollTop(150);
-        fixture.detectChanges();
-
-        expect(scrollTopVal).not.toEqual(scrollpanel.contentViewChild.nativeElement.scrollTop);
-    }));
-});
diff --git a/src/app/components/scrollpanel/scrollpanel.ts b/src/app/components/scrollpanel/scrollpanel.ts
deleted file mode 100644
index 12515b8..0000000
--- a/src/app/components/scrollpanel/scrollpanel.ts
+++ /dev/null
@@ -1,523 +0,0 @@
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    AfterViewInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    Inject,
-    Input,
-    NgModule,
-    NgZone,
-    OnDestroy,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    numberAttribute
-} from '@angular/core';
-import { PrimeTemplate } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { Nullable } from 'primeng/ts-helpers';
-import { UniqueComponentId } from 'primeng/utils';
-
-/**
- * ScrollPanel is a cross browser, lightweight and themable alternative to native browser scrollbar.
- * @group Components
- */
-@Component({
-    selector: 'p-scrollPanel',
-    template: `
-        <div #container [ngClass]="'p-scrollpanel p-component'" [ngStyle]="style" [class]="styleClass" [attr.data-pc-name]="'scrollpanel'">
-            <div class="p-scrollpanel-wrapper" [attr.data-pc-section]="'wrapper'">
-                <div #content class="p-scrollpanel-content" [attr.data-pc-section]="'content'" (mouseenter)="moveBar()" (scroll)="onScroll($event)">
-                    <ng-content></ng-content>
-                    <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
-                </div>
-            </div>
-            <div
-                #xBar
-                class="p-scrollpanel-bar p-scrollpanel-bar-x"
-                tabindex="0"
-                role="scrollbar"
-                [attr.aria-orientation]="'horizontal'"
-                [attr.aria-valuenow]="lastScrollLeft"
-                [attr.data-pc-section]="'barx'"
-                [attr.aria-controls]="contentId"
-                (mousedown)="onXBarMouseDown($event)"
-                (keydown)="onKeyDown($event)"
-                (keyup)="onKeyUp()"
-                (focus)="onFocus($event)"
-                (blur)="onBlur()"
-            ></div>
-            <div
-                #yBar
-                class="p-scrollpanel-bar p-scrollpanel-bar-y"
-                tabindex="0"
-                role="scrollbar"
-                [attr.aria-orientation]="'vertical'"
-                [attr.aria-valuenow]="lastScrollTop"
-                [attr.data-pc-section]="'bary'"
-                [attr.aria-controls]="contentId"
-                (mousedown)="onYBarMouseDown($event)"
-                (keydown)="onKeyDown($event)"
-                (keyup)="onKeyUp()"
-                (focus)="onFocus($event)"
-            ></div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./scrollpanel.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class ScrollPanel implements AfterViewInit, AfterContentInit, OnDestroy {
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Step factor to scroll the content while pressing the arrow keys.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) step: number = 5;
-
-    @ViewChild('container') containerViewChild: ElementRef | undefined;
-
-    @ViewChild('content') contentViewChild: ElementRef | undefined;
-
-    @ViewChild('xBar') xBarViewChild: ElementRef | undefined;
-
-    @ViewChild('yBar') yBarViewChild: ElementRef | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    scrollYRatio: number | undefined;
-
-    scrollXRatio: number | undefined;
-
-    timeoutFrame: any = (fn: VoidFunction) => setTimeout(fn, 0);
-
-    initialized: boolean = false;
-
-    lastPageY: number | undefined;
-
-    lastPageX: number | undefined;
-
-    isXBarClicked: boolean = false;
-
-    isYBarClicked: boolean = false;
-
-    contentTemplate: TemplateRef<any> | undefined;
-
-    lastScrollLeft: number = 0;
-
-    lastScrollTop: number = 0;
-
-    orientation: string = 'vertical';
-
-    timer: any;
-
-    contentId: string | undefined;
-
-    windowResizeListener: VoidFunction | null | undefined;
-
-    contentScrollListener: VoidFunction | null | undefined;
-
-    mouseEnterListener: VoidFunction | null | undefined;
-
-    xBarMouseDownListener: VoidFunction | null | undefined;
-
-    yBarMouseDownListener: VoidFunction | null | undefined;
-
-    documentMouseMoveListener: Nullable<(event?: any) => void>;
-
-    documentMouseUpListener: Nullable<(event?: any) => void>;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        public el: ElementRef,
-        public zone: NgZone,
-        public cd: ChangeDetectorRef,
-        @Inject(DOCUMENT) private document: Document,
-        private renderer: Renderer2
-    ) {
-        this.contentId = UniqueComponentId() + '_content';
-    }
-
-    ngAfterViewInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.zone.runOutsideAngular(() => {
-                this.moveBar();
-                this.moveBar = this.moveBar.bind(this);
-                this.onXBarMouseDown = this.onXBarMouseDown.bind(this);
-                this.onYBarMouseDown = this.onYBarMouseDown.bind(this);
-                this.onDocumentMouseMove = this.onDocumentMouseMove.bind(this);
-                this.onDocumentMouseUp = this.onDocumentMouseUp.bind(this);
-
-                this.windowResizeListener = this.renderer.listen(window, 'resize', this.moveBar);
-                this.contentScrollListener = this.renderer.listen((this.contentViewChild as ElementRef).nativeElement, 'scroll', this.moveBar);
-                this.mouseEnterListener = this.renderer.listen((this.contentViewChild as ElementRef).nativeElement, 'mouseenter', this.moveBar);
-                this.xBarMouseDownListener = this.renderer.listen((this.xBarViewChild as ElementRef).nativeElement, 'mousedown', this.onXBarMouseDown);
-                this.yBarMouseDownListener = this.renderer.listen((this.yBarViewChild as ElementRef).nativeElement, 'mousedown', this.onYBarMouseDown);
-                this.calculateContainerHeight();
-
-                this.initialized = true;
-            });
-        }
-    }
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-
-                default:
-                    this.contentTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    calculateContainerHeight() {
-        let container = (this.containerViewChild as ElementRef).nativeElement;
-        let content = (this.contentViewChild as ElementRef).nativeElement;
-        let xBar = (this.xBarViewChild as ElementRef).nativeElement;
-        const window = this.document.defaultView as Window;
-
-        let containerStyles: { [klass: string]: any } = window.getComputedStyle(container),
-            xBarStyles = window.getComputedStyle(xBar),
-            pureContainerHeight = DomHandler.getHeight(container) - parseInt(xBarStyles['height'], 10);
-
-        if (containerStyles['max-height'] != 'none' && pureContainerHeight == 0) {
-            if (content.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
-                container.style.height = containerStyles['max-height'];
-            } else {
-                container.style.height = content.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';
-            }
-        }
-    }
-
-    moveBar() {
-        let container = (this.containerViewChild as ElementRef).nativeElement;
-        let content = (this.contentViewChild as ElementRef).nativeElement;
-
-        /* horizontal scroll */
-        let xBar = (this.xBarViewChild as ElementRef).nativeElement;
-        let totalWidth = content.scrollWidth;
-        let ownWidth = content.clientWidth;
-        let bottom = (container.clientHeight - xBar.clientHeight) * -1;
-
-        this.scrollXRatio = ownWidth / totalWidth;
-
-        /* vertical scroll */
-        let yBar = (this.yBarViewChild as ElementRef).nativeElement;
-        let totalHeight = content.scrollHeight;
-        let ownHeight = content.clientHeight;
-        let right = (container.clientWidth - yBar.clientWidth) * -1;
-
-        this.scrollYRatio = ownHeight / totalHeight;
-
-        this.requestAnimationFrame(() => {
-            if ((this.scrollXRatio as number) >= 1) {
-                xBar.setAttribute('data-p-scrollpanel-hidden', 'true');
-                DomHandler.addClass(xBar, 'p-scrollpanel-hidden');
-            } else {
-                xBar.setAttribute('data-p-scrollpanel-hidden', 'false');
-                DomHandler.removeClass(xBar, 'p-scrollpanel-hidden');
-                const xBarWidth = Math.max((this.scrollXRatio as number) * 100, 10);
-                const xBarLeft = (content.scrollLeft * (100 - xBarWidth)) / (totalWidth - ownWidth);
-                xBar.style.cssText = 'width:' + xBarWidth + '%; left:' + xBarLeft + '%;bottom:' + bottom + 'px;';
-            }
-
-            if ((this.scrollYRatio as number) >= 1) {
-                yBar.setAttribute('data-p-scrollpanel-hidden', 'true');
-                DomHandler.addClass(yBar, 'p-scrollpanel-hidden');
-            } else {
-                yBar.setAttribute('data-p-scrollpanel-hidden', 'false');
-                DomHandler.removeClass(yBar, 'p-scrollpanel-hidden');
-                const yBarHeight = Math.max((this.scrollYRatio as number) * 100, 10);
-                const yBarTop = (content.scrollTop * (100 - yBarHeight)) / (totalHeight - ownHeight);
-                yBar.style.cssText = 'height:' + yBarHeight + '%; top: calc(' + yBarTop + '% - ' + xBar.clientHeight + 'px);right:' + right + 'px;';
-            }
-        });
-        this.cd.markForCheck();
-    }
-
-    onScroll(event) {
-        if (this.lastScrollLeft !== event.target.scrollLeft) {
-            this.lastScrollLeft = event.target.scrollLeft;
-            this.orientation = 'horizontal';
-        } else if (this.lastScrollTop !== event.target.scrollTop) {
-            this.lastScrollTop = event.target.scrollTop;
-            this.orientation = 'vertical';
-        }
-
-        this.moveBar();
-    }
-
-    onKeyDown(event) {
-        if (this.orientation === 'vertical') {
-            switch (event.code) {
-                case 'ArrowDown': {
-                    this.setTimer('scrollTop', this.step);
-                    event.preventDefault();
-                    break;
-                }
-
-                case 'ArrowUp': {
-                    this.setTimer('scrollTop', this.step * -1);
-                    event.preventDefault();
-                    break;
-                }
-
-                case 'ArrowLeft':
-
-                case 'ArrowRight': {
-                    event.preventDefault();
-                    break;
-                }
-
-                default:
-                    //no op
-                    break;
-            }
-        } else if (this.orientation === 'horizontal') {
-            switch (event.code) {
-                case 'ArrowRight': {
-                    this.setTimer('scrollLeft', this.step);
-                    event.preventDefault();
-                    break;
-                }
-
-                case 'ArrowLeft': {
-                    this.setTimer('scrollLeft', this.step * -1);
-                    event.preventDefault();
-                    break;
-                }
-
-                case 'ArrowDown':
-
-                case 'ArrowUp': {
-                    event.preventDefault();
-                    break;
-                }
-
-                default:
-                    //no op
-                    break;
-            }
-        }
-    }
-
-    onKeyUp() {
-        this.clearTimer();
-    }
-
-    repeat(bar, step) {
-        this.contentViewChild.nativeElement[bar] += step;
-        this.moveBar();
-    }
-
-    setTimer(bar, step) {
-        this.clearTimer();
-        this.timer = setTimeout(() => {
-            this.repeat(bar, step);
-        }, 40);
-    }
-
-    clearTimer() {
-        if (this.timer) {
-            clearTimeout(this.timer);
-        }
-    }
-
-    bindDocumentMouseListeners(): void {
-        if (!this.documentMouseMoveListener) {
-            this.documentMouseMoveListener = (e) => {
-                this.onDocumentMouseMove(e);
-            };
-            this.document.addEventListener('mousemove', this.documentMouseMoveListener);
-        }
-
-        if (!this.documentMouseUpListener) {
-            this.documentMouseUpListener = (e) => {
-                this.onDocumentMouseUp(e);
-            };
-            this.document.addEventListener('mouseup', this.documentMouseUpListener);
-        }
-    }
-
-    unbindDocumentMouseListeners(): void {
-        if (this.documentMouseMoveListener) {
-            this.document.removeEventListener('mousemove', this.documentMouseMoveListener);
-            this.documentMouseMoveListener = null;
-        }
-
-        if (this.documentMouseUpListener) {
-            document.removeEventListener('mouseup', this.documentMouseUpListener);
-            this.documentMouseUpListener = null;
-        }
-    }
-
-    onYBarMouseDown(e: MouseEvent) {
-        this.isYBarClicked = true;
-        this.yBarViewChild.nativeElement.focus();
-        this.lastPageY = e.pageY;
-
-        this.yBarViewChild.nativeElement.setAttribute('data-p-scrollpanel-grabbed', 'true');
-        DomHandler.addClass((this.yBarViewChild as ElementRef).nativeElement, 'p-scrollpanel-grabbed');
-
-        this.document.body.setAttribute('data-p-scrollpanel-grabbed', 'true');
-        DomHandler.addClass(this.document.body, 'p-scrollpanel-grabbed');
-        this.bindDocumentMouseListeners();
-        e.preventDefault();
-    }
-
-    onXBarMouseDown(e: MouseEvent) {
-        this.isXBarClicked = true;
-        this.xBarViewChild.nativeElement.focus();
-        this.lastPageX = e.pageX;
-
-        this.xBarViewChild.nativeElement.setAttribute('data-p-scrollpanel-grabbed', 'false');
-        DomHandler.addClass((this.xBarViewChild as ElementRef).nativeElement, 'p-scrollpanel-grabbed');
-
-        this.document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');
-        DomHandler.addClass(this.document.body, 'p-scrollpanel-grabbed');
-
-        this.bindDocumentMouseListeners();
-        e.preventDefault();
-    }
-
-    onDocumentMouseMove(e: MouseEvent) {
-        if (this.isXBarClicked) {
-            this.onMouseMoveForXBar(e);
-        } else if (this.isYBarClicked) {
-            this.onMouseMoveForYBar(e);
-        } else {
-            this.onMouseMoveForXBar(e);
-            this.onMouseMoveForYBar(e);
-        }
-    }
-
-    onMouseMoveForXBar(e: MouseEvent) {
-        let deltaX = e.pageX - (this.lastPageX as number);
-        this.lastPageX = e.pageX;
-
-        this.requestAnimationFrame(() => {
-            (this.contentViewChild as ElementRef).nativeElement.scrollLeft += deltaX / (this.scrollXRatio as number);
-        });
-    }
-
-    onMouseMoveForYBar(e: MouseEvent) {
-        let deltaY = e.pageY - (this.lastPageY as number);
-        this.lastPageY = e.pageY;
-
-        this.requestAnimationFrame(() => {
-            (this.contentViewChild as ElementRef).nativeElement.scrollTop += deltaY / (this.scrollYRatio as number);
-        });
-    }
-    /**
-     * Scrolls the top location to the given value.
-     * @param scrollTop
-     * @group Method
-     */
-    scrollTop(scrollTop: number) {
-        let scrollableHeight = (this.contentViewChild as ElementRef).nativeElement.scrollHeight - (this.contentViewChild as ElementRef).nativeElement.clientHeight;
-        scrollTop = scrollTop > scrollableHeight ? scrollableHeight : scrollTop > 0 ? scrollTop : 0;
-        (this.contentViewChild as ElementRef).nativeElement.scrollTop = scrollTop;
-    }
-
-    onFocus(event) {
-        if (this.xBarViewChild.nativeElement.isSameNode(event.target)) {
-            this.orientation = 'horizontal';
-        } else if (this.yBarViewChild.nativeElement.isSameNode(event.target)) {
-            this.orientation = 'vertical';
-        }
-    }
-
-    onBlur() {
-        if (this.orientation === 'horizontal') {
-            this.orientation = 'vertical';
-        }
-    }
-
-    onDocumentMouseUp(e: Event) {
-        this.yBarViewChild.nativeElement.setAttribute('data-p-scrollpanel-grabbed', 'false');
-        DomHandler.removeClass((this.yBarViewChild as ElementRef).nativeElement, 'p-scrollpanel-grabbed');
-        this.xBarViewChild.nativeElement.setAttribute('data-p-scrollpanel-grabbed', 'false');
-        DomHandler.removeClass((this.xBarViewChild as ElementRef).nativeElement, 'p-scrollpanel-grabbed');
-        this.document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');
-        DomHandler.removeClass(this.document.body, 'p-scrollpanel-grabbed');
-
-        this.unbindDocumentMouseListeners();
-        this.isXBarClicked = false;
-        this.isYBarClicked = false;
-    }
-
-    requestAnimationFrame(f: VoidFunction) {
-        let frame = window.requestAnimationFrame || this.timeoutFrame;
-        frame(f);
-    }
-
-    unbindListeners() {
-        if (this.windowResizeListener) {
-            this.windowResizeListener();
-            this.windowResizeListener = null;
-        }
-
-        if (this.contentScrollListener) {
-            this.contentScrollListener();
-            this.contentScrollListener = null;
-        }
-
-        if (this.mouseEnterListener) {
-            this.mouseEnterListener();
-            this.mouseEnterListener = null;
-        }
-
-        if (this.xBarMouseDownListener) {
-            this.xBarMouseDownListener();
-            this.xBarMouseDownListener = null;
-        }
-
-        if (this.yBarMouseDownListener) {
-            this.yBarMouseDownListener();
-            this.yBarMouseDownListener = null;
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.initialized) {
-            this.unbindListeners();
-        }
-    }
-    /**
-     * Refreshes the position and size of the scrollbar.
-     * @group Method
-     */
-    refresh() {
-        this.moveBar();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [ScrollPanel],
-    declarations: [ScrollPanel]
-})
-export class ScrollPanelModule {}
diff --git a/src/app/components/scrolltop/ng-package.json b/src/app/components/scrolltop/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/scrolltop/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/scrolltop/public_api.ts b/src/app/components/scrolltop/public_api.ts
deleted file mode 100644
index 7b64e36..0000000
--- a/src/app/components/scrolltop/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './scrolltop';
-export * from './scrolltop.interface';
diff --git a/src/app/components/scrolltop/scrolltop.css b/src/app/components/scrolltop/scrolltop.css
deleted file mode 100644
index 840a514..0000000
--- a/src/app/components/scrolltop/scrolltop.css
+++ /dev/null
@@ -1,18 +0,0 @@
-@layer primeng {
-    .p-scrolltop {
-        position: fixed;
-        bottom: 20px;
-        right: 20px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-scrolltop-sticky {
-        position: sticky;
-    }
-
-    .p-scrolltop-sticky.p-link {
-        margin-left: auto;
-    }
-}
diff --git a/src/app/components/scrolltop/scrolltop.interface.ts b/src/app/components/scrolltop/scrolltop.interface.ts
deleted file mode 100644
index 77948a2..0000000
--- a/src/app/components/scrolltop/scrolltop.interface.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in ScrollTop.
- * @group Templates
- */
-export interface ScrollTopTemplates {
-    /**
-     * Icon of the component.
-     */
-    icon(context: {
-        /**
-         * Style class of the icon.
-         */
-        styleClass: 'p-scrolltop-icon';
-    }): TemplateRef<{ styleClass: string }>;
-}
diff --git a/src/app/components/scrolltop/scrolltop.spec.ts b/src/app/components/scrolltop/scrolltop.spec.ts
deleted file mode 100644
index a8f0d99..0000000
--- a/src/app/components/scrolltop/scrolltop.spec.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { ScrollTop, ScrollTopModule } from './scrolltop';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { By } from '@angular/platform-browser';
-
-describe('ScrollTop', () => {
-    let scrollTop: ScrollTop;
-    let fixture: ComponentFixture<ScrollTop>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, ScrollTopModule]
-        });
-
-        fixture = TestBed.createComponent(ScrollTop);
-        scrollTop = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        scrollTop.visible = true;
-        fixture.detectChanges();
-
-        const scrollTopEl = fixture.debugElement.query(By.css('.p-scrolltop'));
-        expect(scrollTopEl.nativeElement).toBeTruthy();
-    });
-});
diff --git a/src/app/components/scrolltop/scrolltop.ts b/src/app/components/scrolltop/scrolltop.ts
deleted file mode 100644
index babd7f0..0000000
--- a/src/app/components/scrolltop/scrolltop.ts
+++ /dev/null
@@ -1,234 +0,0 @@
-import { AnimationEvent, animate, state, style, transition, trigger } from '@angular/animations';
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, Inject, Input, NgModule, OnDestroy, OnInit, PLATFORM_ID, QueryList, Renderer2, TemplateRef, ViewEncapsulation, numberAttribute } from '@angular/core';
-import { PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { ChevronUpIcon } from 'primeng/icons/chevronup';
-import { ZIndexUtils } from 'primeng/utils';
-/**
- * ScrollTop gets displayed after a certain scroll position and used to navigates to the top of the page quickly.
- * @group Components
- */
-@Component({
-    selector: 'p-scrollTop',
-    template: `
-        <button
-            *ngIf="visible"
-            [@animation]="{ value: 'open', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }"
-            (@animation.start)="onEnter($event)"
-            (@animation.done)="onLeave($event)"
-            [attr.aria-label]="buttonAriaLabel"
-            [ngClass]="containerClass()"
-            (click)="onClick()"
-            [class]="styleClass"
-            [ngStyle]="style"
-            type="button"
-        >
-            <ng-container *ngIf="!iconTemplate">
-                <span *ngIf="icon" [class]="icon" [ngClass]="'p-scrolltop-icon'"></span>
-                <ChevronUpIcon *ngIf="!icon" [styleClass]="'p-scrolltop-icon'" [ngStyle]="{ 'font-size': '1rem', scale: '1.5' }" />
-            </ng-container>
-            <ng-template [ngIf]="!icon" *ngTemplateOutlet="iconTemplate; context: { styleClass: 'p-scrolltop-icon' }"></ng-template>
-        </button>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./scrolltop.css'],
-    animations: [
-        trigger('animation', [
-            state(
-                'void',
-                style({
-                    opacity: 0
-                })
-            ),
-            state(
-                'open',
-                style({
-                    opacity: 1
-                })
-            ),
-            transition('void => open', animate('{{showTransitionParams}}')),
-            transition('open => void', animate('{{hideTransitionParams}}'))
-        ])
-    ],
-    host: {
-        class: 'p-element'
-    }
-})
-export class ScrollTop implements OnInit, OnDestroy {
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Target of the ScrollTop.
-     * @group Props
-     */
-    @Input() target: 'window' | 'parent' | undefined = 'window';
-    /**
-     * Defines the threshold value of the vertical scroll position of the target to toggle the visibility.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) threshold: number = 400;
-    /**
-     * Name of the icon or JSX.Element for icon.
-     * @group Props
-     */
-    @Input() icon: string | undefined;
-    /**
-     * Defines the scrolling behavior, "smooth" adds an animation and "auto" scrolls with a jump.
-     * @group Props
-     */
-    @Input() behavior: 'auto' | 'smooth' | undefined = 'smooth';
-    /**
-     * A string value used to determine the display transition options.
-     * @group Props
-     */
-    @Input() showTransitionOptions: string = '.15s';
-    /**
-     * A string value used to determine the hiding transition options.
-     * @group Props
-     */
-    @Input() hideTransitionOptions: string = '.15s';
-    /**
-     * Establishes a string value that labels the scroll-top button.
-     * @group Props
-     */
-    @Input() buttonAriaLabel: string | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    iconTemplate: TemplateRef<any> | undefined;
-
-    documentScrollListener: VoidFunction | null | undefined;
-
-    parentScrollListener: VoidFunction | null | undefined;
-
-    visible: boolean = false;
-
-    overlay: any;
-
-    private window: Window | null;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private renderer: Renderer2,
-        public el: ElementRef,
-        private cd: ChangeDetectorRef,
-        public config: PrimeNGConfig
-    ) {
-        this.window = this.document.defaultView;
-    }
-
-    ngOnInit() {
-        if (this.target === 'window') this.bindDocumentScrollListener();
-        else if (this.target === 'parent') this.bindParentScrollListener();
-    }
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'icon':
-                    this.iconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    onClick() {
-        let scrollElement = this.target === 'window' ? this.window : this.el.nativeElement.parentElement;
-        scrollElement.scroll({
-            top: 0,
-            behavior: this.behavior
-        });
-    }
-
-    onEnter(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'open':
-                this.overlay = event.element;
-                ZIndexUtils.set('overlay', this.overlay, this.config.zIndex.overlay);
-                break;
-            case 'void':
-                this.overlay = null;
-                break;
-        }
-    }
-
-    onLeave(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'void':
-                ZIndexUtils.clear(event.element);
-                break;
-        }
-    }
-
-    checkVisibility(scrollY: number) {
-        if (scrollY > this.threshold) this.visible = true;
-        else this.visible = false;
-
-        this.cd.markForCheck();
-    }
-
-    bindParentScrollListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.parentScrollListener = this.renderer.listen(this.el.nativeElement.parentElement, 'scroll', () => {
-                this.checkVisibility(this.el.nativeElement.parentElement.scrollTop);
-            });
-        }
-    }
-
-    bindDocumentScrollListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.documentScrollListener = this.renderer.listen(this.window, 'scroll', () => {
-                this.checkVisibility(DomHandler.getWindowScrollTop());
-            });
-        }
-    }
-
-    unbindParentScrollListener() {
-        if (this.parentScrollListener) {
-            this.parentScrollListener();
-            this.parentScrollListener = null;
-        }
-    }
-
-    unbindDocumentScrollListener() {
-        if (this.documentScrollListener) {
-            this.documentScrollListener();
-            this.documentScrollListener = null;
-        }
-    }
-
-    containerClass() {
-        return {
-            'p-scrolltop p-link p-component': true,
-            'p-scrolltop-sticky': this.target !== 'window'
-        };
-    }
-
-    ngOnDestroy() {
-        if (this.target === 'window') this.unbindDocumentScrollListener();
-        else if (this.target === 'parent') this.unbindParentScrollListener();
-
-        if (this.overlay) {
-            ZIndexUtils.clear(this.overlay);
-            this.overlay = null;
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, ChevronUpIcon, SharedModule],
-    exports: [ScrollTop, SharedModule],
-    declarations: [ScrollTop]
-})
-export class ScrollTopModule {}
diff --git a/src/app/components/selectbutton/ng-package.json b/src/app/components/selectbutton/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/selectbutton/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/selectbutton/public_api.ts b/src/app/components/selectbutton/public_api.ts
deleted file mode 100644
index b130621..0000000
--- a/src/app/components/selectbutton/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './selectbutton';
-export * from './selectbutton.interface';
diff --git a/src/app/components/selectbutton/selectbutton.interface.ts b/src/app/components/selectbutton/selectbutton.interface.ts
deleted file mode 100644
index 56e1dd6..0000000
--- a/src/app/components/selectbutton/selectbutton.interface.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { SelectButton } from './selectbutton';
-/**
- * Custom click event.
- * @see {@link SelectButton.onOptionClick}
- * @group Events
- */
-export interface SelectButtonOptionClickEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent?: Event;
-    /**
-     * Selected option.
-     */
-    option?: any;
-    /**
-     * Index of the selected option.
-     */
-    index?: number;
-}
-/**
- * Custom change event.
- * @see {@link SelectButton.onChange}
- * @group Events
- */
-export interface SelectButtonChangeEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent?: Event;
-    /**
-     * Selected option.
-     */
-    value?: any;
-}
-/**
- * Defines valid templates in SelectButton.
- * @group Templates
- */
-export interface SelectButtonTemplates {
-    /**
-     * Custom item template.
-     */
-    item(): TemplateRef<any>;
-}
diff --git a/src/app/components/selectbutton/selectbutton.spec.ts b/src/app/components/selectbutton/selectbutton.spec.ts
deleted file mode 100644
index c517f50..0000000
--- a/src/app/components/selectbutton/selectbutton.spec.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-import { TestBed, ComponentFixture, tick, fakeAsync } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { SelectButton } from './selectbutton';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { SimpleChange } from '@angular/core';
-
-describe('SelectButton', () => {
-    let selectButton: SelectButton;
-    let fixture: ComponentFixture<SelectButton>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule],
-            declarations: [SelectButton]
-        });
-
-        fixture = TestBed.createComponent(SelectButton);
-        selectButton = fixture.componentInstance;
-    });
-
-    it('should display the label', () => {
-        selectButton.options = [
-            { label: 'Apartment', value: 'Apartment' },
-            { label: 'House', value: 'House' },
-            { label: 'Studio', value: 'Studio' }
-        ];
-        fixture.detectChanges();
-
-        selectButton.cd.detectChanges();
-        const labelEl = fixture.debugElement.query(By.css('.p-selectbutton')).children[0];
-        expect(labelEl.nativeElement.querySelector('.p-button-label').textContent).toContain('Apartment');
-    });
-
-    it('should display the preselected button', () => {
-        selectButton.options = [
-            { label: 'Apartment', value: { name: 'Apartment' } },
-            { label: 'House', value: { name: 'House' } },
-            { label: 'Studio', value: { name: 'Studio' } }
-        ];
-        selectButton.dataKey = 'name';
-        selectButton.writeValue({ name: 'Studio' });
-        fixture.detectChanges();
-
-        selectButton.cd.detectChanges();
-        const active = fixture.nativeElement.querySelector('.p-highlight').children[0];
-        expect(active.textContent).toContain('Studio');
-    });
-
-    it('should display the active when click', fakeAsync(() => {
-        selectButton.options = [
-            { label: 'Apartment', value: 'Apartment' },
-            { label: 'House', value: 'House' },
-            { label: 'Studio', value: 'Studio' }
-        ];
-        fixture.detectChanges();
-
-        const activeEl = fixture.nativeElement.querySelector('.p-selectbutton').children[0];
-        activeEl.click();
-        fixture.detectChanges();
-
-        const active = fixture.nativeElement.querySelector('.p-highlight').children[0];
-        expect(active.textContent).toContain('Apartment');
-    }));
-
-    it('should disabled', () => {
-        selectButton.disabled = true;
-        selectButton.options = [
-            { label: 'Apartment', value: { name: 'Apartment' } },
-            { label: 'House', value: { name: 'House' } },
-            { label: 'Studio', value: { name: 'Studio' } }
-        ];
-        fixture.detectChanges();
-
-        const onOptionSelectSpy = spyOn(selectButton, 'onOptionSelect').and.callThrough();
-        const buttonEls = fixture.debugElement.queryAll(By.css('.p-button'));
-        expect(buttonEls.length).toEqual(3);
-        buttonEls[1].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(onOptionSelectSpy).toHaveBeenCalled();
-        expect(selectButton.value).toEqual(undefined);
-    });
-
-    it('should select multiple', () => {
-        selectButton.multiple = true;
-        selectButton.options = [
-            { label: 'Apartment', value: { name: 'Apartment' } },
-            { label: 'House', value: { name: 'House' } },
-            { label: 'Studio', value: { name: 'Studio' } }
-        ];
-
-        fixture.detectChanges();
-
-        let valueOptionClick;
-        let valueChange;
-        selectButton.onOptionClick.subscribe((data) => (valueOptionClick = data));
-        selectButton.onChange.subscribe((data) => (valueChange = data));
-        const onOptionSelectSpy = spyOn(selectButton, 'onOptionSelect').and.callThrough();
-        const buttonEls = fixture.debugElement.queryAll(By.css('.p-button'));
-        expect(buttonEls.length).toEqual(3);
-        buttonEls[0].nativeElement.click();
-        buttonEls[1].nativeElement.click();
-        buttonEls[2].nativeElement.click();
-        fixture.detectChanges();
-
-        buttonEls[2].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(onOptionSelectSpy).toHaveBeenCalled();
-        expect(selectButton.value.length).toEqual(2);
-        expect(valueOptionClick.option).toBeTruthy();
-        expect(valueChange.value).toBeTruthy();
-    });
-});
diff --git a/src/app/components/selectbutton/selectbutton.ts b/src/app/components/selectbutton/selectbutton.ts
deleted file mode 100644
index 1363612..0000000
--- a/src/app/components/selectbutton/selectbutton.ts
+++ /dev/null
@@ -1,326 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ElementRef, EventEmitter, Input, NgModule, Output, TemplateRef, ViewChild, ViewEncapsulation, booleanAttribute, forwardRef, numberAttribute } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { PrimeTemplate, SharedModule } from 'primeng/api';
-import { RippleModule } from 'primeng/ripple';
-import { Nullable } from 'primeng/ts-helpers';
-import { ObjectUtils } from 'primeng/utils';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { SelectButtonChangeEvent, SelectButtonOptionClickEvent } from './selectbutton.interface';
-
-export const SELECTBUTTON_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => SelectButton),
-    multi: true
-};
-/**
- * SelectButton is used to choose single or multiple items from a list using buttons.
- * @group Components
- */
-@Component({
-    selector: 'p-selectButton',
-    template: `
-        <div #container [ngClass]="'p-selectbutton p-buttonset p-component'" [ngStyle]="style" [class]="styleClass" role="group" [attr.aria-labelledby]="ariaLabelledBy" [attr.data-pc-name]="'selectbutton'" [attr.data-pc-section]="'root'">
-            <div
-                *ngFor="let option of options; let i = index"
-                pRipple
-                [attr.tabindex]="i === focusedIndex && !disabled ? '0' : '-1'"
-                [attr.aria-label]="option.label"
-                [role]="multiple ? 'checkbox' : 'radio'"
-                [attr.aria-checked]="isSelected(option)"
-                [attr.aria-disabled]="optionDisabled"
-                class="p-button p-component"
-                [class]="option.styleClass"
-                [ngClass]="{ 'p-highlight': isSelected(option), 'p-disabled': disabled || isOptionDisabled(option), 'p-button-icon-only': option.icon && !getOptionLabel(option) }"
-                (click)="onOptionSelect($event, option, i)"
-                (keydown)="onKeyDown($event, option, i)"
-                [attr.title]="option.title"
-                (focus)="onFocus($event, i)"
-                (blur)="onBlur()"
-                [attr.aria-labelledby]="this.getOptionLabel(option)"
-                [attr.data-pc-section]="'button'"
-                pAutoFocus
-                [autofocus]="autofocus"
-            >
-                <ng-container *ngIf="!itemTemplate; else customcontent">
-                    <span [ngClass]="'p-button-icon p-button-icon-left'" [class]="option.icon" *ngIf="option.icon" [attr.data-pc-section]="'icon'"></span>
-                    <span class="p-button-label" [attr.data-pc-section]="'label'">{{ getOptionLabel(option) }}</span>
-                </ng-container>
-                <ng-template #customcontent>
-                    <ng-container *ngTemplateOutlet="selectButtonTemplate; context: { $implicit: option, index: i }"></ng-container>
-                </ng-template>
-            </div>
-        </div>
-    `,
-    providers: [SELECTBUTTON_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['../button/button.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class SelectButton implements ControlValueAccessor {
-    /**
-     * An array of selectitems to display as the available options.
-     * @group Props
-     */
-    @Input() options: any[] | undefined;
-    /**
-     * Name of the label field of an option.
-     * @group Props
-     */
-    @Input() optionLabel: string | undefined;
-    /**
-     * Name of the value field of an option.
-     * @group Props
-     */
-    @Input() optionValue: string | undefined;
-    /**
-     * Name of the disabled field of an option.
-     * @group Props
-     */
-    @Input() optionDisabled: string | undefined;
-    /**
-     * Whether selection can be cleared.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) unselectable: boolean = false;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number = 0;
-    /**
-     * When specified, allows selecting multiple values.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) multiple: boolean | undefined;
-    /**
-     * Whether selection can not be cleared.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) allowEmpty: boolean = true;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: any;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * When present, it specifies that the element should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * A property to uniquely identify a value in options.
-     * @group Props
-     */
-    @Input() dataKey: string | undefined;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * Callback to invoke on input click.
-     * @param {SelectButtonOptionClickEvent} event - Custom click event.
-     * @group Emits
-     */
-    @Output() onOptionClick: EventEmitter<SelectButtonOptionClickEvent> = new EventEmitter<SelectButtonOptionClickEvent>();
-    /**
-     * Callback to invoke on selection change.
-     * @param {SelectButtonChangeEvent} event - Custom change event.
-     * @group Emits
-     */
-    @Output() onChange: EventEmitter<SelectButtonChangeEvent> = new EventEmitter<SelectButtonChangeEvent>();
-
-    @ViewChild('container') container: Nullable<ElementRef>;
-
-    @ContentChild(PrimeTemplate) itemTemplate!: PrimeTemplate;
-
-    public get selectButtonTemplate(): TemplateRef<any> {
-        return this.itemTemplate?.template;
-    }
-
-    get equalityKey() {
-        return this.optionValue ? null : this.dataKey;
-    }
-
-    value: any;
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    focusedIndex: number = 0;
-
-    constructor(public cd: ChangeDetectorRef) {}
-
-    getOptionLabel(option: any) {
-        return this.optionLabel ? ObjectUtils.resolveFieldData(option, this.optionLabel) : option.label != undefined ? option.label : option;
-    }
-
-    getOptionValue(option: any) {
-        return this.optionValue ? ObjectUtils.resolveFieldData(option, this.optionValue) : this.optionLabel || option.value === undefined ? option : option.value;
-    }
-
-    isOptionDisabled(option: any) {
-        return this.optionDisabled ? ObjectUtils.resolveFieldData(option, this.optionDisabled) : option.disabled !== undefined ? option.disabled : false;
-    }
-
-    writeValue(value: any): void {
-        this.value = value;
-        this.cd.markForCheck();
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    onOptionSelect(event, option, index) {
-        if (this.disabled || this.isOptionDisabled(option)) {
-            return;
-        }
-
-        let selected = this.isSelected(option);
-
-        if (selected && this.unselectable) {
-            return;
-        }
-
-        let optionValue = this.getOptionValue(option);
-        let newValue;
-
-        if (this.multiple) {
-            if (selected) newValue = this.value.filter((val) => !ObjectUtils.equals(val, optionValue, this.equalityKey));
-            else newValue = this.value ? [...this.value, optionValue] : [optionValue];
-        } else {
-            if (selected && !this.allowEmpty) {
-                return;
-            }
-            newValue = selected ? null : optionValue;
-        }
-
-        this.focusedIndex = index;
-        this.value = newValue;
-        this.onModelChange(this.value);
-
-        this.onChange.emit({
-            originalEvent: event,
-            value: this.value
-        });
-
-        this.onOptionClick.emit({
-            originalEvent: event,
-            option: option,
-            index: index
-        });
-    }
-
-    onKeyDown(event, option, index) {
-        switch (event.code) {
-            case 'Space': {
-                this.onOptionSelect(event, option, index);
-                event.preventDefault();
-                break;
-            }
-
-            case 'ArrowDown':
-
-            case 'ArrowRight': {
-                this.changeTabIndexes(event, 'next');
-                event.preventDefault();
-                break;
-            }
-
-            case 'ArrowUp':
-
-            case 'ArrowLeft': {
-                this.changeTabIndexes(event, 'prev');
-                event.preventDefault();
-                break;
-            }
-
-            default:
-                //no op
-                break;
-        }
-    }
-
-    changeTabIndexes(event, direction) {
-        let firstTabableChild, index;
-
-        for (let i = 0; i <= this.container.nativeElement.children.length - 1; i++) {
-            if (this.container.nativeElement.children[i].getAttribute('tabindex') === '0') firstTabableChild = { elem: this.container.nativeElement.children[i], index: i };
-        }
-
-        if (direction === 'prev') {
-            if (firstTabableChild.index === 0) index = this.container.nativeElement.children.length - 1;
-            else index = firstTabableChild.index - 1;
-        } else {
-            if (firstTabableChild.index === this.container.nativeElement.children.length - 1) index = 0;
-            else index = firstTabableChild.index + 1;
-        }
-
-        this.focusedIndex = index;
-        this.container.nativeElement.children[index].focus();
-    }
-
-    onFocus(event: Event, index: number) {
-        this.focusedIndex = index;
-    }
-
-    onBlur() {
-        this.onModelTouched();
-    }
-
-    removeOption(option: any): void {
-        this.value = this.value.filter((val: any) => !ObjectUtils.equals(val, this.getOptionValue(option), this.dataKey));
-    }
-
-    isSelected(option: any) {
-        let selected = false;
-        const optionValue = this.getOptionValue(option);
-
-        if (this.multiple) {
-            if (this.value && Array.isArray(this.value)) {
-                for (let val of this.value) {
-                    if (ObjectUtils.equals(val, optionValue, this.dataKey)) {
-                        selected = true;
-                        break;
-                    }
-                }
-            }
-        } else {
-            selected = ObjectUtils.equals(this.getOptionValue(option), this.value, this.equalityKey);
-        }
-
-        return selected;
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, RippleModule, SharedModule, AutoFocusModule],
-    exports: [SelectButton, SharedModule],
-    declarations: [SelectButton]
-})
-export class SelectButtonModule {}
diff --git a/src/app/components/sidebar/ng-package.json b/src/app/components/sidebar/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/sidebar/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/sidebar/public_api.ts b/src/app/components/sidebar/public_api.ts
deleted file mode 100644
index f12ef6c..0000000
--- a/src/app/components/sidebar/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './sidebar';
-export * from './sidebar.interface';
diff --git a/src/app/components/sidebar/sidebar.css b/src/app/components/sidebar/sidebar.css
deleted file mode 100644
index b99d1f5..0000000
--- a/src/app/components/sidebar/sidebar.css
+++ /dev/null
@@ -1,106 +0,0 @@
-@layer primeng {
-    .p-sidebar {
-        position: fixed;
-        transition: transform 0.3s;
-        display: flex;
-        flex-direction: column;
-    }
-
-    .p-sidebar-content {
-        position: relative;
-        overflow-y: auto;
-        flex-grow: 1;
-    }
-
-    .p-sidebar-header {
-        display: flex;
-        align-items: center;
-    }
-
-    .p-sidebar-footer {
-        margin-top: auto;
-    }
-
-    .p-sidebar-icon {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-left: auto;
-    }
-
-    .p-sidebar-left {
-        top: 0;
-        left: 0;
-        width: 20rem;
-        height: 100%;
-    }
-
-    .p-sidebar-right {
-        top: 0;
-        right: 0;
-        width: 20rem;
-        height: 100%;
-    }
-
-    .p-sidebar-top {
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 10rem;
-    }
-
-    .p-sidebar-bottom {
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        height: 10rem;
-    }
-
-    .p-sidebar-full {
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        -webkit-transition: none;
-        transition: none;
-    }
-
-    .p-sidebar-left.p-sidebar-sm,
-    .p-sidebar-right.p-sidebar-sm {
-        width: 20rem;
-    }
-
-    .p-sidebar-left.p-sidebar-md,
-    .p-sidebar-right.p-sidebar-md {
-        width: 40rem;
-    }
-
-    .p-sidebar-left.p-sidebar-lg,
-    .p-sidebar-right.p-sidebar-lg {
-        width: 60rem;
-    }
-
-    .p-sidebar-top.p-sidebar-sm,
-    .p-sidebar-bottom.p-sidebar-sm {
-        height: 10rem;
-    }
-
-    .p-sidebar-top.p-sidebar-md,
-    .p-sidebar-bottom.p-sidebar-md {
-        height: 20rem;
-    }
-
-    .p-sidebar-top.p-sidebar-lg,
-    .p-sidebar-bottom.p-sidebar-lg {
-        height: 30rem;
-    }
-
-    @media screen and (max-width: 64em) {
-        .p-sidebar-left.p-sidebar-lg,
-        .p-sidebar-left.p-sidebar-md,
-        .p-sidebar-right.p-sidebar-lg,
-        .p-sidebar-right.p-sidebar-md {
-            width: 20rem;
-        }
-    }
-}
diff --git a/src/app/components/sidebar/sidebar.interface.ts b/src/app/components/sidebar/sidebar.interface.ts
deleted file mode 100644
index 3badfb4..0000000
--- a/src/app/components/sidebar/sidebar.interface.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in Sidebar.
- * @group Templates
- */
-export interface SidebarTemplates {
-    /**
-     * Custom template of header.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom template of content.
-     */
-    content(): TemplateRef<any>;
-    /**
-     * Custom template of footer.
-     */
-    footer(): TemplateRef<any>;
-    /**
-     * Custom template of closeicon.
-     */
-    closeicon(): TemplateRef<any>;
-    /**
-     * Headless template.
-     */
-    headless(): TemplateRef<any>;
-}
diff --git a/src/app/components/sidebar/sidebar.spec.ts b/src/app/components/sidebar/sidebar.spec.ts
deleted file mode 100644
index 8303645..0000000
--- a/src/app/components/sidebar/sidebar.spec.ts
+++ /dev/null
@@ -1,168 +0,0 @@
-import { Component, NO_ERRORS_SCHEMA } from '@angular/core';
-import { ComponentFixture, fakeAsync, flush, TestBed, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Sidebar } from './sidebar';
-
-@Component({
-    template: `<p-sidebar [(visible)]="visibleSidebar1">
-            <h1 style="font-weight:normal">Full Screen Sidebar</h1>
-            <button type="button" (click)="visibleSidebar1 = false" label="Save"></button>
-            <button type="button" (click)="visibleSidebar1 = false" label="Cancel"></button>
-        </p-sidebar>
-        <button type="button" (click)="visibleSidebar1 = true"></button>`
-})
-class TestSideBarComponent {
-    visibleSidebar1;
-}
-
-describe('Sidebar', () => {
-    let sidebar: Sidebar;
-    let fixture: ComponentFixture<TestSideBarComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            schemas: [NO_ERRORS_SCHEMA],
-            imports: [NoopAnimationsModule],
-            declarations: [Sidebar, TestSideBarComponent]
-        });
-
-        fixture = TestBed.createComponent(TestSideBarComponent);
-        sidebar = fixture.debugElement.query(By.css('p-sidebar')).componentInstance;
-    });
-
-    it('should change style and styleClass', fakeAsync(() => {
-        sidebar.modal = false;
-        sidebar.style = { height: '300px' };
-        sidebar.styleClass = 'Primeng rocks!';
-        const buttonEl = fixture.debugElement.children[1].nativeElement;
-        buttonEl.click();
-        fixture.detectChanges();
-
-        tick(150);
-        const containerEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(containerEl.className).toContain('Primeng rocks!');
-        expect(containerEl.style.height).toContain('300px');
-        flush();
-    }));
-
-    it('should not show icon', () => {
-        sidebar.modal = false;
-        sidebar.showCloseIcon = false;
-        fixture.detectChanges();
-
-        const closeEl = fixture.debugElement.query(By.css('.p-sidebar-close'));
-        expect(closeEl).toBeFalsy();
-    });
-
-    it('should set positions', fakeAsync(() => {
-        sidebar.modal = false;
-        const buttonEl = fixture.debugElement.children[1].nativeElement;
-        buttonEl.click();
-
-        fixture.detectChanges();
-
-        tick(150);
-        const containerEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(containerEl.className).toContain('p-sidebar-left');
-        sidebar.position = 'right';
-        fixture.detectChanges();
-
-        sidebar.cd.detectChanges();
-        expect(containerEl.className).toContain('p-sidebar-right');
-        sidebar.position = 'bottom';
-        fixture.detectChanges();
-
-        sidebar.cd.detectChanges();
-        expect(containerEl.className).toContain('p-sidebar-bottom');
-        sidebar.position = 'top';
-        fixture.detectChanges();
-
-        sidebar.cd.detectChanges();
-        expect(containerEl.className).toContain('p-sidebar-top');
-        flush();
-    }));
-
-    it('should open', fakeAsync(() => {
-        sidebar.modal = false;
-        const buttonEl = fixture.debugElement.children[1].nativeElement;
-        const sidebarOpenSpy = spyOn(sidebar, 'show').and.callThrough();
-        buttonEl.click();
-        fixture.detectChanges();
-
-        tick(150);
-        expect(sidebarOpenSpy).toHaveBeenCalled();
-        flush();
-    }));
-
-    it('should open fullscreen', fakeAsync(() => {
-        sidebar.modal = false;
-        sidebar.fullScreen = true;
-        const buttonEl = fixture.debugElement.children[1].nativeElement;
-        const sidebarOpenSpy = spyOn(sidebar, 'show').and.callThrough();
-        buttonEl.click();
-        fixture.detectChanges();
-
-        tick(150);
-        const containerEl = fixture.debugElement.query(By.css('div'));
-        expect(sidebarOpenSpy).toHaveBeenCalled();
-        expect(containerEl.nativeElement.className).toContain('p-sidebar-full');
-        flush();
-    }));
-
-    it('should close', fakeAsync(() => {
-        const buttonEl = fixture.debugElement.children[1].nativeElement;
-        const sidebarCloseSpy = spyOn(sidebar, 'close').and.callThrough();
-        buttonEl.click();
-        fixture.detectChanges();
-
-        const closeEl = fixture.debugElement.query(By.css('div')).query(By.css('button')).nativeElement;
-        closeEl.click();
-        fixture.detectChanges();
-
-        tick(300);
-        const containerEl = fixture.debugElement.query(By.css('div'));
-        expect(containerEl).toBeFalsy();
-        expect(sidebarCloseSpy).toHaveBeenCalled();
-        sidebar.destroyModal();
-        flush();
-    }));
-
-    it('should listen emitters', () => {
-        sidebar.modal = false;
-        fixture.detectChanges();
-
-        const buttonEl = fixture.debugElement.children[1].nativeElement;
-        let visibleChangeCount = 0;
-        let visibleOption;
-        sidebar.onShow.subscribe((value) => (visibleOption = 'visible'));
-        sidebar.onHide.subscribe((value) => (visibleOption = 'hide'));
-        sidebar.visibleChange.subscribe((value) => visibleChangeCount++);
-        buttonEl.click();
-        fixture.detectChanges();
-
-        expect(visibleChangeCount).toEqual(0);
-        const closeEl = fixture.debugElement.query(By.css('div')).query(By.css('button')).nativeElement;
-        closeEl.click();
-        fixture.detectChanges();
-
-        expect(visibleChangeCount).toEqual(1);
-    });
-
-    it('should not use modal', () => {
-        sidebar.modal = false;
-        const buttonEl = fixture.debugElement.children[1].nativeElement;
-        const enableModalitySpy = spyOn(sidebar, 'enableModality').and.callThrough();
-        buttonEl.click();
-        fixture.detectChanges();
-
-        expect(enableModalitySpy).not.toHaveBeenCalled();
-        expect(sidebar.mask).toEqual(undefined);
-        const closeEl = fixture.debugElement.query(By.css('div')).query(By.css('button')).nativeElement;
-        closeEl.click();
-        fixture.detectChanges();
-
-        expect(enableModalitySpy).not.toHaveBeenCalled();
-        expect(sidebar.mask).toEqual(undefined);
-    });
-});
diff --git a/src/app/components/sidebar/sidebar.ts b/src/app/components/sidebar/sidebar.ts
deleted file mode 100644
index e55897c..0000000
--- a/src/app/components/sidebar/sidebar.ts
+++ /dev/null
@@ -1,478 +0,0 @@
-import { animate, animation, style, transition, trigger, useAnimation } from '@angular/animations';
-import { CommonModule, DOCUMENT } from '@angular/common';
-import {
-    AfterContentInit,
-    AfterViewInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    OnDestroy,
-    Output,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewEncapsulation,
-    booleanAttribute,
-    numberAttribute
-} from '@angular/core';
-import { PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { TimesIcon } from 'primeng/icons/times';
-import { RippleModule } from 'primeng/ripple';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { ZIndexUtils } from 'primeng/utils';
-
-const showAnimation = animation([style({ transform: '{{transform}}', opacity: 0 }), animate('{{transition}}')]);
-
-const hideAnimation = animation([animate('{{transition}}', style({ transform: '{{transform}}', opacity: 0 }))]);
-/**
- * Sidebar is a panel component displayed as an overlay at the edges of the screen.
- * @group Components
- */
-@Component({
-    selector: 'p-sidebar',
-    template: `
-        <div
-            #container
-            [ngClass]="{
-                'p-sidebar': true,
-                'p-sidebar-active': visible,
-                'p-sidebar-left': position === 'left' && !fullScreen,
-                'p-sidebar-right': position === 'right' && !fullScreen,
-                'p-sidebar-top': position === 'top' && !fullScreen,
-                'p-sidebar-bottom': position === 'bottom' && !fullScreen,
-                'p-sidebar-full': fullScreen
-            }"
-            *ngIf="visible"
-            [@panelState]="{ value: 'visible', params: { transform: transformOptions, transition: transitionOptions } }"
-            (@panelState.start)="onAnimationStart($event)"
-            (@panelState.done)="onAnimationEnd($event)"
-            [ngStyle]="style"
-            [class]="styleClass"
-            role="complementary"
-            [attr.data-pc-name]="'sidebar'"
-            [attr.data-pc-section]="'root'"
-            (keydown)="onKeyDown($event)"
-        >
-            <ng-container *ngIf="headlessTemplate; else notHeadless">
-                <ng-container *ngTemplateOutlet="headlessTemplate"></ng-container>
-            </ng-container>
-            <ng-template #notHeadless>
-                <div class="p-sidebar-header" [attr.data-pc-section]="'header'">
-                    <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-                    <button
-                        type="button"
-                        class="p-sidebar-close p-sidebar-icon p-link"
-                        (click)="close($event)"
-                        (keydown.enter)="close($event)"
-                        [attr.aria-label]="ariaCloseLabel"
-                        *ngIf="showCloseIcon"
-                        pRipple
-                        [attr.data-pc-section]="'closebutton'"
-                        [attr.data-pc-group-section]="'iconcontainer'"
-                    >
-                        <TimesIcon *ngIf="!closeIconTemplate" [styleClass]="'p-sidebar-close-icon'" [attr.data-pc-section]="'closeicon'" />
-                        <span *ngIf="closeIconTemplate" class="p-sidebar-close-icon" [attr.data-pc-section]="'closeicon'">
-                            <ng-template *ngTemplateOutlet="closeIconTemplate"></ng-template>
-                        </span>
-                    </button>
-                </div>
-                <div class="p-sidebar-content" [attr.data-pc-section]="'content'">
-                    <ng-content></ng-content>
-                    <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
-                </div>
-                <ng-container *ngIf="footerTemplate">
-                    <div class="p-sidebar-footer" [attr.data-pc-section]="'footer'">
-                        <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
-                    </div>
-                </ng-container>
-            </ng-template>
-        </div>
-    `,
-    animations: [trigger('panelState', [transition('void => visible', [useAnimation(showAnimation)]), transition('visible => void', [useAnimation(hideAnimation)])])],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./sidebar.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Sidebar implements AfterViewInit, AfterContentInit, OnDestroy {
-    /**
-     *  Target element to attach the dialog, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Whether to block scrolling of the document when sidebar is active.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) blockScroll: boolean = false;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Aria label of the close icon.
-     * @group Props
-     */
-    @Input() ariaCloseLabel: string | undefined;
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-    /**
-     * Whether an overlay mask is displayed behind the sidebar.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) modal: boolean = true;
-    /**
-     * Whether to dismiss sidebar on click of the mask.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) dismissible: boolean = true;
-    /**
-     * Whether to display the close icon.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showCloseIcon: boolean = true;
-    /**
-     * Specifies if pressing escape key should hide the sidebar.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) closeOnEscape: boolean = true;
-    /**
-     * Transition options of the animation.
-     * @group Props
-     */
-    @Input() transitionOptions: string = '150ms cubic-bezier(0, 0, 0.2, 1)';
-    /**
-     * Specifies the visibility of the dialog.
-     * @group Props
-     */
-    @Input() get visible(): boolean {
-        return this._visible as boolean;
-    }
-    set visible(val: boolean) {
-        this._visible = val;
-    }
-    /**
-     * Specifies the position of the sidebar, valid values are "left", "right", "bottom" and "top".
-     * @group Props
-     */
-    @Input() get position(): string {
-        return this._position;
-    }
-    set position(value: string) {
-        this._position = value;
-
-        switch (value) {
-            case 'left':
-                this.transformOptions = 'translate3d(-100%, 0px, 0px)';
-                break;
-            case 'right':
-                this.transformOptions = 'translate3d(100%, 0px, 0px)';
-                break;
-            case 'bottom':
-                this.transformOptions = 'translate3d(0px, 100%, 0px)';
-                break;
-            case 'top':
-                this.transformOptions = 'translate3d(0px, -100%, 0px)';
-                break;
-        }
-    }
-    /**
-     * Adds a close icon to the header to hide the dialog.
-     * @group Props
-     */
-    @Input() get fullScreen(): boolean {
-        return this._fullScreen;
-    }
-    set fullScreen(value: boolean) {
-        this._fullScreen = value;
-
-        if (value) this.transformOptions = 'none';
-    }
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-    /**
-     * Callback to invoke when dialog is shown.
-     * @group Emits
-     */
-    @Output() onShow: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke when dialog is hidden.
-     * @group Emits
-     */
-    @Output() onHide: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke when dialog visibility is changed.
-     * @param {boolean} value - Visible value.
-     * @group Emits
-     */
-    @Output() visibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();
-
-    initialized: boolean | undefined;
-
-    _visible: boolean | undefined;
-
-    _position: string = 'left';
-
-    _fullScreen: boolean = false;
-
-    container: Nullable<HTMLDivElement>;
-
-    transformOptions: any = 'translate3d(-100%, 0px, 0px)';
-
-    mask: Nullable<HTMLDivElement>;
-
-    maskClickListener: VoidListener;
-
-    documentEscapeListener: VoidListener;
-
-    animationEndListener: VoidListener;
-
-    contentTemplate: Nullable<TemplateRef<any>>;
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    footerTemplate: Nullable<TemplateRef<any>>;
-
-    closeIconTemplate: Nullable<TemplateRef<any>>;
-
-    headlessTemplate: Nullable<TemplateRef<any>>;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        public el: ElementRef,
-        public renderer: Renderer2,
-        public cd: ChangeDetectorRef,
-        public config: PrimeNGConfig
-    ) {}
-
-    ngAfterViewInit() {
-        this.initialized = true;
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-                case 'closeicon':
-                    this.closeIconTemplate = item.template;
-                    break;
-                case 'headless':
-                    this.headlessTemplate = item.template;
-                    break;
-
-                default:
-                    this.contentTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    onKeyDown(event: KeyboardEvent) {
-        if (event.code === 'Escape') {
-            this.hide(false);
-        }
-    }
-
-    show() {
-        if (this.autoZIndex) {
-            ZIndexUtils.set('modal', this.container, this.baseZIndex || this.config.zIndex.modal);
-        }
-
-        if (this.modal) {
-            this.enableModality();
-        }
-
-        this.onShow.emit({});
-        this.visibleChange.emit(true);
-    }
-
-    hide(emit: boolean = true) {
-        if (emit) {
-            this.onHide.emit({});
-        }
-
-        if (this.modal) {
-            this.disableModality();
-        }
-    }
-
-    close(event: Event) {
-        this.hide();
-        this.visibleChange.emit(false);
-        event.preventDefault();
-    }
-
-    enableModality() {
-        const activeDrawers = this.document.querySelectorAll('.p-sidebar-active');
-        const activeDrawersLength = activeDrawers.length;
-        const zIndex = activeDrawersLength == 1 ? String(parseInt((this.container as HTMLDivElement).style.zIndex) - 1) : String(parseInt((activeDrawers[0] as HTMLElement).style.zIndex) - 1);
-
-        if (!this.mask) {
-            this.mask = this.renderer.createElement('div');
-            this.renderer.setStyle(this.mask, 'zIndex', zIndex);
-            DomHandler.addMultipleClasses(this.mask, 'p-component-overlay p-sidebar-mask p-component-overlay p-component-overlay-enter');
-
-            if (this.dismissible) {
-                this.maskClickListener = this.renderer.listen(this.mask, 'click', (event: any) => {
-                    if (this.dismissible) {
-                        this.close(event);
-                    }
-                });
-            }
-
-            this.renderer.appendChild(this.document.body, this.mask);
-            if (this.blockScroll) {
-                DomHandler.blockBodyScroll();
-            }
-        }
-    }
-
-    disableModality() {
-        if (this.mask) {
-            DomHandler.addClass(this.mask, 'p-component-overlay-leave');
-            this.animationEndListener = this.renderer.listen(this.mask, 'animationend', this.destroyModal.bind(this));
-        }
-    }
-
-    destroyModal() {
-        this.unbindMaskClickListener();
-
-        if (this.mask) {
-            this.renderer.removeChild(this.document.body, this.mask);
-        }
-
-        if (this.blockScroll) {
-            DomHandler.unblockBodyScroll();
-        }
-
-        this.unbindAnimationEndListener();
-        this.mask = null;
-    }
-
-    onAnimationStart(event: any) {
-        switch (event.toState) {
-            case 'visible':
-                this.container = event.element;
-                this.appendContainer();
-                this.show();
-
-                if (this.closeOnEscape) {
-                    this.bindDocumentEscapeListener();
-                }
-                break;
-        }
-    }
-
-    onAnimationEnd(event: any) {
-        switch (event.toState) {
-            case 'void':
-                this.hide(false);
-                ZIndexUtils.clear(this.container);
-                this.unbindGlobalListeners();
-                break;
-        }
-    }
-
-    appendContainer() {
-        if (this.appendTo) {
-            if (this.appendTo === 'body') this.renderer.appendChild(this.document.body, this.container);
-            else DomHandler.appendChild(this.container, this.appendTo);
-        }
-    }
-
-    bindDocumentEscapeListener() {
-        const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : this.document;
-
-        this.documentEscapeListener = this.renderer.listen(documentTarget, 'keydown', (event) => {
-            if (event.which == 27) {
-                if (parseInt((this.container as HTMLDivElement).style.zIndex) === ZIndexUtils.get(this.container)) {
-                    this.close(event);
-                }
-            }
-        });
-    }
-
-    unbindDocumentEscapeListener() {
-        if (this.documentEscapeListener) {
-            this.documentEscapeListener();
-            this.documentEscapeListener = null;
-        }
-    }
-
-    unbindMaskClickListener() {
-        if (this.maskClickListener) {
-            this.maskClickListener();
-            this.maskClickListener = null;
-        }
-    }
-
-    unbindGlobalListeners() {
-        this.unbindMaskClickListener();
-        this.unbindDocumentEscapeListener();
-    }
-
-    unbindAnimationEndListener() {
-        if (this.animationEndListener && this.mask) {
-            this.animationEndListener();
-            this.animationEndListener = null;
-        }
-    }
-
-    ngOnDestroy() {
-        this.initialized = false;
-
-        if (this.visible && this.modal) {
-            this.destroyModal();
-        }
-
-        if (this.appendTo && this.container) {
-            this.renderer.appendChild(this.el.nativeElement, this.container);
-        }
-
-        if (this.container && this.autoZIndex) {
-            ZIndexUtils.clear(this.container);
-        }
-
-        this.container = null;
-        this.unbindGlobalListeners();
-        this.unbindAnimationEndListener();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, RippleModule, SharedModule, TimesIcon],
-    exports: [Sidebar, SharedModule],
-    declarations: [Sidebar]
-})
-export class SidebarModule {}
diff --git a/src/app/components/skeleton/ng-package.json b/src/app/components/skeleton/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/skeleton/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/skeleton/public_api.ts b/src/app/components/skeleton/public_api.ts
deleted file mode 100644
index 25c51ad..0000000
--- a/src/app/components/skeleton/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './skeleton';
diff --git a/src/app/components/skeleton/skeleton.css b/src/app/components/skeleton/skeleton.css
deleted file mode 100644
index 0ba8720..0000000
--- a/src/app/components/skeleton/skeleton.css
+++ /dev/null
@@ -1,35 +0,0 @@
-@layer primeng {
-    .p-skeleton {
-        position: relative;
-        overflow: hidden;
-    }
-
-    .p-skeleton::after {
-        content: '';
-        animation: p-skeleton-animation 1.2s infinite;
-        height: 100%;
-        left: 0;
-        position: absolute;
-        right: 0;
-        top: 0;
-        transform: translateX(-100%);
-        z-index: 1;
-    }
-
-    .p-skeleton.p-skeleton-circle {
-        border-radius: 50%;
-    }
-
-    .p-skeleton-none::after {
-        animation: none;
-    }
-}
-
-@keyframes p-skeleton-animation {
-    from {
-        transform: translateX(-100%);
-    }
-    to {
-        transform: translateX(100%);
-    }
-}
diff --git a/src/app/components/skeleton/skeleton.spec.ts b/src/app/components/skeleton/skeleton.spec.ts
deleted file mode 100644
index 74ee4bf..0000000
--- a/src/app/components/skeleton/skeleton.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { Skeleton, SkeletonModule } from './skeleton';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { By } from '@angular/platform-browser';
-
-describe('Skeleton', () => {
-    let skeleton: Skeleton;
-    let fixture: ComponentFixture<Skeleton>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, SkeletonModule]
-        });
-
-        fixture = TestBed.createComponent(Skeleton);
-        skeleton = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const skeletonEl = fixture.debugElement.query(By.css('.p-skeleton'));
-        expect(skeletonEl.nativeElement).toBeTruthy();
-    });
-});
diff --git a/src/app/components/skeleton/skeleton.ts b/src/app/components/skeleton/skeleton.ts
deleted file mode 100644
index 7d2aca9..0000000
--- a/src/app/components/skeleton/skeleton.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input, NgModule, ViewEncapsulation } from '@angular/core';
-/**
- * Skeleton is a placeholder to display instead of the actual content.
- * @group Components
- */
-@Component({
-    selector: 'p-skeleton',
-    template: ` <div [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="containerStyle" [attr.data-pc-name]="'skeleton'" [attr.aria-hidden]="true" [attr.data-pc-section]="'root'"></div> `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./skeleton.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Skeleton {
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Shape of the element.
-     * @group Props
-     */
-    @Input() shape: string = 'rectangle';
-    /**
-     * Type of the animation.
-     * @gruop Props
-     */
-    @Input() animation: string = 'wave';
-    /**
-     * Border radius of the element, defaults to value from theme.
-     * @group Props
-     */
-    @Input() borderRadius: string | undefined;
-    /**
-     * Size of the skeleton.
-     * @group Props
-     */
-    @Input() size: string | undefined;
-    /**
-     * Width of the element.
-     * @group Props
-     */
-    @Input() width: string = '100%';
-    /**
-     * Height of the element.
-     * @group Props
-     */
-    @Input() height: string = '1rem';
-
-    containerClass() {
-        return {
-            'p-skeleton p-component': true,
-            'p-skeleton-circle': this.shape === 'circle',
-            'p-skeleton-none': this.animation === 'none'
-        };
-    }
-
-    get containerStyle() {
-        if (this.size) return { ...this.style, width: this.size, height: this.size, borderRadius: this.borderRadius };
-        else return { width: this.width, height: this.height, borderRadius: this.borderRadius, ...this.style };
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [Skeleton],
-    declarations: [Skeleton]
-})
-export class SkeletonModule {}
diff --git a/src/app/components/slidemenu/ng-package.json b/src/app/components/slidemenu/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/slidemenu/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/slidemenu/public_api.ts b/src/app/components/slidemenu/public_api.ts
deleted file mode 100644
index 29b5385..0000000
--- a/src/app/components/slidemenu/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './slidemenu';
-export * from './slidemenu.interface';
diff --git a/src/app/components/slidemenu/slidemenu.css b/src/app/components/slidemenu/slidemenu.css
deleted file mode 100644
index 2b92f63..0000000
--- a/src/app/components/slidemenu/slidemenu.css
+++ /dev/null
@@ -1,100 +0,0 @@
-@layer primeng {
-    .p-slidemenu .p-slidemenu-root-list {
-        position: relative;
-        top: 0;
-    }
-
-    .p-slidemenu-overlay {
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-
-    .p-slidemenu .p-menuitem-active {
-        position: static;
-    }
-
-    .p-slidemenu .p-slidemenu-wrapper {
-        position: relative;
-    }
-
-    .p-slidemenu ul {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-    }
-
-    .p-slidemenu .p-submenu-list {
-        position: absolute;
-        min-width: 100%;
-        z-index: 1;
-        display: none;
-    }
-
-    .p-slidemenu .p-slidemenu-content {
-        overflow-x: hidden;
-        overflow-y: auto;
-        position: relative;
-        height: 100%;
-    }
-
-    .p-slidemenu .p-menuitem-link:not(.p-slidemenu-backward) {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        text-decoration: none;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-slidemenu .p-menuitem-text {
-        line-height: 1;
-    }
-
-    .p-slidemenu .p-menuitem {
-        position: relative;
-    }
-
-    .p-slidemenu .p-menuitem-link .p-submenu-icon:not(svg) {
-        margin-left: auto;
-    }
-
-    .p-slidemenu .p-menuitem-link .p-icon-wrapper {
-        margin-left: auto;
-    }
-
-    .p-slidemenu .p-menuitem-active > p-slidemenusub > .p-submenu-list {
-        display: block;
-        left: 100%;
-        top: 0;
-    }
-
-    .p-slidemenu .p-menuitem-active > .p-menuitem-content > .p-submenu > .p-submenu-list {
-        display: block;
-    }
-
-    .p-slidemenu ul:not(.p-active-submenu) > .p-menuitem:not(.p-menuitem-active),
-    .p-slidemenu .p-active-submenu > .p-menuitem-active > .p-menuitem-content > .p-submenu > .p-submenu-list {
-        display: none;
-    }
-
-    .p-slidemenu .p-active-submenu > .p-menuitem-active ~ .p-menuitem {
-        display: block;
-    }
-
-    .p-slidemenu-backward {
-        position: absolute;
-        bottom: 0;
-        width: 100%;
-        cursor: pointer;
-        display: none;
-    }
-
-    .p-slidemenu-backward .p-slidemenu-backward-icon {
-        vertical-align: middle;
-    }
-
-    .p-slidemenu-backward span {
-        vertical-align: middle;
-    }
-}
diff --git a/src/app/components/slidemenu/slidemenu.interface.ts b/src/app/components/slidemenu/slidemenu.interface.ts
deleted file mode 100644
index 0ada2c4..0000000
--- a/src/app/components/slidemenu/slidemenu.interface.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in SlideMenu.
- * @group Templates
- */
-export interface SlideMenuTemplates {
-    /**
-     * Custom template of backicon.
-     */
-    backicon(): TemplateRef<any>;
-    /**
-     * Custom template of submenuicon.
-     */
-    submenuicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/slidemenu/slidemenu.spec.ts b/src/app/components/slidemenu/slidemenu.spec.ts
deleted file mode 100644
index 148a47f..0000000
--- a/src/app/components/slidemenu/slidemenu.spec.ts
+++ /dev/null
@@ -1,241 +0,0 @@
-import { TestBed, ComponentFixture, fakeAsync, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { SlideMenu, SlideMenuModule, SlideMenuSub } from './slidemenu';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
-import { MenuItem } from 'primeng/api';
-import { Component, NO_ERRORS_SCHEMA } from '@angular/core';
-import { ButtonModule } from '../button/button';
-
-@Component({
-    template: `<p-slideMenu #menu></p-slideMenu>
-        <button #btn type="button" pButton icon="pi pi-bars" label="Show" (click)="menu.toggle($event)"></button> `
-})
-class SlideMenuTestComponent {}
-
-xdescribe('SlideMenu', () => {
-    let slidemenu: SlideMenu;
-    let slidemenuSub: SlideMenuSub;
-    let fixture: ComponentFixture<SlideMenuTestComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            schemas: [NO_ERRORS_SCHEMA],
-            imports: [NoopAnimationsModule, RouterTestingModule, ButtonModule, SlideMenuModule],
-            declarations: [SlideMenuTestComponent]
-        });
-
-        fixture = TestBed.createComponent(SlideMenuTestComponent);
-        slidemenu = fixture.debugElement.children[0].componentInstance;
-        slidemenu.model = [
-            {
-                label: 'File',
-                icon: 'pi pi-fw pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        command: () => {}
-                    },
-                    { label: 'Open' },
-                    { separator: true },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                disabled: true
-            }
-        ];
-        fixture.detectChanges();
-        slidemenuSub = fixture.debugElement.children[0].query(By.css('p-slideMenuSub')).componentInstance;
-    });
-
-    it('should created by default', () => {
-        fixture.detectChanges();
-
-        const containerEl = fixture.debugElement.query(By.css('.p-slidemenu'));
-        const slideMenuSubEl = fixture.debugElement.query(By.css('ul'));
-        expect(containerEl.nativeElement).toBeTruthy();
-        expect(slideMenuSubEl).toBeTruthy();
-    });
-
-    it('should change style and styleClass', () => {
-        slidemenu.style = { height: '300px' };
-        slidemenu.styleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        slidemenu.cd.detectChanges();
-        const containerEl = fixture.debugElement.query(By.css('.p-slidemenu'));
-        expect(containerEl.nativeElement.className).toContain('Primeng ROCKS!');
-        expect(containerEl.nativeElement.style.height).toEqual('300px');
-    });
-
-    it('should change viewportHeight', () => {
-        slidemenu.viewportHeight = 400;
-        fixture.detectChanges();
-
-        const wrapperEl = fixture.debugElement.query(By.css('.p-slidemenu-wrapper'));
-        expect(wrapperEl.nativeElement.style.height).toEqual('auto');
-    });
-
-    it('should change backlabel', () => {
-        slidemenu.backLabel = 'ALWAYS BET ON PRIME';
-        fixture.detectChanges();
-
-        slidemenu.cd.detectChanges();
-        const backwardSpanEl = fixture.debugElement.query(By.css('.p-slidemenu-backward')).children[1];
-        expect(backwardSpanEl.nativeElement.textContent).toEqual('ALWAYS BET ON PRIME');
-    });
-
-    it('should change menuWidth effectDuration and easing', () => {
-        slidemenu.menuWidth = 400;
-        slidemenu.effectDuration = 400;
-        slidemenu.easing = 'ease-in';
-        fixture.detectChanges();
-
-        slidemenu.cd.detectChanges();
-        const slideMenuSubEl = fixture.debugElement.query(By.css('p-slideMenuSub')).query(By.css('ul'));
-        expect(slidemenuSub.easing).toEqual(slidemenu.easing);
-        expect(slidemenuSub.effectDuration).toEqual(slidemenu.effectDuration);
-        expect(slidemenuSub.easing).toEqual(slidemenu.easing);
-        expect(slideMenuSubEl.nativeElement.style.transitionTimingFunction).toEqual(slidemenu.easing);
-        expect(slideMenuSubEl.nativeElement.style.transitionDuration).toEqual(slidemenu.effectDuration + 'ms');
-        expect(slideMenuSubEl.nativeElement.style.width).toEqual(slidemenu.menuWidth + 'px');
-    });
-
-    it('should show items', () => {
-        fixture.detectChanges();
-
-        const firstSlidemenuSubEl = fixture.debugElement.query(By.css('p-slideMenuSub')).query(By.css('ul'));
-        const itemsEl = fixture.debugElement.query(By.css('p-slideMenuSub')).queryAll(By.css('li'));
-        expect(firstSlidemenuSubEl.children.length).toEqual(slidemenu.model.length);
-        expect(itemsEl.length).toEqual(6);
-        let i = 0;
-        for (let item of slidemenu.model) {
-            expect(item.label).toEqual(itemsEl[i].query(By.css('.p-menuitem-text')).nativeElement.textContent);
-            i++;
-            if (item.items) {
-                for (let child of item.items as MenuItem[]) {
-                    if (child.label) expect(child.label).toEqual(itemsEl[i].query(By.css('.p-menuitem-text')).nativeElement.textContent);
-                    i++;
-                }
-            }
-        }
-    });
-
-    it('should call itemClick when click and change menu from root to submenu', () => {
-        fixture.detectChanges();
-
-        const listsEl = fixture.debugElement.queryAll(By.css('ul'));
-        const itemsEl = fixture.debugElement.query(By.css('p-slideMenuSub')).queryAll(By.css('li'));
-        const fileItemEl = itemsEl[0].query(By.css('a'));
-        const itemClickSpy = spyOn(slidemenuSub, 'itemClick').and.callThrough();
-        fileItemEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const activeItem = fixture.debugElement.query(By.css('.p-menuitem-active'));
-        expect(activeItem.query(By.css('.p-menuitem-text')).nativeElement.textContent).toEqual('File');
-        expect(itemClickSpy).toHaveBeenCalled();
-        expect(activeItem.query(By.css('ul')).nativeElement.className).toContain('p-active-submenu');
-        expect(slidemenu.left).toEqual(-190);
-    });
-
-    it('should call goBack when click and change menu from subMenu to root', () => {
-        fixture.detectChanges();
-
-        const listsEl = fixture.debugElement.queryAll(By.css('ul'));
-        const itemsEl = fixture.debugElement.query(By.css('p-slideMenuSub')).queryAll(By.css('li'));
-        const fileItemEl = itemsEl[0].query(By.css('a'));
-        const goBackSpy = spyOn(slidemenu, 'goBack').and.callThrough();
-        fileItemEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const backEl = fixture.debugElement.query(By.css('.p-slidemenu-backward'));
-        backEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const rootMenu = listsEl[0];
-        const subMenu = listsEl[1];
-        expect(goBackSpy).toHaveBeenCalled();
-        expect(subMenu.nativeElement.className).not.toContain('p-submenu-list p-active-submenu');
-        expect(rootMenu.nativeElement.className).toContain('p-slidemenu-rootlist p-active-submenu');
-        expect(slidemenu.left).toEqual(0);
-    });
-
-    it('should click disabled item', () => {
-        fixture.detectChanges();
-
-        const listsEl = fixture.debugElement.queryAll(By.css('ul'));
-        const itemsEl = fixture.debugElement.query(By.css('p-slideMenuSub')).queryAll(By.css('li'));
-        const itemClickSpy = spyOn(slidemenuSub, 'itemClick').and.callThrough();
-        const editItemEl = itemsEl[5].query(By.css('a'));
-        editItemEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const rootMenu = listsEl[0];
-        const subMenu = listsEl[1];
-        expect(subMenu.nativeElement.className).not.toContain('p-submenu-list p-active-submenu');
-        expect(rootMenu.nativeElement.className).toContain('p-slidemenu-rootlist p-active-submenu');
-        expect(slidemenu.left).toEqual(0);
-        // expect(slidemenuSub.activeItem).toEqual(undefined);
-        expect(itemClickSpy).toHaveBeenCalled();
-    });
-
-    it('should click item (command)', () => {
-        fixture.detectChanges();
-
-        const itemsEl = fixture.debugElement.query(By.css('p-slideMenuSub')).queryAll(By.css('li'));
-        const newItemEl = itemsEl[1].query(By.css('a'));
-        newItemEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(slidemenu.left).toEqual(0);
-        // expect(slidemenuSub.activeItem).toEqual(undefined);
-    });
-
-    it('should open popup', fakeAsync(() => {
-        fixture.detectChanges();
-
-        const toggleButton = fixture.debugElement.children[1].nativeElement;
-        slidemenu.popup = true;
-        slidemenu.target = toggleButton;
-        slidemenu.visible = true;
-        fixture.detectChanges();
-
-        const slideMenuEl = fixture.debugElement.query(By.css('.p-slidemenu'));
-        expect(slidemenu.visible).toEqual(true);
-        expect(slideMenuEl).toBeTruthy();
-    }));
-
-    it('should use appendTo', fakeAsync(() => {
-        slidemenu.appendTo = 'body';
-        fixture.detectChanges();
-
-        const toggleButton = fixture.debugElement.children[1].nativeElement;
-        slidemenu.popup = true;
-        slidemenu.target = toggleButton;
-        slidemenu.visible = true;
-        fixture.detectChanges();
-
-        const slideMenuEl = fixture.debugElement.query(By.css('.p-slidemenu'));
-        expect(slidemenu.visible).toEqual(true);
-        expect(slideMenuEl).toBeTruthy();
-    }));
-
-    it('should use appendTo with elemntRef', fakeAsync(() => {
-        slidemenu.appendTo = document.body;
-        fixture.detectChanges();
-
-        const toggleButton = fixture.debugElement.children[1].nativeElement;
-        slidemenu.popup = true;
-        slidemenu.target = toggleButton;
-        slidemenu.visible = true;
-        fixture.detectChanges();
-
-        const slideMenuEl = fixture.debugElement.query(By.css('.p-slidemenu'));
-        expect(slidemenu.visible).toEqual(true);
-        expect(slideMenuEl).toBeTruthy();
-    }));
-});
diff --git a/src/app/components/slidemenu/slidemenu.ts b/src/app/components/slidemenu/slidemenu.ts
deleted file mode 100644
index 1692c30..0000000
--- a/src/app/components/slidemenu/slidemenu.ts
+++ /dev/null
@@ -1,1345 +0,0 @@
-import { AnimationEvent, animate, style, transition, trigger } from '@angular/animations';
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    OnDestroy,
-    OnInit,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    ViewRef,
-    booleanAttribute,
-    effect,
-    forwardRef,
-    numberAttribute,
-    signal
-} from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { MenuItem, OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { AngleRightIcon } from 'primeng/icons/angleright';
-import { RippleModule } from 'primeng/ripple';
-import { TooltipModule } from 'primeng/tooltip';
-import { ObjectUtils, UniqueComponentId, ZIndexUtils } from 'primeng/utils';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { CaretLeftIcon } from 'primeng/icons/caretleft';
-
-@Component({
-    selector: 'p-slideMenuSub',
-    template: `
-        <ul
-            #sublist
-            role="menu"
-            [ngClass]="{ 'p-submenu-list': !root, 'p-slidemenu-root-list': root, 'p-active-submenu': isActive }"
-            [id]="menuId + '_list'"
-            [ngStyle]="{
-                'width.px': menuWidth,
-                'left.px': root ? slideMenu.left : slideMenu.menuWidth,
-                'transition-property': root ? 'left' : 'none',
-                'transition-duration': effectDuration + 'ms',
-                'transition-timing-function': easing
-            }"
-            [tabindex]="tabindex"
-            [attr.aria-label]="ariaLabel"
-            [attr.aria-labelledBy]="ariaLabelledBy"
-            [attr.aria-aria-activedescendant]="focusedItemId"
-            [attr.aria-orientation]="'vertical'"
-            [attr.data-pc-section]="'menu'"
-            (keydown)="menuKeydown.emit($event)"
-            (focusin)="menuFocus.emit($event)"
-            [attr.data-pc-state]="isActive ? 'active' : 'inactive'"
-        >
-            <ng-template ngFor let-processedItem [ngForOf]="items" let-index="index">
-                <li
-                    *ngIf="isItemVisible(processedItem) && getItemProp(processedItem, 'separator')"
-                    [id]="getItemId(processedItem)"
-                    [ngStyle]="getItemProp(processedItem, 'style')"
-                    [ngClass]="getSeparatorItemClass(processedItem)"
-                    role="separator"
-                    [attr.data-pc-section]="'separator'"
-                ></li>
-                <li
-                    #listItem
-                    *ngIf="isItemVisible(processedItem) && !getItemProp(processedItem, 'separator')"
-                    role="menuitem"
-                    [id]="getItemId(processedItem)"
-                    [attr.data-pc-section]="'menuitem'"
-                    [attr.data-p-highlight]="isItemActive(processedItem)"
-                    [attr.data-p-focused]="isItemFocused(processedItem)"
-                    [attr.data-p-disabled]="isItemDisabled(processedItem)"
-                    [attr.aria-label]="getItemLabel(processedItem)"
-                    [attr.aria-disabled]="isItemDisabled(processedItem) || undefined"
-                    [attr.aria-haspopup]="isItemGroup(processedItem) && !getItemProp(processedItem, 'to') ? 'menu' : undefined"
-                    [attr.aria-expanded]="isItemGroup(processedItem) ? isItemActive(processedItem) : undefined"
-                    [attr.aria-level]="level + 1"
-                    [attr.aria-setsize]="getAriaSetSize()"
-                    [attr.aria-posinset]="getAriaPosInset(index)"
-                    [ngStyle]="getItemProp(processedItem, 'style')"
-                    [ngClass]="getItemClass(processedItem)"
-                    [class]="getItemProp(processedItem, 'styleClass')"
-                    pTooltip
-                    [tooltipOptions]="getItemProp(processedItem, 'tooltipOptions')"
-                >
-                    <div [attr.data-pc-section]="'content'" class="p-menuitem-content" (click)="onItemClick($event, processedItem)" (mouseenter)="itemMouseEnter.emit({ originalEvent: $event, processedItem })">
-                        <a
-                            *ngIf="!getItemProp(processedItem, 'routerLink')"
-                            [attr.href]="getItemProp(processedItem, 'url')"
-                            [attr.aria-hidden]="true"
-                            [attr.data-automationid]="getItemProp(processedItem, 'automationId')"
-                            [attr.data-pc-section]="'action'"
-                            [target]="getItemProp(processedItem, 'target')"
-                            [ngClass]="{ 'p-menuitem-link': true, 'p-disabled': getItemProp(processedItem, 'disabled') }"
-                            [attr.tabindex]="-1"
-                            pRipple
-                        >
-                            <span
-                                *ngIf="getItemProp(processedItem, 'icon')"
-                                class="p-menuitem-icon"
-                                [ngClass]="getItemProp(processedItem, 'icon')"
-                                [ngStyle]="getItemProp(processedItem, 'iconStyle')"
-                                [attr.data-pc-section]="'icon'"
-                                [attr.aria-hidden]="true"
-                                [attr.tabindex]="-1"
-                            >
-                            </span>
-                            <span *ngIf="getItemProp(processedItem, 'escape'); else htmlLabel" class="p-menuitem-text" [attr.data-pc-section]="'label'">
-                                {{ getItemLabel(processedItem) }}
-                            </span>
-                            <ng-template #htmlLabel>
-                                <span class="p-menuitem-text" [innerHTML]="getItemLabel(processedItem)" [attr.data-pc-section]="'label'"></span>
-                            </ng-template>
-                            <span class="p-menuitem-badge" *ngIf="getItemProp(processedItem, 'badge')" [ngClass]="getItemProp(processedItem, 'badgeStyleClass')">{{ getItemProp(processedItem, 'badge') }}</span>
-
-                            <ng-container *ngIf="isItemGroup(processedItem)">
-                                <AngleRightIcon *ngIf="!slideMenu.submenuIconTemplate" [styleClass]="'p-submenu-icon'" [attr.data-pc-section]="'submenuicon'" [attr.aria-hidden]="true" />
-                                <ng-template *ngTemplateOutlet="slideMenu.submenuIconTemplate" [attr.data-pc-section]="'submenuicon'" [attr.aria-hidden]="true"></ng-template>
-                            </ng-container>
-                        </a>
-                        <a
-                            *ngIf="getItemProp(processedItem, 'routerLink')"
-                            [routerLink]="getItemProp(processedItem, 'routerLink')"
-                            [attr.data-automationid]="getItemProp(processedItem, 'automationId')"
-                            [attr.tabindex]="-1"
-                            [attr.aria-hidden]="true"
-                            [attr.data-pc-section]="'action'"
-                            [queryParams]="getItemProp(processedItem, 'queryParams')"
-                            [routerLinkActive]="'p-menuitem-link-active'"
-                            [routerLinkActiveOptions]="getItemProp(processedItem, 'routerLinkActiveOptions') || { exact: false }"
-                            [target]="getItemProp(processedItem, 'target')"
-                            [ngClass]="{ 'p-menuitem-link': true, 'p-disabled': getItemProp(processedItem, 'disabled') }"
-                            [fragment]="getItemProp(processedItem, 'fragment')"
-                            [queryParamsHandling]="getItemProp(processedItem, 'queryParamsHandling')"
-                            [preserveFragment]="getItemProp(processedItem, 'preserveFragment')"
-                            [skipLocationChange]="getItemProp(processedItem, 'skipLocationChange')"
-                            [replaceUrl]="getItemProp(processedItem, 'replaceUrl')"
-                            [state]="getItemProp(processedItem, 'state')"
-                            pRipple
-                        >
-                            <span
-                                *ngIf="getItemProp(processedItem, 'icon')"
-                                class="p-menuitem-icon"
-                                [ngClass]="getItemProp(processedItem, 'icon')"
-                                [ngStyle]="getItemProp(processedItem, 'iconStyle')"
-                                [attr.data-pc-section]="'icon'"
-                                [attr.aria-hidden]="true"
-                                [attr.tabindex]="-1"
-                            >
-                            </span>
-                            <span *ngIf="getItemProp(processedItem, 'escape'); else htmlLabel" class="p-menuitem-text" [attr.data-pc-section]="'label'">
-                                {{ getItemLabel(processedItem) }}
-                            </span>
-                            <ng-template #htmlLabel>
-                                <span class="p-menuitem-text" [innerHTML]="getItemLabel(processedItem)" [attr.data-pc-section]="'label'"></span>
-                            </ng-template>
-                            <span class="p-menuitem-badge" *ngIf="getItemProp(processedItem, 'badge')" [ngClass]="getItemProp(processedItem, 'badgeStyleClass')">{{ getItemProp(processedItem, 'badge') }}</span>
-
-                            <ng-container *ngIf="isItemGroup(processedItem)">
-                                <AngleRightIcon *ngIf="!slideMenu.submenuIconTemplate" [styleClass]="'p-submenu-icon'" [attr.data-pc-section]="'submenuicon'" [attr.aria-hidden]="true" />
-                                <ng-template *ngTemplateOutlet="slideMenu.submenuIconTemplate" [attr.data-pc-section]="'submenuicon'" [attr.aria-hidden]="true"></ng-template>
-                            </ng-container>
-                        </a>
-                    </div>
-
-                    <p-slideMenuSub
-                        *ngIf="isItemVisible(processedItem) && isItemGroup(processedItem)"
-                        class="p-submenu"
-                        [items]="processedItem.items"
-                        [autoDisplay]="autoDisplay"
-                        [menuId]="menuId"
-                        [activeItemPath]="activeItemPath"
-                        [focusedItemId]="focusedItemId"
-                        [level]="level + 1"
-                        [menuWidth]="menuWidth"
-                        (itemClick)="itemClick.emit($event)"
-                        (itemMouseEnter)="itemMouseEnter.emit($event)"
-                    ></p-slideMenuSub>
-                </li>
-            </ng-template>
-        </ul>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class SlideMenuSub {
-    @Input() items: any[];
-
-    @Input({ transform: numberAttribute }) menuWidth: number;
-
-    @Input({ transform: booleanAttribute }) root: boolean | undefined = false;
-
-    @Input() easing: string = 'ease-out';
-
-    @Input({ transform: numberAttribute }) effectDuration: number;
-
-    @Input({ transform: booleanAttribute }) autoDisplay: boolean | undefined;
-
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-
-    @Input({ transform: booleanAttribute }) popup: boolean | undefined;
-
-    @Input() menuId: string | undefined;
-
-    @Input() ariaLabel: string | undefined;
-
-    @Input() ariaLabelledBy: string | undefined;
-
-    @Input({ transform: numberAttribute }) level: number = 0;
-
-    @Input() focusedItemId: string | undefined;
-
-    @Input() activeItemPath: any[];
-
-    @Input({ transform: numberAttribute }) tabindex: number = 0;
-
-    @Output() itemClick: EventEmitter<any> = new EventEmitter();
-
-    @Output() itemMouseEnter: EventEmitter<any> = new EventEmitter();
-
-    @Output() menuFocus: EventEmitter<any> = new EventEmitter();
-
-    @Output() menuBlur: EventEmitter<any> = new EventEmitter();
-
-    @Output() menuKeydown: EventEmitter<any> = new EventEmitter();
-
-    @ViewChild('sublist', { static: true }) sublistViewChild: ElementRef;
-
-    get isActive() {
-        return -this.slideMenu.left == this.level * this.menuWidth;
-    }
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        public el: ElementRef,
-        public renderer: Renderer2,
-        private cd: ChangeDetectorRef,
-        @Inject(forwardRef(() => SlideMenu)) public slideMenu: SlideMenu
-    ) {}
-
-    getItemProp(processedItem: any, name: string, params: any | null = null) {
-        return processedItem && processedItem.item ? ObjectUtils.getItemValue(processedItem.item[name], params) : undefined;
-    }
-
-    getItemId(processedItem: any): string {
-        return processedItem.item && processedItem.item?.id ? processedItem.item.id : `${this.menuId}_${processedItem.key}`;
-    }
-
-    getItemKey(processedItem: any): string {
-        return this.getItemId(processedItem);
-    }
-
-    getItemClass(processedItem: any) {
-        return {
-            ...this.getItemProp(processedItem, 'class'),
-            'p-menuitem': true,
-            'p-menuitem-active': this.isItemActive(processedItem),
-            'p-focus': this.isItemFocused(processedItem),
-            'p-disabled': this.isItemDisabled(processedItem)
-        };
-    }
-
-    getItemLabel(processedItem: any): string {
-        return this.getItemProp(processedItem, 'label');
-    }
-
-    getSeparatorItemClass(processedItem: any) {
-        return {
-            ...this.getItemProp(processedItem, 'class'),
-            'p-menuitem-separator': true
-        };
-    }
-
-    getAriaSetSize() {
-        return this.items.filter((processedItem) => this.isItemVisible(processedItem) && !this.getItemProp(processedItem, 'separator')).length;
-    }
-
-    getAriaPosInset(index: number) {
-        return index - this.items.slice(0, index).filter((processedItem) => this.isItemVisible(processedItem) && this.getItemProp(processedItem, 'separator')).length + 1;
-    }
-
-    isItemVisible(processedItem: any): boolean {
-        return this.getItemProp(processedItem, 'visible') !== false;
-    }
-
-    isItemActive(processedItem: any): boolean {
-        if (this.activeItemPath) {
-            return this.activeItemPath.some((path) => path.key === processedItem.key);
-        }
-    }
-
-    isItemDisabled(processedItem: any): boolean {
-        return this.getItemProp(processedItem, 'disabled');
-    }
-
-    isItemFocused(processedItem: any): boolean {
-        return this.focusedItemId === this.getItemId(processedItem);
-    }
-
-    isItemGroup(processedItem: any): boolean {
-        return ObjectUtils.isNotEmpty(processedItem.items);
-    }
-
-    onItemClick(event: any, processedItem: any) {
-        this.getItemProp(processedItem, 'command', { originalEvent: event, item: processedItem.item });
-        this.itemClick.emit({ originalEvent: event, processedItem, isFocus: true });
-        event.preventDefault();
-    }
-
-    onMenuKeyDown(event: KeyboardEvent) {
-        this.menuKeydown.emit(event);
-    }
-}
-/**
- * SlideMenu displays submenus with slide animation.
- * @group Components
- */
-@Component({
-    selector: 'p-slideMenu',
-    template: `
-        <div
-            #container
-            [attr.data-pc-section]="'root'"
-            [attr.data-pc-name]="'slidemenu'"
-            [id]="id"
-            [ngClass]="{ 'p-slidemenu p-component': true, 'p-slidemenu-overlay': popup }"
-            [class]="styleClass"
-            [ngStyle]="style"
-            (click)="onOverlayClick($event)"
-            [@overlayAnimation]="{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }"
-            [@.disabled]="popup !== true"
-            (@overlayAnimation.start)="onOverlayAnimationStart($event)"
-            (@overlayAnimation.done)="onOverlayAnimationEnd($event)"
-            *ngIf="!popup || visible"
-        >
-            <div
-                class="p-slidemenu-wrapper"
-                [ngStyle]="{
-                    height: left ? viewportHeight + 'px' : 'auto',
-                    width: menuWidth + 'px'
-                }"
-            >
-                <div #slideMenuContent class="p-slidemenu-content" (focus)="logFocus($event, slideMenuContent)">
-                    <p-slideMenuSub
-                        #rootmenu
-                        [root]="true"
-                        [items]="processedItems"
-                        [menuId]="id"
-                        [tabindex]="!disabled ? tabindex : -1"
-                        [ariaLabel]="ariaLabel"
-                        [ariaLabelledBy]="ariaLabelledBy"
-                        [baseZIndex]="baseZIndex"
-                        [autoZIndex]="autoZIndex"
-                        [autoDisplay]="autoDisplay"
-                        [menuWidth]="menuWidth"
-                        [popup]="popup"
-                        [effectDuration]="effectDuration"
-                        [easing]="easing"
-                        [focusedItemId]="focused ? focusedItemId : undefined"
-                        [activeItemPath]="activeItemPath()"
-                        (itemClick)="onItemClick($event)"
-                        (menuFocus)="onMenuFocus($event)"
-                        (menuKeydown)="onKeyDown($event)"
-                        (itemMouseEnter)="onItemMouseEnter($event)"
-                    ></p-slideMenuSub>
-                </div>
-                <a
-                    #backward
-                    class="p-slidemenu-backward p-menuitem-link"
-                    tabindex="0"
-                    [ngStyle]="{
-                        display: left ? 'block' : 'none'
-                    }"
-                    (click)="goBack($event)"
-                    (keydown)="onNavigationKeyDown($event)"
-                    [attr.data-pc-section]="'navigation'"
-                >
-                    <CaretLeftIcon *ngIf="!backIconTemplate" [styleClass]="'p-slidemenu-backward-icon'" [ngStyle]="{ 'vertical-align': 'middle' }" />
-                    <ng-template *ngTemplateOutlet="backIconTemplate"></ng-template>
-                    <span>{{ backLabel }}</span>
-                </a>
-            </div>
-        </div>
-    `,
-    animations: [trigger('overlayAnimation', [transition(':enter', [style({ opacity: 0, transform: 'scaleY(0.8)' }), animate('{{showTransitionParams}}')]), transition(':leave', [animate('{{hideTransitionParams}}', style({ opacity: 0 }))])])],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./slidemenu.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class SlideMenu implements OnInit, AfterContentInit, OnDestroy {
-    /**
-     * An array of menuitems.
-     * @group Props
-     */
-    @Input() set model(value: MenuItem[] | undefined) {
-        this._model = value;
-        this._processedItems = this.createProcessedItems(this._model || []);
-    }
-    get model(): MenuItem[] | undefined {
-        return this._model;
-    }
-    /**
-     * Width of the submenus.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) menuWidth: number = 190;
-    /**
-     * Height of the scrollable area, a scrollbar appears if a menu height is longer than this value.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) viewportHeight: number = 180;
-    /**
-     * Duration of the sliding animation in milliseconds.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) effectDuration: number = 250;
-    /**
-     * Easing animation to use for sliding.
-     * @group Props
-     */
-    @Input() easing: string = 'ease-out';
-    /**
-     * Label of element to navigate back.
-     * @group Props
-     */
-    @Input() backLabel: string = 'Back';
-    /**
-     * When present, it specifies that the component should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean = false;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number = 0;
-    /**
-     * Defines if menu would displayed as a popup.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) popup: boolean | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element.
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-    /**
-     * Whether to show a root submenu on mouse over.
-     * @defaultValue true
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoDisplay: boolean | undefined = true;
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     */
-    @Input() showTransitionOptions: string = '.12s cubic-bezier(0, 0, 0.2, 1)';
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     */
-    @Input() hideTransitionOptions: string = '.1s linear';
-    /**
-     * Current id state as a string.
-     * @group Props
-     */
-    @Input() id: string | undefined;
-    /**
-     * Defines a string value that labels an interactive element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Identifier of the underlying input element.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Callback to invoke when overlay menu is shown.
-     * @group Emits
-     */
-    @Output() onShow: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke when overlay menu is hidden.
-     * @group Emits
-     */
-    @Output() onHide: EventEmitter<any> = new EventEmitter<any>();
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    @ViewChild('rootmenu') rootmenu: SlideMenuSub | undefined;
-
-    @ViewChild('container') containerViewChild: ElementRef<any> | undefined;
-
-    @ViewChild('backward') set backward(element: ElementRef) {
-        this.backwardViewChild = element;
-    }
-
-    @ViewChild('slideMenuContent') slideMenuContentViewChild: ElementRef<any> | undefined;
-
-    submenuIconTemplate: Nullable<TemplateRef<any>>;
-
-    backIconTemplate: TemplateRef<any>;
-
-    outsideClickListener: VoidListener;
-
-    resizeListener: VoidListener;
-
-    transitionEndListener: VoidListener;
-
-    transitionStartListener: VoidListener;
-
-    backwardViewChild: ElementRef;
-
-    transition: boolean = false;
-
-    left: number = 0;
-
-    animating: boolean = false;
-
-    target: any;
-
-    visible: boolean | undefined;
-
-    relativeAlign: boolean | undefined;
-
-    private window: Window;
-
-    focused: boolean = false;
-
-    activeItemPath = signal<any>([]);
-
-    focusedItemInfo = signal<any>({ index: -1, level: 0, parentKey: '' });
-
-    searchValue: string = '';
-
-    searchTimeout: any;
-
-    _processedItems: any[];
-
-    _model: MenuItem[] | undefined;
-
-    container: any;
-
-    itemClick: boolean = false;
-
-    get visibleItems() {
-        const processedItem = this.activeItemPath().find((p) => p.key === this.focusedItemInfo().parentKey);
-
-        return processedItem ? processedItem.items : this.processedItems;
-    }
-
-    get processedItems() {
-        if (!this._processedItems || !this._processedItems.length) {
-            this._processedItems = this.createProcessedItems(this.model || []);
-        }
-        return this._processedItems;
-    }
-
-    get focusedItemId() {
-        const focusedItem = this.focusedItemInfo();
-        return focusedItem.item && focusedItem.item?.id ? focusedItem.item.id : focusedItem.index !== -1 ? `${this.id}${ObjectUtils.isNotEmpty(focusedItem.parentKey) ? '_' + focusedItem.parentKey : ''}_${focusedItem.index}` : null;
-    }
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        public el: ElementRef,
-        public renderer: Renderer2,
-        public cd: ChangeDetectorRef,
-        public config: PrimeNGConfig,
-        public overlayService: OverlayService
-    ) {
-        this.window = this.document.defaultView as Window;
-        effect(() => {
-            const path = this.activeItemPath();
-            if (this.popup) {
-                if (ObjectUtils.isNotEmpty(path)) {
-                    this.bindOutsideClickListener();
-                    this.bindResizeListener();
-                } else {
-                    this.unbindOutsideClickListener();
-                    this.unbindResizeListener();
-                }
-            }
-        });
-    }
-
-    documentFocusListener: any;
-
-    ngOnInit() {
-        this.id = this.id || UniqueComponentId();
-    }
-
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'backicon':
-                    this.backIconTemplate = item.template;
-                    break;
-
-                case 'submenuicon':
-                    this.submenuIconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    createProcessedItems(items: any, level: number = 0, parent: any = {}, parentKey: any = '') {
-        const processedItems = [];
-
-        items &&
-            items.forEach((item, index) => {
-                const key = (parentKey !== '' ? parentKey + '_' : '') + index;
-                const newItem = {
-                    item,
-                    index,
-                    level,
-                    key,
-                    parent,
-                    parentKey
-                };
-
-                newItem['items'] = this.createProcessedItems(item.items, level + 1, newItem, key);
-                processedItems.push(newItem);
-            });
-
-        return processedItems;
-    }
-
-    getItemProp(item: any, name: string) {
-        return item ? ObjectUtils.getItemValue(item[name]) : undefined;
-    }
-
-    getProccessedItemLabel(processedItem: any) {
-        return processedItem ? this.getItemLabel(processedItem.item) : undefined;
-    }
-
-    getItemLabel(item: any) {
-        return this.getItemProp(item, 'label');
-    }
-
-    isProcessedItemGroup(processedItem: any): boolean {
-        return processedItem && ObjectUtils.isNotEmpty(processedItem.items);
-    }
-
-    isSelected(processedItem: any): boolean {
-        return this.activeItemPath().some((p) => p.key === processedItem.key);
-    }
-
-    isValidSelectedItem(processedItem: any): boolean {
-        return this.isValidItem(processedItem) && this.isSelected(processedItem);
-    }
-
-    isValidItem(processedItem: any): boolean {
-        return !!processedItem && !this.isItemDisabled(processedItem.item) && !this.isItemSeparator(processedItem.item);
-    }
-
-    isItemDisabled(item: any): boolean {
-        return this.getItemProp(item, 'disabled');
-    }
-
-    isItemSeparator(item: any): boolean {
-        return this.getItemProp(item, 'separator');
-    }
-
-    isItemMatched(processedItem: any): boolean {
-        return this.isValidItem(processedItem) && this.getProccessedItemLabel(processedItem).toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase());
-    }
-
-    isProccessedItemGroup(processedItem: any): boolean {
-        return processedItem && ObjectUtils.isNotEmpty(processedItem.items);
-    }
-
-    onOverlayClick(event: MouseEvent) {
-        if (this.popup) {
-            this.overlayService.add({
-                originalEvent: event,
-                target: this.el.nativeElement
-            });
-        }
-    }
-
-    goBack(event) {
-        this.animate('left');
-
-        event.stopPropagation();
-        event.preventDefault();
-    }
-
-    onItemClick(event: any) {
-        if (this.transition) {
-            return;
-        } else {
-            if (!this.itemClick) {
-                this.itemClick = true;
-                this.onMenuFocus();
-            }
-            const { originalEvent, processedItem } = event;
-            const grouped = this.isProcessedItemGroup(processedItem);
-            const focusedItemInfo = this.focusedItemInfo();
-
-            if (grouped) {
-                this.focusedItemInfo.set({ ...focusedItemInfo, index: -1, level: focusedItemInfo.level + 1, parentKey: processedItem.key, item: processedItem.item });
-                this.animate('right');
-            } else {
-                this.onItemChange(event);
-                this.popup && this.hide();
-            }
-        }
-    }
-
-    onItemMouseEnter(event: any) {
-        this.onItemChange(event);
-    }
-
-    onKeyDown(event: KeyboardEvent) {
-        if (!this.transition) {
-            const metaKey = event.metaKey || event.ctrlKey;
-            switch (event.code) {
-                case 'ArrowDown':
-                    this.onArrowDownKey(event);
-                    break;
-
-                case 'ArrowUp':
-                    this.onArrowUpKey(event);
-                    break;
-
-                case 'ArrowLeft':
-                    this.onArrowLeftKey(event);
-                    break;
-
-                case 'ArrowRight':
-                    this.onArrowRightKey(event);
-                    break;
-
-                case 'Home':
-                    this.onHomeKey(event);
-                    break;
-
-                case 'End':
-                    this.onEndKey(event);
-                    break;
-
-                case 'Space':
-                    this.onSpaceKey(event);
-                    break;
-
-                case 'Enter':
-                    this.onEnterKey(event);
-                    break;
-
-                case 'Escape':
-                    this.onEscapeKey(event);
-                    break;
-
-                case 'Tab':
-                    this.onTabKey(event);
-                    break;
-
-                case 'PageDown':
-                case 'PageUp':
-                case 'Backspace':
-                case 'ShiftLeft':
-                case 'ShiftRight':
-                    //NOOP
-                    break;
-
-                default:
-                    if (!metaKey && ObjectUtils.isPrintableCharacter(event.key)) {
-                        this.searchItems(event, event.key);
-                    }
-
-                    break;
-            }
-        }
-    }
-
-    onNavigationKeyDown(event: KeyboardEvent) {
-        switch (event.code) {
-            case 'Enter':
-            case 'Space':
-                this.onArrowLeftKey(event);
-                const focusedItemInfo = this.focusedItemInfo();
-                this.focusedItemInfo.set({
-                    ...focusedItemInfo,
-                    index: -1,
-                    item: null
-                });
-                break;
-            default:
-                break;
-        }
-    }
-
-    animate(to: string) {
-        switch (to) {
-            case 'right':
-                this.left -= this.menuWidth;
-                break;
-            case 'left':
-                this.left += this.menuWidth;
-                break;
-
-            default:
-                break;
-        }
-
-        this.animating = true;
-        setTimeout(() => (this.animating = false), this.effectDuration);
-    }
-
-    onArrowDownKey(event: KeyboardEvent) {
-        const itemIndex = this.focusedItemInfo().index !== -1 ? this.findNextItemIndex(this.focusedItemInfo().index) : this.findFirstFocusedItemIndex();
-
-        this.changeFocusedItemIndex(event, itemIndex);
-        event.preventDefault();
-    }
-
-    onArrowRightKey(event: KeyboardEvent) {
-        const focusedItemInfo = this.focusedItemInfo();
-
-        if (focusedItemInfo.index === -1) {
-            focusedItemInfo.index = 0;
-        }
-
-        const processedItem = this.visibleItems[this.focusedItemInfo().index];
-        const grouped = this.isProccessedItemGroup(processedItem);
-        if (grouped) {
-            let { index, level, key, item } = processedItem;
-            this.onItemChange({ originalEvent: event, processedItem });
-            this.focusedItemInfo.set({ index: 0, level: level, parentKey: key });
-
-            this.searchValue = '';
-            this.animate('right');
-        }
-
-        event.preventDefault();
-    }
-
-    onArrowUpKey(event: KeyboardEvent) {
-        if (event.altKey) {
-            if (this.focusedItemInfo().index !== -1) {
-                const processedItem = this.visibleItems[this.focusedItemInfo().index];
-                const grouped = this.isProccessedItemGroup(processedItem);
-
-                !grouped && this.onItemChange({ originalEvent: event, processedItem });
-            }
-
-            this.popup && this.hide(event, true);
-            event.preventDefault();
-        } else {
-            const itemIndex = this.focusedItemInfo().index !== -1 ? this.findPrevItemIndex(this.focusedItemInfo().index) : this.findLastFocusedItemIndex();
-            this.changeFocusedItemIndex(event, itemIndex);
-
-            event.preventDefault();
-        }
-    }
-
-    onArrowLeftKey(event: KeyboardEvent) {
-        const focusedItemInfo = this.focusedItemInfo();
-        if (focusedItemInfo.index === -1) {
-            focusedItemInfo.index = 0;
-        }
-
-        const processedItem = this.visibleItems[focusedItemInfo.index];
-        const parentItem = this.activeItemPath().find((p) => p.key === processedItem.parentKey);
-        const root = ObjectUtils.isEmpty(processedItem.parent);
-
-        if (!root) {
-            let { level, index, parentKey } = parentItem;
-            this.focusedItemInfo.set({ index, level, parentKey, item: parentItem.item });
-            this.searchValue = '';
-        }
-
-        const activeItemPath = this.activeItemPath().filter((p) => p.parentKey !== focusedItemInfo.parentKey);
-        this.activeItemPath.set(activeItemPath);
-        parentItem && this.animate('left');
-        event.preventDefault();
-    }
-
-    onHomeKey(event: KeyboardEvent) {
-        this.changeFocusedItemIndex(event, this.findFirstItemIndex());
-        event.preventDefault();
-    }
-
-    onEndKey(event: KeyboardEvent) {
-        this.changeFocusedItemIndex(event, this.findLastItemIndex());
-        event.preventDefault();
-    }
-
-    onSpaceKey(event: KeyboardEvent) {
-        this.onEnterKey(event);
-    }
-
-    onEscapeKey(event: KeyboardEvent) {
-        if (this.popup) {
-            this.hide(event, true);
-            const focusedItemInfo = this.focusedItemInfo();
-            this.focusedItemInfo.set({
-                ...focusedItemInfo,
-                index: this.findLastFocusedItemIndex(),
-                item: null
-            });
-
-            event.preventDefault();
-        }
-    }
-
-    onTabKey(event: KeyboardEvent) {
-        if (this.backwardViewChild.nativeElement.style.display !== 'none') {
-            this.backwardViewChild.nativeElement.focus();
-        }
-
-        if (this.popup && !this.containerViewChild.nativeElement.contains(event.target)) {
-            this.hide();
-        }
-        event.preventDefault();
-    }
-
-    onEnterKey(event: KeyboardEvent) {
-        if (this.focusedItemInfo().index !== -1) {
-            const processedItem = this.visibleItems[this.focusedItemInfo().index];
-            const grouped = this.isProccessedItemGroup(processedItem);
-
-            if (grouped) {
-                this.onArrowRightKey(event);
-            } else {
-                const element = DomHandler.findSingle(this.rootmenu.el.nativeElement, `li[id="${`${this.focusedItemId}`}"]`);
-                const anchorElement = element && DomHandler.findSingle(element, 'a[data-pc-section="action"]');
-
-                anchorElement ? anchorElement.click() : element && element.click();
-
-                const focusedItemInfo = this.focusedItemInfo();
-                this.focusedItemInfo.set({
-                    ...focusedItemInfo,
-                    index: processedItem.index,
-                    item: processedItem.item
-                });
-            }
-        }
-
-        event.preventDefault();
-    }
-
-    onItemChange(event: any) {
-        const { processedItem, isFocus } = event;
-        if (ObjectUtils.isEmpty(processedItem)) return;
-
-        const { index, key, level, parentKey, items, item } = processedItem;
-        const grouped = ObjectUtils.isNotEmpty(items);
-        const activeItemPath = this.activeItemPath().filter((p) => p.parentKey !== parentKey && p.parentKey !== key);
-
-        grouped && activeItemPath.push(processedItem);
-        this.focusedItemInfo.set({ index, level, parentKey, item });
-        this.activeItemPath.set(activeItemPath);
-        isFocus && DomHandler.focus(this.rootmenu.sublistViewChild.nativeElement);
-    }
-
-    onMenuFocus() {
-        this.focused = true;
-
-        this.bindOutsideClickListener();
-        this.bindTransitionListeners();
-
-        if (!this.left && this.focusedItemInfo().level > 0) {
-            this.focusedItemInfo.set({ index: 0, level: 0, parentKey: '', item: this.findVisibleItem(0).item });
-        }
-
-        if (this.focusedItemInfo().index === -1 && this.left < 0) {
-            this.focusedItemInfo.set({ ...this.focusedItemInfo(), index: 0 });
-        }
-
-        if (this.focusedItemInfo().index === -1 && !this.left) {
-            this.focusedItemInfo.set({ index: 0, level: 0, parentKey: '', item: this.findVisibleItem(0).item });
-        }
-    }
-
-    onMenuBlur() {
-        this.focused = false;
-        this.popup && this.focusedItemInfo.set({ index: -1, level: 0, parentKey: '', item: null });
-        if (!this.popup) {
-            this.focusedItemInfo.set({
-                ...this.focusedItemInfo(),
-                index: -1,
-                item: null
-            });
-        }
-        this.searchValue = '';
-        !this.popup && this.unbindOutsideClickListener();
-    }
-
-    activeLevel = signal<number>(0);
-
-    bindTransitionListeners() {
-        if (!this.transitionStartListener) {
-            this.transitionStartListener = this.renderer.listen(this.rootmenu.sublistViewChild.nativeElement, 'transitionstart', (event) => {
-                this.transition = true;
-                event.preventDefault();
-            });
-        }
-        if (!this.transitionEndListener) {
-            this.transitionEndListener = this.renderer.listen(this.rootmenu.sublistViewChild.nativeElement, 'transitionend', (event) => {
-                const activeMenu = DomHandler.findSingle(this.rootmenu.el.nativeElement, `ul[data-pc-state="active"]`);
-                const activeLevel = DomHandler.getAttribute(activeMenu.firstElementChild, 'aria-level') - 1;
-                this.activeLevel.set(activeLevel);
-
-                if (!this.left) {
-                    this.rootmenu.sublistViewChild.nativeElement.focus();
-                } else {
-                    const activeLevel = DomHandler.getAttribute(activeMenu.firstElementChild, 'aria-level') - 1;
-                    this.activeLevel.set(activeLevel);
-
-                    if (this.focusedItemInfo().level > this.activeLevel()) {
-                        let newActiveItemPath = this.activeItemPath().slice(0, this.activeItemPath().length - 1);
-                        let lastActiveParent = newActiveItemPath[newActiveItemPath.length - 1];
-                        this.focusedItemInfo.set({ index: -1, level: this.activeLevel(), parentKey: lastActiveParent.key });
-                        this.activeItemPath.set(newActiveItemPath);
-                    }
-                }
-                this.transition = false;
-                event.preventDefault();
-            });
-        }
-    }
-
-    unbindTransitionListeners() {
-        if (this.transitionEndListener) {
-            this.transitionEndListener();
-            this.transitionEndListener = null;
-        }
-
-        if (this.transitionStartListener) {
-            this.transitionStartListener();
-            this.transitionStartListener = null;
-        }
-    }
-
-    onOverlayAnimationStart(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-                if (this.popup) {
-                    this.container = event.element;
-                    this.moveOnTop();
-                    this.onShow.emit({});
-                    this.appendOverlay();
-                    this.alignOverlay();
-                    this.bindOutsideClickListener();
-                    this.bindResizeListener();
-
-                    DomHandler.focus(this.rootmenu.sublistViewChild.nativeElement);
-                    this.scrollInView();
-                }
-                break;
-
-            case 'void':
-                this.onOverlayHide();
-                this.onHide.emit({});
-                break;
-        }
-    }
-
-    alignOverlay() {
-        if (this.relativeAlign) DomHandler.relativePosition(this.container, this.target);
-        else DomHandler.absolutePosition(this.container, this.target);
-    }
-
-    onOverlayAnimationEnd(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'void':
-                ZIndexUtils.clear(event.element);
-                break;
-        }
-    }
-
-    appendOverlay() {
-        if (this.appendTo) {
-            if (this.appendTo === 'body') this.renderer.appendChild(this.document.body, this.containerViewChild.nativeElement);
-            else DomHandler.appendChild(this.container, this.appendTo);
-        }
-    }
-
-    restoreOverlayAppend() {
-        if (this.containerViewChild && this.appendTo) {
-            this.renderer.appendChild(this.el.nativeElement, this.container);
-        }
-    }
-
-    moveOnTop() {
-        if (this.autoZIndex) {
-            ZIndexUtils.set('menu', this.container, this.baseZIndex + this.config.zIndex.menu);
-        }
-    }
-
-    /**
-     * Hides the popup menu.
-     * @group Method
-     */
-    hide(event?, isFocus?: boolean) {
-        if (this.popup) {
-            this.onHide.emit({});
-            this.visible = false;
-        }
-        isFocus && DomHandler.focus(this.target || this.rootmenu.sublistViewChild.nativeElement);
-    }
-
-    /**
-     * Toggles the visibility of the popup menu.
-     * @param {Event} event - Browser event.
-     * @group Method
-     */
-    toggle(event: any) {
-        this.visible ? this.hide(event, true) : this.show(event);
-    }
-
-    /**
-     * Displays the popup menu.
-     * @param {Event} even - Browser event.
-     * @group Method
-     */
-    show(event: any, isFocus?) {
-        if (this.popup) {
-            this.visible = true;
-            this.target = event.currentTarget;
-        }
-
-        this.focusedItemInfo.set({ index: this.findFirstFocusedItemIndex(), level: 0, parentKey: '' });
-
-        if (!this.popup) {
-            isFocus && DomHandler.focus(this.rootmenu.sublistViewChild.nativeElement);
-        }
-        this.cd.markForCheck();
-    }
-
-    searchItems(event: any, char: string) {
-        this.searchValue = (this.searchValue || '') + char;
-
-        let itemIndex = -1;
-        let matched = false;
-
-        if (this.focusedItemInfo().index !== -1) {
-            itemIndex = this.visibleItems.slice(this.focusedItemInfo().index).findIndex((processedItem) => this.isItemMatched(processedItem));
-            itemIndex = itemIndex === -1 ? this.visibleItems.slice(0, this.focusedItemInfo().index).findIndex((processedItem) => this.isItemMatched(processedItem)) : itemIndex + this.focusedItemInfo().index;
-        } else {
-            itemIndex = this.visibleItems.findIndex((processedItem) => this.isItemMatched(processedItem));
-        }
-
-        if (itemIndex !== -1) {
-            matched = true;
-        }
-
-        if (itemIndex === -1 && this.focusedItemInfo().index === -1) {
-            itemIndex = this.findFirstFocusedItemIndex();
-        }
-
-        if (itemIndex !== -1) {
-            this.changeFocusedItemIndex(event, itemIndex);
-        }
-
-        if (this.searchTimeout) {
-            clearTimeout(this.searchTimeout);
-        }
-
-        this.searchTimeout = setTimeout(() => {
-            this.searchValue = '';
-            this.searchTimeout = null;
-        }, 500);
-
-        return matched;
-    }
-
-    findVisibleItem(index) {
-        return ObjectUtils.isNotEmpty(this.visibleItems) ? this.visibleItems[index] : null;
-    }
-
-    findLastFocusedItemIndex() {
-        const selectedIndex = this.findSelectedItemIndex();
-        return selectedIndex < 0 ? this.findLastItemIndex() : selectedIndex;
-    }
-
-    findLastItemIndex() {
-        return ObjectUtils.findLastIndex(this.visibleItems, (processedItem) => this.isValidItem(processedItem));
-    }
-
-    findPrevItemIndex(index: number) {
-        const matchedItemIndex = index > 0 ? ObjectUtils.findLastIndex(this.visibleItems.slice(0, index), (processedItem) => this.isValidItem(processedItem)) : -1;
-
-        return matchedItemIndex > -1 ? matchedItemIndex : index;
-    }
-
-    findNextItemIndex(index: number) {
-        const matchedItemIndex = index < this.visibleItems.length - 1 ? this.visibleItems.slice(index + 1).findIndex((processedItem) => this.isValidItem(processedItem)) : -1;
-
-        return matchedItemIndex > -1 ? matchedItemIndex + index + 1 : index;
-    }
-
-    findFirstFocusedItemIndex() {
-        const selectedIndex = this.findSelectedItemIndex();
-
-        return selectedIndex < 0 ? this.findFirstItemIndex() : selectedIndex;
-    }
-
-    findFirstItemIndex() {
-        return this.visibleItems.findIndex((processedItem) => this.isValidItem(processedItem));
-    }
-
-    findSelectedItemIndex() {
-        return this.visibleItems.findIndex((processedItem) => this.isValidSelectedItem(processedItem));
-    }
-
-    changeFocusedItemIndex(event: any, index: number) {
-        if (this.focusedItemInfo().index !== index) {
-            this.focusedItemInfo.set({ ...this.focusedItemInfo(), index });
-            this.scrollInView();
-        }
-    }
-
-    scrollInView(index: number = -1) {
-        const id = index !== -1 ? `${this.id}_${index}` : this.focusedItemId;
-        const element = DomHandler.findSingle(this.rootmenu.el.nativeElement, `li[id="${id}"]`);
-
-        if (element) {
-            element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-        }
-    }
-
-    bindResizeListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.resizeListener) {
-                this.resizeListener = this.renderer.listen(this.document.defaultView, 'resize', (event) => {
-                    if (!DomHandler.isTouchDevice()) {
-                        this.hide(event, true);
-                    }
-                });
-            }
-        }
-    }
-
-    bindOutsideClickListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.outsideClickListener) {
-                this.outsideClickListener = this.renderer.listen(this.document, 'click', (event) => {
-                    const isOutsideContainer = this.containerViewChild && !this.containerViewChild.nativeElement.contains(event.target);
-                    const isOutsideTarget = this.popup ? !(this.target && (this.target === event.target || this.target.contains(event.target))) : true;
-
-                    if (this.popup) {
-                        if (isOutsideContainer && isOutsideTarget) {
-                            this.onMenuBlur();
-                            this.hide();
-                        }
-                    } else {
-                        if (isOutsideContainer && isOutsideTarget && this.focused) {
-                            this.onMenuBlur();
-                        }
-                    }
-                });
-            }
-        }
-    }
-
-    unbindOutsideClickListener() {
-        if (this.outsideClickListener) {
-            this.outsideClickListener();
-            this.outsideClickListener = null;
-        }
-    }
-
-    unbindResizeListener() {
-        if (this.resizeListener) {
-            this.resizeListener();
-            this.resizeListener = null;
-        }
-    }
-
-    onOverlayHide() {
-        this.unbindOutsideClickListener();
-        this.unbindResizeListener();
-        this.left = 0;
-
-        if (!(this.cd as ViewRef).destroyed) {
-            this.target = null;
-        }
-
-        if (this.container) {
-            this.container = null;
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.popup) {
-            if (this.container && this.autoZIndex) {
-                ZIndexUtils.clear(this.container);
-            }
-
-            this.restoreOverlayAppend();
-            this.onOverlayHide();
-        }
-
-        this.unbindTransitionListeners();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, RouterModule, RippleModule, TooltipModule, AngleRightIcon, SharedModule, CaretLeftIcon],
-    exports: [SlideMenu, RouterModule, TooltipModule, SharedModule],
-    declarations: [SlideMenu, SlideMenuSub]
-})
-export class SlideMenuModule {}
diff --git a/src/app/components/slider/ng-package.json b/src/app/components/slider/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/slider/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/slider/public_api.ts b/src/app/components/slider/public_api.ts
deleted file mode 100644
index f29e3da..0000000
--- a/src/app/components/slider/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './slider';
-export * from './slider.interface';
diff --git a/src/app/components/slider/slider.css b/src/app/components/slider/slider.css
deleted file mode 100644
index 6ca7433..0000000
--- a/src/app/components/slider/slider.css
+++ /dev/null
@@ -1,41 +0,0 @@
-@layer primeng {
-    .p-slider {
-        position: relative;
-    }
-
-    .p-slider .p-slider-handle {
-        position: absolute;
-        cursor: grab;
-        touch-action: none;
-        display: block;
-    }
-
-    .p-slider-range {
-        position: absolute;
-        display: block;
-    }
-
-    .p-slider-horizontal .p-slider-range {
-        top: 0;
-        left: 0;
-        height: 100%;
-    }
-
-    .p-slider-horizontal .p-slider-handle {
-        top: 50%;
-    }
-
-    .p-slider-vertical {
-        height: 100px;
-    }
-
-    .p-slider-vertical .p-slider-handle {
-        left: 50%;
-    }
-
-    .p-slider-vertical .p-slider-range {
-        bottom: 0;
-        left: 0;
-        width: 100%;
-    }
-}
diff --git a/src/app/components/slider/slider.interface.ts b/src/app/components/slider/slider.interface.ts
deleted file mode 100644
index 5c3cc12..0000000
--- a/src/app/components/slider/slider.interface.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Slider } from './slider';
-/**
- * Custom change event.
- * @see {@link Slider.onChange}
- * @group Events
- */
-export interface SliderChangeEvent {
-    /**
-     * Browser event.
-     */
-    event: Event;
-    /**
-     * New values.
-     */
-    values?: number[];
-    /**
-     * New value.
-     */
-    value?: number;
-}
-/**
- * Custom slide end event.
- * @see {@link Slider.onSlideEnd}
- * @group Events
- */
-export interface SliderSlideEndEvent {
-    /**
-     * Original event
-     */
-    originalEvent: Event;
-    /**
-     * New value.
-     */
-    value?: number;
-    /**
-     * New values.
-     */
-    values?: number[];
-}
diff --git a/src/app/components/slider/slider.spec.ts b/src/app/components/slider/slider.spec.ts
deleted file mode 100644
index 9c959ff..0000000
--- a/src/app/components/slider/slider.spec.ts
+++ /dev/null
@@ -1,416 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Slider } from './slider';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('Slider', () => {
-    let slider: Slider;
-    let fixture: ComponentFixture<Slider>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule],
-            declarations: [Slider]
-        });
-
-        fixture = TestBed.createComponent(Slider);
-        slider = fixture.componentInstance;
-    });
-
-    it('should created by default', () => {
-        fixture.detectChanges();
-
-        const sliderEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(sliderEl).toBeTruthy();
-    });
-
-    it('should disabled', () => {
-        slider.disabled = true;
-        fixture.detectChanges();
-
-        const sliderEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        const clickSpy = spyOn(slider, 'updateDomData').and.callThrough();
-        const spanEl = fixture.debugElement.query(By.css('.p-slider-handle'));
-        spanEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        sliderEl.click();
-        fixture.detectChanges();
-
-        expect(sliderEl.className).toContain('p-disabled');
-        expect(clickSpy).not.toHaveBeenCalled();
-        expect(slider.dragging).not.toEqual(true);
-    });
-
-    it('should animate', () => {
-        slider.animate = true;
-        fixture.detectChanges();
-
-        const sliderEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        sliderEl.click();
-        expect(sliderEl.className).toContain('p-slider-animate');
-    });
-
-    it('should change styles', () => {
-        slider.style = { height: '300px' };
-        slider.styleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const sliderEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(sliderEl.className).toContain('Primeng ROCKS!');
-        expect(sliderEl.style.height).toEqual('300px');
-    });
-
-    it('should change orientation', () => {
-        slider.orientation = 'vertical';
-        fixture.detectChanges();
-
-        const sliderEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(sliderEl.className).toContain('p-slider-vertical');
-    });
-
-    it('should have a range', () => {
-        slider.range = true;
-        fixture.detectChanges();
-
-        const sliderEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(sliderEl.children.length).toEqual(3);
-    });
-
-    it('should set min', () => {
-        slider.min = 20;
-        fixture.detectChanges();
-
-        slider.updateValue(19);
-        fixture.detectChanges();
-
-        slider.cd.detectChanges();
-        const spanEl = fixture.debugElement.query(By.css('span')).nativeElement;
-        expect(slider.handleValue).toEqual(0);
-        expect(spanEl.style.width).toEqual('0%');
-    });
-
-    it('should set max', () => {
-        slider.max = 90;
-        fixture.detectChanges();
-
-        slider.updateValue(91);
-        fixture.detectChanges();
-
-        slider.cd.detectChanges();
-        const spanEl = fixture.debugElement.query(By.css('span')).nativeElement;
-        expect(slider.handleValue).toEqual(100);
-        expect(spanEl.style.width).toEqual('100%');
-    });
-
-    it('should listen onChange', () => {
-        fixture.detectChanges();
-
-        let value = 1;
-        slider.onChange.subscribe((data) => (value = data.value));
-        slider.updateValue(91);
-        fixture.detectChanges();
-
-        expect(value).toEqual(91);
-    });
-
-    it('should change value with touch events (horizontal)', () => {
-        fixture.detectChanges();
-
-        slider.updateValue(91);
-        slider.handleValue = 91;
-        fixture.detectChanges();
-
-        const touchstartEvent: any = document.createEvent('CustomEvent');
-        touchstartEvent.changedTouches = [
-            {
-                clientX: 450
-            }
-        ];
-        touchstartEvent.initEvent('touchstart', true, true);
-        const touchmoveEvent: any = document.createEvent('CustomEvent');
-        touchmoveEvent.changedTouches = [
-            {
-                clientX: 400
-            }
-        ];
-        touchmoveEvent.initEvent('touchmove', true, true);
-        const spanEl = fixture.debugElement.query(By.css('.p-slider-handle'));
-        spanEl.nativeElement.dispatchEvent(touchstartEvent);
-        fixture.detectChanges();
-
-        spanEl.nativeElement.dispatchEvent(touchmoveEvent);
-        fixture.detectChanges();
-
-        expect(slider.value).toBeLessThan(91);
-    });
-
-    it('should change value with touch events (vertical)', () => {
-        fixture.detectChanges();
-
-        slider.orientation = 'vertical';
-        slider.updateValue(91);
-        slider.handleValue = 91;
-        fixture.detectChanges();
-
-        const touchstartEvent: any = document.createEvent('CustomEvent');
-        touchstartEvent.changedTouches = [
-            {
-                clientY: 400
-            }
-        ];
-        touchstartEvent.initEvent('touchstart', true, true);
-        const touchmoveEvent: any = document.createEvent('CustomEvent');
-        touchmoveEvent.changedTouches = [
-            {
-                clientY: 450
-            }
-        ];
-        touchmoveEvent.initEvent('touchmove', true, true);
-        const spanEl = fixture.debugElement.query(By.css('.p-slider-handle'));
-        spanEl.nativeElement.dispatchEvent(touchstartEvent);
-        fixture.detectChanges();
-
-        spanEl.nativeElement.dispatchEvent(touchmoveEvent);
-        fixture.detectChanges();
-
-        expect(slider.value).toBeLessThan(91);
-    });
-
-    it('should change value with mouse events (horizontal)', () => {
-        fixture.detectChanges();
-
-        const bindDragListenersSpy = spyOn(slider, 'bindDragListeners').and.callThrough();
-        const spanEl = fixture.debugElement.query(By.css('.p-slider-handle'));
-        spanEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        fixture.detectChanges();
-
-        expect(bindDragListenersSpy).toHaveBeenCalled();
-        expect(slider.dragging).toEqual(true);
-        const mousemoveEvent: any = document.createEvent('CustomEvent');
-        mousemoveEvent.pageX = 300;
-        mousemoveEvent.initEvent('mousemove', true, true);
-        document.dispatchEvent(mousemoveEvent);
-        document.dispatchEvent(mousemoveEvent as MouseEvent);
-        fixture.detectChanges();
-
-        expect(slider.value).toBeGreaterThan(0);
-        document.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(slider.dragging).toEqual(false);
-        const unbindDragListenersSpy = spyOn(slider, 'unbindDragListeners').and.callThrough();
-        slider.ngOnDestroy();
-        fixture.detectChanges();
-
-        expect(unbindDragListenersSpy).toHaveBeenCalled();
-    });
-
-    it('should change value with mouse events (vertical)', () => {
-        slider.orientation = 'vertical';
-        fixture.detectChanges();
-
-        const bindDragListenersSpy = spyOn(slider, 'bindDragListeners').and.callThrough();
-        const spanEl = fixture.debugElement.query(By.css('.p-slider-handle'));
-        spanEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        fixture.detectChanges();
-
-        expect(bindDragListenersSpy).toHaveBeenCalled();
-        expect(slider.dragging).toEqual(true);
-        const mousemoveEvent: any = document.createEvent('CustomEvent');
-        mousemoveEvent.pageY = 115;
-        mousemoveEvent.initEvent('mousemove', true, true);
-        document.dispatchEvent(mousemoveEvent);
-        document.dispatchEvent(mousemoveEvent as MouseEvent);
-        fixture.detectChanges();
-
-        expect(slider.value).toBeGreaterThan(0);
-        document.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(slider.dragging).toEqual(false);
-        const unbindDragListenersSpy = spyOn(slider, 'unbindDragListeners').and.callThrough();
-        slider.ngOnDestroy();
-        fixture.detectChanges();
-
-        expect(unbindDragListenersSpy).toHaveBeenCalled();
-    });
-
-    it('should change values with keyboard events', () => {
-        slider.updateValue(0);
-        fixture.detectChanges();
-
-        const incrementValueSpy = spyOn(slider, 'incrementValue').and.callThrough();
-        const spanEl = fixture.debugElement.query(By.css('.p-slider-handle'));
-        spanEl.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowRight' }));
-        spanEl.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowRight' }));
-        fixture.detectChanges();
-        expect(incrementValueSpy).toHaveBeenCalled();
-
-        const decrementValueSpy = spyOn(slider, 'decrementValue').and.callThrough();
-        spanEl.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowLeft' }));
-        fixture.detectChanges();
-        expect(decrementValueSpy).toHaveBeenCalled();
-
-        const onDragEndSpy = spyOn(slider, 'onDragEnd').and.callThrough();
-        const onSlideEndEmitterSpy = spyOn(slider.onSlideEnd, 'emit').and.callThrough();
-        spanEl.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'Tab' }));
-        fixture.detectChanges();
-        expect(onDragEndSpy).toHaveBeenCalled();
-        expect(onSlideEndEmitterSpy).toHaveBeenCalled();
-        expect(slider.value).toEqual(1);
-    });
-
-    it('should increment value with step', () => {
-        slider.value = 0;
-        slider.step = 2;
-        fixture.detectChanges();
-
-        const spanEl = fixture.debugElement.query(By.css('.p-slider-handle'));
-        spanEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        fixture.detectChanges();
-
-        expect(slider.dragging).toEqual(true);
-        const mousemoveEvent: any = document.createEvent('CustomEvent');
-        mousemoveEvent.pageX = 300;
-        mousemoveEvent.initEvent('mousemove', true, true);
-        document.dispatchEvent(mousemoveEvent);
-        document.dispatchEvent(mousemoveEvent as MouseEvent);
-        fixture.detectChanges();
-
-        expect(slider.value).toBeGreaterThan(0);
-        expect(slider.value % 2).toEqual(0);
-        document.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(slider.dragging).toEqual(false);
-        slider.ngOnDestroy();
-        fixture.detectChanges();
-    });
-
-    it('should increment value with decimal step and decimal max', () => {
-        slider.value = 0.02;
-        slider.step = 0.01;
-        slider.max = 2.5;
-        fixture.detectChanges();
-
-        const spanEl = fixture.debugElement.query(By.css('.p-slider-handle'));
-        spanEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        fixture.detectChanges();
-
-        expect(slider.dragging).toEqual(true);
-        const mousemoveEvent: any = document.createEvent('CustomEvent');
-        mousemoveEvent.pageX = 300;
-        mousemoveEvent.initEvent('mousemove', true, true);
-        document.dispatchEvent(mousemoveEvent);
-        document.dispatchEvent(mousemoveEvent as MouseEvent);
-        fixture.detectChanges();
-
-        expect(slider.value).toBeGreaterThan(0.02);
-        document.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(slider.dragging).toEqual(false);
-        slider.ngOnDestroy();
-        fixture.detectChanges();
-    });
-
-    it('should decrement value with step', () => {
-        slider.value = 90;
-        slider.step = 2;
-        fixture.detectChanges();
-
-        const spanEl = fixture.debugElement.query(By.css('.p-slider-handle'));
-        spanEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        fixture.detectChanges();
-
-        expect(slider.dragging).toEqual(true);
-        const mousemoveEvent: any = document.createEvent('CustomEvent');
-        mousemoveEvent.pageX = 300;
-        mousemoveEvent.initEvent('mousemove', true, true);
-        document.dispatchEvent(mousemoveEvent);
-        document.dispatchEvent(mousemoveEvent as MouseEvent);
-        fixture.detectChanges();
-
-        expect(slider.value).toBeGreaterThan(0);
-        expect(slider.value % 2).toEqual(0);
-        document.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(slider.dragging).toEqual(false);
-        slider.ngOnDestroy();
-        fixture.detectChanges();
-    });
-
-    it('should decrement value with decimal step and decimal max', () => {
-        slider.value = 2.4;
-        slider.step = 0.01;
-        slider.max = 2.5;
-        fixture.detectChanges();
-
-        const spanEl = fixture.debugElement.query(By.css('.p-slider-handle'));
-        spanEl.nativeElement.dispatchEvent(new Event('mousedown'));
-        fixture.detectChanges();
-
-        expect(slider.dragging).toEqual(true);
-        const mousemoveEvent: any = document.createEvent('CustomEvent');
-        mousemoveEvent.pageX = 300;
-        mousemoveEvent.initEvent('mousemove', true, true);
-        document.dispatchEvent(mousemoveEvent);
-        document.dispatchEvent(mousemoveEvent as MouseEvent);
-        fixture.detectChanges();
-
-        expect(slider.value).toBeGreaterThan(0);
-        expect(slider.value).toBeLessThan(2.4);
-        document.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-
-        expect(slider.dragging).toEqual(false);
-        slider.ngOnDestroy();
-        fixture.detectChanges();
-    });
-
-    it('should select range', () => {
-        slider.range = true;
-        slider.handleValues = [20, 80];
-        slider.values = [20, 80];
-        slider.style = { width: '600px' };
-        fixture.detectChanges();
-
-        const sliderHandlers = fixture.debugElement.queryAll(By.css('.p-slider-handle'));
-        const firstSliderHandler = sliderHandlers[0];
-        firstSliderHandler.nativeElement.dispatchEvent(new Event('mousedown'));
-        expect(slider.dragging).toEqual(true);
-        const mousemoveEvent: any = document.createEvent('CustomEvent');
-        mousemoveEvent.pageX = 300;
-        mousemoveEvent.initEvent('mousemove', true, true);
-        document.dispatchEvent(mousemoveEvent as MouseEvent);
-        fixture.detectChanges();
-
-        expect(slider.values[0]).toBeGreaterThan(20);
-        document.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-    });
-
-    it('should select range with step', () => {
-        slider.range = true;
-        slider.step = 2;
-        slider.handleValues = [20, 80];
-        slider.style = { width: '600px' };
-        slider.values = [20, 80];
-        fixture.detectChanges();
-
-        const sliderHandlers = fixture.debugElement.queryAll(By.css('.p-slider-handle'));
-        const firstSliderHandler = sliderHandlers[0];
-        firstSliderHandler.nativeElement.dispatchEvent(new Event('mousedown'));
-        expect(slider.dragging).toEqual(true);
-        const mousemoveEvent: any = document.createEvent('CustomEvent');
-        mousemoveEvent.pageX = 300;
-        mousemoveEvent.initEvent('mousemove', true, true);
-        document.dispatchEvent(mousemoveEvent as MouseEvent);
-        fixture.detectChanges();
-
-        expect(slider.values[0]).toBeGreaterThan(20);
-        expect(slider.values[0] % 2).toEqual(0);
-        document.dispatchEvent(new Event('mouseup'));
-        fixture.detectChanges();
-    });
-});
diff --git a/src/app/components/slider/slider.ts b/src/app/components/slider/slider.ts
deleted file mode 100644
index bef2ac8..0000000
--- a/src/app/components/slider/slider.ts
+++ /dev/null
@@ -1,720 +0,0 @@
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    NgZone,
-    OnDestroy,
-    Output,
-    PLATFORM_ID,
-    Renderer2,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    forwardRef,
-    numberAttribute
-} from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { DomHandler } from 'primeng/dom';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { SliderChangeEvent, SliderSlideEndEvent } from './slider.interface';
-
-export const SLIDER_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => Slider),
-    multi: true
-};
-/**
- * Slider is a component to provide input with a drag handle.
- * @group Components
- */
-@Component({
-    selector: 'p-slider',
-    template: `
-        <div
-            [ngStyle]="style"
-            [class]="styleClass"
-            [ngClass]="{ 'p-slider p-component': true, 'p-disabled': disabled, 'p-slider-horizontal': orientation == 'horizontal', 'p-slider-vertical': orientation == 'vertical', 'p-slider-animate': animate }"
-            (click)="onBarClick($event)"
-            [attr.data-pc-name]="'slider'"
-            [attr.data-pc-section]="'root'"
-        >
-            <span
-                *ngIf="range && orientation == 'horizontal'"
-                class="p-slider-range"
-                [ngStyle]="{ left: offset !== null && offset !== undefined ? offset + '%' : handleValues[0] + '%', width: diff ? diff + '%' : handleValues[1] - handleValues[0] + '%' }"
-                [attr.data-pc-section]="'range'"
-            ></span>
-            <span
-                *ngIf="range && orientation == 'vertical'"
-                class="p-slider-range"
-                [ngStyle]="{ bottom: offset !== null && offset !== undefined ? offset + '%' : handleValues[0] + '%', height: diff ? diff + '%' : handleValues[1] - handleValues[0] + '%' }"
-                [attr.data-pc-section]="'range'"
-            ></span>
-            <span *ngIf="!range && orientation == 'vertical'" class="p-slider-range" [attr.data-pc-section]="'range'" [ngStyle]="{ height: handleValue + '%' }"></span>
-            <span *ngIf="!range && orientation == 'horizontal'" class="p-slider-range" [attr.data-pc-section]="'range'" [ngStyle]="{ width: handleValue + '%' }"></span>
-            <span
-                *ngIf="!range"
-                #sliderHandle
-                class="p-slider-handle"
-                [style.transition]="dragging ? 'none' : null"
-                [ngStyle]="{ left: orientation == 'horizontal' ? handleValue + '%' : null, bottom: orientation == 'vertical' ? handleValue + '%' : null }"
-                (touchstart)="onDragStart($event)"
-                (touchmove)="onDrag($event)"
-                (touchend)="onDragEnd($event)"
-                (mousedown)="onMouseDown($event)"
-                (keydown)="onKeyDown($event)"
-                [attr.tabindex]="disabled ? null : tabindex"
-                role="slider"
-                [attr.aria-valuemin]="min"
-                [attr.aria-valuenow]="value"
-                [attr.aria-valuemax]="max"
-                [attr.aria-labelledby]="ariaLabelledBy"
-                [attr.aria-label]="ariaLabel"
-                [attr.aria-orientation]="orientation"
-                [attr.data-pc-section]="'handle'"
-                pAutoFocus
-                [autofocus]="autofocus"
-            ></span>
-            <span
-                *ngIf="range"
-                #sliderHandleStart
-                [style.transition]="dragging ? 'none' : null"
-                class="p-slider-handle"
-                [ngStyle]="{ left: rangeStartLeft, bottom: rangeStartBottom }"
-                [ngClass]="{ 'p-slider-handle-active': handleIndex == 0 }"
-                (keydown)="onKeyDown($event, 0)"
-                (mousedown)="onMouseDown($event, 0)"
-                (touchstart)="onDragStart($event, 0)"
-                (touchmove)="onDrag($event, 0)"
-                (touchend)="onDragEnd($event)"
-                [attr.tabindex]="disabled ? null : tabindex"
-                role="slider"
-                [attr.aria-valuemin]="min"
-                [attr.aria-valuenow]="value ? value[0] : null"
-                [attr.aria-valuemax]="max"
-                [attr.aria-labelledby]="ariaLabelledBy"
-                [attr.aria-label]="ariaLabel"
-                [attr.aria-orientation]="orientation"
-                [attr.data-pc-section]="'startHandler'"
-                pAutoFocus
-                [autofocus]="autofocus"
-            ></span>
-            <span
-                *ngIf="range"
-                #sliderHandleEnd
-                [style.transition]="dragging ? 'none' : null"
-                class="p-slider-handle"
-                [ngStyle]="{ left: rangeEndLeft, bottom: rangeEndBottom }"
-                [ngClass]="{ 'p-slider-handle-active': handleIndex == 1 }"
-                (keydown)="onKeyDown($event, 1)"
-                (mousedown)="onMouseDown($event, 1)"
-                (touchstart)="onDragStart($event, 1)"
-                (touchmove)="onDrag($event, 1)"
-                (touchend)="onDragEnd($event)"
-                [attr.tabindex]="disabled ? null : tabindex"
-                role="slider"
-                [attr.aria-valuemin]="min"
-                [attr.aria-valuenow]="value ? value[1] : null"
-                [attr.aria-valuemax]="max"
-                [attr.aria-labelledby]="ariaLabelledBy"
-                [attr.aria-label]="ariaLabel"
-                [attr.aria-orientation]="orientation"
-                [attr.data-pc-section]="'endHandler'"
-            ></span>
-        </div>
-    `,
-    providers: [SLIDER_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./slider.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Slider implements OnDestroy, ControlValueAccessor {
-    /**
-     * When enabled, displays an animation on click of the slider bar.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) animate: boolean | undefined;
-    /**
-     * When present, it specifies that the element should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * Mininum boundary value.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) min: number = 0;
-    /**
-     * Maximum boundary value.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) max: number = 100;
-    /**
-     * Orientation of the slider.
-     * @group Props
-     */
-    @Input() orientation: 'horizontal' | 'vertical' = 'horizontal';
-    /**
-     * Step factor to increment/decrement the value.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) step: number | undefined;
-    /**
-     * When specified, allows two boundary values to be picked.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) range: boolean | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number = 0;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * Callback to invoke on value change.
-     * @param {SliderChangeEvent} event - Custom value change event.
-     * @group Emits
-     */
-    @Output() onChange: EventEmitter<SliderChangeEvent> = new EventEmitter<SliderChangeEvent>();
-    /**
-     * Callback to invoke when slide ended.
-     * @param {SliderSlideEndEvent} event - Custom slide end event.
-     * @group Emits
-     */
-    @Output() onSlideEnd: EventEmitter<SliderSlideEndEvent> = new EventEmitter<SliderSlideEndEvent>();
-
-    @ViewChild('sliderHandle') sliderHandle: Nullable<ElementRef>;
-
-    @ViewChild('sliderHandleStart') sliderHandleStart: Nullable<ElementRef>;
-
-    @ViewChild('sliderHandleEnd') sliderHandleEnd: Nullable<ElementRef>;
-
-    public value: Nullable<number>;
-
-    public values: Nullable<number[]>;
-
-    public handleValue: Nullable<number>;
-
-    public handleValues: number[] = [];
-
-    diff: Nullable<number>;
-
-    offset: Nullable<number>;
-
-    bottom: Nullable<number>;
-
-    public onModelChange: Function = () => {};
-
-    public onModelTouched: Function = () => {};
-
-    public dragging: Nullable<boolean>;
-
-    public dragListener: VoidListener;
-
-    public mouseupListener: VoidListener;
-
-    public initX: Nullable<number>;
-
-    public initY: Nullable<number>;
-
-    public barWidth: Nullable<number>;
-
-    public barHeight: Nullable<number>;
-
-    public sliderHandleClick: Nullable<boolean>;
-
-    public handleIndex: number = 0;
-
-    public startHandleValue: any;
-
-    public startx: Nullable<number>;
-
-    public starty: Nullable<number>;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        public el: ElementRef,
-        public renderer: Renderer2,
-        private ngZone: NgZone,
-        public cd: ChangeDetectorRef
-    ) {}
-
-    onMouseDown(event: Event, index?: number) {
-        if (this.disabled) {
-            return;
-        }
-
-        this.dragging = true;
-        this.updateDomData();
-        this.sliderHandleClick = true;
-        if (this.range && this.handleValues && this.handleValues[0] === this.max) {
-            this.handleIndex = 0;
-        } else {
-            (this.handleIndex as any) = index;
-        }
-
-        this.bindDragListeners();
-        (event.target as HTMLInputElement).focus();
-        event.preventDefault();
-
-        if (this.animate) {
-            DomHandler.removeClass(this.el.nativeElement.children[0], 'p-slider-animate');
-        }
-    }
-
-    onDragStart(event: TouchEvent, index?: number) {
-        if (this.disabled) {
-            return;
-        }
-
-        var touchobj = event.changedTouches[0];
-        this.startHandleValue = this.range ? this.handleValues[index as number] : this.handleValue;
-        this.dragging = true;
-        if (this.range && this.handleValues && this.handleValues[0] === this.max) {
-            this.handleIndex = 0;
-        } else {
-            this.handleIndex = index as number;
-        }
-
-        if (this.orientation === 'horizontal') {
-            this.startx = parseInt((touchobj as any).clientX, 10);
-            this.barWidth = this.el.nativeElement.children[0].offsetWidth;
-        } else {
-            this.starty = parseInt((touchobj as any).clientY, 10);
-            this.barHeight = this.el.nativeElement.children[0].offsetHeight;
-        }
-
-        if (this.animate) {
-            DomHandler.removeClass(this.el.nativeElement.children[0], 'p-slider-animate');
-        }
-
-        event.preventDefault();
-    }
-
-    onDrag(event: TouchEvent) {
-        if (this.disabled) {
-            return;
-        }
-
-        var touchobj = event.changedTouches[0],
-            handleValue = 0;
-
-        if (this.orientation === 'horizontal') {
-            handleValue = Math.floor(((parseInt((touchobj as any).clientX, 10) - (this.startx as number)) * 100) / (this.barWidth as number)) + this.startHandleValue;
-        } else {
-            handleValue = Math.floor((((this.starty as number) - parseInt((touchobj as any).clientY, 10)) * 100) / (this.barHeight as number)) + this.startHandleValue;
-        }
-
-        this.setValueFromHandle(event, handleValue);
-
-        event.preventDefault();
-    }
-
-    onDragEnd(event: TouchEvent) {
-        if (this.disabled) {
-            return;
-        }
-
-        this.dragging = false;
-
-        if (this.range) this.onSlideEnd.emit({ originalEvent: event, values: this.values as number[] });
-        else this.onSlideEnd.emit({ originalEvent: event, value: this.value as number });
-
-        if (this.animate) {
-            DomHandler.addClass(this.el.nativeElement.children[0], 'p-slider-animate');
-        }
-    }
-
-    onBarClick(event: Event) {
-        if (this.disabled) {
-            return;
-        }
-
-        if (!this.sliderHandleClick) {
-            this.updateDomData();
-            this.handleChange(event);
-
-            if (this.range) this.onSlideEnd.emit({ originalEvent: event, values: this.values as number[] });
-            else this.onSlideEnd.emit({ originalEvent: event, value: this.value as number });
-        }
-
-        this.sliderHandleClick = false;
-    }
-
-    onKeyDown(event, index) {
-        this.handleIndex = index;
-
-        switch (event.code) {
-            case 'ArrowDown':
-            case 'ArrowLeft':
-                this.decrementValue(event, index);
-                event.preventDefault();
-                break;
-
-            case 'ArrowUp':
-            case 'ArrowRight':
-                this.incrementValue(event, index);
-                event.preventDefault();
-                break;
-
-            case 'PageDown':
-                this.decrementValue(event, index, true);
-                event.preventDefault();
-                break;
-
-            case 'PageUp':
-                this.incrementValue(event, index, true);
-                event.preventDefault();
-                break;
-
-            case 'Home':
-                this.updateValue(this.min, event);
-                event.preventDefault();
-                break;
-
-            case 'End':
-                this.updateValue(this.max, event);
-                event.preventDefault();
-                break;
-
-            case 'Tab':
-                this.onDragEnd(event);
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    decrementValue(event, index, pageKey = false) {
-        let newValue;
-
-        if (this.range) {
-            if (this.step) newValue = this.values[index] - this.step;
-            else newValue = this.values[index] - 1;
-        } else {
-            if (this.step) newValue = this.value - this.step;
-            else if (!this.step && pageKey) newValue = this.value - 10;
-            else newValue = this.value - 1;
-        }
-
-        this.updateValue(newValue, event);
-        event.preventDefault();
-    }
-
-    incrementValue(event, index, pageKey = false) {
-        let newValue;
-
-        if (this.range) {
-            if (this.step) newValue = this.values[index] + this.step;
-            else newValue = this.values[index] + 1;
-        } else {
-            if (this.step) newValue = this.value + this.step;
-            else if (!this.step && pageKey) newValue = this.value + 10;
-            else newValue = this.value + 1;
-        }
-
-        this.updateValue(newValue, event);
-        event.preventDefault();
-    }
-
-    handleChange(event: Event) {
-        let handleValue = this.calculateHandleValue(event);
-        this.setValueFromHandle(event, handleValue);
-    }
-
-    bindDragListeners() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.ngZone.runOutsideAngular(() => {
-                const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : this.document;
-
-                if (!this.dragListener) {
-                    this.dragListener = this.renderer.listen(documentTarget, 'mousemove', (event) => {
-                        if (this.dragging) {
-                            this.ngZone.run(() => {
-                                this.handleChange(event);
-                            });
-                        }
-                    });
-                }
-
-                if (!this.mouseupListener) {
-                    this.mouseupListener = this.renderer.listen(documentTarget, 'mouseup', (event) => {
-                        if (this.dragging) {
-                            this.dragging = false;
-                            this.ngZone.run(() => {
-                                if (this.range) this.onSlideEnd.emit({ originalEvent: event, values: this.values as number[] });
-                                else this.onSlideEnd.emit({ originalEvent: event, value: this.value as number });
-
-                                if (this.animate) {
-                                    DomHandler.addClass(this.el.nativeElement.children[0], 'p-slider-animate');
-                                }
-                            });
-                        }
-                    });
-                }
-            });
-        }
-    }
-
-    unbindDragListeners() {
-        if (this.dragListener) {
-            this.dragListener();
-            this.dragListener = null;
-        }
-
-        if (this.mouseupListener) {
-            this.mouseupListener();
-            this.mouseupListener = null;
-        }
-    }
-
-    setValueFromHandle(event: Event, handleValue: any) {
-        let newValue = this.getValueFromHandle(handleValue);
-
-        if (this.range) {
-            if (this.step) {
-                this.handleStepChange(newValue, (this.values as any)[this.handleIndex]);
-            } else {
-                this.handleValues[this.handleIndex] = handleValue;
-                this.updateValue(newValue, event);
-            }
-        } else {
-            if (this.step) {
-                this.handleStepChange(newValue, this.value as any);
-            } else {
-                this.handleValue = handleValue;
-                this.updateValue(newValue, event);
-            }
-        }
-
-        this.cd.markForCheck();
-    }
-
-    handleStepChange(newValue: number, oldValue: number) {
-        let diff = newValue - oldValue;
-        let val = oldValue;
-        let _step = this.step as number;
-
-        if (diff < 0) {
-            val = oldValue + Math.ceil(newValue / _step - oldValue / _step) * _step;
-        } else if (diff > 0) {
-            val = oldValue + Math.floor(newValue / _step - oldValue / _step) * _step;
-        }
-
-        this.updateValue(val);
-        this.updateHandleValue();
-    }
-
-    writeValue(value: any): void {
-        if (this.range) this.values = value || [0, 0];
-        else this.value = value || 0;
-
-        this.updateHandleValue();
-        this.updateDiffAndOffset();
-        this.cd.markForCheck();
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    get rangeStartLeft() {
-        if (!this.isVertical()) return this.handleValues[0] > 100 ? 100 + '%' : this.handleValues[0] + '%';
-        return null;
-    }
-
-    get rangeStartBottom() {
-        return this.isVertical() ? this.handleValues[0] + '%' : 'auto';
-    }
-
-    get rangeEndLeft() {
-        return this.isVertical() ? null : this.handleValues[1] + '%';
-    }
-
-    get rangeEndBottom() {
-        return this.isVertical() ? this.handleValues[1] + '%' : 'auto';
-    }
-
-    isVertical(): boolean {
-        return this.orientation === 'vertical';
-    }
-
-    updateDomData(): void {
-        let rect = this.el.nativeElement.children[0].getBoundingClientRect();
-        this.initX = rect.left + DomHandler.getWindowScrollLeft();
-        this.initY = rect.top + DomHandler.getWindowScrollTop();
-        this.barWidth = this.el.nativeElement.children[0].offsetWidth;
-        this.barHeight = this.el.nativeElement.children[0].offsetHeight;
-    }
-
-    calculateHandleValue(event: Event): number {
-        if (this.orientation === 'horizontal') return (((event as MouseEvent).pageX - (this.initX as number)) * 100) / (this.barWidth as number);
-        else return (((this.initY as number) + (this.barHeight as number) - (event as MouseEvent).pageY) * 100) / (this.barHeight as number);
-    }
-
-    updateHandleValue(): void {
-        if (this.range) {
-            this.handleValues[0] = (((this.values as number[])[0] < this.min ? 0 : (this.values as number[])[0] - this.min) * 100) / (this.max - this.min);
-            this.handleValues[1] = (((this.values as number[])[1] > this.max ? 100 : (this.values as number[])[1] - this.min) * 100) / (this.max - this.min);
-        } else {
-            if ((this.value as number) < this.min) this.handleValue = 0;
-            else if ((this.value as number) > this.max) this.handleValue = 100;
-            else this.handleValue = (((this.value as number) - this.min) * 100) / (this.max - this.min);
-        }
-
-        if (this.step) {
-            this.updateDiffAndOffset();
-        }
-    }
-
-    updateDiffAndOffset(): void {
-        this.diff = this.getDiff();
-        this.offset = this.getOffset();
-    }
-
-    getDiff(): number {
-        return Math.abs(this.handleValues[0] - this.handleValues[1]);
-    }
-
-    getOffset(): number {
-        return Math.min(this.handleValues[0], this.handleValues[1]);
-    }
-
-    updateValue(val: number, event?: Event): void {
-        if (this.range) {
-            let value = val;
-
-            if (this.handleIndex == 0) {
-                if (value < this.min) {
-                    value = this.min;
-                    this.handleValues[0] = 0;
-                } else if (value > (this.values as number[])[1]) {
-                    if (value > this.max) {
-                        value = this.max;
-                        this.handleValues[0] = 100;
-                    }
-                }
-                this.sliderHandleStart?.nativeElement.focus();
-            } else {
-                if (value > this.max) {
-                    value = this.max;
-                    this.handleValues[1] = 100;
-                    this.offset = this.handleValues[1];
-                } else if (value < this.min) {
-                    value = this.min;
-                    this.handleValues[1] = 0;
-                } else if (value < (this.values as number[])[0]) {
-                    this.offset = this.handleValues[1];
-                }
-                this.sliderHandleEnd?.nativeElement.focus();
-            }
-
-            if (this.step) {
-                this.updateHandleValue();
-            } else {
-                this.updateDiffAndOffset();
-            }
-
-            (this.values as number[])[this.handleIndex] = this.getNormalizedValue(value);
-            let newValues = [this.minVal, this.maxVal];
-            this.onModelChange(newValues);
-            this.onChange.emit({ event: event as Event, values: this.values as number[] });
-        } else {
-            if (val < this.min) {
-                val = this.min;
-                this.handleValue = 0;
-            } else if (val > this.max) {
-                val = this.max;
-                this.handleValue = 100;
-            }
-
-            this.value = this.getNormalizedValue(val);
-
-            this.onModelChange(this.value);
-            this.onChange.emit({ event: event as Event, value: this.value });
-            this.sliderHandle?.nativeElement.focus();
-        }
-        this.updateHandleValue();
-    }
-
-    getValueFromHandle(handleValue: number): number {
-        return (this.max - this.min) * (handleValue / 100) + this.min;
-    }
-
-    getDecimalsCount(value: number): number {
-        if (value && Math.floor(value) !== value) return value.toString().split('.')[1].length || 0;
-        return 0;
-    }
-
-    getNormalizedValue(val: number): number {
-        let decimalsCount = this.getDecimalsCount(this.step as number);
-        if (decimalsCount > 0) {
-            return +parseFloat(val.toString()).toFixed(decimalsCount);
-        } else {
-            return Math.floor(val);
-        }
-    }
-
-    ngOnDestroy() {
-        this.unbindDragListeners();
-    }
-
-    get minVal() {
-        return Math.min((this.values as number[])[1], (this.values as number[])[0]);
-    }
-    get maxVal() {
-        return Math.max((this.values as number[])[1], (this.values as number[])[0]);
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, AutoFocusModule],
-    exports: [Slider],
-    declarations: [Slider]
-})
-export class SliderModule {}
diff --git a/src/app/components/speeddial/ng-package.json b/src/app/components/speeddial/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/speeddial/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/speeddial/public_api.ts b/src/app/components/speeddial/public_api.ts
deleted file mode 100644
index b616f97..0000000
--- a/src/app/components/speeddial/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './speeddial';
-export * from './speeddial.interface';
diff --git a/src/app/components/speeddial/speeddial.css b/src/app/components/speeddial/speeddial.css
deleted file mode 100644
index c2fd941..0000000
--- a/src/app/components/speeddial/speeddial.css
+++ /dev/null
@@ -1,120 +0,0 @@
-@layer primeng {
-    .p-speeddial {
-        position: absolute;
-        display: flex;
-        z-index: 1;
-    }
-
-    .p-speeddial:not(.p-speeddial-opened) {
-        pointer-events: none;
-    }
-
-    .p-speeddial:not(.p-speeddial-opened) .p-speeddial-button {
-        pointer-events: auto;
-    }
-
-    .p-speeddial-list {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        transition: top 0s linear 0.2s;
-        pointer-events: none;
-    }
-
-    .p-speeddial-item {
-        transform: scale(0);
-        opacity: 0;
-        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
-        will-change: transform;
-    }
-
-    .p-speeddial-action {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 50%;
-        position: relative;
-        overflow: hidden;
-        cursor: pointer;
-    }
-
-    .p-speeddial-circle .p-speeddial-item,
-    .p-speeddial-semi-circle .p-speeddial-item,
-    .p-speeddial-quarter-circle .p-speeddial-item {
-        position: absolute;
-    }
-
-    .p-speeddial-rotate {
-        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-        will-change: transform;
-    }
-
-    .p-speeddial-mask {
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-        opacity: 0;
-        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
-    }
-
-    .p-speeddial-mask-visible {
-        pointer-events: none;
-        opacity: 1;
-        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
-    }
-
-    .p-speeddial-opened .p-speeddial-list {
-        pointer-events: auto;
-    }
-
-    .p-speeddial-opened .p-speeddial-item {
-        transform: scale(1);
-        opacity: 1;
-    }
-
-    .p-speeddial-opened .p-speeddial-rotate {
-        transform: rotate(45deg);
-    }
-
-    /* Direction */
-    .p-speeddial-direction-up {
-        align-items: center;
-        flex-direction: column-reverse;
-    }
-
-    .p-speeddial-direction-up .p-speeddial-list {
-        flex-direction: column-reverse;
-    }
-
-    .p-speeddial-direction-down {
-        align-items: center;
-        flex-direction: column;
-    }
-
-    .p-speeddial-direction-down .p-speeddial-list {
-        flex-direction: column;
-    }
-
-    .p-speeddial-direction-left {
-        justify-content: center;
-        flex-direction: row-reverse;
-    }
-
-    .p-speeddial-direction-left .p-speeddial-list {
-        flex-direction: row-reverse;
-    }
-
-    .p-speeddial-direction-right {
-        justify-content: center;
-        flex-direction: row;
-    }
-
-    .p-speeddial-direction-right .p-speeddial-list {
-        flex-direction: row;
-    }
-}
diff --git a/src/app/components/speeddial/speeddial.interface.ts b/src/app/components/speeddial/speeddial.interface.ts
deleted file mode 100644
index c5712a0..0000000
--- a/src/app/components/speeddial/speeddial.interface.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-
-/**
- * Defines valid templates in SpeedDial.
- * @group Templates
- */
-export interface SpeedDialTemplates {
-    /**
-     * Custom template of item.
-     */
-    item(context: {
-        /**
-         * Data of the item.
-         */
-        $implicit: MenuItem[];
-        /**
-         * Index of the item.
-         */
-        index: number;
-    }): TemplateRef<{ $implicit: MenuItem[]; index: number }>;
-    /**
-     * Custom template of button.
-     */
-    button(): TemplateRef<any>;
-}
diff --git a/src/app/components/speeddial/speeddial.spec.ts b/src/app/components/speeddial/speeddial.spec.ts
deleted file mode 100644
index 97c53b0..0000000
--- a/src/app/components/speeddial/speeddial.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { SpeedDialModule, SpeedDial } from './speeddial';
-
-describe('SpeedDial', () => {
-    let speedDial: SpeedDial;
-    let fixture: ComponentFixture<SpeedDial>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, SpeedDialModule]
-        });
-
-        fixture = TestBed.createComponent(SpeedDial);
-        speedDial = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const speedDialEl = fixture.debugElement.query(By.css('.p-speeddial'));
-        expect(speedDialEl.nativeElement).toBeTruthy();
-    });
-});
diff --git a/src/app/components/speeddial/speeddial.ts b/src/app/components/speeddial/speeddial.ts
deleted file mode 100644
index 4e1db67..0000000
--- a/src/app/components/speeddial/speeddial.ts
+++ /dev/null
@@ -1,740 +0,0 @@
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    AfterViewInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    OnDestroy,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    numberAttribute,
-    signal
-} from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { MenuItem, PrimeTemplate, SharedModule } from 'primeng/api';
-import { ButtonModule } from 'primeng/button';
-import { DomHandler } from 'primeng/dom';
-import { PlusIcon } from 'primeng/icons/plus';
-import { RippleModule } from 'primeng/ripple';
-import { TooltipModule } from 'primeng/tooltip';
-import { UniqueComponentId } from 'primeng/utils';
-import { asapScheduler } from 'rxjs';
-
-/**
- * When pressed, a floating action button can display multiple primary actions that can be performed on a page.
- * @group Components
- */
-@Component({
-    selector: 'p-speedDial',
-    template: `
-        <div #container [ngClass]="containerClass()" [class]="className" [ngStyle]="style" [attr.data-pc-name]="'speeddial'" [attr.data-pc-section]="'root'">
-            <button
-                pRipple
-                pButton
-                class="p-button-icon-only"
-                [ngStyle]="buttonStyle"
-                [icon]="buttonIconClass"
-                [ngClass]="buttonClass()"
-                [disabled]="disabled"
-                [attr.aria-expanded]="visible"
-                [attr.aria-haspopup]="true"
-                [attr.aria-controls]="id + '_list'"
-                [attr.aria-label]="ariaLabel"
-                [attr.aria-labelledby]="ariaLabelledBy"
-                (click)="onButtonClick($event)"
-                (keydown)="onTogglerKeydown($event)"
-                [attr.data-pc-name]="'button'"
-            >
-                <PlusIcon *ngIf="!showIcon && !buttonTemplate" />
-                <ng-container *ngIf="buttonTemplate">
-                    <ng-container *ngTemplateOutlet="buttonTemplate"></ng-container>
-                </ng-container>
-            </button>
-            <ul
-                #list
-                class="p-speeddial-list"
-                role="menu"
-                [id]="id + '_list'"
-                (focus)="onFocus($event)"
-                (focusout)="onBlur($event)"
-                (keydown)="onKeyDown($event)"
-                [attr.aria-activedescendant]="focused ? focusedOptionId : undefined"
-                [tabindex]="-1"
-                [attr.data-pc-section]="'menu'"
-            >
-                <li
-                    *ngFor="let item of model; let i = index"
-                    [ngStyle]="getItemStyle(i)"
-                    class="p-speeddial-item"
-                    pTooltip
-                    [tooltipOptions]="item.tooltipOptions"
-                    [ngClass]="{ 'p-hidden': item.visible === false, 'p-focus': focusedOptionId == id + '_' + i }"
-                    [id]="id + '_' + i"
-                    [attr.aria-controls]="id + '_item'"
-                    role="menuitem"
-                    [attr.data-pc-section]="'menuitem'"
-                >
-                    <ng-container *ngIf="itemTemplate">
-                        <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item, index: i }"></ng-container>
-                    </ng-container>
-                    <ng-container *ngIf="!itemTemplate">
-                        <a
-                            *ngIf="isClickableRouterLink(item); else elseBlock"
-                            pRipple
-                            [routerLink]="item.routerLink"
-                            [queryParams]="item.queryParams"
-                            class="p-speeddial-action"
-                            [ngClass]="{ 'p-disabled': item.disabled }"
-                            role="menuitem"
-                            [routerLinkActiveOptions]="item.routerLinkActiveOptions || { exact: false }"
-                            (click)="onItemClick($event, item)"
-                            (keydown.enter)="onItemClick($event, item, i)"
-                            [attr.target]="item.target"
-                            [attr.tabindex]="item.disabled || readonly || !visible ? null : item.tabindex ? item.tabindex : '0'"
-                            [fragment]="item.fragment"
-                            [queryParamsHandling]="item.queryParamsHandling"
-                            [preserveFragment]="item.preserveFragment"
-                            [skipLocationChange]="item.skipLocationChange"
-                            [replaceUrl]="item.replaceUrl"
-                            [state]="item.state"
-                            [attr.aria-label]="item.label"
-                            [attr.data-pc-section]="'action'"
-                        >
-                            <span class="p-speeddial-action-icon" *ngIf="item.icon" [ngClass]="item.icon"></span>
-                        </a>
-                        <ng-template #elseBlock>
-                            <a
-                                [attr.href]="item.url || null"
-                                class="p-speeddial-action"
-                                role="menuitem"
-                                pRipple
-                                (click)="onItemClick($event, item)"
-                                [ngClass]="{ 'p-disabled': item.disabled }"
-                                (keydown.enter)="onItemClick($event, item, i)"
-                                [attr.target]="item.target"
-                                [attr.data-pc-section]="'action'"
-                                [attr.aria-label]="item.label"
-                                [attr.tabindex]="item.disabled || (i !== activeIndex && readonly) || !visible ? null : item.tabindex ? item.tabindex : '0'"
-                            >
-                                <span class="p-speeddial-action-icon" *ngIf="item.icon" [ngClass]="item.icon"></span>
-                            </a>
-                        </ng-template>
-                    </ng-container>
-                </li>
-            </ul>
-        </div>
-        <div *ngIf="mask && visible" [ngClass]="{ 'p-speeddial-mask': true, 'p-speeddial-mask-visible': visible }" [class]="maskClassName" [ngStyle]="maskStyle"></div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./speeddial.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class SpeedDial implements AfterViewInit, AfterContentInit, OnDestroy {
-    /**
-     * List of items id.
-     * @group Props
-     */
-    @Input() id: string | undefined;
-    /**
-     * MenuModel instance to define the action items.
-     * @group Props
-     */
-    @Input() model: MenuItem[] | null = null;
-    /**
-     * Specifies the visibility of the overlay.
-     * @defaultValue false
-     * @group Props
-     */
-    @Input() get visible(): boolean {
-        return this._visible;
-    }
-    set visible(value: boolean) {
-        this._visible = value;
-
-        if (this._visible) {
-            this.bindDocumentClickListener();
-        } else {
-            this.unbindDocumentClickListener();
-        }
-    }
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the element.
-     * @group Props
-     */
-    @Input() className: string | undefined;
-    /**
-     * Specifies the opening direction of actions.
-     * @gruop Props
-     */
-    @Input() direction: 'up' | 'down' | 'left' | 'right' | 'up-left' | 'up-right' | 'down-left' | 'down-right' | undefined = 'up';
-    /**
-     * Transition delay step for each action item.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) transitionDelay: number = 30;
-    /**
-     * Specifies the opening type of actions.
-     * @group Props
-     */
-    @Input() type: 'linear' | 'circle' | 'semi-circle' | 'quarter-circle' | undefined = 'linear';
-    /**
-     * Radius for *circle types.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) radius: number = 0;
-    /**
-     * Whether to show a mask element behind the speeddial.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) mask: boolean = false;
-    /**
-     * Whether the component is disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean = false;
-    /**
-     * Whether the actions close when clicked outside.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) hideOnClickOutside: boolean = true;
-    /**
-     * Inline style of the button element.
-     * @group Props
-     */
-    @Input() buttonStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the button element.
-     * @group Props
-     */
-    @Input() buttonClassName: string | undefined;
-    /**
-     * Inline style of the mask element.
-     * @group Props
-     */
-    @Input() maskStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the mask element.
-     * @group Props
-     */
-    @Input() maskClassName: string | undefined;
-    /**
-     * Show icon of the button element.
-     * @group Props
-     */
-    @Input() showIcon: string | undefined;
-    /**
-     * Hide icon of the button element.
-     * @group Props
-     */
-    @Input() hideIcon: string | undefined;
-    /**
-     * Defined to rotate showIcon when hideIcon is not present.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) rotateAnimation: boolean = true;
-    /**
-     * Defines a string value that labels an interactive element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Identifier of the underlying input element.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Fired when the visibility of element changed.
-     * @param {boolean} boolean - Visibility value.
-     * @group Emits
-     */
-    @Output() onVisibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();
-    /**
-     * Fired when the visibility of element changed.
-     * @param {boolean} boolean - Visibility value.
-     * @group Emits
-     */
-    @Output() visibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();
-    /**
-     * Fired when the button element clicked.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Emits
-     */
-    @Output() onClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-    /**
-     * Fired when the actions are visible.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onShow: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Fired when the actions are hidden.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onHide: EventEmitter<Event> = new EventEmitter<Event>();
-
-    @ViewChild('container') container: ElementRef | undefined;
-
-    @ViewChild('list') list: ElementRef | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    buttonTemplate: TemplateRef<any> | undefined;
-
-    itemTemplate: TemplateRef<any> | undefined;
-
-    isItemClicked: boolean = false;
-
-    _visible: boolean = false;
-
-    documentClickListener: any;
-
-    focusedOptionIndex = signal<any>(null);
-
-    focused: boolean = false;
-
-    get focusedOptionId() {
-        return this.focusedOptionIndex() !== -1 ? this.focusedOptionIndex() : null;
-    }
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private el: ElementRef,
-        public cd: ChangeDetectorRef,
-        @Inject(DOCUMENT) private document: Document,
-        private renderer: Renderer2
-    ) {}
-
-    ngOnInit() {
-        this.id = this.id || UniqueComponentId();
-    }
-
-    ngAfterViewInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (this.type !== 'linear') {
-                const button = DomHandler.findSingle(this.container?.nativeElement, '.p-speeddial-button');
-                const firstItem = DomHandler.findSingle(this.list?.nativeElement, '.p-speeddial-item');
-
-                if (button && firstItem) {
-                    const wDiff = Math.abs(button.offsetWidth - firstItem.offsetWidth);
-                    const hDiff = Math.abs(button.offsetHeight - firstItem.offsetHeight);
-                    this.list?.nativeElement.style.setProperty('--item-diff-x', `${wDiff / 2}px`);
-                    this.list?.nativeElement.style.setProperty('--item-diff-y', `${hDiff / 2}px`);
-                }
-            }
-        }
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'button':
-                    this.buttonTemplate = item.template;
-                    break;
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    show() {
-        this.onVisibleChange.emit(true);
-        this.visibleChange.emit(true);
-        this._visible = true;
-        this.onShow.emit();
-        this.bindDocumentClickListener();
-        this.cd.markForCheck();
-    }
-
-    hide() {
-        this.onVisibleChange.emit(false);
-        this.visibleChange.emit(false);
-        this._visible = false;
-        this.onHide.emit();
-        this.unbindDocumentClickListener();
-        this.cd.markForCheck();
-    }
-
-    onButtonClick(event: MouseEvent) {
-        this.visible ? this.hide() : this.show();
-        this.onClick.emit(event);
-        this.isItemClicked = true;
-    }
-
-    onItemClick(e: MouseEvent, item: MenuItem) {
-        if (item.command) {
-            item.command({ originalEvent: e, item });
-        }
-
-        this.hide();
-
-        this.isItemClicked = true;
-    }
-
-    onKeyDown(event: KeyboardEvent) {
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDown(event);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUp(event);
-                break;
-
-            case 'ArrowLeft':
-                this.onArrowLeft(event);
-                break;
-
-            case 'ArrowRight':
-                this.onArrowRight(event);
-                break;
-
-            case 'Enter':
-            case 'Space':
-                this.onEnterKey(event);
-                break;
-
-            case 'Escape':
-                this.onEscapeKey(event);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event);
-                break;
-
-            case 'End':
-                this.onEndKey(event);
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    onFocus(event) {
-        this.focused = true;
-    }
-
-    onBlur(event) {
-        this.focused = false;
-        asapScheduler.schedule(() => this.focusedOptionIndex.set(-1));
-    }
-
-    onArrowUp(event) {
-        if (this.direction === 'up') {
-            this.navigateNextItem(event);
-        } else if (this.direction === 'down') {
-            this.navigatePrevItem(event);
-        } else {
-            this.navigateNextItem(event);
-        }
-    }
-
-    onArrowDown(event) {
-        if (this.direction === 'up') {
-            this.navigatePrevItem(event);
-        } else if (this.direction === 'down') {
-            this.navigateNextItem(event);
-        } else {
-            this.navigatePrevItem(event);
-        }
-    }
-
-    onArrowLeft(event) {
-        const leftValidDirections = ['left', 'up-right', 'down-left'];
-        const rightValidDirections = ['right', 'up-left', 'down-right'];
-
-        if (leftValidDirections.includes(this.direction)) {
-            this.navigateNextItem(event);
-        } else if (rightValidDirections.includes(this.direction)) {
-            this.navigatePrevItem(event);
-        } else {
-            this.navigatePrevItem(event);
-        }
-    }
-
-    onArrowRight(event) {
-        const leftValidDirections = ['left', 'up-right', 'down-left'];
-        const rightValidDirections = ['right', 'up-left', 'down-right'];
-
-        if (leftValidDirections.includes(this.direction)) {
-            this.navigatePrevItem(event);
-        } else if (rightValidDirections.includes(this.direction)) {
-            this.navigateNextItem(event);
-        } else {
-            this.navigateNextItem(event);
-        }
-    }
-
-    onEndKey(event: any) {
-        event.preventDefault();
-
-        this.focusedOptionIndex.set(-1);
-        this.navigatePrevItem(event);
-    }
-
-    onHomeKey(event: any) {
-        event.preventDefault();
-
-        this.focusedOptionIndex.set(-1);
-        this.navigateNextItem(event);
-    }
-
-    onEnterKey(event: any) {
-        const items = DomHandler.find(this.container.nativeElement, '[data-pc-section="menuitem"]');
-        const itemIndex = [...items].findIndex((item) => item.id === this.focusedOptionIndex());
-
-        this.onItemClick(event, this.model[itemIndex]);
-        this.onBlur(event);
-
-        const buttonEl = DomHandler.findSingle(this.container.nativeElement, 'button');
-
-        buttonEl && DomHandler.focus(buttonEl);
-    }
-
-    onEscapeKey(event: KeyboardEvent) {
-        this.hide();
-
-        const buttonEl = DomHandler.findSingle(this.container.nativeElement, 'button');
-
-        buttonEl && DomHandler.focus(buttonEl);
-    }
-
-    onTogglerKeydown(event: KeyboardEvent) {
-        switch (event.code) {
-            case 'ArrowDown':
-            case 'ArrowLeft':
-                this.onTogglerArrowDown(event);
-
-                break;
-
-            case 'ArrowUp':
-            case 'ArrowRight':
-                this.onTogglerArrowUp(event);
-
-                break;
-
-            case 'Escape':
-                this.onEscapeKey(event);
-
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    onTogglerArrowUp(event) {
-        this.focused = true;
-        DomHandler.focus(this.list.nativeElement);
-
-        this.show();
-        this.navigatePrevItem(event);
-
-        event.preventDefault();
-    }
-
-    onTogglerArrowDown(event) {
-        this.focused = true;
-        DomHandler.focus(this.list.nativeElement);
-
-        this.show();
-        this.navigateNextItem(event);
-
-        event.preventDefault();
-    }
-
-    navigateNextItem(event) {
-        const optionIndex = this.findNextOptionIndex(this.focusedOptionIndex());
-
-        this.changeFocusedOptionIndex(optionIndex);
-
-        event.preventDefault();
-    }
-
-    navigatePrevItem(event) {
-        const optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex());
-
-        this.changeFocusedOptionIndex(optionIndex);
-
-        event.preventDefault();
-    }
-
-    findPrevOptionIndex(index) {
-        const items = DomHandler.find(this.container.nativeElement, '[data-pc-section="menuitem"]');
-
-        const filteredItems = [...items].filter((item) => !DomHandler.hasClass(DomHandler.findSingle(item, 'a'), 'p-disabled'));
-        const newIndex = index === -1 ? filteredItems[filteredItems.length - 1].id : index;
-        let matchedOptionIndex = filteredItems.findIndex((link) => link.getAttribute('id') === newIndex);
-
-        matchedOptionIndex = index === -1 ? filteredItems.length - 1 : matchedOptionIndex - 1;
-
-        return matchedOptionIndex;
-    }
-
-    findNextOptionIndex(index) {
-        const items = DomHandler.find(this.container.nativeElement, '[data-pc-section="menuitem"]');
-        const filteredItems = [...items].filter((item) => !DomHandler.hasClass(DomHandler.findSingle(item, 'a'), 'p-disabled'));
-        const newIndex = index === -1 ? filteredItems[0].id : index;
-        let matchedOptionIndex = filteredItems.findIndex((link) => link.getAttribute('id') === newIndex);
-
-        matchedOptionIndex = index === -1 ? 0 : matchedOptionIndex + 1;
-
-        return matchedOptionIndex;
-    }
-
-    changeFocusedOptionIndex(index) {
-        const items = DomHandler.find(this.container.nativeElement, '[data-pc-section="menuitem"]');
-        const filteredItems = [...items].filter((item) => !DomHandler.hasClass(DomHandler.findSingle(item, 'a'), 'p-disabled'));
-
-        if (filteredItems[index]) {
-            this.focusedOptionIndex.set(filteredItems[index].getAttribute('id'));
-        }
-    }
-
-    calculatePointStyle(index: number) {
-        const type = this.type;
-
-        if (type !== 'linear') {
-            const length = (this.model as MenuItem[]).length;
-            const radius = this.radius || length * 20;
-
-            if (type === 'circle') {
-                const step = (2 * Math.PI) / length;
-
-                return {
-                    left: `calc(${radius * Math.cos(step * index)}px + var(--item-diff-x, 0px))`,
-                    top: `calc(${radius * Math.sin(step * index)}px + var(--item-diff-y, 0px))`
-                };
-            } else if (type === 'semi-circle') {
-                const direction = this.direction;
-                const step = Math.PI / (length - 1);
-                const x = `calc(${radius * Math.cos(step * index)}px + var(--item-diff-x, 0px))`;
-                const y = `calc(${radius * Math.sin(step * index)}px + var(--item-diff-y, 0px))`;
-                if (direction === 'up') {
-                    return { left: x, bottom: y };
-                } else if (direction === 'down') {
-                    return { left: x, top: y };
-                } else if (direction === 'left') {
-                    return { right: y, top: x };
-                } else if (direction === 'right') {
-                    return { left: y, top: x };
-                }
-            } else if (type === 'quarter-circle') {
-                const direction = this.direction;
-                const step = Math.PI / (2 * (length - 1));
-                const x = `calc(${radius * Math.cos(step * index)}px + var(--item-diff-x, 0px))`;
-                const y = `calc(${radius * Math.sin(step * index)}px + var(--item-diff-y, 0px))`;
-                if (direction === 'up-left') {
-                    return { right: x, bottom: y };
-                } else if (direction === 'up-right') {
-                    return { left: x, bottom: y };
-                } else if (direction === 'down-left') {
-                    return { right: y, top: x };
-                } else if (direction === 'down-right') {
-                    return { left: y, top: x };
-                }
-            }
-        }
-
-        return {};
-    }
-
-    calculateTransitionDelay(index: number) {
-        const length = (this.model as MenuItem[]).length;
-
-        return (this.visible ? index : length - index - 1) * this.transitionDelay;
-    }
-
-    containerClass() {
-        return {
-            ['p-speeddial p-component' + ` p-speeddial-${this.type}`]: true,
-            [`p-speeddial-direction-${this.direction}`]: this.type !== 'circle',
-            'p-speeddial-opened': this.visible,
-            'p-disabled': this.disabled
-        };
-    }
-
-    buttonClass() {
-        return {
-            'p-speeddial-button p-button-rounded': true,
-            'p-speeddial-rotate': this.rotateAnimation && !this.hideIcon,
-            [this.buttonClassName!]: true
-        };
-    }
-
-    get buttonIconClass() {
-        return (!this.visible && this.showIcon) || !this.hideIcon ? this.showIcon : this.hideIcon;
-    }
-
-    getItemStyle(index: number) {
-        const transitionDelay = this.calculateTransitionDelay(index);
-        const pointStyle = this.calculatePointStyle(index);
-        return {
-            transitionDelay: `${transitionDelay}ms`,
-            ...pointStyle
-        };
-    }
-
-    isClickableRouterLink(item: MenuItem) {
-        return item.routerLink && !this.disabled && !item.disabled;
-    }
-
-    isOutsideClicked(event: Event) {
-        return this.container && !(this.container.nativeElement.isSameNode(event.target) || this.container.nativeElement.contains(event.target) || this.isItemClicked);
-    }
-
-    bindDocumentClickListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.documentClickListener && this.hideOnClickOutside) {
-                this.documentClickListener = this.renderer.listen(this.document, 'click', (event) => {
-                    if (this.visible && this.isOutsideClicked(event)) {
-                        this.hide();
-                    }
-
-                    this.isItemClicked = false;
-                });
-            }
-        }
-    }
-
-    unbindDocumentClickListener() {
-        if (this.documentClickListener) {
-            this.documentClickListener();
-            this.documentClickListener = null;
-        }
-    }
-
-    ngOnDestroy() {
-        this.unbindDocumentClickListener();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, ButtonModule, RippleModule, TooltipModule, RouterModule, PlusIcon],
-    exports: [SpeedDial, SharedModule, ButtonModule, TooltipModule, RouterModule],
-    declarations: [SpeedDial]
-})
-export class SpeedDialModule {}
diff --git a/src/app/components/spinner/ng-package.json b/src/app/components/spinner/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/spinner/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/spinner/public_api.ts b/src/app/components/spinner/public_api.ts
deleted file mode 100644
index cd17217..0000000
--- a/src/app/components/spinner/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './spinner';
diff --git a/src/app/components/spinner/spinner.css b/src/app/components/spinner/spinner.css
deleted file mode 100644
index 0ca2b58..0000000
--- a/src/app/components/spinner/spinner.css
+++ /dev/null
@@ -1,63 +0,0 @@
-@layer primeng {
-    .ui-spinner {
-        display: inline-block;
-        overflow: visible;
-        padding: 0;
-        position: relative;
-        vertical-align: middle;
-    }
-
-    .ui-spinner-input {
-        vertical-align: middle;
-        padding-right: 1.5em;
-    }
-
-    .ui-spinner-button {
-        cursor: default;
-        display: block;
-        height: 50%;
-        margin: 0;
-        overflow: hidden;
-        padding: 0;
-        position: absolute;
-        right: 0;
-        text-align: center;
-        vertical-align: middle;
-        width: 1.5em;
-    }
-
-    .ui-spinner .ui-spinner-button-icon {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        margin-top: -0.5em;
-        margin-left: -0.5em;
-        width: 1em;
-    }
-
-    .ui-spinner-up {
-        top: 0;
-    }
-
-    .ui-spinner-down {
-        bottom: 0;
-    }
-
-    /* Fluid */
-    .ui-fluid .ui-spinner {
-        width: 100%;
-    }
-
-    .ui-fluid .ui-spinner .ui-spinner-input {
-        padding-right: 2em;
-        width: 100%;
-    }
-
-    .ui-fluid .ui-spinner .ui-spinner-button {
-        width: 1.5em;
-    }
-
-    .ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
-        left: 0.7em;
-    }
-}
diff --git a/src/app/components/spinner/spinner.ts b/src/app/components/spinner/spinner.ts
deleted file mode 100644
index e23c886..0000000
--- a/src/app/components/spinner/spinner.ts
+++ /dev/null
@@ -1,405 +0,0 @@
-import { NgModule, Component, ElementRef, OnInit, Input, Output, EventEmitter, forwardRef, ViewChild, ChangeDetectorRef, ChangeDetectionStrategy, ViewEncapsulation, booleanAttribute, numberAttribute } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { InputTextModule } from 'primeng/inputtext';
-import { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';
-
-export const SPINNER_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => Spinner),
-    multi: true
-};
-
-@Component({
-    selector: 'p-spinner',
-    template: `
-        <span class="ui-spinner ui-widget ui-corner-all">
-            <input
-                #inputfield
-                type="text"
-                [attr.id]="inputId"
-                [value]="formattedValue || null"
-                [attr.name]="name"
-                [attr.aria-valumin]="min"
-                [attr.aria-valuemax]="max"
-                [attr.aria-valuenow]="value"
-                [attr.aria-labelledby]="ariaLabelledBy"
-                [attr.size]="size"
-                [attr.maxlength]="maxlength"
-                [attr.tabindex]="tabindex"
-                [attr.placeholder]="placeholder"
-                [disabled]="disabled"
-                [readonly]="readonly"
-                [attr.required]="required"
-                (keydown)="onInputKeydown($event)"
-                (blur)="onInputBlur($event)"
-                (input)="onInput($event)"
-                (change)="onInputChange($event)"
-                (focus)="onInputFocus($event)"
-                [ngStyle]="inputStyle"
-                [class]="inputStyleClass"
-                [ngClass]="'ui-spinner-input ui-inputtext ui-widget ui-state-default ui-corner-all'"
-            />
-            <button
-                type="button"
-                [ngClass]="{ 'ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default': true, 'ui-state-disabled': disabled }"
-                [disabled]="disabled || readonly"
-                tabindex="-1"
-                [attr.readonly]="readonly"
-                (mouseleave)="onUpButtonMouseleave($event)"
-                (mousedown)="onUpButtonMousedown($event)"
-                (mouseup)="onUpButtonMouseup($event)"
-            >
-                <span class="ui-spinner-button-icon pi pi-caret-up ui-clickable"></span>
-            </button>
-            <button
-                type="button"
-                [ngClass]="{ 'ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default': true, 'ui-state-disabled': disabled }"
-                [disabled]="disabled || readonly"
-                tabindex="-1"
-                [attr.readonly]="readonly"
-                (mouseleave)="onDownButtonMouseleave($event)"
-                (mousedown)="onDownButtonMousedown($event)"
-                (mouseup)="onDownButtonMouseup($event)"
-            >
-                <span class="ui-spinner-button-icon pi pi-caret-down ui-clickable"></span>
-            </button>
-        </span>
-    `,
-    host: {
-        class: 'p-element',
-        '[class.ui-inputwrapper-filled]': 'filled',
-        '[class.ui-inputwrapper-focus]': 'focus'
-    },
-    providers: [SPINNER_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./spinner.css']
-})
-export class Spinner implements OnInit, ControlValueAccessor {
-    @Output() onChange: EventEmitter<any> = new EventEmitter();
-
-    @Output() onFocus: EventEmitter<any> = new EventEmitter();
-
-    @Output() onBlur: EventEmitter<any> = new EventEmitter();
-
-    @Input({ transform: numberAttribute }) min: number;
-
-    @Input({ transform: numberAttribute }) max: number;
-
-    @Input({ transform: numberAttribute }) maxlength: number;
-
-    @Input({ transform: numberAttribute }) size: number;
-
-    @Input() placeholder: string;
-
-    @Input() inputId: string;
-
-    @Input({ transform: booleanAttribute }) disabled: boolean;
-
-    @Input({ transform: booleanAttribute }) readonly: boolean;
-
-    @Input({ transform: numberAttribute }) tabindex: number;
-
-    @Input({ transform: booleanAttribute }) required: boolean;
-
-    @Input() name: string;
-
-    @Input() ariaLabelledBy: string;
-
-    @Input() inputStyle: any;
-
-    @Input() inputStyleClass: string;
-
-    @Input({ transform: booleanAttribute }) formatInput: boolean;
-
-    @Input() decimalSeparator: string;
-
-    @Input() thousandSeparator: string;
-
-    @Input({ transform: numberAttribute }) precision: number;
-
-    value: any;
-
-    _step: number = 1;
-
-    formattedValue: string;
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    keyPattern: RegExp = /[0-9\+\-]/;
-
-    public timer: any;
-
-    public focus: boolean;
-
-    public filled: boolean;
-
-    public negativeSeparator = '-';
-
-    localeDecimalSeparator: string;
-
-    localeThousandSeparator: string;
-
-    thousandRegExp: RegExp;
-
-    calculatedPrecision: number;
-
-    @ViewChild('inputfield') inputfieldViewChild: ElementRef;
-
-    @Input() get step(): number {
-        return this._step;
-    }
-    set step(val: number) {
-        this._step = val;
-
-        if (this._step != null) {
-            let tokens = this.step.toString().split(/[,]|[.]/);
-            this.calculatedPrecision = tokens[1] ? tokens[1].length : undefined;
-        }
-    }
-
-    constructor(
-        public el: ElementRef,
-        public cd: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        if (this.formatInput) {
-            this.localeDecimalSeparator = (1.1).toLocaleString().substring(1, 2);
-            this.localeThousandSeparator = (1000).toLocaleString().substring(1, 2);
-            this.thousandRegExp = new RegExp(`[${this.thousandSeparator || this.localeThousandSeparator}]`, 'gim');
-
-            if (this.decimalSeparator && this.thousandSeparator && this.decimalSeparator === this.thousandSeparator) {
-                console.warn('thousandSeparator and decimalSeparator cannot have the same value.');
-            }
-        }
-    }
-
-    repeat(event: Event, interval: number, dir: number) {
-        let i = interval || 500;
-
-        this.clearTimer();
-        this.timer = setTimeout(() => {
-            this.repeat(event, 40, dir);
-        }, i);
-
-        this.spin(event, dir);
-    }
-
-    spin(event: Event, dir: number) {
-        let step = this.step * dir;
-        let currentValue: number;
-        let precision = this.getPrecision();
-
-        if (this.value) currentValue = typeof this.value === 'string' ? this.parseValue(this.value) : this.value;
-        else currentValue = 0;
-
-        if (precision) this.value = parseFloat(this.toFixed(currentValue + step, precision));
-        else this.value = currentValue + step;
-
-        if (this.maxlength !== undefined && this.value.toString().length > this.maxlength) {
-            this.value = currentValue;
-        }
-
-        if (this.min !== undefined && this.value < this.min) {
-            this.value = this.min;
-        }
-
-        if (this.max !== undefined && this.value > this.max) {
-            this.value = this.max;
-        }
-
-        this.formatValue();
-        this.onModelChange(this.value);
-        this.onChange.emit(event);
-    }
-
-    getPrecision() {
-        return this.precision === undefined ? this.calculatedPrecision : this.precision;
-    }
-
-    toFixed(value: number, precision: number) {
-        let power = Math.pow(10, precision || 0);
-        return String(Math.round(value * power) / power);
-    }
-
-    onUpButtonMousedown(event: Event) {
-        if (!this.disabled) {
-            this.inputfieldViewChild.nativeElement.focus();
-            this.repeat(event, null, 1);
-            this.updateFilledState();
-            event.preventDefault();
-        }
-    }
-
-    onUpButtonMouseup(event: Event) {
-        if (!this.disabled) {
-            this.clearTimer();
-        }
-    }
-
-    onUpButtonMouseleave(event: Event) {
-        if (!this.disabled) {
-            this.clearTimer();
-        }
-    }
-
-    onDownButtonMousedown(event: Event) {
-        if (!this.disabled) {
-            this.inputfieldViewChild.nativeElement.focus();
-            this.repeat(event, null, -1);
-            this.updateFilledState();
-            event.preventDefault();
-        }
-    }
-
-    onDownButtonMouseup(event: Event) {
-        if (!this.disabled) {
-            this.clearTimer();
-        }
-    }
-
-    onDownButtonMouseleave(event: Event) {
-        if (!this.disabled) {
-            this.clearTimer();
-        }
-    }
-
-    onInputKeydown(event: KeyboardEvent) {
-        if (event.which == 38) {
-            this.spin(event, 1);
-            event.preventDefault();
-        } else if (event.which == 40) {
-            this.spin(event, -1);
-            event.preventDefault();
-        }
-    }
-
-    onInputChange(event: Event) {
-        this.onChange.emit(event);
-    }
-
-    onInput(event: KeyboardEvent) {
-        this.value = this.parseValue((<HTMLInputElement>event.target).value);
-        this.onModelChange(this.value);
-        this.updateFilledState();
-    }
-
-    onInputBlur(event) {
-        this.focus = false;
-        this.formatValue();
-        this.onModelTouched();
-        this.onBlur.emit(event);
-    }
-
-    onInputFocus(event) {
-        this.focus = true;
-        this.onFocus.emit(event);
-    }
-
-    parseValue(val: string): number {
-        let value: number;
-        let precision = this.getPrecision();
-
-        if (val.trim() === '') {
-            value = null;
-        } else {
-            if (this.formatInput) {
-                val = val.replace(this.thousandRegExp, '');
-            }
-
-            if (precision) {
-                val = this.formatInput ? val.replace(this.decimalSeparator || this.localeDecimalSeparator, '.') : val.replace(',', '.');
-                value = parseFloat(val);
-            } else {
-                value = parseInt(val, 10);
-            }
-
-            if (!isNaN(value)) {
-                if (this.max !== null && value > this.max) {
-                    value = this.max;
-                }
-
-                if (this.min !== null && value < this.min) {
-                    value = this.min;
-                }
-            } else {
-                value = null;
-            }
-        }
-
-        return value;
-    }
-
-    formatValue() {
-        let value = this.value;
-        let precision = this.getPrecision();
-
-        if (value != null) {
-            if (this.formatInput) {
-                value = value.toLocaleString(undefined, { maximumFractionDigits: 20 });
-
-                if (this.decimalSeparator && this.thousandSeparator) {
-                    value = value.split(this.localeDecimalSeparator);
-
-                    if (precision && value[1]) {
-                        value[1] = (this.decimalSeparator || this.localeDecimalSeparator) + value[1];
-                    }
-
-                    if (this.thousandSeparator && value[0].length > 3) {
-                        value[0] = value[0].replace(new RegExp(`[${this.localeThousandSeparator}]`, 'gim'), this.thousandSeparator);
-                    }
-
-                    value = value.join('');
-                }
-            }
-
-            this.formattedValue = value.toString();
-        } else {
-            this.formattedValue = null;
-        }
-
-        if (this.inputfieldViewChild && this.inputfieldViewChild.nativeElement) {
-            this.inputfieldViewChild.nativeElement.value = this.formattedValue;
-        }
-    }
-
-    clearTimer() {
-        if (this.timer) {
-            clearInterval(this.timer);
-        }
-    }
-
-    writeValue(value: any): void {
-        this.value = value;
-        this.formatValue();
-        this.updateFilledState();
-        this.cd.markForCheck();
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    updateFilledState() {
-        this.filled = this.value !== undefined && this.value != null;
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, InputTextModule],
-    exports: [Spinner],
-    declarations: [Spinner]
-})
-export class SpinnerModule {}
diff --git a/src/app/components/splitbutton/ng-package.json b/src/app/components/splitbutton/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/splitbutton/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/splitbutton/public_api.ts b/src/app/components/splitbutton/public_api.ts
deleted file mode 100644
index e3edbb3..0000000
--- a/src/app/components/splitbutton/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './splitbutton';
-export * from './splitbutton.interface';
diff --git a/src/app/components/splitbutton/splitbutton.css b/src/app/components/splitbutton/splitbutton.css
deleted file mode 100644
index b95f56e..0000000
--- a/src/app/components/splitbutton/splitbutton.css
+++ /dev/null
@@ -1,33 +0,0 @@
-@layer primeng {
-    .p-splitbutton {
-        display: inline-flex;
-        position: relative;
-    }
-
-    .p-splitbutton .p-splitbutton-defaultbutton,
-    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {
-        flex: 1 1 auto;
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-        border-right: 0 none;
-    }
-
-    .p-splitbutton-menubutton,
-    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-    }
-
-    .p-splitbutton .p-menu {
-        min-width: 100%;
-    }
-
-    .p-fluid .p-splitbutton {
-        display: flex;
-    }
-}
diff --git a/src/app/components/splitbutton/splitbutton.interface.ts b/src/app/components/splitbutton/splitbutton.interface.ts
deleted file mode 100644
index bcd53ad..0000000
--- a/src/app/components/splitbutton/splitbutton.interface.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in SplitButton.
- * @group Templates
- */
-export interface SplitButtonTemplates {
-    /**
-     * Custom template of content.
-     */
-    content(): TemplateRef<any>;
-    /**
-     * Custom template of dropdownicon.
-     */
-    dropdownicon(): TemplateRef<any>;
-}
-/**
- * Defines ButtonProps interface.
- */
-export interface ButtonProps {
-    ariaLabel?: string;
-}
-/**
- * Defines MenuButtonProps interface.
- */
-export interface MenuButtonProps {
-    ariaLabel?: string;
-    ariaHasPopup?: boolean;
-    ariaExpanded?: boolean;
-    ariaControls?: string;
-}
diff --git a/src/app/components/splitbutton/splitbutton.spec.ts b/src/app/components/splitbutton/splitbutton.spec.ts
deleted file mode 100644
index 67e737c..0000000
--- a/src/app/components/splitbutton/splitbutton.spec.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { SplitButton, SplitButtonModule } from './splitbutton';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { ButtonModule } from 'primeng/button';
-import { RouterTestingModule } from '@angular/router/testing';
-
-describe('SplitButton', () => {
-    let splitbutton: SplitButton;
-    let fixture: ComponentFixture<SplitButton>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, RouterTestingModule, ButtonModule, SplitButtonModule]
-        });
-
-        fixture = TestBed.createComponent(SplitButton);
-        splitbutton = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const splitButtonEl = fixture.debugElement.query(By.css('.p-splitbutton'));
-        expect(splitButtonEl.nativeElement).toBeTruthy();
-    });
-});
diff --git a/src/app/components/splitbutton/splitbutton.ts b/src/app/components/splitbutton/splitbutton.ts
deleted file mode 100644
index 6dcb1ff..0000000
--- a/src/app/components/splitbutton/splitbutton.ts
+++ /dev/null
@@ -1,387 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewChild, ViewEncapsulation, booleanAttribute, numberAttribute, signal } from '@angular/core';
-import { MenuItem, PrimeTemplate } from 'primeng/api';
-import { ButtonModule } from 'primeng/button';
-import { ChevronDownIcon } from 'primeng/icons/chevrondown';
-import { TieredMenu, TieredMenuModule } from 'primeng/tieredmenu';
-import { UniqueComponentId } from 'primeng/utils';
-import { AutoFocusModule } from 'primeng/autofocus';
-
-import { ButtonProps, MenuButtonProps } from './splitbutton.interface';
-
-type SplitButtonIconPosition = 'left' | 'right';
-/**
- * SplitButton groups a set of commands in an overlay with a default command.
- * @group Components
- */
-@Component({
-    selector: 'p-splitButton',
-    template: `
-        <div #container [ngClass]="containerClass" [class]="styleClass" [ngStyle]="style">
-            <ng-container *ngIf="contentTemplate; else defaultButton">
-                <button
-                    class="p-splitbutton-defaultbutton"
-                    type="button"
-                    pButton
-                    [severity]="severity"
-                    [text]="text"
-                    [outlined]="outlined"
-                    [size]="size"
-                    [icon]="icon"
-                    [iconPos]="iconPos"
-                    (click)="onDefaultButtonClick($event)"
-                    [disabled]="disabled"
-                    [attr.tabindex]="tabindex"
-                    [ariaLabel]="buttonProps?.['ariaLabel'] || label"
-                    pAutoFocus
-                    [autofocus]="autofocus"
-                    [pTooltip]="tooltip"
-                    [tooltipOptions]="tooltipOptions"
-                >
-                    <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
-                </button>
-            </ng-container>
-            <ng-template #defaultButton>
-                <button
-                    #defaultbtn
-                    class="p-splitbutton-defaultbutton"
-                    type="button"
-                    pButton
-                    [severity]="severity"
-                    [text]="text"
-                    [outlined]="outlined"
-                    [size]="size"
-                    [icon]="icon"
-                    [iconPos]="iconPos"
-                    [label]="label"
-                    (click)="onDefaultButtonClick($event)"
-                    [disabled]="buttonDisabled"
-                    [attr.tabindex]="tabindex"
-                    [ariaLabel]="buttonProps?.['ariaLabel']"
-                    pAutoFocus
-                    [autofocus]="autofocus"
-                    [pTooltip]="tooltip"
-                    [tooltipOptions]="tooltipOptions"
-                ></button>
-            </ng-template>
-            <button
-                type="button"
-                pButton
-                [size]="size"
-                [severity]="severity"
-                [text]="text"
-                [outlined]="outlined"
-                class="p-splitbutton-menubutton p-button-icon-only"
-                (click)="onDropdownButtonClick($event)"
-                (keydown)="onDropdownButtonKeydown($event)"
-                [disabled]="menuButtonDisabled"
-                [ariaLabel]="menuButtonProps?.['ariaLabel'] || expandAriaLabel"
-                [attr.aria-haspopup]="menuButtonProps?.['ariaHasPopup'] || true"
-                [attr.aria-expanded]="menuButtonProps?.['ariaExpanded'] || isExpanded()"
-                [attr.aria-controls]="menuButtonProps?.['ariaControls'] || ariaId"
-            >
-                <ChevronDownIcon *ngIf="!dropdownIconTemplate" />
-                <ng-template *ngTemplateOutlet="dropdownIconTemplate"></ng-template>
-            </button>
-            <p-tieredMenu
-                [id]="ariaId"
-                #menu
-                [popup]="true"
-                [model]="model"
-                [style]="menuStyle"
-                [styleClass]="menuStyleClass"
-                [appendTo]="appendTo"
-                [showTransitionOptions]="showTransitionOptions"
-                [hideTransitionOptions]="hideTransitionOptions"
-                (onHide)="onHide()"
-                (onShow)="onShow()"
-            ></p-tieredMenu>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./splitbutton.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class SplitButton {
-    /**
-     * MenuModel instance to define the overlay items.
-     * @group Props
-     */
-    @Input() model: MenuItem[] | undefined;
-    /**
-     * Defines the style of the button.
-     * @group Props
-     */
-    @Input() severity: 'success' | 'info' | 'warning' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast' | null | undefined;
-    /**
-     * Add a shadow to indicate elevation.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) raised: boolean = false;
-    /**
-     * Add a circular border radius to the button.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) rounded: boolean = false;
-    /**
-     * Add a textual class to the button without a background initially.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) text: boolean = false;
-    /**
-     * Add a border class without a background initially.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) outlined: boolean = false;
-    /**
-     * Defines the size of the button.
-     * @group Props
-     */
-    @Input() size: 'small' | 'large' | undefined | null = null;
-    /**
-     * Add a plain textual class to the button without a background initially.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) plain: boolean = false;
-    /**
-     * Name of the icon.
-     * @group Props
-     */
-    @Input() icon: string | undefined;
-    /**
-     * Position of the icon.
-     * @group Props
-     */
-    @Input() iconPos: SplitButtonIconPosition = 'left';
-    /**
-     * Text of the button.
-     * @group Props
-     */
-    @Input() label: string | undefined;
-    /**
-     * Tooltip for the main button.
-     * @group Props
-     */
-    @Input() tooltip: string | undefined;
-    /**
-     * Tooltip options for the main button.
-     * @group Props
-     */
-    @Input() tooltipOptions: string | undefined;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the overlay menu.
-     * @group Props
-     */
-    @Input() menuStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the overlay menu.
-     * @group Props
-     */
-    @Input() menuStyleClass: string | undefined;
-
-    /**
-     *  Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Indicates the direction of the element.
-     * @group Props
-     */
-    @Input() dir: string | undefined;
-    /**
-     * Defines a string that labels the expand button for accessibility.
-     * @group Props
-     */
-    @Input() expandAriaLabel: string | undefined;
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     */
-    @Input() showTransitionOptions: string = '.12s cubic-bezier(0, 0, 0.2, 1)';
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     */
-    @Input() hideTransitionOptions: string = '.1s linear';
-    /**
-     * Button Props
-     */
-    @Input() buttonProps: ButtonProps | undefined;
-    /**
-     * Menu Button Props
-     */
-    @Input() menuButtonProps: MenuButtonProps | undefined;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * When present, it specifies that the element should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) set disabled(v: boolean | undefined) {
-        this._disabled = v;
-        this._buttonDisabled = v;
-        this.menuButtonDisabled = v;
-    }
-    public get disabled(): boolean | undefined {
-        return this._disabled;
-    }
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined;
-    /**
-     * When present, it specifies that the menu button element should be disabled.
-     * @group Props
-     */
-    @Input('menuButtonDisabled') set menuButtonDisabled(v: boolean | undefined) {
-        if (this.disabled) {
-            this._menuButtonDisabled = this.disabled;
-        } else this._menuButtonDisabled = v;
-    }
-    public get menuButtonDisabled(): boolean | undefined {
-        return this._menuButtonDisabled;
-    }
-    /**
-     * When present, it specifies that the button element should be disabled.
-     * @group Props
-     */
-    @Input() set buttonDisabled(v: boolean | undefined) {
-        if (this.disabled) {
-            this.buttonDisabled = this.disabled;
-        } else this._buttonDisabled = v;
-    }
-    public get buttonDisabled(): boolean {
-        return this._buttonDisabled;
-    }
-    /**
-     * Callback to invoke when default command button is clicked.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Emits
-     */
-    @Output() onClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-    /**
-     * Callback to invoke when overlay menu is hidden.
-     * @group Emits
-     */
-    @Output() onMenuHide: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke when overlay menu is shown.
-     * @group Emits
-     */
-    @Output() onMenuShow: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke when dropdown button is clicked.
-     * @param {MouseEvent} event - Mouse event.
-     * @group Emits
-     */
-    @Output() onDropdownClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-
-    @ViewChild('container') containerViewChild: ElementRef | undefined;
-
-    @ViewChild('defaultbtn') buttonViewChild: ElementRef | undefined;
-
-    @ViewChild('menu') menu: TieredMenu | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    contentTemplate: TemplateRef<any> | undefined;
-
-    dropdownIconTemplate: TemplateRef<any> | undefined;
-
-    ariaId: string | undefined;
-
-    isExpanded = signal<boolean>(false);
-
-    private _disabled: boolean | undefined;
-
-    private _buttonDisabled: boolean | undefined;
-
-    private _menuButtonDisabled: boolean | undefined;
-
-    ngOnInit() {
-        this.ariaId = UniqueComponentId();
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-
-                case 'dropdownicon':
-                    this.dropdownIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.contentTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    get containerClass() {
-        const cls = {
-            'p-splitbutton p-component': true,
-            'p-button-raised': this.raised,
-            'p-button-rounded': this.rounded,
-            'p-button-outlined': this.outlined,
-            'p-button-text': this.text,
-            [`p-button-${this.size === 'small' ? 'sm' : 'lg'}`]: this.size
-        };
-
-        return { ...cls };
-    }
-
-    onDefaultButtonClick(event: MouseEvent) {
-        this.onClick.emit(event);
-        this.menu.hide();
-    }
-
-    onDropdownButtonClick(event?: MouseEvent) {
-        this.onDropdownClick.emit(event);
-        this.menu?.toggle({ currentTarget: this.containerViewChild?.nativeElement, relativeAlign: this.appendTo == null });
-    }
-
-    onDropdownButtonKeydown(event: KeyboardEvent) {
-        if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {
-            this.onDropdownButtonClick();
-            event.preventDefault();
-        }
-    }
-
-    onHide() {
-        this.isExpanded.set(false);
-        this.onMenuHide.emit();
-    }
-
-    onShow() {
-        this.isExpanded.set(true);
-        this.onMenuShow.emit();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, ButtonModule, TieredMenuModule, AutoFocusModule, ChevronDownIcon],
-    exports: [SplitButton, ButtonModule, TieredMenuModule],
-    declarations: [SplitButton]
-})
-export class SplitButtonModule {}
diff --git a/src/app/components/splitter/ng-package.json b/src/app/components/splitter/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/splitter/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/splitter/public_api.ts b/src/app/components/splitter/public_api.ts
deleted file mode 100644
index e46d8ef..0000000
--- a/src/app/components/splitter/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './splitter';
-export * from './splitter.interface';
diff --git a/src/app/components/splitter/splitter.css b/src/app/components/splitter/splitter.css
deleted file mode 100644
index ede5c12..0000000
--- a/src/app/components/splitter/splitter.css
+++ /dev/null
@@ -1,70 +0,0 @@
-@layer primeng {
-    .p-splitter {
-        display: flex;
-        flex-wrap: nowrap;
-    }
-
-    .p-splitter-vertical {
-        flex-direction: column;
-    }
-
-    .p-splitter-panel {
-        overflow: hidden;
-        flex-grow: 1;
-    }
-
-    .p-splitter-panel-nested {
-        display: flex;
-        min-width: 0;
-    }
-
-    .p-splitter-panel p-splitter {
-        flex-grow: 1;
-    }
-
-    .p-splitter-panel .p-splitter {
-        flex-grow: 1;
-        border: 0 none;
-    }
-
-    .p-splitter-gutter {
-        flex-grow: 0;
-        flex-shrink: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: col-resize;
-    }
-
-    .p-splitter-horizontal.p-splitter-resizing {
-        cursor: col-resize;
-        user-select: none;
-    }
-
-    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
-        height: 24px;
-        width: 100%;
-    }
-
-    .p-splitter-horizontal > .p-splitter-gutter {
-        cursor: col-resize;
-    }
-
-    .p-splitter-vertical.p-splitter-resizing {
-        cursor: row-resize;
-        user-select: none;
-    }
-
-    .p-splitter-vertical > .p-splitter-gutter {
-        cursor: row-resize;
-    }
-
-    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
-        width: 24px;
-        height: 100%;
-    }
-
-    .p-splitter-resizing .p-splitter-panel {
-        pointer-events: none;
-    }
-}
diff --git a/src/app/components/splitter/splitter.interface.ts b/src/app/components/splitter/splitter.interface.ts
deleted file mode 100644
index c314bf3..0000000
--- a/src/app/components/splitter/splitter.interface.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { Splitter } from './splitter';
-/**
- * Custom panel resize start event.
- * @see {@link Splitter.onResizeStart}
- * @group Events
- */
-export interface SplitterResizeStartEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: TouchEvent | MouseEvent;
-    /**
-     * Collapsed state of the panel.
-     */
-    sizes: number[];
-}
-/**
- * Custom panel resize end event.
- * @see {@link Splitter.onResizeEnd}
- * @extends {SplitterResizeStartEvent}
- * @group Events
- */
-export interface SplitterResizeEndEvent extends SplitterResizeStartEvent {}
-
-/**
- * Defines valid templates in Panel.
- * @group Templates
- */
-export interface SplitterTemplates {
-    /**
-     * Custom panel template.
-     */
-    panel(): TemplateRef<any>;
-}
diff --git a/src/app/components/splitter/splitter.spec.ts b/src/app/components/splitter/splitter.spec.ts
deleted file mode 100644
index a80bf84..0000000
--- a/src/app/components/splitter/splitter.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { Splitter, SplitterModule } from './splitter';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { By } from '@angular/platform-browser';
-
-describe('Splitter', () => {
-    let splitter: Splitter;
-    let fixture: ComponentFixture<Splitter>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, SplitterModule]
-        });
-
-        fixture = TestBed.createComponent(Splitter);
-        splitter = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const splitterEl = fixture.debugElement.query(By.css('.p-splitter'));
-        expect(splitterEl.nativeElement).toBeTruthy();
-    });
-});
diff --git a/src/app/components/splitter/splitter.ts b/src/app/components/splitter/splitter.ts
deleted file mode 100644
index 78b28b9..0000000
--- a/src/app/components/splitter/splitter.ts
+++ /dev/null
@@ -1,561 +0,0 @@
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, EventEmitter, Inject, Input, NgModule, Output, PLATFORM_ID, QueryList, Renderer2, ViewChild, ViewEncapsulation, numberAttribute } from '@angular/core';
-import { PrimeTemplate, SharedModule } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { SplitterResizeEndEvent, SplitterResizeStartEvent } from './splitter.interface';
-/**
- * Splitter is utilized to separate and resize panels.
- * @group Components
- */
-@Component({
-    selector: 'p-splitter',
-    template: `
-        <div #container [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="style" [attr.data-pc-name]="'splitter'" [attr.data-p-gutter-resizing]="false" [attr.data-pc-section]="'root'">
-            <ng-template ngFor let-panel [ngForOf]="panels" let-i="index">
-                <div [ngClass]="panelContainerClass()" [class]="panelStyleClass" [ngStyle]="panelStyle" tabindex="-1" [attr.data-pc-name]="'splitter'" [attr.data-pc-section]="'root'">
-                    <ng-container *ngTemplateOutlet="panel"></ng-container>
-                </div>
-                <div
-                    *ngIf="i !== panels.length - 1"
-                    class="p-splitter-gutter"
-                    role="separator"
-                    tabindex="-1"
-                    (mousedown)="onGutterMouseDown($event, i)"
-                    (touchstart)="onGutterTouchStart($event, i)"
-                    (touchmove)="onGutterTouchMove($event)"
-                    (touchend)="onGutterTouchEnd($event, i)"
-                    [attr.data-p-gutter-resizing]="false"
-                    [attr.data-pc-section]="'gutter'"
-                >
-                    <div
-                        class="p-splitter-gutter-handle"
-                        tabindex="0"
-                        [ngStyle]="gutterStyle()"
-                        [attr.aria-orientation]="layout"
-                        [attr.aria-valuenow]="prevSize"
-                        [attr.data-pc-section]="'gutterhandle'"
-                        (keyup)="onGutterKeyUp($event)"
-                        (keydown)="onGutterKeyDown($event, i)"
-                    ></div>
-                </div>
-            </ng-template>
-        </div>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    styleUrls: ['./splitter.css'],
-    host: {
-        class: 'p-element',
-        '[class.p-splitter-panel-nested]': 'nested'
-    }
-})
-export class Splitter {
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Style class of the panel.
-     * @group Props
-     */
-    @Input() panelStyleClass: string | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Inline style of the panel.
-     * @group Props
-     */
-    @Input() panelStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Defines where a stateful splitter keeps its state, valid values are 'session' for sessionStorage and 'local' for localStorage.
-     * @group Props
-     */
-    @Input() stateStorage: string | undefined = 'session';
-    /**
-     * Storage identifier of a stateful Splitter.
-     * @group Props
-     */
-    @Input() stateKey: string | undefined | null = null;
-    /**
-     * Orientation of the panels. Valid values are 'horizontal' and 'vertical'.
-     * @group Props
-     */
-    @Input() layout: string | undefined = 'horizontal';
-    /**
-     * Size of the divider in pixels.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) gutterSize: number = 4;
-    /**
-     * Step factor to increment/decrement the size of the panels while pressing the arrow keys.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) step: number = 5;
-    /**
-     * Minimum size of the elements relative to 100%.
-     * @group Props
-     */
-    @Input() minSizes: number[] = [];
-    /**
-     * Size of the elements relative to 100%.
-     * @group Props
-     */
-    @Input() get panelSizes(): number[] {
-        return this._panelSizes;
-    }
-    set panelSizes(val: number[]) {
-        this._panelSizes = val;
-
-        if (this.el && this.el.nativeElement && this.panels.length > 0) {
-            let children = [...this.el.nativeElement.children[0].children].filter((child) => DomHandler.hasClass(child, 'p-splitter-panel'));
-            let _panelSizes = [];
-
-            this.panels.map((panel, i) => {
-                let panelInitialSize = this.panelSizes.length - 1 >= i ? this.panelSizes[i] : null;
-                let panelSize = panelInitialSize ?? 100 / this.panels.length;
-                _panelSizes[i] = panelSize;
-                children[i].style.flexBasis = 'calc(' + panelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';
-            });
-        }
-    }
-    /**
-     * Callback to invoke when resize ends.
-     * @param {SplitterResizeEndEvent} event - Custom panel resize end event
-     * @group Emits
-     */
-    @Output() onResizeEnd: EventEmitter<SplitterResizeEndEvent> = new EventEmitter<SplitterResizeEndEvent>();
-    /**
-     * Callback to invoke when resize starts.
-     * @param {SplitterResizeStartEvent} event - Custom panel resize start event
-     * @group Emits
-     */
-    @Output() onResizeStart: EventEmitter<SplitterResizeStartEvent> = new EventEmitter<SplitterResizeStartEvent>();
-
-    @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;
-
-    @ViewChild('container', { static: false }) containerViewChild: Nullable<ElementRef>;
-
-    nested: boolean = false;
-
-    panels: any[] = [];
-
-    dragging: boolean = false;
-
-    mouseMoveListener: VoidListener;
-
-    mouseUpListener: VoidListener;
-
-    touchMoveListener: VoidListener;
-
-    touchEndListener: VoidListener;
-
-    size: Nullable<number>;
-
-    gutterElement: Nullable<ElementRef | HTMLElement>;
-
-    startPos: Nullable<number>;
-
-    prevPanelElement: Nullable<ElementRef | HTMLElement>;
-
-    nextPanelElement: Nullable<ElementRef | HTMLElement>;
-
-    nextPanelSize: Nullable<number>;
-
-    prevPanelSize: Nullable<number>;
-
-    _panelSizes: number[] = [];
-
-    prevPanelIndex: Nullable<number>;
-
-    timer: any;
-
-    prevSize: any;
-
-    private window: Window;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private renderer: Renderer2,
-        public cd: ChangeDetectorRef,
-        private el: ElementRef
-    ) {
-        this.window = this.document.defaultView as Window;
-    }
-
-    ngOnInit() {
-        this.nested = this.isNested();
-    }
-
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'panel':
-                    this.panels.push(item.template);
-                    break;
-                default:
-                    this.panels.push(item.template);
-                    break;
-            }
-        });
-    }
-
-    ngAfterViewInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (this.panels && this.panels.length) {
-                let initialized = false;
-                if (this.isStateful()) {
-                    initialized = this.restoreState();
-                }
-
-                if (!initialized) {
-                    let children = [...this.el.nativeElement.children[0].children].filter((child) => DomHandler.hasClass(child, 'p-splitter-panel'));
-                    let _panelSizes = [];
-
-                    this.panels.map((panel, i) => {
-                        let panelInitialSize = this.panelSizes.length - 1 >= i ? this.panelSizes[i] : null;
-                        let panelSize = panelInitialSize || 100 / this.panels.length;
-                        _panelSizes[i] = panelSize;
-                        children[i].style.flexBasis = 'calc(' + panelSize + '% - ' + (this.panels.length - 1) * (this.gutterSize as number) + 'px)';
-                    });
-
-                    this._panelSizes = _panelSizes;
-
-                    this.prevSize = parseFloat(_panelSizes[0]).toFixed(4);
-                }
-            }
-        }
-    }
-
-    resizeStart(event: TouchEvent | MouseEvent, index: number, isKeyDown?: boolean) {
-        this.gutterElement = (event.currentTarget as HTMLElement) || (event.target as HTMLElement).parentElement;
-        this.size = this.horizontal() ? DomHandler.getWidth((this.containerViewChild as ElementRef).nativeElement) : DomHandler.getHeight((this.containerViewChild as ElementRef).nativeElement);
-
-        if (!isKeyDown) {
-            this.dragging = true;
-            this.startPos = this.horizontal() ? (event instanceof MouseEvent ? event.pageX : event.changedTouches[0].pageX) : event instanceof MouseEvent ? event.pageY : event.changedTouches[0].pageY;
-        }
-
-        this.prevPanelElement = this.gutterElement.previousElementSibling as HTMLElement;
-        this.nextPanelElement = this.gutterElement.nextElementSibling as HTMLElement;
-
-        if (isKeyDown) {
-            this.prevPanelSize = this.horizontal() ? DomHandler.getOuterWidth(this.prevPanelElement, true) : DomHandler.getOuterHeight(this.prevPanelElement, true);
-            this.nextPanelSize = this.horizontal() ? DomHandler.getOuterWidth(this.nextPanelElement, true) : DomHandler.getOuterHeight(this.nextPanelElement, true);
-        } else {
-            this.prevPanelSize = (100 * (this.horizontal() ? DomHandler.getOuterWidth(this.prevPanelElement, true) : DomHandler.getOuterHeight(this.prevPanelElement, true))) / this.size;
-            this.nextPanelSize = (100 * (this.horizontal() ? DomHandler.getOuterWidth(this.nextPanelElement, true) : DomHandler.getOuterHeight(this.nextPanelElement, true))) / this.size;
-        }
-
-        this.prevPanelIndex = index;
-        DomHandler.addClass(this.gutterElement, 'p-splitter-gutter-resizing');
-        this.gutterElement.setAttribute('data-p-gutter-resizing', 'true');
-        DomHandler.addClass((this.containerViewChild as ElementRef).nativeElement, 'p-splitter-resizing');
-        this.containerViewChild.nativeElement.setAttribute('data-p-resizing', 'true');
-        this.onResizeStart.emit({ originalEvent: event, sizes: this._panelSizes as number[] });
-    }
-
-    onResize(event: MouseEvent, step?: number, isKeyDown?: boolean) {
-        let newPos, newPrevPanelSize, newNextPanelSize;
-
-        if (isKeyDown) {
-            if (this.horizontal()) {
-                newPrevPanelSize = (100 * (this.prevPanelSize + step)) / this.size;
-                newNextPanelSize = (100 * (this.nextPanelSize - step)) / this.size;
-            } else {
-                newPrevPanelSize = (100 * (this.prevPanelSize - step)) / this.size;
-                newNextPanelSize = (100 * (this.nextPanelSize + step)) / this.size;
-            }
-        } else {
-            if (this.horizontal()) newPos = (event.pageX * 100) / this.size - (this.startPos * 100) / this.size;
-            else newPos = (event.pageY * 100) / this.size - (this.startPos * 100) / this.size;
-
-            newPrevPanelSize = (this.prevPanelSize as number) + newPos;
-            newNextPanelSize = (this.nextPanelSize as number) - newPos;
-        }
-
-        this.prevSize = parseFloat(newPrevPanelSize).toFixed(4);
-
-        if (this.validateResize(newPrevPanelSize, newNextPanelSize)) {
-            (this.prevPanelElement as HTMLElement).style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';
-            (this.nextPanelElement as HTMLElement).style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';
-            this._panelSizes[this.prevPanelIndex as number] = newPrevPanelSize;
-            this._panelSizes[(this.prevPanelIndex as number) + 1] = newNextPanelSize;
-        }
-    }
-
-    resizeEnd(event: MouseEvent | TouchEvent) {
-        if (this.isStateful()) {
-            this.saveState();
-        }
-
-        this.onResizeEnd.emit({ originalEvent: event, sizes: this._panelSizes });
-        DomHandler.removeClass(this.gutterElement, 'p-splitter-gutter-resizing');
-        DomHandler.removeClass((this.containerViewChild as ElementRef).nativeElement, 'p-splitter-resizing');
-        this.clear();
-    }
-
-    onGutterMouseDown(event: MouseEvent, index: number) {
-        this.resizeStart(event, index);
-        this.bindMouseListeners();
-    }
-
-    onGutterTouchStart(event: TouchEvent, index: number) {
-        if (event.cancelable) {
-            this.resizeStart(event, index);
-            this.bindTouchListeners();
-
-            event.preventDefault();
-        }
-    }
-
-    onGutterTouchMove(event) {
-        this.onResize(event);
-        event.preventDefault();
-    }
-
-    onGutterTouchEnd(event: TouchEvent) {
-        this.resizeEnd(event);
-        this.unbindTouchListeners();
-
-        if (event.cancelable) event.preventDefault();
-    }
-
-    repeat(event, index, step) {
-        this.resizeStart(event, index, true);
-        this.onResize(event, step, true);
-    }
-
-    setTimer(event, index, step) {
-        this.clearTimer();
-        this.timer = setTimeout(() => {
-            this.repeat(event, index, step);
-        }, 40);
-    }
-
-    clearTimer() {
-        if (this.timer) {
-            clearTimeout(this.timer);
-        }
-    }
-
-    onGutterKeyUp(event) {
-        this.clearTimer();
-        this.resizeEnd(event);
-    }
-
-    onGutterKeyDown(event, index) {
-        switch (event.code) {
-            case 'ArrowLeft': {
-                if (this.layout === 'horizontal') {
-                    this.setTimer(event, index, this.step * -1);
-                }
-
-                event.preventDefault();
-                break;
-            }
-
-            case 'ArrowRight': {
-                if (this.layout === 'horizontal') {
-                    this.setTimer(event, index, this.step);
-                }
-
-                event.preventDefault();
-                break;
-            }
-
-            case 'ArrowDown': {
-                if (this.layout === 'vertical') {
-                    this.setTimer(event, index, this.step * -1);
-                }
-
-                event.preventDefault();
-                break;
-            }
-
-            case 'ArrowUp': {
-                if (this.layout === 'vertical') {
-                    this.setTimer(event, index, this.step);
-                }
-
-                event.preventDefault();
-                break;
-            }
-
-            default:
-                //no op
-                break;
-        }
-    }
-
-    validateResize(newPrevPanelSize: number, newNextPanelSize: number) {
-        const prevPanelIndex = this.prevPanelIndex;
-        if (this.minSizes.length > prevPanelIndex && this.minSizes[prevPanelIndex] && this.minSizes[prevPanelIndex] > newPrevPanelSize) {
-            return false;
-        }
-
-        const nextPanelIndex = this.prevPanelIndex + 1;
-        if (this.minSizes.length > nextPanelIndex && this.minSizes[nextPanelIndex] && this.minSizes[nextPanelIndex] > newNextPanelSize) {
-            return false;
-        }
-
-        return true;
-    }
-
-    bindMouseListeners() {
-        if (!this.mouseMoveListener) {
-            this.mouseMoveListener = this.renderer.listen(this.document, 'mousemove', (event) => {
-                this.onResize(event);
-            });
-        }
-
-        if (!this.mouseUpListener) {
-            this.mouseUpListener = this.renderer.listen(this.document, 'mouseup', (event) => {
-                this.resizeEnd(event);
-                this.unbindMouseListeners();
-            });
-        }
-    }
-
-    bindTouchListeners() {
-        if (!this.touchMoveListener) {
-            this.touchMoveListener = this.renderer.listen(this.document, 'touchmove', (event) => {
-                this.onResize(event.changedTouches[0]);
-            });
-        }
-
-        if (!this.touchEndListener) {
-            this.touchEndListener = this.renderer.listen(this.document, 'touchend', (event) => {
-                this.resizeEnd(event);
-                this.unbindTouchListeners();
-            });
-        }
-    }
-
-    unbindMouseListeners() {
-        if (this.mouseMoveListener) {
-            this.mouseMoveListener();
-            this.mouseMoveListener = null;
-        }
-
-        if (this.mouseUpListener) {
-            this.mouseUpListener();
-            this.mouseUpListener = null;
-        }
-    }
-
-    unbindTouchListeners() {
-        if (this.touchMoveListener) {
-            this.touchMoveListener();
-            this.touchMoveListener = null;
-        }
-
-        if (this.touchEndListener) {
-            this.touchEndListener();
-            this.touchEndListener = null;
-        }
-    }
-
-    clear() {
-        this.dragging = false;
-        this.size = null;
-        this.startPos = null;
-        this.prevPanelElement = null;
-        this.nextPanelElement = null;
-        this.prevPanelSize = null;
-        this.nextPanelSize = null;
-        this.gutterElement = null;
-        this.prevPanelIndex = null;
-    }
-
-    isNested() {
-        if (this.el.nativeElement) {
-            let parent = this.el.nativeElement.parentElement;
-            while (parent && !DomHandler.hasClass(parent, 'p-splitter')) {
-                parent = parent.parentElement;
-            }
-
-            return parent !== null;
-        } else {
-            return false;
-        }
-    }
-
-    isStateful() {
-        return this.stateKey != null;
-    }
-
-    getStorage() {
-        if (isPlatformBrowser(this.platformId)) {
-            switch (this.stateStorage) {
-                case 'local':
-                    return this.window.localStorage;
-
-                case 'session':
-                    return this.window.sessionStorage;
-
-                default:
-                    throw new Error(this.stateStorage + ' is not a valid value for the state storage, supported values are "local" and "session".');
-            }
-        } else {
-            throw new Error('Storage is not a available by default on the server.');
-        }
-    }
-
-    saveState() {
-        this.getStorage().setItem(this.stateKey as string, JSON.stringify(this._panelSizes));
-    }
-
-    restoreState() {
-        const storage = this.getStorage();
-        const stateString = storage.getItem(this.stateKey as string);
-
-        if (stateString) {
-            this._panelSizes = JSON.parse(stateString);
-            let children = [...(this.containerViewChild as ElementRef).nativeElement.children].filter((child) => DomHandler.hasClass(child, 'p-splitter-panel'));
-            children.forEach((child, i) => {
-                child.style.flexBasis = 'calc(' + this._panelSizes[i] + '% - ' + (this.panels.length - 1) * this.gutterSize + 'px)';
-            });
-
-            return true;
-        }
-
-        return false;
-    }
-
-    containerClass() {
-        return {
-            'p-splitter p-component': true,
-            'p-splitter-horizontal': this.layout === 'horizontal',
-            'p-splitter-vertical': this.layout === 'vertical'
-        };
-    }
-
-    panelContainerClass() {
-        return {
-            'p-splitter-panel': true,
-            'p-splitter-panel-nested': true
-        };
-    }
-
-    gutterStyle() {
-        if (this.horizontal()) return { width: this.gutterSize + 'px' };
-        else return { height: this.gutterSize + 'px' };
-    }
-
-    horizontal() {
-        return this.layout === 'horizontal';
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [Splitter, SharedModule],
-    declarations: [Splitter]
-})
-export class SplitterModule {}
diff --git a/src/app/components/stepper/ng-package.json b/src/app/components/stepper/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/stepper/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/stepper/public_api.ts b/src/app/components/stepper/public_api.ts
deleted file mode 100644
index 8677bcf..0000000
--- a/src/app/components/stepper/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './stepper';
-export * from './stepper.interface';
diff --git a/src/app/components/stepper/stepper.css b/src/app/components/stepper/stepper.css
deleted file mode 100644
index 67f504d..0000000
--- a/src/app/components/stepper/stepper.css
+++ /dev/null
@@ -1,9 +0,0 @@
-@layer primeng {
-    .p-stepper-vertical .p-stepper-panel > .p-stepper-toggleable-content {
-        overflow: hidden;
-    }
-
-    .p-stepper-vertical .p-stepper-panel-active > .p-stepper-toggleable-content:not(.ng-animating) {
-        overflow: inherit;
-    }
-}
diff --git a/src/app/components/stepper/stepper.interface.ts b/src/app/components/stepper/stepper.interface.ts
deleted file mode 100644
index 9f4cdce..0000000
--- a/src/app/components/stepper/stepper.interface.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { Stepper } from './stepper';
-
-/**
- * Defines valid templates in Stepper.
- * @group Templates
- */
-export interface StepperTemplates {
-    /**
-     * Custom start template.
-     */
-    start(): TemplateRef<any>;
-    /**
-     * Custom end template.
-     */
-    end(): TemplateRef<any>;
-}
-/**
- * Custom active step change event.
- * @see {@link Stepper.onActiveStepChange}
- * @group Events
- */
-export interface ActiveStepChangeEvent {
-    /**
-     * Emitted when the value changes.
-     */
-    value: number | undefined | null;
-}
diff --git a/src/app/components/stepper/stepper.ts b/src/app/components/stepper/stepper.ts
deleted file mode 100644
index 95fb22b..0000000
--- a/src/app/components/stepper/stepper.ts
+++ /dev/null
@@ -1,467 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation } from '@angular/core';
-import { PrimeTemplate, SharedModule } from 'primeng/api';
-import { Nullable } from 'primeng/ts-helpers';
-import { UniqueComponentId } from 'primeng/utils';
-import { animate, state, style, transition, trigger } from '@angular/animations';
-
-@Component({
-    selector: 'p-stepperHeader',
-    template: `
-        <ng-container *ngIf="template; else buttonRef">
-            <ng-container
-                *ngTemplateOutlet="
-                    template;
-                    context: {
-                        index: index,
-                        active: active,
-                        highlighted: highlighted,
-                        class: 'p-stepper-action',
-                        headerClass: 'p-stepper-action',
-                        numberClass: 'p-stepper-number',
-                        titleClass: 'p-stepper-title',
-                        onClick: onClick
-                    }
-                "
-            ></ng-container>
-        </ng-container>
-        <ng-template #buttonRef>
-            <p-button [id]="id" class="p-stepper-action" role="tab" [tabindex]="disabled ? -1 : undefined" [aria-controls]="ariaControls" (click)="onClick.emit($event, index)">
-                <span class="p-stepper-number">{{ index + 1 }}</span>
-                <span class="p-stepper-title">{{ getStepProp }}</span>
-            </p-button>
-        </ng-template>
-    `,
-    host: {
-        class: 'p-element'
-    }
-})
-export class StepperHeader {
-    @Input() id: string | undefined;
-
-    @Input() template: TemplateRef<any> | undefined;
-
-    @Input() stepperPanel: StepperPanel;
-
-    @Input() index: string | undefined;
-
-    @Input() disabled: boolean | undefined;
-
-    @Input() active: boolean | undefined;
-
-    @Input() highlighted: boolean | undefined;
-
-    @Input() getStepProp: string | undefined;
-
-    @Input() ariaControls: string | undefined;
-
-    @Output() onClick = new EventEmitter<void>();
-}
-
-@Component({
-    selector: 'p-stepperSeparator',
-    template: `
-        <ng-container *ngIf="template; else span">
-            <ng-container *ngTemplateOutlet="template; context: { index: index, active: active, highlighted: highlighted, class: separatorClass }"></ng-container>
-        </ng-container>
-        <ng-template #span>
-            <span [class]="separatorClass" aria-hidden="true"></span>
-        </ng-template>
-    `,
-    host: {
-        class: 'p-stepper-separator'
-    }
-})
-export class StepperSeparator {
-    @Input() template: TemplateRef<any> | undefined;
-
-    @Input() separatorClass: string | undefined;
-
-    @Input() stepperPanel: StepperPanel;
-
-    @Input() index: string | undefined;
-
-    @Input() active: boolean | undefined;
-
-    @Input() highlighted: boolean | undefined;
-}
-
-@Component({
-    selector: 'p-stepperContent',
-    template: ` <div [id]="id" role="tabpanel" data-pc-name="stepperpanel" [attr.data-pc-index]="index" [attr.data-p-active]="active" [attr.aria-labelledby]="ariaLabelledby">
-        <ng-container *ngIf="template">
-            <ng-container *ngTemplateOutlet="template; context: { index: index, active: active, highlighted: highlighted, onClick: onClick, prevCallback: prevCallback, nextCallback: nextCallback }"></ng-container>
-        </ng-container>
-        <ng-template *ngIf="!template">
-            <ng-container *ngIf="stepperPanel">
-                <ng-container *ngTemplateOutlet="stepperPanel"></ng-container>
-            </ng-container>
-        </ng-template>
-    </div>`,
-
-    host: {
-        '[class.p-stepper-content]': 'true',
-        '[class.p-element]': 'true',
-        '[class.p-toggleable-content]': "orientation === 'vertical'"
-    }
-})
-export class StepperContent {
-    @Input() id: string | undefined;
-
-    @Input() orientation: 'vertical' | 'horizontal';
-
-    @Input() template: TemplateRef<any> | undefined;
-
-    @Input() ariaLabelledby: string | undefined;
-
-    @Input() stepperPanel: StepperPanel;
-
-    @Input() index: string | undefined;
-
-    @Input() active: boolean | undefined;
-
-    @Input() highlighted: boolean | undefined;
-
-    @Output() onClick = new EventEmitter<void>();
-
-    @Output() prevCallback = new EventEmitter<void>();
-
-    @Output() nextCallback = new EventEmitter<void>();
-}
-
-@Component({
-    selector: 'p-stepperPanel',
-    template: ` <ng-content></ng-content> `,
-    host: {
-        class: 'p-element'
-    }
-})
-export class StepperPanel {
-    @Input() header: string | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    startTemplate: Nullable<TemplateRef<any>>;
-
-    contentTemplate: Nullable<TemplateRef<any>>;
-
-    separatorTemplate: Nullable<TemplateRef<any>>;
-
-    endTemplate: Nullable<TemplateRef<any>>;
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-                case 'separator':
-                    this.separatorTemplate = item.template;
-                    break;
-            }
-        });
-    }
-}
-
-/**
- * The Stepper component displays a wizard-like workflow by guiding users through the multi-step progression.
- * @group Components
- */
-@Component({
-    selector: 'p-stepper',
-    template: `
-        <div role="tablist">
-            <ng-container *ngIf="startTemplate">
-                <ng-container *ngTemplateOutlet="startTemplate"></ng-container>
-            </ng-container>
-            <ng-container *ngIf="orientation === 'horizontal'; else vertical">
-                <ul class="p-stepper-nav">
-                    <ng-template ngFor let-step [ngForOf]="panels" let-index="index" [ngForTrackBy]="trackByFn">
-                        <li
-                            [key]="getStepKey(step, index)"
-                            class="p-stepper-header"
-                            [ngClass]="{
-                                'p-highlight': isStepActive(index),
-                                'p-disabled': isItemDisabled(index)
-                            }"
-                            [attr.aria-current]="isStepActive(index) ? 'step' : undefined"
-                            role="presentation"
-                            [data-pc-name]="stepperPanel"
-                            [data-p-highlight]="isStepActive(index)"
-                            [data-p-disabled]="isItemDisabled(index)"
-                            [data-pc-index]="index"
-                            [data-p-active]="isStepActive(index)"
-                        >
-                            <p-stepperHeader
-                                [id]="getStepHeaderActionId(index)"
-                                [template]="step.headerTemplate"
-                                [stepperPanel]="step"
-                                [getStepProp]="getStepProp(step, 'header')"
-                                [index]="index"
-                                [disabled]="isItemDisabled(index)"
-                                [active]="isStepActive(index)"
-                                [highlighted]="index < activeStep"
-                                [class]="'p-stepper-action'"
-                                [aria-controls]="getStepContentId(index)"
-                                (onClick)="onItemClick($event, index)"
-                            ></p-stepperHeader>
-
-                            <ng-container *ngIf="index !== stepperPanels.length - 1">
-                                <p-stepperSeparator [template]="step.separatorTemplate" [separatorClass]="'p-stepper-separator'" [stepperPanel]="step" [index]="index" [active]="isStepActive(index)" [highlighted]="index < activeStep" />
-                            </ng-container>
-                        </li>
-                    </ng-template>
-                </ul>
-                <div class="p-stepper-panels">
-                    <ng-template ngFor let-step [ngForOf]="panels" let-index="index" [ngForTrackBy]="trackByFn">
-                        <ng-container *ngIf="isStepActive(index)">
-                            <p-stepperContent
-                                [id]="getStepContentId(index)"
-                                [template]="step.contentTemplate"
-                                [orientation]="orientation"
-                                [stepperPanel]="step"
-                                [index]="index"
-                                [active]="isStepActive(index)"
-                                [highlighted]="index < activeStep"
-                                [ariaLabelledby]="getStepHeaderActionId(index)"
-                                (onClick)="onItemClick($event, index)"
-                                (nextCallback)="nextCallback($event, index)"
-                                (prevCallback)="prevCallback($event, index)"
-                            />
-                        </ng-container>
-                    </ng-template>
-                </div>
-            </ng-container>
-            <ng-template #vertical>
-                <ng-template ngFor let-step [ngForOf]="panels" let-index="index" [ngForTrackBy]="trackByFn">
-                    <div
-                        [key]="getStepKey(step, index)"
-                        class="p-stepper-panel"
-                        [ngClass]="{
-                            'p-stepper-panel-active': orientation === 'vertical' && isStepActive(index)
-                        }"
-                        [attr.aria-current]="isStepActive(index) ? 'step' : undefined"
-                        [data-pc-name]="'stepperpanel'"
-                        [data-p-highlight]="isStepActive(index)"
-                        [data-p-disabled]="isItemDisabled(index)"
-                        [data-pc-index]="index"
-                        [data-p-active]="isStepActive(index)"
-                    >
-                        <div
-                            class="p-stepper-header "
-                            [ngClass]="{
-                                'p-highlight': isStepActive(index),
-                                'p-disabled': isItemDisabled(index)
-                            }"
-                        >
-                            <p-stepperHeader
-                                [id]="getStepHeaderActionId(index)"
-                                [template]="step.headerTemplate"
-                                [stepperPanel]="step"
-                                [getStepProp]="getStepProp(step, 'header')"
-                                [index]="index"
-                                [disabled]="isItemDisabled(index)"
-                                [active]="isStepActive(index)"
-                                [highlighted]="index < activeStep"
-                                [class]="'p-stepper-action'"
-                                [aria-controls]="getStepContentId(index)"
-                                (onClick)="onItemClick($event, index)"
-                            ></p-stepperHeader>
-                        </div>
-
-                        <div class="p-stepper-toggleable-content" [@tabContent]="isStepActive(index) ? { value: 'visible', params: { transitionParams: transitionOptions } } : { value: 'hidden', params: { transitionParams: transitionOptions } }">
-                            <ng-container *ngIf="index !== stepperPanels.length - 1">
-                                <p-stepperSeparator [template]="step.separatorTemplate" [separatorClass]="'p-stepper-separator'" [stepperPanel]="step" [index]="index" [active]="isStepActive(index)" [highlighted]="index < activeStep" />
-                            </ng-container>
-                            <p-stepperContent
-                                [id]="getStepContentId(index)"
-                                [template]="step.contentTemplate"
-                                [orientation]="orientation"
-                                [stepperPanel]="step"
-                                [index]="index"
-                                [active]="isStepActive(index)"
-                                [highlighted]="index < activeStep"
-                                [ariaLabelledby]="getStepHeaderActionId(index)"
-                                (onClick)="onItemClick($event, index)"
-                                (nextCallback)="nextCallback($event, index)"
-                                (prevCallback)="prevCallback($event, index)"
-                            />
-                        </div>
-                    </div>
-                </ng-template>
-            </ng-template>
-            <ng-container *ngIf="endTemplate">
-                <ng-container *ngTemplateOutlet="endTemplate"></ng-container>
-            </ng-container>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./stepper.css'],
-    host: {
-        '[class.p-stepper]': 'true',
-        '[class.p-component]': 'true',
-        '[class.p-stepper-vertical]': "orientation === 'vertical'"
-    },
-    animations: [
-        trigger('tabContent', [
-            state(
-                'hidden',
-                style({
-                    height: '0',
-                    visibility: 'hidden'
-                })
-            ),
-            state(
-                'visible',
-                style({
-                    height: '*',
-                    visibility: 'visible'
-                })
-            ),
-            transition('visible <=> hidden', [animate('250ms cubic-bezier(0.86, 0, 0.07, 1)')]),
-            transition('void => *', animate(0))
-        ])
-    ]
-})
-export class Stepper implements AfterContentInit {
-    /**
-     * Active step index of stepper.
-     * @group Props
-     */
-    @Input() activeStep: number | undefined | null = 0;
-    /**
-     * Orientation of the stepper.
-     * @group Props
-     */
-    @Input() orientation: 'vertical' | 'horizontal' = 'horizontal';
-    /**
-     * Whether the steps are clickable or not.
-     * @group Props
-     */
-    @Input() linear: boolean = false;
-    /**
-     * Transition options of the animation.
-     * @group Props
-     */
-    @Input() transitionOptions: string = '400ms cubic-bezier(0.86, 0, 0.07, 1)';
-
-    @ContentChildren(StepperPanel) stepperPanels: QueryList<StepperPanel> | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    @Output() onClick: EventEmitter<any> = new EventEmitter<any>();
-
-    /**
-     * Emitted when the value changes.
-     * @param {ActiveStepChangeEvent} event - custom change event.
-     * @group Emits
-     */
-    @Output() activeStepChange: EventEmitter<number> = new EventEmitter<number>();
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    startTemplate: Nullable<TemplateRef<any>>;
-
-    separatorTemplate: Nullable<TemplateRef<any>>;
-
-    endTemplate: Nullable<TemplateRef<any>>;
-
-    id: string = UniqueComponentId();
-
-    panels!: StepperPanel[];
-
-    isStepActive(index: number) {
-        return this.activeStep === index;
-    }
-
-    getStepProp(step) {
-        if (step?.header) {
-            return step.header;
-        }
-
-        if (step?.content) {
-            return step.content;
-        }
-        return undefined;
-    }
-
-    getStepKey(step, index) {
-        return this.getStepProp(step) || index;
-    }
-
-    getStepHeaderActionId(index) {
-        return `${this.id}_${index}_header_action`;
-    }
-
-    getStepContentId(index) {
-        return `${this.id}_${index}_content`;
-    }
-
-    updateActiveStep(event, index) {
-        this.activeStep = index;
-
-        this.activeStepChange.emit(this.activeStep);
-    }
-
-    onItemClick(event, index) {
-        if (this.linear) {
-            event.preventDefault();
-
-            return;
-        }
-        if (index !== this.activeStep) {
-            this.updateActiveStep(event, index);
-        }
-    }
-
-    isItemDisabled(index) {
-        return this.linear && !this.isStepActive(index);
-    }
-
-    prevCallback(event, index) {
-        if (index !== 0) {
-            this.updateActiveStep(event, index - 1);
-        }
-    }
-
-    nextCallback(event, index) {
-        if (index !== this.stepperPanels.length - 1) {
-            this.updateActiveStep(event, index + 1);
-        }
-    }
-
-    trackByFn(index: number): number {
-        return index;
-    }
-
-    ngAfterContentInit() {
-        this.panels = (this.stepperPanels as QueryList<StepperPanel>).toArray();
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'start':
-                    this.startTemplate = item.template;
-                    break;
-
-                case 'end':
-                    this.endTemplate = item.template;
-                    break;
-
-                default:
-                    break;
-            }
-        });
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule],
-    exports: [Stepper, StepperPanel, StepperContent, StepperHeader, StepperSeparator, SharedModule],
-    declarations: [Stepper, StepperPanel, StepperPanel, StepperContent, StepperHeader, StepperSeparator]
-})
-export class StepperModule {}
diff --git a/src/app/components/stepper/stepperpanel.interface.ts b/src/app/components/stepper/stepperpanel.interface.ts
deleted file mode 100644
index 52e1e2f..0000000
--- a/src/app/components/stepper/stepperpanel.interface.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-import { TemplateRef } from '@angular/core';
-/**
- * StepperPanel is a helper component for Stepper component.
- * @group Components
- */
-export interface StepperPanelProps {
-    /**
-     * Orientation of tab headers.
-     * @group Props
-     */
-    header: string | undefined;
-}
-
-/**
- * Defines valid templates in StepperPanel.
- * @group Templates
- */
-export interface StepperPanelTemplates {
-    /**
-     * Custom header template.
-     */
-    header(context: StepperPanelHeaderTemplate): TemplateRef<StepperPanelHeaderTemplate>;
-    /**
-     * Custom header template.
-     */
-    content(context: StepperPanelContentTemplate): TemplateRef<StepperPanelContentTemplate>;
-    /**
-     * Custom separator template.
-     */
-    separator(context: StepperPanelSeparatorProps): TemplateRef<StepperPanelSeparatorProps>;
-}
-
-/**
- * Props of stepper panel header.
- * @group Interface
- */
-export interface StepperPanelHeaderTemplate {
-    /**
-     * Index of the stepperpanel.
-     */
-    index: number;
-    /**
-     * Current active state of the stepperpanel
-     */
-    active: boolean;
-    /**
-     * Current highlighted state of the stepperpanel
-     */
-    highlighted: boolean;
-    /**
-     * Style class of the stepperpanel
-     */
-    class: string;
-    /**
-     * Style class of the header content container
-     */
-    headerClass: string;
-    /**
-     * Style class of the number content container
-     */
-    numberClass: string;
-    /**
-     * Style class of the title content container
-     */
-    titleClass: string;
-    /**
-     * Header click function.
-     */
-    onClick: (event: Event) => void;
-}
-
-/**
- * Props of stepper panel content.
- * @group Interface
- */
-export interface StepperPanelContentTemplate {
-    /**
-     * Index of the stepperpanel.
-     */
-    index: number;
-    /**
-     * Current active state of the stepperpanel
-     */
-    active: boolean;
-    /**
-     * Current highlighted state of the stepperpanel
-     */
-    highlighted: boolean;
-    /**
-     * Style class of the stepperpanel
-     */
-    class: string;
-    /**
-     * Style class of the header content container
-     */
-    headerClass: string;
-    /**
-     * Style class of the number content container
-     */
-    numberClass: string;
-    /**
-     * Style class of the title content container
-     */
-    titleClass: string;
-    /**
-     * Content click function.
-     */
-    onClick: (event: Event) => void;
-    /**
-     * Content previous panel click function.
-     */
-    prevCallback: (event: Event) => void;
-    /**
-     * Content next panel click function.
-     */
-    nextCallback: (event: Event) => void;
-}
-/**
- * Props of stepper panel separator.
- * @group Interface
- */
-export interface StepperPanelSeparatorProps {
-    /**
-     * Index of the stepperpanel.
-     */
-    index: number;
-    /**
-     * Current active state of the stepperpanel
-     */
-    active: boolean;
-    /**
-     * Current highlighted state of the stepperpanel
-     */
-    highlighted: boolean;
-}
diff --git a/src/app/components/steps/ng-package.json b/src/app/components/steps/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/steps/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/steps/public_api.ts b/src/app/components/steps/public_api.ts
deleted file mode 100644
index 9487d67..0000000
--- a/src/app/components/steps/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './steps';
diff --git a/src/app/components/steps/steps.css b/src/app/components/steps/steps.css
deleted file mode 100644
index 15abf80..0000000
--- a/src/app/components/steps/steps.css
+++ /dev/null
@@ -1,49 +0,0 @@
-@layer primeng {
-    .p-steps {
-        position: relative;
-    }
-
-    .p-steps ul {
-        padding: 0;
-        margin: 0;
-        list-style-type: none;
-        display: flex;
-    }
-
-    .p-steps-item {
-        position: relative;
-        display: flex;
-        justify-content: center;
-        flex: 1 1 auto;
-    }
-
-    .p-steps-item .p-menuitem-link {
-        display: inline-flex;
-        flex-direction: column;
-        align-items: center;
-        overflow: hidden;
-        text-decoration: none;
-    }
-
-    .p-steps.p-steps-readonly .p-steps-item {
-        cursor: auto;
-    }
-
-    .p-steps-item.p-steps-current .p-menuitem-link {
-        cursor: default;
-    }
-
-    .p-steps-title {
-        white-space: nowrap;
-    }
-
-    .p-steps-number {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-steps-title {
-        display: block;
-    }
-}
diff --git a/src/app/components/steps/steps.spec.ts b/src/app/components/steps/steps.spec.ts
deleted file mode 100644
index e8458cc..0000000
--- a/src/app/components/steps/steps.spec.ts
+++ /dev/null
@@ -1,156 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Steps, StepsModule } from './steps';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Component, NO_ERRORS_SCHEMA } from '@angular/core';
-import { Toast } from 'primeng/toast';
-import { RouterTestingModule } from '@angular/router/testing';
-import { MenuItem } from 'primeng/api';
-
-@Component({
-    template: `<p-steps [model]="items"></p-steps> `
-})
-class TestStepsComponent {
-    items: MenuItem[];
-
-    activeIndex: number = 1;
-
-    constructor() {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Personal',
-                command: (event: any) => {
-                    this.activeIndex = 0;
-                }
-            },
-            {
-                label: 'Seat',
-                command: (event: any) => {
-                    this.activeIndex = 1;
-                }
-            },
-            {
-                label: 'Payment',
-                command: (event: any) => {
-                    this.activeIndex = 2;
-                }
-            },
-            {
-                label: 'Confirmation',
-                command: (event: any) => {
-                    this.activeIndex = 3;
-                }
-            }
-        ];
-    }
-}
-
-describe('Steps', () => {
-    let steps: Steps;
-    let testComponent: TestStepsComponent;
-    let fixture: ComponentFixture<TestStepsComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            schemas: [NO_ERRORS_SCHEMA],
-            imports: [NoopAnimationsModule, RouterTestingModule, StepsModule],
-            declarations: [Toast, TestStepsComponent]
-        });
-
-        fixture = TestBed.createComponent(TestStepsComponent);
-        steps = fixture.debugElement.children[0].componentInstance;
-        testComponent = fixture.debugElement.componentInstance;
-    });
-
-    it('should change style & styleClass', () => {
-        steps.style = { height: '300px' };
-        steps.styleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const stepsEl = fixture.debugElement.children[0].query(By.css('nav')).nativeElement;
-        expect(stepsEl.className).toContain('Primeng ROCKS!');
-        expect(stepsEl.style.height).toContain('300px');
-    });
-
-    it('should readonly by default', () => {
-        fixture.detectChanges();
-
-        const items = fixture.debugElement.children[0].queryAll(By.css('li'));
-
-        for (let x = 0; x < testComponent.items.length; x++) {
-            if (x == 0) expect(items[x].nativeElement.className).not.toContain('p-disabled');
-            else expect(items[x].nativeElement.className).toContain('p-disabled');
-        }
-    });
-
-    it('should not readonly', () => {
-        steps.readonly = false;
-        fixture.detectChanges();
-
-        const stepsEl = fixture.debugElement.children[0].query(By.css('nav')).nativeElement;
-        const items = fixture.debugElement.children[0].queryAll(By.css('li'));
-        expect(stepsEl.className).not.toContain('p-steps-readonly');
-        for (let x = 0; x < testComponent.items.length; x++) {
-            expect(items[x].nativeElement.className).not.toContain('p-disabled');
-        }
-    });
-
-    it('should show the step number', () => {
-        fixture.detectChanges();
-
-        const items = fixture.debugElement.children[0].queryAll(By.css('li'));
-        for (let x = 0; x < testComponent.items.length; x++) {
-            expect(items[x].query(By.css('.p-steps-number')).nativeElement.textContent).toEqual((x + 1).toString());
-        }
-    });
-
-    it('should activate first item', () => {
-        fixture.detectChanges();
-
-        const items = fixture.debugElement.children[0].queryAll(By.css('li'));
-        for (let x = 0; x < testComponent.items.length; x++) {
-            if (x == 0) expect(items[x].nativeElement.className).toContain('p-highlight p-steps-current');
-        }
-    });
-
-    it('should change activeItem', () => {
-        steps.activeIndex = 2;
-        fixture.detectChanges();
-
-        const items = fixture.debugElement.children[0].queryAll(By.css('li'));
-        for (let x = 0; x < testComponent.items.length; x++) {
-            if (x == 2) expect(items[x].nativeElement.className).toContain('p-highlight p-steps-current');
-        }
-    });
-
-    it('should change activeItem when click', () => {
-        steps.readonly = false;
-        const itemClickSpy = spyOn(steps, 'onItemClick').and.callThrough();
-        fixture.detectChanges();
-
-        const items = fixture.debugElement.children[0].queryAll(By.css('li'));
-        steps.activeIndexChange.subscribe((value) => (steps.activeIndex = value));
-        items[2].query(By.css('a')).nativeElement.click();
-        fixture.detectChanges();
-
-        expect(itemClickSpy).toHaveBeenCalled();
-        for (let x = 0; x < testComponent.items.length; x++) {
-            if (x == 2) expect(items[x].nativeElement.className).toContain('p-highlight p-steps-current');
-        }
-    });
-
-    it('should listen even emitter', () => {
-        steps.readonly = false;
-        let data = 0;
-        fixture.detectChanges();
-
-        const items = fixture.debugElement.children[0].queryAll(By.css('li'));
-        steps.activeIndexChange.subscribe((value) => (data = value));
-        items[2].query(By.css('a')).nativeElement.click();
-        fixture.detectChanges();
-
-        expect(data).toEqual(2);
-    });
-});
diff --git a/src/app/components/steps/steps.ts b/src/app/components/steps/steps.ts
deleted file mode 100644
index d98fe62..0000000
--- a/src/app/components/steps/steps.ts
+++ /dev/null
@@ -1,287 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, NgModule, OnDestroy, OnInit, Output, ViewChild, ViewEncapsulation, booleanAttribute, numberAttribute } from '@angular/core';
-import { ActivatedRoute, Router, RouterModule } from '@angular/router';
-import { DomHandler } from 'primeng/dom';
-import { Nullable } from 'primeng/ts-helpers';
-import { MenuItem } from 'primeng/api';
-import { TooltipModule } from 'primeng/tooltip';
-import { Subscription } from 'rxjs';
-/**
- * Steps components is an indicator for the steps in a wizard workflow.
- * @group Components
- */
-@Component({
-    selector: 'p-steps',
-    template: `
-        <nav [ngClass]="{ 'p-steps p-component': true, 'p-readonly': readonly }" [ngStyle]="style" [class]="styleClass" [attr.data-pc-name]="'steps'">
-            <ul #list [attr.data-pc-section]="'menu'">
-                <li
-                    *ngFor="let item of model; let i = index"
-                    class="p-steps-item"
-                    #menuitem
-                    [ngStyle]="item.style"
-                    [class]="item.styleClass"
-                    [attr.aria-current]="isActive(item, i) ? 'step' : undefined"
-                    [attr.id]="item.id"
-                    pTooltip
-                    [tooltipOptions]="item.tooltipOptions"
-                    [ngClass]="{ 'p-highlight p-steps-current': isActive(item, i), 'p-disabled': item.disabled || (readonly && !isActive(item, i)) }"
-                    [attr.data-pc-section]="'menuitem'"
-                >
-                    <a
-                        role="link"
-                        *ngIf="isClickableRouterLink(item); else elseBlock"
-                        [routerLink]="item.routerLink"
-                        [queryParams]="item.queryParams"
-                        [routerLinkActive]="'p-menuitem-link-active'"
-                        [routerLinkActiveOptions]="item.routerLinkActiveOptions || { exact: false }"
-                        class="p-menuitem-link"
-                        (click)="onItemClick($event, item, i)"
-                        (keydown)="onItemKeydown($event, item, i)"
-                        [target]="item.target"
-                        [attr.tabindex]="getItemTabIndex(item, i)"
-                        [attr.aria-disabled]="item.disabled || (readonly && i !== activeIndex)"
-                        [fragment]="item.fragment"
-                        [queryParamsHandling]="item.queryParamsHandling"
-                        [preserveFragment]="item.preserveFragment"
-                        [skipLocationChange]="item.skipLocationChange"
-                        [replaceUrl]="item.replaceUrl"
-                        [state]="item.state"
-                        [attr.aria-current]="i === activeIndex ? 'step' : null"
-                    >
-                        <span class="p-steps-number"> {{ i + 1 }}</span>
-                        <span class="p-steps-title" *ngIf="item.escape !== false; else htmlLabel"> {{ item.label }}</span>
-                        <ng-template #htmlLabel><span class="p-steps-title" [innerHTML]="item.label"></span></ng-template>
-                    </a>
-                    <ng-template #elseBlock>
-                        <a
-                            role="link"
-                            [attr.href]="item.url"
-                            class="p-menuitem-link"
-                            (click)="onItemClick($event, item, i)"
-                            (keydown)="onItemKeydown($event, item, i)"
-                            [target]="item.target"
-                            [attr.tabindex]="getItemTabIndex(item, i)"
-                            [attr.aria-disabled]="item.disabled || (readonly && i !== activeIndex)"
-                            [attr.aria-current]="i === activeIndex ? 'step' : null"
-                        >
-                            <span class="p-steps-number"> {{ i + 1 }} </span>
-                            <span class="p-steps-title" *ngIf="item.escape !== false; else htmlRouteLabel">{{ item.label }}</span>
-                            <ng-template #htmlRouteLabel><span class="p-steps-title" [innerHTML]="item.label"></span></ng-template>
-                        </a>
-                    </ng-template>
-                </li>
-            </ul>
-        </nav>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./steps.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Steps implements OnInit, OnDestroy {
-    /**
-     * Index of the active item.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) activeIndex: number = 0;
-    /**
-     * An array of menu items.
-     * @group Props
-     */
-    @Input() model: MenuItem[] | undefined;
-    /**
-     * Whether the items are clickable or not.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) readonly: boolean = true;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) exact: boolean = true;
-    /**
-     * Callback to invoke when the new step is selected.
-     * @param {number} number - current index.
-     * @group Emits
-     */
-    @Output() activeIndexChange: EventEmitter<number> = new EventEmitter<number>();
-
-    @ViewChild('list', { static: false }) listViewChild: Nullable<ElementRef>;
-
-    constructor(
-        private router: Router,
-        private route: ActivatedRoute,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    subscription: Subscription | undefined;
-
-    ngOnInit() {
-        this.subscription = this.router.events.subscribe(() => this.cd.markForCheck());
-    }
-
-    onItemClick(event: Event, item: MenuItem, i: number) {
-        if (this.readonly || item.disabled) {
-            event.preventDefault();
-            return;
-        }
-
-        this.activeIndexChange.emit(i);
-
-        if (!item.url && !item.routerLink) {
-            event.preventDefault();
-        }
-
-        if (item.command) {
-            item.command({
-                originalEvent: event,
-                item: item,
-                index: i
-            });
-        }
-    }
-
-    onItemKeydown(event: KeyboardEvent, item: MenuItem, i: number) {
-        switch (event.code) {
-            case 'ArrowRight': {
-                this.navigateToNextItem(event.target);
-                event.preventDefault();
-                break;
-            }
-
-            case 'ArrowLeft': {
-                this.navigateToPrevItem(event.target);
-                event.preventDefault();
-                break;
-            }
-
-            case 'Home': {
-                this.navigateToFirstItem(event.target);
-                event.preventDefault();
-                break;
-            }
-
-            case 'End': {
-                this.navigateToLastItem(event.target);
-                event.preventDefault();
-                break;
-            }
-
-            case 'Tab':
-                if (i !== this.activeIndex) {
-                    const siblings = DomHandler.find(this.listViewChild.nativeElement, '[data-pc-section="menuitem"]');
-                    siblings[i].children[0].tabIndex = '-1';
-                    siblings[this.activeIndex].children[0].tabIndex = '0';
-                }
-                break;
-
-            case 'Enter':
-            case 'Space': {
-                this.onItemClick(event, item, i);
-                event.preventDefault();
-                break;
-            }
-
-            default:
-                break;
-        }
-    }
-
-    navigateToNextItem(target) {
-        const nextItem = this.findNextItem(target);
-
-        nextItem && this.setFocusToMenuitem(target, nextItem);
-    }
-    navigateToPrevItem(target) {
-        const prevItem = this.findPrevItem(target);
-
-        prevItem && this.setFocusToMenuitem(target, prevItem);
-    }
-    navigateToFirstItem(target) {
-        const firstItem = this.findFirstItem();
-
-        firstItem && this.setFocusToMenuitem(target, firstItem);
-    }
-    navigateToLastItem(target) {
-        const lastItem = this.findLastItem();
-
-        lastItem && this.setFocusToMenuitem(target, lastItem);
-    }
-    findNextItem(item) {
-        const nextItem = item.parentElement.nextElementSibling;
-
-        return nextItem ? nextItem.children[0] : null;
-    }
-    findPrevItem(item) {
-        const prevItem = item.parentElement.previousElementSibling;
-
-        return prevItem ? prevItem.children[0] : null;
-    }
-    findFirstItem() {
-        const firstSibling = DomHandler.findSingle(this.listViewChild.nativeElement, '[data-pc-section="menuitem"]');
-
-        return firstSibling ? firstSibling.children[0] : null;
-    }
-    findLastItem() {
-        const siblings = DomHandler.find(this.listViewChild.nativeElement, '[data-pc-section="menuitem"]');
-
-        return siblings ? siblings[siblings.length - 1].children[0] : null;
-    }
-    setFocusToMenuitem(target, focusableItem) {
-        target.tabIndex = '-1';
-        focusableItem.tabIndex = '0';
-        focusableItem.focus();
-    }
-
-    isClickableRouterLink(item: MenuItem) {
-        return item.routerLink && !this.readonly && !item.disabled;
-    }
-
-    isActive(item: MenuItem, index: number) {
-        if (item.routerLink) {
-            let routerLink = Array.isArray(item.routerLink) ? item.routerLink : [item.routerLink];
-
-            return this.router.isActive(this.router.createUrlTree(routerLink, { relativeTo: this.route }).toString(), false);
-        }
-
-        return index === this.activeIndex;
-    }
-
-    getItemTabIndex(item: MenuItem, index: number): string {
-        if (item.disabled) {
-            return '-1';
-        }
-
-        if (!item.disabled && this.activeIndex === index) {
-            return item.tabindex || '0';
-        }
-
-        return item.tabindex ?? '-1';
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, RouterModule, TooltipModule],
-    exports: [Steps, RouterModule, TooltipModule],
-    declarations: [Steps]
-})
-export class StepsModule {}
diff --git a/src/app/components/styleclass/ng-package.json b/src/app/components/styleclass/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/styleclass/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/styleclass/public_api.ts b/src/app/components/styleclass/public_api.ts
deleted file mode 100644
index a166f8e..0000000
--- a/src/app/components/styleclass/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './styleclass';
diff --git a/src/app/components/styleclass/styleclass.ts b/src/app/components/styleclass/styleclass.ts
deleted file mode 100644
index e5a042e..0000000
--- a/src/app/components/styleclass/styleclass.ts
+++ /dev/null
@@ -1,299 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Directive, ElementRef, HostListener, Input, NgModule, NgZone, OnDestroy, Renderer2, booleanAttribute } from '@angular/core';
-import { DomHandler } from 'primeng/dom';
-import { VoidListener } from 'primeng/ts-helpers';
-/**
- * StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element.
- * @group Components
- */
-@Directive({
-    selector: '[pStyleClass]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class StyleClass implements OnDestroy {
-    constructor(
-        public el: ElementRef,
-        public renderer: Renderer2,
-        private zone: NgZone
-    ) {}
-    /**
-     * Selector to define the target element. Available selectors are '@next', '@prev', '@parent' and '@grandparent'.
-     * @group Props
-     */
-    @Input('pStyleClass') selector: string | undefined;
-    /**
-     * Style class to add when item begins to get displayed.
-     * @group Props
-     * @deprecated Use enterFromClass instead
-     */
-    @Input() set enterClass(value: string) {
-        this._enterClass = value;
-        console.warn('enterClass is deprecated, use enterFromClass instead');
-    }
-    get enterClass() {
-        return this._enterClass;
-    }
-    /**
-     * Style class to add when item begins to get displayed.
-     * @group Props
-     */
-    @Input() enterFromClass: string | undefined;
-    /**
-     * Style class to add during enter animation.
-     * @group Props
-     */
-    @Input() enterActiveClass: string | undefined;
-    /**
-     * Style class to add when item begins to get displayed.
-     * @group Props
-     */
-    @Input() enterToClass: string | undefined;
-    /**
-     * Style class to add when item begins to get hidden.
-     * @group Props
-     * @deprecated Use leaveFromClass instead
-     */
-    @Input() set leaveClass(value: string) {
-        this._leaveClass = value;
-        console.warn('leaveClass is deprecated, use leaveFromClass instead');
-    }
-    get leaveClass() {
-        return this._leaveClass;
-    }
-    /**
-     * Style class to add when item begins to get hidden.
-     * @group Props
-     */
-    @Input() leaveFromClass: string | undefined;
-    /**
-     * Style class to add during leave animation.
-     * @group Props
-     */
-    @Input() leaveActiveClass: string | undefined;
-    /**
-     * Style class to add when leave animation is completed.
-     * @group Props
-     */
-    @Input() leaveToClass: string | undefined;
-    /**
-     * Whether to trigger leave animation when outside of the element is clicked.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) hideOnOutsideClick: boolean | undefined;
-    /**
-     * Adds or removes a class when no enter-leave animation is required.
-     * @group Props
-     */
-    @Input() toggleClass: string | undefined;
-    /**
-     * Whether to trigger leave animation when escape key pressed.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) hideOnEscape: boolean | undefined;
-
-    eventListener: VoidListener;
-
-    documentClickListener: VoidListener;
-
-    documentKeydownListener: VoidListener;
-
-    target: HTMLElement | null | undefined;
-
-    enterListener: VoidListener;
-
-    leaveListener: VoidListener;
-
-    animating: boolean | undefined;
-
-    _enterClass: string | undefined;
-
-    _leaveClass: string | undefined;
-
-    @HostListener('click', ['$event'])
-    clickListener() {
-        this.target = this.resolveTarget();
-
-        if (this.toggleClass) {
-            this.toggle();
-        } else {
-            if ((this.target as HTMLElement).offsetParent === null) this.enter();
-            else this.leave();
-        }
-    }
-
-    toggle() {
-        if (DomHandler.hasClass(this.target, this.toggleClass as string)) DomHandler.removeClass(this.target, this.toggleClass as string);
-        else DomHandler.addClass(this.target, this.toggleClass as string);
-    }
-
-    enter() {
-        if (this.enterActiveClass) {
-            if (!this.animating) {
-                this.animating = true;
-
-                if (this.enterActiveClass === 'slidedown') {
-                    (this.target as HTMLElement).style.height = '0px';
-                    DomHandler.removeClass(this.target, 'hidden');
-                    (this.target as HTMLElement).style.maxHeight = (this.target as HTMLElement).scrollHeight + 'px';
-                    DomHandler.addClass(this.target, 'hidden');
-                    (this.target as HTMLElement).style.height = '';
-                }
-
-                DomHandler.addClass(this.target, this.enterActiveClass);
-                if (this.enterClass || this.enterFromClass) {
-                    DomHandler.removeClass(this.target, this.enterClass || this.enterFromClass);
-                }
-
-                this.enterListener = this.renderer.listen(this.target, 'animationend', () => {
-                    DomHandler.removeClass(this.target, this.enterActiveClass as string);
-                    if (this.enterToClass) {
-                        DomHandler.addClass(this.target, this.enterToClass);
-                    }
-                    this.enterListener && this.enterListener();
-
-                    if (this.enterActiveClass === 'slidedown') {
-                        (this.target as HTMLElement).style.maxHeight = '';
-                    }
-                    this.animating = false;
-                });
-            }
-        } else {
-            if (this.enterClass || this.enterFromClass) {
-                DomHandler.removeClass(this.target, this.enterClass || this.enterFromClass);
-            }
-
-            if (this.enterToClass) {
-                DomHandler.addClass(this.target, this.enterToClass);
-            }
-        }
-
-        if (this.hideOnOutsideClick) {
-            this.bindDocumentClickListener();
-        }
-
-        if (this.hideOnEscape) {
-            this.bindDocumentKeydownListener();
-        }
-    }
-
-    leave() {
-        if (this.leaveActiveClass) {
-            if (!this.animating) {
-                this.animating = true;
-                DomHandler.addClass(this.target, this.leaveActiveClass);
-                if (this.leaveClass || this.leaveFromClass) {
-                    DomHandler.removeClass(this.target, this.leaveClass || this.leaveFromClass);
-                }
-
-                this.leaveListener = this.renderer.listen(this.target, 'animationend', () => {
-                    DomHandler.removeClass(this.target, this.leaveActiveClass as string);
-                    if (this.leaveToClass) {
-                        DomHandler.addClass(this.target, this.leaveToClass);
-                    }
-                    this.leaveListener && this.leaveListener();
-                    this.animating = false;
-                });
-            }
-        } else {
-            if (this.leaveClass || this.leaveFromClass) {
-                DomHandler.removeClass(this.target, this.leaveClass || this.leaveFromClass);
-            }
-
-            if (this.leaveToClass) {
-                DomHandler.addClass(this.target, this.leaveToClass);
-            }
-        }
-
-        if (this.hideOnOutsideClick) {
-            this.unbindDocumentClickListener();
-        }
-
-        if (this.hideOnEscape) {
-            this.unbindDocumentKeydownListener();
-        }
-    }
-
-    resolveTarget() {
-        if (this.target) {
-            return this.target;
-        }
-
-        switch (this.selector) {
-            case '@next':
-                return this.el.nativeElement.nextElementSibling;
-
-            case '@prev':
-                return this.el.nativeElement.previousElementSibling;
-
-            case '@parent':
-                return this.el.nativeElement.parentElement;
-
-            case '@grandparent':
-                return this.el.nativeElement.parentElement.parentElement;
-
-            default:
-                return document.querySelector(this.selector as string);
-        }
-    }
-
-    bindDocumentClickListener() {
-        if (!this.documentClickListener) {
-            this.documentClickListener = this.renderer.listen(this.el.nativeElement.ownerDocument, 'click', (event) => {
-                if (!this.isVisible() || getComputedStyle(this.target as HTMLElement).getPropertyValue('position') === 'static') this.unbindDocumentClickListener();
-                else if (this.isOutsideClick(event)) this.leave();
-            });
-        }
-    }
-
-    bindDocumentKeydownListener() {
-        if (!this.documentKeydownListener) {
-            this.zone.runOutsideAngular(() => {
-                this.documentKeydownListener = this.renderer.listen(this.el.nativeElement.ownerDocument, 'keydown', (event) => {
-                    const { key, keyCode, which, type } = event;
-                    if (!this.isVisible() || getComputedStyle(this.target as HTMLElement).getPropertyValue('position') === 'static') this.unbindDocumentKeydownListener();
-                    if (this.isVisible() && key === 'Escape' && keyCode === 27 && which === 27) this.leave();
-                });
-            });
-        }
-    }
-
-    isVisible() {
-        return (this.target as HTMLElement).offsetParent !== null;
-    }
-
-    isOutsideClick(event: MouseEvent) {
-        return !this.el.nativeElement.isSameNode(event.target) && !this.el.nativeElement.contains(event.target) && !(this.target as HTMLElement).contains(<HTMLElement>event.target);
-    }
-
-    unbindDocumentClickListener() {
-        if (this.documentClickListener) {
-            this.documentClickListener();
-            this.documentClickListener = null;
-        }
-    }
-
-    unbindDocumentKeydownListener() {
-        if (this.documentKeydownListener) {
-            this.documentKeydownListener();
-            this.documentKeydownListener = null;
-        }
-    }
-
-    ngOnDestroy() {
-        this.target = null;
-        if (this.eventListener) {
-            this.eventListener();
-        }
-        this.unbindDocumentClickListener();
-        this.unbindDocumentKeydownListener();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [StyleClass],
-    declarations: [StyleClass]
-})
-export class StyleClassModule {}
diff --git a/src/app/components/table/columnfilter.interface.ts b/src/app/components/table/columnfilter.interface.ts
deleted file mode 100644
index e72b641..0000000
--- a/src/app/components/table/columnfilter.interface.ts
+++ /dev/null
@@ -1,249 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { SelectItem } from 'primeng/api';
-
-/**
- * Defines valid templates in Column Filter.
- * @group Templates
- */
-export interface TableColumnFilterTemplates {
-    /**
-     * Custom filter template.
-     */
-    filter(context: {
-        /**
-         * filterConstraint.value.
-         */
-        $implicit?: string;
-        /**
-         * filter callback.
-         */
-        filterCallback?: (value: string) => void;
-        /**
-         * Type of the input.
-         */
-        type?: string;
-        /**
-         * Filter constraint.
-         */
-        filterConstraint?: string;
-        /**
-         * Input placeholder.
-         */
-        placeholder?: boolean;
-        /**
-         * Minimum fraction of digits.
-         */
-        minFractionDigits?: number;
-        /**
-         * Maximum fraction of digits.
-         */
-        maxFractionDigits?: number;
-        /**
-         * Input prefix.
-         */
-        prefix?: string;
-        /**
-         * Input suffix.
-         */
-        suffix?: string;
-        /**
-         * Locale.
-         */
-        locale?: string;
-        /**
-         * Locale matcher.
-         */
-        localeMatcher?: string;
-        /**
-         * Enables currency input.
-         */
-        currency?: boolean;
-        /**
-         * Display of the currency input.
-         */
-        currencyDisplay?: boolean;
-        /**
-         * Defines if filter grouping will be enabled.
-         */
-        useGrouping?: boolean;
-        /**
-         * Defines the visibility of buttons.
-         */
-        showButtons?: boolean;
-    }): TemplateRef<any>;
-    /**
-     * Custom header template.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom footer template.
-     */
-    footer(): TemplateRef<any>;
-    /**
-     * Custom filter icon template.
-     */
-    filtericon(): TemplateRef<any>;
-    /**
-     * Custom remove rule icon template.
-     */
-    removeruleicon(): TemplateRef<any>;
-    /**
-     * Custom add rule icon template.
-     */
-    addruleicon(): TemplateRef<any>;
-    /**
-     * Custom clear filter icon template.
-     */
-    clearfiltericon(): TemplateRef<any>;
-}
-
-/**
- * Defines valid properties in ColumnFilter component.
- * @group Components
- */
-export interface ColumnFilterProps {
-    /**
-     * Property represented by the column.
-     * @defaultValue text
-     * @group Props
-     */
-    field: string | undefined;
-    /**
-     * Type of the input.
-     * @defaultValue text
-     * @group Props
-     */
-    type: string;
-    /**
-     * Filter display.
-     * @defaultValue row
-     * @group Props
-     */
-    display: string;
-    /**
-     * Decides whether to display filter menu popup.
-     * @defaultValue true
-     * @group Props
-     */
-    showMenu: boolean;
-    /**
-     * Filter match mode.
-     * @group Props
-     */
-    matchMode: string | undefined;
-    /**
-     * Filter operator.
-     * @defaultValue 'AND'
-     * @group Props
-     */
-    operator: string;
-    /**
-     * Decides whether to display filter operator.
-     * @defaultValue true
-     * @group Props
-     */
-    showOperator: boolean;
-    /**
-     * Decides whether to display clear filter button.
-     * @defaultValue true
-     * @group Props
-     */
-    showClearButton: boolean;
-    /**
-     * Decides whether to display apply filter button.
-     * @defaultValue true
-     * @group Props
-     */
-    showApplyButton: boolean;
-    /**
-     * Decides whether to display filter match modes.
-     * @defaultValue true
-     * @group Props
-     */
-    showMatchModes: boolean;
-    /**
-     * Decides whether to display add filter button.
-     * @defaultValue true
-     * @group Props
-     */
-    showAddButton: boolean;
-    /**
-     * Decides whether to close popup on clear button click.
-     * @defaultValue true
-     * @group Props
-     */
-    hideOnClear: boolean;
-    /**
-     * Filter placeholder.
-     * @group Props
-     */
-    placeholder: string | undefined;
-    /**
-     * Filter match mode options.
-     * @group Props
-     */
-    matchModeOptions: SelectItem[] | undefined;
-    /**
-     * Defines maximum amount of constraints.
-     * @defaultValue 2
-     * @group Props
-     */
-    maxConstraints: number;
-    /**
-     * Defines minimum fraction of digits.
-     * @group Props
-     */
-    minFractionDigits: number | undefined;
-    /**
-     * Defines maximum fraction of digits.
-     * @group Props
-     */
-    maxFractionDigits: number | undefined;
-    /**
-     * Defines prefix of the filter.
-     * @group Props
-     */
-    prefix: string | undefined;
-    /**
-     * Defines suffix of the filter.
-     * @group Props
-     */
-    suffix: string | undefined;
-    /**
-     * Defines filter locale.
-     * @group Props
-     */
-    locale: string | undefined;
-    /**
-     * Defines filter locale matcher.
-     * @group Props
-     */
-    localeMatcher: string | undefined;
-    /**
-     * Enables currency input.
-     * @group Props
-     */
-    currency: boolean | undefined;
-    /**
-     * Defines the display of the currency input.
-     * @group Props
-     */
-    currencyDisplay: string | undefined;
-    /**
-     * Defines if filter grouping will be enabled.
-     * @defaultValue true
-     * @group Props
-     */
-    useGrouping: boolean;
-    /**
-     * Defines the visibility of buttons.
-     * @defaultValue true
-     * @group Props
-     */
-    showButtons: boolean;
-    /**
-     * Defines the aria-label of the form element.
-     * @group Props
-     */
-    ariaLabel: string | undefined;
-}
diff --git a/src/app/components/table/ng-package.json b/src/app/components/table/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/table/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/table/public_api.ts b/src/app/components/table/public_api.ts
deleted file mode 100644
index 7c5e2a0..0000000
--- a/src/app/components/table/public_api.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './table';
-export * from './table.interface';
-export * from './columnfilter.interface';
diff --git a/src/app/components/table/table.css b/src/app/components/table/table.css
deleted file mode 100644
index a3820e1..0000000
--- a/src/app/components/table/table.css
+++ /dev/null
@@ -1,249 +0,0 @@
-@layer primeng {
-    .p-datatable {
-        position: relative;
-    }
-
-    .p-datatable > .p-datatable-wrapper {
-        overflow: auto;
-    }
-
-    .p-datatable-table {
-        border-spacing: 0px;
-        width: 100%;
-    }
-
-    .p-datatable .p-sortable-column {
-        cursor: pointer;
-        user-select: none;
-    }
-
-    .p-datatable .p-sortable-column .p-column-title,
-    .p-datatable .p-sortable-column .p-sortable-column-icon,
-    .p-datatable .p-sortable-column .p-sortable-column-badge {
-        vertical-align: middle;
-    }
-
-    .p-datatable .p-sortable-column .p-icon-wrapper {
-        display: inline;
-    }
-
-    .p-datatable .p-sortable-column .p-sortable-column-badge {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-datatable-hoverable-rows .p-selectable-row {
-        cursor: pointer;
-    }
-
-    /* Scrollable */
-    .p-datatable-scrollable > .p-datatable-wrapper {
-        position: relative;
-    }
-
-    .p-datatable-scrollable-table > .p-datatable-thead {
-        position: sticky;
-        top: 0;
-        z-index: 2;
-    }
-
-    .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
-        position: sticky;
-        z-index: 1;
-    }
-
-    .p-datatable-scrollable-table > .p-datatable-tfoot {
-        position: sticky;
-        bottom: 0;
-        z-index: 1;
-    }
-
-    .p-datatable-scrollable .p-frozen-column {
-        position: sticky;
-        background: inherit;
-        z-index: 1;
-    }
-
-    .p-datatable-scrollable th.p-frozen-column {
-        z-index: 1;
-    }
-
-    .p-datatable-flex-scrollable {
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-    }
-
-    .p-datatable-flex-scrollable > .p-datatable-wrapper {
-        display: flex;
-        flex-direction: column;
-        flex: 1;
-        height: 100%;
-    }
-
-    .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
-        position: sticky;
-        z-index: 2;
-    }
-
-    /* Resizable */
-    .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-    .p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-    .p-datatable-resizable-table > .p-datatable-tbody > tr > td {
-        overflow: hidden;
-        white-space: nowrap;
-    }
-
-    .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
-        background-clip: padding-box;
-        position: relative;
-    }
-
-    .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
-        display: none;
-    }
-
-    .p-datatable .p-column-resizer {
-        display: block;
-        position: absolute !important;
-        top: 0;
-        right: 0;
-        margin: 0;
-        width: 0.5rem;
-        height: 100%;
-        padding: 0px;
-        cursor: col-resize;
-        border: 1px solid transparent;
-    }
-
-    .p-datatable .p-column-resizer-helper {
-        width: 1px;
-        position: absolute;
-        z-index: 10;
-        display: none;
-    }
-
-    .p-datatable .p-row-editor-init,
-    .p-datatable .p-row-editor-save,
-    .p-datatable .p-row-editor-cancel {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        overflow: hidden;
-        position: relative;
-    }
-
-    /* Expand */
-    .p-datatable .p-row-toggler {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        overflow: hidden;
-        position: relative;
-    }
-
-    /* Reorder */
-    .p-datatable-reorder-indicator-up,
-    .p-datatable-reorder-indicator-down {
-        position: absolute;
-    }
-
-    .p-datatable-reorderablerow-handle {
-        cursor: move;
-    }
-
-    [pReorderableColumn] {
-        cursor: move;
-    } 
-
-    /* Loader */
-    .p-datatable .p-datatable-loading-overlay {
-        position: absolute;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        z-index: 3;
-    }
-
-    /* Filter */
-    .p-column-filter-row {
-        display: flex;
-        align-items: center;
-        width: 100%;
-    }
-
-    .p-column-filter-menu {
-        display: inline-flex;
-    }
-
-    .p-column-filter-row p-columnfilterformelement {
-        flex: 1 1 auto;
-        width: 1%;
-    }
-
-    .p-column-filter-menu-button,
-    .p-column-filter-clear-button {
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        cursor: pointer;
-        text-decoration: none;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-column-filter-overlay {
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-
-    .p-column-filter-row-items {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-    }
-
-    .p-column-filter-row-item {
-        cursor: pointer;
-    }
-
-    .p-column-filter-add-button,
-    .p-column-filter-remove-button {
-        justify-content: center;
-    }
-
-    .p-column-filter-add-button .p-button-label,
-    .p-column-filter-remove-button .p-button-label {
-        flex-grow: 0;
-    }
-
-    .p-column-filter-buttonbar {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-    }
-
-    .p-column-filter-buttonbar .p-button {
-        width: auto;
-    }
-
-    /* Responsive */
-    .p-datatable-tbody > tr > td > .p-column-title {
-        display: none;
-    }
-
-    /* Virtual Scroll */
-    .p-datatable-scroller-spacer {
-        display: flex;
-    }
-
-    .p-datatable .p-scroller .p-scroller-loading {
-        transform: none !important;
-        min-height: 0;
-        position: sticky;
-        top: 0;
-        left: 0;
-    }
-}
diff --git a/src/app/components/table/table.interface.ts b/src/app/components/table/table.interface.ts
deleted file mode 100644
index c33e01b..0000000
--- a/src/app/components/table/table.interface.ts
+++ /dev/null
@@ -1,596 +0,0 @@
-import { FilterMetadata, LazyLoadMeta, TableState } from 'primeng/api';
-import { Table } from './table';
-import { TemplateRef } from '@angular/core';
-/**
- * Custom select event.
- * @see {@link Table.onRowSelect}
- * @extends {LazyLoadMeta}
- * @group Events
- */
-export interface TableRowSelectEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent?: Event;
-    /**
-     * Row data.
-     */
-    data?: any;
-    /**
-     * Selection type.
-     */
-    type?: string;
-    /**
-     * Index of the selected row.
-     */
-    index?: number;
-}
-/**
- * Custom unselect event.
- * @see {@link Table.onRowUnselect}
- * @extends {TableRowSelectEvent}
- * @group Events
- */
-export interface TableRowUnSelectEvent extends TableRowSelectEvent {}
-/**
- * Custom page event.
- * @see {@link Table.onPage}
- */
-export interface TablePageEvent {
-    /**
-     * Index of the first element.
-     */
-    first: number;
-    /**
-     * Row count.
-     */
-    rows: number;
-}
-/**
- * Custom filter event.
- * @see {@link Table.onFilter}
- * @group Events
- */
-export interface TableFilterEvent {
-    /**
-     * Filter meta.
-     */
-    filters?: { [s: string]: FilterMetadata | undefined };
-    /**
-     * Value after filter.
-     */
-    filteredValue?: any[] | any;
-}
-/**
- * Custom lazy load event.
- * @see {@link Table.onLazyLoad}
- * @extends {LazyLoadMeta}
- * @group Events
- */
-export interface TableLazyLoadEvent extends LazyLoadMeta {
-    /**
-     * First element in viewport.
-     */
-    first?: number;
-    /**
-     * Last element in viewport.
-     */
-    last?: number;
-}
-/**
- * Custom row expand event.
- * @see {@link Table.onRowExpand}
- * @group Events
- */
-export interface TableRowExpandEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Row data.
-     */
-    data: any;
-}
-/**
- * Custom row collapse event.
- * @see {@link Table.onRowCollapse}
- * @extends {TableRowExpandEvent}
- * @group Events
- */
-export interface TableRowCollapseEvent extends TableRowExpandEvent {}
-/**
- * Custom context menu select event.
- * @see {@link Table.onContextMenuSelect}
- * @group Events
- */
-export interface TableContextMenuSelectEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Row data.
-     */
-    data: any;
-    /**
-     * Row index.
-     */
-    index: number;
-}
-/**
- * Custom context menu selection change event.
- * @see {@link Table.contextMenuSelectionChange}
- * @group Events
- */
-export interface TableContextMenuSelectionChangeEvent {
-    /**
-     * Row data.
-     */
-    data: any;
-}
-/**
- * Custom column resize event.
- * @see {@link Table.onColResize}
- * @group Events
- */
-export interface TableColResizeEvent {
-    /**
-     * Instance of resized column.
-     */
-    element: HTMLElement;
-    /**
-     * Position.
-     */
-    delta: number;
-}
-/**
- * Custom column reorder event.
- * @see {@link Table.onColReorder}
- * @group Events
- */
-export interface TableColumnReorderEvent {
-    /**
-     * Index of the dragged item.
-     */
-    dragIndex?: number;
-    /**
-     * Index of the drop position.
-     */
-    dropIndex?: number;
-    /**
-     * Columns after reorder.
-     */
-    columns?: any[];
-}
-/**
- * Custom row reorder event.
- * @see {@link Table.onRowReorder}
- * @group Events
- */
-export interface TableRowReorderEvent {
-    /**
-     * Index of the dragged item.
-     */
-    dragIndex?: number;
-    /**
-     * Index of the drop position.
-     */
-    dropIndex?: number;
-}
-/**
- * Custom edit event.
- * @group Events
- */
-export interface TableEditEvent {
-    /**
-     * Field to be edited.
-     */
-    field?: string;
-    /**
-     * New value.
-     */
-    data?: any;
-}
-/**
- * Custom edit init event.
- * @see {@link Table.onEditInit}
- * @group Events
- */
-export interface TableEditInitEvent extends TableEditEvent {
-    /**
-     * Edited element index.
-     */
-    index: number;
-}
-/**
- * Custom edit cancel event.
- * @see {@link Table.onEditCancel}
- * @group Events
- */
-export interface TableEditCancelEvent extends TableEditEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent?: Event;
-    /**
-     * Edited element index.
-     */
-    index?: number;
-}
-/**
- * Custom edit complete event.
- * @see {@link Table.onEditComplete}
- * @group Events
- */
-export interface TableEditCompleteEvent extends TableEditCancelEvent {}
-/**
- * Custom checkbox toggle event.
- * @see {@link Table.onHeaderCheckboxToggle}
- * @group Events
- */
-export interface TableHeaderCheckboxToggleEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Checked state.
-     */
-    checked: boolean;
-}
-/**
- * Custom all selection change event.
- * @see {@link Table.selectAllChange}
- * @group Events
- */
-export interface TableSelectAllChangeEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Checked state.
-     */
-    checked: boolean;
-}
-/**
- * Custom CSV export options.
- */
-export interface ExportCSVOptions {
-    /**
-     * Boolean value determining whether to export all selected values.
-     */
-    selectionOnly?: boolean;
-    /**
-     * Boolean value determining whether to export all values.
-     */
-    allValues?: boolean;
-}
-/**
- * Defines valid templates in Table.
- * @group Templates
- */
-export interface TableTemplates {
-    /**
-     * Custom caption template.
-     */
-    caption(): TemplateRef<any>;
-    /**
-     * Custom grouped header template.
-     * @param {Object} context - row data.
-     */
-    headergrouped(context: {
-        /**
-         * Row data.
-         */
-        $implicit?: any;
-        /**
-         * Row index.
-         */
-        rowIndex?: number;
-        /**
-         * Columns.
-         */
-        columns?: any[];
-        /**
-         * Editing state.
-         */
-        editing?: boolean;
-        /**
-         * Frozen state.
-         */
-        frozen?: boolean;
-    }): TemplateRef<any>;
-    /**
-     * Custom grouped header template.
-     * @param {Object} context - header data.
-     */
-    header(context: {
-        /**
-         * Field.
-         */
-        $implicit: string;
-    }): TemplateRef<{ $implicit: string }>;
-    /**
-     * Custom body template.
-     * @param {Object} context - body data.
-     */
-    body(context: {
-        /**
-         * Columns.
-         */
-        $implicit: any;
-        /**
-         * Frozen state.
-         */
-        frozen: boolean;
-    }): TemplateRef<{ $implicit: any; frozen: boolean }>;
-    /**
-     * Custom loading body template.
-     * @param {Object} context - loading body data.
-     */
-    loadingbody(context: {
-        /**
-         * Row span.
-         */
-        rowspan?: number;
-        /**
-         * Row group.
-         */
-        rowgroup?: number;
-    }): TemplateRef<any>;
-    /**
-     * Custom footer template.
-     * @param {Object} context - footer data.
-     */
-    footer(context: {
-        /**
-         * Field.
-         */
-        $implicit: string;
-    }): TemplateRef<{ $implicit: string }>;
-    /**
-     * Custom footer template.
-     * @param {Object} context - footer data.
-     */
-    footergrouped(context: {
-        /**
-         * Columns.
-         */
-        $implicit: any[];
-    }): TemplateRef<any[]>;
-    /**
-     * Custom column group template.
-     * @param {Object} context - columns data.
-     */
-    colgroup(context: {
-        /**
-         * Columns.
-         */
-        $implicit: any[];
-    }): TemplateRef<any[]>;
-    /**
-     * Custom summary template.
-     */
-    summary(): TemplateRef<any>;
-    /**
-     * Custom expanded row template.
-     * @param {Object} context - expanded row data.
-     */
-    rowexpansion(context: {
-        /**
-         * Row span.
-         */
-        rowspan?: number;
-        /**
-         * Row group.
-         */
-        rowgroup?: number;
-        /**
-         * Expanded state.
-         */
-        expanded: boolean;
-    }): TemplateRef<any>;
-    /**
-     * Custom group header template.
-     * @param {Object} context - row data.
-     */
-    groupheader(context: {
-        /**
-         * Row data.
-         */
-        $implicit?: any;
-        /**
-         * Row index.
-         */
-        rowIndex?: number;
-        /**
-         * Columns.
-         */
-        columns?: any[];
-        /**
-         * Editing state.
-         */
-        editing?: boolean;
-        /**
-         * Frozen state.
-         */
-        frozen?: boolean;
-    }): TemplateRef<any>;
-    /**
-     * Custom group footer template.
-     * @param {TableRowContext} context - row data.
-     */
-    groupfooter(context: {
-        /**
-         * Row data.
-         */
-        $implicit?: any;
-        /**
-         * Row index.
-         */
-        rowIndex?: number;
-        /**
-         * Columns.
-         */
-        columns?: any[];
-        /**
-         * Editing state.
-         */
-        editing?: boolean;
-        /**
-         * Frozen state.
-         */
-        frozen?: boolean;
-    }): TemplateRef<any>;
-    /**
-     * Custom frozen header template.
-     * @param {*} context - columns.
-     */
-    frozenheader(): TemplateRef<{ $implicit: any[] }>;
-    /**
-     * Custom frozen body template.
-     * @param {Object} context - row data.
-     */
-    frozenbody(context: {
-        /**
-         * Row data.
-         */
-        $implicit?: any;
-        /**
-         * Row index.
-         */
-        rowIndex?: number;
-        /**
-         * Columns.
-         */
-        columns?: any[];
-        /**
-         * Editing state.
-         */
-        editing?: boolean;
-        /**
-         * Frozen state.
-         */
-        frozen?: boolean;
-    }): TemplateRef<any>;
-    /**
-     * Custom frozen footer template.
-     * @param {*} context - columns.
-     */
-    frozenfooter(): TemplateRef<{ $implicit: any[] }>;
-    /**
-     * Custom frozen column group template.
-     * @param {*} context - columns.
-     */
-    frozencolgroup(): TemplateRef<{ $implicit: any[] }>;
-    /**
-     * Custom frozen expanded row template.
-     * @param {Object} context - row data.
-     */
-    frozenrowexpansion(context: {
-        /**
-         * Row span.
-         */
-        rowspan?: number;
-        /**
-         * Row group.
-         */
-        rowgroup?: number;
-        /**
-         * Expanded state.
-         */
-        expanded: boolean;
-    }): TemplateRef<any>;
-    /**
-     * Custom empty message template.
-     */
-    emptymessage(context: {
-        /**
-         * Columns
-         */
-        $implicit: any[];
-        /**
-         * Frozen state.
-         */
-        frozen: boolean;
-    }): TemplateRef<{ $implicit: any[]; frozen: boolean }>;
-    /**
-     * Custom paginator left template.
-     */
-    paginatorleft(): TemplateRef<any>;
-    /**
-     * Custom paginator right template.
-     */
-    paginatorright(): TemplateRef<any>;
-    /**
-     * Custom paginator dropdown trigger icon template.
-     */
-    paginatordropdownicon(): TemplateRef<any>;
-    /**
-     * Custom paginator dropdown item template.
-     */
-    paginatordropdownitem(): TemplateRef<any>;
-    /**
-     * Custom paginator first page link icon template.
-     */
-    paginatorfirstpagelinkicon(): TemplateRef<any>;
-    /**
-     * Custom paginator last page link icon template.
-     */
-    paginatorlastpagelinkicon(): TemplateRef<any>;
-    /**
-     * Custom paginator previous page link icon template.
-     */
-    paginatorpreviouspagelinkicon(): TemplateRef<any>;
-    /**
-     * Custom paginator next page link icon template.
-     */
-    paginatornextpagelinkicon(): TemplateRef<any>;
-    /**
-     * Custom loading icon template.
-     */
-    loadingicon(): TemplateRef<any>;
-    /**
-     * Custom reorder indicator up icon template.
-     */
-    reorderindicatorupicon(): TemplateRef<any>;
-    /**
-     * Custom reorder indicator down icon template.
-     */
-    reorderindicatordownicon(): TemplateRef<any>;
-    /**
-     * Custom sort icon template.
-     */
-    sorticon(context: {
-        /**
-         * Sort order.
-         */
-        $implicit: number;
-    }): TemplateRef<{ $implicit: number }>;
-    /**
-     * Custom checkbox icon template.
-     * @param {Object} context - checkbox data.
-     */
-    checkboxicon(context: {
-        /**
-         * Checkbox state.
-         */
-        $implicit: boolean;
-        /**
-         * Partial selection state of row node.
-         */
-        partialSelected: boolean;
-    }): TemplateRef<{ $implicit: boolean; partialSelected: boolean }>;
-    /**
-     * Custom header checkbox icon template.
-     * @param {Object} context - checkbox data.
-     */
-    headercheckboxicon(context: {
-        /**
-         * Checked state.
-         */
-        $implicit: boolean;
-    }): TemplateRef<{ $implicit: boolean }>;
-}
diff --git a/src/app/components/table/table.spec.ts b/src/app/components/table/table.spec.ts
deleted file mode 100644
index 15ddd9f..0000000
--- a/src/app/components/table/table.spec.ts
+++ /dev/null
@@ -1,1621 +0,0 @@
-import { Component } from '@angular/core';
-import { ComponentFixture, fakeAsync, flush, TestBed, tick } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
-import { SharedModule } from 'primeng/api';
-import { ContextMenu, ContextMenuModule } from 'primeng/contextmenu';
-import { DropdownModule } from 'primeng/dropdown';
-import { EditableColumn, Table, TableModule } from './table';
-import type { Paginator } from '../paginator/paginator';
-
-@Component({
-    template: `
-        <p-table class="basicTable" [value]="cars">
-            <ng-template pTemplate="caption"> List of Cars </ng-template>
-            <ng-template pTemplate="header">
-                <tr>
-                    <th>Vin</th>
-                    <th>Year</th>
-                    <th>Brand</th>
-                    <th>Color</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-car>
-                <tr>
-                    <td>{{ car.vin }}</td>
-                    <td>{{ car.year }}</td>
-                    <td>{{ car.brand }}</td>
-                    <td>{{ car.color }}</td>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="footer" let-columns>
-                <tr>
-                    <td>Vin</td>
-                    <td>Year</td>
-                    <td>Brand</td>
-                    <td>Color</td>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="summary">
-                <div style="text-align: left">Always Bet On Prime!</div>
-            </ng-template>
-        </p-table>
-
-        <p-table class="filterTable" #dt [columns]="cols" [value]="cars">
-            <ng-template pTemplate="caption">
-                <div style="text-align: right">
-                    <i class="pi pi-search" style="margin:4px 4px 0 0"></i>
-                    <input type="text" class="globalFilter" pInputText size="50" placeholder="Global Filter" (input)="dt.filterGlobal($event.target.value, 'contains')" style="width:auto" />
-                </div>
-            </ng-template>
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-                <tr>
-                    <th *ngFor="let col of columns" [ngSwitch]="col.field">
-                        <input *ngSwitchCase="'brand'" class="brandFilter" pInputText type="text" (input)="dt.filter($event.target.value, col.field, col.filterMatchMode)" />
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowData let-columns="columns">
-                <tr>
-                    <td *ngFor="let col of columns">
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-table>
-
-        <p-table class="sortTable" [columns]="cols" [value]="cars">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns" class="sortableColumn" [pSortableColumn]="col.field">
-                        {{ col.header }}
-                        <p-sortIcon [field]="col.field" ariaLabel="Activate to sort" ariaLabelDesc="Activate to sort in descending order" ariaLabelAsc="Activate to sort in ascending order"></p-sortIcon>
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowData let-columns="columns">
-                <tr class="sort">
-                    <td *ngFor="let col of columns">
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-table>
-
-        <p-table class="basicSelectionTable" [columns]="cols" [value]="cars" selectionMode="single" dataKey="vin">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowData let-columns="columns" let-rowIndex="rowIndex">
-                <tr class="selectableRow" [pSelectableRow]="rowData" [pSelectableRowIndex]="rowIndex">
-                    <td *ngFor="let col of columns">
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-table>
-
-        <p-table class="radioSelectionTable" [columns]="cols" [value]="cars" dataKey="vin">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th style="width: 3em"></th>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowData let-columns="columns">
-                <tr [pSelectableRow]="rowData">
-                    <td>
-                        <p-tableRadioButton class="radioRow" [value]="rowData"></p-tableRadioButton>
-                    </td>
-                    <td *ngFor="let col of columns">
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-table>
-
-        <p-table class="checkboxSelectionTable" [columns]="cols" [value]="cars" dataKey="vin">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th>
-                        <p-tableHeaderCheckbox class="headerCheckbox"></p-tableHeaderCheckbox>
-                    </th>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowData let-columns="columns">
-                <tr [pSelectableRow]="rowData">
-                    <td>
-                        <p-tableCheckbox class="rowCheckbox" [value]="rowData"></p-tableCheckbox>
-                    </td>
-                    <td *ngFor="let col of columns">
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-table>
-
-        <p-table class="editableTable" [value]="cars">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th>Vin</th>
-                    <th>Year</th>
-                    <th>Brand</th>
-                    <th>Color</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowData>
-                <tr>
-                    <td pEditableColumn>
-                        <p-cellEditor>
-                            <ng-template pTemplate="input">
-                                <input pInputText type="text" [(ngModel)]="rowData.vin" />
-                            </ng-template>
-                            <ng-template pTemplate="output">
-                                {{ rowData.vin }}
-                            </ng-template>
-                        </p-cellEditor>
-                    </td>
-                    <td pEditableColumn>
-                        <p-cellEditor>
-                            <ng-template pTemplate="input">
-                                <input pInputText type="text" [(ngModel)]="rowData.year" required />
-                            </ng-template>
-                            <ng-template pTemplate="output">
-                                {{ rowData.year }}
-                            </ng-template>
-                        </p-cellEditor>
-                    </td>
-                    <td pEditableColumn>
-                        <p-cellEditor>
-                            <ng-template pTemplate="input">
-                                <p-dropdown [options]="brands" [(ngModel)]="rowData.brand" [style]="{ width: '100%' }"></p-dropdown>
-                            </ng-template>
-                            <ng-template pTemplate="output">
-                                {{ rowData.brand }}
-                            </ng-template>
-                        </p-cellEditor>
-                    </td>
-                    <td pEditableColumn>
-                        <p-cellEditor>
-                            <ng-template pTemplate="input">
-                                <input pInputText type="text" [(ngModel)]="rowData.color" />
-                            </ng-template>
-                            <ng-template pTemplate="output">
-                                {{ rowData.color }}
-                            </ng-template>
-                        </p-cellEditor>
-                    </td>
-                </tr>
-            </ng-template>
-        </p-table>
-        <p-table class="rowExpansionTable" [columns]="cols" [value]="cars" dataKey="vin">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th style="width: 3em"></th>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowData let-expanded="expanded" let-columns="columns">
-                <tr>
-                    <td>
-                        <a href="#" class="rowExpansionToggler" [pRowToggler]="rowData">
-                            <i [ngClass]="expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'"></i>
-                        </a>
-                    </td>
-                    <td *ngFor="let col of columns">
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="rowexpansion" let-rowData let-columns="columns">
-                <tr>
-                    <td [attr.colspan]="columns.length + 1">
-                        <div class="p-grid p-fluid expandedRow" style="font-size:16px;padding:20px">
-                            <div class="p-col-12 p-md-3" style="text-align:center"></div>
-                            <div class="p-col-12 p-md-9">
-                                <div class="p-grid">
-                                    <div class="p-col-12"><b>Vin:</b> {{ rowData.vin }}</div>
-                                    <div class="p-col-12"><b>Year:</b> {{ rowData.year }}</div>
-                                    <div class="p-col-12"><b>Brand:</b> {{ rowData.brand }}</div>
-                                    <div class="p-col-12"><b>Color:</b> {{ rowData.color }}</div>
-                                </div>
-                            </div>
-                        </div>
-                    </td>
-                </tr>
-            </ng-template>
-        </p-table>
-        <p-table class="colResizeTable" [columns]="cols" [value]="cars" [resizableColumns]="true">
-            <ng-template pTemplate="colgroup" let-columns>
-                <colgroup>
-                    <col *ngFor="let col of columns" />
-                </colgroup>
-            </ng-template>
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns" pResizableColumn>
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowData let-columns="columns">
-                <tr>
-                    <td *ngFor="let col of columns" class="p-resizable-column">
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-table>
-        <p-table class="reorderableTable" [columns]="cols" [value]="cars" [reorderableColumns]="true">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th style="width:2.5em"></th>
-                    <th *ngFor="let col of columns" style="width: 25%;" pReorderableColumn>
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowData let-columns="columns" let-index="rowIndex">
-                <tr [pReorderableRow]="index">
-                    <td>
-                        <i class="pi pi-bars" pReorderableRowHandle></i>
-                    </td>
-                    <td *ngFor="let col of columns" style="width: 25%;">
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-table>
-        <p-table class="contextMenuTable" [columns]="cols" [value]="cars" [contextMenu]="cm">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowData let-columns="columns">
-                <tr [pSelectableRow]="rowData" [pContextMenuRow]="rowData">
-                    <td *ngFor="let col of columns">
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-table>
-
-        <p-contextMenu #cm [model]="items"></p-contextMenu>
-        <p-table class="stateTable" #dt1 [columns]="cols2" [value]="cars2" [paginator]="true" [rows]="3" dataKey="vin" [resizableColumns]="true" [reorderableColumns]="true" selectionMode="single" stateKey="statedemo">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns" [pSortableColumn]="col.field" pResizableColumn pReorderableColumn>
-                        {{ col.header }}
-                        <p-sortIcon [field]="col.field"></p-sortIcon>
-                    </th>
-                </tr>
-                <tr>
-                    <th *ngFor="let col of columns" [ngSwitch]="col.field" class="p-fluid">
-                        <input pInputText type="text" (input)="dt1.filter($event.target.value, col.field, col.filterMatchMode)" [value]="dt1.filters[col.field]?.value" />
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowData let-columns="columns">
-                <tr [pSelectableRow]="rowData">
-                    <td *ngFor="let col of columns">
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-table>
-    `
-})
-class TestBasicTableComponent {
-    items = [
-        { label: 'View', icon: 'pi pi-search', command: (event) => {} },
-        { label: 'Delete', icon: 'pi pi-times', command: (event) => {} }
-    ];
-    cols = [
-        { field: 'brand', header: 'Brand' },
-        { field: 'vin', header: 'Vin' },
-        { field: 'year', header: 'Year' },
-        { field: 'color', header: 'Color' }
-    ];
-    cols2 = [
-        { field: 'brand', header: 'Brand' },
-        { field: 'vin', header: 'Vin' },
-        { field: 'year', header: 'Year' },
-        { field: 'color', header: 'Color' }
-    ];
-    cars = [
-        { brand: 'VW', year: 2012, color: 'Orange', vin: 'dsad231ff' },
-        { brand: 'Audi', year: 2011, color: 'Black', vin: 'gwregre345' },
-        { brand: 'Renault', year: 2005, color: 'Gray', vin: 'h354htr' },
-        { brand: 'BMW', year: 2003, color: 'Blue', vin: 'j6w54qgh' },
-        { brand: 'Mercedes', year: 1995, color: 'Orange', vin: 'hrtwy34' },
-        { brand: 'Volvo', year: 2005, color: 'Black', vin: 'jejtyj' },
-        { brand: 'Honda', year: 2012, color: 'Yellow', vin: 'g43gr' },
-        { brand: 'Jaguar', year: 2013, color: 'Orange', vin: 'greg34' },
-        { brand: 'Ford', year: 2000, color: 'Black', vin: 'h54hw5' },
-        { brand: 'Fiat', year: 2013, color: 'Red', vin: '245t2s' }
-    ];
-    cars2 = [
-        { brand: 'VW', year: 2012, color: 'Orange', vin: 'dsad231ff' },
-        { brand: 'Audi', year: 2011, color: 'Black', vin: 'gwregre345' },
-        { brand: 'Renault', year: 2005, color: 'Gray', vin: 'h354htr' },
-        { brand: 'BMW', year: 2003, color: 'Blue', vin: 'j6w54qgh' },
-        { brand: 'Mercedes', year: 1995, color: 'Orange', vin: 'hrtwy34' },
-        { brand: 'Volvo', year: 2005, color: 'Black', vin: 'jejtyj' },
-        { brand: 'Honda', year: 2012, color: 'Yellow', vin: 'g43gr' },
-        { brand: 'Jaguar', year: 2013, color: 'Orange', vin: 'greg34' },
-        { brand: 'Ford', year: 2000, color: 'Black', vin: 'h54hw5' },
-        { brand: 'Fiat', year: 2013, color: 'Red', vin: '245t2s' }
-    ];
-
-    customSort(event) {
-        event.data.sort((data1, data2) => {
-            let value1 = data1[event.field];
-            let value2 = data2[event.field];
-            let result = null;
-
-            if (value1 == null && value2 != null) result = -1;
-            else if (value1 != null && value2 == null) result = 1;
-            else if (value1 == null && value2 == null) result = 0;
-            else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2);
-            else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-
-            return event.order * result;
-        });
-    }
-}
-describe('Table', () => {
-    let table: Table;
-    let filterTable: Table;
-    let sortTable: Table;
-    let basicSelectionTable: Table;
-    let radioSelectionTable: Table;
-    let checkboxSelectionTable: Table;
-    let editableTable: Table;
-    let rowExpansionTable: Table;
-    let colResizeTable: Table;
-    let reorderableTable: Table;
-    let contextMenuTable: Table;
-    let stateTable: Table;
-    let testComponent: TestBasicTableComponent;
-    let fixture: ComponentFixture<TestBasicTableComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, FormsModule, SharedModule, DropdownModule, ContextMenuModule, TableModule, RouterTestingModule.withRoutes([{ path: 'test', component: ContextMenu }])],
-            declarations: [TestBasicTableComponent, EditableColumn]
-        });
-
-        fixture = TestBed.createComponent(TestBasicTableComponent);
-        testComponent = fixture.componentInstance;
-        table = fixture.debugElement.children[0].componentInstance;
-        filterTable = fixture.debugElement.children[1].componentInstance;
-        sortTable = fixture.debugElement.children[2].componentInstance;
-        basicSelectionTable = fixture.debugElement.children[3].componentInstance;
-        radioSelectionTable = fixture.debugElement.children[4].componentInstance;
-        checkboxSelectionTable = fixture.debugElement.children[5].componentInstance;
-        editableTable = fixture.debugElement.children[6].componentInstance;
-        rowExpansionTable = fixture.debugElement.children[7].componentInstance;
-        colResizeTable = fixture.debugElement.children[8].componentInstance;
-        reorderableTable = fixture.debugElement.children[9].componentInstance;
-        contextMenuTable = fixture.debugElement.children[10].componentInstance;
-        stateTable = fixture.debugElement.children[12].componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const tableEl = fixture.debugElement.query(By.css('div'));
-        expect(tableEl.nativeElement).toBeTruthy();
-    });
-
-    it('should display 10 rows', () => {
-        fixture.detectChanges();
-
-        const tableEl = fixture.debugElement.query(By.css('div'));
-        const bodyRows = tableEl.query(By.css('.p-datatable-tbody')).queryAll(By.css('tr'));
-        expect(bodyRows.length).toEqual(10);
-    });
-
-    it('should use sections', () => {
-        fixture.detectChanges();
-
-        expect(table.captionTemplate).toBeTruthy();
-        expect(table.footerTemplate).toBeTruthy();
-        expect(table.summaryTemplate).toBeTruthy();
-    });
-
-    it('should use 2 paginators', () => {
-        fixture.detectChanges();
-
-        table.paginator = true;
-        table.rows = 5;
-        table.paginatorPosition = 'both';
-        fixture.detectChanges();
-
-        const basicTableElement = fixture.debugElement.query(By.css('.basicTable'));
-        const paginators = basicTableElement?.queryAll(By.css('p-paginator'));
-        expect(paginators?.length).toEqual(2);
-    });
-
-    it('should use paginator and list 5 elements', () => {
-        fixture.detectChanges();
-
-        table.paginator = true;
-        table.rows = 5;
-        fixture.detectChanges();
-
-        const tableEl = fixture.debugElement.query(By.css('div'));
-        const bodyRows = tableEl.query(By.css('.p-datatable-tbody')).queryAll(By.css('tr'));
-        expect(bodyRows.length).toEqual(5);
-        const pageTwoEl = fixture.debugElement.query(By.css('p-paginator')).query(By.css('.p-paginator-pages')).children[1];
-
-        pageTwoEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(table.first).toEqual(5);
-        expect(bodyRows.length).toEqual(5);
-    });
-
-    it('should pass top/botton styleClass to paginators', () => {
-        table.paginator = true;
-        table.paginatorPosition = 'both';
-        fixture.detectChanges();
-
-        const basicTableElement = fixture.debugElement.query(By.css('.basicTable'));
-        const paginators = basicTableElement?.queryAll(By.css('p-paginator'))?.map(({ componentInstance }) => componentInstance as Paginator);
-        expect(paginators).toEqual([jasmine.objectContaining({ styleClass: 'p-paginator-top' }), jasmine.objectContaining({ styleClass: 'p-paginator-bottom' })]);
-    });
-
-    it('should pass paginatorStyleClass to paginators', () => {
-        table.paginator = true;
-        table.paginatorPosition = 'both';
-        table.paginatorStyleClass = 'p-paginator-custom';
-        fixture.detectChanges();
-
-        const basicTableElement = fixture.debugElement.query(By.css('.basicTable'));
-        const paginators = basicTableElement?.queryAll(By.css('p-paginator'))?.map(({ componentInstance }) => componentInstance as Paginator);
-        expect(paginators).toEqual([jasmine.objectContaining({ styleClass: 'p-paginator-custom p-paginator-top' }), jasmine.objectContaining({ styleClass: 'p-paginator-custom p-paginator-bottom' })]);
-    });
-
-    it('should use custom filter and show 2 items', fakeAsync(() => {
-        fixture.detectChanges();
-
-        const brandFilter = fixture.debugElement.query(By.css('.brandFilter'));
-        brandFilter.nativeElement.value = 'v';
-        brandFilter.nativeElement.dispatchEvent(new Event('input'));
-        tick(300);
-        fixture.detectChanges();
-
-        const tableEl = fixture.debugElement.query(By.css('.filterTable'));
-        const bodyRows = tableEl.query(By.css('.p-datatable-tbody')).queryAll(By.css('tr'));
-        expect(bodyRows.length).toEqual(2);
-        flush();
-    }));
-
-    it('should use custom filter and show 2 items and after call reset', fakeAsync(() => {
-        fixture.detectChanges();
-
-        const brandFilter = fixture.debugElement.query(By.css('.brandFilter'));
-        brandFilter.nativeElement.value = 'v';
-        brandFilter.nativeElement.dispatchEvent(new Event('input'));
-        tick(300);
-        fixture.detectChanges();
-
-        const tableEl = fixture.debugElement.query(By.css('.filterTable'));
-        const bodyRows = tableEl.query(By.css('.p-datatable-tbody')).queryAll(By.css('tr'));
-        expect(bodyRows.length).toEqual(2);
-        filterTable.reset();
-        fixture.detectChanges();
-
-        expect(filterTable.filteredValue).toBeNull();
-        flush();
-    }));
-
-    it('should use global filter and show 1 items', fakeAsync(() => {
-        fixture.detectChanges();
-
-        const globalFilter = fixture.debugElement.query(By.css('.globalFilter'));
-        globalFilter.nativeElement.value = 'dsad231ff';
-        globalFilter.nativeElement.dispatchEvent(new Event('input'));
-        tick(300);
-        fixture.detectChanges();
-
-        const tableEl = fixture.debugElement.query(By.css('.filterTable'));
-        const bodyRows = tableEl.query(By.css('.p-datatable-tbody')).queryAll(By.css('tr'));
-        expect(bodyRows.length).toEqual(1);
-        flush();
-    }));
-
-    it('should use globalFilterFields and show 0 items', fakeAsync(() => {
-        fixture.detectChanges();
-
-        filterTable.globalFilterFields = ['year', 'color', 'brand'];
-        fixture.detectChanges();
-
-        const globalFilter = fixture.debugElement.query(By.css('.globalFilter'));
-        globalFilter.nativeElement.value = 'dsad231';
-        globalFilter.nativeElement.dispatchEvent(new Event('input'));
-        tick(300);
-        fixture.detectChanges();
-
-        const tableEl = fixture.debugElement.query(By.css('.filterTable'));
-        const bodyRows = tableEl.query(By.css('.p-datatable-tbody')).queryAll(By.css('tr'));
-        expect(bodyRows.length).toEqual(0);
-        flush();
-    }));
-
-    it('should use endsWith filter and show 1 item. It should clear the filter and show 10 item.', fakeAsync(() => {
-        fixture.detectChanges();
-
-        filterTable.filter('231ff', 'vin', 'endsWith');
-        tick(300);
-        fixture.detectChanges();
-
-        let tableEl = fixture.debugElement.query(By.css('.filterTable'));
-        let bodyRows = tableEl.query(By.css('.p-datatable-tbody')).queryAll(By.css('tr'));
-        expect(bodyRows.length).toEqual(1);
-        filterTable.filter(null, 'vin', 'endsWith');
-        tick(300);
-        fixture.detectChanges();
-
-        bodyRows = tableEl.query(By.css('.p-datatable-tbody')).queryAll(By.css('tr'));
-        expect(bodyRows.length).toEqual(10);
-        flush();
-    }));
-
-    it('should use equals filter and show 1 item', fakeAsync(() => {
-        fixture.detectChanges();
-
-        filterTable.filter('dsad231ff', 'vin', 'equals');
-        tick(300);
-        fixture.detectChanges();
-
-        let tableEl = fixture.debugElement.query(By.css('.filterTable'));
-        let bodyRows = tableEl.query(By.css('.p-datatable-tbody')).queryAll(By.css('tr'));
-        expect(bodyRows.length).toEqual(1);
-        flush();
-    }));
-
-    it('should use not equals filter and show 9 item', fakeAsync(() => {
-        fixture.detectChanges();
-
-        filterTable.filter('dsad231ff', 'vin', 'notEquals');
-        tick(300);
-        fixture.detectChanges();
-
-        let tableEl = fixture.debugElement.query(By.css('.filterTable'));
-        let bodyRows = tableEl.query(By.css('.p-datatable-tbody')).queryAll(By.css('tr'));
-        expect(bodyRows.length).toEqual(9);
-        flush();
-    }));
-
-    it('should use in filter and show 1 item', fakeAsync(() => {
-        fixture.detectChanges();
-
-        filterTable.filter(['BMW', null], 'brand', 'in');
-        tick(300);
-        fixture.detectChanges();
-
-        let tableEl = fixture.debugElement.query(By.css('.filterTable'));
-        let bodyRows = tableEl.query(By.css('.p-datatable-tbody')).queryAll(By.css('tr'));
-        expect(bodyRows.length).toEqual(1);
-        filterTable.filter([], 'brand', 'in');
-        tick(300);
-        fixture.detectChanges();
-
-        expect(bodyRows.length).toEqual(1);
-        flush();
-    }));
-
-    it('should use lt filter and show 5 item', fakeAsync(() => {
-        fixture.detectChanges();
-
-        filterTable.filter('2005', 'year', 'lt');
-        tick(300);
-        fixture.detectChanges();
-
-        let tableEl = fixture.debugElement.query(By.css('.filterTable'));
-        let bodyRows = tableEl.query(By.css('.p-datatable-tbody')).queryAll(By.css('tr'));
-        expect(bodyRows.length).toEqual(3);
-        flush();
-    }));
-
-    it('should use lte filter and show 5 item', fakeAsync(() => {
-        fixture.detectChanges();
-
-        filterTable.filter('2005', 'year', 'lte');
-        tick(300);
-        fixture.detectChanges();
-
-        let tableEl = fixture.debugElement.query(By.css('.filterTable'));
-        let bodyRows = tableEl.query(By.css('.p-datatable-tbody')).queryAll(By.css('tr'));
-        expect(bodyRows.length).toEqual(5);
-        flush();
-    }));
-
-    it('should use gt filter and show 5 item', fakeAsync(() => {
-        fixture.detectChanges();
-
-        filterTable.filter('2005', 'year', 'gt');
-        tick(300);
-        fixture.detectChanges();
-
-        let tableEl = fixture.debugElement.query(By.css('.filterTable'));
-        let bodyRows = tableEl.query(By.css('.p-datatable-tbody')).queryAll(By.css('tr'));
-        expect(bodyRows.length).toEqual(5);
-        flush();
-    }));
-
-    it('should use gte filter and show 5 item', fakeAsync(() => {
-        fixture.detectChanges();
-
-        filterTable.filter('2005', 'year', 'gte');
-        tick(300);
-        fixture.detectChanges();
-
-        let tableEl = fixture.debugElement.query(By.css('.filterTable'));
-        let bodyRows = tableEl.query(By.css('.p-datatable-tbody')).queryAll(By.css('tr'));
-        expect(bodyRows.length).toEqual(7);
-        flush();
-    }));
-
-    it('should use basic sort', () => {
-        fixture.detectChanges();
-
-        const brandSortEl = fixture.debugElement.query(By.css('.sortableColumn'));
-        brandSortEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const firstEl = fixture.debugElement.query(By.css('.sortTable')).query(By.css('.p-datatable-tbody')).query(By.css('td'));
-
-        expect(firstEl.nativeElement.outerText).toEqual('Audi');
-    });
-
-    it('should use multiple sort', fakeAsync(() => {
-        sortTable.sortMode = 'multiple';
-        fixture.detectChanges();
-
-        const yearSortEl = fixture.debugElement.queryAll(By.css('.sortableColumn'))[1];
-        const colorSortEl = fixture.debugElement.queryAll(By.css('.sortableColumn'))[3];
-        colorSortEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const firstEl = fixture.debugElement.query(By.css('.sortTable')).query(By.css('.p-datatable-tbody')).query(By.css('tr'));
-
-        expect(firstEl.children[3].nativeElement.outerText).toEqual('Black');
-        expect(firstEl.children[2].nativeElement.outerText).toEqual('2011');
-        sortTable.multiSortMeta.push({ field: 'year', order: 1 });
-        sortTable.sortMultiple();
-        tick(300);
-        fixture.detectChanges();
-
-        const firstRow = fixture.debugElement.query(By.css('.sortTable')).query(By.css('.p-datatable-tbody')).query(By.css('tr'));
-        expect(firstRow.children[2].nativeElement.outerText).toEqual('2000');
-        flush();
-    }));
-
-    it('should use custom sort', () => {
-        sortTable.customSort = true;
-        sortTable.sortFunction.subscribe((event) => testComponent.customSort(event));
-        fixture.detectChanges();
-
-        const brandSortEl = fixture.debugElement.query(By.css('.sortableColumn'));
-        brandSortEl.nativeElement.click();
-        fixture.detectChanges();
-
-        const firstEl = fixture.debugElement.query(By.css('.sortTable')).query(By.css('.p-datatable-tbody')).query(By.css('td'));
-
-        expect(firstEl.nativeElement.outerText).toEqual('Audi');
-    });
-
-    it('should select single item and unselect when another item select and self click', () => {
-        fixture.detectChanges();
-
-        const selectableRows = fixture.debugElement.queryAll(By.css('.selectableRow'));
-        const vwEl = selectableRows[0];
-        vwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection.brand).toEqual('VW');
-        expect(vwEl.nativeElement.className).toContain('p-highlight');
-        const audiEl = selectableRows[1];
-        audiEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection.brand).toEqual('Audi');
-        expect(audiEl.nativeElement.className).toContain('p-highlight');
-        audiEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection).toBeFalsy();
-        expect(audiEl.nativeElement.className).not.toContain('p-highlight');
-    });
-
-    it('should select single item and unselect when another item select and self click without dataKey', () => {
-        fixture.detectChanges();
-        basicSelectionTable.dataKey = null;
-        fixture.detectChanges();
-
-        const selectableRows = fixture.debugElement.queryAll(By.css('.selectableRow'));
-        const vwEl = selectableRows[0];
-        vwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection.brand).toEqual('VW');
-        expect(vwEl.nativeElement.className).toContain('p-highlight');
-        const audiEl = selectableRows[1];
-        audiEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection.brand).toEqual('Audi');
-        expect(audiEl.nativeElement.className).toContain('p-highlight');
-        audiEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection).toBeFalsy();
-        expect(audiEl.nativeElement.className).not.toContain('p-highlight');
-    });
-
-    it('should select multiple items and unselect with self click', () => {
-        fixture.detectChanges();
-
-        basicSelectionTable.selectionMode = 'multiple';
-        fixture.detectChanges();
-
-        const selectableRows = fixture.debugElement.queryAll(By.css('.selectableRow'));
-        const vwEl = selectableRows[0];
-        vwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection[0].brand).toEqual('VW');
-        expect(vwEl.nativeElement.className).toContain('p-highlight');
-        const audiEl = selectableRows[1];
-        audiEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection[1].brand).toEqual('Audi');
-        expect(basicSelectionTable.selection.length).toEqual(2);
-        expect(audiEl.nativeElement.className).toContain('p-highlight');
-        audiEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection.length).toEqual(1);
-        expect(audiEl.nativeElement.className).not.toContain('p-highlight');
-    });
-
-    it('should select single item with metaKey selection', () => {
-        fixture.detectChanges();
-
-        basicSelectionTable.metaKeySelection = true;
-        fixture.detectChanges();
-
-        const selectableRows = fixture.debugElement.queryAll(By.css('.selectableRow'));
-        const vwEl = selectableRows[0];
-        vwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection.brand).toEqual('VW');
-        expect(vwEl.nativeElement.className).toContain('p-highlight');
-        const event: any = document.createEvent('CustomEvent');
-        event.metaKey = true;
-        event.ctrlKey = true;
-        event.initEvent('click');
-        const audiEl = selectableRows[1];
-        audiEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection.brand).toEqual('Audi');
-        expect(audiEl.nativeElement.className).toContain('p-highlight');
-        audiEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection).toBeFalsy();
-        expect(audiEl.nativeElement.className).not.toContain('p-highlight');
-    });
-
-    it('should select multiple items with metaKey selection', () => {
-        fixture.detectChanges();
-
-        basicSelectionTable.stateKey = 'vin';
-        basicSelectionTable.selectionMode = 'multiple';
-        basicSelectionTable.metaKeySelection = true;
-        fixture.detectChanges();
-
-        const selectableRows = fixture.debugElement.queryAll(By.css('.selectableRow'));
-        const vwEl = selectableRows[0];
-        vwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection[0].brand).toEqual('VW');
-        expect(vwEl.nativeElement.className).toContain('p-highlight');
-        const event: any = document.createEvent('CustomEvent');
-        event.metaKey = true;
-        event.ctrlKey = true;
-        event.initEvent('click');
-        const audiEl = selectableRows[1];
-        audiEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection[1].brand).toEqual('Audi');
-        expect(basicSelectionTable.selection.length).toEqual(2);
-        expect(audiEl.nativeElement.className).toContain('p-highlight');
-        audiEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection.length).toEqual(1);
-        expect(audiEl.nativeElement.className).not.toContain('p-highlight');
-    });
-
-    it('should select range  with shiftKey selection', () => {
-        fixture.detectChanges();
-
-        basicSelectionTable.selectionMode = 'multiple';
-        basicSelectionTable.metaKeySelection = true;
-        fixture.detectChanges();
-
-        const event: any = document.createEvent('CustomEvent');
-        event.shiftKey = true;
-        event.initEvent('click');
-        const selectableRows = fixture.debugElement.queryAll(By.css('.selectableRow'));
-        const audiEl = selectableRows[1];
-        audiEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        audiEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.rangeRowIndex).toEqual(basicSelectionTable.anchorRowIndex);
-        expect(basicSelectionTable.selection[0].brand).toEqual('Audi');
-        expect(audiEl.nativeElement.className).toContain('p-highlight');
-        const mercedesEl = selectableRows[4];
-        mercedesEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection.length).toEqual(4);
-        const fordEl = selectableRows[8];
-        fordEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection.length).toEqual(8);
-        const vwEl = selectableRows[0];
-        vwEl.nativeElement.dispatchEvent(event);
-        vwEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection.length).toEqual(2);
-    });
-
-    it('should select range  with shiftKey selection without dataKey', () => {
-        fixture.detectChanges();
-
-        basicSelectionTable.dataKey = null;
-        basicSelectionTable.selectionMode = 'multiple';
-        basicSelectionTable.metaKeySelection = true;
-        fixture.detectChanges();
-
-        const event: any = document.createEvent('CustomEvent');
-        event.shiftKey = true;
-        event.initEvent('click');
-        const selectableRows = fixture.debugElement.queryAll(By.css('.selectableRow'));
-        const audiEl = selectableRows[1];
-        audiEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        audiEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.rangeRowIndex).toEqual(basicSelectionTable.anchorRowIndex);
-        expect(basicSelectionTable.selection[0].brand).toEqual('Audi');
-        expect(audiEl.nativeElement.className).toContain('p-highlight');
-        const mercedesEl = selectableRows[4];
-        mercedesEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection.length).toEqual(4);
-        const fordEl = selectableRows[8];
-        fordEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection.length).toEqual(8);
-        const vwEl = selectableRows[0];
-        vwEl.nativeElement.dispatchEvent(event);
-        vwEl.nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(basicSelectionTable.selection.length).toEqual(2);
-    });
-
-    it('should select with radioButton', () => {
-        fixture.detectChanges();
-
-        radioSelectionTable.stateKey = 'vin';
-        fixture.detectChanges();
-
-        const radioRows = fixture.debugElement.queryAll(By.css('.radioRow'));
-        expect(radioRows.length).toEqual(10);
-        const vwRadioEl = radioRows[0].query(By.css('div'));
-        const bmwRadioEl = radioRows[3].query(By.css('div'));
-        vwRadioEl.query(By.css('input')).nativeElement.dispatchEvent(new Event('focus'));
-        vwRadioEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(vwRadioEl.query(By.css('.p-radiobutton-box')).nativeElement.className).toContain('p-focus');
-        vwRadioEl.query(By.css('input')).nativeElement.dispatchEvent(new Event('blur'));
-        fixture.detectChanges();
-
-        expect(vwRadioEl.query(By.css('.p-radiobutton-box')).nativeElement.className).not.toContain('p-focus');
-        expect(radioSelectionTable.selection.brand).toEqual('VW');
-        bmwRadioEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(radioSelectionTable.selection.brand).toEqual('BMW');
-        bmwRadioEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(radioSelectionTable.selection).toBeFalsy();
-    });
-
-    it('should select with checkbox and unselect when self click', () => {
-        fixture.detectChanges();
-
-        checkboxSelectionTable.stateKey = 'vin';
-        fixture.detectChanges();
-
-        const checkboxRows = fixture.debugElement.queryAll(By.css('.rowCheckbox'));
-        expect(checkboxRows.length).toEqual(10);
-        const vwCheckboxEl = checkboxRows[0].query(By.css('div'));
-        vwCheckboxEl.query(By.css('input')).nativeElement.dispatchEvent(new Event('focus'));
-        vwCheckboxEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(vwCheckboxEl.query(By.css('.p-checkbox-box')).nativeElement.className).toContain('p-focus');
-        vwCheckboxEl.query(By.css('input')).nativeElement.dispatchEvent(new Event('blur'));
-        fixture.detectChanges();
-
-        expect(vwCheckboxEl.query(By.css('.p-checkbox-box')).nativeElement.className).not.toContain('p-focus');
-        expect(checkboxSelectionTable.selection[0].brand).toEqual('VW');
-        const audiCheckboxEl = checkboxRows[1].query(By.css('div'));
-        audiCheckboxEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(checkboxSelectionTable.selection.length).toEqual(2);
-        audiCheckboxEl.nativeElement.click();
-        vwCheckboxEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(checkboxSelectionTable.selection.length).toEqual(0);
-    });
-
-    it('should select all items and unselect all item with header checkbox', () => {
-        fixture.detectChanges();
-
-        checkboxSelectionTable.stateKey = 'vin';
-        fixture.detectChanges();
-
-        const checkboxRows = fixture.debugElement.queryAll(By.css('.rowCheckbox'));
-        const vwCheckboxEl = checkboxRows[0].query(By.css('div'));
-        const headerCheckbox = fixture.debugElement.query(By.css('.headerCheckbox')).query(By.css('div'));
-        headerCheckbox.query(By.css('input')).nativeElement.dispatchEvent(new Event('focus'));
-        fixture.detectChanges();
-
-        expect(headerCheckbox.query(By.css('.p-checkbox-box')).nativeElement.className).toContain('p-focus');
-        headerCheckbox.nativeElement.click();
-        headerCheckbox.query(By.css('input')).nativeElement.dispatchEvent(new Event('blur'));
-        fixture.detectChanges();
-
-        expect(headerCheckbox.query(By.css('.p-checkbox-box')).nativeElement.className).not.toContain('p-focus');
-        expect(checkboxSelectionTable.selection.length).toEqual(10);
-        vwCheckboxEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(checkboxSelectionTable.selection.length).toEqual(9);
-        headerCheckbox.nativeElement.click();
-        fixture.detectChanges();
-
-        headerCheckbox.nativeElement.click();
-        fixture.detectChanges();
-        expect(checkboxSelectionTable.selection).toEqual([]);
-    });
-
-    it('should open cell', () => {
-        fixture.detectChanges();
-
-        let cell = fixture.debugElement.query(By.css('.p-editable-column'));
-        cell.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(editableTable.editingCell).toBeTruthy();
-    });
-
-    it('should close cell', () => {
-        fixture.detectChanges();
-
-        let cell = fixture.debugElement.query(By.css('.p-editable-column'));
-        let editableDir = cell.parent.query(By.directive(EditableColumn)).injector.get(EditableColumn);
-        cell.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(editableTable.editingCell).toBeTruthy();
-        const keydownEvent: any = document.createEvent('CustomEvent');
-        keydownEvent.keyCode = 13;
-        keydownEvent.initEvent('keydown', true, true);
-        cell.nativeElement.dispatchEvent(keydownEvent);
-        editableDir.onEnterKeyDown(keydownEvent);
-        fixture.detectChanges();
-
-        expect(editableTable.editingCell).toBeFalsy();
-        cell.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(editableTable.editingCell).toBeTruthy();
-        keydownEvent.keyCode = 27;
-        cell.nativeElement.dispatchEvent(keydownEvent);
-        editableDir.onEscapeKeyDown(keydownEvent);
-        fixture.detectChanges();
-
-        expect(editableTable.editingCell).toBeFalsy();
-    });
-
-    it('should open next cell', () => {
-        fixture.detectChanges();
-
-        let cellEls = fixture.debugElement.queryAll(By.css('.p-editable-column'));
-        let cell = cellEls[0];
-        let editableDir = cell.parent.query(By.directive(EditableColumn)).injector.get(EditableColumn);
-        const moveToNextCellSpy = spyOn(editableDir, 'moveToNextCell').and.callThrough();
-        cell.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(editableTable.editingCell).toBeTruthy();
-        const keydownEvent: any = document.createEvent('CustomEvent');
-        keydownEvent.keyCode = 9;
-        keydownEvent.initEvent('keydown', true, true);
-        keydownEvent.shiftKey = false;
-        editableDir.onShiftKeyDown(keydownEvent);
-        fixture.detectChanges();
-
-        expect(moveToNextCellSpy).toHaveBeenCalled();
-    });
-
-    it('should open prev cell', () => {
-        fixture.detectChanges();
-
-        let cellEls = fixture.debugElement.queryAll(By.css('.p-editable-column'));
-        let cell = cellEls[1];
-        cell.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(editableTable.editingCell).toBeTruthy();
-        let editableDir = cell.parent.query(By.directive(EditableColumn)).injector.get(EditableColumn);
-        const moveToPreviousCellSpy = spyOn(editableDir, 'moveToPreviousCell').and.callThrough();
-        const keydownEvent: any = document.createEvent('CustomEvent');
-        keydownEvent.keyCode = 9;
-        keydownEvent.initEvent('keydown', true, true);
-        keydownEvent.shiftKey = true;
-        editableDir.onShiftKeyDown(keydownEvent);
-        fixture.detectChanges();
-
-        expect(moveToPreviousCellSpy).toHaveBeenCalled();
-    });
-
-    it('should open expansion', () => {
-        fixture.detectChanges();
-
-        const rowExpansionTableEl = fixture.debugElement.query(By.css('.rowExpansionTable'));
-        let togglerEls = fixture.debugElement.queryAll(By.css('.rowExpansionToggler'));
-        let rowEls = rowExpansionTableEl.queryAll(By.css('tr'));
-        expect(togglerEls.length).toEqual(10);
-        expect(rowEls.length).toEqual(11);
-        togglerEls[0].nativeElement.click();
-        fixture.detectChanges();
-
-        rowEls = rowExpansionTableEl.queryAll(By.css('tr'));
-        let expandedRow = fixture.debugElement.query(By.css('.expandedRow'));
-        expect(rowEls.length).toEqual(12);
-        expect(expandedRow.nativeElement).toBeTruthy();
-    });
-
-    it('should call resize (expand)', () => {
-        fixture.detectChanges();
-
-        colResizeTable.columnResizeMode = 'expand';
-        fixture.detectChanges();
-
-        let resizerEls = document.getElementsByClassName('p-column-resizer');
-        let defaultWidth = resizerEls[0].parentElement.parentElement.clientWidth;
-        const onColumnResizeBeginSpy = spyOn(colResizeTable, 'onColumnResizeBegin').and.callThrough();
-        const event: any = document.createEvent('CustomEvent');
-        event.pageX = 450;
-        event.which = 1;
-        event.initEvent('mousedown');
-        let firstWidth = resizerEls[0].parentElement.clientWidth;
-        resizerEls[0].dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        expect(onColumnResizeBeginSpy).toHaveBeenCalled();
-        const onColumnResizeSpy = spyOn(colResizeTable, 'onColumnResize').and.callThrough();
-        event.initEvent('mousemove');
-        event.pageX = 420;
-        document.dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        expect(onColumnResizeSpy).toHaveBeenCalled();
-        const onColumnResizeEndSpy = spyOn(colResizeTable, 'onColumnResizeEnd').and.callThrough();
-        event.initEvent('mouseup');
-        document.dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        expect(onColumnResizeEndSpy).toHaveBeenCalled();
-        expect(resizerEls[0].parentElement.clientWidth).not.toEqual(firstWidth);
-        expect(defaultWidth).not.toEqual(resizerEls[0].parentElement.parentElement.clientWidth);
-        expect(defaultWidth).toEqual(resizerEls[0].parentElement.parentElement.clientWidth + 30);
-    });
-
-    it('should call resize and resizeColGroup with scrollableTable (expand)', () => {
-        fixture.detectChanges();
-
-        colResizeTable.columnResizeMode = 'expand';
-        colResizeTable.scrollable = true;
-        colResizeTable.scrollHeight = '50px';
-        fixture.detectChanges();
-
-        let resizerEls = document.getElementsByClassName('p-column-resizer');
-        let defaultWidth = resizerEls[0].parentElement.parentElement.clientWidth;
-        const onColumnResizeBeginSpy = spyOn(colResizeTable, 'onColumnResizeBegin').and.callThrough();
-        const event: any = document.createEvent('CustomEvent');
-        event.pageX = 450;
-        event.which = 1;
-        event.initEvent('mousedown');
-        let firstWidth = resizerEls[0].parentElement.clientWidth;
-        resizerEls[0].dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        expect(onColumnResizeBeginSpy).toHaveBeenCalled();
-        const onColumnResizeSpy = spyOn(colResizeTable, 'onColumnResize').and.callThrough();
-        event.initEvent('mousemove');
-        event.pageX = 420;
-        document.dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        expect(onColumnResizeSpy).toHaveBeenCalled();
-        const onColumnResizeEndSpy = spyOn(colResizeTable, 'onColumnResizeEnd').and.callThrough();
-        event.initEvent('mouseup');
-        document.dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        expect(onColumnResizeEndSpy).toHaveBeenCalled();
-        expect(resizerEls[0].parentElement.clientWidth).not.toEqual(firstWidth);
-        expect(defaultWidth).not.toEqual(resizerEls[0].parentElement.parentElement.clientWidth);
-        expect(defaultWidth).toEqual(resizerEls[0].parentElement.parentElement.clientWidth + 30);
-    });
-
-    it('should call resize (fit)', () => {
-        fixture.detectChanges();
-
-        let resizerEls = document.getElementsByClassName('p-column-resizer');
-        let defaultWidth = resizerEls[0].parentElement.parentElement.clientWidth;
-        const onColumnResizeBeginSpy = spyOn(colResizeTable, 'onColumnResizeBegin').and.callThrough();
-        const event: any = document.createEvent('CustomEvent');
-        event.pageX = 450;
-        event.initEvent('mousedown');
-        event.which = 1;
-        let firstWidth = resizerEls[0].parentElement.clientWidth;
-        resizerEls[0].dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        expect(onColumnResizeBeginSpy).toHaveBeenCalled();
-        const onColumnResizeSpy = spyOn(colResizeTable, 'onColumnResize').and.callThrough();
-        event.initEvent('mousemove');
-        event.pageX = 420;
-        document.dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        expect(onColumnResizeSpy).toHaveBeenCalled();
-        const onColumnResizeEndSpy = spyOn(colResizeTable, 'onColumnResizeEnd').and.callThrough();
-        event.initEvent('mouseup');
-        document.dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        expect(onColumnResizeEndSpy).toHaveBeenCalled();
-        expect(resizerEls[0]?.parentElement?.clientWidth).toEqual(firstWidth - 30);
-        expect(resizerEls[0]?.parentElement?.clientWidth).not.toEqual(firstWidth);
-        expect(defaultWidth).toEqual(resizerEls[0]!.parentElement!.parentElement!.clientWidth);
-    });
-
-    it('should call resize and resizeColGroup with scrollableTable (fit)', () => {
-        colResizeTable.scrollable = true;
-        colResizeTable.scrollHeight = '50px';
-        fixture.detectChanges();
-
-        let resizerEls = document.getElementsByClassName('p-column-resizer');
-        let defaultWidth = resizerEls[0]?.parentElement?.parentElement?.clientWidth;
-        const onColumnResizeBeginSpy = spyOn(colResizeTable, 'onColumnResizeBegin').and.callThrough();
-        const event: any = document.createEvent('CustomEvent');
-        event.pageX = 450;
-        event.which = 1;
-        event.initEvent('mousedown');
-        let firstWidth = resizerEls[0]?.parentElement?.clientWidth;
-        resizerEls[0].dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        expect(onColumnResizeBeginSpy).toHaveBeenCalled();
-        const onColumnResizeSpy = spyOn(colResizeTable, 'onColumnResize').and.callThrough();
-        event.initEvent('mousemove');
-        event.pageX = 420;
-        document.dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        expect(onColumnResizeSpy).toHaveBeenCalled();
-        const onColumnResizeEndSpy = spyOn(colResizeTable, 'onColumnResizeEnd').and.callThrough();
-        event.initEvent('mouseup');
-        document.dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        expect(onColumnResizeEndSpy).toHaveBeenCalled();
-        expect(resizerEls[0].parentElement.clientWidth).toEqual(firstWidth - 30);
-        expect(resizerEls[0].parentElement.clientWidth).not.toEqual(firstWidth);
-        expect(defaultWidth).toEqual(resizerEls[0].parentElement.parentElement.clientWidth);
-    });
-
-    it('should reorder column (dropPosition -1)', () => {
-        fixture.detectChanges();
-
-        const reorderableTableEl = fixture.debugElement.query(By.css('.reorderableTable'));
-        let reorableHeaderEls = reorderableTableEl.queryAll(By.css('th'));
-        expect(reorableHeaderEls[1].nativeElement.draggable).toBeFalsy();
-        reorableHeaderEls[1].nativeElement.dispatchEvent(new Event('mousedown'));
-        fixture.detectChanges();
-
-        expect(reorableHeaderEls[1].nativeElement.draggable).toBeTruthy();
-        const onColumnDragStartSpy = spyOn(reorderableTable, 'onColumnDragStart').and.callThrough();
-        const dragEvent: any = document.createEvent('CustomEvent');
-        dragEvent.initEvent('dragstart', true, true);
-        dragEvent.dataTransfer = { setData(val1, val2) {} };
-        reorableHeaderEls[1].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        dragEvent.initEvent('dragenter', true, true);
-        dragEvent.pageX = reorableHeaderEls[3].nativeElement.clientWidth + 1;
-        reorableHeaderEls[2].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        dragEvent.initEvent('dragleave', true, true);
-        reorableHeaderEls[2].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        expect(onColumnDragStartSpy).toHaveBeenCalled();
-        expect(reorderableTable.draggedColumn.textContent).toEqual(' Brand ');
-        dragEvent.initEvent('dragenter', true, true);
-        dragEvent.pageX = reorableHeaderEls[3].nativeElement.clientWidth * 2 + 1;
-        reorableHeaderEls[3].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        expect(reorderableTable.dropPosition).toEqual(-1);
-        dragEvent.initEvent('drop');
-        reorableHeaderEls[3].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        reorableHeaderEls = reorderableTableEl.queryAll(By.css('th'));
-        expect(reorableHeaderEls[1].nativeElement.textContent).toEqual(' Vin ');
-        expect(reorableHeaderEls[2].nativeElement.textContent).toEqual(' Brand ');
-    });
-
-    it('should reorder column (dropPosition +1)', () => {
-        fixture.detectChanges();
-
-        const reorderableTableEl = fixture.debugElement.query(By.css('.reorderableTable'));
-        let reorableHeaderEls = reorderableTableEl.queryAll(By.css('th'));
-        expect(reorableHeaderEls[1].nativeElement.draggable).toBeFalsy();
-        reorableHeaderEls[1].nativeElement.dispatchEvent(new Event('mousedown'));
-        fixture.detectChanges();
-
-        expect(reorableHeaderEls[1].nativeElement.draggable).toBeTruthy();
-        const onColumnDragStartSpy = spyOn(reorderableTable, 'onColumnDragStart').and.callThrough();
-        const dragEvent: any = document.createEvent('CustomEvent');
-        dragEvent.initEvent('dragstart', true, true);
-        dragEvent.dataTransfer = { setData(val1, val2) {} };
-        reorableHeaderEls[1].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        expect(onColumnDragStartSpy).toHaveBeenCalled();
-        expect(reorderableTable.draggedColumn.textContent).toEqual(' Brand ');
-        dragEvent.initEvent('dragenter', true, true);
-        dragEvent.pageX = reorableHeaderEls[3].nativeElement.clientWidth * 3 + 1;
-        reorableHeaderEls[3].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        expect(reorderableTable.dropPosition).toEqual(1);
-        dragEvent.initEvent('drop');
-        reorableHeaderEls[3].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        reorableHeaderEls = reorderableTableEl.queryAll(By.css('th'));
-        expect(reorableHeaderEls[1].nativeElement.textContent).toEqual(' Vin ');
-        expect(reorableHeaderEls[2].nativeElement.textContent).toEqual(' Year ');
-        expect(reorableHeaderEls[3].nativeElement.textContent).toEqual(' Brand ');
-    });
-
-    it('should reorder row (bottom of the dropped row)', () => {
-        fixture.detectChanges();
-
-        const reorderableTableEl = fixture.debugElement.query(By.css('.reorderableTable'));
-        let reorderableRowEls = reorderableTableEl.queryAll(By.css('tr'));
-        expect(reorderableRowEls[1].nativeElement.draggable).toBeFalsy();
-        expect(reorderableRowEls[1].children[1].nativeElement.textContent).toEqual(' VW ');
-        reorderableRowEls[1].nativeElement.classList.add('p-datatable-reorderablerow-handle');
-        reorderableRowEls[1].nativeElement.dispatchEvent(new Event('mousedown'));
-        fixture.detectChanges();
-
-        expect(reorderableRowEls[1].nativeElement.draggable).toBeTruthy();
-        reorderableRowEls[1].nativeElement.classList.remove('p-datatable-reorderablerow-handle');
-        const onRowDragStartSpy = spyOn(reorderableTable, 'onRowDragStart').and.callThrough();
-        const dragEvent: any = document.createEvent('CustomEvent');
-        dragEvent.initEvent('dragstart', true, true);
-        dragEvent.dataTransfer = { setData(val1, val2) {} };
-        reorderableRowEls[1].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        expect(onRowDragStartSpy).toHaveBeenCalled();
-        expect(reorderableTable.rowDragging).toBeTruthy();
-        expect(reorderableTable.draggedRowIndex).toEqual(0);
-        dragEvent.initEvent('dragover', true, true);
-        dragEvent.pageY = reorderableRowEls[3].nativeElement.clientWidth + 1;
-        const onRowDragOverSpy = spyOn(reorderableTable, 'onRowDragOver').and.callThrough();
-        reorderableRowEls[3].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        expect(onRowDragOverSpy).toHaveBeenCalled();
-        expect(reorderableTable.droppedRowIndex).toEqual(2);
-        const onRowDropSpy = spyOn(reorderableTable, 'onRowDrop').and.callThrough();
-        const onRowDragEndSpy = spyOn(reorderableTable, 'onRowDragEnd').and.callThrough();
-        const onRowDragLeaveSpy = spyOn(reorderableTable, 'onRowDragLeave').and.callThrough();
-        dragEvent.initEvent('drop', true, true);
-        reorderableRowEls[3].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        reorderableRowEls = reorderableTableEl.queryAll(By.css('tr'));
-        expect(reorderableRowEls[1].children[1].nativeElement.textContent).toEqual(' Audi ');
-        expect(reorderableRowEls[2].children[1].nativeElement.textContent).toEqual(' VW ');
-        expect(reorderableRowEls[3].children[1].nativeElement.textContent).toEqual(' Renault ');
-        expect(onRowDropSpy).toHaveBeenCalled();
-        expect(onRowDragEndSpy).toHaveBeenCalled();
-        expect(onRowDragLeaveSpy).toHaveBeenCalled();
-    });
-
-    it('should export csv selection only', () => {
-        fixture.detectChanges();
-
-        basicSelectionTable.selectionMode = 'multiple';
-        fixture.detectChanges();
-
-        const selectableRows = fixture.debugElement.queryAll(By.css('.selectableRow'));
-        const vwEl = selectableRows[0];
-        vwEl.nativeElement.click();
-        fixture.detectChanges();
-
-        let spyObj: HTMLElement = document.createElement('a');
-        spyOn(document, 'createElement').and.returnValue(spyObj);
-        fixture.detectChanges();
-
-        basicSelectionTable.exportCSV({ selectionOnly: true });
-        fixture.detectChanges();
-
-        expect(document.createElement).toHaveBeenCalledTimes(1);
-        expect(document.createElement).toHaveBeenCalledWith('a');
-        expect(spyObj.style.display).toEqual('none');
-    });
-
-    it('should set href and download when using exportCSV function', () => {
-        fixture.detectChanges();
-
-        let spyObj: HTMLElement = document.createElement('a');
-
-        spyOn(spyObj, 'click').and.callThrough();
-        spyOn(document, 'createElement').and.returnValue(spyObj);
-        basicSelectionTable.exportCSV();
-        expect(document.createElement).toHaveBeenCalledTimes(1);
-        expect(document.createElement).toHaveBeenCalledWith('a');
-
-        expect(spyObj.click).toHaveBeenCalledTimes(1);
-    });
-
-    it('should open contextMenu and select row', () => {
-        fixture.detectChanges();
-
-        const contextMenu = fixture.debugElement.query(By.directive(ContextMenu)).componentInstance;
-        const showSpy = spyOn(contextMenu, 'show').and.callThrough();
-        const contextMenuTableEl = fixture.debugElement.query(By.css('.contextMenuTable'));
-        const rowEls = contextMenuTableEl.queryAll(By.css('tr'));
-        const event: any = document.createEvent('CustomEvent');
-        const handleRowRightClickSpy = spyOn(contextMenuTable, 'handleRowRightClick').and.callThrough();
-        event.initEvent('contextmenu');
-        rowEls[1].nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(handleRowRightClickSpy).toHaveBeenCalled();
-        expect(showSpy).toHaveBeenCalled();
-        expect(contextMenuTable.contextMenuSelection.brand).toEqual('VW');
-    });
-
-    it('should open contextMenu and select row (contextMenuSelectionMode is joint and selection mode single)', () => {
-        fixture.detectChanges();
-
-        contextMenuTable.selectionMode = 'single';
-        contextMenuTable.contextMenuSelectionMode = 'joint';
-        fixture.detectChanges();
-
-        const contextMenu = fixture.debugElement.query(By.directive(ContextMenu)).componentInstance;
-        const showSpy = spyOn(contextMenu, 'show').and.callThrough();
-        const contextMenuTableEl = fixture.debugElement.query(By.css('.contextMenuTable'));
-        const rowEls = contextMenuTableEl.queryAll(By.css('tr'));
-        const event: any = document.createEvent('CustomEvent');
-        const handleRowRightClickSpy = spyOn(contextMenuTable, 'handleRowRightClick').and.callThrough();
-        event.initEvent('contextmenu');
-        rowEls[1].nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(handleRowRightClickSpy).toHaveBeenCalled();
-        expect(showSpy).toHaveBeenCalled();
-        expect(contextMenuTable.selection.brand).toEqual('VW');
-    });
-
-    it('should open contextMenu and select row (contextMenuSelectionMode is joint and selection mode multiple)', () => {
-        fixture.detectChanges();
-
-        contextMenuTable.selectionMode = 'multiple';
-        contextMenuTable.contextMenuSelectionMode = 'joint';
-        fixture.detectChanges();
-
-        const contextMenu = fixture.debugElement.query(By.directive(ContextMenu)).componentInstance;
-        const showSpy = spyOn(contextMenu, 'show').and.callThrough();
-        const contextMenuTableEl = fixture.debugElement.query(By.css('.contextMenuTable'));
-        const rowEls = contextMenuTableEl.queryAll(By.css('tr'));
-        const event: any = document.createEvent('CustomEvent');
-        const handleRowRightClickSpy = spyOn(contextMenuTable, 'handleRowRightClick').and.callThrough();
-        event.initEvent('contextmenu');
-        rowEls[1].nativeElement.dispatchEvent(event);
-        rowEls[2].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(handleRowRightClickSpy).toHaveBeenCalled();
-        expect(showSpy).toHaveBeenCalled();
-        expect(contextMenuTable.selection[0].brand).toEqual('VW');
-        expect(contextMenuTable.selection[1].brand).toEqual('Audi');
-        expect(contextMenuTable.selection.length).toEqual(2);
-    });
-
-    it('should call saveState and clearState (session)', () => {
-        stateTable.columnResizeMode = 'expand';
-        fixture.detectChanges();
-
-        stateTable.selection = null;
-        stateTable.clearState();
-        stateTable.stateStorage = 'session';
-        fixture.detectChanges();
-
-        const stateTableEl = fixture.debugElement.query(By.css('.stateTable'));
-        const headerEls = stateTableEl.queryAll(By.css('th'));
-        const brandFilter = stateTableEl.query(By.css('input'));
-        brandFilter.nativeElement.value = 'vo';
-        brandFilter.nativeElement.dispatchEvent(new Event('input'));
-        fixture.detectChanges();
-
-        const rowEls = stateTableEl.queryAll(By.css('.p-selectable-row'));
-        rowEls[0].nativeElement.click();
-        fixture.detectChanges();
-
-        let resizerEls = document.getElementsByClassName('p-column-resizer');
-        const event: any = document.createEvent('CustomEvent');
-        event.pageX = 450;
-        event.initEvent('mousedown');
-        resizerEls[4].dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        event.initEvent('mousemove');
-        event.pageX = 420;
-        document.dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        event.initEvent('mouseup');
-        document.dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        headerEls[0].nativeElement.click();
-        fixture.detectChanges();
-
-        let state = JSON.parse(stateTable.getStorage().getItem(stateTable.stateKey));
-        expect(state.columnOrder[0]).toEqual('brand');
-        expect(state.columnOrder[1]).toEqual('vin');
-        expect(state.columnOrder[2]).toEqual('year');
-        expect(state.columnOrder[3]).toEqual('color');
-        expect(state.filters.brand.value).toEqual('vo');
-        expect(state.first).toEqual(0);
-        expect(state.rows).toEqual(3);
-        expect(state.selection).toBeTruthy();
-        expect(state.sortField).toEqual('brand');
-        expect(state.sortOrder).toBeTruthy();
-        stateTable.clearState();
-        fixture.detectChanges();
-
-        state = JSON.parse(stateTable.getStorage().getItem(stateTable.stateKey));
-        expect(state).toBeNull();
-    });
-
-    it('should call saveState and clearState (local)', () => {
-        stateTable.columnResizeMode = 'expand';
-        fixture.detectChanges();
-
-        stateTable.selection = null;
-        stateTable.clearState();
-        stateTable.stateStorage = 'local';
-        fixture.detectChanges();
-
-        const stateTableEl = fixture.debugElement.query(By.css('.stateTable'));
-        const headerEls = stateTableEl.queryAll(By.css('th'));
-        const brandFilter = stateTableEl.query(By.css('input'));
-        brandFilter.nativeElement.value = 'vo';
-        brandFilter.nativeElement.dispatchEvent(new Event('input'));
-        fixture.detectChanges();
-
-        const rowEls = stateTableEl.queryAll(By.css('.p-selectable-row'));
-        rowEls[0].nativeElement.click();
-        fixture.detectChanges();
-
-        let resizerEls = document.getElementsByClassName('p-column-resizer');
-        const event: any = document.createEvent('CustomEvent');
-        event.pageX = 450;
-        event.initEvent('mousedown');
-        resizerEls[4].dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        event.initEvent('mousemove');
-        event.pageX = 420;
-        document.dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        event.initEvent('mouseup');
-        document.dispatchEvent(event as MouseEvent);
-        fixture.detectChanges();
-
-        headerEls[0].nativeElement.click();
-        fixture.detectChanges();
-
-        let state = JSON.parse(stateTable.getStorage().getItem(stateTable.stateKey));
-        expect(state.columnOrder[0]).toEqual('brand');
-        expect(state.columnOrder[1]).toEqual('vin');
-        expect(state.columnOrder[2]).toEqual('year');
-        expect(state.columnOrder[3]).toEqual('color');
-        expect(state.filters.brand.value).toEqual('vo');
-        expect(state.first).toEqual(0);
-        expect(state.rows).toEqual(3);
-        expect(state.selection).toBeTruthy();
-        expect(state.sortField).toEqual('brand');
-        expect(state.sortOrder).toBeTruthy();
-        stateTable.clearState();
-        fixture.detectChanges();
-
-        state = JSON.parse(stateTable.getStorage().getItem(stateTable.stateKey));
-        expect(state).toBeNull();
-    });
-});
diff --git a/src/app/components/table/table.ts b/src/app/components/table/table.ts
deleted file mode 100644
index bbda284..0000000
--- a/src/app/components/table/table.ts
+++ /dev/null
@@ -1,6110 +0,0 @@
-import { animate, AnimationEvent, style, transition, trigger } from '@angular/animations';
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    AfterViewChecked,
-    AfterViewInit,
-    booleanAttribute,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    Directive,
-    ElementRef,
-    EventEmitter,
-    HostListener,
-    Inject,
-    Injectable,
-    Input,
-    NgModule,
-    NgZone,
-    numberAttribute,
-    OnChanges,
-    OnDestroy,
-    OnInit,
-    Optional,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    SimpleChanges,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation
-} from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { BlockableUI, FilterMatchMode, FilterMetadata, FilterOperator, FilterService, LazyLoadMeta, OverlayService, PrimeNGConfig, PrimeTemplate, ScrollerOptions, SelectItem, SharedModule, SortMeta, TableState, TranslationKeys } from 'primeng/api';
-import { ButtonModule } from 'primeng/button';
-import { CalendarModule } from 'primeng/calendar';
-import { ConnectedOverlayScrollHandler, DomHandler } from 'primeng/dom';
-import { DropdownModule } from 'primeng/dropdown';
-import { ArrowDownIcon } from 'primeng/icons/arrowdown';
-import { ArrowUpIcon } from 'primeng/icons/arrowup';
-import { CheckIcon } from 'primeng/icons/check';
-import { FilterIcon } from 'primeng/icons/filter';
-import { FilterSlashIcon } from 'primeng/icons/filterslash';
-import { PlusIcon } from 'primeng/icons/plus';
-import { SortAltIcon } from 'primeng/icons/sortalt';
-import { SortAmountDownIcon } from 'primeng/icons/sortamountdown';
-import { SortAmountUpAltIcon } from 'primeng/icons/sortamountupalt';
-import { SpinnerIcon } from 'primeng/icons/spinner';
-import { TrashIcon } from 'primeng/icons/trash';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { InputTextModule } from 'primeng/inputtext';
-import { PaginatorModule } from 'primeng/paginator';
-import { Scroller, ScrollerModule } from 'primeng/scroller';
-import { SelectButtonModule } from 'primeng/selectbutton';
-import { TriStateCheckboxModule } from 'primeng/tristatecheckbox';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { ObjectUtils, UniqueComponentId, ZIndexUtils } from 'primeng/utils';
-import { Subject, Subscription } from 'rxjs';
-import {
-    ExportCSVOptions,
-    TableColResizeEvent,
-    TableColumnReorderEvent,
-    TableContextMenuSelectEvent,
-    TableEditCancelEvent,
-    TableEditCompleteEvent,
-    TableEditInitEvent,
-    TableFilterEvent,
-    TableHeaderCheckboxToggleEvent,
-    TableLazyLoadEvent,
-    TablePageEvent,
-    TableRowCollapseEvent,
-    TableRowExpandEvent,
-    TableRowReorderEvent,
-    TableRowSelectEvent,
-    TableRowUnSelectEvent,
-    TableSelectAllChangeEvent
-} from './table.interface';
-import { DomSanitizer } from '@angular/platform-browser';
-
-@Injectable()
-export class TableService {
-    private sortSource = new Subject<SortMeta | SortMeta[] | null>();
-    private selectionSource = new Subject();
-    private contextMenuSource = new Subject<any>();
-    private valueSource = new Subject<any>();
-    private totalRecordsSource = new Subject<any>();
-    private columnsSource = new Subject();
-
-    sortSource$ = this.sortSource.asObservable();
-    selectionSource$ = this.selectionSource.asObservable();
-    contextMenuSource$ = this.contextMenuSource.asObservable();
-    valueSource$ = this.valueSource.asObservable();
-    totalRecordsSource$ = this.totalRecordsSource.asObservable();
-    columnsSource$ = this.columnsSource.asObservable();
-
-    onSort(sortMeta: SortMeta | SortMeta[] | null) {
-        this.sortSource.next(sortMeta);
-    }
-
-    onSelectionChange() {
-        this.selectionSource.next(null);
-    }
-
-    onContextMenu(data: any) {
-        this.contextMenuSource.next(data);
-    }
-
-    onValueChange(value: any) {
-        this.valueSource.next(value);
-    }
-
-    onTotalRecordsChange(value: number) {
-        this.totalRecordsSource.next(value);
-    }
-
-    onColumnsChange(columns: any[]) {
-        this.columnsSource.next(columns);
-    }
-}
-/**
- * Table displays data in tabular format.
- * @group Components
- */
-@Component({
-    selector: 'p-table',
-    template: `
-        <div
-            #container
-            [ngStyle]="style"
-            [class]="styleClass"
-            [ngClass]="{ 'p-datatable p-component': true, 'p-datatable-hoverable-rows': rowHover || selectionMode, 'p-datatable-scrollable': scrollable, 'p-datatable-flex-scrollable': scrollable && scrollHeight === 'flex' }"
-            [attr.id]="id"
-        >
-            <div class="p-datatable-loading-overlay p-component-overlay" *ngIf="loading && showLoader">
-                <i *ngIf="loadingIcon" [class]="'p-datatable-loading-icon ' + loadingIcon"></i>
-                <ng-container *ngIf="!loadingIcon">
-                    <SpinnerIcon *ngIf="!loadingIconTemplate" [spin]="true" [styleClass]="'p-datatable-loading-icon'" />
-                    <span *ngIf="loadingIconTemplate" class="p-datatable-loading-icon">
-                        <ng-template *ngTemplateOutlet="loadingIconTemplate"></ng-template>
-                    </span>
-                </ng-container>
-            </div>
-            <div *ngIf="captionTemplate" class="p-datatable-header">
-                <ng-container *ngTemplateOutlet="captionTemplate"></ng-container>
-            </div>
-            <p-paginator
-                [rows]="rows"
-                [first]="first"
-                [totalRecords]="totalRecords"
-                [pageLinkSize]="pageLinks"
-                [alwaysShow]="alwaysShowPaginator"
-                (onPageChange)="onPageChange($event)"
-                [rowsPerPageOptions]="rowsPerPageOptions"
-                *ngIf="paginator && (paginatorPosition === 'top' || paginatorPosition == 'both')"
-                [templateLeft]="paginatorLeftTemplate"
-                [templateRight]="paginatorRightTemplate"
-                [dropdownAppendTo]="paginatorDropdownAppendTo"
-                [dropdownScrollHeight]="paginatorDropdownScrollHeight"
-                [currentPageReportTemplate]="currentPageReportTemplate"
-                [showFirstLastIcon]="showFirstLastIcon"
-                [dropdownItemTemplate]="paginatorDropdownItemTemplate"
-                [showCurrentPageReport]="showCurrentPageReport"
-                [showJumpToPageDropdown]="showJumpToPageDropdown"
-                [showJumpToPageInput]="showJumpToPageInput"
-                [showPageLinks]="showPageLinks"
-                [styleClass]="getPaginatorStyleClasses('p-paginator-top')"
-                [locale]="paginatorLocale"
-            >
-                <ng-template pTemplate="dropdownicon" *ngIf="paginatorDropdownIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorDropdownIconTemplate"></ng-container>
-                </ng-template>
-
-                <ng-template pTemplate="firstpagelinkicon" *ngIf="paginatorFirstPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorFirstPageLinkIconTemplate"></ng-container>
-                </ng-template>
-
-                <ng-template pTemplate="previouspagelinkicon" *ngIf="paginatorPreviousPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorPreviousPageLinkIconTemplate"></ng-container>
-                </ng-template>
-
-                <ng-template pTemplate="lastpagelinkicon" *ngIf="paginatorLastPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorLastPageLinkIconTemplate"></ng-container>
-                </ng-template>
-
-                <ng-template pTemplate="nextpagelinkicon" *ngIf="paginatorNextPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorNextPageLinkIconTemplate"></ng-container>
-                </ng-template>
-            </p-paginator>
-
-            <div #wrapper class="p-datatable-wrapper" [ngStyle]="{ maxHeight: virtualScroll ? '' : scrollHeight }">
-                <p-scroller
-                    #scroller
-                    *ngIf="virtualScroll"
-                    [items]="processedData"
-                    [columns]="columns"
-                    [style]="{ height: scrollHeight !== 'flex' ? scrollHeight : undefined }"
-                    [scrollHeight]="scrollHeight !== 'flex' ? undefined : '100%'"
-                    [itemSize]="virtualScrollItemSize || _virtualRowHeight"
-                    [step]="rows"
-                    [delay]="lazy ? virtualScrollDelay : 0"
-                    [inline]="true"
-                    [autoSize]="true"
-                    [lazy]="lazy"
-                    (onLazyLoad)="onLazyItemLoad($event)"
-                    [loaderDisabled]="true"
-                    [showSpacer]="false"
-                    [showLoader]="loadingBodyTemplate"
-                    [options]="virtualScrollOptions"
-                >
-                    <ng-template pTemplate="content" let-items let-scrollerOptions="options">
-                        <ng-container *ngTemplateOutlet="buildInTable; context: { $implicit: items, options: scrollerOptions }"></ng-container>
-                    </ng-template>
-                </p-scroller>
-                <ng-container *ngIf="!virtualScroll">
-                    <ng-container *ngTemplateOutlet="buildInTable; context: { $implicit: processedData, options: { columns } }"></ng-container>
-                </ng-container>
-
-                <ng-template #buildInTable let-items let-scrollerOptions="options">
-                    <table
-                        #table
-                        role="table"
-                        [ngClass]="{ 'p-datatable-table': true, 'p-datatable-scrollable-table': scrollable, 'p-datatable-resizable-table': resizableColumns, 'p-datatable-resizable-table-fit': resizableColumns && columnResizeMode === 'fit' }"
-                        [class]="tableStyleClass"
-                        [ngStyle]="tableStyle"
-                        [attr.id]="id + '-table'"
-                    >
-                        <ng-container *ngTemplateOutlet="colGroupTemplate; context: { $implicit: scrollerOptions.columns }"></ng-container>
-                        <thead role="rowgroup" #thead class="p-datatable-thead">
-                            <ng-container *ngTemplateOutlet="headerGroupedTemplate || headerTemplate; context: { $implicit: scrollerOptions.columns }"></ng-container>
-                        </thead>
-                        <tbody
-                            role="rowgroup"
-                            class="p-datatable-tbody p-datatable-frozen-tbody"
-                            *ngIf="frozenValue || frozenBodyTemplate"
-                            [value]="frozenValue"
-                            [frozenRows]="true"
-                            [pTableBody]="scrollerOptions.columns"
-                            [pTableBodyTemplate]="frozenBodyTemplate"
-                            [frozen]="true"
-                        ></tbody>
-                        <tbody
-                            role="rowgroup"
-                            class="p-datatable-tbody"
-                            [ngClass]="scrollerOptions.contentStyleClass"
-                            [ngStyle]="scrollerOptions.contentStyle"
-                            [value]="dataToRender(scrollerOptions.rows)"
-                            [pTableBody]="scrollerOptions.columns"
-                            [pTableBodyTemplate]="bodyTemplate"
-                            [scrollerOptions]="scrollerOptions"
-                        ></tbody>
-                        <tbody
-                            role="rowgroup"
-                            *ngIf="scrollerOptions.spacerStyle"
-                            [ngStyle]="{ height: 'calc(' + scrollerOptions.spacerStyle.height + ' - ' + scrollerOptions.rows.length * scrollerOptions.itemSize + 'px)' }"
-                            class="p-datatable-scroller-spacer"
-                        ></tbody>
-                        <tfoot role="rowgroup" *ngIf="footerGroupedTemplate || footerTemplate" #tfoot class="p-datatable-tfoot">
-                            <ng-container *ngTemplateOutlet="footerGroupedTemplate || footerTemplate; context: { $implicit: scrollerOptions.columns }"></ng-container>
-                        </tfoot>
-                    </table>
-                </ng-template>
-            </div>
-
-            <p-paginator
-                [rows]="rows"
-                [first]="first"
-                [totalRecords]="totalRecords"
-                [pageLinkSize]="pageLinks"
-                [alwaysShow]="alwaysShowPaginator"
-                (onPageChange)="onPageChange($event)"
-                [rowsPerPageOptions]="rowsPerPageOptions"
-                *ngIf="paginator && (paginatorPosition === 'bottom' || paginatorPosition == 'both')"
-                [templateLeft]="paginatorLeftTemplate"
-                [templateRight]="paginatorRightTemplate"
-                [dropdownAppendTo]="paginatorDropdownAppendTo"
-                [dropdownScrollHeight]="paginatorDropdownScrollHeight"
-                [currentPageReportTemplate]="currentPageReportTemplate"
-                [showFirstLastIcon]="showFirstLastIcon"
-                [dropdownItemTemplate]="paginatorDropdownItemTemplate"
-                [showCurrentPageReport]="showCurrentPageReport"
-                [showJumpToPageDropdown]="showJumpToPageDropdown"
-                [showJumpToPageInput]="showJumpToPageInput"
-                [showPageLinks]="showPageLinks"
-                [styleClass]="getPaginatorStyleClasses('p-paginator-bottom')"
-                [locale]="paginatorLocale"
-            >
-                <ng-template pTemplate="dropdownicon" *ngIf="paginatorDropdownIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorDropdownIconTemplate"></ng-container>
-                </ng-template>
-
-                <ng-template pTemplate="firstpagelinkicon" *ngIf="paginatorFirstPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorFirstPageLinkIconTemplate"></ng-container>
-                </ng-template>
-
-                <ng-template pTemplate="previouspagelinkicon" *ngIf="paginatorPreviousPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorPreviousPageLinkIconTemplate"></ng-container>
-                </ng-template>
-
-                <ng-template pTemplate="lastpagelinkicon" *ngIf="paginatorLastPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorLastPageLinkIconTemplate"></ng-container>
-                </ng-template>
-
-                <ng-template pTemplate="nextpagelinkicon" *ngIf="paginatorNextPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorNextPageLinkIconTemplate"></ng-container>
-                </ng-template>
-            </p-paginator>
-
-            <div *ngIf="summaryTemplate" class="p-datatable-footer">
-                <ng-container *ngTemplateOutlet="summaryTemplate"></ng-container>
-            </div>
-
-            <div
-                #resizeHelper
-                class="p-column-resizer-helper"
-                [ngStyle]="{
-                    display: 'none'
-                }"
-                *ngIf="resizableColumns"
-            ></div>
-            <span
-                #reorderIndicatorUp
-                class="p-datatable-reorder-indicator-up"
-                [ngStyle]="{
-                    display: 'none'
-                }"
-                *ngIf="reorderableColumns"
-            >
-                <ArrowDownIcon *ngIf="!reorderIndicatorUpIconTemplate" />
-                <ng-template *ngTemplateOutlet="reorderIndicatorUpIconTemplate"></ng-template>
-            </span>
-            <span
-                #reorderIndicatorDown
-                class="p-datatable-reorder-indicator-down"
-                [ngStyle]="{
-                    display: 'none'
-                }"
-                *ngIf="reorderableColumns"
-            >
-                <ArrowUpIcon *ngIf="!reorderIndicatorDownIconTemplate" />
-                <ng-template *ngTemplateOutlet="reorderIndicatorDownIconTemplate"></ng-template>
-            </span>
-        </div>
-    `,
-    providers: [TableService],
-    changeDetection: ChangeDetectionStrategy.Default,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./table.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Table implements OnInit, AfterViewInit, AfterContentInit, BlockableUI, OnChanges {
-    /**
-     * An array of objects to represent dynamic columns that are frozen.
-     * @group Props
-     */
-    @Input() frozenColumns: any[] | undefined;
-    /**
-     * An array of objects to display as frozen.
-     * @group Props
-     */
-    @Input() frozenValue: any[] | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the table.
-     * @group Props
-     */
-    @Input() tableStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the table.
-     * @group Props
-     */
-    @Input() tableStyleClass: string | undefined;
-    /**
-     * When specified as true, enables the pagination.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) paginator: boolean | undefined;
-    /**
-     * Number of page links to display in paginator.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) pageLinks: number = 5;
-    /**
-     * Array of integer/object values to display inside rows per page dropdown of paginator
-     * @group Props
-     */
-    @Input() rowsPerPageOptions: any[] | undefined;
-    /**
-     * Whether to show it even there is only one page.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) alwaysShowPaginator: boolean = true;
-    /**
-     * Position of the paginator, options are "top", "bottom" or "both".
-     * @group Props
-     */
-    @Input() paginatorPosition: 'top' | 'bottom' | 'both' = 'bottom';
-    /**
-     * Custom style class for paginator
-     * @group Props
-     */
-    @Input() paginatorStyleClass: string | undefined;
-    /**
-     * Target element to attach the paginator dropdown overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    @Input() paginatorDropdownAppendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Paginator dropdown height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value.
-     * @group Props
-     */
-    @Input() paginatorDropdownScrollHeight: string = '200px';
-    /**
-     * Template of the current page report element. Available placeholders are {currentPage},{totalPages},{rows},{first},{last} and {totalRecords}
-     * @group Props
-     */
-    @Input() currentPageReportTemplate: string = '{currentPage} of {totalPages}';
-    /**
-     * Whether to display current page report.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showCurrentPageReport: boolean | undefined;
-    /**
-     * Whether to display a dropdown to navigate to any page.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showJumpToPageDropdown: boolean | undefined;
-    /**
-     * Whether to display a input to navigate to any page.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showJumpToPageInput: boolean | undefined;
-    /**
-     * When enabled, icons are displayed on paginator to go first and last page.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showFirstLastIcon: boolean = true;
-    /**
-     * Whether to show page links.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showPageLinks: boolean = true;
-    /**
-     * Sort order to use when an unsorted column gets sorted by user interaction.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) defaultSortOrder: number = 1;
-    /**
-     * Defines whether sorting works on single column or on multiple columns.
-     * @group Props
-     */
-    @Input() sortMode: 'single' | 'multiple' = 'single';
-    /**
-     * When true, resets paginator to first page after sorting. Available only when sortMode is set to single.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) resetPageOnSort: boolean = true;
-    /**
-     * Specifies the selection mode, valid values are "single" and "multiple".
-     * @group Props
-     */
-    @Input() selectionMode: 'single' | 'multiple' | undefined | null;
-    /**
-     * When enabled with paginator and checkbox selection mode, the select all checkbox in the header will select all rows on the current page.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) selectionPageOnly: boolean | undefined;
-    /**
-     * Selected row with a context menu.
-     * @group Props
-     */
-    @Input() contextMenuSelection: any;
-    /**
-     * Callback to invoke on context menu selection change.
-     * @param {*} object - row data.
-     * @group Emits
-     */
-    @Output() contextMenuSelectionChange: EventEmitter<any> = new EventEmitter();
-    /**
-     *  Defines the behavior of context menu selection, in "separate" mode context menu updates contextMenuSelection property whereas in joint mode selection property is used instead so that when row selection is enabled, both row selection and context menu selection use the same property.
-     * @group Props
-     */
-    @Input() contextMenuSelectionMode: string = 'separate';
-    /**
-     * A property to uniquely identify a record in data.
-     * @group Props
-     */
-    @Input() dataKey: string | undefined;
-    /**
-     * Defines whether metaKey should be considered for the selection. On touch enabled devices, metaKeySelection is turned off automatically.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) metaKeySelection: boolean | undefined = false;
-    /**
-     * Defines if the row is selectable.
-     * @group Props
-     */
-    @Input() rowSelectable: (row: { data: any; index: number }) => boolean | undefined;
-    /**
-     * Function to optimize the dom operations by delegating to ngForTrackBy, default algorithm checks for object identity.
-     * @group Props
-     */
-    @Input() rowTrackBy: Function = (index: number, item: any) => item;
-    /**
-     * Defines if data is loaded and interacted with in lazy manner.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) lazy: boolean = false;
-    /**
-     * Whether to call lazy loading on initialization.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) lazyLoadOnInit: boolean = true;
-    /**
-     * Algorithm to define if a row is selected, valid values are "equals" that compares by reference and "deepEquals" that compares all fields.
-     * @group Props
-     */
-    @Input() compareSelectionBy: 'equals' | 'deepEquals' = 'deepEquals';
-    /**
-     * Character to use as the csv separator.
-     * @group Props
-     */
-    @Input() csvSeparator: string = ',';
-    /**
-     * Name of the exported file.
-     * @group Props
-     */
-    @Input() exportFilename: string = 'download';
-    /**
-     * An array of FilterMetadata objects to provide external filters.
-     * @group Props
-     */
-    @Input() filters: { [s: string]: FilterMetadata | FilterMetadata[] } = {};
-    /**
-     * An array of fields as string to use in global filtering.
-     * @group Props
-     */
-    @Input() globalFilterFields: string[] | undefined;
-    /**
-     * Delay in milliseconds before filtering the data.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) filterDelay: number = 300;
-    /**
-     * Locale to use in filtering. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    @Input() filterLocale: string | undefined;
-    /**
-     * Map instance to keep the expanded rows where key of the map is the data key of the row.
-     * @group Props
-     */
-    @Input() expandedRowKeys: { [s: string]: boolean } = {};
-    /**
-     * Map instance to keep the rows being edited where key of the map is the data key of the row.
-     * @group Props
-     */
-    @Input() editingRowKeys: { [s: string]: boolean } = {};
-    /**
-     * Whether multiple rows can be expanded at any time. Valid values are "multiple" and "single".
-     * @group Props
-     */
-    @Input() rowExpandMode: 'multiple' | 'single' = 'multiple';
-    /**
-     * Enables scrollable tables.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) scrollable: boolean | undefined;
-    /**
-     * Orientation of the scrolling, options are "vertical", "horizontal" and "both".
-     * @group Props
-     * @deprecated Property is obselete since v14.2.0.
-     */
-    @Input() scrollDirection: 'vertical' | 'horizontal' | 'both' = 'vertical';
-    /**
-     * Type of the row grouping, valid values are "subheader" and "rowspan".
-     * @group Props
-     */
-    @Input() rowGroupMode: 'subheader' | 'rowspan' | undefined;
-    /**
-     * Height of the scroll viewport in fixed pixels or the "flex" keyword for a dynamic size.
-     * @group Props
-     */
-    @Input() scrollHeight: string | undefined;
-    /**
-     * Whether the data should be loaded on demand during scroll.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) virtualScroll: boolean | undefined;
-    /**
-     * Height of a row to use in calculations of virtual scrolling.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) virtualScrollItemSize: number | undefined;
-    /**
-     * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.
-     * @group Props
-     */
-    @Input() virtualScrollOptions: ScrollerOptions | undefined;
-    /**
-     * Threshold in milliseconds to delay lazy loading during scrolling.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) virtualScrollDelay: number = 250;
-    /**
-     * Width of the frozen columns container.
-     * @group Props
-     */
-    @Input() frozenWidth: string | undefined;
-    /**
-     * Defines if the table is responsive.
-     * @group Props
-     * @deprecated table is always responsive with scrollable behavior.
-     */
-    @Input() get responsive(): boolean | undefined | null {
-        return this._responsive;
-    }
-    set responsive(val: boolean | undefined | null) {
-        this._responsive = val;
-        console.warn('responsive property is deprecated as table is always responsive with scrollable behavior.');
-    }
-    _responsive: boolean | undefined | null;
-    /**
-     * Local ng-template varilable of a ContextMenu.
-     * @group Props
-     */
-    @Input() contextMenu: any;
-    /**
-     * When enabled, columns can be resized using drag and drop.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) resizableColumns: boolean | undefined;
-    /**
-     * Defines whether the overall table width should change on column resize, valid values are "fit" and "expand".
-     * @group Props
-     */
-    @Input() columnResizeMode: string = 'fit';
-    /**
-     * When enabled, columns can be reordered using drag and drop.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) reorderableColumns: boolean | undefined;
-    /**
-     * Displays a loader to indicate data load is in progress.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) loading: boolean | undefined;
-    /**
-     * The icon to show while indicating data load is in progress.
-     * @group Props
-     */
-    @Input() loadingIcon: string | undefined;
-    /**
-     * Whether to show the loading mask when loading property is true.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showLoader: boolean = true;
-    /**
-     * Adds hover effect to rows without the need for selectionMode. Note that tr elements that can be hovered need to have "p-selectable-row" class for rowHover to work.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) rowHover: boolean | undefined;
-    /**
-     * Whether to use the default sorting or a custom one using sortFunction.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) customSort: boolean | undefined;
-    /**
-     * Whether to use the initial sort badge or not.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showInitialSortBadge: boolean = true;
-    /**
-     * Whether the cell widths scale according to their content or not.  Deprecated:  Table layout is always "auto".
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoLayout: boolean | undefined;
-    /**
-     * Export function.
-     * @group Props
-     */
-    @Input() exportFunction: Function | undefined;
-    /**
-     * Custom export header of the column to be exported as CSV.
-     * @group Props
-     */
-    @Input() exportHeader: string | undefined;
-    /**
-     * Unique identifier of a stateful table to use in state storage.
-     * @group Props
-     */
-    @Input() stateKey: string | undefined;
-    /**
-     * Defines where a stateful table keeps its state, valid values are "session" for sessionStorage and "local" for localStorage.
-     * @group Props
-     */
-    @Input() stateStorage: 'session' | 'local' = 'session';
-    /**
-     * Defines the editing mode, valid values are "cell" and "row".
-     * @group Props
-     */
-    @Input() editMode: 'cell' | 'row' = 'cell';
-    /**
-     * Field name to use in row grouping.
-     * @group Props
-     */
-    @Input() groupRowsBy: any;
-    /**
-     * Order to sort when default row grouping is enabled.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) groupRowsByOrder: number = 1;
-    /**
-     * Defines the responsive mode, valid options are "stack" and "scroll".
-     * @group Props
-     */
-    @Input() responsiveLayout: string = 'scroll';
-    /**
-     * The breakpoint to define the maximum width boundary when using stack responsive layout.
-     * @group Props
-     */
-    @Input() breakpoint: string = '960px';
-    /**
-     * Locale to be used in paginator formatting.
-     * @group Props
-     */
-    @Input() paginatorLocale: string | undefined;
-    /**
-     * An array of objects to display.
-     * @group Props
-     */
-    @Input() get value(): any[] {
-        return this._value;
-    }
-    set value(val: any[]) {
-        this._value = val;
-    }
-    /**
-     * An array of objects to represent dynamic columns.
-     * @group Props
-     */
-    @Input() get columns(): any[] | undefined {
-        return this._columns;
-    }
-    set columns(cols: any[] | undefined) {
-        this._columns = cols;
-    }
-    /**
-     * Index of the first row to be displayed.
-     * @group Props
-     */
-    @Input() get first(): number | null | undefined {
-        return this._first;
-    }
-    set first(val: number | null | undefined) {
-        this._first = val;
-    }
-    /**
-     * Number of rows to display per page.
-     * @group Props
-     */
-    @Input() get rows(): number | undefined {
-        return this._rows;
-    }
-    set rows(val: number | undefined) {
-        this._rows = val;
-    }
-    /**
-     * Number of total records, defaults to length of value when not defined.
-     * @group Props
-     */
-    @Input() get totalRecords(): number {
-        return this._totalRecords;
-    }
-    set totalRecords(val: number) {
-        this._totalRecords = val;
-        this.tableService.onTotalRecordsChange(this._totalRecords);
-    }
-    /**
-     * Name of the field to sort data by default.
-     * @group Props
-     */
-    @Input() get sortField(): string | undefined | null {
-        return this._sortField;
-    }
-    set sortField(val: string | undefined | null) {
-        this._sortField = val;
-    }
-    /**
-     * Order to sort when default sorting is enabled.
-     * @group Props
-     */
-    @Input() get sortOrder(): number {
-        return this._sortOrder;
-    }
-    set sortOrder(val: number) {
-        this._sortOrder = val;
-    }
-    /**
-     * An array of SortMeta objects to sort the data by default in multiple sort mode.
-     * @group Props
-     */
-    @Input() get multiSortMeta(): SortMeta[] | undefined | null {
-        return this._multiSortMeta;
-    }
-    set multiSortMeta(val: SortMeta[] | undefined | null) {
-        this._multiSortMeta = val;
-    }
-    /**
-     * Selected row in single mode or an array of values in multiple mode.
-     * @group Props
-     */
-    @Input() get selection(): any {
-        return this._selection;
-    }
-    set selection(val: any) {
-        this._selection = val;
-    }
-    /**
-     * Whether all data is selected.
-     * @group Props
-     */
-    @Input() get selectAll(): boolean | null {
-        return this._selection;
-    }
-    set selectAll(val: boolean | null) {
-        this._selection = val;
-    }
-    /**
-     * Emits when the all of the items selected or unselected.
-     * @param {TableSelectAllChangeEvent} event - custom  all selection change event.
-     * @group Emits
-     */
-    @Output() selectAllChange: EventEmitter<TableSelectAllChangeEvent> = new EventEmitter<TableSelectAllChangeEvent>();
-    /**
-     * Callback to invoke on selection changed.
-     * @param {any | null} value - selected data.
-     * @group Emits
-     */
-    @Output() selectionChange: EventEmitter<any | null> = new EventEmitter<any | null>();
-    /**
-     * Callback to invoke when a row is selected.
-     * @param {TableRowSelectEvent} event - custom select event.
-     * @group Emits
-     */
-    @Output() onRowSelect: EventEmitter<TableRowSelectEvent> = new EventEmitter<TableRowSelectEvent>();
-    /**
-     * Callback to invoke when a row is unselected.
-     * @param {TableRowUnSelectEvent} event - custom unselect event.
-     * @group Emits
-     */
-    @Output() onRowUnselect: EventEmitter<TableRowUnSelectEvent> = new EventEmitter<TableRowUnSelectEvent>();
-    /**
-     * Callback to invoke when pagination occurs.
-     * @param {TablePageEvent} event - custom pagination event.
-     * @group Emits
-     */
-    @Output() onPage: EventEmitter<TablePageEvent> = new EventEmitter<TablePageEvent>();
-    /**
-     * Callback to invoke when a column gets sorted.
-     * @param {Object} object - sort meta.
-     * @group Emits
-     */
-    @Output() onSort: EventEmitter<{ multisortmeta: SortMeta[] } | any> = new EventEmitter<{ multisortmeta: SortMeta[] } | any>();
-    /**
-     * Callback to invoke when data is filtered.
-     * @param {TableFilterEvent} event - custom filtering event.
-     * @group Emits
-     */
-    @Output() onFilter: EventEmitter<TableFilterEvent> = new EventEmitter<TableFilterEvent>();
-    /**
-     * Callback to invoke when paging, sorting or filtering happens in lazy mode.
-     * @param {TableLazyLoadEvent} event - custom lazy loading event.
-     * @group Emits
-     */
-    @Output() onLazyLoad: EventEmitter<TableLazyLoadEvent> = new EventEmitter<TableLazyLoadEvent>();
-    /**
-     * Callback to invoke when a row is expanded.
-     * @param {TableRowExpandEvent} event - custom row expand event.
-     * @group Emits
-     */
-    @Output() onRowExpand: EventEmitter<TableRowExpandEvent> = new EventEmitter<TableRowExpandEvent>();
-    /**
-     * Callback to invoke when a row is collapsed.
-     * @param {TableRowCollapseEvent} event - custom row collapse event.
-     * @group Emits
-     */
-    @Output() onRowCollapse: EventEmitter<TableRowCollapseEvent> = new EventEmitter<TableRowCollapseEvent>();
-    /**
-     * Callback to invoke when a row is selected with right click.
-     * @param {TableContextMenuSelectEvent} event - custom context menu select event.
-     * @group Emits
-     */
-    @Output() onContextMenuSelect: EventEmitter<TableContextMenuSelectEvent> = new EventEmitter<TableContextMenuSelectEvent>();
-    /**
-     * Callback to invoke when a column is resized.
-     * @param {TableColResizeEvent} event - custom column resize event.
-     * @group Emits
-     */
-    @Output() onColResize: EventEmitter<TableColResizeEvent> = new EventEmitter<TableColResizeEvent>();
-    /**
-     * Callback to invoke when a column is reordered.
-     * @param {TableColumnReorderEvent} event - custom column reorder event.
-     * @group Emits
-     */
-    @Output() onColReorder: EventEmitter<TableColumnReorderEvent> = new EventEmitter<TableColumnReorderEvent>();
-    /**
-     * Callback to invoke when a row is reordered.
-     * @param {TableRowReorderEvent} event - custom row reorder event.
-     * @group Emits
-     */
-    @Output() onRowReorder: EventEmitter<TableRowReorderEvent> = new EventEmitter<TableRowReorderEvent>();
-    /**
-     * Callback to invoke when a cell switches to edit mode.
-     * @param {TableEditInitEvent} event - custom edit init event.
-     * @group Emits
-     */
-    @Output() onEditInit: EventEmitter<TableEditInitEvent> = new EventEmitter<TableEditInitEvent>();
-    /**
-     * Callback to invoke when cell edit is completed.
-     * @param {TableEditCompleteEvent} event - custom edit complete event.
-     * @group Emits
-     */
-    @Output() onEditComplete: EventEmitter<TableEditCompleteEvent> = new EventEmitter<TableEditCompleteEvent>();
-    /**
-     * Callback to invoke when cell edit is cancelled with escape key.
-     * @param {TableEditCancelEvent} event - custom edit cancel event.
-     * @group Emits
-     */
-    @Output() onEditCancel: EventEmitter<TableEditCancelEvent> = new EventEmitter<TableEditCancelEvent>();
-    /**
-     * Callback to invoke when state of header checkbox changes.
-     * @param {TableHeaderCheckboxToggleEvent} event - custom header checkbox event.
-     * @group Emits
-     */
-    @Output() onHeaderCheckboxToggle: EventEmitter<TableHeaderCheckboxToggleEvent> = new EventEmitter<TableHeaderCheckboxToggleEvent>();
-    /**
-     * A function to implement custom sorting, refer to sorting section for details.
-     * @param {any} any - sort meta.
-     * @group Emits
-     */
-    @Output() sortFunction: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke on pagination.
-     * @param {number} number - first element.
-     * @group Emits
-     */
-    @Output() firstChange: EventEmitter<number> = new EventEmitter<number>();
-    /**
-     * Callback to invoke on rows change.
-     * @param {number} number - Row count.
-     * @group Emits
-     */
-    @Output() rowsChange: EventEmitter<number> = new EventEmitter<number>();
-    /**
-     * Callback to invoke table state is saved.
-     * @param {TableState} object - table state.
-     * @group Emits
-     */
-    @Output() onStateSave: EventEmitter<TableState> = new EventEmitter<TableState>();
-    /**
-     * Callback to invoke table state is restored.
-     * @param {TableState} object - table state.
-     * @group Emits
-     */
-    @Output() onStateRestore: EventEmitter<TableState> = new EventEmitter<TableState>();
-
-    @ViewChild('container') containerViewChild: Nullable<ElementRef>;
-
-    @ViewChild('resizeHelper') resizeHelperViewChild: Nullable<ElementRef>;
-
-    @ViewChild('reorderIndicatorUp') reorderIndicatorUpViewChild: Nullable<ElementRef>;
-
-    @ViewChild('reorderIndicatorDown') reorderIndicatorDownViewChild: Nullable<ElementRef>;
-
-    @ViewChild('wrapper') wrapperViewChild: Nullable<ElementRef>;
-
-    @ViewChild('table') tableViewChild: Nullable<ElementRef>;
-
-    @ViewChild('thead') tableHeaderViewChild: Nullable<ElementRef>;
-
-    @ViewChild('tfoot') tableFooterViewChild: Nullable<ElementRef>;
-
-    @ViewChild('scroller') scroller: Nullable<Scroller>;
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-    /**
-     * Indicates the height of rows to be scrolled.
-     * @group Props
-     * @deprecated use virtualScrollItemSize property instead.
-     */
-    @Input() get virtualRowHeight(): number {
-        return this._virtualRowHeight;
-    }
-    set virtualRowHeight(val: number) {
-        this._virtualRowHeight = val;
-        console.warn('The virtualRowHeight property is deprecated.');
-    }
-    _virtualRowHeight: number = 28;
-
-    _value: any[] = [];
-
-    _columns: any[] | undefined;
-
-    _totalRecords: number = 0;
-
-    _first: number | null | undefined = 0;
-
-    _rows: number | undefined;
-
-    filteredValue: any[] | undefined | null;
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    headerGroupedTemplate: Nullable<TemplateRef<any>>;
-
-    bodyTemplate: Nullable<TemplateRef<any>>;
-
-    loadingBodyTemplate: Nullable<TemplateRef<any>>;
-
-    captionTemplate: Nullable<TemplateRef<any>>;
-
-    footerTemplate: Nullable<TemplateRef<any>>;
-
-    footerGroupedTemplate: Nullable<TemplateRef<any>>;
-
-    summaryTemplate: Nullable<TemplateRef<any>>;
-
-    colGroupTemplate: Nullable<TemplateRef<any>>;
-
-    expandedRowTemplate: Nullable<TemplateRef<any>>;
-
-    groupHeaderTemplate: Nullable<TemplateRef<any>>;
-
-    groupFooterTemplate: Nullable<TemplateRef<any>>;
-
-    frozenExpandedRowTemplate: Nullable<TemplateRef<any>>;
-
-    frozenHeaderTemplate: Nullable<TemplateRef<any>>;
-
-    frozenBodyTemplate: Nullable<TemplateRef<any>>;
-
-    frozenFooterTemplate: Nullable<TemplateRef<any>>;
-
-    frozenColGroupTemplate: Nullable<TemplateRef<any>>;
-
-    emptyMessageTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorLeftTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorRightTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorDropdownItemTemplate: Nullable<TemplateRef<any>>;
-
-    loadingIconTemplate: Nullable<TemplateRef<any>>;
-
-    reorderIndicatorUpIconTemplate: Nullable<TemplateRef<any>>;
-
-    reorderIndicatorDownIconTemplate: Nullable<TemplateRef<any>>;
-
-    sortIconTemplate: Nullable<TemplateRef<any>>;
-
-    checkboxIconTemplate: Nullable<TemplateRef<any>>;
-
-    headerCheckboxIconTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorDropdownIconTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorFirstPageLinkIconTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorLastPageLinkIconTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorPreviousPageLinkIconTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorNextPageLinkIconTemplate: Nullable<TemplateRef<any>>;
-
-    selectionKeys: any = {};
-
-    lastResizerHelperX: number | undefined;
-
-    reorderIconWidth: number | undefined;
-
-    reorderIconHeight: number | undefined;
-
-    draggedColumn: any;
-
-    draggedRowIndex: number | undefined | null;
-
-    droppedRowIndex: number | undefined | null;
-
-    rowDragging: boolean | undefined | null;
-
-    dropPosition: number | undefined | null;
-
-    editingCell: Element | undefined | null;
-
-    editingCellData: any;
-
-    editingCellField: any;
-
-    editingCellRowIndex: number | undefined | null;
-
-    selfClick: boolean | undefined | null;
-
-    documentEditListener: any;
-
-    _multiSortMeta: SortMeta[] | undefined | null;
-
-    _sortField: string | undefined | null;
-
-    _sortOrder: number = 1;
-
-    preventSelectionSetterPropagation: boolean | undefined;
-
-    _selection: any;
-
-    _selectAll: boolean | null = null;
-
-    anchorRowIndex: number | undefined | null;
-
-    rangeRowIndex: number | undefined;
-
-    filterTimeout: any;
-
-    initialized: boolean | undefined | null;
-
-    rowTouched: boolean | undefined;
-
-    restoringSort: boolean | undefined;
-
-    restoringFilter: boolean | undefined;
-
-    stateRestored: boolean | undefined;
-
-    columnOrderStateRestored: boolean | undefined;
-
-    columnWidthsState: string | undefined;
-
-    tableWidthState: string | undefined;
-
-    overlaySubscription: Subscription | undefined;
-
-    resizeColumnElement: any;
-
-    columnResizing: boolean = false;
-
-    rowGroupHeaderStyleObject: any = {};
-
-    id: string = UniqueComponentId();
-
-    styleElement: any;
-
-    responsiveStyleElement: any;
-
-    private window: Window;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private renderer: Renderer2,
-        public el: ElementRef,
-        public zone: NgZone,
-        public tableService: TableService,
-        public cd: ChangeDetectorRef,
-        public filterService: FilterService,
-        public overlayService: OverlayService,
-        public config: PrimeNGConfig,
-        private readonly domSanitizer: DomSanitizer
-    ) {
-        this.window = this.document.defaultView as Window;
-    }
-
-    ngOnInit() {
-        if (this.lazy && this.lazyLoadOnInit) {
-            if (!this.virtualScroll) {
-                this.onLazyLoad.emit(this.createLazyLoadMetadata());
-            }
-
-            if (this.restoringFilter) {
-                this.restoringFilter = false;
-            }
-        }
-
-        if (this.responsiveLayout === 'stack') {
-            this.createResponsiveStyle();
-        }
-
-        this.initialized = true;
-    }
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'caption':
-                    this.captionTemplate = item.template;
-                    break;
-
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'headergrouped':
-                    this.headerGroupedTemplate = item.template;
-                    break;
-
-                case 'body':
-                    this.bodyTemplate = item.template;
-                    break;
-
-                case 'loadingbody':
-                    this.loadingBodyTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                case 'footergrouped':
-                    this.footerGroupedTemplate = item.template;
-                    break;
-
-                case 'summary':
-                    this.summaryTemplate = item.template;
-                    break;
-
-                case 'colgroup':
-                    this.colGroupTemplate = item.template;
-                    break;
-
-                case 'rowexpansion':
-                    this.expandedRowTemplate = item.template;
-                    break;
-
-                case 'groupheader':
-                    this.groupHeaderTemplate = item.template;
-                    break;
-
-                case 'groupfooter':
-                    this.groupFooterTemplate = item.template;
-                    break;
-
-                case 'frozenheader':
-                    this.frozenHeaderTemplate = item.template;
-                    break;
-
-                case 'frozenbody':
-                    this.frozenBodyTemplate = item.template;
-                    break;
-
-                case 'frozenfooter':
-                    this.frozenFooterTemplate = item.template;
-                    break;
-
-                case 'frozencolgroup':
-                    this.frozenColGroupTemplate = item.template;
-                    break;
-
-                case 'frozenrowexpansion':
-                    this.frozenExpandedRowTemplate = item.template;
-                    break;
-
-                case 'emptymessage':
-                    this.emptyMessageTemplate = item.template;
-                    break;
-
-                case 'paginatorleft':
-                    this.paginatorLeftTemplate = item.template;
-                    break;
-
-                case 'paginatorright':
-                    this.paginatorRightTemplate = item.template;
-                    break;
-
-                case 'paginatordropdownicon':
-                    this.paginatorDropdownIconTemplate = item.template;
-                    break;
-
-                case 'paginatordropdownitem':
-                    this.paginatorDropdownItemTemplate = item.template;
-                    break;
-
-                case 'paginatorfirstpagelinkicon':
-                    this.paginatorFirstPageLinkIconTemplate = item.template;
-                    break;
-
-                case 'paginatorlastpagelinkicon':
-                    this.paginatorLastPageLinkIconTemplate = item.template;
-                    break;
-
-                case 'paginatorpreviouspagelinkicon':
-                    this.paginatorPreviousPageLinkIconTemplate = item.template;
-                    break;
-
-                case 'paginatornextpagelinkicon':
-                    this.paginatorNextPageLinkIconTemplate = item.template;
-                    break;
-
-                case 'loadingicon':
-                    this.loadingIconTemplate = item.template;
-                    break;
-
-                case 'reorderindicatorupicon':
-                    this.reorderIndicatorUpIconTemplate = item.template;
-                    break;
-
-                case 'reorderindicatordownicon':
-                    this.reorderIndicatorDownIconTemplate = item.template;
-                    break;
-
-                case 'sorticon':
-                    this.sortIconTemplate = item.template;
-                    break;
-
-                case 'checkboxicon':
-                    this.checkboxIconTemplate = item.template;
-                    break;
-
-                case 'headercheckboxicon':
-                    this.headerCheckboxIconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    ngAfterViewInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (this.isStateful() && this.resizableColumns) {
-                this.restoreColumnWidths();
-            }
-        }
-    }
-
-    ngOnChanges(simpleChange: SimpleChanges) {
-        if (simpleChange.value) {
-            if (this.isStateful() && !this.stateRestored && isPlatformBrowser(this.platformId)) {
-                this.restoreState();
-            }
-
-            this._value = simpleChange.value.currentValue;
-
-            if (!this.lazy) {
-                this.totalRecords = this._value ? this._value.length : 0;
-
-                if (this.sortMode == 'single' && (this.sortField || this.groupRowsBy)) this.sortSingle();
-                else if (this.sortMode == 'multiple' && (this.multiSortMeta || this.groupRowsBy)) this.sortMultiple();
-                else if (this.hasFilter())
-                    //sort already filters
-                    this._filter();
-            }
-
-            this.tableService.onValueChange(simpleChange.value.currentValue);
-        }
-
-        if (simpleChange.columns) {
-            if (!this.isStateful()) {
-                this._columns = simpleChange.columns.currentValue;
-                this.tableService.onColumnsChange(simpleChange.columns.currentValue);
-            }
-
-            if (this._columns && this.isStateful() && this.reorderableColumns && !this.columnOrderStateRestored) {
-                this.restoreColumnOrder();
-
-                this.tableService.onColumnsChange(this._columns);
-            }
-        }
-
-        if (simpleChange.sortField) {
-            this._sortField = simpleChange.sortField.currentValue;
-
-            //avoid triggering lazy load prior to lazy initialization at onInit
-            if (!this.lazy || this.initialized) {
-                if (this.sortMode === 'single') {
-                    this.sortSingle();
-                }
-            }
-        }
-
-        if (simpleChange.groupRowsBy) {
-            //avoid triggering lazy load prior to lazy initialization at onInit
-            if (!this.lazy || this.initialized) {
-                if (this.sortMode === 'single') {
-                    this.sortSingle();
-                }
-            }
-        }
-
-        if (simpleChange.sortOrder) {
-            this._sortOrder = simpleChange.sortOrder.currentValue;
-
-            //avoid triggering lazy load prior to lazy initialization at onInit
-            if (!this.lazy || this.initialized) {
-                if (this.sortMode === 'single') {
-                    this.sortSingle();
-                }
-            }
-        }
-
-        if (simpleChange.groupRowsByOrder) {
-            //avoid triggering lazy load prior to lazy initialization at onInit
-            if (!this.lazy || this.initialized) {
-                if (this.sortMode === 'single') {
-                    this.sortSingle();
-                }
-            }
-        }
-
-        if (simpleChange.multiSortMeta) {
-            this._multiSortMeta = simpleChange.multiSortMeta.currentValue;
-            if (this.sortMode === 'multiple' && (this.initialized || (!this.lazy && !this.virtualScroll))) {
-                this.sortMultiple();
-            }
-        }
-
-        if (simpleChange.selection) {
-            this._selection = simpleChange.selection.currentValue;
-
-            if (!this.preventSelectionSetterPropagation) {
-                this.updateSelectionKeys();
-                this.tableService.onSelectionChange();
-            }
-            this.preventSelectionSetterPropagation = false;
-        }
-
-        if (simpleChange.selectAll) {
-            this._selectAll = simpleChange.selectAll.currentValue;
-
-            if (!this.preventSelectionSetterPropagation) {
-                this.updateSelectionKeys();
-                this.tableService.onSelectionChange();
-
-                if (this.isStateful()) {
-                    this.saveState();
-                }
-            }
-            this.preventSelectionSetterPropagation = false;
-        }
-    }
-
-    get processedData() {
-        return this.filteredValue || this.value || [];
-    }
-
-    private _initialColWidths: number[];
-
-    dataToRender(data: any) {
-        const _data = data || this.processedData;
-
-        if (_data && this.paginator) {
-            const first = this.lazy ? 0 : this.first;
-            return _data.slice(first, <number>first + <number>this.rows);
-        }
-
-        return _data;
-    }
-
-    updateSelectionKeys() {
-        if (this.dataKey && this._selection) {
-            this.selectionKeys = {};
-            if (Array.isArray(this._selection)) {
-                for (let data of this._selection) {
-                    this.selectionKeys[String(ObjectUtils.resolveFieldData(data, this.dataKey))] = 1;
-                }
-            } else {
-                this.selectionKeys[String(ObjectUtils.resolveFieldData(this._selection, this.dataKey))] = 1;
-            }
-        }
-    }
-
-    onPageChange(event: TablePageEvent) {
-        this.first = event.first;
-        this.rows = event.rows;
-
-        this.onPage.emit({
-            first: this.first,
-            rows: <number>this.rows
-        });
-
-        if (this.lazy) {
-            this.onLazyLoad.emit(this.createLazyLoadMetadata());
-        }
-
-        this.firstChange.emit(this.first);
-        this.rowsChange.emit(this.rows);
-        this.tableService.onValueChange(this.value);
-
-        if (this.isStateful()) {
-            this.saveState();
-        }
-
-        this.anchorRowIndex = null;
-
-        if (this.scrollable) {
-            this.resetScrollTop();
-        }
-    }
-
-    sort(event: any) {
-        let originalEvent = event.originalEvent;
-
-        if (this.sortMode === 'single') {
-            this._sortOrder = this.sortField === event.field ? this.sortOrder * -1 : this.defaultSortOrder;
-            this._sortField = event.field;
-
-            if (this.resetPageOnSort) {
-                this._first = 0;
-                this.firstChange.emit(this._first);
-
-                if (this.scrollable) {
-                    this.resetScrollTop();
-                }
-            }
-
-            this.sortSingle();
-        }
-        if (this.sortMode === 'multiple') {
-            let metaKey = (<KeyboardEvent>originalEvent).metaKey || (<KeyboardEvent>originalEvent).ctrlKey;
-            let sortMeta = this.getSortMeta(<string>event.field);
-
-            if (sortMeta) {
-                if (!metaKey) {
-                    this._multiSortMeta = [{ field: <string>event.field, order: sortMeta.order * -1 }];
-
-                    if (this.resetPageOnSort) {
-                        this._first = 0;
-                        this.firstChange.emit(this._first);
-
-                        if (this.scrollable) {
-                            this.resetScrollTop();
-                        }
-                    }
-                } else {
-                    sortMeta.order = sortMeta.order * -1;
-                }
-            } else {
-                if (!metaKey || !this.multiSortMeta) {
-                    this._multiSortMeta = [];
-
-                    if (this.resetPageOnSort) {
-                        this._first = 0;
-                        this.firstChange.emit(this._first);
-                    }
-                }
-                (<SortMeta[]>this._multiSortMeta).push({ field: <string>event.field, order: this.defaultSortOrder });
-            }
-
-            this.sortMultiple();
-        }
-
-        if (this.isStateful()) {
-            this.saveState();
-        }
-
-        this.anchorRowIndex = null;
-    }
-
-    sortSingle() {
-        let field = this.sortField || this.groupRowsBy;
-        let order = this.sortField ? this.sortOrder : this.groupRowsByOrder;
-        if (this.groupRowsBy && this.sortField && this.groupRowsBy !== this.sortField) {
-            this._multiSortMeta = [this.getGroupRowsMeta(), { field: this.sortField, order: this.sortOrder }];
-            this.sortMultiple();
-            return;
-        }
-
-        if (field && order) {
-            if (this.restoringSort) {
-                this.restoringSort = false;
-            }
-
-            if (this.lazy) {
-                this.onLazyLoad.emit(this.createLazyLoadMetadata());
-            } else if (this.value) {
-                if (this.customSort) {
-                    this.sortFunction.emit({
-                        data: this.value,
-                        mode: this.sortMode,
-                        field: field,
-                        order: order
-                    });
-                } else {
-                    this.value.sort((data1, data2) => {
-                        let value1 = ObjectUtils.resolveFieldData(data1, field);
-                        let value2 = ObjectUtils.resolveFieldData(data2, field);
-                        let result = null;
-
-                        if (value1 == null && value2 != null) result = -1;
-                        else if (value1 != null && value2 == null) result = 1;
-                        else if (value1 == null && value2 == null) result = 0;
-                        else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2);
-                        else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-
-                        return order * result;
-                    });
-
-                    this._value = [...this.value];
-                }
-
-                if (this.hasFilter()) {
-                    this._filter();
-                }
-            }
-
-            let sortMeta: SortMeta = {
-                field: field,
-                order: order
-            };
-
-            this.onSort.emit(sortMeta);
-            this.tableService.onSort(sortMeta);
-        }
-    }
-
-    sortMultiple() {
-        if (this.groupRowsBy) {
-            if (!this._multiSortMeta) this._multiSortMeta = [this.getGroupRowsMeta()];
-            else if ((<SortMeta[]>this.multiSortMeta)[0].field !== this.groupRowsBy) this._multiSortMeta = [this.getGroupRowsMeta(), ...this._multiSortMeta];
-        }
-
-        if (this.multiSortMeta) {
-            if (this.lazy) {
-                this.onLazyLoad.emit(this.createLazyLoadMetadata());
-            } else if (this.value) {
-                if (this.customSort) {
-                    this.sortFunction.emit({
-                        data: this.value,
-                        mode: this.sortMode,
-                        multiSortMeta: this.multiSortMeta
-                    });
-                } else {
-                    this.value.sort((data1, data2) => {
-                        return this.multisortField(data1, data2, <SortMeta[]>this.multiSortMeta, 0);
-                    });
-
-                    this._value = [...this.value];
-                }
-
-                if (this.hasFilter()) {
-                    this._filter();
-                }
-            }
-
-            this.onSort.emit({
-                multisortmeta: <SortMeta[]>this.multiSortMeta
-            });
-            this.tableService.onSort(this.multiSortMeta);
-        }
-    }
-
-    multisortField(data1: any, data2: any, multiSortMeta: SortMeta[], index: number): any {
-        const value1 = ObjectUtils.resolveFieldData(data1, multiSortMeta[index].field);
-        const value2 = ObjectUtils.resolveFieldData(data2, multiSortMeta[index].field);
-        if (ObjectUtils.compare(value1, value2, this.filterLocale) === 0) {
-            return multiSortMeta.length - 1 > index ? this.multisortField(data1, data2, multiSortMeta, index + 1) : 0;
-        }
-        return this.compareValuesOnSort(value1, value2, multiSortMeta[index].order);
-    }
-
-    compareValuesOnSort(value1: any, value2: any, order: any) {
-        return ObjectUtils.sort(value1, value2, order, this.filterLocale, this.sortOrder);
-    }
-
-    getSortMeta(field: string) {
-        if (this.multiSortMeta && this.multiSortMeta.length) {
-            for (let i = 0; i < this.multiSortMeta.length; i++) {
-                if (this.multiSortMeta[i].field === field) {
-                    return this.multiSortMeta[i];
-                }
-            }
-        }
-
-        return null;
-    }
-
-    isSorted(field: string) {
-        if (this.sortMode === 'single') {
-            return this.sortField && this.sortField === field;
-        } else if (this.sortMode === 'multiple') {
-            let sorted = false;
-            if (this.multiSortMeta) {
-                for (let i = 0; i < this.multiSortMeta.length; i++) {
-                    if (this.multiSortMeta[i].field == field) {
-                        sorted = true;
-                        break;
-                    }
-                }
-            }
-            return sorted;
-        }
-    }
-
-    handleRowClick(event: any) {
-        let target = <HTMLElement>event.originalEvent.target;
-        let targetNode = target.nodeName;
-        let parentNode = target.parentElement && target.parentElement.nodeName;
-        if (targetNode == 'INPUT' || targetNode == 'BUTTON' || targetNode == 'A' || parentNode == 'INPUT' || parentNode == 'BUTTON' || parentNode == 'A' || DomHandler.hasClass(event.originalEvent.target, 'p-clickable')) {
-            return;
-        }
-
-        if (this.selectionMode) {
-            let rowData = event.rowData;
-            let rowIndex = event.rowIndex;
-
-            this.preventSelectionSetterPropagation = true;
-            if (this.isMultipleSelectionMode() && event.originalEvent.shiftKey && this.anchorRowIndex != null) {
-                DomHandler.clearSelection();
-                if (this.rangeRowIndex != null) {
-                    this.clearSelectionRange(event.originalEvent);
-                }
-
-                this.rangeRowIndex = rowIndex;
-                this.selectRange(event.originalEvent, rowIndex);
-            } else {
-                let selected = this.isSelected(rowData);
-
-                if (!selected && !this.isRowSelectable(rowData, rowIndex)) {
-                    return;
-                }
-
-                let metaSelection = this.rowTouched ? false : this.metaKeySelection;
-                let dataKeyValue = this.dataKey ? String(ObjectUtils.resolveFieldData(rowData, this.dataKey)) : null;
-                this.anchorRowIndex = rowIndex;
-                this.rangeRowIndex = rowIndex;
-
-                if (metaSelection) {
-                    let metaKey = event.originalEvent.metaKey || event.originalEvent.ctrlKey;
-
-                    if (selected && metaKey) {
-                        if (this.isSingleSelectionMode()) {
-                            this._selection = null;
-                            this.selectionKeys = {};
-                            this.selectionChange.emit(null);
-                        } else {
-                            let selectionIndex = this.findIndexInSelection(rowData);
-                            this._selection = this.selection.filter((val: any, i: number) => i != selectionIndex);
-                            this.selectionChange.emit(this.selection);
-                            if (dataKeyValue) {
-                                delete this.selectionKeys[dataKeyValue];
-                            }
-                        }
-
-                        this.onRowUnselect.emit({ originalEvent: event.originalEvent, data: rowData, type: 'row' });
-                    } else {
-                        if (this.isSingleSelectionMode()) {
-                            this._selection = rowData;
-                            this.selectionChange.emit(rowData);
-                            if (dataKeyValue) {
-                                this.selectionKeys = {};
-                                this.selectionKeys[dataKeyValue] = 1;
-                            }
-                        } else if (this.isMultipleSelectionMode()) {
-                            if (metaKey) {
-                                this._selection = this.selection || [];
-                            } else {
-                                this._selection = [];
-                                this.selectionKeys = {};
-                            }
-
-                            this._selection = [...this.selection, rowData];
-                            this.selectionChange.emit(this.selection);
-                            if (dataKeyValue) {
-                                this.selectionKeys[dataKeyValue] = 1;
-                            }
-                        }
-
-                        this.onRowSelect.emit({ originalEvent: event.originalEvent, data: rowData, type: 'row', index: rowIndex });
-                    }
-                } else {
-                    if (this.selectionMode === 'single') {
-                        if (selected) {
-                            this._selection = null;
-                            this.selectionKeys = {};
-                            this.selectionChange.emit(this.selection);
-                            this.onRowUnselect.emit({ originalEvent: event.originalEvent, data: rowData, type: 'row', index: rowIndex });
-                        } else {
-                            this._selection = rowData;
-                            this.selectionChange.emit(this.selection);
-                            this.onRowSelect.emit({ originalEvent: event.originalEvent, data: rowData, type: 'row', index: rowIndex });
-                            if (dataKeyValue) {
-                                this.selectionKeys = {};
-                                this.selectionKeys[dataKeyValue] = 1;
-                            }
-                        }
-                    } else if (this.selectionMode === 'multiple') {
-                        if (selected) {
-                            let selectionIndex = this.findIndexInSelection(rowData);
-                            this._selection = this.selection.filter((val: any, i: number) => i != selectionIndex);
-                            this.selectionChange.emit(this.selection);
-                            this.onRowUnselect.emit({ originalEvent: event.originalEvent, data: rowData, type: 'row', index: rowIndex });
-                            if (dataKeyValue) {
-                                delete this.selectionKeys[dataKeyValue];
-                            }
-                        } else {
-                            this._selection = this.selection ? [...this.selection, rowData] : [rowData];
-                            this.selectionChange.emit(this.selection);
-                            this.onRowSelect.emit({ originalEvent: event.originalEvent, data: rowData, type: 'row', index: rowIndex });
-                            if (dataKeyValue) {
-                                this.selectionKeys[dataKeyValue] = 1;
-                            }
-                        }
-                    }
-                }
-            }
-
-            this.tableService.onSelectionChange();
-
-            if (this.isStateful()) {
-                this.saveState();
-            }
-        }
-
-        this.rowTouched = false;
-    }
-
-    handleRowTouchEnd(event: Event) {
-        this.rowTouched = true;
-    }
-
-    handleRowRightClick(event: any) {
-        if (this.contextMenu) {
-            const rowData = event.rowData;
-            const rowIndex = event.rowIndex;
-
-            if (this.contextMenuSelectionMode === 'separate') {
-                this.contextMenuSelection = rowData;
-                this.contextMenuSelectionChange.emit(rowData);
-                this.onContextMenuSelect.emit({ originalEvent: event.originalEvent, data: rowData, index: event.rowIndex });
-                this.contextMenu.show(event.originalEvent);
-                this.tableService.onContextMenu(rowData);
-            } else if (this.contextMenuSelectionMode === 'joint') {
-                this.preventSelectionSetterPropagation = true;
-                let selected = this.isSelected(rowData);
-                let dataKeyValue = this.dataKey ? String(ObjectUtils.resolveFieldData(rowData, this.dataKey)) : null;
-
-                if (!selected) {
-                    if (!this.isRowSelectable(rowData, rowIndex)) {
-                        return;
-                    }
-
-                    if (this.isSingleSelectionMode()) {
-                        this.selection = rowData;
-                        this.selectionChange.emit(rowData);
-
-                        if (dataKeyValue) {
-                            this.selectionKeys = {};
-                            this.selectionKeys[dataKeyValue] = 1;
-                        }
-                    } else if (this.isMultipleSelectionMode()) {
-                        this._selection = this.selection ? [...this.selection, rowData] : [rowData];
-                        this.selectionChange.emit(this.selection);
-
-                        if (dataKeyValue) {
-                            this.selectionKeys[dataKeyValue] = 1;
-                        }
-                    }
-                }
-
-                this.tableService.onSelectionChange();
-                this.contextMenu.show(event.originalEvent);
-                this.onContextMenuSelect.emit({ originalEvent: event, data: rowData, index: event.rowIndex });
-            }
-        }
-    }
-
-    selectRange(event: MouseEvent | KeyboardEvent, rowIndex: number, isMetaKeySelection?: boolean | undefined) {
-        let rangeStart, rangeEnd;
-
-        if (<number>this.anchorRowIndex > rowIndex) {
-            rangeStart = rowIndex;
-            rangeEnd = this.anchorRowIndex;
-        } else if (<number>this.anchorRowIndex < rowIndex) {
-            rangeStart = this.anchorRowIndex;
-            rangeEnd = rowIndex;
-        } else {
-            rangeStart = rowIndex;
-            rangeEnd = rowIndex;
-        }
-
-        if (this.lazy && this.paginator) {
-            (rangeStart as number) -= <number>this.first;
-            (rangeEnd as number) -= <number>this.first;
-        }
-
-        let rangeRowsData = [];
-        for (let i = <number>rangeStart; i <= <number>rangeEnd; i++) {
-            let rangeRowData = this.filteredValue ? this.filteredValue[i] : this.value[i];
-            if (!this.isSelected(rangeRowData) && !isMetaKeySelection) {
-                if (!this.isRowSelectable(rangeRowData, rowIndex)) {
-                    continue;
-                }
-
-                rangeRowsData.push(rangeRowData);
-                this._selection = [...this.selection, rangeRowData];
-                let dataKeyValue = this.dataKey ? String(ObjectUtils.resolveFieldData(rangeRowData, this.dataKey)) : null;
-                if (dataKeyValue) {
-                    this.selectionKeys[dataKeyValue] = 1;
-                }
-            }
-        }
-        this.selectionChange.emit(this.selection);
-        this.onRowSelect.emit({ originalEvent: event, data: rangeRowsData, type: 'row' });
-    }
-
-    clearSelectionRange(event: MouseEvent | KeyboardEvent) {
-        let rangeStart, rangeEnd;
-        let rangeRowIndex = <number>this.rangeRowIndex;
-        let anchorRowIndex = <number>this.anchorRowIndex;
-
-        if (rangeRowIndex > anchorRowIndex) {
-            rangeStart = this.anchorRowIndex;
-            rangeEnd = this.rangeRowIndex;
-        } else if (rangeRowIndex < anchorRowIndex) {
-            rangeStart = this.rangeRowIndex;
-            rangeEnd = this.anchorRowIndex;
-        } else {
-            rangeStart = this.rangeRowIndex;
-            rangeEnd = this.rangeRowIndex;
-        }
-
-        for (let i = <number>rangeStart; i <= <number>rangeEnd; i++) {
-            let rangeRowData = this.value[i];
-            let selectionIndex = this.findIndexInSelection(rangeRowData);
-            this._selection = this.selection.filter((val: any, i: number) => i != selectionIndex);
-            let dataKeyValue = this.dataKey ? String(ObjectUtils.resolveFieldData(rangeRowData, this.dataKey)) : null;
-            if (dataKeyValue) {
-                delete this.selectionKeys[dataKeyValue];
-            }
-            this.onRowUnselect.emit({ originalEvent: event, data: rangeRowData, type: 'row' });
-        }
-    }
-
-    isSelected(rowData: any) {
-        if (rowData && this.selection) {
-            if (this.dataKey) {
-                return this.selectionKeys[ObjectUtils.resolveFieldData(rowData, this.dataKey)] !== undefined;
-            } else {
-                if (Array.isArray(this.selection)) return this.findIndexInSelection(rowData) > -1;
-                else return this.equals(rowData, this.selection);
-            }
-        }
-
-        return false;
-    }
-
-    findIndexInSelection(rowData: any) {
-        let index: number = -1;
-        if (this.selection && this.selection.length) {
-            for (let i = 0; i < this.selection.length; i++) {
-                if (this.equals(rowData, this.selection[i])) {
-                    index = i;
-                    break;
-                }
-            }
-        }
-
-        return index;
-    }
-
-    isRowSelectable(data: any, index: number) {
-        if (this.rowSelectable && !this.rowSelectable({ data, index })) {
-            return false;
-        }
-
-        return true;
-    }
-
-    toggleRowWithRadio(event: any, rowData: any) {
-        this.preventSelectionSetterPropagation = true;
-
-        if (this.selection != rowData) {
-            if (!this.isRowSelectable(rowData, event.rowIndex)) {
-                return;
-            }
-
-            this._selection = rowData;
-            this.selectionChange.emit(this.selection);
-            this.onRowSelect.emit({ originalEvent: event.originalEvent, index: event.rowIndex, data: rowData, type: 'radiobutton' });
-
-            if (this.dataKey) {
-                this.selectionKeys = {};
-                this.selectionKeys[String(ObjectUtils.resolveFieldData(rowData, this.dataKey))] = 1;
-            }
-        } else {
-            this._selection = null;
-            this.selectionChange.emit(this.selection);
-            this.onRowUnselect.emit({ originalEvent: event.originalEvent, index: event.rowIndex, data: rowData, type: 'radiobutton' });
-        }
-
-        this.tableService.onSelectionChange();
-
-        if (this.isStateful()) {
-            this.saveState();
-        }
-    }
-
-    toggleRowWithCheckbox(event: any, rowData: any) {
-        this.selection = this.selection || [];
-        let selected = this.isSelected(rowData);
-        let dataKeyValue = this.dataKey ? String(ObjectUtils.resolveFieldData(rowData, this.dataKey)) : null;
-        this.preventSelectionSetterPropagation = true;
-
-        if (selected) {
-            let selectionIndex = this.findIndexInSelection(rowData);
-            this._selection = this.selection.filter((val: any, i: number) => i != selectionIndex);
-            this.selectionChange.emit(this.selection);
-            this.onRowUnselect.emit({ originalEvent: event.originalEvent, index: event.rowIndex, data: rowData, type: 'checkbox' });
-            if (dataKeyValue) {
-                delete this.selectionKeys[dataKeyValue];
-            }
-        } else {
-            if (!this.isRowSelectable(rowData, event.rowIndex)) {
-                return;
-            }
-
-            this._selection = this.selection ? [...this.selection, rowData] : [rowData];
-            this.selectionChange.emit(this.selection);
-            this.onRowSelect.emit({ originalEvent: event.originalEvent, index: event.rowIndex, data: rowData, type: 'checkbox' });
-            if (dataKeyValue) {
-                this.selectionKeys[dataKeyValue] = 1;
-            }
-        }
-
-        this.tableService.onSelectionChange();
-
-        if (this.isStateful()) {
-            this.saveState();
-        }
-    }
-
-    toggleRowsWithCheckbox(event: Event, check: boolean) {
-        if (this._selectAll !== null) {
-            this.selectAllChange.emit({ originalEvent: event, checked: check });
-        } else {
-            const data = this.selectionPageOnly ? this.dataToRender(this.processedData) : this.processedData;
-            let selection = this.selectionPageOnly && this._selection ? this._selection.filter((s: any) => !data.some((d: any) => this.equals(s, d))) : [];
-
-            if (check) {
-                selection = this.frozenValue ? [...selection, ...this.frozenValue, ...data] : [...selection, ...data];
-                selection = this.rowSelectable ? selection.filter((data: any, index: number) => this.rowSelectable({ data, index })) : selection;
-            }
-
-            this._selection = selection;
-            this.preventSelectionSetterPropagation = true;
-            this.updateSelectionKeys();
-            this.selectionChange.emit(this._selection);
-            this.tableService.onSelectionChange();
-            this.onHeaderCheckboxToggle.emit({ originalEvent: event, checked: check });
-
-            if (this.isStateful()) {
-                this.saveState();
-            }
-        }
-    }
-
-    equals(data1: any, data2: any) {
-        return this.compareSelectionBy === 'equals' ? data1 === data2 : ObjectUtils.equals(data1, data2, this.dataKey);
-    }
-
-    /* Legacy Filtering for custom elements */
-    filter(value: any, field: string, matchMode: string) {
-        if (this.filterTimeout) {
-            clearTimeout(this.filterTimeout);
-        }
-        if (!this.isFilterBlank(value)) {
-            this.filters[field] = { value: value, matchMode: matchMode };
-        } else if (this.filters[field]) {
-            delete this.filters[field];
-        }
-
-        this.filterTimeout = setTimeout(() => {
-            this._filter();
-            this.filterTimeout = null;
-        }, this.filterDelay);
-
-        this.anchorRowIndex = null;
-    }
-
-    filterGlobal(value: any, matchMode: string) {
-        this.filter(value, 'global', matchMode);
-    }
-
-    isFilterBlank(filter: any): boolean {
-        if (filter !== null && filter !== undefined) {
-            if ((typeof filter === 'string' && filter.trim().length == 0) || (Array.isArray(filter) && filter.length == 0)) return true;
-            else return false;
-        }
-        return true;
-    }
-
-    _filter() {
-        if (!this.restoringFilter) {
-            this.first = 0;
-            this.firstChange.emit(this.first);
-        }
-
-        if (this.lazy) {
-            this.onLazyLoad.emit(this.createLazyLoadMetadata());
-        } else {
-            if (!this.value) {
-                return;
-            }
-
-            if (!this.hasFilter()) {
-                this.filteredValue = null;
-                if (this.paginator) {
-                    this.totalRecords = this.value ? this.value.length : 0;
-                }
-            } else {
-                let globalFilterFieldsArray;
-                if (this.filters['global']) {
-                    if (!this.columns && !this.globalFilterFields) throw new Error('Global filtering requires dynamic columns or globalFilterFields to be defined.');
-                    else globalFilterFieldsArray = this.globalFilterFields || this.columns;
-                }
-
-                this.filteredValue = [];
-
-                for (let i = 0; i < this.value.length; i++) {
-                    let localMatch = true;
-                    let globalMatch = false;
-                    let localFiltered = false;
-
-                    for (let prop in this.filters) {
-                        if (this.filters.hasOwnProperty(prop) && prop !== 'global') {
-                            localFiltered = true;
-                            let filterField = prop;
-                            let filterMeta = this.filters[filterField];
-
-                            if (Array.isArray(filterMeta)) {
-                                for (let meta of filterMeta) {
-                                    localMatch = this.executeLocalFilter(filterField, this.value[i], meta);
-
-                                    if ((meta.operator === FilterOperator.OR && localMatch) || (meta.operator === FilterOperator.AND && !localMatch)) {
-                                        break;
-                                    }
-                                }
-                            } else {
-                                localMatch = this.executeLocalFilter(filterField, this.value[i], <any>filterMeta);
-                            }
-
-                            if (!localMatch) {
-                                break;
-                            }
-                        }
-                    }
-
-                    if (this.filters['global'] && !globalMatch && globalFilterFieldsArray) {
-                        for (let j = 0; j < globalFilterFieldsArray.length; j++) {
-                            let globalFilterField = globalFilterFieldsArray[j].field || globalFilterFieldsArray[j];
-                            globalMatch = (<any>this.filterService).filters[(<any>this.filters['global']).matchMode](ObjectUtils.resolveFieldData(this.value[i], globalFilterField), (<FilterMetadata>this.filters['global']).value, this.filterLocale);
-
-                            if (globalMatch) {
-                                break;
-                            }
-                        }
-                    }
-
-                    let matches: boolean;
-                    if (this.filters['global']) {
-                        matches = localFiltered ? localFiltered && localMatch && globalMatch : globalMatch;
-                    } else {
-                        matches = localFiltered && localMatch;
-                    }
-
-                    if (matches) {
-                        this.filteredValue.push(this.value[i]);
-                    }
-                }
-
-                if (this.filteredValue.length === this.value.length) {
-                    this.filteredValue = null;
-                }
-
-                if (this.paginator) {
-                    this.totalRecords = this.filteredValue ? this.filteredValue.length : this.value ? this.value.length : 0;
-                }
-            }
-        }
-
-        this.onFilter.emit({
-            filters: <{ [s: string]: FilterMetadata | undefined }>this.filters,
-            filteredValue: this.filteredValue || this.value
-        });
-
-        this.tableService.onValueChange(this.value);
-
-        if (this.isStateful() && !this.restoringFilter) {
-            this.saveState();
-        }
-
-        if (this.restoringFilter) {
-            this.restoringFilter = false;
-        }
-
-        this.cd.markForCheck();
-
-        if (this.scrollable) {
-            this.resetScrollTop();
-        }
-    }
-
-    executeLocalFilter(field: string, rowData: any, filterMeta: FilterMetadata): boolean {
-        let filterValue = filterMeta.value;
-        let filterMatchMode = filterMeta.matchMode || FilterMatchMode.STARTS_WITH;
-        let dataFieldValue = ObjectUtils.resolveFieldData(rowData, field);
-        let filterConstraint = (<any>this.filterService).filters[filterMatchMode];
-
-        return filterConstraint(dataFieldValue, filterValue, this.filterLocale);
-    }
-
-    hasFilter() {
-        let empty = true;
-        for (let prop in this.filters) {
-            if (this.filters.hasOwnProperty(prop)) {
-                empty = false;
-                break;
-            }
-        }
-
-        return !empty;
-    }
-
-    createLazyLoadMetadata(): any {
-        return {
-            first: this.first,
-            rows: this.rows,
-            sortField: this.sortField,
-            sortOrder: this.sortOrder,
-            filters: this.filters,
-            globalFilter: this.filters && this.filters['global'] ? (<FilterMetadata>this.filters['global']).value : null,
-            multiSortMeta: this.multiSortMeta,
-            forceUpdate: () => this.cd.detectChanges()
-        };
-    }
-
-    public clear() {
-        this._sortField = null;
-        this._sortOrder = this.defaultSortOrder;
-        this._multiSortMeta = null;
-        this.tableService.onSort(null);
-
-        this.clearFilterValues();
-
-        this.filteredValue = null;
-
-        this.first = 0;
-        this.firstChange.emit(this.first);
-
-        if (this.lazy) {
-            this.onLazyLoad.emit(this.createLazyLoadMetadata());
-        } else {
-            this.totalRecords = this._value ? this._value.length : 0;
-        }
-    }
-
-    clearFilterValues() {
-        for (const [, filterMetadata] of Object.entries(this.filters)) {
-            if (Array.isArray(filterMetadata)) {
-                for (let filter of filterMetadata) {
-                    filter.value = null;
-                }
-            } else if (filterMetadata) {
-                filterMetadata.value = null;
-            }
-        }
-    }
-
-    reset() {
-        this.clear();
-    }
-
-    getExportHeader(column: any) {
-        return column[<string>this.exportHeader] || column.header || column.field;
-    }
-    /**
-     * Data export method.
-     * @param {ExportCSVOptions} object - Export options.
-     * @group Method
-     */
-    public exportCSV(options?: ExportCSVOptions) {
-        let data;
-        let csv = '';
-        let columns = this.columns;
-
-        if (options && options.selectionOnly) {
-            data = this.selection || [];
-        } else if (options && options.allValues) {
-            data = this.value || [];
-        } else {
-            data = this.filteredValue || this.value;
-
-            if (this.frozenValue) {
-                data = data ? [...this.frozenValue, ...data] : this.frozenValue;
-            }
-        }
-
-        const exportableColumns: any[] = (<any[]>columns).filter((column) => column.exportable !== false && column.field);
-
-        //headers
-        csv += exportableColumns.map((column) => '"' + this.getExportHeader(column) + '"').join(this.csvSeparator);
-
-        //body
-        const body = data
-            .map((record: any) =>
-                exportableColumns
-                    .map((column) => {
-                        let cellData = ObjectUtils.resolveFieldData(record, column.field);
-
-                        if (cellData != null) {
-                            if (this.exportFunction) {
-                                cellData = this.exportFunction({
-                                    data: cellData,
-                                    field: column.field
-                                });
-                            } else cellData = String(cellData).replace(/"/g, '""');
-                        } else cellData = '';
-
-                        return '"' + cellData + '"';
-                    })
-                    .join(this.csvSeparator)
-            )
-            .join('\n');
-
-        if (body.length) {
-            csv += '\n' + body;
-        }
-
-        let blob = new Blob([new Uint8Array([0xef, 0xbb, 0xbf]), csv], {
-            type: 'text/csv;charset=utf-8;'
-        });
-
-        let link = this.renderer.createElement('a');
-        link.style.display = 'none';
-        this.renderer.appendChild(this.document.body, link);
-        if (link.download !== undefined) {
-            link.setAttribute('href', URL.createObjectURL(blob));
-            link.setAttribute('download', this.exportFilename + '.csv');
-            link.click();
-        } else {
-            csv = 'data:text/csv;charset=utf-8,' + csv;
-            this.window.open(encodeURI(csv));
-        }
-        this.renderer.removeChild(this.document.body, link);
-    }
-
-    onLazyItemLoad(event: LazyLoadMeta) {
-        this.onLazyLoad.emit({
-            ...this.createLazyLoadMetadata(),
-            ...event,
-            rows: <number>event.last - <number>event.first
-        });
-    }
-    /**
-     * Resets scroll to top.
-     * @group Method
-     */
-    public resetScrollTop() {
-        if (this.virtualScroll) this.scrollToVirtualIndex(0);
-        else this.scrollTo({ top: 0 });
-    }
-    /**
-     * Scrolls to given index when using virtual scroll.
-     * @param {number} index - index of the element.
-     * @group Method
-     */
-    public scrollToVirtualIndex(index: number) {
-        this.scroller && this.scroller.scrollToIndex(index);
-    }
-    /**
-     * Scrolls to given index.
-     * @param {ScrollToOptions} options - scroll options.
-     * @group Method
-     */
-    public scrollTo(options: any) {
-        if (this.virtualScroll) {
-            this.scroller?.scrollTo(options);
-        } else if (this.wrapperViewChild && this.wrapperViewChild.nativeElement) {
-            if (this.wrapperViewChild.nativeElement.scrollTo) {
-                this.wrapperViewChild.nativeElement.scrollTo(options);
-            } else {
-                this.wrapperViewChild.nativeElement.scrollLeft = options.left;
-                this.wrapperViewChild.nativeElement.scrollTop = options.top;
-            }
-        }
-    }
-
-    updateEditingCell(cell: any, data: any, field: string, index: number) {
-        this.editingCell = cell;
-        this.editingCellData = data;
-        this.editingCellField = field;
-        this.editingCellRowIndex = index;
-        this.bindDocumentEditListener();
-    }
-
-    isEditingCellValid() {
-        return this.editingCell && DomHandler.find(this.editingCell, '.ng-invalid.ng-dirty').length === 0;
-    }
-
-    bindDocumentEditListener() {
-        if (!this.documentEditListener) {
-            this.documentEditListener = this.renderer.listen(this.document, 'click', (event) => {
-                if (this.editingCell && !this.selfClick && this.isEditingCellValid()) {
-                    DomHandler.removeClass(this.editingCell, 'p-cell-editing');
-                    this.editingCell = null;
-                    this.onEditComplete.emit({ field: this.editingCellField, data: this.editingCellData, originalEvent: event, index: <number>this.editingCellRowIndex });
-                    this.editingCellField = null;
-                    this.editingCellData = null;
-                    this.editingCellRowIndex = null;
-                    this.unbindDocumentEditListener();
-                    this.cd.markForCheck();
-
-                    if (this.overlaySubscription) {
-                        this.overlaySubscription.unsubscribe();
-                    }
-                }
-
-                this.selfClick = false;
-            });
-        }
-    }
-
-    unbindDocumentEditListener() {
-        if (this.documentEditListener) {
-            this.documentEditListener();
-            this.documentEditListener = null;
-        }
-    }
-
-    initRowEdit(rowData: any) {
-        let dataKeyValue = String(ObjectUtils.resolveFieldData(rowData, this.dataKey));
-        this.editingRowKeys[dataKeyValue] = true;
-    }
-
-    saveRowEdit(rowData: any, rowElement: HTMLTableRowElement) {
-        if (DomHandler.find(rowElement, '.ng-invalid.ng-dirty').length === 0) {
-            let dataKeyValue = String(ObjectUtils.resolveFieldData(rowData, this.dataKey));
-            delete this.editingRowKeys[dataKeyValue];
-        }
-    }
-
-    cancelRowEdit(rowData: any) {
-        let dataKeyValue = String(ObjectUtils.resolveFieldData(rowData, this.dataKey));
-        delete this.editingRowKeys[dataKeyValue];
-    }
-
-    toggleRow(rowData: any, event?: Event) {
-        if (!this.dataKey && !this.groupRowsBy) {
-            throw new Error('dataKey or groupRowsBy must be defined to use row expansion');
-        }
-
-        let dataKeyValue = this.groupRowsBy ? String(ObjectUtils.resolveFieldData(rowData, this.groupRowsBy)) : String(ObjectUtils.resolveFieldData(rowData, this.dataKey));
-
-        if (this.expandedRowKeys[dataKeyValue] != null) {
-            delete this.expandedRowKeys[dataKeyValue];
-            this.onRowCollapse.emit({
-                originalEvent: <Event>event,
-                data: rowData
-            });
-        } else {
-            if (this.rowExpandMode === 'single') {
-                this.expandedRowKeys = {};
-            }
-
-            this.expandedRowKeys[dataKeyValue] = true;
-            this.onRowExpand.emit({
-                originalEvent: <Event>event,
-                data: rowData
-            });
-        }
-
-        if (event) {
-            event.preventDefault();
-        }
-
-        if (this.isStateful()) {
-            this.saveState();
-        }
-    }
-
-    isRowExpanded(rowData: any): boolean {
-        return this.groupRowsBy ? this.expandedRowKeys[String(ObjectUtils.resolveFieldData(rowData, this.groupRowsBy))] === true : this.expandedRowKeys[String(ObjectUtils.resolveFieldData(rowData, this.dataKey))] === true;
-    }
-
-    isRowEditing(rowData: any): boolean {
-        return this.editingRowKeys[String(ObjectUtils.resolveFieldData(rowData, this.dataKey))] === true;
-    }
-
-    isSingleSelectionMode() {
-        return this.selectionMode === 'single';
-    }
-
-    isMultipleSelectionMode() {
-        return this.selectionMode === 'multiple';
-    }
-
-    onColumnResizeBegin(event: any) {
-        let containerLeft = DomHandler.getOffset(this.containerViewChild?.nativeElement).left;
-        this.resizeColumnElement = event.target.parentElement;
-        this.columnResizing = true;
-        if (event.type == 'touchstart') {
-            this.lastResizerHelperX = event.changedTouches[0].clientX - containerLeft + this.containerViewChild?.nativeElement.scrollLeft;
-        } else {
-            this.lastResizerHelperX = event.pageX - containerLeft + this.containerViewChild?.nativeElement.scrollLeft;
-        }
-        this.onColumnResize(event);
-        event.preventDefault();
-    }
-
-    onColumnResize(event: any) {
-        let containerLeft = DomHandler.getOffset(this.containerViewChild?.nativeElement).left;
-        DomHandler.addClass(this.containerViewChild?.nativeElement, 'p-unselectable-text');
-        (<ElementRef>this.resizeHelperViewChild).nativeElement.style.height = this.containerViewChild?.nativeElement.offsetHeight + 'px';
-        (<ElementRef>this.resizeHelperViewChild).nativeElement.style.top = 0 + 'px';
-        if (event.type == 'touchmove') {
-            (<ElementRef>this.resizeHelperViewChild).nativeElement.style.left = event.changedTouches[0].clientX - containerLeft + this.containerViewChild?.nativeElement.scrollLeft + 'px';
-        } else {
-            (<ElementRef>this.resizeHelperViewChild).nativeElement.style.left = event.pageX - containerLeft + this.containerViewChild?.nativeElement.scrollLeft + 'px';
-        }
-        (<ElementRef>this.resizeHelperViewChild).nativeElement.style.display = 'block';
-    }
-
-    onColumnResizeEnd() {
-        let delta = this.resizeHelperViewChild?.nativeElement.offsetLeft - <number>this.lastResizerHelperX;
-        let columnWidth = this.resizeColumnElement.offsetWidth;
-        let newColumnWidth = columnWidth + delta;
-        let minWidth = this.resizeColumnElement.style.minWidth.replace(/[^\d.]/g, '') || 15;
-
-        if (newColumnWidth >= minWidth) {
-            if (this.columnResizeMode === 'fit') {
-                let nextColumn = this.resizeColumnElement.nextElementSibling;
-                let nextColumnWidth = nextColumn.offsetWidth - delta;
-
-                if (newColumnWidth > 15 && nextColumnWidth > 15) {
-                    this.resizeTableCells(newColumnWidth, nextColumnWidth);
-                }
-            } else if (this.columnResizeMode === 'expand') {
-                this._initialColWidths = this._totalTableWidth();
-                let tableWidth = this.tableViewChild?.nativeElement.offsetWidth + delta;
-
-                this.setResizeTableWidth(tableWidth + 'px');
-                this.resizeTableCells(newColumnWidth, null);
-            }
-
-            this.onColResize.emit({
-                element: this.resizeColumnElement,
-                delta: delta
-            });
-
-            if (this.isStateful()) {
-                this.saveState();
-            }
-        }
-
-        (<ElementRef>this.resizeHelperViewChild).nativeElement.style.display = 'none';
-        DomHandler.removeClass(this.containerViewChild?.nativeElement, 'p-unselectable-text');
-    }
-
-    private _totalTableWidth(): number[] {
-        let widths = [];
-        const tableHead = DomHandler.findSingle(this.containerViewChild.nativeElement, '.p-datatable-thead');
-        let headers = DomHandler.find(tableHead, 'tr > th');
-        headers.forEach((header) => widths.push(DomHandler.getOuterWidth(header)));
-
-        return widths;
-    }
-
-    onColumnDragStart(event: any, columnElement: any) {
-        this.reorderIconWidth = DomHandler.getHiddenElementOuterWidth(this.reorderIndicatorUpViewChild?.nativeElement);
-        this.reorderIconHeight = DomHandler.getHiddenElementOuterHeight(this.reorderIndicatorDownViewChild?.nativeElement);
-        this.draggedColumn = columnElement;
-        event.dataTransfer.setData('text', 'b'); // For firefox
-    }
-
-    onColumnDragEnter(event: any, dropHeader: any) {
-        if (this.reorderableColumns && this.draggedColumn && dropHeader) {
-            event.preventDefault();
-            let containerOffset = DomHandler.getOffset(this.containerViewChild?.nativeElement);
-            let dropHeaderOffset = DomHandler.getOffset(dropHeader);
-
-            if (this.draggedColumn != dropHeader) {
-                let dragIndex = DomHandler.indexWithinGroup(this.draggedColumn, 'preorderablecolumn');
-                let dropIndex = DomHandler.indexWithinGroup(dropHeader, 'preorderablecolumn');
-                let targetLeft = dropHeaderOffset.left - containerOffset.left;
-                let targetTop = containerOffset.top - dropHeaderOffset.top;
-                let columnCenter = dropHeaderOffset.left + dropHeader.offsetWidth / 2;
-
-                (<ElementRef>this.reorderIndicatorUpViewChild).nativeElement.style.top = dropHeaderOffset.top - containerOffset.top - (<number>this.reorderIconHeight - 1) + 'px';
-                (<ElementRef>this.reorderIndicatorDownViewChild).nativeElement.style.top = dropHeaderOffset.top - containerOffset.top + dropHeader.offsetHeight + 'px';
-
-                if (event.pageX > columnCenter) {
-                    (<ElementRef>this.reorderIndicatorUpViewChild).nativeElement.style.left = targetLeft + dropHeader.offsetWidth - Math.ceil(<number>this.reorderIconWidth / 2) + 'px';
-                    (<ElementRef>this.reorderIndicatorDownViewChild).nativeElement.style.left = targetLeft + dropHeader.offsetWidth - Math.ceil(<number>this.reorderIconWidth / 2) + 'px';
-                    this.dropPosition = 1;
-                } else {
-                    (<ElementRef>this.reorderIndicatorUpViewChild).nativeElement.style.left = targetLeft - Math.ceil(<number>this.reorderIconWidth / 2) + 'px';
-                    (<ElementRef>this.reorderIndicatorDownViewChild).nativeElement.style.left = targetLeft - Math.ceil(<number>this.reorderIconWidth / 2) + 'px';
-                    this.dropPosition = -1;
-                }
-                (<ElementRef>this.reorderIndicatorUpViewChild).nativeElement.style.display = 'block';
-                (<ElementRef>this.reorderIndicatorDownViewChild).nativeElement.style.display = 'block';
-            } else {
-                event.dataTransfer.dropEffect = 'none';
-            }
-        }
-    }
-
-    onColumnDragLeave(event: Event) {
-        if (this.reorderableColumns && this.draggedColumn) {
-            event.preventDefault();
-        }
-    }
-
-    onColumnDrop(event: Event, dropColumn: any) {
-        event.preventDefault();
-        if (this.draggedColumn) {
-            let dragIndex = DomHandler.indexWithinGroup(this.draggedColumn, 'preorderablecolumn');
-            let dropIndex = DomHandler.indexWithinGroup(dropColumn, 'preorderablecolumn');
-            let allowDrop = dragIndex != dropIndex;
-            if (allowDrop && ((dropIndex - dragIndex == 1 && this.dropPosition === -1) || (dragIndex - dropIndex == 1 && this.dropPosition === 1))) {
-                allowDrop = false;
-            }
-
-            if (allowDrop && dropIndex < dragIndex && this.dropPosition === 1) {
-                dropIndex = dropIndex + 1;
-            }
-
-            if (allowDrop && dropIndex > dragIndex && this.dropPosition === -1) {
-                dropIndex = dropIndex - 1;
-            }
-
-            if (allowDrop) {
-                ObjectUtils.reorderArray(<any[]>this.columns, dragIndex, dropIndex);
-
-                this.onColReorder.emit({
-                    dragIndex: dragIndex,
-                    dropIndex: dropIndex,
-                    columns: this.columns
-                });
-
-                if (this.isStateful()) {
-                    this.zone.runOutsideAngular(() => {
-                        setTimeout(() => {
-                            this.saveState();
-                        });
-                    });
-                }
-            }
-
-            if (this.resizableColumns && this.resizeColumnElement) {
-                let width = this.columnResizeMode === 'expand' ? this._initialColWidths : this._totalTableWidth();
-                ObjectUtils.reorderArray(width, dragIndex + 1, dropIndex + 1);
-                this.updateStyleElement(width, dragIndex, null, null);
-            }
-
-            (<ElementRef>this.reorderIndicatorUpViewChild).nativeElement.style.display = 'none';
-            (<ElementRef>this.reorderIndicatorDownViewChild).nativeElement.style.display = 'none';
-            this.draggedColumn.draggable = false;
-            this.draggedColumn = null;
-            this.dropPosition = null;
-        }
-    }
-
-    resizeTableCells(newColumnWidth: number, nextColumnWidth: number | null) {
-        let colIndex = DomHandler.index(this.resizeColumnElement);
-        let width = this.columnResizeMode === 'expand' ? this._initialColWidths : this._totalTableWidth();
-        this.updateStyleElement(width, colIndex, newColumnWidth, nextColumnWidth);
-    }
-
-    updateStyleElement(width: number[], colIndex: number, newColumnWidth: number, nextColumnWidth: number | null) {
-        this.destroyStyleElement();
-        this.createStyleElement();
-
-        let innerHTML = '';
-        width.forEach((width, index) => {
-            let colWidth = index === colIndex ? newColumnWidth : nextColumnWidth && index === colIndex + 1 ? nextColumnWidth : width;
-            let style = `width: ${colWidth}px !important; max-width: ${colWidth}px !important;`;
-            innerHTML += `
-                #${this.id}-table > .p-datatable-thead > tr > th:nth-child(${index + 1}),
-                #${this.id}-table > .p-datatable-tbody > tr > td:nth-child(${index + 1}),
-                #${this.id}-table > .p-datatable-tfoot > tr > td:nth-child(${index + 1}) {
-                    ${style}
-                }
-            `;
-        });
-        this.renderer.setProperty(this.styleElement, 'innerHTML', this.domSanitizer.bypassSecurityTrustStyle(innerHTML));
-    }
-
-    onRowDragStart(event: any, index: number) {
-        this.rowDragging = true;
-        this.draggedRowIndex = index;
-        event.dataTransfer.setData('text', 'b'); // For firefox
-    }
-
-    onRowDragOver(event: MouseEvent, index: number, rowElement: any) {
-        if (this.rowDragging && this.draggedRowIndex !== index) {
-            let rowY = DomHandler.getOffset(rowElement).top;
-            let pageY = event.pageY;
-            let rowMidY = rowY + DomHandler.getOuterHeight(rowElement) / 2;
-            let prevRowElement = rowElement.previousElementSibling;
-
-            if (pageY < rowMidY) {
-                DomHandler.removeClass(rowElement, 'p-datatable-dragpoint-bottom');
-
-                this.droppedRowIndex = index;
-                if (prevRowElement) DomHandler.addClass(prevRowElement, 'p-datatable-dragpoint-bottom');
-                else DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');
-            } else {
-                if (prevRowElement) DomHandler.removeClass(prevRowElement, 'p-datatable-dragpoint-bottom');
-                else DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');
-
-                this.droppedRowIndex = index + 1;
-                DomHandler.addClass(rowElement, 'p-datatable-dragpoint-bottom');
-            }
-        }
-    }
-
-    onRowDragLeave(event: Event, rowElement: any) {
-        let prevRowElement = rowElement.previousElementSibling;
-        if (prevRowElement) {
-            DomHandler.removeClass(prevRowElement, 'p-datatable-dragpoint-bottom');
-        }
-
-        DomHandler.removeClass(rowElement, 'p-datatable-dragpoint-bottom');
-        DomHandler.removeClass(rowElement, 'p-datatable-dragpoint-top');
-    }
-
-    onRowDragEnd(event: Event) {
-        this.rowDragging = false;
-        this.draggedRowIndex = null;
-        this.droppedRowIndex = null;
-    }
-
-    onRowDrop(event: Event, rowElement: any) {
-        if (this.droppedRowIndex != null) {
-            let dropIndex = <number>this.draggedRowIndex > this.droppedRowIndex ? this.droppedRowIndex : this.droppedRowIndex === 0 ? 0 : this.droppedRowIndex - 1;
-            ObjectUtils.reorderArray(this.value, <number>this.draggedRowIndex, dropIndex);
-
-            if (this.virtualScroll) {
-                // TODO: Check
-                this._value = [...this._value];
-            }
-
-            this.onRowReorder.emit({
-                dragIndex: <number>this.draggedRowIndex,
-                dropIndex: dropIndex
-            });
-        }
-        //cleanup
-        this.onRowDragLeave(event, rowElement);
-        this.onRowDragEnd(event);
-    }
-
-    isEmpty() {
-        let data = this.filteredValue || this.value;
-        return data == null || data.length == 0;
-    }
-
-    getBlockableElement(): HTMLElement {
-        return this.el.nativeElement.children[0];
-    }
-
-    getStorage() {
-        if (isPlatformBrowser(this.platformId)) {
-            switch (this.stateStorage) {
-                case 'local':
-                    return window.localStorage;
-
-                case 'session':
-                    return window.sessionStorage;
-
-                default:
-                    throw new Error(this.stateStorage + ' is not a valid value for the state storage, supported values are "local" and "session".');
-            }
-        } else {
-            throw new Error('Browser storage is not available in the server side.');
-        }
-    }
-
-    isStateful() {
-        return this.stateKey != null;
-    }
-
-    saveState() {
-        const storage = this.getStorage();
-        let state: TableState = {};
-
-        if (this.paginator) {
-            state.first = <number>this.first;
-            state.rows = this.rows;
-        }
-
-        if (this.sortField) {
-            state.sortField = this.sortField;
-            state.sortOrder = this.sortOrder;
-        }
-
-        if (this.multiSortMeta) {
-            state.multiSortMeta = this.multiSortMeta;
-        }
-
-        if (this.hasFilter()) {
-            state.filters = this.filters;
-        }
-
-        if (this.resizableColumns) {
-            this.saveColumnWidths(state);
-        }
-
-        if (this.reorderableColumns) {
-            this.saveColumnOrder(state);
-        }
-
-        if (this.selection) {
-            state.selection = this.selection;
-        }
-
-        if (Object.keys(this.expandedRowKeys).length) {
-            state.expandedRowKeys = this.expandedRowKeys;
-        }
-
-        storage.setItem(<string>this.stateKey, JSON.stringify(state));
-        this.onStateSave.emit(state);
-    }
-
-    clearState() {
-        const storage = this.getStorage();
-
-        if (this.stateKey) {
-            storage.removeItem(this.stateKey);
-        }
-    }
-
-    restoreState() {
-        const storage = this.getStorage();
-        const stateString = storage.getItem(<string>this.stateKey);
-        const dateFormat = /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z/;
-        const reviver = function (key: any, value: any) {
-            if (typeof value === 'string' && dateFormat.test(value)) {
-                return new Date(value);
-            }
-
-            return value;
-        };
-
-        if (stateString) {
-            let state: TableState = JSON.parse(stateString, reviver);
-
-            if (this.paginator) {
-                if (this.first !== undefined) {
-                    this.first = state.first;
-                    this.firstChange.emit(this.first);
-                }
-
-                if (this.rows !== undefined) {
-                    this.rows = state.rows;
-                    this.rowsChange.emit(this.rows);
-                }
-            }
-
-            if (state.sortField) {
-                this.restoringSort = true;
-                this._sortField = state.sortField;
-                this._sortOrder = <number>state.sortOrder;
-            }
-
-            if (state.multiSortMeta) {
-                this.restoringSort = true;
-                this._multiSortMeta = state.multiSortMeta;
-            }
-
-            if (state.filters) {
-                this.restoringFilter = true;
-                this.filters = state.filters;
-            }
-
-            if (this.resizableColumns) {
-                this.columnWidthsState = state.columnWidths;
-                this.tableWidthState = state.tableWidth;
-            }
-
-            // if (this.reorderableColumns) {
-            //     this.restoreColumnOrder();
-            // }
-
-            if (state.expandedRowKeys) {
-                this.expandedRowKeys = state.expandedRowKeys;
-            }
-
-            if (state.selection) {
-                Promise.resolve(null).then(() => this.selectionChange.emit(state.selection));
-            }
-
-            this.stateRestored = true;
-
-            this.onStateRestore.emit(state);
-        }
-    }
-
-    saveColumnWidths(state: any) {
-        let widths: any[] = [];
-        let headers = DomHandler.find(this.containerViewChild?.nativeElement, '.p-datatable-thead > tr > th');
-        headers.forEach((header) => widths.push(DomHandler.getOuterWidth(header)));
-        state.columnWidths = widths.join(',');
-
-        if (this.columnResizeMode === 'expand') {
-            state.tableWidth = DomHandler.getOuterWidth(this.tableViewChild?.nativeElement);
-        }
-    }
-
-    setResizeTableWidth(width: string) {
-        (<ElementRef>this.tableViewChild).nativeElement.style.width = width;
-        (<ElementRef>this.tableViewChild).nativeElement.style.minWidth = width;
-    }
-
-    restoreColumnWidths() {
-        if (this.columnWidthsState) {
-            let widths = this.columnWidthsState.split(',');
-
-            if (this.columnResizeMode === 'expand' && this.tableWidthState) {
-                this.setResizeTableWidth(this.tableWidthState + 'px');
-            }
-
-            if (ObjectUtils.isNotEmpty(widths)) {
-                this.createStyleElement();
-
-                let innerHTML = '';
-                widths.forEach((width, index) => {
-                    let style = `width: ${width}px !important; max-width: ${width}px !important`;
-
-                    innerHTML += `
-                        #${this.id}-table > .p-datatable-thead > tr > th:nth-child(${index + 1}),
-                        #${this.id}-table > .p-datatable-tbody > tr > td:nth-child(${index + 1}),
-                        #${this.id}-table > .p-datatable-tfoot > tr > td:nth-child(${index + 1}) {
-                            ${style}
-                        }
-                    `;
-                });
-
-                this.styleElement.textContent = innerHTML;
-            }
-        }
-    }
-
-    saveColumnOrder(state: any) {
-        if (this.columns) {
-            let columnOrder: string[] = [];
-            this.columns.map((column) => {
-                columnOrder.push(column.field || column.key);
-            });
-
-            state.columnOrder = columnOrder;
-        }
-    }
-
-    restoreColumnOrder() {
-        const storage = this.getStorage();
-        const stateString = storage.getItem(<string>this.stateKey);
-        if (stateString) {
-            let state: TableState = JSON.parse(stateString);
-            let columnOrder = state.columnOrder;
-
-            if (columnOrder) {
-                let reorderedColumns: any[] = [];
-
-                columnOrder.map((key) => {
-                    let col = this.findColumnByKey(key);
-                    if (col) {
-                        reorderedColumns.push(col);
-                    }
-                });
-                this.columnOrderStateRestored = true;
-                this.columns = reorderedColumns;
-            }
-        }
-    }
-
-    findColumnByKey(key: any) {
-        if (this.columns) {
-            for (let col of this.columns) {
-                if (col.key === key || col.field === key) return col;
-                else continue;
-            }
-        } else {
-            return null;
-        }
-    }
-
-    createStyleElement() {
-        this.styleElement = this.renderer.createElement('style');
-        this.styleElement.type = 'text/css';
-        DomHandler.setAttribute(this.styleElement, 'nonce', this.config?.csp()?.nonce);
-        this.renderer.appendChild(this.document.head, this.styleElement);
-    }
-
-    getGroupRowsMeta() {
-        return { field: this.groupRowsBy, order: this.groupRowsByOrder };
-    }
-
-    createResponsiveStyle() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.responsiveStyleElement) {
-                this.responsiveStyleElement = this.renderer.createElement('style');
-                this.responsiveStyleElement.type = 'text/css';
-                DomHandler.setAttribute(this.responsiveStyleElement, 'nonce', this.config?.csp()?.nonce);
-                this.renderer.appendChild(this.document.head, this.responsiveStyleElement);
-
-                let innerHTML = `
-    @media screen and (max-width: ${this.breakpoint}) {
-        #${this.id}-table > .p-datatable-thead > tr > th,
-        #${this.id}-table > .p-datatable-tfoot > tr > td {
-            display: none !important;
-        }
-
-        #${this.id}-table > .p-datatable-tbody > tr > td {
-            display: flex;
-            width: 100% !important;
-            align-items: center;
-            justify-content: space-between;
-        }
-
-        #${this.id}-table > .p-datatable-tbody > tr > td:not(:last-child) {
-            border: 0 none;
-        }
-
-        #${this.id}.p-datatable-gridlines > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tbody > tr > td:last-child {
-            border-top: 0;
-            border-right: 0;
-            border-left: 0;
-        }
-
-        #${this.id}-table > .p-datatable-tbody > tr > td > .p-column-title {
-            display: block;
-        }
-    }
-    `;
-                this.renderer.setProperty(this.responsiveStyleElement, 'innerHTML', this.domSanitizer.bypassSecurityTrustStyle(innerHTML));
-            }
-        }
-    }
-
-    destroyResponsiveStyle() {
-        if (this.responsiveStyleElement) {
-            this.renderer.removeChild(this.document.head, this.responsiveStyleElement);
-            this.responsiveStyleElement = null;
-        }
-    }
-
-    destroyStyleElement() {
-        if (this.styleElement) {
-            this.renderer.removeChild(this.document.head, this.styleElement);
-            this.styleElement = null;
-        }
-    }
-
-    ngOnDestroy() {
-        this.unbindDocumentEditListener();
-        this.editingCell = null;
-        this.initialized = null;
-
-        this.destroyStyleElement();
-        this.destroyResponsiveStyle();
-    }
-
-    getPaginatorStyleClasses(className?: string) {
-        return [this.paginatorStyleClass, className]
-            .filter((c) => !!c)
-            .join(' ')
-            .trim();
-    }
-}
-
-@Component({
-    selector: '[pTableBody]',
-    template: `
-        <ng-container *ngIf="!dt.expandedRowTemplate">
-            <ng-template ngFor let-rowData let-rowIndex="index" [ngForOf]="value" [ngForTrackBy]="dt.rowTrackBy">
-                <ng-container *ngIf="dt.groupHeaderTemplate && !dt.virtualScroll && dt.rowGroupMode === 'subheader' && shouldRenderRowGroupHeader(value, rowData, getRowIndex(rowIndex))" role="row">
-                    <ng-container
-                        *ngTemplateOutlet="dt.groupHeaderTemplate; context: { $implicit: rowData, rowIndex: getRowIndex(rowIndex), columns: columns, editing: dt.editMode === 'row' && dt.isRowEditing(rowData), frozen: frozen }"
-                    ></ng-container>
-                </ng-container>
-                <ng-container *ngIf="dt.rowGroupMode !== 'rowspan'">
-                    <ng-container
-                        *ngTemplateOutlet="rowData ? template : dt.loadingBodyTemplate; context: { $implicit: rowData, rowIndex: getRowIndex(rowIndex), columns: columns, editing: dt.editMode === 'row' && dt.isRowEditing(rowData), frozen: frozen }"
-                    ></ng-container>
-                </ng-container>
-                <ng-container *ngIf="dt.rowGroupMode === 'rowspan'">
-                    <ng-container
-                        *ngTemplateOutlet="
-                            rowData ? template : dt.loadingBodyTemplate;
-                            context: {
-                                $implicit: rowData,
-                                rowIndex: getRowIndex(rowIndex),
-                                columns: columns,
-                                editing: dt.editMode === 'row' && dt.isRowEditing(rowData),
-                                frozen: frozen,
-                                rowgroup: shouldRenderRowspan(value, rowData, rowIndex),
-                                rowspan: calculateRowGroupSize(value, rowData, rowIndex)
-                            }
-                        "
-                    ></ng-container>
-                </ng-container>
-                <ng-container *ngIf="dt.groupFooterTemplate && !dt.virtualScroll && dt.rowGroupMode === 'subheader' && shouldRenderRowGroupFooter(value, rowData, rowIndex)" role="row">
-                    <ng-container
-                        *ngTemplateOutlet="dt.groupFooterTemplate; context: { $implicit: rowData, rowIndex: getRowIndex(rowIndex), columns: columns, editing: dt.editMode === 'row' && dt.isRowEditing(rowData), frozen: frozen }"
-                    ></ng-container>
-                </ng-container>
-            </ng-template>
-        </ng-container>
-        <ng-container *ngIf="dt.expandedRowTemplate && !(frozen && dt.frozenExpandedRowTemplate)">
-            <ng-template ngFor let-rowData let-rowIndex="index" [ngForOf]="value" [ngForTrackBy]="dt.rowTrackBy">
-                <ng-container *ngIf="!dt.groupHeaderTemplate">
-                    <ng-container
-                        *ngTemplateOutlet="template; context: { $implicit: rowData, rowIndex: getRowIndex(rowIndex), columns: columns, expanded: dt.isRowExpanded(rowData), editing: dt.editMode === 'row' && dt.isRowEditing(rowData), frozen: frozen }"
-                    ></ng-container>
-                </ng-container>
-                <ng-container *ngIf="dt.groupHeaderTemplate && dt.rowGroupMode === 'subheader' && shouldRenderRowGroupHeader(value, rowData, getRowIndex(rowIndex))" role="row">
-                    <ng-container
-                        *ngTemplateOutlet="
-                            dt.groupHeaderTemplate;
-                            context: { $implicit: rowData, rowIndex: getRowIndex(rowIndex), columns: columns, expanded: dt.isRowExpanded(rowData), editing: dt.editMode === 'row' && dt.isRowEditing(rowData), frozen: frozen }
-                        "
-                    ></ng-container>
-                </ng-container>
-                <ng-container *ngIf="dt.isRowExpanded(rowData)">
-                    <ng-container *ngTemplateOutlet="dt.expandedRowTemplate; context: { $implicit: rowData, rowIndex: getRowIndex(rowIndex), columns: columns, frozen: frozen }"></ng-container>
-                    <ng-container *ngIf="dt.groupFooterTemplate && dt.rowGroupMode === 'subheader' && shouldRenderRowGroupFooter(value, rowData, getRowIndex(rowIndex))" role="row">
-                        <ng-container
-                            *ngTemplateOutlet="
-                                dt.groupFooterTemplate;
-                                context: { $implicit: rowData, rowIndex: getRowIndex(rowIndex), columns: columns, expanded: dt.isRowExpanded(rowData), editing: dt.editMode === 'row' && dt.isRowEditing(rowData), frozen: frozen }
-                            "
-                        ></ng-container>
-                    </ng-container>
-                </ng-container>
-            </ng-template>
-        </ng-container>
-        <ng-container *ngIf="dt.frozenExpandedRowTemplate && frozen">
-            <ng-template ngFor let-rowData let-rowIndex="index" [ngForOf]="value" [ngForTrackBy]="dt.rowTrackBy">
-                <ng-container
-                    *ngTemplateOutlet="template; context: { $implicit: rowData, rowIndex: getRowIndex(rowIndex), columns: columns, expanded: dt.isRowExpanded(rowData), editing: dt.editMode === 'row' && dt.isRowEditing(rowData), frozen: frozen }"
-                ></ng-container>
-                <ng-container *ngIf="dt.isRowExpanded(rowData)">
-                    <ng-container *ngTemplateOutlet="dt.frozenExpandedRowTemplate; context: { $implicit: rowData, rowIndex: getRowIndex(rowIndex), columns: columns, frozen: frozen }"></ng-container>
-                </ng-container>
-            </ng-template>
-        </ng-container>
-        <ng-container *ngIf="dt.loading">
-            <ng-container *ngTemplateOutlet="dt.loadingBodyTemplate; context: { $implicit: columns, frozen: frozen }"></ng-container>
-        </ng-container>
-        <ng-container *ngIf="dt.isEmpty() && !dt.loading">
-            <ng-container *ngTemplateOutlet="dt.emptyMessageTemplate; context: { $implicit: columns, frozen: frozen }"></ng-container>
-        </ng-container>
-    `,
-    changeDetection: ChangeDetectionStrategy.Default,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class TableBody implements AfterViewInit, OnDestroy {
-    @Input('pTableBody') columns: any[] | undefined;
-
-    @Input('pTableBodyTemplate') template: Nullable<TemplateRef<any>>;
-
-    @Input() get value(): any[] | undefined {
-        return this._value;
-    }
-    set value(val: any[] | undefined) {
-        this._value = val;
-        if (this.frozenRows) {
-            this.updateFrozenRowStickyPosition();
-        }
-
-        if (this.dt.scrollable && this.dt.rowGroupMode === 'subheader') {
-            this.updateFrozenRowGroupHeaderStickyPosition();
-        }
-    }
-
-    @Input({ transform: booleanAttribute }) frozen: boolean | undefined;
-
-    @Input({ transform: booleanAttribute }) frozenRows: boolean | undefined;
-
-    @Input() scrollerOptions: any;
-
-    subscription: Subscription;
-
-    _value: any[] | undefined;
-
-    ngAfterViewInit() {
-        if (this.frozenRows) {
-            this.updateFrozenRowStickyPosition();
-        }
-
-        if (this.dt.scrollable && this.dt.rowGroupMode === 'subheader') {
-            this.updateFrozenRowGroupHeaderStickyPosition();
-        }
-    }
-
-    constructor(
-        public dt: Table,
-        public tableService: TableService,
-        public cd: ChangeDetectorRef,
-        public el: ElementRef
-    ) {
-        this.subscription = this.dt.tableService.valueSource$.subscribe(() => {
-            if (this.dt.virtualScroll) {
-                this.cd.detectChanges();
-            }
-        });
-    }
-
-    shouldRenderRowGroupHeader(value: any, rowData: any, i: number) {
-        let currentRowFieldData = ObjectUtils.resolveFieldData(rowData, this.dt.groupRowsBy);
-        let prevRowData = value[i - (1 + this.dt._first)];
-        if (prevRowData) {
-            let previousRowFieldData = ObjectUtils.resolveFieldData(prevRowData, this.dt.groupRowsBy);
-            return currentRowFieldData !== previousRowFieldData;
-        } else {
-            return true;
-        }
-    }
-
-    shouldRenderRowGroupFooter(value: any, rowData: any, i: number) {
-        let currentRowFieldData = ObjectUtils.resolveFieldData(rowData, this.dt.groupRowsBy);
-        let nextRowData = value[i + (1 + this.dt._first)];
-        if (nextRowData) {
-            let nextRowFieldData = ObjectUtils.resolveFieldData(nextRowData, this.dt.groupRowsBy);
-            return currentRowFieldData !== nextRowFieldData;
-        } else {
-            return true;
-        }
-    }
-
-    shouldRenderRowspan(value: any, rowData: any, i: number) {
-        let currentRowFieldData = ObjectUtils.resolveFieldData(rowData, this.dt.groupRowsBy);
-        let prevRowData = value[i - 1];
-        if (prevRowData) {
-            let previousRowFieldData = ObjectUtils.resolveFieldData(prevRowData, this.dt.groupRowsBy);
-            return currentRowFieldData !== previousRowFieldData;
-        } else {
-            return true;
-        }
-    }
-
-    calculateRowGroupSize(value: any, rowData: any, index: number) {
-        let currentRowFieldData = ObjectUtils.resolveFieldData(rowData, this.dt.groupRowsBy);
-        let nextRowFieldData = currentRowFieldData;
-        let groupRowSpan = 0;
-
-        while (currentRowFieldData === nextRowFieldData) {
-            groupRowSpan++;
-            let nextRowData = value[++index];
-            if (nextRowData) {
-                nextRowFieldData = ObjectUtils.resolveFieldData(nextRowData, this.dt.groupRowsBy);
-            } else {
-                break;
-            }
-        }
-
-        return groupRowSpan === 1 ? null : groupRowSpan;
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-
-    updateFrozenRowStickyPosition() {
-        this.el.nativeElement.style.top = DomHandler.getOuterHeight(this.el.nativeElement.previousElementSibling) + 'px';
-    }
-
-    updateFrozenRowGroupHeaderStickyPosition() {
-        if (this.el.nativeElement.previousElementSibling) {
-            let tableHeaderHeight = DomHandler.getOuterHeight(this.el.nativeElement.previousElementSibling);
-            this.dt.rowGroupHeaderStyleObject.top = tableHeaderHeight + 'px';
-        }
-    }
-
-    getScrollerOption(option: any, options?: any) {
-        if (this.dt.virtualScroll) {
-            options = options || this.scrollerOptions;
-            return options ? options[option] : null;
-        }
-
-        return null;
-    }
-
-    getRowIndex(rowIndex: number) {
-        const index = this.dt.paginator ? <number>this.dt.first + rowIndex : rowIndex;
-        const getItemOptions = this.getScrollerOption('getItemOptions');
-        return getItemOptions ? getItemOptions(index).index : index;
-    }
-}
-
-@Directive({
-    selector: '[pRowGroupHeader]',
-    host: {
-        class: 'p-rowgroup-header p-element',
-        '[style.top]': 'getFrozenRowGroupHeaderStickyPosition'
-    }
-})
-export class RowGroupHeader {
-    constructor(public dt: Table) {}
-
-    get getFrozenRowGroupHeaderStickyPosition() {
-        return this.dt.rowGroupHeaderStyleObject ? this.dt.rowGroupHeaderStyleObject.top : '';
-    }
-}
-
-@Directive({
-    selector: '[pFrozenColumn]',
-    host: {
-        class: 'p-element',
-        '[class.p-frozen-column]': 'frozen'
-    }
-})
-export class FrozenColumn implements AfterViewChecked {
-    @Input() get frozen(): boolean {
-        return this._frozen;
-    }
-
-    set frozen(val: boolean) {
-        this._frozen = val;
-        this.updateStickyPosition();
-    }
-
-    @Input() alignFrozen: string = 'left';
-
-    constructor(
-        private el: ElementRef,
-        private zone: NgZone
-    ) {}
-
-    ngAfterViewChecked() {
-        this.zone.runOutsideAngular(() => {
-            this.recalculateColumns();
-        });
-    }
-
-    @HostListener('window:resize', ['$event'])
-    recalculateColumns() {
-        this.updateStickyPosition();
-    }
-
-    _frozen: boolean = true;
-
-    updateStickyPosition() {
-        if (this._frozen) {
-            if (this.alignFrozen === 'right') {
-                let right = 0;
-                let next = this.el.nativeElement.nextElementSibling;
-                if (next) {
-                    right = DomHandler.getOuterWidth(next) + (parseFloat(next.style.right) || 0);
-                }
-                this.el.nativeElement.style.right = right + 'px';
-            } else {
-                let left = 0;
-                let prev = this.el.nativeElement.previousElementSibling;
-                if (prev) {
-                    left = DomHandler.getOuterWidth(prev) + (parseFloat(prev.style.left) || 0);
-                }
-                this.el.nativeElement.style.left = left + 'px';
-            }
-
-            const filterRow = this.el.nativeElement?.parentElement?.nextElementSibling;
-
-            if (filterRow) {
-                let index = DomHandler.index(this.el.nativeElement);
-                if (filterRow.children && filterRow.children[index]) {
-                    filterRow.children[index].style.left = this.el.nativeElement.style.left;
-                    filterRow.children[index].style.right = this.el.nativeElement.style.right;
-                }
-            }
-        }
-    }
-}
-@Directive({
-    selector: '[pSortableColumn]',
-    host: {
-        class: 'p-element',
-        '[class.p-sortable-column]': 'isEnabled()',
-        '[class.p-highlight]': 'sorted',
-        '[attr.tabindex]': 'isEnabled() ? "0" : null',
-        '[attr.role]': '"columnheader"',
-        '[attr.aria-sort]': 'sortOrder'
-    }
-})
-export class SortableColumn implements OnInit, OnDestroy {
-    @Input('pSortableColumn') field: string | undefined;
-
-    @Input({ transform: booleanAttribute }) pSortableColumnDisabled: boolean | undefined;
-
-    sorted: boolean | undefined;
-
-    sortOrder: string | undefined;
-
-    subscription: Subscription | undefined;
-
-    constructor(public dt: Table) {
-        if (this.isEnabled()) {
-            this.subscription = this.dt.tableService.sortSource$.subscribe((sortMeta) => {
-                this.updateSortState();
-            });
-        }
-    }
-
-    ngOnInit() {
-        if (this.isEnabled()) {
-            this.updateSortState();
-        }
-    }
-
-    updateSortState() {
-        this.sorted = this.dt.isSorted(<string>this.field) as boolean;
-        this.sortOrder = this.sorted ? (this.dt.sortOrder === 1 ? 'ascending' : 'descending') : 'none';
-    }
-
-    @HostListener('click', ['$event'])
-    onClick(event: MouseEvent) {
-        if (this.isEnabled() && !this.isFilterElement(<HTMLElement>event.target)) {
-            this.updateSortState();
-            this.dt.sort({
-                originalEvent: event,
-                field: this.field
-            });
-
-            DomHandler.clearSelection();
-        }
-    }
-
-    @HostListener('keydown.space', ['$event'])
-    @HostListener('keydown.enter', ['$event'])
-    onEnterKey(event: MouseEvent) {
-        this.onClick(event);
-
-        event.preventDefault();
-    }
-
-    isEnabled() {
-        return this.pSortableColumnDisabled !== true;
-    }
-
-    isFilterElement(element: HTMLElement) {
-        return this.isFilterElementIconOrButton(element) || this.isFilterElementIconOrButton(element?.parentElement?.parentElement);
-    }
-    private isFilterElementIconOrButton(element: HTMLElement) {
-        return DomHandler.hasClass(element, 'pi-filter-icon') || DomHandler.hasClass(element, 'p-column-filter-menu-button');
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-@Component({
-    selector: 'p-sortIcon',
-    template: `
-        <ng-container *ngIf="!dt.sortIconTemplate">
-            <SortAltIcon [styleClass]="'p-sortable-column-icon'" *ngIf="sortOrder === 0" />
-            <SortAmountUpAltIcon [styleClass]="'p-sortable-column-icon'" *ngIf="sortOrder === 1" />
-            <SortAmountDownIcon [styleClass]="'p-sortable-column-icon'" *ngIf="sortOrder === -1" />
-        </ng-container>
-        <span *ngIf="dt.sortIconTemplate" class="p-sortable-column-icon">
-            <ng-template *ngTemplateOutlet="dt.sortIconTemplate; context: { $implicit: sortOrder }"></ng-template>
-        </span>
-        <span *ngIf="isMultiSorted()" class="p-sortable-column-badge">{{ getBadgeValue() }}</span>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class SortIcon implements OnInit, OnDestroy {
-    @Input() field: string | undefined;
-
-    subscription: Subscription | undefined;
-
-    sortOrder: number | undefined;
-
-    constructor(
-        public dt: Table,
-        public cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.dt.tableService.sortSource$.subscribe((sortMeta) => {
-            this.updateSortState();
-        });
-    }
-
-    ngOnInit() {
-        this.updateSortState();
-    }
-
-    onClick(event: Event) {
-        event.preventDefault();
-    }
-
-    updateSortState() {
-        if (this.dt.sortMode === 'single') {
-            this.sortOrder = this.dt.isSorted(<string>this.field) ? this.dt.sortOrder : 0;
-        } else if (this.dt.sortMode === 'multiple') {
-            let sortMeta = this.dt.getSortMeta(<string>this.field);
-            this.sortOrder = sortMeta ? sortMeta.order : 0;
-        }
-
-        this.cd.markForCheck();
-    }
-
-    getMultiSortMetaIndex() {
-        let multiSortMeta = this.dt._multiSortMeta;
-        let index = -1;
-
-        if (multiSortMeta && this.dt.sortMode === 'multiple' && this.dt.showInitialSortBadge && multiSortMeta.length > 1) {
-            for (let i = 0; i < multiSortMeta.length; i++) {
-                let meta = multiSortMeta[i];
-                if (meta.field === this.field || meta.field === this.field) {
-                    index = i;
-                    break;
-                }
-            }
-        }
-
-        return index;
-    }
-
-    getBadgeValue() {
-        let index = this.getMultiSortMetaIndex();
-
-        return this.dt.groupRowsBy && index > -1 ? index : index + 1;
-    }
-
-    isMultiSorted() {
-        return this.dt.sortMode === 'multiple' && this.getMultiSortMetaIndex() > -1;
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-@Directive({
-    selector: '[pSelectableRow]',
-    host: {
-        class: 'p-element',
-        '[class.p-selectable-row]': 'isEnabled()',
-        '[class.p-highlight]': 'selected',
-        '[attr.tabindex]': 'setRowTabIndex()',
-        '[attr.data-p-highlight]': 'selected',
-        '[attr.data-p-selectable-row]': 'true'
-    }
-})
-export class SelectableRow implements OnInit, OnDestroy {
-    @Input('pSelectableRow') data: any;
-
-    @Input('pSelectableRowIndex') index: number | undefined;
-
-    @Input({ transform: booleanAttribute }) pSelectableRowDisabled: boolean | undefined;
-
-    selected: boolean | undefined;
-
-    subscription: Subscription | undefined;
-
-    constructor(
-        public dt: Table,
-        public tableService: TableService,
-        private el: ElementRef
-    ) {
-        if (this.isEnabled()) {
-            this.subscription = this.dt.tableService.selectionSource$.subscribe(() => {
-                this.selected = this.dt.isSelected(this.data);
-            });
-        }
-    }
-
-    setRowTabIndex() {
-        if (this.dt.selectionMode === 'single' || this.dt.selectionMode === 'multiple') {
-            return !this.dt.selection ? 0 : this.dt.anchorRowIndex === this.index ? 0 : -1;
-        }
-    }
-
-    ngOnInit() {
-        if (this.isEnabled()) {
-            this.selected = this.dt.isSelected(this.data);
-        }
-    }
-
-    @HostListener('click', ['$event'])
-    onClick(event: Event) {
-        if (this.isEnabled()) {
-            this.dt.handleRowClick({
-                originalEvent: event,
-                rowData: this.data,
-                rowIndex: this.index
-            });
-        }
-    }
-
-    @HostListener('touchend', ['$event'])
-    onTouchEnd(event: Event) {
-        if (this.isEnabled()) {
-            this.dt.handleRowTouchEnd(event);
-        }
-    }
-
-    @HostListener('keydown', ['$event'])
-    onKeyDown(event: KeyboardEvent) {
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUpKey(event);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event);
-                break;
-
-            case 'End':
-                this.onEndKey(event);
-                break;
-
-            case 'Space':
-                this.onSpaceKey(event);
-                break;
-
-            case 'Enter':
-                this.onEnterKey(event);
-                break;
-
-            default:
-                if (event.code === 'KeyA' && (event.metaKey || event.ctrlKey) && this.dt.selectionMode === 'multiple') {
-                    const data = this.dt.dataToRender(this.dt.processedData);
-                    this.dt.selection = [...data];
-                    this.dt.selectRange(event, data.length - 1, true);
-
-                    event.preventDefault();
-                }
-                break;
-        }
-    }
-
-    onArrowDownKey(event: KeyboardEvent) {
-        if (!this.isEnabled()) {
-            return;
-        }
-
-        const row = <HTMLTableRowElement>event.currentTarget;
-        const nextRow = this.findNextSelectableRow(row);
-
-        if (nextRow) {
-            nextRow.focus();
-        }
-
-        event.preventDefault();
-    }
-
-    onArrowUpKey(event: KeyboardEvent) {
-        if (!this.isEnabled()) {
-            return;
-        }
-
-        const row = <HTMLTableRowElement>event.currentTarget;
-        const prevRow = this.findPrevSelectableRow(row);
-
-        if (prevRow) {
-            prevRow.focus();
-        }
-
-        event.preventDefault();
-    }
-
-    onEnterKey(event: KeyboardEvent) {
-        if (!this.isEnabled()) {
-            return;
-        }
-
-        this.dt.handleRowClick({
-            originalEvent: event,
-            rowData: this.data,
-            rowIndex: this.index
-        });
-    }
-
-    onEndKey(event: KeyboardEvent) {
-        const lastRow = this.findLastSelectableRow();
-        lastRow && this.focusRowChange(this.el.nativeElement, lastRow);
-
-        if (event.ctrlKey && event.shiftKey) {
-            const data = this.dt.dataToRender(this.dt.rows);
-            const lastSelectableRowIndex = DomHandler.getAttribute(lastRow, 'index');
-
-            this.dt.anchorRowIndex = lastSelectableRowIndex;
-            this.dt.selection = data.slice(this.index, data.length);
-            this.dt.selectRange(event, this.index);
-        }
-        event.preventDefault();
-    }
-
-    onHomeKey(event: KeyboardEvent) {
-        const firstRow = this.findFirstSelectableRow();
-
-        firstRow && this.focusRowChange(this.el.nativeElement, firstRow);
-
-        if (event.ctrlKey && event.shiftKey) {
-            const data = this.dt.dataToRender(this.dt.rows);
-            const firstSelectableRowIndex = DomHandler.getAttribute(firstRow, 'index');
-
-            this.dt.anchorRowIndex = this.dt.anchorRowIndex || firstSelectableRowIndex;
-            this.dt.selection = data.slice(0, this.index + 1);
-            this.dt.selectRange(event, this.index);
-        }
-        event.preventDefault();
-    }
-
-    onSpaceKey(event) {
-        const isInput = event.target instanceof HTMLInputElement || event.target instanceof HTMLSelectElement || event.target instanceof HTMLTextAreaElement;
-        if (isInput) {
-            return;
-        } else {
-            this.onEnterKey(event);
-
-            if (event.shiftKey && this.dt.selection !== null) {
-                const data = this.dt.dataToRender(this.dt.rows);
-                let index;
-
-                if (ObjectUtils.isNotEmpty(this.dt.selection) && this.dt.selection.length > 0) {
-                    let firstSelectedRowIndex, lastSelectedRowIndex;
-                    firstSelectedRowIndex = ObjectUtils.findIndexInList(this.dt.selection[0], data);
-                    lastSelectedRowIndex = ObjectUtils.findIndexInList(this.dt.selection[this.dt.selection.length - 1], data);
-
-                    index = this.index <= firstSelectedRowIndex ? lastSelectedRowIndex : firstSelectedRowIndex;
-                } else {
-                    index = ObjectUtils.findIndexInList(this.dt.selection, data);
-                }
-
-                this.dt.anchorRowIndex = index;
-                this.dt.selection = index !== this.index ? data.slice(Math.min(index, this.index), Math.max(index, this.index) + 1) : [this.data];
-                this.dt.selectRange(event, this.index);
-            }
-
-            event.preventDefault();
-        }
-    }
-
-    focusRowChange(firstFocusableRow, currentFocusedRow) {
-        firstFocusableRow.tabIndex = '-1';
-        currentFocusedRow.tabIndex = '0';
-        DomHandler.focus(currentFocusedRow);
-    }
-
-    findLastSelectableRow() {
-        const rows = DomHandler.find(this.dt.el.nativeElement, '.p-selectable-row');
-
-        return rows ? rows[rows.length - 1] : null;
-    }
-
-    findFirstSelectableRow() {
-        const firstRow = DomHandler.findSingle(this.dt.el.nativeElement, '.p-selectable-row');
-
-        return firstRow;
-    }
-
-    findNextSelectableRow(row: HTMLTableRowElement): HTMLTableRowElement | null {
-        let nextRow = <HTMLTableRowElement>row.nextElementSibling;
-        if (nextRow) {
-            if (DomHandler.hasClass(nextRow, 'p-selectable-row')) return nextRow;
-            else return this.findNextSelectableRow(nextRow);
-        } else {
-            return null;
-        }
-    }
-
-    findPrevSelectableRow(row: HTMLTableRowElement): HTMLTableRowElement | null {
-        let prevRow = <HTMLTableRowElement>row.previousElementSibling;
-        if (prevRow) {
-            if (DomHandler.hasClass(prevRow, 'p-selectable-row')) return prevRow;
-            else return this.findPrevSelectableRow(prevRow);
-        } else {
-            return null;
-        }
-    }
-
-    isEnabled() {
-        return this.pSelectableRowDisabled !== true;
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-@Directive({
-    selector: '[pSelectableRowDblClick]',
-    host: {
-        class: 'p-element',
-        '[class.p-selectable-row]': 'isEnabled()',
-        '[class.p-highlight]': 'selected'
-    }
-})
-export class SelectableRowDblClick implements OnInit, OnDestroy {
-    @Input('pSelectableRowDblClick') data: any;
-
-    @Input('pSelectableRowIndex') index: number | undefined;
-
-    @Input({ transform: booleanAttribute }) pSelectableRowDisabled: boolean | undefined;
-
-    selected: boolean | undefined;
-
-    subscription: Subscription | undefined;
-
-    constructor(
-        public dt: Table,
-        public tableService: TableService
-    ) {
-        if (this.isEnabled()) {
-            this.subscription = this.dt.tableService.selectionSource$.subscribe(() => {
-                this.selected = this.dt.isSelected(this.data);
-            });
-        }
-    }
-
-    ngOnInit() {
-        if (this.isEnabled()) {
-            this.selected = this.dt.isSelected(this.data);
-        }
-    }
-
-    @HostListener('dblclick', ['$event'])
-    onClick(event: Event) {
-        if (this.isEnabled()) {
-            this.dt.handleRowClick({
-                originalEvent: event,
-                rowData: this.data,
-                rowIndex: this.index
-            });
-        }
-    }
-
-    isEnabled() {
-        return this.pSelectableRowDisabled !== true;
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-@Directive({
-    selector: '[pContextMenuRow]',
-    host: {
-        class: 'p-element',
-        '[class.p-highlight-contextmenu]': 'selected',
-        '[attr.tabindex]': 'isEnabled() ? 0 : undefined'
-    }
-})
-export class ContextMenuRow {
-    @Input('pContextMenuRow') data: any;
-
-    @Input('pContextMenuRowIndex') index: number | undefined;
-
-    @Input({ transform: booleanAttribute }) pContextMenuRowDisabled: boolean | undefined;
-
-    selected: boolean | undefined;
-
-    subscription: Subscription | undefined;
-
-    constructor(
-        public dt: Table,
-        public tableService: TableService,
-        private el: ElementRef
-    ) {
-        if (this.isEnabled()) {
-            this.subscription = this.dt.tableService.contextMenuSource$.subscribe((data) => {
-                this.selected = this.dt.equals(this.data, data);
-            });
-        }
-    }
-
-    @HostListener('contextmenu', ['$event'])
-    onContextMenu(event: Event) {
-        if (this.isEnabled()) {
-            this.dt.handleRowRightClick({
-                originalEvent: event,
-                rowData: this.data,
-                rowIndex: this.index
-            });
-
-            this.el.nativeElement.focus();
-            event.preventDefault();
-        }
-    }
-
-    isEnabled() {
-        return this.pContextMenuRowDisabled !== true;
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-@Directive({
-    selector: '[pRowToggler]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class RowToggler {
-    @Input('pRowToggler') data: any;
-
-    @Input({ transform: booleanAttribute }) pRowTogglerDisabled: boolean | undefined;
-
-    constructor(public dt: Table) {}
-
-    @HostListener('click', ['$event'])
-    onClick(event: Event) {
-        if (this.isEnabled()) {
-            this.dt.toggleRow(this.data, event);
-            event.preventDefault();
-        }
-    }
-
-    isEnabled() {
-        return this.pRowTogglerDisabled !== true;
-    }
-}
-
-@Directive({
-    selector: '[pResizableColumn]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class ResizableColumn implements AfterViewInit, OnDestroy {
-    @Input({ transform: booleanAttribute }) pResizableColumnDisabled: boolean | undefined;
-
-    resizer: HTMLSpanElement | undefined;
-
-    resizerMouseDownListener: VoidListener;
-
-    resizerTouchStartListener: VoidListener;
-
-    resizerTouchMoveListener: VoidListener;
-
-    resizerTouchEndListener: VoidListener;
-
-    documentMouseMoveListener: VoidListener;
-
-    documentMouseUpListener: VoidListener;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private renderer: Renderer2,
-        public dt: Table,
-        public el: ElementRef,
-        public zone: NgZone
-    ) {}
-
-    ngAfterViewInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (this.isEnabled()) {
-                DomHandler.addClass(this.el.nativeElement, 'p-resizable-column');
-                this.resizer = this.renderer.createElement('span');
-                this.renderer.addClass(this.resizer, 'p-column-resizer');
-                this.renderer.appendChild(this.el.nativeElement, this.resizer);
-
-                this.zone.runOutsideAngular(() => {
-                    this.resizerMouseDownListener = this.renderer.listen(this.resizer, 'mousedown', this.onMouseDown.bind(this));
-                    this.resizerTouchStartListener = this.renderer.listen(this.resizer, 'touchstart', this.onTouchStart.bind(this));
-                });
-            }
-        }
-    }
-
-    bindDocumentEvents() {
-        this.zone.runOutsideAngular(() => {
-            this.documentMouseMoveListener = this.renderer.listen(this.document, 'mousemove', this.onDocumentMouseMove.bind(this));
-            this.documentMouseUpListener = this.renderer.listen(this.document, 'mouseup', this.onDocumentMouseUp.bind(this));
-            this.resizerTouchMoveListener = this.renderer.listen(this.resizer, 'touchmove', this.onTouchMove.bind(this));
-            this.resizerTouchEndListener = this.renderer.listen(this.resizer, 'touchend', this.onTouchEnd.bind(this));
-        });
-    }
-
-    unbindDocumentEvents() {
-        if (this.documentMouseMoveListener) {
-            this.documentMouseMoveListener();
-            this.documentMouseMoveListener = null;
-        }
-
-        if (this.documentMouseUpListener) {
-            this.documentMouseUpListener();
-            this.documentMouseUpListener = null;
-        }
-        if (this.resizerTouchMoveListener) {
-            this.resizerTouchMoveListener();
-            this.resizerTouchMoveListener = null;
-        }
-
-        if (this.resizerTouchEndListener) {
-            this.resizerTouchEndListener();
-            this.resizerTouchEndListener = null;
-        }
-    }
-
-    onMouseDown(event: MouseEvent) {
-        this.dt.onColumnResizeBegin(event);
-        this.bindDocumentEvents();
-    }
-
-    onTouchStart(event: TouchEvent) {
-        this.dt.onColumnResizeBegin(event);
-        this.bindDocumentEvents();
-    }
-
-    onTouchMove(event: TouchEvent) {
-        this.dt.onColumnResize(event);
-    }
-    onDocumentMouseMove(event: MouseEvent) {
-        this.dt.onColumnResize(event);
-    }
-
-    onDocumentMouseUp(event: MouseEvent) {
-        this.dt.onColumnResizeEnd();
-        this.unbindDocumentEvents();
-    }
-
-    onTouchEnd(event: TouchEvent) {
-        this.dt.onColumnResizeEnd();
-        this.unbindDocumentEvents();
-    }
-
-    isEnabled() {
-        return this.pResizableColumnDisabled !== true;
-    }
-
-    ngOnDestroy() {
-        if (this.resizerMouseDownListener) {
-            this.resizerMouseDownListener();
-            this.resizerMouseDownListener = null;
-        }
-
-        this.unbindDocumentEvents();
-    }
-}
-
-@Directive({
-    selector: '[pReorderableColumn]',
-    host: {
-        class: 'p-element',
-        '[style.cursor]': 'isEnabled() ? "move" : "default"'
-    }
-})
-export class ReorderableColumn implements AfterViewInit, OnDestroy {
-    @Input({ transform: booleanAttribute }) pReorderableColumnDisabled: boolean | undefined;
-
-    dragStartListener: VoidListener;
-
-    dragOverListener: VoidListener;
-
-    dragEnterListener: VoidListener;
-
-    dragLeaveListener: VoidListener;
-
-    mouseDownListener: VoidListener;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private renderer: Renderer2,
-        public dt: Table,
-        public el: ElementRef,
-        public zone: NgZone
-    ) {}
-
-    ngAfterViewInit() {
-        if (this.isEnabled()) {
-            this.bindEvents();
-        }
-    }
-
-    bindEvents() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.zone.runOutsideAngular(() => {
-                this.mouseDownListener = this.renderer.listen(this.el.nativeElement, 'mousedown', this.onMouseDown.bind(this));
-
-                this.dragStartListener = this.renderer.listen(this.el.nativeElement, 'dragstart', this.onDragStart.bind(this));
-
-                this.dragOverListener = this.renderer.listen(this.el.nativeElement, 'dragover', this.onDragOver.bind(this));
-
-                this.dragEnterListener = this.renderer.listen(this.el.nativeElement, 'dragenter', this.onDragEnter.bind(this));
-
-                this.dragLeaveListener = this.renderer.listen(this.el.nativeElement, 'dragleave', this.onDragLeave.bind(this));
-            });
-        }
-    }
-
-    unbindEvents() {
-        if (this.mouseDownListener) {
-            this.mouseDownListener();
-            this.mouseDownListener = null;
-        }
-
-        if (this.dragStartListener) {
-            this.dragStartListener();
-            this.dragStartListener = null;
-        }
-
-        if (this.dragOverListener) {
-            this.dragOverListener();
-            this.dragOverListener = null;
-        }
-
-        if (this.dragEnterListener) {
-            this.dragEnterListener();
-            this.dragEnterListener = null;
-        }
-
-        if (this.dragLeaveListener) {
-            this.dragLeaveListener();
-            this.dragLeaveListener = null;
-        }
-    }
-
-    onMouseDown(event: any) {
-        if (event.target.nodeName === 'INPUT' || event.target.nodeName === 'TEXTAREA' || DomHandler.hasClass(event.target, 'p-column-resizer')) this.el.nativeElement.draggable = false;
-        else this.el.nativeElement.draggable = true;
-    }
-
-    onDragStart(event: any) {
-        this.dt.onColumnDragStart(event, this.el.nativeElement);
-    }
-
-    onDragOver(event: any) {
-        event.preventDefault();
-    }
-
-    onDragEnter(event: any) {
-        this.dt.onColumnDragEnter(event, this.el.nativeElement);
-    }
-
-    onDragLeave(event: any) {
-        this.dt.onColumnDragLeave(event);
-    }
-
-    @HostListener('drop', ['$event'])
-    onDrop(event: any) {
-        if (this.isEnabled()) {
-            this.dt.onColumnDrop(event, this.el.nativeElement);
-        }
-    }
-
-    isEnabled() {
-        return this.pReorderableColumnDisabled !== true;
-    }
-
-    ngOnDestroy() {
-        this.unbindEvents();
-    }
-}
-
-@Directive({
-    selector: '[pEditableColumn]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class EditableColumn implements OnChanges, AfterViewInit, OnDestroy {
-    @Input('pEditableColumn') data: any;
-
-    @Input('pEditableColumnField') field: any;
-
-    @Input('pEditableColumnRowIndex') rowIndex: number | undefined;
-
-    @Input({ transform: booleanAttribute }) pEditableColumnDisabled: boolean | undefined;
-
-    @Input() pFocusCellSelector: string | undefined;
-
-    overlayEventListener: any;
-
-    constructor(
-        public dt: Table,
-        public el: ElementRef,
-        public zone: NgZone
-    ) {}
-
-    public ngOnChanges(changes: SimpleChanges): void {
-        if (changes.pEditableColumnDisabled?.currentValue === true && DomHandler.hasClass(this.el.nativeElement, 'p-cell-editing')) {
-            this.closeEditingCell(false, new Event('cancel'));
-        } else if (changes.data?.firstChange === false && this.el.nativeElement) {
-            this.dt.updateEditingCell(this.el.nativeElement, this.data, this.field, <number>this.rowIndex);
-        }
-    }
-
-    ngAfterViewInit() {
-        if (this.isEnabled()) {
-            DomHandler.addClass(this.el.nativeElement, 'p-editable-column');
-        }
-    }
-
-    @HostListener('click', ['$event'])
-    onClick(event: MouseEvent) {
-        if (this.isEnabled()) {
-            this.dt.selfClick = true;
-
-            if (this.dt.editingCell) {
-                if (this.dt.editingCell !== this.el.nativeElement) {
-                    if (!this.dt.isEditingCellValid()) {
-                        return;
-                    }
-
-                    this.closeEditingCell(true, event);
-                    this.openCell();
-                }
-            } else {
-                this.openCell();
-            }
-        }
-    }
-
-    openCell() {
-        this.dt.updateEditingCell(this.el.nativeElement, this.data, this.field, <number>this.rowIndex);
-        DomHandler.addClass(this.el.nativeElement, 'p-cell-editing');
-        this.dt.onEditInit.emit({ field: this.field, data: this.data, index: <number>this.rowIndex });
-        this.zone.runOutsideAngular(() => {
-            setTimeout(() => {
-                let focusCellSelector = this.pFocusCellSelector || 'input, textarea, select';
-                let focusableElement = DomHandler.findSingle(this.el.nativeElement, focusCellSelector);
-
-                if (focusableElement) {
-                    focusableElement.focus();
-                }
-            }, 50);
-        });
-
-        this.overlayEventListener = (e: any) => {
-            if (this.el && this.el.nativeElement.contains(e.target)) {
-                this.dt.selfClick = true;
-            }
-        };
-
-        this.dt.overlaySubscription = this.dt.overlayService.clickObservable.subscribe(this.overlayEventListener);
-    }
-
-    closeEditingCell(completed: any, event: Event) {
-        const eventData = { field: <string>this.dt.editingCellField, data: <any>this.dt.editingCellData, originalEvent: <Event>event, index: <number>this.dt.editingCellRowIndex };
-
-        if (completed) {
-            this.dt.onEditComplete.emit(eventData);
-        } else {
-            this.dt.onEditCancel.emit(eventData);
-
-            this.dt.value.forEach((element) => {
-                if (element[this.dt.editingCellField] === this.data) {
-                    element[this.dt.editingCellField] = this.dt.editingCellData;
-                }
-            });
-        }
-
-        DomHandler.removeClass(this.dt.editingCell, 'p-cell-editing');
-        this.dt.editingCell = null;
-        this.dt.editingCellData = null;
-        this.dt.editingCellField = null;
-        this.dt.unbindDocumentEditListener();
-
-        if (this.dt.overlaySubscription) {
-            this.dt.overlaySubscription.unsubscribe();
-        }
-    }
-
-    @HostListener('keydown.enter', ['$event'])
-    onEnterKeyDown(event: KeyboardEvent) {
-        if (this.isEnabled() && !event.shiftKey) {
-            if (this.dt.isEditingCellValid()) {
-                this.closeEditingCell(true, event);
-            }
-
-            event.preventDefault();
-        }
-    }
-
-    @HostListener('keydown.tab', ['$event'])
-    onTabKeyDown(event: KeyboardEvent) {
-        if (this.isEnabled()) {
-            if (this.dt.isEditingCellValid()) {
-                this.closeEditingCell(true, event);
-            }
-
-            event.preventDefault();
-        }
-    }
-
-    @HostListener('keydown.escape', ['$event'])
-    onEscapeKeyDown(event: KeyboardEvent) {
-        if (this.isEnabled()) {
-            if (this.dt.isEditingCellValid()) {
-                this.closeEditingCell(false, event);
-            }
-
-            event.preventDefault();
-        }
-    }
-
-    @HostListener('keydown.tab', ['$event'])
-    @HostListener('keydown.shift.tab', ['$event'])
-    @HostListener('keydown.meta.tab', ['$event'])
-    onShiftKeyDown(event: KeyboardEvent) {
-        if (this.isEnabled()) {
-            if (event.shiftKey) this.moveToPreviousCell(event);
-            else {
-                this.moveToNextCell(event);
-            }
-        }
-    }
-    @HostListener('keydown.arrowdown', ['$event'])
-    onArrowDown(event: KeyboardEvent) {
-        if (this.isEnabled()) {
-            let currentCell = this.findCell(event.target);
-            if (currentCell) {
-                let cellIndex = DomHandler.index(currentCell);
-                let targetCell = this.findNextEditableColumnByIndex(currentCell, cellIndex);
-
-                if (targetCell) {
-                    if (this.dt.isEditingCellValid()) {
-                        this.closeEditingCell(true, event);
-                    }
-
-                    DomHandler.invokeElementMethod(event.target, 'blur');
-                    DomHandler.invokeElementMethod(targetCell, 'click');
-                }
-
-                event.preventDefault();
-            }
-        }
-    }
-
-    @HostListener('keydown.arrowup', ['$event'])
-    onArrowUp(event: KeyboardEvent) {
-        if (this.isEnabled()) {
-            let currentCell = this.findCell(event.target);
-            if (currentCell) {
-                let cellIndex = DomHandler.index(currentCell);
-                let targetCell = this.findPrevEditableColumnByIndex(currentCell, cellIndex);
-
-                if (targetCell) {
-                    if (this.dt.isEditingCellValid()) {
-                        this.closeEditingCell(true, event);
-                    }
-
-                    DomHandler.invokeElementMethod(event.target, 'blur');
-                    DomHandler.invokeElementMethod(targetCell, 'click');
-                }
-
-                event.preventDefault();
-            }
-        }
-    }
-
-    @HostListener('keydown.arrowleft', ['$event'])
-    onArrowLeft(event: KeyboardEvent) {
-        if (this.isEnabled()) {
-            this.moveToPreviousCell(event);
-        }
-    }
-
-    @HostListener('keydown.arrowright', ['$event'])
-    onArrowRight(event: KeyboardEvent) {
-        if (this.isEnabled()) {
-            this.moveToNextCell(event);
-        }
-    }
-
-    findCell(element: any) {
-        if (element) {
-            let cell = element;
-            while (cell && !DomHandler.hasClass(cell, 'p-cell-editing')) {
-                cell = cell.parentElement;
-            }
-
-            return cell;
-        } else {
-            return null;
-        }
-    }
-
-    moveToPreviousCell(event: KeyboardEvent) {
-        let currentCell = this.findCell(event.target);
-        if (currentCell) {
-            let targetCell = this.findPreviousEditableColumn(currentCell);
-
-            if (targetCell) {
-                if (this.dt.isEditingCellValid()) {
-                    this.closeEditingCell(true, event);
-                }
-
-                DomHandler.invokeElementMethod(event.target, 'blur');
-                DomHandler.invokeElementMethod(targetCell, 'click');
-                event.preventDefault();
-            }
-        }
-    }
-
-    moveToNextCell(event: KeyboardEvent) {
-        let currentCell = this.findCell(event.target);
-        if (currentCell) {
-            let targetCell = this.findNextEditableColumn(currentCell);
-
-            if (targetCell) {
-                if (this.dt.isEditingCellValid()) {
-                    this.closeEditingCell(true, event);
-                }
-
-                DomHandler.invokeElementMethod(event.target, 'blur');
-                DomHandler.invokeElementMethod(targetCell, 'click');
-                event.preventDefault();
-            } else {
-                if (this.dt.isEditingCellValid()) {
-                    this.closeEditingCell(true, event);
-                }
-            }
-        }
-    }
-
-    findPreviousEditableColumn(cell: any): HTMLTableCellElement | null {
-        let prevCell = cell.previousElementSibling;
-
-        if (!prevCell) {
-            let previousRow = cell.parentElement?.previousElementSibling;
-            if (previousRow) {
-                prevCell = previousRow.lastElementChild;
-            }
-        }
-
-        if (prevCell) {
-            if (DomHandler.hasClass(prevCell, 'p-editable-column')) return prevCell;
-            else return this.findPreviousEditableColumn(prevCell);
-        } else {
-            return null;
-        }
-    }
-
-    findNextEditableColumn(cell: any): HTMLTableCellElement | null {
-        let nextCell = cell.nextElementSibling;
-
-        if (!nextCell) {
-            let nextRow = cell.parentElement?.nextElementSibling;
-            if (nextRow) {
-                nextCell = nextRow.firstElementChild;
-            }
-        }
-
-        if (nextCell) {
-            if (DomHandler.hasClass(nextCell, 'p-editable-column')) return nextCell;
-            else return this.findNextEditableColumn(nextCell);
-        } else {
-            return null;
-        }
-    }
-
-    findNextEditableColumnByIndex(cell: Element, index: number) {
-        let nextRow = cell.parentElement?.nextElementSibling;
-
-        if (nextRow) {
-            let nextCell = nextRow.children[index];
-
-            if (nextCell && DomHandler.hasClass(nextCell, 'p-editable-column')) {
-                return nextCell;
-            }
-
-            return null;
-        } else {
-            return null;
-        }
-    }
-
-    findPrevEditableColumnByIndex(cell: Element, index: number) {
-        let prevRow = cell.parentElement?.previousElementSibling;
-
-        if (prevRow) {
-            let prevCell = prevRow.children[index];
-
-            if (prevCell && DomHandler.hasClass(prevCell, 'p-editable-column')) {
-                return prevCell;
-            }
-
-            return null;
-        } else {
-            return null;
-        }
-    }
-
-    isEnabled() {
-        return this.pEditableColumnDisabled !== true;
-    }
-
-    ngOnDestroy() {
-        if (this.dt.overlaySubscription) {
-            this.dt.overlaySubscription.unsubscribe();
-        }
-    }
-}
-
-@Directive({
-    selector: '[pEditableRow]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class EditableRow {
-    @Input('pEditableRow') data: any;
-
-    @Input({ transform: booleanAttribute }) pEditableRowDisabled: boolean | undefined;
-
-    constructor(public el: ElementRef) {}
-
-    isEnabled() {
-        return this.pEditableRowDisabled !== true;
-    }
-}
-
-@Directive({
-    selector: '[pInitEditableRow]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class InitEditableRow {
-    constructor(
-        public dt: Table,
-        public editableRow: EditableRow
-    ) {}
-
-    @HostListener('click', ['$event'])
-    onClick(event: Event) {
-        this.dt.initRowEdit(this.editableRow.data);
-        event.preventDefault();
-    }
-}
-
-@Directive({
-    selector: '[pSaveEditableRow]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class SaveEditableRow {
-    constructor(
-        public dt: Table,
-        public editableRow: EditableRow
-    ) {}
-
-    @HostListener('click', ['$event'])
-    onClick(event: Event) {
-        this.dt.saveRowEdit(this.editableRow.data, this.editableRow.el.nativeElement);
-        event.preventDefault();
-    }
-}
-
-@Directive({
-    selector: '[pCancelEditableRow]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class CancelEditableRow {
-    constructor(
-        public dt: Table,
-        public editableRow: EditableRow
-    ) {}
-
-    @HostListener('click', ['$event'])
-    onClick(event: Event) {
-        this.dt.cancelRowEdit(this.editableRow.data);
-        event.preventDefault();
-    }
-}
-
-@Component({
-    selector: 'p-cellEditor',
-    template: `
-        <ng-container *ngIf="editing">
-            <ng-container *ngTemplateOutlet="inputTemplate"></ng-container>
-        </ng-container>
-        <ng-container *ngIf="!editing">
-            <ng-container *ngTemplateOutlet="outputTemplate"></ng-container>
-        </ng-container>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class CellEditor implements AfterContentInit {
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-
-    inputTemplate: Nullable<TemplateRef<any>>;
-
-    outputTemplate: Nullable<TemplateRef<any>>;
-
-    constructor(
-        public dt: Table,
-        @Optional() public editableColumn: EditableColumn,
-        @Optional() public editableRow: EditableRow
-    ) {}
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'input':
-                    this.inputTemplate = item.template;
-                    break;
-
-                case 'output':
-                    this.outputTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    get editing(): boolean {
-        return (this.dt.editingCell && this.editableColumn && this.dt.editingCell === this.editableColumn.el.nativeElement) || (this.editableRow && this.dt.editMode === 'row' && this.dt.isRowEditing(this.editableRow.data));
-    }
-}
-
-@Component({
-    selector: 'p-tableRadioButton',
-    template: `
-        <div class="p-radiobutton p-component" [ngClass]="{ 'p-radiobutton-focused': focused, 'p-radiobutton-checked': checked, 'p-radiobutton-disabled': disabled }" (click)="onClick($event)">
-            <div class="p-hidden-accessible">
-                <input #rb type="radio" [attr.id]="inputId" [attr.name]="name" [checked]="checked" (focus)="onFocus()" (blur)="onBlur()" [disabled]="disabled" [attr.aria-label]="ariaLabel" [tabindex]="disabled ? null : '0'" />
-            </div>
-            <div #box [ngClass]="{ 'p-radiobutton-box p-component': true, 'p-highlight': checked, 'p-focus': focused, 'p-disabled': disabled }">
-                <div class="p-radiobutton-icon"></div>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class TableRadioButton {
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-
-    @Input() value: any;
-
-    @Input({ transform: numberAttribute }) index: number | undefined;
-
-    @Input() inputId: string | undefined;
-
-    @Input() name: string | undefined;
-
-    @Input() ariaLabel: string | undefined;
-
-    @ViewChild('rb') inputViewChild: Nullable<ElementRef>;
-
-    checked: boolean | undefined;
-
-    focused: boolean | undefined;
-
-    subscription: Subscription;
-
-    constructor(
-        public dt: Table,
-        public cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.dt.tableService.selectionSource$.subscribe(() => {
-            this.checked = this.dt.isSelected(this.value);
-            this.ariaLabel = this.ariaLabel || this.dt.config.translation.aria ? (this.checked ? this.dt.config.translation.aria.selectRow : this.dt.config.translation.aria.unselectRow) : undefined;
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnInit() {
-        this.checked = this.dt.isSelected(this.value);
-    }
-
-    onClick(event: Event) {
-        if (!this.disabled) {
-            this.dt.toggleRowWithRadio(
-                {
-                    originalEvent: event,
-                    rowIndex: this.index
-                },
-                this.value
-            );
-
-            this.inputViewChild?.nativeElement?.focus();
-        }
-        DomHandler.clearSelection();
-    }
-
-    onFocus() {
-        this.focused = true;
-    }
-
-    onBlur() {
-        this.focused = false;
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-@Component({
-    selector: 'p-tableCheckbox',
-    template: `
-        <div class="p-checkbox p-component" [ngClass]="{ 'p-checkbox-focused': focused, 'p-checkbox-disabled': disabled }" (click)="onClick($event)">
-            <div class="p-hidden-accessible">
-                <input
-                    type="checkbox"
-                    [attr.id]="inputId"
-                    [attr.name]="name"
-                    [checked]="checked"
-                    (focus)="onFocus()"
-                    (blur)="onBlur()"
-                    [disabled]="disabled"
-                    [attr.required]="required"
-                    [attr.aria-label]="ariaLabel"
-                    [tabindex]="disabled ? null : '0'"
-                />
-            </div>
-            <div #box [ngClass]="{ 'p-checkbox-box p-component': true, 'p-highlight': checked, 'p-focus': focused, 'p-disabled': disabled }">
-                <ng-container *ngIf="!dt.checkboxIconTemplate">
-                    <CheckIcon [styleClass]="'p-checkbox-icon'" *ngIf="checked" />
-                </ng-container>
-                <span *ngIf="dt.checkboxIconTemplate">
-                    <ng-template *ngTemplateOutlet="dt.checkboxIconTemplate; context: { $implicit: checked }"></ng-template>
-                </span>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class TableCheckbox {
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-
-    @Input() value: any;
-
-    @Input({ transform: numberAttribute }) index: number | undefined;
-
-    @Input() inputId: string | undefined;
-
-    @Input() name: string | undefined;
-
-    @Input({ transform: booleanAttribute }) required: boolean | undefined;
-
-    @Input() ariaLabel: string | undefined;
-
-    checked: boolean | undefined;
-
-    focused: boolean | undefined;
-
-    subscription: Subscription;
-
-    constructor(
-        public dt: Table,
-        public tableService: TableService,
-        public cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.dt.tableService.selectionSource$.subscribe(() => {
-            this.checked = this.dt.isSelected(this.value) && !this.disabled;
-            this.ariaLabel = this.ariaLabel || this.dt.config.translation.aria ? (this.checked ? this.dt.config.translation.aria.selectRow : this.dt.config.translation.aria.unselectRow) : undefined;
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnInit() {
-        this.checked = this.dt.isSelected(this.value);
-    }
-
-    onClick(event: Event) {
-        if (!this.disabled) {
-            this.dt.toggleRowWithCheckbox(
-                {
-                    originalEvent: event,
-                    rowIndex: this.index
-                },
-                this.value
-            );
-        }
-        DomHandler.clearSelection();
-    }
-
-    onFocus() {
-        this.focused = true;
-    }
-
-    onBlur() {
-        this.focused = false;
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-@Component({
-    selector: 'p-tableHeaderCheckbox',
-    template: `
-        <div class="p-checkbox p-component" [ngClass]="{ 'p-checkbox-focused': focused, 'p-checkbox-disabled': isDisabled() }" (click)="onClick($event)">
-            <div class="p-hidden-accessible">
-                <input #cb type="checkbox" [tabindex]="disabled ? null : '0'" [attr.id]="inputId" [attr.name]="name" [checked]="checked" (focus)="onFocus()" (blur)="onBlur()" [disabled]="isDisabled()" [attr.aria-label]="ariaLabel" />
-            </div>
-            <div #box [ngClass]="{ 'p-checkbox-box': true, 'p-highlight': checked, 'p-focus': focused, 'p-disabled': isDisabled() }">
-                <ng-container *ngIf="!dt.headerCheckboxIconTemplate">
-                    <CheckIcon *ngIf="checked" [styleClass]="'p-checkbox-icon'" />
-                </ng-container>
-                <span class="p-checkbox-icon" *ngIf="dt.headerCheckboxIconTemplate">
-                    <ng-template *ngTemplateOutlet="dt.headerCheckboxIconTemplate; context: { $implicit: checked }"></ng-template>
-                </span>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class TableHeaderCheckbox {
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-
-    @Input() inputId: string | undefined;
-
-    @Input() name: string | undefined;
-
-    @Input() ariaLabel: string | undefined;
-
-    checked: boolean | undefined;
-
-    focused: boolean | undefined;
-
-    selectionChangeSubscription: Subscription;
-
-    valueChangeSubscription: Subscription;
-
-    constructor(
-        public dt: Table,
-        public tableService: TableService,
-        public cd: ChangeDetectorRef
-    ) {
-        this.valueChangeSubscription = this.dt.tableService.valueSource$.subscribe(() => {
-            this.checked = this.updateCheckedState();
-            this.ariaLabel = this.ariaLabel || this.dt.config.translation.aria ? (this.checked ? this.dt.config.translation.aria.selectAll : this.dt.config.translation.aria.unselectAll) : undefined;
-        });
-
-        this.selectionChangeSubscription = this.dt.tableService.selectionSource$.subscribe(() => {
-            this.checked = this.updateCheckedState();
-        });
-    }
-
-    ngOnInit() {
-        this.checked = this.updateCheckedState();
-    }
-
-    onClick(event: Event) {
-        if (!this.disabled) {
-            if (this.dt.value && this.dt.value.length > 0) {
-                this.dt.toggleRowsWithCheckbox(event, !this.checked);
-            }
-        }
-
-        DomHandler.clearSelection();
-    }
-
-    onFocus() {
-        this.focused = true;
-    }
-
-    onBlur() {
-        this.focused = false;
-    }
-
-    isDisabled() {
-        return this.disabled || !this.dt.value || !this.dt.value.length;
-    }
-
-    ngOnDestroy() {
-        if (this.selectionChangeSubscription) {
-            this.selectionChangeSubscription.unsubscribe();
-        }
-
-        if (this.valueChangeSubscription) {
-            this.valueChangeSubscription.unsubscribe();
-        }
-    }
-
-    updateCheckedState() {
-        this.cd.markForCheck();
-
-        if (this.dt._selectAll !== null) {
-            return this.dt._selectAll;
-        } else {
-            const data = this.dt.selectionPageOnly ? this.dt.dataToRender(this.dt.processedData) : this.dt.processedData;
-            const val = this.dt.frozenValue ? [...this.dt.frozenValue, ...data] : data;
-            const selectableVal = this.dt.rowSelectable ? val.filter((data: any, index: number) => this.dt.rowSelectable({ data, index })) : val;
-
-            return ObjectUtils.isNotEmpty(selectableVal) && ObjectUtils.isNotEmpty(this.dt.selection) && selectableVal.every((v: any) => this.dt.selection.some((s: any) => this.dt.equals(v, s)));
-        }
-    }
-}
-
-@Directive({
-    selector: '[pReorderableRowHandle]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class ReorderableRowHandle implements AfterViewInit {
-    constructor(public el: ElementRef) {}
-
-    ngAfterViewInit() {
-        DomHandler.addClass(this.el.nativeElement, 'p-datatable-reorderablerow-handle');
-    }
-}
-
-@Directive({
-    selector: '[pReorderableRow]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class ReorderableRow implements AfterViewInit {
-    @Input('pReorderableRow') index: number | undefined;
-
-    @Input({ transform: booleanAttribute }) pReorderableRowDisabled: boolean | undefined;
-
-    mouseDownListener: VoidListener;
-
-    dragStartListener: VoidListener;
-
-    dragEndListener: VoidListener;
-
-    dragOverListener: VoidListener;
-
-    dragLeaveListener: VoidListener;
-
-    dropListener: VoidListener;
-
-    constructor(
-        private renderer: Renderer2,
-        public dt: Table,
-        public el: ElementRef,
-        public zone: NgZone
-    ) {}
-
-    ngAfterViewInit() {
-        if (this.isEnabled()) {
-            this.el.nativeElement.droppable = true;
-            this.bindEvents();
-        }
-    }
-
-    bindEvents() {
-        this.zone.runOutsideAngular(() => {
-            this.mouseDownListener = this.renderer.listen(this.el.nativeElement, 'mousedown', this.onMouseDown.bind(this));
-
-            this.dragStartListener = this.renderer.listen(this.el.nativeElement, 'dragstart', this.onDragStart.bind(this));
-
-            this.dragEndListener = this.renderer.listen(this.el.nativeElement, 'dragend', this.onDragEnd.bind(this));
-
-            this.dragOverListener = this.renderer.listen(this.el.nativeElement, 'dragover', this.onDragOver.bind(this));
-
-            this.dragLeaveListener = this.renderer.listen(this.el.nativeElement, 'dragleave', this.onDragLeave.bind(this));
-        });
-    }
-
-    unbindEvents() {
-        if (this.mouseDownListener) {
-            this.mouseDownListener();
-            this.mouseDownListener = null;
-        }
-
-        if (this.dragStartListener) {
-            this.dragStartListener();
-            this.dragStartListener = null;
-        }
-
-        if (this.dragEndListener) {
-            this.dragEndListener();
-            this.dragEndListener = null;
-        }
-
-        if (this.dragOverListener) {
-            this.dragOverListener();
-            this.dragOverListener = null;
-        }
-
-        if (this.dragLeaveListener) {
-            this.dragLeaveListener();
-            this.dragLeaveListener = null;
-        }
-    }
-
-    onMouseDown(event: Event) {
-        const targetElement = event.target as HTMLElement;
-        const isHandleClicked = this.isHandleElement(targetElement);
-        this.el.nativeElement.draggable = isHandleClicked;
-    }
-
-    isHandleElement(element: HTMLElement): boolean {
-        if (element?.classList.contains('p-datatable-reorderablerow-handle')) {
-            return true;
-        }
-
-        if (element?.parentElement && !['TD', 'TR'].includes(element?.parentElement?.tagName)) {
-            return this.isHandleElement(element?.parentElement);
-        }
-
-        return false;
-    }
-
-    onDragStart(event: DragEvent) {
-        this.dt.onRowDragStart(event, <number>this.index);
-    }
-
-    onDragEnd(event: DragEvent) {
-        this.dt.onRowDragEnd(event);
-        this.el.nativeElement.draggable = false;
-    }
-
-    onDragOver(event: DragEvent) {
-        this.dt.onRowDragOver(event, <number>this.index, this.el.nativeElement);
-        event.preventDefault();
-    }
-
-    onDragLeave(event: DragEvent) {
-        this.dt.onRowDragLeave(event, this.el.nativeElement);
-    }
-
-    isEnabled() {
-        return this.pReorderableRowDisabled !== true;
-    }
-
-    @HostListener('drop', ['$event'])
-    onDrop(event: DragEvent) {
-        if (this.isEnabled() && this.dt.rowDragging) {
-            this.dt.onRowDrop(event, this.el.nativeElement);
-        }
-
-        event.preventDefault();
-    }
-
-    ngOnDestroy() {
-        this.unbindEvents();
-    }
-}
-
-@Component({
-    selector: 'p-columnFilter',
-    template: `
-        <div class="p-column-filter" [ngClass]="{ 'p-column-filter-row': display === 'row', 'p-column-filter-menu': display === 'menu' }">
-            <p-columnFilterFormElement
-                *ngIf="display === 'row'"
-                class="p-fluid"
-                [type]="type"
-                [field]="field"
-                [ariaLabel]="ariaLabel"
-                [filterConstraint]="dt.filters[field]"
-                [filterTemplate]="filterTemplate"
-                [placeholder]="placeholder"
-                [minFractionDigits]="minFractionDigits"
-                [maxFractionDigits]="maxFractionDigits"
-                [prefix]="prefix"
-                [suffix]="suffix"
-                [locale]="locale"
-                [localeMatcher]="localeMatcher"
-                [currency]="currency"
-                [currencyDisplay]="currencyDisplay"
-                [useGrouping]="useGrouping"
-                [showButtons]="showButtons"
-            ></p-columnFilterFormElement>
-            <button
-                #icon
-                *ngIf="showMenuButton"
-                type="button"
-                class="p-column-filter-menu-button p-link"
-                aria-haspopup="true"
-                [attr.aria-label]="filterMenuButtonAriaLabel"
-                [attr.aria-controls]="overlayVisible ? overlayId : null"
-                [attr.aria-expanded]="overlayVisible ?? false"
-                [ngClass]="{ 'p-column-filter-menu-button-open': overlayVisible, 'p-column-filter-menu-button-active': hasFilter() }"
-                (click)="toggleMenu()"
-                (keydown)="onToggleButtonKeyDown($event)"
-            >
-                <FilterIcon [styleClass]="'pi-filter-icon'" *ngIf="!filterIconTemplate" />
-                <span class="pi-filter-icon" *ngIf="filterIconTemplate">
-                    <ng-template *ngTemplateOutlet="filterIconTemplate"></ng-template>
-                </span>
-            </button>
-            <button #icon *ngIf="showClearButton && display === 'row'" [ngClass]="{ 'p-hidden-space': !hasRowFilter() }" type="button" class="p-column-filter-clear-button p-link" (click)="clearFilter()" [attr.aria-label]="clearButtonLabel">
-                <FilterSlashIcon *ngIf="!clearFilterIconTemplate" />
-                <ng-template *ngTemplateOutlet="clearFilterIconTemplate"></ng-template>
-            </button>
-            <div
-                *ngIf="showMenu && overlayVisible"
-                [ngClass]="{ 'p-column-filter-overlay p-component p-fluid': true, 'p-column-filter-overlay-menu': display === 'menu' }"
-                [id]="overlayId"
-                [attr.aria-modal]="true"
-                role="dialog"
-                (click)="onContentClick()"
-                [@overlayAnimation]="'visible'"
-                (@overlayAnimation.start)="onOverlayAnimationStart($event)"
-                (@overlayAnimation.done)="onOverlayAnimationEnd($event)"
-                (keydown.escape)="onEscape()"
-            >
-                <ng-container *ngTemplateOutlet="headerTemplate; context: { $implicit: field }"></ng-container>
-                <ul *ngIf="display === 'row'; else menu" class="p-column-filter-row-items">
-                    <li
-                        class="p-column-filter-row-item"
-                        *ngFor="let matchMode of matchModes; let i = index"
-                        (click)="onRowMatchModeChange(matchMode.value)"
-                        (keydown)="onRowMatchModeKeyDown($event)"
-                        (keydown.enter)="this.onRowMatchModeChange(matchMode.value)"
-                        [ngClass]="{ 'p-highlight': isRowMatchModeSelected(matchMode.value) }"
-                        [attr.tabindex]="i === 0 ? '0' : null"
-                    >
-                        {{ matchMode.label }}
-                    </li>
-                    <li class="p-column-filter-separator"></li>
-                    <li class="p-column-filter-row-item" (click)="onRowClearItemClick()" (keydown)="onRowMatchModeKeyDown($event)" (keydown.enter)="onRowClearItemClick()">{{ noFilterLabel }}</li>
-                </ul>
-                <ng-template #menu>
-                    <div class="p-column-filter-operator" *ngIf="isShowOperator">
-                        <p-dropdown [options]="operatorOptions" [ngModel]="operator" (ngModelChange)="onOperatorChange($event)" styleClass="p-column-filter-operator-dropdown"></p-dropdown>
-                    </div>
-                    <div class="p-column-filter-constraints">
-                        <div *ngFor="let fieldConstraint of fieldConstraints; let i = index" class="p-column-filter-constraint">
-                            <p-dropdown
-                                *ngIf="showMatchModes && matchModes"
-                                [options]="matchModes"
-                                [ngModel]="fieldConstraint.matchMode"
-                                (ngModelChange)="onMenuMatchModeChange($event, fieldConstraint)"
-                                styleClass="p-column-filter-matchmode-dropdown"
-                            ></p-dropdown>
-                            <p-columnFilterFormElement
-                                [type]="type"
-                                [field]="field"
-                                [filterConstraint]="fieldConstraint"
-                                [filterTemplate]="filterTemplate"
-                                [placeholder]="placeholder"
-                                [minFractionDigits]="minFractionDigits"
-                                [maxFractionDigits]="maxFractionDigits"
-                                [prefix]="prefix"
-                                [suffix]="suffix"
-                                [locale]="locale"
-                                [localeMatcher]="localeMatcher"
-                                [currency]="currency"
-                                [currencyDisplay]="currencyDisplay"
-                                [useGrouping]="useGrouping"
-                            ></p-columnFilterFormElement>
-                            <div>
-                                <button
-                                    *ngIf="showRemoveIcon"
-                                    type="button"
-                                    pButton
-                                    class="p-column-filter-remove-button p-button-text p-button-danger p-button-sm"
-                                    (click)="removeConstraint(fieldConstraint)"
-                                    pRipple
-                                    [attr.aria-label]="removeRuleButtonLabel"
-                                    [label]="removeRuleButtonLabel"
-                                >
-                                    <TrashIcon *ngIf="!removeRuleIconTemplate" [styleClass]="'p-button-icon-left'" />
-                                    <ng-template *ngTemplateOutlet="removeRuleIconTemplate"></ng-template>
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="p-column-filter-add-rule" *ngIf="isShowAddConstraint">
-                        <button type="button" pButton [label]="addRuleButtonLabel" [attr.aria-label]="addRuleButtonLabel" class="p-column-filter-add-button p-button-text p-button-sm" (click)="addConstraint()" pRipple>
-                            <PlusIcon *ngIf="!addRuleIconTemplate" [styleClass]="'p-button-icon-left'" />
-                            <ng-template *ngTemplateOutlet="addRuleIconTemplate"></ng-template>
-                        </button>
-                    </div>
-                    <div class="p-column-filter-buttonbar" *ngIf="showButtons">
-                        <button #clearBtn *ngIf="showClearButton" type="button" pButton class="p-button-outlined p-button-sm" (click)="clearFilter()" [attr.aria-label]="clearButtonLabel" [label]="clearButtonLabel" pRipple></button>
-                        <button *ngIf="showApplyButton" type="button" pButton (click)="applyFilter()" class="p-button-sm" [label]="applyButtonLabel" pRipple [attr.aria-label]="applyButtonLabel"></button>
-                    </div>
-                </ng-template>
-                <ng-container *ngTemplateOutlet="footerTemplate; context: { $implicit: field }"></ng-container>
-            </div>
-        </div>
-    `,
-    animations: [trigger('overlayAnimation', [transition(':enter', [style({ opacity: 0, transform: 'scaleY(0.8)' }), animate('.12s cubic-bezier(0, 0, 0.2, 1)')]), transition(':leave', [animate('.1s linear', style({ opacity: 0 }))])])],
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class ColumnFilter implements AfterContentInit {
-    /**
-     * Property represented by the column.
-     * @group Props
-     */
-    @Input() field: string | undefined;
-    /**
-     * Type of the input.
-     * @group Props
-     */
-    @Input() type: string = 'text';
-    /**
-     * Filter display.
-     * @group Props
-     */
-    @Input() display: string = 'row';
-    /**
-     * Decides whether to display filter menu popup.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showMenu: boolean = true;
-    /**
-     * Filter match mode.
-     * @group Props
-     */
-    @Input() matchMode: string | undefined;
-    /**
-     * Filter operator.
-     * @defaultValue 'AND'
-     * @group Props
-     */
-    @Input() operator: string = FilterOperator.AND;
-    /**
-     * Decides whether to display filter operator.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showOperator: boolean = true;
-    /**
-     * Decides whether to display clear filter button.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showClearButton: boolean = true;
-    /**
-     * Decides whether to display apply filter button.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showApplyButton: boolean = true;
-    /**
-     * Decides whether to display filter match modes.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showMatchModes: boolean = true;
-    /**
-     * Decides whether to display add filter button.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showAddButton: boolean = true;
-    /**
-     * Decides whether to close popup on clear button click.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) hideOnClear: boolean = false;
-    /**
-     * Filter placeholder.
-     * @group Props
-     */
-    @Input() placeholder: string | undefined;
-    /**
-     * Filter match mode options.
-     * @group Props
-     */
-    @Input() matchModeOptions: SelectItem[] | undefined;
-    /**
-     * Defines maximum amount of constraints.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) maxConstraints: number = 2;
-    /**
-     * Defines minimum fraction of digits.
-     * @group Props
-     */
-    @Input({ transform: (value: unknown) => numberAttribute(value, null) }) minFractionDigits: number | undefined;
-    /**
-     * Defines maximum fraction of digits.
-     * @group Props
-     */
-    @Input({ transform: (value: unknown) => numberAttribute(value, null) }) maxFractionDigits: number | undefined;
-    /**
-     * Defines prefix of the filter.
-     * @group Props
-     */
-    @Input() prefix: string | undefined;
-    /**
-     * Defines suffix of the filter.
-     * @group Props
-     */
-    @Input() suffix: string | undefined;
-    /**
-     * Defines filter locale.
-     * @group Props
-     */
-    @Input() locale: string | undefined;
-    /**
-     * Defines filter locale matcher.
-     * @group Props
-     */
-    @Input() localeMatcher: string | undefined;
-    /**
-     * Enables currency input.
-     * @group Props
-     */
-    @Input() currency: string | undefined;
-    /**
-     * Defines the display of the currency input.
-     * @group Props
-     */
-    @Input() currencyDisplay: string | undefined;
-    /**
-     * Defines if filter grouping will be enabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) useGrouping: boolean = true;
-    /**
-     * Defines the visibility of buttons.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showButtons: boolean = true;
-    /**
-     * Defines the aria-label of the form element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Callback to invoke on overlay is shown.
-     * @param {AnimationEvent} originalEvent - animation event.
-     * @group Emits
-     */
-    @Output() onShow: EventEmitter<{ originalEvent: AnimationEvent }> = new EventEmitter<{ originalEvent: AnimationEvent }>();
-    /**
-     * Callback to invoke on overlay is hidden.
-     * @param {AnimationEvent} originalEvent - animation event.
-     * @group Emits
-     */
-    @Output() onHide: EventEmitter<{ originalEvent: AnimationEvent }> = new EventEmitter<{ originalEvent: AnimationEvent }>();
-
-    @ViewChild('icon') icon: Nullable<ElementRef>;
-
-    @ViewChild('clearBtn') clearButtonViewChild: Nullable<ElementRef>;
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<any>>;
-
-    overlaySubscription: Subscription | undefined;
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    filterTemplate: Nullable<TemplateRef<any>>;
-
-    footerTemplate: Nullable<TemplateRef<any>>;
-
-    filterIconTemplate: Nullable<TemplateRef<any>>;
-
-    removeRuleIconTemplate: Nullable<TemplateRef<any>>;
-
-    addRuleIconTemplate: Nullable<TemplateRef<any>>;
-
-    clearFilterIconTemplate: Nullable<TemplateRef<any>>;
-
-    operatorOptions: any[] | undefined;
-
-    overlayVisible: boolean | undefined;
-
-    overlay: HTMLElement | undefined | null;
-
-    scrollHandler: ConnectedOverlayScrollHandler | null | undefined;
-
-    documentClickListener: VoidListener;
-
-    documentResizeListener: VoidListener;
-
-    matchModes: SelectItem[] | undefined;
-
-    translationSubscription: Subscription | undefined;
-
-    resetSubscription: Subscription | undefined;
-
-    selfClick: boolean | undefined;
-
-    overlayEventListener: any;
-
-    private window: Window;
-
-    overlayId: any;
-
-    get fieldConstraints(): FilterMetadata[] | undefined | null {
-        return this.dt.filters ? <FilterMetadata[]>this.dt.filters[<string>this.field] : null;
-    }
-
-    get showRemoveIcon(): boolean {
-        return this.fieldConstraints ? this.fieldConstraints.length > 1 : false;
-    }
-
-    get showMenuButton(): boolean {
-        return this.showMenu && (this.display === 'row' ? this.type !== 'boolean' : true);
-    }
-
-    get isShowOperator(): boolean {
-        return this.showOperator && this.type !== 'boolean';
-    }
-
-    get isShowAddConstraint(): boolean | undefined | null {
-        return this.showAddButton && this.type !== 'boolean' && this.fieldConstraints && this.fieldConstraints.length < this.maxConstraints;
-    }
-
-    get showMenuButtonLabel() {
-        return this.config.getTranslation(TranslationKeys.SHOW_FILTER_MENU);
-    }
-
-    get applyButtonLabel(): string {
-        return this.config.getTranslation(TranslationKeys.APPLY);
-    }
-
-    get clearButtonLabel(): string {
-        return this.config.getTranslation(TranslationKeys.CLEAR);
-    }
-
-    get addRuleButtonLabel(): string {
-        return this.config.getTranslation(TranslationKeys.ADD_RULE);
-    }
-
-    get removeRuleButtonLabel(): string {
-        return this.config.getTranslation(TranslationKeys.REMOVE_RULE);
-    }
-
-    get noFilterLabel(): string {
-        return this.config.getTranslation(TranslationKeys.NO_FILTER);
-    }
-
-    get filterMenuButtonAriaLabel() {
-        return this.config.translation ? (this.overlayVisible ? this.config.translation.aria.hideFilterMenu : this.config.translation.aria.showFilterMenu) : undefined;
-    }
-
-    get removeRuleButtonAriaLabel() {
-        return this.config.translation ? this.config.translation.removeRule : undefined;
-    }
-
-    get filterOperatorAriaLabel() {
-        return this.config.translation ? this.config.translation.aria.filterOperator : undefined;
-    }
-
-    get filterConstraintAriaLabel() {
-        return this.config.translation ? this.config.translation.aria.filterConstraint : undefined;
-    }
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        public el: ElementRef,
-        public dt: Table,
-        public renderer: Renderer2,
-        public config: PrimeNGConfig,
-        public overlayService: OverlayService,
-        private cd: ChangeDetectorRef
-    ) {
-        this.window = this.document.defaultView as Window;
-    }
-
-    ngOnInit() {
-        this.overlayId = UniqueComponentId();
-        if (!this.dt.filters[<string>this.field]) {
-            this.initFieldFilterConstraint();
-        }
-
-        this.translationSubscription = this.config.translationObserver.subscribe(() => {
-            this.generateMatchModeOptions();
-            this.generateOperatorOptions();
-        });
-
-        this.generateMatchModeOptions();
-        this.generateOperatorOptions();
-    }
-
-    generateMatchModeOptions() {
-        this.matchModes =
-            this.matchModeOptions ||
-            (this.config as any).filterMatchModeOptions[this.type]?.map((key: any) => {
-                return { label: this.config.getTranslation(key), value: key };
-            });
-    }
-
-    generateOperatorOptions() {
-        this.operatorOptions = [
-            { label: this.config.getTranslation(TranslationKeys.MATCH_ALL), value: FilterOperator.AND },
-            { label: this.config.getTranslation(TranslationKeys.MATCH_ANY), value: FilterOperator.OR }
-        ];
-    }
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'filter':
-                    this.filterTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                case 'filtericon':
-                    this.filterIconTemplate = item.template;
-                    break;
-
-                case 'clearfiltericon':
-                    this.clearFilterIconTemplate = item.template;
-                    break;
-
-                case 'removeruleicon':
-                    this.removeRuleIconTemplate = item.template;
-                    break;
-
-                case 'addruleicon':
-                    this.addRuleIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.filterTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    initFieldFilterConstraint() {
-        let defaultMatchMode = this.getDefaultMatchMode();
-        this.dt.filters[<string>this.field] = this.display == 'row' ? { value: null, matchMode: defaultMatchMode } : [{ value: null, matchMode: defaultMatchMode, operator: this.operator }];
-    }
-
-    onMenuMatchModeChange(value: any, filterMeta: FilterMetadata) {
-        filterMeta.matchMode = value;
-
-        if (!this.showApplyButton) {
-            this.dt._filter();
-        }
-    }
-
-    onRowMatchModeChange(matchMode: string) {
-        const fieldFilter = <FilterMetadata>this.dt.filters[<string>this.field];
-        fieldFilter.matchMode = matchMode;
-        if (fieldFilter.value) {
-            this.dt._filter();
-        }
-        this.hide();
-    }
-
-    onRowMatchModeKeyDown(event: KeyboardEvent) {
-        let item = <HTMLLIElement>event.target;
-
-        switch (event.key) {
-            case 'ArrowDown':
-                var nextItem = this.findNextItem(item);
-                if (nextItem) {
-                    item.removeAttribute('tabindex');
-                    nextItem.tabIndex = '0';
-                    nextItem.focus();
-                }
-
-                event.preventDefault();
-                break;
-
-            case 'ArrowUp':
-                var prevItem = this.findPrevItem(item);
-                if (prevItem) {
-                    item.removeAttribute('tabindex');
-                    prevItem.tabIndex = '0';
-                    prevItem.focus();
-                }
-
-                event.preventDefault();
-                break;
-        }
-    }
-
-    onRowClearItemClick() {
-        this.clearFilter();
-        this.hide();
-    }
-
-    isRowMatchModeSelected(matchMode: string) {
-        return (<FilterMetadata>this.dt.filters[<string>this.field]).matchMode === matchMode;
-    }
-
-    addConstraint() {
-        (<FilterMetadata[]>this.dt.filters[<string>this.field]).push({ value: null, matchMode: this.getDefaultMatchMode(), operator: this.getDefaultOperator() });
-        DomHandler.focus(this.clearButtonViewChild.nativeElement);
-    }
-
-    removeConstraint(filterMeta: FilterMetadata) {
-        this.dt.filters[<string>this.field] = (<FilterMetadata[]>this.dt.filters[<string>this.field]).filter((meta) => meta !== filterMeta);
-        if (!this.showApplyButton) {
-            this.dt._filter();
-        }
-        DomHandler.focus(this.clearButtonViewChild.nativeElement);
-    }
-
-    onOperatorChange(value: any) {
-        (<FilterMetadata[]>this.dt.filters[<string>this.field]).forEach((filterMeta) => {
-            filterMeta.operator = value;
-            this.operator = value;
-        });
-
-        if (!this.showApplyButton) {
-            this.dt._filter();
-        }
-    }
-
-    toggleMenu() {
-        this.overlayVisible = !this.overlayVisible;
-    }
-
-    onToggleButtonKeyDown(event: KeyboardEvent) {
-        switch (event.key) {
-            case 'Escape':
-            case 'Tab':
-                this.overlayVisible = false;
-                break;
-
-            case 'ArrowDown':
-                if (this.overlayVisible) {
-                    let focusable = DomHandler.getFocusableElements(<HTMLElement>this.overlay);
-                    if (focusable) {
-                        focusable[0].focus();
-                    }
-                    event.preventDefault();
-                } else if (event.altKey) {
-                    this.overlayVisible = true;
-                    event.preventDefault();
-                }
-                break;
-            case 'Enter':
-                this.toggleMenu();
-                event.preventDefault();
-                break;
-        }
-    }
-
-    onEscape() {
-        this.icon?.nativeElement.focus();
-    }
-
-    findNextItem(item: HTMLLIElement): any {
-        let nextItem = <HTMLLIElement>item.nextElementSibling;
-
-        if (nextItem) return DomHandler.hasClass(nextItem, 'p-column-filter-separator') ? this.findNextItem(nextItem) : nextItem;
-        else return item.parentElement?.firstElementChild;
-    }
-
-    findPrevItem(item: HTMLLIElement): any {
-        let prevItem = <HTMLLIElement>item.previousElementSibling;
-
-        if (prevItem) return DomHandler.hasClass(prevItem, 'p-column-filter-separator') ? this.findPrevItem(prevItem) : prevItem;
-        else return item.parentElement?.lastElementChild;
-    }
-
-    onContentClick() {
-        this.selfClick = true;
-    }
-
-    onOverlayAnimationStart(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-                this.overlay = event.element;
-                this.renderer.appendChild(this.document.body, this.overlay);
-                ZIndexUtils.set('overlay', this.overlay, this.config.zIndex.overlay);
-                DomHandler.absolutePosition(this.overlay, this.icon?.nativeElement);
-                this.bindDocumentClickListener();
-                this.bindDocumentResizeListener();
-                this.bindScrollListener();
-
-                this.overlayEventListener = (e: any) => {
-                    if (this.overlay && this.overlay.contains(e.target)) {
-                        this.selfClick = true;
-                    }
-                };
-
-                this.overlaySubscription = this.overlayService.clickObservable.subscribe(this.overlayEventListener);
-                this.onShow.emit({ originalEvent: event });
-                break;
-
-            case 'void':
-                this.onOverlayHide();
-
-                if (this.overlaySubscription) {
-                    this.overlaySubscription.unsubscribe();
-                }
-                break;
-        }
-    }
-
-    onOverlayAnimationEnd(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-                this.focusOnFirstElement();
-                break;
-            case 'void':
-                ZIndexUtils.clear(event.element);
-                this.onHide.emit({ originalEvent: event });
-                break;
-        }
-    }
-
-    focusOnFirstElement() {
-        if (this.overlay) {
-            DomHandler.focus(DomHandler.getFirstFocusableElement(this.overlay, ''));
-        }
-    }
-
-    getDefaultMatchMode(): string {
-        if (this.matchMode) {
-            return this.matchMode;
-        } else {
-            if (this.type === 'text') return FilterMatchMode.STARTS_WITH;
-            else if (this.type === 'numeric') return FilterMatchMode.EQUALS;
-            else if (this.type === 'date') return FilterMatchMode.DATE_IS;
-            else return FilterMatchMode.CONTAINS;
-        }
-    }
-
-    getDefaultOperator(): string | undefined {
-        return this.dt.filters ? (<FilterMetadata[]>this.dt.filters[<string>(<string>this.field)])[0].operator : this.operator;
-    }
-
-    hasRowFilter() {
-        return this.dt.filters[<string>this.field] && !this.dt.isFilterBlank((<FilterMetadata>this.dt.filters[<string>this.field]).value);
-    }
-
-    hasFilter(): boolean {
-        let fieldFilter = this.dt.filters[<string>this.field];
-        if (fieldFilter) {
-            if (Array.isArray(fieldFilter)) return !this.dt.isFilterBlank((<FilterMetadata[]>fieldFilter)[0].value);
-            else return !this.dt.isFilterBlank(fieldFilter.value);
-        }
-
-        return false;
-    }
-
-    isOutsideClicked(event: any): boolean {
-        return !(
-            DomHandler.hasClass(this.overlay?.nextElementSibling, 'p-overlay') ||
-            this.overlay?.isSameNode(event.target) ||
-            this.overlay?.contains(event.target) ||
-            this.icon?.nativeElement.isSameNode(event.target) ||
-            this.icon?.nativeElement.contains(event.target) ||
-            DomHandler.hasClass(event.target, 'p-column-filter-add-button') ||
-            DomHandler.hasClass(event.target.parentElement, 'p-column-filter-add-button') ||
-            DomHandler.hasClass(event.target, 'p-column-filter-remove-button') ||
-            DomHandler.hasClass(event.target.parentElement, 'p-column-filter-remove-button')
-        );
-    }
-
-    bindDocumentClickListener() {
-        if (!this.documentClickListener) {
-            const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : 'document';
-
-            this.documentClickListener = this.renderer.listen(documentTarget, 'mousedown', (event) => {
-                let isDateDialog = false;
-                document.querySelectorAll('[role="dialog"]').forEach((d) => {
-                    if (DomHandler.hasClass(d, 'p-datepicker')) isDateDialog = true;
-                });
-                const targetIsColumnFilterMenuButton = event.target.closest('.p-column-filter-menu-button');
-                if (this.overlayVisible && this.isOutsideClicked(event) && (targetIsColumnFilterMenuButton || !isDateDialog)) {
-                    this.hide();
-                }
-
-                this.selfClick = false;
-            });
-        }
-    }
-
-    unbindDocumentClickListener() {
-        if (this.documentClickListener) {
-            this.documentClickListener();
-            this.documentClickListener = null;
-            this.selfClick = false;
-        }
-    }
-
-    bindDocumentResizeListener() {
-        if (!this.documentResizeListener) {
-            this.documentResizeListener = this.renderer.listen(this.window, 'resize', (event) => {
-                if (this.overlayVisible && !DomHandler.isTouchDevice()) {
-                    this.hide();
-                }
-            });
-        }
-    }
-
-    unbindDocumentResizeListener() {
-        if (this.documentResizeListener) {
-            this.documentResizeListener();
-            this.documentResizeListener = null;
-        }
-    }
-
-    bindScrollListener() {
-        if (!this.scrollHandler) {
-            this.scrollHandler = new ConnectedOverlayScrollHandler(this.icon?.nativeElement, () => {
-                if (this.overlayVisible) {
-                    this.hide();
-                }
-            });
-        }
-
-        this.scrollHandler.bindScrollListener();
-    }
-
-    unbindScrollListener() {
-        if (this.scrollHandler) {
-            this.scrollHandler.unbindScrollListener();
-        }
-    }
-
-    hide() {
-        this.overlayVisible = false;
-        this.cd.markForCheck();
-    }
-
-    onOverlayHide() {
-        this.unbindDocumentClickListener();
-        this.unbindDocumentResizeListener();
-        this.unbindScrollListener();
-        this.overlay = null;
-    }
-
-    clearFilter() {
-        this.initFieldFilterConstraint();
-        this.dt._filter();
-        if (this.hideOnClear) this.hide();
-    }
-
-    applyFilter() {
-        this.dt._filter();
-        this.hide();
-    }
-
-    ngOnDestroy() {
-        if (this.overlay) {
-            this.renderer.appendChild(this.el.nativeElement, this.overlay);
-            ZIndexUtils.clear(this.overlay);
-            this.onOverlayHide();
-        }
-
-        if (this.translationSubscription) {
-            this.translationSubscription.unsubscribe();
-        }
-
-        if (this.resetSubscription) {
-            this.resetSubscription.unsubscribe();
-        }
-
-        if (this.overlaySubscription) {
-            this.overlaySubscription.unsubscribe();
-        }
-    }
-}
-
-@Component({
-    selector: 'p-columnFilterFormElement',
-    template: `
-        <ng-container *ngIf="filterTemplate; else builtInElement">
-            <ng-container
-                *ngTemplateOutlet="
-                    filterTemplate;
-                    context: {
-                        $implicit: filterConstraint.value,
-                        filterCallback: filterCallback,
-                        type: type,
-                        field: field,
-                        filterConstraint: filterConstraint,
-                        placeholder: placeholder,
-                        minFractionDigits: minFractionDigits,
-                        maxFractionDigits: maxFractionDigits,
-                        prefix: prefix,
-                        suffix: suffix,
-                        locale: locale,
-                        localeMatcher: localeMatcher,
-                        currency: currency,
-                        currencyDisplay: currencyDisplay,
-                        useGrouping: useGrouping,
-                        showButtons: showButtons
-                    }
-                "
-            ></ng-container>
-        </ng-container>
-        <ng-template #builtInElement>
-            <ng-container [ngSwitch]="type">
-                <input
-                    *ngSwitchCase="'text'"
-                    type="text"
-                    [ariaLabel]="ariaLabel"
-                    pInputText
-                    [value]="filterConstraint?.value"
-                    (input)="onModelChange($event.target.value)"
-                    (keydown.enter)="onTextInputEnterKeyDown($event)"
-                    [attr.placeholder]="placeholder"
-                />
-                <p-inputNumber
-                    *ngSwitchCase="'numeric'"
-                    [ngModel]="filterConstraint?.value"
-                    (ngModelChange)="onModelChange($event)"
-                    (onKeyDown)="onNumericInputKeyDown($event)"
-                    [showButtons]="showButtons"
-                    [minFractionDigits]="minFractionDigits"
-                    [maxFractionDigits]="maxFractionDigits"
-                    [ariaLabel]="ariaLabel"
-                    [prefix]="prefix"
-                    [suffix]="suffix"
-                    [placeholder]="placeholder"
-                    [mode]="currency ? 'currency' : 'decimal'"
-                    [locale]="locale"
-                    [localeMatcher]="localeMatcher"
-                    [currency]="currency"
-                    [currencyDisplay]="currencyDisplay"
-                    [useGrouping]="useGrouping"
-                ></p-inputNumber>
-                <p-triStateCheckbox [ariaLabel]="ariaLabel" *ngSwitchCase="'boolean'" [ngModel]="filterConstraint?.value" (ngModelChange)="onModelChange($event)"></p-triStateCheckbox>
-                <p-calendar [ariaLabel]="ariaLabel" *ngSwitchCase="'date'" [placeholder]="placeholder" [ngModel]="filterConstraint?.value" (ngModelChange)="onModelChange($event)" appendTo="body"></p-calendar>
-            </ng-container>
-        </ng-template>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class ColumnFilterFormElement implements OnInit {
-    @Input() field: string | undefined;
-
-    @Input() type: string | undefined;
-
-    @Input() filterConstraint: FilterMetadata | undefined;
-
-    @Input() filterTemplate: Nullable<TemplateRef<any>>;
-
-    @Input() placeholder: string | undefined;
-
-    @Input({ transform: (value: unknown) => numberAttribute(value, null) }) minFractionDigits: number | undefined;
-
-    @Input({ transform: (value: unknown) => numberAttribute(value, null) }) maxFractionDigits: number | undefined;
-
-    @Input() prefix: string | undefined;
-
-    @Input() suffix: string | undefined;
-
-    @Input() locale: string | undefined;
-
-    @Input() localeMatcher: string | undefined;
-
-    @Input() currency: string | undefined;
-
-    @Input() currencyDisplay: string | undefined;
-
-    @Input({ transform: booleanAttribute }) useGrouping: boolean = true;
-
-    @Input() ariaLabel: string | undefined;
-
-    get showButtons(): boolean {
-        return this.colFilter.showButtons;
-    }
-
-    filterCallback: any;
-
-    constructor(
-        public dt: Table,
-        private colFilter: ColumnFilter
-    ) {}
-
-    ngOnInit() {
-        this.filterCallback = (value: any) => {
-            (<any>this.filterConstraint).value = value;
-            this.dt._filter();
-        };
-    }
-
-    onModelChange(value: any) {
-        (<any>this.filterConstraint).value = value;
-
-        if (this.type === 'date' || this.type === 'boolean' || value === '') {
-            this.dt._filter();
-        }
-    }
-
-    onTextInputEnterKeyDown(event: KeyboardEvent) {
-        this.dt._filter();
-        event.preventDefault();
-    }
-
-    onNumericInputKeyDown(event: KeyboardEvent) {
-        if (event.key === 'Enter') {
-            this.dt._filter();
-            event.preventDefault();
-        }
-    }
-}
-
-@NgModule({
-    imports: [
-        CommonModule,
-        PaginatorModule,
-        InputTextModule,
-        DropdownModule,
-        FormsModule,
-        ButtonModule,
-        SelectButtonModule,
-        CalendarModule,
-        InputNumberModule,
-        TriStateCheckboxModule,
-        ScrollerModule,
-        ArrowDownIcon,
-        ArrowUpIcon,
-        SpinnerIcon,
-        SortAltIcon,
-        SortAmountUpAltIcon,
-        SortAmountDownIcon,
-        CheckIcon,
-        FilterIcon,
-        FilterSlashIcon,
-        PlusIcon,
-        TrashIcon
-    ],
-    exports: [
-        Table,
-        SharedModule,
-        SortableColumn,
-        FrozenColumn,
-        RowGroupHeader,
-        SelectableRow,
-        RowToggler,
-        ContextMenuRow,
-        ResizableColumn,
-        ReorderableColumn,
-        EditableColumn,
-        CellEditor,
-        SortIcon,
-        TableRadioButton,
-        TableCheckbox,
-        TableHeaderCheckbox,
-        ReorderableRowHandle,
-        ReorderableRow,
-        SelectableRowDblClick,
-        EditableRow,
-        InitEditableRow,
-        SaveEditableRow,
-        CancelEditableRow,
-        ColumnFilter,
-        ColumnFilterFormElement,
-        ScrollerModule
-    ],
-    declarations: [
-        Table,
-        SortableColumn,
-        FrozenColumn,
-        RowGroupHeader,
-        SelectableRow,
-        RowToggler,
-        ContextMenuRow,
-        ResizableColumn,
-        ReorderableColumn,
-        EditableColumn,
-        CellEditor,
-        TableBody,
-        SortIcon,
-        TableRadioButton,
-        TableCheckbox,
-        TableHeaderCheckbox,
-        ReorderableRowHandle,
-        ReorderableRow,
-        SelectableRowDblClick,
-        EditableRow,
-        InitEditableRow,
-        SaveEditableRow,
-        CancelEditableRow,
-        ColumnFilter,
-        ColumnFilterFormElement
-    ]
-})
-export class TableModule {}
diff --git a/src/app/components/tabmenu/ng-package.json b/src/app/components/tabmenu/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/tabmenu/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/tabmenu/public_api.ts b/src/app/components/tabmenu/public_api.ts
deleted file mode 100644
index c65e7b9..0000000
--- a/src/app/components/tabmenu/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './tabmenu';
-export * from './tabmenu.interface';
diff --git a/src/app/components/tabmenu/tabmenu.css b/src/app/components/tabmenu/tabmenu.css
deleted file mode 100644
index 062d291..0000000
--- a/src/app/components/tabmenu/tabmenu.css
+++ /dev/null
@@ -1,80 +0,0 @@
-@layer primeng {
-    .p-tabmenu-nav-container {
-        position: relative;
-    }
-
-    .p-tabmenu-scrollable .p-tabmenu-nav-container {
-        overflow: hidden;
-    }
-
-    .p-tabmenu-nav-content {
-        overflow-x: auto;
-        overflow-y: hidden;
-        scroll-behavior: smooth;
-        scrollbar-width: none;
-        overscroll-behavior: contain auto;
-    }
-
-    .p-tabmenu-nav-btn {
-        position: absolute;
-        top: 0;
-        z-index: 2;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-tabmenu-nav-prev {
-        left: 0;
-    }
-
-    .p-tabmenu-nav-next {
-        right: 0;
-    }
-
-    .p-tabview-nav-content::-webkit-scrollbar {
-        display: none;
-    }
-
-    .p-tabmenu-nav {
-        display: flex;
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-        flex-wrap: nowrap;
-    }
-
-    .p-tabmenu-nav a {
-        cursor: pointer;
-        user-select: none;
-        display: flex;
-        align-items: center;
-        position: relative;
-        text-decoration: none;
-        text-decoration: none;
-        overflow: hidden;
-    }
-
-    .p-tabmenu-nav a:focus {
-        z-index: 1;
-    }
-
-    .p-tabmenu-nav .p-menuitem-text {
-        line-height: 1;
-        white-space: nowrap;
-    }
-
-    .p-tabmenu-ink-bar {
-        display: none;
-        z-index: 1;
-    }
-
-    .p-tabmenu-nav-content::-webkit-scrollbar {
-        display: none;
-    }
-
-    .p-tabmenuitem:not(.p-hidden) {
-        display: flex;
-    }
-}
diff --git a/src/app/components/tabmenu/tabmenu.interface.ts b/src/app/components/tabmenu/tabmenu.interface.ts
deleted file mode 100644
index dff0e2e..0000000
--- a/src/app/components/tabmenu/tabmenu.interface.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in TabMenu.
- * @group Templates
- */
-export interface TabMenuTemplates {
-    /**
-     * Custom template of item.
-     * @param {Object} context - item data.
-     */
-    item(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: any;
-        /**
-         * Item index.
-         */
-        index: number;
-    }): TemplateRef<{ $implicit: any; index: number }>;
-    /**
-     * Custom template of nexticon.
-     */
-    nexticon(): TemplateRef<any>;
-    /**
-     * Custom template of previousicon.
-     */
-    previousicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/tabmenu/tabmenu.spec.ts b/src/app/components/tabmenu/tabmenu.spec.ts
deleted file mode 100644
index 81220a8..0000000
--- a/src/app/components/tabmenu/tabmenu.spec.ts
+++ /dev/null
@@ -1,180 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { TabMenu, TabMenuModule } from './tabmenu';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
-
-describe('TabMenu', () => {
-    let tabmenu: TabMenu;
-    let fixture: ComponentFixture<TabMenu>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, RouterTestingModule.withRoutes([{ path: 'test', component: TabMenu }]), TabMenuModule]
-        });
-
-        fixture = TestBed.createComponent(TabMenu);
-        tabmenu = fixture.componentInstance;
-    });
-
-    it('should created by default', () => {
-        fixture.detectChanges();
-
-        const tabmenuEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(tabmenuEl).toBeTruthy();
-    });
-
-    it('should change style and styleClass', () => {
-        tabmenu.style = { height: '300px' };
-        tabmenu.styleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const tabmenuEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(tabmenuEl.className).toContain('Primeng ROCKS!');
-        expect(tabmenuEl.style.height).toContain('300px');
-    });
-
-    it('should not show items ', () => {
-        tabmenu.model = [
-            { label: 'Stats', icon: 'pi pi-fw pi-bar-chart', visible: false },
-            { label: 'Calendar', icon: 'pi pi-fw pi-calendar', visible: false }
-        ];
-        fixture.detectChanges();
-
-        const itemList = fixture.debugElement.query(By.css('ul'));
-        expect(itemList.children[0].nativeElement.className).toContain('p-hidden');
-        expect(itemList.children[1].nativeElement.className).toContain('p-hidden');
-    });
-
-    it('should show disabled items ', () => {
-        tabmenu.model = [
-            { label: 'Stats', icon: 'pi pi-fw pi-bar-chart', disabled: true },
-            { label: 'Calendar', icon: 'pi pi-fw pi-calendar', disabled: true }
-        ];
-        fixture.detectChanges();
-
-        const itemList = fixture.debugElement.query(By.css('ul'));
-        expect(itemList.children[0].nativeElement.className).toContain('p-disabled');
-        expect(itemList.children[1].nativeElement.className).toContain('p-disabled');
-    });
-
-    it('should show items and icons (url)', () => {
-        tabmenu.model = [
-            { label: 'Stats', icon: 'pi pi-fw pi-bar-chart' },
-            { label: 'Calendar', icon: 'pi pi-fw pi-calendar' },
-            { label: 'Documentation', icon: 'pi pi-fw pi-book' },
-            { label: 'Support', icon: 'pi pi-fw pi-support' },
-            { label: 'Social', icon: 'pi pi-fw pi-twitter' }
-        ];
-        fixture.detectChanges();
-
-        const itemList = fixture.debugElement.query(By.css('ul'));
-        const itemEls = itemList.queryAll(By.css('li:not(.p-tabmenu-ink-bar)'));
-        expect(itemEls.length).toEqual(5);
-        expect(itemList.query(By.css('.p-menuitem-icon'))).toBeTruthy();
-        expect(itemList.query(By.css('.p-menuitem-text'))).toBeTruthy();
-    });
-
-    it('should show items and icons (routerLink)', () => {
-        tabmenu.model = [
-            { label: 'Stats', icon: 'pi pi-fw pi-bar-chart', routerLink: 'test' },
-            { label: 'Calendar', icon: 'pi pi-fw pi-calendar', routerLink: 'test' },
-            { label: 'Documentation', icon: 'pi pi-fw pi-book', routerLink: 'test' },
-            { label: 'Support', icon: 'pi pi-fw pi-support', routerLink: 'test' },
-            { label: 'Social', icon: 'pi pi-fw pi-twitter', routerLink: 'test' }
-        ];
-        fixture.detectChanges();
-
-        const itemList = fixture.debugElement.query(By.css('ul'));
-        const itemEls = itemList.queryAll(By.css('li:not(.p-tabmenu-ink-bar)'));
-        expect(itemEls.length).toEqual(5);
-        for (let x = 0; x < 5; x++) {
-            expect(itemList.children[x].nativeElement.innerHTML).toContain('ng-reflect-router-link');
-        }
-        expect(itemList.query(By.css('.p-menuitem-icon'))).toBeTruthy();
-        expect(itemList.query(By.css('.p-menuitem-text'))).toBeTruthy();
-    });
-
-    it('should select item when click (url)', () => {
-        tabmenu.model = [
-            { label: 'Stats', icon: 'pi pi-fw pi-bar-chart' },
-            { label: 'Calendar', icon: 'pi pi-fw pi-calendar' },
-            { label: 'Documentation', icon: 'pi pi-fw pi-book' },
-            { label: 'Support', icon: 'pi pi-fw pi-support' },
-            { label: 'Social', icon: 'pi pi-fw pi-twitter' }
-        ];
-        const itemClickSpy = spyOn(tabmenu, 'itemClick').and.callThrough();
-        fixture.detectChanges();
-
-        const itemList = fixture.debugElement.query(By.css('ul'));
-        const calenderItem = itemList.children[1].children[0].nativeElement;
-        calenderItem.click();
-        fixture.detectChanges();
-
-        expect(itemList.children[1].nativeElement.className).toContain('p-highlight');
-        expect(tabmenu.activeItem.label).toEqual('Calendar');
-        expect(tabmenu.activeItem.icon).toContain('pi-calendar');
-        expect(itemClickSpy).toHaveBeenCalled();
-    });
-
-    it('should select item when activeItem controlled', () => {
-        tabmenu.model = [
-            { label: 'Stats', icon: 'pi pi-fw pi-bar-chart' },
-            { label: 'Calendar', icon: 'pi pi-fw pi-calendar' },
-            { label: 'Documentation', icon: 'pi pi-fw pi-book' },
-            { label: 'Support', icon: 'pi pi-fw pi-support' },
-            { label: 'Social', icon: 'pi pi-fw pi-twitter' }
-        ];
-
-        const updateInkBarSpy = spyOn(tabmenu, 'updateInkBar').and.callThrough();
-
-        tabmenu.activeItem = tabmenu.model[1];
-        fixture.detectChanges();
-
-        const itemList = fixture.debugElement.query(By.css('ul'));
-
-        expect(itemList.children[1].nativeElement.className).toContain('p-highlight');
-        expect(tabmenu.activeItem.label).toEqual('Calendar');
-        expect(tabmenu.activeItem.icon).toContain('pi-calendar');
-        expect(updateInkBarSpy).toHaveBeenCalled();
-    });
-
-    it("shouldn't show content", () => {
-        tabmenu.model = [
-            { label: 'Stats', icon: 'pi pi-fw pi-bar-chart', disabled: true },
-            { label: 'Calendar', icon: 'pi pi-fw pi-calendar', disabled: true }
-        ];
-        fixture.detectChanges();
-
-        const itemList = fixture.debugElement.query(By.css('ul'));
-        expect(itemList.children[0].nativeElement.className).toContain('p-disabled');
-        expect(itemList.children[1].nativeElement.className).toContain('p-disabled');
-        const calenderItem = itemList.children[1].children[0].nativeElement;
-        calenderItem.click();
-        fixture.detectChanges();
-
-        expect(itemList.children[1].nativeElement.className).not.toContain('p-highlight');
-    });
-
-    it('should use command', () => {
-        let x;
-        tabmenu.model = [
-            { label: 'Stats', icon: 'pi pi-fw pi-bar-chart', disabled: true },
-            {
-                label: 'Calendar',
-                icon: 'pi pi-fw pi-calendar',
-                command: () => {
-                    x = 'PRIMENG!';
-                }
-            }
-        ];
-        fixture.detectChanges();
-
-        const itemList = fixture.debugElement.query(By.css('ul'));
-        const calenderItem = itemList.children[1].children[0].nativeElement;
-        calenderItem.click();
-        fixture.detectChanges();
-
-        expect(x).toEqual('PRIMENG!');
-    });
-});
diff --git a/src/app/components/tabmenu/tabmenu.ts b/src/app/components/tabmenu/tabmenu.ts
deleted file mode 100644
index e829ca0..0000000
--- a/src/app/components/tabmenu/tabmenu.ts
+++ /dev/null
@@ -1,535 +0,0 @@
-import { CommonModule, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    AfterViewChecked,
-    AfterViewInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    OnDestroy,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    SimpleChanges,
-    TemplateRef,
-    ViewChild,
-    ViewChildren,
-    ViewEncapsulation,
-    booleanAttribute,
-    signal
-} from '@angular/core';
-import { ActivatedRoute, NavigationEnd, Router, RouterModule } from '@angular/router';
-import { MenuItem, PrimeTemplate, SharedModule } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { ChevronLeftIcon } from 'primeng/icons/chevronleft';
-import { ChevronRightIcon } from 'primeng/icons/chevronright';
-import { RippleModule } from 'primeng/ripple';
-import { TooltipModule } from 'primeng/tooltip';
-import { Nullable } from 'primeng/ts-helpers';
-import { ObjectUtils } from 'primeng/utils';
-import { filter } from 'rxjs/operators';
-
-/**
- * TabMenu is a navigation component that displays items as tab headers.
- * @group Components
- */
-@Component({
-    selector: 'p-tabMenu',
-    template: `
-        <div [ngClass]="{ 'p-tabmenu p-component': true, 'p-tabmenu-scrollable': scrollable }" [ngStyle]="style" [class]="styleClass">
-            <div class="p-tabmenu-nav-container">
-                <button *ngIf="scrollable && !backwardIsDisabled" #prevBtn class="p-tabmenu-nav-prev p-tabmenu-nav-btn p-link" (click)="navBackward()" type="button" role="navigation" pRipple>
-                    <ChevronLeftIcon *ngIf="!previousIconTemplate" [attr.aria-hidden]="true" />
-                    <ng-template *ngTemplateOutlet="previousIconTemplate"></ng-template>
-                </button>
-                <div #content class="p-tabmenu-nav-content" (scroll)="onScroll($event)">
-                    <ul #navbar class="p-tabmenu-nav p-reset" role="menubar" [attr.aria-labelledby]="ariaLabelledBy" [attr.aria-label]="ariaLabel">
-                        <li
-                            #tab
-                            *ngFor="let item of focusableItems; let i = index"
-                            role="presentation"
-                            [ngStyle]="item.style"
-                            [class]="item.styleClass"
-                            [attr.data-p-disabled]="disabled(item)"
-                            [attr.data-p-highlight]="focusedItemInfo() === item"
-                            (click)="itemClick($event, item)"
-                            (keydown)="onKeydownItem($event, i, item)"
-                            (focus)="onMenuItemFocus(item)"
-                            [ngClass]="{ 'p-tabmenuitem': true, 'p-disabled': getItemProp(item, 'disabled'), 'p-highlight': isActive(item), 'p-hidden': item.visible === false }"
-                            pTooltip
-                            [tooltipOptions]="item.tooltipOptions"
-                        >
-                            <a
-                                #tabLink
-                                *ngIf="!item.routerLink && !itemTemplate"
-                                class="p-menuitem-link"
-                                role="menuitem"
-                                [attr.href]="getItemProp(item, 'url')"
-                                [attr.id]="getItemProp(item, 'id')"
-                                [attr.aria-disabled]="disabled(item)"
-                                [attr.aria-label]="getItemProp(item, 'label')"
-                                [attr.tabindex]="disabled(item) ? -1 : 0"
-                                [target]="getItemProp(item, 'target')"
-                                pRipple
-                            >
-                                <ng-container>
-                                    <span class="p-menuitem-icon" [ngClass]="item.icon" *ngIf="item.icon" [ngStyle]="item.iconStyle"></span>
-                                    <span class="p-menuitem-text" *ngIf="item.escape !== false; else htmlLabel">{{ getItemProp(item, 'label') }}</span>
-                                    <ng-template #htmlLabel><span class="p-menuitem-text" [innerHTML]="getItemProp(item, 'label')"></span></ng-template>
-                                    <span class="p-menuitem-badge" *ngIf="item.badge" [ngClass]="item.badgeStyleClass">{{ getItemProp(item, 'badge') }}</span>
-                                </ng-container>
-                            </a>
-                            <a
-                                #tabLink
-                                *ngIf="item.routerLink && !itemTemplate"
-                                [routerLink]="item.routerLink"
-                                [queryParams]="item.queryParams"
-                                [routerLinkActive]="'p-menuitem-link-active'"
-                                [routerLinkActiveOptions]="item.routerLinkActiveOptions || { exact: false }"
-                                role="menuitem"
-                                class="p-menuitem-link"
-                                [target]="item.target"
-                                [attr.id]="getItemProp(item, 'id')"
-                                [attr.aria-disabled]="disabled(item)"
-                                [attr.aria-label]="getItemProp(item, 'label')"
-                                [attr.tabindex]="disabled(item) ? -1 : 0"
-                                [fragment]="item.fragment"
-                                [queryParamsHandling]="item.queryParamsHandling"
-                                [preserveFragment]="item.preserveFragment"
-                                [skipLocationChange]="item.skipLocationChange"
-                                [replaceUrl]="item.replaceUrl"
-                                [state]="item.state"
-                                pRipple
-                            >
-                                <ng-container>
-                                    <span class="p-menuitem-icon" [attr.aria-hidden]="true" [ngClass]="item.icon" *ngIf="item.icon" [ngStyle]="item.iconStyle"></span>
-                                    <span class="p-menuitem-text" *ngIf="item.escape !== false; else htmlRouteLabel">{{ getItemProp(item, 'label') }}</span>
-                                    <ng-template #htmlRouteLabel><span class="p-menuitem-text" [innerHTML]="getItemProp(item, 'label')"></span></ng-template>
-                                    <span class="p-menuitem-badge" *ngIf="item.badge" [ngClass]="item.badgeStyleClass">{{ getItemProp(item, 'badge') }}</span>
-                                </ng-container>
-                            </a>
-                            <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item, index: i }"></ng-container>
-                        </li>
-                        <li #inkbar class="p-tabmenu-ink-bar" role="none"></li>
-                    </ul>
-                </div>
-                <button *ngIf="scrollable && !forwardIsDisabled" #nextBtn class="p-tabmenu-nav-next p-tabmenu-nav-btn p-link" (click)="navForward()" type="button" role="navigation" pRipple>
-                    <ChevronRightIcon *ngIf="!previousIconTemplate" [attr.aria-hidden]="true" />
-                    <ng-template *ngTemplateOutlet="nextIconTemplate"></ng-template>
-                </button>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./tabmenu.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class TabMenu implements AfterContentInit, AfterViewInit, AfterViewChecked, OnDestroy {
-    /**
-     * An array of menuitems.
-     * @group Props
-     */
-    @Input() set model(value: MenuItem[] | undefined) {
-        this._model = value;
-        this._focusableItems = (this._model || []).reduce((result, item) => {
-            result.push(item);
-
-            return result;
-        }, []);
-    }
-    get model(): MenuItem[] | undefined {
-        return this._model;
-    }
-    /**
-     * Defines the default active menuitem
-     * @group Props
-     */
-    @Input() set activeItem(value: MenuItem | undefined) {
-        this._activeItem = value;
-        this.activeItemChange.emit(value);
-        this.tabChanged = true;
-    }
-
-    get activeItem(): MenuItem | undefined {
-        return this._activeItem;
-    }
-    /**
-     * When enabled displays buttons at each side of the tab headers to scroll the tab list.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) scrollable: boolean | undefined;
-    /**
-     * Defines if popup mode enabled.
-     */
-    @Input({ transform: booleanAttribute }) popup: boolean | undefined;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Defines a string value that labels an interactive element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Identifier of the underlying input element.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Event fired when a tab is selected.
-     * @param {MenuItem} item - Menu item.
-     * @group Emits
-     */
-    @Output() activeItemChange: EventEmitter<MenuItem> = new EventEmitter<MenuItem>();
-
-    @ViewChild('content') content: Nullable<ElementRef>;
-
-    @ViewChild('navbar') navbar: Nullable<ElementRef>;
-
-    @ViewChild('inkbar') inkbar: Nullable<ElementRef>;
-
-    @ViewChild('prevBtn') prevBtn: Nullable<ElementRef>;
-
-    @ViewChild('nextBtn') nextBtn: Nullable<ElementRef>;
-
-    @ViewChildren('tabLink') tabLink: Nullable<QueryList<ElementRef>>;
-
-    @ViewChildren('tab') tab: Nullable<QueryList<ElementRef>>;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    itemTemplate: Nullable<TemplateRef<any>>;
-
-    previousIconTemplate: Nullable<TemplateRef<any>>;
-
-    nextIconTemplate: Nullable<TemplateRef<any>>;
-
-    tabChanged: boolean | undefined;
-
-    backwardIsDisabled: boolean = true;
-
-    forwardIsDisabled: boolean = false;
-
-    private timerIdForAutoScroll: any = null;
-
-    _focusableItems: MenuItem[] | undefined | any;
-
-    _model: MenuItem[] | undefined;
-
-    _activeItem: MenuItem | undefined;
-
-    focusedItemInfo = signal<any>(null);
-
-    get focusableItems() {
-        if (!this._focusableItems || !this._focusableItems.length) {
-            this._focusableItems = (this.model || []).reduce((result, item) => {
-                result.push(item);
-
-                return result;
-            }, []);
-        }
-        return this._focusableItems;
-    }
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private router: Router,
-        private route: ActivatedRoute,
-        private cd: ChangeDetectorRef
-    ) {
-        this.router.events.pipe(filter((event) => event instanceof NavigationEnd)).subscribe((event: NavigationEnd) => {
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnChanges(simpleChange: SimpleChanges) {
-        if (simpleChange.activeItem) {
-            this.autoScrollForActiveItem();
-        }
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-
-                case 'nexticon':
-                    this.nextIconTemplate = item.template;
-                    break;
-
-                case 'previousicon':
-                    this.previousIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    ngAfterViewInit(): void {
-        if (isPlatformBrowser(this.platformId)) {
-            this.updateInkBar();
-            this.autoScrollForActiveItem();
-            this.initButtonState();
-        }
-    }
-
-    ngAfterViewChecked() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.updateInkBar();
-            this.tabChanged = false;
-        }
-    }
-
-    ngOnDestroy(): void {
-        this.clearAutoScrollHandler();
-    }
-
-    isActive(item: MenuItem) {
-        if (item.routerLink) {
-            const routerLink = Array.isArray(item.routerLink) ? item.routerLink : [item.routerLink];
-
-            return this.router.isActive(this.router.createUrlTree(routerLink, { relativeTo: this.route }).toString(), item.routerLinkActiveOptions?.exact ?? item.routerLinkActiveOptions ?? false);
-        }
-
-        return item === this.activeItem;
-    }
-
-    getItemProp(item: any, name: string) {
-        return item ? ObjectUtils.getItemValue(item[name]) : undefined;
-    }
-
-    visible(item) {
-        return typeof item.visible === 'function' ? item.visible() : item.visible !== false;
-    }
-
-    disabled(item) {
-        return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
-    }
-
-    onMenuItemFocus(item) {
-        this.focusedItemInfo.set(item);
-    }
-
-    itemClick(event: Event, item: MenuItem) {
-        if (item.disabled) {
-            event.preventDefault();
-            return;
-        }
-
-        if (!item.url && !item.routerLink) {
-            event.preventDefault();
-        }
-
-        if (item.command) {
-            item.command({
-                originalEvent: event,
-                item: item
-            });
-        }
-
-        this.activeItem = item;
-        this.tabChanged = true;
-        this.cd.markForCheck();
-    }
-
-    onKeydownItem(event, index, item) {
-        let i = index;
-
-        let foundElement = {};
-        const tabLinks = this.tabLink.toArray();
-        const tabs = this.tab.toArray();
-
-        switch (event.code) {
-            case 'ArrowRight':
-                foundElement = this.findNextItem(tabs, i);
-                i = foundElement['i'];
-                break;
-
-            case 'ArrowLeft':
-                foundElement = this.findPrevItem(tabs, i);
-                i = foundElement['i'];
-                break;
-
-            case 'End':
-                foundElement = this.findPrevItem(tabs, this.model.length);
-                i = foundElement['i'];
-
-                event.preventDefault();
-                break;
-
-            case 'Home':
-                foundElement = this.findNextItem(tabs, -1);
-                i = foundElement['i'];
-
-                event.preventDefault();
-                break;
-
-            case 'Space':
-            case 'Enter':
-                this.itemClick(event, item);
-                break;
-
-            case 'Tab':
-                this.onTabKeyDown(tabLinks);
-                break;
-
-            default:
-                break;
-        }
-
-        if (tabLinks[i] && tabLinks[index]) {
-            tabLinks[index].nativeElement.tabIndex = '-1';
-            tabLinks[i].nativeElement.tabIndex = '0';
-            tabLinks[i].nativeElement.focus();
-        }
-        this.cd.markForCheck();
-    }
-
-    onTabKeyDown(tabLinks) {
-        tabLinks.forEach((item) => {
-            item.nativeElement.tabIndex = DomHandler.getAttribute(item.nativeElement.parentElement, 'data-p-highlight') ? '0' : '-1';
-        });
-    }
-
-    findNextItem(items, index) {
-        let i = index + 1;
-
-        if (i >= items.length) {
-            return { nextItem: items[items.length], i: items.length };
-        }
-
-        let nextItem = items[i];
-
-        if (nextItem) return DomHandler.getAttribute(nextItem.nativeElement, 'data-p-disabled') ? this.findNextItem(items, i) : { nextItem: nextItem.nativeElement, i };
-        else return null;
-    }
-
-    findPrevItem(items, index) {
-        let i = index - 1;
-
-        if (i < 0) {
-            return { prevItem: items[0], i: 0 };
-        }
-
-        let prevItem = items[i];
-
-        if (prevItem) return DomHandler.getAttribute(prevItem.nativeElement, 'data-p-disabled') ? this.findPrevItem(items, i) : { prevItem: prevItem.nativeElement, i };
-        else return null;
-    }
-
-    updateInkBar() {
-        const tabHeader = DomHandler.findSingle(this.navbar?.nativeElement, 'li.p-highlight');
-        if (tabHeader) {
-            (this.inkbar as ElementRef).nativeElement.style.width = DomHandler.getWidth(tabHeader) + 'px';
-            (this.inkbar as ElementRef).nativeElement.style.left = DomHandler.getOffset(tabHeader).left - DomHandler.getOffset(this.navbar?.nativeElement).left + 'px';
-        }
-    }
-
-    getVisibleButtonWidths() {
-        return [this.prevBtn?.nativeElement, this.nextBtn?.nativeElement].reduce((acc, el) => (el ? acc + DomHandler.getWidth(el) : acc), 0);
-    }
-
-    updateButtonState() {
-        const content = this.content?.nativeElement;
-        const { scrollLeft, scrollWidth } = content;
-        const width = DomHandler.getWidth(content);
-
-        this.backwardIsDisabled = scrollLeft === 0;
-        this.forwardIsDisabled = parseInt(scrollLeft) === scrollWidth - width;
-    }
-
-    updateScrollBar(index: number): void {
-        const tabHeader = this.navbar?.nativeElement.children[index];
-
-        if (!tabHeader) {
-            return;
-        }
-
-        if (tabHeader && typeof tabHeader.scrollIntoView === 'function') {
-            tabHeader.scrollIntoView({ block: 'nearest', inline: 'center' });
-        }
-    }
-
-    onScroll(event: Event) {
-        this.scrollable && this.updateButtonState();
-
-        event.preventDefault();
-    }
-
-    navBackward() {
-        const content = this.content?.nativeElement;
-        const width = DomHandler.getWidth(content) - this.getVisibleButtonWidths();
-        const pos = content.scrollLeft - width;
-        content.scrollLeft = pos <= 0 ? 0 : pos;
-    }
-
-    navForward() {
-        const content = this.content?.nativeElement;
-        const width = DomHandler.getWidth(content) - this.getVisibleButtonWidths();
-        const pos = content.scrollLeft + width;
-        const lastPos = content.scrollWidth - width;
-        content.scrollLeft = pos >= lastPos ? lastPos : pos;
-    }
-
-    private autoScrollForActiveItem(): void {
-        if (!this.scrollable) {
-            return;
-        }
-
-        this.clearAutoScrollHandler();
-        // We have to wait for the rendering and then can scroll to element.
-        this.timerIdForAutoScroll = setTimeout(() => {
-            const activeItem = (this.model as MenuItem[]).findIndex((menuItem) => this.isActive(menuItem));
-
-            if (activeItem !== -1) {
-                this.updateScrollBar(activeItem);
-            }
-        });
-    }
-
-    private clearAutoScrollHandler(): void {
-        if (this.timerIdForAutoScroll) {
-            clearTimeout(this.timerIdForAutoScroll);
-            this.timerIdForAutoScroll = null;
-        }
-    }
-
-    private initButtonState(): void {
-        if (this.scrollable) {
-            // We have to wait for the rendering and then retrieve the actual size element from the DOM.
-            // in future `Promise.resolve` can be changed to `queueMicrotask` (if ie11 support will be dropped)
-            Promise.resolve().then(() => {
-                this.updateButtonState();
-                this.cd.markForCheck();
-            });
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, RouterModule, SharedModule, RippleModule, TooltipModule, ChevronLeftIcon, ChevronRightIcon],
-    exports: [TabMenu, RouterModule, SharedModule, TooltipModule],
-    declarations: [TabMenu]
-})
-export class TabMenuModule {}
diff --git a/src/app/components/tabview/ng-package.json b/src/app/components/tabview/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/tabview/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/tabview/public_api.ts b/src/app/components/tabview/public_api.ts
deleted file mode 100644
index ac7d8f4..0000000
--- a/src/app/components/tabview/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './tabview';
-export * from './tabview.interface';
diff --git a/src/app/components/tabview/tabpanel.interface.ts b/src/app/components/tabview/tabpanel.interface.ts
deleted file mode 100644
index 614ed41..0000000
--- a/src/app/components/tabview/tabpanel.interface.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in TabPanel.
- * @group Templates
- */
-export interface TabPanelTemplates {
-    /**
-     * Custom header template.
-     *
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom content template(Default).
-     * @default
-     */
-    content(): TemplateRef<any>;
-    /**
-     * Custom right icon template.
-     */
-    righticon(): TemplateRef<any>;
-    /**
-     * Custom left icon template.
-     */
-    lefticon(): TemplateRef<any>;
-    /**
-     * Custom close icon template.
-     */
-    closeicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/tabview/tabview.css b/src/app/components/tabview/tabview.css
deleted file mode 100644
index 00152eb..0000000
--- a/src/app/components/tabview/tabview.css
+++ /dev/null
@@ -1,76 +0,0 @@
-@layer primeng {
-    .p-tabview-nav-container {
-        position: relative;
-    }
-
-    .p-tabview-scrollable .p-tabview-nav-container {
-        overflow: hidden;
-    }
-
-    .p-tabview-nav-content {
-        overflow-x: auto;
-        overflow-y: hidden;
-        scroll-behavior: smooth;
-        scrollbar-width: none;
-        overscroll-behavior: contain auto;
-    }
-
-    .p-tabview-nav {
-        display: inline-flex;
-        min-width: 100%;
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-        flex: 1 1 auto;
-    }
-
-    .p-tabview-nav-link {
-        cursor: pointer;
-        user-select: none;
-        display: flex;
-        align-items: center;
-        position: relative;
-        text-decoration: none;
-        overflow: hidden;
-    }
-
-    .p-tabview-ink-bar {
-        display: none;
-        z-index: 1;
-    }
-
-    .p-tabview-nav-link:focus {
-        z-index: 1;
-    }
-
-    .p-tabview-title {
-        line-height: 1;
-        white-space: nowrap;
-    }
-
-    .p-tabview-nav-btn {
-        position: absolute;
-        top: 0;
-        z-index: 2;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-tabview-nav-prev {
-        left: 0;
-    }
-
-    .p-tabview-nav-next {
-        right: 0;
-    }
-
-    .p-tabview-nav-content::-webkit-scrollbar {
-        display: none;
-    }
-
-    .p-tabview-close {
-        z-index: 1;
-    }
-}
diff --git a/src/app/components/tabview/tabview.interface.ts b/src/app/components/tabview/tabview.interface.ts
deleted file mode 100644
index e619abe..0000000
--- a/src/app/components/tabview/tabview.interface.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { TabView } from './tabview';
-/**
- * Custom tab change event.
- * @see {@link TabView.onChange}
- * @group Events
- */
-export interface TabViewChangeEvent {
-    /**
-     * Browser event
-     */
-    originalEvent: Event;
-    /**
-     * Index of the selected tab
-     */
-    index: number;
-}
-
-/**
- * Custom tab close event.
- * @see {@link TabView.onClose}
- * @group Events
- */
-export interface TabViewCloseEvent {
-    /**
-     * Browser event
-     */
-    originalEvent: Event;
-    /**
-     * Index of the closed tab
-     */
-    index: number;
-    /**
-     * Used to close tab.
-     */
-    close?(): void;
-}
-
-/**
- * Defines valid templates in TabView.
- * @group Templates
- */
-export interface TabViewTemplates {
-    /**
-     * Previous button icon template for the scrollable component.
-     */
-    previousicon(): TemplateRef<any>;
-    /**
-     * Next button icon template for the scrollable component.
-     */
-    nexticon(): TemplateRef<any>;
-}
diff --git a/src/app/components/tabview/tabview.spec.ts b/src/app/components/tabview/tabview.spec.ts
deleted file mode 100644
index 9ea6e4a..0000000
--- a/src/app/components/tabview/tabview.spec.ts
+++ /dev/null
@@ -1,182 +0,0 @@
-import { Component } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { PrimeTemplate } from 'primeng/api';
-import { TimesIcon } from 'primeng/icons/times';
-import { Tooltip } from 'primeng/tooltip';
-import { TabPanel, TabView } from './tabview';
-
-@Component({
-    template: `<p-tabView>
-        <p-tabPanel header="Godfather I" leftIcon="pi pi-calendar">
-            The story begins as Don Vito Corleone, the head of a New York Mafia family, overseeshis daughter's wedding. His beloved son ichael has just come home from the war, but does not intend to become part of his father's business. T hrough
-            Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family, kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against
-            the good of the family.
-        </p-tabPanel>
-        <p-tabPanel header="Godfather II" leftIcon="pi pi-inbox">
-            Francis Ford Coppola's legendary continuation and sequel to his landmark 1972 film, The_Godfather parallels the young Vito Corleone's rise with his son Michael's spiritual fall, deepening The_Godfather's depiction of the dark side of the
-            American dream. In the early 1900s, the child Vito flees his Sicilian village for America after the local Mafia kills his family. Vito struggles to make a living, legally or illegally, for his wife and growing brood in Little Italy,
-            killing the local Black Hand Fanucci after he demands his customary cut of the tyro's business. With Fanucci gone, Vito's communal stature grows.
-        </p-tabPanel>
-        <p-tabPanel>
-            <ng-template pTemplate="header">Godfather III</ng-template>
-            <ng-template pTemplate="content">
-                After a break of more than 15 years, director Francis Ford Coppola and writer Mario Puzo returned to the well for this third and final story of the fictional Corleone crime family. Two decades have passed, and crime kingpin Michael
-                Corleone, now divorced from his wife Kay has nearly succeeded in keeping his promise that his family would one day be completely legitimate.
-            </ng-template>
-        </p-tabPanel>
-    </p-tabView>`
-})
-class TestTabViewComponent {}
-
-describe('TabView', () => {
-    let tabview: TabView;
-    let firstTabPanel: TabPanel;
-    let secondTabPanel: TabPanel;
-    let thirdTabPanel: TabPanel;
-    let fixture: ComponentFixture<TestTabViewComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, TimesIcon, PrimeTemplate],
-            declarations: [TabView, TabPanel, Tooltip, TestTabViewComponent]
-        }).compileComponents();
-
-        fixture = TestBed.createComponent(TestTabViewComponent);
-        tabview = fixture.debugElement.children[0].componentInstance;
-        firstTabPanel = fixture.debugElement.queryAll(By.css('p-tabPanel'))[0].componentInstance;
-        secondTabPanel = fixture.debugElement.queryAll(By.css('p-tabPanel'))[1].componentInstance;
-        thirdTabPanel = fixture.debugElement.queryAll(By.css('p-tabPanel'))[2].componentInstance;
-        fixture.detectChanges();
-    });
-
-    it('should have a three tabPanel', () => {
-        fixture.detectChanges();
-
-        expect(tabview.tabs.length).toEqual(3);
-    });
-
-    it('should change the header', () => {
-        fixture.detectChanges();
-
-        firstTabPanel.header = 'Primeng ROCKS!';
-        secondTabPanel.header = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        tabview.cd.detectChanges();
-        const firstTabViewNavEl = fixture.debugElement.children[0].children[0].children[0].children[0].children[0].children[0].nativeElement;
-        const secondTabViewNavEl = fixture.debugElement.children[0].children[0].children[0].children[0].children[0].children[1].nativeElement;
-        expect(firstTabViewNavEl.textContent).toContain('Primeng ROCKS!');
-        expect(secondTabViewNavEl.textContent).toContain('Primeng ROCKS!');
-    });
-
-    it('should disabled', () => {
-        fixture.detectChanges();
-
-        firstTabPanel.disabled = true;
-        fixture.detectChanges();
-
-        tabview.cd.detectChanges();
-        const firstTabViewNavEl = fixture.debugElement.children[0].children[0].children[0].children[0].children[0].children[0].nativeElement;
-        expect(firstTabViewNavEl.className).toContain('p-disabled');
-    });
-
-    it('should closable and element count should be 2', () => {
-        fixture.detectChanges();
-
-        firstTabPanel.closable = true;
-        fixture.detectChanges();
-
-        tabview.cd.detectChanges();
-        const firstTabViewNavEl = fixture.debugElement.children[0].children[0].children[0].children[0].query(By.css('timesicon')).nativeElement;
-        expect(firstTabViewNavEl).toBeTruthy();
-        firstTabViewNavEl.click();
-        fixture.detectChanges();
-
-        tabview.cd.detectChanges();
-        const tabviewElCount = fixture.debugElement.queryAll(By.css('.p-tabview-panel')).length;
-        expect(firstTabPanel.closed).toEqual(true);
-        expect(tabviewElCount).toEqual(2);
-    });
-
-    it('should change left and right icon', () => {
-        fixture.detectChanges();
-
-        firstTabPanel.leftIcon = 'PrimeNg ROCKS!';
-        firstTabPanel.rightIcon = 'ALWAYS BET ON PRIME';
-        fixture.detectChanges();
-
-        tabview.cd.detectChanges();
-        const firstTabViewLeftIconEl = fixture.debugElement.query(By.css('.p-tabview-left-icon')).nativeElement;
-        const firstTabViewRightIconEl = fixture.debugElement.query(By.css('.p-tabview-right-icon')).nativeElement;
-        expect(firstTabViewLeftIconEl.className).toContain('PrimeNg ROCKS!');
-        expect(firstTabViewRightIconEl.className).toContain('ALWAYS BET ON PRIME');
-    });
-
-    it('should change headerStyle and headerStyleClass', () => {
-        fixture.detectChanges();
-
-        firstTabPanel.headerStyle = { height: '300px' };
-        firstTabPanel.headerStyleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        tabview.cd.detectChanges();
-        const firstTabViewNavEl = fixture.debugElement.children[0].children[0].children[0].children[0].children[0].children[0].nativeElement;
-        expect(firstTabViewNavEl.className).toContain('Primeng ROCKS!');
-        expect(firstTabViewNavEl.style.height).toContain('300px');
-    });
-
-    it('should change style and styleClass', () => {
-        fixture.detectChanges();
-
-        tabview.style = { height: '300px' };
-        tabview.styleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        tabview.cd.detectChanges();
-        const firstTabViewNavEl = fixture.debugElement.children[0].children[0].nativeElement;
-        expect(firstTabViewNavEl.className).toContain('Primeng ROCKS!');
-        expect(firstTabViewNavEl.style.height).toContain('300px');
-    });
-
-    it('should cache true by default', () => {
-        fixture.detectChanges();
-
-        expect(firstTabPanel.cache).toEqual(true);
-        expect(secondTabPanel.cache).toEqual(true);
-        expect(thirdTabPanel.cache).toEqual(true);
-    });
-
-    it('should open by activeIndex', () => {
-        tabview.activeIndex = 1;
-        fixture.detectChanges();
-
-        tabview.cd.detectChanges();
-        const firstTabViewNavEl = fixture.debugElement.children[0].children[0].children[0].children[0].children[0].children[0].nativeElement;
-        const secondTabViewNavEl = fixture.debugElement.children[0].children[0].children[0].children[0].children[0].children[1].nativeElement;
-        const thirdTabViewNavEl = fixture.debugElement.children[0].children[0].children[0].children[0].children[0].children[2].nativeElement;
-        expect(firstTabViewNavEl.className).not.toContain('p-highlight');
-        expect(secondTabViewNavEl.className).toContain('p-highlight');
-        expect(thirdTabViewNavEl.className).not.toContain('p-highlight');
-    });
-
-    it('should change activeIndex', () => {
-        tabview.activeIndex = 1;
-        fixture.detectChanges();
-
-        let activeIndex;
-        const firstTabViewNavEl = fixture.debugElement.query(By.css('.p-tabview-nav-link')).nativeElement;
-        tabview.activeIndexChange.subscribe((value) => (activeIndex = value));
-        firstTabViewNavEl.click();
-        expect(activeIndex).toEqual(0);
-    });
-
-    it('should display header template', () => {
-        tabview.activeIndex = 2;
-        fixture.detectChanges();
-
-        const thirdTabViewNavEl = fixture.debugElement.children[0].children[0].children[0].children[0].children[0].children[2].nativeElement;
-        expect(thirdTabViewNavEl.textContent).toContain('Godfather III');
-    });
-});
diff --git a/src/app/components/tabview/tabview.ts b/src/app/components/tabview/tabview.ts
deleted file mode 100644
index 25969ee..0000000
--- a/src/app/components/tabview/tabview.ts
+++ /dev/null
@@ -1,881 +0,0 @@
-import { CommonModule, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    AfterViewChecked,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EmbeddedViewRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    OnDestroy,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewContainerRef,
-    ViewEncapsulation,
-    booleanAttribute,
-    forwardRef,
-    numberAttribute,
-    signal
-} from '@angular/core';
-import { BlockableUI, PrimeTemplate, SharedModule } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { ChevronLeftIcon } from 'primeng/icons/chevronleft';
-import { ChevronRightIcon } from 'primeng/icons/chevronright';
-import { TimesIcon } from 'primeng/icons/times';
-import { RippleModule } from 'primeng/ripple';
-import { TooltipModule } from 'primeng/tooltip';
-import { Subscription } from 'rxjs';
-import { TabViewChangeEvent, TabViewCloseEvent } from './tabview.interface';
-import { UniqueComponentId } from 'primeng/utils';
-import { Nullable } from 'primeng/ts-helpers';
-
-/**
- * TabPanel is a helper component for TabView component.
- * @group Components
- */
-@Component({
-    selector: 'p-tabPanel',
-    template: `
-        <div
-            *ngIf="!closed"
-            class="p-tabview-panel"
-            role="tabpanel"
-            [hidden]="!selected"
-            [attr.id]="tabView.getTabContentId(id)"
-            [attr.aria-hidden]="!selected"
-            [attr.aria-labelledby]="tabView.getTabHeaderActionId(id)"
-            [attr.data-pc-name]="'tabpanel'"
-        >
-            <ng-content></ng-content>
-            <ng-container *ngIf="contentTemplate && (cache ? loaded : selected)">
-                <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
-            </ng-container>
-        </div>
-    `,
-    host: {
-        class: 'p-element'
-    }
-})
-export class TabPanel implements AfterContentInit, OnDestroy {
-    /**
-     * Defines if tab can be removed.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) closable: boolean | undefined = false;
-    /**
-     * Inline style of the tab header.
-     * @group Props
-     */
-    @Input() get headerStyle(): { [klass: string]: any } | null | undefined {
-        return this._headerStyle;
-    }
-    set headerStyle(headerStyle: { [klass: string]: any } | null | undefined) {
-        this._headerStyle = headerStyle;
-        this.tabView.cd.markForCheck();
-    }
-    /**
-     * Style class of the tab header.
-     * @group Props
-     */
-    @Input() get headerStyleClass(): string | undefined {
-        return this._headerStyleClass;
-    }
-    set headerStyleClass(headerStyleClass: string | undefined) {
-        this._headerStyleClass = headerStyleClass;
-        this.tabView.cd.markForCheck();
-    }
-    /**
-     * Whether a lazy loaded panel should avoid getting loaded again on reselection.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) cache: boolean | undefined = true;
-    /**
-     * Advisory information to display in a tooltip on hover.
-     * @group Props
-     */
-    @Input() tooltip: string | undefined;
-    /**
-     * Position of the tooltip.
-     * @group Props
-     */
-    @Input() tooltipPosition: 'top' | 'bottom' | 'left' | 'right' | undefined = 'top';
-    /**
-     * Type of CSS position.
-     * @group Props
-     */
-    @Input() tooltipPositionStyle: string | undefined = 'absolute';
-    /**
-     * Style class of the tooltip.
-     * @group Props
-     */
-    @Input() tooltipStyleClass: string | undefined;
-    /**
-     * Defines if tab is active.
-     * @defaultValue false
-     * @group Props
-     */
-    @Input() get selected(): boolean {
-        return !!this._selected;
-    }
-    set selected(val: boolean) {
-        this._selected = val;
-
-        if (!this.loaded) {
-            this.cd.detectChanges();
-        }
-
-        if (val) this.loaded = true;
-    }
-    /**
-     * When true, tab cannot be activated.
-     * @defaultValue false
-     * @group Props
-     */
-    @Input() get disabled(): boolean {
-        return !!this._disabled;
-    }
-    set disabled(disabled: boolean) {
-        this._disabled = disabled;
-        this.tabView.cd.markForCheck();
-    }
-    /**
-     * Title of the tabPanel.
-     * @group Props
-     */
-    @Input() get header(): string {
-        return this._header;
-    }
-    set header(header: string) {
-        this._header = header;
-
-        // We have to wait for the rendering and then retrieve the actual size element from the DOM.
-        // in future `Promise.resolve` can be changed to `queueMicrotask` (if ie11 support will be dropped)
-        Promise.resolve().then(() => {
-            this.tabView.updateInkBar();
-            this.tabView.cd.markForCheck();
-        });
-    }
-    /**
-     * Left icon of the tabPanel.
-     * @group Props
-     * @deprecated since v15.4.2, use `lefticon` template instead.
-     */
-    @Input() get leftIcon(): string {
-        return this._leftIcon;
-    }
-    set leftIcon(leftIcon: string) {
-        this._leftIcon = leftIcon;
-        this.tabView.cd.markForCheck();
-    }
-    /**
-     * Left icon of the tabPanel.
-     * @group Props
-     * @deprecated since v15.4.2, use `righticon` template instead.
-     */
-    @Input() get rightIcon(): string | undefined {
-        return this._rightIcon;
-    }
-    set rightIcon(rightIcon: string | undefined) {
-        this._rightIcon = rightIcon;
-        this.tabView.cd.markForCheck();
-    }
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    closed: boolean = false;
-
-    view: EmbeddedViewRef<any> | null = null;
-
-    _headerStyle: { [klass: string]: any } | null | undefined;
-
-    _headerStyleClass: string | undefined;
-
-    _selected: boolean | undefined;
-
-    _disabled: boolean | undefined;
-
-    _header!: string;
-
-    _leftIcon!: string;
-
-    _rightIcon: string | undefined = undefined;
-
-    loaded: boolean = false;
-
-    public id: string | undefined;
-
-    contentTemplate: TemplateRef<any> | undefined;
-
-    headerTemplate: TemplateRef<any> | undefined;
-
-    leftIconTemplate: TemplateRef<any> | undefined;
-
-    rightIconTemplate: TemplateRef<any> | undefined;
-
-    closeIconTemplate: TemplateRef<any> | undefined;
-
-    tabView: TabView;
-
-    constructor(
-        @Inject(forwardRef(() => TabView)) tabView: TabView,
-        public el: ElementRef,
-        public viewContainer: ViewContainerRef,
-        public cd: ChangeDetectorRef
-    ) {
-        this.tabView = tabView as TabView;
-        this.id = UniqueComponentId();
-    }
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-
-                case 'righticon':
-                    this.rightIconTemplate = item.template;
-                    break;
-
-                case 'lefticon':
-                    this.leftIconTemplate = item.template;
-                    break;
-
-                case 'closeicon':
-                    this.closeIconTemplate = item.template;
-                    break;
-
-                default:
-                    this.contentTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    ngOnDestroy() {
-        this.view = null;
-    }
-}
-/**
- * TabView is a container component to group content with tabs.
- * @group Components
- */
-@Component({
-    selector: 'p-tabView',
-    template: `
-        <div [ngClass]="{ 'p-tabview p-component': true, 'p-tabview-scrollable': scrollable }" [ngStyle]="style" [class]="styleClass" [attr.data-pc-name]="'tabview'">
-            <div #elementToObserve class="p-tabview-nav-container">
-                <button
-                    *ngIf="scrollable && !backwardIsDisabled && autoHideButtons"
-                    #prevBtn
-                    class="p-tabview-nav-prev p-tabview-nav-btn p-link"
-                    (click)="navBackward()"
-                    [attr.tabindex]="tabindex"
-                    [attr.aria-label]="prevButtonAriaLabel"
-                    type="button"
-                    pRipple
-                >
-                    <ChevronLeftIcon *ngIf="!previousIconTemplate" [attr.aria-hidden]="true" />
-                    <ng-template *ngTemplateOutlet="previousIconTemplate"></ng-template>
-                </button>
-                <div #content class="p-tabview-nav-content" (scroll)="onScroll($event)" [attr.data-pc-section]="'navcontent'">
-                    <ul #navbar class="p-tabview-nav" role="tablist" [attr.data-pc-section]="'nav'">
-                        <ng-template ngFor let-tab [ngForOf]="tabs" let-i="index">
-                            <li role="presentation" [ngClass]="{ 'p-highlight': tab.selected, 'p-disabled': tab.disabled }" [attr.data-p-disabled]="tab.disabled" [ngStyle]="tab.headerStyle" [class]="tab.headerStyleClass" *ngIf="!tab.closed">
-                                <a
-                                    role="tab"
-                                    class="p-tabview-nav-link"
-                                    [pTooltip]="tab.tooltip"
-                                    [tooltipPosition]="tab.tooltipPosition"
-                                    [positionStyle]="tab.tooltipPositionStyle"
-                                    [tooltipStyleClass]="tab.tooltipStyleClass"
-                                    [attr.id]="getTabHeaderActionId(tab.id)"
-                                    [attr.aria-controls]="getTabContentId(tab.id)"
-                                    [attr.aria-selected]="tab.selected"
-                                    [attr.tabindex]="tab.disabled || !tab.selected ? '-1' : tabindex"
-                                    [attr.aria-disabled]="tab.disabled"
-                                    [attr.data-pc-index]="i"
-                                    [attr.data-pc-section]="'headeraction'"
-                                    (click)="open($event, tab)"
-                                    (keydown)="onTabKeyDown($event, tab)"
-                                    pRipple
-                                >
-                                    <ng-container *ngIf="!tab.headerTemplate">
-                                        <span class="p-tabview-left-icon" [ngClass]="tab.leftIcon" *ngIf="tab.leftIcon && !tab.leftIconTemplate"></span>
-                                        <span *ngIf="tab.leftIconTemplate" class="p-tabview-left-icon">
-                                            <ng-template *ngTemplateOutlet="tab.leftIconTemplate"></ng-template>
-                                        </span>
-                                        <span class="p-tabview-title">{{ tab.header }}</span>
-                                        <span class="p-tabview-right-icon" [ngClass]="tab.rightIcon" *ngIf="tab.rightIcon && !tab.rightIconTemplate"></span>
-                                        <span *ngIf="tab.rightIconTemplate" class="p-tabview-right-icon">
-                                            <ng-template *ngTemplateOutlet="tab.rightIconTemplate"></ng-template>
-                                        </span>
-                                    </ng-container>
-                                    <ng-container *ngTemplateOutlet="tab.headerTemplate"></ng-container>
-                                    <ng-container *ngIf="tab.closable">
-                                        <TimesIcon *ngIf="!tab.closeIconTemplate" [styleClass]="'p-tabview-close'" (click)="close($event, tab)" />
-                                        <span class="tab.closeIconTemplate" *ngIf="tab.closeIconTemplate"></span>
-                                        <ng-template *ngTemplateOutlet="tab.closeIconTemplate"></ng-template>
-                                    </ng-container>
-                                </a>
-                            </li>
-                        </ng-template>
-                        <li #inkbar class="p-tabview-ink-bar" role="presentation" aria-hidden="true" [attr.data-pc-section]="'inkbar'"></li>
-                    </ul>
-                </div>
-                <button
-                    *ngIf="scrollable && !forwardIsDisabled && buttonVisible"
-                    #nextBtn
-                    [attr.tabindex]="tabindex"
-                    [attr.aria-label]="nextButtonAriaLabel"
-                    class="p-tabview-nav-next p-tabview-nav-btn p-link"
-                    (click)="navForward()"
-                    type="button"
-                    pRipple
-                >
-                    <ChevronRightIcon *ngIf="!nextIconTemplate" [attr.aria-hidden]="true" />
-                    <ng-template *ngTemplateOutlet="nextIconTemplate"></ng-template>
-                </button>
-            </div>
-            <div class="p-tabview-panels">
-                <ng-content></ng-content>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./tabview.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class TabView implements AfterContentInit, AfterViewChecked, OnDestroy, BlockableUI {
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Whether tab close is controlled at onClose event or not.
-     * @defaultValue false
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) controlClose: boolean | undefined;
-    /**
-     * When enabled displays buttons at each side of the tab headers to scroll the tab list.
-     * @defaultValue false
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) scrollable: boolean | undefined;
-    /**
-     * Index of the active tab to change selected tab programmatically.
-     * @group Props
-     */
-    @Input() get activeIndex(): number {
-        return this._activeIndex;
-    }
-    set activeIndex(val: number) {
-        this._activeIndex = val;
-        if (this.preventActiveIndexPropagation) {
-            this.preventActiveIndexPropagation = false;
-            return;
-        }
-
-        if (this.tabs && this.tabs.length && this._activeIndex != null && this.tabs.length > this._activeIndex) {
-            (this.findSelectedTab() as TabPanel).selected = false;
-            this.tabs[this._activeIndex].selected = true;
-            this.tabChanged = true;
-
-            this.updateScrollBar(val);
-        }
-    }
-    /**
-     * When enabled, the focused tab is activated.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) selectOnFocus: boolean = false;
-    /**
-     * Used to define a string aria label attribute the forward navigation button.
-     * @group Props
-     */
-    @Input() nextButtonAriaLabel: string | undefined;
-    /**
-     * Used to define a string aria label attribute the backward navigation button.
-     * @group Props
-     */
-    @Input() prevButtonAriaLabel: string | undefined;
-    /**
-     * When activated, navigation buttons will automatically hide or show based on the available space within the container.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoHideButtons: boolean = true;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number = 0;
-    /**
-     * Callback to invoke on tab change.
-     * @param {TabViewChangeEvent} event - Custom tab change event
-     * @group Emits
-     */
-    @Output() onChange: EventEmitter<TabViewChangeEvent> = new EventEmitter<TabViewChangeEvent>();
-    /**
-     * Callback to invoke on tab close.
-     * @param {TabViewCloseEvent} event - Custom tab close event
-     * @group Emits
-     */
-    @Output() onClose: EventEmitter<TabViewCloseEvent> = new EventEmitter<TabViewCloseEvent>();
-    /**
-     * Callback to invoke on the active tab change.
-     * @param {number} index - New active index
-     * @group Emits
-     */
-    @Output() activeIndexChange: EventEmitter<number> = new EventEmitter<number>();
-
-    @ViewChild('content') content?: ElementRef<HTMLDivElement>;
-
-    @ViewChild('navbar') navbar?: ElementRef<HTMLUListElement>;
-
-    @ViewChild('prevBtn') prevBtn?: ElementRef;
-
-    @ViewChild('nextBtn') nextBtn?: ElementRef;
-
-    @ViewChild('inkbar') inkbar?: ElementRef;
-
-    @ContentChildren(TabPanel) tabPanels: QueryList<TabPanel> | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    initialized: boolean | undefined;
-
-    tabs!: TabPanel[];
-
-    _activeIndex!: number;
-
-    preventActiveIndexPropagation!: boolean;
-
-    tabChanged: boolean | undefined;
-
-    backwardIsDisabled: boolean = true;
-
-    forwardIsDisabled: boolean = false;
-
-    private tabChangesSubscription!: Subscription;
-
-    nextIconTemplate: TemplateRef<any> | undefined;
-
-    previousIconTemplate: TemplateRef<any> | undefined;
-
-    resizeObserver: Nullable<ResizeObserver>;
-
-    container: HTMLDivElement | undefined;
-
-    list: HTMLUListElement | undefined;
-
-    buttonVisible: boolean;
-
-    @ViewChild('elementToObserve') elementToObserve: ElementRef;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        public el: ElementRef,
-        public cd: ChangeDetectorRef,
-        private renderer: Renderer2
-    ) {}
-
-    ngAfterContentInit() {
-        this.initTabs();
-
-        this.tabChangesSubscription = (this.tabPanels as QueryList<TabPanel>).changes.subscribe((_) => {
-            this.initTabs();
-            this.refreshButtonState();
-            this.callResizeObserver();
-        });
-
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'previousicon':
-                    this.previousIconTemplate = item.template;
-                    break;
-
-                case 'nexticon':
-                    this.nextIconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    callResizeObserver() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (this.autoHideButtons) {
-                this.bindResizeObserver();
-            }
-        }
-    }
-
-    ngAfterViewInit() {
-        this.callResizeObserver();
-    }
-
-    bindResizeObserver() {
-        this.container = DomHandler.findSingle(this.el.nativeElement, '[data-pc-section="navcontent"]');
-        this.list = DomHandler.findSingle(this.el.nativeElement, '[data-pc-section="nav"]');
-
-        this.resizeObserver = new ResizeObserver(() => {
-            if (this.list.offsetWidth >= this.container.offsetWidth) {
-                this.buttonVisible = true;
-            } else {
-                this.buttonVisible = false;
-            }
-            this.updateButtonState();
-            this.cd.detectChanges();
-        });
-        this.resizeObserver.observe(this.container);
-    }
-
-    unbindResizeObserver() {
-        this.resizeObserver.unobserve(this.elementToObserve.nativeElement);
-        this.resizeObserver = null;
-    }
-
-    ngAfterViewChecked() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (this.tabChanged) {
-                this.updateInkBar();
-                this.tabChanged = false;
-            }
-        }
-    }
-
-    ngOnDestroy(): void {
-        if (this.tabChangesSubscription) {
-            this.tabChangesSubscription.unsubscribe();
-        }
-
-        if (this.resizeObserver) {
-            this.unbindResizeObserver();
-        }
-    }
-
-    getTabHeaderActionId(tabId) {
-        return `${tabId}_header_action`;
-    }
-
-    getTabContentId(tabId) {
-        return `${tabId}_content`;
-    }
-
-    initTabs(): void {
-        this.tabs = (this.tabPanels as QueryList<TabPanel>).toArray();
-        let selectedTab: TabPanel = this.findSelectedTab() as TabPanel;
-        if (!selectedTab && this.tabs.length) {
-            if (this.activeIndex != null && this.tabs.length > this.activeIndex) this.tabs[this.activeIndex].selected = true;
-            else this.tabs[0].selected = true;
-
-            this.tabChanged = true;
-        }
-
-        this.cd.markForCheck();
-    }
-
-    onTabKeyDown(event: KeyboardEvent, tab: TabPanel): void {
-        switch (event.code) {
-            case 'ArrowLeft':
-                this.onTabArrowLeftKey(event);
-                break;
-
-            case 'ArrowRight':
-                this.onTabArrowRightKey(event);
-                break;
-
-            case 'Home':
-                this.onTabHomeKey(event);
-                break;
-
-            case 'End':
-                this.onTabEndKey(event);
-                break;
-
-            case 'PageDown':
-                this.onTabEndKey(event);
-                break;
-
-            case 'PageUp':
-                this.onTabHomeKey(event);
-                break;
-
-            case 'Enter':
-            case 'Space':
-                this.open(event, tab);
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    onTabArrowLeftKey(event: KeyboardEvent) {
-        const prevHeaderAction = this.findPrevHeaderAction((<HTMLElement>event.target).parentElement);
-        const index = DomHandler.getAttribute(prevHeaderAction, 'data-pc-index');
-
-        prevHeaderAction ? this.changeFocusedTab(event, prevHeaderAction, index) : this.onTabEndKey(event);
-        event.preventDefault();
-    }
-
-    onTabArrowRightKey(event: KeyboardEvent) {
-        const nextHeaderAction = this.findNextHeaderAction((<HTMLElement>event.target).parentElement);
-        const index = DomHandler.getAttribute(nextHeaderAction, 'data-pc-index');
-
-        nextHeaderAction ? this.changeFocusedTab(event, nextHeaderAction, index) : this.onTabHomeKey(event);
-        event.preventDefault();
-    }
-
-    onTabHomeKey(event: KeyboardEvent) {
-        const firstHeaderAction = this.findFirstHeaderAction();
-        const index = DomHandler.getAttribute(firstHeaderAction, 'data-pc-index');
-
-        this.changeFocusedTab(event, firstHeaderAction, index);
-        event.preventDefault();
-    }
-
-    onTabEndKey(event: KeyboardEvent) {
-        const lastHeaderAction = this.findLastHeaderAction();
-        const index = DomHandler.getAttribute(lastHeaderAction, 'data-pc-index');
-
-        this.changeFocusedTab(event, lastHeaderAction, index);
-        event.preventDefault();
-    }
-
-    changeFocusedTab(event: KeyboardEvent, element: any, index: number) {
-        if (element) {
-            DomHandler.focus(element);
-            element.scrollIntoView({ block: 'nearest' });
-
-            if (this.selectOnFocus) {
-                const tab = this.tabs[index];
-                this.open(event, tab);
-            }
-        }
-    }
-
-    findNextHeaderAction(tabElement: any, selfCheck = false) {
-        const headerElement = selfCheck ? tabElement : tabElement.nextElementSibling;
-        return headerElement
-            ? DomHandler.getAttribute(headerElement, 'data-p-disabled') || DomHandler.getAttribute(headerElement, 'data-pc-section') === 'inkbar'
-                ? this.findNextHeaderAction(headerElement)
-                : DomHandler.findSingle(headerElement, '[data-pc-section="headeraction"]')
-            : null;
-    }
-
-    findPrevHeaderAction(tabElement: any, selfCheck = false) {
-        const headerElement = selfCheck ? tabElement : tabElement.previousElementSibling;
-
-        return headerElement
-            ? DomHandler.getAttribute(headerElement, 'data-p-disabled') || DomHandler.getAttribute(headerElement, 'data-pc-section') === 'inkbar'
-                ? this.findPrevHeaderAction(headerElement)
-                : DomHandler.findSingle(headerElement, '[data-pc-section="headeraction"]')
-            : null;
-    }
-
-    findFirstHeaderAction() {
-        const firstEl = this.navbar.nativeElement.firstElementChild;
-        return this.findNextHeaderAction(firstEl, true);
-    }
-
-    findLastHeaderAction() {
-        const lastEl = this.navbar.nativeElement.lastElementChild;
-        const lastHeaderAction = DomHandler.getAttribute(lastEl, 'data-pc-section') === 'inkbar' ? lastEl.previousElementSibling : lastEl;
-        return this.findPrevHeaderAction(lastHeaderAction, true);
-    }
-
-    open(event: Event, tab: TabPanel) {
-        if (tab.disabled) {
-            if (event) {
-                event.preventDefault();
-            }
-            return;
-        }
-
-        if (!tab.selected) {
-            let selectedTab: TabPanel = this.findSelectedTab() as TabPanel;
-            if (selectedTab) {
-                selectedTab.selected = false;
-            }
-
-            this.tabChanged = true;
-            tab.selected = true;
-            let selectedTabIndex = this.findTabIndex(tab);
-            this.preventActiveIndexPropagation = true;
-            this.activeIndexChange.emit(selectedTabIndex);
-            this.onChange.emit({ originalEvent: event, index: selectedTabIndex });
-
-            this.updateScrollBar(selectedTabIndex);
-        }
-
-        if (event) {
-            event.preventDefault();
-        }
-    }
-
-    close(event: Event, tab: TabPanel) {
-        if (this.controlClose) {
-            this.onClose.emit({
-                originalEvent: event,
-                index: this.findTabIndex(tab),
-                close: () => {
-                    this.closeTab(tab);
-                }
-            });
-        } else {
-            this.closeTab(tab);
-            this.onClose.emit({
-                originalEvent: event,
-                index: this.findTabIndex(tab)
-            });
-        }
-    }
-
-    closeTab(tab: TabPanel) {
-        if (tab.disabled) {
-            return;
-        }
-        if (tab.selected) {
-            this.tabChanged = true;
-            tab.selected = false;
-            for (let i = 0; i < this.tabs.length; i++) {
-                let tabPanel = this.tabs[i];
-                if (!tabPanel.closed && !tab.disabled) {
-                    tabPanel.selected = true;
-                    break;
-                }
-            }
-        }
-
-        tab.closed = true;
-        setTimeout(() => {
-            this.updateInkBar();
-        });
-    }
-
-    findSelectedTab(): TabPanel | null {
-        for (let i = 0; i < this.tabs.length; i++) {
-            if (this.tabs[i].selected) {
-                return this.tabs[i];
-            }
-        }
-        return null;
-    }
-
-    findTabIndex(tab: TabPanel) {
-        let index = -1;
-        for (let i = 0; i < this.tabs.length; i++) {
-            if (this.tabs[i] == tab) {
-                index = i;
-                break;
-            }
-        }
-        return index;
-    }
-
-    getBlockableElement(): HTMLElement {
-        return this.el.nativeElement.children[0];
-    }
-
-    updateInkBar() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (this.navbar) {
-                const tabHeader: HTMLElement | null = DomHandler.findSingle(this.navbar.nativeElement, 'li.p-highlight');
-
-                if (!tabHeader) {
-                    return;
-                }
-
-                (this.inkbar as ElementRef).nativeElement.style.width = DomHandler.getWidth(tabHeader) + 'px';
-                (this.inkbar as ElementRef).nativeElement.style.left = DomHandler.getOffset(tabHeader).left - DomHandler.getOffset(this.navbar.nativeElement).left + 'px';
-            }
-        }
-    }
-
-    updateScrollBar(index: number) {
-        let tabHeader = (this.navbar as ElementRef).nativeElement.children[index];
-
-        if (tabHeader) {
-            tabHeader.scrollIntoView({ block: 'nearest' });
-        }
-    }
-
-    updateButtonState() {
-        const content = (this.content as ElementRef).nativeElement;
-        const { scrollLeft, scrollWidth } = content;
-        const width = DomHandler.getWidth(content);
-
-        this.backwardIsDisabled = scrollLeft === 0;
-        this.forwardIsDisabled = Math.round(scrollLeft) === scrollWidth - width;
-    }
-
-    refreshButtonState() {
-        this.container = DomHandler.findSingle(this.el.nativeElement, '[data-pc-section="navcontent"]');
-        this.list = DomHandler.findSingle(this.el.nativeElement, '[data-pc-section="nav"]');
-        if (this.list.offsetWidth >= this.container.offsetWidth) {
-            if (this.list.offsetWidth >= this.container.offsetWidth) {
-                this.buttonVisible = true;
-            } else {
-                this.buttonVisible = false;
-            }
-            this.updateButtonState();
-            this.cd.markForCheck();
-        }
-    }
-
-    onScroll(event: Event) {
-        this.scrollable && this.updateButtonState();
-
-        event.preventDefault();
-    }
-
-    getVisibleButtonWidths() {
-        return [this.prevBtn?.nativeElement, this.nextBtn?.nativeElement].reduce((acc, el) => (el ? acc + DomHandler.getWidth(el) : acc), 0);
-    }
-
-    navBackward() {
-        const content = (this.content as ElementRef).nativeElement;
-        const width = DomHandler.getWidth(content) - this.getVisibleButtonWidths();
-        const pos = content.scrollLeft - width;
-        content.scrollLeft = pos <= 0 ? 0 : pos;
-    }
-
-    navForward() {
-        const content = (this.content as ElementRef).nativeElement;
-        const width = DomHandler.getWidth(content) - this.getVisibleButtonWidths();
-        const pos = content.scrollLeft + width;
-        const lastPos = content.scrollWidth - width;
-
-        content.scrollLeft = pos >= lastPos ? lastPos : pos;
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, TooltipModule, RippleModule, TimesIcon, ChevronLeftIcon, ChevronRightIcon],
-    exports: [TabView, TabPanel, SharedModule],
-    declarations: [TabView, TabPanel]
-})
-export class TabViewModule {}
diff --git a/src/app/components/tag/ng-package.json b/src/app/components/tag/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/tag/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/tag/public_api.ts b/src/app/components/tag/public_api.ts
deleted file mode 100644
index 3fcf04c..0000000
--- a/src/app/components/tag/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './tag';
-export * from './tag.interface';
diff --git a/src/app/components/tag/tag.css b/src/app/components/tag/tag.css
deleted file mode 100644
index 87e0cc6..0000000
--- a/src/app/components/tag/tag.css
+++ /dev/null
@@ -1,17 +0,0 @@
-@layer primeng {
-    .p-tag {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-tag-icon,
-    .p-tag-value,
-    .p-tag-icon.pi {
-        line-height: 1.5;
-    }
-
-    .p-tag.p-tag-rounded {
-        border-radius: 10rem;
-    }
-}
diff --git a/src/app/components/tag/tag.interface.ts b/src/app/components/tag/tag.interface.ts
deleted file mode 100644
index a8335b7..0000000
--- a/src/app/components/tag/tag.interface.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in Tag.
- * @group Templates
- */
-export interface TagTemplates {
-    /**
-     * Custom icon template
-     */
-    icon(): TemplateRef<any>;
-}
diff --git a/src/app/components/tag/tag.spec.ts b/src/app/components/tag/tag.spec.ts
deleted file mode 100644
index 9682d0e..0000000
--- a/src/app/components/tag/tag.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { Tag, TagModule } from './tag';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { By } from '@angular/platform-browser';
-
-describe('Tag', () => {
-    let tag: Tag;
-    let fixture: ComponentFixture<Tag>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, TagModule]
-        });
-
-        fixture = TestBed.createComponent(Tag);
-        tag = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const tagEl = fixture.debugElement.query(By.css('.p-tag'));
-        expect(tagEl.nativeElement).toBeTruthy();
-    });
-});
diff --git a/src/app/components/tag/tag.ts b/src/app/components/tag/tag.ts
deleted file mode 100644
index da52985..0000000
--- a/src/app/components/tag/tag.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, Input, NgModule, QueryList, TemplateRef, ViewEncapsulation, booleanAttribute } from '@angular/core';
-import { PrimeTemplate, SharedModule } from 'primeng/api';
-/**
- * Tag component is used to categorize content.
- * @group Components
- */
-@Component({
-    selector: 'p-tag',
-    template: `
-        <span [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="style">
-            <ng-content></ng-content>
-            <ng-container *ngIf="!iconTemplate">
-                <span class="p-tag-icon" [ngClass]="icon" *ngIf="icon"></span>
-            </ng-container>
-            <span class="p-tag-icon" *ngIf="iconTemplate">
-                <ng-template *ngTemplateOutlet="iconTemplate"></ng-template>
-            </span>
-            <span class="p-tag-value">{{ value }}</span>
-        </span>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./tag.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Tag {
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() get style(): { [klass: string]: any } | null | undefined {
-        return this._style;
-    }
-    set style(value: { [klass: string]: any } | null | undefined) {
-        this._style = value;
-        this.cd.markForCheck();
-    }
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Severity type of the tag.
-     * @group Props
-     */
-    @Input() severity: 'success' | 'secondary' | 'info' | 'warning' | 'danger' | 'contrast' | undefined;
-    /**
-     * Value to display inside the tag.
-     * @group Props
-     */
-    @Input() value: string | undefined;
-    /**
-     * Icon of the tag to display next to the value.
-     * @group Props
-     * @deprecated since 15.4.2. Use 'icon' template.
-     */
-    @Input() icon: string | undefined;
-    /**
-     * Whether the corners of the tag are rounded.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) rounded: boolean | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    iconTemplate: TemplateRef<any> | undefined;
-
-    _style: { [klass: string]: any } | null | undefined;
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'icon':
-                    this.iconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    constructor(private cd: ChangeDetectorRef) {}
-
-    containerClass() {
-        return {
-            'p-tag p-component': true,
-            [`p-tag-${this.severity}`]: this.severity,
-            'p-tag-rounded': this.rounded
-        };
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule],
-    exports: [Tag, SharedModule],
-    declarations: [Tag]
-})
-export class TagModule {}
diff --git a/src/app/components/terminal/ng-package.json b/src/app/components/terminal/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/terminal/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/terminal/public_api.ts b/src/app/components/terminal/public_api.ts
deleted file mode 100644
index 7a0ce8b..0000000
--- a/src/app/components/terminal/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './terminal';
-export * from './terminalservice';
diff --git a/src/app/components/terminal/terminal.css b/src/app/components/terminal/terminal.css
deleted file mode 100644
index 103a402..0000000
--- a/src/app/components/terminal/terminal.css
+++ /dev/null
@@ -1,24 +0,0 @@
-@layer primeng {
-    .p-terminal {
-        height: 18rem;
-        overflow: auto;
-    }
-
-    .p-terminal-prompt-container {
-        display: flex;
-        align-items: center;
-    }
-
-    .p-terminal-input {
-        flex: 1 1 auto;
-        border: 0 none;
-        background-color: transparent;
-        color: inherit;
-        padding: 0;
-        outline: 0 none;
-    }
-
-    .p-terminal-input::-ms-clear {
-        display: none;
-    }
-}
diff --git a/src/app/components/terminal/terminal.interface.ts b/src/app/components/terminal/terminal.interface.ts
deleted file mode 100644
index 192d852..0000000
--- a/src/app/components/terminal/terminal.interface.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-/**
- * Defines Terminal service options.
- * @group Interface
- */
-export interface TerminalService {
-    /**
-     * Emits command value.
-     * @param {string} command - Command value.
-     */
-    sendCommand: (command: string) => void;
-    /**
-     * Emits response value.
-     * @param {string} response - Response value.
-     */
-    sendResponse: (response: string) => void;
-}
diff --git a/src/app/components/terminal/terminal.spec.ts b/src/app/components/terminal/terminal.spec.ts
deleted file mode 100644
index cb23492..0000000
--- a/src/app/components/terminal/terminal.spec.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Terminal } from './terminal';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { TerminalService } from './terminalservice';
-import { FormsModule } from '@angular/forms';
-import { Component } from '@angular/core';
-import { Subscription } from 'rxjs';
-
-@Component({
-    template: `<p-terminal welcomeMessage="Welcome to PrimeNG" prompt="primeng $"></p-terminal>`
-})
-class TestTerminalComponent {
-    subscription: Subscription;
-
-    constructor(private terminalService: TerminalService) {
-        this.terminalService.commandHandler.subscribe((command) => {
-            let response = command === 'd' ? 'Command succeed' : 'Unknown command: ' + command;
-            this.terminalService.sendResponse(response);
-        });
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-describe('Terminal', () => {
-    let terminal: Terminal;
-    let fixture: ComponentFixture<TestTerminalComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, FormsModule],
-            declarations: [Terminal, TestTerminalComponent],
-            providers: [TerminalService]
-        });
-
-        fixture = TestBed.createComponent(TestTerminalComponent);
-        terminal = fixture.debugElement.children[0].componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const terminalEl = fixture.debugElement.query(By.css('div'));
-        expect(terminalEl.nativeElement).toBeTruthy();
-    });
-
-    it('should handle command', () => {
-        fixture.detectChanges();
-
-        terminal.command = 'd';
-        let event = { keyCode: 13 };
-        terminal.handleCommand(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        terminal.cd.detectChanges();
-        expect(terminal.command).toEqual('');
-        const commandEl = fixture.debugElement.query(By.css('.p-terminal-command'));
-        const responseEl = fixture.debugElement.query(By.css('.p-terminal-content')).queryAll(By.css('div'))[1];
-        expect(commandEl.nativeElement.textContent).toEqual('d');
-        expect(responseEl.nativeElement.textContent).toEqual('Command succeed');
-    });
-
-    it('should not handle command', () => {
-        fixture.detectChanges();
-
-        terminal.command = 'dd';
-        let event = { keyCode: 13 };
-        terminal.handleCommand(event as KeyboardEvent);
-        fixture.detectChanges();
-
-        terminal.cd.detectChanges();
-        expect(terminal.command).toEqual('');
-        const commandEl = fixture.debugElement.query(By.css('.p-terminal-command'));
-        const responseEl = fixture.debugElement.query(By.css('.p-terminal-content')).queryAll(By.css('div'))[1];
-        expect(commandEl.nativeElement.textContent).toEqual('dd');
-        expect(responseEl.nativeElement.textContent).toEqual('Unknown command: dd');
-    });
-});
diff --git a/src/app/components/terminal/terminal.ts b/src/app/components/terminal/terminal.ts
deleted file mode 100644
index fa714e3..0000000
--- a/src/app/components/terminal/terminal.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-import { NgModule, Component, AfterViewInit, AfterViewChecked, OnDestroy, Input, ElementRef, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from 'primeng/dom';
-import { TerminalService } from './terminalservice';
-import { Subscription } from 'rxjs';
-/**
- * Terminal is a text based user interface.
- * @group Components
- */
-@Component({
-    selector: 'p-terminal',
-    template: `
-        <div [ngClass]="'p-terminal p-component'" [ngStyle]="style" [class]="styleClass" (click)="focus(in)">
-            <div *ngIf="welcomeMessage">{{ welcomeMessage }}</div>
-            <div class="p-terminal-content">
-                <div *ngFor="let command of commands">
-                    <span class="p-terminal-prompt">{{ prompt }}</span>
-                    <span class="p-terminal-command">{{ command.text }}</span>
-                    <div class="p-terminal-response" [attr.aria-live]="'polite'">{{ command.response }}</div>
-                </div>
-            </div>
-            <div class="p-terminal-prompt-container">
-                <span class="p-terminal-content-prompt">{{ prompt }}</span>
-                <input #in type="text" [(ngModel)]="command" class="p-terminal-input" autocomplete="off" (keydown)="handleCommand($event)" autofocus />
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./terminal.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Terminal implements AfterViewInit, AfterViewChecked, OnDestroy {
-    /**
-     * Initial text to display on terminal.
-     * @group Props
-     */
-    @Input() welcomeMessage: string | undefined;
-    /**
-     * Prompt text for each command.
-     * @group Props
-     */
-    @Input() prompt: string | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-
-    commands: any[] = [];
-
-    command!: string;
-
-    container!: Element;
-
-    commandProcessed!: boolean;
-
-    subscription: Subscription;
-
-    constructor(
-        public el: ElementRef,
-        public terminalService: TerminalService,
-        public cd: ChangeDetectorRef
-    ) {
-        this.subscription = terminalService.responseHandler.subscribe((response) => {
-            this.commands[this.commands.length - 1].response = response;
-            this.commandProcessed = true;
-        });
-    }
-
-    ngAfterViewInit() {
-        this.container = DomHandler.find(this.el.nativeElement, '.p-terminal')[0];
-    }
-
-    ngAfterViewChecked() {
-        if (this.commandProcessed) {
-            this.container.scrollTop = this.container.scrollHeight;
-            this.commandProcessed = false;
-        }
-    }
-
-    @Input()
-    set response(value: string) {
-        if (value) {
-            this.commands[this.commands.length - 1].response = value;
-            this.commandProcessed = true;
-        }
-    }
-
-    handleCommand(event: KeyboardEvent) {
-        if (event.keyCode == 13) {
-            this.commands.push({ text: this.command });
-            this.terminalService.sendCommand(this.command);
-            this.command = '';
-        }
-    }
-
-    focus(element: HTMLElement) {
-        element.focus();
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, FormsModule],
-    exports: [Terminal],
-    declarations: [Terminal]
-})
-export class TerminalModule {}
diff --git a/src/app/components/terminal/terminalservice.ts b/src/app/components/terminal/terminalservice.ts
deleted file mode 100644
index 295256a..0000000
--- a/src/app/components/terminal/terminalservice.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-
-@Injectable()
-export class TerminalService {
-    private commandSource = new Subject<string>();
-    private responseSource = new Subject<string>();
-
-    commandHandler = this.commandSource.asObservable();
-    responseHandler = this.responseSource.asObservable();
-
-    sendCommand(command: string) {
-        if (command) {
-            this.commandSource.next(command);
-        }
-    }
-
-    sendResponse(response: string) {
-        if (response) {
-            this.responseSource.next(response);
-        }
-    }
-}
diff --git a/src/app/components/tieredmenu/ng-package.json b/src/app/components/tieredmenu/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/tieredmenu/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/tieredmenu/public_api.ts b/src/app/components/tieredmenu/public_api.ts
deleted file mode 100644
index d2e949d..0000000
--- a/src/app/components/tieredmenu/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './tieredmenu';
-export * from './tieredmenu.interface';
diff --git a/src/app/components/tieredmenu/tieredmenu.css b/src/app/components/tieredmenu/tieredmenu.css
deleted file mode 100644
index e7d8051..0000000
--- a/src/app/components/tieredmenu/tieredmenu.css
+++ /dev/null
@@ -1,55 +0,0 @@
-@layer primeng {
-    .p-tieredmenu-overlay {
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-
-    .p-tieredmenu ul {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-    }
-
-    .p-tieredmenu .p-submenu-list {
-        position: absolute;
-        min-width: 100%;
-        z-index: 1;
-        display: none;
-    }
-
-    .p-tieredmenu .p-menuitem-link {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        text-decoration: none;
-        overflow: hidden;
-        position: relative;
-    }
-
-    .p-tieredmenu .p-menuitem-text {
-        line-height: 1;
-    }
-
-    .p-tieredmenu .p-menuitem {
-        position: relative;
-    }
-
-    .p-tieredmenu .p-menuitem-link .p-submenu-icon:not(svg) {
-        margin-left: auto;
-    }
-
-    .p-tieredmenu .p-menuitem-link .p-icon-wrapper {
-        margin-left: auto;
-    }
-
-    .p-tieredmenu .p-menuitem-active > p-tieredmenusub > .p-submenu-list {
-        display: block;
-        left: 100%;
-        top: 0;
-    }
-
-    .p-tieredmenu .p-menuitem-active > p-tieredmenusub > .p-submenu-list.p-submenu-list-flipped {
-        left: -100%;
-    }
-}
diff --git a/src/app/components/tieredmenu/tieredmenu.interface.ts b/src/app/components/tieredmenu/tieredmenu.interface.ts
deleted file mode 100644
index 96ccb94..0000000
--- a/src/app/components/tieredmenu/tieredmenu.interface.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in TieredMenu.
- * @group Templates
- */
-export interface TieredMenuTemplates {
-    /**
-     * Custom template of item.
-     */
-    item(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: any;
-        /**
-         * Submenu control of the item.
-         */
-        hasSubmenu: boolean;
-    }): TemplateRef<{ $implicit: any; hasSubmenu: boolean }>;
-    /**
-     * Custom template of submenuicon.
-     */
-    submenuicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/tieredmenu/tieredmenu.spec.ts b/src/app/components/tieredmenu/tieredmenu.spec.ts
deleted file mode 100644
index 7e82f73..0000000
--- a/src/app/components/tieredmenu/tieredmenu.spec.ts
+++ /dev/null
@@ -1,385 +0,0 @@
-import { TestBed, ComponentFixture, fakeAsync, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { TieredMenu, TieredMenuModule, TieredMenuSub } from './tieredmenu';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
-
-describe('TieredMenu', () => {
-    let tieredmenu: TieredMenu;
-    let fixture: ComponentFixture<TieredMenu>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, RouterTestingModule, TieredMenuModule]
-        });
-
-        fixture = TestBed.createComponent(TieredMenu);
-        tieredmenu = fixture.componentInstance;
-    });
-
-    it('should created by default', () => {
-        fixture.detectChanges();
-
-        const tieredmenuEl = fixture.debugElement.query(By.css('div'));
-        expect(tieredmenuEl).toBeTruthy();
-    });
-
-    it('should not created', () => {
-        tieredmenu.popup = true;
-        fixture.detectChanges();
-
-        const tieredmenuEl = fixture.debugElement.query(By.css('div'));
-        expect(tieredmenuEl).toBeFalsy();
-    });
-
-    it('should change style and styleClass', () => {
-        tieredmenu.styleClass = 'Primeng ROCKS!';
-        tieredmenu.style = { height: '300px' };
-        fixture.detectChanges();
-
-        const tieredmenuEl = fixture.debugElement.query(By.css('div'));
-        const styleEl = tieredmenuEl.styles.height;
-        expect(tieredmenuEl.nativeElement.className).toContain('Primeng ROCKS!');
-        expect(styleEl).toEqual('300px');
-    });
-
-    it('should change autoZindex', () => {
-        tieredmenu.model = [
-            {
-                label: 'File',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        items: [{ label: 'Project' }, { label: 'Other' }]
-                    },
-                    { label: 'Open' },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ]
-            }
-        ];
-        tieredmenu.autoZIndex = true;
-        fixture.detectChanges();
-
-        const subMenuEl = fixture.debugElement.query(By.css('p-tieredMenuSub')).componentInstance;
-        expect(subMenuEl.autoZIndex).toEqual(true);
-    });
-
-    it('should change baseZIndex', () => {
-        tieredmenu.model = [
-            {
-                label: 'File',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        items: [{ label: 'Project' }, { label: 'Other' }]
-                    },
-                    { label: 'Open' },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ]
-            }
-        ];
-        tieredmenu.baseZIndex = 500;
-        fixture.detectChanges();
-
-        const subMenuEl = fixture.debugElement.query(By.css('p-tieredMenuSub')).componentInstance;
-        expect(subMenuEl.baseZIndex).toEqual(500);
-    });
-
-    it('should show items', () => {
-        tieredmenu.model = [
-            {
-                label: 'File',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        items: [{ label: 'Project' }, { label: 'Other' }]
-                    },
-                    { label: 'Open' },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-        const items = fixture.debugElement.query(By.css('ul'));
-        expect(items.children.length).toEqual(2);
-    });
-
-    it('should call itemClick when click', () => {
-        tieredmenu.model = [
-            {
-                label: 'File',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        items: [{ label: 'Project' }, { label: 'Other' }],
-                        command: () => {}
-                    },
-                    { label: 'Open' },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ],
-                disabled: true
-            }
-        ];
-        fixture.detectChanges();
-
-        const subMenuComponent = fixture.debugElement.query(By.css('p-tieredMenuSub')).componentInstance as TieredMenuSub;
-        const itemClickSpy = spyOn(subMenuComponent, 'onItemClick').and.callThrough();
-        const items = fixture.debugElement.query(By.css('ul'));
-        const fileItemEl = items.children[0].query(By.css('a')).nativeElement;
-        const editItemEl = items.children[1].query(By.css('a')).nativeElement;
-        const newItemEl = items.children[0].queryAll(By.css('a'))[1].nativeElement;
-        fileItemEl.click();
-        fixture.detectChanges();
-
-        newItemEl.click();
-        fixture.detectChanges();
-
-        editItemEl.click();
-        fixture.detectChanges();
-
-        expect(itemClickSpy).toHaveBeenCalled();
-    });
-
-    it('should select with popup', () => {
-        tieredmenu.model = [
-            {
-                label: 'File',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        items: [{ label: 'Project' }, { label: 'Other' }]
-                    },
-                    { label: 'Open' },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil'
-            }
-        ];
-        tieredmenu.popup = true;
-        tieredmenu.appendTo = 'body';
-        fixture.detectChanges();
-
-        const showSpy = spyOn(tieredmenu, 'show').and.callThrough();
-        const hideSpy = spyOn(tieredmenu, 'hide').and.callThrough();
-        let event = { currentTarget: document.body };
-        tieredmenu.toggle(event);
-        fixture.detectChanges();
-
-        const tieredmenuEl = fixture.debugElement.query(By.css('div'));
-        expect(tieredmenuEl).toBeTruthy();
-        const subMenuComponent = fixture.debugElement.query(By.css('p-tieredMenuSub')).componentInstance as TieredMenuSub;
-        const itemClickSpy = spyOn(subMenuComponent, 'onItemClick').and.callThrough();
-        const items = fixture.debugElement.query(By.css('ul'));
-        const editItemEl = items.children[1].query(By.css('a')).nativeElement;
-        editItemEl.click();
-        fixture.detectChanges();
-
-        expect(itemClickSpy).toHaveBeenCalled();
-        expect(showSpy).toHaveBeenCalled();
-        expect(hideSpy).toHaveBeenCalled();
-    });
-
-    it('should use popup with diffrent appendTo', () => {
-        tieredmenu.model = [
-            {
-                label: 'File',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        items: [{ label: 'Project' }, { label: 'Other' }]
-                    },
-                    { label: 'Open' },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil'
-            }
-        ];
-        tieredmenu.popup = true;
-        tieredmenu.appendTo = document.body;
-        fixture.detectChanges();
-
-        const showSpy = spyOn(tieredmenu, 'show').and.callThrough();
-        const hideSpy = spyOn(tieredmenu, 'hide').and.callThrough();
-        let event = { currentTarget: document.body };
-        tieredmenu.toggle(event);
-        fixture.detectChanges();
-
-        const tieredmenuEl = fixture.debugElement.query(By.css('div'));
-        expect(tieredmenuEl).toBeTruthy();
-        const subMenuComponent = fixture.debugElement.query(By.css('p-tieredMenuSub')).componentInstance as TieredMenuSub;
-        const itemClickSpy = spyOn(subMenuComponent, 'onItemClick').and.callThrough();
-        const items = fixture.debugElement.query(By.css('ul'));
-        const editItemEl = items.children[1].query(By.css('a')).nativeElement;
-        editItemEl.click();
-        fixture.detectChanges();
-
-        expect(itemClickSpy).toHaveBeenCalled();
-        expect(showSpy).toHaveBeenCalled();
-        expect(hideSpy).toHaveBeenCalled();
-    });
-
-    it('should call onItemMouseEnter when mouseenter (on root)', () => {
-        tieredmenu.model = [
-            {
-                label: 'File',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        items: [{ label: 'Project' }, { label: 'Other' }]
-                    },
-                    { label: 'Open' },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const subMenuComponent = fixture.debugElement.query(By.css('p-tieredMenuSub')).componentInstance as TieredMenuSub;
-        const onItemMouseEnter = spyOn(subMenuComponent, 'onItemMouseEnter').and.callThrough();
-        const items = fixture.debugElement.query(By.css('ul'));
-        const fileItemEl = items.children[0].children[0].nativeElement;
-        const secondSubMenu = items.children[0].query(By.css('p-tieredMenuSub')).query(By.css('ul'));
-        const event = new Event('mouseenter');
-        fileItemEl.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(onItemMouseEnter).toHaveBeenCalled();
-        expect(secondSubMenu.children.length).toEqual(3);
-        // expect(subMenuComponent.activeItem).toBeFalsy();
-    });
-
-    it('should call onItemMouseEnter and do nothing', () => {
-        tieredmenu.model = [
-            {
-                label: 'File',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        items: [{ label: 'Project' }, { label: 'Other' }]
-                    },
-                    { label: 'Open' },
-                    { label: 'Quit' }
-                ],
-                disabled: true
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ]
-            }
-        ];
-        fixture.detectChanges();
-
-        const subMenuComponent = fixture.debugElement.query(By.css('p-tieredMenuSub')).componentInstance as TieredMenuSub;
-        const onItemMouseEnter = spyOn(subMenuComponent, 'onItemMouseEnter').and.callThrough();
-        const items = fixture.debugElement.query(By.css('ul'));
-        const fileItemEl = items.children[0].children[0].nativeElement;
-        const event = new Event('mouseenter');
-        fileItemEl.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(onItemMouseEnter).toHaveBeenCalled();
-        expect(fileItemEl.className).not.toContain('p-menuitem-active');
-        // expect(subMenuComponent.activeItem).toBeFalsy();
-    });
-
-    it('should call onItemMouseLeave when mouseleave', fakeAsync(() => {
-        tieredmenu.model = [
-            {
-                label: 'File',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        items: [{ label: 'Project' }, { label: 'Other' }]
-                    },
-                    { label: 'Open' },
-                    { label: 'Quit' }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    { label: 'Delete', icon: 'pi pi-fw pi-trash' },
-                    { label: 'Refresh', icon: 'pi pi-fw pi-refresh' }
-                ],
-                disabled: true
-            }
-        ];
-        fixture.detectChanges();
-
-        const subMenuComponent = fixture.debugElement.query(By.css('p-tieredMenuSub')).componentInstance as TieredMenuSub;
-        document.dispatchEvent(new Event('click'));
-        const items = fixture.debugElement.query(By.css('ul'));
-        const fileItemEl = items.children[0];
-        const mouseenter = new Event('mouseenter');
-        fileItemEl.nativeElement.dispatchEvent(mouseenter);
-        fixture.detectChanges();
-
-        expect(fileItemEl.nativeElement.className).not.toContain('p-menuitem-active');
-        // expect(subMenuComponent.activeItem).toBeFalsy();
-        fileItemEl.children[0].nativeElement.dispatchEvent(new Event('click'));
-        fixture.detectChanges();
-
-        expect(fileItemEl.nativeElement.className).toContain('p-menuitem-active');
-        // expect(subMenuComponent.activeItem).toBeTruthy();
-    }));
-});
diff --git a/src/app/components/tieredmenu/tieredmenu.ts b/src/app/components/tieredmenu/tieredmenu.ts
deleted file mode 100644
index 8745548..0000000
--- a/src/app/components/tieredmenu/tieredmenu.ts
+++ /dev/null
@@ -1,1201 +0,0 @@
-import { AnimationEvent, animate, style, transition, trigger } from '@angular/animations';
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    OnDestroy,
-    OnInit,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    ViewRef,
-    booleanAttribute,
-    effect,
-    forwardRef,
-    input,
-    numberAttribute,
-    signal
-} from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { MenuItem, OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { ConnectedOverlayScrollHandler, DomHandler } from 'primeng/dom';
-import { AngleRightIcon } from 'primeng/icons/angleright';
-import { RippleModule } from 'primeng/ripple';
-import { TooltipModule } from 'primeng/tooltip';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { ObjectUtils, UniqueComponentId, ZIndexUtils } from 'primeng/utils';
-
-@Component({
-    selector: 'p-tieredMenuSub',
-    template: `
-        <ul
-            #sublist
-            role="menu"
-            [ngClass]="{ 'p-submenu-list': !root, 'p-tieredmenu-root-list': root }"
-            [id]="menuId + '_list'"
-            [tabindex]="tabindex"
-            [attr.aria-label]="ariaLabel"
-            [attr.aria-labelledBy]="ariaLabelledBy"
-            [attr.aria-activedescendant]="focusedItemId"
-            [attr.aria-orientation]="'vertical'"
-            [attr.data-pc-section]="'menu'"
-            (keydown)="menuKeydown.emit($event)"
-            (focus)="menuFocus.emit($event)"
-            (blur)="menuBlur.emit($event)"
-        >
-            <ng-template ngFor let-processedItem [ngForOf]="items" let-index="index">
-                <li
-                    *ngIf="isItemVisible(processedItem) && getItemProp(processedItem, 'separator')"
-                    [attr.id]="getItemId(processedItem)"
-                    [ngStyle]="getItemProp(processedItem, 'style')"
-                    [ngClass]="getSeparatorItemClass(processedItem)"
-                    role="separator"
-                    [attr.data-pc-section]="'separator'"
-                ></li>
-                <li
-                    #listItem
-                    *ngIf="isItemVisible(processedItem) && !getItemProp(processedItem, 'separator')"
-                    role="menuitem"
-                    [attr.id]="getItemId(processedItem)"
-                    [attr.data-pc-section]="'menuitem'"
-                    [attr.data-p-highlight]="isItemActive(processedItem)"
-                    [attr.data-p-focused]="isItemFocused(processedItem)"
-                    [attr.data-p-disabled]="isItemDisabled(processedItem)"
-                    [attr.aria-label]="getItemLabel(processedItem)"
-                    [attr.aria-disabled]="isItemDisabled(processedItem) || undefined"
-                    [attr.aria-haspopup]="isItemGroup(processedItem) && !getItemProp(processedItem, 'to') ? 'menu' : undefined"
-                    [attr.aria-expanded]="isItemGroup(processedItem) ? isItemActive(processedItem) : undefined"
-                    [attr.aria-setsize]="getAriaSetSize()"
-                    [attr.aria-posinset]="getAriaPosInset(index)"
-                    [ngStyle]="getItemProp(processedItem, 'style')"
-                    [ngClass]="getItemClass(processedItem)"
-                    [class]="getItemProp(processedItem, 'styleClass')"
-                    [pTooltip]="getItemProp(processedItem, 'tooltip')"
-                    [tooltipOptions]="getItemProp(processedItem, 'tooltipOptions')"
-                >
-                    <div [attr.data-pc-section]="'content'" class="p-menuitem-content" (click)="onItemClick($event, processedItem)" (mouseenter)="onItemMouseEnter({ $event, processedItem })">
-                        <ng-container *ngIf="!itemTemplate">
-                            <a
-                                *ngIf="!getItemProp(processedItem, 'routerLink')"
-                                [attr.href]="getItemProp(processedItem, 'url')"
-                                [attr.data-automationid]="getItemProp(processedItem, 'automationId')"
-                                [attr.data-pc-section]="'action'"
-                                [target]="getItemProp(processedItem, 'target')"
-                                [ngClass]="{ 'p-menuitem-link': true, 'p-disabled': getItemProp(processedItem, 'disabled') }"
-                                [attr.tabindex]="-1"
-                                pRipple
-                            >
-                                <span
-                                    *ngIf="getItemProp(processedItem, 'icon')"
-                                    class="p-menuitem-icon"
-                                    [ngClass]="getItemProp(processedItem, 'icon')"
-                                    [ngStyle]="getItemProp(processedItem, 'iconStyle')"
-                                    [attr.data-pc-section]="'icon'"
-                                    [attr.tabindex]="-1"
-                                >
-                                </span>
-                                <span *ngIf="getItemProp(processedItem, 'escape'); else htmlLabel" class="p-menuitem-text" [attr.data-pc-section]="'label'">
-                                    {{ getItemLabel(processedItem) }}
-                                </span>
-                                <ng-template #htmlLabel>
-                                    <span class="p-menuitem-text" [innerHTML]="getItemLabel(processedItem)" [attr.data-pc-section]="'label'"></span>
-                                </ng-template>
-                                <span class="p-menuitem-badge" *ngIf="getItemProp(processedItem, 'badge')" [ngClass]="getItemProp(processedItem, 'badgeStyleClass')">{{ getItemProp(processedItem, 'badge') }}</span>
-
-                                <ng-container *ngIf="isItemGroup(processedItem)">
-                                    <AngleRightIcon *ngIf="!tieredMenu.submenuIconTemplate" [styleClass]="'p-submenu-icon'" [attr.data-pc-section]="'submenuicon'" [attr.aria-hidden]="true" />
-                                    <ng-template *ngTemplateOutlet="tieredMenu.submenuIconTemplate" [attr.data-pc-section]="'submenuicon'" [attr.aria-hidden]="true"></ng-template>
-                                </ng-container>
-                            </a>
-                            <a
-                                *ngIf="getItemProp(processedItem, 'routerLink')"
-                                [routerLink]="getItemProp(processedItem, 'routerLink')"
-                                [attr.data-automationid]="getItemProp(processedItem, 'automationId')"
-                                [attr.tabindex]="-1"
-                                [attr.data-pc-section]="'action'"
-                                [queryParams]="getItemProp(processedItem, 'queryParams')"
-                                [routerLinkActive]="'p-menuitem-link-active'"
-                                [routerLinkActiveOptions]="getItemProp(processedItem, 'routerLinkActiveOptions') || { exact: false }"
-                                [target]="getItemProp(processedItem, 'target')"
-                                [ngClass]="{ 'p-menuitem-link': true, 'p-disabled': getItemProp(processedItem, 'disabled') }"
-                                [fragment]="getItemProp(processedItem, 'fragment')"
-                                [queryParamsHandling]="getItemProp(processedItem, 'queryParamsHandling')"
-                                [preserveFragment]="getItemProp(processedItem, 'preserveFragment')"
-                                [skipLocationChange]="getItemProp(processedItem, 'skipLocationChange')"
-                                [replaceUrl]="getItemProp(processedItem, 'replaceUrl')"
-                                [state]="getItemProp(processedItem, 'state')"
-                                pRipple
-                            >
-                                <span
-                                    *ngIf="getItemProp(processedItem, 'icon')"
-                                    class="p-menuitem-icon"
-                                    [ngClass]="getItemProp(processedItem, 'icon')"
-                                    [ngStyle]="getItemProp(processedItem, 'iconStyle')"
-                                    [attr.data-pc-section]="'icon'"
-                                    [attr.aria-hidden]="true"
-                                    [attr.tabindex]="-1"
-                                >
-                                </span>
-                                <span *ngIf="getItemProp(processedItem, 'escape'); else htmlLabel" class="p-menuitem-text" [attr.data-pc-section]="'label'">
-                                    {{ getItemLabel(processedItem) }}
-                                </span>
-                                <ng-template #htmlLabel>
-                                    <span class="p-menuitem-text" [innerHTML]="getItemLabel(processedItem)" [attr.data-pc-section]="'label'"></span>
-                                </ng-template>
-                                <span class="p-menuitem-badge" *ngIf="getItemProp(processedItem, 'badge')" [ngClass]="getItemProp(processedItem, 'badgeStyleClass')">{{ getItemProp(processedItem, 'badge') }}</span>
-
-                                <ng-container *ngIf="isItemGroup(processedItem)">
-                                    <AngleRightIcon *ngIf="!tieredMenu.submenuIconTemplate" [styleClass]="'p-submenu-icon'" [attr.data-pc-section]="'submenuicon'" [attr.aria-hidden]="true" />
-                                    <ng-template *ngTemplateOutlet="tieredMenu.submenuIconTemplate" [attr.data-pc-section]="'submenuicon'" [attr.aria-hidden]="true"></ng-template>
-                                </ng-container>
-                            </a>
-                        </ng-container>
-                        <ng-container *ngIf="itemTemplate">
-                            <ng-template *ngTemplateOutlet="itemTemplate; context: { $implicit: processedItem.item, hasSubmenu: getItemProp(processedItem, 'items') }"></ng-template>
-                        </ng-container>
-                    </div>
-
-                    <p-tieredMenuSub
-                        *ngIf="isItemVisible(processedItem) && isItemGroup(processedItem)"
-                        [items]="processedItem.items"
-                        [itemTemplate]="itemTemplate"
-                        [autoDisplay]="autoDisplay"
-                        [menuId]="menuId"
-                        [activeItemPath]="activeItemPath()"
-                        [focusedItemId]="focusedItemId"
-                        [ariaLabelledBy]="getItemId(processedItem)"
-                        [level]="level + 1"
-                        (itemClick)="itemClick.emit($event)"
-                        (itemMouseEnter)="onItemMouseEnter($event)"
-                    ></p-tieredMenuSub>
-                </li>
-            </ng-template>
-        </ul>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class TieredMenuSub {
-    @Input() items: any[];
-
-    @Input() itemTemplate: HTMLElement | undefined;
-
-    @Input({ transform: booleanAttribute }) root: boolean | undefined = false;
-
-    @Input({ transform: booleanAttribute }) autoDisplay: boolean | undefined;
-
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-
-    @Input({ transform: booleanAttribute }) popup: boolean | undefined;
-
-    @Input() menuId: string | undefined;
-
-    @Input() ariaLabel: string | undefined;
-
-    @Input() ariaLabelledBy: string | undefined;
-
-    @Input({ transform: numberAttribute }) level: number = 0;
-
-    @Input() focusedItemId: string | undefined;
-
-    activeItemPath = input<any[]>([]);
-
-    @Input({ transform: numberAttribute }) tabindex: number = 0;
-
-    @Output() itemClick: EventEmitter<any> = new EventEmitter();
-
-    @Output() itemMouseEnter: EventEmitter<any> = new EventEmitter();
-
-    @Output() menuFocus: EventEmitter<any> = new EventEmitter();
-
-    @Output() menuBlur: EventEmitter<any> = new EventEmitter();
-
-    @Output() menuKeydown: EventEmitter<any> = new EventEmitter();
-
-    @ViewChild('sublist', { static: true }) sublistViewChild: ElementRef;
-
-    constructor(
-        public el: ElementRef,
-        public renderer: Renderer2,
-        @Inject(forwardRef(() => TieredMenu)) public tieredMenu: TieredMenu
-    ) {
-        effect(() => {
-            const path = this.activeItemPath();
-            if (ObjectUtils.isNotEmpty(path)) {
-                this.positionSubmenu();
-            }
-        });
-    }
-
-    positionSubmenu() {
-        if (isPlatformBrowser(this.tieredMenu.platformId)) {
-            const sublist = this.sublistViewChild && this.sublistViewChild.nativeElement;
-            if (sublist) {
-                const parentItem = sublist.parentElement.parentElement;
-                const containerOffset = DomHandler.getOffset(parentItem);
-                const viewport = DomHandler.getViewport();
-                const sublistWidth = sublist.offsetParent ? sublist.offsetWidth : DomHandler.getOuterWidth(sublist);
-                const itemOuterWidth = DomHandler.getOuterWidth(parentItem.children[0]);
-                const sublistFlippedClass = 'p-submenu-list-flipped';
-                if (parseInt(containerOffset.left, 10) + itemOuterWidth + sublistWidth > viewport.width - DomHandler.calculateScrollbarWidth()) {
-                    DomHandler.addClass(sublist, sublistFlippedClass);
-                } else if (DomHandler.hasClass(sublist, sublistFlippedClass)) {
-                    DomHandler.removeClass(sublist, sublistFlippedClass);
-                }
-            }
-        }
-    }
-
-    getItemProp(processedItem: any, name: string, params: any | null = null) {
-        return processedItem && processedItem.item ? ObjectUtils.getItemValue(processedItem.item[name], params) : undefined;
-    }
-
-    getItemId(processedItem: any): string {
-        return processedItem.item?.id ?? `${this.menuId}_${processedItem.key}`;
-    }
-
-    getItemKey(processedItem: any): string {
-        return this.getItemId(processedItem);
-    }
-
-    getItemClass(processedItem: any) {
-        return {
-            ...this.getItemProp(processedItem, 'class'),
-            'p-menuitem': true,
-            'p-highlight': this.isItemActive(processedItem),
-            'p-menuitem-active': this.isItemActive(processedItem),
-            'p-focus': this.isItemFocused(processedItem),
-            'p-disabled': this.isItemDisabled(processedItem)
-        };
-    }
-
-    getItemLabel(processedItem: any): string {
-        return this.getItemProp(processedItem, 'label');
-    }
-
-    getSeparatorItemClass(processedItem: any) {
-        return {
-            ...this.getItemProp(processedItem, 'class'),
-            'p-menuitem-separator': true
-        };
-    }
-
-    getAriaSetSize() {
-        return this.items.filter((processedItem) => this.isItemVisible(processedItem) && !this.getItemProp(processedItem, 'separator')).length;
-    }
-
-    getAriaPosInset(index: number) {
-        return (
-            index -
-            this.items.slice(0, index).filter((processedItem) => {
-                const isItemVisible = this.isItemVisible(processedItem);
-                const isVisibleSeparator = isItemVisible && this.getItemProp(processedItem, 'separator');
-                return !isItemVisible || isVisibleSeparator;
-            }).length +
-            1
-        );
-    }
-
-    isItemVisible(processedItem: any): boolean {
-        return this.getItemProp(processedItem, 'visible') !== false;
-    }
-
-    isItemActive(processedItem: any): boolean {
-        if (this.activeItemPath()) {
-            return this.activeItemPath().some((path) => path.key === processedItem.key);
-        }
-    }
-
-    isItemDisabled(processedItem: any): boolean {
-        return this.getItemProp(processedItem, 'disabled');
-    }
-
-    isItemFocused(processedItem: any): boolean {
-        return this.focusedItemId === this.getItemId(processedItem);
-    }
-
-    isItemGroup(processedItem: any): boolean {
-        return ObjectUtils.isNotEmpty(processedItem.items);
-    }
-
-    onItemMouseEnter(param: any) {
-        if (this.autoDisplay) {
-            const { event, processedItem } = param;
-            this.itemMouseEnter.emit({ originalEvent: event, processedItem });
-        }
-    }
-
-    onItemClick(event: any, processedItem: any) {
-        this.getItemProp(processedItem, 'command', { originalEvent: event, item: processedItem.item });
-        this.itemClick.emit({ originalEvent: event, processedItem, isFocus: true });
-    }
-}
-/**
- * TieredMenu displays submenus in nested overlays.
- * @group Components
- */
-@Component({
-    selector: 'p-tieredMenu',
-    template: `
-        <div
-            #container
-            [attr.data-pc-section]="'root'"
-            [attr.data-pc-name]="'tieredmenu'"
-            [id]="id"
-            [ngClass]="{ 'p-tieredmenu p-component': true, 'p-tieredmenu-overlay': popup }"
-            [class]="styleClass"
-            [ngStyle]="style"
-            (click)="onOverlayClick($event)"
-            [@overlayAnimation]="{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }"
-            [@.disabled]="popup !== true"
-            (@overlayAnimation.start)="onOverlayAnimationStart($event)"
-            (@overlayAnimation.done)="onOverlayAnimationEnd($event)"
-            *ngIf="!popup || visible"
-        >
-            <p-tieredMenuSub
-                #rootmenu
-                [root]="true"
-                [items]="processedItems"
-                [itemTemplate]="itemTemplate"
-                [menuId]="id"
-                [tabindex]="!disabled ? tabindex : -1"
-                [ariaLabel]="ariaLabel"
-                [ariaLabelledBy]="ariaLabelledBy"
-                [baseZIndex]="baseZIndex"
-                [autoZIndex]="autoZIndex"
-                [autoDisplay]="autoDisplay"
-                [popup]="popup"
-                [focusedItemId]="focused ? focusedItemId : undefined"
-                [activeItemPath]="activeItemPath()"
-                (itemClick)="onItemClick($event)"
-                (menuFocus)="onMenuFocus($event)"
-                (menuBlur)="onMenuBlur($event)"
-                (menuKeydown)="onKeyDown($event)"
-                (itemMouseEnter)="onItemMouseEnter($event)"
-            ></p-tieredMenuSub>
-        </div>
-    `,
-    animations: [trigger('overlayAnimation', [transition(':enter', [style({ opacity: 0, transform: 'scaleY(0.8)' }), animate('{{showTransitionParams}}')]), transition(':leave', [animate('{{hideTransitionParams}}', style({ opacity: 0 }))])])],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./tieredmenu.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class TieredMenu implements OnInit, AfterContentInit, OnDestroy {
-    /**
-     * An array of menuitems.
-     * @group Props
-     */
-    @Input() set model(value: MenuItem[] | undefined) {
-        this._model = value;
-        this._processedItems = this.createProcessedItems(this._model || []);
-    }
-    get model(): MenuItem[] | undefined {
-        return this._model;
-    }
-    /**
-     * Defines if menu would displayed as a popup.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) popup: boolean | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element.
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-    /**
-     * Whether to show a root submenu on mouse over.
-     * @defaultValue true
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoDisplay: boolean | undefined = true;
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     */
-    @Input() showTransitionOptions: string = '.12s cubic-bezier(0, 0, 0.2, 1)';
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     */
-    @Input() hideTransitionOptions: string = '.1s linear';
-    /**
-     * Current id state as a string.
-     * @group Props
-     */
-    @Input() id: string | undefined;
-    /**
-     * Defines a string value that labels an interactive element.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Identifier of the underlying input element.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * When present, it specifies that the component should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean = false;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number = 0;
-    /**
-     * Callback to invoke when overlay menu is shown.
-     * @group Emits
-     */
-    @Output() onShow: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke when overlay menu is hidden.
-     * @group Emits
-     */
-    @Output() onHide: EventEmitter<any> = new EventEmitter<any>();
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    @ViewChild('rootmenu') rootmenu: TieredMenuSub | undefined;
-
-    @ViewChild('container') containerViewChild: ElementRef<any> | undefined;
-
-    submenuIconTemplate: Nullable<TemplateRef<any>>;
-
-    itemTemplate: Nullable<TemplateRef<any>>;
-
-    container: HTMLDivElement | undefined;
-
-    outsideClickListener: VoidListener;
-
-    resizeListener: VoidListener;
-
-    scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
-
-    target: any;
-
-    relatedTarget: any;
-
-    visible: boolean | undefined;
-
-    relativeAlign: boolean | undefined;
-
-    dirty: boolean = false;
-
-    focused: boolean = false;
-
-    activeItemPath = signal<any>([]);
-
-    number = signal<number>(0);
-
-    focusedItemInfo = signal<any>({ index: -1, level: 0, parentKey: '', item: null });
-
-    searchValue: string = '';
-
-    searchTimeout: any;
-
-    _processedItems: any[];
-
-    _model: MenuItem[] | undefined;
-
-    get visibleItems() {
-        const processedItem = this.activeItemPath().find((p) => p.key === this.focusedItemInfo().parentKey);
-        return processedItem ? processedItem.items : this.processedItems;
-    }
-
-    get processedItems() {
-        if (!this._processedItems || !this._processedItems.length) {
-            this._processedItems = this.createProcessedItems(this.model || []);
-        }
-        return this._processedItems;
-    }
-
-    get focusedItemId() {
-        const focusedItemInfo = this.focusedItemInfo();
-        return focusedItemInfo.item?.id ? focusedItemInfo.item.id : focusedItemInfo.index !== -1 ? `${this.id}${ObjectUtils.isNotEmpty(focusedItemInfo.parentKey) ? '_' + focusedItemInfo.parentKey : ''}_${focusedItemInfo.index}` : null;
-    }
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) public platformId: any,
-        public el: ElementRef,
-        public renderer: Renderer2,
-        public cd: ChangeDetectorRef,
-        public config: PrimeNGConfig,
-        public overlayService: OverlayService
-    ) {
-        effect(() => {
-            const path = this.activeItemPath();
-
-            if (ObjectUtils.isNotEmpty(path)) {
-                this.bindOutsideClickListener();
-                this.bindResizeListener();
-            } else {
-                this.unbindOutsideClickListener();
-                this.unbindResizeListener();
-            }
-        });
-    }
-
-    ngOnInit() {
-        this.id = this.id || UniqueComponentId();
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'submenuicon':
-                    this.submenuIconTemplate = item.template;
-                    break;
-
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    createProcessedItems(items: any, level: number = 0, parent: any = {}, parentKey: any = '') {
-        const processedItems = [];
-
-        items &&
-            items.forEach((item, index) => {
-                const key = (parentKey !== '' ? parentKey + '_' : '') + index;
-                const newItem = {
-                    item,
-                    index,
-                    level,
-                    key,
-                    parent,
-                    parentKey
-                };
-
-                newItem['items'] = this.createProcessedItems(item.items, level + 1, newItem, key);
-                processedItems.push(newItem);
-            });
-
-        return processedItems;
-    }
-
-    getItemProp(item: any, name: string) {
-        return item ? ObjectUtils.getItemValue(item[name]) : undefined;
-    }
-
-    getProccessedItemLabel(processedItem: any) {
-        return processedItem ? this.getItemLabel(processedItem.item) : undefined;
-    }
-
-    getItemLabel(item: any) {
-        return this.getItemProp(item, 'label');
-    }
-
-    isProcessedItemGroup(processedItem: any): boolean {
-        return processedItem && ObjectUtils.isNotEmpty(processedItem.items);
-    }
-
-    isSelected(processedItem: any): boolean {
-        return this.activeItemPath().some((p) => p.key === processedItem.key);
-    }
-
-    isValidSelectedItem(processedItem: any): boolean {
-        return this.isValidItem(processedItem) && this.isSelected(processedItem);
-    }
-
-    isValidItem(processedItem: any): boolean {
-        return !!processedItem && !this.isItemDisabled(processedItem.item) && !this.isItemSeparator(processedItem.item) && this.isItemVisible(processedItem.item);
-    }
-
-    isItemDisabled(item: any): boolean {
-        return this.getItemProp(item, 'disabled');
-    }
-
-    isItemVisible(item: any): boolean {
-        return this.getItemProp(item, 'visible') !== false;
-    }
-
-    isItemSeparator(item: any): boolean {
-        return this.getItemProp(item, 'separator');
-    }
-
-    isItemMatched(processedItem: any): boolean {
-        return this.isValidItem(processedItem) && this.getProccessedItemLabel(processedItem).toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase());
-    }
-
-    isProccessedItemGroup(processedItem: any): boolean {
-        return processedItem && ObjectUtils.isNotEmpty(processedItem.items);
-    }
-
-    onOverlayClick(event: MouseEvent) {
-        if (this.popup) {
-            this.overlayService.add({
-                originalEvent: event,
-                target: this.el.nativeElement
-            });
-        }
-    }
-
-    onItemClick(event: any) {
-        const { originalEvent, processedItem } = event;
-        const grouped = this.isProcessedItemGroup(processedItem);
-        const root = ObjectUtils.isEmpty(processedItem.parent);
-        const selected = this.isSelected(processedItem);
-
-        if (selected) {
-            const { index, key, level, parentKey, item } = processedItem;
-
-            this.activeItemPath.set(this.activeItemPath().filter((p) => key !== p.key && key.startsWith(p.key)));
-            this.focusedItemInfo.set({ index, level, parentKey, item });
-
-            this.dirty = true;
-            DomHandler.focus(this.rootmenu.sublistViewChild.nativeElement);
-        } else {
-            if (grouped) {
-                this.onItemChange(event);
-            } else {
-                const rootProcessedItem = root ? processedItem : this.activeItemPath().find((p) => p.parentKey === '');
-                this.hide(originalEvent);
-                this.changeFocusedItemIndex(originalEvent, rootProcessedItem ? rootProcessedItem.index : -1);
-
-                DomHandler.focus(this.rootmenu.sublistViewChild.nativeElement);
-            }
-        }
-    }
-
-    onItemMouseEnter(event: any) {
-        if (!DomHandler.isTouchDevice()) {
-            if (this.autoDisplay) {
-                this.dirty = true;
-            }
-            if (this.dirty) {
-                this.onItemChange(event);
-            }
-        } else {
-            this.onItemChange({ event, processedItem: event.processedItem, focus: this.autoDisplay });
-        }
-    }
-
-    onKeyDown(event: KeyboardEvent) {
-        const metaKey = event.metaKey || event.ctrlKey;
-
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUpKey(event);
-                break;
-
-            case 'ArrowLeft':
-                this.onArrowLeftKey(event);
-                break;
-
-            case 'ArrowRight':
-                this.onArrowRightKey(event);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event);
-                break;
-
-            case 'End':
-                this.onEndKey(event);
-                break;
-
-            case 'Space':
-                this.onSpaceKey(event);
-                break;
-
-            case 'Enter':
-                this.onEnterKey(event);
-                break;
-
-            case 'Escape':
-                this.onEscapeKey(event);
-                break;
-
-            case 'Tab':
-                this.onTabKey(event);
-                break;
-
-            case 'PageDown':
-            case 'PageUp':
-            case 'Backspace':
-            case 'ShiftLeft':
-            case 'ShiftRight':
-                //NOOP
-                break;
-
-            default:
-                if (!metaKey && ObjectUtils.isPrintableCharacter(event.key)) {
-                    this.searchItems(event, event.key);
-                }
-
-                break;
-        }
-    }
-
-    onArrowDownKey(event: KeyboardEvent) {
-        const itemIndex = this.focusedItemInfo().index !== -1 ? this.findNextItemIndex(this.focusedItemInfo().index) : this.findFirstFocusedItemIndex();
-
-        this.changeFocusedItemIndex(event, itemIndex);
-        event.preventDefault();
-    }
-
-    onArrowRightKey(event: KeyboardEvent) {
-        const processedItem = this.visibleItems[this.focusedItemInfo().index];
-        const grouped = this.isProccessedItemGroup(processedItem);
-        const item = processedItem?.item;
-
-        if (grouped) {
-            this.onItemChange({ originalEvent: event, processedItem });
-            this.focusedItemInfo.set({ index: -1, parentKey: processedItem.key, item });
-            this.searchValue = '';
-            this.onArrowDownKey(event);
-        }
-
-        event.preventDefault();
-    }
-
-    onArrowUpKey(event: KeyboardEvent) {
-        if (event.altKey) {
-            if (this.focusedItemInfo().index !== -1) {
-                const processedItem = this.visibleItems[this.focusedItemInfo().index];
-                const grouped = this.isProccessedItemGroup(processedItem);
-
-                !grouped && this.onItemChange({ originalEvent: event, processedItem });
-            }
-
-            this.popup && this.hide(event, true);
-            event.preventDefault();
-        } else {
-            const itemIndex = this.focusedItemInfo().index !== -1 ? this.findPrevItemIndex(this.focusedItemInfo().index) : this.findLastFocusedItemIndex();
-
-            this.changeFocusedItemIndex(event, itemIndex);
-            event.preventDefault();
-        }
-    }
-
-    onArrowLeftKey(event: KeyboardEvent) {
-        const processedItem = this.visibleItems[this.focusedItemInfo().index];
-        const parentItem = this.activeItemPath().find((p) => p.key === processedItem.parentKey);
-        const root = ObjectUtils.isEmpty(processedItem.parent);
-
-        if (!root) {
-            this.focusedItemInfo.set({ index: -1, parentKey: parentItem ? parentItem.parentKey : '', item: processedItem.item });
-            this.searchValue = '';
-            this.onArrowDownKey(event);
-        }
-
-        const activeItemPath = this.activeItemPath().filter((p) => p.parentKey !== this.focusedItemInfo().parentKey);
-        this.activeItemPath.set(activeItemPath);
-
-        event.preventDefault();
-    }
-
-    onHomeKey(event: KeyboardEvent) {
-        this.changeFocusedItemIndex(event, this.findFirstItemIndex());
-        event.preventDefault();
-    }
-
-    onEndKey(event: KeyboardEvent) {
-        this.changeFocusedItemIndex(event, this.findLastItemIndex());
-        event.preventDefault();
-    }
-
-    onSpaceKey(event: KeyboardEvent) {
-        this.onEnterKey(event);
-    }
-
-    onEscapeKey(event: KeyboardEvent) {
-        this.hide(event, true);
-        this.focusedItemInfo().index = this.findFirstFocusedItemIndex();
-
-        event.preventDefault();
-    }
-
-    onTabKey(event: KeyboardEvent) {
-        if (this.focusedItemInfo().index !== -1) {
-            const processedItem = this.visibleItems[this.focusedItemInfo().index];
-            const grouped = this.isProccessedItemGroup(processedItem);
-
-            !grouped && this.onItemChange({ originalEvent: event, processedItem });
-        }
-
-        this.hide();
-    }
-
-    onEnterKey(event: KeyboardEvent) {
-        if (this.focusedItemInfo().index !== -1) {
-            const element = DomHandler.findSingle(this.rootmenu.el.nativeElement, `li[id="${`${this.focusedItemId}`}"]`);
-            const anchorElement = element && DomHandler.findSingle(element, 'a[data-pc-section="action"]');
-
-            anchorElement ? anchorElement.click() : element && element.click();
-
-            if (!this.popup) {
-                const processedItem = this.visibleItems[this.focusedItemInfo().index];
-                const grouped = this.isProccessedItemGroup(processedItem);
-
-                !grouped && (this.focusedItemInfo().index = this.findFirstFocusedItemIndex());
-            }
-        }
-
-        event.preventDefault();
-    }
-
-    onItemChange(event: any) {
-        const { processedItem, isFocus } = event;
-
-        if (ObjectUtils.isEmpty(processedItem)) return;
-
-        const { index, key, level, parentKey, items, item } = processedItem;
-        const grouped = ObjectUtils.isNotEmpty(items);
-        const activeItemPath = this.activeItemPath().filter((p) => p.parentKey !== parentKey && p.parentKey !== key);
-
-        grouped && activeItemPath.push(processedItem);
-        this.focusedItemInfo.set({ index, level, parentKey, item });
-        this.activeItemPath.set(activeItemPath);
-
-        grouped && (this.dirty = true);
-        isFocus && DomHandler.focus(this.rootmenu.sublistViewChild.nativeElement);
-    }
-
-    onMenuFocus(event: any) {
-        this.focused = true;
-        if (this.focusedItemInfo().index === -1 && !this.popup) {
-            // this.onArrowDownKey(event);
-        }
-    }
-
-    onMenuBlur(event: any) {
-        this.focused = false;
-        this.focusedItemInfo.set({ index: -1, level: 0, parentKey: '', item: null });
-        this.searchValue = '';
-        this.dirty = false;
-    }
-
-    onOverlayAnimationStart(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-                if (this.popup) {
-                    this.container = event.element;
-                    this.moveOnTop();
-                    this.onShow.emit({});
-                    this.appendOverlay();
-                    this.alignOverlay();
-                    this.bindOutsideClickListener();
-                    this.bindResizeListener();
-                    this.bindScrollListener();
-                    DomHandler.focus(this.rootmenu.sublistViewChild.nativeElement);
-                    this.scrollInView();
-                }
-                break;
-
-            case 'void':
-                this.onOverlayHide();
-                this.onHide.emit({});
-                break;
-        }
-    }
-
-    alignOverlay() {
-        if (this.relativeAlign) DomHandler.relativePosition(this.container, this.target);
-        else DomHandler.absolutePosition(this.container, this.target);
-    }
-
-    onOverlayAnimationEnd(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'void':
-                ZIndexUtils.clear(event.element);
-                break;
-        }
-    }
-
-    appendOverlay() {
-        if (this.appendTo) {
-            if (this.appendTo === 'body') this.renderer.appendChild(this.document.body, this.container);
-            else DomHandler.appendChild(this.container, this.appendTo);
-        }
-    }
-
-    restoreOverlayAppend() {
-        if (this.container && this.appendTo) {
-            this.renderer.appendChild(this.el.nativeElement, this.container);
-        }
-    }
-
-    moveOnTop() {
-        if (this.autoZIndex) {
-            ZIndexUtils.set('menu', this.container, this.baseZIndex + this.config.zIndex.menu);
-        }
-    }
-
-    /**
-     * Hides the popup menu.
-     * @group Method
-     */
-    hide(event?, isFocus?: boolean) {
-        if (this.popup) {
-            this.onHide.emit({});
-            this.visible = false;
-        }
-        this.activeItemPath.set([]);
-        this.focusedItemInfo.set({ index: -1, level: 0, parentKey: '' });
-
-        isFocus && DomHandler.focus(this.relatedTarget || this.target || this.rootmenu.sublistViewChild.nativeElement);
-        this.dirty = false;
-    }
-
-    /**
-     * Toggles the visibility of the popup menu.
-     * @param {Event} event - Browser event.
-     * @group Method
-     */
-    toggle(event: any) {
-        this.visible ? this.hide(event, true) : this.show(event);
-    }
-
-    /**
-     * Displays the popup menu.
-     * @param {Event} even - Browser event.
-     * @group Method
-     */
-    show(event: any, isFocus?) {
-        if (this.popup) {
-            this.visible = true;
-            this.target = this.target || event.currentTarget;
-            this.relatedTarget = event.relatedTarget || null;
-            this.relativeAlign = event?.relativeAlign || null;
-        }
-
-        this.focusedItemInfo.set({ index: -1, level: 0, parentKey: '' });
-
-        isFocus && DomHandler.focus(this.rootmenu.sublistViewChild.nativeElement);
-
-        this.cd.markForCheck();
-    }
-
-    searchItems(event: any, char: string) {
-        this.searchValue = (this.searchValue || '') + char;
-
-        let itemIndex = -1;
-        let matched = false;
-
-        if (this.focusedItemInfo().index !== -1) {
-            itemIndex = this.visibleItems.slice(this.focusedItemInfo().index).findIndex((processedItem) => this.isItemMatched(processedItem));
-            itemIndex = itemIndex === -1 ? this.visibleItems.slice(0, this.focusedItemInfo().index).findIndex((processedItem) => this.isItemMatched(processedItem)) : itemIndex + this.focusedItemInfo().index;
-        } else {
-            itemIndex = this.visibleItems.findIndex((processedItem) => this.isItemMatched(processedItem));
-        }
-
-        if (itemIndex !== -1) {
-            matched = true;
-        }
-
-        if (itemIndex === -1 && this.focusedItemInfo().index === -1) {
-            itemIndex = this.findFirstFocusedItemIndex();
-        }
-
-        if (itemIndex !== -1) {
-            this.changeFocusedItemIndex(event, itemIndex);
-        }
-
-        if (this.searchTimeout) {
-            clearTimeout(this.searchTimeout);
-        }
-
-        this.searchTimeout = setTimeout(() => {
-            this.searchValue = '';
-            this.searchTimeout = null;
-        }, 500);
-
-        return matched;
-    }
-
-    findLastFocusedItemIndex() {
-        const selectedIndex = this.findSelectedItemIndex();
-        return selectedIndex < 0 ? this.findLastItemIndex() : selectedIndex;
-    }
-
-    findLastItemIndex() {
-        return ObjectUtils.findLastIndex(this.visibleItems, (processedItem) => this.isValidItem(processedItem));
-    }
-
-    findPrevItemIndex(index: number) {
-        const matchedItemIndex = index > 0 ? ObjectUtils.findLastIndex(this.visibleItems.slice(0, index), (processedItem) => this.isValidItem(processedItem)) : -1;
-
-        return matchedItemIndex > -1 ? matchedItemIndex : index;
-    }
-
-    findNextItemIndex(index: number) {
-        const matchedItemIndex = index < this.visibleItems.length - 1 ? this.visibleItems.slice(index + 1).findIndex((processedItem) => this.isValidItem(processedItem)) : -1;
-
-        return matchedItemIndex > -1 ? matchedItemIndex + index + 1 : index;
-    }
-
-    findFirstFocusedItemIndex() {
-        const selectedIndex = this.findSelectedItemIndex();
-
-        return selectedIndex < 0 ? this.findFirstItemIndex() : selectedIndex;
-    }
-
-    findFirstItemIndex() {
-        return this.visibleItems.findIndex((processedItem) => this.isValidItem(processedItem));
-    }
-
-    findSelectedItemIndex() {
-        return this.visibleItems.findIndex((processedItem) => this.isValidSelectedItem(processedItem));
-    }
-
-    changeFocusedItemIndex(event: any, index: number) {
-        if (this.focusedItemInfo().index !== index) {
-            const focusedItemInfo = this.focusedItemInfo();
-            this.focusedItemInfo.set({ ...focusedItemInfo, item: this.visibleItems[index].item, index });
-            this.scrollInView();
-        }
-    }
-
-    scrollInView(index: number = -1) {
-        const id = index !== -1 ? `${this.id}_${index}` : this.focusedItemId;
-        const element = DomHandler.findSingle(this.rootmenu.el.nativeElement, `li[id="${id}"]`);
-
-        if (element) {
-            element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-        }
-    }
-
-    bindScrollListener() {
-        if (!this.scrollHandler) {
-            this.scrollHandler = new ConnectedOverlayScrollHandler(this.target, (event) => {
-                if (this.visible) {
-                    this.hide(event, true);
-                }
-            });
-        }
-
-        this.scrollHandler.bindScrollListener();
-    }
-
-    unbindScrollListener() {
-        if (this.scrollHandler) {
-            this.scrollHandler.unbindScrollListener();
-            this.scrollHandler = null;
-        }
-    }
-
-    bindResizeListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.resizeListener) {
-                this.resizeListener = this.renderer.listen(this.document.defaultView, 'resize', (event) => {
-                    if (!DomHandler.isTouchDevice()) {
-                        this.hide(event, true);
-                    }
-                });
-            }
-        }
-    }
-
-    bindOutsideClickListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.outsideClickListener) {
-                this.outsideClickListener = this.renderer.listen(this.document, 'click', (event) => {
-                    const isOutsideContainer = this.containerViewChild && !this.containerViewChild.nativeElement.contains(event.target);
-                    const isOutsideTarget = this.popup ? !(this.target && (this.target === event.target || this.target.contains(event.target))) : true;
-                    if (isOutsideContainer && isOutsideTarget) {
-                        this.hide();
-                    }
-                });
-            }
-        }
-    }
-
-    unbindOutsideClickListener() {
-        if (this.outsideClickListener) {
-            document.removeEventListener('click', this.outsideClickListener);
-            this.outsideClickListener = null;
-        }
-    }
-
-    unbindResizeListener() {
-        if (this.resizeListener) {
-            this.resizeListener();
-            this.resizeListener = null;
-        }
-    }
-
-    onOverlayHide() {
-        this.unbindOutsideClickListener();
-        this.unbindResizeListener();
-        this.unbindScrollListener();
-
-        if (!(this.cd as ViewRef).destroyed) {
-            this.target = null;
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.popup) {
-            if (this.scrollHandler) {
-                this.scrollHandler.destroy();
-                this.scrollHandler = null;
-            }
-
-            if (this.container && this.autoZIndex) {
-                ZIndexUtils.clear(this.container);
-            }
-
-            this.restoreOverlayAppend();
-            this.onOverlayHide();
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, RouterModule, RippleModule, TooltipModule, AngleRightIcon, SharedModule],
-    exports: [TieredMenu, RouterModule, TooltipModule, SharedModule],
-    declarations: [TieredMenu, TieredMenuSub]
-})
-export class TieredMenuModule {}
diff --git a/src/app/components/timeline/ng-package.json b/src/app/components/timeline/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/timeline/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/timeline/public_api.ts b/src/app/components/timeline/public_api.ts
deleted file mode 100644
index 69fe2f0..0000000
--- a/src/app/components/timeline/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './timeline';
-export * from './timeline.interface';
diff --git a/src/app/components/timeline/timeline.css b/src/app/components/timeline/timeline.css
deleted file mode 100644
index 20e3af7..0000000
--- a/src/app/components/timeline/timeline.css
+++ /dev/null
@@ -1,114 +0,0 @@
-@layer primeng {
-    .p-timeline {
-        display: flex;
-        flex-grow: 1;
-        flex-direction: column;
-    }
-
-    .p-timeline-left .p-timeline-event-opposite {
-        text-align: right;
-    }
-
-    .p-timeline-left .p-timeline-event-content {
-        text-align: left;
-    }
-
-    .p-timeline-right .p-timeline-event {
-        flex-direction: row-reverse;
-    }
-
-    .p-timeline-right .p-timeline-event-opposite {
-        text-align: left;
-    }
-
-    .p-timeline-right .p-timeline-event-content {
-        text-align: right;
-    }
-
-    .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
-        flex-direction: row-reverse;
-    }
-
-    .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
-        text-align: right;
-    }
-
-    .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
-        text-align: left;
-    }
-
-    .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
-        text-align: left;
-    }
-
-    .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
-        text-align: right;
-    }
-
-    .p-timeline-event {
-        display: flex;
-        position: relative;
-        min-height: 70px;
-    }
-
-    .p-timeline-event:last-child {
-        min-height: 0;
-    }
-
-    .p-timeline-event-opposite {
-        flex: 1;
-        padding: 0 1rem;
-        min-width: 100px;
-    }
-
-    .p-timeline-event-content {
-        flex: 1;
-        padding: 0 1rem;
-        min-width: 100px;
-    }
-
-    .p-timeline-event-separator {
-        flex: 0;
-        display: flex;
-        align-items: center;
-        flex-direction: column;
-    }
-
-    .p-timeline-event-marker {
-        display: flex;
-        align-self: baseline;
-    }
-
-    .p-timeline-event-connector {
-        flex-grow: 1;
-    }
-
-    .p-timeline-horizontal {
-        flex-direction: row;
-    }
-
-    .p-timeline-horizontal .p-timeline-event {
-        flex-direction: column;
-        flex: 1;
-    }
-
-    .p-timeline-horizontal .p-timeline-event:last-child {
-        flex: 0;
-    }
-
-    .p-timeline-horizontal .p-timeline-event-separator {
-        flex-direction: row;
-    }
-
-    .p-timeline-horizontal .p-timeline-event-connector {
-        width: 100%;
-    }
-
-    .p-timeline-bottom .p-timeline-event {
-        flex-direction: column-reverse;
-    }
-
-    .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
-        flex-direction: column-reverse;
-    }
-}
diff --git a/src/app/components/timeline/timeline.interface.ts b/src/app/components/timeline/timeline.interface.ts
deleted file mode 100644
index 5de9422..0000000
--- a/src/app/components/timeline/timeline.interface.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in Timeline.
- * @group Templates
- */
-export interface TimelineTemplates {
-    /**
-     * Custom content template.
-     * @param {Object} context - item data.
-     */
-    content(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-    /**
-     * Custom opposite item template.
-     * @param {Object} context - item data.
-     */
-    opposite(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-    /**
-     * Custom marker template.
-     * @param {Object} context - item data.
-     */
-    marker(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-}
diff --git a/src/app/components/timeline/timeline.ts b/src/app/components/timeline/timeline.ts
deleted file mode 100644
index 3ffd0af..0000000
--- a/src/app/components/timeline/timeline.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, ElementRef, Input, NgModule, QueryList, TemplateRef, ViewEncapsulation } from '@angular/core';
-import { BlockableUI, PrimeTemplate, SharedModule } from 'primeng/api';
-import { Nullable } from 'primeng/ts-helpers';
-/**
- * Timeline visualizes a series of chained events.
- * @group Components
- */
-@Component({
-    selector: 'p-timeline',
-    template: `
-        <div
-            [class]="styleClass"
-            [ngStyle]="style"
-            [ngClass]="{
-                'p-timeline p-component': true,
-                'p-timeline-left': align === 'left',
-                'p-timeline-right': align === 'right',
-                'p-timeline-top': align === 'top',
-                'p-timeline-bottom': align === 'bottom',
-                'p-timeline-alternate': align === 'alternate',
-                'p-timeline-vertical': layout === 'vertical',
-                'p-timeline-horizontal': layout === 'horizontal'
-            }"
-            [attr.data-pc-name]="'timeline'"
-            [attr.data-pc-section]="'root'"
-        >
-            <div *ngFor="let event of value; let last = last" class="p-timeline-event" [attr.data-pc-section]="'event'">
-                <div class="p-timeline-event-opposite" [attr.data-pc-section]="'opposite'">
-                    <ng-container *ngTemplateOutlet="oppositeTemplate; context: { $implicit: event }"></ng-container>
-                </div>
-                <div class="p-timeline-event-separator" [attr.data-pc-section]="'separator'">
-                    <ng-container *ngIf="markerTemplate; else marker">
-                        <ng-container *ngTemplateOutlet="markerTemplate; context: { $implicit: event }"></ng-container>
-                    </ng-container>
-                    <ng-template #marker>
-                        <div class="p-timeline-event-marker" [attr.data-pc-section]="'marker'"></div>
-                    </ng-template>
-                    <div *ngIf="!last" class="p-timeline-event-connector"></div>
-                </div>
-                <div class="p-timeline-event-content" [attr.data-pc-section]="'content'">
-                    <ng-container *ngTemplateOutlet="contentTemplate; context: { $implicit: event }"></ng-container>
-                </div>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./timeline.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Timeline implements AfterContentInit, BlockableUI {
-    /**
-     * An array of events to display.
-     * @group Props
-     */
-    @Input() value: any[] | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Position of the timeline bar relative to the content. Valid values are "left", "right" for vertical layout and "top", "bottom" for horizontal layout.
-     * @group Props
-     */
-    @Input() align: string = 'left';
-    /**
-     * Orientation of the timeline.
-     * @group Props
-     */
-    @Input() layout: 'vertical' | 'horizontal' = 'vertical';
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<any>>;
-
-    contentTemplate: Nullable<TemplateRef<any>>;
-
-    oppositeTemplate: Nullable<TemplateRef<any>>;
-
-    markerTemplate: Nullable<TemplateRef<any>>;
-
-    constructor(private el: ElementRef) {}
-
-    getBlockableElement(): HTMLElement {
-        return this.el.nativeElement.children[0];
-    }
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-
-                case 'opposite':
-                    this.oppositeTemplate = item.template;
-                    break;
-
-                case 'marker':
-                    this.markerTemplate = item.template;
-                    break;
-            }
-        });
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [Timeline, SharedModule],
-    declarations: [Timeline]
-})
-export class TimelineModule {}
diff --git a/src/app/components/toast/ng-package.json b/src/app/components/toast/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/toast/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/toast/public_api.ts b/src/app/components/toast/public_api.ts
deleted file mode 100644
index 24d9baa..0000000
--- a/src/app/components/toast/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './toast';
-export * from './toast.interface';
diff --git a/src/app/components/toast/toast.css b/src/app/components/toast/toast.css
deleted file mode 100644
index 7a65700..0000000
--- a/src/app/components/toast/toast.css
+++ /dev/null
@@ -1,71 +0,0 @@
-@layer primeng {
-    .p-toast {
-        position: fixed;
-        width: 25rem;
-    }
-
-    .p-toast-message {
-        overflow: hidden;
-    }
-
-    .p-toast-message-content {
-        display: flex;
-        align-items: flex-start;
-    }
-
-    .p-toast-message-text {
-        flex: 1 1 auto;
-    }
-
-    .p-toast-top-right {
-        top: 20px;
-        right: 20px;
-    }
-
-    .p-toast-top-left {
-        top: 20px;
-        left: 20px;
-    }
-
-    .p-toast-bottom-left {
-        bottom: 20px;
-        left: 20px;
-    }
-
-    .p-toast-bottom-right {
-        bottom: 20px;
-        right: 20px;
-    }
-
-    .p-toast-top-center {
-        top: 20px;
-        left: 50%;
-        transform: translateX(-50%);
-    }
-
-    .p-toast-bottom-center {
-        bottom: 20px;
-        left: 50%;
-        transform: translateX(-50%);
-    }
-
-    .p-toast-center {
-        left: 50%;
-        top: 50%;
-        min-width: 20vw;
-        transform: translate(-50%, -50%);
-    }
-
-    .p-toast-icon-close {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        overflow: hidden;
-        position: relative;
-        flex: none;
-    }
-
-    .p-toast-icon-close.p-link {
-        cursor: pointer;
-    }
-}
diff --git a/src/app/components/toast/toast.interface.ts b/src/app/components/toast/toast.interface.ts
deleted file mode 100644
index 6879543..0000000
--- a/src/app/components/toast/toast.interface.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { Message } from 'primeng/api';
-
-/**
- * Defines valid templates in Toast.
- * @group Templates
- */
-export interface ToastTemplates {
-    /**
-     * Custom template of message.
-     */
-    message(context: {
-        /**
-         * Data of the message.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-    /**
-     * Headless template.
-     */
-    headless(context: {
-        /**
-         * Data of the message.
-         */
-        $implicit: any;
-    }): TemplateRef<{ $implicit: any }>;
-}
-
-/**
- * Custom close event.
- * @see {@link Toast.onClose}
- * @group Events
- */
-export interface ToastCloseEvent {
-    /**
-     * Message of the closed element.
-     */
-    message: Message;
-}
-
-/**
- * Custom close event.
- * @see {@link ToastItem.onClose}
- */
-export interface ToastItemCloseEvent extends ToastCloseEvent {
-    /**
-     * Index of the closed element.
-     */
-    index: number;
-}
-
-export type ToastPositionType = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'center';
diff --git a/src/app/components/toast/toast.spec.ts b/src/app/components/toast/toast.spec.ts
deleted file mode 100644
index ff546e0..0000000
--- a/src/app/components/toast/toast.spec.ts
+++ /dev/null
@@ -1,155 +0,0 @@
-import { TestBed, ComponentFixture, fakeAsync, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Toast, ToastItem } from './toast';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { ExclamationTriangleIcon } from 'primeng/icons/exclamationtriangle';
-import { CheckIcon } from 'primeng/icons/check';
-import { TimesIcon } from 'primeng/icons/times';
-
-@Component({
-    template: ` <p-toast></p-toast> `,
-    providers: [MessageService]
-})
-class TestToastComponent {
-    constructor(private messageService: MessageService) {}
-
-    showDefaultToast(severity) {
-        this.messageService.add({ severity: severity, summary: 'summary', detail: 'detail' });
-    }
-
-    showWithKey(key) {
-        this.messageService.add({ key: key, severity: 'warn', summary: 'Are you sure?', detail: 'Confirm to proceed' });
-    }
-
-    showMultipleToast() {
-        this.messageService.addAll([
-            { severity: 'warn', summary: 'Are you sure?', detail: 'Confirm to proceed' },
-            { severity: 'warn', summary: 'Are you sure?', detail: 'Confirm to proceed' }
-        ]);
-    }
-
-    onClearWithKey(key) {
-        this.messageService.clear(key);
-    }
-
-    onClear() {
-        this.messageService.clear();
-    }
-}
-
-describe('Toast', () => {
-    let toast: Toast;
-    let fixture: ComponentFixture<TestToastComponent>;
-    let component: TestToastComponent;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, ExclamationTriangleIcon, CheckIcon, TimesIcon],
-            declarations: [Toast, ToastItem, TestToastComponent]
-        });
-
-        fixture = TestBed.createComponent(TestToastComponent);
-        toast = fixture.debugElement.children[0].componentInstance;
-        component = fixture.componentInstance;
-    });
-
-    it('should create container', () => {
-        fixture.detectChanges();
-
-        const toastContainer = fixture.debugElement.query(By.css('.p-toast'));
-        expect(toastContainer.nativeElement).toBeTruthy();
-    });
-
-    it('should create success toast', () => {
-        fixture.detectChanges();
-
-        component.showDefaultToast('success');
-        fixture.detectChanges();
-
-        const toastMessage = fixture.debugElement.query(By.css('.p-toast-message'));
-        expect(toastMessage.nativeElement).toBeTruthy();
-        expect(toastMessage.nativeElement.classList).toContain('p-toast-message-success');
-    });
-
-    it('should close toast', () => {
-        fixture.detectChanges();
-
-        component.showDefaultToast('success');
-        fixture.detectChanges();
-
-        let toastMessage = fixture.debugElement.query(By.css('.p-toast-message'));
-        expect(toastMessage.nativeElement).toBeTruthy();
-        expect(toastMessage.nativeElement.classList).toContain('p-toast-message-success');
-        const closeEl = fixture.debugElement.query(By.css('.p-toast-icon-close'));
-        toastMessage.nativeElement.dispatchEvent(new Event('mouseenter'));
-        toastMessage.nativeElement.dispatchEvent(new Event('mouseleave'));
-        closeEl.nativeElement.click();
-        fixture.detectChanges();
-
-        Promise.resolve(null).then(() => {
-            toastMessage = fixture.debugElement.query(By.css('.p-toast-message'));
-            expect(toastMessage).toBeFalsy();
-        });
-    });
-
-    it('should create warn toast with key', () => {
-        toast.key = 'vv';
-        fixture.detectChanges();
-
-        component.showWithKey('vv');
-        fixture.detectChanges();
-
-        let toastMessage = fixture.debugElement.query(By.css('.p-toast-message'));
-        expect(toastMessage.nativeElement).toBeTruthy();
-        expect(toastMessage.nativeElement.classList).toContain('p-toast-message-warn');
-    });
-
-    it('should clear toast', () => {
-        fixture.detectChanges();
-
-        component.showDefaultToast('success');
-        fixture.detectChanges();
-
-        let toastMessage = fixture.debugElement.query(By.css('.p-toast-message'));
-        expect(toastMessage.nativeElement).toBeTruthy();
-        expect(toastMessage.nativeElement.classList).toContain('p-toast-message-success');
-        component.onClear();
-        fixture.detectChanges();
-
-        Promise.resolve(null).then(() => {
-            toastMessage = fixture.debugElement.query(By.css('.p-toast-message'));
-            expect(toastMessage).toBeFalsy();
-        });
-    });
-
-    it('should clear toast with key', () => {
-        toast.key = 'vv';
-        fixture.detectChanges();
-
-        component.showWithKey('vv');
-        fixture.detectChanges();
-
-        let toastMessage = fixture.debugElement.query(By.css('.p-toast-message'));
-        expect(toastMessage.nativeElement).toBeTruthy();
-        expect(toastMessage.nativeElement.classList).toContain('p-toast-message-warn');
-        component.onClearWithKey('vv');
-        fixture.detectChanges();
-
-        Promise.resolve(null).then(() => {
-            toastMessage = fixture.debugElement.query(By.css('.p-toast-message'));
-            expect(toastMessage).toBeFalsy();
-        });
-    });
-
-    it('should create multiple toast', () => {
-        fixture.detectChanges();
-
-        component.showMultipleToast();
-        fixture.detectChanges();
-
-        const toastMessage = fixture.debugElement.queryAll(By.css('.p-toast-message'));
-        expect(toastMessage.length).toEqual(2);
-    });
-});
diff --git a/src/app/components/toast/toast.ts b/src/app/components/toast/toast.ts
deleted file mode 100644
index 2da996b..0000000
--- a/src/app/components/toast/toast.ts
+++ /dev/null
@@ -1,529 +0,0 @@
-import { AnimationEvent, animate, animateChild, query, state, style, transition, trigger } from '@angular/animations';
-import { CommonModule, DOCUMENT } from '@angular/common';
-import {
-    AfterContentInit,
-    AfterViewInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    NgModule,
-    NgZone,
-    OnDestroy,
-    OnInit,
-    Output,
-    QueryList,
-    Renderer2,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    numberAttribute
-} from '@angular/core';
-import { Message, MessageService, PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { CheckIcon } from 'primeng/icons/check';
-import { ExclamationTriangleIcon } from 'primeng/icons/exclamationtriangle';
-import { InfoCircleIcon } from 'primeng/icons/infocircle';
-import { TimesIcon } from 'primeng/icons/times';
-import { TimesCircleIcon } from 'primeng/icons/timescircle';
-import { RippleModule } from 'primeng/ripple';
-import { ObjectUtils, UniqueComponentId, ZIndexUtils } from 'primeng/utils';
-import { Subscription } from 'rxjs';
-import { ToastCloseEvent, ToastItemCloseEvent, ToastPositionType } from './toast.interface';
-import { DomHandler } from 'primeng/dom';
-
-@Component({
-    selector: 'p-toastItem',
-    template: `
-        <div
-            #container
-            [attr.id]="message?.id"
-            [class]="message?.styleClass"
-            [ngClass]="['p-toast-message-' + message?.severity, 'p-toast-message']"
-            [@messageState]="{ value: 'visible', params: { showTransformParams: showTransformOptions, hideTransformParams: hideTransformOptions, showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }"
-            (mouseenter)="onMouseEnter()"
-            (mouseleave)="onMouseLeave()"
-            role="alert"
-            aria-live="assertive"
-            aria-atomic="true"
-            [attr.data-pc-name]="'toast'"
-            [attr.data-pc-section]="'root'"
-        >
-            <ng-container *ngIf="headlessTemplate; else notHeadless">
-                <ng-container *ngTemplateOutlet="headlessTemplate; context: { $implicit: message, closeFn: onCloseIconClick }"></ng-container>
-            </ng-container>
-            <ng-template #notHeadless>
-                <div class="p-toast-message-content" [ngClass]="message?.contentStyleClass" [attr.data-pc-section]="'content'">
-                    <ng-container *ngIf="!template">
-                        <span *ngIf="message.icon" [class]="'p-toast-message-icon pi ' + message.icon"></span>
-                        <span class="p-toast-message-icon" *ngIf="!message.icon" [attr.aria-hidden]="true" [attr.data-pc-section]="'icon'">
-                            <ng-container>
-                                <CheckIcon *ngIf="message.severity === 'success'" [attr.aria-hidden]="true" [attr.data-pc-section]="'icon'" />
-                                <InfoCircleIcon *ngIf="message.severity === 'info'" [attr.aria-hidden]="true" [attr.data-pc-section]="'icon'" />
-                                <TimesCircleIcon *ngIf="message.severity === 'error'" [attr.aria-hidden]="true" [attr.data-pc-section]="'icon'" />
-                                <ExclamationTriangleIcon *ngIf="message.severity === 'warn'" [attr.aria-hidden]="true" [attr.data-pc-section]="'icon'" />
-                            </ng-container>
-                        </span>
-                        <div class="p-toast-message-text" [attr.data-pc-section]="'text'">
-                            <div class="p-toast-summary" [attr.data-pc-section]="'summary'">{{ message.summary }}</div>
-                            <div class="p-toast-detail" [attr.data-pc-section]="'detail'">{{ message.detail }}</div>
-                        </div>
-                    </ng-container>
-                    <ng-container *ngTemplateOutlet="template; context: { $implicit: message }"></ng-container>
-                    <button
-                        type="button"
-                        class="p-toast-icon-close p-link"
-                        (click)="onCloseIconClick($event)"
-                        (keydown.enter)="onCloseIconClick($event)"
-                        *ngIf="message?.closable !== false"
-                        pRipple
-                        [attr.aria-label]="closeAriaLabel"
-                        [attr.data-pc-section]="'closebutton'"
-                    >
-                        <span *ngIf="message.closeIcon" [class]="'pt-1 text-base p-toast-message-icon pi ' + message.closeIcon"></span>
-                        <TimesIcon *ngIf="!message.closeIcon" [styleClass]="'p-toast-icon-close-icon'" [attr.aria-hidden]="true" [attr.data-pc-section]="'closeicon'" />
-                    </button>
-                </div>
-            </ng-template>
-        </div>
-    `,
-    animations: [
-        trigger('messageState', [
-            state(
-                'visible',
-                style({
-                    transform: 'translateY(0)',
-                    opacity: 1
-                })
-            ),
-            transition('void => *', [
-                style({
-                    transform: '{{showTransformParams}}',
-                    opacity: 0
-                }),
-                animate('{{showTransitionParams}}')
-            ]),
-            transition('* => void', [
-                animate(
-                    '{{hideTransitionParams}}',
-                    style({
-                        height: 0,
-                        opacity: 0,
-                        transform: '{{hideTransformParams}}'
-                    })
-                )
-            ])
-        ])
-    ],
-    encapsulation: ViewEncapsulation.None,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    host: {
-        class: 'p-element'
-    }
-})
-export class ToastItem implements AfterViewInit, OnDestroy {
-    @Input() message: Message | null | undefined;
-
-    @Input({ transform: numberAttribute }) index: number | null | undefined;
-
-    @Input({ transform: numberAttribute }) life: number;
-
-    @Input() template: TemplateRef<any> | undefined;
-
-    @Input() headlessTemplate: TemplateRef<any> | undefined;
-
-    @Input() showTransformOptions: string | undefined;
-
-    @Input() hideTransformOptions: string | undefined;
-
-    @Input() showTransitionOptions: string | undefined;
-
-    @Input() hideTransitionOptions: string | undefined;
-
-    @Output() onClose: EventEmitter<ToastItemCloseEvent> = new EventEmitter();
-
-    @ViewChild('container') containerViewChild: ElementRef | undefined;
-
-    timeout: any;
-
-    constructor(
-        private zone: NgZone,
-        private config: PrimeNGConfig
-    ) {}
-
-    ngAfterViewInit() {
-        this.initTimeout();
-    }
-
-    initTimeout() {
-        if (!this.message?.sticky) {
-            this.zone.runOutsideAngular(() => {
-                this.timeout = setTimeout(
-                    () => {
-                        this.onClose.emit({
-                            index: <number>this.index,
-                            message: <Message>this.message
-                        });
-                    },
-                    this.message?.life || this.life || 3000
-                );
-            });
-        }
-    }
-
-    clearTimeout() {
-        if (this.timeout) {
-            clearTimeout(this.timeout);
-            this.timeout = null;
-        }
-    }
-
-    onMouseEnter() {
-        this.clearTimeout();
-    }
-
-    onMouseLeave() {
-        this.initTimeout();
-    }
-
-    onCloseIconClick = (event: Event) => {
-        this.clearTimeout();
-
-        this.onClose.emit({
-            index: <number>this.index,
-            message: <Message>this.message
-        });
-
-        event.preventDefault();
-    };
-
-    get closeAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.close : undefined;
-    }
-
-    ngOnDestroy() {
-        this.clearTimeout();
-    }
-}
-
-/**
- * Toast is used to display messages in an overlay.
- * @group Components
- */
-@Component({
-    selector: 'p-toast',
-    template: `
-        <div #container class="p-toast p-component" [ngClass]="'p-toast-' + _position" [ngStyle]="style" [class]="styleClass">
-            <p-toastItem
-                *ngFor="let msg of messages; let i = index"
-                [message]="msg"
-                [index]="i"
-                [life]="life"
-                (onClose)="onMessageClose($event)"
-                [template]="template"
-                [headlessTemplate]="headlessTemplate"
-                @toastAnimation
-                (@toastAnimation.start)="onAnimationStart($event)"
-                (@toastAnimation.done)="onAnimationEnd($event)"
-                [showTransformOptions]="showTransformOptions"
-                [hideTransformOptions]="hideTransformOptions"
-                [showTransitionOptions]="showTransitionOptions"
-                [hideTransitionOptions]="hideTransitionOptions"
-            ></p-toastItem>
-        </div>
-    `,
-    animations: [trigger('toastAnimation', [transition(':enter, :leave', [query('@*', animateChild())])])],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./toast.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Toast implements OnInit, AfterContentInit, OnDestroy {
-    /**
-     * Key of the message in case message is targeted to a specific toast component.
-     * @group Props
-     */
-    @Input() key: string | undefined;
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) baseZIndex: number = 0;
-    /**
-     * The default time to display messages for in milliseconds.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) life: number = 3000;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Inline class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-
-    /**
-     * Position of the toast in viewport.
-     * @group Props
-     */
-    @Input() get position(): ToastPositionType {
-        return this._position;
-    }
-
-    set position(value: ToastPositionType) {
-        this._position = value;
-        this.cd.markForCheck();
-    }
-
-    /**
-     * It does not add the new message if there is already a toast displayed with the same content
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) preventOpenDuplicates: boolean = false;
-    /**
-     * Displays only once a message with the same content.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) preventDuplicates: boolean = false;
-    /**
-     * Transform options of the show animation.
-     * @group Props
-     */
-    @Input() showTransformOptions: string = 'translateY(100%)';
-    /**
-     * Transform options of the hide animation.
-     * @group Props
-     */
-    @Input() hideTransformOptions: string = 'translateY(-100%)';
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     */
-    @Input() showTransitionOptions: string = '300ms ease-out';
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     */
-    @Input() hideTransitionOptions: string = '250ms ease-in';
-    /**
-     * Object literal to define styles per screen size.
-     * @group Props
-     */
-    @Input() breakpoints: { [key: string]: any } | undefined;
-    /**
-     * Callback to invoke when a message is closed.
-     * @param {ToastCloseEvent} event - custom close event.
-     * @group Emits
-     */
-    @Output() onClose: EventEmitter<ToastCloseEvent> = new EventEmitter<ToastCloseEvent>();
-
-    @ViewChild('container') containerViewChild: ElementRef | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    messageSubscription: Subscription | undefined;
-
-    clearSubscription: Subscription | undefined;
-
-    messages: Message[] | null | undefined;
-
-    messagesArchieve: Message[] | undefined;
-
-    template: TemplateRef<any> | undefined;
-
-    headlessTemplate: TemplateRef<any> | undefined;
-
-    _position: ToastPositionType = 'top-right';
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        private renderer: Renderer2,
-        public messageService: MessageService,
-        private cd: ChangeDetectorRef,
-        public config: PrimeNGConfig
-    ) {}
-
-    styleElement: any;
-
-    id: string = UniqueComponentId();
-
-    ngOnInit() {
-        this.messageSubscription = this.messageService.messageObserver.subscribe((messages) => {
-            if (messages) {
-                if (Array.isArray(messages)) {
-                    const filteredMessages = messages.filter((m) => this.canAdd(m));
-                    this.add(filteredMessages);
-                } else if (this.canAdd(messages)) {
-                    this.add([messages]);
-                }
-            }
-        });
-
-        this.clearSubscription = this.messageService.clearObserver.subscribe((key) => {
-            if (key) {
-                if (this.key === key) {
-                    this.messages = null;
-                }
-            } else {
-                this.messages = null;
-            }
-
-            this.cd.markForCheck();
-        });
-    }
-
-    ngAfterViewInit() {
-        if (this.breakpoints) {
-            this.createStyle();
-        }
-    }
-
-    add(messages: Message[]): void {
-        this.messages = this.messages ? [...this.messages, ...messages] : [...messages];
-
-        if (this.preventDuplicates) {
-            this.messagesArchieve = this.messagesArchieve ? [...this.messagesArchieve, ...messages] : [...messages];
-        }
-
-        this.cd.markForCheck();
-    }
-
-    canAdd(message: Message): boolean {
-        let allow = this.key === message.key;
-
-        if (allow && this.preventOpenDuplicates) {
-            allow = !this.containsMessage(this.messages!, message);
-        }
-
-        if (allow && this.preventDuplicates) {
-            allow = !this.containsMessage(this.messagesArchieve!, message);
-        }
-
-        return allow;
-    }
-
-    containsMessage(collection: Message[], message: Message): boolean {
-        if (!collection) {
-            return false;
-        }
-
-        return (
-            collection.find((m) => {
-                return m.summary === message.summary && m.detail == message.detail && m.severity === message.severity;
-            }) != null
-        );
-    }
-
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'message':
-                    this.template = item.template;
-                    break;
-                case 'headless':
-                    this.headlessTemplate = item.template;
-                    break;
-
-                default:
-                    this.template = item.template;
-                    break;
-            }
-        });
-    }
-
-    onMessageClose(event: ToastItemCloseEvent) {
-        this.messages?.splice(event.index, 1);
-
-        this.onClose.emit({
-            message: event.message
-        });
-
-        this.cd.detectChanges();
-    }
-
-    onAnimationStart(event: AnimationEvent) {
-        if (event.fromState === 'void') {
-            this.renderer.setAttribute(this.containerViewChild?.nativeElement, this.id, '');
-            if (this.autoZIndex && this.containerViewChild?.nativeElement.style.zIndex === '') {
-                ZIndexUtils.set('modal', this.containerViewChild?.nativeElement, this.baseZIndex || this.config.zIndex.modal);
-            }
-        }
-    }
-
-    onAnimationEnd(event: AnimationEvent) {
-        if (event.toState === 'void') {
-            if (this.autoZIndex && ObjectUtils.isEmpty(this.messages)) {
-                ZIndexUtils.clear(this.containerViewChild?.nativeElement);
-            }
-        }
-    }
-
-    createStyle() {
-        if (!this.styleElement) {
-            this.styleElement = this.renderer.createElement('style');
-            this.styleElement.type = 'text/css';
-            DomHandler.setAttribute(this.styleElement, 'nonce', this.config?.csp()?.nonce);
-            this.renderer.appendChild(this.document.head, this.styleElement);
-            let innerHTML = '';
-            for (let breakpoint in this.breakpoints) {
-                let breakpointStyle = '';
-                for (let styleProp in this.breakpoints[breakpoint]) {
-                    breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + ' !important;';
-                }
-                innerHTML += `
-                    @media screen and (max-width: ${breakpoint}) {
-                        .p-toast[${this.id}] {
-                           ${breakpointStyle}
-                        }
-                    }
-                `;
-            }
-
-            this.renderer.setProperty(this.styleElement, 'innerHTML', innerHTML);
-        }
-    }
-
-    destroyStyle() {
-        if (this.styleElement) {
-            this.renderer.removeChild(this.document.head, this.styleElement);
-            this.styleElement = null;
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.messageSubscription) {
-            this.messageSubscription.unsubscribe();
-        }
-
-        if (this.containerViewChild && this.autoZIndex) {
-            ZIndexUtils.clear(this.containerViewChild.nativeElement);
-        }
-
-        if (this.clearSubscription) {
-            this.clearSubscription.unsubscribe();
-        }
-
-        this.destroyStyle();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, RippleModule, CheckIcon, InfoCircleIcon, TimesCircleIcon, ExclamationTriangleIcon, TimesIcon],
-    exports: [Toast, SharedModule],
-    declarations: [Toast, ToastItem]
-})
-export class ToastModule {}
diff --git a/src/app/components/togglebutton/ng-package.json b/src/app/components/togglebutton/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/togglebutton/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/togglebutton/public_api.ts b/src/app/components/togglebutton/public_api.ts
deleted file mode 100644
index 5c5b553..0000000
--- a/src/app/components/togglebutton/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './togglebutton';
-export * from './togglebutton.interface';
diff --git a/src/app/components/togglebutton/togglebutton.interface.ts b/src/app/components/togglebutton/togglebutton.interface.ts
deleted file mode 100644
index c1ab3b0..0000000
--- a/src/app/components/togglebutton/togglebutton.interface.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { ToggleButton } from './togglebutton';
-
-/**
- * Custom change event.
- * @see {@link ToggleButton.onChange}
- * @group Events
- */
-export interface ToggleButtonChangeEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Boolean value to represent checked state.
-     */
-    checked: boolean | undefined;
-}
-
-/**
- * Defines valid templates in ToggleButton.
- * @group Templates
- */
-export interface ToggleButtonTemplates {
-    /**
-     * Custom icon template.
-     * @param {boolean} context - checked state as boolean.
-     */
-    icon(context: {
-        /**
-         * Checked.
-         */
-        $implicit: boolean;
-    }): TemplateRef<{ $implicit: boolean }>;
-}
diff --git a/src/app/components/togglebutton/togglebutton.spec.ts b/src/app/components/togglebutton/togglebutton.spec.ts
deleted file mode 100644
index ac2737b..0000000
--- a/src/app/components/togglebutton/togglebutton.spec.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { ToggleButton } from './togglebutton';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('ToggleButton', () => {
-    let toggleButton: ToggleButton;
-    let fixture: ComponentFixture<ToggleButton>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule],
-            declarations: [ToggleButton]
-        });
-
-        fixture = TestBed.createComponent(ToggleButton);
-        toggleButton = fixture.componentInstance;
-    });
-
-    it('should display the onLabel and offLabel', () => {
-        toggleButton.onLabel = 'YES';
-        toggleButton.offLabel = 'NO';
-        fixture.detectChanges();
-
-        const clickEl = fixture.nativeElement.querySelector('.p-togglebutton');
-        clickEl.click();
-        fixture.detectChanges();
-
-        const labelEl = fixture.debugElement.query(By.css('.p-button-label'));
-        expect(labelEl.nativeElement.textContent).toBe('YES');
-
-        clickEl.click();
-        fixture.detectChanges();
-
-        expect(labelEl.nativeElement.textContent).toBe('NO');
-    });
-
-    it('Should display as checked when value is true by default', () => {
-        toggleButton.checked = true;
-        fixture.detectChanges();
-
-        expect(toggleButton.checked).toBe(true);
-    });
-});
diff --git a/src/app/components/togglebutton/togglebutton.ts b/src/app/components/togglebutton/togglebutton.ts
deleted file mode 100644
index c869426..0000000
--- a/src/app/components/togglebutton/togglebutton.ts
+++ /dev/null
@@ -1,222 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { booleanAttribute, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, forwardRef, Input, NgModule, numberAttribute, Output, QueryList, TemplateRef } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { RippleModule } from 'primeng/ripple';
-import { ToggleButtonChangeEvent } from './togglebutton.interface';
-import { Nullable } from 'primeng/ts-helpers';
-import { PrimeTemplate, SharedModule } from 'primeng/api';
-import { AutoFocusModule } from 'primeng/autofocus';
-
-type ToggleButtonIconPosition = 'left' | 'right';
-
-export const TOGGLEBUTTON_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => ToggleButton),
-    multi: true
-};
-/**
- * ToggleButton is used to select a boolean value using a button.
- * @group Components
- */
-@Component({
-    selector: 'p-toggleButton',
-    template: `
-        <div
-            [ngClass]="{ 'p-togglebutton p-button p-component': true, 'p-button-icon-only': onIcon && offIcon && !hasOnLabel && !hasOffLabel, 'p-highlight': checked, 'p-disabled': disabled }"
-            [ngStyle]="style"
-            [class]="styleClass"
-            (click)="toggle($event)"
-            (keydown)="onKeyDown($event)"
-            [attr.tabindex]="disabled ? null : tabindex"
-            role="switch"
-            [attr.aria-checked]="checked"
-            [attr.aria-labelledby]="ariaLabelledBy"
-            [attr.aria-label]="ariaLabel"
-            pRipple
-            [attr.data-pc-name]="'togglebutton'"
-            [attr.data-pc-section]="'root'"
-            pAutoFocus
-            [autofocus]="autofocus"
-        >
-            @if (!iconTemplate) {
-                <span
-                    *ngIf="onIcon || offIcon"
-                    [class]="checked ? this.onIcon : this.offIcon"
-                    [ngClass]="{ 'p-button-icon': true, 'p-button-icon-left': iconPos === 'left', 'p-button-icon-right': iconPos === 'right' }"
-                    [attr.data-pc-section]="'icon'"
-                ></span>
-            } @else {
-                <ng-container *ngTemplateOutlet="iconTemplate; context: { $implicit: checked }"></ng-container>
-            }
-            <span class="p-button-label" *ngIf="onLabel || offLabel" [attr.data-pc-section]="'label'">{{ checked ? (hasOnLabel ? onLabel : '') : hasOffLabel ? offLabel : '' }}</span>
-        </div>
-    `,
-    providers: [TOGGLEBUTTON_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    styleUrls: ['../button/button.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class ToggleButton implements ControlValueAccessor {
-    /**
-     * Label for the on state.
-     * @group Props
-     */
-    @Input() onLabel: string | undefined;
-    /**
-     * Label for the off state.
-     * @group Props
-     */
-    @Input() offLabel: string | undefined;
-    /**
-     * Icon for the on state.
-     * @group Props
-     */
-    @Input() onIcon: string | undefined;
-    /**
-     * Icon for the off state.
-     * @group Props
-     */
-    @Input() offIcon: string | undefined;
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * When present, it specifies that the element should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    @Input() style: any;
-    /**
-     * Style class of the element.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Identifier of the focus input to match a label defined for the component.
-     * @group Props
-     */
-    @Input() inputId: string | undefined;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined = 0;
-    /**
-     * Position of the icon.
-     * @group Props
-     */
-    @Input() iconPos: 'left' | 'right' = 'left';
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * Callback to invoke on value change.
-     * @param {ToggleButtonChangeEvent} event - Custom change event.
-     * @group Emits
-     */
-    @Output() onChange: EventEmitter<ToggleButtonChangeEvent> = new EventEmitter<ToggleButtonChangeEvent>();
-
-    @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;
-
-    iconTemplate: Nullable<TemplateRef<any>>;
-
-    checked: boolean = false;
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    constructor(public cd: ChangeDetectorRef) {}
-
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'icon':
-                    this.iconTemplate = item.template;
-                    break;
-                default:
-                    this.iconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    toggle(event: Event) {
-        if (!this.disabled) {
-            this.checked = !this.checked;
-            this.onModelChange(this.checked);
-            this.onModelTouched();
-            this.onChange.emit({
-                originalEvent: event,
-                checked: this.checked
-            });
-
-            this.cd.markForCheck();
-        }
-    }
-
-    onKeyDown(event: KeyboardEvent) {
-        switch (event.code) {
-            case 'Enter':
-                this.toggle(event);
-                event.preventDefault();
-                break;
-            case 'Space':
-                this.toggle(event);
-                event.preventDefault();
-                break;
-        }
-    }
-
-    onBlur() {
-        this.onModelTouched();
-    }
-
-    writeValue(value: any): void {
-        this.checked = value;
-        this.cd.markForCheck();
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-
-    get hasOnLabel(): boolean {
-        return (this.onLabel && this.onLabel.length > 0) as boolean;
-    }
-
-    get hasOffLabel(): boolean {
-        return (this.onLabel && this.onLabel.length > 0) as boolean;
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, RippleModule, SharedModule, AutoFocusModule],
-    exports: [ToggleButton, SharedModule],
-    declarations: [ToggleButton]
-})
-export class ToggleButtonModule {}
diff --git a/src/app/components/toolbar/ng-package.json b/src/app/components/toolbar/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/toolbar/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/toolbar/public_api.ts b/src/app/components/toolbar/public_api.ts
deleted file mode 100644
index 632020e..0000000
--- a/src/app/components/toolbar/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './toolbar';
-export * from './toolbar.interface';
diff --git a/src/app/components/toolbar/toolbar.css b/src/app/components/toolbar/toolbar.css
deleted file mode 100644
index 7e15a44..0000000
--- a/src/app/components/toolbar/toolbar.css
+++ /dev/null
@@ -1,19 +0,0 @@
-@layer primeng {
-    .p-toolbar {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        flex-wrap: wrap;
-    }
-    .p-toolbar-group-start,
-    .p-toolbar-group-center,
-    .p-toolbar-group-end {
-        display: flex;
-        align-items: center;
-    }
-    .p-toolbar-group-left,
-    .p-toolbar-group-right {
-        display: flex;
-        align-items: center;
-    }
-}
diff --git a/src/app/components/toolbar/toolbar.interface.ts b/src/app/components/toolbar/toolbar.interface.ts
deleted file mode 100644
index 0a6443c..0000000
--- a/src/app/components/toolbar/toolbar.interface.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { TemplateRef } from '@angular/core';
-
-/**
- * Defines valid templates in Toolbar.
- * @group Templates
- */
-export interface ToolbarTemplates {
-    /**
-     * Custom start content.
-     */
-    start(): TemplateRef<any>;
-    /**
-     * Custom end content.
-     */
-    end(): TemplateRef<any>;
-    /**
-     * Custom center content.
-     */
-    center(): TemplateRef<any>;
-}
diff --git a/src/app/components/toolbar/toolbar.spec.ts b/src/app/components/toolbar/toolbar.spec.ts
deleted file mode 100644
index 8649bee..0000000
--- a/src/app/components/toolbar/toolbar.spec.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Toolbar } from './toolbar';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { Component } from '@angular/core';
-import { ButtonModule } from '../button/button';
-
-@Component({
-    template: `<p-toolbar>
-        <div class="p-toolbar-group-left">
-            <button type="button" label="New" icon="pi pi-plus"></button>
-            <button type="button" label="Upload" icon="pi pi-upload" class="p-button-success"></button>
-        </div>
-
-        <div class="p-toolbar-group-right">
-            <button type="button" icon="pi pi-search"></button>
-            <button type="button" icon="pi pi-calendar" class="p-button-success"></button>
-            <button type="button" icon="pi pi-times" class="p-button-danger"></button>
-        </div>
-    </p-toolbar>`
-})
-class TestToolbarComponent {}
-
-describe('Toolbar', () => {
-    let toolbar: Toolbar;
-    let fixture: ComponentFixture<TestToolbarComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, ButtonModule],
-            declarations: [Toolbar, TestToolbarComponent]
-        });
-
-        fixture = TestBed.createComponent(TestToolbarComponent);
-        toolbar = fixture.debugElement.children[0].componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const toolbarEl = fixture.debugElement.query(By.css('p-toolbar'));
-        expect(toolbarEl.nativeElement).toBeTruthy();
-        expect(toolbarEl.nativeElement.children[0].children.length).toEqual(2);
-    });
-
-    it('should change style and styleClass', () => {
-        toolbar.style = { height: '300px' };
-        toolbar.styleClass = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const toolbarEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(toolbarEl.className).toContain('Primeng ROCKS!');
-        expect(toolbarEl.style.height).toEqual('300px');
-    });
-
-    it('should show ng-content', () => {
-        fixture.detectChanges();
-
-        const contentEl = fixture.debugElement.query(By.css('.p-toolbar-group-left')).nativeElement;
-        expect(contentEl).toBeTruthy();
-    });
-});
diff --git a/src/app/components/toolbar/toolbar.ts b/src/app/components/toolbar/toolbar.ts
deleted file mode 100644
index e7a5c6e..0000000
--- a/src/app/components/toolbar/toolbar.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, ElementRef, Input, NgModule, QueryList, TemplateRef, ViewEncapsulation } from '@angular/core';
-import { BlockableUI, PrimeTemplate, SharedModule } from 'primeng/api';
-/**
- * Toolbar is a grouping component for buttons and other content.
- * @group Components
- */
-@Component({
-    selector: 'p-toolbar',
-    template: `
-        <div [ngClass]="'p-toolbar p-component'" [attr.aria-labelledby]="ariaLabelledBy" [ngStyle]="style" [class]="styleClass" role="toolbar" [attr.data-pc-name]="'toolbar'">
-            <ng-content></ng-content>
-            <div class="p-toolbar-group-left p-toolbar-group-start" *ngIf="startTemplate" [attr.data-pc-section]="'start'">
-                <ng-container *ngTemplateOutlet="startTemplate"></ng-container>
-            </div>
-            <div class="p-toolbar-group-center" *ngIf="centerTemplate" [attr.data-pc-section]="'center'">
-                <ng-container *ngTemplateOutlet="centerTemplate"></ng-container>
-            </div>
-            <div class="p-toolbar-group-right p-toolbar-group-end" *ngIf="endTemplate" [attr.data-pc-section]="'end'">
-                <ng-container *ngTemplateOutlet="endTemplate"></ng-container>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./toolbar.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Toolbar implements AfterContentInit, BlockableUI {
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Defines a string value that labels an interactive element.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;
-
-    startTemplate: TemplateRef<any> | undefined;
-
-    endTemplate: TemplateRef<any> | undefined;
-
-    centerTemplate: TemplateRef<any> | undefined;
-
-    constructor(private el: ElementRef) {}
-
-    getBlockableElement(): HTMLElement {
-        return this.el.nativeElement.children[0];
-    }
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'start':
-                case 'left':
-                    this.startTemplate = item.template;
-                    break;
-
-                case 'end':
-                case 'right':
-                    this.endTemplate = item.template;
-                    break;
-
-                case 'center':
-                    this.centerTemplate = item.template;
-                    break;
-            }
-        });
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule],
-    exports: [Toolbar, SharedModule],
-    declarations: [Toolbar]
-})
-export class ToolbarModule {}
diff --git a/src/app/components/tooltip/ng-package.json b/src/app/components/tooltip/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/tooltip/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/tooltip/public_api.ts b/src/app/components/tooltip/public_api.ts
deleted file mode 100644
index ed8326d..0000000
--- a/src/app/components/tooltip/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './tooltip';
diff --git a/src/app/components/tooltip/tooltip.css b/src/app/components/tooltip/tooltip.css
deleted file mode 100644
index d632006..0000000
--- a/src/app/components/tooltip/tooltip.css
+++ /dev/null
@@ -1,59 +0,0 @@
-@layer primeng {
-    .p-tooltip {
-        position: absolute;
-        display: none;
-        padding: 0.25em 0.5rem;
-        max-width: 12.5rem;
-        pointer-events: none;
-    }
-
-    .p-tooltip.p-tooltip-right,
-    .p-tooltip.p-tooltip-left {
-        padding: 0 0.25rem;
-    }
-
-    .p-tooltip.p-tooltip-top,
-    .p-tooltip.p-tooltip-bottom {
-        padding: 0.25em 0;
-    }
-
-    .p-tooltip .p-tooltip-text {
-        white-space: pre-line;
-        word-break: break-word;
-    }
-
-    .p-tooltip-arrow {
-        scale: 2;
-        position: absolute;
-        width: 0;
-        height: 0;
-        border-style: solid;
-        border-color: transparent;
-    }
-
-    .p-tooltip-right .p-tooltip-arrow {
-        top: 50%;
-        left: 0;
-    }
-
-    .p-tooltip-left .p-tooltip-arrow {
-        top: 50%;
-        right: 0;
-    }
-
-    .p-tooltip.p-tooltip-top {
-        padding: 0.25em 0;
-    }
-
-    .p-tooltip-top .p-tooltip-arrow {
-        bottom: 0;
-        left: 50%;
-        margin-left: -0.25rem;
-    }
-
-    .p-tooltip-bottom .p-tooltip-arrow {
-        top: 0;
-        left: 50%;
-        margin-left: -0.25rem;
-    }
-}
diff --git a/src/app/components/tooltip/tooltip.spec.ts b/src/app/components/tooltip/tooltip.spec.ts
deleted file mode 100644
index 7267367..0000000
--- a/src/app/components/tooltip/tooltip.spec.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { Component } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { InputText } from 'primeng/inputtext';
-import { Tooltip, TooltipModule } from './tooltip';
-
-@Component({
-    template: `
-        <div style="margin:50px;">
-            <input type="text" pInputText pTooltip="Enter your username" [positionStyle]="positionStyle" [appendTo]="appendTo" [tooltipDisabled]="disabled" [tooltipEvent]="event" [tooltipPosition]="position" />
-        </div>
-    `
-})
-class TestTooltipComponent {
-    position: string = 'right';
-
-    event: string = 'hover';
-
-    positionStyle: string = 'absolute';
-
-    disabled: boolean = false;
-
-    appendTo: any = 'body';
-}
-
-describe('Tooltip', () => {
-    let tooltip: Tooltip;
-    let component: TestTooltipComponent;
-    let fixture: ComponentFixture<TestTooltipComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, TooltipModule],
-            declarations: [InputText, TestTooltipComponent]
-        });
-
-        fixture = TestBed.createComponent(TestTooltipComponent);
-        tooltip = fixture.debugElement.children[0].componentInstance;
-        component = fixture.componentInstance;
-    });
-
-    it('should display by default', () => {
-        fixture.detectChanges();
-
-        const tooltipEl = fixture.debugElement.query(By.css('.p-tooltip'));
-        expect(tooltipEl).toBeFalsy();
-    });
-});
diff --git a/src/app/components/tooltip/tooltip.ts b/src/app/components/tooltip/tooltip.ts
deleted file mode 100644
index 3f41863..0000000
--- a/src/app/components/tooltip/tooltip.ts
+++ /dev/null
@@ -1,746 +0,0 @@
-import { CommonModule, isPlatformBrowser } from '@angular/common';
-import { AfterViewInit, Directive, ElementRef, HostListener, Inject, Input, NgModule, NgZone, OnDestroy, PLATFORM_ID, Renderer2, SimpleChanges, TemplateRef, ViewContainerRef, booleanAttribute, numberAttribute } from '@angular/core';
-import { PrimeNGConfig, TooltipOptions } from 'primeng/api';
-import { ConnectedOverlayScrollHandler, DomHandler } from 'primeng/dom';
-import { Nullable } from 'primeng/ts-helpers';
-import { UniqueComponentId, ZIndexUtils } from 'primeng/utils';
-
-/**
- * Tooltip directive provides advisory information for a component.
- * @group Components
- */
-@Directive({
-    selector: '[pTooltip]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class Tooltip implements AfterViewInit, OnDestroy {
-    /**
-     * Position of the tooltip.
-     * @group Props
-     */
-    @Input() tooltipPosition: 'right' | 'left' | 'top' | 'bottom' | string | undefined;
-    /**
-     * Event to show the tooltip.
-     * @group Props
-     */
-    @Input() tooltipEvent: 'hover' | 'focus' | 'both' | string | any = 'hover';
-    /**
-     *  Target element to attach the overlay, valid values are "body", "target" or a local ng-F variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Type of CSS position.
-     * @group Props
-     */
-    @Input() positionStyle: string | undefined;
-    /**
-     * Style class of the tooltip.
-     * @group Props
-     */
-    @Input() tooltipStyleClass: string | undefined;
-    /**
-     * Whether the z-index should be managed automatically to always go on top or have a fixed value.
-     * @group Props
-     */
-    @Input() tooltipZIndex: string | undefined;
-    /**
-     * By default the tooltip contents are rendered as text. Set to false to support html tags in the content.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) escape: boolean = true;
-    /**
-     * Delay to show the tooltip in milliseconds.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) showDelay: number | undefined;
-    /**
-     * Delay to hide the tooltip in milliseconds.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) hideDelay: number | undefined;
-    /**
-     * Time to wait in milliseconds to hide the tooltip even it is active.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) life: number | undefined;
-    /**
-     * Specifies the additional vertical offset of the tooltip from its default position.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) positionTop: number | undefined;
-    /**
-     * Specifies the additional horizontal offset of the tooltip from its default position.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) positionLeft: number | undefined;
-    /**
-     * Whether to hide tooltip when hovering over tooltip content.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoHide: boolean = true;
-    /**
-     * Automatically adjusts the element position when there is not enough space on the selected position.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) fitContent: boolean = true;
-    /**
-     * Whether to hide tooltip on escape key press.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) hideOnEscape: boolean = true;
-    /**
-     * Content of the tooltip.
-     * @group Props
-     */
-    @Input('pTooltip') content: string | TemplateRef<HTMLElement> | undefined;
-    /**
-     * When present, it specifies that the component should be disabled.
-     * @defaultValue false
-     * @group Props
-     */
-    @Input('tooltipDisabled') get disabled(): boolean {
-        return this._disabled as boolean;
-    }
-    set disabled(val: boolean) {
-        this._disabled = val;
-        this.deactivate();
-    }
-    /**
-     * Specifies the tooltip configuration options for the component.
-     * @group Props
-     */
-    @Input() tooltipOptions: TooltipOptions | undefined;
-
-    _tooltipOptions = {
-        tooltipLabel: null,
-        tooltipPosition: 'right',
-        tooltipEvent: 'hover',
-        appendTo: 'body',
-        positionStyle: null,
-        tooltipStyleClass: null,
-        tooltipZIndex: 'auto',
-        escape: true,
-        disabled: null,
-        showDelay: null,
-        hideDelay: null,
-        positionTop: null,
-        positionLeft: null,
-        life: null,
-        autoHide: true,
-        hideOnEscape: true,
-        id: UniqueComponentId() + '_tooltip'
-    };
-
-    _disabled: boolean | undefined;
-
-    container: any;
-
-    styleClass: string | undefined;
-
-    tooltipText: any;
-
-    showTimeout: any;
-
-    hideTimeout: any;
-
-    active: boolean | undefined;
-
-    mouseEnterListener: Nullable<Function>;
-
-    mouseLeaveListener: Nullable<Function>;
-
-    containerMouseleaveListener: Nullable<Function>;
-
-    clickListener: Nullable<Function>;
-
-    focusListener: Nullable<Function>;
-
-    blurListener: Nullable<Function>;
-
-    scrollHandler: any;
-
-    resizeListener: any;
-
-    interactionInProgress = false;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        public el: ElementRef,
-        public zone: NgZone,
-        public config: PrimeNGConfig,
-        private renderer: Renderer2,
-        private viewContainer: ViewContainerRef
-    ) {}
-
-    ngAfterViewInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.zone.runOutsideAngular(() => {
-                const tooltipEvent = this.getOption('tooltipEvent');
-
-                if (tooltipEvent === 'hover' || tooltipEvent === 'both') {
-                    this.mouseEnterListener = this.onMouseEnter.bind(this);
-                    this.mouseLeaveListener = this.onMouseLeave.bind(this);
-                    this.clickListener = this.onInputClick.bind(this);
-                    this.el.nativeElement.addEventListener('mouseenter', this.mouseEnterListener);
-                    this.el.nativeElement.addEventListener('click', this.clickListener);
-                    this.el.nativeElement.addEventListener('mouseleave', this.mouseLeaveListener);
-                }
-                if (tooltipEvent === 'focus' || tooltipEvent === 'both') {
-                    this.focusListener = this.onFocus.bind(this);
-                    this.blurListener = this.onBlur.bind(this);
-
-                    let target = this.el.nativeElement.querySelector('.p-component');
-
-                    if (!target) {
-                        target = this.getTarget(this.el.nativeElement);
-                    }
-
-                    target.addEventListener('focus', this.focusListener);
-                    target.addEventListener('blur', this.blurListener);
-                }
-            });
-        }
-    }
-
-    ngOnChanges(simpleChange: SimpleChanges) {
-        if (simpleChange.tooltipPosition) {
-            this.setOption({ tooltipPosition: simpleChange.tooltipPosition.currentValue });
-        }
-
-        if (simpleChange.tooltipEvent) {
-            this.setOption({ tooltipEvent: simpleChange.tooltipEvent.currentValue });
-        }
-
-        if (simpleChange.appendTo) {
-            this.setOption({ appendTo: simpleChange.appendTo.currentValue });
-        }
-
-        if (simpleChange.positionStyle) {
-            this.setOption({ positionStyle: simpleChange.positionStyle.currentValue });
-        }
-
-        if (simpleChange.tooltipStyleClass) {
-            this.setOption({ tooltipStyleClass: simpleChange.tooltipStyleClass.currentValue });
-        }
-
-        if (simpleChange.tooltipZIndex) {
-            this.setOption({ tooltipZIndex: simpleChange.tooltipZIndex.currentValue });
-        }
-
-        if (simpleChange.escape) {
-            this.setOption({ escape: simpleChange.escape.currentValue });
-        }
-
-        if (simpleChange.showDelay) {
-            this.setOption({ showDelay: simpleChange.showDelay.currentValue });
-        }
-
-        if (simpleChange.hideDelay) {
-            this.setOption({ hideDelay: simpleChange.hideDelay.currentValue });
-        }
-
-        if (simpleChange.life) {
-            this.setOption({ life: simpleChange.life.currentValue });
-        }
-
-        if (simpleChange.positionTop) {
-            this.setOption({ positionTop: simpleChange.positionTop.currentValue });
-        }
-
-        if (simpleChange.positionLeft) {
-            this.setOption({ positionLeft: simpleChange.positionLeft.currentValue });
-        }
-
-        if (simpleChange.disabled) {
-            this.setOption({ disabled: simpleChange.disabled.currentValue });
-        }
-
-        if (simpleChange.content) {
-            this.setOption({ tooltipLabel: simpleChange.content.currentValue });
-
-            if (this.active) {
-                if (simpleChange.content.currentValue) {
-                    if (this.container && this.container.offsetParent) {
-                        this.updateText();
-                        this.align();
-                    } else {
-                        this.show();
-                    }
-                } else {
-                    this.hide();
-                }
-            }
-        }
-
-        if (simpleChange.autoHide) {
-            this.setOption({ autoHide: simpleChange.autoHide.currentValue });
-        }
-
-        if (simpleChange.id) {
-            this.setOption({ id: simpleChange.id.currentValue });
-        }
-
-        if (simpleChange.tooltipOptions) {
-            this._tooltipOptions = { ...this._tooltipOptions, ...simpleChange.tooltipOptions.currentValue };
-            this.deactivate();
-
-            if (this.active) {
-                if (this.getOption('tooltipLabel')) {
-                    if (this.container && this.container.offsetParent) {
-                        this.updateText();
-                        this.align();
-                    } else {
-                        this.show();
-                    }
-                } else {
-                    this.hide();
-                }
-            }
-        }
-    }
-
-    isAutoHide(): boolean {
-        return this.getOption('autoHide');
-    }
-
-    onMouseEnter(e: Event) {
-        if (!this.container && !this.showTimeout) {
-            this.activate();
-        }
-    }
-
-    onMouseLeave(e: MouseEvent) {
-        if (!this.isAutoHide()) {
-            const valid = DomHandler.hasClass(e.relatedTarget, 'p-tooltip') || DomHandler.hasClass(e.relatedTarget, 'p-tooltip-text') || DomHandler.hasClass(e.relatedTarget, 'p-tooltip-arrow');
-            !valid && this.deactivate();
-        } else {
-            this.deactivate();
-        }
-    }
-
-    onFocus(e: Event) {
-        this.activate();
-    }
-
-    onBlur(e: Event) {
-        this.deactivate();
-    }
-
-    onInputClick(e: Event) {
-        this.deactivate();
-    }
-
-    @HostListener('document:keydown.escape', ['$event'])
-    onPressEscape() {
-        if (this.hideOnEscape) {
-            this.deactivate();
-        }
-    }
-
-    activate() {
-        if (!this.interactionInProgress) {
-            this.active = true;
-            this.clearHideTimeout();
-
-            if (this.getOption('showDelay'))
-                this.showTimeout = setTimeout(() => {
-                    this.show();
-                }, this.getOption('showDelay'));
-            else this.show();
-
-            if (this.getOption('life')) {
-                let duration = this.getOption('showDelay') ? this.getOption('life') + this.getOption('showDelay') : this.getOption('life');
-                this.hideTimeout = setTimeout(() => {
-                    this.hide();
-                }, duration);
-            }
-        }
-        this.interactionInProgress = true;
-    }
-
-    deactivate() {
-        this.interactionInProgress = false;
-        this.active = false;
-        this.clearShowTimeout();
-
-        if (this.getOption('hideDelay')) {
-            this.clearHideTimeout(); //life timeout
-            this.hideTimeout = setTimeout(() => {
-                this.hide();
-            }, this.getOption('hideDelay'));
-        } else {
-            this.hide();
-        }
-    }
-
-    create() {
-        if (this.container) {
-            this.clearHideTimeout();
-            this.remove();
-        }
-
-        this.container = document.createElement('div');
-        this.container.setAttribute('id', this.getOption('id'));
-        this.container.setAttribute('role', 'tooltip');
-
-        let tooltipArrow = document.createElement('div');
-        tooltipArrow.className = 'p-tooltip-arrow';
-        this.container.appendChild(tooltipArrow);
-
-        this.tooltipText = document.createElement('div');
-        this.tooltipText.className = 'p-tooltip-text';
-
-        this.updateText();
-
-        if (this.getOption('positionStyle')) {
-            this.container.style.position = this.getOption('positionStyle');
-        }
-
-        this.container.appendChild(this.tooltipText);
-
-        if (this.getOption('appendTo') === 'body') document.body.appendChild(this.container);
-        else if (this.getOption('appendTo') === 'target') DomHandler.appendChild(this.container, this.el.nativeElement);
-        else DomHandler.appendChild(this.container, this.getOption('appendTo'));
-
-        this.container.style.display = 'inline-block';
-
-        if (this.fitContent) {
-            this.container.style.width = 'fit-content';
-        }
-
-        if (this.isAutoHide()) {
-            this.container.style.pointerEvents = 'none';
-        } else {
-            this.container.style.pointerEvents = 'unset';
-            this.bindContainerMouseleaveListener();
-        }
-    }
-
-    bindContainerMouseleaveListener() {
-        if (!this.containerMouseleaveListener) {
-            const targetEl: any = this.container ?? this.container.nativeElement;
-
-            this.containerMouseleaveListener = this.renderer.listen(targetEl, 'mouseleave', (e) => {
-                this.deactivate();
-            });
-        }
-    }
-
-    unbindContainerMouseleaveListener() {
-        if (this.containerMouseleaveListener) {
-            this.bindContainerMouseleaveListener();
-            this.containerMouseleaveListener = null;
-        }
-    }
-
-    show() {
-        if (!this.getOption('tooltipLabel') || this.getOption('disabled')) {
-            return;
-        }
-
-        this.create();
-
-        const nativeElement = this.el.nativeElement;
-        const pDialogWrapper = nativeElement.closest('p-dialog');
-
-        if (pDialogWrapper) {
-            setTimeout(() => {
-                this.container && this.align();
-            }, 100);
-        } else {
-            this.align();
-        }
-
-        DomHandler.fadeIn(this.container, 250);
-
-        if (this.getOption('tooltipZIndex') === 'auto') ZIndexUtils.set('tooltip', this.container, this.config.zIndex.tooltip);
-        else this.container.style.zIndex = this.getOption('tooltipZIndex');
-
-        this.bindDocumentResizeListener();
-        this.bindScrollListener();
-    }
-
-    hide() {
-        if (this.getOption('tooltipZIndex') === 'auto') {
-            ZIndexUtils.clear(this.container);
-        }
-
-        this.remove();
-    }
-
-    updateText() {
-        const content = this.getOption('tooltipLabel');
-        if (content instanceof TemplateRef) {
-            const embeddedViewRef = this.viewContainer.createEmbeddedView(content);
-            embeddedViewRef.detectChanges();
-            embeddedViewRef.rootNodes.forEach((node) => this.tooltipText.appendChild(node));
-        } else if (this.getOption('escape')) {
-            this.tooltipText.innerHTML = '';
-            this.tooltipText.appendChild(document.createTextNode(content));
-        } else {
-            this.tooltipText.innerHTML = content;
-        }
-    }
-
-    align() {
-        let position = this.getOption('tooltipPosition');
-
-        switch (position) {
-            case 'top':
-                this.alignTop();
-                if (this.isOutOfBounds()) {
-                    this.alignBottom();
-                    if (this.isOutOfBounds()) {
-                        this.alignRight();
-
-                        if (this.isOutOfBounds()) {
-                            this.alignLeft();
-                        }
-                    }
-                }
-                break;
-
-            case 'bottom':
-                this.alignBottom();
-                if (this.isOutOfBounds()) {
-                    this.alignTop();
-                    if (this.isOutOfBounds()) {
-                        this.alignRight();
-
-                        if (this.isOutOfBounds()) {
-                            this.alignLeft();
-                        }
-                    }
-                }
-                break;
-
-            case 'left':
-                this.alignLeft();
-                if (this.isOutOfBounds()) {
-                    this.alignRight();
-
-                    if (this.isOutOfBounds()) {
-                        this.alignTop();
-
-                        if (this.isOutOfBounds()) {
-                            this.alignBottom();
-                        }
-                    }
-                }
-                break;
-
-            case 'right':
-                this.alignRight();
-                if (this.isOutOfBounds()) {
-                    this.alignLeft();
-
-                    if (this.isOutOfBounds()) {
-                        this.alignTop();
-
-                        if (this.isOutOfBounds()) {
-                            this.alignBottom();
-                        }
-                    }
-                }
-                break;
-        }
-    }
-
-    getHostOffset() {
-        if (this.getOption('appendTo') === 'body' || this.getOption('appendTo') === 'target') {
-            let offset = this.el.nativeElement.getBoundingClientRect();
-            let targetLeft = offset.left + DomHandler.getWindowScrollLeft();
-            let targetTop = offset.top + DomHandler.getWindowScrollTop();
-
-            return { left: targetLeft, top: targetTop };
-        } else {
-            return { left: 0, top: 0 };
-        }
-    }
-
-    alignRight() {
-        this.preAlign('right');
-        const el = this.activeElement;
-
-        const hostOffset = this.getHostOffset();
-        const left = hostOffset.left + DomHandler.getOuterWidth(el);
-        const top = hostOffset.top + (DomHandler.getOuterHeight(el) - DomHandler.getOuterHeight(this.container)) / 2;
-        this.container.style.left = left + this.getOption('positionLeft') + 'px';
-        this.container.style.top = top + this.getOption('positionTop') + 'px';
-    }
-
-    private get activeElement(): HTMLElement {
-        return this.el.nativeElement.nodeName.includes('P-') ? DomHandler.findSingle(this.el.nativeElement, '.p-component') || this.el.nativeElement : this.el.nativeElement;
-    }
-
-    alignLeft() {
-        this.preAlign('left');
-        let hostOffset = this.getHostOffset();
-        let left = hostOffset.left - DomHandler.getOuterWidth(this.container);
-        let top = hostOffset.top + (DomHandler.getOuterHeight(this.el.nativeElement) - DomHandler.getOuterHeight(this.container)) / 2;
-        this.container.style.left = left + this.getOption('positionLeft') + 'px';
-        this.container.style.top = top + this.getOption('positionTop') + 'px';
-    }
-
-    alignTop() {
-        this.preAlign('top');
-        let hostOffset = this.getHostOffset();
-        let left = hostOffset.left + (DomHandler.getOuterWidth(this.el.nativeElement) - DomHandler.getOuterWidth(this.container)) / 2;
-        let top = hostOffset.top - DomHandler.getOuterHeight(this.container);
-        this.container.style.left = left + this.getOption('positionLeft') + 'px';
-        this.container.style.top = top + this.getOption('positionTop') + 'px';
-    }
-
-    alignBottom() {
-        this.preAlign('bottom');
-        let hostOffset = this.getHostOffset();
-        let left = hostOffset.left + (DomHandler.getOuterWidth(this.el.nativeElement) - DomHandler.getOuterWidth(this.container)) / 2;
-        let top = hostOffset.top + DomHandler.getOuterHeight(this.el.nativeElement);
-        this.container.style.left = left + this.getOption('positionLeft') + 'px';
-        this.container.style.top = top + this.getOption('positionTop') + 'px';
-    }
-
-    setOption(option: any) {
-        this._tooltipOptions = { ...this._tooltipOptions, ...option };
-    }
-
-    getOption(option: string) {
-        return this._tooltipOptions[option as keyof typeof this.tooltipOptions];
-    }
-
-    getTarget(el: Element) {
-        return DomHandler.hasClass(el, 'p-inputwrapper') ? DomHandler.findSingle(el, 'input') : el;
-    }
-
-    preAlign(position: string) {
-        this.container.style.left = -999 + 'px';
-        this.container.style.top = -999 + 'px';
-
-        let defaultClassName = 'p-tooltip p-component p-tooltip-' + position;
-        this.container.className = this.getOption('tooltipStyleClass') ? defaultClassName + ' ' + this.getOption('tooltipStyleClass') : defaultClassName;
-    }
-
-    isOutOfBounds(): boolean {
-        let offset = this.container.getBoundingClientRect();
-        let targetTop = offset.top;
-        let targetLeft = offset.left;
-        let width = DomHandler.getOuterWidth(this.container);
-        let height = DomHandler.getOuterHeight(this.container);
-        let viewport = DomHandler.getViewport();
-
-        return targetLeft + width > viewport.width || targetLeft < 0 || targetTop < 0 || targetTop + height > viewport.height;
-    }
-
-    onWindowResize(e: Event) {
-        this.hide();
-    }
-
-    bindDocumentResizeListener() {
-        this.zone.runOutsideAngular(() => {
-            this.resizeListener = this.onWindowResize.bind(this);
-            window.addEventListener('resize', this.resizeListener);
-        });
-    }
-
-    unbindDocumentResizeListener() {
-        if (this.resizeListener) {
-            window.removeEventListener('resize', this.resizeListener);
-            this.resizeListener = null;
-        }
-    }
-
-    bindScrollListener() {
-        if (!this.scrollHandler) {
-            this.scrollHandler = new ConnectedOverlayScrollHandler(this.el.nativeElement, () => {
-                if (this.container) {
-                    this.hide();
-                }
-            });
-        }
-
-        this.scrollHandler.bindScrollListener();
-    }
-
-    unbindScrollListener() {
-        if (this.scrollHandler) {
-            this.scrollHandler.unbindScrollListener();
-        }
-    }
-
-    unbindEvents() {
-        const tooltipEvent = this.getOption('tooltipEvent');
-
-        if (tooltipEvent === 'hover' || tooltipEvent === 'both') {
-            this.el.nativeElement.removeEventListener('mouseenter', this.mouseEnterListener);
-            this.el.nativeElement.removeEventListener('mouseleave', this.mouseLeaveListener);
-            this.el.nativeElement.removeEventListener('click', this.clickListener);
-        }
-        if (tooltipEvent === 'focus' || tooltipEvent === 'both') {
-            let target = this.el.nativeElement.querySelector('.p-component');
-
-            if (!target) {
-                target = this.getTarget(this.el.nativeElement);
-            }
-        }
-        this.unbindDocumentResizeListener();
-    }
-
-    remove() {
-        if (this.container && this.container.parentElement) {
-            if (this.getOption('appendTo') === 'body') document.body.removeChild(this.container);
-            else if (this.getOption('appendTo') === 'target') this.el.nativeElement.removeChild(this.container);
-            else DomHandler.removeChild(this.container, this.getOption('appendTo'));
-        }
-
-        this.unbindDocumentResizeListener();
-        this.unbindScrollListener();
-        this.unbindContainerMouseleaveListener();
-        this.clearTimeouts();
-        this.container = null;
-        this.scrollHandler = null;
-    }
-
-    clearShowTimeout() {
-        if (this.showTimeout) {
-            clearTimeout(this.showTimeout);
-            this.showTimeout = null;
-        }
-    }
-
-    clearHideTimeout() {
-        if (this.hideTimeout) {
-            clearTimeout(this.hideTimeout);
-            this.hideTimeout = null;
-        }
-    }
-
-    clearTimeouts() {
-        this.clearShowTimeout();
-        this.clearHideTimeout();
-    }
-
-    ngOnDestroy() {
-        this.unbindEvents();
-
-        if (this.container) {
-            ZIndexUtils.clear(this.container);
-        }
-
-        this.remove();
-
-        if (this.scrollHandler) {
-            this.scrollHandler.destroy();
-            this.scrollHandler = null;
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule],
-    exports: [Tooltip],
-    declarations: [Tooltip]
-})
-export class TooltipModule {}
diff --git a/src/app/components/tree/images/line.gif b/src/app/components/tree/images/line.gif
deleted file mode 100644
index 64e2280..0000000
Binary files a/src/app/components/tree/images/line.gif and /dev/null differ
diff --git a/src/app/components/tree/ng-package.json b/src/app/components/tree/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/tree/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/tree/public_api.ts b/src/app/components/tree/public_api.ts
deleted file mode 100644
index 06765af..0000000
--- a/src/app/components/tree/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './tree';
-export * from './tree.interface';
diff --git a/src/app/components/tree/tree.css b/src/app/components/tree/tree.css
deleted file mode 100644
index d63be17..0000000
--- a/src/app/components/tree/tree.css
+++ /dev/null
@@ -1,158 +0,0 @@
-@layer primeng {
-    .p-tree-container {
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-        overflow: auto;
-    }
-
-    .p-treenode-children {
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-    }
-
-    .p-tree-wrapper {
-        overflow: auto;
-    }
-
-    .p-treenode-selectable {
-        cursor: pointer;
-        user-select: none;
-    }
-
-    .p-tree-toggler {
-        cursor: pointer;
-        user-select: none;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        overflow: hidden;
-        position: relative;
-        flex-shrink: 0;
-    }
-
-    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
-        visibility: hidden;
-    }
-
-    .p-treenode-content {
-        display: flex;
-        align-items: center;
-    }
-
-    .p-tree-filter {
-        width: 100%;
-    }
-
-    .p-tree-filter-container {
-        position: relative;
-        display: block;
-        width: 100%;
-    }
-
-    .p-tree-filter-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-    }
-
-    .p-tree-loading {
-        position: relative;
-        min-height: 4rem;
-    }
-
-    .p-tree .p-tree-loading-overlay {
-        position: absolute;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        z-index: 2;
-    }
-
-    .p-tree-flex-scrollable {
-        display: flex;
-        flex: 1;
-        height: 100%;
-        flex-direction: column;
-    }
-
-    .p-tree-flex-scrollable .p-tree-wrapper {
-        flex: 1;
-    }
-
-    .p-tree .p-treenode-droppoint {
-        height: 4px;
-        list-style-type: none;
-    }
-
-    .p-tree .p-treenode-droppoint-active {
-        border: 0 none;
-    }
-
-    .p-tree-horizontal {
-        width: auto;
-        padding-left: 0;
-        padding-right: 0;
-        overflow: auto;
-    }
-
-    .p-tree.p-tree-horizontal table,
-    .p-tree.p-tree-horizontal tr,
-    .p-tree.p-tree-horizontal td {
-        border-collapse: collapse;
-        margin: 0;
-        padding: 0;
-        vertical-align: middle;
-    }
-
-    .p-tree-horizontal .p-treenode-content {
-        font-weight: normal;
-        padding: 0.4em 1em 0.4em 0.2em;
-        display: flex;
-        align-items: center;
-    }
-
-    .p-tree-horizontal .p-treenode-parent .p-treenode-content {
-        font-weight: normal;
-        white-space: nowrap;
-    }
-
-    .p-tree.p-tree-horizontal .p-treenode {
-        background: url('./images/line.gif') repeat-x scroll center center transparent;
-        padding: 0.25rem 2.5rem;
-    }
-
-    .p-tree.p-tree-horizontal .p-treenode.p-treenode-leaf,
-    .p-tree.p-tree-horizontal .p-treenode.p-treenode-collapsed {
-        padding-right: 0;
-    }
-
-    .p-tree.p-tree-horizontal .p-treenode-children {
-        padding: 0;
-        margin: 0;
-    }
-
-    .p-tree.p-tree-horizontal .p-treenode-connector {
-        width: 1px;
-    }
-
-    .p-tree.p-tree-horizontal .p-treenode-connector-table {
-        height: 100%;
-        width: 1px;
-    }
-
-    .p-tree.p-tree-horizontal .p-treenode-connector-line {
-        background: url('./images/line.gif') repeat-y scroll 0 0 transparent;
-        width: 1px;
-    }
-
-    .p-tree.p-tree-horizontal table {
-        height: 0;
-    }
-    
-    /* Virtual Scroll */
-    .p-scroller .p-tree-container {
-        overflow: visible;
-    }
-}
diff --git a/src/app/components/tree/tree.interface.ts b/src/app/components/tree/tree.interface.ts
deleted file mode 100644
index 4651efd..0000000
--- a/src/app/components/tree/tree.interface.ts
+++ /dev/null
@@ -1,183 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Tree } from './tree';
-import { ScrollerOptions } from 'primeng/api';
-
-/**
- * Custom node select event.
- * @see {@link Tree.onNodeSelect}
- * @group Events
- */
-export interface TreeNodeSelectEvent {
-    /**
-     * Browser event
-     */
-    originalEvent: Event;
-    /**
-     * Node instance.
-     */
-    node: TreeNode<any>;
-}
-/**
- * Custom node unselect event.
- * @see {@link Tree.onNodeUnSelect}
- * @extends {TreeNodeSelectEvent}
- * @group Events
- */
-export interface TreeNodeUnSelectEvent extends TreeNodeSelectEvent {}
-/**
- * Custom node expand event.
- * @see {@link Tree.onNodeExpand}
- * @extends {TreeNodeSelectEvent}
- * @group Events
- */
-export interface TreeNodeExpandEvent extends TreeNodeSelectEvent {}
-/**
- * Custom node collapse event.
- * @see {@link Tree.onNodeCollapse}
- * @extends {TreeNodeSelectEvent}
- * @group Events
- */
-export interface TreeNodeCollapseEvent extends TreeNodeSelectEvent {}
-/**
- * Custom context menu select event.
- * @see {@link Tree.onNodeContextMenuSelect}
- * @extends {TreeNodeSelectEvent}
- * @group Events
- */
-export interface TreeNodeContextMenuSelectEvent extends TreeNodeSelectEvent {}
-/**
- * Custom node drop event.
- * @see {@link Tree.onNodeDrop}
- * @group Events
- */
-export interface TreeNodeDropEvent {
-    /**
-     * Browser drag event.
-     */
-    originalEvent?: DragEvent;
-    /**
-     * Dragged node instance.
-     */
-    dragNode?: TreeNode<any> | null;
-    /**
-     * Dropped node instance.
-     */
-    dropNode?: TreeNode<any> | null;
-    /**
-     * Index of the dragged node.
-     */
-    index?: number;
-    /**
-     * Callback to invoke on drop.
-     */
-    accept?: Function;
-}
-/**
- * Custom lazy load event.
- * @see {@link Tree.onLazyLoad}
- * @group Events
- */
-export interface TreeLazyLoadEvent {
-    /**
-     * First element index in viewport.
-     */
-    first: number;
-    /**
-     * Last element index in viewport.
-     */
-    last: number;
-}
-/**
- * Custom scroll index change event.
- * @see {@link Tree.onScrollIndexChange}
- * @group Events
- */
-export interface TreeScrollIndexChangeEvent extends TreeLazyLoadEvent {}
-/**
- * Custom scroll event.
- * @see {@link Tree.onScroll}
- * @group Events
- */
-export interface TreeScrollEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent?: Event;
-}
-/**
- * Custom filter event.
- * @see {@link Tree.onFilter}
- * @group Events
- */
-export interface TreeFilterEvent {
-    /**
-     * Filter value.
-     */
-    filter: string;
-    /**
-     * Filtered nodes.
-     */
-    filteredValue: TreeNode<any>[] | null | undefined;
-}
-/**
- * Defines valid templates in Tree.
- * @group Templates
- */
-export interface TreeTemplates {
-    /**
-     * Custom header template.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom empty message template.
-     */
-    empty(): TemplateRef<any>;
-    /**
-     * Custom footer template.
-     */
-    footer(): TemplateRef<any>;
-    /**
-     * Custom loader template.
-     * @param {Object} context - loader options.
-     */
-    loader(context: {
-        /**
-         * Scroller options.
-         * @see {@link ScrollerOptions}
-         */
-        options: ScrollerOptions;
-    }): TemplateRef<{ options: ScrollerOptions }>;
-    /**
-     * Custom toggler icon template.
-     * @param {Object} context - expand data.
-     */
-    togglericon(context: {
-        /**
-         * Expanded state of the node.
-         */
-        $implicit: boolean;
-    }): TemplateRef<{ $implicit: boolean }>;
-    /**
-     * Custom checkbox icon template.
-     * @param {Object} context - node data.
-     */
-    checkboxicon(context: {
-        /**
-         * Checked state of the node.
-         */
-        $implicit: boolean;
-        /**
-         * Partial selection state of the node.
-         */
-        partialSelected: boolean;
-    }): TemplateRef<{ $implicit: boolean; partialSelected: boolean }>;
-    /**
-     * Custom loading icon template.
-     */
-    loadingicon(): TemplateRef<any>;
-    /**
-     * Custom filter icon template.
-     */
-    filtericon(): TemplateRef<any>;
-}
diff --git a/src/app/components/tree/tree.spec.ts b/src/app/components/tree/tree.spec.ts
deleted file mode 100644
index be2535a..0000000
--- a/src/app/components/tree/tree.spec.ts
+++ /dev/null
@@ -1,288 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { Tree, UITreeNode } from './tree';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { ContextMenu, ContextMenuSub } from 'primeng/contextmenu';
-import { RouterTestingModule } from '@angular/router/testing';
-import { Component, ElementRef, ViewChild, OnInit, NO_ERRORS_SCHEMA } from '@angular/core';
-import { ContextMenuService, TreeDragDropService } from 'primeng/api';
-
-@Component({
-    template: `
-        <p-tree></p-tree>
-        <p-contextMenu #cm [model]="item"></p-contextMenu>
-        <p-tree class="files" [value]="filesTree7" draggableNodes="true" droppableNodes="true" droppableScope="files" draggableScope="server2"></p-tree>
-        <p-tree class="server1" [value]="filesTree8" draggableNodes="true" droppableNodes="true" droppableScope="server1" draggableScope="files"></p-tree>
-        <p-tree class="server2" [value]="filesTree9" draggableNodes="true" droppableNodes="true" droppableScope="server2" draggableScope="server1"></p-tree>
-    `
-})
-class TestTreeComponent implements OnInit {
-    @ViewChild('cm') cm: ElementRef;
-
-    filesTree7: any;
-
-    filesTree8: any;
-
-    filesTree9: any;
-
-    items: any;
-    ngOnInit() {
-        this.filesTree7 = [
-            {
-                label: 'Documents',
-                data: 'Documents Folder',
-                expandedIcon: 'pi pi-folder-open',
-                collapsedIcon: 'pi pi-folder',
-                children: [
-                    {
-                        label: 'Work',
-                        data: 'Work Folder',
-                        expandedIcon: 'pi pi-folder-open',
-                        collapsedIcon: 'pi pi-folder',
-                        children: [
-                            { label: 'Expenses.doc', icon: 'pi pi-file-word-o', data: 'Expenses Document' },
-                            { label: 'Resume.doc', icon: 'pi pi-file-word-o', data: 'Resume Document' }
-                        ]
-                    },
-                    {
-                        label: 'Home',
-                        data: 'Home Folder',
-                        expandedIcon: 'pi pi-folder-open',
-                        collapsedIcon: 'pi pi-folder',
-                        children: [{ label: 'Invoices.txt', icon: 'pi pi-file-word-o', data: 'Invoices for this month' }]
-                    }
-                ]
-            },
-            {
-                label: 'Pictures',
-                data: 'Pictures Folder',
-                expandedIcon: 'pi pi-folder-open',
-                collapsedIcon: 'pi pi-folder',
-                children: [
-                    { label: 'barcelona.jpg', icon: 'pi pi-file-image-o', data: 'Barcelona Photo' },
-                    { label: 'logo.jpg', icon: 'pi pi-file-image-o', data: 'PrimeFaces Logo' },
-                    { label: 'primeui.png', icon: 'pi pi-file-image-o', data: 'PrimeUI Logo' }
-                ]
-            },
-            {
-                label: 'Movies',
-                data: 'Movies Folder',
-                expandedIcon: 'pi pi-folder-open',
-                collapsedIcon: 'pi pi-folder',
-                children: [
-                    {
-                        label: 'Al Pacino',
-                        data: 'Pacino Movies',
-                        children: [
-                            { label: 'Scarface', icon: 'pi pi-file-video-o', data: 'Scarface Movie' },
-                            { label: 'Serpico', icon: 'pi pi-file-video-o', data: 'Serpico Movie' }
-                        ]
-                    },
-                    {
-                        label: 'Robert De Niro',
-                        data: 'De Niro Movies',
-                        children: [
-                            { label: 'Goodfellas', icon: 'pi pi-file-video-o', data: 'Goodfellas Movie' },
-                            { label: 'Untouchables', icon: 'pi pi-file-video-o', data: 'Untouchables Movie', selectable: false }
-                        ]
-                    }
-                ]
-            }
-        ];
-
-        this.filesTree8 = [
-            {
-                label: 'Backup',
-                data: 'Backup Folder',
-                expandedIcon: 'pi pi-folder-open',
-                collapsedIcon: 'pi pi-folder'
-            }
-        ];
-
-        this.filesTree9 = [
-            {
-                label: 'Storage',
-                data: 'Storage Folder',
-                expandedIcon: 'pi pi-folder-open',
-                collapsedIcon: 'pi pi-folder'
-            }
-        ];
-
-        this.items = [
-            { label: 'View', icon: 'pi pi-search' },
-            { label: 'Unselect', icon: 'pi pi-close' }
-        ];
-    }
-}
-
-describe('Tree', () => {
-    let tree: Tree;
-    let filesTree: Tree;
-    let server1Tree: Tree;
-    let server2Tree: Tree;
-    let contextMenu: ContextMenu;
-    let testComponent: TestTreeComponent;
-    let fixture: ComponentFixture<TestTreeComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, RouterTestingModule.withRoutes([{ path: 'test', component: ContextMenu }])],
-            declarations: [Tree, UITreeNode, ContextMenu, ContextMenuSub, TestTreeComponent],
-            providers: [TreeDragDropService, ContextMenuService],
-            schemas: [NO_ERRORS_SCHEMA]
-        });
-
-        fixture = TestBed.createComponent(TestTreeComponent);
-        tree = fixture.debugElement.children[0].componentInstance;
-        filesTree = fixture.debugElement.children[2].componentInstance;
-        server1Tree = fixture.debugElement.children[3].componentInstance;
-        server2Tree = fixture.debugElement.children[4].componentInstance;
-        testComponent = fixture.componentInstance;
-        contextMenu = fixture.debugElement.children[1].componentInstance;
-        tree.value = [
-            {
-                label: 'Documents',
-                data: 'Documents Folder',
-                expandedIcon: 'pi pi-folder-open',
-                collapsedIcon: 'pi pi-folder',
-                children: [
-                    {
-                        label: 'Work',
-                        data: 'Work Folder',
-                        expandedIcon: 'pi pi-folder-open',
-                        collapsedIcon: 'pi pi-folder',
-                        children: [
-                            { label: 'Expenses.doc', icon: 'pi pi-file-word-o', data: 'Expenses Document' },
-                            { label: 'Resume.doc', icon: 'pi pi-file-word-o', data: 'Resume Document' }
-                        ]
-                    },
-                    {
-                        label: 'Home',
-                        data: 'Home Folder',
-                        expandedIcon: 'pi pi-folder-open',
-                        collapsedIcon: 'pi pi-folder',
-                        children: [{ label: 'Invoices.txt', icon: 'pi pi-file-word-o', data: 'Invoices for this month' }]
-                    }
-                ]
-            },
-            {
-                label: 'Pictures',
-                data: 'Pictures Folder',
-                expandedIcon: 'pi pi-folder-open',
-                collapsedIcon: 'pi pi-folder',
-                children: [
-                    { label: 'barcelona.jpg', icon: 'pi pi-file-image-o', data: 'Barcelona Photo' },
-                    { label: 'logo.jpg', icon: 'pi pi-file-image-o', data: 'PrimeFaces Logo' },
-                    { label: 'primeui.png', icon: 'pi pi-file-image-o', data: 'PrimeUI Logo' }
-                ]
-            },
-            {
-                label: 'Movies',
-                data: 'Movies Folder',
-                expandedIcon: 'pi pi-folder-open',
-                collapsedIcon: 'pi pi-folder',
-                children: [
-                    {
-                        label: 'Al Pacino',
-                        data: 'Pacino Movies',
-                        children: [
-                            { label: 'Scarface', icon: 'pi pi-file-video-o', data: 'Scarface Movie' },
-                            { label: 'Serpico', icon: 'pi pi-file-video-o', data: 'Serpico Movie' }
-                        ]
-                    },
-                    {
-                        label: 'Robert De Niro',
-                        data: 'De Niro Movies',
-                        children: [
-                            { label: 'Goodfellas', icon: 'pi pi-file-video-o', data: 'Goodfellas Movie' },
-                            { label: 'Untouchables', icon: 'pi pi-file-video-o', data: 'Untouchables Movie', selectable: false  }
-                        ]
-                    }
-                ]
-            }
-        ];
-    });
-
-    it('should created', () => {
-        fixture.detectChanges();
-
-        const treeEl = fixture.debugElement.query(By.css('.p-tree'));
-        expect(treeEl.nativeElement).toBeTruthy();
-    });
-
-    it('should call toggle and expand clicked row', () => {
-        fixture.detectChanges();
-
-        const toggleEls = fixture.debugElement.queryAll(By.css('.p-tree-toggler'));
-        const documentsToggleEl = toggleEls[0];
-        const treeNodes = fixture.debugElement.queryAll(By.css('p-treeNode'));
-        const documentsNode = treeNodes[0].componentInstance as UITreeNode;
-        const expandSpy = spyOn(documentsNode, 'expand').and.callThrough();
-        expect(documentsNode.node.expanded).toBeUndefined();
-        documentsToggleEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(documentsNode.node.expanded).toBeTruthy();
-        expect(expandSpy).toHaveBeenCalled();
-    });
-
-    it('should call toggle and collapse clicked row', () => {
-        fixture.detectChanges();
-
-        const toggleEls = fixture.debugElement.queryAll(By.css('.p-tree-toggler'));
-        const documentsToggleEl = toggleEls[0];
-        const treeNodes = fixture.debugElement.queryAll(By.css('p-treeNode'));
-        const documentsNode = treeNodes[0].componentInstance as UITreeNode;
-        const collapseSpy = spyOn(documentsNode, 'collapse').and.callThrough();
-        expect(documentsNode.node.expanded).toBeUndefined();
-        documentsToggleEl.nativeElement.click();
-        fixture.detectChanges();
-
-        documentsToggleEl.nativeElement.click();
-        fixture.detectChanges();
-
-        expect(documentsNode.node.expanded).toBeFalsy();
-        expect(collapseSpy).toHaveBeenCalled();
-    });
-
-    it('should expand&collapse with right and left key', () => {
-        fixture.detectChanges();
-
-        const contentEls = fixture.debugElement.queryAll(By.css('.p-treenode'));
-        const treeNodes = fixture.debugElement.queryAll(By.css('p-treeNode'));
-        const documentsNode = treeNodes[0].componentInstance as UITreeNode;
-        const onKeyDownSpy = spyOn(documentsNode, 'onKeyDown').and.callThrough();
-
-        const firstEl = contentEls[0];
-        firstEl.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowRight' }));
-        fixture.detectChanges();
-
-        expect(onKeyDownSpy).toHaveBeenCalled();
-        expect(documentsNode.node.expanded).toBeTruthy();
-        firstEl.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowLeft' }));
-        fixture.detectChanges();
-
-        expect(documentsNode.node.expanded).toBeFalsy();
-        firstEl.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'Enter' }));
-        fixture.detectChanges();
-
-        expect(documentsNode.node.expanded).toBeFalsy();
-        firstEl.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'Enter' }));
-        fixture.detectChanges();
-
-        expect(documentsNode.node.expanded).toBeFalsy();
-    });
-
-    it('should be filtered', () => {
-        tree.filter = true;
-        fixture.detectChanges();
-
-        const filterInput = fixture.debugElement.query(By.css('.p-tree-filter'));
-        expect(filterInput).toBeTruthy();
-        filterInput.triggerEventHandler('input', { target: { value: 'd' } });
-        fixture.detectChanges();
-
-        expect(tree.filteredNodes).toBeTruthy();
-        expect(tree.filteredNodes.length).toEqual(2);
-    });
-});
diff --git a/src/app/components/tree/tree.ts b/src/app/components/tree/tree.ts
deleted file mode 100644
index be0d8d8..0000000
--- a/src/app/components/tree/tree.ts
+++ /dev/null
@@ -1,1834 +0,0 @@
-import { CommonModule } from '@angular/common';
-import {
-    AfterContentInit,
-    booleanAttribute,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    forwardRef,
-    Inject,
-    Input,
-    NgModule,
-    numberAttribute,
-    OnChanges,
-    OnDestroy,
-    OnInit,
-    Optional,
-    Output,
-    QueryList,
-    SimpleChanges,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation
-} from '@angular/core';
-import { BlockableUI, PrimeNGConfig, PrimeTemplate, SharedModule, TranslationKeys, TreeDragDropService, TreeNode } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { RippleModule } from 'primeng/ripple';
-import { Scroller, ScrollerModule } from 'primeng/scroller';
-import { ScrollerOptions } from 'primeng/api';
-import { ObjectUtils } from 'primeng/utils';
-import { Subscription } from 'rxjs';
-import { CheckIcon } from 'primeng/icons/check';
-import { ChevronDownIcon } from 'primeng/icons/chevrondown';
-import { ChevronRightIcon } from 'primeng/icons/chevronright';
-import { MinusIcon } from 'primeng/icons/minus';
-import { PlusIcon } from 'primeng/icons/plus';
-import { SearchIcon } from 'primeng/icons/search';
-import { SpinnerIcon } from 'primeng/icons/spinner';
-import { Nullable } from 'primeng/ts-helpers';
-import {
-    TreeFilterEvent,
-    TreeLazyLoadEvent,
-    TreeNodeCollapseEvent,
-    TreeNodeContextMenuSelectEvent,
-    TreeNodeDropEvent,
-    TreeNodeExpandEvent,
-    TreeNodeSelectEvent,
-    TreeNodeUnSelectEvent,
-    TreeScrollEvent,
-    TreeScrollIndexChangeEvent
-} from './tree.interface';
-
-@Component({
-    selector: 'p-treeNode',
-    template: `
-        <ng-template [ngIf]="node">
-            <li
-                *ngIf="tree.droppableNodes"
-                class="p-treenode-droppoint"
-                [attr.aria-hidden]="true"
-                [ngClass]="{ 'p-treenode-droppoint-active': draghoverPrev }"
-                (drop)="onDropPoint($event, -1)"
-                (dragover)="onDropPointDragOver($event)"
-                (dragenter)="onDropPointDragEnter($event, -1)"
-                (dragleave)="onDropPointDragLeave($event)"
-            ></li>
-            <li
-                *ngIf="!tree.horizontal"
-                [ngClass]="['p-treenode', node.styleClass || '', isLeaf() ? 'p-treenode-leaf' : '']"
-                [ngStyle]="{ height: itemSize + 'px' }"
-                [style]="node.style"
-                [attr.aria-label]="node.label"
-                [attr.aria-checked]="ariaChecked"
-                [attr.aria-setsize]="node.children ? node.children.length : 0"
-                [attr.aria-selected]="ariaSelected"
-                [attr.aria-expanded]="node.expanded"
-                [attr.aria-posinset]="index + 1"
-                [attr.aria-level]="level + 1"
-                [attr.tabindex]="index === 0 ? 0 : -1"
-                [attr.data-id]="node.key"
-                role="treeitem"
-                (keydown)="onKeyDown($event)"
-            >
-                <div
-                    class="p-treenode-content"
-                    [ngStyle]="{
-                        'padding-left': level * indentation + 'rem'
-                    }"
-                    (click)="onNodeClick($event)"
-                    (contextmenu)="onNodeRightClick($event)"
-                    (touchend)="onNodeTouchEnd()"
-                    (drop)="onDropNode($event)"
-                    (dragover)="onDropNodeDragOver($event)"
-                    (dragenter)="onDropNodeDragEnter($event)"
-                    (dragleave)="onDropNodeDragLeave($event)"
-                    [draggable]="tree.draggableNodes"
-                    (dragstart)="onDragStart($event)"
-                    (dragend)="onDragStop($event)"
-                    [ngClass]="{ 'p-treenode-selectable': tree.selectionMode && node.selectable !== false, 'p-treenode-dragover': draghoverNode, 'p-highlight': isSelected() }"
-                >
-                    <button type="button" [attr.data-pc-section]="'toggler'" class="p-tree-toggler p-link" (click)="toggle($event)" pRipple tabindex="-1">
-                        <ng-container *ngIf="!tree.togglerIconTemplate">
-                            <ng-container *ngIf="!node.loading">
-                                <ChevronRightIcon *ngIf="!node.expanded" [styleClass]="'p-tree-toggler-icon'" />
-                                <ChevronDownIcon *ngIf="node.expanded" [styleClass]="'p-tree-toggler-icon'" />
-                            </ng-container>
-                            <ng-container *ngIf="loadingMode === 'icon' && node.loading">
-                                <SpinnerIcon [spin]="true" [styleClass]="'p-tree-node-toggler-icon'" />
-                            </ng-container>
-                        </ng-container>
-                        <span *ngIf="tree.togglerIconTemplate" class="p-tree-toggler-icon">
-                            <ng-template *ngTemplateOutlet="tree.togglerIconTemplate; context: { $implicit: node.expanded }"></ng-template>
-                        </span>
-                    </button>
-                    <div
-                        class="p-checkbox p-component"
-                        [ngClass]="{ 'p-checkbox-disabled p-disabled': node.selectable === false, 'p-variant-filled': tree?.config.inputStyle() === 'filled' }"
-                        *ngIf="tree.selectionMode == 'checkbox'"
-                        aria-hidden="true"
-                    >
-                        <div class="p-checkbox-box" [ngClass]="{ 'p-highlight': isSelected(), 'p-indeterminate': node.partialSelected }" role="checkbox">
-                            <ng-container *ngIf="!tree.checkboxIconTemplate">
-                                <CheckIcon *ngIf="!node.partialSelected && isSelected()" [styleClass]="'p-checkbox-icon'" />
-                                <MinusIcon *ngIf="node.partialSelected" [styleClass]="'p-checkbox-icon'" />
-                            </ng-container>
-                            <ng-template *ngTemplateOutlet="tree.checkboxIconTemplate; context: { $implicit: isSelected(), partialSelected: node.partialSelected }"></ng-template>
-                        </div>
-                    </div>
-                    <span [class]="getIcon()" *ngIf="node.icon || node.expandedIcon || node.collapsedIcon"></span>
-                    <span class="p-treenode-label">
-                        <span *ngIf="!tree.getTemplateForNode(node)">{{ node.label }}</span>
-                        <span *ngIf="tree.getTemplateForNode(node)">
-                            <ng-container *ngTemplateOutlet="tree.getTemplateForNode(node); context: { $implicit: node }"></ng-container>
-                        </span>
-                    </span>
-                </div>
-                <ul
-                    class="p-treenode-children"
-                    [ngStyle]="{
-                        display: node.expanded ? 'block' : 'none'
-                    }"
-                    *ngIf="!tree.virtualScroll && node.children && node.expanded"
-                    role="group"
-                >
-                    <p-treeNode
-                        *ngFor="let childNode of node.children; let firstChild = first; let lastChild = last; let index = index; trackBy: tree.trackBy"
-                        [node]="childNode"
-                        [parentNode]="node"
-                        [firstChild]="firstChild"
-                        [lastChild]="lastChild"
-                        [index]="index"
-                        [itemSize]="itemSize"
-                        [level]="level + 1"
-                        [loadingMode]="loadingMode"
-                    ></p-treeNode>
-                </ul>
-            </li>
-
-            <li
-                *ngIf="tree.droppableNodes && lastChild"
-                class="p-treenode-droppoint"
-                [ngClass]="{ 'p-treenode-droppoint-active': draghoverNext }"
-                (drop)="onDropPoint($event, 1)"
-                [attr.aria-hidden]="true"
-                (dragover)="onDropPointDragOver($event)"
-                (dragenter)="onDropPointDragEnter($event, 1)"
-                (dragleave)="onDropPointDragLeave($event)"
-            ></li>
-
-            <table *ngIf="tree.horizontal" [class]="node.styleClass">
-                <tbody>
-                    <tr>
-                        <td class="p-treenode-connector" *ngIf="!root">
-                            <table class="p-treenode-connector-table">
-                                <tbody>
-                                    <tr>
-                                        <td [ngClass]="{ 'p-treenode-connector-line': !firstChild }"></td>
-                                    </tr>
-                                    <tr>
-                                        <td [ngClass]="{ 'p-treenode-connector-line': !lastChild }"></td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </td>
-                        <td class="p-treenode" [ngClass]="{ 'p-treenode-collapsed': !node.expanded }">
-                            <div
-                                class="p-treenode-content"
-                                tabindex="0"
-                                [ngClass]="{ 'p-treenode-selectable': tree.selectionMode, 'p-highlight': isSelected() }"
-                                (click)="onNodeClick($event)"
-                                (contextmenu)="onNodeRightClick($event)"
-                                (touchend)="onNodeTouchEnd()"
-                                (keydown)="onNodeKeydown($event)"
-                            >
-                                <span *ngIf="!isLeaf()" [ngClass]="'p-tree-toggler'" (click)="toggle($event)">
-                                    <ng-container *ngIf="!tree.togglerIconTemplate">
-                                        <PlusIcon *ngIf="!node.expanded" [styleClass]="'p-tree-toggler-icon'" [ariaLabel]="tree.togglerAriaLabel" />
-                                        <MinusIcon *ngIf="node.expanded" [styleClass]="'p-tree-toggler-icon'" [ariaLabel]="tree.togglerAriaLabel" />
-                                    </ng-container>
-                                    <span *ngIf="tree.togglerIconTemplate" class="p-tree-toggler-icon">
-                                        <ng-template *ngTemplateOutlet="tree.togglerIconTemplate; context: { $implicit: node.expanded }"></ng-template>
-                                    </span>
-                                </span>
-                                <span [class]="getIcon()" *ngIf="node.icon || node.expandedIcon || node.collapsedIcon"></span>
-                                <span class="p-treenode-label">
-                                    <span *ngIf="!tree.getTemplateForNode(node)">{{ node.label }}</span>
-                                    <span *ngIf="tree.getTemplateForNode(node)">
-                                        <ng-container *ngTemplateOutlet="tree.getTemplateForNode(node); context: { $implicit: node }"></ng-container>
-                                    </span>
-                                </span>
-                            </div>
-                        </td>
-                        <td
-                            class="p-treenode-children-container"
-                            *ngIf="node.children && node.expanded"
-                            [ngStyle]="{
-                                display: node.expanded ? 'table-cell' : 'none'
-                            }"
-                        >
-                            <div class="p-treenode-children">
-                                <p-treeNode *ngFor="let childNode of node.children; let firstChild = first; let lastChild = last; trackBy: tree.trackBy" [node]="childNode" [firstChild]="firstChild" [lastChild]="lastChild"></p-treeNode>
-                            </div>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </ng-template>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class UITreeNode implements OnInit {
-    static ICON_CLASS: string = 'p-treenode-icon ';
-
-    @Input() rowNode: any;
-
-    @Input() node: TreeNode<any> | undefined;
-
-    @Input() parentNode: TreeNode<any> | undefined;
-
-    @Input({ transform: booleanAttribute }) root: boolean | undefined;
-
-    @Input({ transform: numberAttribute }) index: number | undefined;
-
-    @Input({ transform: booleanAttribute }) firstChild: boolean | undefined;
-
-    @Input({ transform: booleanAttribute }) lastChild: boolean | undefined;
-
-    @Input({ transform: numberAttribute }) level: number | undefined;
-
-    @Input({ transform: numberAttribute }) indentation: number | undefined;
-
-    @Input({ transform: numberAttribute }) itemSize: number | undefined;
-
-    @Input() loadingMode: string;
-
-    tree: Tree;
-
-    timeout: any;
-
-    draghoverPrev: boolean | undefined;
-
-    draghoverNext: boolean | undefined;
-
-    draghoverNode: boolean | undefined;
-
-    get ariaSelected() {
-        return this.tree.selectionMode === 'single' || this.tree.selectionMode === 'multiple' ? this.isSelected() : undefined;
-    }
-
-    get ariaChecked() {
-        return this.tree.selectionMode === 'checkbox' ? this.isSelected() : undefined;
-    }
-
-    constructor(@Inject(forwardRef(() => Tree)) tree: Tree) {
-        this.tree = tree as Tree;
-    }
-
-    ngOnInit() {
-        (<TreeNode>this.node).parent = this.parentNode;
-        const nativeElement = this.tree.el.nativeElement;
-        const pDialogWrapper = nativeElement.closest('p-dialog');
-
-        if (this.parentNode && !pDialogWrapper) {
-            this.setAllNodesTabIndexes();
-            this.tree.syncNodeOption(<TreeNode>this.node, <TreeNode<any>[]>this.tree.value, 'parent', this.tree.getNodeWithKey(<string>this.parentNode.key, <TreeNode<any>[]>this.tree.value));
-        }
-    }
-
-    getIcon() {
-        let icon: string | undefined;
-
-        if ((<TreeNode>this.node).icon) icon = (<TreeNode>this.node).icon as string;
-        else icon = (<TreeNode>this.node).expanded && (<TreeNode>this.node).children && (<TreeNode>this.node).children?.length ? (<TreeNode>this.node).expandedIcon : (<TreeNode>this.node).collapsedIcon;
-
-        return UITreeNode.ICON_CLASS + ' ' + icon;
-    }
-
-    isLeaf() {
-        return this.tree.isNodeLeaf(<TreeNode>this.node);
-    }
-
-    toggle(event: Event) {
-        if ((<TreeNode>this.node).expanded) this.collapse(event);
-        else this.expand(event);
-
-        event.stopPropagation();
-    }
-
-    expand(event: Event) {
-        (<TreeNode>this.node).expanded = true;
-        if (this.tree.virtualScroll) {
-            this.tree.updateSerializedValue();
-            this.focusVirtualNode();
-        }
-        this.tree.onNodeExpand.emit({ originalEvent: event, node: <TreeNode>this.node });
-    }
-
-    collapse(event: Event) {
-        (<TreeNode>this.node).expanded = false;
-        if (this.tree.virtualScroll) {
-            this.tree.updateSerializedValue();
-            this.focusVirtualNode();
-        }
-        this.tree.onNodeCollapse.emit({ originalEvent: event, node: <TreeNode>this.node });
-    }
-
-    onNodeClick(event: MouseEvent) {
-        this.tree.onNodeClick(event, <TreeNode>this.node);
-    }
-
-    onNodeKeydown(event: KeyboardEvent) {
-        if (event.key === 'Enter') {
-            this.tree.onNodeClick(event, <TreeNode>this.node);
-        }
-    }
-
-    onNodeTouchEnd() {
-        this.tree.onNodeTouchEnd();
-    }
-
-    onNodeRightClick(event: MouseEvent) {
-        this.tree.onNodeRightClick(event, <TreeNode>this.node);
-    }
-
-    isSelected() {
-        return this.tree.isSelected(<TreeNode>this.node);
-    }
-
-    isSameNode(event) {
-        return event.currentTarget && (event.currentTarget.isSameNode(event.target) || event.currentTarget.isSameNode(event.target.closest('[role="treeitem"]')));
-    }
-
-    onDropPoint(event: DragEvent, position: number) {
-        event.preventDefault();
-        let dragNode = this.tree.dragNode;
-        let dragNodeIndex = this.tree.dragNodeIndex;
-        let dragNodeScope = this.tree.dragNodeScope;
-        let isValidDropPointIndex = this.tree.dragNodeTree === this.tree ? position === 1 || dragNodeIndex !== <number>this.index - 1 : true;
-
-        if (this.tree.allowDrop(<TreeNode>dragNode, <TreeNode>this.node, dragNodeScope) && isValidDropPointIndex) {
-            let dropParams = { ...this.createDropPointEventMetadata(<number>position) };
-
-            if (this.tree.validateDrop) {
-                this.tree.onNodeDrop.emit({
-                    originalEvent: event,
-                    dragNode: dragNode,
-                    dropNode: this.node,
-                    index: this.index,
-                    accept: () => {
-                        this.processPointDrop(dropParams);
-                    }
-                });
-            } else {
-                this.processPointDrop(dropParams);
-                this.tree.onNodeDrop.emit({
-                    originalEvent: event,
-                    dragNode: dragNode,
-                    dropNode: this.node,
-                    index: this.index
-                });
-            }
-        }
-
-        this.draghoverPrev = false;
-        this.draghoverNext = false;
-    }
-
-    processPointDrop(event: any) {
-        let newNodeList = event.dropNode.parent ? event.dropNode.parent.children : this.tree.value;
-        event.dragNodeSubNodes.splice(event.dragNodeIndex, 1);
-        let dropIndex = this.index;
-
-        if (event.position < 0) {
-            dropIndex = event.dragNodeSubNodes === newNodeList ? (event.dragNodeIndex > event.index ? event.index : event.index - 1) : event.index;
-            newNodeList.splice(dropIndex, 0, event.dragNode);
-        } else {
-            dropIndex = newNodeList.length;
-            newNodeList.push(event.dragNode);
-        }
-
-        this.tree.dragDropService.stopDrag({
-            node: event.dragNode,
-            subNodes: event.dropNode.parent ? event.dropNode.parent.children : this.tree.value,
-            index: event.dragNodeIndex
-        });
-    }
-
-    createDropPointEventMetadata(position: number) {
-        return {
-            dragNode: this.tree.dragNode,
-            dragNodeIndex: this.tree.dragNodeIndex,
-            dragNodeSubNodes: this.tree.dragNodeSubNodes,
-            dropNode: this.node,
-            index: this.index,
-            position: position
-        };
-    }
-
-    onDropPointDragOver(event: any) {
-        event.dataTransfer.dropEffect = 'move';
-        event.preventDefault();
-    }
-
-    onDropPointDragEnter(event: Event, position: number) {
-        if (this.tree.allowDrop(<TreeNode>this.tree.dragNode, <TreeNode>this.node, this.tree.dragNodeScope)) {
-            if (position < 0) this.draghoverPrev = true;
-            else this.draghoverNext = true;
-        }
-    }
-
-    onDropPointDragLeave(event: Event) {
-        this.draghoverPrev = false;
-        this.draghoverNext = false;
-    }
-
-    onDragStart(event: any) {
-        if (this.tree.draggableNodes && (<TreeNode>this.node).draggable !== false) {
-            event.dataTransfer.setData('text', 'data');
-
-            this.tree.dragDropService.startDrag({
-                tree: this,
-                node: this.node,
-                subNodes: this.node?.parent ? this.node.parent.children : this.tree.value,
-                index: this.index,
-                scope: this.tree.draggableScope
-            });
-        } else {
-            event.preventDefault();
-        }
-    }
-
-    onDragStop(event: any) {
-        this.tree.dragDropService.stopDrag({
-            node: this.node,
-            subNodes: this.node?.parent ? this.node.parent.children : this.tree.value,
-            index: this.index
-        });
-    }
-
-    onDropNodeDragOver(event: any) {
-        event.dataTransfer.dropEffect = 'move';
-        if (this.tree.droppableNodes) {
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    }
-
-    onDropNode(event: any) {
-        if (this.tree.droppableNodes && this.node?.droppable !== false) {
-            let dragNode = this.tree.dragNode;
-
-            if (this.tree.allowDrop(<TreeNode>dragNode, <TreeNode>this.node, this.tree.dragNodeScope)) {
-                let dropParams = { ...this.createDropNodeEventMetadata() };
-
-                if (this.tree.validateDrop) {
-                    this.tree.onNodeDrop.emit({
-                        originalEvent: event,
-                        dragNode: dragNode,
-                        dropNode: this.node,
-                        index: this.index,
-                        accept: () => {
-                            this.processNodeDrop(dropParams);
-                        }
-                    });
-                } else {
-                    this.processNodeDrop(dropParams);
-                    this.tree.onNodeDrop.emit({
-                        originalEvent: event,
-                        dragNode: dragNode,
-                        dropNode: this.node,
-                        index: this.index
-                    });
-                }
-            }
-        }
-
-        event.preventDefault();
-        event.stopPropagation();
-        this.draghoverNode = false;
-    }
-
-    createDropNodeEventMetadata() {
-        return {
-            dragNode: this.tree.dragNode,
-            dragNodeIndex: this.tree.dragNodeIndex,
-            dragNodeSubNodes: this.tree.dragNodeSubNodes,
-            dropNode: this.node
-        };
-    }
-
-    processNodeDrop(event: any) {
-        let dragNodeIndex = event.dragNodeIndex;
-        event.dragNodeSubNodes.splice(dragNodeIndex, 1);
-
-        if (event.dropNode.children) event.dropNode.children.push(event.dragNode);
-        else event.dropNode.children = [event.dragNode];
-
-        this.tree.dragDropService.stopDrag({
-            node: event.dragNode,
-            subNodes: event.dropNode.parent ? event.dropNode.parent.children : this.tree.value,
-            index: dragNodeIndex
-        });
-    }
-
-    onDropNodeDragEnter(event: any) {
-        if (this.tree.droppableNodes && this.node?.droppable !== false && this.tree.allowDrop(<TreeNode>this.tree.dragNode, <TreeNode>this.node, this.tree.dragNodeScope)) {
-            this.draghoverNode = true;
-        }
-    }
-
-    onDropNodeDragLeave(event: any) {
-        if (this.tree.droppableNodes) {
-            let rect = event.currentTarget.getBoundingClientRect();
-            if (event.x > rect.left + rect.width || event.x < rect.left || event.y >= Math.floor(rect.top + rect.height) || event.y < rect.top) {
-                this.draghoverNode = false;
-            }
-        }
-    }
-
-    onKeyDown(event: KeyboardEvent) {
-        if (!this.isSameNode(event) || (this.tree.contextMenu && this.tree.contextMenu.containerViewChild?.nativeElement.style.display === 'block')) {
-            return;
-        }
-
-        switch (event.code) {
-            //down arrow
-            case 'ArrowDown':
-                this.onArrowDown(event);
-                break;
-
-            //up arrow
-            case 'ArrowUp':
-                this.onArrowUp(event);
-                break;
-
-            //right arrow
-            case 'ArrowRight':
-                this.onArrowRight(event);
-                break;
-
-            //left arrow
-            case 'ArrowLeft':
-                this.onArrowLeft(event);
-                break;
-
-            //enter
-            case 'Enter':
-            case 'NumpadEnter':
-                this.onEnter(event);
-                break;
-
-            //space
-            case 'Space':
-                const nodeName = event.target instanceof HTMLElement && event.target.nodeName;
-                if (!['INPUT'].includes(nodeName)) {
-                    this.onEnter(event);
-                }
-                break;
-
-            //tab
-            case 'Tab':
-                this.setAllNodesTabIndexes();
-                break;
-
-            default:
-                //no op
-                break;
-        }
-    }
-
-    onArrowUp(event: KeyboardEvent) {
-        const nodeElement = (<HTMLDivElement>event.target).getAttribute('data-pc-section') === 'toggler' ? (<HTMLDivElement>event.target).closest('[role="treeitem"]') : (<HTMLDivElement>event.target).parentElement;
-
-        if (nodeElement.previousElementSibling) {
-            this.focusRowChange(nodeElement, nodeElement.previousElementSibling, this.findLastVisibleDescendant(nodeElement.previousElementSibling));
-        } else {
-            let parentNodeElement = this.getParentNodeElement(nodeElement);
-
-            if (parentNodeElement) {
-                this.focusRowChange(nodeElement, parentNodeElement);
-            }
-        }
-
-        event.preventDefault();
-    }
-
-    onArrowDown(event: KeyboardEvent) {
-        const nodeElement = (<HTMLDivElement>event.target).getAttribute('data-pc-section') === 'toggler' ? (<HTMLDivElement>event.target).closest('[role="treeitem"]') : <HTMLDivElement>event.target;
-        const listElement = nodeElement.children[1];
-
-        if (listElement && listElement.children.length > 0) {
-            this.focusRowChange(nodeElement, listElement.children[0]);
-        } else {
-            if (nodeElement.parentElement.nextElementSibling) {
-                this.focusRowChange(nodeElement, nodeElement.parentElement.nextElementSibling);
-            } else {
-                let nextSiblingAncestor = this.findNextSiblingOfAncestor(nodeElement.parentElement);
-
-                if (nextSiblingAncestor) {
-                    this.focusRowChange(nodeElement, nextSiblingAncestor);
-                }
-            }
-        }
-        event.preventDefault();
-    }
-
-    onArrowRight(event: KeyboardEvent) {
-        if (!this.node?.expanded && !this.tree.isNodeLeaf(<TreeNode>this.node)) {
-            this.expand(event);
-            (<HTMLDivElement>event.currentTarget).tabIndex = -1;
-
-            setTimeout(() => {
-                this.onArrowDown(event);
-            }, 1);
-        }
-        event.preventDefault();
-    }
-
-    onArrowLeft(event: KeyboardEvent) {
-        const nodeElement = (<HTMLDivElement>event.target).getAttribute('data-pc-section') === 'toggler' ? (<HTMLDivElement>event.target).closest('[role="treeitem"]') : <HTMLDivElement>event.target;
-
-        if (this.level === 0 && !this.node?.expanded) {
-            return false;
-        }
-
-        if (this.node?.expanded) {
-            this.collapse(event);
-            return;
-        }
-
-        let parentNodeElement = this.getParentNodeElement(nodeElement.parentElement);
-
-        if (parentNodeElement) {
-            this.focusRowChange(event.currentTarget, parentNodeElement);
-        }
-
-        event.preventDefault();
-    }
-
-    isActionableElement(event) {
-        const target = event.target;
-
-        const isActionable = target instanceof HTMLElement && (target.nodeName == 'A' || target.nodeName == 'BUTTON');
-
-        return isActionable;
-    }
-
-    onEnter(event: KeyboardEvent) {
-        this.tree.onNodeClick(event, <TreeNode>this.node);
-        this.setTabIndexForSelectionMode(event, this.tree.nodeTouched);
-
-        if (!this.isActionableElement(event)) {
-            event.preventDefault();
-        }
-    }
-
-    setAllNodesTabIndexes() {
-        const nodes = DomHandler.find(this.tree.el.nativeElement, '.p-treenode');
-
-        const hasSelectedNode = [...nodes].some((node) => node.getAttribute('aria-selected') === 'true' || node.getAttribute('aria-checked') === 'true');
-
-        [...nodes].forEach((node) => {
-            node.tabIndex = -1;
-        });
-
-        if (hasSelectedNode) {
-            const selectedNodes = [...nodes].filter((node) => node.getAttribute('aria-selected') === 'true' || node.getAttribute('aria-checked') === 'true');
-
-            selectedNodes[0].tabIndex = 0;
-
-            return;
-        }
-
-        [...nodes][0].tabIndex = 0;
-    }
-
-    setTabIndexForSelectionMode(event, nodeTouched) {
-        if (this.tree.selectionMode !== null) {
-            const elements = [...DomHandler.find(this.tree.el.nativeElement, '.p-treenode')];
-
-            event.currentTarget.tabIndex = nodeTouched === false ? -1 : 0;
-
-            if (elements.every((element) => element.tabIndex === -1)) {
-                elements[0].tabIndex = 0;
-            }
-        }
-    }
-
-    findNextSiblingOfAncestor(nodeElement: any): any {
-        let parentNodeElement = this.getParentNodeElement(nodeElement);
-
-        if (parentNodeElement) {
-            if (parentNodeElement.nextElementSibling) return parentNodeElement.nextElementSibling;
-            else return this.findNextSiblingOfAncestor(parentNodeElement);
-        } else {
-            return null;
-        }
-    }
-
-    findLastVisibleDescendant(nodeElement: any): any {
-        const listElement = <HTMLElement>Array.from(nodeElement.children).find((el) => DomHandler.hasClass(el, 'p-treenode'));
-        const childrenListElement = listElement.children[1];
-        if (childrenListElement && childrenListElement.children.length > 0) {
-            const lastChildElement = childrenListElement.children[childrenListElement.children.length - 1];
-
-            return this.findLastVisibleDescendant(lastChildElement);
-        } else {
-            return nodeElement;
-        }
-    }
-
-    getParentNodeElement(nodeElement: HTMLElement | Element) {
-        const parentNodeElement = nodeElement.parentElement?.parentElement?.parentElement;
-
-        return parentNodeElement?.tagName === 'P-TREENODE' ? parentNodeElement : null;
-    }
-
-    focusNode(element: any) {
-        if (this.tree.droppableNodes) (element.children[1] as HTMLElement).focus();
-        else (element.children[0] as HTMLElement).focus();
-    }
-
-    focusRowChange(firstFocusableRow, currentFocusedRow, lastVisibleDescendant?) {
-        firstFocusableRow.tabIndex = '-1';
-        currentFocusedRow.children[0].tabIndex = '0';
-
-        this.focusNode(lastVisibleDescendant || currentFocusedRow);
-    }
-
-    focusVirtualNode() {
-        this.timeout = setTimeout(() => {
-            let node = DomHandler.findSingle(document.body, `[data-id="${<TreeNode>this.node?.key ?? <TreeNode>this.node?.data}"]`);
-            DomHandler.focus(node);
-        }, 1);
-    }
-}
-/**
- * Tree is used to display hierarchical data.
- * @group Components
- */
-@Component({
-    selector: 'p-tree',
-    template: `
-        <div
-            [ngClass]="{ 'p-tree p-component': true, 'p-tree-selectable': selectionMode, 'p-treenode-dragover': dragHover, 'p-tree-loading': loading, 'p-tree-flex-scrollable': scrollHeight === 'flex' }"
-            [ngStyle]="style"
-            [class]="styleClass"
-            *ngIf="!horizontal"
-            (drop)="onDrop($event)"
-            (dragover)="onDragOver($event)"
-            (dragenter)="onDragEnter()"
-            (dragleave)="onDragLeave($event)"
-        >
-            <div class="p-tree-loading-overlay p-component-overlay" *ngIf="loading && loadingMode === 'mask'">
-                <i *ngIf="loadingIcon" [class]="'p-tree-loading-icon pi-spin ' + loadingIcon"></i>
-                <ng-container *ngIf="!loadingIcon">
-                    <SpinnerIcon *ngIf="!loadingIconTemplate" [spin]="true" [styleClass]="'p-tree-loading-icon'" />
-                    <span *ngIf="loadingIconTemplate" class="p-tree-loading-icon">
-                        <ng-template *ngTemplateOutlet="loadingIconTemplate"></ng-template>
-                    </span>
-                </ng-container>
-            </div>
-            <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-            <div *ngIf="filter" class="p-tree-filter-container">
-                <input #filter type="search" autocomplete="off" class="p-tree-filter p-inputtext p-component" [attr.placeholder]="filterPlaceholder" (keydown.enter)="$event.preventDefault()" (input)="_filter($event.target.value)" />
-                <SearchIcon *ngIf="!filterIconTemplate" [styleClass]="'p-tree-filter-icon'" />
-                <span *ngIf="filterIconTemplate" class="p-tree-filter-icon">
-                    <ng-template *ngTemplateOutlet="filterIconTemplate"></ng-template>
-                </span>
-            </div>
-            <ng-container *ngIf="getRootNode()?.length">
-                <p-scroller
-                    #scroller
-                    *ngIf="virtualScroll"
-                    [items]="serializedValue"
-                    [tabindex]="-1"
-                    styleClass="p-tree-wrapper"
-                    [style]="{ height: scrollHeight !== 'flex' ? scrollHeight : undefined }"
-                    [scrollHeight]="scrollHeight !== 'flex' ? undefined : '100%'"
-                    [itemSize]="virtualScrollItemSize || _virtualNodeHeight"
-                    [lazy]="lazy"
-                    (onScroll)="onScroll.emit($event)"
-                    (onScrollIndexChange)="onScrollIndexChange.emit($event)"
-                    (onLazyLoad)="onLazyLoad.emit($event)"
-                    [options]="virtualScrollOptions"
-                >
-                    <ng-template pTemplate="content" let-items let-scrollerOptions="options">
-                        <ul *ngIf="items" class="p-tree-container" [ngClass]="scrollerOptions.contentStyleClass" [style]="scrollerOptions.contentStyle" role="tree" [attr.aria-label]="ariaLabel" [attr.aria-labelledby]="ariaLabelledBy">
-                            <p-treeNode
-                                #treeNode
-                                *ngFor="let rowNode of items; let firstChild = first; let lastChild = last; let index = index; trackBy: trackBy"
-                                [level]="rowNode.level"
-                                [rowNode]="rowNode"
-                                [node]="rowNode.node"
-                                [parentNode]="rowNode.parent"
-                                [firstChild]="firstChild"
-                                [lastChild]="lastChild"
-                                [index]="getIndex(scrollerOptions, index)"
-                                [itemSize]="scrollerOptions.itemSize"
-                                [indentation]="indentation"
-                                [loadingMode]="loadingMode"
-                            ></p-treeNode>
-                        </ul>
-                    </ng-template>
-                    <ng-container *ngIf="loaderTemplate">
-                        <ng-template pTemplate="loader" let-scrollerOptions="options">
-                            <ng-container *ngTemplateOutlet="loaderTemplate; context: { options: scrollerOptions }"></ng-container>
-                        </ng-template>
-                    </ng-container>
-                </p-scroller>
-                <ng-container *ngIf="!virtualScroll">
-                    <div #wrapper class="p-tree-wrapper" [ngStyle]="{ 'max-height': scrollHeight }">
-                        <ul class="p-tree-container" *ngIf="getRootNode()" role="tree" [attr.aria-label]="ariaLabel" [attr.aria-labelledby]="ariaLabelledBy">
-                            <p-treeNode
-                                *ngFor="let node of getRootNode(); let firstChild = first; let lastChild = last; let index = index; trackBy: trackBy"
-                                [node]="node"
-                                [firstChild]="firstChild"
-                                [lastChild]="lastChild"
-                                [index]="index"
-                                [level]="0"
-                                [loadingMode]="loadingMode"
-                            ></p-treeNode>
-                        </ul>
-                    </div>
-                </ng-container>
-            </ng-container>
-
-            <div class="p-tree-empty-message" *ngIf="!loading && (getRootNode() == null || getRootNode().length === 0)">
-                <ng-container *ngIf="!emptyMessageTemplate; else emptyFilter">
-                    {{ emptyMessageLabel }}
-                </ng-container>
-                <ng-container #emptyFilter *ngTemplateOutlet="emptyMessageTemplate"></ng-container>
-            </div>
-            <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
-        </div>
-        <div [ngClass]="{ 'p-tree p-tree-horizontal p-component': true, 'p-tree-selectable': selectionMode }" [ngStyle]="style" [class]="styleClass" *ngIf="horizontal">
-            <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-            <div class="p-tree-loading-mask p-component-overlay" *ngIf="loading">
-                <i *ngIf="loadingIcon" [class]="'p-tree-loading-icon pi-spin ' + loadingIcon"></i>
-                <ng-container *ngIf="!loadingIcon">
-                    <SpinnerIcon *ngIf="!loadingIconTemplate" [spin]="true" [styleClass]="'p-tree-loading-icon'" />
-                    <span *ngIf="loadingIconTemplate" class="p-tree-loading-icon">
-                        <ng-template *ngTemplateOutlet="loadingIconTemplate"></ng-template>
-                    </span>
-                </ng-container>
-            </div>
-            <table *ngIf="value && value[0]">
-                <p-treeNode [node]="value[0]" [root]="true"></p-treeNode>
-            </table>
-            <div class="p-tree-empty-message" *ngIf="!loading && (getRootNode() == null || getRootNode().length === 0)">
-                <ng-container *ngIf="!emptyMessageTemplate; else emptyFilter">
-                    {{ emptyMessageLabel }}
-                </ng-container>
-                <ng-container #emptyFilter *ngTemplateOutlet="emptyMessageTemplate"></ng-container>
-            </div>
-            <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.Default,
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./tree.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class Tree implements OnInit, AfterContentInit, OnChanges, OnDestroy, BlockableUI {
-    /**
-     * An array of treenodes.
-     * @group Props
-     */
-    @Input() value: TreeNode<any> | TreeNode<any>[] | any[] | any;
-    /**
-     * Defines the selection mode.
-     * @group Props
-     */
-    @Input() selectionMode: 'single' | 'multiple' | 'checkbox' | null | undefined;
-    /**
-     * Loading mode display.
-     * @group Props
-     */
-    @Input() loadingMode: 'mask' | 'icon' = 'mask';
-    /**
-     * A single treenode instance or an array to refer to the selections.
-     * @group Props
-     */
-    @Input() selection: any;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Context menu instance.
-     * @group Props
-     */
-    @Input() contextMenu: any;
-    /**
-     * Defines the orientation of the tree, valid values are 'vertical' and 'horizontal'.
-     * @group Props
-     */
-    @Input() layout: string = 'vertical';
-    /**
-     * Scope of the draggable nodes to match a droppableScope.
-     * @group Props
-     */
-    @Input() draggableScope: any;
-    /**
-     * Scope of the droppable nodes to match a draggableScope.
-     * @group Props
-     */
-    @Input() droppableScope: any;
-    /**
-     * Whether the nodes are draggable.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) draggableNodes: boolean | undefined;
-    /**
-     * Whether the nodes are droppable.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) droppableNodes: boolean | undefined;
-    /**
-     * Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) metaKeySelection: boolean = false;
-    /**
-     * Whether checkbox selections propagate to ancestor nodes.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) propagateSelectionUp: boolean = true;
-    /**
-     * Whether checkbox selections propagate to descendant nodes.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) propagateSelectionDown: boolean = true;
-    /**
-     * Displays a loader to indicate data load is in progress.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) loading: boolean | undefined;
-    /**
-     * The icon to show while indicating data load is in progress.
-     * @group Props
-     */
-    @Input() loadingIcon: string | undefined;
-    /**
-     * Text to display when there is no data.
-     * @group Props
-     */
-    @Input() emptyMessage: string = '';
-    /**
-     * Used to define a string that labels the tree.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Defines a string that labels the toggler icon for accessibility.
-     * @group Props
-     */
-    @Input() togglerAriaLabel: string | undefined;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * When enabled, drop can be accepted or rejected based on condition defined at onNodeDrop.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) validateDrop: boolean | undefined;
-    /**
-     * When specified, displays an input field to filter the items.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) filter: boolean | undefined;
-    /**
-     * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
-     * @group Props
-     */
-    @Input() filterBy: string = 'label';
-    /**
-     * Mode for filtering valid values are "lenient" and "strict". Default is lenient.
-     * @group Props
-     */
-    @Input() filterMode: string = 'lenient';
-    /**
-     * Placeholder text to show when filter input is empty.
-     * @group Props
-     */
-    @Input() filterPlaceholder: string | undefined;
-    /**
-     * Values after the tree nodes are filtered.
-     * @group Props
-     */
-    @Input() filteredNodes: TreeNode<any>[] | undefined | null;
-    /**
-     * Locale to use in filtering. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    @Input() filterLocale: string | undefined;
-    /**
-     * Height of the scrollable viewport.
-     * @group Props
-     */
-    @Input() scrollHeight: string | undefined;
-    /**
-     * Defines if data is loaded and interacted with in lazy manner.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) lazy: boolean = false;
-    /**
-     * Whether the data should be loaded on demand during scroll.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) virtualScroll: boolean | undefined;
-    /**
-     * Height of an item in the list for VirtualScrolling.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) virtualScrollItemSize: number | undefined;
-    /**
-     * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.
-     * @group Props
-     */
-    @Input() virtualScrollOptions: ScrollerOptions | undefined;
-    /**
-     * Indentation factor for spacing of the nested node when virtual scrolling is enabled.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) indentation: number = 1.5;
-    /**
-     * Custom templates of the component.
-     * @group Props
-     */
-    @Input() _templateMap: any;
-    /**
-     * Function to optimize the node list rendering, default algorithm checks for object identity.
-     * @group Props
-     */
-    @Input() trackBy: Function = (index: number, item: any) => item;
-    /**
-     * Height of the node.
-     * @group Props
-     * @deprecated use virtualScrollItemSize property instead.
-     */
-    _virtualNodeHeight: number | undefined;
-    @Input() get virtualNodeHeight(): number | undefined {
-        return this._virtualNodeHeight;
-    }
-    set virtualNodeHeight(val: number | undefined) {
-        this._virtualNodeHeight = val;
-        console.warn('The virtualNodeHeight property is deprecated, use virtualScrollItemSize property instead.');
-    }
-    /**
-     * Callback to invoke on selection change.
-     * @param {(TreeNode<any> | TreeNode<any>[] | null)} event - Custom selection change event.
-     * @group Emits
-     */
-    @Output() selectionChange: EventEmitter<TreeNode<any> | TreeNode<any>[] | null> = new EventEmitter<TreeNode<any> | TreeNode<any>[] | null>();
-    /**
-     * Callback to invoke when a node is selected.
-     * @param {TreeNodeSelectEvent} event - Node select event.
-     * @group Emits
-     */
-    @Output() onNodeSelect: EventEmitter<TreeNodeSelectEvent> = new EventEmitter<TreeNodeSelectEvent>();
-    /**
-     * Callback to invoke when a node is unselected.
-     * @param {TreeNodeUnSelectEvent} event - Node unselect event.
-     * @group Emits
-     */
-    @Output() onNodeUnselect: EventEmitter<TreeNodeUnSelectEvent> = new EventEmitter<TreeNodeUnSelectEvent>();
-    /**
-     * Callback to invoke when a node is expanded.
-     * @param {TreeNodeExpandEvent} event - Node expand event.
-     * @group Emits
-     */
-    @Output() onNodeExpand: EventEmitter<TreeNodeExpandEvent> = new EventEmitter<TreeNodeExpandEvent>();
-    /**
-     * Callback to invoke when a node is collapsed.
-     * @param {TreeNodeCollapseEvent} event - Node collapse event.
-     * @group Emits
-     */
-    @Output() onNodeCollapse: EventEmitter<TreeNodeCollapseEvent> = new EventEmitter<TreeNodeCollapseEvent>();
-    /**
-     * Callback to invoke when a node is selected with right click.
-     * @param {onNodeContextMenuSelect} event - Node context menu select event.
-     * @group Emits
-     */
-    @Output() onNodeContextMenuSelect: EventEmitter<TreeNodeContextMenuSelectEvent> = new EventEmitter<TreeNodeContextMenuSelectEvent>();
-    /**
-     * Callback to invoke when a node is dropped.
-     * @param {TreeNodeDropEvent} event - Node drop event.
-     * @group Emits
-     */
-    @Output() onNodeDrop: EventEmitter<TreeNodeDropEvent> = new EventEmitter<TreeNodeDropEvent>();
-    /**
-     * Callback to invoke in lazy mode to load new data.
-     * @param {TreeLazyLoadEvent} event - Custom lazy load event.
-     * @group Emits
-     */
-    @Output() onLazyLoad: EventEmitter<TreeLazyLoadEvent> = new EventEmitter<TreeLazyLoadEvent>();
-    /**
-     * Callback to invoke in virtual scroll mode when scroll position changes.
-     * @param {TreeScrollEvent} event - Custom scroll event.
-     * @group Emits
-     */
-    @Output() onScroll: EventEmitter<TreeScrollEvent> = new EventEmitter<TreeScrollEvent>();
-    /**
-     * Callback to invoke in virtual scroll mode when scroll position and item's range in view changes.
-     * @param {TreeScrollIndexChangeEvent} event - Scroll index change event.
-     * @group Emits
-     */
-    @Output() onScrollIndexChange: EventEmitter<TreeScrollIndexChangeEvent> = new EventEmitter<TreeScrollIndexChangeEvent>();
-    /**
-     * Callback to invoke when data is filtered.
-     * @param {TreeFilterEvent} event - Custom filter event.
-     * @group Emits
-     */
-    @Output() onFilter: EventEmitter<TreeFilterEvent> = new EventEmitter<TreeFilterEvent>();
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<any>>;
-
-    @ViewChild('filter') filterViewChild: Nullable<ElementRef>;
-
-    @ViewChild('scroller') scroller: Nullable<Scroller>;
-
-    @ViewChild('wrapper') wrapperViewChild: Nullable<ElementRef>;
-
-    serializedValue: Nullable<TreeNode<any>[]>;
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    footerTemplate: Nullable<TemplateRef<any>>;
-
-    loaderTemplate: Nullable<TemplateRef<any>>;
-
-    emptyMessageTemplate: Nullable<TemplateRef<any>>;
-
-    togglerIconTemplate: Nullable<TemplateRef<any>>;
-
-    checkboxIconTemplate: Nullable<TemplateRef<any>>;
-
-    loadingIconTemplate: Nullable<TemplateRef<any>>;
-
-    filterIconTemplate: Nullable<TemplateRef<any>>;
-
-    public nodeTouched: boolean | undefined | null;
-
-    public dragNodeTree: Tree | undefined | null;
-
-    public dragNode: TreeNode<any> | undefined | null;
-
-    public dragNodeSubNodes: TreeNode<any>[] | undefined | null;
-
-    public dragNodeIndex: number | undefined | null;
-
-    public dragNodeScope: any;
-
-    public dragHover: boolean | undefined | null;
-
-    public dragStartSubscription: Subscription | undefined | null;
-
-    public dragStopSubscription: Subscription | undefined | null;
-
-    constructor(
-        public el: ElementRef,
-        @Optional() public dragDropService: TreeDragDropService,
-        public config: PrimeNGConfig,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        if (this.droppableNodes) {
-            this.dragStartSubscription = this.dragDropService.dragStart$.subscribe((event) => {
-                this.dragNodeTree = event.tree;
-                this.dragNode = event.node;
-                this.dragNodeSubNodes = event.subNodes;
-                this.dragNodeIndex = event.index;
-                this.dragNodeScope = event.scope;
-            });
-
-            this.dragStopSubscription = this.dragDropService.dragStop$.subscribe((event) => {
-                this.dragNodeTree = null;
-                this.dragNode = null;
-                this.dragNodeSubNodes = null;
-                this.dragNodeIndex = null;
-                this.dragNodeScope = null;
-                this.dragHover = false;
-            });
-        }
-    }
-
-    ngOnChanges(simpleChange: SimpleChanges) {
-        if (simpleChange.value) {
-            this.updateSerializedValue();
-            if (this.hasFilterActive()) {
-                this._filter(this.filterViewChild.nativeElement.value);
-            }
-        }
-    }
-
-    get horizontal(): boolean {
-        return this.layout == 'horizontal';
-    }
-
-    get emptyMessageLabel(): string {
-        return this.emptyMessage || this.config.getTranslation(TranslationKeys.EMPTY_MESSAGE);
-    }
-
-    ngAfterContentInit() {
-        if ((this.templates as QueryList<PrimeTemplate>).length) {
-            this._templateMap = {};
-        }
-
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'empty':
-                    this.emptyMessageTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                case 'loader':
-                    this.loaderTemplate = item.template;
-                    break;
-
-                case 'togglericon':
-                    this.togglerIconTemplate = item.template;
-                    break;
-
-                case 'checkboxicon':
-                    this.checkboxIconTemplate = item.template;
-                    break;
-
-                case 'loadingicon':
-                    this.loadingIconTemplate = item.template;
-                    break;
-
-                case 'filtericon':
-                    this.filterIconTemplate = item.template;
-                    break;
-
-                default:
-                    this._templateMap[<any>item.name] = item.template;
-                    break;
-            }
-        });
-    }
-
-    updateSerializedValue() {
-        this.serializedValue = [];
-        this.serializeNodes(null, this.getRootNode(), 0, true);
-    }
-
-    serializeNodes(parent: TreeNode<any> | null, nodes: TreeNode<any>[] | any, level: number, visible: boolean) {
-        if (nodes && nodes.length) {
-            for (let node of nodes) {
-                node.parent = parent;
-                const rowNode = {
-                    node: node,
-                    parent: parent,
-                    level: level,
-                    visible: visible && (parent ? parent.expanded : true)
-                };
-                (this.serializedValue as TreeNode<any>[]).push(<TreeNode>rowNode);
-
-                if (rowNode.visible && node.expanded) {
-                    this.serializeNodes(node, node.children, level + 1, rowNode.visible);
-                }
-            }
-        }
-    }
-
-    onNodeClick(event: Event, node: TreeNode) {
-        let eventTarget = <Element>event.target;
-        if (DomHandler.hasClass(eventTarget, 'p-tree-toggler') || DomHandler.hasClass(eventTarget, 'p-tree-toggler-icon')) {
-            return;
-        } else if (this.selectionMode) {
-            if (node.selectable === false) {
-                node.style = '--p-focus-ring-color: none;';
-                return;
-            } else {
-                node.style = '--p-focus-ring-color: var(--primary-color)';
-            }
-
-            if (this.hasFilteredNodes()) {
-                node = this.getNodeWithKey(<string>node.key, <TreeNode<any>[]>this.filteredNodes) as TreeNode;
-                if (!node) {
-                    return;
-                }
-            }
-
-            let index = this.findIndexInSelection(node);
-            let selected = index >= 0;
-
-            if (this.isCheckboxSelectionMode()) {
-                if (selected) {
-                    if (this.propagateSelectionDown) this.propagateDown(node, false);
-                    else this.selection = this.selection.filter((val: TreeNode, i: number) => i != index);
-
-                    if (this.propagateSelectionUp && node.parent) {
-                        this.propagateUp(node.parent, false);
-                    }
-
-                    this.selectionChange.emit(this.selection);
-                    this.onNodeUnselect.emit({ originalEvent: event, node: node });
-                } else {
-                    if (this.propagateSelectionDown) this.propagateDown(node, true);
-                    else this.selection = [...(this.selection || []), node];
-
-                    if (this.propagateSelectionUp && node.parent) {
-                        this.propagateUp(node.parent, true);
-                    }
-
-                    this.selectionChange.emit(this.selection);
-                    this.onNodeSelect.emit({ originalEvent: event, node: node });
-                }
-            } else {
-                let metaSelection = this.nodeTouched ? false : this.metaKeySelection;
-
-                if (metaSelection) {
-                    let metaKey = (<KeyboardEvent>event).metaKey || (<KeyboardEvent>event).ctrlKey;
-
-                    if (selected && metaKey) {
-                        if (this.isSingleSelectionMode()) {
-                            this.selectionChange.emit(null);
-                        } else {
-                            this.selection = this.selection.filter((val: TreeNode, i: number) => i != index);
-                            this.selectionChange.emit(this.selection);
-                        }
-
-                        this.onNodeUnselect.emit({ originalEvent: event, node: node });
-                    } else {
-                        if (this.isSingleSelectionMode()) {
-                            this.selectionChange.emit(<TreeNode>node);
-                        } else if (this.isMultipleSelectionMode()) {
-                            this.selection = !metaKey ? [] : this.selection || [];
-                            this.selection = [...this.selection, node];
-                            this.selectionChange.emit(this.selection);
-                        }
-
-                        this.onNodeSelect.emit({ originalEvent: event, node: node });
-                    }
-                } else {
-                    if (this.isSingleSelectionMode()) {
-                        if (selected) {
-                            this.selection = null;
-                            this.onNodeUnselect.emit({ originalEvent: event, node: node });
-                        } else {
-                            this.selection = node;
-                            setTimeout(() => {
-                                this.onNodeSelect.emit({ originalEvent: event, node: node });
-                            });
-                        }
-                    } else {
-                        if (selected) {
-                            this.selection = this.selection.filter((val: TreeNode, i: number) => i != index);
-                            this.onNodeUnselect.emit({ originalEvent: event, node: node });
-                        } else {
-                            this.selection = [...(this.selection || []), node];
-                            setTimeout(() => {
-                                this.onNodeSelect.emit({ originalEvent: event, node: node });
-                            });
-                        }
-                    }
-
-                    this.selectionChange.emit(this.selection);
-                }
-            }
-        }
-
-        this.nodeTouched = false;
-    }
-
-    onNodeTouchEnd() {
-        this.nodeTouched = true;
-    }
-
-    onNodeRightClick(event: MouseEvent, node: TreeNode<any>) {
-        if (this.contextMenu) {
-            let eventTarget = <Element>event.target;
-            let className = eventTarget.getAttribute('class');
-
-            if (className && className.includes('p-tree-toggler')) {
-                return;
-            } else {
-                let index = this.findIndexInSelection(node);
-                let selected = index >= 0;
-
-                if (!selected) {
-                    if (this.isSingleSelectionMode()) this.selectionChange.emit(node);
-                    else this.selectionChange.emit([node]);
-                }
-
-                this.contextMenu.show(event);
-                this.onNodeContextMenuSelect.emit({ originalEvent: event, node: node });
-            }
-        }
-    }
-
-    findIndexInSelection(node: TreeNode) {
-        let index: number = -1;
-        if (this.selectionMode && this.selection) {
-            if (this.isSingleSelectionMode()) {
-                let areNodesEqual = (this.selection.key && this.selection.key === node.key) || this.selection == node;
-                index = areNodesEqual ? 0 : -1;
-            } else {
-                for (let i = 0; i < this.selection.length; i++) {
-                    let selectedNode = this.selection[i];
-                    let areNodesEqual = (selectedNode.key && selectedNode.key === node.key) || selectedNode == node;
-                    if (areNodesEqual) {
-                        index = i;
-                        break;
-                    }
-                }
-            }
-        }
-
-        return index;
-    }
-
-    syncNodeOption(node: TreeNode, parentNodes: TreeNode<any>[], option: any, value?: any) {
-        // to synchronize the node option between the filtered nodes and the original nodes(this.value)
-        const _node = this.hasFilteredNodes() ? this.getNodeWithKey(<string>node.key, parentNodes) : null;
-        if (_node) {
-            (<any>_node)[option] = value || (<any>node)[option];
-        }
-    }
-
-    hasFilteredNodes() {
-        return this.filter && this.filteredNodes && this.filteredNodes.length;
-    }
-
-    hasFilterActive() {
-        return this.filter && this.filterViewChild?.nativeElement?.value.length > 0;
-    }
-
-    getNodeWithKey(key: string, nodes: TreeNode<any>[]): TreeNode<any> | undefined {
-        for (let node of nodes) {
-            if (node.key === key) {
-                return node;
-            }
-
-            if (node.children) {
-                let matchedNode = this.getNodeWithKey(key, node.children);
-                if (matchedNode) {
-                    return matchedNode;
-                }
-            }
-        }
-    }
-
-    propagateUp(node: TreeNode, select: boolean) {
-        if (node.children && node.children.length) {
-            let selectedCount: number = 0;
-            let childPartialSelected: boolean = false;
-            for (let child of node.children) {
-                if (this.isSelected(child)) {
-                    selectedCount++;
-                } else if (child.partialSelected) {
-                    childPartialSelected = true;
-                }
-            }
-
-            if (select && selectedCount == node.children.length) {
-                this.selection = [...(this.selection || []), node];
-                node.partialSelected = false;
-            } else {
-                if (!select) {
-                    let index = this.findIndexInSelection(node);
-                    if (index >= 0) {
-                        this.selection = this.selection.filter((val: TreeNode, i: number) => i != index);
-                    }
-                }
-
-                if (childPartialSelected || (selectedCount > 0 && selectedCount != node.children.length)) node.partialSelected = true;
-                else node.partialSelected = false;
-            }
-
-            this.syncNodeOption(node, <TreeNode<any>[]>this.filteredNodes, 'partialSelected');
-        }
-
-        let parent = node.parent;
-        if (parent) {
-            this.propagateUp(parent, select);
-        }
-    }
-
-    propagateDown(node: TreeNode, select: boolean) {
-        let index = this.findIndexInSelection(node);
-
-        if (select && index == -1 && node.selectable !== false) {
-            this.selection = [...(this.selection || []), this.filterUnselectableChildren(node)];
-        } else if (!select && index > -1) {
-            this.selection = this.selection.filter((val: TreeNode, i: number) => i != index);
-        }
-
-        node.partialSelected = false;
-
-        this.syncNodeOption(node, <TreeNode<any>[]>this.filteredNodes, 'partialSelected');
-
-        if (node.children && node.children.length) {
-            for (let child of node.children) {
-                this.propagateDown(child, select);
-            }
-        }
-    }
-  
-    filterUnselectableChildren(node: TreeNode): TreeNode {
-      let clonedNode = Object.assign({}, node); 
-      
-      if (clonedNode.children && clonedNode.children.length) {
-        for (let child of clonedNode.children) {
-          if (child.selectable === false) {
-            clonedNode.children = clonedNode.children.filter((val: TreeNode) => val != child);
-          }
-          child = this.filterUnselectableChildren(child);
-        }
-      }
-
-      return clonedNode;
-    }
-
-    isSelected(node: TreeNode) {
-        return this.findIndexInSelection(node) != -1;
-    }
-
-    isSingleSelectionMode() {
-        return this.selectionMode && this.selectionMode == 'single';
-    }
-
-    isMultipleSelectionMode() {
-        return this.selectionMode && this.selectionMode == 'multiple';
-    }
-
-    isCheckboxSelectionMode() {
-        return this.selectionMode && this.selectionMode == 'checkbox';
-    }
-
-    isNodeLeaf(node: TreeNode): boolean {
-        return node.leaf == false ? false : !(node.children && node.children.length);
-    }
-
-    getRootNode() {
-        return this.filteredNodes ? this.filteredNodes : this.value;
-    }
-
-    getTemplateForNode(node: TreeNode): TemplateRef<any> | null {
-        if (this._templateMap) return node.type ? this._templateMap[node.type] : this._templateMap['default'];
-        else return null;
-    }
-
-    onDragOver(event: DragEvent) {
-        if (this.droppableNodes && (!this.value || (<any>this.value).length === 0)) {
-            (<any>event).dataTransfer.dropEffect = 'move';
-            event.preventDefault();
-        }
-    }
-
-    onDrop(event: DragEvent) {
-        if (this.droppableNodes && (!this.value || (<any>this.value).length === 0)) {
-            event.preventDefault();
-            let dragNode = this.dragNode as TreeNode;
-
-            if (this.allowDrop(dragNode, null, this.dragNodeScope)) {
-                let dragNodeIndex = <number>this.dragNodeIndex;
-                this.value = this.value || [];
-
-                if (this.validateDrop) {
-                    this.onNodeDrop.emit({
-                        originalEvent: event,
-                        dragNode: dragNode,
-                        dropNode: null,
-                        index: dragNodeIndex,
-                        accept: () => {
-                            this.processTreeDrop(dragNode, dragNodeIndex);
-                        }
-                    });
-                } else {
-                    this.onNodeDrop.emit({
-                        originalEvent: event,
-                        dragNode: dragNode,
-                        dropNode: null,
-                        index: dragNodeIndex
-                    });
-
-                    this.processTreeDrop(dragNode, dragNodeIndex);
-                }
-            }
-        }
-    }
-
-    processTreeDrop(dragNode: TreeNode, dragNodeIndex: number) {
-        (<TreeNode<any>[]>this.dragNodeSubNodes).splice(dragNodeIndex, 1);
-        (this.value as TreeNode<any>[]).push(dragNode);
-        this.dragDropService.stopDrag({
-            node: dragNode
-        });
-    }
-
-    onDragEnter() {
-        if (this.droppableNodes && this.allowDrop(<TreeNode>this.dragNode, null, this.dragNodeScope)) {
-            this.dragHover = true;
-        }
-    }
-
-    onDragLeave(event: DragEvent) {
-        if (this.droppableNodes) {
-            let rect = (event.currentTarget as HTMLElement).getBoundingClientRect();
-            if (event.x > rect.left + rect.width || event.x < rect.left || event.y > rect.top + rect.height || event.y < rect.top) {
-                this.dragHover = false;
-            }
-        }
-    }
-
-    allowDrop(dragNode: TreeNode, dropNode: TreeNode<any> | null, dragNodeScope: any): boolean {
-        if (!dragNode) {
-            //prevent random html elements to be dragged
-            return false;
-        } else if (this.isValidDragScope(dragNodeScope)) {
-            let allow: boolean = true;
-            if (dropNode) {
-                if (dragNode === dropNode) {
-                    allow = false;
-                } else {
-                    let parent = dropNode.parent;
-                    while (parent != null) {
-                        if (parent === dragNode) {
-                            allow = false;
-                            break;
-                        }
-                        parent = parent.parent;
-                    }
-                }
-            }
-
-            return allow;
-        } else {
-            return false;
-        }
-    }
-
-    isValidDragScope(dragScope: any): boolean {
-        let dropScope = this.droppableScope;
-
-        if (dropScope) {
-            if (typeof dropScope === 'string') {
-                if (typeof dragScope === 'string') return dropScope === dragScope;
-                else if (Array.isArray(dragScope)) return (<Array<any>>dragScope).indexOf(dropScope) != -1;
-            } else if (Array.isArray(dropScope)) {
-                if (typeof dragScope === 'string') {
-                    return (<Array<any>>dropScope).indexOf(dragScope) != -1;
-                } else if (Array.isArray(dragScope)) {
-                    for (let s of dropScope) {
-                        for (let ds of dragScope) {
-                            if (s === ds) {
-                                return true;
-                            }
-                        }
-                    }
-                }
-            }
-            return false;
-        } else {
-            return true;
-        }
-    }
-
-    public _filter(value: string) {
-        let filterValue = value;
-        if (filterValue === '') {
-            this.filteredNodes = null;
-        } else {
-            this.filteredNodes = [];
-            const searchFields: string[] = this.filterBy.split(',');
-            const filterText = ObjectUtils.removeAccents(filterValue).toLocaleLowerCase(this.filterLocale);
-            const isStrictMode = this.filterMode === 'strict';
-            for (let node of <TreeNode<any>[]>this.value) {
-                let copyNode = { ...node };
-                let paramsWithoutNode = { searchFields, filterText, isStrictMode };
-                if (
-                    (isStrictMode && (this.findFilteredNodes(copyNode, paramsWithoutNode) || this.isFilterMatched(copyNode, paramsWithoutNode))) ||
-                    (!isStrictMode && (this.isFilterMatched(copyNode, paramsWithoutNode) || this.findFilteredNodes(copyNode, paramsWithoutNode)))
-                ) {
-                    this.filteredNodes.push(copyNode);
-                }
-            }
-        }
-
-        this.updateSerializedValue();
-        this.onFilter.emit({
-            filter: filterValue,
-            filteredValue: this.filteredNodes
-        });
-    }
-
-    /**
-     * Resets filter.
-     * @group Method
-     */
-    public resetFilter() {
-        this.filteredNodes = null;
-
-        if (this.filterViewChild && this.filterViewChild.nativeElement) {
-            this.filterViewChild.nativeElement.value = '';
-        }
-    }
-    /**
-     * Scrolls to virtual index.
-     * @param {number} number - Index to be scrolled.
-     * @group Method
-     */
-    public scrollToVirtualIndex(index: number) {
-        this.virtualScroll && this.scroller?.scrollToIndex(index);
-    }
-    /**
-     * Scrolls to virtual index.
-     * @param {ScrollToOptions} options - Scroll options.
-     * @group Method
-     */
-    public scrollTo(options: any) {
-        if (this.virtualScroll) {
-            this.scroller?.scrollTo(options);
-        } else if (this.wrapperViewChild && this.wrapperViewChild.nativeElement) {
-            if (this.wrapperViewChild.nativeElement.scrollTo) {
-                this.wrapperViewChild.nativeElement.scrollTo(options);
-            } else {
-                this.wrapperViewChild.nativeElement.scrollLeft = options.left;
-                this.wrapperViewChild.nativeElement.scrollTop = options.top;
-            }
-        }
-    }
-
-    findFilteredNodes(node: TreeNode, paramsWithoutNode: any) {
-        if (node) {
-            let matched = false;
-            if (node.children) {
-                let childNodes = [...node.children];
-                node.children = [];
-                for (let childNode of childNodes) {
-                    let copyChildNode = { ...childNode };
-                    if (this.isFilterMatched(copyChildNode, paramsWithoutNode)) {
-                        matched = true;
-                        node.children.push(copyChildNode);
-                    }
-                }
-            }
-
-            if (matched) {
-                node.expanded = true;
-                return true;
-            }
-        }
-    }
-
-    isFilterMatched(node: TreeNode, params: any) {
-        let { searchFields, filterText, isStrictMode } = params;
-        let matched = false;
-        for (let field of searchFields) {
-            let fieldValue = ObjectUtils.removeAccents(String(ObjectUtils.resolveFieldData(node, field))).toLocaleLowerCase(this.filterLocale);
-            if (fieldValue.indexOf(filterText) > -1) {
-                matched = true;
-            }
-        }
-
-        if (!matched || (isStrictMode && !this.isNodeLeaf(node))) {
-            matched = this.findFilteredNodes(node, { searchFields, filterText, isStrictMode }) || matched;
-        }
-
-        return matched;
-    }
-
-    getIndex(options: any, index: number) {
-        const getItemOptions = options['getItemOptions'];
-        return getItemOptions ? getItemOptions(index).index : index;
-    }
-
-    getBlockableElement(): HTMLElement {
-        return this.el.nativeElement.children[0];
-    }
-
-    ngOnDestroy() {
-        if (this.dragStartSubscription) {
-            this.dragStartSubscription.unsubscribe();
-        }
-
-        if (this.dragStopSubscription) {
-            this.dragStopSubscription.unsubscribe();
-        }
-    }
-}
-@NgModule({
-    imports: [CommonModule, SharedModule, RippleModule, ScrollerModule, CheckIcon, ChevronDownIcon, ChevronRightIcon, MinusIcon, SearchIcon, SpinnerIcon, PlusIcon],
-    exports: [Tree, SharedModule, ScrollerModule],
-    declarations: [Tree, UITreeNode]
-})
-export class TreeModule {}
diff --git a/src/app/components/treeselect/ng-package.json b/src/app/components/treeselect/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/treeselect/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/treeselect/public_api.ts b/src/app/components/treeselect/public_api.ts
deleted file mode 100644
index c12e06d..0000000
--- a/src/app/components/treeselect/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './treeselect';
-export * from './treeselect.interface';
diff --git a/src/app/components/treeselect/treeselect.css b/src/app/components/treeselect/treeselect.css
deleted file mode 100644
index 1c68807..0000000
--- a/src/app/components/treeselect/treeselect.css
+++ /dev/null
@@ -1,98 +0,0 @@
-@layer primeng {
-    .p-treeselect {
-        display: inline-flex;
-        cursor: pointer;
-        position: relative;
-        user-select: none;
-    }
-
-    .p-treeselect-trigger {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-shrink: 0;
-    }
-
-    .p-treeselect-label-container {
-        overflow: hidden;
-        flex: 1 1 auto;
-        cursor: pointer;
-        display: flex;
-    }
-
-    .p-treeselect-label {
-        display: block;
-        white-space: nowrap;
-        cursor: pointer;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-
-    .p-treeselect-label-empty {
-        overflow: hidden;
-        visibility: hidden;
-    }
-
-    .p-treeselect-token {
-        cursor: default;
-        display: inline-flex;
-        align-items: center;
-        flex: 0 0 auto;
-    }
-
-    .p-treeselect-items-wrapper {
-        overflow: auto;
-    }
-
-    .p-treeselect-header {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-    }
-
-    .p-treeselect-filter-container {
-        position: relative;
-        flex: 1 1 auto;
-    }
-
-    .p-treeselect-filter-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-    }
-
-    .p-treeselect-filter-container .p-inputtext {
-        width: 100%;
-    }
-
-    .p-treeselect-close {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-shrink: 0;
-        overflow: hidden;
-        position: relative;
-        margin-left: auto;
-    }
-
-    .p-treeselect-clear-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-    }
-
-    .p-fluid .p-treeselect {
-        display: flex;
-    }
-
-    .p-treeselect-clear-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-        cursor: pointer;
-    }
-
-    .p-treeselect-clearable {
-        position: relative;
-    }
-}
diff --git a/src/app/components/treeselect/treeselect.interface.ts b/src/app/components/treeselect/treeselect.interface.ts
deleted file mode 100644
index ac2a051..0000000
--- a/src/app/components/treeselect/treeselect.interface.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { TreeSelect } from './treeselect';
-/**
- * Custom node collapse event.
- * @see {@link TreeSelect.onNodeCollapse}
- * @group Events
- */
-export interface TreeSelectNodeCollapseEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Node instance.
-     */
-    node: TreeNode;
-}
-/**
- * Custom node expand event.
- * @see {@link TreeSelect.onNodeExpand}
- * @group Events
- */
-export interface TreeSelectNodeExpandEvent extends TreeSelectNodeCollapseEvent {}
-/**
- * Defines valid templates in TreeSelect.
- * @group Templates
- */
-export interface TreeSelectTemplates {
-    /**
-     * Custom value template.
-     * @param {Object} context - value data.
-     */
-    value(context: {
-        /**
-         * Value of the component.
-         */
-        $implicit: TreeNode<any> | null;
-        /**
-         * Placeholder of the component.
-         */
-        placeholder: string;
-    }): TemplateRef<{ $implicit: TreeNode<any> | null; placeholder: string }>;
-    /**
-     * Custom header template.
-     * @param {Object} context - header data.
-     */
-    header(context: {
-        /**
-         * Value of the component.
-         */
-        $implicit: TreeNode<any> | null | undefined;
-        /**
-         * Placeholder of the component.
-         */
-        options: TreeNode<any>[] | undefined;
-    }): TemplateRef<{ $implicit: TreeNode<any> | null; options: TreeNode[] | null | undefined }>;
-    /**
-     * Custom empty template.
-     */
-    empty(): TemplateRef<any>;
-    /**
-     * Custom footer template.
-     */
-    footer(): TemplateRef<any>;
-    /**
-     * Custom clear icon template.
-     */
-    clearicon(): TemplateRef<any>;
-    /**
-     * Custom dropdown trigger icon template.
-     */
-    triggericon(): TemplateRef<any>;
-    /**
-     * Custom filter icon template.
-     */
-    filtericon(): TemplateRef<any>;
-    /**
-     * Custom close icon template.
-     */
-    closeicon(): TemplateRef<any>;
-    /**
-     * Custom node toggler template.
-     * @param {Object} context - toggler icon data.
-     */
-    itemtogglericon(context: {
-        /**
-         * Expanded state of the node.
-         */
-        $implicit: boolean;
-    }): TemplateRef<{ $implicit: TreeNode<any> | null }>;
-    /**
-     * Custom node checkbox icon template.
-     */
-    itemcheckboxicon(): TemplateRef<any>;
-    /**
-     * Custom loading icon template.
-     */
-    itemloadingicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/treeselect/treeselect.ts b/src/app/components/treeselect/treeselect.ts
deleted file mode 100644
index 4834560..0000000
--- a/src/app/components/treeselect/treeselect.ts
+++ /dev/null
@@ -1,1018 +0,0 @@
-import { AnimationEvent } from '@angular/animations';
-import { CommonModule } from '@angular/common';
-import {
-    AfterContentInit,
-    booleanAttribute,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    forwardRef,
-    Input,
-    NgModule,
-    Output,
-    QueryList,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation
-} from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { OverlayOptions, OverlayService, PrimeNGConfig, PrimeTemplate, ScrollerOptions, SharedModule, TreeNode } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { ChevronDownIcon } from 'primeng/icons/chevrondown';
-import { SearchIcon } from 'primeng/icons/search';
-import { TimesIcon } from 'primeng/icons/times';
-import { Overlay, OverlayModule } from 'primeng/overlay';
-import { RippleModule } from 'primeng/ripple';
-import { Tree, TreeFilterEvent, TreeModule, TreeNodeSelectEvent, TreeNodeUnSelectEvent } from 'primeng/tree';
-import { ObjectUtils, UniqueComponentId } from 'primeng/utils';
-import { Nullable } from 'primeng/ts-helpers';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { TreeSelectNodeCollapseEvent, TreeSelectNodeExpandEvent } from './treeselect.interface';
-
-export const TREESELECT_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => TreeSelect),
-    multi: true
-};
-/**
- * TreeSelect is a form component to choose from hierarchical data.
- * @group Components
- */
-@Component({
-    selector: 'p-treeSelect',
-    template: `
-        <div #container [ngClass]="containerClass()" [class]="containerStyleClass" [ngStyle]="containerStyle" (click)="onClick($event)">
-            <div class="p-hidden-accessible">
-                <input
-                    #focusInput
-                    type="text"
-                    role="combobox"
-                    [attr.id]="inputId"
-                    readonly
-                    [disabled]="disabled"
-                    (focus)="onInputFocus($event)"
-                    (blur)="onInputBlur($event)"
-                    (keydown)="onKeyDown($event)"
-                    [attr.tabindex]="!disabled ? tabindex : -1"
-                    [attr.aria-controls]="overlayVisible ? listId : null"
-                    [attr.aria-haspopup]="'tree'"
-                    [attr.aria-expanded]="overlayVisible ?? false"
-                    [attr.aria-labelledby]="ariaLabelledBy"
-                    [attr.aria-label]="ariaLabel || (label === 'p-emptylabel' ? undefined : label)"
-                    pAutoFocus
-                    [autofocus]="autofocus"
-                />
-            </div>
-            <div class="p-treeselect-label-container">
-                <div [ngClass]="labelClass()" [class]="labelStyleClass" [ngStyle]="labelStyle">
-                    <ng-container *ngIf="valueTemplate; else defaultValueTemplate">
-                        <ng-container *ngTemplateOutlet="valueTemplate; context: { $implicit: value, placeholder: placeholder }"></ng-container>
-                    </ng-container>
-                    <ng-template #defaultValueTemplate>
-                        <ng-container *ngIf="display === 'comma'; else chipsValueTemplate">
-                            {{ label || 'empty' }}
-                        </ng-container>
-                        <ng-template #chipsValueTemplate>
-                            <div *ngFor="let node of value" class="p-treeselect-token">
-                                <span class="p-treeselect-token-label">{{ node.label }}</span>
-                            </div>
-                            <ng-container *ngIf="emptyValue">{{ placeholder || 'empty' }}</ng-container>
-                        </ng-template>
-                    </ng-template>
-                </div>
-                <ng-container *ngIf="checkValue() && !disabled && showClear">
-                    <TimesIcon *ngIf="!clearIconTemplate" [styleClass]="'p-treeselect-clear-icon'" (click)="clear($event)" />
-                    <span *ngIf="clearIconTemplate" class="p-treeselect-clear-icon" (click)="clear($event)">
-                        <ng-template *ngTemplateOutlet="clearIconTemplate"></ng-template>
-                    </span>
-                </ng-container>
-            </div>
-            <div class="p-treeselect-trigger" role="button" aria-haspopup="tree" [attr.aria-expanded]="overlayVisible ?? false" [attr.aria-label]="'treeselect trigger'">
-                <ChevronDownIcon *ngIf="!triggerIconTemplate" [styleClass]="'p-treeselect-trigger-icon'" />
-                <span *ngIf="triggerIconTemplate" class="p-treeselect-trigger-icon">
-                    <ng-template *ngTemplateOutlet="triggerIconTemplate"></ng-template>
-                </span>
-            </div>
-            <p-overlay
-                #overlay
-                [(visible)]="overlayVisible"
-                [options]="overlayOptions"
-                [target]="'@parent'"
-                [appendTo]="appendTo"
-                [showTransitionOptions]="showTransitionOptions"
-                [hideTransitionOptions]="hideTransitionOptions"
-                (onAnimationStart)="onOverlayAnimationStart($event)"
-                (onBeforeHide)="onOverlayBeforeHide($event)"
-                (onShow)="onShow.emit($event)"
-                (onHide)="hide($event)"
-            >
-                <ng-template pTemplate="content">
-                    <div #panel [attr.id]="listId" class="p-treeselect-panel p-component" [ngStyle]="panelStyle" [class]="panelStyleClass" [ngClass]="panelClass">
-                        <span
-                            #firstHiddenFocusableEl
-                            role="presentation"
-                            class="p-hidden-accessible p-hidden-focusable"
-                            [attr.tabindex]="0"
-                            (focus)="onFirstHiddenFocus($event)"
-                            [attr.data-p-hidden-accessible]="true"
-                            [attr.data-p-hidden-focusable]="true"
-                        >
-                        </span>
-                        <ng-container *ngTemplateOutlet="headerTemplate; context: { $implicit: value, options: options }"></ng-container>
-                        <div class="p-treeselect-header" *ngIf="filter" (keydown.arrowdown)="onArrowDown($event)">
-                            <div class="p-treeselect-filter-container">
-                                <input
-                                    #filter
-                                    type="search"
-                                    autocomplete="off"
-                                    class="p-treeselect-filter p-inputtext p-component"
-                                    [attr.placeholder]="filterPlaceholder"
-                                    (keydown.enter)="$event.preventDefault()"
-                                    (input)="onFilterInput($event)"
-                                    [value]="filterValue"
-                                />
-                                <SearchIcon *ngIf="!filterIconTemplate" [styleClass]="'p-treeselect-filter-icon'" />
-                                <span *ngIf="filterIconTemplate" class="p-treeselect-filter-icon">
-                                    <ng-template *ngTemplateOutlet="filterIconTemplate"></ng-template>
-                                </span>
-                            </div>
-                            <button class="p-treeselect-close p-link" (click)="hide()">
-                                <TimesIcon *ngIf="!closeIconTemplate" />
-                                <span *ngIf="closeIconTemplate">
-                                    <ng-template *ngTemplateOutlet="closeIconTemplate"></ng-template>
-                                </span>
-                            </button>
-                        </div>
-                        <div class="p-treeselect-items-wrapper" [ngStyle]="{ 'max-height': scrollHeight }">
-                            <p-tree
-                                #tree
-                                [value]="options"
-                                [propagateSelectionDown]="propagateSelectionDown"
-                                [propagateSelectionUp]="propagateSelectionUp"
-                                [selectionMode]="selectionMode"
-                                (selectionChange)="onSelectionChange($event)"
-                                [selection]="value"
-                                [metaKeySelection]="metaKeySelection"
-                                (onNodeExpand)="nodeExpand($event)"
-                                (onNodeCollapse)="nodeCollapse($event)"
-                                (onNodeSelect)="onSelect($event)"
-                                [emptyMessage]="emptyMessage"
-                                (onNodeUnselect)="onUnselect($event)"
-                                [filterBy]="filterBy"
-                                [filterMode]="filterMode"
-                                [filterPlaceholder]="filterPlaceholder"
-                                [filterLocale]="filterLocale"
-                                [filteredNodes]="filteredNodes"
-                                [virtualScroll]="virtualScroll"
-                                [virtualScrollItemSize]="virtualScrollItemSize"
-                                [virtualScrollOptions]="virtualScrollOptions"
-                                [_templateMap]="templateMap"
-                                [loading]="loading"
-                            >
-                                <ng-container *ngIf="emptyTemplate">
-                                    <ng-template pTemplate="empty">
-                                        <ng-container *ngTemplateOutlet="emptyTemplate"></ng-container>
-                                    </ng-template>
-                                </ng-container>
-                                <ng-template pTemplate="togglericon" let-expanded *ngIf="itemTogglerIconTemplate">
-                                    <ng-container *ngTemplateOutlet="itemTogglerIconTemplate; context: { $implicit: expanded }"></ng-container>
-                                </ng-template>
-                                <ng-template pTemplate="checkboxicon" let-selected let-partialSelected="partialSelected" *ngIf="itemCheckboxIconTemplate">
-                                    <ng-container *ngTemplateOutlet="itemCheckboxIconTemplate; context: { $implicit: selected, partialSelected: partialSelected }"></ng-container>
-                                </ng-template>
-                                <ng-template pTemplate="loadingicon" *ngIf="itemLoadingIconTemplate">
-                                    <ng-container *ngTemplateOutlet="itemLoadingIconTemplate"></ng-container>
-                                </ng-template>
-                            </p-tree>
-                        </div>
-                        <ng-container *ngTemplateOutlet="footerTemplate; context: { $implicit: value, options: options }"></ng-container>
-                        <span
-                            #lastHiddenFocusableEl
-                            role="presentation"
-                            class="p-hidden-accessible p-hidden-focusable"
-                            [attr.tabindex]="0"
-                            (focus)="onLastHiddenFocus($event)"
-                            [attr.data-p-hidden-accessible]="true"
-                            [attr.data-p-hidden-focusable]="true"
-                        ></span>
-                    </div>
-                </ng-template>
-            </p-overlay>
-        </div>
-    `,
-    styleUrls: ['./treeselect.css'],
-    host: {
-        class: 'p-element p-inputwrapper',
-        '[class.p-inputwrapper-filled]': '!emptyValue',
-        '[class.p-inputwrapper-focus]': 'focused',
-        '[class.p-treeselect-clearable]': 'showClear && !disabled'
-    },
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [TREESELECT_VALUE_ACCESSOR],
-    encapsulation: ViewEncapsulation.None
-})
-export class TreeSelect implements AfterContentInit {
-    /**
-     * Identifier of the underlying input element.
-     * @group Props
-     */
-    @Input() inputId: string | undefined;
-    /**
-     * Height of the viewport, a scrollbar is defined if height of list exceeds this value.
-     * @group Props
-     */
-    @Input() scrollHeight: string = '400px';
-    /**
-     * When present, it specifies that the component should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) metaKeySelection: boolean = false;
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    @Input() variant: 'filled' | 'outlined' = 'outlined';
-    /**
-     * Defines how the selected items are displayed.
-     * @group Props
-     */
-    @Input() display: 'comma' | 'chip' = 'comma';
-    /**
-     * Defines the selection mode.
-     * @group Props
-     */
-    @Input() selectionMode: 'single' | 'multiple' | 'checkbox' = 'single';
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input() tabindex: string | undefined = '0';
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Label to display when there are no selections.
-     * @group Props
-     */
-    @Input() placeholder: string | undefined;
-    /**
-     * Style class of the overlay panel.
-     * @group Props
-     */
-    @Input() panelClass: string | string[] | Set<string> | { [klass: string]: any } | undefined;
-    /**
-     * Inline style of the panel element.
-     * @group Props
-     */
-    @Input() panelStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the panel element.
-     * @group Props
-     */
-    @Input() panelStyleClass: string | undefined;
-    /**
-     * Inline style of the container element.
-     * @group Props
-     */
-    @Input() containerStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the container element.
-     * @group Props
-     */
-    @Input() containerStyleClass: string | undefined;
-    /**
-     * Inline style of the label element.
-     * @group Props
-     */
-    @Input() labelStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the label element.
-     * @group Props
-     */
-    @Input() labelStyleClass: string | undefined;
-    /**
-     * Specifies the options for the overlay.
-     * @group Props
-     */
-    @Input() overlayOptions: OverlayOptions | undefined;
-    /**
-     * Text to display when there are no options available. Defaults to value from PrimeNG locale configuration.
-     * @group Props
-     */
-    @Input() emptyMessage: string = '';
-    /**
-     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.
-     * @group Props
-     */
-    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * When specified, displays an input field to filter the items.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) filter: boolean = false;
-    /**
-     * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
-     * @group Props
-     */
-    @Input() filterBy: string = 'label';
-    /**
-     * Mode for filtering valid values are "lenient" and "strict". Default is lenient.
-     * @group Props
-     */
-    @Input() filterMode: string = 'lenient';
-    /**
-     * Placeholder text to show when filter input is empty.
-     * @group Props
-     */
-    @Input() filterPlaceholder: string | undefined;
-    /**
-     * Locale to use in filtering. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    @Input() filterLocale: string | undefined;
-    /**
-     * Determines whether the filter input should be automatically focused when the component is rendered.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) filterInputAutoFocus: boolean = true;
-    /**
-     * Whether checkbox selections propagate to descendant nodes.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) propagateSelectionDown: boolean = true;
-    /**
-     * Whether checkbox selections propagate to ancestor nodes.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) propagateSelectionUp: boolean = true;
-    /**
-     * When enabled, a clear icon is displayed to clear the value.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showClear: boolean = false;
-    /**
-     * Clears the filter value when hiding the dropdown.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) resetFilterOnHide: boolean = true;
-    /**
-     * Whether the data should be loaded on demand during scroll.
-     * @group Props
-     */
-    @Input() virtualScroll: boolean | undefined;
-    /**
-     * Height of an item in the list for VirtualScrolling.
-     * @group Props
-     */
-    @Input() virtualScrollItemSize: number | undefined;
-    /**
-     * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.
-     * @group Props
-     */
-    @Input() virtualScrollOptions: ScrollerOptions | undefined;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * An array of treenodes.
-     * @defaultValue undefined
-     * @group Props
-     */
-    @Input() get options(): TreeNode[] | undefined {
-        return this._options;
-    }
-    set options(options: TreeNode[] | undefined) {
-        this._options = options;
-        this.updateTreeState();
-    }
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     * @deprecated since v14.2.0 use overlayOptions property instead.
-     */
-    @Input() get showTransitionOptions(): string | undefined {
-        return this._showTransitionOptions;
-    }
-    set showTransitionOptions(val: string | undefined) {
-        this._showTransitionOptions = val;
-        console.warn('The showTransitionOptions property is deprecated since v14.2.0, use overlayOptions property instead.');
-    }
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     * @deprecated since v14.2.0 use overlayOptions property instead.
-     */
-    @Input() get hideTransitionOptions(): string | undefined {
-        return this._hideTransitionOptions;
-    }
-    set hideTransitionOptions(val: string | undefined) {
-        this._hideTransitionOptions = val;
-        console.warn('The hideTransitionOptions property is deprecated since v14.2.0, use overlayOptions property instead.');
-    }
-    /**
-     * Displays a loader to indicate data load is in progress.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) loading: boolean | undefined;
-    /**
-     * Callback to invoke when a node is expanded.
-     * @param {TreeSelectNodeExpandEvent} event - Custom node expand event.
-     * @group Emits
-     */
-    @Output() onNodeExpand: EventEmitter<TreeSelectNodeExpandEvent> = new EventEmitter<TreeSelectNodeExpandEvent>();
-    /**
-     * Callback to invoke when a node is collapsed.
-     * @param {TreeSelectNodeCollapseEvent} event - Custom node collapse event.
-     * @group Emits
-     */
-    @Output() onNodeCollapse: EventEmitter<TreeSelectNodeCollapseEvent> = new EventEmitter<TreeSelectNodeCollapseEvent>();
-
-    /**
-     * Callback to invoke when the overlay is shown.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onShow: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when the overlay is hidden.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onHide: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when input field is cleared.
-     * @group Emits
-     */
-    @Output() onClear: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke when data is filtered.
-     * @group Emits
-     */
-    @Output() onFilter: EventEmitter<TreeFilterEvent> = new EventEmitter<TreeFilterEvent>();
-    /**
-     * Callback to invoke when treeselect gets focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onFocus: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when treeselect loses focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    @Output() onBlur: EventEmitter<Event> = new EventEmitter<Event>();
-    /**
-     * Callback to invoke when a node is unselected.
-     * @param {TreeNodeUnSelectEvent} event - node unselect event.
-     * @group Emits
-     */
-    @Output() onNodeUnselect: EventEmitter<TreeNodeUnSelectEvent> = new EventEmitter<TreeNodeUnSelectEvent>();
-    /**
-     * Callback to invoke when a node is selected.
-     * @param {TreeNodeSelectEvent} event - node select event.
-     * @group Emits
-     */
-    @Output() onNodeSelect: EventEmitter<TreeNodeSelectEvent> = new EventEmitter<TreeNodeSelectEvent>();
-
-    _showTransitionOptions: string | undefined;
-
-    _hideTransitionOptions: string | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-
-    @ViewChild('container') containerEl: Nullable<ElementRef>;
-
-    @ViewChild('focusInput') focusInput: Nullable<ElementRef>;
-
-    @ViewChild('filter') filterViewChild: Nullable<ElementRef>;
-
-    @ViewChild('tree') treeViewChild: Nullable<Tree>;
-
-    @ViewChild('panel') panelEl: Nullable<ElementRef>;
-
-    @ViewChild('overlay') overlayViewChild: Nullable<Overlay>;
-
-    @ViewChild('firstHiddenFocusableEl') firstHiddenFocusableElementOnOverlay: Nullable<ElementRef>;
-
-    @ViewChild('lastHiddenFocusableEl') lastHiddenFocusableElementOnOverlay: Nullable<ElementRef>;
-
-    public filteredNodes: TreeNode[] | undefined | null;
-
-    filterValue: Nullable<string> = null;
-
-    serializedValue: Nullable<any[]>;
-
-    valueTemplate: Nullable<TemplateRef<any>>;
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    emptyTemplate: Nullable<TemplateRef<any>>;
-
-    footerTemplate: Nullable<TemplateRef<any>>;
-
-    clearIconTemplate: Nullable<TemplateRef<any>>;
-
-    triggerIconTemplate: Nullable<TemplateRef<any>>;
-
-    filterIconTemplate: Nullable<TemplateRef<any>>;
-
-    closeIconTemplate: Nullable<TemplateRef<any>>;
-
-    itemTogglerIconTemplate: Nullable<TemplateRef<any>>;
-
-    itemCheckboxIconTemplate: Nullable<TemplateRef<any>>;
-
-    itemLoadingIconTemplate: Nullable<TemplateRef<any>>;
-
-    focused: Nullable<boolean>;
-
-    overlayVisible: Nullable<boolean>;
-
-    selfChange: Nullable<boolean>;
-
-    value: any | undefined;
-
-    expandedNodes: any[] = [];
-
-    _options: TreeNode[] | undefined;
-
-    public templateMap: any;
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    listId: string = '';
-
-    constructor(
-        public config: PrimeNGConfig,
-        public cd: ChangeDetectorRef,
-        public el: ElementRef,
-        public overlayService: OverlayService
-    ) {}
-
-    ngOnInit() {
-        this.listId = UniqueComponentId() + '_list';
-        this.updateTreeState();
-    }
-
-    ngAfterContentInit() {
-        if ((this.templates as QueryList<PrimeTemplate>).length) {
-            this.templateMap = {};
-        }
-
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'value':
-                    this.valueTemplate = item.template;
-                    break;
-
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'empty':
-                    this.emptyTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                case 'clearicon':
-                    this.clearIconTemplate = item.template;
-                    break;
-
-                case 'triggericon':
-                    this.triggerIconTemplate = item.template;
-                    break;
-
-                case 'filtericon':
-                    this.filterIconTemplate = item.template;
-                    break;
-
-                case 'closeicon':
-                    this.closeIconTemplate = item.template;
-                    break;
-
-                case 'itemtogglericon':
-                    this.itemTogglerIconTemplate = item.template;
-                    break;
-
-                case 'itemcheckboxicon':
-                    this.itemCheckboxIconTemplate = item.template;
-                    break;
-
-                case 'itemloadingicon':
-                    this.itemLoadingIconTemplate = item.template;
-                    break;
-
-                default: //TODO: @deprecated Used "value" template instead
-                    if (item.name) this.templateMap[item.name] = item.template;
-                    else this.valueTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    onOverlayAnimationStart(event: AnimationEvent) {
-        switch (event.toState) {
-            case 'visible':
-                if (this.filter) {
-                    ObjectUtils.isNotEmpty(this.filterValue) && this.treeViewChild?._filter(<any>this.filterValue);
-                    this.filterInputAutoFocus && this.filterViewChild?.nativeElement.focus();
-                } else {
-                    let focusableElements = DomHandler.getFocusableElements(this.panelEl.nativeElement);
-
-                    if (focusableElements && focusableElements.length > 0) {
-                        focusableElements[0].focus();
-                    }
-                }
-                break;
-        }
-    }
-
-    onOverlayBeforeHide(event: Event) {
-        let focusableElements = DomHandler.getFocusableElements(this.containerEl.nativeElement);
-
-        if (focusableElements && focusableElements.length > 0) {
-            focusableElements[0].focus();
-        }
-    }
-
-    onSelectionChange(event: Event) {
-        this.value = event;
-        this.onModelChange(this.value);
-        this.cd.markForCheck();
-    }
-
-    onClick(event: Event) {
-        if (this.disabled) {
-            return;
-        }
-
-        if (
-            !this.overlayViewChild?.el?.nativeElement?.contains(event.target) &&
-            !DomHandler.hasClass(event.target, 'p-treeselect-close') &&
-            !DomHandler.hasClass(event.target, 'p-checkbox-box') &&
-            !DomHandler.hasClass(event.target, 'p-checkbox-icon')
-        ) {
-            if (this.overlayVisible) {
-                this.hide();
-            } else {
-                this.show();
-            }
-
-            this.focusInput?.nativeElement.focus();
-        }
-    }
-
-    onKeyDown(event: KeyboardEvent) {
-        switch (event.code) {
-            //down
-            case 'ArrowDown':
-                if (!this.overlayVisible) {
-                    this.show();
-                    event.preventDefault();
-                }
-                this.onArrowDown(event);
-                event.preventDefault();
-                break;
-
-            //space
-            case 'Space':
-            case 'Enter':
-                if (!this.overlayVisible) {
-                    this.show();
-                    event.preventDefault();
-                }
-                break;
-
-            //escape
-            case 'Escape':
-                if (this.overlayVisible) {
-                    this.hide();
-                    this.focusInput?.nativeElement.focus();
-                    event.preventDefault();
-                }
-                break;
-
-            //tab
-            case 'Tab':
-                this.onTabKey(event);
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    onFilterInput(event: Event) {
-        this.filterValue = (event.target as HTMLInputElement).value;
-        this.treeViewChild?._filter(this.filterValue);
-        this.onFilter.emit({
-            filter: this.filterValue,
-            filteredValue: this.treeViewChild?.filteredNodes
-        });
-        setTimeout(() => {
-            this.overlayViewChild.alignOverlay();
-        });
-    }
-
-    onArrowDown(event: KeyboardEvent) {
-        if (this.overlayVisible && this.panelEl?.nativeElement) {
-            let focusableElements = DomHandler.getFocusableElements(this.panelEl.nativeElement, '.p-treenode');
-
-            if (focusableElements && focusableElements.length > 0) {
-                focusableElements[0].focus();
-            }
-
-            event.preventDefault();
-        }
-    }
-
-    onFirstHiddenFocus(event) {
-        const focusableEl =
-            event.relatedTarget === this.focusInput?.nativeElement ? DomHandler.getFirstFocusableElement(this.overlayViewChild?.overlayViewChild?.nativeElement, ':not([data-p-hidden-focusable="true"])') : this.focusInput?.nativeElement;
-
-        DomHandler.focus(focusableEl);
-    }
-
-    onLastHiddenFocus(event) {
-        const focusableEl =
-            event.relatedTarget === this.focusInput?.nativeElement ? DomHandler.getLastFocusableElement(this.overlayViewChild?.overlayViewChild?.nativeElement, ':not([data-p-hidden-focusable="true"])') : this.focusInput?.nativeElement;
-
-        DomHandler.focus(focusableEl);
-    }
-
-    show() {
-        this.overlayVisible = true;
-    }
-
-    hide(event?: any) {
-        this.overlayVisible = false;
-        this.resetFilter();
-
-        this.onHide.emit(event);
-        this.cd.markForCheck();
-    }
-
-    clear(event: Event) {
-        this.value = null;
-        this.resetExpandedNodes();
-        this.resetPartialSelected();
-        this.onModelChange(this.value);
-        this.onClear.emit();
-
-        event.stopPropagation();
-    }
-
-    checkValue() {
-        return this.value !== null && ObjectUtils.isNotEmpty(this.value);
-    }
-
-    onTabKey(event, pressedInInputText = false) {
-        if (!pressedInInputText) {
-            if (this.overlayVisible && this.hasFocusableElements()) {
-                DomHandler.focus(event.shiftKey ? this.lastHiddenFocusableElementOnOverlay.nativeElement : this.firstHiddenFocusableElementOnOverlay.nativeElement);
-
-                event.preventDefault();
-            } else {
-                this.overlayVisible && this.hide(this.filter);
-            }
-        }
-    }
-
-    hasFocusableElements() {
-        return DomHandler.getFocusableElements(this.overlayViewChild.overlayViewChild.nativeElement, ':not([data-p-hidden-focusable="true"])').length > 0;
-    }
-
-    resetFilter() {
-        if (this.filter && !this.resetFilterOnHide) {
-            this.filteredNodes = this.treeViewChild?.filteredNodes;
-            this.treeViewChild?.resetFilter();
-        } else {
-            this.filterValue = null;
-        }
-    }
-
-    updateTreeState() {
-        if (this.value) {
-            let selectedNodes = this.selectionMode === 'single' ? [this.value] : [...this.value];
-            this.resetExpandedNodes();
-            this.resetPartialSelected();
-            if (selectedNodes && this.options) {
-                this.updateTreeBranchState(null, null, selectedNodes);
-            }
-        }
-    }
-
-    updateTreeBranchState(node: TreeNode | null, path: any, selectedNodes: TreeNode[]) {
-        if (node) {
-            if (this.isSelected(node)) {
-                this.expandPath(path);
-                selectedNodes.splice(selectedNodes.indexOf(node), 1);
-            }
-
-            if (selectedNodes.length > 0 && node.children) {
-                for (let childNode of node.children) {
-                    this.updateTreeBranchState(childNode, [...path, node], selectedNodes);
-                }
-            }
-        } else {
-            for (let childNode of this.options as TreeNode[]) {
-                this.updateTreeBranchState(childNode, [], selectedNodes);
-            }
-        }
-    }
-
-    expandPath(expandedNodes: TreeNode[]) {
-        for (let node of expandedNodes) {
-            node.expanded = true;
-        }
-
-        this.expandedNodes = [...expandedNodes];
-    }
-
-    nodeExpand(event: { originalEvent: Event; node: TreeNode }) {
-        this.onNodeExpand.emit(event);
-        this.expandedNodes.push(event.node);
-    }
-
-    nodeCollapse(event: { originalEvent: Event; node: TreeNode }) {
-        this.onNodeCollapse.emit(event);
-        this.expandedNodes.splice(this.expandedNodes.indexOf(event.node), 1);
-    }
-
-    resetExpandedNodes() {
-        for (let node of this.expandedNodes) {
-            node.expanded = false;
-        }
-
-        this.expandedNodes = [];
-    }
-
-    resetPartialSelected(nodes = this.options): void {
-        if (!nodes) {
-            return;
-        }
-
-        for (let node of nodes) {
-            node.partialSelected = false;
-
-            if (node.children && node.children?.length > 0) {
-                this.resetPartialSelected(node.children);
-            }
-        }
-    }
-
-    findSelectedNodes(node: TreeNode, keys: any[], selectedNodes: TreeNode[]) {
-        if (node) {
-            if (this.isSelected(node)) {
-                selectedNodes.push(node);
-                delete keys[node.key as any];
-            }
-
-            if (Object.keys(keys).length && node.children) {
-                for (let childNode of node.children) {
-                    this.findSelectedNodes(childNode, keys, selectedNodes);
-                }
-            }
-        } else {
-            for (let childNode of this.options as TreeNode[]) {
-                this.findSelectedNodes(childNode, keys, selectedNodes);
-            }
-        }
-    }
-
-    isSelected(node: TreeNode) {
-        return this.findIndexInSelection(node) != -1;
-    }
-
-    findIndexInSelection(node: TreeNode) {
-        let index: number = -1;
-
-        if (this.value) {
-            if (this.selectionMode === 'single') {
-                let areNodesEqual = (this.value.key && this.value.key === node.key) || this.value == node;
-                index = areNodesEqual ? 0 : -1;
-            } else {
-                for (let i = 0; i < this.value.length; i++) {
-                    let selectedNode = this.value[i];
-                    let areNodesEqual = (selectedNode.key && selectedNode.key === node.key) || selectedNode == node;
-                    if (areNodesEqual) {
-                        index = i;
-                        break;
-                    }
-                }
-            }
-        }
-
-        return index;
-    }
-
-    onSelect(event: TreeNodeSelectEvent) {
-        this.onNodeSelect.emit(event);
-
-        if (this.selectionMode === 'single') {
-            this.hide();
-            this.focusInput?.nativeElement.focus();
-        }
-    }
-
-    onUnselect(event: TreeNodeUnSelectEvent) {
-        this.onNodeUnselect.emit(event);
-    }
-
-    onInputFocus(event: Event) {
-        if (this.disabled) {
-            // For ScreenReaders
-            return;
-        }
-
-        this.focused = true;
-        this.onFocus.emit(event);
-    }
-
-    onInputBlur(event: Event) {
-        this.focused = false;
-        this.onBlur.emit(event);
-        this.onModelTouched();
-    }
-
-    writeValue(value: any): void {
-        this.value = value;
-        this.updateTreeState();
-        this.cd.markForCheck();
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    setDisabledState(val: boolean): void {
-        setTimeout(() => {
-            this.disabled = val;
-            this.cd.markForCheck();
-        });
-    }
-
-    containerClass() {
-        return {
-            'p-treeselect p-component p-inputwrapper': true,
-            'p-treeselect-chip': this.display === 'chip',
-            'p-disabled': this.disabled,
-            'p-focus': this.focused,
-            'p-variant-filled': this.variant === 'filled' || this.config.inputStyle() === 'filled'
-        };
-    }
-
-    labelClass() {
-        return {
-            'p-treeselect-label': true,
-            'p-placeholder': this.label === this.placeholder,
-            'p-treeselect-label-empty': !this.placeholder && this.emptyValue
-        };
-    }
-
-    get emptyValue() {
-        return !this.value || Object.keys(this.value).length === 0;
-    }
-
-    get emptyOptions() {
-        return !this.options || this.options.length === 0;
-    }
-
-    get label() {
-        let value = this.value || [];
-        return value.length ? value.map((node: TreeNode) => node.label).join(', ') : this.selectionMode === 'single' && this.value ? value.label : this.placeholder;
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, OverlayModule, RippleModule, SharedModule, TreeModule, AutoFocusModule, SearchIcon, TimesIcon, ChevronDownIcon],
-    exports: [TreeSelect, OverlayModule, SharedModule, TreeModule],
-    declarations: [TreeSelect]
-})
-export class TreeSelectModule {}
diff --git a/src/app/components/treetable/ng-package.json b/src/app/components/treetable/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/treetable/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/treetable/public_api.ts b/src/app/components/treetable/public_api.ts
deleted file mode 100644
index 8936987..0000000
--- a/src/app/components/treetable/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './treetable';
-export * from './treetable.interface';
diff --git a/src/app/components/treetable/treetable.css b/src/app/components/treetable/treetable.css
deleted file mode 100644
index 26ad51e..0000000
--- a/src/app/components/treetable/treetable.css
+++ /dev/null
@@ -1,205 +0,0 @@
-@layer primeng {
-    .p-treetable {
-        position: relative;
-    }
-
-    .p-treetable table {
-        border-collapse: collapse;
-        width: 100%;
-        table-layout: fixed;
-    }
-
-    .p-treetable .p-sortable-column {
-        cursor: pointer;
-        user-select: none;
-    }
-
-    .p-treetable .p-sortable-column .p-column-title,
-    .p-treetable .p-sortable-column .p-sortable-column-icon,
-    .p-treetable .p-sortable-column .p-sortable-column-badge {
-        vertical-align: middle;
-    }
-
-    .p-treetable .p-sortable-column .p-sortable-column-badge {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .p-treetable-auto-layout > .p-treetable-wrapper {
-        overflow-x: auto;
-    }
-
-    .p-treetable-auto-layout > .p-treetable-wrapper > table {
-        table-layout: auto;
-    }
-
-    .p-treetable-hoverable-rows .p-treetable-tbody > tr {
-        cursor: pointer;
-    }
-
-    .p-treetable-toggler {
-        cursor: pointer;
-        user-select: none;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        vertical-align: middle;
-        overflow: hidden;
-        position: relative;
-    }
-
-    p-treetabletoggler + p-treetablecheckbox .p-checkbox {
-        vertical-align: middle;
-    }
-
-    p-treetabletoggler + p-treetablecheckbox + span {
-        vertical-align: middle;
-    }
-
-    /* Scrollable */
-    .p-treetable-scrollable-wrapper {
-        position: relative;
-    }
-
-    .p-treetable-scrollable-header,
-    .p-treetable-scrollable-footer {
-        overflow: hidden;
-        flex-shrink: 0;
-    }
-
-    .p-treetable-scrollable-body {
-        overflow: auto;
-        position: relative;
-    }
-
-    .p-treetable-scrollable-body > table > .p-treetable-tbody > tr:first-child > td {
-        border-top: 0 none;
-    }
-
-    .p-treetable-virtual-table {
-        position: absolute;
-    }
-
-    /* Frozen Columns */
-    .p-treetable-frozen-view .p-treetable-scrollable-body {
-        overflow: hidden;
-    }
-
-    .p-treetable-frozen-view > .p-treetable-scrollable-body > table > .p-treetable-tbody > tr > td:last-child {
-        border-right: 0 none;
-    }
-
-    .p-treetable-unfrozen-view {
-        position: absolute;
-        top: 0;
-    }
-
-    /* Flex Scrollable */
-    .p-treetable-flex-scrollable {
-        display: flex;
-        flex-direction: column;
-        flex: 1;
-        height: 100%;
-    }
-
-    .p-treetable-flex-scrollable .p-treetable-scrollable-wrapper,
-    .p-treetable-flex-scrollable .p-treetable-scrollable-view {
-        display: flex;
-        flex-direction: column;
-        flex: 1;
-        height: 100%;
-    }
-
-    .p-treetable-flex-scrollable .p-treetable-virtual-scrollable-body {
-        flex: 1;
-    }
-
-    /* Resizable */
-    .p-treetable-resizable > .p-treetable-wrapper {
-        overflow-x: auto;
-    }
-
-    .p-treetable-resizable .p-treetable-thead > tr > th,
-    .p-treetable-resizable .p-treetable-tfoot > tr > td,
-    .p-treetable-resizable .p-treetable-tbody > tr > td {
-        overflow: hidden;
-    }
-
-    .p-treetable-resizable .p-resizable-column {
-        background-clip: padding-box;
-        position: relative;
-    }
-
-    .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
-        display: none;
-    }
-
-    .p-treetable .p-column-resizer {
-        display: block;
-        position: absolute !important;
-        top: 0;
-        right: 0;
-        margin: 0;
-        width: 0.5rem;
-        height: 100%;
-        padding: 0px;
-        cursor: col-resize;
-        border: 1px solid transparent;
-    }
-
-    .p-treetable .p-column-resizer-helper {
-        width: 1px;
-        position: absolute;
-        z-index: 10;
-        display: none;
-    }
-
-    .p-treetable .p-row-editor-init,
-    .p-treetable .p-row-editor-save,
-    .p-treetable .p-row-editor-cancel {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        overflow: hidden;
-        position: relative;
-    }
-
-    /* Expand */
-    .p-treetable .p-row-toggler {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        overflow: hidden;
-        position: relative;
-    }
-
-    /* Reorder */
-    .p-treetable-reorder-indicator-up,
-    .p-treetable-reorder-indicator-down {
-        position: absolute;
-        display: none;
-    }
-
-    [ttReorderableColumn] {
-        cursor: move;
-    }
-
-    /* Loader */
-    .p-treetable .p-treetable-loading-overlay {
-        position: absolute;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        z-index: 2;
-    }
-
-    /* Virtual Scroll */
-    .p-treetable .p-scroller-loading {
-        transform: none !important;
-        min-height: 0;
-        position: sticky;
-        top: 0;
-        left: 0;
-    }
-}
diff --git a/src/app/components/treetable/treetable.interface.ts b/src/app/components/treetable/treetable.interface.ts
deleted file mode 100644
index 6b713b8..0000000
--- a/src/app/components/treetable/treetable.interface.ts
+++ /dev/null
@@ -1,440 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { FilterMetadata, LazyLoadMeta, SortMeta, TreeNode, TreeTableNode } from 'primeng/api';
-import { TreeTable } from './treetable';
-/**
- * Paginator state.
- * @group Interface
- */
-export interface TreeTablePaginatorState {
-    /**
-     * Current page.
-     */
-    page?: number;
-    /**
-     * Index of the first element.
-     */
-    first?: number;
-    /**
-     * Row count.
-     */
-    rows?: number;
-    /**
-     * Page count.
-     */
-    pageCount?: number;
-}
-/**
- * Custom lazy load event.
- * @see {@link TreeTable.onLazyLoad}
- * @extends {LazyLoadMeta}
- * @group Events
- */
-export interface TreeTableLazyLoadEvent extends LazyLoadMeta {
-    /**
-     * First element in viewport.
-     */
-    first: any;
-    /**
-     * Last element in viewport.
-     */
-    last: any;
-}
-/**
- * Custom column reorder event.
- * @see {@link TreeTable.onColReorder}
- * @group Events
- */
-export interface TreeTableColumnReorderEvent {
-    /**
-     * Index of the dragged item.
-     */
-    dragIndex?: number;
-    /**
-     * Index of the drop position.
-     */
-    dropIndex?: number;
-    /**
-     * Columns after reorder.
-     */
-    columns?: any[];
-}
-/**
- * Custom filter event.
- * @see {@link TreeTable.onFilter}
- * @group Events
- */
-export interface TreeTableFilterEvent {
-    /**
-     * Filter meta.
-     */
-    filters?: { [s: string]: FilterMetadata | undefined };
-    /**
-     * Value after filter.
-     */
-    filteredValue?: TreeNode[];
-}
-/**
- * Custom node expand event.
- * @see {@link TreeTable.onNodeExpand}
- * @group Events
- */
-export interface TreeTableNodeExpandEvent<T = any> extends TreeTableNodeCollapseEvent<T> {}
-/**
- * Custom node collapse event.
- * @see {@link TreeTable.onNodeCollapse}
- * @group Events
- */
-export interface TreeTableNodeCollapseEvent<T = any> {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Node instance.
-     */
-    node: TreeTableNode<T>;
-}
-/**
- * Custom sort event.
- * @see {@link TreeTable.onSort}
- * @see {@link TreeTable.sortFunction}
- * @group Events
- */
-export interface TreeTableSortEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent?: Event;
-    /**
-     * Value to be sorted.
-     */
-    data?: TreeNode[];
-    /**
-     * Sort mode.
-     */
-    mode?: 'single' | 'multiple';
-    /**
-     * Sort field.
-     */
-    field?: string;
-    /**
-     * Sort order.
-     */
-    order?: number;
-    /**
-     * Multiple sort meta.
-     */
-    multiSortMeta?: SortMeta[] | null | undefined;
-    /**
-     * Multiple sort meta.
-     */
-    multisortmeta?: any;
-    /**
-     * Sort meta.
-     */
-    sortMeta?: SortMeta;
-}
-/**
- * Custom column resize event.
- * @see {@link TreeTable.onColResize}
- * @group Events
- */
-export interface TreeTableColResizeEvent {
-    /**
-     * Instance of resized column.
-     */
-    element: HTMLElement;
-    /**
-     * Position.
-     */
-    delta: number;
-}
-/**
- * Custom node select event.
- * @see {@link TreeTable.onNodeSelect}
- * @extends {TreeTableNode}
- * @group Events
- */
-export interface TreeTableNodeSelectEvent extends TreeTableNode {}
-/**
- * Custom node unselect event.
- * @see {@link TreeTable.onNodeUnSelect}
- * @group Events
- */
-export interface TreeTableNodeUnSelectEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent?: Event;
-    /**
-     * Node instance.
-     */
-    node?: TreeTableNode<any>;
-    /**
-     * Selection type.
-     */
-    type?: string;
-}
-/**
- * Custom context menu select event.
- * @see {@link TreeTable.onContextMenuSelect}
- * @group Events
- */
-export interface TreeTableContextMenuSelectEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Node instance.
-     */
-    node: TreeTableNode<any>;
-}
-/**
- * Custom checkbox toggle event.
- * @see {@link TreeTable.onHeaderCheckboxToggle}
- * @group Events
- */
-export interface TreeTableHeaderCheckboxToggleEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Checked state.
-     */
-    checked: boolean;
-}
-/**
- * Custom edit event.
- * @see {@link TreeTable.onEditInit}
- * @see {@link TreeTable.onEditCancel}
- * @see {@link TreeTable.onEditComplete}
- * @group Events
- */
-export interface TreeTableEditEvent {
-    /**
-     * Field to be edited.
-     */
-    field: string;
-    /**
-     * New value.
-     */
-    data: string;
-}
-/**
- * Filtering options.
- * @group Interface
- */
-export interface TreeTableFilterOptions {
-    /**
-     * Field to be filtered.
-     */
-    filterField: string;
-    /**
-     * Value to use when filtering.
-     */
-    filterValue: any;
-    /**
-     * Filter constraints.
-     */
-    filterConstraint: (dataFieldValue: any, filterValue: any, filterLocale: string) => boolean;
-    /**
-     * Boolean value that defines if strict mode enabled.
-     */
-    isStrictMode: boolean;
-}
-/**
- * Defines valid templates in TreeTable.
- * @group Templates
- */
-export interface TreeTableTemplates {
-    /**
-     * Custom caption template.
-     */
-    caption(): TemplateRef<any>;
-    /**
-     * Custom header template.
-     * @param {Object} context - header data.
-     */
-    header(context: {
-        /**
-         * Columns instance.
-         */
-        $implicit: any[];
-    }): TemplateRef<{ $implicit: any[] }>;
-    /**
-     * Custom body template.
-     * @param {Object} context - body data.
-     */
-    body(context: {
-        $implicit: TreeNode;
-        /**
-         * Serialized node.
-         */
-        node: TreeNode;
-        /**
-         * Row data.
-         */
-        rowData: any;
-        /**
-         * Columns instance.
-         */
-        columns: any[];
-    }): TemplateRef<{ $implicit: TreeNode; node: TreeNode; rowData: any; columns: any[] }>;
-    /**
-     * Custom footer template.
-     * @param {Object} context - footer data.
-     */
-    footer(context: {
-        /**
-         * Columns instance.
-         */
-        $implicit: any[];
-    }): TemplateRef<{ $implicit: any[] }>;
-    /**
-     * Custom summary template.
-     */
-    summary(): TemplateRef<any>;
-    /**
-     * Custom colgroup template.
-     * @param {Object} context - column group data.
-     */
-    colgroup(context: {
-        /**
-         * Columns instance.
-         */
-        $implicit: any[];
-    }): TemplateRef<{ $implicit: any[] }>;
-    /**
-     * Custom emptymessage template.
-     */
-    emptymessage(context: {
-        /**
-         * Columns instance.
-         */
-        $implicit: any[];
-        /**
-         * Boolean value indicates whether column is frozen.
-         */
-        frozen: boolean;
-    }): TemplateRef<{ $implicit: any[]; frozen: boolean }>;
-    /**
-     * Custom paginator left section template.
-     */
-    paginatorleft(): TemplateRef<any>;
-    /**
-     * Custom paginator right section template.
-     */
-    paginatorright(): TemplateRef<any>;
-    /**
-     * Custom paginator dropdown template.
-     */
-    paginatordropdownitem(): TemplateRef<any>;
-    /**
-     * Custom frozenheader template.
-     * @param {Object} context - frozen header data.
-     */
-    frozenheader(context: {
-        /**
-         * Columns instance.
-         */
-        $implicit: any[];
-    }): TemplateRef<{ $implicit: any[] }>;
-    /**
-     * Custom frozenbody template.
-     */
-    frozenbody(): TemplateRef<any>;
-    /**
-     * Custom frozenfooter template.
-     * @param {Object} context - frozen footer data.
-     */
-    frozenfooter(context: {
-        /**
-         * Columns instance.
-         */
-        $implicit: any[];
-    }): TemplateRef<{ $implicit: any[] }>;
-    /**
-     * Custom frozen column group template.
-     * @param {Object} context - group data.
-     */
-    frozencolgroup(context: {
-        /**
-         * Columns instance.
-         */
-        $implicit: any[];
-    }): TemplateRef<{ $implicit: any[] }>;
-    /**
-     * Custom loading icon template.
-     */
-    loadingicon(): TemplateRef<any>;
-    /**
-     * Custom reorder indicator up icon template.
-     */
-    reorderindicatorupicon(): TemplateRef<any>;
-    /**
-     * Custom reorder indicator down icon template.
-     */
-    reorderindicatordownicon(): TemplateRef<any>;
-    /**
-     * Custom sort icon template.
-     * @param {Object} context - sort data.
-     */
-    sorticon(context: {
-        /**
-         * Sort order.
-         */
-        $implicit: number;
-    }): TemplateRef<{ $implicit: number }>;
-    /**
-     * Custom checkbox icon template.
-     * @param {Object} context - checkbox data.
-     */
-    checkboxicon(context: {
-        /**
-         * Checkbox state.
-         */
-        $implicit: boolean;
-        /**
-         * Partial selection state of row node.
-         */
-        partialSelected: boolean;
-    }): TemplateRef<{ $implicit: boolean; partialSelected: boolean }>;
-    /**
-     * Custom header checkbox icon template.
-     * @param {Object} context - checkbox data.
-     */
-    headercheckboxicon(context: {
-        /**
-         * Checkbox state.
-         */
-        $implicit: boolean;
-    }): TemplateRef<{ $implicit: boolean }>;
-    /**
-     * Custom toggler icon template.
-     * @param {Object} context - toggle icon data.
-     */
-    togglericon(context: {
-        /**
-         * Expand state of row node.
-         */
-        $implicit: boolean;
-    }): TemplateRef<{ $implicit: boolean }>;
-    /**
-     * Custom paginator first page link icon template.
-     */
-    paginatorfirstpagelinkicon(): TemplateRef<any>;
-    /**
-     * Custom paginatorlastpagelinkicon template.
-     */
-    paginatorlastpagelinkicon(): TemplateRef<any>;
-    /**
-     * Custom paginatorpreviouspagelinkicon template.
-     */
-    paginatorpreviouspagelinkicon(): TemplateRef<any>;
-    /**
-     * Custom paginatornextpagelinkicon template.
-     */
-    paginatornextpagelinkicon(): TemplateRef<any>;
-}
diff --git a/src/app/components/treetable/treetable.spec.ts b/src/app/components/treetable/treetable.spec.ts
deleted file mode 100644
index 7904848..0000000
--- a/src/app/components/treetable/treetable.spec.ts
+++ /dev/null
@@ -1,1464 +0,0 @@
-import { TestBed, ComponentFixture, fakeAsync, tick, async } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { TreeTable, TreeTableModule, TTScrollableView } from './treetable';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { FormsModule } from '@angular/forms';
-import { Component } from '@angular/core';
-import { ContextMenuModule, ContextMenu } from 'primeng/contextmenu';
-import { MinusIcon } from 'primeng/icons/minus';
-
-@Component({
-    template: `
-        <p-treeTable class="basicTreeTable" [value]="files" [columns]="cols">
-            <ng-template pTemplate="caption"> FileSystem </ng-template>
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler>
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="footer" let-columns>
-                <tr>
-                    <td *ngFor="let col of columns">
-                        {{ col.header }}
-                    </td>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="summary"> Summary </ng-template>
-        </p-treeTable>
-        <p-treeTable class="paginationTreeTable" [value]="files" [columns]="cols" [paginator]="true" [rows]="3">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr>
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler>
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-treeTable>
-        <p-treeTable class="basicSortTreeTable" [value]="files" [columns]="cols">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns" [ttSortableColumn]="col.field">
-                        {{ col.header }}
-                        <p-treeTableSortIcon [field]="col.field"></p-treeTableSortIcon>
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr>
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler>
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-treeTable>
-        <p-treeTable class="multipleSortTreeTable" [value]="files" [columns]="cols" sortMode="multiple">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns" [ttSortableColumn]="col.field">
-                        {{ col.header }}
-                        <p-treeTableSortIcon [field]="col.field"></p-treeTableSortIcon>
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr>
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler>
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-treeTable>
-        <p-treeTable class="singleSelectionTreeTable" [value]="files" [columns]="cols" selectionMode="single" [(selection)]="selectedNode" dataKey="name">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler>
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-treeTable>
-        <p-treeTable class="multipleSelectionTreeTable" [value]="files" [columns]="cols" selectionMode="multiple" [(selection)]="selectedNode" dataKey="name">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler>
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-treeTable>
-        <p-treeTable class="checkboxSelectionTreeTable" [value]="files" [columns]="cols" selectionMode="checkbox" [(selection)]="selectedNode">
-            <ng-template pTemplate="caption">
-                <div style="text-align:left">
-                    <p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>
-                    <span style="margin-left: .25em; vertical-align: middle">Toggle All</span>
-                </div>
-            </ng-template>
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr>
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler>
-                        <p-treeTableCheckbox [value]="rowNode" *ngIf="i == 0"></p-treeTableCheckbox>
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-treeTable>
-        <p-treeTable class="editableTreeTable" [value]="files" [columns]="cols">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr>
-                    <td *ngFor="let col of columns; let i = index" ttEditableColumn [ngClass]="{ 'p-toggler-column': i === 0 }">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0"></p-treeTableToggler>
-                        <p-treeTableCellEditor>
-                            <ng-template pTemplate="input">
-                                <input pInputText type="text" [(ngModel)]="rowData[col.field]" [ngStyle]="{ width: i == 0 ? '90%' : '100%' }" />
-                            </ng-template>
-                            <ng-template pTemplate="output">{{ rowData[col.field] }}</ng-template>
-                        </p-treeTableCellEditor>
-                    </td>
-                </tr>
-            </ng-template>
-        </p-treeTable>
-        <p-treeTable class="basicScrollTable" [value]="files" [columns]="cols" [scrollable]="true" scrollHeight="200px">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr>
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler>
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-treeTable>
-        <p-treeTable class="resizableTreeTable" [value]="files" [columns]="cols" [resizableColumns]="true">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns" ttResizableColumn>
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr>
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler>
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-treeTable>
-        <p-treeTable class="reorderableTreeTable" [value]="files" [columns]="cols" [reorderableColumns]="true">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns" ttReorderableColumn>
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr>
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler>
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-treeTable>
-        <p-treeTable class="contextMenuTreeTable" [value]="files" [columns]="cols" dataKey="name" [(contextMenuSelection)]="selectedNode" [contextMenu]="cm">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttContextMenuRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler>
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-        </p-treeTable>
-
-        <p-contextMenu #cm [model]="items"></p-contextMenu>
-
-        <p-treeTable class="filterTreeTable" #tt [value]="files" [columns]="cols">
-            <ng-template pTemplate="caption">
-                <div style="text-align: right">
-                    <i class="pi pi-search" style="margin:4px 4px 0 0"></i>
-                    <input type="text" pInputText size="50" class="globalFilter" placeholder="Global Filter" (input)="tt.filterGlobal($event.target.value, 'contains')" style="width:auto" />
-                </div>
-            </ng-template>
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of cols">
-                        {{ col.header }}
-                    </th>
-                </tr>
-                <tr>
-                    <th *ngFor="let col of cols">
-                        <input pInputText type="text" class="filterInput" (input)="tt.filter($event.target.value, col.field, filterMode)" />
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-                <tr>
-                    <td *ngFor="let col of cols; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler>
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="emptymessage">
-                <tr>
-                    <td [attr.colspan]="cols.length">No data found.</td>
-                </tr>
-            </ng-template>
-        </p-treeTable>
-    `
-})
-class TestTreeTableComponent {
-    ngOnInit() {
-        this.totalRecords = 250000;
-
-        this.showLoader = false;
-    }
-    selectedNode: any;
-    filterMode = 'contains';
-    cols = [
-        { field: 'name', header: 'Name' },
-        { field: 'size', header: 'Size' },
-        { field: 'type', header: 'Type' }
-    ];
-    items = [
-        { label: 'View', icon: 'pi pi-search', command: (event) => {} },
-        { label: 'Toggle', icon: 'pi pi-sort', command: (event) => {} }
-    ];
-
-    loadNodes(event) {
-        setTimeout(() => {
-            this.virtualFiles = [];
-
-            if (event.first === 249980) this.createLazyNodes(event.first, 20);
-            else this.createLazyNodes(event.first, event.rows);
-        }, 50);
-    }
-
-    createLazyNodes(index, length) {
-        for (let i = 0; i < length; i++) {
-            let node = {
-                data: {
-                    name: 'Item ' + (index + i),
-                    size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                    type: 'Type ' + (index + i)
-                },
-                leaf: false
-            };
-
-            this.virtualFiles.push(node);
-        }
-    }
-    onNodeExpand(event) {}
-    totalRecords: number;
-    virtualFiles: any[];
-    showLoader: boolean;
-    files = [
-        {
-            data: {
-                name: 'Applications',
-                size: '200mb',
-                type: 'Folder'
-            },
-            children: [
-                {
-                    data: {
-                        name: 'Angular',
-                        size: '25mb',
-                        type: 'Folder'
-                    },
-                    children: [
-                        {
-                            data: {
-                                name: 'angular.app',
-                                size: '10mb',
-                                type: 'Application'
-                            }
-                        },
-                        {
-                            data: {
-                                name: 'cli.app',
-                                size: '10mb',
-                                type: 'Application'
-                            }
-                        },
-                        {
-                            data: {
-                                name: 'mobile.app',
-                                size: '5mb',
-                                type: 'Application'
-                            }
-                        }
-                    ]
-                },
-                {
-                    data: {
-                        name: 'editor.app',
-                        size: '25mb',
-                        type: 'Application'
-                    }
-                },
-                {
-                    data: {
-                        name: 'settings.app',
-                        size: '50mb',
-                        type: 'Application'
-                    }
-                }
-            ]
-        },
-        {
-            data: {
-                name: 'Cloud',
-                size: '20mb',
-                type: 'Folder'
-            },
-            children: [
-                {
-                    data: {
-                        name: 'backup-1.zip',
-                        size: '10mb',
-                        type: 'Zip'
-                    }
-                },
-                {
-                    data: {
-                        name: 'backup-2.zip',
-                        size: '10mb',
-                        type: 'Zip'
-                    }
-                }
-            ]
-        },
-        {
-            data: {
-                name: 'Desktop',
-                size: '150kb',
-                type: 'Folder'
-            },
-            children: [
-                {
-                    data: {
-                        name: 'note-meeting.txt',
-                        size: '50kb',
-                        type: 'Text'
-                    }
-                },
-                {
-                    data: {
-                        name: 'note-todo.txt',
-                        size: '100kb',
-                        type: 'Text'
-                    }
-                }
-            ]
-        },
-        {
-            data: {
-                name: 'Documents',
-                size: '75kb',
-                type: 'Folder'
-            },
-            children: [
-                {
-                    data: {
-                        name: 'Work',
-                        size: '55kb',
-                        type: 'Folder'
-                    },
-                    children: [
-                        {
-                            data: {
-                                name: 'Expenses.doc',
-                                size: '30kb',
-                                type: 'Document'
-                            }
-                        },
-                        {
-                            data: {
-                                name: 'Resume.doc',
-                                size: '25kb',
-                                type: 'Resume'
-                            }
-                        }
-                    ]
-                },
-                {
-                    data: {
-                        name: 'Home',
-                        size: '20kb',
-                        type: 'Folder'
-                    },
-                    children: [
-                        {
-                            data: {
-                                name: 'Invoices',
-                                size: '20kb',
-                                type: 'Text'
-                            }
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            data: {
-                name: 'Downloads',
-                size: '25mb',
-                type: 'Folder'
-            },
-            children: [
-                {
-                    data: {
-                        name: 'Spanish',
-                        size: '10mb',
-                        type: 'Folder'
-                    },
-                    children: [
-                        {
-                            data: {
-                                name: 'tutorial-a1.txt',
-                                size: '5mb',
-                                type: 'Text'
-                            }
-                        },
-                        {
-                            data: {
-                                name: 'tutorial-a2.txt',
-                                size: '5mb',
-                                type: 'Text'
-                            }
-                        }
-                    ]
-                },
-                {
-                    data: {
-                        name: 'Travel',
-                        size: '15mb',
-                        type: 'Text'
-                    },
-                    children: [
-                        {
-                            data: {
-                                name: 'Hotel.pdf',
-                                size: '10mb',
-                                type: 'PDF'
-                            }
-                        },
-                        {
-                            data: {
-                                name: 'Flight.pdf',
-                                size: '5mb',
-                                type: 'PDF'
-                            }
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            data: {
-                name: 'Main',
-                size: '50mb',
-                type: 'Folder'
-            },
-            children: [
-                {
-                    data: {
-                        name: 'bin',
-                        size: '50kb',
-                        type: 'Link'
-                    }
-                },
-                {
-                    data: {
-                        name: 'etc',
-                        size: '100kb',
-                        type: 'Link'
-                    }
-                },
-                {
-                    data: {
-                        name: 'var',
-                        size: '100kb',
-                        type: 'Link'
-                    }
-                }
-            ]
-        },
-        {
-            data: {
-                name: 'Other',
-                size: '5mb',
-                type: 'Folder'
-            },
-            children: [
-                {
-                    data: {
-                        name: 'todo.txt',
-                        size: '3mb',
-                        type: 'Text'
-                    }
-                },
-                {
-                    data: {
-                        name: 'logo.png',
-                        size: '2mb',
-                        type: 'Picture'
-                    }
-                }
-            ]
-        },
-        {
-            data: {
-                name: 'Pictures',
-                size: '150kb',
-                type: 'Folder'
-            },
-            children: [
-                {
-                    data: {
-                        name: 'barcelona.jpg',
-                        size: '90kb',
-                        type: 'Picture'
-                    }
-                },
-                {
-                    data: {
-                        name: 'primeng.png',
-                        size: '30kb',
-                        type: 'Picture'
-                    }
-                },
-                {
-                    data: {
-                        name: 'prime.jpg',
-                        size: '30kb',
-                        type: 'Picture'
-                    }
-                }
-            ]
-        },
-        {
-            data: {
-                name: 'Videos',
-                size: '1500mb',
-                type: 'Folder'
-            },
-            children: [
-                {
-                    data: {
-                        name: 'primefaces.mkv',
-                        size: '1000mb',
-                        type: 'Video'
-                    }
-                },
-                {
-                    data: {
-                        name: 'intro.avi',
-                        size: '500mb',
-                        type: 'Video'
-                    }
-                }
-            ]
-        }
-    ];
-}
-
-describe('TreeTable', () => {
-    let testcomponent: TestTreeTableComponent;
-    let basicTreetable: TreeTable;
-    let paginationTreeTable: TreeTable;
-    let basicSortTreeTable: TreeTable;
-    let multipleSortTreeTable: TreeTable;
-    let singleSelectionTreeTable: TreeTable;
-    let multipleSelectionTreeTable: TreeTable;
-    let checkboxSelectionTreeTable: TreeTable;
-    let editableTreeTable: TreeTable;
-    let basicScrollTable: TreeTable;
-    let resizableTreeTable: TreeTable;
-    let reorderableTreeTable: TreeTable;
-    let contextMenuTreeTable: TreeTable;
-    let filterTreeTable: TreeTable;
-    let fixture: ComponentFixture<TestTreeTableComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, FormsModule, TreeTableModule, ContextMenuModule],
-            declarations: [TestTreeTableComponent]
-        });
-
-        fixture = TestBed.createComponent(TestTreeTableComponent);
-        testcomponent = fixture.componentInstance;
-        basicTreetable = fixture.debugElement.children[0].componentInstance;
-        paginationTreeTable = fixture.debugElement.children[1].componentInstance;
-        basicSortTreeTable = fixture.debugElement.children[2].componentInstance;
-        multipleSortTreeTable = fixture.debugElement.children[3].componentInstance;
-        singleSelectionTreeTable = fixture.debugElement.children[4].componentInstance;
-        multipleSelectionTreeTable = fixture.debugElement.children[5].componentInstance;
-        checkboxSelectionTreeTable = fixture.debugElement.children[6].componentInstance;
-        editableTreeTable = fixture.debugElement.children[7].componentInstance;
-        basicScrollTable = fixture.debugElement.children[8].componentInstance;
-        resizableTreeTable;
-        resizableTreeTable = fixture.debugElement.children[9].componentInstance;
-        reorderableTreeTable = fixture.debugElement.children[10].componentInstance;
-        contextMenuTreeTable = fixture.debugElement.children[11].componentInstance;
-        filterTreeTable = fixture.debugElement.children[13].componentInstance;
-    });
-
-    it('should show 11 rows', () => {
-        fixture.detectChanges();
-
-        const basicTreeTableEl = fixture.debugElement.query(By.css('.basicTreeTable'));
-        const rowEls = basicTreeTableEl.queryAll(By.css('tr'));
-        const toggleEls = basicTreeTableEl.queryAll(By.css('p-treeTableToggler'));
-        expect(rowEls.length).toEqual(11);
-        expect(toggleEls.length).toEqual(9);
-    });
-
-    it('should expand first row', () => {
-        fixture.detectChanges();
-
-        const basicTreeTableEl = fixture.debugElement.query(By.css('.basicTreeTable'));
-        let rowEls = basicTreeTableEl.queryAll(By.css('tr'));
-        expect(rowEls.length).toEqual(11);
-        const toggleEls = basicTreeTableEl.queryAll(By.css('.p-treetable-toggler'));
-        const firstToggleComp = toggleEls[0].componentInstance;
-        const onClickSpy = spyOn(firstToggleComp, 'onClick').and.callThrough();
-        toggleEls[0].nativeElement.click();
-        fixture.detectChanges();
-
-        rowEls = basicTreeTableEl.queryAll(By.css('tr'));
-        expect(onClickSpy).toHaveBeenCalled();
-        expect(rowEls.length).toEqual(14);
-    });
-
-    it('should expand and collapse first row', () => {
-        fixture.detectChanges();
-
-        const basicTreeTableEl = fixture.debugElement.query(By.css('.basicTreeTable'));
-        let rowEls = basicTreeTableEl.queryAll(By.css('tr'));
-        expect(rowEls.length).toEqual(11);
-        let toggleEls = basicTreeTableEl.queryAll(By.css('.p-treetable-toggler'));
-        const firstToggleComp = toggleEls[0].componentInstance;
-        const onClickSpy = spyOn(firstToggleComp, 'onClick').and.callThrough();
-        toggleEls[0].nativeElement.click();
-        fixture.detectChanges();
-
-        rowEls = basicTreeTableEl.queryAll(By.css('tr'));
-        expect(rowEls.length).toEqual(14);
-        toggleEls = basicTreeTableEl.queryAll(By.css('.p-treetable-toggler'));
-        toggleEls[0].nativeElement.click();
-        fixture.detectChanges();
-
-        rowEls = basicTreeTableEl.queryAll(By.css('tr'));
-        expect(rowEls.length).toEqual(11);
-    });
-
-    it('should focus next row', () => {
-        fixture.detectChanges();
-
-        const basicTreeTableEl = fixture.debugElement.query(By.css('.basicTreeTable'));
-        let rowEls = basicTreeTableEl.queryAll(By.css('tr'));
-        rowEls[2].nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowDown' }));
-
-        fixture.detectChanges();
-        rowEls = basicTreeTableEl.queryAll(By.css('tr'));
-        expect(rowEls[3].nativeElement).toEqual(document.activeElement);
-    });
-
-    it('should focus previous row', () => {
-        fixture.detectChanges();
-
-        const basicTreeTableEl = fixture.debugElement.query(By.css('.basicTreeTable'));
-        let rowEls = basicTreeTableEl.queryAll(By.css('tr'));
-        rowEls[3].nativeElement.dispatchEvent(new KeyboardEvent('keydown', { code: 'ArrowUp' }));
-
-        fixture.detectChanges();
-        rowEls = basicTreeTableEl.queryAll(By.css('tr'));
-        expect(rowEls[2].nativeElement).toEqual(document.activeElement);
-    });
-
-    it('should expand and collapse row with nav keys', () => {
-        fixture.detectChanges();
-
-        const basicTreeTableEl = fixture.debugElement.query(By.css('.basicTreeTable'));
-        let rowEls = basicTreeTableEl.queryAll(By.css('tr'));
-        expect(rowEls.length).toEqual(11);
-        const keydownEvent: any = document.createEvent('CustomEvent');
-        keydownEvent.which = 39;
-        keydownEvent.initEvent('keydown', true, true);
-        rowEls[0].nativeElement.dispatchEvent(keydownEvent);
-
-        fixture.detectChanges();
-        rowEls = basicTreeTableEl.queryAll(By.css('tr'));
-        expect(rowEls.length).toEqual(11);
-        keydownEvent.which = 37;
-        rowEls[0].nativeElement.dispatchEvent(keydownEvent);
-        fixture.detectChanges();
-
-        rowEls = basicTreeTableEl.queryAll(By.css('tr'));
-        expect(rowEls.length).toEqual(11);
-    });
-
-    it('should create sections (caption footer summary)', () => {
-        fixture.detectChanges();
-
-        const basicTreeTableEl = fixture.debugElement.query(By.css('.basicTreeTable'));
-        const captionEl = basicTreeTableEl.query(By.css('.p-treetable-header'));
-        const summaryEl = basicTreeTableEl.query(By.css('.p-treetable-footer'));
-        const footerEl = basicTreeTableEl.query(By.css('.p-treetable-tfoot'));
-        expect(captionEl).toBeTruthy();
-        expect(summaryEl).toBeTruthy();
-        expect(footerEl).toBeTruthy();
-    });
-
-    it('should create paginator and 4 rows', () => {
-        fixture.detectChanges();
-
-        const paginationTreeTableEl = fixture.debugElement.query(By.css('.paginationTreeTable'));
-        let rowEls = paginationTreeTableEl.queryAll(By.css('tr'));
-        const paginatorEl = paginationTreeTableEl.query(By.css('p-paginator'));
-        const pages = paginationTreeTableEl.queryAll(By.css('.p-paginator-page'));
-
-        expect(rowEls.length).toEqual(4);
-        expect(paginatorEl).toBeTruthy();
-        expect(pages.length).toEqual(3);
-    });
-
-    it('should change page', () => {
-        fixture.detectChanges();
-
-        const paginationTreeTableEl = fixture.debugElement.query(By.css('.paginationTreeTable'));
-        const pages = paginationTreeTableEl.queryAll(By.css('.p-paginator-page'));
-        expect(paginationTreeTable.first).toEqual(0);
-        const onPageChangeSpy = spyOn(paginationTreeTable, 'onPageChange').and.callThrough();
-        pages[1].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(onPageChangeSpy).toHaveBeenCalled();
-        expect(paginationTreeTable.first).toEqual(3);
-    });
-
-    it('should sort the treetable', () => {
-        fixture.detectChanges();
-
-        const sortSpy = spyOn(basicSortTreeTable, 'sort').and.callThrough();
-        const sortSingleSpy = spyOn(basicSortTreeTable, 'sortSingle').and.callThrough();
-        const basicSortTreeTableEl = fixture.debugElement.query(By.css('.basicSortTreeTable'));
-        const sortableHeaders = basicSortTreeTableEl.queryAll(By.css('th'));
-        let rowEls = basicSortTreeTableEl.queryAll(By.css('td'));
-        expect(rowEls[0].nativeElement.textContent).toContain('Applications');
-        expect(sortableHeaders.length).toEqual(3);
-        sortableHeaders[0].nativeElement.click();
-        fixture.detectChanges();
-
-        sortableHeaders[0].nativeElement.click();
-        fixture.detectChanges();
-
-        rowEls = basicSortTreeTableEl.queryAll(By.css('td'));
-        expect(sortSpy).toHaveBeenCalled();
-        expect(sortSingleSpy).toHaveBeenCalled();
-        expect(rowEls[0].nativeElement.textContent).toContain('Videos');
-    });
-
-    it('should sort the treetable (multiple)', () => {
-        fixture.detectChanges();
-
-        const sortMultipleSpy = spyOn(multipleSortTreeTable, 'sortMultiple').and.callThrough();
-        const multipleSortTreeTableEl = fixture.debugElement.query(By.css('.multipleSortTreeTable'));
-        const sortableHeaders = multipleSortTreeTableEl.queryAll(By.css('th'));
-        let rowEls = multipleSortTreeTableEl.queryAll(By.css('td'));
-        expect(rowEls[0].nativeElement.textContent).toContain('Applications');
-        expect(sortableHeaders.length).toEqual(3);
-        sortableHeaders[2].nativeElement.click();
-        fixture.detectChanges();
-
-        const clickEvent: any = document.createEvent('CustomEvent');
-        clickEvent.initEvent('click', true, true);
-        clickEvent.ctrlKey = true;
-        sortableHeaders[1].nativeElement.dispatchEvent(clickEvent);
-        fixture.detectChanges();
-
-        rowEls = multipleSortTreeTableEl.queryAll(By.css('td'));
-        expect(sortMultipleSpy).toHaveBeenCalled();
-        expect(rowEls[0].nativeElement.textContent).toContain('Other');
-    });
-
-    it('should single select', () => {
-        fixture.detectChanges();
-
-        const handleRowClickSpy = spyOn(singleSelectionTreeTable, 'handleRowClick').and.callThrough();
-        const singleSelectionTreeTableEl = fixture.debugElement.query(By.css('.singleSelectionTreeTable'));
-        let rowEls = singleSelectionTreeTableEl.queryAll(By.css('tr'));
-        rowEls[1].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(handleRowClickSpy).toHaveBeenCalled();
-        expect(testcomponent.selectedNode.data.name).toEqual('Applications');
-        rowEls = singleSelectionTreeTableEl.queryAll(By.css('tr'));
-        const keydownEvent: any = document.createEvent('CustomEvent');
-        keydownEvent.initEvent('keydown', true, true);
-        keydownEvent.code = 'Enter';
-        keydownEvent.key = 'Enter';
-        keydownEvent.keyCode = 13;
-        keydownEvent.which = 13;
-        rowEls[2].nativeElement.dispatchEvent(keydownEvent as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(testcomponent.selectedNode.data.name).toEqual('Cloud');
-        rowEls = singleSelectionTreeTableEl.queryAll(By.css('tr'));
-        const touchendEvent: any = document.createEvent('CustomEvent');
-        touchendEvent.initEvent('touchend', true, true);
-        rowEls[2].nativeElement.dispatchEvent(touchendEvent);
-        rowEls[2].nativeElement.dispatchEvent(keydownEvent as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(testcomponent.selectedNode).toBeNull();
-    });
-
-    it('should single select with metaKeySelection', () => {
-        fixture.detectChanges();
-
-        singleSelectionTreeTable.metaKeySelection = true;
-        fixture.detectChanges();
-
-        const handleRowClickSpy = spyOn(singleSelectionTreeTable, 'handleRowClick').and.callThrough();
-        const singleSelectionTreeTableEl = fixture.debugElement.query(By.css('.singleSelectionTreeTable'));
-        let rowEls = singleSelectionTreeTableEl.queryAll(By.css('tr'));
-        rowEls[1].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(handleRowClickSpy).toHaveBeenCalled();
-        expect(testcomponent.selectedNode.data.name).toEqual('Applications');
-        rowEls = singleSelectionTreeTableEl.queryAll(By.css('tr'));
-        rowEls[2].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(testcomponent.selectedNode.data.name).toEqual('Cloud');
-        rowEls = singleSelectionTreeTableEl.queryAll(By.css('tr'));
-
-        rowEls[2].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(testcomponent.selectedNode).not.toBeNull();
-        const clickEvent: any = document.createEvent('CustomEvent');
-        clickEvent.initEvent('click', true, true);
-        clickEvent.ctrlKey = true;
-        clickEvent.metaKey = true;
-        rowEls[2].nativeElement.dispatchEvent(clickEvent);
-        fixture.detectChanges();
-
-        expect(testcomponent.selectedNode).toBeNull();
-    });
-
-    it('should multiple select', () => {
-        fixture.detectChanges();
-
-        const handleRowClickSpy = spyOn(multipleSelectionTreeTable, 'handleRowClick').and.callThrough();
-        const singleSelectionTreeTableEl = fixture.debugElement.query(By.css('.multipleSelectionTreeTable'));
-        let rowEls = singleSelectionTreeTableEl.queryAll(By.css('tr'));
-        rowEls[1].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(handleRowClickSpy).toHaveBeenCalled();
-        expect(testcomponent.selectedNode[0].data.name).toEqual('Applications');
-        rowEls = singleSelectionTreeTableEl.queryAll(By.css('tr'));
-        const keydownEvent: any = document.createEvent('CustomEvent');
-        keydownEvent.initEvent('keydown', true, true);
-        keydownEvent.code = 'Enter';
-        keydownEvent.key = 'Enter';
-        keydownEvent.keyCode = 13;
-        keydownEvent.which = 13;
-        rowEls[2].nativeElement.dispatchEvent(keydownEvent as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(testcomponent.selectedNode[1].data.name).toEqual('Cloud');
-        expect(testcomponent.selectedNode.length).toEqual(2);
-        rowEls[2].nativeElement.dispatchEvent(keydownEvent as KeyboardEvent);
-        fixture.detectChanges();
-
-        expect(testcomponent.selectedNode.length).toEqual(1);
-    });
-
-    it('should multiple select with metaKeySeleciton', () => {
-        fixture.detectChanges();
-
-        multipleSelectionTreeTable.metaKeySelection = true;
-        fixture.detectChanges();
-
-        const handleRowClickSpy = spyOn(multipleSelectionTreeTable, 'handleRowClick').and.callThrough();
-        const singleSelectionTreeTableEl = fixture.debugElement.query(By.css('.multipleSelectionTreeTable'));
-        let rowEls = singleSelectionTreeTableEl.queryAll(By.css('tr'));
-        rowEls[1].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(handleRowClickSpy).toHaveBeenCalled();
-        expect(testcomponent.selectedNode[0].data.name).toEqual('Applications');
-        rowEls = singleSelectionTreeTableEl.queryAll(By.css('tr'));
-        const clickEvent: any = document.createEvent('CustomEvent');
-        clickEvent.initEvent('click', true, true);
-        clickEvent.ctrlKey = true;
-        clickEvent.metaKey = true;
-        rowEls[2].nativeElement.dispatchEvent(clickEvent);
-        fixture.detectChanges();
-
-        expect(testcomponent.selectedNode[1].data.name).toEqual('Cloud');
-        expect(testcomponent.selectedNode.length).toEqual(2);
-        rowEls[3].nativeElement.dispatchEvent(clickEvent);
-        fixture.detectChanges();
-
-        expect(testcomponent.selectedNode.length).toEqual(3);
-        rowEls[3].nativeElement.dispatchEvent(clickEvent);
-        fixture.detectChanges();
-
-        expect(testcomponent.selectedNode.length).toEqual(2);
-        rowEls[3].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(testcomponent.selectedNode.length).toEqual(1);
-    });
-
-    it('should select with checkbox', () => {
-        fixture.detectChanges();
-
-        const checkboxSelectionTreeTableEl = fixture.debugElement.query(By.css('.checkboxSelectionTreeTable'));
-        let checkboxEls = checkboxSelectionTreeTableEl.queryAll(By.css('.p-checkbox'));
-        expect(checkboxEls.length).toEqual(10);
-        checkboxEls[1].query(By.css('input')).nativeElement.dispatchEvent(new Event('focus'));
-        fixture.detectChanges();
-
-        checkboxEls = checkboxSelectionTreeTableEl.queryAll(By.css('.p-checkbox'));
-        expect(checkboxEls[1].query(By.css('.p-checkbox-box')).nativeElement.className).toContain('p-focus');
-        checkboxEls[1].query(By.css('input')).nativeElement.dispatchEvent(new Event('blur'));
-        fixture.detectChanges();
-
-        expect(checkboxEls[1].query(By.css('.p-checkbox-box')).nativeElement.className).not.toContain('p-focus');
-        checkboxEls[1].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(testcomponent.selectedNode[0].data.name).toEqual('Applications');
-        checkboxEls[1].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(testcomponent.selectedNode).toEqual([]);
-    });
-
-    it('should select childs with checkbox', () => {
-        fixture.detectChanges();
-
-        const checkboxSelectionTreeTableEl = fixture.debugElement.query(By.css('.checkboxSelectionTreeTable'));
-        let checkboxEls = checkboxSelectionTreeTableEl.queryAll(By.css('.p-checkbox'));
-        let toggleEls = checkboxSelectionTreeTableEl.queryAll(By.css('.p-treetable-toggler'));
-        toggleEls[0].nativeElement.click();
-        fixture.detectChanges();
-
-        checkboxEls = checkboxSelectionTreeTableEl.queryAll(By.css('.p-checkbox'));
-        expect(checkboxEls.length).toEqual(13);
-        checkboxEls[2].nativeElement.click();
-        fixture.detectChanges();
-
-        checkboxEls = checkboxSelectionTreeTableEl.queryAll(By.css('.p-checkbox'));
-        expect(checkboxEls[1].query(By.css('.p-checkbox-icon')).nativeElement.tagName.toLowerCase()).toContain('svg');
-        checkboxEls[3].nativeElement.click();
-        checkboxEls[4].nativeElement.click();
-        fixture.detectChanges();
-
-        checkboxEls = checkboxSelectionTreeTableEl.queryAll(By.css('.p-checkbox'));
-        expect(checkboxEls[1].query(By.css('.p-checkbox-icon')).nativeElement.tagName.toLowerCase()).toEqual('svg');
-        expect(testcomponent.selectedNode.length).toEqual(7);
-        checkboxEls[4].nativeElement.click();
-        fixture.detectChanges();
-
-        checkboxEls = checkboxSelectionTreeTableEl.queryAll(By.css('.p-checkbox'));
-        expect(checkboxEls[1].query(By.css('.p-checkbox-icon')).nativeElement.tagName.toLowerCase()).toEqual('svg');
-        expect(testcomponent.selectedNode.length).toEqual(5);
-    });
-
-    it('should select with headerCheckbox', () => {
-        fixture.detectChanges();
-
-        const checkboxSelectionTreeTableEl = fixture.debugElement.query(By.css('.checkboxSelectionTreeTable'));
-        let checkboxEls = checkboxSelectionTreeTableEl.queryAll(By.css('.p-checkbox'));
-        checkboxEls[0].query(By.css('input')).nativeElement.dispatchEvent(new Event('focus'));
-        fixture.detectChanges();
-
-        checkboxEls = checkboxSelectionTreeTableEl.queryAll(By.css('.p-checkbox'));
-        expect(checkboxEls[0].query(By.css('.p-checkbox-box')).nativeElement.className).toContain('p-focus');
-        checkboxEls[0].query(By.css('input')).nativeElement.dispatchEvent(new Event('blur'));
-        fixture.detectChanges();
-
-        expect(checkboxEls[0].query(By.css('.p-checkbox-box')).nativeElement.className).not.toContain('p-focus');
-        checkboxEls[0].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(testcomponent.selectedNode.length).toEqual(40);
-        checkboxEls[0].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(testcomponent.selectedNode.length).toEqual(0);
-    });
-
-    it('should open cell and close', () => {
-        fixture.detectChanges();
-
-        const editableTreeTableEl = fixture.debugElement.query(By.css('.editableTreeTable'));
-        let editableColumns = editableTreeTableEl.queryAll(By.css('td'));
-        editableColumns[0].nativeElement.click();
-        fixture.detectChanges();
-
-        editableColumns = editableTreeTableEl.queryAll(By.css('td'));
-        let inputEl = editableTreeTableEl.query(By.css('input'));
-        expect(inputEl).toBeTruthy();
-        expect(editableColumns[0].nativeElement.className).toContain('p-cell-editing');
-        fixture.detectChanges();
-
-        document.dispatchEvent(new Event('click'));
-        fixture.detectChanges();
-
-        editableColumns = editableTreeTableEl.queryAll(By.css('td'));
-        inputEl = editableTreeTableEl.query(By.css('input'));
-        expect(inputEl).toBeFalsy();
-        expect(editableColumns[0].nativeElement.className).not.toContain('p-cell-editing');
-    });
-
-    it('should open cell and close with tab escape and enter key', () => {
-        fixture.detectChanges();
-
-        const editableTreeTableEl = fixture.debugElement.query(By.css('.editableTreeTable'));
-        let editableColumns = editableTreeTableEl.queryAll(By.css('td'));
-        editableColumns[1].nativeElement.click();
-        fixture.detectChanges();
-
-        editableColumns = editableTreeTableEl.queryAll(By.css('td'));
-        let inputEl = editableTreeTableEl.query(By.css('input'));
-        expect(inputEl).toBeTruthy();
-        expect(editableColumns[1].nativeElement.className).toContain('p-cell-editing');
-        fixture.detectChanges();
-
-        editableColumns = editableTreeTableEl.queryAll(By.css('td'));
-        editableColumns[1].triggerEventHandler('keydown', { target: editableColumns[1].nativeElement, code: 'Tab', preventDefault() {} });
-        fixture.detectChanges();
-
-        editableColumns = editableTreeTableEl.queryAll(By.css('td'));
-        expect(editableColumns[1].nativeElement.className).not.toContain('p-cell-editing');
-        expect(editableColumns[2].nativeElement.className).toContain('p-cell-editing');
-        editableColumns[2].triggerEventHandler('keydown', { target: editableColumns[2].nativeElement, code: 'Tab', preventDefault() {} });
-        fixture.detectChanges();
-
-        editableColumns = editableTreeTableEl.queryAll(By.css('td'));
-        expect(editableColumns[2].nativeElement.className).not.toContain('p-cell-editing');
-        expect(editableColumns[3].nativeElement.className).toContain('p-cell-editing');
-
-        editableColumns = editableTreeTableEl.queryAll(By.css('td'));
-        editableColumns[3].triggerEventHandler('keydown', { target: editableColumns[3].nativeElement, shiftKey: true, code: 'Tab', preventDefault() {} });
-        fixture.detectChanges();
-
-        expect(editableColumns[3].nativeElement.className).not.toContain('p-cell-editing');
-        expect(editableColumns[2].nativeElement.className).toContain('p-cell-editing');
-        editableColumns = editableTreeTableEl.queryAll(By.css('td'));
-        editableColumns[2].triggerEventHandler('keydown', { target: editableColumns[2].nativeElement, shiftKey: true, code: 'Tab', preventDefault() {} });
-        fixture.detectChanges();
-
-        expect(editableColumns[1].nativeElement.className).toContain('p-cell-editing');
-        editableColumns = editableTreeTableEl.queryAll(By.css('td'));
-        editableColumns[1].triggerEventHandler('keydown', { target: editableColumns[1].nativeElement, shiftKey: true, code: 'Escape', preventDefault() {} });
-        fixture.detectChanges();
-
-        expect(editableColumns[1].nativeElement.className).not.toContain('p-cell-editing');
-        editableColumns = editableTreeTableEl.queryAll(By.css('td'));
-        editableColumns[1].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(editableColumns[1].nativeElement.className).toContain('p-cell-editing');
-        editableColumns = editableTreeTableEl.queryAll(By.css('td'));
-        editableColumns[1].triggerEventHandler('keydown', { target: editableColumns[1].nativeElement, shiftKey: false, code: 'Enter', preventDefault() {} });
-        fixture.detectChanges();
-
-        expect(editableColumns[1].nativeElement.className).not.toContain('p-cell-editing');
-    });
-
-    it('should create scrollable body and view', () => {
-        fixture.detectChanges();
-
-        const basicScrollTableEl = fixture.debugElement.query(By.css('.basicScrollTable'));
-        const scrollEl = basicScrollTableEl.query(By.css('.p-treetable-scrollable-body'));
-        const scrollBody = basicScrollTableEl.query(By.css('.p-treetable-scrollable-view'));
-        fixture.detectChanges();
-
-        scrollBody.nativeElement.dispatchEvent(new Event('scroll'));
-        fixture.detectChanges();
-
-        expect(scrollEl).toBeTruthy();
-        expect(scrollBody).toBeTruthy();
-    });
-
-    it('should resize (Fit Mode)', () => {
-        fixture.detectChanges();
-
-        const resizableTreeTableEl = fixture.debugElement.query(By.css('.resizableTreeTable'));
-        const onColumnResizeBeginSpy = spyOn(resizableTreeTable, 'onColumnResizeBegin').and.callThrough();
-        const onColumnResizeSpy = spyOn(resizableTreeTable, 'onColumnResize').and.callThrough();
-        const onColumnResizeEndSpy = spyOn(resizableTreeTable, 'onColumnResizeEnd').and.callThrough();
-        let headerEls = resizableTreeTableEl.queryAll(By.css('th'));
-        let firstWidth = headerEls[0].nativeElement.clientWidth;
-        let firstResizer = document.querySelector('.p-column-resizer');
-        const event: any = document.createEvent('CustomEvent');
-        event.pageX = firstWidth + 200;
-        event.initEvent('mousedown', true, true);
-        firstResizer.dispatchEvent(event);
-
-        expect(onColumnResizeBeginSpy).toHaveBeenCalled();
-        event.pageX = firstWidth + 150;
-        event.initEvent('mousemove', true, true);
-        firstResizer.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(onColumnResizeSpy).toHaveBeenCalled();
-        event.initEvent('mouseup', true, true);
-        firstResizer.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(onColumnResizeEndSpy).toHaveBeenCalled();
-        headerEls = resizableTreeTableEl.queryAll(By.css('th'));
-        expect(headerEls[0].nativeElement.clientWidth).toBeLessThan(firstWidth);
-        firstWidth = headerEls[0].nativeElement.clientWidth;
-        event.pageX = firstWidth + 200;
-        event.initEvent('mousedown', true, true);
-        firstResizer.dispatchEvent(event);
-
-        expect(onColumnResizeBeginSpy).toHaveBeenCalled();
-        event.pageX = 0;
-        event.initEvent('mousemove', true, true);
-        firstResizer.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(onColumnResizeSpy).toHaveBeenCalled();
-        event.initEvent('mouseup', true, true);
-        firstResizer.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(onColumnResizeEndSpy).toHaveBeenCalled();
-        headerEls = resizableTreeTableEl.queryAll(By.css('th'));
-        expect(headerEls[0].nativeElement.clientWidth).toEqual(firstWidth);
-    });
-
-    it('should resize (Expand Mode)', () => {
-        resizableTreeTable.columnResizeMode = 'expand';
-        fixture.detectChanges();
-
-        const resizableTreeTableEl = fixture.debugElement.query(By.css('.resizableTreeTable'));
-        const onColumnResizeBeginSpy = spyOn(resizableTreeTable, 'onColumnResizeBegin').and.callThrough();
-        const onColumnResizeSpy = spyOn(resizableTreeTable, 'onColumnResize').and.callThrough();
-        const onColumnResizeEndSpy = spyOn(resizableTreeTable, 'onColumnResizeEnd').and.callThrough();
-        let headerEls = resizableTreeTableEl.queryAll(By.css('th'));
-        let firstWidth = headerEls[0].nativeElement.clientWidth;
-        let firstResizer = document.querySelector('.p-column-resizer');
-        const event: any = document.createEvent('CustomEvent');
-        event.pageX = firstWidth + 200;
-        event.initEvent('mousedown', true, true);
-        firstResizer.dispatchEvent(event);
-
-        expect(onColumnResizeBeginSpy).toHaveBeenCalled();
-        event.pageX = firstWidth + 150;
-        event.initEvent('mousemove', true, true);
-        firstResizer.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(onColumnResizeSpy).toHaveBeenCalled();
-        event.initEvent('mouseup', true, true);
-        firstResizer.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(onColumnResizeEndSpy).toHaveBeenCalled();
-        headerEls = resizableTreeTableEl.queryAll(By.css('th'));
-        expect(headerEls[0].nativeElement.clientWidth).toBeLessThan(firstWidth);
-        firstWidth = headerEls[0].nativeElement.clientWidth;
-        event.pageX = firstWidth + 200;
-        event.initEvent('mousedown', true, true);
-        firstResizer.dispatchEvent(event);
-
-        expect(onColumnResizeBeginSpy).toHaveBeenCalled();
-        event.pageX = 0;
-        event.initEvent('mousemove', true, true);
-        firstResizer.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(onColumnResizeSpy).toHaveBeenCalled();
-        event.initEvent('mouseup', true, true);
-        firstResizer.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(onColumnResizeEndSpy).toHaveBeenCalled();
-        headerEls = resizableTreeTableEl.queryAll(By.css('th'));
-        expect(headerEls[0].nativeElement.clientWidth).toEqual(firstWidth);
-    });
-
-    it('should reorder -1', () => {
-        fixture.detectChanges();
-
-        const reorderableTreeTableEl = fixture.debugElement.query(By.css('.reorderableTreeTable'));
-        let reorableHeaderEls = reorderableTreeTableEl.queryAll(By.css('th'));
-        expect(reorableHeaderEls[0].nativeElement.draggable).toBeFalsy();
-        reorableHeaderEls[0].nativeElement.dispatchEvent(new Event('mousedown'));
-        fixture.detectChanges();
-
-        expect(reorableHeaderEls[0].nativeElement.draggable).toBeTruthy();
-        const onColumnDragStartSpy = spyOn(reorderableTreeTable, 'onColumnDragStart').and.callThrough();
-        const dragEvent: any = document.createEvent('CustomEvent');
-        dragEvent.initEvent('dragstart', true, true);
-        dragEvent.dataTransfer = { setData(val1, val2) {} };
-        reorableHeaderEls[0].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        dragEvent.initEvent('dragenter', true, true);
-        dragEvent.pageX = reorableHeaderEls[1].nativeElement.clientWidth + 1;
-        reorableHeaderEls[1].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        dragEvent.initEvent('dragleave', true, true);
-        reorableHeaderEls[2].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        expect(onColumnDragStartSpy).toHaveBeenCalled();
-        expect((reorderableTreeTable.draggedColumn as any).textContent).toEqual(' Name ');
-        dragEvent.initEvent('dragenter', true, true);
-        dragEvent.pageX = reorableHeaderEls[2].nativeElement.clientWidth * 2 + 1;
-        reorableHeaderEls[2].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        expect(reorderableTreeTable.dropPosition).toEqual(-1);
-        dragEvent.initEvent('drop');
-        reorableHeaderEls[2].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        reorableHeaderEls = reorderableTreeTableEl.queryAll(By.css('th'));
-        expect(reorableHeaderEls[1].nativeElement.textContent).toEqual(' Name ');
-        expect(reorableHeaderEls[2].nativeElement.textContent).toEqual(' Type ');
-    });
-
-    it('should reorder +1', () => {
-        fixture.detectChanges();
-
-        const reorderableTreeTableEl = fixture.debugElement.query(By.css('.reorderableTreeTable'));
-        let reorableHeaderEls = reorderableTreeTableEl.queryAll(By.css('th'));
-        expect(reorableHeaderEls[0].nativeElement.draggable).toBeFalsy();
-        reorableHeaderEls[0].nativeElement.dispatchEvent(new Event('mousedown'));
-        fixture.detectChanges();
-
-        expect(reorableHeaderEls[0].nativeElement.draggable).toBeTruthy();
-        const onColumnDragStartSpy = spyOn(reorderableTreeTable, 'onColumnDragStart').and.callThrough();
-        const dragEvent: any = document.createEvent('CustomEvent');
-        dragEvent.initEvent('dragstart', true, true);
-        dragEvent.dataTransfer = { setData(val1, val2) {} };
-        reorableHeaderEls[0].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        expect(onColumnDragStartSpy).toHaveBeenCalled();
-        expect((reorderableTreeTable.draggedColumn as any).textContent).toEqual(' Name ');
-        dragEvent.initEvent('dragenter', true, true);
-        dragEvent.pageX = reorableHeaderEls[2].nativeElement.clientWidth * 3 + 1;
-        reorableHeaderEls[2].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        expect(reorderableTreeTable.dropPosition).toEqual(1);
-        dragEvent.initEvent('drop');
-        reorableHeaderEls[2].nativeElement.dispatchEvent(dragEvent);
-        fixture.detectChanges();
-
-        reorableHeaderEls = reorderableTreeTableEl.queryAll(By.css('th'));
-        expect(reorableHeaderEls[0].nativeElement.textContent).toEqual(' Size ');
-        expect(reorableHeaderEls[1].nativeElement.textContent).toEqual(' Type ');
-        expect(reorableHeaderEls[2].nativeElement.textContent).toEqual(' Name ');
-    });
-
-    it('should open contextMenu (separate)', () => {
-        fixture.detectChanges();
-
-        const contextMenuTableEl = fixture.debugElement.query(By.css('.contextMenuTreeTable'));
-        const rowEls = contextMenuTableEl.queryAll(By.css('tr'));
-        const event: any = document.createEvent('CustomEvent');
-        const handleRowRightClickSpy = spyOn(contextMenuTreeTable, 'handleRowRightClick').and.callThrough();
-        event.initEvent('contextmenu');
-        rowEls[1].nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(handleRowRightClickSpy).toHaveBeenCalled();
-        expect(contextMenuTreeTable.contextMenuSelection.data.name).toEqual('Applications');
-    });
-
-    it('should select with contextMenu (joint single)', () => {
-        fixture.detectChanges();
-
-        contextMenuTreeTable.selectionMode = 'single';
-        contextMenuTreeTable.contextMenuSelectionMode = 'joint';
-        fixture.detectChanges();
-
-        const contextMenuTableEl = fixture.debugElement.query(By.css('.contextMenuTreeTable'));
-        const rowEls = contextMenuTableEl.queryAll(By.css('tr'));
-        const event: any = document.createEvent('CustomEvent');
-        const handleRowRightClickSpy = spyOn(contextMenuTreeTable, 'handleRowRightClick').and.callThrough();
-        event.initEvent('contextmenu');
-        rowEls[1].nativeElement.dispatchEvent(event);
-        fixture.detectChanges();
-
-        expect(handleRowRightClickSpy).toHaveBeenCalled();
-        expect(contextMenuTreeTable.selection.data.name).toEqual('Applications');
-    });
-
-    it('should select with contextMenu (joint multiple)', () => {
-        fixture.detectChanges();
-
-        contextMenuTreeTable.selectionMode = 'multiple';
-        contextMenuTreeTable.contextMenuSelectionMode = 'joint';
-        fixture.detectChanges();
-
-        const contextMenuTableEl = fixture.debugElement.query(By.css('.contextMenuTreeTable'));
-        const rowEls = contextMenuTableEl.queryAll(By.css('tr'));
-        const event: any = document.createEvent('CustomEvent');
-        const handleRowRightClickSpy = spyOn(contextMenuTreeTable, 'handleRowRightClick').and.callThrough();
-        event.initEvent('contextmenu');
-        rowEls[1].nativeElement.dispatchEvent(event);
-        rowEls[2].nativeElement.click();
-        fixture.detectChanges();
-
-        expect(handleRowRightClickSpy).toHaveBeenCalled();
-        expect(contextMenuTreeTable.selection[0].data.name).toEqual('Applications');
-    });
-
-    it('should filter global and show 6 item ', async(() => {
-        fixture.detectChanges();
-
-        const globalFilter = fixture.debugElement.query(By.css('.globalFilter'));
-        globalFilter.nativeElement.value = 'a';
-        globalFilter.nativeElement.dispatchEvent(new Event('input'));
-        fixture.whenStable().then(() => {
-            fixture.detectChanges();
-
-            const tableEl = fixture.debugElement.query(By.css('.filterTreeTable'));
-            const bodyRows = tableEl.query(By.css('.p-treetable-tbody')).queryAll(By.css('tr'));
-            expect(bodyRows.length).toEqual(6);
-        });
-    }));
-
-    it('should filter and show 1 item (contains)', async(() => {
-        fixture.detectChanges();
-
-        const filterEls = fixture.debugElement.queryAll(By.css('.filterInput'));
-        filterEls[0].nativeElement.value = 'a';
-        filterEls[0].nativeElement.dispatchEvent(new Event('input'));
-        fixture.whenStable().then(() => {
-            fixture.detectChanges();
-
-            const tableEl = fixture.debugElement.query(By.css('.filterTreeTable'));
-            let bodyRows = tableEl.query(By.css('.p-treetable-tbody')).queryAll(By.css('tr'));
-            expect(bodyRows.length).toEqual(6);
-            filterEls[0].nativeElement.value = '';
-            filterEls[0].nativeElement.dispatchEvent(new Event('input'));
-            fixture.whenStable().then(() => {
-                fixture.detectChanges();
-
-                bodyRows = tableEl.query(By.css('.p-treetable-tbody')).queryAll(By.css('tr'));
-                expect(bodyRows.length).toEqual(9);
-            });
-        });
-    }));
-
-    it('should filter and show 1 item (endsWith)', async(() => {
-        testcomponent.filterMode = 'endsWith';
-        fixture.detectChanges();
-
-        const filterEls = fixture.debugElement.queryAll(By.css('.filterInput'));
-        filterEls[0].nativeElement.value = 'n';
-        filterEls[0].nativeElement.dispatchEvent(new Event('input'));
-        fixture.whenStable().then(() => {
-            fixture.detectChanges();
-
-            const tableEl = fixture.debugElement.query(By.css('.filterTreeTable'));
-            let bodyRows = tableEl.query(By.css('.p-treetable-tbody')).queryAll(By.css('tr'));
-            expect(bodyRows.length).toEqual(1);
-        });
-    }));
-
-    it('should filter and show 1 item (equals)', async(() => {
-        testcomponent.filterMode = 'equals';
-        fixture.detectChanges();
-
-        const filterEls = fixture.debugElement.queryAll(By.css('.filterInput'));
-        filterEls[0].nativeElement.value = 'Applications';
-        filterEls[0].nativeElement.dispatchEvent(new Event('input'));
-        fixture.whenStable().then(() => {
-            fixture.detectChanges();
-
-            const tableEl = fixture.debugElement.query(By.css('.filterTreeTable'));
-            let bodyRows = tableEl.query(By.css('.p-treetable-tbody')).queryAll(By.css('tr'));
-            expect(bodyRows.length).toEqual(1);
-        });
-    }));
-});
diff --git a/src/app/components/treetable/treetable.ts b/src/app/components/treetable/treetable.ts
deleted file mode 100644
index aaa3eb7..0000000
--- a/src/app/components/treetable/treetable.ts
+++ /dev/null
@@ -1,3825 +0,0 @@
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import {
-    AfterContentInit,
-    AfterViewInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChildren,
-    Directive,
-    ElementRef,
-    EventEmitter,
-    HostListener,
-    Inject,
-    Injectable,
-    Input,
-    NgModule,
-    NgZone,
-    OnChanges,
-    OnDestroy,
-    OnInit,
-    Output,
-    PLATFORM_ID,
-    QueryList,
-    Renderer2,
-    SimpleChanges,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    numberAttribute
-} from '@angular/core';
-import { BlockableUI, FilterMetadata, FilterService, PrimeNGConfig, PrimeTemplate, ScrollerOptions, SharedModule, SortMeta, TreeNode, TreeTableNode } from 'primeng/api';
-import { DomHandler } from 'primeng/dom';
-import { ArrowDownIcon } from 'primeng/icons/arrowdown';
-import { ArrowUpIcon } from 'primeng/icons/arrowup';
-import { CheckIcon } from 'primeng/icons/check';
-import { ChevronDownIcon } from 'primeng/icons/chevrondown';
-import { ChevronRightIcon } from 'primeng/icons/chevronright';
-import { MinusIcon } from 'primeng/icons/minus';
-import { SortAltIcon } from 'primeng/icons/sortalt';
-import { SortAmountDownIcon } from 'primeng/icons/sortamountdown';
-import { SortAmountUpAltIcon } from 'primeng/icons/sortamountupalt';
-import { SpinnerIcon } from 'primeng/icons/spinner';
-import { PaginatorModule } from 'primeng/paginator';
-import { RippleModule } from 'primeng/ripple';
-import { Scroller, ScrollerModule } from 'primeng/scroller';
-import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { ObjectUtils } from 'primeng/utils';
-import { Subject, Subscription } from 'rxjs';
-import {
-    TreeTableColResizeEvent,
-    TreeTableColumnReorderEvent,
-    TreeTableContextMenuSelectEvent,
-    TreeTableEditEvent,
-    TreeTableFilterEvent,
-    TreeTableFilterOptions,
-    TreeTableHeaderCheckboxToggleEvent,
-    TreeTableLazyLoadEvent,
-    TreeTableNodeCollapseEvent,
-    TreeTableNodeExpandEvent,
-    TreeTableNodeUnSelectEvent,
-    TreeTablePaginatorState,
-    TreeTableSortEvent
-} from './treetable.interface';
-
-@Injectable()
-export class TreeTableService {
-    private sortSource = new Subject<SortMeta | SortMeta[] | null>();
-    private selectionSource = new Subject();
-    private contextMenuSource = new Subject<any>();
-    private uiUpdateSource = new Subject<any>();
-    private totalRecordsSource = new Subject<any>();
-
-    sortSource$ = this.sortSource.asObservable();
-    selectionSource$ = this.selectionSource.asObservable();
-    contextMenuSource$ = this.contextMenuSource.asObservable();
-    uiUpdateSource$ = this.uiUpdateSource.asObservable();
-    totalRecordsSource$ = this.totalRecordsSource.asObservable();
-
-    onSort(sortMeta: SortMeta | SortMeta[] | null) {
-        this.sortSource.next(sortMeta);
-    }
-
-    onSelectionChange() {
-        this.selectionSource.next(null);
-    }
-
-    onContextMenu(node: any) {
-        this.contextMenuSource.next(node);
-    }
-
-    onUIUpdate(value: any) {
-        this.uiUpdateSource.next(value);
-    }
-
-    onTotalRecordsChange(value: number) {
-        this.totalRecordsSource.next(value);
-    }
-}
-/**
- * TreeTable is used to display hierarchical data in tabular format.
- * @group Components
- */
-@Component({
-    selector: 'p-treeTable',
-    template: `
-        <div
-            #container
-            [ngStyle]="style"
-            [class]="styleClass"
-            data-scrollselectors=".p-treetable-scrollable-body"
-            [ngClass]="{
-                'p-treetable p-component': true,
-                'p-treetable-hoverable-rows': rowHover || selectionMode === 'single' || selectionMode === 'multiple',
-                'p-treetable-auto-layout': autoLayout,
-                'p-treetable-resizable': resizableColumns,
-                'p-treetable-resizable-fit': resizableColumns && columnResizeMode === 'fit',
-                'p-treetable-flex-scrollable': scrollable && scrollHeight === 'flex'
-            }"
-        >
-            <div class="p-treetable-loading" *ngIf="loading && showLoader">
-                <div class="p-treetable-loading-overlay p-component-overlay">
-                    <i *ngIf="loadingIcon" [class]="'p-treetable-loading-icon pi-spin ' + loadingIcon"></i>
-                    <ng-container *ngIf="!loadingIcon">
-                        <SpinnerIcon *ngIf="!loadingIconTemplate" [spin]="true" [styleClass]="'p-treetable-loading-icon'" />
-                        <span *ngIf="loadingIconTemplate" class="p-treetable-loading-icon">
-                            <ng-template *ngTemplateOutlet="loadingIconTemplate"></ng-template>
-                        </span>
-                    </ng-container>
-                </div>
-            </div>
-            <div *ngIf="captionTemplate" class="p-treetable-header">
-                <ng-container *ngTemplateOutlet="captionTemplate"></ng-container>
-            </div>
-            <p-paginator
-                [rows]="rows"
-                [first]="first"
-                [totalRecords]="totalRecords"
-                [pageLinkSize]="pageLinks"
-                styleClass="p-paginator-top"
-                [alwaysShow]="alwaysShowPaginator"
-                (onPageChange)="onPageChange($event)"
-                [rowsPerPageOptions]="rowsPerPageOptions"
-                *ngIf="paginator && (paginatorPosition === 'top' || paginatorPosition == 'both')"
-                [templateLeft]="paginatorLeftTemplate"
-                [templateRight]="paginatorRightTemplate"
-                [dropdownAppendTo]="paginatorDropdownAppendTo"
-                [currentPageReportTemplate]="currentPageReportTemplate"
-                [showFirstLastIcon]="showFirstLastIcon"
-                [dropdownItemTemplate]="paginatorDropdownItemTemplate"
-                [showCurrentPageReport]="showCurrentPageReport"
-                [showJumpToPageDropdown]="showJumpToPageDropdown"
-                [showPageLinks]="showPageLinks"
-                [styleClass]="paginatorStyleClass"
-                [locale]="paginatorLocale"
-            >
-                <ng-template pTemplate="firstpagelinkicon" *ngIf="paginatorFirstPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorFirstPageLinkIconTemplate"></ng-container>
-                </ng-template>
-
-                <ng-template pTemplate="previouspagelinkicon" *ngIf="paginatorPreviousPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorPreviousPageLinkIconTemplate"></ng-container>
-                </ng-template>
-
-                <ng-template pTemplate="lastpagelinkicon" *ngIf="paginatorLastPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorLastPageLinkIconTemplate"></ng-container>
-                </ng-template>
-
-                <ng-template pTemplate="nextpagelinkicon" *ngIf="paginatorNextPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorNextPageLinkIconTemplate"></ng-container>
-                </ng-template>
-            </p-paginator>
-
-            <div class="p-treetable-wrapper" *ngIf="!scrollable">
-                <table role="table" #table [ngClass]="tableStyleClass" [ngStyle]="tableStyle">
-                    <ng-container *ngTemplateOutlet="colGroupTemplate; context: { $implicit: columns }"></ng-container>
-                    <thead role="rowgroup" class="p-treetable-thead">
-                        <ng-container *ngTemplateOutlet="headerTemplate; context: { $implicit: columns }"></ng-container>
-                    </thead>
-                    <tbody class="p-treetable-tbody" role="rowgroup" [pTreeTableBody]="columns" [pTreeTableBodyTemplate]="bodyTemplate"></tbody>
-                    <tfoot class="p-treetable-tfoot" role="rowgroup">
-                        <ng-container *ngTemplateOutlet="footerTemplate; context: { $implicit: columns }"></ng-container>
-                    </tfoot>
-                </table>
-            </div>
-
-            <div class="p-treetable-scrollable-wrapper" *ngIf="scrollable">
-                <div
-                    class="p-treetable-scrollable-view p-treetable-frozen-view"
-                    *ngIf="frozenColumns || frozenBodyTemplate"
-                    #scrollableFrozenView
-                    [ttScrollableView]="frozenColumns"
-                    [frozen]="true"
-                    [ngStyle]="{ width: frozenWidth }"
-                    [scrollHeight]="scrollHeight"
-                ></div>
-                <div class="p-treetable-scrollable-view" #scrollableView [ttScrollableView]="columns" [frozen]="false" [scrollHeight]="scrollHeight" [ngStyle]="{ left: frozenWidth, width: 'calc(100% - ' + frozenWidth + ')' }"></div>
-            </div>
-
-            <p-paginator
-                [rows]="rows"
-                [first]="first"
-                [totalRecords]="totalRecords"
-                [pageLinkSize]="pageLinks"
-                styleClass="p-paginator-bottom"
-                [alwaysShow]="alwaysShowPaginator"
-                (onPageChange)="onPageChange($event)"
-                [rowsPerPageOptions]="rowsPerPageOptions"
-                *ngIf="paginator && (paginatorPosition === 'bottom' || paginatorPosition == 'both')"
-                [templateLeft]="paginatorLeftTemplate"
-                [templateRight]="paginatorRightTemplate"
-                [dropdownAppendTo]="paginatorDropdownAppendTo"
-                [currentPageReportTemplate]="currentPageReportTemplate"
-                [showFirstLastIcon]="showFirstLastIcon"
-                [dropdownItemTemplate]="paginatorDropdownItemTemplate"
-                [showCurrentPageReport]="showCurrentPageReport"
-                [showJumpToPageDropdown]="showJumpToPageDropdown"
-                [showPageLinks]="showPageLinks"
-                [styleClass]="paginatorStyleClass"
-                [locale]="paginatorLocale"
-            >
-                <ng-template pTemplate="firstpagelinkicon" *ngIf="paginatorFirstPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorFirstPageLinkIconTemplate"></ng-container>
-                </ng-template>
-
-                <ng-template pTemplate="previouspagelinkicon" *ngIf="paginatorPreviousPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorPreviousPageLinkIconTemplate"></ng-container>
-                </ng-template>
-
-                <ng-template pTemplate="lastpagelinkicon" *ngIf="paginatorLastPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorLastPageLinkIconTemplate"></ng-container>
-                </ng-template>
-
-                <ng-template pTemplate="nextpagelinkicon" *ngIf="paginatorNextPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorNextPageLinkIconTemplate"></ng-container>
-                </ng-template>
-            </p-paginator>
-            <div *ngIf="summaryTemplate" class="p-treetable-footer">
-                <ng-container *ngTemplateOutlet="summaryTemplate"></ng-container>
-            </div>
-
-            <div #resizeHelper class="p-column-resizer-helper" [ngStyle]="{ display: 'none' }" *ngIf="resizableColumns"></div>
-            <span #reorderIndicatorUp class="p-treetable-reorder-indicator-up" [ngStyle]="{ display: 'none' }" *ngIf="reorderableColumns">
-                <ArrowDownIcon *ngIf="!reorderIndicatorUpIconTemplate" />
-                <ng-template *ngTemplateOutlet="reorderIndicatorUpIconTemplate"></ng-template>
-            </span>
-            <span #reorderIndicatorDown class="p-treetable-reorder-indicator-down" [ngStyle]="{ display: 'none' }" *ngIf="reorderableColumns">
-                <ArrowUpIcon *ngIf="!reorderIndicatorDownIconTemplate" />
-                <ng-template *ngTemplateOutlet="reorderIndicatorDownIconTemplate"></ng-template>
-            </span>
-        </div>
-    `,
-    providers: [TreeTableService],
-    encapsulation: ViewEncapsulation.None,
-    styleUrls: ['./treetable.css'],
-    host: {
-        class: 'p-element'
-    }
-})
-export class TreeTable implements AfterContentInit, OnInit, OnDestroy, BlockableUI, OnChanges {
-    /**
-     * An array of objects to represent dynamic columns.
-     * @group Props
-     */
-    @Input() columns: any[] | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Inline style of the table.
-     * @group Props
-     */
-    @Input() tableStyle: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the table.
-     * @group Props
-     */
-    @Input() tableStyleClass: string | undefined;
-    /**
-     * Whether the cell widths scale according to their content or not.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autoLayout: boolean | undefined;
-    /**
-     * Defines if data is loaded and interacted with in lazy manner.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) lazy: boolean = false;
-    /**
-     * Whether to call lazy loading on initialization.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) lazyLoadOnInit: boolean = true;
-    /**
-     * When specified as true, enables the pagination.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) paginator: boolean | undefined;
-    /**
-     * Number of rows to display per page.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) rows: number | undefined;
-    /**
-     * Index of the first row to be displayed.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) first: number = 0;
-    /**
-     * Number of page links to display in paginator.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) pageLinks: number = 5;
-    /**
-     * Array of integer/object values to display inside rows per page dropdown of paginator
-     * @group Props
-     */
-    @Input() rowsPerPageOptions: any[] | undefined;
-    /**
-     * Whether to show it even there is only one page.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) alwaysShowPaginator: boolean = true;
-    /**
-     * Position of the paginator.
-     * @group Props
-     */
-    @Input() paginatorPosition: 'top' | 'bottom' | 'both' = 'bottom';
-    /**
-     * Custom style class for paginator
-     * @group Props
-     */
-    @Input() paginatorStyleClass: string | undefined;
-    /**
-     * Target element to attach the paginator dropdown overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
-     * @group Props
-     */
-    @Input() paginatorDropdownAppendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
-    /**
-     * Template of the current page report element. Available placeholders are {currentPage},{totalPages},{rows},{first},{last} and {totalRecords}
-     * @group Props
-     */
-    @Input() currentPageReportTemplate: string = '{currentPage} of {totalPages}';
-    /**
-     * Whether to display current page report.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showCurrentPageReport: boolean | undefined;
-    /**
-     * Whether to display a dropdown to navigate to any page.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showJumpToPageDropdown: boolean | undefined;
-    /**
-     * When enabled, icons are displayed on paginator to go first and last page.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showFirstLastIcon: boolean = true;
-    /**
-     * Whether to show page links.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showPageLinks: boolean = true;
-    /**
-     * Sort order to use when an unsorted column gets sorted by user interaction.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) defaultSortOrder: number = 1;
-    /**
-     * Defines whether sorting works on single column or on multiple columns.
-     * @group Props
-     */
-    @Input() sortMode: 'single' | 'multiple' = 'single';
-    /**
-     * When true, resets paginator to first page after sorting.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) resetPageOnSort: boolean = true;
-    /**
-     * Whether to use the default sorting or a custom one using sortFunction.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) customSort: boolean | undefined;
-    /**
-     * Specifies the selection mode, valid values are "single" and "multiple".
-     * @group Props
-     */
-    @Input() selectionMode: string | undefined;
-    /**
-     * Selected row with a context menu.
-     * @group Props
-     */
-    @Input() contextMenuSelection: any;
-    /**
-     * Mode of the contet menu selection.
-     * @group Props
-     */
-    @Input() contextMenuSelectionMode: string = 'separate';
-    /**
-     * A property to uniquely identify a record in data.
-     * @group Props
-     */
-    @Input() dataKey: string | undefined;
-    /**
-     * Defines whether metaKey is should be considered for the selection. On touch enabled devices, metaKeySelection is turned off automatically.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) metaKeySelection: boolean | undefined = false;
-    /**
-     * Algorithm to define if a row is selected, valid values are "equals" that compares by reference and "deepEquals" that compares all fields.
-     * @group Props
-     */
-    @Input() compareSelectionBy: string = 'deepEquals';
-    /**
-     * Adds hover effect to rows without the need for selectionMode.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) rowHover: boolean | undefined;
-    /**
-     * Displays a loader to indicate data load is in progress.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) loading: boolean | undefined;
-    /**
-     * The icon to show while indicating data load is in progress.
-     * @group Props
-     */
-    @Input() loadingIcon: string | undefined;
-    /**
-     * Whether to show the loading mask when loading property is true.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) showLoader: boolean = true;
-    /**
-     * When specifies, enables horizontal and/or vertical scrolling.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) scrollable: boolean | undefined;
-    /**
-     * Height of the scroll viewport in fixed pixels or the "flex" keyword for a dynamic size.
-     * @group Props
-     */
-    @Input() scrollHeight: string | undefined;
-    /**
-     * Whether the data should be loaded on demand during scroll.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) virtualScroll: boolean | undefined;
-    /**
-     * Height of a row to use in calculations of virtual scrolling.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) virtualScrollItemSize: number | undefined;
-    /**
-     * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.
-     * @group Props
-     */
-    @Input() virtualScrollOptions: ScrollerOptions | undefined;
-    /**
-     * The delay (in milliseconds) before triggering the virtual scroll. This determines the time gap between the user's scroll action and the actual rendering of the next set of items in the virtual scroll.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) virtualScrollDelay: number = 150;
-    /**
-     * Width of the frozen columns container.
-     * @group Props
-     */
-    @Input() frozenWidth: string | undefined;
-    /**
-     * An array of objects to represent dynamic columns that are frozen.
-     * @group Props
-     */
-    @Input() frozenColumns: { [klass: string]: any } | null | undefined;
-    /**
-     * When enabled, columns can be resized using drag and drop.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) resizableColumns: boolean | undefined;
-    /**
-     * Defines whether the overall table width should change on column resize, valid values are "fit" and "expand".
-     * @group Props
-     */
-    @Input() columnResizeMode: string = 'fit';
-    /**
-     * When enabled, columns can be reordered using drag and drop.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) reorderableColumns: boolean | undefined;
-    /**
-     * Local ng-template varilable of a ContextMenu.
-     * @group Props
-     */
-    @Input() contextMenu: any;
-    /**
-     * Function to optimize the dom operations by delegating to ngForTrackBy, default algorithm checks for object identity.
-     * @group Props
-     */
-    @Input() rowTrackBy: Function = (index: number, item: any) => item;
-    /**
-     * An array of FilterMetadata objects to provide external filters.
-     * @group Props
-     */
-    @Input() filters: { [s: string]: FilterMetadata | undefined } = {};
-    /**
-     * An array of fields as string to use in global filtering.
-     * @group Props
-     */
-    @Input() globalFilterFields: string[] | undefined;
-    /**
-     * Delay in milliseconds before filtering the data.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) filterDelay: number = 300;
-    /**
-     * Mode for filtering valid values are "lenient" and "strict". Default is lenient.
-     * @group Props
-     */
-    @Input() filterMode: string = 'lenient';
-    /**
-     * Locale to use in filtering. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    @Input() filterLocale: string | undefined;
-    /**
-     * Locale to be used in paginator formatting.
-     * @group Props
-     */
-    @Input() paginatorLocale: string | undefined;
-    /**
-     * Number of total records, defaults to length of value when not defined.
-     * @group Props
-     */
-    @Input() get totalRecords(): number {
-        return this._totalRecords;
-    }
-    set totalRecords(val: number) {
-        this._totalRecords = val;
-        this.tableService.onTotalRecordsChange(this._totalRecords);
-    }
-    /**
-     * Name of the field to sort data by default.
-     * @group Props
-     */
-    @Input() get sortField(): string | undefined | null {
-        return this._sortField;
-    }
-    set sortField(val: string | undefined | null) {
-        this._sortField = val;
-    }
-    /**
-     * Order to sort when default sorting is enabled.
-     * @defaultValue 1
-     * @group Props
-     */
-    @Input() get sortOrder(): number {
-        return this._sortOrder;
-    }
-    set sortOrder(val: number) {
-        this._sortOrder = val;
-    }
-    /**
-     * An array of SortMeta objects to sort the data by default in multiple sort mode.
-     * @defaultValue null
-     * @group Props
-     */
-    @Input() get multiSortMeta(): SortMeta[] | undefined | null {
-        return this._multiSortMeta;
-    }
-    set multiSortMeta(val: SortMeta[] | undefined | null) {
-        this._multiSortMeta = val;
-    }
-    /**
-     * Selected row in single mode or an array of values in multiple mode.
-     * @defaultValue null
-     * @group Props
-     */
-    @Input() get selection(): any {
-        return this._selection;
-    }
-    set selection(val: any) {
-        this._selection = val;
-    }
-    /**
-     * An array of objects to display.
-     * @defaultValue null
-     * @group Props
-     */
-    @Input() get value(): TreeNode<any>[] | undefined {
-        return this._value;
-    }
-    set value(val: TreeNode<any>[] | undefined) {
-        this._value = val;
-    }
-    /**
-     * Indicates the height of rows to be scrolled.
-     * @defaultValue 28
-     * @group Props
-     * @deprecated use virtualScrollItemSize property instead.
-     */
-    @Input() get virtualRowHeight(): number {
-        return this._virtualRowHeight;
-    }
-    set virtualRowHeight(val: number) {
-        this._virtualRowHeight = val;
-        console.warn('The virtualRowHeight property is deprecated, use virtualScrollItemSize property instead.');
-    }
-    /**
-     * A map of keys to control the selection state.
-     * @group Props
-     */
-    @Input() get selectionKeys(): any {
-        return this._selectionKeys;
-    }
-    set selectionKeys(value: any) {
-        this._selectionKeys = value;
-        this.selectionKeysChange.emit(this._selectionKeys);
-    }
-    /**
-     * Callback to invoke on selected node change.
-     * @param {TreeTableNode} object - Node instance.
-     * @group Emits
-     */
-    @Output() selectionChange: EventEmitter<TreeTableNode<any> | TreeTableNode<any>[] | null> = new EventEmitter<TreeTableNode<any> | TreeTableNode<any>[] | null>();
-    /**
-     * Callback to invoke on context menu selection change.
-     * @param {TreeTableNode} object - Node instance.
-     * @group Emits
-     */
-    @Output() contextMenuSelectionChange: EventEmitter<TreeTableNode> = new EventEmitter<TreeTableNode>();
-    /**
-     * Callback to invoke when data is filtered.
-     * @param {TreeTableFilterEvent} event - Custom filter event.
-     * @group Emits
-     */
-    @Output() onFilter: EventEmitter<TreeTableFilterEvent> = new EventEmitter<TreeTableFilterEvent>();
-    /**
-     * Callback to invoke when a node is expanded.
-     * @param {TreeTableNodeExpandEvent} event - Node expand event.
-     * @group Emits
-     */
-    @Output() onNodeExpand: EventEmitter<TreeTableNodeExpandEvent> = new EventEmitter<TreeTableNodeExpandEvent>();
-    /**
-     * Callback to invoke when a node is collapsed.
-     * @param {TreeTableNodeCollapseEvent} event - Node collapse event.
-     * @group Emits
-     */
-    @Output() onNodeCollapse: EventEmitter<TreeTableNodeCollapseEvent> = new EventEmitter<TreeTableNodeCollapseEvent>();
-    /**
-     * Callback to invoke when pagination occurs.
-     * @param {TreeTablePaginatorState} object - Paginator state.
-     * @group Emits
-     */
-    @Output() onPage: EventEmitter<TreeTablePaginatorState> = new EventEmitter<TreeTablePaginatorState>();
-    /**
-     * Callback to invoke when a column gets sorted.
-     * @param {Object} Object - Sort data.
-     * @group Emits
-     */
-    @Output() onSort: EventEmitter<any> = new EventEmitter<any>();
-    /**
-     * Callback to invoke when paging, sorting or filtering happens in lazy mode.
-     * @param {TreeTableLazyLoadEvent} event - Custom lazy load event.
-     * @group Emits
-     */
-    @Output() onLazyLoad: EventEmitter<TreeTableLazyLoadEvent> = new EventEmitter<TreeTableLazyLoadEvent>();
-    /**
-     * An event emitter to invoke on custom sorting, refer to sorting section for details.
-     * @param {TreeTableSortEvent} event - Custom sort event.
-     * @group Emits
-     */
-    @Output() sortFunction: EventEmitter<TreeTableSortEvent> = new EventEmitter<TreeTableSortEvent>();
-    /**
-     * Callback to invoke when a column is resized.
-     * @param {TreeTableColResizeEvent} event - Custom column resize event.
-     * @group Emits
-     */
-    @Output() onColResize: EventEmitter<TreeTableColResizeEvent> = new EventEmitter<TreeTableColResizeEvent>();
-    /**
-     * Callback to invoke when a column is reordered.
-     * @param {TreeTableColumnReorderEvent} event - Custom column reorder.
-     * @group Emits
-     */
-    @Output() onColReorder: EventEmitter<TreeTableColumnReorderEvent> = new EventEmitter<TreeTableColumnReorderEvent>();
-    /**
-     * Callback to invoke when a node is selected.
-     * @param {TreeTableNode} object - Node instance.
-     * @group Emits
-     */
-    @Output() onNodeSelect: EventEmitter<TreeTableNode> = new EventEmitter<TreeTableNode>();
-    /**
-     * Callback to invoke when a node is unselected.
-     * @param {TreeTableNodeUnSelectEvent} event - Custom node unselect event.
-     * @group Emits
-     */
-    @Output() onNodeUnselect: EventEmitter<TreeTableNodeUnSelectEvent> = new EventEmitter<TreeTableNodeUnSelectEvent>();
-    /**
-     * Callback to invoke when a node is selected with right click.
-     * @param {TreeTableContextMenuSelectEvent} event - Custom context menu select event.
-     * @group Emits
-     */
-    @Output() onContextMenuSelect: EventEmitter<TreeTableContextMenuSelectEvent> = new EventEmitter<TreeTableContextMenuSelectEvent>();
-    /**
-     * Callback to invoke when state of header checkbox changes.
-     * @param {TreeTableHeaderCheckboxToggleEvent} event - Custom checkbox toggle event.
-     * @group Emits
-     */
-    @Output() onHeaderCheckboxToggle: EventEmitter<TreeTableHeaderCheckboxToggleEvent> = new EventEmitter<TreeTableHeaderCheckboxToggleEvent>();
-    /**
-     * Callback to invoke when a cell switches to edit mode.
-     * @param {TreeTableEditEvent} event - Custom edit event.
-     * @group Emits
-     */
-    @Output() onEditInit: EventEmitter<TreeTableEditEvent> = new EventEmitter<TreeTableEditEvent>();
-    /**
-     * Callback to invoke when cell edit is completed.
-     * @param {TreeTableEditEvent} event - Custom edit event.
-     * @group Emits
-     */
-    @Output() onEditComplete: EventEmitter<TreeTableEditEvent> = new EventEmitter<TreeTableEditEvent>();
-    /**
-     * Callback to invoke when cell edit is cancelled with escape key.
-     * @param {TreeTableEditEvent} event - Custom edit event.
-     * @group Emits
-     */
-    @Output() onEditCancel: EventEmitter<TreeTableEditEvent> = new EventEmitter<TreeTableEditEvent>();
-    /**
-     * Callback to invoke when selectionKeys are changed.
-     * @param {Object} object - updated value of the selectionKeys.
-     * @group Emits
-     */
-    @Output() selectionKeysChange: EventEmitter<any> = new EventEmitter();
-
-    @ViewChild('container') containerViewChild: Nullable<ElementRef>;
-
-    @ViewChild('resizeHelper') resizeHelperViewChild: Nullable<ElementRef>;
-
-    @ViewChild('reorderIndicatorUp') reorderIndicatorUpViewChild: Nullable<ElementRef>;
-
-    @ViewChild('reorderIndicatorDown') reorderIndicatorDownViewChild: Nullable<ElementRef>;
-
-    @ViewChild('table') tableViewChild: Nullable<ElementRef>;
-
-    @ViewChild('scrollableView') scrollableViewChild: Nullable<ElementRef>;
-
-    @ViewChild('scrollableFrozenView') scrollableFrozenViewChild: Nullable<ElementRef>;
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-
-    _value: TreeNode<any>[] | undefined = [];
-
-    _virtualRowHeight: number = 28;
-
-    _selectionKeys: any;
-
-    serializedValue: any[] | undefined | null;
-
-    _totalRecords: number = 0;
-
-    _multiSortMeta: SortMeta[] | undefined | null;
-
-    _sortField: string | undefined | null;
-
-    _sortOrder: number = 1;
-
-    filteredNodes: Nullable<any[]>;
-
-    filterTimeout: any;
-
-    colGroupTemplate: Nullable<TemplateRef<any>>;
-
-    captionTemplate: Nullable<TemplateRef<any>>;
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    bodyTemplate: Nullable<TemplateRef<any>>;
-
-    footerTemplate: Nullable<TemplateRef<any>>;
-
-    summaryTemplate: Nullable<TemplateRef<any>>;
-
-    emptyMessageTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorLeftTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorRightTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorDropdownItemTemplate: Nullable<TemplateRef<any>>;
-
-    frozenHeaderTemplate: Nullable<TemplateRef<any>>;
-
-    frozenBodyTemplate: Nullable<TemplateRef<any>>;
-
-    frozenFooterTemplate: Nullable<TemplateRef<any>>;
-
-    frozenColGroupTemplate: Nullable<TemplateRef<any>>;
-
-    loadingIconTemplate: Nullable<TemplateRef<any>>;
-
-    reorderIndicatorUpIconTemplate: Nullable<TemplateRef<any>>;
-
-    reorderIndicatorDownIconTemplate: Nullable<TemplateRef<any>>;
-
-    sortIconTemplate: Nullable<TemplateRef<any>>;
-
-    checkboxIconTemplate: Nullable<TemplateRef<any>>;
-
-    headerCheckboxIconTemplate: Nullable<TemplateRef<any>>;
-
-    togglerIconTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorFirstPageLinkIconTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorLastPageLinkIconTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorPreviousPageLinkIconTemplate: Nullable<TemplateRef<any>>;
-
-    paginatorNextPageLinkIconTemplate: Nullable<TemplateRef<any>>;
-
-    lastResizerHelperX: Nullable<number>;
-
-    reorderIconWidth: Nullable<number>;
-
-    reorderIconHeight: Nullable<number>;
-
-    draggedColumn: Nullable<any[]>;
-
-    dropPosition: Nullable<number>;
-
-    preventSelectionSetterPropagation: Nullable<boolean>;
-
-    _selection: any;
-
-    selectedKeys: any = {};
-
-    rowTouched: Nullable<boolean>;
-
-    editingCell: Nullable<Element>;
-
-    editingCellData: any | undefined | null;
-
-    editingCellField: any | undefined | null;
-
-    editingCellClick: Nullable<boolean>;
-
-    documentEditListener: VoidListener;
-
-    initialized: Nullable<boolean>;
-
-    toggleRowIndex: Nullable<number>;
-
-    ngOnInit() {
-        if (this.lazy && this.lazyLoadOnInit && !this.virtualScroll) {
-            this.onLazyLoad.emit(this.createLazyLoadMetadata());
-        }
-        this.initialized = true;
-    }
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'caption':
-                    this.captionTemplate = item.template;
-                    break;
-
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'body':
-                    this.bodyTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                case 'summary':
-                    this.summaryTemplate = item.template;
-                    break;
-
-                case 'colgroup':
-                    this.colGroupTemplate = item.template;
-                    break;
-
-                case 'emptymessage':
-                    this.emptyMessageTemplate = item.template;
-                    break;
-
-                case 'paginatorleft':
-                    this.paginatorLeftTemplate = item.template;
-                    break;
-
-                case 'paginatorright':
-                    this.paginatorRightTemplate = item.template;
-                    break;
-
-                case 'paginatordropdownitem':
-                    this.paginatorDropdownItemTemplate = item.template;
-                    break;
-
-                case 'frozenheader':
-                    this.frozenHeaderTemplate = item.template;
-                    break;
-
-                case 'frozenbody':
-                    this.frozenBodyTemplate = item.template;
-                    break;
-
-                case 'frozenfooter':
-                    this.frozenFooterTemplate = item.template;
-                    break;
-
-                case 'frozencolgroup':
-                    this.frozenColGroupTemplate = item.template;
-                    break;
-
-                case 'loadingicon':
-                    this.loadingIconTemplate = item.template;
-                    break;
-
-                case 'reorderindicatorupicon':
-                    this.reorderIndicatorUpIconTemplate = item.template;
-                    break;
-
-                case 'reorderindicatordownicon':
-                    this.reorderIndicatorDownIconTemplate = item.template;
-                    break;
-
-                case 'sorticon':
-                    this.sortIconTemplate = item.template;
-                    break;
-
-                case 'checkboxicon':
-                    this.checkboxIconTemplate = item.template;
-                    break;
-
-                case 'headercheckboxicon':
-                    this.headerCheckboxIconTemplate = item.template;
-                    break;
-
-                case 'togglericon':
-                    this.togglerIconTemplate = item.template;
-                    break;
-
-                case 'paginatorfirstpagelinkicon':
-                    this.paginatorFirstPageLinkIconTemplate = item.template;
-                    break;
-
-                case 'paginatorlastpagelinkicon':
-                    this.paginatorLastPageLinkIconTemplate = item.template;
-                    break;
-
-                case 'paginatorpreviouspagelinkicon':
-                    this.paginatorPreviousPageLinkIconTemplate = item.template;
-                    break;
-
-                case 'paginatornextpagelinkicon':
-                    this.paginatorNextPageLinkIconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        private renderer: Renderer2,
-        public el: ElementRef,
-        public cd: ChangeDetectorRef,
-        public zone: NgZone,
-        public tableService: TreeTableService,
-        public filterService: FilterService,
-        public config: PrimeNGConfig
-    ) {}
-
-    ngOnChanges(simpleChange: SimpleChanges) {
-        if (simpleChange.value) {
-            this._value = simpleChange.value.currentValue;
-
-            if (!this.lazy) {
-                this.totalRecords = this._value ? this._value.length : 0;
-
-                if (this.sortMode == 'single' && this.sortField) this.sortSingle();
-                else if (this.sortMode == 'multiple' && this.multiSortMeta) this.sortMultiple();
-                else if (this.hasFilter())
-                    //sort already filters
-                    this._filter();
-            }
-
-            this.updateSerializedValue();
-            this.tableService.onUIUpdate(this.value);
-        }
-
-        if (simpleChange.sortField) {
-            this._sortField = simpleChange.sortField.currentValue;
-
-            //avoid triggering lazy load prior to lazy initialization at onInit
-            if (!this.lazy || this.initialized) {
-                if (this.sortMode === 'single') {
-                    this.sortSingle();
-                }
-            }
-        }
-
-        if (simpleChange.sortOrder) {
-            this._sortOrder = simpleChange.sortOrder.currentValue;
-
-            //avoid triggering lazy load prior to lazy initialization at onInit
-            if (!this.lazy || this.initialized) {
-                if (this.sortMode === 'single') {
-                    this.sortSingle();
-                }
-            }
-        }
-
-        if (simpleChange.multiSortMeta) {
-            this._multiSortMeta = simpleChange.multiSortMeta.currentValue;
-            if (this.sortMode === 'multiple') {
-                this.sortMultiple();
-            }
-        }
-
-        if (simpleChange.selection) {
-            this._selection = simpleChange.selection.currentValue;
-
-            if (!this.preventSelectionSetterPropagation) {
-                this.updateselectedKeys();
-                this.tableService.onSelectionChange();
-            }
-            this.preventSelectionSetterPropagation = false;
-        }
-    }
-
-    updateSerializedValue() {
-        this.serializedValue = [];
-
-        if (this.paginator) this.serializePageNodes();
-        else this.serializeNodes(null, this.filteredNodes || this.value, 0, true);
-    }
-
-    serializeNodes(parent: Nullable<TreeTableNode>, nodes: Nullable<TreeNode[]>, level: Nullable<number>, visible: Nullable<boolean>) {
-        if (nodes && nodes.length) {
-            for (let node of nodes) {
-                node.parent = <TreeTableNode>parent;
-                const rowNode = {
-                    node: node,
-                    parent: parent,
-                    level: level,
-                    visible: visible && (parent ? parent.expanded : true)
-                };
-                (<TreeNode[]>this.serializedValue).push(<TreeTableNode>rowNode);
-
-                if (rowNode.visible && node.expanded) {
-                    this.serializeNodes(node, node.children, <number>level + 1, rowNode.visible);
-                }
-            }
-        }
-    }
-
-    serializePageNodes() {
-        let data = this.filteredNodes || this.value;
-        this.serializedValue = [];
-        if (data && data.length) {
-            const first = this.lazy ? 0 : this.first;
-
-            for (let i = first; i < first + <number>this.rows; i++) {
-                let node = data[i];
-                if (node) {
-                    this.serializedValue.push({
-                        node: node,
-                        parent: <any>null,
-                        level: 0,
-                        visible: true
-                    });
-
-                    this.serializeNodes(node, node.children, 1, true);
-                }
-            }
-        }
-    }
-
-    updateselectedKeys() {
-        if (this.dataKey && this._selection) {
-            this.selectedKeys = {};
-            if (Array.isArray(this._selection)) {
-                for (let node of this._selection) {
-                    this.selectedKeys[String(ObjectUtils.resolveFieldData(node.data, this.dataKey))] = 1;
-                }
-            } else {
-                this.selectedKeys[String(ObjectUtils.resolveFieldData((<any>this._selection).data, this.dataKey))] = 1;
-            }
-        }
-    }
-
-    onPageChange(event: TreeTablePaginatorState) {
-        this.first = <number>event.first;
-        this.rows = <number>event.rows;
-
-        if (this.lazy) this.onLazyLoad.emit(this.createLazyLoadMetadata());
-        else this.serializePageNodes();
-
-        this.onPage.emit({
-            first: this.first,
-            rows: this.rows
-        });
-
-        this.tableService.onUIUpdate(this.value);
-
-        if (this.scrollable) {
-            this.resetScrollTop();
-        }
-    }
-
-    sort(event: TreeTableSortEvent) {
-        let originalEvent = event.originalEvent;
-
-        if (this.sortMode === 'single') {
-            this._sortOrder = this.sortField === event.field ? this.sortOrder * -1 : this.defaultSortOrder;
-            this._sortField = event.field;
-            this.sortSingle();
-
-            if (this.resetPageOnSort && this.scrollable) {
-                this.resetScrollTop();
-            }
-        }
-        if (this.sortMode === 'multiple') {
-            let metaKey = (<KeyboardEvent>originalEvent).metaKey || (<KeyboardEvent>originalEvent).ctrlKey;
-            let sortMeta = this.getSortMeta(<string>event.field);
-
-            if (sortMeta) {
-                if (!metaKey) {
-                    this._multiSortMeta = [{ field: <string>event.field, order: sortMeta.order * -1 }];
-
-                    if (this.resetPageOnSort && this.scrollable) {
-                        this.resetScrollTop();
-                    }
-                } else {
-                    sortMeta.order = sortMeta.order * -1;
-                }
-            } else {
-                if (!metaKey || !this.multiSortMeta) {
-                    this._multiSortMeta = [];
-
-                    if (this.resetPageOnSort && this.scrollable) {
-                        this.resetScrollTop();
-                    }
-                }
-                (<SortMeta[]>this.multiSortMeta).push({ field: <string>event.field, order: this.defaultSortOrder });
-            }
-
-            this.sortMultiple();
-        }
-    }
-
-    sortSingle() {
-        if (this.sortField && this.sortOrder) {
-            if (this.lazy) {
-                this.onLazyLoad.emit(this.createLazyLoadMetadata());
-            } else if (this.value) {
-                this.sortNodes(this.value);
-
-                if (this.hasFilter()) {
-                    this._filter();
-                }
-            }
-
-            let sortMeta: SortMeta = {
-                field: this.sortField,
-                order: this.sortOrder
-            };
-
-            this.onSort.emit(sortMeta);
-            this.tableService.onSort(sortMeta);
-            this.updateSerializedValue();
-        }
-    }
-
-    sortNodes(nodes: TreeNode[]) {
-        if (!nodes || nodes.length === 0) {
-            return;
-        }
-
-        if (this.customSort) {
-            this.sortFunction.emit({
-                data: nodes,
-                mode: this.sortMode,
-                field: <string>this.sortField,
-                order: this.sortOrder
-            });
-        } else {
-            nodes.sort((node1, node2) => {
-                let value1 = ObjectUtils.resolveFieldData(node1.data, this.sortField);
-                let value2 = ObjectUtils.resolveFieldData(node2.data, this.sortField);
-                let result = null;
-
-                if (value1 == null && value2 != null) result = -1;
-                else if (value1 != null && value2 == null) result = 1;
-                else if (value1 == null && value2 == null) result = 0;
-                else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, { numeric: true });
-                else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-
-                return this.sortOrder * result;
-            });
-        }
-
-        for (let node of nodes) {
-            this.sortNodes(node.children as TreeNode[]);
-        }
-    }
-
-    sortMultiple() {
-        if (this.multiSortMeta) {
-            if (this.lazy) {
-                this.onLazyLoad.emit(this.createLazyLoadMetadata());
-            } else if (this.value) {
-                this.sortMultipleNodes(this.value);
-
-                if (this.hasFilter()) {
-                    this._filter();
-                }
-            }
-
-            this.onSort.emit({
-                multisortmeta: this.multiSortMeta
-            });
-            this.updateSerializedValue();
-            this.tableService.onSort(this.multiSortMeta);
-        }
-    }
-
-    sortMultipleNodes(nodes: TreeNode[]) {
-        if (!nodes || nodes.length === 0) {
-            return;
-        }
-
-        if (this.customSort) {
-            this.sortFunction.emit({
-                data: this.value,
-                mode: this.sortMode,
-                multiSortMeta: this.multiSortMeta
-            });
-        } else {
-            nodes.sort((node1, node2) => {
-                return this.multisortField(node1, node2, <SortMeta[]>this.multiSortMeta, 0);
-            });
-        }
-
-        for (let node of nodes) {
-            this.sortMultipleNodes(node.children as TreeNode[]);
-        }
-    }
-
-    multisortField(node1: TreeTableNode, node2: TreeTableNode, multiSortMeta: SortMeta[], index: number): number {
-        if (ObjectUtils.isEmpty(this.multiSortMeta) || ObjectUtils.isEmpty(multiSortMeta[index])) {
-            return 0;
-        }
-
-        let value1 = ObjectUtils.resolveFieldData(node1.data, multiSortMeta[index].field);
-        let value2 = ObjectUtils.resolveFieldData(node2.data, multiSortMeta[index].field);
-        let result = null;
-
-        if (value1 == null && value2 != null) result = -1;
-        else if (value1 != null && value2 == null) result = 1;
-        else if (value1 == null && value2 == null) result = 0;
-        if (typeof value1 == 'string' || value1 instanceof String) {
-            if (value1.localeCompare && value1 != value2) {
-                return multiSortMeta[index].order * value1.localeCompare(value2, undefined, { numeric: true });
-            }
-        } else {
-            result = value1 < value2 ? -1 : 1;
-        }
-
-        if (value1 == value2) {
-            return multiSortMeta.length - 1 > index ? this.multisortField(node1, node2, multiSortMeta, index + 1) : 0;
-        }
-
-        return multiSortMeta[index].order * <number>result;
-    }
-
-    getSortMeta(field: string) {
-        if (this.multiSortMeta && this.multiSortMeta.length) {
-            for (let i = 0; i < this.multiSortMeta.length; i++) {
-                if (this.multiSortMeta[i].field === field) {
-                    return this.multiSortMeta[i];
-                }
-            }
-        }
-
-        return null;
-    }
-
-    isSorted(field: string) {
-        if (this.sortMode === 'single') {
-            return this.sortField && this.sortField === field;
-        } else if (this.sortMode === 'multiple') {
-            let sorted = false;
-            if (this.multiSortMeta) {
-                for (let i = 0; i < this.multiSortMeta.length; i++) {
-                    if (this.multiSortMeta[i].field == field) {
-                        sorted = true;
-                        break;
-                    }
-                }
-            }
-            return sorted;
-        }
-    }
-
-    createLazyLoadMetadata(): any {
-        return {
-            first: this.first,
-            rows: this.rows,
-            sortField: this.sortField,
-            sortOrder: this.sortOrder,
-            filters: this.filters,
-            globalFilter: this.filters && this.filters['global'] ? this.filters['global'].value : null,
-            multiSortMeta: this.multiSortMeta,
-            forceUpdate: () => this.cd.detectChanges()
-        };
-    }
-
-    onLazyItemLoad(event: TreeTableLazyLoadEvent) {
-        this.onLazyLoad.emit({
-            ...this.createLazyLoadMetadata(),
-            ...event,
-            rows: event.last - event.first
-        });
-    }
-    /**
-     * Resets scroll to top.
-     * @group Method
-     */
-    public resetScrollTop() {
-        if (this.virtualScroll) this.scrollToVirtualIndex(0);
-        else this.scrollTo({ top: 0 });
-    }
-    /**
-     * Scrolls to given index when using virtual scroll.
-     * @param {number} index - index of the element.
-     * @group Method
-     */
-    public scrollToVirtualIndex(index: number) {
-        if (this.scrollableViewChild) {
-            (<any>this.scrollableViewChild).scrollToVirtualIndex(<number>index);
-        }
-
-        if (this.scrollableFrozenViewChild) {
-            (<any>this.scrollableViewChild).scrollToVirtualIndex(index);
-        }
-    }
-    /**
-     * Scrolls to given index.
-     * @param {ScrollToOptions} options - Scroll options.
-     * @group Method
-     */
-    public scrollTo(options: ScrollToOptions) {
-        if (this.scrollableViewChild) {
-            (<any>this.scrollableViewChild).scrollTo(options);
-        }
-
-        if (this.scrollableFrozenViewChild) {
-            (<any>this.scrollableViewChild).scrollTo(options);
-        }
-    }
-
-    isEmpty() {
-        let data = this.filteredNodes || this.value;
-        return data == null || data.length == 0;
-    }
-
-    getBlockableElement(): HTMLElement {
-        return this.el.nativeElement.children[0];
-    }
-
-    onColumnResizeBegin(event: MouseEvent) {
-        let containerLeft = DomHandler.getOffset(this.containerViewChild?.nativeElement).left;
-        this.lastResizerHelperX = event.pageX - containerLeft + this.containerViewChild?.nativeElement.scrollLeft;
-        event.preventDefault();
-    }
-
-    onColumnResize(event: MouseEvent) {
-        let containerLeft = DomHandler.getOffset(this.containerViewChild?.nativeElement).left;
-        DomHandler.addClass(this.containerViewChild?.nativeElement, 'p-unselectable-text');
-        (<ElementRef>this.resizeHelperViewChild).nativeElement.style.height = this.containerViewChild?.nativeElement.offsetHeight + 'px';
-        (<ElementRef>this.resizeHelperViewChild).nativeElement.style.top = 0 + 'px';
-        (<ElementRef>this.resizeHelperViewChild).nativeElement.style.left = event.pageX - containerLeft + this.containerViewChild?.nativeElement.scrollLeft + 'px';
-
-        (<ElementRef>this.resizeHelperViewChild).nativeElement.style.display = 'block';
-    }
-
-    onColumnResizeEnd(event: MouseEvent, column: any) {
-        let delta = (<ElementRef>this.resizeHelperViewChild).nativeElement.offsetLeft - <number>this.lastResizerHelperX;
-        let columnWidth = column.offsetWidth;
-        let newColumnWidth = columnWidth + delta;
-        let minWidth = column.style.minWidth || 15;
-
-        if (columnWidth + delta > parseInt(minWidth)) {
-            if (this.columnResizeMode === 'fit') {
-                let nextColumn = column.nextElementSibling;
-                while (!nextColumn.offsetParent) {
-                    nextColumn = nextColumn.nextElementSibling;
-                }
-
-                if (nextColumn) {
-                    let nextColumnWidth = nextColumn.offsetWidth - delta;
-                    let nextColumnMinWidth = nextColumn.style.minWidth || 15;
-
-                    if (newColumnWidth > 15 && nextColumnWidth > parseInt(nextColumnMinWidth)) {
-                        if (this.scrollable) {
-                            let scrollableView = this.findParentScrollableView(column);
-                            let scrollableBodyTable = DomHandler.findSingle(scrollableView, '.p-treetable-scrollable-body table') || DomHandler.findSingle(scrollableView, '.p-scroller-viewport table');
-                            let scrollableHeaderTable = DomHandler.findSingle(scrollableView, 'table.p-treetable-scrollable-header-table');
-                            let scrollableFooterTable = DomHandler.findSingle(scrollableView, 'table.p-treetable-scrollable-footer-table');
-                            let resizeColumnIndex = DomHandler.index(column);
-
-                            this.resizeColGroup(scrollableHeaderTable, resizeColumnIndex, newColumnWidth, nextColumnWidth);
-                            this.resizeColGroup(scrollableBodyTable, resizeColumnIndex, newColumnWidth, nextColumnWidth);
-                            this.resizeColGroup(scrollableFooterTable, resizeColumnIndex, newColumnWidth, nextColumnWidth);
-                        } else {
-                            column.style.width = newColumnWidth + 'px';
-                            if (nextColumn) {
-                                nextColumn.style.width = nextColumnWidth + 'px';
-                            }
-                        }
-                    }
-                }
-            } else if (this.columnResizeMode === 'expand') {
-                if (this.scrollable) {
-                    let scrollableView = this.findParentScrollableView(column);
-                    let scrollableBody = DomHandler.findSingle(scrollableView, '.p-treetable-scrollable-body') || DomHandler.findSingle(scrollableView, '.p-scroller-viewport');
-                    let scrollableHeader = DomHandler.findSingle(scrollableView, '.p-treetable-scrollable-header');
-                    let scrollableFooter = DomHandler.findSingle(scrollableView, '.p-treetable-scrollable-footer');
-                    let scrollableBodyTable = DomHandler.findSingle(scrollableView, '.p-treetable-scrollable-body table') || DomHandler.findSingle(scrollableView, '.p-scroller-viewport table');
-                    let scrollableHeaderTable = DomHandler.findSingle(scrollableView, 'table.p-treetable-scrollable-header-table');
-                    let scrollableFooterTable = DomHandler.findSingle(scrollableView, 'table.p-treetable-scrollable-footer-table');
-                    let resizeColumnIndex = DomHandler.index(column);
-
-                    const scrollableBodyTableWidth = column ? scrollableBodyTable.offsetWidth + delta : newColumnWidth;
-                    const scrollableHeaderTableWidth = column ? scrollableHeaderTable.offsetWidth + delta : newColumnWidth;
-                    const isContainerInViewport = this.containerViewChild?.nativeElement.offsetWidth >= scrollableBodyTableWidth;
-
-                    let setWidth = (container: HTMLElement, table: HTMLElement, width: number, isContainerInViewport: boolean) => {
-                        if (container && table) {
-                            container.style.width = isContainerInViewport ? width + DomHandler.calculateScrollbarWidth(scrollableBody) + 'px' : 'auto';
-                            table.style.width = width + 'px';
-                        }
-                    };
-
-                    setWidth(scrollableBody, scrollableBodyTable, scrollableBodyTableWidth, isContainerInViewport);
-                    setWidth(scrollableHeader, scrollableHeaderTable, scrollableHeaderTableWidth, isContainerInViewport);
-                    setWidth(scrollableFooter, scrollableFooterTable, scrollableHeaderTableWidth, isContainerInViewport);
-
-                    this.resizeColGroup(scrollableHeaderTable, resizeColumnIndex, newColumnWidth, null);
-                    this.resizeColGroup(scrollableBodyTable, resizeColumnIndex, newColumnWidth, null);
-                    this.resizeColGroup(scrollableFooterTable, resizeColumnIndex, newColumnWidth, null);
-                } else {
-                    (<ElementRef>this.tableViewChild).nativeElement.style.width = this.tableViewChild?.nativeElement.offsetWidth + delta + 'px';
-                    column.style.width = newColumnWidth + 'px';
-                    let containerWidth = this.tableViewChild?.nativeElement.style.width;
-                    (<ElementRef>this.containerViewChild).nativeElement.style.width = containerWidth + 'px';
-                }
-            }
-
-            this.onColResize.emit({
-                element: column,
-                delta: delta
-            });
-        }
-
-        (this.resizeHelperViewChild as ElementRef).nativeElement.style.display = 'none';
-        DomHandler.removeClass(this.containerViewChild?.nativeElement, 'p-unselectable-text');
-    }
-
-    findParentScrollableView(column: any) {
-        if (column) {
-            let parent = column.parentElement;
-            while (parent && !DomHandler.hasClass(parent, 'p-treetable-scrollable-view')) {
-                parent = parent.parentElement;
-            }
-
-            return parent;
-        } else {
-            return null;
-        }
-    }
-
-    resizeColGroup(table: Nullable<HTMLElement>, resizeColumnIndex: Nullable<number>, newColumnWidth: Nullable<number>, nextColumnWidth: Nullable<number>) {
-        if (table) {
-            let colGroup = table.children[0].nodeName === 'COLGROUP' ? table.children[0] : null;
-
-            if (colGroup) {
-                let col = colGroup.children[<number>resizeColumnIndex];
-                let nextCol = col.nextElementSibling;
-                (<HTMLElement>col).style.width = newColumnWidth + 'px';
-
-                if (nextCol && nextColumnWidth) {
-                    (<HTMLElement>nextCol).style.width = nextColumnWidth + 'px';
-                }
-            } else {
-                throw 'Scrollable tables require a colgroup to support resizable columns';
-            }
-        }
-    }
-
-    onColumnDragStart(event: DragEvent, columnElement: any) {
-        this.reorderIconWidth = DomHandler.getHiddenElementOuterWidth(this.reorderIndicatorUpViewChild?.nativeElement);
-        this.reorderIconHeight = DomHandler.getHiddenElementOuterHeight(this.reorderIndicatorDownViewChild?.nativeElement);
-        this.draggedColumn = columnElement;
-        (<any>event).dataTransfer.setData('text', 'b'); // For firefox
-    }
-
-    onColumnDragEnter(event: DragEvent, dropHeader: any) {
-        if (this.reorderableColumns && this.draggedColumn && dropHeader) {
-            event.preventDefault();
-            let containerOffset = DomHandler.getOffset(this.containerViewChild?.nativeElement);
-            let dropHeaderOffset = DomHandler.getOffset(dropHeader);
-
-            if (this.draggedColumn != dropHeader) {
-                let targetLeft = dropHeaderOffset.left - containerOffset.left;
-                let targetTop = containerOffset.top - dropHeaderOffset.top;
-                let columnCenter = dropHeaderOffset.left + dropHeader.offsetWidth / 2;
-
-                (<ElementRef>this.reorderIndicatorUpViewChild).nativeElement.style.top = dropHeaderOffset.top - containerOffset.top - (<number>this.reorderIconHeight - 1) + 'px';
-                (<ElementRef>this.reorderIndicatorDownViewChild).nativeElement.style.top = dropHeaderOffset.top - containerOffset.top + dropHeader.offsetHeight + 'px';
-
-                if (event.pageX > columnCenter) {
-                    (<ElementRef>this.reorderIndicatorUpViewChild).nativeElement.style.left = targetLeft + dropHeader.offsetWidth - Math.ceil(<number>this.reorderIconWidth / 2) + 'px';
-                    (<ElementRef>this.reorderIndicatorDownViewChild).nativeElement.style.left = targetLeft + dropHeader.offsetWidth - Math.ceil(<number>this.reorderIconWidth / 2) + 'px';
-                    this.dropPosition = 1;
-                } else {
-                    (<ElementRef>this.reorderIndicatorUpViewChild).nativeElement.style.left = targetLeft - Math.ceil(<number>this.reorderIconWidth / 2) + 'px';
-                    (<ElementRef>this.reorderIndicatorDownViewChild).nativeElement.style.left = targetLeft - Math.ceil(<number>this.reorderIconWidth / 2) + 'px';
-                    this.dropPosition = -1;
-                }
-
-                (<ElementRef>this.reorderIndicatorUpViewChild).nativeElement.style.display = 'block';
-                (<ElementRef>this.reorderIndicatorDownViewChild).nativeElement.style.display = 'block';
-            } else {
-                (<any>event).dataTransfer.dropEffect = 'none';
-            }
-        }
-    }
-
-    onColumnDragLeave(event: DragEvent) {
-        if (this.reorderableColumns && this.draggedColumn) {
-            event.preventDefault();
-            (<ElementRef>this.reorderIndicatorUpViewChild).nativeElement.style.display = 'none';
-            (<ElementRef>this.reorderIndicatorDownViewChild).nativeElement.style.display = 'none';
-        }
-    }
-
-    onColumnDrop(event: DragEvent, dropColumn: any) {
-        event.preventDefault();
-        if (this.draggedColumn) {
-            let dragIndex = DomHandler.indexWithinGroup(this.draggedColumn, 'ttreorderablecolumn');
-            let dropIndex = DomHandler.indexWithinGroup(dropColumn, 'ttreorderablecolumn');
-            let allowDrop = dragIndex != dropIndex;
-            if (allowDrop && ((dropIndex - dragIndex == 1 && this.dropPosition === -1) || (dragIndex - dropIndex == 1 && this.dropPosition === 1))) {
-                allowDrop = false;
-            }
-
-            if (allowDrop && dropIndex < dragIndex && this.dropPosition === 1) {
-                dropIndex = dropIndex + 1;
-            }
-
-            if (allowDrop && dropIndex > dragIndex && this.dropPosition === -1) {
-                dropIndex = dropIndex - 1;
-            }
-
-            if (allowDrop) {
-                ObjectUtils.reorderArray(<any[]>this.columns, dragIndex, dropIndex);
-
-                this.onColReorder.emit({
-                    dragIndex: dragIndex,
-                    dropIndex: dropIndex,
-                    columns: this.columns
-                });
-            }
-
-            (<ElementRef>this.reorderIndicatorUpViewChild).nativeElement.style.display = 'none';
-            (<ElementRef>this.reorderIndicatorDownViewChild).nativeElement.style.display = 'none';
-            (this.draggedColumn as any).draggable = false;
-            this.draggedColumn = null;
-            this.dropPosition = null;
-        }
-    }
-
-    handleRowClick(event: any) {
-        let targetNode = (<HTMLElement>event.originalEvent.target).nodeName;
-        if (targetNode == 'INPUT' || targetNode == 'BUTTON' || targetNode == 'A' || DomHandler.hasClass(event.originalEvent.target, 'p-clickable')) {
-            return;
-        }
-
-        if (this.selectionMode) {
-            this.preventSelectionSetterPropagation = true;
-            let rowNode = event.rowNode;
-            let selected = this.isSelected((<any>rowNode).node);
-            let metaSelection = this.rowTouched ? false : this.metaKeySelection;
-            let dataKeyValue = this.dataKey ? String(ObjectUtils.resolveFieldData((<TreeTableNode>rowNode.node).data, this.dataKey)) : null;
-
-            if (metaSelection) {
-                let keyboardEvent = <KeyboardEvent>event.originalEvent;
-                let metaKey = keyboardEvent.metaKey || keyboardEvent.ctrlKey;
-
-                if (selected && metaKey) {
-                    if (this.isSingleSelectionMode()) {
-                        this._selection = null;
-                        this.selectedKeys = {};
-                        this.selectionChange.emit(null);
-                    } else {
-                        let selectionIndex = this.findIndexInSelection(rowNode.node);
-                        this._selection = this.selection.filter((val: TreeTableNode, i: number) => i != selectionIndex);
-                        this.selectionChange.emit(this.selection);
-                        if (dataKeyValue) {
-                            delete this.selectedKeys[dataKeyValue];
-                        }
-                    }
-
-                    this.onNodeUnselect.emit({ originalEvent: event.originalEvent, node: <TreeTableNode>rowNode.node, type: 'row' });
-                } else {
-                    if (this.isSingleSelectionMode()) {
-                        this._selection = rowNode.node;
-                        this.selectionChange.emit(rowNode.node);
-                        if (dataKeyValue) {
-                            this.selectedKeys = {};
-                            this.selectedKeys[dataKeyValue] = 1;
-                        }
-                    } else if (this.isMultipleSelectionMode()) {
-                        if (metaKey) {
-                            this._selection = this.selection || [];
-                        } else {
-                            this._selection = [];
-                            this.selectedKeys = {};
-                        }
-
-                        this._selection = [...this.selection, rowNode.node];
-                        this.selectionChange.emit(this.selection);
-                        if (dataKeyValue) {
-                            this.selectedKeys[dataKeyValue] = 1;
-                        }
-                    }
-
-                    this.onNodeSelect.emit({ originalEvent: event.originalEvent, node: rowNode.node, type: 'row', index: (<any>event).rowIndex });
-                }
-            } else {
-                if (this.selectionMode === 'single') {
-                    if (selected) {
-                        this._selection = null;
-                        this.selectedKeys = {};
-                        this.selectionChange.emit(this.selection);
-                        this.onNodeUnselect.emit({ originalEvent: event.originalEvent, node: <TreeTableNode>rowNode.node, type: 'row' });
-                    } else {
-                        this._selection = rowNode.node;
-                        this.selectionChange.emit(this.selection);
-                        this.onNodeSelect.emit({ originalEvent: event.originalEvent, node: rowNode.node, type: 'row', index: event.rowIndex });
-                        if (dataKeyValue) {
-                            this.selectedKeys = {};
-                            this.selectedKeys[dataKeyValue] = 1;
-                        }
-                    }
-                } else if (this.selectionMode === 'multiple') {
-                    if (selected) {
-                        let selectionIndex = this.findIndexInSelection(rowNode.node);
-                        this._selection = this.selection.filter((val: TreeTableNode, i: number) => i != selectionIndex);
-                        this.selectionChange.emit(this.selection);
-                        this.onNodeUnselect.emit({ originalEvent: event.originalEvent, node: rowNode.node, type: 'row' });
-                        if (dataKeyValue) {
-                            delete this.selectedKeys[dataKeyValue];
-                        }
-                    } else {
-                        this._selection = this.selection ? [...this.selection, rowNode.node] : [rowNode.node];
-                        this.selectionChange.emit(this.selection);
-                        this.onNodeSelect.emit({ originalEvent: event.originalEvent, node: rowNode.node, type: 'row', index: event.rowIndex });
-                        if (dataKeyValue) {
-                            this.selectedKeys[dataKeyValue] = 1;
-                        }
-                    }
-                }
-            }
-
-            this.tableService.onSelectionChange();
-        }
-
-        this.rowTouched = false;
-    }
-
-    handleRowTouchEnd(event: Event) {
-        this.rowTouched = true;
-    }
-
-    handleRowRightClick(event: any) {
-        if (this.contextMenu) {
-            const node = event.rowNode.node;
-
-            if (this.contextMenuSelectionMode === 'separate') {
-                this.contextMenuSelection = node;
-                this.contextMenuSelectionChange.emit(node);
-                this.onContextMenuSelect.emit({ originalEvent: event.originalEvent, node: node });
-                this.contextMenu.show(event.originalEvent);
-                this.tableService.onContextMenu(node);
-            } else if (this.contextMenuSelectionMode === 'joint') {
-                this.preventSelectionSetterPropagation = true;
-                let selected = this.isSelected(node);
-                let dataKeyValue = this.dataKey ? String(ObjectUtils.resolveFieldData(node.data, this.dataKey)) : null;
-
-                if (!selected) {
-                    if (this.isSingleSelectionMode()) {
-                        this.selection = node;
-                        this.selectionChange.emit(node);
-                    } else if (this.isMultipleSelectionMode()) {
-                        this.selection = [node];
-                        this.selectionChange.emit(this.selection);
-                    }
-
-                    if (dataKeyValue) {
-                        this.selectedKeys[dataKeyValue] = 1;
-                    }
-                }
-
-                this.contextMenu.show(event.originalEvent);
-                this.onContextMenuSelect.emit({ originalEvent: event.originalEvent, node: node });
-            }
-        }
-    }
-
-    toggleNodeWithCheckbox(event: any) {
-        // legacy selection support, will be removed in v18
-        this.selection = this.selection || [];
-        this.preventSelectionSetterPropagation = true;
-        let node = event.rowNode.node;
-        let selected = this.isSelected(node);
-
-        if (selected) {
-            this.propagateSelectionDown(node, false);
-            if (event.rowNode.parent) {
-                this.propagateSelectionUp(node.parent, false);
-            }
-            this.selectionChange.emit(this.selection);
-            this.onNodeUnselect.emit({ originalEvent: event, node: node });
-        } else {
-            this.propagateSelectionDown(node, true);
-            if (event.rowNode.parent) {
-                this.propagateSelectionUp(node.parent, true);
-            }
-            this.selectionChange.emit(this.selection);
-            this.onNodeSelect.emit({ originalEvent: event, node: node });
-        }
-
-        this.tableService.onSelectionChange();
-    }
-
-    toggleNodesWithCheckbox(event: Event, check: boolean) {
-        // legacy selection support, will be removed in v18
-        let data = this.filteredNodes || this.value;
-        this._selection = check && data ? data.slice() : [];
-
-        this.toggleAll(check);
-
-        if (!check) {
-            this._selection = [];
-            this.selectedKeys = {};
-        }
-
-        this.preventSelectionSetterPropagation = true;
-        this.selectionChange.emit(this._selection);
-        this.tableService.onSelectionChange();
-
-        this.onHeaderCheckboxToggle.emit({ originalEvent: event, checked: check });
-    }
-
-    toggleAll(checked: boolean) {
-        let data = this.filteredNodes || this.value;
-
-        if (!this.selectionKeys) {
-            if (data && data.length) {
-                for (let node of data) {
-                    this.propagateSelectionDown(node, checked);
-                }
-            }
-        } else {
-            // legacy selection support, will be removed in v18
-            if (data && data.length) {
-                for (let node of data) {
-                    this.propagateDown(node, checked);
-                }
-                this.selectionKeysChange.emit(this.selectionKeys);
-            }
-        }
-    }
-
-    propagateSelectionUp(node: TreeTableNode, select: boolean) {
-        // legacy selection support, will be removed in v18
-        if (node.children && node.children.length) {
-            let selectedChildCount: number = 0;
-            let childPartialSelected: boolean = false;
-            let dataKeyValue = this.dataKey ? String(ObjectUtils.resolveFieldData(node.data, this.dataKey)) : null;
-
-            for (let child of node.children) {
-                if (this.isSelected(child)) selectedChildCount++;
-                else if (child.partialSelected) childPartialSelected = true;
-            }
-
-            if (select && selectedChildCount == node.children.length) {
-                this._selection = [...(this.selection || []), node];
-                node.partialSelected = false;
-                if (dataKeyValue) {
-                    this.selectedKeys[dataKeyValue] = 1;
-                }
-            } else {
-                if (!select) {
-                    let index = this.findIndexInSelection(node);
-                    if (index >= 0) {
-                        this._selection = this.selection.filter((val: any, i: number) => i != index);
-
-                        if (dataKeyValue) {
-                            delete this.selectedKeys[dataKeyValue];
-                        }
-                    }
-                }
-
-                if (childPartialSelected || (selectedChildCount > 0 && selectedChildCount != node.children.length)) node.partialSelected = true;
-                else node.partialSelected = false;
-            }
-        }
-
-        let parent = node.parent;
-        node.checked = select;
-        if (parent) {
-            this.propagateSelectionUp(parent, select);
-        }
-    }
-
-    propagateSelectionDown(node: TreeTableNode, select: boolean) {
-        // legacy selection support, will be removed in v18
-        let index = this.findIndexInSelection(node);
-        let dataKeyValue = this.dataKey ? String(ObjectUtils.resolveFieldData(node.data, this.dataKey)) : null;
-
-        if (select && index == -1) {
-            this._selection = [...(this.selection || []), node];
-            if (dataKeyValue) {
-                this.selectedKeys[dataKeyValue] = 1;
-            }
-        } else if (!select && index > -1) {
-            this._selection = this.selection.filter((val: any, i: number) => i != index);
-            if (dataKeyValue) {
-                delete this.selectedKeys[dataKeyValue];
-            }
-        }
-
-        node.partialSelected = false;
-        node.checked = select;
-
-        if (node.children && node.children.length) {
-            for (let child of node.children) {
-                this.propagateSelectionDown(child, select);
-            }
-        }
-    }
-
-    isSelected(node: TreeTableNode) {
-        // legacy selection support, will be removed in v18
-        if (node && this.selection) {
-            if (this.dataKey) {
-                if (node.hasOwnProperty('checked')) {
-                    return node['checked'];
-                } else {
-                    return this.selectedKeys[ObjectUtils.resolveFieldData(node.data, this.dataKey)] !== undefined;
-                }
-            } else {
-                if (Array.isArray(this.selection)) return this.findIndexInSelection(node) > -1;
-                else return this.equals(node, this.selection);
-            }
-        }
-
-        return false;
-    }
-
-    isNodeSelected(node) {
-        return this.selectionMode && this.selectionKeys ? this.selectionKeys[this.nodeKey(node)]?.checked === true : false;
-    }
-
-    isNodePartialSelected(node) {
-        return this.selectionMode && this.selectionKeys ? this.selectionKeys[this.nodeKey(node)]?.partialChecked === true : false;
-    }
-
-    nodeKey(node) {
-        return ObjectUtils.resolveFieldData(node, this.dataKey) || ObjectUtils.resolveFieldData(node?.data, this.dataKey);
-    }
-
-    toggleCheckbox(event) {
-        let { rowNode, check, originalEvent } = event;
-        let node = rowNode.node;
-        if (this.selectionKeys) {
-            this.propagateDown(node, check);
-            if (node.parent) {
-                this.propagateUp(node.parent, check);
-            }
-
-            this.selectionKeysChange.emit(this.selectionKeys);
-        } else {
-            this.toggleNodeWithCheckbox({ originalEvent, rowNode });
-        }
-
-        this.tableService.onSelectionChange();
-    }
-
-    propagateDown(node, check) {
-        if (check) {
-            this.selectionKeys[this.nodeKey(node)] = { checked: true, partialChecked: false };
-        } else {
-            delete this.selectionKeys[this.nodeKey(node)];
-        }
-
-        if (node.children && node.children.length) {
-            for (let child of node.children) {
-                this.propagateDown(child, check);
-            }
-        }
-    }
-
-    propagateUp(node, check) {
-        let checkedChildCount = 0;
-        let childPartialSelected = false;
-
-        for (let child of node.children) {
-            if (this.selectionKeys[this.nodeKey(child)] && this.selectionKeys[this.nodeKey(child)].checked) checkedChildCount++;
-            else if (this.selectionKeys[this.nodeKey(child)] && this.selectionKeys[this.nodeKey(child)].partialChecked) childPartialSelected = true;
-        }
-
-        if (check && checkedChildCount === node.children.length) {
-            this.selectionKeys[this.nodeKey(node)] = { checked: true, partialChecked: false };
-        } else {
-            if (!check) {
-                delete this.selectionKeys[this.nodeKey(node)];
-            }
-
-            if (childPartialSelected || (checkedChildCount > 0 && checkedChildCount !== node.children.length)) this.selectionKeys[this.nodeKey(node)] = { checked: false, partialChecked: true };
-            else this.selectionKeys[this.nodeKey(node)] = { checked: false, partialChecked: false };
-        }
-
-        let parent = node.parent;
-        if (parent) {
-            this.propagateUp(parent, check);
-        }
-    }
-
-    findIndexInSelection(node: any) {
-        let index: number = -1;
-        if (this.selection && this.selection.length) {
-            for (let i = 0; i < this.selection.length; i++) {
-                if (this.equals(node, this.selection[i])) {
-                    index = i;
-                    break;
-                }
-            }
-        }
-
-        return index;
-    }
-
-    isSingleSelectionMode() {
-        return this.selectionMode === 'single';
-    }
-
-    isMultipleSelectionMode() {
-        return this.selectionMode === 'multiple';
-    }
-
-    equals(node1: TreeTableNode, node2: TreeTableNode) {
-        return this.compareSelectionBy === 'equals' ? ObjectUtils.equals(node1, node2) : ObjectUtils.equals(node1.data, node2.data, this.dataKey);
-    }
-
-    filter(value: string | string[], field: string, matchMode: string) {
-        if (this.filterTimeout) {
-            clearTimeout(this.filterTimeout);
-        }
-
-        if (!this.isFilterBlank(value)) {
-            this.filters[field] = { value: value, matchMode: matchMode };
-        } else if (this.filters[field]) {
-            delete this.filters[field];
-        }
-
-        this.filterTimeout = setTimeout(() => {
-            this._filter();
-            this.filterTimeout = null;
-        }, this.filterDelay);
-    }
-
-    filterGlobal(value: string, matchMode: string) {
-        this.filter(value, 'global', matchMode);
-    }
-
-    isFilterBlank(filter: any): boolean {
-        if (filter !== null && filter !== undefined) {
-            if ((typeof filter === 'string' && filter.trim().length == 0) || (Array.isArray(filter) && filter.length == 0)) return true;
-            else return false;
-        }
-        return true;
-    }
-
-    _filter() {
-        if (this.lazy) {
-            this.onLazyLoad.emit(this.createLazyLoadMetadata());
-        } else {
-            if (!this.value) {
-                return;
-            }
-
-            if (!this.hasFilter()) {
-                this.filteredNodes = null;
-                if (this.paginator) {
-                    this.totalRecords = this.value ? this.value.length : 0;
-                }
-            } else {
-                let globalFilterFieldsArray;
-                if (this.filters['global']) {
-                    if (!this.columns && !this.globalFilterFields) throw new Error('Global filtering requires dynamic columns or globalFilterFields to be defined.');
-                    else globalFilterFieldsArray = this.globalFilterFields || this.columns;
-                }
-
-                this.filteredNodes = [];
-                const isStrictMode = this.filterMode === 'strict';
-                let isValueChanged = false;
-
-                for (let node of this.value) {
-                    let copyNode = { ...node };
-                    let localMatch = true;
-                    let globalMatch = false;
-                    let paramsWithoutNode;
-
-                    for (let prop in this.filters) {
-                        if (this.filters.hasOwnProperty(prop) && prop !== 'global') {
-                            let filterMeta = <FilterMetadata>this.filters[prop];
-                            let filterField = prop;
-                            let filterValue = filterMeta.value;
-                            let filterMatchMode = filterMeta.matchMode || 'startsWith';
-                            let filterConstraint = (<any>this.filterService).filters[filterMatchMode];
-                            paramsWithoutNode = { filterField, filterValue, filterConstraint, isStrictMode };
-                            if (
-                                (isStrictMode && !(this.findFilteredNodes(copyNode, paramsWithoutNode) || this.isFilterMatched(copyNode, paramsWithoutNode))) ||
-                                (!isStrictMode && !(this.isFilterMatched(copyNode, paramsWithoutNode) || this.findFilteredNodes(copyNode, paramsWithoutNode)))
-                            ) {
-                                localMatch = false;
-                            }
-
-                            if (!localMatch) {
-                                break;
-                            }
-                        }
-                    }
-
-                    if (this.filters['global'] && !globalMatch && globalFilterFieldsArray) {
-                        let copyNodeForGlobal = { ...copyNode };
-                        let filterField = undefined;
-                        let filterValue = this.filters['global'].value;
-                        let filterConstraint = (<any>this.filterService).filters[(<any>this.filters)['global'].matchMode];
-                        paramsWithoutNode = { filterField, filterValue, filterConstraint, isStrictMode, globalFilterFieldsArray };
-
-                        if (
-                            (isStrictMode && (this.findFilteredNodes(copyNodeForGlobal, paramsWithoutNode) || this.isFilterMatched(copyNodeForGlobal, paramsWithoutNode))) ||
-                            (!isStrictMode && (this.isFilterMatched(copyNodeForGlobal, paramsWithoutNode) || this.findFilteredNodes(copyNodeForGlobal, paramsWithoutNode)))
-                        ) {
-                            globalMatch = true;
-                            copyNode = copyNodeForGlobal;
-                        }
-                    }
-
-                    let matches = localMatch;
-                    if (this.filters['global']) {
-                        matches = localMatch && globalMatch;
-                    }
-
-                    if (matches) {
-                        this.filteredNodes.push(copyNode);
-                    }
-
-                    isValueChanged = isValueChanged || !localMatch || globalMatch || (localMatch && this.filteredNodes.length > 0) || (!globalMatch && this.filteredNodes.length === 0);
-                }
-
-                if (!isValueChanged) {
-                    this.filteredNodes = null;
-                }
-
-                if (this.paginator) {
-                    this.totalRecords = this.filteredNodes ? this.filteredNodes.length : this.value ? this.value.length : 0;
-                }
-            }
-            this.cd.markForCheck();
-        }
-
-        this.first = 0;
-
-        const filteredValue = this.filteredNodes || this.value;
-
-        this.onFilter.emit({
-            filters: this.filters,
-            filteredValue: filteredValue
-        });
-
-        this.tableService.onUIUpdate(filteredValue);
-        this.updateSerializedValue();
-
-        if (this.scrollable) {
-            this.resetScrollTop();
-        }
-    }
-
-    findFilteredNodes(node: TreeTableNode, paramsWithoutNode: any) {
-        if (node) {
-            let matched = false;
-            if (node.children) {
-                let childNodes = [...node.children];
-                node.children = [];
-                for (let childNode of childNodes) {
-                    let copyChildNode = { ...childNode };
-                    if (this.isFilterMatched(copyChildNode, paramsWithoutNode)) {
-                        matched = true;
-                        node.children.push(copyChildNode);
-                    }
-                }
-            }
-
-            if (matched) {
-                return true;
-            }
-        }
-    }
-
-    isFilterMatched(node: TreeTableNode, filterOptions: TreeTableFilterOptions) {
-        let { filterField, filterValue, filterConstraint, isStrictMode, globalFilterFieldsArray } = <any>filterOptions;
-        let matched = false;
-        const isMatched = (field: string) => filterConstraint(ObjectUtils.resolveFieldData(node.data, field), filterValue, <string>this.filterLocale);
-
-        matched = globalFilterFieldsArray?.length ? globalFilterFieldsArray.some((globalFilterField) => isMatched(globalFilterField.field || globalFilterField)) : isMatched(filterField);
-
-        if (!matched || (isStrictMode && !this.isNodeLeaf(node))) {
-            matched = this.findFilteredNodes(node, { filterField, filterValue, filterConstraint, isStrictMode, globalFilterFieldsArray }) || matched;
-        }
-
-        return matched;
-    }
-
-    isNodeLeaf(node: TreeTableNode) {
-        return node.leaf === false ? false : !(node.children && node.children.length);
-    }
-
-    hasFilter() {
-        let empty = true;
-        for (let prop in this.filters) {
-            if (this.filters.hasOwnProperty(prop)) {
-                empty = false;
-                break;
-            }
-        }
-
-        return !empty;
-    }
-    /**
-     * Clears the sort and paginator state.
-     * @group Method
-     */
-    public reset() {
-        this._sortField = null;
-        this._sortOrder = 1;
-        this._multiSortMeta = null;
-        this.tableService.onSort(null);
-
-        this.filteredNodes = null;
-        this.filters = {};
-
-        this.first = 0;
-
-        if (this.lazy) {
-            this.onLazyLoad.emit(this.createLazyLoadMetadata());
-        } else {
-            this.totalRecords = this._value ? this._value.length : 0;
-        }
-    }
-
-    updateEditingCell(cell: any, data: any, field: string) {
-        this.editingCell = cell;
-        this.editingCellData = data;
-        this.editingCellField = field;
-        this.bindDocumentEditListener();
-    }
-
-    isEditingCellValid() {
-        return this.editingCell && DomHandler.find(this.editingCell, '.ng-invalid.ng-dirty').length === 0;
-    }
-
-    bindDocumentEditListener() {
-        if (!this.documentEditListener) {
-            this.documentEditListener = this.renderer.listen(this.document, 'click', (event) => {
-                if (this.editingCell && !this.editingCellClick && this.isEditingCellValid()) {
-                    DomHandler.removeClass(this.editingCell, 'p-cell-editing');
-                    this.editingCell = null;
-                    this.onEditComplete.emit({ field: this.editingCellField, data: this.editingCellData });
-                    this.editingCellField = null;
-                    this.editingCellData = null;
-                    this.unbindDocumentEditListener();
-                }
-
-                this.editingCellClick = false;
-            });
-        }
-    }
-
-    unbindDocumentEditListener() {
-        if (this.documentEditListener) {
-            this.documentEditListener();
-            this.documentEditListener = null;
-        }
-    }
-
-    ngOnDestroy() {
-        this.unbindDocumentEditListener();
-        this.editingCell = null;
-        this.editingCellField = null;
-        this.editingCellData = null;
-        this.initialized = null;
-    }
-}
-
-@Component({
-    selector: '[pTreeTableBody]',
-    template: `
-        <ng-template ngFor let-serializedNode let-rowIndex="index" [ngForOf]="serializedNodes || tt.serializedValue" [ngForTrackBy]="tt.rowTrackBy">
-            <ng-container *ngIf="serializedNode.visible">
-                <ng-container *ngTemplateOutlet="template; context: { $implicit: serializedNode, node: serializedNode.node, rowData: serializedNode.node.data, columns: columns }"></ng-container>
-            </ng-container>
-        </ng-template>
-        <ng-container *ngIf="tt.isEmpty()">
-            <ng-container *ngTemplateOutlet="tt.emptyMessageTemplate; context: { $implicit: columns, frozen: frozen }"></ng-container>
-        </ng-container>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class TTBody {
-    @Input('pTreeTableBody') columns: any[] | undefined;
-
-    @Input('pTreeTableBodyTemplate') template: Nullable<TemplateRef<any>>;
-
-    @Input({ transform: booleanAttribute }) frozen: boolean | undefined;
-
-    @Input() serializedNodes: any;
-
-    @Input() scrollerOptions: any;
-
-    subscription: Subscription;
-
-    constructor(
-        public tt: TreeTable,
-        public treeTableService: TreeTableService,
-        public cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.tt.tableService.uiUpdateSource$.subscribe(() => {
-            if (this.tt.virtualScroll) {
-                this.cd.detectChanges();
-            }
-        });
-    }
-
-    getScrollerOption(option: any, options?: any) {
-        if (this.tt.virtualScroll) {
-            options = options || this.scrollerOptions;
-            return options ? options[option] : null;
-        }
-
-        return null;
-    }
-
-    getRowIndex(rowIndex: number) {
-        const getItemOptions = this.getScrollerOption('getItemOptions');
-        return getItemOptions ? getItemOptions(rowIndex).index : rowIndex;
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-@Component({
-    selector: '[ttScrollableView]',
-    template: `
-        <div #scrollHeader class="p-treetable-scrollable-header">
-            <div #scrollHeaderBox class="p-treetable-scrollable-header-box">
-                <table class="p-treetable-scrollable-header-table" [ngClass]="tt.tableStyleClass" [ngStyle]="tt.tableStyle">
-                    <ng-container *ngTemplateOutlet="frozen ? tt.frozenColGroupTemplate || tt.colGroupTemplate : tt.colGroupTemplate; context: { $implicit: columns }"></ng-container>
-                    <thead role="rowgroup" class="p-treetable-thead">
-                        <ng-container *ngTemplateOutlet="frozen ? tt.frozenHeaderTemplate || tt.headerTemplate : tt.headerTemplate; context: { $implicit: columns }"></ng-container>
-                    </thead>
-                </table>
-            </div>
-        </div>
-
-        <p-scroller
-            *ngIf="tt.virtualScroll"
-            #scroller
-            [items]="tt.serializedValue"
-            styleClass="p-treetable-scrollable-body"
-            [style]="{ height: tt.scrollHeight !== 'flex' ? tt.scrollHeight : undefined }"
-            [scrollHeight]="scrollHeight !== 'flex' ? undefined : '100%'"
-            [itemSize]="tt.virtualScrollItemSize || tt._virtualRowHeight"
-            [lazy]="tt.lazy"
-            (onLazyLoad)="tt.onLazyItemLoad($event)"
-            [options]="tt.virtualScrollOptions"
-        >
-            <ng-template pTemplate="content" let-items let-scrollerOptions="options">
-                <ng-container *ngTemplateOutlet="buildInItems; context: { $implicit: items, options: scrollerOptions }"></ng-container>
-            </ng-template>
-            <ng-container *ngIf="loaderTemplate">
-                <ng-template pTemplate="loader" let-scrollerOptions="options">
-                    <ng-container *ngTemplateOutlet="loaderTemplate; context: { options: scrollerOptions }"></ng-container>
-                </ng-template>
-            </ng-container>
-        </p-scroller>
-        <ng-container *ngIf="!tt.virtualScroll">
-            <div #scrollBody class="p-treetable-scrollable-body" [ngStyle]="{ 'max-height': tt.scrollHeight !== 'flex' ? scrollHeight : undefined, 'overflow-y': !frozen && tt.scrollHeight ? 'scroll' : undefined }">
-                <ng-container *ngTemplateOutlet="buildInItems; context: { $implicit: serializedValue, options: {} }"></ng-container>
-            </div>
-        </ng-container>
-
-        <ng-template #buildInItems let-items let-scrollerOptions="options">
-            <table role="table" #scrollTable [class]="tt.tableStyleClass" [ngClass]="scrollerOptions.contentStyleClass" [ngStyle]="getMergedTableStyles(scrollerOptions.contentStyle)">
-                <ng-container *ngTemplateOutlet="frozen ? tt.frozenColGroupTemplate || tt.colGroupTemplate : tt.colGroupTemplate; context: { $implicit: columns }"></ng-container>
-                <tbody role="rowgroup" class="p-treetable-tbody" [pTreeTableBody]="columns" [pTreeTableBodyTemplate]="frozen ? tt.frozenBodyTemplate || tt.bodyTemplate : tt.bodyTemplate" [serializedNodes]="items" [frozen]="frozen"></tbody>
-            </table>
-            <div #scrollableAligner [ngStyle]="{ 'background-color': 'transparent' }" *ngIf="frozen"></div>
-        </ng-template>
-
-        <div #scrollFooter *ngIf="tt.footerTemplate" class="p-treetable-scrollable-footer">
-            <div #scrollFooterBox class="p-treetable-scrollable-footer-box">
-                <table class="p-treetable-scrollable-footer-table" [ngClass]="tt.tableStyleClass" [ngStyle]="tt.tableStyle">
-                    <ng-container *ngTemplateOutlet="frozen ? tt.frozenColGroupTemplate || tt.colGroupTemplate : tt.colGroupTemplate; context: { $implicit: columns }"></ng-container>
-                    <tfoot role="rowgroup" class="p-treetable-tfoot">
-                        <ng-container *ngTemplateOutlet="frozen ? tt.frozenFooterTemplate || tt.footerTemplate : tt.footerTemplate; context: { $implicit: columns }"></ng-container>
-                    </tfoot>
-                </table>
-            </div>
-        </div>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class TTScrollableView implements AfterViewInit, OnDestroy {
-    @Input('ttScrollableView') columns: any[] | undefined;
-
-    @Input({ transform: booleanAttribute }) frozen: boolean | undefined;
-
-    @ViewChild('scrollHeader') scrollHeaderViewChild: Nullable<ElementRef>;
-
-    @ViewChild('scrollHeaderBox') scrollHeaderBoxViewChild: Nullable<ElementRef>;
-
-    @ViewChild('scrollBody') scrollBodyViewChild: Nullable<ElementRef>;
-
-    @ViewChild('scrollTable') scrollTableViewChild: Nullable<ElementRef>;
-
-    @ViewChild('loadingTable') scrollLoadingTableViewChild: Nullable<ElementRef>;
-
-    @ViewChild('scrollFooter') scrollFooterViewChild: Nullable<ElementRef>;
-
-    @ViewChild('scrollFooterBox') scrollFooterBoxViewChild: Nullable<ElementRef>;
-
-    @ViewChild('scrollableAligner') scrollableAlignerViewChild: Nullable<ElementRef>;
-
-    @ViewChild('scroller') scroller: Nullable<Scroller>;
-
-    headerScrollListener: VoidListener;
-
-    bodyScrollListener: VoidListener;
-
-    footerScrollListener: VoidListener;
-
-    frozenSiblingBody: Nullable<Element>;
-
-    totalRecordsSubscription: Nullable<Subscription>;
-
-    _scrollHeight: string | undefined | null;
-
-    preventBodyScrollPropagation: boolean | undefined;
-
-    getMergedTableStyles(contentStyle) {
-        return {
-            ...this.tt.tableStyle,
-            ...contentStyle
-        };
-    }
-
-    @Input() get scrollHeight(): string | undefined | null {
-        return this._scrollHeight;
-    }
-    set scrollHeight(val: string | undefined | null) {
-        this._scrollHeight = val;
-        if (val != null && (val.includes('%') || val.includes('calc'))) {
-            console.log('Percentage scroll height calculation is removed in favor of the more performant CSS based flex mode, use scrollHeight="flex" instead.');
-        }
-    }
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private renderer: Renderer2,
-        public tt: TreeTable,
-        public el: ElementRef,
-        public zone: NgZone
-    ) {}
-
-    ngAfterViewInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (!this.frozen) {
-                if (this.tt.frozenColumns || this.tt.frozenBodyTemplate) {
-                    DomHandler.addClass(this.el.nativeElement, 'p-treetable-unfrozen-view');
-                }
-
-                let frozenView = this.el.nativeElement.previousElementSibling;
-                if (frozenView) {
-                    if (this.tt.virtualScroll) this.frozenSiblingBody = DomHandler.findSingle(frozenView, '.p-scroller-viewport');
-                    else this.frozenSiblingBody = DomHandler.findSingle(frozenView, '.p-treetable-scrollable-body');
-                }
-
-                let scrollBarWidth = DomHandler.calculateScrollbarWidth();
-                (this.scrollHeaderBoxViewChild as ElementRef).nativeElement.style.paddingRight = scrollBarWidth + 'px';
-
-                if (this.scrollFooterBoxViewChild && this.scrollFooterBoxViewChild.nativeElement) {
-                    this.scrollFooterBoxViewChild.nativeElement.style.paddingRight = scrollBarWidth + 'px';
-                }
-            } else {
-                if (this.scrollableAlignerViewChild && this.scrollableAlignerViewChild.nativeElement) {
-                    this.scrollableAlignerViewChild.nativeElement.style.height = DomHandler.calculateScrollbarHeight() + 'px';
-                }
-            }
-
-            this.bindEvents();
-        }
-    }
-
-    bindEvents() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.zone.runOutsideAngular(() => {
-                if (this.scrollHeaderViewChild && this.scrollHeaderViewChild.nativeElement) {
-                    this.headerScrollListener = this.renderer.listen(this.scrollHeaderBoxViewChild?.nativeElement, 'scroll', this.onHeaderScroll.bind(this));
-                }
-
-                if (this.scrollFooterViewChild && this.scrollFooterViewChild.nativeElement) {
-                    this.footerScrollListener = this.renderer.listen(this.scrollFooterViewChild.nativeElement, 'scroll', this.onFooterScroll.bind(this));
-                }
-
-                if (!this.frozen) {
-                    if (this.tt.virtualScroll) {
-                        this.bodyScrollListener = this.renderer.listen((this.scroller?.getElementRef() as ElementRef).nativeElement, 'scroll', this.onBodyScroll.bind(this));
-                    } else {
-                        this.bodyScrollListener = this.renderer.listen(this.scrollBodyViewChild?.nativeElement, 'scroll', this.onBodyScroll.bind(this));
-                    }
-                }
-            });
-        }
-    }
-
-    unbindEvents() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (this.scrollHeaderViewChild && this.scrollHeaderViewChild.nativeElement) {
-                if (this.headerScrollListener) {
-                    this.headerScrollListener();
-                    this.headerScrollListener = null;
-                }
-            }
-
-            if (this.scrollFooterViewChild && this.scrollFooterViewChild.nativeElement) {
-                if (this.footerScrollListener) {
-                    this.footerScrollListener();
-                    this.footerScrollListener = null;
-                }
-            }
-
-            if (this.scrollBodyViewChild && this.scrollBodyViewChild.nativeElement) {
-                if (this.bodyScrollListener) {
-                    this.bodyScrollListener();
-                    this.bodyScrollListener = null;
-                }
-            }
-
-            if (this.scroller && this.scroller.getElementRef()) {
-                if (this.bodyScrollListener) {
-                    this.bodyScrollListener();
-                    this.bodyScrollListener = null;
-                }
-            }
-        }
-    }
-
-    onHeaderScroll() {
-        const scrollLeft = this.scrollHeaderViewChild?.nativeElement.scrollLeft;
-
-        (this.scrollBodyViewChild as ElementRef).nativeElement.scrollLeft = scrollLeft;
-
-        if (this.scrollFooterViewChild && this.scrollFooterViewChild.nativeElement) {
-            this.scrollFooterViewChild.nativeElement.scrollLeft = scrollLeft;
-        }
-
-        this.preventBodyScrollPropagation = true;
-    }
-
-    onFooterScroll() {
-        const scrollLeft = this.scrollFooterViewChild?.nativeElement.scrollLeft;
-        (this.scrollBodyViewChild as ElementRef).nativeElement.scrollLeft = scrollLeft;
-
-        if (this.scrollHeaderViewChild && this.scrollHeaderViewChild.nativeElement) {
-            this.scrollHeaderViewChild.nativeElement.scrollLeft = scrollLeft;
-        }
-
-        this.preventBodyScrollPropagation = true;
-    }
-
-    onBodyScroll(event: any) {
-        if (this.preventBodyScrollPropagation) {
-            this.preventBodyScrollPropagation = false;
-            return;
-        }
-
-        if (this.scrollHeaderViewChild && this.scrollHeaderViewChild.nativeElement) {
-            (this.scrollHeaderBoxViewChild as ElementRef).nativeElement.style.marginLeft = -1 * event.target.scrollLeft + 'px';
-        }
-
-        if (this.scrollFooterViewChild && this.scrollFooterViewChild.nativeElement) {
-            (this.scrollFooterBoxViewChild as ElementRef).nativeElement.style.marginLeft = -1 * event.target.scrollLeft + 'px';
-        }
-
-        if (this.frozenSiblingBody) {
-            this.frozenSiblingBody.scrollTop = event.target.scrollTop;
-        }
-    }
-
-    scrollToVirtualIndex(index: number): void {
-        if (this.scroller) {
-            this.scroller.scrollToIndex(index);
-        }
-    }
-
-    scrollTo(options: ScrollToOptions): void {
-        if (this.scroller) {
-            this.scroller.scrollTo(options);
-        } else {
-            if (this.scrollBodyViewChild?.nativeElement.scrollTo) {
-                this.scrollBodyViewChild.nativeElement.scrollTo(options);
-            } else {
-                (this.scrollBodyViewChild as ElementRef).nativeElement.scrollLeft = options.left;
-                (this.scrollBodyViewChild as ElementRef).nativeElement.scrollTop = options.top;
-            }
-        }
-    }
-
-    ngOnDestroy() {
-        this.unbindEvents();
-
-        this.frozenSiblingBody = null;
-    }
-}
-
-@Directive({
-    selector: '[ttSortableColumn]',
-    host: {
-        class: 'p-element',
-        '[class.p-sortable-column]': 'isEnabled()',
-        '[class.p-highlight]': 'sorted',
-        '[attr.tabindex]': 'isEnabled() ? "0" : null',
-        '[attr.role]': '"columnheader"',
-        '[attr.aria-sort]': 'ariaSorted'
-    }
-})
-export class TTSortableColumn implements OnInit, OnDestroy {
-    @Input('ttSortableColumn') field: string | undefined;
-
-    @Input({ transform: booleanAttribute }) ttSortableColumnDisabled: boolean | undefined;
-
-    sorted: boolean | undefined;
-
-    subscription: Subscription | undefined;
-
-    get ariaSorted() {
-        if (this.sorted && this.tt.sortOrder < 0) return 'descending';
-        else if (this.sorted && this.tt.sortOrder > 0) return 'ascending';
-        else return 'none';
-    }
-
-    constructor(public tt: TreeTable) {
-        if (this.isEnabled()) {
-            this.subscription = this.tt.tableService.sortSource$.subscribe((sortMeta) => {
-                this.updateSortState();
-            });
-        }
-    }
-
-    ngOnInit() {
-        if (this.isEnabled()) {
-            this.updateSortState();
-        }
-    }
-
-    updateSortState() {
-        this.sorted = this.tt.isSorted(<string>this.field) as boolean;
-    }
-
-    @HostListener('click', ['$event'])
-    onClick(event: MouseEvent) {
-        if (this.isEnabled()) {
-            this.updateSortState();
-            this.tt.sort({
-                originalEvent: event,
-                field: this.field
-            });
-
-            DomHandler.clearSelection();
-        }
-    }
-
-    @HostListener('keydown.enter', ['$event'])
-    onEnterKey(event: MouseEvent) {
-        this.onClick(event);
-    }
-
-    isEnabled() {
-        return this.ttSortableColumnDisabled !== true;
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-@Component({
-    selector: 'p-treeTableSortIcon',
-    template: ` <ng-container *ngIf="!tt.sortIconTemplate">
-            <SortAltIcon [styleClass]="'p-sortable-column-icon'" *ngIf="sortOrder === 0" />
-            <SortAmountUpAltIcon [styleClass]="'p-sortable-column-icon'" *ngIf="sortOrder === 1" />
-            <SortAmountDownIcon [styleClass]="'p-sortable-column-icon'" *ngIf="sortOrder === -1" />
-        </ng-container>
-        <span *ngIf="tt.sortIconTemplate" class="p-sortable-column-icon">
-            <ng-template *ngTemplateOutlet="tt.sortIconTemplate; context: { $implicit: sortOrder }"></ng-template>
-        </span>`,
-    encapsulation: ViewEncapsulation.None,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    host: {
-        class: 'p-element'
-    }
-})
-export class TTSortIcon implements OnInit, OnDestroy {
-    @Input() field: string | undefined;
-
-    @Input() ariaLabelDesc: string | undefined;
-
-    @Input() ariaLabelAsc: string | undefined;
-
-    subscription: Subscription | undefined;
-
-    sortOrder: number | undefined;
-
-    constructor(
-        public tt: TreeTable,
-        public cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.tt.tableService.sortSource$.subscribe((sortMeta) => {
-            this.updateSortState();
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnInit() {
-        this.updateSortState();
-    }
-
-    onClick(event: Event) {
-        event.preventDefault();
-    }
-
-    updateSortState() {
-        if (this.tt.sortMode === 'single') {
-            this.sortOrder = this.tt.isSorted(<string>this.field) ? this.tt.sortOrder : 0;
-        } else if (this.tt.sortMode === 'multiple') {
-            let sortMeta = this.tt.getSortMeta(<string>this.field);
-            this.sortOrder = sortMeta ? sortMeta.order : 0;
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-@Directive({
-    selector: '[ttResizableColumn]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class TTResizableColumn implements AfterViewInit, OnDestroy {
-    @Input({ transform: booleanAttribute }) ttResizableColumnDisabled: boolean | undefined;
-
-    resizer: HTMLSpanElement | undefined;
-
-    resizerMouseDownListener: VoidListener;
-
-    documentMouseMoveListener: VoidListener;
-
-    documentMouseUpListener: VoidListener;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private renderer: Renderer2,
-        public tt: TreeTable,
-        public el: ElementRef,
-        public zone: NgZone
-    ) {}
-
-    ngAfterViewInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (this.isEnabled()) {
-                DomHandler.addClass(this.el.nativeElement, 'p-resizable-column');
-                this.resizer = this.renderer.createElement('span');
-                this.renderer.addClass(this.resizer, 'p-column-resizer');
-                this.renderer.appendChild(this.el.nativeElement, this.resizer);
-
-                this.zone.runOutsideAngular(() => {
-                    this.resizerMouseDownListener = this.renderer.listen(this.resizer, 'mousedown', this.onMouseDown.bind(this));
-                });
-            }
-        }
-    }
-
-    bindDocumentEvents() {
-        this.zone.runOutsideAngular(() => {
-            this.documentMouseMoveListener = this.renderer.listen(this.document, 'mousemove', this.onDocumentMouseMove.bind(this));
-            this.documentMouseUpListener = this.renderer.listen(this.document, 'mouseup', this.onDocumentMouseUp.bind(this));
-        });
-    }
-
-    unbindDocumentEvents() {
-        if (this.documentMouseMoveListener) {
-            this.documentMouseMoveListener();
-            this.documentMouseMoveListener = null;
-        }
-
-        if (this.documentMouseUpListener) {
-            this.documentMouseUpListener();
-            this.documentMouseUpListener = null;
-        }
-    }
-
-    onMouseDown(event: MouseEvent) {
-        this.tt.onColumnResizeBegin(event);
-        this.bindDocumentEvents();
-    }
-
-    onDocumentMouseMove(event: MouseEvent) {
-        this.tt.onColumnResize(event);
-    }
-
-    onDocumentMouseUp(event: MouseEvent) {
-        this.tt.onColumnResizeEnd(event, this.el.nativeElement);
-        this.unbindDocumentEvents();
-    }
-
-    isEnabled() {
-        return this.ttResizableColumnDisabled !== true;
-    }
-
-    ngOnDestroy() {
-        if (this.resizerMouseDownListener) {
-            this.resizerMouseDownListener();
-            this.resizerMouseDownListener = null;
-        }
-
-        this.unbindDocumentEvents();
-    }
-}
-
-@Directive({
-    selector: '[ttReorderableColumn]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class TTReorderableColumn implements AfterViewInit, OnDestroy {
-    @Input({ transform: booleanAttribute }) ttReorderableColumnDisabled: boolean | undefined;
-
-    dragStartListener: VoidListener;
-
-    dragOverListener: VoidListener;
-
-    dragEnterListener: VoidListener;
-
-    dragLeaveListener: VoidListener;
-
-    mouseDownListener: VoidListener;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private renderer: Renderer2,
-        public tt: TreeTable,
-        public el: ElementRef,
-        public zone: NgZone
-    ) {}
-
-    ngAfterViewInit() {
-        if (this.isEnabled()) {
-            this.bindEvents();
-        }
-    }
-
-    bindEvents() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.zone.runOutsideAngular(() => {
-                this.mouseDownListener = this.renderer.listen(this.el.nativeElement, 'mousedown', this.onMouseDown.bind(this));
-                this.dragStartListener = this.renderer.listen(this.el.nativeElement, 'dragstart', this.onDragStart.bind(this));
-                this.dragOverListener = this.renderer.listen(this.el.nativeElement, 'dragover', this.onDragEnter.bind(this));
-                this.dragEnterListener = this.renderer.listen(this.el.nativeElement, 'dragenter', this.onDragEnter.bind(this));
-                this.dragLeaveListener = this.renderer.listen(this.el.nativeElement, 'dragleave', this.onDragLeave.bind(this));
-            });
-        }
-    }
-
-    unbindEvents() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (this.mouseDownListener) {
-                this.mouseDownListener();
-                this.mouseDownListener = null;
-            }
-
-            if (this.dragOverListener) {
-                this.dragOverListener();
-                this.dragOverListener = null;
-            }
-
-            if (this.dragEnterListener) {
-                this.dragEnterListener();
-                this.dragEnterListener = null;
-            }
-
-            if (this.dragLeaveListener) {
-                this.dragLeaveListener();
-                this.dragLeaveListener = null;
-            }
-        }
-    }
-
-    onMouseDown(event: any) {
-        if (event.target.nodeName === 'INPUT' || event.target.nodeName === 'TEXTAREA' || DomHandler.hasClass(event.target, 'p-column-resizer')) this.el.nativeElement.draggable = false;
-        else this.el.nativeElement.draggable = true;
-    }
-
-    onDragStart(event: DragEvent) {
-        this.tt.onColumnDragStart(event, this.el.nativeElement);
-    }
-
-    onDragOver(event: DragEvent) {
-        event.preventDefault();
-    }
-
-    onDragEnter(event: DragEvent) {
-        this.tt.onColumnDragEnter(event, this.el.nativeElement);
-    }
-
-    onDragLeave(event: DragEvent) {
-        this.tt.onColumnDragLeave(event);
-    }
-
-    @HostListener('drop', ['$event'])
-    onDrop(event: DragEvent) {
-        if (this.isEnabled()) {
-            this.tt.onColumnDrop(event, this.el.nativeElement);
-        }
-    }
-
-    isEnabled() {
-        return this.ttReorderableColumnDisabled !== true;
-    }
-
-    ngOnDestroy() {
-        this.unbindEvents();
-    }
-}
-
-@Directive({
-    selector: '[ttSelectableRow]',
-    host: {
-        class: 'p-element',
-        '[class.p-highlight]': 'selected',
-        '[attr.data-p-highlight]': 'selected',
-        '[attr.aria-checked]': 'selected'
-    }
-})
-export class TTSelectableRow implements OnInit, OnDestroy {
-    @Input('ttSelectableRow') rowNode: any;
-
-    @Input({ transform: booleanAttribute }) ttSelectableRowDisabled: boolean | undefined;
-
-    selected: boolean | undefined;
-
-    subscription: Subscription | undefined;
-
-    constructor(
-        public tt: TreeTable,
-        public tableService: TreeTableService
-    ) {
-        if (this.isEnabled()) {
-            this.subscription = this.tt.tableService.selectionSource$.subscribe(() => {
-                this.selected = this.tt.isSelected(this.rowNode.node);
-            });
-        }
-    }
-
-    ngOnInit() {
-        if (this.isEnabled()) {
-            this.selected = this.tt.isSelected(this.rowNode.node);
-        }
-    }
-
-    @HostListener('click', ['$event'])
-    onClick(event: Event) {
-        if (this.isEnabled()) {
-            this.tt.handleRowClick({
-                originalEvent: event,
-                rowNode: this.rowNode
-            });
-        }
-    }
-
-    @HostListener('keydown', ['$event'])
-    onKeyDown(event: KeyboardEvent) {
-        switch (event.code) {
-            case 'Enter':
-            case 'Space':
-                this.onEnterKey(event);
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    @HostListener('touchend', ['$event'])
-    onTouchEnd(event: Event) {
-        if (this.isEnabled()) {
-            this.tt.handleRowTouchEnd(event);
-        }
-    }
-
-    onEnterKey(event) {
-        if (this.tt.selectionMode === 'checkbox') {
-            this.tt.toggleNodeWithCheckbox({
-                originalEvent: event,
-                rowNode: this.rowNode
-            });
-        } else {
-            this.onClick(event);
-        }
-        event.preventDefault();
-    }
-
-    isEnabled() {
-        return this.ttSelectableRowDisabled !== true;
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-@Directive({
-    selector: '[ttSelectableRowDblClick]',
-    host: {
-        class: 'p-element',
-        '[class.p-highlight]': 'selected'
-    }
-})
-export class TTSelectableRowDblClick implements OnInit, OnDestroy {
-    @Input('ttSelectableRowDblClick') rowNode: any;
-
-    @Input({ transform: booleanAttribute }) ttSelectableRowDisabled: boolean | undefined;
-
-    selected: boolean | undefined;
-
-    subscription: Subscription | undefined;
-
-    constructor(
-        public tt: TreeTable,
-        public tableService: TreeTableService
-    ) {
-        if (this.isEnabled()) {
-            this.subscription = this.tt.tableService.selectionSource$.subscribe(() => {
-                this.selected = this.tt.isSelected(this.rowNode.node);
-            });
-        }
-    }
-
-    ngOnInit() {
-        if (this.isEnabled()) {
-            this.selected = this.tt.isSelected(this.rowNode.node);
-        }
-    }
-
-    @HostListener('dblclick', ['$event'])
-    onClick(event: Event) {
-        if (this.isEnabled()) {
-            this.tt.handleRowClick({
-                originalEvent: event,
-                rowNode: this.rowNode
-            });
-        }
-    }
-
-    isEnabled() {
-        return this.ttSelectableRowDisabled !== true;
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-@Directive({
-    selector: '[ttContextMenuRow]',
-    host: {
-        class: 'p-element',
-        '[class.p-highlight-contextmenu]': 'selected',
-        '[attr.tabindex]': 'isEnabled() ? 0 : undefined'
-    }
-})
-export class TTContextMenuRow {
-    @Input('ttContextMenuRow') rowNode: any | undefined;
-
-    @Input({ transform: booleanAttribute }) ttContextMenuRowDisabled: boolean | undefined;
-
-    selected: boolean | undefined;
-
-    subscription: Subscription | undefined;
-
-    constructor(
-        public tt: TreeTable,
-        public tableService: TreeTableService,
-        private el: ElementRef
-    ) {
-        if (this.isEnabled()) {
-            this.subscription = this.tt.tableService.contextMenuSource$.subscribe((node) => {
-                this.selected = this.tt.equals(this.rowNode.node, node);
-            });
-        }
-    }
-
-    @HostListener('contextmenu', ['$event'])
-    onContextMenu(event: Event) {
-        if (this.isEnabled()) {
-            this.tt.handleRowRightClick({
-                originalEvent: event,
-                rowNode: this.rowNode
-            });
-
-            this.el.nativeElement.focus();
-
-            event.preventDefault();
-        }
-    }
-
-    isEnabled() {
-        return this.ttContextMenuRowDisabled !== true;
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-@Component({
-    selector: 'p-treeTableCheckbox',
-    template: `
-        <div class="p-checkbox p-component" [ngClass]="{ 'p-checkbox-focused': focused, 'p-variant-filled': tt.config.inputStyle() === 'filled' }" (click)="onClick($event)">
-            <div class="p-hidden-accessible">
-                <input type="checkbox" [checked]="checked" (focus)="onFocus()" (blur)="onBlur()" tabindex="-1" />
-            </div>
-            <div #box [ngClass]="{ 'p-checkbox-box': true, 'p-highlight': checked, 'p-focus': focused, 'p-indeterminate': partialChecked, 'p-disabled': disabled }" role="checkbox" [attr.aria-checked]="checked">
-                <ng-container *ngIf="!tt.checkboxIconTemplate">
-                    <CheckIcon [styleClass]="'p-checkbox-icon'" *ngIf="checked" />
-                    <MinusIcon [styleClass]="'p-checkbox-icon'" *ngIf="partialChecked" />
-                </ng-container>
-                <span *ngIf="tt.checkboxIconTemplate">
-                    <ng-template *ngTemplateOutlet="tt.checkboxIconTemplate; context: { $implicit: checked, partialSelected: partialChecked }"></ng-template>
-                </span>
-            </div>
-        </div>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    host: {
-        class: 'p-element'
-    }
-})
-export class TTCheckbox {
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-
-    @Input('value') rowNode: any;
-
-    checked: boolean | undefined;
-
-    partialChecked: boolean | undefined;
-
-    focused: boolean | undefined;
-
-    subscription: Subscription | undefined;
-
-    constructor(
-        public tt: TreeTable,
-        public tableService: TreeTableService,
-        public cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.tt.tableService.selectionSource$.subscribe(() => {
-            if (this.tt.selectionKeys) {
-                this.checked = this.tt.isNodeSelected(this.rowNode.node);
-                this.partialChecked = this.tt.isNodePartialSelected(this.rowNode.node);
-            } else {
-                this.checked = this.tt.isSelected(this.rowNode.node);
-                this.partialChecked = this.rowNode.node.partialSelected;
-            }
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnInit() {
-        if (this.tt.selectionKeys) {
-            this.checked = this.tt.isNodeSelected(this.rowNode.node);
-            this.partialChecked = this.tt.isNodePartialSelected(this.rowNode.node);
-        } else {
-            // for backward compatibility
-            this.checked = this.tt.isSelected(this.rowNode.node);
-            this.partialChecked = this.rowNode.node.partialSelected;
-        }
-    }
-
-    onClick(event: Event) {
-        if (!this.disabled) {
-            if (this.tt.selectionKeys) {
-                const _check = !this.checked;
-                this.tt.toggleCheckbox({
-                    originalEvent: event,
-                    check: _check,
-                    rowNode: this.rowNode
-                });
-            } else {
-                this.tt.toggleNodeWithCheckbox({
-                    originalEvent: event,
-                    rowNode: this.rowNode
-                });
-            }
-        }
-        DomHandler.clearSelection();
-    }
-
-    onFocus() {
-        this.focused = true;
-    }
-
-    onBlur() {
-        this.focused = false;
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}
-
-@Component({
-    selector: 'p-treeTableHeaderCheckbox',
-    template: `
-        <div class="p-checkbox p-component" [ngClass]="{ 'p-checkbox-focused': focused }" (click)="onClick($event, cb.checked)">
-            <div class="p-hidden-accessible">
-                <input #cb type="checkbox" [checked]="checked" (focus)="onFocus()" (blur)="onBlur()" [disabled]="!tt.value || tt.value.length === 0" />
-            </div>
-            <div #box [ngClass]="{ 'p-checkbox-box': true, 'p-highlight': checked, 'p-focus': focused, 'p-disabled': !tt.value || tt.value.length === 0 }" role="checkbox" [attr.aria-checked]="checked">
-                <ng-container *ngIf="!tt.headerCheckboxIconTemplate">
-                    <CheckIcon *ngIf="checked" [styleClass]="'p-checkbox-icon'" />
-                </ng-container>
-                <span class="p-checkbox-icon" *ngIf="tt.headerCheckboxIconTemplate">
-                    <ng-template *ngTemplateOutlet="tt.headerCheckboxIconTemplate; context: { $implicit: checked }"></ng-template>
-                </span>
-            </div>
-        </div>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    host: {
-        class: 'p-element'
-    }
-})
-export class TTHeaderCheckbox {
-    @ViewChild('box') boxViewChild: ElementRef | undefined;
-
-    checked: boolean | undefined;
-
-    focused: boolean | undefined;
-
-    disabled: boolean | undefined;
-
-    selectionChangeSubscription: Subscription;
-
-    valueChangeSubscription: Subscription;
-
-    constructor(
-        public tt: TreeTable,
-        public tableService: TreeTableService,
-        private cd: ChangeDetectorRef
-    ) {
-        this.valueChangeSubscription = this.tt.tableService.uiUpdateSource$.subscribe(() => {
-            this.checked = this.updateCheckedState();
-        });
-
-        this.selectionChangeSubscription = this.tt.tableService.selectionSource$.subscribe(() => {
-            this.checked = this.updateCheckedState();
-        });
-    }
-
-    ngOnInit() {
-        this.checked = this.updateCheckedState();
-    }
-
-    onClick(event: Event, checked: boolean) {
-        if ((this.tt.value || this.tt.filteredNodes) && (this.tt.value.length > 0 || this.tt.filteredNodes.length > 0)) {
-            this.tt.toggleNodesWithCheckbox(event, !checked);
-        }
-
-        DomHandler.clearSelection();
-    }
-
-    onFocus() {
-        this.focused = true;
-    }
-
-    onBlur() {
-        this.focused = false;
-    }
-
-    ngOnDestroy() {
-        if (this.selectionChangeSubscription) {
-            this.selectionChangeSubscription.unsubscribe();
-        }
-
-        if (this.valueChangeSubscription) {
-            this.valueChangeSubscription.unsubscribe();
-        }
-    }
-
-    updateCheckedState() {
-        this.cd.markForCheck();
-        let checked!: boolean;
-        const data = this.tt.filteredNodes || this.tt.value;
-
-        if (data) {
-            if (this.tt.selectionKeys) {
-                for (let node of data) {
-                    if (this.tt.isNodeSelected(node)) {
-                        checked = true;
-                    } else {
-                        checked = false;
-                        break;
-                    }
-                }
-            }
-            if (!this.tt.selectionKeys) {
-                // legacy selection support, will be removed in v18
-                for (let node of data) {
-                    if (this.tt.isSelected(node)) {
-                        checked = true;
-                    } else {
-                        checked = false;
-                        break;
-                    }
-                }
-            }
-        } else {
-            checked = false;
-        }
-
-        return checked;
-    }
-}
-
-@Directive({
-    selector: '[ttEditableColumn]',
-    host: {
-        class: 'p-element'
-    }
-})
-export class TTEditableColumn implements AfterViewInit {
-    @Input('ttEditableColumn') data: any;
-
-    @Input('ttEditableColumnField') field: any;
-
-    @Input({ transform: booleanAttribute }) ttEditableColumnDisabled: boolean | undefined;
-
-    constructor(
-        public tt: TreeTable,
-        public el: ElementRef,
-        public zone: NgZone
-    ) {}
-
-    ngAfterViewInit() {
-        if (this.isEnabled()) {
-            DomHandler.addClass(this.el.nativeElement, 'p-editable-column');
-        }
-    }
-
-    @HostListener('click', ['$event'])
-    onClick(event: MouseEvent) {
-        if (this.isEnabled()) {
-            this.tt.editingCellClick = true;
-
-            if (this.tt.editingCell) {
-                if (this.tt.editingCell !== this.el.nativeElement) {
-                    if (!this.tt.isEditingCellValid()) {
-                        return;
-                    }
-
-                    DomHandler.removeClass(this.tt.editingCell, 'p-cell-editing');
-                    this.openCell();
-                }
-            } else {
-                this.openCell();
-            }
-        }
-    }
-
-    openCell() {
-        this.tt.updateEditingCell(this.el.nativeElement, this.data, this.field);
-        DomHandler.addClass(this.el.nativeElement, 'p-cell-editing');
-        this.tt.onEditInit.emit({ field: this.field, data: this.data });
-        this.tt.editingCellClick = true;
-        this.zone.runOutsideAngular(() => {
-            setTimeout(() => {
-                let focusable = DomHandler.findSingle(this.el.nativeElement, 'input, textarea');
-                if (focusable) {
-                    focusable.focus();
-                }
-            }, 50);
-        });
-    }
-
-    closeEditingCell() {
-        DomHandler.removeClass(this.tt.editingCell, 'p-checkbox-icon');
-        this.tt.editingCell = null;
-        this.tt.unbindDocumentEditListener();
-    }
-
-    @HostListener('keydown', ['$event'])
-    onKeyDown(event: KeyboardEvent) {
-        if (this.isEnabled()) {
-            if (event.code == 'Enter' && !event.shiftKey) {
-                if (this.tt.isEditingCellValid()) {
-                    DomHandler.removeClass(this.tt.editingCell, 'p-cell-editing');
-                    this.closeEditingCell();
-                    this.tt.onEditComplete.emit({ field: this.field, data: this.data });
-                }
-
-                event.preventDefault();
-            } else if (event.code == 'Escape') {
-                if (this.tt.isEditingCellValid()) {
-                    DomHandler.removeClass(this.tt.editingCell, 'p-cell-editing');
-                    this.closeEditingCell();
-                    this.tt.onEditCancel.emit({ field: this.field, data: this.data });
-                }
-
-                event.preventDefault();
-            } else if (event.code == 'Tab') {
-                this.tt.onEditComplete.emit({ field: this.field, data: this.data });
-
-                if (event.shiftKey) this.moveToPreviousCell(event);
-                else this.moveToNextCell(event);
-            }
-        }
-    }
-
-    findCell(element: any) {
-        if (element) {
-            let cell = element;
-            while (cell && !DomHandler.hasClass(cell, 'p-cell-editing')) {
-                cell = cell.parentElement;
-            }
-
-            return cell;
-        } else {
-            return null;
-        }
-    }
-
-    moveToPreviousCell(event: KeyboardEvent) {
-        let currentCell = this.findCell(event.target);
-        let row = currentCell.parentElement;
-        let targetCell = this.findPreviousEditableColumn(currentCell);
-
-        if (targetCell) {
-            DomHandler.invokeElementMethod(targetCell, 'click');
-            event.preventDefault();
-        }
-    }
-
-    moveToNextCell(event: KeyboardEvent) {
-        let currentCell = this.findCell(event.target);
-        let row = currentCell.parentElement;
-        let targetCell = this.findNextEditableColumn(currentCell);
-
-        if (targetCell) {
-            DomHandler.invokeElementMethod(targetCell, 'click');
-            event.preventDefault();
-        }
-    }
-
-    findPreviousEditableColumn(cell: any): Element | null {
-        let prevCell = cell.previousElementSibling;
-
-        if (!prevCell) {
-            let previousRow = cell.parentElement ? cell.parentElement.previousElementSibling : null;
-            if (previousRow) {
-                prevCell = previousRow.lastElementChild;
-            }
-        }
-
-        if (prevCell) {
-            if (DomHandler.hasClass(prevCell, 'p-editable-column')) return prevCell;
-            else return this.findPreviousEditableColumn(prevCell);
-        } else {
-            return null;
-        }
-    }
-
-    findNextEditableColumn(cell: Element): Element | null {
-        let nextCell = cell.nextElementSibling;
-
-        if (!nextCell) {
-            let nextRow = cell.parentElement ? cell.parentElement.nextElementSibling : null;
-            if (nextRow) {
-                nextCell = nextRow.firstElementChild;
-            }
-        }
-
-        if (nextCell) {
-            if (DomHandler.hasClass(nextCell, 'p-editable-column')) return nextCell;
-            else return this.findNextEditableColumn(nextCell);
-        } else {
-            return null;
-        }
-    }
-
-    isEnabled() {
-        return this.ttEditableColumnDisabled !== true;
-    }
-}
-
-@Component({
-    selector: 'p-treeTableCellEditor',
-    template: `
-        <ng-container *ngIf="tt.editingCell === editableColumn.el.nativeElement">
-            <ng-container *ngTemplateOutlet="inputTemplate"></ng-container>
-        </ng-container>
-        <ng-container *ngIf="!tt.editingCell || tt.editingCell !== editableColumn.el.nativeElement">
-            <ng-container *ngTemplateOutlet="outputTemplate"></ng-container>
-        </ng-container>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class TreeTableCellEditor implements AfterContentInit {
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-
-    inputTemplate: Nullable<TemplateRef<any>>;
-
-    outputTemplate: Nullable<TemplateRef<any>>;
-
-    constructor(
-        public tt: TreeTable,
-        public editableColumn: TTEditableColumn
-    ) {}
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'input':
-                    this.inputTemplate = item.template;
-                    break;
-
-                case 'output':
-                    this.outputTemplate = item.template;
-                    break;
-            }
-        });
-    }
-}
-
-@Directive({
-    selector: '[ttRow]',
-    host: {
-        class: 'p-element',
-        '[class]': `'p-element ' + styleClass`,
-        '[attr.tabindex]': "'0'",
-        '[attr.aria-expanded]': 'expanded',
-        '[attr.aria-level]': 'level',
-        '[attr.data-pc-section]': 'row',
-        '[attr.role]': 'row'
-    }
-})
-export class TTRow {
-    get level() {
-        return this.rowNode?.['level'] + 1;
-    }
-
-    get styleClass() {
-        return this.rowNode?.node['styleClass'] || '';
-    }
-
-    get expanded() {
-        return this.rowNode?.node['expanded'];
-    }
-
-    @Input('ttRow') rowNode: any;
-
-    constructor(
-        public tt: TreeTable,
-        public el: ElementRef,
-        public zone: NgZone
-    ) {}
-
-    @HostListener('keydown', ['$event'])
-    onKeyDown(event: KeyboardEvent) {
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onArrowDownKey(event);
-                break;
-
-            case 'ArrowUp':
-                this.onArrowUpKey(event);
-                break;
-
-            case 'ArrowRight':
-                this.onArrowRightKey(event);
-                break;
-
-            case 'ArrowLeft':
-                this.onArrowLeftKey(event);
-                break;
-
-            case 'Tab':
-                this.onTabKey(event);
-                break;
-
-            case 'Home':
-                this.onHomeKey(event);
-                break;
-
-            case 'End':
-                this.onEndKey(event);
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    onArrowDownKey(event: KeyboardEvent) {
-        let nextRow = this.el?.nativeElement?.nextElementSibling;
-        if (nextRow) {
-            this.focusRowChange(<HTMLElement>event.currentTarget, nextRow);
-        }
-
-        event.preventDefault();
-    }
-
-    onArrowUpKey(event: KeyboardEvent) {
-        let prevRow = this.el?.nativeElement?.previousElementSibling;
-        if (prevRow) {
-            this.focusRowChange(<HTMLElement>event.currentTarget, prevRow);
-        }
-
-        event.preventDefault();
-    }
-
-    onArrowRightKey(event: KeyboardEvent) {
-        const currentTarget = <HTMLElement>event.currentTarget;
-        const isHiddenIcon = DomHandler.findSingle(currentTarget, 'button').style.visibility === 'hidden';
-
-        if (!isHiddenIcon && !this.expanded && this.rowNode.node['children']) {
-            this.expand(event);
-
-            currentTarget.tabIndex = -1;
-        }
-        event.preventDefault();
-    }
-
-    onArrowLeftKey(event: KeyboardEvent) {
-        const container = this.tt.containerViewChild?.nativeElement;
-        const expandedRows = DomHandler.find(container, '[aria-expanded="true"]');
-        const lastExpandedRow = expandedRows[expandedRows.length - 1];
-
-        if (this.expanded) {
-            this.collapse(event);
-        }
-        if (lastExpandedRow) {
-            this.tt.toggleRowIndex = DomHandler.index(lastExpandedRow);
-        }
-        this.restoreFocus();
-        event.preventDefault();
-    }
-
-    onHomeKey(event: KeyboardEvent) {
-        const firstElement = DomHandler.findSingle(this.tt.containerViewChild?.nativeElement, `tr[aria-level="${this.level}"]`);
-        firstElement && DomHandler.focus(firstElement);
-        event.preventDefault();
-    }
-
-    onEndKey(event: KeyboardEvent) {
-        const nodes = DomHandler.find(this.tt.containerViewChild?.nativeElement, `tr[aria-level="${this.level}"]`);
-        const lastElement = nodes[nodes.length - 1];
-        DomHandler.focus(lastElement);
-        event.preventDefault();
-    }
-
-    onTabKey(event: KeyboardEvent) {
-        const rows = this.el.nativeElement ? [...DomHandler.find(this.el.nativeElement.parentNode, 'tr')] : undefined;
-
-        if (rows && ObjectUtils.isNotEmpty(rows)) {
-            const hasSelectedRow = rows.some((row) => DomHandler.getAttribute(row, 'data-p-highlight') || row.getAttribute('aria-checked') === 'true');
-            rows.forEach((row) => {
-                row.tabIndex = -1;
-            });
-
-            if (hasSelectedRow) {
-                const selectedNodes = rows.filter((node) => DomHandler.getAttribute(node, 'data-p-highlight') || node.getAttribute('aria-checked') === 'true');
-                selectedNodes[0].tabIndex = 0;
-
-                return;
-            }
-
-            rows[0].tabIndex = 0;
-        }
-    }
-
-    expand(event: Event) {
-        this.tt.toggleRowIndex = DomHandler.index(this.el.nativeElement);
-        this.rowNode.node['expanded'] = true;
-
-        this.tt.updateSerializedValue();
-        this.tt.tableService.onUIUpdate(this.tt.value);
-        this.rowNode.node['children'] ? this.restoreFocus(this.tt.toggleRowIndex + 1) : this.restoreFocus();
-
-        this.tt.onNodeExpand.emit({
-            originalEvent: event,
-            node: this.rowNode.node
-        });
-    }
-
-    collapse(event: Event) {
-        this.rowNode.node['expanded'] = false;
-
-        this.tt.updateSerializedValue();
-        this.tt.tableService.onUIUpdate(this.tt.value);
-
-        this.tt.onNodeCollapse.emit({ originalEvent: event, node: this.rowNode.node });
-    }
-
-    focusRowChange(firstFocusableRow, currentFocusedRow, lastVisibleDescendant?) {
-        firstFocusableRow.tabIndex = '-1';
-        currentFocusedRow.tabIndex = '0';
-
-        DomHandler.focus(currentFocusedRow);
-    }
-
-    restoreFocus(index?) {
-        this.zone.runOutsideAngular(() => {
-            setTimeout(() => {
-                const container = this.tt.containerViewChild?.nativeElement;
-                const row = DomHandler.findSingle(container, '.p-treetable-tbody').children[<number>index || this.tt.toggleRowIndex];
-                const rows = [...DomHandler.find(container, 'tr')];
-
-                rows &&
-                    rows.forEach((r) => {
-                        if (!row.isSameNode(r)) {
-                            r.tabIndex = -1;
-                        }
-                    });
-
-                if (row) {
-                    row.tabIndex = 0;
-                    row.focus();
-                }
-            }, 25);
-        });
-    }
-}
-
-@Component({
-    selector: 'p-treeTableToggler',
-    template: `
-        <button
-            type="button"
-            class="p-treetable-toggler p-link"
-            (click)="onClick($event)"
-            tabindex="-1"
-            pRipple
-            [ngStyle]="{
-                visibility: rowNode.node.leaf === false || (rowNode.node.children && rowNode.node.children.length) ? 'visible' : 'hidden',
-                'margin-left': rowNode.level * 16 + 'px'
-            }"
-            [attr.data-pc-section]="'rowtoggler'"
-            [attr.data-pc-group-section]="'rowactionbutton'"
-            [attr.aria-label]="toggleButtonAriaLabel"
-        >
-            <ng-container *ngIf="!tt.togglerIconTemplate">
-                <ChevronDownIcon *ngIf="rowNode.node.expanded" [attr.aria-hidden]="true" />
-                <ChevronRightIcon *ngIf="!rowNode.node.expanded" [attr.aria-hidden]="true" />
-            </ng-container>
-            <ng-template *ngTemplateOutlet="tt.togglerIconTemplate; context: { $implicit: rowNode.node.expanded }"></ng-template>
-        </button>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class TreeTableToggler {
-    @Input() rowNode: any;
-
-    constructor(
-        public tt: TreeTable,
-        private config: PrimeNGConfig
-    ) {}
-
-    get toggleButtonAriaLabel() {
-        return this.config.translation ? (this.rowNode.expanded ? this.config.translation.aria.collapseRow : this.config.translation.aria.expandRow) : undefined;
-    }
-
-    onClick(event: Event) {
-        this.rowNode.node.expanded = !this.rowNode.node.expanded;
-
-        if (this.rowNode.node.expanded) {
-            this.tt.onNodeExpand.emit({
-                originalEvent: event,
-                node: this.rowNode.node
-            });
-        } else {
-            this.tt.onNodeCollapse.emit({
-                originalEvent: event,
-                node: this.rowNode.node
-            });
-        }
-
-        this.tt.updateSerializedValue();
-        this.tt.tableService.onUIUpdate(this.tt.value);
-
-        event.preventDefault();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, PaginatorModule, RippleModule, ScrollerModule, SpinnerIcon, ArrowDownIcon, ArrowUpIcon, SortAltIcon, SortAmountUpAltIcon, SortAmountDownIcon, CheckIcon, MinusIcon, ChevronDownIcon, ChevronRightIcon],
-    exports: [
-        TreeTable,
-        SharedModule,
-        TreeTableToggler,
-        TTSortableColumn,
-        TTSortIcon,
-        TTResizableColumn,
-        TTRow,
-        TTReorderableColumn,
-        TTSelectableRow,
-        TTSelectableRowDblClick,
-        TTContextMenuRow,
-        TTCheckbox,
-        TTHeaderCheckbox,
-        TTEditableColumn,
-        TreeTableCellEditor,
-        ScrollerModule
-    ],
-    declarations: [
-        TreeTable,
-        TreeTableToggler,
-        TTScrollableView,
-        TTBody,
-        TTSortableColumn,
-        TTSortIcon,
-        TTResizableColumn,
-        TTRow,
-        TTReorderableColumn,
-        TTSelectableRow,
-        TTSelectableRowDblClick,
-        TTContextMenuRow,
-        TTCheckbox,
-        TTHeaderCheckbox,
-        TTEditableColumn,
-        TreeTableCellEditor
-    ]
-})
-export class TreeTableModule {}
diff --git a/src/app/components/tristatecheckbox/ng-package.json b/src/app/components/tristatecheckbox/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/tristatecheckbox/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/tristatecheckbox/public_api.ts b/src/app/components/tristatecheckbox/public_api.ts
deleted file mode 100644
index 7954cd1..0000000
--- a/src/app/components/tristatecheckbox/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './tristatecheckbox';
-export * from './tristatecheckbox.interface';
diff --git a/src/app/components/tristatecheckbox/tristatecheckbox.interface.ts b/src/app/components/tristatecheckbox/tristatecheckbox.interface.ts
deleted file mode 100644
index 2b80c58..0000000
--- a/src/app/components/tristatecheckbox/tristatecheckbox.interface.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { TriStateCheckbox } from './tristatecheckbox';
-
-/**
- * Defines valid templates in TriStateCheckbox.
- * @group Templates
- */
-export interface TriStateCheckboxTemplates {
-    /**
-     * Custom check icon template.
-     */
-    checkicon(): TemplateRef<any>;
-    /**
-     * Custom uncheck icon template.
-     */
-    uncheckicon(): TemplateRef<any>;
-}
-/**
- * Custom change event.
- * @see {@link TriStateCheckbox.onChange}
- * @group Events
- */
-export interface TriStateCheckboxChangeEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Value of the checkbox.
-     */
-    value: boolean | null;
-}
diff --git a/src/app/components/tristatecheckbox/tristatecheckbox.spec.ts b/src/app/components/tristatecheckbox/tristatecheckbox.spec.ts
deleted file mode 100644
index 51a0957..0000000
--- a/src/app/components/tristatecheckbox/tristatecheckbox.spec.ts
+++ /dev/null
@@ -1,204 +0,0 @@
-import { TestBed, ComponentFixture } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { TriStateCheckbox } from './tristatecheckbox';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { CheckIcon } from 'primeng/icons/check';
-import { TimesIcon } from 'primeng/icons/times';
-
-describe('TriStateCheckbox', () => {
-    let tristate: TriStateCheckbox;
-    let fixture: ComponentFixture<TriStateCheckbox>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, CheckIcon, TimesIcon],
-            declarations: [TriStateCheckbox]
-        });
-
-        fixture = TestBed.createComponent(TriStateCheckbox);
-        tristate = fixture.componentInstance;
-    });
-
-    it('should created by default', () => {
-        fixture.detectChanges();
-
-        const tristatecheckboxEl = fixture.debugElement.query(By.css('div'));
-        expect(tristatecheckboxEl).toBeTruthy();
-    });
-
-    it('should disabled', () => {
-        tristate.disabled = true;
-        tristate.label = 'Primeng!';
-        fixture.detectChanges();
-
-        const toggleSpy = spyOn(tristate, 'toggle').and.callThrough();
-        const helperInputEl = fixture.debugElement.query(By.css('.p-hidden-accessible')).children[0].nativeElement;
-        const checkBoxEl = fixture.debugElement.query(By.css('.p-checkbox-box')).nativeElement;
-        const labelEl = fixture.debugElement.query(By.css('label')).nativeElement;
-        checkBoxEl.click();
-        fixture.detectChanges();
-
-        expect(helperInputEl.disabled).toEqual(true);
-        expect(checkBoxEl.className).toContain('p-disabled');
-        expect(labelEl.className).toContain('p-disabled');
-        expect(toggleSpy).not.toHaveBeenCalled();
-    });
-
-    it('should get a label', () => {
-        tristate.label = 'Primeng!';
-        fixture.detectChanges();
-
-        const labelEl = fixture.debugElement.query(By.css('label')).nativeElement;
-        expect(labelEl.textContent).toContain('Primeng!');
-    });
-
-    it('should change stlye and styleClass', () => {
-        tristate.styleClass = 'Primeng ROCKS!';
-        tristate.style = { height: '300px' };
-        fixture.detectChanges();
-
-        const tristatecheckboxEl = fixture.debugElement.query(By.css('div')).nativeElement;
-        expect(tristatecheckboxEl.className).toContain('Primeng ROCKS!');
-        expect(tristatecheckboxEl.style.height).toContain('300px');
-    });
-
-    it('should get a name inputId and tabIndex', () => {
-        tristate.label = 'Primeng!';
-        tristate.tabindex = 5;
-        tristate.inputId = 'Primeng';
-        tristate.name = 'Primeng ROCKS!';
-        fixture.detectChanges();
-
-        const helperInputEl = fixture.debugElement.query(By.css('input')).nativeElement;
-        const labelEl = fixture.debugElement.query(By.css('label')).nativeElement;
-        expect(helperInputEl.tabIndex).toEqual(5);
-        expect(helperInputEl.id).toEqual('Primeng');
-        expect(helperInputEl.name).toEqual('Primeng ROCKS!');
-        expect(labelEl.htmlFor).toEqual('Primeng');
-    });
-
-    it('should value is true when click and listen onChange', () => {
-        tristate.label = 'Primeng';
-        fixture.detectChanges();
-
-        let value;
-        tristate.onChange.subscribe((data) => (value = data));
-        const onClickSpy = spyOn(tristate, 'onClick').and.callThrough();
-        const checkBoxEl = fixture.debugElement.query(By.css('.p-checkbox-box')).nativeElement;
-        const labeEl = fixture.debugElement.query(By.css('label')).nativeElement;
-        checkBoxEl.click();
-        fixture.detectChanges();
-
-        expect(tristate.value).toEqual(true);
-        expect(value.value).toEqual(tristate.value);
-        expect(checkBoxEl.className).toContain('p-highlight');
-
-        const checkBoxIconEl = checkBoxEl.children[0];
-        expect(checkBoxIconEl.tagName.toLowerCase()).toEqual('checkicon');
-        expect(labeEl.className).toContain('p-checkbox-label-active');
-        expect(onClickSpy).toHaveBeenCalled();
-    });
-
-    it('should value is true when click to label', () => {
-        tristate.label = 'Primeng';
-        fixture.detectChanges();
-
-        let value;
-        tristate.onChange.subscribe((data) => (value = data));
-        const onClickSpy = spyOn(tristate, 'onClick').and.callThrough();
-        const checkBoxEl = fixture.debugElement.query(By.css('.p-checkbox-box')).nativeElement;
-        const labeEl = fixture.debugElement.query(By.css('label')).nativeElement;
-        labeEl.click();
-        fixture.detectChanges();
-
-        expect(tristate.value).toEqual(true);
-        expect(value.value).toEqual(tristate.value);
-        expect(checkBoxEl.className).toContain('p-highlight');
-
-        const checkBoxIconEl = checkBoxEl.children[0];
-        expect(checkBoxIconEl.tagName.toLowerCase()).toEqual('checkicon');
-        expect(labeEl.className).toContain('p-checkbox-label-active');
-        expect(onClickSpy).toHaveBeenCalled();
-    });
-
-    it('should value is false when click twice', () => {
-        tristate.label = 'Primeng';
-        fixture.detectChanges();
-
-        let value;
-        tristate.onChange.subscribe((data) => (value = data));
-        const onClickSpy = spyOn(tristate, 'onClick').and.callThrough();
-        const checkBoxEl = fixture.debugElement.query(By.css('.p-checkbox-box')).nativeElement;
-        const labeEl = fixture.debugElement.query(By.css('label')).nativeElement;
-        checkBoxEl.click();
-        checkBoxEl.click();
-        fixture.detectChanges();
-
-        expect(tristate.value).toEqual(false);
-        expect(value.value).toEqual(tristate.value);
-        expect(checkBoxEl.className).toContain('p-highlight');
-
-        const checkBoxIconEl = checkBoxEl.children[0];
-        expect(checkBoxIconEl.tagName.toLowerCase()).toEqual('timesicon');
-        expect(labeEl.className).toContain('p-checkbox-label-active');
-        expect(onClickSpy).toHaveBeenCalledTimes(2);
-    });
-
-    it('should value is null when click three time', () => {
-        tristate.label = 'Primeng';
-        fixture.detectChanges();
-
-        let value;
-        tristate.onChange.subscribe((data) => (value = data));
-        const onClickSpy = spyOn(tristate, 'onClick').and.callThrough();
-        const checkBoxEl = fixture.debugElement.query(By.css('.p-checkbox-box')).nativeElement;
-        const labeEl = fixture.debugElement.query(By.css('label')).nativeElement;
-        checkBoxEl.click();
-        checkBoxEl.click();
-        checkBoxEl.click();
-        fixture.detectChanges();
-
-        expect(tristate.value).toEqual(null);
-        expect(value.value).toEqual(tristate.value);
-        expect(checkBoxEl.className).not.toContain('p-highlight');
-        expect(labeEl.className).not.toContain('p-checkbox-label-active');
-        expect(onClickSpy).toHaveBeenCalledTimes(3);
-    });
-
-    it('should call onFocus', () => {
-        tristate.label = 'Primeng';
-        fixture.detectChanges();
-
-        let value;
-        tristate.onChange.subscribe((data) => (value = data));
-        const onFocusSpy = spyOn(tristate, 'onFocus').and.callThrough();
-        const onBlurSpy = spyOn(tristate, 'onBlur').and.callThrough();
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        const checkBoxEl = fixture.debugElement.query(By.css('.p-checkbox-box'));
-        inputEl.nativeElement.dispatchEvent(new Event('focus'));
-        fixture.detectChanges();
-
-        expect(onFocusSpy).toHaveBeenCalled();
-        expect(checkBoxEl.nativeElement.className).toContain('p-focus');
-        inputEl.nativeElement.dispatchEvent(new Event('blur'));
-        fixture.detectChanges();
-
-        expect(onBlurSpy).toHaveBeenCalled();
-        expect(checkBoxEl.nativeElement.className).not.toContain('p-focus');
-    });
-
-    it('should call onKeyDown', () => {
-        tristate.label = 'Primeng';
-        fixture.detectChanges();
-
-        let value;
-        tristate.onChange.subscribe((data) => (value = data));
-        const onKeyDownSpy = spyOn(tristate, 'onKeyDown').and.callThrough();
-        const inputEl = fixture.debugElement.query(By.css('input'));
-        inputEl.nativeElement.dispatchEvent(new Event('keydown'));
-        fixture.detectChanges();
-
-        expect(onKeyDownSpy).toHaveBeenCalled();
-        expect(tristate.value).toBeUndefined();
-    });
-});
diff --git a/src/app/components/tristatecheckbox/tristatecheckbox.ts b/src/app/components/tristatecheckbox/tristatecheckbox.ts
deleted file mode 100644
index d280049..0000000
--- a/src/app/components/tristatecheckbox/tristatecheckbox.ts
+++ /dev/null
@@ -1,251 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation, booleanAttribute, forwardRef, numberAttribute } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
-import { CheckIcon } from 'primeng/icons/check';
-import { TimesIcon } from 'primeng/icons/times';
-import { Nullable } from 'primeng/ts-helpers';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { TriStateCheckboxChangeEvent } from './tristatecheckbox.interface';
-
-export const TRISTATECHECKBOX_VALUE_ACCESSOR: any = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => TriStateCheckbox),
-    multi: true
-};
-/**
- * TriStateCheckbox is used to select either 'true', 'false' or 'null' as the value.
- * @group Components
- */
-@Component({
-    selector: 'p-triStateCheckbox',
-    template: `
-        <div
-            [ngStyle]="style"
-            [ngClass]="{ 'p-checkbox p-component': true, 'p-checkbox-disabled': disabled, 'p-checkbox-focused': focused, 'p-variant-filled': variant === 'filled' || config.inputStyle() === 'filled' }"
-            [class]="styleClass"
-            (click)="onClick($event, input)"
-            [attr.data-pc-name]="'tristatecheckbox'"
-            [attr.data-pc-section]="'root'"
-        >
-            <div class="p-hidden-accessible">
-                <input
-                    #input
-                    [attr.id]="inputId"
-                    type="checkbox"
-                    [name]="name"
-                    [attr.tabindex]="tabindex"
-                    [readonly]="readonly"
-                    [disabled]="disabled"
-                    (keydown)="onKeyDown($event)"
-                    (focus)="onFocus()"
-                    (blur)="onBlur()"
-                    [attr.aria-labelledby]="ariaLabelledBy"
-                    [attr.aria-label]="ariaLabel"
-                    inputmode="none"
-                    [attr.data-pc-section]="'hiddenInput'"
-                    pAutoFocus
-                    [autofocus]="autofocus"
-                />
-            </div>
-            <div class="p-checkbox-box" role="checkbox" [attr.aria-checked]="value === true" [ngClass]="{ 'p-highlight': value != null, 'p-disabled': disabled, 'p-focus': focused }">
-                <ng-container *ngIf="value === true">
-                    <span *ngIf="checkboxTrueIcon" [ngClass]="checkboxTrueIcon" class="p-checkbox-icon" [attr.data-pc-section]="'checkIcon'"></span>
-                    <ng-container *ngIf="!checkboxTrueIcon">
-                        <CheckIcon [styleClass]="'p-checkbox-icon'" *ngIf="!checkIconTemplate" [attr.data-pc-section]="'checkIcon'" />
-                        <span *ngIf="checkIconTemplate" class="p-checkbox-icon" [attr.data-pc-section]="'checkIcon'">
-                            <ng-template *ngTemplateOutlet="checkIconTemplate"></ng-template>
-                        </span>
-                    </ng-container>
-                </ng-container>
-                <ng-container *ngIf="value === false">
-                    <span *ngIf="checkboxFalseIcon" [ngClass]="checkboxFalseIcon" class="p-checkbox-icon" [attr.data-pc-section]="'uncheckIcon'"></span>
-                    <ng-container *ngIf="!checkboxFalseIcon">
-                        <TimesIcon [styleClass]="'p-checkbox-icon'" *ngIf="!uncheckIconTemplate" [attr.data-pc-section]="'uncheckIcon'" />
-                        <span class="p-checkbox-icon" *ngIf="uncheckIconTemplate" [attr.data-pc-section]="'uncheckIcon'">
-                            <ng-template *ngTemplateOutlet="uncheckIconTemplate"></ng-template>
-                        </span>
-                    </ng-container>
-                </ng-container>
-            </div>
-        </div>
-        <label class="p-checkbox-label" (click)="onClick($event, input)" [ngClass]="{ 'p-checkbox-label-active': value != null, 'p-disabled': disabled, 'p-checkbox-label-focus': focused }" *ngIf="label" [attr.for]="inputId">{{ label }}</label>
-    `,
-    providers: [TRISTATECHECKBOX_VALUE_ACCESSOR],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class TriStateCheckbox implements ControlValueAccessor {
-    constructor(
-        private cd: ChangeDetectorRef,
-        public config: PrimeNGConfig
-    ) {}
-    /**
-     * When present, it specifies that the element should be disabled.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) disabled: boolean | undefined;
-    /**
-     * Name of the component.
-     * @group Props
-     */
-    @Input() name: string | undefined;
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    @Input() ariaLabel: string | undefined;
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    @Input() ariaLabelledBy: string | undefined;
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    @Input() variant: 'filled' | 'outlined' = 'outlined';
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) tabindex: number | undefined;
-    /**
-     * Identifier of the focus input to match a label defined for the component.
-     * @group Props
-     */
-    @Input() inputId: string | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Label of the checkbox.
-     * @group Props
-     */
-    @Input() label: string | undefined;
-    /**
-     * When present, it specifies that the component cannot be edited.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) readonly: boolean | undefined;
-    /**
-     * Specifies the icon for checkbox true value.
-     * @group Props
-     */
-    @Input() checkboxTrueIcon: string | undefined;
-    /**
-     * Specifies the icon for checkbox false value.
-     * @group Props
-     */
-    @Input() checkboxFalseIcon: string | undefined;
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) autofocus: boolean | undefined;
-    /**
-     * Callback to invoke on value change.
-     * @param {TriStateCheckboxChangeEvent} event - Custom change event.
-     * @group Emits
-     */
-    @Output() onChange: EventEmitter<TriStateCheckboxChangeEvent> = new EventEmitter<TriStateCheckboxChangeEvent>();
-
-    @ContentChildren(PrimeTemplate) templates!: QueryList<PrimeTemplate>;
-
-    checkIconTemplate: Nullable<TemplateRef<any>>;
-
-    uncheckIconTemplate: Nullable<TemplateRef<any>>;
-
-    focused: Nullable<boolean>;
-
-    value: Nullable<boolean>;
-
-    onModelChange: Function = () => {};
-
-    onModelTouched: Function = () => {};
-
-    onClick(event: Event, input: HTMLInputElement) {
-        if (!this.disabled && !this.readonly) {
-            this.toggle(event);
-            this.focused = true;
-            input.focus();
-        }
-    }
-
-    onKeyDown(event: KeyboardEvent) {
-        if (event.key === 'Enter') {
-            this.toggle(event);
-            event.preventDefault();
-        }
-    }
-
-    toggle(event: Event) {
-        if (this.value == null || this.value == undefined) this.value = true;
-        else if (this.value == true) this.value = false;
-        else if (this.value == false) this.value = null;
-
-        this.onModelChange(this.value);
-        this.onChange.emit({
-            originalEvent: event,
-            value: this.value
-        });
-    }
-
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'checkicon':
-                    this.checkIconTemplate = item.template;
-                    break;
-
-                case 'uncheckicon':
-                    this.uncheckIconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    onFocus() {
-        this.focused = true;
-    }
-
-    onBlur() {
-        this.focused = false;
-        this.onModelTouched();
-    }
-
-    registerOnChange(fn: Function): void {
-        this.onModelChange = fn;
-    }
-
-    registerOnTouched(fn: Function): void {
-        this.onModelTouched = fn;
-    }
-
-    writeValue(value: any): void {
-        this.value = value;
-        this.cd.markForCheck();
-    }
-
-    setDisabledState(disabled: boolean): void {
-        this.disabled = disabled;
-        this.cd.markForCheck();
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, AutoFocusModule, CheckIcon, TimesIcon],
-    exports: [TriStateCheckbox, SharedModule],
-    declarations: [TriStateCheckbox]
-})
-export class TriStateCheckboxModule {}
diff --git a/src/app/components/ts-helpers/ng-package.json b/src/app/components/ts-helpers/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/ts-helpers/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/ts-helpers/public_api.ts b/src/app/components/ts-helpers/public_api.ts
deleted file mode 100644
index 11c4fe6..0000000
--- a/src/app/components/ts-helpers/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './ts-helpers';
diff --git a/src/app/components/ts-helpers/ts-helpers.ts b/src/app/components/ts-helpers/ts-helpers.ts
deleted file mode 100644
index 986e020..0000000
--- a/src/app/components/ts-helpers/ts-helpers.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export declare type Booleanish = boolean | 'true' | 'false';
-export declare type Numberish = number | string;
-export declare type Nullable<T = void> = T | null | undefined;
-export declare type VoidListener = VoidFunction | null | undefined;
diff --git a/src/app/components/tsconfig.lib.json b/src/app/components/tsconfig.lib.json
deleted file mode 100644
index 604ba7d..0000000
--- a/src/app/components/tsconfig.lib.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "compilerOptions": {
-        "declaration": true,
-        "module": "es2022",
-        "target": "es2022",
-        "baseUrl": ".",
-        "stripInternal": true,
-        "emitDecoratorMetadata": false,
-        "experimentalDecorators": true,
-        "moduleResolution": "node",
-        "outDir": "../build",
-        "rootDir": ".",
-        "lib": [
-            "es2022",
-            "dom"
-        ],
-        "skipLibCheck": true,
-        "types": ["resize-observer-browser"],
-        "paths": {
-            "primeng/*": ["src/app/components/*/public_api"]
-        }
-    },
-    "angularCompilerOptions": {
-        "annotateForClosureCompiler": false,
-        "strictMetadataEmit": true,
-        "skipTemplateCodegen": true,
-        "enableI18nLegacyMessageIdFormat": false,
-        "strictInjectionParameters": true,
-        "strictInputAccessModifiers": true,
-        "flatModuleOutFile": "primeng.js",
-        "flatModuleId": "primeng"
-    },
-    "files": [
-        "./public_api.ts"
-    ]
-}
diff --git a/src/app/components/tsconfig.lib.prod.json b/src/app/components/tsconfig.lib.prod.json
deleted file mode 100644
index 06de549..0000000
--- a/src/app/components/tsconfig.lib.prod.json
+++ /dev/null
@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}
diff --git a/src/app/components/utils/ng-package.json b/src/app/components/utils/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/utils/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/utils/objectutils.spec.ts b/src/app/components/utils/objectutils.spec.ts
deleted file mode 100644
index 8d58f3f..0000000
--- a/src/app/components/utils/objectutils.spec.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { ObjectUtils } from './objectutils';
-
-describe('ObjectUtils Suite', () => {
-    let data: any = [
-        { brand: 'VW', year: 2012, color: { name: 'Orange' }, vin: 'dsad231ff' },
-        { brand: 'Audi', year: 2011, color: { name: 'Black' }, vin: 'gwregre345' },
-        { brand: 'Renault', year: 2005, color: { name: 'Black' }, vin: 'h354htr' },
-        { brand: 'BMW', year: 2003, color: { name: 'Blue' }, vin: 'j6w54qgh' },
-        { brand: 'Mercedes', year: 1995, color: { name: 'Red' }, vin: 'hrtwy34' },
-        { brand: 'Volvo', year: 2005, color: { name: 'Orange' }, vin: 'jejtyj' },
-        { brand: 'Honda', year: 2012, color: { name: 'Blue' }, vin: 'g43gr' },
-        { brand: 'Jaguar', year: 2013, color: { name: 'Black' }, vin: 'greg34' },
-        { brand: 'Ford', year: 2000, color: { name: 'White' }, vin: 'h54hw5' },
-        { brand: 'Fiat', year: 2013, color: { name: 'Yellow' }, vin: '245t2s' }
-    ];
-
-    it('Should resolve field data', () => {
-        let obj = {
-            firstname: 'Silvio',
-            lastname: 'Andolini',
-            address: {
-                country: {
-                    name: 'Italy'
-                },
-                city: 'Corleone'
-            }
-        };
-
-        expect(ObjectUtils.resolveFieldData(obj, 'firstname')).toBe('Silvio');
-        expect(ObjectUtils.resolveFieldData(obj, 'lastname')).toBe('Andolini');
-        expect(ObjectUtils.resolveFieldData(obj, 'address.city')).toBe('Corleone');
-        expect(ObjectUtils.resolveFieldData(obj, 'address.country.name')).toBe('Italy');
-        expect(ObjectUtils.resolveFieldData(obj, 'age')).toBeUndefined();
-    });
-
-    it('Should relocate an item in array', () => {
-        let arr: string[] = ['New York', 'Istanbul', 'Paris', 'Barcelona', 'London'];
-        ObjectUtils.reorderArray(arr, 3, 1);
-        expect(arr).toEqual(['New York', 'Barcelona', 'Istanbul', 'Paris', 'London']);
-    });
-
-    it('Should inject an item as indexed', () => {
-        let sourceArr: string[] = ['New York', 'Istanbul', 'Paris', 'Barcelona', 'London'];
-        let arr: string[] = [];
-
-        ObjectUtils.insertIntoOrderedArray('Istanbul', 1, arr, sourceArr);
-        expect(arr).toEqual(['Istanbul']);
-
-        ObjectUtils.insertIntoOrderedArray('Paris', 2, arr, sourceArr);
-        ObjectUtils.insertIntoOrderedArray('New York', 0, arr, sourceArr);
-        ObjectUtils.insertIntoOrderedArray('London', 4, arr, sourceArr);
-        ObjectUtils.insertIntoOrderedArray('Barcelona', 3, arr, sourceArr);
-        expect(arr).toEqual(['New York', 'Istanbul', 'Paris', 'Barcelona', 'London']);
-    });
-
-    it('Should check if simple objects are equal', () => {
-        const [data0, data1] = data.slice(0, 2);
-        expect(ObjectUtils.equals(data0, data0)).toBe(true);
-        expect(ObjectUtils.equals(data0, Object.assign({}, data0))).toBe(true);
-        expect(ObjectUtils.equals(data0, data1)).toBe(false);
-    });
-
-    it('Should check if nested objects are equal', () => {
-        const arr = [1, 2, [3, 4]];
-        expect(ObjectUtils.equals(arr, [1, 2, [3, 4]])).toBe(true);
-
-        const arr2 = [1, 2, [3, 4, 5]];
-        expect(ObjectUtils.equals(arr, arr2)).toBe(false);
-
-        const obj = { a: 1, b: { c: 3, d: 4 } };
-        expect(ObjectUtils.equals(obj, Object.assign({}, obj))).toBe(true);
-
-        const obj2 = { a: 1, b: { c: 3, d: 5 } };
-        expect(ObjectUtils.equals(obj, obj2)).toBe(false);
-    });
-
-    it('Should be able to compare frozen nested objects', () => {
-        const obj1 = { a: 1, b: { c: 3, d: 4 } };
-        const obj2 = { a: 1, b: { c: 3, d: 4 } };
-        Object.preventExtensions(obj1);
-        Object.preventExtensions(obj2);
-        expect(ObjectUtils.equals(obj1, obj2)).toBe(true);
-    });
-
-    it('Should be able to compare dates', () => {
-        const obj1 = new Date(2018, 0, 1);
-        const obj2 = new Date(2018, 0, 1);
-        const obj3 = new Date(2020, 0, 1);
-        expect(ObjectUtils.equals(obj1, obj2)).toBe(true);
-        expect(ObjectUtils.equals(obj1, obj3)).toBe(false);
-    });
-});
diff --git a/src/app/components/utils/objectutils.ts b/src/app/components/utils/objectutils.ts
deleted file mode 100644
index ebedb76..0000000
--- a/src/app/components/utils/objectutils.ts
+++ /dev/null
@@ -1,288 +0,0 @@
-export class ObjectUtils {
-    public static isArray(value, empty = true) {
-        return Array.isArray(value) && (empty || value.length !== 0);
-    }
-
-    public static isObject(value, empty = true) {
-        return typeof value === 'object' && !Array.isArray(value) && value != null && (empty || Object.keys(value).length !== 0);
-    }
-
-    public static equals(obj1: any, obj2: any, field?: string): boolean {
-        if (field) return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);
-        else return this.equalsByValue(obj1, obj2);
-    }
-
-    public static equalsByValue(obj1: any, obj2: any): boolean {
-        if (obj1 === obj2) return true;
-
-        if (obj1 && obj2 && typeof obj1 == 'object' && typeof obj2 == 'object') {
-            var arrA = Array.isArray(obj1),
-                arrB = Array.isArray(obj2),
-                i,
-                length,
-                key;
-
-            if (arrA && arrB) {
-                length = obj1.length;
-                if (length != obj2.length) return false;
-                for (i = length; i-- !== 0; ) if (!this.equalsByValue(obj1[i], obj2[i])) return false;
-                return true;
-            }
-
-            if (arrA != arrB) return false;
-
-            var dateA = this.isDate(obj1),
-                dateB = this.isDate(obj2);
-            if (dateA != dateB) return false;
-            if (dateA && dateB) return obj1.getTime() == obj2.getTime();
-
-            var regexpA = obj1 instanceof RegExp,
-                regexpB = obj2 instanceof RegExp;
-            if (regexpA != regexpB) return false;
-            if (regexpA && regexpB) return obj1.toString() == obj2.toString();
-
-            var keys = Object.keys(obj1);
-            length = keys.length;
-
-            if (length !== Object.keys(obj2).length) return false;
-
-            for (i = length; i-- !== 0; ) if (!Object.prototype.hasOwnProperty.call(obj2, keys[i])) return false;
-
-            for (i = length; i-- !== 0; ) {
-                key = keys[i];
-                if (!this.equalsByValue(obj1[key], obj2[key])) return false;
-            }
-
-            return true;
-        }
-
-        return obj1 !== obj1 && obj2 !== obj2;
-    }
-
-    public static resolveFieldData(data: any, field: any): any {
-        if (data && field) {
-            if (this.isFunction(field)) {
-                return field(data);
-            } else if (field.indexOf('.') == -1) {
-                return data[field];
-            } else {
-                let fields: string[] = field.split('.');
-                let value = data;
-                for (let i = 0, len = fields.length; i < len; ++i) {
-                    if (value == null) {
-                        return null;
-                    }
-                    value = value[fields[i]];
-                }
-                return value;
-            }
-        } else {
-            return null;
-        }
-    }
-
-    public static isFunction(obj: any) {
-        return !!(obj && obj.constructor && obj.call && obj.apply);
-    }
-
-    public static reorderArray(value: any[], from: number, to: number) {
-        let target: number;
-        if (value && from !== to) {
-            if (to >= value.length) {
-                to %= value.length;
-                from %= value.length;
-            }
-            value.splice(to, 0, value.splice(from, 1)[0]);
-        }
-    }
-
-    public static insertIntoOrderedArray(item: any, index: number, arr: any[], sourceArr: any[]): void {
-        if (arr.length > 0) {
-            let injected = false;
-            for (let i = 0; i < arr.length; i++) {
-                let currentItemIndex = this.findIndexInList(arr[i], sourceArr);
-                if (currentItemIndex > index) {
-                    arr.splice(i, 0, item);
-                    injected = true;
-                    break;
-                }
-            }
-
-            if (!injected) {
-                arr.push(item);
-            }
-        } else {
-            arr.push(item);
-        }
-    }
-
-    public static findIndexInList(item: any, list: any): number {
-        let index: number = -1;
-
-        if (list) {
-            for (let i = 0; i < list.length; i++) {
-                if (list[i] == item) {
-                    index = i;
-                    break;
-                }
-            }
-        }
-
-        return index;
-    }
-
-    public static contains(value, list) {
-        if (value != null && list && list.length) {
-            for (let val of list) {
-                if (this.equals(value, val)) return true;
-            }
-        }
-
-        return false;
-    }
-
-    public static removeAccents(str) {
-        if (str) {
-            str = str.normalize('NFKD').replace(/\p{Diacritic}/gu, '');
-        }
-
-        return str;
-    }
-
-    public static isDate(input: any) {
-        return Object.prototype.toString.call(input) === '[object Date]';
-    }
-
-    public static isEmpty(value) {
-        return value === null || value === undefined || value === '' || (Array.isArray(value) && value.length === 0) || (!this.isDate(value) && typeof value === 'object' && Object.keys(value).length === 0);
-    }
-
-    public static isNotEmpty(value) {
-        return !this.isEmpty(value);
-    }
-
-    public static compare(value1, value2, locale, order = 1) {
-        let result = -1;
-        const emptyValue1 = this.isEmpty(value1);
-        const emptyValue2 = this.isEmpty(value2);
-
-        if (emptyValue1 && emptyValue2) result = 0;
-        else if (emptyValue1) result = order;
-        else if (emptyValue2) result = -order;
-        else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, locale, { numeric: true });
-        else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-
-        return result;
-    }
-
-    public static sort(value1, value2, order = 1, locale, nullSortOrder = 1) {
-        const result = ObjectUtils.compare(value1, value2, locale, order);
-        let finalSortOrder = order;
-
-        // nullSortOrder == 1 means Excel like sort nulls at bottom
-        if (ObjectUtils.isEmpty(value1) || ObjectUtils.isEmpty(value2)) {
-            finalSortOrder = nullSortOrder === 1 ? order : nullSortOrder;
-        }
-
-        return finalSortOrder * result;
-    }
-
-    public static merge(obj1?: any, obj2?: any): any {
-        if (obj1 == undefined && obj2 == undefined) {
-            return undefined;
-        } else if ((obj1 == undefined || typeof obj1 === 'object') && (obj2 == undefined || typeof obj2 === 'object')) {
-            return { ...(obj1 || {}), ...(obj2 || {}) };
-        } else if ((obj1 == undefined || typeof obj1 === 'string') && (obj2 == undefined || typeof obj2 === 'string')) {
-            return [obj1 || '', obj2 || ''].join(' ');
-        }
-
-        return obj2 || obj1;
-    }
-
-    public static isPrintableCharacter(char = '') {
-        return this.isNotEmpty(char) && char.length === 1 && char.match(/\S| /);
-    }
-
-    public static getItemValue(obj, ...params) {
-        return this.isFunction(obj) ? obj(...params) : obj;
-    }
-
-    public static findLastIndex(arr, callback) {
-        let index = -1;
-
-        if (this.isNotEmpty(arr)) {
-            try {
-                index = arr.findLastIndex(callback);
-            } catch {
-                index = arr.lastIndexOf([...arr].reverse().find(callback));
-            }
-        }
-
-        return index;
-    }
-
-    public static findLast(arr, callback) {
-        let item;
-
-        if (this.isNotEmpty(arr)) {
-            try {
-                item = arr.findLast(callback);
-            } catch {
-                item = [...arr].reverse().find(callback);
-            }
-        }
-
-        return item;
-    }
-
-    public static deepEquals(a, b) {
-        if (a === b) return true;
-
-        if (a && b && typeof a == 'object' && typeof b == 'object') {
-            var arrA = Array.isArray(a),
-                arrB = Array.isArray(b),
-                i,
-                length,
-                key;
-
-            if (arrA && arrB) {
-                length = a.length;
-                if (length != b.length) return false;
-                for (i = length; i-- !== 0; ) if (!this.deepEquals(a[i], b[i])) return false;
-
-                return true;
-            }
-
-            if (arrA != arrB) return false;
-
-            var dateA = a instanceof Date,
-                dateB = b instanceof Date;
-
-            if (dateA != dateB) return false;
-            if (dateA && dateB) return a.getTime() == b.getTime();
-
-            var regexpA = a instanceof RegExp,
-                regexpB = b instanceof RegExp;
-
-            if (regexpA != regexpB) return false;
-            if (regexpA && regexpB) return a.toString() == b.toString();
-
-            var keys = Object.keys(a);
-
-            length = keys.length;
-
-            if (length !== Object.keys(b).length) return false;
-
-            for (i = length; i-- !== 0; ) if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
-
-            for (i = length; i-- !== 0; ) {
-                key = keys[i];
-                if (!this.deepEquals(a[key], b[key])) return false;
-            }
-
-            return true;
-        }
-
-        return a !== a && b !== b;
-    }
-}
diff --git a/src/app/components/utils/public_api.ts b/src/app/components/utils/public_api.ts
deleted file mode 100644
index 51d0fe3..0000000
--- a/src/app/components/utils/public_api.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ObjectUtils } from './objectutils';
-import { UniqueComponentId } from './uniquecomponentid';
-import ZIndexUtils from './zindexutils';
-
-export { ZIndexUtils, UniqueComponentId, ObjectUtils };
diff --git a/src/app/components/utils/uniquecomponentid.ts b/src/app/components/utils/uniquecomponentid.ts
deleted file mode 100644
index 692c6ec..0000000
--- a/src/app/components/utils/uniquecomponentid.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export var lastId = 0;
-
-export function UniqueComponentId(prefix = 'pn_id_') {
-    lastId++;
-
-    return `${prefix}${lastId}`;
-}
diff --git a/src/app/components/utils/zindexutils.ts b/src/app/components/utils/zindexutils.ts
deleted file mode 100644
index ab117cd..0000000
--- a/src/app/components/utils/zindexutils.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-function ZIndexUtils() {
-    let zIndexes = [];
-
-    const generateZIndex = (key, baseZIndex) => {
-        let lastZIndex = zIndexes.length > 0 ? zIndexes[zIndexes.length - 1] : { key, value: baseZIndex };
-        let newZIndex = lastZIndex.value + (lastZIndex.key === key ? 0 : baseZIndex) + 2;
-
-        zIndexes.push({ key, value: newZIndex });
-
-        return newZIndex;
-    };
-
-    const revertZIndex = (zIndex) => {
-        zIndexes = zIndexes.filter((obj) => obj.value !== zIndex);
-    };
-
-    const getCurrentZIndex = () => {
-        return zIndexes.length > 0 ? zIndexes[zIndexes.length - 1].value : 0;
-    };
-
-    const getZIndex = (el) => {
-        return el ? parseInt(el.style.zIndex, 10) || 0 : 0;
-    };
-
-    return {
-        get: getZIndex,
-        set: (key, el, baseZIndex) => {
-            if (el) {
-                el.style.zIndex = String(generateZIndex(key, baseZIndex));
-            }
-        },
-        clear: (el) => {
-            if (el) {
-                revertZIndex(getZIndex(el));
-                el.style.zIndex = '';
-            }
-        },
-        getCurrent: () => getCurrentZIndex()
-    };
-}
-
-export default ZIndexUtils();
diff --git a/src/app/components/virtualscroller/ng-package.json b/src/app/components/virtualscroller/ng-package.json
deleted file mode 100644
index ab5467e..0000000
--- a/src/app/components/virtualscroller/ng-package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "$schema": "ng-packagr/ng-package.schema.json",
-    "lib": {
-      "entryFile": "public_api.ts"
-    }
-  }
\ No newline at end of file
diff --git a/src/app/components/virtualscroller/public_api.ts b/src/app/components/virtualscroller/public_api.ts
deleted file mode 100644
index 478a86b..0000000
--- a/src/app/components/virtualscroller/public_api.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './virtualscroller';
-export * from './virtualscroller.interface';
diff --git a/src/app/components/virtualscroller/virtualscroller.interface.ts b/src/app/components/virtualscroller/virtualscroller.interface.ts
deleted file mode 100644
index de9d146..0000000
--- a/src/app/components/virtualscroller/virtualscroller.interface.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { VirtualScroller } from './virtualscroller';
-import { ScrollerOptions } from 'primeng/api';
-
-/**
- * Custom lazy load event.
- * @see {@link VirtualScroller.onLazyLoad}
- */
-export interface VirtualScrollerLazyLoadEvent {
-    /**
-     * Index of the first element in viewport.
-     */
-    first?: number;
-    /**
-     * Index of the last element in viewport.
-     */
-    last?: number;
-    /**
-     * Row count.
-     */
-    rows?: number;
-    /**
-     * Manually triggers change detection.
-     */
-    forceUpdate?: Function;
-}
-/**
- * Defines valid templates in VirtualScroller.
- * @group Templates
- */
-export interface VirtualScrollerTemplates {
-    /**
-     * Custom item template.
-     * @param {Object} context - item data.
-     */
-    item(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: any;
-        /**
-         * Scroller options.
-         */
-        options: ScrollerOptions;
-    }): TemplateRef<{ $implicit: any; options: ScrollerOptions }>;
-    /**
-     * Custom loading item template.
-     * @param {Object} context - item data.
-     */
-    item(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: any;
-        /**
-         * Scroller options.
-         */
-        options: ScrollerOptions;
-    }): TemplateRef<{ $implicit: any; options: ScrollerOptions }>;
-    /**
-     * Custom header template.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom header template.
-     */
-    footer(): TemplateRef<any>;
-}
diff --git a/src/app/components/virtualscroller/virtualscroller.ts b/src/app/components/virtualscroller/virtualscroller.ts
deleted file mode 100644
index c2d57d2..0000000
--- a/src/app/components/virtualscroller/virtualscroller.ts
+++ /dev/null
@@ -1,183 +0,0 @@
-import { CommonModule } from '@angular/common';
-import {
-    AfterContentInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ContentChild,
-    ContentChildren,
-    ElementRef,
-    EventEmitter,
-    Input,
-    NgModule,
-    Output,
-    QueryList,
-    TemplateRef,
-    ViewChild,
-    ViewEncapsulation,
-    booleanAttribute,
-    numberAttribute
-} from '@angular/core';
-import { BlockableUI, Footer, Header, PrimeTemplate, ScrollerOptions, SharedModule } from 'primeng/api';
-import { Scroller, ScrollerModule } from 'primeng/scroller';
-import { Nullable } from 'primeng/ts-helpers';
-import { VirtualScrollerLazyLoadEvent } from './virtualscroller.interface';
-/**
- * VirtualScroller is a performant approach to handle huge data efficiently.
- * @group Components
- */
-@Component({
-    selector: 'p-virtualScroller',
-    template: `
-        <div [ngClass]="'p-virtualscroller p-component'" [ngStyle]="style" [class]="styleClass" [attr.data-pc-name]="'virtualscroller'" [attr.data-pc-section]="'root'">
-            <div class="p-virtualscroller-header" *ngIf="header || headerTemplate">
-                <ng-content select="p-header"></ng-content>
-                <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-            </div>
-            <div #content class="p-virtualscroller-content" [attr.data-pc-section]="'content'">
-                <p-scroller #scroller [items]="value" styleClass="p-virtualscroller-list" [style]="{ height: scrollHeight }" [itemSize]="itemSize" [lazy]="lazy" (onLazyLoad)="onLazyItemLoad($event)" [options]="options">
-                    <ng-template pTemplate="item" let-item let-scrollerOptions="options">
-                        <div [ngStyle]="{ height: itemSize + 'px' }" class="p-virtualscroller-item">
-                            <ng-container *ngTemplateOutlet="item ? itemTemplate : loadingItemTemplate; context: { $implicit: item, options: scrollerOptions }"></ng-container>
-                        </div>
-                    </ng-template>
-                </p-scroller>
-            </div>
-            <div class="p-virtualscroller-footer" *ngIf="footer || footerTemplate" [attr.data-pc-section]="'footer'">
-                <ng-content select="p-footer"></ng-content>
-                <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.Default,
-    encapsulation: ViewEncapsulation.None,
-    host: {
-        class: 'p-element'
-    }
-})
-export class VirtualScroller implements AfterContentInit, BlockableUI {
-    /**
-     * An array of objects to display.
-     * @group Props
-     */
-    @Input() value: any[] | undefined;
-    /**
-     * Height of an item in the list.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) itemSize: number | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    @Input() style: { [klass: string]: any } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    @Input() styleClass: string | undefined;
-    /**
-     * Max height of the content area in inline mode.
-     * @group Props
-     */
-    @Input() scrollHeight: any;
-    /**
-     * Defines if data is loaded and interacted with in lazy manner.
-     * @group Props
-     */
-    @Input({ transform: booleanAttribute }) lazy: boolean | undefined;
-    /**
-     * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.
-     * @group Props
-     */
-    @Input() options: ScrollerOptions | undefined;
-    /**
-     * Threshold in milliseconds to delay lazy loading during scrolling.
-     * @group Props
-     */
-    @Input({ transform: numberAttribute }) delay: number = 250;
-    /**
-     * Callback to invoke in lazy mode to load new data.
-     * @param {VirtualScrollerLazyLoadEvent} event - custom lazy load event.
-     * @group Emits
-     */
-    @Output() onLazyLoad: EventEmitter<VirtualScrollerLazyLoadEvent> = new EventEmitter<VirtualScrollerLazyLoadEvent>();
-
-    @ContentChild(Header) header: Header | undefined;
-
-    @ContentChild(Footer) footer: Footer | undefined;
-
-    @ContentChildren(PrimeTemplate) templates: Nullable<QueryList<PrimeTemplate>>;
-
-    @ViewChild('scroller') scroller: Nullable<Scroller>;
-
-    itemTemplate: Nullable<TemplateRef<any>>;
-
-    headerTemplate: Nullable<TemplateRef<any>>;
-
-    footerTemplate: Nullable<TemplateRef<any>>;
-
-    loadingItemTemplate: Nullable<TemplateRef<any>>;
-
-    virtualScrollTimeout: any;
-
-    constructor(
-        public el: ElementRef,
-        public cd: ChangeDetectorRef
-    ) {}
-
-    ngAfterContentInit() {
-        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
-            switch (item.getType()) {
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-
-                case 'loadingItem':
-                    this.loadingItemTemplate = item.template;
-                    break;
-
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-
-    onLazyItemLoad(event: VirtualScrollerLazyLoadEvent) {
-        if (this.virtualScrollTimeout) {
-            clearTimeout(this.virtualScrollTimeout);
-        }
-
-        this.virtualScrollTimeout = setTimeout(() => {
-            this.onLazyLoad.emit({
-                ...event,
-                rows: <number>event.last - <number>event.first,
-                forceUpdate: () => this.cd.detectChanges()
-            });
-        }, this.delay);
-    }
-
-    getBlockableElement(): HTMLElement {
-        return this.el.nativeElement.children[0];
-    }
-
-    scrollToIndex(index: number, mode?: ScrollBehavior): void {
-        this.scroller?.scrollToIndex(index, mode);
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, ScrollerModule],
-    exports: [VirtualScroller, SharedModule, ScrollerModule],
-    declarations: [VirtualScroller]
-})
-export class VirtualScrollerModule {}
diff --git a/src/app/showcase/data/news.json b/src/app/showcase/data/news.json
deleted file mode 100644
index 7e4f685..0000000
--- a/src/app/showcase/data/news.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "id": 66,
-    "content": "🎉 v18-beta.1 is out now with new theming",
-    "linkText": "Learn More",
-    "linkHref": "https://v18.primeng.org"
-}
diff --git a/src/app/showcase/data/versions.json b/src/app/showcase/data/versions.json
deleted file mode 100644
index 1fe0e44..0000000
--- a/src/app/showcase/data/versions.json
+++ /dev/null
@@ -1,62 +0,0 @@
-[
-    {
-        "version": "v17.18.11",
-        "name": "v17",
-        "url": "https://primeng.org"
-    },
-    {
-        "version": "v18.0.0-beta.2",
-        "name": "v18",
-        "url": "https://v18.primeng.org"
-    },
-    {
-        "version": "v16.9.15-lts",
-        "name": "v16",
-        "url": "https://www.primefaces.org/primeng-v16-lts/"
-    },
-    {
-        "version": "v15.4.26-lts",
-        "name": "v15",
-        "url": "https://www.primefaces.org/primeng-v15-lts/"
-    },
-    {
-        "version": "v14.2.17-lts",
-        "name": "v14",
-        "url": "https://www.primefaces.org/primeng-v14-lts"
-    },
-    {
-        "version": "13.4.5-lts",
-        "name": "v13",
-        "url": "https://www.primefaces.org/primeng-v13-lts"
-    },
-    {
-        "version": "12.2.5-lts",
-        "name": "v12",
-        "url": "https://www.primefaces.org/primeng-v12-lts"
-    },
-    {
-        "version": "11.4.10-lts",
-        "name": "v11",
-        "url": "https://www.primefaces.org/primeng-v11-lts"
-    },
-    {
-        "version": "10.1.5-lts",
-        "name": "v10",
-        "url": "https://www.primefaces.org/primeng-v10-lts"
-    },
-    {
-        "version": "9.2.8-lts",
-        "name": "v9",
-        "url": "https://www.primefaces.org/primeng-v9-lts"
-    },
-    {
-        "version": "8.2.9-lts",
-        "name": "v8",
-        "url": "https://www.primefaces.org/primeng-v8-lts"
-    },
-    {
-        "version": "7.2.6-lts",
-        "name": "v7",
-        "url": "https://www.primefaces.org/primeng-v7-lts"
-    }
-]
diff --git a/src/app/showcase/demo/deferreddemo.scss b/src/app/showcase/demo/deferreddemo.scss
deleted file mode 100644
index 1d0881b..0000000
--- a/src/app/showcase/demo/deferreddemo.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-.deferred-demo-loading {
-    border-radius: 10px;
-    height: 350px;
-    position: relative;
-    overflow: hidden;
-}
-
-.deferred-demo-loading::after {
-    content: '';
-    animation: deferred-demo-loading 1.2s infinite;
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-    height: 100%;
-    transform: translateX(-100%);
-    z-index: 1;
-    border-radius: 10px;
-    background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--surface-100), rgba(255, 255, 255, 0));
-}
-
-@keyframes deferred-demo-loading {
-    from {
-        transform: translateX(-100%);
-    }
-    to {
-        transform: translateX(100%);
-    }
-}
\ No newline at end of file
diff --git a/src/app/showcase/demo/deferreddemo.ts b/src/app/showcase/demo/deferreddemo.ts
deleted file mode 100644
index 9aeb5f7..0000000
--- a/src/app/showcase/demo/deferreddemo.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { CommonModule, isPlatformBrowser } from '@angular/common';
-import { Component, ElementRef, EventEmitter, Inject, Input, OnInit, Output, PLATFORM_ID } from '@angular/core';
-
-@Component({
-    selector: 'p-deferred-demo',
-    standalone: true,
-    imports: [CommonModule],
-    template: `
-        @if (!visible) {
-            <div class="card">
-                <div class="deferred-demo-loading"></div>
-            </div>
-        } @else {
-            <ng-content></ng-content>
-        }
-    `,
-    styleUrl: './deferreddemo.scss'
-})
-export class DeferredDemo implements OnInit {
-    visible: boolean = false;
-
-    observer = null;
-
-    timeout = null;
-
-    @Input() options: any;
-
-    @Output() load: EventEmitter<boolean> = new EventEmitter<boolean>();
-
-    constructor(
-        public el: ElementRef,
-        @Inject(PLATFORM_ID) private platformId: any
-    ) {}
-
-    ngOnInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.observer = new IntersectionObserver(([entry]) => {
-                clearTimeout(this.timeout);
-
-                if (entry.isIntersecting) {
-                    this.timeout = setTimeout(() => {
-                        this.visible = true;
-                        this.observer.unobserve(this.el.nativeElement);
-                        this.load.emit();
-                    }, 350);
-                }
-            }, this.options);
-
-            this.observer.observe(this.el.nativeElement);
-        }
-    }
-
-    ngOnDestroy() {
-        if (!this.visible && this.el.nativeElement) {
-            this.observer?.unobserve(this.el.nativeElement);
-        }
-        clearTimeout(this.timeout);
-    }
-}
diff --git a/src/app/showcase/doc/Image/accessibilitydoc.ts b/src/app/showcase/doc/Image/accessibilitydoc.ts
deleted file mode 100644
index 729f887..0000000
--- a/src/app/showcase/doc/Image/accessibilitydoc.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <h3>Screen Reader</h3>
-        <p>The preview button is a native <i>button</i> element with an <i>aria-label</i> that refers to the <i>aria.zoomImage</i> property of the <a href="/configuration/#locale">locale</a> API by default.</p>
-        <p>When preview is active, <i>dialog</i> role with <i>aria-modal</i> is applied to the overlay image container.</p>
-        <p>Button controls use <i>aria.rotateRight</i>, <i>aria.rotateLeft</i>, <i>aria.zoomIn</i>, <i>aria.zoomOut</i> and <i>aria.close</i> from the <a href="/configuration/#locale">locale</a> API as <i>aria-label</i>.</p>
-        <h3>ButtonBar Keyboard Support</h3>
-        <p>When preview is activated, close button receives the initial focus.</p>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>tab</i></td>
-                        <td>Moves focus through button bar.</td>
-                    </tr>
-                    <tr>
-                        <td><i>enter</i></td>
-                        <td>Activates the button.</td>
-                    </tr>
-                    <tr>
-                        <td><i>space</i></td>
-                        <td>Activates the button.</td>
-                    </tr>
-                    <tr>
-                        <td><i>esc</i></td>
-                        <td>Closes the image preview.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/Image/basicdoc.ts b/src/app/showcase/doc/Image/basicdoc.ts
deleted file mode 100644
index b3ec8a9..0000000
--- a/src/app/showcase/doc/Image/basicdoc.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Image is used as the native <i>img</i> element and supports all properties that the native element has. For multiple image, see <a [routerLink]="['/galleria']">Galleria.</a></p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-image src="https://primefaces.org/cdn/primeng/images/galleria/galleria10.jpg" alt="Image" width="250" />
-        </div>
-        <app-code [code]="code" selector="image-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-image 
-    src="https://primefaces.org/cdn/primeng/images/galleria/galleria10.jpg" 
-    alt="Image" 
-    width="250" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-image 
-        src="https://primefaces.org/cdn/primeng/images/galleria/galleria10.jpg"
-        alt="Image"
-        width="250" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ImageModule } from 'primeng/image';
-
-@Component({
-    selector: 'image-basic-demo',
-    templateUrl: './image-basic-demo.html',
-    standalone: true,
-    imports: [ImageModule]
-})
-export class ImageBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/Image/imagedoc.module.ts b/src/app/showcase/doc/Image/imagedoc.module.ts
deleted file mode 100644
index d62b60c..0000000
--- a/src/app/showcase/doc/Image/imagedoc.module.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { RouterModule } from '@angular/router';
-import { NgModule } from '@angular/core';
-import { ImageModule } from 'primeng/image';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BasicDoc } from './basicdoc';
-import { TemplateDoc } from './templatedoc';
-import { PreviewDoc } from './previewdoc';
-import { PreviewImageSourceDoc } from './previewimagesourcedoc';
-import { StyleDoc } from './styledoc';
-import { ImportDoc } from './importdoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, ImageModule, AppCodeModule, AppDocModule],
-    declarations: [ImportDoc, BasicDoc, TemplateDoc, PreviewDoc, PreviewImageSourceDoc, StyleDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class ImageDocModule {}
diff --git a/src/app/showcase/doc/Image/importdoc.ts b/src/app/showcase/doc/Image/importdoc.ts
deleted file mode 100644
index 1276398..0000000
--- a/src/app/showcase/doc/Image/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ImageModule } from 'primeng/image';`
-    };
-}
diff --git a/src/app/showcase/doc/Image/previewdoc.ts b/src/app/showcase/doc/Image/previewdoc.ts
deleted file mode 100644
index 4f659db..0000000
--- a/src/app/showcase/doc/Image/previewdoc.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'image-preview-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Preview mode displays a modal layer when the image is clicked that provides transformation options such as rotating and zooming.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-image src="https://primefaces.org/cdn/primeng/images/galleria/galleria10.jpg" alt="Image" width="250" [preview]="true" />
-        </div>
-        <app-code [code]="code" selector="image-preview-demo"></app-code>
-    `
-})
-export class PreviewDoc {
-    code: Code = {
-        basic: `<p-image 
-    src="https://primefaces.org/cdn/primeng/images/galleria/galleria10.jpg" 
-    alt="Image" 
-    width="250" 
-    [preview]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-image 
-        src="https://primefaces.org/cdn/primeng/images/galleria/galleria10.jpg"
-        alt="Image" 
-        width="250" 
-        [preview]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ImageModule } from 'primeng/image';
-
-@Component({
-    selector: 'image-preview-demo',
-    templateUrl: './image-preview-demo.html',
-    standalone: true,
-    imports: [ImageModule]
-})
-export class ImagePreviewDemo {
-}`,
-        service: ['PhotoService']
-    };
-}
diff --git a/src/app/showcase/doc/Image/previewimagesourcedoc.ts b/src/app/showcase/doc/Image/previewimagesourcedoc.ts
deleted file mode 100644
index b92dd0b..0000000
--- a/src/app/showcase/doc/Image/previewimagesourcedoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'image-preview-source-demo',
-    template: `
-        <app-docsectiontext>
-            <p>In case that you want to show different image on preview, you can set <i>previewImageSrc</i> attribute. It could come handy when wanted to use smaller image version at first and bigger one on preview.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-image src="https://primefaces.org/cdn/primeng/images/galleria/galleria11.jpg" previewImageSrc="https://primefaces.org/cdn/primeng/images/galleria/galleria11.jpg" alt="Image" width="250" [preview]="true" />
-        </div>
-        <app-code [code]="code" selector="image-preview-source-demo"></app-code>
-    `
-})
-export class PreviewImageSourceDoc {
-    code: Code = {
-        basic: `<p-image 
-    src="https://primefaces.org/cdn/primeng/images/galleria/galleria11.jpg" 
-    previewImageSrc="https://primefaces.org/cdn/primeng/images/galleria/galleria11.jpg" 
-    alt="Image" 
-    width="250" 
-    [preview]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-image 
-        src="https://primefaces.org/cdn/primeng/images/galleria/galleria11.jpg" 
-        previewImageSrc="https://primefaces.org/cdn/primeng/images/galleria/galleria11.jpg" 
-        alt="Image" 
-        width="250" 
-        [preview]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ImageModule } from 'primeng/image';
-        
-@Component({
-    selector: 'image-preview-source-demo',
-    templateUrl: './image-preview-source-demo.html',
-    standalone: true,
-    imports: [ImageModule]
-})
-export class ImagePreviewSourceDemo {
-
-}`,
-        service: ['PhotoService']
-    };
-}
diff --git a/src/app/showcase/doc/Image/styledoc.ts b/src/app/showcase/doc/Image/styledoc.ts
deleted file mode 100644
index 6531aa8..0000000
--- a/src/app/showcase/doc/Image/styledoc.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-image</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-image-preview-container</td>
-                        <td>Container element with preview enabled.</td>
-                    </tr>
-                    <tr>
-                        <td>p-image-preview-indicator</td>
-                        <td>Mask layer over the image when hovered.</td>
-                    </tr>
-                    <tr>
-                        <td>p-image-preview-icon</td>
-                        <td>Icon of the preview indicator.</td>
-                    </tr>
-                    <tr>
-                        <td>p-image-mask</td>
-                        <td>Preview overlay container.</td>
-                    </tr>
-                    <tr>
-                        <td>p-image-toolbar</td>
-                        <td>Transformation options container.</td>
-                    </tr>
-                    <tr>
-                        <td>p-image-action</td>
-                        <td>An element inside the toolbar.</td>
-                    </tr>
-                    <tr>
-                        <td>p-image-preview</td>
-                        <td>Image element inside the preview overlay.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/Image/templatedoc.ts b/src/app/showcase/doc/Image/templatedoc.ts
deleted file mode 100644
index 26a4147..0000000
--- a/src/app/showcase/doc/Image/templatedoc.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>An eye icon is displayed by default when the image is hovered in preview mode. Use the <i>indicator</i> template for custom content.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-image src="https://primefaces.org/cdn/primeng/images/galleria/galleria10.jpg" [preview]="true" alt="Image" width="250">
-                <ng-template pTemplate="indicator">
-                    <i class="pi pi-check"></i>
-                </ng-template>
-            </p-image>
-        </div>
-        <app-code [code]="code" selector="image-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    code: Code = {
-        basic: `<p-image 
-    src="https://primefaces.org/cdn/primeng/images/galleria/galleria10.jpg" 
-    [preview]="true" 
-    alt="Image" 
-    width="250">
-        <ng-template pTemplate="indicator">
-            <i class="pi pi-check"></i>
-        </ng-template>
-</p-image>`,
-
-        html: `<div class="card flex justify-center">
-    <p-image 
-        src="https://primefaces.org/cdn/primeng/images/galleria/galleria10.jpg" 
-        [preview]="true" 
-        alt="Image" 
-        width="250">
-            <ng-template pTemplate="indicator">
-                <i class="pi pi-check"></i>
-            </ng-template>
-    </p-image>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ImageModule } from 'primeng/image';
-
-@Component({
-    selector: 'image-template-demo',
-    templateUrl: './image-template-demo.html',
-    standalone: true,
-    imports: [ImageModule]
-})
-export class ImageTemplateDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/accordion/accessibilitydoc.ts b/src/app/showcase/doc/accordion/accessibilitydoc.ts
deleted file mode 100644
index 9d97639..0000000
--- a/src/app/showcase/doc/accordion/accessibilitydoc.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Accordion header elements have a <i>button</i> role and use <i>aria-controls</i> to define the id of the content section along with <i>aria-expanded</i> for the visibility state. The value to read a header element defaults to the
-                value of the <i>header</i> property and can be customized by defining an <i>aria-label</i> or <i>aria-labelledby</i> property. Each header has a <i>heading</i> role, for which the level is customized by <i>headerAriaLevel</i> and has
-                a default level of 2 as per W3C specifications.
-            </p>
-            <p>The content uses <i>region</i> role, defines an id that matches the <i>aria-controls</i> of the header and <i>aria-labelledby</i> referring to the id of the header.</p>
-            <h3>Header Keyboard Support</h3>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the next the focusable element in the page tab sequence.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>tab</i></td>
-                        <td>Moves focus to the previous the focusable element in the page tab sequence.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Toggles the visibility of the content.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Toggles the visibility of the content.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>down arrow</i>
-                        </td>
-                        <td>Moves focus to the next header.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>up arrow</i>
-                        </td>
-                        <td>Moves focus to the previous header.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>home</i>
-                        </td>
-                        <td>Moves focus to the first header.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>end</i>
-                        </td>
-                        <td>Moves focus to the last header.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/accordion/accordiondoc.module.ts b/src/app/showcase/doc/accordion/accordiondoc.module.ts
deleted file mode 100644
index 5db6077..0000000
--- a/src/app/showcase/doc/accordion/accordiondoc.module.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FormsModule } from '@angular/forms';
-import { AccordionModule } from 'primeng/accordion';
-import { ButtonModule } from 'primeng/button';
-import { AvatarModule } from 'primeng/avatar';
-import { BadgeModule } from 'primeng/badge';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { ControlledDoc } from './controlleddoc';
-import { DisabledDoc } from './disableddoc';
-import { ImportDoc } from './importdoc';
-import { MultipleDoc } from './multipledoc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-import { DynamicDoc } from './dynamicdoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, AccordionModule, ButtonModule, RouterModule, AvatarModule, BadgeModule, FormsModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, DynamicDoc, MultipleDoc, DisabledDoc, ControlledDoc, TemplateDoc, StyleDoc, AccessibilityDoc]
-})
-export class AccordionDocModule {}
diff --git a/src/app/showcase/doc/accordion/basicdoc.ts b/src/app/showcase/doc/accordion/basicdoc.ts
deleted file mode 100644
index 131e3e0..0000000
--- a/src/app/showcase/doc/accordion/basicdoc.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Accordion consists of one or more <i>AccordionTab</i> elements which are collapsed by default. Tab to expand initially can be defined with the <i>activeIndex</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-accordion [activeIndex]="0">
-                <p-accordionTab header="Header I">
-                    <p>
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                    </p>
-                </p-accordionTab>
-                <p-accordionTab header="Header II">
-                    <p>
-                        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                        ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-                    </p>
-                </p-accordionTab>
-                <p-accordionTab header="Header III">
-                    <p>
-                        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-                        qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-                    </p>
-                </p-accordionTab>
-            </p-accordion>
-        </div>
-        <app-code [code]="code" selector="accordion-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-accordion [activeIndex]="0">
-    <p-accordionTab header="Header I">
-        <p>
-            Lorem ipsum dolor sit amet...
-        </p>
-    </p-accordionTab>
-    <p-accordionTab header="Header II">
-        <p>
-            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-        </p>
-    </p-accordionTab>
-    <p-accordionTab header="Header III">
-        <p>
-            At vero eos et accusamus et iusto odio dignissimos...
-        </p>
-    </p-accordionTab>
-</p-accordion>`,
-
-        html: `<div class="card flex justify-center">
-    <p-accordion [activeIndex]="0">
-        <p-accordionTab header="Header I">
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-        </p-accordionTab>
-        <p-accordionTab header="Header II">
-            <p>
-                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-            </p>
-        </p-accordionTab>
-        <p-accordionTab header="Header III">
-            <p>
-                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-                qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-            </p>
-        </p-accordionTab>
-    </p-accordion>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { AccordionModule } from 'primeng/accordion';
-
-@Component({
-    selector: 'accordion-basic-demo',
-    templateUrl: './accordion-basic-demo.html',
-    standalone: true,
-    imports: [AccordionModule]
-})
-export class AccordionBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/accordion/controlleddoc.ts b/src/app/showcase/doc/accordion/controlleddoc.ts
deleted file mode 100644
index ff6c5b8..0000000
--- a/src/app/showcase/doc/accordion/controlleddoc.ts
+++ /dev/null
@@ -1,147 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'controlled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Tabs can be controlled programmatically using the <i>activeIndex</i> property of the accordion in general or the <i>selected</i> property of p-accordionTab individually.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex mb-3 gap-2 justify-end">
-                <p-button (onClick)="activeIndex = 0" rounded="true" label="1" styleClass="!w-2 !h-2 p-0" [outlined]="activeIndex !== 0" />
-                <p-button (onClick)="activeIndex = 1" rounded="true" label="2" styleClass="!w-2 !h-2 p-0" [outlined]="activeIndex !== 1" />
-                <p-button (onClick)="activeIndex = 2" rounded="true" label="3" styleClass="!w-2 !h-2 p-0" [outlined]="activeIndex !== 2" />
-            </div>
-            <p-accordion (activeIndexChange)="activeIndexChange($event)" [activeIndex]="activeIndex">
-                <p-accordionTab header="Header I">
-                    <p class="m-0">
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                    </p>
-                </p-accordionTab>
-                <p-accordionTab header="Header II">
-                    <p class="m-0">
-                        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                        ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-                    </p>
-                </p-accordionTab>
-                <p-accordionTab header="Header III">
-                    <p class="m-0">
-                        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-                        qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-                    </p>
-                </p-accordionTab>
-            </p-accordion>
-        </div>
-        <app-code [code]="code" selector="accordion-controlled-demo"></app-code>
-    `
-})
-export class ControlledDoc {
-    activeIndex: number | undefined = 0;
-
-    activeIndexChange(index: number) {
-        this.activeIndex = index;
-    }
-
-    code: Code = {
-        basic: `<div class="flex mb-3 gap-2 justify-end">
-    <p-button
-        (click)="activeIndex = 0"
-        rounded="true"
-        label="1"
-        styleClass="!w-2 !h-2 p-0"
-        [outlined]="activeIndex !== 0" />
-    <p-button
-        (click)="activeIndex = 1"
-        rounded="true"
-        label="2"
-        styleClass="!w-2 !h-2 p-0"
-        [outlined]="activeIndex !== 1" />
-    <p-button
-        (click)="activeIndex = 2"
-        rounded="true"
-        label="3"
-        styleClass="!w-2 !h-2 p-0"
-        [outlined]="activeIndex !== 2" />
-    </div>
-    <p-accordion (activeIndexChange)="activeIndexChange($event)" [activeIndex]="activeIndex">
-        <p-accordionTab header="Header I">
-            <p class="m-0">
-                Lorem ipsum dolor sit amet...
-            </p>
-        </p-accordionTab>
-        <p-accordionTab header="Header II">
-            <p class="m-0">
-                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-            </p>
-        </p-accordionTab>
-        <p-accordionTab header="Header III">
-            <p class="m-0">
-                At vero eos et accusamus et iusto odio dignissimos...
-            </p>
-        </p-accordionTab>
-    </p-accordion>`,
-
-        html: `<div class="card">
-    <div class="flex mb-3 gap-2 justify-end">
-        <p-button
-            (click)="activeIndex = 0"
-            rounded="true"
-            label="1"
-            styleClass="!w-2 !h-2 p-0"
-            [outlined]="activeIndex !== 0" />
-        <p-button
-            (click)="activeIndex = 1"
-            rounded="true"
-            label="2"
-            styleClass="!w-2 !h-2 p-0"
-            [outlined]="activeIndex !== 1" />
-        <p-button
-            (click)="activeIndex = 2"
-            rounded="true"
-            label="3"
-            styleClass="!w-2 !h-2 p-0"
-            [outlined]="activeIndex !== 2" />
-    </div>
-    <p-accordion (activeIndexChange)="activeIndexChange($event)" [activeIndex]="activeIndex">
-        <p-accordionTab header="Header I">
-            <p class="m-0">
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-        </p-accordionTab>
-        <p-accordionTab header="Header II">
-            <p class="m-0">
-                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-            </p>
-        </p-accordionTab>
-        <p-accordionTab header="Header III">
-            <p class="m-0">
-                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-                qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-            </p>
-        </p-accordionTab>
-    </p-accordion>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { AccordionModule } from 'primeng/accordion';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'accordion-controlled-demo',
-    templateUrl: './accordion-controlled-demo.html',
-    standalone: true,
-    imports: [AccordionModule, ButtonModule]
-})
-export class AccordionControlledDemo {
-    activeIndex: number | undefined = 0;
-
-    activeIndexChange(index : number){
-        this.activeIndex = index
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/accordion/disableddoc.ts b/src/app/showcase/doc/accordion/disableddoc.ts
deleted file mode 100644
index 69e22fd..0000000
--- a/src/app/showcase/doc/accordion/disableddoc.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Enabling <i>disabled</i> property of an AccordionTab prevents user interaction.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-accordion [activeIndex]="0">
-                <p-accordionTab header="Header I">
-                    <p>
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                    </p>
-                </p-accordionTab>
-                <p-accordionTab header="Header II">
-                    <p>
-                        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                        ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-                    </p>
-                </p-accordionTab>
-                <p-accordionTab header="Header III">
-                    <p>
-                        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-                        qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-                    </p>
-                </p-accordionTab>
-                <p-accordionTab header="Header IV" [disabled]="true" />
-            </p-accordion>
-        </div>
-        <app-code [code]="code" selector="accordion-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    code: Code = {
-        basic: `<p-accordion [activeIndex]="0">
-    <p-accordionTab header="Header I">
-        <p>
-            Lorem ipsum dolor sit amet...
-        </p>
-    </p-accordionTab>
-    <p-accordionTab header="Header II">
-        <p>
-            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-        </p>
-    </p-accordionTab>
-    <p-accordionTab header="Header III">
-        <p>
-            At vero eos et accusamus et iusto odio dignissimos...
-        </p>
-    </p-accordionTab>
-    <p-accordionTab header="Header IV" [disabled]="true" />
-</p-accordion>`,
-
-        html: `<div class="card flex justify-center">
-    <p-accordion [activeIndex]="0">
-        <p-accordionTab header="Header I">
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-        </p-accordionTab>
-        <p-accordionTab header="Header II">
-            <p>
-                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-            </p>
-        </p-accordionTab>
-        <p-accordionTab header="Header III">
-            <p>
-                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-                qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-            </p>
-        </p-accordionTab>
-        <p-accordionTab header="Header IV" [disabled]="true" />  
-    </p-accordion>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { AccordionModule } from 'primeng/accordion';
-
-@Component({
-    selector: 'accordion-disabled-demo',
-    templateUrl: './accordion-disabled-demo.html',
-    standalone: true,
-    imports: [AccordionModule]
-})
-export class AccordionDisabledDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/accordion/dynamicdoc.ts b/src/app/showcase/doc/accordion/dynamicdoc.ts
deleted file mode 100644
index 1b48554..0000000
--- a/src/app/showcase/doc/accordion/dynamicdoc.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dynamic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>AccordionTabs can be generated dynamically using the standard <i>ngFor</i> directive.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-accordion [activeIndex]="0">
-                <p-accordionTab [header]="tab.title" *ngFor="let tab of tabs">
-                    <p class="m-0">
-                        {{ tab.content }}
-                    </p>
-                </p-accordionTab>
-            </p-accordion>
-        </div>
-        <app-code [code]="code" selector="accordion-dynamic-demo"></app-code>
-    `
-})
-export class DynamicDoc {
-    tabs = [
-        { title: 'Title 1', content: 'Content 1' },
-        { title: 'Title 2', content: 'Content 2' },
-        { title: 'Title 3', content: 'Content 3' }
-    ];
-    code: Code = {
-        basic: `<p-accordion [activeIndex]="0">
-    <p-accordionTab [header]="tab.title" *ngFor="let tab of tabs">
-        <p class="m-0">
-            {{ tab.content }}
-        </p>
-    </p-accordionTab>
-</p-accordion>`,
-
-        html: `<div class="card">
-    <p-accordion [activeIndex]="0">
-        <p-accordionTab [header]="tab.title" *ngFor="let tab of tabs">
-            <p class="m-0">
-                {{ tab.content }}
-            </p>
-        </p-accordionTab>
-    </p-accordion>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { AccordionModule } from 'primeng/accordion';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'accordion-dynamic-demo',
-    templateUrl: './accordion-dynamic-demo.html',
-    standalone: true,
-    imports: [AccordionModule, CommonModule]
-})
-export class AccordionDynamicDemo {
-    tabs = [
-        { title: 'Title 1', content: 'Content 1' },
-        { title: 'Title 2', content: 'Content 2' },
-        { title: 'Title 3', content: 'Content 3' }
-    ];
-}`
-    };
-}
diff --git a/src/app/showcase/doc/accordion/importdoc.ts b/src/app/showcase/doc/accordion/importdoc.ts
deleted file mode 100644
index 295b733..0000000
--- a/src/app/showcase/doc/accordion/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { AccordionModule } from 'primeng/accordion';`
-    };
-}
diff --git a/src/app/showcase/doc/accordion/multipledoc.ts b/src/app/showcase/doc/accordion/multipledoc.ts
deleted file mode 100644
index 2603ab2..0000000
--- a/src/app/showcase/doc/accordion/multipledoc.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'multiple-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Only one tab at a time can be active by default, enabling <i>multiple</i> property changes this behavior to allow multiple tabs. In this case <i>activeIndex</i> needs to be an array.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-accordion [multiple]="true" [activeIndex]="[0]">
-                <p-accordionTab header="Header I">
-                    <p>
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                    </p>
-                </p-accordionTab>
-                <p-accordionTab header="Header II">
-                    <p>
-                        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                        ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-                    </p>
-                </p-accordionTab>
-                <p-accordionTab header="Header III">
-                    <p>
-                        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-                        qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-                    </p>
-                </p-accordionTab>
-            </p-accordion>
-        </div>
-        <app-code [code]="code" selector="accordion-multiple-demo"></app-code>
-    `
-})
-export class MultipleDoc {
-    code: Code = {
-        basic: `<p-accordion [multiple]="true" [activeIndex]="[0]">
-    <p-accordionTab header="Header I">
-        <p>
-            Lorem ipsum dolor sit amet...
-        </p>
-    </p-accordionTab>
-    <p-accordionTab header="Header II">
-        <p>
-            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-        </p>
-    </p-accordionTab>
-    <p-accordionTab header="Header III">
-        <p>
-            At vero eos et accusamus et iusto odio dignissimos...
-        </p>
-    </p-accordionTab>
-</p-accordion>`,
-
-        html: `<div class="card flex justify-center">
-    <p-accordion [multiple]="true" [activeIndex]="[0]">
-        <p-accordionTab header="Header I">
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-        </p-accordionTab>
-        <p-accordionTab header="Header II">
-            <p>
-                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-            </p>
-        </p-accordionTab>
-        <p-accordionTab header="Header III">
-            <p>
-                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-                qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-            </p>
-        </p-accordionTab>
-    </p-accordion>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { AccordionModule } from 'primeng/accordion';
-
-@Component({
-    selector: 'accordion-multiple-demo',
-    templateUrl: './accordion-multiple-demo.html',
-    standalone: true,
-    imports: [AccordionModule]
-})
-export class AccordionMultipleDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/accordion/styledoc.ts b/src/app/showcase/doc/accordion/styledoc.ts
deleted file mode 100644
index bf3ad41..0000000
--- a/src/app/showcase/doc/accordion/styledoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-accordion</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-accordion-header</td>
-                        <td>Header of a tab.</td>
-                    </tr>
-                    <tr>
-                        <td>p-accordion-content</td>
-                        <td>Content of a tab.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/accordion/templatedoc.ts b/src/app/showcase/doc/accordion/templatedoc.ts
deleted file mode 100644
index bff9d38..0000000
--- a/src/app/showcase/doc/accordion/templatedoc.ts
+++ /dev/null
@@ -1,178 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>AccordionTab is customized <i>header</i> and <i>content</i> templates.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-accordion class="w-full" expandIcon="pi pi-plus" collapseIcon="pi pi-minus">
-                <p-accordionTab>
-                    <ng-template pTemplate="header">
-                        <span class="flex items-center gap-2 w-full">
-                            <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" shape="circle" />
-                            <span class="font-bold white-space-nowrap">Amy Elsner</span>
-                            <p-badge value="3" class="ml-auto mr-2" />
-                        </span>
-                    </ng-template>
-                    <p class="m-0">
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                    </p>
-                </p-accordionTab>
-                <p-accordionTab>
-                    <ng-template pTemplate="header">
-                        <span class="flex items-center gap-2 w-full">
-                            <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/onyamalimba.png" shape="circle" />
-                            <span class="font-bold white-space-nowrap">Onyama Limba</span>
-                            <p-badge value="4" class="ml-auto mr-2" />
-                        </span>
-                    </ng-template>
-                    <p class="m-0">
-                        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                        ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-                    </p>
-                </p-accordionTab>
-                <p-accordionTab>
-                    <ng-template pTemplate="header">
-                        <span class="flex items-center gap-2 w-full">
-                            <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/ionibowcher.png" shape="circle" />
-                            <span class="font-bold white-space-nowrap">Ioni Bowcher</span>
-                            <p-badge value="2" class="ml-auto mr-2" />
-                        </span>
-                    </ng-template>
-                    <p class="m-0">
-                        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-                        qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-                    </p>
-                </p-accordionTab>
-            </p-accordion>
-        </div>
-        <app-code [code]="code" selector="accordion-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    code: Code = {
-        basic: `<p-accordion class="w-full" expandIcon="pi pi-plus" collapseIcon="pi pi-minus">
-        <p-accordionTab>
-            <ng-template pTemplate="header">
-                <span class="flex items-center gap-2 w-full">
-                    <p-avatar 
-                        image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" 
-                        shape="circle" />
-                    <span class="font-bold white-space-nowrap">
-                        Amy Elsner
-                    </span>
-                    <p-badge value="3" class="ml-auto mr-2" />
-                </span>
-            </ng-template>
-            <p class="m-0">
-                Lorem ipsum dolor sit amet...
-            </p>
-        </p-accordionTab>
-        <p-accordionTab>
-            <ng-template pTemplate="header">
-                <span class="flex items-center gap-2 w-full">
-                    <p-avatar 
-                        image="https://primefaces.org/cdn/primeng/images/demo/avatar/onyamalimba.png" 
-                        shape="circle" />
-                    <span class="font-bold white-space-nowrap">
-                        Onyama Limba
-                    </span>
-                    <p-badge value="4" class="ml-auto mr-2" />
-                </span>
-            </ng-template>
-            <p class="m-0">
-                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-            </p>
-        </p-accordionTab>
-        <p-accordionTab>
-            <ng-template pTemplate="header">
-                <span class="flex items-center gap-2 w-full">
-                    <p-avatar 
-                        image="https://primefaces.org/cdn/primeng/images/demo/avatar/ionibowcher.png" 
-                        shape="circle" />
-                    <span class="font-bold white-space-nowrap">
-                        Ioni Bowcher
-                    </span>
-                    <p-badge value="2" class="ml-auto mr-2" />
-                </span>
-            </ng-template>
-            <p class="m-0">
-                At vero eos et accusamus et iusto odio dignissimos...
-            </p>
-        </p-accordionTab>
-</p-accordion>`,
-
-        html: `<div class="card flex justify-center">
-    <p-accordion class="w-full" expandIcon="pi pi-plus" collapseIcon="pi pi-minus">
-    <p-accordionTab>
-        <ng-template pTemplate="header">
-            <span class="flex items-center gap-2 w-full">
-                <p-avatar 
-                    image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" 
-                    shape="circle" />
-                <span class="font-bold white-space-nowrap">
-                    Amy Elsner
-                </span>
-                <p-badge value="3" class="ml-auto mr-2" />
-            </span>
-        </ng-template>
-        <p class="m-0">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-    </p-accordionTab>
-    <p-accordionTab>
-        <ng-template pTemplate="header">
-            <span class="flex items-center gap-2 w-full">
-                <p-avatar 
-                    image="https://primefaces.org/cdn/primeng/images/demo/avatar/onyamalimba.png" 
-                    shape="circle" />
-                <span class="font-bold white-space-nowrap">
-                    Onyama Limba
-                </span>
-                <p-badge value="4" class="ml-auto mr-2" />
-            </span>
-        </ng-template>
-        <p class="m-0">
-            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-            ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-        </p>
-</p-accordionTab>
-<p-accordionTab>
-    <ng-template pTemplate="header">
-        <span class="flex items-center gap-2 w-full">
-            <p-avatar 
-                image="https://primefaces.org/cdn/primeng/images/demo/avatar/ionibowcher.png" 
-                shape="circle" />
-            <span class="font-bold white-space-nowrap">
-                Ioni Bowcher
-            </span>
-            <p-badge value="2" class="ml-auto mr-2" />
-        </span>
-    </ng-template>
-    <p class="m-0">
-        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-        qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-    </p>
-</p-accordionTab>
-</p-accordion>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { AccordionModule } from 'primeng/accordion';
-import { AvatarModule } from 'primeng/avatar';
-import { BadgeModule } from 'primeng/badge';
-
-@Component({
-    selector: 'accordion-template-demo',
-    templateUrl: './accordion-template-demo.html',
-    standalone: true,
-    imports: [AccordionModule, AvatarModule, BadgeModule]
-})
-export class AccordionTemplateDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/animateonscroll/accessibilitydoc.ts b/src/app/showcase/doc/animateonscroll/accessibilitydoc.ts
deleted file mode 100644
index cc2b689..0000000
--- a/src/app/showcase/doc/animateonscroll/accessibilitydoc.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>AnimateOnScroll does not require any roles and attributes.</p>
-            <h3>Keyboard Support</h3>
-            <p>Component does not include any interactive elements.</p>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/animateonscroll/animateonscrolldoc.module.ts b/src/app/showcase/doc/animateonscroll/animateonscrolldoc.module.ts
deleted file mode 100644
index 80d1e70..0000000
--- a/src/app/showcase/doc/animateonscroll/animateonscrolldoc.module.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ImportDoc } from './importdoc';
-import { BasicDoc } from './basicdoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { AnimateOnScrollModule } from 'primeng/animateonscroll';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, AnimateOnScrollModule],
-    declarations: [ImportDoc, BasicDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class AnimateOnScrollDocModule {}
diff --git a/src/app/showcase/doc/animateonscroll/basicdoc.ts b/src/app/showcase/doc/animateonscroll/basicdoc.ts
deleted file mode 100644
index a9f27bd..0000000
--- a/src/app/showcase/doc/animateonscroll/basicdoc.ts
+++ /dev/null
@@ -1,194 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Animation classes are defined with the <i>enterClass</i> and <i>leaveClass</i> properties. This example utilizes PrimeFlex animations however any valid CSS animation is supported.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col items-center overflow-hidden">
-            <div class="flex flex-col items-center gap-2">
-                <span class="text-xl font-medium">Scroll Down</span>
-                <span class="slidedown-icon !h-2 !w-2 bg-primary border-circle inline-flex items-center justify-center">
-                    <i class="pi pi-arrow-down"></i>
-                </span>
-            </div>
-            <div class="!h-30"></div>
-            <div pAnimateOnScroll enterClass="fadein" leaveClass="fadeout" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000">
-                <span class="text-3xl font-bold">fade-in</span>
-            </div>
-            <div class="!h-30"></div>
-            <div pAnimateOnScroll enterClass="fadeinleft" leaveClass="fadeoutleft" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000 animation-ease-in-out">
-                <span class="text-3xl font-bold">fade-left</span>
-            </div>
-            <div class="!h-30"></div>
-            <div pAnimateOnScroll enterClass="fadeinright" leaveClass="fadeoutright" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000 animation-ease-in-out">
-                <span class="text-3xl font-bold">fade-right</span>
-            </div>
-            <div class="!h-30"></div>
-            <div pAnimateOnScroll enterClass="zoomin" leaveClass="fadeout" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000">
-                <span class="text-3xl font-bold">zoom</span>
-            </div>
-            <div class="!h-30"></div>
-            <div pAnimateOnScroll enterClass="flipleft" leaveClass="fadeout" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000 animation-ease-in-out">
-                <span class="text-3xl font-bold">flip-left</span>
-            </div>
-            <div class="!h-30"></div>
-            <div pAnimateOnScroll enterClass="flipup" leaveClass="fadeout" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000 animation-ease-in-out">
-                <span class="text-3xl font-bold">flip-y</span>
-            </div>
-            <div class="!h-30"></div>
-            <div pAnimateOnScroll enterClass="scalein" leaveClass="fadeout" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000 animation-ease-in-out">
-                <span class="text-3xl font-bold">scalein</span>
-            </div>
-        </div>
-        <app-code [code]="code" selector="animate-on-scroll-basic-demo"></app-code>
-    `,
-    styles: [
-        `
-            :host {
-                @keyframes slidedown-icon {
-                    0% {
-                        transform: translateY(0);
-                    }
-
-                    50% {
-                        transform: translateY(20px);
-                    }
-
-                    100% {
-                        transform: translateY(0);
-                    }
-                }
-
-                .slidedown-icon {
-                    animation: slidedown-icon;
-                    animation-duration: 3s;
-                    animation-iteration-count: infinite;
-                }
-
-                .box {
-                    background-image: radial-gradient(var(--primary-300), var(--primary-600));
-                    border-radius: 50% !important;
-                    color: var(--primary-color-text);
-                }
-            }
-        `
-    ]
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<div class="flex flex-col items-center gap-2">
-    <span class="text-xl font-medium">Scroll Down</span>
-    <span class="slidedown-icon !h-2 !w-2 bg-primary border-circle inline-flex items-center justify-center">
-        <i class="pi pi-arrow-down"></i>
-    </span>
-</div>
-<div class="!h-30"></div>
-<div pAnimateOnScroll enterClass="fadein" leaveClass="fadeout" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000">
-    <span class="text-3xl font-bold">fade-in</span>
-</div>
-<div class="!h-30"></div>
-<div pAnimateOnScroll enterClass="fadeinleft" leaveClass="fadeoutleft" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000 animation-ease-in-out">
-    <span class="text-3xl font-bold">fade-left</span>
-</div>
-<div class="!h-30"></div>
-<div pAnimateOnScroll enterClass="fadeinright" leaveClass="fadeoutright" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000 animation-ease-in-out">
-    <span class="text-3xl font-bold">fade-right</span>
-</div>
-<div class="!h-30"></div>
-<div pAnimateOnScroll enterClass="zoomin" leaveClass="fadeout" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000">
-    <span class="text-3xl font-bold">zoom</span>
-</div>
-<div class="!h-30"></div>
-<div pAnimateOnScroll enterClass="flipleft" leaveClass="fadeout" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000 animation-ease-in-out">
-    <span class="text-3xl font-bold">flip-left</span>
-</div>
-<div class="!h-30"></div>
-<div pAnimateOnScroll enterClass="flipup" leaveClass="fadeout" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000 animation-ease-in-out">
-    <span class="text-3xl font-bold">flip-y</span>
-</div>
-<div class="!h-30"></div>
-<div pAnimateOnScroll enterClass="scalein" leaveClass="fadeout" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000 animation-ease-in-out">
-    <span class="text-3xl font-bold">scalein</span>
-</div>`,
-        html: `<div class="card flex flex-col items-center overflow-hidden">
-    <div class="flex flex-col items-center gap-2">
-        <span class="text-xl font-medium">Scroll Down</span>
-        <span class="slidedown-icon !h-2 !w-2 bg-primary border-circle inline-flex items-center justify-center">
-            <i class="pi pi-arrow-down"></i>
-        </span>
-    </div>
-    <div class="!h-30"></div>
-    <div pAnimateOnScroll enterClass="fadein" leaveClass="fadeout" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000">
-        <span class="text-3xl font-bold">fade-in</span>
-    </div>
-    <div class="!h-30"></div>
-    <div pAnimateOnScroll enterClass="fadeinleft" leaveClass="fadeoutleft" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000 animation-ease-in-out">
-        <span class="text-3xl font-bold">fade-left</span>
-    </div>
-    <div class="!h-30"></div>
-    <div pAnimateOnScroll enterClass="fadeinright" leaveClass="fadeoutright" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000 animation-ease-in-out">
-        <span class="text-3xl font-bold">fade-right</span>
-    </div>
-    <div class="!h-30"></div>
-    <div pAnimateOnScroll enterClass="zoomin" leaveClass="fadeout" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000">
-        <span class="text-3xl font-bold">zoom</span>
-    </div>
-    <div class="!h-30"></div>
-    <div pAnimateOnScroll enterClass="flipleft" leaveClass="fadeout" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000 animation-ease-in-out">
-        <span class="text-3xl font-bold">flip-left</span>
-    </div>
-    <div class="!h-30"></div>
-    <div pAnimateOnScroll enterClass="flipup" leaveClass="fadeout" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000 animation-ease-in-out">
-        <span class="text-3xl font-bold">flip-y</span>
-    </div>
-    <div class="!h-30"></div>
-    <div pAnimateOnScroll enterClass="scalein" leaveClass="fadeout" class="flex box shadow-4 justify-center items-center !h-10 !w-10 sm:!h-15rem sm:!w-15 border-round animation-duration-1000 animation-ease-in-out">
-        <span class="text-3xl font-bold">scalein</span>
-    </div>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { AnimateOnScrollModule } from 'primeng/animateonscroll';
-
-@Component({
-    selector: 'animate-on-scroll-basic-demo',
-    templateUrl: './animate-on-scroll-basic-demo.html',
-    standalone: true,
-    imports: [AnimateOnScrollModule],
-    styles: [
-        \`
-            :host {
-                @keyframes slidedown-icon {
-                    0% {
-                        transform: translateY(0);
-                    }
-
-                    50% {
-                        transform: translateY(20px);
-                    }
-
-                    100% {
-                        transform: translateY(0);
-                    }
-                }
-
-                .slidedown-icon {
-                    animation: slidedown-icon;
-                    animation-duration: 3s;
-                    animation-iteration-count: infinite;
-                }
-
-                .box {
-                    background-image: radial-gradient(var(--primary-300), var(--primary-600));
-                    border-radius: 50% !important;
-                    color: var(--primary-color-text);
-                }
-            }
-        \`
-    ]
-})
-export class AnimateOnScrollBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/animateonscroll/importdoc.ts b/src/app/showcase/doc/animateonscroll/importdoc.ts
deleted file mode 100644
index eb5239c..0000000
--- a/src/app/showcase/doc/animateonscroll/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { AnimateOnScrollModule } from 'primeng/animateonscroll';`
-    };
-}
diff --git a/src/app/showcase/doc/apidoc/index.json b/src/app/showcase/doc/apidoc/index.json
deleted file mode 100644
index 8cc93b7..0000000
--- a/src/app/showcase/doc/apidoc/index.json
+++ /dev/null
@@ -1,29571 +0,0 @@
-{
-    "accordion": {
-        "components": {
-            "AccordionTab": {
-                "description": "AccordionTab is a helper component for Accordion.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Current id state as a string."
-                        },
-                        {
-                            "name": "header",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Used to define the header of the tab."
-                        },
-                        {
-                            "name": "headerStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the tab header."
-                        },
-                        {
-                            "name": "tabStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the tab."
-                        },
-                        {
-                            "name": "contentStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the tab content."
-                        },
-                        {
-                            "name": "tabStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the tab."
-                        },
-                        {
-                            "name": "headerStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the tab header."
-                        },
-                        {
-                            "name": "contentStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the tab content."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the tab is disabled."
-                        },
-                        {
-                            "name": "cache",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether a lazy loaded panel should avoid getting loaded again on reselection."
-                        },
-                        {
-                            "name": "transitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "400ms cubic-bezier(0.86, 0, 0.07, 1)",
-                            "description": "Transition options of the animation."
-                        },
-                        {
-                            "name": "iconPos",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"end\" | \"start\"",
-                            "default": "start",
-                            "description": "Position of the icon."
-                        },
-                        {
-                            "name": "selected",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "The value that returns the selection."
-                        },
-                        {
-                            "name": "headerAriaLevel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "2",
-                            "description": "The aria-level that each accordion header will have. The default value is 2 as per W3C specifications"
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "selectedChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "boolean"
-                                }
-                            ],
-                            "description": "Event triggered by changing the choice."
-                        }
-                    ]
-                }
-            },
-            "Accordion": {
-                "description": "Accordion groups a collection of contents in tabs.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "multiple",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, multiple tabs can be activated at the same time."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the tab header and content."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "expandIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon of a collapsed tab."
-                        },
-                        {
-                            "name": "collapseIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon of an expanded tab."
-                        },
-                        {
-                            "name": "activeIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number | number[]",
-                            "description": "Index of the active tab or an array of indexes in multiple mode."
-                        },
-                        {
-                            "name": "selectOnFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, the focused tab is activated."
-                        },
-                        {
-                            "name": "headerAriaLevel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "The aria-level that each accordion header will have. The default value is 2 as per W3C specifications"
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onClose",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "AccordionTabCloseEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when an active tab is collapsed by clicking on the header."
-                        },
-                        {
-                            "name": "onOpen",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "AccordionTabOpenEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a tab gets expanded."
-                        },
-                        {
-                            "name": "activeIndexChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "number | number[]"
-                                }
-                            ],
-                            "description": "Returns the active index."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "AccordionTabOpenEvent",
-                        "description": "Custom tab open event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "index",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Opened tab index."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "AccordionTabCloseEvent",
-                        "description": "Custom tab close event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "index",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Opened tab index."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "accordion",
-                        "name": "content",
-                        "parameters": [],
-                        "description": "Custom template of content."
-                    },
-                    {
-                        "parent": "accordion",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom template of header."
-                    },
-                    {
-                        "parent": "accordion",
-                        "name": "icon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Data of the selected.\n  }"
-                            }
-                        ],
-                        "description": "Custom template of icon."
-                    }
-                ]
-            }
-        }
-    },
-    "animate": {
-        "components": {
-            "Animate": {
-                "description": "Animate manages PrimeFlex CSS classes declaratively to during enter/leave animations on scroll or on page load.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "enterClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Selector to define the CSS class for enter animation."
-                        },
-                        {
-                            "name": "leaveClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Selector to define the CSS class for leave animation."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "animateonscroll": {
-        "components": {
-            "AnimateOnScroll": {
-                "description": "AnimateOnScroll is used to apply animations to elements when entering or leaving the viewport during scrolling.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "enterClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Selector to define the CSS class for enter animation."
-                        },
-                        {
-                            "name": "leaveClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Selector to define the CSS class for leave animation."
-                        },
-                        {
-                            "name": "root",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "HTMLElement",
-                            "description": "Specifies the root option of the IntersectionObserver API."
-                        },
-                        {
-                            "name": "rootMargin",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Specifies the rootMargin option of the IntersectionObserver API."
-                        },
-                        {
-                            "name": "threshold",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Specifies the threshold option of the IntersectionObserver API"
-                        },
-                        {
-                            "name": "once",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether the scroll event listener should be removed after initial run."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "blockableui": {
-        "components": {}
-    },
-    "confirmaeventtype": {
-        "components": {}
-    },
-    "confirmation": {
-        "components": {},
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "Confirmation",
-                    "description": "Represents a confirmation dialog configuration.",
-                    "props": [
-                        {
-                            "name": "message",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The message to be displayed in the confirmation dialog."
-                        },
-                        {
-                            "name": "key",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "A unique key to identify the confirmation dialog."
-                        },
-                        {
-                            "name": "icon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The name of the icon to be displayed in the confirmation dialog."
-                        },
-                        {
-                            "name": "header",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The header text of the confirmation dialog."
-                        },
-                        {
-                            "name": "accept",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "The callback function to be executed when the accept button is clicked."
-                        },
-                        {
-                            "name": "reject",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "The callback function to be executed when the reject button is clicked."
-                        },
-                        {
-                            "name": "acceptLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The label text for the accept button."
-                        },
-                        {
-                            "name": "rejectLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The label text for the reject button."
-                        },
-                        {
-                            "name": "acceptIcon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The name of the icon to be displayed on the accept button."
-                        },
-                        {
-                            "name": "rejectIcon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The name of the icon to be displayed on the reject button."
-                        },
-                        {
-                            "name": "acceptVisible",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Specifies whether the accept button should be visible."
-                        },
-                        {
-                            "name": "rejectVisible",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Specifies whether the reject button should be visible."
-                        },
-                        {
-                            "name": "blockScroll",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Specifies whether to block scrolling on the page when the confirmation dialog is displayed."
-                        },
-                        {
-                            "name": "closeOnEscape",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Specifies whether the confirmation dialog should be closed when the escape key is pressed."
-                        },
-                        {
-                            "name": "dismissableMask",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Specifies whether clicking outside the confirmation dialog should dismiss it."
-                        },
-                        {
-                            "name": "defaultFocus",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The ID or class name of the element to receive focus by default when the confirmation dialog is opened."
-                        },
-                        {
-                            "name": "acceptButtonStyleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The CSS class name to be applied to the accept button."
-                        },
-                        {
-                            "name": "rejectButtonStyleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The CSS class name to be applied to the reject button."
-                        },
-                        {
-                            "name": "target",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "EventTarget",
-                            "description": "The target event where the confirmation dialog is triggered from."
-                        },
-                        {
-                            "name": "acceptEvent",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "EventEmitter<any>",
-                            "description": "An event emitter for the accept event."
-                        },
-                        {
-                            "name": "rejectEvent",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "EventEmitter<any>",
-                            "description": "An event emitter for the reject event."
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "confirmationservice": {
-        "description": "Defines the service used by the component",
-        "methods": {
-            "description": "Methods used in service.",
-            "values": [
-                {
-                    "name": "confirm",
-                    "parameters": [
-                        {
-                            "name": "confirmation",
-                            "type": "Confirmation",
-                            "description": "Represents a confirmation dialog configuration."
-                        }
-                    ],
-                    "returnType": "ConfirmationService",
-                    "description": "Callback to invoke on confirm."
-                },
-                {
-                    "name": "close",
-                    "parameters": [],
-                    "returnType": "ConfirmationService",
-                    "description": "Closes the dialog."
-                },
-                {
-                    "name": "onAccept",
-                    "parameters": [],
-                    "returnType": "void",
-                    "description": "Accepts the dialog."
-                }
-            ]
-        }
-    },
-    "contextmenuservice": {
-        "components": {}
-    },
-    "filtermatchmode": {
-        "components": {}
-    },
-    "filtermetadata": {
-        "components": {},
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "FilterMetadata",
-                    "description": "Represents metadata for filtering a data set.",
-                    "props": [
-                        {
-                            "name": "value",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "The value used for filtering."
-                        },
-                        {
-                            "name": "matchMode",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The match mode for filtering."
-                        },
-                        {
-                            "name": "operator",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The operator for filtering."
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "filteroperator": {
-        "components": {}
-    },
-    "filterservice": {
-        "components": {}
-    },
-    "lazyloadevent": {
-        "components": {},
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "LazyLoadEvent",
-                    "description": "Represents an event object for lazy loading data.",
-                    "props": [
-                        {
-                            "name": "first",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "The index of the first record to be loaded."
-                        },
-                        {
-                            "name": "last",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "The index of the last record to be loaded."
-                        },
-                        {
-                            "name": "rows",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "The number of rows to load."
-                        },
-                        {
-                            "name": "sortField",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The field to be used for sorting."
-                        },
-                        {
-                            "name": "sortOrder",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "The sort order for the field."
-                        },
-                        {
-                            "name": "multiSortMeta",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "SortMeta[]",
-                            "description": "An array of sort metadata objects for multiple column sorting."
-                        },
-                        {
-                            "name": "filters",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "An object containing filter metadata for filtering the data.\nThe keys represent the field names, and the values represent the corresponding filter metadata."
-                        },
-                        {
-                            "name": "globalFilter",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "The global filter value for filtering across all columns."
-                        },
-                        {
-                            "name": "forceUpdate",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "A function that can be called to force an update in the lazy loaded data."
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "lazyloadmeta": {
-        "components": {},
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "LazyLoadMeta",
-                    "description": "Meta data for lazy load event.",
-                    "props": [
-                        {
-                            "name": "first",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number"
-                        },
-                        {
-                            "name": "rows",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number"
-                        },
-                        {
-                            "name": "sortField",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string | string[]"
-                        },
-                        {
-                            "name": "sortOrder",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number"
-                        },
-                        {
-                            "name": "filters",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Object"
-                        },
-                        {
-                            "name": "globalFilter",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string | string[]"
-                        },
-                        {
-                            "name": "multiSortMeta",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "SortMeta[]"
-                        },
-                        {
-                            "name": "forceUpdate",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Function"
-                        },
-                        {
-                            "name": "last",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number"
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "megamenuitem": {
-        "components": {},
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "MegaMenuItem",
-                    "description": "MegaMenuItem API provides the following properties.",
-                    "props": [
-                        {
-                            "name": "label",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text of the item."
-                        },
-                        {
-                            "name": "icon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon of the item."
-                        },
-                        {
-                            "name": "command",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "Callback to execute when item is clicked."
-                        },
-                        {
-                            "name": "url",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "External link to navigate when item is clicked."
-                        },
-                        {
-                            "name": "items",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "MenuItem[][]",
-                            "description": "An array of children menuitems."
-                        },
-                        {
-                            "name": "expanded",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Specifies whether the mega menu item is expanded."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "When set as true, disables the menuitem."
-                        },
-                        {
-                            "name": "visible",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Whether the dom element of menuitem is created or not."
-                        },
-                        {
-                            "name": "target",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Specifies where to open the linked document."
-                        },
-                        {
-                            "name": "routerLinkActiveOptions",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Configuration for active router link."
-                        },
-                        {
-                            "name": "separator",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines the item as a separator."
-                        },
-                        {
-                            "name": "badge",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Value of the badge."
-                        },
-                        {
-                            "name": "badgeStyleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the badge."
-                        },
-                        {
-                            "name": "style",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Inline style of the menuitem."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the menuitem."
-                        },
-                        {
-                            "name": "iconStyle",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Inline style of the item's icon."
-                        },
-                        {
-                            "name": "title",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Tooltip text of the item."
-                        },
-                        {
-                            "name": "id",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the element."
-                        },
-                        {
-                            "name": "automationId",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Value of HTML data-* attribute."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Specifies tab order of the item."
-                        },
-                        {
-                            "name": "routerLink",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "RouterLink definition for internal navigation."
-                        },
-                        {
-                            "name": "queryParams",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Query parameters for internal navigation via routerLink."
-                        },
-                        {
-                            "name": "fragment",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Sets the hash fragment for the URL."
-                        },
-                        {
-                            "name": "queryParamsHandling",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "QueryParamsHandling",
-                            "description": "How to handle query parameters in the router link for the next navigation. One of:\n   merge : Merge new with current parameters.\n   preserve : Preserve current parameters.k."
-                        },
-                        {
-                            "name": "preserveFragment",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "When true, preserves the URL fragment for the next navigation."
-                        },
-                        {
-                            "name": "skipLocationChange",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "When true, navigates without pushing a new state into history."
-                        },
-                        {
-                            "name": "replaceUrl",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "When true, navigates while replacing the current state in history."
-                        },
-                        {
-                            "name": "state",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Developer-defined state that can be passed to any navigation."
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "menuitem": {
-        "components": {},
-        "events": {
-            "description": "Defines the custom events used by the component's emitters.",
-            "values": [
-                {
-                    "name": "MenuItemCommandEvent",
-                    "description": "Custom command event",
-                    "props": [
-                        {
-                            "name": "originalEvent",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Event",
-                            "description": "Browser event."
-                        },
-                        {
-                            "name": "item",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "MenuItem | MegaMenuItem",
-                            "description": "Selected menu item."
-                        },
-                        {
-                            "name": "index",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Index of the selected item."
-                        }
-                    ]
-                }
-            ]
-        },
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "MenuItem",
-                    "description": "MenuItem provides the following properties. Note that not all of them may be utilized by the tabmenu component.",
-                    "props": [
-                        {
-                            "name": "label",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text of the item."
-                        },
-                        {
-                            "name": "icon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon of the item."
-                        },
-                        {
-                            "name": "command",
-                            "optional": true,
-                            "readonly": false
-                        },
-                        {
-                            "name": "url",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "External link to navigate when item is clicked."
-                        },
-                        {
-                            "name": "items",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of children menuitems."
-                        },
-                        {
-                            "name": "expanded",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Visibility of submenu."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "When set as true, disables the menuitem."
-                        },
-                        {
-                            "name": "visible",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Whether the dom element of menuitem is created or not."
-                        },
-                        {
-                            "name": "target",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Specifies where to open the linked document."
-                        },
-                        {
-                            "name": "escape",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Whether to escape the label or not. Set to false to display html content."
-                        },
-                        {
-                            "name": "routerLinkActiveOptions",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Configuration for active router link."
-                        },
-                        {
-                            "name": "separator",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines the item as a separator."
-                        },
-                        {
-                            "name": "badge",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Value of the badge."
-                        },
-                        {
-                            "name": "tooltip",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Tooltip of the item."
-                        },
-                        {
-                            "name": "tooltipPosition",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Position of the tooltip item."
-                        },
-                        {
-                            "name": "badgeStyleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the badge."
-                        },
-                        {
-                            "name": "style",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the menuitem."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the menuitem."
-                        },
-                        {
-                            "name": "title",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Tooltip text of the item."
-                        },
-                        {
-                            "name": "id",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the element."
-                        },
-                        {
-                            "name": "automationId",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Value of HTML data-* attribute."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Specifies tab order of the item."
-                        },
-                        {
-                            "name": "routerLink",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "RouterLink definition for internal navigation."
-                        },
-                        {
-                            "name": "queryParams",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Query parameters for internal navigation via routerLink."
-                        },
-                        {
-                            "name": "fragment",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Sets the hash fragment for the URL."
-                        },
-                        {
-                            "name": "queryParamsHandling",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "QueryParamsHandling",
-                            "description": "How to handle query parameters in the router link for the next navigation. One of:\n   merge : Merge new with current parameters.\n   preserve : Preserve current parameters.k."
-                        },
-                        {
-                            "name": "preserveFragment",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "When true, preserves the URL fragment for the next navigation."
-                        },
-                        {
-                            "name": "skipLocationChange",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "When true, navigates without pushing a new state into history."
-                        },
-                        {
-                            "name": "replaceUrl",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "When true, navigates while replacing the current state in history."
-                        },
-                        {
-                            "name": "iconStyle",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the item's icon."
-                        },
-                        {
-                            "name": "iconClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the item's icon."
-                        },
-                        {
-                            "name": "state",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Developer-defined state that can be passed to any navigation."
-                        },
-                        {
-                            "name": "tooltipOptions",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TooltipOptions",
-                            "description": "Options of the item's tooltip."
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "message": {
-        "components": {
-            "UIMessage": {
-                "description": "Message groups a collection of contents in tabs.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "severity",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Severity level of the message."
-                        },
-                        {
-                            "name": "text",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text content."
-                        },
-                        {
-                            "name": "escape",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether displaying messages would be escaped or not."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "Message",
-                    "description": "Deines valid options for the message.",
-                    "props": [
-                        {
-                            "name": "severity",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "summary",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "detail",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "id",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any"
-                        },
-                        {
-                            "name": "key",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "life",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number"
-                        },
-                        {
-                            "name": "sticky",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean"
-                        },
-                        {
-                            "name": "closable",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean"
-                        },
-                        {
-                            "name": "data",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any"
-                        },
-                        {
-                            "name": "icon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "contentStyleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "closeIcon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "messageservice": {
-        "description": "Defines the service used by the component",
-        "methods": {
-            "description": "Methods used in service.",
-            "values": [
-                {
-                    "name": "add",
-                    "parameters": [
-                        {
-                            "name": "message",
-                            "type": "Message",
-                            "description": "Message to be added."
-                        }
-                    ],
-                    "returnType": "void",
-                    "description": "Inserts single message."
-                },
-                {
-                    "name": "addAll",
-                    "parameters": [
-                        {
-                            "name": "messages",
-                            "type": "Message[]",
-                            "description": "Messages to be added."
-                        }
-                    ],
-                    "returnType": "void",
-                    "description": "Inserts new messages."
-                },
-                {
-                    "name": "clear",
-                    "parameters": [
-                        {
-                            "name": "key",
-                            "type": "string",
-                            "description": "Key of the message to be cleared."
-                        }
-                    ],
-                    "returnType": "void",
-                    "description": "Clears the message with the given key."
-                }
-            ]
-        }
-    },
-    "overlayoptions": {
-        "components": {},
-        "events": {
-            "description": "Defines the custom events used by the component's emitters.",
-            "values": [
-                {
-                    "name": "ResponsiveOverlayOptions",
-                    "description": "Represents the options for a responsive overlay.",
-                    "props": [
-                        {
-                            "name": "style",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "The inline style for the responsive overlay."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The CSS class for the responsive overlay."
-                        },
-                        {
-                            "name": "contentStyle",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "The inline style for the content of the responsive overlay."
-                        },
-                        {
-                            "name": "contentStyleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The CSS class for the content of the responsive overlay."
-                        },
-                        {
-                            "name": "breakpoint",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The breakpoint for the responsive overlay."
-                        },
-                        {
-                            "name": "media",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The media query for the responsive overlay."
-                        },
-                        {
-                            "name": "direction",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "ResponsiveOverlayDirectionType",
-                            "description": "The direction for the responsive overlay."
-                        }
-                    ]
-                },
-                {
-                    "name": "OverlayOnShowEvent",
-                    "description": "Represents an event that occurs when an overlay is shown.",
-                    "props": [
-                        {
-                            "name": "overlay",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "HTMLElement",
-                            "description": "The overlay element."
-                        },
-                        {
-                            "name": "target",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "HTMLElement",
-                            "description": "The target element."
-                        },
-                        {
-                            "name": "mode",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "OverlayModeType",
-                            "description": "The mode of the overlay."
-                        }
-                    ]
-                },
-                {
-                    "name": "OverlayOnBeforeShowEvent",
-                    "description": "Represents an event that occurs before an overlay is shown.",
-                    "props": [
-                        {
-                            "name": "overlay",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "HTMLElement",
-                            "description": "The overlay element."
-                        },
-                        {
-                            "name": "target",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "HTMLElement",
-                            "description": "The target element."
-                        },
-                        {
-                            "name": "mode",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "OverlayModeType",
-                            "description": "The mode of the overlay."
-                        }
-                    ]
-                },
-                {
-                    "name": "OverlayOnBeforeHideEvent",
-                    "description": "Represents an event that occurs before an overlay is hidden.",
-                    "props": [
-                        {
-                            "name": "overlay",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "HTMLElement",
-                            "description": "The overlay element."
-                        },
-                        {
-                            "name": "target",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "HTMLElement",
-                            "description": "The target element."
-                        },
-                        {
-                            "name": "mode",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "OverlayModeType",
-                            "description": "The mode of the overlay."
-                        }
-                    ]
-                },
-                {
-                    "name": "OverlayOnHideEvent",
-                    "description": "Represents an event that occurs when an overlay is hidden.",
-                    "props": [
-                        {
-                            "name": "overlay",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "HTMLElement",
-                            "description": "The overlay element."
-                        },
-                        {
-                            "name": "target",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "HTMLElement",
-                            "description": "The target element."
-                        },
-                        {
-                            "name": "mode",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "OverlayModeType",
-                            "description": "The mode of the overlay."
-                        }
-                    ]
-                }
-            ]
-        },
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "OverlayListenerOptions",
-                    "description": "Represents the options for an overlay listener.",
-                    "props": [
-                        {
-                            "name": "type",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "\"resize\" | \"scroll\" | \"outside\"",
-                            "description": "The type of listener, which can be 'scroll', 'outside', 'resize', or undefined."
-                        },
-                        {
-                            "name": "mode",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "OverlayModeType",
-                            "description": "The mode of the overlay listener."
-                        },
-                        {
-                            "name": "valid",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Indicates whether the overlay listener is valid."
-                        }
-                    ]
-                },
-                {
-                    "name": "OverlayOptions",
-                    "description": "Represents the options for an overlay.",
-                    "props": [
-                        {
-                            "name": "mode",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "OverlayModeType",
-                            "description": "The mode of the overlay."
-                        },
-                        {
-                            "name": "style",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "The inline style for the overlay."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The CSS class for the overlay."
-                        },
-                        {
-                            "name": "contentStyle",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "The inline style for the content of the overlay."
-                        },
-                        {
-                            "name": "contentStyleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The CSS class for the content of the overlay."
-                        },
-                        {
-                            "name": "target",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "The target element."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "HTMLElement | \"body\"",
-                            "description": "The element or location where the overlay should be appended."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Indicates whether the overlay should have an auto-generated z-index."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "The base z-index value for the overlay."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The transition options for showing the overlay."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The transition options for hiding the overlay."
-                        },
-                        {
-                            "name": "hideOnEscape",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Indicates whether the overlay should be hidden when the escape key is pressed."
-                        },
-                        {
-                            "name": "listener",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "A listener function for handling events related to the overlay."
-                        },
-                        {
-                            "name": "responsive",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "ResponsiveOverlayOptions",
-                            "description": "The options for a responsive overlay."
-                        },
-                        {
-                            "name": "onBeforeShow",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "A callback function that is invoked before the overlay is shown."
-                        },
-                        {
-                            "name": "onShow",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "A callback function that is invoked when the overlay is shown."
-                        },
-                        {
-                            "name": "onBeforeHide",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "A callback function that is invoked before the overlay is hidden."
-                        },
-                        {
-                            "name": "onHide",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "A callback function that is invoked when the overlay is hidden."
-                        },
-                        {
-                            "name": "onAnimationStart",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "A callback function that is invoked when the overlay's animation starts."
-                        },
-                        {
-                            "name": "onAnimationDone",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "A callback function that is invoked when the overlay's animation is done."
-                        }
-                    ]
-                }
-            ]
-        },
-        "types": {
-            "description": "Defines the custom types used by the module.",
-            "values": [
-                {
-                    "name": "OverlayModeType",
-                    "value": "\"modal\" | \"overlay\" | undefined",
-                    "description": "Represents the type of overlay mode, which can be 'modal', 'overlay', or undefined."
-                },
-                {
-                    "name": "ResponsiveOverlayDirectionType",
-                    "value": "\"center\" | \"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left\" | \"left-start\" | \"left-end\" | \"right\" | \"right-start\" | \"right-end\" | undefined",
-                    "description": "Represents the type of direction for a responsive overlay, which can be one of the specified values or undefined."
-                }
-            ]
-        }
-    },
-    "overlayservice": {
-        "components": {}
-    },
-    "primengconfig": {
-        "components": {}
-    },
-    "scrolleroptions": {
-        "components": {},
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "ScrollerOptions",
-                    "description": "Options for the scroller.",
-                    "props": [
-                        {
-                            "name": "id",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Unique identifier of the element."
-                        },
-                        {
-                            "name": "style",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the element."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "items",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of objects to display."
-                        },
-                        {
-                            "name": "itemSize",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "The height/width of item according to orientation."
-                        },
-                        {
-                            "name": "scrollHeight",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Height of the scroll viewport."
-                        },
-                        {
-                            "name": "scrollWidth",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Width of the scroll viewport."
-                        },
-                        {
-                            "name": "orientation",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "\"both\" | \"vertical\" | \"horizontal\"",
-                            "description": "The orientation of scrollbar."
-                        },
-                        {
-                            "name": "step",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Used to specify how many items to load in each load method in lazy mode."
-                        },
-                        {
-                            "name": "delay",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Delay in scroll before new data is loaded."
-                        },
-                        {
-                            "name": "resizeDelay",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Delay after window's resize finishes."
-                        },
-                        {
-                            "name": "appendOnly",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Used to append each loaded item to top without removing any items from the DOM. Using very large data may cause the browser to crash."
-                        },
-                        {
-                            "name": "inline",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Specifies whether the scroller should be displayed inline or not."
-                        },
-                        {
-                            "name": "lazy",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines if data is loaded and interacted with in lazy manner."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "If disabled, the scroller feature is eliminated and the content is displayed directly."
-                        },
-                        {
-                            "name": "loaderDisabled",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Used to implement a custom loader instead of using the loader feature in the scroller."
-                        },
-                        {
-                            "name": "columns",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "Columns to display."
-                        },
-                        {
-                            "name": "showSpacer",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Used to implement a custom spacer instead of using the spacer feature in the scroller."
-                        },
-                        {
-                            "name": "showLoader",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines whether to show loader."
-                        },
-                        {
-                            "name": "numToleratedItems",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Determines how many additional elements to add to the DOM outside of the view. According to the scrolls made up and down, extra items are added in a certain algorithm in the form of multiples of this number. Default value is half the number of items shown in the view."
-                        },
-                        {
-                            "name": "loading",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines whether the data is loaded."
-                        },
-                        {
-                            "name": "autoSize",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines whether to dynamically change the height or width of scrollable container."
-                        },
-                        {
-                            "name": "trackBy",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "Function to optimize the dom operations by delegating to ngForTrackBy, default algoritm checks for object identity."
-                        },
-                        {
-                            "name": "onLazyLoad",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "Callback to invoke in lazy mode to load new data."
-                        },
-                        {
-                            "name": "onScroll",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "Callback to invoke when scroll position changes."
-                        },
-                        {
-                            "name": "onScrollIndexChange",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "Callback to invoke when scroll position and item's range in view changes."
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "selectitem": {
-        "components": {},
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "SelectItem",
-                    "description": "Represents an option item.",
-                    "props": [
-                        {
-                            "name": "label",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "T"
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "icon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "title",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean"
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "selectitemgroup": {
-        "components": {},
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "SelectItemGroup",
-                    "description": "Represents a group of select items.",
-                    "props": [
-                        {
-                            "name": "label",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "value",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any"
-                        },
-                        {
-                            "name": "items",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "SelectItem<any>[]"
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "shared": {
-        "components": {}
-    },
-    "sortevent": {
-        "components": {},
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "SortEvent",
-                    "description": "Represents an event triggered when sorting is applied.",
-                    "props": [
-                        {
-                            "name": "data",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any[]"
-                        },
-                        {
-                            "name": "mode",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "field",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "order",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number"
-                        },
-                        {
-                            "name": "multiSortMeta",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "SortMeta[]"
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "sortmeta": {
-        "components": {},
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "SortMeta",
-                    "description": "Represents metadata for sorting.",
-                    "props": [
-                        {
-                            "name": "field",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "order",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number"
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "tablestate": {
-        "components": {},
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "TableState",
-                    "description": "Represents the state of a table component.",
-                    "props": [
-                        {
-                            "name": "first",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "The index of the first row to be displayed."
-                        },
-                        {
-                            "name": "rows",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "The number of rows to be displayed per page."
-                        },
-                        {
-                            "name": "sortField",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The field used for sorting."
-                        },
-                        {
-                            "name": "sortOrder",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "The sort order."
-                        },
-                        {
-                            "name": "multiSortMeta",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "SortMeta[]",
-                            "description": "An array of sort metadata when multiple sorting is applied."
-                        },
-                        {
-                            "name": "filters",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "The filters to be applied to the table."
-                        },
-                        {
-                            "name": "columnWidths",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The column widths for the table."
-                        },
-                        {
-                            "name": "tableWidth",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The width of the table."
-                        },
-                        {
-                            "name": "wrapperWidth",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The width of the wrapper element containing the table."
-                        },
-                        {
-                            "name": "selection",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "The selected item(s) in the table."
-                        },
-                        {
-                            "name": "columnOrder",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string[]",
-                            "description": "The order of the columns in the table."
-                        },
-                        {
-                            "name": "expandedRowKeys",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "The keys of the expanded rows in the table."
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "tooltipoptions": {
-        "components": {},
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "TooltipOptions",
-                    "description": "Defines options of Tooltip.",
-                    "props": [
-                        {
-                            "name": "tooltipLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label of tooltip."
-                        },
-                        {
-                            "name": "tooltipPosition",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "\"left\" | \"top\" | \"bottom\" | \"right\"",
-                            "description": "Position of tooltip."
-                        },
-                        {
-                            "name": "tooltipEvent",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "\"focus\" | \"hover\"",
-                            "description": "Event to show the tooltip."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "positionStyle",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Type of CSS position."
-                        },
-                        {
-                            "name": "tooltipStyleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the tooltip."
-                        },
-                        {
-                            "name": "tooltipZIndex",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Whether the z-index should be managed automatically to always go on top or have a fixed value."
-                        },
-                        {
-                            "name": "escape",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "By default the tooltip contents are rendered as text. Set to false to support html tags in the content."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "When present, it specifies that the component should be disabled."
-                        },
-                        {
-                            "name": "positionTop",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Specifies the additional vertical offset of the tooltip from its default position."
-                        },
-                        {
-                            "name": "positionLeft",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Specifies the additional horizontal offset of the tooltip from its default position."
-                        },
-                        {
-                            "name": "showDelay",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Delay to show the tooltip in milliseconds."
-                        },
-                        {
-                            "name": "hideDelay",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Delay to hide the tooltip in milliseconds."
-                        },
-                        {
-                            "name": "life",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Time to wait in milliseconds to hide the tooltip even it is active."
-                        },
-                        {
-                            "name": "id",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "When present, it adds a custom id to the tooltip."
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "translation": {
-        "components": {},
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "Translation",
-                    "description": "Represents a set of translated strings used in a component or application.",
-                    "props": [
-                        {
-                            "name": "startsWith",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "contains",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "notContains",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "endsWith",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "equals",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "notEquals",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "noFilter",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "lt",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "lte",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "gt",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "gte",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "is",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "isNot",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "before",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "after",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "dateIs",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "dateIsNot",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "dateBefore",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "dateAfter",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "clear",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "apply",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "matchAll",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "matchAny",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "addRule",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "removeRule",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "accept",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "reject",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "choose",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "upload",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "cancel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "fileSizeTypes",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string[]"
-                        },
-                        {
-                            "name": "dayNames",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string[]"
-                        },
-                        {
-                            "name": "dayNamesShort",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string[]"
-                        },
-                        {
-                            "name": "dayNamesMin",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string[]"
-                        },
-                        {
-                            "name": "monthNames",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string[]"
-                        },
-                        {
-                            "name": "monthNamesShort",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string[]"
-                        },
-                        {
-                            "name": "dateFormat",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "firstDayOfWeek",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number"
-                        },
-                        {
-                            "name": "today",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "weekHeader",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "weak",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "medium",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "strong",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "passwordPrompt",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "emptyMessage",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "emptyFilterMessage",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "pending",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "chooseYear",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "chooseMonth",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "chooseDate",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "prevDecade",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "nextDecade",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "prevYear",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "nextYear",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "prevMonth",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "nextMonth",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "prevHour",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "nextHour",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "prevMinute",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "nextMinute",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "prevSecond",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "nextSecond",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "am",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "pm",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "searchMessage",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "selectionMessage",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "emptySelectionMessage",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "emptySearchMessage",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "aria",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Aria"
-                        }
-                    ]
-                },
-                {
-                    "name": "Aria",
-                    "description": "Represents a set of translated HTML attributes used in a component or application.",
-                    "props": [
-                        {
-                            "name": "trueLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "falseLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "nullLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "star",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "stars",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "selectAll",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "unselectAll",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "close",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "previous",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "next",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "navigation",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "scrollTop",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "moveTop",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "moveUp",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "moveDown",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "moveBottom",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "moveToTarget",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "moveToSource",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "moveAllToTarget",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "moveAllToSource",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "pageLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "firstPageLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "lastPageLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "nextPageLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "prevPageLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "rowsPerPageLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "previousPageLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "jumpToPageDropdownLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "jumpToPageInputLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "selectRow",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "unselectRow",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "expandRow",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "collapseRow",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "showFilterMenu",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "hideFilterMenu",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "filterOperator",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "filterConstraint",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "editRow",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "saveEdit",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "cancelEdit",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "listView",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "gridView",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "slide",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "slideNumber",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "zoomImage",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "zoomIn",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "zoomOut",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "rotateRight",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "rotateLeft",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "listLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "selectColor",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "removeLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "browseFiles",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        },
-                        {
-                            "name": "maximizeLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string"
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "translationkeys": {
-        "components": {}
-    },
-    "treedragdropservice": {
-        "components": {}
-    },
-    "treenode": {
-        "components": {},
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "TreeNode",
-                    "description": "Represents a node in a tree data structure.",
-                    "props": [
-                        {
-                            "name": "checked",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean"
-                        },
-                        {
-                            "name": "label",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label of the node."
-                        },
-                        {
-                            "name": "data",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "T",
-                            "description": "Data represented by the node."
-                        },
-                        {
-                            "name": "icon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon of the node to display next to content."
-                        },
-                        {
-                            "name": "expandedIcon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon to use in expanded state."
-                        },
-                        {
-                            "name": "collapsedIcon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon to use in collapsed state."
-                        },
-                        {
-                            "name": "children",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TreeNode<T>[]",
-                            "description": "An array of treenodes as children."
-                        },
-                        {
-                            "name": "leaf",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Specifies if the node has children. Used in lazy loading."
-                        },
-                        {
-                            "name": "expanded",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Expanded state of the node."
-                        },
-                        {
-                            "name": "type",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Type of the node to match a template."
-                        },
-                        {
-                            "name": "parent",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TreeNode<T>",
-                            "description": "Parent of the node."
-                        },
-                        {
-                            "name": "partialSelected",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines if value is partially selected."
-                        },
-                        {
-                            "name": "style",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Inline style of the node."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the node."
-                        },
-                        {
-                            "name": "draggable",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines if the node is draggable."
-                        },
-                        {
-                            "name": "droppable",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines if the node is droppable."
-                        },
-                        {
-                            "name": "selectable",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Whether the node is selectable when selection mode is enabled."
-                        },
-                        {
-                            "name": "key",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Mandatory unique key of the node."
-                        },
-                        {
-                            "name": "loading",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines if the node is loading."
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "treenodedragevent": {
-        "components": {},
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "TreeNodeDragEvent",
-                    "description": "Represents the event data for a tree node drag operation.",
-                    "props": [
-                        {
-                            "name": "tree",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Tree instance."
-                        },
-                        {
-                            "name": "node",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TreeNode<any>",
-                            "description": "Node to be dragged."
-                        },
-                        {
-                            "name": "subNodes",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TreeNode<any>[]",
-                            "description": "Child nodes of dragged node."
-                        },
-                        {
-                            "name": "index",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Index of dragged node."
-                        },
-                        {
-                            "name": "scope",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Scope of dragged node."
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "treetablenode": {
-        "components": {},
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "TreeTableNode",
-                    "description": "Tree table node element.",
-                    "props": [
-                        {
-                            "name": "checked",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean"
-                        },
-                        {
-                            "name": "label",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label of the node."
-                        },
-                        {
-                            "name": "data",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Data represented by the node."
-                        },
-                        {
-                            "name": "icon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon of the node to display next to content."
-                        },
-                        {
-                            "name": "expandedIcon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon to use in expanded state."
-                        },
-                        {
-                            "name": "collapsedIcon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon to use in collapsed state."
-                        },
-                        {
-                            "name": "children",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TreeNode<any>[]",
-                            "description": "An array of treenodes as children."
-                        },
-                        {
-                            "name": "leaf",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Specifies if the node has children. Used in lazy loading."
-                        },
-                        {
-                            "name": "expanded",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Expanded state of the node."
-                        },
-                        {
-                            "name": "parent",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TreeNode<any>",
-                            "description": "Parent of the node."
-                        },
-                        {
-                            "name": "partialSelected",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines if value is partially selected."
-                        },
-                        {
-                            "name": "style",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Inline style of the node."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the node."
-                        },
-                        {
-                            "name": "draggable",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines if the node is draggable."
-                        },
-                        {
-                            "name": "droppable",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines if the node is droppable."
-                        },
-                        {
-                            "name": "selectable",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Whether the node is selectable when selection mode is enabled."
-                        },
-                        {
-                            "name": "key",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Mandatory unique key of the node."
-                        },
-                        {
-                            "name": "loading",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines if the node is loading."
-                        },
-                        {
-                            "name": "originalEvent",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Event",
-                            "description": "Browser event."
-                        },
-                        {
-                            "name": "rowNode",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Row of the node."
-                        },
-                        {
-                            "name": "node",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TreeNode<T>",
-                            "description": "Node instance."
-                        },
-                        {
-                            "name": "type",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Selection type."
-                        },
-                        {
-                            "name": "index",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Node index."
-                        },
-                        {
-                            "name": "level",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Node level."
-                        },
-                        {
-                            "name": "visible",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Boolean value indicates if node is in viewport."
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "autocomplete": {
-        "components": {
-            "AutoComplete": {
-                "description": "AutoComplete is an input component that provides real-time suggestions when being typed.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "minLength",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "1",
-                            "description": "Minimum number of characters to initiate a search."
-                        },
-                        {
-                            "name": "delay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "300",
-                            "description": "Delay between keystrokes to wait before sending a query."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "panelStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the overlay panel element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "panelStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the overlay panel element."
-                        },
-                        {
-                            "name": "inputStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the input field."
-                        },
-                        {
-                            "name": "inputId",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the focus input to match a label defined for the component."
-                        },
-                        {
-                            "name": "inputStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Inline style of the input field."
-                        },
-                        {
-                            "name": "placeholder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Hint text for the input field."
-                        },
-                        {
-                            "name": "readonly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the input cannot be typed."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should be disabled."
-                        },
-                        {
-                            "name": "scrollHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "200px",
-                            "description": "Maximum height of the suggestions panel."
-                        },
-                        {
-                            "name": "lazy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if data is loaded and interacted with in lazy manner."
-                        },
-                        {
-                            "name": "virtualScroll",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the data should be loaded on demand during scroll."
-                        },
-                        {
-                            "name": "virtualScrollItemSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Height of an item in the list for VirtualScrolling."
-                        },
-                        {
-                            "name": "virtualScrollOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "ScrollerOptions",
-                            "description": "Whether to use the scroller feature. The properties of scroller component can be used like an object in it."
-                        },
-                        {
-                            "name": "maxlength",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Maximum number of character allows in the input field."
-                        },
-                        {
-                            "name": "name",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the input element."
-                        },
-                        {
-                            "name": "required",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that an input field must be filled out before submitting the form."
-                        },
-                        {
-                            "name": "size",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Size of the input field."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "autoHighlight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, highlights the first item in the list by default."
-                        },
-                        {
-                            "name": "forceSelection",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, autocomplete clears the manual input if it does not match of the suggestions to force only accepting values from the suggestions."
-                        },
-                        {
-                            "name": "type",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "text",
-                            "description": "Type of the input, defaults to \"text\"."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to automatically manage layering."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the input for accessibility."
-                        },
-                        {
-                            "name": "dropdownAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the dropdown button for accessibility."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Specifies one or more IDs in the DOM that labels the input field."
-                        },
-                        {
-                            "name": "dropdownIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon class of the dropdown icon."
-                        },
-                        {
-                            "name": "unique",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Ensures uniqueness of selected items on multiple mode."
-                        },
-                        {
-                            "name": "group",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display options as grouped when nested options are provided."
-                        },
-                        {
-                            "name": "completeOnFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to run a query when input receives focus."
-                        },
-                        {
-                            "name": "showClear",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, a clear icon is displayed to clear the value."
-                        },
-                        {
-                            "name": "field",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Field of a suggested object to resolve and display.",
-                            "deprecated": "use optionLabel property instead"
-                        },
-                        {
-                            "name": "dropdown",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Displays a button next to the input field when enabled."
-                        },
-                        {
-                            "name": "showEmptyMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show the empty message or not."
-                        },
-                        {
-                            "name": "dropdownMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "blank",
-                            "description": "Specifies the behavior dropdown button. Default \"blank\" mode sends an empty string and \"current\" mode sends the input value."
-                        },
-                        {
-                            "name": "multiple",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Specifies if multiple values can be selected."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "dataKey",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "A property to uniquely identify a value in options."
-                        },
-                        {
-                            "name": "emptyMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to display when there is no data. Defaults to global value in i18n translation configuration."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".12s cubic-bezier(0, 0, 0.2, 1)",
-                            "description": "Transition options of the show animation."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".1s linear",
-                            "description": "Transition options of the hide animation."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        },
-                        {
-                            "name": "autocomplete",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "off",
-                            "description": "Used to define a string that autocomplete attribute the current element."
-                        },
-                        {
-                            "name": "optionGroupChildren",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "items",
-                            "description": "Name of the options field of an option group."
-                        },
-                        {
-                            "name": "optionGroupLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "label",
-                            "description": "Name of the label field of an option group."
-                        },
-                        {
-                            "name": "overlayOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "OverlayOptions",
-                            "description": "Options for the overlay element."
-                        },
-                        {
-                            "name": "suggestions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of suggestions to display."
-                        },
-                        {
-                            "name": "itemSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Element dimensions of option for virtual scrolling.",
-                            "deprecated": "use virtualScrollItemSize property instead."
-                        },
-                        {
-                            "name": "optionLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | Function",
-                            "description": "Property name or getter function to use as the label of an option."
-                        },
-                        {
-                            "name": "optionValue",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | Function",
-                            "description": "Property name or getter function to use as the value of an option."
-                        },
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Unique identifier of the component."
-                        },
-                        {
-                            "name": "searchMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to display when the search is active. Defaults to global value in i18n translation configuration."
-                        },
-                        {
-                            "name": "emptySelectionMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration."
-                        },
-                        {
-                            "name": "selectionMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to be displayed in hidden accessible field when options are selected. Defaults to global value in i18n translation configuration."
-                        },
-                        {
-                            "name": "autoOptionFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to focus on the first visible or selected element when the overlay panel is shown."
-                        },
-                        {
-                            "name": "selectOnFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, the focused option is selected."
-                        },
-                        {
-                            "name": "searchLocale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Locale to use in searching. The default locale is the host environment's current locale."
-                        },
-                        {
-                            "name": "optionDisabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Property name or getter function to use as the disabled flag of an option, defaults to false when not defined."
-                        },
-                        {
-                            "name": "focusOnHover",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, the hovered option will be focused."
-                        },
-                        {
-                            "name": "variant",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"outlined\" | \"filled\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "completeMethod",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "AutoCompleteCompleteEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke to search for suggestions."
-                        },
-                        {
-                            "name": "onSelect",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "AutoCompleteSelectEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a suggestion is selected."
-                        },
-                        {
-                            "name": "onUnselect",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "AutoCompleteUnselectEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a selected value is removed."
-                        },
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the component receives focus."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the component loses focus."
-                        },
-                        {
-                            "name": "onDropdownClick",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "AutoCompleteDropdownClickEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke to when dropdown button is clicked."
-                        },
-                        {
-                            "name": "onClear",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when clear button is clicked."
-                        },
-                        {
-                            "name": "onKeyUp",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "KeyboardEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on input key up."
-                        },
-                        {
-                            "name": "onShow",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke on overlay is shown."
-                        },
-                        {
-                            "name": "onHide",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke on overlay is hidden."
-                        },
-                        {
-                            "name": "onLazyLoad",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "AutoCompleteLazyLoadEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on lazy load data."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "AutoCompleteCompleteEvent",
-                        "description": "Custom complete event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "query",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Selected option value."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "AutoCompleteDropdownClickEvent",
-                        "description": "Custom click event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "query",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Selected option value."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "AutoCompleteSelectEvent",
-                        "description": "Custom select event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Selected value."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "AutoCompleteUnselectEvent",
-                        "description": "Custom unselect event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Removed value."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "AutoCompleteLazyLoadEvent",
-                        "description": "Custom lazy load event.",
-                        "props": [
-                            {
-                                "name": "first",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "First element in viewport."
-                            },
-                            {
-                                "name": "last",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Last element in viewport."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "autocomplete",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Option.\n  \t index: number, // Option index.\n  }",
-                                "description": "option data."
-                            }
-                        ],
-                        "description": "Custom item template."
-                    },
-                    {
-                        "parent": "autocomplete",
-                        "name": "group",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Option group.\n  }",
-                                "description": "group data."
-                            }
-                        ],
-                        "description": "Custom group template."
-                    },
-                    {
-                        "parent": "autocomplete",
-                        "name": "selectedItem",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Selected value.\n  }",
-                                "description": "selected item data."
-                            }
-                        ],
-                        "description": "Custom selected item template, only supported in multiple mode."
-                    },
-                    {
-                        "parent": "autocomplete",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "autocomplete",
-                        "name": "empty",
-                        "parameters": [],
-                        "description": "Custom empty template."
-                    },
-                    {
-                        "parent": "autocomplete",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom footer template."
-                    },
-                    {
-                        "parent": "autocomplete",
-                        "name": "loader",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: ScrollerOptions, // Virtual scroller options.\n  }",
-                                "description": "scroller options."
-                            }
-                        ],
-                        "description": "Custom loader template."
-                    },
-                    {
-                        "parent": "autocomplete",
-                        "name": "removetokenicon",
-                        "parameters": [],
-                        "description": "Custom remove token icon template."
-                    },
-                    {
-                        "parent": "autocomplete",
-                        "name": "loadingicon",
-                        "parameters": [],
-                        "description": "Custom loading icon template."
-                    },
-                    {
-                        "parent": "autocomplete",
-                        "name": "clearicon",
-                        "parameters": [],
-                        "description": "Custom clear icon template."
-                    },
-                    {
-                        "parent": "autocomplete",
-                        "name": "dropdownicon",
-                        "parameters": [],
-                        "description": "Custom dropdown icon template."
-                    }
-                ]
-            }
-        }
-    },
-    "autofocus": {
-        "components": {
-            "AutoFocus": {
-                "description": "AutoFocus manages focus on focusable element on load.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "avatar": {
-        "components": {
-            "Avatar": {
-                "description": "Avatar represents people using icons, labels and images.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "label",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines the text to display."
-                        },
-                        {
-                            "name": "icon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines the icon to display."
-                        },
-                        {
-                            "name": "image",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines the image to display."
-                        },
-                        {
-                            "name": "size",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"normal\" | \"large\" | \"xlarge\"",
-                            "default": "normal",
-                            "description": "Size of the element."
-                        },
-                        {
-                            "name": "shape",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"square\" | \"circle\"",
-                            "default": "square",
-                            "description": "Shape of the element."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes a string value that labels the component."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onImageError",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "This event is triggered if an error occurs while loading an image file."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "avatargroup": {
-        "components": {
-            "AvatarGroup": {
-                "description": "AvatarGroup is a helper component for Avatar.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component"
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "badge": {
-        "components": {
-            "BadgeDirective": {
-                "description": "Badge Directive is directive usage of badge component.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specified, disables the component."
-                        },
-                        {
-                            "name": "badgeSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"large\" | \"xlarge\"",
-                            "description": "Size of the badge, valid options are \"large\" and \"xlarge\"."
-                        },
-                        {
-                            "name": "size",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"large\" | \"xlarge\"",
-                            "description": "Size of the badge, valid options are \"large\" and \"xlarge\".",
-                            "deprecated": "use badgeSize instead."
-                        },
-                        {
-                            "name": "severity",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"success\" | \"info\" | \"warning\" | \"danger\"",
-                            "description": "Severity type of the badge."
-                        },
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | number",
-                            "description": "Value to display inside the badge."
-                        },
-                        {
-                            "name": "badgeStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "badgeStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        }
-                    ]
-                }
-            },
-            "Badge": {
-                "description": "Badge is a small status indicator for another element.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "badgeSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"large\" | \"xlarge\"",
-                            "description": "Size of the badge, valid options are \"large\" and \"xlarge\"."
-                        },
-                        {
-                            "name": "severity",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"success\" | \"info\" | \"warning\" | \"primary\" | \"help\" | \"danger\" | \"secondary\" | \"contrast\"",
-                            "description": "Severity type of the badge."
-                        },
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | number",
-                            "description": "Value to display inside the badge."
-                        },
-                        {
-                            "name": "badgeDisabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specified, disables the component."
-                        },
-                        {
-                            "name": "size",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"large\" | \"xlarge\"",
-                            "description": "Size of the badge, valid options are \"large\" and \"xlarge\".",
-                            "deprecated": "use badgeSize instead."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "baseicon": {
-        "components": {}
-    },
-    "blockui": {
-        "components": {
-            "BlockUI": {
-                "description": "BlockUI can either block other components or the whole page.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "target",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Name of the local ng-template variable referring to another component."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to automatically manage layering."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "blocked",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Current blocked state as a boolean."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "blockui",
-                        "name": "content",
-                        "parameters": [],
-                        "description": "Custom template of content."
-                    }
-                ]
-            }
-        }
-    },
-    "breadcrumb": {
-        "components": {
-            "Breadcrumb": {
-                "description": "Breadcrumb provides contextual information about page hierarchy.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "model",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menuitems."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "home",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "MenuItem",
-                            "description": "MenuItem configuration for the home icon."
-                        },
-                        {
-                            "name": "homeAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the home icon for accessibility."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onItemClick",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "BreadcrumbItemClickEvent"
-                                }
-                            ],
-                            "description": "Fired when an item is selected."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "BreadcrumbItemClickEvent",
-                        "description": "Custom select event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "item",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "MenuItem",
-                                "description": "Selected menu item ."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "breadcrumb",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: MenuItem, // Data of the item.\n  }"
-                            }
-                        ],
-                        "description": "Custom template of item."
-                    },
-                    {
-                        "parent": "breadcrumb",
-                        "name": "separator",
-                        "parameters": [],
-                        "description": "Custom template of separator."
-                    }
-                ]
-            }
-        }
-    },
-    "button": {
-        "components": {
-            "ButtonDirective": {
-                "description": "Button directive is an extension to button component.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "iconPos",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "ButtonIconPosition",
-                            "default": "left",
-                            "description": "Position of the icon."
-                        },
-                        {
-                            "name": "loadingIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Uses to pass attributes to the loading icon's DOM element."
-                        },
-                        {
-                            "name": "label",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text of the button."
-                        },
-                        {
-                            "name": "icon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the icon."
-                        },
-                        {
-                            "name": "loading",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Whether the button is in loading state."
-                        },
-                        {
-                            "name": "severity",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"success\" | \"info\" | \"warning\" | \"primary\" | \"help\" | \"danger\" | \"secondary\" | \"contrast\"",
-                            "description": "Defines the style of the button."
-                        },
-                        {
-                            "name": "raised",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Add a shadow to indicate elevation."
-                        },
-                        {
-                            "name": "rounded",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Add a circular border radius to the button."
-                        },
-                        {
-                            "name": "text",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Add a textual class to the button without a background initially."
-                        },
-                        {
-                            "name": "outlined",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Add a border class without a background initially."
-                        },
-                        {
-                            "name": "size",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"small\" | \"large\"",
-                            "default": "null",
-                            "description": "Defines the size of the button."
-                        },
-                        {
-                            "name": "plain",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Add a plain textual class to the button without a background initially."
-                        }
-                    ]
-                }
-            },
-            "Button": {
-                "description": "Button is an extension to standard button element with icons and theming.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "type",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "button",
-                            "description": "Type of the button."
-                        },
-                        {
-                            "name": "iconPos",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "ButtonIconPosition",
-                            "default": "left",
-                            "description": "Position of the icon."
-                        },
-                        {
-                            "name": "icon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the icon."
-                        },
-                        {
-                            "name": "badge",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Value of the badge."
-                        },
-                        {
-                            "name": "label",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Uses to pass attributes to the label's DOM element."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should be disabled."
-                        },
-                        {
-                            "name": "loading",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the button is in loading state."
-                        },
-                        {
-                            "name": "loadingIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon to display in loading state."
-                        },
-                        {
-                            "name": "raised",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Add a shadow to indicate elevation."
-                        },
-                        {
-                            "name": "rounded",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Add a circular border radius to the button."
-                        },
-                        {
-                            "name": "text",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Add a textual class to the button without a background initially."
-                        },
-                        {
-                            "name": "plain",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Add a plain textual class to the button without a background initially."
-                        },
-                        {
-                            "name": "severity",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"success\" | \"info\" | \"warning\" | \"primary\" | \"help\" | \"danger\" | \"secondary\" | \"contrast\"",
-                            "description": "Defines the style of the button."
-                        },
-                        {
-                            "name": "outlined",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Add a border class without a background initially."
-                        },
-                        {
-                            "name": "link",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Add a link style to the button."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Add a tabindex to the button."
-                        },
-                        {
-                            "name": "size",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"small\" | \"large\"",
-                            "description": "Defines the size of the button."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "badgeClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the badge."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Used to define a string that autocomplete attribute the current element."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onClick",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MouseEvent"
-                                }
-                            ],
-                            "description": "Callback to execute when button is clicked.\nThis event is intended to be used with the <p-button> component. Using a regular <button> element, use (click)."
-                        },
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FocusEvent"
-                                }
-                            ],
-                            "description": "Callback to execute when button is focused.\nThis event is intended to be used with the <p-button> component. Using a regular <button> element, use (focus)."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FocusEvent"
-                                }
-                            ],
-                            "description": "Callback to execute when button loses focus.\nThis event is intended to be used with the <p-button> component. Using a regular <button> element, use (blur)."
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "focus",
-                            "parameters": [],
-                            "description": "Applies focus."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "button",
-                        "name": "content",
-                        "parameters": [],
-                        "description": "Custom template of content."
-                    },
-                    {
-                        "parent": "button",
-                        "name": "icon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t class: NgClass, // Icon class.\n  }"
-                            }
-                        ],
-                        "description": "Custom template of icon."
-                    },
-                    {
-                        "parent": "button",
-                        "name": "loadingicon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t class: NgClass, // Icon class.\n  }"
-                            }
-                        ],
-                        "description": "Custom template of loadingicon."
-                    }
-                ]
-            }
-        }
-    },
-    "buttongroup": {
-        "components": {}
-    },
-    "calendar": {
-        "components": {
-            "Calendar": {
-                "description": "Calendar also known as DatePicker, is a form component to work with dates.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "inputStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the input field."
-                        },
-                        {
-                            "name": "inputId",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the focus input to match a label defined for the component."
-                        },
-                        {
-                            "name": "name",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the input element."
-                        },
-                        {
-                            "name": "inputStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the input field."
-                        },
-                        {
-                            "name": "placeholder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Placeholder text for the input."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the input for accessibility."
-                        },
-                        {
-                            "name": "iconAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the icon button for accessibility."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specified, disables the component."
-                        },
-                        {
-                            "name": "dateFormat",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Format of the date which can also be defined at locale settings."
-                        },
-                        {
-                            "name": "multipleSeparator",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ",",
-                            "description": "Separator for multiple selection mode."
-                        },
-                        {
-                            "name": "rangeSeparator",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "-",
-                            "description": "Separator for joining start and end dates on range selection mode."
-                        },
-                        {
-                            "name": "inline",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, displays the calendar as inline. Default is false for popup mode."
-                        },
-                        {
-                            "name": "showOtherMonths",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to display dates in other months (non-selectable) at the start or end of the current month. To make these days selectable use the selectOtherMonths option."
-                        },
-                        {
-                            "name": "selectOtherMonths",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether days in other months shown before or after the current month are selectable. This only applies if the showOtherMonths option is set to true."
-                        },
-                        {
-                            "name": "showIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, displays a button with icon next to input."
-                        },
-                        {
-                            "name": "icon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon of the calendar button."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having#mydiv as variable name)."
-                        },
-                        {
-                            "name": "readonlyInput",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specified, prevents entering the date manually with keyboard."
-                        },
-                        {
-                            "name": "shortYearCutoff",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "default": "+10",
-                            "description": "The cutoff year for determining the century for a date."
-                        },
-                        {
-                            "name": "monthNavigator",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the month should be rendered as a dropdown instead of text.",
-                            "deprecated": "Navigator is always on."
-                        },
-                        {
-                            "name": "yearNavigator",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the year should be rendered as a dropdown instead of text.",
-                            "deprecated": "Navigator is always on."
-                        },
-                        {
-                            "name": "hourFormat",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "24",
-                            "description": "Specifies 12 or 24 hour format."
-                        },
-                        {
-                            "name": "timeOnly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display timepicker only."
-                        },
-                        {
-                            "name": "stepYearPicker",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "10",
-                            "description": "Years to change per step in yearpicker."
-                        },
-                        {
-                            "name": "stepHour",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "1",
-                            "description": "Hours to change per step."
-                        },
-                        {
-                            "name": "stepMinute",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "1",
-                            "description": "Minutes to change per step."
-                        },
-                        {
-                            "name": "stepSecond",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "1",
-                            "description": "Seconds to change per step."
-                        },
-                        {
-                            "name": "showSeconds",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to show the seconds in time picker."
-                        },
-                        {
-                            "name": "required",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that an input field must be filled out before submitting the form."
-                        },
-                        {
-                            "name": "showOnFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "When disabled, datepicker will not be visible with input focus."
-                        },
-                        {
-                            "name": "showWeek",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, calendar will show week numbers."
-                        },
-                        {
-                            "name": "startWeekFromFirstDayOfYear",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, calendar will start week numbers from first day of the year."
-                        },
-                        {
-                            "name": "showClear",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, a clear icon is displayed to clear the value."
-                        },
-                        {
-                            "name": "dataType",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "date",
-                            "description": "Type of the value to write back to ngModel, default is date and alternative is string."
-                        },
-                        {
-                            "name": "selectionMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"multiple\" | \"range\" | \"single\"",
-                            "default": "single",
-                            "description": "Defines the quantity of the selection, valid values are \"single\", \"multiple\" and \"range\"."
-                        },
-                        {
-                            "name": "maxDateCount",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Maximum number of selectable dates in multiple mode."
-                        },
-                        {
-                            "name": "showButtonBar",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display today and clear buttons at the footer"
-                        },
-                        {
-                            "name": "todayButtonStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "p-button-text",
-                            "description": "Style class of the today button."
-                        },
-                        {
-                            "name": "clearButtonStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "p-button-text",
-                            "description": "Style class of the clear button."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to automatically manage layering."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "panelStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the datetimepicker container element."
-                        },
-                        {
-                            "name": "panelStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Inline style of the datetimepicker container element."
-                        },
-                        {
-                            "name": "keepInvalid",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Keep invalid value when input blur."
-                        },
-                        {
-                            "name": "hideOnDateTimeSelect",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to hide the overlay on date selection."
-                        },
-                        {
-                            "name": "touchUI",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, calendar overlay is displayed as optimized for touch devices."
-                        },
-                        {
-                            "name": "timeSeparator",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ":",
-                            "description": "Separator of time selector."
-                        },
-                        {
-                            "name": "focusTrap",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "When enabled, can only focus on elements inside the calendar."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".12s cubic-bezier(0, 0, 0.2, 1)",
-                            "description": "Transition options of the show animation."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".1s linear",
-                            "description": "Transition options of the hide animation."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "variant",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"outlined\" | \"filled\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        },
-                        {
-                            "name": "minDate",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Date",
-                            "description": "The minimum selectable date."
-                        },
-                        {
-                            "name": "maxDate",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Date",
-                            "description": "The maximum selectable date."
-                        },
-                        {
-                            "name": "disabledDates",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Date[]",
-                            "description": "Array with dates that should be disabled (not selectable)."
-                        },
-                        {
-                            "name": "disabledDays",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number[]",
-                            "description": "Array with weekday numbers that should be disabled (not selectable)."
-                        },
-                        {
-                            "name": "yearRange",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The range of years displayed in the year drop-down in (nnnn:nnnn) format such as (2000:2020).",
-                            "deprecated": "Years are based on decades by default."
-                        },
-                        {
-                            "name": "showTime",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Whether to display timepicker."
-                        },
-                        {
-                            "name": "responsiveOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "CalendarResponsiveOptions[]",
-                            "description": "An array of options for responsive design."
-                        },
-                        {
-                            "name": "numberOfMonths",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Number of months to display."
-                        },
-                        {
-                            "name": "firstDayOfWeek",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Defines the first of the week for various date calculations."
-                        },
-                        {
-                            "name": "locale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "LocaleSettings",
-                            "description": "Option to set calendar locale.",
-                            "deprecated": "Locale property has no effect, use new i18n API instead."
-                        },
-                        {
-                            "name": "view",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "CalendarTypeView",
-                            "description": "Type of view to display, valid values are \"date\" for datepicker and \"month\" for month picker."
-                        },
-                        {
-                            "name": "defaultDate",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Date",
-                            "description": "Set the date to highlight on first opening if the field is blank."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke on focus of input field."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke on blur of input field."
-                        },
-                        {
-                            "name": "onClose",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "AnimationEvent_2"
-                                }
-                            ],
-                            "description": "Callback to invoke when date panel closed."
-                        },
-                        {
-                            "name": "onSelect",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "Date"
-                                }
-                            ],
-                            "description": "Callback to invoke on date select."
-                        },
-                        {
-                            "name": "onClear",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when input field cleared."
-                        },
-                        {
-                            "name": "onInput",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when input field is being typed."
-                        },
-                        {
-                            "name": "onTodayClick",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "Date"
-                                }
-                            ],
-                            "description": "Callback to invoke when today button is clicked."
-                        },
-                        {
-                            "name": "onClearClick",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when clear button is clicked."
-                        },
-                        {
-                            "name": "onMonthChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "CalendarMonthChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a month is changed using the navigators."
-                        },
-                        {
-                            "name": "onYearChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "CalendarYearChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a year is changed using the navigators."
-                        },
-                        {
-                            "name": "onClickOutside",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when clicked outside of the date panel."
-                        },
-                        {
-                            "name": "onShow",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when datepicker panel is shown."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "CalendarYearChangeEvent",
-                        "description": "Custom Calendar year change event.",
-                        "props": [
-                            {
-                                "name": "month",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "New month."
-                            },
-                            {
-                                "name": "year",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "New year."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "CalendarMonthChangeEvent",
-                        "description": "Custom Calendar month change event.",
-                        "props": [
-                            {
-                                "name": "month",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "New month."
-                            },
-                            {
-                                "name": "year",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "New year."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "calendar",
-                        "name": "date",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: Date, // Date value of the component.\n  }",
-                                "description": "date value instance."
-                            }
-                        ],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "calendar",
-                        "name": "decade",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: Date, // An array containing the start and and year of a decade to display at header of the year picker.\n  }",
-                                "description": "date value instance."
-                            }
-                        ],
-                        "description": "Custom decade template"
-                    },
-                    {
-                        "parent": "calendar",
-                        "name": "disabledDate",
-                        "parameters": [],
-                        "description": "Custom disabled date template."
-                    },
-                    {
-                        "parent": "calendar",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "calendar",
-                        "name": "inputIconTemplate",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t clickCallBack: undefined, // Click callback\n  }",
-                                "description": "input icon template params."
-                            }
-                        ],
-                        "description": "Custom input icon template."
-                    },
-                    {
-                        "parent": "calendar",
-                        "name": "previousicon",
-                        "parameters": [],
-                        "description": "Custom previous icon template."
-                    },
-                    {
-                        "parent": "calendar",
-                        "name": "nexticon",
-                        "parameters": [],
-                        "description": "Custom next icon template."
-                    },
-                    {
-                        "parent": "calendar",
-                        "name": "triggericon",
-                        "parameters": [],
-                        "description": "Custom dropdown trigger icon template."
-                    },
-                    {
-                        "parent": "calendar",
-                        "name": "clearicon",
-                        "parameters": [],
-                        "description": "Custom clear icon template."
-                    },
-                    {
-                        "parent": "calendar",
-                        "name": "decrementicon",
-                        "parameters": [],
-                        "description": "Custom decrement icon template."
-                    },
-                    {
-                        "parent": "calendar",
-                        "name": "incrementicon",
-                        "parameters": [],
-                        "description": "Custom increment icon template."
-                    },
-                    {
-                        "parent": "calendar",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom footer template."
-                    }
-                ]
-            },
-            "interfaces": {
-                "description": "Defines the custom interfaces used by the module.",
-                "values": [
-                    {
-                        "name": "LocaleSettings",
-                        "description": "Locale settings options.",
-                        "props": [
-                            {
-                                "name": "firstDayOfWeek",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Day value."
-                            },
-                            {
-                                "name": "dayNames",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string[]",
-                                "description": "Day names."
-                            },
-                            {
-                                "name": "dayNamesShort",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string[]",
-                                "description": "Shortened day names."
-                            },
-                            {
-                                "name": "dayNamesMin",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string[]",
-                                "description": "Minimum days names."
-                            },
-                            {
-                                "name": "monthNames",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string[]",
-                                "description": "Month names."
-                            },
-                            {
-                                "name": "monthNamesShort",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string[]",
-                                "description": "Shortened month names."
-                            },
-                            {
-                                "name": "today",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Value of today date string."
-                            },
-                            {
-                                "name": "clear",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Clear."
-                            },
-                            {
-                                "name": "dateFormat",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Date format."
-                            },
-                            {
-                                "name": "weekHeader",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Week header."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "Month",
-                        "description": "Month interface.",
-                        "props": [
-                            {
-                                "name": "month",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Mont value."
-                            },
-                            {
-                                "name": "year",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Year value."
-                            },
-                            {
-                                "name": "dates",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Date[]",
-                                "description": "Array of dates."
-                            },
-                            {
-                                "name": "weekNumbers",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number[]",
-                                "description": "Array of week numbers."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "CalendarResponsiveOptions",
-                        "description": "Custom Calendar responsive options metadata.",
-                        "props": [
-                            {
-                                "name": "breakpoint",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Breakpoint for responsive mode. Exp;"
-                            },
-                            {
-                                "name": "numMonths",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "The number of visible months on breakpoint."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "types": {
-                "description": "Defines the custom types used by the module.",
-                "values": [
-                    {
-                        "name": "CalendarTypeView",
-                        "value": "\"date\" | \"month\" | \"year\"",
-                        "description": "Custom type for the calendar views."
-                    },
-                    {
-                        "name": "NavigationState",
-                        "value": "{\n    \"backward\": \"boolean\",\n    \"button\": \"boolean\"\n}",
-                        "description": "Custom type for the calendar navigation state."
-                    }
-                ]
-            }
-        }
-    },
-    "card": {
-        "components": {
-            "Card": {
-                "description": "Card is a flexible container component.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "header",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Header of the card."
-                        },
-                        {
-                            "name": "subheader",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Subheader of the card."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": null,
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "card",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom template of header."
-                    },
-                    {
-                        "parent": "card",
-                        "name": "title",
-                        "parameters": [],
-                        "description": "Custom template of title."
-                    },
-                    {
-                        "parent": "card",
-                        "name": "subtitle",
-                        "parameters": [],
-                        "description": "Custom template of subtitle."
-                    },
-                    {
-                        "parent": "card",
-                        "name": "content",
-                        "parameters": [],
-                        "description": "Custom template of content."
-                    },
-                    {
-                        "parent": "card",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom template of footer."
-                    }
-                ]
-            }
-        }
-    },
-    "carousel": {
-        "components": {
-            "Carousel": {
-                "description": "Carousel is a content slider featuring various customization options.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "page",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Index of the first item."
-                        },
-                        {
-                            "name": "numVisible",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Number of items per page."
-                        },
-                        {
-                            "name": "numScroll",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Number of items to scroll."
-                        },
-                        {
-                            "name": "responsiveOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "CarouselResponsiveOptions[]",
-                            "description": "An array of options for responsive design."
-                        },
-                        {
-                            "name": "orientation",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"vertical\" | \"horizontal\"",
-                            "default": "horizontal",
-                            "description": "Specifies the layout of the component."
-                        },
-                        {
-                            "name": "verticalViewPortHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "300px",
-                            "description": "Height of the viewport in vertical layout."
-                        },
-                        {
-                            "name": "contentClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Style class of main content."
-                        },
-                        {
-                            "name": "indicatorsContentClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Style class of the indicator items."
-                        },
-                        {
-                            "name": "indicatorsContentStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the indicator items."
-                        },
-                        {
-                            "name": "indicatorStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Style class of the indicators."
-                        },
-                        {
-                            "name": "indicatorStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Style of the indicators."
-                        },
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of objects to display."
-                        },
-                        {
-                            "name": "circular",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if scrolling would be infinite."
-                        },
-                        {
-                            "name": "showIndicators",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to display indicator container."
-                        },
-                        {
-                            "name": "showNavigators",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to display navigation buttons in container."
-                        },
-                        {
-                            "name": "autoplayInterval",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Time in milliseconds to scroll items automatically."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the viewport container."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onPage",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "CarouselPageEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke after scroll."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "CarouselPageEvent",
-                        "description": "Custom page event.",
-                        "props": [
-                            {
-                                "name": "page",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Current page."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "carousel",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom template of header."
-                    },
-                    {
-                        "parent": "carousel",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Data of the item.\n  }",
-                                "description": "item data."
-                            }
-                        ],
-                        "description": "Custom template of item."
-                    },
-                    {
-                        "parent": "carousel",
-                        "name": "previousicon",
-                        "parameters": [],
-                        "description": "Custom template of previousicon."
-                    },
-                    {
-                        "parent": "carousel",
-                        "name": "nexticon",
-                        "parameters": [],
-                        "description": "Custom template of nexticon."
-                    },
-                    {
-                        "parent": "carousel",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom template of footer."
-                    }
-                ]
-            },
-            "interfaces": {
-                "description": "Defines the custom interfaces used by the module.",
-                "values": [
-                    {
-                        "name": "CarouselResponsiveOptions",
-                        "description": "Responsive options of the component.",
-                        "props": [
-                            {
-                                "name": "breakpoint",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Breakpoint for responsive mode. Exp;"
-                            },
-                            {
-                                "name": "numVisible",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "The number of visible items on breakpoint."
-                            },
-                            {
-                                "name": "numScroll",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "The number of scrolled items on breakpoint."
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    },
-    "cascadeselect": {
-        "components": {
-            "CascadeSelect": {
-                "description": "CascadeSelect is a form component to select a value from a nested structure of options.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Unique identifier of the component"
-                        },
-                        {
-                            "name": "selectOnFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Determines if the option will be selected on focus."
-                        },
-                        {
-                            "name": "searchMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to display when the search is active. Defaults to global value in i18n translation configuration."
-                        },
-                        {
-                            "name": "emptyMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to display when there is no data. Defaults to global value in i18n translation configuration."
-                        },
-                        {
-                            "name": "selectionMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to be displayed in hidden accessible field when options are selected. Defaults to global value in i18n translation configuration."
-                        },
-                        {
-                            "name": "emptySearchMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to display when filtering does not return any results. Defaults to value from PrimeNG locale configuration."
-                        },
-                        {
-                            "name": "emptySelectionMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration."
-                        },
-                        {
-                            "name": "searchLocale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Locale to use in searching. The default locale is the host environment's current locale."
-                        },
-                        {
-                            "name": "optionDisabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Name of the disabled field of an option."
-                        },
-                        {
-                            "name": "autoOptionFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to focus on the first visible or selected element when the overlay panel is shown."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "options",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | string[]",
-                            "description": "An array of selectitems to display as the available options."
-                        },
-                        {
-                            "name": "optionLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Property name or getter function to use as the label of an option."
-                        },
-                        {
-                            "name": "optionValue",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Property name or getter function to use as the value of an option, defaults to the option itself when not defined."
-                        },
-                        {
-                            "name": "optionGroupLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | string[]",
-                            "description": "Property name or getter function to use as the label of an option group."
-                        },
-                        {
-                            "name": "optionGroupChildren",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | string[]",
-                            "description": "Property name or getter function to retrieve the items of a group."
-                        },
-                        {
-                            "name": "placeholder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Default text to display when no option is selected."
-                        },
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Selected value of the component."
-                        },
-                        {
-                            "name": "dataKey",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "A property to uniquely identify an option."
-                        },
-                        {
-                            "name": "inputId",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the underlying input element."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        },
-                        {
-                            "name": "inputLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label of the input for accessibility."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the input for accessibility."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Id of the element or \"body\" for document where the overlay should be appended to."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should be disabled."
-                        },
-                        {
-                            "name": "showClear",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, a clear icon is displayed to clear the value."
-                        },
-                        {
-                            "name": "panelStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the overlay panel."
-                        },
-                        {
-                            "name": "panelStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the overlay panel."
-                        },
-                        {
-                            "name": "overlayOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "OverlayOptions",
-                            "description": "Whether to use overlay API feature. The properties of overlay API can be used like an object in it."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Transition options of the show animation.",
-                            "deprecated": "deprecated since v14.2.0, use overlayOptions property instead."
-                        },
-                        {
-                            "name": "variant",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"outlined\" | \"filled\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        },
-                        {
-                            "name": "loading",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the dropdown is in loading state."
-                        },
-                        {
-                            "name": "loadingIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon to display in loading state."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Transition options of the hide animation.",
-                            "deprecated": "deprecated since v14.2.0, use overlayOptions property instead."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "CascadeSelectChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on value change."
-                        },
-                        {
-                            "name": "onGroupChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when a group changes."
-                        },
-                        {
-                            "name": "onShow",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "CascadeSelectShowEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when the overlay is shown."
-                        },
-                        {
-                            "name": "onHide",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "CascadeSelectHideEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when the overlay is hidden."
-                        },
-                        {
-                            "name": "onClear",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when the clear token is clicked."
-                        },
-                        {
-                            "name": "onBeforeShow",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "CascadeSelectBeforeShowEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke before overlay is shown."
-                        },
-                        {
-                            "name": "onBeforeHide",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "CascadeSelectBeforeHideEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke before overlay is hidden."
-                        },
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FocusEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when input receives focus."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FocusEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when input loses focus."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "CascadeSelectShowEvent",
-                        "description": "Custom panel show event.",
-                        "props": [
-                            {
-                                "name": "overlay",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "HTMLElement | ElementRef<any> | TemplateRef<any> | Overlay",
-                                "description": "Overlay element."
-                            },
-                            {
-                                "name": "target",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "HTMLElement | ElementRef<any> | TemplateRef<any> | Overlay",
-                                "description": "Target element."
-                            },
-                            {
-                                "name": "overlayMode",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Overlay mode."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "CascadeSelectHideEvent",
-                        "description": "Custom panel hide event.",
-                        "props": [
-                            {
-                                "name": "overlay",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "HTMLElement | ElementRef<any> | TemplateRef<any> | Overlay",
-                                "description": "Overlay element."
-                            },
-                            {
-                                "name": "target",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "HTMLElement | ElementRef<any> | TemplateRef<any> | Overlay",
-                                "description": "Target element."
-                            },
-                            {
-                                "name": "overlayMode",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Overlay mode."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "CascadeSelectBeforeShowEvent",
-                        "description": "Custom panel show event emits right before the panel is shown.",
-                        "props": [
-                            {
-                                "name": "overlay",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "HTMLElement | ElementRef<any> | TemplateRef<any> | Overlay",
-                                "description": "Overlay element."
-                            },
-                            {
-                                "name": "target",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "HTMLElement | ElementRef<any> | TemplateRef<any> | Overlay",
-                                "description": "Target element."
-                            },
-                            {
-                                "name": "overlayMode",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Overlay mode."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "CascadeSelectBeforeHideEvent",
-                        "description": "Custom panel hide event emits right before the panel is hidden.",
-                        "props": [
-                            {
-                                "name": "overlay",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "HTMLElement | ElementRef<any> | TemplateRef<any> | Overlay",
-                                "description": "Overlay element."
-                            },
-                            {
-                                "name": "target",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "HTMLElement | ElementRef<any> | TemplateRef<any> | Overlay",
-                                "description": "Target element."
-                            },
-                            {
-                                "name": "overlayMode",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Overlay mode."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "CascadeSelectChangeEvent",
-                        "description": "Custom panel change event emits when selection changed.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "value",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Selected value."
-                            },
-                            {
-                                "name": "isFocus",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Focus state."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "cascadeselect",
-                        "name": "value",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Value.\n  \t placeholder: string, // Placeholder.\n  }",
-                                "description": "value data."
-                            }
-                        ],
-                        "description": "Custom value template."
-                    },
-                    {
-                        "parent": "cascadeselect",
-                        "name": "option",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Option instance.\n  }",
-                                "description": "option data."
-                            }
-                        ],
-                        "description": "Custom option template."
-                    },
-                    {
-                        "parent": "cascadeselect",
-                        "name": "triggericon",
-                        "parameters": [],
-                        "description": "Custom dropdown trigger icon template."
-                    },
-                    {
-                        "parent": "cascadeselect",
-                        "name": "clearicon",
-                        "parameters": [],
-                        "description": "Custom clear icon template."
-                    },
-                    {
-                        "parent": "cascadeselect",
-                        "name": "optiongroupicon",
-                        "parameters": [],
-                        "description": "Custom option group icon template."
-                    },
-                    {
-                        "parent": "cascadeselect",
-                        "name": "loadingicon",
-                        "parameters": [],
-                        "description": "Custom loading icon template."
-                    }
-                ]
-            }
-        }
-    },
-    "chart": {
-        "components": {
-            "UIChart": {
-                "description": "Chart groups a collection of contents in tabs.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "type",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"line\" | \"bar\" | \"scatter\" | \"bubble\" | \"pie\" | \"doughnut\" | \"polarArea\" | \"radar\"",
-                            "description": "Type of the chart."
-                        },
-                        {
-                            "name": "plugins",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "default": "[]",
-                            "description": "Array of per-chart plugins to customize the chart behaviour."
-                        },
-                        {
-                            "name": "width",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Width of the chart."
-                        },
-                        {
-                            "name": "height",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Height of the chart."
-                        },
-                        {
-                            "name": "responsive",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether the chart is redrawn on screen size change."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Used to define a string that autocomplete attribute the current element."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        },
-                        {
-                            "name": "data",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Data to display."
-                        },
-                        {
-                            "name": "options",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Options to customize the chart."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onDataSelect",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to execute when an element on chart is clicked."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "checkbox": {
-        "components": {
-            "Checkbox": {
-                "description": "Checkbox is an extension to standard checkbox element with theming.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Value of the checkbox."
-                        },
-                        {
-                            "name": "name",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the checkbox group."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the element should be disabled."
-                        },
-                        {
-                            "name": "binary",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Allows to select a boolean value instead of multiple values."
-                        },
-                        {
-                            "name": "label",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label of the checkbox."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Used to define a string that labels the input element."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "inputId",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the focus input to match a label defined for the component."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "labelStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the label."
-                        },
-                        {
-                            "name": "formControl",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "FormControl<any>",
-                            "description": "Form control value."
-                        },
-                        {
-                            "name": "checkboxIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon class of the checkbox icon."
-                        },
-                        {
-                            "name": "readonly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component cannot be edited."
-                        },
-                        {
-                            "name": "required",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that checkbox must be checked before submitting the form."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        },
-                        {
-                            "name": "trueValue",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "default": "true",
-                            "description": "Value in checked state."
-                        },
-                        {
-                            "name": "falseValue",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "default": "false",
-                            "description": "Value in unchecked state."
-                        },
-                        {
-                            "name": "variant",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"outlined\" | \"filled\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "CheckboxChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on value change."
-                        },
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the receives focus."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the loses focus."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "CheckboxChangeEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "checked",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Checked value."
-                            },
-                            {
-                                "name": "originalEvent",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "checkbox",
-                        "name": "icon",
-                        "parameters": [],
-                        "description": "Custom checkbox icon template"
-                    }
-                ]
-            }
-        }
-    },
-    "chip": {
-        "components": {
-            "Chip": {
-                "description": "Chip represents people using icons, labels and images.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "label",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines the text to display."
-                        },
-                        {
-                            "name": "icon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines the icon to display."
-                        },
-                        {
-                            "name": "image",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines the image to display."
-                        },
-                        {
-                            "name": "alt",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Alt attribute of the image."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "removable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display a remove icon."
-                        },
-                        {
-                            "name": "removeIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon of the remove element."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onRemove",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MouseEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a chip is removed."
-                        },
-                        {
-                            "name": "onImageError",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "This event is triggered if an error occurs while loading an image file."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "chip",
-                        "name": "content",
-                        "parameters": [],
-                        "description": "Custom template of content."
-                    },
-                    {
-                        "parent": "chip",
-                        "name": "removeicon",
-                        "parameters": [],
-                        "description": "Custom template of remove icon."
-                    }
-                ]
-            }
-        }
-    },
-    "chips": {
-        "components": {
-            "Chips": {
-                "description": "Chips groups a collection of contents in tabs.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the element."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the element should be disabled."
-                        },
-                        {
-                            "name": "field",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the property to display on a chip."
-                        },
-                        {
-                            "name": "placeholder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Advisory information to display on input."
-                        },
-                        {
-                            "name": "max",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Maximum number of entries allowed."
-                        },
-                        {
-                            "name": "maxLength",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Maximum length of a chip."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the input for accessibility."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "inputId",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the focus input to match a label defined for the component."
-                        },
-                        {
-                            "name": "allowDuplicate",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to allow duplicate values or not."
-                        },
-                        {
-                            "name": "caseSensitiveDuplication",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Defines whether duplication check should be case-sensitive"
-                        },
-                        {
-                            "name": "inputStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the input field."
-                        },
-                        {
-                            "name": "inputStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the input field."
-                        },
-                        {
-                            "name": "addOnTab",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to add an item on tab key press."
-                        },
-                        {
-                            "name": "addOnBlur",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to add an item when the input loses focus."
-                        },
-                        {
-                            "name": "separator",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | RegExp",
-                            "description": "Separator char to add an item when pressed in addition to the enter key."
-                        },
-                        {
-                            "name": "showClear",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, a clear icon is displayed to clear the value."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        },
-                        {
-                            "name": "variant",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"outlined\" | \"filled\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onAdd",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "ChipsAddEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on chip add."
-                        },
-                        {
-                            "name": "onRemove",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "ChipsRemoveEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on chip remove."
-                        },
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke on focus of input field."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke on blur of input field."
-                        },
-                        {
-                            "name": "onChipClick",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "ChipsClickEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on chip clicked."
-                        },
-                        {
-                            "name": "onClear",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke on clear token clicked."
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "clear",
-                            "parameters": [],
-                            "description": "Callback to invoke on filter reset."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "ChipsAddEvent",
-                        "description": "Custom add event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Added/Removed item value."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "ChipsRemoveEvent",
-                        "description": "Custom remove event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Added/Removed item value."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "ChipsClickEvent",
-                        "description": "Custom click event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Added/Removed item value."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "chips",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Value of the chip element.\n  }",
-                                "description": "item data."
-                            }
-                        ],
-                        "description": "Custom item template."
-                    },
-                    {
-                        "parent": "chips",
-                        "name": "removetokenicon",
-                        "parameters": [],
-                        "description": "Custom remove icon template."
-                    },
-                    {
-                        "parent": "chips",
-                        "name": "clearicon",
-                        "parameters": [],
-                        "description": "Custom clear icon template."
-                    }
-                ]
-            }
-        }
-    },
-    "colorpicker": {
-        "components": {
-            "ColorPicker": {
-                "description": "ColorPicker groups a collection of contents in tabs.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "inline",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display as an overlay or not."
-                        },
-                        {
-                            "name": "format",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"rgb\" | \"hex\" | \"hsb\"",
-                            "default": "hex",
-                            "description": "Format to use in value binding."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should be disabled."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "inputId",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the focus input to match a label defined for the dropdown."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to automatically manage layering."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".12s cubic-bezier(0, 0, 0.2, 1)",
-                            "description": "Transition options of the show animation."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".1s linear",
-                            "description": "Transition options of the hide animation."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "ColorPickerChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on value change."
-                        },
-                        {
-                            "name": "onShow",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke on panel is shown."
-                        },
-                        {
-                            "name": "onHide",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke on panel is hidden."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "ColorPickerChangeEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event"
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string | object",
-                                "description": "Selected color value."
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    },
-    "confirmdialog": {
-        "components": {
-            "ConfirmDialog": {
-                "description": "ConfirmDialog uses a Dialog UI that is integrated with the Confirmation API.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "header",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Title text of the dialog."
-                        },
-                        {
-                            "name": "icon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon to display next to message."
-                        },
-                        {
-                            "name": "message",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Message of the confirmation."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "maskStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Specify the CSS class(es) for styling the mask element"
-                        },
-                        {
-                            "name": "acceptIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon of the accept button."
-                        },
-                        {
-                            "name": "acceptLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label of the accept button."
-                        },
-                        {
-                            "name": "closeAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the close button for accessibility."
-                        },
-                        {
-                            "name": "acceptAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the accept button for accessibility."
-                        },
-                        {
-                            "name": "acceptVisible",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Visibility of the accept button."
-                        },
-                        {
-                            "name": "rejectIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon of the reject button."
-                        },
-                        {
-                            "name": "rejectLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label of the reject button."
-                        },
-                        {
-                            "name": "rejectAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the reject button for accessibility."
-                        },
-                        {
-                            "name": "rejectVisible",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Visibility of the reject button."
-                        },
-                        {
-                            "name": "acceptButtonStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the accept button."
-                        },
-                        {
-                            "name": "rejectButtonStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the reject button."
-                        },
-                        {
-                            "name": "closeOnEscape",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Specifies if pressing escape key should hide the dialog."
-                        },
-                        {
-                            "name": "dismissableMask",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Specifies if clicking the modal background should hide the dialog."
-                        },
-                        {
-                            "name": "blockScroll",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Determines whether scrolling behavior should be blocked within the component."
-                        },
-                        {
-                            "name": "rtl",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled dialog is displayed in RTL direction."
-                        },
-                        {
-                            "name": "closable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Adds a close icon to the header to hide the dialog."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the dialog, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "key",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Optional key to match the key of confirm object, necessary to use when component tree has multiple confirm dialogs."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to automatically manage layering."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "transitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "150ms cubic-bezier(0, 0, 0.2, 1)",
-                            "description": "Transition options of the animation."
-                        },
-                        {
-                            "name": "focusTrap",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "When enabled, can only focus on elements inside the confirm dialog."
-                        },
-                        {
-                            "name": "defaultFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"none\" | \"close\" | \"accept\" | \"reject\"",
-                            "default": "accept",
-                            "description": "Element to receive the focus when the dialog gets visible."
-                        },
-                        {
-                            "name": "breakpoints",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Object literal to define widths per screen size."
-                        },
-                        {
-                            "name": "visible",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Current visible state as a boolean."
-                        },
-                        {
-                            "name": "position",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Allows getting the position of the component."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onHide",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "ConfirmEventType"
-                                }
-                            ],
-                            "description": "Callback to invoke when dialog is hidden."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "confirmdialog",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom template of header."
-                    },
-                    {
-                        "parent": "confirmdialog",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom template of footer."
-                    },
-                    {
-                        "parent": "confirmdialog",
-                        "name": "message",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // undefined\n  }"
-                            }
-                        ],
-                        "description": "Custom template of message."
-                    },
-                    {
-                        "parent": "confirmdialog",
-                        "name": "icon",
-                        "parameters": [],
-                        "description": "Custom template of icon."
-                    },
-                    {
-                        "parent": "confirmdialog",
-                        "name": "rejecticon",
-                        "parameters": [],
-                        "description": "Custom template of rejecticon."
-                    },
-                    {
-                        "parent": "confirmdialog",
-                        "name": "accepticon",
-                        "parameters": [],
-                        "description": "Custom template of accepticon."
-                    },
-                    {
-                        "parent": "confirmdialog",
-                        "name": "headless",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // undefined\n  }"
-                            }
-                        ],
-                        "description": "Headless template."
-                    }
-                ]
-            }
-        }
-    },
-    "confirmpopup": {
-        "components": {
-            "ConfirmPopup": {
-                "description": "ConfirmPopup displays a confirmation overlay displayed relatively to its target.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "key",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Optional key to match the key of confirm object, necessary to use when component tree has multiple confirm dialogs."
-                        },
-                        {
-                            "name": "defaultFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "accept",
-                            "description": "Element to receive the focus when the popup gets visible, valid values are \"accept\", \"reject\", and \"none\"."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".12s cubic-bezier(0, 0, 0.2, 1)",
-                            "description": "Transition options of the show animation."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".1s linear",
-                            "description": "Transition options of the hide animation."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to automatically manage layering."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "visible",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Defines if the component is visible."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "confirmpopup",
-                        "name": "content",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // undefined\n  }"
-                            }
-                        ],
-                        "description": "Custom content template."
-                    },
-                    {
-                        "parent": "confirmpopup",
-                        "name": "rejecticon",
-                        "parameters": [],
-                        "description": "Custom template of rejecticon."
-                    },
-                    {
-                        "parent": "confirmpopup",
-                        "name": "accepticon",
-                        "parameters": [],
-                        "description": "Custom template of accepticon."
-                    },
-                    {
-                        "parent": "confirmpopup",
-                        "name": "headless",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // undefined\n  }"
-                            }
-                        ],
-                        "description": "Headless template."
-                    }
-                ]
-            }
-        }
-    },
-    "contextmenu": {
-        "components": {
-            "ContextMenu": {
-                "description": "ContextMenu displays an overlay menu on right click of its target. Note that components like Table has special integration with ContextMenu.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "model",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menuitems."
-                        },
-                        {
-                            "name": "triggerEvent",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "contextmenu",
-                            "description": "Event for which the menu must be displayed."
-                        },
-                        {
-                            "name": "target",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | HTMLElement",
-                            "description": "Local template variable name of the element to attach the context menu."
-                        },
-                        {
-                            "name": "global",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Attaches the menu to document instead of a particular item."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the overlay, valid values are \"body\" or a local ng-template variable of another element."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to automatically manage layering."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Current id state as a string."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string value that labels an interactive element."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the underlying input element."
-                        },
-                        {
-                            "name": "pressDelay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "500",
-                            "description": "Press delay in touch devices as miliseconds."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onShow",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "null"
-                                }
-                            ],
-                            "description": "Callback to invoke when overlay menu is shown."
-                        },
-                        {
-                            "name": "onHide",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "null"
-                                }
-                            ],
-                            "description": "Callback to invoke when overlay menu is hidden."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "contextmenu",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: MenuItem, // Item instance.\n  }"
-                            }
-                        ],
-                        "description": "Custom item template."
-                    },
-                    {
-                        "parent": "contextmenu",
-                        "name": "submenuicon",
-                        "parameters": [],
-                        "description": "Custom template of submenuicon."
-                    }
-                ]
-            }
-        }
-    },
-    "dataview": {
-        "components": {
-            "DataView": {
-                "description": "DataView displays data in grid or list layout with pagination and sorting features.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "paginator",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specified as true, enables the pagination."
-                        },
-                        {
-                            "name": "rows",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Number of rows to display per page."
-                        },
-                        {
-                            "name": "totalRecords",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Number of total records, defaults to length of value when not defined."
-                        },
-                        {
-                            "name": "pageLinks",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "5",
-                            "description": "Number of page links to display in paginator."
-                        },
-                        {
-                            "name": "rowsPerPageOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[] | number[]",
-                            "description": "Array of integer/object values to display inside rows per page dropdown of paginator"
-                        },
-                        {
-                            "name": "paginatorPosition",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"both\" | \"top\" | \"bottom\"",
-                            "default": "bottom",
-                            "description": "Position of the paginator."
-                        },
-                        {
-                            "name": "paginatorStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Custom style class for paginator"
-                        },
-                        {
-                            "name": "alwaysShowPaginator",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show it even there is only one page."
-                        },
-                        {
-                            "name": "paginatorDropdownAppendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the paginator dropdown overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "paginatorDropdownScrollHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "200px",
-                            "description": "Paginator dropdown height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value."
-                        },
-                        {
-                            "name": "currentPageReportTemplate",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "{currentPage} of {totalPages}",
-                            "description": "Template of the current page report element. Available placeholders are {currentPage},{totalPages},{rows},{first},{last} and {totalRecords}"
-                        },
-                        {
-                            "name": "showCurrentPageReport",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display current page report."
-                        },
-                        {
-                            "name": "showJumpToPageDropdown",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display a dropdown to navigate to any page."
-                        },
-                        {
-                            "name": "showFirstLastIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "When enabled, icons are displayed on paginator to go first and last page."
-                        },
-                        {
-                            "name": "showPageLinks",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show page links."
-                        },
-                        {
-                            "name": "lazy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if data is loaded and interacted with in lazy manner."
-                        },
-                        {
-                            "name": "lazyLoadOnInit",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to call lazy loading on initialization."
-                        },
-                        {
-                            "name": "emptyMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Text to display when there is no data. Defaults to global value in i18n translation configuration."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "gridStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Style class of the grid."
-                        },
-                        {
-                            "name": "trackBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Function",
-                            "default": "...",
-                            "description": "Function to optimize the dom operations by delegating to ngForTrackBy, default algorithm checks for object identity."
-                        },
-                        {
-                            "name": "filterBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Comma separated list of fields in the object graph to search against."
-                        },
-                        {
-                            "name": "filterLocale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Locale to use in filtering. The default locale is the host environment's current locale."
-                        },
-                        {
-                            "name": "loading",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Displays a loader to indicate data load is in progress."
-                        },
-                        {
-                            "name": "loadingIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The icon to show while indicating data load is in progress."
-                        },
-                        {
-                            "name": "first",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the first row to be displayed."
-                        },
-                        {
-                            "name": "sortField",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Property name of data to use in sorting by default."
-                        },
-                        {
-                            "name": "sortOrder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Order to sort the data by default."
-                        },
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of objects to display."
-                        },
-                        {
-                            "name": "layout",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"grid\" | \"list\"",
-                            "description": "Defines the layout mode."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onLazyLoad",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "DataViewLazyLoadEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when paging, sorting or filtering happens in lazy mode."
-                        },
-                        {
-                            "name": "onPage",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "DataViewPageEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when pagination occurs."
-                        },
-                        {
-                            "name": "onSort",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "DataViewSortEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when sorting occurs."
-                        },
-                        {
-                            "name": "onChangeLayout",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "DataViewLayoutChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when changing layout."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "DataViewLazyLoadEvent",
-                        "description": "Custom lazy load event.",
-                        "props": [
-                            {
-                                "name": "first",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the first element."
-                            },
-                            {
-                                "name": "rows",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Row count."
-                            },
-                            {
-                                "name": "sortField",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Property name of data to use in sorting by default."
-                            },
-                            {
-                                "name": "sortOrder",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Order to sort the data by default."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "DataViewPageEvent",
-                        "description": "Custom page event.",
-                        "props": [
-                            {
-                                "name": "first",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the first element."
-                            },
-                            {
-                                "name": "rows",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Row count."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "DataViewSortEvent",
-                        "description": "Custom sort event.",
-                        "props": [
-                            {
-                                "name": "sortField",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Sort field."
-                            },
-                            {
-                                "name": "sortOrder",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Sort order."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "DataViewLayoutChangeEvent",
-                        "description": "Custom layout change.",
-                        "props": [
-                            {
-                                "name": "layout",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "\"grid\" | \"list\"",
-                                "description": "Layout of the component."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "dataview",
-                        "name": "listItem",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Row data.\n  \t rowIndex: number, // Row index.\n  }",
-                                "description": "data of the item."
-                            }
-                        ],
-                        "description": "Custom list item template."
-                    },
-                    {
-                        "parent": "dataview",
-                        "name": "gridItem",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Row data.\n  \t rowIndex: number, // Row index.\n  }",
-                                "description": "data of the item."
-                            }
-                        ],
-                        "description": "Custom grid item template."
-                    },
-                    {
-                        "parent": "dataview",
-                        "name": "paginatorleft",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: DataViewPaginatorState, // State of the paginator.\n  }",
-                                "description": "paginator state."
-                            }
-                        ],
-                        "description": "Custom paginator left template."
-                    },
-                    {
-                        "parent": "dataview",
-                        "name": "paginatorright",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: DataViewPaginatorState, // State of the paginator.\n  }",
-                                "description": "paginator state."
-                            }
-                        ],
-                        "description": "Custom paginator right template."
-                    },
-                    {
-                        "parent": "dataview",
-                        "name": "paginatordropdownitem",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Dropdown item instance.\n  }",
-                                "description": "dropdown item."
-                            }
-                        ],
-                        "description": "Custom paginator dropdown template."
-                    },
-                    {
-                        "parent": "dataview",
-                        "name": "empty",
-                        "parameters": [],
-                        "description": "Custom empty message template."
-                    },
-                    {
-                        "parent": "dataview",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "dataview",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom footer template."
-                    },
-                    {
-                        "parent": "dataview",
-                        "name": "loadingicon",
-                        "parameters": [],
-                        "description": "Custom loading icon template."
-                    },
-                    {
-                        "parent": "dataview",
-                        "name": "listicon",
-                        "parameters": [],
-                        "description": "Custom list icon template."
-                    },
-                    {
-                        "parent": "dataview",
-                        "name": "gridicon",
-                        "parameters": [],
-                        "description": "Custom grid icon template."
-                    }
-                ]
-            },
-            "interfaces": {
-                "description": "Defines the custom interfaces used by the module.",
-                "values": [
-                    {
-                        "name": "DataViewPaginatorState",
-                        "description": "State of the paginator.",
-                        "props": [
-                            {
-                                "name": "page",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Current page."
-                            },
-                            {
-                                "name": "first",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "First item in the current page."
-                            },
-                            {
-                                "name": "rows",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Row count."
-                            },
-                            {
-                                "name": "pageCount",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Page count."
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    },
-    "defer": {
-        "components": {
-            "DeferredLoader": {
-                "description": "Defer postpones the loading the content that is initially not in the viewport until it becomes visible on scroll.",
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onLoad",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when deferred content is loaded."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "dialog": {
-        "components": {
-            "Dialog": {
-                "description": "Dialog is a container to display content in an overlay window.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "header",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Title text of the dialog."
-                        },
-                        {
-                            "name": "draggable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Enables dragging to change the position using header."
-                        },
-                        {
-                            "name": "resizable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Enables resizing of the content."
-                        },
-                        {
-                            "name": "positionLeft",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Defines the left offset of dialog.",
-                            "deprecated": "positionLeft property is deprecated."
-                        },
-                        {
-                            "name": "positionTop",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Defines the top offset of dialog.",
-                            "deprecated": "positionTop property is deprecated."
-                        },
-                        {
-                            "name": "contentStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Style of the content section."
-                        },
-                        {
-                            "name": "contentStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the content."
-                        },
-                        {
-                            "name": "modal",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if background should be blocked when dialog is displayed."
-                        },
-                        {
-                            "name": "closeOnEscape",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Specifies if pressing escape key should hide the dialog."
-                        },
-                        {
-                            "name": "dismissableMask",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Specifies if clicking the modal background should hide the dialog."
-                        },
-                        {
-                            "name": "rtl",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled dialog is displayed in RTL direction."
-                        },
-                        {
-                            "name": "closable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Adds a close icon to the header to hide the dialog."
-                        },
-                        {
-                            "name": "responsive",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines if the component is responsive.",
-                            "deprecated": "Responsive property is deprecated."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the dialog, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "breakpoints",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Object literal to define widths per screen size."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "maskStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the mask."
-                        },
-                        {
-                            "name": "maskStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Style of the mask."
-                        },
-                        {
-                            "name": "showHeader",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show the header or not."
-                        },
-                        {
-                            "name": "breakpoint",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Defines the breakpoint of the component responsive.",
-                            "deprecated": "Breakpoint property is not utilized and deprecated. Use breakpoints or CSS media queries instead."
-                        },
-                        {
-                            "name": "blockScroll",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether background scroll should be blocked when dialog is visible."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to automatically manage layering."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "minX",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Minimum value for the left coordinate of dialog in dragging."
-                        },
-                        {
-                            "name": "minY",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Minimum value for the top coordinate of dialog in dragging."
-                        },
-                        {
-                            "name": "focusOnShow",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "When enabled, first focusable element receives focus on show."
-                        },
-                        {
-                            "name": "maximizable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the dialog can be displayed full screen."
-                        },
-                        {
-                            "name": "keepInViewport",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Keeps dialog in the viewport."
-                        },
-                        {
-                            "name": "focusTrap",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "When enabled, can only focus on elements inside the dialog."
-                        },
-                        {
-                            "name": "transitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "150ms cubic-bezier(0, 0, 0.2, 1)",
-                            "description": "Transition options of the animation."
-                        },
-                        {
-                            "name": "closeIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the close icon."
-                        },
-                        {
-                            "name": "closeAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the close button for accessibility."
-                        },
-                        {
-                            "name": "closeTabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "0",
-                            "description": "Index of the close button in tabbing order."
-                        },
-                        {
-                            "name": "minimizeIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the minimize icon."
-                        },
-                        {
-                            "name": "maximizeIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the maximize icon."
-                        },
-                        {
-                            "name": "visible",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Specifies the visibility of the dialog."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "position",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"center\" | \"left\" | \"top\" | \"bottom\" | \"right\" | \"topleft\" | \"topright\" | \"bottomleft\" | \"bottomright\"",
-                            "description": "Position of the dialog."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onShow",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when dialog is shown."
-                        },
-                        {
-                            "name": "onHide",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when dialog is hidden."
-                        },
-                        {
-                            "name": "visibleChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "boolean"
-                                }
-                            ],
-                            "description": "This EventEmitter is used to notify changes in the visibility state of a component."
-                        },
-                        {
-                            "name": "onResizeInit",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MouseEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when dialog resizing is initiated."
-                        },
-                        {
-                            "name": "onResizeEnd",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MouseEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when dialog resizing is completed."
-                        },
-                        {
-                            "name": "onDragEnd",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "DragEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when dialog dragging is completed."
-                        },
-                        {
-                            "name": "onMaximize",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when dialog maximized or unmaximized."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "dialog",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom template of header."
-                    },
-                    {
-                        "parent": "dialog",
-                        "name": "content",
-                        "parameters": [],
-                        "description": "Custom template of content."
-                    },
-                    {
-                        "parent": "dialog",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom template of footer."
-                    },
-                    {
-                        "parent": "dialog",
-                        "name": "closeicon",
-                        "parameters": [],
-                        "description": "Custom template of closeicon."
-                    },
-                    {
-                        "parent": "dialog",
-                        "name": "maximizeicon",
-                        "parameters": [],
-                        "description": "Custom template of maximizeicon."
-                    },
-                    {
-                        "parent": "dialog",
-                        "name": "minimizeicon",
-                        "parameters": [],
-                        "description": "Custom template of minimizeicon."
-                    }
-                ]
-            }
-        }
-    },
-    "divider": {
-        "components": {
-            "Divider": {
-                "description": "Divider is used to separate contents.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "layout",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"vertical\" | \"horizontal\"",
-                            "default": "horizontal",
-                            "description": "Specifies the orientation."
-                        },
-                        {
-                            "name": "type",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"dashed\" | \"dotted\" | \"solid\"",
-                            "default": "solid",
-                            "description": "Border style type."
-                        },
-                        {
-                            "name": "align",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"center\" | \"left\" | \"top\" | \"bottom\" | \"right\"",
-                            "description": "Alignment of the content."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "dock": {
-        "components": {
-            "Dock": {
-                "description": "Dock is a navigation component consisting of menuitems.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Current id state as a string."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "model",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "MenuItem[]",
-                            "default": "null",
-                            "description": "MenuModel instance to define the action items."
-                        },
-                        {
-                            "name": "position",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"left\" | \"top\" | \"bottom\" | \"right\"",
-                            "default": "bottom",
-                            "description": "Position of element."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the input for accessibility."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the dropdown button for accessibility."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FocusEvent"
-                                }
-                            ],
-                            "description": "Callback to execute when button is focused."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FocusEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when the component loses focus."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "dock",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Item instance.\n  }",
-                                "description": "item data."
-                            }
-                        ],
-                        "description": "Custom template of item."
-                    }
-                ]
-            }
-        }
-    },
-    "connectedoverlayscrollhandler": {
-        "components": {}
-    },
-    "domhandler": {
-        "components": {}
-    },
-    "dragdrop": {
-        "components": {
-            "Draggable": {
-                "description": "pDraggable directive apply draggable behavior to any element.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "dragEffect",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"link\" | \"all\" | \"none\" | \"copy\" | \"move\" | \"copyLink\" | \"copyMove\" | \"linkMove\" | \"uninitialized\"",
-                            "description": "Defines the cursor style."
-                        },
-                        {
-                            "name": "dragHandle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Selector to define the drag handle, by default anywhere on the target element is a drag handle to start dragging."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onDragStart",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "DragEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when drag begins."
-                        },
-                        {
-                            "name": "onDragEnd",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "DragEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when drag ends."
-                        },
-                        {
-                            "name": "onDrag",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "DragEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on dragging."
-                        }
-                    ]
-                }
-            },
-            "Droppable": {
-                "description": "pDroppable directive apply droppable behavior to any element.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "pDroppableDisabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the element is droppable, useful for conditional cases."
-                        },
-                        {
-                            "name": "dropEffect",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"link\" | \"none\" | \"copy\" | \"move\"",
-                            "description": "Defines the cursor style, valid values are none, copy, move, link, copyMove, copyLink, linkMove and all."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onDragEnter",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "DragEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a draggable enters drop area."
-                        },
-                        {
-                            "name": "onDragLeave",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "DragEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a draggable leave drop area."
-                        },
-                        {
-                            "name": "onDrop",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "DragEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a draggable is dropped onto drop area."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "dropdown": {
-        "components": {
-            "Dropdown": {
-                "description": "Dropdown also known as Select, is used to choose an item from a collection of options.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Unique identifier of the component"
-                        },
-                        {
-                            "name": "scrollHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "200px",
-                            "description": "Height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value."
-                        },
-                        {
-                            "name": "filter",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specified, displays an input field to filter the items on keyup."
-                        },
-                        {
-                            "name": "name",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the input element."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "panelStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the overlay panel element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the element."
-                        },
-                        {
-                            "name": "panelStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the overlay panel element."
-                        },
-                        {
-                            "name": "readonly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component cannot be edited."
-                        },
-                        {
-                            "name": "required",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that an input field must be filled out before submitting the form."
-                        },
-                        {
-                            "name": "editable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, custom value instead of predefined options can be entered using the editable input field."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "placeholder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Signal<string>",
-                            "description": "Default text to display when no option is selected."
-                        },
-                        {
-                            "name": "loadingIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon to display in loading state."
-                        },
-                        {
-                            "name": "filterPlaceholder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Placeholder text to show when filter input is empty."
-                        },
-                        {
-                            "name": "filterLocale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Locale to use in filtering. The default locale is the host environment's current locale."
-                        },
-                        {
-                            "name": "variant",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"outlined\" | \"filled\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        },
-                        {
-                            "name": "inputId",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the accessible input element."
-                        },
-                        {
-                            "name": "dataKey",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "A property to uniquely identify a value in options."
-                        },
-                        {
-                            "name": "filterBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "When filtering is enabled, filterBy decides which field or fields (comma separated) to search against."
-                        },
-                        {
-                            "name": "filterFields",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "Fields used when filtering the options, defaults to optionLabel."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        },
-                        {
-                            "name": "resetFilterOnHide",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Clears the filter value when hiding the dropdown."
-                        },
-                        {
-                            "name": "checkmark",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the selected option will be shown with a check mark."
-                        },
-                        {
-                            "name": "dropdownIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon class of the dropdown icon."
-                        },
-                        {
-                            "name": "loading",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the dropdown is in loading state."
-                        },
-                        {
-                            "name": "optionLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the label field of an option."
-                        },
-                        {
-                            "name": "optionValue",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the value field of an option."
-                        },
-                        {
-                            "name": "optionDisabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the disabled field of an option."
-                        },
-                        {
-                            "name": "optionGroupLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "label",
-                            "description": "Name of the label field of an option group."
-                        },
-                        {
-                            "name": "optionGroupChildren",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "items",
-                            "description": "Name of the options field of an option group."
-                        },
-                        {
-                            "name": "autoDisplayFirst",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to display the first item as the label if no placeholder is defined and value is null.",
-                            "deprecated": "since v17.3.0, set initial value by model instead."
-                        },
-                        {
-                            "name": "group",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display options as grouped when nested options are provided."
-                        },
-                        {
-                            "name": "showClear",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, a clear icon is displayed to clear the value."
-                        },
-                        {
-                            "name": "emptyFilterMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration."
-                        },
-                        {
-                            "name": "emptyMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Text to display when there is no data. Defaults to global value in i18n translation configuration."
-                        },
-                        {
-                            "name": "lazy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if data is loaded and interacted with in lazy manner."
-                        },
-                        {
-                            "name": "virtualScroll",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the data should be loaded on demand during scroll."
-                        },
-                        {
-                            "name": "virtualScrollItemSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Height of an item in the list for VirtualScrolling."
-                        },
-                        {
-                            "name": "virtualScrollOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "ScrollerOptions",
-                            "description": "Whether to use the scroller feature. The properties of scroller component can be used like an object in it."
-                        },
-                        {
-                            "name": "overlayOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "OverlayOptions",
-                            "description": "Whether to use overlay API feature. The properties of overlay API can be used like an object in it."
-                        },
-                        {
-                            "name": "ariaFilterLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the filter input."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Used to define a aria label attribute the current element."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        },
-                        {
-                            "name": "filterMatchMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"endsWith\" | \"startsWith\" | \"contains\" | \"equals\" | \"notEquals\" | \"in\" | \"lt\" | \"lte\" | \"gt\" | \"gte\"",
-                            "default": "contains",
-                            "description": "Defines how the items are filtered."
-                        },
-                        {
-                            "name": "maxlength",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Maximum number of character allows in the editable input field."
-                        },
-                        {
-                            "name": "tooltip",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Advisory information to display in a tooltip on hover."
-                        },
-                        {
-                            "name": "tooltipPosition",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"left\" | \"top\" | \"bottom\" | \"right\"",
-                            "default": "right",
-                            "description": "Position of the tooltip."
-                        },
-                        {
-                            "name": "tooltipPositionStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "absolute",
-                            "description": "Type of CSS position."
-                        },
-                        {
-                            "name": "tooltipStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the tooltip."
-                        },
-                        {
-                            "name": "focusOnHover",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Fields used when filtering the options, defaults to optionLabel."
-                        },
-                        {
-                            "name": "selectOnFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Determines if the option will be selected on focus."
-                        },
-                        {
-                            "name": "autoOptionFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to focus on the first visible or selected element when the overlay panel is shown."
-                        },
-                        {
-                            "name": "autofocusFilter",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Applies focus to the filter element when the overlay is shown."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "When present, it specifies that the component should be disabled."
-                        },
-                        {
-                            "name": "itemSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Item size of item to be virtual scrolled.",
-                            "deprecated": "use virtualScrollItemSize property instead."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Whether to automatically manage layering.",
-                            "deprecated": "since v14.2.0, use overlayOptions property instead."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Base zIndex value to use in layering.",
-                            "deprecated": "since v14.2.0, use overlayOptions property instead."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Transition options of the show animation.",
-                            "deprecated": "since v14.2.0, use overlayOptions property instead."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Transition options of the hide animation.",
-                            "deprecated": "since v14.2.0, use overlayOptions property instead."
-                        },
-                        {
-                            "name": "filterValue",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "When specified, filter displays with this value."
-                        },
-                        {
-                            "name": "options",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of objects to display as the available options."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "DropdownChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when value of dropdown changes."
-                        },
-                        {
-                            "name": "onFilter",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "DropdownFilterEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when data is filtered."
-                        },
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when dropdown gets focus."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when dropdown loses focus."
-                        },
-                        {
-                            "name": "onClick",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MouseEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when component is clicked."
-                        },
-                        {
-                            "name": "onShow",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "AnimationEvent_2"
-                                }
-                            ],
-                            "description": "Callback to invoke when dropdown overlay gets visible."
-                        },
-                        {
-                            "name": "onHide",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "AnimationEvent_2"
-                                }
-                            ],
-                            "description": "Callback to invoke when dropdown overlay gets hidden."
-                        },
-                        {
-                            "name": "onClear",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when dropdown clears the value."
-                        },
-                        {
-                            "name": "onLazyLoad",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "DropdownLazyLoadEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke in lazy mode to load new data."
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "resetFilter",
-                            "parameters": [],
-                            "description": "Callback to invoke on filter reset."
-                        },
-                        {
-                            "name": "show",
-                            "parameters": [
-                                {
-                                    "name": "isFocus",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Displays the panel."
-                        },
-                        {
-                            "name": "hide",
-                            "parameters": [
-                                {
-                                    "name": "isFocus",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Hides the panel."
-                        },
-                        {
-                            "name": "focus",
-                            "parameters": [],
-                            "description": "Applies focus."
-                        },
-                        {
-                            "name": "clear",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Clears the model."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "DropdownChangeEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Selected option value"
-                            }
-                        ]
-                    },
-                    {
-                        "name": "DropdownFilterEvent",
-                        "description": "Custom filter event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "filter",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Filter value."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "DropdownLazyLoadEvent",
-                        "description": "Custom lazy load event.",
-                        "props": [
-                            {
-                                "name": "first",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the first element in viewport."
-                            },
-                            {
-                                "name": "last",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the last element in viewport."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "dropdown",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Data of the option.\n  }",
-                                "description": "item data."
-                            }
-                        ],
-                        "description": "Custom item template."
-                    },
-                    {
-                        "parent": "dropdown",
-                        "name": "selectedItem",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Selected option value.\n  }",
-                                "description": "selected item data."
-                            }
-                        ],
-                        "description": "Custom selected item template."
-                    },
-                    {
-                        "parent": "dropdown",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "dropdown",
-                        "name": "filter",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t options: DropdownFilterOptions, // Filter options.\n  }"
-                            }
-                        ],
-                        "description": "Custom filter template."
-                    },
-                    {
-                        "parent": "dropdown",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom footer template."
-                    },
-                    {
-                        "parent": "dropdown",
-                        "name": "emptyfilter",
-                        "parameters": [],
-                        "description": "Custom empty filter template."
-                    },
-                    {
-                        "parent": "dropdown",
-                        "name": "empty",
-                        "parameters": [],
-                        "description": "Custom empty template."
-                    },
-                    {
-                        "parent": "dropdown",
-                        "name": "group",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Group option.\n  }"
-                            }
-                        ],
-                        "description": "Custom group template."
-                    },
-                    {
-                        "parent": "dropdown",
-                        "name": "loader",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t options: ScrollerOptions, // Virtual scroller options.\n  }"
-                            }
-                        ],
-                        "description": "Custom loader template. This template can be used with virtualScroll."
-                    },
-                    {
-                        "parent": "dropdown",
-                        "name": "dropdownicon",
-                        "parameters": [],
-                        "description": "Custom dropdown trigger icon template."
-                    },
-                    {
-                        "parent": "dropdown",
-                        "name": "clearicon",
-                        "parameters": [],
-                        "description": "Custom clear icon template."
-                    },
-                    {
-                        "parent": "dropdown",
-                        "name": "filtericon",
-                        "parameters": [],
-                        "description": "Custom filter icon template."
-                    }
-                ]
-            },
-            "interfaces": {
-                "description": "Defines the custom interfaces used by the module.",
-                "values": [
-                    {
-                        "name": "DropdownFilterOptions",
-                        "description": "Filter callbacks of the dropdown.",
-                        "props": [
-                            {
-                                "name": "filter",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Function",
-                                "description": "Filter function."
-                            },
-                            {
-                                "name": "reset",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Function",
-                                "description": "Reset function."
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    },
-    "dialogservice": {
-        "description": "Defines the service used by the component",
-        "methods": {
-            "description": "Methods used in service.",
-            "values": [
-                {
-                    "name": "open",
-                    "parameters": [
-                        {
-                            "name": "componentType",
-                            "type": "Type<T>",
-                            "description": "Dynamic component for content template."
-                        },
-                        {
-                            "name": "config",
-                            "type": "DynamicDialogConfig<any>",
-                            "description": "DynamicDialog object."
-                        }
-                    ],
-                    "returnType": "DynamicDialogRef<T>",
-                    "description": "Displays the dialog using the dynamic dialog object options."
-                },
-                {
-                    "name": "getInstance",
-                    "parameters": [
-                        {
-                            "name": "ref",
-                            "type": "DynamicDialogRef<any>"
-                        }
-                    ],
-                    "returnType": "DynamicDialogComponent",
-                    "description": "Returns the dynamic dialog component instance."
-                }
-            ]
-        }
-    },
-    "dynamicdialog-config": {
-        "components": {
-            "DynamicDialogConfig": {
-                "description": "Dialogs can be created dynamically with any component as the content using a DialogService.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "data",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "T",
-                            "description": "An object to pass to the component loaded inside the Dialog."
-                        },
-                        {
-                            "name": "header",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Header text of the dialog."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifies the element (or elements) that labels the element it is applied to."
-                        },
-                        {
-                            "name": "footer",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Footer text of the dialog."
-                        },
-                        {
-                            "name": "width",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Width of the dialog."
-                        },
-                        {
-                            "name": "height",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Height of the dialog."
-                        },
-                        {
-                            "name": "closeOnEscape",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Specifies if pressing escape key should hide the dialog."
-                        },
-                        {
-                            "name": "focusOnShow",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Specifies if autofocus should happen on show."
-                        },
-                        {
-                            "name": "focusTrap",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "When enabled, can only focus on elements inside the dialog."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to automatically manage layering."
-                        },
-                        {
-                            "name": "dismissableMask",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Specifies if clicking the modal background should hide the dialog."
-                        },
-                        {
-                            "name": "rtl",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "style",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the comopnent."
-                        },
-                        {
-                            "name": "contentStyle",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the content."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "transitionOptions",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Transition options of the animation."
-                        },
-                        {
-                            "name": "closable",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Adds a close icon to the header to hide the dialog."
-                        },
-                        {
-                            "name": "showHeader",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to show the header or not."
-                        },
-                        {
-                            "name": "modal",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if background should be blocked when dialog is displayed."
-                        },
-                        {
-                            "name": "maskStyleClass",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the mask."
-                        },
-                        {
-                            "name": "resizable",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Enables resizing of the content."
-                        },
-                        {
-                            "name": "draggable",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Enables dragging to change the position using header."
-                        },
-                        {
-                            "name": "keepInViewport",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Keeps dialog in the viewport."
-                        },
-                        {
-                            "name": "minX",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Minimum value for the left coordinate of dialog in dragging."
-                        },
-                        {
-                            "name": "minY",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Minimum value for the top coordinate of dialog in dragging."
-                        },
-                        {
-                            "name": "maximizable",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the dialog can be displayed full screen."
-                        },
-                        {
-                            "name": "maximizeIcon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the maximize icon."
-                        },
-                        {
-                            "name": "minimizeIcon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the minimize icon."
-                        },
-                        {
-                            "name": "position",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Position of the dialog, options are \"center\", \"top\", \"bottom\", \"left\", \"right\", \"top-left\", \"top-right\", \"bottom-left\" or \"bottom-right\"."
-                        },
-                        {
-                            "name": "closeAriaLabel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the close button for accessibility."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "duplicate",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "A boolean to determine if it can be duplicate."
-                        },
-                        {
-                            "name": "breakpoints",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Object literal to define widths per screen size."
-                        },
-                        {
-                            "name": "templates",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "DynamicDialogTemplates",
-                            "description": "Dialog templates."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "values": [
-                {
-                    "name": "DynamicDialogTemplates",
-                    "description": "Defines valid templates in Dynamic Dialog.",
-                    "props": [
-                        {
-                            "name": "header",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Type<any>",
-                            "description": "Template of the header."
-                        },
-                        {
-                            "name": "content",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Type<any>",
-                            "description": "Template of the content."
-                        },
-                        {
-                            "name": "footer",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Type<any>",
-                            "description": "Template of the footer."
-                        },
-                        {
-                            "name": "minimizeicon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Type<any>",
-                            "description": "Template of the minimize icon."
-                        },
-                        {
-                            "name": "maximizeicon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Type<any>",
-                            "description": "Template of the maximize icon."
-                        },
-                        {
-                            "name": "closeicon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Type<any>",
-                            "description": "Template of the close icon."
-                        }
-                    ]
-                }
-            ]
-        }
-    },
-    "dynamicdialog-injector": {
-        "components": {}
-    },
-    "dynamicdialog-ref": {
-        "components": {
-            "DynamicDialogRef": {
-                "description": "Dynamic Dialog instance.",
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "close",
-                            "parameters": [
-                                {
-                                    "name": "result",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Closes dialog."
-                        },
-                        {
-                            "name": "destroy",
-                            "parameters": [],
-                            "description": "Destroys the dialog instance."
-                        },
-                        {
-                            "name": "dragStart",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MouseEvent",
-                                    "description": "Mouse event."
-                                }
-                            ],
-                            "description": "Callback to invoke on drag start."
-                        },
-                        {
-                            "name": "dragEnd",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MouseEvent",
-                                    "description": "Mouse event."
-                                }
-                            ],
-                            "description": "Callback to invoke on drag end."
-                        },
-                        {
-                            "name": "resizeInit",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MouseEvent",
-                                    "description": "Mouse event."
-                                }
-                            ],
-                            "description": "Callback to invoke on resize start."
-                        },
-                        {
-                            "name": "resizeEnd",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MouseEvent",
-                                    "description": "Mouse event."
-                                }
-                            ],
-                            "description": "Callback to invoke on resize start."
-                        },
-                        {
-                            "name": "maximize",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any",
-                                    "description": "Size value."
-                                }
-                            ],
-                            "description": "Callback to invoke on dialog is maximized."
-                        }
-                    ]
-                },
-                "events": {
-                    "description": "Defines the custom events used by the component's emitters.",
-                    "values": [
-                        {
-                            "name": "onClose",
-                            "description": "Event triggered on dialog is closed."
-                        },
-                        {
-                            "name": "onDestroy",
-                            "description": "Event triggered on dialog instance is destroyed."
-                        },
-                        {
-                            "name": "onDragStart",
-                            "description": "Event triggered on drag start."
-                        },
-                        {
-                            "name": "onDragEnd",
-                            "description": "Event triggered on drag end."
-                        },
-                        {
-                            "name": "onResizeInit",
-                            "description": "Event triggered on resize start."
-                        },
-                        {
-                            "name": "onResizeEnd",
-                            "description": "Event triggered on resize end."
-                        },
-                        {
-                            "name": "onMaximize",
-                            "description": "Event triggered on dialog is maximized."
-                        },
-                        {
-                            "name": "onChildComponentLoaded",
-                            "description": "Event triggered on child component load."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "dynamicdialog": {
-        "components": {}
-    },
-    "dynamicdialogcontent": {
-        "components": {}
-    },
-    "editor": {
-        "components": {
-            "Editor": {
-                "description": "Editor groups a collection of contents in tabs.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the container."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the container."
-                        },
-                        {
-                            "name": "placeholder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Placeholder text to show when editor is empty."
-                        },
-                        {
-                            "name": "formats",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string[]",
-                            "description": "Whitelist of formats to display, see here for available options."
-                        },
-                        {
-                            "name": "modules",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "object",
-                            "description": "Modules configuration of Editor, see here for available options."
-                        },
-                        {
-                            "name": "bounds",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | HTMLElement",
-                            "description": "DOM Element or a CSS selector for a DOM Element, within which the editor’s p elements (i.e. tooltips, etc.) should be confined. Currently, it only considers left and right boundaries."
-                        },
-                        {
-                            "name": "scrollingContainer",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | HTMLElement",
-                            "description": "DOM Element or a CSS selector for a DOM Element, specifying which container has the scrollbars (i.e. overflow-y: auto), if is has been changed from the default ql-editor with custom CSS. Necessary to fix scroll jumping bugs when Quill is set to auto grow its height, and another ancestor container is responsible from the scrolling.."
-                        },
-                        {
-                            "name": "debug",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Shortcut for debug. Note debug is a static method and will affect other instances of Quill editors on the page. Only warning and error messages are enabled by default."
-                        },
-                        {
-                            "name": "readonly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Whether to instantiate the editor to read-only mode."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onInit",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "EditorInitEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when the quill modules are loaded."
-                        },
-                        {
-                            "name": "onTextChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "EditorTextChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when text of editor changes."
-                        },
-                        {
-                            "name": "onSelectionChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "EditorSelectionChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when selection of the text changes."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "EditorTextChangeEvent",
-                        "description": "Custom text change event.",
-                        "props": [
-                            {
-                                "name": "htmlValue",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Current value as html."
-                            },
-                            {
-                                "name": "textValue",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Current value as text."
-                            },
-                            {
-                                "name": "delta",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Representation of the change."
-                            },
-                            {
-                                "name": "source",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Source of change. Will be either 'user' or 'api'."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "EditorSelectionChangeEvent",
-                        "description": "Custom selection change event.",
-                        "props": [
-                            {
-                                "name": "range",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Representation of the selection boundaries."
-                            },
-                            {
-                                "name": "oldRange",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Representation of the previous selection boundaries."
-                            },
-                            {
-                                "name": "source",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Source of change. Will be either 'user' or 'api'."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "EditorInitEvent",
-                        "description": "Custom load event.",
-                        "props": [
-                            {
-                                "name": "editor",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Text editor instance."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "editor",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom header template."
-                    }
-                ]
-            }
-        }
-    },
-    "fieldset": {
-        "components": {
-            "Fieldset": {
-                "description": "Fieldset is a grouping component with the optional content toggle feature.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "legend",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Header text of the fieldset."
-                        },
-                        {
-                            "name": "toggleable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specified, content can toggled by clicking the legend."
-                        },
-                        {
-                            "name": "collapsed",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines the default visibility state of the content.\n*"
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "transitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "400ms cubic-bezier(0.86, 0, 0.07, 1)",
-                            "description": "Transition options of the panel animation."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "collapsedChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "boolean"
-                                }
-                            ],
-                            "description": "Emits when the collapsed state changes."
-                        },
-                        {
-                            "name": "onBeforeToggle",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FieldsetBeforeToggleEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke before panel toggle."
-                        },
-                        {
-                            "name": "onAfterToggle",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FieldsetAfterToggleEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke after panel toggle."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "FieldsetAfterToggleEvent",
-                        "description": "Custom panel toggle event, emits after toggle.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "collapsed",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Collapsed state of the panel."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "FieldsetBeforeToggleEvent",
-                        "description": "Custom panel toggle event, emits before toggle.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "collapsed",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Collapsed state of the panel."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "fieldset",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "fieldset",
-                        "name": "content",
-                        "parameters": [],
-                        "description": "Custom content template."
-                    },
-                    {
-                        "parent": "fieldset",
-                        "name": "expandicon",
-                        "parameters": [],
-                        "description": "Custom footer template."
-                    },
-                    {
-                        "parent": "fieldset",
-                        "name": "collapseicon",
-                        "parameters": [],
-                        "description": "Custom icons template of the panel toggler."
-                    }
-                ]
-            }
-        }
-    },
-    "fileupload": {
-        "components": {
-            "FileUpload": {
-                "description": "FileUpload is an advanced uploader with dragdrop support, multi file uploads, auto uploading, progress tracking and validations.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "name",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the request parameter to identify the files at backend."
-                        },
-                        {
-                            "name": "url",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Remote url to upload the files."
-                        },
-                        {
-                            "name": "method",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"post\" | \"put\"",
-                            "default": "post",
-                            "description": "HTTP method to send the files to the url such as \"post\" and \"put\"."
-                        },
-                        {
-                            "name": "multiple",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Used to select multiple files at once from file dialog."
-                        },
-                        {
-                            "name": "accept",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Comma-separated list of pattern to restrict the allowed file types. Can be any combination of either the MIME types (such as \"image/*\") or the file extensions (such as \".jpg\")."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Disables the upload functionality."
-                        },
-                        {
-                            "name": "auto",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, upload begins automatically after selection is completed."
-                        },
-                        {
-                            "name": "withCredentials",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Cross-site Access-Control requests should be made using credentials such as cookies, authorization headers or TLS client certificates."
-                        },
-                        {
-                            "name": "maxFileSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Maximum file size allowed in bytes."
-                        },
-                        {
-                            "name": "invalidFileSizeMessageSummary",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "{0}: Invalid file size, ",
-                            "description": "Summary message of the invalid file size."
-                        },
-                        {
-                            "name": "invalidFileSizeMessageDetail",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "maximum upload size is {0}.",
-                            "description": "Detail message of the invalid file size."
-                        },
-                        {
-                            "name": "invalidFileTypeMessageSummary",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "{0}: Invalid file type, ",
-                            "description": "Summary message of the invalid file type."
-                        },
-                        {
-                            "name": "invalidFileTypeMessageDetail",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "allowed file types: {0}.",
-                            "description": "Detail message of the invalid file type."
-                        },
-                        {
-                            "name": "invalidFileLimitMessageDetail",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "limit is {0} at most.",
-                            "description": "Detail message of the invalid file type."
-                        },
-                        {
-                            "name": "invalidFileLimitMessageSummary",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "Maximum number of files exceeded, ",
-                            "description": "Summary message of the invalid file type."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "previewWidth",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "50",
-                            "description": "Width of the image thumbnail in pixels."
-                        },
-                        {
-                            "name": "chooseLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label of the choose button. Defaults to PrimeNG Locale configuration."
-                        },
-                        {
-                            "name": "uploadLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label of the upload button. Defaults to PrimeNG Locale configuration."
-                        },
-                        {
-                            "name": "cancelLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label of the cancel button. Defaults to PrimeNG Locale configuration."
-                        },
-                        {
-                            "name": "chooseIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon of the choose button."
-                        },
-                        {
-                            "name": "uploadIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon of the upload button."
-                        },
-                        {
-                            "name": "cancelIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon of the cancel button."
-                        },
-                        {
-                            "name": "showUploadButton",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show the upload button."
-                        },
-                        {
-                            "name": "showCancelButton",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show the cancel button."
-                        },
-                        {
-                            "name": "mode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"basic\" | \"advanced\"",
-                            "default": "advanced",
-                            "description": "Defines the UI of the component."
-                        },
-                        {
-                            "name": "headers",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "HttpHeaders",
-                            "description": "HttpHeaders class represents the header configuration options for an HTTP request."
-                        },
-                        {
-                            "name": "customUpload",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to use the default upload or a manual implementation defined in uploadHandler callback. Defaults to PrimeNG Locale configuration."
-                        },
-                        {
-                            "name": "fileLimit",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Maximum number of files that can be uploaded."
-                        },
-                        {
-                            "name": "uploadStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the upload button."
-                        },
-                        {
-                            "name": "cancelStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the cancel button."
-                        },
-                        {
-                            "name": "removeStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the remove button."
-                        },
-                        {
-                            "name": "chooseStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the choose button."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onBeforeUpload",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FileBeforeUploadEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke before file upload is initialized."
-                        },
-                        {
-                            "name": "onSend",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FileSendEvent"
-                                }
-                            ],
-                            "description": "An event indicating that the request was sent to the server. Useful when a request may be retried multiple times, to distinguish between retries on the final event stream."
-                        },
-                        {
-                            "name": "onUpload",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FileUploadEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when file upload is complete."
-                        },
-                        {
-                            "name": "onError",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FileUploadErrorEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke if file upload fails."
-                        },
-                        {
-                            "name": "onClear",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when files in queue are removed without uploading using clear all button."
-                        },
-                        {
-                            "name": "onRemove",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FileRemoveEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a file is removed without uploading using clear button of a file."
-                        },
-                        {
-                            "name": "onSelect",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FileSelectEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when files are selected."
-                        },
-                        {
-                            "name": "onProgress",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FileProgressEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when files are being uploaded."
-                        },
-                        {
-                            "name": "uploadHandler",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FileUploadHandlerEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke in custom upload mode to upload the files manually."
-                        },
-                        {
-                            "name": "onImageError",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "This event is triggered if an error occurs while loading an image file."
-                        },
-                        {
-                            "name": "onRemoveUploadedFile",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "RemoveUploadedFileEvent"
-                                }
-                            ],
-                            "description": "This event is triggered if an error occurs while removing an uploaded file."
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "upload",
-                            "parameters": [],
-                            "description": "Uploads the selected files."
-                        },
-                        {
-                            "name": "clear",
-                            "parameters": [],
-                            "description": "Clears the files list."
-                        },
-                        {
-                            "name": "remove",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event",
-                                    "description": "Browser event."
-                                },
-                                {
-                                    "name": "index",
-                                    "type": "number",
-                                    "description": "Index of the file."
-                                }
-                            ],
-                            "description": "Removes a single file."
-                        },
-                        {
-                            "name": "removeUploadedFile",
-                            "parameters": [
-                                {
-                                    "name": "index",
-                                    "type": "any",
-                                    "description": "Index of the file to be removed."
-                                }
-                            ],
-                            "description": "Removes uploaded file."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "UploadEvent",
-                        "description": "Upload event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "HttpEvent<any>",
-                                "description": "HTTP event."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "RemoveUploadedFileEvent",
-                        "description": "Remove uploaded file event.",
-                        "props": [
-                            {
-                                "name": "file",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Removed file."
-                            },
-                            {
-                                "name": "files",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any[]",
-                                "description": "Uploaded files."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "FormDataEvent",
-                        "description": "Form data event.",
-                        "props": [
-                            {
-                                "name": "formData",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "FormData",
-                                "description": "FormData object."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "FileSendEvent",
-                        "description": "An event indicating that the request was sent to the server. Useful when a request may be retried multiple times, to distinguish between retries on the final event stream.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "HttpEvent<any>",
-                                "description": "HTTP event."
-                            },
-                            {
-                                "name": "formData",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "FormData",
-                                "description": "FormData object."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "FileBeforeUploadEvent",
-                        "description": "Callback to invoke before file upload is initialized.",
-                        "props": [
-                            {
-                                "name": "formData",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "FormData",
-                                "description": "FormData object."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "FileUploadEvent",
-                        "description": "Callback to invoke when file upload is complete.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "HttpEvent<any>",
-                                "description": "HTTP event."
-                            },
-                            {
-                                "name": "files",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "File[]",
-                                "description": "Uploaded files."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "FileRemoveEvent",
-                        "description": "Callback to invoke when a file is removed without uploading using clear button of a file.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "file",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "File",
-                                "description": "Selected file"
-                            }
-                        ]
-                    },
-                    {
-                        "name": "FileSelectEvent",
-                        "description": "Callback to invoke when files are selected.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "files",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "File[]",
-                                "description": "Uploaded files."
-                            },
-                            {
-                                "name": "currentFiles",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "File[]",
-                                "description": "All files to be uploaded."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "FileProgressEvent",
-                        "description": "Callback to invoke when files are being uploaded.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "HttpEvent<any>",
-                                "description": "HTTP event."
-                            },
-                            {
-                                "name": "progress",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Calculated progress value."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "FileUploadHandlerEvent",
-                        "description": "Callback to invoke in custom upload mode to upload the files manually.",
-                        "props": [
-                            {
-                                "name": "files",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "File[]",
-                                "description": "List of selected files."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "FileUploadErrorEvent",
-                        "description": "Callback to invoke on upload error.",
-                        "props": [
-                            {
-                                "name": "error",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "ErrorEvent",
-                                "description": "List of selected files."
-                            },
-                            {
-                                "name": "files",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "File[]",
-                                "description": "List of selected files."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "fileupload",
-                        "name": "file",
-                        "parameters": [],
-                        "description": "Custom template of file."
-                    },
-                    {
-                        "parent": "fileupload",
-                        "name": "header",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // File list.\n  \t uploadedFiles: any, // Uploaded files list.\n  \t chooseCallback: VoidFunction, // Callback to invoke on choose button click.\n  \t clearCallback: VoidFunction, // Callback to invoke on clear button click.\n  \t uploadCallback: VoidFunction, // Callback to invoke on upload.\n  }"
-                            }
-                        ],
-                        "description": "Custom template of file."
-                    },
-                    {
-                        "parent": "fileupload",
-                        "name": "content",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // File list.\n  \t uploadedFiles: any, // Uploaded files list.\n  \t progress: any, // Upload progress.\n  \t messages: any, // Status messages about upload process.\n  \t chooseCallback: VoidFunction, // Callback to invoke on choose button click.\n  \t removeFileCallback: VoidFunction, // Callback to invoke on clear button click.\n  \t clearCallback: VoidFunction, // Callback to invoke on clear button click.\n  \t uploadCallback: VoidFunction, // Callback to invoke on upload.\n  \t removeUploadedFileCallback: VoidFunction, // Callback to invoke on remove uploaded file, accepts index as a parameter.\n  }"
-                            }
-                        ],
-                        "description": "Custom template of content."
-                    },
-                    {
-                        "parent": "fileupload",
-                        "name": "toolbar",
-                        "parameters": [],
-                        "description": "Custom template of toolbar."
-                    },
-                    {
-                        "parent": "fileupload",
-                        "name": "chooseicon",
-                        "parameters": [],
-                        "description": "Custom template of chooseicon."
-                    },
-                    {
-                        "parent": "fileupload",
-                        "name": "uploadicon",
-                        "parameters": [],
-                        "description": "Custom template of uploadicon."
-                    },
-                    {
-                        "parent": "fileupload",
-                        "name": "cancelicon",
-                        "parameters": [],
-                        "description": "Custom template of cancelicon."
-                    }
-                ]
-            }
-        }
-    },
-    "floatlabel": {
-        "components": {
-            "FloatLabel": {
-                "description": "FloatLabel appears on top of the input field when focused."
-            }
-        }
-    },
-    "focustrap": {
-        "components": {
-            "FocusTrap": {
-                "description": "Focus Trap keeps focus within a certain DOM element while tabbing.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "pFocusTrapDisabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When set as true, focus wouldn't be managed."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "galleria": {
-        "components": {
-            "Galleria": {
-                "description": "Galleria is an advanced content gallery component.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "activeIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Index of the first item."
-                        },
-                        {
-                            "name": "fullScreen",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display the component on fullscreen."
-                        },
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Unique identifier of the element."
-                        },
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of objects to display."
-                        },
-                        {
-                            "name": "numVisible",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "3",
-                            "description": "Number of items per page."
-                        },
-                        {
-                            "name": "responsiveOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "GalleriaResponsiveOptions[]",
-                            "description": "An array of options for responsive design."
-                        },
-                        {
-                            "name": "showItemNavigators",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display navigation buttons in item section."
-                        },
-                        {
-                            "name": "showThumbnailNavigators",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to display navigation buttons in thumbnail container."
-                        },
-                        {
-                            "name": "showItemNavigatorsOnHover",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display navigation buttons on item hover."
-                        },
-                        {
-                            "name": "changeItemOnIndicatorHover",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, item is changed on indicator hover."
-                        },
-                        {
-                            "name": "circular",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if scrolling would be infinite."
-                        },
-                        {
-                            "name": "autoPlay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Items are displayed with a slideshow in autoPlay mode."
-                        },
-                        {
-                            "name": "shouldStopAutoplayByClick",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "When enabled, autorun should stop by click."
-                        },
-                        {
-                            "name": "transitionInterval",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "4000",
-                            "description": "Time in milliseconds to scroll items."
-                        },
-                        {
-                            "name": "showThumbnails",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to display thumbnail container."
-                        },
-                        {
-                            "name": "thumbnailsPosition",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"left\" | \"top\" | \"bottom\" | \"right\"",
-                            "default": "bottom",
-                            "description": "Position of thumbnails."
-                        },
-                        {
-                            "name": "verticalThumbnailViewPortHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "300px",
-                            "description": "Height of the viewport in vertical thumbnail."
-                        },
-                        {
-                            "name": "showIndicators",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display indicator container."
-                        },
-                        {
-                            "name": "showIndicatorsOnItem",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, indicator container is displayed on item container."
-                        },
-                        {
-                            "name": "indicatorsPosition",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"left\" | \"top\" | \"bottom\" | \"right\"",
-                            "default": "bottom",
-                            "description": "Position of indicators."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "maskClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the mask on fullscreen mode."
-                        },
-                        {
-                            "name": "containerClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component on fullscreen mode. Otherwise, the 'class' property can be used."
-                        },
-                        {
-                            "name": "containerStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component on fullscreen mode. Otherwise, the 'style' property can be used."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "150ms cubic-bezier(0, 0, 0.2, 1)",
-                            "description": "Transition options of the show animation."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "150ms cubic-bezier(0, 0, 0.2, 1)",
-                            "description": "Transition options of the hide animation."
-                        },
-                        {
-                            "name": "visible",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Specifies the visibility of the mask on fullscreen mode."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "activeIndexChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "number"
-                                }
-                            ],
-                            "description": "Callback to invoke on active index change."
-                        },
-                        {
-                            "name": "visibleChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "boolean"
-                                }
-                            ],
-                            "description": "Callback to invoke on visiblity change."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "galleria",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom template of header."
-                    },
-                    {
-                        "parent": "galleria",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom template of footer."
-                    },
-                    {
-                        "parent": "galleria",
-                        "name": "indicator",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Index of the item.\n  }",
-                                "description": "indicator data."
-                            }
-                        ],
-                        "description": "Custom template of indicator."
-                    },
-                    {
-                        "parent": "galleria",
-                        "name": "closeicon",
-                        "parameters": [],
-                        "description": "Custom template of closeicon."
-                    },
-                    {
-                        "parent": "galleria",
-                        "name": "itemnexticon",
-                        "parameters": [],
-                        "description": "Custom template of itemnexticon."
-                    },
-                    {
-                        "parent": "galleria",
-                        "name": "itempreviousicon",
-                        "parameters": [],
-                        "description": "Custom template of itempreviousicon."
-                    },
-                    {
-                        "parent": "galleria",
-                        "name": "previousthumbnailicon",
-                        "parameters": [],
-                        "description": "Custom template of previousthumbnailicon."
-                    },
-                    {
-                        "parent": "galleria",
-                        "name": "nextthumbnailicon",
-                        "parameters": [],
-                        "description": "Custom template of nextthumbnailicon."
-                    },
-                    {
-                        "parent": "galleria",
-                        "name": "caption",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Item instance.\n  }",
-                                "description": "item data."
-                            }
-                        ],
-                        "description": "Custom template of caption."
-                    },
-                    {
-                        "parent": "galleria",
-                        "name": "thumbnail",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Item instance.\n  }",
-                                "description": "item data."
-                            }
-                        ],
-                        "description": "Custom template of thumbnail."
-                    },
-                    {
-                        "parent": "galleria",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Item instance.\n  }",
-                                "description": "item data."
-                            }
-                        ],
-                        "description": "Custom template of item."
-                    }
-                ]
-            },
-            "interfaces": {
-                "description": "Defines the custom interfaces used by the module.",
-                "values": [
-                    {
-                        "name": "GalleriaResponsiveOptions",
-                        "description": "Responsive options of the component.",
-                        "props": [
-                            {
-                                "name": "breakpoint",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Breakpoint for responsive mode. Exp;"
-                            },
-                            {
-                                "name": "numVisible",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "The number of visible items on breakpoint."
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    },
-    "iconfield": {
-        "components": {
-            "IconField": {
-                "description": "IconField wraps an input and an icon.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "iconPosition",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"left\" | \"right\"",
-                            "default": "left",
-                            "description": "Position of the icon."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "angledoubledown": {
-        "components": {}
-    },
-    "angledoubleleft": {
-        "components": {}
-    },
-    "angledoubleright": {
-        "components": {}
-    },
-    "angledoubleup": {
-        "components": {}
-    },
-    "angledown": {
-        "components": {}
-    },
-    "angleleft": {
-        "components": {}
-    },
-    "angleright": {
-        "components": {}
-    },
-    "angleup": {
-        "components": {}
-    },
-    "arrowdown": {
-        "components": {}
-    },
-    "arrowdownleft": {
-        "components": {}
-    },
-    "arrowdownright": {
-        "components": {}
-    },
-    "arrowleft": {
-        "components": {}
-    },
-    "arrowright": {
-        "components": {}
-    },
-    "arrowup": {
-        "components": {}
-    },
-    "ban": {
-        "components": {}
-    },
-    "bars": {
-        "components": {}
-    },
-    "blank": {
-        "components": {}
-    },
-    "caretleft": {
-        "components": {}
-    },
-    "caretright": {
-        "components": {}
-    },
-    "check": {
-        "components": {}
-    },
-    "chevrondown": {
-        "components": {}
-    },
-    "chevronleft": {
-        "components": {}
-    },
-    "chevronright": {
-        "components": {}
-    },
-    "chevronup": {
-        "components": {}
-    },
-    "exclamationtriangle": {
-        "components": {}
-    },
-    "eye": {
-        "components": {}
-    },
-    "eyeslash": {
-        "components": {}
-    },
-    "filter": {
-        "components": {}
-    },
-    "filterslash": {
-        "components": {}
-    },
-    "home": {
-        "components": {}
-    },
-    "infocircle": {
-        "components": {}
-    },
-    "minus": {
-        "components": {}
-    },
-    "pencil": {
-        "components": {}
-    },
-    "plus": {
-        "components": {}
-    },
-    "refresh": {
-        "components": {}
-    },
-    "search": {
-        "components": {}
-    },
-    "searchminus": {
-        "components": {}
-    },
-    "searchplus": {
-        "components": {}
-    },
-    "sortalt": {
-        "components": {}
-    },
-    "sortamountdown": {
-        "components": {}
-    },
-    "sortamountupalt": {
-        "components": {}
-    },
-    "spinner": {
-        "components": {}
-    },
-    "star": {
-        "components": {}
-    },
-    "starfill": {
-        "components": {}
-    },
-    "thlarge": {
-        "components": {}
-    },
-    "times": {
-        "components": {}
-    },
-    "timescircle": {
-        "components": {}
-    },
-    "trash": {
-        "components": {}
-    },
-    "undo": {
-        "components": {}
-    },
-    "upload": {
-        "components": {}
-    },
-    "windowmaximize": {
-        "components": {}
-    },
-    "windowminimize": {
-        "components": {}
-    },
-    "image": {
-        "components": {
-            "Image": {
-                "description": "Displays an image with preview and tranformation options. For multiple image, see Galleria.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "imageClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the image element."
-                        },
-                        {
-                            "name": "imageStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the image element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "src",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | SafeUrl",
-                            "description": "The source path for the main image."
-                        },
-                        {
-                            "name": "srcSet",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | SafeUrl",
-                            "description": "The srcset definition for the main image."
-                        },
-                        {
-                            "name": "sizes",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The sizes definition for the main image."
-                        },
-                        {
-                            "name": "previewImageSrc",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | SafeUrl",
-                            "description": "The source path for the preview image."
-                        },
-                        {
-                            "name": "previewImageSrcSet",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | SafeUrl",
-                            "description": "The srcset definition for the preview image."
-                        },
-                        {
-                            "name": "previewImageSizes",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The sizes definition for the preview image."
-                        },
-                        {
-                            "name": "alt",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Attribute of the preview image element."
-                        },
-                        {
-                            "name": "width",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Attribute of the image element."
-                        },
-                        {
-                            "name": "height",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Attribute of the image element."
-                        },
-                        {
-                            "name": "loading",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"eager\" | \"lazy\"",
-                            "description": "Attribute of the image element."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the dialog, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "preview",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Controls the preview functionality."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "150ms cubic-bezier(0, 0, 0.2, 1)",
-                            "description": "Transition options of the show animation"
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "150ms cubic-bezier(0, 0, 0.2, 1)",
-                            "description": "Transition options of the hide animation"
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onShow",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Triggered when the preview overlay is shown."
-                        },
-                        {
-                            "name": "onHide",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Triggered when the preview overlay is hidden."
-                        },
-                        {
-                            "name": "onImageError",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "This event is triggered if an error occurs while loading an image file."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "image",
-                        "name": "indicator",
-                        "parameters": [],
-                        "description": "Custom template of indicator."
-                    },
-                    {
-                        "parent": "image",
-                        "name": "rotaterighticon",
-                        "parameters": [],
-                        "description": "Custom template of rotaterighticon."
-                    },
-                    {
-                        "parent": "image",
-                        "name": "rotatelefticon",
-                        "parameters": [],
-                        "description": "Custom template of rotatelefticon."
-                    },
-                    {
-                        "parent": "image",
-                        "name": "zoomouticon",
-                        "parameters": [],
-                        "description": "Custom template of zoomouticon."
-                    },
-                    {
-                        "parent": "image",
-                        "name": "zoominicon",
-                        "parameters": [],
-                        "description": "Custom template of zoominicon."
-                    },
-                    {
-                        "parent": "image",
-                        "name": "closeicon",
-                        "parameters": [],
-                        "description": "Custom template of closeicon."
-                    }
-                ]
-            }
-        }
-    },
-    "inplace": {
-        "components": {
-            "Inplace": {
-                "description": "Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "active",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the content is displayed or not."
-                        },
-                        {
-                            "name": "closable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Displays a button to switch back to display mode."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the element should be disabled."
-                        },
-                        {
-                            "name": "preventClick",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Allows to prevent clicking."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "closeIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon to display in the close button."
-                        },
-                        {
-                            "name": "closeAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes a string value that labels the close button."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onActivate",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when inplace is opened."
-                        },
-                        {
-                            "name": "onDeactivate",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when inplace is closed."
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "activate",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event",
-                                    "description": "Browser event."
-                                }
-                            ],
-                            "description": "Activates the content."
-                        },
-                        {
-                            "name": "deactivate",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event",
-                                    "description": "Browser event."
-                                }
-                            ],
-                            "description": "Deactivates the content."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "inplace",
-                        "name": "display",
-                        "parameters": [],
-                        "description": "Custom template of display."
-                    },
-                    {
-                        "parent": "inplace",
-                        "name": "content",
-                        "parameters": [],
-                        "description": "Custom template of content."
-                    },
-                    {
-                        "parent": "inplace",
-                        "name": "closeicon",
-                        "parameters": [],
-                        "description": "Custom template of close icon."
-                    }
-                ]
-            }
-        }
-    },
-    "inputgroup": {
-        "components": {
-            "InputGroup": {
-                "description": "InputGroup displays text, icon, buttons and other content can be grouped next to an input.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "inputgroupaddon": {
-        "components": {
-            "InputGroupAddon": {
-                "description": "InputGroupAddon displays text, icon, buttons and other content can be grouped next to an input.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "inputicon": {
-        "components": {
-            "InputIcon": {
-                "description": "InputIcon displays an icon.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the element."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "inputmask": {
-        "components": {
-            "InputMask": {
-                "description": "InputMask component is used to enter input in a certain format such as numeric, date, currency, email and phone.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "type",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "text",
-                            "description": "HTML5 input type."
-                        },
-                        {
-                            "name": "slotChar",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "_",
-                            "description": "Placeholder character in mask, default is underscore."
-                        },
-                        {
-                            "name": "autoClear",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Clears the incomplete value on blur."
-                        },
-                        {
-                            "name": "showClear",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, a clear icon is displayed to clear the value."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the input field."
-                        },
-                        {
-                            "name": "inputId",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the focus input to match a label defined for the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the input field."
-                        },
-                        {
-                            "name": "placeholder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Advisory information to display on input."
-                        },
-                        {
-                            "name": "size",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Size of the input field."
-                        },
-                        {
-                            "name": "maxlength",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Maximum number of character allows in the input field."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Specifies tab order of the element."
-                        },
-                        {
-                            "name": "title",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Title text of the input text."
-                        },
-                        {
-                            "name": "variant",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"outlined\" | \"filled\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Used to define a string that labels the input element."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        },
-                        {
-                            "name": "ariaRequired",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Used to indicate that user input is required on an element before a form can be submitted."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the element value cannot be altered."
-                        },
-                        {
-                            "name": "readonly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that an input field is read-only."
-                        },
-                        {
-                            "name": "unmask",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if ngModel sets the raw unmasked value to bound value or the formatted mask value."
-                        },
-                        {
-                            "name": "name",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the input field."
-                        },
-                        {
-                            "name": "required",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that an input field must be filled out before submitting the form."
-                        },
-                        {
-                            "name": "characterPattern",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "[A-Za-z]",
-                            "description": "Regex pattern for alpha characters"
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, the input gets a focus automatically on load."
-                        },
-                        {
-                            "name": "autoFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": null,
-                            "description": "When present, the input gets a focus automatically on load.",
-                            "deprecated": "Use autofocus property instead."
-                        },
-                        {
-                            "name": "autocomplete",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Used to define a string that autocomplete attribute the current element."
-                        },
-                        {
-                            "name": "keepBuffer",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that whether to clean buffer value from model."
-                        },
-                        {
-                            "name": "mask",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Mask pattern."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onComplete",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when the mask is completed."
-                        },
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the component receives focus."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the component loses focus."
-                        },
-                        {
-                            "name": "onInput",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke on input."
-                        },
-                        {
-                            "name": "onKeydown",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke on input key press."
-                        },
-                        {
-                            "name": "onClear",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when input field is cleared."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "inputmask",
-                        "name": "clearicon",
-                        "parameters": [],
-                        "description": "Custom clear icon template."
-                    }
-                ]
-            },
-            "types": {
-                "description": "Defines the custom types used by the module.",
-                "values": [
-                    {
-                        "name": "Caret",
-                        "value": "{\n    \"begin\": \"number\",\n    \"end\": \"number\"\n}",
-                        "description": "Caret positions."
-                    }
-                ]
-            }
-        }
-    },
-    "inputnumber": {
-        "components": {
-            "InputNumber": {
-                "description": "InputNumber is an input component to provide numerical input.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "showButtons",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Displays spinner buttons."
-                        },
-                        {
-                            "name": "format",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to format the value."
-                        },
-                        {
-                            "name": "buttonLayout",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "stacked",
-                            "description": "Layout of the buttons, valid values are \"stacked\" (default), \"horizontal\" and \"vertical\"."
-                        },
-                        {
-                            "name": "inputId",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the focus input to match a label defined for the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "placeholder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Advisory information to display on input."
-                        },
-                        {
-                            "name": "size",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Size of the input field."
-                        },
-                        {
-                            "name": "maxlength",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Maximum number of character allows in the input field."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Specifies tab order of the element."
-                        },
-                        {
-                            "name": "title",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Title text of the input text."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Specifies one or more IDs in the DOM that labels the input field."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Used to define a string that labels the input element."
-                        },
-                        {
-                            "name": "ariaRequired",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Used to indicate that user input is required on an element before a form can be submitted."
-                        },
-                        {
-                            "name": "name",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the input field."
-                        },
-                        {
-                            "name": "required",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Indicates that whether the input field is required."
-                        },
-                        {
-                            "name": "autocomplete",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Used to define a string that autocomplete attribute the current element."
-                        },
-                        {
-                            "name": "min",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Mininum boundary value."
-                        },
-                        {
-                            "name": "max",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Maximum boundary value."
-                        },
-                        {
-                            "name": "incrementButtonClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the increment button."
-                        },
-                        {
-                            "name": "decrementButtonClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the decrement button."
-                        },
-                        {
-                            "name": "incrementButtonIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the increment button."
-                        },
-                        {
-                            "name": "decrementButtonIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the decrement button."
-                        },
-                        {
-                            "name": "readonly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that an input field is read-only."
-                        },
-                        {
-                            "name": "step",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "1",
-                            "description": "Step factor to increment/decrement the value."
-                        },
-                        {
-                            "name": "allowEmpty",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Determines whether the input field is empty."
-                        },
-                        {
-                            "name": "locale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Locale to be used in formatting."
-                        },
-                        {
-                            "name": "localeMatcher",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The locale matching algorithm to use. Possible values are \"lookup\" and \"best fit\"; the default is \"best fit\". See Locale Negotiation for details."
-                        },
-                        {
-                            "name": "mode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "decimal",
-                            "description": "Defines the behavior of the component, valid values are \"decimal\" and \"currency\"."
-                        },
-                        {
-                            "name": "currency",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The currency to use in currency formatting. Possible values are the ISO 4217 currency codes, such as \"USD\" for the US dollar, \"EUR\" for the euro, or \"CNY\" for the Chinese RMB. There is no default value; if the style is \"currency\", the currency property must be provided."
-                        },
-                        {
-                            "name": "currencyDisplay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "How to display the currency in currency formatting. Possible values are \"symbol\" to use a localized currency symbol such as €, ü\"code\" to use the ISO currency code, \"name\" to use a localized currency name such as \"dollar\"; the default is \"symbol\"."
-                        },
-                        {
-                            "name": "useGrouping",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to use grouping separators, such as thousands separators or thousand/lakh/crore separators."
-                        },
-                        {
-                            "name": "variant",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"outlined\" | \"filled\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        },
-                        {
-                            "name": "minFractionDigits",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "The minimum number of fraction digits to use. Possible values are from 0 to 20; the default for plain number and percent formatting is 0; the default for currency formatting is the number of minor unit digits provided by the ISO 4217 currency code list (2 if the list doesn't provide that information)."
-                        },
-                        {
-                            "name": "maxFractionDigits",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "The maximum number of fraction digits to use. Possible values are from 0 to 20; the default for plain number formatting is the larger of minimumFractionDigits and 3; the default for currency formatting is the larger of minimumFractionDigits and the number of minor unit digits provided by the ISO 4217 currency code list (2 if the list doesn't provide that information)."
-                        },
-                        {
-                            "name": "prefix",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to display before the value."
-                        },
-                        {
-                            "name": "suffix",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to display after the value."
-                        },
-                        {
-                            "name": "inputStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Inline style of the input field."
-                        },
-                        {
-                            "name": "inputStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the input field."
-                        },
-                        {
-                            "name": "showClear",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, a clear icon is displayed to clear the value."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "When present, it specifies that the element should be disabled."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onInput",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "InputNumberInputEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on input."
-                        },
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the component receives focus."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the component loses focus."
-                        },
-                        {
-                            "name": "onKeyDown",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "KeyboardEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on input key press."
-                        },
-                        {
-                            "name": "onClear",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "void"
-                                }
-                            ],
-                            "description": "Callback to invoke when clear token is clicked."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "InputNumberInputEvent",
-                        "description": "Custom input event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string | number",
-                                "description": "Input value."
-                            },
-                            {
-                                "name": "formattedValue",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Selected option value."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "inputnumber",
-                        "name": "clearicon",
-                        "parameters": [],
-                        "description": "Custom clear icon template."
-                    },
-                    {
-                        "parent": "inputnumber",
-                        "name": "incrementbuttonicon",
-                        "parameters": [],
-                        "description": "Custom increment button icon template."
-                    },
-                    {
-                        "parent": "inputnumber",
-                        "name": "decrementbuttonicon",
-                        "parameters": [],
-                        "description": "Custom decrement button icon template."
-                    }
-                ]
-            }
-        }
-    },
-    "inputotp": {
-        "components": {
-            "InputOtp": {
-                "description": "Input Otp is used to enter one time passwords.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "invalid",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should have invalid state style."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should be disabled."
-                        },
-                        {
-                            "name": "readonly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that an input field is read-only."
-                        },
-                        {
-                            "name": "variant",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"outlined\" | \"filled\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "null",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "length",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "4",
-                            "description": "Number of characters to initiate."
-                        },
-                        {
-                            "name": "mask",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Mask pattern."
-                        },
-                        {
-                            "name": "integerOnly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that an input field is integer-only."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "InputOtpChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on value change."
-                        },
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the component receives focus."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the component loses focus."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "InputOtpTemplateEvents",
-                        "description": "Defines the custom events used by the component's emit.",
-                        "props": [
-                            {
-                                "name": "input",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Function",
-                                "description": "Input event."
-                            },
-                            {
-                                "name": "keydown",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Function",
-                                "description": "Keydown event."
-                            },
-                            {
-                                "name": "focus",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Function",
-                                "description": "Focus event."
-                            },
-                            {
-                                "name": "blur",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Function",
-                                "description": "Blur event."
-                            },
-                            {
-                                "name": "paste",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Function",
-                                "description": "Paste event."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "InputOtpChangeEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Selected value."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "inputotp",
-                        "name": "input",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Input value.\n  \t events: InputOtpTemplateEvents, // Events of the component\n  }",
-                                "description": ""
-                            }
-                        ],
-                        "description": "Custom template of input."
-                    }
-                ]
-            }
-        }
-    },
-    "inputswitch": {
-        "components": {
-            "InputSwitch": {
-                "description": "InputSwitch is used to select a boolean value.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "inputId",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the input element."
-                        },
-                        {
-                            "name": "name",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the input element."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the element should be disabled."
-                        },
-                        {
-                            "name": "readonly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component cannot be edited."
-                        },
-                        {
-                            "name": "trueValue",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "default": "true",
-                            "description": "Value in checked state."
-                        },
-                        {
-                            "name": "falseValue",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "default": "false",
-                            "description": "Value in unchecked state."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Used to define a string that autocomplete attribute the current element."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "InputSwitchChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when the on value change."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "InputSwitchChangeEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "checked",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Checked state."
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    },
-    "inputtext": {
-        "components": {
-            "InputText": {
-                "description": "InputText directive is an extension to standard input element with theming.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "variant",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"outlined\" | \"filled\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "inputtextarea": {
-        "components": {
-            "InputTextarea": {
-                "description": "InputTextarea adds styling and autoResize functionality to standard textarea element.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "autoResize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, textarea size changes as being typed."
-                        },
-                        {
-                            "name": "variant",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"outlined\" | \"filled\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onResize",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Object | Event"
-                                }
-                            ],
-                            "description": "Callback to invoke on textarea resize."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "keyfilter": {
-        "components": {
-            "KeyFilter": {
-                "description": "KeyFilter Directive is a built-in feature of InputText to restrict user input based on a regular expression.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "pValidateOnly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, instead of blocking keys, input is validated internally to test against the regular expression."
-                        },
-                        {
-                            "name": "pattern",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "RegExp | KeyFilterPattern",
-                            "description": "Sets the pattern for key filtering."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "ngModelChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "string | number"
-                                }
-                            ],
-                            "description": "Emits a value whenever the ngModel of the component changes."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {}
-        }
-    },
-    "knob": {
-        "components": {
-            "Knob": {
-                "description": "Knob is a form component to define number inputs with a dial.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the input for accessibility."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Specifies one or more IDs in the DOM that labels the input field."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "valueColor",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "var(--primary-color, Black)",
-                            "description": "Background of the value."
-                        },
-                        {
-                            "name": "rangeColor",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "var(--surface-border, LightGray)",
-                            "description": "Background color of the range."
-                        },
-                        {
-                            "name": "textColor",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "var(--text-color-secondary, Black)",
-                            "description": "Color of the value text."
-                        },
-                        {
-                            "name": "valueTemplate",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "{value}",
-                            "description": "Template string of the value."
-                        },
-                        {
-                            "name": "name",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the input element."
-                        },
-                        {
-                            "name": "size",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "100",
-                            "description": "Size of the component in pixels."
-                        },
-                        {
-                            "name": "step",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "1",
-                            "description": "Step factor to increment/decrement the value."
-                        },
-                        {
-                            "name": "min",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Mininum boundary value."
-                        },
-                        {
-                            "name": "max",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "100",
-                            "description": "Maximum boundary value."
-                        },
-                        {
-                            "name": "strokeWidth",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "14",
-                            "description": "Width of the knob stroke."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should be disabled."
-                        },
-                        {
-                            "name": "showValue",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether the show the value inside the knob."
-                        },
-                        {
-                            "name": "readonly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component value cannot be edited."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "number"
-                                }
-                            ],
-                            "description": "Callback to invoke on value change."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "listbox": {
-        "components": {
-            "Listbox": {
-                "description": "ListBox is used to select one or more values from a list of items.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Unique identifier of the component."
-                        },
-                        {
-                            "name": "searchMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to display when the search is active. Defaults to global value in i18n translation configuration."
-                        },
-                        {
-                            "name": "emptySelectionMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration."
-                        },
-                        {
-                            "name": "selectionMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to be displayed in hidden accessible field when options are selected. Defaults to global value in i18n translation configuration."
-                        },
-                        {
-                            "name": "autoOptionFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to focus on the first visible or selected element when the overlay panel is shown."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the input for accessibility."
-                        },
-                        {
-                            "name": "selectOnFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, the focused option is selected."
-                        },
-                        {
-                            "name": "searchLocale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Locale to use in searching. The default locale is the host environment's current locale."
-                        },
-                        {
-                            "name": "focusOnHover",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, the hovered option will be focused."
-                        },
-                        {
-                            "name": "filterMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to display when filtering."
-                        },
-                        {
-                            "name": "filterFields",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "Fields used when filtering the options, defaults to optionLabel."
-                        },
-                        {
-                            "name": "lazy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if data is loaded and interacted with in lazy manner."
-                        },
-                        {
-                            "name": "virtualScroll",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the data should be loaded on demand during scroll."
-                        },
-                        {
-                            "name": "virtualScrollItemSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Height of an item in the list for VirtualScrolling."
-                        },
-                        {
-                            "name": "virtualScrollOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "ScrollerOptions",
-                            "description": "Whether to use the scroller feature. The properties of scroller component can be used like an object in it."
-                        },
-                        {
-                            "name": "scrollHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "200px",
-                            "description": "Height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "multiple",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specified, allows selecting multiple values."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the container."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the container."
-                        },
-                        {
-                            "name": "listStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the list element."
-                        },
-                        {
-                            "name": "listStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the list element."
-                        },
-                        {
-                            "name": "readonly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the element value cannot be changed."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the element should be disabled."
-                        },
-                        {
-                            "name": "checkbox",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specified, allows selecting items with checkboxes."
-                        },
-                        {
-                            "name": "filter",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specified, displays a filter input at header."
-                        },
-                        {
-                            "name": "filterBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "When filtering is enabled, filterBy decides which field or fields (comma separated) to search against."
-                        },
-                        {
-                            "name": "filterMatchMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"endsWith\" | \"startsWith\" | \"contains\" | \"equals\" | \"notEquals\" | \"in\" | \"lt\" | \"lte\" | \"gt\" | \"gte\"",
-                            "default": "contains",
-                            "description": "Defines how the items are filtered."
-                        },
-                        {
-                            "name": "filterLocale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Locale to use in filtering. The default locale is the host environment's current locale."
-                        },
-                        {
-                            "name": "metaKeySelection",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically."
-                        },
-                        {
-                            "name": "dataKey",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "A property to uniquely identify a value in options."
-                        },
-                        {
-                            "name": "showToggleAll",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether header checkbox is shown in multiple mode."
-                        },
-                        {
-                            "name": "optionLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the label field of an option."
-                        },
-                        {
-                            "name": "optionValue",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the value field of an option."
-                        },
-                        {
-                            "name": "optionGroupChildren",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "items",
-                            "description": "Name of the options field of an option group."
-                        },
-                        {
-                            "name": "optionGroupLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "label",
-                            "description": "Name of the label field of an option group."
-                        },
-                        {
-                            "name": "optionDisabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the disabled field of an option."
-                        },
-                        {
-                            "name": "ariaFilterLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the filter input."
-                        },
-                        {
-                            "name": "filterPlaceHolder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines placeholder of the filter input."
-                        },
-                        {
-                            "name": "emptyFilterMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to display when filtering does not return any results."
-                        },
-                        {
-                            "name": "emptyMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to display when there is no data. Defaults to global value in i18n translation configuration."
-                        },
-                        {
-                            "name": "group",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display options as grouped when nested options are provided."
-                        },
-                        {
-                            "name": "options",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of selectitems to display as the available options."
-                        },
-                        {
-                            "name": "filterValue",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "When specified, filter displays with this value."
-                        },
-                        {
-                            "name": "selectAll",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Whether all data is selected."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "ListboxChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on value change."
-                        },
-                        {
-                            "name": "onClick",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "ListboxClickEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when option is clicked."
-                        },
-                        {
-                            "name": "onDblClick",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "ListboxDoubleClickEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when option is double clicked."
-                        },
-                        {
-                            "name": "onFilter",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "ListboxFilterEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when data is filtered."
-                        },
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FocusEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when component receives focus."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FocusEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when component loses focus."
-                        },
-                        {
-                            "name": "onSelectAllChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "ListboxSelectAllChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when all data is selected."
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "updateModel",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                },
-                                {
-                                    "name": "event",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Updates the model value."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "ListboxChangeEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Original event"
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Selected option value"
-                            }
-                        ]
-                    },
-                    {
-                        "name": "ListboxSelectAllChangeEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "checked",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Boolean value indicates whether all data is selected."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "ListboxFilterEvent",
-                        "description": "Custom filter event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "filter",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Filter value."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "ListboxClickEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Value of the component."
-                            },
-                            {
-                                "name": "option",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Selected option"
-                            }
-                        ]
-                    },
-                    {
-                        "name": "ListboxDoubleClickEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Value of the component."
-                            },
-                            {
-                                "name": "option",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Selected option"
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "listbox",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Data of the option.\n  \t index: number, // Index of the option.\n  }",
-                                "description": "item data."
-                            }
-                        ],
-                        "description": "Custom item template."
-                    },
-                    {
-                        "parent": "listbox",
-                        "name": "group",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Group option.\n  }",
-                                "description": "group data."
-                            }
-                        ],
-                        "description": "Custom group template."
-                    },
-                    {
-                        "parent": "listbox",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "listbox",
-                        "name": "filter",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t options: ListboxFilterOptions, // Filter options.\n  }",
-                                "description": "filter options."
-                            }
-                        ],
-                        "description": "Custom filter template."
-                    },
-                    {
-                        "parent": "listbox",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom footer template."
-                    },
-                    {
-                        "parent": "listbox",
-                        "name": "empty",
-                        "parameters": [],
-                        "description": "Custom empty template."
-                    },
-                    {
-                        "parent": "listbox",
-                        "name": "emptyfilter",
-                        "parameters": [],
-                        "description": "Custom empty filter template."
-                    },
-                    {
-                        "parent": "listbox",
-                        "name": "filtericon",
-                        "parameters": [],
-                        "description": "Custom filter icon template."
-                    },
-                    {
-                        "parent": "listbox",
-                        "name": "checkicon",
-                        "parameters": [],
-                        "description": "Custom check icon template."
-                    }
-                ]
-            },
-            "interfaces": {
-                "description": "Defines the custom interfaces used by the module.",
-                "values": [
-                    {
-                        "name": "ListboxFilterOptions",
-                        "description": "Filter options of listbox.",
-                        "props": [
-                            {
-                                "name": "filter",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Function",
-                                "description": "Callback to filter options."
-                            },
-                            {
-                                "name": "reset",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Function",
-                                "description": "Callback to reset filter."
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    },
-    "megamenu": {
-        "components": {
-            "MegaMenu": {
-                "description": "MegaMenu is navigation component that displays submenus together.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "model",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "MegaMenuItem[]",
-                            "description": "An array of menuitems."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "orientation",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "horizontal",
-                            "description": "Defines the orientation."
-                        },
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Current id state as a string."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string value that labels an interactive element."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the underlying input element."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should be disabled."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "megamenu",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: MenuItem, // Item instance.\n  }"
-                            }
-                        ],
-                        "description": "Custom item template."
-                    },
-                    {
-                        "parent": "megamenu",
-                        "name": "start",
-                        "parameters": [],
-                        "description": "Custom template of start."
-                    },
-                    {
-                        "parent": "megamenu",
-                        "name": "submenuicon",
-                        "parameters": [],
-                        "description": "Custom template of submenuicon."
-                    },
-                    {
-                        "parent": "megamenu",
-                        "name": "end",
-                        "parameters": [],
-                        "description": "Custom template of end."
-                    }
-                ]
-            }
-        }
-    },
-    "menu": {
-        "components": {
-            "Menu": {
-                "description": "Menu is a navigation / command component that supports dynamic and static positioning.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "model",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menuitems."
-                        },
-                        {
-                            "name": "popup",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if menu would displayed as a popup."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to automatically manage layering."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".12s cubic-bezier(0, 0, 0.2, 1)",
-                            "description": "Transition options of the show animation."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".1s linear",
-                            "description": "Transition options of the hide animation."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string value that labels an interactive element."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the underlying input element."
-                        },
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Current id state as a string."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onShow",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when overlay menu is shown."
-                        },
-                        {
-                            "name": "onHide",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when overlay menu is hidden."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the list loses focus."
-                        },
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the list receives focus."
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "toggle",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event",
-                                    "description": "Browser event."
-                                }
-                            ],
-                            "description": "Toggles the visibility of the popup menu."
-                        },
-                        {
-                            "name": "show",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "any",
-                                    "description": "Browser event."
-                                }
-                            ],
-                            "description": "Displays the popup menu."
-                        },
-                        {
-                            "name": "hide",
-                            "parameters": [],
-                            "description": "Hides the popup menu."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "menu",
-                        "name": "start",
-                        "parameters": [],
-                        "description": "Custom template of start."
-                    },
-                    {
-                        "parent": "menu",
-                        "name": "end",
-                        "parameters": [],
-                        "description": "Custom template of end."
-                    },
-                    {
-                        "parent": "menu",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: MenuItem, // Item instance.\n  }"
-                            }
-                        ],
-                        "description": "Custom template of item."
-                    },
-                    {
-                        "parent": "menu",
-                        "name": "submenuheader",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: MenuItem, // Item instance.\n  }"
-                            }
-                        ],
-                        "description": "Custom template of submenuheader."
-                    }
-                ]
-            }
-        }
-    },
-    "menubar": {
-        "components": {
-            "Menubar": {
-                "description": "Menubar is a horizontal menu component.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "model",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menuitems."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to automatically manage layering."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "autoDisplay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show a root submenu on mouse over."
-                        },
-                        {
-                            "name": "autoHide",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to hide a root submenu when mouse leaves."
-                        },
-                        {
-                            "name": "autoHideDelay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "100",
-                            "description": "Delay to hide the root submenu in milliseconds when mouse leaves."
-                        },
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Current id state as a string."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string value that labels an interactive element."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the underlying input element."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FocusEvent"
-                                }
-                            ],
-                            "description": "Callback to execute when button is focused."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FocusEvent"
-                                }
-                            ],
-                            "description": "Callback to execute when button loses focus."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "menubar",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: MenuItem, // Item instance.\n  \t root: boolean, // Whether root or not\n  }"
-                            }
-                        ],
-                        "description": "Custom item template."
-                    },
-                    {
-                        "parent": "menubar",
-                        "name": "start",
-                        "parameters": [],
-                        "description": "Custom template of start."
-                    },
-                    {
-                        "parent": "menubar",
-                        "name": "end",
-                        "parameters": [],
-                        "description": "Custom template of end."
-                    },
-                    {
-                        "parent": "menubar",
-                        "name": "menuicon",
-                        "parameters": [],
-                        "description": "Custom template of menuicon."
-                    },
-                    {
-                        "parent": "menubar",
-                        "name": "submenuicon",
-                        "parameters": [],
-                        "description": "Custom template of submenuicon."
-                    }
-                ]
-            }
-        }
-    },
-    "messages": {
-        "components": {
-            "Messages": {
-                "description": "Messages is used to display alerts inline.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": null,
-                            "description": "An array of messages to display."
-                        },
-                        {
-                            "name": "closable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Defines if message box can be closed by the click icon."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "enableService",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether displaying services messages are enabled."
-                        },
-                        {
-                            "name": "key",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Id to match the key of the message to enable scoping in service based messaging."
-                        },
-                        {
-                            "name": "escape",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether displaying messages would be escaped or not."
-                        },
-                        {
-                            "name": "severity",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Severity level of the message."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "300ms ease-out",
-                            "description": "Transition options of the show animation."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "200ms cubic-bezier(0.86, 0, 0.07, 1)",
-                            "description": "Transition options of the hide animation."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "valueChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "Message[]"
-                                }
-                            ],
-                            "description": "This function is executed when the value changes."
-                        },
-                        {
-                            "name": "onClose",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "Message"
-                                }
-                            ],
-                            "description": "This function is executed when a message is closed."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "messages",
-                        "name": "content",
-                        "parameters": [],
-                        "description": "Custom template of content."
-                    }
-                ]
-            }
-        }
-    },
-    "metergroup": {
-        "components": {
-            "MeterGroup": {
-                "description": "MeterGroup displays scalar measurements within a known range.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "MeterItem[]",
-                            "description": "Current value of the metergroup."
-                        },
-                        {
-                            "name": "min",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Mininum boundary value."
-                        },
-                        {
-                            "name": "max",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "100",
-                            "description": "Maximum boundary value."
-                        },
-                        {
-                            "name": "orientation",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"vertical\" | \"horizontal\"",
-                            "default": "horizontal",
-                            "description": "Specifies the layout of the component, valid values are 'horizontal' and 'vertical'."
-                        },
-                        {
-                            "name": "labelPosition",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"end\" | \"start\"",
-                            "default": "end",
-                            "description": "Specifies the label position of the component, valid values are 'start' and 'end'."
-                        },
-                        {
-                            "name": "labelOrientation",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "horizontal",
-                            "description": "Specifies the label orientation of the component, valid values are 'horizontal' and 'vertical'."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the element."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "metergroup",
-                        "name": "label",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: MeterItem, // Current value of the component.\n  \t totalPercent: number, // Total percent of the metergroup items.\n  \t percentages: number, // Array of sequential sum of values of metergroup items.\n  }"
-                            }
-                        ],
-                        "description": "Custom label template."
-                    },
-                    {
-                        "parent": "metergroup",
-                        "name": "meter",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: MeterItem, // Current value of the component.\n  \t index: number, // Current index of the meter item.\n  \t class: string, // Style class of the meter item\n  \t orientation: string, // Current orientation of the component.\n  \t size: string, // Current width of the meter item.\n  \t totalPercent: number, // Total percent of the metergroup items\n  }"
-                            }
-                        ],
-                        "description": "Custom meter item template."
-                    },
-                    {
-                        "parent": "metergroup",
-                        "name": "start",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: MeterItem, // Current value of the component.\n  \t totalPercent: number, // Total percent of the metergroup items.\n  \t percentages: number, // Array of sequential sum of values of metergroup items.\n  }"
-                            }
-                        ],
-                        "description": "Custom start template."
-                    },
-                    {
-                        "parent": "metergroup",
-                        "name": "end",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: MeterItem, // Current value of the component.\n  \t totalPercent: number, // Total percent of the metergroup items.\n  \t percentages: number, // Array of sequential sum of values of metergroup items.\n  }"
-                            }
-                        ],
-                        "description": "Custom start template."
-                    },
-                    {
-                        "parent": "metergroup",
-                        "name": "icon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: MeterItem, // Current value of the component.\n  \t class: string, // Style class of the icon.\n  }"
-                            }
-                        ],
-                        "description": "Custom icon template."
-                    }
-                ]
-            },
-            "interfaces": {
-                "description": "Defines the custom interfaces used by the module.",
-                "values": [
-                    {
-                        "name": "MeterItem",
-                        "description": "Represents a meter item configuration.",
-                        "props": [
-                            {
-                                "name": "label",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Label of the meter item."
-                            },
-                            {
-                                "name": "value",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Value of the meter item."
-                            },
-                            {
-                                "name": "color",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Color of the meter item."
-                            },
-                            {
-                                "name": "icon",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Icon of the meter item."
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    },
-    "multiselect": {
-        "components": {
-            "MultiSelect": {
-                "description": "MultiSelect is used to select multiple items from a collection.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Unique identifier of the component"
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the input for accessibility."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the element."
-                        },
-                        {
-                            "name": "panelStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Inline style of the overlay panel."
-                        },
-                        {
-                            "name": "panelStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the overlay panel element."
-                        },
-                        {
-                            "name": "inputId",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the focus input to match a label defined for the component."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the element should be disabled."
-                        },
-                        {
-                            "name": "readonly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component cannot be edited."
-                        },
-                        {
-                            "name": "group",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display options as grouped when nested options are provided."
-                        },
-                        {
-                            "name": "filter",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "When specified, displays an input field to filter the items on keyup."
-                        },
-                        {
-                            "name": "filterPlaceHolder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines placeholder of the filter input."
-                        },
-                        {
-                            "name": "filterLocale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Locale to use in filtering. The default locale is the host environment's current locale."
-                        },
-                        {
-                            "name": "overlayVisible",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Specifies the visibility of the options panel."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "variant",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"outlined\" | \"filled\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "dataKey",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "A property to uniquely identify a value in options."
-                        },
-                        {
-                            "name": "name",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the input element."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        },
-                        {
-                            "name": "displaySelectedLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Whether to show labels of selected item labels or use default label."
-                        },
-                        {
-                            "name": "maxSelectedLabels",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Decides how many selected item labels to show at most."
-                        },
-                        {
-                            "name": "selectionLimit",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Decides how many selected item labels to show at most."
-                        },
-                        {
-                            "name": "selectedItemsLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label to display after exceeding max selected labels e.g. ({0} items selected), defaults \"ellipsis\" keyword to indicate a text-overflow."
-                        },
-                        {
-                            "name": "showToggleAll",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show the checkbox at header to toggle all items at once."
-                        },
-                        {
-                            "name": "emptyFilterMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Text to display when filtering does not return any results."
-                        },
-                        {
-                            "name": "emptyMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Text to display when there is no data. Defaults to global value in i18n translation configuration."
-                        },
-                        {
-                            "name": "resetFilterOnHide",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Clears the filter value when hiding the dropdown."
-                        },
-                        {
-                            "name": "dropdownIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon class of the dropdown icon."
-                        },
-                        {
-                            "name": "optionLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the label field of an option."
-                        },
-                        {
-                            "name": "optionValue",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the value field of an option."
-                        },
-                        {
-                            "name": "optionDisabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the disabled field of an option."
-                        },
-                        {
-                            "name": "optionGroupLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "label",
-                            "description": "Name of the label field of an option group."
-                        },
-                        {
-                            "name": "optionGroupChildren",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "items",
-                            "description": "Name of the options field of an option group."
-                        },
-                        {
-                            "name": "showHeader",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show the header."
-                        },
-                        {
-                            "name": "filterBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "When filtering is enabled, filterBy decides which field or fields (comma separated) to search against."
-                        },
-                        {
-                            "name": "scrollHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "200px",
-                            "description": "Height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value."
-                        },
-                        {
-                            "name": "lazy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if data is loaded and interacted with in lazy manner."
-                        },
-                        {
-                            "name": "virtualScroll",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the data should be loaded on demand during scroll."
-                        },
-                        {
-                            "name": "loading",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the multiselect is in loading state."
-                        },
-                        {
-                            "name": "virtualScrollItemSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Height of an item in the list for VirtualScrolling."
-                        },
-                        {
-                            "name": "loadingIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon to display in loading state."
-                        },
-                        {
-                            "name": "virtualScrollOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "ScrollerOptions",
-                            "description": "Whether to use the scroller feature. The properties of scroller component can be used like an object in it."
-                        },
-                        {
-                            "name": "overlayOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "OverlayOptions",
-                            "description": "Whether to use overlay API feature. The properties of overlay API can be used like an object in it."
-                        },
-                        {
-                            "name": "ariaFilterLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the filter input."
-                        },
-                        {
-                            "name": "filterMatchMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"endsWith\" | \"startsWith\" | \"contains\" | \"equals\" | \"notEquals\" | \"in\" | \"lt\" | \"lte\" | \"gt\" | \"gte\"",
-                            "default": "contains",
-                            "description": "Defines how the items are filtered."
-                        },
-                        {
-                            "name": "tooltip",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Advisory information to display in a tooltip on hover."
-                        },
-                        {
-                            "name": "tooltipPosition",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"left\" | \"top\" | \"bottom\" | \"right\"",
-                            "default": "right",
-                            "description": "Position of the tooltip."
-                        },
-                        {
-                            "name": "tooltipPositionStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "absolute",
-                            "description": "Type of CSS position."
-                        },
-                        {
-                            "name": "tooltipStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the tooltip."
-                        },
-                        {
-                            "name": "autofocusFilter",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Applies focus to the filter element when the overlay is shown."
-                        },
-                        {
-                            "name": "display",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "comma",
-                            "description": "Defines how the selected items are displayed."
-                        },
-                        {
-                            "name": "autocomplete",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "off",
-                            "description": "Defines the autocomplete is active."
-                        },
-                        {
-                            "name": "showClear",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, a clear icon is displayed to clear the value."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "",
-                            "deprecated": "since v14.2.0, use overlayOptions property instead.\nWhether to automatically manage layering."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "",
-                            "deprecated": "since v14.2.0, use overlayOptions property instead.\nBase zIndex value to use in layering."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Transition options of the show animation.",
-                            "deprecated": "since v14.2.0, use overlayOptions property instead."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Transition options of the hide animation.",
-                            "deprecated": "since v14.2.0, use overlayOptions property instead."
-                        },
-                        {
-                            "name": "defaultLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label to display when there are no selections.",
-                            "deprecated": "Use placeholder instead."
-                        },
-                        {
-                            "name": "placeholder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Signal<string>",
-                            "description": "Label to display when there are no selections."
-                        },
-                        {
-                            "name": "options",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of objects to display as the available options."
-                        },
-                        {
-                            "name": "filterValue",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "When specified, filter displays with this value."
-                        },
-                        {
-                            "name": "itemSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Item size of item to be virtual scrolled.",
-                            "deprecated": "use virtualScrollItemSize property instead."
-                        },
-                        {
-                            "name": "selectAll",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Whether all data is selected."
-                        },
-                        {
-                            "name": "focusOnHover",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Indicates whether to focus on options when hovering over them, defaults to optionLabel."
-                        },
-                        {
-                            "name": "filterFields",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "Fields used when filtering the options, defaults to optionLabel."
-                        },
-                        {
-                            "name": "selectOnFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Determines if the option will be selected on focus."
-                        },
-                        {
-                            "name": "autoOptionFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to focus on the first visible or selected element when the overlay panel is shown."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MultiSelectChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when value changes."
-                        },
-                        {
-                            "name": "onFilter",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MultiSelectFilterEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when data is filtered."
-                        },
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MultiSelectFocusEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when multiselect receives focus."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MultiSelectBlurEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when multiselect loses focus."
-                        },
-                        {
-                            "name": "onClick",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when component is clicked."
-                        },
-                        {
-                            "name": "onClear",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "void"
-                                }
-                            ],
-                            "description": "Callback to invoke when input field is cleared."
-                        },
-                        {
-                            "name": "onPanelShow",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "void"
-                                }
-                            ],
-                            "description": "Callback to invoke when overlay panel becomes visible."
-                        },
-                        {
-                            "name": "onPanelHide",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "void"
-                                }
-                            ],
-                            "description": "Callback to invoke when overlay panel becomes hidden."
-                        },
-                        {
-                            "name": "onLazyLoad",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MultiSelectLazyLoadEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke in lazy mode to load new data."
-                        },
-                        {
-                            "name": "onRemove",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MultiSelectRemoveEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke in lazy mode to load new data."
-                        },
-                        {
-                            "name": "onSelectAllChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MultiSelectSelectAllChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when all data is selected."
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "updateModel",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                },
-                                {
-                                    "name": "event",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Updates the model value."
-                        },
-                        {
-                            "name": "show",
-                            "parameters": [
-                                {
-                                    "name": "isFocus",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Displays the panel."
-                        },
-                        {
-                            "name": "hide",
-                            "parameters": [
-                                {
-                                    "name": "isFocus",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Hides the panel."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "MultiSelectChangeEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Current selected values."
-                            },
-                            {
-                                "name": "itemValue",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Toggled item value."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "MultiSelectSelectAllChangeEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "checked",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Boolean value indicates whether all data is selected."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "MultiSelectFilterEvent",
-                        "description": "Custom filter event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "filter",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Filter value."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "MultiSelectFocusEvent",
-                        "description": "Custom focus event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "MultiSelectBlurEvent",
-                        "description": "Custom blur event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "MultiSelectLazyLoadEvent",
-                        "description": "Custom lazy load event.",
-                        "props": [
-                            {
-                                "name": "first",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the first element in viewport."
-                            },
-                            {
-                                "name": "last",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the last element in viewport."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "MultiSelectRemoveEvent",
-                        "description": "Custom remove event.",
-                        "props": [
-                            {
-                                "name": "newValue",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "object",
-                                "description": "Value after the item removed."
-                            },
-                            {
-                                "name": "removed",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "MultiSelectItem",
-                                "description": "Removed value."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "multiselect",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Data of the option.\n  }",
-                                "description": "item data."
-                            }
-                        ],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "multiselect",
-                        "name": "selectedItems",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Selected option value.\n  \t removeChip: undefined, // Function to remove chip.\n  }",
-                                "description": "selected items data."
-                            }
-                        ],
-                        "description": "Custom selected item template."
-                    },
-                    {
-                        "parent": "multiselect",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "multiselect",
-                        "name": "filter",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t options: MultiSelectFilterOptions, // Filter options.\n  }"
-                            }
-                        ],
-                        "description": "Custom filter template."
-                    },
-                    {
-                        "parent": "multiselect",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom footer template."
-                    },
-                    {
-                        "parent": "multiselect",
-                        "name": "emptyfilter",
-                        "parameters": [],
-                        "description": "Custom empty filter template."
-                    },
-                    {
-                        "parent": "multiselect",
-                        "name": "empty",
-                        "parameters": [],
-                        "description": "Custom empty template."
-                    },
-                    {
-                        "parent": "multiselect",
-                        "name": "group",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Data of the item.\n  }"
-                            }
-                        ],
-                        "description": "Custom group template."
-                    },
-                    {
-                        "parent": "multiselect",
-                        "name": "loader",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t options: ScrollerOptions, // Virtual scroller options.\n  }"
-                            }
-                        ],
-                        "description": "Custom loader template. This template can be used with virtualScroll."
-                    },
-                    {
-                        "parent": "multiselect",
-                        "name": "dropdownicon",
-                        "parameters": [],
-                        "description": "Custom dropdown trigger icon template."
-                    },
-                    {
-                        "parent": "multiselect",
-                        "name": "clearicon",
-                        "parameters": [],
-                        "description": "Custom clear icon template."
-                    },
-                    {
-                        "parent": "multiselect",
-                        "name": "filtericon",
-                        "parameters": [],
-                        "description": "Custom filter icon template."
-                    },
-                    {
-                        "parent": "multiselect",
-                        "name": "checkicon",
-                        "parameters": [],
-                        "description": "Custom check icon template.",
-                        "deprecated": "Use headercheckboxicon or itemcheckboxicon instead."
-                    },
-                    {
-                        "parent": "multiselect",
-                        "name": "headercheckboxicon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: boolean, // Defines if all items are selected.\n  \t partialSelected: boolean, // Defines if items are partially selected.\n  }"
-                            }
-                        ],
-                        "description": "Custom check icon template for the header checkbox."
-                    },
-                    {
-                        "parent": "multiselect",
-                        "name": "itemcheckboxicon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: boolean, // Selection status of the item.\n  }"
-                            }
-                        ],
-                        "description": "Custom check icon template for the item checkbox."
-                    },
-                    {
-                        "parent": "multiselect",
-                        "name": "closeicon",
-                        "parameters": [],
-                        "description": "Custom close icon template."
-                    },
-                    {
-                        "parent": "multiselect",
-                        "name": "removetokenicon",
-                        "parameters": [],
-                        "description": "Custom remove token icon template."
-                    }
-                ]
-            },
-            "interfaces": {
-                "description": "Defines the custom interfaces used by the module.",
-                "values": [
-                    {
-                        "name": "MultiSelectFilterOptions",
-                        "description": "Callbacks to invoke on filter or reset.",
-                        "props": [
-                            {
-                                "name": "filter",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Function"
-                            },
-                            {
-                                "name": "reset",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Function"
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    },
-    "orderlist": {
-        "components": {
-            "OrderList": {
-                "description": "OrderList is used to managed the order of a collection.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "header",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text for the caption."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the input for accessibility."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Specifies one or more IDs in the DOM that labels the input field."
-                        },
-                        {
-                            "name": "listStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the list element."
-                        },
-                        {
-                            "name": "responsive",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "A boolean value that indicates whether the component should be responsive."
-                        },
-                        {
-                            "name": "filterBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "When specified displays an input field to filter the items on keyup and decides which fields to search against."
-                        },
-                        {
-                            "name": "filterPlaceholder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Placeholder of the filter input."
-                        },
-                        {
-                            "name": "filterLocale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Locale to use in filtering. The default locale is the host environment's current locale."
-                        },
-                        {
-                            "name": "metaKeySelection",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically."
-                        },
-                        {
-                            "name": "dragdrop",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to enable dragdrop based reordering."
-                        },
-                        {
-                            "name": "controlsPosition",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"left\" | \"right\"",
-                            "default": "left",
-                            "description": "Defines the location of the buttons with respect to the list."
-                        },
-                        {
-                            "name": "ariaFilterLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the filter input."
-                        },
-                        {
-                            "name": "filterMatchMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"endsWith\" | \"startsWith\" | \"contains\" | \"equals\" | \"notEquals\" | \"in\" | \"lt\" | \"lte\" | \"gt\" | \"gte\"",
-                            "default": "contains",
-                            "description": "Defines how the items are filtered."
-                        },
-                        {
-                            "name": "breakpoint",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "960px",
-                            "description": "Indicates the width of the screen at which the component should change its behavior."
-                        },
-                        {
-                            "name": "stripedRows",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to displays rows with alternating colors."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should be disabled."
-                        },
-                        {
-                            "name": "trackBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Function",
-                            "default": "...",
-                            "description": "Function to optimize the dom operations by delegating to ngForTrackBy, default algorithm checks for object identity."
-                        },
-                        {
-                            "name": "selection",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "A list of values that are currently selected."
-                        },
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "Array of values to be displayed in the component.\nIt represents the data source for the list of items."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "selectionChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke on selection change."
-                        },
-                        {
-                            "name": "onReorder",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when list is reordered."
-                        },
-                        {
-                            "name": "onSelectionChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "OrderListSelectionChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when selection changes."
-                        },
-                        {
-                            "name": "onFilterEvent",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "OrderListFilterEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when filtering occurs."
-                        },
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the list is focused"
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the list is blurred"
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "resetFilter",
-                            "parameters": [],
-                            "description": "Callback to invoke on filter reset."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "OrderListSelectionChangeEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any[]",
-                                "description": "Current selected values."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "OrderListFilterEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any[]",
-                                "description": "Filtered options."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "orderlist",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Item instance.\n  \t index: number, // Index of the item.\n  }",
-                                "description": "item data."
-                            }
-                        ],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "orderlist",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "orderlist",
-                        "name": "filter",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t options: OrderListFilterOptions, // Filter options.\n  }"
-                            }
-                        ],
-                        "description": "Custom filter template."
-                    },
-                    {
-                        "parent": "orderlist",
-                        "name": "emptyfilter",
-                        "parameters": [],
-                        "description": "Custom empty filter template."
-                    },
-                    {
-                        "parent": "orderlist",
-                        "name": "empty",
-                        "parameters": [],
-                        "description": "Custom empty template."
-                    },
-                    {
-                        "parent": "orderlist",
-                        "name": "clearicon",
-                        "parameters": [],
-                        "description": "Custom clear icon template."
-                    },
-                    {
-                        "parent": "orderlist",
-                        "name": "filtericon",
-                        "parameters": [],
-                        "description": "Custom filter icon template."
-                    },
-                    {
-                        "parent": "orderlist",
-                        "name": "moveupicon",
-                        "parameters": [],
-                        "description": "Custom move up icon template."
-                    },
-                    {
-                        "parent": "orderlist",
-                        "name": "movetopicon",
-                        "parameters": [],
-                        "description": "Custom move top icon template."
-                    },
-                    {
-                        "parent": "orderlist",
-                        "name": "movedownicon",
-                        "parameters": [],
-                        "description": "Custom move down icon template."
-                    },
-                    {
-                        "parent": "orderlist",
-                        "name": "movebottomicon",
-                        "parameters": [],
-                        "description": "Custom move bottom icon template."
-                    }
-                ]
-            },
-            "interfaces": {
-                "description": "Defines the custom interfaces used by the module.",
-                "values": [
-                    {
-                        "name": "OrderListFilterOptions",
-                        "description": "Callbacks to invoke on filter.",
-                        "props": [
-                            {
-                                "name": "filter",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Function"
-                            },
-                            {
-                                "name": "reset",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Function"
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    },
-    "organizationchart": {
-        "components": {
-            "OrganizationChart": {
-                "description": "OrganizationChart visualizes hierarchical organization data.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "TreeNode<any>[]",
-                            "description": "An array of nested TreeNodes."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "selectionMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"multiple\" | \"single\"",
-                            "description": "Defines the selection mode."
-                        },
-                        {
-                            "name": "collapsible",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the nodes can be expanded or toggled."
-                        },
-                        {
-                            "name": "preserveSpace",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether the space allocated by a node is preserved when hidden."
-                        },
-                        {
-                            "name": "selection",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "A single treenode instance or an array to refer to the selections."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "selectionChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke on selection change."
-                        },
-                        {
-                            "name": "onNodeSelect",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "OrganizationChartNodeSelectEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is selected."
-                        },
-                        {
-                            "name": "onNodeUnselect",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "OrganizationChartNodeUnSelectEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is unselected."
-                        },
-                        {
-                            "name": "onNodeExpand",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "OrganizationChartNodeExpandEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is expanded."
-                        },
-                        {
-                            "name": "onNodeCollapse",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "OrganizationChartNodeCollapseEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is collapsed."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "OrganizationChartNodeSelectEvent",
-                        "description": "Custom node select event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "node",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "TreeNode<any>",
-                                "description": "Node instance."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "OrganizationChartNodeUnSelectEvent",
-                        "description": "Custom node unselect event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "node",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "TreeNode<any>",
-                                "description": "Node instance."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "OrganizationChartNodeExpandEvent",
-                        "description": "Custom node expand event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "node",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "TreeNode<any>",
-                                "description": "Node instance."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "OrganizationChartNodeCollapseEvent",
-                        "description": "Custom node collapse event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "node",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "TreeNode<any>",
-                                "description": "Node instance."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "organizationchart",
-                        "name": "togglericon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: boolean, // Expanded state of the node.\n  }",
-                                "description": "item data."
-                            }
-                        ],
-                        "description": "Custom toggler icon template."
-                    }
-                ]
-            }
-        }
-    },
-    "overlay": {
-        "components": {
-            "Overlay": {
-                "description": "This API allows overlay components to be controlled from the PrimeNGConfig. In this way, all overlay components in the application can have the same behavior.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "visible",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "The visible property is an input that determines the visibility of the component."
-                        },
-                        {
-                            "name": "mode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The mode property is an input that determines the overlay mode type or string."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "The style property is an input that determines the style object for the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The styleClass property is an input that determines the CSS class(es) for the component."
-                        },
-                        {
-                            "name": "contentStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "The contentStyle property is an input that determines the style object for the content of the component."
-                        },
-                        {
-                            "name": "contentStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The contentStyleClass property is an input that determines the CSS class(es) for the content of the component."
-                        },
-                        {
-                            "name": "target",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The target property is an input that specifies the target element or selector for the component."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "HTMLElement | \"body\"",
-                            "description": "Overlay can be mounted into its location, body or DOM element instance using this option."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "The autoZIndex determines whether to automatically manage layering. Its default value is 'false'."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "The baseZIndex is base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Transition options of the show or hide animation."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The hideTransitionOptions property is an input that determines the CSS transition options for hiding the component."
-                        },
-                        {
-                            "name": "listener",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "The listener property is an input that specifies the listener object for the component."
-                        },
-                        {
-                            "name": "responsive",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "ResponsiveOverlayOptions",
-                            "description": "It is the option used to determine in which mode it should appear according to the given media or breakpoint."
-                        },
-                        {
-                            "name": "options",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "OverlayOptions",
-                            "description": "The options property is an input that specifies the overlay options for the component."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "visibleChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "boolean"
-                                }
-                            ],
-                            "description": "This EventEmitter is used to notify changes in the visibility state of a component."
-                        },
-                        {
-                            "name": "onBeforeShow",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "OverlayOnBeforeShowEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke before the overlay is shown."
-                        },
-                        {
-                            "name": "onShow",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "OverlayOnShowEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when the overlay is shown."
-                        },
-                        {
-                            "name": "onBeforeHide",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "OverlayOnBeforeHideEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke before the overlay is hidden."
-                        },
-                        {
-                            "name": "onHide",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "OverlayOnHideEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when the overlay is hidden"
-                        },
-                        {
-                            "name": "onAnimationStart",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "AnimationEvent_2"
-                                }
-                            ],
-                            "description": "Callback to invoke when the animation is started."
-                        },
-                        {
-                            "name": "onAnimationDone",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "AnimationEvent_2"
-                                }
-                            ],
-                            "description": "Callback to invoke when the animation is done."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "overlaypanel": {
-        "components": {
-            "OverlayPanel": {
-                "description": "OverlayPanel is a container component positioned as connected to its target.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the input for accessibility."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        },
-                        {
-                            "name": "dismissable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Enables to hide the overlay when outside is clicked."
-                        },
-                        {
-                            "name": "showCloseIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, displays a close icon at top right corner."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "default": "body",
-                            "description": "Target element to attach the panel, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to automatically manage layering."
-                        },
-                        {
-                            "name": "ariaCloseLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Aria label of the close icon."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "focusOnShow",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "When enabled, first button receives focus on show."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".12s cubic-bezier(0, 0, 0.2, 1)",
-                            "description": "Transition options of the show animation."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".1s linear",
-                            "description": "Transition options of the hide animation."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onShow",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when an overlay becomes visible."
-                        },
-                        {
-                            "name": "onHide",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when an overlay gets hidden."
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "toggle",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "any",
-                                    "description": "Browser event"
-                                },
-                                {
-                                    "name": "target",
-                                    "type": "any",
-                                    "description": "Target element."
-                                }
-                            ],
-                            "description": "Toggles the visibility of the panel."
-                        },
-                        {
-                            "name": "show",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "any",
-                                    "description": "Browser event"
-                                },
-                                {
-                                    "name": "target",
-                                    "type": "any",
-                                    "description": "Target element."
-                                }
-                            ],
-                            "description": "Displays the panel."
-                        },
-                        {
-                            "name": "hide",
-                            "parameters": [],
-                            "description": "Hides the panel."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "overlaypanel",
-                        "name": "content",
-                        "parameters": [],
-                        "description": "Custom template of content."
-                    },
-                    {
-                        "parent": "overlaypanel",
-                        "name": "closeicon",
-                        "parameters": [],
-                        "description": "Custom template of closeicon."
-                    }
-                ]
-            }
-        }
-    },
-    "paginator": {
-        "components": {
-            "Paginator": {
-                "description": "Paginator is a generic component to display content in paged format.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "pageLinkSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "5",
-                            "description": "Number of page links to display."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "alwaysShow",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show it even there is only one page."
-                        },
-                        {
-                            "name": "dropdownAppendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the dropdown overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "templateLeft",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "TemplateRef<PaginatorState>",
-                            "description": "Template instance to inject into the left side of the paginator."
-                        },
-                        {
-                            "name": "templateRight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "TemplateRef<PaginatorState>",
-                            "description": "Template instance to inject into the right side of the paginator."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the dropdown overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "dropdownScrollHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "200px",
-                            "description": "Dropdown height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value."
-                        },
-                        {
-                            "name": "currentPageReportTemplate",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "{currentPage} of {totalPages}",
-                            "description": "Template of the current page report element. Available placeholders are {currentPage},{totalPages},{rows},{first},{last} and {totalRecords}"
-                        },
-                        {
-                            "name": "showCurrentPageReport",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display current page report."
-                        },
-                        {
-                            "name": "showFirstLastIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "When enabled, icons are displayed on paginator to go first and last page."
-                        },
-                        {
-                            "name": "totalRecords",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Number of total records."
-                        },
-                        {
-                            "name": "rows",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Data count to display per page."
-                        },
-                        {
-                            "name": "rowsPerPageOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "Array of integer/object values to display inside rows per page dropdown. A object that have 'showAll' key can be added to it to show all data. Exp; [10,20,30,{showAll:'All'}]"
-                        },
-                        {
-                            "name": "showJumpToPageDropdown",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display a dropdown to navigate to any page."
-                        },
-                        {
-                            "name": "showJumpToPageInput",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display a input to navigate to any page."
-                        },
-                        {
-                            "name": "jumpToPageItemTemplate",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "TemplateRef<Object>",
-                            "description": "Template instance to inject into the jump to page dropdown item inside in the paginator."
-                        },
-                        {
-                            "name": "showPageLinks",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show page links."
-                        },
-                        {
-                            "name": "locale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Locale to be used in formatting."
-                        },
-                        {
-                            "name": "dropdownItemTemplate",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "TemplateRef<Object>",
-                            "description": "Template instance to inject into the rows per page dropdown item inside in the paginator."
-                        },
-                        {
-                            "name": "first",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Zero-relative number of the first row to be displayed."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onPageChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "PaginatorState"
-                                }
-                            ],
-                            "description": "Callback to invoke when page changes, the event object contains information about the new state."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "paginator",
-                        "name": "dropdownicon",
-                        "parameters": [],
-                        "description": "Custom dropdown trigger icon template."
-                    },
-                    {
-                        "parent": "paginator",
-                        "name": "firstpagelinkicon",
-                        "parameters": [],
-                        "description": "Custom first page link icon template."
-                    },
-                    {
-                        "parent": "paginator",
-                        "name": "previouspagelinkicon",
-                        "parameters": [],
-                        "description": "Custom previous page link icon template."
-                    },
-                    {
-                        "parent": "paginator",
-                        "name": "lastpagelinkicon",
-                        "parameters": [],
-                        "description": "Custom last page link icon template."
-                    },
-                    {
-                        "parent": "paginator",
-                        "name": "nextpagelinkicon",
-                        "parameters": [],
-                        "description": "Custom next page link icon template."
-                    }
-                ]
-            },
-            "interfaces": {
-                "description": "Defines the custom interfaces used by the module.",
-                "values": [
-                    {
-                        "name": "PaginatorState",
-                        "description": "Paginator state.",
-                        "props": [
-                            {
-                                "name": "page",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number"
-                            },
-                            {
-                                "name": "first",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number"
-                            },
-                            {
-                                "name": "rows",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number"
-                            },
-                            {
-                                "name": "pageCount",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number"
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    },
-    "panel": {
-        "components": {
-            "Panel": {
-                "description": "Panel is a container with the optional content toggle feature.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "toggleable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if content of panel can be expanded and collapsed."
-                        },
-                        {
-                            "name": "header",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Header text of the panel."
-                        },
-                        {
-                            "name": "collapsed",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines the initial state of panel content, supports one or two-way binding as well."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "iconPos",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"center\" | \"end\" | \"start\"",
-                            "default": "end",
-                            "description": "Position of the icons."
-                        },
-                        {
-                            "name": "expandIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Expand icon of the toggle button.",
-                            "deprecated": "since v15.4.2, use "
-                        },
-                        {
-                            "name": "collapseIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Collapse icon of the toggle button.",
-                            "deprecated": "since v15.4.2, use "
-                        },
-                        {
-                            "name": "showHeader",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Specifies if header of panel cannot be displayed.",
-                            "deprecated": "since v15.4.2, use "
-                        },
-                        {
-                            "name": "toggler",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"header\" | \"icon\"",
-                            "default": "icon",
-                            "description": "Specifies the toggler element to toggle the panel content."
-                        },
-                        {
-                            "name": "transitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "400ms cubic-bezier(0.86, 0, 0.07, 1)",
-                            "description": "Transition options of the animation."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "collapsedChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "boolean"
-                                }
-                            ],
-                            "description": "Emitted when the collapsed changes."
-                        },
-                        {
-                            "name": "onBeforeToggle",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "PanelBeforeToggleEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke before panel toggle."
-                        },
-                        {
-                            "name": "onAfterToggle",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "PanelAfterToggleEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke after panel toggle."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "PanelBeforeToggleEvent",
-                        "description": "Custom panel toggle event, emits before panel toggle.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "collapsed",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Collapsed state of the panel."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "PanelAfterToggleEvent",
-                        "description": "Custom panel toggle event, emits after panel toggle.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "collapsed",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Collapsed state of the panel."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "panel",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "panel",
-                        "name": "content",
-                        "parameters": [],
-                        "description": "Custom content template."
-                    },
-                    {
-                        "parent": "panel",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom footer template."
-                    },
-                    {
-                        "parent": "panel",
-                        "name": "headericons",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: boolean, // Collapsed state as a boolean\n  }",
-                                "description": "header icon data."
-                            }
-                        ],
-                        "description": "Custom icons template of the panel toggler."
-                    },
-                    {
-                        "parent": "panel",
-                        "name": "icons",
-                        "parameters": [],
-                        "description": "Custom icons template of the panel header."
-                    }
-                ]
-            }
-        }
-    },
-    "panelmenu": {
-        "components": {
-            "PanelMenu": {
-                "description": "PanelMenu is a hybrid of Accordion and Tree components.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "model",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menuitems."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "multiple",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether multiple tabs can be activated at the same time or not."
-                        },
-                        {
-                            "name": "transitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "400ms cubic-bezier(0.86, 0, 0.07, 1)",
-                            "description": "Transition options of the animation."
-                        },
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Current id state as a string."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "collapseAll",
-                            "parameters": [],
-                            "description": "Collapses open panels."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "panelmenu",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: MenuItem, // Item instance.\n  }"
-                            }
-                        ],
-                        "description": "Custom item template."
-                    },
-                    {
-                        "parent": "panelmenu",
-                        "name": "submenuicon",
-                        "parameters": [],
-                        "description": "Custom template of submenuicon."
-                    }
-                ]
-            }
-        }
-    },
-    "password": {
-        "components": {
-            "PasswordDirective": {
-                "description": "Password directive.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "promptLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "Enter a password",
-                            "description": "Text to prompt password entry. Defaults to PrimeNG I18N API configuration."
-                        },
-                        {
-                            "name": "weakLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "Weak",
-                            "description": "Text for a weak password. Defaults to PrimeNG I18N API configuration."
-                        },
-                        {
-                            "name": "mediumLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "Medium",
-                            "description": "Text for a medium password. Defaults to PrimeNG I18N API configuration."
-                        },
-                        {
-                            "name": "strongLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "Strong",
-                            "description": "Text for a strong password. Defaults to PrimeNG I18N API configuration."
-                        },
-                        {
-                            "name": "feedback",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show the strength indicator or not."
-                        },
-                        {
-                            "name": "showPassword",
-                            "optional": false,
-                            "readonly": false,
-                            "type": null,
-                            "description": "Sets the visibility of the password field."
-                        },
-                        {
-                            "name": "variant",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"outlined\" | \"filled\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        }
-                    ]
-                }
-            },
-            "Password": {
-                "description": "Password displays strength indicator for password fields.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the input for accessibility."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Specifies one or more IDs in the DOM that labels the input field."
-                        },
-                        {
-                            "name": "label",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label of the input for accessibility."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Indicates whether the component is disabled or not."
-                        },
-                        {
-                            "name": "promptLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text to prompt password entry. Defaults to PrimeNG I18N API configuration."
-                        },
-                        {
-                            "name": "mediumRegex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",
-                            "description": "Regex value for medium regex."
-                        },
-                        {
-                            "name": "strongRegex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",
-                            "description": "Regex value for strong regex."
-                        },
-                        {
-                            "name": "weakLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text for a weak password. Defaults to PrimeNG I18N API configuration."
-                        },
-                        {
-                            "name": "mediumLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text for a medium password. Defaults to PrimeNG I18N API configuration."
-                        },
-                        {
-                            "name": "maxLength",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "specifies the maximum number of characters allowed in the input element."
-                        },
-                        {
-                            "name": "strongLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text for a strong password. Defaults to PrimeNG I18N API configuration."
-                        },
-                        {
-                            "name": "inputId",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the accessible input element."
-                        },
-                        {
-                            "name": "feedback",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show the strength indicator or not."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Id of the element or \"body\" for document where the overlay should be appended to."
-                        },
-                        {
-                            "name": "toggleMask",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to show an icon to display the password as plain text."
-                        },
-                        {
-                            "name": "inputStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the input field."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the element."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "inputStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the input field."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".12s cubic-bezier(0, 0, 0.2, 1)",
-                            "description": "Transition options of the show animation."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".1s linear",
-                            "description": "Transition options of the hide animation."
-                        },
-                        {
-                            "name": "autocomplete",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Specify automated assistance in filling out password by browser."
-                        },
-                        {
-                            "name": "placeholder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Advisory information to display on input."
-                        },
-                        {
-                            "name": "showClear",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, a clear icon is displayed to clear the value."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        },
-                        {
-                            "name": "variant",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"outlined\" | \"filled\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the component receives focus."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the component loses focus."
-                        },
-                        {
-                            "name": "onClear",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when clear button is clicked."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "password",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom template of header."
-                    },
-                    {
-                        "parent": "password",
-                        "name": "content",
-                        "parameters": [],
-                        "description": "Custom template of content."
-                    },
-                    {
-                        "parent": "password",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom template of footer."
-                    },
-                    {
-                        "parent": "password",
-                        "name": "clearicon",
-                        "parameters": [],
-                        "description": "Custom template of clear icon."
-                    },
-                    {
-                        "parent": "password",
-                        "name": "hideicon",
-                        "parameters": [],
-                        "description": "Custom template of hide icon."
-                    },
-                    {
-                        "parent": "password",
-                        "name": "showicon",
-                        "parameters": [],
-                        "description": "Custom template of show icon."
-                    }
-                ]
-            }
-        }
-    },
-    "picklist": {
-        "components": {
-            "PickList": {
-                "description": "PickList is used to reorder items between different lists.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "source",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of objects for the source list."
-                        },
-                        {
-                            "name": "target",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of objects for the target list."
-                        },
-                        {
-                            "name": "sourceHeader",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text for the source list caption"
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "rightButtonAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the move to right button for accessibility."
-                        },
-                        {
-                            "name": "leftButtonAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the move to left button for accessibility."
-                        },
-                        {
-                            "name": "allRightButtonAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the move to all right button for accessibility."
-                        },
-                        {
-                            "name": "allLeftButtonAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the move to all left button for accessibility."
-                        },
-                        {
-                            "name": "upButtonAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the move to up button for accessibility."
-                        },
-                        {
-                            "name": "downButtonAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the move to down button for accessibility."
-                        },
-                        {
-                            "name": "topButtonAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the move to top button for accessibility."
-                        },
-                        {
-                            "name": "bottomButtonAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the move to bottom button for accessibility."
-                        },
-                        {
-                            "name": "targetHeader",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text for the target list caption"
-                        },
-                        {
-                            "name": "responsive",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled orderlist adjusts its controls based on screen size."
-                        },
-                        {
-                            "name": "filterBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "When specified displays an input field to filter the items on keyup and decides which field to search (Accepts multiple fields with a comma)."
-                        },
-                        {
-                            "name": "filterLocale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Locale to use in filtering. The default locale is the host environment's current locale."
-                        },
-                        {
-                            "name": "trackBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Function",
-                            "default": "...",
-                            "description": "Function to optimize the dom operations by delegating to ngForTrackBy, default algorithm checks for object identity. Use sourceTrackBy or targetTrackBy in case different algorithms are needed per list."
-                        },
-                        {
-                            "name": "sourceTrackBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "Function to optimize the dom operations by delegating to ngForTrackBy in source list, default algorithm checks for object identity."
-                        },
-                        {
-                            "name": "targetTrackBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "Function to optimize the dom operations by delegating to ngForTrackBy in target list, default algorithm checks for object identity."
-                        },
-                        {
-                            "name": "showSourceFilter",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show filter input for source list when filterBy is enabled."
-                        },
-                        {
-                            "name": "showTargetFilter",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show filter input for target list when filterBy is enabled."
-                        },
-                        {
-                            "name": "metaKeySelection",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically."
-                        },
-                        {
-                            "name": "dragdrop",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to enable dragdrop based reordering."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "sourceStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Inline style of the source list element."
-                        },
-                        {
-                            "name": "targetStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Inline style of the target list element."
-                        },
-                        {
-                            "name": "showSourceControls",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show buttons of source list."
-                        },
-                        {
-                            "name": "showTargetControls",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show buttons of target list."
-                        },
-                        {
-                            "name": "sourceFilterPlaceholder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Placeholder text on source filter input."
-                        },
-                        {
-                            "name": "targetFilterPlaceholder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Placeholder text on target filter input."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should be disabled."
-                        },
-                        {
-                            "name": "ariaSourceFilterLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the filter input of source list."
-                        },
-                        {
-                            "name": "ariaTargetFilterLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the filter input of target list."
-                        },
-                        {
-                            "name": "filterMatchMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"endsWith\" | \"startsWith\" | \"contains\" | \"equals\" | \"notEquals\" | \"in\" | \"lt\" | \"lte\" | \"gt\" | \"gte\"",
-                            "default": "contains",
-                            "description": "Defines how the items are filtered."
-                        },
-                        {
-                            "name": "stripedRows",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to displays rows with alternating colors."
-                        },
-                        {
-                            "name": "keepSelection",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Keeps selection on the transfer list."
-                        },
-                        {
-                            "name": "breakpoint",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Indicates the width of the screen at which the component should change its behavior."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onMoveToSource",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "PickListMoveToSourceEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when items are moved from target to source."
-                        },
-                        {
-                            "name": "onMoveAllToSource",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "PickListMoveAllToSourceEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when all items are moved from target to source."
-                        },
-                        {
-                            "name": "onMoveAllToTarget",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "PickListMoveAllToTargetEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when all items are moved from source to target."
-                        },
-                        {
-                            "name": "onMoveToTarget",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "PickListMoveToTargetEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when items are moved from source to target."
-                        },
-                        {
-                            "name": "onSourceReorder",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "PickListSourceReorderEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when items are reordered within source list."
-                        },
-                        {
-                            "name": "onTargetReorder",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "PickListTargetReorderEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when items are reordered within target list."
-                        },
-                        {
-                            "name": "onSourceSelect",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "PickListSourceSelectEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when items are selected within source list."
-                        },
-                        {
-                            "name": "onTargetSelect",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "PickListTargetSelectEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when items are selected within target list."
-                        },
-                        {
-                            "name": "onSourceFilter",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "PickListSourceFilterEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when the source list is filtered"
-                        },
-                        {
-                            "name": "onTargetFilter",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "PickListTargetFilterEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when the target list is filtered"
-                        },
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the list is focused"
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the list is blurred"
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "PickListMoveToSourceEvent",
-                        "description": "Custom move to source event.",
-                        "props": [
-                            {
-                                "name": "items",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any[]",
-                                "description": "Moved items."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "PickListMoveAllToSourceEvent",
-                        "description": "Custom move all to source event.",
-                        "props": [
-                            {
-                                "name": "items",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any[]",
-                                "description": "Moved items."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "PickListMoveAllToTargetEvent",
-                        "description": "Custom move all to target event.",
-                        "props": [
-                            {
-                                "name": "items",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any[]",
-                                "description": "Moved items."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "PickListMoveToTargetEvent",
-                        "description": "Custom move to target event.",
-                        "props": [
-                            {
-                                "name": "items",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any[]",
-                                "description": "Moved items."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "PickListSourceReorderEvent",
-                        "description": "Custom move source reorder event.",
-                        "props": [
-                            {
-                                "name": "items",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any[]",
-                                "description": "Moved items."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "PickListTargetReorderEvent",
-                        "description": "Custom move target reorder event.",
-                        "props": [
-                            {
-                                "name": "items",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any[]",
-                                "description": "Moved items."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "PickListSourceSelectEvent",
-                        "description": "Custom source select event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "items",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any[]",
-                                "description": "Selected items."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "PickListTargetSelectEvent",
-                        "description": "Custom target select event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "items",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any[]",
-                                "description": "Selected items."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "PickListSourceFilterEvent",
-                        "description": "Custom source filter event.",
-                        "props": [
-                            {
-                                "name": "query",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Filter value."
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any[]",
-                                "description": "Filtered items."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "PickListTargetFilterEvent",
-                        "description": "Custom target filter event.",
-                        "props": [
-                            {
-                                "name": "query",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Filter value."
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any[]",
-                                "description": "Filtered items."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "picklist",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Item instance.\n  \t index: number, // Item index.\n  }"
-                            }
-                        ],
-                        "description": "Custom item template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "sourceHeader",
-                        "parameters": [],
-                        "description": "Custom source header template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "targetHeader",
-                        "parameters": [],
-                        "description": "Custom target header template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "sourceFilter",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t options: PickListFilterOptions, // Source filter options.\n  }"
-                            }
-                        ],
-                        "description": "Custom source filter template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "targetFilter",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t options: PickListFilterOptions, // Target filter options.\n  }"
-                            }
-                        ],
-                        "description": "Custom target filter template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "emptymessagesource",
-                        "parameters": [],
-                        "description": "Custom source list empty message template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "emptyfiltermessagesource",
-                        "parameters": [],
-                        "description": "Custom source list empty filter message template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "emptymessagetarget",
-                        "parameters": [],
-                        "description": "Custom target list empty message template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "emptyfiltermessagetarget",
-                        "parameters": [],
-                        "description": "Custom target list empty filter message template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "moveupicon",
-                        "parameters": [],
-                        "description": "Custom move up icon template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "movetopicon",
-                        "parameters": [],
-                        "description": "Custom move top icon template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "movedownicon",
-                        "parameters": [],
-                        "description": "Custom move down icon template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "movebottomicon",
-                        "parameters": [],
-                        "description": "Custom move bottom icon template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "movetotargeticon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: boolean, // Boolean value indicates if the view is changed according to breakpoints.\n  }"
-                            }
-                        ],
-                        "description": "Custom move to target icon template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "movealltotargeticon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: boolean, // Boolean value indicates if the view is changed according to breakpoints.\n  }"
-                            }
-                        ],
-                        "description": "Custom move all to target icon template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "movetosourceicon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: boolean, // Boolean value indicates if the view is changed according to breakpoints.\n  }"
-                            }
-                        ],
-                        "description": "Custom move to source icon template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "movealltosourceicon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: boolean, // Boolean value indicates if the view is changed according to breakpoints.\n  }"
-                            }
-                        ],
-                        "description": "Custom move all to source icon template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "targetfiltericon",
-                        "parameters": [],
-                        "description": "Custom target filter icon template."
-                    },
-                    {
-                        "parent": "picklist",
-                        "name": "sourcefiltericon",
-                        "parameters": [],
-                        "description": "Custom source filter icon template."
-                    }
-                ]
-            },
-            "interfaces": {
-                "description": "Defines the custom interfaces used by the module.",
-                "values": [
-                    {
-                        "name": "PickListFilterOptions",
-                        "description": "Callbacks to invoke on filter.",
-                        "props": [
-                            {
-                                "name": "filter",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Function"
-                            },
-                            {
-                                "name": "reset",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Function"
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    },
-    "progressbar": {
-        "components": {
-            "ProgressBar": {
-                "description": "ProgressBar is a process status indicator.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Current value of the progress."
-                        },
-                        {
-                            "name": "showValue",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to display the progress bar value."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "unit",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "%",
-                            "description": "Unit sign appended to the value."
-                        },
-                        {
-                            "name": "mode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "determinate",
-                            "description": "Defines the mode of the progress"
-                        },
-                        {
-                            "name": "color",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Color for the background of the progress."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "progressbar",
-                        "name": "content",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Value of the progressbar.\n  }"
-                            }
-                        ],
-                        "description": "Custom template of content."
-                    }
-                ]
-            }
-        }
-    },
-    "progressspinner": {
-        "components": {
-            "ProgressSpinner": {
-                "description": "ProgressSpinner is a process status indicator.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "strokeWidth",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "2",
-                            "description": "Width of the circle stroke."
-                        },
-                        {
-                            "name": "fill",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "none",
-                            "description": "Color for the background of the circle."
-                        },
-                        {
-                            "name": "animationDuration",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "2s",
-                            "description": "Duration of the rotate animation."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Used to define a aria label attribute the current element."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "radiobutton": {
-        "components": {
-            "RadioButton": {
-                "description": "RadioButton is an extension to standard radio button element with theming.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Value of the radiobutton."
-                        },
-                        {
-                            "name": "formControlName",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The name of the form control."
-                        },
-                        {
-                            "name": "name",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the radiobutton group."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the element should be disabled."
-                        },
-                        {
-                            "name": "label",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label of the radiobutton."
-                        },
-                        {
-                            "name": "variant",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"outlined\" | \"filled\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "inputId",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the focus input to match a label defined for the component."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Used to define a string that labels the input element."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "labelStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the label."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onClick",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "RadioButtonClickEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on radio button click."
-                        },
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the receives focus."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the loses focus."
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "focus",
-                            "parameters": [],
-                            "description": "Applies focus to input field."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "RadioButtonClickEvent",
-                        "description": "Custom click event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Browser event."
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    },
-    "rating": {
-        "components": {
-            "Rating": {
-                "description": "Rating is an extension to standard radio button element with theming.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the element should be disabled."
-                        },
-                        {
-                            "name": "readonly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, changing the value is not possible."
-                        },
-                        {
-                            "name": "stars",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "5",
-                            "description": "Number of stars."
-                        },
-                        {
-                            "name": "cancel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "When specified a cancel icon is displayed to allow removing the value."
-                        },
-                        {
-                            "name": "iconOnClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the on icon."
-                        },
-                        {
-                            "name": "iconOnStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the on icon."
-                        },
-                        {
-                            "name": "iconOffClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the off icon."
-                        },
-                        {
-                            "name": "iconOffStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the off icon."
-                        },
-                        {
-                            "name": "iconCancelClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the cancel icon."
-                        },
-                        {
-                            "name": "iconCancelStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the cancel icon."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onRate",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "RatingRateEvent"
-                                }
-                            ],
-                            "description": "Emitted on value change."
-                        },
-                        {
-                            "name": "onCancel",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Emitted when the rating is cancelled."
-                        },
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FocusEvent"
-                                }
-                            ],
-                            "description": "Emitted when the rating receives focus."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "FocusEvent"
-                                }
-                            ],
-                            "description": "Emitted when the rating loses focus."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "RatingRateEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event"
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Selected option value"
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "rating",
-                        "name": "onicon",
-                        "parameters": [],
-                        "description": "Custom on icon template."
-                    },
-                    {
-                        "parent": "rating",
-                        "name": "officon",
-                        "parameters": [],
-                        "description": "Custom off icon template."
-                    },
-                    {
-                        "parent": "rating",
-                        "name": "cancelicon",
-                        "parameters": [],
-                        "description": "Custom cancel icon template."
-                    }
-                ]
-            }
-        }
-    },
-    "ripple": {
-        "components": {
-            "Ripple": {
-                "description": "Ripple directive adds ripple effect to the host element."
-            }
-        }
-    },
-    "scroller": {
-        "components": {
-            "Scroller": {
-                "description": "Scroller is a performance-approach to handle huge data efficiently.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Unique identifier of the element."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the element."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "items",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of objects to display."
-                        },
-                        {
-                            "name": "itemSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number | number[]",
-                            "description": "The height/width of item according to orientation."
-                        },
-                        {
-                            "name": "scrollHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Height of the scroll viewport."
-                        },
-                        {
-                            "name": "scrollWidth",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Width of the scroll viewport."
-                        },
-                        {
-                            "name": "orientation",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"both\" | \"vertical\" | \"horizontal\"",
-                            "description": "The orientation of scrollbar."
-                        },
-                        {
-                            "name": "step",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Used to specify how many items to load in each load method in lazy mode."
-                        },
-                        {
-                            "name": "delay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Delay in scroll before new data is loaded."
-                        },
-                        {
-                            "name": "resizeDelay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Delay after window's resize finishes."
-                        },
-                        {
-                            "name": "appendOnly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Used to append each loaded item to top without removing any items from the DOM. Using very large data may cause the browser to crash."
-                        },
-                        {
-                            "name": "inline",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Specifies whether the scroller should be displayed inline or not."
-                        },
-                        {
-                            "name": "lazy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines if data is loaded and interacted with in lazy manner."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "If disabled, the scroller feature is eliminated and the content is displayed directly."
-                        },
-                        {
-                            "name": "loaderDisabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Used to implement a custom loader instead of using the loader feature in the scroller."
-                        },
-                        {
-                            "name": "columns",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "Columns to display."
-                        },
-                        {
-                            "name": "showSpacer",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Used to implement a custom spacer instead of using the spacer feature in the scroller."
-                        },
-                        {
-                            "name": "showLoader",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines whether to show loader."
-                        },
-                        {
-                            "name": "numToleratedItems",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Determines how many additional elements to add to the DOM outside of the view. According to the scrolls made up and down, extra items are added in a certain algorithm in the form of multiples of this number. Default value is half the number of items shown in the view."
-                        },
-                        {
-                            "name": "loading",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines whether the data is loaded."
-                        },
-                        {
-                            "name": "autoSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines whether to dynamically change the height or width of scrollable container."
-                        },
-                        {
-                            "name": "trackBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "Function to optimize the dom operations by delegating to ngForTrackBy, default algoritm checks for object identity."
-                        },
-                        {
-                            "name": "options",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "ScrollerOptions",
-                            "description": "Defines whether to use the scroller feature. The properties of scroller component can be used like an object in it."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onLazyLoad",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "ScrollerLazyLoadEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke in lazy mode to load new data."
-                        },
-                        {
-                            "name": "onScroll",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "ScrollerScrollEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when scroll position changes."
-                        },
-                        {
-                            "name": "onScrollIndexChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "ScrollerScrollIndexChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when scroll position and item's range in view changes."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "ScrollerLazyLoadEvent",
-                        "description": "Custom lazy load event.",
-                        "props": [
-                            {
-                                "name": "first",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "First element index in viewport."
-                            },
-                            {
-                                "name": "last",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Last element index in viewport."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "ScrollerScrollIndexChangeEvent",
-                        "description": "Custom scroll index change event.",
-                        "props": [
-                            {
-                                "name": "first",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "First element index in viewport."
-                            },
-                            {
-                                "name": "last",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Last element index in viewport."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "ScrollerScrollEvent",
-                        "description": "Custom scroll event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "scroller",
-                        "name": "content",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Loaded items.\n  \t options: ScrollerContentOptions, // undefined\n  }",
-                                "description": "Content data."
-                            }
-                        ],
-                        "description": "Custom content template."
-                    },
-                    {
-                        "parent": "scroller",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Item instance.\n  \t options: ScrollerItemOptions, // Scroller item options.\n  }",
-                                "description": "Item data."
-                            }
-                        ],
-                        "description": "Custom item template."
-                    },
-                    {
-                        "parent": "scroller",
-                        "name": "loader",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t options: ScrollerLoaderOptions, // Options.\n  }",
-                                "description": "Options instance."
-                            }
-                        ],
-                        "description": "Custom loader template."
-                    },
-                    {
-                        "parent": "scroller",
-                        "name": "loadericon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t options: ScrollerLoaderIconOptions, // Options.\n  }",
-                                "description": "Icon options."
-                            }
-                        ],
-                        "description": "Custom loader icon template."
-                    }
-                ]
-            },
-            "interfaces": {
-                "description": "Defines the custom interfaces used by the module.",
-                "values": [
-                    {
-                        "name": "ScrollerContentOptions",
-                        "description": "Scroller content options.",
-                        "props": [
-                            {
-                                "name": "contentStyleClass",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string"
-                            },
-                            {
-                                "name": "items",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any[]"
-                            },
-                            {
-                                "name": "loading",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean"
-                            },
-                            {
-                                "name": "itemSize",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number"
-                            },
-                            {
-                                "name": "rows",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any[]"
-                            },
-                            {
-                                "name": "columns",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any[]"
-                            },
-                            {
-                                "name": "spacerStyle",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Object"
-                            },
-                            {
-                                "name": "contentStyle",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Object"
-                            },
-                            {
-                                "name": "vertical",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean"
-                            },
-                            {
-                                "name": "horizontal",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean"
-                            },
-                            {
-                                "name": "both",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean"
-                            },
-                            {
-                                "name": "getItemOptions",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Function"
-                            },
-                            {
-                                "name": "getLoaderOptions",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Function"
-                            }
-                        ]
-                    },
-                    {
-                        "name": "ScrollerItemOptions",
-                        "description": "Scroller item options.",
-                        "props": [
-                            {
-                                "name": "index",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the item."
-                            },
-                            {
-                                "name": "count",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Item count."
-                            },
-                            {
-                                "name": "first",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Index of the first element in viewport."
-                            },
-                            {
-                                "name": "last",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Index of the last element in viewport."
-                            },
-                            {
-                                "name": "even",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Defines if index is even number."
-                            },
-                            {
-                                "name": "odd",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Defines if index is odd number."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "ScrollerLoaderOptions",
-                        "description": "Loader settings.",
-                        "props": [
-                            {
-                                "name": "index",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the item."
-                            },
-                            {
-                                "name": "count",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Item count."
-                            },
-                            {
-                                "name": "first",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Index of the first element in viewport."
-                            },
-                            {
-                                "name": "last",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Index of the last element in viewport."
-                            },
-                            {
-                                "name": "even",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Defines if index is even number."
-                            },
-                            {
-                                "name": "odd",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Defines if index is odd number."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "types": {
-                "description": "Defines the custom types used by the module.",
-                "values": [
-                    {
-                        "name": "ScrollerToType",
-                        "value": "\"to-start\" | \"to-end\" | undefined",
-                        "description": "Options of the scroll direction."
-                    },
-                    {
-                        "name": "ScrollerOrientationType",
-                        "value": "\"vertical\" | \"horizontal\" | \"both\"",
-                        "description": "Options of the scroller orientation."
-                    },
-                    {
-                        "name": "ScrollerLoaderIconOptions",
-                        "value": "{\"[klass:string]\":\"any\"}",
-                        "description": "Loader icon options."
-                    }
-                ]
-            }
-        }
-    },
-    "scrollpanel": {
-        "components": {
-            "ScrollPanel": {
-                "description": "ScrollPanel is a cross browser, lightweight and themable alternative to native browser scrollbar.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "step",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "5",
-                            "description": "Step factor to scroll the content while pressing the arrow keys."
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "scrollTop",
-                            "parameters": [
-                                {
-                                    "name": "scrollTop",
-                                    "type": "number",
-                                    "description": ""
-                                }
-                            ],
-                            "description": "Scrolls the top location to the given value."
-                        },
-                        {
-                            "name": "refresh",
-                            "parameters": [],
-                            "description": "Refreshes the position and size of the scrollbar."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "scrollpanel",
-                        "name": "content",
-                        "parameters": [],
-                        "description": "Custom content template."
-                    }
-                ]
-            }
-        }
-    },
-    "scrolltop": {
-        "components": {
-            "ScrollTop": {
-                "description": "ScrollTop gets displayed after a certain scroll position and used to navigates to the top of the page quickly.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "target",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"window\" | \"parent\"",
-                            "default": "window",
-                            "description": "Target of the ScrollTop."
-                        },
-                        {
-                            "name": "threshold",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "400",
-                            "description": "Defines the threshold value of the vertical scroll position of the target to toggle the visibility."
-                        },
-                        {
-                            "name": "icon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the icon or JSX.Element for icon."
-                        },
-                        {
-                            "name": "behavior",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"auto\" | \"smooth\"",
-                            "default": "smooth",
-                            "description": "Defines the scrolling behavior, \"smooth\" adds an animation and \"auto\" scrolls with a jump."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".15s",
-                            "description": "A string value used to determine the display transition options."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".15s",
-                            "description": "A string value used to determine the hiding transition options."
-                        },
-                        {
-                            "name": "buttonAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes a string value that labels the scroll-top button."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "scrolltop",
-                        "name": "icon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t styleClass: undefined, // Style class of the icon.\n  }"
-                            }
-                        ],
-                        "description": "Icon of the component."
-                    }
-                ]
-            }
-        }
-    },
-    "selectbutton": {
-        "components": {
-            "SelectButton": {
-                "description": "SelectButton is used to choose single or multiple items from a list using buttons.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "options",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of selectitems to display as the available options."
-                        },
-                        {
-                            "name": "optionLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the label field of an option."
-                        },
-                        {
-                            "name": "optionValue",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the value field of an option."
-                        },
-                        {
-                            "name": "optionDisabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the disabled field of an option."
-                        },
-                        {
-                            "name": "unselectable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether selection can be cleared."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "multiple",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specified, allows selecting multiple values."
-                        },
-                        {
-                            "name": "allowEmpty",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether selection can not be cleared."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the element should be disabled."
-                        },
-                        {
-                            "name": "dataKey",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "A property to uniquely identify a value in options."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onOptionClick",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "SelectButtonOptionClickEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on input click."
-                        },
-                        {
-                            "name": "onChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "SelectButtonChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on selection change."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "SelectButtonOptionClickEvent",
-                        "description": "Custom click event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "option",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Selected option."
-                            },
-                            {
-                                "name": "index",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the selected option."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "SelectButtonChangeEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "value",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Selected option."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "selectbutton",
-                        "name": "item",
-                        "parameters": [],
-                        "description": "Custom item template."
-                    }
-                ]
-            }
-        }
-    },
-    "sidebar": {
-        "components": {
-            "Sidebar": {
-                "description": "Sidebar is a panel component displayed as an overlay at the edges of the screen.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the dialog, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "blockScroll",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to block scrolling of the document when sidebar is active."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "ariaCloseLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Aria label of the close icon."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to automatically manage layering."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "modal",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether an overlay mask is displayed behind the sidebar."
-                        },
-                        {
-                            "name": "dismissible",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to dismiss sidebar on click of the mask."
-                        },
-                        {
-                            "name": "showCloseIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to display the close icon."
-                        },
-                        {
-                            "name": "closeOnEscape",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Specifies if pressing escape key should hide the sidebar."
-                        },
-                        {
-                            "name": "transitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "150ms cubic-bezier(0, 0, 0.2, 1)",
-                            "description": "Transition options of the animation."
-                        },
-                        {
-                            "name": "visible",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Specifies the visibility of the dialog."
-                        },
-                        {
-                            "name": "position",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Specifies the position of the sidebar, valid values are \"left\", \"right\", \"bottom\" and \"top\"."
-                        },
-                        {
-                            "name": "fullScreen",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Adds a close icon to the header to hide the dialog."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onShow",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when dialog is shown."
-                        },
-                        {
-                            "name": "onHide",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when dialog is hidden."
-                        },
-                        {
-                            "name": "visibleChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "boolean"
-                                }
-                            ],
-                            "description": "Callback to invoke when dialog visibility is changed."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "sidebar",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom template of header."
-                    },
-                    {
-                        "parent": "sidebar",
-                        "name": "content",
-                        "parameters": [],
-                        "description": "Custom template of content."
-                    },
-                    {
-                        "parent": "sidebar",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom template of footer."
-                    },
-                    {
-                        "parent": "sidebar",
-                        "name": "closeicon",
-                        "parameters": [],
-                        "description": "Custom template of closeicon."
-                    },
-                    {
-                        "parent": "sidebar",
-                        "name": "headless",
-                        "parameters": [],
-                        "description": "Headless template."
-                    }
-                ]
-            }
-        }
-    },
-    "skeleton": {
-        "components": {
-            "Skeleton": {
-                "description": "Skeleton is a placeholder to display instead of the actual content.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "shape",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "rectangle",
-                            "description": "Shape of the element."
-                        },
-                        {
-                            "name": "borderRadius",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Border radius of the element, defaults to value from theme."
-                        },
-                        {
-                            "name": "size",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Size of the skeleton."
-                        },
-                        {
-                            "name": "width",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "100%",
-                            "description": "Width of the element."
-                        },
-                        {
-                            "name": "height",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "1rem",
-                            "description": "Height of the element."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "slidemenu": {
-        "components": {
-            "SlideMenu": {
-                "description": "SlideMenu displays submenus with slide animation.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "model",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menuitems."
-                        },
-                        {
-                            "name": "menuWidth",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "190",
-                            "description": "Width of the submenus."
-                        },
-                        {
-                            "name": "viewportHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "180",
-                            "description": "Height of the scrollable area, a scrollbar appears if a menu height is longer than this value."
-                        },
-                        {
-                            "name": "effectDuration",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "250",
-                            "description": "Duration of the sliding animation in milliseconds."
-                        },
-                        {
-                            "name": "easing",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "ease-out",
-                            "description": "Easing animation to use for sliding."
-                        },
-                        {
-                            "name": "backLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "Back",
-                            "description": "Label of element to navigate back."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should be disabled."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "popup",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if menu would displayed as a popup."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the overlay, valid values are \"body\" or a local ng-template variable of another element."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to automatically manage layering."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "autoDisplay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show a root submenu on mouse over."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".12s cubic-bezier(0, 0, 0.2, 1)",
-                            "description": "Transition options of the show animation."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".1s linear",
-                            "description": "Transition options of the hide animation."
-                        },
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Current id state as a string."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string value that labels an interactive element."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the underlying input element."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onShow",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when overlay menu is shown."
-                        },
-                        {
-                            "name": "onHide",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when overlay menu is hidden."
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "hide",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "any"
-                                },
-                                {
-                                    "name": "isFocus",
-                                    "type": "boolean"
-                                }
-                            ],
-                            "description": "Hides the popup menu."
-                        },
-                        {
-                            "name": "toggle",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "any",
-                                    "description": "Browser event."
-                                }
-                            ],
-                            "description": "Toggles the visibility of the popup menu."
-                        },
-                        {
-                            "name": "show",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "any"
-                                },
-                                {
-                                    "name": "isFocus",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Displays the popup menu."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "slidemenu",
-                        "name": "backicon",
-                        "parameters": [],
-                        "description": "Custom template of backicon."
-                    },
-                    {
-                        "parent": "slidemenu",
-                        "name": "submenuicon",
-                        "parameters": [],
-                        "description": "Custom template of submenuicon."
-                    }
-                ]
-            }
-        }
-    },
-    "slider": {
-        "components": {
-            "Slider": {
-                "description": "Slider is a component to provide input with a drag handle.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "animate",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, displays an animation on click of the slider bar."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the element should be disabled."
-                        },
-                        {
-                            "name": "min",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Mininum boundary value."
-                        },
-                        {
-                            "name": "max",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "100",
-                            "description": "Maximum boundary value."
-                        },
-                        {
-                            "name": "orientation",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"vertical\" | \"horizontal\"",
-                            "default": "horizontal",
-                            "description": "Orientation of the slider."
-                        },
-                        {
-                            "name": "step",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Step factor to increment/decrement the value."
-                        },
-                        {
-                            "name": "range",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specified, allows two boundary values to be picked."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the input for accessibility."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "SliderChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on value change."
-                        },
-                        {
-                            "name": "onSlideEnd",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "SliderSlideEndEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when slide ended."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "SliderChangeEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "event",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "values",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number[]",
-                                "description": "New values."
-                            },
-                            {
-                                "name": "value",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "New value."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "SliderSlideEndEvent",
-                        "description": "Custom slide end event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Original event"
-                            },
-                            {
-                                "name": "value",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "New value."
-                            },
-                            {
-                                "name": "values",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number[]",
-                                "description": "New values."
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    },
-    "speeddial": {
-        "components": {
-            "SpeedDial": {
-                "description": "When pressed, a floating action button can display multiple primary actions that can be performed on a page.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "List of items id."
-                        },
-                        {
-                            "name": "model",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "MenuItem[]",
-                            "default": "null",
-                            "description": "MenuModel instance to define the action items."
-                        },
-                        {
-                            "name": "visible",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Specifies the visibility of the overlay."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "className",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the element."
-                        },
-                        {
-                            "name": "transitionDelay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "30",
-                            "description": "Transition delay step for each action item."
-                        },
-                        {
-                            "name": "type",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"linear\" | \"circle\" | \"semi-circle\" | \"quarter-circle\"",
-                            "default": "linear",
-                            "description": "Specifies the opening type of actions."
-                        },
-                        {
-                            "name": "radius",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Radius for *circle types."
-                        },
-                        {
-                            "name": "mask",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to show a mask element behind the speeddial."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the component is disabled."
-                        },
-                        {
-                            "name": "hideOnClickOutside",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether the actions close when clicked outside."
-                        },
-                        {
-                            "name": "buttonStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the button element."
-                        },
-                        {
-                            "name": "buttonClassName",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the button element."
-                        },
-                        {
-                            "name": "maskStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the mask element."
-                        },
-                        {
-                            "name": "maskClassName",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the mask element."
-                        },
-                        {
-                            "name": "showIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Show icon of the button element."
-                        },
-                        {
-                            "name": "hideIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Hide icon of the button element."
-                        },
-                        {
-                            "name": "rotateAnimation",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Defined to rotate showIcon when hideIcon is not present."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string value that labels an interactive element."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the underlying input element."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onVisibleChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "boolean"
-                                }
-                            ],
-                            "description": "Fired when the visibility of element changed."
-                        },
-                        {
-                            "name": "visibleChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "boolean"
-                                }
-                            ],
-                            "description": "Fired when the visibility of element changed."
-                        },
-                        {
-                            "name": "onClick",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MouseEvent"
-                                }
-                            ],
-                            "description": "Fired when the button element clicked."
-                        },
-                        {
-                            "name": "onShow",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Fired when the actions are visible."
-                        },
-                        {
-                            "name": "onHide",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Fired when the actions are hidden."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "speeddial",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: MenuItem, // Data of the item.\n  \t index: number, // Index of the item.\n  }"
-                            }
-                        ],
-                        "description": "Custom template of item."
-                    },
-                    {
-                        "parent": "speeddial",
-                        "name": "button",
-                        "parameters": [],
-                        "description": "Custom template of button."
-                    }
-                ]
-            }
-        }
-    },
-    "splitbutton": {
-        "components": {
-            "SplitButton": {
-                "description": "SplitButton groups a set of commands in an overlay with a default command.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "model",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "MenuModel instance to define the overlay items."
-                        },
-                        {
-                            "name": "severity",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"success\" | \"info\" | \"warning\" | \"primary\" | \"help\" | \"danger\" | \"secondary\" | \"contrast\"",
-                            "description": "Defines the style of the button."
-                        },
-                        {
-                            "name": "raised",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Add a shadow to indicate elevation."
-                        },
-                        {
-                            "name": "rounded",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Add a circular border radius to the button."
-                        },
-                        {
-                            "name": "text",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Add a textual class to the button without a background initially."
-                        },
-                        {
-                            "name": "outlined",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Add a border class without a background initially."
-                        },
-                        {
-                            "name": "size",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"small\" | \"large\"",
-                            "default": "null",
-                            "description": "Defines the size of the button."
-                        },
-                        {
-                            "name": "plain",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Add a plain textual class to the button without a background initially."
-                        },
-                        {
-                            "name": "icon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the icon."
-                        },
-                        {
-                            "name": "iconPos",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "SplitButtonIconPosition",
-                            "default": "left",
-                            "description": "Position of the icon."
-                        },
-                        {
-                            "name": "label",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Text of the button."
-                        },
-                        {
-                            "name": "tooltip",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Tooltip for the main button."
-                        },
-                        {
-                            "name": "tooltipOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Tooltip options for the main button."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "menuStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the overlay menu."
-                        },
-                        {
-                            "name": "menuStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the overlay menu."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "dir",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Indicates the direction of the element."
-                        },
-                        {
-                            "name": "expandAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the expand button for accessibility."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".12s cubic-bezier(0, 0, 0.2, 1)",
-                            "description": "Transition options of the show animation."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".1s linear",
-                            "description": "Transition options of the hide animation."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "When present, it specifies that the element should be disabled."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "menuButtonDisabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "When present, it specifies that the menu button element should be disabled."
-                        },
-                        {
-                            "name": "buttonDisabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "When present, it specifies that the button element should be disabled."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onClick",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MouseEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when default command button is clicked."
-                        },
-                        {
-                            "name": "onMenuHide",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when overlay menu is hidden."
-                        },
-                        {
-                            "name": "onMenuShow",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when overlay menu is shown."
-                        },
-                        {
-                            "name": "onDropdownClick",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "MouseEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when dropdown button is clicked."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "splitbutton",
-                        "name": "content",
-                        "parameters": [],
-                        "description": "Custom template of content."
-                    },
-                    {
-                        "parent": "splitbutton",
-                        "name": "dropdownicon",
-                        "parameters": [],
-                        "description": "Custom template of dropdownicon."
-                    }
-                ]
-            }
-        }
-    },
-    "splitter": {
-        "components": {
-            "Splitter": {
-                "description": "Splitter is utilized to separate and resize panels.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "panelStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the panel."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "panelStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the panel."
-                        },
-                        {
-                            "name": "stateStorage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "session",
-                            "description": "Defines where a stateful splitter keeps its state, valid values are 'session' for sessionStorage and 'local' for localStorage."
-                        },
-                        {
-                            "name": "stateKey",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "null",
-                            "description": "Storage identifier of a stateful Splitter."
-                        },
-                        {
-                            "name": "layout",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "horizontal",
-                            "description": "Orientation of the panels. Valid values are 'horizontal' and 'vertical'."
-                        },
-                        {
-                            "name": "gutterSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "4",
-                            "description": "Size of the divider in pixels."
-                        },
-                        {
-                            "name": "step",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "5",
-                            "description": "Step factor to increment/decrement the size of the panels while pressing the arrow keys."
-                        },
-                        {
-                            "name": "minSizes",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number[]",
-                            "default": "[]",
-                            "description": "Minimum size of the elements relative to 100%."
-                        },
-                        {
-                            "name": "panelSizes",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number[]",
-                            "description": "Size of the elements relative to 100%."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onResizeEnd",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "SplitterResizeEndEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when resize ends."
-                        },
-                        {
-                            "name": "onResizeStart",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "SplitterResizeStartEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when resize starts."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "SplitterResizeStartEvent",
-                        "description": "Custom panel resize start event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "MouseEvent | TouchEvent",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "sizes",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number[]",
-                                "description": "Collapsed state of the panel."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "SplitterResizeEndEvent",
-                        "description": "Custom panel resize end event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "MouseEvent | TouchEvent",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "sizes",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number[]",
-                                "description": "Collapsed state of the panel."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "splitter",
-                        "name": "panel",
-                        "parameters": [],
-                        "description": "Custom panel template."
-                    }
-                ]
-            }
-        }
-    },
-    "stepper": {
-        "components": {
-            "Stepper": {
-                "description": "The Stepper component displays a wizard-like workflow by guiding users through the multi-step progression.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "activeStep",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Active step index of stepper."
-                        },
-                        {
-                            "name": "orientation",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"vertical\" | \"horizontal\"",
-                            "default": "horizontal",
-                            "description": "Orientation of the stepper."
-                        },
-                        {
-                            "name": "linear",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the steps are clickable or not."
-                        },
-                        {
-                            "name": "transitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "400ms cubic-bezier(0.86, 0, 0.07, 1)",
-                            "description": "Transition options of the animation."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "activeStepChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "number"
-                                }
-                            ],
-                            "description": "Emitted when the value changes."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "ActiveStepChangeEvent",
-                        "description": "Custom active step change event.",
-                        "props": [
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Emitted when the value changes."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "stepper",
-                        "name": "start",
-                        "parameters": [],
-                        "description": "Custom start template."
-                    },
-                    {
-                        "parent": "stepper",
-                        "name": "end",
-                        "parameters": [],
-                        "description": "Custom end template."
-                    }
-                ]
-            }
-        }
-    },
-    "stepperpanel": {
-        "interfaces": {
-            "components": {
-                "StepperPanelProps": {
-                    "description": "StepperPanel is a helper component for Stepper component.",
-                    "props": {
-                        "description": "Defines the input properties of the component.",
-                        "values": [
-                            {
-                                "name": "header",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Orientation of tab headers."
-                            }
-                        ]
-                    }
-                }
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "stepperpanel",
-                        "name": "header",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "StepperPanelHeaderTemplate"
-                            }
-                        ],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "stepperpanel",
-                        "name": "content",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "StepperPanelContentTemplate"
-                            }
-                        ],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "stepperpanel",
-                        "name": "separator",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "StepperPanelSeparatorProps"
-                            }
-                        ],
-                        "description": "Custom separator template."
-                    }
-                ]
-            },
-            "interfaces": {
-                "description": "Defines the custom interfaces used by the module.",
-                "values": [
-                    {
-                        "name": "StepperPanelHeaderTemplate",
-                        "description": "Props of stepper panel header.",
-                        "props": [
-                            {
-                                "name": "index",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the stepperpanel."
-                            },
-                            {
-                                "name": "active",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Current active state of the stepperpanel"
-                            },
-                            {
-                                "name": "highlighted",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Current highlighted state of the stepperpanel"
-                            },
-                            {
-                                "name": "class",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Style class of the stepperpanel"
-                            },
-                            {
-                                "name": "headerClass",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Style class of the header content container"
-                            },
-                            {
-                                "name": "numberClass",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Style class of the number content container"
-                            },
-                            {
-                                "name": "titleClass",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Style class of the title content container"
-                            },
-                            {
-                                "name": "onClick",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Function",
-                                "description": "Header click function."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "StepperPanelContentTemplate",
-                        "description": "Props of stepper panel content.",
-                        "props": [
-                            {
-                                "name": "index",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the stepperpanel."
-                            },
-                            {
-                                "name": "active",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Current active state of the stepperpanel"
-                            },
-                            {
-                                "name": "highlighted",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Current highlighted state of the stepperpanel"
-                            },
-                            {
-                                "name": "class",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Style class of the stepperpanel"
-                            },
-                            {
-                                "name": "headerClass",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Style class of the header content container"
-                            },
-                            {
-                                "name": "numberClass",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Style class of the number content container"
-                            },
-                            {
-                                "name": "titleClass",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Style class of the title content container"
-                            },
-                            {
-                                "name": "onClick",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Function",
-                                "description": "Content click function."
-                            },
-                            {
-                                "name": "prevCallback",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Function",
-                                "description": "Content previous panel click function."
-                            },
-                            {
-                                "name": "nextCallback",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Function",
-                                "description": "Content next panel click function."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "StepperPanelSeparatorProps",
-                        "description": "Props of stepper panel separator.",
-                        "props": [
-                            {
-                                "name": "index",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the stepperpanel."
-                            },
-                            {
-                                "name": "active",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Current active state of the stepperpanel"
-                            },
-                            {
-                                "name": "highlighted",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Current highlighted state of the stepperpanel"
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    },
-    "steps": {
-        "components": {
-            "Steps": {
-                "description": "Steps components is an indicator for the steps in a wizard workflow.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "activeIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the active item."
-                        },
-                        {
-                            "name": "model",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menu items."
-                        },
-                        {
-                            "name": "readonly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether the items are clickable or not."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "exact",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "activeIndexChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "number"
-                                }
-                            ],
-                            "description": "Callback to invoke when the new step is selected."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "styleclass": {
-        "components": {
-            "StyleClass": {
-                "description": "StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "selector",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Selector to define the target element. Available selectors are '@next', '@prev', '@parent' and '@grandparent'."
-                        },
-                        {
-                            "name": "enterClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class to add when item begins to get displayed.",
-                            "deprecated": "Use enterFromClass instead"
-                        },
-                        {
-                            "name": "enterFromClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class to add when item begins to get displayed."
-                        },
-                        {
-                            "name": "enterActiveClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class to add during enter animation."
-                        },
-                        {
-                            "name": "enterToClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class to add when item begins to get displayed."
-                        },
-                        {
-                            "name": "leaveClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class to add when item begins to get hidden.",
-                            "deprecated": "Use leaveFromClass instead"
-                        },
-                        {
-                            "name": "leaveFromClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class to add when item begins to get hidden."
-                        },
-                        {
-                            "name": "leaveActiveClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class to add during leave animation."
-                        },
-                        {
-                            "name": "leaveToClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class to add when leave animation is completed."
-                        },
-                        {
-                            "name": "hideOnOutsideClick",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to trigger leave animation when outside of the element is clicked."
-                        },
-                        {
-                            "name": "toggleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Adds or removes a class when no enter-leave animation is required."
-                        },
-                        {
-                            "name": "hideOnEscape",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to trigger leave animation when escape key pressed."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "columnfilter": {
-        "interfaces": {
-            "components": {
-                "ColumnFilterProps": {
-                    "description": "Defines valid properties in ColumnFilter component.",
-                    "props": {
-                        "description": "Defines the input properties of the component.",
-                        "values": [
-                            {
-                                "name": "field",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Property represented by the column."
-                            },
-                            {
-                                "name": "type",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Type of the input."
-                            },
-                            {
-                                "name": "display",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Filter display."
-                            },
-                            {
-                                "name": "showMenu",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "default": "false",
-                                "description": "Decides whether to display filter menu popup."
-                            },
-                            {
-                                "name": "matchMode",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Filter match mode."
-                            },
-                            {
-                                "name": "operator",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Filter operator."
-                            },
-                            {
-                                "name": "showOperator",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "default": "false",
-                                "description": "Decides whether to display filter operator."
-                            },
-                            {
-                                "name": "showClearButton",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "default": "false",
-                                "description": "Decides whether to display clear filter button."
-                            },
-                            {
-                                "name": "showApplyButton",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "default": "false",
-                                "description": "Decides whether to display apply filter button."
-                            },
-                            {
-                                "name": "showMatchModes",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "default": "false",
-                                "description": "Decides whether to display filter match modes."
-                            },
-                            {
-                                "name": "showAddButton",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "default": "false",
-                                "description": "Decides whether to display add filter button."
-                            },
-                            {
-                                "name": "hideOnClear",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "default": "false",
-                                "description": "Decides whether to close popup on clear button click."
-                            },
-                            {
-                                "name": "placeholder",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Filter placeholder."
-                            },
-                            {
-                                "name": "matchModeOptions",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "SelectItem<any>[]",
-                                "description": "Filter match mode options."
-                            },
-                            {
-                                "name": "maxConstraints",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Defines maximum amount of constraints."
-                            },
-                            {
-                                "name": "minFractionDigits",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Defines minimum fraction of digits."
-                            },
-                            {
-                                "name": "maxFractionDigits",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Defines maximum fraction of digits."
-                            },
-                            {
-                                "name": "prefix",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Defines prefix of the filter."
-                            },
-                            {
-                                "name": "suffix",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Defines suffix of the filter."
-                            },
-                            {
-                                "name": "locale",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Defines filter locale."
-                            },
-                            {
-                                "name": "localeMatcher",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Defines filter locale matcher."
-                            },
-                            {
-                                "name": "currency",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "default": "false",
-                                "description": "Enables currency input."
-                            },
-                            {
-                                "name": "currencyDisplay",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Defines the display of the currency input."
-                            },
-                            {
-                                "name": "useGrouping",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "default": "false",
-                                "description": "Defines if filter grouping will be enabled."
-                            },
-                            {
-                                "name": "showButtons",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "default": "false",
-                                "description": "Defines the visibility of buttons."
-                            },
-                            {
-                                "name": "ariaLabel",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Defines the aria-label of the form element."
-                            }
-                        ]
-                    }
-                }
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "columnfilter",
-                        "name": "filter",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: string, // filterConstraint.value.\n  \t filterCallback: undefined, // filter callback.\n  \t type: string, // Type of the input.\n  \t filterConstraint: string, // Filter constraint.\n  \t placeholder: boolean, // Input placeholder.\n  \t minFractionDigits: number, // Minimum fraction of digits.\n  \t maxFractionDigits: number, // Maximum fraction of digits.\n  \t prefix: string, // Input prefix.\n  \t suffix: string, // Input suffix.\n  \t locale: string, // Locale.\n  \t localeMatcher: string, // Locale matcher.\n  \t currency: boolean, // Enables currency input.\n  \t currencyDisplay: boolean, // Display of the currency input.\n  \t useGrouping: boolean, // Defines if filter grouping will be enabled.\n  \t showButtons: boolean, // Defines the visibility of buttons.\n  }"
-                            }
-                        ],
-                        "description": "Custom filter template."
-                    },
-                    {
-                        "parent": "columnfilter",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "columnfilter",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom footer template."
-                    },
-                    {
-                        "parent": "columnfilter",
-                        "name": "filtericon",
-                        "parameters": [],
-                        "description": "Custom filter icon template."
-                    },
-                    {
-                        "parent": "columnfilter",
-                        "name": "removeruleicon",
-                        "parameters": [],
-                        "description": "Custom remove rule icon template."
-                    },
-                    {
-                        "parent": "columnfilter",
-                        "name": "addruleicon",
-                        "parameters": [],
-                        "description": "Custom add rule icon template."
-                    },
-                    {
-                        "parent": "columnfilter",
-                        "name": "clearfiltericon",
-                        "parameters": [],
-                        "description": "Custom clear filter icon template."
-                    }
-                ]
-            }
-        }
-    },
-    "table": {
-        "components": {
-            "Table": {
-                "description": "Table displays data in tabular format.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "frozenColumns",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of objects to represent dynamic columns that are frozen."
-                        },
-                        {
-                            "name": "frozenValue",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of objects to display as frozen."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "tableStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the table."
-                        },
-                        {
-                            "name": "tableStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the table."
-                        },
-                        {
-                            "name": "paginator",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specified as true, enables the pagination."
-                        },
-                        {
-                            "name": "pageLinks",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "5",
-                            "description": "Number of page links to display in paginator."
-                        },
-                        {
-                            "name": "rowsPerPageOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "Array of integer/object values to display inside rows per page dropdown of paginator"
-                        },
-                        {
-                            "name": "alwaysShowPaginator",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show it even there is only one page."
-                        },
-                        {
-                            "name": "paginatorPosition",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"both\" | \"top\" | \"bottom\"",
-                            "default": "bottom",
-                            "description": "Position of the paginator, options are \"top\", \"bottom\" or \"both\"."
-                        },
-                        {
-                            "name": "paginatorStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Custom style class for paginator"
-                        },
-                        {
-                            "name": "paginatorDropdownAppendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the paginator dropdown overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "paginatorDropdownScrollHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "200px",
-                            "description": "Paginator dropdown height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value."
-                        },
-                        {
-                            "name": "currentPageReportTemplate",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "{currentPage} of {totalPages}",
-                            "description": "Template of the current page report element. Available placeholders are {currentPage},{totalPages},{rows},{first},{last} and {totalRecords}"
-                        },
-                        {
-                            "name": "showCurrentPageReport",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display current page report."
-                        },
-                        {
-                            "name": "showJumpToPageDropdown",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display a dropdown to navigate to any page."
-                        },
-                        {
-                            "name": "showJumpToPageInput",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display a input to navigate to any page."
-                        },
-                        {
-                            "name": "showFirstLastIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "When enabled, icons are displayed on paginator to go first and last page."
-                        },
-                        {
-                            "name": "showPageLinks",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show page links."
-                        },
-                        {
-                            "name": "defaultSortOrder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "1",
-                            "description": "Sort order to use when an unsorted column gets sorted by user interaction."
-                        },
-                        {
-                            "name": "sortMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"multiple\" | \"single\"",
-                            "default": "single",
-                            "description": "Defines whether sorting works on single column or on multiple columns."
-                        },
-                        {
-                            "name": "resetPageOnSort",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "When true, resets paginator to first page after sorting. Available only when sortMode is set to single."
-                        },
-                        {
-                            "name": "selectionMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"multiple\" | \"single\"",
-                            "description": "Specifies the selection mode, valid values are \"single\" and \"multiple\"."
-                        },
-                        {
-                            "name": "selectionPageOnly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled with paginator and checkbox selection mode, the select all checkbox in the header will select all rows on the current page."
-                        },
-                        {
-                            "name": "contextMenuSelection",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Selected row with a context menu."
-                        },
-                        {
-                            "name": "contextMenuSelectionMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "separate",
-                            "description": "Defines the behavior of context menu selection, in \"separate\" mode context menu updates contextMenuSelection property whereas in joint mode selection property is used instead so that when row selection is enabled, both row selection and context menu selection use the same property."
-                        },
-                        {
-                            "name": "dataKey",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "A property to uniquely identify a record in data."
-                        },
-                        {
-                            "name": "metaKeySelection",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines whether metaKey should be considered for the selection. On touch enabled devices, metaKeySelection is turned off automatically."
-                        },
-                        {
-                            "name": "rowSelectable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "Defines if the row is selectable."
-                        },
-                        {
-                            "name": "rowTrackBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Function",
-                            "default": "...",
-                            "description": "Function to optimize the dom operations by delegating to ngForTrackBy, default algorithm checks for object identity."
-                        },
-                        {
-                            "name": "lazy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if data is loaded and interacted with in lazy manner."
-                        },
-                        {
-                            "name": "lazyLoadOnInit",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to call lazy loading on initialization."
-                        },
-                        {
-                            "name": "compareSelectionBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"equals\" | \"deepEquals\"",
-                            "default": "deepEquals",
-                            "description": "Algorithm to define if a row is selected, valid values are \"equals\" that compares by reference and \"deepEquals\" that compares all fields."
-                        },
-                        {
-                            "name": "csvSeparator",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ",",
-                            "description": "Character to use as the csv separator."
-                        },
-                        {
-                            "name": "exportFilename",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "download",
-                            "description": "Name of the exported file."
-                        },
-                        {
-                            "name": "filters",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "default": "{}",
-                            "description": "An array of FilterMetadata objects to provide external filters."
-                        },
-                        {
-                            "name": "globalFilterFields",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string[]",
-                            "description": "An array of fields as string to use in global filtering."
-                        },
-                        {
-                            "name": "filterDelay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "300",
-                            "description": "Delay in milliseconds before filtering the data."
-                        },
-                        {
-                            "name": "filterLocale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Locale to use in filtering. The default locale is the host environment's current locale."
-                        },
-                        {
-                            "name": "expandedRowKeys",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "default": "{}",
-                            "description": "Map instance to keep the expanded rows where key of the map is the data key of the row."
-                        },
-                        {
-                            "name": "editingRowKeys",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "default": "{}",
-                            "description": "Map instance to keep the rows being edited where key of the map is the data key of the row."
-                        },
-                        {
-                            "name": "rowExpandMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"multiple\" | \"single\"",
-                            "default": "multiple",
-                            "description": "Whether multiple rows can be expanded at any time. Valid values are \"multiple\" and \"single\"."
-                        },
-                        {
-                            "name": "scrollable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Enables scrollable tables."
-                        },
-                        {
-                            "name": "scrollDirection",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"both\" | \"vertical\" | \"horizontal\"",
-                            "default": "vertical",
-                            "description": "Orientation of the scrolling, options are \"vertical\", \"horizontal\" and \"both\".",
-                            "deprecated": "Property is obselete since v14.2.0."
-                        },
-                        {
-                            "name": "rowGroupMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"subheader\" | \"rowspan\"",
-                            "description": "Type of the row grouping, valid values are \"subheader\" and \"rowspan\"."
-                        },
-                        {
-                            "name": "scrollHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Height of the scroll viewport in fixed pixels or the \"flex\" keyword for a dynamic size."
-                        },
-                        {
-                            "name": "virtualScroll",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the data should be loaded on demand during scroll."
-                        },
-                        {
-                            "name": "virtualScrollItemSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Height of a row to use in calculations of virtual scrolling."
-                        },
-                        {
-                            "name": "virtualScrollOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "ScrollerOptions",
-                            "description": "Whether to use the scroller feature. The properties of scroller component can be used like an object in it."
-                        },
-                        {
-                            "name": "virtualScrollDelay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "250",
-                            "description": "Threshold in milliseconds to delay lazy loading during scrolling."
-                        },
-                        {
-                            "name": "frozenWidth",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Width of the frozen columns container."
-                        },
-                        {
-                            "name": "responsive",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines if the table is responsive.",
-                            "deprecated": "table is always responsive with scrollable behavior."
-                        },
-                        {
-                            "name": "contextMenu",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Local ng-template varilable of a ContextMenu."
-                        },
-                        {
-                            "name": "resizableColumns",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, columns can be resized using drag and drop."
-                        },
-                        {
-                            "name": "columnResizeMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "fit",
-                            "description": "Defines whether the overall table width should change on column resize, valid values are \"fit\" and \"expand\"."
-                        },
-                        {
-                            "name": "reorderableColumns",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, columns can be reordered using drag and drop."
-                        },
-                        {
-                            "name": "loading",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Displays a loader to indicate data load is in progress."
-                        },
-                        {
-                            "name": "loadingIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The icon to show while indicating data load is in progress."
-                        },
-                        {
-                            "name": "showLoader",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show the loading mask when loading property is true."
-                        },
-                        {
-                            "name": "rowHover",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Adds hover effect to rows without the need for selectionMode. Note that tr elements that can be hovered need to have \"p-selectable-row\" class for rowHover to work."
-                        },
-                        {
-                            "name": "customSort",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to use the default sorting or a custom one using sortFunction."
-                        },
-                        {
-                            "name": "showInitialSortBadge",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to use the initial sort badge or not."
-                        },
-                        {
-                            "name": "autoLayout",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the cell widths scale according to their content or not.  Deprecated:  Table layout is always \"auto\"."
-                        },
-                        {
-                            "name": "exportFunction",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Function",
-                            "description": "Export function."
-                        },
-                        {
-                            "name": "exportHeader",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Custom export header of the column to be exported as CSV."
-                        },
-                        {
-                            "name": "stateKey",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Unique identifier of a stateful table to use in state storage."
-                        },
-                        {
-                            "name": "stateStorage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"session\" | \"local\"",
-                            "default": "session",
-                            "description": "Defines where a stateful table keeps its state, valid values are \"session\" for sessionStorage and \"local\" for localStorage."
-                        },
-                        {
-                            "name": "editMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"cell\" | \"row\"",
-                            "default": "cell",
-                            "description": "Defines the editing mode, valid values are \"cell\" and \"row\"."
-                        },
-                        {
-                            "name": "groupRowsBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Field name to use in row grouping."
-                        },
-                        {
-                            "name": "groupRowsByOrder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "1",
-                            "description": "Order to sort when default row grouping is enabled."
-                        },
-                        {
-                            "name": "responsiveLayout",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "scroll",
-                            "description": "Defines the responsive mode, valid options are \"stack\" and \"scroll\"."
-                        },
-                        {
-                            "name": "breakpoint",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "960px",
-                            "description": "The breakpoint to define the maximum width boundary when using stack responsive layout."
-                        },
-                        {
-                            "name": "paginatorLocale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Locale to be used in paginator formatting."
-                        },
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of objects to display."
-                        },
-                        {
-                            "name": "columns",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of objects to represent dynamic columns."
-                        },
-                        {
-                            "name": "first",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Index of the first row to be displayed."
-                        },
-                        {
-                            "name": "rows",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Number of rows to display per page."
-                        },
-                        {
-                            "name": "totalRecords",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Number of total records, defaults to length of value when not defined."
-                        },
-                        {
-                            "name": "sortField",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the field to sort data by default."
-                        },
-                        {
-                            "name": "sortOrder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Order to sort when default sorting is enabled."
-                        },
-                        {
-                            "name": "multiSortMeta",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "SortMeta[]",
-                            "description": "An array of SortMeta objects to sort the data by default in multiple sort mode."
-                        },
-                        {
-                            "name": "selection",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Selected row in single mode or an array of values in multiple mode."
-                        },
-                        {
-                            "name": "selectAll",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Whether all data is selected."
-                        },
-                        {
-                            "name": "virtualRowHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Indicates the height of rows to be scrolled.",
-                            "deprecated": "use virtualScrollItemSize property instead."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "contextMenuSelectionChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke on context menu selection change."
-                        },
-                        {
-                            "name": "selectAllChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TableSelectAllChangeEvent"
-                                }
-                            ],
-                            "description": "Emits when the all of the items selected or unselected."
-                        },
-                        {
-                            "name": "selectionChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke on selection changed."
-                        },
-                        {
-                            "name": "onRowSelect",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TableRowSelectEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a row is selected."
-                        },
-                        {
-                            "name": "onRowUnselect",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TableRowUnSelectEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a row is unselected."
-                        },
-                        {
-                            "name": "onPage",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TablePageEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when pagination occurs."
-                        },
-                        {
-                            "name": "onSort",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when a column gets sorted."
-                        },
-                        {
-                            "name": "onFilter",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TableFilterEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when data is filtered."
-                        },
-                        {
-                            "name": "onLazyLoad",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TableLazyLoadEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when paging, sorting or filtering happens in lazy mode."
-                        },
-                        {
-                            "name": "onRowExpand",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TableRowExpandEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a row is expanded."
-                        },
-                        {
-                            "name": "onRowCollapse",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TableRowCollapseEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a row is collapsed."
-                        },
-                        {
-                            "name": "onContextMenuSelect",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TableContextMenuSelectEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a row is selected with right click."
-                        },
-                        {
-                            "name": "onColResize",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TableColResizeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a column is resized."
-                        },
-                        {
-                            "name": "onColReorder",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TableColumnReorderEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a column is reordered."
-                        },
-                        {
-                            "name": "onRowReorder",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TableRowReorderEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a row is reordered."
-                        },
-                        {
-                            "name": "onEditInit",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TableEditInitEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a cell switches to edit mode."
-                        },
-                        {
-                            "name": "onEditComplete",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TableEditCompleteEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when cell edit is completed."
-                        },
-                        {
-                            "name": "onEditCancel",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TableEditCancelEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when cell edit is cancelled with escape key."
-                        },
-                        {
-                            "name": "onHeaderCheckboxToggle",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TableHeaderCheckboxToggleEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when state of header checkbox changes."
-                        },
-                        {
-                            "name": "sortFunction",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "A function to implement custom sorting, refer to sorting section for details."
-                        },
-                        {
-                            "name": "firstChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "number"
-                                }
-                            ],
-                            "description": "Callback to invoke on pagination."
-                        },
-                        {
-                            "name": "rowsChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "number"
-                                }
-                            ],
-                            "description": "Callback to invoke on rows change."
-                        },
-                        {
-                            "name": "onStateSave",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "TableState"
-                                }
-                            ],
-                            "description": "Callback to invoke table state is saved."
-                        },
-                        {
-                            "name": "onStateRestore",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "TableState"
-                                }
-                            ],
-                            "description": "Callback to invoke table state is restored."
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "exportCSV",
-                            "parameters": [
-                                {
-                                    "name": "options",
-                                    "type": "ExportCSVOptions"
-                                }
-                            ],
-                            "description": "Data export method."
-                        },
-                        {
-                            "name": "resetScrollTop",
-                            "parameters": [],
-                            "description": "Resets scroll to top."
-                        },
-                        {
-                            "name": "scrollToVirtualIndex",
-                            "parameters": [
-                                {
-                                    "name": "index",
-                                    "type": "number",
-                                    "description": "index of the element."
-                                }
-                            ],
-                            "description": "Scrolls to given index when using virtual scroll."
-                        },
-                        {
-                            "name": "scrollTo",
-                            "parameters": [
-                                {
-                                    "name": "options",
-                                    "type": "any",
-                                    "description": "scroll options."
-                                }
-                            ],
-                            "description": "Scrolls to given index."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "TableRowSelectEvent",
-                        "description": "Custom select event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "data",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Row data."
-                            },
-                            {
-                                "name": "type",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Selection type."
-                            },
-                            {
-                                "name": "index",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the selected row."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TableRowUnSelectEvent",
-                        "description": "Custom unselect event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "data",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Row data."
-                            },
-                            {
-                                "name": "type",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Selection type."
-                            },
-                            {
-                                "name": "index",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the selected row."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TableFilterEvent",
-                        "description": "Custom filter event.",
-                        "props": [
-                            {
-                                "name": "filters",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Object",
-                                "description": "Filter meta."
-                            },
-                            {
-                                "name": "filteredValue",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Value after filter."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TableLazyLoadEvent",
-                        "description": "Custom lazy load event.",
-                        "props": [
-                            {
-                                "name": "rows",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number"
-                            },
-                            {
-                                "name": "sortField",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string | string[]"
-                            },
-                            {
-                                "name": "sortOrder",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number"
-                            },
-                            {
-                                "name": "filters",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Object"
-                            },
-                            {
-                                "name": "globalFilter",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string | string[]"
-                            },
-                            {
-                                "name": "multiSortMeta",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "SortMeta[]"
-                            },
-                            {
-                                "name": "forceUpdate",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Function"
-                            },
-                            {
-                                "name": "first",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "First element in viewport."
-                            },
-                            {
-                                "name": "last",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Last element in viewport."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TableRowExpandEvent",
-                        "description": "Custom row expand event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "data",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Row data."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TableRowCollapseEvent",
-                        "description": "Custom row collapse event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "data",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Row data."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TableContextMenuSelectEvent",
-                        "description": "Custom context menu select event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "data",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Row data."
-                            },
-                            {
-                                "name": "index",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Row index."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TableContextMenuSelectionChangeEvent",
-                        "description": "Custom context menu selection change event.",
-                        "props": [
-                            {
-                                "name": "data",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Row data."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TableColResizeEvent",
-                        "description": "Custom column resize event.",
-                        "props": [
-                            {
-                                "name": "element",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "HTMLElement",
-                                "description": "Instance of resized column."
-                            },
-                            {
-                                "name": "delta",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Position."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TableColumnReorderEvent",
-                        "description": "Custom column reorder event.",
-                        "props": [
-                            {
-                                "name": "dragIndex",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the dragged item."
-                            },
-                            {
-                                "name": "dropIndex",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the drop position."
-                            },
-                            {
-                                "name": "columns",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any[]",
-                                "description": "Columns after reorder."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TableRowReorderEvent",
-                        "description": "Custom row reorder event.",
-                        "props": [
-                            {
-                                "name": "dragIndex",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the dragged item."
-                            },
-                            {
-                                "name": "dropIndex",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the drop position."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TableEditEvent",
-                        "description": "Custom edit event.",
-                        "props": [
-                            {
-                                "name": "field",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Field to be edited."
-                            },
-                            {
-                                "name": "data",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "New value."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TableEditInitEvent",
-                        "description": "Custom edit init event.",
-                        "props": [
-                            {
-                                "name": "field",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Field to be edited."
-                            },
-                            {
-                                "name": "data",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "New value."
-                            },
-                            {
-                                "name": "index",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Edited element index."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TableEditCancelEvent",
-                        "description": "Custom edit cancel event.",
-                        "props": [
-                            {
-                                "name": "field",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Field to be edited."
-                            },
-                            {
-                                "name": "data",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "New value."
-                            },
-                            {
-                                "name": "originalEvent",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "index",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Edited element index."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TableEditCompleteEvent",
-                        "description": "Custom edit complete event.",
-                        "props": [
-                            {
-                                "name": "field",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Field to be edited."
-                            },
-                            {
-                                "name": "data",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "New value."
-                            },
-                            {
-                                "name": "originalEvent",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "index",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Edited element index."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TableHeaderCheckboxToggleEvent",
-                        "description": "Custom checkbox toggle event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "checked",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Checked state."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TableSelectAllChangeEvent",
-                        "description": "Custom all selection change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "checked",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Checked state."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "table",
-                        "name": "caption",
-                        "parameters": [],
-                        "description": "Custom caption template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "headergrouped",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Row data.\n  \t rowIndex: number, // Row index.\n  \t columns: any, // Columns.\n  \t editing: boolean, // Editing state.\n  \t frozen: boolean, // Frozen state.\n  }",
-                                "description": "row data."
-                            }
-                        ],
-                        "description": "Custom grouped header template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "header",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: string, // Field.\n  }",
-                                "description": "header data."
-                            }
-                        ],
-                        "description": "Custom grouped header template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "body",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Columns.\n  \t frozen: boolean, // Frozen state.\n  }",
-                                "description": "body data."
-                            }
-                        ],
-                        "description": "Custom body template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "loadingbody",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t rowspan: number, // Row span.\n  \t rowgroup: number, // Row group.\n  }",
-                                "description": "loading body data."
-                            }
-                        ],
-                        "description": "Custom loading body template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "footer",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: string, // Field.\n  }",
-                                "description": "footer data."
-                            }
-                        ],
-                        "description": "Custom footer template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "footergrouped",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Columns.\n  }",
-                                "description": "footer data."
-                            }
-                        ],
-                        "description": "Custom footer template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "colgroup",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Columns.\n  }",
-                                "description": "columns data."
-                            }
-                        ],
-                        "description": "Custom column group template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "summary",
-                        "parameters": [],
-                        "description": "Custom summary template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "rowexpansion",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t rowspan: number, // Row span.\n  \t rowgroup: number, // Row group.\n  \t expanded: boolean, // Expanded state.\n  }",
-                                "description": "expanded row data."
-                            }
-                        ],
-                        "description": "Custom expanded row template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "groupheader",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Row data.\n  \t rowIndex: number, // Row index.\n  \t columns: any, // Columns.\n  \t editing: boolean, // Editing state.\n  \t frozen: boolean, // Frozen state.\n  }",
-                                "description": "row data."
-                            }
-                        ],
-                        "description": "Custom group header template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "groupfooter",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Row data.\n  \t rowIndex: number, // Row index.\n  \t columns: any, // Columns.\n  \t editing: boolean, // Editing state.\n  \t frozen: boolean, // Frozen state.\n  }",
-                                "description": "row data."
-                            }
-                        ],
-                        "description": "Custom group footer template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "frozenheader",
-                        "parameters": [],
-                        "description": "Custom frozen header template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "frozenbody",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Row data.\n  \t rowIndex: number, // Row index.\n  \t columns: any, // Columns.\n  \t editing: boolean, // Editing state.\n  \t frozen: boolean, // Frozen state.\n  }",
-                                "description": "row data."
-                            }
-                        ],
-                        "description": "Custom frozen body template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "frozenfooter",
-                        "parameters": [],
-                        "description": "Custom frozen footer template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "frozencolgroup",
-                        "parameters": [],
-                        "description": "Custom frozen column group template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "frozenrowexpansion",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t rowspan: number, // Row span.\n  \t rowgroup: number, // Row group.\n  \t expanded: boolean, // Expanded state.\n  }",
-                                "description": "row data."
-                            }
-                        ],
-                        "description": "Custom frozen expanded row template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "emptymessage",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Columns\n  \t frozen: boolean, // Frozen state.\n  }"
-                            }
-                        ],
-                        "description": "Custom empty message template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "paginatorleft",
-                        "parameters": [],
-                        "description": "Custom paginator left template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "paginatorright",
-                        "parameters": [],
-                        "description": "Custom paginator right template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "paginatordropdownicon",
-                        "parameters": [],
-                        "description": "Custom paginator dropdown trigger icon template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "paginatordropdownitem",
-                        "parameters": [],
-                        "description": "Custom paginator dropdown item template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "paginatorfirstpagelinkicon",
-                        "parameters": [],
-                        "description": "Custom paginator first page link icon template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "paginatorlastpagelinkicon",
-                        "parameters": [],
-                        "description": "Custom paginator last page link icon template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "paginatorpreviouspagelinkicon",
-                        "parameters": [],
-                        "description": "Custom paginator previous page link icon template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "paginatornextpagelinkicon",
-                        "parameters": [],
-                        "description": "Custom paginator next page link icon template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "loadingicon",
-                        "parameters": [],
-                        "description": "Custom loading icon template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "reorderindicatorupicon",
-                        "parameters": [],
-                        "description": "Custom reorder indicator up icon template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "reorderindicatordownicon",
-                        "parameters": [],
-                        "description": "Custom reorder indicator down icon template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "sorticon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: number, // Sort order.\n  }"
-                            }
-                        ],
-                        "description": "Custom sort icon template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "checkboxicon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: boolean, // Checkbox state.\n  \t partialSelected: boolean, // Partial selection state of row node.\n  }",
-                                "description": "checkbox data."
-                            }
-                        ],
-                        "description": "Custom checkbox icon template."
-                    },
-                    {
-                        "parent": "table",
-                        "name": "headercheckboxicon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: boolean, // Checked state.\n  }",
-                                "description": "checkbox data."
-                            }
-                        ],
-                        "description": "Custom header checkbox icon template."
-                    }
-                ]
-            }
-        }
-    },
-    "tabmenu": {
-        "components": {
-            "TabMenu": {
-                "description": "TabMenu is a navigation component that displays items as tab headers.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "model",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menuitems."
-                        },
-                        {
-                            "name": "activeItem",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "MenuItem",
-                            "description": "Defines the default active menuitem"
-                        },
-                        {
-                            "name": "scrollable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled displays buttons at each side of the tab headers to scroll the tab list."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Class of the element."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string value that labels an interactive element."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the underlying input element."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "activeItemChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "MenuItem"
-                                }
-                            ],
-                            "description": "Event fired when a tab is selected."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "tabmenu",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Item instance.\n  \t index: number, // Item index.\n  }",
-                                "description": "item data."
-                            }
-                        ],
-                        "description": "Custom template of item."
-                    },
-                    {
-                        "parent": "tabmenu",
-                        "name": "nexticon",
-                        "parameters": [],
-                        "description": "Custom template of nexticon."
-                    },
-                    {
-                        "parent": "tabmenu",
-                        "name": "previousicon",
-                        "parameters": [],
-                        "description": "Custom template of previousicon."
-                    }
-                ]
-            }
-        }
-    },
-    "tabpanel": {
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "tabpanel",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "tabpanel",
-                        "name": "content",
-                        "parameters": [],
-                        "description": "Custom content template(Default)."
-                    },
-                    {
-                        "parent": "tabpanel",
-                        "name": "righticon",
-                        "parameters": [],
-                        "description": "Custom right icon template."
-                    },
-                    {
-                        "parent": "tabpanel",
-                        "name": "lefticon",
-                        "parameters": [],
-                        "description": "Custom left icon template."
-                    },
-                    {
-                        "parent": "tabpanel",
-                        "name": "closeicon",
-                        "parameters": [],
-                        "description": "Custom close icon template."
-                    }
-                ]
-            }
-        }
-    },
-    "tabview": {
-        "components": {
-            "TabPanel": {
-                "description": "TabPanel is a helper component for TabView component.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "closable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if tab can be removed."
-                        },
-                        {
-                            "name": "headerStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the tab header."
-                        },
-                        {
-                            "name": "headerStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the tab header."
-                        },
-                        {
-                            "name": "cache",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether a lazy loaded panel should avoid getting loaded again on reselection."
-                        },
-                        {
-                            "name": "tooltip",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Advisory information to display in a tooltip on hover."
-                        },
-                        {
-                            "name": "tooltipPosition",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"left\" | \"top\" | \"bottom\" | \"right\"",
-                            "default": "top",
-                            "description": "Position of the tooltip."
-                        },
-                        {
-                            "name": "tooltipPositionStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "absolute",
-                            "description": "Type of CSS position."
-                        },
-                        {
-                            "name": "tooltipStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the tooltip."
-                        },
-                        {
-                            "name": "selected",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "Defines if tab is active."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "When true, tab cannot be activated."
-                        },
-                        {
-                            "name": "header",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Title of the tabPanel."
-                        },
-                        {
-                            "name": "leftIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Left icon of the tabPanel.",
-                            "deprecated": "since v15.4.2, use "
-                        },
-                        {
-                            "name": "rightIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Left icon of the tabPanel.",
-                            "deprecated": "since v15.4.2, use "
-                        }
-                    ]
-                }
-            },
-            "TabView": {
-                "description": "TabView is a container component to group content with tabs.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "controlClose",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether tab close is controlled at onClose event or not."
-                        },
-                        {
-                            "name": "scrollable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled displays buttons at each side of the tab headers to scroll the tab list."
-                        },
-                        {
-                            "name": "activeIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Index of the active tab to change selected tab programmatically."
-                        },
-                        {
-                            "name": "selectOnFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, the focused tab is activated."
-                        },
-                        {
-                            "name": "nextButtonAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Used to define a string aria label attribute the forward navigation button."
-                        },
-                        {
-                            "name": "prevButtonAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Used to define a string aria label attribute the backward navigation button."
-                        },
-                        {
-                            "name": "autoHideButtons",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "When activated, navigation buttons will automatically hide or show based on the available space within the container."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TabViewChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on tab change."
-                        },
-                        {
-                            "name": "onClose",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TabViewCloseEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on tab close."
-                        },
-                        {
-                            "name": "activeIndexChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "number"
-                                }
-                            ],
-                            "description": "Callback to invoke on the active tab change."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "TabViewChangeEvent",
-                        "description": "Custom tab change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event"
-                            },
-                            {
-                                "name": "index",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the selected tab"
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TabViewCloseEvent",
-                        "description": "Custom tab close event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event"
-                            },
-                            {
-                                "name": "index",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the closed tab"
-                            },
-                            {
-                                "name": "close",
-                                "optional": true,
-                                "readonly": false
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "tabview",
-                        "name": "previousicon",
-                        "parameters": [],
-                        "description": "Previous button icon template for the scrollable component."
-                    },
-                    {
-                        "parent": "tabview",
-                        "name": "nexticon",
-                        "parameters": [],
-                        "description": "Next button icon template for the scrollable component."
-                    }
-                ]
-            }
-        }
-    },
-    "tag": {
-        "components": {
-            "Tag": {
-                "description": "Tag component is used to categorize content.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "severity",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"success\" | \"info\" | \"warning\" | \"danger\" | \"secondary\" | \"contrast\"",
-                            "description": "Severity type of the tag."
-                        },
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Value to display inside the tag."
-                        },
-                        {
-                            "name": "icon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon of the tag to display next to the value.",
-                            "deprecated": "since 15.4.2. Use 'icon' template."
-                        },
-                        {
-                            "name": "rounded",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the corners of the tag are rounded."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "tag",
-                        "name": "icon",
-                        "parameters": [],
-                        "description": "Custom icon template"
-                    }
-                ]
-            }
-        }
-    },
-    "terminal": {
-        "components": {
-            "Terminal": {
-                "description": "Terminal is a text based user interface.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "welcomeMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Initial text to display on terminal."
-                        },
-                        {
-                            "name": "prompt",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Prompt text for each command."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "interfaces": {
-                "description": "Defines the custom interfaces used by the module.",
-                "values": [
-                    {
-                        "name": "TerminalService",
-                        "description": "Defines Terminal service options.",
-                        "props": [
-                            {
-                                "name": "sendCommand",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Function",
-                                "description": "Emits command value."
-                            },
-                            {
-                                "name": "sendResponse",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Function",
-                                "description": "Emits response value."
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    },
-    "terminalservice": {
-        "components": {}
-    },
-    "tieredmenu": {
-        "components": {
-            "TieredMenu": {
-                "description": "TieredMenu displays submenus in nested overlays.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "model",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "MenuItem[]",
-                            "description": "An array of menuitems."
-                        },
-                        {
-                            "name": "popup",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if menu would displayed as a popup."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the overlay, valid values are \"body\" or a local ng-template variable of another element."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to automatically manage layering."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "autoDisplay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show a root submenu on mouse over."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".12s cubic-bezier(0, 0, 0.2, 1)",
-                            "description": "Transition options of the show animation."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": ".1s linear",
-                            "description": "Transition options of the hide animation."
-                        },
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Current id state as a string."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string value that labels an interactive element."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the underlying input element."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should be disabled."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onShow",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when overlay menu is shown."
-                        },
-                        {
-                            "name": "onHide",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when overlay menu is hidden."
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "hide",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "any"
-                                },
-                                {
-                                    "name": "isFocus",
-                                    "type": "boolean"
-                                }
-                            ],
-                            "description": "Hides the popup menu."
-                        },
-                        {
-                            "name": "toggle",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "any",
-                                    "description": "Browser event."
-                                }
-                            ],
-                            "description": "Toggles the visibility of the popup menu."
-                        },
-                        {
-                            "name": "show",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "any"
-                                },
-                                {
-                                    "name": "isFocus",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Displays the popup menu."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "tieredmenu",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Item instance.\n  \t hasSubmenu: boolean, // Submenu control of the item.\n  }"
-                            }
-                        ],
-                        "description": "Custom template of item."
-                    },
-                    {
-                        "parent": "tieredmenu",
-                        "name": "submenuicon",
-                        "parameters": [],
-                        "description": "Custom template of submenuicon."
-                    }
-                ]
-            }
-        }
-    },
-    "timeline": {
-        "components": {
-            "Timeline": {
-                "description": "Timeline visualizes a series of chained events.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of events to display."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "align",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "left",
-                            "description": "Position of the timeline bar relative to the content. Valid values are \"left\", \"right\" for vertical layout and \"top\", \"bottom\" for horizontal layout."
-                        },
-                        {
-                            "name": "layout",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"vertical\" | \"horizontal\"",
-                            "default": "vertical",
-                            "description": "Orientation of the timeline."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "timeline",
-                        "name": "content",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Item instance.\n  }",
-                                "description": "item data."
-                            }
-                        ],
-                        "description": "Custom content template."
-                    },
-                    {
-                        "parent": "timeline",
-                        "name": "opposite",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Item instance.\n  }",
-                                "description": "item data."
-                            }
-                        ],
-                        "description": "Custom opposite item template."
-                    },
-                    {
-                        "parent": "timeline",
-                        "name": "marker",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Item instance.\n  }",
-                                "description": "item data."
-                            }
-                        ],
-                        "description": "Custom marker template."
-                    }
-                ]
-            }
-        }
-    },
-    "toast": {
-        "components": {
-            "Toast": {
-                "description": "Toast is used to display messages in an overlay.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "key",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Key of the message in case message is targeted to a specific toast component."
-                        },
-                        {
-                            "name": "autoZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to automatically manage layering."
-                        },
-                        {
-                            "name": "baseZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Base zIndex value to use in layering."
-                        },
-                        {
-                            "name": "life",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "3000",
-                            "description": "The default time to display messages for in milliseconds."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Inline class of the component."
-                        },
-                        {
-                            "name": "position",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "ToastPositionType",
-                            "description": "Position of the toast in viewport."
-                        },
-                        {
-                            "name": "preventOpenDuplicates",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "It does not add the new message if there is already a toast displayed with the same content"
-                        },
-                        {
-                            "name": "preventDuplicates",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Displays only once a message with the same content."
-                        },
-                        {
-                            "name": "showTransformOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "translateY(100%)",
-                            "description": "Transform options of the show animation."
-                        },
-                        {
-                            "name": "hideTransformOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "translateY(-100%)",
-                            "description": "Transform options of the hide animation."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "300ms ease-out",
-                            "description": "Transition options of the show animation."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "250ms ease-in",
-                            "description": "Transition options of the hide animation."
-                        },
-                        {
-                            "name": "breakpoints",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Object literal to define styles per screen size."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onClose",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "ToastCloseEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a message is closed."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "ToastCloseEvent",
-                        "description": "Custom close event.",
-                        "props": [
-                            {
-                                "name": "message",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Message",
-                                "description": "Message of the closed element."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "toast",
-                        "name": "message",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Data of the message.\n  }"
-                            }
-                        ],
-                        "description": "Custom template of message."
-                    },
-                    {
-                        "parent": "toast",
-                        "name": "headless",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Data of the message.\n  }"
-                            }
-                        ],
-                        "description": "Headless template."
-                    }
-                ]
-            }
-        }
-    },
-    "togglebutton": {
-        "components": {
-            "ToggleButton": {
-                "description": "ToggleButton is used to select a boolean value using a button.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "onLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label for the on state."
-                        },
-                        {
-                            "name": "offLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label for the off state."
-                        },
-                        {
-                            "name": "onIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon for the on state."
-                        },
-                        {
-                            "name": "offIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Icon for the off state."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the input for accessibility."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the element should be disabled."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Inline style of the element."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the element."
-                        },
-                        {
-                            "name": "inputId",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the focus input to match a label defined for the component."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "iconPos",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"left\" | \"right\"",
-                            "default": "left",
-                            "description": "Position of the icon."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "ToggleButtonChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on value change."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "ToggleButtonChangeEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "checked",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Boolean value to represent checked state."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "togglebutton",
-                        "name": "icon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: boolean, // Checked.\n  }",
-                                "description": "checked state as boolean."
-                            }
-                        ],
-                        "description": "Custom icon template."
-                    }
-                ]
-            }
-        }
-    },
-    "toolbar": {
-        "components": {
-            "Toolbar": {
-                "description": "Toolbar is a grouping component for buttons and other content.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string value that labels an interactive element."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "toolbar",
-                        "name": "start",
-                        "parameters": [],
-                        "description": "Custom start content."
-                    },
-                    {
-                        "parent": "toolbar",
-                        "name": "end",
-                        "parameters": [],
-                        "description": "Custom end content."
-                    },
-                    {
-                        "parent": "toolbar",
-                        "name": "center",
-                        "parameters": [],
-                        "description": "Custom center content."
-                    }
-                ]
-            }
-        }
-    },
-    "tooltip": {
-        "components": {
-            "Tooltip": {
-                "description": "Tooltip directive provides advisory information for a component.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "tooltipPosition",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Position of the tooltip."
-                        },
-                        {
-                            "name": "tooltipEvent",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "default": "hover",
-                            "description": "Event to show the tooltip."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the overlay, valid values are \"body\", \"target\" or a local ng-F variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "positionStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Type of CSS position."
-                        },
-                        {
-                            "name": "tooltipStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the tooltip."
-                        },
-                        {
-                            "name": "tooltipZIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Whether the z-index should be managed automatically to always go on top or have a fixed value."
-                        },
-                        {
-                            "name": "escape",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "By default the tooltip contents are rendered as text. Set to false to support html tags in the content."
-                        },
-                        {
-                            "name": "showDelay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Delay to show the tooltip in milliseconds."
-                        },
-                        {
-                            "name": "hideDelay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Delay to hide the tooltip in milliseconds."
-                        },
-                        {
-                            "name": "life",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Time to wait in milliseconds to hide the tooltip even it is active."
-                        },
-                        {
-                            "name": "positionTop",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Specifies the additional vertical offset of the tooltip from its default position."
-                        },
-                        {
-                            "name": "positionLeft",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Specifies the additional horizontal offset of the tooltip from its default position."
-                        },
-                        {
-                            "name": "autoHide",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to hide tooltip when hovering over tooltip content."
-                        },
-                        {
-                            "name": "fitContent",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Automatically adjusts the element position when there is not enough space on the selected position."
-                        },
-                        {
-                            "name": "hideOnEscape",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to hide tooltip on escape key press."
-                        },
-                        {
-                            "name": "content",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | TemplateRef<HTMLElement>",
-                            "description": "Content of the tooltip."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "description": "When present, it specifies that the component should be disabled."
-                        },
-                        {
-                            "name": "tooltipOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "TooltipOptions",
-                            "description": "Specifies the tooltip configuration options for the component."
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "tree": {
-        "components": {
-            "Tree": {
-                "description": "Tree is used to display hierarchical data.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "An array of treenodes."
-                        },
-                        {
-                            "name": "selectionMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"multiple\" | \"checkbox\" | \"single\"",
-                            "description": "Defines the selection mode."
-                        },
-                        {
-                            "name": "loadingMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"mask\" | \"icon\"",
-                            "default": "mask",
-                            "description": "Loading mode display."
-                        },
-                        {
-                            "name": "selection",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "A single treenode instance or an array to refer to the selections."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "contextMenu",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Context menu instance."
-                        },
-                        {
-                            "name": "layout",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "vertical",
-                            "description": "Defines the orientation of the tree, valid values are 'vertical' and 'horizontal'."
-                        },
-                        {
-                            "name": "draggableScope",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Scope of the draggable nodes to match a droppableScope."
-                        },
-                        {
-                            "name": "droppableScope",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Scope of the droppable nodes to match a draggableScope."
-                        },
-                        {
-                            "name": "draggableNodes",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the nodes are draggable."
-                        },
-                        {
-                            "name": "droppableNodes",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the nodes are droppable."
-                        },
-                        {
-                            "name": "metaKeySelection",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically."
-                        },
-                        {
-                            "name": "propagateSelectionUp",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether checkbox selections propagate to ancestor nodes."
-                        },
-                        {
-                            "name": "propagateSelectionDown",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether checkbox selections propagate to descendant nodes."
-                        },
-                        {
-                            "name": "loading",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Displays a loader to indicate data load is in progress."
-                        },
-                        {
-                            "name": "loadingIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The icon to show while indicating data load is in progress."
-                        },
-                        {
-                            "name": "emptyMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Text to display when there is no data."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Used to define a string that labels the tree."
-                        },
-                        {
-                            "name": "togglerAriaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the toggler icon for accessibility."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        },
-                        {
-                            "name": "validateDrop",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, drop can be accepted or rejected based on condition defined at onNodeDrop."
-                        },
-                        {
-                            "name": "filter",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specified, displays an input field to filter the items."
-                        },
-                        {
-                            "name": "filterBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "label",
-                            "description": "When filtering is enabled, filterBy decides which field or fields (comma separated) to search against."
-                        },
-                        {
-                            "name": "filterMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "lenient",
-                            "description": "Mode for filtering valid values are \"lenient\" and \"strict\". Default is lenient."
-                        },
-                        {
-                            "name": "filterPlaceholder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Placeholder text to show when filter input is empty."
-                        },
-                        {
-                            "name": "filteredNodes",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "TreeNode<any>[]",
-                            "description": "Values after the tree nodes are filtered."
-                        },
-                        {
-                            "name": "filterLocale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Locale to use in filtering. The default locale is the host environment's current locale."
-                        },
-                        {
-                            "name": "scrollHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Height of the scrollable viewport."
-                        },
-                        {
-                            "name": "lazy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if data is loaded and interacted with in lazy manner."
-                        },
-                        {
-                            "name": "virtualScroll",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the data should be loaded on demand during scroll."
-                        },
-                        {
-                            "name": "virtualScrollItemSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Height of an item in the list for VirtualScrolling."
-                        },
-                        {
-                            "name": "virtualScrollOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "ScrollerOptions",
-                            "description": "Whether to use the scroller feature. The properties of scroller component can be used like an object in it."
-                        },
-                        {
-                            "name": "indentation",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "1.5",
-                            "description": "Indentation factor for spacing of the nested node when virtual scrolling is enabled."
-                        },
-                        {
-                            "name": "_templateMap",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Custom templates of the component."
-                        },
-                        {
-                            "name": "trackBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Function",
-                            "default": "...",
-                            "description": "Function to optimize the node list rendering, default algorithm checks for object identity."
-                        },
-                        {
-                            "name": "_virtualNodeHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Height of the node.",
-                            "deprecated": "use virtualScrollItemSize property instead."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "selectionChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "TreeNode<any"
-                                }
-                            ],
-                            "description": "Callback to invoke on selection change."
-                        },
-                        {
-                            "name": "onNodeSelect",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeNodeSelectEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is selected."
-                        },
-                        {
-                            "name": "onNodeUnselect",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeNodeUnSelectEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is unselected."
-                        },
-                        {
-                            "name": "onNodeExpand",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeNodeExpandEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is expanded."
-                        },
-                        {
-                            "name": "onNodeCollapse",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeNodeCollapseEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is collapsed."
-                        },
-                        {
-                            "name": "onNodeContextMenuSelect",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeNodeContextMenuSelectEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is selected with right click."
-                        },
-                        {
-                            "name": "onNodeDrop",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeNodeDropEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is dropped."
-                        },
-                        {
-                            "name": "onLazyLoad",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeLazyLoadEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke in lazy mode to load new data."
-                        },
-                        {
-                            "name": "onScroll",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeScrollEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke in virtual scroll mode when scroll position changes."
-                        },
-                        {
-                            "name": "onScrollIndexChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeScrollIndexChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke in virtual scroll mode when scroll position and item's range in view changes."
-                        },
-                        {
-                            "name": "onFilter",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeFilterEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when data is filtered."
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "resetFilter",
-                            "parameters": [],
-                            "description": "Resets filter."
-                        },
-                        {
-                            "name": "scrollToVirtualIndex",
-                            "parameters": [
-                                {
-                                    "name": "index",
-                                    "type": "number"
-                                }
-                            ],
-                            "description": "Scrolls to virtual index."
-                        },
-                        {
-                            "name": "scrollTo",
-                            "parameters": [
-                                {
-                                    "name": "options",
-                                    "type": "any",
-                                    "description": "Scroll options."
-                                }
-                            ],
-                            "description": "Scrolls to virtual index."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "TreeNodeSelectEvent",
-                        "description": "Custom node select event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event"
-                            },
-                            {
-                                "name": "node",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "TreeNode<any>",
-                                "description": "Node instance."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeNodeUnSelectEvent",
-                        "description": "Custom node unselect event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event"
-                            },
-                            {
-                                "name": "node",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "TreeNode<any>",
-                                "description": "Node instance."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeNodeExpandEvent",
-                        "description": "Custom node expand event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event"
-                            },
-                            {
-                                "name": "node",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "TreeNode<any>",
-                                "description": "Node instance."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeNodeCollapseEvent",
-                        "description": "Custom node collapse event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event"
-                            },
-                            {
-                                "name": "node",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "TreeNode<any>",
-                                "description": "Node instance."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeNodeContextMenuSelectEvent",
-                        "description": "Custom context menu select event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event"
-                            },
-                            {
-                                "name": "node",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "TreeNode<any>",
-                                "description": "Node instance."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeNodeDropEvent",
-                        "description": "Custom node drop event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "DragEvent",
-                                "description": "Browser drag event."
-                            },
-                            {
-                                "name": "dragNode",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "TreeNode<any>",
-                                "description": "Dragged node instance."
-                            },
-                            {
-                                "name": "dropNode",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "TreeNode<any>",
-                                "description": "Dropped node instance."
-                            },
-                            {
-                                "name": "index",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the dragged node."
-                            },
-                            {
-                                "name": "accept",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Function",
-                                "description": "Callback to invoke on drop."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeLazyLoadEvent",
-                        "description": "Custom lazy load event.",
-                        "props": [
-                            {
-                                "name": "first",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "First element index in viewport."
-                            },
-                            {
-                                "name": "last",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Last element index in viewport."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeScrollIndexChangeEvent",
-                        "description": "Custom scroll index change event.",
-                        "props": [
-                            {
-                                "name": "first",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "First element index in viewport."
-                            },
-                            {
-                                "name": "last",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Last element index in viewport."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeScrollEvent",
-                        "description": "Custom scroll event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeFilterEvent",
-                        "description": "Custom filter event.",
-                        "props": [
-                            {
-                                "name": "filter",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Filter value."
-                            },
-                            {
-                                "name": "filteredValue",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "TreeNode<any>[]",
-                                "description": "Filtered nodes."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "tree",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "tree",
-                        "name": "empty",
-                        "parameters": [],
-                        "description": "Custom empty message template."
-                    },
-                    {
-                        "parent": "tree",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom footer template."
-                    },
-                    {
-                        "parent": "tree",
-                        "name": "loader",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t options: ScrollerOptions, // Scroller options.\n  }",
-                                "description": "loader options."
-                            }
-                        ],
-                        "description": "Custom loader template."
-                    },
-                    {
-                        "parent": "tree",
-                        "name": "togglericon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: boolean, // Expanded state of the node.\n  }",
-                                "description": "expand data."
-                            }
-                        ],
-                        "description": "Custom toggler icon template."
-                    },
-                    {
-                        "parent": "tree",
-                        "name": "checkboxicon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: boolean, // Checked state of the node.\n  \t partialSelected: boolean, // Partial selection state of the node.\n  }",
-                                "description": "node data."
-                            }
-                        ],
-                        "description": "Custom checkbox icon template."
-                    },
-                    {
-                        "parent": "tree",
-                        "name": "loadingicon",
-                        "parameters": [],
-                        "description": "Custom loading icon template."
-                    },
-                    {
-                        "parent": "tree",
-                        "name": "filtericon",
-                        "parameters": [],
-                        "description": "Custom filter icon template."
-                    }
-                ]
-            }
-        }
-    },
-    "treeselect": {
-        "components": {
-            "TreeSelect": {
-                "description": "TreeSelect is a form component to choose from hierarchical data.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "inputId",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the underlying input element."
-                        },
-                        {
-                            "name": "scrollHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "400px",
-                            "description": "Height of the viewport, a scrollbar is defined if height of list exceeds this value."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should be disabled."
-                        },
-                        {
-                            "name": "metaKeySelection",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically."
-                        },
-                        {
-                            "name": "variant",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"outlined\" | \"filled\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        },
-                        {
-                            "name": "display",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"comma\" | \"chip\"",
-                            "default": "comma",
-                            "description": "Defines how the selected items are displayed."
-                        },
-                        {
-                            "name": "selectionMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"multiple\" | \"checkbox\" | \"single\"",
-                            "default": "single",
-                            "description": "Defines the selection mode."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the input for accessibility."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        },
-                        {
-                            "name": "placeholder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label to display when there are no selections."
-                        },
-                        {
-                            "name": "panelClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string | string[] | Set<string> | Object",
-                            "description": "Style class of the overlay panel."
-                        },
-                        {
-                            "name": "panelStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the panel element."
-                        },
-                        {
-                            "name": "panelStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the panel element."
-                        },
-                        {
-                            "name": "containerStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the container element."
-                        },
-                        {
-                            "name": "containerStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the container element."
-                        },
-                        {
-                            "name": "labelStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the label element."
-                        },
-                        {
-                            "name": "labelStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the label element."
-                        },
-                        {
-                            "name": "overlayOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "OverlayOptions",
-                            "description": "Specifies the options for the overlay."
-                        },
-                        {
-                            "name": "emptyMessage",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Text to display when there are no options available. Defaults to value from PrimeNG locale configuration."
-                        },
-                        {
-                            "name": "appendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are \"body\" for document body and \"self\" for the element itself."
-                        },
-                        {
-                            "name": "filter",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specified, displays an input field to filter the items."
-                        },
-                        {
-                            "name": "filterBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "label",
-                            "description": "When filtering is enabled, filterBy decides which field or fields (comma separated) to search against."
-                        },
-                        {
-                            "name": "filterMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "lenient",
-                            "description": "Mode for filtering valid values are \"lenient\" and \"strict\". Default is lenient."
-                        },
-                        {
-                            "name": "filterPlaceholder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Placeholder text to show when filter input is empty."
-                        },
-                        {
-                            "name": "filterLocale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Locale to use in filtering. The default locale is the host environment's current locale."
-                        },
-                        {
-                            "name": "filterInputAutoFocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Determines whether the filter input should be automatically focused when the component is rendered."
-                        },
-                        {
-                            "name": "propagateSelectionDown",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether checkbox selections propagate to descendant nodes."
-                        },
-                        {
-                            "name": "propagateSelectionUp",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether checkbox selections propagate to ancestor nodes."
-                        },
-                        {
-                            "name": "showClear",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, a clear icon is displayed to clear the value."
-                        },
-                        {
-                            "name": "resetFilterOnHide",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Clears the filter value when hiding the dropdown."
-                        },
-                        {
-                            "name": "virtualScroll",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the data should be loaded on demand during scroll."
-                        },
-                        {
-                            "name": "virtualScrollItemSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Height of an item in the list for VirtualScrolling."
-                        },
-                        {
-                            "name": "virtualScrollOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "ScrollerOptions",
-                            "description": "Whether to use the scroller feature. The properties of scroller component can be used like an object in it."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        },
-                        {
-                            "name": "options",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "TreeNode<any>[]",
-                            "description": "An array of treenodes."
-                        },
-                        {
-                            "name": "showTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Transition options of the show animation.",
-                            "deprecated": "since v14.2.0 use overlayOptions property instead."
-                        },
-                        {
-                            "name": "hideTransitionOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Transition options of the hide animation.",
-                            "deprecated": "since v14.2.0 use overlayOptions property instead."
-                        },
-                        {
-                            "name": "loading",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Displays a loader to indicate data load is in progress."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onNodeExpand",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeSelectNodeExpandEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is expanded."
-                        },
-                        {
-                            "name": "onNodeCollapse",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeSelectNodeCollapseEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is collapsed."
-                        },
-                        {
-                            "name": "onShow",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the overlay is shown."
-                        },
-                        {
-                            "name": "onHide",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when the overlay is hidden."
-                        },
-                        {
-                            "name": "onClear",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when input field is cleared."
-                        },
-                        {
-                            "name": "onFilter",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeFilterEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when data is filtered."
-                        },
-                        {
-                            "name": "onFocus",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when treeselect gets focus."
-                        },
-                        {
-                            "name": "onBlur",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "Event"
-                                }
-                            ],
-                            "description": "Callback to invoke when treeselect loses focus."
-                        },
-                        {
-                            "name": "onNodeUnselect",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeNodeUnSelectEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is unselected."
-                        },
-                        {
-                            "name": "onNodeSelect",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeNodeSelectEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is selected."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "TreeSelectNodeCollapseEvent",
-                        "description": "Custom node collapse event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "node",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "TreeNode<any>",
-                                "description": "Node instance."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeSelectNodeExpandEvent",
-                        "description": "Custom node expand event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "node",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "TreeNode<any>",
-                                "description": "Node instance."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "treeselect",
-                        "name": "value",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: TreeNode, // Value of the component.\n  \t placeholder: string, // Placeholder of the component.\n  }",
-                                "description": "value data."
-                            }
-                        ],
-                        "description": "Custom value template."
-                    },
-                    {
-                        "parent": "treeselect",
-                        "name": "header",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: TreeNode, // Value of the component.\n  \t options: TreeNode, // Placeholder of the component.\n  }",
-                                "description": "header data."
-                            }
-                        ],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "treeselect",
-                        "name": "empty",
-                        "parameters": [],
-                        "description": "Custom empty template."
-                    },
-                    {
-                        "parent": "treeselect",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom footer template."
-                    },
-                    {
-                        "parent": "treeselect",
-                        "name": "clearicon",
-                        "parameters": [],
-                        "description": "Custom clear icon template."
-                    },
-                    {
-                        "parent": "treeselect",
-                        "name": "triggericon",
-                        "parameters": [],
-                        "description": "Custom dropdown trigger icon template."
-                    },
-                    {
-                        "parent": "treeselect",
-                        "name": "filtericon",
-                        "parameters": [],
-                        "description": "Custom filter icon template."
-                    },
-                    {
-                        "parent": "treeselect",
-                        "name": "closeicon",
-                        "parameters": [],
-                        "description": "Custom close icon template."
-                    },
-                    {
-                        "parent": "treeselect",
-                        "name": "itemtogglericon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: boolean, // Expanded state of the node.\n  }",
-                                "description": "toggler icon data."
-                            }
-                        ],
-                        "description": "Custom node toggler template."
-                    },
-                    {
-                        "parent": "treeselect",
-                        "name": "itemcheckboxicon",
-                        "parameters": [],
-                        "description": "Custom node checkbox icon template."
-                    },
-                    {
-                        "parent": "treeselect",
-                        "name": "itemloadingicon",
-                        "parameters": [],
-                        "description": "Custom loading icon template."
-                    }
-                ]
-            }
-        }
-    },
-    "treetable": {
-        "components": {
-            "TreeTable": {
-                "description": "TreeTable is used to display hierarchical data in tabular format.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "columns",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of objects to represent dynamic columns."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "tableStyle",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the table."
-                        },
-                        {
-                            "name": "tableStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the table."
-                        },
-                        {
-                            "name": "autoLayout",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the cell widths scale according to their content or not."
-                        },
-                        {
-                            "name": "lazy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if data is loaded and interacted with in lazy manner."
-                        },
-                        {
-                            "name": "lazyLoadOnInit",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to call lazy loading on initialization."
-                        },
-                        {
-                            "name": "paginator",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specified as true, enables the pagination."
-                        },
-                        {
-                            "name": "rows",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Number of rows to display per page."
-                        },
-                        {
-                            "name": "first",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the first row to be displayed."
-                        },
-                        {
-                            "name": "pageLinks",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "5",
-                            "description": "Number of page links to display in paginator."
-                        },
-                        {
-                            "name": "rowsPerPageOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "Array of integer/object values to display inside rows per page dropdown of paginator"
-                        },
-                        {
-                            "name": "alwaysShowPaginator",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show it even there is only one page."
-                        },
-                        {
-                            "name": "paginatorPosition",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"both\" | \"top\" | \"bottom\"",
-                            "default": "bottom",
-                            "description": "Position of the paginator."
-                        },
-                        {
-                            "name": "paginatorStyleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Custom style class for paginator"
-                        },
-                        {
-                            "name": "paginatorDropdownAppendTo",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Target element to attach the paginator dropdown overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name)."
-                        },
-                        {
-                            "name": "currentPageReportTemplate",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "{currentPage} of {totalPages}",
-                            "description": "Template of the current page report element. Available placeholders are {currentPage},{totalPages},{rows},{first},{last} and {totalRecords}"
-                        },
-                        {
-                            "name": "showCurrentPageReport",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display current page report."
-                        },
-                        {
-                            "name": "showJumpToPageDropdown",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to display a dropdown to navigate to any page."
-                        },
-                        {
-                            "name": "showFirstLastIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "When enabled, icons are displayed on paginator to go first and last page."
-                        },
-                        {
-                            "name": "showPageLinks",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show page links."
-                        },
-                        {
-                            "name": "defaultSortOrder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "1",
-                            "description": "Sort order to use when an unsorted column gets sorted by user interaction."
-                        },
-                        {
-                            "name": "sortMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"multiple\" | \"single\"",
-                            "default": "single",
-                            "description": "Defines whether sorting works on single column or on multiple columns."
-                        },
-                        {
-                            "name": "resetPageOnSort",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "When true, resets paginator to first page after sorting."
-                        },
-                        {
-                            "name": "customSort",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether to use the default sorting or a custom one using sortFunction."
-                        },
-                        {
-                            "name": "selectionMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Specifies the selection mode, valid values are \"single\" and \"multiple\"."
-                        },
-                        {
-                            "name": "contextMenuSelection",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Selected row with a context menu."
-                        },
-                        {
-                            "name": "contextMenuSelectionMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "separate",
-                            "description": "Mode of the contet menu selection."
-                        },
-                        {
-                            "name": "dataKey",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "A property to uniquely identify a record in data."
-                        },
-                        {
-                            "name": "metaKeySelection",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines whether metaKey is should be considered for the selection. On touch enabled devices, metaKeySelection is turned off automatically."
-                        },
-                        {
-                            "name": "compareSelectionBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "deepEquals",
-                            "description": "Algorithm to define if a row is selected, valid values are \"equals\" that compares by reference and \"deepEquals\" that compares all fields."
-                        },
-                        {
-                            "name": "rowHover",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Adds hover effect to rows without the need for selectionMode."
-                        },
-                        {
-                            "name": "loading",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Displays a loader to indicate data load is in progress."
-                        },
-                        {
-                            "name": "loadingIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "The icon to show while indicating data load is in progress."
-                        },
-                        {
-                            "name": "showLoader",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to show the loading mask when loading property is true."
-                        },
-                        {
-                            "name": "scrollable",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specifies, enables horizontal and/or vertical scrolling."
-                        },
-                        {
-                            "name": "scrollHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Height of the scroll viewport in fixed pixels or the \"flex\" keyword for a dynamic size."
-                        },
-                        {
-                            "name": "virtualScroll",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Whether the data should be loaded on demand during scroll."
-                        },
-                        {
-                            "name": "virtualScrollItemSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Height of a row to use in calculations of virtual scrolling."
-                        },
-                        {
-                            "name": "virtualScrollOptions",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "ScrollerOptions",
-                            "description": "Whether to use the scroller feature. The properties of scroller component can be used like an object in it."
-                        },
-                        {
-                            "name": "virtualScrollDelay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "150",
-                            "description": "The delay (in milliseconds) before triggering the virtual scroll. This determines the time gap between the user's scroll action and the actual rendering of the next set of items in the virtual scroll."
-                        },
-                        {
-                            "name": "frozenWidth",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Width of the frozen columns container."
-                        },
-                        {
-                            "name": "frozenColumns",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "An array of objects to represent dynamic columns that are frozen."
-                        },
-                        {
-                            "name": "resizableColumns",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, columns can be resized using drag and drop."
-                        },
-                        {
-                            "name": "columnResizeMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "fit",
-                            "description": "Defines whether the overall table width should change on column resize, valid values are \"fit\" and \"expand\"."
-                        },
-                        {
-                            "name": "reorderableColumns",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, columns can be reordered using drag and drop."
-                        },
-                        {
-                            "name": "contextMenu",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Local ng-template varilable of a ContextMenu."
-                        },
-                        {
-                            "name": "rowTrackBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Function",
-                            "default": "...",
-                            "description": "Function to optimize the dom operations by delegating to ngForTrackBy, default algorithm checks for object identity."
-                        },
-                        {
-                            "name": "filters",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "default": "{}",
-                            "description": "An array of FilterMetadata objects to provide external filters."
-                        },
-                        {
-                            "name": "globalFilterFields",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string[]",
-                            "description": "An array of fields as string to use in global filtering."
-                        },
-                        {
-                            "name": "filterDelay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "300",
-                            "description": "Delay in milliseconds before filtering the data."
-                        },
-                        {
-                            "name": "filterMode",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "lenient",
-                            "description": "Mode for filtering valid values are \"lenient\" and \"strict\". Default is lenient."
-                        },
-                        {
-                            "name": "filterLocale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Locale to use in filtering. The default locale is the host environment's current locale."
-                        },
-                        {
-                            "name": "paginatorLocale",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Locale to be used in paginator formatting."
-                        },
-                        {
-                            "name": "totalRecords",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Number of total records, defaults to length of value when not defined."
-                        },
-                        {
-                            "name": "sortField",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the field to sort data by default."
-                        },
-                        {
-                            "name": "sortOrder",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Order to sort when default sorting is enabled."
-                        },
-                        {
-                            "name": "multiSortMeta",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "SortMeta[]",
-                            "description": "An array of SortMeta objects to sort the data by default in multiple sort mode."
-                        },
-                        {
-                            "name": "selection",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Selected row in single mode or an array of values in multiple mode."
-                        },
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "TreeNode<any>[]",
-                            "description": "An array of objects to display."
-                        },
-                        {
-                            "name": "virtualRowHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Indicates the height of rows to be scrolled.",
-                            "deprecated": "use virtualScrollItemSize property instead."
-                        },
-                        {
-                            "name": "selectionKeys",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "A map of keys to control the selection state."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "selectionChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "TreeTableNode<any"
-                                }
-                            ],
-                            "description": "Callback to invoke on selected node change."
-                        },
-                        {
-                            "name": "contextMenuSelectionChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "TreeTableNode<any"
-                                }
-                            ],
-                            "description": "Callback to invoke on context menu selection change."
-                        },
-                        {
-                            "name": "onFilter",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeTableFilterEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when data is filtered."
-                        },
-                        {
-                            "name": "onNodeExpand",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeTableNodeExpandEvent<any"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is expanded."
-                        },
-                        {
-                            "name": "onNodeCollapse",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeTableNodeCollapseEvent<any"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is collapsed."
-                        },
-                        {
-                            "name": "onPage",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "TreeTablePaginatorState"
-                                }
-                            ],
-                            "description": "Callback to invoke when pagination occurs."
-                        },
-                        {
-                            "name": "onSort",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when a column gets sorted."
-                        },
-                        {
-                            "name": "onLazyLoad",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeTableLazyLoadEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when paging, sorting or filtering happens in lazy mode."
-                        },
-                        {
-                            "name": "sortFunction",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeTableSortEvent"
-                                }
-                            ],
-                            "description": "An event emitter to invoke on custom sorting, refer to sorting section for details."
-                        },
-                        {
-                            "name": "onColResize",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeTableColResizeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a column is resized."
-                        },
-                        {
-                            "name": "onColReorder",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeTableColumnReorderEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a column is reordered."
-                        },
-                        {
-                            "name": "onNodeSelect",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "TreeTableNode<any"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is selected."
-                        },
-                        {
-                            "name": "onNodeUnselect",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeTableNodeUnSelectEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is unselected."
-                        },
-                        {
-                            "name": "onContextMenuSelect",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeTableContextMenuSelectEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a node is selected with right click."
-                        },
-                        {
-                            "name": "onHeaderCheckboxToggle",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeTableHeaderCheckboxToggleEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when state of header checkbox changes."
-                        },
-                        {
-                            "name": "onEditInit",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeTableEditEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when a cell switches to edit mode."
-                        },
-                        {
-                            "name": "onEditComplete",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeTableEditEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when cell edit is completed."
-                        },
-                        {
-                            "name": "onEditCancel",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TreeTableEditEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke when cell edit is cancelled with escape key."
-                        },
-                        {
-                            "name": "selectionKeysChange",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "type": "any"
-                                }
-                            ],
-                            "description": "Callback to invoke when selectionKeys are changed."
-                        }
-                    ]
-                },
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": [
-                        {
-                            "name": "resetScrollTop",
-                            "parameters": [],
-                            "description": "Resets scroll to top."
-                        },
-                        {
-                            "name": "scrollToVirtualIndex",
-                            "parameters": [
-                                {
-                                    "name": "index",
-                                    "type": "number",
-                                    "description": "index of the element."
-                                }
-                            ],
-                            "description": "Scrolls to given index when using virtual scroll."
-                        },
-                        {
-                            "name": "scrollTo",
-                            "parameters": [
-                                {
-                                    "name": "options",
-                                    "type": "ScrollToOptions",
-                                    "description": "Scroll options."
-                                }
-                            ],
-                            "description": "Scrolls to given index."
-                        },
-                        {
-                            "name": "reset",
-                            "parameters": [],
-                            "description": "Clears the sort and paginator state."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "TreeTableLazyLoadEvent",
-                        "description": "Custom lazy load event.",
-                        "props": [
-                            {
-                                "name": "rows",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number"
-                            },
-                            {
-                                "name": "sortField",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string | string[]"
-                            },
-                            {
-                                "name": "sortOrder",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number"
-                            },
-                            {
-                                "name": "filters",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Object"
-                            },
-                            {
-                                "name": "globalFilter",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string | string[]"
-                            },
-                            {
-                                "name": "multiSortMeta",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "SortMeta[]"
-                            },
-                            {
-                                "name": "forceUpdate",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Function"
-                            },
-                            {
-                                "name": "first",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "First element in viewport."
-                            },
-                            {
-                                "name": "last",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Last element in viewport."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeTableColumnReorderEvent",
-                        "description": "Custom column reorder event.",
-                        "props": [
-                            {
-                                "name": "dragIndex",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the dragged item."
-                            },
-                            {
-                                "name": "dropIndex",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the drop position."
-                            },
-                            {
-                                "name": "columns",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any[]",
-                                "description": "Columns after reorder."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeTableFilterEvent",
-                        "description": "Custom filter event.",
-                        "props": [
-                            {
-                                "name": "filters",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Object",
-                                "description": "Filter meta."
-                            },
-                            {
-                                "name": "filteredValue",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "TreeNode<any>[]",
-                                "description": "Value after filter."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeTableNodeExpandEvent",
-                        "description": "Custom node expand event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "node",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "TreeTableNode<T>",
-                                "description": "Node instance."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeTableNodeCollapseEvent",
-                        "description": "Custom node collapse event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "node",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "TreeTableNode<T>",
-                                "description": "Node instance."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeTableSortEvent",
-                        "description": "Custom sort event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "data",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "TreeNode<any>[]",
-                                "description": "Value to be sorted."
-                            },
-                            {
-                                "name": "mode",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "\"multiple\" | \"single\"",
-                                "description": "Sort mode."
-                            },
-                            {
-                                "name": "field",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Sort field."
-                            },
-                            {
-                                "name": "order",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Sort order."
-                            },
-                            {
-                                "name": "multiSortMeta",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "SortMeta[]",
-                                "description": "Multiple sort meta."
-                            },
-                            {
-                                "name": "multisortmeta",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Multiple sort meta."
-                            },
-                            {
-                                "name": "sortMeta",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "SortMeta",
-                                "description": "Sort meta."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeTableColResizeEvent",
-                        "description": "Custom column resize event.",
-                        "props": [
-                            {
-                                "name": "element",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "HTMLElement",
-                                "description": "Instance of resized column."
-                            },
-                            {
-                                "name": "delta",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Position."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeTableNodeSelectEvent",
-                        "description": "Custom node select event.",
-                        "props": [
-                            {
-                                "name": "checked",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean"
-                            },
-                            {
-                                "name": "label",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Label of the node."
-                            },
-                            {
-                                "name": "data",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Data represented by the node."
-                            },
-                            {
-                                "name": "icon",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Icon of the node to display next to content."
-                            },
-                            {
-                                "name": "expandedIcon",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Icon to use in expanded state."
-                            },
-                            {
-                                "name": "collapsedIcon",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Icon to use in collapsed state."
-                            },
-                            {
-                                "name": "children",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "TreeNode<any>[]",
-                                "description": "An array of treenodes as children."
-                            },
-                            {
-                                "name": "leaf",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Specifies if the node has children. Used in lazy loading."
-                            },
-                            {
-                                "name": "expanded",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Expanded state of the node."
-                            },
-                            {
-                                "name": "parent",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "TreeNode<any>",
-                                "description": "Parent of the node."
-                            },
-                            {
-                                "name": "partialSelected",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Defines if value is partially selected."
-                            },
-                            {
-                                "name": "style",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Inline style of the node."
-                            },
-                            {
-                                "name": "styleClass",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Style class of the node."
-                            },
-                            {
-                                "name": "draggable",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Defines if the node is draggable."
-                            },
-                            {
-                                "name": "droppable",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Defines if the node is droppable."
-                            },
-                            {
-                                "name": "selectable",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Whether the node is selectable when selection mode is enabled."
-                            },
-                            {
-                                "name": "key",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Mandatory unique key of the node."
-                            },
-                            {
-                                "name": "loading",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Defines if the node is loading."
-                            },
-                            {
-                                "name": "originalEvent",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "rowNode",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Row of the node."
-                            },
-                            {
-                                "name": "node",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "TreeNode<any>",
-                                "description": "Node instance."
-                            },
-                            {
-                                "name": "type",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Selection type."
-                            },
-                            {
-                                "name": "index",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Node index."
-                            },
-                            {
-                                "name": "level",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Node level."
-                            },
-                            {
-                                "name": "visible",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Boolean value indicates if node is in viewport."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeTableNodeUnSelectEvent",
-                        "description": "Custom node unselect event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "node",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "TreeTableNode<any>",
-                                "description": "Node instance."
-                            },
-                            {
-                                "name": "type",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Selection type."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeTableContextMenuSelectEvent",
-                        "description": "Custom context menu select event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "node",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "TreeTableNode<any>",
-                                "description": "Node instance."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeTableHeaderCheckboxToggleEvent",
-                        "description": "Custom checkbox toggle event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "checked",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Checked state."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeTableEditEvent",
-                        "description": "Custom edit event.",
-                        "props": [
-                            {
-                                "name": "field",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Field to be edited."
-                            },
-                            {
-                                "name": "data",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "New value."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "treetable",
-                        "name": "caption",
-                        "parameters": [],
-                        "description": "Custom caption template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "header",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Columns instance.\n  }",
-                                "description": "header data."
-                            }
-                        ],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "body",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: TreeNode, // undefined\n  \t node: TreeNode, // Serialized node.\n  \t rowData: any, // Row data.\n  \t columns: any, // Columns instance.\n  }",
-                                "description": "body data."
-                            }
-                        ],
-                        "description": "Custom body template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "footer",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Columns instance.\n  }",
-                                "description": "footer data."
-                            }
-                        ],
-                        "description": "Custom footer template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "summary",
-                        "parameters": [],
-                        "description": "Custom summary template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "colgroup",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Columns instance.\n  }",
-                                "description": "column group data."
-                            }
-                        ],
-                        "description": "Custom colgroup template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "emptymessage",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Columns instance.\n  \t frozen: boolean, // Boolean value indicates whether column is frozen.\n  }"
-                            }
-                        ],
-                        "description": "Custom emptymessage template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "paginatorleft",
-                        "parameters": [],
-                        "description": "Custom paginator left section template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "paginatorright",
-                        "parameters": [],
-                        "description": "Custom paginator right section template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "paginatordropdownitem",
-                        "parameters": [],
-                        "description": "Custom paginator dropdown template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "frozenheader",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Columns instance.\n  }",
-                                "description": "frozen header data."
-                            }
-                        ],
-                        "description": "Custom frozenheader template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "frozenbody",
-                        "parameters": [],
-                        "description": "Custom frozenbody template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "frozenfooter",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Columns instance.\n  }",
-                                "description": "frozen footer data."
-                            }
-                        ],
-                        "description": "Custom frozenfooter template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "frozencolgroup",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Columns instance.\n  }",
-                                "description": "group data."
-                            }
-                        ],
-                        "description": "Custom frozen column group template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "loadingicon",
-                        "parameters": [],
-                        "description": "Custom loading icon template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "reorderindicatorupicon",
-                        "parameters": [],
-                        "description": "Custom reorder indicator up icon template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "reorderindicatordownicon",
-                        "parameters": [],
-                        "description": "Custom reorder indicator down icon template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "sorticon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: number, // Sort order.\n  }",
-                                "description": "sort data."
-                            }
-                        ],
-                        "description": "Custom sort icon template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "checkboxicon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: boolean, // Checkbox state.\n  \t partialSelected: boolean, // Partial selection state of row node.\n  }",
-                                "description": "checkbox data."
-                            }
-                        ],
-                        "description": "Custom checkbox icon template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "headercheckboxicon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: boolean, // Checkbox state.\n  }",
-                                "description": "checkbox data."
-                            }
-                        ],
-                        "description": "Custom header checkbox icon template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "togglericon",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: boolean, // Expand state of row node.\n  }",
-                                "description": "toggle icon data."
-                            }
-                        ],
-                        "description": "Custom toggler icon template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "paginatorfirstpagelinkicon",
-                        "parameters": [],
-                        "description": "Custom paginator first page link icon template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "paginatorlastpagelinkicon",
-                        "parameters": [],
-                        "description": "Custom paginatorlastpagelinkicon template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "paginatorpreviouspagelinkicon",
-                        "parameters": [],
-                        "description": "Custom paginatorpreviouspagelinkicon template."
-                    },
-                    {
-                        "parent": "treetable",
-                        "name": "paginatornextpagelinkicon",
-                        "parameters": [],
-                        "description": "Custom paginatornextpagelinkicon template."
-                    }
-                ]
-            },
-            "interfaces": {
-                "description": "Defines the custom interfaces used by the module.",
-                "values": [
-                    {
-                        "name": "TreeTablePaginatorState",
-                        "description": "Paginator state.",
-                        "props": [
-                            {
-                                "name": "page",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Current page."
-                            },
-                            {
-                                "name": "first",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Index of the first element."
-                            },
-                            {
-                                "name": "rows",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Row count."
-                            },
-                            {
-                                "name": "pageCount",
-                                "optional": true,
-                                "readonly": false,
-                                "type": "number",
-                                "description": "Page count."
-                            }
-                        ]
-                    },
-                    {
-                        "name": "TreeTableFilterOptions",
-                        "description": "Filtering options.",
-                        "props": [
-                            {
-                                "name": "filterField",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "string",
-                                "description": "Field to be filtered."
-                            },
-                            {
-                                "name": "filterValue",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "any",
-                                "description": "Value to use when filtering."
-                            },
-                            {
-                                "name": "filterConstraint",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Function",
-                                "description": "Filter constraints."
-                            },
-                            {
-                                "name": "isStrictMode",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Boolean value that defines if strict mode enabled."
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    },
-    "tristatecheckbox": {
-        "components": {
-            "TriStateCheckbox": {
-                "description": "TriStateCheckbox is used to select either 'true', 'false' or 'null' as the value.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the element should be disabled."
-                        },
-                        {
-                            "name": "name",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Name of the component."
-                        },
-                        {
-                            "name": "ariaLabel",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Defines a string that labels the input for accessibility."
-                        },
-                        {
-                            "name": "ariaLabelledBy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                        },
-                        {
-                            "name": "variant",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "\"outlined\" | \"filled\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "inputId",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Identifier of the focus input to match a label defined for the component."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "label",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Label of the checkbox."
-                        },
-                        {
-                            "name": "readonly",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component cannot be edited."
-                        },
-                        {
-                            "name": "checkboxTrueIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Specifies the icon for checkbox true value."
-                        },
-                        {
-                            "name": "checkboxFalseIcon",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Specifies the icon for checkbox false value."
-                        },
-                        {
-                            "name": "autofocus",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should automatically get focus on load."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onChange",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "TriStateCheckboxChangeEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke on value change."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "events": {
-                "description": "Defines the custom events used by the component's emitters.",
-                "values": [
-                    {
-                        "name": "TriStateCheckboxChangeEvent",
-                        "description": "Custom change event.",
-                        "props": [
-                            {
-                                "name": "originalEvent",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "Event",
-                                "description": "Browser event."
-                            },
-                            {
-                                "name": "value",
-                                "optional": false,
-                                "readonly": false,
-                                "type": "boolean",
-                                "description": "Value of the checkbox."
-                            }
-                        ]
-                    }
-                ]
-            },
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "tristatecheckbox",
-                        "name": "checkicon",
-                        "parameters": [],
-                        "description": "Custom check icon template."
-                    },
-                    {
-                        "parent": "tristatecheckbox",
-                        "name": "uncheckicon",
-                        "parameters": [],
-                        "description": "Custom uncheck icon template."
-                    }
-                ]
-            }
-        }
-    },
-    "objectutils": {
-        "components": {}
-    },
-    "uniquecomponentid": {
-        "components": {}
-    },
-    "zindexutils": {
-        "components": {}
-    },
-    "virtualscroller": {
-        "components": {
-            "VirtualScroller": {
-                "description": "VirtualScroller is a performant approach to handle huge data efficiently.",
-                "props": {
-                    "description": "Defines the input properties of the component.",
-                    "values": [
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any[]",
-                            "description": "An array of objects to display."
-                        },
-                        {
-                            "name": "itemSize",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "description": "Height of an item in the list."
-                        },
-                        {
-                            "name": "style",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Object",
-                            "description": "Inline style of the component."
-                        },
-                        {
-                            "name": "styleClass",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "description": "Style class of the component."
-                        },
-                        {
-                            "name": "scrollHeight",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "description": "Max height of the content area in inline mode."
-                        },
-                        {
-                            "name": "lazy",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Defines if data is loaded and interacted with in lazy manner."
-                        },
-                        {
-                            "name": "options",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "ScrollerOptions",
-                            "description": "Whether to use the scroller feature. The properties of scroller component can be used like an object in it."
-                        },
-                        {
-                            "name": "delay",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "250",
-                            "description": "Threshold in milliseconds to delay lazy loading during scrolling."
-                        }
-                    ]
-                },
-                "emits": {
-                    "description": "Defines emit that determine the behavior of the component based on a given condition or report the actions that the component takes.",
-                    "values": [
-                        {
-                            "name": "onLazyLoad",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "type": "VirtualScrollerLazyLoadEvent"
-                                }
-                            ],
-                            "description": "Callback to invoke in lazy mode to load new data."
-                        }
-                    ]
-                }
-            }
-        },
-        "interfaces": {
-            "components": {},
-            "templates": {
-                "description": "Defines the templates used by the component.",
-                "values": [
-                    {
-                        "parent": "virtualscroller",
-                        "name": "item",
-                        "parameters": [
-                            {
-                                "name": "context",
-                                "type": "{\n  \t $implicit: any, // Item instance.\n  \t options: ScrollerOptions, // Scroller options.\n  }",
-                                "description": "item data."
-                            }
-                        ],
-                        "description": "Custom item template."
-                    },
-                    {
-                        "parent": "virtualscroller",
-                        "name": "header",
-                        "parameters": [],
-                        "description": "Custom header template."
-                    },
-                    {
-                        "parent": "virtualscroller",
-                        "name": "footer",
-                        "parameters": [],
-                        "description": "Custom header template."
-                    }
-                ]
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/app/showcase/doc/autocomplete/accessibilitydoc.ts b/src/app/showcase/doc/autocomplete/accessibilitydoc.ts
deleted file mode 100644
index f240506..0000000
--- a/src/app/showcase/doc/autocomplete/accessibilitydoc.ts
+++ /dev/null
@@ -1,146 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Value to describe the component can either be provided via <i>label</i> tag combined with <i>inputId</i> prop or using <i>ariaLabelledBy</i>, <i>ariaLabel</i> props. The input element has <i>combobox</i> role in addition to
-                <i>aria-autocomplete</i>, <i>aria-haspopup</i> and <i>aria-expanded</i> attributes. The relation between the input and the popup is created with <i>aria-controls</i> and <i>aria-activedescendant</i> attribute is used to instruct
-                screen reader which option to read during keyboard navigation within the popup list.
-            </p>
-            <p>In multiple mode, chip list uses <i>listbox</i> role whereas each chip has the <i>option</i> role with <i>aria-label</i> set to the label of the chip.</p>
-            <p>
-                The popup list has an id that refers to the <i>aria-controls</i> attribute of the input element and uses <i>listbox</i> as the role. Each list item has <i>option</i> role and an id to match the <i>aria-activedescendant</i> of the
-                input element.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the input element when popup is not visible. If the popup is open and an item is highlighted then popup gets closed, item gets selected and focus moves to the next focusable element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>up arrow</i>
-                        </td>
-                        <td>Highlights the previous item if popup is visible.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>down arrow</i>
-                        </td>
-                        <td>Highlights the next item if popup is visible.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Selects the highlighted item and closes the popup if popup is visible.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>home</i>
-                        </td>
-                        <td>Highlights the first item if popup is visible.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>end</i>
-                        </td>
-                        <td>Highlights the last item if popup is visible.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>escape</i>
-                        </td>
-                        <td>Hides the popup.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Chips Input Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>backspace</i>
-                        </td>
-                        <td>Deletes the previous chip if the input field is empty.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>left arrow</i>
-                        </td>
-                        <td>Moves focus to the previous chip if available and input field is empty.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Chip Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>left arrow</i>
-                        </td>
-                        <td>Moves focus to the previous chip if available.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>right arrow</i>
-                        </td>
-                        <td>Moves focus to the next chip, if there is none then input field receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>backspace</i>
-                        </td>
-                        <td>Deletes the chips and adds focus to the input field.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<label for="ac1">Username</label>
-<p-autoComplete inputId="ac1"/>
-
-<span id="ac2">Email</span>
-<p-autoComplete ariaLabelledBy="ac2" />
-
-<p-autoComplete ariaLabel="City" />`
-    };
-}
diff --git a/src/app/showcase/doc/autocomplete/autocompletedoc.module.ts b/src/app/showcase/doc/autocomplete/autocompletedoc.module.ts
deleted file mode 100644
index 233e23a..0000000
--- a/src/app/showcase/doc/autocomplete/autocompletedoc.module.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-import { ImportDoc } from './importdoc';
-import { BasicDoc } from './basicdoc';
-import { TemplateDoc } from './templatedoc';
-import { GroupDoc } from './groupdoc';
-import { VirtualScrollDoc } from './virtualscrolldoc';
-import { MultipleDoc } from './multipledoc';
-import { StyleDoc } from './styledoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { DropdownDoc } from './dropdowndoc';
-import { ForceSelectionDoc } from './forceselectiondoc';
-import { ObjectsDoc } from './objectsdoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { FloatLabelDoc } from './floatlabeldoc';
-import { DisabledDoc } from './disableddoc';
-import { InvalidDoc } from './invaliddoc';
-import { FilledDoc } from './filleddoc';
-import { FloatLabelModule } from 'primeng/floatlabel';
-import { ShowClearDoc } from '@doc/autocomplete/showclear-doc.component';
-import { InputIconModule } from '../../../components/inputicon/inputicon';
-import { IconFieldModule } from '../../../components/iconfield/iconfield';
-import { ChevronDownIcon } from '../../../components/icons/chevrondown/chevrondown';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, FormsModule, AppDocModule, AutoCompleteModule, ReactiveFormsModule, RouterModule, FloatLabelModule, InputIconModule, IconFieldModule, ChevronDownIcon],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, TemplateDoc, GroupDoc, VirtualScrollDoc, MultipleDoc, StyleDoc, AccessibilityDoc, DropdownDoc, ForceSelectionDoc, ObjectsDoc, ReactiveFormsDoc, FloatLabelDoc, DisabledDoc, InvalidDoc, FilledDoc, ShowClearDoc]
-})
-export class AutoCompleteDocModule {}
diff --git a/src/app/showcase/doc/autocomplete/basicdoc.ts b/src/app/showcase/doc/autocomplete/basicdoc.ts
deleted file mode 100644
index 717b268..0000000
--- a/src/app/showcase/doc/autocomplete/basicdoc.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'basic-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                AutoComplete uses <i>ngModel</i> for two-way binding, requires a list of suggestions and a <i>completeMethod</i> to query for the results. The completeMethod gets the query text as <i>event.query</i> property and should update the
-                suggestions with the search results.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-autoComplete [(ngModel)]="selectedItem" [suggestions]="suggestions" (completeMethod)="search($event)" placeholder="Search" />
-        </div>
-        <app-code [code]="code" selector="autocomplete-basic-demo"></app-code>`
-})
-export class BasicDoc {
-    items: any[] | undefined;
-
-    selectedItem: any;
-
-    suggestions: any[] | undefined;
-
-    search(event: AutoCompleteCompleteEvent) {
-        this.suggestions = [...Array(10).keys()].map((item) => event.query + '-' + item);
-    }
-
-    code: Code = {
-        basic: `<p-autoComplete
-    [(ngModel)]="selectedItem"
-    [suggestions]="suggestions"
-    (completeMethod)="search($event)" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-autoComplete
-        [(ngModel)]="selectedItem"
-        [suggestions]="suggestions"
-        (completeMethod)="search($event)" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-basic-demo',
-    templateUrl: './autocomplete-basic-demo.html',
-    imports: [AutoCompleteModule, FormsModule],
-    standalone: true,
-})
-export class AutocompleteBasicDemo {
-    items: any[] | undefined;
-
-    selectedItem: any;
-
-    suggestions: any[] | undefined;
-
-    search(event: AutoCompleteCompleteEvent) {
-        this.suggestions = [...Array(10).keys()].map(item => event.query + '-' + item);
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/autocomplete/disableddoc.ts b/src/app/showcase/doc/autocomplete/disableddoc.ts
deleted file mode 100644
index b5ecb63..0000000
--- a/src/app/showcase/doc/autocomplete/disableddoc.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'disabled-doc',
-    template: ` <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-autoComplete [(ngModel)]="selectedItem" [suggestions]="suggestions" placeholder="Search" (completeMethod)="search($event)" [disabled]="true" />
-        </div>
-        <app-code [code]="code" selector="autocomplete-disabled-demo"></app-code>`
-})
-export class DisabledDoc {
-    items: any[] | undefined;
-
-    selectedItem: any;
-
-    suggestions: any[] | undefined;
-
-    search(event: AutoCompleteCompleteEvent) {
-        this.suggestions = [...Array(10).keys()].map((item) => event.query + '-' + item);
-    }
-
-    code: Code = {
-        basic: `<p-autoComplete 
-    [(ngModel)]="selectedItem" 
-    [suggestions]="suggestions"
-    (completeMethod)="search($event)" 
-    [disabled]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-autoComplete 
-        [(ngModel)]="selectedItem" 
-        [suggestions]="suggestions" 
-        (completeMethod)="search($event)" 
-        [disabled]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-import { FormsModule } from '@angular/forms';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-disabled-demo',
-    templateUrl: './autocomplete-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, AutoCompleteModule]
-})
-export class AutocompleteDisabledDemo {
-    items: any[] | undefined;
-
-    selectedItem: any;
-
-    suggestions: any[] | undefined;
-
-    search(event: AutoCompleteCompleteEvent) {
-        this.suggestions = [...Array(10).keys()].map(item => event.query + '-' + item);
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/autocomplete/dropdowndoc.ts b/src/app/showcase/doc/autocomplete/dropdowndoc.ts
deleted file mode 100644
index b252999..0000000
--- a/src/app/showcase/doc/autocomplete/dropdowndoc.ts
+++ /dev/null
@@ -1,150 +0,0 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { Code } from '@domain/code';
-import { CountryService } from '@service/countryservice';
-import { PlatformService } from '@service/platformservice';
-import { AutoComplete } from '../../../components/autocomplete/autocomplete';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'dropdown-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                Enabling <i>dropdown</i> property displays a button next to the input field where click behavior of the button is defined using <i>dropdownMode</i> property that takes <strong>blank</strong> or <strong>current</strong> as possible
-                values. <i>blank</i> is the default mode to send a query with an empty string whereas <i>current</i> setting sends a query with the current value of the input.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <div class="relative autocomplete-dropdown-container w-13">
-                <p-autoComplete #auto styleClass="w-full" panelStyleClass="w-13" [(ngModel)]="selectedCountry" [dropdown]="true" placeholder="Search" [suggestions]="filteredCountries" (completeMethod)="filterCountry($event)" optionLabel="name" />
-                <div class="autocomplete-dropdown-trigger" role="button" aria-label="dropdown trigger" (click)="dropdownClick($event, auto)">
-                    <ChevronDownIcon></ChevronDownIcon>
-                </div>
-            </div>
-        </div>
-        <app-code [code]="code" selector="autocomplete-dropdown-demo"></app-code>`
-})
-export class DropdownDoc implements OnInit {
-    countries: any[] | undefined;
-
-    selectedCountry: any;
-
-    filteredCountries: any[] | undefined;
-
-    @ViewChild('auto') autoComplete!: AutoComplete;
-
-    constructor(
-        private countryService: CountryService,
-        private PlatformService: PlatformService
-    ) {}
-
-    ngOnInit() {
-        if (this.PlatformService.isBrowser()) {
-            this.countryService.getCountries().then((countries) => {
-                this.countries = countries;
-            });
-        }
-    }
-
-    dropdownClick($event: Event, auto: AutoComplete) {
-        auto.handleDropdownClick($event);
-    }
-
-    filterCountry(event: AutoCompleteCompleteEvent) {
-        let filtered: any[] = [];
-        let query = event.query;
-
-        for (let i = 0; i < (this.countries as any[]).length; i++) {
-            let country = (this.countries as any[])[i];
-            if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
-                filtered.push(country);
-            }
-        }
-
-        this.filteredCountries = filtered;
-    }
-
-    code: Code = {
-        basic: `<div class="relative autocomplete-dropdown-container">
-    <p-autoComplete #auto [(ngModel)]="selectedCountry" [dropdown]="true" placeholder="Search" [suggestions]="filteredCountries" (completeMethod)="filterCountry($event)" optionLabel="name" />
-    <div class="autocomplete-dropdown-trigger" role="button" aria-label="dropdown trigger" (click)="dropdownClick($event, auto)">
-       <ChevronDownIcon></ChevronDownIcon>
-    </div>
-</div>`,
-
-        html: `<div class="card flex justify-center">
-    <div class="relative autocomplete-dropdown-container">
-        <p-autoComplete #auto [(ngModel)]="selectedCountry" [dropdown]="true" placeholder="Search" [suggestions]="filteredCountries" (completeMethod)="filterCountry($event)" optionLabel="name" />
-        <div class="autocomplete-dropdown-trigger" role="button" aria-label="dropdown trigger" (click)="dropdownClick($event, auto)">
-            <ChevronDownIcon></ChevronDownIcon>
-        </div>
-    </div>
-</div>`,
-
-        typescript: `import { Component, OnInit, ViewChild } from '@angular/core';
-import { CountryService } from '@service/countryservice';
-import { FormsModule } from '@angular/forms';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-import { AutoComplete } from '../../../components/autocomplete/autocomplete';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-dropdown-demo',
-    templateUrl: './autocomplete-dropdown-demo.html',
-    standalone:true,
-    imports: [FormsModule, AutoCompleteModule],
-    providers:[CountryService]
-})
-export class AutocompleteDropdownDemo implements OnInit {
-    countries: any[] | undefined;
-
-    selectedCountry: any;
-
-    filteredCountries: any[] | undefined;
-
-    @ViewChild('auto') autoComplete!: AutoComplete;
-
-    constructor(private countryService: CountryService) {}
-
-    ngOnInit() {
-        this.countryService.getCountries().then((countries) => {
-            this.countries = countries;
-        });
-    }
-
-    dropdownClick($event: Event, auto: AutoComplete) {
-        auto.handleDropdownClick($event);
-    }
-
-    filterCountry(event: AutoCompleteCompleteEvent) {
-        let filtered: any[] = [];
-        let query = event.query;
-
-        for (let i = 0; i < (this.countries as any[]).length; i++) {
-            let country = (this.countries as any[])[i];
-            if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
-                filtered.push(country);
-            }
-        }
-
-        this.filteredCountries = filtered;
-    }
-}`,
-        service: ['CountryService'],
-
-        data: `
-//CountryService
-{
-    "name": "Afghanistan",
-    "code": "AF"
-}
-...`
-    };
-}
diff --git a/src/app/showcase/doc/autocomplete/filleddoc.ts b/src/app/showcase/doc/autocomplete/filleddoc.ts
deleted file mode 100644
index a18ab23..0000000
--- a/src/app/showcase/doc/autocomplete/filleddoc.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'filled-doc',
-    template: ` <app-docsectiontext>
-            <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-autoComplete [(ngModel)]="selectedItem" [suggestions]="suggestions" (completeMethod)="search($event)" variant="filled" />
-        </div>
-        <app-code [code]="code" selector="autocomplete-filled-demo"></app-code>`
-})
-export class FilledDoc {
-    items: any[] | undefined;
-
-    selectedItem: any;
-
-    suggestions: any[] | undefined;
-
-    search(event: AutoCompleteCompleteEvent) {
-        this.suggestions = [...Array(10).keys()].map((item) => event.query + '-' + item);
-    }
-
-    code: Code = {
-        basic: `<p-autoComplete
-    [(ngModel)]="selectedItem"
-    [suggestions]="suggestions"
-    (completeMethod)="search($event)"
-    variant="filled" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-autoComplete
-        [(ngModel)]="selectedItem"
-        [suggestions]="suggestions"
-        (completeMethod)="search($event)"
-        variant="filled" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-filled-demo',
-    templateUrl: './autocomplete-filled-demo.html',
-    imports: [AutoCompleteModule, FormsModule],
-    standalone: true,
-})
-export class AutocompleteFilledDemo {
-    items: any[] | undefined;
-
-    selectedItem: any;
-
-    suggestions: any[] | undefined;
-
-    search(event: AutoCompleteCompleteEvent) {
-        this.suggestions = [...Array(10).keys()].map(item => event.query + '-' + item);
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/autocomplete/floatlabeldoc.ts b/src/app/showcase/doc/autocomplete/floatlabeldoc.ts
deleted file mode 100644
index cb14a9d..0000000
--- a/src/app/showcase/doc/autocomplete/floatlabeldoc.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'float-label-doc',
-    template: ` <app-docsectiontext>
-            <p>A floating label appears on top of the input field when focused. Visit <a routerLink="/floatlabel">FloatLabel</a> documentation for more information.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <p-autoComplete [(ngModel)]="selectedItem" [suggestions]="suggestions" (completeMethod)="search($event)" inputId="float-label" />
-                <label for="float-label">Float Label</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <p-autoComplete [(ngModel)]="selectedItem" [suggestions]="suggestions" (completeMethod)="search($event)" inputId="float-label" />
-                <label for="float-label">Float Label</label>
-            </p-floatLabel>
-        </div>
-        <app-code [code]="code" selector="autocomplete-float-label-demo"></app-code>`
-})
-export class FloatLabelDoc {
-    items: any[] | undefined;
-
-    selectedItem: any;
-
-    suggestions: any[] | undefined;
-
-    search(event: AutoCompleteCompleteEvent) {
-        this.suggestions = [...Array(10).keys()].map((item) => event.query + '-' + item);
-    }
-
-    code: Code = {
-        basic: `<p-floatLabel>
-    <p-autoComplete
-        [(ngModel)]="selectedItem"
-        [suggestions]="suggestions"
-        (completeMethod)="search($event)"
-        inputId="float-label" />
-    <label for="float-label">Float Label</label>
-</p-floatLabel>
-
-<p-floatLabel class="float-variant-in">
-    <p-autoComplete
-        [(ngModel)]="selectedItem"
-        [suggestions]="suggestions"
-        (completeMethod)="search($event)"
-        inputId="float-label" />
-    <label for="float-label">Float Label</label>
-</p-floatLabel>
-`,
-
-        html: `<div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <p-autoComplete [(ngModel)]="selectedItem" [suggestions]="suggestions" (completeMethod)="search($event)" inputId="float-label" />
-                <label for="float-label">Float Label</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <p-autoComplete [(ngModel)]="selectedItem" [suggestions]="suggestions" (completeMethod)="search($event)" inputId="float-label" />
-                <label for="float-label">Float Label</label>
-            </p-floatLabel>
-        </div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-import { FloatLabelModule } from 'primeng/floatlabel';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-float-label-demo',
-    templateUrl: './autocomplete-float-label-demo.html',
-    standalone: true,
-    imports: [FormsModule, AutoCompleteModule, FloatLabelModule]
-})
-export class AutocompleteFloatLabelDemo {
-    items: any[] | undefined;
-
-    selectedItem: any;
-
-    suggestions: any[] | undefined;
-
-    search(event: AutoCompleteCompleteEvent) {
-        this.suggestions = [...Array(10).keys()].map(item => event.query + '-' + item);
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/autocomplete/forceselectiondoc.ts b/src/app/showcase/doc/autocomplete/forceselectiondoc.ts
deleted file mode 100644
index 35218ce..0000000
--- a/src/app/showcase/doc/autocomplete/forceselectiondoc.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { CountryService } from '@service/countryservice';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'force-selection-doc',
-    template: ` <app-docsectiontext>
-            <p>ForceSelection mode validates the manual input to check whether it also exists in the suggestions list, if not the input value is cleared to make sure the value passed to the model is always one of the suggestions.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-autoComplete [(ngModel)]="selectedCountry" [forceSelection]="true" [suggestions]="filteredCountries" (completeMethod)="filterCountry($event)" optionLabel="name" />
-        </div>
-        <app-code [code]="code" selector="autocomplete-force-selection-demo"></app-code>`
-})
-export class ForceSelectionDoc implements OnInit {
-    @Input() id: string;
-
-    @Input() title: string;
-
-    countries: any[] | undefined;
-
-    selectedCountry: any;
-
-    filteredCountries: any[] | undefined;
-
-    constructor(private countryService: CountryService) {}
-
-    ngOnInit() {
-        this.countryService.getCountries().then((countries) => {
-            this.countries = countries;
-        });
-    }
-
-    filterCountry(event: AutoCompleteCompleteEvent) {
-        let filtered: any[] = [];
-        let query = event.query;
-
-        for (let i = 0; i < (this.countries as any[]).length; i++) {
-            let country = (this.countries as any[])[i];
-            if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
-                filtered.push(country);
-            }
-        }
-
-        this.filteredCountries = filtered;
-    }
-
-    code: Code = {
-        basic: `<p-autoComplete
-    [(ngModel)]="selectedCountry"
-    [forceSelection]="true"
-    [suggestions]="filteredCountries"
-    (completeMethod)="filterCountry($event)"
-    optionLabel="name" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-autoComplete
-        [(ngModel)]="selectedCountry"
-        [forceSelection]="true"
-        [suggestions]="filteredCountries"
-        (completeMethod)="filterCountry($event)"
-        optionLabel="name" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { CountryService } from '@service/countryservice';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-import { FormsModule } from '@angular/forms';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-force-selection-demo',
-    templateUrl: './autocomplete-force-selection-demo.html',
-    standalone: true,
-    imports: [FormsModule, AutoCompleteModule],
-    providers: [CountryService]
-})
-export class AutocompleteForceSelectionDemo implements OnInit {
-    countries: any[] | undefined;
-
-    selectedCountry: any;
-
-    filteredCountries: any[] | undefined;
-
-    constructor(private countryService: CountryService) {}
-
-    ngOnInit() {
-        this.countryService.getCountries().then((countries) => {
-            this.countries = countries;
-        });
-    }
-
-    filterCountry(event: AutoCompleteCompleteEvent) {
-        let filtered: any[] = [];
-        let query = event.query;
-
-        for (let i = 0; i < (this.countries as any[]).length; i++) {
-            let country = (this.countries as any[])[i];
-            if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
-                filtered.push(country);
-            }
-        }
-
-        this.filteredCountries = filtered;
-    }
-}`,
-        service: ['CountryService'],
-
-        data: `
-//CountryService
-{
-    "name": "Afghanistan",
-    "code": "AF"
-}
-...`
-    };
-}
diff --git a/src/app/showcase/doc/autocomplete/groupdoc.ts b/src/app/showcase/doc/autocomplete/groupdoc.ts
deleted file mode 100644
index 7babe95..0000000
--- a/src/app/showcase/doc/autocomplete/groupdoc.ts
+++ /dev/null
@@ -1,202 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FilterService, SelectItemGroup } from 'primeng/api';
-import { Code } from '@domain/code';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'grouped-doc',
-    template: ` <app-docsectiontext>
-            <p>Option grouping is enabled when <i>group</i> property is set to <i>true</i>. <i>group</i> template is available to customize the option groups. All templates get the option instance as the default local template variable.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-autoComplete [(ngModel)]="selectedCity" [group]="true" [suggestions]="filteredGroups" (completeMethod)="filterGroupedCity($event)" placeholder="Hint: type 'a'">
-                <ng-template let-group pTemplate="group">
-                    <div class="flex items-center">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'mr-2 flag flag-' + group.value" style="width: 20px" />
-                        <span>{{ group.label }}</span>
-                    </div>
-                </ng-template>
-            </p-autoComplete>
-        </div>
-        <app-code [code]="code" selector="autocomplete-grouped-demo"></app-code>`
-})
-export class GroupDoc implements OnInit {
-    selectedCity: any;
-
-    filteredGroups: any[] | undefined;
-
-    groupedCities: SelectItemGroup[] | undefined;
-
-    constructor(private filterService: FilterService) {}
-
-    ngOnInit() {
-        this.groupedCities = [
-            {
-                label: 'Germany',
-                value: 'de',
-                items: [
-                    { label: 'Berlin', value: 'Berlin' },
-                    { label: 'Frankfurt', value: 'Frankfurt' },
-                    { label: 'Hamburg', value: 'Hamburg' },
-                    { label: 'Munich', value: 'Munich' }
-                ]
-            },
-            {
-                label: 'USA',
-                value: 'us',
-                items: [
-                    { label: 'Chicago', value: 'Chicago' },
-                    { label: 'Los Angeles', value: 'Los Angeles' },
-                    { label: 'New York', value: 'New York' },
-                    { label: 'San Francisco', value: 'San Francisco' }
-                ]
-            },
-            {
-                label: 'Japan',
-                value: 'jp',
-                items: [
-                    { label: 'Kyoto', value: 'Kyoto' },
-                    { label: 'Osaka', value: 'Osaka' },
-                    { label: 'Tokyo', value: 'Tokyo' },
-                    { label: 'Yokohama', value: 'Yokohama' }
-                ]
-            }
-        ];
-    }
-
-    filterGroupedCity(event: AutoCompleteCompleteEvent) {
-        let query = event.query;
-        let filteredGroups = [];
-
-        for (let optgroup of this.groupedCities as SelectItemGroup[]) {
-            let filteredSubOptions = this.filterService.filter(optgroup.items, ['label'], query, 'contains');
-            if (filteredSubOptions && filteredSubOptions.length) {
-                filteredGroups.push({
-                    label: optgroup.label,
-                    value: optgroup.value,
-                    items: filteredSubOptions
-                });
-            }
-        }
-
-        this.filteredGroups = filteredGroups;
-    }
-
-    code: Code = {
-        basic: `<p-autoComplete 
-    [(ngModel)]="selectedCity" 
-    [group]="true" 
-    [suggestions]="filteredGroups" 
-    (completeMethod)="filterGroupedCity($event)" 
-    placeholder="Hint: type 'a'">
-        <ng-template let-group pTemplate="group">
-            <div class="flex items-center">
-                <img 
-                    src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" 
-                    [class]="'mr-2 flag flag-' + group.value" 
-                    style="width: 20px" />
-                <span>{{ group.label }}</span>
-            </div>
-        </ng-template>
-</p-autoComplete>`,
-
-        html: `<div class="card flex justify-center">
-    <p-autoComplete 
-        [(ngModel)]="selectedCity" 
-        [group]="true" 
-        [suggestions]="filteredGroups" 
-        (completeMethod)="filterGroupedCity($event)" 
-        placeholder="Hint: type 'a'">
-            <ng-template let-group pTemplate="group">
-                <div class="flex items-center">
-                    <img 
-                        src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                        [class]="'mr-2 flag flag-' + group.value" 
-                        style="width: 20px" />
-                    <span>{{ group.label }}</span>
-                </div>
-            </ng-template>
-    </p-autoComplete>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FilterService, SelectItemGroup } from 'primeng/api';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-import { FormsModule } from '@angular/forms';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-grouped-demo',
-    templateUrl: './autocomplete-grouped-demo.html',
-    standalone: true,
-    imports: [AutoCompleteModule, FormsModule],
-  })
-export class AutocompleteGroupedDemo implements OnInit {
-    selectedCity: any;
-
-    filteredGroups: any[] | undefined;
-
-    groupedCities: SelectItemGroup[] | undefined;
-
-    constructor(private filterService: FilterService) { }
-
-    ngOnInit() {
-        this.groupedCities = [
-            {
-                label: 'Germany', value: 'de',
-                items: [
-                    { label: 'Berlin', value: 'Berlin' },
-                    { label: 'Frankfurt', value: 'Frankfurt' },
-                    { label: 'Hamburg', value: 'Hamburg' },
-                    { label: 'Munich', value: 'Munich' }
-                ]
-            },
-            {
-                label: 'USA', value: 'us',
-                items: [
-                    { label: 'Chicago', value: 'Chicago' },
-                    { label: 'Los Angeles', value: 'Los Angeles' },
-                    { label: 'New York', value: 'New York' },
-                    { label: 'San Francisco', value: 'San Francisco' }
-                ]
-            },
-            {
-                label: 'Japan', value: 'jp',
-                items: [
-                    { label: 'Kyoto', value: 'Kyoto' },
-                    { label: 'Osaka', value: 'Osaka' },
-                    { label: 'Tokyo', value: 'Tokyo' },
-                    { label: 'Yokohama', value: 'Yokohama' }
-                ]
-            }
-        ];
-    }
-
-    filterGroupedCity(event: AutoCompleteCompleteEvent) {
-        let query = event.query;
-        let filteredGroups = [];
-
-        for (let optgroup of this.groupedCities) {
-            let filteredSubOptions = this.filterService.filter(optgroup.items, ['label'], query, "contains");
-            if (filteredSubOptions && filteredSubOptions.length) {
-                filteredGroups.push({
-                    label: optgroup.label,
-                    value: optgroup.value,
-                    items: filteredSubOptions
-                });
-            }
-        }
-
-        this.filteredGroups = filteredGroups;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/autocomplete/importdoc.ts b/src/app/showcase/doc/autocomplete/importdoc.ts
deleted file mode 100644
index 7dd4e99..0000000
--- a/src/app/showcase/doc/autocomplete/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code>`
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { AutoCompleteModule } from 'primeng/autocomplete';`
-    };
-}
diff --git a/src/app/showcase/doc/autocomplete/invaliddoc.ts b/src/app/showcase/doc/autocomplete/invaliddoc.ts
deleted file mode 100644
index 139cd82..0000000
--- a/src/app/showcase/doc/autocomplete/invaliddoc.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'invalid-doc',
-    template: ` <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-dirty</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-autoComplete [(ngModel)]="selectedItem" [suggestions]="suggestions" class="ng-invalid ng-dirty" (completeMethod)="search($event)" />
-        </div>
-        <app-code [code]="code" selector="autocomplete-invalid-demo"></app-code>`
-})
-export class InvalidDoc {
-    items: any[] | undefined;
-
-    selectedItem: any;
-
-    suggestions: any[] | undefined;
-
-    search(event: AutoCompleteCompleteEvent) {
-        this.suggestions = [...Array(10).keys()].map((item) => event.query + '-' + item);
-    }
-
-    code: Code = {
-        basic: `<p-autoComplete
-    class="ng-invalid ng-dirty" 
-    [(ngModel)]="selectedItem" 
-    [suggestions]="suggestions" 
-    (completeMethod)="search($event)" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-autoComplete 
-        class="ng-invalid ng-dirty" 
-        [(ngModel)]="selectedItem" 
-        [suggestions]="suggestions" 
-        (completeMethod)="search($event)" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-invalid-demo',
-    templateUrl: './autocomplete-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, AutoCompleteModule]
-})
-export class AutocompleteInvalidDemo {
-    items: any[] | undefined;
-
-    selectedItem: any;
-
-    suggestions: any[] | undefined;
-
-    search(event: AutoCompleteCompleteEvent) {
-        this.suggestions = [...Array(10).keys()].map(item => event.query + '-' + item);
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/autocomplete/multipledoc.ts b/src/app/showcase/doc/autocomplete/multipledoc.ts
deleted file mode 100644
index fbbb172..0000000
--- a/src/app/showcase/doc/autocomplete/multipledoc.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-import { Component, ViewChild } from '@angular/core';
-import { Code } from '@domain/code';
-import { AutoComplete } from '../../../components/autocomplete/autocomplete';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-multiple-demo',
-    template: ` <app-docsectiontext>
-            <p>Multiple mode is enabled using <i>multiple</i> property used to select more than one value from the autocomplete. In this case, value reference should be an array.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col gap-3">
-            <span class="p-fluid">
-                <p-autoComplete [(ngModel)]="selectedItems" [suggestions]="items" (completeMethod)="search($event)" [multiple]="true" />
-            </span>
-            <span class="p-fluid relative autocomplete-dropdown-container">
-                <p-autoComplete  #auto [(ngModel)]="selectedItems" [suggestions]="items" (completeMethod)="search($event)" [multiple]="true" />
-                <div class="autocomplete-dropdown-trigger" role="button" aria-label="dropdown trigger" (click)="dropdownClick($event, auto)">
-                    <ChevronDownIcon></ChevronDownIcon>
-                </div>
-            </span>
-            <span class="p-fluid relative autocomplete-dropdown-container">
-                <p-autoComplete  #auto [(ngModel)]="selectedItems" [suggestions]="items" (completeMethod)="search($event)" [multiple]="true">
-                  <ng-template let-item pTemplate="selectedItem">
-                    <div class="flex items-center">
-                        <i class="ti ti-check pr-3"></i> {{item}}
-                    </div>
-                  </ng-template>
-                </p-autoComplete>
-                <div class="autocomplete-dropdown-trigger" role="button" aria-label="dropdown trigger" (click)="dropdownClick($event, auto)">
-                    <ChevronDownIcon></ChevronDownIcon>
-                </div>
-            </span>
-        </div>
-        <app-code [code]="code" selector="autocomplete-multiple-demo"></app-code>`
-})
-export class MultipleDoc {
-    selectedItems: any[] | undefined;
-
-    items: any[] | undefined;
-
-    search(event: AutoCompleteCompleteEvent) {
-        this.items = [...Array(10).keys()].map((item) => event.query + '-' + item);
-    }
-
-    @ViewChild('auto') autoComplete!: AutoComplete;
-
-    dropdownClick($event: Event, auto: AutoComplete) {
-        auto.handleDropdownClick($event);
-    }
-
-    code: Code = {
-        basic: `<div class="card flex flex-col gap-3">
-    <span class="p-fluid">
-        <p-autoComplete [(ngModel)]="selectedItems" [suggestions]="items" (completeMethod)="search($event)" [multiple]="true" />
-    </span>
-    <span class="p-fluid relative autocomplete-dropdown-container">
-        <p-autoComplete  #auto [(ngModel)]="selectedItems" [suggestions]="items" (completeMethod)="search($event)" [multiple]="true" />
-            <div class="autocomplete-dropdown-trigger" role="button" aria-label="dropdown trigger" (click)="dropdownClick($event, auto)">
-                <ChevronDownIcon></ChevronDownIcon>
-            </div>
-    </span>
-    <span class="p-fluid relative autocomplete-dropdown-container">
-         <p-autoComplete  #auto [(ngModel)]="selectedItems" [suggestions]="items" (completeMethod)="search($event)" [multiple]="true">
-            <ng-template let-item pTemplate="selectedItem">
-                <div class="flex items-center">
-                    <i class="ti ti-check pr-3"></i> {{item}}
-                </div>
-            </ng-template>
-        </p-autoComplete>
-        <div class="autocomplete-dropdown-trigger" role="button" aria-label="dropdown trigger" (click)="dropdownClick($event, auto)">
-            <ChevronDownIcon></ChevronDownIcon>
-        </div>
-    </span>
-</div>`,
-
-        html: `<div class="card flex flex-col gap-3">
-    <span class="p-fluid">
-        <p-autoComplete [(ngModel)]="selectedItems" [suggestions]="items" (completeMethod)="search($event)" [multiple]="true" />
-    </span>
-    <span class="p-fluid relative autocomplete-dropdown-container">
-        <p-autoComplete  #auto [(ngModel)]="selectedItems" [suggestions]="items" (completeMethod)="search($event)" [multiple]="true" />
-        <div class="autocomplete-dropdown-trigger" role="button" aria-label="dropdown trigger" (click)="dropdownClick($event, auto)">
-            <ChevronDownIcon></ChevronDownIcon>
-        </div>
-    </span>
-    <span class="p-fluid relative autocomplete-dropdown-container">
-         <p-autoComplete  #auto [(ngModel)]="selectedItems" [suggestions]="items" (completeMethod)="search($event)" [multiple]="true">
-            <ng-template let-item pTemplate="selectedItem">
-                <div class="flex items-center">
-                    <i class="ti ti-check pr-3"></i> {{item}}
-                </div>
-            </ng-template>
-        </p-autoComplete>
-        <div class="autocomplete-dropdown-trigger" role="button" aria-label="dropdown trigger" (click)="dropdownClick($event, auto)">
-            <ChevronDownIcon></ChevronDownIcon>
-        </div>
-    </span>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-multiple-demo',
-    templateUrl: './autocomplete-multiple-demo.html',
-    standalone: true,
-    imports: [FormsModule, AutoCompleteModule]
-})
-export class AutocompleteMultipleDemo {
-    selectedItems: any[] | undefined;
-
-    items: any[] | undefined;
-
-    search(event: AutoCompleteCompleteEvent) {
-        this.items = [...Array(10).keys()].map((item) => event.query + '-' + item);
-    }
-
-    @ViewChild('auto') autoComplete!: AutoComplete;
-
-    dropdownClick($event: Event, auto: AutoComplete) {
-        auto.handleDropdownClick($event);
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/autocomplete/objectsdoc.ts b/src/app/showcase/doc/autocomplete/objectsdoc.ts
deleted file mode 100644
index 97336c9..0000000
--- a/src/app/showcase/doc/autocomplete/objectsdoc.ts
+++ /dev/null
@@ -1,124 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { CountryService } from '@service/countryservice';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-objects-demo',
-    template: ` <app-docsectiontext>
-            <p>
-                AutoComplete can also work with objects using the <i>optionLabel</i> property that defines the label to display as a suggestion. The value passed to the model would still be the object instance of a suggestion. Here is an example with a
-                Country object that has name and code fields such as <i>&#123;name: "United States", code:"USA"&#125;</i>.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-autoComplete [(ngModel)]="selectedCountry" placeholder="Search" [suggestions]="filteredCountries" (completeMethod)="filterCountry($event)" optionLabel="name" />
-        </div>
-        <app-code [code]="code" selector="autocomplete-objects-demo"></app-code>`
-})
-export class ObjectsDoc implements OnInit {
-    countries: any[] | undefined;
-
-    selectedCountry: any;
-
-    filteredCountries: any[] | undefined;
-
-    constructor(private countryService: CountryService) {}
-
-    ngOnInit() {
-        this.countryService.getCountries().then((countries) => {
-            this.countries = countries;
-        });
-    }
-
-    filterCountry(event: AutoCompleteCompleteEvent) {
-        let filtered: any[] = [];
-        let query = event.query;
-
-        for (let i = 0; i < (this.countries as any[]).length; i++) {
-            let country = (this.countries as any[])[i];
-            if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
-                filtered.push(country);
-            }
-        }
-
-        this.filteredCountries = filtered;
-    }
-
-    code: Code = {
-        basic: `<p-autoComplete
-    [(ngModel)]="selectedCountry"
-    [suggestions]="filteredCountries"
-    (completeMethod)="filterCountry($event)"
-    optionLabel="name" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-autoComplete
-        [(ngModel)]="selectedCountry"
-        [suggestions]="filteredCountries"
-        (completeMethod)="filterCountry($event)"
-        optionLabel="name" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { CountryService } from '@service/countryservice';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-import { FormsModule } from '@angular/forms';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-objects-demo',
-    templateUrl: './autocomplete-objects-demo.html',
-    standalone: true,
-    imports: [AutoCompleteModule, FormsModule],
-    providers: [CountryService]
-
-})
-export class AutocompleteObjectsDemo implements OnInit {
-    countries: any[] | undefined;
-
-    selectedCountry: any;
-
-    filteredCountries: any[] | undefined;
-
-    constructor(private countryService: CountryService) {}
-
-    ngOnInit() {
-        this.countryService.getCountries().then((countries) => {
-            this.countries = countries;
-        });
-    }
-
-    filterCountry(event: AutoCompleteCompleteEvent) {
-        let filtered: any[] = [];
-        let query = event.query;
-
-        for (let i = 0; i < (this.countries as any[]).length; i++) {
-            let country = (this.countries as any[])[i];
-            if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
-                filtered.push(country);
-            }
-        }
-
-        this.filteredCountries = filtered;
-    }
-}`,
-        service: ['CountryService'],
-
-        data: `
-//CountryService
-{
-    "name": "Afghanistan",
-    "code": "AF"
-}
-...`
-    };
-}
diff --git a/src/app/showcase/doc/autocomplete/reactiveformsdoc.ts b/src/app/showcase/doc/autocomplete/reactiveformsdoc.ts
deleted file mode 100644
index 73af3ba..0000000
--- a/src/app/showcase/doc/autocomplete/reactiveformsdoc.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { Code } from '@domain/code';
-import { CountryService } from '@service/countryservice';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: ` <app-docsectiontext>
-            <p>AutoComplete can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <p-autoComplete formControlName="selectedCountry" [suggestions]="filteredCountries" (completeMethod)="filterCountry($event)" optionLabel="name" placeholder="Search" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="autocomplete-reactive-forms-demo"></app-code>`
-})
-export class ReactiveFormsDoc implements OnInit {
-    countries: any[] | undefined;
-
-    formGroup: FormGroup | undefined;
-
-    filteredCountries: any[] | undefined;
-
-    constructor(private countryService: CountryService) {}
-
-    ngOnInit() {
-        this.countryService.getCountries().then((countries) => {
-            this.countries = countries;
-        });
-
-        this.formGroup = new FormGroup({
-            selectedCountry: new FormControl<object | null>(null)
-        });
-    }
-
-    filterCountry(event: AutoCompleteCompleteEvent) {
-        let filtered: any[] = [];
-        let query = event.query;
-
-        for (let i = 0; i < (this.countries as any[]).length; i++) {
-            let country = (this.countries as any[])[i];
-            if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
-                filtered.push(country);
-            }
-        }
-
-        this.filteredCountries = filtered;
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <p-autoComplete
-        formControlName="selectedCountry"
-        [suggestions]="filteredCountries"
-        (completeMethod)="filterCountry($event)"
-        optionLabel="name" />
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup">
-        <p-autoComplete
-            formControlName="selectedCountry"
-            [suggestions]="filteredCountries"
-            (completeMethod)="filterCountry($event)"
-            optionLabel="name" />
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { CountryService } from '@service/countryservice';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-reactive-forms-demo',
-    templateUrl: './autocomplete-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, AutoCompleteModule],
-    providers: [CountryService]
-})
-export class AutocompleteReactiveFormsDemo implements OnInit {
-    countries: any[] | undefined;
-
-    formGroup: FormGroup | undefined;
-
-    filteredCountries: any[] | undefined;
-
-    constructor(private countryService: CountryService) {}
-
-    ngOnInit() {
-        this.countryService.getCountries().then((countries) => {
-            this.countries = countries;
-        });
-
-        this.formGroup = new FormGroup({
-            selectedCountry: new FormControl<object | null>(null)
-        });
-    }
-
-    filterCountry(event: AutoCompleteCompleteEvent) {
-        let filtered: any[] = [];
-        let query = event.query;
-
-        for (let i = 0; i < (this.countries as any[]).length; i++) {
-            let country = (this.countries as any[])[i];
-            if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
-                filtered.push(country);
-            }
-        }
-
-        this.filteredCountries = filtered;
-    }
-}`,
-        service: ['CountryService'],
-
-        data: `
-//CountryService
-{
-    "name": "Afghanistan",
-    "code": "AF"
-}
-...`
-    };
-}
diff --git a/src/app/showcase/doc/autocomplete/showclear-doc.component.ts b/src/app/showcase/doc/autocomplete/showclear-doc.component.ts
deleted file mode 100644
index 1b575d2..0000000
--- a/src/app/showcase/doc/autocomplete/showclear-doc.component.ts
+++ /dev/null
@@ -1,151 +0,0 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { Code } from '@domain/code';
-import { CountryService } from '@service/countryservice';
-import { PlatformService } from '@service/platformservice';
-import { FormBuilder, FormGroup } from '@angular/forms';
-import { AutoComplete } from '../../../components/autocomplete/autocomplete';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'dropdown-clear-icon-demo',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>showClear</i> is enabled, a clear icon is added to reset the Autocomplete.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center" [formGroup]="countryFormGroup">
-            <div class="relative autocomplete-dropdown-container w-13">
-                <p-autoComplete #auto  styleClass="w-full" panelStyleClass="w-13" formControlName="country" [dropdown]="true" [showClear]="true" placeholder="Search" [suggestions]="filteredCountries" (completeMethod)="filterCountry($event)" optionLabel="name" />
-                <div class="autocomplete-dropdown-trigger" role="button" aria-label="dropdown trigger" (click)="dropdownClick($event, auto)">
-                    <ChevronDownIcon></ChevronDownIcon>
-                </div>
-            </div>
-        </div>
-        <app-code [code]="code" selector="dropdown-clear-icon-demo"></app-code>
-    `
-})
-export class ShowClearDoc implements OnInit {
-    countries: any[] | undefined;
-
-    countryFormGroup: FormGroup = this.formBuilder.group({
-        'country': [{ name: 'Switzerland', code: 'CH' }]
-    });
-
-    filteredCountries: any[] | undefined;
-
-    @ViewChild('auto') autoComplete!: AutoComplete;
-
-    constructor(private countryService: CountryService, private PlatformService: PlatformService, private formBuilder: FormBuilder) {}
-
-    ngOnInit() {
-        if (this.PlatformService.isBrowser()) {
-            this.countryService.getCountries().then((countries) => {
-                this.countries = countries;
-            });
-        }
-    }
-
-    dropdownClick($event: Event, auto: AutoComplete) {
-        auto.handleDropdownClick($event);
-    }
-
-    filterCountry(event: AutoCompleteCompleteEvent) {
-        let filtered: any[] = [];
-        let query = event.query;
-
-        for (let i = 0; i < (this.countries as any[]).length; i++) {
-            let country = (this.countries as any[])[i];
-            if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
-                filtered.push(country);
-            }
-        }
-
-        this.filteredCountries = filtered;
-    }
-
-    code: Code = {
-        basic: `<div class="relative autocomplete-dropdown-container">
-    <p-autoComplete #auto formControlName="country" [dropdown]="true" [showClear]="true" placeholder="Search" [suggestions]="filteredCountries" (completeMethod)="filterCountry($event)" optionLabel="name" />
-    <div class="autocomplete-dropdown-trigger" role="button" aria-label="dropdown trigger" (click)="dropdownClick($event, auto)">
-        <ChevronDownIcon></ChevronDownIcon>
-    </div>
-</div>`,
-
-        html: `<div class="card flex justify-center" [formGroup]="countryFormGroup">
-    <div class="relative autocomplete-dropdown-container">
-        <p-autoComplete #auto formControlName="country" [dropdown]="true" [showClear]="true" placeholder="Search" [suggestions]="filteredCountries" (completeMethod)="filterCountry($event)" optionLabel="name" />
-        <div class="autocomplete-dropdown-trigger" role="button" aria-label="dropdown trigger" (click)="dropdownClick($event, auto)">
-            <ChevronDownIcon></ChevronDownIcon>
-        </div>
-    </div>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { CountryService } from '@service/countryservice';
-import { FormsModule } from '@angular/forms';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-import { FormBuilder, FormGroup } from '@angular/forms';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-dropdown-demo',
-    templateUrl: './autocomplete-dropdown-demo.html',
-    standalone:true,
-    imports: [FormsModule, AutoCompleteModule],
-    providers:[CountryService]
-})
-export class AutocompleteShowClearDemo implements OnInit {
-    countries: any[] | undefined;
-
-    countryFormGroup: FormGroup = this.formBuilder.group({
-        'country': [{ name: 'Switzerland', code: 'CH' }]
-    });
-
-    filteredCountries: any[] | undefined;
-
-    @ViewChild('auto') autoComplete!: AutoComplete;
-
-    constructor(private countryService: CountryService, private formBuilder: FormBuilder) {}
-
-    ngOnInit() {
-        this.countryService.getCountries().then((countries) => {
-            this.countries = countries;
-        });
-    }
-
-    dropdownClick($event: Event, auto: AutoComplete) {
-        auto.handleDropdownClick($event);
-    }
-
-    filterCountry(event: AutoCompleteCompleteEvent) {
-        let filtered: any[] = [];
-        let query = event.query;
-
-        for (let i = 0; i < (this.countries as any[]).length; i++) {
-            let country = (this.countries as any[])[i];
-            if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
-                filtered.push(country);
-            }
-        }
-
-        this.filteredCountries = filtered;
-    }
-}`,
-        service: ['CountryService'],
-
-        data: `
-//CountryService
-{
-    "name": "Afghanistan",
-    "code": "AF"
-}
-...`
-    };
-}
diff --git a/src/app/showcase/doc/autocomplete/styledoc.ts b/src/app/showcase/doc/autocomplete/styledoc.ts
deleted file mode 100644
index 41f3913..0000000
--- a/src/app/showcase/doc/autocomplete/styledoc.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: ` <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <i>theming page.</i></p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-autocomplete</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-autocomplete-panel</td>
-                        <td>Overlay panel of suggestions.</td>
-                    </tr>
-                    <tr>
-                        <td>p-autocomplete-items</td>
-                        <td>List container of suggestions.</td>
-                    </tr>
-                    <tr>
-                        <td>p-autocomplete-item</td>
-                        <td>List item of a suggestion.</td>
-                    </tr>
-                    <tr>
-                        <td>p-autocomplete-token</td>
-                        <td>Element of a selected item in multiple mode.</td>
-                    </tr>
-                    <tr>
-                        <td>p-autocomplete-token-icon</td>
-                        <td>Close icon element of a selected item in multiple mode.</td>
-                    </tr>
-                    <tr>
-                        <td>p-autocomplete-token-label</td>
-                        <td>Label of a selected item in multiple mode.</td>
-                    </tr>
-                    <tr>
-                        <td>p-autocomplete-loader</td>
-                        <td>Loader icon.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>`
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/autocomplete/templatedoc.ts b/src/app/showcase/doc/autocomplete/templatedoc.ts
deleted file mode 100644
index abdf6b3..0000000
--- a/src/app/showcase/doc/autocomplete/templatedoc.ts
+++ /dev/null
@@ -1,148 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { CountryService } from '@service/countryservice';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-template-demo',
-    template: ` <app-docsectiontext>
-            <p><i>item</i> template allows displaying custom content inside the suggestions panel. The local ng-template variable passed to the ng-template is an object in the suggestions array.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-autoComplete [(ngModel)]="selectedCountryAdvanced" [suggestions]="filteredCountries" (completeMethod)="filterCountry($event)" optionLabel="name" placeholder="Search">
-                <ng-template let-country pTemplate="item">
-                    <div class="flex items-center gap-2">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" style="width: 18px" />
-                        <div>{{ country.name }}</div>
-                    </div>
-                </ng-template>
-            </p-autoComplete>
-        </div>
-        <app-code [code]="code" selector="autocomplete-template-demo"></app-code>`
-})
-export class TemplateDoc {
-    countries: any[] | undefined;
-
-    selectedCountryAdvanced: any[] | undefined;
-
-    filteredCountries: any[] | undefined;
-
-    constructor(private countryService: CountryService) {}
-
-    ngOnInit() {
-        this.countryService.getCountries().then((countries) => {
-            this.countries = countries;
-        });
-    }
-
-    filterCountry(event: AutoCompleteCompleteEvent) {
-        let filtered: any[] = [];
-        let query = event.query;
-
-        for (let i = 0; i < (this.countries as any[]).length; i++) {
-            let country = (this.countries as any[])[i];
-            if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
-                filtered.push(country);
-            }
-        }
-        this.filteredCountries = filtered;
-    }
-
-    code: Code = {
-        basic: `<p-autoComplete
-    [(ngModel)]="selectedCountryAdvanced"
-    [suggestions]="filteredCountries"
-    (completeMethod)="filterCountry($event)"
-    optionLabel="name">
-        <ng-template let-country pTemplate="item">
-            <div class="flex items-center gap-2">
-                <img
-                    src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                    [class]="'flag flag-' + country.code.toLowerCase()"
-                    style="width: 18px" />
-                <div>{{ country.name }}</div>
-            </div>
-        </ng-template>
-</p-autoComplete>`,
-
-        html: `<div class="card flex justify-center">
-    <p-autoComplete
-    [(ngModel)]="selectedCountryAdvanced"
-    [suggestions]="filteredCountries"
-    (completeMethod)="filterCountry($event)"
-    optionLabel="name">
-        <ng-template let-country pTemplate="item">
-            <div class="flex items-center gap-2">
-                <img
-                    src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                    [class]="'flag flag-' + country.code.toLowerCase()"
-                    style="width: 18px" />
-                <div>{{ country.name }}</div>
-            </div>
-        </ng-template>
-    </p-autoComplete>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { SelectItemGroup } from 'primeng/api';
-import { CountryService } from '@service/countryservice';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-import { FormsModule } from '@angular/forms';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-template-demo',
-    templateUrl: './autocomplete-template-demo.html',
-    standalone: true,
-    imports: [FormsModule, AutoCompleteModule],
-    providers: [CountryService]
-})
-export class AutocompleteTemplateDemo {
-    countries: any[] | undefined;
-
-    selectedCountryAdvanced: any[] | undefined;
-
-    filteredCountries: any[] | undefined;
-
-    constructor(private countryService: CountryService) {}
-
-    ngOnInit() {
-        this.countryService.getCountries().then((countries) => {
-            this.countries = countries;
-        });
-    }
-
-    filterCountry(event: AutoCompleteCompleteEvent) {
-        let filtered: any[] = [];
-        let query = event.query;
-
-        for (let i = 0; i < (this.countries as any[]).length; i++) {
-            let country = (this.countries as any[])[i];
-            if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
-                filtered.push(country);
-            }
-        }
-
-        this.filteredCountries = filtered;
-    }
-}`,
-
-        service: ['CountryService'],
-
-        data: `
-//CountryService
-{
-    "name": "Afghanistan",
-    "code": "AF"
-}
-...`
-    };
-}
diff --git a/src/app/showcase/doc/autocomplete/virtualscrolldoc.ts b/src/app/showcase/doc/autocomplete/virtualscrolldoc.ts
deleted file mode 100644
index f7188d6..0000000
--- a/src/app/showcase/doc/autocomplete/virtualscrolldoc.ts
+++ /dev/null
@@ -1,149 +0,0 @@
-import { Component, ViewChild } from '@angular/core';
-import { Code } from '@domain/code';
-import { AutoComplete } from '../../../components/autocomplete/autocomplete';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-virtual-scroll-demo',
-    template: ` <app-docsectiontext>
-            <p>
-                Virtual scrolling is an efficient way of rendering the options by displaying a small subset of data in the viewport at any time. When dealing with huge number of options, it is suggested to enable virtual scrolling to avoid
-                performance issues. Usage is simple as setting <i>virtualScroll</i> property to <i>true</i> and defining <i>virtualScrollItemSize</i> to specify the height of an item.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <div class="relative autocomplete-dropdown-container">
-                <p-autoComplete #auto [(ngModel)]="selectedItem" [virtualScroll]="true" [suggestions]="filteredItems" [virtualScrollItemSize]="34" (completeMethod)="filterItems($event)" optionLabel="label" [dropdown]="true" />
-                <div class="autocomplete-dropdown-trigger" role="button" aria-label="dropdown trigger" (click)="dropdownClick($event, auto)">
-                    <ChevronDownIcon></ChevronDownIcon>
-                </div>
-            </div>
-        </div>
-        <app-code [code]="code" selector="autocomplete-virtual-scroll-demo"></app-code>`
-})
-export class VirtualScrollDoc {
-    selectedItem: any;
-
-    filteredItems: any[] | undefined;
-
-    items: any[] | undefined;
-
-    @ViewChild('auto') autoComplete!: AutoComplete;
-
-    filterItems(event: AutoCompleteCompleteEvent) {
-        //in a real application, make a request to a remote url with the query and return filtered results, for demo we filter at client side
-        let filtered: any[] = [];
-        let query = event.query;
-
-        for (let i = 0; i < (this.items as any[]).length; i++) {
-            let item = (this.items as any[])[i];
-            if (item.label.toLowerCase().indexOf(query.toLowerCase()) == 0) {
-                filtered.push(item);
-            }
-        }
-
-        this.filteredItems = filtered;
-    }
-
-    ngOnInit() {
-        this.items = [];
-        for (let i = 0; i < 10000; i++) {
-            this.items.push({ label: 'Item ' + i, value: 'Item ' + i });
-        }
-    }
-
-    dropdownClick($event: Event, auto: AutoComplete) {
-        auto.handleDropdownClick($event);
-    }
-
-    code: Code = {
-        basic: `<div class="relative autocomplete-dropdown-container">
-    <p-autoComplete
-    #auto
-    [(ngModel)]="selectedItem"
-    [virtualScroll]="true"
-    [suggestions]="filteredItems"
-    [virtualScrollItemSize]="34"
-    (completeMethod)="filterItems($event)"
-    optionLabel="label"
-    [dropdown]="true" />
-    <div class="autocomplete-dropdown-trigger" role="button" aria-label="dropdown trigger" (click)="dropdownClick($event, auto)">
-        <ChevronDownIcon></ChevronDownIcon>
-    </div>
-</div>
-`,
-
-        html: `<div class="card flex justify-center">
-    <div class="relative autocomplete-dropdown-container">
-        <p-autoComplete
-        #auto
-        [(ngModel)]="selectedItem"
-        [virtualScroll]="true"
-        [suggestions]="filteredItems"
-        [virtualScrollItemSize]="34"
-        (completeMethod)="filterItems($event)"
-        optionLabel="label"
-        [dropdown]="true" />
-        <div class="autocomplete-dropdown-trigger" role="button" aria-label="dropdown trigger" (click)="dropdownClick($event, auto)">
-            <ChevronDownIcon></ChevronDownIcon>
-        </div>
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-import { FormsModule } from '@angular/forms';
-import { AutoComplete } from '../../../components/autocomplete/autocomplete';
-
-interface AutoCompleteCompleteEvent {
-    originalEvent: Event;
-    query: string;
-}
-
-@Component({
-    selector: 'autocomplete-virtual-scroll-demo',
-    templateUrl: './autocomplete-virtual-scroll-demo.html',
-    standalone: true,
-    imports: [FormsModule, AutoCompleteModule]
-})
-export class AutocompleteVirtualScrollDemo {
-    selectedItem: any;
-
-    filteredItems: any[] | undefined;
-
-    items: any[] | undefined;
-
-    @ViewChild('auto') autoComplete!: AutoComplete;
-
-    filterItems(event: AutoCompleteCompleteEvent) {
-        //in a real application, make a request to a remote url with the query and return filtered results, for demo we filter at client side
-        let filtered: any[] = [];
-        let query = event.query;
-
-        for (let i = 0; i < (this.items as any[]).length; i++) {
-            let item = (this.items as any[])[i];
-            if (item.label.toLowerCase().indexOf(query.toLowerCase()) == 0) {
-                filtered.push(item);
-            }
-        }
-
-        this.filteredItems = filtered;
-    }
-
-    ngOnInit() {
-        this.items = [];
-        for (let i = 0; i < 10000; i++) {
-            this.items.push({ label: 'Item ' + i, value: 'Item ' + i });
-        }
-    }
-
-    dropdownClick($event: Event, auto: AutoComplete) {
-        auto.handleDropdownClick($event);
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/autofocus/autofocusdoc.module.ts b/src/app/showcase/doc/autofocus/autofocusdoc.module.ts
deleted file mode 100644
index 8c82311..0000000
--- a/src/app/showcase/doc/autofocus/autofocusdoc.module.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ImportDoc } from './importdoc';
-import { BasicDoc } from './basicdoc';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { InputTextModule } from 'primeng/inputtext';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, AutoFocusModule, InputTextModule],
-    declarations: [ImportDoc, BasicDoc],
-    exports: [AppDocModule]
-})
-export class AutoFocusDocModule {}
diff --git a/src/app/showcase/doc/autofocus/basicdoc.ts b/src/app/showcase/doc/autofocus/basicdoc.ts
deleted file mode 100644
index d0420c8..0000000
--- a/src/app/showcase/doc/autofocus/basicdoc.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'auto-focus-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>AutoFocus is applied to any focusable input element on initial load. It's disabled by default and needs to be enabled manually.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <input type="text" pInputText pAutoFocus [autofocus]="true" placeholder="Automatically focused" />
-        </div>
-        <app-code [code]="code" selector="auto-focus-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<input 
-    type="text" 
-    pInputText
-    pAutoFocus 
-    [autofocus]="true" 
-    placeholder="Automatically focused" />`,
-        html: `<div class="card flex justify-center">
-    <input 
-        type="text" 
-        pInputText 
-        pAutoFocus 
-        [autofocus]="true" 
-        placeholder="Automatically focused" /> 
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'auto-focus-basic-demo',
-    templateUrl: './auto-focus-basic-demo.html',
-    standalone: true,
-    imports: [AutoFocusModule, InputTextModule]
-})
-export class AutoFocusBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/autofocus/importdoc.ts b/src/app/showcase/doc/autofocus/importdoc.ts
deleted file mode 100644
index 1ec3f0d..0000000
--- a/src/app/showcase/doc/autofocus/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { AutoFocusModule } from 'primeng/autofocus';`
-    };
-}
diff --git a/src/app/showcase/doc/avatar/accessibilitydoc.ts b/src/app/showcase/doc/avatar/accessibilitydoc.ts
deleted file mode 100644
index f6f91ac..0000000
--- a/src/app/showcase/doc/avatar/accessibilitydoc.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <h3>Screen Reader</h3>
-        <p>
-            Avatar does not include any roles and attributes by default. Any attribute is passed to the root element so you may add a role like <i>img</i> along with <i>aria-labelledby</i> or <i>aria-label</i> to describe the component. In case
-            avatars need to be tabbable, <i>tabIndex</i> can be added as well to implement custom key handlers.
-        </p>
-
-        <h3>Keyboard Support</h3>
-        <p>Component does not include any interactive elements.</p>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/avatar/avatardoc.module.ts b/src/app/showcase/doc/avatar/avatardoc.module.ts
deleted file mode 100644
index 5c21869..0000000
--- a/src/app/showcase/doc/avatar/avatardoc.module.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FormsModule } from '@angular/forms';
-import { AvatarModule } from 'primeng/avatar';
-import { BadgeModule } from 'primeng/badge';
-import { AvatarGroupModule } from 'primeng/avatargroup';
-import { InputTextModule } from 'primeng/inputtext';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { GroupDoc } from './avatargroupdoc';
-import { IconDoc } from './icondoc';
-import { ImageDoc } from './imagedoc';
-import { ImportDoc } from './importdoc';
-import { LabelDoc } from './labeldoc';
-import { AvatarStyleDoc } from './avatarstyledoc';
-import { ShapeDoc } from './shapedoc';
-import { SizeDoc } from './sizedoc';
-import { BadgeDoc } from './badgedoc';
-import { TemplateDoc } from './templatedoc';
-import { AvatarGroupStyleDoc } from './avatargroupstyledoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, InputTextModule, FormsModule, AppDocModule, AvatarModule, AvatarGroupModule, BadgeModule],
-    declarations: [ImportDoc, LabelDoc, IconDoc, GroupDoc, ImageDoc, AvatarStyleDoc, AvatarGroupStyleDoc, ShapeDoc, SizeDoc, BadgeDoc, TemplateDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class AvatarDocModule {}
diff --git a/src/app/showcase/doc/avatar/avatargroupdoc.ts b/src/app/showcase/doc/avatar/avatargroupdoc.ts
deleted file mode 100644
index 730e29a..0000000
--- a/src/app/showcase/doc/avatar/avatargroupdoc.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'avatar-group-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Grouping is available by wrapping multiple Avatar components inside an <i>AvatarGroup</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-avatarGroup styleClass="mb-3">
-                <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" size="large" shape="circle" />
-                <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/asiyajavayant.png" size="large" shape="circle" />
-                <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/onyamalimba.png" size="large" shape="circle" />
-                <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/ionibowcher.png" size="large" shape="circle" />
-                <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/xuxuefeng.png" size="large" shape="circle" />
-                <p-avatar label="+2" shape="circle" size="large" [style]="{ 'background-color': '#9c27b0', color: '#ffffff' }" />
-            </p-avatarGroup>
-        </div>
-        <app-code [code]="code" selector="avatar-group-demo"></app-code>
-    `
-})
-export class GroupDoc {
-    code: Code = {
-        basic: `<p-avatarGroup styleClass="mb-3">
-    <p-avatar 
-        image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" 
-        size="large" 
-        shape="circle" />
-    <p-avatar 
-        image="https://primefaces.org/cdn/primeng/images/demo/avatar/asiyajavayant.png" 
-        size="large" 
-        shape="circle" />
-</p-avatarGroup>`,
-        html: `<div class="card flex justify-center">
-    <p-avatarGroup styleClass="mb-3">
-        <p-avatar 
-            image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" 
-            size="large" 
-            shape="circle" />
-        <p-avatar 
-            image="https://primefaces.org/cdn/primeng/images/demo/avatar/asiyajavayant.png" 
-            size="large" 
-            shape="circle" />
-        <p-avatar 
-            image="https://primefaces.org/cdn/primeng/images/demo/avatar/onyamalimba.png" 
-            size="large" 
-            shape="circle" />
-        <p-avatar 
-            image="https://primefaces.org/cdn/primeng/images/demo/avatar/ionibowcher.png" 
-            size="large" 
-            shape="circle" />
-        <p-avatar 
-            image="https://primefaces.org/cdn/primeng/images/demo/avatar/xuxuefeng.png" 
-            size="large" 
-            shape="circle" />
-        <p-avatar 
-            label="+2" 
-            shape="circle"
-            size="large" 
-            [style]="{ 'background-color': '#9c27b0', color: '#ffffff' }" />
-    </p-avatarGroup>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { AvatarModule } from 'primeng/avatar';
-import { AvatarGroupModule } from 'primeng/avatargroup';
-
-@Component({
-    selector: 'avatar-group-demo',
-    templateUrl: './avatar-group-demo.html',
-    standalone: true,
-    imports: [AvatarModule, AvatarGroupModule]
-})
-export class AvatarGroupDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/avatar/avatargroupstyledoc.ts b/src/app/showcase/doc/avatar/avatargroupstyledoc.ts
deleted file mode 100644
index 20a31de..0000000
--- a/src/app/showcase/doc/avatar/avatargroupstyledoc.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'avatarstyle-doc',
-    template: `
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-avatar-group</td>
-                        <td>Container element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class AvatarGroupStyleDoc {}
diff --git a/src/app/showcase/doc/avatar/avatarstyledoc.ts b/src/app/showcase/doc/avatar/avatarstyledoc.ts
deleted file mode 100644
index addab94..0000000
--- a/src/app/showcase/doc/avatar/avatarstyledoc.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'avatarstyle-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a routerLink="/theming"> theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-avatar</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-avatar-image</td>
-                        <td>Container element in image mode.</td>
-                    </tr>
-                    <tr>
-                        <td>p-avatar-circle</td>
-                        <td>Container element with a circle shape.</td>
-                    </tr>
-                    <tr>
-                        <td>p-avatar-text</td>
-                        <td>Text of the Avatar.</td>
-                    </tr>
-                    <tr>
-                        <td>p-avatar-icon</td>
-                        <td>Icon of the Avatar.</td>
-                    </tr>
-                    <tr>
-                        <td>p-avatar-lg</td>
-                        <td>Container element with a large size.</td>
-                    </tr>
-                    <tr>
-                        <td>p-avatar-xl</td>
-                        <td>Container element with an xlarge size.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class AvatarStyleDoc {}
diff --git a/src/app/showcase/doc/avatar/badgedoc.ts b/src/app/showcase/doc/avatar/badgedoc.ts
deleted file mode 100644
index 0a95708..0000000
--- a/src/app/showcase/doc/avatar/badgedoc.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'avatar-badge-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A <i>badge</i> can be added to an Avatar with the <a href="#" [routerLink]="['/badge']">Badge</a> directive.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" pBadge value="4" severity="danger" />
-        </div>
-        <app-code [code]="code" selector="avatar-badge-demo"></app-code>
-    `
-})
-export class BadgeDoc {
-    code: Code = {
-        basic: `<p-avatar 
-    image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png"
-    pBadge 
-    value="4" 
-    severity="danger" />`,
-        html: `<div class="card flex justify-center">
-    <p-avatar 
-        image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" 
-        pBadge 
-        value="4" 
-        severity="danger" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { AvatarModule } from 'primeng/avatar';
-import { BadgeModule } from 'primeng/badge';
-
-@Component({
-    selector: 'avatar-badge-demo',
-    templateUrl: './avatar-badge-demo.html',
-    standalone: true,
-    imports: [AvatarModule, BadgeModule]
-})
-export class AvatarBadgeDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/avatar/icondoc.ts b/src/app/showcase/doc/avatar/icondoc.ts
deleted file mode 100644
index caca62f..0000000
--- a/src/app/showcase/doc/avatar/icondoc.ts
+++ /dev/null
@@ -1,125 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'avatar-icon-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A font icon is displayed as an Avatar with the <i>icon</i> property. It is possible to insert icons from Tabler</p>
-        </app-docsectiontext>
-        <div class="grid card grid-nogutter">
-            <div class="col-12 md:col-4">
-                <h5>Icon</h5>
-                <p-avatar icon="ti ti-user" styleClass="mr-2" size="xlarge" />
-                <p-avatar icon="ti ti-user" styleClass="mr-2" size="large" [style]="{ 'background-color': '#ece9fc', color: '#2a1261' }" />
-                <p-avatar icon="ti ti-user" styleClass="mr-2" [style]="{ 'background-color': '#dee9fc', color: '#1a2551' }" />
-            </div>
-            <div class="col-12 md:col-4">
-                <h5>Icon - Circle</h5>
-                <p-avatar icon="pi pi-user" styleClass="mr-2" size="xlarge" shape="circle" />
-                <p-avatar icon="pi pi-user" styleClass="mr-2" size="large" [style]="{ 'background-color': '#ece9fc', color: '#2a1261' }" shape="circle" />
-                <p-avatar icon="pi pi-user" styleClass="mr-2" [style]="{ 'background-color': '#dee9fc', color: '#1a2551' }" shape="circle" />
-            </div>
-            <div class="col-12 md:col-4">
-                <h5>Badge</h5>
-                <p-avatar icon="pi pi-user" pBadge value="4" size="xlarge" badgeSize="large" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="avatar-icon-demo"></app-code>
-    `
-})
-export class IconDoc {
-    code: Code = {
-        basic: `<p-avatar
-    icon="ti ti-user"
-    styleClass="mr-2" size="xlarge" />
-<p-avatar
-    icon="ti ti-user"
-    styleClass="mr-2"
-    size="large"
-    [style]="{ 'background-color': '#ece9fc', color: '#2a1261' }" />
-<p-avatar
-    icon="ti ti-user"
-    styleClass="mr-2"
-    [style]="{ 'background-color': '#dee9fc', color: '#1a2551' }" />
-
-<p-avatar
-    icon="pi pi-user"
-    styleClass="mr-2"
-    size="xlarge"
-    shape="circle" />
-<p-avatar
-    icon="pi pi-user"
-    styleClass="mr-2"
-    size="large"
-    [style]="{ 'background-color': '#ece9fc', color: '#2a1261' }"
-    shape="circle" />
-<p-avatar
-    icon="pi pi-user"
-    styleClass="mr-2"
-    [style]="{ 'background-color': '#dee9fc', color: '#1a2551' }"
-    shape="circle" />
-
-<p-avatar
-    icon="pi pi-user"
-    pBadge
-    value="4"
-    size="xlarge"
-    badgeSize="large" />`,
-        html: `<div class="col-12 md:col-4">
-        <h5>Icon</h5>
-        <p-avatar
-            icon="pi pi-user"
-            styleClass="mr-2"
-            size="xlarge" />
-        <p-avatar
-            icon="pi pi-user"
-            styleClass="mr-2"
-            size="large"
-            [style]="{ 'background-color': '#ece9fc', color: '#2a1261' }" />
-        <p-avatar
-            icon="pi pi-user"
-            styleClass="mr-2"
-            [style]="{ 'background-color': '#dee9fc', color: '#1a2551' }" />
-    </div>
-    <div class="col-12 md:col-4">
-        <h5>Icon - Circle</h5>
-        <p-avatar
-            icon="pi pi-user"
-            styleClass="mr-2"
-            size="xlarge"
-            shape="circle" />
-        <p-avatar
-            icon="pi pi-user"
-            styleClass="mr-2"
-            size="large"
-            [style]="{ 'background-color': '#ece9fc', color: '#2a1261' }"
-            shape="circle" />
-        <p-avatar
-            icon="pi pi-user"
-            styleClass="mr-2"
-            [style]="{ 'background-color': '#dee9fc', color: '#1a2551' }"
-            shape="circle" />
-    </div>
-    <div class="col-12 md:col-4">
-        <h5>Badge</h5>
-        <p-avatar
-            icon="pi pi-user"
-            pBadge
-            value="4"
-            size="xlarge"
-            badgeSize="large" />
-    </div>`,
-        typescript: `import { Component } from '@angular/core';
-import { AvatarModule } from 'primeng/avatar';
-import { BadgeModule } from 'primeng/badge';
-
-@Component({
-    selector: 'avatar-icon-demo',
-    templateUrl: './avatar-icon-demo.html',
-    standalone: true,
-    imports: [AvatarModule, BadgeModule]
-})
-export class AvatarIconDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/avatar/imagedoc.ts b/src/app/showcase/doc/avatar/imagedoc.ts
deleted file mode 100644
index db0aee6..0000000
--- a/src/app/showcase/doc/avatar/imagedoc.ts
+++ /dev/null
@@ -1,106 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'avatar-image-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Use the <i>image</i> property to display an image as an Avatar.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex flex-wrap gap-5">
-                <div class="flex-auto">
-                    <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" styleClass="mr-2" size="xlarge" shape="circle" />
-                    <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/asiyajavayant.png" styleClass="mr-2" size="large" shape="circle" />
-                    <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/onyamalimba.png" styleClass="mr-2" shape="circle" />
-                </div>
-                <div class="flex-auto">
-                    <h5>Badge</h5>
-                    <p-avatar pBadge value="4" image="https://primefaces.org/cdn/primeng/images/demo/avatar/walter.jpg" size="xlarge" badgeSize="large" />
-                </div>
-                <div class="flex-auto">
-                    <h5>Gravatar</h5>
-                    <p-avatar image="https://www.gravatar.com/avatar/05dfd4b41340d09cae045235eb0893c3?d=mp" styleClass="flex items-center justify-center mr-2" size="xlarge" />
-                </div>
-            </div>
-        </div>
-        <app-code [code]="code" selector="avatar-image-demo"></app-code>
-    `
-})
-export class ImageDoc {
-    code: Code = {
-        basic: `<p-avatar
-    image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png"
-    styleClass="mr-2"
-    size="xlarge"
-    shape="circle" />
-<p-avatar
-    image="https://primefaces.org/cdn/primeng/images/demo/avatar/asiyajavayant.png"
-    styleClass="mr-2"
-    size="large"
-    shape="circle" />
-<p-avatar
-    image="https://primefaces.org/cdn/primeng/images/demo/avatar/onyamalimba.png"
-    styleClass="mr-2"
-    shape="circle" />
-
-<p-avatar
-    pBadge
-    value="4"
-    image="https://primefaces.org/cdn/primeng/images/demo/avatar/walter.jpg"
-    size="xlarge"
-    badgeSize="large" />
-
-<p-avatar
-    image="https://www.gravatar.com/avatar/05dfd4b41340d09cae045235eb0893c3?d=mp"
-    styleClass="flex items-center justify-center mr-2"
-    size="xlarge" />`,
-        html: `<div class="card">
-    <div class="flex flex-wrap gap-5">
-        <div class="flex-auto">
-            <p-avatar
-                image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png"
-                styleClass="mr-2"
-                size="xlarge"
-                shape="circle" />
-            <p-avatar
-                image="https://primefaces.org/cdn/primeng/images/demo/avatar/asiyajavayant.png"
-                styleClass="mr-2"
-                size="large"
-                shape="circle" />
-            <p-avatar
-                image="https://primefaces.org/cdn/primeng/images/demo/avatar/onyamalimba.png"
-                styleClass="mr-2"
-                shape="circle" />
-        </div>
-        <div class="flex-auto">
-            <h5>Badge</h5>
-            <p-avatar
-                pBadge
-                value="4"
-                image="https://primefaces.org/cdn/primeng/demo/avatar/walter.jpg"
-                size="xlarge"
-                badgeSize="large" />
-        </div>
-        <div class="flex-auto">
-            <h5>Gravatar</h5>
-            <p-avatar
-                image="https://www.gravatar.com/avatar/05dfd4b41340d09cae045235eb0893c3?d=mp"
-                styleClass="flex items-center justify-center mr-2"
-                size="xlarge" />
-        </div>
-    </div>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { AvatarModule } from 'primeng/avatar';
-import { BadgeModule } from 'primeng/badge';
-
-@Component({
-    selector: 'avatar-image-demo',
-    templateUrl: './avatar-image-demo.html',
-    standalone: true,
-    imports: [AvatarModule, BadgeModule]
-})
-export class AvatarImageDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/avatar/importdoc.ts b/src/app/showcase/doc/avatar/importdoc.ts
deleted file mode 100644
index 455b22a..0000000
--- a/src/app/showcase/doc/avatar/importdoc.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        html: `import { AvatarModule } from 'primeng/avatar';
-import { AvatarGroupModule } from 'primeng/avatargroup';`
-    };
-}
diff --git a/src/app/showcase/doc/avatar/labeldoc.ts b/src/app/showcase/doc/avatar/labeldoc.ts
deleted file mode 100644
index ae9e086..0000000
--- a/src/app/showcase/doc/avatar/labeldoc.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'avatar-label-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A letter Avatar is defined with the <i>label</i> property.</p>
-        </app-docsectiontext>
-        <div class="card grid grid-nogutter">
-            <div class="col-12 md:col-4">
-                <h5>Label</h5>
-                <p-avatar label="P" styleClass="mr-2" size="xlarge" />
-                <p-avatar label="V" styleClass="mr-2" size="large" [style]="{ 'background-color': '#ece9fc', color: '#2a1261' }" />
-                <p-avatar label="U" styleClass="mr-2" [style]="{ 'background-color': '#dee9fc', color: '#1a2551' }" />
-            </div>
-            <div class="col-12 md:col-4">
-                <h5>Label - Circle</h5>
-                <p-avatar label="P" styleClass="mr-2" size="xlarge" shape="circle" />
-                <p-avatar label="V" styleClass="mr-2" size="large" [style]="{ 'background-color': '#ece9fc', color: '#2a1261' }" shape="circle" />
-                <p-avatar label="U" styleClass="mr-2" [style]="{ 'background-color': '#dee9fc', color: '#1a2551' }" shape="circle" />
-            </div>
-            <div class="col-12 md:col-4">
-                <h5>Badge</h5>
-                <p-avatar label="U" pBadge styleClass="mr-2" value="4" size="xlarge" badgeSize="large" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="avatar-label-demo"></app-code>
-    `
-})
-export class LabelDoc {
-    code: Code = {
-        basic: `<p-avatar 
-    label="P" 
-    styleClass="mr-2" 
-    size="xlarge" />
-<p-avatar 
-    label="V" 
-    styleClass="mr-2" 
-    size="large" 
-    [style]="{ 'background-color': '#ece9fc', color: '#2a1261' }" />
-<p-avatar 
-    label="U"
-    styleClass="mr-2" 
-    [style]="{ 'background-color': '#dee9fc', color: '#1a2551' }" />
-
-<p-avatar 
-    label="P" 
-    styleClass="mr-2" 
-    size="xlarge" 
-    shape="circle" />
-<p-avatar 
-    label="V" 
-    styleClass="mr-2" 
-    size="large" 
-    [style]="{ 'background-color': '#ece9fc', color: '#2a1261' }" 
-    shape="circle" />
-<p-avatar 
-    label="U" 
-    styleClass="mr-2" 
-    [style]="{ 'background-color': '#dee9fc', color: '#1a2551' }" 
-    shape="circle" />
-
-<p-avatar 
-    label="U" 
-    pBadge 
-    styleClass="mr-2" 
-    value="4" 
-    size="xlarge"
-    badgeSize="large" />`,
-        html: `<div class="card grid grid-nogutter">
-    <div class="col-12 md:col-4">
-        <h5>Label</h5>
-        <p-avatar 
-            label="P" 
-            styleClass="mr-2" 
-            size="xlarge" />
-        <p-avatar 
-            label="V"
-            styleClass="mr-2" 
-            size="large" 
-            [style]="{ 'background-color': '#ece9fc', color: '#2a1261' }" />
-        <p-avatar 
-            label="U" 
-            styleClass="mr-2" 
-            [style]="{ 'background-color': '#dee9fc', color: '#1a2551' }" />
-    </div>
-    <div class="col-12 md:col-4">
-        <h5>Label - Circle</h5>
-        <p-avatar 
-            label="P" 
-            styleClass="mr-2" 
-            size="xlarge" 
-            shape="circle" />
-        <p-avatar 
-            label="V" 
-            styleClass="mr-2" 
-            size="large" 
-            [style]="{ 'background-color': '#ece9fc', color: '#2a1261' }" 
-            shape="circle" />
-        <p-avatar 
-            label="U" 
-            styleClass="mr-2" 
-            [style]="{ 'background-color': '#dee9fc', color: '#1a2551' }" 
-            shape="circle" />
-    </div>
-    <div class="col-12 md:col-4">
-        <h5>Badge</h5>
-        <p-avatar 
-            label="U" 
-            pBadge 
-            styleClass="mr-2" 
-            value="4" 
-            size="xlarge" 
-            badgeSize="large" />
-    </div>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { AvatarModule } from 'primeng/avatar';
-import { BadgeModule } from 'primeng/badge';
-
-@Component({
-    selector: 'avatar-label-demo',
-    templateUrl: './avatar-label-demo.html',
-    standalone: true,
-    imports: [AvatarModule, BadgeModule]
-})
-export class AvatarLabelDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/avatar/shapedoc.ts b/src/app/showcase/doc/avatar/shapedoc.ts
deleted file mode 100644
index 3a01fd3..0000000
--- a/src/app/showcase/doc/avatar/shapedoc.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'avatar-shape-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Avatar comes in two different styles specified with the <i>shape</i> property, <i>square</i> is the default and <i>circle</i> is the alternative.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-2">
-            <p-avatar label="P" shape="circle" />
-            <p-avatar label="T" />
-        </div>
-        <app-code [code]="code" selector="avatar-shape-demo"></app-code>
-    `
-})
-export class ShapeDoc {
-    code: Code = {
-        basic: `<p-avatar label="P" shape="circle" />
-<p-avatar label="T" />`,
-        html: `<div class="card flex justify-center gap-2">
-    <p-avatar label="P" shape="circle" />
-    <p-avatar label="T" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { AvatarModule } from 'primeng/avatar';
-
-@Component({
-    selector: 'avatar-shape-demo',
-    templateUrl: './avatar-shape-demo.html',
-    standalone: true,
-    imports: [AvatarModule]
-})
-export class AvatarShapeDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/avatar/sizedoc.ts b/src/app/showcase/doc/avatar/sizedoc.ts
deleted file mode 100644
index 358c795..0000000
--- a/src/app/showcase/doc/avatar/sizedoc.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'avatar-size-demo',
-    template: `
-        <app-docsectiontext>
-            <p><i>size</i> property defines the size of the Avatar with <i>large</i> and <i>xlarge</i> as possible values.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-2">
-            <p-avatar label="P" size="large" />
-            <p-avatar label="T" size="xlarge" />
-        </div>
-        <app-code [code]="code" selector="avatar-size-demo"></app-code>
-    `
-})
-export class SizeDoc {
-    code: Code = {
-        basic: `<p-avatar label="P" size="large" />
-<p-avatar label="T" size="xlarge" />`,
-        html: `<div class="card flex justify-center gap-2">
-    <p-avatar label="P" size="large" />
-    <p-avatar label="T" size="xlarge" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { AvatarModule } from 'primeng/avatar';
-
-@Component({
-    selector: 'avatar-size-demo',
-    templateUrl: './avatar-size-demo.html',
-    standalone: true,
-    imports: [AvatarModule]
-})
-export class AvatarSizeDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/avatar/templatedoc.ts b/src/app/showcase/doc/avatar/templatedoc.ts
deleted file mode 100644
index cd3588f..0000000
--- a/src/app/showcase/doc/avatar/templatedoc.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'avatar-template-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Content can easily be customized with the dynamic content instead of using the built-in modes.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-avatar size="xlarge">
-                <span class="text-base">Content</span>
-            </p-avatar>
-        </div>
-        <app-code [code]="code" selector="avatar-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    code: Code = {
-        basic: `<p-avatar size="xlarge">
-    <span class="text-base">Content</span>
-</p-avatar>`,
-        html: `<div class="card flex justify-center">
-    <p-avatar size="xlarge">
-        <span class="text-base">Content</span>
-    </p-avatar>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { AvatarModule } from 'primeng/avatar';
-
-@Component({
-    selector: 'avatar-template-demo',
-    templateUrl: './avatar-template-demo.html',
-    standalone: true,
-    imports: [AvatarModule]
-})
-export class AvatarTemplateDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/badge/accessibilitydoc.ts b/src/app/showcase/doc/badge/accessibilitydoc.ts
deleted file mode 100644
index d6eb041..0000000
--- a/src/app/showcase/doc/badge/accessibilitydoc.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <h3>Screen Reader</h3>
-        <p>
-            Badge does not include any roles and attributes by default, any attribute is passed to the root element so aria roles and attributes can be added if required. If the badges are dynamic,
-            <i>aria-live</i> may be utilized as well. In case badges need to be tabbable, <i>tabIndex</i> can be added to implement custom key handlers.
-        </p>
-
-        <h3>Keyboard Support</h3>
-        <p>Component does not include any interactive elements.</p>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/badge/badgedoc.module.ts b/src/app/showcase/doc/badge/badgedoc.module.ts
deleted file mode 100644
index 93106dc..0000000
--- a/src/app/showcase/doc/badge/badgedoc.module.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BadgeModule } from 'primeng/badge';
-import { ButtonModule } from 'primeng/button';
-import { ImportDoc } from './importdoc';
-import { BasicDoc } from './basicdoc';
-import { ButtonDoc } from './buttondoc';
-import { DirectiveDoc } from './directivedoc';
-import { PositionDoc } from './positiondoc';
-import { SeverityDoc } from './severitydoc';
-import { SizeDoc } from './sizedoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { StyleDoc } from './styledoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, BadgeModule, ButtonModule],
-    declarations: [ImportDoc, BasicDoc, ButtonDoc, DirectiveDoc, PositionDoc, SeverityDoc, SizeDoc, StyleDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class BadgeDocModule {}
diff --git a/src/app/showcase/doc/badge/basicdoc.ts b/src/app/showcase/doc/badge/basicdoc.ts
deleted file mode 100644
index a08b2c2..0000000
--- a/src/app/showcase/doc/badge/basicdoc.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'badge-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Content of the badge is specified using the <i>value</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-badge [value]="2" />
-        </div>
-        <app-code [code]="code" selector="badge-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-badge [value]="2" />`,
-        html: `<div class="card flex justify-center">
-    <p-badge [value]="2" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { BadgeModule } from 'primeng/badge';
-
-@Component({
-    selector: 'badge-basic-demo',
-    templateUrl: './badge-basic-demo.html',
-    standalone: true,
-    imports: [BadgeModule]
-})
-export class BadgeBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/badge/buttondoc.ts b/src/app/showcase/doc/badge/buttondoc.ts
deleted file mode 100644
index 37c91b0..0000000
--- a/src/app/showcase/doc/badge/buttondoc.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'badge-button-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Buttons have built-in support for badges to display a badge inline.</p>
-        </app-docsectiontext>
-
-        <div class="card flex flex-wrap justify-center gap-2">
-            <p-button label="Emails" badge="8" />
-            <p-button label="Messages" icon="pi pi-users" severity="secondary" badge="8" badgeClass="p-badge-info" />
-        </div>
-
-        <app-code [code]="code" selector="badge-button-demo"></app-code>
-    `
-})
-export class ButtonDoc {
-    code: Code = {
-        basic: `<p-button label="Emails" badge="8" />`,
-        html: `<div class="card flex flex-wrap justify-center gap-2">
-    <p-button 
-        label="Emails" 
-        badge="8" />
-    <p-button 
-        label="Messages" 
-        icon="pi pi-users" 
-        severity="secondary" 
-        badge="8" 
-        badgeClass="p-badge-info" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'badge-button-demo',
-    templateUrl: './badge-button-demo.html',
-    standalone: true,
-    imports: [ButtonModule]
-})
-export class BadgeButtonDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/badge/directivedoc.ts b/src/app/showcase/doc/badge/directivedoc.ts
deleted file mode 100644
index 4954b7c..0000000
--- a/src/app/showcase/doc/badge/directivedoc.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'badge-directive-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Content of the badge is specified using the <i>value</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <i class="pi pi-bell text-3xl" pBadge value="2"></i>
-        </div>
-        <app-code [code]="code" selector="badge-directive-demo"></app-code>
-    `
-})
-export class DirectiveDoc {
-    code: Code = {
-        basic: `<i class="pi pi-bell text-3xl" pBadge value="2"></i>`,
-        html: `<div class="card flex justify-center">
-    <i class="pi pi-bell text-3xl" pBadge value="2"></i>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { BadgeModule } from 'primeng/badge';
-
-@Component({
-    selector: 'badge-directive-demo',
-    templateUrl: './badge-directive-demo.html',
-    standalone: true,
-    imports: [BadgeModule]
-})
-export class BadgeDirectiveDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/badge/importdoc.ts b/src/app/showcase/doc/badge/importdoc.ts
deleted file mode 100644
index a7771b2..0000000
--- a/src/app/showcase/doc/badge/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { BadgeModule } from 'primeng/badge';`
-    };
-}
diff --git a/src/app/showcase/doc/badge/positiondoc.ts b/src/app/showcase/doc/badge/positiondoc.ts
deleted file mode 100644
index 8f1d853..0000000
--- a/src/app/showcase/doc/badge/positiondoc.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'badge-position-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A Badge can be positioned at the top right corner of an element by adding <i>p-overlay-badge</i> style class to the element and embedding the badge inside.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <i class="pi pi-bell mr-4 p-text-secondary" pBadge style="font-size: 2rem" value="2"></i>
-            <i class="pi pi-calendar mr-4 p-text-secondary" pBadge style="font-size: 2rem" [value]="'10+'" severity="danger"></i>
-            <i class="pi pi-envelope p-text-secondary" pBadge style="font-size: 2rem" severity="danger"></i>
-        </div>
-        <app-code [code]="code" selector="badge-position-demo"></app-code>
-    `
-})
-export class PositionDoc {
-    code: Code = {
-        basic: `<i class="pi pi-bell mr-4 p-text-secondary" pBadge style="font-size: 2rem" value="2"></i>`,
-        html: `<div class="card flex justify-center">
-    <i class="pi pi-bell mr-4 p-text-secondary" pBadge style="font-size: 2rem" value="2"></i>
-    <i class="pi pi-calendar mr-4 p-text-secondary" pBadge style="font-size: 2rem" [value]="'10+'" severity="danger"></i>
-    <i class="pi pi-envelope p-text-secondary" pBadge style="font-size: 2rem" severity="danger"></i>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { BadgeModule } from 'primeng/badge';
-
-@Component({
-    selector: 'badge-position-demo',
-    templateUrl: './badge-position-demo.html',
-    standalone: true,
-    imports: [BadgeModule]
-})
-export class BadgePositionDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/badge/severitydoc.ts b/src/app/showcase/doc/badge/severitydoc.ts
deleted file mode 100644
index cff476e..0000000
--- a/src/app/showcase/doc/badge/severitydoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'badge-severity-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Severity defines the color of the badge, possible values are <i>success</i>, <i>info</i>, <i>warning</i> and <i>danger</i></p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-2">
-            <p-badge value="Badge" />
-            <p-badge value="Badge" severity="info" />
-            <p-badge value="Badge" severity="success" />
-            <p-badge value="Badge" severity="warning" />
-            <p-badge value="Badge" severity="danger" />
-            
-            <i class="pi pi-envelope p-text-secondary" pBadge style="font-size: 2rem"></i>
-            <i class="pi pi-envelope p-text-secondary" pBadge style="font-size: 2rem" severity="info"></i>
-            <i class="pi pi-envelope p-text-secondary" pBadge style="font-size: 2rem" severity="success"></i>
-            <i class="pi pi-envelope p-text-secondary" pBadge style="font-size: 2rem" severity="warning"></i>
-            <i class="pi pi-envelope p-text-secondary" pBadge style="font-size: 2rem" severity="danger"></i>
-        </div>
-        <app-code [code]="code" selector="badge-severity-demo"></app-code>
-    `
-})
-export class SeverityDoc {
-    code: Code = {
-        basic: `<p-badge [value]="2" severity="success" />`,
-        html: `<div class="card flex justify-center gap-2">
-    <p-badge [value]="2" severity="success" />
-    <p-badge [value]="9" severity="info" />
-    <p-badge [value]="3" severity="warning" />
-    <p-badge [value]="12" severity="danger" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { BadgeModule } from 'primeng/badge';
-
-@Component({
-    selector: 'badge-severity-demo',
-    templateUrl: './badge-severity-demo.html',
-    standalone: true,
-    imports: [BadgeModule]
-})
-export class BadgeSeverityDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/badge/sizedoc.ts b/src/app/showcase/doc/badge/sizedoc.ts
deleted file mode 100644
index c733081..0000000
--- a/src/app/showcase/doc/badge/sizedoc.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'badge-size-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Badge sizes are adjusted with the <i>badgeSize</i> property that accepts <i>large</i> and <i>xlarge</i> as the possible alternatives to the default size. Currently sizes only apply to component mode.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-badge value="2" />
-            <p-badge value="4" badgeSize="large" severity="warning" />
-            <p-badge value="6" badgeSize="xlarge" severity="success" />
-        </div>
-        <app-code [code]="code" selector="badge-size-demo"></app-code>
-    `
-})
-export class SizeDoc {
-    code: Code = {
-        basic: `<p-badge value="4" badgeSize="large" severity="warning" />`,
-        html: `<div class="card flex justify-center">
-    <p-badge value="2" />
-    <p-badge value="4" badgeSize="large" severity="warning" />
-    <p-badge value="6" badgeSize="xlarge" severity="success" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { BadgeModule } from 'primeng/badge';
-
-@Component({
-    selector: 'badge-size-demo',
-    templateUrl: './badge-size-demo.html',
-    standalone: true,
-    imports: [BadgeModule]
-})
-export class BadgeSizeDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/badge/styledoc.ts b/src/app/showcase/doc/badge/styledoc.ts
deleted file mode 100644
index ac113b5..0000000
--- a/src/app/showcase/doc/badge/styledoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-badge</td>
-                        <td>Badge element</td>
-                    </tr>
-                    <tr>
-                        <td>p-overlay-badge</td>
-                        <td>Wrapper of a badge and its target.</td>
-                    </tr>
-                    <tr>
-                        <td>p-badge-dot</td>
-                        <td>Badge element with no value.</td>
-                    </tr>
-                    <tr>
-                        <td>p-badge-success</td>
-                        <td>Badge element with success severity.</td>
-                    </tr>
-                    <tr>
-                        <td>p-badge-info</td>
-                        <td>Badge element with info severity.</td>
-                    </tr>
-                    <tr>
-                        <td>p-badge-warning</td>
-                        <td>Badge element with warning severity.</td>
-                    </tr>
-                    <tr>
-                        <td>p-badge-danger</td>
-                        <td>Badge element with danger severity.</td>
-                    </tr>
-                    <tr>
-                        <td>p-badge-lg</td>
-                        <td>Large badge element</td>
-                    </tr>
-                    <tr>
-                        <td>p-badge-xl</td>
-                        <td>Extra large badge element</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/blockui/accessibilitydoc.ts b/src/app/showcase/doc/blockui/accessibilitydoc.ts
deleted file mode 100644
index 47ee50d..0000000
--- a/src/app/showcase/doc/blockui/accessibilitydoc.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <h3>Screen Reader</h3>
-        <p>
-            BlockUI manages <i>aria-busy</i> state attribute when the UI gets blocked and unblocked. Any valid attribute is passed to the root element so additional attributes like <i>role</i> and <i>aria-live</i> can be used to define live regions.
-        </p>
-
-        <h3>Keyboard Support</h3>
-        <p>Component does not include any interactive elements.</p>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/blockui/basicdoc.ts b/src/app/showcase/doc/blockui/basicdoc.ts
deleted file mode 100644
index 4760230..0000000
--- a/src/app/showcase/doc/blockui/basicdoc.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'block-ui-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>The element to block should be placed as a child of BlockUI and <i>blocked</i> property is required to control the state.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-button label="Block" (onClick)="blockedPanel = true" />
-            <p-button label="Unblock" (onClick)="blockedPanel = false" />
-            <p-blockUI [target]="pnl" [blocked]="blockedPanel">
-                <i class="pi pi-lock" style="font-size: 3rem"></i>
-            </p-blockUI>
-            <p-panel #pnl header="Header" styleClass="mt-4">
-                <p class="m-0">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                </p>
-            </p-panel>
-        </div>
-        <app-code [code]="code" selector="block-ui-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    blockedPanel: boolean = false;
-
-    code: Code = {
-        basic: `<p-button label="Block" (onClick)="blockedPanel = true" />
-<p-button label="Unblock" (onClick)="blockedPanel = false" />
-<p-blockUI [target]="pnl" [blocked]="blockedPanel">
-    <i class="pi pi-lock" style="font-size: 3rem"></i>
-</p-blockUI>
-<p-panel #pnl header="Header" styleClass="mt-4">
-    <p class="m-0">
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit...
-    </p>
-</p-panel>`,
-        html: `<div class="card">
-    <p-button label="Block" (onClick)="blockedPanel = true" />
-    <p-button label="Unblock" (onClick)="blockedPanel = false" />
-    <p-blockUI [target]="pnl" [blocked]="blockedPanel">
-        <i class="pi pi-lock" style="font-size: 3rem"></i>
-    </p-blockUI>
-    <p-panel #pnl header="Header" styleClass="mt-4">
-        <p class="m-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-            Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
-            cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-    </p-panel>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { BlockUIModule } from 'primeng/blockui';
-import { ButtonModule } from 'primeng/button';
-import { PanelModule } from 'primeng/panel';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
-    selector: 'block-ui-basic-demo',
-    templateUrl: './block-ui-basic-demo.html',
-    standalone: true,
-    imports: [BlockUIModule, ButtonModule, PanelModule, RippleModule]
-})
-export class BlockUiBasicDemo {
-    blockedPanel: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/blockui/blockuidoc.module.ts b/src/app/showcase/doc/blockui/blockuidoc.module.ts
deleted file mode 100644
index 1a5dc6d..0000000
--- a/src/app/showcase/doc/blockui/blockuidoc.module.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { BlockUIModule } from 'primeng/blockui';
-import { ButtonModule } from 'primeng/button';
-import { PanelModule } from 'primeng/panel';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { DocumentDoc } from './documentdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, PanelModule, ButtonModule, BlockUIModule],
-    declarations: [ImportDoc, BasicDoc, DocumentDoc, StyleDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class BlockUIDocModule {}
diff --git a/src/app/showcase/doc/blockui/documentdoc.ts b/src/app/showcase/doc/blockui/documentdoc.ts
deleted file mode 100644
index 2177c61..0000000
--- a/src/app/showcase/doc/blockui/documentdoc.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'block-ui-document-demo',
-    template: `
-        <app-docsectiontext>
-            <p>If the target element is not specified, BlockUI blocks the document by default.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-blockUI [blocked]="blockedDocument" />
-            <p-button label="Block" (onClick)="blockDocument()" />
-        </div>
-        <app-code [code]="code" selector="block-ui-document-demo"></app-code>
-    `
-})
-export class DocumentDoc {
-    blockedDocument: boolean = false;
-
-    constructor(private cd: ChangeDetectorRef) {}
-
-    blockDocument() {
-        this.blockedDocument = true;
-        setTimeout(() => {
-            this.blockedDocument = false;
-            this.cd.markForCheck();
-        }, 3000);
-    }
-
-    code: Code = {
-        basic: `<p-blockUI [blocked]="blockedDocument" />`,
-        html: `<div class="card">
-    <p-blockUI [blocked]="blockedDocument" />
-    <p-button label="Block" (onClick)="blockDocument()" />
-</div>`,
-        typescript: `import { Component, ChangeDetectorRef } from '@angular/core';
-import { BlockUIModule } from 'primeng/blockui';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-        
-@Component({
-    selector: 'block-ui-document-demo',
-    templateUrl: './block-ui-document-demo.html',
-    standalone: true,
-    imports: [BlockUIModule, ButtonModule, RippleModule]
-})
-export class BlockUiDocumentDemo {
-    blockedDocument: boolean = false;
-
-    constructor(private cd: ChangeDetectorRef) {}
-
-    blockDocument() {
-        this.blockedDocument = true;
-        setTimeout(() => {
-            this.blockedDocument = false;
-            this.cd.markForCheck();
-        }, 3000);
-    }
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/blockui/importdoc.ts b/src/app/showcase/doc/blockui/importdoc.ts
deleted file mode 100644
index 9eb5b1e..0000000
--- a/src/app/showcase/doc/blockui/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { BlockUIModule } from 'primeng/blockui';`
-    };
-}
diff --git a/src/app/showcase/doc/blockui/styledoc.ts b/src/app/showcase/doc/blockui/styledoc.ts
deleted file mode 100644
index 958d347..0000000
--- a/src/app/showcase/doc/blockui/styledoc.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a routerLink="/theming">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-blockui</td>
-                        <td>Mask element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-blockui-document</td>
-                        <td>Mask element in full screen mode.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/breadcrumb/accessibilitydoc.ts b/src/app/showcase/doc/breadcrumb/accessibilitydoc.ts
deleted file mode 100644
index 58a9003..0000000
--- a/src/app/showcase/doc/breadcrumb/accessibilitydoc.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <h3>Screen Reader</h3>
-        <p>
-            Breadcrumb uses the <i>nav</i> element and since any attribute is passed to the root implicitly <i>aria-labelledby</i> or <i>aria-label</i> can be used to describe the component. Inside an ordered list is used where the list item
-            separators have <i>aria-hidden</i> to be able to ignored by the screen readers. If the last link represents the current route, <i>aria-current</i> is added with "page" as the value.
-        </p>
-
-        <h3>Keyboard Support</h3>
-        <p>No special keyboard interaction is needed, all menuitems are focusable based on the page tab sequence.</p>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/breadcrumb/basicdoc.ts b/src/app/showcase/doc/breadcrumb/basicdoc.ts
deleted file mode 100644
index 21ef285..0000000
--- a/src/app/showcase/doc/breadcrumb/basicdoc.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'breadcrumb-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Breadcrumb provides contextual information about page hierarchy.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-breadcrumb class="max-w-full" [model]="items" [home]="home" />
-        </div>
-        <app-code [code]="code" selector="breadcrumb-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    home: MenuItem | undefined;
-
-    ngOnInit() {
-        this.items = [{ label: 'Electronics' }, { label: 'Computer' }, { label: 'Accessories' }, { label: 'Keyboard' }, { label: 'Wireless' }];
-
-        this.home = { icon: 'pi pi-home', routerLink: '/' };
-    }
-
-    code: Code = {
-        basic: `<p-breadcrumb 
-    class="max-w-full" 
-    [model]="items" 
-    [home]="home" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-breadcrumb 
-        class="max-w-full" 
-        [model]="items" 
-        [home]="home" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { BreadcrumbModule } from 'primeng/breadcrumb';
-
-@Component({
-    selector: 'breadcrumb-basic-demo',
-    templateUrl: './breadcrumb-basic-demo.html',
-    standalone: true,
-    imports: [BreadcrumbModule]
-})
-export class BreadcrumbBasicDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    home: MenuItem | undefined;
-
-    ngOnInit() {
-        this.items = [
-            { label: 'Electronics' }, 
-            { label: 'Computer' }, 
-            { label: 'Accessories' }, 
-            { label: 'Keyboard' }, 
-            { label: 'Wireless' }
-        ];
-
-        this.home = { icon: 'pi pi-home', routerLink: '/' };
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/breadcrumb/breadcrumbdoc.module.ts b/src/app/showcase/doc/breadcrumb/breadcrumbdoc.module.ts
deleted file mode 100644
index bb28c2f..0000000
--- a/src/app/showcase/doc/breadcrumb/breadcrumbdoc.module.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { BreadcrumbModule } from 'primeng/breadcrumb';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { StyleDoc } from './styledoc';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { TemplateDoc } from './templatedoc';
-import { RouterDoc } from './routerdoc';
-import { ChevronDoc } from './chevrondoc';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { FormsModule } from '@angular/forms';
-
-@NgModule({
-    imports: [CommonModule, FormsModule, AppCodeModule, RouterModule, BreadcrumbModule, AppDocModule, InputSwitchModule],
-    declarations: [BasicDoc, TemplateDoc, RouterDoc, ImportDoc, StyleDoc, AccessibilityDoc, ChevronDoc],
-    exports: [AppDocModule]
-})
-export class BreadcrumbDocModule {}
diff --git a/src/app/showcase/doc/breadcrumb/chevrondoc.ts b/src/app/showcase/doc/breadcrumb/chevrondoc.ts
deleted file mode 100644
index a917929..0000000
--- a/src/app/showcase/doc/breadcrumb/chevrondoc.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'breadcrumb-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Управление separator через стили</p>
-            <div class="card flex justify-center align-items-center gap-2">
-                <p-inputSwitch [(ngModel)]="checked" id="checked"/> Включить разделитель
-            </div>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-breadcrumb class="max-w-full"  [model]="items" [home]="home" [styleClass]="!checked ? 'none-separator-breadcrum': ''"/>
-        </div>
-        <app-code [code]="code" selector="breadcrumb-basic-demo"></app-code>
-    `
-})
-export class ChevronDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    home: MenuItem | undefined;
-
-    checked: boolean = false;
-
-    ngOnInit() {
-        this.items = [{ label: 'Electronics' }, { label: 'Computer' }, { label: 'Accessories' }, { label: 'Keyboard' }, { label: 'Wireless' }];
-
-        this.home = { icon: 'pi pi-home', routerLink: '/' };
-    }
-
-    code: Code = {
-        basic: `
-        <p-breadcrumb class="max-w-full"
-            [model]="items"
-            [home]="home"
-            [styleClass]="!checked ? 'none-separator-breadcrum': ''"
-        />`,
-
-        html: `
-        <p-inputSwitch [(ngModel)]="checked" id="checked"/> Включить разделитель
-        <div class="card flex justify-center">
-            <p-breadcrumb class="max-w-full" [model]="items" [home]="home" [styleClass]="!checked ? 'none-separator-breadcrum': ''"/>
-        </div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { BreadcrumbModule } from 'primeng/breadcrumb';
-
-@Component({
-    selector: 'breadcrumb-basic-demo',
-    templateUrl: './breadcrumb-basic-demo.html',
-    standalone: true,
-    imports: [BreadcrumbModule],
-})
-export class BreadcrumbBasicDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    home: MenuItem | undefined;
-
-    checked: boolean = false;
-
-    ngOnInit() {
-        this.items = [
-            { label: 'Electronics' },
-            { label: 'Computer' },
-            { label: 'Accessories' },
-            { label: 'Keyboard' },
-            { label: 'Wireless' }
-        ];
-
-        this.home = { icon: 'pi pi-home', routerLink: '/' };
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/breadcrumb/importdoc.ts b/src/app/showcase/doc/breadcrumb/importdoc.ts
deleted file mode 100644
index cd21647..0000000
--- a/src/app/showcase/doc/breadcrumb/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { BreadcrumbModule } from 'primeng/breadcrumb';`
-    };
-}
diff --git a/src/app/showcase/doc/breadcrumb/routerdoc.ts b/src/app/showcase/doc/breadcrumb/routerdoc.ts
deleted file mode 100644
index ee75fdd..0000000
--- a/src/app/showcase/doc/breadcrumb/routerdoc.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'breadcrumb-router-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Items with navigation are defined with templating to be able to use a routerLink directive, an external link or programmatic navigation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-breadcrumb class="max-w-full" [model]="items">
-                <ng-template pTemplate="item" let-item>
-                    <ng-container *ngIf="item.route; else elseBlock">
-                        <a [routerLink]="item.route" class="p-menuitem-link">
-                            <span [ngClass]="[item.icon ? item.icon : '', 'text-color']"></span>
-                            <span class="text-primary font-semibold">{{ item.label }}</span>
-                        </a>
-                    </ng-container>
-                    <ng-template #elseBlock>
-                        <a [href]="item.url">
-                            <span class="text-color">{{ item.label }}</span>
-                        </a>
-                    </ng-template>
-                </ng-template>
-            </p-breadcrumb>
-        </div>
-        <app-code [code]="code" selector="breadcrumb-router-demo"></app-code>
-    `
-})
-export class RouterDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    home: MenuItem | undefined;
-
-    ngOnInit() {
-        this.items = [{ icon: 'pi pi-home', route: '/installation' }, { label: 'Components' }, { label: 'Form' }, { label: 'InputText', route: '/inputtext' }];
-    }
-
-    code: Code = {
-        basic: `<p-breadcrumb class="max-w-full" [model]="items">
-    <ng-template pTemplate="item" let-item>
-        <ng-container *ngIf="item.route; else elseBlock">
-            <a [routerLink]="item.route" class="p-menuitem-link">
-                <span [ngClass]="[item.icon ? item.icon : '', 'text-color']"></span>
-                <span class="text-primary font-semibold">{{ item.label }}</span>
-            </a>
-        </ng-container>
-        <ng-template #elseBlock>
-            <a [href]="item.url">
-                <span class="text-color">{{ item.label }}</span>
-            </a>
-        </ng-template>
-    </ng-template>
-</p-breadcrumb>`,
-
-        html: `<div class="card flex justify-center">
-    <p-breadcrumb class="max-w-full" [model]="items">
-        <ng-template pTemplate="item" let-item>
-            <ng-container *ngIf="item.route; else elseBlock">
-                <a [routerLink]="item.route" class="p-menuitem-link">
-                    <span [ngClass]="[item.icon ? item.icon : '', 'text-color']"></span>
-                    <span class="text-primary font-semibold">{{ item.label }}</span>
-                </a>
-            </ng-container>
-            <ng-template #elseBlock>
-                <a [href]="item.url">
-                    <span class="text-color">{{ item.label }}</span>
-                </a>
-            </ng-template>
-        </ng-template>
-    </p-breadcrumb>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { BreadcrumbModule } from 'primeng/breadcrumb';
-import { RouterModule } from '@angular/router';
-
-@Component({
-    selector: 'breadcrumb-router-demo',
-    templateUrl: './breadcrumb-router-demo.html',
-    standalone: true,
-    imports: [BreadcrumbModule, RouterModule]
-})
-export class BreadcrumbRouterDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    home: MenuItem | undefined;
-
-    ngOnInit() {
-        this.items = [{ icon: 'pi pi-home', route: '/installation' }, { label: 'Components' }, { label: 'Form' }, { label: 'InputText', route: '/inputtext' }];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/breadcrumb/styledoc.ts b/src/app/showcase/doc/breadcrumb/styledoc.ts
deleted file mode 100644
index 0adc24a..0000000
--- a/src/app/showcase/doc/breadcrumb/styledoc.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-breadcrumb</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem</td>
-                        <td>Menuitem element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem-text</td>
-                        <td>Label of a menuitem.</td>
-                    </tr>
-                    <tr>
-                        <td>p-breadcrumb-chevron</td>
-                        <td>Chevron element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/breadcrumb/templatedoc.ts b/src/app/showcase/doc/breadcrumb/templatedoc.ts
deleted file mode 100644
index ff566f3..0000000
--- a/src/app/showcase/doc/breadcrumb/templatedoc.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'breadcrumb-template-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Custom content can be placed inside the items using the <i>item</i> template. The divider between the items has its own <i>separator</i> template.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-breadcrumb class="max-w-full" [model]="items" [home]="home">
-                <ng-template pTemplate="item" let-item>
-                    <a class="cursor-pointer" [routerLink]="item.url">
-                        <i [class]="item.icon"></i>
-                    </a>
-                </ng-template>
-                <ng-template pTemplate="separator"> / </ng-template>
-            </p-breadcrumb>
-        </div>
-        <app-code [code]="code" selector="breadcrumb-template-demo"></app-code>
-    `
-})
-export class TemplateDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    home: MenuItem | undefined;
-
-    ngOnInit() {
-        this.items = [{ icon: 'pi pi-sitemap' }, { icon: 'pi pi-book' }, { icon: 'pi pi-wallet' }, { icon: 'pi pi-shopping-bag' }, { icon: 'pi pi-calculator' }];
-
-        this.home = { icon: 'pi pi-home' };
-    }
-
-    code: Code = {
-        basic: `<p-breadcrumb class="max-w-full" [model]="items" [home]="home">
-    <ng-template pTemplate="item" let-item>
-        <a class="cursor-pointer" [routerLink]="item.url">
-            <i [class]="item.icon"></i>
-        </a>
-    </ng-template>
-    <ng-template pTemplate="separator"> / </ng-template>
-</p-breadcrumb>`,
-
-        html: `<div class="card flex justify-center">
-    <p-breadcrumb class="max-w-full" [model]="items" [home]="home">
-        <ng-template pTemplate="item" let-item>
-            <a class="cursor-pointer" [routerLink]="item.url">
-                <i [class]="item.icon"></i>
-            </a>
-        </ng-template>
-        <ng-template pTemplate="separator"> / </ng-template>
-    </p-breadcrumb>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { BreadcrumbModule } from 'primeng/breadcrumb';
-import { RouterModule } from '@angular/router';
-
-@Component({
-    selector: 'breadcrumb-template-demo',
-    templateUrl: './breadcrumb-template-demo.html',
-    standalone: true,
-    imports: [BreadcrumbModule, RouterModule]
-})
-export class BreadcrumbTemplateDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    home: MenuItem | undefined;
-
-    ngOnInit() {
-        this.items = [{ icon: 'pi pi-sitemap' }, { icon: 'pi pi-book' }, { icon: 'pi pi-wallet' }, { icon: 'pi pi-shopping-bag' }, { icon: 'pi pi-calculator' }];
-
-        this.home = { icon: 'pi pi-home' };
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/button/accessibilitydoc.ts b/src/app/showcase/doc/button/accessibilitydoc.ts
deleted file mode 100644
index 4a22351..0000000
--- a/src/app/showcase/doc/button/accessibilitydoc.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: `
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Button component renders a native button element that implicitly includes any passed prop. Text to describe the button is defined with the <i>aria-label</i> prop, if not present <i>label</i> prop is used as the value. If the button is
-                icon only or custom templating is used, it is recommended to use <i>aria-label</i> so that screen readers would be able to read the element properly.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideStackBlitz]="true" [hideCodeSandbox]="true"></app-code>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the button.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Activates the button.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Activates the button.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<p-button icon="pi pi-check" aria-label="Submit" />
-<p-button icon="pi pi-check" label="Submit" />
-
-<p-button class="youtube p-0" aria-label="Youtube">
-    <i class="pi pi-youtube px-2"></i>
-    <span class="px-3">Youtube</span>
-</p-button>`
-    };
-}
diff --git a/src/app/showcase/doc/button/badgedoc.ts b/src/app/showcase/doc/button/badgedoc.ts
deleted file mode 100644
index 25907ad..0000000
--- a/src/app/showcase/doc/button/badgedoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-badge-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Buttons have built-in <i>badge</i> support with badge and <i>badgeClass</i> properties.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center flex-wrap gap-3">
-            <p-button label="Emails" badge="2" styleClass="m-0" />
-            <p-button label="Messages" icon="pi pi-users" badge="2" badgeClass="p-badge-contrast" styleClass="m-0" outlined="true" />
-        </div>
-        <app-code [code]="code" selector="button-badge-demo"></app-code>
-    `
-})
-export class BadgeDoc {
-    code: Code = {
-        basic: `<p-button label="Emails" badge="8" />
-<p-button 
-    label="Messages" 
-    icon="pi pi-users" 
-    badge="2" 
-    badgeClass="p-badge-contrast" 
-    outlined="true" />`,
-
-        html: `<div class="card flex justify-center flex-wrap gap-3">
-    <p-button label="Emails" badge="2" />
-    <p-button 
-        label="Messages" 
-        icon="pi pi-users" 
-        badge="8" 
-        badgeClass="p-badge-contrast" 
-        outlined="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'button-badge-demo',
-    templateUrl: './button-badge-demo.html',
-    standalone: true,
-    imports: [ButtonModule]
-})
-export class ButtonBadgeDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/button/basicdoc.ts b/src/app/showcase/doc/button/basicdoc.ts
deleted file mode 100644
index 304820d..0000000
--- a/src/app/showcase/doc/button/basicdoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Text to display on a button is defined with the <i>label</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button label="Submit" />
-        </div>
-        <app-code [code]="code" selector="button-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-button label="Submit" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-button label="Submit" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'button-basic-demo',
-    templateUrl: './button-basic-demo.html',
-    standalone: true,
-    imports: [ButtonModule]
-})
-export class ButtonBasicDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/button/buttondoc.module.ts b/src/app/showcase/doc/button/buttondoc.module.ts
deleted file mode 100644
index fb23451..0000000
--- a/src/app/showcase/doc/button/buttondoc.module.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ButtonModule } from 'primeng/button';
-import { ButtonGroupModule } from 'primeng/buttongroup';
-import { RippleModule } from 'primeng/ripple';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BadgeDoc } from './badgedoc';
-import { BasicDoc } from './basicdoc';
-import { ButtonsetDoc } from './buttonsetdoc';
-import { DirectiveDoc } from './directivedoc';
-import { DisabledDoc } from './disableddoc';
-import { IconsDoc } from './iconsdoc';
-import { IconOnlyDoc } from './iconsonlydoc';
-import { ImportDoc } from './importdoc';
-import { LinkDoc } from './linkdoc';
-import { LoadingDoc } from './loadingdoc';
-import { OutlinedDoc } from './outlineddoc';
-import { RaisedDoc } from './raiseddoc';
-import { RaisedTextDoc } from './raisedtextdoc';
-import { RoundedDoc } from './roundeddoc';
-import { SeverityDoc } from './severitydoc';
-import { SizesDoc } from './sizesdoc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-import { TextDoc } from './textdoc';
-import { ButtonGroupDoc } from './buttongroupdoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, ButtonModule, ButtonGroupModule, RippleModule, RouterModule],
-    exports: [AppDocModule],
-    declarations: [
-        ImportDoc,
-        BasicDoc,
-        LinkDoc,
-        IconsDoc,
-        LoadingDoc,
-        SeverityDoc,
-        DisabledDoc,
-        RaisedDoc,
-        RoundedDoc,
-        TextDoc,
-        RaisedTextDoc,
-        OutlinedDoc,
-        IconOnlyDoc,
-        BadgeDoc,
-        ButtonGroupDoc,
-        ButtonsetDoc,
-        SizesDoc,
-        TemplateDoc,
-        StyleDoc,
-        AccessibilityDoc,
-        DirectiveDoc
-    ]
-})
-export class ButtonDocModule {}
diff --git a/src/app/showcase/doc/button/buttongroupdoc.ts b/src/app/showcase/doc/button/buttongroupdoc.ts
deleted file mode 100644
index 40dfd8b..0000000
--- a/src/app/showcase/doc/button/buttongroupdoc.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-group-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Multiple buttons are grouped when wrapped inside an element with <i>ButtonGroup</i> component.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-buttonGroup>
-                <p-button label="Save" icon="pi pi-check" />
-                <p-button label="Delete" icon="pi pi-trash" />
-                <p-button label="Cancel" icon="pi pi-times" />
-            </p-buttonGroup>
-        </div>
-        <app-code [code]="code" selector="button-group-demo"></app-code>
-    `
-})
-export class ButtonGroupDoc {
-    code: Code = {
-        basic: `<p-buttonGroup>
-    <p-button label="Save" icon="pi pi-check" />
-    <p-button label="Delete" icon="pi pi-trash" />
-    <p-button label="Cancel" icon="pi pi-times" />
-</p-buttonGroup>`,
-
-        html: `<div class="card flex justify-center">
-    <p-buttonGroup>
-        <p-button label="Save" icon="pi pi-check" />
-        <p-button label="Delete" icon="pi pi-trash" />
-        <p-button label="Cancel" icon="pi pi-times" />
-    </p-buttonGroup>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'button-group-demo',
-    templateUrl: './button-group-demo.html',
-    standalone: true,
-    imports: [ButtonModule]
-})
-export class ButtonGroupDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/button/buttonsetdoc.ts b/src/app/showcase/doc/button/buttonsetdoc.ts
deleted file mode 100644
index 5b2e1ca..0000000
--- a/src/app/showcase/doc/button/buttonsetdoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-set-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Multiple buttons are grouped when wrapped inside an element with <i>p-buttonset</i> class.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <span class="p-buttonset">
-                <button pButton pRipple label="Save" icon="pi pi-check"></button>
-                <button pButton pRipple label="Delete" icon="pi pi-trash"></button>
-                <button pButton pRipple label="Cancel" icon="pi pi-times"></button>
-            </span>
-        </div>
-        <app-code [code]="code" selector="button-set-demo"></app-code>
-    `
-})
-export class ButtonsetDoc {
-    code: Code = {
-        basic: `<span class="p-buttonset">
-    <button pButton pRipple label="Save" icon="pi pi-check"></button>
-    <button pButton pRipple label="Delete" icon="pi pi-trash"></button>
-    <button pButton pRipple label="Cancel" icon="pi pi-times"></button>
-</span>`,
-
-        html: `
-<div class="card flex justify-center">
-    <span class="p-buttonset">
-        <button pButton pRipple label="Save" icon="pi pi-check"></button>
-        <button pButton pRipple label="Delete" icon="pi pi-trash"></button>
-        <button pButton pRipple label="Cancel" icon="pi pi-times"></button>
-    </span>
-</div>`,
-
-        typescript: `
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'button-set-demo',
-    templateUrl: './button-set-demo.html'
-})
-export class ButtonSetDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/button/directivedoc.ts b/src/app/showcase/doc/button/directivedoc.ts
deleted file mode 100644
index 6f46fef..0000000
--- a/src/app/showcase/doc/button/directivedoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-directive-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Button can also be used as directive using <i>pButton</i>. In contrary of p-button component, pButton directive does not utilize ripple effect, use <i>pRipple</i> directive to enable ripple.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <button pButton pRipple label="Submit" class="p-button-success"></button>
-        </div>
-        <app-code [code]="code" selector="button-directive-demo"></app-code>
-    `
-})
-export class DirectiveDoc {
-    code: Code = {
-        basic: `<button 
-    pButton 
-    pRipple 
-    label="Submit" 
-    class="p-button-success">
-</button>`,
-
-        html: `<div class="card flex justify-center">
-    <button 
-        pButton 
-        pRipple 
-        label="Submit" 
-        class="p-button-success">
-    </button>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-        
-@Component({
-    selector: 'button-directive-demo',
-    templateUrl: './button-directive-demo.html',
-    standalone: true,
-    imports: [ButtonModule, RippleModule]
-})
-export class ButtonDirectiveDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/button/disableddoc.ts b/src/app/showcase/doc/button/disableddoc.ts
deleted file mode 100644
index 9ed1f64..0000000
--- a/src/app/showcase/doc/button/disableddoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-disabled-demo',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-3">
-            <p-button icon="pi pi-arrow-down-right" [disabled]="true" />
-            <p-button label="Submit" [disabled]="true" />
-            <p-button label="Submit" icon="pi pi-arrow-down-right" [disabled]="true" />
-            <p-button label="Submit" icon="pi pi-arrow-down-right" iconPos="right" [disabled]="true" />
-            <p-button icon="pi pi-arrow-down-right" rounded [disabled]="true" />
-            <p-button label="Submit" rounded [disabled]="true" />
-        </div>
-        <app-code [code]="code" selector="button-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    code: Code = {
-        basic: `<p-button label="Submit" [disabled]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-button label="Submit" [disabled]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'button-disabled-demo',
-    templateUrl: './button-disabled-demo.html',
-    standalone: true,
-    imports: [ButtonModule]
-})
-export class ButtonDisabledDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/button/iconsdoc.ts b/src/app/showcase/doc/button/iconsdoc.ts
deleted file mode 100644
index e9f3052..0000000
--- a/src/app/showcase/doc/button/iconsdoc.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-icons-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Icon of a button is specified with <i>icon</i> property and position is configured using <i>iconPos</i> attribute.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap justify-center gap-3">
-            <p-button icon="pi pi-check" />
-            <p-button label="Submit" icon="pi pi-check" />
-            <p-button label="Submit" icon="pi pi-check" iconPos="right" />
-        </div>
-        <app-code [code]="code" selector="button-icons-demo"></app-code>
-    `
-})
-export class IconsDoc {
-    code: Code = {
-        basic: `<p-button icon="pi pi-check" />
-<p-button label="Submit" icon="pi pi-check" />
-<p-button label="Submit" icon="pi pi-check" iconPos="right" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-button icon="pi pi-check" />
-    <p-button label="Submit" icon="pi pi-check" />
-    <p-button label="Submit" icon="pi pi-check" iconPos="right" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'button-icons-demo',
-    templateUrl: './button-icons-demo.html',
-    standalone: true,
-    imports: [ButtonModule]
-})
-export class ButtonIconsDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/button/iconsonlydoc.ts b/src/app/showcase/doc/button/iconsonlydoc.ts
deleted file mode 100644
index 0d8a444..0000000
--- a/src/app/showcase/doc/button/iconsonlydoc.ts
+++ /dev/null
@@ -1,161 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-icon-only-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Buttons can have icons without labels.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex justify-center flex-wrap gap-3 mb-4">
-                <p-button icon="pi pi-check" />
-                <p-button icon="pi pi-bookmark" severity="secondary" />
-                <p-button icon="pi pi-search" severity="success" />
-                <p-button icon="pi pi-user" severity="info" />
-                <p-button icon="pi pi-bell" severity="warning" />
-                <p-button icon="pi pi-heart" severity="help" />
-                <p-button icon="pi pi-times" severity="danger" />
-            </div>
-            <div class="flex justify-center flex-wrap gap-3 mb-4">
-                <p-button icon="pi pi-check" [rounded]="true" />
-                <p-button icon="pi pi-bookmark" [rounded]="true" severity="secondary" />
-                <p-button icon="pi pi-search" [rounded]="true" severity="success" />
-                <p-button icon="pi pi-user" [rounded]="true" severity="info" />
-                <p-button icon="pi pi-bell" [rounded]="true" severity="warning" />
-                <p-button icon="pi pi-heart" [rounded]="true" severity="help" />
-                <p-button icon="pi pi-times" [rounded]="true" severity="danger" />
-            </div>
-            <div class="flex justify-center flex-wrap gap-3 mb-4">
-                <p-button icon="pi pi-check" [rounded]="true" [outlined]="true" />
-                <p-button icon="pi pi-bookmark" [rounded]="true" severity="secondary" [outlined]="true" />
-                <p-button icon="pi pi-search" [rounded]="true" severity="success" [outlined]="true" />
-                <p-button icon="pi pi-user" [rounded]="true" severity="info" [outlined]="true" />
-                <p-button icon="pi pi-bell" [rounded]="true" severity="warning" [outlined]="true" />
-                <p-button icon="pi pi-heart" [rounded]="true" severity="help" [outlined]="true" />
-                <p-button icon="pi pi-times" [rounded]="true" severity="danger" [outlined]="true" />
-            </div>
-            <div class="flex justify-center flex-wrap gap-3 mb-4">
-                <p-button icon="pi pi-check" [rounded]="true" [text]="true" [raised]="true" />
-                <p-button icon="pi pi-bookmark" [rounded]="true" [text]="true" [raised]="true" severity="secondary " />
-                <p-button icon="pi pi-search" [rounded]="true" [text]="true" [raised]="true" severity="success " />
-                <p-button icon="pi pi-user" [rounded]="true" [text]="true" [raised]="true" severity="info " />
-                <p-button icon="pi pi-bell" [rounded]="true" [text]="true" [raised]="true" severity="warning " />
-                <p-button icon="pi pi-heart" [rounded]="true" [text]="true" [raised]="true" severity="help " />
-                <p-button icon="pi pi-times" [rounded]="true" [text]="true" [raised]="true" severity="danger " />
-            </div>
-            <div class="flex justify-center flex-wrap gap-3 mb-4">
-                <p-button icon="pi pi-check" [rounded]="true" [text]="true" />
-                <p-button icon="pi pi-bookmark" [rounded]="true" [text]="true" severity="secondary " />
-                <p-button icon="pi pi-search" [rounded]="true" [text]="true" severity="success " />
-                <p-button icon="pi pi-user" [rounded]="true" [text]="true" severity="info " />
-                <p-button icon="pi pi-bell" [rounded]="true" [text]="true" severity="warning " />
-                <p-button icon="pi pi-heart" [rounded]="true" [text]="true" severity="help " />
-                <p-button icon="pi pi-times" [rounded]="true" [text]="true" severity="danger " />
-            </div>
-        </div>
-        <app-code [code]="code" selector="button-icon-only-demo"></app-code>
-    `
-})
-export class IconOnlyDoc {
-    code: Code = {
-        basic: `<p-button icon="pi pi-check" />
-<p-button icon="pi pi-bookmark" severity="secondary" />
-<p-button icon="pi pi-search" severity="success" />
-<p-button icon="pi pi-user" severity="info" />
-<p-button icon="pi pi-bell" severity="warning" />
-<p-button icon="pi pi-heart" severity="help" />
-<p-button icon="pi pi-times" severity="danger" />
-
-<p-button icon="pi pi-check" [rounded]="true" />
-<p-button icon="pi pi-bookmark" [rounded]="true" severity="secondary" />
-<p-button icon="pi pi-search" [rounded]="true" severity="success" />
-<p-button icon="pi pi-user" [rounded]="true" severity="info" />
-<p-button icon="pi pi-bell" [rounded]="true" severity="warning" />
-<p-button icon="pi pi-heart" [rounded]="true" severity="help" />
-<p-button icon="pi pi-times" [rounded]="true" severity="danger" />
-
-<p-button icon="pi pi-check" [rounded]="true" [outlined]="true" />
-<p-button icon="pi pi-bookmark" [rounded]="true" severity="secondary" [outlined]="true" />
-<p-button icon="pi pi-search" [rounded]="true" severity="success" [outlined]="true" />
-<p-button icon="pi pi-user" [rounded]="true" severity="info" [outlined]="true" />
-<p-button icon="pi pi-bell" [rounded]="true" severity="warning" [outlined]="true" />
-<p-button icon="pi pi-heart" [rounded]="true" severity="help" [outlined]="true" />
-<p-button icon="pi pi-times" [rounded]="true" severity="danger" [outlined]="true" />
-
-<p-button icon="pi pi-check" [rounded]="true" [text]="true" [raised]="true" />
-<p-button icon="pi pi-bookmark" [rounded]="true" [text]="true" [raised]="true" severity="secondary " />
-<p-button icon="pi pi-search" [rounded]="true" [text]="true" [raised]="true" severity="success " />
-<p-button icon="pi pi-user" [rounded]="true" [text]="true" [raised]="true" severity="info " />
-<p-button icon="pi pi-bell" [rounded]="true" [text]="true" [raised]="true" severity="warning " />
-<p-button icon="pi pi-heart" [rounded]="true" [text]="true" [raised]="true" severity="help " />
-<p-button icon="pi pi-times" [rounded]="true" [text]="true" [raised]="true" severity="danger " />
-
-<p-button icon="pi pi-check" [rounded]="true" [text]="true" />
-<p-button icon="pi pi-bookmark" [rounded]="true" [text]="true" severity="secondary " />
-<p-button icon="pi pi-search" [rounded]="true" [text]="true" severity="success " />
-<p-button icon="pi pi-user" [rounded]="true" [text]="true" severity="info " />
-<p-button icon="pi pi-bell" [rounded]="true" [text]="true" severity="warning " />
-<p-button icon="pi pi-heart" [rounded]="true" [text]="true" severity="help " />
-<p-button icon="pi pi-times" [rounded]="true" [text]="true" severity="danger " />`,
-
-        html: `<div class="card">
-    <div class="flex justify-center flex-wrap gap-3 mb-4">
-        <p-button icon="pi pi-check" />
-        <p-button icon="pi pi-bookmark" severity="secondary" />
-        <p-button icon="pi pi-search" severity="success" />
-        <p-button icon="pi pi-user" severity="info" />
-        <p-button icon="pi pi-bell" severity="warning" />
-        <p-button icon="pi pi-heart" severity="help" />
-        <p-button icon="pi pi-times" severity="danger" />
-    </div>
-    <div class="flex justify-center flex-wrap gap-3 mb-4">
-        <p-button icon="pi pi-check" [rounded]="true" />
-        <p-button icon="pi pi-bookmark" [rounded]="true" severity="secondary" />
-        <p-button icon="pi pi-search" [rounded]="true" severity="success" />
-        <p-button icon="pi pi-user" [rounded]="true" severity="info" />
-        <p-button icon="pi pi-bell" [rounded]="true" severity="warning" />
-        <p-button icon="pi pi-heart" [rounded]="true" severity="help" />
-        <p-button icon="pi pi-times" [rounded]="true" severity="danger" />
-    </div>
-    <div class="flex justify-center flex-wrap gap-3 mb-4">
-        <p-button icon="pi pi-check" [rounded]="true" [outlined]="true" />
-        <p-button icon="pi pi-bookmark" [rounded]="true" severity="secondary" [outlined]="true" />
-        <p-button icon="pi pi-search" [rounded]="true" severity="success" [outlined]="true" />
-        <p-button icon="pi pi-user" [rounded]="true" severity="info" [outlined]="true" />
-        <p-button icon="pi pi-bell" [rounded]="true" severity="warning" [outlined]="true" />
-        <p-button icon="pi pi-heart" [rounded]="true" severity="help" [outlined]="true" />
-        <p-button icon="pi pi-times" [rounded]="true" severity="danger" [outlined]="true" />
-    </div>
-    <div class="flex justify-center flex-wrap gap-3 mb-4">
-        <p-button icon="pi pi-check" [rounded]="true" [text]="true" [raised]="true" />
-        <p-button icon="pi pi-bookmark" [rounded]="true" [text]="true" [raised]="true" severity="secondary " />
-        <p-button icon="pi pi-search" [rounded]="true" [text]="true" [raised]="true" severity="success " />
-        <p-button icon="pi pi-user" [rounded]="true" [text]="true" [raised]="true" severity="info " />
-        <p-button icon="pi pi-bell" [rounded]="true" [text]="true" [raised]="true" severity="warning " />
-        <p-button icon="pi pi-heart" [rounded]="true" [text]="true" [raised]="true" severity="help " />
-        <p-button icon="pi pi-times" [rounded]="true" [text]="true" [raised]="true" severity="danger " />
-    </div>
-    <div class="flex justify-center flex-wrap gap-3 mb-4">
-        <p-button icon="pi pi-check" [rounded]="true" [text]="true" />
-        <p-button icon="pi pi-bookmark" [rounded]="true" [text]="true" severity="secondary " />
-        <p-button icon="pi pi-search" [rounded]="true" [text]="true" severity="success " />
-        <p-button icon="pi pi-user" [rounded]="true" [text]="true" severity="info " />
-        <p-button icon="pi pi-bell" [rounded]="true" [text]="true" severity="warning " />
-        <p-button icon="pi pi-heart" [rounded]="true" [text]="true" severity="help " />
-        <p-button icon="pi pi-times" [rounded]="true" [text]="true" severity="danger " />
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'button-icon-only-demo',
-    templateUrl: './button-icon-only-demo.html',
-    standalone: true,
-    imports: [ButtonModule]
-})
-export class ButtonIconOnlyDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/button/importdoc.ts b/src/app/showcase/doc/button/importdoc.ts
deleted file mode 100644
index 25f9809..0000000
--- a/src/app/showcase/doc/button/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ButtonModule } from 'primeng/button';`
-    };
-}
diff --git a/src/app/showcase/doc/button/linkdoc.ts b/src/app/showcase/doc/button/linkdoc.ts
deleted file mode 100644
index 6a277b1..0000000
--- a/src/app/showcase/doc/button/linkdoc.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-link-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A button can be rendered as a link as well.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-3">
-            <p-button label="Link" [link]="true" />
-            <a href="https://angular.dev/" target="_blank" rel="noopener noreferrer" class="p-button font-bold">External</a>
-            <a routerLink="/" class="p-button font-bold">Router</a>
-        </div>
-        <app-code [code]="code" selector="button-link-demo"></app-code>
-    `
-})
-export class LinkDoc {
-    code: Code = {
-        basic: `<p-button label="Link" [link]="true" />
-<a href="https://angular.dev/" target="_blank" rel="noopener noreferrer" class="p-button font-bold">
-    External
-</a>
-<a routerLink="/" class="p-button font-bold">
-    Router
-</a>`,
-
-        html: `<div class="card flex justify-center gap-3">
-    <p-button label="Link" [link]="true" />
-    <a href="https://angular.dev/" target="_blank" rel="noopener noreferrer" class="p-button font-bold">
-        External
-    </a>
-    <a routerLink="/" class="p-button font-bold">
-        Router
-    </a>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-import { RouterModule } from '@angular/router';
-
-@Component({
-    selector: 'button-link-demo',
-    templateUrl: './button-link-demo.html',
-    standalone: true,
-    imports: [ButtonModule, RouterModule]
-})
-export class ButtonLinkDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/button/loadingdoc.ts b/src/app/showcase/doc/button/loadingdoc.ts
deleted file mode 100644
index baa4dc0..0000000
--- a/src/app/showcase/doc/button/loadingdoc.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-loading-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Busy state is controlled with the <i>loading</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-3">
-            <p-button icon="pi pi-check" [loading]="loading" (onClick)="load()" />
-            <p-button label="Search" [loading]="loading" (onClick)="load()" />
-            <p-button label="Search" icon="pi pi-check" [loading]="loading" (onClick)="load()" />
-            <p-button label="Search" icon="pi pi-check" iconPos="right" [loading]="loading" (onClick)="load()" />
-            <p-button icon="pi pi-check" [loading]="loading" rounded (onClick)="load()" />
-            <p-button label="Search" icon="pi pi-check" [loading]="loading" rounded (onClick)="load()" />
-            <p-button label="Search" icon="pi pi-check" iconPos="right" [loading]="loading" rounded (onClick)="load()" />
-        </div>
-        <app-code [code]="code" selector="button-loading-demo"></app-code>
-    `
-})
-export class LoadingDoc {
-    loading: boolean = false;
-
-    constructor(private readonly cdr: ChangeDetectorRef) {}
-
-    load() {
-        this.loading = true;
-
-        setTimeout(() => {
-            this.loading = false;
-            this.cdr.markForCheck();
-        }, 2000);
-    }
-
-    code: Code = {
-        basic: `<p-button 
-    label="Search" 
-    icon="pi pi-check" 
-    [loading]="loading" 
-    (onClick)="load()" />`,
-
-        html: `<div class="card flex justify-center gap-3">
-    <p-button 
-        label="Search" 
-        icon="pi pi-check" 
-        [loading]="loading" 
-        (onClick)="load()" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'button-loading-demo',
-    templateUrl: './button-loading-demo.html',
-    standalone: true,
-    imports: [ButtonModule]
-})
-export class ButtonLoadingDemo {
-    loading: boolean = false;
-
-    load() {
-        this.loading = true;
-
-        setTimeout(() => {
-            this.loading = false
-        }, 2000);
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/button/outlineddoc.ts b/src/app/showcase/doc/button/outlineddoc.ts
deleted file mode 100644
index 9d8fd31..0000000
--- a/src/app/showcase/doc/button/outlineddoc.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-outlined-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Outlined buttons display a border without a background initially.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3 justify-center">
-            <p-button label="Primary" [outlined]="true" />
-            <p-button label="Secondary" [outlined]="true" severity="secondary" />
-            <p-button label="Success" [outlined]="true" severity="success" />
-            <p-button label="Info" [outlined]="true" severity="info" />
-            <p-button label="Warning" [outlined]="true" severity="warning" />
-            <p-button label="Help" [outlined]="true" severity="help" />
-            <p-button label="Danger" [outlined]="true" severity="danger" />
-            <p-button label="Contrast" [outlined]="true" severity="contrast" />
-        </div>
-        <app-code [code]="code" selector="button-outlined-demo"></app-code>
-    `
-})
-export class OutlinedDoc {
-    code: Code = {
-        basic: `<p-button label="Primary" [outlined]="true" />
-<p-button label="Secondary" [outlined]="true" severity="secondary" />
-<p-button label="Success" [outlined]="true" severity="success" />
-<p-button label="Info" [outlined]="true" severity="info" />
-<p-button label="Warning" [outlined]="true" severity="warning" />
-<p-button label="Help" [outlined]="true" severity="help" />
-<p-button label="Danger" [outlined]="true" severity="danger" />
-<p-button label="Contrast" [outlined]="true" severity="contrast" />`,
-
-        html: `<div class="card flex flex-wrap gap-3 justify-center">
-    <p-button label="Primary" [outlined]="true" />
-    <p-button label="Secondary" [outlined]="true" severity="secondary" />
-    <p-button label="Success" [outlined]="true" severity="success" />
-    <p-button label="Info" [outlined]="true" severity="info" />
-    <p-button label="Warning" [outlined]="true" severity="warning" />
-    <p-button label="Help" [outlined]="true" severity="help" />
-    <p-button label="Danger" [outlined]="true" severity="danger" />
-    <p-button label="Contrast" [outlined]="true" severity="contrast" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'button-outlined-demo',
-    templateUrl: './button-outlined-demo.html',
-    standalone: true,
-    imports: [ButtonModule]
-})
-export class ButtonOutlinedDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/button/raiseddoc.ts b/src/app/showcase/doc/button/raiseddoc.ts
deleted file mode 100644
index b397670..0000000
--- a/src/app/showcase/doc/button/raiseddoc.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-raised-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Raised buttons display a shadow to indicate elevation.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3 justify-center">
-            <p-button label="Primary" [raised]="true" />
-            <p-button label="Secondary" [raised]="true" severity="secondary" />
-            <p-button label="Success" [raised]="true" severity="success" />
-            <p-button label="Info" [raised]="true" severity="info" />
-            <p-button label="Warning" [raised]="true" severity="warning" />
-            <p-button label="Help" [raised]="true" severity="help" />
-            <p-button label="Danger" [raised]="true" severity="danger" />
-            <p-button label="Contrast" [raised]="true" severity="contrast" />
-        </div>
-        <app-code [code]="code" selector="button-raised-demo"></app-code>
-    `
-})
-export class RaisedDoc {
-    code: Code = {
-        basic: `<p-button label="Primary" [raised]="true" />
-<p-button label="Secondary" [raised]="true" severity="secondary" />
-<p-button label="Success" [raised]="true" severity="success" />
-<p-button label="Info" [raised]="true" severity="info" />
-<p-button label="Warning" [raised]="true" severity="warning" />
-<p-button label="Help" [raised]="true" severity="help" />
-<p-button label="Danger" [raised]="true" severity="danger" />
-<p-button label="Contrast" [raised]="true" severity="contrast" />
-`,
-
-        html: `<div class="card flex flex-wrap gap-3 justify-center">
-    <p-button label="Primary" [raised]="true" />
-    <p-button label="Secondary" [raised]="true" severity="secondary" />
-    <p-button label="Success" [raised]="true" severity="success" />
-    <p-button label="Info" [raised]="true" severity="info" />
-    <p-button label="Warning" [raised]="true" severity="warning" />
-    <p-button label="Help" [raised]="true" severity="help" />
-    <p-button label="Danger" [raised]="true" severity="danger" />
-    <p-button label="Contrast" [raised]="true" severity="contrast" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'button-raised-demo',
-    templateUrl: './button-raised-demo.html',
-    standalone: true,
-    imports: [ButtonModule]
-})
-export class ButtonRaisedDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/button/raisedtextdoc.ts b/src/app/showcase/doc/button/raisedtextdoc.ts
deleted file mode 100644
index 4c66547..0000000
--- a/src/app/showcase/doc/button/raisedtextdoc.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-raisedtext-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Text buttons can be displayed as raised for elevation.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3 justify-center">
-            <p-button label="Primary" [text]="true" [raised]="true" />
-            <p-button label="Secondary" [text]="true" [raised]="true" severity="secondary" />
-            <p-button label="Success" [text]="true" [raised]="true" severity="success" />
-            <p-button label="Info" [text]="true" [raised]="true" severity="info" />
-            <p-button label="Warning" [text]="true" [raised]="true" severity="warning" />
-            <p-button label="Help" [text]="true" [raised]="true" severity="help" />
-            <p-button label="Danger" [text]="true" [raised]="true" severity="danger" />
-            <p-button label="Plain" [text]="true" [raised]="true" [plain]="true" />
-        </div>
-        <app-code [code]="code" selector="button-raisedtext-demo"></app-code>
-    `
-})
-export class RaisedTextDoc {
-    code: Code = {
-        basic: `<p-button label="Primary" [text]="true" [raised]="true" />
-<p-button label="Secondary" [text]="true" [raised]="true" severity="secondary" />
-<p-button label="Success" [text]="true" [raised]="true" severity="success" />
-<p-button label="Info" [text]="true" [raised]="true" severity="info" />
-<p-button label="Warning" [text]="true" [raised]="true" severity="warning" />
-<p-button label="Help" [text]="true" [raised]="true" severity="help" />
-<p-button label="Danger" [text]="true" [raised]="true" severity="danger" />
-<p-button label="Plain" [text]="true" [raised]="true" [plain]="true" />`,
-
-        html: `<div class="card flex flex-wrap gap-3 justify-center">
-    <p-button label="Primary" [text]="true" [raised]="true" />
-    <p-button label="Secondary" [text]="true" [raised]="true" severity="secondary" />
-    <p-button label="Success" [text]="true" [raised]="true" severity="success" />
-    <p-button label="Info" [text]="true" [raised]="true" severity="info" />
-    <p-button label="Warning" [text]="true" [raised]="true" severity="warning" />
-    <p-button label="Help" [text]="true" [raised]="true" severity="help" />
-    <p-button label="Danger" [text]="true" [raised]="true" severity="danger" />
-    <p-button label="Plain" [text]="true" [raised]="true" [plain]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'button-raisedtext-demo',
-    templateUrl: './button-raisedtext-demo.html',
-    standalone: true,
-    imports: [ButtonModule]
-})
-export class ButtonRaisedtextDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/button/roundeddoc.ts b/src/app/showcase/doc/button/roundeddoc.ts
deleted file mode 100644
index 35fa8df..0000000
--- a/src/app/showcase/doc/button/roundeddoc.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-rounded-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Rounded buttons have a circular border radius.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3 justify-center">
-            <p-button label="Primary" [rounded]="true" />
-            <p-button label="Secondary" [rounded]="true" severity="secondary" />
-            <p-button label="Success" [rounded]="true" severity="success" />
-            <p-button label="Info" [rounded]="true" severity="info" />
-            <p-button label="Warning" [rounded]="true" severity="warning" />
-            <p-button label="Help" [rounded]="true" severity="help" />
-            <p-button label="Danger" [rounded]="true" severity="danger" />
-            <p-button label="Contrast" [rounded]="true" severity="contrast" />
-        </div>
-        <app-code [code]="code" selector="button-rounded-demo"></app-code>
-    `
-})
-export class RoundedDoc {
-    code: Code = {
-        basic: `<p-button label="Primary" [rounded]="true" />
-<p-button label="Secondary" [rounded]="true" severity="secondary" />
-<p-button label="Success" [rounded]="true" severity="success" />
-<p-button label="Info" [rounded]="true" severity="info" />
-<p-button label="Warning" [rounded]="true" severity="warning" />
-<p-button label="Help" [rounded]="true" severity="help" />
-<p-button label="Danger" [rounded]="true" severity="danger" />
-<p-button label="Contrast" [rounded]="true" severity="contrast" />`,
-
-        html: `<div class="card flex flex-wrap gap-3 justify-center">
-    <p-button label="Primary" [rounded]="true" />
-    <p-button label="Secondary" [rounded]="true" severity="secondary" />
-    <p-button label="Success" [rounded]="true" severity="success" />
-    <p-button label="Info" [rounded]="true" severity="info" />
-    <p-button label="Warning" [rounded]="true" severity="warning" />
-    <p-button label="Help" [rounded]="true" severity="help" />
-    <p-button label="Danger" [rounded]="true" severity="danger" />
-    <p-button label="Contrast" [rounded]="true" severity="contrast" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'button-rounded-demo',
-    templateUrl: './button-rounded-demo.html',
-    standalone: true,
-    imports: [ButtonModule]
-})
-export class ButtonRoundedDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/button/severitydoc.ts b/src/app/showcase/doc/button/severitydoc.ts
deleted file mode 100644
index 76bd134..0000000
--- a/src/app/showcase/doc/button/severitydoc.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-severity-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Severity defines the type of button.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3 justify-center">
-            <p-button label="Primary" />
-            <p-button label="Secondary" severity="secondary" />
-            <p-button label="Success" severity="success" />
-            <p-button label="Info" severity="info" />
-            <p-button label="Warning" severity="warning" />
-            <p-button label="Help" severity="help" />
-            <p-button label="Danger" severity="danger" />
-            <p-button label="Contrast" severity="contrast" />
-        </div>
-        <app-code [code]="code" selector="button-severity-demo"></app-code>
-    `
-})
-export class SeverityDoc {
-    code: Code = {
-        basic: `<p-button label="Primary" />
-<p-button label="Secondary" severity="secondary" />
-<p-button label="Success" severity="success" />
-<p-button label="Info" severity="info" />
-<p-button label="Warning" severity="warning" />
-<p-button label="Help" severity="help" />
-<p-button label="Danger" severity="danger" />
-<p-button label="Contrast" severity="contrast" />`,
-
-        html: `<div class="card flex flex-wrap gap-3 justify-center">
-    <p-button label="Primary" />
-    <p-button label="Secondary" severity="secondary" />
-    <p-button label="Success" severity="success" />
-    <p-button label="Info" severity="info" />
-    <p-button label="Warning" severity="warning" />
-    <p-button label="Help" severity="help" />
-    <p-button label="Danger" severity="danger" />
-    <p-button label="Contrast" severity="contrast" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'button-severity-demo',
-    templateUrl: './button-severity-demo.html',
-    standalone: true,
-    imports: [ButtonModule]
-})
-export class ButtonSeverityDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/button/sizesdoc.ts b/src/app/showcase/doc/button/sizesdoc.ts
deleted file mode 100644
index c5dc706..0000000
--- a/src/app/showcase/doc/button/sizesdoc.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-sizes-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Button provides <i>small</i> and <i>large</i> sizes as alternatives to the standard.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center flex-wrap gap-3 items-center">
-            <p-button label="Small" icon="pi pi-check" size="small" />
-            <p-button label="Normal" icon="pi pi-check" />
-            <p-button label="Large" icon="pi pi-check" size="large" />
-            <p-button label="xLarge" icon="pi pi-check" size="xlarge" />
-        </div>
-        <app-code [code]="code" selector="button-sizes-demo"></app-code>
-    `
-})
-export class SizesDoc {
-    code: Code = {
-        basic: `<p-button label="Small" icon="pi pi-check" size="small" />
-<p-button label="Normal" icon="pi pi-check" />
-<p-button label="Large" icon="pi pi-check" size="large" />
-<p-button label="xLarge" icon="pi pi-check" size="xlarge" />`,
-
-        html: `<div class="card flex justify-center flex-wrap gap-3 items-center">
-    <p-button label="Small" icon="pi pi-check" size="small" />
-    <p-button label="Normal" icon="pi pi-check" />
-    <p-button label="Large" icon="pi pi-check" size="large" />
-    <p-button label="xLarge" icon="pi pi-check" size="xlarge" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'button-sizes-demo',
-    templateUrl: './button-sizes-demo.html',
-    standalone: true,
-    imports: [ButtonModule]
-})
-export class ButtonSizesDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/button/styledoc.ts b/src/app/showcase/doc/button/styledoc.ts
deleted file mode 100644
index 3babe04..0000000
--- a/src/app/showcase/doc/button/styledoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-button</td>
-                        <td>Button element</td>
-                    </tr>
-                    <tr>
-                        <td>p-button-icon</td>
-                        <td>Icon element</td>
-                    </tr>
-                    <tr>
-                        <td>p-button-label</td>
-                        <td>Label element of the button</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/button/templatedoc.ts b/src/app/showcase/doc/button/templatedoc.ts
deleted file mode 100644
index 205b31e..0000000
--- a/src/app/showcase/doc/button/templatedoc.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-template-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Custom content inside a button is defined as children.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button [outlined]="true">
-                <svg width="32" height="32" class="block mx-auto" viewBox="0 0 148 158" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M73.3016 0V0V0L0.188751 25.97L11.3402 122.262L73.3016 156.446V156.446V156.446L135.263 122.262L146.415 25.97L73.3016 0Z" fill="var(--primary-color)" />
-                    <mask id="mask0_1_21" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
-                        <path d="M73.3016 0V0V0L0.188751 25.97L11.3402 122.262L73.3016 156.446V156.446V156.446L135.263 122.262L146.415 25.97L73.3016 0Z" fill="var(--primary-color-text)" />
-                    </mask>
-                    <g mask="url(#mask0_1_21)">
-                        <path fill-rule="evenodd" clip-rule="evenodd" d="M73.3016 0V17.3655V17.2873V96.5271V96.5271V156.446V156.446L135.263 122.262L146.415 25.97L73.3016 0Z" fill="var(--primary-color)" />
-                    </g>
-                    <path d="M94.7324 74.1973L87.7187 72.6393L93.1738 80.4295V104.579L111.877 88.9988V62.5119L103.305 65.628L94.7324 74.1973Z" fill="var(--primary-color-text)" />
-                    <path d="M51.0915 74.1973L58.1053 72.6393L52.6501 80.4295V104.579L33.9469 88.9988V62.5119L42.5192 65.628L51.0915 74.1973Z" fill="var(--primary-color-text)" />
-                    <path
-                        fill-rule="evenodd"
-                        clip-rule="evenodd"
-                        d="M54.9115 81.8918L61.1279 72.5246L65.0131 74.8664H80.5541L84.4393 72.5246L90.6557 81.8918V117.019L85.9934 124.044L80.5541 129.508H65.0131L59.5738 124.044L54.9115 117.019V81.8918Z"
-                        fill="white"
-                    />
-                    <path d="M93.1738 119.381L103.305 109.254V99.1262L93.1738 107.695V119.381Z" fill="var(--primary-color-text)" />
-                    <path d="M52.6501 119.381L42.5192 109.254V99.1262L52.6501 107.695V119.381Z" fill="var(--primary-color-text)" />
-                    <path fill-rule="evenodd" clip-rule="evenodd" d="M62.781 27.4557L56.5466 42.2573L66.6776 71.8603H71.3534V27.4557H62.781ZM74.4706 27.4557V71.8603H79.9257L89.2773 42.2573L83.0429 27.4557H74.4706Z" fill="white" />
-                    <path d="M66.6776 71.8602L33.1676 59.3958L28.4918 39.9202L57.3259 42.2572L67.4569 71.8602H66.6776Z" fill="var(--primary-color-text)" />
-                    <path d="M79.9257 71.8602L113.436 59.3958L118.111 39.9202L88.498 42.2572L79.1464 71.8602H79.9257Z" fill="var(--primary-color-text)" />
-                    <path d="M90.8359 39.9202L107.201 38.3621L96.291 27.4557H85.3808L90.8359 39.9202Z" fill="var(--primary-color-text)" />
-                    <path d="M54.988 39.9202L38.6227 38.3621L49.5329 27.4557H60.4431L54.988 39.9202Z" fill="var(--primary-color-text)" />
-                </svg>
-            </p-button>
-        </div>
-        <app-code [code]="code" selector="button-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    code: Code = {
-        basic: `<p-button [outlined]="true">
-        <svg width="35" height="40" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg" class="block mx-auto">
-        <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-        <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-            <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-        </mask>
-        <g mask="url(#mask0_1_36)">
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-        </g>
-        <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-        <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-        <path
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-            fill="var(--primary-color-text)"
-        />
-        <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-        <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-        <path
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-            fill="var(--primary-color-text)"
-        />
-        <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-        <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-        <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-        <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-    </svg>
-</p-button>`,
-
-        html: `<div class="card flex justify-center">
-<p-button [outlined]="true">
-<svg width="35" height="40" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg" class="block mx-auto">
-<path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-<mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-    <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-</mask>
-<g mask="url(#mask0_1_36)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-</g>
-<path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-<path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-<path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-    fill="var(--primary-color-text)"
-/>
-<path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-<path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-<path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-    fill="var(--primary-color-text)"
-/>
-<path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-<path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-<path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-<path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-</svg>
-</p-button>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'button-template-demo',
-    templateUrl: './button-template-demo.html',
-    standalone: true,
-    imports: [ButtonModule]
-})
-export class ButtonTemplateDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/button/textdoc.ts b/src/app/showcase/doc/button/textdoc.ts
deleted file mode 100644
index 4b4fb8a..0000000
--- a/src/app/showcase/doc/button/textdoc.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-text-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Text buttons are displayed as textual elements.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3 justify-center">
-            <p-button label="Primary" [text]="true" />
-            <p-button label="Secondary" [text]="true" severity="secondary" />
-            <p-button label="Success" [text]="true" severity="success" />
-            <p-button label="Info" [text]="true" severity="info" />
-            <p-button label="Warning" [text]="true" severity="warning" />
-            <p-button label="Help" [text]="true" severity="help" />
-            <p-button label="Danger" [text]="true" severity="danger" />
-            <p-button label="Plain" [text]="true" [plain]="true" />
-        </div>
-        <app-code [code]="code" selector="button-text-demo"></app-code>
-    `
-})
-export class TextDoc {
-    code: Code = {
-        basic: `<p-button label="Primary" [text]="true" />
-<p-button label="Secondary" [text]="true" severity="secondary" />
-<p-button label="Success" [text]="true" severity="success" />
-<p-button label="Info" [text]="true" severity="info" />
-<p-button label="Warning" [text]="true" severity="warning" />
-<p-button label="Help" [text]="true" severity="help" />
-<p-button label="Danger" [text]="true" severity="danger" />
-<p-button label="Plain" [text]="true" [plain]="true" />`,
-
-        html: `<div class="card flex flex-wrap gap-3 justify-center">
-    <p-button label="Primary" [text]="true" />
-    <p-button label="Secondary" [text]="true" severity="secondary" />
-    <p-button label="Success" [text]="true" severity="success" />
-    <p-button label="Info" [text]="true" severity="info" />
-    <p-button label="Warning" [text]="true" severity="warning" />
-    <p-button label="Help" [text]="true" severity="help" />
-    <p-button label="Danger" [text]="true" severity="danger" />
-    <p-button label="Plain" [text]="true" [plain]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'button-text-demo',
-    templateUrl: './button-text-demo.html',
-    standalone: true,
-    imports: [ButtonModule]
-})
-export class ButtonTextDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/accessibilitydoc.ts b/src/app/showcase/doc/calendar/accessibilitydoc.ts
deleted file mode 100644
index 43bead3..0000000
--- a/src/app/showcase/doc/calendar/accessibilitydoc.ts
+++ /dev/null
@@ -1,241 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Value to describe the component can either be provided via <i>label</i> tag combined with <i>inputId</i> prop or using <i>aria-labelledby</i>, <i>aria-label</i> props. The input element has <i>combobox</i> role in addition to
-                <i>aria-autocomplete</i> as "none", <i>aria-haspopup</i> as "dialog" and <i>aria-expanded</i> attributes. The relation between the input and the popup is created with <i>aria-controls</i> attribute that refers to the id of the popup.
-            </p>
-            <p>
-                The optional calendar button requires includes <i>aria-haspopup</i>, <i>aria-expanded</i> for states along with <i>aria-controls</i> to define the relation between the popup and the button. The value to read is retrieved from the
-                <i>chooseDate</i>
-                key of the aria property from the <a href="/configuration/#locale">locale</a> API. This label is also used for the <i>aria-label</i> of the popup as well. When there is a value selected, it is formatted and appended to the label to be
-                able to notify users about the current value.
-            </p>
-
-            <p>
-                Popup has a <i>dialog</i> role along with <i>aria-modal</i> and <i>aria-label</i>. The navigation buttons at the header has an <i>aria-label</i> retrieved from the <i>prevYear</i>, <i>nextYear</i>, <i>prevMonth</i>,
-                <i>nextMonth</i>,<i>prevDecade</i> and <i>nextDecade</i> keys of the locale aria API. Similarly month picker button uses the <i>chooseMonth</i> and year picker button uses the <i>chooseYear</i> keys.
-            </p>
-
-            <p>
-                Main date table uses <i>grid</i> role that contains th elements with <i>col</i> as the scope along with <i>abbr</i> tag resolving to the full name of the month. Each date cell has an <i>aria-label</i> referring to the full date value.
-                Buttons at the footer utilize their readable labels as <i>aria-label</i> as well. Selected date also receives the <i>aria-selected</i> attribute.
-            </p>
-
-            <p>
-                Timepicker spinner buttons get their labels for <i>aria-label</i> from the aria locale API using the <i>prevHour</i>, <i>nextHour</i>, <i>prevMinute</i>, <i>nextMinute</i>, <i>prevSecond</i>, <i>nextSecond</i>, <i>am</i> and
-                <i>pm</i> keys.
-            </p>
-
-            <p>Calendar also includes a hidden section that is only available to screen readers with <i>aria-live</i> as "polite". This element is updated when the selected date changes to instruct the user about the current date selected.</p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Choose Date Button Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Opens popup and moves focus to the selected date, if there is none focuses on today.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Opens popup and moves focus to the selected date, if there is none focuses on today.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Popup Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>escape</i>
-                        </td>
-                        <td>Closes the popup and moves focus to the input element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the next focusable element within the popup.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>tab</i></td>
-                        <td>Moves focus to the previous focusable element within the popup.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Header Buttons Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Triggers the button action.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Triggers the button action.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Date Grid Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Selects the date, closes the popup and moves focus to the input element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Selects the date, closes the popup and moves focus to the input element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>up arrow</i>
-                        </td>
-                        <td>Moves focus to the same day of the previous week.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>down arrow</i>
-                        </td>
-                        <td>Moves focus to the same day of the next week.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>right arrow</i>
-                        </td>
-                        <td>Moves focus to the next day.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>left arrow</i>
-                        </td>
-                        <td>Moves focus to the previous day.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>home</i>
-                        </td>
-                        <td>Moves focus to the first day of the current week.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>end</i>
-                        </td>
-                        <td>Moves focus to the last day of the current week.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>page up</i>
-                        </td>
-                        <td>Changes the date to previous month in date picker mode. Moves to previous year in month picker mode and previous decade in year picker.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>page up</i></td>
-                        <td>Changes the date to previous year in date picker mode. Has no effect in month or year picker</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>page down</i>
-                        </td>
-                        <td>Changes the date to next month in date picker mode. Moves to next year in month picker mode and next decade in year picker.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>page down</i></td>
-                        <td>Changes the date to next year in date picker mode. Has no effect in month or year picker</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Footer Buttons Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Triggers the button action.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Triggers the button action.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<label for="date1">Date</label>
-<p-calendar inputId="date1"/>
-
-<span id="date2">Date</span>
-<p-calendar ariaLabelledBy="date2"/>
-
-<p-calendar ariaLabel="Date"/>`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/basicdoc.ts b/src/app/showcase/doc/calendar/basicdoc.ts
deleted file mode 100644
index d2953b2..0000000
--- a/src/app/showcase/doc/calendar/basicdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Two-way value binding is defined using the standard <i>ngModel</i> directive referencing to a <i>Date</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-calendar [(ngModel)]="date" />
-        </div>
-        <app-code [code]="code" selector="calendar-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    date: Date | undefined;
-
-    code: Code = {
-        basic: `<p-calendar [(ngModel)]="date" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-calendar [(ngModel)]="date" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { CalendarModule } from 'primeng/calendar';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'calendar-basic-demo',
-    templateUrl: './calendar-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, CalendarModule]
-})
-export class CalendarBasicDemo {
-    date: Date | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/buttonbardoc.ts b/src/app/showcase/doc/calendar/buttonbardoc.ts
deleted file mode 100644
index 311da80..0000000
--- a/src/app/showcase/doc/calendar/buttonbardoc.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-buttonbar-demo',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>showButtonBar</i> is present, today and clear buttons are displayed at the footer.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-calendar [(ngModel)]="date" [showButtonBar]="true" />
-        </div>
-        <app-code [code]="code" selector="calendar-buttonbar-demo"></app-code>
-    `
-})
-export class ButtonBarDoc {
-    date: Date[] | undefined;
-
-    code: Code = {
-        basic: `<p-calendar 
-    [(ngModel)]="date" 
-    [showButtonBar]="true"/>`,
-
-        html: `<div class="card flex justify-center">
-    <p-calendar 
-        [(ngModel)]="date" 
-        [showButtonBar]="true"/>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CalendarModule } from 'primeng/calendar';
-
-@Component({
-    selector: 'calendar-buttonbar-demo',
-    templateUrl: './calendar-buttonbar-demo.html',
-    standalone: true,
-    imports: [FormsModule, CalendarModule]
-})
-export class CalendarButtonbarDemo {
-    date: Date[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/calendardoc.module.ts b/src/app/showcase/doc/calendar/calendardoc.module.ts
deleted file mode 100644
index 7327b0a..0000000
--- a/src/app/showcase/doc/calendar/calendardoc.module.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { CalendarModule } from 'primeng/calendar';
-import { ImportDoc } from './importdoc';
-import { BasicDoc } from './basicdoc';
-import { FormatDoc } from './formatdoc';
-import { LocaleDoc } from './localedoc';
-import { IconDoc } from './icondoc';
-import { MinMaxDoc } from './minmaxdox';
-import { MultipleDoc } from './multipledoc';
-import { RangeDoc } from './rangedoc';
-import { ButtonBarDoc } from './buttonbardoc';
-import { TimeDoc } from './timedoc';
-import { MonthDoc } from './monthdoc';
-import { YearDoc } from './yeardoc';
-import { MultipleMonthDoc } from './multiplemonths.doc';
-import { TemplateDoc } from './templatedoc';
-import { InlineDoc } from './inlinedoc';
-import { TouchUIDoc } from './touchuidoc';
-import { DateTemplateDoc } from './datetemplatedoc';
-import { StyleDoc } from './styledoc';
-import { EventsDoc } from './eventsdoc';
-import { MethodsDoc } from './methodsdoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { TemplatesDoc } from './templatesdoc';
-import { FloatLabelDoc } from './floatlabeldoc';
-import { InvalidDoc } from './invaliddoc';
-import { DisabledDoc } from './disableddoc';
-import { FilledDoc } from './filleddoc';
-import { FloatLabelModule } from 'primeng/floatlabel';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, FormsModule, CalendarModule, ReactiveFormsModule, FloatLabelModule],
-    exports: [AppDocModule],
-    declarations: [
-        ImportDoc,
-        BasicDoc,
-        FormatDoc,
-        LocaleDoc,
-        IconDoc,
-        MinMaxDoc,
-        MultipleDoc,
-        RangeDoc,
-        ButtonBarDoc,
-        TimeDoc,
-        MonthDoc,
-        YearDoc,
-        MultipleMonthDoc,
-        TemplateDoc,
-        InlineDoc,
-        TouchUIDoc,
-        DateTemplateDoc,
-        StyleDoc,
-        EventsDoc,
-        MethodsDoc,
-        TemplatesDoc,
-        AccessibilityDoc,
-        ReactiveFormsDoc,
-        FloatLabelDoc,
-        FilledDoc,
-        InvalidDoc,
-        DisabledDoc
-    ]
-})
-export class CalendarDocModule {}
diff --git a/src/app/showcase/doc/calendar/datetemplatedoc.ts b/src/app/showcase/doc/calendar/datetemplatedoc.ts
deleted file mode 100644
index a48c85c..0000000
--- a/src/app/showcase/doc/calendar/datetemplatedoc.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-datetemplate-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Custom content can be placed inside date cells with the <i>ng-template</i> property that takes a Date as a parameter.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-calendar [(ngModel)]="date">
-                <ng-template pTemplate="date" let-date>
-                    <span [ngStyle]="{ textDecoration: date.day < 21 && date.day > 10 ? 'line-through' : 'inherit' }">{{ date.day }}</span>
-                </ng-template>
-            </p-calendar>
-        </div>
-        <app-code [code]="code" selector="calendar-datetemplate-demo"></app-code>
-    `
-})
-export class DateTemplateDoc {
-    date: Date[] | undefined;
-
-    code: Code = {
-        basic: `<p-calendar [(ngModel)]="date">
-    <ng-template pTemplate="date" let-date>
-        <span [ngStyle]="{textDecoration: (date.day < 21 && date.day > 10) ? 'line-through' : 'inherit'}">
-            {{date.day}}
-        </span>
-    </ng-template>
-</p-calendar>`,
-
-        html: `<div class="card flex justify-center">
-    <p-calendar [(ngModel)]="date">
-        <ng-template pTemplate="date" let-date>
-            <span [ngStyle]="{ textDecoration: date.day < 21 && date.day > 10 ? 'line-through' : 'inherit' }">
-                {{ date.day }}
-            </span>
-        </ng-template>
-    </p-calendar>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CalendarModule } from 'primeng/calendar';
-
-@Component({
-    selector: 'calendar-datetemplate-demo',
-    templateUrl: './calendar-datetemplate-demo.html',
-    standalone: true,
-    imports: [FormsModule, CalendarModule]
-})
-export class CalendarDatetemplateDemo {
-    date: Date[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/disableddoc.ts b/src/app/showcase/doc/calendar/disableddoc.ts
deleted file mode 100644
index 11f6a2d..0000000
--- a/src/app/showcase/doc/calendar/disableddoc.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-disabled-demo',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-calendar [(ngModel)]="date" [disabled]="true" />
-        </div>
-        <app-code [code]="code" selector="calendar-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    date: Date | undefined;
-
-    code: Code = {
-        basic: `<p-calendar 
-    [(ngModel)]="date" 
-    [disabled]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-calendar 
-        [(ngModel)]="date" 
-        [disabled]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CalendarModule } from 'primeng/calendar';
-
-@Component({
-    selector: 'calendar-disabled-demo',
-    templateUrl: './calendar-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, CalendarModule]
-})
-export class CalendarDisabledDemo {
-    date: Date | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/eventsdoc.ts b/src/app/showcase/doc/calendar/eventsdoc.ts
deleted file mode 100644
index d487753..0000000
--- a/src/app/showcase/doc/calendar/eventsdoc.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { Component, Input } from '@angular/core';
-
-@Component({
-    selector: 'events-doc',
-    template: ` <section class="py-4">
-        <app-docsectiontext [title]="title" [id]="id"></app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Parameters</th>
-                        <th>Description</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>onSelect</td>
-                        <td>value: Selected value</td>
-                        <td>Callback to invoke when a date is selected. Note that this event is not called when the value is entered from the input manually.</td>
-                    </tr>
-                    <tr>
-                        <td>onBlur</td>
-                        <td>event: Blur event</td>
-                        <td>Callback to invoke on blur of input field.</td>
-                    </tr>
-                    <tr>
-                        <td>onFocus</td>
-                        <td>event: Focus event</td>
-                        <td>Callback to invoke on focus of input field.</td>
-                    </tr>
-                    <tr>
-                        <td>onClose</td>
-                        <td>event: Close event</td>
-                        <td>Callback to invoke when datepicker panel is closed.</td>
-                    </tr>
-                    <tr>
-                        <td>onShow</td>
-                        <td>event: Animation event</td>
-                        <td>Callback to invoke when datepicker panel is visible.</td>
-                    </tr>
-                    <tr>
-                        <td>onClickOutside</td>
-                        <td>event: Click event</td>
-                        <td>Callback to invoke when click outside of datepicker panel.</td>
-                    </tr>
-                    <tr>
-                        <td>onInput</td>
-                        <td>event: Input event</td>
-                        <td>Callback to invoke when input field is being typed.</td>
-                    </tr>
-                    <tr>
-                        <td>onTodayClick</td>
-                        <td>event: Click event</td>
-                        <td>Callback to invoke when today button is clicked.</td>
-                    </tr>
-                    <tr>
-                        <td>onClearClick</td>
-                        <td>event: Click event</td>
-                        <td>Callback to invoke when clear button is clicked.</td>
-                    </tr>
-                    <tr>
-                        <td>onMonthChange</td>
-                        <td>
-                            event.month: New month <br />
-                            event.year: New year
-                        </td>
-                        <td>Callback to invoke when a month is changed using the navigators.</td>
-                    </tr>
-                    <tr>
-                        <td>onYearChange</td>
-                        <td>
-                            event.month: New month <br />
-                            event.year: New year
-                        </td>
-                        <td>Callback to invoke when a year is changed using the navigators.</td>
-                    </tr>
-                    <tr>
-                        <td>onClear</td>
-                        <td>-</td>
-                        <td>Callback to invoke when input field is cleared.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>`
-})
-export class EventsDoc {
-    @Input() id: string;
-
-    @Input() title: string;
-}
diff --git a/src/app/showcase/doc/calendar/filleddoc.ts b/src/app/showcase/doc/calendar/filleddoc.ts
deleted file mode 100644
index bd4bd78..0000000
--- a/src/app/showcase/doc/calendar/filleddoc.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-filled-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-calendar [(ngModel)]="date" variant="filled" />
-        </div>
-        <app-code [code]="code" selector="calendar-filled-demo"></app-code>
-    `
-})
-export class FilledDoc {
-    date: Date[] | undefined;
-
-    code: Code = {
-        basic: `<p-calendar 
-    [(ngModel)]="date" 
-    variant="filled" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-calendar 
-        [(ngModel)]="date" 
-        variant="filled" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CalendarModule } from 'primeng/calendar';
-
-@Component({
-    selector: 'calendar-filled-demo',
-    templateUrl: './calendar-filled-demo.html',
-    standalone: true,
-    imports: [FormsModule, CalendarModule]
-})
-export class CalendarFilledDemo {
-    date: Date[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/floatlabeldoc.ts b/src/app/showcase/doc/calendar/floatlabeldoc.ts
deleted file mode 100644
index 6d9d0ef..0000000
--- a/src/app/showcase/doc/calendar/floatlabeldoc.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-float-label-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A floating label appears on top of the input field when focused. Visit <a routerLink="/floatlabel">FloatLabel</a> documentation for more information.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <p-calendar [(ngModel)]="date" inputId="birth_date" />
-                <label for="birth_date">Birth Date</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <p-calendar [(ngModel)]="date" inputId="birth_date" />
-                <label for="birth_date">Birth Date</label>
-            </p-floatLabel>
-        </div>
-        <app-code [code]="code" selector="calendar-float-label-demo"></app-code>
-    `
-})
-export class FloatLabelDoc {
-    date: Date | undefined;
-
-    code: Code = {
-        basic: `<p-floatLabel>
-                <p-calendar [(ngModel)]="date" inputId="birth_date" />
-                <label for="birth_date">Birth Date</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <p-calendar [(ngModel)]="date" inputId="birth_date" />
-                <label for="birth_date">Birth Date</label>
-            </p-floatLabel>`,
-
-        html: `<div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <p-calendar [(ngModel)]="date" inputId="birth_date" />
-                <label for="birth_date">Birth Date</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <p-calendar [(ngModel)]="date" inputId="birth_date" />
-                <label for="birth_date">Birth Date</label>
-            </p-floatLabel>
-        </div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CalendarModule } from 'primeng/calendar';
-import { FloatLabelModule } from 'primeng/floatlabel';
-
-@Component({
-    selector: 'calendar-float-label-demo',
-    templateUrl: './calendar-float-label-demo.html',
-    standalone: true,
-    imports: [FormsModule, CalendarModule, FloatLabelModule]
-})
-export class CalendarFloatLabelDemo {
-    date: Date | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/formatdoc.ts b/src/app/showcase/doc/calendar/formatdoc.ts
deleted file mode 100644
index 4bda7ab..0000000
--- a/src/app/showcase/doc/calendar/formatdoc.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-format-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Default date format is <i>mm/dd/yy</i> which can be customized using the <i>dateFormat</i> property. Following options can be a part of the format.</p>
-            <ul class="mb-4 line-height-4">
-                <li><i>d</i> - day of month (no leading zero)</li>
-                <li><i>dd</i> - day of month (two digit)</li>
-                <li><i>o</i> - day of the year (no leading zeros)</li>
-                <li><i>oo</i> - day of the year (three digit)</li>
-                <li><i>D</i> - day name short</li>
-                <li><i>DD</i> - day name long</li>
-                <li><i>m</i> - month of year (no leading zero)</li>
-                <li><i>mm</i> - month of year (two digit)</li>
-                <li><i>M</i> - month name short</li>
-                <li><i>MM</i> - month name long</li>
-                <li><i>y</i> - year (two digit)</li>
-                <li><i>yy</i> - year (four digit)</li>
-                <li><i>&#64;</i> - Unix timestamp (ms since 01/01/1970)</li>
-                <li><i>!</i> - Windows ticks (100ns since 01/01/0001)</li>
-                <li><i>'...'</i> - literal text</li>
-                <li><i>''</i> - single quote</li>
-                <li><i>anything else</i> - literal text</li>
-            </ul>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-calendar [(ngModel)]="date" dateFormat="dd.mm.yy" />
-        </div>
-        <app-code [code]="code" selector="calendar-format-demo"></app-code>
-    `
-})
-export class FormatDoc {
-    date: Date | undefined;
-
-    code: Code = {
-        basic: `<p-calendar 
-    [(ngModel)]="date" 
-    dateFormat="dd.mm.yy" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-calendar 
-        [(ngModel)]="date" 
-        dateFormat="dd.mm.yy" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CalendarModule } from 'primeng/calendar';
-
-@Component({
-    selector: 'calendar-format-demo',
-    templateUrl: './calendar-format-demo.html',
-    standalone: true,
-    imports: [FormsModule, CalendarModule]
-})
-export class CalendarFormatDemo {
-    date: Date | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/icondoc.ts b/src/app/showcase/doc/calendar/icondoc.ts
deleted file mode 100644
index 652a228..0000000
--- a/src/app/showcase/doc/calendar/icondoc.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-icon-demo',
-    template: `
-        <app-docsectiontext>
-            <p>An additional icon is displayed next to the input field when <i>showIcon</i> is present.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3 p-fluid">
-            <div class="flex-auto">
-                <label for="buttondisplay" class="font-bold block mb-2"> Button </label>
-                <p-calendar [(ngModel)]="date1" [showIcon]="true" inputId="buttondisplay" [showOnFocus]="false" />
-            </div>
-
-            <div class="flex-auto">
-                <label for="icondisplay" class="font-bold block mb-2"> Default Icon </label>
-                <p-calendar [(ngModel)]="date2" [iconDisplay]="'input'" [showIcon]="true" inputId="icondisplay" />
-            </div>
-
-            <div class="flex-auto">
-                <label for="templatedisplay" class="font-bold block mb-2"> Custom Icon </label>
-                <p-calendar [(ngModel)]="date3" [iconDisplay]="'input'" [showIcon]="true" [timeOnly]="true" inputId="templatedisplay">
-                    <ng-template pTemplate="inputicon" let-clickCallBack="clickCallBack">
-                        <i class="pi pi-clock pointer-events-none pointer-events-none" (click)="clickCallBack($event)"></i>
-                    </ng-template>
-                </p-calendar>
-            </div>
-        </div>
-        <app-code [code]="code" selector="calendar-icon-demo"></app-code>
-    `
-})
-export class IconDoc {
-    date1: Date | undefined;
-
-    date2: Date | undefined;
-
-    date3: Date | undefined;
-
-    code: Code = {
-        basic: `<p-calendar 
-    [(ngModel)]="date1" 
-    [showIcon]="true" 
-    [showOnFocus]="false" 
-    inputId="buttondisplay" />
-
-<p-calendar 
-    [(ngModel)]="date2" 
-    [iconDisplay]="'input'" 
-    [showIcon]="true" 
-    inputId="icondisplay" />
-
-<p-calendar 
-    [(ngModel)]="date3" 
-    [iconDisplay]="'input'" 
-    [showIcon]="true" 
-    [timeOnly]="true" 
-    inputId="templatedisplay">
-        <ng-template pTemplate="inputicon" let-clickCallBack="clickCallBack">
-            <i class="pi pi-user pointer-events-none" (click)="clickCallBack($event)"></i>
-        </ng-template>
-</p-calendar>`,
-
-        html: `<div class="card flex flex-wrap gap-3 p-fluid">
-<div class="flex-auto">
-    <label for="buttondisplay" class="font-bold block mb-2"> Button </label>
-    <p-calendar 
-        [(ngModel)]="date1" 
-        [showIcon]="true" 
-        inputId="buttondisplay" 
-        [showOnFocus]="false" />
-</div>
-
-<div class="flex-auto">
-    <label for="icondisplay" class="font-bold block mb-2"> Default Icon </label>
-    <p-calendar 
-        [(ngModel)]="date2" 
-        [iconDisplay]="'input'" 
-        [showIcon]="true" 
-        inputId="icondisplay" />
-</div>
-
-<div class="flex-auto">
-    <label for="templatedisplay" class="font-bold block mb-2"> Custom Icon </label>
-        <p-calendar 
-            [(ngModel)]="date3" 
-            [iconDisplay]="'input'" 
-            [showIcon]="true" 
-            [timeOnly]="true" 
-            inputId="templatedisplay">
-                <ng-template pTemplate="inputicon" let-clickCallBack="clickCallBack">
-                    <i 
-                        class="pi pi-clock pointer-events-none pointer-events-none" 
-                        (click)="clickCallBack($event)"></i>
-                </ng-template>
-        </p-calendar>
-</div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { CalendarModule } from 'primeng/calendar';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'calendar-icon-demo',
-    templateUrl: './calendar-icon-demo.html',
-    standalone: true,
-    imports: [CalendarModule, FormsModule]
-})
-export class CalendarIconDemo {
-    date1: Date | undefined;
-
-    date2: Date | undefined;
-
-    date3: Date | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/importdoc.ts b/src/app/showcase/doc/calendar/importdoc.ts
deleted file mode 100644
index e5ad5b9..0000000
--- a/src/app/showcase/doc/calendar/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { CalendarModule } from 'primeng/calendar';`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/inlinedoc.ts b/src/app/showcase/doc/calendar/inlinedoc.ts
deleted file mode 100644
index b4cb8fc..0000000
--- a/src/app/showcase/doc/calendar/inlinedoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-inline-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Calendar is displayed as a popup by default, add <i>inline</i> property to customize this behavior.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-calendar class="max-w-full" [(ngModel)]="date" [inline]="true" [showWeek]="true" />
-        </div>
-        <app-code [code]="code" selector="calendar-inline-demo"></app-code>
-    `
-})
-export class InlineDoc {
-    date: Date[] | undefined;
-
-    code: Code = {
-        basic: `<p-calendar 
-    class="max-w-full" 
-    [(ngModel)]="date" 
-    [inline]="true" 
-    [showWeek]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-calendar 
-        class="max-w-full" 
-        [(ngModel)]="date" 
-        [inline]="true" 
-        [showWeek]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CalendarModule } from 'primeng/calendar';
-
-@Component({
-    selector: 'calendar-inline-demo',
-    templateUrl: './calendar-inline-demo.html',
-    standalone: true,
-    imports: [FormsModule, CalendarModule]
-})
-export class CalendarInlineDemo {
-    date: Date[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/invaliddoc.ts b/src/app/showcase/doc/calendar/invaliddoc.ts
deleted file mode 100644
index fdc08d3..0000000
--- a/src/app/showcase/doc/calendar/invaliddoc.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-invalid-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-dirty</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-calendar [(ngModel)]="date" class="ng-invalid ng-dirty" />
-        </div>
-        <app-code [code]="code" selector="calendar-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc {
-    date: Date | undefined;
-
-    code: Code = {
-        basic: `<p-calendar 
-    [(ngModel)]="date" 
-    class="ng-invalid ng-dirty" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-calendar 
-        [(ngModel)]="date" 
-        class="ng-invalid ng-dirty" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CalendarModule } from 'primeng/calendar';
-
-@Component({
-    selector: 'calendar-invalid-demo',
-    templateUrl: './calendar-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, CalendarModule]
-})
-export class CalendarInvalidDemo {
-    date: Date | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/localedoc.ts b/src/app/showcase/doc/calendar/localedoc.ts
deleted file mode 100644
index 832b052..0000000
--- a/src/app/showcase/doc/calendar/localedoc.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'calendar-local-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Locale for different languages and formats is defined globally, refer to the <a href="/configuration/#locale">PrimeNG Locale</a> configuration for more information.</p>
-        </app-docsectiontext>
-    `
-})
-export class LocaleDoc {}
diff --git a/src/app/showcase/doc/calendar/methodsdoc.ts b/src/app/showcase/doc/calendar/methodsdoc.ts
deleted file mode 100644
index 8adde99..0000000
--- a/src/app/showcase/doc/calendar/methodsdoc.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component, Input } from '@angular/core';
-
-@Component({
-    selector: 'methods-doc',
-    template: ` <section class="py-4">
-        <app-docsectiontext [title]="title" [id]="id"></app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Parameters</th>
-                        <th>Description</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>toggle</td>
-                        <td>-</td>
-                        <td>Toggles the visibility of the calendar.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>`
-})
-export class MethodsDoc {
-    @Input() id: string;
-
-    @Input() title: string;
-}
diff --git a/src/app/showcase/doc/calendar/minmaxdox.ts b/src/app/showcase/doc/calendar/minmaxdox.ts
deleted file mode 100644
index a1d55b2..0000000
--- a/src/app/showcase/doc/calendar/minmaxdox.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-minmax-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Boundaries for the permitted dates that can be entered are defined with <i>minDate</i> and <i>maxDate</i> properties.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-calendar [(ngModel)]="date" [minDate]="minDate" [maxDate]="maxDate" [readonlyInput]="true" />
-        </div>
-        <app-code [code]="code" selector="calendar-minmax-demo"></app-code>
-    `
-})
-export class MinMaxDoc {
-    date: Date | undefined;
-
-    minDate: Date | undefined;
-
-    maxDate: Date | undefined;
-
-    ngOnInit() {
-        let today = new Date();
-        let month = today.getMonth();
-        let year = today.getFullYear();
-        let prevMonth = month === 0 ? 11 : month - 1;
-        let prevYear = prevMonth === 11 ? year - 1 : year;
-        let nextMonth = month === 11 ? 0 : month + 1;
-        let nextYear = nextMonth === 0 ? year + 1 : year;
-        this.minDate = new Date();
-        this.minDate.setMonth(prevMonth);
-        this.minDate.setFullYear(prevYear);
-        this.maxDate = new Date();
-        this.maxDate.setMonth(nextMonth);
-        this.maxDate.setFullYear(nextYear);
-    }
-
-    code: Code = {
-        basic: `<p-calendar 
-    [(ngModel)]="date" 
-    [minDate]="minDate" 
-    [maxDate]="maxDate" 
-    [readonlyInput]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-calendar 
-        [(ngModel)]="date" 
-        [minDate]="minDate" 
-        [maxDate]="maxDate" 
-        [readonlyInput]="true" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CalendarModule } from 'primeng/calendar';
-
-@Component({
-    selector: 'calendar-minmax-demo',
-    templateUrl: './calendar-minmax-demo.html',
-    standalone: true,
-    imports: [FormsModule, CalendarModule]
-})
-export class CalendarMinmaxDemo implements OnInit {
-    date: Date | undefined;
-
-    minDate: Date | undefined;
-
-    maxDate: Date | undefined;
-
-    ngOnInit() {
-        let today = new Date();
-        let month = today.getMonth();
-        let year = today.getFullYear();
-        let prevMonth = (month === 0) ? 11 : month -1;
-        let prevYear = (prevMonth === 11) ? year - 1 : year;
-        let nextMonth = (month === 11) ? 0 : month + 1;
-        let nextYear = (nextMonth === 0) ? year + 1 : year;
-        this.minDate = new Date();
-        this.minDate.setMonth(prevMonth);
-        this.minDate.setFullYear(prevYear);
-        this.maxDate = new Date();
-        this.maxDate.setMonth(nextMonth);
-        this.maxDate.setFullYear(nextYear);
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/monthdoc.ts b/src/app/showcase/doc/calendar/monthdoc.ts
deleted file mode 100644
index 4b2ae8f..0000000
--- a/src/app/showcase/doc/calendar/monthdoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-month-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Month only picker is enabled by specifying <i>view</i> as <i>month</i> in addition to a suitable <i>dateFormat</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-calendar [(ngModel)]="date" view="month" dateFormat="mm/yy" [readonlyInput]="true" />
-        </div>
-        <app-code [code]="code" selector="calendar-month-demo"></app-code>
-    `
-})
-export class MonthDoc {
-    date: Date[] | undefined;
-
-    code: Code = {
-        basic: `<p-calendar 
-    [(ngModel)]="date" 
-    view="month" 
-    dateFormat="mm/yy" 
-    [readonlyInput]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-calendar 
-        [(ngModel)]="date" 
-        view="month" 
-        dateFormat="mm/yy" 
-        [readonlyInput]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CalendarModule } from 'primeng/calendar';
-
-@Component({
-    selector: 'calendar-month-demo',
-    templateUrl: './calendar-month-demo.html',
-    standalone: true,
-    imports: [FormsModule, CalendarModule]
-})
-export class CalendarMonthDemo {
-    date: Date[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/multipledoc.ts b/src/app/showcase/doc/calendar/multipledoc.ts
deleted file mode 100644
index cfad811..0000000
--- a/src/app/showcase/doc/calendar/multipledoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-multiple-demo',
-    template: `
-        <app-docsectiontext>
-            <p>In order to choose multiple dates, set <i>selectionMode</i> as <i>multiple</i>. In this mode, the value binding should be an array.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-calendar [(ngModel)]="dates" selectionMode="multiple" [readonlyInput]="true" />
-        </div>
-        <app-code [code]="code" selector="calendar-multiple-demo"></app-code>
-    `
-})
-export class MultipleDoc {
-    dates: Date[] | undefined;
-
-    code: Code = {
-        basic: `<p-calendar 
-    [(ngModel)]="dates" 
-    selectionMode="multiple" 
-    [readonlyInput]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-calendar 
-        [(ngModel)]="dates" 
-        selectionMode="multiple" 
-        [readonlyInput]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CalendarModule } from 'primeng/calendar';
-
-@Component({
-    selector: 'calendar-multiple-demo',
-    templateUrl: './calendar-multiple-demo.html',
-    standalone: true,
-    imports: [FormsModule, CalendarModule]
-})
-export class CalendarMultipleDemo {
-    dates: Date[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/multiplemonths.doc.ts b/src/app/showcase/doc/calendar/multiplemonths.doc.ts
deleted file mode 100644
index 605a15f..0000000
--- a/src/app/showcase/doc/calendar/multiplemonths.doc.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-multiplemonths-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Number of months to display is configured with the <i>numberOfMonths</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-calendar [(ngModel)]="date" [numberOfMonths]="2" />
-        </div>
-        <app-code [code]="code" selector="calendar-multiplemonths-demo"></app-code>
-    `
-})
-export class MultipleMonthDoc {
-    date: Date[] | undefined;
-
-    code: Code = {
-        basic: `<p-calendar 
-    [(ngModel)]="date" 
-    [numberOfMonths]="2" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-calendar 
-        [(ngModel)]="date" 
-        [numberOfMonths]="2" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { CalendarModule } from 'primeng/calendar';
-
-@Component({
-    selector: 'calendar-multiplemonths-demo',
-    templateUrl: './calendar-multiplemonths-demo.html',
-    standalone: true,
-    imports: [FormsModule, CalendarModule]
-})
-export class CalendarMultiplemonthsDemo {
-    date: Date[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/rangedoc.ts b/src/app/showcase/doc/calendar/rangedoc.ts
deleted file mode 100644
index fefde67..0000000
--- a/src/app/showcase/doc/calendar/rangedoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-range-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A range of dates can be selected by defining <i>selectionMode</i> as <i>range</i>, in this case the bound value would be an array with two values where first date is the start of the range and second date is the end.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-calendar [(ngModel)]="rangeDates" selectionMode="range" [readonlyInput]="true" />
-        </div>
-        <app-code [code]="code" selector="calendar-range-demo"></app-code>
-    `
-})
-export class RangeDoc {
-    rangeDates: Date[] | undefined;
-
-    code: Code = {
-        basic: `<p-calendar 
-    [(ngModel)]="rangeDates" 
-    selectionMode="range" 
-    [readonlyInput]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-calendar 
-        [(ngModel)]="rangeDates" 
-        selectionMode="range" 
-        [readonlyInput]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CalendarModule } from 'primeng/calendar';
-
-@Component({
-    selector: 'calendar-range-demo',
-    templateUrl: './calendar-range-demo.html',
-    standalone: true,
-    imports: [FormsModule, CalendarModule]
-})
-export class CalendarRangeDemo {
-    rangeDates: Date[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/reactiveformsdoc.ts b/src/app/showcase/doc/calendar/reactiveformsdoc.ts
deleted file mode 100644
index c41063d..0000000
--- a/src/app/showcase/doc/calendar/reactiveformsdoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Calendar can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <p-calendar formControlName="date" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="calendar-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            date: new FormControl<Date | null>(null)
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <p-calendar formControlName="date" />
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup">
-        <p-calendar formControlName="date" />
-    </form>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { CalendarModule } from 'primeng/calendar';
-
-@Component({
-    selector: 'calendar-reactive-forms-demo',
-    templateUrl: './calendar-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, CalendarModule]
-})
-export class CalendarReactiveFormsDemo {
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            date: new FormControl<Date | null>(null)
-        });
-    } 
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/styledoc.ts b/src/app/showcase/doc/calendar/styledoc.ts
deleted file mode 100644
index 7ec2651..0000000
--- a/src/app/showcase/doc/calendar/styledoc.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-calendar</td>
-                        <td>Main container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-calendar-w-btn</td>
-                        <td>Main container element when button is enabled.</td>
-                    </tr>
-                    <tr>
-                        <td>p-calendar-timeonly</td>
-                        <td>Main container element in time picker only mode.</td>
-                    </tr>
-                    <tr>
-                        <td>p-inputtext</td>
-                        <td>Input element</td>
-                    </tr>
-                    <tr>
-                        <td>p-datepicker</td>
-                        <td>Datepicker element</td>
-                    </tr>
-                    <tr>
-                        <td>p-datepicker-inline</td>
-                        <td>Datepicker element in inline mode</td>
-                    </tr>
-                    <tr>
-                        <td>p-datepicker-monthpicker</td>
-                        <td>Datepicker element in month view.</td>
-                    </tr>
-                    <tr>
-                        <td>p-datepicker-touch-p</td>
-                        <td>Datepicker element in touch p mode.</td>
-                    </tr>
-                    <tr>
-                        <td>p-datepicker-calendar</td>
-                        <td>Table containing dates of a month.</td>
-                    </tr>
-                    <tr>
-                        <td>p-datepicker-current-day</td>
-                        <td>Cell of selected date.</td>
-                    </tr>
-                    <tr>
-                        <td>p-datepicker-today</td>
-                        <td>Cell of today's date.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/calendar/templatedoc.ts b/src/app/showcase/doc/calendar/templatedoc.ts
deleted file mode 100644
index 6a68c2e..0000000
--- a/src/app/showcase/doc/calendar/templatedoc.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-template-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Calendar UI accepts custom content using <i>header</i> and <i>footer</i> templates.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-calendar [(ngModel)]="date">
-                <ng-template pTemplate="header">Header</ng-template>
-                <ng-template pTemplate="footer">Footer</ng-template>
-            </p-calendar>
-        </div>
-        <app-code [code]="code" selector="calendar-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    date: Date[] | undefined;
-
-    code: Code = {
-        basic: `<p-calendar [(ngModel)]="date">
-    <ng-template pTemplate="header">Header</ng-template>
-    <ng-template pTemplate="footer">Footer</ng-template>
-</p-calendar>`,
-
-        html: `<div class="card flex justify-center">
-    <p-calendar [(ngModel)]="date">
-        <ng-template pTemplate="header">Header</ng-template>
-        <ng-template pTemplate="footer">Footer</ng-template>
-    </p-calendar>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-
-@Component({
-    selector: 'calendar-template-demo',
-    templateUrl: './calendar-template-demo.html'
-})
-export class CalendarTemplateDemo {
-    date: Date[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/templatesdoc.ts b/src/app/showcase/doc/calendar/templatesdoc.ts
deleted file mode 100644
index 7af34a4..0000000
--- a/src/app/showcase/doc/calendar/templatesdoc.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { Component, Input } from '@angular/core';
-
-@Component({
-    selector: 'templates-doc',
-    template: ` <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Parameters</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>header</td>
-                    <td>-</td>
-                </tr>
-                <tr>
-                    <td>footer</td>
-                    <td>-</td>
-                </tr>
-                <tr>
-                    <td>date</td>
-                    <td>$implicit: Value of the component</td>
-                </tr>
-                <tr>
-                    <td>decade</td>
-                    <td>$implicit: An array containing the start and and year of a decade to display at header of the year picker.</td>
-                </tr>
-                <tr>
-                    <td>previousicon</td>
-                    <td>-</td>
-                </tr>
-                <tr>
-                    <td>nexticon</td>
-                    <td>-</td>
-                </tr>
-                <tr>
-                    <td>triggericon</td>
-                    <td>-</td>
-                </tr>
-                <tr>
-                    <td>clearicon</td>
-                    <td>-</td>
-                </tr>
-                <tr>
-                    <td>incrementicon</td>
-                    <td>-</td>
-                </tr>
-                <tr>
-                    <td>decrementicon</td>
-                    <td>-</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>`
-})
-export class TemplatesDoc {
-    @Input() id: string;
-
-    @Input() title: string;
-}
diff --git a/src/app/showcase/doc/calendar/timedoc.ts b/src/app/showcase/doc/calendar/timedoc.ts
deleted file mode 100644
index 92786b8..0000000
--- a/src/app/showcase/doc/calendar/timedoc.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-time-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A time picker is displayed when <i>showTime</i> is enabled where 12/24 hour format is configured with <i>hourFormat</i> property. In case, only time needs to be selected, add <i>timeOnly</i> to hide the date section.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3 p-fluid">
-            <div class="flex-auto">
-                <label for="calendar-12h" class="font-bold block mb-2"> 12h Format </label>
-                <p-calendar inputId="calendar-12h" [(ngModel)]="datetime12h" [showTime]="true" [hourFormat]="12" />
-            </div>
-            <div class="flex-auto">
-                <label for="calendar-24h" class="font-bold block mb-2"> 24h Format </label>
-                <p-calendar inputId="calendar-24h" [(ngModel)]="datetime24h" [showTime]="true" [hourFormat]="24" />
-            </div>
-            <div class="flex-auto">
-                <label for="calendar-timeonly" class="font-bold block mb-2"> Time Only </label>
-                <p-calendar inputId="calendar-timeonly" [(ngModel)]="time" [timeOnly]="true" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="calendar-time-demo"></app-code>
-    `
-})
-export class TimeDoc {
-    datetime12h: Date[] | undefined;
-
-    datetime24h: Date[] | undefined;
-
-    time: Date[] | undefined;
-
-    code: Code = {
-        basic: `<p-calendar 
-    inputId="calendar-12h" 
-    [(ngModel)]="datetime12h" 
-    [showTime]="true" 
-    [hourFormat]="12" />
-
-<p-calendar 
-    inputId="calendar-24h" 
-    [(ngModel)]="datetime24h" 
-    [showTime]="true" 
-    [hourFormat]="24" />
-
-<p-calendar 
-    inputId="calendar-timeonly" 
-    [(ngModel)]="time" 
-    [timeOnly]="true" />`,
-
-        html: `<div class="card flex flex-wrap gap-3 p-fluid">
-    <div class="flex-auto">
-        <label for="calendar-12h" class="font-bold block mb-2"> 12h Format </label>
-        <p-calendar 
-            inputId="calendar-12h" 
-            [(ngModel)]="datetime12h" 
-            [showTime]="true" 
-            [hourFormat]="12"/>
-    </div>
-    <div class="flex-auto">
-        <label for="calendar-24h" class="font-bold block mb-2"> 24h Format </label>
-        <p-calendar 
-            inputId="calendar-24h" 
-            [(ngModel)]="datetime24h" 
-            [showTime]="true" 
-            [hourFormat]="24"/>
-    </div>
-    <div class="flex-auto">
-        <label for="calendar-timeonly" class="font-bold block mb-2"> Time Only </label>
-        <p-calendar 
-            inputId="calendar-timeonly" 
-            [(ngModel)]="time" 
-            [timeOnly]="true" />
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CalendarModule } from 'primeng/calendar';
-
-@Component({
-    selector: 'calendar-time-demo',
-    templateUrl: './calendar-time-demo.html',
-    standalone: true,
-    imports: [FormsModule, CalendarModule]
-})
-export class CalendarTimeDemo {
-
-    datetime12h: Date[] | undefined;
-
-    datetime24h: Date[] | undefined;
-
-    time: Date[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/touchuidoc.ts b/src/app/showcase/doc/calendar/touchuidoc.ts
deleted file mode 100644
index 2ca4260..0000000
--- a/src/app/showcase/doc/calendar/touchuidoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-touchui-demo',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>touchUI</i> is enabled, overlay is displayed as optimized for touch devices.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-calendar [(ngModel)]="date" [touchUI]="true" [readonlyInput]="true" />
-        </div>
-        <app-code [code]="code" selector="calendar-touchui-demo"></app-code>
-    `
-})
-export class TouchUIDoc {
-    date: Date[] | undefined;
-
-    code: Code = {
-        basic: `<p-calendar 
-    [(ngModel)]="date" 
-    [touchUI]="true" 
-    [readonlyInput]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-calendar 
-        [(ngModel)]="date" 
-        [touchUI]="true"
-        [readonlyInput]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CalendarModule } from 'primeng/calendar';
-
-@Component({
-    selector: 'calendar-touchui-demo',
-    templateUrl: './calendar-touchui-demo.html',
-    standalone: true,
-    imports: [FormsModule, CalendarModule]
-})
-export class CalendarTouchuiDemo {
-    date: Date[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/calendar/yeardoc.ts b/src/app/showcase/doc/calendar/yeardoc.ts
deleted file mode 100644
index 0ede181..0000000
--- a/src/app/showcase/doc/calendar/yeardoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'calendar-year-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Specifying <i>view</i> as <i>year</i> in addition to a suitable <i>dateFormat</i> enables the year picker.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-calendar [(ngModel)]="date" view="year" dateFormat="yy" />
-        </div>
-        <app-code [code]="code" selector="calendar-year-demo"></app-code>
-    `
-})
-export class YearDoc {
-    date: Date[] | undefined;
-
-    code: Code = {
-        basic: `<p-calendar 
-    [(ngModel)]="date" 
-    view="year" 
-    dateFormat="yy" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-calendar 
-        [(ngModel)]="date" 
-        view="year" 
-        dateFormat="yy" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CalendarModule } from 'primeng/calendar';
-
-@Component({
-    selector: 'calendar-year-demo',
-    templateUrl: './calendar-year-demo.html',
-    standalone: true,
-    imports: [FormsModule, CalendarModule]
-})
-export class CalendarYearDemo {
-    date: Date[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/card/accessibilitydoc.ts b/src/app/showcase/doc/card/accessibilitydoc.ts
deleted file mode 100644
index ea369dd..0000000
--- a/src/app/showcase/doc/card/accessibilitydoc.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <div class="doc-section-description">
-            <h3>Screen Reader</h3>
-            <p>
-                A card can be utilized in many use cases as a result no role is enforced, in fact a role may not be necessary if the card is used for presentational purposes only. Any valid attribute is passed to the container element so if you
-                require to use one of the <a href="https://www.w3.org/TR/wai-aria/#landmark" alt="Landmark Roles">landmark</a> roles like <i>region</i>, you may use the <i>role</i> property.
-            </p>
-            <app-code [code]="code" [hideToggleCode]="true"></app-code>
-            <h3>Keyboard Support</h3>
-            <p>Component does not include any interactive elements.</p>
-        </div>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        html: `<p-card role="region">
-    Content
-</p-card>`
-    };
-}
diff --git a/src/app/showcase/doc/card/advanceddoc.ts b/src/app/showcase/doc/card/advanceddoc.ts
deleted file mode 100644
index 3d2f3d1..0000000
--- a/src/app/showcase/doc/card/advanceddoc.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'card-advanced-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Card content can be customized further with <i>subHeader</i>, <i>header</i> and <i>footer</i> properties.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-card header="Advanced Card" subheader="Card Subheader" [style]="{ width: '360px' }">
-                <ng-template pTemplate="header">
-                    <img alt="Card" src="https://primefaces.org/cdn/primeng/images/card-ng.jpg" />
-                </ng-template>
-                <p>
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque
-                    quas!
-                </p>
-                <ng-template pTemplate="footer">
-                    <div class="flex gap-3 mt-1">
-                        <p-button label="Cancel" severity="secondary" class="w-full" styleClass="w-full" />
-                        <p-button label="Save" class="w-full" styleClass="w-full" />
-                    </div>
-                </ng-template>
-            </p-card>
-        </div>
-        <app-code [code]="code" selector="card-advanced-demo"></app-code>
-    `
-})
-export class AdvancedDoc {
-    code: Code = {
-        basic: `<p-card header="Advanced Card" subheader="Card Subheader" [style]="{ width: '360px' }">
-    <ng-template pTemplate="header">
-        <img alt="Card" src="https://primefaces.org/cdn/primeng/images/card-ng.jpg" />
-    </ng-template>
-    <p>
-        Lorem ipsum dolor sit amet...
-    </p>
-    <ng-template pTemplate="footer">
-        <div class="flex gap-3 mt-1">
-            <p-button label="Cancel" severity="secondary" class="w-full" styleClass="w-full" />
-            <p-button label="Save" class="w-full" styleClass="w-full" />
-        </div>
-    </ng-template>
-</p-card>`,
-
-        html: `<div class="card flex justify-center">
-    <p-card header="Advanced Card" subheader="Card Subheader" [style]="{ width: '360px' }">
-        <ng-template pTemplate="header">
-            <img alt="Card" src="https://primefaces.org/cdn/primeng/images/card-ng.jpg" />
-        </ng-template>
-        <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque
-            quas!
-        </p>
-        <ng-template pTemplate="footer">
-            <div class="flex gap-3 mt-1">
-                <p-button label="Cancel" severity="secondary" class="w-full" styleClass="w-full" />
-                <p-button label="Save" class="w-full" styleClass="w-full" />
-            </div>
-        </ng-template>
-    </p-card>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { CardModule } from 'primeng/card';
-import { ButtonModule } from 'primeng/button';
-        
-@Component({
-    selector: 'card-advanced-demo',
-    templateUrl: './card-advanced-demo.html',
-    standalone: true,
-    imports: [CardModule, ButtonModule]
-})
-export class CardAdvancedDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/card/basicdoc.ts b/src/app/showcase/doc/card/basicdoc.ts
deleted file mode 100644
index a0d7c61..0000000
--- a/src/app/showcase/doc/card/basicdoc.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'card-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A simple Card is created with a <i>header</i> property along with the content as children.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-card header="Simple Card">
-                <p class="m-0">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque
-                    quas!
-                </p>
-            </p-card>
-        </div>
-
-        <app-docsectiontext>
-            <p>Disable shadow with <i>p-card-no-shadow</i> styleClass.</p>
-        </app-docsectiontext>
-
-        <div class="card flex justify-center">
-            <p-card header="Card without shadow" styleClass="p-card-no-shadow">
-                <p class="m-0">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque
-                    quas!
-                </p>
-            </p-card>
-        </div>
-
-        <app-docsectiontext>
-            <p>Uses <i>rounded-xl</i> class for default border radius. You can manualy add <i>rounded-2xl</i> or <i>rounded-3xl</i> styleClass.</p>
-        </app-docsectiontext>
-
-        <div class="card flex justify-center">
-            <p-card header="Card with 3xl border radius" styleClass="p-card-no-shadow rounded-3xl">
-                <p class="m-0">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque
-                    quas!
-                </p>
-            </p-card>
-        </div>
-
-        <app-code [code]="code" selector="card-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-card header="Simple Card" styleClass="p-card-no-shadow rounded-3xl">
-    <p class="m-0">
-        Lorem ipsum dolor sit amet...
-    </p>
-</p-card>`,
-
-        html: `<div class="card flex justify-center">
-    <p-card header="Simple Card">
-        <p class="m-0">
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque
-            quas!
-        </p>
-    </p-card>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { CardModule } from 'primeng/card';
-
-@Component({
-    selector: 'card-basic-demo',
-    templateUrl: './card-basic-demo.html',
-    standalone: true,
-    imports: [CardModule]
-})
-export class CardBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/card/carddoc.module.ts b/src/app/showcase/doc/card/carddoc.module.ts
deleted file mode 100644
index 50ef878..0000000
--- a/src/app/showcase/doc/card/carddoc.module.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ButtonModule } from 'primeng/button';
-import { CardModule } from 'primeng/card';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { AdvancedDoc } from './advanceddoc';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, CardModule, ButtonModule, RouterModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, AdvancedDoc, StyleDoc, AccessibilityDoc]
-})
-export class CardDocModule {}
diff --git a/src/app/showcase/doc/card/importdoc.ts b/src/app/showcase/doc/card/importdoc.ts
deleted file mode 100644
index 2b7b24a..0000000
--- a/src/app/showcase/doc/card/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { CardModule } from 'primeng/card';`
-    };
-}
diff --git a/src/app/showcase/doc/card/styledoc.ts b/src/app/showcase/doc/card/styledoc.ts
deleted file mode 100644
index fedd87e..0000000
--- a/src/app/showcase/doc/card/styledoc.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-card</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-card-header</td>
-                        <td>Title element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-card-subheader</td>
-                        <td>Subtitle element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-card-content</td>
-                        <td>Content of the card.</td>
-                    </tr>
-                    <tr>
-                        <td>p-card-footer</td>
-                        <td>Footer of the card.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/carousel/accessibilitydoc.ts b/src/app/showcase/doc/carousel/accessibilitydoc.ts
deleted file mode 100644
index 87e67e6..0000000
--- a/src/app/showcase/doc/carousel/accessibilitydoc.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <h3>Screen Reader</h3>
-        <p>
-            Carousel uses <i>region</i> role and since any attribute is passed to the main container element, attributes such as <i>aria-label</i> and <i>aria-roledescription</i> can be used as well. The slides container has <i>aria-live</i>
-            attribute set as "polite" if carousel is not in autoplay mode, otherwise "off" would be the value in autoplay.
-        </p>
-        <p>
-            A slide has a <i>group</i> role with an aria-label that refers to the <i>aria.slideNumber</i> property of the <a href="/configuration/#locale">locale</a> API. Similarly <i>aria.slide</i> is used as the <i>aria-roledescription</i> of the
-            item. Inactive slides are hidden from the readers with <i>aria-hidden</i>.
-        </p>
-        <p>
-            Next and Previous navigators are button elements with <i>aria-label</i> attributes referring to the <i>aria.nextPageLabel</i> and <i>aria.firstPageLabel</i> properties of the <a href="/configuration/#locale">locale</a> API by default
-            respectively, you may still use your own aria roles and attributes as any valid attribute is passed to the button elements implicitly by using <i>nextButtonProps</i> and <i>prevButtonProps</i>.
-        </p>
-        <p>Quick navigation elements are button elements with an <i>aria-label</i> attribute referring to the <i>aria.pageLabel</i> of the <a href="/configuration/#locale">locale</a> API. Current page is marked with <i>aria-current</i>.</p>
-
-        <h3>Next/Prev Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>tab</i></td>
-                        <td>Moves focus through interactive elements in the carousel.</td>
-                    </tr>
-                    <tr>
-                        <td><i>enter</i></td>
-                        <td>Activates navigation.</td>
-                    </tr>
-                    <tr>
-                        <td><i>space</i></td>
-                        <td>Activates navigation.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Quick Navigation Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>tab</i></td>
-                        <td>Moves focus through the active slide link.</td>
-                    </tr>
-                    <tr>
-                        <td><i>enter</i></td>
-                        <td>Activates the focused slide link.</td>
-                    </tr>
-                    <tr>
-                        <td><i>space</i></td>
-                        <td>Activates the focused slide link.</td>
-                    </tr>
-                    <tr>
-                        <td><i>right arrow</i></td>
-                        <td>Moves focus to the next slide link.</td>
-                    </tr>
-                    <tr>
-                        <td><i>left arrow</i></td>
-                        <td>Moves focus to the previous slide link.</td>
-                    </tr>
-                    <tr>
-                        <td><i>home</i></td>
-                        <td>Moves focus to the first slide link.</td>
-                    </tr>
-                    <tr>
-                        <td><i>end</i></td>
-                        <td>Moves focus to the last slide link.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/carousel/basicdoc.ts b/src/app/showcase/doc/carousel/basicdoc.ts
deleted file mode 100644
index f93ee4a..0000000
--- a/src/app/showcase/doc/carousel/basicdoc.ts
+++ /dev/null
@@ -1,250 +0,0 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'carousel-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Carousel requires a collection of items as its value along with a template to render each item.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-carousel [value]="products" [numVisible]="3" [numScroll]="3" [circular]="false" [responsiveOptions]="responsiveOptions">
-                <ng-template let-product pTemplate="item">
-                    <div class="border-1 surface-border border-round m-2 p-3">
-                        <div class="mb-3">
-                            <div class="relative mx-auto">
-                                <img src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" [alt]="product.name" class="w-full border-round" />
-                                <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" class="absolute" [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                            </div>
-                        </div>
-                        <div class="mb-3 font-medium">{{ product.name }}</div>
-                        <div class="flex justify-between items-center">
-                            <div class="mt-0 font-semibold text-xl">{{ '$' + product.price }}</div>
-                            <span>
-                                <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                                <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                            </span>
-                        </div>
-                    </div>
-                </ng-template>
-            </p-carousel>
-        </div>
-        <app-code [code]="code" selector="carousel-basic-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    products: Product[] | undefined;
-
-    responsiveOptions: any[] | undefined;
-
-    constructor(
-        private productService: ProductService,
-        private cdr: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((products) => {
-            this.products = products;
-            this.cdr.detectChanges();
-        });
-
-        this.responsiveOptions = [
-            {
-                breakpoint: '1199px',
-                numVisible: 1,
-                numScroll: 1
-            },
-            {
-                breakpoint: '991px',
-                numVisible: 2,
-                numScroll: 1
-            },
-            {
-                breakpoint: '767px',
-                numVisible: 1,
-                numScroll: 1
-            }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-
-    code: Code = {
-        basic: `<p-carousel 
-    [value]="products" 
-    [numVisible]="3" 
-    [numScroll]="3" 
-    [circular]="false" 
-    [responsiveOptions]="responsiveOptions">
-        <ng-template let-product pTemplate="item">
-            <div class="border-1 surface-border border-round m-2 p-3">
-                <div class="mb-3">
-                    <div class="relative mx-auto">
-                        <img 
-                            src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" 
-                            [alt]="product.name" 
-                            class="w-full border-round" />
-                        <p-tag 
-                            [value]="product.inventoryStatus" 
-                            [severity]="getSeverity(product.inventoryStatus)" 
-                            class="absolute" 
-                            [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                    </div>
-                </div>
-                <div class="mb-3 font-medium">
-                    {{ product.name }}
-                </div>
-                <div class="flex justify-between items-center">
-                <div class="mt-0 font-semibold text-xl">
-                    {{ '$' + product.price }}
-                </div>
-                    <span>
-                        <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                        <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                    </span>
-                </div>
-            </div>
-        </ng-template>
-</p-carousel>`,
-        html: `<div class="card">
-    <p-carousel 
-        [value]="products" 
-        [numVisible]="3" 
-        [numScroll]="3" 
-        [circular]="false" 
-        [responsiveOptions]="responsiveOptions">
-            <ng-template let-product pTemplate="item">
-                <div class="border-1 surface-border border-round m-2 p-3">
-                    <div class="mb-3">
-                        <div class="relative mx-auto">
-                            <img 
-                                src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" 
-                                [alt]="product.name" 
-                                class="w-full border-round" />
-                            <p-tag 
-                                [value]="product.inventoryStatus" 
-                                [severity]="getSeverity(product.inventoryStatus)" 
-                                class="absolute" 
-                                [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                        </div>
-                    </div>
-                    <div class="mb-3 font-medium">
-                        {{ product.name }}
-                    </div>
-                    <div class="flex justify-between items-center">
-                    <div class="mt-0 font-semibold text-xl">
-                        {{ '$' + product.price }}
-                    </div>
-                        <span>
-                            <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                            <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                        </span>
-                    </div>
-                </div>
-            </ng-template>
-    </p-carousel>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { CarouselModule } from 'primeng/carousel';
-import { ButtonModule } from 'primeng/button';
-import { TagModule } from 'primeng/tag';
-
-@Component({
-    selector: 'carousel-basic-demo',
-    templateUrl: './carousel-basic-demo.html',
-    standalone: true,
-    imports: [CarouselModule, ButtonModule, TagModule],
-    providers: [ProductService]
-})
-export class CarouselBasicDemo implements OnInit {
-    products: Product[] | undefined;
-
-    responsiveOptions: any[] | undefined;
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((products) => {
-            this.products = products;
-        });
-
-        this.responsiveOptions = [
-            {
-                breakpoint: '1199px',
-                numVisible: 1,
-                numScroll: 1
-            },
-            {
-                breakpoint: '991px',
-                numVisible: 2,
-                numScroll: 1
-            },
-            {
-                breakpoint: '767px',
-                numVisible: 1,
-                numScroll: 1
-            }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-}`,
-        data: `
-/* ProductService */        
-{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/carousel/carouseldoc.module.ts b/src/app/showcase/doc/carousel/carouseldoc.module.ts
deleted file mode 100644
index a234e5b..0000000
--- a/src/app/showcase/doc/carousel/carouseldoc.module.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ImportDoc } from './importdoc';
-import { TagModule } from 'primeng/tag';
-import { BasicDoc } from './basicdoc';
-import { StyleDoc } from './styledoc';
-import { CarouselModule } from 'primeng/carousel';
-import { ButtonModule } from 'primeng/button';
-import { CircularDoc } from './circulardoc';
-import { NumScrollDoc } from './numscrolldoc';
-import { ResponsiveDoc } from './responsivedoc';
-import { TemplateDoc } from './templatedoc';
-import { VerticalDoc } from './verticaldoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, CarouselModule, ButtonModule, TagModule],
-    declarations: [ImportDoc, BasicDoc, CircularDoc, NumScrollDoc, StyleDoc, ResponsiveDoc, TemplateDoc, VerticalDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class CarouselDocModule {}
diff --git a/src/app/showcase/doc/carousel/circulardoc.ts b/src/app/showcase/doc/carousel/circulardoc.ts
deleted file mode 100644
index 873123a..0000000
--- a/src/app/showcase/doc/carousel/circulardoc.ts
+++ /dev/null
@@ -1,252 +0,0 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'carousel-circular-demo',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>autoplayInterval</i> is defined in milliseconds, items are scrolled automatically. In addition, for infinite scrolling <i>circular</i> property needs to be added which is enabled automatically in auto play mode.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-carousel [value]="products" [numVisible]="3" [numScroll]="3" [circular]="true" [responsiveOptions]="responsiveOptions" autoplayInterval="3000">
-                <ng-template let-product pTemplate="item">
-                    <div class="border-1 surface-border border-round m-2 p-3">
-                        <div class="mb-3">
-                            <div class="relative mx-auto">
-                                <img src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" [alt]="product.name" class="w-full border-round" />
-                                <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" class="absolute" [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                            </div>
-                        </div>
-                        <div class="mb-3 font-medium">{{ product.name }}</div>
-                        <div class="flex justify-between items-center">
-                            <div class="mt-0 font-semibold text-xl">{{ '$' + product.price }}</div>
-                            <span>
-                                <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                                <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                            </span>
-                        </div>
-                    </div>
-                </ng-template>
-            </p-carousel>
-        </div>
-        <app-code [code]="code" selector="carousel-circular-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class CircularDoc implements OnInit {
-    products: Product[] | undefined;
-
-    responsiveOptions: any[] | undefined;
-
-    constructor(
-        private productService: ProductService,
-        private cdr: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((products) => {
-            this.products = products;
-            this.cdr.detectChanges();
-        });
-
-        this.responsiveOptions = [
-            {
-                breakpoint: '1199px',
-                numVisible: 1,
-                numScroll: 1
-            },
-            {
-                breakpoint: '991px',
-                numVisible: 2,
-                numScroll: 1
-            },
-            {
-                breakpoint: '767px',
-                numVisible: 1,
-                numScroll: 1
-            }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-
-    code: Code = {
-        basic: `<p-carousel 
-    [value]="products" 
-    [numVisible]="3" 
-    [numScroll]="3" 
-    [circular]="true" 
-    [responsiveOptions]="responsiveOptions" 
-    autoplayInterval="3000">
-        <ng-template let-product pTemplate="item">
-                <div class="border-1 surface-border border-round m-2 p-3">
-                    <div class="mb-3">
-                        <div class="relative mx-auto">
-                            <img 
-                                src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" 
-                                [alt]="product.name" 
-                                class="w-full border-round" />
-                            <p-tag 
-                                [value]="product.inventoryStatus" 
-                                [severity]="getSeverity(product.inventoryStatus)" 
-                                class="absolute" 
-                                [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                        </div>
-                    </div>
-                    <div class="mb-3 font-medium">
-                        {{ product.name }}
-                    </div>
-                    <div class="flex justify-between items-center">
-                    <div class="mt-0 font-semibold text-xl">
-                        {{ '$' + product.price }}
-                    </div>
-                        <span>
-                            <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                            <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                        </span>
-                    </div>
-                </div>
-        </ng-template>
-</p-carousel>`,
-        html: `<div class="card">
-    <p-carousel 
-        [value]="products" 
-        [numVisible]="3" 
-        [numScroll]="3" 
-        [circular]="true" 
-        [responsiveOptions]="responsiveOptions" 
-        autoplayInterval="3000">
-        <ng-template let-product pTemplate="item">
-                <div class="border-1 surface-border border-round m-2 p-3">
-                    <div class="mb-3">
-                        <div class="relative mx-auto">
-                            <img 
-                                src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" 
-                                [alt]="product.name" 
-                                class="w-full border-round" />
-                            <p-tag 
-                                [value]="product.inventoryStatus" 
-                                [severity]="getSeverity(product.inventoryStatus)" 
-                                class="absolute" 
-                                [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                        </div>
-                    </div>
-                    <div class="mb-3 font-medium">
-                        {{ product.name }}
-                    </div>
-                    <div class="flex justify-between items-center">
-                    <div class="mt-0 font-semibold text-xl">
-                        {{ '$' + product.price }}
-                    </div>
-                        <span>
-                            <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                            <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                        </span>
-                    </div>
-                </div>
-            </ng-template>
-    </p-carousel>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { CarouselModule } from 'primeng/carousel';
-import { ButtonModule } from 'primeng/button';
-import { TagModule } from 'primeng/tag';
-
-@Component({
-    selector: 'carousel-circular-demo',
-    templateUrl: './carousel-circular-demo.html',
-    standalone: true,
-    imports: [CarouselModule, ButtonModule, TagModule],
-    providers: [ProductService]
-})
-export class CarouselCircularDemo implements OnInit{
-    products: Product[] | undefined;
-
-    responsiveOptions: any[] | undefined;
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((products) => {
-            this.products = products;
-        });
-
-       this.responsiveOptions = [
-            {
-                breakpoint: '1199px',
-                numVisible: 1,
-                numScroll: 1
-            },
-            {
-                breakpoint: '991px',
-                numVisible: 2,
-                numScroll: 1
-            },
-            {
-                breakpoint: '767px',
-                numVisible: 1,
-                numScroll: 1
-            }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-}`,
-        data: `
-/* ProductService */        
-{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/carousel/importdoc.ts b/src/app/showcase/doc/carousel/importdoc.ts
deleted file mode 100644
index e00d274..0000000
--- a/src/app/showcase/doc/carousel/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { CarouselModule } from 'primeng/carousel';`
-    };
-}
diff --git a/src/app/showcase/doc/carousel/numscrolldoc.ts b/src/app/showcase/doc/carousel/numscrolldoc.ts
deleted file mode 100644
index ec65a5d..0000000
--- a/src/app/showcase/doc/carousel/numscrolldoc.ts
+++ /dev/null
@@ -1,249 +0,0 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'carousel-num-scroll-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Number of items to scroll is specified with the <i>numScroll</i> option.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-carousel [value]="products" [numVisible]="3" [numScroll]="1" [responsiveOptions]="responsiveOptions">
-                <ng-template let-product pTemplate="item">
-                    <div class="border-1 surface-border border-round m-2 p-3">
-                        <div class="mb-3">
-                            <div class="relative mx-auto">
-                                <img src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" [alt]="product.name" class="w-full border-round" />
-                                <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" class="absolute" [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                            </div>
-                        </div>
-                        <div class="mb-3 font-medium">{{ product.name }}</div>
-                        <div class="flex justify-between items-center">
-                            <div class="mt-0 font-semibold text-xl">{{ '$' + product.price }}</div>
-                            <span>
-                                <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                                <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                            </span>
-                        </div>
-                    </div>
-                </ng-template>
-            </p-carousel>
-        </div>
-        <app-code [code]="code" selector="carousel-num-scroll-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class NumScrollDoc implements OnInit {
-    products: Product[] | undefined;
-
-    responsiveOptions: any[] | undefined;
-
-    constructor(
-        private productService: ProductService,
-        private cdr: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((products) => {
-            this.products = products;
-            this.cdr.detectChanges();
-        });
-
-        this.responsiveOptions = [
-            {
-                breakpoint: '1199px',
-                numVisible: 1,
-                numScroll: 1
-            },
-            {
-                breakpoint: '991px',
-                numVisible: 2,
-                numScroll: 1
-            },
-            {
-                breakpoint: '767px',
-                numVisible: 1,
-                numScroll: 1
-            }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-
-    code: Code = {
-        basic: `<p-carousel 
-    [value]="products" 
-    [numVisible]="3" 
-    [numScroll]="1" 
-    [responsiveOptions]="responsiveOptions">
-        <ng-template let-product pTemplate="item">
-            <div class="border-1 surface-border border-round m-2 p-3">
-                <div class="mb-3">
-                    <div class="relative mx-auto">
-                        <img 
-                            src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" 
-                            [alt]="product.name" 
-                            class="w-full border-round" />
-                        <p-tag 
-                            [value]="product.inventoryStatus" 
-                            [severity]="getSeverity(product.inventoryStatus)" 
-                            class="absolute" 
-                            [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                    </div>
-                </div>
-                <div class="mb-3 font-medium">
-                    {{ product.name }}
-                </div>
-                <div class="flex justify-between items-center">
-                    <div class="mt-0 font-semibold text-xl">
-                        {{ '$' + product.price }}
-                    </div>
-                    <span>
-                        <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                        <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                    </span>
-                </div>
-            </div>
-        </ng-template>
-</p-carousel>`,
-        html: `<div class="card">
-    <p-carousel 
-        [value]="products" 
-        [numVisible]="3" 
-        [numScroll]="1" 
-        [responsiveOptions]="responsiveOptions">
-            <ng-template let-product pTemplate="item">
-                <div class="border-1 surface-border border-round m-2 p-3">
-                    <div class="mb-3">
-                        <div class="relative mx-auto">
-                            <img 
-                                src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" 
-                                [alt]="product.name" 
-                                class="w-full border-round" />
-                            <p-tag 
-                                [value]="product.inventoryStatus" 
-                                [severity]="getSeverity(product.inventoryStatus)" 
-                                class="absolute" 
-                                [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                        </div>
-                    </div>
-                    <div class="mb-3 font-medium">
-                        {{ product.name }}
-                    </div>
-                    <div class="flex justify-between items-center">
-                        <div class="mt-0 font-semibold text-xl">
-                            {{ '$' + product.price }}
-                        </div>
-                        <span>
-                            <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                            <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                        </span>
-                    </div>
-                </div>
-            </ng-template>
-    </p-carousel>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { CarouselModule } from 'primeng/carousel';
-import { ButtonModule } from 'primeng/button';
-import { TagModule } from 'primeng/tag';
-
-@Component({
-    selector: 'carousel-num-scroll-demo',
-    templateUrl: './carousel-num-scroll-demo.html',
-    standalone: true,
-    imports: [CarouselModule, ButtonModule, TagModule],
-    providers: [ProductService]
-
-})
-export class CarouselNumScrollDemo implements OnInit {
-    products: Product[] | undefined;
-
-    responsiveOptions: any[] | undefined;
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((products) => {
-            this.products = products;
-        });
-
-        this.responsiveOptions = [
-            {
-                breakpoint: '1199px',
-                numVisible: 1,
-                numScroll: 1
-            },
-            {
-                breakpoint: '991px',
-                numVisible: 2,
-                numScroll: 1
-            },
-            {
-                breakpoint: '767px',
-                numVisible: 1,
-                numScroll: 1
-            }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-}`,
-        data: `
-/* ProductService */        
-{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-id?: string;
-code?: string;
-name?: string;
-description?: string;
-price?: number;
-quantity?: number;
-inventoryStatus?: string;
-category?: string;
-image?: string;
-rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/carousel/responsivedoc.ts b/src/app/showcase/doc/carousel/responsivedoc.ts
deleted file mode 100644
index 2df3a70..0000000
--- a/src/app/showcase/doc/carousel/responsivedoc.ts
+++ /dev/null
@@ -1,253 +0,0 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'responsive-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Carousel supports specific configuration per screen size with the <i>responsiveOptions</i> property that takes an array of objects where each object defines the max-width <i>breakpoint</i>, <i>numVisible</i> for the number of items
-                items per page and <i>numScroll</i> for number of items to scroll. When <i>responsiveOptions</i> is defined, the <i>numScroll</i> and <i>numVisible</i> properties of the Carousel are used as default when there is breakpoint that
-                applies.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-carousel [value]="products" [numVisible]="3" [numScroll]="1" [responsiveOptions]="responsiveOptions">
-                <ng-template let-product pTemplate="item">
-                    <div class="border-1 surface-border border-round m-2 p-3">
-                        <div class="mb-3">
-                            <div class="relative mx-auto">
-                                <img src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" [alt]="product.name" class="w-full border-round" />
-                                <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" class="absolute" [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                            </div>
-                        </div>
-                        <div class="mb-3 font-medium">{{ product.name }}</div>
-                        <div class="flex justify-between items-center">
-                            <div class="mt-0 font-semibold text-xl">{{ '$' + product.price }}</div>
-                            <span>
-                                <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                                <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                            </span>
-                        </div>
-                    </div>
-                </ng-template>
-            </p-carousel>
-        </div>
-        <app-code [code]="code" selector="carousel-responsive-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class ResponsiveDoc implements OnInit {
-    products: Product[] | undefined;
-
-    responsiveOptions: any[] | undefined;
-
-    constructor(
-        private productService: ProductService,
-        private cdr: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((products) => {
-            this.products = products;
-            this.cdr.detectChanges();
-        });
-
-        this.responsiveOptions = [
-            {
-                breakpoint: '1400px',
-                numVisible: 3,
-                numScroll: 3
-            },
-            {
-                breakpoint: '1220px',
-                numVisible: 2,
-                numScroll: 2
-            },
-            {
-                breakpoint: '1100px',
-                numVisible: 1,
-                numScroll: 1
-            }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-
-    code: Code = {
-        basic: `<p-carousel 
-    [value]="products" 
-    [numVisible]="3" 
-    [numScroll]="1" 
-    [responsiveOptions]="responsiveOptions">
-        <ng-template let-product pTemplate="item">
-            <div class="border-1 surface-border border-round m-2 p-3">
-                <div class="mb-3">
-                    <div class="relative mx-auto">
-                        <img 
-                            src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" 
-                            [alt]="product.name" 
-                            class="w-full border-round" />
-                        <p-tag 
-                            [value]="product.inventoryStatus" 
-                            [severity]="getSeverity(product.inventoryStatus)" 
-                            class="absolute" 
-                            [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                    </div>
-                </div>
-                <div class="mb-3 font-medium">
-                    {{ product.name }}
-                </div>
-                <div class="flex justify-between items-center">
-                    <div class="mt-0 font-semibold text-xl">
-                        {{ '$' + product.price }}
-                    </div>
-                    <span>
-                        <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                        <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                    </span>
-                </div>
-            </div>
-        </ng-template>
-</p-carousel>`,
-        html: `<div class="card">
-    <p-carousel 
-        [value]="products" 
-        [numVisible]="3" 
-        [numScroll]="1" 
-        [responsiveOptions]="responsiveOptions">
-            <ng-template let-product pTemplate="item">
-                <div class="border-1 surface-border border-round m-2 p-3">
-                    <div class="mb-3">
-                        <div class="relative mx-auto">
-                            <img 
-                                src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" 
-                                [alt]="product.name" 
-                                class="w-full border-round" />
-                            <p-tag 
-                                [value]="product.inventoryStatus" 
-                                [severity]="getSeverity(product.inventoryStatus)" 
-                                class="absolute" 
-                                [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                        </div>
-                    </div>
-                    <div class="mb-3 font-medium">
-                        {{ product.name }}
-                    </div>
-                    <div class="flex justify-between items-center">
-                        <div class="mt-0 font-semibold text-xl">
-                            {{ '$' + product.price }}
-                        </div>
-                        <span>
-                            <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                            <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                        </span>
-                    </div>
-                </div>
-            </ng-template>
-    </p-carousel>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { CarouselModule } from 'primeng/carousel';
-import { ButtonModule } from 'primeng/button';
-import { TagModule } from 'primeng/tag';
-
-@Component({
-    selector: 'carousel-responsive-demo',
-    templateUrl: './carousel-responsive-demo.html',
-    standalone: true,
-    imports: [CarouselModule, ButtonModule, TagModule],
-    providers: [ProductService]
-})
-export class CarouselResponsiveDemo {
-    products: Product[] | undefined;
-
-    responsiveOptions: any[] | undefined;
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((products) => {
-            this.products = products;
-        });
-
-        this.responsiveOptions = [
-            {
-                breakpoint: '1400px',
-                numVisible: 3,
-                numScroll: 3
-            },
-            {
-                breakpoint: '1220px',
-                numVisible: 2,
-                numScroll: 2
-            },
-            {
-                breakpoint: '1100px',
-                numVisible: 1,
-                numScroll: 1
-            }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-}`,
-
-        data: `
-/* ProductService */        
-{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/carousel/styledoc.ts b/src/app/showcase/doc/carousel/styledoc.ts
deleted file mode 100644
index bb82e6c..0000000
--- a/src/app/showcase/doc/carousel/styledoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-carousel</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-carousel-header</td>
-                        <td>Header section.</td>
-                    </tr>
-                    <tr>
-                        <td>p-carousel-footer</td>
-                        <td>Footer section.</td>
-                    </tr>
-                    <tr>
-                        <td>p-carousel-content</td>
-                        <td>Main content element. It contains the container of the viewport.</td>
-                    </tr>
-                    <tr>
-                        <td>p-carousel-container</td>
-                        <td>Container of the viewport. It contains navigation buttons and viewport.</td>
-                    </tr>
-                    <tr>
-                        <td>p-carousel-items-content</td>
-                        <td>Viewport.</td>
-                    </tr>
-                    <tr>
-                        <td>p-carousel-dots-container</td>
-                        <td>Container of the paginator.</td>
-                    </tr>
-                    <tr>
-                        <td>p-carousel-dot-item</td>
-                        <td>Paginator element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-carousel-dot-icon</td>
-                        <td>Paginator element icon.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/carousel/templatedoc.ts b/src/app/showcase/doc/carousel/templatedoc.ts
deleted file mode 100644
index 0c993c0..0000000
--- a/src/app/showcase/doc/carousel/templatedoc.ts
+++ /dev/null
@@ -1,265 +0,0 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'carousel-template-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Custom content projection is available using the <i>header</i> and <i>footer</i> templates.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-carousel [value]="products" [numVisible]="3" [numScroll]="1" [responsiveOptions]="responsiveOptions">
-                <ng-template pTemplate="header">
-                    <p>Header content</p>
-                </ng-template>
-                <ng-template let-product pTemplate="item">
-                    <div class="border-1 surface-border border-round m-2 p-3">
-                        <div class="mb-3">
-                            <div class="relative mx-auto">
-                                <img src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" [alt]="product.name" class="w-full border-round" />
-                                <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" class="absolute" [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                            </div>
-                        </div>
-                        <div class="mb-3 font-medium">{{ product.name }}</div>
-                        <div class="flex justify-between items-center">
-                            <div class="mt-0 font-semibold text-xl">{{ '$' + product.price }}</div>
-                            <span>
-                                <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                                <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                            </span>
-                        </div>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="footer">
-                    <p>Footer content</p>
-                </ng-template>
-            </p-carousel>
-        </div>
-        <app-code [code]="code" selector="carousel-template-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class TemplateDoc implements OnInit {
-    products: Product[] | undefined;
-
-    responsiveOptions: any[] | undefined;
-
-    constructor(
-        private productService: ProductService,
-        private cdr: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((products) => {
-            this.products = products;
-            this.cdr.detectChanges();
-        });
-
-        this.responsiveOptions = [
-            {
-                breakpoint: '1199px',
-                numVisible: 1,
-                numScroll: 1
-            },
-            {
-                breakpoint: '991px',
-                numVisible: 2,
-                numScroll: 1
-            },
-            {
-                breakpoint: '767px',
-                numVisible: 1,
-                numScroll: 1
-            }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-
-    code: Code = {
-        basic: `<p-carousel 
-    [value]="products" 
-    [numVisible]="3" 
-    [numScroll]="1" 
-    [responsiveOptions]="responsiveOptions">
-        <ng-template pTemplate="header">
-            <p>Header content</p>
-        </ng-template>
-        <ng-template let-product pTemplate="item">
-            <div class="border-1 surface-border border-round m-2 p-3">
-                <div class="mb-3">
-                    <div class="relative mx-auto">
-                        <img 
-                            src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" 
-                            [alt]="product.name" 
-                            class="w-full border-round" />
-                        <p-tag 
-                            [value]="product.inventoryStatus" 
-                            [severity]="getSeverity(product.inventoryStatus)" 
-                            class="absolute" 
-                            [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                    </div>
-                </div>
-                <div class="mb-3 font-medium">
-                    {{ product.name }}
-                </div>
-                <div class="flex justify-between items-center">
-                    <div class="mt-0 font-semibold text-xl">
-                        {{ '$' + product.price }}
-                    </div>
-                    <span>
-                        <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                        <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                    </span>
-                </div>
-            </div>
-        </ng-template>
-        <ng-template pTemplate="footer">
-            <p>Footer content</p>
-        </ng-template>
-</p-carousel>`,
-        html: `<div class="card">
-    <p-carousel 
-        [value]="products" 
-        [numVisible]="3" 
-        [numScroll]="1" 
-        [responsiveOptions]="responsiveOptions">
-            <ng-template pTemplate="header">
-                <p>Header content</p>
-            </ng-template>
-            <ng-template let-product pTemplate="item">
-                <div class="border-1 surface-border border-round m-2 p-3">
-                    <div class="mb-3">
-                        <div class="relative mx-auto">
-                            <img 
-                                src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" 
-                                [alt]="product.name" 
-                                class="w-full border-round" />
-                            <p-tag 
-                                [value]="product.inventoryStatus" 
-                                [severity]="getSeverity(product.inventoryStatus)" 
-                                class="absolute" 
-                                [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                        </div>
-                    </div>
-                    <div class="mb-3 font-medium">{{ product.name }}</div>
-                    <div class="flex justify-between items-center">
-                        <div class="mt-0 font-semibold text-xl">
-                            {{ '$' + product.price }}
-                        </div>
-                        <span>
-                            <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                            <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                        </span>
-                    </div>
-                </div>
-            </ng-template>
-            <ng-template pTemplate="footer">
-                <p>Footer content</p>
-            </ng-template>
-    </p-carousel>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { CarouselModule } from 'primeng/carousel';
-import { ButtonModule } from 'primeng/button';
-import { TagModule } from 'primeng/tag';
-
-@Component({
-    selector: 'carousel-template-demo',
-    templateUrl: './carousel-template-demo.html',
-    standalone: true,
-    imports: [CarouselModule, ButtonModule, TagModule],
-    providers: [ProductService]
-})
-export class CarouselTemplateDemo implements OnInit{
-    products: Product[] | undefined;
-
-    responsiveOptions: any[] | undefined;
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((products) => {
-            this.products = products;
-        });
-
-        this.responsiveOptions = [
-            {
-                breakpoint: '1199px',
-                numVisible: 1,
-                numScroll: 1
-            },
-            {
-                breakpoint: '991px',
-                numVisible: 2,
-                numScroll: 1
-            },
-            {
-                breakpoint: '767px',
-                numVisible: 1,
-                numScroll: 1
-            }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-}`,
-
-        data: `
-/* ProductService */        
-{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/carousel/verticaldoc.ts b/src/app/showcase/doc/carousel/verticaldoc.ts
deleted file mode 100644
index 0d10f50..0000000
--- a/src/app/showcase/doc/carousel/verticaldoc.ts
+++ /dev/null
@@ -1,245 +0,0 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'carousel-vertical-demo',
-    template: `
-        <app-docsectiontext>
-            <p>To create a vertical Carousel, <i>orientation</i> needs to be set to <i>vertical</i> along with a <i>verticalViewPortHeight</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-carousel [value]="products" [numVisible]="1" [numScroll]="1" orientation="vertical" verticalViewPortHeight="360px">
-                <ng-template let-product pTemplate="item">
-                    <div class="border-1 surface-border border-round m-2 p-3">
-                        <div class="mb-3">
-                            <div class="relative mx-auto">
-                                <img src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" [alt]="product.name" class="w-full border-round" />
-                                <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" class="absolute" [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                            </div>
-                        </div>
-                        <div class="mb-3 font-medium">{{ product.name }}</div>
-                        <div class="flex justify-between items-center">
-                            <div class="mt-0 font-semibold text-xl">{{ '$' + product.price }}</div>
-                            <span>
-                                <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                                <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                            </span>
-                        </div>
-                    </div>
-                </ng-template>
-            </p-carousel>
-        </div>
-        <app-code [code]="code" selector="carousel-vertical-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class VerticalDoc implements OnInit {
-    products: Product[] | undefined;
-
-    constructor(
-        private productService: ProductService,
-        private cdr: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((products) => {
-            this.products = products;
-            this.cdr.detectChanges();
-        });
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-
-    code: Code = {
-        basic: `<p-carousel 
-    [value]="products" 
-    [numVisible]="1" 
-    [numScroll]="1" 
-    orientation="vertical" 
-    verticalViewPortHeight="360px">
-        <ng-template let-product pTemplate="item">
-            <div class="border-1 surface-border border-round m-2 p-3">
-                <div class="mb-3">
-                    <div class="relative mx-auto">
-                        <img 
-                            src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" 
-                            [alt]="product.name" 
-                            class="w-full border-round" />
-                        <p-tag 
-                            [value]="product.inventoryStatus" 
-                            [severity]="getSeverity(product.inventoryStatus)" 
-                            class="absolute" 
-                            [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                    </div>
-                </div>
-                <div class="mb-3 font-medium">
-                    {{ product.name }}
-                </div>
-                <div class="flex justify-between items-center">
-                    <div class="mt-0 font-semibold text-xl">
-                        {{ '$' + product.price }}
-                    </div>
-                    <span>
-                        <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                        <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                    </span>
-                </div>
-            </div>
-        </ng-template>
-</p-carousel>`,
-        html: `<div class="card flex justify-center">
-    <p-carousel 
-        [value]="products" 
-        [numVisible]="1" 
-        [numScroll]="1" 
-        orientation="vertical" 
-        verticalViewPortHeight="360px">
-            <ng-template let-product pTemplate="item">
-                <div class="border-1 surface-border border-round m-2 p-3">
-                    <div class="mb-3">
-                        <div class="relative mx-auto">
-                            <img 
-                                src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" 
-                                [alt]="product.name" 
-                                class="w-full border-round" />
-                            <p-tag 
-                                [value]="product.inventoryStatus" 
-                                [severity]="getSeverity(product.inventoryStatus)" 
-                                class="absolute" 
-                                [ngStyle]="{ 'left.px': 5, 'top.px': 5 }" />
-                        </div>
-                    </div>
-                    <div class="mb-3 font-medium">{{ product.name }}</div>
-                    <div class="flex justify-between items-center">
-                        <div class="mt-0 font-semibold text-xl">
-                            {{ '$' + product.price }}
-                        </div>
-                        <span>
-                            <p-button icon="pi pi-heart" severity="secondary" [outlined]="true" />
-                            <p-button icon="pi pi-shopping-cart" styleClass="ml-2" />
-                        </span>
-                    </div>
-                </div>
-            </ng-template>
-    </p-carousel>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { CarouselModule } from 'primeng/carousel';
-import { ButtonModule } from 'primeng/button';
-import { TagModule } from 'primeng/tag';
-
-@Component({
-    selector: 'carousel-vertical-demo',
-    templateUrl: './carousel-vertical-demo.html',
-    standalone: true,
-    imports: [CarouselModule, ButtonModule, TagModule],
-    providers: [ProductService]
-})
-export class CarouselVerticalDemo implements OnInit {
-    products: Product[] | undefined;
-
-    responsiveOptions: any[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((products) => {
-            this.products = products;
-        });
-
-        this.responsiveOptions = [
-            {
-                breakpoint: '1024px',
-                numVisible: 3,
-                numScroll: 3
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 2,
-                numScroll: 2
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 1,
-                numScroll: 1
-            }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-}`,
-        scss: `
-:host ::ng-deep {
-    .product-item {
-        .product-item-content {
-            border: 1px solid var(--surface-d);
-            border-radius: 3px;
-            margin: .3rem;
-            text-align: center;
-            padding: 2rem 0;
-        }
-    
-        .product-image {
-            width: 50%;
-            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
-        }
-    }
-}`,
-        data: `
-/* ProductService */        
-{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/cascadeselect/accessibilitydoc.ts b/src/app/showcase/doc/cascadeselect/accessibilitydoc.ts
deleted file mode 100644
index 7863e8c..0000000
--- a/src/app/showcase/doc/cascadeselect/accessibilitydoc.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Value to describe the component can either be provided with <i>ariaLabelledBy</i> or <i>ariaLabel</i> props. The cascadeselect element has a <i>combobox</i> role in addition to <i>aria-haspopup</i> and <i>aria-expanded</i> attributes.
-                The relation between the combobox and the popup is created with <i>aria-controls</i> that refers to the id of the popup.
-            </p>
-            <p>
-                The popup list has an id that refers to the <i>aria-controls</i> attribute of the <i>combobox</i> element and uses <i>tree</i> as the role. Each list item has a <i>treeitem</i> role along with <i>aria-label</i>,
-                <i>aria-selected</i> and <i>aria-expanded</i> attributes. The container element of a treenode has the <i>group</i> role. The <i>aria-setsize</i>, <i>aria-posinset</i> and <i>aria-level</i> attributes are calculated implicitly and
-                added to each treeitem.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Closed State Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the cascadeselect element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>down arrow</i>
-                        </td>
-                        <td>Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Popup Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Hides the popup and moves focus to the next tabbable element.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>tab</i></td>
-                        <td>Hides the popup and moves focus to the previous tabbable element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Selects the focused option and closes the popup.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Selects the focused option and closes the popup.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>escape</i>
-                        </td>
-                        <td>Closes the popup, moves focus to the cascadeselect element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>down arrow</i>
-                        </td>
-                        <td>Moves focus to the next option.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>up arrow</i>
-                        </td>
-                        <td>Moves focus to the previous option.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>right arrow</i>
-                        </td>
-                        <td>If option is closed, opens the option otherwise moves focus to the first child option.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>left arrow</i>
-                        </td>
-                        <td>If option is open, closes the option otherwise moves focus to the parent option.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>`
-})
-export class AccessibilityDoc {
-    @Input() id: string;
-
-    @Input() title: string;
-
-    code: Code = {
-        basic: `<span id="dd1">Options</span>
-<p-cascadeSelect ariaLabelledBy="dd1"/>
-
-<p-cascadeSelect ariaLabel="Options"/>`
-    };
-}
diff --git a/src/app/showcase/doc/cascadeselect/basicdoc.ts b/src/app/showcase/doc/cascadeselect/basicdoc.ts
deleted file mode 100644
index 584b626..0000000
--- a/src/app/showcase/doc/cascadeselect/basicdoc.ts
+++ /dev/null
@@ -1,215 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'cascade-select-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                CascadeSelect requires a value to bind and a collection of arbitrary objects with a nested hierarchy. <i>optionGroupLabel</i> is used for the text of a category and <i>optionGroupChildren</i> is to define the children of the category.
-                Note that order of the <i>optionGroupChildren</i> matters and it should correspond to the data hierarchy.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-cascadeSelect [(ngModel)]="selectedCity" [options]="countries" optionLabel="cname" optionGroupLabel="name" [optionGroupChildren]="['states', 'cities']" [style]="{ minWidth: '14rem' }" placeholder="Select a City" />
-        </div>
-        <app-code [code]="code" selector="cascade-select-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    countries: any[] | undefined;
-
-    selectedCity: any;
-
-    ngOnInit() {
-        this.countries = [
-            {
-                name: 'Australia',
-                code: 'AU',
-                states: [
-                    {
-                        name: 'New South Wales',
-                        cities: [
-                            { cname: 'Sydney', code: 'A-SY' },
-                            { cname: 'Newcastle', code: 'A-NE' },
-                            { cname: 'Wollongong', code: 'A-WO' }
-                        ]
-                    },
-                    {
-                        name: 'Queensland',
-                        cities: [
-                            { cname: 'Brisbane', code: 'A-BR' },
-                            { cname: 'Townsville', code: 'A-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'Canada',
-                code: 'CA',
-                states: [
-                    {
-                        name: 'Quebec',
-                        cities: [
-                            { cname: 'Montreal', code: 'C-MO' },
-                            { cname: 'Quebec City', code: 'C-QU' }
-                        ]
-                    },
-                    {
-                        name: 'Ontario',
-                        cities: [
-                            { cname: 'Ottawa', code: 'C-OT' },
-                            { cname: 'Toronto', code: 'C-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'United States',
-                code: 'US',
-                states: [
-                    {
-                        name: 'California',
-                        cities: [
-                            { cname: 'Los Angeles', code: 'US-LA' },
-                            { cname: 'San Diego', code: 'US-SD' },
-                            { cname: 'San Francisco', code: 'US-SF' }
-                        ]
-                    },
-                    {
-                        name: 'Florida',
-                        cities: [
-                            { cname: 'Jacksonville', code: 'US-JA' },
-                            { cname: 'Miami', code: 'US-MI' },
-                            { cname: 'Tampa', code: 'US-TA' },
-                            { cname: 'Orlando', code: 'US-OR' }
-                        ]
-                    },
-                    {
-                        name: 'Texas',
-                        cities: [
-                            { cname: 'Austin', code: 'US-AU' },
-                            { cname: 'Dallas', code: 'US-DA' },
-                            { cname: 'Houston', code: 'US-HO' }
-                        ]
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-cascadeSelect 
-    [(ngModel)]="selectedCity" 
-    [options]="countries" 
-    optionLabel="cname" 
-    optionGroupLabel="name" 
-    [optionGroupChildren]="['states', 'cities']" 
-    [style]="{ minWidth: '14rem' }"
-    placeholder="Select a City" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-cascadeSelect 
-        [(ngModel)]="selectedCity" 
-        [options]="countries" 
-        optionLabel="cname"
-        optionGroupLabel="name" 
-        [optionGroupChildren]="['states', 'cities']" 
-        [style]="{ minWidth: '14rem' }" 
-        placeholder="Select a City" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CascadeSelectModule } from 'primeng/cascadeselect';
-
-@Component({
-    selector: 'cascade-select-basic-demo',
-    templateUrl: './cascade-select-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, CascadeSelectModule]
-})
-export class CascadeSelectBasicDemo implements OnInit {
-    countries: any[] | undefined;
-
-    selectedCity: any;
-    
-    ngOnInit() {
-        this.countries = [
-            {
-                name: 'Australia',
-                code: 'AU',
-                states: [
-                    {
-                        name: 'New South Wales',
-                        cities: [
-                            { cname: 'Sydney', code: 'A-SY' },
-                            { cname: 'Newcastle', code: 'A-NE' },
-                            { cname: 'Wollongong', code: 'A-WO' }
-                        ]
-                    },
-                    {
-                        name: 'Queensland',
-                        cities: [
-                            { cname: 'Brisbane', code: 'A-BR' },
-                            { cname: 'Townsville', code: 'A-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'Canada',
-                code: 'CA',
-                states: [
-                    {
-                        name: 'Quebec',
-                        cities: [
-                            { cname: 'Montreal', code: 'C-MO' },
-                            { cname: 'Quebec City', code: 'C-QU' }
-                        ]
-                    },
-                    {
-                        name: 'Ontario',
-                        cities: [
-                            { cname: 'Ottawa', code: 'C-OT' },
-                            { cname: 'Toronto', code: 'C-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'United States',
-                code: 'US',
-                states: [
-                    {
-                        name: 'California',
-                        cities: [
-                            { cname: 'Los Angeles', code: 'US-LA' },
-                            { cname: 'San Diego', code: 'US-SD' },
-                            { cname: 'San Francisco', code: 'US-SF' }
-                        ]
-                    },
-                    {
-                        name: 'Florida',
-                        cities: [
-                            { cname: 'Jacksonville', code: 'US-JA' },
-                            { cname: 'Miami', code: 'US-MI' },
-                            { cname: 'Tampa', code: 'US-TA' },
-                            { cname: 'Orlando', code: 'US-OR' }
-                        ]
-                    },
-                    {
-                        name: 'Texas',
-                        cities: [
-                            { cname: 'Austin', code: 'US-AU' },
-                            { cname: 'Dallas', code: 'US-DA' },
-                            { cname: 'Houston', code: 'US-HO' }
-                        ]
-                    }
-                ]
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/cascadeselect/cascasdeselectdoc.module.ts b/src/app/showcase/doc/cascadeselect/cascasdeselectdoc.module.ts
deleted file mode 100644
index dc97349..0000000
--- a/src/app/showcase/doc/cascadeselect/cascasdeselectdoc.module.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { CascadeSelectModule } from 'primeng/cascadeselect';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { InvalidDoc } from './invaliddoc';
-import { FloatLabelDoc } from './floatlabeldoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-import { DisabledDoc } from './disableddoc';
-import { FilledDoc } from './filleddoc';
-import { LoadingDoc } from './loadingdoc';
-import { FloatLabelModule } from 'primeng/floatlabel';
-@NgModule({
-    imports: [CommonModule, RouterModule, CascadeSelectModule, FormsModule, AppCodeModule, AppDocModule, ReactiveFormsModule, FloatLabelModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, TemplateDoc, InvalidDoc, FloatLabelDoc, FilledDoc, DisabledDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc, LoadingDoc]
-})
-export class CascadeSelectDocModule {}
diff --git a/src/app/showcase/doc/cascadeselect/disableddoc.ts b/src/app/showcase/doc/cascadeselect/disableddoc.ts
deleted file mode 100644
index 9a108f5..0000000
--- a/src/app/showcase/doc/cascadeselect/disableddoc.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'cascade-select-disabled-demo',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-cascadeSelect [disabled]="true" placeholder="Disabled" [style]="{ minWidth: '14rem' }" />
-        </div>
-        <app-code [code]="code" selector="cascade-select-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    code: Code = {
-        basic: `<p-cascadeSelect
-    [disabled]="true" 
-    placeholder="Disabled" 
-    [style]="{ minWidth: '14rem' }" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-cascadeSelect 
-        [disabled]="true" 
-        placeholder="Disabled" 
-        [style]="{ minWidth: '14rem' }" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CascadeSelectModule } from 'primeng/cascadeselect';
-
-@Component({
-    selector: 'cascade-select-disabled-demo',
-    templateUrl: './cascade-select-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, CascadeSelectModule]
-})
-export class CascadeSelectDisabledDemo {
-   
-}`
-    };
-}
diff --git a/src/app/showcase/doc/cascadeselect/filleddoc.ts b/src/app/showcase/doc/cascadeselect/filleddoc.ts
deleted file mode 100644
index b33f508..0000000
--- a/src/app/showcase/doc/cascadeselect/filleddoc.ts
+++ /dev/null
@@ -1,214 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'cascade-select-filled-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-cascadeSelect [(ngModel)]="selectedCity" variant="filled" [options]="countries" optionLabel="cname" optionGroupLabel="name" [optionGroupChildren]="['states', 'cities']" [style]="{ minWidth: '14rem' }" placeholder="Select a City" />
-        </div>
-        <app-code [code]="code" selector="cascade-select-filled-demo"></app-code>
-    `
-})
-export class FilledDoc {
-    countries: any[] | undefined;
-
-    selectedCity: any;
-
-    ngOnInit() {
-        this.countries = [
-            {
-                name: 'Australia',
-                code: 'AU',
-                states: [
-                    {
-                        name: 'New South Wales',
-                        cities: [
-                            { cname: 'Sydney', code: 'A-SY' },
-                            { cname: 'Newcastle', code: 'A-NE' },
-                            { cname: 'Wollongong', code: 'A-WO' }
-                        ]
-                    },
-                    {
-                        name: 'Queensland',
-                        cities: [
-                            { cname: 'Brisbane', code: 'A-BR' },
-                            { cname: 'Townsville', code: 'A-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'Canada',
-                code: 'CA',
-                states: [
-                    {
-                        name: 'Quebec',
-                        cities: [
-                            { cname: 'Montreal', code: 'C-MO' },
-                            { cname: 'Quebec City', code: 'C-QU' }
-                        ]
-                    },
-                    {
-                        name: 'Ontario',
-                        cities: [
-                            { cname: 'Ottawa', code: 'C-OT' },
-                            { cname: 'Toronto', code: 'C-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'United States',
-                code: 'US',
-                states: [
-                    {
-                        name: 'California',
-                        cities: [
-                            { cname: 'Los Angeles', code: 'US-LA' },
-                            { cname: 'San Diego', code: 'US-SD' },
-                            { cname: 'San Francisco', code: 'US-SF' }
-                        ]
-                    },
-                    {
-                        name: 'Florida',
-                        cities: [
-                            { cname: 'Jacksonville', code: 'US-JA' },
-                            { cname: 'Miami', code: 'US-MI' },
-                            { cname: 'Tampa', code: 'US-TA' },
-                            { cname: 'Orlando', code: 'US-OR' }
-                        ]
-                    },
-                    {
-                        name: 'Texas',
-                        cities: [
-                            { cname: 'Austin', code: 'US-AU' },
-                            { cname: 'Dallas', code: 'US-DA' },
-                            { cname: 'Houston', code: 'US-HO' }
-                        ]
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-cascadeSelect 
-    [(ngModel)]="selectedCity" 
-    variant="filled"
-    [options]="countries" 
-    optionLabel="cname" 
-    optionGroupLabel="name" 
-    [optionGroupChildren]="['states', 'cities']" 
-    [style]="{ minWidth: '14rem' }"
-    placeholder="Select a City" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-cascadeSelect 
-        [(ngModel)]="selectedCity" 
-        variant="filled"
-        [options]="countries" 
-        optionLabel="cname"
-        optionGroupLabel="name" 
-        [optionGroupChildren]="['states', 'cities']" 
-        [style]="{ minWidth: '14rem' }" 
-        placeholder="Select a City" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CascadeSelectModule } from 'primeng/cascadeselect';
-
-@Component({
-    selector: 'cascade-select-filled-demo',
-    templateUrl: './cascade-select-filled-demo.html',
-    standalone: true,
-    imports: [FormsModule, CascadeSelectModule]
-})
-export class CascadeSelectFilledDemo implements OnInit {
-    countries: any[] | undefined;
-
-    selectedCity: any;
-    
-    ngOnInit() {
-        this.countries = [
-            {
-                name: 'Australia',
-                code: 'AU',
-                states: [
-                    {
-                        name: 'New South Wales',
-                        cities: [
-                            { cname: 'Sydney', code: 'A-SY' },
-                            { cname: 'Newcastle', code: 'A-NE' },
-                            { cname: 'Wollongong', code: 'A-WO' }
-                        ]
-                    },
-                    {
-                        name: 'Queensland',
-                        cities: [
-                            { cname: 'Brisbane', code: 'A-BR' },
-                            { cname: 'Townsville', code: 'A-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'Canada',
-                code: 'CA',
-                states: [
-                    {
-                        name: 'Quebec',
-                        cities: [
-                            { cname: 'Montreal', code: 'C-MO' },
-                            { cname: 'Quebec City', code: 'C-QU' }
-                        ]
-                    },
-                    {
-                        name: 'Ontario',
-                        cities: [
-                            { cname: 'Ottawa', code: 'C-OT' },
-                            { cname: 'Toronto', code: 'C-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'United States',
-                code: 'US',
-                states: [
-                    {
-                        name: 'California',
-                        cities: [
-                            { cname: 'Los Angeles', code: 'US-LA' },
-                            { cname: 'San Diego', code: 'US-SD' },
-                            { cname: 'San Francisco', code: 'US-SF' }
-                        ]
-                    },
-                    {
-                        name: 'Florida',
-                        cities: [
-                            { cname: 'Jacksonville', code: 'US-JA' },
-                            { cname: 'Miami', code: 'US-MI' },
-                            { cname: 'Tampa', code: 'US-TA' },
-                            { cname: 'Orlando', code: 'US-OR' }
-                        ]
-                    },
-                    {
-                        name: 'Texas',
-                        cities: [
-                            { cname: 'Austin', code: 'US-AU' },
-                            { cname: 'Dallas', code: 'US-DA' },
-                            { cname: 'Houston', code: 'US-HO' }
-                        ]
-                    }
-                ]
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/cascadeselect/floatlabeldoc.ts b/src/app/showcase/doc/cascadeselect/floatlabeldoc.ts
deleted file mode 100644
index a56a855..0000000
--- a/src/app/showcase/doc/cascadeselect/floatlabeldoc.ts
+++ /dev/null
@@ -1,233 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'cascade-select-float-label-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A floating label appears on top of the input field when focused. Visit <a routerLink="/floatlabel">FloatLabel</a> documentation for more information.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-floatLabel>
-                <p-cascadeSelect
-                    inputId="cs-city"
-                    [(ngModel)]="selectedCity"
-                    [options]="countries"
-                    optionLabel="cname"
-                    optionGroupLabel="name"
-                    [optionGroupChildren]="['states', 'cities']"
-                    [style]="{ minWidth: '14rem' }"
-                    placeholder="Select a City"
-                />
-                <label for="cs-city">City</label>
-            </p-floatLabel>
-        </div>
-        <app-code [code]="code" selector="cascade-select-float-label-demo"></app-code>
-    `
-})
-export class FloatLabelDoc {
-    countries: any[] | undefined;
-
-    selectedCity: any;
-
-    ngOnInit() {
-        this.countries = [
-            {
-                name: 'Australia',
-                code: 'AU',
-                states: [
-                    {
-                        name: 'New South Wales',
-                        cities: [
-                            { cname: 'Sydney', code: 'A-SY' },
-                            { cname: 'Newcastle', code: 'A-NE' },
-                            { cname: 'Wollongong', code: 'A-WO' }
-                        ]
-                    },
-                    {
-                        name: 'Queensland',
-                        cities: [
-                            { cname: 'Brisbane', code: 'A-BR' },
-                            { cname: 'Townsville', code: 'A-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'Canada',
-                code: 'CA',
-                states: [
-                    {
-                        name: 'Quebec',
-                        cities: [
-                            { cname: 'Montreal', code: 'C-MO' },
-                            { cname: 'Quebec City', code: 'C-QU' }
-                        ]
-                    },
-                    {
-                        name: 'Ontario',
-                        cities: [
-                            { cname: 'Ottawa', code: 'C-OT' },
-                            { cname: 'Toronto', code: 'C-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'United States',
-                code: 'US',
-                states: [
-                    {
-                        name: 'California',
-                        cities: [
-                            { cname: 'Los Angeles', code: 'US-LA' },
-                            { cname: 'San Diego', code: 'US-SD' },
-                            { cname: 'San Francisco', code: 'US-SF' }
-                        ]
-                    },
-                    {
-                        name: 'Florida',
-                        cities: [
-                            { cname: 'Jacksonville', code: 'US-JA' },
-                            { cname: 'Miami', code: 'US-MI' },
-                            { cname: 'Tampa', code: 'US-TA' },
-                            { cname: 'Orlando', code: 'US-OR' }
-                        ]
-                    },
-                    {
-                        name: 'Texas',
-                        cities: [
-                            { cname: 'Austin', code: 'US-AU' },
-                            { cname: 'Dallas', code: 'US-DA' },
-                            { cname: 'Houston', code: 'US-HO' }
-                        ]
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-floatLabel>
-    <p-cascadeSelect
-        inputId="cs-city"
-        [(ngModel)]="selectedCity"
-        [options]="countries"
-        optionLabel="cname"
-        optionGroupLabel="name"
-        [optionGroupChildren]="['states', 'cities']"
-        [style]="{ minWidth: '14rem' }"
-        placeholder="Select a City" />
-    <label for="cs-city">City</label>
-</p-floatLabel>`,
-
-        html: `<div class="card flex justify-center">
-    <p-floatLabel>
-        <p-cascadeSelect
-            inputId="cs-city"
-            [(ngModel)]="selectedCity"
-            [options]="countries"
-            optionLabel="cname"
-            optionGroupLabel="name"
-            [optionGroupChildren]="['states', 'cities']"
-            [style]="{ minWidth: '14rem' }"
-            placeholder="Select a City" />
-        <label for="cs-city">City</label>
-    </p-floatLabel>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CascadeSelectModule } from 'primeng/cascadeselect';
-import { FloatLabelModule } from 'primeng/floatlabel';
-
-@Component({
-    selector: 'cascade-select-float-label-demo',
-    templateUrl: './cascade-select-float-label-demo.html',
-    standalone: true,
-    imports: [FormsModule, CascadeSelectModule, FloatLabelModule]
-})
-export class CascadeSelectFloatLabelDemo implements OnInit {
-    countries: any[] | undefined;
-
-    selectedCity: any;
-    
-    ngOnInit() {
-        this.countries = [
-            {
-                name: 'Australia',
-                code: 'AU',
-                states: [
-                    {
-                        name: 'New South Wales',
-                        cities: [
-                            { cname: 'Sydney', code: 'A-SY' },
-                            { cname: 'Newcastle', code: 'A-NE' },
-                            { cname: 'Wollongong', code: 'A-WO' }
-                        ]
-                    },
-                    {
-                        name: 'Queensland',
-                        cities: [
-                            { cname: 'Brisbane', code: 'A-BR' },
-                            { cname: 'Townsville', code: 'A-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'Canada',
-                code: 'CA',
-                states: [
-                    {
-                        name: 'Quebec',
-                        cities: [
-                            { cname: 'Montreal', code: 'C-MO' },
-                            { cname: 'Quebec City', code: 'C-QU' }
-                        ]
-                    },
-                    {
-                        name: 'Ontario',
-                        cities: [
-                            { cname: 'Ottawa', code: 'C-OT' },
-                            { cname: 'Toronto', code: 'C-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'United States',
-                code: 'US',
-                states: [
-                    {
-                        name: 'California',
-                        cities: [
-                            { cname: 'Los Angeles', code: 'US-LA' },
-                            { cname: 'San Diego', code: 'US-SD' },
-                            { cname: 'San Francisco', code: 'US-SF' }
-                        ]
-                    },
-                    {
-                        name: 'Florida',
-                        cities: [
-                            { cname: 'Jacksonville', code: 'US-JA' },
-                            { cname: 'Miami', code: 'US-MI' },
-                            { cname: 'Tampa', code: 'US-TA' },
-                            { cname: 'Orlando', code: 'US-OR' }
-                        ]
-                    },
-                    {
-                        name: 'Texas',
-                        cities: [
-                            { cname: 'Austin', code: 'US-AU' },
-                            { cname: 'Dallas', code: 'US-DA' },
-                            { cname: 'Houston', code: 'US-HO' }
-                        ]
-                    }
-                ]
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/cascadeselect/importdoc.ts b/src/app/showcase/doc/cascadeselect/importdoc.ts
deleted file mode 100644
index e31eea8..0000000
--- a/src/app/showcase/doc/cascadeselect/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { CascadeSelectModule } from 'primeng/cascadeselect';`
-    };
-}
diff --git a/src/app/showcase/doc/cascadeselect/invaliddoc.ts b/src/app/showcase/doc/cascadeselect/invaliddoc.ts
deleted file mode 100644
index ac2b0d2..0000000
--- a/src/app/showcase/doc/cascadeselect/invaliddoc.ts
+++ /dev/null
@@ -1,223 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'cascade-select-invalid-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-dirty</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-cascadeSelect
-                class="ng-invalid ng-dirty"
-                [(ngModel)]="selectedCity"
-                [options]="countries"
-                optionLabel="cname"
-                optionGroupLabel="name"
-                [optionGroupChildren]="['states', 'cities']"
-                [style]="{ minWidth: '14rem' }"
-                placeholder="Select a City"
-            />
-        </div>
-        <app-code [code]="code" selector="cascade-select-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc {
-    countries: any[] | undefined;
-
-    selectedCity: any;
-
-    ngOnInit() {
-        this.countries = [
-            {
-                name: 'Australia',
-                code: 'AU',
-                states: [
-                    {
-                        name: 'New South Wales',
-                        cities: [
-                            { cname: 'Sydney', code: 'A-SY' },
-                            { cname: 'Newcastle', code: 'A-NE' },
-                            { cname: 'Wollongong', code: 'A-WO' }
-                        ]
-                    },
-                    {
-                        name: 'Queensland',
-                        cities: [
-                            { cname: 'Brisbane', code: 'A-BR' },
-                            { cname: 'Townsville', code: 'A-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'Canada',
-                code: 'CA',
-                states: [
-                    {
-                        name: 'Quebec',
-                        cities: [
-                            { cname: 'Montreal', code: 'C-MO' },
-                            { cname: 'Quebec City', code: 'C-QU' }
-                        ]
-                    },
-                    {
-                        name: 'Ontario',
-                        cities: [
-                            { cname: 'Ottawa', code: 'C-OT' },
-                            { cname: 'Toronto', code: 'C-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'United States',
-                code: 'US',
-                states: [
-                    {
-                        name: 'California',
-                        cities: [
-                            { cname: 'Los Angeles', code: 'US-LA' },
-                            { cname: 'San Diego', code: 'US-SD' },
-                            { cname: 'San Francisco', code: 'US-SF' }
-                        ]
-                    },
-                    {
-                        name: 'Florida',
-                        cities: [
-                            { cname: 'Jacksonville', code: 'US-JA' },
-                            { cname: 'Miami', code: 'US-MI' },
-                            { cname: 'Tampa', code: 'US-TA' },
-                            { cname: 'Orlando', code: 'US-OR' }
-                        ]
-                    },
-                    {
-                        name: 'Texas',
-                        cities: [
-                            { cname: 'Austin', code: 'US-AU' },
-                            { cname: 'Dallas', code: 'US-DA' },
-                            { cname: 'Houston', code: 'US-HO' }
-                        ]
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-cascadeSelect 
-    class="ng-invalid ng-dirty"
-    [(ngModel)]="selectedCity"
-    [options]="countries"
-    optionLabel="cname"
-    optionGroupLabel="name"
-    [optionGroupChildren]="['states', 'cities']"
-    [style]="{ minWidth: '14rem' }"
-    placeholder="Select a City" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-cascadeSelect
-        class="ng-invalid ng-dirty"
-        [(ngModel)]="selectedCity"
-        [options]="countries"
-        optionLabel="cname"
-        optionGroupLabel="name" 
-        [optionGroupChildren]="['states', 'cities']"
-        [style]="{ minWidth: '14rem' }" 
-        placeholder="Select a City" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CascadeSelectModule } from 'primeng/cascadeselect';
-
-@Component({
-    selector: 'cascade-select-invalid-demo',
-    templateUrl: './cascade-select-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, CascadeSelectModule]
-})
-export class CascadeSelectInvalidDemo implements OnInit {
-    countries: any[] | undefined;
-
-    selectedCity: any;
-    
-    ngOnInit() {
-        this.countries = [
-            {
-                name: 'Australia',
-                code: 'AU',
-                states: [
-                    {
-                        name: 'New South Wales',
-                        cities: [
-                            { cname: 'Sydney', code: 'A-SY' },
-                            { cname: 'Newcastle', code: 'A-NE' },
-                            { cname: 'Wollongong', code: 'A-WO' }
-                        ]
-                    },
-                    {
-                        name: 'Queensland',
-                        cities: [
-                            { cname: 'Brisbane', code: 'A-BR' },
-                            { cname: 'Townsville', code: 'A-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'Canada',
-                code: 'CA',
-                states: [
-                    {
-                        name: 'Quebec',
-                        cities: [
-                            { cname: 'Montreal', code: 'C-MO' },
-                            { cname: 'Quebec City', code: 'C-QU' }
-                        ]
-                    },
-                    {
-                        name: 'Ontario',
-                        cities: [
-                            { cname: 'Ottawa', code: 'C-OT' },
-                            { cname: 'Toronto', code: 'C-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'United States',
-                code: 'US',
-                states: [
-                    {
-                        name: 'California',
-                        cities: [
-                            { cname: 'Los Angeles', code: 'US-LA' },
-                            { cname: 'San Diego', code: 'US-SD' },
-                            { cname: 'San Francisco', code: 'US-SF' }
-                        ]
-                    },
-                    {
-                        name: 'Florida',
-                        cities: [
-                            { cname: 'Jacksonville', code: 'US-JA' },
-                            { cname: 'Miami', code: 'US-MI' },
-                            { cname: 'Tampa', code: 'US-TA' },
-                            { cname: 'Orlando', code: 'US-OR' }
-                        ]
-                    },
-                    {
-                        name: 'Texas',
-                        cities: [
-                            { cname: 'Austin', code: 'US-AU' },
-                            { cname: 'Dallas', code: 'US-DA' },
-                            { cname: 'Houston', code: 'US-HO' }
-                        ]
-                    }
-                ]
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/cascadeselect/loadingdoc.ts b/src/app/showcase/doc/cascadeselect/loadingdoc.ts
deleted file mode 100644
index b7b5e6e..0000000
--- a/src/app/showcase/doc/cascadeselect/loadingdoc.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'cascade-select-loading-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Loading state can be used <i>loading</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-cascadeSelect [loading]="true" [style]="{ minWidth: '14rem' }" placeholder="Loading..." />
-        </div>
-        <app-code [code]="code" selector="cascade-select-loading-demo"></app-code>
-    `
-})
-export class LoadingDoc {
-    code: Code = {
-        basic: `<p-cascadeSelect 
-    [loading]="true" 
-    [style]="{ minWidth: '14rem' }"
-    placeholder="Loading..." />`,
-
-        html: `<div class="card flex justify-center">
-    <p-cascadeSelect 
-        [loading]="true"
-        [style]="{ minWidth: '14rem' }" 
-        placeholder="Loading..." />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CascadeSelectModule } from 'primeng/cascadeselect';
-
-@Component({
-    selector: 'cascade-select-loading-demo',
-    templateUrl: './cascade-select-loading-demo.html',
-    standalone: true,
-    imports: [FormsModule, CascadeSelectModule]
-})
-export class CascadeSelectLoadingDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/cascadeselect/reactiveformsdoc.ts b/src/app/showcase/doc/cascadeselect/reactiveformsdoc.ts
deleted file mode 100644
index 7c9ce7c..0000000
--- a/src/app/showcase/doc/cascadeselect/reactiveformsdoc.ts
+++ /dev/null
@@ -1,231 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>CascadeSelect can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <p-cascadeSelect formControlName="selectedCity" [options]="countries" optionLabel="cname" optionGroupLabel="name" [optionGroupChildren]="['states', 'cities']" [style]="{ minWidth: '14rem' }" placeholder="Select a City" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="cascade-select-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    countries: any[] | undefined;
-
-    selectedCity: any;
-
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            selectedCity: new FormControl<object | null>(null)
-        });
-
-        this.countries = [
-            {
-                name: 'Australia',
-                code: 'AU',
-                states: [
-                    {
-                        name: 'New South Wales',
-                        cities: [
-                            { cname: 'Sydney', code: 'A-SY' },
-                            { cname: 'Newcastle', code: 'A-NE' },
-                            { cname: 'Wollongong', code: 'A-WO' }
-                        ]
-                    },
-                    {
-                        name: 'Queensland',
-                        cities: [
-                            { cname: 'Brisbane', code: 'A-BR' },
-                            { cname: 'Townsville', code: 'A-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'Canada',
-                code: 'CA',
-                states: [
-                    {
-                        name: 'Quebec',
-                        cities: [
-                            { cname: 'Montreal', code: 'C-MO' },
-                            { cname: 'Quebec City', code: 'C-QU' }
-                        ]
-                    },
-                    {
-                        name: 'Ontario',
-                        cities: [
-                            { cname: 'Ottawa', code: 'C-OT' },
-                            { cname: 'Toronto', code: 'C-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'United States',
-                code: 'US',
-                states: [
-                    {
-                        name: 'California',
-                        cities: [
-                            { cname: 'Los Angeles', code: 'US-LA' },
-                            { cname: 'San Diego', code: 'US-SD' },
-                            { cname: 'San Francisco', code: 'US-SF' }
-                        ]
-                    },
-                    {
-                        name: 'Florida',
-                        cities: [
-                            { cname: 'Jacksonville', code: 'US-JA' },
-                            { cname: 'Miami', code: 'US-MI' },
-                            { cname: 'Tampa', code: 'US-TA' },
-                            { cname: 'Orlando', code: 'US-OR' }
-                        ]
-                    },
-                    {
-                        name: 'Texas',
-                        cities: [
-                            { cname: 'Austin', code: 'US-AU' },
-                            { cname: 'Dallas', code: 'US-DA' },
-                            { cname: 'Houston', code: 'US-HO' }
-                        ]
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <p-cascadeSelect 
-        formControlName="selectedCity" 
-        [options]="countries" 
-        optionLabel="cname" 
-        optionGroupLabel="name" 
-        [optionGroupChildren]="['states', 'cities']" 
-        [style]="{ minWidth: '14rem' }"
-        placeholder="Select a City" />
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup">
-        <p-cascadeSelect 
-            formControlName="selectedCity"
-            [options]="countries"
-            optionLabel="cname"
-            optionGroupLabel="name" 
-            [optionGroupChildren]="['states', 'cities']"
-            [style]="{ minWidth: '14rem' }" 
-            placeholder="Select a City" />
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { CascadeSelectModule } from 'primeng/cascadeselect';
-
-@Component({
-    selector: 'cascade-select-reactive-forms-demo',
-    templateUrl: './cascade-select-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, CascadeSelectModule]
-})
-export class CascadeSelectReactiveFormsDemo implements OnInit {
-    countries: any[] | undefined;
-
-    selectedCity: any;
-
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            selectedCity: new FormControl<object | null>(null)
-        });
-
-        this.countries = [
-            {
-                name: 'Australia',
-                code: 'AU',
-                states: [
-                    {
-                        name: 'New South Wales',
-                        cities: [
-                            { cname: 'Sydney', code: 'A-SY' },
-                            { cname: 'Newcastle', code: 'A-NE' },
-                            { cname: 'Wollongong', code: 'A-WO' }
-                        ]
-                    },
-                    {
-                        name: 'Queensland',
-                        cities: [
-                            { cname: 'Brisbane', code: 'A-BR' },
-                            { cname: 'Townsville', code: 'A-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'Canada',
-                code: 'CA',
-                states: [
-                    {
-                        name: 'Quebec',
-                        cities: [
-                            { cname: 'Montreal', code: 'C-MO' },
-                            { cname: 'Quebec City', code: 'C-QU' }
-                        ]
-                    },
-                    {
-                        name: 'Ontario',
-                        cities: [
-                            { cname: 'Ottawa', code: 'C-OT' },
-                            { cname: 'Toronto', code: 'C-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'United States',
-                code: 'US',
-                states: [
-                    {
-                        name: 'California',
-                        cities: [
-                            { cname: 'Los Angeles', code: 'US-LA' },
-                            { cname: 'San Diego', code: 'US-SD' },
-                            { cname: 'San Francisco', code: 'US-SF' }
-                        ]
-                    },
-                    {
-                        name: 'Florida',
-                        cities: [
-                            { cname: 'Jacksonville', code: 'US-JA' },
-                            { cname: 'Miami', code: 'US-MI' },
-                            { cname: 'Tampa', code: 'US-TA' },
-                            { cname: 'Orlando', code: 'US-OR' }
-                        ]
-                    },
-                    {
-                        name: 'Texas',
-                        cities: [
-                            { cname: 'Austin', code: 'US-AU' },
-                            { cname: 'Dallas', code: 'US-DA' },
-                            { cname: 'Houston', code: 'US-HO' }
-                        ]
-                    }
-                ]
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/cascadeselect/styledoc.ts b/src/app/showcase/doc/cascadeselect/styledoc.ts
deleted file mode 100644
index 0b1fd45..0000000
--- a/src/app/showcase/doc/cascadeselect/styledoc.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Name</th>
-                            <th>Element</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td>p-cascadeselect</td>
-                            <td>Container element.</td>
-                        </tr>
-                        <tr>
-                            <td>p-cascadeselect-label</td>
-                            <td>Element to display label of selected option.</td>
-                        </tr>
-                        <tr>
-                            <td>p-cascadeselect-trigger</td>
-                            <td>Icon element.</td>
-                        </tr>
-                        <tr>
-                            <td>p-cascadeselect-panel</td>
-                            <td>Icon element.</td>
-                        </tr>
-                        <tr>
-                            <td>p-cascadeselect-items-wrapper</td>
-                            <td>Wrapper element of items list.</td>
-                        </tr>
-                        <tr>
-                            <td>p-cascadeselect-items</td>
-                            <td>List element of items.</td>
-                        </tr>
-                        <tr>
-                            <td>p-cascadeselect-item</td>
-                            <td>An item in the list.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/cascadeselect/templatedoc.ts b/src/app/showcase/doc/cascadeselect/templatedoc.ts
deleted file mode 100644
index 8445886..0000000
--- a/src/app/showcase/doc/cascadeselect/templatedoc.ts
+++ /dev/null
@@ -1,248 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'cascade-select-template-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                CascadeSelect is used as a controlled component with <i>ngModel</i> property along with an <i>options</i> collection. To define the label of a group <i>optionGroupLabel</i> property is needed and also <i>optionGroupChildren</i> is
-                required to define the property that refers to the children of a group. Note that order of the <i>optionGroupChildren</i> matters as it should correspond to the data hierarchy.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-cascadeSelect [(ngModel)]="selectedCity" [options]="countries" optionLabel="cname" optionGroupLabel="name" [optionGroupChildren]="['states', 'cities']" [style]="{ minWidth: '14rem' }" placeholder="Select a City">
-                <ng-template pTemplate="option" let-option>
-                    <div class="flex items-center gap-2">
-                        <img *ngIf="option.states" src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + option.code.toLowerCase()" />
-                        <i class="pi pi-compass mr-2" *ngIf="option.cities"></i>
-                        <i class="pi pi-map-marker mr-2" *ngIf="option.cname"></i>
-                        <span>{{ option.cname || option.name }}</span>
-                    </div>
-                </ng-template>
-            </p-cascadeSelect>
-        </div>
-        <app-code [code]="code" selector="cascade-select-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    countries: any[] | undefined;
-
-    selectedCity: any;
-
-    ngOnInit() {
-        this.countries = [
-            {
-                name: 'Australia',
-                code: 'AU',
-                states: [
-                    {
-                        name: 'New South Wales',
-                        cities: [
-                            { cname: 'Sydney', code: 'A-SY' },
-                            { cname: 'Newcastle', code: 'A-NE' },
-                            { cname: 'Wollongong', code: 'A-WO' }
-                        ]
-                    },
-                    {
-                        name: 'Queensland',
-                        cities: [
-                            { cname: 'Brisbane', code: 'A-BR' },
-                            { cname: 'Townsville', code: 'A-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'Canada',
-                code: 'CA',
-                states: [
-                    {
-                        name: 'Quebec',
-                        cities: [
-                            { cname: 'Montreal', code: 'C-MO' },
-                            { cname: 'Quebec City', code: 'C-QU' }
-                        ]
-                    },
-                    {
-                        name: 'Ontario',
-                        cities: [
-                            { cname: 'Ottawa', code: 'C-OT' },
-                            { cname: 'Toronto', code: 'C-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'United States',
-                code: 'US',
-                states: [
-                    {
-                        name: 'California',
-                        cities: [
-                            { cname: 'Los Angeles', code: 'US-LA' },
-                            { cname: 'San Diego', code: 'US-SD' },
-                            { cname: 'San Francisco', code: 'US-SF' }
-                        ]
-                    },
-                    {
-                        name: 'Florida',
-                        cities: [
-                            { cname: 'Jacksonville', code: 'US-JA' },
-                            { cname: 'Miami', code: 'US-MI' },
-                            { cname: 'Tampa', code: 'US-TA' },
-                            { cname: 'Orlando', code: 'US-OR' }
-                        ]
-                    },
-                    {
-                        name: 'Texas',
-                        cities: [
-                            { cname: 'Austin', code: 'US-AU' },
-                            { cname: 'Dallas', code: 'US-DA' },
-                            { cname: 'Houston', code: 'US-HO' }
-                        ]
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-cascadeSelect 
-    [(ngModel)]="selectedCity" 
-    [options]="countries"
-    optionLabel="cname"
-    optionGroupLabel="name"
-    [optionGroupChildren]="['states', 'cities']"
-    [style]="{ minWidth: '14rem' }" 
-    placeholder="Select a City">
-    <ng-template pTemplate="option" let-option>
-        <div class="flex items-center gap-2">
-            <img 
-                src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                *ngIf="option.states" 
-                [class]="'flag flag-' + option.code.toLowerCase()"/>
-            <i class="pi pi-compass mr-2" *ngIf="option.cities"></i>
-            <i class="pi pi-map-marker mr-2" *ngIf="option.cname"></i>
-            <span>{{ option.cname || option.name }}</span>
-        </div>
-    </ng-template>
-</p-cascadeSelect>`,
-
-        html: `<div class="card flex justify-center">
-    <p-cascadeSelect 
-        [(ngModel)]="selectedCity" 
-        [options]="countries"
-        optionLabel="cname" 
-        optionGroupLabel="name"
-        [optionGroupChildren]="['states', 'cities']"
-        [style]="{ minWidth: '14rem' }"
-        placeholder="Select a City">
-            <ng-template pTemplate="option" let-option>
-                <div class="flex items-center gap-2">
-                    <img 
-                        src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                        *ngIf="option.states"
-                        [class]="'flag flag-' + option.code.toLowerCase()"/>
-                    <i class="pi pi-compass mr-2" *ngIf="option.cities"></i>
-                    <i class="pi pi-map-marker mr-2" *ngIf="option.cname"></i>
-                    <span>{{ option.cname || option.name }}</span>
-                </div>
-            </ng-template>
-    </p-cascadeSelect>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CascadeSelectModule } from 'primeng/cascadeselect';
-
-@Component({
-    selector: 'cascade-select-template-demo',
-    templateUrl: './cascade-select-template-demo.html',
-    standalone: true,
-    imports: [FormsModule, CascadeSelectModule]
-})
-export class CascadeSelectTemplateDemo implements OnInit {
-    countries: any[] | undefined;
-
-    selectedCity: any;
-    
-    ngOnInit() {
-        this.countries = [
-            {
-                name: 'Australia',
-                code: 'AU',
-                states: [
-                    {
-                        name: 'New South Wales',
-                        cities: [
-                            { cname: 'Sydney', code: 'A-SY' },
-                            { cname: 'Newcastle', code: 'A-NE' },
-                            { cname: 'Wollongong', code: 'A-WO' }
-                        ]
-                    },
-                    {
-                        name: 'Queensland',
-                        cities: [
-                            { cname: 'Brisbane', code: 'A-BR' },
-                            { cname: 'Townsville', code: 'A-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'Canada',
-                code: 'CA',
-                states: [
-                    {
-                        name: 'Quebec',
-                        cities: [
-                            { cname: 'Montreal', code: 'C-MO' },
-                            { cname: 'Quebec City', code: 'C-QU' }
-                        ]
-                    },
-                    {
-                        name: 'Ontario',
-                        cities: [
-                            { cname: 'Ottawa', code: 'C-OT' },
-                            { cname: 'Toronto', code: 'C-TO' }
-                        ]
-                    }
-                ]
-            },
-            {
-                name: 'United States',
-                code: 'US',
-                states: [
-                    {
-                        name: 'California',
-                        cities: [
-                            { cname: 'Los Angeles', code: 'US-LA' },
-                            { cname: 'San Diego', code: 'US-SD' },
-                            { cname: 'San Francisco', code: 'US-SF' }
-                        ]
-                    },
-                    {
-                        name: 'Florida',
-                        cities: [
-                            { cname: 'Jacksonville', code: 'US-JA' },
-                            { cname: 'Miami', code: 'US-MI' },
-                            { cname: 'Tampa', code: 'US-TA' },
-                            { cname: 'Orlando', code: 'US-OR' }
-                        ]
-                    },
-                    {
-                        name: 'Texas',
-                        cities: [
-                            { cname: 'Austin', code: 'US-AU' },
-                            { cname: 'Dallas', code: 'US-DA' },
-                            { cname: 'Houston', code: 'US-HO' }
-                        ]
-                    }
-                ]
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chart/accessibilitydoc.ts b/src/app/showcase/doc/chart/accessibilitydoc.ts
deleted file mode 100644
index cbef3ab..0000000
--- a/src/app/showcase/doc/chart/accessibilitydoc.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <div class="doc-section-description">
-                <h3>Screen Reader</h3>
-                <p>
-                    Chart components internally use <i>canvas</i> element, refer to the <a class="text-primary font-medium hover:underline" href="https://www.chartjs.org/docs/latest/general/accessibility.html">Chart.js accessibility</a> guide for
-                    more information. The canvas element can be customized with <i>canvasProps</i> property to define aria roles and properties, in addition any content inside the component is directly passed as a child of the canvas to be able to
-                    provide fallback content like a table.
-                </p>
-            </div>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        html: `<p-chart type="line" [data]="data" ariaLabbel="Data" />`
-    };
-}
diff --git a/src/app/showcase/doc/chart/basicdoc.ts b/src/app/showcase/doc/chart/basicdoc.ts
deleted file mode 100644
index 597e15b..0000000
--- a/src/app/showcase/doc/chart/basicdoc.ts
+++ /dev/null
@@ -1,170 +0,0 @@
-import { isPlatformBrowser } from '@angular/common';
-import { ChangeDetectorRef, Component, Inject, OnInit, PLATFORM_ID } from '@angular/core';
-import { Code } from '@domain/code';
-import { AppConfigService } from '@service/appconfigservice';
-import { Subscription, debounceTime } from 'rxjs';
-
-@Component({
-    selector: 'chart-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                A chart is configured with 3 properties; <i>type</i>, <i>data</i> and <i>options</i>. Chart type is defined using the <i>type</i> property that accepts <i>pie</i>, <i>doughtnut</i>, <i>line</i>, <i>bar</i>, <i>radar</i> and
-                <i>polarArea</i> as a value. The <i>data</i> defines datasets represented with the chart and the <i>options</i> provide numerous customization options to customize the presentation.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-chart type="bar" [data]="basicData" [options]="basicOptions" />
-        </div>
-        <app-code [code]="code" selector="chart-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    basicData: any;
-
-    basicOptions: any;
-
-    subscription!: Subscription;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private configService: AppConfigService,
-        private cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.configService.configUpdate$.pipe(debounceTime(25)).subscribe((config) => {
-            this.initChart();
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnInit() {
-        this.initChart();
-    }
-
-    initChart() {
-        if (isPlatformBrowser(this.platformId)) {
-            const documentStyle = getComputedStyle(document.documentElement);
-            const textColor = documentStyle.getPropertyValue('--text-color');
-            const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-            const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-
-            this.basicData = {
-                labels: ['Q1', 'Q2', 'Q3', 'Q4'],
-                datasets: [
-                    {
-                        label: 'Sales',
-                        data: [540, 325, 702, 620],
-                        backgroundColor: ['rgba(255, 159, 64, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(153, 102, 255, 0.2)'],
-                        borderColor: ['rgb(255, 159, 64)', 'rgb(75, 192, 192)', 'rgb(54, 162, 235)', 'rgb(153, 102, 255)'],
-                        borderWidth: 1
-                    }
-                ]
-            };
-
-            this.basicOptions = {
-                plugins: {
-                    legend: {
-                        labels: {
-                            fontColor: textColor
-                        }
-                    }
-                },
-                scales: {
-                    x: {
-                        ticks: {
-                            color: textColorSecondary,
-                            font: {
-                                weight: 500
-                            }
-                        },
-                        grid: {
-                            display: false,
-                            drawBorder: false
-                        }
-                    },
-                    y: {
-                        ticks: {
-                            color: textColorSecondary
-                        },
-                        grid: {
-                            color: surfaceBorder,
-                            drawBorder: false
-                        }
-                    }
-                }
-            };
-        }
-    }
-
-    code: Code = {
-        basic: `<p-chart type="bar" [data]="basicData" [options]="basicOptions" />`,
-        html: `<div class="card">
-    <p-chart type="bar" [data]="basicData" [options]="basicOptions" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ChartModule } from 'primeng/chart';
-
-@Component({
-    selector: 'chart-basic-demo',
-    templateUrl: './chart-basic-demo.html',
-    standalone: true,
-    imports: [ChartModule]
-})
-export class ChartBasicDemo implements OnInit {
-    basicData: any;
-
-    basicOptions: any;
-
-    ngOnInit() {
-        const documentStyle = getComputedStyle(document.documentElement);
-        const textColor = documentStyle.getPropertyValue('--text-color');
-        const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-        const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-
-        this.basicData = {
-            labels: ['Q1', 'Q2', 'Q3', 'Q4'],
-            datasets: [
-                {
-                    label: 'Sales',
-                    data: [540, 325, 702, 620],
-                    backgroundColor: ['rgba(255, 159, 64, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(153, 102, 255, 0.2)'],
-                    borderColor: ['rgb(255, 159, 64)', 'rgb(75, 192, 192)', 'rgb(54, 162, 235)', 'rgb(153, 102, 255)'],
-                    borderWidth: 1
-                }
-            ]
-        };
-
-        this.basicOptions = {
-            plugins: {
-                legend: {
-                    labels: {
-                        color: textColor
-                    }
-                }
-            },
-            scales: {
-                y: {
-                    beginAtZero: true,
-                    ticks: {
-                        color: textColorSecondary
-                    },
-                    grid: {
-                        color: surfaceBorder,
-                        drawBorder: false
-                    }
-                },
-                x: {
-                    ticks: {
-                        color: textColorSecondary
-                    },
-                    grid: {
-                        color: surfaceBorder,
-                        drawBorder: false
-                    }
-                }
-            }
-        };
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chart/chartdoc.module.ts b/src/app/showcase/doc/chart/chartdoc.module.ts
deleted file mode 100644
index ab06e81..0000000
--- a/src/app/showcase/doc/chart/chartdoc.module.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ChartModule } from 'primeng/chart';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { ChartjsDoc } from './chartjsdoc';
-import { ComboDoc } from './combodoc';
-import { DoughnutDoc } from './doughnutdoc';
-import { HorizontalBarDoc } from './horizontalbardoc';
-import { ImportDoc } from './importdoc';
-import { LineDoc } from './linedoc';
-import { LineStyleDoc } from './linestyledoc';
-import { MethodsDoc } from './methodsdoc';
-import { MultiAxisDoc } from './multiaxisdoc';
-import { PieDoc } from './piedoc';
-import { PolarAreaDoc } from './polarareadoc';
-import { PropsDoc } from './propsdoc';
-import { RadarDoc } from './radardoc';
-import { StackedBarDoc } from './stackedbardoc';
-import { VerticalBarDoc } from './verticalbardoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, ChartModule, AppDocModule],
-    declarations: [BasicDoc, ChartjsDoc, ComboDoc, DoughnutDoc, HorizontalBarDoc, ImportDoc, LineDoc, LineStyleDoc, MethodsDoc, MultiAxisDoc, PieDoc, PolarAreaDoc, PropsDoc, RadarDoc, StackedBarDoc, VerticalBarDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class ChartDocModule {}
diff --git a/src/app/showcase/doc/chart/chartjsdoc.ts b/src/app/showcase/doc/chart/chartjsdoc.ts
deleted file mode 100644
index 41832e3..0000000
--- a/src/app/showcase/doc/chart/chartjsdoc.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'chartjs-doc',
-    template: `
-        <app-docsectiontext>
-            <p>To begin with, first you must install the charts.js package using npm and then include it in your project. An example with CLI would be;</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class ChartjsDoc {
-    code: Code = {
-        typescript: `
-npm install chart.js --save
-`
-    };
-}
diff --git a/src/app/showcase/doc/chart/combodoc.ts b/src/app/showcase/doc/chart/combodoc.ts
deleted file mode 100644
index c58d299..0000000
--- a/src/app/showcase/doc/chart/combodoc.ts
+++ /dev/null
@@ -1,194 +0,0 @@
-import { isPlatformBrowser } from '@angular/common';
-import { Component, Inject, OnInit, PLATFORM_ID, ChangeDetectorRef } from '@angular/core';
-import { Code } from '@domain/code';
-import { Subscription, debounceTime } from 'rxjs';
-import { AppConfigService } from '@service/appconfigservice';
-@Component({
-    selector: 'chart-combo-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Different chart types can be combined in the same graph using the <i>type</i> option of a dataset.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-chart type="line" [data]="data" [options]="options" />
-        </div>
-        <app-code [code]="code" selector="chart-combo-demo"></app-code>
-    `
-})
-export class ComboDoc implements OnInit {
-    data: any;
-
-    options: any;
-
-    subscription!: Subscription;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private configService: AppConfigService,
-        private cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.configService.configUpdate$.pipe(debounceTime(25)).subscribe((config) => {
-            this.initChart();
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnInit() {
-        this.initChart();
-    }
-
-    initChart() {
-        if (isPlatformBrowser(this.platformId)) {
-            const documentStyle = getComputedStyle(document.documentElement);
-            const textColor = documentStyle.getPropertyValue('--text-color');
-            const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-            const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-
-            this.data = {
-                labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-                datasets: [
-                    {
-                        type: 'line',
-                        label: 'Dataset 1',
-                        borderColor: documentStyle.getPropertyValue('--blue-500'),
-                        borderWidth: 2,
-                        fill: false,
-                        tension: 0.4,
-                        data: [50, 25, 12, 48, 56, 76, 42]
-                    },
-                    {
-                        type: 'bar',
-                        label: 'Dataset 2',
-                        backgroundColor: documentStyle.getPropertyValue('--green-500'),
-                        data: [21, 84, 24, 75, 37, 65, 34],
-                        borderColor: 'white',
-                        borderWidth: 2
-                    },
-                    {
-                        type: 'bar',
-                        label: 'Dataset 3',
-                        backgroundColor: documentStyle.getPropertyValue('--orange-500'),
-                        data: [41, 52, 24, 74, 23, 21, 32]
-                    }
-                ]
-            };
-
-            this.options = {
-                maintainAspectRatio: false,
-                aspectRatio: 0.6,
-                plugins: {
-                    legend: {
-                        labels: {
-                            color: textColor
-                        }
-                    }
-                },
-                scales: {
-                    x: {
-                        ticks: {
-                            color: textColorSecondary
-                        },
-                        grid: {
-                            color: surfaceBorder
-                        }
-                    },
-                    y: {
-                        ticks: {
-                            color: textColorSecondary
-                        },
-                        grid: {
-                            color: surfaceBorder
-                        }
-                    }
-                }
-            };
-        }
-    }
-
-    code: Code = {
-        basic: `<p-chart type="line" [data]="data" [options]="options" />`,
-        html: `<div class="card">
-    <p-chart type="line" [data]="data" [options]="options" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ChartModule } from 'primeng/chart';
-
-@Component({
-    selector: 'chart-combo-demo',
-    templateUrl: './chart-combo-demo.html',
-    standalone: true,
-    imports: [ChartModule]
-})
-export class ChartComboDemo implements OnInit {
-    data: any;
-
-    options: any;
-
-    ngOnInit() {
-        const documentStyle = getComputedStyle(document.documentElement);
-        const textColor = documentStyle.getPropertyValue('--text-color');
-        const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-        const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-        
-        this.data = {
-            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-            datasets: [
-                {
-                    type: 'line',
-                    label: 'Dataset 1',
-                    borderColor: documentStyle.getPropertyValue('--blue-500'),
-                    borderWidth: 2,
-                    fill: false,
-                    tension: 0.4,
-                    data: [50, 25, 12, 48, 56, 76, 42]
-                },
-                {
-                    type: 'bar',
-                    label: 'Dataset 2',
-                    backgroundColor: documentStyle.getPropertyValue('--green-500'),
-                    data: [21, 84, 24, 75, 37, 65, 34],
-                    borderColor: 'white',
-                    borderWidth: 2
-                },
-                {
-                    type: 'bar',
-                    label: 'Dataset 3',
-                    backgroundColor: documentStyle.getPropertyValue('--orange-500'),
-                    data: [41, 52, 24, 74, 23, 21, 32]
-                }
-            ]
-        };
-        
-        this.options = {
-            maintainAspectRatio: false,
-            aspectRatio: 0.6,
-            plugins: {
-                legend: {
-                    labels: {
-                        color: textColor
-                    }
-                }
-            },
-            scales: {
-                x: {
-                    ticks: {
-                        color: textColorSecondary
-                    },
-                    grid: {
-                        color: surfaceBorder
-                    }
-                },
-                y: {
-                    ticks: {
-                        color: textColorSecondary
-                    },
-                    grid: {
-                        color: surfaceBorder
-                    }
-                }
-            }
-        };
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chart/doughnutdoc.ts b/src/app/showcase/doc/chart/doughnutdoc.ts
deleted file mode 100644
index c490a37..0000000
--- a/src/app/showcase/doc/chart/doughnutdoc.ts
+++ /dev/null
@@ -1,116 +0,0 @@
-import { isPlatformBrowser } from '@angular/common';
-import { Component, Inject, OnInit, PLATFORM_ID, ChangeDetectorRef } from '@angular/core';
-import { Code } from '@domain/code';
-import { Subscription, debounceTime } from 'rxjs';
-import { AppConfigService } from '@service/appconfigservice';
-@Component({
-    selector: 'chart-doughnut-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A doughnut chart is a variant of the pie chart, with a blank center allowing for additional information about the data as a whole to be included.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-chart type="doughnut" [data]="data" [options]="options" />
-        </div>
-        <app-code [code]="code" selector="chart-doughnut-demo"></app-code>
-    `
-})
-export class DoughnutDoc implements OnInit {
-    data: any;
-
-    options: any;
-
-    subscription!: Subscription;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private configService: AppConfigService,
-        private cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.configService.configUpdate$.pipe(debounceTime(25)).subscribe((config) => {
-            this.initChart();
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnInit() {
-        this.initChart();
-    }
-
-    initChart() {
-        if (isPlatformBrowser(this.platformId)) {
-            const documentStyle = getComputedStyle(document.documentElement);
-            const textColor = documentStyle.getPropertyValue('--text-color');
-
-            this.data = {
-                labels: ['A', 'B', 'C'],
-                datasets: [
-                    {
-                        data: [300, 50, 100],
-                        backgroundColor: [documentStyle.getPropertyValue('--blue-500'), documentStyle.getPropertyValue('--yellow-500'), documentStyle.getPropertyValue('--green-500')],
-                        hoverBackgroundColor: [documentStyle.getPropertyValue('--blue-400'), documentStyle.getPropertyValue('--yellow-400'), documentStyle.getPropertyValue('--green-400')]
-                    }
-                ]
-            };
-
-            this.options = {
-                cutout: '60%',
-                plugins: {
-                    legend: {
-                        labels: {
-                            color: textColor
-                        }
-                    }
-                }
-            };
-        }
-    }
-    code: Code = {
-        basic: `<p-chart type="doughnut" [data]="data" [options]="options" />`,
-        html: `<div class="card flex justify-center">
-    <p-chart type="doughnut" [data]="data" [options]="options" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ChartModule } from 'primeng/chart';
-
-@Component({
-    selector: 'chart-doughnut-demo',
-    templateUrl: './chart-doughnut-demo.html',
-    standalone: true,
-    imports: [ChartModule]
-})
-export class ChartDoughnutDemo implements OnInit {
-    data: any;
-
-    options: any;
-
-    ngOnInit() {
-        const documentStyle = getComputedStyle(document.documentElement);
-        const textColor = documentStyle.getPropertyValue('--text-color');
-
-        this.data = {
-            labels: ['A', 'B', 'C'],
-            datasets: [
-                {
-                    data: [300, 50, 100],
-                    backgroundColor: [documentStyle.getPropertyValue('--blue-500'), documentStyle.getPropertyValue('--yellow-500'), documentStyle.getPropertyValue('--green-500')],
-                    hoverBackgroundColor: [documentStyle.getPropertyValue('--blue-400'), documentStyle.getPropertyValue('--yellow-400'), documentStyle.getPropertyValue('--green-400')]
-                }
-            ]
-        };
-
-
-        this.options = {
-            cutout: '60%',
-            plugins: {
-                legend: {
-                    labels: {
-                        color: textColor
-                    }
-                }
-            }
-        };
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chart/horizontalbardoc.ts b/src/app/showcase/doc/chart/horizontalbardoc.ts
deleted file mode 100644
index c3ae8cc..0000000
--- a/src/app/showcase/doc/chart/horizontalbardoc.ts
+++ /dev/null
@@ -1,184 +0,0 @@
-import { isPlatformBrowser } from '@angular/common';
-import { Component, Inject, OnInit, PLATFORM_ID, ChangeDetectorRef } from '@angular/core';
-import { Code } from '@domain/code';
-import { Subscription, debounceTime } from 'rxjs';
-import { AppConfigService } from '@service/appconfigservice';
-@Component({
-    selector: 'chart-horizontal-bar-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A bar chart is rendered horizontally when <i>indexAxis</i> option is set as <i>y</i>.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-chart type="bar" [data]="data" [options]="options" />
-        </div>
-        <app-code [code]="code" selector="chart-horizontal-bar-demo"></app-code>
-    `
-})
-export class HorizontalBarDoc implements OnInit {
-    data: any;
-
-    options: any;
-
-    subscription!: Subscription;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private configService: AppConfigService,
-        private cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.configService.configUpdate$.pipe(debounceTime(25)).subscribe((config) => {
-            this.initChart();
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnInit() {
-        this.initChart();
-    }
-
-    initChart() {
-        if (isPlatformBrowser(this.platformId)) {
-            const documentStyle = getComputedStyle(document.documentElement);
-            const textColor = documentStyle.getPropertyValue('--text-color');
-            const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-            const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-
-            this.data = {
-                labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-                datasets: [
-                    {
-                        label: 'My First dataset',
-                        backgroundColor: documentStyle.getPropertyValue('--blue-500'),
-                        borderColor: documentStyle.getPropertyValue('--blue-500'),
-                        data: [65, 59, 80, 81, 56, 55, 40]
-                    },
-                    {
-                        label: 'My Second dataset',
-                        backgroundColor: documentStyle.getPropertyValue('--pink-500'),
-                        borderColor: documentStyle.getPropertyValue('--pink-500'),
-                        data: [28, 48, 40, 19, 86, 27, 90]
-                    }
-                ]
-            };
-
-            this.options = {
-                indexAxis: 'y',
-                maintainAspectRatio: false,
-                aspectRatio: 0.8,
-                plugins: {
-                    legend: {
-                        labels: {
-                            color: textColor
-                        }
-                    }
-                },
-                scales: {
-                    x: {
-                        ticks: {
-                            color: textColorSecondary,
-                            font: {
-                                weight: 500
-                            }
-                        },
-                        grid: {
-                            color: surfaceBorder,
-                            drawBorder: false
-                        }
-                    },
-                    y: {
-                        ticks: {
-                            color: textColorSecondary
-                        },
-                        grid: {
-                            color: surfaceBorder,
-                            drawBorder: false
-                        }
-                    }
-                }
-            };
-        }
-    }
-
-    code: Code = {
-        basic: `<p-chart type="bar" [data]="data" [options]="options" />`,
-        html: `<div class="card">
-    <p-chart type="bar" [data]="data" [options]="options" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ChartModule } from 'primeng/chart';
-
-@Component({
-    selector: 'chart-horizontal-bar-demo',
-    templateUrl: './chart-horizontal-bar-demo.html',
-    standalone: true,
-    imports: [ChartModule]
-})
-export class ChartHorizontalBarDemo implements OnInit {
-    data: any;
-
-    options: any;
-
-    ngOnInit() {
-        const documentStyle = getComputedStyle(document.documentElement);
-        const textColor = documentStyle.getPropertyValue('--text-color');
-        const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-        const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-
-        this.data = {
-            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-            datasets: [
-                {
-                    label: 'My First dataset',
-                    backgroundColor: documentStyle.getPropertyValue('--blue-500'),
-                    borderColor: documentStyle.getPropertyValue('--blue-500'),
-                    data: [65, 59, 80, 81, 56, 55, 40]
-                },
-                {
-                    label: 'My Second dataset',
-                    backgroundColor: documentStyle.getPropertyValue('--pink-500'),
-                    borderColor: documentStyle.getPropertyValue('--pink-500'),
-                    data: [28, 48, 40, 19, 86, 27, 90]
-                }
-            ]
-        };
-
-        this.options = {
-            indexAxis: 'y',
-            maintainAspectRatio: false,
-            aspectRatio: 0.8,
-            plugins: {
-                legend: {
-                    labels: {
-                        color: textColor
-                    }
-                }
-            },
-            scales: {
-                x: {
-                    ticks: {
-                        color: textColorSecondary,
-                        font: {
-                            weight: 500
-                        }
-                    },
-                    grid: {
-                        color: surfaceBorder,
-                        drawBorder: false
-                    }
-                },
-                y: {
-                    ticks: {
-                        color: textColorSecondary
-                    },
-                    grid: {
-                        color: surfaceBorder,
-                        drawBorder: false
-                    }
-                }
-            }
-        };
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chart/importdoc.ts b/src/app/showcase/doc/chart/importdoc.ts
deleted file mode 100644
index d61a00b..0000000
--- a/src/app/showcase/doc/chart/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ChartModule } from 'primeng/chart';`
-    };
-}
diff --git a/src/app/showcase/doc/chart/linedoc.ts b/src/app/showcase/doc/chart/linedoc.ts
deleted file mode 100644
index b4f3776..0000000
--- a/src/app/showcase/doc/chart/linedoc.ts
+++ /dev/null
@@ -1,180 +0,0 @@
-import { isPlatformBrowser } from '@angular/common';
-import { Component, Inject, OnInit, PLATFORM_ID, ChangeDetectorRef } from '@angular/core';
-import { Code } from '@domain/code';
-import { Subscription, debounceTime } from 'rxjs';
-import { AppConfigService } from '@service/appconfigservice';
-@Component({
-    selector: 'chart-line-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A line chart or line graph is a type of chart which displays information as a series of data points called 'markers' connected by straight line segments.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-chart type="line" [data]="data" [options]="options" />
-        </div>
-        <app-code [code]="code" selector="chart-line-demo"></app-code>
-    `
-})
-export class LineDoc implements OnInit {
-    data: any;
-
-    options: any;
-
-    subscription!: Subscription;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private configService: AppConfigService,
-        private cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.configService.configUpdate$.pipe(debounceTime(25)).subscribe((config) => {
-            this.initChart();
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnInit() {
-        this.initChart();
-    }
-
-    initChart() {
-        if (isPlatformBrowser(this.platformId)) {
-            const documentStyle = getComputedStyle(document.documentElement);
-            const textColor = documentStyle.getPropertyValue('--text-color');
-            const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-            const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-
-            this.data = {
-                labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-                datasets: [
-                    {
-                        label: 'First Dataset',
-                        data: [65, 59, 80, 81, 56, 55, 40],
-                        fill: false,
-                        borderColor: documentStyle.getPropertyValue('--blue-500'),
-                        tension: 0.4
-                    },
-                    {
-                        label: 'Second Dataset',
-                        data: [28, 48, 40, 19, 86, 27, 90],
-                        fill: false,
-                        borderColor: documentStyle.getPropertyValue('--pink-500'),
-                        tension: 0.4
-                    }
-                ]
-            };
-
-            this.options = {
-                maintainAspectRatio: false,
-                aspectRatio: 0.6,
-                plugins: {
-                    legend: {
-                        labels: {
-                            color: textColor
-                        }
-                    }
-                },
-                scales: {
-                    x: {
-                        ticks: {
-                            color: textColorSecondary
-                        },
-                        grid: {
-                            color: surfaceBorder,
-                            drawBorder: false
-                        }
-                    },
-                    y: {
-                        ticks: {
-                            color: textColorSecondary
-                        },
-                        grid: {
-                            color: surfaceBorder,
-                            drawBorder: false
-                        }
-                    }
-                }
-            };
-        }
-    }
-
-    code: Code = {
-        basic: `<p-chart type="line" [data]="data" [options]="options" />`,
-        html: `<div class="card">
-    <p-chart type="line" [data]="data" [options]="options" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ChartModule } from 'primeng/chart';
-
-@Component({
-    selector: 'chart-line-demo',
-    templateUrl: './chart-line-demo.html',
-    standalone: true,
-    imports: [ChartModule]
-})
-export class ChartLineDemo implements OnInit {
-    data: any;
-
-    options: any;
-
-    ngOnInit() {
-        const documentStyle = getComputedStyle(document.documentElement);
-        const textColor = documentStyle.getPropertyValue('--text-color');
-        const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-        const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-
-        this.data = {
-            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-            datasets: [
-                {
-                    label: 'First Dataset',
-                    data: [65, 59, 80, 81, 56, 55, 40],
-                    fill: false,
-                    borderColor: documentStyle.getPropertyValue('--blue-500'),
-                    tension: 0.4
-                },
-                {
-                    label: 'Second Dataset',
-                    data: [28, 48, 40, 19, 86, 27, 90],
-                    fill: false,
-                    borderColor: documentStyle.getPropertyValue('--pink-500'),
-                    tension: 0.4
-                }
-            ]
-        };
-
-        this.options = {
-            maintainAspectRatio: false,
-            aspectRatio: 0.6,
-            plugins: {
-                legend: {
-                    labels: {
-                        color: textColor
-                    }
-                }
-            },
-            scales: {
-                x: {
-                    ticks: {
-                        color: textColorSecondary
-                    },
-                    grid: {
-                        color: surfaceBorder,
-                        drawBorder: false
-                    }
-                },
-                y: {
-                    ticks: {
-                        color: textColorSecondary
-                    },
-                    grid: {
-                        color: surfaceBorder,
-                        drawBorder: false
-                    }
-                }
-            }
-        };
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chart/linestyledoc.ts b/src/app/showcase/doc/chart/linestyledoc.ts
deleted file mode 100644
index 97757c2..0000000
--- a/src/app/showcase/doc/chart/linestyledoc.ts
+++ /dev/null
@@ -1,194 +0,0 @@
-import { isPlatformBrowser } from '@angular/common';
-import { Component, Inject, OnInit, PLATFORM_ID, ChangeDetectorRef } from '@angular/core';
-import { Code } from '@domain/code';
-import { Subscription, debounceTime } from 'rxjs';
-import { AppConfigService } from '@service/appconfigservice';
-@Component({
-    selector: 'chart-line-style-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Various styles of a line series can be customized to display customizations like an area chart.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-chart type="line" [data]="data" [options]="options" />
-        </div>
-        <app-code [code]="code" selector="chart-line-style-demo"></app-code>
-    `
-})
-export class LineStyleDoc implements OnInit {
-    data: any;
-
-    options: any;
-
-    subscription!: Subscription;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private configService: AppConfigService,
-        private cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.configService.configUpdate$.pipe(debounceTime(25)).subscribe((config) => {
-            this.initChart();
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnInit() {
-        this.initChart();
-    }
-
-    initChart() {
-        if (isPlatformBrowser(this.platformId)) {
-            const documentStyle = getComputedStyle(document.documentElement);
-            const textColor = documentStyle.getPropertyValue('--text-color');
-            const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-            const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-
-            this.data = {
-                labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-                datasets: [
-                    {
-                        label: 'First Dataset',
-                        data: [65, 59, 80, 81, 56, 55, 40],
-                        fill: false,
-                        tension: 0.4,
-                        borderColor: documentStyle.getPropertyValue('--blue-500')
-                    },
-                    {
-                        label: 'Second Dataset',
-                        data: [28, 48, 40, 19, 86, 27, 90],
-                        fill: false,
-                        borderDash: [5, 5],
-                        tension: 0.4,
-                        borderColor: documentStyle.getPropertyValue('--teal-500')
-                    },
-                    {
-                        label: 'Third Dataset',
-                        data: [12, 51, 62, 33, 21, 62, 45],
-                        fill: true,
-                        borderColor: documentStyle.getPropertyValue('--orange-500'),
-                        tension: 0.4,
-                        backgroundColor: 'rgba(255,167,38,0.2)'
-                    }
-                ]
-            };
-
-            this.options = {
-                maintainAspectRatio: false,
-                aspectRatio: 0.6,
-                plugins: {
-                    legend: {
-                        labels: {
-                            color: textColor
-                        }
-                    }
-                },
-                scales: {
-                    x: {
-                        ticks: {
-                            color: textColorSecondary
-                        },
-                        grid: {
-                            color: surfaceBorder
-                        }
-                    },
-                    y: {
-                        ticks: {
-                            color: textColorSecondary
-                        },
-                        grid: {
-                            color: surfaceBorder
-                        }
-                    }
-                }
-            };
-        }
-    }
-
-    code: Code = {
-        basic: `<p-chart type="line" [data]="data" [options]="options" />`,
-        html: `<div class="card">
-    <p-chart type="line" [data]="data" [options]="options" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ChartModule } from 'primeng/chart';
-
-@Component({
-    selector: 'chart-line-style-demo',
-    templateUrl: './chart-line-style-demo.html',
-    standalone: true,
-    imports: [ChartModule]
-})
-export class ChartLineStyleDemo implements OnInit {
-    data: any;
-
-    options: any;
-
-    ngOnInit() {
-        const documentStyle = getComputedStyle(document.documentElement);
-        const textColor = documentStyle.getPropertyValue('--text-color');
-        const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-        const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-        
-        this.data = {
-            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-            datasets: [
-                {
-                    label: 'First Dataset',
-                    data: [65, 59, 80, 81, 56, 55, 40],
-                    fill: false,
-                    tension: 0.4,
-                    borderColor: documentStyle.getPropertyValue('--blue-500')
-                },
-                {
-                    label: 'Second Dataset',
-                    data: [28, 48, 40, 19, 86, 27, 90],
-                    fill: false,
-                    borderDash: [5, 5],
-                    tension: 0.4,
-                    borderColor: documentStyle.getPropertyValue('--teal-500')
-                },
-                {
-                    label: 'Third Dataset',
-                    data: [12, 51, 62, 33, 21, 62, 45],
-                    fill: true,
-                    borderColor: documentStyle.getPropertyValue('--orange-500'),
-                    tension: 0.4,
-                    backgroundColor: 'rgba(255,167,38,0.2)'
-                }
-            ]
-        };
-        
-        this.options = {
-            maintainAspectRatio: false,
-            aspectRatio: 0.6,
-            plugins: {
-                legend: {
-                    labels: {
-                        color: textColor
-                    }
-                }
-            },
-            scales: {
-                x: {
-                    ticks: {
-                        color: textColorSecondary
-                    },
-                    grid: {
-                        color: surfaceBorder
-                    }
-                },
-                y: {
-                    ticks: {
-                        color: textColorSecondary
-                    },
-                    grid: {
-                        color: surfaceBorder
-                    }
-                }
-            }
-        };
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chart/methodsdoc.ts b/src/app/showcase/doc/chart/methodsdoc.ts
deleted file mode 100644
index cfca37f..0000000
--- a/src/app/showcase/doc/chart/methodsdoc.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'methods-doc',
-    template: `
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Parameters</th>
-                        <th>Description</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>refresh</td>
-                        <td>-</td>
-                        <td>Redraws the graph with new data.</td>
-                    </tr>
-                    <tr>
-                        <td>reinit</td>
-                        <td>-</td>
-                        <td>Destroys the graph first and then creates it again.</td>
-                    </tr>
-                    <tr>
-                        <td>generateLegend</td>
-                        <td>-</td>
-                        <td>Returns an HTML string of a legend for that chart. The legend is generated from the legendCallback in the options.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class MethodsDoc {}
diff --git a/src/app/showcase/doc/chart/multiaxisdoc.ts b/src/app/showcase/doc/chart/multiaxisdoc.ts
deleted file mode 100644
index cd453c5..0000000
--- a/src/app/showcase/doc/chart/multiaxisdoc.ts
+++ /dev/null
@@ -1,212 +0,0 @@
-import { isPlatformBrowser } from '@angular/common';
-import { Component, Inject, OnInit, PLATFORM_ID, ChangeDetectorRef } from '@angular/core';
-import { Code } from '@domain/code';
-import { Subscription, debounceTime } from 'rxjs';
-import { AppConfigService } from '@service/appconfigservice';
-@Component({
-    selector: 'chart-multi-axis-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Multiple axes can be added using the <i>scales</i> option.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-chart type="line" [data]="data" [options]="options" />
-        </div>
-        <app-code [code]="code" selector="chart-multi-axis-demo"></app-code>
-    `
-})
-export class MultiAxisDoc implements OnInit {
-    data: any;
-
-    options: any;
-
-    subscription!: Subscription;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private configService: AppConfigService,
-        private cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.configService.configUpdate$.pipe(debounceTime(25)).subscribe((config) => {
-            this.initChart();
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnInit() {
-        this.initChart();
-    }
-
-    initChart() {
-        if (isPlatformBrowser(this.platformId)) {
-            const documentStyle = getComputedStyle(document.documentElement);
-            const textColor = documentStyle.getPropertyValue('--text-color');
-            const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-            const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-
-            this.data = {
-                labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-                datasets: [
-                    {
-                        label: 'Dataset 1',
-                        fill: false,
-                        borderColor: documentStyle.getPropertyValue('--blue-500'),
-                        yAxisID: 'y',
-                        tension: 0.4,
-                        data: [65, 59, 80, 81, 56, 55, 10]
-                    },
-                    {
-                        label: 'Dataset 2',
-                        fill: false,
-                        borderColor: documentStyle.getPropertyValue('--green-500'),
-                        yAxisID: 'y1',
-                        tension: 0.4,
-                        data: [28, 48, 40, 19, 86, 27, 90]
-                    }
-                ]
-            };
-
-            this.options = {
-                stacked: false,
-                maintainAspectRatio: false,
-                aspectRatio: 0.6,
-                plugins: {
-                    legend: {
-                        labels: {
-                            color: textColor
-                        }
-                    }
-                },
-                scales: {
-                    x: {
-                        ticks: {
-                            color: textColorSecondary
-                        },
-                        grid: {
-                            color: surfaceBorder
-                        }
-                    },
-                    y: {
-                        type: 'linear',
-                        display: true,
-                        position: 'left',
-                        ticks: {
-                            color: textColorSecondary
-                        },
-                        grid: {
-                            color: surfaceBorder
-                        }
-                    },
-                    y1: {
-                        type: 'linear',
-                        display: true,
-                        position: 'right',
-                        ticks: {
-                            color: textColorSecondary
-                        },
-                        grid: {
-                            drawOnChartArea: false,
-                            color: surfaceBorder
-                        }
-                    }
-                }
-            };
-        }
-    }
-
-    code: Code = {
-        basic: `<p-chart type="line" [data]="data" [options]="options" />`,
-        html: `<div class="card">
-    <p-chart type="line" [data]="data" [options]="options" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ChartModule } from 'primeng/chart';
-
-@Component({
-    selector: 'chart-multi-axis-demo',
-    templateUrl: './chart-multi-axis-demo.html',
-    standalone: true,
-    imports: [ChartModule]
-})
-export class ChartMultiAxisDemo implements OnInit {
-    data: any;
-
-    options: any;
-
-    ngOnInit() {
-        const documentStyle = getComputedStyle(document.documentElement);
-        const textColor = documentStyle.getPropertyValue('--text-color');
-        const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-        const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-        
-        this.data = {
-            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-            datasets: [
-                {
-                    label: 'Dataset 1',
-                    fill: false,
-                    borderColor: documentStyle.getPropertyValue('--blue-500'),
-                    yAxisID: 'y',
-                    tension: 0.4,
-                    data: [65, 59, 80, 81, 56, 55, 10]
-                },
-                {
-                    label: 'Dataset 2',
-                    fill: false,
-                    borderColor: documentStyle.getPropertyValue('--green-500'),
-                    yAxisID: 'y1',
-                    tension: 0.4,
-                    data: [28, 48, 40, 19, 86, 27, 90]
-                }
-            ]
-        };
-        
-        this.options = {
-            stacked: false,
-            maintainAspectRatio: false,
-            aspectRatio: 0.6,
-            plugins: {
-                legend: {
-                    labels: {
-                        color: textColor
-                    }
-                }
-            },
-            scales: {
-                x: {
-                    ticks: {
-                        color: textColorSecondary
-                    },
-                    grid: {
-                        color: surfaceBorder
-                    }
-                },
-                y: {
-                    type: 'linear',
-                    display: true,
-                    position: 'left',
-                    ticks: {
-                        color: textColorSecondary
-                    },
-                    grid: {
-                        color: surfaceBorder
-                    }
-                },
-                y1: {
-                    type: 'linear',
-                    display: true,
-                    position: 'right',
-                    ticks: {
-                        color: textColorSecondary
-                    },
-                    grid: {
-                        drawOnChartArea: false,
-                        color: surfaceBorder
-                    }
-                }
-            }
-        };
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chart/piedoc.ts b/src/app/showcase/doc/chart/piedoc.ts
deleted file mode 100644
index 4914232..0000000
--- a/src/app/showcase/doc/chart/piedoc.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import { isPlatformBrowser } from '@angular/common';
-import { ChangeDetectorRef, Component, Inject, OnInit, PLATFORM_ID } from '@angular/core';
-import { Code } from '@domain/code';
-import { Subscription, debounceTime } from 'rxjs';
-import { AppConfigService } from '@service/appconfigservice';
-
-@Component({
-    selector: 'chart-pie-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A pie chart is a circular statistical graphic which is divided into slices to illustrate numerical proportion.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-chart type="pie" [data]="data" [options]="options" />
-        </div>
-        <app-code [code]="code" selector="chart-pie-demo"></app-code>
-    `
-})
-export class PieDoc implements OnInit {
-    data: any;
-
-    options: any;
-
-    subscription!: Subscription;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private configService: AppConfigService,
-        private cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.configService.configUpdate$.pipe(debounceTime(25)).subscribe((config) => {
-            this.initChart();
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnInit() {
-        this.initChart();
-    }
-
-    initChart() {
-        if (isPlatformBrowser(this.platformId)) {
-            const documentStyle = getComputedStyle(document.documentElement);
-            const textColor = documentStyle.getPropertyValue('--text-color');
-
-            this.data = {
-                labels: ['A', 'B', 'C'],
-                datasets: [
-                    {
-                        data: [540, 325, 702],
-                        backgroundColor: [documentStyle.getPropertyValue('--blue-500'), documentStyle.getPropertyValue('--yellow-500'), documentStyle.getPropertyValue('--green-500')],
-                        hoverBackgroundColor: [documentStyle.getPropertyValue('--blue-400'), documentStyle.getPropertyValue('--yellow-400'), documentStyle.getPropertyValue('--green-400')]
-                    }
-                ]
-            };
-
-            this.options = {
-                plugins: {
-                    legend: {
-                        labels: {
-                            usePointStyle: true,
-                            color: textColor
-                        }
-                    }
-                }
-            };
-        }
-    }
-
-    code: Code = {
-        basic: `<p-chart type="pie" [data]="data" [options]="options" />`,
-        html: `<div class="card flex justify-center">
-    <p-chart type="pie" [data]="data" [options]="options" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ChartModule } from 'primeng/chart';
-
-@Component({
-    selector: 'chart-pie-demo',
-    templateUrl: './chart-pie-demo.html',
-    standalone: true,
-    imports: [ChartModule]
-})
-export class ChartPieDemo implements OnInit {
-    data: any;
-
-    options: any;
-
-    ngOnInit() {
-        const documentStyle = getComputedStyle(document.documentElement);
-        const textColor = documentStyle.getPropertyValue('--text-color');
-
-        this.data = {
-            labels: ['A', 'B', 'C'],
-            datasets: [
-                {
-                    data: [540, 325, 702],
-                    backgroundColor: [documentStyle.getPropertyValue('--blue-500'), documentStyle.getPropertyValue('--yellow-500'), documentStyle.getPropertyValue('--green-500')],
-                    hoverBackgroundColor: [documentStyle.getPropertyValue('--blue-400'), documentStyle.getPropertyValue('--yellow-400'), documentStyle.getPropertyValue('--green-400')]
-                }
-            ]
-        };
-
-        this.options = {
-            plugins: {
-                legend: {
-                    labels: {
-                        usePointStyle: true,
-                        color: textColor
-                    }
-                }
-            }
-        };
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chart/polarareadoc.ts b/src/app/showcase/doc/chart/polarareadoc.ts
deleted file mode 100644
index f71537f..0000000
--- a/src/app/showcase/doc/chart/polarareadoc.ts
+++ /dev/null
@@ -1,141 +0,0 @@
-import { isPlatformBrowser } from '@angular/common';
-import { Component, Inject, OnInit, PLATFORM_ID, ChangeDetectorRef } from '@angular/core';
-import { Code } from '@domain/code';
-import { Subscription, debounceTime } from 'rxjs';
-import { AppConfigService } from '@service/appconfigservice';
-@Component({
-    selector: 'chart-polar-area-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Polar area charts are similar to pie charts, but each segment has the same angle - the radius of the segment differs depending on the value.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-chart type="polarArea" [data]="data" [options]="options" />
-        </div>
-        <app-code [code]="code" selector="chart-polar-area-demo"></app-code>
-    `
-})
-export class PolarAreaDoc implements OnInit {
-    data: any;
-
-    options: any;
-
-    subscription!: Subscription;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private configService: AppConfigService,
-        private cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.configService.configUpdate$.pipe(debounceTime(25)).subscribe((config) => {
-            this.initChart();
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnInit() {
-        this.initChart();
-    }
-    initChart() {
-        if (isPlatformBrowser(this.platformId)) {
-            const documentStyle = getComputedStyle(document.documentElement);
-            const textColor = documentStyle.getPropertyValue('--text-color');
-            const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-
-            this.data = {
-                datasets: [
-                    {
-                        data: [11, 16, 7, 3, 14],
-                        backgroundColor: [
-                            documentStyle.getPropertyValue('--red-500'),
-                            documentStyle.getPropertyValue('--green-500'),
-                            documentStyle.getPropertyValue('--yellow-500'),
-                            documentStyle.getPropertyValue('--bluegray-500'),
-                            documentStyle.getPropertyValue('--blue-500')
-                        ],
-                        label: 'My dataset'
-                    }
-                ],
-                labels: ['Red', 'Green', 'Yellow', 'Grey', 'Blue']
-            };
-
-            this.options = {
-                plugins: {
-                    legend: {
-                        labels: {
-                            color: textColor
-                        }
-                    }
-                },
-                scales: {
-                    r: {
-                        grid: {
-                            color: surfaceBorder
-                        }
-                    }
-                }
-            };
-        }
-    }
-
-    code: Code = {
-        basic: `<p-chart type="polarArea" [data]="data" [options]="options" />`,
-        html: `<div class="card flex justify-center">
-    <p-chart type="polarArea" [data]="data" [options]="options" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ChartModule } from 'primeng/chart';
-
-@Component({
-    selector: 'chart-polar-area-demo',
-    templateUrl: './chart-polar-area-demo.html',
-    standalone: true,
-    imports: [ChartModule]
-})
-export class ChartPolarAreaDemo implements OnInit {
-    data: any;
-
-    options: any;
-
-    ngOnInit() {
-        const documentStyle = getComputedStyle(document.documentElement);
-        const textColor = documentStyle.getPropertyValue('--text-color');
-        const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-        
-        this.data = {
-            datasets: [
-                {
-                    data: [11, 16, 7, 3, 14],
-                    backgroundColor: [
-                        documentStyle.getPropertyValue('--red-500'),
-                        documentStyle.getPropertyValue('--green-500'),
-                        documentStyle.getPropertyValue('--yellow-500'),
-                        documentStyle.getPropertyValue('--bluegray-500'),
-                        documentStyle.getPropertyValue('--blue-500')
-                    ],
-                    label: 'My dataset'
-                }
-            ],
-            labels: ['Red', 'Green', 'Yellow', 'Grey', 'Blue']
-        };
-        
-        this.options = {
-            plugins: {
-                legend: {
-                    labels: {
-                        color: textColor
-                    }
-                }
-            },
-            scales: {
-                r: {
-                    grid: {
-                        color: surfaceBorder
-                    }
-                }
-            }
-        };
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chart/propsdoc.ts b/src/app/showcase/doc/chart/propsdoc.ts
deleted file mode 100644
index 6d27e59..0000000
--- a/src/app/showcase/doc/chart/propsdoc.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'props-doc',
-    template: `
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Type</th>
-                        <th>Default</th>
-                        <th>Description</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>type</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Type of the chart.</td>
-                    </tr>
-                    <tr>
-                        <td>data</td>
-                        <td>any</td>
-                        <td>null</td>
-                        <td>Data to display.</td>
-                    </tr>
-                    <tr>
-                        <td>options</td>
-                        <td>any</td>
-                        <td>null</td>
-                        <td>Options to customize the chart.</td>
-                    </tr>
-                    <tr>
-                        <td>plugins</td>
-                        <td>any[]</td>
-                        <td>null</td>
-                        <td>Array of per-chart plugins to customize the chart behaviour.</td>
-                    </tr>
-                    <tr>
-                        <td>width</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Width of the chart.</td>
-                    </tr>
-                    <tr>
-                        <td>height</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Height of the chart.</td>
-                    </tr>
-                    <tr>
-                        <td>responsive</td>
-                        <td>boolean</td>
-                        <td>true</td>
-                        <td>Whether the chart is redrawn on screen size change.</td>
-                    </tr>
-                    <tr>
-                        <td>onDataSelect</td>
-                        <td>function</td>
-                        <td>null</td>
-                        <td>Callback to execute when an element on chart is clicked.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class PropsDoc {}
diff --git a/src/app/showcase/doc/chart/radardoc.ts b/src/app/showcase/doc/chart/radardoc.ts
deleted file mode 100644
index 0023c34..0000000
--- a/src/app/showcase/doc/chart/radardoc.ts
+++ /dev/null
@@ -1,162 +0,0 @@
-import { isPlatformBrowser } from '@angular/common';
-import { Component, Inject, OnInit, PLATFORM_ID, ChangeDetectorRef } from '@angular/core';
-import { Code } from '@domain/code';
-import { Subscription, debounceTime } from 'rxjs';
-import { AppConfigService } from '@service/appconfigservice';
-@Component({
-    selector: 'chart-radar-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A radar chart is a graphical method of displaying multivariate data in the form of a two-dimensional chart of three or more quantitative variables represented on axes starting from the same point.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-chart type="radar" [data]="data" [options]="options" />
-        </div>
-        <app-code [code]="code" selector="chart-radar-demo"></app-code>
-    `
-})
-export class RadarDoc implements OnInit {
-    data: any;
-
-    options: any;
-
-    subscription!: Subscription;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private configService: AppConfigService,
-        private cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.configService.configUpdate$.pipe(debounceTime(25)).subscribe((config) => {
-            this.initChart();
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnInit() {
-        this.initChart();
-    }
-
-    initChart() {
-        if (isPlatformBrowser(this.platformId)) {
-            const documentStyle = getComputedStyle(document.documentElement);
-            const textColor = documentStyle.getPropertyValue('--text-color');
-            const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-
-            this.data = {
-                labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'],
-                datasets: [
-                    {
-                        label: 'My First dataset',
-                        borderColor: documentStyle.getPropertyValue('--bluegray-400'),
-                        pointBackgroundColor: documentStyle.getPropertyValue('--bluegray-400'),
-                        pointBorderColor: documentStyle.getPropertyValue('--bluegray-400'),
-                        pointHoverBackgroundColor: textColor,
-                        pointHoverBorderColor: documentStyle.getPropertyValue('--bluegray-400'),
-                        data: [65, 59, 90, 81, 56, 55, 40]
-                    },
-                    {
-                        label: 'My Second dataset',
-                        borderColor: documentStyle.getPropertyValue('--pink-400'),
-                        pointBackgroundColor: documentStyle.getPropertyValue('--pink-400'),
-                        pointBorderColor: documentStyle.getPropertyValue('--pink-400'),
-                        pointHoverBackgroundColor: textColor,
-                        pointHoverBorderColor: documentStyle.getPropertyValue('--pink-400'),
-                        data: [28, 48, 40, 19, 96, 27, 100]
-                    }
-                ]
-            };
-
-            this.options = {
-                plugins: {
-                    legend: {
-                        labels: {
-                            color: textColor
-                        }
-                    }
-                },
-                scales: {
-                    r: {
-                        grid: {
-                            color: textColorSecondary
-                        },
-                        pointLabels: {
-                            color: textColorSecondary
-                        }
-                    }
-                }
-            };
-        }
-    }
-
-    code: Code = {
-        basic: `<p-chart type="radar" [data]="data" [options]="options" />`,
-        html: `<div class="card flex justify-center">
-    <p-chart type="radar" [data]="data" [options]="options" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ChartModule } from 'primeng/chart';
-
-@Component({
-    selector: 'chart-radar-demo',
-    templateUrl: './chart-radar-demo.html',
-    standalone: true,
-    imports: [ChartModule]
-})
-export class ChartRadarDemo implements OnInit {
-    data: any;
-
-    options: any;
-
-    ngOnInit() {
-        const documentStyle = getComputedStyle(document.documentElement);
-        const textColor = documentStyle.getPropertyValue('--text-color');
-        const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-        
-        this.data = {
-            labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'],
-            datasets: [
-                {
-                    label: 'My First dataset',
-                    borderColor: documentStyle.getPropertyValue('--bluegray-400'),
-                    pointBackgroundColor: documentStyle.getPropertyValue('--bluegray-400'),
-                    pointBorderColor: documentStyle.getPropertyValue('--bluegray-400'),
-                    pointHoverBackgroundColor: textColor,
-                    pointHoverBorderColor: documentStyle.getPropertyValue('--bluegray-400'),
-                    data: [65, 59, 90, 81, 56, 55, 40]
-                },
-                {
-                    label: 'My Second dataset',
-                    borderColor: documentStyle.getPropertyValue('--pink-400'),
-                    pointBackgroundColor: documentStyle.getPropertyValue('--pink-400'),
-                    pointBorderColor: documentStyle.getPropertyValue('--pink-400'),
-                    pointHoverBackgroundColor: textColor,
-                    pointHoverBorderColor: documentStyle.getPropertyValue('--pink-400'),
-                    data: [28, 48, 40, 19, 96, 27, 100]
-                }
-            ]
-        };
-        
-        this.options = {
-            plugins: {
-                legend: {
-                    labels: {
-                        color: textColor
-                    }
-                }
-            },
-            scales: {
-                r: {
-                    grid: {
-                        color: textColorSecondary
-                    },
-                    pointLabels: {
-                        color: textColorSecondary
-                    }
-                }
-            }
-        };
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chart/stackedbardoc.ts b/src/app/showcase/doc/chart/stackedbardoc.ts
deleted file mode 100644
index 539f187..0000000
--- a/src/app/showcase/doc/chart/stackedbardoc.ts
+++ /dev/null
@@ -1,200 +0,0 @@
-import { isPlatformBrowser } from '@angular/common';
-import { Component, Inject, OnInit, PLATFORM_ID, ChangeDetectorRef } from '@angular/core';
-import { Code } from '@domain/code';
-import { Subscription, debounceTime } from 'rxjs';
-import { AppConfigService } from '@service/appconfigservice';
-@Component({
-    selector: 'chart-stacked-bar-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Bars can be stacked on top of each other when <i>stacked</i> option of a scale is enabled.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-chart type="bar" [data]="data" [options]="options" />
-        </div>
-        <app-code [code]="code" selector="chart-stacked-bar-demo"></app-code>
-    `
-})
-export class StackedBarDoc implements OnInit {
-    data: any;
-
-    options: any;
-
-    subscription!: Subscription;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private configService: AppConfigService,
-        private cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.configService.configUpdate$.pipe(debounceTime(25)).subscribe((config) => {
-            this.initChart();
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnInit() {
-        this.initChart();
-    }
-
-    initChart() {
-        if (isPlatformBrowser(this.platformId)) {
-            const documentStyle = getComputedStyle(document.documentElement);
-            const textColor = documentStyle.getPropertyValue('--text-color');
-            const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-            const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-
-            this.data = {
-                labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-                datasets: [
-                    {
-                        type: 'bar',
-                        label: 'Dataset 1',
-                        backgroundColor: documentStyle.getPropertyValue('--blue-500'),
-                        data: [50, 25, 12, 48, 90, 76, 42]
-                    },
-                    {
-                        type: 'bar',
-                        label: 'Dataset 2',
-                        backgroundColor: documentStyle.getPropertyValue('--green-500'),
-                        data: [21, 84, 24, 75, 37, 65, 34]
-                    },
-                    {
-                        type: 'bar',
-                        label: 'Dataset 3',
-                        backgroundColor: documentStyle.getPropertyValue('--yellow-500'),
-                        data: [41, 52, 24, 74, 23, 21, 32]
-                    }
-                ]
-            };
-
-            this.options = {
-                maintainAspectRatio: false,
-                aspectRatio: 0.8,
-                plugins: {
-                    tooltip: {
-                        mode: 'index',
-                        intersect: false
-                    },
-                    legend: {
-                        labels: {
-                            color: textColor
-                        }
-                    }
-                },
-                scales: {
-                    x: {
-                        stacked: true,
-                        ticks: {
-                            color: textColorSecondary
-                        },
-                        grid: {
-                            color: surfaceBorder,
-                            drawBorder: false
-                        }
-                    },
-                    y: {
-                        stacked: true,
-                        ticks: {
-                            color: textColorSecondary
-                        },
-                        grid: {
-                            color: surfaceBorder,
-                            drawBorder: false
-                        }
-                    }
-                }
-            };
-        }
-    }
-
-    code: Code = {
-        basic: `<p-chart type="bar" [data]="data" [options]="options" />`,
-        html: `<div class="card">
-    <p-chart type="bar" [data]="data" [options]="options" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ChartModule } from 'primeng/chart';
-
-@Component({
-    selector: 'chart-stacked-bar-demo',
-    templateUrl: './chart-stacked-bar-demo.html',
-    standalone: true,
-    imports: [ChartModule]
-})
-export class ChartStackedBarDemo implements OnInit {
-    data: any;
-
-    options: any;
-
-    ngOnInit() {
-        const documentStyle = getComputedStyle(document.documentElement);
-        const textColor = documentStyle.getPropertyValue('--text-color');
-        const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-        const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-
-        this.data = {
-            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-            datasets: [
-                {
-                    type: 'bar',
-                    label: 'Dataset 1',
-                    backgroundColor: documentStyle.getPropertyValue('--blue-500'),
-                    data: [50, 25, 12, 48, 90, 76, 42]
-                },
-                {
-                    type: 'bar',
-                    label: 'Dataset 2',
-                    backgroundColor: documentStyle.getPropertyValue('--green-500'),
-                    data: [21, 84, 24, 75, 37, 65, 34]
-                },
-                {
-                    type: 'bar',
-                    label: 'Dataset 3',
-                    backgroundColor: documentStyle.getPropertyValue('--yellow-500'),
-                    data: [41, 52, 24, 74, 23, 21, 32]
-                }
-            ]
-        };
-
-        this.options = {
-            maintainAspectRatio: false,
-            aspectRatio: 0.8,
-            plugins: {
-                tooltip: {
-                    mode: 'index',
-                    intersect: false
-                },
-                legend: {
-                    labels: {
-                        color: textColor
-                    }
-                }
-            },
-            scales: {
-                x: {
-                    stacked: true,
-                    ticks: {
-                        color: textColorSecondary
-                    },
-                    grid: {
-                        color: surfaceBorder,
-                        drawBorder: false
-                    }
-                },
-                y: {
-                    stacked: true,
-                    ticks: {
-                        color: textColorSecondary
-                    },
-                    grid: {
-                        color: surfaceBorder,
-                        drawBorder: false
-                    }
-                }
-            }
-        };
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chart/verticalbardoc.ts b/src/app/showcase/doc/chart/verticalbardoc.ts
deleted file mode 100644
index 0978114..0000000
--- a/src/app/showcase/doc/chart/verticalbardoc.ts
+++ /dev/null
@@ -1,194 +0,0 @@
-import { isPlatformBrowser } from '@angular/common';
-import { Component, Inject, OnInit, PLATFORM_ID, ChangeDetectorRef } from '@angular/core';
-import { Code } from '@domain/code';
-import { Subscription, debounceTime } from 'rxjs';
-import { AppConfigService } from '@service/appconfigservice';
-@Component({
-    selector: 'chart-vertical-bar-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A bar chart or bar graph is a chart that presents grouped data with rectangular bars with lengths proportional to the values that they represent.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-chart type="bar" [data]="data" [options]="options" />
-        </div>
-        <app-code [code]="code" selector="chart-vertical-bar-demo"></app-code>
-    `
-})
-export class VerticalBarDoc implements OnInit {
-    data: any;
-
-    options: any;
-
-    subscription!: Subscription;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private configService: AppConfigService,
-        private cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.configService.configUpdate$.pipe(debounceTime(25)).subscribe((config) => {
-            this.initChart();
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnInit() {
-        this.initChart();
-    }
-
-    initChart() {
-        if (isPlatformBrowser(this.platformId)) {
-            const documentStyle = getComputedStyle(document.documentElement);
-            const textColor = documentStyle.getPropertyValue('--text-color');
-            const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-            const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-
-            this.data = {
-                labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-                datasets: [
-                    {
-                        label: 'My First dataset',
-                        backgroundColor: documentStyle.getPropertyValue('--blue-500'),
-                        borderColor: documentStyle.getPropertyValue('--blue-500'),
-                        data: [65, 59, 80, 81, 56, 55, 40]
-                    },
-                    {
-                        label: 'My Second dataset',
-                        backgroundColor: documentStyle.getPropertyValue('--pink-500'),
-                        borderColor: documentStyle.getPropertyValue('--pink-500'),
-                        data: [28, 48, 40, 19, 86, 27, 90]
-                    }
-                ]
-            };
-
-            this.options = {
-                maintainAspectRatio: false,
-                aspectRatio: 0.8,
-                plugins: {
-                    legend: {
-                        labels: {
-                            color: textColor
-                        }
-                    }
-                },
-                scales: {
-                    x: {
-                        ticks: {
-                            color: textColorSecondary,
-                            font: {
-                                weight: 500
-                            }
-                        },
-                        grid: {
-                            color: surfaceBorder,
-                            drawBorder: false
-                        }
-                    },
-                    y: {
-                        ticks: {
-                            color: textColorSecondary
-                        },
-                        grid: {
-                            color: surfaceBorder,
-                            drawBorder: false
-                        }
-                    }
-                }
-            };
-        }
-    }
-
-    code: Code = {
-        basic: `<p-chart type="bar" [data]="data" [options]="options" />`,
-        html: `<div class="card">
-    <p-chart type="bar" [data]="data" [options]="options" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ChartModule } from 'primeng/chart';
-
-@Component({
-    selector: 'chart-vertical-bar-demo',
-    templateUrl: './chart-vertical-bar-demo.html',
-    standalone: true,
-    imports: [ChartModule]
-})
-export class ChartVerticalBarDemo implements OnInit {
-    data: any;
-
-    options: any;
-
-    ngOnInit() {
-        const documentStyle = getComputedStyle(document.documentElement);
-        const textColor = documentStyle.getPropertyValue('--text-color');
-        const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-        const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-        
-        this.data = {
-            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-            datasets: [
-                {
-                    label: 'My First dataset',
-                    backgroundColor: documentStyle.getPropertyValue('--blue-500'),
-                    borderColor: documentStyle.getPropertyValue('--blue-500'),
-                    data: [65, 59, 80, 81, 56, 55, 40]
-                },
-                {
-                    label: 'My Second dataset',
-                    backgroundColor: documentStyle.getPropertyValue('--pink-500'),
-                    borderColor: documentStyle.getPropertyValue('--pink-500'),
-                    data: [28, 48, 40, 19, 86, 27, 90]
-                }
-            ]
-        };
-
-        this.options = {
-            maintainAspectRatio: false,
-            aspectRatio: 0.8,
-            plugins: {
-                legend: {
-                    labels: {
-                        color: textColor
-                    }
-                }
-            },
-            scales: {
-                x: {
-                    ticks: {
-                        color: textColorSecondary,
-                        font: {
-                            weight: 500
-                        }
-                    },
-                    grid: {
-                        color: surfaceBorder,
-                        drawBorder: false
-                    }
-                },
-                y: {
-                    ticks: {
-                        color: textColorSecondary
-                    },
-                    grid: {
-                        color: surfaceBorder,
-                        drawBorder: false
-                    }
-                }
-
-            }
-        };
-    }
-}`,
-        module: `
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ChartModule } from 'primeng/chart';
-import { ChartDemo } from './chartdemo';
-
-@NgModule({
-    imports: [CommonModule, ChartModule],
-    declarations: [ChartDemo]
-})
-export class ChartDemoModule {}`
-    };
-}
diff --git a/src/app/showcase/doc/checkbox/accessibilitydoc.ts b/src/app/showcase/doc/checkbox/accessibilitydoc.ts
deleted file mode 100644
index e528ce1..0000000
--- a/src/app/showcase/doc/checkbox/accessibilitydoc.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Checkbox component uses a hidden native checkbox element internally that is only visible to screen readers. Value to describe the component can either be provided via <i>label</i> tag combined with <i>inputId</i> prop or using
-                <i>ariaLabelledBy</i>, <i>ariaLabel</i> props.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the checkbox.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Toggles the checked state.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<label for="chkbox1">Remember Me</label>
-<p-checkbox inputId="chkbox1"/>
-
-<span id="chkbox2">Remember Me</span>
-<p-checkbox ariaLabelledBy="chkbox2"/>
-
-<p-checkbox ariaLabel="Remember Me"/>`
-    };
-}
diff --git a/src/app/showcase/doc/checkbox/basicdoc.ts b/src/app/showcase/doc/checkbox/basicdoc.ts
deleted file mode 100644
index 653668c..0000000
--- a/src/app/showcase/doc/checkbox/basicdoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'checkbox-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Binary checkbox is used as a controlled input with <i>ngModel</i> and <i>binary</i> properties.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-checkbox [(ngModel)]="checked" [binary]="true" inputId="binary" />
-        </div>
-        <app-code [code]="code" selector="checkbox-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    checked: boolean = false;
-
-    code: Code = {
-        basic: `<p-checkbox 
-    [(ngModel)]="checked" 
-    [binary]="true" 
-    inputId="binary" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-checkbox 
-        [(ngModel)]="checked" 
-        [binary]="true" 
-        inputId="binary" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CheckboxModule } from 'primeng/checkbox';
-
-@Component({
-    selector: 'checkbox-basic-demo',
-    templateUrl: './checkbox-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, CheckboxModule]
-})
-export class CheckboxBasicDemo {
-    checked: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/checkbox/checkboxdoc.module.ts b/src/app/showcase/doc/checkbox/checkboxdoc.module.ts
deleted file mode 100644
index 37fd85a..0000000
--- a/src/app/showcase/doc/checkbox/checkboxdoc.module.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { CheckboxModule } from 'primeng/checkbox';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ImportDoc } from './importdoc';
-import { BasicDoc } from './basicdoc';
-import { MultipleDoc } from './multipledoc';
-import { LabelDoc } from './labeldoc';
-import { DynamicDoc } from './dynamicdoc';
-import { DisabledDoc } from './disableddoc';
-import { InvalidDoc } from './invaliddoc';
-import { StyleDoc } from './styledoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { FilledDoc } from './filleddoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, FormsModule, AppCodeModule, AppDocModule, CheckboxModule, ReactiveFormsModule],
-    exports: [ImportDoc],
-    declarations: [ImportDoc, BasicDoc, MultipleDoc, LabelDoc, DynamicDoc, DisabledDoc, InvalidDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc, FilledDoc]
-})
-export class CheckboxDocModule {}
diff --git a/src/app/showcase/doc/checkbox/disableddoc.ts b/src/app/showcase/doc/checkbox/disableddoc.ts
deleted file mode 100644
index 8bd89ba..0000000
--- a/src/app/showcase/doc/checkbox/disableddoc.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'checkbox-disabled-demo',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-checkbox [disabled]="true" [(ngModel)]="checked" />
-        </div>
-        <app-code [code]="code" selector="checkbox-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    checked: boolean = false;
-
-    code: Code = {
-        basic: `<p-checkbox 
-    [disabled]="true" 
-    [(ngModel)]="checked" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-checkbox 
-        [disabled]="true" 
-        [(ngModel)]="checked" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CheckboxModule } from 'primeng/checkbox';
-
-@Component({
-    selector: 'checkbox-disabled-demo',
-    templateUrl: './checkbox-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, CheckboxModule]
-})
-export class CheckboxDisabledDemo {
-    checked: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/checkbox/dynamicdoc.ts b/src/app/showcase/doc/checkbox/dynamicdoc.ts
deleted file mode 100644
index 811ecc7..0000000
--- a/src/app/showcase/doc/checkbox/dynamicdoc.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'checkbox-dynamic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Checkboxes can be generated using a list of values.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <div class="flex flex-col gap-2">
-                <div *ngFor="let category of categories" class="field-checkbox">
-                    <p-checkbox [label]="category.name" name="group" [value]="category" [(ngModel)]="selectedCategories" />
-                </div>
-            </div>
-        </div>
-        <app-code [code]="code" selector="checkbox-dynamic-demo"></app-code>
-    `
-})
-export class DynamicDoc {
-    selectedCategories: any[] = [];
-
-    categories: any[] = [
-        { name: 'Accounting', key: 'A' },
-        { name: 'Marketing', key: 'M' },
-        { name: 'Production', key: 'P' },
-        { name: 'Research', key: 'R' }
-    ];
-
-    code: Code = {
-        basic: `<div *ngFor="let category of categories" class="field-checkbox">
-    <p-checkbox 
-        [(ngModel)]="selectedCategories"
-        [label]="category.name" 
-        name="group" 
-        [value]="category" />
-</div>`,
-
-        html: `<div class="card flex justify-center">
-    <div class="flex flex-col gap-2">
-        <div *ngFor="let category of categories" class="field-checkbox">
-            <p-checkbox 
-                [(ngModel)]="selectedCategories"
-                [label]="category.name"
-                name="group"
-                [value]="category" />
-        </div>
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CheckboxModule } from 'primeng/checkbox';
-
-@Component({
-    selector: 'checkbox-dynamic-demo',
-    templateUrl: './checkbox-dynamic-demo.html',
-    standalone: true,
-    imports: [FormsModule, CheckboxModule]
-})
-export class CheckboxDynamicDemo {
-    selectedCategories: any[] = [];
-
-    categories: any[] = [
-        { name: 'Accounting', key: 'A' },
-        { name: 'Marketing', key: 'M' },
-        { name: 'Production', key: 'P' },
-        { name: 'Research', key: 'R' }
-    ];
-}`
-    };
-}
diff --git a/src/app/showcase/doc/checkbox/filleddoc.ts b/src/app/showcase/doc/checkbox/filleddoc.ts
deleted file mode 100644
index 71afe8f..0000000
--- a/src/app/showcase/doc/checkbox/filleddoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'checkbox-filled-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-checkbox [(ngModel)]="checked" [binary]="true" variant="filled" />
-        </div>
-        <app-code [code]="code" selector="checkbox-filled-demo"></app-code>
-    `
-})
-export class FilledDoc {
-    checked: boolean = false;
-
-    code: Code = {
-        basic: `<p-checkbox 
-    [(ngModel)]="checked" 
-    [binary]="true" 
-    variant="filled" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-checkbox 
-        [(ngModel)]="checked" 
-        [binary]="true" 
-        variant="filled" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CheckboxModule } from 'primeng/checkbox';
-
-@Component({
-    selector: 'checkbox-filled-demo',
-    templateUrl: './checkbox-filled-demo.html',
-    standalone: true,
-    imports: [FormsModule, CheckboxModule]
-})
-export class CheckboxFilledDemo {
-    checked: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/checkbox/importdoc.ts b/src/app/showcase/doc/checkbox/importdoc.ts
deleted file mode 100644
index 8acb03a..0000000
--- a/src/app/showcase/doc/checkbox/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { CheckboxModule } from 'primeng/checkbox';`
-    };
-}
diff --git a/src/app/showcase/doc/checkbox/invaliddoc.ts b/src/app/showcase/doc/checkbox/invaliddoc.ts
deleted file mode 100644
index a0993d5..0000000
--- a/src/app/showcase/doc/checkbox/invaliddoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'checkbox-invalid-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-dirty</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-checkbox [(ngModel)]="checked" [binary]="true" inputId="binary" class="ng-invalid ng-dirty" />
-        </div>
-        <app-code [code]="code" selector="checkbox-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc {
-    checked: boolean = false;
-
-    code: Code = {
-        basic: `<p-checkbox 
-    [(ngModel)]="checked"
-    [binary]="true"
-    inputId="binary"
-    class="ng-invalid ng-dirty" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-checkbox 
-        [(ngModel)]="checked"
-        [binary]="true"
-        inputId="binary"
-        class="ng-invalid ng-dirty" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CheckboxModule } from 'primeng/checkbox';
-
-@Component({
-    selector: 'checkbox-invalid-demo',
-    templateUrl: './checkbox-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, CheckboxModule]
-})
-export class CheckboxInvalidDemo {
-    checked: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/checkbox/labeldoc.ts b/src/app/showcase/doc/checkbox/labeldoc.ts
deleted file mode 100644
index c4077da..0000000
--- a/src/app/showcase/doc/checkbox/labeldoc.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'checkbox-label-demo',
-    template: `
-        <app-docsectiontext>
-            <p>The label attribute provides a label text for the checkbox. This label is also clickable and toggles the checked state.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-3">
-            <p-checkbox name="groupname" value="val1" label="Value 1" [(ngModel)]="selectedValues"></p-checkbox>
-            <p-checkbox name="groupname" value="val2" label="Value 2" [(ngModel)]="selectedValues"></p-checkbox>
-        </div>
-        <app-code [code]="code" selector="checkbox-label-demo"></app-code>
-    `
-})
-export class LabelDoc {
-    selectedValues: string[] = [];
-
-    code: Code = {
-        basic: `<p-checkbox name="groupname" value="val1" label="Value 1" [(ngModel)]="selectedValues"></p-checkbox>
-<p-checkbox name="groupname" value="val2" label="Value 2" [(ngModel)]="selectedValues"></p-checkbox>`,
-
-        html: `
-<div class="card flex justify-center gap-3">
-    <p-checkbox name="groupname" value="val1" label="Value 1" [(ngModel)]="selectedValues"></p-checkbox>
-    <p-checkbox name="groupname" value="val2" label="Value 2" [(ngModel)]="selectedValues"></p-checkbox>
-</div>`,
-
-        typescript: `
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'checkbox-label-demo',
-    templateUrl: './checkbox-label-demo.html'
-})
-export class CheckboxLabelDemo {
-    selectedValues: string[] = [];
-}`
-    };
-}
diff --git a/src/app/showcase/doc/checkbox/multipledoc.ts b/src/app/showcase/doc/checkbox/multipledoc.ts
deleted file mode 100644
index feb7b21..0000000
--- a/src/app/showcase/doc/checkbox/multipledoc.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'checkbox-multiple-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Multiple checkboxes can be grouped together.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap justify-center gap-3">
-            <div class="flex items-center">
-                <p-checkbox label="Cheese" name="pizza" value="Cheese" [(ngModel)]="pizza" />
-            </div>
-            <div class="flex items-center">
-                <p-checkbox label="Mushroom" name="pizza" value="Mushroom" [(ngModel)]="pizza" />
-            </div>
-            <div class="flex items-center">
-                <p-checkbox label="Pepper" name="pizza" value="Pepper" [(ngModel)]="pizza" />
-            </div>
-            <div class="flex items-center">
-                <p-checkbox label="Onion" name="pizza" value="Onion" [(ngModel)]="pizza" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="checkbox-multiple-demo"></app-code>
-    `
-})
-export class MultipleDoc {
-    pizza: string[] = [];
-
-    code: Code = {
-        basic: `<div class="flex items-center">
-    <p-checkbox 
-        [(ngModel)]="pizza"
-        label="Cheese" 
-        name="pizza" 
-        value="Cheese" />
-</div>
-<div class="flex items-center">
-    <p-checkbox 
-        [(ngModel)]="pizza"
-        label="Mushroom"
-        name="pizza" 
-        value="Mushroom" />
-</div>
-<div class="flex items-center">
-    <p-checkbox 
-        [(ngModel)]="pizza"
-        label="Pepper" 
-        name="pizza" 
-        value="Pepper" />
-</div>
-<div class="flex items-center">
-    <p-checkbox 
-        [(ngModel)]="pizza"
-        label="Onion" 
-        name="pizza" 
-        value="Onion" />
-</div>`,
-
-        html: `<div class="card flex justify-center gap-3">
-    <div class="flex items-center">
-        <p-checkbox 
-            [(ngModel)]="pizza"
-            label="Cheese" 
-            name="pizza" 
-            value="Cheese" />
-    </div>
-    <div class="flex items-center">
-        <p-checkbox 
-            [(ngModel)]="pizza"
-            label="Mushroom"
-            name="pizza" 
-            value="Mushroom" />
-    </div>
-    <div class="flex items-center">
-        <p-checkbox 
-            [(ngModel)]="pizza"
-            label="Pepper" 
-            name="pizza" 
-            value="Pepper" />
-    </div>
-    <div class="flex items-center">
-        <p-checkbox 
-            [(ngModel)]="pizza"
-            label="Onion" 
-            name="pizza" 
-            value="Onion" />
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CheckboxModule } from 'primeng/checkbox';
-
-@Component({
-    selector: 'checkbox-multiple-demo',
-    templateUrl: './checkbox-multiple-demo.html',
-    standalone: true,
-    imports: [FormsModule, CheckboxModule]
-})
-export class CheckboxMultipleDemo {
-    pizza: string[] = [];
-}`
-    };
-}
diff --git a/src/app/showcase/doc/checkbox/reactiveformsdoc.ts b/src/app/showcase/doc/checkbox/reactiveformsdoc.ts
deleted file mode 100644
index f41e635..0000000
--- a/src/app/showcase/doc/checkbox/reactiveformsdoc.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Checkbox can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <form [formGroup]="formGroup" class="flex items-center justify-center gap-1">
-                <p-checkbox formControlName="city" value="New York" inputId="ny" />
-                <label for="ny">New York</label>
-            </form>
-        </div>
-        <app-code [code]="code" selector="checkbox-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            city: new FormControl<string | null>(null)
-        });
-    }
-
-    code: Code = {
-        basic: `<form class="flex items-center gap-1" [formGroup]="formGroup">
-    <p-checkbox 
-        formControlName="city" 
-        value="New York" 
-        inputId="ny" />
-    <label for="ny">New York</label>
-</form>`,
-
-        html: `<div class="card">
-    <form class="flex items-center gap-1" [formGroup]="formGroup">
-        <p-checkbox 
-            formControlName="city" 
-            value="New York" 
-            inputId="ny" />
-        <label for="ny">New York</label>
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { CheckboxModule } from 'primeng/checkbox';
-
-@Component({
-    selector: 'checkbox-reactive-forms-demo',
-    templateUrl: './checkbox-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, CheckboxModule]
-})
-export class CheckboxReactiveFormsDemo implements OnInit{
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            city: new FormControl<string | null>(null)
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/checkbox/styledoc.ts b/src/app/showcase/doc/checkbox/styledoc.ts
deleted file mode 100644
index 683f1b0..0000000
--- a/src/app/showcase/doc/checkbox/styledoc.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <i>theming page.</i></p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-checkbox</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-checkbox-box</td>
-                        <td>Container of icon.</td>
-                    </tr>
-                    <tr>
-                        <td>p-checkbox-icon</td>
-                        <td>Icon element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-checkbox-label</td>
-                        <td>Label element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-label-active</td>
-                        <td>Label element of a checked state.</td>
-                    </tr>
-                    <tr>
-                        <td>p-label-focus</td>
-                        <td>Label element of a focused state.</td>
-                    </tr>
-                    <tr>
-                        <td>p-label-disabled</td>
-                        <td>Label element of a disabled state.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/chip/accessibilitydoc.ts b/src/app/showcase/doc/chip/accessibilitydoc.ts
deleted file mode 100644
index decad3e..0000000
--- a/src/app/showcase/doc/chip/accessibilitydoc.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <div class="doc-section-description">
-                <h3>Screen Reader</h3>
-                <p>
-                    Chip uses the <i>label</i> property as the default <i>aria-label</i>, since any attribute is passed to the root element <i>aria-labelledby</i> or <i>aria-label</i> can be used to override the default behavior. Removable chips have
-                    a <i>tabindex</i> and focusable with the tab key.
-                </p>
-                <h3>Keyboard Support</h3>
-                <div class="doc-tablewrapper">
-                    <table class="doc-table">
-                        <thead>
-                            <tr>
-                                <th>Key</th>
-                                <th>Function</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr>
-                                <td><i>backspace</i></td>
-                                <td>Hides removable.</td>
-                            </tr>
-                            <tr>
-                                <td><i>enter</i></td>
-                                <td>Hides removable.</td>
-                            </tr>
-                        </tbody>
-                    </table>
-                </div>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/chip/basicdoc.ts b/src/app/showcase/doc/chip/basicdoc.ts
deleted file mode 100644
index afe1b28..0000000
--- a/src/app/showcase/doc/chip/basicdoc.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'chip-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                A basic chip with a text is created with the <i>label</i> property. In addition when <i>removable</i> is added, a delete icon is displayed to remove a chip, the optional <i>onRemove</i> event is available to get notified when a chip
-                is hidden.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex items-center gap-2 flex-wrap">
-            <p-chip label="Action" />
-            <p-chip label="Comedy" />
-            <p-chip label="Mystery" />
-            <p-chip label="Thriller" [removable]="true" />
-        </div>
-        <app-code [code]="code" selector="chip-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-chip label="Action" />`,
-        html: `<div class="card flex items-center gap-2 flex-wrap">
-    <p-chip label="Action" />
-    <p-chip label="Comedy" />
-    <p-chip label="Mystery" />
-    <p-chip label="Thriller" [removable]="true" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { ChipModule } from 'primeng/chip';
-
-@Component({
-    selector: 'chip-basic-demo',
-    templateUrl: './chip-basic-demo.html',
-    standalone: true,
-    imports: [ChipModule]
-})
-export class ChipBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/chip/chipdoc.module.ts b/src/app/showcase/doc/chip/chipdoc.module.ts
deleted file mode 100644
index f695a2f..0000000
--- a/src/app/showcase/doc/chip/chipdoc.module.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ChipModule } from 'primeng/chip';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { IconDoc } from './icondoc';
-import { ImageDoc } from './imagedoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, ChipModule],
-    declarations: [ImportDoc, BasicDoc, IconDoc, ImageDoc, StyleDoc, TemplateDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class ChipDocModule {}
diff --git a/src/app/showcase/doc/chip/icondoc.ts b/src/app/showcase/doc/chip/icondoc.ts
deleted file mode 100644
index 2ea001e..0000000
--- a/src/app/showcase/doc/chip/icondoc.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'chip-icon-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A font icon next to the label can be displayed with the <i>icon</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex items-center gap-2 flex-wrap">
-            <p-chip label="Apple" icon="pi pi-apple" />
-            <p-chip label="Facebook" icon="pi pi-facebook" />
-            <p-chip label="Google" icon="pi pi-google" />
-            <p-chip label="Microsoft" icon="pi pi-microsoft" [removable]="true" />
-        </div>
-        <app-code [code]="code" selector="chip-icon-demo"></app-code>
-    `
-})
-export class IconDoc {
-    code: Code = {
-        basic: `<p-chip label="Apple" icon="pi pi-apple" />`,
-        html: `<div class="card flex items-center gap-2 flex-wrap">
-    <p-chip label="Apple" icon="pi pi-apple" />
-    <p-chip label="Facebook" icon="pi pi-facebook" />
-    <p-chip label="Google" icon="pi pi-google" />
-    <p-chip label="Microsoft" icon="pi pi-microsoft" [removable]="true" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { ChipModule } from 'primeng/chip';
-
-@Component({
-    selector: 'chip-icon-demo',
-    templateUrl: './chip-icon-demo.html',
-    standalone: true,
-    imports: [ChipModule]
-})
-export class ChipIconDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/chip/imagedoc.ts b/src/app/showcase/doc/chip/imagedoc.ts
deleted file mode 100644
index 43d8c7a..0000000
--- a/src/app/showcase/doc/chip/imagedoc.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'chip-image-demo',
-    template: `
-        <app-docsectiontext>
-            <p>The <i>image</i> property is used to display an image like an avatar.</p>
-        </app-docsectiontext>
-        <div class="card flex items-center gap-2 flex-wrap">
-            <p-chip label="Amy Elsner" image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" alt="Avatar image" />
-            <p-chip label="Asiya Javayant" image="https://primefaces.org/cdn/primeng/images/demo/avatar/asiyajavayant.png" alt="Avatar image" />
-            <p-chip label="Onyama Limba" image="https://primefaces.org/cdn/primeng/images/demo/avatar/onyamalimba.png" alt="Avatar image" />
-            <p-chip label="Xuxue Feng" image="https://primefaces.org/cdn/primeng/images/demo/avatar/xuxuefeng.png" alt="Avatar image" [removable]="true" />
-        </div>
-        <app-code [code]="code" selector="chip-image-demo"></app-code>
-    `
-})
-export class ImageDoc {
-    code: Code = {
-        basic: `<p-chip 
-    label="Amy Elsner" 
-    image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" 
-    alt="Avatar image" />`,
-        html: `<div class="card flex items-center gap-2 flex-wrap">
-    <p-chip 
-        label="Amy Elsner" 
-        image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" 
-        alt="Avatar image" />
-    <p-chip 
-        label="Asiya Javayant" 
-        image="https://primefaces.org/cdn/primeng/images/demo/avatar/asiyajavayant.png" 
-        alt="Avatar image" />
-    <p-chip 
-        label="Onyama Limba" 
-        image="https://primefaces.org/cdn/primeng/images/demo/avatar/onyamalimba.png" 
-        alt="Avatar image" />
-    <p-chip 
-        label="Xuxue Feng" 
-        image="https://primefaces.org/cdn/primeng/images/demo/avatar/xuxuefeng.png" 
-        alt="Avatar image" 
-        [removable]="true" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { ChipModule } from 'primeng/chip';
-
-@Component({
-    selector: 'chip-image-demo',
-    templateUrl: './chip-image-demo.html',
-    standalone: true,
-    imports: [ChipModule]
-})
-export class ChipImageDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/chip/importdoc.ts b/src/app/showcase/doc/chip/importdoc.ts
deleted file mode 100644
index 0e70f6e..0000000
--- a/src/app/showcase/doc/chip/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ChipModule } from 'primeng/chip';`
-    };
-}
diff --git a/src/app/showcase/doc/chip/styledoc.ts b/src/app/showcase/doc/chip/styledoc.ts
deleted file mode 100644
index b4e872e..0000000
--- a/src/app/showcase/doc/chip/styledoc.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-chip</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-chip-image</td>
-                        <td>Container element in image mode.</td>
-                    </tr>
-                    <tr>
-                        <td>p-chip-text</td>
-                        <td>Text of the chip.</td>
-                    </tr>
-                    <tr>
-                        <td>pi-chip-remove-icon</td>
-                        <td>Remove icon.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/chip/templatedoc.ts b/src/app/showcase/doc/chip/templatedoc.ts
deleted file mode 100644
index cf5f9cc..0000000
--- a/src/app/showcase/doc/chip/templatedoc.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'chip-template-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Content can easily be customized with the dynamic content instead of using the built-in modes.</p>
-        </app-docsectiontext>
-        <div class="card flex items-center">
-            <p-chip styleClass="pl-0 pr-4">
-                <span class="bg-primary text-primary-contrast rounded-full !w-2 !h-2 flex items-center justify-center">P</span>
-                <span class="ml-2 font-medium">PRIME</span>
-            </p-chip>
-        </div>
-        <app-code [code]="code" selector="chip-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    code: Code = {
-        basic: `<p-chip styleClass="pl-0 pr-4">
-    <span class="bg-primary text-primary-contrast rounded-full !w-2 !h-2 flex items-center justify-center">
-        P
-    </span>
-    <span class="ml-2 font-medium">
-        PRIME
-    </span>
-</p-chip>`,
-        html: `<div class="card flex items-center">
-    <p-chip styleClass="pl-0 pr-4">
-        <span class="bg-primary text-primary-contrast rounded-full !w-2 !h-2 flex items-center justify-center">
-            P
-        </span>
-        <span class="ml-2 font-medium">
-            PRIME
-        </span>
-    </p-chip>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { ChipModule } from 'primeng/chip';
-
-@Component({
-    selector: 'chip-template-demo',
-    templateUrl: './chip-template-demo.html',
-    standalone: true,
-    imports: [ChipModule]
-})
-export class ChipTemplateDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/chips/accessibilitydoc.ts b/src/app/showcase/doc/chips/accessibilitydoc.ts
deleted file mode 100644
index 0b947d8..0000000
--- a/src/app/showcase/doc/chips/accessibilitydoc.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Value to describe the component can either be provided via <i>label</i> tag combined with <i>inputId</i> prop or using <i>ariaLabelledBy</i>, <i>ariaLabel</i> props. Chip list uses <i>listbox</i> role with <i>aria-orientation</i> set
-                to horizontal whereas each chip has the <i>option</i> role with <i>aria-label</i> set to the label of the chip.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Input Field Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the input element</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Adds a new chips using the input field value.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>backspace</i>
-                        </td>
-                        <td>Deletes the previous chip if the input field is empty.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>left arrow</i>
-                        </td>
-                        <td>Moves focus to the previous chip if available and input field is empty.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Chip Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>left arrow</i>
-                        </td>
-                        <td>Moves focus to the previous chip if available.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>right arrow</i>
-                        </td>
-                        <td>Moves focus to the next chip, if there is none then input field receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>backspace</i>
-                        </td>
-                        <td>Deletes the chips and adds focus to the input field.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<label for="chips1">Tags</label>
-<p-chips inputId="chips1"/>
-
-<span id="chips2">Tags</span>
-<p-chips ariaLabelledBy="chips2"/>
-
-<p-chips ariaLabel="Tags"/>`
-    };
-}
diff --git a/src/app/showcase/doc/chips/basicdoc.ts b/src/app/showcase/doc/chips/basicdoc.ts
deleted file mode 100644
index 0b9e00e..0000000
--- a/src/app/showcase/doc/chips/basicdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'chips-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Chips is used as a controlled input with <i>ngModel</i> property where it should be an array.</p>
-        </app-docsectiontext>
-        <div class="card p-fluid">
-            <p-chips [(ngModel)]="values" />
-        </div>
-        <app-code [code]="code" selector="chips-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    values: string[] | undefined;
-
-    code: Code = {
-        basic: `<p-chips [(ngModel)]="values" />`,
-
-        html: `<div class="card p-fluid">
-    <p-chips [(ngModel)]="values" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ChipsModule } from 'primeng/chips';
-
-@Component({
-    selector: 'chips-basic-demo',
-    templateUrl: './chips-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, ChipsModule]
-})
-export class ChipsBasicDemo {
-    values: string[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chips/chipsdoc.module.ts b/src/app/showcase/doc/chips/chipsdoc.module.ts
deleted file mode 100644
index e7aaf9a..0000000
--- a/src/app/showcase/doc/chips/chipsdoc.module.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { ChipsModule } from 'primeng/chips';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { SeparatorDoc } from './separatordoc';
-import { ImportDoc } from './importdoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { RegexpSeparatorDoc } from './regexpseparator.doc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-import { MaxValuesDoc } from './maxvaluesdoc';
-import { FilledDoc } from './filleddoc';
-import { FloatLabelDoc } from './floatlabeldoc';
-import { RouterModule } from '@angular/router';
-import { FloatLabelModule } from 'primeng/floatlabel';
-import { InvalidDoc } from './invaliddoc';
-import { DisabledDoc } from './disableddoc';
-@NgModule({
-    imports: [CommonModule, ChipsModule, FormsModule, RouterModule, ReactiveFormsModule, AppCodeModule, AppDocModule, FloatLabelModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, SeparatorDoc, RegexpSeparatorDoc, TemplateDoc, FloatLabelDoc, FilledDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc, MaxValuesDoc, InvalidDoc, DisabledDoc]
-})
-export class ChipsDocModule {}
diff --git a/src/app/showcase/doc/chips/disableddoc.ts b/src/app/showcase/doc/chips/disableddoc.ts
deleted file mode 100644
index 7e4b642..0000000
--- a/src/app/showcase/doc/chips/disableddoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'chips-disabled-demo',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card p-fluid">
-            <p-chips [(ngModel)]="values" [disabled]="true" />
-        </div>
-        <app-code [code]="code" selector="chips-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    values: string[] | undefined;
-
-    code: Code = {
-        basic: `<p-chips [(ngModel)]="values" [disabled]="true" />`,
-
-        html: `<div class="card p-fluid">
-    <p-chips [(ngModel)]="values" [disabled]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ChipsModule } from 'primeng/chips';
-
-@Component({
-    selector: 'chips-disabled-demo',
-    templateUrl: './chips-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, ChipsModule]
-})
-export class ChipsDisabledDemo {
-    values: string[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chips/filleddoc.ts b/src/app/showcase/doc/chips/filleddoc.ts
deleted file mode 100644
index 75a6c5d..0000000
--- a/src/app/showcase/doc/chips/filleddoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'chips-filled-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
-        </app-docsectiontext>
-        <div class="card p-fluid">
-            <p-chips [(ngModel)]="value" variant="filled" />
-        </div>
-        <app-code [code]="code" selector="chips-filled-demo"></app-code>
-    `
-})
-export class FilledDoc {
-    value: string[] | undefined;
-
-    code: Code = {
-        basic: `<p-chips [(ngModel)]="value" variant="filled" />`,
-
-        html: `<div class="card p-fluid">
-    <p-chips [(ngModel)]="value" variant="filled" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ChipsModule } from 'primeng/chips';
-
-@Component({
-    selector: 'chips-filled-demo',
-    templateUrl: './chips-filled-demo.html',
-    standalone: true,
-    imports: [FormsModule, ChipsModule]
-})
-export class ChipsFilledDemo {
-    value: string[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chips/floatlabeldoc.ts b/src/app/showcase/doc/chips/floatlabeldoc.ts
deleted file mode 100644
index 62a7dad..0000000
--- a/src/app/showcase/doc/chips/floatlabeldoc.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'chips-float-label-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A floating label appears on top of the input field when focused. Visit <a [routerLink]="'/floatlabel'">FloatLabel</a> documentation for more information.</p>
-        </app-docsectiontext>
-        <div class="card p-fluid">
-            <p-floatLabel>
-                <p-chips id="chips" [(ngModel)]="values" />
-                <label for="chips">Chips</label>
-            </p-floatLabel>
-        </div>
-
-        <div class="card p-fluid">
-            <p-floatLabel class="float-variant-in">
-                <p-chips id="chips" [(ngModel)]="values" />
-                <label for="chips">Chips</label>
-            </p-floatLabel>
-        </div>
-        <app-code [code]="code" selector="chips-float-label-demo"></app-code>
-    `
-})
-export class FloatLabelDoc {
-    values: string[] | undefined;
-
-    code: Code = {
-        basic: `<p-floatLabel>
-    <p-chips id="chips" [(ngModel)]="values" />
-    <label for="chips">Chips</label>
-</p-floatLabel>
-
-        <div class="card p-fluid">
-            <p-floatLabel class="float-variant-in">
-                <p-chips id="chips" [(ngModel)]="values" />
-                <label for="chips">Chips</label>
-            </p-floatLabel>
-        </div>
-`,
-
-        html: `<div class="card p-fluid">
-            <p-floatLabel>
-                <p-chips id="chips" [(ngModel)]="values" />
-                <label for="chips">Chips</label>
-            </p-floatLabel>
-        </div>
-
-        <div class="card p-fluid">
-            <p-floatLabel class="float-variant-in">
-                <p-chips id="chips" [(ngModel)]="values" />
-                <label for="chips">Chips</label>
-            </p-floatLabel>
-        </div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ChipsModule } from 'primeng/chips';
-import { FloatLabelModule } from 'primeng/floatlabel';
-
-@Component({
-    selector: 'chips-float-label-demo',
-    templateUrl: './chips-float-label-demo.html',
-    standalone: true,
-    imports: [FormsModule, ChipsModule, FloatLabelModule]
-})
-export class ChipsFloatLabelDemo {
-    values: string[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chips/importdoc.ts b/src/app/showcase/doc/chips/importdoc.ts
deleted file mode 100644
index 27ddaea..0000000
--- a/src/app/showcase/doc/chips/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ChipsModule } from 'primeng/chips';`
-    };
-}
diff --git a/src/app/showcase/doc/chips/invaliddoc.ts b/src/app/showcase/doc/chips/invaliddoc.ts
deleted file mode 100644
index 4687ef3..0000000
--- a/src/app/showcase/doc/chips/invaliddoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'chips-invalid-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-dirty</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card p-fluid">
-            <p-chips [(ngModel)]="values" class="ng-invalid ng-dirty" />
-        </div>
-        <app-code [code]="code" selector="chips-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc {
-    values: string[] | undefined;
-
-    code: Code = {
-        basic: `<p-chips [(ngModel)]="values" class="ng-invalid ng-dirty" />`,
-
-        html: `<div class="card p-fluid">
-    <p-chips [(ngModel)]="values" class="ng-invalid ng-dirty" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ChipsModule } from 'primeng/chips';
-
-@Component({
-    selector: 'chips-invalid-demo',
-    templateUrl: './chips-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, ChipsModule]
-})
-export class ChipsInvalidDemo {
-    values: string[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chips/maxvaluesdoc.ts b/src/app/showcase/doc/chips/maxvaluesdoc.ts
deleted file mode 100644
index 3e89d97..0000000
--- a/src/app/showcase/doc/chips/maxvaluesdoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-import { FormControl } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'max-values-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Chips can have a maximum number of entered items. To set this limit, the <i>max</i> property is used, which accepts a numeric value that represents the maximum number of items in the chip list</p>
-        </app-docsectiontext>
-        <div class="card p-fluid">
-            <p-chips [formControl]="values" [max]="2" placeholder="Maximum 2 items" />
-        </div>
-        <app-code [code]="code" selector="chips-max-values-demo"></app-code>
-    `
-})
-export class MaxValuesDoc {
-    values = new FormControl<string[] | null>(null);
-
-    code: Code = {
-        basic: `<p-chips 
-    [formControl]="values" 
-    [max]="max" 
-    placeholder="Maximum 2 items" />`,
-
-        html: `<div class="card p-fluid">
-    <p-chips 
-        [formControl]="values"
-        [max]="max" 
-        placeholder="Maximum 2 items" /> 
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormControl, ReactiveFormsModule } from '@angular/forms';
-import { ChipsModule } from 'primeng/chips';
-
-@Component({
-    selector: 'chips-max-values-demo',
-    templateUrl: './chips-max-values-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, ChipsModule]
-})
-export class ChipsMaxValuesDemo {
-    values = new FormControl<string[] | null>(null);
-    max = 2;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chips/reactiveformsdoc.ts b/src/app/showcase/doc/chips/reactiveformsdoc.ts
deleted file mode 100644
index a10b12a..0000000
--- a/src/app/showcase/doc/chips/reactiveformsdoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Chips can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card p-fluid">
-            <form [formGroup]="formGroup">
-                <p-chips formControlName="values" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="chips-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            values: new FormControl<string[] | null>(null)
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <p-chips formControlName="values" />
-</form>`,
-
-        html: `<div class="card p-fluid">
-    <form [formGroup]="formGroup">
-        <p-chips formControlName="values" />
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { ChipsModule } from 'primeng/chips';
-
-@Component({
-    selector: 'chips-reactive-forms-demo',
-    templateUrl: './chips-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, ChipsModule]
-})
-export class ChipsReactiveFormsDemo implements OnInit {
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            values: new FormControl<string[] | null>(null)
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chips/regexpseparator.doc.ts b/src/app/showcase/doc/chips/regexpseparator.doc.ts
deleted file mode 100644
index 52fbfb9..0000000
--- a/src/app/showcase/doc/chips/regexpseparator.doc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'chips-reg-exp-separator-demo',
-    template: ` <app-docsectiontext>
-            <p>A new chip is added when <i>enter</i> key is pressed, <i>separator</i> property allows definining an additional key. Currently only valid value is , to create a new item when comma key is pressed.</p>
-        </app-docsectiontext>
-        <div class="card p-fluid">
-            <p-chips [(ngModel)]="values" [separator]="separatorExp" placeholder="Hint: a, b c"></p-chips>
-        </div>
-        <app-code [code]="code" selector="chips-reg-exp-separator-demo"></app-code>`
-})
-export class RegexpSeparatorDoc {
-    separatorExp: RegExp = /,| /;
-
-    values: string[] | undefined;
-
-    code: Code = {
-        basic: `<p-chips [(ngModel)]="values" [separator]="separatorExp" placeholder="Hint: a, b c"></p-chips>`,
-
-        html: `
-<div class="card p-fluid">
-    <p-chips [(ngModel)]="values" [separator]="separatorExp" placeholder="Hint: a, b c"></p-chips>
-</div>`,
-
-        typescript: `
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'chips-reg-exp-separator-demo',
-    templateUrl: './chips-reg-exp-separator-demo.html'
-})
-export class ChipsRegExpSeparatorDemo {
-    values: string[] | undefined;
-
-    separatorExp: RegExp = /,| /;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chips/separatordoc.ts b/src/app/showcase/doc/chips/separatordoc.ts
deleted file mode 100644
index d57db04..0000000
--- a/src/app/showcase/doc/chips/separatordoc.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'chips-separator-demo',
-    template: ` <app-docsectiontext>
-            <p>A new chip is added when <i>enter</i> key is pressed, <i>separator</i> property allows definining an additional key. Currently only valid value is <i>,</i> to create a new item when comma key is pressed.</p>
-        </app-docsectiontext>
-        <div class="card p-fluid">
-            <p-chips [(ngModel)]="values" separator="," />
-        </div>
-        <app-code [code]="code" selector="chips-separator-demo"></app-code>`
-})
-export class SeparatorDoc {
-    values: string[] | undefined;
-
-    code: Code = {
-        basic: `<p-chips [(ngModel)]="values" separator="," />`,
-
-        html: `<div class="card p-fluid">
-    <p-chips [(ngModel)]="values" separator="," />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ChipsModule } from 'primeng/chips';
-
-@Component({
-    selector: 'chips-basic-demo',
-    templateUrl: './chips-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, ChipsModule]
-})
-export class ChipsSeparatorDemo {
-    values: string[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/chips/styledoc.ts b/src/app/showcase/doc/chips/styledoc.ts
deleted file mode 100644
index 39c67b1..0000000
--- a/src/app/showcase/doc/chips/styledoc.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <i>theming page.</i></p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-chips</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-chips-token</td>
-                        <td>Chip element container.</td>
-                    </tr>
-                    <tr>
-                        <td>p-chips-token-icon</td>
-                        <td>Icon of a chip.</td>
-                    </tr>
-                    <tr>
-                        <td>p-chips-token-label</td>
-                        <td>Label of a chip.</td>
-                    </tr>
-                    <tr>
-                        <td>p-chips-input-token</td>
-                        <td>Container of input element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/chips/templatedoc.ts b/src/app/showcase/doc/chips/templatedoc.ts
deleted file mode 100644
index 20863cb..0000000
--- a/src/app/showcase/doc/chips/templatedoc.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'chips-template-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A chip is customized using a <i>ng-template</i> element where the value is passed as the implicit variable.</p>
-        </app-docsectiontext>
-        <div class="card p-fluid">
-            <p-chips [(ngModel)]="values">
-                <ng-template let-item pTemplate="item"> {{ item }} - (active) <i class="pi pi-user ml-2"></i></ng-template>
-            </p-chips>
-        </div>
-        <app-code [code]="code" selector="chips-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    values: string[] | undefined;
-
-    code: Code = {
-        basic: `<p-chips [(ngModel)]="values">
-    <ng-template let-item pTemplate="item">
-        {{ item }} - (active) <i class="pi pi-user ml-2"></i> 
-     </ng-template>
-</p-chips>`,
-
-        html: `<div class="card p-fluid">
-    <p-chips [(ngModel)]="values">
-        <ng-template let-item pTemplate="item">
-            {{ item }} - (active) <i class="pi pi-user ml-2"></i>
-        </ng-template>
-    </p-chips>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ChipsModule } from 'primeng/chips';
-
-@Component({
-    selector: 'chips-template-demo',
-    templateUrl: './chips-template-demo.html',
-    standalone: true,
-    imports: [FormsModule, ChipsModule]
-})
-export class ChipsTemplateDemo {
-    values: string[] | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/colorpicker/accessibilitydoc.ts b/src/app/showcase/doc/colorpicker/accessibilitydoc.ts
deleted file mode 100644
index de0e9c3..0000000
--- a/src/app/showcase/doc/colorpicker/accessibilitydoc.ts
+++ /dev/null
@@ -1,116 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Specification does not cover a color picker <a href="https://github.com/w3c/aria/issues/930">yet</a> and using a semantic native color picker is not consistent across browsers so currently component is not compatible with screen
-                readers. In the upcoming versions, text fields will be introduced below the slider section to be able to pick a color using accessible text boxes in hsl, rgba and hex formats.
-            </p>
-        </app-docsectiontext>
-
-        <h3>Closed State Keyboard Support of Popup ColorPicker</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the color picker button.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Opens the popup and moves focus to the color slider.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Popup Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Selects the color and closes the popup.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Selects the color and closes the popup.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>escape</i>
-                        </td>
-                        <td>Closes the popup, moves focus to the input.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Color Picker Slider</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>arrow keys</i>
-                        </td>
-                        <td>Changes color.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Hue Slider</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <span class="inline-flex flex-col">
-                                <i class="mb-1">up arrow</i>
-                                <i>down arrow</i>
-                            </span>
-                        </td>
-                        <td>Changes hue.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/colorpicker/basicdoc.ts b/src/app/showcase/doc/colorpicker/basicdoc.ts
deleted file mode 100644
index a42f5b7..0000000
--- a/src/app/showcase/doc/colorpicker/basicdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'color-picker-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>ColorPicker is used as a controlled input with <i>ngModel</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-colorPicker [(ngModel)]="color" />
-        </div>
-        <app-code [code]="code" selector="color-picker-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    color: string | undefined;
-
-    code: Code = {
-        basic: `<p-colorPicker [(ngModel)]="color" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-colorPicker [(ngModel)]="color" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ColorPickerModule } from 'primeng/colorpicker';
-
-@Component({
-    selector: 'color-picker-basic-demo',
-    templateUrl: './color-picker-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, ColorPickerModule]
-})
-export class ColorPickerBasicDemo {
-    color: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/colorpicker/colorpickerdoc.module.ts b/src/app/showcase/doc/colorpicker/colorpickerdoc.module.ts
deleted file mode 100644
index b3c2565..0000000
--- a/src/app/showcase/doc/colorpicker/colorpickerdoc.module.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ColorPickerModule } from 'primeng/colorpicker';
-import { ImportDoc } from './importdoc';
-import { BasicDoc } from './basicdoc';
-import { InlineDoc } from './inlinedoc';
-import { FormatDoc } from './formatdoc';
-import { DisabledDoc } from './disableddoc';
-import { StyleDoc } from './styledoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, FormsModule, ReactiveFormsModule, ColorPickerModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, InlineDoc, FormatDoc, DisabledDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc]
-})
-export class ColorPickerDocModule {}
diff --git a/src/app/showcase/doc/colorpicker/disableddoc.ts b/src/app/showcase/doc/colorpicker/disableddoc.ts
deleted file mode 100644
index 183b409..0000000
--- a/src/app/showcase/doc/colorpicker/disableddoc.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'color-picker-disabled-demo',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-colorPicker [(ngModel)]="color" [disabled]="true" />
-        </div>
-        <app-code [code]="code" selector="color-picker-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    color: string | undefined;
-
-    code: Code = {
-        basic: `<p-colorPicker 
-    [(ngModel)]="color" 
-    [disabled]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-colorPicker 
-        [(ngModel)]="color" 
-        [disabled]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ColorPickerModule } from 'primeng/colorpicker';
-
-@Component({
-    selector: 'color-picker-format-demo',
-    templateUrl: './color-picker-format-demo.html',
-    standalone: true,
-    imports: [FormsModule, ColorPickerModule]
-})
-export class ColorPickerDisabledDemo {
-    color: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/colorpicker/formatdoc.ts b/src/app/showcase/doc/colorpicker/formatdoc.ts
deleted file mode 100644
index 4bf6ff2..0000000
--- a/src/app/showcase/doc/colorpicker/formatdoc.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'color-picker-format-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Default color format to use in value binding is <i>hex</i> and other possible values can be <i>rgb</i> and <i>hsb</i> using the <i>format</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3">
-            <div class="flex-1 flex flex-col items-center gap-3">
-                <label for="cp-hex" class="font-bold block mb-2"> HEX </label>
-                <p-colorPicker [(ngModel)]="color" inputId="cp-hex" />
-                <span>{{ color }}</span>
-            </div>
-            <div class="flex-1 flex flex-col items-center gap-3">
-                <label for="cp-rgb" class="font-bold block mb-2"> RGB </label>
-                <p-colorPicker [(ngModel)]="colorRGB" format="rgb" inputId="cp-rgb" />
-                <span>{{ 'r:' + colorRGB.r + ' g:' + colorRGB.g + ' b:' + colorRGB.b }}</span>
-            </div>
-            <div class="flex-1 flex flex-col items-center gap-3">
-                <label for="cp-hsb" class="font-bold block mb-2"> HSB </label>
-                <p-colorPicker [(ngModel)]="colorHSB" format="hsb" inputId="cp-hsb" />
-                <span>{{ 'h:' + colorHSB.h + ' s:' + colorHSB.s + ' b:' + colorHSB.b }}</span>
-            </div>
-        </div>
-        <app-code [code]="code" selector="color-picker-format-demo"></app-code>
-    `
-})
-export class FormatDoc {
-    color: string = '#6466f1';
-
-    colorRGB: any = { r: 100, g: 102, b: 241 };
-
-    colorHSB: any = { h: 239, s: 59, b: 95 };
-
-    code: Code = {
-        basic: `<p-colorPicker 
-    [(ngModel)]="color" />
-
-<p-colorPicker 
-    [(ngModel)]="colorRGB" 
-    format="rgb" />
-
-<p-colorPicker 
-    [(ngModel)]="colorHSB" 
-    format="hsb" />`,
-
-        html: `<div class="card flex flex-wrap gap-3">
-    <div class="flex-1 flex flex-col items-center gap-3">
-        <label for="cp-hex" class="font-bold block mb-2"> HEX </label>
-        <p-colorPicker 
-            [(ngModel)]="color" />
-        <span>{{ color }}</span>
-    </div>
-    <div class="flex-1 flex flex-col items-center gap-3">
-        <label for="cp-rgb" class="font-bold block mb-2"> RGB </label>
-        <p-colorPicker 
-            [(ngModel)]="colorRGB" 
-            format="rgb" />
-        <span>{{ 'r:' + colorRGB.r + ' g:' + colorRGB.g + ' b:' + colorRGB.b }}</span>
-    </div>
-    <div class="flex-1 flex flex-col items-center gap-3">
-        <label for="cp-hsb" class="font-bold block mb-2"> HSB </label>
-        <p-colorPicker 
-            [(ngModel)]="colorHSB" 
-            format="hsb" />
-        <span>{{ 'h:' + colorHSB.h + ' s:' + colorHSB.s + ' b:' + colorHSB.b }}</span>
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ColorPickerModule } from 'primeng/colorpicker';
-
-@Component({
-    selector: 'color-picker-format-demo',
-    templateUrl: './color-picker-format-demo.html',
-    standalone: true,
-    imports: [FormsModule, ColorPickerModule]
-})
-export class ColorPickerFormatDemo {
-    color: string = '#6466f1';
-
-    colorRGB: any = { r: 100, g: 102, b: 241 };
-
-    colorHSB: any = { h: 239, s: 59, b: 95 };
-}`
-    };
-}
diff --git a/src/app/showcase/doc/colorpicker/importdoc.ts b/src/app/showcase/doc/colorpicker/importdoc.ts
deleted file mode 100644
index 860cbf5..0000000
--- a/src/app/showcase/doc/colorpicker/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ColorPickerModule } from 'primeng/colorpicker';`
-    };
-}
diff --git a/src/app/showcase/doc/colorpicker/inlinedoc.ts b/src/app/showcase/doc/colorpicker/inlinedoc.ts
deleted file mode 100644
index 210e1c4..0000000
--- a/src/app/showcase/doc/colorpicker/inlinedoc.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'color-picker-inline-demo',
-    template: `
-        <app-docsectiontext>
-            <p>ColorPicker is displayed as a popup by default, add <i>inline</i> property to customize this behavior.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-colorPicker [(ngModel)]="color" [inline]="true" />
-        </div>
-        <app-code [code]="code" selector="color-picker-inline-demo"></app-code>
-    `
-})
-export class InlineDoc {
-    color: string | undefined;
-
-    code: Code = {
-        basic: `<p-colorPicker 
-    [(ngModel)]="color1" 
-    [inline]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-colorPicker 
-        [(ngModel)]="color" 
-        [inline]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ColorPickerModule } from 'primeng/colorpicker';
-
-@Component({
-    selector: 'color-picker-inline-demo',
-    templateUrl: './color-picker-inline-demo.html',
-    standalone: true,
-    imports: [FormsModule, ColorPickerModule]
-})
-export class ColorPickerInlineDemo {
-    color: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/colorpicker/reactiveformsdoc.ts b/src/app/showcase/doc/colorpicker/reactiveformsdoc.ts
deleted file mode 100644
index df859cf..0000000
--- a/src/app/showcase/doc/colorpicker/reactiveformsdoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>ColorPicker can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <p-colorPicker formControlName="color" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="color-picker-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            color: new FormControl()
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <p-colorPicker formControlName="color" />
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup">
-        <p-colorPicker formControlName="color" />
-    </form>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { ColorPickerModule } from 'primeng/colorpicker';
-
-@Component({
-    selector: 'color-picker-reactive-forms-demo',
-    templateUrl: './color-picker-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, ColorPickerModule]
-})
-export class ColorPickerReactiveFormsDemo {
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            color: new FormControl()
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/colorpicker/styledoc.ts b/src/app/showcase/doc/colorpicker/styledoc.ts
deleted file mode 100644
index c714002..0000000
--- a/src/app/showcase/doc/colorpicker/styledoc.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-colorpicker</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-colorpicker-overlay</td>
-                        <td>Container element in overlay mode.</td>
-                    </tr>
-                    <tr>
-                        <td>p-colorpicker-preview</td>
-                        <td>Preview input in overlay mode.</td>
-                    </tr>
-                    <tr>
-                        <td>p-colorpicker-panel</td>
-                        <td>Panel element of the colorpicker.</td>
-                    </tr>
-                    <tr>
-                        <td>p-colorpicker-content</td>
-                        <td>Wrapper that contains color and hue sections.</td>
-                    </tr>
-                    <tr>
-                        <td>p-colorpicker-color-selector</td>
-                        <td>Color selector container.</td>
-                    </tr>
-                    <tr>
-                        <td>p-colorpicker-color</td>
-                        <td>Color element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-colorpicker-color-handle</td>
-                        <td>Handle of the color element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-colorpicker-hue</td>
-                        <td>Hue slider.</td>
-                    </tr>
-                    <tr>
-                        <td>p-colorpicker-hue-handle</td>
-                        <td>Handle of the hue slider.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/colors/colorsdoc.module.ts b/src/app/showcase/doc/colors/colorsdoc.module.ts
deleted file mode 100644
index 51fe1d2..0000000
--- a/src/app/showcase/doc/colors/colorsdoc.module.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { OverviewDoc } from './overviewdoc';
-import { PaletteDoc } from './palettedoc';
-import { SurfacesDoc } from './surfacesdoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppDocModule, AppCodeModule],
-    exports: [AppDocModule],
-    declarations: [OverviewDoc, SurfacesDoc, PaletteDoc]
-})
-export class ColorsDocModule {}
diff --git a/src/app/showcase/doc/colors/overviewdoc.ts b/src/app/showcase/doc/colors/overviewdoc.ts
deleted file mode 100644
index ac799af..0000000
--- a/src/app/showcase/doc/colors/overviewdoc.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'overview-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Colors are exported as CSS variables and used with the standard <i>var</i> syntax such as <i>var(--text-color)</i>. Following is the list of general variables used in a theme.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Variable</th>
-                        <th>Description</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>--text-color</td>
-                        <td>Font text color.</td>
-                    </tr>
-                    <tr>
-                        <td>--text-secondary-color</td>
-                        <td>Muted font text color with a secondary level.</td>
-                    </tr>
-                    <tr>
-                        <td>--primary-color</td>
-                        <td>Primary color of the theme.</td>
-                    </tr>
-                    <tr>
-                        <td>--primary-color-text</td>
-                        <td>Text color when background is primary color.</td>
-                    </tr>
-                    <tr>
-                        <td>--font-family</td>
-                        <td>Font family of the theme.</td>
-                    </tr>
-                    <tr>
-                        <td>--inline-spacing</td>
-                        <td>Spacing between to adjacent items.</td>
-                    </tr>
-                    <tr>
-                        <td>--border-radius</td>
-                        <td>Common border radius of elements.</td>
-                    </tr>
-                    <tr>
-                        <td>--focus-ring</td>
-                        <td>Box shadow of a focused element.</td>
-                    </tr>
-                    <tr>
-                        <td>--mask-bg</td>
-                        <td>Background of an overlay mask.</td>
-                    </tr>
-                    <tr>
-                        <td>--highlight-bg</td>
-                        <td>Background of a highlighted element.</td>
-                    </tr>
-                    <tr>
-                        <td>--highlight-text-color</td>
-                        <td>Text color of a highlighted element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-        <div class="card flex justify-center gap-3 text-center">
-            <div [ngStyle]="{ backgroundColor: 'var(--highlight-bg)', color: 'var(--highlight-text-color)', borderRadius: 'var(--border-radius)', padding: '3rem' }">Highlighted Item</div>
-            <div [ngStyle]="{ backgroundColor: 'var(--primary-color)', color: 'var(--primary-color-text)', borderRadius: 'var(--border-radius)', padding: '3rem' }">Primary Color</div>
-        </div>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class OverviewDoc {
-    code: Code = {
-        basic: `<div [ngStyle]="{backgroundColor:'var(--highlight-bg)', color: 'var(--highlight-text-color)', borderRadius: 'var(--border-radius)', padding: '3rem'}">Highlighted Item</div>
-<div [ngStyle]="{backgroundColor:'var(--primary-color)', color: 'var(--primary-color-text)', borderRadius: 'var(--border-radius)', padding: '3rem'}">Primary Color</div>`
-    };
-}
diff --git a/src/app/showcase/doc/colors/palettedoc.ts b/src/app/showcase/doc/colors/palettedoc.ts
deleted file mode 100644
index 9e9a533..0000000
--- a/src/app/showcase/doc/colors/palettedoc.ts
+++ /dev/null
@@ -1,171 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'palette-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Colors palette consists of 13 main colors where each color provides tints/shades from 50 to 900.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex flex-wrap gap-6">
-                <div class="flex flex-col">
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--primary-50); color: rgb(0, 0, 0);">primary-50</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--primary-100); color: rgb(0, 0, 0);">primary-100</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--primary-200); color: rgb(0, 0, 0);">primary-200</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--primary-300); color: rgb(0, 0, 0);">primary-300</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--primary-400); color: rgb(0, 0, 0);">primary-400</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--primary-500); color: rgb(0, 0, 0);">primary-500</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--primary-600); color: rgb(255, 255, 255);">primary-600</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--primary-700); color: rgb(255, 255, 255);">primary-700</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--primary-800); color: rgb(255, 255, 255);">primary-800</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--primary-900); color: rgb(255, 255, 255);">primary-900</div>
-                </div>
-                <div class="flex flex-col">
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--blue-50); color: rgb(0, 0, 0);">blue-50</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--blue-100); color: rgb(0, 0, 0);">blue-100</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--blue-200); color: rgb(0, 0, 0);">blue-200</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--blue-300); color: rgb(0, 0, 0);">blue-300</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--blue-400); color: rgb(0, 0, 0);">blue-400</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--blue-500); color: rgb(0, 0, 0);">blue-500</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--blue-600); color: rgb(255, 255, 255);">blue-600</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--blue-700); color: rgb(255, 255, 255);">blue-700</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--blue-800); color: rgb(255, 255, 255);">blue-800</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--blue-900); color: rgb(255, 255, 255);">blue-900</div>
-                </div>
-                <div class="flex flex-col">
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--green-50); color: rgb(0, 0, 0);">green-50</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--green-100); color: rgb(0, 0, 0);">green-100</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--green-200); color: rgb(0, 0, 0);">green-200</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--green-300); color: rgb(0, 0, 0);">green-300</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--green-400); color: rgb(0, 0, 0);">green-400</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--green-500); color: rgb(0, 0, 0);">green-500</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--green-600); color: rgb(255, 255, 255);">green-600</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--green-700); color: rgb(255, 255, 255);">green-700</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--green-800); color: rgb(255, 255, 255);">green-800</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--green-900); color: rgb(255, 255, 255);">green-900</div>
-                </div>
-                <div class="flex flex-col">
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--yellow-50); color: rgb(0, 0, 0);">yellow-50</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--yellow-100); color: rgb(0, 0, 0);">yellow-100</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--yellow-200); color: rgb(0, 0, 0);">yellow-200</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--yellow-300); color: rgb(0, 0, 0);">yellow-300</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--yellow-400); color: rgb(0, 0, 0);">yellow-400</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--yellow-500); color: rgb(0, 0, 0);">yellow-500</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--yellow-600); color: rgb(255, 255, 255);">yellow-600</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--yellow-700); color: rgb(255, 255, 255);">yellow-700</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--yellow-800); color: rgb(255, 255, 255);">yellow-800</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--yellow-900); color: rgb(255, 255, 255);">yellow-900</div>
-                </div>
-                <div class="flex flex-col">
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--cyan-50); color: rgb(0, 0, 0);">cyan-50</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--cyan-100); color: rgb(0, 0, 0);">cyan-100</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--cyan-200); color: rgb(0, 0, 0);">cyan-200</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--cyan-300); color: rgb(0, 0, 0);">cyan-300</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--cyan-400); color: rgb(0, 0, 0);">cyan-400</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--cyan-500); color: rgb(0, 0, 0);">cyan-500</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--cyan-600); color: rgb(255, 255, 255);">cyan-600</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--cyan-700); color: rgb(255, 255, 255);">cyan-700</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--cyan-800); color: rgb(255, 255, 255);">cyan-800</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--cyan-900); color: rgb(255, 255, 255);">cyan-900</div>
-                </div>
-                <div class="flex flex-col">
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--pink-50); color: rgb(0, 0, 0);">pink-50</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--pink-100); color: rgb(0, 0, 0);">pink-100</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--pink-200); color: rgb(0, 0, 0);">pink-200</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--pink-300); color: rgb(0, 0, 0);">pink-300</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--pink-400); color: rgb(0, 0, 0);">pink-400</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--pink-500); color: rgb(0, 0, 0);">pink-500</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--pink-600); color: rgb(255, 255, 255);">pink-600</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--pink-700); color: rgb(255, 255, 255);">pink-700</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--pink-800); color: rgb(255, 255, 255);">pink-800</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--pink-900); color: rgb(255, 255, 255);">pink-900</div>
-                </div>
-                <div class="flex flex-col">
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--indigo-50); color: rgb(0, 0, 0);">indigo-50</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--indigo-100); color: rgb(0, 0, 0);">indigo-100</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--indigo-200); color: rgb(0, 0, 0);">indigo-200</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--indigo-300); color: rgb(0, 0, 0);">indigo-300</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--indigo-400); color: rgb(0, 0, 0);">indigo-400</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--indigo-500); color: rgb(0, 0, 0);">indigo-500</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--indigo-600); color: rgb(255, 255, 255);">indigo-600</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--indigo-700); color: rgb(255, 255, 255);">indigo-700</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--indigo-800); color: rgb(255, 255, 255);">indigo-800</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--indigo-900); color: rgb(255, 255, 255);">indigo-900</div>
-                </div>
-                <div class="flex flex-col">
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--teal-50); color: rgb(0, 0, 0);">teal-50</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--teal-100); color: rgb(0, 0, 0);">teal-100</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--teal-200); color: rgb(0, 0, 0);">teal-200</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--teal-300); color: rgb(0, 0, 0);">teal-300</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--teal-400); color: rgb(0, 0, 0);">teal-400</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--teal-500); color: rgb(0, 0, 0);">teal-500</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--teal-600); color: rgb(255, 255, 255);">teal-600</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--teal-700); color: rgb(255, 255, 255);">teal-700</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--teal-800); color: rgb(255, 255, 255);">teal-800</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--teal-900); color: rgb(255, 255, 255);">teal-900</div>
-                </div>
-                <div class="flex flex-col">
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--orange-50); color: rgb(0, 0, 0);">orange-50</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--orange-100); color: rgb(0, 0, 0);">orange-100</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--orange-200); color: rgb(0, 0, 0);">orange-200</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--orange-300); color: rgb(0, 0, 0);">orange-300</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--orange-400); color: rgb(0, 0, 0);">orange-400</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--orange-500); color: rgb(0, 0, 0);">orange-500</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--orange-600); color: rgb(255, 255, 255);">orange-600</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--orange-700); color: rgb(255, 255, 255);">orange-700</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--orange-800); color: rgb(255, 255, 255);">orange-800</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--orange-900); color: rgb(255, 255, 255);">orange-900</div>
-                </div>
-                <div class="flex flex-col">
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--bluegray-50); color: rgb(0, 0, 0);">bluegray-50</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--bluegray-100); color: rgb(0, 0, 0);">bluegray-100</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--bluegray-200); color: rgb(0, 0, 0);">bluegray-200</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--bluegray-300); color: rgb(0, 0, 0);">bluegray-300</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--bluegray-400); color: rgb(0, 0, 0);">bluegray-400</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--bluegray-500); color: rgb(0, 0, 0);">bluegray-500</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--bluegray-600); color: rgb(255, 255, 255);">bluegray-600</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--bluegray-700); color: rgb(255, 255, 255);">bluegray-700</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--bluegray-800); color: rgb(255, 255, 255);">bluegray-800</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--bluegray-900); color: rgb(255, 255, 255);">bluegray-900</div>
-                </div>
-                <div class="flex flex-col">
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--purple-50); color: rgb(0, 0, 0);">purple-50</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--purple-100); color: rgb(0, 0, 0);">purple-100</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--purple-200); color: rgb(0, 0, 0);">purple-200</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--purple-300); color: rgb(0, 0, 0);">purple-300</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--purple-400); color: rgb(0, 0, 0);">purple-400</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--purple-500); color: rgb(0, 0, 0);">purple-500</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--purple-600); color: rgb(255, 255, 255);">purple-600</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--purple-700); color: rgb(255, 255, 255);">purple-700</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--purple-800); color: rgb(255, 255, 255);">purple-800</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--purple-900); color: rgb(255, 255, 255);">purple-900</div>
-                </div>
-                <div class="flex flex-col">
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--red-50); color: rgb(0, 0, 0);">red-50</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--red-100); color: rgb(0, 0, 0);">red-100</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--red-200); color: rgb(0, 0, 0);">red-200</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--red-300); color: rgb(0, 0, 0);">red-300</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--red-400); color: rgb(0, 0, 0);">red-400</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--red-500); color: rgb(0, 0, 0);">red-500</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--red-600); color: rgb(255, 255, 255);">red-600</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--red-700); color: rgb(255, 255, 255);">red-700</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--red-800); color: rgb(255, 255, 255);">red-800</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--red-900); color: rgb(255, 255, 255);">red-900</div>
-                </div>
-                <div class="flex flex-col">
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--gray-50); color: rgb(0, 0, 0);">gray-50</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--gray-100); color: rgb(0, 0, 0);">gray-100</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--gray-200); color: rgb(0, 0, 0);">gray-200</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--gray-300); color: rgb(0, 0, 0);">gray-300</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--gray-400); color: rgb(0, 0, 0);">gray-400</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--gray-500); color: rgb(0, 0, 0);">gray-500</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--gray-600); color: rgb(255, 255, 255);">gray-600</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--gray-700); color: rgb(255, 255, 255);">gray-700</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--gray-800); color: rgb(255, 255, 255);">gray-800</div>
-                    <div class="!w-18 flex items-center p-3 font-bold" style="background-color: var(--gray-900); color: rgb(255, 255, 255);">gray-900</div>
-                </div>
-            </div>
-        </div>
-    `
-})
-export class PaletteDoc {}
diff --git a/src/app/showcase/doc/colors/surfacesdoc.ts b/src/app/showcase/doc/colors/surfacesdoc.ts
deleted file mode 100644
index 2442a7d..0000000
--- a/src/app/showcase/doc/colors/surfacesdoc.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'surfaces-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Surface palette is used when designing the layers such as headers, content, footers, overlays and dividers. Surface palette varies between 0 - 900 and named surfaces are also available.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="color-stack">
-                <div *ngFor="let shade of shades">
-                    <div class="color-box" [ngStyle]="{ backgroundColor: 'var(--surface-' + shade + ')', color: shade < 600 ? 'var(--surface-900)' : 'var(--surface-0)' }">surface-{{ shade }}</div>
-                </div>
-            </div>
-        </div>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Variable</th>
-                        <th>Description</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>--surface-ground</td>
-                        <td>Base ground color.</td>
-                    </tr>
-                    <tr>
-                        <td>--surface-section</td>
-                        <td>Background color of a section on a ground surface.</td>
-                    </tr>
-                    <tr>
-                        <td>--surface-card</td>
-                        <td>Color of a surface used as a card.</td>
-                    </tr>
-                    <tr>
-                        <td>--surface-overlay</td>
-                        <td>Color of overlay surfaces.</td>
-                    </tr>
-                    <tr>
-                        <td>--surface-border</td>
-                        <td>Color of a divider.</td>
-                    </tr>
-                    <tr>
-                        <td>--surface-hover</td>
-                        <td>Color of an element in hover state.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `,
-    styles: [
-        `
-            .color-stack {
-                display: flex;
-                flex-direction: column;
-            }
-
-            .color-box {
-                width: 2.5rem;
-                display: flex;
-                align-items: center;
-                padding: 1rem;
-                width: 250px;
-                font-weight: bold;
-            }
-
-            .sample-layout {
-                width: 375px;
-            }
-        `
-    ]
-})
-export class SurfacesDoc {
-    colors: string[] = ['blue', 'green', 'yellow', 'cyan', 'pink', 'indigo', 'red', 'teal', 'orange', 'bluegray', 'purple', 'gray', 'primary'];
-
-    shades: number[] = [0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
-}
diff --git a/src/app/showcase/doc/configuration/configurationdoc.module.ts b/src/app/showcase/doc/configuration/configurationdoc.module.ts
deleted file mode 100644
index 11e63dc..0000000
--- a/src/app/showcase/doc/configuration/configurationdoc.module.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { FilterModeDoc } from './filtermodedoc';
-import { ImportDoc } from './importdoc';
-import { ApiDoc } from './locale/apidoc';
-import { NgxTranslateDoc } from './locale/ngx-translatedoc';
-import { RepositoryDoc } from './locale/repositorydoc';
-import { SetLocaleDoc } from './locale/setlocaledoc';
-import { RippleDoc } from './rippledoc';
-import { ZIndexDoc } from './zindexdoc';
-import { CspDoc } from './cspdoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, RouterModule],
-    exports: [AppDocModule],
-    declarations: [FilterModeDoc, ImportDoc, CspDoc, RippleDoc, ZIndexDoc, NgxTranslateDoc, ApiDoc, RepositoryDoc, SetLocaleDoc]
-})
-export class ConfigurationDocModule {}
diff --git a/src/app/showcase/doc/configuration/cspdoc.ts b/src/app/showcase/doc/configuration/cspdoc.ts
deleted file mode 100644
index 2479075..0000000
--- a/src/app/showcase/doc/configuration/cspdoc.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Component, inject } from '@angular/core';
-import { Code } from '@domain/code';
-import { PrimeNGConfig } from 'primeng/api';
-
-@Component({
-    selector: 'csp-doc',
-    template: `
-        <app-docsectiontext>
-            <p>The <i>nonce</i> value to use on dynamically generated style elements in core.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class CspDoc {
-    code: Code = {
-        basic: `constructor(private primengConfig: PrimeNGConfig) {
-    this.primengConfig.csp.set({nonce: '...'});
-}
-        `
-    };
-}
diff --git a/src/app/showcase/doc/configuration/filtermodedoc.ts b/src/app/showcase/doc/configuration/filtermodedoc.ts
deleted file mode 100644
index 68789cc..0000000
--- a/src/app/showcase/doc/configuration/filtermodedoc.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'filter-mode-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Default filter modes to display on DataTable filter menus.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class FilterModeDoc {
-    code: Code = {
-        typescript: `import { FilterMatchMode, PrimeNGConfig } from 'primeng/api';
-
-@Component({
-    selector: 'app-root',
-    templateUrl: './app.component.html'
-})
-export class AppComponent implements OnInit {
-
-    constructor(private primengConfig: PrimeNGConfig) {}
-
-    ngOnInit() {
-        this.primengConfig.filterMatchModeOptions = {
-            text: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS],
-            numeric: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],
-            date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
-        };
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/configuration/importdoc.ts b/src/app/showcase/doc/configuration/importdoc.ts
deleted file mode 100644
index 912f558..0000000
--- a/src/app/showcase/doc/configuration/importdoc.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Configuration is managed by the <i>PrimeNGConfig</i> instance imported from <i>primeng/api</i> and injected via dependency injection.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { PrimeNGConfig } from 'primeng/api';`
-    };
-}
diff --git a/src/app/showcase/doc/configuration/locale/apidoc.ts b/src/app/showcase/doc/configuration/locale/apidoc.ts
deleted file mode 100644
index fa46657..0000000
--- a/src/app/showcase/doc/configuration/locale/apidoc.ts
+++ /dev/null
@@ -1,477 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'api-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Configuration is managed by the Locale API imported from <i>primeng/config</i>.</p>
-
-            <h3>Locale Options</h3>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Value</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>startsWith</td>
-                        <td>Starts with</td>
-                    </tr>
-                    <tr>
-                        <td>contains</td>
-                        <td>Contains</td>
-                    </tr>
-                    <tr>
-                        <td>notContains</td>
-                        <td>Not contains</td>
-                    </tr>
-                    <tr>
-                        <td>endsWith</td>
-                        <td>Ends with</td>
-                    </tr>
-                    <tr>
-                        <td>equals</td>
-                        <td>Equals</td>
-                    </tr>
-                    <tr>
-                        <td>notEquals</td>
-                        <td>Not equals</td>
-                    </tr>
-                    <tr>
-                        <td>noFilter</td>
-                        <td>No Filter</td>
-                    </tr>
-                    <tr>
-                        <td>lt</td>
-                        <td>Less than</td>
-                    </tr>
-                    <tr>
-                        <td>lte</td>
-                        <td>Less than or equal to</td>
-                    </tr>
-                    <tr>
-                        <td>gt</td>
-                        <td>Greater than</td>
-                    </tr>
-                    <tr>
-                        <td>gte</td>
-                        <td>Greater than or equal to</td>
-                    </tr>
-                    <tr>
-                        <td>dateIs</td>
-                        <td>Date is</td>
-                    </tr>
-                    <tr>
-                        <td>dateIsNot</td>
-                        <td>Date is not</td>
-                    </tr>
-                    <tr>
-                        <td>dateBefore</td>
-                        <td>Date is before</td>
-                    </tr>
-                    <tr>
-                        <td>dateAfter</td>
-                        <td>Date is after</td>
-                    </tr>
-                    <tr>
-                        <td>clear</td>
-                        <td>Clear</td>
-                    </tr>
-                    <tr>
-                        <td>apply</td>
-                        <td>Apply</td>
-                    </tr>
-                    <tr>
-                        <td>matchAll</td>
-                        <td>Match All</td>
-                    </tr>
-                    <tr>
-                        <td>matchAny</td>
-                        <td>Match Any</td>
-                    </tr>
-                    <tr>
-                        <td>addRule</td>
-                        <td>Add Rule</td>
-                    </tr>
-                    <tr>
-                        <td>removeRule</td>
-                        <td>Remove Rule</td>
-                    </tr>
-                    <tr>
-                        <td>accept</td>
-                        <td>Yes</td>
-                    </tr>
-                    <tr>
-                        <td>reject</td>
-                        <td>No</td>
-                    </tr>
-                    <tr>
-                        <td>choose</td>
-                        <td>Choose</td>
-                    </tr>
-                    <tr>
-                        <td>upload</td>
-                        <td>Upload</td>
-                    </tr>
-                    <tr>
-                        <td>cancel</td>
-                        <td>Cancel</td>
-                    </tr>
-                    <tr>
-                        <td>completed</td>
-                        <td>Completed</td>
-                    </tr>
-                    <tr>
-                        <td>pending</td>
-                        <td>Pending</td>
-                    </tr>
-                    <tr>
-                        <td>fileSizeTypes</td>
-                        <td>['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']</td>
-                    </tr>
-                    <tr>
-                        <td>dayNames</td>
-                        <td>['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']</td>
-                    </tr>
-                    <tr>
-                        <td>dayNamesShort</td>
-                        <td>['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']</td>
-                    </tr>
-                    <tr>
-                        <td>dayNamesMin</td>
-                        <td>['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']</td>
-                    </tr>
-                    <tr>
-                        <td>monthNames</td>
-                        <td>['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']</td>
-                    </tr>
-                    <tr>
-                        <td>monthNamesShort</td>
-                        <td>['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']</td>
-                    </tr>
-                    <tr>
-                        <td>chooseYear</td>
-                        <td>Choose Year</td>
-                    </tr>
-                    <tr>
-                        <td>chooseMonth</td>
-                        <td>Choose Month</td>
-                    </tr>
-                    <tr>
-                        <td>chooseDate</td>
-                        <td>Choose Date</td>
-                    </tr>
-                    <tr>
-                        <td>prevDecade</td>
-                        <td>Previous Decade</td>
-                    </tr>
-                    <tr>
-                        <td>nextDecade</td>
-                        <td>Next Decade</td>
-                    </tr>
-                    <tr>
-                        <td>prevYear</td>
-                        <td>Previous Year</td>
-                    </tr>
-                    <tr>
-                        <td>nextYear</td>
-                        <td>Next Year</td>
-                    </tr>
-                    <tr>
-                        <td>prevMonth</td>
-                        <td>Previous Month</td>
-                    </tr>
-                    <tr>
-                        <td>nextMonth</td>
-                        <td>Next Month</td>
-                    </tr>
-                    <tr>
-                        <td>prevHour</td>
-                        <td>Previous Hour</td>
-                    </tr>
-                    <tr>
-                        <td>nextHour</td>
-                        <td>Next Hour</td>
-                    </tr>
-                    <tr>
-                        <td>prevMinute</td>
-                        <td>Previous Minute</td>
-                    </tr>
-                    <tr>
-                        <td>nextMinute</td>
-                        <td>Next Minute</td>
-                    </tr>
-                    <tr>
-                        <td>prevSecond</td>
-                        <td>Previous Second</td>
-                    </tr>
-                    <tr>
-                        <td>nextSecond</td>
-                        <td>Next Second</td>
-                    </tr>
-                    <tr>
-                        <td>am</td>
-                        <td>am</td>
-                    </tr>
-                    <tr>
-                        <td>pm</td>
-                        <td>pm</td>
-                    </tr>
-                    <tr>
-                        <td>today</td>
-                        <td>Today</td>
-                    </tr>
-                    <tr>
-                        <td>weekHeader</td>
-                        <td>Wk</td>
-                    </tr>
-                    <tr>
-                        <td>firstDayOfWeek</td>
-                        <td>0</td>
-                    </tr>
-                    <tr>
-                        <td>dateFormat</td>
-                        <td>mm/dd/yy</td>
-                    </tr>
-                    <tr>
-                        <td>weak</td>
-                        <td>Weak</td>
-                    </tr>
-                    <tr>
-                        <td>medium</td>
-                        <td>Medium</td>
-                    </tr>
-                    <tr>
-                        <td>strong</td>
-                        <td>Strong</td>
-                    </tr>
-                    <tr>
-                        <td>passwordPrompt</td>
-                        <td>Enter a password</td>
-                    </tr>
-                    <tr>
-                        <td>emptyFilterMessage</td>
-                        <td>No results found'</td>
-                    </tr>
-                    <tr>
-                        <td>searchMessage</td>
-                        <td>&#123;0&#125; results are available</td>
-                    </tr>
-                    <tr>
-                        <td>selectionMessage</td>
-                        <td>&#123;0&#125; items selected</td>
-                    </tr>
-                    <tr>
-                        <td>emptySelectionMessage</td>
-                        <td>No selected item</td>
-                    </tr>
-                    <tr>
-                        <td>emptySearchMessage</td>
-                        <td>No results found</td>
-                    </tr>
-                    <tr>
-                        <td>emptyMessage</td>
-                        <td>No available options</td>
-                    </tr>
-                    <tr>
-                        <td>aria.trueLabel</td>
-                        <td>True</td>
-                    </tr>
-                    <tr>
-                        <td>aria.falseLabel</td>
-                        <td>False</td>
-                    </tr>
-                    <tr>
-                        <td>aria.nullLabel</td>
-                        <td>Not Selected</td>
-                    </tr>
-                    <tr>
-                        <td>aria.star</td>
-                        <td>1 star</td>
-                    </tr>
-                    <tr>
-                        <td>aria.stars</td>
-                        <td>&#123;star&#125; stars</td>
-                    </tr>
-                    <tr>
-                        <td>aria.selectAll</td>
-                        <td>All items selected</td>
-                    </tr>
-                    <tr>
-                        <td>aria.unselectAll</td>
-                        <td>All items unselected</td>
-                    </tr>
-                    <tr>
-                        <td>aria.close</td>
-                        <td>Close</td>
-                    </tr>
-                    <tr>
-                        <td>aria.previous</td>
-                        <td>Previous</td>
-                    </tr>
-                    <tr>
-                        <td>aria.next</td>
-                        <td>Next</td>
-                    </tr>
-                    <tr>
-                        <td>aria.navigation</td>
-                        <td>Navigation</td>
-                    </tr>
-                    <tr>
-                        <td>aria.scrollTop</td>
-                        <td>Scroll Top</td>
-                    </tr>
-                    <tr>
-                        <td>aria.moveTop</td>
-                        <td>Move Top</td>
-                    </tr>
-                    <tr>
-                        <td>aria.moveUp</td>
-                        <td>Move Up</td>
-                    </tr>
-                    <tr>
-                        <td>aria.moveDown</td>
-                        <td>Move Down</td>
-                    </tr>
-                    <tr>
-                        <td>aria.moveBottom</td>
-                        <td>Move Bottom</td>
-                    </tr>
-                    <tr>
-                        <td>aria.moveToTarget</td>
-                        <td>Move to Target</td>
-                    </tr>
-                    <tr>
-                        <td>aria.moveToSource</td>
-                        <td>Move to Source</td>
-                    </tr>
-                    <tr>
-                        <td>aria.moveAllToTarget</td>
-                        <td>Move All to Target</td>
-                    </tr>
-                    <tr>
-                        <td>aria.moveAllToSource</td>
-                        <td>Move All to Source</td>
-                    </tr>
-                    <tr>
-                        <td>aria.pageLabel</td>
-                        <td>&#123;page&#125;</td>
-                    </tr>
-                    <tr>
-                        <td>aria.firstPageLabel</td>
-                        <td>First Page</td>
-                    </tr>
-                    <tr>
-                        <td>aria.lastPageLabel</td>
-                        <td>Last Page</td>
-                    </tr>
-                    <tr>
-                        <td>aria.nextPageLabel</td>
-                        <td>Next Page</td>
-                    </tr>
-                    <tr>
-                        <td>aria.prevPageLabel</td>
-                        <td>Previous Page</td>
-                    </tr>
-                    <tr>
-                        <td>aria.rowsPerPageLabel</td>
-                        <td>Rows per page</td>
-                    </tr>
-                    <tr>
-                        <td>aria.jumpToPageDropdownLabel</td>
-                        <td>Jump to Page Dropdown</td>
-                    </tr>
-                    <tr>
-                        <td>aria.jumpToPageInputLabel</td>
-                        <td>Jump to Page Input</td>
-                    </tr>
-                    <tr>
-                        <td>aria.selectRow</td>
-                        <td>Row Selected</td>
-                    </tr>
-                    <tr>
-                        <td>aria.unselectRow</td>
-                        <td>Row Unselected</td>
-                    </tr>
-                    <tr>
-                        <td>aria.expandRow</td>
-                        <td>Row Expanded</td>
-                    </tr>
-                    <tr>
-                        <td>aria.collapseRow</td>
-                        <td>Row Collapsed</td>
-                    </tr>
-                    <tr>
-                        <td>aria.showFilterMenu</td>
-                        <td>Show Filter Menu</td>
-                    </tr>
-                    <tr>
-                        <td>aria.hideFilterMenu</td>
-                        <td>Hide Filter Menu</td>
-                    </tr>
-                    <tr>
-                        <td>aria.filterOperator</td>
-                        <td>Filter Operator</td>
-                    </tr>
-                    <tr>
-                        <td>aria.filterConstraint</td>
-                        <td>Filter Constraint</td>
-                    </tr>
-                    <tr>
-                        <td>aria.editRow</td>
-                        <td>Row Edit</td>
-                    </tr>
-                    <tr>
-                        <td>aria.saveEdit</td>
-                        <td>Save Edit</td>
-                    </tr>
-                    <tr>
-                        <td>aria.cancelEdit</td>
-                        <td>Cancel Edit</td>
-                    </tr>
-                    <tr>
-                        <td>aria.listView</td>
-                        <td>List View</td>
-                    </tr>
-                    <tr>
-                        <td>aria.gridView</td>
-                        <td>Grid View</td>
-                    </tr>
-                    <tr>
-                        <td>aria.slide</td>
-                        <td>Slide</td>
-                    </tr>
-                    <tr>
-                        <td>aria.slideNumber</td>
-                        <td>&#123;slideNumber&#125;</td>
-                    </tr>
-                    <tr>
-                        <td>aria.zoomImage</td>
-                        <td>Zoom Image</td>
-                    </tr>
-                    <tr>
-                        <td>aria.zoomIn</td>
-                        <td>Zoom In</td>
-                    </tr>
-                    <tr>
-                        <td>aria.zoomOut</td>
-                        <td>Zoom Out</td>
-                    </tr>
-                    <tr>
-                        <td>aria.rotateRight</td>
-                        <td>Rotate Right</td>
-                    </tr>
-                    <tr>
-                        <td>aria.rotateLeft</td>
-                        <td>Rotate Left</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class ApiDoc {}
diff --git a/src/app/showcase/doc/configuration/locale/ngx-translatedoc.ts b/src/app/showcase/doc/configuration/locale/ngx-translatedoc.ts
deleted file mode 100644
index 7b9f7b5..0000000
--- a/src/app/showcase/doc/configuration/locale/ngx-translatedoc.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'ngx-translate-doc',
-    template: `
-        <app-docsectiontext>
-            <p>i18n API can easily be integrated with 3rd party libraries such as ngx-translate that even allows dynamically changing the language in the application.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class NgxTranslateDoc {
-    code: Code = {
-        typescript: `
-import { Component, OnInit } from '@angular/core';
-import { PrimeNGConfig } from 'primeng/api';
-import { TranslateService } from '@ngx-translate/core';
-
-@Component({
-    selector: 'app-root',
-    templateUrl: './app.component.html'
-})
-export class AppComponent implements OnInit {
-
-    constructor(private config: PrimeNGConfig, private translateService: TranslateService) {}
-
-    ngOnInit() {
-        this.translateService.setDefaultLang('en');
-    }
-
-    translate(lang: string) {
-        this.translateService.use(lang);
-        this.translateService.get('primeng').subscribe(res => this.config.setTranslation(res));
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/configuration/locale/repositorydoc.ts b/src/app/showcase/doc/configuration/locale/repositorydoc.ts
deleted file mode 100644
index d5de8ac..0000000
--- a/src/app/showcase/doc/configuration/locale/repositorydoc.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'repository-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Ready to use settings for locales are available at the community supported <a href="https://github.com/primefaces/primelocale">PrimeLocale</a> repository. We'd appreciate if you could contribute to this repository with pull requests
-                and share it with the rest of the community.
-            </p>
-        </app-docsectiontext>
-    `
-})
-export class RepositoryDoc {}
diff --git a/src/app/showcase/doc/configuration/locale/setlocaledoc.ts b/src/app/showcase/doc/configuration/locale/setlocaledoc.ts
deleted file mode 100644
index efe4743..0000000
--- a/src/app/showcase/doc/configuration/locale/setlocaledoc.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'set-locale-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                A translation is applied using the PrimeNGConfig instance so begin with injecting it. A common location is the application root to initialize the default language used by the components. English is the default language and
-                <i>setTranslation</i> function is used to change the values by passing a <i>Translation</i> object.
-            </p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class SetLocaleDoc {
-    code: Code = {
-        typescript: `
-import { Component, OnInit } from '@angular/core';
-import { PrimeNGConfig } from 'primeng/api';
-
-@Component({
-    selector: 'app-root',
-    templateUrl: './app.component.html'
-})
-export class AppComponent implements OnInit, OnDestroy {
-
-    constructor(private primengConfig: PrimeNGConfig) {}
-
-    ngOnInit() {
-        this.primengConfig.setTranslation({
-            accept: 'Accept',
-            reject: 'Cancel',
-            //translations
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/configuration/rippledoc.ts b/src/app/showcase/doc/configuration/rippledoc.ts
deleted file mode 100644
index 1dffac6..0000000
--- a/src/app/showcase/doc/configuration/rippledoc.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'ripple-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Ripple is an optional animation for the supported components such as buttons. It is disabled by default and needs to be enabled globally by injecting <i>PrimeNGConfig</i>.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class RippleDoc {
-    code: Code = {
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PrimeNGConfig } from 'primeng/api';
-
-@Component({
-    selector: 'app-root',
-    templateUrl: './app.component.html'
-})
-export class AppComponent implements OnInit {
-
-    constructor(private primengConfig: PrimeNGConfig) {}
-
-    ngOnInit() {
-        this.primengConfig.ripple = true;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/configuration/zindexdoc.ts b/src/app/showcase/doc/configuration/zindexdoc.ts
deleted file mode 100644
index d559148..0000000
--- a/src/app/showcase/doc/configuration/zindexdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'zindex-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                ZIndexes are managed automatically to make sure layering of overlay components work seamlessly when combining multiple components. Still there may be cases where you'd like to configure the configure default values such as a custom
-                layout where header section is fixed. In a case like this, dropdown needs to be displayed below the application header but a modal dialog should be displayed above. PrimeNG configuration offers the <i>zIndex</i> property to customize
-                the default values for components categories. Default values are described below and can be customized when setting up PrimeNG.
-            </p>
-            <p class="doc-section-description">The ZIndex of all components is increased according to their groups in harmony with each other. When <i>autoZIndex</i> is false, each group increments its zIndex within itself.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class ZIndexDoc {
-    code: Code = {
-        typescript: `import { PrimeNGConfig } from 'primeng/api';
-
-@Component({
-    selector: 'app-root',
-    templateUrl: './app.component.html'
-})
-export class AppComponent implements OnInit {
-
-    constructor(private primengConfig: PrimeNGConfig) {}
-
-    ngOnInit() {
-        this.primengConfig.zIndex = {
-            modal: 1100,    // dialog, sidebar
-            overlay: 1000,  // dropdown, overlaypanel
-            menu: 1000,     // overlay menus
-            tooltip: 1100   // tooltip
-        };
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/confirmdialog/accessibilitydoc.ts b/src/app/showcase/doc/confirmdialog/accessibilitydoc.ts
deleted file mode 100644
index 5647284..0000000
--- a/src/app/showcase/doc/confirmdialog/accessibilitydoc.ts
+++ /dev/null
@@ -1,110 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                ConfirmDialog component uses <i>alertdialog</i> role along with <i>aria-labelledby</i> referring to the header element however any attribute is passed to the root element so you may use <i>aria-labelledby</i> to override this default
-                behavior. In addition <i>aria-modal</i> is added since focus is kept within the popup.
-            </p>
-            <p>It is recommended to use a trigger component that can be accessed with keyboard such as a button, if not adding <i>tabIndex</i> would be necessary.</p>
-            <p>
-                When <i>confirm</i> function is used and a trigger is passed as a parameter, ConfirmDialog adds <i>aria-expanded</i> state attribute and <i>aria-controls</i> to the trigger so that the relation between the trigger and the popup is
-                defined.
-            </p>
-
-            <app-code [code]="code1" [hideToggleCode]="true"></app-code>
-
-            <p>If the dialog is controlled with the <i>visible</i> property <i>aria-expanded</i> and <i>aria-controls</i> need to be handled explicitly.</p>
-
-            <app-code [code]="code2" [hideToggleCode]="true"></app-code>
-
-            <h3>Overlay Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Moves focus to the next the focusable element within the popup.</td>
-                        </tr>
-                        <tr>
-                            <td><i>shift</i> + <i>tab</i></td>
-                            <td>Moves focus to the previous the focusable element within the popup.</td>
-                        </tr>
-                        <tr>
-                            <td><i>escape</i></td>
-                            <td>Closes the popup and moves focus to the trigger.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-
-            <h3>Buttons Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Triggers the action, closes the popup and moves focus to the trigger.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Triggers the action, closes the popup and moves focus to the trigger.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {
-    code1: Code = {
-        typescript: `confirm1() {
-this.confirmationService.confirm({
-    message: 'Are you sure that you want to proceed?',
-    header: 'Confirmation',
-    icon: 'pi pi-exclamation-triangle',
-    accept: () => acceptFunc(),
-    reject: () => rejectFunc()
-});
-
-<p-button (onClick)="confirm1()" icon="pi pi-check" label="Confirm"></p-button>
-
-<p-confirmDialog></p-confirmDialog>
-        `
-    };
-
-    code2: Code = {
-        html: `<p-confirmDialog 
-    id="dialog" 
-    [visible]="visible" 
-    (onHide)="visible = false" 
-    message="Are you sure you want to proceed?" 
-    header="Confirmation" 
-    icon="pi pi-exclamation-triangle"
-></p-confirmDialog>
-
-<p-button 
-    (click)="visible = true" 
-    icon="pi pi-check" 
-    label="Confirm" 
-    aria-controls="{{visible ? 'dialog' : null}} 
-    aria-expanded="{{visible ? true : false}}"
-></p-button>`
-    };
-}
diff --git a/src/app/showcase/doc/confirmdialog/basicdoc.ts b/src/app/showcase/doc/confirmdialog/basicdoc.ts
deleted file mode 100644
index 2dfe077..0000000
--- a/src/app/showcase/doc/confirmdialog/basicdoc.ts
+++ /dev/null
@@ -1,133 +0,0 @@
-import { Component } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'confirm-dialog-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>ConfirmDialog is defined using <i>p-confirmDialog</i> tag and an instance of <i>ConfirmationService</i> is required to display it bycalling confirm method.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-2">
-            <p-toast />
-            <p-confirmDialog />
-            <p-button (onClick)="confirm1($event)" label="Save" [outlined]="true" />
-            <p-button (onClick)="confirm2($event)" label="Delete" severity="danger" [outlined]="true" />
-        </div>
-        <app-code [code]="code" selector="confirm-dialog-basic-demo"></app-code>
-    `,
-    providers: [ConfirmationService, MessageService]
-})
-export class BasicDoc {
-    constructor(
-        private confirmationService: ConfirmationService,
-        private messageService: MessageService
-    ) {}
-
-    confirm1(event: Event) {
-        this.confirmationService.confirm({
-            target: event.target as EventTarget,
-            message: 'Are you sure that you want to proceed?',
-            header: 'Confirmation',
-            icon: 'pi pi-exclamation-triangle',
-            acceptIcon: 'none',
-            rejectIcon: 'none',
-            rejectButtonStyleClass: 'p-button-text',
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted' });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
-            }
-        });
-    }
-
-    confirm2(event: Event) {
-        this.confirmationService.confirm({
-            target: event.target as EventTarget,
-            message: 'Do you want to delete this record?',
-            header: 'Delete Confirmation',
-            icon: 'pi pi-info-circle',
-            acceptButtonStyleClass: 'p-button-danger p-button-text',
-            rejectButtonStyleClass: 'p-button-text p-button-text',
-            acceptIcon: 'none',
-            rejectIcon: 'none',
-
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'Record deleted' });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected' });
-            }
-        });
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-confirmDialog />
-<p-button (onClick)="confirm1($event)" label="Save" [outlined]="true" />
-<p-button (onClick)="confirm2($event)" label="Delete" severity="danger" [outlined]="true" />`,
-
-        html: `<div class="card flex justify-center gap-2">
-    <p-toast />
-    <p-confirmDialog />
-    <p-button (onClick)="confirm1($event)" label="Save" [outlined]="true" />
-    <p-button (onClick)="confirm2($event)" label="Delete" severity="danger" [outlined]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-                  
-@Component({
-    selector: 'confirm-dialog-basic-demo',
-    templateUrl: './confirm-dialog-basic-demo.html',
-    standalone: true,
-    imports: [ConfirmDialogModule, ToastModule, ButtonModule],
-    providers: [ConfirmationService, MessageService]
-})
-export class ConfirmDialogBasicDemo {
-    constructor(private confirmationService: ConfirmationService, private messageService: MessageService) {}
-
-    confirm1(event: Event) {
-        this.confirmationService.confirm({
-            target: event.target as EventTarget,
-            message: 'Are you sure that you want to proceed?',
-            header: 'Confirmation',
-            icon: 'pi pi-exclamation-triangle',
-            acceptIcon:"none",
-            rejectIcon:"none",
-            rejectButtonStyleClass:"p-button-text",
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted' });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
-            }
-        });
-    }
-
-    confirm2(event: Event) {
-        this.confirmationService.confirm({
-            target: event.target as EventTarget,
-            message: 'Do you want to delete this record?',
-            header: 'Delete Confirmation',
-            icon: 'pi pi-info-circle',
-            acceptButtonStyleClass:"p-button-danger p-button-text",
-            rejectButtonStyleClass:"p-button-text p-button-text",
-            acceptIcon:"none",
-            rejectIcon:"none",
-
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'Record deleted' });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected' });
-            }
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/confirmdialog/confirmdialogdoc.module.ts b/src/app/showcase/doc/confirmdialog/confirmdialogdoc.module.ts
deleted file mode 100644
index 0b0bc97..0000000
--- a/src/app/showcase/doc/confirmdialog/confirmdialogdoc.module.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { ButtonModule } from 'primeng/button';
-import { ToastModule } from 'primeng/toast';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { PositionDoc } from './positiondoc';
-import { TemplateDoc } from './templatedoc';
-import { HeadlessDoc } from './headlessdoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { SeverityDoc } from '@doc/confirmdialog/severitycdoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, RouterModule, ConfirmDialogModule, ButtonModule, ToastModule, AppDocModule],
-    declarations: [BasicDoc, ImportDoc,SeverityDoc, StyleDoc, PositionDoc, TemplateDoc, HeadlessDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class ConfirmDialogDocModule {}
diff --git a/src/app/showcase/doc/confirmdialog/headlessdoc.ts b/src/app/showcase/doc/confirmdialog/headlessdoc.ts
deleted file mode 100644
index 0c2e6a3..0000000
--- a/src/app/showcase/doc/confirmdialog/headlessdoc.ts
+++ /dev/null
@@ -1,146 +0,0 @@
-import { Component } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'confirm-dialog-headless-demo',
-    template: `
-        <app-docsectiontext>
-            <p><i>Headless</i> mode allows you to customize the entire user interface instead of the default elements.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-confirmDialog #cd>
-                <ng-template pTemplate="headless" let-message>
-                    <div class="flex flex-col items-center p-5 surface-overlay border-round">
-                        <div class="border-circle bg-primary inline-flex justify-center items-center !h-6 !w-6">
-                            <i class="pi pi-question text-5xl"></i>
-                        </div>
-                        <span class="font-bold text-2xl block mb-2 mt-4">{{ message.header }}</span>
-                        <p class="mb-0">{{ message.message }}</p>
-                        <div class="flex items-center gap-2 mt-4">
-                            <button pButton label="Save" (click)="cd.accept()" class="!w-8"></button>
-                            <button pButton label="Cancel" (click)="cd.reject()" class="p-button-outlined !w-8 "></button>
-                        </div>
-                    </div>
-                </ng-template>
-            </p-confirmDialog>
-            <p-button (onClick)="confirm()" icon="pi pi-check" label="Confirm" />
-        </div>
-        <app-code [code]="code" selector="confirm-dialog-headless-demo"></app-code>
-    `,
-    providers: [ConfirmationService, MessageService]
-})
-export class HeadlessDoc {
-    constructor(
-        private confirmationService: ConfirmationService,
-        private messageService: MessageService
-    ) {}
-
-    confirm() {
-        this.confirmationService.confirm({
-            header: 'Are you sure?',
-            message: 'Please confirm to proceed.',
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted', life: 3000 });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
-            }
-        });
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-confirmDialog #cd>
-    <ng-template pTemplate="headless" let-message>
-        <div class="flex flex-col items-center p-5 surface-overlay border-round">
-            <div class="border-circle bg-primary inline-flex justify-center items-center !h-6 !w-6">
-                <i class="pi pi-question text-5xl"></i>
-            </div>
-            <span class="font-bold text-2xl block mb-2 mt-4">
-                {{ message.header }}
-            </span>
-            <p class="mb-0">{{ message.message }}</p>
-            <div class="flex items-center gap-2 mt-4">
-                <button
-                    pButton
-                    label="Save"
-                    (click)="cd.accept()"
-                    class="!w-8">
-                </button>
-                <button
-                    pButton
-                    label="Cancel"
-                    (click)="cd.reject()"
-                    class="p-button-outlined !w-8 ">
-                </button>
-            </div>
-        </div>
-    </ng-template>
-</p-confirmDialog>
-<p-button (onClick)="confirm()" icon="pi pi-check" label="Confirm" />`,
-
-        html: `<div class="card flex justify-center">
-<p-toast />
-<p-confirmDialog #cd>
-    <ng-template pTemplate="headless" let-message>
-        <div class="flex flex-col items-center p-5 surface-overlay border-round">
-            <div class="border-circle bg-primary inline-flex justify-center items-center !h-6 !w-6">
-                <i class="pi pi-question text-5xl"></i>
-            </div>
-            <span class="font-bold text-2xl block mb-2 mt-4">
-                {{ message.header }}
-            </span>
-            <p class="mb-0">{{ message.message }}</p>
-            <div class="flex items-center gap-2 mt-4">
-                <button
-                    pButton
-                    label="Save"
-                    (click)="cd.accept()"
-                    class="!w-8">
-                </button>
-                <button
-                    pButton
-                    label="Cancel"
-                    (click)="cd.reject()"
-                    class="p-button-outlined !w-8 ">
-                </button>
-            </div>
-        </div>
-    </ng-template>
-</p-confirmDialog>
-<p-button (onClick)="confirm()" icon="pi pi-check" label="Confirm" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { ButtonModule } from 'primeng/button';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'confirm-dialog-headless-demo',
-    templateUrl: './confirm-dialog-headless-demo.html',
-    standalone: true,
-    imports: [ConfirmDialogModule, ButtonModule, ToastModule],
-    providers: [ConfirmationService, MessageService]
-})
-export class ConfirmDialogHeadlessDemo {
-    constructor(private confirmationService: ConfirmationService, private messageService: MessageService) {}
-
-    confirm() {
-        this.confirmationService.confirm({
-            header: 'Are you sure?',
-            message: 'Please confirm to proceed.',
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted', life: 3000 });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
-            }
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/confirmdialog/importdoc.ts b/src/app/showcase/doc/confirmdialog/importdoc.ts
deleted file mode 100644
index 8f9e4b8..0000000
--- a/src/app/showcase/doc/confirmdialog/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ConfirmDialogModule } from 'primeng/confirmdialog';`
-    };
-}
diff --git a/src/app/showcase/doc/confirmdialog/positiondoc.ts b/src/app/showcase/doc/confirmdialog/positiondoc.ts
deleted file mode 100644
index b479ef5..0000000
--- a/src/app/showcase/doc/confirmdialog/positiondoc.ts
+++ /dev/null
@@ -1,209 +0,0 @@
-import { Component } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'confirm-dialog-position-demo',
-    template: `
-        <app-docsectiontext>
-            <p>The <i>position</i> property of the confirm options is used to display a Dialog at all edges and corners of the screen.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap flex-col items-center gap-2">
-            <p-toast />
-            <p-confirmDialog key="positionDialog" [position]="position" rejectButtonStyleClass="p-button-outlined" />
-            <div class="flex flex-wrap justify-center gap-2">
-                <p-button (onClick)="confirmPosition('left')" icon="pi pi-arrow-right" label="Left" severity="secondary" />
-                <p-button (onClick)="confirmPosition('right')" icon="pi pi-arrow-left" label="Right" severity="secondary" />
-            </div>
-            <div class="flex flex-wrap justify-center gap-2">
-                <p-button (onClick)="confirmPosition('top-left')" icon="pi pi-arrow-down" label="TopLeft" severity="secondary" />
-                <p-button (onClick)="confirmPosition('top')" icon="pi pi-arrow-down" label="Top" severity="secondary" />
-                <p-button (onClick)="confirmPosition('top-right')" icon="pi pi-arrow-down" label="TopRight" severity="secondary" />
-            </div>
-            <div class="flex flex-wrap justify-center gap-2">
-                <p-button (onClick)="confirmPosition('bottom-left')" icon="pi pi-arrow-up" label="BottomLeft" severity="secondary" />
-                <p-button (onClick)="confirmPosition('bottom')" icon="pi pi-arrow-up" label="Bottom" severity="secondary" />
-                <p-button (onClick)="confirmPosition('bottom-right')" icon="pi pi-arrow-up" label="BottomRight" severity="secondary" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="confirm-dialog-position-demo"></app-code>
-    `,
-    providers: [ConfirmationService, MessageService]
-})
-export class PositionDoc {
-    position: string = 'center';
-
-    constructor(
-        private confirmationService: ConfirmationService,
-        private messageService: MessageService
-    ) {}
-
-    confirmPosition(position: string) {
-        this.position = position;
-
-        this.confirmationService.confirm({
-            message: 'Are you sure you want to proceed?',
-            header: 'Confirmation',
-            icon: 'pi pi-info-circle',
-            acceptIcon: 'none',
-            rejectIcon: 'none',
-            rejectButtonStyleClass: 'p-button-text',
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'Request submitted' });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'Process incomplete', life: 3000 });
-            },
-            key: 'positionDialog'
-        });
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-confirmDialog 
-    key="positionDialog" 
-    [position]="position" 
-    rejectButtonStyleClass="p-button-outlined" />
-
-<div class="flex flex-wrap justify-center gap-2">
-    <p-button 
-        (click)="confirmPosition('left')" 
-        icon="pi pi-arrow-right" 
-        label="Left" 
-        severity="secondary" />
-    <p-button 
-        (click)="confirmPosition('right')" 
-        icon="pi pi-arrow-left" 
-        label="Right" 
-        severity="secondary" />
-</div>
-<div class="flex flex-wrap justify-center gap-2">
-    <p-button 
-        (click)="confirmPosition('top-left')" 
-        icon="pi pi-arrow-down" 
-        label="TopLeft" 
-        severity="secondary" />
-    <p-button 
-        (click)="confirmPosition('top')" 
-        icon="pi pi-arrow-down" 
-        label="Top" 
-        severity="secondary" />
-    <p-button 
-        (click)="confirmPosition('top-right')" 
-        icon="pi pi-arrow-down" 
-        label="TopRight" 
-        severity="secondary" />
-</div>
-<div class="flex flex-wrap justify-center gap-2">
-    <p-button 
-        (click)="confirmPosition('bottom-left')" 
-        icon="pi pi-arrow-up" 
-        label="BottomLeft" 
-        severity="secondary" />
-    <p-button 
-        (click)="confirmPosition('bottom')" 
-        icon="pi pi-arrow-up" 
-        label="Bottom" 
-        severity="secondary" />
-    <p-button 
-        (click)="confirmPosition('bottom-right')" 
-        icon="pi pi-arrow-up" 
-        label="BottomRight" 
-        severity="secondary" />
-</div>`,
-
-        html: `<div class="card flex flex-wrap flex-col items-center gap-2">
-    <p-toast />
-    <p-confirmDialog 
-        key="positionDialog" 
-        [position]="position" 
-        rejectButtonStyleClass="p-button-outlined" />
-
-    <div class="flex flex-wrap justify-center gap-2">
-        <p-button 
-            (click)="confirmPosition('left')" 
-            icon="pi pi-arrow-right" 
-            label="Left" 
-            severity="secondary" />
-        <p-button 
-            (click)="confirmPosition('right')" 
-            icon="pi pi-arrow-left" 
-            label="Right" 
-            severity="secondary" />
-    </div>
-    <div class="flex flex-wrap justify-center gap-2">
-        <p-button 
-            (click)="confirmPosition('top-left')" 
-            icon="pi pi-arrow-down" 
-            label="TopLeft" 
-            severity="secondary" />
-        <p-button 
-            (click)="confirmPosition('top')" 
-            icon="pi pi-arrow-down" 
-            label="Top" 
-            severity="secondary" />
-        <p-button 
-            (click)="confirmPosition('top-right')" 
-            icon="pi pi-arrow-down" 
-            label="TopRight" 
-            severity="secondary" />
-    </div>
-    <div class="flex flex-wrap justify-center gap-2">
-        <p-button 
-            (click)="confirmPosition('bottom-left')" 
-            icon="pi pi-arrow-up" 
-            label="BottomLeft" 
-            severity="secondary" />
-        <p-button 
-            (click)="confirmPosition('bottom')" 
-            icon="pi pi-arrow-up" 
-            label="Bottom" 
-            severity="secondary" />
-        <p-button 
-            (click)="confirmPosition('bottom-right')" 
-            icon="pi pi-arrow-up" 
-            label="BottomRight" 
-            severity="secondary" />
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { ButtonModule } from 'primeng/button';
-import { ToastModule } from 'primeng/toast';
-             
-@Component({
-    selector: 'confirm-dialog-position-demo',
-    templateUrl: './confirm-dialog-position-demo.html',
-    standalone: true,
-    imports: [ConfirmDialogModule, ButtonModule, ToastModule],
-    providers: [ConfirmationService, MessageService]
-})
-export class ConfirmDialogPositionDemo {
-    position: string = 'center';
-
-    constructor(private confirmationService: ConfirmationService, private messageService: MessageService) {}
-
-    confirmPosition(position: string) {
-        this.position = position;
-
-        this.confirmationService.confirm({
-            message: 'Are you sure you want to proceed?',
-            header: 'Confirmation',
-            icon: 'pi pi-info-circle',
-            acceptIcon:"none",
-            rejectIcon:"none",
-            rejectButtonStyleClass:"p-button-text",
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'Request submitted' });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'Process incomplete', life: 3000 });
-            },
-            key: 'positionDialog'
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/confirmdialog/severitycdoc.ts b/src/app/showcase/doc/confirmdialog/severitycdoc.ts
deleted file mode 100644
index 2b2736b..0000000
--- a/src/app/showcase/doc/confirmdialog/severitycdoc.ts
+++ /dev/null
@@ -1,110 +0,0 @@
-import { Component } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'confirm-dialog-severity-demo',
-    template: `
-        <app-docsectiontext>
-            <p>ConfirmDialog is defined using <i>.p-dialog-danger</i>, <i>.p-dialog-info</i>, <i>.p-dialog-warning</i>, <i>.p-dialog-success</i>, <i>.p-dialog-help</i>  class for severity</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-2">
-            <p-toast />
-            <p-confirmDialog [styleClass]="severityClass" />
-            <p-button (onClick)="confirm1($event,'danger')" severity="danger" label="danger" [outlined]="true" />
-            <p-button (onClick)="confirm1($event,'info')" severity="info" label="info"  [outlined]="true" />
-            <p-button (onClick)="confirm1($event,'warning')" severity="warning" label="warning"  [outlined]="true" />
-            <p-button (onClick)="confirm1($event,'success')" severity="success" label="success"  [outlined]="true" />
-            <p-button (onClick)="confirm1($event,'help')" severity="help" label="help"  [outlined]="true" />
-        </div>
-        <app-code [code]="code" selector="confirm-dialog-basic-demo"></app-code>
-    `,
-    providers: [ConfirmationService, MessageService]
-})
-export class SeverityDoc {
-    public severityClass = '';
-    constructor(
-        private confirmationService: ConfirmationService,
-        private messageService: MessageService
-    ) {}
-
-    confirm1(event: Event,severity: string) {
-        this.severityClass =`p-dialog-${severity}`;
-
-        this.confirmationService.confirm({
-            target: event.target as EventTarget,
-            message: `This is Confirm modal with class <i>.${this.severityClass}</i>`,
-            header: 'Confirmation',
-            acceptIcon: 'none',
-            rejectIcon: 'none',
-            acceptButtonStyleClass:`p-button-${severity}`,
-            rejectButtonStyleClass:`p-button-${severity} p-button-text`,
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted' });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
-            }
-        });
-    }
-
-
-    code: Code = {
-        basic: `<p-toast />
-            <p-confirmDialog [styleClass]="severityClass" />
-            <p-button (onClick)="confirm1($event,'danger')" severity="danger" label="danger" [outlined]="true" />
-            <p-button (onClick)="confirm1($event,'info')" severity="info" label="info"  [outlined]="true" />
-            <p-button (onClick)="confirm1($event,'warning')" severity="warning" label="warning"  [outlined]="true" />
-            <p-button (onClick)="confirm1($event,'success')" severity="success" label="success"  [outlined]="true" />
-            <p-button (onClick)="confirm1($event,'help')" severity="help" label="help"  [outlined]="true" />`,
-
-        html: `<div class="card flex justify-center gap-2">
-            <p-toast />
-            <p-confirmDialog [styleClass]="severityClass" />
-            <p-button (onClick)="confirm1($event,'danger')" severity="danger" label="danger" [outlined]="true" />
-            <p-button (onClick)="confirm1($event,'info')" severity="info" label="info"  [outlined]="true" />
-            <p-button (onClick)="confirm1($event,'warning')" severity="warning" label="warning"  [outlined]="true" />
-            <p-button (onClick)="confirm1($event,'success')" severity="success" label="success"  [outlined]="true" />
-            <p-button (onClick)="confirm1($event,'help')" severity="help" label="help"  [outlined]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'confirm-dialog-basic-demo',
-    templateUrl: './confirm-dialog-basic-demo.html',
-    standalone: true,
-    imports: [ConfirmDialogModule, ToastModule, ButtonModule],
-    providers: [ConfirmationService, MessageService]
-})
-export class ConfirmDialogBasicDemo {
-    public severityClass = '';
-    constructor(private confirmationService: ConfirmationService, private messageService: MessageService) {}
-
-      confirm1(event: Event,severity: string) {
-        this.severityClass =\`p-dialog-\${severity}\`;
-
-        this.confirmationService.confirm({
-            target: event.target as EventTarget,
-            message: \`This is Confirm modal with class <i>.${this.severityClass}</i>\`,
-            header: 'Confirmation',
-            acceptButtonStyleClass:\`p-button-\$\{severity}\`,
-            rejectButtonStyleClass:\`p-button-\$\{severity} p-button-text\`,
-            rejectIcon: 'none',
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted' });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
-            }
-        });
-    }
-
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/confirmdialog/styledoc.ts b/src/app/showcase/doc/confirmdialog/styledoc.ts
deleted file mode 100644
index 7ec481d..0000000
--- a/src/app/showcase/doc/confirmdialog/styledoc.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-dialog</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-confirmdialog</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-dialog-titlebar</td>
-                        <td>Container of header.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dialog-title</td>
-                        <td>Header element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dialog-titlebar-icon</td>
-                        <td>Icon container inside header.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dialog-titlebar-close</td>
-                        <td>Close icon element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dialog-content</td>
-                        <td>Content element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/confirmdialog/templatedoc.ts b/src/app/showcase/doc/confirmdialog/templatedoc.ts
deleted file mode 100644
index 45491a4..0000000
--- a/src/app/showcase/doc/confirmdialog/templatedoc.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import { Component } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'confirm-dialog-template-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Properties of the dialog are defined in two ways, <i>message</i>, <i>icon</i>, <i>header</i> properties can either be defined using confirm method or declaratively on p-confirmDialog ng-template by <i>header</i>, <i>message</i>,
-                <i>icon</i> and <i>footer</i> templates. If these values are unlikely to change then declarative approach would be useful, still properties defined in a ng-template can be overridden with confirm method call.
-            </p>
-            <p>
-                In addition, buttons at footer section can be customized by passing your own UI, important note to make confirmation work with a custom UI is defining a local ng-template variable for the dialog and assign accept()-reject() methods to
-                your own buttons.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-confirmDialog>
-                <ng-template pTemplate="message" let-message>
-                    <div class="flex flex-col items-center w-full gap-3 border-bottom-1 surface-border">
-                        <i class="pi pi-exclamation-circle text-6xl text-primary-500"></i>
-                        <p>{{ message.message }}</p>
-                    </div>
-                </ng-template>
-            </p-confirmDialog>
-            <p-button (onClick)="confirm()" label="Save" />
-        </div>
-        <app-code [code]="code" selector="confirm-dialog-template-demo"></app-code>
-    `,
-    providers: [ConfirmationService, MessageService]
-})
-export class TemplateDoc {
-    constructor(
-        private confirmationService: ConfirmationService,
-        private messageService: MessageService
-    ) {}
-
-    confirm() {
-        this.confirmationService.confirm({
-            header: 'Confirmation',
-            message: 'Please confirm to proceed moving forward.',
-            acceptIcon: 'pi pi-check mr-2',
-            rejectIcon: 'pi pi-times mr-2',
-            rejectButtonStyleClass: 'p-button-sm',
-            acceptButtonStyleClass: 'p-button-outlined p-button-sm',
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted', life: 3000 });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
-            }
-        });
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-confirmDialog>
-    <ng-template pTemplate="message" let-message>
-        <div class="flex flex-col items-center w-full gap-3 border-bottom-1 surface-border">
-            <i class="pi pi-exclamation-circle text-6xl text-primary-500"></i>
-            <p>{{ message.message }}</p>
-        </div>
-    </ng-template>
-</p-confirmDialog>
-<p-button (onClick)="confirm()" label="Save" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-toast />
-    <p-confirmDialog>
-        <ng-template pTemplate="message" let-message>
-            <div class="flex flex-col items-center w-full gap-3 border-bottom-1 surface-border">
-                <i class="pi pi-exclamation-circle text-6xl text-primary-500"></i>
-                <p>{{ message.message }}</p>
-            </div>
-        </ng-template>
-    </p-confirmDialog>
-    <p-button (onClick)="confirm()" label="Save" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-        
-@Component({
-    selector: 'confirm-dialog-template-demo',
-    templateUrl: './confirm-dialog-template-demo.html',
-    standalone: true,
-    imports: [ConfirmDialogModule, ToastModule, ButtonModule],
-    providers: [ConfirmationService, MessageService]
-})
-export class ConfirmDialogTemplateDemo {
-    constructor(private confirmationService: ConfirmationService, private messageService: MessageService) {}
-
-    confirm() {
-        this.confirmationService.confirm({
-            header: 'Confirmation',
-            message: 'Please confirm to proceed moving forward.',
-            acceptIcon: 'pi pi-check mr-2',
-            rejectIcon: 'pi pi-times mr-2',
-            rejectButtonStyleClass: 'p-button-sm',
-            acceptButtonStyleClass: 'p-button-outlined p-button-sm',
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted', life: 3000 });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
-            }
-        });
-    }
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/confirmpopup/accessibilitydoc.ts b/src/app/showcase/doc/confirmpopup/accessibilitydoc.ts
deleted file mode 100644
index 20104f4..0000000
--- a/src/app/showcase/doc/confirmpopup/accessibilitydoc.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                ConfirmPopup component uses <i>alertdialog</i> role and since any attribute is passed to the root element you may define attributes like <i>aria-label</i> or <i>aria-labelledby</i> to describe the popup contents. In addition
-                <i>aria-modal</i> is added since focus is kept within the popup.
-            </p>
-            <p>
-                It is recommended to use a trigger component that can be accessed with keyboard such as a button, if not adding <i>tabIndex</i> would be necessary. ConfirmPopup adds <i>aria-expanded</i> state attribute and <i>aria-controls</i> to the
-                trigger so that the relation between the trigger and the popup is defined.
-            </p>
-            <h3>Overlay Keyboard Support</h3>
-            <p>When the popup gets opened, the first focusable element receives the focus and this can be customized by adding <i>autofocus</i> to an element within the popup.</p>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Moves focus to the next the focusable element within the popup.</td>
-                        </tr>
-                        <tr>
-                            <td><i>shift</i> + <i>tab</i></td>
-                            <td>Moves focus to the previous the focusable element within the popup.</td>
-                        </tr>
-                        <tr>
-                            <td><i>escape</i></td>
-                            <td>Closes the popup and moves focus to the trigger.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-            <h3>Buttons Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Triggers the action, closes the popup and moves focus to the trigger.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Triggers the action, closes the popup and moves focus to the trigger.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/confirmpopup/basicdoc.ts b/src/app/showcase/doc/confirmpopup/basicdoc.ts
deleted file mode 100644
index 1d0fded..0000000
--- a/src/app/showcase/doc/confirmpopup/basicdoc.ts
+++ /dev/null
@@ -1,129 +0,0 @@
-import { Component } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'confirm-popup-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>ConfirmPopup is defined using <i>p-confirmPopup</i> tag and an instance of <i>ConfirmationService</i> is required to display it bycalling confirm method.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-2">
-            <p-toast />
-            <p-confirmPopup />
-            <p-button (onClick)="confirm1($event)" label="Save" [outlined]="true" />
-            <p-button (onClick)="confirm2($event)" label="Delete" severity="danger" [outlined]="true" />
-        </div>
-        <app-code [code]="code" selector="confirm-popup-basic-demo"></app-code>
-    `,
-    providers: [ConfirmationService, MessageService]
-})
-export class BasicDoc {
-    constructor(
-        private confirmationService: ConfirmationService,
-        private messageService: MessageService
-    ) {}
-
-    confirm1(event: Event) {
-        this.confirmationService.confirm({
-            target: event.target as EventTarget,
-            message: 'Are you sure you want to proceed?',
-            icon: 'pi pi-exclamation-triangle',
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted', life: 3000 });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
-            }
-        });
-    }
-
-    confirm2(event: Event) {
-        this.confirmationService.confirm({
-            target: event.target as EventTarget,
-            message: 'Do you want to delete this record?',
-            icon: 'pi pi-info-circle',
-            acceptButtonStyleClass: 'p-button-danger p-button-sm',
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'Record deleted', life: 3000 });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
-            }
-        });
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-confirmPopup />
-<p-button 
-    (click)="confirm1($event)" 
-    label="Save" 
-    [outlined]="true" />
-<p-button 
-    (click)="confirm2($event)" 
-    label="Delete" 
-    severity="danger" 
-    [outlined]="true" />`,
-
-        html: `<div class="card flex justify-center gap-2">
-    <p-toast />
-    <p-confirmPopup />
-    <p-button 
-        (click)="confirm1($event)" 
-        label="Save" 
-        [outlined]="true" />
-    <p-button 
-        (click)="confirm2($event)" 
-        label="Delete" 
-        severity="danger" 
-        [outlined]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { ButtonModule } from 'primeng/button';
-import { ToastModule } from 'primeng/toast';
-import { ConfirmPopupModule } from 'primeng/confirmpopup';
-
-@Component({
-    selector: 'confirm-popup-basic-demo',
-    templateUrl: './confirm-popup-basic-demo.html',
-    standalone: true,
-    imports: [ButtonModule, ToastModule, ConfirmPopupModule],
-    providers: [ConfirmationService, MessageService]
-})
-export class ConfirmPopupBasicDemo {
-    constructor(private confirmationService: ConfirmationService, private messageService: MessageService) {}
-    
-    confirm1(event: Event) {
-        this.confirmationService.confirm({
-            target: event.target as EventTarget,
-            message: 'Are you sure you want to proceed?',
-            icon: 'pi pi-exclamation-triangle',
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted', life: 3000 });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
-            }
-        });
-    }
-
-    confirm2(event: Event) {
-        this.confirmationService.confirm({
-            target: event.target as EventTarget,
-            message: 'Do you want to delete this record?',
-            icon: 'pi pi-info-circle',
-            acceptButtonStyleClass: 'p-button-danger p-button-sm',
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'Record deleted', life: 3000 });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
-            }
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/confirmpopup/confirmationapidoc.ts b/src/app/showcase/doc/confirmpopup/confirmationapidoc.ts
deleted file mode 100644
index 0ed0afe..0000000
--- a/src/app/showcase/doc/confirmpopup/confirmationapidoc.ts
+++ /dev/null
@@ -1,106 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'confirmationapi-doc',
-    template: `
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Type</th>
-                        <th>Default</th>
-                        <th>Description</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>message</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Message of the confirmation.</td>
-                    </tr>
-                    <tr>
-                        <td>key</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Optional key to match the key of the confirm popup, necessary to use when component tree has multiple confirm popups.</td>
-                    </tr>
-                    <tr>
-                        <td>icon</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Icon to display next to the message.</td>
-                    </tr>
-                    <tr>
-                        <td>accept</td>
-                        <td>Function</td>
-                        <td>null</td>
-                        <td>Callback to execute when action is confirmed.</td>
-                    </tr>
-                    <tr>
-                        <td>reject</td>
-                        <td>Function</td>
-                        <td>null</td>
-                        <td>Callback to execute when action is rejected.</td>
-                    </tr>
-                    <tr>
-                        <td>acceptLabel</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Label of the accept button.</td>
-                    </tr>
-                    <tr>
-                        <td>rejectLabel</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Label of the reject button.</td>
-                    </tr>
-                    <tr>
-                        <td>acceptIcon</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Icon of the accept button.</td>
-                    </tr>
-                    <tr>
-                        <td>rejectIcon</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Icon of the reject button.</td>
-                    </tr>
-                    <tr>
-                        <td>acceptVisible</td>
-                        <td>boolean</td>
-                        <td>true</td>
-                        <td>Visibility of the accept button.</td>
-                    </tr>
-                    <tr>
-                        <td>rejectVisible</td>
-                        <td>boolean</td>
-                        <td>true</td>
-                        <td>Visibility of the reject button.</td>
-                    </tr>
-                    <tr>
-                        <td>acceptButtonStyleClass</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Style class of the accept button.</td>
-                    </tr>
-                    <tr>
-                        <td>rejectButtonStyleClass</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Style class of the reject button.</td>
-                    </tr>
-                    <tr>
-                        <td>defaultFocus</td>
-                        <td>string</td>
-                        <td>accept</td>
-                        <td>Element to receive the focus when the popup gets visible, valid values are "accept", "reject", and "none".</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class ConfirmationApiDoc {}
diff --git a/src/app/showcase/doc/confirmpopup/confirmpopupdoc.module.ts b/src/app/showcase/doc/confirmpopup/confirmpopupdoc.module.ts
deleted file mode 100644
index ae20f67..0000000
--- a/src/app/showcase/doc/confirmpopup/confirmpopupdoc.module.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ConfirmPopupModule } from 'primeng/confirmpopup';
-import { ButtonModule } from 'primeng/button';
-import { ToastModule } from 'primeng/toast';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { PropsDoc } from './propsdoc';
-import { StyleDoc } from './styledoc';
-import { ConfirmationApiDoc } from './confirmationapidoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { TemplateDoc } from './templatedoc';
-import { TemplatesDoc } from './templatesdoc';
-import { HeadlessDoc } from './headlessdoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, RouterModule, ConfirmPopupModule, ButtonModule, ToastModule, AppDocModule],
-    declarations: [BasicDoc, ImportDoc, PropsDoc, StyleDoc, ConfirmationApiDoc, AccessibilityDoc, TemplatesDoc, TemplateDoc, HeadlessDoc],
-    exports: [AppDocModule]
-})
-export class ConfirmPopupDocModule {}
diff --git a/src/app/showcase/doc/confirmpopup/headlessdoc.ts b/src/app/showcase/doc/confirmpopup/headlessdoc.ts
deleted file mode 100644
index cb7a6fd..0000000
--- a/src/app/showcase/doc/confirmpopup/headlessdoc.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { Component, ViewChild } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-import { ConfirmPopup } from 'primeng/confirmpopup';
-@Component({
-    selector: 'confirm-popup-headless-demo',
-    template: `
-        <app-docsectiontext>
-            <p><i>Headless</i> mode allows you to customize the entire user interface instead of the default elements.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-confirmPopup #confirmPopupRef>
-                <ng-template pTemplate="headless" let-message let-test>
-                    <div class="border-round p-3">
-                        <span>{{ message.message }}</span>
-                        <div class="flex items-center gap-2 mt-3">
-                            <p-button (onClick)="accept()" label="Save" size="small" />
-                            <p-button (onClick)="reject()" label="Cancel" [outlined]="true" size="small" />
-                        </div>
-                    </div>
-                </ng-template>
-            </p-confirmPopup>
-            <p-button (onClick)="confirm($event)" label="Save" />
-        </div>
-        <app-code [code]="code" selector="confirm-popup-headless-demo"></app-code>
-    `,
-    providers: [ConfirmationService, MessageService]
-})
-export class HeadlessDoc {
-    constructor(
-        private confirmationService: ConfirmationService,
-        private messageService: MessageService
-    ) {}
-
-    @ViewChild(ConfirmPopup) confirmPopup!: ConfirmPopup;
-
-    accept() {
-        this.confirmPopup.accept();
-    }
-
-    reject() {
-        this.confirmPopup.reject();
-    }
-
-    confirm(event: Event) {
-        this.confirmationService.confirm({
-            target: event.target as EventTarget,
-            message: 'Save your current process?',
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted', life: 3000 });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
-            }
-        });
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-    <p-confirmPopup #confirmPopupRef>
-        <ng-template pTemplate="headless" let-message let-test>
-            <div class="border-round p-3">
-                <span>{{ message.message }}</span>
-                <div class="flex items-center gap-2 mt-3">
-                    <p-button (onClick)="accept()" label="Save" size="small" />
-                    <p-button (onClick)="reject()" label="Cancel" [outlined]="true" size="small" />
-                </div>
-            </div>
-        </ng-template>
-    </p-confirmPopup>
-<p-button (onClick)="confirm($event)" label="Save" />`,
-
-        html: `<div class="card flex justify-center gap-2">
-    <p-toast />
-    <p-confirmPopup #confirmPopupRef>
-        <ng-template pTemplate="headless" let-message let-test>
-            <div class="border-round p-3">
-                <span>{{ message.message }}</span>
-                <div class="flex items-center gap-2 mt-3">
-                    <p-button (onClick)="accept()" label="Save" size="small" />
-                    <p-button (onClick)="reject()" label="Cancel" [outlined]="true" size="small" />
-                </div>
-            </div>
-        </ng-template>
-    </p-confirmPopup>
-<p-button (onClick)="confirm($event)" label="Save" />
-</div>`,
-
-        typescript: `import { Component, ViewChild } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { ConfirmPopup, ConfirmPopupModule } from 'primeng/confirmpopup';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'confirm-popup-headless-demo',
-    templateUrl: './confirm-popup-headless-demo.html',
-    standalone: true,
-    imports: [ConfirmPopupModule, ToastModule, ButtonModule],
-    providers: [ConfirmationService, MessageService]
-})
-export class ConfirmPopupHeadlessDemo {
-   constructor(private confirmationService: ConfirmationService, private messageService: MessageService) {}
-
-    @ViewChild(ConfirmPopup) confirmPopup!: ConfirmPopup;
-
-    accept() {
-        this.confirmPopup.accept();
-    }
-
-    reject() {
-        this.confirmPopup.reject();
-    }
-
-    confirm(event: Event) {
-        this.confirmationService.confirm({
-            target: event.target as EventTarget,
-            message: 'Save your current process?',
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted', life: 3000 });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
-            }
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/confirmpopup/importdoc.ts b/src/app/showcase/doc/confirmpopup/importdoc.ts
deleted file mode 100644
index 6c09481..0000000
--- a/src/app/showcase/doc/confirmpopup/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ConfirmPopupModule } from 'primeng/confirmpopup';`
-    };
-}
diff --git a/src/app/showcase/doc/confirmpopup/propsdoc.ts b/src/app/showcase/doc/confirmpopup/propsdoc.ts
deleted file mode 100644
index 0dff965..0000000
--- a/src/app/showcase/doc/confirmpopup/propsdoc.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'props-doc',
-    template: `
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Type</th>
-                        <th>Default</th>
-                        <th>Description</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>key</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Optional key to match the key of confirm object, necessary to use when component tree has multiple confirm dialogs.</td>
-                    </tr>
-                    <tr>
-                        <td>showTransitionOptions</td>
-                        <td>string</td>
-                        <td>.12s cubic-bezier(0, 0, 0.2, 1)</td>
-                        <td>Transition options of the show animation.</td>
-                    </tr>
-                    <tr>
-                        <td>hideTransitionOptions</td>
-                        <td>string</td>
-                        <td>.1s linear</td>
-                        <td>Transition options of the hide animation.</td>
-                    </tr>
-                    <tr>
-                        <td>autoZIndex</td>
-                        <td>boolean</td>
-                        <td>true</td>
-                        <td>Whether to automatically manage layering.</td>
-                    </tr>
-                    <tr>
-                        <td>baseZIndex</td>
-                        <td>number</td>
-                        <td>0</td>
-                        <td>Base zIndex value to use in layering.</td>
-                    </tr>
-                    <tr>
-                        <td>style</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Inline style of the component.</td>
-                    </tr>
-                    <tr>
-                        <td>styleClass</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Style class of the component.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class PropsDoc {}
diff --git a/src/app/showcase/doc/confirmpopup/styledoc.ts b/src/app/showcase/doc/confirmpopup/styledoc.ts
deleted file mode 100644
index 9a411ce..0000000
--- a/src/app/showcase/doc/confirmpopup/styledoc.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-confirm-popup</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-confirm-popup-content</td>
-                        <td>Content element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-confirm-popup-icon</td>
-                        <td>Message icon.</td>
-                    </tr>
-                    <tr>
-                        <td>p-confirm-popup-message</td>
-                        <td>Message text.</td>
-                    </tr>
-                    <tr>
-                        <td>p-confirm-popup-footer</td>
-                        <td>Footer element for buttons.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/confirmpopup/templatedoc.ts b/src/app/showcase/doc/confirmpopup/templatedoc.ts
deleted file mode 100644
index 5c3e95e..0000000
--- a/src/app/showcase/doc/confirmpopup/templatedoc.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import { Component } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'confirm-popup-template-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Content section can be customized using <i>content</i> template.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-confirmPopup>
-                <ng-template pTemplate="content" let-message>
-                    <div class="flex flex-col items-center w-full gap-3 border-bottom-1 surface-border p-3 mb-3">
-                        <i [class]="message.icon" class="text-6xl text-primary-500"></i>
-                        <p>{{ message.message }}</p>
-                    </div>
-                </ng-template>
-            </p-confirmPopup>
-            <p-button (onClick)="confirm($event)" label="Save" />
-        </div>
-        <app-code [code]="code" selector="confirm-popup-template-demo"></app-code>
-    `,
-    providers: [ConfirmationService, MessageService]
-})
-export class TemplateDoc {
-    constructor(
-        private confirmationService: ConfirmationService,
-        private messageService: MessageService
-    ) {}
-
-    confirm(event: Event) {
-        this.confirmationService.confirm({
-            target: event.target as EventTarget,
-            message: 'Please confirm to proceed moving forward.',
-            icon: 'pi pi-exclamation-circle',
-            acceptIcon: 'pi pi-check mr-1',
-            rejectIcon: 'pi pi-times mr-1',
-            acceptLabel: 'Confirm',
-            rejectLabel: 'Cancel',
-            rejectButtonStyleClass: 'p-button-outlined p-button-sm',
-            acceptButtonStyleClass: 'p-button-sm',
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted', life: 3000 });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
-            }
-        });
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-    <p-confirmPopup>
-        <ng-template pTemplate="content" let-message>
-            <div class="flex flex-col items-center w-full gap-3 border-bottom-1 surface-border p-3 mb-3">
-                <i [class]="message.icon" class="text-6xl text-primary-500"></i>
-                <p>{{ message.message }}</p>
-            </div>
-        </ng-template>
-    </p-confirmPopup>
-<p-button (onClick)="confirm($event)" label="Save" />`,
-
-        html: `<div class="card flex justify-center gap-2">
-        <p-toast />
-        <p-confirmPopup>
-            <ng-template pTemplate="content" let-message>
-                <div class="flex flex-col items-center w-full gap-3 border-bottom-1 surface-border p-3 mb-3">
-                    <i [class]="message.icon" class="text-6xl text-primary-500"></i>
-                    <p>{{ message.message }}</p>
-                </div>
-            </ng-template>
-        </p-confirmPopup>
-    <p-button (onClick)="confirm($event)" label="Save" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { ConfirmPopupModule } from 'primeng/confirmpopup';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'confirm-popup-template-demo',
-    templateUrl: './confirm-popup-template-demo.html',
-    standalone: true,
-    imports: [ConfirmPopupModule, ToastModule, ButtonModule],
-    providers: [ConfirmationService, MessageService]
-})
-export class ConfirmPopupTemplateDemo {
-    constructor(private confirmationService: ConfirmationService, private messageService: MessageService) {}
-    
-    confirm(event: Event) {
-        this.confirmationService.confirm({
-            target: event.target as EventTarget,
-            message: 'Please confirm to proceed moving forward.',
-            icon: 'pi pi-exclamation-circle',
-            acceptIcon: 'pi pi-check mr-1',
-            rejectIcon: 'pi pi-times mr-1',
-            acceptLabel: 'Confirm',
-            rejectLabel: 'Cancel',
-            rejectButtonStyleClass: 'p-button-outlined p-button-sm',
-            acceptButtonStyleClass: 'p-button-sm',
-            accept: () => {
-                this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted', life: 3000 });
-            },
-            reject: () => {
-                this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
-            }
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/confirmpopup/templatesdoc.ts b/src/app/showcase/doc/confirmpopup/templatesdoc.ts
deleted file mode 100644
index 89e7f91..0000000
--- a/src/app/showcase/doc/confirmpopup/templatesdoc.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'templates-doc',
-    template: `
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Parameters</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>accepticon</td>
-                        <td>-</td>
-                    </tr>
-                    <tr>
-                        <td>rejecticon</td>
-                        <td>-</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class TemplatesDoc {}
diff --git a/src/app/showcase/doc/contextmenu/accessibilitydoc.ts b/src/app/showcase/doc/contextmenu/accessibilitydoc.ts
deleted file mode 100644
index 1a39ecd..0000000
--- a/src/app/showcase/doc/contextmenu/accessibilitydoc.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                ContextMenu component uses the <i>menubar</i> role with <i>aria-orientation</i> set to "vertical" and the value to describe the menu can either be provided with <i>aria-labelledby</i> or <i>aria-label</i> props. Each list item has a
-                <i>presentation</i> role whereas anchor elements have a <i>menuitem</i> role with <i>aria-label</i> referring to the label of the item and <i>aria-disabled</i> defined if the item is disabled. A submenu within a ContextMenu uses the
-                <i>menu</i> role with an <i>aria-labelledby</i> defined as the id of the submenu root menuitem label. In addition, menuitems that open a submenu have <i>aria-haspopup</i>, <i>aria-expanded</i> and <i>aria-controls</i> to define the
-                relation between the item and the submenu.
-            </p>
-            <h3>Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>When focus is in the menu, closes the context menu and moves focus to the next focusable element in the page sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>If menuitem has a submenu, toggles the visibility of the submenu otherwise activates the menuitem and closes all open overlays.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>If menuitem has a submenu, toggles the visibility of the submenu otherwise activates the menuitem and closes all open overlays.</td>
-                        </tr>
-                        <tr>
-                            <td><i>escape</i></td>
-                            <td>Closes the context menu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>down arrow</i></td>
-                            <td>If focus is not inside the menu and menu is open, add focus to the first item. If an item is already focused, moves focus to the next menuitem within the submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>up arrow</i></td>
-                            <td>If focus is not inside the menu and menu is open, add focus to the last item. If an item is already focused, moves focus to the next menuitem within the submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>right arrow</i></td>
-                            <td>Opens a submenu if there is one available and moves focus to the first item.</td>
-                        </tr>
-                        <tr>
-                            <td><i>left arrow</i></td>
-                            <td>Closes a submenu and moves focus to the root item of the closed submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>home</i></td>
-                            <td>Moves focus to the first menuitem within the submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>end</i></td>
-                            <td>Moves focus to the last menuitem within the submenu.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/contextmenu/basicdoc.ts b/src/app/showcase/doc/contextmenu/basicdoc.ts
deleted file mode 100644
index a439dde..0000000
--- a/src/app/showcase/doc/contextmenu/basicdoc.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'context-menu-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>ContextMenu can be attached to a particular element whose local template variable name is defined using the <i>target</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <img #img src="https://primefaces.org/cdn/primeng/images/demo/nature/nature2.jpg" alt="Logo" aria-haspopup="true" class="max-w-full" />
-            <p-contextMenu [target]="img" [model]="items" />
-        </div>
-        <app-code [code]="code" selector="context-menu-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            { label: 'Copy', icon: 'pi pi-copy' },
-            { label: 'Rename', icon: 'pi pi-file-edit' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<img 
-    #img 
-    src="https://primefaces.org/cdn/primeng/images/demo/nature/nature2.jpg" 
-    alt="Logo" 
-    aria-haspopup="true" 
-    class="max-w-full" />
-<p-contextMenu [target]="img" [model]="items" />`,
-
-        html: `<div class="card flex justify-center">
-    <img 
-        #img 
-        src="https://primefaces.org/cdn/primeng/images/demo/nature/nature2.jpg" 
-        alt="Logo"
-        aria-haspopup="true" 
-        class="max-w-full" />
-    <p-contextMenu [target]="img" [model]="items" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { ContextMenuModule } from 'primeng/contextmenu';
-
-@Component({
-    selector: 'context-menu-basic-demo',
-    templateUrl: './context-menu-basic-demo.html',
-    standalone: true,
-    imports: [ContextMenuModule]
-})
-export class ContextMenuBasicDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            { label: 'Copy', icon: 'pi pi-copy' },
-            { label: 'Rename', icon: 'pi pi-file-edit' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/contextmenu/commanddoc.ts b/src/app/showcase/doc/contextmenu/commanddoc.ts
deleted file mode 100644
index 89052cd..0000000
--- a/src/app/showcase/doc/contextmenu/commanddoc.ts
+++ /dev/null
@@ -1,285 +0,0 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-import { ContextMenu } from 'primeng/contextmenu';
-
-interface Users {
-    id: number;
-    name: string;
-    image: string;
-    role: string;
-}
-
-@Component({
-    selector: 'context-menu-command-demo',
-    template: `
-        <app-docsectiontext>
-            <p>The function to invoke when an item is clicked is defined using the <i>command</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex md:justify-center">
-            <p-toast />
-            <ul class="m-0 p-0 list-none border-1 surface-border border-round p-3 flex flex-col gap-2 w-full md:!w-30">
-                <li
-                    *ngFor="let user of users"
-                    [class]="[
-                        'p-2',
-                        'hover:surface-hover',
-                        'border-round',
-                        'border-1',
-                        'border-transparent',
-                        'transition-all',
-                        'transition-duration-200',
-                        'flex',
-                        'items-center',
-                        'justify-between',
-                        selectedUser?.id === user?.id ? 'border-primary' : ''
-                    ]"
-                    (contextmenu)="onContextMenu($event, user)"
-                >
-                    <div class="flex items-center gap-2">
-                        <img [alt]="user.name" [src]="'https://primefaces.org/cdn/primeng/images/demo/avatar/' + user.image" style="width: 32px" />
-                        <span class="font-bold">{{ user.name }}</span>
-                    </div>
-                    <p-tag [value]="user.role" [severity]="getBadge(user)" />
-                </li>
-            </ul>
-
-            <p-contextMenu #cm [model]="items" (onHide)="onHide()" />
-        </div>
-
-        <app-code [code]="code" selector="context-menu-command-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class CommandDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    @ViewChild('cm') cm: ContextMenu;
-
-    selectedUser: Users;
-
-    users: Users[];
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.users = [
-            { id: 0, name: 'Amy Elsner', image: 'amyelsner.png', role: 'Admin' },
-            { id: 1, name: 'Anna Fali', image: 'annafali.png', role: 'Member' },
-            { id: 2, name: 'Asiya Javayant', image: 'asiyajavayant.png', role: 'Member' },
-            { id: 3, name: 'Bernardo Dominic', image: 'bernardodominic.png', role: 'Guest' },
-            { id: 4, name: 'Elwin Sharvill', image: 'elwinsharvill.png', role: 'Member' }
-        ];
-
-        this.items = [
-            {
-                label: 'Roles',
-                icon: 'pi pi-users',
-                items: [
-                    {
-                        label: 'Admin',
-                        command: () => {
-                            this.selectedUser.role = 'Admin';
-                        }
-                    },
-                    {
-                        label: 'Member',
-                        command: () => {
-                            this.selectedUser.role = 'Member';
-                        }
-                    },
-                    {
-                        label: 'Guest',
-                        command: () => {
-                            this.selectedUser.role = 'Guest';
-                        }
-                    }
-                ]
-            },
-            {
-                label: 'Invite',
-                icon: 'pi pi-user-plus',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Invitation sent!', life: 3000 });
-                }
-            }
-        ];
-    }
-
-    getBadge(user) {
-        if (user.role === 'Member') return 'info';
-        else if (user.role === 'Guest') return 'warning';
-        else return null;
-    }
-
-    onContextMenu(event, user) {
-        this.selectedUser = user;
-        this.cm.show(event);
-    }
-
-    onHide() {
-        this.selectedUser = null;
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<ul class="m-0 p-0 list-none border-1 surface-border border-round p-3 flex flex-col gap-2 w-full md:!w-30">
-    <li
-        *ngFor="let user of users"
-        [class]="[
-            'p-2',
-            'hover:surface-hover',
-            'border-round',
-            'border-1',
-            'border-transparent',
-            'transition-all',
-            'transition-duration-200',
-            'flex',
-            'items-center',
-            'justify-between',
-            selectedUser?.id === user?.id ? 'border-primary' : ''
-        ]"
-        (contextmenu)="onContextMenu($event, user)">
-        <div class="flex items-center gap-2">
-            <img
-                [alt]="user.name"
-                [src]="'https://primefaces.org/cdn/primeng/images/demo/avatar/' + user.image"
-                style="width: 32px" />
-            <span class="font-bold">
-                {{ user.name }}
-            </span>
-        </div>
-        <p-tag [value]="user.role" [severity]="getBadge(user)" />
-    </li>
-</ul>
-<p-contextMenu #cm [model]="items" (onHide)="onHide()" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-toast />
-    <ul class="m-0 p-0 list-none border-1 surface-border border-round p-3 flex flex-col gap-2 w-full md:!w-30">
-        <li
-            *ngFor="let user of users"
-            [class]="[
-                'p-2',
-                'hover:surface-hover',
-                'border-round',
-                'border-1',
-                'border-transparent',
-                'transition-all',
-                'transition-duration-200',
-                'flex',
-                'items-center',
-                'justify-between',
-                selectedUser?.id === user?.id ? 'border-primary' : ''
-            ]"
-            (contextmenu)="onContextMenu($event, user)">
-            <div class="flex items-center gap-2">
-                <img
-                    [alt]="user.name"
-                    [src]="'https://primefaces.org/cdn/primeng/images/demo/avatar/' + user.image"
-                    style="width: 32px" />
-                <span class="font-bold">
-                    {{ user.name }}
-                </span>
-            </div>
-            <p-tag [value]="user.role" [severity]="getBadge(user)" />
-        </li>
-    </ul>
-
-    <p-contextMenu #cm [model]="items" (onHide)="onHide()" />
-</div>`,
-
-        typescript: `import { Component, OnInit, ViewChild } from '@angular/core';
-import { ContextMenu } from 'primeng/contextmenu';
-import { MenuItem, MessageService } from 'primeng/api';
-import { ToastModule } from 'primeng/toast';
-import { ContextMenuModule } from 'primeng/contextmenu';
-import { CommonModule } from '@angular/common';
-import { TagModule } from 'primeng/tag';
-
-interface Users {
-    id: number;
-    name: string;
-    image: string;
-    role: string;
-}
-
-@Component({
-    selector: 'context-menu-command-demo',
-    templateUrl: './context-menu-command-demo.html',
-    standalone: true,
-    imports: [ContextMenuModule, ToastModule, CommonModule, TagModule],
-    providers: [MessageService]
-})
-export class ContextMenuCommandDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    @ViewChild('cm') cm: ContextMenu;
-
-    selectedUser : Users
-
-    users : Users[];
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.users = [
-            { id: 0, name: 'Amy Elsner', image: 'amyelsner.png', role: 'Admin' },
-            { id: 1, name: 'Anna Fali', image: 'annafali.png', role: 'Member' },
-            { id: 2, name: 'Asiya Javayant', image: 'asiyajavayant.png', role: 'Member' },
-            { id: 3, name: 'Bernardo Dominic', image: 'bernardodominic.png', role: 'Guest' },
-            { id: 4, name: 'Elwin Sharvill', image: 'elwinsharvill.png', role: 'Member' }
-        ];
-
-        this.items = [
-            {
-                label: 'Roles',
-                icon: 'pi pi-users',
-                items: [
-                    {
-                        label: 'Admin',
-                        command: () => {
-                            this.selectedUser.role = 'Admin';
-                        }
-                    },
-                    {
-                        label: 'Member',
-                        command: () => {
-                            this.selectedUser.role = 'Member';
-                        }
-                    },
-                    {
-                        label: 'Guest',
-                        command: () => {
-                            this.selectedUser.role = 'Guest';
-                        }
-                    }
-                ]
-            },
-            {
-                label: 'Invite',
-                icon: 'pi pi-user-plus',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Invitation sent!', life: 3000 });
-                }
-            }
-        ];
-    }
-
-    getBadge(user) {
-        if (user.role === 'Member') return 'info';
-        else if (user.role === 'Guest') return 'warning';
-        else return null;
-    }
-
-    onContextMenu(event, user) {
-        this.selectedUser = user;
-        this.cm.show(event);
-    }
-
-    onHide() {
-        this.selectedUser = null;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/contextmenu/contextmenudoc.module.ts b/src/app/showcase/doc/contextmenu/contextmenudoc.module.ts
deleted file mode 100644
index b0de0dd..0000000
--- a/src/app/showcase/doc/contextmenu/contextmenudoc.module.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ContextMenuModule } from 'primeng/contextmenu';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { DocumentDoc } from './documentdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-import { CommandDoc } from './commanddoc';
-import { TagModule } from 'primeng/tag';
-import { ToastModule } from 'primeng/toast';
-import { RouterDoc } from './routerdoc';
-import { TableDoc } from './tabledoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, RouterModule, ContextMenuModule, AppDocModule, TagModule, ToastModule],
-    declarations: [BasicDoc, ImportDoc, DocumentDoc, TemplateDoc, CommandDoc, RouterDoc, TableDoc, StyleDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class ContextMenuDocModule {}
diff --git a/src/app/showcase/doc/contextmenu/documentdoc.ts b/src/app/showcase/doc/contextmenu/documentdoc.ts
deleted file mode 100644
index df4243d..0000000
--- a/src/app/showcase/doc/contextmenu/documentdoc.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'context-menu-document-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Setting <i>global</i> property to <i>true</i> attaches the context menu to the document.</p>
-        </app-docsectiontext>
-        <div class="card text-center">
-            <p class="mb-0">Right-Click anywhere on this page to view the global ContextMenu.</p>
-            <p-contextMenu [model]="items" [global]="true" />
-        </div>
-        <app-code [code]="code" selector="context-menu-document-demo"></app-code>
-    `
-})
-export class DocumentDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Translate',
-                icon: 'pi pi-language'
-            },
-            {
-                label: 'Speech',
-                icon: 'pi pi-volume-up',
-                items: [
-                    {
-                        label: 'Start',
-                        icon: 'pi pi-caret-right'
-                    },
-                    {
-                        label: 'Stop',
-                        icon: 'pi pi-pause'
-                    }
-                ]
-            },
-            {
-                separator: true
-            },
-            {
-                label: 'Print',
-                icon: 'pi pi-print'
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-contextMenu [model]="items" [global]="true" />`,
-
-        html: `<div class="card text-center">
-    <p class="mb-0">Right-Click anywhere on this page to view the global ContextMenu.</p>
-    <p-contextMenu [model]="items" [global]="true" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { ContextMenuModule } from 'primeng/contextmenu';
-
-@Component({
-    selector: 'context-menu-document-demo',
-    templateUrl: './context-menu-document-demo.html',
-    standalone: true,
-    imports: [ContextMenuModule]
-})
-export class ContextMenuDocumentDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Translate',
-                icon: 'pi pi-language'
-            },
-            {
-                label: 'Speech',
-                icon: 'pi pi-volume-up',
-                items: [
-                    {
-                        label: 'Start',
-                        icon: 'pi pi-caret-right'
-                    },
-                    {
-                        label: 'Stop',
-                        icon: 'pi pi-pause'
-                    }
-                ]
-            },
-            {
-                separator: true
-            },
-            {
-                label: 'Print',
-                icon: 'pi pi-print'
-            }
-        ]
-    }
-}`,
-
-        module: `
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ContextMenuModule } from 'primeng/contextmenu';
-import { ContextMenuDemo } from './contextmenudemo';
-
-@NgModule({
-    imports: [CommonModule, ContextMenuModule],
-    declarations: [ContextMenuDemo]
-})
-export class ContextMenuDemoModule {}`
-    };
-}
diff --git a/src/app/showcase/doc/contextmenu/importdoc.ts b/src/app/showcase/doc/contextmenu/importdoc.ts
deleted file mode 100644
index b555ea9..0000000
--- a/src/app/showcase/doc/contextmenu/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ContextMenuModule } from 'primeng/contextmenu';`
-    };
-}
diff --git a/src/app/showcase/doc/contextmenu/routerdoc.ts b/src/app/showcase/doc/contextmenu/routerdoc.ts
deleted file mode 100644
index c72fbff..0000000
--- a/src/app/showcase/doc/contextmenu/routerdoc.ts
+++ /dev/null
@@ -1,215 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-import { Router } from '@angular/router';
-
-@Component({
-    selector: 'context-menu-router-demo',
-    template: `
-        <app-docsectiontext>
-            <p>ContextMenu can be attached to a particular element whose local template variable name is defined using the <i>target</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex md:justify-center">
-            <span #span class="inline-flex items-center justify-center border-2 border-primary border-round !w-4 !h-4" aria-haspopup="true">
-                <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-                    <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                        <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-                    </mask>
-                    <g mask="url(#mask0_1_36)">
-                        <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-                    </g>
-                    <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-                    <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-                    <path
-                        fill-rule="evenodd"
-                        clip-rule="evenodd"
-                        d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                        fill="var(--primary-color-text)"
-                    />
-                    <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                    <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z" fill="var(--primary-color-text)" />
-                    <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-                    <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-                    <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-                    <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-                </svg>
-            </span>
-            <p-contextMenu [target]="span" [model]="items">
-                <ng-template pTemplate="item" let-item>
-                    <ng-container *ngIf="item.route; else elseBlock">
-                        <a [routerLink]="item.route" class="p-menuitem-link">
-                            <span [class]="item.icon"></span>
-                            <span class="ml-2">{{ item.label }}</span>
-                        </a>
-                    </ng-container>
-                    <ng-template #elseBlock>
-                        <a [href]="item.url" class="p-menuitem-link">
-                            <span [class]="item.icon"></span>
-                            <span class="ml-2">{{ item.label }}</span>
-                        </a>
-                    </ng-template>
-                </ng-template>
-            </p-contextMenu>
-        </div>
-        <app-code [code]="code" selector="context-menu-router-demo"></app-code>
-    `
-})
-export class RouterDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private router: Router) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Router Link',
-                icon: 'pi pi-palette',
-                route: '/guides/csslayer'
-            },
-            {
-                label: 'Programmatic',
-                icon: 'pi pi-link',
-                command: () => {
-                    this.router.navigate(['/installation']);
-                }
-            },
-            {
-                label: 'External',
-                icon: 'pi pi-home',
-                url: 'https://angular.io//'
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<span #span class="inline-flex items-center justify-center border-2 border-primary border-round !w-4 !h-4" aria-haspopup="true">
-    <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="..." fill="var(--primary-color)" />
-        <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-            <path d="..." fill="var(--primary-color-text)" />
-        </mask>
-        <g mask="url(#mask0_1_36)">
-            <path fill-rule="evenodd" clip-rule="evenodd" d="..." fill="var(--primary-color)" />
-        </g>
-        <path d="..." fill="var(--primary-color-text)" />
-        <path d="..." fill="var(--primary-color-text)" />
-        <path
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="..."
-            fill="var(--primary-color-text)"
-        />
-        <path d="..." fill="var(--primary-color-text)" />
-        <path d="..." fill="var(--primary-color-text)" />
-        <path fill-rule="evenodd" clip-rule="evenodd" d="..." fill="var(--primary-color-text)" />
-        <path d="..." fill="var(--primary-color-text)" />
-        <path d="..." fill="var(--primary-color-text)" />
-        <path d="..." fill="var(--primary-color-text)" />
-        <path d="..." fill="var(--primary-color-text)" />
-    </svg>
-</span>
-    <p-contextMenu [target]="span" [model]="items">
-        <ng-template pTemplate="item" let-item>
-            <ng-container *ngIf="item.route; else elseBlock">
-                <a [routerLink]="item.route" class="p-menuitem-link">
-                    <span [class]="item.icon"></span>
-                    <span class="ml-2">{{ item.label }}</span>
-                </a>
-            </ng-container>
-            <ng-template #elseBlock>
-                <a [href]="item.url" class="p-menuitem-link">
-                    <span [class]="item.icon"></span>
-                    <span class="ml-2">{{ item.label }}</span>
-                </a>
-            </ng-template>
-        </ng-template>
-</p-contextMenu>`,
-
-        html: `<div class="card flex md:justify-center">
-    <span #span class="inline-flex items-center justify-center border-2 border-primary border-round !w-4 !h-4" aria-haspopup="true">
-        <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-            <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-            </mask>
-            <g mask="url(#mask0_1_36)">
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-            </g>
-            <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-            <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-            <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                fill="var(--primary-color-text)"
-            />
-            <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-            <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z" fill="var(--primary-color-text)" />
-            <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-            <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-            <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-            <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-        </svg>
-    </span>
-    <p-contextMenu [target]="span" [model]="items">
-        <ng-template pTemplate="item" let-item>
-            <ng-container *ngIf="item.route; else elseBlock">
-                <a [routerLink]="item.route" class="p-menuitem-link">
-                    <span [class]="item.icon"></span>
-                    <span class="ml-2">{{ item.label }}</span>
-                </a>
-            </ng-container>
-            <ng-template #elseBlock>
-                <a [href]="item.url" class="p-menuitem-link">
-                    <span [class]="item.icon"></span>
-                    <span class="ml-2">{{ item.label }}</span>
-                </a>
-            </ng-template>
-        </ng-template>
-    </p-contextMenu>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { ContextMenuModule } from 'primeng/contextmenu';
-import { Router } from '@angular/router';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'context-menu-router-demo',
-    templateUrl: './context-menu-router-demo.html',
-    standalone: true,
-    imports: [ContextMenuModule, CommonModule],
-})
-export class ContextMenuRouterDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private router: Router) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Router Link',
-                icon: 'pi pi-palette',
-                route: '/guides/csslayer'
-            },
-            {
-                label: 'Programmatic',
-                icon: 'pi pi-link',
-                command: () => {
-                    this.router.navigate(['/installation']);
-                }
-            },
-            {
-                label: 'External',
-                icon: 'pi pi-home',
-                url: 'https://angular.io//'
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/contextmenu/styledoc.ts b/src/app/showcase/doc/contextmenu/styledoc.ts
deleted file mode 100644
index 62a3f25..0000000
--- a/src/app/showcase/doc/contextmenu/styledoc.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-contextmenu</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menu-list</td>
-                        <td>List element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem</td>
-                        <td>Menuitem element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem-text</td>
-                        <td>Label of a menuitem.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem-icon</td>
-                        <td>Icon of a menuitem.</td>
-                    </tr>
-                    <tr>
-                        <td>p-submenu-icon</td>
-                        <td>Arrow icon of a submenu.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/contextmenu/tabledoc.ts b/src/app/showcase/doc/contextmenu/tabledoc.ts
deleted file mode 100644
index c9470cc..0000000
--- a/src/app/showcase/doc/contextmenu/tabledoc.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'context-menu-table-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Table has built-in support for ContextMenu, see the <a [routerLink]="['/table']" fragment="context-menu">ContextMenu</a> demo for an example.</p>
-        </app-docsectiontext>
-    `
-})
-export class TableDoc {}
diff --git a/src/app/showcase/doc/contextmenu/templatedoc.ts b/src/app/showcase/doc/contextmenu/templatedoc.ts
deleted file mode 100644
index 75b9967..0000000
--- a/src/app/showcase/doc/contextmenu/templatedoc.ts
+++ /dev/null
@@ -1,373 +0,0 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-import { ContextMenu } from 'primeng/contextmenu';
-
-@Component({
-    selector: 'context-menu-template-demo',
-    template: `
-        <app-docsectiontext>
-            <p>ContextMenu offers item customization with the <i>item</i> template that receives the menuitem instance from the model as a parameter.</p>
-        </app-docsectiontext>
-        <div class="card flex md:justify-center">
-            <ul class="m-0 p-0 list-none border-1 surface-border border-round p-3 flex flex-col gap-2 w-full md:!w-30">
-                <li *ngFor="let product of data" class="p-2 hover:surface-hover border-round border-1 border-transparent transition-all transition-duration-200" (contextmenu)="onContextMenu($event)">
-                    <div class="flex flex-wrap p-2 items-center gap-3">
-                        <img class="!w-4 flex-shrink-0 border-round" src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" alt="product.name" />
-                        <div class="flex-1 flex flex-col gap-1">
-                            <span class="font-bold">{{ product.name }}</span>
-                            <div class="flex items-center gap-2">
-                                <i class="pi pi-tag text-sm"></i>
-                                <span>{{ product.category }}</span>
-                            </div>
-                        </div>
-                        <span class="font-bold text-900 ml-5">&#36;{{ product.price }}</span>
-                    </div>
-                </li>
-            </ul>
-
-            <p-contextMenu #cm [model]="items" (onHide)="onHide()">
-                <ng-template pTemplate="item" let-item>
-                    <a pRipple class="flex items-center p-menuitem-link">
-                        <span class="item.icon"></span>
-                        <span class="ml-2">{{ item.label }}</span>
-                        <p-badge *ngIf="item.badge" class="ml-auto" [value]="item.badge" />
-                        <span *ngIf="item.shortcut" class="ml-auto border-1 surface-border border-round surface-100 text-xs p-1">{{ item.shortcut }}</span>
-                        <i *ngIf="item.items" class="pi pi-angle-right ml-auto"></i>
-                    </a>
-                </ng-template>
-            </p-contextMenu>
-        </div>
-
-        <app-code [code]="code" selector="context-menu-template-demo"></app-code>
-    `
-})
-export class TemplateDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    @ViewChild('cm') cm: ContextMenu;
-
-    selectedId!: string;
-
-    data = [
-        {
-            id: '1000',
-            code: 'f230fh0g3',
-            name: 'Bamboo Watch',
-            description: 'Product Description',
-            image: 'bamboo-watch.jpg',
-            price: 65,
-            category: 'Accessories',
-            quantity: 24,
-            inventoryStatus: 'INSTOCK',
-            rating: 5
-        },
-        {
-            id: '1001',
-            code: 'nvklal433',
-            name: 'Black Watch',
-            description: 'Product Description',
-            image: 'black-watch.jpg',
-            price: 72,
-            category: 'Accessories',
-            quantity: 61,
-            inventoryStatus: 'INSTOCK',
-            rating: 4
-        },
-        {
-            id: '1002',
-            code: 'zz21cz3c1',
-            name: 'Blue Band',
-            description: 'Product Description',
-            image: 'blue-band.jpg',
-            price: 79,
-            category: 'Fitness',
-            quantity: 2,
-            inventoryStatus: 'LOWSTOCK',
-            rating: 3
-        },
-        {
-            id: '1003',
-            code: '244wgerg2',
-            name: 'Blue T-Shirt',
-            description: 'Product Description',
-            image: 'blue-t-shirt.jpg',
-            price: 29,
-            category: 'Clothing',
-            quantity: 25,
-            inventoryStatus: 'INSTOCK',
-            rating: 5
-        },
-        {
-            id: '1004',
-            code: 'h456wer53',
-            name: 'Bracelet',
-            description: 'Product Description',
-            image: 'bracelet.jpg',
-            price: 15,
-            category: 'Accessories',
-            quantity: 73,
-            inventoryStatus: 'INSTOCK',
-            rating: 4
-        }
-    ];
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Favorite',
-                icon: 'pi pi-star',
-                shortcut: '⌘+D'
-            },
-            {
-                label: 'Add',
-                icon: 'pi pi-shopping-cart',
-                shortcut: '⌘+A'
-            },
-            {
-                separator: true
-            },
-            {
-                label: 'Share',
-                icon: 'pi pi-share-alt',
-                items: [
-                    {
-                        label: 'Whatsapp',
-                        icon: 'pi pi-whatsapp',
-                        badge: '2'
-                    },
-                    {
-                        label: 'Instagram',
-                        icon: 'pi pi-instagram',
-                        badge: '3'
-                    }
-                ]
-            }
-        ];
-    }
-
-    onContextMenu(event) {
-        this.cm.target = event.currentTarget;
-        this.cm.show(event);
-    }
-
-    onHide() {
-        this.selectedId = undefined;
-    }
-
-    code: Code = {
-        basic: `<ul class="m-0 p-0 list-none border-1 surface-border border-round p-3 flex flex-col gap-2 w-full md:!w-30">
-    <li
-        *ngFor="let product of data"
-        class="p-2 hover:surface-hover border-round border-1 border-transparent transition-all transition-duration-200"
-        (contextmenu)="onContextMenu($event)">
-            <div class="flex flex-wrap p-2 items-center gap-3">
-                <img
-                    class="!w-4 flex-shrink-0 border-round"
-                    src="https://primefaces.org/cdn/primeng/images/product/{{ product.image }}"
-                    alt="product.name" />
-                <div class="flex-1 flex flex-col gap-1">
-                    <span class="font-bold">
-                        {{ product.name }}
-                    </span>
-                    <div class="flex items-center gap-2">
-                        <i class="pi pi-tag text-sm"></i>
-                        <span>
-                            {{ product.category }}
-                        </span>
-                    </div>
-                </div>
-                <span class="font-bold text-900 ml-5">
-                &#36;{{ product.price }}
-                </span>
-            </div>
-    </li>
-</ul>
-
-<p-contextMenu #cm [model]="items" (onHide)="onHide()">
-    <ng-template pTemplate="item" let-item>
-        <a pRipple class="flex items-center p-menuitem-link">
-            <span class="item.icon"></span>
-            <span class="ml-2">{{ item.label }}</span>
-            <p-badge *ngIf="item.badge" class="ml-auto" [value]="item.badge" />
-            <span *ngIf="item.shortcut" class="ml-auto border-1 surface-border border-round surface-100 text-xs p-1">
-                {{ item.shortcut }}
-            </span>
-            <i *ngIf="item.items" class="pi pi-angle-right ml-auto"></i>
-        </a>
-    </ng-template>
-</p-contextMenu>`,
-
-        html: `<div class="card flex justify-center">
-    <ul class="m-0 p-0 list-none border-1 surface-border border-round p-3 flex flex-col gap-2 w-full md:!w-30">
-        <li
-            *ngFor="let product of data"
-            class="p-2 hover:surface-hover border-round border-1 border-transparent transition-all transition-duration-200"
-            (contextmenu)="onContextMenu($event)">
-                <div class="flex flex-wrap p-2 items-center gap-3">
-                    <img
-                        class="!w-4 flex-shrink-0 border-round"
-                        src="https://primefaces.org/cdn/primeng/images/product/{{ product.image }}"
-                        alt="product.name" />
-                        <div class="flex-1 flex flex-col gap-1">
-                            <span class="font-bold">
-                                {{ product.name }}
-                            </span>
-                            <div class="flex items-center gap-2">
-                                <i class="pi pi-tag text-sm"></i>
-                                <span>
-                                    {{ product.category }}
-                                </span>
-                            </div>
-                        </div>
-                        <span class="font-bold text-900 ml-5">
-                        &#36;{{ product.price }}
-                        </span>
-                </div>
-        </li>
-    </ul>
-
-    <p-contextMenu #cm [model]="items" (onHide)="onHide()">
-        <ng-template pTemplate="item" let-item>
-            <a pRipple class="flex items-center p-menuitem-link">
-                <span class="item.icon"></span>
-                <span class="ml-2">{{ item.label }}</span>
-                <p-badge *ngIf="item.badge" class="ml-auto" [value]="item.badge" />
-                <span *ngIf="item.shortcut" class="ml-auto border-1 surface-border border-round surface-100 text-xs p-1">
-                    {{ item.shortcut }}
-                </span>
-                <i *ngIf="item.items" class="pi pi-angle-right ml-auto"></i>
-            </a>
-        </ng-template>
-    </p-contextMenu>
-</div>`,
-
-        typescript: `import { Component, OnInit, ViewChild } from '@angular/core';
-import { ContextMenu } from 'primeng/contextmenu';
-import { MenuItem } from 'primeng/api';
-import { ContextMenuModule } from 'primeng/contextmenu';
-import { CommonModule } from '@angular/common';
-import { RippleModule } from 'primeng/ripple';
-
-
-@Component({
-    selector: 'context-menu-template-demo',
-    templateUrl: './context-menu-template-demo.html',
-    standalone: true,
-    imports: [ContextMenuModule, CommonModule, RippleModule]
-})
-export class ContextMenuTemplateDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    @ViewChild('cm') cm: ContextMenu;
-
-    selectedId!: string;
-
-    data = [
-        {
-            id: '1000',
-            code: 'f230fh0g3',
-            name: 'Bamboo Watch',
-            description: 'Product Description',
-            image: 'bamboo-watch.jpg',
-            price: 65,
-            category: 'Accessories',
-            quantity: 24,
-            inventoryStatus: 'INSTOCK',
-            rating: 5
-        },
-        {
-            id: '1001',
-            code: 'nvklal433',
-            name: 'Black Watch',
-            description: 'Product Description',
-            image: 'black-watch.jpg',
-            price: 72,
-            category: 'Accessories',
-            quantity: 61,
-            inventoryStatus: 'INSTOCK',
-            rating: 4
-        },
-        {
-            id: '1002',
-            code: 'zz21cz3c1',
-            name: 'Blue Band',
-            description: 'Product Description',
-            image: 'blue-band.jpg',
-            price: 79,
-            category: 'Fitness',
-            quantity: 2,
-            inventoryStatus: 'LOWSTOCK',
-            rating: 3
-        },
-        {
-            id: '1003',
-            code: '244wgerg2',
-            name: 'Blue T-Shirt',
-            description: 'Product Description',
-            image: 'blue-t-shirt.jpg',
-            price: 29,
-            category: 'Clothing',
-            quantity: 25,
-            inventoryStatus: 'INSTOCK',
-            rating: 5
-        },
-        {
-            id: '1004',
-            code: 'h456wer53',
-            name: 'Bracelet',
-            description: 'Product Description',
-            image: 'bracelet.jpg',
-            price: 15,
-            category: 'Accessories',
-            quantity: 73,
-            inventoryStatus: 'INSTOCK',
-            rating: 4
-        }
-    ];
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Favorite',
-                icon: 'pi pi-star',
-                shortcut: '⌘+D'
-            },
-            {
-                label: 'Add',
-                icon: 'pi pi-shopping-cart',
-                shortcut: '⌘+A'
-            },
-            {
-                separator: true
-            },
-            {
-                label: 'Share',
-                icon: 'pi pi-share-alt',
-                items: [
-                    {
-                        label: 'Whatsapp',
-                        icon: 'pi pi-whatsapp',
-                        badge: '2'
-                    },
-                    {
-                        label: 'Instagram',
-                        icon: 'pi pi-instagram',
-                        badge: '3'
-                    }
-                ]
-            }
-        ];
-    }
-
-    onContextMenu(event) {
-        this.cm.target = event.currentTarget;
-        this.cm.show(event);
-    }
-
-    onHide() {
-        this.selectedId = undefined;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/contribution/benefitsdoc.ts b/src/app/showcase/doc/contribution/benefitsdoc.ts
deleted file mode 100644
index e9016df..0000000
--- a/src/app/showcase/doc/contribution/benefitsdoc.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'benefits-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Contributing to PrimeNG comes with several benefits. Being part of an open-source project will enhance your career and open up exciting opportunities. Contributors and Committers will be listed on our
-                <a routerLink="/team">team page</a>. You'll gain significant visibility in the developer community while improving yourself as a professional.
-            </p>
-            <p>You'll be invited to a private communication channel at Discord to get in touch with PrimeTek. In addition, contributors have access to all PrimeNG add-ons like Premium Templates, Blocks, and UI Kit free of charge.</p>
-        </app-docsectiontext>
-    `
-})
-export class BenefitsDoc {}
diff --git a/src/app/showcase/doc/contribution/cladoc.ts b/src/app/showcase/doc/contribution/cladoc.ts
deleted file mode 100644
index ae5b246..0000000
--- a/src/app/showcase/doc/contribution/cladoc.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'cla-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When a community member is offered the Contributor role, they are expected to sign a Contributor License Agreement (CLA) for legal purposes. This helps protect both the contributor and PrimeTek.</p>
-        </app-docsectiontext>
-    `
-})
-export class ClaDoc {}
diff --git a/src/app/showcase/doc/contribution/communicationdoc.ts b/src/app/showcase/doc/contribution/communicationdoc.ts
deleted file mode 100644
index 807b680..0000000
--- a/src/app/showcase/doc/contribution/communicationdoc.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'communication-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Join the Contributors channel on the <a href="https://discord.com/invite/gzKFYnpmCY" target="_blank" rel="noopener noreferrer">PrimeLand Discord</a> server to connect with PrimeNG staff and fellow contributors. In this channel, you
-                can discuss the areas you want to contribute to and receive feedback. This channel is open to everyone who'd like to contribute.
-            </p>
-        </app-docsectiontext>
-    `
-})
-export class CommunicationDoc {}
diff --git a/src/app/showcase/doc/contribution/contribution.module.ts b/src/app/showcase/doc/contribution/contribution.module.ts
deleted file mode 100644
index 1448eb1..0000000
--- a/src/app/showcase/doc/contribution/contribution.module.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { IntroductionDoc } from './introductiondoc';
-import { HelpNeededDoc } from './helpneededdoc';
-import { CommunicationDoc } from './communicationdoc';
-import { PathwayDoc } from './pathwaydoc';
-import { BenefitsDoc } from './benefitsdoc';
-import { ClaDoc } from './cladoc';
-import { KeyPointsDoc } from './keypoints';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule],
-    declarations: [IntroductionDoc, HelpNeededDoc, KeyPointsDoc, CommunicationDoc, PathwayDoc, BenefitsDoc, ClaDoc],
-    exports: [AppDocModule]
-})
-export class ContributionDocModule {}
diff --git a/src/app/showcase/doc/contribution/helpneededdoc.ts b/src/app/showcase/doc/contribution/helpneededdoc.ts
deleted file mode 100644
index fa98303..0000000
--- a/src/app/showcase/doc/contribution/helpneededdoc.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'helpneeded-doc',
-    template: `
-        <app-docsectiontext>
-            <p>PrimeNG is a community-driven project backed by the expertise and sponsorship of PrimeTek, and we appreciate any help you can provide. Here are some areas where you can contribute:</p>
-            <h3>Issue Triage</h3>
-            <p>Help us manage issues by;</p>
-            <ul class="line-height-3 px-10 m-0">
-                <li>Reproducing reported bugs</li>
-                <li>Clarifying issue descriptions</li>
-                <li>Tagging issues with appropriate labels</li>
-            </ul>
-
-            <h3>Sending Pull Requests</h3>
-            <p>We encourage you to send pull requests, especially for issues tagged with the <i>help-needed</i> label.</p>
-
-            <h3>Community Support</h3>
-            <p>
-                Assist other users by participating in the issue tracker, <a href="https://github.com/orgs/primefaces/discussions/categories/primeng" target="_blank" rel="noopener noreferrer">GitHub discussions</a>, and the
-                <a href="https://discord.com/invite/gzKFYnpmCY" target="_blank" rel="noopener noreferrer">PrimeLand Discord</a> server. Your expertise can help others solve problems and improve their experience with PrimeNG.
-            </p>
-        </app-docsectiontext>
-    `
-})
-export class HelpNeededDoc {}
diff --git a/src/app/showcase/doc/contribution/introductiondoc.ts b/src/app/showcase/doc/contribution/introductiondoc.ts
deleted file mode 100644
index 775f69b..0000000
--- a/src/app/showcase/doc/contribution/introductiondoc.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'indroduction-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                PrimeNG is a popular Angular UI library maintained by PrimeTek, a company renowned for its comprehensive set of UI components for various frameworks. PrimeTek is dedicated to providing high-quality, versatile, and accessible UI
-                components that help developers build better applications faster.
-            </p>
-            <h3>Development Setup</h3>
-            <p>To begin with, clone the PrimeNG repository from GitHub:</p>
-            <app-code [code]="code1" [hideToggleCode]="true" [hideStackBlitz]="true"></app-code>
-            <p style="margin-top: 1rem;">Then run the showcase in your local environment at <i>http://localhost:3000/</i>.</p>
-            <app-code [code]="code2" [hideToggleCode]="true" [hideStackBlitz]="true"></app-code>
-            <h3>Project Structure</h3>
-            <p>PrimeNG's project structure is organized as follows:</p>
-            <app-code [code]="code3" [hideToggleCode]="true" [hideStackBlitz]="true"></app-code>
-        </app-docsectiontext>
-    `
-})
-export class IntroductionDoc {
-    code1: Code = {
-        basic: `git clone https://github.com/primefaces/primeng.git
-cd primeng`
-    };
-    code2: Code = {
-        basic: `npm install
-ng serve`
-    };
-    code3: Code = {
-        basic: `- app
-  - showcase                // website
-  - components              // main directory of components and directives`
-    };
-}
diff --git a/src/app/showcase/doc/contribution/keypoints.ts b/src/app/showcase/doc/contribution/keypoints.ts
deleted file mode 100644
index 266855b..0000000
--- a/src/app/showcase/doc/contribution/keypoints.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'keypoints-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                PrimeNG has several add-ons such as UI Kit, Premium Templates, and Blocks that rely on design tokens and styling. Any core structural changes, such as adding new props, events, or updating design tokens, should be communicated with
-                the core team to ensure consistency and compatibility.
-            </p>
-        </app-docsectiontext>
-    `
-})
-export class KeyPointsDoc {}
diff --git a/src/app/showcase/doc/contribution/pathwaydoc.ts b/src/app/showcase/doc/contribution/pathwaydoc.ts
deleted file mode 100644
index f418aa9..0000000
--- a/src/app/showcase/doc/contribution/pathwaydoc.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'pathway-doc',
-    template: `
-        <app-docsectiontext>
-            <p>PrimeTek offers an organization structure involving contributors and the core team:</p>
-            <h3>Contributor Role</h3>
-            <p>After a certain period of frequent contributions, a community member is offered the Contributor role. On average, it may take about three months, but the exact duration can vary depending on the individual commitment.</p>
-
-            <h3>Committer Role</h3>
-            <p>If a contributor actively participates in the codebase and PRs, their role may be upgraded to a Committer level, providing direct commit access to the PrimeNG codebase.</p>
-
-            <h3>Employment</h3>
-            <p>PrimeTek prefers to hire team members from open source committers, so you may be offered a full-time position when a position becomes available.</p>
-        </app-docsectiontext>
-    `
-})
-export class PathwayDoc {}
diff --git a/src/app/showcase/doc/customicons/customicons.module.ts b/src/app/showcase/doc/customicons/customicons.module.ts
deleted file mode 100644
index 80972fd..0000000
--- a/src/app/showcase/doc/customicons/customicons.module.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { FontAwesomeDoc } from './fontawesomedoc';
-import { ImageDoc } from './imagedoc';
-import { MaterialDoc } from './materialdoc';
-import { SVGDoc } from './svgdoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule],
-    declarations: [FontAwesomeDoc, MaterialDoc, SVGDoc, ImageDoc],
-    exports: [AppDocModule]
-})
-export class CustomIconsDocModule {}
diff --git a/src/app/showcase/doc/customicons/fontawesomedoc.ts b/src/app/showcase/doc/customicons/fontawesomedoc.ts
deleted file mode 100644
index ccc7278..0000000
--- a/src/app/showcase/doc/customicons/fontawesomedoc.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'fontawesome-doc',
-    template: `
-        <app-docsectiontext>
-            <p><a href="https://fontawesome.com/">Font Awesome</a> is a popular icon library with a wide range of icons.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class FontAwesomeDoc {
-    code: Code = {
-        basic: `<p-dropdown>
-    <ng-template pTemplate="dropdownicon">
-        <i class="fa-light fa-chevron-down"></i>
-    </ng-template>
-</p-dropdown>`
-    };
-}
diff --git a/src/app/showcase/doc/customicons/imagedoc.ts b/src/app/showcase/doc/customicons/imagedoc.ts
deleted file mode 100644
index 9bbd3d3..0000000
--- a/src/app/showcase/doc/customicons/imagedoc.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'image-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Any type of image can be used as an icon.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class ImageDoc {
-    code: Code = {
-        basic: `<p-dropdown>
-    <ng-template pTemplate="dropdownicon">
-        <img alt="dropdown icon" src="/assets/icons/arrow_down.png">
-    </ng-template>
-</p-dropdown>`
-    };
-}
diff --git a/src/app/showcase/doc/customicons/materialdoc.ts b/src/app/showcase/doc/customicons/materialdoc.ts
deleted file mode 100644
index 3cf4b16..0000000
--- a/src/app/showcase/doc/customicons/materialdoc.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'material-doc',
-    template: `
-        <app-docsectiontext>
-            <p><a href="https://fonts.google.com/icons">Material icons</a> is the official icon library based on Google Material Design.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class MaterialDoc {
-    code: Code = {
-        basic: `<p-dropdown>
-    <ng-template pTemplate="dropdownicon">
-        <span class="material-icons">arrow_drop_down</span>
-    </ng-template>
-</p-dropdown>`
-    };
-}
diff --git a/src/app/showcase/doc/customicons/svgdoc.ts b/src/app/showcase/doc/customicons/svgdoc.ts
deleted file mode 100644
index 32c4248..0000000
--- a/src/app/showcase/doc/customicons/svgdoc.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'svg-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Inline SVGs are embedded inside the dom.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class SVGDoc {
-    code: Code = {
-        basic: `<p-dropdown>
-    <ng-template pTemplate="dropdownicon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-            <g id="chevron-down">
-                <path d="M12,15.25a.74.74,0,0,1-.53-.22l-5-5A.75.75,0,0,1,7.53,9L12,13.44,16.47,9A.75.75,0,0,1,17.53,10l-5,5A.74.74,0,0,1,12,15.25Z"/>
-            </g>
-        </svg>
-    </ng-template>
-</p-dropdown>`
-    };
-}
diff --git a/src/app/showcase/doc/dataview/accessibilitydoc.ts b/src/app/showcase/doc/dataview/accessibilitydoc.ts
deleted file mode 100644
index b624408..0000000
--- a/src/app/showcase/doc/dataview/accessibilitydoc.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                The container element that wraps the layout options buttons has a <i>group</i> role whereas each button element uses <i>button</i> role and <i>aria-pressed</i> is updated depending on selection state. Values to describe the buttons
-                are derived from the <i>aria.listView</i> and <i>aria.gridView</i> properties of the <a href="/configuration/#locale" class="">locale</a> API respectively.
-            </p>
-            <p>Refer to <a href="/paginator" class="">paginator</a> accessibility documentation for the paginator of the component.</p>
-            <h3>Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Moves focus to the buttons.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Toggles the checked state of a button.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/dataview/basicdoc.ts b/src/app/showcase/doc/dataview/basicdoc.ts
deleted file mode 100644
index f36606d..0000000
--- a/src/app/showcase/doc/dataview/basicdoc.ts
+++ /dev/null
@@ -1,230 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'data-view-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>DataView requires a value to display along with a <i>list</i> template that receives an object in the collection to return content.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-dataView #dv [value]="products">
-                <ng-template pTemplate="list" let-products>
-                    <div class="grid grid-nogutter">
-                        <div class="col-12" *ngFor="let item of products; let first = first" class="col-12">
-                            <div class="flex flex-col sm:flex-row sm:items-center p-4 gap-3" [ngClass]="{ 'border-top-1 surface-border': !first }">
-                                <div class="md:!w-10 relative">
-                                    <img class="block xl:block mx-auto border-round w-full" [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + item.image" [alt]="item.name" />
-                                    <p-tag [value]="item.inventoryStatus" [severity]="getSeverity(item)" class="absolute" [style.left.px]="4" [style.top.px]="4" />
-                                </div>
-                                <div class="flex flex-col md:flex-row justify-between md:items-center flex-1 gap-4">
-                                    <div class="flex flex-row md:flex-col justify-between items-start gap-2">
-                                        <div>
-                                            <span class="font-medium text-secondary text-sm">{{ item.category }}</span>
-                                            <div class="text-lg font-medium text-900 mt-2">{{ item.name }}</div>
-                                        </div>
-                                        <div class="surface-100 p-1" style="border-radius: 30px">
-                                            <div class="surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
-                                                <span class="text-900 font-medium text-sm">{{ item.rating }}</span>
-                                                <i class="pi pi-star-fill text-yellow-500"></i>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="flex flex-col md:items-end gap-5">
-                                        <span class="text-xl font-semibold text-900">{{ '$' + item.price }}</span>
-                                        <div class="flex flex-row-reverse md:flex-row gap-2">
-                                            <p-button icon="pi pi-heart" [outlined]="true" />
-                                            <p-button icon="pi pi-shopping-cart" class="flex-auto md:flex-initial white-space-nowrap" label="Buy Now" [disabled]="item.inventoryStatus === 'OUTOFSTOCK'" />
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </ng-template>
-            </p-dataView>
-        </div>
-        <app-code [code]="code" selector="data-view-basic-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class BasicDoc {
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProducts().then((data) => (this.products = data.slice(0, 5)));
-    }
-
-    getSeverity(product: Product) {
-        switch (product.inventoryStatus) {
-            case 'INSTOCK':
-                return 'success';
-
-            case 'LOWSTOCK':
-                return 'warning';
-
-            case 'OUTOFSTOCK':
-                return 'danger';
-
-            default:
-                return null;
-        }
-    }
-
-    code: Code = {
-        basic: `<p-dataView #dv [value]="products">
-    <ng-template pTemplate="list" let-products>
-        <div class="grid grid-nogutter">
-            <div class="col-12" *ngFor="let item of products; let first = first" class="col-12">
-                <div class="flex flex-col sm:flex-row sm:items-center p-4 gap-3" [ngClass]="{ 'border-top-1 surface-border': !first }">
-                    <div class="md:!w-10 relative">
-                        <img class="block xl:block mx-auto border-round w-full" [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + item.image" [alt]="item.name" />
-                        <p-tag [value]="item.inventoryStatus" [severity]="getSeverity(item)" class="absolute" [style.left.px]="4" [style.top.px]="4" />
-                    </div>
-                    <div class="flex flex-col md:flex-row justify-between md:items-center flex-1 gap-4">
-                        <div class="flex flex-row md:flex-col justify-between items-start gap-2">
-                            <div>
-                                <span class="font-medium text-secondary text-sm">{{ item.category }}</span>
-                                <div class="text-lg font-medium text-900 mt-2">{{ item.name }}</div>
-                            </div>
-                            <div class="surface-100 p-1" style="border-radius: 30px">
-                                <div class="surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
-                                    <span class="text-900 font-medium text-sm">{{ item.rating }}</span>
-                                    <i class="pi pi-star-fill text-yellow-500"></i>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="flex flex-col md:items-end gap-5">
-                            <span class="text-xl font-semibold text-900">{{ '$' + item.price }}</span>
-                            <div class="flex flex-row-reverse md:flex-row gap-2">
-                                <p-button icon="pi pi-heart" [outlined]="true" />
-                                <p-button icon="pi pi-shopping-cart" class="flex-auto md:flex-initial white-space-nowrap" label="Buy Now" [disabled]="item.inventoryStatus === 'OUTOFSTOCK'" />
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </ng-template>
-</p-dataView>`,
-
-        html: `<div class="card">
-    <p-dataView #dv [value]="products">
-        <ng-template pTemplate="list" let-products>
-            <div class="grid grid-nogutter">
-                <div class="col-12" *ngFor="let item of products; let first = first" class="col-12">
-                    <div class="flex flex-col sm:flex-row sm:items-center p-4 gap-3" [ngClass]="{ 'border-top-1 surface-border': !first }">
-                        <div class="md:!w-10 relative">
-                            <img class="block xl:block mx-auto border-round w-full" [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + item.image" [alt]="item.name" />
-                            <p-tag [value]="item.inventoryStatus" [severity]="getSeverity(item)" class="absolute" [style.left.px]="4" [style.top.px]="4" />
-                        </div>
-                        <div class="flex flex-col md:flex-row justify-between md:items-center flex-1 gap-4">
-                            <div class="flex flex-row md:flex-col justify-between items-start gap-2">
-                                <div>
-                                    <span class="font-medium text-secondary text-sm">{{ item.category }}</span>
-                                    <div class="text-lg font-medium text-900 mt-2">{{ item.name }}</div>
-                                </div>
-                                <div class="surface-100 p-1" style="border-radius: 30px">
-                                    <div class="surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
-                                        <span class="text-900 font-medium text-sm">{{ item.rating }}</span>
-                                        <i class="pi pi-star-fill text-yellow-500"></i>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="flex flex-col md:items-end gap-5">
-                                <span class="text-xl font-semibold text-900">{{ '$' + item.price }}</span>
-                                <div class="flex flex-row-reverse md:flex-row gap-2">
-                                    <p-button icon="pi pi-heart" [outlined]="true" />
-                                    <p-button icon="pi pi-shopping-cart" class="flex-auto md:flex-initial white-space-nowrap" label="Buy Now" [disabled]="item.inventoryStatus === 'OUTOFSTOCK'" />
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </ng-template>
-    </p-dataView>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { DataViewModule } from 'primeng/dataview';
-import { ButtonModule } from 'primeng/button';
-import { TagModule } from 'primeng/tag';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'data-view-basic-demo',
-    templateUrl: './data-view-basic-demo.html',
-    standalone: true,
-    imports: [DataViewModule, ButtonModule, TagModule, CommonModule],
-    providers: [ProductService]
-})
-export class DataViewBasicDemo {
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProducts().then((data) => (this.products = data.slice(0, 5)));
-    }
-
-    getSeverity (product: Product) {
-        switch (product.inventoryStatus) {
-            case 'INSTOCK':
-                return 'success';
-
-            case 'LOWSTOCK':
-                return 'warning';
-
-            case 'OUTOFSTOCK':
-                return 'danger';
-
-            default:
-                return null;
-        }
-    };
-}`,
-
-        data: `
-/* ProductService */
-{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/dataview/dataviewdoc.module.ts b/src/app/showcase/doc/dataview/dataviewdoc.module.ts
deleted file mode 100644
index 066976c..0000000
--- a/src/app/showcase/doc/dataview/dataviewdoc.module.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { ButtonModule } from 'primeng/button';
-import { DataViewModule } from 'primeng/dataview';
-import { DropdownModule } from 'primeng/dropdown';
-import { RatingModule } from 'primeng/rating';
-import { TagModule } from 'primeng/tag';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { LayoutDoc } from './layoutdoc';
-import { PaginationDoc } from './paginationdoc';
-import { SortingDoc } from './sortingdoc';
-import { StyleDoc } from './styledoc';
-import { LoadingDoc } from './loadingdoc';
-import { SkeletonModule } from 'primeng/skeleton';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, DataViewModule, DropdownModule, ButtonModule, RouterModule, RatingModule, TagModule, FormsModule, SkeletonModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, PaginationDoc, SortingDoc, LayoutDoc, LoadingDoc, StyleDoc, AccessibilityDoc]
-})
-export class DataViewDocModule {}
diff --git a/src/app/showcase/doc/dataview/importdoc.ts b/src/app/showcase/doc/dataview/importdoc.ts
deleted file mode 100644
index 78705ff..0000000
--- a/src/app/showcase/doc/dataview/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { DataViewModule } from 'primeng/dataview';`
-    };
-}
diff --git a/src/app/showcase/doc/dataview/layoutdoc.ts b/src/app/showcase/doc/dataview/layoutdoc.ts
deleted file mode 100644
index 6c3aee4..0000000
--- a/src/app/showcase/doc/dataview/layoutdoc.ts
+++ /dev/null
@@ -1,364 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'data-view-layout-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                DataView supports <i>list</i> and <i>grid</i> display modes defined with the <i>layout</i> property. The helper <i>DataViewLayoutOptions</i> component can be used to switch between the modes however this component is optional and you
-                may use your own UI to switch modes as well.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-dataView #dv [value]="products" [layout]="layout">
-                <ng-template pTemplate="header">
-                    <div class="flex justify-end">
-                        <p-dataViewLayoutOptions [layout]="layout" />
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="list" let-products>
-                    <div class="grid grid-nogutter">
-                        <div class="col-12" *ngFor="let item of products; let first = first" class="col-12">
-                            <div class="flex flex-col sm:flex-row sm:items-center p-4 gap-3" [ngClass]="{ 'border-top-1 surface-border': !first }">
-                                <div class="md:!w-10 relative">
-                                    <img class="block xl:block mx-auto border-round w-full" [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + item.image" [alt]="item.name" />
-                                    <p-tag [value]="item.inventoryStatus" [severity]="getSeverity(item)" class="absolute" [style.left.px]="4" [style.top.px]="4" />
-                                </div>
-                                <div class="flex flex-col md:flex-row justify-between md:items-center flex-1 gap-4">
-                                    <div class="flex flex-row md:flex-col justify-between items-start gap-2">
-                                        <div>
-                                            <span class="font-medium text-secondary text-sm">{{ item.category }}</span>
-                                            <div class="text-lg font-medium text-900 mt-2">{{ item.name }}</div>
-                                        </div>
-                                        <div class="surface-100 p-1" style="border-radius: 30px">
-                                            <div class="surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
-                                                <span class="text-900 font-medium text-sm">{{ item.rating }}</span>
-                                                <i class="pi pi-star-fill text-yellow-500"></i>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="flex flex-col md:items-end gap-5">
-                                        <span class="text-xl font-semibold text-900">{{ '$' + item.price }}</span>
-                                        <div class="flex flex-row-reverse md:flex-row gap-2">
-                                            <p-button icon="pi pi-heart" [outlined]="true" />
-                                            <p-button icon="pi pi-shopping-cart" class="flex-auto md:flex-initial white-space-nowrap" label="Buy Now" [disabled]="item.inventoryStatus === 'OUTOFSTOCK'" />
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </ng-template>
-                <ng-template let-product pTemplate="grid" let-products>
-                    <div class="grid grid-nogutter">
-                        <div class="col-12 sm:col-6 md:col-4 xl:col-6 p-2" *ngFor="let product of products">
-                            <div class="p-4 border-1 surface-border surface-card border-round flex flex-col">
-                                <div class="surface-50 flex justify-center border-round p-3">
-                                    <div class="relative mx-auto">
-                                        <img class="border-round w-full" [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + product.image" [alt]="product.name" style="max-width: 300px;" />
-                                        <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product)" class="absolute" [style.left.px]="4" [style.top.px]="4" />
-                                    </div>
-                                </div>
-                                <div class="pt-4">
-                                    <div class="flex flex-row justify-between items-start gap-2">
-                                        <div>
-                                            <span class="font-medium text-secondary text-sm">{{ product.category }}</span>
-                                            <div class="text-lg font-medium text-900 mt-1">{{ product.name }}</div>
-                                        </div>
-                                        <div class="surface-100 p-1" style="border-radius: 30px">
-                                            <div class="surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
-                                                <span class="text-900 font-medium text-sm">{{ product.rating }}</span>
-                                                <i class="pi pi-star-fill text-yellow-500"></i>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="flex flex-col gap-4 mt-4">
-                                        <span class="text-2xl font-semibold">{{ '$' + product.price }}</span>
-                                        <div class="flex gap-2">
-                                            <p-button icon="pi pi-shopping-cart" class="flex-auto md:flex-initial white-space-nowrap" label="Buy Now" [disabled]="product.inventoryStatus === 'OUTOFSTOCK'" />
-                                            <p-button icon="pi pi-heart" [outlined]="true" />
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </ng-template>
-            </p-dataView>
-        </div>
-        <app-code [code]="code" selector="data-view-layout-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class LayoutDoc {
-    layout: string = 'list';
-
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProducts().then((data) => (this.products = data.slice(0, 12)));
-    }
-
-    getSeverity(product: Product) {
-        switch (product.inventoryStatus) {
-            case 'INSTOCK':
-                return 'success';
-
-            case 'LOWSTOCK':
-                return 'warning';
-
-            case 'OUTOFSTOCK':
-                return 'danger';
-
-            default:
-                return null;
-        }
-    }
-
-    code: Code = {
-        basic: `<p-dataView #dv [value]="products" [layout]="layout">
-    <ng-template pTemplate="header">
-        <div class="flex justify-end">
-            <p-dataViewLayoutOptions [layout]="layout" />
-        </div>
-    </ng-template>
-    <ng-template pTemplate="list" let-products>
-        <div class="grid grid-nogutter">
-            <div class="col-12" *ngFor="let item of products; let first = first" class="col-12">
-                <div class="flex flex-col sm:flex-row sm:items-center p-4 gap-3" [ngClass]="{ 'border-top-1 surface-border': !first }">
-                    <div class="md:!w-10 relative">
-                        <img class="block xl:block mx-auto border-round w-full" [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + item.image" [alt]="item.name" />
-                        <p-tag [value]="item.inventoryStatus" [severity]="getSeverity(item)" class="absolute" [style.left.px]="4" [style.top.px]="4" />
-                    </div>
-                    <div class="flex flex-col md:flex-row justify-between md:items-center flex-1 gap-4">
-                        <div class="flex flex-row md:flex-col justify-between items-start gap-2">
-                            <div>
-                                <span class="font-medium text-secondary text-sm">{{ item.category }}</span>
-                                <div class="text-lg font-medium text-900 mt-2">{{ item.name }}</div>
-                            </div>
-                            <div class="surface-100 p-1" style="border-radius: 30px">
-                                <div class="surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
-                                    <span class="text-900 font-medium text-sm">{{ item.rating }}</span>
-                                    <i class="pi pi-star-fill text-yellow-500"></i>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="flex flex-col md:items-end gap-5">
-                            <span class="text-xl font-semibold text-900">{{ '$' + item.price }}</span>
-                            <div class="flex flex-row-reverse md:flex-row gap-2">
-                                <p-button icon="pi pi-heart" [outlined]="true" />
-                                <p-button icon="pi pi-shopping-cart" class="flex-auto md:flex-initial white-space-nowrap" label="Buy Now" [disabled]="item.inventoryStatus === 'OUTOFSTOCK'" />
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </ng-template>
-    <ng-template let-product pTemplate="grid" let-products>
-        <div class="grid grid-nogutter">
-            <div class="col-12 sm:col-6 md:col-4 xl:col-6 p-2" *ngFor="let product of products">
-                <div class="p-4 border-1 surface-border surface-card border-round flex flex-col">
-                    <div class="surface-50 flex justify-center border-round p-3">
-                        <div class="relative mx-auto">
-                            <img class="border-round w-full" [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + product.image" [alt]="product.name" style="max-width: 300px;" />
-                            <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product)" class="absolute" [style.left.px]="4" [style.top.px]="4" />
-                        </div>
-                    </div>
-                    <div class="pt-4">
-                        <div class="flex flex-row justify-between items-start gap-2">
-                            <div>
-                                <span class="font-medium text-secondary text-sm">{{ product.category }}</span>
-                                <div class="text-lg font-medium text-900 mt-1">{{ product.name }}</div>
-                            </div>
-                            <div class="surface-100 p-1" style="border-radius: 30px">
-                                <div class="surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
-                                    <span class="text-900 font-medium text-sm">{{ product.rating }}</span>
-                                    <i class="pi pi-star-fill text-yellow-500"></i>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="flex flex-col gap-4 mt-4">
-                            <span class="text-2xl font-semibold">{{ '$' + product.price }}</span>
-                            <div class="flex gap-2">
-                                <p-button icon="pi pi-shopping-cart" class="flex-auto md:flex-initial white-space-nowrap" label="Buy Now" [disabled]="product.inventoryStatus === 'OUTOFSTOCK'" />
-                                <p-button icon="pi pi-heart" [outlined]="true" />
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </ng-template>
-</p-dataView>`,
-
-        html: `<div class="card">
-    <p-dataView #dv [value]="products" [layout]="layout">
-            <ng-template pTemplate="header">
-                <div class="flex justify-end">
-                    <p-dataViewLayoutOptions [layout]="layout" />
-                </div>
-            </ng-template>
-            <ng-template pTemplate="list" let-products>
-                <div class="grid grid-nogutter">
-                    <div class="col-12" *ngFor="let item of products; let first = first" class="col-12">
-                        <div class="flex flex-col sm:flex-row sm:items-center p-4 gap-3" [ngClass]="{ 'border-top-1 surface-border': !first }">
-                            <div class="md:!w-10 relative">
-                                <img class="block xl:block mx-auto border-round w-full" [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + item.image" [alt]="item.name" />
-                                <p-tag [value]="item.inventoryStatus" [severity]="getSeverity(item)" class="absolute" [style.left.px]="4" [style.top.px]="4" />
-                            </div>
-                            <div class="flex flex-col md:flex-row justify-between md:items-center flex-1 gap-4">
-                                <div class="flex flex-row md:flex-col justify-between items-start gap-2">
-                                    <div>
-                                        <span class="font-medium text-secondary text-sm">{{ item.category }}</span>
-                                        <div class="text-lg font-medium text-900 mt-2">{{ item.name }}</div>
-                                    </div>
-                                    <div class="surface-100 p-1" style="border-radius: 30px">
-                                        <div class="surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
-                                            <span class="text-900 font-medium text-sm">{{ item.rating }}</span>
-                                            <i class="pi pi-star-fill text-yellow-500"></i>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="flex flex-col md:items-end gap-5">
-                                    <span class="text-xl font-semibold text-900">{{ '$' + item.price }}</span>
-                                    <div class="flex flex-row-reverse md:flex-row gap-2">
-                                        <p-button icon="pi pi-heart" [outlined]="true" />
-                                        <p-button icon="pi pi-shopping-cart" class="flex-auto md:flex-initial white-space-nowrap" label="Buy Now" [disabled]="item.inventoryStatus === 'OUTOFSTOCK'" />
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </ng-template>
-            <ng-template let-product pTemplate="grid" let-products>
-                <div class="grid grid-nogutter">
-                    <div class="col-12 sm:col-6 md:col-4 xl:col-6 p-2" *ngFor="let product of products">
-                        <div class="p-4 border-1 surface-border surface-card border-round flex flex-col">
-                            <div class="surface-50 flex justify-center border-round p-3">
-                                <div class="relative mx-auto">
-                                    <img class="border-round w-full" [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + product.image" [alt]="product.name" style="max-width: 300px;" />
-                                    <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product)"></p-tag>
-                                </div>
-                            </div>
-                            <div class="pt-4">
-                                <div class="flex flex-row justify-between items-start gap-2">
-                                    <div>
-                                        <span class="font-medium text-secondary text-sm">{{ product.category }}</span>
-                                        <div class="text-lg font-medium text-900 mt-1">{{ product.name }}</div>
-                                    </div>
-                                    <div class="surface-100 p-1" style="border-radius: 30px">
-                                        <div class="surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
-                                            <span class="text-900 font-medium text-sm">{{ product.rating }}</span>
-                                            <i class="pi pi-star-fill text-yellow-500"></i>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="flex flex-col gap-4 mt-4">
-                                    <span class="text-2xl font-semibold">{{ '$' + product.price }}</span>
-                                    <div class="flex gap-2">
-                                        <p-button icon="pi pi-shopping-cart" class="flex-auto md:flex-initial white-space-nowrap" label="Buy Now" [disabled]="product.inventoryStatus === 'OUTOFSTOCK'" />
-                                        <p-button icon="pi pi-heart" [outlined]="true" />
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </ng-template>
-    </p-dataView>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { DataViewModule } from 'primeng/dataview';
-import { TagModule } from 'primeng/tag';
-import { RatingModule } from 'primeng/rating';
-import { ButtonModule } from 'primeng/button';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'data-view-layout-demo',
-    templateUrl: './data-view-layout-demo.html',
-    standalone: true,
-    imports: [
-      DataViewModule,
-      TagModule,
-      RatingModule,
-      ButtonModule,
-      CommonModule,
-    ],
-    providers: [ProductService],
-})
-export class DataViewLayoutDemo {
-    layout: string = 'list';
-
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProducts().then((data) => (this.products = data.slice(0, 12)));
-    }
-
-    getSeverity(product: Product) {
-        switch (product.inventoryStatus) {
-            case 'INSTOCK':
-                return 'success';
-
-            case 'LOWSTOCK':
-                return 'warning';
-
-            case 'OUTOFSTOCK':
-                return 'danger';
-
-            default:
-                return null;
-        }
-    };
-}`,
-
-        data: `
-/* ProductService */
-{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/dataview/loadingdoc.ts b/src/app/showcase/doc/dataview/loadingdoc.ts
deleted file mode 100644
index 8b98dba..0000000
--- a/src/app/showcase/doc/dataview/loadingdoc.ts
+++ /dev/null
@@ -1,290 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'data-view-loading-demo',
-    template: `
-        <app-docsectiontext>
-            <p>While data is being loaded. <a routerLink="/skeleton">Skeleton</a> component may be used to indicate the busy state.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-dataView #dv [value]="products" [layout]="layout">
-                <ng-template pTemplate="header">
-                    <div class="flex justify-end">
-                        <p-dataViewLayoutOptions [layout]="layout" />
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="list" let-products>
-                    <div class="grid grid-nogutter">
-                        <div class="col-12" *ngFor="let i of counterArray(6); let first = first" class="col-12">
-                            <div class="flex flex-col xl:flex-row xl:items-start p-4 gap-4" [ngClass]="{ 'border-top-1 surface-border': !first }">
-                                <p-skeleton styleClass="w-9 sm:!w-16 xl:!w-10 !h-6 block xl:block mx-auto border-round" />
-                                <div class="flex flex-col sm:flex-row justify-between items-center xl:items-start flex-1 gap-4">
-                                    <div class="flex flex-col items-center sm:items-start gap-3">
-                                        <p-skeleton styleClass="!w-8 border-round !h-2" />
-                                        <p-skeleton styleClass="!w-6 border-round !h-1" />
-                                        <div class="flex items-center gap-3">
-                                            <p-skeleton styleClass="!w-6 border-round !h-1" />
-                                            <p-skeleton styleClass="!w-3 border-round !h-1" />
-                                        </div>
-                                    </div>
-                                    <div class="flex sm:flex-col items-center sm:items-end gap-3 sm:gap-2">
-                                        <p-skeleton styleClass="!w-4 border-round !h-2" />
-                                        <p-skeleton shape="circle" styleClass="!w-3 !h-3" />
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </ng-template>
-                <ng-template let-product pTemplate="grid" let-products>
-                    <div class="grid grid-nogutter">
-                        <div class="col-12 sm:col-6 md:col-4 xl:col-6 p-2" *ngFor="let i of counterArray(6)">
-                            <div class="p-4 border-1 surface-border surface-card border-round">
-                                <div class="flex flex-wrap items-center justify-between gap-2">
-                                    <p-skeleton styleClass="!w-6 border-round !h-2" />
-                                    <p-skeleton styleClass="!w-3 border-round !h-1" />
-                                </div>
-                                <div class="flex flex-col items-center gap-3 py-5">
-                                    <p-skeleton styleClass="w-9 border-round !h-10" />
-                                    <p-skeleton styleClass="!w-8 border-round !h-2" />
-                                    <p-skeleton styleClass="!w-6 border-round !h-1" />
-                                </div>
-                                <div class="flex items-center justify-between">
-                                    <p-skeleton styleClass="!w-4 border-round !h-2" />
-                                    <p-skeleton shape="circle" styleClass="!w-3 !h-3" />
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </ng-template>
-            </p-dataView>
-        </div>
-        <app-code [code]="code" selector="data-view-loading-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class LoadingDoc {
-    layout: string = 'list';
-
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProducts().then((data) => (this.products = data.slice(0, 12)));
-    }
-
-    getSeverity(product: Product) {
-        switch (product.inventoryStatus) {
-            case 'INSTOCK':
-                return 'success';
-
-            case 'LOWSTOCK':
-                return 'warning';
-
-            case 'OUTOFSTOCK':
-                return 'danger';
-
-            default:
-                return null;
-        }
-    }
-
-    counterArray(n: number): any[] {
-        return Array(n);
-    }
-
-    code: Code = {
-        basic: `<p-dataView #dv [value]="products" [layout]="layout">
-    <ng-template pTemplate="header">
-        <div class="flex justify-end">
-            <p-dataViewLayoutOptions [layout]="layout" />
-        </div>
-    </ng-template>
-    <ng-template pTemplate="list" let-products>
-        <div class="grid grid-nogutter">
-            <div class="col-12" *ngFor="let i of counterArray(6); let first = first" class="col-12">
-                <div class="flex flex-col xl:flex-row xl:items-start p-4 gap-4" [ngClass]="{ 'border-top-1 surface-border': !first }">
-                    <p-skeleton styleClass="w-9 sm:!w-16 xl:!w-10 !h-6 block xl:block mx-auto border-round" />
-                    <div class="flex flex-col sm:flex-row justify-between items-center xl:items-start flex-1 gap-4">
-                        <div class="flex flex-col items-center sm:items-start gap-3">
-                            <p-skeleton styleClass="!w-8 border-round !h-2" />
-                            <p-skeleton styleClass="!w-6 border-round !h-1" />
-                            <div class="flex items-center gap-3">
-                                <p-skeleton styleClass="!w-6 border-round !h-1" />
-                                <p-skeleton styleClass="!w-3 border-round !h-1" />
-                            </div>
-                        </div>
-                        <div class="flex sm:flex-col items-center sm:items-end gap-3 sm:gap-2">
-                            <p-skeleton styleClass="!w-4 border-round !h-2" />
-                            <p-skeleton shape="circle" styleClass="!w-3 !h-3" />
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </ng-template>
-    <ng-template let-product pTemplate="grid" let-products>
-        <div class="grid grid-nogutter">
-            <div class="col-12 sm:col-6 md:col-4 xl:col-6 p-2" *ngFor="let i of counterArray(6)">
-                <div class="p-4 border-1 surface-border surface-card border-round">
-                    <div class="flex flex-wrap items-center justify-between gap-2">
-                        <p-skeleton styleClass="!w-6 border-round !h-2" />
-                        <p-skeleton styleClass="!w-3 border-round !h-1" />
-                    </div>
-                    <div class="flex flex-col items-center gap-3 py-5">
-                        <p-skeleton styleClass="w-9 border-round !h-10" />
-                        <p-skeleton styleClass="!w-8 border-round !h-2" />
-                        <p-skeleton styleClass="!w-6 border-round !h-1" />
-                    </div>
-                    <div class="flex items-center justify-between">
-                        <p-skeleton styleClass="!w-4 border-round !h-2" />
-                        <p-skeleton shape="circle" styleClass="!w-3 !h-3" />
-                    </div>
-                </div>
-            </div>
-        </div>
-    </ng-template>
-</p-dataView>`,
-
-        html: `<div class="card">
-    <p-dataView #dv [value]="products" [layout]="layout">
-        <ng-template pTemplate="header">
-            <div class="flex justify-end">
-                <p-dataViewLayoutOptions [layout]="layout" />
-            </div>
-        </ng-template>
-        <ng-template pTemplate="list" let-products>
-            <div class="grid grid-nogutter">
-                <div class="col-12" *ngFor="let i of counterArray(6); let first = first" class="col-12">
-                    <div class="flex flex-col xl:flex-row xl:items-start p-4 gap-4" [ngClass]="{ 'border-top-1 surface-border': !first }">
-                        <p-skeleton styleClass="w-9 sm:!w-16 xl:!w-10 !h-6 block xl:block mx-auto border-round" />
-                        <div class="flex flex-col sm:flex-row justify-between items-center xl:items-start flex-1 gap-4">
-                            <div class="flex flex-col items-center sm:items-start gap-3">
-                                <p-skeleton styleClass="!w-8 border-round !h-2" />
-                                <p-skeleton styleClass="!w-6 border-round !h-1" />
-                                <div class="flex items-center gap-3">
-                                    <p-skeleton styleClass="!w-6 border-round !h-1" />
-                                    <p-skeleton styleClass="!w-3 border-round !h-1" />
-                                </div>
-                            </div>
-                            <div class="flex sm:flex-col items-center sm:items-end gap-3 sm:gap-2">
-                                <p-skeleton styleClass="!w-4 border-round !h-2" />
-                                <p-skeleton shape="circle" styleClass="!w-3 !h-3" />
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </ng-template>
-        <ng-template let-product pTemplate="grid" let-products>
-            <div class="grid grid-nogutter">
-                <div class="col-12 sm:col-6 md:col-4 xl:col-6 p-2" *ngFor="let i of counterArray(6)">
-                    <div class="p-4 border-1 surface-border surface-card border-round">
-                        <div class="flex flex-wrap items-center justify-between gap-2">
-                            <p-skeleton styleClass="!w-6 border-round !h-2" />
-                            <p-skeleton styleClass="!w-3 border-round !h-1" />
-                        </div>
-                        <div class="flex flex-col items-center gap-3 py-5">
-                            <p-skeleton styleClass="w-9 border-round !h-10" />
-                            <p-skeleton styleClass="!w-8 border-round !h-2" />
-                            <p-skeleton styleClass="!w-6 border-round !h-1" />
-                        </div>
-                        <div class="flex items-center justify-between">
-                            <p-skeleton styleClass="!w-4 border-round !h-2" />
-                            <p-skeleton shape="circle" styleClass="!w-3 !h-3" />
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </ng-template>
-    </p-dataView>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { DataViewModule } from 'primeng/dataview';
-import { CommonModule } from '@angular/common';
-import { SkeletonModule } from 'primeng/skeleton';
-
-@Component({
-    selector: 'data-view-loading-demo',
-    templateUrl: './data-view-loading-demo.html',
-    standalone: true,
-    imports: [DataViewModule, CommonModule, SkeletonModule,],
-    providers: [ProductService]
-})
-export class DataViewLoadingDemo {
-    layout: string = 'list';
-
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProducts().then((data) => (this.products = data.slice(0, 12)));
-    }
-
-    getSeverity(product: Product) {
-        switch (product.inventoryStatus) {
-            case 'INSTOCK':
-                return 'success';
-
-            case 'LOWSTOCK':
-                return 'warning';
-
-            case 'OUTOFSTOCK':
-                return 'danger';
-
-            default:
-                return null;
-        }
-    }
-
-    counterArray(n: number): any[] {
-        return Array(n);
-    }
-
-}`,
-
-        data: `
-/* ProductService */
-{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/dataview/paginationdoc.ts b/src/app/showcase/doc/dataview/paginationdoc.ts
deleted file mode 100644
index 83d14cf..0000000
--- a/src/app/showcase/doc/dataview/paginationdoc.ts
+++ /dev/null
@@ -1,230 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'data-view-pagination-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Pagination is enabled with the <i>paginator</i> and <i>rows</i> properties. Refer to the <a routerLink="/paginator">Paginator</a> for more information about customizing the paginator.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-dataView #dv [value]="products" [rows]="5" [paginator]="true">
-                <ng-template pTemplate="list" let-products>
-                    <div class="grid grid-nogutter">
-                        <div class="col-12" *ngFor="let item of products; let first = first" class="col-12">
-                            <div class="flex flex-col sm:flex-row sm:items-center p-4 gap-3" [ngClass]="{ 'border-top-1 surface-border': !first }">
-                                <div class="md:!w-10 relative">
-                                    <img class="block xl:block mx-auto border-round w-full" [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + item.image" [alt]="item.name" />
-                                    <p-tag [value]="item.inventoryStatus" [severity]="getSeverity(item)" class="absolute" [style.left.px]="4" [style.top.px]="4" />
-                                </div>
-                                <div class="flex flex-col md:flex-row justify-between md:items-center flex-1 gap-4">
-                                    <div class="flex flex-row md:flex-col justify-between items-start gap-2">
-                                        <div>
-                                            <span class="font-medium text-secondary text-sm">{{ item.category }}</span>
-                                            <div class="text-lg font-medium text-900 mt-2">{{ item.name }}</div>
-                                        </div>
-                                        <div class="surface-100 p-1" style="border-radius: 30px">
-                                            <div class="surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
-                                                <span class="text-900 font-medium text-sm">{{ item.rating }}</span>
-                                                <i class="pi pi-star-fill text-yellow-500"></i>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="flex flex-col md:items-end gap-5">
-                                        <span class="text-xl font-semibold text-900">{{ '$' + item.price }}</span>
-                                        <div class="flex flex-row-reverse md:flex-row gap-2">
-                                            <p-button icon="pi pi-heart" [outlined]="true" />
-                                            <p-button icon="pi pi-shopping-cart" class="flex-auto md:flex-initial white-space-nowrap" label="Buy Now" [disabled]="item.inventoryStatus === 'OUTOFSTOCK'" />
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </ng-template>
-            </p-dataView>
-        </div>
-        <app-code [code]="code" selector="data-view-pagination-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class PaginationDoc {
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProducts().then((data) => (this.products = data));
-    }
-
-    getSeverity(product: Product) {
-        switch (product.inventoryStatus) {
-            case 'INSTOCK':
-                return 'success';
-
-            case 'LOWSTOCK':
-                return 'warning';
-
-            case 'OUTOFSTOCK':
-                return 'danger';
-
-            default:
-                return null;
-        }
-    }
-
-    code: Code = {
-        basic: `<p-dataView #dv [value]="products" [rows]="5" [paginator]="true">
-    <ng-template pTemplate="list" let-products>
-        <div class="grid grid-nogutter">
-            <div class="col-12" *ngFor="let item of products; let first = first" class="col-12">
-                <div class="flex flex-col sm:flex-row sm:items-center p-4 gap-3" [ngClass]="{ 'border-top-1 surface-border': !first }">
-                    <div class="md:!w-10 relative">
-                        <img class="block xl:block mx-auto border-round w-full" [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + item.image" [alt]="item.name" />
-                        <p-tag [value]="item.inventoryStatus" [severity]="getSeverity(item)" class="absolute" [style.left.px]="4" [style.top.px]="4" />
-                    </div>
-                    <div class="flex flex-col md:flex-row justify-between md:items-center flex-1 gap-4">
-                        <div class="flex flex-row md:flex-col justify-between items-start gap-2">
-                            <div>
-                                <span class="font-medium text-secondary text-sm">{{ item.category }}</span>
-                                <div class="text-lg font-medium text-900 mt-2">{{ item.name }}</div>
-                            </div>
-                            <div class="surface-100 p-1" style="border-radius: 30px">
-                                <div class="surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
-                                    <span class="text-900 font-medium text-sm">{{ item.rating }}</span>
-                                    <i class="pi pi-star-fill text-yellow-500"></i>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="flex flex-col md:items-end gap-5">
-                            <span class="text-xl font-semibold text-900">{{ '$' + item.price }}</span>
-                            <div class="flex flex-row-reverse md:flex-row gap-2">
-                                <p-button icon="pi pi-heart" [outlined]="true" />
-                                <p-button icon="pi pi-shopping-cart" class="flex-auto md:flex-initial white-space-nowrap" label="Buy Now" [disabled]="item.inventoryStatus === 'OUTOFSTOCK'" />
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </ng-template>
-</p-dataView>`,
-
-        html: `<div class="card">
-    <p-dataView #dv [value]="products" [rows]="5" [paginator]="true">
-        <ng-template pTemplate="list" let-products>
-            <div class="grid grid-nogutter">
-                <div class="col-12" *ngFor="let item of products; let first = first" class="col-12">
-                    <div class="flex flex-col sm:flex-row sm:items-center p-4 gap-3" [ngClass]="{ 'border-top-1 surface-border': !first }">
-                        <div class="md:!w-10 relative">
-                            <img class="block xl:block mx-auto border-round w-full" [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + item.image" [alt]="item.name" />
-                            <p-tag [value]="item.inventoryStatus" [severity]="getSeverity(item)" class="absolute" [style.left.px]="4" [style.top.px]="4" />
-                        </div>
-                        <div class="flex flex-col md:flex-row justify-between md:items-center flex-1 gap-4">
-                            <div class="flex flex-row md:flex-col justify-between items-start gap-2">
-                                <div>
-                                    <span class="font-medium text-secondary text-sm">{{ item.category }}</span>
-                                    <div class="text-lg font-medium text-900 mt-2">{{ item.name }}</div>
-                                </div>
-                                <div class="surface-100 p-1" style="border-radius: 30px">
-                                    <div class="surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
-                                        <span class="text-900 font-medium text-sm">{{ item.rating }}</span>
-                                        <i class="pi pi-star-fill text-yellow-500"></i>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="flex flex-col md:items-end gap-5">
-                                <span class="text-xl font-semibold text-900">{{ '$' + item.price }}</span>
-                                <div class="flex flex-row-reverse md:flex-row gap-2">
-                                    <p-button icon="pi pi-heart" [outlined]="true" />
-                                    <p-button icon="pi pi-shopping-cart" class="flex-auto md:flex-initial white-space-nowrap" label="Buy Now" [disabled]="item.inventoryStatus === 'OUTOFSTOCK'" />
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </ng-template>
-    </p-dataView>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { DataViewModule } from 'primeng/dataview';
-import { ButtonModule } from 'primeng/button';
-import { TagModule } from 'primeng/tag';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'data-view-pagination-demo',
-    templateUrl: './data-view-pagination-demo.html',
-    standalone: true,
-    imports: [DataViewModule, ButtonModule, TagModule, CommonModule],
-    providers: [ProductService]
-})
-export class DataViewPaginationDemo {
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProducts().then((data) => (this.products = data));
-    }
-
-    getSeverity(product: Product) {
-        switch (product.inventoryStatus) {
-            case 'INSTOCK':
-                return 'success';
-
-            case 'LOWSTOCK':
-                return 'warning';
-
-            case 'OUTOFSTOCK':
-                return 'danger';
-
-            default:
-                return null;
-        }
-    };
-}`,
-
-        data: `
-/* ProductService */
-{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/dataview/sortingdoc.ts b/src/app/showcase/doc/dataview/sortingdoc.ts
deleted file mode 100644
index b38d00c..0000000
--- a/src/app/showcase/doc/dataview/sortingdoc.ts
+++ /dev/null
@@ -1,294 +0,0 @@
-import { Component } from '@angular/core';
-import { SelectItem } from 'primeng/api';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'data-view-sorting-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Built-in sorting is controlled by bindings <i>sortField</i> and <i>sortOrder</i> properties from a custom UI.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-dataView #dv [value]="products" [sortField]="sortField" [sortOrder]="sortOrder">
-                <ng-template pTemplate="header">
-                    <div class="flex flex-col md:flex-row md:justify-between">
-                        <p-dropdown [options]="sortOptions" [(ngModel)]="sortKey" placeholder="Sort By Price" (onChange)="onSortChange($event)" styleClass="mb-2 md:mb-0" />
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="list" let-products>
-                    <div class="grid grid-nogutter">
-                        <div class="col-12" *ngFor="let item of products; let first = first" class="col-12">
-                            <div class="flex flex-col sm:flex-row sm:items-center p-4 gap-3" [ngClass]="{ 'border-top-1 surface-border': !first }">
-                                <div class="md:!w-10 relative">
-                                    <img class="block xl:block mx-auto border-round w-full" [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + item.image" [alt]="item.name" />
-                                    <p-tag [value]="item.inventoryStatus" [severity]="getSeverity(item)" class="absolute" [style.left.px]="4" [style.top.px]="4" />
-                                </div>
-                                <div class="flex flex-col md:flex-row justify-between md:items-center flex-1 gap-4">
-                                    <div class="flex flex-row md:flex-col justify-between items-start gap-2">
-                                        <div>
-                                            <span class="font-medium text-secondary text-sm">{{ item.category }}</span>
-                                            <div class="text-lg font-medium text-900 mt-2">{{ item.name }}</div>
-                                        </div>
-                                        <div class="surface-100 p-1" style="border-radius: 30px">
-                                            <div class="surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
-                                                <span class="text-900 font-medium text-sm">{{ item.rating }}</span>
-                                                <i class="pi pi-star-fill text-yellow-500"></i>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="flex flex-col md:items-end gap-5">
-                                        <span class="text-xl font-semibold text-900">{{ '$' + item.price }}</span>
-                                        <div class="flex flex-row-reverse md:flex-row gap-2">
-                                            <p-button icon="pi pi-heart" [outlined]="true" />
-                                            <p-button icon="pi pi-shopping-cart" class="flex-auto md:flex-initial white-space-nowrap" label="Buy Now" [disabled]="item.inventoryStatus === 'OUTOFSTOCK'" />
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </ng-template>
-            </p-dataView>
-        </div>
-        <app-code [code]="code" selector="data-view-sorting-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class SortingDoc {
-    sortOptions!: SelectItem[];
-
-    sortOrder!: number;
-
-    sortField!: string;
-
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProducts().then((data) => (this.products = data.slice(0, 5)));
-
-        this.sortOptions = [
-            { label: 'Price High to Low', value: '!price' },
-            { label: 'Price Low to High', value: 'price' }
-        ];
-    }
-
-    onSortChange(event: any) {
-        let value = event.value;
-
-        if (value.indexOf('!') === 0) {
-            this.sortOrder = -1;
-            this.sortField = value.substring(1, value.length);
-        } else {
-            this.sortOrder = 1;
-            this.sortField = value;
-        }
-    }
-
-    getSeverity(product: Product) {
-        switch (product.inventoryStatus) {
-            case 'INSTOCK':
-                return 'success';
-
-            case 'LOWSTOCK':
-                return 'warning';
-
-            case 'OUTOFSTOCK':
-                return 'danger';
-
-            default:
-                return null;
-        }
-    }
-
-    code: Code = {
-        basic: `<p-dataView #dv [value]="products" [sortField]="sortField" [sortOrder]="sortOrder">
-    <ng-template pTemplate="header">
-        <div class="flex flex-col md:flex-row md:justify-between">
-            <p-dropdown [options]="sortOptions" [(ngModel)]="sortKey" placeholder="Sort By Price" (onChange)="onSortChange($event)" styleClass="mb-2 md:mb-0" />
-        </div>
-    </ng-template>
-        <ng-template pTemplate="list" let-products>
-        <div class="grid grid-nogutter">
-            <div class="col-12" *ngFor="let item of products; let first = first" class="col-12">
-                <div class="flex flex-col sm:flex-row sm:items-center p-4 gap-3" [ngClass]="{ 'border-top-1 surface-border': !first }">
-                    <div class="md:!w-10 relative">
-                        <img class="block xl:block mx-auto border-round w-full" [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + item.image" [alt]="item.name" />
-                        <p-tag [value]="item.inventoryStatus" [severity]="getSeverity(item)" class="absolute" [style.left.px]="4" [style.top.px]="4" />
-                    </div>
-                    <div class="flex flex-col md:flex-row justify-between md:items-center flex-1 gap-4">
-                        <div class="flex flex-row md:flex-col justify-between items-start gap-2">
-                            <div>
-                                <span class="font-medium text-secondary text-sm">{{ item.category }}</span>
-                                <div class="text-lg font-medium text-900 mt-2">{{ item.name }}</div>
-                            </div>
-                            <div class="surface-100 p-1" style="border-radius: 30px">
-                                <div class="surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
-                                    <span class="text-900 font-medium text-sm">{{ item.rating }}</span>
-                                    <i class="pi pi-star-fill text-yellow-500"></i>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="flex flex-col md:items-end gap-5">
-                            <span class="text-xl font-semibold text-900">{{ '$' + item.price }}</span>
-                            <div class="flex flex-row-reverse md:flex-row gap-2">
-                                <p-button icon="pi pi-heart" [outlined]="true" />
-                                <p-button icon="pi pi-shopping-cart" class="flex-auto md:flex-initial white-space-nowrap" label="Buy Now" [disabled]="item.inventoryStatus === 'OUTOFSTOCK'" />
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </ng-template>
-</p-dataView>`,
-
-        html: `<div class="card">
-    <p-dataView #dv [value]="products" [sortField]="sortField" [sortOrder]="sortOrder">
-        <ng-template pTemplate="header">
-            <div class="flex flex-col md:flex-row md:justify-between">
-                <p-dropdown [options]="sortOptions" [(ngModel)]="sortKey" placeholder="Sort By Price" (onChange)="onSortChange($event)" styleClass="mb-2 md:mb-0" />
-            </div>
-        </ng-template>
-        <ng-template pTemplate="list" let-products>
-            <div class="grid grid-nogutter">
-                <div class="col-12" *ngFor="let item of products; let first = first" class="col-12">
-                    <div class="flex flex-col sm:flex-row sm:items-center p-4 gap-3" [ngClass]="{ 'border-top-1 surface-border': !first }">
-                        <div class="md:!w-10 relative">
-                            <img class="block xl:block mx-auto border-round w-full" [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + item.image" [alt]="item.name" />
-                            <p-tag [value]="item.inventoryStatus" [severity]="getSeverity(item)" class="absolute" [style.left.px]="4" [style.top.px]="4" />
-                        </div>
-                        <div class="flex flex-col md:flex-row justify-between md:items-center flex-1 gap-4">
-                            <div class="flex flex-row md:flex-col justify-between items-start gap-2">
-                                <div>
-                                    <span class="font-medium text-secondary text-sm">{{ item.category }}</span>
-                                    <div class="text-lg font-medium text-900 mt-2">{{ item.name }}</div>
-                                </div>
-                                <div class="surface-100 p-1" style="border-radius: 30px">
-                                    <div class="surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
-                                        <span class="text-900 font-medium text-sm">{{ item.rating }}</span>
-                                        <i class="pi pi-star-fill text-yellow-500"></i>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="flex flex-col md:items-end gap-5">
-                                <span class="text-xl font-semibold text-900">{{ '$' + item.price }}</span>
-                                <div class="flex flex-row-reverse md:flex-row gap-2">
-                                    <p-button icon="pi pi-heart" [outlined]="true" />
-                                    <p-button icon="pi pi-shopping-cart" class="flex-auto md:flex-initial white-space-nowrap" label="Buy Now" [disabled]="item.inventoryStatus === 'OUTOFSTOCK'" />
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-    </ng-template>
-    </p-dataView>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { SelectItem } from 'primeng/api';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { DataViewModule } from 'primeng/dataview';
-import { ButtonModule } from 'primeng/button';
-import { TagModule } from 'primeng/tag';
-import { CommonModule } from '@angular/common';
-import { DropdownModule } from 'primeng/dropdown';
-
-@Component({
-    selector: 'data-view-sorting-demo',
-    templateUrl: './data-view-sorting-demo.html',
-    standalone: true,
-    imports: [DataViewModule, ButtonModule, TagModule, CommonModule, DropdownModule],
-    providers: [ProductService]
-})
-export class DataViewSortingDemo {
-    sortOptions!: SelectItem[];
-
-    sortOrder!: number;
-
-    sortField!: string;
-
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProducts().then((data) => (this.products = data.slice(0, 5)));
-
-        this.sortOptions = [
-            { label: 'Price High to Low', value: '!price' },
-            { label: 'Price Low to High', value: 'price' }
-        ];
-    }
-
-    onSortChange(event: any) {
-        let value = event.value;
-
-        if (value.indexOf('!') === 0) {
-            this.sortOrder = -1;
-            this.sortField = value.substring(1, value.length);
-        } else {
-            this.sortOrder = 1;
-            this.sortField = value;
-        }
-    }
-
-    getSeverity(product: Product) {
-        switch (product.inventoryStatus) {
-            case 'INSTOCK':
-                return 'success';
-
-            case 'LOWSTOCK':
-                return 'warning';
-
-            case 'OUTOFSTOCK':
-                return 'danger';
-
-            default:
-                return null;
-        }
-    };
-}`,
-
-        data: `
-/* ProductService */
-{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/dataview/styledoc.ts b/src/app/showcase/doc/dataview/styledoc.ts
deleted file mode 100644
index 6c714c4..0000000
--- a/src/app/showcase/doc/dataview/styledoc.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-dataview</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dataview-list</td>
-                        <td>Container element in list layout.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dataview-grid</td>
-                        <td>Container element in grid layout.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dataview-header</td>
-                        <td>Header section.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dataview-footer</td>
-                        <td>Footer section.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dataview-content</td>
-                        <td>Container of items.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dataview-emptymessage</td>
-                        <td>Empty message element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/defer/basicdoc.ts b/src/app/showcase/doc/defer/basicdoc.ts
deleted file mode 100644
index 358db8c..0000000
--- a/src/app/showcase/doc/defer/basicdoc.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Defer is applied to a container element with pDefer directive where content needs to be placed inside an ng-template.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p style="margin-bottom: 70rem;">Content is not loaded yet, scroll down to initialize it.</p>
-            <p-toast />
-            <div pDefer (onLoad)="onLoad()">
-                <ng-template>
-                    <img class="w-full md:!w-30 md:block md:mx-auto" src="https://primefaces.org/cdn/primeng/images/demo/nature/nature1.jpg" alt="Prime" />
-                </ng-template>
-            </div>
-        </div>
-        <app-code [code]="code" selector="defer-basic-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class BasicDoc {
-    constructor(private messageService: MessageService) {}
-
-    onLoad() {
-        this.messageService.add({ severity: 'success', summary: 'Data Initialized', detail: 'Render Completed' });
-    }
-
-    code: Code = {
-        basic: `<div pDefer (onLoad)="onLoad()">
-    <ng-template>
-        <img
-            class="w-full md:!w-30 md:block md:mx-auto"
-            src="https://primefaces.org/cdn/primeng/images/demo/nature/nature1.jpg"
-            alt="Prime" />
-    </ng-template>
-</div>`,
-        html: `<div class="card">
-    <p style="margin-bottom: 70rem;">
-        Content is not loaded yet, scroll down to initialize it.
-    </p>
-    <p-toast />
-    <div pDefer (onLoad)="onLoad()">
-        <ng-template>
-            <img
-                class="w-full md:!w-30 md:block md:mx-auto"
-                src="https://primefaces.org/cdn/primeng/images/demo/nature/nature1.jpg"
-                alt="Prime" />
-        </ng-template>
-    </div>
-</div>`,
-        typescript: `import { Component, Input } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { DeferModule } from 'primeng/defer';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'defer-basic-demo',
-    templateUrl: './defer-basic-demo.html',
-    standalone: true,
-    imports: [DeferModule, ToastModule],
-    providers: [MessageService]
-})
-export class DeferBasicDemo {
-    constructor(private messageService: MessageService) {}
-
-    onLoad() {
-        this.messageService.add({ severity: 'success', summary: 'Data Initialized', detail: 'Render Completed' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/defer/datatabledoc.ts b/src/app/showcase/doc/defer/datatabledoc.ts
deleted file mode 100644
index 78be71b..0000000
--- a/src/app/showcase/doc/defer/datatabledoc.ts
+++ /dev/null
@@ -1,156 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Car } from '@domain/car';
-import { Code } from '@domain/code';
-import { CarService } from '@service/carservice';
-
-@Component({
-    selector: 'datatable-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Defer is applied to a container element with pDefer directive where content needs to be placed inside an ng-template.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p style="margin-bottom: 70rem;">Table is not loaded yet, scroll down to initialize it.</p>
-
-            <p-toast />
-            <div pDefer (onLoad)="initData()">
-                <ng-template>
-                    <p-table [value]="cars" responsiveLayout="scroll">
-                        <ng-template pTemplate="header">
-                            <tr>
-                                <th>Vin</th>
-                                <th>Year</th>
-                                <th>Brand</th>
-                                <th>Color</th>
-                            </tr>
-                        </ng-template>
-                        <ng-template pTemplate="body" let-car>
-                            <tr>
-                                <td>{{ car.vin }}</td>
-                                <td>{{ car.year }}</td>
-                                <td>{{ car.brand }}</td>
-                                <td>{{ car.color }}</td>
-                            </tr>
-                        </ng-template>
-                    </p-table>
-                </ng-template>
-            </div>
-        </div>
-        <app-code [code]="code" [extFiles]="extFiles" selector="defer-data-table-demo"></app-code>
-    `,
-    providers: [MessageService, CarService]
-})
-export class DataTableDoc {
-    cars: Car[] | undefined;
-
-    constructor(
-        private carService: CarService,
-        private messageService: MessageService
-    ) {}
-
-    initData() {
-        this.messageService.add({ severity: 'success', summary: 'Data Initialized', detail: 'Render Completed' });
-        this.carService.getCarsSmall().then((cars) => (this.cars = cars));
-    }
-
-    code: Code = {
-        basic: `<div pDefer (onLoad)="initData()">
-    <ng-template>
-        <p-table [value]="cars" responsiveLayout="scroll">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th>Vin</th>
-                    <th>Year</th>
-                    <th>Brand</th>
-                    <th>Color</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-car>
-                <tr>
-                    <td>{{car.vin}}</td>
-                    <td>{{car.year}}</td>
-                    <td>{{car.brand}}</td>
-                    <td>{{car.color}}</td>
-                </tr>
-            </ng-template>
-        </p-table>
-    </ng-template>
-</div>`,
-        html: `<div class="card">
-    <p style="margin-bottom: 70rem;">
-        Table is not loaded yet, scroll down to initialize it.
-    </p>
-
-    <p-toast />
-    <div pDefer (onLoad)="initData()">
-        <ng-template>
-            <p-table [value]="cars" responsiveLayout="scroll">
-                <ng-template pTemplate="header">
-                    <tr>
-                        <th>Vin</th>
-                        <th>Year</th>
-                        <th>Brand</th>
-                        <th>Color</th>
-                    </tr>
-                </ng-template>
-                <ng-template pTemplate="body" let-car>
-                    <tr>
-                        <td>{{car.vin}}</td>
-                        <td>{{car.year}}</td>
-                        <td>{{car.brand}}</td>
-                        <td>{{car.color}}</td>
-                    </tr>
-                </ng-template>
-            </p-table>
-        </ng-template>
-    </div>
-</div>`,
-        typescript: `import { Component, Input } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Car } from '@domain/car';
-import { CarService } from '@service/carservice';
-import { DeferModule } from 'primeng/defer';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'defer-data-table-demo',
-    templateUrl: './defer-data-table-demo.html',
-    standalone: true,
-    imports: [DeferModule, ToastModule],
-    providers: [MessageService, CarService]
-})
-export class DeferDataTableDemo {
-    cars: Car[] | undefined;
-
-    constructor(private carService: CarService, private messageService: MessageService) {}
-
-    initData() {
-        this.messageService.add({ severity: 'success', summary: 'Data Initialized', detail: 'Render Completed' });
-        this.carService.getCarsSmall().then((cars) => (this.cars = cars));
-    }
-}`,
-        data: `{
-            vin: 'ee8a89d8',
-            brand: 'Fiat',
-            year: 1987,
-            color: 'Maroon'
-}`,
-        service: ['CarService']
-    };
-    extFiles = [
-        {
-            path: 'src/domain/car.ts',
-            content: `
-export interface Car {
-    id?;
-    vin?;
-    year?;
-    brand?;
-    color?;
-    price?;
-    saleDate?;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/defer/deferdoc.module.ts b/src/app/showcase/doc/defer/deferdoc.module.ts
deleted file mode 100644
index a86d9c9..0000000
--- a/src/app/showcase/doc/defer/deferdoc.module.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { DeferModule } from 'primeng/defer';
-import { TableModule } from 'primeng/table';
-import { ToastModule } from 'primeng/toast';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BasicDoc } from './basicdoc';
-import { DataTableDoc } from './datatabledoc';
-import { ImportDoc } from './importdoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, FormsModule, DeferModule, TableModule, ToastModule],
-    exports: [ImportDoc, BasicDoc, DataTableDoc, AppDocModule],
-    declarations: [ImportDoc, BasicDoc, DataTableDoc]
-})
-export class DeferDocModule {}
diff --git a/src/app/showcase/doc/defer/importdoc.ts b/src/app/showcase/doc/defer/importdoc.ts
deleted file mode 100644
index 3b452bd..0000000
--- a/src/app/showcase/doc/defer/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { DeferModule } from 'primeng/defer';`
-    };
-}
diff --git a/src/app/showcase/doc/dialog/accessibilitydoc.ts b/src/app/showcase/doc/dialog/accessibilitydoc.ts
deleted file mode 100644
index 576c8c1..0000000
--- a/src/app/showcase/doc/dialog/accessibilitydoc.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Dialog component uses <i>dialog</i> role along with <i>aria-labelledby</i> referring to the header element however any attribute is passed to the root element so you may use <i>aria-labelledby</i> to override this default behavior. In
-                addition <i>aria-modal</i> is added since focus is kept within the popup.
-            </p>
-            <p>It is recommended to use a trigger component that can be accessed with keyboard such as a button, if not adding <i>tabIndex</i> would be necessary.</p>
-            <p>Trigger element also requires <i>aria-expanded</i> and <i>aria-controls</i> to be handled explicitly.</p>
-            <p>
-                Close element is a <i>button</i> with an <i>aria-label</i> that refers to the <i>aria.close</i> property of the <a href="/configuration/#locale">locale</a> API by default, you may use<i>closeButtonProps</i> to customize the element
-                and override the default <i>aria-label</i>.
-            </p>
-
-            <app-code [code]="code" [hideToggleCode]="true"></app-code>
-
-            <h3>Overlay Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Moves focus to the next the focusable element within the dialog.</td>
-                        </tr>
-                        <tr>
-                            <td><i>shift</i> + <i>tab</i></td>
-                            <td>Moves focus to the previous the focusable element within the dialog.</td>
-                        </tr>
-                        <tr>
-                            <td><i>escape</i></td>
-                            <td>Closes the dialog if <i>closeOnEscape</i> is true.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-            <h3>Close Button Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Closes the dialog.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Closes the dialog.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        html: `<p-button
-    icon="pi pi-external-link" 
-    (click)="visible = true" 
-    aria-controls="{{visible ? 'dialog' : null}}" 
-    aria-expanded="{{visible ? true : false}}" />
-    
-<p-dialog 
-    id="dialog" 
-    header="Header" 
-    [(visible)]="visible" 
-    [style]="{ width: '50vw' }" 
-    (onHide)="visible = false">
-        <p>Content</p>
-</p-dialog>`
-    };
-}
diff --git a/src/app/showcase/doc/dialog/basicdoc.ts b/src/app/showcase/doc/dialog/basicdoc.ts
deleted file mode 100644
index cfdd515..0000000
--- a/src/app/showcase/doc/dialog/basicdoc.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dialog-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Dialog is used as a container and visibility is controlled with <i>visible</i> property.</p></app-docsectiontext
-        >
-
-        <div class="card flex justify-center">
-            <p-button (onClick)="showDialog()" label="Show" />
-            <p-dialog header="Edit Profile" [modal]="true" [(visible)]="visible" [style]="{ width: '25rem' }">
-                <span class="p-text-secondary block mb-5">Update your information.</span>
-                <div class="flex items-center gap-3 mb-3">
-                    <label for="username" class="font-semibold !w-6">Username</label>
-                    <input pInputText id="username" class="flex-auto" autocomplete="off" />
-                </div>
-                <div class="flex items-center gap-3 mb-5">
-                    <label for="email" class="font-semibold !w-6">Email</label>
-                    <input pInputText id="email" class="flex-auto" autocomplete="off" />
-                </div>
-                <div class="flex justify-end gap-2">
-                    <p-button label="Cancel" severity="secondary" (onClick)="visible = false" />
-                    <p-button label="Save" (onClick)="visible = false" />
-                </div>
-            </p-dialog>
-        </div>
-        <app-code [code]="code" selector="dialog-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    visible: boolean = false;
-
-    showDialog() {
-        this.visible = true;
-    }
-
-    code: Code = {
-        basic: `<p-button (onClick)="showDialog()" label="Show" />
-<p-dialog header="Edit Profile" [modal]="true" [(visible)]="visible" [style]="{ width: '25rem' }">
-    <span class="p-text-secondary block mb-5">Update your information.</span>
-    <div class="flex items-center gap-3 mb-3">
-        <label for="username" class="font-semibold !w-6">Username</label>
-        <input pInputText id="username" class="flex-auto" autocomplete="off" />
-    </div>
-    <div class="flex items-center gap-3 mb-5">
-        <label for="email" class="font-semibold !w-6">Email</label>
-        <input pInputText id="email" class="flex-auto" autocomplete="off" />
-    </div>
-    <div class="flex justify-end gap-2">
-        <p-button label="Cancel" severity="secondary" (onClick)="visible = false" />
-        <p-button label="Save" (onClick)="visible = false" />
-    </div>
-</p-dialog>`,
-
-        html: `<div class="card flex justify-center">
-    <p-button (onClick)="showDialog()" label="Show" />
-    <p-dialog header="Edit Profile" [modal]="true" [(visible)]="visible" [style]="{ width: '25rem' }">
-        <span class="p-text-secondary block mb-5">Update your information.</span>
-        <div class="flex items-center gap-3 mb-3">
-            <label for="username" class="font-semibold !w-6">Username</label>
-            <input pInputText id="username" class="flex-auto" autocomplete="off" />
-        </div>
-        <div class="flex items-center gap-3 mb-5">
-            <label for="email" class="font-semibold !w-6">Email</label>
-            <input pInputText id="email" class="flex-auto" autocomplete="off" />
-        </div>
-        <div class="flex justify-end gap-2">
-            <p-button label="Cancel" severity="secondary" (onClick)="visible = false" />
-            <p-button label="Save" (onClick)="visible = false" />
-        </div>
-    </p-dialog>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { DialogModule } from 'primeng/dialog';
-import { ButtonModule } from 'primeng/button';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'dialog-basic-demo',
-    templateUrl: './dialog-basic-demo.html',
-    standalone: true,
-    imports: [DialogModule, ButtonModule, InputTextModule]
-})
-export class DialogBasicDemo {
-    visible: boolean = false;
-
-    showDialog() {
-        this.visible = true;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dialog/dialogdoc.module.ts b/src/app/showcase/doc/dialog/dialogdoc.module.ts
deleted file mode 100644
index 9b2c919..0000000
--- a/src/app/showcase/doc/dialog/dialogdoc.module.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FormsModule } from '@angular/forms';
-import { DialogModule } from 'primeng/dialog';
-import { ButtonModule } from 'primeng/button';
-import { DropdownModule } from 'primeng/dropdown';
-import { InputTextModule } from 'primeng/inputtext';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { AvatarModule } from 'primeng/avatar';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { LongContentDoc } from './longcontentdoc';
-import { ResponsiveDoc } from './responsivedoc';
-import { PositionDoc } from './positiondoc';
-import { MaximizableDoc } from './maximizabledoc';
-import { TemplateDoc } from './templatedoc';
-import { OverlaysInsideDoc } from './overlaysinsidedoc';
-import { ModalDoc } from './modaldoc';
-import { HeadlessDoc } from './headlessdoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { WithoutModalDoc } from './withoutmodaldoc';
-@NgModule({
-    imports: [CommonModule, AppCodeModule, RouterModule, FormsModule, DialogModule, ButtonModule, DropdownModule, AppDocModule, InputTextModule, AvatarModule, AutoFocusModule],
-    declarations: [BasicDoc, ImportDoc, StyleDoc, LongContentDoc, ResponsiveDoc, PositionDoc, MaximizableDoc, TemplateDoc, OverlaysInsideDoc, ModalDoc, AccessibilityDoc, HeadlessDoc, WithoutModalDoc],
-    exports: [AppDocModule]
-})
-export class DialogDocModule {}
diff --git a/src/app/showcase/doc/dialog/headlessdoc.ts b/src/app/showcase/doc/dialog/headlessdoc.ts
deleted file mode 100644
index eead911..0000000
--- a/src/app/showcase/doc/dialog/headlessdoc.ts
+++ /dev/null
@@ -1,198 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dialog-headless-demo',
-    template: `
-        <app-docsectiontext>
-            <p><i>Headless</i> mode allows you to customize the entire user interface instead of the default elements.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button (onClick)="showDialog()" icon="pi pi-user" label="Login" />
-            <p-dialog [modal]="true" [maskStyle]="'backdrop-filter: blur(2px)'" [(visible)]="visible">
-                <ng-template pTemplate="headless">
-                    <div class="flex flex-col px-8 py-5 gap-4" style="border-radius: 12px; background-image: radial-gradient(circle at left top, var(--primary-400), var(--primary-700))">
-                        <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg" class="block mx-auto">
-                            <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-                            <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                                <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-                            </mask>
-                            <g mask="url(#mask0_1_36)">
-                                <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-                            </g>
-                            <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-                            <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-                            <path
-                                fill-rule="evenodd"
-                                clip-rule="evenodd"
-                                d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                                fill="var(--primary-color-text)"
-                            />
-                            <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                            <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                            <path
-                                fill-rule="evenodd"
-                                clip-rule="evenodd"
-                                d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                                fill="var(--primary-color-text)"
-                            />
-                            <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-                            <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-                            <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-                            <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-                        </svg>
-                        <div class="inline-flex flex-col gap-2">
-                            <label for="username" class="text-primary-50 font-semibold">Username</label>
-                            <input pInputText id="username" class="bg-white-alpha-20 border-none p-3 text-primary-50" />
-                        </div>
-                        <div class="inline-flex flex-col gap-2">
-                            <label for="password" class="text-primary-50 font-semibold">Password</label>
-                            <input pInputText id="password" class="bg-white-alpha-20 border-none p-3 text-primary-50" type="password" />
-                        </div>
-                        <div class="flex items-center gap-2">
-                            <p-button label="Sign-In" (onClick)="closeDialog()" [text]="true" styleClass="p-3 w-full text-primary-50 border-1 border-white-alpha-30 hover:bg-white-alpha-10" class="w-full" />
-                            <p-button label="Cancel" (onClick)="closeDialog()" [text]="true" styleClass="p-3 w-full text-primary-50 border-1 border-white-alpha-30 hover:bg-white-alpha-10" class="w-full" />
-                        </div>
-                    </div>
-                </ng-template>
-            </p-dialog>
-        </div>
-        <app-code [code]="code" selector="dialog-headless-demo"></app-code>
-    `
-})
-export class HeadlessDoc {
-    visible: boolean = false;
-
-    showDialog() {
-        this.visible = true;
-    }
-
-    closeDialog() {
-        this.visible = false;
-    }
-
-    code: Code = {
-        basic: `<p-button (onClick)="showDialog()" icon="pi pi-user" label="Login" />
-<p-dialog [(visible)]="visible">
-    <ng-template pTemplate="headless">
-        <div class="flex flex-col px-8 py-5 gap-4" style="border-radius: 12px; background-image: radial-gradient(circle at left top, var(--primary-400), var(--primary-700))">
-            <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg" class="block mx-auto">
-                <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-                <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                    <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-                </mask>
-                <g mask="url(#mask0_1_36)">
-                    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-                </g>
-                <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-                <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                    fill="var(--primary-color-text)"
-                />
-                <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                    fill="var(--primary-color-text)"
-                />
-                <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-                <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-                <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-                <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-            </svg>
-            <div class="inline-flex flex-col gap-2">
-                <label for="username" class="text-primary-50 font-semibold">Username</label>
-                <input pInputText id="username" class="bg-white-alpha-20 border-none p-3 text-primary-50"/>
-            </div>
-            <div class="inline-flex flex-col gap-2">
-                <label for="password" class="text-primary-50 font-semibold">Password</label>
-                <input pInputText id="password" class="bg-white-alpha-20 border-none p-3 text-primary-50" type="password"/>
-            </div>
-            <div class="flex items-center gap-2">
-                <p-button label="Sign-In" (onClick)="closeDialog()" [text]="true" styleClass="p-3 w-full text-primary-50 border-1 border-white-alpha-30 hover:bg-white-alpha-10" class="w-full"  />
-                <p-button label="Cancel" (onClick)="closeDialog()" [text]="true"  styleClass="p-3 w-full text-primary-50 border-1 border-white-alpha-30 hover:bg-white-alpha-10" class="w-full" />
-            </div>
-        </div>
-    </ng-template>
-</p-dialog>`,
-
-        html: `<div class="card flex justify-center">
-<p-button (onClick)="showDialog()" icon="pi pi-user" label="Login" />
-<p-dialog [(visible)]="visible">
-    <ng-template pTemplate="headless">
-        <div class="flex flex-col px-8 py-5 gap-4" style="border-radius: 12px; background-image: radial-gradient(circle at left top, var(--primary-400), var(--primary-700))">
-            <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg" class="block mx-auto">
-                <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-                <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                    <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-                </mask>
-                <g mask="url(#mask0_1_36)">
-                    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-                </g>
-                <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-                <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                    fill="var(--primary-color-text)"
-                />
-                <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                    fill="var(--primary-color-text)"
-                />
-                <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-                <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-                <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-                <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-            </svg>
-            <div class="inline-flex flex-col gap-2">
-                <label for="username" class="text-primary-50 font-semibold">Username</label>
-                <input pInputText id="username" class="bg-white-alpha-20 border-none p-3 text-primary-50"/>
-            </div>
-            <div class="inline-flex flex-col gap-2">
-                <label for="password" class="text-primary-50 font-semibold">Password</label>
-                <input pInputText id="password" class="bg-white-alpha-20 border-none p-3 text-primary-50" type="password"/>
-            </div>
-            <div class="flex items-center gap-2">
-                <p-button label="Sign-In" (onClick)="closeDialog()" [text]="true" styleClass="p-3 w-full text-primary-50 border-1 border-white-alpha-30 hover:bg-white-alpha-10" class="w-full"  />
-                <p-button label="Cancel" (onClick)="closeDialog()" [text]="true"  styleClass="p-3 w-full text-primary-50 border-1 border-white-alpha-30 hover:bg-white-alpha-10" class="w-full" />
-            </div>
-        </div>
-    </ng-template>
-</p-dialog>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { DialogModule } from 'primeng/dialog';
-import { ButtonModule } from 'primeng/button';
-import { InputTextModule } from 'primeng/inputtext';
-        
-@Component({
-    selector: 'dialog-headless-demo',
-    templateUrl: './dialog-headless-demo.html',
-    standalone: true,
-    imports: [DialogModule, ButtonModule, InputTextModule]
-})
-export class DialogHeadlessDemo {
-    visible: boolean = false;
-
-    showDialog() {
-        this.visible = true;
-    }
-
-    closeDialog() {
-        this.visible = false;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dialog/importdoc.ts b/src/app/showcase/doc/dialog/importdoc.ts
deleted file mode 100644
index f7cc5c0..0000000
--- a/src/app/showcase/doc/dialog/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { DialogModule } from 'primeng/dialog';`
-    };
-}
diff --git a/src/app/showcase/doc/dialog/longcontentdoc.ts b/src/app/showcase/doc/dialog/longcontentdoc.ts
deleted file mode 100644
index f039c00..0000000
--- a/src/app/showcase/doc/dialog/longcontentdoc.ts
+++ /dev/null
@@ -1,146 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dialog-long-content-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Dialog automatically displays a scroller when content exceeeds viewport.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button (onClick)="showDialog()" label="Show" />
-            <p-dialog header="Header" [modal]="true" [(visible)]="visible" [style]="{ width: '50rem' }" [breakpoints]="{ '1199px': '75vw', '575px': '90vw' }">
-                <p class="mb-5">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                </p>
-                <p class="mb-5">
-                    "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                    ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur,
-                    adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
-                    commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
-                </p>
-                <p class="mb-5">
-                    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
-                    officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime
-                    placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non
-                    recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
-                </p>
-                <p class="mb-5">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                </p>
-                <p class="mb-5">
-                    "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                    ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur,
-                    adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
-                    commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
-                </p>
-                <p>
-                    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
-                    officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime
-                    placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non
-                    recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
-                </p>
-            </p-dialog>
-        </div>
-        <app-code [code]="code" selector="dialog-long-content-demo"></app-code>
-    `
-})
-export class LongContentDoc {
-    visible: boolean = false;
-
-    showDialog() {
-        this.visible = true;
-    }
-
-    code: Code = {
-        basic: `<p-button (onClick)="showDialog()" label="Show" />
-<p-dialog 
-    header="Header" 
-    [modal]="true"
-    [(visible)]="visible" 
-    [style]="{ width: '50rem' }" 
-    [breakpoints]="{ '1199px': '75vw', '575px': '90vw' }">
-        <p class="mb-5">
-            Lorem ipsum dolor sit amet...
-        </p>
-        <p class="mb-5">
-            "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-        </p>
-        <p class="mb-5">
-            At vero eos et accusamus et iusto odio dignissimos...
-        </p>
-        <p class="mb-5">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit...
-        </p>
-        <p class="mb-5">
-            "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-        </p>
-        <p>
-            At vero eos et accusamus et iusto odio dignissimos...
-        </p>
-</p-dialog>`,
-
-        html: `<div class="card flex justify-center">
-    <p-button (onClick)="showDialog()" label="Show" />
-    <p-dialog 
-        header="Header" 
-        [modal]="true"
-        [(visible)]="visible" 
-        [style]="{ width: '50rem' }" 
-        [breakpoints]="{ '1199px': '75vw', '575px': '90vw' }">
-            <p class="mb-5">
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-            <p class="mb-5">
-                "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur,
-                adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
-                commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
-            </p>
-            <p class="mb-5">
-                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
-                officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime
-                placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non
-                recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
-            </p>
-            <p class="mb-5">
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-            <p class="mb-5">
-                "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur,
-                adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
-                commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
-            </p>
-            <p>
-                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
-                officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime
-                placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non
-                recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
-            </p>
-    </p-dialog>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { DialogModule } from 'primeng/dialog';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'dialog-long-content-demo',
-    templateUrl: './dialog-long-content-demo.html',
-    standalone: true,
-    imports: [DialogModule, ButtonModule]
-})
-export class DialogLongContentDemo {
-    visible: boolean = false;
-
-    showDialog() {
-        this.visible = true;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dialog/maximizabledoc.ts b/src/app/showcase/doc/dialog/maximizabledoc.ts
deleted file mode 100644
index 10e8ccf..0000000
--- a/src/app/showcase/doc/dialog/maximizabledoc.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dialog-maximizable-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Setting <i>maximizable</i> property to <i>true</i> enables the full screen mode.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button (onClick)="showDialog()" label="Show" />
-            <p-dialog header="Header" [modal]="true" [(visible)]="visible" [style]="{ width: '50rem' }" [breakpoints]="{ '1199px': '75vw', '575px': '90vw' }" [maximizable]="true">
-                <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                </p>
-            </p-dialog>
-        </div>
-        <app-code [code]="code" selector="dialog-maximizable-demo"></app-code>
-    `
-})
-export class MaximizableDoc {
-    visible: boolean = false;
-
-    showDialog() {
-        this.visible = true;
-    }
-
-    code: Code = {
-        basic: `<p-button (onClick)="showDialog()" label="Show" />
-<p-dialog 
-    header="Header" 
-    [modal]="true"
-    [(visible)]="visible" 
-    [style]="{ width: '50rem' }" 
-    [breakpoints]="{ '1199px': '75vw', '575px': '90vw' }" 
-    [maximizable]="true">
-        <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit...
-        </p>
-</p-dialog>`,
-
-        html: `<div class="card flex justify-center">
-    <p-button (onClick)="showDialog()" label="Show" />
-    <p-dialog 
-        header="Header" 
-        [modal]="true" 
-        [(visible)]="visible" 
-        [style]="{ width: '50rem' }" 
-        [breakpoints]="{ '1199px': '75vw', '575px': '90vw' }" 
-        [maximizable]="true">
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-    </p-dialog>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-import { DialogModule } from 'primeng/dialog';
-
-@Component({
-    selector: 'dialog-maximizable-demo',
-    templateUrl: './dialog-maximizable-demo.html',
-    standalone: true,
-    imports: [DialogModule, ButtonModule]
-})
-export class DialogMaximizableDemo {
-    visible: boolean = false;
-
-    showDialog() {
-        this.visible = true;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dialog/modaldoc.ts b/src/app/showcase/doc/dialog/modaldoc.ts
deleted file mode 100644
index a6186c2..0000000
--- a/src/app/showcase/doc/dialog/modaldoc.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dialog-modal-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Mask layer behind the Dialog can be turned on by setting the <i>modal</i> property to <i>true</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button (onClick)="showDialog()" icon="pi pi-external-link" label="Show"></p-button>
-            <p-dialog header="Header" [(visible)]="visible" [modal]="true" [style]="{ width: '50vw' }" [draggable]="false" [resizable]="false">
-                <p class="m-0">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                </p>
-            </p-dialog>
-        </div>
-        <app-code [code]="code" selector="dialog-modal-demo"></app-code>
-    `
-})
-export class ModalDoc {
-    visible: boolean = false;
-
-    showDialog() {
-        this.visible = true;
-    }
-
-    code: Code = {
-        basic: `<p-button (onClick)="showDialog()" icon="pi pi-external-link" label="Show"></p-button>
-<p-dialog header="Header" [(visible)]="visible" [modal]="true" [style]="{ width: '50vw' }" [draggable]="false" [resizable]="false">
-    <p class="m-0">
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-</p-dialog>`,
-
-        html: `
-<div class="card flex justify-center">
-    <p-button (onClick)="showDialog()" icon="pi pi-external-link" label="Show"></p-button>
-    <p-dialog header="Header" [(visible)]="visible" [modal]="true" [style]="{ width: '50vw' }" [draggable]="false" [resizable]="false">
-        <p class="m-0">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-    </p-dialog>
-</div>`,
-
-        typescript: `
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'dialog-modal-demo',
-    templateUrl: './dialog-modal-demo.html'
-})
-export class DialogModalDemo {
-    visible: boolean = false;
-
-    showDialog() {
-        this.visible = true;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dialog/overlaysinsidedoc.ts b/src/app/showcase/doc/dialog/overlaysinsidedoc.ts
deleted file mode 100644
index 6951b51..0000000
--- a/src/app/showcase/doc/dialog/overlaysinsidedoc.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dialog-overlays-inside-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                When dialog includes other components with overlays such as dropdown, the overlay part cannot exceed dialog boundaries due to overflow. In order to solve this, you can either append the overlay to the body by using
-                <i>appendTo</i> property or allow overflow in dialog.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button (onClick)="showDialog()" icon="pi pi-external-link" label="Show"></p-button>
-            <p-dialog header="Header" [(visible)]="visible" [style]="{ width: '50vw' }">
-                <div class="flex py-2 justify-center">
-                    <p-dropdown appendTo="body" [options]="cities" [(ngModel)]="selectedCity" placeholder="Select a City" optionLabel="name"></p-dropdown>
-                </div>
-            </p-dialog>
-        </div>
-        <app-code [code]="code" selector="dialog-overlays-inside-demo"></app-code>
-    `
-})
-export class OverlaysInsideDoc implements OnInit {
-    cities: City[] | undefined;
-
-    selectedCity: City | undefined;
-
-    visible: boolean = false;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    showDialog() {
-        this.visible = true;
-    }
-
-    code: Code = {
-        basic: `<p-button (onClick)="showDialog()" icon="pi pi-external-link" label="Show"></p-button>
-<p-dialog header="Header" [(visible)]="visible" [style]="{ width: '50vw' }">
-    <div class="flex py-2 justify-center">
-        <p-dropdown appendTo="body" [options]="cities" [(ngModel)]="selectedCity" placeholder="Select a City" optionLabel="name"></p-dropdown>
-    </div>
-</p-dialog>`,
-
-        html: `
-<div class="card flex justify-center">
-    <p-button (onClick)="showDialog()" icon="pi pi-external-link" label="Show"></p-button>
-    <p-dialog header="Header" [(visible)]="visible" [style]="{ width: '50vw' }">
-        <div class="flex py-2 justify-center">
-            <p-dropdown appendTo="body" [options]="cities" [(ngModel)]="selectedCity" placeholder="Select a City" optionLabel="name"></p-dropdown>
-        </div>
-    </p-dialog>
-</div>`,
-
-        typescript: `
-import { Component, OnInit } from '@angular/core';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dialog-overlays-inside-demo',
-    templateUrl: './dialog-overlays-inside-demo.html'
-})
-export class DialogOverlaysInsideDemo implements OnInit {
-    cities: City[] | undefined;
-
-    selectedCity: City | undefined;
-
-    visible: boolean = false;
-
-    ngOnInit() { 
-        this.cities = [
-            {name: 'New York', code: 'NY'},
-            {name: 'Rome', code: 'RM'},
-            {name: 'London', code: 'LDN'},
-            {name: 'Istanbul', code: 'IST'},
-            {name: 'Paris', code: 'PRS'}
-        ];
-    }
-
-    showDialog() {
-        this.visible = true;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dialog/positiondoc.ts b/src/app/showcase/doc/dialog/positiondoc.ts
deleted file mode 100644
index d054dcc..0000000
--- a/src/app/showcase/doc/dialog/positiondoc.ts
+++ /dev/null
@@ -1,225 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dialog-position-demo',
-    template: `
-        <app-docsectiontext>
-            <p>The <i>position</i> property is used to display a Dialog at all edges and corners of the screen.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col items-center gap-2">
-            <div class="flex flex-wrap gap-2">
-                <p-button (onClick)="showDialog('left')" icon="pi pi-arrow-right" label="Left" severity="secondary" />
-                <p-button (onClick)="showDialog('right')" icon="pi pi-arrow-left" label="Right" severity="secondary" />
-            </div>
-            <div class="flex flex-wrap gap-2">
-                <p-button (onClick)="showDialog('top-left')" icon="pi pi-arrow-down-right" label="TopLeft" severity="secondary" />
-                <p-button (onClick)="showDialog('top')" icon="pi pi-arrow-down" label="Top" severity="secondary" />
-                <p-button (onClick)="showDialog('top-right')" icon="pi pi-arrow-down-left" label="TopRight" severity="secondary" />
-            </div>
-            <div class="flex flex-wrap gap-2">
-                <p-button (onClick)="showDialog('bottom-left')" icon="pi pi-arrow-up-right" label="BottomLeft" severity="secondary" />
-                <p-button (onClick)="showDialog('bottom')" icon="pi pi-arrow-up" label="Bottom" severity="secondary" />
-                <p-button (onClick)="showDialog('bottom-right')" icon="pi pi-arrow-up-left" label="BottomRight" severity="secondary" />
-            </div>
-            <p-dialog header="Edit Profile" [modal]="true" [(visible)]="visible" [position]="position" [style]="{ width: '25rem' }">
-                <span class="p-text-secondary block mb-5">Update your information.</span>
-                <div class="flex items-center gap-3 mb-3">
-                    <label for="username" class="font-semibold !w-6">Username</label>
-                    <input pInputText id="username" class="flex-auto" autocomplete="off" />
-                </div>
-                <div class="flex items-center gap-3 mb-5">
-                    <label for="email" class="font-semibold !w-6">Email</label>
-                    <input pInputText id="email" class="flex-auto" autocomplete="off" />
-                </div>
-                <div class="flex justify-end gap-2">
-                    <p-button label="Cancel" severity="secondary" (onClick)="visible = false" />
-                    <p-button label="Save" (onClick)="visible = false" />
-                </div>
-            </p-dialog>
-        </div>
-        <app-code [code]="code" selector="dialog-position-demo"></app-code>
-    `
-})
-export class PositionDoc {
-    visible: boolean = false;
-
-    position: string = 'center';
-
-    showDialog(position: string) {
-        this.position = position;
-        this.visible = true;
-    }
-
-    code: Code = {
-        basic: `<div class="flex flex-wrap gap-2">
-    <p-button
-        (onClick)="showDialog('left')"
-        icon="pi pi-arrow-right"
-        label="Left"
-        severity="secondary" />
-    <p-button
-        (onClick)="showDialog('right')"
-        icon="pi pi-arrow-left"
-        label="Right"
-        severity="secondary" />
-</div>
-<div class="flex flex-wrap gap-2">
-    <p-button
-        (onClick)="showDialog('top-left')"
-        icon="pi pi-arrow-down-right"
-        label="TopLeft"
-        severity="secondary" />
-    <p-button
-        (onClick)="showDialog('top')"
-        icon="pi pi-arrow-down"
-        label="Top"
-        severity="secondary" />
-    <p-button
-        (onClick)="showDialog('top-right')"
-        icon="pi pi-arrow-down-left"
-        label="TopRight"
-        severity="secondary" />
-</div>
-<div class="flex flex-wrap gap-2">
-    <p-button
-        (onClick)="showDialog('bottom-left')"
-        icon="pi pi-arrow-up-right"
-        label="BottomLeft"
-        severity="secondary" />
-    <p-button
-        (onClick)="showDialog('bottom')"
-        icon="pi pi-arrow-up"
-        label="Bottom"
-        severity="secondary" />
-    <p-button
-        (onClick)="showDialog('bottom-right')"
-        icon="pi pi-arrow-up-left"
-        label="BottomRight"
-        severity="secondary" />
-</div>
-<p-dialog
-    header="Edit Profile"
-    [modal]="true"
-    [(visible)]="visible"
-    [position]="position"
-    [style]="{ width: '25rem' }">
-        <span class="p-text-secondary block mb-5">
-            Update your information.
-        </span>
-        <div class="flex items-center gap-3 mb-3">
-            <label for="username" class="font-semibold !w-6">
-                Username
-            </label>
-            <input pInputText id="username" class="flex-auto" autocomplete="off" />
-        </div>
-        <div class="flex items-center gap-3 mb-5">
-            <label for="email" class="font-semibold !w-6">
-                Email
-            </label>
-            <input pInputText id="email" class="flex-auto" autocomplete="off" />
-        </div>
-        <div class="flex justify-end gap-2">
-            <p-button label="Cancel" severity="secondary" (onClick)="visible = false" />
-            <p-button label="Save" (onClick)="visible = false" />
-        </div>
-</p-dialog>`,
-
-        html: `<div class="card flex flex-col items-center gap-2">
-    <div class="flex flex-wrap gap-2">
-        <p-button
-            (onClick)="showDialog('left')"
-            icon="pi pi-arrow-right"
-            label="Left"
-            severity="secondary" />
-        <p-button
-            (onClick)="showDialog('right')"
-            icon="pi pi-arrow-left"
-            label="Right"
-            severity="secondary" />
-    </div>
-    <div class="flex flex-wrap gap-2">
-        <p-button
-            (onClick)="showDialog('top-left')"
-            icon="pi pi-arrow-down-right"
-            label="TopLeft"
-            severity="secondary" />
-        <p-button
-            (onClick)="showDialog('top')"
-            icon="pi pi-arrow-down"
-            label="Top"
-            severity="secondary" />
-        <p-button
-            (onClick)="showDialog('top-right')"
-            icon="pi pi-arrow-down-left"
-            label="TopRight"
-            severity="secondary" />
-    </div>
-    <div class="flex flex-wrap gap-2">
-        <p-button
-            (onClick)="showDialog('bottom-left')"
-            icon="pi pi-arrow-up-right"
-            label="BottomLeft"
-            severity="secondary" />
-        <p-button
-            (onClick)="showDialog('bottom')"
-            icon="pi pi-arrow-up"
-            label="Bottom"
-            severity="secondary" />
-        <p-button
-            (onClick)="showDialog('bottom-right')"
-            icon="pi pi-arrow-up-left"
-            label="BottomRight"
-            severity="secondary" />
-    </div>
-    <p-dialog
-        header="Edit Profile"
-        [modal]="true"
-        [(visible)]="visible"
-        [position]="position"
-        [style]="{ width: '25rem' }">
-            <span class="p-text-secondary block mb-5">
-                Update your information.
-            </span>
-            <div class="flex items-center gap-3 mb-3">
-                <label for="username" class="font-semibold !w-6">
-                    Username
-                </label>
-                <input pInputText id="username" class="flex-auto" autocomplete="off" />
-            </div>
-            <div class="flex items-center gap-3 mb-5">
-                <label for="email" class="font-semibold !w-6">
-                    Email
-                </label>
-                <input pInputText id="email" class="flex-auto" autocomplete="off" />
-            </div>
-            <div class="flex justify-end gap-2">
-                <p-button label="Cancel" severity="secondary" (onClick)="visible = false" />
-                <p-button label="Save" (onClick)="visible = false" />
-            </div>
-    </p-dialog>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { DialogModule } from 'primeng/dialog';
-import { ButtonModule } from 'primeng/button';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'dialog-position-demo',
-    templateUrl: './dialog-position-demo.html',
-    standalone: true,
-    imports: [DialogModule, ButtonModule, InputTextModule]
-})
-export class DialogPositionDemo {
-    visible: boolean = false;
-
-    position: string = 'center';
-
-    showDialog(position: string) {
-        this.position = position;
-        this.visible = true;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dialog/responsivedoc.ts b/src/app/showcase/doc/dialog/responsivedoc.ts
deleted file mode 100644
index 0aa1f16..0000000
--- a/src/app/showcase/doc/dialog/responsivedoc.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dialog-responsive-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Dialog width can be adjusted per screen size with the <i>breakpoints</i> option where a key defines the max-width for the breakpoint and value for the corresponding width. When no breakpoint matches width defined in
-                <i>style</i> property is used.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button (onClick)="showDialog()" label="Show" />
-            <p-dialog header="Header" [(visible)]="visible" [modal]="true" [breakpoints]="{ '1199px': '75vw', '575px': '90vw' }" [style]="{ width: '50vw' }" [draggable]="false" [resizable]="false">
-                <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                </p>
-            </p-dialog>
-        </div>
-        <app-code [code]="code" selector="dialog-responsive-demo"></app-code>
-    `
-})
-export class ResponsiveDoc {
-    visible: boolean = false;
-
-    showDialog() {
-        this.visible = true;
-    }
-
-    code: Code = {
-        basic: `<p-button (onClick)="showDialog()" label="Show" />
-<p-dialog 
-    header="Header" 
-    [(visible)]="visible" 
-    [modal]="true" 
-    [breakpoints]="{ '1199px': '75vw', '575px': '90vw' }" 
-    [style]="{ width: '50vw' }" 
-    [draggable]="false" 
-    [resizable]="false">
-        <p>
-            Lorem ipsum dolor sit amet...
-        </p>
-</p-dialog>`,
-
-        html: `<div class="card flex justify-center">
-    <p-button (onClick)="showDialog()" label="Show" />
-    <p-dialog 
-        header="Header" 
-        [(visible)]="visible" 
-        [modal]="true" 
-        [breakpoints]="{ '1199px': '75vw', '575px': '90vw' }" 
-        [style]="{ width: '50vw' }" 
-        [draggable]="false" 
-        [resizable]="false">
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-    </p-dialog>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { DialogModule } from 'primeng/dialog';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'dialog-responsive-demo',
-    templateUrl: './dialog-responsive-demo.html',
-    standalone: true,
-    imports: [DialogModule, ButtonModule]
-})
-export class DialogResponsiveDemo {
-    visible: boolean = false;
-
-    showDialog() {
-        this.visible = true;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dialog/styledoc.ts b/src/app/showcase/doc/dialog/styledoc.ts
deleted file mode 100644
index a3f9945..0000000
--- a/src/app/showcase/doc/dialog/styledoc.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-dialog</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-dialog-titlebar</td>
-                        <td>Container of header.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dialog-title</td>
-                        <td>Header element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dialog-titlebar-icon</td>
-                        <td>Icon container inside header.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dialog-titlebar-close</td>
-                        <td>Close icon element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dialog-content</td>
-                        <td>Content element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dialog-footer</td>
-                        <td>Footer element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/dialog/templatedoc.ts b/src/app/showcase/doc/dialog/templatedoc.ts
deleted file mode 100644
index 517bcd8..0000000
--- a/src/app/showcase/doc/dialog/templatedoc.ts
+++ /dev/null
@@ -1,151 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dialog-template-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Dialog can be customized using <i>header</i> and <i>footer</i> templates.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button (onClick)="showDialog()" label="Show" />
-            <p-dialog header="Header" [(visible)]="visible" [modal]="true" [style]="{ width: '25rem' }">
-                <ng-template pTemplate="header">
-                    <div class="inline-flex items-center justify-center gap-2">
-                        <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" shape="circle" />
-                        <span class="font-bold white-space-nowrap">Amy Elsner</span>
-                    </div>
-                </ng-template>
-                <span class="p-text-secondary block mb-5">Update your information.</span>
-                <div class="flex items-center gap-3 mb-3">
-                    <label for="username" class="font-semibold !w-6">Username</label>
-                    <input pInputText id="username" class="flex-auto" autocomplete="off" />
-                </div>
-                <div class="flex items-center gap-3 mb-5">
-                    <label for="email" class="font-semibold !w-6">Email</label>
-                    <input pInputText id="email" class="flex-auto" autocomplete="off" />
-                </div>
-                <ng-template pTemplate="footer">
-                    <p-button label="Cancel" [text]="true" severity="secondary" (onClick)="visible = false" />
-                    <p-button label="Save" [outlined]="true" severity="secondary" (onClick)="visible = false" />
-                </ng-template>
-            </p-dialog>
-        </div>
-        <app-code [code]="code" selector="dialog-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    visible: boolean = false;
-
-    showDialog() {
-        this.visible = true;
-    }
-
-    code: Code = {
-        basic: `<p-button (onClick)="showDialog()" label="Show" />
-<p-dialog
-    header="Header"
-    [(visible)]="visible"
-    [modal]="true"
-    [style]="{ width: '25rem' }">
-        <ng-template pTemplate="header">
-            <div class="inline-flex items-center justify-center gap-2">
-                <p-avatar
-                    image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png"
-                    shape="circle" />
-                <span class="font-bold white-space-nowrap">
-                    Amy Elsner
-                </span>
-            </div>
-        </ng-template>
-        <span class="p-text-secondary block mb-5">Update your information.</span>
-        <div class="flex items-center gap-3 mb-3">
-            <label for="username" class="font-semibold !w-6">
-                Username
-            </label>
-            <input pInputText id="username" class="flex-auto" autocomplete="off" />
-        </div>
-        <div class="flex items-center gap-3 mb-5">
-            <label for="email" class="font-semibold !w-6">Email</label>
-            <input pInputText id="email" class="flex-auto" autocomplete="off" />
-        </div>
-        <ng-template pTemplate="footer">
-            <p-button
-                label="Cancel"
-                [text]="true"
-                severity="secondary"
-                (onClick)="visible = false" />
-            <p-button
-                label="Save"
-                [outlined]="true"
-                severity="secondary"
-                (onClick)="visible = false"
-              />
-        </ng-template>
-</p-dialog>`,
-
-        html: `<div class="card flex justify-center">
-    <p-button (onClick)="showDialog()" label="Show" />
-    <p-dialog
-        header="Header"
-        [(visible)]="visible"
-        [modal]="true"
-        [style]="{ width: '25rem' }">
-            <ng-template pTemplate="header">
-                <div class="inline-flex items-center justify-center gap-2">
-                    <p-avatar
-                        image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png"
-                        shape="circle" />
-                    <span class="font-bold white-space-nowrap">
-                        Amy Elsner
-                    </span>
-                </div>
-            </ng-template>
-            <span class="p-text-secondary block mb-5">Update your information.</span>
-            <div class="flex items-center gap-3 mb-3">
-                <label for="username" class="font-semibold !w-6">
-                    Username
-                </label>
-                <input pInputText id="username" class="flex-auto" autocomplete="off" />
-            </div>
-            <div class="flex items-center gap-3 mb-5">
-                <label for="email" class="font-semibold !w-6">Email</label>
-                <input pInputText id="email" class="flex-auto" autocomplete="off" />
-            </div>
-            <ng-template pTemplate="footer">
-                <p-button
-                    label="Cancel"
-                    [text]="true"
-                    severity="secondary"
-                    (onClick)="visible = false" />
-                <p-button
-                    label="Save"
-                    [outlined]="true"
-                    severity="secondary"
-                    (onClick)="visible = false"
-                  />
-            </ng-template>
-    </p-dialog>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { DialogModule } from 'primeng/dialog';
-import { ButtonModule } from 'primeng/button';
-import { InputTextModule } from 'primeng/inputtext';
-import { AvatarModule } from 'primeng/avatar';
-
-@Component({
-    selector: 'dialog-template-demo',
-    templateUrl: './dialog-template-demo.html',
-    standalone: true,
-    imports: [DialogModule, ButtonModule, InputTextModule, AvatarModule]
-})
-export class DialogTemplateDemo {
-    visible: boolean = false;
-
-    showDialog() {
-        this.visible = true;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dialog/withoutmodaldoc.ts b/src/app/showcase/doc/dialog/withoutmodaldoc.ts
deleted file mode 100644
index fd4abb9..0000000
--- a/src/app/showcase/doc/dialog/withoutmodaldoc.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dialog-without-modal-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Mask layer behind the Dialog is configured with the <i>modal</i> property. By default, no modal layer is added.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button (onClick)="showDialog()" label="Show" />
-            <p-dialog header="Edit Profile" [(visible)]="visible" [style]="{ width: '25rem' }">
-                <span class="p-text-secondary block mb-5">Update your information.</span>
-                <div class="flex items-center gap-3 mb-3">
-                    <label for="username" class="font-semibold !w-6">Username</label>
-                    <input pInputText id="username" class="flex-auto" autocomplete="off" />
-                </div>
-                <div class="flex items-center gap-3 mb-5">
-                    <label for="email" class="font-semibold !w-6">Email</label>
-                    <input pInputText id="email" class="flex-auto" autocomplete="off" />
-                </div>
-                <div class="flex justify-end gap-2">
-                    <p-button label="Cancel" severity="secondary" (onClick)="visible = false" />
-                    <p-button label="Save" (onClick)="visible = false" />
-                </div>
-            </p-dialog>
-        </div>
-        <app-code [code]="code" selector="dialog-without-modal-demo"></app-code>
-    `
-})
-export class WithoutModalDoc {
-    visible: boolean = false;
-
-    showDialog() {
-        this.visible = true;
-    }
-
-    code: Code = {
-        basic: `<p-button (onClick)="showDialog()" label="Show" />
-<p-dialog header="Edit Profile" [(visible)]="visible" [style]="{ width: '25rem' }">
-    <span class="p-text-secondary block mb-5">Update your information.</span>
-    <div class="flex items-center gap-3 mb-3">
-        <label for="username" class="font-semibold !w-6">Username</label>
-        <input pInputText id="username" class="flex-auto" autocomplete="off" />
-    </div>
-    <div class="flex items-center gap-3 mb-5">
-        <label for="email" class="font-semibold !w-6">Email</label>
-        <input pInputText id="email" class="flex-auto" autocomplete="off" />
-    </div>
-    <div class="flex justify-end gap-2">
-        <p-button label="Cancel" severity="secondary" (onClick)="visible = false" />
-        <p-button label="Save" (onClick)="visible = false" />
-    </div>
-</p-dialog>`,
-
-        html: `<div class="card flex justify-center">
-    <p-button (onClick)="showDialog()" label="Show" />
-    <p-dialog header="Edit Profile" [(visible)]="visible" [style]="{ width: '25rem' }">
-        <span class="p-text-secondary block mb-5">Update your information.</span>
-        <div class="flex items-center gap-3 mb-3">
-            <label for="username" class="font-semibold !w-6">Username</label>
-            <input pInputText id="username" class="flex-auto" autocomplete="off" />
-        </div>
-        <div class="flex items-center gap-3 mb-5">
-            <label for="email" class="font-semibold !w-6">Email</label>
-            <input pInputText id="email" class="flex-auto" autocomplete="off" />
-        </div>
-        <div class="flex justify-end gap-2">
-            <p-button label="Cancel" severity="secondary" (onClick)="visible = false" />
-            <p-button label="Save" (onClick)="visible = false" />
-        </div>
-    </p-dialog>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { DialogModule } from 'primeng/dialog';
-import { ButtonModule } from 'primeng/button';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'dialog-without-modal-demo',
-    templateUrl: './dialog-without-modal-demo.html',
-    standalone: true,
-    imports: [DialogModule, ButtonModule, InputTextModule]
-})
-export class DialogWithoutModalDemo {
-    visible: boolean = false;
-
-    showDialog() {
-        this.visible = true;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/divider/accessibilitydoc.ts b/src/app/showcase/doc/divider/accessibilitydoc.ts
deleted file mode 100644
index d290541..0000000
--- a/src/app/showcase/doc/divider/accessibilitydoc.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>Divider uses a <i>separator</i> role with <i>aria-orientation</i> set to either "horizontal" or "vertical".</p>
-            <h3>Keyboard Support</h3>
-            <p>Component does not include any interactive elements.</p>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/divider/basicdoc.ts b/src/app/showcase/doc/divider/basicdoc.ts
deleted file mode 100644
index 325f5e1..0000000
--- a/src/app/showcase/doc/divider/basicdoc.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'divider-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Divider is basically placed between the items to separate.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-                Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-
-            <p-divider />
-
-            <p>
-                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
-                voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-            </p>
-
-            <p-divider />
-
-            <p>
-                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
-                officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-            </p>
-
-            <p-divider />
-
-            <p>
-                Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis
-                voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Donec vel volutpat ipsum. Integer nunc magna, posuere ut tincidunt eget, egestas vitae sapien. Morbi dapibus luctus odio.
-            </p>
-        </div>
-        <app-code [code]="code" selector="divider-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p>
-    Lorem ipsum dolor sit amet...
-</p>
-<p-divider />
-<p>
-    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-</p>
-<p-divider />
-<p>
-    At vero eos et accusamus et iusto odio dignissimos...
-</p>
-<p-divider />
-<p>
-    Temporibus autem quibusdam et aut officiis...
-</p>`,
-
-        html: `<div class="card">
-    <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-    <p-divider />
-    <p>
-        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
-        voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-    </p>
-    <p-divider />
-    <p>
-        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
-        officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-    </p>
-    <p-divider />
-    <p>
-        Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis
-        voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Donec vel volutpat ipsum. Integer nunc magna, posuere ut tincidunt eget, egestas vitae sapien. Morbi dapibus luctus odio.
-    </p>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { DividerModule } from 'primeng/divider';
-
-@Component({
-    selector: 'divider-basic-demo',
-    templateUrl: './divider-basic-demo.html',
-    standalone: true,
-    imports: [DividerModule]
-})
-export class DividerBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/divider/contentdoc.ts b/src/app/showcase/doc/divider/contentdoc.ts
deleted file mode 100644
index 2037ca8..0000000
--- a/src/app/showcase/doc/divider/contentdoc.ts
+++ /dev/null
@@ -1,124 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'divider-content-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Children are rendered within the boundaries of the divider where location of the content is configured with the align property. In horizontal layout, alignment options are <i>left</i>, <i>center</i> and <i>right</i> whereas vertical
-                mode supports <i>top</i>, <i>center</i> and <i>bottom</i>.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <p class="m-0">
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-                Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-
-            <p-divider align="left" type="solid">
-                <b>Left</b>
-            </p-divider>
-
-            <p class="m-0">
-                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
-                voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-            </p>
-
-            <p-divider align="center" type="dotted">
-                <b>Center</b>
-            </p-divider>
-
-            <p class="m-0">
-                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
-                officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-            </p>
-
-            <p-divider align="right" type="dashed">
-                <b>Right</b>
-            </p-divider>
-
-            <p class="m-0">
-                Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis
-                voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Donec vel volutpat ipsum. Integer nunc magna, posuere ut tincidunt eget, egestas vitae sapien. Morbi dapibus luctus odio.
-            </p>
-        </div>
-        <app-code [code]="code" selector="divider-content-demo"></app-code>
-    `
-})
-export class ContentDoc {
-    code: Code = {
-        basic: `<p class="m-0">
-    Lorem ipsum dolor sit amet...
-    </p>
-
-    <p-divider align="left" type="solid">
-    <b>Left</b>
-    </p-divider>
-
-    <p class="m-0">
-    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-    </p>
-
-    <p-divider align="center" type="dotted">
-    <b>Center</b>
-    </p-divider>
-
-    <p class="m-0">
-    At vero eos et accusamus et iusto odio dignissimos...
-    </p>
-
-    <p-divider align="right" type="dashed">
-    <b>Right</b>
-    </p-divider>
-
-    <p class="m-0">
-    Temporibus autem quibusdam et aut officiis...
-</p>`,
-
-        html: `<div class="card">
-    <p class="m-0">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-
-    <p-divider align="left" type="solid">
-    <b>Left</b>
-    </p-divider>
-
-    <p class="m-0">
-    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
-    voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-    </p>
-
-    <p-divider align="center" type="dotted">
-    <b>Center</b>
-    </p-divider>
-
-    <p class="m-0">
-    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
-    officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-    </p>
-
-    <p-divider align="right" type="dashed">
-    <b>Right</b>
-    </p-divider>
-
-    <p class="m-0">
-    Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis
-    voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Donec vel volutpat ipsum. Integer nunc magna, posuere ut tincidunt eget, egestas vitae sapien. Morbi dapibus luctus odio.
-    </p>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { DividerModule } from 'primeng/divider';
-
-@Component({
-    selector: 'divider-content-demo',
-    templateUrl: './divider-content-demo.html',
-    standalone: true,
-    imports: [DividerModule]
-})
-export class DividerContentDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/divider/dividerdoc.module.ts b/src/app/showcase/doc/divider/dividerdoc.module.ts
deleted file mode 100644
index 3119be4..0000000
--- a/src/app/showcase/doc/divider/dividerdoc.module.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ButtonModule } from 'primeng/button';
-import { DividerModule } from 'primeng/divider';
-import { InputTextModule } from 'primeng/inputtext';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { ContentDoc } from './contentdoc';
-import { ImportDoc } from './importdoc';
-import { LoginDoc } from './logindoc';
-import { StyleDoc } from './styledoc';
-import { TypeDoc } from './typedoc';
-import { VerticalDoc } from './verticaldoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, DividerModule, ButtonModule, InputTextModule, RouterModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, TypeDoc, ContentDoc, VerticalDoc, LoginDoc, StyleDoc, AccessibilityDoc]
-})
-export class DividerDocModule {}
diff --git a/src/app/showcase/doc/divider/importdoc.ts b/src/app/showcase/doc/divider/importdoc.ts
deleted file mode 100644
index 31d557f..0000000
--- a/src/app/showcase/doc/divider/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { DividerModule } from 'primeng/divider';`
-    };
-}
diff --git a/src/app/showcase/doc/divider/logindoc.ts b/src/app/showcase/doc/divider/logindoc.ts
deleted file mode 100644
index e34917f..0000000
--- a/src/app/showcase/doc/divider/logindoc.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'divider-login-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Sample implementation of a login form using a divider with content.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="w-full flex flex-col md:flex-row">
-                <div class="w-full md:w-5 flex flex-col flex-1 items-center justify-center gap-3 py-5">
-                    <div class="flex flex-wrap justify-center items-center gap-2">
-                        <label class="!w-6">Username</label>
-                        <input pInputText id="username" type="text" class="!w-12" />
-                    </div>
-                    <div class="flex flex-wrap justify-center items-center gap-2">
-                        <label class="!w-6">Password</label>
-                        <input pInputText id="password" type="password" class="!w-12" />
-                    </div>
-                    <p-button label="Login" icon="pi pi-user" styleClass="!w-10 mx-auto" />
-                </div>
-                <div class="w-full md:w-2">
-                    <p-divider layout="vertical" styleClass="hidden md:flex"><b>OR</b></p-divider>
-                    <p-divider layout="horizontal" styleClass="flex md:hidden" [align]="'center'"><b>OR</b></p-divider>
-                </div>
-                <div class="w-full md:w-5 flex items-center flex-1 justify-center py-5">
-                    <p-button label="Sign Up" icon="pi pi-user-plus" styleClass="p-button-success !w-10" />
-                </div>
-            </div>
-        </div>
-        <app-code [code]="code" selector="divider-login-demo"></app-code>
-    `
-})
-export class LoginDoc {
-    code: Code = {
-        basic: `<div class="w-full flex flex-col md:flex-row">
-                <div class="w-full md:w-5 flex flex-col flex-1 items-center justify-center gap-3 py-5">
-                    <div class="flex flex-wrap justify-center items-center gap-2">
-                        <label class="!w-6">Username</label>
-                        <input pInputText id="username" type="text" class="!w-12" />
-                    </div>
-                    <div class="flex flex-wrap justify-center items-center gap-2">
-                        <label class="!w-6">Password</label>
-                        <input pInputText id="password" type="password" class="!w-12" />
-                    </div>
-                    <p-button label="Login" icon="pi pi-user" styleClass="!w-10 mx-auto" />
-                </div>
-                <div class="w-full md:w-2">
-                    <p-divider layout="vertical" styleClass="hidden md:flex"><b>OR</b></p-divider>
-                    <p-divider layout="horizontal" styleClass="flex md:hidden" [align]="'center'"><b>OR</b></p-divider>
-                </div>
-                <div class="w-full md:w-5 flex items-center flex-1 justify-center py-5">
-                    <p-button label="Sign Up" icon="pi pi-user-plus" styleClass="p-button-success !w-10" />
-                </div>
-            </div>`,
-
-        html: `<div class="w-full flex flex-col md:flex-row">
-                <div class="w-full md:w-5 flex flex-col flex-1 items-center justify-center gap-3 py-5">
-                    <div class="flex flex-wrap justify-center items-center gap-2">
-                        <label class="!w-6">Username</label>
-                        <input pInputText id="username" type="text" class="!w-12" />
-                    </div>
-                    <div class="flex flex-wrap justify-center items-center gap-2">
-                        <label class="!w-6">Password</label>
-                        <input pInputText id="password" type="password" class="!w-12" />
-                    </div>
-                    <p-button label="Login" icon="pi pi-user" styleClass="!w-10 mx-auto" />
-                </div>
-                <div class="w-full md:w-2">
-                    <p-divider layout="vertical" styleClass="hidden md:flex"><b>OR</b></p-divider>
-                    <p-divider layout="horizontal" styleClass="flex md:hidden" [align]="'center'"><b>OR</b></p-divider>
-                </div>
-                <div class="w-full md:w-5 flex items-center flex-1 justify-center py-5">
-                    <p-button label="Sign Up" icon="pi pi-user-plus" styleClass="p-button-success !w-10" />
-                </div>
-            </div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { DividerModule } from 'primeng/divider';
-import { ButtonModule } from 'primeng/button';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'divider-login-demo',
-    templateUrl: './divider-login-demo.html',
-    standalone: true,
-    imports: [DividerModule, ButtonModule, InputTextModule]
-})
-export class DividerLoginDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/divider/styledoc.ts b/src/app/showcase/doc/divider/styledoc.ts
deleted file mode 100644
index ab699cb..0000000
--- a/src/app/showcase/doc/divider/styledoc.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-divider</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-divider-horizontal</td>
-                        <td>Container element in horizontal layout.</td>
-                    </tr>
-                    <tr>
-                        <td>p-divider-vertical</td>
-                        <td>Container element in vertical layout.</td>
-                    </tr>
-                    <tr>
-                        <td>p-divider-solid</td>
-                        <td>Container element with solid border.</td>
-                    </tr>
-                    <tr>
-                        <td>p-divider-dashed</td>
-                        <td>Container element with dashed border.</td>
-                    </tr>
-                    <tr>
-                        <td>p-divider-dotted</td>
-                        <td>Container element with dotted border.</td>
-                    </tr>
-                    <tr>
-                        <td>p-divider-left</td>
-                        <td>Container element with content aligned to left.</td>
-                    </tr>
-                    <tr>
-                        <td>p-divider-right</td>
-                        <td>Container element with content aligned to right.</td>
-                    </tr>
-                    <tr>
-                        <td>p-divider-center</td>
-                        <td>Container element with content aligned to center.</td>
-                    </tr>
-                    <tr>
-                        <td>p-divider-bottom</td>
-                        <td>Container element with content aligned to bottom.</td>
-                    </tr>
-                    <tr>
-                        <td>p-divider-top</td>
-                        <td>Container element with content aligned to top.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/divider/typedoc.ts b/src/app/showcase/doc/divider/typedoc.ts
deleted file mode 100644
index a5db765..0000000
--- a/src/app/showcase/doc/divider/typedoc.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'divider-type-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Style of the border is configured with the <i>type</i> property that can either be <i>solid</i>, <i>dotted</i> or <i>dashed</i>.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-                Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-
-            <p-divider type="solid" />
-
-            <p>
-                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
-                voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-            </p>
-
-            <p-divider type="dotted" />
-
-            <p>
-                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
-                officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-            </p>
-
-            <p-divider type="dashed" />
-
-            <p>
-                Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis
-                voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Donec vel volutpat ipsum. Integer nunc magna, posuere ut tincidunt eget, egestas vitae sapien. Morbi dapibus luctus odio.
-            </p>
-        </div>
-        <app-code [code]="code" selector="divider-type-demo"></app-code>
-    `
-})
-export class TypeDoc {
-    code: Code = {
-        basic: `<p>
-    Lorem ipsum dolor sit amet...
-</p>
-<p-divider type="solid" />
-<p>
-    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-</p>
-<p-divider type="dotted" />
-<p>
-    At vero eos et accusamus et iusto odio dignissimos...
-</p>
-<p-divider type="dashed" />
-<p>
-    Temporibus autem quibusdam et aut officiis...
-</p>`,
-
-        html: `<div class="card">
-    <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-    <p-divider type="solid" />
-    <p>
-        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
-        voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-    </p>
-    <p-divider type="dotted" />
-    <p>
-        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
-        officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-    </p>
-    <p-divider type="dashed" />
-    <p>
-        Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis
-        voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Donec vel volutpat ipsum. Integer nunc magna, posuere ut tincidunt eget, egestas vitae sapien. Morbi dapibus luctus odio.
-    </p>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { DividerModule } from 'primeng/divider';
-
-@Component({
-    selector: 'divider-type-demo',
-    templateUrl: './divider-type-demo.html',
-    standalone: true,
-    imports: [DividerModule]
-})
-export class DividerTypeDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/divider/verticaldoc.ts b/src/app/showcase/doc/divider/verticaldoc.ts
deleted file mode 100644
index b766180..0000000
--- a/src/app/showcase/doc/divider/verticaldoc.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'divider-vertical-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Vertical divider is enabled by setting the <i>layout</i> property as <i>vertical</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex">
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-                Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-
-            <p-divider layout="vertical" />
-
-            <p>
-                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
-                voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-            </p>
-
-            <p-divider layout="vertical" />
-
-            <p>
-                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
-                officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-            </p>
-        </div>
-        <app-code [code]="code" selector="divider-vertical-demo"></app-code>
-    `
-})
-export class VerticalDoc {
-    code: Code = {
-        basic: `<p>
-    Lorem ipsum dolor sit amet...
-</p>
-<p-divider layout="vertical" />
-<p>
-    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-</p>
-<p-divider layout="vertical" />
-<p>
-    At vero eos et accusamus et iusto odio dignissimos...
-</p>`,
-
-        html: `<div class="card flex">
-    <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-    <p-divider layout="vertical" />
-    <p>
-        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
-        voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-    </p>
-    <p-divider layout="vertical" />
-    <p>
-        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
-        officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-    </p>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { DividerModule } from 'primeng/divider';
-
-@Component({
-    selector: 'divider-vertical-demo',
-    templateUrl: './divider-vertical-demo.html',
-    standalone: true,
-    imports: [DividerModule]
-})
-export class DividerVerticalDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/dock/accessibilitydoc.ts b/src/app/showcase/doc/dock/accessibilitydoc.ts
deleted file mode 100644
index 8ad4b30..0000000
--- a/src/app/showcase/doc/dock/accessibilitydoc.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Dock component uses the <i>menu</i> role with the <i>aria-orientation</i> and the value to describe the menu can either be provided with <i>aria-labelledby</i> or <i>aria-label</i> props. Each list item has a <i>presentation</i> role
-                whereas anchor elements have a <i>menuitem</i> role with <i>aria-label</i> referring to the label of the item and <i>aria-disabled</i> defined if the item is disabled.
-            </p>
-            <h3>Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Add focus to the first item if focus moves in to the menu. If the focus is already within the menu, focus moves to the next focusable item in the page tab sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>shift</i> + <i>tab</i></td>
-                            <td>Add focus to the last item if focus moves in to the menu. If the focus is already within the menu, focus moves to the previous focusable item in the page tab sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Activates the focused menuitem.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Activates the focused menuitem.</td>
-                        </tr>
-                        <tr>
-                            <td><i>down arrow</i></td>
-                            <td>Moves focus to the next menuitem in vertical layout.</td>
-                        </tr>
-                        <tr>
-                            <td><i>up arrow</i></td>
-                            <td>Moves focus to the previous menuitem in vertical layout.</td>
-                        </tr>
-                        <tr>
-                            <td><i>home</i></td>
-                            <td>Moves focus to the first menuitem in horizontal layout.</td>
-                        </tr>
-                        <tr>
-                            <td><i>end</i></td>
-                            <td>Moves focus to the last menuitem in horizontal layout.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/dock/advanceddoc.ts b/src/app/showcase/doc/dock/advanceddoc.ts
deleted file mode 100644
index c6987ba..0000000
--- a/src/app/showcase/doc/dock/advanceddoc.ts
+++ /dev/null
@@ -1,1039 +0,0 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { TerminalService } from 'primeng/terminal';
-import { Subscription } from 'rxjs';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'dock-advanced-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Dock requires a collection of menuitems as its <i>model</i>. Default location is <i>bottom</i> and other sides are also available when defined with the <i>position</i> property. Content of the dock component is defined by
-                <i>item</i> template.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-menubar [model]="menubarItems">
-                <ng-template pTemplate="start">
-                    <i class="pi pi-apple px-2"></i>
-                </ng-template>
-                <ng-template pTemplate="end">
-                    <i class="pi pi-video px-2"></i>
-                    <i class="pi pi-wifi px-2"></i>
-                    <i class="pi pi-volume-up px-2"></i>
-                    <span>Fri 13:07</span>
-                    <i class="pi pi-search px-2"></i>
-                    <i class="pi pi-bars px-2"></i>
-                </ng-template>
-            </p-menubar>
-            <div class="dock-window dock-advanced">
-                <p-dock [model]="dockItems" position="bottom">
-                    <ng-template pTemplate="item" let-item>
-                        <img [src]="item.icon" [alt]="item.label" width="100%" />
-                    </ng-template>
-                </p-dock>
-
-                <p-toast position="top-center" key="tc" />
-
-                <p-dialog [(visible)]="displayFinder" [breakpoints]="{ '960px': '50vw' }" [style]="{ width: '30vw', height: '18rem' }" [draggable]="false" [resizable]="false">
-                    <p-tree [value]="nodes" />
-                </p-dialog>
-
-                <p-dialog [maximizable]="true" [(visible)]="displayTerminal" [breakpoints]="{ '960px': '50vw' }" [style]="{ width: '30vw' }" [draggable]="false" [resizable]="false">
-                    <p-terminal welcomeMessage="Welcome to PrimeNG (cmd: 'date', 'greet {0}', 'random')" prompt="primeng $" />
-                </p-dialog>
-
-                <p-galleria
-                    [(value)]="images"
-                    [showThumbnails]="false"
-                    [showThumbnailNavigators]="false"
-                    [showItemNavigators]="true"
-                    [(visible)]="displayGalleria"
-                    [circular]="true"
-                    [responsiveOptions]="responsiveOptions"
-                    [containerStyle]="{ 'max-width': '850px' }"
-                    [circular]="true"
-                    [fullScreen]="true"
-                >
-                    <ng-template pTemplate="item" let-item>
-                        <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-                    </ng-template>
-                </p-galleria>
-            </div>
-        </div>
-        <app-code [code]="code" selector="dock-advanced-demo"></app-code>
-    `,
-    providers: [MessageService, TerminalService, PhotoService, NodeService]
-})
-export class AdvancedDoc implements OnInit, OnDestroy {
-    displayTerminal: boolean | undefined;
-
-    displayFinder: boolean | undefined;
-
-    displayGalleria: boolean | undefined;
-
-    dockItems: MenuItem[] | undefined;
-
-    menubarItems: any[] | undefined;
-
-    responsiveOptions: any[] | undefined;
-
-    images: any[] | undefined;
-
-    nodes: any[] | undefined;
-
-    subscription: Subscription | undefined;
-
-    constructor(
-        private galleriaService: PhotoService,
-        private nodeService: NodeService,
-        private messageService: MessageService,
-        private terminalService: TerminalService
-    ) {}
-
-    ngOnInit() {
-        this.dockItems = [
-            {
-                label: 'Finder',
-                tooltipOptions: {
-                    tooltipLabel: 'Finder',
-                    tooltipPosition: 'top',
-                    positionTop: -15,
-                    positionLeft: 15,
-                    showDelay: 1000
-                },
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/finder.svg',
-                command: () => {
-                    this.displayFinder = true;
-                }
-            },
-            {
-                label: 'Terminal',
-                tooltipOptions: {
-                    tooltipLabel: 'Terminal',
-                    tooltipPosition: 'top',
-                    positionTop: -15,
-                    positionLeft: 15,
-                    showDelay: 1000
-                },
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/terminal.svg',
-                command: () => {
-                    this.displayTerminal = true;
-                }
-            },
-            {
-                label: 'App Store',
-                tooltipOptions: {
-                    tooltipLabel: 'App Store',
-                    tooltipPosition: 'top',
-                    positionTop: -15,
-                    positionLeft: 15,
-                    showDelay: 1000
-                },
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/appstore.svg',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'An unexpected error occurred while signing in.', detail: 'UNTRUSTED_CERT_TITLE', key: 'tc' });
-                }
-            },
-            {
-                label: 'Safari',
-                tooltipOptions: {
-                    tooltipLabel: 'Safari',
-                    tooltipPosition: 'top',
-                    positionTop: -15,
-                    positionLeft: 15,
-                    showDelay: 1000
-                },
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/safari.svg',
-                command: () => {
-                    this.messageService.add({ severity: 'warn', summary: 'Safari has stopped working', key: 'tc' });
-                }
-            },
-            {
-                label: 'Photos',
-                tooltipOptions: {
-                    tooltipLabel: 'Photos',
-                    tooltipPosition: 'top',
-                    positionTop: -15,
-                    positionLeft: 15,
-                    showDelay: 1000
-                },
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/photos.svg',
-                command: () => {
-                    this.displayGalleria = true;
-                }
-            },
-            {
-                label: 'GitHub',
-                tooltipOptions: {
-                    tooltipLabel: 'GitHub',
-                    tooltipPosition: 'top',
-                    positionTop: -15,
-                    positionLeft: 15,
-                    showDelay: 1000
-                },
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/github.svg'
-            },
-            {
-                label: 'Trash',
-                tooltipOptions: {
-                    tooltipLabel: 'Trash',
-                    tooltipPosition: 'top',
-                    positionTop: -15,
-                    positionLeft: 15,
-                    showDelay: 1000
-                },
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/trash.png',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Empty Trash', key: 'tc' });
-                }
-            }
-        ];
-
-        this.menubarItems = [
-            {
-                label: 'Finder',
-                styleClass: 'menubar-root'
-            },
-            {
-                label: 'File',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        items: [
-                            {
-                                label: 'Bookmark',
-                                icon: 'pi pi-fw pi-bookmark'
-                            },
-                            {
-                                label: 'Video',
-                                icon: 'pi pi-fw pi-video'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Delete',
-                        icon: 'pi pi-fw pi-trash'
-                    },
-                    {
-                        separator: true
-                    },
-                    {
-                        label: 'Export',
-                        icon: 'pi pi-fw pi-external-link'
-                    }
-                ]
-            },
-            {
-                label: 'Edit',
-                items: [
-                    {
-                        label: 'Left',
-                        icon: 'pi pi-fw pi-align-left'
-                    },
-                    {
-                        label: 'Right',
-                        icon: 'pi pi-fw pi-align-right'
-                    },
-                    {
-                        label: 'Center',
-                        icon: 'pi pi-fw pi-align-center'
-                    },
-                    {
-                        label: 'Justify',
-                        icon: 'pi pi-fw pi-align-justify'
-                    }
-                ]
-            },
-            {
-                label: 'Users',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-user-plus'
-                    },
-                    {
-                        label: 'Delete',
-                        icon: 'pi pi-fw pi-user-minus'
-                    },
-                    {
-                        label: 'Search',
-                        icon: 'pi pi-fw pi-users',
-                        items: [
-                            {
-                                label: 'Filter',
-                                icon: 'pi pi-fw pi-filter',
-                                items: [
-                                    {
-                                        label: 'Print',
-                                        icon: 'pi pi-fw pi-print'
-                                    }
-                                ]
-                            },
-                            {
-                                icon: 'pi pi-fw pi-bars',
-                                label: 'List'
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                label: 'Events',
-                items: [
-                    {
-                        label: 'Edit',
-                        icon: 'pi pi-fw pi-pencil',
-                        items: [
-                            {
-                                label: 'Save',
-                                icon: 'pi pi-fw pi-calendar-plus'
-                            },
-                            {
-                                label: 'Delete',
-                                icon: 'pi pi-fw pi-calendar-minus'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Archieve',
-                        icon: 'pi pi-fw pi-calendar-times',
-                        items: [
-                            {
-                                label: 'Remove',
-                                icon: 'pi pi-fw pi-calendar-minus'
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                label: 'Quit'
-            }
-        ];
-
-        this.responsiveOptions = [
-            {
-                breakpoint: '1024px',
-                numVisible: 3
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 2
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 1
-            }
-        ];
-
-        this.subscription = this.terminalService.commandHandler.subscribe((command) => this.commandHandler(command));
-
-        this.galleriaService.getImages().then((data) => (this.images = data));
-        this.nodeService.getFiles().then((data) => (this.nodes = data));
-    }
-
-    commandHandler(text: any) {
-        let response;
-        let argsIndex = text.indexOf(' ');
-        let command = argsIndex !== -1 ? text.substring(0, argsIndex) : text;
-
-        switch (command) {
-            case 'date':
-                response = 'Today is ' + new Date().toDateString();
-                break;
-
-            case 'greet':
-                response = 'Hola ' + text.substring(argsIndex + 1) + '!';
-                break;
-
-            case 'random':
-                response = Math.floor(Math.random() * 100);
-                break;
-
-            default:
-                response = 'Unknown command: ' + command;
-                break;
-        }
-
-        if (response) {
-            this.terminalService.sendResponse(response as string);
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-
-    code: Code = {
-        basic: `<p-menubar [model]="menubarItems">
-    <ng-template pTemplate="start">
-        <i class="pi pi-apple px-2"></i>
-    </ng-template>
-    <ng-template pTemplate="end">
-        <i class="pi pi-video px-2"></i>
-        <i class="pi pi-wifi px-2"></i>
-        <i class="pi pi-volume-up px-2"></i>
-        <span>Fri 13:07</span>
-        <i class="pi pi-search px-2"></i>
-        <i class="pi pi-bars px-2"></i>
-    </ng-template>
-</p-menubar>
-<div class="dock-window dock-advanced">
-    <p-dock [model]="dockItems" position="bottom">
-        <ng-template pTemplate="item" let-item>
-            <img [src]="item.icon" [alt]="item.label" width="100%" />
-        </ng-template>
-    </p-dock>
-
-    <p-toast position="top-center" key="tc" />
-
-    <p-dialog 
-        [(visible)]="displayFinder" 
-        [breakpoints]="{ '960px': '50vw' }" 
-        [style]="{ width: '30vw', height: '18rem' }" 
-        [draggable]="false" 
-        [resizable]="false">
-            <p-tree [value]="nodes" />
-    </p-dialog>
-
-    <p-dialog 
-        [maximizable]="true" 
-        [(visible)]="displayTerminal" 
-        [breakpoints]="{ '960px': '50vw' }" 
-        [style]="{ width: '30vw' }" 
-        [draggable]="false" 
-        [resizable]="false">
-            <p-terminal 
-                welcomeMessage="Welcome to PrimeNG (cmd: 'date', 'greet {0}', 'random')" 
-                prompt="primeng $" />
-    </p-dialog>
-
-    <p-galleria
-        [(value)]="images"
-        [showThumbnails]="false"
-        [showThumbnailNavigators]="false"
-        [showItemNavigators]="true"
-        [(visible)]="displayGalleria"
-        [circular]="true"
-        [responsiveOptions]="responsiveOptions"
-        [containerStyle]="{ 'max-width': '850px' }"
-        [circular]="true"
-        [fullScreen]="true">
-        <ng-template pTemplate="item" let-item>
-            <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-        </ng-template>
-    </p-galleria>
-</div>`,
-
-        html: `<div class="card">
-    <p-menubar [model]="menubarItems">
-        <ng-template pTemplate="start">
-            <i class="pi pi-apple px-2"></i>
-        </ng-template>
-        <ng-template pTemplate="end">
-            <i class="pi pi-video px-2"></i>
-            <i class="pi pi-wifi px-2"></i>
-            <i class="pi pi-volume-up px-2"></i>
-            <span>Fri 13:07</span>
-            <i class="pi pi-search px-2"></i>
-            <i class="pi pi-bars px-2"></i>
-        </ng-template>
-    </p-menubar>
-    <div class="dock-window dock-advanced">
-        <p-dock [model]="dockItems" position="bottom">
-            <ng-template pTemplate="item" let-item>
-                <img [src]="item.icon" [alt]="item.label" width="100%" />
-            </ng-template>
-        </p-dock>
-
-        <p-toast position="top-center" key="tc" />
-
-        <p-dialog 
-            [(visible)]="displayFinder" 
-            [breakpoints]="{ '960px': '50vw' }" 
-            [style]="{ width: '30vw', height: '18rem' }" 
-            [draggable]="false" 
-            [resizable]="false">
-                <p-tree [value]="nodes" />
-        </p-dialog>
-
-        <p-dialog 
-            [maximizable]="true" 
-            [(visible)]="displayTerminal" 
-            [breakpoints]="{ '960px': '50vw' }" 
-            [style]="{ width: '30vw' }" 
-            [draggable]="false" 
-            [resizable]="false">
-                <p-terminal 
-                    welcomeMessage="Welcome to PrimeNG (cmd: 'date', 'greet {0}', 'random')" 
-                    prompt="primeng $" />
-        </p-dialog>
-
-        <p-galleria
-            [(value)]="images"
-            [showThumbnails]="false"
-            [showThumbnailNavigators]="false"
-            [showItemNavigators]="true"
-            [(visible)]="displayGalleria"
-            [circular]="true"
-            [responsiveOptions]="responsiveOptions"
-            [containerStyle]="{ 'max-width': '850px' }"
-            [circular]="true"
-            [fullScreen]="true"
-        >
-            <ng-template pTemplate="item" let-item>
-                <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-            </ng-template>
-        </p-galleria>
-    </div>
-</div>`,
-
-        typescript: `import { Component, OnDestroy, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { TerminalModule } from 'primeng/terminal';
-import { TerminalService } from 'primeng/terminal';
-import { Subscription } from 'rxjs';
-import { NodeService } from '@service/nodeservice';
-import { PhotoService } from '@service/photoservice';
-import { DockModule } from 'primeng/dock';
-import { MenubarModule } from 'primeng/menubar';
-import { ToastModule } from 'primeng/toast';
-import { DialogModule } from 'primeng/dialog';
-import { TreeModule } from 'primeng/tree';
-import { GalleriaModule } from 'primeng/galleria';
-        
-
-@Component({
-    selector: 'dock-advanced-demo',
-    templateUrl: './dock-advanced-demo.html',
-    imports: [DockModule, MenubarModule, ToastModule, DialogModule, TreeModule, TerminalModule, GalleriaModule],
-    standalone: true,
-    styles: [
-        \` :host ::ng-deep {
-            .dock-window {
-                width: 100%;
-                height: 450px;
-                position: relative;
-                background-image: url('https://primefaces.org/cdn/primeng/images/dock/window.jpg');
-                background-repeat: no-repeat;
-                background-size: cover;
-            }
-        
-            .p-dock {
-                z-index: 1000;
-            }
-        
-            .dock-advanced {
-                .p-dialog-mask,
-                .p-toast {
-                    position: absolute;
-                }
-        
-                .p-dialog {
-                    .p-dialog-header {
-                        padding: .2rem;
-                    }
-        
-                    .p-dialog-content {
-                        padding: 0;
-                    }
-        
-                    p {
-                        margin-top: 0;
-                    }
-        
-                    .p-terminal {
-                        background-color: #212121;
-                        color: #ffffff;
-                        border: 0 none;
-                        min-height: 18rem;
-                        height: 100%;
-        
-                        .p-terminal-command {
-                            color: #80CBC4;
-                        }
-        
-                        .p-terminal-prompt {
-                            color: #FFD54F;
-                        }
-        
-                        .p-terminal-response {
-                            color: #9FA8DA;
-                        }
-                    }
-        
-                    .p-tree {
-                        height: 100%;
-                        border-radius: 0;
-                        border-left-width: 0;
-                        border-right-width: 0;
-                        border-bottom-width: 0;
-                    }
-                }
-        
-                .p-toast {
-                    top: 20px;
-                }
-            }
-        
-            .p-menubar {
-                padding-top: 0;
-                padding-bottom: 0;
-                border-radius: 0;
-        
-                .p-menuitem:first-child {
-                    font-weight: bold;
-                    padding: 0 1rem;
-                }
-        
-                .p-menuitem-link {
-                    padding: 0.5rem .75rem;
-                }
-        
-                .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
-                    padding: 0.5rem .75rem;
-        
-                    > .p-submenu-icon {
-                        display: none;
-                    }
-                }
-        
-                .p-menubar-end {
-                    span, i {
-                        padding: 0 .75rem;
-                    }
-                }
-            }
-        }
-        
-        .dark-tooltip {
-            .p-tooltip {
-                .p-tooltip-arrow {
-                    border-top-color: var(--surface-900);
-                }
-        
-                .p-tooltip-text {
-                    background-color: var(--surface-900);
-                }
-            }
-        }\`
-    ],
-    providers: [MessageService, TerminalService, PhotoService, NodeService]
-})
-export class DockAdvancedDemo implements OnInit {
-    displayTerminal: boolean | undefined;
-
-    displayFinder: boolean | undefined;
-
-    displayGalleria: boolean | undefined;
-
-    dockItems: MenuItem[] | undefined;
-
-    menubarItems: any[] | undefined;
-
-    responsiveOptions: any[] | undefined;
-
-    images: any[] | undefined;
-
-    nodes: any[] | undefined;
-
-    subscription: Subscription | undefined;
-
-    constructor(private galleriaService: PhotoService, private nodeService: NodeService, private messageService: MessageService, private terminalService: TerminalService) {}
-
-    ngOnInit() {
-        this.dockItems = [
-            {
-                label: 'Finder',
-                tooltipOptions: {
-                    tooltipLabel: 'Finder',
-                    tooltipPosition: 'top',
-                    positionTop: -15,
-                    positionLeft: 15,
-                    showDelay: 1000
-                },
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/finder.svg',
-                command: () => {
-                    this.displayFinder = true;
-                }
-            },
-            {
-                label: 'Terminal',
-                tooltipOptions: {
-                    tooltipLabel: 'Terminal',
-                    tooltipPosition: 'top',
-                    positionTop: -15,
-                    positionLeft: 15,
-                    showDelay: 1000
-                },
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/terminal.svg',
-                command: () => {
-                    this.displayTerminal = true;
-                }
-            },
-            {
-                label: 'App Store',
-                tooltipOptions: {
-                    tooltipLabel: 'App Store',
-                    tooltipPosition: 'top',
-                    positionTop: -15,
-                    positionLeft: 15,
-                    showDelay: 1000
-                },
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/appstore.svg',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'An unexpected error occurred while signing in.', detail: 'UNTRUSTED_CERT_TITLE', key: 'tc' });
-                }
-            },
-            {
-                label: 'Safari',
-                tooltipOptions: {
-                    tooltipLabel: 'Safari',
-                    tooltipPosition: 'top',
-                    positionTop: -15,
-                    positionLeft: 15,
-                    showDelay: 1000
-                },
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/safari.svg',
-                command: () => {
-                    this.messageService.add({ severity: 'warn', summary: 'Safari has stopped working', key: 'tc' });
-                }
-            },
-            {
-                label: 'Photos',
-                tooltipOptions: {
-                    tooltipLabel: 'Photos',
-                    tooltipPosition: 'top',
-                    positionTop: -15,
-                    positionLeft: 15,
-                    showDelay: 1000
-                },
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/photos.svg',
-                command: () => {
-                    this.displayGalleria = true;
-                }
-            },
-            {
-                label: 'GitHub',
-                tooltipOptions: {
-                    tooltipLabel: 'GitHub',
-                    tooltipPosition: 'top',
-                    positionTop: -15,
-                    positionLeft: 15,
-                    showDelay: 1000
-                },
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/github.svg'
-            },
-            {
-                label: 'Trash',
-                tooltipOptions: {
-                    tooltipLabel: 'Trash',
-                    tooltipPosition: 'top',
-                    positionTop: -15,
-                    positionLeft: 15,
-                    showDelay: 1000
-                },
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/trash.png',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Empty Trash', key: 'tc' });
-                }
-            }
-        ];
-
-        this.menubarItems = [
-            {
-                label: 'Finder',
-                styleClass: 'menubar-root'
-            },
-            {
-                label: 'File',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        items: [
-                            {
-                                label: 'Bookmark',
-                                icon: 'pi pi-fw pi-bookmark'
-                            },
-                            {
-                                label: 'Video',
-                                icon: 'pi pi-fw pi-video'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Delete',
-                        icon: 'pi pi-fw pi-trash'
-                    },
-                    {
-                        separator: true
-                    },
-                    {
-                        label: 'Export',
-                        icon: 'pi pi-fw pi-external-link'
-                    }
-                ]
-            },
-            {
-                label: 'Edit',
-                items: [
-                    {
-                        label: 'Left',
-                        icon: 'pi pi-fw pi-align-left'
-                    },
-                    {
-                        label: 'Right',
-                        icon: 'pi pi-fw pi-align-right'
-                    },
-                    {
-                        label: 'Center',
-                        icon: 'pi pi-fw pi-align-center'
-                    },
-                    {
-                        label: 'Justify',
-                        icon: 'pi pi-fw pi-align-justify'
-                    }
-                ]
-            },
-            {
-                label: 'Users',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-user-plus'
-                    },
-                    {
-                        label: 'Delete',
-                        icon: 'pi pi-fw pi-user-minus'
-                    },
-                    {
-                        label: 'Search',
-                        icon: 'pi pi-fw pi-users',
-                        items: [
-                            {
-                                label: 'Filter',
-                                icon: 'pi pi-fw pi-filter',
-                                items: [
-                                    {
-                                        label: 'Print',
-                                        icon: 'pi pi-fw pi-print'
-                                    }
-                                ]
-                            },
-                            {
-                                icon: 'pi pi-fw pi-bars',
-                                label: 'List'
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                label: 'Events',
-                items: [
-                    {
-                        label: 'Edit',
-                        icon: 'pi pi-fw pi-pencil',
-                        items: [
-                            {
-                                label: 'Save',
-                                icon: 'pi pi-fw pi-calendar-plus'
-                            },
-                            {
-                                label: 'Delete',
-                                icon: 'pi pi-fw pi-calendar-minus'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Archieve',
-                        icon: 'pi pi-fw pi-calendar-times',
-                        items: [
-                            {
-                                label: 'Remove',
-                                icon: 'pi pi-fw pi-calendar-minus'
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                label: 'Quit'
-            }
-        ];
-
-        this.responsiveOptions = [
-            {
-                breakpoint: '1024px',
-                numVisible: 3
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 2
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 1
-            }
-        ];
-
-        this.subscription = this.terminalService.commandHandler.subscribe((command) => this.commandHandler(command));
-
-        this.galleriaService.getImages().then((data) => (this.images = data));
-        this.nodeService.getFiles().then((data) => (this.nodes = data));
-    }
-
-    commandHandler(text: any) {
-        let response;
-        let argsIndex = text.indexOf(' ');
-        let command = argsIndex !== -1 ? text.substring(0, argsIndex) : text;
-
-        switch (command) {
-            case 'date':
-                response = 'Today is ' + new Date().toDateString();
-                break;
-
-            case 'greet':
-                response = 'Hola ' + text.substring(argsIndex + 1) + '!';
-                break;
-
-            case 'random':
-                response = Math.floor(Math.random() * 100);
-                break;
-
-            default:
-                response = 'Unknown command: ' + command;
-                break;
-        }
-
-        if (response) {
-            this.terminalService.sendResponse(response as string);
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}`,
-        scss: `
-:host ::ng-deep {
-    .dock-window {
-        width: 100%;
-        height: 450px;
-        position: relative;
-        background-image: url('https://primefaces.org/cdn/primeng/images/dock/window.jpg');
-        background-repeat: no-repeat;
-        background-size: cover;
-    }
-
-    .p-dock {
-        z-index: 1000;
-    }
-
-    .dock-advanced {
-        .p-dialog-mask,
-        .p-toast {
-            position: absolute;
-        }
-
-        .p-dialog {
-            .p-dialog-header {
-                padding: .2rem;
-            }
-
-            .p-dialog-content {
-                padding: 0;
-            }
-
-            p {
-                margin-top: 0;
-            }
-
-            .p-terminal {
-                background-color: #212121;
-                color: #ffffff;
-                border: 0 none;
-                min-height: 18rem;
-                height: 100%;
-
-                .p-terminal-command {
-                    color: #80CBC4;
-                }
-
-                .p-terminal-prompt {
-                    color: #FFD54F;
-                }
-
-                .p-terminal-response {
-                    color: #9FA8DA;
-                }
-            }
-
-            .p-tree {
-                height: 100%;
-                border-radius: 0;
-                border-left-width: 0;
-                border-right-width: 0;
-                border-bottom-width: 0;
-            }
-        }
-
-        .p-toast {
-            top: 20px;
-        }
-    }
-
-    .p-menubar {
-        padding-top: 0;
-        padding-bottom: 0;
-        border-radius: 0;
-
-        .p-menuitem:first-child {
-            font-weight: bold;
-            padding: 0 1rem;
-        }
-
-        .p-menuitem-link {
-            padding: 0.5rem .75rem;
-        }
-
-        .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
-            padding: 0.5rem .75rem;
-
-            > .p-submenu-icon {
-                display: none;
-            }
-        }
-
-        .p-menubar-end {
-            span, i {
-                padding: 0 .75rem;
-            }
-        }
-    }
-}
-
-.dark-tooltip {
-    .p-tooltip {
-        .p-tooltip-arrow {
-            border-top-color: var(--surface-900);
-        }
-
-        .p-tooltip-text {
-            background-color: var(--surface-900);
-        }
-    }
-}`,
-        service: ['PhotoService', 'NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/dock/basicdoc.ts b/src/app/showcase/doc/dock/basicdoc.ts
deleted file mode 100644
index fb71348..0000000
--- a/src/app/showcase/doc/dock/basicdoc.ts
+++ /dev/null
@@ -1,189 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dock-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Dock requires a collection of menuitems as its <i>model</i>. Default location is <i>bottom</i> and other sides are also available when defined with the <i>position</i> property. Content of the dock component is defined by
-                <i>item</i> template.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex flex-wrap gap-3 mb-5">
-                <p-radioButton *ngFor="let option of positionOptions" [name]="option.label" [value]="option.value" [label]="option.label" [(ngModel)]="position" [inputId]="label" />
-            </div>
-            <div class="dock-window">
-                <p-dock [model]="items" [position]="position">
-                    <ng-template pTemplate="item" let-item>
-                        <img [src]="item.icon" [alt]="item.label" width="100%" />
-                    </ng-template>
-                </p-dock>
-            </div>
-        </div>
-        <app-code [code]="code" selector="dock-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    position: string = 'bottom';
-
-    positionOptions = [
-        {
-            label: 'Bottom',
-            value: 'bottom'
-        },
-        {
-            label: 'Top',
-            value: 'top'
-        },
-        {
-            label: 'Left',
-            value: 'left'
-        },
-        {
-            label: 'Right',
-            value: 'right'
-        }
-    ];
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Finder',
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/finder.svg'
-            },
-            {
-                label: 'App Store',
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/appstore.svg'
-            },
-            {
-                label: 'Photos',
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/photos.svg'
-            },
-            {
-                label: 'Trash',
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/trash.png'
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-dock [model]="items" [position]="position">
-    <ng-template pTemplate="item" let-item>
-        <img [src]="item.icon" [alt]="item.label" width="100%" />
-    </ng-template>
-</p-dock>`,
-
-        html: `<div class="card">
-    <div class="flex flex-wrap gap-3 mb-5">
-        <p-radioButton 
-            *ngFor="let option of positionOptions" 
-            [name]="option.label" 
-            [value]="option.value" 
-            [label]="option.label" 
-            [(ngModel)]="position" 
-            [inputId]="label" />
-    </div>
-    <div class="dock-window">
-        <p-dock [model]="items" [position]="position">
-            <ng-template pTemplate="item" let-item>
-                <img [src]="item.icon" [alt]="item.label" width="100%" />
-            </ng-template>
-        </p-dock>
-    </div>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { DockModule } from 'primeng/dock';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'dock-basic-demo',
-    templateUrl: './dock-basic-demo.html',
-    styles: [
-        \` .dock-window {
-            width: 100%;
-            height: 450px;
-            position: relative;
-            background-image: url('https://primefaces.org/cdn/primeng/images/dock/window.jpg');
-            background-repeat: no-repeat;
-            background-size: cover;
-        }
-    
-        .p-dock {
-            z-index: 1000;
-        }\`
-    ],
-    standalone: true,
-    imports: [DockModule, RadioButtonModule, CommonModule, FormsModule]
-})
-export class DockBasicDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    position: string = 'bottom';
-
-    positionOptions = [
-        {
-            label: 'Bottom',
-            value: 'bottom'
-        },
-        {
-            label: 'Top',
-            value: 'top'
-        },
-        {
-            label: 'Left',
-            value: 'left'
-        },
-        {
-            label: 'Right',
-            value: 'right'
-        }
-    ];
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Finder',
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/finder.svg'
-            },
-            {
-                label: 'App Store',
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/appstore.svg'
-            },
-            {
-                label: 'Photos',
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/photos.svg'
-            },
-            {
-                label: 'Trash',
-                icon: 'https://primefaces.org/cdn/primeng/images/dock/trash.png'
-            }
-        ];
-    }
-}`,
-
-        scss: `
-:host ::ng-deep {
-    .dock-window {
-        width: 100%;
-        height: 450px;
-        position: relative;
-        background-image: url('https://primefaces.org/cdn/primeng/images/dock/window.jpg');
-        background-repeat: no-repeat;
-        background-size: cover;
-    }
-
-    .p-dock {
-        z-index: 1000;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dock/dockdoc.module.ts b/src/app/showcase/doc/dock/dockdoc.module.ts
deleted file mode 100644
index 9daae48..0000000
--- a/src/app/showcase/doc/dock/dockdoc.module.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { DialogModule } from 'primeng/dialog';
-import { DockModule } from 'primeng/dock';
-import { GalleriaModule } from 'primeng/galleria';
-import { MenubarModule } from 'primeng/menubar';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { TerminalModule } from 'primeng/terminal';
-import { ToastModule } from 'primeng/toast';
-import { TreeModule } from 'primeng/tree';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { AdvancedDoc } from './advanceddoc';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, RouterModule, DockModule, FormsModule, RadioButtonModule, MenubarModule, ToastModule, DialogModule, GalleriaModule, TerminalModule, TreeModule, AppDocModule],
-    declarations: [AdvancedDoc, BasicDoc, ImportDoc, StyleDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class DockDocModule {}
diff --git a/src/app/showcase/doc/dock/importdoc.ts b/src/app/showcase/doc/dock/importdoc.ts
deleted file mode 100644
index e742d10..0000000
--- a/src/app/showcase/doc/dock/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { DockModule } from 'primeng/dock';`
-    };
-}
diff --git a/src/app/showcase/doc/dock/styledoc.ts b/src/app/showcase/doc/dock/styledoc.ts
deleted file mode 100644
index b079244..0000000
--- a/src/app/showcase/doc/dock/styledoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-dock</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dock-list</td>
-                        <td>List of items.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dock-item</td>
-                        <td>Each items in list.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/dragdrop/basicdoc.ts b/src/app/showcase/doc/dragdrop/basicdoc.ts
deleted file mode 100644
index e7ad63a..0000000
--- a/src/app/showcase/doc/dragdrop/basicdoc.ts
+++ /dev/null
@@ -1,210 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-
-@Component({
-    selector: 'drag-drop-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                <i>pDraggable</i> and <i>pDroppable</i> are attached to a target element to add drag-drop behavior. The value of a Directive attribute is required and it defines the scope to match draggables with droppables. Droppable scope can also
-                be an array to accept multiple droppables.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3">
-            <div class="p-2 border-1 surface-border border-round !w-15">
-                <ul class="list-none flex flex-col gap-2 p-0 m-0">
-                    <li *ngFor="let product of availableProducts" class="p-2 border-round shadow-1" pDraggable (onDragStart)="dragStart(product)" (onDragEnd)="dragEnd()">
-                        {{ product.name }}
-                    </li>
-                </ul>
-            </div>
-            <div class="p-2 border-1 surface-border border-round !w-15" pDroppable (onDrop)="drop()">
-                <p class="text-center surface-border border-bottom-1">Drop Zone</p>
-                <ul class="list-none flex flex-col gap-2 p-0 m-0" *ngIf="selectedProducts">
-                    <li *ngFor="let product of selectedProducts" class="p-2 border-round shadow-1">
-                        {{ product.name }}
-                    </li>
-                </ul>
-            </div>
-        </div>
-        <app-code [code]="code" selector="drag-drop-basic-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    availableProducts: Product[] | undefined;
-
-    selectedProducts: Product[] | undefined;
-
-    draggedProduct: Product | undefined | null;
-
-    ngOnInit() {
-        this.selectedProducts = [];
-        this.availableProducts = [
-            { id: '1', name: 'Black Watch' },
-            { id: '2', name: 'Bamboo Watch' }
-        ];
-    }
-
-    dragStart(product: Product) {
-        this.draggedProduct = product;
-    }
-
-    drop() {
-        if (this.draggedProduct) {
-            let draggedProductIndex = this.findIndex(this.draggedProduct);
-            this.selectedProducts = [...(this.selectedProducts as Product[]), this.draggedProduct];
-            this.availableProducts = this.availableProducts?.filter((val, i) => i != draggedProductIndex);
-            this.draggedProduct = null;
-        }
-    }
-
-    dragEnd() {
-        this.draggedProduct = null;
-    }
-
-    findIndex(product: Product) {
-        let index = -1;
-        for (let i = 0; i < (this.availableProducts as Product[]).length; i++) {
-            if (product.id === (this.availableProducts as Product[])[i].id) {
-                index = i;
-                break;
-            }
-        }
-        return index;
-    }
-
-    code: Code = {
-        basic: `<div class="p-2 border-1 surface-border border-round !w-15">
-    <ul class="list-none flex flex-col gap-2 p-0 m-0">
-        <li
-            *ngFor="let product of availableProducts"
-            class="p-2 border-round shadow-1"
-            pDraggable
-            (onDragStart)="dragStart(product)"
-            (onDragEnd)="dragEnd()">
-                {{product.name}}
-        </li>
-    </ul>
-</div>
-<div class="p-2 border-1 surface-border border-round !w-15" pDroppable (onDrop)="drop()">
-    <p class="text-center surface-border border-bottom-1">
-        Drop Zone
-    </p>
-    <ul class="list-none flex flex-col gap-2 p-0 m-0" *ngIf="selectedProducts" >
-        <li *ngFor="let product of selectedProducts" class="p-2 border-round shadow-1">
-            {{product.name}}
-        </li>
-    </ul>
-</div>`,
-        html: `<div class="card flex flex-wrap gap-3">
-    <div class="p-2 border-1 surface-border border-round !w-15">
-        <ul class="list-none flex flex-col gap-2 p-0 m-0">
-            <li
-                *ngFor="let product of availableProducts"
-                class="p-2 border-round shadow-1"
-                pDraggable
-                (onDragStart)="dragStart(product)"
-                (onDragEnd)="dragEnd()">
-                    {{product.name}}
-            </li>
-        </ul>
-    </div>
-    <div class="p-2 border-1 surface-border border-round !w-15" pDroppable (onDrop)="drop()">
-        <p class="text-center surface-border border-bottom-1">Drop Zone</p>
-        <ul class="list-none flex flex-col gap-2 p-0 m-0" *ngIf="selectedProducts" >
-            <li *ngFor="let product of selectedProducts" class="p-2 border-round shadow-1">
-                {{product.name}}
-            </li>
-        </ul>
-    </div>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { DragDropModule } from 'primeng/dragdrop';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'drag-drop-basic-demo',
-    templateUrl: './drag-drop-basic-demo.html',
-    styles: [
-        \`:host ::ng-deep {
-            [pDraggable] {
-                cursor: move;
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [DragDropModule, CommonModule]
-})
-export class DragDropBasicDemo implements OnInit {
-    availableProducts: Product[] | undefined;
-
-    selectedProducts: Product[] | undefined;
-
-    draggedProduct: Product | undefined | null;
-
-    ngOnInit() {
-        this.selectedProducts = [];
-        this.availableProducts = [
-            {id:'1', name: 'Black Watch'},
-            {id:'2', name: 'Bamboo Watch'}
-        ]
-    }
-
-    dragStart(product: Product) {
-        this.draggedProduct = product;
-    }
-
-    drop() {
-        if (this.draggedProduct) {
-            let draggedProductIndex = this.findIndex(this.draggedProduct);
-            this.selectedProducts = [...(this.selectedProducts as Product[]), this.draggedProduct];
-            this.availableProducts = this.availableProducts?.filter((val, i) => i != draggedProductIndex);
-            this.draggedProduct = null;
-        }
-    }
-
-    dragEnd() {
-        this.draggedProduct = null;
-    }
-
-    findIndex(product: Product) {
-        let index = -1;
-        for (let i = 0; i < (this.availableProducts as Product[]).length; i++) {
-            if (product.id === (this.availableProducts as Product[])[i].id) {
-                index = i;
-                break;
-            }
-        }
-        return index;
-    }
-}`,
-        scss: `
-:host ::ng-deep {
-    [pDraggable] {
-        cursor: move;
-    }
-}`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/dragdrop/datatabledoc.ts b/src/app/showcase/doc/dragdrop/datatabledoc.ts
deleted file mode 100644
index 9c4b207..0000000
--- a/src/app/showcase/doc/dragdrop/datatabledoc.ts
+++ /dev/null
@@ -1,426 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'drag-drop-data-table-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Drag and Drop to Table</p>
-        </app-docsectiontext>
-        <div class="card grid grid-nogutter">
-            <div class="col-12 md:col-6 drag-column">
-                <div *ngFor="let product of availableProducts">
-                    <div class="product-item" pDraggable="products" (onDragStart)="dragStart(product)" (onDragEnd)="dragEnd()">
-                        <div class="image-container">
-                            <img src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" [alt]="product.name" class="product-image" />
-                        </div>
-                        <div class="product-list-detail">
-                            <h5 class="mb-2">{{ product.name }}</h5>
-                            <i class="pi pi-tag product-category-icon"></i>
-                            <span class="product-category">{{ product.category }}</span>
-                        </div>
-                        <div class="product-list-action">
-                            <h6 class="mb-2">{{ product.price }}</h6>
-                            <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" />
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="col-12 md:col-6 drop-column" pDroppable="products" (onDrop)="drop()">
-                <p-table [value]="selectedProducts">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>ID</th>
-                            <th>Category</th>
-                            <th>Name</th>
-                            <th>Price</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>{{ product.id }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.price }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </div>
-        <app-code [code]="code" selector="drag-drop-data-table-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class DataTableDoc implements OnInit {
-    availableProducts: Product[] | undefined;
-
-    selectedProducts: Product[] | undefined;
-
-    draggedProduct: Product | undefined | null;
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.selectedProducts = [];
-        this.productService.getProductsSmall().then((products) => (this.availableProducts = products));
-    }
-
-    dragStart(product: Product) {
-        this.draggedProduct = product;
-    }
-
-    drop() {
-        if (this.draggedProduct) {
-            let draggedProductIndex = this.findIndex(this.draggedProduct);
-            this.selectedProducts = [...(this.selectedProducts as Product[]), this.draggedProduct];
-            this.availableProducts = this.availableProducts?.filter((val, i) => i != draggedProductIndex);
-            this.draggedProduct = null;
-        }
-    }
-
-    dragEnd() {
-        this.draggedProduct = null;
-    }
-
-    findIndex(product: Product) {
-        let index = -1;
-        for (let i = 0; i < (this.availableProducts as Product[]).length; i++) {
-            if (product.id === (this.availableProducts as Product[])[i].id) {
-                index = i;
-                break;
-            }
-        }
-        return index;
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-
-    code: Code = {
-        basic: `<div class="card grid grid-nogutter">
-    <div class="col-12 md:col-6 drag-column">
-        <div *ngFor="let product of availableProducts">
-            <div 
-                class="product-item" 
-                pDraggable="products" 
-                (onDragStart)="dragStart(product)" 
-                (onDragEnd)="dragEnd()">
-                    <div class="image-container">
-                        <img 
-                            src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" 
-                            [alt]="product.name" 
-                            class="product-image" />
-                    </div>
-                    <div class="product-list-detail">
-                        <h5 class="mb-2">
-                            {{product.name}}
-                        </h5>
-                        <i class="pi pi-tag product-category-icon"></i>
-                        <span class="product-category">
-                            {{product.category}}
-                        </span>
-                        </div>
-                        <div class="product-list-action">
-                        <h6 class="mb-2">
-                            {{product.price}}
-                        </h6>
-                        <p-tag 
-                            [value]="product.inventoryStatus" 
-                            [severity]="getSeverity(product.inventoryStatus)" />
-                    </div>
-            </div>
-        </div>
-    </div>
-    <div class="col-12 md:col-6 drop-column" pDroppable="products" (onDrop)="drop()">
-    <p-table [value]="selectedProducts">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>
-                    ID
-                </th>
-                <th>
-                    Category
-                </th>
-                <th>
-                    Name
-                </th>
-                <th>
-                    Price
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>
-                    {{product.id}}
-                </td>
-                <td>
-                    {{product.category}}
-                </td>
-                <td>
-                    {{product.name}}
-                </td>
-                <td>
-                    {{product.price}}
-                </td>
-            </tr>
-            </ng-template>
-        </p-table>
-    </div>
-</div>`,
-        html: `<div class="card grid grid-nogutter">
-    <div class="col-12 md:col-6 drag-column">
-        <div *ngFor="let product of availableProducts">
-            <div 
-                class="product-item" 
-                pDraggable="products" 
-                (onDragStart)="dragStart(product)" 
-                (onDragEnd)="dragEnd()">
-                    <div class="image-container">
-                        <img 
-                            src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" 
-                            [alt]="product.name" 
-                            class="product-image" />
-                    </div>
-                    <div class="product-list-detail">
-                        <h5 class="mb-2">
-                            {{product.name}}
-                        </h5>
-                        <i class="pi pi-tag product-category-icon"></i>
-                        <span class="product-category">
-                            {{product.category}}
-                        </span>
-                        </div>
-                        <div class="product-list-action">
-                        <h6 class="mb-2">
-                            {{product.price}}
-                        </h6>
-                        <p-tag 
-                            [value]="product.inventoryStatus" 
-                            [severity]="getSeverity(product.inventoryStatus)" />
-                    </div>
-            </div>
-        </div>
-    </div>
-    <div class="col-12 md:col-6 drop-column" pDroppable="products" (onDrop)="drop()">
-    <p-table [value]="selectedProducts">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>
-                    ID
-                </th>
-                <th>
-                    Category
-                </th>
-                <th>
-                    Name
-                </th>
-                <th>
-                    Price
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>
-                    {{product.id}}
-                </td>
-                <td>
-                    {{product.category}}
-                </td>
-                <td>
-                    {{product.name}}
-                </td>
-                <td>
-                    {{product.price}}
-                </td>
-            </tr>
-            </ng-template>
-        </p-table>
-    </div>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { DragDropModule } from 'primeng/dragdrop';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-import { TagModule } from 'primeng/tag';
-
-@Component({
-    selector: 'drag-drop-data-table-demo',
-    templateUrl: './drag-drop-data-table-demo.html',
-    styles: [
-        \`:host ::ng-deep {
-            .drag-column {
-                padding-right: .5em;
-            }
-            
-            .drop-column {
-                border: 1px solid transparent;
-                transition: border-color .2s;
-            
-                &.p-draggable-enter {
-                    border-color: var(--primary-color); 
-                }
-            }
-            
-            .product-item {
-                display: flex;
-                align-items: center;
-                padding: 1rem;
-                width: 100%;
-                border-bottom: 1px solid var(--surface-d);
-            
-                img {
-                    width: 75px;
-                    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-                    margin-right: 1rem;
-                }
-            
-                .product-list-detail {
-                    flex: 1 1 0;
-                }
-            
-                .product-list-action {
-                    display: flex;
-                    flex-direction: column;
-                    align-items: flex-end;
-                }
-            
-                .product-category-icon {
-                    vertical-align: middle;
-                    margin-right: .5rem;
-                }
-            
-                .product-category {
-                    vertical-align: middle;
-                    line-height: 1;
-                }
-            }
-            
-            [pDraggable] {
-                cursor: move;
-            }
-            
-            @media screen and (max-width: 576px) {
-                .product-item {
-                    flex-wrap: wrap;
-            
-                    .image-container {
-                        width: 100%;
-                        text-align: center;
-                    }
-            
-                    img {
-                        margin: 0 0 1rem 0;
-                        width: 100px;
-                    }
-                }
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [DragDropModule, TableModule, TagModule, CommonModule],
-    providers: [ProductService]
-})
-export class DragDropDataTableDemo implements OnInit {
-    availableProducts: Product[] | undefined;
-
-    selectedProducts: Product[] | undefined;
-
-    draggedProduct: Product | undefined | null;
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.selectedProducts = [];
-        this.productService.getProductsSmall().then((products) => (this.availableProducts = products));
-    }
-
-    dragStart(product: Product) {
-        this.draggedProduct = product;
-    }
-
-    drop() {
-        if (this.draggedProduct) {
-            let draggedProductIndex = this.findIndex(this.draggedProduct);
-            this.selectedProducts = [...(this.selectedProducts as Product[]), this.draggedProduct];
-            this.availableProducts = this.availableProducts?.filter((val, i) => i != draggedProductIndex);
-            this.draggedProduct = null;
-        }
-    }
-
-    dragEnd() {
-        this.draggedProduct = null;
-    }
-
-    findIndex(product: Product) {
-        let index = -1;
-        for (let i = 0; i < (this.availableProducts as Product[]).length; i++) {
-            if (product.id === (this.availableProducts as Product[])[i].id) {
-                index = i;
-                break;
-            }
-        }
-        return index;
-    } 
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-}`,
-
-        data: `
-...
-{
-    "id": "1000",
-    "code": "f230fh0g3",
-    "name": "Bamboo Watch",
-    "description": "Product Description",
-    "image": "bamboo-watch.jpg",
-    "price": 65,
-    "category": "Accessories",
-    "quantity": 24,
-    "inventoryStatus": "INSTOCK",
-    "rating": 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/dragdrop/dragdropdoc.module.ts b/src/app/showcase/doc/dragdrop/dragdropdoc.module.ts
deleted file mode 100644
index 8658d54..0000000
--- a/src/app/showcase/doc/dragdrop/dragdropdoc.module.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ImportDoc } from './importdoc';
-import { DataTableDoc } from './datatabledoc';
-import { DragDropModule } from 'primeng/dragdrop';
-import { TagModule } from 'primeng/tag';
-import { TableModule } from 'primeng/table';
-import { BasicDoc } from './basicdoc';
-import { DropIndicatorDoc } from './dropindicatordoc';
-import { PanelModule } from 'primeng/panel';
-import { DragHandleDoc } from './draghandledoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, DragDropModule, TableModule, TagModule, FormsModule, PanelModule],
-    declarations: [BasicDoc, DataTableDoc, ImportDoc, DropIndicatorDoc, DragHandleDoc],
-    exports: [AppDocModule]
-})
-export class DragDropDocModule {}
diff --git a/src/app/showcase/doc/dragdrop/draghandledoc.ts b/src/app/showcase/doc/dragdrop/draghandledoc.ts
deleted file mode 100644
index ab0c248..0000000
--- a/src/app/showcase/doc/dragdrop/draghandledoc.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'drag-drop-drag-handle-demo',
-    template: `
-        <app-docsectiontext>
-            <p><i>dragHandle</i> is used to restrict dragging unless mousedown occurs on the specified element. Panel below can only be dragged using its header.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div pDraggable dragHandle=".p-panel-header" class="!w-15">
-                <p-panel header="Drag Header"> Content </p-panel>
-            </div>
-        </div>
-        <app-code [code]="code" selector="drag-drop-drag-handle-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class DragHandleDoc {
-    code: Code = {
-        basic: `<div pDraggable dragHandle=".p-panel-header" class="!w-15">
-    <p-panel header="Drag Header">
-        Content
-    </p-panel>
-</div>`,
-        html: `<div class="card">
-    <div pDraggable dragHandle=".p-panel-header" class="!w-15">
-        <p-panel header="Drag Header">
-            Content
-        </p-panel>
-    </div>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { DragDropModule } from 'primeng/dragdrop';
-import { PanelModule } from 'primeng/panel';
-
-@Component({
-    selector: 'drag-drop-drag-handle-demo',
-    templateUrl: './drag-drop-drag-handle-demo.html',
-    styles: [
-        \`:host ::ng-deep {
-            [pDraggable] {
-                cursor: move;
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [DragDropModule, PanelModule]
-})
-export class DragDropDragHandleDemo {}`,
-
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/dragdrop/dropindicatordoc.ts b/src/app/showcase/doc/dragdrop/dropindicatordoc.ts
deleted file mode 100644
index 18304db..0000000
--- a/src/app/showcase/doc/dragdrop/dropindicatordoc.ts
+++ /dev/null
@@ -1,224 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-
-@Component({
-    selector: 'drag-drop-drop-indicator-demo',
-    template: `
-        <app-docsectiontext>
-            <p>When a suitable draggable enters a droppable area, the area gets <i>p-draggable-enter</i> class that can be used to style the droppable section.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3">
-            <div class="p-2 border-1 surface-border border-round !w-15 !h-10">
-                <ul class="list-none flex flex-col gap-2 p-0 m-0">
-                    <li *ngFor="let product of availableProducts" class="p-2 border-round shadow-1" pDraggable (onDragStart)="dragStart(product)" (onDragEnd)="dragEnd()">
-                        {{ product.name }}
-                    </li>
-                </ul>
-            </div>
-            <div class="p-2 !w-15 !h-10 drop-column" pDroppable (onDrop)="drop()">
-                <p class="text-center surface-border border-bottom-1">Drop Zone</p>
-                <ul class="list-none flex flex-col gap-2 p-0 m-0" *ngIf="selectedProducts">
-                    <li *ngFor="let product of selectedProducts" class="p-2 border-round shadow-1">
-                        {{ product.name }}
-                    </li>
-                </ul>
-            </div>
-        </div>
-        <app-code [code]="code" selector="drag-drop-drop-indicator-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class DropIndicatorDoc {
-    availableProducts: Product[] | undefined;
-
-    selectedProducts: Product[] | undefined;
-
-    draggedProduct: Product | undefined | null;
-
-    ngOnInit() {
-        this.selectedProducts = [];
-        this.availableProducts = [
-            { id: '1', name: 'Black Watch' },
-            { id: '2', name: 'Bamboo Watch' }
-        ];
-    }
-
-    dragStart(product: Product) {
-        this.draggedProduct = product;
-    }
-
-    drop() {
-        if (this.draggedProduct) {
-            let draggedProductIndex = this.findIndex(this.draggedProduct);
-            this.selectedProducts = [...(this.selectedProducts as Product[]), this.draggedProduct];
-            this.availableProducts = this.availableProducts?.filter((val, i) => i != draggedProductIndex);
-            this.draggedProduct = null;
-        }
-    }
-
-    dragEnd() {
-        this.draggedProduct = null;
-    }
-
-    findIndex(product: Product) {
-        let index = -1;
-        for (let i = 0; i < (this.availableProducts as Product[]).length; i++) {
-            if (product.id === (this.availableProducts as Product[])[i].id) {
-                index = i;
-                break;
-            }
-        }
-        return index;
-    }
-    code: Code = {
-        basic: `<div class="p-2 border-1 surface-border border-round !w-15 !h-10">
-    <ul class="list-none flex flex-col gap-2 p-0 m-0">
-        <li
-            *ngFor="let product of availableProducts"
-            class="p-2 border-round shadow-1"
-            pDraggable
-            (onDragStart)="dragStart(product)"
-            (onDragEnd)="dragEnd()">
-                {{product.name}}
-        </li>
-    </ul>
-</div>
-<div class="p-2 !w-15 !h-10 drop-column" pDroppable (onDrop)="drop()">
-    <p class="text-center surface-border border-bottom-1">Drop Zone</p>
-    <ul class="list-none flex flex-col gap-2 p-0 m-0" *ngIf="selectedProducts" >
-        <li *ngFor="let product of selectedProducts" class="p-2 border-round shadow-1">
-            {{product.name}}
-        </li>
-    </ul>
-</div>`,
-        html: `<div class="card flex flex-wrap gap-3">
-    <div class="p-2 border-1 surface-border border-round !w-15 !h-10">
-        <ul class="list-none flex flex-col gap-2 p-0 m-0">
-            <li
-                *ngFor="let product of availableProducts"
-                class="p-2 border-round shadow-1"
-                pDraggable
-                (onDragStart)="dragStart(product)"
-                (onDragEnd)="dragEnd()">
-                    {{product.name}}
-            </li>
-        </ul>
-    </div>
-    <div class="p-2 !w-15 !h-10 drop-column" pDroppable (onDrop)="drop()">
-        <p class="text-center surface-border border-bottom-1">Drop Zone</p>
-        <ul class="list-none flex flex-col gap-2 p-0 m-0" *ngIf="selectedProducts" >
-            <li *ngFor="let product of selectedProducts" class="p-2 border-round shadow-1">
-                {{product.name}}
-            </li>
-        </ul>
-    </div>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'drag-drop-drop-indicator-demo',
-    templateUrl: './drag-drop-drop-indicator-demo.html',
-    styles: [
-        \`:host ::ng-deep {
-            .drop-column {
-                border: 1px solid transparent;
-                transition: border-color .2s;
-
-                &.p-draggable-enter {
-                    border-color: var(--primary-color);
-                }
-            }
-
-            [pDraggable] {
-                cursor: move;
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [DragDropModule, CommonModule],
-    providers: [ProductService]
-})
-export class DragDropDropIndicatorDemo implements OnInit {
-    availableProducts: Product[] | undefined;
-
-    selectedProducts: Product[] | undefined;
-
-    draggedProduct: Product | undefined | null;
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.selectedProducts = [];
-        this.availableProducts = [
-            {id:'1', name: 'Black Watch'},
-            {id:'2', name: 'Bamboo Watch'}
-        ]
-    }
-
-    dragStart(product: Product) {
-        this.draggedProduct = product;
-    }
-
-    drop() {
-        if (this.draggedProduct) {
-            let draggedProductIndex = this.findIndex(this.draggedProduct);
-            this.selectedProducts = [...(this.selectedProducts as Product[]), this.draggedProduct];
-            this.availableProducts = this.availableProducts?.filter((val, i) => i != draggedProductIndex);
-            this.draggedProduct = null;
-        }
-    }
-
-    dragEnd() {
-        this.draggedProduct = null;
-    }
-
-    findIndex(product: Product) {
-        let index = -1;
-        for (let i = 0; i < (this.availableProducts as Product[]).length; i++) {
-            if (product.id === (this.availableProducts as Product[])[i].id) {
-                index = i;
-                break;
-            }
-        }
-        return index;
-    }
-}`,
-        scss: `
-:host ::ng-deep {
-    .drop-column {
-        border: 1px solid transparent;
-        transition: border-color .2s;
-
-        &.p-draggable-enter {
-            border-color: var(--primary-color);
-        }
-    }
-
-    [pDraggable] {
-        cursor: move;
-    }
-}`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/dragdrop/importdoc.ts b/src/app/showcase/doc/dragdrop/importdoc.ts
deleted file mode 100644
index f176821..0000000
--- a/src/app/showcase/doc/dragdrop/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { DragDropModule } from 'primeng/dragdrop';`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/accessibilitydoc.ts b/src/app/showcase/doc/dropdown/accessibilitydoc.ts
deleted file mode 100644
index 585ec5a..0000000
--- a/src/app/showcase/doc/dropdown/accessibilitydoc.ts
+++ /dev/null
@@ -1,180 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Value to describe the component can either be provided with <i>ariaLabelledBy</i> or <i>ariaLabel</i> props. The dropdown element has a <i>combobox</i> role in addition to <i>aria-haspopup</i> and <i>aria-expanded</i> attributes. If
-                the editable option is enabled <i>aria-autocomplete</i> is also added. The relation between the combobox and the popup is created with <i>aria-controls</i> and <i>aria-activedescendant</i> attribute is used to instruct screen reader
-                which option to read during keyboard navigation within the popup list.
-            </p>
-            <p>
-                The popup list has an id that refers to the <i>aria-controls</i> attribute of the <i>combobox</i> element and uses <i>listbox</i> as the role. Each list item has an <i>option</i> role, an id to match the
-                <i>aria-activedescendant</i> of the input element along with <i>aria-label</i>, <i>aria-selected</i> and <i>aria-disabled</i> attributes.
-            </p>
-
-            <p>If filtering is enabled, <i>filterInputProps</i> can be defined to give <i>aria-*</i> props to the filter input element.</p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Closed State Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the dropdown element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>down arrow</i>
-                        </td>
-                        <td>Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>up arrow</i>
-                        </td>
-                        <td>Opens the popup and moves visual focus to the selected option, if there is none then last option receives the focus.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Popup Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the next focusable element in the popup, if there is none then first focusable element receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>tab</i></td>
-                        <td>Moves focus to the previous focusable element in the popup, if there is none then last focusable element receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Selects the focused option and closes the popup.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Selects the focused option and closes the popup.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>escape</i>
-                        </td>
-                        <td>Closes the popup, moves focus to the dropdown element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>down arrow</i>
-                        </td>
-                        <td>Moves focus to the next option, if there is none then visual focus does not change.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>up arrow</i>
-                        </td>
-                        <td>Moves focus to the previous option, if there is none then visual focus does not change.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>right arrow</i>
-                        </td>
-                        <td>If the dropdown is editable, removes the visual focus from the current option and moves input cursor to one character left.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>left arrow</i>
-                        </td>
-                        <td>If the dropdown is editable, removes the visual focus from the current option and moves input cursor to one character right.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>home</i>
-                        </td>
-                        <td>If the dropdown is editable, moves input cursor at the end, if not then moves focus to the first option.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>end</i>
-                        </td>
-                        <td>If the dropdown is editable, moves input cursor at the beginning, if not then moves focus to the last option.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>any printable character</i>
-                        </td>
-                        <td>Moves focus to the option whose label starts with the characters being typed if dropdown is not editable.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Filter Input Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Closes the popup and moves focus to the dropdown element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>escape</i>
-                        </td>
-                        <td>Closes the popup and moves focus to the dropdown element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<span id="dd1">Options</span>
-<p-dropdown ariaLabelledBy="dd1"/>
-
-<p-dropdown ariaLabel="Options"/>`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/basicdoc.ts b/src/app/showcase/doc/dropdown/basicdoc.ts
deleted file mode 100644
index 45b7f9c..0000000
--- a/src/app/showcase/doc/dropdown/basicdoc.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Dropdown is used as a controlled component with <i>ngModel</i> property along with an <i>options</i> collection. Label and value of an option are defined with the <i>optionLabel</i> and <i>optionValue</i> properties respectively. Note
-                that, when options are simple primitive values such as a string array, no <i>optionLabel</i> and <i>optionValue</i> would be necessary.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-dropdown [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" placeholder="Select a City" />
-        </div>
-        <app-code [code]="code" selector="dropdown-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    cities: City[];
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-dropdown 
-    [options]="cities" 
-    [(ngModel)]="selectedCity" 
-    optionLabel="name" 
-    placeholder="Select a City" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-dropdown 
-        [options]="cities" 
-        [(ngModel)]="selectedCity" 
-        optionLabel="name"
-        placeholder="Select a City" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-basic-demo',
-    templateUrl: './dropdown-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, DropdownModule]
-})
-export class DropdownBasicDemo implements OnInit {
-    cities: City[] | undefined;
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/checkmarkdoc.ts b/src/app/showcase/doc/dropdown/checkmarkdoc.ts
deleted file mode 100644
index e644d27..0000000
--- a/src/app/showcase/doc/dropdown/checkmarkdoc.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-checkmark-demo',
-    template: `
-        <app-docsectiontext>
-            <p>An alternative way to highlight the selected option is displaying a checkmark instead.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-dropdown [options]="cities" [(ngModel)]="selectedCity" [checkmark]="true" optionLabel="name" [showClear]="true" placeholder="Select a City" />
-        </div>
-        <app-code [code]="code" selector="dropdown-checkmark-demo"></app-code>
-    `
-})
-export class CheckmarkDoc implements OnInit {
-    cities: City[];
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-dropdown 
-    [options]="cities" 
-    [(ngModel)]="selectedCity"
-    [checkmark]="true" 
-    optionLabel="name" 
-    [showClear]="true" 
-    placeholder="Select a City" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-dropdown 
-        [options]="cities" 
-        [(ngModel)]="selectedCity"
-        [checkmark]="true" 
-        optionLabel="name" 
-        [showClear]="true"
-        placeholder="Select a City" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-checkmark-demo',
-    templateUrl: './dropdown-checkmark-demo.html',
-    standalone: true,
-    imports: [FormsModule, DropdownModule]
-})
-export class DropdownCheckmarkDemo implements OnInit {
-    cities: City[] | undefined;
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/clearicondoc.ts b/src/app/showcase/doc/dropdown/clearicondoc.ts
deleted file mode 100644
index 110fe8a..0000000
--- a/src/app/showcase/doc/dropdown/clearicondoc.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-clear-icon-demo',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>showClear</i> is enabled, a clear icon is added to reset the Dropdown.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-dropdown [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" [showClear]="true" placeholder="Select a City" />
-        </div>
-        <app-code [code]="code" selector="dropdown-clear-icon-demo"></app-code>
-    `
-})
-export class ClearIconDoc implements OnInit {
-    cities: City[];
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-dropdown 
-    [options]="cities" 
-    [(ngModel)]="selectedCity" 
-    optionLabel="name" 
-    [showClear]="true" 
-    placeholder="Select a City" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-dropdown 
-        [options]="cities" 
-        [(ngModel)]="selectedCity" 
-        optionLabel="name" 
-        [showClear]="true"
-        placeholder="Select a City" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-clear-icon-demo',
-    templateUrl: './dropdown-clear-icon-demo.html',
-    standalone: true,
-    imports: [FormsModule, DropdownModule]
-})
-export class DropdownClearIconDemo implements OnInit {
-    cities: City[] | undefined;
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/customfilterdoc.ts b/src/app/showcase/doc/dropdown/customfilterdoc.ts
deleted file mode 100644
index ce856a9..0000000
--- a/src/app/showcase/doc/dropdown/customfilterdoc.ts
+++ /dev/null
@@ -1,211 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { DropdownFilterOptions } from 'primeng/dropdown';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-custom-filter-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Custom filter can be applied with the <i>filterTemplate</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-dropdown [options]="countries" [(ngModel)]="selectedCountry" optionLabel="name" [filter]="true" filterBy="name" [showClear]="true" placeholder="Select a Country">
-                <ng-template pTemplate="filter" let-options="options">
-                    <div class="flex gap-1">
-                        <div class="p-inputgroup" (click)="$event.stopPropagation()">
-                            <span class="p-inputgroup-addon"><i class="pi pi-search"></i></span>
-                            <input type="text" pInputText placeholder="Filter" [(ngModel)]="filterValue" (keyup)="customFilterFunction($event, options)" />
-                        </div>
-                        <button pButton icon="pi pi-times" (click)="resetFunction(options)" severity="secondary"></button>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="selectedItem" let-selectedOption>
-                    <div class="flex items-center gap-2">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + selectedCountry.code.toLowerCase()" style="width: 18px" />
-                        <div>{{ selectedOption.name }}</div>
-                    </div>
-                </ng-template>
-                <ng-template let-country pTemplate="item">
-                    <div class="flex items-center gap-2">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" style="width: 18px" />
-                        <div>{{ country.name }}</div>
-                    </div>
-                </ng-template>
-            </p-dropdown>
-        </div>
-        <app-code [code]="code" selector="dropdown-custom-filter-demo"></app-code>
-    `
-})
-export class CustomFilterDoc implements OnInit {
-    countries: City[] | undefined;
-
-    selectedCountry: string | undefined;
-
-    filterValue: string | undefined = '';
-
-    ngOnInit() {
-        this.countries = [
-            { name: 'Australia', code: 'AU' },
-            { name: 'Brazil', code: 'BR' },
-            { name: 'China', code: 'CN' },
-            { name: 'Egypt', code: 'EG' },
-            { name: 'France', code: 'FR' },
-            { name: 'Germany', code: 'DE' },
-            { name: 'India', code: 'IN' },
-            { name: 'Japan', code: 'JP' },
-            { name: 'Spain', code: 'ES' },
-            { name: 'United States', code: 'US' }
-        ];
-    }
-
-    resetFunction(options: DropdownFilterOptions) {
-        options.reset();
-        this.filterValue = '';
-    }
-
-    customFilterFunction(event: KeyboardEvent, options: DropdownFilterOptions) {
-        options.filter(event);
-    }
-
-    code: Code = {
-        basic: `<p-dropdown
-    [options]="countries"
-    [(ngModel)]="selectedCountry"
-    optionLabel="name"
-    [filter]="true"
-    filterBy="name"
-    [showClear]="true"
-    placeholder="Select a Country"
-    styleClass="!w-20">
-        <ng-template pTemplate="filter" let-options="options">
-            <div class="flex gap-1">
-                <div class="p-inputgroup" (click)="$event.stopPropagation()">
-                    <span class="p-inputgroup-addon"><i class="pi pi-search"></i></span>
-                    <input
-                        type="text"
-                        pInputText
-                        placeholder="Filter"
-                        [(ngModel)]="filterValue"
-                        (keyup)="customFilterFunction($event, options)" />
-                </div>
-                <button pButton icon="pi pi-times" (click)="resetFunction(options)" severity="secondary"></button>
-            </div>
-        </ng-template>
-        <ng-template pTemplate="selectedItem" let-selectedOption>
-            <div class="flex items-center gap-2">
-                <img
-                    src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                    [class]="'flag flag-' + selectedCountry.code.toLowerCase()"
-                    style="width: 18px" />
-                <div>{{ selectedOption.name }}</div>
-            </div>
-        </ng-template>
-        <ng-template let-country pTemplate="item">
-            <div class="flex items-center gap-2">
-                <img
-                    src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                    [class]="'flag flag-' + country.code.toLowerCase()"
-                    style="width: 18px" />
-                <div>{{ country.name }}</div>
-            </div>
-        </ng-template>
-</p-dropdown>`,
-
-        html: `<div class="card flex justify-center">
-<p-dropdown
-    [options]="countries"
-    [(ngModel)]="selectedCountry"
-    optionLabel="name"
-    [filter]="true"
-    filterBy="name"
-    [showClear]="true"
-    placeholder="Select a Country"
-    styleClass="!w-20">
-        <ng-template pTemplate="filter" let-options="options">
-            <div class="flex gap-1">
-                <div class="p-inputgroup" (click)="$event.stopPropagation()">
-                    <span class="p-inputgroup-addon"><i class="pi pi-search"></i></span>
-                    <input
-                        type="text"
-                        pInputText
-                        placeholder="Filter"
-                        [(ngModel)]="filterValue"
-                        (keyup)="customFilterFunction($event, options)" />
-                </div>
-                <button pButton icon="pi pi-times" (click)="resetFunction(options)"></button>
-            </div>
-        </ng-template>
-        <ng-template pTemplate="selectedItem" let-selectedOption>
-            <div class="flex items-center gap-2">
-                <img
-                    src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                    [class]="'flag flag-' + selectedCountry.code.toLowerCase()"
-                    style="width: 18px" />
-                <div>{{ selectedOption.name }}</div>
-            </div>
-        </ng-template>
-        <ng-template let-country pTemplate="item">
-            <div class="flex items-center gap-2">
-                <img
-                    src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                    [class]="'flag flag-' + country.code.toLowerCase()"
-                    style="width: 18px" />
-                <div>{{ country.name }}</div>
-            </div>
-        </ng-template>
-</p-dropdown>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { DropdownFilterOptions } from 'primeng/dropdown';
-import { FormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-
-interface City {
-    name: string;
-    code: string;
-}
-@Component({
-    selector: 'dropdown-custom-filter-demo',
-    templateUrl: './dropdown-custom-filter-demo.html',
-    standalone: true,
-    imports: [FormsModule, DropdownModule]
-})
-export class DropdownCustomFilterDemo implements OnInit {
-    countries: City[] | undefined;
-
-    selectedCountry: string | undefined;
-
-    filterValue: string | undefined = '';
-
-    ngOnInit() {
-        this.countries = [
-            { name: 'Australia', code: 'AU' },
-            { name: 'Brazil', code: 'BR' },
-            { name: 'China', code: 'CN' },
-            { name: 'Egypt', code: 'EG' },
-            { name: 'France', code: 'FR' },
-            { name: 'Germany', code: 'DE' },
-            { name: 'India', code: 'IN' },
-            { name: 'Japan', code: 'JP' },
-            { name: 'Spain', code: 'ES' },
-            { name: 'United States', code: 'US' }
-        ];
-    }
-
-    resetFunction(options: DropdownFilterOptions) {
-        options.reset();
-        this.filterValue = '';
-    }
-
-    customFilterFunction(event: KeyboardEvent, options: DropdownFilterOptions) {
-        options.filter(event);
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/disableddoc.ts b/src/app/showcase/doc/dropdown/disableddoc.ts
deleted file mode 100644
index 4b994f4..0000000
--- a/src/app/showcase/doc/dropdown/disableddoc.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-disabled-demo',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-dropdown [options]="cities" [(ngModel)]="selectedCity" placeholder="Select a City" optionLabel="name" [disabled]="true" />
-        </div>
-        <app-code [code]="code" selector="dropdown-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    cities: City[] | undefined;
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-dropdown 
-    [options]="cities" 
-    [(ngModel)]="selectedCity" 
-    placeholder="Select a City" 
-    optionLabel="name" 
-    [disabled]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-dropdown 
-        [options]="cities" 
-        [(ngModel)]="selectedCity" 
-        placeholder="Select a City" 
-        optionLabel="name" 
-        [disabled]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-disabled-demo',
-    templateUrl: './dropdown-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, DropdownModule]
-})
-export class DropdownDisabledDemo {
-    cities: City[] | undefined;
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/dropdowndoc.module.ts b/src/app/showcase/doc/dropdown/dropdowndoc.module.ts
deleted file mode 100644
index 90549c5..0000000
--- a/src/app/showcase/doc/dropdown/dropdowndoc.module.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ImportDoc } from './importdoc';
-import { BasicDoc } from './basicdoc';
-import { DropdownModule } from 'primeng/dropdown';
-import { EditableDoc } from './editabledoc';
-import { GroupDoc } from './groupdoc';
-import { TemplateDoc } from './templatedoc';
-import { DisabledDoc } from './disableddoc';
-import { InvalidDoc } from './invaliddoc';
-import { VirtualScrollDoc } from './virtualscrolldoc';
-import { LazyVirtualScrollDoc } from './lazyvirtualscrolldoc';
-import { FilterDoc } from './filterdoc';
-import { CustomFilterDoc } from './customfilterdoc';
-import { FloatLabelDoc } from './floatlabeldoc';
-import { StyleDoc } from './styledoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { ButtonModule } from 'primeng/button';
-import { InputTextModule } from 'primeng/inputtext';
-import { CheckmarkDoc } from './checkmarkdoc';
-import { ClearIconDoc } from './clearicondoc';
-import { LoadingStateDoc } from './loadingstatedoc';
-import { FilledDoc } from './filleddoc';
-import { FloatLabelModule } from 'primeng/floatlabel';
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, FormsModule, ReactiveFormsModule, DropdownModule, ButtonModule, InputTextModule, FloatLabelModule],
-    exports: [AppDocModule],
-    declarations: [
-        ImportDoc,
-        BasicDoc,
-        EditableDoc,
-        GroupDoc,
-        TemplateDoc,
-        DisabledDoc,
-        InvalidDoc,
-        VirtualScrollDoc,
-        LazyVirtualScrollDoc,
-        CustomFilterDoc,
-        FilterDoc,
-        FloatLabelDoc,
-        StyleDoc,
-        AccessibilityDoc,
-        ReactiveFormsDoc,
-        CheckmarkDoc,
-        ClearIconDoc,
-        LoadingStateDoc,
-        FilledDoc
-    ]
-})
-export class DropdownDocModule {}
diff --git a/src/app/showcase/doc/dropdown/editabledoc.ts b/src/app/showcase/doc/dropdown/editabledoc.ts
deleted file mode 100644
index 6376ad0..0000000
--- a/src/app/showcase/doc/dropdown/editabledoc.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-editable-demo',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>editable</i> is present, the input can also be entered with typing.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-dropdown [options]="cities" [(ngModel)]="selectedCity" placeholder="Select a City" [editable]="true" optionLabel="name" />
-        </div>
-        <app-code [code]="code" selector="dropdown-editable-demo"></app-code>
-    `
-})
-export class EditableDoc implements OnInit {
-    cities: City[] | undefined;
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-dropdown 
-    [options]="cities" 
-    [(ngModel)]="selectedCity" 
-    placeholder="Select a City" 
-    [editable]="true" 
-    optionLabel="name" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-dropdown 
-        [options]="cities" 
-        [(ngModel)]="selectedCity" 
-        placeholder="Select a City" 
-        [editable]="true" 
-        optionLabel="name" />
-</div>`,
-
-        typescript: `
-import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-editable-demo',
-    templateUrl: './dropdown-editable-demo.html',
-    standalone: true,
-    imports: [FormsModule, DropdownModule]
-})
-export class DropdownEditableDemo implements OnInit {
-    cities: City[] | undefined;
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/filleddoc.ts b/src/app/showcase/doc/dropdown/filleddoc.ts
deleted file mode 100644
index c93bc82..0000000
--- a/src/app/showcase/doc/dropdown/filleddoc.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-filled-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-dropdown [options]="cities" [(ngModel)]="selectedCity" variant="filled" optionLabel="name" placeholder="Select a City" />
-        </div>
-        <app-code [code]="code" selector="dropdown-filled-demo"></app-code>
-    `
-})
-export class FilledDoc implements OnInit {
-    cities: City[];
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-dropdown 
-    [options]="cities" 
-    [(ngModel)]="selectedCity"
-    variant="filled"
-    optionLabel="name" 
-    placeholder="Select a City" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-dropdown 
-        [options]="cities" 
-        [(ngModel)]="selectedCity"
-        variant="filled" 
-        optionLabel="name"
-        placeholder="Select a City" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-filled-demo',
-    templateUrl: './dropdown-filled-demo.html',
-    standalone: true,
-    imports: [FormsModule, DropdownModule]
-})
-export class DropdownFilledDemo implements OnInit {
-    cities: City[] | undefined;
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/filterdoc.ts b/src/app/showcase/doc/dropdown/filterdoc.ts
deleted file mode 100644
index f92c74d..0000000
--- a/src/app/showcase/doc/dropdown/filterdoc.ts
+++ /dev/null
@@ -1,137 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dropdown-filter-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Dropdown provides built-in filtering that is enabled by adding the <i>filter</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-dropdown [options]="countries" [(ngModel)]="selectedCountry" optionLabel="name" [filter]="true" filterBy="name" [showClear]="true" placeholder="Select a Country">
-                <ng-template pTemplate="selectedItem" let-selectedOption>
-                    <div class="flex items-center gap-2">
-                        <div>{{ selectedOption.name }}</div>
-                    </div>
-                </ng-template>
-                <ng-template let-country pTemplate="item">
-                    <div class="flex items-center gap-2">
-                        <div>{{ country.name }}</div>
-                    </div>
-                </ng-template>
-            </p-dropdown>
-        </div>
-        <app-code [code]="code" selector="dropdown-filter-demo"></app-code>
-    `
-})
-export class FilterDoc implements OnInit {
-    countries: any[] | undefined;
-
-    selectedCountry: string | undefined;
-
-    ngOnInit() {
-        this.countries = [
-            { name: 'Australia', code: 'AU' },
-            { name: 'Brazil', code: 'BR' },
-            { name: 'China', code: 'CN' },
-            { name: 'Egypt', code: 'EG' },
-            { name: 'France', code: 'FR' },
-            { name: 'Germany', code: 'DE' },
-            { name: 'India', code: 'IN' },
-            { name: 'Japan', code: 'JP' },
-            { name: 'Spain', code: 'ES' },
-            { name: 'United States', code: 'US' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-dropdown 
-    [options]="countries"
-    [(ngModel)]="selectedCountry"
-    optionLabel="name"
-    [filter]="true"
-    filterBy="name" 
-    [showClear]="true"
-    placeholder="Select a Country">
-        <ng-template pTemplate="selectedItem" let-selectedOption>
-            <div class="flex items-center gap-2">
-                <img 
-                    src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                    [class]="'flag flag-' + selectedCountry.code.toLowerCase()"
-                    style="width: 18px" />
-                <div>{{ selectedOption.name }}</div>
-            </div>
-        </ng-template>
-        <ng-template let-country pTemplate="item">
-            <div class="flex items-center gap-2">
-                <img 
-                    src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                    [class]="'flag flag-' + country.code.toLowerCase()"
-                    style="width: 18px" />
-                <div>{{ country.name }}</div>
-            </div>
-        </ng-template>
-</p-dropdown>`,
-
-        html: `<div class="card flex justify-center">
-    <p-dropdown 
-        [options]="countries"
-        [(ngModel)]="selectedCountry"
-        optionLabel="name"
-        [filter]="true"
-        filterBy="name"
-        [showClear]="true"
-        placeholder="Select a Country">
-            <ng-template pTemplate="selectedItem" let-selectedOption>
-                <div class="flex items-center gap-2">
-                    <img 
-                        src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                        [class]="'flag flag-' + selectedCountry.code.toLowerCase()"
-                        style="width: 18px" />
-                    <div>{{ selectedOption.name }}</div>
-                </div>
-            </ng-template>
-            <ng-template let-country pTemplate="item">
-                <div class="flex items-center gap-2">
-                    <img 
-                        src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                        [class]="'flag flag-' + country.code.toLowerCase()"
-                        style="width: 18px" />
-                    <div>{{ country.name }}</div>
-                </div>
-            </ng-template>
-    </p-dropdown>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-
-@Component({
-    selector: 'dropdown-filter-demo',
-    templateUrl: './dropdown-filter-demo.html',
-    standalone: true,
-    imports: [FormsModule, DropdownModule]
-})
-export class DropdownFilterDemo implements OnInit {
-    countries: any[] | undefined;
-
-    selectedCountry: string | undefined;
-
-    ngOnInit() {
-        this.countries = [
-            { name: 'Australia', code: 'AU' },
-            { name: 'Brazil', code: 'BR' },
-            { name: 'China', code: 'CN' },
-            { name: 'Egypt', code: 'EG' },
-            { name: 'France', code: 'FR' },
-            { name: 'Germany', code: 'DE' },
-            { name: 'India', code: 'IN' },
-            { name: 'Japan', code: 'JP' },
-            { name: 'Spain', code: 'ES' },
-            { name: 'United States', code: 'US' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/floatlabeldoc.ts b/src/app/showcase/doc/dropdown/floatlabeldoc.ts
deleted file mode 100644
index cdca04f..0000000
--- a/src/app/showcase/doc/dropdown/floatlabeldoc.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-floatlabel-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A floating label appears on top of the input field when focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <p-dropdown [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" inputId="float-label" />
-                <label for="float-label">Select a City</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <p-dropdown [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" inputId="float-label" />
-                <label for="float-label">Select a City</label>
-            </p-floatLabel>
-        </div>
-        <app-code [code]="code" selector="dropdown-floatlabel-demo"></app-code>
-    `
-})
-export class FloatLabelDoc implements OnInit {
-    cities: City[] | undefined;
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-floatLabel>
-                <p-dropdown [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" inputId="float-label" />
-                <label for="float-label">Select a City</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <p-dropdown [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" inputId="float-label" />
-                <label for="float-label">Select a City</label>
-            </p-floatLabel>`,
-
-        html: `<div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <p-dropdown [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" inputId="float-label" />
-                <label for="float-label">Select a City</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <p-dropdown [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" inputId="float-label" />
-                <label for="float-label">Select a City</label>
-            </p-floatLabel>
-        </div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-import { FloatLabelModule } from "primeng/floatlabel"
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-floatlabel-demo',
-    templateUrl: './dropdown-floatlabel-demo.html',
-    standalone: true,
-    imports: [FormsModule, DropdownModule, FloatLabelModule]
-})
-export class DropdownFloatlabelDemo implements OnInit {
-    cities: City[] | undefined;
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/groupdoc.ts b/src/app/showcase/doc/dropdown/groupdoc.ts
deleted file mode 100644
index 89753aa..0000000
--- a/src/app/showcase/doc/dropdown/groupdoc.ts
+++ /dev/null
@@ -1,151 +0,0 @@
-import { Component } from '@angular/core';
-import { SelectItemGroup } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dropdown-group-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Options can be grouped when a nested data structures is provided.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-dropdown [options]="groupedCities" [(ngModel)]="selectedCity" placeholder="Select a City" [group]="true">
-                <ng-template let-group pTemplate="group">
-                    <div class="flex items-center">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'mr-2 flag flag-' + group.value" style="width: 20px" />
-                        <span>{{ group.label }}</span>
-                    </div>
-                </ng-template>
-            </p-dropdown>
-        </div>
-        <app-code [code]="code" selector="dropdown-group-demo"></app-code>
-    `
-})
-export class GroupDoc {
-    groupedCities: SelectItemGroup[];
-
-    selectedCity: string | undefined;
-
-    constructor() {
-        this.groupedCities = [
-            {
-                label: 'Germany',
-                value: 'de',
-                items: [
-                    { label: 'Berlin', value: 'Berlin' },
-                    { label: 'Frankfurt', value: 'Frankfurt' },
-                    { label: 'Hamburg', value: 'Hamburg' },
-                    { label: 'Munich', value: 'Munich' }
-                ]
-            },
-            {
-                label: 'USA',
-                value: 'us',
-                items: [
-                    { label: 'Chicago', value: 'Chicago' },
-                    { label: 'Los Angeles', value: 'Los Angeles' },
-                    { label: 'New York', value: 'New York' },
-                    { label: 'San Francisco', value: 'San Francisco' }
-                ]
-            },
-            {
-                label: 'Japan',
-                value: 'jp',
-                items: [
-                    { label: 'Kyoto', value: 'Kyoto' },
-                    { label: 'Osaka', value: 'Osaka' },
-                    { label: 'Tokyo', value: 'Tokyo' },
-                    { label: 'Yokohama', value: 'Yokohama' }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-dropdown 
-    [options]="groupedCities" 
-    [(ngModel)]="selectedCity" 
-    placeholder="Select a City" 
-    [group]="true">
-    <ng-template let-group pTemplate="group">
-        <div class="flex items-center">
-            <img 
-                src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                [class]="'mr-2 flag flag-' + group.value"
-                style="width: 20px" />
-            <span>{{ group.label }}</span>
-        </div>
-    </ng-template>
-</p-dropdown>`,
-
-        html: `<div class="card flex justify-center">
-    <p-dropdown 
-        [options]="groupedCities" 
-        [(ngModel)]="selectedCity" 
-        placeholder="Select a City" 
-        [group]="true">
-            <ng-template let-group pTemplate="group">
-                <div class="flex items-center">
-                    <img 
-                        src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                        [class]="'mr-2 flag flag-' + group.value" 
-                        style="width: 20px" />
-                    <span>{{ group.label }}</span>
-                </div>
-            </ng-template>
-    </p-dropdown>
-</div>`,
-
-        typescript: `import { SelectItemGroup } from 'primeng/api';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-
-@Component({
-    selector: 'dropdown-group-demo',
-    templateUrl: './dropdown-group-demo.html',
-    standalone: true,
-    imports: [FormsModule, DropdownModule]
-})
-export class DropdownGroupDemo {
-    groupedCities: SelectItemGroup[];
-
-    selectedCity: string | undefined;
-
-    constructor() {
-        this.groupedCities = [
-            {
-                label: 'Germany',
-                value: 'de',
-                items: [
-                    { label: 'Berlin', value: 'Berlin' },
-                    { label: 'Frankfurt', value: 'Frankfurt' },
-                    { label: 'Hamburg', value: 'Hamburg' },
-                    { label: 'Munich', value: 'Munich' }
-                ]
-            },
-            {
-                label: 'USA',
-                value: 'us',
-                items: [
-                    { label: 'Chicago', value: 'Chicago' },
-                    { label: 'Los Angeles', value: 'Los Angeles' },
-                    { label: 'New York', value: 'New York' },
-                    { label: 'San Francisco', value: 'San Francisco' }
-                ]
-            },
-            {
-                label: 'Japan',
-                value: 'jp',
-                items: [
-                    { label: 'Kyoto', value: 'Kyoto' },
-                    { label: 'Osaka', value: 'Osaka' },
-                    { label: 'Tokyo', value: 'Tokyo' },
-                    { label: 'Yokohama', value: 'Yokohama' }
-                ]
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/importdoc.ts b/src/app/showcase/doc/dropdown/importdoc.ts
deleted file mode 100644
index 9a8e475..0000000
--- a/src/app/showcase/doc/dropdown/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { DropdownModule } from 'primeng/dropdown';`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/invaliddoc.ts b/src/app/showcase/doc/dropdown/invaliddoc.ts
deleted file mode 100644
index 24fd9f2..0000000
--- a/src/app/showcase/doc/dropdown/invaliddoc.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-invalid-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-dirty</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-dropdown [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" [showClear]="true" placeholder="Select a City" class="ng-dirty ng-invalid" />
-        </div>
-        <app-code [code]="code" selector="dropdown-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc implements OnInit {
-    cities: City[];
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-dropdown 
-    [options]="cities"
-    [(ngModel)]="selectedCity"
-    optionLabel="name"
-    [showClear]="true" 
-    placeholder="Select a City" 
-    class="ng-dirty ng-invalid" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-dropdown 
-        [options]="cities"
-        [(ngModel)]="selectedCity"
-        optionLabel="name" 
-        [showClear]="true" 
-        placeholder="Select a City" 
-        class="ng-dirty ng-invalid" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-
-interface City {
-    name: string;
-    code: string;
-}
-@Component({
-    selector: 'dropdown-invalid-demo',
-    templateUrl: './dropdown-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, DropdownModule]
-})
-export class DropdownInvalidDemo implements OnInit {
-    cities: City[] | undefined;
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/lazyvirtualscrolldoc.ts b/src/app/showcase/doc/dropdown/lazyvirtualscrolldoc.ts
deleted file mode 100644
index 2800e8f..0000000
--- a/src/app/showcase/doc/dropdown/lazyvirtualscrolldoc.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-import { Component } from '@angular/core';
-import { ScrollerOptions, SelectItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dropdown-lazy-virtualscroll-demo',
-    template: `
-        <div class="card flex justify-center">
-            <p-dropdown [options]="items" [(ngModel)]="selectedItem" placeholder="Select Item" [virtualScroll]="true" [virtualScrollItemSize]="38" [virtualScrollOptions]="options" />
-        </div>
-        <app-code [code]="code" selector="dropdown-lazy-virtualscroll-demo"></app-code>
-    `
-})
-export class LazyVirtualScrollDoc {
-    items: SelectItem[];
-
-    selectedItem: string | undefined;
-
-    loading: boolean = false;
-
-    loadLazyTimeout = null;
-
-    options: ScrollerOptions = {
-        delay: 250,
-        showLoader: true,
-        lazy: true,
-        onLazyLoad: this.onLazyLoad.bind(this)
-    };
-
-    constructor() {
-        this.items = [];
-        for (let i = 0; i < 10000; i++) {
-            this.items.push({ label: 'Item ' + i, value: 'Item ' + i });
-        }
-    }
-    onLazyLoad(event) {
-        this.loading = true;
-
-        if (this.loadLazyTimeout) {
-            clearTimeout(this.loadLazyTimeout);
-        }
-
-        //imitate delay of a backend call
-        this.loadLazyTimeout = setTimeout(
-            () => {
-                const { first, last } = event;
-                const items = [...this.items];
-
-                for (let i = first; i < last; i++) {
-                    items[i] = { label: `Item #${i}`, value: i };
-                }
-
-                this.items = items;
-                this.loading = false;
-            },
-            Math.random() * 1000 + 250
-        );
-    }
-
-    code: Code = {
-        basic: `<p-dropdown 
-    [options]="items" 
-    [(ngModel)]="selectedItem" 
-    placeholder="Select Item" 
-    [virtualScroll]="true" 
-    [virtualScrollItemSize]="38" 
-    [virtualScrollOptions]="options" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-dropdown 
-        [options]="items"
-        [(ngModel)]="selectedItem"
-        placeholder="Select Item"
-        [virtualScroll]="true"
-        [virtualScrollItemSize]="38"
-        [virtualScrollOptions]="options" />
-</div>`,
-
-        typescript: `import { SelectItem } from 'primeng/api';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-
-@Component({
-    selector: 'dropdown-lazy-virtualscroll-demo',
-    templateUrl: './dropdown-lazy-virtualscroll-demo.html',
-    standalone: true,
-    imports: [FormsModule, DropdownModule]
-})
-export class DropdownLazyVirtualscrollDemo {
-    items: SelectItem[];
-
-    selectedItem: string | undefined;
-
-    loading: boolean = false;
-
-    loadLazyTimeout = null;
-
-    options: ScrollerOptions = {
-        delay: 250,
-        showLoader: true,
-        lazy: true,
-        onLazyLoad: this.onLazyLoad.bind(this)
-    };
-
-    constructor() {
-        this.items = [];
-        for (let i = 0; i < 10000; i++) {
-            this.items.push({ label: 'Item ' + i, value: 'Item ' + i });
-        }
-    }
-    onLazyLoad(event) {
-        this.loading = true;
-
-        if (this.loadLazyTimeout) {
-            clearTimeout(this.loadLazyTimeout);
-        }
-
-        //imitate delay of a backend call
-        this.loadLazyTimeout = setTimeout(() => {
-            const { first, last } = event;
-            const items = [...this.items];
-
-            for (let i = first; i < last; i++) {
-                items[i] = { label: \`Item #\${i}\`, value: i };
-            }
-
-            this.items = items;
-            this.loading = false;
-        }, Math.random() * 1000 + 250);
-    }
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/loadingstatedoc.ts b/src/app/showcase/doc/dropdown/loadingstatedoc.ts
deleted file mode 100644
index 55c1106..0000000
--- a/src/app/showcase/doc/dropdown/loadingstatedoc.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-loading-state-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Loading state can be used <i>loading</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-dropdown [options]="cities" [(ngModel)]="selectedCity" [loading]="true" optionLabel="name" placeholder="Loading..." />
-        </div>
-        <app-code [code]="code" selector="dropdown-loading-state-demo"></app-code>
-    `
-})
-export class LoadingStateDoc implements OnInit {
-    cities: City[];
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-dropdown 
-    [options]="cities" 
-    [(ngModel)]="selectedCity" 
-    [loading]="true"
-    optionLabel="name" 
-    placeholder="Select a City" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-dropdown 
-        [options]="cities" 
-        [(ngModel)]="selectedCity" 
-        [loading]="true"
-        optionLabel="name"
-        placeholder="Select a City" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-loading-state-demo',
-    templateUrl: './dropdown-loading-state-demo.html',
-    standalone: true,
-    imports: [FormsModule, DropdownModule]
-})
-export class DropdownLoadingStateDemo implements OnInit {
-    cities: City[] | undefined;
-
-    selectedCity: City | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/reactiveformsdoc.ts b/src/app/showcase/doc/dropdown/reactiveformsdoc.ts
deleted file mode 100644
index 7b0fa5b..0000000
--- a/src/app/showcase/doc/dropdown/reactiveformsdoc.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Dropdown can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <p-dropdown formControlName="selectedCity" [options]="cities" optionLabel="name" placeholder="Select a City" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="dropdown-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    cities: City[] | undefined;
-
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-
-        this.formGroup = new FormGroup({
-            selectedCity: new FormControl<City | null>(null)
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <p-dropdown 
-        formControlName="selectedCity" 
-        [options]="cities"
-        optionLabel="name"
-        placeholder="Select a City" />
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup">
-        <p-dropdown 
-            formControlName="selectedCity"
-            [options]="cities"
-            optionLabel="name"
-            placeholder="Select a City" />
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'dropdown-reactive-forms-demo',
-    templateUrl: './dropdown-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, DropdownModule]
-})
-export class DropdownReactiveFormsDemo implements OnInit {
-    cities: City[] | undefined;
-    
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-
-        this.formGroup = new FormGroup({
-            selectedCity: new FormControl<City | null>(null)
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/styledoc.ts b/src/app/showcase/doc/dropdown/styledoc.ts
deleted file mode 100644
index d16edc4..0000000
--- a/src/app/showcase/doc/dropdown/styledoc.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-dropdown</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dropdown-clearable</td>
-                        <td>Container element when showClear is on.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dropdown-label</td>
-                        <td>Element to display label of selected option.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dropdown-trigger</td>
-                        <td>Icon element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dropdown-panel</td>
-                        <td>Icon element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dropdown-items-wrapper</td>
-                        <td>Wrapper element of items list.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dropdown-items</td>
-                        <td>List element of items.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dropdown-item</td>
-                        <td>An item in the list.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dropdown-filter-container</td>
-                        <td>Container of filter input.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dropdown-filter</td>
-                        <td>Filter element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dropdown-open</td>
-                        <td>Container element when overlay is visible.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/dropdown/templatedoc.ts b/src/app/showcase/doc/dropdown/templatedoc.ts
deleted file mode 100644
index 3cea235..0000000
--- a/src/app/showcase/doc/dropdown/templatedoc.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dropdown-template-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Both the selected option and the options list can be templated to provide customizated representation. Use <i>selectedItem</i> template to customize the selected label display and the <i>item</i> template to change the content of the
-                options in the dropdown panel. In addition when grouping is enabled, <i>group</i> template is available to customize the option groups. All templates get the option instance as the default local template variable.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-dropdown [options]="countries" [(ngModel)]="selectedCountry" optionLabel="name" [showClear]="true" placeholder="Select a country">
-                <ng-template pTemplate="selectedItem" let-selectedOption>
-                    <div class="flex items-center gap-2" *ngIf="selectedOption">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + selectedOption.code.toLowerCase()" style="width: 18px" />
-                        <div>{{ selectedOption.name }}</div>
-                    </div>
-                </ng-template>
-                <ng-template let-country pTemplate="item">
-                    <div class="flex items-center gap-2">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" style="width: 18px" />
-                        <div>{{ country.name }}</div>
-                    </div>
-                </ng-template>
-            </p-dropdown>
-        </div>
-        <app-code [code]="code" selector="dropdown-template-demo"></app-code>
-    `
-})
-export class TemplateDoc implements OnInit {
-    countries: any[] | undefined;
-
-    selectedCountry: string | undefined;
-
-    ngOnInit() {
-        this.countries = [
-            { name: 'Australia', code: 'AU' },
-            { name: 'Brazil', code: 'BR' },
-            { name: 'China', code: 'CN' },
-            { name: 'Egypt', code: 'EG' },
-            { name: 'France', code: 'FR' },
-            { name: 'Germany', code: 'DE' },
-            { name: 'India', code: 'IN' },
-            { name: 'Japan', code: 'JP' },
-            { name: 'Spain', code: 'ES' },
-            { name: 'United States', code: 'US' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-dropdown 
-    [options]="countries" 
-    [(ngModel)]="selectedCountry"
-    optionLabel="name"
-    [showClear]="true"
-    placeholder="Select a Country">
-        <ng-template pTemplate="selectedItem">
-            <div class="flex items-center gap-2" *ngIf="selectedCountry">
-                <img 
-                    src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                    [class]="'flag flag-' + selectedCountry.code.toLowerCase()"
-                    style="width: 18px" />
-                <div>{{ selectedCountry.name }}</div>
-            </div>
-        </ng-template>
-        <ng-template let-country pTemplate="item">
-            <div class="flex items-center gap-2">
-                <img 
-                    src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                    [class]="'flag flag-' + country.code.toLowerCase()" 
-                    style="width: 18px" />
-                <div>{{ country.name }}</div>
-            </div>
-        </ng-template>
-</p-dropdown>`,
-
-        html: `<div class="card flex justify-center">
-    <p-dropdown 
-        [options]="countries" 
-        [(ngModel)]="selectedCountry"
-        optionLabel="name"
-        [showClear]="true"
-        placeholder="Select a Country">
-            <ng-template pTemplate="selectedItem">
-                <div class="flex items-center gap-2" *ngIf="selectedCountry">
-                    <img 
-                        src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                        [class]="'flag flag-' + selectedCountry.code.toLowerCase()"
-                        style="width: 18px" />
-                    <div>{{ selectedCountry.name }}</div>
-                </div>
-            </ng-template>
-            <ng-template let-country pTemplate="item">
-                <div class="flex items-center gap-2">
-                    <img 
-                        src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                        [class]="'flag flag-' + country.code.toLowerCase()"
-                        style="width: 18px" />
-                    <div>{{ country.name }}</div>
-                </div>
-            </ng-template>
-    </p-dropdown>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-
-@Component({
-    selector: 'dropdown-group-demo',
-    templateUrl: './dropdown-group-demo.html',
-    standalone: true,
-    imports: [FormsModule, DropdownModule]
-})
-export class DropdownTemplateDemo implements OnInit {
-    countries: any[] | undefined;
-
-    selectedCountry: string | undefined;
-
-    ngOnInit() {
-        this.countries = [
-            { name: 'Australia', code: 'AU' },
-            { name: 'Brazil', code: 'BR' },
-            { name: 'China', code: 'CN' },
-            { name: 'Egypt', code: 'EG' },
-            { name: 'France', code: 'FR' },
-            { name: 'Germany', code: 'DE' },
-            { name: 'India', code: 'IN' },
-            { name: 'Japan', code: 'JP' },
-            { name: 'Spain', code: 'ES' },
-            { name: 'United States', code: 'US' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dropdown/virtualscrolldoc.ts b/src/app/showcase/doc/dropdown/virtualscrolldoc.ts
deleted file mode 100644
index edfa689..0000000
--- a/src/app/showcase/doc/dropdown/virtualscrolldoc.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { Component } from '@angular/core';
-import { SelectItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dropdown-virtualscroll-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                VirtualScrolling is an efficient way of rendering the options by displaying a small subset of data in the viewport at any time. When dealing with huge number of options, it is suggested to enable VirtualScrolling to avoid performance
-                issues. Usage is simple as setting <i>virtualScroll</i> property to true and defining <i>virtualScrollItemSize</i> to specify the height of an item.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-dropdown [options]="items" [(ngModel)]="selectedItem" placeholder="Select Item" [virtualScroll]="true" [virtualScrollItemSize]="38" />
-        </div>
-        <app-code [code]="code" selector="dropdown-virtualscroll-demo"></app-code>
-    `
-})
-export class VirtualScrollDoc {
-    items: SelectItem[];
-
-    selectedItem: string | undefined;
-
-    constructor() {
-        this.items = [];
-        for (let i = 0; i < 10000; i++) {
-            this.items.push({ label: 'Item ' + i, value: 'Item ' + i });
-        }
-    }
-
-    code: Code = {
-        basic: `<p-dropdown 
-    [options]="items" 
-    [(ngModel)]="selectedItem" 
-    placeholder="Select Item" 
-    [virtualScroll]="true"
-    [virtualScrollItemSize]="38" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-dropdown 
-        [options]="items"
-        [(ngModel)]="selectedItem"
-        placeholder="Select Item"
-        [virtualScroll]="true"
-        [virtualScrollItemSize]="38" />
-</div>`,
-
-        typescript: `import { SelectItem } from 'primeng/api';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-
-@Component({
-    selector: 'dropdown-virtualscroll-demo',
-    templateUrl: './dropdown-virtualscroll-demo.html',
-    standalone: true,
-    imports: [FormsModule, DropdownModule]
-})
-export class DropdownVirtualscrollDemo {
-    items: SelectItem[];
-    
-    selectedItem: string | undefined;
-
-    constructor() {
-        this.items = [];
-        for (let i = 0; i < 10000; i++) {
-            this.items.push({ label: 'Item ' + i, value: 'Item ' + i });
-        }
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dynamicdialog/closedoc.ts b/src/app/showcase/doc/dynamicdialog/closedoc.ts
deleted file mode 100644
index c12edc2..0000000
--- a/src/app/showcase/doc/dynamicdialog/closedoc.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductListDemo } from './productlistdemo';
-
-@Component({
-    selector: 'close-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Most of the time, requirement is returning a value from the dialog. DialogRef's close method is used for this purpose where the parameter passed will be available at the <i>onClose</i> event at the caller. Here is an example on how to
-                close the dialog from the ProductListDemo by passing a selected product.
-            </p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `,
-    providers: [DialogService, MessageService]
-})
-export class CloseDoc {
-    constructor(
-        public dialogService: DialogService,
-        public messageService: MessageService
-    ) {}
-
-    ref: DynamicDialogRef | undefined;
-
-    show() {
-        this.ref = this.dialogService.open(ProductListDemo, {
-            header: 'Select a Product',
-            width: '70%',
-            contentStyle: { overflow: 'auto' },
-            baseZIndex: 10000,
-            maximizable: true
-        });
-
-        this.ref.onClose.subscribe((product: Product) => {
-            if (product) {
-                this.messageService.add({ severity: 'info', summary: 'Product Selected', detail: product.name });
-            }
-        });
-    }
-
-    code: Code = {
-        typescript: `
-import { Component, Input } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { Product } from '@domain/product';
-import { ProductListDemo } from './productlistdemo';
-
-@Component({
-    templateUrl: './dynamicdialogdemo.html',
-    providers: [DialogService, MessageService]
-})
-export class DynamicDialogDemo {
-
-    ref: DynamicDialogRef | undefined;
-    
-    constructor(public dialogService: DialogService, public messageService: MessageService) {}
-
-    show() {
-        this.ref = this.dialogService.open(ProductListDemo, {
-            header: 'Select a Product',
-            width: '70%',
-            contentStyle: { overflow: 'auto' },
-            baseZIndex: 10000,
-            maximizable: true
-        });
-
-        this.ref.onClose.subscribe((product: Product) => {
-            if (product) {
-                this.messageService.add({ severity: 'info', summary: 'Product Selected', detail: product.name });
-            }
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dynamicdialog/customizationdoc.ts b/src/app/showcase/doc/dynamicdialog/customizationdoc.ts
deleted file mode 100644
index 46926d2..0000000
--- a/src/app/showcase/doc/dynamicdialog/customizationdoc.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Component } from '@angular/core';
-import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { Code } from '@domain/code';
-import { ProductListDemo } from './productlistdemo';
-
-@Component({
-    selector: 'customization-doc',
-    template: `
-        <app-docsectiontext>
-            <p>DynamicDialog uses the Dialog component internally, visit <a [routerLink]="'/dialog'">dialog</a> for more information about the available props.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `,
-    providers: [DialogService]
-})
-export class CustomizationDoc {
-    ref: DynamicDialogRef | undefined;
-
-    constructor(public dialogService: DialogService) {}
-
-    show() {
-        this.ref = this.dialogService.open(ProductListDemo, {
-            header: 'Select a Product',
-            width: '50vw',
-            modal: true,
-            breakpoints: {
-                '960px': '75vw',
-                '640px': '90vw'
-            }
-        });
-    }
-
-    code: Code = {
-        typescript: `
-import { Component } from '@angular/core';
-import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { ProductListDemo } from './productlistdemo';
-
-@Component({
-    templateUrl: './dynamicdialogdemo.html',
-    providers: [DialogService]
-})
-export class CustomizationDemo {
-
-    ref: DynamicDialogRef | undefined;
-    
-    constructor(public dialogService: DialogService) {}
-    show() {
-        this.ref = this.dialogService.open(ProductListDemo, {
-            header: 'Select a Product',
-            width: '50vw',
-            modal:true,
-            breakpoints: {
-                '960px': '75vw',
-                '640px': '90vw'
-            },
-        });
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dynamicdialog/dynamicdialogdoc.module.ts b/src/app/showcase/doc/dynamicdialog/dynamicdialogdoc.module.ts
deleted file mode 100644
index ecc8c7b..0000000
--- a/src/app/showcase/doc/dynamicdialog/dynamicdialogdoc.module.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FormsModule } from '@angular/forms';
-import { DialogModule } from 'primeng/dialog';
-import { ButtonModule } from 'primeng/button';
-import { TableModule } from 'primeng/table';
-import { ToastModule } from 'primeng/toast';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { OpenDoc } from './opendoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { ProductListDemo } from './productlistdemo';
-import { ExampleDoc } from './exampledoc';
-import { UsageDoc } from './usagedoc';
-import { PassingDataDoc } from './passingdatadoc';
-import { CloseDoc } from './closedoc';
-import { TagModule } from 'primeng/tag';
-import { InfoDemo } from './infodemo';
-import { CustomizationDoc } from './customizationdoc';
-import { Footer } from './footer';
-@NgModule({
-    imports: [CommonModule, AppCodeModule, RouterModule, FormsModule, TagModule, DialogModule, ButtonModule, AppDocModule, ToastModule, TableModule],
-    declarations: [OpenDoc, Footer, ImportDoc, StyleDoc, ExampleDoc, ProductListDemo, UsageDoc, PassingDataDoc, CloseDoc, StyleDoc, InfoDemo, CustomizationDoc],
-    exports: [AppDocModule]
-})
-export class DynamicDialogDocModule {}
diff --git a/src/app/showcase/doc/dynamicdialog/exampledoc.ts b/src/app/showcase/doc/dynamicdialog/exampledoc.ts
deleted file mode 100644
index 308f7c6..0000000
--- a/src/app/showcase/doc/dynamicdialog/exampledoc.ts
+++ /dev/null
@@ -1,317 +0,0 @@
-import { Component, OnDestroy } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { Code } from '@domain/code';
-import { ProductListDemo } from './productlistdemo';
-import { Footer } from './footer';
-
-@Component({
-    selector: 'dynamic-dialog-example-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Dynamic dialogs require an instance of a <i>DialogService</i> that is responsible for displaying a dialog with a component as its content. Calling <i>open</i> method of <i>DialogService</i> will display dynamic dialog. First parameter
-                of <i>open</i> method is the type of component to load and the second parameter is the configuration of the Dialog such as <i>header</i>, <i>width</i> and more.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-button (onClick)="show()" icon="pi pi-search" label="Select a Product" />
-        </div>
-        <app-code [code]="code" selector="dynamic-dialog-example-demo" [extFiles]="extFiles" [routeFiles]="routeFiles"></app-code>
-    `,
-    providers: [DialogService, MessageService]
-})
-export class ExampleDoc implements OnDestroy {
-    constructor(
-        public dialogService: DialogService,
-        public messageService: MessageService
-    ) {}
-
-    ref: DynamicDialogRef | undefined;
-
-    show() {
-        this.ref = this.dialogService.open(ProductListDemo, {
-            header: 'Select a Product',
-            width: '50vw',
-            contentStyle: { overflow: 'auto' },
-            breakpoints: {
-                '960px': '75vw',
-                '640px': '90vw'
-            },
-            templates: {
-                footer: Footer
-            }
-        });
-
-        this.ref.onClose.subscribe((data: any) => {
-            let summary_and_detail;
-            if (data) {
-                const buttonType = data?.buttonType;
-                summary_and_detail = buttonType ? { summary: 'No Product Selected', detail: `Pressed '${buttonType}' button` } : { summary: 'Product Selected', detail: data?.name };
-            } else {
-                summary_and_detail = { summary: 'No Product Selected', detail: 'Pressed Close button' };
-            }
-            this.messageService.add({ severity: 'info', ...summary_and_detail, life: 3000 });
-        });
-
-        this.ref.onMaximize.subscribe((value) => {
-            this.messageService.add({ severity: 'info', summary: 'Maximized', detail: `maximized: ${value.maximized}` });
-        });
-    }
-
-    ngOnDestroy() {
-        if (this.ref) {
-            this.ref.close();
-        }
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-button (onClick)="show()" icon="pi pi-search" label="Select a Product" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-toast />
-    <p-button (onClick)="show()" icon="pi pi-search" label="Select a Product" />
-</div>`,
-
-        typescript: `import { Component, OnDestroy } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { ProductListDemo } from './demo/productlistdemo';
-import { Footer } from './demo/footer';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'dynamic-dialog-example-demo',
-    templateUrl: './dynamic-dialog-example-demo.html',
-    imports: [DynamicDialogModule, ToastModule, ButtonModule],
-    providers: [DialogService, MessageService],
-    standalone: true,
-})
-export class DynamicDialogExampleDemo implements OnDestroy {
-
-    constructor(public dialogService: DialogService, public messageService: MessageService) {}
-
-    ref: DynamicDialogRef | undefined;
-
-    show() {
-        this.ref = this.dialogService.open(ProductListDemo, {
-            header: 'Select a Product',
-            width: '50vw',
-            contentStyle: { overflow: 'auto' },
-            breakpoints: {
-                '960px': '75vw',
-                '640px': '90vw'
-            },
-            templates: {
-                footer: Footer
-            }
-        });
-
-        this.ref.onClose.subscribe((data: any) => {
-            let summary_and_detail;
-            if (data) {
-                const buttonType = data?.buttonType;
-                summary_and_detail = buttonType ? { summary: 'No Product Selected', detail: \`Pressed '\${buttonType}' button\` } : { summary: 'Product Selected', detail: data?.name };
-            } else {
-                summary_and_detail = { summary: 'No Product Selected', detail: 'Pressed Close button' };
-            }
-            this.messageService.add({ severity: 'info', ...summary_and_detail, life: 3000 });
-        });
-
-        this.ref.onMaximize.subscribe((value) => {
-            this.messageService.add({ severity: 'info', summary: 'Maximized', detail: \`maximized: \${value.maximized}\` });
-        });
-    }
-
-    ngOnDestroy() {
-        if (this.ref) {
-            this.ref.close();
-        }
-    }
-}`,
-
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-
-    routeFiles = [
-        {
-            path: 'src/app/demo/productlistdemo.ts',
-            name: 'ProductListDemo',
-            content: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { MessageService } from 'primeng/api';
-import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { InfoDemo } from './infodemo';
-import { TableModule } from 'primeng/table'
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    providers: [DialogService, MessageService, ProductService],
-    standalone:true,
-    imports:[TableModule, ButtonModule],
-    template: \`<div class="flex justify-end mt-1 mb-3">
-            <p-button icon="pi pi-external-link" label="Nested Dialog" [outlined]="true" severity="success" (onClick)="showInfo()" />
-        </div>
-        <p-table [value]="products" responsiveLayout="scroll" [rows]="5" [responsive]="true">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th pSortableColumn="code">Code</th>
-                    <th pSortableColumn="name">Name</th>
-                    <th pSortableColumn="year">Image</th>
-                    <th pSortableColumn="price">Category</th>
-                    <th pSortableColumn="inventoryStatus">Quantity</th>
-                    <th style="width:4em"></th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-product>
-                <tr>
-                    <td>{{ product.code }}</td>
-                    <td>{{ product.name }}</td>
-                    <td><img src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" [alt]="product.image" class="!w-4 !h-4 shadow-2" /></td>
-                    <td>{{ product.category }}</td>
-                    <td>
-                        {{ product.quantity }}
-                    </td>
-                    <td>
-                        <p-button type="button" [text]="true" [rounded]="true" icon="pi pi-plus" (onClick)="selectProduct(product)" />
-                    </td>
-                </tr>
-            </ng-template>
-        </p-table>\`
-})
-export class ProductListDemo implements OnInit {
-    products: Product[];
-
-    constructor(private productService: ProductService, private dialogService: DialogService, private ref: DynamicDialogRef) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((products) => (this.products = products.slice(0, 5)));
-    }
-
-    selectProduct(product: Product) {
-        this.ref.close(product);
-    }
-
-    showInfo() {
-        this.dialogService.open(InfoDemo, {
-            header: 'Information',
-            modal: true,
-            dismissableMask: true,
-            data: {
-                totalProducts: this.products ? this.products.length : 0
-            }
-        });
-    }
-
-    closeDialog(data) {
-        this.ref.close(data);
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-}`
-        },
-        {
-            path: 'src/app/demo/infodemo.ts',
-            name: 'InfoDemo',
-            content: `import { Component} from '@angular/core';
-import { DialogService, DynamicDialogComponent, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { MessageService } from 'primeng/api';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    providers: [DialogService, MessageService],
-    standalone: true,
-    imports:[ButtonModule],
-    template: \`<div>
-    <p>
-        There are <strong>{{ totalProducts }}</strong> products in total in this list.
-    </p>
-    <div class="flex justify-end">
-        <p-button type="button" label="Close" (onClick)="close()" />
-    </div>
-</div>\`
-})
-export class InfoDemo {
-    totalProducts: number = 0;
-
-    instance: DynamicDialogComponent | undefined;
-
-    constructor(public ref: DynamicDialogRef, private dialogService: DialogService) {
-        this.instance = this.dialogService.getInstance(this.ref);
-    }
-
-    ngOnInit() {
-        if (this.instance && this.instance.data) {
-            this.totalProducts = this.instance.data['totalProducts'];
-        }
-    }
-
-    close() {
-        this.ref.close();
-    }
-
-    ngOnDestroy() {
-        if (this.ref) {
-            this.ref.close();
-        }
-    }
-}`
-        },
-        {
-            path: 'src/app/demo/footer.ts',
-            name: 'Footer',
-            content: `import { Component } from '@angular/core';
-import { DynamicDialogRef } from 'primeng/dynamicdialog';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'footer',
-    standalone: true,
-    imports: [ButtonModule],
-    template:  \`
-        <div class="flex w-full justify-end mt-3">
-            <p-button type="button" label="Cancel" icon="pi pi-times" (onClick)="closeDialog({ buttonType: 'Cancel', summary: 'No Product Selected' })" />
-        </div> \`
-})
-export class Footer {
-    constructor(public ref: DynamicDialogRef) {}
-
-    closeDialog(data) {
-        this.ref.close(data);
-    }
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/dynamicdialog/footer.ts b/src/app/showcase/doc/dynamicdialog/footer.ts
deleted file mode 100644
index 40d74ee..0000000
--- a/src/app/showcase/doc/dynamicdialog/footer.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Component } from '@angular/core';
-import { DynamicDialogRef } from 'primeng/dynamicdialog';
-
-@Component({
-    selector: 'footer',
-    template: `
-        <div class="flex w-full justify-end mt-3">
-            <p-button type="button" label="Cancel" icon="pi pi-times" (onClick)="closeDialog({ buttonType: 'Cancel', summary: 'No Product Selected' })"></p-button>
-        </div>
-    `
-})
-export class Footer {
-    constructor(public ref: DynamicDialogRef) {}
-
-    closeDialog(data) {
-        this.ref.close(data);
-    }
-}
diff --git a/src/app/showcase/doc/dynamicdialog/importdoc.ts b/src/app/showcase/doc/dynamicdialog/importdoc.ts
deleted file mode 100644
index 3398089..0000000
--- a/src/app/showcase/doc/dynamicdialog/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { DynamicDialogModule } from 'primeng/dynamicdialog';`
-    };
-}
diff --git a/src/app/showcase/doc/dynamicdialog/infodemo.ts b/src/app/showcase/doc/dynamicdialog/infodemo.ts
deleted file mode 100644
index b51cb89..0000000
--- a/src/app/showcase/doc/dynamicdialog/infodemo.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { DialogService, DynamicDialogComponent, DynamicDialogRef } from 'primeng/dynamicdialog';
-
-@Component({
-    template: `
-        <div>
-            <p>
-                There are <strong>{{ totalProducts }}</strong> products in total in this list.
-            </p>
-            <div class="flex justify-end">
-                <p-button type="button" label="Close" (onClick)="close()"></p-button>
-            </div>
-        </div>
-    `
-})
-export class InfoDemo implements OnInit {
-    totalProducts: number = 0;
-
-    instance: DynamicDialogComponent | undefined;
-
-    constructor(
-        public ref: DynamicDialogRef,
-        private dialogService: DialogService
-    ) {
-        this.instance = this.dialogService.getInstance(this.ref);
-    }
-
-    ngOnInit() {
-        if (this.instance && this.instance.data) {
-            this.totalProducts = this.instance.data['totalProducts'];
-        }
-    }
-
-    close() {
-        this.ref.close();
-    }
-
-    ngOnDestroy() {
-        if (this.ref) {
-            this.ref.close();
-        }
-    }
-}
diff --git a/src/app/showcase/doc/dynamicdialog/opendoc.ts b/src/app/showcase/doc/dynamicdialog/opendoc.ts
deleted file mode 100644
index bcfb98c..0000000
--- a/src/app/showcase/doc/dynamicdialog/opendoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { Code } from '@domain/code';
-import { ProductListDemo } from './productlistdemo';
-
-@Component({
-    selector: 'open-doc',
-    template: `
-        <app-docsectiontext>
-            <p>The <i>open</i> method of the <i>DialogService</i> is used to open a Dialog. First parameter is the component to load and second one is the configuration object to customize the Dialog.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `,
-    providers: [DialogService]
-})
-export class OpenDoc {
-    constructor(public dialogService: DialogService) {}
-
-    ref: DynamicDialogRef | undefined;
-
-    show() {
-        this.ref = this.dialogService.open(ProductListDemo, { header: 'Select a Product' });
-    }
-
-    code: Code = {
-        typescript: `
-import { Component } from '@angular/core';
-import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { ProductListDemo } from './productlistdemo';
-
-@Component({
-    templateUrl: './dynamicdialogdemo.html',
-    providers: [DialogService]
-})
-export class DynamicDialogDemo {
-
-    ref: DynamicDialogRef | undefined;
-    
-    constructor(public dialogService: DialogService) {}
-
-    show() {
-        this.ref = this.dialogService.open(ProductListDemo, { header: 'Select a Product'});
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dynamicdialog/passingdatadoc.ts b/src/app/showcase/doc/dynamicdialog/passingdatadoc.ts
deleted file mode 100644
index 6e72ffc..0000000
--- a/src/app/showcase/doc/dynamicdialog/passingdatadoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component } from '@angular/core';
-import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { Code } from '@domain/code';
-import { ProductListDemo } from './productlistdemo';
-
-@Component({
-    selector: 'passingdata-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                In case you need to pass data to the component that is dynamically loaded, use the <i>data</i> property that can be access using the DynamicDialogConfig class. In additon, the loaded component can also control the Dialog using the
-                DynamicDialogRef API. Both the DynamicDialogConfig and DynamicDialogRef are injectable using the constructor.
-            </p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `,
-    providers: [DialogService]
-})
-export class PassingDataDoc {
-    ref: DynamicDialogRef | undefined;
-
-    constructor(public dialogService: DialogService) {}
-
-    show() {
-        this.ref = this.dialogService.open(ProductListDemo, {
-            data: {
-                id: '51gF3'
-            },
-            header: 'Select a Product'
-        });
-    }
-
-    code: Code = {
-        typescript: `
-import { Component } from '@angular/core';
-import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { ProductListDemo } from './productlistdemo';
-
-@Component({
-    templateUrl: './dynamicdialogdemo.html',
-    providers: [DialogService]
-})
-export class DynamicDialogDemo {
-
-    ref: DynamicDialogRef | undefined;
-    
-    constructor(public dialogService: DialogService) {}
-
-    show() {
-        this.ref = this.dialogService.open(ProductListDemo, { 
-            data: {
-                id: '51gF3'
-            },
-            header: 'Select a Product'
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/dynamicdialog/productlistdemo.ts b/src/app/showcase/doc/dynamicdialog/productlistdemo.ts
deleted file mode 100644
index 458dbc6..0000000
--- a/src/app/showcase/doc/dynamicdialog/productlistdemo.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { InfoDemo } from './infodemo';
-@Component({
-    template: ` <div class="flex justify-end mt-1 mb-3">
-            <p-button icon="pi pi-external-link" label="Nested Dialog" [outlined]="true" severity="success" (onClick)="showInfo()" />
-        </div>
-        <p-table [value]="products" responsiveLayout="scroll" [rows]="5" [responsive]="true">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th pSortableColumn="code">Code</th>
-                    <th pSortableColumn="name">Name</th>
-                    <th pSortableColumn="year">Image</th>
-                    <th pSortableColumn="price">Category</th>
-                    <th pSortableColumn="inventoryStatus">Quantity</th>
-                    <th style="width:4em"></th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-product>
-                <tr>
-                    <td>{{ product.code }}</td>
-                    <td>{{ product.name }}</td>
-                    <td><img src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" [alt]="product.image" class="!w-4 !h-4 shadow-2" /></td>
-                    <td>{{ product.category }}</td>
-                    <td>
-                        {{ product.quantity }}
-                    </td>
-                    <td>
-                        <p-button type="button" [text]="true" [rounded]="true" icon="pi pi-plus" (onClick)="selectProduct(product)"></p-button>
-                    </td>
-                </tr>
-            </ng-template>
-        </p-table>`
-})
-export class ProductListDemo implements OnInit {
-    products: Product[];
-
-    constructor(
-        private productService: ProductService,
-        private dialogService: DialogService,
-        private ref: DynamicDialogRef
-    ) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((products) => (this.products = products.slice(0, 5)));
-    }
-
-    selectProduct(product: Product) {
-        this.ref.close(product);
-    }
-
-    showInfo() {
-        this.dialogService.open(InfoDemo, {
-            header: 'Information',
-            modal: true,
-            dismissableMask: true,
-            data: {
-                totalProducts: this.products ? this.products.length : 0
-            }
-        });
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-}
diff --git a/src/app/showcase/doc/dynamicdialog/styledoc.ts b/src/app/showcase/doc/dynamicdialog/styledoc.ts
deleted file mode 100644
index 6ff6922..0000000
--- a/src/app/showcase/doc/dynamicdialog/styledoc.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-dialog</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-dynamicdialog</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-dialog-titlebar</td>
-                        <td>Container of header.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dialog-title</td>
-                        <td>Header element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dialog-titlebar-icon</td>
-                        <td>Icon container inside header.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dialog-titlebar-close</td>
-                        <td>Close icon element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dialog-content</td>
-                        <td>Content element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-dialog-footer</td>
-                        <td>Footer element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/dynamicdialog/usagedoc.ts b/src/app/showcase/doc/dynamicdialog/usagedoc.ts
deleted file mode 100644
index 5b970f9..0000000
--- a/src/app/showcase/doc/dynamicdialog/usagedoc.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Component } from '@angular/core';
-import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'usage-doc',
-    template: `
-        <app-docsectiontext>
-            <p>To use dynamic dialog, a reference should be declared as <i>DynamicDialogRef</i> after the <i>DialogService</i> injected into the component.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `,
-    providers: [DialogService]
-})
-export class UsageDoc {
-    ref: DynamicDialogRef | undefined;
-
-    constructor(public dialogService: DialogService) {}
-
-    code: Code = {
-        typescript: `
-import { Component, OnDestroy } from '@angular/core';
-import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { Product } from '@domain/product';
-import { ProductListDemo } from './productlistdemo';
-
-@Component({
-    templateUrl: './dynamicdialogdemo.html',
-    providers: [DialogService]
-})
-export class DynamicDialogDemo implements OnDestroy {
-    
-    ref: DynamicDialogRef | undefined;
-
-    constructor(public dialogService: DialogService) {}
-}`
-    };
-}
diff --git a/src/app/showcase/doc/editor/accessibilitydoc.ts b/src/app/showcase/doc/editor/accessibilitydoc.ts
deleted file mode 100644
index f62219c..0000000
--- a/src/app/showcase/doc/editor/accessibilitydoc.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <p>
-                Quill performs generally well in terms of accessibility. The elements in the toolbar can be tabbed and have the necessary ARIA roles/attributes for screen readers. One known limitation is the lack of arrow key support for
-                <a href="https://github.com/quilljs/quill/issues/1031">dropdowns</a> in the toolbar that may be overcome with a custom toolbar.
-            </p>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/editor/basicdoc.ts b/src/app/showcase/doc/editor/basicdoc.ts
deleted file mode 100644
index 99172f3..0000000
--- a/src/app/showcase/doc/editor/basicdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'editor-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Editor provides a default toolbar with common options, to customize it define your elements inside the header element. Refer to <a href="http://quilljs.com/docs/modules/toolbar/">Quill documentation</a> for available controls.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-editor [(ngModel)]="text" [style]="{ height: '320px' }" />
-        </div>
-        <app-code [code]="code" selector="editor-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    text: string | undefined;
-
-    code: Code = {
-        basic: `<p-editor [(ngModel)]="text" [style]="{ height: '320px' }" />`,
-
-        html: `<div class="card">
-    <p-editor [(ngModel)]="text" [style]="{ height: '320px' }" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { EditorModule } from 'primeng/editor';
-
-@Component({
-    selector: 'editor-basic-demo',
-    templateUrl: './editor-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, EditorModule]
-})
-export class EditorBasicDemo {
-    text: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/editor/customtoolbardoc.ts b/src/app/showcase/doc/editor/customtoolbardoc.ts
deleted file mode 100644
index 9e5fa3a..0000000
--- a/src/app/showcase/doc/editor/customtoolbardoc.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'editor-customtoolbar-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Editor provides a default toolbar with common options, to customize it define your elements inside the header element. Refer to <a href="http://quilljs.com/docs/modules/toolbar/">Quill documentation</a> for available controls.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-editor [(ngModel)]="text" [style]="{ height: '320px' }">
-                <ng-template pTemplate="header">
-                    <span class="ql-formats">
-                        <button type="button" class="ql-bold" aria-label="Bold"></button>
-                        <button type="button" class="ql-italic" aria-label="Italic"></button>
-                        <button type="button" class="ql-underline" aria-label="Underline"></button>
-                    </span>
-                </ng-template>
-            </p-editor>
-        </div>
-        <app-code [code]="code" selector="editor-customtoolbar-demo"></app-code>
-    `
-})
-export class CustomToolbarDoc {
-    text: string = '<div>Hello World!</div><div>PrimeNG <b>Editor</b> Rocks</div><div><br></div>';
-
-    code: Code = {
-        basic: `<p-editor [(ngModel)]="text" [style]="{ height: '320px' }">
-    <ng-template pTemplate="header">
-        <span class="ql-formats">
-            <button type="button" class="ql-bold" aria-label="Bold"></button>
-            <button type="button" class="ql-italic" aria-label="Italic"></button>
-            <button type="button" class="ql-underline" aria-label="Underline"></button>
-        </span>
-    </ng-template>
-</p-editor>`,
-
-        html: `<div class="card">
-    <p-editor [(ngModel)]="text" [style]="{ height: '320px' }">
-        <ng-template pTemplate="header">
-            <span class="ql-formats">
-                <button type="button" class="ql-bold" aria-label="Bold"></button>
-                <button type="button" class="ql-italic" aria-label="Italic"></button>
-                <button type="button" class="ql-underline" aria-label="Underline"></button>
-            </span>
-        </ng-template>
-    </p-editor>
-</div>`,
-
-        typescript: `
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'editor-customtoolbar-demo',
-    templateUrl: './editor-customtoolbar-demo.html'
-})
-export class EditorCustomtoolbarDemo {
-    text: string = '<div>Hello World!</div><div>PrimeNG <b>Editor</b> Rocks</div><div><br></div>';
-}`
-    };
-}
diff --git a/src/app/showcase/doc/editor/editordoc.module.ts b/src/app/showcase/doc/editor/editordoc.module.ts
deleted file mode 100644
index b5d45a3..0000000
--- a/src/app/showcase/doc/editor/editordoc.module.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { DropdownModule } from 'primeng/dropdown';
-import { ImportDoc } from './importdoc';
-import { QuillDoc } from './quilldoc';
-import { BasicDoc } from './basicdoc';
-import { EditorModule } from 'primeng/editor';
-import { ReadOnlyDoc } from './readonlydoc';
-import { CustomToolbarDoc } from './customtoolbardoc';
-import { StyleDoc } from './styledoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, EditorModule, FormsModule, DropdownModule, ReactiveFormsModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, QuillDoc, BasicDoc, ReadOnlyDoc, CustomToolbarDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc]
-})
-export class EditorDocModule {}
diff --git a/src/app/showcase/doc/editor/importdoc.ts b/src/app/showcase/doc/editor/importdoc.ts
deleted file mode 100644
index 605ba8a..0000000
--- a/src/app/showcase/doc/editor/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { EditorModule } from 'primeng/editor';`
-    };
-}
diff --git a/src/app/showcase/doc/editor/quilldoc.ts b/src/app/showcase/doc/editor/quilldoc.ts
deleted file mode 100644
index 5d9188d..0000000
--- a/src/app/showcase/doc/editor/quilldoc.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'quill-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Editor uses <a href="https://quilljs.com/">Quill</a> editor underneath so it needs to be installed as a dependency.</p>
-            <p>Also, core styles of the Quill should be imported in the project's root style file.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-        <div class="mt-3">
-            <app-code [code]="code2" [hideToggleCode]="true"></app-code>
-        </div>
-    `
-})
-export class QuillDoc {
-    code: Code = {
-        basic: `npm install quill`
-    };
-
-    code2: Code = {
-        basic: `// import Quill styles in styles.scss
-@import "../node_modules/quill/dist/quill.core.css";
-@import "../node_modules/quill/dist/quill.snow.css";`
-    };
-}
diff --git a/src/app/showcase/doc/editor/reactiveformsdoc.ts b/src/app/showcase/doc/editor/reactiveformsdoc.ts
deleted file mode 100644
index cf4f99c..0000000
--- a/src/app/showcase/doc/editor/reactiveformsdoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Editor can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <form [formGroup]="formGroup">
-                <p-editor formControlName="text" [style]="{ height: '320px' }" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="editor-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            text: new FormControl()
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <p-editor formControlName="text" [style]="{ height: '320px' }" />
-</form>`,
-
-        html: `<div class="card">
-    <form [formGroup]="formGroup">
-        <p-editor formControlName="text" [style]="{ height: '320px' }" />
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { EditorModule } from 'primeng/editor';
-
-@Component({
-    selector: 'editor-reactive-forms-demo',
-    templateUrl: './editor-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, EditorModule],
-  })
-export class EditorReactiveFormsDemo implements OnInit {
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            text: new FormControl()
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/editor/readonlydoc.ts b/src/app/showcase/doc/editor/readonlydoc.ts
deleted file mode 100644
index 2f35fc4..0000000
--- a/src/app/showcase/doc/editor/readonlydoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'editor-readonly-demo',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>readonly</i> is present, the value cannot be edited.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-editor [(ngModel)]="text" [readonly]="true" [style]="{ height: '320px' }" />
-        </div>
-        <app-code [code]="code" selector="editor-readonly-demo"></app-code>
-    `
-})
-export class ReadOnlyDoc {
-    text: string = 'Always bet on Prime!';
-
-    code: Code = {
-        basic: `<p-editor [(ngModel)]="text" [readonly]="true" [style]="{ height: '320px' }" />`,
-
-        html: `<div class="card">
-    <p-editor [(ngModel)]="text" [readonly]="true" [style]="{ height: '320px' }" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { EditorModule } from 'primeng/editor';
-
-@Component({
-    selector: 'editor-readonly-demo',
-    templateUrl: './editor-readonly-demo.html',
-    standalone: true,
-    imports: [FormsModule, EditorModule]
-})
-export class EditorReadonlyDemo {
-    text: string = 'Always bet on Prime!';
-}`
-    };
-}
diff --git a/src/app/showcase/doc/editor/styledoc.ts b/src/app/showcase/doc/editor/styledoc.ts
deleted file mode 100644
index f30cddc..0000000
--- a/src/app/showcase/doc/editor/styledoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-editor-container</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-editor-toolbar</td>
-                        <td>Toolbar of the editor</td>
-                    </tr>
-                    <tr>
-                        <td>p-editor-content</td>
-                        <td>Editable area</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/fieldset/accessibilitydoc.ts b/src/app/showcase/doc/fieldset/accessibilitydoc.ts
deleted file mode 100644
index c2e9057..0000000
--- a/src/app/showcase/doc/fieldset/accessibilitydoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Fieldset component uses the semantic <i>fieldset</i> element. When toggleable option is enabled, a clickable element with <i>button</i> role is included inside the <i>legend</i> element, this button has <i>aria-controls</i> to define
-                the id of the content section along with <i>aria-expanded</i> for the visibility state. The value to read the button defaults to the value of the <i>legend</i> property and can be customized by defining an <i>aria-label</i> or
-                <i>aria-labelledby</i> via the <i>toggleButtonProps</i> property.
-            </p>
-            <p>The content uses <i>region</i>, defines an id that matches the <i>aria-controls</i> of the content toggle button and <i>aria-labelledby</i> referring to the id of the header.</p>
-            <h3>Content Toggle Button Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Moves focus to the next the focusable element in the page tab sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>shift</i> + <i>tab</i></td>
-                            <td>Moves focus to the previous the focusable element in the page tab sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Toggles the visibility of the content.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Toggles the visibility of the content.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/fieldset/basicdoc.ts b/src/app/showcase/doc/fieldset/basicdoc.ts
deleted file mode 100644
index 2b85136..0000000
--- a/src/app/showcase/doc/fieldset/basicdoc.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'fieldset-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>PrimeIcons is available at npm, run the following command to download it to your project.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-fieldset legend="Header">
-                <p class="m-0">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                </p>
-            </p-fieldset>
-        </div>
-        <app-code [code]="code" selector="fieldset-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-fieldset legend="Header">
-    <p class="m-0">
-        Lorem ipsum dolor sit amet...
-    </p>
-</p-fieldset>`,
-
-        html: `<div class="card flex justify-center">
-    <p-fieldset legend="Header">
-        <p class="m-0">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-    </p-fieldset>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FieldsetModule } from 'primeng/fieldset';
-
-@Component({
-    selector: 'fieldset-basic-demo',
-    templateUrl: './fieldset-basic-demo.html',
-    standalone: true,
-    imports: [FieldsetModule]
-})
-export class FieldsetBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/fieldset/fieldsetdoc.module.ts b/src/app/showcase/doc/fieldset/fieldsetdoc.module.ts
deleted file mode 100644
index 328be32..0000000
--- a/src/app/showcase/doc/fieldset/fieldsetdoc.module.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FieldsetModule } from 'primeng/fieldset';
-import { AvatarModule } from 'primeng/avatar';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-import { ToggleableDoc } from './toggleabledoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, FieldsetModule, RouterModule, AvatarModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, ToggleableDoc, TemplateDoc, StyleDoc, AccessibilityDoc]
-})
-export class FieldsetDocModule {}
diff --git a/src/app/showcase/doc/fieldset/importdoc.ts b/src/app/showcase/doc/fieldset/importdoc.ts
deleted file mode 100644
index 79f1588..0000000
--- a/src/app/showcase/doc/fieldset/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { FieldsetModule } from 'primeng/fieldset';`
-    };
-}
diff --git a/src/app/showcase/doc/fieldset/styledoc.ts b/src/app/showcase/doc/fieldset/styledoc.ts
deleted file mode 100644
index 6a4afdf..0000000
--- a/src/app/showcase/doc/fieldset/styledoc.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-fieldset</td>
-                        <td>Fieldset element</td>
-                    </tr>
-                    <tr>
-                        <td>p-fieldset-toggleable</td>
-                        <td>Toggleable fieldset element</td>
-                    </tr>
-                    <tr>
-                        <td>p-fieldset-legend</td>
-                        <td>Legend element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-fieldset-content</td>
-                        <td>Content element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/fieldset/templatedoc.ts b/src/app/showcase/doc/fieldset/templatedoc.ts
deleted file mode 100644
index 3a0aa47..0000000
--- a/src/app/showcase/doc/fieldset/templatedoc.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'fieldset-template-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Header section can also be defined with custom content instead of primitive values.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-fieldset>
-                <ng-template pTemplate="header">
-                    <div class="flex items-center gap-2 px-2">
-                        <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" shape="circle" />
-                        <span class="font-bold">Amy Elsner</span>
-                    </div>
-                </ng-template>
-                <p class="m-0">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                </p>
-            </p-fieldset>
-        </div>
-        <app-code [code]="code" selector="fieldset-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    code: Code = {
-        basic: `<p-fieldset>
-    <ng-template pTemplate="header">
-        <div class="flex items-center gap-2 px-2">
-            <p-avatar 
-                image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" 
-                shape="circle" />
-            <span class="font-bold">Amy Elsner</span>
-        </div>
-    </ng-template>
-    <p class="m-0">
-        Lorem ipsum dolor sit amet...
-    </p>
-</p-fieldset>`,
-
-        html: `<div class="card">
-<p-fieldset>
-<ng-template pTemplate="header">
-    <div class="flex items-center gap-2 px-2">
-        <p-avatar 
-            image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" 
-            shape="circle" />
-        <span class="font-bold">Amy Elsner</span>
-    </div>
-</ng-template>
-<p class="m-0">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-</p>
-</p-fieldset>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FieldsetModule } from 'primeng/fieldset';
-import { AvatarModule } from 'primeng/avatar';
-
-@Component({
-    selector: 'fieldset-template-demo',
-    templateUrl: './fieldset-template-demo.html',
-    standalone: true,
-    imports: [FieldsetModule, AvatarModule]
-})
-export class FieldsetTemplateDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/fieldset/toggleabledoc.ts b/src/app/showcase/doc/fieldset/toggleabledoc.ts
deleted file mode 100644
index e2d4038..0000000
--- a/src/app/showcase/doc/fieldset/toggleabledoc.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'fieldset-toggleable-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Content of the fieldset can be expanded and collapsed using <i>toggleable</i> option, default state is defined with collapsed option.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-fieldset legend="Header" [toggleable]="true">
-                <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                </p>
-            </p-fieldset>
-        </div>
-        <app-code [code]="code" selector="fieldset-toggleable-demo"></app-code>
-    `
-})
-export class ToggleableDoc {
-    code: Code = {
-        basic: `<p-fieldset legend="Header" [toggleable]="true">
-    <p>
-        Lorem ipsum dolor sit amet...
-    </p>
-</p-fieldset>`,
-
-        html: `<div class="card flex justify-center">
-    <p-fieldset legend="Header" [toggleable]="true">
-        <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-    </p-fieldset>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FieldsetModule } from 'primeng/fieldset';
-
-@Component({
-    selector: 'fieldset-toggleable-demo',
-    templateUrl: './fieldset-toggleable-demo.html',
-    standalone: true,
-    imports: [FieldsetModule]
-})
-export class FieldsetToggleableDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/fileupload/accessibilitydoc.ts b/src/app/showcase/doc/fileupload/accessibilitydoc.ts
deleted file mode 100644
index 2e17d6a..0000000
--- a/src/app/showcase/doc/fileupload/accessibilitydoc.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: `
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>FileUpload uses a hidden native <i>input</i> element with <i>type="file"</i> for screen readers.</p>
-            <h3>Keyboard Support</h3>
-            <p>Interactive elements of the uploader are buttons, visit the <a routerLink="/button#accessibility">Button</a> accessibility section for more information.</p>
-        </app-docsectiontext>
-    `
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/fileupload/advanceddoc.ts b/src/app/showcase/doc/fileupload/advanceddoc.ts
deleted file mode 100644
index 7f429ac..0000000
--- a/src/app/showcase/doc/fileupload/advanceddoc.ts
+++ /dev/null
@@ -1,110 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-interface UploadEvent {
-    originalEvent: Event;
-    files: File[];
-}
-
-@Component({
-    selector: 'file-upload-advanced-demo',
-    template: `
-        <app-docsectiontext> <p>FileUpload is an advanced uploader with dragdrop support, multi file uploads, auto uploading, progress tracking and validations.</p></app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-fileUpload name="demo[]" url="https://www.primefaces.org/cdn/api/upload.php" (onUpload)="onUpload($event)" [multiple]="true" accept="image/*" maxFileSize="1000000" mode="advanced">
-                <ng-template pTemplate="toolbar">
-                    <div class="py-4">Drag and drop files here to upload.</div>
-                </ng-template>
-                <ng-template pTemplate="content">
-                    <ul *ngIf="uploadedFiles.length">
-                        <li *ngFor="let file of uploadedFiles">{{ file.name }} - {{ file.size }} bytes</li>
-                    </ul>
-                </ng-template>
-            </p-fileUpload>
-        </div>
-        <app-code [code]="code" selector="file-upload-advanced-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class AdvancedDoc {
-    uploadedFiles: any[] = [];
-
-    constructor(private messageService: MessageService) {}
-
-    onUpload(event: UploadEvent) {
-        for (let file of event.files) {
-            this.uploadedFiles.push(file);
-        }
-
-        this.messageService.add({ severity: 'info', summary: 'File Uploaded', detail: '' });
-    }
-
-    code: Code = {
-        basic: `<p-fileUpload 
-    name="demo[]" 
-    url="https://www.primefaces.org/cdn/api/upload.php" 
-    (onUpload)="onUpload($event)" 
-    [multiple]="true" 
-    accept="image/*" 
-    maxFileSize="1000000">
-        <ng-template pTemplate="content">
-            <ul *ngIf="uploadedFiles.length">
-                <li *ngFor="let file of uploadedFiles">
-                    {{ file.name }} - {{ file.size }} bytes
-                </li>
-            </ul>
-        </ng-template>
-</p-fileUpload>`,
-        html: `<div class="card flex justify-center">
-    <p-toast />
-    <p-fileUpload 
-        name="demo[]" 
-        url="https://www.primefaces.org/cdn/api/upload.php" 
-        (onUpload)="onUpload($event)" 
-        [multiple]="true" 
-        accept="image/*" 
-        maxFileSize="1000000">
-            <ng-template pTemplate="content">
-                <ul *ngIf="uploadedFiles.length">
-                    <li *ngFor="let file of uploadedFiles">
-                        {{ file.name }} - {{ file.size }} bytes
-                    </li>
-                </ul>
-            </ng-template>
-    </p-fileUpload>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { FileUploadModule } from 'primeng/fileupload';
-import { ToastModule } from 'primeng/toast';
-import { CommonModule } from '@angular/common';
-
-interface UploadEvent {
-    originalEvent: Event;
-    files: File[];
-}
-
-@Component({
-    selector: 'file-upload-advanced-demo',
-    templateUrl: './file-upload-advanced-demo.html',
-    standalone: true,
-    imports: [FileUploadModule, ToastModule, CommonModule],
-    providers: [MessageService]
-})
-export class FileUploadAdvancedDemo {
-    uploadedFiles: any[] = [];
-
-    constructor(private messageService: MessageService) {}
-
-    onUpload(event:UploadEvent) {
-        for(let file of event.files) {
-            this.uploadedFiles.push(file);
-        }
-
-        this.messageService.add({severity: 'info', summary: 'File Uploaded', detail: ''});
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/fileupload/autodoc.ts b/src/app/showcase/doc/fileupload/autodoc.ts
deleted file mode 100644
index 7523a05..0000000
--- a/src/app/showcase/doc/fileupload/autodoc.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-interface UploadEvent {
-    originalEvent: Event;
-    files: File[];
-}
-
-@Component({
-    selector: 'file-upload-auto-demo',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>auto</i> property is enabled, a file gets uploaded instantly after selection.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-fileUpload mode="basic" name="demo[]" chooseIcon="pi pi-upload" url="https://www.primefaces.org/cdn/api/upload.php" accept="image/*" maxFileSize="1000000" (onUpload)="onBasicUploadAuto($event)" [auto]="true" chooseLabel="Browse" />
-        </div>
-        <app-code [code]="code" selector="file-upload-auto-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class AutoDoc {
-    constructor(private messageService: MessageService) {}
-
-    onBasicUploadAuto(event: UploadEvent) {
-        this.messageService.add({ severity: 'info', summary: 'Success', detail: 'File Uploaded with Auto Mode' });
-    }
-
-    code: Code = {
-        basic: `<p-fileUpload 
-    mode="basic" 
-    name="demo[]" 
-    chooseIcon="pi pi-upload" 
-    url="https://www.primefaces.org/cdn/api/upload.php" 
-    accept="image/*" maxFileSize="1000000" 
-    (onUpload)="onBasicUploadAuto($event)" 
-    [auto]="true" 
-    chooseLabel="Browse" />`,
-        html: `<div class="card flex justify-center">
-    <p-toast />
-    <p-fileUpload 
-        mode="basic" 
-        name="demo[]" 
-        chooseIcon="pi pi-upload" 
-        url="https://www.primefaces.org/cdn/api/upload.php" 
-        accept="image/*" maxFileSize="1000000" 
-        (onUpload)="onBasicUploadAuto($event)" 
-        [auto]="true" 
-        chooseLabel="Browse" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { FileUploadModule } from 'primeng/fileupload';
-import { ToastModule } from 'primeng/toast';
-
-interface UploadEvent {
-    originalEvent: Event;
-    files: File[];
-}
-
-@Component({
-    selector: 'file-upload-auto-demo',
-    templateUrl: './file-upload-auto-demo.html',
-    standalone: true,
-    imports: [FileUploadModule, ToastModule],
-    providers: [MessageService]
-})
-export class FileUploadAutoDemo {
-    constructor(private messageService: MessageService) { }
-
-    onBasicUploadAuto(event: UploadEvent) {
-        this.messageService.add({ severity: 'info', summary: 'Success', detail: 'File Uploaded with Auto Mode' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/fileupload/basicdoc.ts b/src/app/showcase/doc/fileupload/basicdoc.ts
deleted file mode 100644
index 6c55a19..0000000
--- a/src/app/showcase/doc/fileupload/basicdoc.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-interface UploadEvent {
-    originalEvent: Event;
-    files: File[];
-}
-
-@Component({
-    selector: 'file-upload-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>FileUpload basic <i>mode</i> provides a simpler UI as an alternative to default advanced mode.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-fileUpload mode="basic" chooseLabel="Choose" chooseIcon="pi pi-upload" name="demo[]" url="https://www.primefaces.org/cdn/api/upload.php" accept="image/*" maxFileSize="1000000" (onUpload)="onUpload($event)" />
-        </div>
-        <app-code [code]="code" selector="file-upload-basic-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class BasicDoc {
-    constructor(private messageService: MessageService) {}
-
-    onUpload(event: UploadEvent) {
-        this.messageService.add({ severity: 'info', summary: 'Success', detail: 'File Uploaded with Basic Mode' });
-    }
-
-    code: Code = {
-        basic: `<p-fileUpload 
-    mode="basic" 
-    chooseLabel="Choose" 
-    chooseIcon="pi pi-upload"
-    name="demo[]" 
-    url="https://www.primefaces.org/cdn/api/upload.php" 
-    accept="image/*" 
-    maxFileSize="1000000" 
-    (onUpload)="onUpload($event)" />`,
-        html: `<div class="card flex justify-center">
-    <p-toast />
-    <p-fileUpload 
-        mode="basic" 
-        chooseLabel="Choose" 
-        chooseIcon="pi pi-upload"
-        name="demo[]" 
-        url="https://www.primefaces.org/cdn/api/upload.php" 
-        accept="image/*" 
-        maxFileSize="1000000" 
-        (onUpload)="onUpload($event)" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { FileUploadModule } from 'primeng/fileupload';
-import { ToastModule } from 'primeng/toast';
-
-interface UploadEvent {
-    originalEvent: Event;
-    files: File[];
-}
-
-@Component({
-    selector: 'file-upload-basic-demo',
-    templateUrl: './file-upload-basic-demo.html',
-    standalone: true,
-    imports: [FileUploadModule, ToastModule],
-    providers: [MessageService]
-})
-export class FileUploadBasicDemo {
-    constructor(private messageService: MessageService) {}
-
-    onUpload(event: UploadEvent) {
-        this.messageService.add({ severity: 'info', summary: 'Success', detail: 'File Uploaded with Basic Mode' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/fileupload/customdoc.ts b/src/app/showcase/doc/fileupload/customdoc.ts
deleted file mode 100644
index 60d029b..0000000
--- a/src/app/showcase/doc/fileupload/customdoc.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'file-upload-custom-demo',
-    template: `
-        <app-docsectiontext>
-            <p>FileUpload basic <i>mode</i> provides a simpler UI as an alternative to default advanced mode.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast></p-toast>
-            <p-fileUpload name="myfile[]" [customUpload]="true" (uploadHandler)="customUploader($event)"></p-fileUpload>
-        </div>
-        <app-code [code]="code" selector="file-upload-custom-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class CustomDoc {
-    constructor(private messageService: MessageService) {}
-
-    async customUploader(event) {
-        const file = event.files[0];
-        const reader = new FileReader();
-        let blob = await fetch(file.objectURL).then((r) => r.blob()); //blob:url
-
-        reader.readAsDataURL(blob);
-
-        reader.onloadend = function () {
-            const base64data = reader.result;
-        };
-
-        this.messageService.add({ severity: 'info', summary: 'Success', detail: 'File Uploaded with Basic Mode' });
-    }
-
-    code: Code = {
-        basic: `<p-fileUpload name="myfile[]" [customUpload]="true" (uploadHandler)="customUploader($event)"></p-fileUpload>`,
-        html: `
-<div class="card flex justify-center">
-    <p-toast></p-toast>
-    <p-fileUpload name="myfile[]" [customUpload]="true" (uploadHandler)="customUploader($event)"></p-fileUpload>
-</div>`,
-        typescript: `
-import { Component, Input } from '@angular/core';
-import { MessageService } from 'primeng/api';
-
-@Component({
-    selector: 'file-upload-custom-demo',
-    templateUrl: './file-upload-custom-demo.html',
-    providers: [MessageService]
-})
-export class CustomDoc {
-
-    constructor(private messageService: MessageService) {}
-
-    async customUploader(event) {
-        const file = event.files[0];
-        const reader = new FileReader();
-        let blob = await fetch(file.objectURL).then((r) => r.blob()); //blob:url
-
-        reader.readAsDataURL(blob);
-
-        reader.onloadend = function () {
-            const base64data = reader.result;
-        };
-        
-        this.messageService.add({ severity: 'info', summary: 'Success', detail: 'File Uploaded with Basic Mode' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/fileupload/fileuploaddoc.module.ts b/src/app/showcase/doc/fileupload/fileuploaddoc.module.ts
deleted file mode 100644
index b96c706..0000000
--- a/src/app/showcase/doc/fileupload/fileuploaddoc.module.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FormsModule } from '@angular/forms';
-import { FileUploadModule } from 'primeng/fileupload';
-import { ButtonModule } from 'primeng/button';
-import { ToastModule } from 'primeng/toast';
-import { TagModule } from 'primeng/tag';
-import { ProgressBarModule } from 'primeng/progressbar';
-import { OrderListModule } from 'primeng/orderlist';
-import { DataViewModule } from 'primeng/dataview';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AdvancedDoc } from './advanceddoc';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-import { TemplateCdekDndDoc } from './template-cdek-dnd-doc';
-import { TemplateCdekButtonDoc } from './template-cdek-button-doc';
-import { AutoDoc } from './autodoc';
-import { CustomDoc } from './customdoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BadgeModule } from 'primeng/badge';
-import { ProgressSpinnerModule } from 'primeng/progressspinner';
-import { SelectButtonModule } from 'primeng/selectbutton';
-import { DividerModule } from 'primeng/divider';
-import { TooltipModule } from 'primeng/tooltip';
-
-@NgModule({
-    imports: [
-        CommonModule,
-        FormsModule,
-        AppCodeModule,
-        AppDocModule,
-        ButtonModule,
-        SelectButtonModule,
-        DividerModule,
-        TagModule,
-        ProgressBarModule,
-        ProgressSpinnerModule,
-        TooltipModule,
-        OrderListModule,
-        DataViewModule,
-        ToastModule,
-        FileUploadModule,
-        BadgeModule,
-        RouterModule
-    ],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, TemplateDoc, TemplateCdekDndDoc, TemplateCdekButtonDoc, StyleDoc, AdvancedDoc, AutoDoc, CustomDoc, AccessibilityDoc]
-})
-export class FileUploadDocModule {}
diff --git a/src/app/showcase/doc/fileupload/importdoc.ts b/src/app/showcase/doc/fileupload/importdoc.ts
deleted file mode 100644
index 5ef50d1..0000000
--- a/src/app/showcase/doc/fileupload/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'file-upload-import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { FileUploadModule } from 'primeng/fileupload';`
-    };
-}
diff --git a/src/app/showcase/doc/fileupload/styledoc.ts b/src/app/showcase/doc/fileupload/styledoc.ts
deleted file mode 100644
index 11c6943..0000000
--- a/src/app/showcase/doc/fileupload/styledoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-fileupload</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-fileupload-buttonbar</td>
-                        <td>Header containing the buttons</td>
-                    </tr>
-                    <tr>
-                        <td>p-fileupload-content</td>
-                        <td>Content section</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/fileupload/template-cdek-button-doc.ts b/src/app/showcase/doc/fileupload/template-cdek-button-doc.ts
deleted file mode 100644
index 5fa8f07..0000000
--- a/src/app/showcase/doc/fileupload/template-cdek-button-doc.ts
+++ /dev/null
@@ -1,613 +0,0 @@
-import { ChangeDetectorRef, Component, ViewChild } from '@angular/core';
-import { Code } from '@domain/code';
-import { Message, MessageService } from 'primeng/api';
-import { FileUpload } from 'primeng/fileupload';
-
-enum UploadStatus {
-    Pending = 'pending',
-    Uploading = 'uploading',
-    Uploaded = 'uploaded',
-    Error = 'error'
-}
-
-interface IFileData {
-    file: File;
-    status: UploadStatus;
-}
-
-@Component({
-    selector: 'file-upload-template-cdek-button-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Загрузка файлов через кнопку, на базе собственных template согласно дизайн системе СДЭК</p>
-            <p>
-                Для корректного отображения кнопки и списков файлов необходимо использовать <i>styleClass="p-fileupload-button"</i>, а также шаблоны <i>header</i>, <i>content</i> и <i>file</i>(в противном случае будут применяться стандартные стили
-                для аплоадера)
-            </p>
-            <p>Для автоматической загрузки файлов при выборе необходимо использовать метод <i>onSelectedFiles()</i>.</p>
-            <p style="margin: 0;">В Дизайн системе возможны два варианта отображения списка файлов:</p>
-            <p style="margin: 0;">- Список файлов, в виде списка с возможностью изменения порядка файлов</p>
-            <p>- Простой список файлов</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex flex-col gap-2">
-                <span class="caption-secondary">Вариант отображения списка файлов:</span>
-                <div class="flex flex-row">
-                    <p-selectButton [options]="stateOptions" [(ngModel)]="filesListMode" />
-                </div>
-            </div>
-            <p-divider />
-            <p-toast [life]="3000" />
-            <p-fileUpload
-                [styleClass]="'p-fileupload-button ' + (isSelectedFilesExist ? 'gap-2' : '')"
-                [multiple]="true"
-                accept="image/*"
-                maxFileSize="1000000"
-                [invalidFileSizeMessageSummary]="invalidFileSizeMessageSummary"
-                [invalidFileSizeMessageDetail]="invalidFileSizeMessageDetail"
-                [invalidFileTypeMessageSummary]="invalidFileTypeMessageSummary"
-                [invalidFileTypeMessageDetail]="invalidFileTypeMessageDetail"
-                (onSelect)="onSelectedFiles($event)"
-                #fileUploadControl
-            >
-                <ng-template pTemplate="header" let-files let-chooseCallback="chooseCallback">
-                    <div class="flex flex-row gap-2">
-                        <p-button label="Загрузить" [raised]="true" [loading]="isFilesProcessing" (onClick)="onOpenChooseDialog()" />
-                        <button type="button" class="p-fileupload-info-button" pTooltip="Укажите дополнительную информацию" tooltipPosition="bottom">
-                            <i class="ti ti-info-circle text-xl"></i>
-                        </button>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="content">
-                    <ng-template [ngIf]="isSelectedFilesExist">
-                        <!-- Оставить только один -->
-                        <p-dataView *ngIf="filesListMode === 'Data-View'" [value]="selectedFiles" #dataViewFiles>
-                            <ng-template pTemplate="list" let-selectedFiles>
-                                <div *ngFor="let data of selectedFiles; let i = index" class="p-fileupload-item-row flex flex-row items-center gap-2" [ngClass]="{ error: data.status === uploadStatus.Error }">
-                                    <div class="flex flex-row flex-1 items-center gap-2">
-                                        <ng-container [ngSwitch]="data.status">
-                                            <p-progressSpinner *ngSwitchCase="uploadStatus.Uploading" styleClass="p-fileupload-progress-spinner" ariaLabel="loading" />
-                                            <i *ngSwitchCase="uploadStatus.Uploaded" class="ti ti-file-check text-xl"></i>
-                                            <i *ngSwitchCase="uploadStatus.Error" class="ti ti-file-alert text-xl file-icon"></i>
-                                            <i *ngSwitchDefault class="ti ti-file text-xl"></i>
-                                        </ng-container>
-
-                                        <div class="flex flex-col flex-1 gap-1">
-                                            <span class="body-regular-base">{{ data.file.name }}</span>
-                                            <span class="caption-secondary">{{ data.file.size }}</span>
-                                        </div>
-                                    </div>
-
-                                    <div *ngIf="data.file?.objectURL">
-                                        <img [src]="data.file.objectURL" width="35" />
-                                    </div>
-                                    <p-button icon="ti ti-trash-x" [disabled]="data.status === uploadStatus.Uploading" [text]="true" severity="danger" (click)="onRemove($event, i)" />
-                                </div>
-                            </ng-template>
-                        </p-dataView>
-
-                        <!-- Оставить только один -->
-                        <p-orderList *ngIf="filesListMode === 'Drag-and-Drop'" [value]="selectedFiles" [dragdrop]="true">
-                            <ng-template let-data let-index="index" pTemplate="item">
-                                <div class="p-fileupload-item-row flex flex-row items-center gap-2" [ngClass]="{ error: data.status === uploadStatus.Error }">
-                                    <div class="flex flex-row flex-1 items-center gap-2">
-                                        <ng-container [ngSwitch]="data.status">
-                                            <p-progressSpinner *ngSwitchCase="uploadStatus.Uploading" styleClass="p-fileupload-progress-spinner" ariaLabel="loading" />
-                                            <i *ngSwitchCase="uploadStatus.Uploaded" class="ti ti-file-check text-xl"></i>
-                                            <i *ngSwitchCase="uploadStatus.Error" class="ti ti-file-alert text-xl file-icon"></i>
-                                            <i *ngSwitchDefault class="ti ti-file text-xl"></i>
-                                        </ng-container>
-
-                                        <div class="flex flex-col flex-1 gap-1">
-                                            <span class="body-regular-base">{{ data.file.name }}</span>
-                                            <span class="caption-secondary">{{ data.file.size }}</span>
-                                        </div>
-                                    </div>
-
-                                    <div *ngIf="data.file?.objectURL">
-                                        <img [src]="data.file.objectURL" width="35" />
-                                    </div>
-                                    <p-button
-                                        icon="ti ti-trash-x"
-                                        [disabled]="data.status === uploadStatus.Uploading"
-                                        [text]="true"
-                                        severity="danger"
-                                        (click)="onRemove($event, index)"
-                                        (mousedown)="$event.stopPropagation()"
-                                        (touchstart)="$event.stopPropagation()"
-                                    />
-                                    <i class="ti ti-grip-vertical text-xl"></i>
-                                </div>
-                            </ng-template>
-                        </p-orderList>
-
-                        <!-- Удалить секцию если не используется -->
-                        <div class="flex flex-row justify-between items-center">
-                            <p-button label="Отправить" [raised]="true" [loading]="isFilesProcessing" (onClick)="onUploadAll()" />
-                            <p-button label="Очистить" [text]="true" severity="danger" [loading]="isFilesProcessing" (onClick)="onRemoveAll()" />
-                        </div>
-                    </ng-template>
-                </ng-template>
-                <ng-template pTemplate="file"></ng-template>
-            </p-fileUpload>
-        </div>
-        <app-code [code]="code" selector="file-upload-cdek-template-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class TemplateCdekButtonDoc {
-    readonly stateOptions = ['Data-View', 'Drag-and-Drop'];
-
-    filesListMode: string = this.stateOptions[0];
-
-    @ViewChild('fileUploadControl') fileUploadControl!: FileUpload;
-
-    readonly invalidFileSizeMessageSummary = '{0}: Недопустимый размер файла';
-    readonly invalidFileSizeMessageDetail = 'максимальный допустимый размер {0}.';
-    readonly invalidFileTypeMessageSummary = 'Недопустимый тип файла {0}';
-    readonly invalidFileTypeMessageDetail = 'допустимые типы файлов: PDF, JPG, JPEG.';
-
-    selectedFiles: IFileData[] = [];
-
-    readonly uploadStatus = UploadStatus;
-    isFilesProcessing = false;
-
-    get isSelectedFilesExist(): boolean {
-        return this.selectedFiles?.length > 0;
-    }
-
-    constructor(
-        private readonly messageService: MessageService,
-        private readonly cdr: ChangeDetectorRef
-    ) {}
-
-    onOpenChooseDialog(): void {
-        if (this.fileUploadControl) {
-            this.fileUploadControl.choose();
-        }
-    }
-
-    onRemove(event: Event, index: number): void {
-        this.fileUploadControl.remove(event, index);
-        this.selectedFiles = this.selectedFiles.filter((_, i) => i !== index);
-
-        this.cdr.markForCheck();
-    }
-
-    onUploadAll(): void {
-        let aploadedNames = new Set<string>();
-        const promises = this.selectedFiles.map((file, i) => {
-            // 1) Если уже Uploaded — сразу возвращаем resolved-промис, ничего не делаем
-            if (file.status === UploadStatus.Uploaded) {
-                aploadedNames.add(file.file.name);
-                return Promise.resolve();
-            }
-
-            // 2) Иначе меняем статус на Uploading…
-            this.selectedFiles[i].status = UploadStatus.Uploading;
-            return this.simulateUpload(i);
-        });
-
-        this.isFilesProcessing = true;
-
-        this.cdr.markForCheck();
-
-        Promise.all(promises).then(() => {
-            this.isFilesProcessing = false;
-
-            // Собираем списки имён
-            const successNames = this.selectedFiles.filter((f) => !aploadedNames.has(f.file.name) && f.status === UploadStatus.Uploaded).map((f) => f.file.name);
-            const errorNames = this.selectedFiles.filter((f) => f.status === UploadStatus.Error).map((f) => f.file.name);
-
-            const messages: Message[] = [];
-            if (successNames?.length) {
-                messages.push({
-                    severity: 'success',
-                    summary: successNames.join(', '),
-                    detail: 'Успешно загружены'
-                });
-            }
-            if (errorNames.length) {
-                messages.push({
-                    severity: 'error',
-                    summary: errorNames.join(', '),
-                    detail: 'Ошибка загрузки'
-                });
-            }
-
-            this.messageService.addAll(messages);
-
-            this.cdr.markForCheck();
-        });
-    }
-
-    onRemoveAll(): void {
-        this.isFilesProcessing = true;
-
-        setTimeout(() => {
-            this.selectedFiles = [];
-            this.fileUploadControl.clear();
-
-            this.isFilesProcessing = false;
-            this.cdr.markForCheck();
-        }, 3000);
-    }
-
-    onSelectedFiles(event: { currentFiles: File[] }) {
-        // 1) Определяем функцию-идентификатор файла (по name+size+lastModified, т.к. сами объекты File могут быть разными)
-        const fileId = (f: File) => `${f.name}|${f.size}|${f.lastModified}`;
-
-        // 2) Собираем Set уже добавленных файлов
-        const existingIds = new Set(this.selectedFiles.map((sf) => fileId(sf.file)));
-
-        // 3) Фильтруем только те файлы из event.currentFiles, которых ещё нет
-        const newFiles = event.currentFiles.filter((f) => !existingIds.has(fileId(f))).map((f) => ({ file: f, status: UploadStatus.Pending }));
-
-        // 4) Собираем новый массив: сначала старые, потом только что отфильтрованные новые
-        this.selectedFiles = [...this.selectedFiles, ...newFiles];
-
-        if (this.fileUploadControl.msgs?.length) {
-            this.messageService.addAll(this.fileUploadControl.msgs);
-        }
-
-        this.cdr.markForCheck();
-    }
-
-    private simulateUpload(index: number): Promise<void> {
-        return new Promise((resolve) => {
-            const delay = Math.random() * 2000 + 500;
-            setTimeout(() => {
-                this.selectedFiles[index].status = Math.random() > 0.3 ? UploadStatus.Uploaded : UploadStatus.Error;
-                this.cdr.markForCheck();
-                resolve();
-            }, delay);
-        });
-    }
-
-    code: Code = {
-        basic: `
-            <p-toast [life]="3000" />
-            <p-fileUpload
-                [styleClass]="'p-fileupload-button ' + (isSelectedFilesExist ? 'gap-2' : '')"
-                [multiple]="true"
-                accept="image/*"
-                maxFileSize="1000000"
-                [invalidFileSizeMessageSummary]="invalidFileSizeMessageSummary"
-                [invalidFileSizeMessageDetail]="invalidFileSizeMessageDetail"
-                [invalidFileTypeMessageSummary]="invalidFileTypeMessageSummary"
-                [invalidFileTypeMessageDetail]="invalidFileTypeMessageDetail"
-                (onSelect)="onSelectedFiles($event)"
-                #fileUploadControl
-            >
-                <ng-template pTemplate="header" let-files let-chooseCallback="chooseCallback">
-                    <div class="flex flex-row gap-2">
-                        <p-button label="Загрузить" [raised]="true" [loading]="isFilesProcessing" (onClick)="onOpenChooseDialog()" />
-                        <button type="button" class="p-fileupload-info-button" pTooltip="Укажите дополнительную информацию" tooltipPosition="bottom">
-                            <i class="ti ti-info-circle text-xl"></i>
-                        </button>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="content">
-                    <ng-template [ngIf]="isSelectedFilesExist">
-                        <!-- Оставить только один -->
-                        <p-dataView [value]="selectedFiles" #dataViewFiles>
-                            <ng-template pTemplate="list" let-selectedFiles>
-                                <div *ngFor="let data of selectedFiles; let i = index" class="p-fileupload-item-row flex flex-row items-center gap-2" [ngClass]="{ error: data.status === uploadStatus.Error }">
-                                    <div class="flex flex-row flex-1 items-center gap-2">
-                                        <ng-container [ngSwitch]="data.status">
-                                            <p-progressSpinner *ngSwitchCase="uploadStatus.Uploading" styleClass="p-fileupload-progress-spinner" ariaLabel="loading" />
-                                            <i *ngSwitchCase="uploadStatus.Uploaded" class="ti ti-file-check text-xl"></i>
-                                            <i *ngSwitchCase="uploadStatus.Error" class="ti ti-file-alert text-xl file-icon"></i>
-                                            <i *ngSwitchDefault class="ti ti-file text-xl"></i>
-                                        </ng-container>
-
-                                        <div class="flex flex-col flex-1 gap-1">
-                                            <span class="body-regular-base">{{ data.file.name }}</span>
-                                            <span class="caption-secondary">{{ data.file.size }}</span>
-                                        </div>
-                                    </div>
-
-                                    <div *ngIf="data.file?.objectURL">
-                                        <img [src]="data.file.objectURL" width="35" />
-                                    </div>
-                                    <p-button icon="ti ti-trash-x" [disabled]="data.status === uploadStatus.Uploading" [text]="true" severity="danger" (click)="onRemove($event, i)" />
-                                </div>
-                            </ng-template>
-                        </p-dataView>
-
-                        <!-- Оставить только один -->
-                        <p-orderList [value]="selectedFiles" [dragdrop]="true">
-                            <ng-template let-data let-index="index" pTemplate="item">
-                                <div class="p-fileupload-item-row flex flex-row items-center gap-2" [ngClass]="{ error: data.status === uploadStatus.Error }">
-                                    <div class="flex flex-row flex-1 items-center gap-2">
-                                        <ng-container [ngSwitch]="data.status">
-                                            <p-progressSpinner *ngSwitchCase="uploadStatus.Uploading" styleClass="p-fileupload-progress-spinner" ariaLabel="loading" />
-                                            <i *ngSwitchCase="uploadStatus.Uploaded" class="ti ti-file-check text-xl"></i>
-                                            <i *ngSwitchCase="uploadStatus.Error" class="ti ti-file-alert text-xl file-icon"></i>
-                                            <i *ngSwitchDefault class="ti ti-file text-xl"></i>
-                                        </ng-container>
-
-                                        <div class="flex flex-col flex-1 gap-1">
-                                            <span class="body-regular-base">{{ data.file.name }}</span>
-                                            <span class="caption-secondary">{{ data.file.size }}</span>
-                                        </div>
-                                    </div>
-
-                                    <div *ngIf="data.file?.objectURL">
-                                        <img [src]="data.file.objectURL" width="35" />
-                                    </div>
-                                    <p-button
-                                        icon="ti ti-trash-x"
-                                        [disabled]="data.status === uploadStatus.Uploading"
-                                        [text]="true"
-                                        severity="danger"
-                                        (click)="onRemove($event, index)"
-                                        (mousedown)="$event.stopPropagation()"
-                                        (touchstart)="$event.stopPropagation()"
-                                    />
-                                    <i class="ti ti-grip-vertical text-xl"></i>
-                                </div>
-                            </ng-template>
-                        </p-orderList>
-
-                        <!-- Удалить секцию если не используется -->
-                        <div class="flex flex-row justify-between items-center">
-                            <p-button label="Отправить" [raised]="true" [loading]="isFilesProcessing" (onClick)="onUploadAll()" />
-                            <p-button label="Очистить" [text]="true" severity="danger" [loading]="isFilesProcessing" (onClick)="onRemoveAll()" />
-                        </div>
-                    </ng-template>
-                </ng-template>
-                <ng-template pTemplate="file"></ng-template>
-            </p-fileUpload>`,
-        html: `
-        <div class="card">
-            <p-toast [life]="3000" />
-            <p-fileUpload
-                [styleClass]="'p-fileupload-button ' + (isSelectedFilesExist ? 'gap-2' : '')"
-                [multiple]="true"
-                accept="image/*"
-                maxFileSize="1000000"
-                [invalidFileSizeMessageSummary]="invalidFileSizeMessageSummary"
-                [invalidFileSizeMessageDetail]="invalidFileSizeMessageDetail"
-                [invalidFileTypeMessageSummary]="invalidFileTypeMessageSummary"
-                [invalidFileTypeMessageDetail]="invalidFileTypeMessageDetail"
-                (onSelect)="onSelectedFiles($event)"
-                #fileUploadControl
-            >
-                <ng-template pTemplate="header" let-files let-chooseCallback="chooseCallback">
-                    <div class="flex flex-row gap-2">
-                        <p-button label="Загрузить" [raised]="true" [loading]="isFilesProcessing" (onClick)="onOpenChooseDialog()" />
-                        <button type="button" class="p-fileupload-info-button" pTooltip="Укажите дополнительную информацию" tooltipPosition="bottom">
-                            <i class="ti ti-info-circle text-xl"></i>
-                        </button>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="content">
-                    <ng-template [ngIf]="isSelectedFilesExist">
-                        <!-- Оставить только один -->
-                        <p-dataView [value]="selectedFiles" #dataViewFiles>
-                            <ng-template pTemplate="list" let-selectedFiles>
-                                <div *ngFor="let data of selectedFiles; let i = index" class="p-fileupload-item-row flex flex-row items-center gap-2" [ngClass]="{ error: data.status === uploadStatus.Error }">
-                                    <div class="flex flex-row flex-1 items-center gap-2">
-                                        <ng-container [ngSwitch]="data.status">
-                                            <p-progressSpinner *ngSwitchCase="uploadStatus.Uploading" styleClass="p-fileupload-progress-spinner" ariaLabel="loading" />
-                                            <i *ngSwitchCase="uploadStatus.Uploaded" class="ti ti-file-check text-xl"></i>
-                                            <i *ngSwitchCase="uploadStatus.Error" class="ti ti-file-alert text-xl file-icon"></i>
-                                            <i *ngSwitchDefault class="ti ti-file text-xl"></i>
-                                        </ng-container>
-
-                                        <div class="flex flex-col flex-1 gap-1">
-                                            <span class="body-regular-base">{{ data.file.name }}</span>
-                                            <span class="caption-secondary">{{ data.file.size }}</span>
-                                        </div>
-                                    </div>
-
-                                    <div *ngIf="data.file?.objectURL">
-                                        <img [src]="data.file.objectURL" width="35" />
-                                    </div>
-                                    <p-button icon="ti ti-trash-x" [disabled]="data.status === uploadStatus.Uploading" [text]="true" severity="danger" (click)="onRemove($event, i)" />
-                                </div>
-                            </ng-template>
-                        </p-dataView>
-
-                        <!-- Оставить только один -->
-                        <p-orderList [value]="selectedFiles" [dragdrop]="true">
-                            <ng-template let-data let-index="index" pTemplate="item">
-                                <div class="p-fileupload-item-row flex flex-row items-center gap-2" [ngClass]="{ error: data.status === uploadStatus.Error }">
-                                    <div class="flex flex-row flex-1 items-center gap-2">
-                                        <ng-container [ngSwitch]="data.status">
-                                            <p-progressSpinner *ngSwitchCase="uploadStatus.Uploading" styleClass="p-fileupload-progress-spinner" ariaLabel="loading" />
-                                            <i *ngSwitchCase="uploadStatus.Uploaded" class="ti ti-file-check text-xl"></i>
-                                            <i *ngSwitchCase="uploadStatus.Error" class="ti ti-file-alert text-xl file-icon"></i>
-                                            <i *ngSwitchDefault class="ti ti-file text-xl"></i>
-                                        </ng-container>
-
-                                        <div class="flex flex-col flex-1 gap-1">
-                                            <span class="body-regular-base">{{ data.file.name }}</span>
-                                            <span class="caption-secondary">{{ data.file.size }}</span>
-                                        </div>
-                                    </div>
-
-                                    <div *ngIf="data.file?.objectURL">
-                                        <img [src]="data.file.objectURL" width="35" />
-                                    </div>
-                                    <p-button
-                                        icon="ti ti-trash-x"
-                                        [disabled]="data.status === uploadStatus.Uploading"
-                                        [text]="true"
-                                        severity="danger"
-                                        (click)="onRemove($event, index)"
-                                        (mousedown)="$event.stopPropagation()"
-                                        (touchstart)="$event.stopPropagation()"
-                                    />
-                                    <i class="ti ti-grip-vertical text-xl"></i>
-                                </div>
-                            </ng-template>
-                        </p-orderList>
-
-                        <!-- Удалить секцию если не используется -->
-                        <div class="flex flex-row justify-between items-center">
-                            <p-button label="Отправить" [raised]="true" [loading]="isFilesProcessing" (onClick)="onUploadAll()" />
-                            <p-button label="Очистить" [text]="true" severity="danger" [loading]="isFilesProcessing" (onClick)="onRemoveAll()" />
-                        </div>
-                    </ng-template>
-                </ng-template>
-                <ng-template pTemplate="file"></ng-template>
-            </p-fileUpload>
-        </div>`,
-        typescript: `
-import { ChangeDetectorRef, Component, ViewChild } from '@angular/core';
-import { Code } from '@domain/code';
-import { Message, MessageService } from 'primeng/api';
-import { FileUpload } from 'primeng/fileupload';
-import { OrderListModule } from 'primeng/orderlist';
-import { DataViewModule } from 'primeng/dataview';
-import { ProgressSpinnerModule } from 'primeng/progressspinner';
-import { TooltipModule } from 'primeng/tooltip';
-
-enum UploadStatus {
-    Pending = 'pending',
-    Uploading = 'uploading',
-    Uploaded = 'uploaded',
-    Error = 'error'
-}
-
-interface IFileData {
-    file: File;
-    status: UploadStatus;
-}
-
-@Component({
-    selector: 'file-upload-template-cdek-button-demo',
-    templateUrl: './file-upload-template-cdek-button-demo.html',
-    standalone: true,
-    imports: [FileUploadModule, ButtonModule, CommonModule, ProgressSpinnerModule, OrderListModule, DataViewModule, TooltipModule],
-    providers: [MessageService]
-})
-export class TemplateCdekButtonDoc {
-    @ViewChild('fileUploadControl') fileUploadControl!: FileUpload;
-
-    readonly invalidFileSizeMessageSummary = '{0}: Недопустимый размер файла';
-    readonly invalidFileSizeMessageDetail = 'максимальный допустимый размер {0}.';
-    readonly invalidFileTypeMessageSummary = 'Недопустимый тип файла {0}';
-    readonly invalidFileTypeMessageDetail = 'допустимые типы файлов: PDF, JPG, JPEG.';
-
-    selectedFiles: IFileData[] = [];
-
-    readonly uploadStatus = UploadStatus;
-    isFilesProcessing = false;
-
-    get isSelectedFilesExist(): boolean {
-        return this.selectedFiles?.length > 0;
-    }
-
-    constructor(
-        private readonly messageService: MessageService,
-        private readonly cdr: ChangeDetectorRef
-    ) {}
-
-    onOpenChooseDialog(): void {
-        if (this.fileUploadControl) {
-            this.fileUploadControl.choose();
-        }
-    }
-
-    onRemove(event: Event, index: number): void {
-        this.fileUploadControl.remove(event, index);
-        this.selectedFiles = this.selectedFiles.filter((_, i) => i !== index);
-
-        this.cdr.markForCheck();
-    }
-
-    onUploadAll(): void {
-        let aploadedNames = new Set<string>();
-        const promises = this.selectedFiles.map((file, i) => {
-            // 1) Если уже Uploaded — сразу возвращаем resolved-промис, ничего не делаем
-            if (file.status === UploadStatus.Uploaded) {
-                aploadedNames.add(file.file.name);
-                return Promise.resolve();
-            }
-
-            // 2) Иначе меняем статус на Uploading…
-            this.selectedFiles[i].status = UploadStatus.Uploading;
-            return this.simulateUpload(i);
-        });
-
-        this.isFilesProcessing = true;
-
-        this.cdr.markForCheck();
-
-        Promise.all(promises).then(() => {
-            this.isFilesProcessing = false;
-
-            // Собираем списки имён
-            const successNames = this.selectedFiles.filter((f) => !aploadedNames.has(f.file.name) && f.status === UploadStatus.Uploaded).map((f) => f.file.name);
-            const errorNames = this.selectedFiles.filter((f) => f.status === UploadStatus.Error).map((f) => f.file.name);
-
-            const messages: Message[] = [];
-            if (successNames?.length) {
-                messages.push({
-                    severity: 'success',
-                    summary: successNames.join(', '),
-                    detail: 'Успешно загружены'
-                });
-            }
-            if (errorNames.length) {
-                messages.push({
-                    severity: 'error',
-                    summary: errorNames.join(', '),
-                    detail: 'Ошибка загрузки'
-                });
-            }
-
-            this.messageService.addAll(messages);
-
-            this.cdr.markForCheck();
-        });
-    }
-
-    onRemoveAll(): void {
-        this.isFilesProcessing = true;
-
-        setTimeout(() => {
-            this.selectedFiles = [];
-            this.fileUploadControl.clear();
-
-            this.isFilesProcessing = false;
-            this.cdr.markForCheck();
-        }, 3000);
-    }
-
-    onSelectedFiles(event: { currentFiles: File[] }) {
-        // 1) Определяем функцию-идентификатор файла (по name+size+lastModified, т.к. сами объекты File могут быть разными)
-        const fileId = (f: File) => \`\${f.name}|\${f.size}|\${f.lastModified}\`;
-
-        // 2) Собираем Set уже добавленных файлов
-        const existingIds = new Set(this.selectedFiles.map((sf) => fileId(sf.file)));
-
-        // 3) Фильтруем только те файлы из event.currentFiles, которых ещё нет
-        const newFiles = event.currentFiles.filter((f) => !existingIds.has(fileId(f))).map((f) => ({ file: f, status: UploadStatus.Pending }));
-
-        // 4) Собираем новый массив: сначала старые, потом только что отфильтрованные новые
-        this.selectedFiles = [...this.selectedFiles, ...newFiles];
-
-        if (this.fileUploadControl.msgs?.length) {
-            this.messageService.addAll(this.fileUploadControl.msgs);
-        }
-
-        this.cdr.markForCheck();
-    }
-
-    private simulateUpload(index: number): Promise<void> {
-        return new Promise((resolve) => {
-            const delay = Math.random() * 2000 + 500;
-            setTimeout(() => {
-                this.selectedFiles[index].status = Math.random() > 0.3 ? UploadStatus.Uploaded : UploadStatus.Error;
-                this.cdr.markForCheck();
-                resolve();
-            }, delay);
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/fileupload/template-cdek-dnd-doc.ts b/src/app/showcase/doc/fileupload/template-cdek-dnd-doc.ts
deleted file mode 100644
index 8b8afa8..0000000
--- a/src/app/showcase/doc/fileupload/template-cdek-dnd-doc.ts
+++ /dev/null
@@ -1,621 +0,0 @@
-import { ChangeDetectorRef, Component, ViewChild } from '@angular/core';
-import { Code } from '@domain/code';
-import { Message, MessageService } from 'primeng/api';
-import { FileUpload } from 'primeng/fileupload';
-
-enum UploadStatus {
-    Pending = 'pending',
-    Uploading = 'uploading',
-    Uploaded = 'uploaded',
-    Error = 'error'
-}
-
-interface IFileData {
-    file: File;
-    status: UploadStatus;
-}
-
-@Component({
-    selector: 'file-upload-template-cdek-dnd-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Загрузка файлов через Drag-and-Drop, на базе собственных template согласно дизайн системе СДЭК</p>
-            <p>
-                Для корректного отображения Drag-and-Drop и списка файлов, необходимо использовать <i>styleClass="p-fileupload-dnd"</i>, а также шаблоны <i>header</i>, <i>content</i> и <i>file</i>(в противном случае будут применяться стандартные
-                стили для аплоадера)
-            </p>
-            <p>Для автоматической загрузки файлов при выборе необходимо использовать метод <i>onSelectedFiles()</i>.</p>
-            <p style="margin: 0;">В Дизайн системе возможны два варианта отображения списка файлов:</p>
-            <p style="margin: 0;">- Список файлов, в виде списка с возможностью изменения порядка файлов</p>
-            <p>- Простой список файлов</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex flex-col gap-2">
-                <span class="caption-secondary">Вариант отображения списка файлов:</span>
-                <div class="flex flex-row">
-                    <p-selectButton [options]="stateOptions" [(ngModel)]="filesListMode" />
-                </div>
-            </div>
-            <p-divider />
-            <p-toast [life]="3000" />
-            <p-fileUpload
-                [styleClass]="'p-fileupload-dnd ' + (isSelectedFilesExist ? 'gap-2' : '')"
-                [multiple]="true"
-                accept="image/*"
-                maxFileSize="1000000"
-                [invalidFileSizeMessageSummary]="invalidFileSizeMessageSummary"
-                [invalidFileSizeMessageDetail]="invalidFileSizeMessageDetail"
-                [invalidFileTypeMessageSummary]="invalidFileTypeMessageSummary"
-                [invalidFileTypeMessageDetail]="invalidFileTypeMessageDetail"
-                (dragover)="$event.preventDefault()"
-                (drop)="fileUploadControl.onDrop($event)"
-                (onSelect)="onSelectedFiles($event)"
-                #fileUploadControl
-            >
-                <ng-template pTemplate="header" let-files let-chooseCallback="chooseCallback">
-                    <button type="button" (click)="onOpenChooseDialog()">
-                        <i class="text-7xl pi pi pi-upload"></i>
-                        <div>
-                            <p class="m-0 text-lg font-semibold">Чтобы загрузить файлы кликните или перетащите их в эту область.</p>
-                            <p class="m-0 text-base text-slate-500">Можно загрузить не более N файлов размеров N MB</p>
-                        </div>
-                    </button>
-                </ng-template>
-                <ng-template pTemplate="content">
-                    <ng-template [ngIf]="isSelectedFilesExist">
-                        <!-- Оставить только один -->
-                        <p-dataView *ngIf="filesListMode === 'Data-View'" #dataViewFiles [value]="selectedFiles">
-                            <ng-template pTemplate="list" let-selectedFiles>
-                                <div *ngFor="let data of selectedFiles; let i = index" class="p-fileupload-item-row flex flex-row items-center gap-2" [ngClass]="{ error: data.status === uploadStatus.Error }">
-                                    <div class="flex flex-row flex-1 items-center gap-2">
-                                        <ng-container [ngSwitch]="data.status">
-                                            <p-progressSpinner *ngSwitchCase="uploadStatus.Uploading" styleClass="p-fileupload-progress-spinner" ariaLabel="loading" />
-                                            <i *ngSwitchCase="uploadStatus.Uploaded" class="ti ti-file-check text-xl"></i>
-                                            <i *ngSwitchCase="uploadStatus.Error" class="ti ti-file-alert text-xl file-icon"></i>
-                                            <i *ngSwitchDefault class="ti ti-file text-xl"></i>
-                                        </ng-container>
-
-                                        <div class="flex flex-col flex-1 gap-1">
-                                            <span class="body-regular-base">{{ data.file.name }}</span>
-                                            <span class="caption-secondary">{{ data.file.size }}</span>
-                                        </div>
-                                    </div>
-
-                                    <div *ngIf="data.file?.objectURL">
-                                        <img [src]="data.file.objectURL" width="35" />
-                                    </div>
-                                    <p-button icon="ti ti-trash-x" [disabled]="data.status === uploadStatus.Uploading" [text]="true" severity="danger" (click)="onRemove($event, i)" />
-                                </div>
-                            </ng-template>
-                        </p-dataView>
-
-                        <!-- Оставить только один -->
-                        <p-orderList *ngIf="filesListMode === 'Drag-and-Drop'" [value]="selectedFiles" [dragdrop]="true">
-                            <ng-template let-data let-index="index" pTemplate="item">
-                                <div class="p-fileupload-item-row flex flex-row items-center gap-2" [ngClass]="{ error: data.status === uploadStatus.Error }">
-                                    <div class="flex flex-row flex-1 items-center gap-2">
-                                        <ng-container [ngSwitch]="data.status">
-                                            <p-progressSpinner *ngSwitchCase="uploadStatus.Uploading" styleClass="p-fileupload-progress-spinner" ariaLabel="loading" />
-                                            <i *ngSwitchCase="uploadStatus.Uploaded" class="ti ti-file-check text-xl"></i>
-                                            <i *ngSwitchCase="uploadStatus.Error" class="ti ti-file-alert text-xl file-icon"></i>
-                                            <i *ngSwitchDefault class="ti ti-file text-xl"></i>
-                                        </ng-container>
-
-                                        <div class="flex flex-col flex-1 gap-1">
-                                            <span class="body-regular-base">{{ data.file.name }}</span>
-                                            <span class="caption-secondary">{{ data.file.size }}</span>
-                                        </div>
-                                    </div>
-
-                                    <div *ngIf="data.file?.objectURL">
-                                        <img [src]="data.file.objectURL" width="35" />
-                                    </div>
-                                    <p-button
-                                        icon="ti ti-trash-x"
-                                        [disabled]="data.status === uploadStatus.Uploading"
-                                        [text]="true"
-                                        severity="danger"
-                                        (click)="onRemove($event, index)"
-                                        (mousedown)="$event.stopPropagation()"
-                                        (touchstart)="$event.stopPropagation()"
-                                    />
-                                    <i class="ti ti-grip-vertical text-xl"></i>
-                                </div>
-                            </ng-template>
-                        </p-orderList>
-
-                        <!-- Удалить секцию если не используется -->
-                        <div class="flex flex-row justify-between items-center">
-                            <p-button label="Отправить" [raised]="true" [loading]="isFilesProcessing" (onClick)="onUploadAll()" />
-                            <p-button label="Очистить" [text]="true" severity="danger" [loading]="isFilesProcessing" (onClick)="onRemoveAll()" />
-                        </div>
-                    </ng-template>
-                </ng-template>
-                <ng-template pTemplate="file"></ng-template>
-            </p-fileUpload>
-        </div>
-        <app-code [code]="code" selector="file-upload-cdek-template-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class TemplateCdekDndDoc {
-    readonly stateOptions = ['Data-View', 'Drag-and-Drop'];
-
-    filesListMode: string = this.stateOptions[0];
-
-    @ViewChild('fileUploadControl') fileUploadControl!: FileUpload;
-
-    readonly invalidFileSizeMessageSummary = '{0}: Недопустимый размер файла';
-    readonly invalidFileSizeMessageDetail = 'максимальный допустимый размер {0}.';
-    readonly invalidFileTypeMessageSummary = 'Недопустимый тип файла {0}';
-    readonly invalidFileTypeMessageDetail = 'допустимые типы файлов: PDF, JPG, JPEG.';
-
-    selectedFiles: IFileData[] = [];
-
-    readonly uploadStatus = UploadStatus;
-    isFilesProcessing = false;
-
-    get isSelectedFilesExist(): boolean {
-        return this.selectedFiles?.length > 0;
-    }
-
-    constructor(
-        private readonly messageService: MessageService,
-        private readonly cdr: ChangeDetectorRef
-    ) {}
-
-    onOpenChooseDialog(): void {
-        if (this.fileUploadControl) {
-            this.fileUploadControl.choose();
-        }
-    }
-
-    onRemove(event: Event, index: number): void {
-        this.fileUploadControl.remove(event, index);
-        this.selectedFiles = this.selectedFiles.filter((_, i) => i !== index);
-
-        this.cdr.markForCheck();
-    }
-
-    onUploadAll(): void {
-        let aploadedNames = new Set<string>();
-        const promises = this.selectedFiles.map((file, i) => {
-            // 1) Если уже Uploaded — сразу возвращаем resolved-промис, ничего не делаем
-            if (file.status === UploadStatus.Uploaded) {
-                aploadedNames.add(file.file.name);
-                return Promise.resolve();
-            }
-
-            // 2) Иначе меняем статус на Uploading…
-            this.selectedFiles[i].status = UploadStatus.Uploading;
-            return this.simulateUpload(i);
-        });
-
-        this.isFilesProcessing = true;
-
-        this.cdr.markForCheck();
-
-        Promise.all(promises).then(() => {
-            this.isFilesProcessing = false;
-
-            // Собираем списки имён
-            const successNames = this.selectedFiles.filter((f) => !aploadedNames.has(f.file.name) && f.status === UploadStatus.Uploaded).map((f) => f.file.name);
-            const errorNames = this.selectedFiles.filter((f) => f.status === UploadStatus.Error).map((f) => f.file.name);
-
-            const messages: Message[] = [];
-            if (successNames?.length) {
-                messages.push({
-                    severity: 'success',
-                    summary: successNames.join(', '),
-                    detail: 'Успешно загружены'
-                });
-            }
-            if (errorNames.length) {
-                messages.push({
-                    severity: 'error',
-                    summary: errorNames.join(', '),
-                    detail: 'Ошибка загрузки'
-                });
-            }
-
-            this.messageService.addAll(messages);
-
-            this.cdr.markForCheck();
-        });
-    }
-
-    onRemoveAll(): void {
-        this.isFilesProcessing = true;
-
-        setTimeout(() => {
-            this.selectedFiles = [];
-            this.fileUploadControl.clear();
-
-            this.isFilesProcessing = false;
-            this.cdr.markForCheck();
-        }, 3000);
-    }
-
-    onSelectedFiles(event: { currentFiles: File[] }) {
-        // 1) Определяем функцию-идентификатор файла (по name+size+lastModified, т.к. сами объекты File могут быть разными)
-        const fileId = (f: File) => `${f.name}|${f.size}|${f.lastModified}`;
-
-        // 2) Собираем Set уже добавленных файлов
-        const existingIds = new Set(this.selectedFiles.map((sf) => fileId(sf.file)));
-
-        // 3) Фильтруем только те файлы из event.currentFiles, которых ещё нет
-        const newFiles = event.currentFiles.filter((f) => !existingIds.has(fileId(f))).map((f) => ({ file: f, status: UploadStatus.Pending }));
-
-        // 4) Собираем новый массив: сначала старые, потом только что отфильтрованные новые
-        this.selectedFiles = [...this.selectedFiles, ...newFiles];
-
-        if (this.fileUploadControl.msgs?.length) {
-            this.messageService.addAll(this.fileUploadControl.msgs);
-        }
-
-        this.cdr.markForCheck();
-    }
-
-    private simulateUpload(index: number): Promise<void> {
-        return new Promise((resolve) => {
-            const delay = Math.random() * 2000 + 500;
-            setTimeout(() => {
-                this.selectedFiles[index].status = Math.random() > 0.3 ? UploadStatus.Uploaded : UploadStatus.Error;
-                this.cdr.markForCheck();
-                resolve();
-            }, delay);
-        });
-    }
-
-    code: Code = {
-        basic: `
-            <p-toast [life]="3000" />
-            <p-fileUpload
-                [styleClass]="'p-fileupload-dnd ' + (isSelectedFilesExist ? 'gap-2' : '')"
-                [multiple]="true"
-                accept="image/*"
-                maxFileSize="1000000"
-                [invalidFileSizeMessageSummary]="invalidFileSizeMessageSummary"
-                [invalidFileSizeMessageDetail]="invalidFileSizeMessageDetail"
-                [invalidFileTypeMessageSummary]="invalidFileTypeMessageSummary"
-                [invalidFileTypeMessageDetail]="invalidFileTypeMessageDetail"
-                (dragover)="$event.preventDefault()"
-                (drop)="fileUploadControl.onDrop($event)"
-                (onSelect)="onSelectedFiles($event)"
-                #fileUploadControl
-            >
-                <ng-template pTemplate="header" let-files let-chooseCallback="chooseCallback">
-                    <button type="button" (click)="onOpenChooseDialog()">
-                        <i class="text-7xl pi pi pi-upload"></i>
-                        <div>
-                            <p class="m-0 text-lg font-semibold">Чтобы загрузить файлы кликните или перетащите их в эту область.</p>
-                            <p class="m-0 text-base text-slate-500">Можно загрузить не более N файлов размеров N MB</p>
-                        </div>
-                    </button>
-                </ng-template>
-                <ng-template pTemplate="content">
-                    <ng-template [ngIf]="isSelectedFilesExist">
-                        <!-- Оставить только один -->
-                        <p-dataView #dataViewFiles [value]="selectedFiles">
-                            <ng-template pTemplate="list" let-selectedFiles>
-                                <div *ngFor="let data of selectedFiles; let i = index" class="p-fileupload-item-row flex flex-row items-center gap-2" [ngClass]="{ error: data.status === uploadStatus.Error }">
-                                    <div class="flex flex-row flex-1 items-center gap-2">
-                                        <ng-container [ngSwitch]="data.status">
-                                            <p-progressSpinner *ngSwitchCase="uploadStatus.Uploading" styleClass="p-fileupload-progress-spinner" ariaLabel="loading" />
-                                            <i *ngSwitchCase="uploadStatus.Uploaded" class="ti ti-file-check text-xl"></i>
-                                            <i *ngSwitchCase="uploadStatus.Error" class="ti ti-file-alert text-xl file-icon"></i>
-                                            <i *ngSwitchDefault class="ti ti-file text-xl"></i>
-                                        </ng-container>
-
-                                        <div class="flex flex-col flex-1 gap-1">
-                                            <span class="body-regular-base">{{ data.file.name }}</span>
-                                            <span class="caption-secondary">{{ data.file.size }}</span>
-                                        </div>
-                                    </div>
-
-                                    <div *ngIf="data.file?.objectURL">
-                                        <img [src]="data.file.objectURL" width="35" />
-                                    </div>
-                                    <p-button icon="ti ti-trash-x" [disabled]="data.status === uploadStatus.Uploading" [text]="true" severity="danger" (click)="onRemove($event, i)" />
-                                </div>
-                            </ng-template>
-                        </p-dataView>
-
-                        <!-- Оставить только один -->
-                        <p-orderList [value]="selectedFiles" [dragdrop]="true">
-                            <ng-template let-data let-index="index" pTemplate="item">
-                                <div class="p-fileupload-item-row flex flex-row items-center gap-2" [ngClass]="{ error: data.status === uploadStatus.Error }">
-                                    <div class="flex flex-row flex-1 items-center gap-2">
-                                        <ng-container [ngSwitch]="data.status">
-                                            <p-progressSpinner *ngSwitchCase="uploadStatus.Uploading" styleClass="p-fileupload-progress-spinner" ariaLabel="loading" />
-                                            <i *ngSwitchCase="uploadStatus.Uploaded" class="ti ti-file-check text-xl"></i>
-                                            <i *ngSwitchCase="uploadStatus.Error" class="ti ti-file-alert text-xl file-icon"></i>
-                                            <i *ngSwitchDefault class="ti ti-file text-xl"></i>
-                                        </ng-container>
-
-                                        <div class="flex flex-col flex-1 gap-1">
-                                            <span class="body-regular-base">{{ data.file.name }}</span>
-                                            <span class="caption-secondary">{{ data.file.size }}</span>
-                                        </div>
-                                    </div>
-
-                                    <div *ngIf="data.file?.objectURL">
-                                        <img [src]="data.file.objectURL" width="35" />
-                                    </div>
-                                    <p-button
-                                        icon="ti ti-trash-x"
-                                        [disabled]="data.status === uploadStatus.Uploading"
-                                        [text]="true"
-                                        severity="danger"
-                                        (click)="onRemove($event, index)"
-                                        (mousedown)="$event.stopPropagation()"
-                                        (touchstart)="$event.stopPropagation()"
-                                    />
-                                    <i class="ti ti-grip-vertical text-xl"></i>
-                                </div>
-                            </ng-template>
-                        </p-orderList>
-
-                        <!-- Удалить секцию если не используется -->
-                        <div class="flex flex-row justify-between items-center">
-                            <p-button label="Отправить" [raised]="true" [loading]="isFilesProcessing" (onClick)="onUploadAll()" />
-                            <p-button label="Очистить" [text]="true" severity="danger" [loading]="isFilesProcessing" (onClick)="onRemoveAll()" />
-                        </div>
-                    </ng-template>
-                </ng-template>
-                <ng-template pTemplate="file"></ng-template>
-            </p-fileUpload>`,
-        html: `
-        <div class="card">
-            <p-toast [life]="3000" />
-            <p-fileUpload
-                [styleClass]="'p-fileupload-dnd ' + (isSelectedFilesExist ? 'gap-2' : '')"
-                [multiple]="true"
-                accept="image/*"
-                maxFileSize="1000000"
-                [invalidFileSizeMessageSummary]="invalidFileSizeMessageSummary"
-                [invalidFileSizeMessageDetail]="invalidFileSizeMessageDetail"
-                [invalidFileTypeMessageSummary]="invalidFileTypeMessageSummary"
-                [invalidFileTypeMessageDetail]="invalidFileTypeMessageDetail"
-                (dragover)="$event.preventDefault()"
-                (drop)="fileUploadControl.onDrop($event)"
-                (onSelect)="onSelectedFiles($event)"
-                #fileUploadControl
-            >
-                <ng-template pTemplate="header" let-files let-chooseCallback="chooseCallback">
-                    <button type="button" (click)="onOpenChooseDialog()">
-                        <i class="text-7xl pi pi pi-upload"></i>
-                        <div>
-                            <p class="m-0 text-lg font-semibold">Чтобы загрузить файлы кликните или перетащите их в эту область.</p>
-                            <p class="m-0 text-base text-slate-500">Можно загрузить не более N файлов размеров N MB</p>
-                        </div>
-                    </button>
-                </ng-template>
-                <ng-template pTemplate="content">
-                    <ng-template [ngIf]="isSelectedFilesExist">
-                        <!-- Оставить только один -->
-                        <p-dataView #dataViewFiles [value]="selectedFiles">
-                            <ng-template pTemplate="list" let-selectedFiles>
-                                <div *ngFor="let data of selectedFiles; let i = index" class="p-fileupload-item-row flex flex-row items-center gap-2" [ngClass]="{ error: data.status === uploadStatus.Error }">
-                                    <div class="flex flex-row flex-1 items-center gap-2">
-                                        <ng-container [ngSwitch]="data.status">
-                                            <p-progressSpinner *ngSwitchCase="uploadStatus.Uploading" styleClass="p-fileupload-progress-spinner" ariaLabel="loading" />
-                                            <i *ngSwitchCase="uploadStatus.Uploaded" class="ti ti-file-check text-xl"></i>
-                                            <i *ngSwitchCase="uploadStatus.Error" class="ti ti-file-alert text-xl file-icon"></i>
-                                            <i *ngSwitchDefault class="ti ti-file text-xl"></i>
-                                        </ng-container>
-
-                                        <div class="flex flex-col flex-1 gap-1">
-                                            <span class="body-regular-base">{{ data.file.name }}</span>
-                                            <span class="caption-secondary">{{ data.file.size }}</span>
-                                        </div>
-                                    </div>
-
-                                    <div *ngIf="data.file?.objectURL">
-                                        <img [src]="data.file.objectURL" width="35" />
-                                    </div>
-                                    <p-button icon="ti ti-trash-x" [disabled]="data.status === uploadStatus.Uploading" [text]="true" severity="danger" (click)="onRemove($event, i)" />
-                                </div>
-                            </ng-template>
-                        </p-dataView>
-
-                        <!-- Оставить только один -->
-                        <p-orderList [value]="selectedFiles" [dragdrop]="true">
-                            <ng-template let-data let-index="index" pTemplate="item">
-                                <div class="p-fileupload-item-row flex flex-row items-center gap-2" [ngClass]="{ error: data.status === uploadStatus.Error }">
-                                    <div class="flex flex-row flex-1 items-center gap-2">
-                                        <ng-container [ngSwitch]="data.status">
-                                            <p-progressSpinner *ngSwitchCase="uploadStatus.Uploading" styleClass="p-fileupload-progress-spinner" ariaLabel="loading" />
-                                            <i *ngSwitchCase="uploadStatus.Uploaded" class="ti ti-file-check text-xl"></i>
-                                            <i *ngSwitchCase="uploadStatus.Error" class="ti ti-file-alert text-xl file-icon"></i>
-                                            <i *ngSwitchDefault class="ti ti-file text-xl"></i>
-                                        </ng-container>
-
-                                        <div class="flex flex-col flex-1 gap-1">
-                                            <span class="body-regular-base">{{ data.file.name }}</span>
-                                            <span class="caption-secondary">{{ data.file.size }}</span>
-                                        </div>
-                                    </div>
-
-                                    <div *ngIf="data.file?.objectURL">
-                                        <img [src]="data.file.objectURL" width="35" />
-                                    </div>
-                                    <p-button
-                                        icon="ti ti-trash-x"
-                                        [disabled]="data.status === uploadStatus.Uploading"
-                                        [text]="true"
-                                        severity="danger"
-                                        (click)="onRemove($event, index)"
-                                        (mousedown)="$event.stopPropagation()"
-                                        (touchstart)="$event.stopPropagation()"
-                                    />
-                                    <i class="ti ti-grip-vertical text-xl"></i>
-                                </div>
-                            </ng-template>
-                        </p-orderList>
-
-                        <!-- Удалить секцию если не используется -->
-                        <div class="flex flex-row justify-between items-center">
-                            <p-button label="Отправить" [raised]="true" [loading]="isFilesProcessing" (onClick)="onUploadAll()" />
-                            <p-button label="Очистить" [text]="true" severity="danger" [loading]="isFilesProcessing" (onClick)="onRemoveAll()" />
-                        </div>
-                    </ng-template>
-                </ng-template>
-                <ng-template pTemplate="file"></ng-template>
-            </p-fileUpload>
-        </div>`,
-        typescript: `import { ChangeDetectorRef, Component, ViewChild } from '@angular/core';
-import { Code } from '@domain/code';
-import { Message, MessageService } from 'primeng/api';
-import { FileUpload } from 'primeng/fileupload';
-import { OrderListModule } from 'primeng/orderlist';
-import { DataViewModule } from 'primeng/dataview';
-import { ProgressSpinnerModule } from 'primeng/progressspinner';
-
-enum UploadStatus {
-    Pending = 'pending',
-    Uploading = 'uploading',
-    Uploaded = 'uploaded',
-    Error = 'error'
-}
-
-interface IFileData {
-    file: File;
-    status: UploadStatus;
-}
-
-@Component({
-    selector: 'file-upload-template-cdek-dnd-demo',
-    templateUrl: './file-upload-template-cdek-dnd-demo.html',
-    standalone: true,
-    imports: [FileUploadModule, ButtonModule, CommonModule, ProgressSpinnerModule, OrderListModule, DataViewModule],
-    providers: [MessageService]
-})
-export class TemplateCdekDndDoc {
-    @ViewChild('fileUploadControl') fileUploadControl!: FileUpload;
-
-    readonly invalidFileSizeMessageSummary = '{0}: Недопустимый размер файла';
-    readonly invalidFileSizeMessageDetail = 'максимальный допустимый размер {0}.';
-    readonly invalidFileTypeMessageSummary = 'Недопустимый тип файла {0}';
-    readonly invalidFileTypeMessageDetail = 'допустимые типы файлов: PDF, JPG, JPEG.';
-
-    selectedFiles: IFileData[] = [];
-
-    readonly uploadStatus = UploadStatus;
-    isFilesProcessing = false;
-
-    get isSelectedFilesExist(): boolean {
-        return this.selectedFiles?.length > 0;
-    }
-
-    constructor(
-        private readonly messageService: MessageService,
-        private readonly cdr: ChangeDetectorRef
-    ) {}
-
-    onOpenChooseDialog(): void {
-        if (this.fileUploadControl) {
-            this.fileUploadControl.choose();
-        }
-    }
-
-    onRemove(event: Event, index: number): void {
-        this.fileUploadControl.remove(event, index);
-        this.selectedFiles = this.selectedFiles.filter((_, i) => i !== index);
-
-        this.cdr.markForCheck();
-    }
-
-    onUploadAll(): void {
-        let aploadedNames = new Set<string>();
-        const promises = this.selectedFiles.map((file, i) => {
-            // 1) Если уже Uploaded — сразу возвращаем resolved-промис, ничего не делаем
-            if (file.status === UploadStatus.Uploaded) {
-                aploadedNames.add(file.file.name);
-                return Promise.resolve();
-            }
-
-            // 2) Иначе меняем статус на Uploading…
-            this.selectedFiles[i].status = UploadStatus.Uploading;
-            return this.simulateUpload(i);
-        });
-
-        this.isFilesProcessing = true;
-
-        this.cdr.markForCheck();
-
-        Promise.all(promises).then(() => {
-            this.isFilesProcessing = false;
-
-            // Собираем списки имён
-            const successNames = this.selectedFiles.filter((f) => !aploadedNames.has(f.file.name) && f.status === UploadStatus.Uploaded).map((f) => f.file.name);
-            const errorNames = this.selectedFiles.filter((f) => f.status === UploadStatus.Error).map((f) => f.file.name);
-
-            const messages: Message[] = [];
-            if (successNames?.length) {
-                messages.push({
-                    severity: 'success',
-                    summary: successNames.join(', '),
-                    detail: 'Успешно загружены'
-                });
-            }
-            if (errorNames.length) {
-                messages.push({
-                    severity: 'error',
-                    summary: errorNames.join(', '),
-                    detail: 'Ошибка загрузки'
-                });
-            }
-
-            this.messageService.addAll(messages);
-
-            this.cdr.markForCheck();
-        });
-    }
-
-    onRemoveAll(): void {
-        this.isFilesProcessing = true;
-
-        setTimeout(() => {
-            this.selectedFiles = [];
-            this.fileUploadControl.clear();
-
-            this.isFilesProcessing = false;
-            this.cdr.markForCheck();
-        }, 3000);
-    }
-
-    onSelectedFiles(event: { currentFiles: File[] }) {
-        // 1) Определяем функцию-идентификатор файла (по name+size+lastModified, т.к. сами объекты File могут быть разными)
-        const fileId = (f: File) => \`\${f.name}|\${f.size}|\${f.lastModified}\`;
-
-        // 2) Собираем Set уже добавленных файлов
-        const existingIds = new Set(this.selectedFiles.map((sf) => fileId(sf.file)));
-
-        // 3) Фильтруем только те файлы из event.currentFiles, которых ещё нет
-        const newFiles = event.currentFiles.filter((f) => !existingIds.has(fileId(f))).map((f) => ({ file: f, status: UploadStatus.Pending }));
-
-        // 4) Собираем новый массив: сначала старые, потом только что отфильтрованные новые
-        this.selectedFiles = [...this.selectedFiles, ...newFiles];
-
-        if (this.fileUploadControl.msgs?.length) {
-            this.messageService.addAll(this.fileUploadControl.msgs);
-        }
-
-        this.cdr.markForCheck();
-    }
-
-    private simulateUpload(index: number): Promise<void> {
-        return new Promise((resolve) => {
-            const delay = Math.random() * 2000 + 500;
-            setTimeout(() => {
-                this.selectedFiles[index].status = Math.random() > 0.3 ? UploadStatus.Uploaded : UploadStatus.Error;
-                this.cdr.markForCheck();
-                resolve();
-            }, delay);
-        });
-    }
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/fileupload/templatedoc.ts b/src/app/showcase/doc/fileupload/templatedoc.ts
deleted file mode 100644
index 1c20120..0000000
--- a/src/app/showcase/doc/fileupload/templatedoc.ts
+++ /dev/null
@@ -1,300 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { MessageService, PrimeNGConfig } from 'primeng/api';
-
-@Component({
-    selector: 'file-upload-template-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Uploader UI is customizable using a ng-template called <i>file</i> that gets the <a href="https://www.w3.org/TR/FileAPI/">File</a> instance as the implicit variable. Second ng-template named <i>content</i> can be used to place custom
-                content inside the content section which would be useful to implement a user interface to manage the uploaded files such as removing them. This template gets the selected files as the implicit variable. Third and final ng-template
-                option is <i>toolbar</i> to display custom content at toolbar.
-            </p></app-docsectiontext
-        >
-        <div class="card">
-            <p-toast />
-            <p-fileUpload name="myfile[]" url="https://www.primefaces.org/cdn/api/upload.php" [multiple]="true" accept="image/*" maxFileSize="1000000" (onUpload)="onTemplatedUpload()" (onSelect)="onSelectedFiles($event)">
-                <ng-template pTemplate="header" let-files let-chooseCallback="chooseCallback" let-clearCallback="clearCallback" let-uploadCallback="uploadCallback">
-                    <div class="flex flex-wrap justify-between items-center flex-1 gap-2" *ngIf="files?.length > 0">
-                        <p-progressBar [value]="totalSizePercent" [showValue]="false" styleClass="md:!w-20 !h-1 w-full md:ml-auto" [ngClass]="{ 'exceeded-progress-bar': totalSizePercent > 100 }">
-                            <span class="whitespace-nowrap">{{ totalSize }}B / 1Mb</span>
-                        </p-progressBar>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="content" let-files let-uploadedFiles="files" let-removeFileCallback="removeFileCallback" let-removeUploadedFileCallback="removeUploadedFileCallback">
-                    <div *ngIf="files?.length > 0">
-                        <h5>Pending</h5>
-                        <div class="flex flex-wrap p-0 sm:p-8 gap-8">
-                            <div *ngFor="let file of files; let i = index" class="card m-0 px-12 flex flex-col border border-surface items-center gap-4">
-                                <div>
-                                    <img role="presentation" [alt]="file.name" [src]="file.objectURL" width="100" height="50" />
-                                </div>
-                                <span class="font-semibold">{{ file.name }}</span>
-                                <div>{{ formatSize(file.size) }}</div>
-                                <p-badge value="Pending" severity="warning" />
-                                <p-button icon="pi pi-times" (onClick)="onRemoveTemplatingFile($event, file, removeFileCallback, index)" [outlined]="true" [rounded]="true" severity="danger" />
-                            </div>
-                        </div>
-                    </div>
-                    <div *ngIf="files?.length > 0">
-                        <h5>Completed</h5>
-                        <div class="flex flex-wrap p-0 sm:p-8 gap-8">
-                            <div *ngFor="let file of files; let i = index" class="card m-0 px-12 flex flex-col border border-surface items-center gap-4">
-                                <div>
-                                    <img role="presentation" [alt]="file.name" [src]="file.objectURL" width="100" height="50" />
-                                </div>
-                                <span class="font-semibold">{{ file.name }}</span>
-                                <div>{{ formatSize(file.size) }}</div>
-                                <p-badge value="Completed" class="mt-4" severity="success" />
-                                <p-button icon="pi pi-times" (onClick)="removeUploadedFileCallback(index)" [outlined]="true" [rounded]="true" severity="danger" />
-                            </div>
-                        </div>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="file"> </ng-template>
-                <ng-template pTemplate="empty">
-                    <div class="flex items-center justify-center flex-col">
-                        <i class="text-8xl pi pi pi-upload p-8 "></i>
-                        <p class="mt-6 mb-0 text-lg font-semibold">Чтобы загрузить файлы кликните или перетащите их в эту область.</p>
-                        <p class="mb-0 text-base text-slate-500">Можно загрузить не более N файлов размеров N MB</p>
-                    </div>
-                </ng-template>
-            </p-fileUpload>
-        </div>
-        <app-code [code]="code" selector="file-upload-template-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class TemplateDoc {
-    files = [];
-
-    totalSize: number = 0;
-
-    totalSizePercent: number = 0;
-
-    constructor(
-        private config: PrimeNGConfig,
-        private messageService: MessageService
-    ) {}
-
-    choose(event, callback) {
-        callback();
-    }
-
-    onRemoveTemplatingFile(event, file, removeFileCallback, index) {
-        removeFileCallback(event, index);
-        this.totalSize -= parseInt(this.formatSize(file.size));
-        this.totalSizePercent = this.totalSize / 10;
-    }
-
-    onClearTemplatingUpload(clear) {
-        clear();
-        this.totalSize = 0;
-        this.totalSizePercent = 0;
-    }
-
-    onTemplatedUpload() {
-        this.messageService.add({ severity: 'info', summary: 'Success', detail: 'File Uploaded', life: 3000 });
-    }
-
-    onSelectedFiles(event) {
-        this.files = event.currentFiles;
-        this.files.forEach((file) => {
-            this.totalSize += parseInt(this.formatSize(file.size));
-        });
-        this.totalSizePercent = this.totalSize / 10;
-    }
-
-    uploadEvent(callback) {
-        callback();
-    }
-
-    formatSize(bytes) {
-        const k = 1024;
-        const dm = 3;
-        const sizes = this.config.translation.fileSizeTypes;
-        if (bytes === 0) {
-            return `0 ${sizes[0]}`;
-        }
-
-        const i = Math.floor(Math.log(bytes) / Math.log(k));
-        const formattedSize = parseFloat((bytes / Math.pow(k, i)).toFixed(dm));
-
-        return `${formattedSize} ${sizes[i]}`;
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-            <p-fileUpload name="myfile[]" url="https://www.primefaces.org/cdn/api/upload.php" [multiple]="true" accept="image/*" maxFileSize="1000000" (onUpload)="onTemplatedUpload()" (onSelect)="onSelectedFiles($event)">
-                <ng-template pTemplate="header" let-files let-chooseCallback="chooseCallback" let-clearCallback="clearCallback" let-uploadCallback="uploadCallback">
-                    <div class="flex flex-wrap justify-between items-center flex-1 gap-2" *ngIf="files?.length > 0">
-                        <p-progressBar [value]="totalSizePercent" [showValue]="false" styleClass="md:!w-20 !h-1 w-full md:ml-auto" [ngClass]="{ 'exceeded-progress-bar': totalSizePercent > 100 }">
-                            <span class="whitespace-nowrap">{{ totalSize }}B / 1Mb</span>
-                        </p-progressBar>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="content" let-files let-files="files" let-removeFileCallback="removeFileCallback" let-removeUploadedFileCallback="removeUploadedFileCallback">
-                    <div *ngIf="files?.length > 0">
-                        <h5>Pending</h5>
-                        <div class="flex flex-wrap p-0 sm:p-8 gap-8">
-                            <div *ngFor="let file of files; let i = index" class="card m-0 px-12 flex flex-col border border-surface items-center gap-4">
-                                <div>
-                                    <img role="presentation" [alt]="file.name" [src]="file.objectURL" width="100" height="50" />
-                                </div>
-                                <span class="font-semibold">{{ file.name }}</span>
-                                <div>{{ formatSize(file.size) }}</div>
-                                <p-badge value="Pending" severity="warning" />
-                                <p-button icon="pi pi-times" (onClick)="onRemoveTemplatingFile($event, file, removeFileCallback, index)" [outlined]="true" [rounded]="true" severity="danger" />
-                            </div>
-                        </div>
-                    </div>
-                    <div *ngIf="files?.length > 0">
-                        <h5>Completed</h5>
-                        <div class="flex flex-wrap p-0 sm:p-8 gap-8">
-                            <div *ngFor="let file of files; let i = index" class="card m-0 px-12 flex flex-col border border-surface items-center gap-4">
-                                <div>
-                                    <img role="presentation" [alt]="file.name" [src]="file.objectURL" width="100" height="50" />
-                                </div>
-                                <span class="font-semibold">{{ file.name }}</span>
-                                <div>{{ formatSize(file.size) }}</div>
-                                <p-badge value="Completed" class="mt-4" severity="success" />
-                                <p-button icon="pi pi-times" (onClick)="removeUploadedFileCallback(index)" [outlined]="true" [rounded]="true" severity="danger" />
-                            </div>
-                        </div>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="file"> </ng-template>
-                <ng-template pTemplate="empty">
-                    <div class="flex items-center justify-center flex-col">
-                        <i class="text-8xl pi pi pi-upload p-8 "></i>
-                        <p class="mt-6 mb-0 text-lg font-semibold">Чтобы загрузить файлы кликните или перетащите их в эту область.</p>
-                        <p class="mb-0 text-base text-slate-500">Можно загрузить не более N файлов размеров N MB </p>
-                    </div>
-                </ng-template>
-            </p-fileUpload>`,
-        html: `        <div class="card">
-            <p-toast />
-            <p-fileUpload name="myfile[]" url="https://www.primefaces.org/cdn/api/upload.php" [multiple]="true" accept="image/*" maxFileSize="1000000" (onUpload)="onTemplatedUpload()" (onSelect)="onSelectedFiles($event)">
-                <ng-template pTemplate="header" let-files let-chooseCallback="chooseCallback" let-clearCallback="clearCallback" let-uploadCallback="uploadCallback">
-                    <div class="flex flex-wrap justify-between items-center flex-1 gap-2" *ngIf="files?.length > 0">
-                        <p-progressBar [value]="totalSizePercent" [showValue]="false" styleClass="md:!w-20 !h-1 w-full md:ml-auto" [ngClass]="{ 'exceeded-progress-bar': totalSizePercent > 100 }">
-                            <span class="whitespace-nowrap">{{ totalSize }}B / 1Mb</span>
-                        </p-progressBar>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="content" let-files let-uploadedFiles="files" let-removeFileCallback="removeFileCallback" let-removeUploadedFileCallback="removeUploadedFileCallback">
-                    <div *ngIf="files?.length > 0">
-                        <h5>Pending</h5>
-                        <div class="flex flex-wrap p-0 sm:p-8 gap-8">
-                            <div *ngFor="let file of files; let i = index" class="card m-0 px-12 flex flex-col border border-surface items-center gap-4">
-                                <div>
-                                    <img role="presentation" [alt]="file.name" [src]="file.objectURL" width="100" height="50" />
-                                </div>
-                                <span class="font-semibold">{{ file.name }}</span>
-                                <div>{{ formatSize(file.size) }}</div>
-                                <p-badge value="Pending" severity="warning" />
-                                <p-button icon="pi pi-times" (onClick)="onRemoveTemplatingFile($event, file, removeFileCallback, index)" [outlined]="true" [rounded]="true" severity="danger" />
-                            </div>
-                        </div>
-                    </div>
-                    <div *ngIf="files?.length > 0">
-                        <h5>Completed</h5>
-                        <div class="flex flex-wrap p-0 sm:p-8 gap-8">
-                            <div *ngFor="let file of files; let i = index" class="card m-0 px-12 flex flex-col border border-surface items-center gap-4">
-                                <div>
-                                    <img role="presentation" [alt]="file.name" [src]="file.objectURL" width="100" height="50" />
-                                </div>
-                                <span class="font-semibold">{{ file.name }}</span>
-                                <div>{{ formatSize(file.size) }}</div>
-                                <p-badge value="Completed" class="mt-4" severity="success" />
-                                <p-button icon="pi pi-times" (onClick)="removeUploadedFileCallback(index)" [outlined]="true" [rounded]="true" severity="danger" />
-                            </div>
-                        </div>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="file"> </ng-template>
-                <ng-template pTemplate="empty">
-                    <div class="flex items-center justify-center flex-col">
-                        <i class="text-8xl pi pi pi-upload p-8 "></i>
-                        <p class="mt-6 mb-0 text-lg font-semibold">Чтобы загрузить файлы кликните или перетащите их в эту область.</p>
-                        <p class="mb-0 text-base text-slate-500">Можно загрузить не более N файлов размеров N MB </p>
-                    </div>
-                </ng-template>
-            </p-fileUpload>
-        </div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MessageService, PrimeNGConfig} from 'primeng/api';
-import { FileUploadModule } from 'primeng/fileupload';
-import { ButtonModule } from 'primeng/button';
-import { CommonModule } from '@angular/common';
-import { BadgeModule } from 'primeng/badge';
-import { HttpClientModule } from '@angular/common/http';
-import { ProgressBarModule } from 'primeng/progressbar';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'file-upload-template-demo',
-    templateUrl: './file-upload-template-demo.html',
-    standalone: true,
-    imports: [FileUploadModule, ButtonModule, BadgeModule, ProgressBarModule, ToastModule, HttpClientModule, CommonModule],
-    providers: [MessageService]
-})
-export class FileUploadTemplateDemo {
-    files = [];
-
-    totalSize : number = 0;
-
-    totalSizePercent : number = 0;
-
-    constructor(private config: PrimeNGConfig, private messageService: MessageService) {}
-
-    choose(event, callback) {
-        callback();
-    }
-
-    onRemoveTemplatingFile(event, file, removeFileCallback, index) {
-        removeFileCallback(event, index);
-        this.totalSize -= parseInt(this.formatSize(file.size));
-        this.totalSizePercent = this.totalSize / 10;
-    }
-
-    onClearTemplatingUpload(clear) {
-        clear();
-        this.totalSize = 0;
-        this.totalSizePercent = 0;
-    }
-
-    onTemplatedUpload() {
-        this.messageService.add({ severity: 'info', summary: 'Success', detail: 'File Uploaded', life: 3000 });
-    }
-
-    onSelectedFiles(event) {
-        this.files = event.currentFiles;
-        this.files.forEach((file) => {
-            this.totalSize += parseInt(this.formatSize(file.size));
-        });
-        this.totalSizePercent = this.totalSize / 10;
-    }
-
-    uploadEvent(callback) {
-        callback();
-    }
-
-    formatSize(bytes) {
-        const k = 1024;
-        const dm = 3;
-        const sizes = this.config.translation.fileSizeTypes;
-        if (bytes === 0) {
-            return \`0 \${sizes[0]}\`;
-        }
-
-        const i = Math.floor(Math.log(bytes) / Math.log(k));
-        const formattedSize = parseFloat((bytes / Math.pow(k, i)).toFixed(dm));
-
-        return \`\${formattedSize} \${sizes[i]}\`;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/filterservice/apidoc.ts b/src/app/showcase/doc/filterservice/apidoc.ts
deleted file mode 100644
index ca6fc9a..0000000
--- a/src/app/showcase/doc/filterservice/apidoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'api-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Parameters</th>
-                        <th>Description</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>filter</td>
-                        <td>
-                            value[]: An array of values to filter<br />
-                            fields[]: An array of properties in the value object<br />
-                            filterValue: Filter value<br />
-                            filterMatchMode: Constraint<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the property values of the given value collection matches the filter.</td>
-                    </tr>
-                    <tr>
-                        <td>filters</td>
-                        <td>-</td>
-                        <td>Property to access constraints collection.</td>
-                    </tr>
-                    <tr>
-                        <td>register</td>
-                        <td>
-                            name: string <br />
-                            fn: Filter callback
-                        </td>
-                        <td>Registers a new constraint in filters.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class ApiDoc {}
diff --git a/src/app/showcase/doc/filterservice/builtinconstraintsdoc.ts b/src/app/showcase/doc/filterservice/builtinconstraintsdoc.ts
deleted file mode 100644
index 27c0cfc..0000000
--- a/src/app/showcase/doc/filterservice/builtinconstraintsdoc.ts
+++ /dev/null
@@ -1,147 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'built-in-constraints-doc',
-    template: `
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Parameters</th>
-                        <th>Description</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>startsWith</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value starts with the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>contains</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value contains the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>endsWith</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value ends with the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>equals</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value equals the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>notEquals</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value does not equal the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>in</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter[]: An array of filter values<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value contains the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>lt</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value is less than the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>lte</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value is less than or equals to the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>gt</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value is greater than the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>gte</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value is greater than or equals to the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>is</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value equals the filter value, alias to equals</td>
-                    </tr>
-                    <tr>
-                        <td>isNot</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value does not equal the filter value, alias to notEquals.</td>
-                    </tr>
-                    <tr>
-                        <td>before</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the date value is before the filter date.</td>
-                    </tr>
-                    <tr>
-                        <td>after</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the date value is after the filter date.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class BuiltInConstraintsDoc {}
diff --git a/src/app/showcase/doc/filterservice/customconstraintsdoc.ts b/src/app/showcase/doc/filterservice/customconstraintsdoc.ts
deleted file mode 100644
index ca3f094..0000000
--- a/src/app/showcase/doc/filterservice/customconstraintsdoc.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'custom-constraints-doc',
-    template: `
-        <app-docsectiontext>
-            <p>FilterService can be extended by adding new constraints using the <span>register</span> function.</p></app-docsectiontext
-        >
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class CustomConstraintsDoc {
-    code: Code = {
-        typescript: `this.filterService.register('isPrimeNumber', (value, filter): boolean => {
-    if (filter === undefined || filter === null || filter.trim() === '') {
-        return true;
-    }
-
-    if (value === undefined || value === null) {
-        return false;
-    }
-
-    return value.toString() === filter.toString();
-});
-
-this.filterService.filters['isPrimeNumber'](3);                      //true
-this.filterService.filters['isPrimeNumber'](5);                      //true
-this.filterService.filters['isPrimeNumber'](568985673);              //false`
-    };
-}
diff --git a/src/app/showcase/doc/filterservice/filterservicedoc.module.ts b/src/app/showcase/doc/filterservice/filterservicedoc.module.ts
deleted file mode 100644
index 38d08fa..0000000
--- a/src/app/showcase/doc/filterservice/filterservicedoc.module.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TableModule } from 'primeng/table';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ApiDoc } from './apidoc';
-import { BuiltInConstraintsDoc } from './builtinconstraintsdoc';
-import { CustomConstraintsDoc } from './customconstraintsdoc';
-import { ImportDoc } from './importdoc';
-import { TableIntegrationDoc } from './tableintegrationdoc';
-import { UsageDoc } from './usagedoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, RouterModule, TableModule],
-    exports: [AppDocModule],
-    declarations: [ApiDoc, BuiltInConstraintsDoc, CustomConstraintsDoc, ImportDoc, UsageDoc, TableIntegrationDoc]
-})
-export class FilterServiceDocModule {}
diff --git a/src/app/showcase/doc/filterservice/importdoc.ts b/src/app/showcase/doc/filterservice/importdoc.ts
deleted file mode 100644
index 75921bc..0000000
--- a/src/app/showcase/doc/filterservice/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { FilterService } from 'primeng/api';`
-    };
-}
diff --git a/src/app/showcase/doc/filterservice/tableintegrationdoc.ts b/src/app/showcase/doc/filterservice/tableintegrationdoc.ts
deleted file mode 100644
index fffcffe..0000000
--- a/src/app/showcase/doc/filterservice/tableintegrationdoc.ts
+++ /dev/null
@@ -1,216 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FilterMatchMode, FilterService, SelectItem } from 'primeng/api';
-import { Car } from '@domain/car';
-import { Code } from '@domain/code';
-import { CarService } from '@service/carservice';
-
-@Component({
-    selector: 'filter-service-table-integration-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A custom equals filter that checks for exact case sensitive value is registered and defined as a match mode of a column filter.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-table #dt [columns]="cols" [value]="cars" [paginator]="true" [rows]="10" responsiveLayout="scroll">
-                <ng-template pTemplate="header" let-columns>
-                    <tr>
-                        <th *ngFor="let col of columns">&#123;&#123;col.header&#125;&#125;</th>
-                    </tr>
-                    <tr>
-                        <th *ngFor="let col of columns">
-                            <p-columnFilter type="text" [field]="col.field" [matchModeOptions]="matchModeOptions" [matchMode]="'custom-equals'" />
-                        </th>
-                    </tr>
-                </ng-template>
-                <ng-template pTemplate="body" let-rowData let-columns="columns">
-                    <tr [pSelectableRow]="rowData">
-                        <td *ngFor="let col of columns">&#123;&#123;rowData[col.field]&#125;&#125;</td>
-                    </tr>
-                </ng-template>
-            </p-table>
-        </div>
-        <app-code [code]="code" selector="filter-service-table-integration-demo" [extFiles]="extFiles"></app-code>
-    `,
-    providers: [FilterService]
-})
-export class TableIntegrationDoc implements OnInit {
-    cars: Car[];
-
-    cols: any[];
-
-    matchModeOptions: SelectItem[];
-
-    constructor(
-        private carService: CarService,
-        private filterService: FilterService
-    ) {}
-
-    ngOnInit() {
-        const customFilterName = 'custom-equals';
-
-        this.filterService.register(customFilterName, (value, filter): boolean => {
-            if (filter === undefined || filter === null || filter.trim() === '') {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            return value.toString() === filter.toString();
-        });
-
-        this.cols = [
-            { field: 'year', header: 'Year' },
-            { field: 'brand', header: 'Brand' },
-            { field: 'color', header: 'Color' },
-            { field: 'vin', header: 'Vin' }
-        ];
-
-        this.matchModeOptions = [
-            { label: 'Custom Equals', value: customFilterName },
-            { label: 'Starts With', value: FilterMatchMode.STARTS_WITH },
-            { label: 'Contains', value: FilterMatchMode.CONTAINS }
-        ];
-
-        this.carService.getCarsMedium().then((cars) => (this.cars = cars));
-    }
-
-    code: Code = {
-        basic: `<p-table #dt [columns]="cols" [value]="cars" [paginator]="true" [rows]="10" responsiveLayout="scroll">
-    <ng-template pTemplate="header" let-columns>
-        <tr>
-            <th *ngFor="let col of columns">
-                &#123;&#123;col.header&#125;&#125;
-            </th>
-        </tr>
-        <tr>
-            <th *ngFor="let col of columns">
-                <p-columnFilter 
-                    type="text" 
-                    [field]="col.field" 
-                    [matchModeOptions]="matchModeOptions" 
-                    [matchMode]="'custom-equals'" />
-            </th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-rowData let-columns="columns">
-        <tr [pSelectableRow]="rowData">
-            <td *ngFor="let col of columns">
-                &#123;&#123;rowData[col.field]&#125;&#125;
-            </td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table #dt [columns]="cols" [value]="cars" [paginator]="true" [rows]="10" responsiveLayout="scroll">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">&#123;&#123;col.header&#125;&#125;</th>
-            </tr>
-            <tr>
-                <th *ngFor="let col of columns">
-                    <p-columnFilter 
-                        type="text" 
-                        [field]="col.field" 
-                        [matchModeOptions]="matchModeOptions" 
-                        [matchMode]="'custom-equals'" />
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowData let-columns="columns">
-            <tr [pSelectableRow]="rowData">
-                <td *ngFor="let col of columns">&#123;&#123;rowData[col.field]&#125;&#125;</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FilterMatchMode, FilterService, SelectItem } from 'primeng/api';
-import { Car } from '@domain/car';
-import { CarService } from '@service/carservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'filter-service-table-integration-demo',
-    templateUrl: './filter-service-table-integration-demo.html',
-    standalone: true,
-    imports: [TableModule, CommonModule],
-    providers: [FilterService, CarService]
-})
-export class FilterServiceTableIntegrationDemo implements OnInit {
-    cars: Car[];
-
-    cols: any[];
-
-    matchModeOptions: SelectItem[];
-
-    constructor(private carService: CarService, private filterService: FilterService) {}
-
-    ngOnInit() {
-        const customFilterName = 'custom-equals';
-
-        this.filterService.register(customFilterName, (value, filter): boolean => {
-            if (filter === undefined || filter === null || filter.trim() === '') {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            return value.toString() === filter.toString();
-        });
-
-        this.cols = [
-            { field: 'year', header: 'Year' },
-            { field: 'brand', header: 'Brand' },
-            { field: 'color', header: 'Color' },
-            { field: 'vin', header: 'Vin' }
-        ];
-
-        this.matchModeOptions = [
-            { label: 'Custom Equals', value: customFilterName },
-            { label: 'Starts With', value: FilterMatchMode.STARTS_WITH },
-            { label: 'Contains', value: FilterMatchMode.CONTAINS }
-        ];
-
-        this.carService.getCarsMedium().then((cars) => (this.cars = cars));
-    }
-}`,
-        service: ['CarService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        },
-        {
-            path: 'src/domain/car.ts',
-            content: `
-export interface Car {
-    id?;
-    vin?;
-    year?;
-    brand?;
-    color?;
-    price?;
-    saleDate?;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/filterservice/usagedoc.ts b/src/app/showcase/doc/filterservice/usagedoc.ts
deleted file mode 100644
index 8762a1e..0000000
--- a/src/app/showcase/doc/filterservice/usagedoc.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'usage-doc',
-    template: `
-        <app-docsectiontext>
-            <p><i>FilterService</i> needs to be injected into your component. Filters are accessed with <i>FilterService.filters</i>.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class UsageDoc {
-    code: Code = {
-        typescript: `export class FilterServiceDemo implements OnInit {
-
-    constructor(private filterService: FilterService) {}
-
-    ngOnInit() {
-        const value = 'PrimeNG';
-
-        this.filterService.filters.equals(value, 'NG');                            //false
-        this.filterService.filters.equals(value, 8);                               //false
-        this.filterService.filters.equals(value, new Date());                      //false
-        this.filterService.filters.contains(value, 'NG');                          //true
-        this.filterService.filters.startsWith(value, 'NG');                        //false
-        this.filterService.filters.endsWith(value, 'NG');                          //true
-        this.filterService.filters.lt(10, 20);                                     //true
-        this.filterService.filters.gt(50, 20);                                     //true
-        this.filterService.filters.in(value, ['PrimeFaces', 'PrimeNG']);           //true
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/floatlabel/accessibilitydoc.ts b/src/app/showcase/doc/floatlabel/accessibilitydoc.ts
deleted file mode 100644
index f08e1fb..0000000
--- a/src/app/showcase/doc/floatlabel/accessibilitydoc.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: `
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>FloatLabel does not require any roles and attributes.</p>
-
-            <h3>Keyboard Support</h3>
-            <p>Component does not include any interactive elements.</p>
-        </app-docsectiontext>
-    `
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/floatlabel/basicdoc.ts b/src/app/showcase/doc/floatlabel/basicdoc.ts
deleted file mode 100644
index 24648dd..0000000
--- a/src/app/showcase/doc/floatlabel/basicdoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>FloatLabel is used by wrapping the input and its label.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-floatLabel>
-                <input id="username" type="text" pInputText [(ngModel)]="value" />
-                <label for="username">Username</label>
-            </p-floatLabel>
-        </div>
-        <app-code [code]="code" selector="float-label-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    value: string | undefined;
-
-    code: Code = {
-        basic: `<p-floatLabel>
-    <input id="username" type="text" pInputText [(ngModel)]="value" />
-    <label for="username">Username</label>
-</p-floatLabel>`,
-
-        html: `<div class="card flex justify-center">
-    <p-floatLabel>
-        <input id="username" type="text" pInputText [(ngModel)]="value" />
-        <label for="username">Username</label>
-    </p-floatLabel>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FloatLabelModule } from "primeng/floatlabel"  
-
-@Component({
-    selector: 'float-label-basic-demo',
-    templateUrl: './float-label-basic-demo.html',
-    standalone: true,
-    imports: [FloatLabelModule]
-})
-export class FloatLabelBasicDemo {
-    value: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/floatlabel/disableddoc.ts b/src/app/showcase/doc/floatlabel/disableddoc.ts
deleted file mode 100644
index 839b8ff..0000000
--- a/src/app/showcase/doc/floatlabel/disableddoc.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Disabled state FloatLabel is used by wrapping the input and its label. </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <input id="username" type="text" pInputText disabled [(ngModel)]="value" />
-                <label for="username">Username</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <input id="username" type="text" pInputText disabled [(ngModel)]="value" />
-                <label for="username">Username</label>
-            </p-floatLabel>
-        </div>
-
-        <div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <input id="username" type="text" pInputText disabled ngModel="Text" />
-                <label for="username">Username</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <input id="username" type="text" pInputText disabled ngModel="Text" />
-                <label for="username">Username</label>
-            </p-floatLabel>
-        </div>
-        <app-code [code]="code" selector="float-label-invalid-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    value: string | undefined;
-
-    code: Code = {
-        basic: `<div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <input id="username" type="text" pInputText disabled [(ngModel)]="value" />
-                <label for="username">Username</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <input id="username" type="text" pInputText disabled [(ngModel)]="value" />
-                <label for="username">Username</label>
-            </p-floatLabel>
-        </div>
-
-        <div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <input id="username" type="text" pInputText disabled ngModel="Text" />
-                <label for="username">Username</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <input id="username" type="text" pInputText disabled ngModel="Text" />
-                <label for="username">Username</label>
-            </p-floatLabel>
-        </div>`,
-
-        html: `<div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <input id="username" type="text" pInputText disabled [(ngModel)]="value" />
-                <label for="username">Username</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <input id="username" type="text" pInputText disabled [(ngModel)]="value" />
-                <label for="username">Username</label>
-            </p-floatLabel>
-        </div>
-
-        <div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <input id="username" type="text" pInputText disabled ngModel="Text" />
-                <label for="username">Username</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <input id="username" type="text" pInputText disabled ngModel="Text" />
-                <label for="username">Username</label>
-            </p-floatLabel>
-        </div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FloatLabelModule } from "primeng/floatlabel"
-
-@Component({
-    selector: 'float-label-disabled-demo',
-    templateUrl: './float-label-disabled-demo.html',
-    standalone: true,
-    imports: [FloatLabelModule]
-})
-export class FloatLabelDisabledDemo {
-    value: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/floatlabel/floatlabeldoc.module.ts b/src/app/showcase/doc/floatlabel/floatlabeldoc.module.ts
deleted file mode 100644
index 9f0d94d..0000000
--- a/src/app/showcase/doc/floatlabel/floatlabeldoc.module.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { FormsModule } from '@angular/forms';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { FloatLabelModule } from 'primeng/floatlabel';
-import { InputTextModule } from 'primeng/inputtext';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { StyleDoc } from './styledoc';
-import { InvalidDoc } from '@doc/floatlabel/invaliddoc';
-import { VariantInDoc } from '@doc/floatlabel/variantindoc';
-import { DisabledDoc } from '@doc/floatlabel/disableddoc';
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, FormsModule, FloatLabelModule, InputTextModule],
-    declarations: [BasicDoc, ImportDoc, StyleDoc, AccessibilityDoc, InvalidDoc, VariantInDoc, DisabledDoc],
-    exports: [AppDocModule]
-})
-export class FloatLabelDocModule {}
diff --git a/src/app/showcase/doc/floatlabel/importdoc.ts b/src/app/showcase/doc/floatlabel/importdoc.ts
deleted file mode 100644
index dc0e02f..0000000
--- a/src/app/showcase/doc/floatlabel/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { FloatLabelModule } from 'primeng/floatlabel';`
-    };
-}
diff --git a/src/app/showcase/doc/floatlabel/invaliddoc.ts b/src/app/showcase/doc/floatlabel/invaliddoc.ts
deleted file mode 100644
index ca9daa0..0000000
--- a/src/app/showcase/doc/floatlabel/invaliddoc.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'invalid-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state FloatLabel is used by wrapping the input and its label. </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <input id="username" type="text" pInputText class="ng-invalid ng-touched"  [(ngModel)]="value" />
-                <label for="username">Username</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <input id="username" type="text" pInputText class="ng-invalid ng-touched"  [(ngModel)]="value" />
-                <label for="username">Username</label>
-            </p-floatLabel>
-        </div>
-        <app-code [code]="code" selector="float-label-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc {
-    value: string | undefined;
-
-    code: Code = {
-        basic: `<p-floatLabel>
-    <input id="username" type="text" pInputText class="ng-invalid ng-touched"  [(ngModel)]="value" />
-    <label for="username">Username</label>
-</p-floatLabel>
-
-<p-floatLabel class="float-variant-in">
-    <input id="username" type="text" pInputText class="ng-invalid ng-touched"  [(ngModel)]="value" />
-    <label for="username">Username</label>
-</p-floatLabel>`,
-
-        html: `<div class="card flex justify-center gap-4">
-    <p-floatLabel>
-        <input id="username" type="text" pInputText class="ng-invalid ng-touched"  [(ngModel)]="value" />
-        <label for="username">Username</label>
-    </p-floatLabel>
-
-    <p-floatLabel class="float-variant-in">
-        <input id="username" type="text" pInputText class="ng-invalid ng-touched"  [(ngModel)]="value" />
-        <label for="username">Username</label>
-    </p-floatLabel>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FloatLabelModule } from "primeng/floatlabel"
-
-@Component({
-    selector: 'float-label-invalid-demo',
-    templateUrl: './float-label-invalid-demo.html',
-    standalone: true,
-    imports: [FloatLabelModule]
-})
-export class FloatLabelInvalidDemo {
-    value: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/floatlabel/styledoc.ts b/src/app/showcase/doc/floatlabel/styledoc.ts
deleted file mode 100644
index aa6a728..0000000
--- a/src/app/showcase/doc/floatlabel/styledoc.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-float-label</td>
-                        <td>Float label element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/floatlabel/variantindoc.ts b/src/app/showcase/doc/floatlabel/variantindoc.ts
deleted file mode 100644
index 83c7af6..0000000
--- a/src/app/showcase/doc/floatlabel/variantindoc.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'float-variant-in-doc',
-    template: `
-        <app-docsectiontext>
-            <p>FloatLabel is used by wrapping the input and its label. Расположение лейбла внутри поля ввода.</p>
-            <p>Для использования этого варианта, нужно добавить класс float-variant-in</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-floatLabel class="float-variant-in">
-                <input id="username" type="text" pInputText [(ngModel)]="value" />
-                <label for="username">Username</label>
-            </p-floatLabel>
-        </div>
-        <app-code [code]="code" selector="float-label-basic-demo"></app-code>
-    `
-})
-export class VariantInDoc {
-    value: string | undefined;
-
-    code: Code = {
-        basic:
-`<p-floatLabel class="float-variant-in">
-    <input id="username" type="text" pInputText [(ngModel)]="value" />
-    <label for="username">Username</label>
-</p-floatLabel>`,
-
-        html: `<div class="card flex justify-center">
-    <p-floatLabel  class="float-variant-in">
-        <input id="username" type="text" pInputText [(ngModel)]="value" />
-        <label for="username">Username</label>
-    </p-floatLabel>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FloatLabelModule } from "primeng/floatlabel"
-
-@Component({
-    selector: 'float-label-float-variant-in-demo',
-    templateUrl: './float-label-float-variant-in-demo.html',
-    standalone: true,
-    imports: [FloatLabelModule]
-})
-export class FloatLabelVariantInDemo {
-    value: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/focustrap/basicdoc.ts b/src/app/showcase/doc/focustrap/basicdoc.ts
deleted file mode 100644
index 21b483c..0000000
--- a/src/app/showcase/doc/focustrap/basicdoc.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'focus-trap-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>FocusTrap is applied to a container element with the <i>pFocusTrap</i> directive.</p>
-        </app-docsectiontext>
-        <div pFocusTrap class="card flex items-center justify-center flex-wrap gap-3">
-            <div>
-                <h4>Input</h4>
-                <input id="input" type="text" size="30" pInputText />
-            </div>
-            <div>
-                <h4>Float Label</h4>
-                <span class="p-float-label">
-                    <input id="float-input" type="text" size="30" pInputText />
-                    <label for="float-input">Username</label>
-                </span>
-            </div>
-            <div>
-                <h4>Disabled Input</h4>
-                <input id="disabled-input" type="text" size="30" pInputText [disabled]="true" />
-            </div>
-            <div>
-                <h4>Input with tabindex -1</h4>
-                <input type="text" size="30" pInputText tabindex="-1" />
-            </div>
-            <div>
-                <h4>Button</h4>
-                <p-button icon="pi pi-check" label="Check" />
-            </div>
-            <div>
-                <h4>Dropdown</h4>
-                <p-dropdown [options]="cities" [(ngModel)]="selectedCity" placeholder="Select a City" optionLabel="name" [showClear]="true" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="focus-trap-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    selectedCity: string | undefined;
-
-    cities = [
-        { name: 'New York', code: 'NY' },
-        { name: 'Rome', code: 'RM' },
-        { name: 'London', code: 'LDN' },
-        { name: 'Istanbul', code: 'IST' },
-        { name: 'Paris', code: 'PRS' }
-    ];
-
-    code: Code = {
-        basic: `<div pFocusTrap class="card flex items-center justify-center flex-wrap gap-3">
-    <div>
-        <h4>Input</h4>
-        <input id="input" type="text" size="30" pInputText>
-    </div>
-    <div>
-        <h4>Float Label</h4>
-        <span class="p-float-label">
-            <input id="float-input" type="text" size="30" pInputText> 
-            <label for="float-input">Username</label>
-        </span>
-    </div>
-</div>`,
-        html: `<div pFocusTrap class="card flex items-center justify-center flex-wrap gap-3">
-    <div>
-        <h4>Input</h4>
-        <input id="input" type="text" size="30" pInputText>
-    </div>
-    <div>
-        <h4>Float Label</h4>
-        <span class="p-float-label">
-            <input id="float-input" type="text" size="30" pInputText> 
-            <label for="float-input">Username</label>
-        </span>
-    </div>
-    <div>
-        <h4>Disabled Input</h4>
-        <input id="disabled-input" type="text" size="30" pInputText [disabled]="true" />
-    </div>
-    <div>
-        <h4>Input with tabindex -1</h4>
-        <input type="text" size="30" pInputText tabindex="-1" />
-    </div>
-    <div>
-        <h4>Button</h4>
-        <p-button icon="pi pi-check" label="Check" />
-    </div>
-    <div>
-        <h4>Dropdown</h4>
-        <p-dropdown 
-            [options]="cities" 
-            [(ngModel)]="selectedCity" 
-            placeholder="Select a City" 
-            optionLabel="name" 
-            [showClear]="true" />
-    </div>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { FocusTrapModule } from 'primeng/focustrap';
-import { ButtonModule } from 'primeng/button';
-import { DropdownModule } from 'primeng/dropdown';
-import { FormsModule } from '@angular/forms';
-import { InputTextModule } from 'primeng/inputtext';
-        
-@Component({
-    selector: 'focus-trap-basic-demo',
-    templateUrl: './focus-trap-basic-demo.html',
-    standalone: true,
-    imports: [FocusTrapModule, ButtonModule, DropdownModule, FormsModule, InputTextModule]
-})
-export class FocusTrapBasicDemo {
-    selectedCity: string | undefined;
-
-    cities = [
-        { name: 'New York', code: 'NY' },
-        { name: 'Rome', code: 'RM' },
-        { name: 'London', code: 'LDN' },
-        { name: 'Istanbul', code: 'IST' },
-        { name: 'Paris', code: 'PRS' }
-    ];
-}`
-    };
-}
diff --git a/src/app/showcase/doc/focustrap/focustrapdoc.module.ts b/src/app/showcase/doc/focustrap/focustrapdoc.module.ts
deleted file mode 100644
index b9c9129..0000000
--- a/src/app/showcase/doc/focustrap/focustrapdoc.module.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { FormsModule } from '@angular/forms';
-import { ButtonModule } from 'primeng/button';
-import { InputTextModule } from 'primeng/inputtext';
-import { DropdownModule } from 'primeng/dropdown';
-import { FocusTrapModule } from 'primeng/focustrap';
-import { ImportDoc } from './importdoc';
-import { BasicDoc } from './basicdoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, FormsModule, ButtonModule, InputTextModule, DropdownModule, FocusTrapModule],
-    declarations: [ImportDoc, BasicDoc],
-    exports: [AppDocModule]
-})
-export class FocusTrapDocModule {}
diff --git a/src/app/showcase/doc/focustrap/importdoc.ts b/src/app/showcase/doc/focustrap/importdoc.ts
deleted file mode 100644
index 124be22..0000000
--- a/src/app/showcase/doc/focustrap/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { FocusTrapModule } from 'primeng/focustrap';`
-    };
-}
diff --git a/src/app/showcase/doc/galleria/accessibilitydoc.ts b/src/app/showcase/doc/galleria/accessibilitydoc.ts
deleted file mode 100644
index 88f2e7d..0000000
--- a/src/app/showcase/doc/galleria/accessibilitydoc.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <h3>Screen Reader</h3>
-        <p>
-            Galleria uses <i>region</i> role and since any attribute is passed to the main container element, attributes such as <i>aria-label</i> and <i>aria-roledescription</i> can be used as well. The slides container has
-            <i>aria-live</i> attribute set as "polite" if galleria is not in autoplay mode, otherwise "off" would be the value in autoplay.
-        </p>
-        <p>
-            A slide has a <i>group</i> role with an aria-label that refers to the <i>aria.slideNumber</i> property of the <a href="/configuration/#locale">locale</a> API. Similarly <i>aria.slide</i> is used as the <i>aria-roledescription</i> of the
-            item. Inactive slides are hidden from the readers with <i>aria-hidden</i>.
-        </p>
-        <p>
-            Next and Previous navigators are button elements with <i>aria-label</i> attributes referring to the <i>aria.nextPageLabel</i> and <i>aria.firstPageLabel</i> properties of the <a href="/configuration/#locale">locale</a> API by default
-            respectively, you may still use your own aria roles and attributes as any valid attribute is passed to the button elements implicitly by using <i>nextButtonProps</i> and <i>prevButtonProps</i>.
-        </p>
-        <p>
-            Quick navigation elements and thumnbails follow the tab pattern. They are placed inside an element with a <i>tablist</i> role whereas each item has a <i>tab</i> role with <i>aria-selected</i> and <i>aria-controls</i> attributes. The
-            <i>aria-label</i> attribute of a quick navigation item refers to the <i>aria.pageLabel</i> of the <a href="/configuration/#locale">locale</a> API. Current page is marked with <i>aria-current</i>.
-        </p>
-        <p>In full screen mode, modal element uses <i>dialog</i> role with <i>aria-modal</i> enabled. The close button retrieves <i>aria-label</i> from the <i>aria.close</i> property of the <a href="/configuration/#locale">locale</a> API.</p>
-
-        <h3>Next/Prev Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>tab</i></td>
-                        <td>Moves focus through interactive elements in the carousel.</td>
-                    </tr>
-                    <tr>
-                        <td><i>enter</i></td>
-                        <td>Activates navigation.</td>
-                    </tr>
-                    <tr>
-                        <td><i>space</i></td>
-                        <td>Activates navigation.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Quick Navigation Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>tab</i></td>
-                        <td>Moves focus through the active slide link.</td>
-                    </tr>
-                    <tr>
-                        <td><i>enter</i></td>
-                        <td>Activates the focused slide link.</td>
-                    </tr>
-                    <tr>
-                        <td><i>space</i></td>
-                        <td>Activates the focused slide link.</td>
-                    </tr>
-                    <tr>
-                        <td><i>right arrow</i></td>
-                        <td>Moves focus to the next slide link.</td>
-                    </tr>
-                    <tr>
-                        <td><i>left arrow</i></td>
-                        <td>Moves focus to the previous slide link.</td>
-                    </tr>
-                    <tr>
-                        <td><i>home</i></td>
-                        <td>Moves focus to the first slide link.</td>
-                    </tr>
-                    <tr>
-                        <td><i>end</i></td>
-                        <td>Moves focus to the last slide link.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/galleria/advanceddoc.ts b/src/app/showcase/doc/galleria/advanceddoc.ts
deleted file mode 100644
index 94a6b49..0000000
--- a/src/app/showcase/doc/galleria/advanceddoc.ts
+++ /dev/null
@@ -1,451 +0,0 @@
-import { isPlatformBrowser } from '@angular/common';
-import { ChangeDetectorRef, Component, Inject, OnDestroy, OnInit, PLATFORM_ID, ViewChild } from '@angular/core';
-import { Galleria } from 'primeng/galleria';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'galleria-advanced-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Galleria can be extended further to implement complex requirements.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-galleria
-                #galleria
-                [(value)]="images"
-                [(activeIndex)]="activeIndex"
-                [numVisible]="5"
-                [showThumbnails]="showThumbnails"
-                [showItemNavigators]="true"
-                [showItemNavigatorsOnHover]="true"
-                [circular]="true"
-                [autoPlay]="true"
-                [transitionInterval]="3000"
-                [containerStyle]="{ 'max-width': '640px' }"
-                [containerClass]="galleriaClass()"
-            >
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" [ngStyle]="{ width: !fullscreen ? '100%' : '', display: !fullscreen ? 'block' : '' }" />
-                </ng-template>
-                <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="footer" let-item>
-                    <div class="custom-galleria-footer">
-                        <button type="button" pButton icon="pi pi-list" (click)="onThumbnailButtonClick()"></button>
-                        <span *ngIf="images" class="title-container">
-                            <span>{{ activeIndex + 1 }}/{{ images.length }}</span>
-                            <span class="title">{{ images[activeIndex].title }}</span>
-                            <span>{{ images[activeIndex].alt }}</span>
-                        </span>
-                        <button type="button" pButton [icon]="fullScreenIcon()" (click)="toggleFullScreen()" class="fullscreen-button"></button>
-                    </div>
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-advanced-demo"></app-code>
-    `
-})
-export class AdvancedDoc implements OnInit, OnDestroy {
-    images: any[] | undefined;
-
-    showThumbnails: boolean | undefined;
-
-    fullscreen: boolean = false;
-
-    activeIndex: number = 0;
-
-    onFullScreenListener: any;
-
-    @ViewChild('galleria') galleria: Galleria | undefined;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private photoService: PhotoService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-        this.bindDocumentListeners();
-    }
-
-    onThumbnailButtonClick() {
-        this.showThumbnails = !this.showThumbnails;
-    }
-
-    toggleFullScreen() {
-        if (this.fullscreen) {
-            this.closePreviewFullScreen();
-        } else {
-            this.openPreviewFullScreen();
-        }
-
-        this.cd.detach();
-    }
-
-    openPreviewFullScreen() {
-        let elem = this.galleria?.element.nativeElement.querySelector('.p-galleria');
-        if (elem.requestFullscreen) {
-            elem.requestFullscreen();
-        } else if (elem['mozRequestFullScreen']) {
-            /* Firefox */
-            elem['mozRequestFullScreen']();
-        } else if (elem['webkitRequestFullscreen']) {
-            /* Chrome, Safari & Opera */
-            elem['webkitRequestFullscreen']();
-        } else if (elem['msRequestFullscreen']) {
-            /* IE/Edge */
-            elem['msRequestFullscreen']();
-        }
-    }
-
-    onFullScreenChange() {
-        this.fullscreen = !this.fullscreen;
-        this.cd.detectChanges();
-        this.cd.reattach();
-    }
-
-    closePreviewFullScreen() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (document.exitFullscreen) {
-                document.exitFullscreen();
-            } else if (document['mozCancelFullScreen']) {
-                document['mozCancelFullScreen']();
-            } else if (document['webkitExitFullscreen']) {
-                document['webkitExitFullscreen']();
-            } else if (document['msExitFullscreen']) {
-                document['msExitFullscreen']();
-            }
-        }
-    }
-
-    bindDocumentListeners() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.onFullScreenListener = this.onFullScreenChange.bind(this);
-            document.addEventListener('fullscreenchange', this.onFullScreenListener);
-            document.addEventListener('mozfullscreenchange', this.onFullScreenListener);
-            document.addEventListener('webkitfullscreenchange', this.onFullScreenListener);
-            document.addEventListener('msfullscreenchange', this.onFullScreenListener);
-        }
-    }
-
-    unbindDocumentListeners() {
-        if (isPlatformBrowser(this.platformId)) {
-            document.removeEventListener('fullscreenchange', this.onFullScreenListener);
-            document.removeEventListener('mozfullscreenchange', this.onFullScreenListener);
-            document.removeEventListener('webkitfullscreenchange', this.onFullScreenListener);
-            document.removeEventListener('msfullscreenchange', this.onFullScreenListener);
-            this.onFullScreenListener = null;
-        }
-    }
-
-    ngOnDestroy() {
-        this.unbindDocumentListeners();
-    }
-
-    galleriaClass() {
-        return `custom-galleria ${this.fullscreen ? 'fullscreen' : ''}`;
-    }
-
-    fullScreenIcon() {
-        return `pi ${this.fullscreen ? 'pi-window-minimize' : 'pi-window-maximize'}`;
-    }
-
-    code: Code = {
-        basic: `<p-galleria
-    #galleria
-    [(value)]="images"
-    [(activeIndex)]="activeIndex"
-    [numVisible]="5"
-    [showThumbnails]="showThumbnails"
-    [showItemNavigators]="true"
-    [showItemNavigatorsOnHover]="true"
-    [circular]="true"
-    [autoPlay]="true"
-    [transitionInterval]="3000"
-    [containerStyle]="{ 'max-width': '640px' }"
-    [containerClass]="galleriaClass()">
-    <ng-template pTemplate="item" let-item>
-        <img
-            [src]="item.itemImageSrc"
-            [ngStyle]="{ width: !fullscreen ? '100%' : '', display: !fullscreen ? 'block' : '' }" />
-    </ng-template>
-    <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-    </ng-template>
-    <ng-template pTemplate="footer" let-item>
-        <div class="custom-galleria-footer">
-            <button type="button" pButton icon="pi pi-list" (click)="onThumbnailButtonClick()">
-            </button>
-            <span *ngIf="images" class="title-container">
-                <span>{{ activeIndex + 1 }}/{{ images.length }}</span>
-                <span class="title">{{ images[activeIndex].title }}</span>
-                <span>{{ images[activeIndex].alt }}</span>
-            </span>
-            <button type="button" pButton [icon]="fullScreenIcon()" (click)="toggleFullScreen()" class="fullscreen-button">
-            </button>
-        </div>
-    </ng-template>
-</p-galleria>`,
-        html: `<div class="card">
-    <p-galleria
-        #galleria
-        [(value)]="images"
-        [(activeIndex)]="activeIndex"
-        [numVisible]="5"
-        [showThumbnails]="showThumbnails"
-        [showItemNavigators]="true"
-        [showItemNavigatorsOnHover]="true"
-        [circular]="true"
-        [autoPlay]="true"
-        [transitionInterval]="3000"
-        [containerStyle]="{ 'max-width': '640px' }"
-        [containerClass]="galleriaClass()"
-    >
-        <ng-template pTemplate="item" let-item>
-            <img
-                [src]="item.itemImageSrc"
-                [ngStyle]="{ width: !fullscreen ? '100%' : '', display: !fullscreen ? 'block' : '' }" />
-        </ng-template>
-        <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-        </ng-template>
-        <ng-template pTemplate="footer" let-item>
-            <div class="custom-galleria-footer">
-                <button type="button" pButton icon="pi pi-list" (click)="onThumbnailButtonClick()">
-                </button>
-                <span *ngIf="images" class="title-container">
-                    <span>{{ activeIndex + 1 }}/{{ images.length }}</span>
-                    <span class="title">{{ images[activeIndex].title }}</span>
-                    <span>{{ images[activeIndex].alt }}</span>
-                </span>
-                <button type="button" pButton [icon]="fullScreenIcon()" (click)="toggleFullScreen()" class="fullscreen-button">
-                </button>
-            </div>
-        </ng-template>
-    </p-galleria>`,
-        typescript: `import { ChangeDetectorRef, Component, OnInit, OnDestroy, ViewChild, PLATFORM_ID, Inject } from '@angular/core';
-import { Galleria } from 'primeng/galleria';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'galleria-advanced-demo',
-    templateUrl: './galleria-advanced-demo.html',
-    styles: [
-        \`:host ::ng-deep {
-            .custom-galleria {
-                &.p-galleria {
-                    &.fullscreen {
-                        display: flex;
-                        flex-direction: column;
-
-                        .p-galleria-content {
-                            flex-grow: 1;
-                            justify-content: center;
-                        }
-                    }
-
-                    .p-galleria-content {
-                        position: relative;
-                    }
-
-                    .p-galleria-thumbnail-wrapper {
-                        position: absolute;
-                        bottom: 0;
-                        left: 0;
-                        width: 100%;
-                    }
-
-                    .p-galleria-thumbnail-items-container {
-                        width: 100%;
-                    }
-
-                    .custom-galleria-footer {
-                        display: flex;
-                        align-items: center;
-                        background-color: rgba(0, 0, 0, .9);
-                        color: #ffffff;
-
-                        > button {
-                            background-color: transparent;
-                            color: #ffffff;
-                            border: 0 none;
-                            border-radius: 0;
-                            margin: .2rem 0;
-
-                            &.fullscreen-button {
-                                margin-left: auto;
-                            }
-
-                            &:hover {
-                                background-color: rgba(255, 255, 255, 0.1);
-                            }
-                        }
-                    }
-
-                    .title-container {
-                        > span {
-                            font-size: .9rem;
-                            padding-left: .829rem;
-
-                            &.title {
-                                font-weight: bold;
-                            }
-                        }
-                    }
-                }
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [ButtonModule, GalleriaModule],
-    providers: [PhotoService]
-})
-export class GalleriaAdvancedDemo implements OnInit, OnDestroy {
-
-    images: any[] | undefined;
-
-    showThumbnails: boolean | undefined;
-
-    fullscreen: boolean = false;
-
-    activeIndex: number = 0;
-
-    onFullScreenListener: any;
-
-    @ViewChild('galleria') galleria: Galleria | undefined;
-
-    constructor(@Inject(PLATFORM_ID) private platformId: any, private photoService: PhotoService, private cd: ChangeDetectorRef) {}
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-        this.bindDocumentListeners();
-    }
-
-    onThumbnailButtonClick() {
-        this.showThumbnails = !this.showThumbnails;
-    }
-
-    toggleFullScreen() {
-        if (this.fullscreen) {
-            this.closePreviewFullScreen();
-        } else {
-            this.openPreviewFullScreen();
-        }
-
-        this.cd.detach();
-    }
-
-    openPreviewFullScreen() {
-        let elem = this.galleria?.element.nativeElement.querySelector('.p-galleria');
-        if (elem.requestFullscreen) {
-            elem.requestFullscreen();
-        } else if (elem['mozRequestFullScreen']) {
-            /* Firefox */
-            elem['mozRequestFullScreen']();
-        } else if (elem['webkitRequestFullscreen']) {
-            /* Chrome, Safari & Opera */
-            elem['webkitRequestFullscreen']();
-        } else if (elem['msRequestFullscreen']) {
-            /* IE/Edge */
-            elem['msRequestFullscreen']();
-        }
-    }
-
-    onFullScreenChange() {
-        this.fullscreen = !this.fullscreen;
-        this.cd.detectChanges();
-        this.cd.reattach();
-    }
-
-    closePreviewFullScreen() {
-        if (document.exitFullscreen) {
-            document.exitFullscreen();
-        } else if (document['mozCancelFullScreen']) {
-            document['mozCancelFullScreen']();
-        } else if (document['webkitExitFullscreen']) {
-            document['webkitExitFullscreen']();
-        } else if (document['msExitFullscreen']) {
-            document['msExitFullscreen']();
-        }
-    }
-
-    bindDocumentListeners() {
-        this.onFullScreenListener = this.onFullScreenChange.bind(this);
-        document.addEventListener('fullscreenchange', this.onFullScreenListener);
-        document.addEventListener('mozfullscreenchange', this.onFullScreenListener);
-        document.addEventListener('webkitfullscreenchange', this.onFullScreenListener);
-        document.addEventListener('msfullscreenchange', this.onFullScreenListener);
-    }
-
-    unbindDocumentListeners() {
-        document.removeEventListener('fullscreenchange', this.onFullScreenListener);
-        document.removeEventListener('mozfullscreenchange', this.onFullScreenListener);
-        document.removeEventListener('webkitfullscreenchange', this.onFullScreenListener);
-        document.removeEventListener('msfullscreenchange', this.onFullScreenListener);
-        this.onFullScreenListener = null;
-    }
-
-    ngOnDestroy() {
-        this.unbindDocumentListeners();
-    }
-
-    galleriaClass() {
-        return \`custom-galleria \${this.fullscreen ? 'fullscreen' : ''}\`;
-    }
-
-    fullScreenIcon() {
-        return \`pi \${this.fullscreen ? 'pi-window-minimize' : 'pi-window-maximize'}\`;
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`,
-
-        service: ['PhotoService']
-    };
-}
diff --git a/src/app/showcase/doc/galleria/autoplaydoc.ts b/src/app/showcase/doc/galleria/autoplaydoc.ts
deleted file mode 100644
index ba25214..0000000
--- a/src/app/showcase/doc/galleria/autoplaydoc.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'galleria-autoplay-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A slideshow implementation is defined by adding <i>circular</i> and <i>autoPlay</i> properties.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-galleria [(value)]="images" [autoPlay]="true" [circular]="true" [responsiveOptions]="responsiveOptions" [numVisible]="5" [containerStyle]="{ 'max-width': '640px' }">
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%;" />
-                </ng-template>
-                <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-autoplay-demo"></app-code>
-    `
-})
-export class AutoPlayDoc implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-    }
-
-    code: Code = {
-        basic: `<p-galleria
-    [(value)]="images"
-    [autoPlay]="true"
-    [circular]="true"
-    [responsiveOptions]="responsiveOptions"
-    [numVisible]="5"
-    [containerStyle]="{ 'max-width': '640px' }">
-        <ng-template pTemplate="item" let-item>
-            <img [src]="item.itemImageSrc" style="width: 100%;" />
-        </ng-template>
-        <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-        </ng-template>
-</p-galleria>`,
-        html: `<div class="card">
-    <p-galleria
-        [(value)]="images"
-        [autoPlay]="true"
-        [circular]="true"
-        [responsiveOptions]="responsiveOptions"
-        [numVisible]="5"
-        [containerStyle]="{ 'max-width': '640px' }">
-            <ng-template pTemplate="item" let-item>
-                <img [src]="item.itemImageSrc" style="width: 100%;" />
-            </ng-template>
-            <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-            </ng-template>
-    </p-galleria>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PhotoService } from '@service/photoservice';
-import { GalleriaModule } from 'primeng/galleria';
-
-@Component({
-    selector: 'galleria-autoplay-demo',
-    templateUrl: './galleria-autoplay-demo.html',
-    standalone: true,
-    imports: [GalleriaModule],
-    providers: [PhotoService]
-})
-export class GalleriaAutoplayDemo implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`,
-        service: ['PhotoService']
-    };
-}
diff --git a/src/app/showcase/doc/galleria/basicdoc.ts b/src/app/showcase/doc/galleria/basicdoc.ts
deleted file mode 100644
index 219b426..0000000
--- a/src/app/showcase/doc/galleria/basicdoc.ts
+++ /dev/null
@@ -1,322 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'galleria-basic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Galleria requires a <i>value</i> as a collection of images, <i>item</i> template for the higher resolution image and <i>thumbnail</i> template to display as a thumbnail.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-galleria [(value)]="images" containerClass="p-galleria-indicators-bottom" [(activeIndex)]="activeIndex" [showIndicators]="false" [showItemNavigators]="true" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '480px' }" [numVisible]="5">
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="height: 600px;" />
-                </ng-template>
-                <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="caption" let-item>
-                    <div class="flex flex-row justify-between items-center">
-                        <div class="p-galleria-caption-title">
-                            {{ images[activeIndex]?.title }}
-                        </div>
-
-                        <ul class="p-galleria-indicators">
-                            <ng-container *ngFor="let img of images; let i = index"><li
-                                class="p-galleria-indicator"
-                                [class.p-highlight]="i === activeIndex"
-                                (click)="activeIndex = i"
-                            >
-                                <button type="button" tabIndex="-1" class="p-link"></button>
-                            </li>
-                            </ng-container>
-                        </ul>
-                    </div>
-                </ng-template>
-
-            </p-galleria>
-        </div>
-
-        <div class="card">
-            <p-galleria [(value)]="images" containerClass="p-galleria-indicators-bottom" [(activeIndex)]="activeIndex" [showIndicators]="false" [showItemNavigators]="true" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '640px' }" [numVisible]="5">
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%;" />
-                </ng-template>
-                <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="caption" let-item>
-                    <div class="flex flex-row justify-between items-center">
-                        <div class="p-galleria-caption-title">
-                            {{ images[activeIndex]?.title }}
-                        </div>
-
-                        <ul class="p-galleria-indicators">
-                            <ng-container *ngFor="let img of images; let i = index"><li
-                                class="p-galleria-indicator"
-                                [class.p-highlight]="i === activeIndex"
-                                (click)="activeIndex = i"
-                            >
-                                <button type="button" tabIndex="-1" class="p-link"></button>
-                            </li>
-                            </ng-container>
-                        </ul>
-                    </div>
-                </ng-template>
-
-            </p-galleria>
-        </div>
-
-        <div class="card">
-            <p-galleria [(value)]="images" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '640px' }" [numVisible]="5">
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%;" />
-                </ng-template>
-                <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    images: any[] | undefined;
-
-    activeIndex = 0;
-
-    responsiveOptions: any[] | undefined;
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-        this.responsiveOptions = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<div class="card">
-    <p-galleria [(value)]="images" containerClass="p-galleria-indicators-bottom" [(activeIndex)]="activeIndex" [showIndicators]="false" [showItemNavigators]="true" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '480px' }" [numVisible]="5">
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="height: 600px;" />
-                </ng-template>
-                <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="caption" let-item>
-                    <div class="flex flex-row justify-between items-center">
-                        <div class="p-galleria-caption-title">
-                            {{ images[activeIndex]?.title }}
-                        </div>
-
-                        <ul class="p-galleria-indicators">
-                            <ng-container *ngFor="let img of images; let i = index"><li
-                                class="p-galleria-indicator"
-                                [class.p-highlight]="i === activeIndex"
-                                (click)="activeIndex = i"
-                            >
-                                <button type="button" tabIndex="-1" class="p-link"></button>
-                            </li>
-                            </ng-container>
-                        </ul>
-                    </div>
-                </ng-template>
-
-    </p-galleria>
-</div>
-<div class="card">
-    <p-galleria [(value)]="images" containerClass="p-galleria-indicators-bottom" [(activeIndex)]="activeIndex" [showIndicators]="false" [showItemNavigators]="true" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '640px' }" [numVisible]="5">
-        <ng-template pTemplate="item" let-item>
-            <img [src]="item.itemImageSrc" style="width: 100%;" />
-        </ng-template>
-        <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-        </ng-template>
-        <ng-template pTemplate="caption" let-item>
-            <div class="flex flex-row justify-between items-center">
-                <div class="p-galleria-caption-title">
-                    {{ images[activeIndex]?.title }}
-                </div>
-
-                <ul class="p-galleria-indicators">
-                    <ng-container *ngFor="let img of images; let i = index">
-                        <li class="p-galleria-indicator"
-                            [class.p-highlight]="i === activeIndex"
-                            (click)="activeIndex = i">
-                            <button type="button" tabIndex="-1" class="p-link"></button>
-                        </li>
-                    </ng-container>
-                </ul>
-            </div>
-        </ng-template>
-    </p-galleria>
-</div>
-
-
-<p-galleria
-    [(value)]="images"
-    [responsiveOptions]="responsiveOptions"
-    [containerStyle]="{ 'max-width': '640px' }"
-    [numVisible]="5">
-        <ng-template pTemplate="item" let-item>
-            <img [src]="item.itemImageSrc" style="width: 100%;" />
-        </ng-template>
-        <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-        </ng-template>
-</p-galleria>`,
-        html: `<div class="card">
-    <p-galleria [(value)]="images" containerClass="p-galleria-indicators-bottom" [(activeIndex)]="activeIndex" [showIndicators]="false" [showItemNavigators]="true" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '480px' }" [numVisible]="5">
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="height: 600px;" />
-                </ng-template>
-                <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="caption" let-item>
-                    <div class="flex flex-row justify-between items-center">
-                        <div class="p-galleria-caption-title">
-                            {{ images[activeIndex]?.title }}
-                        </div>
-
-                        <ul class="p-galleria-indicators">
-                            <ng-container *ngFor="let img of images; let i = index"><li
-                                class="p-galleria-indicator"
-                                [class.p-highlight]="i === activeIndex"
-                                (click)="activeIndex = i"
-                            >
-                                <button type="button" tabIndex="-1" class="p-link"></button>
-                            </li>
-                            </ng-container>
-                        </ul>
-                    </div>
-                </ng-template>
-
-    </p-galleria>
-</div>
-
-
-<div class="card">
-    <p-galleria [(value)]="images" containerClass="p-galleria-indicators-bottom" [(activeIndex)]="activeIndex" [showIndicators]="false" [showItemNavigators]="true" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '640px' }" [numVisible]="5">
-        <ng-template pTemplate="item" let-item>
-            <img [src]="item.itemImageSrc" style="width: 100%;" />
-        </ng-template>
-        <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-        </ng-template>
-        <ng-template pTemplate="caption" let-item>
-            <div class="flex flex-row justify-between items-center">
-                <div class="p-galleria-caption-title">
-                    {{ images[activeIndex]?.title }}
-                </div>
-
-                <ul class="p-galleria-indicators">
-                    <ng-container *ngFor="let img of images; let i = index">
-                        <li class="p-galleria-indicator"
-                            [class.p-highlight]="i === activeIndex"
-                            (click)="activeIndex = i">
-                            <button type="button" tabIndex="-1" class="p-link"></button>
-                        </li>
-                    </ng-container>
-                </ul>
-            </div>
-        </ng-template>
-    </p-galleria>
-</div>
-
-<div class="card">
-    <p-galleria
-        [(value)]="images"
-        [responsiveOptions]="responsiveOptions"
-        [containerStyle]="{ 'max-width': '640px' }"
-        [numVisible]="5">
-            <ng-template pTemplate="item" let-item>
-                <img [src]="item.itemImageSrc" style="width: 100%;" />
-            </ng-template>
-            <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-            </ng-template>
-    </p-galleria>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PhotoService } from '@service/photoservice';
-import { GalleriaModule } from 'primeng/galleria';
-
-@Component({
-    selector: 'galleria-basic-demo',
-    templateUrl: './galleria-basic-demo.html',
-    standalone: true,
-    imports: [GalleriaModule],
-    providers: [PhotoService]
-})
-export class GalleriaBasicDemo implements OnInit {
-    images: any[] | undefined;
-
-    activeIndex = 0;
-
-    responsiveOptions: any[] | undefined;
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-        this.responsiveOptions = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 3
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 1
-            }
-        ];
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`,
-        service: ['PhotoService']
-    };
-}
diff --git a/src/app/showcase/doc/galleria/captiondoc.ts b/src/app/showcase/doc/galleria/captiondoc.ts
deleted file mode 100644
index 7951a1a..0000000
--- a/src/app/showcase/doc/galleria/captiondoc.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'galleria-caption-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Description of an image is specified with the <i>caption</i> template.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-galleria [(value)]="images" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '640px' }" [numVisible]="5">
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-                </ng-template>
-                <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="caption" let-item>
-                    <h4 class="p-2 m-0" style="color: #ffffff;">{{ item.title }}</h4>
-                    <p class="px-2 m-0">{{ item.alt }}</p>
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-caption-demo"></app-code>
-    `
-})
-export class CaptionDoc implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-    }
-
-    code: Code = {
-        basic: `<p-galleria
-    [(value)]="images"
-    [responsiveOptions]="responsiveOptions"
-    [containerStyle]="{ 'max-width': '640px' }"
-    [numVisible]="5">
-        <ng-template pTemplate="item" let-item>
-            <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-        </ng-template>
-        <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-        </ng-template>
-        <ng-template pTemplate="caption" let-item>
-            <h4 style="margin-bottom: .5rem; color: #ffffff;">
-                {{ item.title }}
-            </h4>
-            <p>{{ item.alt }}</p>
-        </ng-template>
-</p-galleria>
-`,
-        html: `<div class="card">
-    <p-galleria
-        [(value)]="images"
-        [responsiveOptions]="responsiveOptions"
-        [containerStyle]="{ 'max-width': '640px' }"
-        [numVisible]="5">
-            <ng-template pTemplate="item" let-item>
-                <img [src]="item.itemImageSrc" style="width: 100%;" />
-            </ng-template>
-            <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-            </ng-template>
-    </p-galleria>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PhotoService } from '@service/photoservice';
-import { GalleriaModule } from 'primeng/galleria';
-
-@Component({
-    selector: 'galleria-caption-demo',
-    templateUrl: './galleria-caption-demo.html',
-    standalone: true,
-    imports: [GalleriaModule],
-    providers: [PhotoService]
-})
-export class GalleriaCaptionDemo implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`,
-        service: ['PhotoService']
-    };
-}
diff --git a/src/app/showcase/doc/galleria/controlleddoc.ts b/src/app/showcase/doc/galleria/controlleddoc.ts
deleted file mode 100644
index 0435c6e..0000000
--- a/src/app/showcase/doc/galleria/controlleddoc.ts
+++ /dev/null
@@ -1,198 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'galleria-controlled-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Galleria can be controlled programmatically using the <i>activeIndex</i> property.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="py-2 flex gap-2">
-                <p-button type="button" icon="pi pi-minus" (onClick)="prev()" severity="secondary" styleClass="mr-2" />
-                <p-button type="button" icon="pi pi-plus" (onClick)="next()" />
-            </div>
-            <p-galleria [(value)]="images" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '640px' }" [numVisible]="5" [(activeIndex)]="activeIndex">
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%;" />
-                </ng-template>
-                <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-controlled-demo"></app-code>
-    `
-})
-export class ControlledDoc implements OnInit {
-    images: any[] | undefined;
-
-    get activeIndex(): number {
-        return this._activeIndex;
-    }
-
-    set activeIndex(newValue) {
-        if (this.images && 0 <= newValue && newValue <= this.images.length - 1) {
-            this._activeIndex = newValue;
-        }
-    }
-
-    _activeIndex: number = 2;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-    }
-
-    next() {
-        this.activeIndex++;
-    }
-
-    prev() {
-        this.activeIndex--;
-    }
-
-    code: Code = {
-        basic: `<div class="py-2">
-    <p-button
-        type="button"
-        icon="pi pi-minus"
-        (onClick)="prev()"
-        severity="secondary"
-        styleClass="mr-2" />
-    <p-button
-        type="button"
-        icon="pi pi-plus"
-        (onClick)="next()" />
-</div>
-<p-galleria
-    [(value)]="images"
-    [responsiveOptions]="responsiveOptions"
-    [containerStyle]="{ 'max-width': '640px' }"
-    [numVisible]="5"
-    [(activeIndex)]="activeIndex">
-        <ng-template pTemplate="item" let-item>
-            <img [src]="item.itemImageSrc" style="width: 100%;" />
-        </ng-template>
-        <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-        </ng-template>
-</p-galleria>`,
-        html: `<div class="card">
-    <div class="py-2">
-        <p-button
-            type="button"
-            icon="pi pi-minus"
-            (onClick)="prev()"
-            severity="secondary"
-            styleClass="mr-2" />
-        <p-button
-            type="button"
-            icon="pi pi-plus"
-            (onClick)="next()" />
-    </div>
-    <p-galleria
-        [(value)]="images"
-        [responsiveOptions]="responsiveOptions"
-        [containerStyle]="{ 'max-width': '640px' }"
-        [numVisible]="5"
-        [(activeIndex)]="activeIndex">
-            <ng-template pTemplate="item" let-item>
-                <img [src]="item.itemImageSrc" style="width: 100%;" />
-            </ng-template>
-            <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-            </ng-template>
-    </p-galleria>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PhotoService } from '@service/photoservice';
-import { GalleriaModule } from 'primeng/galleria';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'galleria-controlled-demo',
-    templateUrl: './galleria-controlled-demo.html',
-    standalone: true,
-    imports: [GalleriaModule, ButtonModule],
-    providers: [PhotoService]
-})
-export class GalleriaControlledDemo implements OnInit {
-    images: any[] | undefined;
-
-    get activeIndex(): number {
-        return this._activeIndex;
-    }
-
-    set activeIndex(newValue) {
-        if (this.images && 0 <= newValue && newValue <= this.images.length - 1) {
-            this._activeIndex = newValue;
-        }
-    }
-
-    _activeIndex: number = 2;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-    }
-
-    next() {
-        this.activeIndex++;
-    }
-
-    prev() {
-        this.activeIndex--;
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`,
-        service: ['PhotoService']
-    };
-}
diff --git a/src/app/showcase/doc/galleria/fullscreen/customcontentdoc.ts b/src/app/showcase/doc/galleria/fullscreen/customcontentdoc.ts
deleted file mode 100644
index 3bfe38f..0000000
--- a/src/app/showcase/doc/galleria/fullscreen/customcontentdoc.ts
+++ /dev/null
@@ -1,182 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Using <i>activeIndex</i>, Galleria is displayed with a specific initial image.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div *ngIf="images" class="grid" style="max-width: 800px;">
-                <div *ngFor="let image of images; let index = index" class="col-3" key="index">
-                    <img [src]="image.thumbnailImageSrc" [alt]="image.alt" style="cursor: pointer" (click)="imageClick(index)" />
-                </div>
-            </div>
-            <p-galleria
-                [(value)]="images"
-                [(visible)]="displayCustom"
-                [(activeIndex)]="activeIndex"
-                [responsiveOptions]="responsiveOptions"
-                [containerStyle]="{ 'max-width': '850px' }"
-                [numVisible]="7"
-                [circular]="true"
-                [fullScreen]="true"
-                [showItemNavigators]="true"
-                [showThumbnails]="false"
-            >
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-full-screen-template-demo"></app-code>
-    `
-})
-export class FullScreenTemplateDoc implements OnInit {
-    displayCustom: boolean | undefined;
-
-    activeIndex: number = 0;
-
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-        {
-            breakpoint: '1500px',
-            numVisible: 5
-        },
-        {
-            breakpoint: '1024px',
-            numVisible: 3
-        },
-        {
-            breakpoint: '768px',
-            numVisible: 2
-        },
-        {
-            breakpoint: '560px',
-            numVisible: 1
-        }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-    }
-
-    imageClick(index: number) {
-        this.activeIndex = index;
-        this.displayCustom = true;
-    }
-
-    code: Code = {
-        basic: `<p-galleria
-    [(value)]="images"
-    [(visible)]="displayCustom"
-    [(activeIndex)]="activeIndex"
-    [responsiveOptions]="responsiveOptions"
-    [containerStyle]="{ 'max-width': '850px' }"
-    [numVisible]="7"
-    [circular]="true"
-    [fullScreen]="true"
-    [showItemNavigators]="true"
-    [showThumbnails]="false">
-    <ng-template pTemplate="item" let-item>
-        <img 
-            [src]="item.itemImageSrc" 
-            style="width: 100%; display: block;" />
-    </ng-template>
-</p-galleria>
-        `,
-        html: `<div class="card">
-    <div *ngIf="images" class="grid" style="max-width: 800px;">
-        <div *ngFor="let image of images; let index = index" class="col-3" key="index">
-            <img 
-                [src]="image.thumbnailImageSrc" 
-                [alt]="image.alt" 
-                style="cursor: pointer" 
-                (click)="imageClick(index)" />
-        </div>
-    </div>
-    <p-galleria
-        [(value)]="images"
-        [(visible)]="displayCustom"
-        [(activeIndex)]="activeIndex"
-        [responsiveOptions]="responsiveOptions"
-        [containerStyle]="{ 'max-width': '850px' }"
-        [numVisible]="7"
-        [circular]="true"
-        [fullScreen]="true"
-        [showItemNavigators]="true"
-        [showThumbnails]="false">
-        <ng-template pTemplate="item" let-item>
-            <img 
-                [src]="item.itemImageSrc" 
-                style="width: 100%; display: block;" />
-        </ng-template>
-    </p-galleria>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PhotoService } from '@service/photoservice';
-import { PhotoService } from '@service/photoservice';
-import { GalleriaModule } from 'primeng/galleria';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'galleria-full-screen-template-demo',
-    templateUrl: './galleria-full-screen-template-demo.html',
-    standalone: true,
-    imports: [GalleriaModule, CommonModule],
-    providers: [PhotoService]
-})
-export class GalleriaFullScreenTemplateDemo implements OnInit {
-    displayCustom: boolean | undefined;
-
-    activeIndex: number = 0;
-
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-        {
-            breakpoint: '1500px',
-            numVisible: 5
-        },
-        {
-            breakpoint: '1024px',
-            numVisible: 3
-        },
-        {
-            breakpoint: '768px',
-            numVisible: 2
-        },
-        {
-            breakpoint: '560px',
-            numVisible: 1
-        }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-    }
-
-    imageClick(index: number) {
-        this.activeIndex = index;
-        this.displayCustom = true;
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`,
-        service: ['PhotoService']
-    };
-}
diff --git a/src/app/showcase/doc/galleria/fullscreen/withoutthumbnailsdoc.ts b/src/app/showcase/doc/galleria/fullscreen/withoutthumbnailsdoc.ts
deleted file mode 100644
index c29e0ce..0000000
--- a/src/app/showcase/doc/galleria/fullscreen/withoutthumbnailsdoc.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'without-thumbnails-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Thumbnails can also be hidden in full screen mode.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button icon="pi pi-external-link" label="Show" (onClick)="displayBasic = true" />
-            <p-galleria
-                [(value)]="images"
-                [(visible)]="displayBasic"
-                [responsiveOptions]="responsiveOptions"
-                [containerStyle]="{ 'max-width': '850px' }"
-                [numVisible]="7"
-                [circular]="true"
-                [fullScreen]="true"
-                [showThumbnails]="false"
-                [showItemNavigators]="true"
-            >
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-full-screen-without-thumbnails-demo"></app-code>
-    `
-})
-export class WithoutThumbnailsDoc implements OnInit {
-    displayBasic: boolean | undefined;
-
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-        {
-            breakpoint: '1500px',
-            numVisible: 5
-        },
-        {
-            breakpoint: '1024px',
-            numVisible: 3
-        },
-        {
-            breakpoint: '768px',
-            numVisible: 2
-        },
-        {
-            breakpoint: '560px',
-            numVisible: 1
-        }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-    }
-
-    code: Code = {
-        basic: `<p-galleria
-    [(value)]="images"
-    [(visible)]="displayBasic"
-    [responsiveOptions]="responsiveOptions"
-    [containerStyle]="{ 'max-width': '850px' }"
-    [numVisible]="7"
-    [circular]="true"
-    [fullScreen]="true"
-    [showItemNavigators]="true"
-    [showThumbnails]="false">
-        <ng-template pTemplate="item" let-item>
-            <img 
-                [src]="item.itemImageSrc" 
-                style="width: 100%; display: block;" />
-        </ng-template>
-</p-galleria>`,
-        html: `<div class="card flex justify-center">
-    <p-button 
-    icon="pi pi-external-link" 
-    label="Show" 
-    (onClick)="displayBasic = true" />
-        <p-galleria
-            [(value)]="images"
-            [(visible)]="displayBasic"
-            [responsiveOptions]="responsiveOptions"
-            [containerStyle]="{ 'max-width': '850px' }"
-            [numVisible]="7"
-            [circular]="true"
-            [fullScreen]="true"
-            [showItemNavigators]="true"
-            [showThumbnails]="false">
-                <ng-template pTemplate="item" let-item>
-                    <img 
-                        [src]="item.itemImageSrc" 
-                        style="width: 100%; display: block;" />
-                </ng-template>
-        </p-galleria>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PhotoService } from '@service/photoservice';
-import { GalleriaModule } from 'primeng/galleria';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'galleria-full-screen-without-thumbnails-demo',
-    templateUrl: './galleria-full-screen-without-thumbnails-demo.html',
-    standalone: true,
-    imports: [GalleriaModule, ButtonModule],
-    providers: [PhotoService]
-})
-export class GalleriaFullScreenWithoutThumbnailsDemo implements OnInit {
-    displayBasic: boolean | undefined;
-
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-        {
-            breakpoint: '1500px',
-            numVisible: 5
-        },
-        {
-            breakpoint: '1024px',
-            numVisible: 3
-        },
-        {
-            breakpoint: '768px',
-            numVisible: 2
-        },
-        {
-            breakpoint: '560px',
-            numVisible: 1
-        }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`,
-        service: ['PhotoService']
-    };
-}
diff --git a/src/app/showcase/doc/galleria/fullscreen/withthumbnailsdoc.ts b/src/app/showcase/doc/galleria/fullscreen/withthumbnailsdoc.ts
deleted file mode 100644
index 110702a..0000000
--- a/src/app/showcase/doc/galleria/fullscreen/withthumbnailsdoc.ts
+++ /dev/null
@@ -1,157 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'with-thumbnails-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Full screen mode is enabled by adding <i>fullScreen</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button icon="pi pi-external-link" label="Show" (onClick)="displayBasic = true" />
-            <p-galleria [(value)]="images" [(visible)]="displayBasic" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '50%' }" [numVisible]="9" [circular]="true" [fullScreen]="true" [showItemNavigators]="true">
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-                </ng-template>
-                <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-full-screen-with-thumbnails-demo"></app-code>
-    `
-})
-export class WithThumbnailsDoc implements OnInit {
-    displayBasic: boolean | undefined;
-
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-        {
-            breakpoint: '1500px',
-            numVisible: 5
-        },
-        {
-            breakpoint: '1024px',
-            numVisible: 3
-        },
-        {
-            breakpoint: '768px',
-            numVisible: 2
-        },
-        {
-            breakpoint: '560px',
-            numVisible: 1
-        }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-    }
-
-    code: Code = {
-        basic: `<p-galleria
-    [(value)]="images"
-    [(visible)]="displayBasic"
-    [responsiveOptions]="responsiveOptions"
-    [containerStyle]="{ 'max-width': '50%' }"
-    [numVisible]="9"
-    [circular]="true"
-    [fullScreen]="true"
-    [showItemNavigators]="true">
-        <ng-template pTemplate="item" let-item>
-            <img
-                [src]="item.itemImageSrc"
-                style="width: 100%; display: block;" />
-        </ng-template>
-        <ng-template pTemplate="thumbnail" let-item>
-            <div class="grid grid-nogutter justify-center">
-                <img
-                    [src]="item.thumbnailImageSrc"
-                    style="display: block;" />
-            </div>
-        </ng-template>
-</p-galleria>`,
-        html: `<div class="card flex justify-center">
-    <p-button
-        icon="pi pi-external-link"
-        label="Show"
-        (onClick)="displayBasic = true" />
-    <p-galleria
-        [(value)]="images"
-        [(visible)]="displayBasic"
-        [responsiveOptions]="responsiveOptions"
-        [containerStyle]="{'max-width': '50%'}"
-        [numVisible]="9"
-        [circular]="true"
-        [fullScreen]="true"
-        [showItemNavigators]="true">
-            <ng-template pTemplate="item" let-item>
-                <img [src]="item.itemImageSrc" style="width: 100%; display: block;"/>
-            </ng-template>
-            <ng-template pTemplate="thumbnail" let-item>
-                <div class="grid grid-nogutter justify-center">
-                    <img [src]="item.thumbnailImageSrc" style="display: block;"/>
-                </div>
-            </ng-template>
-    </p-galleria>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PhotoService } from '@service/photoservice';
-import { GalleriaModule } from 'primeng/galleria';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'galleria-full-screen-with-thumbnails-demo',
-    templateUrl: './galleria-full-screen-with-thumbnails-demo.html',
-    standalone: true,
-    imports: [GalleriaModule, ButtonModule],
-    providers: [PhotoService]
-})
-export class GalleriaFullScreenWithThumbnailsDemo implements OnInit {
-    displayBasic: boolean | undefined;
-
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-        {
-            breakpoint: '1500px',
-            numVisible: 5
-        },
-        {
-            breakpoint: '1024px',
-            numVisible: 3
-        },
-        {
-            breakpoint: '768px',
-            numVisible: 2
-        },
-        {
-            breakpoint: '560px',
-            numVisible: 1
-        }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`,
-        service: ['PhotoService']
-    };
-}
diff --git a/src/app/showcase/doc/galleria/galleriadoc.module.ts b/src/app/showcase/doc/galleria/galleriadoc.module.ts
deleted file mode 100644
index b739967..0000000
--- a/src/app/showcase/doc/galleria/galleriadoc.module.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { GalleriaModule } from 'primeng/galleria';
-import { FormsModule } from '@angular/forms';
-import { ButtonModule } from 'primeng/button';
-import { AdvancedDoc } from './advanceddoc';
-import { AutoPlayDoc } from './autoplaydoc';
-import { BasicDoc } from './basicdoc';
-import { CaptionDoc } from './captiondoc';
-import { ControlledDoc } from './controlleddoc';
-import { FullScreenTemplateDoc } from './fullscreen/customcontentdoc';
-import { WithoutThumbnailsDoc } from './fullscreen/withoutthumbnailsdoc';
-import { WithThumbnailsDoc } from './fullscreen/withthumbnailsdoc';
-import { ImportDoc } from './importdoc';
-import { ClickEventDoc } from './indicator/clickeventdoc';
-import { HoverEventDoc } from './indicator/hovereventdoc';
-import { PositionedDoc } from './indicator/positioneddoc';
-import { TemplateDoc } from './indicator/templatedoc';
-import { HoverDoc } from './navigator/hoverdoc';
-import { IndicatorsDoc } from './navigator/indicatorsdoc';
-import { ItemThumbnailsDoc } from './navigator/itemthumbnailsdoc';
-import { ItemWithoutThumbnailsDoc } from './navigator/itemwithoutthumbnailsdoc';
-import { ResponsiveDoc } from './responsivedoc';
-import { StyleDoc } from './styledoc';
-import { ThumbnailDoc } from './thumbnaildoc';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { CheckboxModule } from 'primeng/checkbox';
-import { AccessibilityDoc } from './accessibilitydoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, GalleriaModule, FormsModule, ButtonModule, RadioButtonModule, CheckboxModule],
-    declarations: [
-        AdvancedDoc,
-        AutoPlayDoc,
-        BasicDoc,
-        CaptionDoc,
-        ControlledDoc,
-        FullScreenTemplateDoc,
-        WithoutThumbnailsDoc,
-        WithThumbnailsDoc,
-        ImportDoc,
-        ClickEventDoc,
-        HoverEventDoc,
-        PositionedDoc,
-        TemplateDoc,
-        HoverDoc,
-        IndicatorsDoc,
-        ItemThumbnailsDoc,
-        ItemWithoutThumbnailsDoc,
-        ResponsiveDoc,
-        StyleDoc,
-        ThumbnailDoc,
-        AccessibilityDoc
-    ],
-    exports: [AppDocModule]
-})
-export class GalleriaDocModule {}
diff --git a/src/app/showcase/doc/galleria/importdoc.ts b/src/app/showcase/doc/galleria/importdoc.ts
deleted file mode 100644
index 4b179b7..0000000
--- a/src/app/showcase/doc/galleria/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { GalleriaModule } from 'primeng/galleria';`
-    };
-}
diff --git a/src/app/showcase/doc/galleria/indicator/clickeventdoc.ts b/src/app/showcase/doc/galleria/indicator/clickeventdoc.ts
deleted file mode 100644
index 5092dc0..0000000
--- a/src/app/showcase/doc/galleria/indicator/clickeventdoc.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'click-event-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Indicators are displayed at the bottom by enabling <i>showIndicators</i> property and interacted with the click event by default.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-galleria containerClass="bg-black" [(value)]="images" [showIndicators]="true" [showThumbnails]="false" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '640px' }">
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-indicator-click-event-demo"></app-code>
-    `
-})
-export class ClickEventDoc implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => {
-            this.images = images;
-        });
-    }
-
-    code: Code = {
-        basic: `<p-galleria
-    containerClass="bg-black"
-    [(value)]="images"
-    [showIndicators]="true"
-    [showThumbnails]="false"
-    [responsiveOptions]="responsiveOptions"
-    [containerStyle]="{ 'max-width': '640px' }">
-    <ng-template pTemplate="item" let-item>
-        <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-    </ng-template>
-</p-galleria>`,
-        html: `<div class="card">
-    <p-galleria
-        containerClass="bg-black"
-        [(value)]="images"
-        [showIndicators]="true"
-        [showThumbnails]="false"
-        [responsiveOptions]="responsiveOptions"
-        [containerStyle]="{ 'max-width': '640px' }">
-            <ng-template pTemplate="item" let-item>
-                <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-            </ng-template>
-    </p-galleria>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PhotoService } from '@service/photoservice';
-import { GalleriaModule } from 'primeng/galleria';
-
-@Component({
-    selector: 'galleria-indicator-click-event-demo',
-    templateUrl: './galleria-indicator-click-event-demo.html',
-    standalone: true,
-    imports: [GalleriaModule],
-    providers: [PhotoService]
-})
-export class GalleriaIndicatorClickEventDemo implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => {
-            this.images = images;
-        });
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`,
-        service: ['PhotoService']
-    };
-}
diff --git a/src/app/showcase/doc/galleria/indicator/hovereventdoc.ts b/src/app/showcase/doc/galleria/indicator/hovereventdoc.ts
deleted file mode 100644
index cdcb378..0000000
--- a/src/app/showcase/doc/galleria/indicator/hovereventdoc.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'hover-event-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Indicators can be activated on hover instead of click if <i>changeItemOnIndicatorHover</i> is added.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-galleria containerClass="bg-black" [(value)]="images" [showIndicators]="true" [showThumbnails]="false" [changeItemOnIndicatorHover]="true" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '640px' }">
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-indicator-hover-event-demo"></app-code>
-    `
-})
-export class HoverEventDoc implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => {
-            this.images = images;
-        });
-    }
-
-    code: Code = {
-        basic: `<p-galleria
-    [(value)]="images"
-    [showIndicators]="true"
-    [showThumbnails]="false"
-    [changeItemOnIndicatorHover]="true"
-    [responsiveOptions]="responsiveOptions"
-    [containerStyle]="{ 'max-width': '640px' }">
-        <ng-template pTemplate="item" let-item>
-            <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-        </ng-template>
-</p-galleria>`,
-        html: `<div class="card">
-    <p-galleria
-        [(value)]="images"
-        [showIndicators]="true"
-        [showThumbnails]="false"
-        [changeItemOnIndicatorHover]="true"
-        [responsiveOptions]="responsiveOptions"
-        [containerStyle]="{ 'max-width': '640px' }">
-            <ng-template pTemplate="item" let-item>
-                <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-            </ng-template>
-    </p-galleria>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PhotoService } from '@service/photoservice';
-import { GalleriaModule } from 'primeng/galleria';
-
-@Component({
-    selector: 'galleria-indicator-hover-event-demo',
-    templateUrl: './galleria-indicator-hover-event-demo.html',
-    standalone: true,
-    imports: [GalleriaModule],
-    providers: [PhotoService]
-})
-export class GalleriaIndicatorHoverEventDemo implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => {
-            this.images = images;
-        });
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`,
-        service: ['PhotoService']
-    };
-}
diff --git a/src/app/showcase/doc/galleria/indicator/positioneddoc.ts b/src/app/showcase/doc/galleria/indicator/positioneddoc.ts
deleted file mode 100644
index 91ce7bd..0000000
--- a/src/app/showcase/doc/galleria/indicator/positioneddoc.ts
+++ /dev/null
@@ -1,206 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'positioned-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Indicators can be placed at four different sides using the <i>indicatorsPosition</i> property. In addition, enabling <i>showIndicatorsOnItem</i> moves the indicators inside the image section. <i>indicatorsPosition</i> set to
-                <i>bottom</i> by default, accepted values are <i>top</i>, <i>left</i>, <i>right</i>, and <i>bottom</i>.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex flex-wrap gap-3 mb-5">
-                <p-radioButton *ngFor="let option of positionOptions" [name]="option.label" [value]="option.value" [label]="option.label" [(ngModel)]="position" [inputId]="label" />
-            </div>
-            <div class="flex items-center">
-                <p-checkbox [(ngModel)]="showIndicatorsOnItem" [binary]="true" inputId="binary" label="Inside" ngClass="mt-3" />
-            </div>
-            <p-galleria
-                containerClass="bg-black"
-                [(value)]="images"
-                [indicatorsPosition]="position"
-                [showIndicators]="true"
-                [showThumbnails]="false"
-                [showIndicatorsOnItem]="showIndicatorsOnItem"
-                [responsiveOptions]="responsiveOptions"
-                [containerStyle]="{ 'max-width': '640px', 'margin-top': '2em' }"
-            >
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-indicator-positioned-demo"></app-code>
-    `
-})
-export class PositionedDoc implements OnInit {
-    images: any[] | undefined;
-
-    position: string = 'bottom';
-
-    showIndicatorsOnItem: boolean = false;
-
-    positionOptions = [
-        {
-            label: 'Bottom',
-            value: 'bottom'
-        },
-        {
-            label: 'Top',
-            value: 'top'
-        },
-        {
-            label: 'Left',
-            value: 'left'
-        },
-        {
-            label: 'Right',
-            value: 'right'
-        }
-    ];
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => {
-            this.images = images;
-        });
-    }
-
-    code: Code = {
-        basic: `<p-galleria
-    [(value)]="images"
-    [indicatorsPosition]="position"
-    [showIndicators]="true"
-    [showThumbnails]="false"
-    [showIndicatorsOnItem]="showIndicatorsOnItem"
-    [responsiveOptions]="responsiveOptions"
-    [containerStyle]="{ 'max-width': '640px', 'margin-top': '2em' }"
->
-    <ng-template pTemplate="item" let-item>
-        <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-    </ng-template>
-</p-galleria>`,
-        html: `<div class="card">
-    <div class="flex flex-wrap gap-3 mb-5">
-        <p-radioButton
-            *ngFor="let option of positionOptions;"
-            [name]="option.label"
-            [value]="option.value"
-            [label]="option.label"
-            [(ngModel)]="position" [inputId]="label" />
-    </div>
-    <div class="flex items-center">
-        <p-checkbox
-            [(ngModel)]="showIndicatorsOnItem"
-            [binary]="true"
-            inputId="binary"
-            label="Inside"
-            ngClass="mt-3" />
-    </div>
-    <p-galleria
-        [(value)]="images"
-        [indicatorsPosition]="position"
-        [showIndicators]="true"
-        [showThumbnails]="false"
-        [showIndicatorsOnItem]="showIndicatorsOnItem"
-        [responsiveOptions]="responsiveOptions"
-        [containerStyle]="{'width': '100%','margin-top': '2em'}">
-            <ng-template pTemplate="item" let-item>
-                <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-            </ng-template>
-    </p-galleria>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PhotoService } from '@service/photoservice';
-import { GalleriaModule } from 'primeng/galleria';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { CheckboxModule } from 'primeng/checkbox';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'galleria-indicator-positioned-demo',
-    templateUrl: './galleria-indicator-positioned-demo.html',
-    standalone: true,
-    imports: [GalleriaModule, RadioButtonModule, CheckboxModule, FormsModule],
-    providers: [PhotoService]
-})
-export class GalleriaIndicatorPositionedDemo implements OnInit {
-    images: any[] | undefined;
-
-    position: string = 'bottom';
-
-    showIndicatorsOnItem: boolean = false;
-
-    positionOptions = [
-        {
-            label: 'Bottom',
-            value: 'bottom'
-        },
-        {
-            label: 'Top',
-            value: 'top'
-        },
-        {
-            label: 'Left',
-            value: 'left'
-        },
-        {
-            label: 'Right',
-            value: 'right'
-        }
-    ];
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => {
-            this.images = images;
-        });
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`,
-        service: ['PhotoService']
-    };
-}
diff --git a/src/app/showcase/doc/galleria/indicator/templatedoc.ts b/src/app/showcase/doc/galleria/indicator/templatedoc.ts
deleted file mode 100644
index f3a3cd5..0000000
--- a/src/app/showcase/doc/galleria/indicator/templatedoc.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Indicator content can be customized with the <i>indicator</i> template.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-galleria [(value)]="images" [showIndicators]="true" [showThumbnails]="false" [showIndicatorsOnItem]="true" indicatorsPosition="left" [responsiveOptions]="responsiveOptions" [containerStyle]="{ maxWidth: '640px' }">
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-                </ng-template>
-                <ng-template pTemplate="indicator" let-index>
-                    <span class="caption" style="color: #e9ecef; cursor: pointer">
-                        {{ index + 1 }}
-                    </span>
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-indicator-template-demo"></app-code>
-    `
-})
-export class TemplateDoc implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => {
-            this.images = images;
-        });
-    }
-
-    code: Code = {
-        basic: `<p-galleria [(value)]="images" [showIndicators]="true" [showThumbnails]="false" [showIndicatorsOnItem]="true" indicatorsPosition="left" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '100%', 'margin-top': '2em' }">
-    <ng-template pTemplate="item" let-item>
-        <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-    </ng-template>
-    <ng-template pTemplate="indicator" let-index>
-        <span class="caption" style="color: #e9ecef; cursor: pointer">
-            {{ index + 1 }}
-        </span>
-    </ng-template>
-</p-galleria>`,
-        html: `
- <div class="card">
-    <p-galleria [(value)]="images" [showIndicators]="true" [showThumbnails]="false" [showIndicatorsOnItem]="true" indicatorsPosition="left" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '100%','margin-top': '2em' }">
-        <ng-template pTemplate="item" let-item>
-            <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-        </ng-template>
-        <ng-template pTemplate="indicator" let-index>
-            <span class="caption" style="color: #e9ecef; cursor: pointer">
-                {{index + 1}}
-            </span>
-        </ng-template>
-    </p-galleria>
-</div>`,
-        typescript: `
-import { Component, OnInit } from '@angular/core';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'galleria-indicator-template-demo',
-    templateUrl: './galleria-indicator-template-demo.html'
-})
-export class GalleriaIndicatorTemplateDemo implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => {
-            this.images = images;
-        });
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`,
-        service: ['PhotoService']
-    };
-}
diff --git a/src/app/showcase/doc/galleria/navigator/hoverdoc.ts b/src/app/showcase/doc/galleria/navigator/hoverdoc.ts
deleted file mode 100644
index 742aef5..0000000
--- a/src/app/showcase/doc/galleria/navigator/hoverdoc.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'hover-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Navigators are displayed on hover only if <i>showItemNavigatorsOnHover</i> is enabled.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-galleria [(value)]="images" [showIndicators]="false" [showItemNavigatorsOnHover]="true" [showItemNavigators]="true" [showThumbnails]="false" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '640px' }">
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-navigator-hover-demo"></app-code>
-    `,
-    providers: [PhotoService]
-})
-export class HoverDoc implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 6
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 5
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => {
-            this.images = images;
-        });
-    }
-
-    code: Code = {
-        basic: `<p-galleria
-    [(value)]="images"
-    [showIndicators]="false"
-    [showItemNavigatorsOnHover]="true"
-    [showItemNavigators]="true"
-    [responsiveOptions]="responsiveOptions"
-    [containerStyle]="{ 'max-width': '640px' }">
-        <ng-template pTemplate="item" let-item>
-            <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-        </ng-template>
-        <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-        </ng-template>
-</p-galleria>`,
-        html: `<div class="card">
-    <p-galleria
-        [(value)]="images"
-        [showIndicators]="false"
-        [showItemNavigatorsOnHover]="true"
-        [showItemNavigators]="true"
-        [responsiveOptions]="responsiveOptions"
-        [containerStyle]="{ 'max-width': '640px' }">
-            <ng-template pTemplate="item" let-item>
-                <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-            </ng-template>
-            <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-            </ng-template>
-    </p-galleria>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PhotoService } from '@service/photoservice';
-import { GalleriaModule } from 'primeng/galleria';
-
-@Component({
-    selector: 'galleria-navigator-hover-demo',
-    templateUrl: './galleria-navigator-hover-demo.html',
-    standalone: true,
-    imports: [GalleriaModule],
-    providers: [PhotoService]
-})
-export class GalleriaNavigatorHoverDemo implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => {
-            this.images = images;
-        });
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/galleria/navigator/indicatorsdoc.ts b/src/app/showcase/doc/galleria/navigator/indicatorsdoc.ts
deleted file mode 100644
index cd3bcf5..0000000
--- a/src/app/showcase/doc/galleria/navigator/indicatorsdoc.ts
+++ /dev/null
@@ -1,145 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'indicators-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Navigators and Indicators can be combined as well.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-galleria
-                [(value)]="images"
-                [showItemNavigators]="true"
-                [showThumbnails]="false"
-                [showIndicators]="true"
-                [showIndicatorsOnItem]="true"
-                [responsiveOptions]="responsiveOptions"
-                [containerStyle]="{ 'max-width': '640px', 'margin-top': '2em' }"
-            >
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-                </ng-template>
-                <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-navigator-indicators-demo"></app-code>
-    `,
-    providers: [PhotoService]
-})
-export class IndicatorsDoc implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => {
-            this.images = images;
-        });
-    }
-
-    code: Code = {
-        basic: `<p-galleria
-    [(value)]="images"
-    [showItemNavigators]="true"
-    [showThumbnails]="false"
-    [showIndicators]="true"
-    [showIndicatorsOnItem]="true"
-    [responsiveOptions]="responsiveOptions"
-    [containerStyle]="{ 'max-width': '640px', 'margin-top': '2em' }">
-        <ng-template pTemplate="item" let-item>
-            <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-        </ng-template>
-        <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-        </ng-template>
-</p-galleria>`,
-        html: `<div class="card">
-    <p-galleria
-        [(value)]="images"
-        [showItemNavigators]="true"
-        [showThumbnails]="false"
-        [showIndicators]="true"
-        [showIndicatorsOnItem]="true"
-        [responsiveOptions]="responsiveOptions"
-        [containerStyle]="{ 'max-width': '640px', 'margin-top':'2em' }">
-            <ng-template pTemplate="item" let-item>
-                <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-            </ng-template>
-            <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-            </ng-template>
-    </p-galleria>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PhotoService } from '@service/photoservice';
-import { GalleriaModule } from 'primeng/galleria';
-
-@Component({
-    selector: 'galleria-navigator-indicators-demo',
-    templateUrl: './galleria-navigator-indicators-demo.html',
-    standalone: true,
-    imports: [GalleriaModule],
-    providers: [PhotoService]
-})
-export class GalleriaNavigatorIndicatorsDemo implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => {
-            this.images = images;
-        });
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/galleria/navigator/itemthumbnailsdoc.ts b/src/app/showcase/doc/galleria/navigator/itemthumbnailsdoc.ts
deleted file mode 100644
index 7db1994..0000000
--- a/src/app/showcase/doc/galleria/navigator/itemthumbnailsdoc.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'itemthumbnails-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Add <i>showItemNavigators</i> to display navigator elements and the left and right side.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-galleria [(value)]="images" [showItemNavigators]="true" [responsiveOptions]="responsiveOptions" [circular]="true" [numVisible]="5" [containerStyle]="{ 'max-width': '640px' }">
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-                </ng-template>
-                <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-navigator-item-thumbnails-demo"></app-code>
-    `,
-    providers: [PhotoService]
-})
-export class ItemThumbnailsDoc implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => {
-            this.images = images;
-        });
-    }
-
-    code: Code = {
-        basic: `<p-galleria
-    [(value)]="images"
-    [showItemNavigators]="true"
-    [responsiveOptions]="responsiveOptions"
-    [circular]="true"
-    [numVisible]="5"
-    [containerStyle]="{ 'max-width': '640px' }">
-        <ng-template pTemplate="item" let-item>
-            <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-        </ng-template>
-        <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-        </ng-template>
-</p-galleria>`,
-        html: `<div class="card">
-    <p-galleria
-        [(value)]="images"
-        [showItemNavigators]="true"
-        [responsiveOptions]="responsiveOptions"
-        [circular]="true"
-        [numVisible]="5"
-        [containerStyle]="{ 'max-width': '640px' }">
-            <ng-template pTemplate="item" let-item>
-                <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-            </ng-template>
-            <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-            </ng-template>
-    </p-galleria>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PhotoService } from '@service/photoservice';
-import { GalleriaModule } from 'primeng/galleria';
-
-@Component({
-    selector: 'galleria-navigator-item-thumbnails-demo',
-    templateUrl: './galleria-navigator-item-thumbnails-demo.html',
-    standalone: true,
-    imports: [GalleriaModule],
-    providers: [PhotoService]
-})
-export class GalleriaNavigatorItemThumbnailsDemo implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => {
-            this.images = images;
-        });
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/galleria/navigator/itemwithoutthumbnailsdoc.ts b/src/app/showcase/doc/galleria/navigator/itemwithoutthumbnailsdoc.ts
deleted file mode 100644
index 881a333..0000000
--- a/src/app/showcase/doc/galleria/navigator/itemwithoutthumbnailsdoc.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'itemwithoutthumbnails-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Simple example with indicators only.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-galleria [(value)]="images" [numVisible]="5" [circular]="true" [showItemNavigators]="true" [showThumbnails]="false" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '640px' }">
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-item-without-thumbnails-demo"></app-code>
-    `,
-    providers: [PhotoService]
-})
-export class ItemWithoutThumbnailsDoc implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => {
-            this.images = images;
-        });
-    }
-
-    code: Code = {
-        basic: `<p-galleria
-    [(value)]="images"
-    [numVisible]="5"
-    [circular]="true"
-    [showItemNavigators]="true"
-    [showThumbnails]="false"
-    [responsiveOptions]="responsiveOptions"
-    [containerStyle]="{ 'max-width': '640px' }">
-        <ng-template pTemplate="item" let-item>
-            <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-        </ng-template>
-</p-galleria>`,
-        html: `<div class="card">
-    <p-galleria
-        [(value)]="images"
-        [numVisible]="5"
-        [circular]="true"
-        [showItemNavigators]="true"
-        [showThumbnails]="false"
-        [responsiveOptions]="responsiveOptions"
-        [containerStyle]="{ 'max-width': '640px' }">
-            <ng-template pTemplate="item" let-item>
-                <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-            </ng-template>
-    </p-galleria>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PhotoService } from '@service/photoservice';
-import { GalleriaModule } from 'primeng/galleria';
-
-@Component({
-    selector: 'galleria-item-without-thumbnails-demo',
-    templateUrl: './galleria-item-without-thumbnails-demo.html',
-    standalone: true,
-    imports: [GalleriaModule],
-    providers: [PhotoService]
-})
-export class GalleriaItemWithoutThumbnailsDemo implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => {
-            this.images = images;
-        });
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/galleria/responsivedoc.ts b/src/app/showcase/doc/galleria/responsivedoc.ts
deleted file mode 100644
index 6ac8d60..0000000
--- a/src/app/showcase/doc/galleria/responsivedoc.ts
+++ /dev/null
@@ -1,132 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'galleria-responsive-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Galleria responsiveness is defined with the <i>responsiveOptions</i> property.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-galleria [(value)]="images" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '640px' }" [numVisible]="7" [circular]="true">
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%; display: block;" />
-                </ng-template>
-                <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-responsive-demo"></app-code>
-    `
-})
-export class ResponsiveDoc implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-    }
-
-    code: Code = {
-        basic: `<p-galleria
-    [(value)]="images"
-    [responsiveOptions]="responsiveOptions"
-    [containerStyle]="{ 'max-width': '640px' }"
-    [numVisible]="7"
-    [circular]="true">
-        <ng-template pTemplate="item" let-item>
-            <img
-                [src]="item.itemImageSrc"
-                style="width: 100%; display: block;" />
-        </ng-template>
-        <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-        </ng-template>
-</p-galleria>`,
-        html: `<div class="card">
-    <p-galleria
-        [(value)]="images"
-        [responsiveOptions]="responsiveOptions"
-        [containerStyle]="{ 'max-width': '640px' }"
-        [numVisible]="7"
-        [circular]="true">
-            <ng-template pTemplate="item" let-item>
-                <img
-                    [src]="item.itemImageSrc"
-                    style="width: 100%; display: block;"/>
-            </ng-template>
-            <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-            </ng-template>
-    </p-galleria>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PhotoService } from '@service/photoservice';
-import { GalleriaModule } from 'primeng/galleria';
-
-@Component({
-    selector: 'galleria-responsive-demo',
-    templateUrl: './galleria-responsive-demo.html',
-    standalone: true,
-    imports: [GalleriaModule],
-    providers: [PhotoService]
-})
-export class GalleriaResponsiveDemo implements OnInit {
-    images: any[] | undefined;
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/galleria/styledoc.ts b/src/app/showcase/doc/galleria/styledoc.ts
deleted file mode 100644
index 1d278ca..0000000
--- a/src/app/showcase/doc/galleria/styledoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-galleria</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-galleria-header</td>
-                        <td>Header section.</td>
-                    </tr>
-                    <tr>
-                        <td>p-galleria-footer</td>
-                        <td>Footer section.</td>
-                    </tr>
-                    <tr>
-                        <td>p-galleria-item-wrapper</td>
-                        <td>Preview content element. It contains preview and indicator containers.</td>
-                    </tr>
-                    <tr>
-                        <td>p-galleria-item-container</td>
-                        <td>Container of the preview content. It contains navigation buttons, preview item and caption content.</td>
-                    </tr>
-                    <tr>
-                        <td>p-galleria-indicators</td>
-                        <td>Container of the indicators. It contains indicator items.</td>
-                    </tr>
-                    <tr>
-                        <td>p-galleria-thumbnail-wrapper</td>
-                        <td>Thumbnail content element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-galleria-thumbnail-container</td>
-                        <td>Container of the thumbnail content. It contains navigation buttons and thumbnail items.</td>
-                    </tr>
-                    <tr>
-                        <td>p-galleria-caption</td>
-                        <td>Content of the preview caption.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/galleria/thumbnaildoc.ts b/src/app/showcase/doc/galleria/thumbnaildoc.ts
deleted file mode 100644
index a7efa6f..0000000
--- a/src/app/showcase/doc/galleria/thumbnaildoc.ts
+++ /dev/null
@@ -1,189 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { PhotoService } from '@service/photoservice';
-
-@Component({
-    selector: 'galleria-thumbnail-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Galleria can be controlled programmatically using the <i>activeIndex</i> property.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex flex-wrap gap-3 mb-5">
-                <p-radioButton *ngFor="let option of positionOptions" [name]="option.label" [value]="option.value" [label]="option.label" [(ngModel)]="position" [inputId]="label" />
-            </div>
-            <p-galleria [(value)]="images" [thumbnailsPosition]="position" [responsiveOptions]="responsiveOptions" [containerStyle]="{ 'max-width': '640px' }" [numVisible]="5">
-                <ng-template pTemplate="item" let-item>
-                    <img [src]="item.itemImageSrc" style="width: 100%; min-height: 420px; display: block;" />
-                </ng-template>
-                <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-                </ng-template>
-            </p-galleria>
-        </div>
-        <app-code [code]="code" selector="galleria-thumbnail-demo"></app-code>
-    `
-})
-export class ThumbnailDoc implements OnInit {
-    images: any[] | undefined;
-
-    position: string = 'bottom';
-
-    positionOptions = [
-        {
-            label: 'Bottom',
-            value: 'bottom'
-        },
-        {
-            label: 'Top',
-            value: 'top'
-        },
-        {
-            label: 'Left',
-            value: 'left'
-        },
-        {
-            label: 'Right',
-            value: 'right'
-        }
-    ];
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-    }
-
-    code: Code = {
-        basic: `<p-galleria
-    [(value)]="images"
-    [thumbnailsPosition]="position"
-    [responsiveOptions]="responsiveOptions"
-    [containerStyle]="{ 'max-width': '640px' }"
-    [numVisible]="5">
-        <ng-template pTemplate="item" let-item>
-            <img
-                [src]="item.itemImageSrc"
-                style="width: 100%; min-height: 420px; display: block;" />
-        </ng-template>
-        <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-        </ng-template>
-</p-galleria>`,
-        html: `<div class="card">
-    <div class="flex flex-wrap gap-3 mb-5">
-        <p-radioButton
-            *ngFor="let option of positionOptions;"
-            [name]="option.label"
-            [value]="option.value"
-            [label]="option.label"
-            [(ngModel)]="position"
-            [inputId]="label" />
-    </div>
-    <p-galleria
-        [(value)]="images"
-        [thumbnailsPosition]="position"
-        [responsiveOptions]="responsiveOptions"
-        [containerStyle]="{ 'max-width': '640px' }"
-        [numVisible]="5">
-            <ng-template pTemplate="item" let-item>
-                <img
-                    [src]="item.itemImageSrc"
-                    style="width: 100%; min-height: 420px; display: block;" />
-            </ng-template>
-            <ng-template pTemplate="thumbnail" let-item>
-                    <div class="m-0 p-0 justify-center w-full h-4">
-                        <img class="w-full h-full object-cover" [src]="item.thumbnailImageSrc"/>
-                    </div>
-            </ng-template>
-    </p-galleria>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PhotoService } from '@service/photoservice';
-import { GalleriaModule } from 'primeng/galleria';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'galleria-thumbnail-demo',
-    templateUrl: './galleria-thumbnail-demo.html',
-    standalone: true,
-    imports: [GalleriaModule, RadioButtonModule, FormsModule],
-    providers: [PhotoService]
-})
-export class GalleriaThumbnailDemo implements OnInit {
-    images: any[] | undefined;
-
-    position: string = 'bottom';
-
-    positionOptions = [
-        {
-            label: 'Bottom',
-            value: 'bottom'
-        },
-        {
-            label: 'Top',
-            value: 'top'
-        },
-        {
-            label: 'Left',
-            value: 'left'
-        },
-        {
-            label: 'Right',
-            value: 'right'
-        }
-    ];
-
-    responsiveOptions: any[] = [
-            {
-                breakpoint: '1024px',
-                numVisible: 5
-            },
-            {
-                breakpoint: '768px',
-                numVisible: 4
-            },
-            {
-                breakpoint: '560px',
-                numVisible: 3
-            }
-    ];
-
-    constructor(private photoService: PhotoService) {}
-
-    ngOnInit() {
-        this.photoService.getImages().then((images) => (this.images = images));
-    }
-}`,
-        data: `
-/* PhotoService */
-{
-    itemImageSrc: 'https://primeng.org/images/galleria/galleria1.jpg',
-    thumbnailImageSrc: 'https://primeng.org/images/galleria/galleria1s.jpg',
-    alt: 'Description for Image 1',
-    title: 'Title 1'
-},
-...`,
-        service: ['PhotoService']
-    };
-}
diff --git a/src/app/showcase/doc/guides/accessibility/colorsdoc.ts b/src/app/showcase/doc/guides/accessibility/colorsdoc.ts
deleted file mode 100644
index 9bf7d94..0000000
--- a/src/app/showcase/doc/guides/accessibility/colorsdoc.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'colors-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Colors on a web page should aim a contrast ratio of at least <strong>4.5:1</strong> and consider a selection of colors that do not cause vibration.</p>
-            <h3>Good Contrast</h3>
-            <p>Color contrast between the background and the foreground content should be sufficient enough to ensure readability. Example below displays two cases with good and bad samples.</p>
-
-            <div class="flex">
-                <div class="!h-8 !w-8 flex justify-center items-center mr-5 font-bold bg-blue-600" style="border-radius: 10px;">
-                    <span class="text-white">GOOD</span>
-                </div>
-                <div class="!h-8 !w-8 flex justify-center items-center mr-5 font-bold bg-blue-400" style="border-radius: 10px;">
-                    <span class="text-white">BAD</span>
-                </div>
-            </div>
-
-            <h3>Vibration</h3>
-            <p>Color vibration is leads to an illusion of motion due to choosing colors that have low visibility against each other. Color combinations need to be picked with caution to avoid vibration.</p>
-
-            <div class="flex">
-                <div class="!h-8 !w-8 flex justify-center items-center mr-5 font-bold bg-pink-500" style="border-radius: 10px;">
-                    <span class="text-blue-500">VIBRATE</span>
-                </div>
-            </div>
-
-            <h3>Dark Mode</h3>
-            <p>Highly saturated colors should be avoided when used within a dark design scheme as they cause eye strain. Instead desaturated colors should be preferred.</p>
-
-            <div class="flex">
-                <div class="!h-8 !w-8 flex flex-col justify-center items-center mr-5 font-bold bg-gray-900" style="border-radius: 10px;">
-                    <span class="text-indigo-500">Indigo 500</span>
-                    <i class="text-indigo-500 pi pi-times-circle mt-3 text-xl"></i>
-                </div>
-                <div class="!h-8 !w-8 flex flex-col justify-center items-center mr-5 font-bold bg-gray-900" style="border-radius: 10px;">
-                    <span class="text-indigo-200">Indigo 200</span>
-                    <i class="text-indigo-200 pi pi-check-circle mt-3 text-xl"></i>
-                </div>
-            </div>
-        </app-docsectiontext>
-    `
-})
-export class ColorsDoc {}
diff --git a/src/app/showcase/doc/guides/accessibility/formcontrolsdoc.ts b/src/app/showcase/doc/guides/accessibility/formcontrolsdoc.ts
deleted file mode 100644
index 0773cee..0000000
--- a/src/app/showcase/doc/guides/accessibility/formcontrolsdoc.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'form-controls-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Native form elements should be preferred instead of elements that are meant for other purposes like presentation. As an example, button below is rendered as a form control by the browser, can receive focus via tabbing and can be used
-                with space key as well to trigger.
-            </p>
-            <app-code [code]="code1" [hideToggleCode]="true"></app-code>
-            <p class="doc-section-description mt-3">On the other hand, a fancy css based button using a div has no keyboard or screen reader support.</p>
-            <app-code [code]="code2" [hideToggleCode]="true"></app-code>
-            <p class="doc-section-description mt-3">
-                <i>tabindex</i> is required to make a div element accessible in addition to use a keydown to bring the keyboard support back. To avoid the overload and implementing functionality that is already provided by the browser, native form
-                controls should be preferred.
-            </p>
-            <app-code [code]="code3" [hideToggleCode]="true"></app-code>
-            <h3>Relations</h3>
-            <p class="doc-section-description">Form components must be related to another element that describes what the form element is used for. This is usually achieved with the <i>label</i> element.</p>
-            <app-code [code]="code4" [hideToggleCode]="true"></app-code>
-        </app-docsectiontext>
-    `
-})
-export class FormControlsDoc {
-    code1: Code = {
-        html: `<button (click)="onButtonClick($event)">Click></button>`
-    };
-
-    code2: Code = {
-        html: `<div class="fancy-button" (click)="onButtonClick($event)">Click</div>`
-    };
-
-    code3: Code = {
-        html: `<div class="fancy-button" (click)="onButtonClick($event)" (keydown)="onKeyDown($event)" tabIndex="0">Click</div>`
-    };
-
-    code4: Code = {
-        html: `<label for="myinput">Username:</label>
-<input id="myinput" type="text" name="username" />`
-    };
-}
diff --git a/src/app/showcase/doc/guides/accessibility/introductiondoc.ts b/src/app/showcase/doc/guides/accessibility/introductiondoc.ts
deleted file mode 100644
index 2f5f7ec..0000000
--- a/src/app/showcase/doc/guides/accessibility/introductiondoc.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'introduction-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                According to the World Health Organization, 15% of the world population has a disability to some degree. As a result, accessibility features in any context such as a ramp for wheelchair users or a multimedia with captions are crucial
-                to ensure content can be consumed by anyone.
-            </p>
-
-            <h3>Disabilities</h3>
-            <p>Types of disabilities are diverse so you need to know your audience well and how they interact with the content created. There four main categories;</p>
-
-            <h3>Visual Impairments</h3>
-            <p>
-                Blindness, low-level vision or color blindness are the common types of visual impairments. Screen magnifiers and the color blind mode are usually built-in features of the browsers whereas for people who rely on screen readers, page
-                developers are required to make sure content is readable by the readers. Popular readers are <a href="https://www.nvaccess.org" alt="NVDA Reader">NVDA</a>,
-                <a href="https://www.freedomscientific.com/Products/software/JAWS/" alt="JAWS Reader">JAWS</a> and <a href="https://www.chromevox.com" alt="ChromeVox Reader">ChromeVox</a>.
-            </p>
-
-            <h3>Hearing Impairments</h3>
-            <p>
-                Deafness or hearing loss refers to the inability to hear sounds totally or partially. People with hearing impairments use assistive devices however it may not be enough when interacting with a web page. Common implementation is
-                providing textual alternatives, transcripts and captions for content with audio.
-            </p>
-
-            <h3>Mobility Impairments</h3>
-            <p>
-                People with mobility impairments have disabilities related to movement due to loss of a limb, paralysis or other varying reasons. Assistive technologies like a head pointer is a device to interact with a screen whereas keyboard or a
-                trackpad remain as solutions for people who are not able to utilize a mouse.
-            </p>
-
-            <h3>Cognitive Impairments</h3>
-            <p>
-                Cognitive impairments have a wider range that includes people with learning disabilities, depression and dyslexia. A well designed content also leads to better user experience for people without disabilities so designing for cognitive
-                impairments result in better design for any user.
-            </p>
-        </app-docsectiontext>
-    `
-})
-export class IntroductionDoc {}
diff --git a/src/app/showcase/doc/guides/accessibility/semantichtmldoc.ts b/src/app/showcase/doc/guides/accessibility/semantichtmldoc.ts
deleted file mode 100644
index 7a7288e..0000000
--- a/src/app/showcase/doc/guides/accessibility/semantichtmldoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'semantic-html-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                HTML offers various element to organize content on a web page that screen readers are aware of. Preferring Semantic HTML for good semantics provide out of the box support for reader which is not possible when regular
-                <i>div</i> elements with classes are used. Consider the following example that do not mean too much for readers.
-            </p>
-            <app-code [code]="code1" [hideToggleCode]="true"></app-code>
-            <p class="doc-section-description mt-3">Same layout can be achieved using the semantic elements with screen reader support built-in.</p>
-            <app-code [code]="code2" [hideToggleCode]="true"></app-code>
-        </app-docsectiontext>
-    `
-})
-export class SemanticHTMLDoc {
-    code1: Code = {
-        html: `<div class="header"/>
-    <div class="header-text">Header></div>
-</div>
-
-<div class="nav"></div>
-
-<div class="main">
-    <div class="content"></div>
-    <div class="sidebar"></div>
-</div>
-
-<div class="footer"></div>`
-    };
-
-    code2: Code = {
-        html: `<header>
-    <h1>Header</h1>
-</header>
-
-<nav></nav>
-
-<main>
-    <article></article>
-    <aside></aside>
-</main>
-
-<footer></footer>`
-    };
-}
diff --git a/src/app/showcase/doc/guides/accessibility/waiariadoc.ts b/src/app/showcase/doc/guides/accessibility/waiariadoc.ts
deleted file mode 100644
index 78b2425..0000000
--- a/src/app/showcase/doc/guides/accessibility/waiariadoc.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'wai-aria-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                ARIA refers to "Accessible Rich Internet Applications" is a suite to fill the gap where semantic HTML is inadequate. These cases are mainly related to rich UI components/widgets. Although browser support for rich UI components such as
-                a datepicker or colorpicker has been improved over the past years many web developers still utilize UI components derived from standard HTML elements created by them or by other projects like PrimeNG. These types of components must
-                provide keyboard and screen reader support, the latter case is where the WAI-ARIA is utilized.
-            </p>
-            <p>
-                ARIA consists of roles, properties and attributes. <b>Roles</b> define what the element is mainly used for e.g. <i>checkbox</i>, <i>dialog</i>, <i>tablist</i> whereas <b>States</b> and <b>Properties</b> define the metadata of the
-                element like <i>aria-checked</i>, <i>aria-disabled</i>.
-            </p>
-            <p>Consider the following case of a native checkbox. It has built-in keyboard and screen reader support.</p>
-            <app-code [code]="code1" [hideToggleCode]="true"></app-code>
-            <p class="doc-section-description mt-3">
-                A fancy checkbox with css animations might look more appealing but accessibility might be lacking. Checkbox below may display a checked font icon with animations however it is not tabbable, cannot be checked with space key and cannot
-                be read by a reader.
-            </p>
-            <app-code [code]="code2" [hideToggleCode]="true"></app-code>
-            <p class="doc-section-description mt-3">One alternative is using ARIA roles for readers and use javascript for keyboard support. Notice the usage of <i>aria-labelledby</i> as a replacement of the <i>label</i> tag with for.</p>
-            <app-code [code]="code3" [hideToggleCode]="true"></app-code>
-            <p class="doc-section-description mt-3">
-                However the best practice is combining semantic HTML for accessibility while keeping the design for UX. This approach involves hiding a native checkbox for accessibility and using javascript events to update its state. Notice the
-                usage of
-                <i>p-sr-only</i>
-                that hides the elements from the user but not from the screen reader.
-            </p>
-            <app-code [code]="code4" [hideToggleCode]="true"></app-code>
-            <p class="doc-section-description mt-3">A working sample is the PrimeNG checkbox that is tabbable, keyboard accessible and is compliant with a screen reader. Instead of ARIA roles it relies on a hidden native checkbox.</p>
-            <div class="card flex items-center">
-                <label for="binary" class="mr-2">Remember Me</label>
-                <p-checkbox inputId="binary" [binary]="true"></p-checkbox>
-            </div>
-        </app-docsectiontext>
-    `
-})
-export class WAIARIADoc {
-    code1: Code = {
-        basic: `<input type="checkbox" value="Prime" name="ui" checked/>`
-    };
-
-    code2: Code = {
-        basic: `<div class="fancy-checkbox">
-    <i *ngIf="checked" class="checked-icon"></i>
-</div>`
-    };
-
-    code3: Code = {
-        basic: `<span id="chk-label">Remember Me></span>
-<div class="fancy-checkbox" role="checkbox" aria-checked="false" tabindex="0" aria-labelledby="chk-label" (click)="toggle()" (keydown)="onKeyDown($event)">
-    <i *ngIf="checked" class="checked-icon"></i>
-</div>`
-    };
-
-    code4: Code = {
-        basic: `<label for="chkbox">Remember Me></label>
-<div class="fancy-checkbox" (click)="toggle()">
-    <input class="p-sr-only" type="checkbox" id="chkbox" (focus)="updateParentVisuals()" (blur)="updateParentVisuals()" (keydown)="$event.keyCode === 32 && updateParentVisuals()">
-    <i *ngIf="checked" class="checked-icon"></i>
-</div>`
-    };
-}
diff --git a/src/app/showcase/doc/guides/accessibility/wcagdoc.ts b/src/app/showcase/doc/guides/accessibility/wcagdoc.ts
deleted file mode 100644
index 836cbfe..0000000
--- a/src/app/showcase/doc/guides/accessibility/wcagdoc.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'wcag-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                <a href="https://www.w3.org/WAI/standards-guidelines/wcag/" alt="WCAG Website">WCAG</a> refers to <strong>Web Content Accessibility Guideline</strong>, a standard managed by the WAI (Web Accessibility Initiative) of W3C (World Wide
-                Web Consortium). WCAG consists of recommendations for making the web content more accessible. PrimeNG components aim high level of WCAG compliancy in the near future.
-            </p>
-            <p>
-                Various countries around the globe have governmental policies regarding web accessibility as well. Most well known of these are <a href="https://www.section508.gov/manage/laws-and-policies/">Section 508</a> in the US and
-                <a href="https://digital-strategy.ec.europa.eu/en/policies/web-accessibility">Web Accessibility Directive</a> of the European Union.
-            </p>
-        </app-docsectiontext>
-    `
-})
-export class WCAGDoc {}
diff --git a/src/app/showcase/doc/guides/csslayer/bootstrapdoc.ts b/src/app/showcase/doc/guides/csslayer/bootstrapdoc.ts
deleted file mode 100644
index 74dd7af..0000000
--- a/src/app/showcase/doc/guides/csslayer/bootstrapdoc.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from 'src/app/showcase/domain/code';
-
-@Component({
-    selector: 'bootstrap-doc',
-
-    template: `
-        <app-docsectiontext>
-            <p>Bootstrap has a <i>reboot</i> utility to reset the CSS of the standard elements. If you are including this utility, you may give it a layer while importing it.</p>
-            <app-code [code]="code" selector="bootstrap-demo" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-        </app-docsectiontext>
-    `
-})
-export class BootstrapDoc {
-    code: Code = {
-        basic: `@layer bootstrap-reboot, primeng
-
-@import "bootstrap-reboot.css" layer(bootstrap-rebooot);`
-    };
-}
diff --git a/src/app/showcase/doc/guides/csslayer/normalizedoc.ts b/src/app/showcase/doc/guides/csslayer/normalizedoc.ts
deleted file mode 100644
index 95c9e47..0000000
--- a/src/app/showcase/doc/guides/csslayer/normalizedoc.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from 'src/app/showcase/domain/code';
-
-@Component({
-    selector: 'normalize-doc',
-
-    template: `
-        <app-docsectiontext>
-            <p>Normalize is another utility to reset CSS of the standard elements. While importing the CSS file, assign it to a layer and define the layer order with primeNG coming after the normalized layer.</p>
-            <app-code [code]="code" selector="normalize-demo" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-        </app-docsectiontext>
-    `
-})
-export class NormalizeDoc {
-    code: Code = {
-        basic: `@layer normalize, primeng;
-
-@import "normalize.css" layer(normalize-reset);`
-    };
-}
diff --git a/src/app/showcase/doc/guides/csslayer/resetdoc.ts b/src/app/showcase/doc/guides/csslayer/resetdoc.ts
deleted file mode 100644
index 0b713e3..0000000
--- a/src/app/showcase/doc/guides/csslayer/resetdoc.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from 'src/app/showcase/domain/code';
-
-@Component({
-    selector: 'reset-doc',
-
-    template: `
-        <app-docsectiontext>
-            <p>
-                Ease of customization may present an issue if you have global styles on HTML elements like inputs and buttons that are also utilized by PrimeNG because global styles with a broader scope e.g. <i>button &#123; &#125;</i> and no layer
-                always override the PrimeNG components leading to unexpected results. A common use case for global styles applying to standard HTML elements is CSS reset utilities to remove the default styling of the browsers. In this case, best
-                practice is wrapping your CSS in a layer like <i>reset</i> and make sure <i>primeNG</i> comes after your layer since layers defined after has higher precedence. This way, your Reset CSS does not get in the way of PrimeNG components.
-            </p>
-            <app-code [code]="code" selector="specificity-demo" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-        </app-docsectiontext>
-    `
-})
-export class ResetDoc {
-    code: Code = {
-        basic: `/* Order */
-@layer reset, primeng;
-
-/* Reset CSS */
-@layer reset {
-    button,
-    input {
-        /* CSS to Reset */
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/guides/csslayer/specificitydoc.ts b/src/app/showcase/doc/guides/csslayer/specificitydoc.ts
deleted file mode 100644
index 0d13ea2..0000000
--- a/src/app/showcase/doc/guides/csslayer/specificitydoc.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { Component, ViewEncapsulation } from '@angular/core';
-import { Code } from 'src/app/showcase/domain/code';
-
-@Component({
-    selector: 'specificity-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                The <i>&#64;layer</i> is a standard CSS feature to define cascade layers for a customizable order of precedence. If you need to become more familiar with layers, visit the documentation at
-                <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@layer">MDN</a> to begin with. PrimeNG wraps the built-in style classes under the <i>primeng</i> cascade layer to make the library styles easy to override. CSS in your app
-                without a layer has the highest CSS specificity, so you'll be able to override styles regardless of the location or how strong a class is written.
-            </p>
-            <p>
-                For example, let's assume you need to remove the rounded borders of the InputSwitch component defined by the theme in use. In order to achieve this, <i>.p-inputswitch .p-inputswitch-slider</i> selector needs to be overriden. Without
-                the layers, we'd have to write a stronger css or use <i>!important</i> however, with layers, this does not present an issue as your CSS can always override PrimeNG with a more straightforward class name such as <i>my-inputswitch</i>.
-                Another advantage of this approach is that it does not force you to figure out the built-in class names of the components.
-            </p>
-            <div class="card flex justify-center">
-                <p-inputSwitch [(ngModel)]="checked" styleClass="my-inputswitch" />
-            </div>
-
-            <app-code [code]="code" selector="specificity-demo" [hideStackBlitz]="true" [hideCodeSandbox]="true"></app-code>
-        </app-docsectiontext>
-    `,
-    encapsulation: ViewEncapsulation.None,
-    styles: `
-        .my-inputswitch .p-inputswitch-slider {
-            border-radius: 0;
-        }
-        .my-inputswitch .p-inputswitch-slider:before {
-            border-radius: 0;
-        }
-    `
-})
-export class SpecificityDoc {
-    checked: boolean = false;
-    code: Code = {
-        basic: `<p-inputSwitch [(ngModel)]="checked" styleClass="my-inputswitch" />`,
-        scss: `.my-inputswitch .p-inputswitch-slider {
-    border-radius: 0;
-}
-
-.my-inputswitch .p-inputswitch-slider:before  {
-    border-radius: 0;
-}`,
-        typescript: `import { Component, ViewEncapsulation } from '@angular/core';
-
-@Component({
-    template: \`
-        <div class="card flex justify-center">
-            <p-inputSwitch [(ngModel)]="checked" styleClass="my-inputswitch" />
-        </div>\`,
-    encapsulation: ViewEncapsulation.None,
-    styles: \`
-        .my-inputswitch .p-inputswitch-slider {
-            border-radius: 0;
-        }
-        .my-inputswitch .p-inputswitch-slider:before  {
-            border-radius: 0;
-        }
-    \`
-})
-export class ExampleComponent {
-    checked: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/guides/csslayer/tailwinddoc.ts b/src/app/showcase/doc/guides/csslayer/tailwinddoc.ts
deleted file mode 100644
index 335047b..0000000
--- a/src/app/showcase/doc/guides/csslayer/tailwinddoc.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from 'src/app/showcase/domain/code';
-
-@Component({
-    selector: 'tailwind-doc',
-
-    template: `
-        <app-docsectiontext>
-            <p>
-                Tailwind CSS includes a reset utility in base called <a href="https://tailwindcss.com/docs/preflight" target="_blank" rel="noopener noreferrer">preflight</a>. If you are using this feature, wrap the base and utilities in separate
-                layers and make sure primeNG layer comes after the base.
-            </p>
-            <app-code [code]="code" selector="tailwind-demo" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-        </app-docsectiontext>
-    `
-})
-export class TailwindDoc {
-    code: Code = {
-        basic: `@layer tailwind-base, primeng, tailwind-utilities;
-        
-@layer tailwind-base {
-    @tailwind base;
-}
-
-@layer tailwind-utilities {
-    @tailwind components;
-    @tailwind utilities;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/guides/guidesdoc.module.ts b/src/app/showcase/doc/guides/guidesdoc.module.ts
deleted file mode 100644
index 5ade251..0000000
--- a/src/app/showcase/doc/guides/guidesdoc.module.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { FormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { CheckboxModule } from 'primeng/checkbox';
-import { ColorsDoc } from './accessibility/colorsdoc';
-import { FormControlsDoc } from './accessibility/formcontrolsdoc';
-import { IntroductionDoc } from './accessibility/introductiondoc';
-import { SemanticHTMLDoc } from './accessibility/semantichtmldoc';
-import { WAIARIADoc } from './accessibility/waiariadoc';
-import { WCAGDoc } from './accessibility/wcagdoc';
-import { SpecificityDoc } from './csslayer/specificitydoc';
-import { ResetDoc } from './csslayer/resetdoc';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { TailwindDoc } from './csslayer/tailwinddoc';
-import { BootstrapDoc } from './csslayer/bootstrapdoc';
-import { NormalizeDoc } from './csslayer/normalizedoc';
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, RouterModule, FormsModule, CheckboxModule, InputSwitchModule],
-    exports: [AppDocModule],
-    declarations: [ColorsDoc, FormControlsDoc, IntroductionDoc, SemanticHTMLDoc, WAIARIADoc, WCAGDoc, SpecificityDoc, ResetDoc, TailwindDoc, BootstrapDoc, NormalizeDoc]
-})
-export class GuidesDocModule {}
diff --git a/src/app/showcase/doc/iconfield/accessibilitydoc.ts b/src/app/showcase/doc/iconfield/accessibilitydoc.ts
deleted file mode 100644
index 2b0a069..0000000
--- a/src/app/showcase/doc/iconfield/accessibilitydoc.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <h3>Screen Reader</h3>
-        <p>IconField and InputIcon does not require any roles and attributes.</p>
-
-        <h3>Keyboard Support</h3>
-        <p>Components does not include any interactive elements.</p>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/iconfield/basicdoc.ts b/src/app/showcase/doc/iconfield/basicdoc.ts
deleted file mode 100644
index 71335cc..0000000
--- a/src/app/showcase/doc/iconfield/basicdoc.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                A group is created by wrapping the input and icon with the <i>IconField</i> component. Each icon is defined as a child of <i>InputIcon</i> component. In addition, position of the icon can be changed using <i>iconPosition</i> property
-                that the default value is <i>right</i> and also <i>left</i> option is available.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap justify-center gap-3">
-            <p-iconField iconPosition="left">
-                <p-inputIcon styleClass="pi pi-search" />
-                <input type="text" pInputText placeholder="Search" />
-            </p-iconField>
-            <p-iconField iconPosition="right">
-                <p-inputIcon styleClass="pi pi-spinner pi-spin" />
-                <input type="text" pInputText />
-            </p-iconField>
-        </div>
-        <app-code [code]="code" selector="iconfield-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-iconField iconPosition="left">
-    <p-inputIcon styleClass="pi pi-search" />
-    <input type="text" pInputText placeholder="Search" />
-</p-iconField>
-<p-iconField iconPosition="right">
-    <p-inputIcon styleClass="pi pi-spinner pi-spin" />
-    <input type="text" pInputText />
-</p-iconField>`,
-
-        html: `<div class="card flex flex-wrap justify-center gap-3">
-    <p-iconField iconPosition="left">
-        <p-inputIcon styleClass="pi pi-search" />
-        <input type="text" pInputText placeholder="Search" />
-    </p-iconField>
-    <p-iconField iconPosition="right">
-        <p-inputIcon styleClass="pi pi-spinner pi-spin" />
-        <input type="text" pInputText />
-    </p-iconField>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputIconModule } from 'primeng/inputicon';
-import { IconFieldModule } from 'primeng/iconfield';
-import { InputTextModule } from 'primeng/inputtext';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'iconfield-basic-demo',
-    templateUrl: './iconfield-basic-demo.html',
-    standalone: true,
-    imports: [InputIconModule, IconFieldModule, InputTextModule, FormsModule]
-})
-export class IconfieldBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/iconfield/iconfielddoc.module.ts b/src/app/showcase/doc/iconfield/iconfielddoc.module.ts
deleted file mode 100644
index 0180bd0..0000000
--- a/src/app/showcase/doc/iconfield/iconfielddoc.module.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { InputTextModule } from 'primeng/inputtext';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ImportDoc } from './importdoc';
-import { BasicDoc } from './basicdoc';
-import { TemplateDoc } from './templatedoc';
-import { IconFieldModule } from 'src/app/components/iconfield/iconfield';
-import { InputIconModule } from 'src/app/components/inputicon/inputicon';
-import { FormsModule } from '@angular/forms';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { StyleDoc } from './styledoc';
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, InputTextModule, IconFieldModule, InputIconModule, FormsModule],
-    declarations: [ImportDoc, BasicDoc, TemplateDoc, AccessibilityDoc, StyleDoc],
-    exports: [AppDocModule]
-})
-export class IconFieldDocModule {}
diff --git a/src/app/showcase/doc/iconfield/importdoc.ts b/src/app/showcase/doc/iconfield/importdoc.ts
deleted file mode 100644
index a17ca20..0000000
--- a/src/app/showcase/doc/iconfield/importdoc.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: `<app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { IconFieldModule } from 'primeng/iconfield';
-import { InputIconModule } from 'primeng/inputicon';
-import { InputTextModule } from 'primeng/inputtext';`
-    };
-}
diff --git a/src/app/showcase/doc/iconfield/styledoc.ts b/src/app/showcase/doc/iconfield/styledoc.ts
deleted file mode 100644
index a29a0a3..0000000
--- a/src/app/showcase/doc/iconfield/styledoc.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-icon-field</td>
-                        <td>Container of element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-icon-field-right</td>
-                        <td>Right input icon element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-icon-field-left</td>
-                        <td>Left input icon element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-input-icon</td>
-                        <td>Container of input icon.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/iconfield/templatedoc.ts b/src/app/showcase/doc/iconfield/templatedoc.ts
deleted file mode 100644
index 0f3a13c..0000000
--- a/src/app/showcase/doc/iconfield/templatedoc.ts
+++ /dev/null
@@ -1,137 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>An eye icon is displayed by default when the image is hovered in preview mode. Use the <i>indicator</i> template for custom content.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-iconField iconPosition="left">
-                <p-inputIcon>
-                    <svg width="20" height="20" viewBox="0 0 35 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-                        <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                            <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-                        </mask>
-                        <g mask="url(#mask0_1_36)">
-                            <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-                        </g>
-                        <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-                        <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-                        <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                            fill="var(--primary-color-text)"
-                        />
-                        <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                        <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                        <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                            fill="var(--primary-color-text)"
-                        />
-                        <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-                        <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-                        <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-                        <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-                    </svg>
-                </p-inputIcon>
-                <input type="text" pInputText placeholder="Search" />
-            </p-iconField>
-        </div>
-        <app-code [code]="code" selector="iconfield-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    code: Code = {
-        basic: `<p-iconField iconPosition="left">
-    <p-inputIcon>
-        <svg width="20" height="20" viewBox="0 0 35 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-            <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-            </mask>
-            <g mask="url(#mask0_1_36)">
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-            </g>
-            <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-            <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-            <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                fill="var(--primary-color-text)"
-            />
-            <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-            <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-            <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                fill="var(--primary-color-text)"
-            />
-            <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-            <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-            <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-            <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-        </svg>
-    </p-inputIcon>
-    <input type="text" pInputText placeholder="Search" />
-</p-iconField>`,
-
-        html: `<div class="card flex justify-center">
-    <p-iconField iconPosition="left">
-    <p-inputIcon>
-        <svg width="20" height="20" viewBox="0 0 35 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-            <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-            </mask>
-            <g mask="url(#mask0_1_36)">
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-            </g>
-            <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-            <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-            <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                fill="var(--primary-color-text)"
-            />
-            <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-            <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-            <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                fill="var(--primary-color-text)"
-            />
-            <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-            <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-            <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-            <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-        </svg>
-    </p-inputIcon>
-    <input type="text" pInputText placeholder="Search" />
-</p-iconField>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputIconModule } from 'primeng/inputicon';
-import { IconFieldModule } from 'primeng/iconfield';
-import { InputTextModule } from 'primeng/inputtext';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'iconfield-template-demo',
-    templateUrl: './iconfield-template-demo.html',
-    standalone: true,
-    imports: [InputIconModule, IconFieldModule, InputTextModule, FormsModule]
-})
-export class IconFieldTemplateDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/icons/basicdoc.ts b/src/app/showcase/doc/icons/basicdoc.ts
deleted file mode 100644
index ec40d2d..0000000
--- a/src/app/showcase/doc/icons/basicdoc.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>PrimeIcons use the <i>pi pi-&#123;icon&#125;</i> syntax such as <i>pi pi-check</i>. A standalone icon can be displayed using an element such as <i>i</i> or <i>span</i></p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-3">
-            <i class="pi pi-check"></i>
-            <i class="pi pi-times"></i>
-            <span class="pi pi-search"></span>
-            <span class="pi pi-user"></span>
-        </div>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<i class="pi pi-check"></i>
-<i class="pi pi-times"></i>
-<span class="pi pi-search"></span>
-<span class="pi pi-user"></span>`
-    };
-}
diff --git a/src/app/showcase/doc/icons/colordoc.ts b/src/app/showcase/doc/icons/colordoc.ts
deleted file mode 100644
index a766cbe..0000000
--- a/src/app/showcase/doc/icons/colordoc.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'color-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Icon color is defined with the <i>color</i> property which is inherited from parent by default.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-3">
-            <i class="pi pi-check" style="color: slateblue"></i>
-            <i class="pi pi-times" style="color: green"></i>
-            <i class="pi pi-search" style="color: var(--primary-color)"></i>
-            <i class="pi pi-user" style="color: #708090"></i>
-        </div>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class ColorDoc {
-    code: Code = {
-        basic: `<i class="pi pi-check" style="color: slateblue"></i>
-<i class="pi pi-times" style="color: green"></i>
-<i class="pi pi-search" style="color: var(--primary-color)"></i>
-<i class="pi pi-user" style="color: #708090"></i>`
-    };
-}
diff --git a/src/app/showcase/doc/icons/constantsdoc.ts b/src/app/showcase/doc/icons/constantsdoc.ts
deleted file mode 100644
index 5de3ba9..0000000
--- a/src/app/showcase/doc/icons/constantsdoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component } from '@angular/core';
-import { MenuItem, PrimeIcons } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'prime-icons-constants-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Constants API is available to reference icons easily when used programmatically.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-menu [model]="items"></p-menu>
-        </div>
-        <app-code [code]="code" selector="prime-icons-constants-demo" [hideToggleCode]="true"></app-code>
-    `
-})
-export class ConstantsDoc {
-    items: MenuItem[];
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'New',
-                icon: PrimeIcons.PLUS
-            },
-            {
-                label: 'Delete',
-                icon: PrimeIcons.TRASH
-            }
-        ];
-    }
-
-    code: Code = {
-        typescript: `
-import { Component } from '@angular/core';
-import { PrimeIcons, MenuItem } from 'primeng/api';
-        
-@Component({
-    selector: 'prime-icons-constants-demo',
-    templateUrl: './prime-icons-constants-demo.html'
-})
-export class PrimeIconsConstantsDemo {
-    items: MenuItem[];
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'New',
-                icon: PrimeIcons.PLUS,
-            },
-            {
-                label: 'Delete',
-                icon: PrimeIcons.TRASH
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/icons/downloaddoc.ts b/src/app/showcase/doc/icons/downloaddoc.ts
deleted file mode 100644
index 5d5d9b0..0000000
--- a/src/app/showcase/doc/icons/downloaddoc.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'download-doc',
-    template: `
-        <app-docsectiontext>
-            <p>PrimeIcons is available at npm, run the following command to download it to your project.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class DownloadDoc {
-    code: Code = {
-        command: `npm install primeicons`
-    };
-}
diff --git a/src/app/showcase/doc/icons/figmadoc.ts b/src/app/showcase/doc/icons/figmadoc.ts
deleted file mode 100644
index 55c3811..0000000
--- a/src/app/showcase/doc/icons/figmadoc.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'figma-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                PrimeIcons library is now available on <a href="https://www.figma.com/community/file/1354343849355792252/primeicons" target="_blank" rel="noopener noreferrer">Figma Community</a>. By adding them as a library, you can easily use these
-                icons in your designs.
-            </p>
-        </app-docsectiontext>
-    `
-})
-export class FigmaDoc {}
diff --git a/src/app/showcase/doc/icons/icons.module.ts b/src/app/showcase/doc/icons/icons.module.ts
deleted file mode 100644
index 039c87e..0000000
--- a/src/app/showcase/doc/icons/icons.module.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { RouterModule } from '@angular/router';
-import { NgModule } from '@angular/core';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BasicDoc } from './basicdoc';
-import { ColorDoc } from './colordoc';
-import { ConstantsDoc } from './constantsdoc';
-import { DownloadDoc } from './downloaddoc';
-import { ImportDoc } from './importdoc';
-import { ListDoc } from './listdoc';
-import { SizeDoc } from './sizedoc';
-import { SpinDoc } from './spindoc';
-import { MenuModule } from 'primeng/menu';
-import { FigmaDoc } from './figmadoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, MenuModule],
-    declarations: [BasicDoc, ColorDoc, ConstantsDoc, DownloadDoc, ImportDoc, ListDoc, SizeDoc, SpinDoc, FigmaDoc],
-    exports: [AppDocModule]
-})
-export class IconsDocModule {}
diff --git a/src/app/showcase/doc/icons/importdoc.ts b/src/app/showcase/doc/icons/importdoc.ts
deleted file mode 100644
index 359df95..0000000
--- a/src/app/showcase/doc/icons/importdoc.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: `
-        <app-docsectiontext>
-            <p>CSS file of the icon library needs to be imported in <i>styles.scss</i> of your application.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class ImportDoc {
-    code: Code = {
-        scss: `@import "primeicons/primeicons.css";`
-    };
-}
diff --git a/src/app/showcase/doc/icons/listdoc.ts b/src/app/showcase/doc/icons/listdoc.ts
deleted file mode 100644
index d366229..0000000
--- a/src/app/showcase/doc/icons/listdoc.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Component } from '@angular/core';
-import { default as IconData } from 'src/assets/showcase/data/icons.json';
-
-@Component({
-    selector: 'list-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Here is the full list of PrimeIcons. More icons will be added periodically and you may also <a href="https://github.com/primefaces/primeicons/issues">request new icons</a> at the issue tracker.</p>
-        </app-docsectiontext>
-        <div>
-            <input class="p-inputtext p-component w-full p-3 mt-3 mb-4" (input)="onFilter($event)" pInputText placeholder="Search an icon" />
-        </div>
-        <div class="card">
-            <div class="grid text-center">
-                <div class="col-12 md:col-2 mb-5" *ngFor="let icon of filteredIcons">
-                    <i class="pi pi-{{ icon.properties.name }} text-2xl mb-3 text-color-secondary"></i>
-                    <div>pi-{{ icon.properties.name }}</div>
-                </div>
-            </div>
-        </div>
-    `
-})
-export class ListDoc {
-    icons: any;
-
-    filteredIcons: any[];
-
-    selectedIcon: any;
-
-    ngOnInit() {
-        this.icons = IconData.icons.sort((icon1, icon2) => {
-            if (icon1.properties.name < icon2.properties.name) return -1;
-            else if (icon1.properties.name < icon2.properties.name) return 1;
-            else return 0;
-        });
-        this.filteredIcons = IconData.icons;
-    }
-
-    onFilter(event: KeyboardEvent): void {
-        let searchText = (<HTMLInputElement>event.target).value;
-        let sanitizedInput = searchText?.replace(/[^\w\s]/gi, '').replace(/\s/g, '');
-
-        if (!searchText) {
-            this.filteredIcons = this.icons;
-        } else {
-            this.filteredIcons = this.icons.filter((icon) => {
-                return (
-                    icon.icon.tags.some((tag) =>
-                        tag
-                            .replace(/[^\w\s]/gi, '')
-                            .replace(/\s/g, '')
-                            .includes(sanitizedInput.toLowerCase())
-                    ) ||
-                    icon.properties.name
-                        .replace(/[^\w\s]/gi, '')
-                        .replace(/\s/g, '')
-                        .toLowerCase()
-                        .includes(sanitizedInput.toLowerCase())
-                );
-            });
-        }
-    }
-}
diff --git a/src/app/showcase/doc/icons/sizedoc.ts b/src/app/showcase/doc/icons/sizedoc.ts
deleted file mode 100644
index ebd646e..0000000
--- a/src/app/showcase/doc/icons/sizedoc.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'size-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Size of an icon is controlled with the font-size property of the element.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center items-center gap-3">
-            <i class="pi pi-check" style="font-size: 1rem"></i>
-            <i class="pi pi-times" style="font-size: 1.5rem"></i>
-            <i class="pi pi-search" style="font-size: 2rem"></i>
-            <i class="pi pi-user" style="font-size: 2.5rem"></i>
-        </div>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class SizeDoc {
-    code: Code = {
-        basic: `<i class="pi pi-check" style="font-size: 1rem"></i>
-<i class="pi pi-times" style="font-size: 1.5rem"></i>
-<i class="pi pi-search" style="font-size: 2rem"></i>
-<i class="pi pi-user" style="font-size: 2.5rem"></i>`
-    };
-}
diff --git a/src/app/showcase/doc/icons/spindoc.ts b/src/app/showcase/doc/icons/spindoc.ts
deleted file mode 100644
index c99f237..0000000
--- a/src/app/showcase/doc/icons/spindoc.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'spin-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Special <i>pi-spin</i> class applies infinite rotation to an icon.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-3">
-            <i class="pi pi-spin pi-spinner" style="font-size: 2rem"></i>
-            <i class="pi pi-spin pi-cog" style="font-size: 2rem"></i>
-        </div>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class SpinDoc {
-    code: Code = {
-        basic: `<i class="pi pi-spin pi-spinner" style="font-size: 2rem"></i>
-<i class="pi pi-spin pi-cog" style="font-size: 2rem"></i>`
-    };
-}
diff --git a/src/app/showcase/doc/inplace/accessibilitydoc.ts b/src/app/showcase/doc/inplace/accessibilitydoc.ts
deleted file mode 100644
index 8a5b839..0000000
--- a/src/app/showcase/doc/inplace/accessibilitydoc.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>Inplace component defines <i>aria-live</i> as "polite" by default, since any valid attribute is passed to the main container aria roles and attributes of the root element can be customized easily.</p>
-            <p>
-                Display element uses <i>button</i> role in view mode by default, <i>displayProps</i> can be used for customizations like adding <i>aria-label</i> or <i>aria-labelledby</i> attributes to describe the content of the view mode or even
-                overriding the default role.
-            </p>
-            <p>
-                Closable inplace components displays a button with an <i>aria-label</i> that refers to the <i>aria.close</i> property of the <a href="/configuration/#locale">locale</a> API by default, you may use<i>closeButtonProps</i> to customize
-                the element and override the default <i>aria-label</i>.
-            </p>
-            <h3>View Mode Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Switches to content.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-            <h3>Close Button Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Switches to display.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Switches to display.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/inplace/basicdoc.ts b/src/app/showcase/doc/inplace/basicdoc.ts
deleted file mode 100644
index 476a172..0000000
--- a/src/app/showcase/doc/inplace/basicdoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p><i>Inplace</i> component requires <i>display</i> and <i>content</i> templates to define the content of each state.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-inplace>
-                <ng-template pTemplate="display">
-                    <span>View Content</span>
-                </ng-template>
-                <ng-template pTemplate="content">
-                    <span>
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                    </span>
-                </ng-template>
-            </p-inplace>
-        </div>
-        <app-code [code]="code" selector="inplace-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-inplace>
-    <ng-template pTemplate="display">
-        <span>View Content</span>
-    </ng-template>
-    <ng-template pTemplate="content">
-        <span>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit...
-        </span>
-    </ng-template>
-</p-inplace>`,
-        html: `<div class="card">
-    <p-inplace>
-        <ng-template pTemplate="display">
-            <span>View Content</span>
-        </ng-template>
-        <ng-template pTemplate="content">
-            <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
-        </ng-template>
-    </p-inplace>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { InplaceModule } from 'primeng/inplace';
-
-@Component({
-    selector: 'inplace-basic-demo',
-    templateUrl: './inplace-basic-demo.html',
-    standalone: true,
-    imports: [InplaceModule]
-})
-export class InplaceBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/inplace/datadoc.ts b/src/app/showcase/doc/inplace/datadoc.ts
deleted file mode 100644
index e705e36..0000000
--- a/src/app/showcase/doc/inplace/datadoc.ts
+++ /dev/null
@@ -1,150 +0,0 @@
-import { Component } from '@angular/core';
-import { Car } from '@domain/car';
-import { Code } from '@domain/code';
-import { CarService } from '@service/carservice';
-
-@Component({
-    selector: 'data-doc',
-    template: `
-        <div class="card">
-            <p-inplace>
-                <ng-template pTemplate="display">
-                    <div class="inline-flex items-center">
-                        <span class="pi pi-table" style="vertical-align: middle"></span>
-                        <span class="ml-2">View Data</span>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="content">
-                    <p-table [value]="cars" responsiveLayout="scroll">
-                        <ng-template pTemplate="header">
-                            <tr>
-                                <th>Vin</th>
-                                <th>Year</th>
-                                <th>Brand</th>
-                                <th>Color</th>
-                            </tr>
-                        </ng-template>
-                        <ng-template pTemplate="body" let-car>
-                            <tr>
-                                <td>{{ car.vin }}</td>
-                                <td>{{ car.year }}</td>
-                                <td>{{ car.brand }}</td>
-                                <td>{{ car.color }}</td>
-                            </tr>
-                        </ng-template>
-                    </p-table>
-                </ng-template>
-            </p-inplace>
-        </div>
-        <app-code [code]="code" selector="inplace-data-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class DataDoc {
-    cars: Car[] | undefined;
-
-    constructor(private carService: CarService) {}
-
-    ngOnInit() {
-        this.carService.getCarsSmall().then((cars) => (this.cars = cars));
-    }
-
-    code: Code = {
-        basic: `<p-inplace>
-    <ng-template pTemplate="display">
-        <div class="inline-flex items-center">
-            <span class="pi pi-table" style="vertical-align: middle"></span>
-            <span class="ml-2">View Data</span>
-        </div>
-    </ng-template>
-    <ng-template pTemplate="content">
-        <p-table [value]="cars" responsiveLayout="scroll">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th>Vin</th>
-                    <th>Year</th>
-                    <th>Brand</th>
-                    <th>Color</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-car>
-                <tr>
-                    <td>{{ car.vin }}</td>
-                    <td>{{ car.year }}</td>
-                    <td>{{ car.brand }}</td>
-                    <td>{{ car.color }}</td>
-                </tr>
-            </ng-template>
-        </p-table>
-    </ng-template>
-</p-inplace>`,
-        html: `<div class="card">
-    <p-inplace>
-        <ng-template pTemplate="display">
-            <div class="inline-flex items-center">
-                <span class="pi pi-table" style="vertical-align: middle"></span>
-                <span class="ml-2">View Data</span>
-            </div>
-        </ng-template>
-        <ng-template pTemplate="content">
-            <p-table [value]="cars" responsiveLayout="scroll">
-                <ng-template pTemplate="header">
-                    <tr>
-                        <th>Vin</th>
-                        <th>Year</th>
-                        <th>Brand</th>
-                        <th>Color</th>
-                    </tr>
-                </ng-template>
-                <ng-template pTemplate="body" let-car>
-                    <tr>
-                        <td>{{ car.vin }}</td>
-                        <td>{{ car.year }}</td>
-                        <td>{{ car.brand }}</td>
-                        <td>{{ car.color }}</td>
-                    </tr>
-                </ng-template>
-            </p-table>
-        </ng-template>
-    </p-inplace>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { Car } from '@domain/car';
-import { CarService } from '@service/carservice';
-import { InplaceModule } from 'primeng/inplace';
-import { TableModule } from 'primeng/table';
-
-@Component({
-    selector: 'inplace-data-demo',
-    templateUrl: './inplace-data-demo.html',
-    standalone: true,
-    imports: [InplaceModule, TableModule],
-    providers: [CarService]
-})
-export class InplaceDataDemo {
-    cars: Car[] | undefined;
-
-    constructor(private carService: CarService) {}
-
-    ngOnInit() {
-        this.carService.getCarsSmall().then((cars) => (this.cars = cars));
-    } 
-}`,
-        service: ['CarService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/car.ts',
-            content: `
-export interface Car {
-    id?;
-    vin?;
-    year?;
-    brand?;
-    color?;
-    price?;
-    saleDate?;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/inplace/imagedoc.ts b/src/app/showcase/doc/inplace/imagedoc.ts
deleted file mode 100644
index e1f611e..0000000
--- a/src/app/showcase/doc/inplace/imagedoc.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'image-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Any content such as an image can be placed inside an Inplace.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-inplace>
-                <ng-template pTemplate="display">
-                    <div class="inline-flex items-center">
-                        <span class="pi pi-image" style="vertical-align: middle"></span>
-                        <span class="ml-2">View Picture</span>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="content">
-                    <img src="https://primefaces.org/cdn/primeng/images/demo/galleria/galleria5.jpg" alt="Nature" />
-                </ng-template>
-            </p-inplace>
-        </div>
-        <app-code [code]="code" selector="inplace-image-demo"></app-code>
-    `
-})
-export class ImageDoc {
-    code: Code = {
-        basic: `<p-inplace>
-    <ng-template pTemplate="display">
-        <div class="inline-flex items-center">
-            <span class="pi pi-image" style="vertical-align: middle"></span>
-            <span class="ml-2">View Picture</span>
-        </div>
-    </ng-template>
-    <ng-template pTemplate="content">
-        <img 
-            src="https://primefaces.org/cdn/primeng/images/demo/galleria/galleria5.jpg" 
-            alt="Nature" />
-    </ng-template>
-</p-inplace>`,
-        html: `<div class="card">
-    <p-inplace>
-        <ng-template pTemplate="display">
-            <div class="inline-flex items-center">
-                <span class="pi pi-image" style="vertical-align: middle"></span>
-                <span class="ml-2">View Picture</span>
-            </div>
-        </ng-template>
-        <ng-template pTemplate="content">
-            <img 
-                src="https://primefaces.org/cdn/primeng/images/demo/galleria/galleria5.jpg" 
-                alt="Nature" />
-        </ng-template>
-    </p-inplace>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { InplaceModule } from 'primeng/inplace';
-
-@Component({
-    selector: 'inplace-image-demo',
-    templateUrl: './inplace-image-demo.html',
-    standalone: true,
-    imports: [InplaceModule]
-})
-export class InplaceImageDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/inplace/importdoc.ts b/src/app/showcase/doc/inplace/importdoc.ts
deleted file mode 100644
index 37c51c3..0000000
--- a/src/app/showcase/doc/inplace/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { InplaceModule } from 'primeng/inplace';`
-    };
-}
diff --git a/src/app/showcase/doc/inplace/inplacedoc.module.ts b/src/app/showcase/doc/inplace/inplacedoc.module.ts
deleted file mode 100644
index d5a0abf..0000000
--- a/src/app/showcase/doc/inplace/inplacedoc.module.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { InplaceModule } from 'primeng/inplace';
-import { InputTextModule } from 'primeng/inputtext';
-import { TableModule } from 'primeng/table';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { DataDoc } from './datadoc';
-import { ImageDoc } from './imagedoc';
-import { ImportDoc } from './importdoc';
-import { InputDoc } from './inputdoc';
-import { StyleDoc } from './styledoc';
-import { LazyDoc } from './lazydoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, InplaceModule, InputTextModule, TableModule],
-    declarations: [BasicDoc, DataDoc, ImageDoc, ImportDoc, InputDoc, StyleDoc, LazyDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class InplaceDocModule {}
diff --git a/src/app/showcase/doc/inplace/inputdoc.ts b/src/app/showcase/doc/inplace/inputdoc.ts
deleted file mode 100644
index 5803e8d..0000000
--- a/src/app/showcase/doc/inplace/inputdoc.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'input-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Inplace can be used within a form to display a value as read only before making it editable. The <i>closable</i> property adds a close button next to the content to switch back to read only mode.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-inplace closable="closable">
-                <ng-template pTemplate="display">
-                    <span>Click to Edit</span>
-                </ng-template>
-                <ng-template pTemplate="content">
-                    <input type="text" value="PrimeNG" pInputText />
-                </ng-template>
-            </p-inplace>
-        </div>
-        <app-code [code]="code" selector="inplace-input-demo"></app-code>
-    `
-})
-export class InputDoc {
-    code: Code = {
-        basic: `<p-inplace closable="closable">
-    <ng-template pTemplate="display">
-        <span>Click to Edit</span>
-    </ng-template>
-    <ng-template pTemplate="content">
-        <input type="text" value="PrimeNG" pInputText />
-    </ng-template>
-</p-inplace>`,
-        html: `<div class="card">
-    <p-inplace closable="closable">
-        <ng-template pTemplate="display">
-            <span>Click to Edit</span>
-        </ng-template>
-        <ng-template pTemplate="content">
-            <input type="text" value="PrimeNG" pInputText />
-        </ng-template>
-    </p-inplace>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { InplaceModule } from 'primeng/inplace';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'inplace-input-demo',
-    templateUrl: './inplace-input-demo.html',
-    standalone: true,
-    imports: [InplaceModule, InputTextModule]
-})
-export class InplaceInputDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/inplace/lazydoc.ts b/src/app/showcase/doc/inplace/lazydoc.ts
deleted file mode 100644
index 7ba56e8..0000000
--- a/src/app/showcase/doc/inplace/lazydoc.ts
+++ /dev/null
@@ -1,162 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'lazy-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Using the <i>onActivate</i> event, data can be loaded in a lazy manner before displaying it in a table.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-inplace (onActivate)="loadData()">
-                <ng-template pTemplate="display">
-                    <span>View Data</span>
-                </ng-template>
-                <ng-template pTemplate="content">
-                    <p-table [value]="products" responsiveLayout="scroll">
-                        <ng-template pTemplate="header">
-                            <tr>
-                                <th>Code</th>
-                                <th>Name</th>
-                                <th>Category</th>
-                                <th>Quantity</th>
-                            </tr>
-                        </ng-template>
-                        <ng-template pTemplate="body" let-product>
-                            <tr>
-                                <td>{{ product.code }}</td>
-                                <td>{{ product.name }}</td>
-                                <td>{{ product.category }}</td>
-                                <td>{{ product.quantity }}</td>
-                            </tr>
-                        </ng-template>
-                    </p-table>
-                </ng-template>
-            </p-inplace>
-        </div>
-        <app-code [code]="code" selector="inplace-lazy-demo"></app-code>
-    `
-})
-export class LazyDoc {
-    products: Product[] | undefined;
-
-    constructor(private productService: ProductService) {}
-
-    loadData() {
-        this.productService.getProductsSmall().then((products) => (this.products = products));
-    }
-
-    code: Code = {
-        basic: `<p-inplace (onActivate)="loadData()">
-    <ng-template pTemplate="display">
-        <span>View Data</span>
-    </ng-template>
-    <ng-template pTemplate="content">
-        <p-table [value]="products" responsiveLayout="scroll">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th>Code</th>
-                    <th>Name</th>
-                    <th>Category</th>
-                    <th>Quantity</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-product>
-                <tr>
-                    <td>{{ product.code }}</td>
-                    <td>{{ product.name }}</td>
-                    <td>{{ product.category }}</td>
-                    <td>{{ product.quantity }}</td>
-                </tr>
-            </ng-template>
-        </p-table>
-    </ng-template>
-</p-inplace>`,
-        html: `<div class="card">
-    <p-inplace (onActivate)="loadData()">
-        <ng-template pTemplate="display">
-            <span>View Data</span>
-        </ng-template>
-        <ng-template pTemplate="content">
-            <p-table [value]="products" responsiveLayout="scroll">
-                <ng-template pTemplate="header">
-                    <tr>
-                        <th>Code</th>
-                        <th>Name</th>
-                        <th>Category</th>
-                        <th>Quantity</th>
-                    </tr>
-                </ng-template>
-                <ng-template pTemplate="body" let-product>
-                    <tr>
-                        <td>{{ product.code }}</td>
-                        <td>{{ product.name }}</td>
-                        <td>{{ product.category }}</td>
-                        <td>{{ product.quantity }}</td>
-                    </tr>
-                </ng-template>
-            </p-table>
-        </ng-template>
-    </p-inplace>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { InplaceModule } from 'primeng/inplace';
-import { TableModule } from 'primeng/table';
-
-@Component({
-    selector: 'inplace-lazy-demo',
-    templateUrl: './inplace-lazy-demo.html',
-    standalone: true,
-    imports: [InplaceModule, TableModule],
-    providers: [ProductService]
-})
-export class InplaceLazyDemo {
-    products: Product[] | undefined;
-
-    constructor(private productService: ProductService) {}
-
-    loadData() {
-        this.productService.getProductsSmall().then((products) => (this.products = products));
-    }
-}`,
-        data: `
-/* ProductService */        
-{
-id: '1000',
-code: 'f230fh0g3',
-name: 'Bamboo Watch',
-description: 'Product Description',
-image: 'bamboo-watch.jpg',
-price: 65,
-category: 'Accessories',
-quantity: 24,
-inventoryStatus: 'INSTOCK',
-rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-id?: string;
-code?: string;
-name?: string;
-description?: string;
-price?: number;
-quantity?: number;
-inventoryStatus?: string;
-category?: string;
-image?: string;
-rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/inplace/styledoc.ts b/src/app/showcase/doc/inplace/styledoc.ts
deleted file mode 100644
index 216f50b..0000000
--- a/src/app/showcase/doc/inplace/styledoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-inplace</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-inplace-display</td>
-                        <td>Display container</td>
-                    </tr>
-                    <tr>
-                        <td>p-inplace-content</td>
-                        <td>Content container</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/inputgroup/accessibilitydoc.ts b/src/app/showcase/doc/inputgroup/accessibilitydoc.ts
deleted file mode 100644
index 3b94b2c..0000000
--- a/src/app/showcase/doc/inputgroup/accessibilitydoc.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: `
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>InputGroup and InputGroupAddon does not require any roles and attributes.</p>
-
-            <h3>Keyboard Support</h3>
-            <p>Component does not include any interactive elements.</p>
-        </app-docsectiontext>
-    `
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/inputgroup/basicdoc.ts b/src/app/showcase/doc/inputgroup/basicdoc.ts
deleted file mode 100644
index 905a655..0000000
--- a/src/app/showcase/doc/inputgroup/basicdoc.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>An InputGroup is created by wrapping the add-ons inside the <i>p-inputGroup</i> element.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col md:flex-row gap-3">
-            <p-inputGroup>
-                <p-inputGroupAddon>
-                    <i class="pi pi-user"></i>
-                </p-inputGroupAddon>
-                <input pInputText placeholder="Username" />
-            </p-inputGroup>
-            <p-inputGroup>
-                <p-inputGroupAddon>$</p-inputGroupAddon>
-                <input type="text" pInputText placeholder="Price" />
-                <p-inputGroupAddon>.00</p-inputGroupAddon>
-            </p-inputGroup>
-            <p-inputGroup>
-                <p-inputGroupAddon>www</p-inputGroupAddon>
-                <input type="text" pInputText placeholder="Website" />
-            </p-inputGroup>
-        </div>
-        <app-code [code]="code" selector="input-group-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-inputGroup>
-    <p-inputGroupAddon>
-        <i class="pi pi-user"></i>
-    </p-inputGroupAddon>
-    <input pInputText placeholder="Username" />
-</p-inputGroup>
-<p-inputGroup>
-    <p-inputGroupAddon>$</p-inputGroupAddon>
-    <input type="text" pInputText placeholder="Price" />
-    <p-inputGroupAddon>.00</p-inputGroupAddon>
-</p-inputGroup>
-<p-inputGroup>
-    <p-inputGroupAddon>www</p-inputGroupAddon>
-    <input type="text" pInputText placeholder="Website" />
-</p-inputGroup>`,
-
-        html: `<div class="card flex flex-col md:flex-row gap-3">
-    <p-inputGroup>
-        <p-inputGroupAddon>
-            <i class="pi pi-user"></i>
-        </p-inputGroupAddon>
-        <input pInputText placeholder="Username" />
-    </p-inputGroup>
-    <p-inputGroup>
-        <p-inputGroupAddon>$</p-inputGroupAddon>
-        <input type="text" pInputText placeholder="Price" />
-        <p-inputGroupAddon>.00</p-inputGroupAddon>
-    </p-inputGroup>
-    <p-inputGroup>
-        <p-inputGroupAddon>www</p-inputGroupAddon>
-        <input type="text" pInputText placeholder="Website" />
-    </p-inputGroup>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { InputGroupModule } from 'primeng/inputgroup';
-import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'input-group-basic-demo',
-    templateUrl: './input-group-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputGroupModule, InputGroupAddonModule, InputTextModule]
-})
-export class InputGroupBasicDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/inputgroup/buttondoc.ts b/src/app/showcase/doc/inputgroup/buttondoc.ts
deleted file mode 100644
index 6526a0d..0000000
--- a/src/app/showcase/doc/inputgroup/buttondoc.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'button-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Buttons can be placed at either side of an input element.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col md:flex-row gap-3">
-            <p-inputGroup>
-                <button type="button" pButton label="Search"></button>
-                <input type="text" pInputText placeholder="Keyword" />
-            </p-inputGroup>
-            <p-inputGroup>
-                <input type="text" pInputText placeholder="Keyword" />
-                <button type="button" pButton icon="pi pi-search" class="p-button-warning"></button>
-            </p-inputGroup>
-            <p-inputGroup>
-                <button type="button" pButton icon="pi pi-check" class="p-button-success"></button>
-                <input type="text" pInputText placeholder="Vote" />
-                <button type="button" pButton icon="pi pi-times" class="p-button-danger"></button>
-            </p-inputGroup>
-        </div>
-        <app-code [code]="code" selector="input-group-button-demo"></app-code>
-    `
-})
-export class ButtonDoc {
-    code: Code = {
-        basic: `<p-inputGroup>
-    <button type="button" pButton label="Search"></button>
-    <input type="text" pInputText placeholder="Keyword" />
-</p-inputGroup>
-<p-inputGroup>
-    <input type="text" pInputText placeholder="Keyword" />
-    <button type="button" pButton icon="pi pi-search" class="p-button-warning"></button>
-</p-inputGroup>
-<p-inputGroup>
-    <button type="button" pButton icon="pi pi-check" class="p-button-success"></button>
-    <input type="text" pInputText placeholder="Vote" />
-    <button type="button" pButton icon="pi pi-times" class="p-button-danger"></button>
-</p-inputGroup>`,
-
-        html: `<div class="card flex flex-col md:flex-row gap-3">
-    <p-inputGroup>
-        <button type="button" pButton label="Search"></button>
-        <input type="text" pInputText placeholder="Keyword" />
-    </p-inputGroup>
-    <p-inputGroup>
-        <input type="text" pInputText placeholder="Keyword" />
-        <button type="button" pButton icon="pi pi-search" class="p-button-warning"></button>
-    </p-inputGroup>
-    <p-inputGroup>
-        <button type="button" pButton icon="pi pi-check" class="p-button-success"></button>
-        <input type="text" pInputText placeholder="Vote" />
-        <button type="button" pButton icon="pi pi-times" class="p-button-danger"></button>
-    </p-inputGroup>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { InputGroupModule } from 'primeng/inputgroup';
-import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
-import { InputTextModule } from 'primeng/inputtext';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'input-group-button-demo',
-    templateUrl: './input-group-button-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputGroupModule, InputGroupAddonModule, InputTextModule, ButtonModule]
-})
-export class InputGroupButtonDemo {
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputgroup/checkboxdoc.ts b/src/app/showcase/doc/inputgroup/checkboxdoc.ts
deleted file mode 100644
index bc5e491..0000000
--- a/src/app/showcase/doc/inputgroup/checkboxdoc.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'checkbox-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Checkbox and RadioButton components can be combined with an input element under the same group.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col md:flex-row gap-3">
-            <p-inputGroup>
-                <input type="text" pInputText placeholder="Price" />
-                <p-inputGroupAddon><p-radioButton [(ngModel)]="radioValue1" name="rb1" value="rb1" /></p-inputGroupAddon>
-            </p-inputGroup>
-
-            <p-inputGroup>
-                <p-inputGroupAddon><p-checkbox [(ngModel)]="checked1" [binary]="true" /></p-inputGroupAddon>
-                <input type="text" pInputText placeholder="Username" />
-            </p-inputGroup>
-
-            <p-inputGroup>
-                <p-inputGroupAddon><p-checkbox [(ngModel)]="checked2" [binary]="true" /></p-inputGroupAddon>
-                <input type="text" pInputText placeholder="Website" />
-                <p-inputGroupAddon><p-radioButton name="rb2" value="rb2" [(ngModel)]="category" /></p-inputGroupAddon>
-            </p-inputGroup>
-        </div>
-        <app-code [code]="code" selector="input-group-checkbox-demo"></app-code>
-    `
-})
-export class CheckboxDoc {
-    radioValue1: boolean = false;
-
-    checked1: boolean = false;
-
-    checked2: boolean = false;
-
-    category: string | undefined;
-
-    code: Code = {
-        basic: `<p-inputGroup>
-    <input type="text" pInputText placeholder="Price" />
-    <p-inputGroupAddon>
-        <p-radioButton [(ngModel)]="radioValue1" name="rb1" value="rb1"/>
-    </p-inputGroupAddon>
-</p-inputGroup>
-
-<p-inputGroup>
-    <p-inputGroupAddon><p-checkbox [(ngModel)]="checked1" [binary]="true"/></p-inputGroupAddon>
-    <input type="text" pInputText placeholder="Username" />
-</p-inputGroup>
-
-<p-inputGroup>
-    <p-inputGroupAddon><p-checkbox [(ngModel)]="checked2" [binary]="true"/></p-inputGroupAddon>
-    <input type="text" pInputText placeholder="Website" />
-    <p-inputGroupAddon><p-radioButton name="rb2" value="rb2" [(ngModel)]="category"/></p-inputGroupAddon>
-</p-inputGroup>`,
-
-        html: `<div class="card flex flex-col md:flex-row gap-3">
-    <p-inputGroup>
-        <input type="text" pInputText placeholder="Price" />
-        <p-inputGroupAddon>
-            <p-radioButton [(ngModel)]="radioValue1" name="rb1" value="rb1"/>
-        </p-inputGroupAddon>
-    </p-inputGroup>
-    
-    <p-inputGroup>
-        <p-inputGroupAddon><p-checkbox [(ngModel)]="checked1" [binary]="true"/></p-inputGroupAddon>
-        <input type="text" pInputText placeholder="Username" />
-    </p-inputGroup>
-    
-    <p-inputGroup>
-        <p-inputGroupAddon><p-checkbox [(ngModel)]="checked2" [binary]="true"/></p-inputGroupAddon>
-        <input type="text" pInputText placeholder="Website" />
-        <p-inputGroupAddon><p-radioButton name="rb2" value="rb2" [(ngModel)]="category"/></p-inputGroupAddon>
-    </p-inputGroup>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { InputGroupModule } from 'primeng/inputgroup';
-import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
-import { InputTextModule } from 'primeng/inputtext';
-import { CheckboxModule } from 'primeng/checkbox';
-import { RadioButtonModule } from 'primeng/radiobutton';
-
-@Component({
-    selector: 'input-group-checkbox-demo',
-    templateUrl: './input-group-checkbox-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputGroupModule, InputGroupAddonModule, InputTextModule, CheckboxModule, RadioButtonModule]
-})
-export class InputGroupCheckboxDemo {
-    radioValue1: boolean = false;
-
-    checked1: boolean = false;
-
-    checked2: boolean = false;
-
-    category: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputgroup/importdoc.ts b/src/app/showcase/doc/inputgroup/importdoc.ts
deleted file mode 100644
index 04612de..0000000
--- a/src/app/showcase/doc/inputgroup/importdoc.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { InputGroupModule } from 'primeng/inputgroup';
-import { InputGroupAddonModule } from 'primeng/inputgroupaddon';`
-    };
-}
diff --git a/src/app/showcase/doc/inputgroup/inputgroupddoc.module.ts b/src/app/showcase/doc/inputgroup/inputgroupddoc.module.ts
deleted file mode 100644
index b875d04..0000000
--- a/src/app/showcase/doc/inputgroup/inputgroupddoc.module.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { ButtonModule } from 'primeng/button';
-import { CheckboxModule } from 'primeng/checkbox';
-import { InputTextModule } from 'primeng/inputtext';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BasicDoc } from './basicdoc';
-import { ButtonDoc } from './buttondoc';
-import { CheckboxDoc } from './checkboxdoc';
-import { ImportDoc } from './importdoc';
-import { MultipleDoc } from './multipledoc';
-import { InputGroupModule } from 'primeng/inputgroup';
-import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
-import { AccessibilityDoc } from './accessibilitydoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, FormsModule, InputTextModule, ButtonModule, CheckboxModule, RadioButtonModule, InputGroupModule, InputGroupAddonModule, RadioButtonModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, MultipleDoc, ButtonDoc, CheckboxDoc, AccessibilityDoc]
-})
-export class InputGroupDocModule {}
diff --git a/src/app/showcase/doc/inputgroup/multipledoc.ts b/src/app/showcase/doc/inputgroup/multipledoc.ts
deleted file mode 100644
index e9dd529..0000000
--- a/src/app/showcase/doc/inputgroup/multipledoc.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'multiple-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Multiple add-ons can be placed inside the same group.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputGroup class="w-full md:!w-30">
-                <p-inputGroupAddon>
-                    <i class="pi pi-clock"></i>
-                </p-inputGroupAddon>
-                <p-inputGroupAddon>
-                    <i class="pi pi-star-fill"></i>
-                </p-inputGroupAddon>
-                <input type="text" pInputText placeholder="Price" />
-                <p-inputGroupAddon>$</p-inputGroupAddon>
-                <p-inputGroupAddon>.00</p-inputGroupAddon>
-            </p-inputGroup>
-        </div>
-        <app-code [code]="code" selector="input-group-multiple-demo"></app-code>
-    `
-})
-export class MultipleDoc {
-    code: Code = {
-        basic: `<p-inputGroup class="w-full md:!w-30">
-    <p-inputGroupAddon>
-        <i class="pi pi-clock"></i>
-    </p-inputGroupAddon>
-    <p-inputGroupAddon>
-        <i class="pi pi-star-fill"></i>
-    </p-inputGroupAddon>
-    <input type="text" pInputText placeholder="Price" />
-    <p-inputGroupAddon>$</p-inputGroupAddon>
-    <p-inputGroupAddon>.00</p-inputGroupAddon>
-</p-inputGroup>`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputGroup class="w-full md:!w-30">
-        <p-inputGroupAddon>
-            <i class="pi pi-clock"></i>
-        </p-inputGroupAddon>
-        <p-inputGroupAddon>
-            <i class="pi pi-star-fill"></i>
-        </p-inputGroupAddon>
-        <input type="text" pInputText placeholder="Price" />
-        <p-inputGroupAddon>$</p-inputGroupAddon>
-        <p-inputGroupAddon>.00</p-inputGroupAddon>
-    </p-inputGroup>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { InputGroupModule } from 'primeng/inputgroup';
-import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'input-group-multiple-demo',
-    templateUrl: './input-group-multiple-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputGroupModule, InputGroupAddonModule, InputTextModule]
-})
-export class InputGroupMultipleDemo {
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputmask/accessibilitydoc.ts b/src/app/showcase/doc/inputmask/accessibilitydoc.ts
deleted file mode 100644
index 0098807..0000000
--- a/src/app/showcase/doc/inputmask/accessibilitydoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                InputMask component renders a native input element that implicitly includes any passed prop. Value to describe the component can either be provided via <i>label</i> tag combined with <i>id</i> prop or using <i>ariaLabelledBy</i>,
-                <i>ariaLabel</i> props.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the input.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<label for="date">Date</label>
-<p-inputMask inputId="date"/>
-
-<span id="phone">Phone</span>
-<p-inputMask ariaLabelledBy="phone"/>
-
-<p-inputMask ariaLabel="Age"/>`
-    };
-}
diff --git a/src/app/showcase/doc/inputmask/basicdoc.ts b/src/app/showcase/doc/inputmask/basicdoc.ts
deleted file mode 100644
index 100346c..0000000
--- a/src/app/showcase/doc/inputmask/basicdoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>InputMask is used as a controlled input with <i>ngModel</i> properties.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputMask mask="99-999999" [(ngModel)]="value" placeholder="99-999999" />
-        </div>
-        <app-code [code]="code" selector="input-mask-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    value: string | undefined;
-
-    code: Code = {
-        basic: `<p-inputMask 
-    mask="99-999999" 
-    [(ngModel)]="value" 
-    placeholder="99-999999" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputMask 
-        mask="99-999999" 
-        [(ngModel)]="value" 
-        placeholder="99-999999" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputMaskModule } from 'primeng/inputmask';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-mask-basic-demo',
-    templateUrl: './input-mask-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputMaskModule]
-})
-export class InputMaskBasicDemo {
-    value: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputmask/cleardoc.ts b/src/app/showcase/doc/inputmask/cleardoc.ts
deleted file mode 100644
index 6b5bc5b..0000000
--- a/src/app/showcase/doc/inputmask/cleardoc.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'clear-doc',
-    template: `
-        <app-docsectiontext>
-            <p>InputMask provides <i>showClear</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputMask mask="99-999999" [(ngModel)]="value" placeholder="99-999999" showClear />
-        </div>
-        <app-code [code]="code" selector="input-mask-clear-demo"></app-code>
-    `
-})
-export class ClearDoc {
-    value: string | undefined;
-
-    code: Code = {
-        basic: `<p-inputMask
-    mask="99-999999"
-    [(ngModel)]="value"
-    placeholder="99-999999"
-    showClear />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputMask
-        mask="99-999999"
-        [(ngModel)]="value"
-        placeholder="99-999999"
-        showClear
-        />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputMaskModule } from 'primeng/inputmask';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-mask-clear-demo',
-    templateUrl: './input-mask-clear-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputMaskModule]
-})
-export class InputMaskClearDemo {
-    value: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputmask/disableddoc.ts b/src/app/showcase/doc/inputmask/disableddoc.ts
deleted file mode 100644
index 6a7dc1b..0000000
--- a/src/app/showcase/doc/inputmask/disableddoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputMask mask="999-99-9999" [(ngModel)]="value" [disabled]="true" />
-        </div>
-        <app-code [code]="code" selector="input-mask-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    value: string | undefined;
-
-    code: Code = {
-        basic: `<p-inputMask 
-    mask="999-99-9999" 
-    [(ngModel)]="value" 
-    [disabled]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputMask 
-        mask="999-99-9999" 
-        [(ngModel)]="value" 
-        [disabled]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputMaskModule } from 'primeng/inputmask';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-mask-disabled-demo',
-    templateUrl: './input-mask-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputMaskModule]
-})
-export class InputMaskDisabledDemo {
-    value: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputmask/filleddoc.ts b/src/app/showcase/doc/inputmask/filleddoc.ts
deleted file mode 100644
index f2979bf..0000000
--- a/src/app/showcase/doc/inputmask/filleddoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'filled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputMask mask="99-999999" [(ngModel)]="value" variant="filled" placeholder="99-999999" />
-        </div>
-        <app-code [code]="code" selector="input-mask-filled-demo"></app-code>
-    `
-})
-export class FilledDoc {
-    value: string | undefined;
-
-    code: Code = {
-        basic: `<p-inputMask 
-    mask="99-999999" 
-    [(ngModel)]="value" 
-    variant="filled"
-    placeholder="99-999999" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputMask 
-        mask="99-999999" 
-        [(ngModel)]="value" 
-        variant="filled"
-        placeholder="99-999999" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputMaskModule } from 'primeng/inputmask';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-mask-filled-demo',
-    templateUrl: './input-mask-filled-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputMaskModule]
-})
-export class InputMaskFilledDemo {
-    value: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputmask/floatlabeldoc.ts b/src/app/showcase/doc/inputmask/floatlabeldoc.ts
deleted file mode 100644
index 08afa96..0000000
--- a/src/app/showcase/doc/inputmask/floatlabeldoc.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'floatlabel-doc',
-    template: `
-        <app-docsectiontext>
-            <p>A floating label appears on top of the input field when focused. Visit <a routerLink="/floatlabel">FloatLabel</a> documentation for more information.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <p-inputMask mask="999-99-9999" [(ngModel)]="value" id="ssn_input" />
-                <label for="ssn_input">SSN</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <p-inputMask mask="999-99-9999" [(ngModel)]="value" id="ssn_input" />
-                <label for="ssn_input">SSN</label>
-            </p-floatLabel>
-        </div>
-        <app-code [code]="code" selector="input-mask-floatlabel-demo"></app-code>
-    `
-})
-export class FloatlabelDoc {
-    value: string | undefined;
-
-    code: Code = {
-        basic: `<p-floatLabel>
-    <p-inputMask
-        mask="999-99-9999"
-        [(ngModel)]="value"
-        id="ssn_input" />
-    <label for="ssn_input">SSN</label>
-</p-floatLabel>
-
-<p-floatLabel class="float-variant-in">
-    <p-inputMask mask="999-99-9999" [(ngModel)]="value" id="ssn_input" />
-    <label for="ssn_input">SSN</label>
-</p-floatLabel>
-`,
-
-        html: `<div class="card flex justify-center gap-4">
-    <p-floatLabel>
-        <p-inputMask mask="999-99-9999" [(ngModel)]="value" id="ssn_input" />
-        <label for="ssn_input">SSN</label>
-    </p-floatLabel>
-
-    <p-floatLabel class="float-variant-in">
-        <p-inputMask mask="999-99-9999" [(ngModel)]="value" id="ssn_input" />
-        <label for="ssn_input">SSN</label>
-    </p-floatLabel>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputMaskModule } from 'primeng/inputmask';
-import { FormsModule } from '@angular/forms';
-import { FloatLabelModule } from "primeng/floatlabel"
-
-@Component({
-    selector: 'input-mask-floatlabel-demo',
-    templateUrl: './input-mask-floatlabel-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputMaskModule, FloatLabelModule]
-})
-export class InputMaskFloatlabelDemo {
-    value: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputmask/importdoc.ts b/src/app/showcase/doc/inputmask/importdoc.ts
deleted file mode 100644
index 2a6413d..0000000
--- a/src/app/showcase/doc/inputmask/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { InputMaskModule } from 'primeng/inputmask';`
-    };
-}
diff --git a/src/app/showcase/doc/inputmask/inputmaskdoc.module.ts b/src/app/showcase/doc/inputmask/inputmaskdoc.module.ts
deleted file mode 100644
index 8d8d32b..0000000
--- a/src/app/showcase/doc/inputmask/inputmaskdoc.module.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { InputMaskModule } from 'primeng/inputmask';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { DisabledDoc } from './disableddoc';
-import { FloatlabelDoc } from './floatlabeldoc';
-import { ImportDoc } from './importdoc';
-import { InvalidDoc } from './invaliddoc';
-import { MaskDoc } from './maskdoc';
-import { OptionalDoc } from './optionaldoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { SlotCharDoc } from './slotchardoc';
-import { StyleDoc } from './styledoc';
-import { FloatLabelModule } from 'primeng/floatlabel';
-import { FilledDoc } from './filleddoc';
-import { ClearDoc } from '@doc/inputmask/cleardoc';
-
-@NgModule({
-    imports: [CommonModule, FormsModule, ReactiveFormsModule, InputMaskModule, RouterModule, AppCodeModule, AppDocModule, FloatLabelModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, ClearDoc, MaskDoc, SlotCharDoc, OptionalDoc, FloatlabelDoc, DisabledDoc, InvalidDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc, FilledDoc]
-})
-export class InputMaskDocModule {}
diff --git a/src/app/showcase/doc/inputmask/invaliddoc.ts b/src/app/showcase/doc/inputmask/invaliddoc.ts
deleted file mode 100644
index 2e83661..0000000
--- a/src/app/showcase/doc/inputmask/invaliddoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'invalid-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-dirty</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputMask mask="999-99-9999" [(ngModel)]="value" class="ng-invalid ng-dirty" />
-        </div>
-        <app-code [code]="code" selector="input-mask-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc {
-    value: string | undefined;
-
-    code: Code = {
-        basic: `<p-inputMask 
-    mask="999-99-9999" 
-    [(ngModel)]="value" 
-    class="ng-invalid ng-dirty" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputMask 
-        mask="999-99-9999" 
-        [(ngModel)]="value" 
-        class="ng-invalid ng-dirty" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputMaskModule } from 'primeng/inputmask';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-mask-invalid-demo',
-    templateUrl: './input-mask-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputMaskModule]
-})
-export class InputMaskInvalidDemo {
-    value: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputmask/maskdoc.ts b/src/app/showcase/doc/inputmask/maskdoc.ts
deleted file mode 100644
index 09777de..0000000
--- a/src/app/showcase/doc/inputmask/maskdoc.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'input-mask-mask-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Mask format can be a combination of the following definitions; <i>a</i> for alphabetic characters, <i>9</i> for numeric characters and <i>*</i> for alphanumberic characters. In addition, formatting characters like <i>(</i> ,
-                <i>)</i> , <i>-</i> are also accepted.
-            </p>
-        </app-docsectiontext>
-        <div class="card p-fluid flex flex-wrap gap-3">
-            <div class="flex-auto">
-                <span class="font-bold block mb-2">SSN</span>
-                <p-inputMask mask="999-99-9999" [(ngModel)]="value1" placeholder="999-99-9999" />
-            </div>
-            <div class="flex-auto">
-                <span class="font-bold block mb-2">Phone</span>
-                <p-inputMask mask="(999) 999-9999" [(ngModel)]="value2" placeholder="(999) 999-9999" />
-            </div>
-            <div class="flex-auto">
-                <span class="font-bold block mb-2">Serial Number</span>
-                <p-inputMask mask="a*-999-a999" [(ngModel)]="value3" placeholder="a*-999-a999" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="input-mask-mask-demo"></app-code>
-    `
-})
-export class MaskDoc {
-    value1: string | undefined;
-
-    value2: string | undefined;
-
-    value3: string | undefined;
-
-    code: Code = {
-        basic: `<span class="font-bold block mb-2">SSN</span>
-<p-inputMask 
-    mask="999-99-9999" 
-    [(ngModel)]="value1" 
-    placeholder="999-99-9999" />
-<span class="font-bold block mb-2">Phone</span>
-<p-inputMask 
-    mask="(999) 999-9999" 
-    [(ngModel)]="value2" 
-    placeholder="(999) 999-9999" />
-<span class="font-bold block mb-2">Serial Number</span>
-<p-inputMask 
-    mask="a*-999-a999" 
-    [(ngModel)]="value3"
-    placeholder="a*-999-a999" />`,
-
-        html: `<div class="card p-fluid flex flex-wrap gap-3">
-    <div class="flex-auto">
-        <span class="font-bold block mb-2">SSN</span>
-        <p-inputMask 
-            mask="999-99-9999"
-            [(ngModel)]="value1"
-            placeholder="999-99-9999" />
-    </div>
-    <div class="flex-auto">
-        <span class="font-bold block mb-2">Phone</span>
-        <p-inputMask 
-            mask="(999) 999-9999" 
-            [(ngModel)]="value2"
-            placeholder="(999) 999-9999" />
-    </div>
-    <div class="flex-auto">
-        <span class="font-bold block mb-2">Serial Number</span>
-        <p-inputMask 
-            mask="a*-999-a999" 
-            [(ngModel)]="value3" 
-            placeholder="a*-999-a999" />
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputMaskModule } from 'primeng/inputmask';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-mask-mask-demo',
-    templateUrl: './input-mask-mask-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputMaskModule]
-})
-export class InputMaskMaskDemo {
-    value1: string | undefined;
-
-    value2: string | undefined;
-
-    value3: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputmask/optionaldoc.ts b/src/app/showcase/doc/inputmask/optionaldoc.ts
deleted file mode 100644
index 5003a8b..0000000
--- a/src/app/showcase/doc/inputmask/optionaldoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'optional-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When the input does not complete the mask definition, it is cleared by default. Use <i>autoClear</i> property to control this behavior. In addition, <i>?</i> is used to mark anything after the question mark optional.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputMask mask="(999) 999-9999? x99999" [(ngModel)]="value" placeholder="(999) 999-9999? x99999" />
-        </div>
-        <app-code [code]="code" selector="input-mask-optional-demo"></app-code>
-    `
-})
-export class OptionalDoc {
-    value: string | undefined;
-
-    code: Code = {
-        basic: `<p-inputMask 
-    mask="(999) 999-9999? x99999" 
-    [(ngModel)]="value" 
-    placeholder="(999) 999-9999? x99999" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputMask 
-        mask="(999) 999-9999? x99999" 
-        [(ngModel)]="value" 
-        placeholder="(999) 999-9999? x99999" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputMaskModule } from 'primeng/inputmask';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-mask-optional-demo',
-    templateUrl: './input-mask-optional-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputMaskModule]
-})
-export class InputMaskOptionalDemo {
-    value: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputmask/reactiveformsdoc.ts b/src/app/showcase/doc/inputmask/reactiveformsdoc.ts
deleted file mode 100644
index 2dec0ca..0000000
--- a/src/app/showcase/doc/inputmask/reactiveformsdoc.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>InputMask can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <p-inputMask mask="99-999999" formControlName="value" placeholder="99-999999" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="input-mask-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            value: new FormControl<string | null>(null)
-        });
-    }
-
-    code: Code = {
-        basic: `<p-inputMask 
-    mask="99-999999" 
-    formControlName="value" 
-    placeholder="99-999999" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputMask 
-        mask="99-999999" 
-        formControlName="value" 
-        placeholder="99-999999" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { InputMaskModule } from 'primeng/inputmask';
-
-@Component({
-    selector: 'input-mask-reactive-forms-demo',
-    templateUrl: './input-mask-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, InputMaskModule]
-})
-export class InputMaskReactiveFormsDemo implements OnInit {
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            value: new FormControl<string | null>(null)
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputmask/slotchardoc.ts b/src/app/showcase/doc/inputmask/slotchardoc.ts
deleted file mode 100644
index 052d131..0000000
--- a/src/app/showcase/doc/inputmask/slotchardoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'slot-char-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Default placeholder for a mask is underscore that can be customized using <i>slotChar</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputMask [(ngModel)]="value" mask="99/99/9999" placeholder="99/99/9999" slotChar="mm/dd/yyyy" />
-        </div>
-        <app-code [code]="code" selector="input-mask-slot-char-demo"></app-code>
-    `
-})
-export class SlotCharDoc {
-    value: string | undefined;
-
-    code: Code = {
-        basic: `<p-inputMask 
-    [(ngModel)]="value" 
-    mask="99/99/9999" 
-    placeholder="99/99/9999" 
-    slotChar="mm/dd/yyyy" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputMask 
-        [(ngModel)]="value" 
-        mask="99/99/9999" 
-        placeholder="99/99/9999" 
-        slotChar="mm/dd/yyyy" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputMaskModule } from 'primeng/inputmask';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-mask-slot-char-demo',
-    templateUrl: './input-mask-slot-char-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputMaskModule]
-})
-export class InputMaskSlotCharDemo {
-    value: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputmask/styledoc.ts b/src/app/showcase/doc/inputmask/styledoc.ts
deleted file mode 100644
index 194805f..0000000
--- a/src/app/showcase/doc/inputmask/styledoc.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Styling is same as <a href="#" [routerLink]="['/inputtext']">inputtext component</a>, for theming classes visit <a href="#" [routerLink]="['/theming']">theming page</a>.</p>
-        </app-docsectiontext>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/inputnumber/accessibilitydoc.ts b/src/app/showcase/doc/inputnumber/accessibilitydoc.ts
deleted file mode 100644
index a47adc2..0000000
--- a/src/app/showcase/doc/inputnumber/accessibilitydoc.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Value to describe the component can either be provided via <i>label</i> tag combined with <i>inputId</i> prop or using <i>ariaLabelledBy</i>, <i>ariaLabel</i> props. The input element uses <i>spinbutton</i> role in addition to the
-                <i>aria-valuemin</i>, <i>aria-valuemax</i> and <i>aria-valuenow</i> attributes.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the input.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>up arrow</i>
-                        </td>
-                        <td>Increments the value.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>down arrow</i>
-                        </td>
-                        <td>Decrements the value.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>home</i>
-                        </td>
-                        <td>Set the minimum value if provided.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>end</i>
-                        </td>
-                        <td>Set the maximum value if provided.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<label for="price">Price</label>
-<p-inputNumber inputId="price" />
-
-<span id="label_number">Number</span>
-<p-inputNumber ariaLabelledBy="label_number" />
-
-<p-inputNumber ariaLabel="Number" />`
-    };
-}
diff --git a/src/app/showcase/doc/inputnumber/buttonsdoc.ts b/src/app/showcase/doc/inputnumber/buttonsdoc.ts
deleted file mode 100644
index 6666449..0000000
--- a/src/app/showcase/doc/inputnumber/buttonsdoc.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'buttons-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Spinner buttons are enabled using the <i>showButtons</i> options and layout is defined with the <i>buttonLayout</i>. Default value is "stacked" whereas "horizontal" and "stacked" are alternatives. Note that even there are no buttons,
-                up and down arrow keys can be used to spin the values with keyboard.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3 p-fluid">
-            <div class="flex-auto">
-                <label class="mb-2 block font-bold" for="horizontal">Horizontal with Step</label>
-                <p-inputNumber
-                    [(ngModel)]="value3"
-                    [showButtons]="true"
-                    buttonLayout="horizontal"
-                    inputId="horizontal"
-                    incrementButtonIcon="pi pi-plus"
-                    decrementButtonIcon="pi pi-minus"
-                    mode="currency"
-                    currency="RUB"
-                />
-            </div>
-            <div class="flex-auto">
-                <label class="mb-2 block font-bold" for="horizontal">Horizontal with Step</label>
-                <p-inputNumber
-                    [(ngModel)]="value4"
-                    [showButtons]="true"
-                    buttonLayout="horizontal"
-                    inputId="horizontal"
-                    spinnerMode="horizontal"
-                    [step]="0.25"
-                    decrementButtonClass="p-button-danger"
-                    incrementButtonClass="p-button-success"
-                    incrementButtonIcon="pi pi-plus"
-                    decrementButtonIcon="pi pi-minus"
-                    mode="currency"
-                    currency="EUR"
-                />
-            </div>
-        </div>
-        <app-code [code]="code" selector="input-number-buttons-demo"></app-code>
-    `
-})
-export class ButtonsDoc {
-    value1: number = 20;
-
-    value2: number = 10.5;
-
-    value3: number = 15;
-    value4: number = 25;
-
-    code: Code = {
-        basic: `
-<div class="flex-auto">
-    <label class="mb-2 block font-bold" for="horizontal">Horizontal with Step</label>
-    <p-inputNumber
-        [(ngModel)]="value3"
-        [showButtons]="true"
-        buttonLayout="horizontal"
-        inputId="horizontal"
-        [step]="1"
-        spinnerMode="horizontal"
-        incrementButtonIcon="pi pi-plus"
-        decrementButtonIcon="pi pi-minus"
-        mode="currency"
-        currency="RUB"
-    />
-</div>
-
-<p-inputNumber
-    [(ngModel)]="value4"
-    [showButtons]="true"
-    buttonLayout="horizontal"
-    inputId="horizontal"
-    spinnerMode="horizontal"
-    [step]="0.25"
-    decrementButtonClass="p-button-danger"
-    incrementButtonClass="p-button-success"
-    incrementButtonIcon="pi pi-plus"
-    decrementButtonIcon="pi pi-minus"
-    mode="currency"
-    currency="EUR" />`,
-
-        html: `<div class="card flex flex-wrap gap-3 p-fluid">
-        <div class="flex-auto">
-        <label class="mb-2 block font-bold" for="horizontal">
-            Horizontal with Step
-        </label>
-        <p-inputNumber
-            [(ngModel)]="value3"
-            [showButtons]="true"
-            buttonLayout="horizontal"
-            inputId="horizontal"
-            spinnerMode="horizontal"
-            incrementButtonIcon="pi pi-plus"
-            decrementButtonIcon="pi pi-minus"
-            mode="currency"
-            currency="RUB" />
-    </div>
-    <div class="flex-auto">
-        <label class="mb-2 block font-bold" for="horizontal">
-            Horizontal with Step
-        </label>
-        <p-inputNumber
-            [(ngModel)]="value4"
-            [showButtons]="true"
-            buttonLayout="horizontal"
-            inputId="horizontal"
-            spinnerMode="horizontal"
-            [step]="0.25"
-            decrementButtonClass="p-button-danger"
-            incrementButtonClass="p-button-success"
-            incrementButtonIcon="pi pi-plus"
-            decrementButtonIcon="pi pi-minus"
-            mode="currency"
-            currency="EUR" />
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-number-buttons-demo',
-    templateUrl: './input-number-buttons-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputNumberModule]
-})
-export class InputNumberButtonsDemo {
-    value1: number = 20;
-
-    value2: number = 10.5;
-
-    value3: number = 25;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputnumber/currencydoc.ts b/src/app/showcase/doc/inputnumber/currencydoc.ts
deleted file mode 100644
index ffe0cba..0000000
--- a/src/app/showcase/doc/inputnumber/currencydoc.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'currency-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Currency formatting is specified by setting the <i>mode</i> option to currency and <i>currency</i> property. In addition <i>currencyDisplay</i> option allows how the currency is displayed, valid values are "symbol" (default) or
-                "code".
-            </p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3 p-fluid">
-            <div class="flex-auto">
-                <label class="block font-bold mb-2" for="currency-us">United States</label>
-                <p-inputNumber [(ngModel)]="value1" inputId="currency-us" mode="currency" currency="USD" locale="en-US" />
-            </div>
-            <div class="flex-auto">
-                <label class="block font-bold mb-2" for="currency-germany">Germany</label>
-                <p-inputNumber [(ngModel)]="value2" mode="currency" inputId="currency-germany" currency="EUR" locale="de-DE" />
-            </div>
-            <div class="flex-auto">
-                <label class="block font-bold mb-2" for="currency-india">India</label>
-                <p-inputNumber [(ngModel)]="value3" mode="currency" inputId="currency-india" currency="INR" currencyDisplay="code" locale="en-IN" />
-            </div>
-            <div class="flex-auto">
-                <label class="block font-bold mb-2" for="currency-japan">Japan</label>
-                <p-inputNumber [(ngModel)]="value4" mode="currency" inputId="currency-japan" currency="JPY" locale="jp-JP" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="input-number-currency-demo"></app-code>
-    `
-})
-export class CurrencyDoc {
-    value1: number = 1500;
-
-    value2: number = 2500;
-
-    value3: number = 4250;
-
-    value4: number = 5002;
-
-    code: Code = {
-        basic: `<p-inputNumber 
-    [(ngModel)]="value1" 
-    inputId="currency-us" 
-    mode="currency" 
-    currency="USD" 
-    locale="en-US" /> 
-
-<p-inputNumber 
-    [(ngModel)]="value2" 
-    mode="currency"
-    inputId="currency-germany"
-    currency="EUR" 
-    locale="de-DE" /> 
-
-<p-inputNumber 
-    [(ngModel)]="value3"
-    mode="currency" 
-    inputId="currency-india" 
-    currency="INR" 
-    currencyDisplay="code" 
-    locale="en-IN" /> 
-
-<p-inputNumber 
-    [(ngModel)]="value4"
-    mode="currency"
-    inputId="currency-japan" 
-    currency="JPY" 
-    locale="jp-JP" /> `,
-
-        html: `
-<div class="card flex flex-wrap gap-3 p-fluid">
-    <div class="flex-auto">
-        <label class="block font-bold mb-2" for="currency-us">
-            United States
-        </label>
-        <p-inputNumber 
-            [(ngModel)]="value1" 
-            inputId="currency-us" 
-            mode="currency" 
-            currency="USD" 
-            locale="en-US" /> 
-    </div>
-    <div class="flex-auto">
-        <label class="block font-bold mb-2" for="currency-germany">
-            Germany
-        </label>
-        <p-inputNumber 
-            [(ngModel)]="value2" 
-            mode="currency"
-            inputId="currency-germany"
-            currency="EUR" 
-            locale="de-DE" /> 
-    </div>
-    <div class="flex-auto">
-        <label class="block font-bold mb-2" for="currency-india">
-            India
-        </label>
-        <p-inputNumber 
-            [(ngModel)]="value3"
-            mode="currency" 
-            inputId="currency-india" 
-            currency="INR" 
-            currencyDisplay="code" 
-            locale="en-IN" /> 
-    </div>
-    <div class="flex-auto">
-        <label class="block font-bold mb-2" for="currency-japan">
-            Japan
-        </label>
-        <p-inputNumber 
-            [(ngModel)]="value4"
-            mode="currency" 
-            inputId="currency-japan" 
-            currency="JPY" 
-            locale="jp-JP" /> 
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-number-currency-demo',
-    templateUrl: './input-number-currency-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputNumberModule]
-})
-export class InputNumberCurrencyDemo {
-    value1: number = 1500;
-
-    value2: number = 2500;
-
-    value3: number = 4250;
-
-    value4: number = 5002;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputnumber/disableddoc.ts b/src/app/showcase/doc/inputnumber/disableddoc.ts
deleted file mode 100644
index b62eab1..0000000
--- a/src/app/showcase/doc/inputnumber/disableddoc.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3 p-fluid">
-            <p-inputNumber inputId="integeronly" [disabled]="true" prefix="%" [(ngModel)]="value1" />
-            <p-inputNumber
-                [(ngModel)]="value2"
-                [showButtons]="true"
-                [disabled]="true"
-                buttonLayout="horizontal"
-                inputId="horizontal"
-                spinnerMode="horizontal"
-                incrementButtonIcon="pi pi-plus"
-                decrementButtonIcon="pi pi-minus"
-                mode="currency"
-                currency="RUB" />
-        </div>
-        <app-code [code]="code" selector="input-number-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    value1: number = 50;
-
-    value2: number = 20;
-
-    code: Code = {
-        basic: `<p-inputNumber
-    inputId="integeronly"
-    [disabled]="true"
-    prefix="%"
-    [(ngModel)]="value1" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputNumber
-        inputId="integeronly"
-        [disabled]="true"
-        prefix="%"
-        [(ngModel)]="value1" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-number-disabled-demo',
-    templateUrl: './input-number-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputNumberModule]
-})
-export class InputNumberDisabledDemo {
-    value1: number = 50;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputnumber/filleddoc.ts b/src/app/showcase/doc/inputnumber/filleddoc.ts
deleted file mode 100644
index cd87bbe..0000000
--- a/src/app/showcase/doc/inputnumber/filleddoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'filled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputNumber variant="filled" [(ngModel)]="value1" />
-        </div>
-        <app-code [code]="code" selector="input-number-filled-demo"></app-code>
-    `
-})
-export class FilledDoc {
-    value1!: number;
-
-    code: Code = {
-        basic: `<p-inputNumber variant="filled" [(ngModel)]="value1" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputNumber variant="filled" [(ngModel)]="value1" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-number-filled-demo',
-    templateUrl: './input-number-filled-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputNumberModule]
-})
-export class InputNumberFilledDemo {
-    value1!: number;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputnumber/floatlabeldoc.ts b/src/app/showcase/doc/inputnumber/floatlabeldoc.ts
deleted file mode 100644
index 5b08dcf..0000000
--- a/src/app/showcase/doc/inputnumber/floatlabeldoc.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'float-label-doc',
-    template: `
-        <app-docsectiontext>
-            <p>A floating label appears on top of the input field when focused. Visit <a routerLink="/floatlabel">FloatLabel</a> documentation for more information.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <p-inputNumber inputId="integeronly" [(ngModel)]="value1" />
-                <label for="number-input">Number</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <p-inputNumber inputId="integeronly" [(ngModel)]="value1" />
-                <label for="number-input">Number</label>
-            </p-floatLabel>
-        </div>
-        <app-code [code]="code" selector="input-number-float-label-demo"></app-code>
-    `
-})
-export class FloatlabelDoc {
-    value1!: number;
-
-    code: Code = {
-        basic: `<p-floatLabel>
-                <p-inputNumber inputId="integeronly" [(ngModel)]="value1" />
-                <label for="number-input">Number</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <p-inputNumber inputId="integeronly" [(ngModel)]="value1" />
-                <label for="number-input">Number</label>
-            </p-floatLabel>`,
-
-        html: `<div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <p-inputNumber inputId="integeronly" [(ngModel)]="value1" />
-                <label for="number-input">Number</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <p-inputNumber inputId="integeronly" [(ngModel)]="value1" />
-                <label for="number-input">Number</label>
-            </p-floatLabel>
-        </div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { FormsModule } from '@angular/forms';
-import { FloatLabelModule } from 'primeng/floatlabel';
-
-@Component({
-    selector: 'input-number-float-label-demo',
-    templateUrl: './input-number-float-label-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputNumberModule, FloatLabelModule]
-})
-export class InputNumberFloatLabelDemo {
-    value1!: number;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputnumber/importdoc.ts b/src/app/showcase/doc/inputnumber/importdoc.ts
deleted file mode 100644
index ec53c01..0000000
--- a/src/app/showcase/doc/inputnumber/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { InputNumberModule } from 'primeng/inputnumber';`
-    };
-}
diff --git a/src/app/showcase/doc/inputnumber/inputnumberdoc.module.ts b/src/app/showcase/doc/inputnumber/inputnumberdoc.module.ts
deleted file mode 100644
index 3fc1309..0000000
--- a/src/app/showcase/doc/inputnumber/inputnumberdoc.module.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { ButtonsDoc } from './buttonsdoc';
-import { CurrencyDoc } from './currencydoc';
-import { DisabledDoc } from './disableddoc';
-import { FloatlabelDoc } from './floatlabeldoc';
-import { ImportDoc } from './importdoc';
-import { InvalidDoc } from './invaliddoc';
-import { LocaleDoc } from './localedoc';
-import { NumeralsDoc } from './numeralsdoc';
-import { PrefixSuffixDoc } from './prefixsuffixdoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { StyleDoc } from './styledoc';
-import { VerticalDoc } from './verticaldoc';
-import { FloatLabelModule } from 'primeng/floatlabel';
-import { FilledDoc } from './filleddoc';
-
-@NgModule({
-    imports: [CommonModule, FormsModule, ReactiveFormsModule, InputNumberModule, RouterModule, AppCodeModule, AppDocModule, FloatLabelModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, NumeralsDoc, LocaleDoc, CurrencyDoc, PrefixSuffixDoc, ButtonsDoc, VerticalDoc, FloatlabelDoc, InvalidDoc, FilledDoc, DisabledDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc]
-})
-export class InputNumberDocModule {}
diff --git a/src/app/showcase/doc/inputnumber/invaliddoc.ts b/src/app/showcase/doc/inputnumber/invaliddoc.ts
deleted file mode 100644
index 3e4c3ab..0000000
--- a/src/app/showcase/doc/inputnumber/invaliddoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'invalid-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-touched</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputNumber inputId="integeronly" class="ng-invalid ng-touched" [(ngModel)]="value1" />
-        </div>
-        <app-code [code]="code" selector="input-number-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc {
-    value1!: number;
-
-    code: Code = {
-        basic: `<p-inputNumber
-    inputId="integeronly"
-    class="ng-invalid ng-touched"
-    [(ngModel)]="value1" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputNumber
-        inputId="integeronly"
-        class="ng-invalid ng-touched"
-        [(ngModel)]="value1" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-number-invalid-demo',
-    templateUrl: './input-number-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputNumberModule]
-})
-export class InputNumberInvalidDemo {
-    value1!: number;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputnumber/localedoc.ts b/src/app/showcase/doc/inputnumber/localedoc.ts
deleted file mode 100644
index 7cec774..0000000
--- a/src/app/showcase/doc/inputnumber/localedoc.ts
+++ /dev/null
@@ -1,132 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'locale-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Localization information such as grouping and decimal symbols are defined with the <i>locale</i> property which defaults to the user locale.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3 p-fluid">
-            <div class="flex-auto">
-                <label class="block font-bold mb-2" for="locale-user">User Locale</label>
-                <p-inputNumber [(ngModel)]="value1" inputId="locale-user" [minFractionDigits]="2" />
-            </div>
-            <div class="flex-auto">
-                <label class="block font-bold mb-2" for="locale-us">United States Locale</label>
-                <p-inputNumber [(ngModel)]="value2" inputId="locale-us" mode="decimal" locale="en-US" [minFractionDigits]="2" />
-            </div>
-            <div class="flex-auto">
-                <label class="block font-bold mb-2" for="locale-german">German Locale</label>
-                <p-inputNumber [(ngModel)]="value3" inputId="locale-german" mode="decimal" locale="de-DE" [minFractionDigits]="2" />
-            </div>
-            <div class="flex-auto">
-                <label class="block font-bold mb-2" for="locale-indian">Indian Locale</label>
-                <p-inputNumber [(ngModel)]="value4" inputId="locale-indian" mode="decimal" locale="en-IN" [minFractionDigits]="2" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="input-number-locale-demo"></app-code>
-    `
-})
-export class LocaleDoc {
-    value1: number = 151351;
-
-    value2: number = 115744;
-
-    value3: number = 635524;
-
-    value4: number = 732762;
-
-    code: Code = {
-        basic: `<p-inputNumber 
-    [(ngModel)]="value1" 
-    inputId="locale-user" 
-    [minFractionDigits]="2" />
-
-<p-inputNumber 
-    [(ngModel)]="value2" 
-    inputId="locale-us" 
-    mode="decimal" 
-    locale="en-US" 
-    [minFractionDigits]="2" /> 
-
-<p-inputNumber 
-    [(ngModel)]="value3" 
-    inputId="locale-german" 
-    mode="decimal" 
-    locale="de-DE" 
-    [minFractionDigits]="2" /> 
-
-<p-inputNumber 
-    [(ngModel)]="value4" 
-    inputId="locale-indian" 
-    mode="decimal" 
-    locale="en-IN" 
-    [minFractionDigits]="2" />`,
-
-        html: `<div class="card flex flex-wrap gap-3 p-fluid">
-    <div class="flex-auto">
-        <label class="block font-bold mb-2" for="locale-user">
-            User Locale
-        </label>
-        <p-inputNumber 
-            [(ngModel)]="value1" 
-            inputId="locale-user" 
-            [minFractionDigits]="2" />
-    </div>
-    <div class="flex-auto">
-        <label class="block font-bold mb-2" for="locale-us">
-            United States Locale
-        </label>
-        <p-inputNumber 
-            [(ngModel)]="value2" 
-            inputId="locale-us" 
-            mode="decimal" 
-            locale="en-US" 
-            [minFractionDigits]="2" /> 
-    </div>
-    <div class="flex-auto">
-        <label class="block font-bold mb-2" for="locale-german">
-            German Locale
-        </label>
-        <p-inputNumber 
-            [(ngModel)]="value3" 
-            inputId="locale-german" 
-            mode="decimal" 
-            locale="de-DE" 
-            [minFractionDigits]="2" /> 
-    </div>
-    <div class="flex-auto">
-        <label class="block font-bold mb-2" for="locale-indian">
-            Indian Locale
-        </label>
-        <p-inputNumber 
-            [(ngModel)]="value4" 
-            inputId="locale-indian" 
-            mode="decimal" 
-            locale="en-IN" 
-            [minFractionDigits]="2" /> 
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-number-locale-demo',
-    templateUrl: './input-number-locale-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputNumberModule]
-})
-export class InputNumberLocaleDemo {
-    value1: number = 151351;
-
-    value2: number = 115744;
-
-    value3: number = 635524;
-
-    value4: number = 732762;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputnumber/numeralsdoc.ts b/src/app/showcase/doc/inputnumber/numeralsdoc.ts
deleted file mode 100644
index b95d7ef..0000000
--- a/src/app/showcase/doc/inputnumber/numeralsdoc.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'numerals-doc',
-    template: `
-        <app-docsectiontext>
-            <p>InputNumber is used as a controlled input with <i>ngModel</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3 p-fluid">
-            <div class="flex-auto">
-                <label class="mb-2 font-bold block" for="integeronly">Integer Only</label>
-                <p-inputNumber inputId="integeronly" [(ngModel)]="value1" />
-            </div>
-            <div class="flex-auto">
-                <label class="mb-2 font-bold block" for="withoutgrouping">Without Grouping</label>
-                <p-inputNumber [(ngModel)]="value2" mode="decimal" inputId="withoutgrouping" [useGrouping]="false" />
-            </div>
-            <div class="flex-auto">
-                <label class="mb-2 font-bold block" for="minmaxfraction">Min-Max Fraction Digits</label>
-                <p-inputNumber [(ngModel)]="value3" inputId="minmaxfraction" mode="decimal" [minFractionDigits]="2" [maxFractionDigits]="5" />
-            </div>
-            <div class="flex-auto">
-                <label class="mb-2 font-bold block" for="minmax">Min-Max Boundaries</label>
-                <p-inputNumber [(ngModel)]="value4" inputId="minmax" mode="decimal" [min]="0" [max]="100" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="input-number-numerals-demo"></app-code>
-    `
-})
-export class NumeralsDoc {
-    value1: number = 42723;
-
-    value2: number = 58151;
-
-    value3: number = 2351.35;
-
-    value4: number = 50;
-
-    code: Code = {
-        basic: `<p-inputNumber 
-    inputId="integeronly" 
-    [(ngModel)]="value1" /> 
-
-<p-inputNumber 
-    [(ngModel)]="value2" 
-    mode="decimal" 
-    inputId="withoutgrouping" 
-    [useGrouping]="false" /> 
-
-<p-inputNumber 
-    [(ngModel)]="value3" 
-    inputId="minmaxfraction" 
-    mode="decimal" 
-    [minFractionDigits]="2" 
-    [maxFractionDigits]="5" /> 
-
-<p-inputNumber 
-    [(ngModel)]="value4" 
-    inputId="minmax" 
-    mode="decimal" 
-    [min]="0" 
-    [max]="100" /> `,
-
-        html: `<div class="card flex flex-wrap gap-3 p-fluid">
-    <div class="flex-auto">
-        <label for="integeronly">Integer Only</label>
-        <p-inputNumber 
-            inputId="integeronly" 
-            [(ngModel)]="value1" /> 
-    </div>
-    <div class="flex-auto">
-        <label for="withoutgrouping">Without Grouping</label>
-        <p-inputNumber 
-            [(ngModel)]="value2" 
-            mode="decimal" 
-            inputId="withoutgrouping" 
-            [useGrouping]="false" /> 
-    </div>
-    <div class="flex-auto">
-        <label for="minmaxfraction">Min-Max Fraction Digits</label>
-        <p-inputNumber 
-            [(ngModel)]="value3" 
-            inputId="minmaxfraction" 
-            mode="decimal" 
-            [minFractionDigits]="2" 
-            [maxFractionDigits]="5" /> 
-    </div>
-    <div class="flex-auto">
-        <label for="minmax">Min-Max Boundaries</label>
-        <p-inputNumber 
-            [(ngModel)]="value4" 
-            inputId="minmax" 
-            mode="decimal" 
-            [min]="0" 
-            [max]="100" /> 
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-number-numerals-demo',
-    templateUrl: './input-number-numerals-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputNumberModule]
-})
-export class InputNumberNumeralsDemo {
-    value1: number = 42723;
-
-    value2: number = 58151;
-
-    value3: number = 2351.35;
-
-    value4: number = 50;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputnumber/prefixsuffixdoc.ts b/src/app/showcase/doc/inputnumber/prefixsuffixdoc.ts
deleted file mode 100644
index f1036e7..0000000
--- a/src/app/showcase/doc/inputnumber/prefixsuffixdoc.ts
+++ /dev/null
@@ -1,128 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'prefix-suffix-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Custom texts e.g. units can be placed before or after the input section with the <i>prefix</i> and <i>suffix</i> properties.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3 p-fluid">
-            <div class="flex-auto">
-                <label class="font-bold block mb-2" for="mile">Mile</label>
-                <p-inputNumber [(ngModel)]="value1" inputId="mile" suffix=" mi" />
-            </div>
-            <div class="flex-auto">
-                <label class="font-bold block mb-2" for="percent">Percent</label>
-                <p-inputNumber [(ngModel)]="value2" inputId="percent" prefix="%" />
-            </div>
-            <div class="flex-auto">
-                <label class="font-bold block mb-2" for="expiry">Expiry</label>
-                <p-inputNumber [(ngModel)]="value3" inputId="expiry" prefix="Expires in " suffix=" days" />
-            </div>
-            <div class="flex-auto">
-                <label class="font-bold block mb-2" for="temperature">Temperature</label>
-                <p-inputNumber [(ngModel)]="value4" prefix="↑ " inputId="temperature" suffix="℃" [min]="0" [max]="40" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="input-number-prefix-suffix-demo"></app-code>
-    `
-})
-export class PrefixSuffixDoc {
-    value1: number = 20;
-
-    value2: number = 50;
-
-    value3: number = 10;
-
-    value4: number = 20;
-
-    code: Code = {
-        basic: `<p-inputNumber 
-    [(ngModel)]="value1" 
-    inputId="mile" 
-    suffix=" mi" /> 
-
-<p-inputNumber 
-    [(ngModel)]="value2" 
-    inputId="percent" 
-    prefix="%" /> 
-
-<p-inputNumber 
-    [(ngModel)]="value3"
-    inputId="expiry" 
-    prefix="Expires in "
-    suffix=" days" /> 
-
-<p-inputNumber 
-    [(ngModel)]="value4" 
-    prefix="↑ " 
-    inputId="temperature" 
-    suffix="℃" 
-    [min]="0" 
-    [max]="40" />`,
-
-        html: `<div class="card flex flex-wrap gap-3 p-fluid">
-    <div class="flex-auto">
-        <label class="font-bold block mb-2" for="mile">
-            Mile
-        </label>
-        <p-inputNumber 
-            [(ngModel)]="value1" 
-            inputId="mile" 
-            suffix=" mi" /> 
-    </div>
-    <div class="flex-auto">
-        <label class="font-bold block mb-2" for="percent">
-            Percent
-        </label>
-        <p-inputNumber 
-            [(ngModel)]="value2"
-            inputId="percent"
-            prefix="%" /> 
-    </div>
-    <div class="flex-auto">
-        <label class="font-bold block mb-2" for="expiry">
-            Expiry
-        </label>
-        <p-inputNumber 
-            [(ngModel)]="value3"
-            inputId="expiry" 
-            prefix="Expires in "
-            suffix=" days" /> 
-    </div>
-    <div class="flex-auto">
-        <label class="font-bold block mb-2" for="temperature">
-            Temperature
-        </label>
-        <p-inputNumber 
-            [(ngModel)]="value4"
-            prefix="↑ "
-            inputId="temperature"
-            suffix="℃" 
-            [min]="0" 
-            [max]="40" />
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-number-prefix-suffix-demo',
-    templateUrl: './input-number-prefix-suffix-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputNumberModule]
-})
-export class InputNumberPrefixSuffixDemo {
-    value1: number = 20;
-
-    value2: number = 50;
-
-    value3: number = 10;
-
-    value4: number = 20;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputnumber/reactiveformsdoc.ts b/src/app/showcase/doc/inputnumber/reactiveformsdoc.ts
deleted file mode 100644
index 5671cb5..0000000
--- a/src/app/showcase/doc/inputnumber/reactiveformsdoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>InputNumber can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <p-inputNumber inputId="integeronly" formControlName="value" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="input-number-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            value: new FormControl(1234)
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <p-inputNumber inputId="integeronly" formControlName="value" />
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup">
-        <p-inputNumber inputId="integeronly" formControlName="value" />
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { InputNumberModule } from 'primeng/inputnumber';
-
-@Component({
-    selector: 'input-number-reactive-forms-demo',
-    templateUrl: './input-number-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, InputNumberModule],
-})
-export class InputNumberReactiveFormsDemo implements OnInit {
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            value: new FormControl(1234)
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputnumber/styledoc.ts b/src/app/showcase/doc/inputnumber/styledoc.ts
deleted file mode 100644
index 5b61eec..0000000
--- a/src/app/showcase/doc/inputnumber/styledoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-inputnumber</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-input-number-stacked</td>
-                        <td>Container element with stacked buttons.</td>
-                    </tr>
-                    <tr>
-                        <td>p-input-number-horizontal</td>
-                        <td>Container element with horizontal buttons.</td>
-                    </tr>
-                    <tr>
-                        <td>p-input-number-vertical</td>
-                        <td>Container element with vertical buttons.</td>
-                    </tr>
-                    <tr>
-                        <td>p-input-number-input</td>
-                        <td>Input element</td>
-                    </tr>
-                    <tr>
-                        <td>p-input-number-button</td>
-                        <td>Input element</td>
-                    </tr>
-                    <tr>
-                        <td>p-input-number-button-up</td>
-                        <td>Increment button</td>
-                    </tr>
-                    <tr>
-                        <td>p-input-number-button-down</td>
-                        <td>Decrement button</td>
-                    </tr>
-                    <tr>
-                        <td>p-input-number-button-icon</td>
-                        <td>Button icon</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/inputnumber/verticaldoc.ts b/src/app/showcase/doc/inputnumber/verticaldoc.ts
deleted file mode 100644
index 7ef3601..0000000
--- a/src/app/showcase/doc/inputnumber/verticaldoc.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'vertical-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Buttons can also placed vertically by setting <i>buttonLayout</i> as <i>vertical</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputNumber
-                [(ngModel)]="value1"
-                [showButtons]="true"
-                buttonLayout="vertical"
-                spinnerMode="vertical"
-                inputId="vertical"
-                [style]="{ width: '3rem' }"
-                decrementButtonClass="p-button-secondary"
-                incrementButtonClass="p-button-secondary"
-                incrementButtonIcon="pi pi-plus"
-                decrementButtonIcon="pi pi-minus"
-            />
-        </div>
-        <app-code [code]="code" selector="input-number-vertical-demo"></app-code>
-    `
-})
-export class VerticalDoc {
-    value1: number = 50;
-
-    code: Code = {
-        basic: `<p-inputNumber 
-    [(ngModel)]="value1" 
-    [showButtons]="true" 
-    buttonLayout="vertical" 
-    spinnerMode="vertical" 
-    inputId="vertical"
-    decrementButtonClass="p-button-secondary"
-    incrementButtonClass="p-button-secondary" 
-    incrementButtonIcon="pi pi-plus" 
-    decrementButtonIcon="pi pi-minus" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputNumber 
-        [(ngModel)]="value1" 
-        [style]="{'width': '4rem'}" 
-        [showButtons]="true" 
-        buttonLayout="vertical"
-        spinnerMode="vertical" 
-        inputId="vertical" 
-        decrementButtonClass="p-button-secondary"
-        incrementButtonClass="p-button-secondary" 
-        incrementButtonIcon="pi pi-plus" 
-        decrementButtonIcon="pi pi-minus" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-number-vertical-demo',
-    templateUrl: './input-number-vertical-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputNumberModule]
-})
-export class InputNumberVerticalDemo {
-    value1: number = 50;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputotp/accessibilitydoc.ts b/src/app/showcase/doc/inputotp/accessibilitydoc.ts
deleted file mode 100644
index e6734c9..0000000
--- a/src/app/showcase/doc/inputotp/accessibilitydoc.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>Input OTP uses a set of InputText components, refer to the <a routerLink="/inputtext">InputText</a> component for more information about the screen reader support.</p>
-        </app-docsectiontext>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>tab</i></td>
-                        <td>Moves focus to the input otp.</td>
-                    </tr>
-                    <tr>
-                        <td><i>right arrow</i></td>
-                        <td>Moves focus to the next input element.</td>
-                    </tr>
-                    <tr>
-                        <td><i>left arrow</i></td>
-                        <td>Moves focus to the previous input element.</td>
-                    </tr>
-                    <tr>
-                        <td><i>backspace</i></td>
-                        <td>Deletes the input and moves focus to the previous input element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/inputotp/basicdoc.ts b/src/app/showcase/doc/inputotp/basicdoc.ts
deleted file mode 100644
index 739f25a..0000000
--- a/src/app/showcase/doc/inputotp/basicdoc.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Two-way value binding is defined using <i>ngModel</i>. The number of characters is defined with the <i>length</i> property, which is set to 4 by default.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputOtp [(ngModel)]="value"/>
-        </div>
-        <div class="card flex justify-center">
-            <p-inputOtp [(ngModel)]="value" class="error"/>
-        </div>
-        <div class="card flex justify-center">
-            <p-inputOtp [(ngModel)]="valueForDisabled" disabled="true"/>
-        </div>
-        <app-code [code]="code" selector="input-otp-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    value: any;
-    valueForDisabled: any = '1234';
-
-    code: Code = {
-        basic: `<p-inputOtp [(ngModel)]="value" />
-<p-inputOtp [(ngModel)]="value" class="error"/>`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputOtp [(ngModel)]="value" />
-</div>
-<div class="card flex justify-center">
-    <p-inputOtp [(ngModel)]="value" class="error" />
-</div>
-<div class="card flex justify-center">
-    <p-inputOtp [(ngModel)]="valueForDisabled" disabled="true"/>
-</div>
-`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputOtpModule } from 'primeng/inputotp';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-otp-basic-demo',
-    templateUrl: './input-otp-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputOtpModule]
-})
-export class InputOtpBasicDemo {
-    value : any
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputotp/importdoc.ts b/src/app/showcase/doc/inputotp/importdoc.ts
deleted file mode 100644
index 8a5a7e6..0000000
--- a/src/app/showcase/doc/inputotp/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { InputOtpModule } from 'primeng/inputotp';`
-    };
-}
diff --git a/src/app/showcase/doc/inputotp/inputotpdoc.module.ts b/src/app/showcase/doc/inputotp/inputotpdoc.module.ts
deleted file mode 100644
index 8288ec9..0000000
--- a/src/app/showcase/doc/inputotp/inputotpdoc.module.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { InputOtpModule } from 'primeng/inputotp';
-import { ImportDoc } from './importdoc';
-import { BasicDoc } from './basicdoc';
-import { MaskDoc } from './maskdoc';
-import { IntegerOnlyDoc } from './integeronlydoc';
-import { TemplateDoc } from './templatedoc';
-import { InputTextModule } from 'primeng/inputtext';
-import { SampleDoc } from './sampledoc';
-import { ButtonModule } from 'primeng/button';
-import { AccessibilityDoc } from './accessibilitydoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, FormsModule, ReactiveFormsModule, InputOtpModule, InputTextModule, ButtonModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, MaskDoc, IntegerOnlyDoc, TemplateDoc, SampleDoc, AccessibilityDoc]
-})
-export class InputOtpDocModule {}
diff --git a/src/app/showcase/doc/inputotp/integeronlydoc.ts b/src/app/showcase/doc/inputotp/integeronlydoc.ts
deleted file mode 100644
index f63c629..0000000
--- a/src/app/showcase/doc/inputotp/integeronlydoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'integer-only-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>integerOnly</i> is present, only integers can be accepted as input.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputOtp [(ngModel)]="value" [integerOnly]="true" />
-        </div>
-        <app-code [code]="code" selector="input-otp-integer-only-demo"></app-code>
-    `
-})
-export class IntegerOnlyDoc {
-    value: any;
-
-    code: Code = {
-        basic: `<p-inputOtp [(ngModel)]="value" [integerOnly]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputOtp [(ngModel)]="value" [integerOnly]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputOtpModule } from 'primeng/inputotp';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-otp-integer-only-demo',
-    templateUrl: './input-otp-integer-only-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputOtpModule]
-})
-export class InputOtpIntegerOnlyDemo {
-    value : any
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputotp/maskdoc.ts b/src/app/showcase/doc/inputotp/maskdoc.ts
deleted file mode 100644
index af8ae81..0000000
--- a/src/app/showcase/doc/inputotp/maskdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'mask-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Enable the <i>mask</i> option to hide the values in the input fields.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputOtp [(ngModel)]="value" [mask]="true" />
-        </div>
-        <app-code [code]="code" selector="input-otp-mask-demo"></app-code>
-    `
-})
-export class MaskDoc {
-    value: any;
-
-    code: Code = {
-        basic: `<p-inputOtp [(ngModel)]="value" [mask]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputOtp [(ngModel)]="value" [mask]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputOtpModule } from 'primeng/inputotp';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-otp-mask-demo',
-    templateUrl: './input-otp-mask-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputOtpModule]
-})
-export class InputOtpMaskDemo {
-    value: any;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputotp/sampledoc.ts b/src/app/showcase/doc/inputotp/sampledoc.ts
deleted file mode 100644
index e912781..0000000
--- a/src/app/showcase/doc/inputotp/sampledoc.ts
+++ /dev/null
@@ -1,178 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'sample-doc',
-    template: `
-        <app-docsectiontext>
-            <p>A sample UI implementation with templating and additional elements.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <div class="flex flex-col items-center">
-                <div class="font-bold text-xl mb-2">Authenticate Your Account</div>
-                <p class="text-color-secondary block mb-5">Please enter the code sent to your phone.</p>
-                <p-inputOtp [(ngModel)]="value" [length]="6" style="gap: 0">
-                    <ng-template pTemplate="input" let-token let-events="events" let-index="index">
-                        <input pInputText type="text" [maxLength]="1" (input)="events.input($event)" (keydown)="events.keydown($event)" [attr.value]="token" class="custom-otp-input" />
-                        <div *ngIf="index === 3" class="px-3">
-                            <i class="pi pi-minus"></i>
-                        </div>
-                    </ng-template>
-                </p-inputOtp>
-                <div class="flex justify-between mt-5 align-self-stretch">
-                    <p-button label="Resend Code" [link]="true" class="p-0" />
-                    <p-button label="Submit Code" />
-                </div>
-            </div>
-        </div>
-        <app-code [code]="code" selector="input-otp-sample-demo"></app-code>
-    `,
-    styles: [
-        `
-            .custom-otp-input {
-                width: 48px;
-                height: 48px;
-                font-size: 24px;
-                appearance: none;
-                text-align: center;
-                transition: all 0.2s;
-                border-radius: 0;
-                border: 1px solid var(--surface-400);
-                background: transparent;
-                outline-offset: -2px;
-                outline-color: transparent;
-                border-right: 0 none;
-                transition: outline-color 0.3s;
-                color: var(--text-color);
-            }
-
-            .custom-otp-input:focus {
-                outline: 2px solid var(--primary-color);
-            }
-
-            .custom-otp-input:first-child,
-            .custom-otp-input:nth-child(5) {
-                border-top-left-radius: 12px;
-                border-bottom-left-radius: 12px;
-            }
-
-            .custom-otp-input:nth-child(3),
-            .custom-otp-input:last-child {
-                border-top-right-radius: 12px;
-                border-bottom-right-radius: 12px;
-                border-right-width: 1px;
-                border-right-style: solid;
-                border-color: var(--surface-400);
-            }
-        `
-    ]
-})
-export class SampleDoc {
-    value: any;
-
-    code: Code = {
-        basic: `<div class="flex flex-col items-center">
-    <div class="font-bold text-xl mb-2">Authenticate Your Account</div>
-    <p class="text-color-secondary block mb-5">Please enter the code sent to your phone.</p>
-    <p-inputOtp [(ngModel)]="value" [length]="6" style="gap: 0">
-        <ng-template pTemplate="input" let-token let-events="events" let-index="index">
-            <input 
-                pInputText
-                type="text" 
-                [maxLength]="1" 
-                (input)="events.input($event)" 
-                (keydown)="events.keydown($event)" 
-                [attr.value]="token" 
-                class="custom-otp-input" />
-            <div *ngIf="index === 3" class="px-3">
-                <i class="pi pi-minus"></i>
-            </div>
-        </ng-template>
-    </p-inputOtp>
-    <div class="flex justify-between mt-5 align-self-stretch">
-        <p-button label="Resend Code" [link]="true" class="p-0"/>
-        <p-button label="Submit Code"/>
-    </div>
-</div>`,
-
-        html: `<div class="card flex justify-center">
-    <div class="flex flex-col items-center">
-        <div class="font-bold text-xl mb-2">Authenticate Your Account</div>
-        <p class="text-color-secondary block mb-5">Please enter the code sent to your phone.</p>
-        <p-inputOtp [(ngModel)]="value" [length]="6" style="gap: 0">
-            <ng-template pTemplate="input" let-token let-events="events" let-index="index">
-                <input 
-                    pInputText 
-                    type="text" 
-                    [maxLength]="1" 
-                    (input)="events.input($event)" 
-                    (keydown)="events.keydown($event)" 
-                    [attr.value]="token" 
-                    class="custom-otp-input" />
-                <div *ngIf="index === 3" class="px-3">
-                    <i class="pi pi-minus"></i>
-                </div>
-            </ng-template>
-        </p-inputOtp>
-        <div class="flex justify-between mt-5 align-self-stretch">
-            <p-button label="Resend Code" [link]="true" class="p-0"/>
-            <p-button label="Submit Code"/>
-        </div>
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { InputOtpModule } from 'primeng/inputotp';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'input-otp-sample-demo',
-    templateUrl: './input-otp-sample-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputOtpModule, ButtonModule],
-    styles: [
-        \`
-        .custom-otp-input {
-            width: 48px;
-            height: 48px;
-            font-size: 24px;
-            appearance: none;
-            text-align: center;
-            transition: all 0.2s;
-            border-radius: 0;
-            border: 1px solid var(--surface-400);
-            background: transparent;
-            outline-offset: -2px;
-            outline-color: transparent;
-            border-right: 0 none;
-            transition: outline-color 0.3s;
-            color: var(--text-color);
-        }
-
-        .custom-otp-input:focus {
-            outline: 2px solid var(--primary-color);
-        }
-
-        .custom-otp-input:first-child,
-        .custom-otp-input:nth-child(5) {
-            border-top-left-radius: 12px;
-            border-bottom-left-radius: 12px;
-        }
-
-        .custom-otp-input:nth-child(3),
-        .custom-otp-input:last-child {
-            border-top-right-radius: 12px;
-            border-bottom-right-radius: 12px;
-            border-right-width: 1px;
-            border-right-style: solid;
-            border-color: var(--surface-400);
-        }
-        \`
-    ],
-})
-export class InputOtpSampleDemo {
-    value: any;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputotp/templatedoc.ts b/src/app/showcase/doc/inputotp/templatedoc.ts
deleted file mode 100644
index 7fe006d..0000000
--- a/src/app/showcase/doc/inputotp/templatedoc.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Define a template with your own UI elements with bindings to the provided events and attributes to replace the default design.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputOtp [(ngModel)]="value">
-                <ng-template pTemplate="input" let-token let-events="events">
-                    <input pInputText class="custom-otp-input" (keydown)="events.keydown($event)" (input)="events.input($event)" type="text" [attr.value]="token" [maxLength]="1" />
-                </ng-template>
-            </p-inputOtp>
-        </div>
-        <app-code [code]="code" selector="input-otp-template-demo"></app-code>,
-    `,
-    styles: [
-        `
-            .custom-otp-input {
-                width: 45px;
-                font-size: 36px;
-                border: 0 none;
-                appearance: none;
-                text-align: center;
-                transition: all 0.2s;
-                background: transparent;
-                border-bottom: 2px solid var(--surface-500);
-                border-radius: 0px;
-                margin: 0 0.2rem;
-            }
-
-            .custom-otp-input:focus {
-                outline: 0 none;
-                box-shadow: none;
-                border-bottom-color: var(--primary-color);
-            }
-        `
-    ]
-})
-export class TemplateDoc {
-    value: any;
-
-    code: Code = {
-        basic: `<p-inputOtp [(ngModel)]="value">
-    <ng-template pTemplate="input" let-token let-events="events">
-        <input 
-            pInputText 
-            class="custom-otp-input" 
-            (input)="events.input($event)" 
-            (keydown)="events.keydown($event)" 
-            type="text" 
-            [attr.value]="token" 
-            [maxLength]="1" />
-    </ng-template>
-</p-inputOtp>`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputOtp [(ngModel)]="value">
-        <ng-template pTemplate="input" let-token let-events="events">
-            <input 
-                pInputText
-                class="custom-otp-input" 
-                (input)="events.input($event)" 
-                (keydown)="events.keydown($event)" 
-                type="text" 
-                [attr.value]="token" 
-                [maxLength]="1" />
-        </ng-template>
-    </p-inputOtp>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputOtpModule } from 'primeng/inputotp';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-otp-template-demo',
-    templateUrl: './input-otp-template-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputOtpModule],
-    styles: [
-        \`
-        .custom-otp-input {
-            width: 45px;
-            font-size: 36px;
-            border: 0 none;
-            appearance: none;
-            text-align: center;
-            transition: all 0.2s;
-            background: transparent;
-            border-bottom: 2px solid var(--surface-500);
-            border-radius: 0px;
-            margin: 0 0.2rem;
-        }
-
-        .custom-otp-input:focus {
-            outline: 0 none;
-            box-shadow: none;
-            border-bottom-color: var(--primary-color);
-        } 
-        \`
-    ],
-})
-
-export class InputOtpTemplateDemo {
-    value: any;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputswitch/accessibilitydoc.ts b/src/app/showcase/doc/inputswitch/accessibilitydoc.ts
deleted file mode 100644
index ae09996..0000000
--- a/src/app/showcase/doc/inputswitch/accessibilitydoc.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                InputSwitch component uses a hidden native checkbox element with <i>switch</i> role internally that is only visible to screen readers. Value to describe the component can either be provided via <i>label</i> tag combined with
-                <i>inputId</i> prop or using <i>ariaLabelledBy</i>, <i>ariaLabel</i> props.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the switch.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Toggles the checked state.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<label for="switch1">Remember Me</label>
-<p-inputSwitch inputId="switch1" />
-
-<span id="switch2">Remember Me</span>
-<p-inputSwitch ariaLabelledBy="switch2" />
-
-<p-inputSwitch ariaLabel="Remember Me" />`
-    };
-}
diff --git a/src/app/showcase/doc/inputswitch/basicdoc.ts b/src/app/showcase/doc/inputswitch/basicdoc.ts
deleted file mode 100644
index 25f1c89..0000000
--- a/src/app/showcase/doc/inputswitch/basicdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Two-way value binding is defined using <i>ngModel</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputSwitch [(ngModel)]="checked" />
-        </div>
-        <app-code [code]="code" selector="input-switch-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    checked: boolean = false;
-
-    code: Code = {
-        basic: `<p-inputSwitch [(ngModel)]="checked" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputSwitch [(ngModel)]="checked" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-switch-basic-demo',
-    templateUrl: './input-switch-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputSwitchModule]
-})
-export class InputSwitchBasicDemo {
-    checked: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputswitch/disableddoc.ts b/src/app/showcase/doc/inputswitch/disableddoc.ts
deleted file mode 100644
index 7e663cc..0000000
--- a/src/app/showcase/doc/inputswitch/disableddoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputSwitch [(ngModel)]="checked" [disabled]="true" />
-        </div>
-        <app-code [code]="code" selector="input-switch-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    checked: boolean = false;
-
-    code: Code = {
-        basic: `<p-inputSwitch [(ngModel)]="checked" [disabled]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputSwitch [(ngModel)]="checked" [disabled]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-switch-disabled-demo',
-    templateUrl: './input-switch-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputSwitchModule]
-})
-export class InputSwitchDisabledDemo {
-    checked: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputswitch/importdoc.ts b/src/app/showcase/doc/inputswitch/importdoc.ts
deleted file mode 100644
index 3d464c8..0000000
--- a/src/app/showcase/doc/inputswitch/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { InputSwitchModule } from 'primeng/inputswitch';`
-    };
-}
diff --git a/src/app/showcase/doc/inputswitch/inputswitchdoc.module.ts b/src/app/showcase/doc/inputswitch/inputswitchdoc.module.ts
deleted file mode 100644
index c2bfef4..0000000
--- a/src/app/showcase/doc/inputswitch/inputswitchdoc.module.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { DisabledDoc } from './disableddoc';
-import { PreselectionDoc } from './preselectiondoc';
-import { StyleDoc } from './styledoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { InvalidDoc } from './invaliddoc';
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, FormsModule, ReactiveFormsModule, InputSwitchModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, PreselectionDoc, DisabledDoc, InvalidDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc]
-})
-export class InputSwitchDocModule {}
diff --git a/src/app/showcase/doc/inputswitch/invaliddoc.ts b/src/app/showcase/doc/inputswitch/invaliddoc.ts
deleted file mode 100644
index bb9a330..0000000
--- a/src/app/showcase/doc/inputswitch/invaliddoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'invalid-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-dirty</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputSwitch [(ngModel)]="checked" class="ng-dirty ng-invalid" />
-        </div>
-        <app-code [code]="code" selector="input-switch-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc {
-    checked: boolean = false;
-
-    code: Code = {
-        basic: `<p-inputSwitch [(ngModel)]="checked" class="ng-dirty ng-invalid" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputSwitch [(ngModel)]="checked" class="ng-dirty ng-invalid" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-switch-invalid-demo',
-    templateUrl: './input-switch-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputSwitchModule]
-})
-export class InputSwitchInvalidDemo {
-    checked: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputswitch/preselectiondoc.ts b/src/app/showcase/doc/inputswitch/preselectiondoc.ts
deleted file mode 100644
index 75fdbef..0000000
--- a/src/app/showcase/doc/inputswitch/preselectiondoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'preselection-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Enabling <i>ngModel</i> property displays the component as active initially.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-inputSwitch [(ngModel)]="checked" />
-        </div>
-        <app-code [code]="code" selector="input-switch-preselection-demo"></app-code>
-    `
-})
-export class PreselectionDoc {
-    checked: boolean = true;
-
-    code: Code = {
-        basic: `<p-inputSwitch [(ngModel)]="checked" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputSwitch [(ngModel)]="checked" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-switch-preselection-demo',
-    templateUrl: './input-switch-preselection-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputSwitchModule]
-})
-export class InputSwitchPreselectionDemo {
-    checked: boolean = true;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputswitch/reactiveformsdoc.ts b/src/app/showcase/doc/inputswitch/reactiveformsdoc.ts
deleted file mode 100644
index 6290e56..0000000
--- a/src/app/showcase/doc/inputswitch/reactiveformsdoc.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>InputSwitch can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <p-inputSwitch formControlName="checked" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="input-switch-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            checked: new FormControl()
-        });
-    }
-
-    code: Code = {
-        basic: `<p-inputSwitch formControlName="checked" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-inputSwitch formControlName="checked" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { InputSwitchModule } from 'primeng/inputswitch';
-
-@Component({
-    selector: 'input-switch-reactive-forms-demo',
-    templateUrl: './input-switch-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, InputSwitchModule]
-})
-export class InputSwitchReactiveFormsDemo implements OnInit {
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            checked: new FormControl<boolean>(false)
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputswitch/styledoc.ts b/src/app/showcase/doc/inputswitch/styledoc.ts
deleted file mode 100644
index 7e651bc..0000000
--- a/src/app/showcase/doc/inputswitch/styledoc.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-inputswitch</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-inputswitch-checked</td>
-                        <td>Container element in active state.</td>
-                    </tr>
-                    <tr>
-                        <td>p-inputswitch-slider</td>
-                        <td>Slider element behind the handle.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/inputtext/accessibilitydoc.ts b/src/app/showcase/doc/inputtext/accessibilitydoc.ts
deleted file mode 100644
index c3b7341..0000000
--- a/src/app/showcase/doc/inputtext/accessibilitydoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                InputText component renders a native input element that implicitly includes any passed prop. Value to describe the component can either be provided via <i>label</i> tag combined with <i>id</i> prop or using <i>aria-labelledby</i>,
-                <i>aria-label</i> props.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the input.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<label for="firstname">Firstname</label>
-<input pInputText id="firstname" />
-
-<span id="lastname">Lastname</span>
-<input pInputText aria-labelledby="lastname" />
-
-<input pInputText aria-label="Age" />`
-    };
-}
diff --git a/src/app/showcase/doc/inputtext/basicdoc.ts b/src/app/showcase/doc/inputtext/basicdoc.ts
deleted file mode 100644
index 30127ca..0000000
--- a/src/app/showcase/doc/inputtext/basicdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>InputText is used as a controlled input with <i>ngModel</i> properties.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <input type="text" pInputText [(ngModel)]="value" />
-        </div>
-        <app-code [code]="code" selector="input-text-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    value: string;
-
-    code: Code = {
-        basic: `<input type="text" pInputText [(ngModel)]="value" />`,
-
-        html: `<div class="card flex justify-center">
-    <input type="text" pInputText [(ngModel)]="value" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputTextModule } from 'primeng/inputtext';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-text-basic-demo',
-    templateUrl: './input-text-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputTextModule]
-})
-export class InputTextBasicDemo {
-    value: string;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtext/disableddoc.ts b/src/app/showcase/doc/inputtext/disableddoc.ts
deleted file mode 100644
index 1897430..0000000
--- a/src/app/showcase/doc/inputtext/disableddoc.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <input id="disabled-input" type="text" pInputText [disabled]="true" [(ngModel)]="value" />
-        </div>
-        <app-code [code]="code" selector="input-text-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    value: string | undefined;
-
-    code: Code = {
-        basic: `<input
-    id="disabled-input"
-    type="text"
-    pInputText
-    [disabled]="true"
-    [(ngModel)]="value" />`,
-
-        html: `<div class="card flex justify-center">
-    <input
-        id="disabled-input"
-        type="text"
-        pInputText
-        [disabled]="true"
-        [(ngModel)]="value" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputTextModule } from 'primeng/inputtext';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-text-disabled-demo',
-    templateUrl: './input-text-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputTextModule]
-})
-export class InputTextDisabledDemo {
-    value: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtext/filleddoc.ts b/src/app/showcase/doc/inputtext/filleddoc.ts
deleted file mode 100644
index fc6ede5..0000000
--- a/src/app/showcase/doc/inputtext/filleddoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'filled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <input type="text" pInputText [(ngModel)]="value" variant="filled" />
-        </div>
-        <app-code [code]="code" selector="input-text-filled-demo"></app-code>
-    `
-})
-export class FilledDoc {
-    value: string;
-
-    code: Code = {
-        basic: `<input 
-    type="text" 
-    pInputText 
-    [(ngModel)]="value" 
-    variant="filled" />`,
-
-        html: `<div class="card flex justify-center">
-    <input 
-        type="text" 
-        pInputText 
-        [(ngModel)]="value" 
-        variant="filled" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputTextModule } from 'primeng/inputtext';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-text-filled-demo',
-    templateUrl: './input-text-filled-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputTextModule]
-})
-export class InputTextFilledDemo {
-    value: string;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtext/floatlabeldoc.ts b/src/app/showcase/doc/inputtext/floatlabeldoc.ts
deleted file mode 100644
index 71994fe..0000000
--- a/src/app/showcase/doc/inputtext/floatlabeldoc.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'floatlabel-doc',
-    template: `
-        <app-docsectiontext>
-            <p>A floating label appears on top of the input field when focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-floatLabel>
-                <input pInputText id="username" [(ngModel)]="value" />
-                <label for="username">Username</label>
-            </p-floatLabel>
-        </div>
-        <app-code [code]="code" selector="input-text-floatlabel-demo"></app-code>
-    `
-})
-export class FloatLabelDoc {
-    value: string | undefined;
-
-    code: Code = {
-        basic: `<p-floatLabel>
-    <input pInputText id="username" [(ngModel)]="value" />
-    <label for="username">Username</label>
-</p-floatLabel>`,
-
-        html: `<div class="card flex justify-center">
-    <p-floatLabel>
-        <input pInputText id="username" [(ngModel)]="value" />
-        <label for="username">Username</label>
-    </p-floatLabel>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputTextModule } from 'primeng/inputtext';
-import { FormsModule } from '@angular/forms';
-import { FloatLabelModule } from 'primeng/floatlabel';
-
-@Component({
-    selector: 'input-text-floatlabel-demo',
-    templateUrl: './input-text-floatlabel-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputTextModule, FloatLabelModule]
-})
-export class InputTextFloatlabelDemo {
-    value: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtext/helptextdoc.ts b/src/app/showcase/doc/inputtext/helptextdoc.ts
deleted file mode 100644
index 8cfd487..0000000
--- a/src/app/showcase/doc/inputtext/helptextdoc.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'helptext-doc',
-    template: `
-        <app-docsectiontext>
-            <p>An advisory text can be defined with the semantic <i>small</i> tag.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <div class="flex flex-col gap-2">
-                <label for="username">Username</label>
-                <input pInputText id="username" aria-describedby="username-help" [(ngModel)]="value" />
-                <small id="username-help">Enter your username to reset your password.</small>
-            </div>
-        </div>
-        <app-code [code]="code" selector="input-text-help-text-demo"></app-code>
-    `
-})
-export class HelpTextDoc {
-    value: string | undefined;
-
-    code: Code = {
-        basic: `<div class="flex flex-col gap-2">
-    <label for="username">Username</label>
-    <input 
-        pInputText 
-        id="username" 
-        aria-describedby="username-help" 
-        [(ngModel)]="value" />
-    <small id="username-help">
-        Enter your username to reset your password.
-    </small>
-</div>`,
-
-        html: `<div class="card flex justify-center">
-    <div class="flex flex-col gap-2">
-        <label for="username">Username</label>
-        <input 
-            pInputText
-            id="username" 
-            aria-describedby="username-help" 
-            [(ngModel)]="value" />
-        <small id="username-help">
-            Enter your username to reset your password.
-        </small>
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputTextModule } from 'primeng/inputtext';
-import { FormsModule } from '@angular/forms';
-        
-@Component({
-    selector: 'input-text-help-text-demo',
-    templateUrl: './input-text-help-text-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputTextModule]
-})
-export class InputTextHelpTextDemo {
-    value: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtext/iconsdoc.ts b/src/app/showcase/doc/inputtext/iconsdoc.ts
deleted file mode 100644
index 0e27fa3..0000000
--- a/src/app/showcase/doc/inputtext/iconsdoc.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'icons-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Icons can be placed inside an input element by wrapping both the input and the icon with an element that has either <i>.p-input-icon-left</i> or <i>p-input-icon-right</i> class.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap justify-center gap-3">
-            <span class="p-input-icon-left">
-                <i class="pi pi-search"></i>
-                <input type="text" pInputText [(ngModel)]="value" />
-            </span>
-
-            <span class="p-input-icon-right">
-                <i class="pi pi-spin pi-spinner"></i>
-                <input type="text" pInputText [(ngModel)]="value2" />
-            </span>
-        </div>
-        <app-code [code]="code" selector="input-text-icons-demo"></app-code>
-    `
-})
-export class IconsDoc {
-    value: string | undefined;
-
-    value2: string | undefined;
-
-    code: Code = {
-        basic: `<span class="p-input-icon-left">
-    <i class="pi pi-search"></i>
-    <input type="text" pInputText [(ngModel)]="value" />
-</span>`,
-
-        html: `
-<div class="card flex flex-wrap justify-center gap-3">
-    <span class="p-input-icon-left">
-        <i class="pi pi-search"></i>
-        <input type="text" pInputText [(ngModel)]="value" />
-    </span>
-    
-    <span class="p-input-icon-right">
-        <i class="pi pi-spin pi-spinner"></i>
-        <input type="text" pInputText [(ngModel)]="value2" />
-    </span>
-</div>`,
-
-        typescript: `
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'input-text-icons-demo',
-    templateUrl: './input-text-icons-demo.html'
-})
-export class InputTextIconsDemo {
-    value: string | undefined;
-    
-    value2: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtext/importdoc.ts b/src/app/showcase/doc/inputtext/importdoc.ts
deleted file mode 100644
index 2892c21..0000000
--- a/src/app/showcase/doc/inputtext/importdoc.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [hideToggleCode]="true" [hideStackBlitz]="true" [hideCodeSandbox]="true" [code]="code"></app-code> `
-})
-export class ImportDoc {
-    value1: string;
-
-    code: Code = {
-        typescript: `import { InputTextModule } from 'primeng/inputtext';`
-    };
-}
diff --git a/src/app/showcase/doc/inputtext/inputtextdoc.module.ts b/src/app/showcase/doc/inputtext/inputtextdoc.module.ts
deleted file mode 100644
index 1a860fd..0000000
--- a/src/app/showcase/doc/inputtext/inputtextdoc.module.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { InputTextModule } from 'primeng/inputtext';
-import { KeyFilterModule } from 'primeng/keyfilter';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { DisabledDoc } from './disableddoc';
-import { FloatLabelDoc } from './floatlabeldoc';
-import { HelpTextDoc } from './helptextdoc';
-import { IconsDoc } from './iconsdoc';
-import { ImportDoc } from './importdoc';
-import { InvalidDoc } from './invaliddoc';
-import { KeyFilterDoc } from './keyfilterdoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { SizesDoc } from './sizesdoc';
-import { StyleDoc } from './styledoc';
-import { FloatLabelModule } from 'primeng/floatlabel';
-import { FilledDoc } from './filleddoc';
-import { WithClearIconDoc } from '@doc/inputtext/withclearicondoc';
-import { IconFieldModule } from '../../../components/iconfield/iconfield';
-import { InputIconModule } from '../../../components/inputicon/inputicon';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, InputTextModule, FormsModule, ReactiveFormsModule, AppDocModule, KeyFilterModule, FloatLabelModule, IconFieldModule, InputIconModule],
-    declarations: [BasicDoc, DisabledDoc, FloatLabelDoc, HelpTextDoc, IconsDoc, InvalidDoc, KeyFilterDoc, SizesDoc, ImportDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc, FilledDoc, WithClearIconDoc],
-    exports: [AppDocModule]
-})
-export class InputtextDocModule {}
diff --git a/src/app/showcase/doc/inputtext/invaliddoc.ts b/src/app/showcase/doc/inputtext/invaliddoc.ts
deleted file mode 100644
index beb5914..0000000
--- a/src/app/showcase/doc/inputtext/invaliddoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'invalid-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-touched</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <input pInputText class="ng-invalid ng-touched" [(ngModel)]="value" />
-        </div>
-        <app-code [code]="code" selector="input-text-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc {
-    value: string | undefined;
-
-    code: Code = {
-        basic: `<input
-    pInputText
-    class="ng-invalid ng-touched"
-    [(ngModel)]="value" />`,
-
-        html: `<div class="card flex justify-center">
-    <input
-        pInputText
-        class="ng-invalid ng-touched"
-        [(ngModel)]="value" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputTextModule } from 'primeng/inputtext';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-text-invalid-demo',
-    templateUrl: './input-text-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputTextModule]
-})
-export class InputTextInvalidDemo {
-    value: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtext/keyfilterdoc.ts b/src/app/showcase/doc/inputtext/keyfilterdoc.ts
deleted file mode 100644
index 55edfdc..0000000
--- a/src/app/showcase/doc/inputtext/keyfilterdoc.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'key-filter-doc',
-    template: `
-        <app-docsectiontext>
-            <p>InputText has built-in key filtering support to block certain keys, refer to <a href="/keyfilter">keyfilter</a> page for more information.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <input pInputText pKeyFilter="int" placeholder="Integers" [(ngModel)]="value" />
-        </div>
-        <app-code [code]="code" selector="inputtext-key-filter-demo"></app-code>
-    `
-})
-export class KeyFilterDoc {
-    value: number | undefined;
-
-    code: Code = {
-        basic: `<input pInputText pKeyFilter="int" placeholder="Integers" [(ngModel)]="value" />`,
-
-        html: `
-<div class="card flex justify-center">
-    <input pInputText pKeyFilter="int" placeholder="Integers" [(ngModel)]="value" />
-</div>`,
-
-        typescript: `
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'input-text-key-filter-demo',
-    templateUrl: './input-text-key-filter-demo.html'
-})
-export class InputTextKeyFilterDemo {
-    value: number | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtext/reactiveformsdoc.ts b/src/app/showcase/doc/inputtext/reactiveformsdoc.ts
deleted file mode 100644
index ac28dca..0000000
--- a/src/app/showcase/doc/inputtext/reactiveformsdoc.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>InputText can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <input type="text" pInputText formControlName="text" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="input-text-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            text: new FormControl<string | null>(null)
-        });
-    }
-
-    code: Code = {
-        basic: `<input type="text" pInputText formControlName="text" />`,
-
-        html: `<div class="card flex justify-center">
-    <input type="text" pInputText formControlName="text" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'input-text-reactive-forms-demo',
-    templateUrl: './input-text-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, InputTextModule]
-})
-export class InputTextReactiveFormsDemo implements OnInit {
-    formGroup: FormGroup | undefined;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            text: new FormControl<string | null>(null)
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtext/sizesdoc.ts b/src/app/showcase/doc/inputtext/sizesdoc.ts
deleted file mode 100644
index 2c6aed2..0000000
--- a/src/app/showcase/doc/inputtext/sizesdoc.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'sizes-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Apply <i>.p-inputtext-sm</i> to reduce the size of the input element or <i>.p-inputtext-lg</i> to enlarge it.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col items-center gap-3 ">
-            <input pInputText type="text" class="p-inputtext-sm" placeholder="Small" [(ngModel)]="value" />
-            <input pInputText type="text" placeholder="Normal" [(ngModel)]="value2" />
-            <input pInputText type="text" class="p-inputtext-lg" placeholder="Large" [(ngModel)]="value3" />
-        </div>
-        <app-code [code]="code" selector="input-text-sizes-demo"></app-code>
-    `
-})
-export class SizesDoc {
-    value: string | undefined;
-
-    value2: string | undefined;
-
-    value3: string | undefined;
-
-    code: Code = {
-        basic: `<input pInputText type="text" class="p-inputtext-sm" placeholder="Small" [(ngModel)]="value" />
-<input pInputText type="text" placeholder="Normal" [(ngModel)]="value2" />
-<input pInputText type="text" class="p-inputtext-lg" placeholder="Large" [(ngModel)]="value3" />`,
-
-        html: `<div class="card flex flex-col items-center gap-3 ">
-    <input pInputText type="text" class="p-inputtext-sm" placeholder="Small" [(ngModel)]="value" />
-    <input pInputText type="text" placeholder="Normal" [(ngModel)]="value2" />
-    <input pInputText type="text" class="p-inputtext-lg" placeholder="Large" [(ngModel)]="value3" />
-</div>`,
-
-        typescript: `
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'input-text-sizes-demo',
-    templateUrl: './input-text-sizes-demo.html'
-})
-export class InputTextSizesDemo {
-    value: string | undefined;
-    value2: string | undefined;
-    value3: string | undefined;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtext/styledoc.ts b/src/app/showcase/doc/inputtext/styledoc.ts
deleted file mode 100644
index f2ae0b1..0000000
--- a/src/app/showcase/doc/inputtext/styledoc.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-inputtext</td>
-                        <td>Input element</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/inputtext/withclearicondoc.ts b/src/app/showcase/doc/inputtext/withclearicondoc.ts
deleted file mode 100644
index 45e1fcf..0000000
--- a/src/app/showcase/doc/inputtext/withclearicondoc.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'with-clear-icon-doc',
-    template: `
-        <app-docsectiontext>
-            <p>InputText с иконкой очищения.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-iconField iconPosition="right">
-                <p-inputIcon (click)="onClearInput()" [style.visibility]="value ? 'visible' : 'hidden'" style="cursor: pointer" styleClass="pi pi-times" />
-                <input type="text" pInputText [(ngModel)]="value" />
-            </p-iconField>
-        </div>
-        <app-code [code]="code" selector="input-text-basic-demo"></app-code>
-    `
-})
-export class WithClearIconDoc {
-    value: string;
-
-    onClearInput(): void {
-        this.value = '';
-    }
-
-    code: Code = {
-        basic: `<p-iconField iconPosition="right">
-    <p-inputIcon (click)="onClearInput()" [style.visibility]="value ? 'visible' : 'hidden'" style="cursor: pointer" styleClass="pi pi-times" />
-    <input type="text" pInputText [(ngModel)]="value" />
-</p-iconField>`,
-
-        html: `<div class="card flex justify-center">
-    <p-iconField iconPosition="right">
-        <p-inputIcon (click)="onClearInput()" [style.visibility]="value ? 'visible' : 'hidden'" style="cursor: pointer" styleClass="pi pi-times" />
-        <input type="text" pInputText [(ngModel)]="value" />
-    </p-iconField>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputTextModule } from 'primeng/inputtext';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-text-basic-demo',
-    templateUrl: './input-text-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputTextModule, InputIconModule, IconFieldModule]
-})
-export class WithClearIconDoc {
-    value: string;
-
-    onClearInput(): void {
-        this.value = '';
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtextarea/accessibilitydoc.ts b/src/app/showcase/doc/inputtextarea/accessibilitydoc.ts
deleted file mode 100644
index db9440c..0000000
--- a/src/app/showcase/doc/inputtextarea/accessibilitydoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                InputTextarea component renders a native textarea element that implicitly includes any passed prop. Value to describe the component can either be provided via <i>label</i> tag combined with <i>id</i> prop or using
-                <i>aria-labelledby</i>, <i>aria-label</i> props.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the input.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<label for="address1">Address 1</label>
-<textarea pInputTextarea id="address1"></textarea>
-
-<span id="address2">Address 2</span>
-<textarea pInputTextarea aria-labelledby="address2"></textarea>
-
-<textarea pInputTextarea aria-label="Address Details"></textarea>`
-    };
-}
diff --git a/src/app/showcase/doc/inputtextarea/autoresizedoc.ts b/src/app/showcase/doc/inputtextarea/autoresizedoc.ts
deleted file mode 100644
index 812e84f..0000000
--- a/src/app/showcase/doc/inputtextarea/autoresizedoc.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'autoresize-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>autoResize</i> is enabled, textarea grows instead of displaying a scrollbar.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <textarea rows="5" cols="30" pInputTextarea [autoResize]="true"></textarea>
-        </div>
-        <app-code [code]="code" selector="input-textarea-auto-resize-demo"></app-code>
-    `
-})
-export class AutoResizeDoc {
-    code: Code = {
-        basic: `<textarea 
-    rows="5"
-    cols="30" 
-    pInputTextarea 
-    [autoResize]="true">
-</textarea>`,
-
-        html: `<div class="card flex justify-center">
-    <textarea 
-        rows="5"
-        cols="30"
-        pInputTextarea 
-        [autoResize]="true">
-    </textarea>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputTextareaModule } from 'primeng/inputtextarea';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-textarea-auto-resize-demo',
-    templateUrl: './input-textarea-auto-resize-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputTextareaModule]
-})
-export class InputTextareaAutoResizeDemo {
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtextarea/basicdoc.ts b/src/app/showcase/doc/inputtextarea/basicdoc.ts
deleted file mode 100644
index c6c2368..0000000
--- a/src/app/showcase/doc/inputtextarea/basicdoc.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>InputTextarea is applied to an input field with <i>pInputTextarea</i> directive.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <textarea rows="5" cols="30" pInputTextarea [(ngModel)]="value"></textarea>
-        </div>
-        <app-code [code]="code" selector="input-textarea-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    value!: string;
-
-    code: Code = {
-        basic: `<textarea 
-    rows="5"
-    cols="30" 
-    pInputTextarea 
-    [(ngModel)]="value">
-</textarea>`,
-
-        html: `<div class="card flex justify-center">
-    <textarea 
-        rows="5"
-        cols="30"
-        pInputTextarea 
-        [(ngModel)]="value">
-    </textarea>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputTextareaModule } from 'primeng/inputtextarea';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-textarea-basic-demo',
-    templateUrl: './input-textarea-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputTextareaModule]
-})
-
-export class InputTextareaBasicDemo {
-    value!: string;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtextarea/clearicon-doc.component.ts b/src/app/showcase/doc/inputtextarea/clearicon-doc.component.ts
deleted file mode 100644
index 8afdaa5..0000000
--- a/src/app/showcase/doc/inputtextarea/clearicon-doc.component.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'clear-icon-doc',
-    template: `
-        <app-docsectiontext>
-            <p>To display a clear button for a field, the recommended approach is to use a combination of <i>p-iconField</i>, <i>p-inputIcon</i>, and <i>textarea</i>. <strong>Important</strong> use class <i>p-inputtextarea-icon</i></p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-iconField iconPosition="right">
-                @if (value) {
-                    <p-inputIcon styleClass="p-inputtextarea-icon" (click)="onClearValue()">
-                        <i class="ti text-xl ti-x cursor-pointer"></i>
-                    </p-inputIcon>
-                }
-                <textarea [(ngModel)]="value" rows="5" cols="30" pInputTextarea></textarea>
-            </p-iconField>
-        </div>
-        <app-code [code]="code" selector="textarea-clear-icon-demo"></app-code>
-    `
-})
-export class ClearIconDoc {
-    value: string = 'Demonstration of clear icon';
-
-    onClearValue(): void {
-        this.value = '';
-    }
-
-    code: Code = {
-        basic: `
-<div class="card flex justify-center">
-    <p-iconField iconPosition="right">
-        @if (value) {
-            <p-inputIcon styleClass="p-inputtextarea-icon" (click)="onClearValue()">
-                <i class="ti text-xl ti-x cursor-pointer"></i>
-            </p-inputIcon>
-        }
-        <textarea
-            [(ngModel)]="value"
-            rows="5"
-            cols="30"
-            pInputTextarea
-        ></textarea>
-    </p-iconField>
-</div>`,
-
-        html: `
-<div class="card flex justify-center">
-    <p-iconField iconPosition="right">
-        @if (value) {
-            <p-inputIcon styleClass="p-inputtextarea-icon" (click)="onClearApiKey()">
-                <i class="ti text-xl ti-x cursor-pointer"></i>
-            </p-inputIcon>
-        }
-        <textarea
-            [(ngModel)]="value"
-            rows="5"
-            cols="30"
-            pInputTextarea
-        ></textarea>
-    </p-iconField>
-</div>`,
-
-        typescript: `
-    import { Component } from '@angular/core';
-    import { FormsModule } from '@angular/forms';
-    import { InputTextareaModule } from 'primeng/inputtextarea';
-    import { IconFieldModule } from 'primeng/iconfield';
-    import { InputIconModule } from 'primeng/inputicon';
-
-    
-    @Component({
-        selector: 'textarea-clear-icon-demo',
-        templateUrl: './textarea-clear-icon-demo.html',
-        standalone: true,
-        imports: [FormsModule, InputTextareaModule, IconFieldModule, InputIconModule]
-    })
-    
-    export class InputTextareaClearIconDemo {
-        value: string = 'Demonstration of clear icon';
-
-        onClearValue(): void {
-            this.value = '';
-        }
-    }`
-    };
-}
diff --git a/src/app/showcase/doc/inputtextarea/disableddoc.ts b/src/app/showcase/doc/inputtextarea/disableddoc.ts
deleted file mode 100644
index ddaed7a..0000000
--- a/src/app/showcase/doc/inputtextarea/disableddoc.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <textarea rows="5" cols="30" pInputTextarea [disabled]="true"></textarea>
-        </div>
-        <app-code [code]="code" selector="input-textarea-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    code: Code = {
-        basic: `<textarea 
-    rows="5"
-    cols="30" 
-    pInputTextarea 
-    [disabled]="true">
-</textarea>`,
-
-        html: `<div class="card flex justify-center">
-    <textarea 
-        rows="5"
-        cols="30"
-        pInputTextarea 
-        [disabled]="true">
-    </textarea>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputTextareaModule } from 'primeng/inputtextarea';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-textarea-disabled-demo',
-    templateUrl: './input-textarea-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputTextareaModule]
-})
-export class InputTextareaDisabledDemo {
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtextarea/filleddoc.ts b/src/app/showcase/doc/inputtextarea/filleddoc.ts
deleted file mode 100644
index 244df01..0000000
--- a/src/app/showcase/doc/inputtextarea/filleddoc.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'filled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <textarea [variant]="'filled'" rows="5" cols="30" pInputTextarea [(ngModel)]="value"></textarea>
-        </div>
-        <app-code [code]="code" selector="input-textarea-filled-demo"></app-code>
-    `
-})
-export class FilledDoc {
-    value!: string;
-
-    code: Code = {
-        basic: `<textarea 
-    variant="filled"
-    rows="5"
-    cols="30" 
-    pInputTextarea 
-    [(ngModel)]="value">
-</textarea>`,
-
-        html: `<div class="card flex justify-center">
-    <textarea 
-        variant="filled"
-        rows="5"
-        cols="30"
-        pInputTextarea 
-        [(ngModel)]="value">
-    </textarea>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputTextareaModule } from 'primeng/inputtextarea';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-textarea-filled-demo',
-    templateUrl: './input-textarea-filled-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputTextareaModule]
-})
-
-export class InputTextareaFilledDemo {
-    value!: string;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtextarea/floatlabeldoc.ts b/src/app/showcase/doc/inputtextarea/floatlabeldoc.ts
deleted file mode 100644
index 56ba20a..0000000
--- a/src/app/showcase/doc/inputtextarea/floatlabeldoc.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'floatlabel-doc',
-    template: `
-        <app-docsectiontext>
-            <p>A floating label appears on top of the input field when focused. Visit <a routerLink="/floatlabel">FloatLabel</a> documentation for more information.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <textarea id="float-input" rows="5" cols="30" pInputTextarea></textarea>
-                <label for="float-input">Summary</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <textarea id="float-input" rows="5" cols="30" pInputTextarea></textarea>
-                <label for="float-input">Summary</label>
-            </p-floatLabel>
-        </div>
-        <app-code [code]="code" selector="input-textarea-floatlabel-demo"></app-code>
-    `
-})
-export class FloatlabelDoc {
-    code: Code = {
-        basic: `<p-floatLabel>
-    <textarea
-        id="float-input"
-        rows="5" cols="30"
-        pInputTextarea>
-    </textarea>
-    <label for="float-input">Summary</label>
-</p-floatLabel>
-<p-floatLabel class="float-variant-in">
-    <textarea
-    id="float-input"
-    rows="5" cols="30"
-    pInputTextarea></textarea>
-    <label for="float-input">Summary</label>
-</p-floatLabel>`,
-
-        html: `<div class="card flex justify-center">
-    <p-floatLabel>
-        <textarea
-            id="float-input"
-            rows="5"
-            cols="30"
-            pInputTextarea>
-        </textarea>
-        <label for="float-input">Summary</label>
-    </p-floatLabel>
-    <p-floatLabel class="float-variant-in">
-        <textarea id="float-input" rows="5" cols="30" pInputTextarea></textarea>
-        <label for="float-input">Summary</label>
-    </p-floatLabel>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputTextareaModule } from 'primeng/inputtextarea';
-import { FormsModule } from '@angular/forms';
-import { FloatLabelModule } from 'primeng/floatlabel';
-
-@Component({
-    selector: ': 'input-textarea-floatlabel-demo',
-    templateUrl: './: 'input-textarea-floatlabel-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputTextareaModule, FloatLabelModule]
-})
-export class InputTextareaFloatlabelDemo {
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtextarea/importdoc.ts b/src/app/showcase/doc/inputtextarea/importdoc.ts
deleted file mode 100644
index cbec64b..0000000
--- a/src/app/showcase/doc/inputtextarea/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { InputTextareaModule } from 'primeng/inputtextarea';`
-    };
-}
diff --git a/src/app/showcase/doc/inputtextarea/inputtextareadoc.module.ts b/src/app/showcase/doc/inputtextarea/inputtextareadoc.module.ts
deleted file mode 100644
index 9da4280..0000000
--- a/src/app/showcase/doc/inputtextarea/inputtextareadoc.module.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { InputTextModule } from 'primeng/inputtext';
-import { InputTextareaModule } from 'primeng/inputtextarea';
-import { KeyFilterModule } from 'primeng/keyfilter';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { AutoResizeDoc } from './autoresizedoc';
-import { BasicDoc } from './basicdoc';
-import { DisabledDoc } from './disableddoc';
-import { FloatlabelDoc } from './floatlabeldoc';
-import { InvalidDoc } from './invaliddoc';
-import { ImportDoc } from './importdoc';
-import { KeyfilterDoc } from './keyfilterdoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { StyleDoc } from './styledoc';
-import { FilledDoc } from './filleddoc';
-import { FloatLabelModule } from 'primeng/floatlabel';
-import { InputIconModule } from 'primeng/inputicon';
-import { IconFieldModule } from 'primeng/iconfield';
-import { RouterModule } from '@angular/router';
-import { ClearIconDoc } from './clearicon-doc.component';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, InputTextModule, FormsModule, ReactiveFormsModule, InputTextareaModule, InputIconModule, IconFieldModule, AppDocModule, KeyFilterModule, FloatLabelModule, RouterModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, AutoResizeDoc, FloatlabelDoc, InvalidDoc, DisabledDoc, KeyfilterDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc, FilledDoc, ClearIconDoc]
-})
-export class InputtextareaDocModule {}
diff --git a/src/app/showcase/doc/inputtextarea/invaliddoc.ts b/src/app/showcase/doc/inputtextarea/invaliddoc.ts
deleted file mode 100644
index e502223..0000000
--- a/src/app/showcase/doc/inputtextarea/invaliddoc.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'invalid-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-dirty</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <textarea rows="5" cols="30" pInputTextarea [(ngModel)]="value" class="ng-invalid ng-dirty"></textarea>
-        </div>
-        <app-code [code]="code" selector="input-textarea-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc {
-    value!: string;
-
-    code: Code = {
-        basic: `<textarea 
-    rows="5" 
-    cols="30" 
-    pInputTextarea 
-    [(ngModel)]="value" 
-    class="ng-invalid ng-dirty">
-</textarea>`,
-
-        html: `<div class="card flex justify-center">
-    <textarea 
-        rows="5" 
-        cols="30" 
-        pInputTextarea 
-        [(ngModel)]="value"
-        class="ng-invalid ng-dirty">
-    </textarea>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputTextareaModule } from 'primeng/inputtextarea';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'input-textarea-invalid-demo',
-    templateUrl: './input-textarea-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputTextareaModule]
-})
-export class InputTextareaInvalidDemo {
-    value!: string;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtextarea/keyfilterdoc.ts b/src/app/showcase/doc/inputtextarea/keyfilterdoc.ts
deleted file mode 100644
index 886baef..0000000
--- a/src/app/showcase/doc/inputtextarea/keyfilterdoc.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'key-filter-doc',
-    template: `
-        <app-docsectiontext>
-            <p>InputText has built-in key filtering support to block certain keys, refer to <a href="/keyfilter">keyfilter</a> page for more information.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <textarea pKeyFilter="int" rows="5" cols="30" pInputTextarea></textarea>
-        </div>
-        <app-code [code]="code" selector="input-textarea-key-filter-demo"></app-code>
-    `
-})
-export class KeyfilterDoc {
-    code: Code = {
-        basic: `<textarea 
-    pKeyFilter="int" 
-    rows="5" 
-    cols="30" 
-    pInputTextarea>
-</textarea>`,
-
-        html: `<div class="card flex justify-center">
-    <textarea 
-        pKeyFilter="int" 
-        rows="5" 
-        cols="30" 
-        pInputTextarea>
-    </textarea>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { InputTextareaModule } from 'primeng/inputtextarea';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector:'input-textarea-key-filter-demo',
-    templateUrl: './input-textarea-key-filter-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputTextareaModule]
-})
-export class InputTextareaKeyFilterDemo {
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtextarea/reactiveformsdoc.ts b/src/app/showcase/doc/inputtextarea/reactiveformsdoc.ts
deleted file mode 100644
index 74bb0b6..0000000
--- a/src/app/showcase/doc/inputtextarea/reactiveformsdoc.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>InputTextarea can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <textarea rows="5" cols="30" pInputTextarea formControlName="text"></textarea>
-            </form>
-        </div>
-        <app-code [code]="code" selector="input-textarea-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            text: new FormControl<string | null>(null)
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <textarea 
-        rows="5" 
-        cols="30" 
-        pInputTextarea 
-        formControlName="text">
-    </textarea>
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup">
-        <textarea 
-            rows="5"
-            cols="30" 
-            pInputTextarea 
-            formControlName="text">
-        </textarea>
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { InputTextareaModule } from 'primeng/inputtextarea';
-
-@Component({
-    selector: 'input-textarea-reactive-forms-demo',
-    templateUrl: './input-textarea-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, InputTextareaModule],
-})
-export class InputTextareaReactiveFormsDemo implements OnInit {
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            text: new FormControl<string | null>(null)
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/inputtextarea/styledoc.ts b/src/app/showcase/doc/inputtextarea/styledoc.ts
deleted file mode 100644
index c742664..0000000
--- a/src/app/showcase/doc/inputtextarea/styledoc.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-inputtextarea</td>
-                        <td>Textarea element</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/installation/animationsdoc.ts b/src/app/showcase/doc/installation/animationsdoc.ts
deleted file mode 100644
index 1e8fdc6..0000000
--- a/src/app/showcase/doc/installation/animationsdoc.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'animations-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Various components utilize Angular animations to improve the user experience. Animations have their own module <i>BrowserAnimationsModule</i> is required to be imported in your application. If you prefer to disable animations
-                globally, import <i>NoopAnimationsModule</i> instead.
-            </p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class AnimationsDoc {
-    code: Code = {
-        typescript: `import { BrowserModule } from '@angular/platform-browser';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
-@NgModule({
-    imports: [
-        BrowserModule,
-        BrowserAnimationsModule,
-        //...
-    ],
-    //...
-})
-export class AppModule { }`
-    };
-}
diff --git a/src/app/showcase/doc/installation/downloaddoc.ts b/src/app/showcase/doc/installation/downloaddoc.ts
deleted file mode 100644
index c48b480..0000000
--- a/src/app/showcase/doc/installation/downloaddoc.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'download-doc',
-    template: `
-        <app-docsectiontext>
-            <p>PrimeNG is available for download at <a href="https://www.npmjs.com/package/primeng">npm</a>.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class DownloadDoc {
-    code: Code = {
-        command: `npm install primeng`
-    };
-}
diff --git a/src/app/showcase/doc/installation/examplesdoc.ts b/src/app/showcase/doc/installation/examplesdoc.ts
deleted file mode 100644
index 9c8f9ea..0000000
--- a/src/app/showcase/doc/installation/examplesdoc.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'examples-doc',
-    template: `
-        <app-docsectiontext>
-            <p>An example start with Angular CLI is available at <a href="https://github.com/primefaces/primeng-quickstart-cli">github</a>.</p>
-        </app-docsectiontext>
-    `
-})
-export class ExamplesDoc {}
diff --git a/src/app/showcase/doc/installation/installationdoc.module.ts b/src/app/showcase/doc/installation/installationdoc.module.ts
deleted file mode 100644
index a8b3653..0000000
--- a/src/app/showcase/doc/installation/installationdoc.module.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { ButtonModule } from 'primeng/button';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AnimationsDoc } from './animationsdoc';
-import { DownloadDoc } from './downloaddoc';
-import { ExamplesDoc } from './examplesdoc';
-import { StylesDoc } from './stylesdoc';
-import { UsageDoc } from './usagedoc';
-import { VideosDoc } from './videos/videosdoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, FormsModule, AppDocModule, ButtonModule],
-    declarations: [DownloadDoc, StylesDoc, UsageDoc, AnimationsDoc, ExamplesDoc, VideosDoc],
-    exports: [AppDocModule]
-})
-export class InstallationDocModule {}
diff --git a/src/app/showcase/doc/installation/stylesdoc.ts b/src/app/showcase/doc/installation/stylesdoc.ts
deleted file mode 100644
index 72b88b3..0000000
--- a/src/app/showcase/doc/installation/stylesdoc.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'styles-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Theme and Core styles are the necessary css files of the components, visit the <a href="/theming#themes" class="">Themes</a> section for the complete list of available themes to choose from. Styles can either be imported at
-                <i>angular.json</i> or <i>src/styles.css</i> file.
-            </p>
-            <h3>With angular.json</h3>
-            <app-code [code]="code1" [hideToggleCode]="true"></app-code>
-
-            <h3>With styles.css</h3>
-            <app-code [code]="code2" [hideToggleCode]="true"></app-code>
-
-            <h3>CSS layer</h3>
-            <p>
-                The style classes of PrimeNG are defined under the <i>primeng</i> CSS layer to be easier to customize by having low specificity. If you are using a CSS library that styles default HTML elements such as Tailwind Preflight, Bootstrap,
-                Normalize, or similar, a custom CSS layer configuration would be necessary for compatibility. View the <a [routerLink]="['/guides/csslayer']">CSS Layer</a> guide for more information.
-            </p>
-            <app-code [code]="code3" [hideToggleCode]="true"></app-code>
-        </app-docsectiontext>
-    `
-})
-export class StylesDoc {
-    code1: Code = {
-        typescript: `...
-"styles": [
-    "node_modules/primeng/resources/themes/lara-light-blue/theme.css",
-    "node_modules/primeng/resources/primeng.min.css",
-    ...
-]`
-    };
-
-    code2: Code = {
-        scss: `@import "primeng/resources/themes/lara-light-blue/theme.css";
-@import "primeng/resources/primeng.css";`
-    };
-
-    code3: Code = {
-        scss: `/* Order */
-@layer reset, primeng;
-
-/* Reset CSS */
-@layer reset {
-    button,
-    input {
-        /* CSS to Reset */
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/installation/usagedoc.ts b/src/app/showcase/doc/installation/usagedoc.ts
deleted file mode 100644
index d2fedaf..0000000
--- a/src/app/showcase/doc/installation/usagedoc.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'usage-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Each component can be imported individually so that you only bundle what you use. Import path is available in the documentation of the corresponding component.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button label="Check" icon="pi pi-check"></p-button>
-        </div>
-        <app-code [code]="code" [hideStackBlitz]="true" [hideCodeSandbox]="true"></app-code>
-    `
-})
-export class UsageDoc {
-    code: Code = {
-        typescript: `import { ButtonModule } from 'primeng/button';`,
-        html: `
-<div class="card flex justify-center">
-    <p-button label="Check" icon="pi pi-check"></p-button>
-</div>`
-    };
-}
diff --git a/src/app/showcase/doc/installation/videos/videosdoc.ts b/src/app/showcase/doc/installation/videos/videosdoc.ts
deleted file mode 100644
index a9f43f7..0000000
--- a/src/app/showcase/doc/installation/videos/videosdoc.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'videos-doc',
-    template: `
-        <app-docsectiontext>
-            <p><a href="https://angular.io/cli">Angular CLI</a> is the recommended way to build Angular applications with PrimeNG.</p>
-        </app-docsectiontext>
-        <div class="video-container">
-            <iframe width="560" height="315" src="https://www.youtube.com/embed/_Zel-Eapb9Y" frameborder="0" allowfullscreen></iframe>
-        </div>
-    `
-})
-export class VideosDoc {}
diff --git a/src/app/showcase/doc/keyfilter/accessibilitydoc.ts b/src/app/showcase/doc/keyfilter/accessibilitydoc.ts
deleted file mode 100644
index 9c510a1..0000000
--- a/src/app/showcase/doc/keyfilter/accessibilitydoc.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <p>Refer to <a href="/inputtext">InputText</a> for accessibility as KeyFilter is a built-in add-on of the InputText.</p>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/keyfilter/importdoc.ts b/src/app/showcase/doc/keyfilter/importdoc.ts
deleted file mode 100644
index ee2ba0b..0000000
--- a/src/app/showcase/doc/keyfilter/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { KeyFilterModule } from 'primeng/keyfilter';`
-    };
-}
diff --git a/src/app/showcase/doc/keyfilter/keyfilterdoc.module.ts b/src/app/showcase/doc/keyfilter/keyfilterdoc.module.ts
deleted file mode 100644
index a2abb8a..0000000
--- a/src/app/showcase/doc/keyfilter/keyfilterdoc.module.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ReactiveFormsModule } from '@angular/forms';
-import { InputTextModule } from 'primeng/inputtext';
-import { KeyFilterModule } from 'primeng/keyfilter';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { ImportDoc } from './importdoc';
-import { PresetsDoc } from './presetsdoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { RegexDoc } from './regexdoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, ReactiveFormsModule, AppDocModule, KeyFilterModule, InputTextModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, PresetsDoc, RegexDoc, AccessibilityDoc, ReactiveFormsDoc]
-})
-export class KeyFilterDocModule {}
diff --git a/src/app/showcase/doc/keyfilter/presetsdoc.ts b/src/app/showcase/doc/keyfilter/presetsdoc.ts
deleted file mode 100644
index cd5a3d1..0000000
--- a/src/app/showcase/doc/keyfilter/presetsdoc.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'presets-doc',
-    template: `
-        <app-docsectiontext>
-            <p>KeyFilter provides various presets configured with the <i>pKeyFilter</i> property.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex flex-wrap gap-3 mb-4">
-                <div class="flex-auto">
-                    <label for="integer" class="font-bold block mb-2"> Integer </label>
-                    <input pInputText id="integer" pKeyFilter="int" class="w-full" />
-                </div>
-                <div class="flex-auto">
-                    <label for="number" class="font-bold block mb-2"> Number </label>
-                    <input pInputText id="number" pKeyFilter="num" class="w-full" />
-                </div>
-                <div class="flex-auto">
-                    <label for="money" class="font-bold block mb-2"> Money </label>
-                    <input pInputText id="money" pKeyFilter="money" class="w-full" />
-                </div>
-            </div>
-            <div class="flex flex-wrap gap-3">
-                <div class="flex-auto">
-                    <label for="hex" class="font-bold block mb-2"> Hex </label>
-                    <input pInputText id="hex" pKeyFilter="hex" class="w-full" />
-                </div>
-                <div class="flex-auto">
-                    <label for="alphabetic" class="font-bold block mb-2"> Alphabetic </label>
-                    <input pInputText id="alphabetic" pKeyFilter="alpha" class="w-full" />
-                </div>
-                <div class="flex-auto">
-                    <label for="alphanumeric" class="font-bold block mb-2"> Alphanumeric </label>
-                    <input pInputText id="alphanumeric" pKeyFilter="alphanum" class="w-full" />
-                </div>
-            </div>
-        </div>
-        <app-code [code]="code" selector="key-filter-presets-demo"></app-code>
-    `
-})
-export class PresetsDoc {
-    code: Code = {
-        basic: `<input pInputText pKeyFilter="int" />
-<input pInputText pKeyFilter="num" />
-<input pInputText pKeyFilter="money" />
-<input pInputText pKeyFilter="hex" />
-<input pInputText pKeyFilter="alpha" />
-<input pInputText pKeyFilter="alphanum" />`,
-
-        html: `<div class="card">
-    <div class="flex flex-wrap gap-3 mb-4">
-        <div class="flex-auto">
-            <label for="integer" class="font-bold block mb-2"> Integer </label>
-            <input pInputText id="integer" pKeyFilter="int" class="w-full" />
-        </div>
-        <div class="flex-auto">
-            <label for="number" class="font-bold block mb-2"> Number </label>
-            <input pInputText id="number" pKeyFilter="num" class="w-full" />
-        </div>
-        <div class="flex-auto">
-            <label for="money" class="font-bold block mb-2"> Money </label>
-            <input pInputText id="money" pKeyFilter="money" class="w-full" />
-        </div>
-    </div>
-    <div class="flex flex-wrap gap-3">
-        <div class="flex-auto">
-            <label for="hex" class="font-bold block mb-2"> Hex </label>
-            <input pInputText id="hex" pKeyFilter="hex" class="w-full" />
-        </div>
-        <div class="flex-auto">
-            <label for="alphabetic" class="font-bold block mb-2"> Alphabetic </label>
-            <input pInputText id="alphabetic" pKeyFilter="alpha" class="w-full" />
-        </div>
-        <div class="flex-auto">
-            <label for="alphanumeric" class="font-bold block mb-2"> Alphanumeric </label>
-            <input pInputText id="alphanumeric" pKeyFilter="alphanum" class="w-full" />
-        </div>
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'key-filter-presets-demo',
-    templateUrl: './key-filter-presets-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputTextModule]
-})
-export class KeyFilterPresetsDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/keyfilter/reactiveformsdoc.ts b/src/app/showcase/doc/keyfilter/reactiveformsdoc.ts
deleted file mode 100644
index bdda00d..0000000
--- a/src/app/showcase/doc/keyfilter/reactiveformsdoc.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>KeyFilter can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <label for="integer" class="font-bold block mb-2"> Integer </label>
-                <input pInputText id="integer" pKeyFilter="int" class="w-full" formControlName="value" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="key-filter-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            value: new FormControl(1234)
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <label for="integer" class="font-bold block mb-2"> Integer </label>
-    <input pInputText id="integer" pKeyFilter="int" class="w-full" formControlName="value" />
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup">
-        <label for="integer" class="font-bold block mb-2"> Integer </label>
-        <input pInputText id="integer" pKeyFilter="int" class="w-full" formControlName="value" />
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'key-filter-reactive-forms-demo',
-    templateUrl: './key-filter-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, InputTextModule]
-})
-export class KeyFilterReactiveFormsDemo implements OnInit {
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            value: new FormControl(1234)
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/keyfilter/regexdoc.ts b/src/app/showcase/doc/keyfilter/regexdoc.ts
deleted file mode 100644
index ab5c57e..0000000
--- a/src/app/showcase/doc/keyfilter/regexdoc.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reg-exp-demo',
-    template: `
-        <app-docsectiontext>
-            <p>In addition to the presets, a regular expression can be configured for customization.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3">
-            <div class="flex-auto">
-                <label for="blockspace" class="font-bold block mb-2"> Block Space </label>
-                <input pInputText id="blockspace" [pKeyFilter]="blockSpace" class="w-full" />
-            </div>
-            <div class="flex-auto">
-                <label for="block" class="font-bold block mb-2"> Block < > * ! </label>
-                <input pInputText id="block" [pKeyFilter]="blockChars" class="w-full" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="key-filter-reg-exp-demo"></app-code>
-    `
-})
-export class RegexDoc {
-    blockSpace: RegExp = /^[^\s]+$/;
-    blockChars: RegExp = /^[^<>*!]+$/;
-
-    code: Code = {
-        basic: `<input pInputText [pKeyFilter]="blockSpace" />
-<input pInputText [pKeyFilter]="blockChars" />`,
-
-        html: `<div class="card flex flex-wrap gap-3">
-    <div class="flex-auto">
-        <label for="blockspace" class="font-bold block mb-2"> Block Space </label>
-        <input pInputText id="blockspace" pKeyFilter="int" class="w-full" />
-    </div>
-    <div class="flex-auto">
-        <label for="block" class="font-bold block mb-2"> Block < > * ! </label>
-        <input pInputText id="block" pKeyFilter="int" class="w-full" />
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'key-filter-reg-exp-demo',
-    templateUrl: './key-filter-reg-exp-demo.html',
-    standalone: true,
-    imports: [FormsModule, InputTextModule]
-})
-export class KeyFilterRegExpDemo {
-    blockSpace: RegExp = /[^\s]/;
-
-    blockChars: RegExp = /^[^<>*!]+$/;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/knob/accessibilitydoc.ts b/src/app/showcase/doc/knob/accessibilitydoc.ts
deleted file mode 100644
index b483221..0000000
--- a/src/app/showcase/doc/knob/accessibilitydoc.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Knob element component uses <i>slider</i> role in addition to the <i>aria-valuemin</i>, <i>aria-valuemax</i> and <i>aria-valuenow</i> attributes. Value to describe the component can be defined using <i>ariaLabelledBy</i> and
-                <i>ariaLabel</i> props.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the slider.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <span class="inline-flex flex-col">
-                                <i class="mb-1">left arrow</i>
-                                <i>down arrow</i>
-                            </span>
-                        </td>
-                        <td>Decrements the value.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <span class="inline-flex flex-col">
-                                <i class="mb-1">right arrow</i>
-                                <i>up arrow</i>
-                            </span>
-                        </td>
-                        <td>Increments the value.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>home</i>
-                        </td>
-                        <td>Set the minimum value.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>end</i>
-                        </td>
-                        <td>Set the maximum value.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>page up</i>
-                        </td>
-                        <td>Increments the value by 10 steps.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>page down</i>
-                        </td>
-                        <td>Decrements the value by 10 steps.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<span id="label_number">Number</span>
-<p-knob ariaLabelledBy="label_number"/>
-
-<p-knob ariaLabel="Number"/>`
-    };
-}
diff --git a/src/app/showcase/doc/knob/basicdoc.ts b/src/app/showcase/doc/knob/basicdoc.ts
deleted file mode 100644
index 55fa9f4..0000000
--- a/src/app/showcase/doc/knob/basicdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Knob is an input component and used with the standard <i>ngModel</i> directive.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-knob [(ngModel)]="value" />
-        </div>
-        <app-code [code]="code" selector="knob-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    value!: number;
-
-    code: Code = {
-        basic: `<p-knob [(ngModel)]="value" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-knob [(ngModel)]="value" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { KnobModule } from 'primeng/knob';
-
-@Component({
-    selector: 'knob-basic-demo',
-    templateUrl: './knob-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, KnobModule]
-})
-export class KnobBasicDemo {
-    value!: number;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/knob/colordoc.ts b/src/app/showcase/doc/knob/colordoc.ts
deleted file mode 100644
index da64e88..0000000
--- a/src/app/showcase/doc/knob/colordoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'color-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Colors are customized with the <i>textColor</i>, <i>rangeColor</i> and <i>valueColor</i> properties.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-knob [(ngModel)]="value" valueColor="SlateGray" rangeColor="MediumTurquoise" />
-        </div>
-        <app-code [code]="code" selector="knob-color-demo"></app-code>
-    `
-})
-export class ColorDoc {
-    value: number = 50;
-
-    code: Code = {
-        basic: `<p-knob [(ngModel)]="value" valueColor="SlateGray" rangeColor="MediumTurquoise" />`,
-
-        html: `<div class="card flex justify-center">
-<p-knob [(ngModel)]="value" valueColor="SlateGray" rangeColor="MediumTurquoise" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { KnobModule } from 'primeng/knob';
-        
-@Component({
-    selector: 'knob-color-demo',
-    templateUrl: './knob-color-demo.html',
-    standalone: true,
-    imports: [FormsModule, KnobModule]
-})
-export class KnobColorDemo {
-    value: number = 50;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/knob/disableddoc.ts b/src/app/showcase/doc/knob/disableddoc.ts
deleted file mode 100644
index 19308e2..0000000
--- a/src/app/showcase/doc/knob/disableddoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, a visual hint is applied to indicate that the Knob cannot be interacted with.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-knob [(ngModel)]="value" [disabled]="true" />
-        </div>
-        <app-code [code]="code" selector="knob-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    value: number = 75;
-
-    code: Code = {
-        basic: `<p-knob [(ngModel)]="value" [disabled]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-knob [(ngModel)]="value" [disabled]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { KnobModule } from 'primeng/knob';
-
-@Component({
-    selector: 'knob-disabled-demo',
-    templateUrl: './knob-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, KnobModule]
-})
-export class KnobDisabledDemo {
-    value: number = 75;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/knob/importdoc.ts b/src/app/showcase/doc/knob/importdoc.ts
deleted file mode 100644
index ad7a6d6..0000000
--- a/src/app/showcase/doc/knob/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { KnobModule } from 'primeng/knob';`
-    };
-}
diff --git a/src/app/showcase/doc/knob/knobdoc.module.ts b/src/app/showcase/doc/knob/knobdoc.module.ts
deleted file mode 100644
index a9ee981..0000000
--- a/src/app/showcase/doc/knob/knobdoc.module.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { KnobModule } from 'primeng/knob';
-import { ImportDoc } from './importdoc';
-import { BasicDoc } from './basicdoc';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { ButtonModule } from 'primeng/button';
-import { MinMaxDoc } from './minmaxdoc';
-import { StepDoc } from './stepdoc';
-import { TemplateDoc } from './templatedoc';
-import { StrokeDoc } from './strokedoc';
-import { SizeDoc } from './sizedoc';
-import { ColorDoc } from './colordoc';
-import { ReadonlyDoc } from './readonlydoc';
-import { DisabledDoc } from './disableddoc';
-import { StyleDoc } from './styledoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { ReactiveDoc } from './reactivedoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, FormsModule, ReactiveFormsModule, ButtonModule, AppCodeModule, AppDocModule, KnobModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, MinMaxDoc, StepDoc, TemplateDoc, StrokeDoc, SizeDoc, ColorDoc, ReadonlyDoc, DisabledDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc, ReactiveDoc]
-})
-export class KnobDocModule {}
diff --git a/src/app/showcase/doc/knob/minmaxdoc.ts b/src/app/showcase/doc/knob/minmaxdoc.ts
deleted file mode 100644
index a099bec..0000000
--- a/src/app/showcase/doc/knob/minmaxdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'min-max-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Boundaries are configured with the <i>min</i> and <i>max</i> properties whose defaults are 0 and 100 respectively.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-knob [(ngModel)]="value" [min]="-50" [max]="50" />
-        </div>
-        <app-code [code]="code" selector="knob-min-max-demo"></app-code>
-    `
-})
-export class MinMaxDoc {
-    value: number = 10;
-
-    code: Code = {
-        basic: `<p-knob [(ngModel)]="value" [min]="-50" [max]="50" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-knob [(ngModel)]="value" [min]="-50" [max]="50" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { KnobModule } from 'primeng/knob';
-
-@Component({
-    selector: 'knob-min-max-demo',
-    templateUrl: './knob-min-max-demo.html',
-    standalone: true,
-    imports: [FormsModule, KnobModule]
-})
-export class KnobMinMaxDemo {
-    value: number = 10;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/knob/reactivedoc.ts b/src/app/showcase/doc/knob/reactivedoc.ts
deleted file mode 100644
index f89233a..0000000
--- a/src/app/showcase/doc/knob/reactivedoc.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Knob can be controlled with custom controls as well.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col items-center gap-2">
-            <p-knob [(ngModel)]="value" size="150" readonly="true" />
-            <div class="flex gap-2">
-                <p-button icon="pi pi-plus" (onClick)="value = value + 1" [disabled]="value >= 100" />
-                <p-button icon="pi pi-minus" (onClick)="value = value - 1" [disabled]="value <= 0" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="knob-reactive-demo"></app-code>
-    `
-})
-export class ReactiveDoc {
-    value: number = 0;
-
-    code: Code = {
-        basic: `<p-knob [(ngModel)]="value" size="150" readonly="true"/>
-<div class="flex gap-2">
-    <p-button 
-        icon="pi pi-plus" 
-        (onClick)="value = value+1" 
-        [disabled]="value >= 100" />
-    <p-button 
-        icon="pi pi-minus" 
-        (onClick)="value = value-1" 
-        [disabled]="value <= 0" />
-</div>`,
-
-        html: `<div class="card flex flex-col items-center gap-2">
-<p-knob [(ngModel)]="value" size="150" readonly="true"/>
-<div class="flex gap-2">
-    <p-button 
-        icon="pi pi-plus" 
-        (onClick)="value = value+1" 
-        [disabled]="value >= 100" />
-    <p-button 
-        icon="pi pi-minus" 
-        (onClick)="value = value-1" 
-        [disabled]="value <= 0" />
-</div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { KnobModule } from 'primeng/knob';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'knob-reactive-demo',
-    templateUrl: './knob-reactive-demo.html',
-    standalone: true,
-    imports: [FormsModule, KnobModule, ButtonModule]
-})
-export class KnobReactiveDemo {
-    value: number = 0;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/knob/reactiveformsdoc.ts b/src/app/showcase/doc/knob/reactiveformsdoc.ts
deleted file mode 100644
index 808eef9..0000000
--- a/src/app/showcase/doc/knob/reactiveformsdoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Knob can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <p-knob formControlName="value" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="knob-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            value: new FormControl(32)
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <p-knob formControlName="value" />
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup">
-        <p-knob formControlName="value" />
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { KnobModule } from 'primeng/knob';
-
-@Component({
-    selector: 'knob-reactive-forms-demo',
-    templateUrl: './knob-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, KnobModule]
-})
-export class KnobReactiveFormsDemo implements OnInit {
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            value: new FormControl(32)
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/knob/readonlydoc.ts b/src/app/showcase/doc/knob/readonlydoc.ts
deleted file mode 100644
index 33293e9..0000000
--- a/src/app/showcase/doc/knob/readonlydoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'readonly-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>readonly</i> present, value cannot be edited.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-knob [(ngModel)]="value" [readonly]="true" />
-        </div>
-        <app-code [code]="code" selector="knob-readonly-demo"></app-code>
-    `
-})
-export class ReadonlyDoc {
-    value: number = 50;
-
-    code: Code = {
-        basic: `<p-knob [(ngModel)]="value" [readonly]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-knob [(ngModel)]="value" [readonly]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { KnobModule } from 'primeng/knob';
-
-@Component({
-    selector: 'knob-readonly-demo',
-    templateUrl: './knob-readonly-demo.html',
-    standalone: true,
-    imports: [FormsModule, KnobModule]
-})
-export class KnobReadonlyDemo {
-    value: number = 50;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/knob/sizedoc.ts b/src/app/showcase/doc/knob/sizedoc.ts
deleted file mode 100644
index 447b08f..0000000
--- a/src/app/showcase/doc/knob/sizedoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'size-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Diameter of the knob is defined in pixels using the <i>size</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-knob [(ngModel)]="value" [size]="200" />
-        </div>
-        <app-code [code]="code" selector="knob-size-demo"></app-code>
-    `
-})
-export class SizeDoc {
-    value: number = 60;
-
-    code: Code = {
-        basic: `<p-knob [(ngModel)]="value" [size]="200" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-knob [(ngModel)]="value" [size]="200" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { KnobModule } from 'primeng/knob';
-
-@Component({
-    selector: 'knob-size-demo',
-    templateUrl: './knob-size-demo.html',
-    standalone: true,
-    imports: [FormsModule, KnobModule]
-})
-export class KnobSizeDemo {
-    value: number = 60;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/knob/stepdoc.ts b/src/app/showcase/doc/knob/stepdoc.ts
deleted file mode 100644
index c42d059..0000000
--- a/src/app/showcase/doc/knob/stepdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'step-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Size of each movement is defined with the <i>step</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-knob [(ngModel)]="value" [step]="10" />
-        </div>
-        <app-code [code]="code" selector="knob-step-demo"></app-code>
-    `
-})
-export class StepDoc {
-    value!: number;
-
-    code: Code = {
-        basic: `<p-knob [(ngModel)]="value" [step]="10" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-knob [(ngModel)]="value" [step]="10" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { KnobModule } from 'primeng/knob';
-
-@Component({
-    selector: 'knob-step-demo',
-    templateUrl: './knob-step-demo.html',
-    standalone: true,
-    imports: [FormsModule, KnobModule]
-})
-export class KnobStepDemo {
-    value!: number;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/knob/strokedoc.ts b/src/app/showcase/doc/knob/strokedoc.ts
deleted file mode 100644
index 23c0494..0000000
--- a/src/app/showcase/doc/knob/strokedoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'stroke-doc',
-    template: `
-        <app-docsectiontext>
-            <p>The border size is specified with the <i>strokeWidth</i> property as a number in pixels.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-knob [(ngModel)]="value" [strokeWidth]="5" />
-        </div>
-        <app-code [code]="code" selector="knob-stroke-demo"></app-code>
-    `
-})
-export class StrokeDoc {
-    value: number = 40;
-
-    code: Code = {
-        basic: `<p-knob [(ngModel)]="value" [strokeWidth]="5" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-knob [(ngModel)]="value" [strokeWidth]="5" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { KnobModule } from 'primeng/knob';
-
-@Component({
-    selector: 'knob-stroke-demo',
-    templateUrl: './knob-stroke-demo.html',
-    standalone: true,
-    imports: [FormsModule, KnobModule]
-})
-export class KnobStrokeDemo {
-    value: number = 40;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/knob/styledoc.ts b/src/app/showcase/doc/knob/styledoc.ts
deleted file mode 100644
index 7c67495..0000000
--- a/src/app/showcase/doc/knob/styledoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-knob</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-knob-text</td>
-                        <td>Text element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-knob-value</td>
-                        <td>Value element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/knob/templatedoc.ts b/src/app/showcase/doc/knob/templatedoc.ts
deleted file mode 100644
index 1e01819..0000000
--- a/src/app/showcase/doc/knob/templatedoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Label is a string template that can be customized with the <i>valueTemplate</i> property having 60 as the placeholder .</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-knob [(ngModel)]="value" valueTemplate="{value}%" />
-        </div>
-        <app-code [code]="code" selector="knob-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    value: number = 60;
-
-    code: Code = {
-        basic: `<p-knob [(ngModel)]="value" valueTemplate="{value}%" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-knob [(ngModel)]="value" valueTemplate="{value}%" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { KnobModule } from 'primeng/knob';
-
-@Component({
-    selector: 'knob-template-demo',
-    templateUrl: './knob-template-demo.html',
-    standalone: true,
-    imports: [FormsModule, KnobModule]
-})
-export class KnobTemplateDemo {
-    value: number = 60;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/listbox/accessibilitydoc.ts b/src/app/showcase/doc/listbox/accessibilitydoc.ts
deleted file mode 100644
index ccefc90..0000000
--- a/src/app/showcase/doc/listbox/accessibilitydoc.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Value to describe the component can be provided <i>ariaLabelledBy</i> or <i>ariaLabel</i> props. The list element has a <i>listbox</i> role with the <i>aria-multiselectable</i> attribute that sets to true when multiple selection is
-                enabled. Each list item has an <i>option</i> role with <i>aria-selected</i> and <i>aria-disabled</i> as their attributes.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the first selected option, if there is none then first option receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>up arrow</i>
-                        </td>
-                        <td>Moves focus to the previous option.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>down arrow</i>
-                        </td>
-                        <td>Moves focus to the next option.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Toggles the selected state of the focused option.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Toggles the selected state of the focused option.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>home</i>
-                        </td>
-                        <td>Moves focus to the first option.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>end</i>
-                        </td>
-                        <td>Moves focus to the last option.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>down arrow</i></td>
-                        <td>Moves focus to the next option and toggles the selection state.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>up arrow</i></td>
-                        <td>Moves focus to the previous option and toggles the selection state.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>space</i></td>
-                        <td>Selects the items between the most recently selected option and the focused option.</td>
-                    </tr>
-                    <tr>
-                        <td><i>control</i> + <i>shift</i> + <i>home</i></td>
-                        <td>Selects the focused options and all the options up to the first one.</td>
-                    </tr>
-                    <tr>
-                        <td><i>control</i> + <i>shift</i> + <i>end</i></td>
-                        <td>Selects the focused options and all the options down to the last one.</td>
-                    </tr>
-                    <tr>
-                        <td><i>control</i> + <i>a</i></td>
-                        <td>Selects all options.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<span id="lb">Options</span>
-<p-listbox ariaLabelledBy="lb"/>
-
-<p-listbox ariaLabel="City"/>`
-    };
-}
diff --git a/src/app/showcase/doc/listbox/basicdoc.ts b/src/app/showcase/doc/listbox/basicdoc.ts
deleted file mode 100644
index 406a652..0000000
--- a/src/app/showcase/doc/listbox/basicdoc.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Listbox is used as a controlled component with <i>ngModel</i> property along with an <i>options</i> collection. Label and value of an option are defined with the <i>optionLabel</i> and <i>optionValue</i> properties respectively.
-                Default property name for the <i>optionLabel</i> is <i>label</i> and <i>value</i> for the <i>optionValue</i>. If <i>optionValue</i> is omitted and the object has no <i>value</i> property, the object itself becomes the value of an
-                option. Note that, when options are simple primitive values such as a string array, no <i>optionLabel</i> and <i>optionValue</i> would be necessary.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-listbox [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" [style]="{ width: '15rem' }" [listStyle]="{ 'max-height': '220px' }" />
-        </div>
-        <app-code [code]="code" selector="listbox-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    cities!: City[];
-
-    selectedCity!: City;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-listbox 
-    [options]="cities" 
-    [(ngModel)]="selectedCity" 
-    optionLabel="name" 
-    [style]="{'width':'15rem'}" 
-    [listStyle]="{'max-height': '220px'}" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-listbox 
-        [options]="cities" 
-        [(ngModel)]="selectedCity" 
-        optionLabel="name" 
-        [style]="{'width':'15rem'}" 
-        [listStyle]="{'max-height': '220px'}" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ListboxModule } from 'primeng/listbox';
-
-interface City {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'listbox-basic-demo',
-    templateUrl: './listbox-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, ListboxModule]
-})
-export class ListboxBasicDemo implements OnInit {
-    cities!: City[];
-
-    selectedCity!: City;
-    
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/listbox/disableddoc.ts b/src/app/showcase/doc/listbox/disableddoc.ts
deleted file mode 100644
index cb0a3ed..0000000
--- a/src/app/showcase/doc/listbox/disableddoc.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-listbox [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" [disabled]="true" [style]="{ width: '15rem' }" [listStyle]="{ 'max-height': '220px' }" />
-        </div>
-        <app-code [code]="code" selector="listbox-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc implements OnInit {
-    cities!: City[];
-
-    selectedCity!: City;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-listbox 
-    [options]="cities" 
-    [(ngModel)]="selectedCity" 
-    optionLabel="name" 
-    [disabled]="true" 
-    [style]="{ width: '15rem' }" 
-    [listStyle]="{'max-height': '220px'}" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-listbox 
-        [options]="cities" 
-        [(ngModel)]="selectedCity" 
-        optionLabel="name" 
-        [disabled]="true" 
-        [style]="{ width: '15rem' }" 
-        [listStyle]="{'max-height': '220px'}" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ListboxModule } from 'primeng/listbox';
-
-interface City {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'listbox-disabled-demo',
-    templateUrl: './listbox-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, ListboxModule]
-})
-export class ListboxDisabledDemo implements OnInit {
-    cities!: City[];
-
-    selectedCity!: City;
-    
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/listbox/filterdoc.ts b/src/app/showcase/doc/listbox/filterdoc.ts
deleted file mode 100644
index 46c3455..0000000
--- a/src/app/showcase/doc/listbox/filterdoc.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'filter-doc',
-    template: `
-        <app-docsectiontext>
-            <p>ListBox provides built-in filtering that is enabled by adding the <i>filter</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-listbox [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" [filter]="true" [style]="{ width: '15rem' }" [listStyle]="{ 'max-height': '220px' }" />
-        </div>
-        <app-code [code]="code" selector="listbox-filter-demo"></app-code>
-    `
-})
-export class FilterDoc implements OnInit {
-    cities!: City[];
-
-    selectedCity!: City;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-listbox 
-    [options]="cities" 
-    [(ngModel)]="selectedCity"
-    optionLabel="name" 
-    [filter]="true" 
-    [style]="{ width: '15rem' }" 
-    [listStyle]="{'max-height': '220px'}" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-listbox 
-        [options]="cities" 
-        [(ngModel)]="selectedCity" 
-        optionLabel="name" 
-        [filter]="true" 
-        [style]="{ width: '15rem' }" 
-        [listStyle]="{'max-height': '220px'}" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ListboxModule } from 'primeng/listbox';
-
-interface City {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'listbox-filter-demo',
-    templateUrl: './listbox-filter-demo.html',
-    standalone: true,
-    imports: [FormsModule, ListboxModule]
-})
-export class ListboxFilterDemo implements OnInit {
-    cities!: City[];
-
-    selectedCity!: City;
-    
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/listbox/groupdoc.ts b/src/app/showcase/doc/listbox/groupdoc.ts
deleted file mode 100644
index 29d8550..0000000
--- a/src/app/showcase/doc/listbox/groupdoc.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-import { Component } from '@angular/core';
-import { SelectItemGroup } from 'primeng/api';
-import { Code } from '@domain/code';
-
-interface Country {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'group-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Options can be grouped when a nested data structures is provided.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-listbox [options]="groupedCities" [group]="true" [(ngModel)]="selectedCountry" [listStyle]="{ 'max-height': '250px' }" [style]="{ width: '15rem' }">
-                <ng-template let-group pTemplate="group">
-                    <div class="flex items-center">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'mr-2 flag flag-' + group.value" style="width: 20px" />
-                        <span>{{ group.label }}</span>
-                    </div>
-                </ng-template>
-            </p-listbox>
-        </div>
-        <app-code [code]="code" selector="listbox-group-demo"></app-code>
-    `
-})
-export class GroupDoc {
-    groupedCities!: SelectItemGroup[];
-
-    selectedCountry!: Country;
-
-    constructor() {
-        this.groupedCities = [
-            {
-                label: 'Germany',
-                value: 'de',
-                items: [
-                    { label: 'Berlin', value: 'Berlin' },
-                    { label: 'Frankfurt', value: 'Frankfurt' },
-                    { label: 'Hamburg', value: 'Hamburg' },
-                    { label: 'Munich', value: 'Munich' }
-                ]
-            },
-            {
-                label: 'USA',
-                value: 'us',
-                items: [
-                    { label: 'Chicago', value: 'Chicago' },
-                    { label: 'Los Angeles', value: 'Los Angeles' },
-                    { label: 'New York', value: 'New York' },
-                    { label: 'San Francisco', value: 'San Francisco' }
-                ]
-            },
-            {
-                label: 'Japan',
-                value: 'jp',
-                items: [
-                    { label: 'Kyoto', value: 'Kyoto' },
-                    { label: 'Osaka', value: 'Osaka' },
-                    { label: 'Tokyo', value: 'Tokyo' },
-                    { label: 'Yokohama', value: 'Yokohama' }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-listbox 
-    [options]="groupedCities" 
-    [group]="true" 
-    [(ngModel)]="selectedCountry" 
-    [listStyle]="{ 'max-height': '250px' }" 
-    [style]="{ width: '15rem' }">
-        <ng-template let-group pTemplate="group">
-            <div class="flex items-center">
-                <img 
-                    src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                    [class]="'mr-2 flag flag-' + group.value" 
-                    style="width: 20px" />
-                <span>{{ group.label }}</span>
-            </div>
-        </ng-template>
-</p-listbox>`,
-
-        html: `<div class="card flex justify-center">
-    <p-listbox 
-        [options]="groupedCities" 
-        [group]="true" 
-        [(ngModel)]="selectedCountry" 
-        [listStyle]="{ 'max-height': '250px' }" 
-        [style]="{ width: '15rem' }">
-            <ng-template let-group pTemplate="group">
-                <div class="flex items-center">
-                    <img 
-                        src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                        [class]="'mr-2 flag flag-' + group.value" 
-                        style="width: 20px" />
-                    <span>{{ group.label }}</span>
-                </div>
-            </ng-template>
-    </p-listbox>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { SelectItemGroup } from 'primeng/api';
-import { FormsModule } from '@angular/forms';
-import { ListboxModule } from 'primeng/listbox';
-
-interface Country {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'listbox-group-demo',
-    templateUrl: './listbox-group-demo.html',
-    standalone: true,
-    imports: [FormsModule, ListboxModule]
-})
-export class ListboxGroupDemo {
-    groupedCities!: SelectItemGroup[];
-
-    selectedCountry!: Country;
-
-    constructor() {
-        this.groupedCities = [
-            {
-                label: 'Germany',
-                value: 'de',
-                items: [
-                    { label: 'Berlin', value: 'Berlin' },
-                    { label: 'Frankfurt', value: 'Frankfurt' },
-                    { label: 'Hamburg', value: 'Hamburg' },
-                    { label: 'Munich', value: 'Munich' }
-                ]
-            },
-            {
-                label: 'USA',
-                value: 'us',
-                items: [
-                    { label: 'Chicago', value: 'Chicago' },
-                    { label: 'Los Angeles', value: 'Los Angeles' },
-                    { label: 'New York', value: 'New York' },
-                    { label: 'San Francisco', value: 'San Francisco' }
-                ]
-            },
-            {
-                label: 'Japan',
-                value: 'jp',
-                items: [
-                    { label: 'Kyoto', value: 'Kyoto' },
-                    { label: 'Osaka', value: 'Osaka' },
-                    { label: 'Tokyo', value: 'Tokyo' },
-                    { label: 'Yokohama', value: 'Yokohama' }
-                ]
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/listbox/importdoc.ts b/src/app/showcase/doc/listbox/importdoc.ts
deleted file mode 100644
index 839dd53..0000000
--- a/src/app/showcase/doc/listbox/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ListboxModule } from 'primeng/listbox';`
-    };
-}
diff --git a/src/app/showcase/doc/listbox/invaliddoc.ts b/src/app/showcase/doc/listbox/invaliddoc.ts
deleted file mode 100644
index adec5bc..0000000
--- a/src/app/showcase/doc/listbox/invaliddoc.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'listbox-invalid-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-dirty</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-listbox [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" class="ng-invalid ng-dirty" [style]="{ width: '15rem' }" [listStyle]="{ 'max-height': '220px' }" />
-        </div>
-        <app-code [code]="code" selector="listbox-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc implements OnInit {
-    cities!: City[];
-
-    selectedCity!: City;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-listbox 
-    [options]="cities" 
-    [(ngModel)]="selectedCity" 
-    optionLabel="name" 
-    class="ng-invalid ng-dirty" 
-    [style]="{ width: '15rem' }" 
-    [listStyle]="{'max-height': '220px'}" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-listbox 
-        [options]="cities" 
-        [(ngModel)]="selectedCity" 
-        optionLabel="name" 
-        class="ng-invalid ng-dirty" 
-        [style]="{ width: '15rem' }" 
-        [listStyle]="{'max-height': '220px'}" />
-</div>`,
-
-        typescript: `import { Component, ngOnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ListboxModule } from 'primeng/listbox';
-
-interface City {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'listbox-invalid-demo',
-    templateUrl: './listbox-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, ListboxModule]
-})
-export class ListboxInvalidDemo implements OnInit {
-    cities!: City[];
-
-    selectedCity!: City;
-    
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/listbox/listboxdoc.module.ts b/src/app/showcase/doc/listbox/listboxdoc.module.ts
deleted file mode 100644
index 580938d..0000000
--- a/src/app/showcase/doc/listbox/listboxdoc.module.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { ListboxModule } from 'primeng/listbox';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { DisabledDoc } from './disableddoc';
-import { FilterDoc } from './filterdoc';
-import { GroupDoc } from './groupdoc';
-import { ImportDoc } from './importdoc';
-import { InvalidDoc } from './invaliddoc';
-import { MultipleDoc } from './multipledoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-import { VirtualScrollDoc } from './virtualscrolldoc';
-import { ButtonModule } from 'primeng/button';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, RouterModule, ListboxModule, FormsModule, ReactiveFormsModule, AppDocModule, ButtonModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, MultipleDoc, TemplateDoc, InvalidDoc, DisabledDoc, FilterDoc, GroupDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc, VirtualScrollDoc]
-})
-export class ListboxDocModule {}
diff --git a/src/app/showcase/doc/listbox/multipledoc.ts b/src/app/showcase/doc/listbox/multipledoc.ts
deleted file mode 100644
index a86a8f5..0000000
--- a/src/app/showcase/doc/listbox/multipledoc.ts
+++ /dev/null
@@ -1,171 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'multiple-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                ListBox allows choosing a single item by default, enable <i>multiple</i> property to choose more than one. When the optional <i>metaKeySelection</i> is present, behavior is changed in a way that selecting a new item requires meta key
-                to be present.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-listbox [options]="cities" [(ngModel)]="selectedCities" optionLabel="name" [style]="{ width: '15rem' }" [multiple]="true" [metaKeySelection]="false" [listStyle]="{ 'max-height': '220px' }" />
-        </div>
-        <app-code [code]="code" selector="listbox-multiple-demo"></app-code>
-        <br>
-
-        <app-docsectiontext>
-            <p>
-                Пример множественного выбора с чекбоксами
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-2">
-            <p-button [label]="'дизабл'" (click)="disabled = !disabled"></p-button>
-            <p-listbox [emptyMessage]="'Text empty'" [disabled]="disabled" [options]="countries" [(ngModel)]="selectCities" optionLabel="name" [style]="{ width: '15rem' }" [checkbox]="true" [multiple]="true" [showToggleAll]="true" [filter]="true" [metaKeySelection]="false" [listStyle]="{ 'max-height': '220px' }" />
-        </div>
-        <app-code [code]="code2" selector="listbox-multiple-demo"></app-code>
-    `
-})
-export class MultipleDoc implements OnInit {
-    disabled = false;
-    cities!: City[];
-
-    selectedCities!: City[];
-
-    countries!: City[];
-
-    selectCities!: City[];
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-
-        this.countries = [
-            { name: 'Australia', code: 'AU' },
-            { name: 'Brazil', code: 'BR' },
-            { name: 'China', code: 'CN' },
-            { name: 'Egypt', code: 'EG' },
-            { name: 'France', code: 'FR' },
-            { name: 'Germany', code: 'DE' },
-            { name: 'India', code: 'IN' },
-            { name: 'Japan', code: 'JP' },
-            { name: 'Spain', code: 'ES' },
-            { name: 'United States', code: 'US' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-listbox 
-    [options]="cities" 
-    [(ngModel)]="selectedCities" 
-    optionLabel="name" 
-    [style]="{'width':'15rem'}" 
-    [multiple]="true" 
-    [metaKeySelection]="false" 
-    [listStyle]="{'max-height': '220px'}" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-listbox 
-        [options]="cities" 
-        [(ngModel)]="selectedCities" 
-        optionLabel="name" 
-        [style]="{'width':'15rem'}" 
-        [multiple]="true" 
-        [metaKeySelection]="false" 
-        [listStyle]="{'max-height': '220px'}" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ListboxModule } from 'primeng/listbox';
-
-interface City {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'listbox-multiple-demo',
-    templateUrl: './listbox-multiple-demo.html',
-    standalone: true,
-    imports: [FormsModule, ListboxModule]
-})
-export class ListboxMultipleDemo implements OnInit {
-    cities!: City[];
-
-    selectedCities!: City[];
-    
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-
-    code2: Code = {
-        basic: `<p-listbox [emptyMessage]="'Text empty'" 
-[disabled]="disabled" 
-[options]="countries" 
-[(ngModel)]="selectCities" 
-optionLabel="name" 
-[style]="{ width: '15rem' }" 
-[checkbox]="true" 
-[multiple]="true" 
-[showToggleAll]="true"
-[filter]="true" 
-[metaKeySelection]="false" 
-[listStyle]="{ 'max-height': '220px' }" 
-/>`,
-        html: `<div class="card flex justify-center gap-2">
-<p-button [label]="'дизабл'" (click)="disabled = !disabled"></p-button>
-<p-listbox [emptyMessage]="'Text empty'" [disabled]="disabled" [options]="countries" [(ngModel)]="selectCities" optionLabel="name" [style]="{ width: '15rem' }" [checkbox]="true" [multiple]="true" [showToggleAll]="true" [filter]="true" [metaKeySelection]="false" [listStyle]="{ 'max-height': '220px' }" />
-    </div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ListboxModule } from 'primeng/listbox';
-
-interface City {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'listbox-multiple-demo',
-    templateUrl: './listbox-multiple-demo.html',
-    standalone: true,
-    imports: [FormsModule, ListboxModule]
-})
-export class ListboxMultipleDemo implements OnInit {
-    cities!: City[];
-
-    selectedCities!: City[];
-    
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    }
-}
diff --git a/src/app/showcase/doc/listbox/reactiveformsdoc.ts b/src/app/showcase/doc/listbox/reactiveformsdoc.ts
deleted file mode 100644
index 4173762..0000000
--- a/src/app/showcase/doc/listbox/reactiveformsdoc.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Listbox can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <p-listbox [options]="cities" formControlName="selectedCity" optionLabel="name" [style]="{ width: '15rem' }" [listStyle]="{ 'max-height': '220px' }" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="listbox-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    cities!: City[];
-
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-
-        this.formGroup = new FormGroup({
-            selectedCity: new FormControl<City | null>(null)
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <p-listbox 
-        [options]="cities" 
-        formControlName="selectedCity" 
-        optionLabel="name" 
-        [style]="{ width: '15rem' }" 
-        [listStyle]="{'max-height': '220px'}" />
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup">
-        <p-listbox 
-            [options]="cities" 
-            formControlName="selectedCity" 
-            optionLabel="name" 
-            [style]="{ width: '15rem' }" 
-            [listStyle]="{'max-height': '220px'}" />
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { ListboxModule } from 'primeng/listbox';
-
-interface City {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'listbox-reactive-forms-demo',
-    templateUrl: './listbox-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, ListboxModule]
-})
-export class ListboxReactiveFormsDemo implements OnInit {
-    cities!: City[];
-
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-
-        this.formGroup = new FormGroup({
-            selectedCity: new FormControl<City | null>(null)
-        });
-    } 
-}`
-    };
-}
diff --git a/src/app/showcase/doc/listbox/styledoc.ts b/src/app/showcase/doc/listbox/styledoc.ts
deleted file mode 100644
index 3b566cd..0000000
--- a/src/app/showcase/doc/listbox/styledoc.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-listbox</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-listbox-list</td>
-                        <td>List container.</td>
-                    </tr>
-                    <tr>
-                        <td>p-listbox-item</td>
-                        <td>An item in the list.</td>
-                    </tr>
-                    <tr>
-                        <td>p-listbox-header</td>
-                        <td>Header element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-listbox-filter-container</td>
-                        <td>Container of filter input in header.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/listbox/templatedoc.ts b/src/app/showcase/doc/listbox/templatedoc.ts
deleted file mode 100644
index 67f7309..0000000
--- a/src/app/showcase/doc/listbox/templatedoc.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface Country {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Custom content for an option is displayed with the <i>pTemplate</i> property that takes an option as a parameter.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-listbox [options]="countries" [(ngModel)]="selectedCountry" optionLabel="name" [listStyle]="{ 'max-height': '250px' }" [style]="{ width: '15rem' }" [listStyle]="{ 'max-height': '220px' }">
-                <ng-template let-country pTemplate="item">
-                    <div class="flex items-center gap-2">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" style="width: 18px" />
-                        <div>{{ country.name }}</div>
-                    </div>
-                </ng-template>
-            </p-listbox>
-        </div>
-        <app-code [code]="code" selector="listbox-template-demo"></app-code>
-    `
-})
-export class TemplateDoc implements OnInit {
-    countries!: Country[];
-
-    selectedCountry!: Country;
-
-    ngOnInit() {
-        this.countries = [
-            { name: 'Australia', code: 'AU' },
-            { name: 'Brazil', code: 'BR' },
-            { name: 'China', code: 'CN' },
-            { name: 'Egypt', code: 'EG' },
-            { name: 'France', code: 'FR' },
-            { name: 'Germany', code: 'DE' },
-            { name: 'India', code: 'IN' },
-            { name: 'Japan', code: 'JP' },
-            { name: 'Spain', code: 'ES' },
-            { name: 'United States', code: 'US' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-listbox 
-    [options]="countries" 
-    [(ngModel)]="selectedCountry" 
-    optionLabel="name" 
-    [listStyle]="{ 'max-height': '250px' }" 
-    [style]="{ width: '15rem' }" 
-    [listStyle]="{'max-height': '220px'}">
-        <ng-template let-country pTemplate="item">
-            <div class="flex items-center gap-2">
-                <img 
-                    src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" 
-                    [class]="'flag flag-' + country.code.toLowerCase()" 
-                    style="width: 18px" />
-                <div>{{ country.name }}</div>
-            </div>
-        </ng-template>
-</p-listbox>`,
-
-        html: `<div class="card flex justify-center">
-    <p-listbox 
-        [options]="countries" 
-        [(ngModel)]="selectedCountry" 
-        optionLabel="name" 
-        [listStyle]="{ 'max-height': '250px' }"
-        [style]="{ width: '15rem' }" 
-        [listStyle]="{'max-height': '220px'}">
-            <ng-template let-country pTemplate="item">
-                <div class="flex items-center gap-2">
-                    <img 
-                        src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                        [class]="'flag flag-' + country.code.toLowerCase()" 
-                        style="width: 18px" />
-                    <div>{{ country.name }}</div>
-                </div>
-            </ng-template>
-    </p-listbox>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ListboxModule } from 'primeng/listbox';
-
-interface Country {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'listbox-template-demo',
-    templateUrl: './listbox-template-demo.html',
-    standalone: true,
-    imports: [FormsModule, ListboxModule]
-})
-export class ListboxTemplateDemo implements OnInit {
-    countries!: Country[];
-
-    selectedCountry!: Country;
-
-    ngOnInit() {
-        this.countries = [
-            { name: 'Australia', code: 'AU' },
-            { name: 'Brazil', code: 'BR' },
-            { name: 'China', code: 'CN' },
-            { name: 'Egypt', code: 'EG' },
-            { name: 'France', code: 'FR' },
-            { name: 'Germany', code: 'DE' },
-            { name: 'India', code: 'IN' },
-            { name: 'Japan', code: 'JP' },
-            { name: 'Spain', code: 'ES' },
-            { name: 'United States', code: 'US' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/listbox/virtualscrolldoc.ts b/src/app/showcase/doc/listbox/virtualscrolldoc.ts
deleted file mode 100644
index d4002c0..0000000
--- a/src/app/showcase/doc/listbox/virtualscrolldoc.ts
+++ /dev/null
@@ -1,110 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'virtual-scroll-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                VirtualScrolling is an efficient way of rendering the options by displaying a small subset of data in the viewport at any time. When dealing with huge number of options, it is suggested to enable VirtualScrolling to avoid performance
-                issues. Usage is simple as setting <i>virtualScroll</i> property to true and defining <i>virtualScrollItemSize</i> to specify the height of an item.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-listbox
-                [options]="items"
-                [(ngModel)]="selectedItems"
-                [selectAll]="selectAll"
-                optionLabel="label"
-                [style]="{ width: '15rem' }"
-                [virtualScroll]="true"
-                [virtualScrollItemSize]="38"
-                [multiple]="true"
-                [metaKeySelection]="false"
-                (onSelectAllChange)="onSelectAllChange($event)"
-                (onChange)="onChange($event)"
-                scrollHeight="250px"
-            />
-        </div>
-        <app-code [code]="code" selector="listbox-virtual-scroll-demo"></app-code>
-    `
-})
-export class VirtualScrollDoc {
-    items = Array.from({ length: 100000 }, (_, i) => ({ label: `Item #${i}`, value: i }));
-
-    selectedItems!: any[];
-
-    selectAll: boolean = false;
-
-    onSelectAllChange(event) {
-        this.selectedItems = event.checked ? [...this.items] : [];
-        this.selectAll = event.checked;
-    }
-
-    onChange(event) {
-        const { value } = event;
-        if (value) this.selectAll = value.length === this.items.length;
-    }
-
-    code: Code = {
-        basic: `<p-listbox
-    [options]="items"
-    [(ngModel)]="selectedItems"
-    [selectAll]="selectAll"
-    optionLabel="label"
-    [style]="{ width: '15rem' }"
-    [virtualScroll]="true"
-    [virtualScrollItemSize]="38"
-    [multiple]="true"
-    [metaKeySelection]="false"
-    (onSelectAllChange)="onSelectAllChange($event)"
-    (onChange)="onChange($event)"
-    scrollHeight="250px" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-listbox
-        [options]="items"
-        [(ngModel)]="selectedItems"
-        [selectAll]="selectAll"
-        optionLabel="label"
-        [style]="{ width: '15rem' }"
-        [virtualScroll]="true"
-        [virtualScrollItemSize]="38"
-        [multiple]="true"
-        [metaKeySelection]="false"
-        (onSelectAllChange)="onSelectAllChange($event)"
-        (onChange)="onChange($event)"
-        scrollHeight="250px" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ListboxModule } from 'primeng/listbox';
-
-@Component({
-    selector: 'listbox-virtual-scroll-demo',
-    templateUrl: './listbox-virtual-scroll-demo.html',
-    standalone: true,
-    imports: [FormsModule, ListboxModule]
-})
-export class ListboxVirtualScrollDemo {
-    items = Array.from({ length: 100000 }, (_, i) => ({ label: \`Item #\${i}\`, value: i }))
-
-    selectedItems!: any[];
-
-    selectAll = false;
-
-    onSelectAllChange(event) {
-        this.selectedItems = event.checked ? [...this.items] : [];
-        this.selectAll = event.checked;
-        event.updateModel(this.selectedItems, event.originalEvent)
-    }
-
-    onChange(event) {
-        const { originalEvent, value } = event
-        if(value) this.selectAll = value.length === this.items.length;
-    }
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/megamenu/accessibilitydoc.ts b/src/app/showcase/doc/megamenu/accessibilitydoc.ts
deleted file mode 100644
index 867b03d..0000000
--- a/src/app/showcase/doc/megamenu/accessibilitydoc.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                MegaMenu component uses the <i>menubar</i> role along with <i>aria-orientation</i> and the value to describe the component can either be provided with <i>aria-labelledby</i> or <i>aria-label</i> props. Each list item has a
-                <i>presentation</i> role whereas anchor elements have a <i>menuitem</i> role with <i>aria-label</i> referring to the label of the item and <i>aria-disabled</i> defined if the item is disabled. A submenu within a MegaMenu uses the
-                <i>menu</i> role with an <i>aria-labelledby</i> defined as the id of the submenu root menuitem label. In addition, root menuitems that open a submenu have <i>aria-haspopup</i>, <i>aria-expanded</i> and <i>aria-controls</i> to define
-                the relation between the item and the submenu.
-            </p>
-            <h3>Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Add focus to the first item if focus moves in to the menu. If the focus is already within the menu, focus moves to the next focusable item in the page tab sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>shift</i> + <i>tab</i></td>
-                            <td>Add focus to the last item if focus moves in to the menu. If the focus is already within the menu, focus moves to the previous focusable item in the page tab sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>If menuitem has a submenu, toggles the visibility of the submenu otherwise activates the menuitem and closes all open overlays.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>If menuitem has a submenu, toggles the visibility of the submenu otherwise activates the menuitem and closes all open overlays.</td>
-                        </tr>
-                        <tr>
-                            <td><i>escape</i></td>
-                            <td>If focus is inside a popup submenu, closes the submenu and moves focus to the root item of the closed submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>down arrow</i></td>
-                            <td>If focus is on a root element, open a submenu and moves focus to the first element in the submenu otherwise moves focus to the next menuitem within the submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>up arrow</i></td>
-                            <td>If focus is on a root element, opens a submenu and moves focus to the last element in the submenu otherwise moves focus to the previous menuitem within the submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>right arrow</i></td>
-                            <td>If focus is on a root element, moves focus to the next menuitem. If the focus in inside a submenu, moves focus to the first menuitem of the next menu group.</td>
-                        </tr>
-                        <tr>
-                            <td><i>left arrow</i></td>
-                            <td>If focus is on a root element, moves focus to the previous menuitem. If the focus in inside a submenu, moves focus to the first menuitem of the previous menu group.</td>
-                        </tr>
-                        <tr>
-                            <td><i>home</i></td>
-                            <td>Moves focus to the first menuitem within the submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>end</i></td>
-                            <td>Moves focus to the last menuitem within the submenu.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/megamenu/basicdoc.ts b/src/app/showcase/doc/megamenu/basicdoc.ts
deleted file mode 100644
index 74aa80d..0000000
--- a/src/app/showcase/doc/megamenu/basicdoc.ts
+++ /dev/null
@@ -1,239 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MegaMenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>MegaMenu requires a collection of menuitems as its <i>model</i>.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-megaMenu [model]="items" />
-        </div>
-        <app-code [code]="code" selector="mega-menu-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    items: MegaMenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Furniture',
-                icon: 'pi pi-box',
-                items: [
-                    [
-                        {
-                            label: 'Living Room',
-                            items: [{ label: 'Accessories' }, { label: 'Armchair' }, { label: 'Coffee Table' }, { label: 'Couch' }, { label: 'TV Stand' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Kitchen',
-                            items: [{ label: 'Bar stool' }, { label: 'Chair' }, { label: 'Table' }]
-                        },
-                        {
-                            label: 'Bathroom',
-                            items: [{ label: 'Accessories' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Bedroom',
-                            items: [{ label: 'Bed' }, { label: 'Chaise lounge' }, { label: 'Cupboard' }, { label: 'Dresser' }, { label: 'Wardrobe' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Office',
-                            items: [{ label: 'Bookcase' }, { label: 'Cabinet' }, { label: 'Chair' }, { label: 'Desk' }, { label: 'Executive Chair' }]
-                        }
-                    ]
-                ]
-            },
-            {
-                label: 'Electronics',
-                icon: 'pi pi-mobile',
-                items: [
-                    [
-                        {
-                            label: 'Computer',
-                            items: [{ label: 'Monitor' }, { label: 'Mouse' }, { label: 'Notebook' }, { label: 'Keyboard' }, { label: 'Printer' }, { label: 'Storage' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Home Theather',
-                            items: [{ label: 'Projector' }, { label: 'Speakers' }, { label: 'TVs' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Gaming',
-                            items: [{ label: 'Accessories' }, { label: 'Console' }, { label: 'PC' }, { label: 'Video Games' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Appliances',
-                            items: [{ label: 'Coffee Machine' }, { label: 'Fridge' }, { label: 'Oven' }, { label: 'Vaccum Cleaner' }, { label: 'Washing Machine' }]
-                        }
-                    ]
-                ]
-            },
-            {
-                label: 'Sports',
-                icon: 'pi pi-clock',
-                items: [
-                    [
-                        {
-                            label: 'Football',
-                            items: [{ label: 'Kits' }, { label: 'Shoes' }, { label: 'Shorts' }, { label: 'Training' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Running',
-                            items: [{ label: 'Accessories' }, { label: 'Shoes' }, { label: 'T-Shirts' }, { label: 'Shorts' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Swimming',
-                            items: [{ label: 'Kickboard' }, { label: 'Nose Clip' }, { label: 'Swimsuits' }, { label: 'Paddles' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Tennis',
-                            items: [{ label: 'Balls' }, { label: 'Rackets' }, { label: 'Shoes' }, { label: 'Training' }]
-                        }
-                    ]
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-megaMenu [model]="items" />`,
-
-        html: `<div class="card">
-    <p-megaMenu [model]="items" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MegaMenuItem } from 'primeng/api';
-import { MegaMenuModule } from 'primeng/megamenu';
-
-@Component({
-    selector: 'mega-menu-basic-demo',
-    templateUrl: './mega-menu-basic-demo.html',
-    standalone: true,
-    imports: [MegaMenuModule]
-})
-export class MegaMenuBasicDemo implements OnInit {
-    items: MegaMenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Furniture',
-                icon: 'pi pi-box',
-                items: [
-                    [
-                        {
-                            label: 'Living Room',
-                            items: [{ label: 'Accessories' }, { label: 'Armchair' }, { label: 'Coffee Table' }, { label: 'Couch' }, { label: 'TV Stand' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Kitchen',
-                            items: [{ label: 'Bar stool' }, { label: 'Chair' }, { label: 'Table' }]
-                        },
-                        {
-                            label: 'Bathroom',
-                            items: [{ label: 'Accessories' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Bedroom',
-                            items: [{ label: 'Bed' }, { label: 'Chaise lounge' }, { label: 'Cupboard' }, { label: 'Dresser' }, { label: 'Wardrobe' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Office',
-                            items: [{ label: 'Bookcase' }, { label: 'Cabinet' }, { label: 'Chair' }, { label: 'Desk' }, { label: 'Executive Chair' }]
-                        }
-                    ]
-                ]
-            },
-            {
-                label: 'Electronics',
-                icon: 'pi pi-mobile',
-                items: [
-                    [
-                        {
-                            label: 'Computer',
-                            items: [{ label: 'Monitor' }, { label: 'Mouse' }, { label: 'Notebook' }, { label: 'Keyboard' }, { label: 'Printer' }, { label: 'Storage' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Home Theather',
-                            items: [{ label: 'Projector' }, { label: 'Speakers' }, { label: 'TVs' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Gaming',
-                            items: [{ label: 'Accessories' }, { label: 'Console' }, { label: 'PC' }, { label: 'Video Games' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Appliances',
-                            items: [{ label: 'Coffee Machine' }, { label: 'Fridge' }, { label: 'Oven' }, { label: 'Vaccum Cleaner' }, { label: 'Washing Machine' }]
-                        }
-                    ]
-                ]
-            },
-            {
-                label: 'Sports',
-                icon: 'pi pi-clock',
-                items: [
-                    [
-                        {
-                            label: 'Football',
-                            items: [{ label: 'Kits' }, { label: 'Shoes' }, { label: 'Shorts' }, { label: 'Training' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Running',
-                            items: [{ label: 'Accessories' }, { label: 'Shoes' }, { label: 'T-Shirts' }, { label: 'Shorts' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Swimming',
-                            items: [{ label: 'Kickboard' }, { label: 'Nose Clip' }, { label: 'Swimsuits' }, { label: 'Paddles' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Tennis',
-                            items: [{ label: 'Balls' }, { label: 'Rackets' }, { label: 'Shoes' }, { label: 'Training' }]
-                        }
-                    ]
-                ]
-            }
-        ]
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/megamenu/commanddoc.ts b/src/app/showcase/doc/megamenu/commanddoc.ts
deleted file mode 100644
index 9c6fd48..0000000
--- a/src/app/showcase/doc/megamenu/commanddoc.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'command-doc',
-    template: `
-        <app-docsectiontext>
-            <p>The <i>command</i> property of a menuitem defines the callback to run when an item is activated by click or a key event.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true" [hideStackBlitz]="true"></app-code>
-    `
-})
-export class CommandDoc {
-    code: Code = {
-        basic: `{
-    label: 'Log out',
-    icon: 'pi pi-signout',
-    command: () => {
-        // Callback to run
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/megamenu/importdoc.ts b/src/app/showcase/doc/megamenu/importdoc.ts
deleted file mode 100644
index 63c9a35..0000000
--- a/src/app/showcase/doc/megamenu/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { MegaMenuModule } from 'primeng/megamenu';`
-    };
-}
diff --git a/src/app/showcase/doc/megamenu/megamenudoc.module.ts b/src/app/showcase/doc/megamenu/megamenudoc.module.ts
deleted file mode 100644
index e29ae98..0000000
--- a/src/app/showcase/doc/megamenu/megamenudoc.module.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ImportDoc } from './importdoc';
-import { BasicDoc } from './basicdoc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-import { VerticalDoc } from './verticaldoc';
-import { MegaMenuModule } from 'primeng/megamenu';
-import { InputTextModule } from 'primeng/inputtext';
-import { ButtonModule } from 'primeng/button';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { AvatarModule } from 'primeng/avatar';
-import { CommandDoc } from './commanddoc';
-import { RouterDoc } from './routerdoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, RouterModule, MegaMenuModule, InputTextModule, ButtonModule, AppDocModule, AvatarModule],
-    declarations: [BasicDoc, ImportDoc, StyleDoc, TemplateDoc, VerticalDoc, CommandDoc, RouterDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class MegaMenuDocModule {}
diff --git a/src/app/showcase/doc/megamenu/routerdoc.ts b/src/app/showcase/doc/megamenu/routerdoc.ts
deleted file mode 100644
index 19a47c2..0000000
--- a/src/app/showcase/doc/megamenu/routerdoc.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MegaMenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'router-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Items with navigation are defined with templating to be able to use a routerLink directive, an external link or programmatic navigation.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true" [hideStackBlitz]="true"></app-code>
-    `
-})
-export class RouterDoc {
-    code: Code = {
-        basic: `<p-megaMenu [model]="items">
-    <ng-template pTemplate="item" let-item>
-        <ng-container *ngIf="item.route; else elseBlock">
-            <a [routerLink]="item.route" class="p-menuitem-link">
-                <span [class]="item.icon"></span>
-                <span class="ml-2">{{ item.label }}</span>
-            </a>
-        </ng-container>
-        <ng-template #elseBlock>
-            <a [href]="item.url" class="p-menuitem-link">
-                <span [class]="item.icon"></span>
-                <span class="ml-2">{{ item.label }}</span>
-            </a>
-        </ng-template>
-    </ng-template>
-</p-megaMenu>`
-    };
-}
diff --git a/src/app/showcase/doc/megamenu/styledoc.ts b/src/app/showcase/doc/megamenu/styledoc.ts
deleted file mode 100644
index d1ec69a..0000000
--- a/src/app/showcase/doc/megamenu/styledoc.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-megamenu</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menu-list</td>
-                        <td>List element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem</td>
-                        <td>Menuitem element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem-text</td>
-                        <td>Label of a menuitem.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem-icon</td>
-                        <td>Icon of a menuitem.</td>
-                    </tr>
-                    <tr>
-                        <td>p-submenu-icon</td>
-                        <td>Arrow icon of a submenu.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/megamenu/templatedoc.ts b/src/app/showcase/doc/megamenu/templatedoc.ts
deleted file mode 100644
index 4df74e9..0000000
--- a/src/app/showcase/doc/megamenu/templatedoc.ts
+++ /dev/null
@@ -1,312 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MegaMenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Custom content can be placed between p-megaMenu tags. Megamenu should be <i>horizontal</i> for custom content.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-megaMenu [model]="items" [style]="{ 'border-radius': '3rem', display: 'flex' }" styleClass="p-3 surface-0">
-                <ng-template pTemplate="start">
-                    <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg" class="!h-2">
-                        <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-                        <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                            <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-                        </mask>
-                        <g mask="url(#mask0_1_36)">
-                            <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-                        </g>
-                        <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-                        <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-                        <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                            fill="var(--primary-color-text)"
-                        />
-                        <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                        <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                        <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                            fill="var(--primary-color-text)"
-                        />
-                        <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-                        <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-                        <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-                        <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-                    </svg>
-                </ng-template>
-                <ng-template pTemplate="item" let-item>
-                    <a *ngIf="item.root" pRipple class="flex items-center cursor-pointer px-3 py-2 overflow-hidden relative font-semibold text-lg uppercase" style="border-radius: 2rem">
-                        <i [ngClass]="item.icon"></i>
-                        <span class="ml-2">{{ item.label }}</span>
-                    </a>
-                    <a *ngIf="!item.root && !item.image" class="flex items-center p-3 cursor-pointer mb-2 gap-2">
-                        <span class="inline-flex items-center justify-center border-circle bg-primary !w-3 !h-3">
-                            <i [ngClass]="item.icon + ' text-lg'"></i>
-                        </span>
-                        <span class="inline-flex flex-col gap-1">
-                            <span class="font-medium text-lg text-900">{{ item.label }}</span>
-                            <span class="white-space-nowrap">{{ item.subtext }}</span>
-                        </span>
-                    </a>
-                    <div *ngIf="item.image" class="flex flex-col items-start gap-3">
-                        <img [src]="item.image" alt="megamenu-demo" class="w-full" />
-                        <span>{{ item.subtext }}</span>
-                        <p-button [label]="item.label" [outlined]="true"></p-button>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="end">
-                    <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" shape="circle" />
-                </ng-template>
-            </p-megaMenu>
-        </div>
-        <app-code [code]="code" selector="mega-menu-template-demo"></app-code>
-    `
-})
-export class TemplateDoc implements OnInit {
-    items: MegaMenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Company',
-                root: true,
-                items: [
-                    [
-                        {
-                            items: [
-                                { label: 'Features', icon: 'pi pi-list', subtext: 'Subtext of item' },
-                                { label: 'Customers', icon: 'pi pi-users', subtext: 'Subtext of item' },
-                                { label: 'Case Studies', icon: 'pi pi-file', subtext: 'Subtext of item' }
-                            ]
-                        }
-                    ],
-                    [
-                        {
-                            items: [
-                                { label: 'Solutions', icon: 'pi pi-shield', subtext: 'Subtext of item' },
-                                { label: 'Faq', icon: 'pi pi-question', subtext: 'Subtext of item' },
-                                { label: 'Library', icon: 'pi pi-search', subtext: 'Subtext of item' }
-                            ]
-                        }
-                    ],
-                    [
-                        {
-                            items: [
-                                { label: 'Community', icon: 'pi pi-comments', subtext: 'Subtext of item' },
-                                { label: 'Rewards', icon: 'pi pi-star', subtext: 'Subtext of item' },
-                                { label: 'Investors', icon: 'pi pi-globe', subtext: 'Subtext of item' }
-                            ]
-                        }
-                    ],
-                    [
-                        {
-                            items: [{ image: 'https://primefaces.org/cdn/primeng/images/uikit/uikit-system.png', label: 'GET STARTED', subtext: 'Build spectacular apps in no time.' }]
-                        }
-                    ]
-                ]
-            },
-            {
-                label: 'Resources',
-                root: true
-            },
-            {
-                label: 'Contact',
-                root: true
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-megaMenu [model]="items" [style]="{ 'border-radius': '3rem', display: 'flex' }" styleClass="p-3 surface-0">
-    <ng-template pTemplate="start">
-        <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg" class="!h-2">
-            <path d="..." fill="var(--primary-color)" />
-            <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                <path d="..." fill="var(--primary-color-text)" />
-            </mask>
-            <g mask="url(#mask0_1_36)">
-                <path fill-rule="evenodd" clip-rule="evenodd" d="..." fill="var(--primary-color)" />
-            </g>
-            <path d="..." fill="var(--primary-color-text)" />
-            <path d="..." fill="var(--primary-color-text)" />
-            <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="..."
-                fill="var(--primary-color-text)"
-            />
-            <path d="..." fill="var(--primary-color-text)" />
-            <path d="..." fill="var(--primary-color-text)" />
-            <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="..."
-                fill="var(--primary-color-text)"
-            />
-            <path d="..." fill="var(--primary-color-text)" />
-            <path d="..." fill="var(--primary-color-text)" />
-            <path d="..." fill="var(--primary-color-text)" />
-            <path d="..." fill="var(--primary-color-text)" />
-        </svg>
-    </ng-template>
-    <ng-template pTemplate="item" let-item>
-        <a *ngIf="item.root" pRipple class="flex items-center cursor-pointer px-3 py-2 overflow-hidden relative font-semibold text-lg uppercase" style="border-radius: 2rem">
-            <i [ngClass]="item.icon"></i>
-            <span class="ml-2">{{ item.label }}</span>
-        </a>
-        <a *ngIf="!item.root && !item.image" class="flex items-center p-3 cursor-pointer mb-2 gap-2">
-            <span class="inline-flex items-center justify-center border-circle bg-primary !w-3 !h-3">
-                <i [ngClass]="item.icon + ' text-lg'"></i>
-            </span>
-            <span class="inline-flex flex-col gap-1">
-                <span class="font-medium text-lg text-900">{{ item.label }}</span>
-                <span class="white-space-nowrap">{{ item.subtext }}</span>
-            </span>
-        </a>
-        <div *ngIf="item.image" class="flex flex-col items-start gap-3">
-            <img [src]="item.image" alt="megamenu-demo" class="w-full" />
-            <span>{{ item.subtext }}</span>
-            <p-button [label]="item.label" [outlined]="true"></p-button>
-        </div>
-    </ng-template>
-    <ng-template pTemplate="end">
-        <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" shape="circle" />
-    </ng-template>
-</p-megaMenu>`,
-
-        html: `<div class="card">
-    <p-megaMenu [model]="items" [style]="{ 'border-radius': '3rem', display: 'flex' }" styleClass="p-3 surface-0">
-        <ng-template pTemplate="start">
-            <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg" class="!h-2">
-                <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-                <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                    <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-                </mask>
-                <g mask="url(#mask0_1_36)">
-                    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-                </g>
-                <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-                <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                    fill="var(--primary-color-text)"
-                />
-                <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                    fill="var(--primary-color-text)"
-                />
-                <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-                <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-                <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-                <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-            </svg>
-        </ng-template>
-        <ng-template pTemplate="item" let-item>
-            <a *ngIf="item.root" pRipple class="flex items-center cursor-pointer px-3 py-2 overflow-hidden relative font-semibold text-lg uppercase" style="border-radius: 2rem">
-                <i [ngClass]="item.icon"></i>
-                <span class="ml-2">{{ item.label }}</span>
-            </a>
-            <a *ngIf="!item.root && !item.image" class="flex items-center p-3 cursor-pointer mb-2 gap-2">
-                <span class="inline-flex items-center justify-center border-circle bg-primary !w-3 !h-3">
-                    <i [ngClass]="item.icon + ' text-lg'"></i>
-                </span>
-                <span class="inline-flex flex-col gap-1">
-                    <span class="font-medium text-lg text-900">{{ item.label }}</span>
-                    <span class="white-space-nowrap">{{ item.subtext }}</span>
-                </span>
-            </a>
-            <div *ngIf="item.image" class="flex flex-col items-start gap-3">
-                <img [src]="item.image" alt="megamenu-demo" class="w-full" />
-                <span>{{ item.subtext }}</span>
-                <p-button [label]="item.label" [outlined]="true"></p-button>
-            </div>
-        </ng-template>
-        <ng-template pTemplate="end">
-            <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" shape="circle" />
-        </ng-template>
-    </p-megaMenu>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MegaMenuItem } from 'primeng/api';
-import { MegaMenuModule } from 'primeng/megamenu';
-import { ButtonModule } from 'primeng/button';
-import { CommonModule } from '@angular/common';
-import { AvatarModule } from 'primeng/avatar';
-
-
-@Component({
-    selector: 'mega-menu-template-demo',
-    templateUrl: './mega-menu-template-demo.html',
-    standalone: true,
-    imports: [MegaMenuModule, ButtonModule, CommonModule, AvatarModule]
-})
-export class MegaMenuTemplateDemo implements OnInit {
-    items: MegaMenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Company',
-                root: true,
-                items: [
-                    [
-                        {
-                            items: [
-                                { label: 'Features', icon: 'pi pi-list', subtext: 'Subtext of item' },
-                                { label: 'Customers', icon: 'pi pi-users', subtext: 'Subtext of item' },
-                                { label: 'Case Studies', icon: 'pi pi-file', subtext: 'Subtext of item' }
-                            ]
-                        }
-                    ],
-                    [
-                        {
-                            items: [
-                                { label: 'Solutions', icon: 'pi pi-shield', subtext: 'Subtext of item' },
-                                { label: 'Faq', icon: 'pi pi-question', subtext: 'Subtext of item' },
-                                { label: 'Library', icon: 'pi pi-search', subtext: 'Subtext of item' }
-                            ]
-                        }
-                    ],
-                    [
-                        {
-                            items: [
-                                { label: 'Community', icon: 'pi pi-comments', subtext: 'Subtext of item' },
-                                { label: 'Rewards', icon: 'pi pi-star', subtext: 'Subtext of item' },
-                                { label: 'Investors', icon: 'pi pi-globe', subtext: 'Subtext of item' }
-                            ]
-                        }
-                    ],
-                    [
-                        {
-                            items: [{ image: 'https://primefaces.org/cdn/primeng/images/uikit/uikit-system.png', label: 'GET STARTED', subtext: 'Build spectacular apps in no time.' }]
-                        }
-                    ]
-                ]
-            },
-            {
-                label: 'Resources',
-                root: true
-            },
-            {
-                label: 'Contact',
-                root: true
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/megamenu/verticaldoc.ts b/src/app/showcase/doc/megamenu/verticaldoc.ts
deleted file mode 100644
index da0f917..0000000
--- a/src/app/showcase/doc/megamenu/verticaldoc.ts
+++ /dev/null
@@ -1,239 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MegaMenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'vertical-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Layout of the MegaMenu is changed with the <i>orientation</i> property that accepts <i>horizontal</i> and <i>vertical</i> as options.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-megaMenu [model]="items" orientation="vertical" />
-        </div>
-        <app-code [code]="code" selector="mega-menu-vertical-demo"></app-code>
-    `
-})
-export class VerticalDoc implements OnInit {
-    items: MegaMenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Furniture',
-                icon: 'pi pi-box',
-                items: [
-                    [
-                        {
-                            label: 'Living Room',
-                            items: [{ label: 'Accessories' }, { label: 'Armchair' }, { label: 'Coffee Table' }, { label: 'Couch' }, { label: 'TV Stand' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Kitchen',
-                            items: [{ label: 'Bar stool' }, { label: 'Chair' }, { label: 'Table' }]
-                        },
-                        {
-                            label: 'Bathroom',
-                            items: [{ label: 'Accessories' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Bedroom',
-                            items: [{ label: 'Bed' }, { label: 'Chaise lounge' }, { label: 'Cupboard' }, { label: 'Dresser' }, { label: 'Wardrobe' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Office',
-                            items: [{ label: 'Bookcase' }, { label: 'Cabinet' }, { label: 'Chair' }, { label: 'Desk' }, { label: 'Executive Chair' }]
-                        }
-                    ]
-                ]
-            },
-            {
-                label: 'Electronics',
-                icon: 'pi pi-mobile',
-                items: [
-                    [
-                        {
-                            label: 'Computer',
-                            items: [{ label: 'Monitor' }, { label: 'Mouse' }, { label: 'Notebook' }, { label: 'Keyboard' }, { label: 'Printer' }, { label: 'Storage' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Home Theather',
-                            items: [{ label: 'Projector' }, { label: 'Speakers' }, { label: 'TVs' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Gaming',
-                            items: [{ label: 'Accessories' }, { label: 'Console' }, { label: 'PC' }, { label: 'Video Games' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Appliances',
-                            items: [{ label: 'Coffee Machine' }, { label: 'Fridge' }, { label: 'Oven' }, { label: 'Vaccum Cleaner' }, { label: 'Washing Machine' }]
-                        }
-                    ]
-                ]
-            },
-            {
-                label: 'Sports',
-                icon: 'pi pi-clock',
-                items: [
-                    [
-                        {
-                            label: 'Football',
-                            items: [{ label: 'Kits' }, { label: 'Shoes' }, { label: 'Shorts' }, { label: 'Training' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Running',
-                            items: [{ label: 'Accessories' }, { label: 'Shoes' }, { label: 'T-Shirts' }, { label: 'Shorts' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Swimming',
-                            items: [{ label: 'Kickboard' }, { label: 'Nose Clip' }, { label: 'Swimsuits' }, { label: 'Paddles' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Tennis',
-                            items: [{ label: 'Balls' }, { label: 'Rackets' }, { label: 'Shoes' }, { label: 'Training' }]
-                        }
-                    ]
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-megaMenu [model]="items" orientation="vertical" />`,
-
-        html: `<div class="card">
-    <p-megaMenu [model]="items" orientation="vertical" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MegaMenuItem } from 'primeng/api';
-import { MegaMenuModule } from 'primeng/megamenu';
-
-@Component({
-    selector: 'mega-menu-vertical-demo',
-    templateUrl: './mega-menu-vertical-demo.html',
-    standalone: true,
-    imports: [MegaMenuModule]
-})
-export class MegaMenuVerticalDemo implements OnInit {
-    items: MegaMenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Furniture',
-                icon: 'pi pi-box',
-                items: [
-                    [
-                        {
-                            label: 'Living Room',
-                            items: [{ label: 'Accessories' }, { label: 'Armchair' }, { label: 'Coffee Table' }, { label: 'Couch' }, { label: 'TV Stand' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Kitchen',
-                            items: [{ label: 'Bar stool' }, { label: 'Chair' }, { label: 'Table' }]
-                        },
-                        {
-                            label: 'Bathroom',
-                            items: [{ label: 'Accessories' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Bedroom',
-                            items: [{ label: 'Bed' }, { label: 'Chaise lounge' }, { label: 'Cupboard' }, { label: 'Dresser' }, { label: 'Wardrobe' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Office',
-                            items: [{ label: 'Bookcase' }, { label: 'Cabinet' }, { label: 'Chair' }, { label: 'Desk' }, { label: 'Executive Chair' }]
-                        }
-                    ]
-                ]
-            },
-            {
-                label: 'Electronics',
-                icon: 'pi pi-mobile',
-                items: [
-                    [
-                        {
-                            label: 'Computer',
-                            items: [{ label: 'Monitor' }, { label: 'Mouse' }, { label: 'Notebook' }, { label: 'Keyboard' }, { label: 'Printer' }, { label: 'Storage' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Home Theather',
-                            items: [{ label: 'Projector' }, { label: 'Speakers' }, { label: 'TVs' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Gaming',
-                            items: [{ label: 'Accessories' }, { label: 'Console' }, { label: 'PC' }, { label: 'Video Games' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Appliances',
-                            items: [{ label: 'Coffee Machine' }, { label: 'Fridge' }, { label: 'Oven' }, { label: 'Vaccum Cleaner' }, { label: 'Washing Machine' }]
-                        }
-                    ]
-                ]
-            },
-            {
-                label: 'Sports',
-                icon: 'pi pi-clock',
-                items: [
-                    [
-                        {
-                            label: 'Football',
-                            items: [{ label: 'Kits' }, { label: 'Shoes' }, { label: 'Shorts' }, { label: 'Training' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Running',
-                            items: [{ label: 'Accessories' }, { label: 'Shoes' }, { label: 'T-Shirts' }, { label: 'Shorts' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Swimming',
-                            items: [{ label: 'Kickboard' }, { label: 'Nose Clip' }, { label: 'Swimsuits' }, { label: 'Paddles' }]
-                        }
-                    ],
-                    [
-                        {
-                            label: 'Tennis',
-                            items: [{ label: 'Balls' }, { label: 'Rackets' }, { label: 'Shoes' }, { label: 'Training' }]
-                        }
-                    ]
-                ]
-            }
-        ]
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/menu/accessibilitydoc.ts b/src/app/showcase/doc/menu/accessibilitydoc.ts
deleted file mode 100644
index 5bfcb42..0000000
--- a/src/app/showcase/doc/menu/accessibilitydoc.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Menu component uses the <i>menu</i> role and the value to describe the menu can either be provided with <i>aria-labelledby</i> or <i>aria-label</i> props. Each list item has a <i>presentation</i> role whereas anchor elements have a
-                <i>menuitem</i> role with <i>aria-label</i> referring to the label of the item and <i>aria-disabled</i> defined if the item is disabled. A submenu within a Menu uses the <i>group</i> role with an <i>aria-labelledby</i> defined as the
-                id of the submenu root menuitem label.
-            </p>
-            <p>In popup mode, the component implicitly manages the <i>aria-expanded</i>, <i>aria-haspopup</i> and <i>aria-controls</i> attributes of the target element to define the relation between the target and the popup.</p>
-            <h3>Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Add focus to the first item if focus moves in to the menu. If the focus is already within the menu, focus moves to the next focusable item in the page tab sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>shift</i> + <i>tab</i></td>
-                            <td>Add focus to the last item if focus moves in to the menu. If the focus is already within the menu, focus moves to the previous focusable item in the page tab sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Activates the focused menuitem. If menu is in overlay mode, popup gets closes and focus moves to target.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Activates the focused menuitem. If menu is in overlay mode, popup gets closes and focus moves to target.</td>
-                        </tr>
-                        <tr>
-                            <td><i>escape</i></td>
-                            <td>If menu is in overlay mode, popup gets closes and focus moves to target.</td>
-                        </tr>
-                        <tr>
-                            <td><i>down arrow</i></td>
-                            <td>Moves focus to the next menuitem.</td>
-                        </tr>
-                        <tr>
-                            <td><i>up arrow</i></td>
-                            <td>Moves focus to the previous menuitem.</td>
-                        </tr>
-                        <tr>
-                            <td><i>home</i></td>
-                            <td>Moves focus to the first menuitem.</td>
-                        </tr>
-                        <tr>
-                            <td><i>end</i></td>
-                            <td>Moves focus to the last menuitem.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/menu/basicdoc.ts b/src/app/showcase/doc/menu/basicdoc.ts
deleted file mode 100644
index 66ea70a..0000000
--- a/src/app/showcase/doc/menu/basicdoc.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Menu requires a collection of menuitems as its <i>model</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-menu [model]="items" />
-        </div>
-        <app-code [code]="code" selector="menu-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            { label: 'New', icon: 'pi pi-plus' },
-            { label: 'Search', icon: 'pi pi-search' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-menu [model]="items" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-menu [model]="items" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { MenuModule } from 'primeng/menu';
-
-@Component({
-    selector: 'menu-basic-demo',
-    templateUrl: './menu-basic-demo.html',
-    standalone: true,
-    imports: [MenuModule]
-})
-export class MenuBasicDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            { label: 'New', icon: 'pi pi-plus' },
-            { label: 'Search', icon: 'pi pi-search' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/menu/commanddoc.ts b/src/app/showcase/doc/menu/commanddoc.ts
deleted file mode 100644
index 7bf329b..0000000
--- a/src/app/showcase/doc/menu/commanddoc.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'command-doc',
-    template: `
-        <app-docsectiontext>
-            <p>The function to invoke when an item is clicked is defined using the <i>command</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-menu [model]="items" />
-        </div>
-        <app-code [code]="code" selector="menu-command-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class CommandDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'New',
-                icon: 'pi pi-plus',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Search',
-                icon: 'pi pi-search',
-                command: () => {
-                    this.delete();
-                }
-            }
-        ];
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'File created', life: 3000 });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'warn', summary: 'Search Completed', detail: 'No results found', life: 3000 });
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-menu [model]="items" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-toast />
-    <p-menu [model]="items" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { MenuModule } from 'primeng/menu';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'menu-command-demo',
-    templateUrl: './menu-command-demo.html',
-    standalone: true,
-    imports: [MenuModule, ToastModule],
-    providers: [MessageService]
-})
-export class MenuCommandDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'New',
-                icon: 'pi pi-plus',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Search',
-                icon: 'pi pi-search',
-                command: () => {
-                    this.delete();
-                }
-            }
-        ];
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'File created', life: 3000 });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'warn', summary: 'Search Completed', detail: 'No results found', life: 3000 });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/menu/groupdoc.ts b/src/app/showcase/doc/menu/groupdoc.ts
deleted file mode 100644
index 5dce3f6..0000000
--- a/src/app/showcase/doc/menu/groupdoc.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'menu-group-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Menu supports one level of nesting by defining children with <i>items</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-menu [model]="items" />
-        </div>
-        <app-code [code]="code" selector="menu-group-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class GroupDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Documents',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-plus'
-                    },
-                    {
-                        label: 'Search',
-                        icon: 'pi pi-search'
-                    }
-                ]
-            },
-            {
-                label: 'Profile',
-                items: [
-                    {
-                        label: 'Settings',
-                        icon: 'pi pi-cog'
-                    },
-                    {
-                        label: 'Logout',
-                        icon: 'pi pi-sign-out'
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-menu [model]="items" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-menu [model]="items" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { MenuModule } from 'primeng/menu';
-import { ToastModule } from 'primeng/toast';
-        
-@Component({
-    selector: 'menu-group-demo',
-    templateUrl: './menu-group-demo.html',
-    standalone: true,
-    imports: [MenuModule, ToastModule]
-})
-export class MenuGroupDemo implements OnInit {
-    items: MenuItem[] | undefined;
-    
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Documents',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-plus'
-                    },
-                    {
-                        label: 'Search',
-                        icon: 'pi pi-search'
-                    }
-                ]
-            },
-            {
-                label: 'Profile',
-                items: [
-                    {
-                        label: 'Settings',
-                        icon: 'pi pi-cog'
-                    },
-                    {
-                        label: 'Logout',
-                        icon: 'pi pi-sign-out'
-                    }
-                ]
-            }
-        ];
-    }
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/menu/importdoc.ts b/src/app/showcase/doc/menu/importdoc.ts
deleted file mode 100644
index 7404241..0000000
--- a/src/app/showcase/doc/menu/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { MenuModule } from 'primeng/menu';`
-    };
-}
diff --git a/src/app/showcase/doc/menu/menudoc.module.ts b/src/app/showcase/doc/menu/menudoc.module.ts
deleted file mode 100644
index a8854d4..0000000
--- a/src/app/showcase/doc/menu/menudoc.module.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AvatarModule } from 'primeng/avatar';
-import { BadgeModule } from 'primeng/badge';
-import { ButtonModule } from 'primeng/button';
-import { MenuModule } from 'primeng/menu';
-import { ToastModule } from 'primeng/toast';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { CommandDoc } from './commanddoc';
-import { TemplateDoc } from './templatedoc';
-import { GroupDoc } from './groupdoc';
-import { ImportDoc } from './importdoc';
-import { RouterDoc } from './routerdoc';
-import { PopupDoc } from './popupdoc';
-import { StyleDoc } from './styledoc';
-import { RippleModule } from 'primeng/ripple';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, RouterModule, MenuModule, ToastModule, ButtonModule, RippleModule, AvatarModule, AppDocModule, BadgeModule],
-    declarations: [BasicDoc, CommandDoc, TemplateDoc, GroupDoc, ImportDoc, RouterDoc, PopupDoc, StyleDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class MenuDocModule {}
diff --git a/src/app/showcase/doc/menu/popupdoc.ts b/src/app/showcase/doc/menu/popupdoc.ts
deleted file mode 100644
index 9ccea60..0000000
--- a/src/app/showcase/doc/menu/popupdoc.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'popup-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Popup mode is enabled by setting <i>popup</i> property to <i>true</i> and calling <i>toggle</i> method with an event of the target.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-menu #menu [model]="items" [popup]="true" />
-            <p-button (onClick)="menu.toggle($event)" icon="pi pi-ellipsis-v" />
-        </div>
-        <app-code [code]="code" selector="menu-popup-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class PopupDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Options',
-                items: [
-                    {
-                        label: 'Refresh',
-                        icon: 'pi pi-refresh'
-                    },
-                    {
-                        label: 'Export',
-                        icon: 'pi pi-upload'
-                    }
-                ]
-            }
-        ];
-    }
-    code: Code = {
-        basic: `<p-toast />
-<p-menu #menu [model]="items" [popup]="true" />
-<p-button (onClick)="menu.toggle($event)" icon="pi pi-ellipsis-v"/>`,
-
-        html: `<div class="card flex justify-center">
-    <p-menu #menu [model]="items" [popup]="true" />
-    <p-button (onClick)="menu.toggle($event)" icon="pi pi-ellipsis-v"/>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { MenuModule } from 'primeng/menu';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'menu-popup-demo',
-    templateUrl: './menu-popup-demo.html',
-    standalone: true,
-    imports: [MenuModule, ButtonModule]
-})
-export class MenuPopupDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Options',
-                items: [
-                    {
-                        label: 'Refresh',
-                        icon: 'pi pi-refresh'
-                    },
-                    {
-                        label: 'Export',
-                        icon: 'pi pi-upload'
-                    }
-                ]
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/menu/routerdoc.ts b/src/app/showcase/doc/menu/routerdoc.ts
deleted file mode 100644
index 0ec6044..0000000
--- a/src/app/showcase/doc/menu/routerdoc.ts
+++ /dev/null
@@ -1,149 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-import { Router } from '@angular/router';
-
-@Component({
-    selector: 'router-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Navigation is specified using url property for external links and with <i>routerLink</i> for internal ones. If a menuitem has an active route, <i>p-menuitem-link-active</i> style class is added as an indicator. Active route link can
-                be configured with <i>routerLinkActiveOptions</i> property of MenuItem API.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-menu [model]="items">
-                <ng-template pTemplate="item" let-item>
-                    <ng-container *ngIf="item.route; else elseBlock">
-                        <a [routerLink]="item.route" class="p-menuitem-link">
-                            <span [class]="item.icon"></span>
-                            <span class="ml-2">{{ item.label }}</span>
-                        </a>
-                    </ng-container>
-                    <ng-template #elseBlock>
-                        <a [href]="item.url" class="p-menuitem-link">
-                            <span [class]="item.icon"></span>
-                            <span class="ml-2">{{ item.label }}</span>
-                        </a>
-                    </ng-template>
-                </ng-template>
-            </p-menu>
-        </div>
-        <app-code [code]="code" selector="menu-router-demo"></app-code>
-    `
-})
-export class RouterDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private router: Router) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Navigate',
-                items: [
-                    {
-                        label: 'Router Link',
-                        icon: 'pi pi-palette',
-                        route: '/guides/csslayer'
-                    },
-                    {
-                        label: 'Programmatic',
-                        icon: 'pi pi-link',
-                        command: () => {
-                            this.router.navigate(['/installation']);
-                        }
-                    },
-                    {
-                        label: 'External',
-                        icon: 'pi pi-home',
-                        url: 'https://angular.io//'
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-menu [model]="items">
-    <ng-template pTemplate="item" let-item>
-        <ng-container *ngIf="item.route; else elseBlock">
-            <a [routerLink]="item.route" class="p-menuitem-link">
-                <span [class]="item.icon"></span>
-                <span class="ml-2">{{ item.label }}</span>
-            </a>
-        </ng-container>
-        <ng-template #elseBlock>
-            <a [href]="item.url" class="p-menuitem-link">
-                <span [class]="item.icon"></span>
-                <span class="ml-2">{{ item.label }}</span>
-            </a>
-        </ng-template>
-    </ng-template>
-</p-menu>`,
-
-        html: `<div class="card flex justify-center">
-    <p-menu [model]="items">
-        <ng-template pTemplate="item" let-item>
-            <ng-container *ngIf="item.route; else elseBlock">
-                <a [routerLink]="item.route" class="p-menuitem-link">
-                    <span [class]="item.icon"></span>
-                    <span class="ml-2">{{ item.label }}</span>
-                </a>
-            </ng-container>
-            <ng-template #elseBlock>
-                <a [href]="item.url" class="p-menuitem-link">
-                    <span [class]="item.icon"></span>
-                    <span class="ml-2">{{ item.label }}</span>
-                </a>
-            </ng-template>
-        </ng-template>
-    </p-menu>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Router } from '@angular/router';
-import { MenuModule } from 'primeng/menu';
-
-@Component({
-    selector: 'menu-router-demo',
-    templateUrl: './menu-router-demo.html',
-    standalone: true,
-    imports: [MenuModule]
-})
-export class MenuRouterDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private router: Router) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Navigate',
-                items: [
-                    {
-                        label: 'Router Link',
-                        icon: 'pi pi-palette',
-                        route: '/guides/csslayer'
-                    },
-                    {
-                        label: 'Programmatic',
-                        icon: 'pi pi-link',
-                        command: () => {
-                            this.router.navigate(['/installation']);
-                        }
-                    },
-                    {
-                        label: 'External',
-                        icon: 'pi pi-home',
-                        url: 'https://angular.io//'
-                    }
-                ]
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/menu/styledoc.ts b/src/app/showcase/doc/menu/styledoc.ts
deleted file mode 100644
index f9fd45a..0000000
--- a/src/app/showcase/doc/menu/styledoc.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-menu</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menu-list</td>
-                        <td>List element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem</td>
-                        <td>Menuitem element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem-text</td>
-                        <td>Label of a menuitem.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem-icon</td>
-                        <td>Icon of a menuitem.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/menu/templatedoc.ts b/src/app/showcase/doc/menu/templatedoc.ts
deleted file mode 100644
index 8ab4097..0000000
--- a/src/app/showcase/doc/menu/templatedoc.ts
+++ /dev/null
@@ -1,308 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Menu offers item customization with the <i>item</i> template that receives the menuitem instance from the model as a parameter. The submenu header has its own <i>submenuheader</i> template, additional slots named <i>start</i> and
-                <i>end</i> are provided to embed content before or after the menu.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-menu [model]="items" styleClass="w-full md:!w-15">
-                <ng-template pTemplate="start">
-                    <span class="inline-flex items-center gap-1 px-2 py-2">
-                        <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg" class="block mx-auto">
-                            <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-                            <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                                <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-                            </mask>
-                            <g mask="url(#mask0_1_36)">
-                                <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-                            </g>
-                            <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-                            <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-                            <path
-                                fill-rule="evenodd"
-                                clip-rule="evenodd"
-                                d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                                fill="var(--primary-color-text)"
-                            />
-                            <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                            <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                            <path
-                                fill-rule="evenodd"
-                                clip-rule="evenodd"
-                                d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                                fill="var(--primary-color-text)"
-                            />
-                            <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-                            <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-                            <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-                            <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-                        </svg>
-                        <span class="font-medium text-xl font-semibold">PRIME<span class="text-primary">APP</span></span>
-                    </span>
-                </ng-template>
-                <ng-template pTemplate="submenuheader" let-item>
-                    <span class="text-primary font-bold">{{ item.label }}</span>
-                </ng-template>
-                <ng-template pTemplate="item" let-item>
-                    <a pRipple class="flex items-center p-menuitem-link">
-                        <span [class]="item.icon"></span>
-                        <span class="ml-2">{{ item.label }}</span>
-                        <p-badge *ngIf="item.badge" class="ml-auto" [value]="item.badge" />
-                        <span *ngIf="item.shortcut" class="ml-auto border-1 surface-border border-round surface-100 text-xs p-1">{{ item.shortcut }}</span>
-                    </a>
-                </ng-template>
-                <ng-template pTemplate="end">
-                    <button pRipple class="relative overflow-hidden w-full p-link flex items-center p-2 pl-3 text-color hover:surface-200 border-noround">
-                        <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" class="mr-2" shape="circle" />
-                        <span class="inline-flex flex-col">
-                            <span class="font-bold">Amy Elsner</span>
-                            <span class="text-sm">Admin</span>
-                        </span>
-                    </button>
-                </ng-template>
-            </p-menu>
-        </div>
-        <app-code [code]="code" selector="menu-template-demo"></app-code>
-    `
-})
-export class TemplateDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                separator: true
-            },
-            {
-                label: 'Documents',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-plus',
-                        shortcut: '⌘+N'
-                    },
-                    {
-                        label: 'Search',
-                        icon: 'pi pi-search',
-                        shortcut: '⌘+S'
-                    }
-                ]
-            },
-            {
-                label: 'Profile',
-                items: [
-                    {
-                        label: 'Settings',
-                        icon: 'pi pi-cog',
-                        shortcut: '⌘+O'
-                    },
-                    {
-                        label: 'Messages',
-                        icon: 'pi pi-inbox',
-                        badge: '2'
-                    },
-                    {
-                        label: 'Logout',
-                        icon: 'pi pi-sign-out',
-                        shortcut: '⌘+Q'
-                    }
-                ]
-            },
-            {
-                separator: true
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-menu [model]="items" styleClass="w-full md:!w-15">
-    <ng-template pTemplate="start">
-        <span class="inline-flex items-center gap-1 px-2 py-2">
-            <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg" class="block mx-auto">
-                <path d="..." fill="var(--primary-color)" />
-                <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                    <path d="..." fill="var(--primary-color-text)" />
-                </mask>
-                <g mask="url(#mask0_1_36)">
-                    <path fill-rule="evenodd" clip-rule="evenodd" d="..." fill="var(--primary-color)" />
-                </g>
-                <path d="..." fill="var(--primary-color-text)" />
-                <path d="..." fill="var(--primary-color-text)" />
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="..."
-                    fill="var(--primary-color-text)"
-                />
-                <path d="..." fill="var(--primary-color-text)" />
-                <path d="..." fill="var(--primary-color-text)" />
-                <path
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="..."
-                    fill="var(--primary-color-text)"
-                />
-                <path d="..." fill="var(--primary-color-text)" />
-                <path d="..." fill="var(--primary-color-text)" />
-                <path d="..." fill="var(--primary-color-text)" />
-                <path d="..." fill="var(--primary-color-text)" />
-            </svg>
-            <span class="font-medium text-xl font-semibold">
-                PRIME<span class="text-primary">APP</span>
-            </span>
-        </span>
-    </ng-template>
-    <ng-template pTemplate="submenuheader" let-item>
-        <span class="text-primary font-bold">{{ item.label }}</span>
-    </ng-template>
-    <ng-template pTemplate="item" let-item>
-        <a pRipple class="flex items-center p-menuitem-link">
-            <span [class]="item.icon"></span>
-            <span class="ml-2">{{ item.label }}</span>
-            <p-badge *ngIf="item.badge" class="ml-auto" [value]="item.badge" />
-            <span *ngIf="item.shortcut" class="ml-auto border-1 surface-border border-round surface-100 text-xs p-1">
-                {{ item.shortcut }}
-            </span>
-        </a>
-    </ng-template>
-    <ng-template pTemplate="end">
-        <button pRipple class="relative overflow-hidden w-full p-link flex items-center p-2 pl-3 text-color hover:surface-200 border-noround">
-            <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" class="mr-2" shape="circle" />
-            <span class="inline-flex flex-col">
-                <span class="font-bold">Amy Elsner</span>
-                <span class="text-sm">Admin</span>
-            </span>
-        </button>
-    </ng-template>
-</p-menu>`,
-
-        html: `<div class="card flex justify-center">
-    <p-menu [model]="items" styleClass="w-full md:!w-15">
-        <ng-template pTemplate="start">
-            <span class="inline-flex items-center gap-1 px-2 py-2">
-                <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg" class="block mx-auto">
-                    <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-                    <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                        <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-                    </mask>
-                    <g mask="url(#mask0_1_36)">
-                        <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-                    </g>
-                    <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-                    <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-                    <path
-                        fill-rule="evenodd"
-                        clip-rule="evenodd"
-                        d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                        fill="var(--primary-color-text)"
-                    />
-                    <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                    <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                    <path
-                        fill-rule="evenodd"
-                        clip-rule="evenodd"
-                        d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                        fill="var(--primary-color-text)"
-                    />
-                    <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-                    <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-                    <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-                    <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-                </svg>
-                <span class="font-medium text-xl font-semibold">PRIME<span class="text-primary">APP</span></span>
-            </span>
-        </ng-template>
-        <ng-template pTemplate="submenuheader" let-item>
-            <span class="text-primary font-bold">{{ item.label }}</span>
-        </ng-template>
-        <ng-template pTemplate="item" let-item>
-            <a pRipple class="flex items-center p-menuitem-link">
-                <span [class]="item.icon"></span>
-                <span class="ml-2">{{ item.label }}</span>
-                <p-badge *ngIf="item.badge" class="ml-auto" [value]="item.badge" />
-                <span *ngIf="item.shortcut" class="ml-auto border-1 surface-border border-round surface-100 text-xs p-1">{{ item.shortcut }}</span>
-            </a>
-        </ng-template>
-        <ng-template pTemplate="end">
-            <button pRipple class="relative overflow-hidden w-full p-link flex items-center p-2 pl-3 text-color hover:surface-200 border-noround">
-                <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" class="mr-2" shape="circle" />
-                <span class="inline-flex flex-col">
-                    <span class="font-bold">Amy Elsner</span>
-                    <span class="text-sm">Admin</span>
-                </span>
-            </button>
-        </ng-template>
-    </p-menu>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { MenuModule } from 'primeng/menu';
-import { BadgeModule } from 'primeng/badge';
-import { RippleModule } from 'primeng/ripple';
-import { AvatarModule } from 'primeng/avatar';
-
-@Component({
-    selector: 'menu-template-demo',
-    templateUrl: './menu-template-demo.html',
-    standalone: true,
-    imports: [MenuModule, BadgeModule, RippleModule, AvatarModule]
-})
-export class MenuTemplateDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                separator: true
-            },
-            {
-                label: 'Documents',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-plus',
-                        shortcut: '⌘+N'
-                    },
-                    {
-                        label: 'Search',
-                        icon: 'pi pi-search',
-                        shortcut: '⌘+S'
-                    }
-                ]
-            },
-            {
-                label: 'Profile',
-                items: [
-                    {
-                        label: 'Settings',
-                        icon: 'pi pi-cog',
-                        shortcut: '⌘+O'
-                    },
-                    {
-                        label: 'Messages',
-                        icon: 'pi pi-inbox',
-                        badge: '2'
-                    },
-                    {
-                        label: 'Logout',
-                        icon: 'pi pi-sign-out',
-                        shortcut: '⌘+Q'
-                    }
-                ]
-            },
-            {
-                separator: true
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/menubar/accessibilitydoc.ts b/src/app/showcase/doc/menubar/accessibilitydoc.ts
deleted file mode 100644
index 9f1471d..0000000
--- a/src/app/showcase/doc/menubar/accessibilitydoc.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Menubar component uses the <i>menubar</i> role and the value to describe the menu can either be provided with <i>aria-labelledby</i> or <i>aria-label</i> props. Each list item has a <i>presentation</i> role whereas anchor elements
-                have a <i>menuitem</i> role with <i>aria-label</i> referring to the label of the item and <i>aria-disabled</i> defined if the item is disabled. A submenu within a MenuBar uses the <i>menu</i> role with an
-                <i>aria-labelledby</i> defined as the id of the submenu root menuitem label. In addition, menuitems that open a submenu have <i>aria-haspopup</i>, <i>aria-expanded</i> and <i>aria-controls</i> to define the relation between the item
-                and the submenu.
-            </p>
-            <p>
-                In mobile viewports, a menu icon appears with a <i>button</i> role along with <i>aria-haspopup</i>, <i>aria-expanded</i> and <i>aria-controls</i> to manage the relation between the overlay menubar and the button. The value to describe
-                the button can be defined <i>aria-label</i> or <i>aria-labelledby</i> specified using <i>buttonProps</i>, by default <i>navigation</i> key of the <i>aria</i> property from the <a href="/configuration/#locale">locale</a> API as the
-                <i>aria-label</i>.
-            </p>
-            <h3>Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Add focus to the first item if focus moves in to the menu. If the focus is already within the menu, focus moves to the next focusable item in the page tab sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>shift</i> + <i>tab</i></td>
-                            <td>Add focus to the last item if focus moves in to the menu. If the focus is already within the menu, focus moves to the previous focusable item in the page tab sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>If menuitem has a submenu, toggles the visibility of the submenu otherwise activates the menuitem and closes all open overlays.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>If menuitem has a submenu, toggles the visibility of the submenu otherwise activates the menuitem and closes all open overlays.</td>
-                        </tr>
-                        <tr>
-                            <td><i>escape</i></td>
-                            <td>If focus is inside a popup submenu, closes the submenu and moves focus to the root item of the closed submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>down arrow</i></td>
-                            <td>If focus is on a root element, open a submenu and moves focus to the first element in the submenu otherwise moves focus to the next menuitem within the submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>up arrow</i></td>
-                            <td>If focus is on a root element, opens a submenu and moves focus to the last element in the submenu otherwise moves focus to the previous menuitem within the submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>right arrow</i></td>
-                            <td>If focus is on a root element, moves focus to the next menuitem otherwise opens a submenu if there is one available and moves focus to the first item.</td>
-                        </tr>
-                        <tr>
-                            <td><i>left arrow</i></td>
-                            <td>If focus is on a root element, moves focus to the previous menuitem otherwise closes a submenu and moves focus to the root item of the closed submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>home</i></td>
-                            <td>Moves focus to the first menuitem within the submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>end</i></td>
-                            <td>Moves focus to the last menuitem within the submenu.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/menubar/basicdoc.ts b/src/app/showcase/doc/menubar/basicdoc.ts
deleted file mode 100644
index f73c8da..0000000
--- a/src/app/showcase/doc/menubar/basicdoc.ts
+++ /dev/null
@@ -1,139 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Menubar requires nested menuitems as its model.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-menubar [model]="items" />
-        </div>
-        <app-code [code]="code" selector="menubar-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Home',
-                icon: 'pi pi-home'
-            },
-            {
-                label: 'Features',
-                icon: 'pi pi-star'
-            },
-            {
-                label: 'Projects',
-                icon: 'pi pi-search',
-                items: [
-                    {
-                        label: 'Components',
-                        icon: 'pi pi-bolt'
-                    },
-                    {
-                        label: 'Blocks',
-                        icon: 'pi pi-server'
-                    },
-                    {
-                        label: 'UI Kit',
-                        icon: 'pi pi-pencil'
-                    },
-                    {
-                        label: 'Templates',
-                        icon: 'pi pi-palette',
-                        items: [
-                            {
-                                label: 'Apollo',
-                                icon: 'pi pi-palette'
-                            },
-                            {
-                                label: 'Ultima',
-                                icon: 'pi pi-palette'
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                label: 'Contact',
-                icon: 'pi pi-envelope'
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-menubar [model]="items" />`,
-
-        html: `<div class="card">
-    <p-menubar [model]="items" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { MenubarModule } from 'primeng/menubar';
-
-@Component({
-    selector: 'menubar-basic-demo',
-    templateUrl: './menubar-basic-demo.html',
-    standalone: true,
-    imports: [MenubarModule]
-})
-export class MenubarBasicDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Home',
-                icon: 'pi pi-home'
-            },
-            {
-                label: 'Features',
-                icon: 'pi pi-star'
-            },
-            {
-                label: 'Projects',
-                icon: 'pi pi-search',
-                items: [
-                    {
-                        label: 'Components',
-                        icon: 'pi pi-bolt'
-                    },
-                    {
-                        label: 'Blocks',
-                        icon: 'pi pi-server'
-                    },
-                    {
-                        label: 'UI Kit',
-                        icon: 'pi pi-pencil'
-                    },
-                    {
-                        label: 'Templates',
-                        icon: 'pi pi-palette',
-                        items: [
-                            {
-                                label: 'Apollo',
-                                icon: 'pi pi-palette'
-                            },
-                            {
-                                label: 'Ultima',
-                                icon: 'pi pi-palette'
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                label: 'Contact',
-                icon: 'pi pi-envelope'
-            }
-        ]
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/menubar/commanddoc.ts b/src/app/showcase/doc/menubar/commanddoc.ts
deleted file mode 100644
index 5ebb64c..0000000
--- a/src/app/showcase/doc/menubar/commanddoc.ts
+++ /dev/null
@@ -1,161 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'command-doc',
-    template: `
-        <app-docsectiontext>
-            <p>The <i>command</i> property defines the callback to run when an item is activated by click or a key event.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-toast />
-            <p-menubar [model]="items" />
-        </div>
-        <app-code [code]="code" selector="menubar-command-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class CommandDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'File',
-                icon: 'pi pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-plus',
-                        command: () => {
-                            this.messageService.add({ severity: 'success', summary: 'Success', detail: 'File created', life: 3000 });
-                        }
-                    },
-                    {
-                        label: 'Print',
-                        icon: 'pi pi-print',
-                        command: () => {
-                            this.messageService.add({ severity: 'error', summary: 'Error', detail: 'No printer connected', life: 3000 });
-                        }
-                    }
-                ]
-            },
-            {
-                label: 'Search',
-                icon: 'pi pi-search',
-                command: () => {
-                    this.messageService.add({ severity: 'warn', summary: 'Search Results', detail: 'No results found', life: 3000 });
-                }
-            },
-            {
-                separator: true
-            },
-            {
-                label: 'Sync',
-                icon: 'pi pi-cloud',
-                items: [
-                    {
-                        label: 'Import',
-                        icon: 'pi pi-cloud-download',
-                        command: () => {
-                            this.messageService.add({ severity: 'info', summary: 'Downloads', detail: 'Downloaded from cloud', life: 3000 });
-                        }
-                    },
-                    {
-                        label: 'Export',
-                        icon: 'pi pi-cloud-upload',
-                        command: () => {
-                            this.messageService.add({ severity: 'info', summary: 'Shared', detail: 'Exported to cloud', life: 3000 });
-                        }
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-menubar [model]="items" />`,
-
-        html: `<div class="card">
-    <p-toast />
-    <p-menubar [model]="items" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { MenubarModule } from 'primeng/menubar';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'menubar-command-demo',
-    templateUrl: './menubar-command-demo.html',
-    standalone: true,
-    imports: [MenubarModule, ToastModule],
-    providers: [MessageService]
-})
-export class MenubarCommandDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'File',
-                icon: 'pi pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-plus',
-                        command: () => {
-                            this.messageService.add({ severity: 'success', summary: 'Success', detail: 'File created', life: 3000 });
-                        }
-                    },
-                    {
-                        label: 'Print',
-                        icon: 'pi pi-print',
-                        command: () => {
-                            this.messageService.add({ severity: 'error', summary: 'Error', detail: 'No printer connected', life: 3000 });
-                        }
-                    }
-                ]
-            },
-            {
-                label: 'Search',
-                icon: 'pi pi-search',
-                command: () => {
-                    this.messageService.add({ severity: 'warn', summary: 'Search Results', detail: 'No results found', life: 3000 });
-                }
-            },
-            {
-                separator: true
-            },
-            {
-                label: 'Sync',
-                icon: 'pi pi-cloud',
-                items: [
-                    {
-                        label: 'Import',
-                        icon: 'pi pi-cloud-download',
-                        command: () => {
-                            this.messageService.add({ severity: 'info', summary: 'Downloads', detail: 'Downloaded from cloud', life: 3000 });
-                        }
-                    },
-                    {
-                        label: 'Export',
-                        icon: 'pi pi-cloud-upload',
-                        command: () => {
-                            this.messageService.add({ severity: 'info', summary: 'Shared', detail: 'Exported to cloud', life: 3000 });
-                        }
-                    }
-                ]
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/menubar/importdoc.ts b/src/app/showcase/doc/menubar/importdoc.ts
deleted file mode 100644
index c582c4c..0000000
--- a/src/app/showcase/doc/menubar/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { MenubarModule } from 'primeng/menubar';`
-    };
-}
diff --git a/src/app/showcase/doc/menubar/menubardoc.module.ts b/src/app/showcase/doc/menubar/menubardoc.module.ts
deleted file mode 100644
index 1e6496b..0000000
--- a/src/app/showcase/doc/menubar/menubardoc.module.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { MenubarModule } from 'primeng/menubar';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { TemplateDoc } from './templatedoc';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { InputTextModule } from 'primeng/inputtext';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BadgeModule } from 'primeng/badge';
-import { RippleModule } from 'primeng/ripple';
-import { AvatarModule } from 'primeng/avatar';
-import { CommandDoc } from './commanddoc';
-import { ToastModule } from 'primeng/toast';
-import { RouterDoc } from './routerdoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, RouterModule, MenubarModule, InputTextModule, AppDocModule, BadgeModule, RippleModule, AvatarModule, ToastModule],
-    declarations: [BasicDoc, ImportDoc, StyleDoc, TemplateDoc, CommandDoc, RouterDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class MenubarDocModule {}
diff --git a/src/app/showcase/doc/menubar/routerdoc.ts b/src/app/showcase/doc/menubar/routerdoc.ts
deleted file mode 100644
index 5587f29..0000000
--- a/src/app/showcase/doc/menubar/routerdoc.ts
+++ /dev/null
@@ -1,194 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-import { Router } from '@angular/router';
-
-@Component({
-    selector: 'router-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Items with navigation are defined with templating to be able to use a routerLink directive, an external link or programmatic navigation.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-menubar [model]="items">
-                <ng-template pTemplate="item" let-item>
-                    <ng-container *ngIf="item.route; else urlRef">
-                        <a [routerLink]="item.route" class="p-menuitem-link">
-                            <span [class]="item.icon"></span>
-                            <span class="ml-2">{{ item.label }}</span>
-                        </a>
-                    </ng-container>
-                    <ng-template #urlRef>
-                        <a *ngIf="item.url; else noLink" [href]="item.url" class="p-menuitem-link">
-                            <span [class]="item.icon"></span>
-                            <span class="ml-2">{{ item.label }}</span>
-                        </a>
-                    </ng-template>
-                    <ng-template #noLink>
-                        <div class="p-menuitem-link">
-                            <span [class]="item.icon"></span>
-                            <span class="ml-2">{{ item.label }}</span>
-                            <span class="pi pi-fw pi-angle-down ml-2"></span>
-                        </div>
-                    </ng-template>
-                </ng-template>
-            </p-menubar>
-        </div>
-        <app-code [code]="code" selector="menubar-router-demo"></app-code>
-    `
-})
-export class RouterDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private router: Router) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Router',
-                icon: 'pi pi-palette',
-                items: [
-                    {
-                        label: 'Installation',
-                        route: '/installation'
-                    },
-                    {
-                        label: 'Configuration',
-                        route: '/configuration'
-                    }
-                ]
-            },
-            {
-                label: 'Programmatic',
-                icon: 'pi pi-link',
-                command: () => {
-                    this.router.navigate(['/installation']);
-                }
-            },
-            {
-                label: 'External',
-                icon: 'pi pi-home',
-                items: [
-                    {
-                        label: 'Angular',
-                        url: 'https://angular.io/'
-                    },
-                    {
-                        label: 'Vite.js',
-                        url: 'https://vitejs.dev/'
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-menubar [model]="items">
-    <ng-template pTemplate="item" let-item>
-        <ng-container *ngIf="item.route; else urlRef">
-            <a [routerLink]="item.route" class="p-menuitem-link">
-                <span [class]="item.icon"></span>
-                <span class="ml-2">{{ item.label }}</span>
-            </a>
-        </ng-container>
-        <ng-template #urlRef>
-            <a *ngIf="item.url; else noLink" [href]="item.url" class="p-menuitem-link">
-                <span [class]="item.icon"></span>
-                <span class="ml-2">{{ item.label }}</span>
-            </a>
-        </ng-template>
-        <ng-template #noLink>
-            <div class="p-menuitem-link">
-                <span [class]="item.icon"></span>
-                <span class="ml-2">{{ item.label }}</span>
-                <span class="pi pi-fw pi-angle-down ml-2"></span>
-            </div>
-        </ng-template>
-    </ng-template>
-</p-menubar>`,
-
-        html: `<div class="card">
-    <p-menubar [model]="items">
-        <ng-template pTemplate="item" let-item>
-            <ng-container *ngIf="item.route; else urlRef">
-                <a [routerLink]="item.route" class="p-menuitem-link">
-                    <span [class]="item.icon"></span>
-                    <span class="ml-2">{{ item.label }}</span>
-                </a>
-            </ng-container>
-            <ng-template #urlRef>
-                <a *ngIf="item.url; else noLink" [href]="item.url" class="p-menuitem-link">
-                    <span [class]="item.icon"></span>
-                    <span class="ml-2">{{ item.label }}</span>
-                </a>
-            </ng-template>
-            <ng-template #noLink>
-                <div class="p-menuitem-link">
-                    <span [class]="item.icon"></span>
-                    <span class="ml-2">{{ item.label }}</span>
-                    <span class="pi pi-fw pi-angle-down ml-2"></span>
-                </div>
-            </ng-template>
-        </ng-template>
-    </p-menubar>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { MenubarModule } from 'primeng/menubar';
-import { CommonModule } from '@angular/common';
-import { Router } from '@angular/router';
-
-@Component({
-    selector: 'menubar-router-demo',
-    templateUrl: './menubar-router-demo.html',
-    standalone: true,
-    imports: [MenubarModule, CommonModule],
-})
-export class MenubarRouterDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private router: Router) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Router',
-                icon: 'pi pi-palette',
-                items: [
-                    {
-                        label: 'Installation',
-                        route: '/installation'
-                    },
-                    {
-                        label: 'Configuration',
-                        route: '/configuration'
-                    }
-                ]
-            },
-            {
-                label: 'Programmatic',
-                icon: 'pi pi-link',
-                command: () => {
-                    this.router.navigate(['/installation']);
-                }
-            },
-            {
-                label: 'External',
-                icon: 'pi pi-home',
-                items: [
-                    {
-                        label: 'Angular',
-                        url: 'https://angular.io/'
-                    },
-                    {
-                        label: 'Vite.js',
-                        url: 'https://vitejs.dev/'
-                    }
-                ]
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/menubar/styledoc.ts b/src/app/showcase/doc/menubar/styledoc.ts
deleted file mode 100644
index 5e9c036..0000000
--- a/src/app/showcase/doc/menubar/styledoc.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-menubar</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menu-list</td>
-                        <td>List element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem</td>
-                        <td>Menuitem element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem-text</td>
-                        <td>Label of a menuitem.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem-icon</td>
-                        <td>Icon of a menuitem.</td>
-                    </tr>
-                    <tr>
-                        <td>p-submenu-icon</td>
-                        <td>Arrow icon of a submenu.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/menubar/templatedoc.scss b/src/app/showcase/doc/menubar/templatedoc.scss
deleted file mode 100644
index b52dc2b..0000000
--- a/src/app/showcase/doc/menubar/templatedoc.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-
-    :host ::ng-deep .p-menuitem-active > .p-menuitem-content > .custom-link > .pi {
-        transform: rotateZ(90deg);
-    }
-
diff --git a/src/app/showcase/doc/menubar/templatedoc.ts b/src/app/showcase/doc/menubar/templatedoc.ts
deleted file mode 100644
index e2064d4..0000000
--- a/src/app/showcase/doc/menubar/templatedoc.ts
+++ /dev/null
@@ -1,315 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
-
-@Component({
-    selector: 'menubar-template-demo',
-    styleUrl: './templatedoc.scss',
-    template: `
-        <app-docsectiontext>
-            <p>Custom content can be placed inside the menubar using the <i>start</i> and <i>end</i> templates.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-menubar [model]="items" styleClass="template-demo">
-                <ng-template pTemplate="start">
-                    <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-                        <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                            <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-                        </mask>
-                        <g mask="url(#mask0_1_36)">
-                            <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-                        </g>
-                        <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-                        <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-                        <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                            fill="var(--primary-color-text)"
-                        />
-                        <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                        <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                        <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                            fill="var(--primary-color-text)"
-                        />
-                        <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-                        <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-                        <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-                        <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-                    </svg>
-                </ng-template>
-                <ng-template pTemplate="item" let-item let-root="root" let-implicit="implicit">
-                    <a pRipple class="flex items-center p-menuitem-link custom-link">
-                        <span [class]="item.icon"></span>
-                        <span class="ml-2">{{ item.label }}</span>
-                        <p-badge *ngIf="item.badge" [ngClass]="{ 'ml-auto': !root, 'ml-2': root }" [value]="item.badge" />
-                        <span *ngIf="item.shortcut" class="ml-auto border-1 surface-border border-round surface-100 text-xs p-1">{{ item.shortcut }}</span>
-                        <i *ngIf="item.items && !isMobile" [ngClass]="['pi', root ? 'pi-angle-down ml-2' : 'pi-angle-right ml-auto']"></i>
-                        <i *ngIf="item.items && isMobile" [ngClass]="'pi pi-angle-right ml-auto'"></i>
-                    </a>
-                </ng-template>
-                <ng-template pTemplate="end">
-                    <div class="flex items-center gap-2">
-                        <input type="text" pInputText placeholder="Search" class="!w-8 sm:w-auto" />
-                        <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" shape="circle" />
-                    </div>
-                </ng-template>
-            </p-menubar>
-        </div>
-        <app-code [code]="code" selector="menubar-template-demo"></app-code>
-    `
-})
-export class TemplateDoc implements OnInit {
-    items: MenuItem[] | undefined;
-    isMobile = false;
-
-    constructor(private breakpointObserver: BreakpointObserver) {}
-
-    ngOnInit() {
-        this.breakpointObserver.observe([Breakpoints.HandsetPortrait, Breakpoints.HandsetLandscape, Breakpoints.Tablet]).subscribe((result) => {
-            if (result.matches) {
-                this.isMobile = true;
-                console.log('Currently in a mobile breakpoint.');
-            } else {
-                this.isMobile = false;
-            }
-        });
-        this.items = [
-            {
-                label: 'Home',
-                icon: 'pi pi-home'
-            },
-            {
-                label: 'Features',
-                icon: 'pi pi-star'
-            },
-            {
-                label: 'Projects',
-                icon: 'pi pi-search',
-                items: [
-                    {
-                        label: 'Core',
-                        icon: 'pi pi-bolt',
-                        shortcut: '⌘+S'
-                    },
-                    {
-                        label: 'Blocks',
-                        icon: 'pi pi-server',
-                        shortcut: '⌘+B'
-                    },
-                    {
-                        label: 'UI Kit',
-                        icon: 'pi pi-pencil',
-                        shortcut: '⌘+U'
-                    },
-                    {
-                        separator: true
-                    },
-                    {
-                        label: 'Templates',
-                        icon: 'pi pi-palette',
-                        items: [
-                            {
-                                label: 'Apollo',
-                                icon: 'pi pi-palette',
-                                badge: '2'
-                            },
-                            {
-                                label: 'Ultima',
-                                icon: 'pi pi-palette',
-                                badge: '3'
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                label: 'Contact',
-                icon: 'pi pi-envelope',
-                badge: '3'
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `
-            <p-menubar [model]="items" styleClass="template-demo">
-                <ng-template pTemplate="start">
-                    <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-                        <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                            <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-                        </mask>
-                        <g mask="url(#mask0_1_36)">
-                            <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-                        </g>
-                        <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-                        <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-                        <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                            fill="var(--primary-color-text)"
-                        />
-                        <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                        <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                        <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                            fill="var(--primary-color-text)"
-                        />
-                        <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-                        <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-                        <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-                        <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-                    </svg>
-                </ng-template>
-                <ng-template pTemplate="item" let-item let-root="root" let-implicit="implicit">
-                    <a pRipple class="flex items-center p-menuitem-link custom-link">
-                        <span [class]="item.icon"></span>
-                        <span class="ml-2">{{ item.label }}</span>
-                        <p-badge *ngIf="item.badge" [ngClass]="{ 'ml-auto': !root, 'ml-2': root }" [value]="item.badge" />
-                        <span *ngIf="item.shortcut" class="ml-auto border-1 surface-border border-round surface-100 text-xs p-1">{{ item.shortcut }}</span>
-                        <i *ngIf="item.items && !isMobile" [ngClass]="['pi', root ? 'pi-angle-down ml-2' : 'pi-angle-right ml-auto']"></i>
-                        <i *ngIf="item.items && isMobile" [ngClass]="'pi pi-angle-right ml-auto'"></i>
-                    </a>
-                </ng-template>
-                <ng-template pTemplate="end">
-                    <div class="flex items-center gap-2">
-                        <input type="text" pInputText placeholder="Search" class="!w-8 sm:w-auto" />
-                        <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" shape="circle" />
-                    </div>
-                </ng-template>
-            </p-menubar>`,
-
-        html: `
-        <div class="card">
-            <p-menubar [model]="items" styleClass="template-demo">
-                <ng-template pTemplate="start">
-                    <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-                        <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                            <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-                        </mask>
-                        <g mask="url(#mask0_1_36)">
-                            <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-                        </g>
-                        <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-                        <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-                        <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                            fill="var(--primary-color-text)"
-                        />
-                        <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                        <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                        <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                            fill="var(--primary-color-text)"
-                        />
-                        <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-                        <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-                        <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-                        <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-                    </svg>
-                </ng-template>
-                <ng-template pTemplate="item" let-item let-root="root" let-implicit="implicit">
-                    <a pRipple class="flex items-center p-menuitem-link custom-link">
-                        <span [class]="item.icon"></span>
-                        <span class="ml-2">{{ item.label }}</span>
-                        <p-badge *ngIf="item.badge" [ngClass]="{ 'ml-auto': !root, 'ml-2': root }" [value]="item.badge" />
-                        <span *ngIf="item.shortcut" class="ml-auto border-1 surface-border border-round surface-100 text-xs p-1">{{ item.shortcut }}</span>
-                        <i *ngIf="item.items && !isMobile" [ngClass]="['pi', root ? 'pi-angle-down ml-2' : 'pi-angle-right ml-auto']"></i>
-                        <i *ngIf="item.items && isMobile" [ngClass]="'pi pi-angle-right ml-auto'"></i>
-                    </a>
-                </ng-template>
-                <ng-template pTemplate="end">
-                    <div class="flex items-center gap-2">
-                        <input type="text" pInputText placeholder="Search" class="!w-8 sm:w-auto" />
-                        <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" shape="circle" />
-                    </div>
-                </ng-template>
-            </p-menubar>
-        </div>`,
-
-        typescript: ` items: MenuItem[] | undefined;
-    isMobile = false;
-
-    constructor(private breakpointObserver: BreakpointObserver) {}
-
-    ngOnInit() {
-        this.breakpointObserver.observe([Breakpoints.HandsetPortrait, Breakpoints.HandsetLandscape, Breakpoints.Tablet]).subscribe((result) => {
-            if (result.matches) {
-                this.isMobile = true;
-                console.log('Currently in a mobile breakpoint.');
-            } else {
-                this.isMobile = false;
-            }
-        });
-        this.items = [
-            {
-                label: 'Home',
-                icon: 'pi pi-home'
-            },
-            {
-                label: 'Features',
-                icon: 'pi pi-star'
-            },
-            {
-                label: 'Projects',
-                icon: 'pi pi-search',
-                items: [
-                    {
-                        label: 'Core',
-                        icon: 'pi pi-bolt',
-                        shortcut: '⌘+S'
-                    },
-                    {
-                        label: 'Blocks',
-                        icon: 'pi pi-server',
-                        shortcut: '⌘+B'
-                    },
-                    {
-                        label: 'UI Kit',
-                        icon: 'pi pi-pencil',
-                        shortcut: '⌘+U'
-                    },
-                    {
-                        separator: true
-                    },
-                    {
-                        label: 'Templates',
-                        icon: 'pi pi-palette',
-                        items: [
-                            {
-                                label: 'Apollo',
-                                icon: 'pi pi-palette',
-                                badge: '2'
-                            },
-                            {
-                                label: 'Ultima',
-                                icon: 'pi pi-palette',
-                                badge: '3'
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                label: 'Contact',
-                icon: 'pi pi-envelope',
-                badge: '3'
-            }
-        ];
-    }`
-    };
-}
diff --git a/src/app/showcase/doc/messages/accessibilitydoc.ts b/src/app/showcase/doc/messages/accessibilitydoc.ts
deleted file mode 100644
index 55079b2..0000000
--- a/src/app/showcase/doc/messages/accessibilitydoc.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: `
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Message components use <i>alert</i> role that implicitly defines <i>aria-live</i> as "assertive" and <i>aria-atomic</i> as "true". Since any attribute is passed to the root element, attributes like <i>aria-labelledby</i> and
-                <i>aria-label</i> can optionally be used as well.
-            </p>
-            <p>Close element is a <i>button</i> with an <i>aria-label</i> that refers to the <i>aria.close</i> property of the <a href="/configuration/#locale">locale</a> API by default.</p>
-
-            <h3>Close Button Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Closes the message.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Closes the message.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    `
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/messages/animationdoc.ts b/src/app/showcase/doc/messages/animationdoc.ts
deleted file mode 100644
index 49c7b39..0000000
--- a/src/app/showcase/doc/messages/animationdoc.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Message } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'animation-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Transition of the open and hide animations can be customized using the <i>showTransitionOptions</i> and <i>hideTransitionOptions</i> properties, example below disables the animations altogether.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-messages [(value)]="messages" [showTransitionOptions]="'500ms'" [hideTransitionOptions]="'500ms'" [enableService]="false" />
-        </div>
-        <app-code [code]="code" selector="messages-animation-demo"></app-code>
-    `
-})
-export class AnimationDoc implements OnInit {
-    messages: Message[] | undefined;
-
-    ngOnInit() {
-        this.messages = [
-            { severity: 'success', summary: 'Success', detail: 'Message Content' },
-            { severity: 'info', summary: 'Info', detail: 'Message Content' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-messages 
-    [(value)]="messages" 
-    [showTransitionOptions]="'500ms'" 
-    [hideTransitionOptions]="'500ms'" 
-    [enableService]="false" />`,
-        html: `<div class="card">
-    <p-messages 
-        [(value)]="messages" 
-        [showTransitionOptions]="'500ms'" 
-        [hideTransitionOptions]="'500ms'" 
-        [enableService]="false" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Message } from 'primeng/api';
-import { MessagesModule } from 'primeng/messages';
-
-@Component({
-    selector: 'messages-animation-demo',
-    templateUrl: './messages-animation-demo.html',
-    standalone: true,
-    imports: [MessagesModule]
-})
-export class MessagesAnimationDemo implements OnInit {
-    messages: Message[] | undefined;
-
-    ngOnInit(){
-        this.messages = [
-            { severity: 'success', summary: 'Success', detail: 'Message Content' },
-            { severity: 'info', summary: 'Info', detail: 'Message Content' },
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/messages/basicdoc.ts b/src/app/showcase/doc/messages/basicdoc.ts
deleted file mode 100644
index da8956e..0000000
--- a/src/app/showcase/doc/messages/basicdoc.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Message } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                A single message is specified by <i>Message</i> interface in PrimeNG that defines the <i>id</i>, <i>severity</i>, <i>summary</i> and <i>detail</i> as the properties. Messages to display can either be defined using the value property
-                which should an array of Message instances or using a <i>MessageService</i> are defined using the <i>value</i> property which should an array of Message instances.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-messages [(value)]="messages" [enableService]="false" [closable]="false" />
-        </div>
-        <app-code [code]="code" selector="messages-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    messages: Message[] | undefined;
-
-    ngOnInit() {
-        this.messages = [{ severity: 'info', detail: 'Message Content' }];
-    }
-
-    code: Code = {
-        basic: `<p-messages 
-    [(value)]="messages" 
-    [enableService]="false" 
-    [closable]="false" />`,
-        html: `<div class="card">
-    <p-messages 
-        [(value)]="messages" 
-        [enableService]="false" 
-        [closable]="false" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Message } from 'primeng/api';
-import { MessagesModule } from 'primeng/messages';
-
-@Component({
-    selector: 'messages-basic-demo',
-    templateUrl: './messages-basic-demo.html',
-    standalone: true,
-    imports: [MessagesModule]
-})
-export class MessagesBasicDemo implements OnInit {
-    messages: Message[] | undefined;
-
-    ngOnInit() {
-        this.messages = [{ severity: 'info', detail: 'Message Content' }];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/messages/closabledoc.ts b/src/app/showcase/doc/messages/closabledoc.ts
deleted file mode 100644
index 2e8dea7..0000000
--- a/src/app/showcase/doc/messages/closabledoc.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Message } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'closable-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Messages are <i>closable</i> by default resulting in a close icon being displayed on top right corner. In order to disable closable messages, set <i>closable</i> to <i>false</i>. Note that in this case two-way binding is not necessary
-                as the component does not need to update its value.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-messages [(value)]="messages" [closable]="false" />
-        </div>
-        <app-code [code]="code" selector="messages-closable-demo"></app-code>
-    `
-})
-export class ClosableDoc implements OnInit {
-    messages: Message[] | undefined;
-
-    ngOnInit() {
-        this.messages = [{ severity: 'info', detail: 'Not Closable' }];
-    }
-
-    code: Code = {
-        basic: `<p-messages [(value)]="messages" [closable]="false" />`,
-        html: `<div class="card">
-    <p-messages [(value)]="messages" [closable]="false" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Message } from 'primeng/api';
-import { MessagesModule } from 'primeng/messages';
-
-@Component({
-    selector: 'messages-closable-demo',
-    templateUrl: './messages-closable-demo.html',
-    standalone: true,
-    imports: [MessagesModule]
-})
-export class MessagesClosableDemo implements OnInit {
-    messages1: Message[] | undefined;
-
-    messages2: Message[] | undefined;
-
-    ngOnInit() {
-        this.messages1 = [
-            { severity: 'success', summary: 'Success', detail: 'Message Content' },
-            { severity: 'info', summary: 'Info', detail: 'Message Content' },
-        ];
-
-        this.messages2 = [
-            { severity: 'warn', summary: 'Waning', detail: 'Closable Message Content' },
-            { severity: 'error', summary: 'Error', detail: 'Closable Message Content' },
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/messages/dynamicdoc.ts b/src/app/showcase/doc/messages/dynamicdoc.ts
deleted file mode 100644
index b7189d3..0000000
--- a/src/app/showcase/doc/messages/dynamicdoc.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import { Component } from '@angular/core';
-import { Message } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'messages-dynamic-demo',
-    template: `
-        <app-docsectiontext>
-            <p>A binding to the value property is required to provide messages to the component.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-button type="button" pRipple (onClick)="addMessages()" label="Show" styleClass="mr-2" />
-            <p-button type="button" pRipple (onClick)="clearMessages()" label="Clear" severity="secondary" />
-            <p-messages [(value)]="messages" [enableService]="false" />
-        </div>
-        <app-code [code]="code" selector="messages-dynamic-demo"></app-code>
-    `
-})
-export class DynamicDoc {
-    messages: Message[] | undefined;
-
-    addMessages() {
-        this.messages = [
-            { severity: 'info', summary: 'Dynamic Info Message' },
-            { severity: 'success', summary: 'Dynamic Success Message' },
-            { severity: 'warn', summary: 'Dynamic Warning Message' }
-        ];
-    }
-
-    clearMessages() {
-        this.messages = [];
-    }
-
-    code: Code = {
-        basic: `<p-button 
-    type="button" 
-    pRipple 
-    (onClick)="addMessages()" 
-    label="Show" 
-    styleClass="mr-2" />
-<p-button 
-    type="button" 
-    pRipple 
-    (onClick)="clearMessages()" 
-    label="Clear" 
-    severity="secondary" />
-<p-messages [(value)]="messages" [enableService]="false" />`,
-        html: `<div class="card">
-    <p-button 
-        type="button" 
-        pRipple 
-        (onClick)="addMessages()" 
-        label="Show" 
-        styleClass="mr-2" />
-    <p-button 
-        type="button"
-        pRipple 
-        (onClick)="clearMessages()" 
-        label="Clear" 
-        severity="secondary" />
-    <p-messages [(value)]="messages" [enableService]="false" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Message } from 'primeng/api';
-import { MessagesModule } from 'primeng/messages';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
-    selector: 'messages-dynamic-demo',
-    templateUrl: './messages-dynamic-demo.html',
-    standalone: true,
-    imports: [MessagesModule, ButtonModule, RippleModule]
-})
-export class MessagesDynamicDemo {
-    messages: Message[] | undefined;
-
-    addMessages() {
-        this.messages = [
-            { severity: 'info', summary: 'Dynamic Info Message' },
-            { severity: 'success', summary: 'Dynamic Success Message' },
-            { severity: 'warn', summary: 'Dynamic Warning Message' }
-        ];
-    }
-
-    clearMessages() {
-        this.messages = [];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/messages/importdoc.ts b/src/app/showcase/doc/messages/importdoc.ts
deleted file mode 100644
index 4d5d108..0000000
--- a/src/app/showcase/doc/messages/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-demo',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { MessagesModule } from 'primeng/messages';`
-    };
-}
diff --git a/src/app/showcase/doc/messages/inlinedoc.ts b/src/app/showcase/doc/messages/inlinedoc.ts
deleted file mode 100644
index ff4b780..0000000
--- a/src/app/showcase/doc/messages/inlinedoc.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'messages-inline-demo',
-    template: `
-        <app-docsectiontext>
-            <p><i>p-message</i> component is used to display inline messages mostly within forms.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex justify-center gap-2">
-                <p-message severity="info" text="Message Content"></p-message>
-                <p-message severity="success" text="Message Content"></p-message>
-                <p-message severity="warn" text="Message Content"></p-message>
-                <p-message severity="error" text="Message Content"></p-message>
-            </div>
-
-            <div class="mt-4">
-                <input type="text" pInputText placeholder="Username" class="ng-dirty ng-invalid mr-2" />
-                <p-message severity="error" text="Field is required"></p-message>
-            </div>
-
-            <div class="mt-4">
-                <input type="text" pInputText placeholder="Email" class="ng-dirty ng-invalid mr-2" />
-                <p-message severity="error"></p-message>
-            </div>
-
-            <div class="field p-fluid mt-4">
-                <label for="username">Username</label>
-                <input id="username" type="username" aria-describedby="username-help" class="ng-invalid ng-dirty" pInputText />
-                <small id="username-help" class="p-error">Username is not available.</small>
-            </div>
-        </div>
-        <app-code [code]="code" selector="messages-inline-demo"></app-code>
-    `
-})
-export class InlineDoc {
-    code: Code = {
-        basic: `<div class="flex justify-center gap-2">
-    <p-message severity="info" text="Message Content"></p-message>
-    <p-message severity="success" text="Message Content"></p-message>  
-    <p-message severity="warn" text="Message Content"></p-message>  
-    <p-message severity="error" text="Message Content"></p-message>
-</div>
-
-<div class="mt-4">
-    <input type="text" pInputText placeholder="Username" class="ng-dirty ng-invalid mr-2">
-    <p-message severity="error" text="Field is required"></p-message>
-</div>
-
-<div class="mt-4">
-    <input type="text" pInputText placeholder="Email" class="ng-dirty ng-invalid mr-2">
-    <p-message severity="error"></p-message>
-</div>
-
-<div class="field p-fluid mt-4">
-    <label for="username">Username</label>
-    <input id="username" type="username" aria-describedby="username-help" class="ng-invalid ng-dirty" pInputText />
-    <small id="username-help" class="p-error">Username is not available.</small>
-</div>`,
-        html: `
-<div class="card">
-    <div class="flex justify-center gap-2">
-        <p-message severity="info" text="Message Content"></p-message>
-        <p-message severity="success" text="Message Content"></p-message>  
-        <p-message severity="warn" text="Message Content"></p-message>  
-        <p-message severity="error" text="Message Content"></p-message>
-    </div>
-
-    <div class="mt-4">
-        <input type="text" pInputText placeholder="Username" class="ng-dirty ng-invalid mr-2">
-        <p-message severity="error" text="Field is required"></p-message>
-    </div>
-
-    <div class="mt-4">
-        <input type="text" pInputText placeholder="Email" class="ng-dirty ng-invalid mr-2">
-        <p-message severity="error"></p-message>
-    </div>
-
-    <div class="field p-fluid mt-4">
-        <label for="username">Username</label>
-        <input id="username" type="username" aria-describedby="username-help" class="ng-invalid ng-dirty" pInputText />
-        <small id="username-help" class="p-error">Username is not available.</small>
-    </div>
-</div>`,
-        typescript: `
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'messages-inline-demo',
-    templateUrl: './messages-inline-demo.html'
-})
-export class MessagesInlineDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/messages/messagesdoc.module.ts b/src/app/showcase/doc/messages/messagesdoc.module.ts
deleted file mode 100644
index 884da81..0000000
--- a/src/app/showcase/doc/messages/messagesdoc.module.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FormsModule } from '@angular/forms';
-import { MessagesModule } from 'primeng/messages';
-import { MessageModule } from 'primeng/message';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ImportDoc } from './importdoc';
-import { BasicDoc } from './basicdoc';
-import { MessagesStyleDoc } from './messagesstyledoc';
-import { MessageStyleDoc } from './messagestyledoc';
-import { ButtonModule } from 'primeng/button';
-import { InputTextModule } from 'primeng/inputtext';
-import { SeverityDoc } from './severitydoc';
-import { ClosableDoc } from './closabledoc';
-import { StaticDoc } from './staticdoc';
-import { DynamicDoc } from './dynamicdoc';
-import { ServiceDoc } from './servicedoc';
-import { InlineDoc } from './inlinedoc';
-import { AnimationDoc } from './animationdoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { AvatarModule } from 'primeng/avatar';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, FormsModule, RouterModule, MessagesModule, ButtonModule, MessageModule, InputTextModule, AvatarModule, AppDocModule],
-    declarations: [BasicDoc, ImportDoc, ClosableDoc, StaticDoc, DynamicDoc, ServiceDoc, SeverityDoc, InlineDoc, MessagesStyleDoc, AnimationDoc, MessageStyleDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class MessagesDocModule {}
diff --git a/src/app/showcase/doc/messages/messagesstyledoc.ts b/src/app/showcase/doc/messages/messagesstyledoc.ts
deleted file mode 100644
index 5d4deb4..0000000
--- a/src/app/showcase/doc/messages/messagesstyledoc.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'messagesstyle-demo',
-    template: `
-        <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming page</a>.</p>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-messages</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-message</td>
-                        <td>Message element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-message-info</td>
-                        <td>Message element when displaying info messages.</td>
-                    </tr>
-                    <tr>
-                        <td>p-message-warn</td>
-                        <td>Message element when displaying warning messages.</td>
-                    </tr>
-                    <tr>
-                        <td>p-message-error</td>
-                        <td>Message element when displaying error messages.</td>
-                    </tr>
-                    <tr>
-                        <td>p-message-success</td>
-                        <td>Message element when displaying success messages.</td>
-                    </tr>
-                    <tr>
-                        <td>p-message-close</td>
-                        <td>Close button.</td>
-                    </tr>
-                    <tr>
-                        <td>p-message-close-icon</td>
-                        <td>Close icon.</td>
-                    </tr>
-                    <tr>
-                        <td>p-message-icon</td>
-                        <td>Severity icon.</td>
-                    </tr>
-                    <tr>
-                        <td>p-message-summary</td>
-                        <td>Summary of a message.</td>
-                    </tr>
-                    <tr>
-                        <td>p-message-detail</td>
-                        <td>Detail of a message.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class MessagesStyleDoc {}
diff --git a/src/app/showcase/doc/messages/messagestyledoc.ts b/src/app/showcase/doc/messages/messagestyledoc.ts
deleted file mode 100644
index bf0d5ab..0000000
--- a/src/app/showcase/doc/messages/messagestyledoc.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'messagestyle-demo',
-    template: `
-        <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming page</a>.</p>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-inline-message</td>
-                        <td>Message element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-inline-message-info</td>
-                        <td>Message element when displaying info messages.</td>
-                    </tr>
-                    <tr>
-                        <td>p-inline-message-warn</td>
-                        <td>Message element when displaying warning messages.</td>
-                    </tr>
-                    <tr>
-                        <td>p-inline-message-error</td>
-                        <td>Message element when displaying error messages.</td>
-                    </tr>
-                    <tr>
-                        <td>p-inline-message-success</td>
-                        <td>Message element when displaying success messages.</td>
-                    </tr>
-                    <tr>
-                        <td>p-inline-message-icon</td>
-                        <td>Severity icon.</td>
-                    </tr>
-                    <tr>
-                        <td>p-inline-message-text</td>
-                        <td>Text of a message.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class MessageStyleDoc {}
diff --git a/src/app/showcase/doc/messages/servicedoc.ts b/src/app/showcase/doc/messages/servicedoc.ts
deleted file mode 100644
index d6ccbb6..0000000
--- a/src/app/showcase/doc/messages/servicedoc.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'service-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                MessageService alternative does not require a value binding to an array. In order to use this service, import the class and define it as a provider in a component higher up in the component tree such as application instance itself so
-                that descandant components can have it injected. If there are multiple message components having the same message service, you may use key property of the component to match the key of the message to implement scoping.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex justify-center gap-2">
-                <p-button (onClick)="addSingle()" label="Show Single" />
-                <p-button severity="success" (onClick)="addMultiple()" label="Show Multiple" />
-                <p-button severity="secondary" (onClick)="clear()" label="Clear All" />
-            </div>
-            <p-messages />
-        </div>
-        <app-code [code]="code" selector="messages-service-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class ServiceDoc {
-    constructor(private messageService: MessageService) {}
-
-    addSingle() {
-        this.messageService.add({ severity: 'success', summary: 'Service Message', detail: 'Via MessageService' });
-    }
-
-    addMultiple() {
-        this.messageService.addAll([
-            { severity: 'success', summary: 'Service Message', detail: 'Via MessageService' },
-            { severity: 'info', summary: 'Info Message', detail: 'Via MessageService' }
-        ]);
-    }
-
-    clear() {
-        this.messageService.clear();
-    }
-
-    code: Code = {
-        basic: `<div class="flex justify-center gap-2">
-    <p-button (onClick)="addSingle()" label="Show Single" />
-    <p-button severity="success" (onClick)="addMultiple()" label="Show Multiple" />
-    <p-button severity="secondary" (onClick)="clear()" label="Clear All" />
-</div>
-<p-messages />`,
-        html: `<div class="card">
-    <div class="flex justify-center gap-2">
-        <p-button (onClick)="addSingle()" label="Show Single" />
-        <p-button severity="success" (onClick)="addMultiple()" label="Show Multiple" />
-        <p-button severity="secondary" (onClick)="clear()" label="Clear All" />
-    </div>
-    <p-messages />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { MessagesModule } from 'primeng/messages';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'messages-service-demo',
-    templateUrl: './messages-service-demo.html',
-    standalone: true,
-    imports: [MessagesModule, ButtonModule],
-    providers: [MessageService]
-})
-export class MessagesServiceDemo {
-    constructor(private messageService: MessageService) {}
-
-    addSingle() {
-        this.messageService.add({severity:'success', summary:'Service Message', detail:'Via MessageService'});
-    }
-
-    addMultiple() {
-        this.messageService.addAll([
-            { severity: 'success', summary: 'Service Message', detail: 'Via MessageService' },
-            { severity: 'info', summary: 'Info Message', detail: 'Via MessageService' }
-        ]);
-    }
-    
-    clear() {
-        this.messageService.clear();
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/messages/severitydoc.ts b/src/app/showcase/doc/messages/severitydoc.ts
deleted file mode 100644
index 36e3a05..0000000
--- a/src/app/showcase/doc/messages/severitydoc.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Message } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'severity-doc',
-    template: `
-        <app-docsectiontext>
-            <p>The <i>severity</i> option specifies the type of the message.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-messages [(value)]="messages" [enableService]="false" />
-        </div>
-        <app-code [code]="code" selector="messages-severity-demo"></app-code>
-    `
-})
-export class SeverityDoc implements OnInit {
-    messages: Message[] | undefined;
-
-    ngOnInit() {
-        this.messages = [
-            { severity: 'info', detail: 'Info Message' },
-            { severity: 'success', detail: 'Success Message' },
-            { severity: 'warn', detail: 'Warning Message' },
-            { severity: 'error', detail: 'Error Message' },
-            { severity: 'secondary', detail: 'Secondary Message' },
-            { severity: 'contrast', detail: 'Contrast Message' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-messages [(value)]="messages" [enableService]="false" />`,
-        html: `<div class="card">
-    <p-messages [(value)]="messages" [enableService]="false" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Message } from 'primeng/api';
-import { MessagesModule } from 'primeng/messages';
-
-@Component({
-    selector: 'messages-severity-demo',
-    templateUrl: './messages-severity-demo.html',
-    standalone: true,
-    imports: [MessagesModule]
-})
-export class MessagesSeverityDemo implements OnInit {
-    messages: Message[] | undefined;
-
-    ngOnInit() {
-        this.messages = [
-            { severity: 'info', detail: 'Info Message' },
-            { severity: 'success', detail: 'Success Message' },
-            { severity: 'warn', detail: 'Warning Message' },
-            { severity: 'error', detail: 'Error Message' },
-            { severity: 'secondary', detail: 'Secondary Message' },
-            { severity: 'contrast', detail: 'Contrast Message' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/messages/staticdoc.ts b/src/app/showcase/doc/messages/staticdoc.ts
deleted file mode 100644
index f6b3ffd..0000000
--- a/src/app/showcase/doc/messages/staticdoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'static-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Alternative way to provide the content for the messages is templating. In this case value property and message service is ignored and only static is displayed.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-messages severity="info">
-                <ng-template pTemplate>
-                    <img src="https://primefaces.org/cdn/primeng/images/primeng.svg" width="32" />
-                    <div class="ml-2">Always bet on Prime.</div>
-                </ng-template>
-            </p-messages>
-        </div>
-        <app-code [code]="code" selector="messages-static-demo"></app-code>
-    `
-})
-export class StaticDoc {
-    code: Code = {
-        basic: `<p-messages severity="info">
-    <ng-template pTemplate>
-        <img src="https://primefaces.org/cdn/primeng/images/primeng.svg" width="32" />
-        <div class="ml-2">Always bet on Prime.</div>
-    </ng-template>
-</p-messages>`,
-        html: `<div class="card">
-    <p-messages severity="info">
-        <ng-template pTemplate>
-            <img src="https://primefaces.org/cdn/primeng/images/primeng.svg" width="32" />
-            <div class="ml-2">Always bet on Prime.</div>
-        </ng-template>
-    </p-messages>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { MessagesModule } from 'primeng/messages';
-
-@Component({
-    selector: 'messages-static-demo',
-    templateUrl: './messages-static-demo.html',
-    standalone: true,
-    imports: [MessagesModule]
-})
-export class MessagesStaticDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/metergroup/accessibilitydoc.ts b/src/app/showcase/doc/metergroup/accessibilitydoc.ts
deleted file mode 100644
index cb57e55..0000000
--- a/src/app/showcase/doc/metergroup/accessibilitydoc.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: `
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>MeterGroup component uses <i>meter</i> role in addition to the <i>aria-valuemin</i>, <i>aria-valuemax</i> and <i>aria-valuenow</i> attributes. Value to describe the component can be defined using <i>aria-labelledby</i> prop.</p>
-
-            <h3>Keyboard Support</h3>
-            <p>Component does not include any interactive elements.</p>
-        </app-docsectiontext>
-    `
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/metergroup/basicdoc.ts b/src/app/showcase/doc/metergroup/basicdoc.ts
deleted file mode 100644
index 58bce58..0000000
--- a/src/app/showcase/doc/metergroup/basicdoc.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>MeterGroup requires a <i>value</i> as the data to display where each item in the collection should be a type of <i>MeterItem</i>.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-meterGroup [value]="value" />
-        </div>
-        <app-code [code]="code" selector="meter-group-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    value = [{ label: 'Space used', value: 15, color: '#34d399' }];
-
-    code: Code = {
-        basic: `<p-meterGroup [value]="value" />`,
-
-        html: `<div class="card">
-    <p-meterGroup [value]="value" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MeterGroupModule } from 'primeng/metergroup';
-
-@Component({
-    selector: 'meter-group-basic-demo',
-    templateUrl: './meter-group-basic-demo.html',
-    standalone: true,
-    imports: [MeterGroupModule]
-})
-export class MeterGroupBasicDemo {
-    value = [
-        { label: 'Space used', value: 15, color: '#34d399' }
-    ];
-}`
-    };
-}
diff --git a/src/app/showcase/doc/metergroup/icondoc.ts b/src/app/showcase/doc/metergroup/icondoc.ts
deleted file mode 100644
index a65985d..0000000
--- a/src/app/showcase/doc/metergroup/icondoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'icon-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Icons can be displayed next to the labels instead of the default marker.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-meterGroup [value]="value" />
-        </div>
-        <app-code [code]="code" selector="meter-group-icon-demo"></app-code>
-    `
-})
-export class IconDoc {
-    value = [
-        { label: 'Apps', color: '#34d399', value: 16, icon: 'pi pi-table' },
-        { label: 'Messages', color: '#fbbf24', value: 8, icon: 'pi pi-inbox' },
-        { label: 'Media', color: '#60a5fa', value: 24, icon: 'pi pi-image' },
-        { label: 'System', color: '#c084fc', value: 10, icon: 'pi pi-cog' }
-    ];
-    code: Code = {
-        basic: `<p-meterGroup [value]="value" />`,
-
-        html: `<div class="card">
-    <p-meterGroup [value]="value" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MeterGroupModule } from 'primeng/metergroup';
-
-@Component({
-    selector: 'meter-group-icon-demo',
-    templateUrl: './meter-group-icon-demo.html',
-    standalone: true,
-    imports: [MeterGroupModule]
-})
-export class MeterGroupIconDemo {
-    value = [
-        { label: 'Apps', color: '#34d399', value: 16, icon: 'pi pi-table' },
-        { label: 'Messages', color: '#fbbf24', value: 8, icon: 'pi pi-inbox' },
-        { label: 'Media', color: '#60a5fa', value: 24, icon: 'pi pi-image' },
-        { label: 'System', color: '#c084fc', value: 10, icon: 'pi pi-cog' }
-    ];
-}`
-    };
-}
diff --git a/src/app/showcase/doc/metergroup/importdoc.ts b/src/app/showcase/doc/metergroup/importdoc.ts
deleted file mode 100644
index 798a326..0000000
--- a/src/app/showcase/doc/metergroup/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { MeterGroupModule } from 'primeng/metergroup';`
-    };
-}
diff --git a/src/app/showcase/doc/metergroup/labeldoc.ts b/src/app/showcase/doc/metergroup/labeldoc.ts
deleted file mode 100644
index 45c599e..0000000
--- a/src/app/showcase/doc/metergroup/labeldoc.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'label-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                The position of the labels relative to the meters is defined using the <i>labelPosition</i> property. The default orientation of the labels is horizontal, and the vertical alternative is available through the
-                <i>labelOrientation</i> option.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-meterGroup [value]="value" labelPosition="start" labelOrientation="vertical" />
-        </div>
-        <app-code [code]="code" selector="meter-group-label-demo"></app-code>
-    `
-})
-export class LabelDoc {
-    value = [
-        { label: 'Apps', color: '#34d399', value: 16 },
-        { label: 'Messages', color: '#fbbf24', value: 8 },
-        { label: 'Media', color: '#60a5fa', value: 24 },
-        { label: 'System', color: '#c084fc', value: 10 }
-    ];
-    code: Code = {
-        basic: `<p-meterGroup 
-    [value]="value" 
-    labelPosition="start" 
-    labelOrientation="vertical" />`,
-
-        html: `<div class="card">
-    <p-meterGroup 
-        [value]="value" 
-        labelPosition="start" 
-        labelOrientation="vertical" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MeterGroupModule } from 'primeng/metergroup';
-
-@Component({
-    selector: 'meter-group-label-demo',
-    templateUrl: './meter-group-label-demo.html',
-    standalone: true,
-    imports: [MeterGroupModule]
-})
-export class MeterGroupLabelDemo {
-    value = [
-        { label: 'Apps', color: '#34d399', value: 16 },
-        { label: 'Messages', color: '#fbbf24', value: 8 },
-        { label: 'Media', color: '#60a5fa', value: 24 },
-        { label: 'System', color: '#c084fc', value: 10 }
-    ];
-}`
-    };
-}
diff --git a/src/app/showcase/doc/metergroup/metergroupdoc.module.ts b/src/app/showcase/doc/metergroup/metergroupdoc.module.ts
deleted file mode 100644
index 85e2dcf..0000000
--- a/src/app/showcase/doc/metergroup/metergroupdoc.module.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FormsModule } from '@angular/forms';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ImportDoc } from './importdoc';
-import { BasicDoc } from './basicdoc';
-import { ButtonModule } from 'primeng/button';
-import { MeterGroupModule } from 'primeng/metergroup';
-import { MultipleDoc } from './multipledoc';
-import { IconDoc } from './icondoc';
-import { LabelDoc } from './labeldoc';
-import { StyleDoc } from './styledoc';
-import { VerticalDoc } from './verticaldoc';
-import { MinMaxDoc } from './minmaxdoc';
-import { TemplateDoc } from './templatedoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { CardModule } from 'primeng/card';
-@NgModule({
-    imports: [CommonModule, AppCodeModule, FormsModule, RouterModule, ButtonModule, AppDocModule, MeterGroupModule, CardModule],
-    declarations: [BasicDoc, ImportDoc, MultipleDoc, IconDoc, LabelDoc, VerticalDoc, MinMaxDoc, TemplateDoc, StyleDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class MeterGroupDocModule {}
diff --git a/src/app/showcase/doc/metergroup/minmaxdoc.ts b/src/app/showcase/doc/metergroup/minmaxdoc.ts
deleted file mode 100644
index 31ad5df..0000000
--- a/src/app/showcase/doc/metergroup/minmaxdoc.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'min-max-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Boundaries are configured with the <i>min</i> and <i>max</i> values whose defaults are 0 and 100 respectively.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-meterGroup [value]="value" [max]="200" />
-        </div>
-        <app-code [code]="code" selector="meter-group-min-max-demo"></app-code>
-    `
-})
-export class MinMaxDoc {
-    value = [
-        { label: 'Apps', color: '#34d399', value: 16 },
-        { label: 'Messages', color: '#fbbf24', value: 8 },
-        { label: 'Media', color: '#60a5fa', value: 24 },
-        { label: 'System', color: '#c084fc', value: 10 }
-    ];
-    code: Code = {
-        basic: `<p-meterGroup [value]="value" [max]="200" />`,
-
-        html: `<div class="card">
-<p-meterGroup [value]="value" [max]="200" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MeterGroupModule } from 'primeng/metergroup';
-
-@Component({
-    selector: 'meter-group-min-max-demo',
-    templateUrl: './meter-group-min-max-demo.html',
-    standalone: true,
-    imports: [MeterGroupModule]
-})
-export class MeterGroupMinMaxDemo{
-   
-    value = [
-        { label: 'Apps', color: '#34d399', value: 16 },
-        { label: 'Messages', color: '#fbbf24', value: 8 },
-        { label: 'Media', color: '#60a5fa', value: 24 },
-        { label: 'System', color: '#c084fc', value: 10 }
-    ];
- 
-}`
-    };
-}
diff --git a/src/app/showcase/doc/metergroup/multipledoc.ts b/src/app/showcase/doc/metergroup/multipledoc.ts
deleted file mode 100644
index 2562ce8..0000000
--- a/src/app/showcase/doc/metergroup/multipledoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'multiple-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Adding more items to the array displays the meters in a group.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-meterGroup [value]="value" />
-        </div>
-        <app-code [code]="code" selector="meter-group-multiple-demo"></app-code>
-    `
-})
-export class MultipleDoc {
-    value = [
-        { label: 'Apps', color: '#34d399', value: 16 },
-        { label: 'Messages', color: '#fbbf24', value: 8 },
-        { label: 'Media', color: '#60a5fa', value: 24 },
-        { label: 'System', color: '#c084fc', value: 10 }
-    ];
-    code: Code = {
-        basic: `<p-meterGroup [value]="value" />`,
-
-        html: `<div class="card">
-    <p-meterGroup [value]="value" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MeterGroupModule } from 'primeng/metergroup';
-
-@Component({
-    selector: 'meter-group-multiple-demo',
-    templateUrl: './meter-group-multiple-demo.html',
-    standalone: true,
-    imports: [MeterGroupModule]
-})
-export class MeterGroupMultipleDemo {
-    value = [
-        { label: 'Apps', color: '#34d399', value: 16 },
-        { label: 'Messages', color: '#fbbf24', value: 8 },
-        { label: 'Media', color: '#60a5fa', value: 24 },
-        { label: 'System', color: '#c084fc', value: 10 }
-    ];
-}`
-    };
-}
diff --git a/src/app/showcase/doc/metergroup/styledoc.ts b/src/app/showcase/doc/metergroup/styledoc.ts
deleted file mode 100644
index e921f40..0000000
--- a/src/app/showcase/doc/metergroup/styledoc.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-metergroup</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-metergroup-horizontal</td>
-                        <td>Container element when orientation mode is horizontal.</td>
-                    </tr>
-                    <tr>
-                        <td>p-metergroup-vertical</td>
-                        <td>Container element when orientation mode is vertical.</td>
-                    </tr>
-                    <tr>
-                        <td>p-metergroup-meter-container</td>
-                        <td>Container of the meters.</td>
-                    </tr>
-                    <tr>
-                        <td>p-metergroup-meter</td>
-                        <td>Content of a meter.</td>
-                    </tr>
-                    <tr>
-                        <td>p-metergroup-label-list</td>
-                        <td>Container element of the list of labels.</td>
-                    </tr>
-                    <tr>
-                        <td>p-metergroup-label-list-start</td>
-                        <td>Container element when label position is start.</td>
-                    </tr>
-                    <tr>
-                        <td>p-metergroup-label-list-end</td>
-                        <td>Container element when label position is end.</td>
-                    </tr>
-                    <tr>
-                        <td>p-metergroup-label-list-horizontal</td>
-                        <td>Container element when label orientation is horizontal.</td>
-                    </tr>
-                    <tr>
-                        <td>p-metergroup-label-list-vertical</td>
-                        <td>Container element when label orientation is vertical.</td>
-                    </tr>
-                    <tr>
-                        <td>p-metergroup-label-list-item</td>
-                        <td>Container element of a list item.</td>
-                    </tr>
-                    <tr>
-                        <td>p-metergroup-label-list-type</td>
-                        <td>Container element of a list type.</td>
-                    </tr>
-                    <tr>
-                        <td>p-metergroup-label</td>
-                        <td>Content of a label.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/metergroup/templatedoc.ts b/src/app/showcase/doc/metergroup/templatedoc.ts
deleted file mode 100644
index 8b5e012..0000000
--- a/src/app/showcase/doc/metergroup/templatedoc.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>MeterGroup provides templating support for labels, meter items, and content around the meters.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-meterGroup [value]="value" labelPosition="start">
-                <ng-template pTemplate="label">
-                    <div class="flex flex-wrap gap-3">
-                        <ng-container *ngFor="let meterItem of value; let index = index">
-                            <p-card class="flex-1">
-                                <div class="flex justify-between gap-5">
-                                    <div class="flex flex-col gap-1">
-                                        <span class="text-secondary text-sm">{{ meterItem.label }}</span>
-                                        <span class="font-bold text-lg">{{ meterItem.value }}%</span>
-                                    </div>
-                                    <span class="!w-2 !h-2 border-circle inline-flex justify-center items-center text-center" [style]="{ 'background-color': meterItem.color1, color: '#ffffff' }">
-                                        <i [class]="meterItem.icon"></i>
-                                    </span>
-                                </div>
-                            </p-card>
-                        </ng-container>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="meter" let-value let-class="class" let-width="size">
-                    <span [class]="class" [style]="{ background: 'linear-gradient(to right, ' + value.color1 + ', ' + value.color2 + ')', width: width }"></span>
-                </ng-template>
-                <ng-template pTemplate="start" let-totalPercent="totalPercent">
-                    <div class="flex justify-between mt-3 mb-2 relative">
-                        <span>Storage</span>
-                        <span [style]="{ width: totalPercent + '%' }" class="absolute text-right">{{ totalPercent }}%</span>
-                        <span class="font-medium">1TB</span>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="end">
-                    <div class="flex justify-between mt-3">
-                        <p-button label="Manage Storage" [outlined]="true" size="small" />
-                        <p-button label="Update Plan" size="small" />
-                    </div>
-                </ng-template>
-            </p-meterGroup>
-        </div>
-        <app-code [code]="code" selector="meter-group-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    value = [
-        { label: 'Apps', color1: '#34d399', color2: '#fbbf24', value: 25, icon: 'pi pi-table' },
-        { label: 'Messages', color1: '#fbbf24', color2: '#60a5fa', value: 15, icon: 'pi pi-inbox' },
-        { label: 'Media', color1: '#60a5fa', color2: '#c084fc', value: 20, icon: 'pi pi-image' },
-        { label: 'System', color1: '#c084fc', color2: '#c084fc', value: 10, icon: 'pi pi-cog' }
-    ];
-
-    code: Code = {
-        basic: `<p-meterGroup [value]="value" labelPosition="start">
-    <ng-template pTemplate="label">
-        <div class="flex flex-wrap gap-3">
-            <ng-container *ngFor="let meterItem of value; let index = index">
-                <p-card class="flex-1">
-                    <div class="flex justify-between gap-5">
-                        <div class="flex flex-col gap-1">
-                            <span class="text-secondary text-sm">{{ meterItem.label }}</span>
-                            <span class="font-bold text-lg">{{ meterItem.value }}%</span>
-                        </div>
-                        <span class="!w-2 !h-2 border-circle inline-flex justify-center items-center text-center" [style]="{ 'background-color': meterItem.color1, color: '#ffffff' }">
-                            <i [class]="meterItem.icon"></i>
-                        </span>
-                    </div>
-                </p-card>
-            </ng-container>
-        </div>
-    </ng-template>
-    <ng-template pTemplate="meter" let-value let-class="class" let-width="size">
-        <span [class]="class" [style]="{ background: 'linear-gradient(to right, ' + value.color1 + ', ' + value.color2 + ')', width: width }"></span>
-    </ng-template>
-    <ng-template pTemplate="start" let-totalPercent="totalPercent">
-        <div class="flex justify-between mt-3 mb-2 relative">
-            <span>Storage</span>
-            <span [style]="{ width: totalPercent + '%' }" class="absolute text-right">{{ totalPercent }}%</span>
-            <span class="font-medium">1TB</span>
-        </div>
-    </ng-template>
-    <ng-template pTemplate="end">
-        <div class="flex justify-between mt-3">
-            <p-button label="Manage Storage" [outlined]="true" size="small" />
-            <p-button label="Update Plan" size="small" />
-        </div>
-    </ng-template>
-</p-meterGroup>`,
-
-        html: `<div class="card">
-    <p-meterGroup [value]="value" labelPosition="start">
-        <ng-template pTemplate="label">
-            <div class="flex flex-wrap gap-3">
-                <ng-container *ngFor="let meterItem of value; let index = index">
-                    <p-card class="flex-1">
-                        <div class="flex justify-between gap-5">
-                            <div class="flex flex-col gap-1">
-                                <span class="text-secondary text-sm">{{ meterItem.label }}</span>
-                                <span class="font-bold text-lg">{{ meterItem.value }}%</span>
-                            </div>
-                            <span class="!w-2 !h-2 border-circle inline-flex justify-center items-center text-center" [style]="{ 'background-color': meterItem.color1, color: '#ffffff' }">
-                                <i [class]="meterItem.icon"></i>
-                            </span>
-                        </div>
-                    </p-card>
-                </ng-container>
-            </div>
-        </ng-template>
-        <ng-template pTemplate="meter" let-value let-class="class" let-width="size">
-            <span [class]="class" [style]="{ background: 'linear-gradient(to right, ' + value.color1 + ', ' + value.color2 + ')', width: width }"></span>
-        </ng-template>
-        <ng-template pTemplate="start" let-totalPercent="totalPercent">
-            <div class="flex justify-between mt-3 mb-2 relative">
-                <span>Storage</span>
-                <span [style]="{ width: totalPercent + '%' }" class="absolute text-right">{{ totalPercent }}%</span>
-                <span class="font-medium">1TB</span>
-            </div>
-        </ng-template>
-        <ng-template pTemplate="end">
-            <div class="flex justify-between mt-3">
-                <p-button label="Manage Storage" [outlined]="true" size="small" />
-                <p-button label="Update Plan" size="small" />
-            </div>
-        </ng-template>
-    </p-meterGroup>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MeterGroupModule } from 'primeng/metergroup';
-import { CardModule } from 'primeng/card';
-import { CommonModule } from '@angular/common';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'meter-group-template-demo',
-    templateUrl: './meter-group-template-demo.html',
-    standalone: true,
-    imports: [MeterGroupModule, CardModule, ButtonModule, CommonModule]
-})
-export class MeterGroupTemplateDemo {
-    value = [
-        { label: 'Apps', color1: '#34d399', color2: '#fbbf24', value: 25, icon: 'pi pi-table' },
-        { label: 'Messages', color1: '#fbbf24', color2: '#60a5fa', value: 15, icon: 'pi pi-inbox' },
-        { label: 'Media', color1: '#60a5fa', color2: '#c084fc', value: 20, icon: 'pi pi-image' },
-        { label: 'System', color1: '#c084fc', color2: '#c084fc', value: 10, icon: 'pi pi-cog' }
-    ];
-}`
-    };
-}
diff --git a/src/app/showcase/doc/metergroup/verticaldoc.ts b/src/app/showcase/doc/metergroup/verticaldoc.ts
deleted file mode 100644
index 9cb993a..0000000
--- a/src/app/showcase/doc/metergroup/verticaldoc.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'vertical-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Layout of the MeterGroup is configured with the <i>orientation</i> property that accepts either <i>horizontal</i> or <i>vertical</i> as available options.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-meterGroup [value]="value" orientation="vertical" labelOrientation="vertical" [style]="{ height: '300px' }" />
-        </div>
-        <app-code [code]="code" selector="meter-group-vertical-demo"></app-code>
-    `
-})
-export class VerticalDoc {
-    value = [
-        { label: 'Apps', color: '#34d399', value: 16 },
-        { label: 'Messages', color: '#fbbf24', value: 8 },
-        { label: 'Media', color: '#60a5fa', value: 24 },
-        { label: 'System', color: '#c084fc', value: 10 }
-    ];
-    code: Code = {
-        basic: `<p-meterGroup 
-    [value]="value" 
-    orientation="vertical" 
-    labelOrientation="vertical" 
-    [style]="{ height: '300px' }" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-meterGroup 
-        [value]="value" 
-        orientation="vertical" 
-        labelOrientation="vertical" 
-        [style]="{ height: '300px' }" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MeterGroupModule } from 'primeng/metergroup';
-
-@Component({
-    selector: 'meter-group-vertical-demo',
-    templateUrl: './meter-group-vertical-demo.html',
-    standalone: true,
-    imports: [MeterGroupModule]
-})
-export class MeterGroupVerticalDemo {
-    value = [
-        { label: 'Apps', color: '#34d399', value: 16 },
-        { label: 'Messages', color: '#fbbf24', value: 8 },
-        { label: 'Media', color: '#60a5fa', value: 24 },
-        { label: 'System', color: '#c084fc', value: 10 }
-    ];
-}`
-    };
-}
diff --git a/src/app/showcase/doc/multiselect/accessibilitydoc.ts b/src/app/showcase/doc/multiselect/accessibilitydoc.ts
deleted file mode 100644
index a95e626..0000000
--- a/src/app/showcase/doc/multiselect/accessibilitydoc.ts
+++ /dev/null
@@ -1,229 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Value to describe the component can either be provided with <i>ariaLabelledBy</i> or <i>ariaLabel</i> props. The multiselect component has a <i>combobox</i> role in addition to <i>aria-haspopup</i> and <i>aria-expanded</i> attributes.
-                The relation between the combobox and the popup is created with <i>aria-controls</i> attribute that refers to the id of the popup listbox.
-            </p>
-            <p>The popup listbox uses <i>listbox</i> as the role with <i>aria-multiselectable</i> enabled. Each list item has an <i>option</i> role along with <i>aria-label</i>, <i>aria-selected</i> and <i>aria-disabled</i> attributes.</p>
-
-            <p>
-                Checkbox component at the header uses a hidden native checkbox element internally that is only visible to screen readers. Value to read is defined with the <i>selectAll</i> and <i>unselectAll</i> keys of the <i>aria</i> property from
-                the <a href="/configuration/#locale">locale</a> API.
-            </p>
-
-            <p>If filtering is enabled, <i>filterInputProps</i> can be defined to give <i>aria-*</i> props to the input element.</p>
-
-            <p>Close button uses <i>close</i> key of the <i>aria</i> property from the <a href="/configuration/#locale">locale</a> API as the <i>aria-label</i> by default, this can be overridden with the <i>closeButtonProps</i>.</p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Closed State Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the multiselect element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>down arrow</i>
-                        </td>
-                        <td>Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>up arrow</i>
-                        </td>
-                        <td>Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Popup Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the next focusable element in the popup, if there is none then first focusable element receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>tab</i></td>
-                        <td>Moves focus to the previous focusable element in the popup, if there is none then last focusable element receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Toggles the selection state of the focused option.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Toggles the selection state of the focused option.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>escape</i>
-                        </td>
-                        <td>Closes the popup, moves focus to the multiselect element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>down arrow</i>
-                        </td>
-                        <td>Moves focus to the next option, if there is none then visual focus does not change.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>up arrow</i>
-                        </td>
-                        <td>Moves focus to the previous option, if there is none then visual focus does not change.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>home</i>
-                        </td>
-                        <td>Moves focus to the first option.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>end</i>
-                        </td>
-                        <td>Moves focus to the last option.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>any printable character</i>
-                        </td>
-                        <td>Moves focus to the option whose label starts with the characters being typed if dropdown is not editable.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Toggle All Checkbox Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Toggles the checked state.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>escape</i>
-                        </td>
-                        <td>Closes the popup.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Filter Input Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Closes the popup and moves focus to the multiselect element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>escape</i>
-                        </td>
-                        <td>Closes the popup and moves focus to the multiselect element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Close Button Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Closes the popup and moves focus to the multiselect element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Closes the popup and moves focus to the multiselect element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>escape</i>
-                        </td>
-                        <td>Closes the popup and moves focus to the multiselect element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<span id="dd1">Options</span>
-<p-multiSelect ariaLabelledBy="dd1"/>
-
-<p-multiSelect ariaLabel="Options"/>`
-    };
-}
diff --git a/src/app/showcase/doc/multiselect/basicdoc.ts b/src/app/showcase/doc/multiselect/basicdoc.ts
deleted file mode 100644
index 5072113..0000000
--- a/src/app/showcase/doc/multiselect/basicdoc.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                MultiSelect is used as a controlled component with <i>ngModel</i> property along with an <i>options</i> collection. Label and value of an option are defined with the <i>optionLabel</i> and <i>optionValue</i> properties respectively.
-                Default property name for the <i>optionLabel</i> is <i>label</i> and <i>value</i> for the <i>optionValue</i>. If <i>optionValue</i> is omitted and the object has no <i>value</i> property, the object itself becomes the value of an
-                option. Note that, when options are simple primitive values such as a string array, no <i>optionLabel</i> and <i>optionValue</i> would be necessary.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-multiSelect [options]="cities" [(ngModel)]="selectedCities" optionLabel="name" placeholder="Select Cities" />
-        </div>
-        <app-code [code]="code" selector="multi-select-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    cities!: City[];
-
-    selectedCities!: any[];
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-multiSelect 
-    [options]="cities" 
-    [(ngModel)]="selectedCities" 
-    optionLabel="name" 
-    placeholder="Select Cities" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-multiSelect 
-        [options]="cities" 
-        [(ngModel)]="selectedCities" 
-        optionLabel="name" 
-        placeholder="Select Cities" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MultiSelectModule } from 'primeng/multiselect';
-
-interface City {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'multi-select-basic-demo',
-    templateUrl: './multi-select-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, MultiSelectModule]
-})
-export class MultiSelectBasicDemo implements OnInit {
-
-    cities!: City[];
-
-    selectedCities!: City[];
-
-    ngOnInit() {
-        this.cities = [
-            {name: 'New York', code: 'NY'},
-            {name: 'Rome', code: 'RM'},
-            {name: 'London', code: 'LDN'},
-            {name: 'Istanbul', code: 'IST'},
-            {name: 'Paris', code: 'PRS'}
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/multiselect/chipsdoc.ts b/src/app/showcase/doc/multiselect/chipsdoc.ts
deleted file mode 100644
index 723b0de..0000000
--- a/src/app/showcase/doc/multiselect/chipsdoc.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'chips-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Selected values are displayed as a comma separated list by default, setting <i>display</i> as <i>chip</i> displays them as chips.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-multiSelect [options]="cities" [(ngModel)]="selectedCities" placeholder="Select Cities" optionLabel="name" display="chip" [showClear]="true" />
-        </div>
-        <app-code [code]="code" selector="multi-select-chips-demo"></app-code>
-    `
-})
-export class ChipsDoc implements OnInit {
-    cities!: City[];
-
-    selectedCities!: City[];
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-multiSelect 
-    [options]="cities" 
-    [(ngModel)]="selectedCities" 
-    placeholder="Select Cities"
-    optionLabel="name" 
-    display="chip" 
-    [showClear]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-multiSelect 
-        [options]="cities" 
-        [(ngModel)]="selectedCities" 
-        placeholder="Select Cities" 
-        optionLabel="name" 
-        display="chip" 
-        [showClear]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MultiSelectModule } from 'primeng/multiselect';
-
-interface City {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'multi-select-chips-demo',
-    templateUrl: './multi-select-chips-demo.html',
-    standalone: true,
-    imports: [FormsModule, MultiSelectModule]
-})
-export class MultiSelectChipsDemo {
-    cities!: City[];
-
-    selectedCities!: City[];
-
-    constructor() {
-        this.cities = [
-            {name: 'New York', code: 'NY'},
-            {name: 'Rome', code: 'RM'},
-            {name: 'London', code: 'LDN'},
-            {name: 'Istanbul', code: 'IST'},
-            {name: 'Paris', code: 'PRS'}
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/multiselect/disableddoc.ts b/src/app/showcase/doc/multiselect/disableddoc.ts
deleted file mode 100644
index c45b81d..0000000
--- a/src/app/showcase/doc/multiselect/disableddoc.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-multiSelect [options]="cities" [(ngModel)]="selectedCities" [disabled]="true" optionLabel="name" placeholder="Select Cities" />
-        </div>
-        <app-code [code]="code" selector="multi-select-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc implements OnInit {
-    cities!: City[];
-
-    selectedCities!: City[];
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-multiSelect 
-        [options]="cities" 
-        [(ngModel)]="selectedCities" 
-        [disabled]="true" 
-        optionLabel="name" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-multiSelect 
-        [options]="cities" 
-        [(ngModel)]="selectedCities" 
-        [disabled]="true" 
-        optionLabel="name" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MultiSelectModule } from 'primeng/multiselect';
-
-interface City {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'multi-select-disabled-demo',
-    templateUrl: './multi-select-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, MultiSelectModule]
-})
-export class MultiSelectDisabledDemo implements OnInit {
-    cities!: City[];
-
-    selectedCities!: City[];
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/multiselect/filleddoc.ts b/src/app/showcase/doc/multiselect/filleddoc.ts
deleted file mode 100644
index 484e9b5..0000000
--- a/src/app/showcase/doc/multiselect/filleddoc.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'filled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-multiSelect [options]="cities" [(ngModel)]="selectedCities" variant="filled" optionLabel="name" placeholder="Select Cities" />
-        </div>
-        <app-code [code]="code" selector="multi-select-filled-demo"></app-code>
-    `
-})
-export class FilledDoc implements OnInit {
-    cities!: City[];
-
-    selectedCities!: any[];
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-multiSelect 
-    [options]="cities" 
-    [(ngModel)]="selectedCities" 
-    variant="filled"
-    optionLabel="name" 
-    placeholder="Select Cities" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-multiSelect 
-        [options]="cities" 
-        [(ngModel)]="selectedCities" 
-        variant="filled"
-        optionLabel="name" 
-        placeholder="Select Cities" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MultiSelectModule } from 'primeng/multiselect';
-
-interface City {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'multi-select-filled-demo',
-    templateUrl: './multi-select-filled-demo.html',
-    standalone: true,
-    imports: [FormsModule, MultiSelectModule]
-})
-export class MultiSelectFilledDemo implements OnInit {
-
-    cities!: City[];
-
-    selectedCities!: City[];
-
-    ngOnInit() {
-        this.cities = [
-            {name: 'New York', code: 'NY'},
-            {name: 'Rome', code: 'RM'},
-            {name: 'London', code: 'LDN'},
-            {name: 'Istanbul', code: 'IST'},
-            {name: 'Paris', code: 'PRS'}
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/multiselect/filterdoc.ts b/src/app/showcase/doc/multiselect/filterdoc.ts
deleted file mode 100644
index 808151a..0000000
--- a/src/app/showcase/doc/multiselect/filterdoc.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'filter-doc',
-    template: `
-        <app-docsectiontext>
-            <p>MultiSelect provides built-in filtering that is enabled by adding the <i>filter</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-multiSelect [options]="cities" [(ngModel)]="selectedCities" [filter]="true" optionLabel="name" placeholder="Select Cities" />
-        </div>
-        <app-code [code]="code" selector="multi-select-filter-demo"></app-code>
-    `
-})
-export class FilterDoc implements OnInit {
-    cities!: City[];
-
-    selectedCities!: City[];
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-multiSelect 
-    [options]="cities" 
-    [(ngModel)]="selectedCities" 
-    [filter]="true" 
-    optionLabel="name" 
-    placeholder="Select Cities" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-multiSelect 
-        [options]="cities" 
-        [(ngModel)]="selectedCities" 
-        [filter]="true" 
-        optionLabel="name" 
-        placeholder="Select Cities" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MultiSelectModule } from 'primeng/multiselect';
-
-interface City {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'multi-select-filter-demo',
-    templateUrl: './multi-select-filter-demo.html',
-    standalone: true,
-    imports: [FormsModule, MultiSelectModule]
-})
-export class MultiSelectFilterDemo implements OnInit {
-    cities!: City[];
-
-    selectedCities!: City[];
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/multiselect/floatlabeldoc.ts b/src/app/showcase/doc/multiselect/floatlabeldoc.ts
deleted file mode 100644
index bd60fc6..0000000
--- a/src/app/showcase/doc/multiselect/floatlabeldoc.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'floatlabel-doc',
-    template: `
-        <app-docsectiontext>
-            <p>A floating label appears on top of the input field when focused. Visit <a routerLink="/floatlabel">FloatLabel</a> documentation for more information.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <p-multiSelect inputId="float-label" [options]="cities" [(ngModel)]="selectedCities" optionLabel="name" />
-                <label for="float-label">MultiSelect</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <p-multiSelect inputId="float-label" [options]="cities" [(ngModel)]="selectedCities" optionLabel="name" />
-                <label for="float-label">MultiSelect</label>
-            </p-floatLabel>
-        </div>
-        <app-code [code]="code" selector="multi-select-floatlabel-demo"></app-code>
-    `
-})
-export class FloatLabelDoc implements OnInit {
-    cities!: City[];
-
-    selectedCities!: City[];
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-floatLabel>
-    <p-multiSelect
-        inputId="float-label"
-        [options]="cities"
-        [(ngModel)]="selectedCities"
-        optionLabel="name" />
-    <label for="float-label">MultiSelect</label>
-</p-floatLabel>`,
-
-        html: `<div class="card flex justify-center">
-    <p-floatLabel>
-        <p-multiSelect
-            inputId="float-label"
-            [options]="cities"
-            [(ngModel)]="selectedCities"
-            optionLabel="name" />
-        <label for="float-label">MultiSelect</label>
-    </p-floatLabel>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MultiSelectModule } from 'primeng/multiselect';
-import { FloatLabelModule } from 'primeng/floatlabel';
-
-interface City {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'multi-select-floatlabel-demo',
-    templateUrl: './multi-select-floatlabel-demo.html',
-    standalone: true,
-    imports: [FormsModule, MultiSelectModule, FloatLabelModule]
-})
-export class MultiSelectFloatlabelDemo implements OnInit {
-    cities!: City[];
-
-    selectedCities!: City[];
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/multiselect/groupdoc.ts b/src/app/showcase/doc/multiselect/groupdoc.ts
deleted file mode 100644
index eb08b7c..0000000
--- a/src/app/showcase/doc/multiselect/groupdoc.ts
+++ /dev/null
@@ -1,165 +0,0 @@
-import { Component } from '@angular/core';
-import { SelectItemGroup } from 'primeng/api';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'group-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Options can be grouped when a nested data structures is provided.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-multiSelect [options]="groupedCities" [group]="true" [(ngModel)]="selectedCities" placeholder="Select Cities" scrollHeight="250px" display="chip">
-                <ng-template let-group pTemplate="group">
-                    <div class="flex items-center">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'mr-2 flag flag-' + group.value" style="width: 20px" />
-                        <span>{{ group.label }}</span>
-                    </div>
-                </ng-template>
-            </p-multiSelect>
-        </div>
-        <app-code [code]="code" selector="multi-select-group-demo"></app-code>
-    `
-})
-export class GroupDoc {
-    groupedCities!: SelectItemGroup[];
-
-    selectedCities!: City[];
-
-    constructor() {
-        this.groupedCities = [
-            {
-                label: 'Germany',
-                value: 'de',
-                items: [
-                    { label: 'Berlin', value: 'Berlin' },
-                    { label: 'Frankfurt', value: 'Frankfurt' },
-                    { label: 'Hamburg', value: 'Hamburg' },
-                    { label: 'Munich', value: 'Munich' }
-                ]
-            },
-            {
-                label: 'USA',
-                value: 'us',
-                items: [
-                    { label: 'Chicago', value: 'Chicago' },
-                    { label: 'Los Angeles', value: 'Los Angeles' },
-                    { label: 'New York', value: 'New York' },
-                    { label: 'San Francisco', value: 'San Francisco' }
-                ]
-            },
-            {
-                label: 'Japan',
-                value: 'jp',
-                items: [
-                    { label: 'Kyoto', value: 'Kyoto' },
-                    { label: 'Osaka', value: 'Osaka' },
-                    { label: 'Tokyo', value: 'Tokyo' },
-                    { label: 'Yokohama', value: 'Yokohama' }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-multiSelect 
-    [options]="groupedCities" 
-    [group]="true" 
-    [(ngModel)]="selectedCities" 
-    placeholder="Select Cities"
-    scrollHeight="250px" 
-    display="chip">
-        <ng-template let-group pTemplate="group">
-            <div class="flex items-center">
-                <img 
-                    src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                    [class]="'mr-2 flag flag-' + group.value" 
-                    style="width: 20px" />
-                <span>{{ group.label }}</span>
-            </div>
-        </ng-template>
-</p-multiSelect>`,
-
-        html: `<div class="card flex justify-center">
-    <p-multiSelect 
-        [options]="groupedCities" 
-        [group]="true" 
-        [(ngModel)]="selectedCities" 
-        placeholder="Select Cities" 
-        scrollHeight="250px" 
-        display="chip">
-            <ng-template let-group pTemplate="group">
-                <div class="flex items-center">
-                    <img 
-                        src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" 
-                        [class]="'mr-2 flag flag-' + group.value" 
-                        style="width: 20px" />
-                    <span>{{ group.label }}</span>
-                </div>
-            </ng-template>
-    </p-multiSelect>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { SelectItemGroup } from 'primeng/api';
-import { FormsModule } from '@angular/forms';
-import { MultiSelectModule } from 'primeng/multiselect';
-
-interface City {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'multi-select-group-demo',
-    templateUrl: './multi-select-group-demo.html',
-    standalone: true,
-    imports: [FormsModule, MultiSelectModule]
-})
-export class MultiSelectGroupDemo {
-    groupedCities!: SelectItemGroup[];
-
-    selectedCities!: City[];
-
-    constructor() {
-        this.groupedCities = [
-            {
-                label: 'Germany',
-                value: 'de',
-                items: [
-                    { label: 'Berlin', value: 'Berlin' },
-                    { label: 'Frankfurt', value: 'Frankfurt' },
-                    { label: 'Hamburg', value: 'Hamburg' },
-                    { label: 'Munich', value: 'Munich' }
-                ]
-            },
-            {
-                label: 'USA',
-                value: 'us',
-                items: [
-                    { label: 'Chicago', value: 'Chicago' },
-                    { label: 'Los Angeles', value: 'Los Angeles' },
-                    { label: 'New York', value: 'New York' },
-                    { label: 'San Francisco', value: 'San Francisco' }
-                ]
-            },
-            {
-                label: 'Japan',
-                value: 'jp',
-                items: [
-                    { label: 'Kyoto', value: 'Kyoto' },
-                    { label: 'Osaka', value: 'Osaka' },
-                    { label: 'Tokyo', value: 'Tokyo' },
-                    { label: 'Yokohama', value: 'Yokohama' }
-                ]
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/multiselect/importdoc.ts b/src/app/showcase/doc/multiselect/importdoc.ts
deleted file mode 100644
index 5e56f17..0000000
--- a/src/app/showcase/doc/multiselect/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { MultiSelectModule } from 'primeng/multiselect';`
-    };
-}
diff --git a/src/app/showcase/doc/multiselect/invaliddoc.ts b/src/app/showcase/doc/multiselect/invaliddoc.ts
deleted file mode 100644
index 33df375..0000000
--- a/src/app/showcase/doc/multiselect/invaliddoc.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'invalid-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-dirty</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-multiSelect [options]="cities" [(ngModel)]="selectedCities" class="ng-dirty ng-invalid" optionLabel="name" placeholder="Select Cities" />
-        </div>
-        <app-code [code]="code" selector="multi-select-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc implements OnInit {
-    cities!: City[];
-
-    selectedCities!: City[];
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-multiSelect 
-        [options]="cities" 
-        [(ngModel)]="selectedCities" 
-        class="ng-dirty ng-invalid" 
-        optionLabel="name" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-multiSelect 
-        [options]="cities" 
-        [(ngModel)]="selectedCities" 
-        class="ng-dirty ng-invalid" 
-        optionLabel="name" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MultiSelectModule } from 'primeng/multiselect';
-
-interface City {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'multi-select-invalid-demo',
-    templateUrl: './multi-select-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, MultiSelectModule]
-})
-export class MultiSelectInvalidDemo implements OnInit {
-    cities!: City[];
-
-    selectedCities!: City[];
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/multiselect/loadingstatedoc.ts b/src/app/showcase/doc/multiselect/loadingstatedoc.ts
deleted file mode 100644
index 97d10d5..0000000
--- a/src/app/showcase/doc/multiselect/loadingstatedoc.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'loading-state-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Loading state can be used <i>loading</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-multiSelect [options]="cities" [(ngModel)]="selectedCities" [loading]="true" optionLabel="name" placeholder="Loading..." />
-        </div>
-        <app-code [code]="code" selector="multi-select-loading-state-demo"></app-code>
-    `
-})
-export class LoadingStateDoc implements OnInit {
-    cities!: City[];
-
-    selectedCities!: any[];
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-multiSelect 
-    [options]="cities" 
-    [(ngModel)]="selectedCities" 
-    [loading]="true"
-    optionLabel="name" 
-    placeholder="Loading..." />`,
-
-        html: `<div class="card flex justify-center">
-    <p-multiSelect 
-        [options]="cities" 
-        [(ngModel)]="selectedCities" 
-        [loading]="true"
-        optionLabel="name" 
-        placeholder="Loading..." />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MultiSelectModule } from 'primeng/multiselect';
-
-interface City {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'multi-select-loading-state-demo',
-    templateUrl: './multi-select-loading-state-demo.html',
-    standalone: true,
-    imports: [FormsModule, MultiSelectModule]
-})
-export class MultiSelectLoadingStateDemo implements OnInit {
-
-    cities!: City[];
-
-    selectedCities!: City[];
-
-    ngOnInit() {
-        this.cities = [
-            {name: 'New York', code: 'NY'},
-            {name: 'Rome', code: 'RM'},
-            {name: 'London', code: 'LDN'},
-            {name: 'Istanbul', code: 'IST'},
-            {name: 'Paris', code: 'PRS'}
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/multiselect/multiselectdoc.module.ts b/src/app/showcase/doc/multiselect/multiselectdoc.module.ts
deleted file mode 100644
index 1685365..0000000
--- a/src/app/showcase/doc/multiselect/multiselectdoc.module.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { MultiSelectModule } from 'primeng/multiselect';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { ChipsDoc } from './chipsdoc';
-import { DisabledDoc } from './disableddoc';
-import { FilterDoc } from './filterdoc';
-import { FloatLabelDoc } from './floatlabeldoc';
-import { GroupDoc } from './groupdoc';
-import { ImportDoc } from './importdoc';
-import { InvalidDoc } from './invaliddoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-import { VirtualScrollDoc } from './virtualscrolldoc';
-import { LoadingStateDoc } from './loadingstatedoc';
-import { FloatLabelModule } from 'primeng/floatlabel';
-import { FilledDoc } from './filleddoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, RouterModule, MultiSelectModule, FormsModule, ReactiveFormsModule, AppDocModule, FloatLabelModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, ChipsDoc, GroupDoc, FilterDoc, TemplateDoc, VirtualScrollDoc, FloatLabelDoc, InvalidDoc, DisabledDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc, LoadingStateDoc, FilledDoc]
-})
-export class MultiSelectDocModule {}
diff --git a/src/app/showcase/doc/multiselect/reactiveformsdoc.ts b/src/app/showcase/doc/multiselect/reactiveformsdoc.ts
deleted file mode 100644
index 897899b..0000000
--- a/src/app/showcase/doc/multiselect/reactiveformsdoc.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-interface City {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>MultiSelect can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <p-multiSelect [options]="cities" formControlName="selectedCities" optionLabel="name" placeholder="Select Cities" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="multi-select-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    cities!: City[];
-
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-
-        this.formGroup = new FormGroup({
-            selectedCities: new FormControl<City[] | null>([{ name: 'Istanbul', code: 'IST' }])
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <p-multiSelect 
-        [options]="cities" 
-        formControlName="selectedCities" 
-        optionLabel="name" 
-        placeholder="Select Cities"/>
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup">
-        <p-multiSelect 
-            [options]="cities" 
-            formControlName="selectedCities" 
-            optionLabel="name" 
-            placeholder="Select Cities"/>
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-
-interface City {
-    name: string,
-    code: string
-}
-
-@Component({
-    selector: 'multi-select-reactive-forms-demo',
-    templateUrl: './multi-select-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, MultiSelectModule]
-})
-export class MultiSelectReactiveFormsDemo implements OnInit {
-    cities!: City[];
-
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.cities = [
-            { name: 'New York', code: 'NY' },
-            { name: 'Rome', code: 'RM' },
-            { name: 'London', code: 'LDN' },
-            { name: 'Istanbul', code: 'IST' },
-            { name: 'Paris', code: 'PRS' }
-        ];
-
-        this.formGroup = new FormGroup({
-            selectedCities: new FormControl<City[] | null>([{ name: 'Istanbul', code: 'IST' }])
-        });
-    }  
-}`
-    };
-}
diff --git a/src/app/showcase/doc/multiselect/styledoc.ts b/src/app/showcase/doc/multiselect/styledoc.ts
deleted file mode 100644
index 0d6fb19..0000000
--- a/src/app/showcase/doc/multiselect/styledoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-multiselect</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-multiselect-label-container</td>
-                        <td>Container of the label to display selected items.</td>
-                    </tr>
-                    <tr>
-                        <td>p-multiselect-label</td>
-                        <td>Label to display selected items.</td>
-                    </tr>
-                    <tr>
-                        <td>p-multiselect-trigger</td>
-                        <td>Dropdown button.</td>
-                    </tr>
-                    <tr>
-                        <td>p-multiselect-filter-container</td>
-                        <td>Container of filter input.</td>
-                    </tr>
-                    <tr>
-                        <td>p-multiselect-panel</td>
-                        <td>Overlay panel for items.</td>
-                    </tr>
-                    <tr>
-                        <td>p-multiselect-items</td>
-                        <td>List container of items.</td>
-                    </tr>
-                    <tr>
-                        <td>p-multiselect-item</td>
-                        <td>An item in the list.</td>
-                    </tr>
-                    <tr>
-                        <td>p-multiselect-open</td>
-                        <td>Container element when overlay is visible.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/multiselect/templatedoc.ts b/src/app/showcase/doc/multiselect/templatedoc.ts
deleted file mode 100644
index 65d8bae..0000000
--- a/src/app/showcase/doc/multiselect/templatedoc.ts
+++ /dev/null
@@ -1,171 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface Country {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Available options and the selected options support templating with <i>pTemplate</i> properties respectively. In addition, header, footer and filter sections can be templated as well.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-multiSelect [options]="countries" [(ngModel)]="selectedCountries" placeholder="Select Countries" optionLabel="name">
-                <ng-template let-value pTemplate="selectedItems">
-                    <div class="inline-flex items-center gap-2 px-1" *ngFor="let option of value">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + option.code.toLowerCase()" style="width: 18px" />
-                        <div>{{ option.name }},</div>
-                    </div>
-                    <div *ngIf="!value || value.length === 0">Select Countries</div>
-                </ng-template>
-                <ng-template let-country pTemplate="item">
-                    <div class="flex items-center gap-2">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" style="width: 18px" />
-                        <div>{{ country.name }}</div>
-                    </div>
-                </ng-template>
-                <ng-template let-country pTemplate="footer">
-                    <div class="py-2 px-3">
-                        <b>
-                            {{ selectedCountries ? selectedCountries.length : 0 }}
-                        </b>
-                        item{{ (selectedCountries ? selectedCountries.length : 0) > 1 ? 's' : '' }} selected.
-                    </div>
-                </ng-template>
-            </p-multiSelect>
-        </div>
-        <app-code [code]="code" selector="multi-select-template-demo"></app-code>
-    `
-})
-export class TemplateDoc implements OnInit {
-    countries!: Country[];
-
-    selectedCountries!: Country[];
-
-    ngOnInit() {
-        this.countries = [
-            { name: 'Australia', code: 'AU' },
-            { name: 'Brazil', code: 'BR' },
-            { name: 'China', code: 'CN' },
-            { name: 'Egypt', code: 'EG' },
-            { name: 'France', code: 'FR' },
-            { name: 'Germany', code: 'DE' },
-            { name: 'India', code: 'IN' },
-            { name: 'Japan', code: 'JP' },
-            { name: 'Spain', code: 'ES' },
-            { name: 'United States', code: 'US' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-multiSelect 
-    [options]="countries" 
-    [(ngModel)]="selectedCountries" 
-    placeholder="Select Countries" 
-    optionLabel="name">
-        <ng-template let-value pTemplate="selectedItems">
-            <div class="inline-flex items-center gap-2 px-1" *ngFor="let option of value">
-                <img 
-                    src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" 
-                    [class]="'flag flag-' + option.code.toLowerCase()" 
-                    style="width: 18px" />
-                <div>{{ option.name }},</div>
-            </div>
-            <div *ngIf="!value || value.length === 0">Select Countries</div>
-        </ng-template>
-        <ng-template let-country pTemplate="item">
-            <div class="flex items-center gap-2">
-                <img 
-                    src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" 
-                    [class]="'flag flag-' + country.code.toLowerCase()" 
-                    style="width: 18px" />
-                <div>{{ country.name }}</div>
-            </div>
-        </ng-template>
-        <ng-template let-country pTemplate="footer">
-            <div class="py-2 px-3">
-                <b>
-                    {{ selectedCountries ? selectedCountries.length : 0 }}
-                </b> 
-                item{{ (selectedCountries ? selectedCountries.length : 0) > 1 ? 's' : '' }} selected.
-            </div>
-        </ng-template>
-</p-multiSelect>`,
-
-        html: `<div class="card flex justify-center">
-    <p-multiSelect 
-        [options]="countries" 
-        [(ngModel)]="selectedCountries" 
-        placeholder="Select a Country" 
-        optionLabel="name">
-            <ng-template let-value pTemplate="selectedItems">
-                <div class="inline-flex items-center gap-2 px-1" *ngFor="let option of value">
-                    <img 
-                        src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" 
-                        [class]="'flag flag-' + option.code.toLowerCase()" 
-                        style="width: 18px" />
-                    <div>{{ option.name }},</div>
-                </div>
-                <div *ngIf="!value || value.length === 0">Select Countries</div>
-            </ng-template>
-            <ng-template let-country pTemplate="item">
-                <div class="flex items-center gap-2">
-                    <img 
-                        src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" 
-                        [class]="'flag flag-' + country.code.toLowerCase()" 
-                        style="width: 18px" />
-                    <div>{{ country.name }}</div>
-                </div>
-            </ng-template>
-            <ng-template let-country pTemplate="footer">
-                <div class="py-2 px-3">
-                    <b>
-                    {{ selectedCountries ? selectedCountries.length : 0 }}
-                    </b> 
-                    item{{ (selectedCountries ? selectedCountries.length : 0) > 1 ? 's' : '' }} selected.
-                </div>
-            </ng-template>
-    </p-multiSelect>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MultiSelectModule } from 'primeng/multiselect';
-
-interface Country {
-    name: string;
-    code: string;
-}
-
-@Component({
-    selector: 'multi-select-template-demo',
-    templateUrl: './multi-select-template-demo.html',
-    standalone: true,
-    imports: [FormsModule, MultiSelectModule]
-})
-export class MultiSelectTemplateDemo implements OnInit {
-    countries!: Country[];
-
-    selectedCountries!: Country[];
-
-    ngOnInit() {
-        this.countries = [
-            { name: 'Australia', code: 'AU' },
-            { name: 'Brazil', code: 'BR' },
-            { name: 'China', code: 'CN' },
-            { name: 'Egypt', code: 'EG' },
-            { name: 'France', code: 'FR' },
-            { name: 'Germany', code: 'DE' },
-            { name: 'India', code: 'IN' },
-            { name: 'Japan', code: 'JP' },
-            { name: 'Spain', code: 'ES' },
-            { name: 'United States', code: 'US' }
-        ];
-
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/multiselect/virtualscrolldoc.ts b/src/app/showcase/doc/multiselect/virtualscrolldoc.ts
deleted file mode 100644
index 83e6537..0000000
--- a/src/app/showcase/doc/multiselect/virtualscrolldoc.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-import { Component, ViewChild } from '@angular/core';
-import { Code } from '@domain/code';
-import { MultiSelect } from 'primeng/multiselect';
-
-@Component({
-    selector: 'virtual-scroll-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                VirtualScrolling is an efficient way of rendering the options by displaying a small subset of data in the viewport at any time. When dealing with huge number of options, it is suggested to enable VirtualScrolling to avoid performance
-                issues. Usage is simple as setting <i>virtualScroll</i> property to true and defining <i>virtualScrollItemSize</i> to specify the height of an item.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-multiSelect
-                [options]="items"
-                [showToggleAll]="true"
-                [selectAll]="selectAll"
-                [(ngModel)]="selectedItems"
-                optionLabel="label"
-                [virtualScroll]="true"
-                [virtualScrollItemSize]="43"
-                class="multiselect-custom-virtual-scroll"
-                placeholder="Select Cities"
-                (onSelectAllChange)="onSelectAllChange($event)"
-                #ms
-            >
-                <ng-template pTemplate="headercheckboxicon" let-allSelected let-partialSelected="partialSelected">
-                    <i class="pi pi-check" *ngIf="allSelected"></i>
-                    <i class="pi pi-minus" *ngIf="partialSelected" [ngStyle]="{ color: 'var(--text-color)' }"></i>
-                </ng-template>
-            </p-multiSelect>
-        </div>
-        <app-code [code]="code" selector="multi-select-virtual-scroll-demo"></app-code>
-    `
-})
-export class VirtualScrollDoc {
-    @ViewChild('ms') ms: MultiSelect;
-
-    items = Array.from({ length: 100000 }, (_, i) => ({ label: `Item #${i}`, value: i }));
-
-    selectedItems!: any[];
-
-    selectAll: boolean = false;
-
-    onSelectAllChange(event) {
-        this.selectedItems = event.checked ? [...this.ms.visibleOptions()] : [];
-        this.selectAll = event.checked;
-    }
-
-    code: Code = {
-        basic: `<p-multiSelect
-    [options]="items"
-    [showToggleAll]="true"
-    [selectAll]="selectAll"
-    [(ngModel)]="selectedItems"
-    optionLabel="label"
-    [virtualScroll]="true"
-    [virtualScrollItemSize]="43"
-    class="multiselect-custom-virtual-scroll"
-    placeholder="Select Cities"
-    (onSelectAllChange)="onSelectAllChange($event)"
-    #ms
->
-    <ng-template pTemplate="headercheckboxicon" let-allSelected let-partialSelected="partialSelected">
-        <i class="pi pi-check" *ngIf="allSelected"></i>
-        <i class="pi pi-minus" *ngIf="partialSelected" [ngStyle]="{ color: 'var(--text-color)' }"></i>
-    </ng-template>
-</p-multiSelect>`,
-
-        html: `<div class="card flex justify-center">
-    <p-multiSelect
-        [options]="items"
-        [showToggleAll]="true"
-        [selectAll]="selectAll"
-        [(ngModel)]="selectedItems"
-        optionLabel="label"
-        [virtualScroll]="true"
-        [virtualScrollItemSize]="43"
-        class="multiselect-custom-virtual-scroll"
-        placeholder="Select Cities"
-        (onSelectAllChange)="onSelectAllChange($event)"
-        #ms
-        >
-        <ng-template pTemplate="headercheckboxicon" let-allSelected let-partialSelected="partialSelected">
-            <i class="pi pi-check" *ngIf="allSelected"></i>
-            <i class="pi pi-minus" *ngIf="partialSelected" [ngStyle]="{ color: 'var(--text-color)' }"></i>
-        </ng-template>
-    </p-multiSelect>
-</div>`,
-
-        typescript: `import { Component, ViewChild } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MultiSelectModule } from 'primeng/multiselect';
-import { MultiSelect } from 'primeng/multiselect';
-
-@Component({
-    selector: 'multi-select-virtual-scroll-demo',
-    templateUrl: './multi-select-virtual-scroll-demo.html',
-    standalone: true,
-    imports: [FormsModule, MultiSelectModule]
-})
-export class MultiSelectVirtualScrollDemo {
-    @ViewChild('ms') ms: MultiSelect;
-
-    items = Array.from({ length: 100000 }, (_, i) => ({ label: \`Item #\${i}\`, value: i }))
-
-    selectedItems!: any[];
-
-    selectAll: boolean = false;
-
-    onSelectAllChange(event) {
-        this.selectedItems = event.checked ? [...this.ms.visibleOptions()] : [];
-        this.selectAll = event.checked;
-    }
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/orderlist/accessibilitydoc.ts b/src/app/showcase/doc/orderlist/accessibilitydoc.ts
deleted file mode 100644
index 04e4de4..0000000
--- a/src/app/showcase/doc/orderlist/accessibilitydoc.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <h3>Screen Reader</h3>
-        <p>
-            Value to describe the source listbox and target listbox can be provided with <i>sourceListProps</i> and <i>targetListProps</i> by passing <i>aria-labelledby</i> or <i>aria-label</i> props. The list elements has a <i>listbox</i> role with
-            the <i>aria-multiselectable</i> attribute. Each list item has an <i>option</i> role with <i>aria-selected</i> and <i>aria-disabled</i> as their attributes.
-        </p>
-        <p>
-            Controls buttons are <i>button</i> elements with an <i>aria-label</i> that refers to the <i>aria.moveTop</i>, <i>aria.moveUp</i>, <i>aria.moveDown</i>, <i>aria.moveBottom</i>,<i>aria.moveTo</i>, <i>aria.moveAllTo</i>,
-            <i>aria.moveFrom</i> and <i>aria.moveAllFrom</i> properties of the <a href="/configuration/#locale">locale</a> API by default, alternatively you may use<i>moveTopButtonProps</i>, <i>moveUpButtonProps</i>, <i>moveDownButtonProps</i>,
-            <i>moveToButtonProps</i>, <i>moveAllToButtonProps</i>, <i>moveFromButtonProps</i>, <i>moveFromButtonProps</i> and <i>moveAllFromButtonProps</i> to customize the buttons like overriding the default <i>aria-label</i> attributes.
-        </p>
-
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-
-        <h3>OrderList Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>tab</i></td>
-                        <td>Moves focus to the first selected option, if there is none then first option receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td><i>up arrow</i></td>
-                        <td>Moves focus to the previous option.</td>
-                    </tr>
-                    <tr>
-                        <td><i>down arrow</i></td>
-                        <td>Moves focus to the next option.</td>
-                    </tr>
-                    <tr>
-                        <td><i>enter</i></td>
-                        <td>Toggles the selected state of the focused option.</td>
-                    </tr>
-                    <tr>
-                        <td><i>space</i></td>
-                        <td>Toggles the selected state of the focused option.</td>
-                    </tr>
-                    <tr>
-                        <td><i>home</i></td>
-                        <td>Moves focus to the first option.</td>
-                    </tr>
-                    <tr>
-                        <td><i>end</i></td>
-                        <td>Moves focus to the last option.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>down arrow</i></td>
-                        <td>Moves focus to the next option and toggles the selection state.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>up arrow</i></td>
-                        <td>Moves focus to the previous option and toggles the selection state.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>space</i></td>
-                        <td>Selects the items between the most recently selected option and the focused option.</td>
-                    </tr>
-                    <tr>
-                        <td><i>control</i> + <i>shift</i> + <i>home</i></td>
-                        <td>Selects the focused options and all the options up to the first one.</td>
-                    </tr>
-                    <tr>
-                        <td><i>control</i> + <i>shift</i> + <i>end</i></td>
-                        <td>Selects the focused options and all the options down to the first one.</td>
-                    </tr>
-                    <tr>
-                        <td><i>control</i> + <i>a</i></td>
-                        <td>Selects all options.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-        <h3>Buttons Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>enter</i></td>
-                        <td>Executes button action.</td>
-                    </tr>
-                    <tr>
-                        <td><i>space</i></td>
-                        <td>Executes button action.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        html: `<span id="lb">Options</span>        
-<p-orderList ariaLabelledBy="lb" />
-
-<p-orderList ariaLabel="City" />`
-    };
-}
diff --git a/src/app/showcase/doc/orderlist/basicdoc.ts b/src/app/showcase/doc/orderlist/basicdoc.ts
deleted file mode 100644
index a0ab02c..0000000
--- a/src/app/showcase/doc/orderlist/basicdoc.ts
+++ /dev/null
@@ -1,183 +0,0 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>OrderList is used as a controlled input with <i>value</i> properties. Content of a list item needs to be defined with the <i>pTemplate</i> property that receives an object in the list as parameter.</p>
-        </app-docsectiontext>
-        <div class="card xl:flex xl:justify-center">
-            <p-orderList [value]="products" [listStyle]="{ height: '25rem' }" header="List of Products">
-                <ng-template let-product pTemplate="item">
-                    <div class="flex flex-wrap p-2 items-center gap-3">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" [alt]="product.name" class="!w-4 shadow-2 flex-shrink-0 border-round" />
-                        <div class="flex-1 flex flex-col gap-2">
-                            <span class="font-bold">{{ product.name }}</span>
-                            <div class="flex items-center gap-2">
-                                <i class="pi pi-tag text-sm"></i>
-                                <span>{{ product.category }}</span>
-                            </div>
-                        </div>
-                        <span class="font-bold text-900">{{ '$' + product.price }}</span>
-                    </div>
-                </ng-template>
-            </p-orderList>
-        </div>
-        <app-code [code]="code" selector="orderlist-basic-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    products!: Product[];
-
-    constructor(
-        private productService: ProductService,
-        private cdr: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((cars) => {
-            this.products = cars;
-            this.cdr.detectChanges();
-        });
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-
-    code: Code = {
-        basic: `<p-orderList
-    [value]="products"
-    [listStyle]="{ height: '25rem' }"
-    header="List of Products">
-        <ng-template let-product pTemplate="item">
-            <div class="flex flex-wrap p-2 items-center gap-3">
-                <img
-                    src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}"
-                    [alt]="product.name"
-                    class="!w-4 shadow-2 flex-shrink-0 border-round" />
-                        <div class="flex-1 flex flex-col gap-2">
-                            <span class="font-bold">{{ product.name }}</span>
-                            <div class="flex items-center gap-2">
-                                <i class="pi pi-tag text-sm"></i>
-                                <span>
-                                    {{ product.category }}
-                                </span>
-                            </div>
-                        </div>
-                <span class="font-bold text-900">
-                    {{ '$' + product.price }}
-                </span>
-            </div>
-        </ng-template>
-</p-orderList>`,
-
-        html: `<div class="card xl:flex xl:justify-center">
-    <p-orderList
-        [value]="products"
-        [listStyle]="{ height: '25rem' }"
-        header="List of Products">
-            <ng-template let-product pTemplate="item">
-                <div class="flex flex-wrap p-2 items-center gap-3">
-                    <img
-                        src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}"
-                        [alt]="product.name"
-                        class="!w-4 shadow-2 flex-shrink-0 border-round" />
-                            <div class="flex-1 flex flex-col gap-2">
-                                <span class="font-bold">{{ product.name }}</span>
-                                <div class="flex items-center gap-2">
-                                    <i class="pi pi-tag text-sm"></i>
-                                    <span>
-                                        {{ product.category }}
-                                    </span>
-                                </div>
-                            </div>
-                    <span class="font-bold text-900">
-                        {{ '$' + product.price }}
-                    </span>
-                </div>
-            </ng-template>
-    </p-orderList>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { OrderListModule } from 'primeng/orderlist';
-
-@Component({
-    selector: 'orderlist-basic-demo',
-    templateUrl: './orderlist-basic-demo.html',
-    standalone: true,
-    imports: [OrderListModule],
-    providers: [ProductService]
-})
-export class OrderlistBasicDemo implements OnInit {
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((cars) => (this.products = cars));
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-}`,
-
-        data: `
-/* ProductService */
-{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/orderlist/dragdropdoc.ts b/src/app/showcase/doc/orderlist/dragdropdoc.ts
deleted file mode 100644
index d42df4b..0000000
--- a/src/app/showcase/doc/orderlist/dragdropdoc.ts
+++ /dev/null
@@ -1,185 +0,0 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'drag-drop-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Items can be reordered using drag and drop by enabling <i>dragdrop</i> property. Depends on <i>&#64;angular/cdk</i> package.</p>
-        </app-docsectiontext>
-        <div class="card xl:flex xl:justify-center">
-            <p-orderList [value]="products" [listStyle]="{ 'max-height': '30rem' }" header="List of Products" [dragdrop]="true">
-                <ng-template let-product pTemplate="item">
-                    <div class="flex flex-wrap p-2 items-center gap-3">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" [alt]="product.name" class="!w-4 shadow-2 flex-shrink-0 border-round" />
-                        <div class="flex-1 flex flex-col gap-2">
-                            <span class="font-bold">{{ product.name }}</span>
-                            <div class="flex items-center gap-2">
-                                <i class="pi pi-tag text-sm"></i>
-                                <span>{{ product.category }}</span>
-                            </div>
-                        </div>
-                        <span class="font-bold text-900">{{ '$' + product.price }}</span>
-                    </div>
-                </ng-template>
-            </p-orderList>
-        </div>
-        <app-code [code]="code" selector="orderlist-drag-drop-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class DragDropDoc implements OnInit {
-    products!: Product[];
-
-    constructor(
-        private productService: ProductService,
-        private cdr: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((cars) => {
-            this.products = cars;
-            this.cdr.detectChanges();
-        });
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-
-    code: Code = {
-        basic: `<p-orderList
-    [value]="products"
-    [listStyle]="{ 'max-height': '30rem' }"
-    header="List of Products"
-    [dragdrop]="true">
-        <ng-template let-product pTemplate="item">
-            <div class="flex flex-wrap p-2 items-center gap-3">
-                <img
-                    src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}"
-                    [alt]="product.name"
-                    class="!w-4 shadow-2 flex-shrink-0 border-round" />
-                        <div class="flex-1 flex flex-col gap-2">
-                            <span class="font-bold">{{ product.name }}</span>
-                            <div class="flex items-center gap-2">
-                                <i class="pi pi-tag text-sm"></i>
-                                <span>
-                                    {{ product.category }}
-                                </span>
-                            </div>
-                        </div>
-                <span class="font-bold text-900">
-                    {{ '$' + product.price }}
-                </span>
-            </div>
-        </ng-template>
-</p-orderList>`,
-
-        html: `<div class="card xl:flex xl:justify-center">
-    <p-orderList
-        [value]="products"
-        [listStyle]="{ 'max-height': '30rem' }"
-        header="List of Products"
-        [dragdrop]="true">
-            <ng-template let-product pTemplate="item">
-                <div class="flex flex-wrap p-2 items-center gap-3">
-                    <img
-                        src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}"
-                        [alt]="product.name"
-                        class="!w-4 shadow-2 flex-shrink-0 border-round" />
-                            <div class="flex-1 flex flex-col gap-2">
-                                <span class="font-bold">{{ product.name }}</span>
-                                <div class="flex items-center gap-2">
-                                    <i class="pi pi-tag text-sm"></i>
-                                    <span>
-                                        {{ product.category }}
-                                    </span>
-                                </div>
-                            </div>
-                    <span class="font-bold text-900">
-                        {{ '$' + product.price }}
-                    </span>
-                </div>
-            </ng-template>
-    </p-orderList>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { OrderListModule } from 'primeng/orderlist';
-
-@Component({
-    selector: 'orderlist-drag-drop-demo',
-    templateUrl: './orderlist-drag-drop-demo.html',
-    standalone: true,
-    imports: [OrderListModule],
-    providers: [ProductService]
-})
-export class OrderlistDragDropDemo implements OnInit {
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((cars) => (this.products = cars));
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-}`,
-
-        data: `
-/* ProductService */
-{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/orderlist/filterdoc.ts b/src/app/showcase/doc/orderlist/filterdoc.ts
deleted file mode 100644
index 8bd0631..0000000
--- a/src/app/showcase/doc/orderlist/filterdoc.ts
+++ /dev/null
@@ -1,183 +0,0 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'filter-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Filter value is checked against the property of an object configured with the <i>filterBy</i> property</p>
-        </app-docsectiontext>
-        <div class="card xl:flex xl:justify-center">
-            <p-orderList [value]="products" [listStyle]="{ 'max-height': '30rem' }" header="List of Products" filterBy="name" filterPlaceholder="Filter by name">
-                <ng-template let-product pTemplate="item">
-                    <div class="flex flex-wrap p-2 items-center gap-3">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" [alt]="product.name" class="!w-4 shadow-2 flex-shrink-0 border-round" />
-                        <div class="flex-1 flex flex-col gap-2">
-                            <span class="font-bold">{{ product.name }}</span>
-                            <div class="flex items-center gap-2">
-                                <i class="pi pi-tag text-sm"></i>
-                                <span>{{ product.category }}</span>
-                            </div>
-                        </div>
-                        <span class="font-bold text-900">{{ '$' + product.price }}</span>
-                    </div>
-                </ng-template>
-            </p-orderList>
-        </div>
-        <app-code [code]="code" selector="orderlist-filter-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class FilterDoc implements OnInit {
-    products!: Product[];
-
-    constructor(
-        private productService: ProductService,
-        private cdr: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((cars) => {
-            this.products = cars;
-            this.cdr.detectChanges();
-        });
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-
-    code: Code = {
-        basic: `<p-orderList
-    [value]="products"
-    [listStyle]="{ 'max-height': '30rem' }"
-    header="List of Products"
-    filterBy="name"
-    filterPlaceholder="Filter by name">
-        <ng-template let-product pTemplate="item">
-            <div class="flex flex-wrap p-2 items-center gap-3">
-                <img
-                    src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}"
-                    [alt]="product.name"
-                    class="!w-4 shadow-2 flex-shrink-0 border-round" />
-                    <div class="flex-1 flex flex-col gap-2">
-                        <span class="font-bold">{{ product.name }}</span>
-                        <div class="flex items-center gap-2">
-                            <i class="pi pi-tag text-sm"></i>
-                            <span>{{ product.category }}</span>
-                        </div>
-                    </div>
-                <span class="font-bold text-900">
-                    {{ '$' + product.price }}
-                </span>
-            </div>
-        </ng-template>
-</p-orderList>`,
-
-        html: `<div class="card xl:flex xl:justify-center">
-    <p-orderList
-        [value]="products"
-        [listStyle]="{ 'max-height': '30rem' }"
-        header="List of Products"
-        filterBy="name"
-        filterPlaceholder="Filter by name">
-            <ng-template let-product pTemplate="item">
-                <div class="flex flex-wrap p-2 items-center gap-3">
-                    <img
-                        src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}"
-                        [alt]="product.name"
-                        class="!w-4 shadow-2 flex-shrink-0 border-round" />
-                            <div class="flex-1 flex flex-col gap-2">
-                                <span class="font-bold">{{ product.name }}</span>
-                                <div class="flex items-center gap-2">
-                                    <i class="pi pi-tag text-sm"></i>
-                                    <span>{{ product.category }}</span>
-                                </div>
-                            </div>
-                    <span class="font-bold text-900">
-                        {{ '$' + product.price }}
-                    </span>
-                </div>
-            </ng-template>
-    </p-orderList>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { OrderListModule } from 'primeng/orderlist';
-
-@Component({
-    selector: 'orderlist-filter-demo',
-    templateUrl: './orderlist-filter-demo.html',
-    standalone: true,
-    imports: [OrderListModule],
-    providers: [ProductService]
-})
-export class OrderlistFilterDemo implements OnInit {
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((cars) => (this.products = cars));
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-}`,
-
-        data: `
-/* ProductService */
-{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/orderlist/importdoc.ts b/src/app/showcase/doc/orderlist/importdoc.ts
deleted file mode 100644
index a620186..0000000
--- a/src/app/showcase/doc/orderlist/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { OrderListModule } from 'primeng/orderlist';`
-    };
-}
diff --git a/src/app/showcase/doc/orderlist/orderlistdoc.module.ts b/src/app/showcase/doc/orderlist/orderlistdoc.module.ts
deleted file mode 100644
index f1298b6..0000000
--- a/src/app/showcase/doc/orderlist/orderlistdoc.module.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { OrderListModule } from 'primeng/orderlist';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BasicDoc } from './basicdoc';
-import { DragDropDoc } from './dragdropdoc';
-import { FilterDoc } from './filterdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { TagModule } from 'primeng/tag';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, OrderListModule, RouterModule, TagModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, FilterDoc, DragDropDoc, StyleDoc, AccessibilityDoc]
-})
-export class OrderlistDocModule {}
diff --git a/src/app/showcase/doc/orderlist/styledoc.ts b/src/app/showcase/doc/orderlist/styledoc.ts
deleted file mode 100644
index 24ee9d9..0000000
--- a/src/app/showcase/doc/orderlist/styledoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-orderlist</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-orderlist-list</td>
-                        <td>List container.</td>
-                    </tr>
-                    <tr>
-                        <td>p-orderlist-item</td>
-                        <td>An item in the list.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/organizationchart/accessibilitydoc.ts b/src/app/showcase/doc/organizationchart/accessibilitydoc.ts
deleted file mode 100644
index 074647f..0000000
--- a/src/app/showcase/doc/organizationchart/accessibilitydoc.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <h3>Screen Reader</h3>
-        <p>
-            Component currently uses a table based implementation and does not provide high level of screen reader support, a nested list implementation replacement is planned with aria roles and attributes aligned to a tree widget for high level of
-            reader support in the upcoming versions.
-        </p>
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>tab</i></td>
-                        <td>Moves focus through the focusable elements within the chart.</td>
-                    </tr>
-                    <tr>
-                        <td><i>enter</i></td>
-                        <td>Toggles the expanded state of a node.</td>
-                    </tr>
-                    <tr>
-                        <td><i>space</i></td>
-                        <td>Toggles the expanded state of a node.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/organizationchart/basicdoc.ts b/src/app/showcase/doc/organizationchart/basicdoc.ts
deleted file mode 100644
index bb4dee7..0000000
--- a/src/app/showcase/doc/organizationchart/basicdoc.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-import { Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>OrganizationChart requires a collection of <i>TreeNode</i> instances as a <i>value</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center overflow-x-auto">
-            <p-organizationChart [value]="data" />
-        </div>
-        <app-code [code]="code" selector="organization-chart-basic-doc"></app-code>
-    `
-})
-export class BasicDoc {
-    data: TreeNode[] = [
-        {
-            label: 'Argentina',
-            expanded: true,
-            children: [
-                {
-                    label: 'Argentina',
-                    expanded: true,
-                    children: [
-                        {
-                            label: 'Argentina'
-                        },
-                        {
-                            label: 'France'
-                        }
-                    ]
-                },
-                {
-                    label: 'France',
-                    expanded: true,
-                    children: [
-                        {
-                            label: 'France'
-                        },
-                        {
-                            label: 'Morocco'
-                        }
-                    ]
-                }
-            ]
-        }
-    ];
-
-    code: Code = {
-        basic: `<p-organizationChart [value]="data" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-organizationChart [value]="data" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { OrganizationChartModule } from 'primeng/organizationchart';
-
-@Component({
-    selector: 'organization-chart-basic-doc',
-    templateUrl: './organization-chart-basic-doc.html',
-    standalone: true,
-    imports: [OrganizationChartModule]
-})
-export class OrganizationChartBasicDoc {
-    data: TreeNode[] = [
-        {
-            label: 'F.C Barcelona',
-            expanded: true,
-            children: [
-                {
-                    label: 'Argentina',
-                    expanded: true,
-                    children: [
-                        {
-                            label: 'Argentina'
-                        },
-                        {
-                            label: 'France'
-                        }
-                    ]
-                },
-                {
-                    label: 'France',
-                    expanded: true,
-                    children: [
-                        {
-                            label: 'France'
-                        },
-                        {
-                            label: 'Morocco'
-                        }
-                    ]
-                }
-            ]
-        }
-    ];
-}`
-    };
-}
diff --git a/src/app/showcase/doc/organizationchart/colored.doc.ts b/src/app/showcase/doc/organizationchart/colored.doc.ts
deleted file mode 100644
index 8741dc0..0000000
--- a/src/app/showcase/doc/organizationchart/colored.doc.ts
+++ /dev/null
@@ -1,187 +0,0 @@
-import { Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'organization-chart-colored-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Styling a specific node is configured with <i>class</i> and <i>style</i> options of a TreeNode.</p></app-docsectiontext
-        >
-        <div class="card flex justify-center overflow-x-auto">
-            <p-organizationChart [value]="data" [collapsible]="true">
-                <ng-template let-node pTemplate="person">
-                    <div class="p-2 text-center">
-                        <img [src]="node.data.image" class="mb-3 !w-3 !h-3" />
-                        <div class="font-bold">{{ node.data.name }}</div>
-                        <div>{{ node.data.title }}</div>
-                    </div>
-                </ng-template>
-            </p-organizationChart>
-        </div>
-        <app-code [code]="code" selector="organization-chart-colored-demo"></app-code>
-    `
-})
-export class ColoredDoc {
-    data: TreeNode[] = [
-        {
-            expanded: true,
-            type: 'person',
-            styleClass: 'bg-indigo-500 text-white',
-            data: {
-                image: 'https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png',
-                name: 'Amy Elsner',
-                title: 'CEO'
-            },
-            children: [
-                {
-                    expanded: true,
-                    type: 'person',
-                    styleClass: 'bg-purple-500 text-white',
-                    data: {
-                        image: 'https://primefaces.org/cdn/primeng/images/demo/avatar/annafali.png',
-                        name: 'Anna Fali',
-                        title: 'CMO'
-                    },
-                    children: [
-                        {
-                            label: 'Sales',
-                            styleClass: 'bg-purple-500 text-white',
-                            style: ' border-radius: 12px'
-                        },
-                        {
-                            label: 'Marketing',
-                            styleClass: 'bg-purple-500 text-white',
-                            style: ' border-radius: 12px'
-                        }
-                    ]
-                },
-                {
-                    expanded: true,
-                    type: 'person',
-                    styleClass: 'bg-teal-500 text-white',
-                    data: {
-                        image: 'https://primefaces.org/cdn/primeng/images/demo/avatar/stephenshaw.png',
-                        name: 'Stephen Shaw',
-                        title: 'CTO'
-                    },
-                    children: [
-                        {
-                            label: 'Development',
-                            styleClass: 'bg-teal-500 text-white'
-                        },
-                        {
-                            label: 'UI/UX Design',
-                            styleClass: 'bg-teal-500 text-white'
-                        }
-                    ]
-                }
-            ]
-        }
-    ];
-
-    code: Code = {
-        basic: `<p-organizationChart [value]="data" [collapsible]="true">
-    <ng-template let-node pTemplate="person">
-        <div class="p-2 text-center">
-            <img
-                [src]="node.data.image"
-                class="mb-3 !w-3 !h-3" />
-            <div class="font-bold">
-                {{ node.data.name }}
-            </div>
-            <div>
-                {{ node.data.title }}
-            </div>
-        </div>
-    </ng-template>
-</p-organizationChart>`,
-
-        html: `<div class="card flex justify-center overflow-x-auto">
-    <p-organizationChart [value]="data" [collapsible]="true">
-        <ng-template let-node pTemplate="person">
-            <div class="p-2 text-center">
-                <img
-                    [src]="node.data.image"
-                    class="mb-3 !w-3 !h-3" />
-                <div class="font-bold">
-                    {{ node.data.name }}
-                </div>
-                <div>
-                    {{ node.data.title }}
-                </div>
-            </div>
-        </ng-template>
-    </p-organizationChart>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { OrganizationChartModule } from 'primeng/organizationchart';
-
-@Component({
-    selector: 'organization-chart-colored-demo',
-    templateUrl: './organization-chart-colored-demo.html',
-    standalone: true,
-    imports: [OrganizationChartModule]
-})
-export class OrganizationChartColoredDemo {
-    data: TreeNode[] = [
-        {
-            expanded: true,
-            type: 'person',
-            styleClass: 'bg-indigo-500 text-white',
-            data: {
-                image: 'https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png',
-                name: 'Amy Elsner',
-                title: 'CEO'
-            },
-            children: [
-                {
-                    expanded: true,
-                    type: 'person',
-                    styleClass: 'bg-purple-500 text-white',
-                    data: {
-                        image: 'https://primefaces.org/cdn/primeng/images/demo/avatar/annafali.png',
-                        name: 'Anna Fali',
-                        title: 'CMO'
-                    },
-                    children: [
-                        {
-                            label: 'Sales',
-                            styleClass: 'bg-purple-500 text-white',
-                            style: ' border-radius: 12px'
-                        },
-                        {
-                            label: 'Marketing',
-                            styleClass: 'bg-purple-500 text-white',
-                            style: ' border-radius: 12px'
-                        }
-                    ]
-                },
-                {
-                    expanded: true,
-                    type: 'person',
-                    styleClass: 'bg-teal-500 text-white',
-                    data: {
-                        image: 'https://primefaces.org/cdn/primeng/images/demo/avatar/stephenshaw.png',
-                        name: 'Stephen Shaw',
-                        title: 'CTO'
-                    },
-                    children: [
-                        {
-                            label: 'Development',
-                            styleClass: 'bg-teal-500 text-white'
-                        },
-                        {
-                            label: 'UI/UX Design',
-                            styleClass: 'bg-teal-500 text-white'
-                        }
-                    ]
-                }
-            ]
-        }
-    ];
-}`
-    };
-}
diff --git a/src/app/showcase/doc/organizationchart/importdoc.ts b/src/app/showcase/doc/organizationchart/importdoc.ts
deleted file mode 100644
index 01e5da7..0000000
--- a/src/app/showcase/doc/organizationchart/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { OrganizationChartModule } from 'primeng/organizationchart';`
-    };
-}
diff --git a/src/app/showcase/doc/organizationchart/organizationchartdoc.module.ts b/src/app/showcase/doc/organizationchart/organizationchartdoc.module.ts
deleted file mode 100644
index 6a40583..0000000
--- a/src/app/showcase/doc/organizationchart/organizationchartdoc.module.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { OrganizationChartModule } from 'primeng/organizationchart';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { ColoredDoc } from './colored.doc';
-import { ImportDoc } from './importdoc';
-import { SelectionDoc } from './selectiondoc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, OrganizationChartModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, TemplateDoc, SelectionDoc, ColoredDoc, StyleDoc, AccessibilityDoc]
-})
-export class OrganizationChartDocModule {}
diff --git a/src/app/showcase/doc/organizationchart/selectiondoc.ts b/src/app/showcase/doc/organizationchart/selectiondoc.ts
deleted file mode 100644
index 8bc25fa..0000000
--- a/src/app/showcase/doc/organizationchart/selectiondoc.ts
+++ /dev/null
@@ -1,183 +0,0 @@
-import { Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'selection-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Nodes can be selected by defining <i>selectionMode</i> along with a value binding with <i>selection</i> properties. By default only one node can be selected, set <i>selectionMode</i> as <i>multiple</i> to select more than one.
-            </p></app-docsectiontext
-        >
-        <div class="card flex justify-center overflow-x-auto">
-            <p-organizationChart [value]="data" selectionMode="multiple" [(selection)]="selectedNodes" [collapsible]="true">
-                <ng-template let-node pTemplate="person">
-                    <div class="p-2 text-center">
-                        <img [src]="node.data.image" class="mb-3 !w-3 !h-3" />
-                        <div class="font-bold">{{ node.data.name }}</div>
-                        <div>{{ node.data.title }}</div>
-                    </div>
-                </ng-template>
-            </p-organizationChart>
-        </div>
-        <app-code [code]="code" selector="organization-chart-selection-demo"></app-code>
-    `
-})
-export class SelectionDoc {
-    selectedNodes!: TreeNode[];
-
-    data: TreeNode[] = [
-        {
-            expanded: true,
-            type: 'person',
-            data: {
-                image: 'https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png',
-                name: 'Amy Elsner',
-                title: 'CEO'
-            },
-            children: [
-                {
-                    expanded: true,
-                    type: 'person',
-                    data: {
-                        image: 'https://primefaces.org/cdn/primeng/images/demo/avatar/annafali.png',
-                        name: 'Anna Fali',
-                        title: 'CMO'
-                    },
-                    children: [
-                        {
-                            label: 'Sales'
-                        },
-                        {
-                            label: 'Marketing'
-                        }
-                    ]
-                },
-                {
-                    expanded: true,
-                    type: 'person',
-                    data: {
-                        image: 'https://primefaces.org/cdn/primeng/images/demo/avatar/stephenshaw.png',
-                        name: 'Stephen Shaw',
-                        title: 'CTO'
-                    },
-                    children: [
-                        {
-                            label: 'Development'
-                        },
-                        {
-                            label: 'UI/UX Design'
-                        }
-                    ]
-                }
-            ]
-        }
-    ];
-
-    code: Code = {
-        basic: `<p-organizationChart
-    [value]="data"
-    selectionMode="multiple"
-    [(selection)]="selectedNodes"
-    [collapsible]="true">
-        <ng-template let-node pTemplate="person">
-            <div class="p-2 text-center">
-                <img
-                    [src]="node.data.image"
-                    class="mb-3 !w-3 !h-3" />
-                <div class="font-bold">
-                    {{ node.data.name }}
-                </div>
-                <div>
-                    {{ node.data.title }}
-                </div>
-            </div>
-        </ng-template>
-</p-organizationChart>`,
-
-        html: `<div class="card flex justify-center overflow-x-auto">
-    <p-organizationChart
-        [value]="data"
-        selectionMode="multiple"
-        [(selection)]="selectedNodes"
-        [collapsible]="true">
-            <ng-template let-node pTemplate="person">
-                <div class="p-2 text-center">
-                    <img
-                        [src]="node.data.image"
-                        class="mb-3 !w-3 !h-3" />
-                    <div class="font-bold">
-                        {{ node.data.name }}
-                    </div>
-                    <div>
-                        {{ node.data.title }}
-                    </div>
-                </div>
-            </ng-template>
-    </p-organizationChart>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { OrganizationChartModule } from 'primeng/organizationchart';
-
-@Component({
-    selector: 'organization-chart-selection-demo',
-    templateUrl: './organization-chart-selection-demo.html',
-    standalone: true,
-    imports: [OrganizationChartModule]
-})
-export class OrganizationChartSelectionDemo {
-    selectedNodes!: TreeNode[];
-
-    data: TreeNode[] = [
-        {
-            expanded: true,
-            type: 'person',
-            data: {
-                image: 'https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png',
-                name: 'Amy Elsner',
-                title: 'CEO'
-            },
-            children: [
-                {
-                    expanded: true,
-                    type: 'person',
-                    data: {
-                        image: 'https://primefaces.org/cdn/primeng/images/demo/avatar/annafali.png',
-                        name: 'Anna Fali',
-                        title: 'CMO'
-                    },
-                    children: [
-                        {
-                            label: 'Sales'
-                        },
-                        {
-                            label: 'Marketing'
-                        }
-                    ]
-                },
-                {
-                    expanded: true,
-                    type: 'person',
-                    data: {
-                        image: 'https://primefaces.org/cdn/primeng/images/demo/avatar/stephenshaw.png',
-                        name: 'Stephen Shaw',
-                        title: 'CTO'
-                    },
-                    children: [
-                        {
-                            label: 'Development'
-                        },
-                        {
-                            label: 'UI/UX Design'
-                        }
-                    ]
-                }
-            ]
-        }
-    ];
-}`
-    };
-}
diff --git a/src/app/showcase/doc/organizationchart/styledoc.ts b/src/app/showcase/doc/organizationchart/styledoc.ts
deleted file mode 100644
index dfed586..0000000
--- a/src/app/showcase/doc/organizationchart/styledoc.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-organizationchart</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-organizationchart-table</td>
-                        <td>Table container of a node.</td>
-                    </tr>
-                    <tr>
-                        <td>p-organizationchart-lines</td>
-                        <td>Connector lines container.</td>
-                    </tr>
-                    <tr>
-                        <td>p-organizationchart-nodes</td>
-                        <td>Contained of node children.</td>
-                    </tr>
-                    <tr>
-                        <td>p-organizationchart-line-right</td>
-                        <td>Right side line of a node connector.</td>
-                    </tr>
-                    <tr>
-                        <td>p-organizationchart-line-left</td>
-                        <td>Left side line of a node connector.</td>
-                    </tr>
-                    <tr>
-                        <td>p-organizationchart-line-top</td>
-                        <td>Top side line of a node connector.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/organizationchart/templatedoc.ts b/src/app/showcase/doc/organizationchart/templatedoc.ts
deleted file mode 100644
index ac2cd33..0000000
--- a/src/app/showcase/doc/organizationchart/templatedoc.ts
+++ /dev/null
@@ -1,157 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Custom content instead of a node <i>label</i> is defined using the <i>pTemplate</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center overflow-x-auto">
-            <p-organizationChart [value]="data" [collapsible]="true">
-                <ng-template let-node pTemplate="default">
-                    <div class="p-2 text-center">
-                        <img src="https://primefaces.org/cdn/primeng/images/flag/flag_placeholder.png" [alt]="node.label" [class]="'flag' + ' flag-' + node.data" width="32" />
-                        <div>{{ node.data.name }}</div>
-                        <div class="p-2">{{ node.label }}</div>
-                    </div>
-                </ng-template>
-            </p-organizationChart>
-        </div>
-        <app-code [code]="code" selector="organization-chart-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    data: TreeNode[] = [
-        {
-            label: 'Argentina',
-            expanded: true,
-            data: 'ar',
-            children: [
-                {
-                    label: 'Argentina',
-                    expanded: true,
-                    data: 'ar',
-                    children: [
-                        {
-                            label: 'Argentina',
-                            data: 'ar'
-                        },
-                        {
-                            label: 'Croatia',
-                            data: 'hr'
-                        }
-                    ]
-                },
-                {
-                    label: 'France',
-                    expanded: true,
-                    data: 'fr',
-                    children: [
-                        {
-                            label: 'France',
-                            data: 'fr'
-                        },
-                        {
-                            label: 'Morocco',
-                            data: 'ma'
-                        }
-                    ]
-                }
-            ]
-        }
-    ];
-
-    code: Code = {
-        basic: `<p-organizationChart [value]="data" [collapsible]="true">
-    <ng-template let-node pTemplate="default">
-        <div class="p-2 text-center">
-            <img 
-                src="https://primefaces.org/cdn/primeng/images/flag/flag_placeholder.png" 
-                [alt]="node.label" 
-                [class]="'flag' + ' flag-' + node.data" 
-                width="32" />
-            <div>
-                {{ node.data.name }}
-            </div>
-            <div class="p-2">
-                {{ node.label }}
-            </div>
-        </div>
-    </ng-template>
-</p-organizationChart>`,
-
-        html: `<div class="card flex justify-center">
-    <p-organizationChart [value]="data" [collapsible]="true">
-        <ng-template let-node pTemplate="default">
-            <div class="p-2 text-center">
-                <img 
-                    src="https://primefaces.org/cdn/primeng/images/flag/flag_placeholder.png" 
-                    [alt]="node.label" 
-                    [class]="'flag' + ' flag-' + node.data" 
-                    width="32" />
-                <div>
-                    {{ node.data.name }}
-                </div>
-                <div class="p-2">
-                    {{ node.label }}
-                </div>
-            </div>
-        </ng-template>
-    </p-organizationChart>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { OrganizationChartModule } from 'primeng/organizationchart';
-
-@Component({
-    selector: 'organization-chart-template-demo',
-    templateUrl: './organization-chart-template-demo.html',
-    standalone: true,
-    imports: [OrganizationChartModule]
-})
-export class OrganizationChartTemplateDemo {
-    data: TreeNode[] = [
-        {
-            label: 'Argentina',
-            expanded: true,
-            data: 'ar',
-            children: [
-                {
-                    label: 'Argentina',
-                    expanded: true,
-                    data: 'ar',
-                    children: [
-                        {
-                            label: 'Argentina',
-                            data: 'ar'
-                        },
-                        {
-                            label: 'Croatia',
-                            data: 'hr'
-                        }
-                    ]
-                },
-                {
-                    label: 'France',
-                    expanded: true,
-                    data: 'fr',
-                    children: [
-                        {
-                            label: 'France',
-                            data: 'fr'
-                        },
-                        {
-                            label: 'Morocco',
-                            data: 'ma'
-                        }
-                    ]
-                }
-            ]
-        }
-    ];
-}`
-    };
-}
diff --git a/src/app/showcase/doc/overlay/accessibilitydoc.ts b/src/app/showcase/doc/overlay/accessibilitydoc.ts
deleted file mode 100644
index abe4a4f..0000000
--- a/src/app/showcase/doc/overlay/accessibilitydoc.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Overlay component uses <i>dialog</i> role and since any attribute is passed to the root element you may define attributes like <i>aria-label</i> or <i>aria-labelledby</i> to describe the popup contents. In addition
-                <i>aria-modal</i> is added since focus is kept within the popup.
-            </p>
-            <p>
-                It is recommended to use a trigger component that can be accessed with keyboard such as a button, if not adding <i>tabIndex</i> would be necessary. Overlay adds <i>aria-expanded</i> state attribute and <i>aria-controls</i> to the
-                trigger so that the relation between the trigger and the popup is defined.
-            </p>
-            <h3>Overlay Keyboard Support</h3>
-            <p>When the popup gets opened, the first focusable element receives the focus and this can be customized by adding <i>autofocus</i> to an element within the popup.</p>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Moves focus to the next the focusable element within the popup.</td>
-                        </tr>
-                        <tr>
-                            <td><i>shift</i> + <i>tab</i></td>
-                            <td>Moves focus to the previous the focusable element within the popup.</td>
-                        </tr>
-                        <tr>
-                            <td><i>escape</i></td>
-                            <td>Closes the popup and moves focus to the trigger.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-            <h3>Close Button Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Closes the popup and moves focus to the trigger.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Closes the popup and moves focus to the trigger.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {
-    @Input() id: string;
-
-    @Input() title: string;
-}
diff --git a/src/app/showcase/doc/overlay/appendtodoc.ts b/src/app/showcase/doc/overlay/appendtodoc.ts
deleted file mode 100644
index 83897e8..0000000
--- a/src/app/showcase/doc/overlay/appendtodoc.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Component, Input, ViewChild } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'appendto-doc',
-    template: ` <app-docsectiontext>
-            <p>Overlay can be mounted into its location, body or DOM element instance using this option.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>`
-})
-export class AppendToDoc {
-    code: Code = {
-        typescript: `
-import { PrimeNGConfig, OverlayOptions } from 'primeng/api';
-
-this.primengConfig.overlayOptions: OverlayOptions = {
-    appendTo: 'body'
-};`
-    };
-}
diff --git a/src/app/showcase/doc/overlay/autozindexdoc.ts b/src/app/showcase/doc/overlay/autozindexdoc.ts
deleted file mode 100644
index a423611..0000000
--- a/src/app/showcase/doc/overlay/autozindexdoc.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Component, Input, ViewChild } from '@angular/core';
-import { AppDocSectionTextComponent } from '@layout/doc/app.docsectiontext.component';
-
-@Component({
-    selector: 'auto-zindex-doc',
-    template: ` <app-docsectiontext>
-        <p>The <i>autoZIndex</i> determines whether to automatically manage layering. Its default value is 'false'.</p>
-    </app-docsectiontext>`
-})
-export class AutoZIndexDoc {}
diff --git a/src/app/showcase/doc/overlay/basezindexdoc.ts b/src/app/showcase/doc/overlay/basezindexdoc.ts
deleted file mode 100644
index 55fab4e..0000000
--- a/src/app/showcase/doc/overlay/basezindexdoc.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Component, Input, ViewChild } from '@angular/core';
-import { AppDocSectionTextComponent } from '@layout/doc/app.docsectiontext.component';
-
-@Component({
-    selector: 'base-zindex-doc',
-    template: ` <app-docsectiontext>
-        <p>The <i>baseZIndex</i> is base zIndex value to use in layering. Its default value is 0.</p>
-    </app-docsectiontext>`
-})
-export class BaseZIndexDoc {}
diff --git a/src/app/showcase/doc/overlay/basicdoc.ts b/src/app/showcase/doc/overlay/basicdoc.ts
deleted file mode 100644
index 3761084..0000000
--- a/src/app/showcase/doc/overlay/basicdoc.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: ` <app-docsectiontext>
-            <p>Overlay is a container to display content in an overlay window. All the options mentioned above can be used as props for this component.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button (onClick)="toggle()" label="Show Overlay"></p-button>
-            <p-overlay [(visible)]="overlayVisible" [responsive]="{ breakpoint: '640px', direction: 'bottom', contentStyleClass: '!h-20' }" contentStyleClass="p-4 surface-overlay shadow-2 border-round"> Content </p-overlay>
-        </div>
-        <app-code [code]="code" selector="overlay-basic-demo"></app-code>`
-})
-export class OverlayBasicDemo {
-    overlayVisible: boolean = false;
-
-    toggle() {
-        this.overlayVisible = !this.overlayVisible;
-    }
-
-    code: Code = {
-        basic: `<p-button (onClick)="toggle()" label="Show Overlay"></p-button>
-<p-overlay [(visible)]="overlayVisible" [responsive]="{ breakpoint: '640px', direction: 'bottom', contentStyleClass: '!h-20' }" contentStyleClass="p-4 surface-overlay shadow-2 border-round">
-    Content
-</p-overlay>`,
-        html: `
-<div class="card flex justify-center">
-    <p-button (onClick)="toggle()" label="Show Overlay"></p-button>
-    <p-overlay [(visible)]="overlayVisible" [responsive]="{ breakpoint: '640px', direction: 'bottom', contentStyleClass: '!h-20' }" contentStyleClass="p-4 surface-overlay shadow-2 border-round">
-        Content
-    </p-overlay>
-</div>`,
-        typescript: `
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'overlay-basic-demo',
-    templateUrl: './overlay-basic-demo.html'
-})
-export class OverlayBasicDemo {
-    overlayVisible: boolean = false;
-
-    toggle() {
-        this.overlayVisible = !this.overlayVisible;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/overlay/eventsdoc.ts b/src/app/showcase/doc/overlay/eventsdoc.ts
deleted file mode 100644
index 970a877..0000000
--- a/src/app/showcase/doc/overlay/eventsdoc.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Component, Input, ViewChild } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'events-doc',
-    template: ` <section class="py-4">
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    </section>`
-})
-export class EventsDoc {
-    code: Code = {
-        typescript: `
-import { PrimeNGConfig, OverlayOptions, OverlayOnBeforeShowEvent, OverlayOnShowEvent, OverlayOnBeforeHideEvent, OverlayOnHideEvent } from 'primeng/api';
-import { AnimationEvent } from '@angular/animations';
-
-this.primengConfig.overlayOptions: OverlayOptions = {
-    onBeforeShow: (event?: OverlayOnBeforeShowEvent) => {};    // Callback to invoke before the overlay is shown.
-    onShow: (event?: OverlayOnShowEvent) => {};                // Callback to invoke when the overlay is shown.
-    onBeforeHide: (event?: OverlayOnBeforeHideEvent) => {};    // Callback to invoke before the overlay is hidden.
-    onHide: (event?: OverlayOnHideEvent) => {};                // Callback to invoke when the overlay is hidden.
-    onAnimationStart: (event?: AnimationEvent) => {};          // Callback to invoke when the animation is started.
-    onAnimationDone: (event?: AnimationEvent) => {};           // Callback to invoke when the animation is done.
-};`
-    };
-}
diff --git a/src/app/showcase/doc/overlay/hideonescapedoc.ts b/src/app/showcase/doc/overlay/hideonescapedoc.ts
deleted file mode 100644
index cab1e20..0000000
--- a/src/app/showcase/doc/overlay/hideonescapedoc.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Component, Input, ViewChild } from '@angular/core';
-import { AppDocSectionTextComponent } from '@layout/doc/app.docsectiontext.component';
-
-@Component({
-    selector: 'hide-on-escape-doc',
-    template: ` <app-docsectiontext>
-        <p>The <i>hideOnEscape</i> determines to hide the overlay when escape key pressed. Accepts boolean, default value is <i>false</i>.</p>
-    </app-docsectiontext>`
-})
-export class HideOnEscapeDoc {}
diff --git a/src/app/showcase/doc/overlay/importdoc.ts b/src/app/showcase/doc/overlay/importdoc.ts
deleted file mode 100644
index ffb29c1..0000000
--- a/src/app/showcase/doc/overlay/importdoc.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code>`
-})
-export class ImportDoc {
-    @Input() id: string;
-
-    @Input() title: string;
-
-    code: Code = {
-        typescript: `import { OverlayModule } from 'primeng/overlay';`
-    };
-}
diff --git a/src/app/showcase/doc/overlay/modedoc.ts b/src/app/showcase/doc/overlay/modedoc.ts
deleted file mode 100644
index 1ba8a95..0000000
--- a/src/app/showcase/doc/overlay/modedoc.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Component, Input, ViewChild } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'mode-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                It has two valid values; <i>overlay</i> and <i>modal</i>. In overlay mode, a container element is opened like overlaypanel or dropdown's panel. In modal mode, the container element behaves like popup. This behaviour is similar to a
-                dialog component.
-            </p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>`
-})
-export class ModeDoc {
-    code: Code = {
-        typescript: `
-import { PrimeNGConfig, OverlayOptions } from 'primeng/api';
-
-@Component({
-    selector: 'app-root',
-    templateUrl: './app.component.html'
-})
-export class AppComponent implements OnInit {
-
-    constructor(private primengConfig: PrimeNGConfig) {}
-
-    ngOnInit() {
-        this.primengConfig.overlayOptions: OverlayOptions = {
-            mode: 'modal'
-        };
-    } 
-}`
-    };
-
-    code2: Code = {
-        basic: `import { PrimeNGConfig, OverlayOptions, ResponsiveOverlayDirectionType } from 'primeng/api';
-
-const responsiveOptions: ResponsiveOverlayOptions = {
-    // style?: any;                                     // Style of component in given breakpoint or media query
-    // styleClass?: string;                             // Style class of component in given breakpoint or media query
-    // contentStyle?: any;                              // Style of content in given breakpoint or media query
-    // contentStyleClass?: string;                      // Style class of content in given breakpoint or media query
-    // breakpoint?: string;                             // Breakpoint required to show component in modal mode. Exp: '640px', '10rem' etc.
-    // media?: string;                                  // Media query required to show component in modal mode. Exp: '@media screen and (max-width: 640px)', '@media screen and (min-width: 640px) and (max-width: 900px)' etc.
-    // direction?: ResponsiveOverlayDirectionType;      // Direction in which the component will be displayed in modal mode.
-    // hideOnEscape?: boolean;                          // Hides overlay when escape key pressed.
-}
-
-this.primengConfig.overlayOptions: OverlayOptions = {
-    responsive: responsiveOptions
-};`
-    };
-}
diff --git a/src/app/showcase/doc/overlay/overlaydoc.module.ts b/src/app/showcase/doc/overlay/overlaydoc.module.ts
deleted file mode 100644
index 936dfe5..0000000
--- a/src/app/showcase/doc/overlay/overlaydoc.module.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-import { OverlayModule } from 'primeng/overlay';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { OverlayBasicDemo } from './basicdoc';
-import { AppendToDoc } from './appendtodoc';
-import { AutoZIndexDoc } from './autozindexdoc';
-import { BaseZIndexDoc } from './basezindexdoc';
-import { EventsDoc } from './eventsdoc';
-import { HideOnEscapeDoc } from './hideonescapedoc';
-import { ImportDoc } from './importdoc';
-import { ModeDoc } from './modedoc';
-import { ResponsiveDoc } from './responsivedoc';
-import { StyleDoc } from './styledoc';
-import { TargetDoc } from './targetdoc';
-import { OverlayTemplateDemo } from './templatedoc';
-import { TransitionOptionsDoc } from './transitionoptionsdoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, OverlayModule, ButtonModule, AppDocModule],
-    exports: [AppDocModule],
-    declarations: [AppendToDoc, AutoZIndexDoc, BaseZIndexDoc, OverlayBasicDemo, EventsDoc, HideOnEscapeDoc, ImportDoc, ModeDoc, ResponsiveDoc, StyleDoc, TargetDoc, OverlayTemplateDemo, TransitionOptionsDoc, AccessibilityDoc]
-})
-export class OverlayDocModule {}
diff --git a/src/app/showcase/doc/overlay/responsivedoc.ts b/src/app/showcase/doc/overlay/responsivedoc.ts
deleted file mode 100644
index 7d9baad..0000000
--- a/src/app/showcase/doc/overlay/responsivedoc.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component, Input, ViewChild } from '@angular/core';
-import { Code } from '@domain/code';
-import { AppDocSectionTextComponent } from '@layout/doc/app.docsectiontext.component';
-
-@Component({
-    selector: 'responsive-doc',
-    template: ` <app-docsectiontext>
-            <p>It is the option used to determine in which mode it should appear according to the given <i>media</i> or <i>breakpoint</i>.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-
-        <p class="doc-section-description">Valid values of the <i>direction</i> property would be;</p>
-        <div class="card">
-            <ul>
-                <li>center (default)</li>
-                <li>top</li>
-                <li>top-start</li>
-                <li>top-end</li>
-                <li>bottom</li>
-                <li>bottom-start</li>
-                <li>bottom-end</li>
-                <li>left</li>
-                <li>left-start</li>
-                <li>left-end</li>
-                <li>right</li>
-                <li>right-start</li>
-                <li>right-end</li>
-            </ul>
-        </div>`
-})
-export class ResponsiveDoc {
-    @Input() id: string;
-
-    @Input() title: string;
-
-    @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent;
-
-    code: Code = {
-        basic: `import { PrimeNGConfig, OverlayOptions, ResponsiveOverlayDirectionType } from 'primeng/api';
-
-const responsiveOptions: ResponsiveOverlayOptions = {
-    // style?: any;                                     // Style of component in given breakpoint or media query
-    // styleClass?: string;                             // Style class of component in given breakpoint or media query
-    // contentStyle?: any;                              // Style of content in given breakpoint or media query
-    // contentStyleClass?: string;                      // Style class of content in given breakpoint or media query
-    // breakpoint?: string;                             // Breakpoint required to show component in modal mode. Exp: '640px', '10rem' etc.
-    // media?: string;                                  // Media query required to show component in modal mode. Exp: '@media screen and (max-width: 640px)', '@media screen and (min-width: 640px) and (max-width: 900px)' etc.
-    // direction?: ResponsiveOverlayDirectionType;      // Direction in which the component will be displayed in modal mode.
-    // hideOnEscape?: boolean;                          // Hides overlay when escape key pressed.
-}
-
-this.primengConfig.overlayOptions: OverlayOptions = {
-    responsive: responsiveOptions
-};`
-    };
-}
diff --git a/src/app/showcase/doc/overlay/styledoc.ts b/src/app/showcase/doc/overlay/styledoc.ts
deleted file mode 100644
index d17d470..0000000
--- a/src/app/showcase/doc/overlay/styledoc.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Component, Input, ViewChild } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: ` <app-docsectiontext>
-        <p>The <i>style</i> and <i>styleClass</i> are used to define styles that will be added to all overlay components. In addition, it can be used in <i>contentStyle</i> and <i>contentStyleClass</i> classes.</p>
-    </app-docsectiontext>`
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/overlay/targetdoc.ts b/src/app/showcase/doc/overlay/targetdoc.ts
deleted file mode 100644
index f059e3c..0000000
--- a/src/app/showcase/doc/overlay/targetdoc.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Component, Input, ViewChild } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'target-doc',
-    template: ` <app-docsectiontext>
-            <p>The <i>target</i> is used to detect the element that will be used to position the overlay. Valid values would be;</p>
-        </app-docsectiontext>
-        <div class="card">
-            <ul>
-                <li>&#64;prev (default)</li>
-                <li>&#64;next</li>
-                <li>&#64;parent</li>
-                <li>&#64;grandparent</li>
-                <li>Use <em>CSS selector</em></li>
-                <li>Use <em>() =&gt; HTMLElement</em></li>
-            </ul>
-        </div>`
-})
-export class TargetDoc {
-    code: Code = {
-        basic: `import { PrimeNGConfig, OverlayOptions } from 'primeng/api';
-
-this.primengConfig.overlayOptions: OverlayOptions = {
-    appendTo: 'body'
-};`
-    };
-}
diff --git a/src/app/showcase/doc/overlay/templatedoc.ts b/src/app/showcase/doc/overlay/templatedoc.ts
deleted file mode 100644
index 4a7d0db..0000000
--- a/src/app/showcase/doc/overlay/templatedoc.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'overlay-template-demo',
-    template: ` <app-docsectiontext>
-            <p>Content can be customized with the <i>content</i> template.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button (onClick)="toggle()" label="Show Overlay"></p-button>
-            <p-overlay [(visible)]="overlayVisible" [responsive]="{ breakpoint: '640px', direction: 'bottom', contentStyleClass: '!h-20' }" contentStyleClass="p-4 surface-overlay shadow-2 border-round">
-                <ng-template pTemplate="content" let-option> Content - {{ option.mode }} </ng-template>
-            </p-overlay>
-        </div>
-        <app-code [code]="code" selector="overlay-template-demo"></app-code>`
-})
-export class OverlayTemplateDemo {
-    overlayVisible: boolean = false;
-
-    toggle() {
-        this.overlayVisible = !this.overlayVisible;
-    }
-
-    code: Code = {
-        basic: `<p-button (onClick)="toggle()" label="Show Overlay"></p-button>
-<p-overlay [(visible)]="overlayVisible" [responsive]="{ breakpoint: '640px', direction: 'bottom', contentStyleClass: '!h-20' }" contentStyleClass="p-4 surface-overlay shadow-2 border-round">
-    <ng-template pTemplate="content" let-option>
-        Content - {{option.mode}}
-    </ng-template>
-</p-overlay>`,
-        html: `
-<div class="card flex justify-center">
-    <p-button (onClick)="toggle()" label="Show Overlay"></p-button>
-    <p-overlay [(visible)]="overlayVisible" [responsive]="{ breakpoint: '640px', direction: 'bottom', contentStyleClass: '!h-20' }" contentStyleClass="p-4 surface-overlay shadow-2 border-round">
-        <ng-template pTemplate="content" let-option>
-            Content - {{option.mode}}
-        </ng-template>
-    </p-overlay>
-</div>`,
-        typescript: `
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'overlay-template-demo',
-    templateUrl: './overlay-template-demo.html'
-})
-export class OverlayTemplateDemo {
-    overlayVisible: boolean = false;
-
-    toggle() {
-        this.overlayVisible = !this.overlayVisible;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/overlay/transitionoptionsdoc.ts b/src/app/showcase/doc/overlay/transitionoptionsdoc.ts
deleted file mode 100644
index 3cee001..0000000
--- a/src/app/showcase/doc/overlay/transitionoptionsdoc.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Component, Input, ViewChild } from '@angular/core';
-import { AppDocSectionTextComponent } from '@layout/doc/app.docsectiontext.component';
-
-@Component({
-    selector: 'transition-options-doc',
-    template: ` <app-docsectiontext>
-        <p>Transition options of the show or hide animation. The default value of <i>showTransitionOptions</i> is '.12s cubic-bezier(0, 0, 0.2, 1)' and the default value of <i>hideTransitionOptions</i> is '.1s linear'.</p>
-    </app-docsectiontext>`
-})
-export class TransitionOptionsDoc {}
diff --git a/src/app/showcase/doc/overlaypanel/accessibilitydoc.ts b/src/app/showcase/doc/overlaypanel/accessibilitydoc.ts
deleted file mode 100644
index b865b88..0000000
--- a/src/app/showcase/doc/overlaypanel/accessibilitydoc.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                OverlayPanel component uses <i>dialog</i> role and since any attribute is passed to the root element you may define attributes like <i>aria-label</i> or <i>aria-labelledby</i> to describe the popup contents. In addition
-                <i>aria-modal</i> is added since focus is kept within the popup.
-            </p>
-            <p>
-                It is recommended to use a trigger component that can be accessed with keyboard such as a button, if not adding <i>tabIndex</i> would be necessary. OverlayPanel adds <i>aria-expanded</i> state attribute and <i>aria-controls</i> to the
-                trigger so that the relation between the trigger and the popup is defined.
-            </p>
-            <h3>OverlayPanel Keyboard Support</h3>
-            <p>When the popup gets opened, the first focusable element receives the focus and this can be customized by adding <i>autofocus</i> to an element within the popup.</p>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Moves focus to the next the focusable element within the popup.</td>
-                        </tr>
-                        <tr>
-                            <td><i>shift</i> + <i>tab</i></td>
-                            <td>Moves focus to the previous the focusable element within the popup.</td>
-                        </tr>
-                        <tr>
-                            <td><i>escape</i></td>
-                            <td>Closes the popup and moves focus to the trigger.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-            <h3>Close Button Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Closes the popup and moves focus to the trigger.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Closes the popup and moves focus to the trigger.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/overlaypanel/basicdoc.ts b/src/app/showcase/doc/overlaypanel/basicdoc.ts
deleted file mode 100644
index b1b1620..0000000
--- a/src/app/showcase/doc/overlaypanel/basicdoc.ts
+++ /dev/null
@@ -1,161 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>OverlayPanel is accessed via its reference and visibility is controlled using <i>toggle</i>, <i>show</i> and <i>hide</i> methods with an event of the target.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button (onClick)="op.toggle($event)" icon="pi pi-share-alt" label="Share" />
-            <p-overlayPanel #op>
-                <div class="flex flex-col gap-3 !w-25">
-                    <div>
-                        <span class="font-medium text-900 block mb-2">Share this document</span>
-                        <p-inputGroup>
-                            <input pInputText value="https://primeng.org/12323ff26t2g243g423g234gg52hy25XADXAG3" readonly class="!w-25" />
-                            <p-inputGroupAddon>
-                                <i class="pi pi-copy"></i>
-                            </p-inputGroupAddon>
-                        </p-inputGroup>
-                    </div>
-                    <div>
-                        <span class="font-medium text-900 block mb-2">Invite Member</span>
-                        <div class="flex">
-                            <p-chips disabled />
-                            <p-button label="Invite" icon="pi pi-users" />
-                        </div>
-                    </div>
-                    <div>
-                        <span class="font-medium text-900 block mb-2">Team Members</span>
-                        <ul class="list-none p-0 m-0 flex flex-col gap-3">
-                            <li *ngFor="let member of members" class="flex items-center gap-2">
-                                <img [src]="'https://primefaces.org/cdn/primeng/images/demo/avatar/' + member.image" style="width: 32px" />
-                                <div>
-                                    <span class="font-medium">{{ member.name }}</span>
-                                    <div class="text-sm text-color-secondary">{{ member.email }}</div>
-                                </div>
-                                <div class="flex items-center gap-2 text-color-secondary ml-auto text-sm">
-                                    <span>{{ member.role }}</span>
-                                    <i class="pi pi-angle-down"></i>
-                                </div>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-            </p-overlayPanel>
-        </div>
-        <app-code [code]="code" selector="overlay-panel-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    members = [
-        { name: 'Amy Elsner', image: 'amyelsner.png', email: 'amy@email.com', role: 'Owner' },
-        { name: 'Bernardo Dominic', image: 'bernardodominic.png', email: 'bernardo@email.com', role: 'Editor' },
-        { name: 'Ioni Bowcher', image: 'ionibowcher.png', email: 'ioni@email.com', role: 'Viewer' }
-    ];
-
-    code: Code = {
-        basic: `<p-button (onClick)="op.toggle($event)" icon="pi pi-share-alt" label="Share" />
-    <p-overlayPanel #op>
-        <div class="flex flex-col gap-3 !w-25">
-            <div>
-                <span class="font-medium text-900 block mb-2">Share this document</span>
-                <p-inputGroup>
-                    <input pInputText value="https://primeng.org/12323ff26t2g243g423g234gg52hy25XADXAG3" readonly class="!w-25" />
-                    <p-inputGroupAddon>
-                        <i class="pi pi-copy"></i>
-                    </p-inputGroupAddon>
-                </p-inputGroup>
-            </div>
-            <div>
-                <span class="font-medium text-900 block mb-2">Invite Member</span>
-                <div class="flex">
-                    <p-chips disabled />
-                    <p-button label="Invite" icon="pi pi-users" />
-                </div>
-            </div>
-            <div>
-                <span class="font-medium text-900 block mb-2">Team Members</span>
-                <ul class="list-none p-0 m-0 flex flex-col gap-3">
-                    <li *ngFor="let member of members" class="flex items-center gap-2">
-                        <img [src]="'https://primefaces.org/cdn/primeng/images/demo/avatar/' + member.image" style="width: 32px" />
-                        <div>
-                            <span class="font-medium">{{ member.name }}</span>
-                            <div class="text-sm text-color-secondary">{{ member.email }}</div>
-                        </div>
-                        <div class="flex items-center gap-2 text-color-secondary ml-auto text-sm">
-                            <span>{{ member.role }}</span>
-                            <i class="pi pi-angle-down"></i>
-                        </div>
-                    </li>
-                </ul>
-            </div>
-        </div>
-    </p-overlayPanel>`,
-
-        html: `<div class="card flex justify-center">
-    <p-button (onClick)="op.toggle($event)" icon="pi pi-share-alt" label="Share" />
-    <p-overlayPanel #op>
-        <div class="flex flex-col gap-3 !w-25">
-            <div>
-                <span class="font-medium text-900 block mb-2">Share this document</span>
-                <p-inputGroup>
-                    <input pInputText value="https://primeng.org/12323ff26t2g243g423g234gg52hy25XADXAG3" readonly class="!w-25" />
-                    <p-inputGroupAddon>
-                        <i class="pi pi-copy"></i>
-                    </p-inputGroupAddon>
-                </p-inputGroup>
-            </div>
-            <div>
-                <span class="font-medium text-900 block mb-2">Invite Member</span>
-                <div class="flex">
-                    <p-chips disabled />
-                    <p-button label="Invite" icon="pi pi-users" />
-                </div>
-            </div>
-            <div>
-                <span class="font-medium text-900 block mb-2">Team Members</span>
-                <ul class="list-none p-0 m-0 flex flex-col gap-3">
-                    <li *ngFor="let member of members" class="flex items-center gap-2">
-                        <img [src]="'https://primefaces.org/cdn/primeng/images/demo/avatar/' + member.image" style="width: 32px" />
-                        <div>
-                            <span class="font-medium">{{ member.name }}</span>
-                            <div class="text-sm text-color-secondary">{{ member.email }}</div>
-                        </div>
-                        <div class="flex items-center gap-2 text-color-secondary ml-auto text-sm">
-                            <span>{{ member.role }}</span>
-                            <i class="pi pi-angle-down"></i>
-                        </div>
-                    </li>
-                </ul>
-            </div>
-        </div>
-    </p-overlayPanel>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { OverlayPanelModule } from 'primeng/overlaypanel';
-import { InputGroupModule } from 'primeng/inputgroup';
-import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
-import { ButtonModule } from 'primeng/button';
-import { InputTextModule } from 'primeng/inputtext';
-import { ChipsModule } from 'primeng/chips';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'overlay-panel-basic-demo',
-    templateUrl: './overlay-panel-basic-demo.html',
-    standalone: true,
-    imports: [OverlayPanelModule, InputGroupModule, InputGroupAddonModule, ButtonModule, InputTextModule, ChipsModule, CommonModule]
-})
-export class OverlayPanelBasicDemo {
-    members = [
-        { name: 'Amy Elsner', image: 'amyelsner.png', email: 'amy@email.com', role: 'Owner' },
-        { name: 'Bernardo Dominic', image: 'bernardodominic.png', email: 'bernardo@email.com', role: 'Editor' },
-        { name: 'Ioni Bowcher', image: 'ionibowcher.png', email: 'ioni@email.com', role: 'Viewer' }
-    ];
-}`
-    };
-}
diff --git a/src/app/showcase/doc/overlaypanel/datatabledoc.ts b/src/app/showcase/doc/overlaypanel/datatabledoc.ts
deleted file mode 100644
index 9a37d87..0000000
--- a/src/app/showcase/doc/overlaypanel/datatabledoc.ts
+++ /dev/null
@@ -1,275 +0,0 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { OverlayPanel } from 'primeng/overlaypanel';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-interface TableRowSelectEvent {
-    originalEvent?: Event;
-    data?: any;
-    type?: string;
-    index?: number;
-}
-
-@Component({
-    selector: 'data-table-doc',
-    template: `
-        <app-docsectiontext>
-            <p>An example that displays a DataTable inside a popup to select an item.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col items-center gap-3">
-            <p-toast />
-            <p-button (onClick)="op.toggle($event)" icon="pi pi-search" [label]="selectedProduct ? selectedProduct.name : 'Select a Product'" />
-            <div *ngIf="selectedProduct" class="p-5 surface-card shadow-2 border-round">
-                <div class="relative">
-                    <img src="https://primefaces.org/cdn/primeng/images/demo/product/{{ selectedProduct.image }}" [alt]="selectedProduct.name" />
-                </div>
-                <div class="flex items-center justify-between mt-3 mb-2">
-                    <span class="text-900 font-medium text-xl">{{ selectedProduct.name }}</span>
-                    <span class="text-900 text-xl ml-3">{{ '$' + selectedProduct.price }}</span>
-                </div>
-                <span class="text-600">{{ selectedProduct.category }}</span>
-            </div>
-            <p-overlayPanel #op [style]="{ width: '450px' }" [showCloseIcon]="true">
-                <ng-template pTemplate="content">
-                    <p-table [value]="products" selectionMode="single" [(selection)]="selectedProduct" (onRowSelect)="onRowSelect($event, op)" [paginator]="true" [rows]="5" responsiveLayout="scroll">
-                        <ng-template pTemplate="header">
-                            <tr>
-                                <th pSortableColumn="name">Name<p-sortIcon field="name" /></th>
-                                <th>Image</th>
-                                <th pSortableColumn="price">Price <p-sortIcon field="price" /></th>
-                            </tr>
-                        </ng-template>
-                        <ng-template pTemplate="body" let-rowData let-product>
-                            <tr [pSelectableRow]="rowData">
-                                <td>{{ product.name }}</td>
-                                <td><img src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" [alt]="product.image" class="!w-2 shadow-2" /></td>
-                                <td>{{ product.price }}</td>
-                            </tr>
-                        </ng-template>
-                    </p-table>
-                </ng-template>
-            </p-overlayPanel>
-        </div>
-        <app-code [code]="code" selector="overlay-panel-data-table-demo" [extFiles]="extFiles"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class DataTableDoc implements OnInit {
-    constructor(
-        private productService: ProductService,
-        private messageService: MessageService,
-        private cdr: ChangeDetectorRef
-    ) {}
-
-    products: Product[] | undefined;
-
-    selectedProduct: Product | undefined;
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((products) => {
-            this.products = products;
-            this.selectedProduct = products[0];
-            this.cdr.markForCheck();
-        });
-    }
-
-    onRowSelect(event: TableRowSelectEvent, op: OverlayPanel) {
-        this.messageService.add({ severity: 'info', summary: 'Product Selected', detail: event.data.name });
-        op.hide();
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-button
-    (onClick)="op.toggle($event)"
-    icon="pi pi-search"
-    [label]="selectedProduct ? selectedProduct.name : 'Select a Product'" />
-<div *ngIf="selectedProduct" class="p-5 surface-card shadow-2 border-round">
-    <div class="relative">
-        <img
-            src="https://primefaces.org/cdn/primeng/images/demo/product/{{ selectedProduct.image }}"
-            [alt]="selectedProduct.name" />
-    </div>
-    <div class="flex items-center justify-between mt-3 mb-2">
-        <span class="text-900 font-medium text-xl">
-            {{ selectedProduct.name }}
-        </span>
-        <span class="text-900 text-xl ml-3">
-            {{ '$' + selectedProduct.price }}
-        </span>
-    </div>
-    <span class="text-600">
-        {{ selectedProduct.category }}
-    </span>
-</div>
-<p-overlayPanel #op [style]="{ width: '450px' }" [showCloseIcon]="true">
-    <ng-template pTemplate="content">
-        <p-table
-            [value]="products"
-            selectionMode="single"
-            [(selection)]="selectedProduct"
-            (onRowSelect)="onRowSelect($event, op)"
-            [paginator]="true"
-            [rows]="5"
-            responsiveLayout="scroll">
-                <ng-template pTemplate="header">
-                    <tr>
-                        <th pSortableColumn="name">
-                            Name <p-sortIcon field="name" />
-                        </th>
-                        <th>Image</th>
-                        <th pSortableColumn="price">
-                            Price <p-sortIcon field="price" />
-                        </th>
-                    </tr>
-                </ng-template>
-                <ng-template pTemplate="body" let-rowData let-product>
-                    <tr [pSelectableRow]="rowData">
-                        <td>
-                            {{ product.name }}
-                        </td>
-                        <td>
-                            <img
-                                src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}"
-                                [alt]="product.image"
-                                class="!w-2 shadow-2" />
-                        </td>
-                        <td>{{ product.price }}</td>
-                    </tr>
-                </ng-template>
-        </p-table>
-    </ng-template>
-</p-overlayPanel>`,
-
-        html: `<div class="card flex flex-col items-center gap-3">
-<p-toast />
-<p-button
-    (onClick)="op.toggle($event)"
-    icon="pi pi-search"
-    [label]="selectedProduct ? selectedProduct.name : 'Select a Product'" />
-<div *ngIf="selectedProduct" class="p-5 surface-card shadow-2 border-round">
-    <div class="relative">
-        <img
-            src="https://primefaces.org/cdn/primeng/images/demo/product/{{ selectedProduct.image }}"
-            [alt]="selectedProduct.name" />
-    </div>
-    <div class="flex items-center justify-between mt-3 mb-2">
-        <span class="text-900 font-medium text-xl">
-            {{ selectedProduct.name }}
-        </span>
-        <span class="text-900 text-xl ml-3">
-            {{ '$' + selectedProduct.price }}
-        </span>
-    </div>
-    <span class="text-600">
-        {{ selectedProduct.category }}
-    </span>
-</div>
-<p-overlayPanel #op [style]="{ width: '450px' }" [showCloseIcon]="true">
-    <ng-template pTemplate="content">
-        <p-table
-            [value]="products"
-            selectionMode="single"
-            [(selection)]="selectedProduct"
-            (onRowSelect)="onRowSelect($event, op)"
-            [paginator]="true"
-            [rows]="5"
-            responsiveLayout="scroll">
-                <ng-template pTemplate="header">
-                    <tr>
-                        <th pSortableColumn="name">
-                            Name <p-sortIcon field="name" />
-                        </th>
-                        <th>Image</th>
-                        <th pSortableColumn="price">
-                            Price <p-sortIcon field="price" />
-                        </th>
-                    </tr>
-                </ng-template>
-                <ng-template pTemplate="body" let-rowData let-product>
-                    <tr [pSelectableRow]="rowData">
-                        <td>
-                            {{ product.name }}
-                        </td>
-                        <td>
-                            <img
-                                src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}"
-                                [alt]="product.image"
-                                class="!w-2 shadow-2" />
-                        </td>
-                        <td>{{ product.price }}</td>
-                    </tr>
-                </ng-template>
-        </p-table>
-    </ng-template>
-</p-overlayPanel>
-</div>`,
-
-        typescript: `import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { OverlayPanel } from 'primeng/overlaypanel';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { ToastModule } from 'primeng/toast';
-import { TableModule } from 'primeng/table';
-import { ButtonModule } from 'primeng/button';
-
-interface TableRowSelectEvent {
-    originalEvent?: Event;
-    data?: any;
-    type?: string;
-    index?: number;
-}
-
-@Component({
-    selector: 'overlay-panel-data-table-demo',
-    templateUrl: './overlay-panel-data-table-demo.html',
-    standalone: true,
-    imports: [OverlayPanelModule, ToastModule, TableModule, ButtonModule],
-    providers: [MessageService, ProductService]
-})
-export class OverlayPanelDataTableDemo implements OnInit {
-
-    constructor(private productService: ProductService, private messageService: MessageService, private cdr: ChangeDetectorRef) {}
-
-    products: Product[] | undefined;
-
-    selectedProduct: Product | undefined;
-
-    ngOnInit() {
-        this.productService.getProductsSmall().then((products) => {
-            this.products = products;
-            this.selectedProduct = products[0];
-            this.cdr.markForCheck()
-        });
-    }
-
-    onRowSelect(event: TableRowSelectEvent, op: OverlayPanel) {
-        this.messageService.add({ severity: 'info', summary: 'Product Selected', detail: event.data.name });
-        op.hide();
-    }
-}`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/overlaypanel/importdoc.ts b/src/app/showcase/doc/overlaypanel/importdoc.ts
deleted file mode 100644
index 1edae8c..0000000
--- a/src/app/showcase/doc/overlaypanel/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { OverlayPanelModule } from 'primeng/overlaypanel';`
-    };
-}
diff --git a/src/app/showcase/doc/overlaypanel/overlaypaneldoc.module.ts b/src/app/showcase/doc/overlaypanel/overlaypaneldoc.module.ts
deleted file mode 100644
index 44c1613..0000000
--- a/src/app/showcase/doc/overlaypanel/overlaypaneldoc.module.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { OverlayPanelModule } from 'primeng/overlaypanel';
-import { ButtonModule } from 'primeng/button';
-import { TableModule } from 'primeng/table';
-import { ToastModule } from 'primeng/toast';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { DataTableDoc } from './datatabledoc';
-import { TemplateDoc } from './templatedoc';
-import { TargetDoc } from './targetdoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { InputGroupModule } from 'primeng/inputgroup';
-import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
-import { ChipsModule } from 'primeng/chips';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, RouterModule, OverlayPanelModule, ButtonModule, TableModule, ToastModule, AppDocModule, InputGroupModule, InputGroupAddonModule, ChipsModule],
-    declarations: [BasicDoc, ImportDoc, StyleDoc, DataTableDoc, TemplateDoc, TargetDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class OverlayPanelDocModule {}
diff --git a/src/app/showcase/doc/overlaypanel/styledoc.ts b/src/app/showcase/doc/overlaypanel/styledoc.ts
deleted file mode 100644
index 3873875..0000000
--- a/src/app/showcase/doc/overlaypanel/styledoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-overlaypanel</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-overlaypanel-content</td>
-                        <td>Content of the panel.</td>
-                    </tr>
-                    <tr>
-                        <td>p-overlaypanel-close</td>
-                        <td>Close icon.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/overlaypanel/targetdoc.ts b/src/app/showcase/doc/overlaypanel/targetdoc.ts
deleted file mode 100644
index 4ddb93f..0000000
--- a/src/app/showcase/doc/overlaypanel/targetdoc.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'target-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                <i>show</i> method takes two parameters, first one is the event and it is mandatory. By default the target component to align the overlay is the event target, if you'd like to align it to another element, provide it as the second
-                parameter <i>target</i>.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex flex-col items-center gap-3">
-            <p-button (onClick)="op.show($event, targetEl)" icon="pi pi-image" label="Show"></p-button>
-            <div #targetEl class="mt-5 !w-10 !h-5 border-1 surface-border border-round flex items-center justify-center">
-                <span>Target Element</span>
-            </div>
-            <p-overlayPanel #op>
-                <img src="https://primefaces.org/cdn/primeng/images/demo/product/bamboo-watch.jpg" alt="product" />
-            </p-overlayPanel>
-        </div>
-        <app-code [code]="code" selector="overlay-panel-target-demo"></app-code>
-    `
-})
-export class TargetDoc {
-    code: Code = {
-        basic: `<p-button (onClick)="op.show($event, targetEl)" icon="pi pi-image" label="Show"></p-button>
-<div #targetEl class="mt-5 !w-10 !h-5 border-1 surface-border border-round flex items-center justify-center">
-    <span>Target Element</span>
-</div>
-<p-overlayPanel #op>
-    <img src="https://primefaces.org/cdn/primeng/images/demo/product/bamboo-watch.jpg" alt="product" />
-</p-overlayPanel>`,
-
-        html: `
-<div class="card flex flex-col items-center gap-3">
-    <p-button (onClick)="op.show($event, targetEl)" icon="pi pi-image" label="Show"></p-button>
-    <div #targetEl class="mt-5 !w-10 !h-5 border-1 surface-border border-round flex items-center justify-center">
-        <span>Target Element</span>
-    </div>
-    <p-overlayPanel #op>
-        <img src="https://primefaces.org/cdn/primeng/images/demo/product/bamboo-watch.jpg" alt="product" />
-    </p-overlayPanel>
-</div>`,
-
-        typescript: `
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'overlay-panel-target-demo',
-    templateUrl: './overlay-panel-target-demo.html'
-})
-export class OverlayPanelTargetDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/overlaypanel/templatedoc.ts b/src/app/showcase/doc/overlaypanel/templatedoc.ts
deleted file mode 100644
index 6fb5785..0000000
--- a/src/app/showcase/doc/overlaypanel/templatedoc.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Content of the OverlayPanel is defined by <i>content</i> template.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-overlayPanel #op>
-                <ng-template pTemplate="content">
-                    <h4>Custom Content</h4>
-                </ng-template>
-            </p-overlayPanel>
-            <p-button (onClick)="op.toggle($event)" icon="pi pi-image" label="Show"></p-button>
-        </div>
-        <app-code [code]="code" selector="overlay-panel-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    code: Code = {
-        basic: `<p-overlayPanel #op>
-    <ng-template pTemplate="content">
-        <h4>Custom Content</h4>
-    </ng-template>
-</p-overlayPanel>
-<p-button (onClick)="op.toggle($event)" icon="pi pi-image" label="Show"></p-button>`,
-
-        html: `
-<div class="card flex justify-center">
-    <p-overlayPanel #op>
-        <ng-template pTemplate="content">
-            <h4>Custom Content</h4>
-        </ng-template>
-    </p-overlayPanel>
-    <p-button (onClick)="op.toggle($event)" icon="pi pi-image" label="Show"></p-button>
-</div>`,
-
-        typescript: `
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'overlay-panel-template-demo',
-    templateUrl: './overlay-panel-template-demo.html'
-})
-export class OverlayPanelTemplateDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/paginator/accessibilitydoc.ts b/src/app/showcase/doc/paginator/accessibilitydoc.ts
deleted file mode 100644
index 84e1ed7..0000000
--- a/src/app/showcase/doc/paginator/accessibilitydoc.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>Paginator is placed inside a <i>nav</i> element to indicate a navigation section. All of the paginator elements can be customized using templating however the default behavious is listed below.</p>
-            <p>
-                First, previous, next and last page navigators elements with <i>aria-label</i> attributes referring to the <i>aria.firstPageLabel</i>, <i>aria.prevPageLabel</i>, <i>aria.nextPageLabel</i> and <i>aria.lastPageLabel</i>properties of the
-                <a href="/configuration/#locale">locale</a> API respectively.
-            </p>
-            <p>
-                Page links are also button elements with an <i>aria-label</i> attribute derived from the <i>aria.pageLabel</i> of the <a href="/configuration/#locale">locale</a> API. Current page is marked with <i>aria-current</i> set to "page" as
-                well.
-            </p>
-            <p>Current page report uses <i>aria-live="polite"</i> to instruct screen reader about the changes to the pagination state.</p>
-            <p>
-                Rows per page dropdown internally uses a dropdown component, refer to the <a routerLink="/dropdown">dropdown</a> documentation for accessibility details. Additionally, the dropdown uses an <i>aria-label</i>from the
-                <i>aria.rowsPerPage</i> property of the <a href="/configuration/#locale">locale</a> API.
-            </p>
-            <p>Jump to page input is an <i>input</i> element with an <i>aria-label</i> that refers to the <i>aria.jumpToPage</i> property of the <a href="/configuration/#locale">locale</a> API.</p>
-            <h3>Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Moves focus through the paginator elements.</td>
-                        </tr>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Executes the paginator element action.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Executes the paginator element action.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-            <h3>Rows Per Page Dropdown Keyboard Support</h3>
-            <p>Refer to the <a routerLink="/dropdown">dropdown</a> documentation for more details about keyboard support.</p>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/paginator/basicdoc.ts b/src/app/showcase/doc/paginator/basicdoc.ts
deleted file mode 100644
index 8271344..0000000
--- a/src/app/showcase/doc/paginator/basicdoc.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface PageEvent {
-    first: number;
-    rows: number;
-    page: number;
-    pageCount: number;
-}
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Paginator is used as a controlled component with <i>first</i>, <i>rows</i> and <i>onPageChange</i> properties to manage the first index and number of records to display per page. Total number of records need to be with
-                <i>totalRecords</i> property. Default template includes a dropdown to change the <i>rows</i> so <i>rowsPerPageOptions</i> is also necessary for the dropdown options.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-paginator (onPageChange)="onPageChange($event)" [first]="first" [rows]="rows" [totalRecords]="120" [rowsPerPageOptions]="[10, 20, 30]" />
-        </div>
-        <app-code [code]="code" selector="paginator-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    first: number = 0;
-
-    rows: number = 10;
-
-    onPageChange(event: PageEvent) {
-        this.first = event.first;
-        this.rows = event.rows;
-    }
-
-    code: Code = {
-        basic: `<p-paginator 
-    (onPageChange)="onPageChange($event)" 
-    [first]="first"
-    [rows]="rows" 
-    [totalRecords]="120" 
-    [rowsPerPageOptions]="[10, 20, 30]" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-paginator 
-        (onPageChange)="onPageChange($event)" 
-        [first]="first" 
-        [rows]="rows" 
-        [totalRecords]="120" 
-        [rowsPerPageOptions]="[10, 20, 30]" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { PaginatorModule } from 'primeng/paginator';
-
-interface PageEvent {
-    first: number;
-    rows: number;
-    page: number;
-    pageCount: number;
-}
-
-@Component({
-    selector: 'paginator-basic-demo',
-    templateUrl: './paginator-basic-demo.html',
-    standalone: true,
-    imports: [PaginatorModule]
-})
-export class PaginatorBasicDemo {
-    first: number = 0;
-
-    rows: number = 10;
-
-    onPageChange(event: PageEvent) {
-        this.first = event.first;
-        this.rows = event.rows;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/paginator/currentpagereportdoc.ts b/src/app/showcase/doc/paginator/currentpagereportdoc.ts
deleted file mode 100644
index 492ae8c..0000000
--- a/src/app/showcase/doc/paginator/currentpagereportdoc.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface PageEvent {
-    first: number;
-    rows: number;
-    page: number;
-    pageCount: number;
-}
-
-@Component({
-    selector: 'current-page-report-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Current page report item in the template displays information about the pagination state. Default value is ({{ '{' }}currentPage{{ '}' }} of {{ '{' }}totalPages{{ '}' }}) whereas available placeholders are the following;</p>
-            <ul class="mb-4 line-height-4">
-                <li>{{ '{' }}currentPage{{ '}' }}</li>
-                <li>{{ '{' }}totalPages{{ '}' }}</li>
-                <li>{{ '{' }}rows{{ '}' }}</li>
-                <li>{{ '{' }}first{{ '}' }}</li>
-                <li>{{ '{' }}last{{ '}' }}</li>
-                <li>{{ '{' }}totalRecords{{ '}' }}</li>
-            </ul>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-paginator
-                (onPageChange)="onPageChange($event)"
-                [first]="first"
-                [rows]="rows"
-                [totalRecords]="120"
-                [showCurrentPageReport]="true"
-                [showPageLinks]="false"
-                [showJumpToPageDropdown]="false"
-                currentPageReportTemplate="Showing {first} to {last} of {totalRecords}"
-            />
-        </div>
-        <app-code [code]="code" selector="paginator-current-page-report-demo"></app-code>
-    `
-})
-export class CurrentPageReportDoc {
-    first: number = 0;
-
-    rows: number = 10;
-
-    onPageChange(event: PageEvent) {
-        this.first = event.first;
-        this.rows = event.rows;
-    }
-
-    code: Code = {
-        basic: `<p-paginator
-    (onPageChange)="onPageChange($event)"
-    [first]="first"
-    [rows]="rows"
-    [totalRecords]="120"
-    [showCurrentPageReport]="true"
-    [showPageLinks]="false"
-    [showJumpToPageDropdown]="false"
-    currentPageReportTemplate="Showing {first} to {last} of {totalRecords}" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-paginator
-        (onPageChange)="onPageChange($event)"
-        [first]="first"
-        [rows]="rows"
-        [totalRecords]="120"
-        [showCurrentPageReport]="true"
-        [showPageLinks]="false"
-        [showJumpToPageDropdown]="false"
-        currentPageReportTemplate="Showing {first} to {last} of {totalRecords}" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { PaginatorModule } from 'primeng/paginator';
-
-interface PageEvent {
-    first: number;
-    rows: number;
-    page: number;
-    pageCount: number;
-}
-
-@Component({
-    selector: 'paginator-current-page-report-demo',
-    templateUrl: './paginator-current-page-report-demo.html',
-    standalone: true,
-    imports: [PaginatorModule]
-})
-export class PaginatorCurrentPageReportDemo {
-    first: number = 0;
-
-    rows: number = 10;
-
-    onPageChange(event: PageEvent) {
-        this.first = event.first;
-        this.rows = event.rows;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/paginator/imagesdoc.ts b/src/app/showcase/doc/paginator/imagesdoc.ts
deleted file mode 100644
index 2cb7798..0000000
--- a/src/app/showcase/doc/paginator/imagesdoc.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface PageEvent {
-    first: number;
-    rows: number;
-    page: number;
-    pageCount: number;
-}
-
-@Component({
-    selector: 'images-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Sample image gallery implementation using paginator.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col gap-3 justify-center items-center">
-            <p-paginator [first]="first" [rows]="1" [totalRecords]="120" (onPageChange)="onPageChange($event)" [showJumpToPageDropdown]="true" [showPageLinks]="false"></p-paginator>
-            <img src="https://primefaces.org/cdn/primeng/images/demo/nature/nature{{ (first + 1) % 10 }}.jpg" class="max-w-full" />
-        </div>
-        <app-code [code]="code" selector="paginator-images-demo"></app-code>
-    `
-})
-export class ImagesDoc {
-    first: number = 0;
-
-    rows: number = 10;
-
-    onPageChange(event: PageEvent) {
-        this.first = event.first;
-        this.rows = event.rows;
-    }
-
-    code: Code = {
-        basic: `<p-paginator [first]="first" [rows]="1" [totalRecords]="120" (onPageChange)="onPageChange($event)" [showJumpToPageDropdown]="true" [showPageLinks]="false"></p-paginator>
-<img src="https://primefaces.org/cdn/primeng/images/demo/nature/nature{{ (first + 1) % 10 }}.jpg" class="max-w-full" />`,
-
-        html: `
-<div class="card flex flex-col gap-3 justify-center items-center">
-    <p-paginator [first]="first" [rows]="1" [totalRecords]="120" (onPageChange)="onPageChange($event)" [showJumpToPageDropdown]="true" [showPageLinks]="false"></p-paginator>
-    <img src="https://primefaces.org/cdn/primeng/images/demo/nature/nature{{ (first + 1) % 10 }}.jpg" class="max-w-full" />
-</div>`,
-
-        typescript: `
-import { Component } from '@angular/core';
-
-interface PageEvent {
-    first: number;
-    rows: number;
-    page: number;
-    pageCount: number;
-}
-
-@Component({
-    selector: 'paginator-images-demo',
-    templateUrl: './paginator-images-demo.html'
-})
-export class PaginatorImagesDemo {
-    first: number = 0;
-
-    rows: number = 10;
-
-    onPageChange(event: PageEvent) {
-        this.first = event.first;
-        this.rows = event.rows;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/paginator/importdoc.ts b/src/app/showcase/doc/paginator/importdoc.ts
deleted file mode 100644
index 829346c..0000000
--- a/src/app/showcase/doc/paginator/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { PaginatorModule } from 'primeng/paginator';`
-    };
-}
diff --git a/src/app/showcase/doc/paginator/localedoc.ts b/src/app/showcase/doc/paginator/localedoc.ts
deleted file mode 100644
index dbf9f9e..0000000
--- a/src/app/showcase/doc/paginator/localedoc.ts
+++ /dev/null
@@ -1,132 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface PageEvent {
-    first: number;
-    rows: number;
-    page: number;
-    pageCount: number;
-}
-
-@Component({
-    selector: 'locale-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Localization information such as page numbers and rows per page options are defined with the <i>locale</i> property which defaults to the user locale.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-3 p-fluid">
-            <div class="flex-auto">
-                <label class="block font-bold mb-2" for="locale-user">User Locale</label>
-                <p-paginator (onPageChange)="onPageChange($event)" [first]="first" [rows]="rows" [totalRecords]="120" [rowsPerPageOptions]="[10, 20, 30]" />
-            </div>
-            <div class="flex-auto">
-                <label class="block font-bold mb-2" for="locale-us">United States Locale</label>
-                <p-paginator locale="en-US" (onPageChange)="onPageChange($event)" [first]="first" [rows]="rows" [totalRecords]="120" [rowsPerPageOptions]="[10, 20, 30]" />
-            </div>
-            <div class="flex-auto">
-                <label class="block font-bold mb-2" for="locale-indian">Persian Locale</label>
-                <p-paginator locale="fa-IR" (onPageChange)="onPageChange($event)" [first]="first" [rows]="rows" [totalRecords]="120" [rowsPerPageOptions]="[10, 20, 30]" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="paginator-locale-demo"></app-code>
-    `
-})
-export class LocaleDoc {
-    first: number = 0;
-
-    rows: number = 10;
-
-    onPageChange(event: PageEvent) {
-        this.first = event.first;
-        this.rows = event.rows;
-    }
-
-    code: Code = {
-        basic: `<div class="flex-auto">
-    <p-paginator 
-        (onPageChange)="onPageChange($event)" 
-        [first]="first" 
-        [rows]="rows" 
-        [totalRecords]="120" 
-        [rowsPerPageOptions]="[10, 20, 30]" />
-</div>
-
-<div class="flex-auto">
-    <p-paginator 
-        locale="en-US" 
-        (onPageChange)="onPageChange($event)" 
-        [first]="first"
-        [rows]="rows" 
-        [totalRecords]="120" 
-        [rowsPerPageOptions]="[10, 20, 30]" />
-</div>
-
-<div class="flex-auto">
-    <p-paginator 
-        locale="fa-IR" 
-        (onPageChange)="onPageChange($event)" 
-        [first]="first" 
-        [rows]="rows" 
-        [totalRecords]="120" 
-        [rowsPerPageOptions]="[10, 20, 30]" />
-</div>
-`,
-
-        html: `<div class="card flex justify-center">
-    <p-paginator 
-        (onPageChange)="onPageChange($event)"
-        [first]="first" 
-        [rows]="rows" 
-        [totalRecords]="120" 
-        [rowsPerPageOptions]="[10, 20, 30]" />
-</div>
-
-<div class="card flex justify-center">
-    <p-paginator 
-        locale="en-US" 
-        (onPageChange)="onPageChange($event)"
-        [first]="first"
-        [rows]="rows" 
-        [totalRecords]="120" 
-        [rowsPerPageOptions]="[10, 20, 30]" />
-</div>
-
-<div class="card flex justify-center">
-    <p-paginator 
-        locale="fa-IR" 
-        (onPageChange)="onPageChange($event)" 
-        [first]="first"
-        [rows]="rows" 
-        [totalRecords]="120" 
-        [rowsPerPageOptions]="[10, 20, 30]" />
-</div>
-`,
-
-        typescript: `import { Component } from '@angular/core';
-import { PaginatorModule } from 'primeng/paginator';
-
-interface PageEvent {
-    first: number;
-    rows: number;
-    page: number;
-    pageCount: number;
-}
-
-@Component({
-    selector: 'paginator-locale-demo',
-    templateUrl: './paginator-locale-demo.html',
-    standalone: true,
-    imports: [PaginatorModule]
-})
-export class PaginatorLocaleDemo {
-    first: number = 0;
-
-    rows: number = 10;
-
-    onPageChange(event: PageEvent) {
-        this.first = event.first;
-        this.rows = event.rows;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/paginator/paginatordoc.module.ts b/src/app/showcase/doc/paginator/paginatordoc.module.ts
deleted file mode 100644
index b7f4132..0000000
--- a/src/app/showcase/doc/paginator/paginatordoc.module.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ButtonModule } from 'primeng/button';
-import { DividerModule } from 'primeng/divider';
-import { DropdownModule } from 'primeng/dropdown';
-import { PaginatorModule } from 'primeng/paginator';
-import { SliderModule } from 'primeng/slider';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { ImagesDoc } from './imagesdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-import { LocaleDoc } from './localedoc';
-import { CurrentPageReportDoc } from './currentpagereportdoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, PaginatorModule, ButtonModule, DividerModule, SliderModule, RouterModule, DropdownModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, TemplateDoc, ImagesDoc, StyleDoc, AccessibilityDoc, LocaleDoc, CurrentPageReportDoc]
-})
-export class PaginatorDocModule {}
diff --git a/src/app/showcase/doc/paginator/styledoc.ts b/src/app/showcase/doc/paginator/styledoc.ts
deleted file mode 100644
index 5025cb3..0000000
--- a/src/app/showcase/doc/paginator/styledoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-paginator</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-paginator-first</td>
-                        <td>First page element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-paginator-prev</td>
-                        <td>Previous page element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-paginator-pages</td>
-                        <td>Container of page links.</td>
-                    </tr>
-                    <tr>
-                        <td>p-paginator-page</td>
-                        <td>A page link.</td>
-                    </tr>
-                    <tr>
-                        <td>p-paginator-next</td>
-                        <td>Next page element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-paginator-last</td>
-                        <td>Last page element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-paginator-rpp-options</td>
-                        <td>Rows per page dropdown.</td>
-                    </tr>
-                    <tr>
-                        <td>p-paginator-page-options</td>
-                        <td>Jump to per page dropdown.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/paginator/templatedoc.ts b/src/app/showcase/doc/paginator/templatedoc.ts
deleted file mode 100644
index 1edf2da..0000000
--- a/src/app/showcase/doc/paginator/templatedoc.ts
+++ /dev/null
@@ -1,218 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '../../domain/code';
-
-interface PageEvent {
-    first: number;
-    rows: number;
-    page: number;
-    pageCount: number;
-}
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Templating allows overriding the default content of the UI elements by defining callbacks using the element name.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col gap-3">
-            <div class="flex items-center justify-center">
-                <div>
-                    <p-button icon="pi pi-star" styleClass="p-button-outlined" />
-                </div>
-                <div class="flex-1">
-                    <p-paginator (onPageChange)="onPageChange1($event)" [first]="first1" [rows]="rows1" [totalRecords]="120" [rowsPerPageOptions]="[10, 20, 30]" [showFirstLastIcon]="false" />
-                </div>
-                <div class="justify-end">
-                    <p-button icon="pi pi-search" />
-                </div>
-            </div>
-            <p-divider />
-            <div class="flex items-center justify-end">
-                <span class="mx-1 text-color">Items per page: </span>
-                <p-dropdown [options]="options" optionLabel="label" optionValue="value" [(ngModel)]="rows2" (ngModelChange)="first2 = 0" />
-                <p-paginator
-                    [first]="first2"
-                    [rows]="rows2"
-                    [totalRecords]="120"
-                    (onPageChange)="onPageChange2($event)"
-                    [showCurrentPageReport]="true"
-                    currentPageReportTemplate="{first} - {last} of {totalRecords}"
-                    [showPageLinks]="false"
-                    [showFirstLastIcon]="false"
-                ></p-paginator>
-            </div>
-            <p-divider />
-            <div class="flex items-center justify-start">
-                <div class="flex justify-center items-center gap-3">
-                    <span>Items per page: </span>
-                    <p-slider [(ngModel)]="rows3" (ngModelChange)="first3 = 0" [style]="{ width: '10rem' }" [min]="10" [max]="120" [step]="30" />
-                </div>
-                <p-paginator
-                    (onPageChange)="onPageChange3($event)"
-                    [first]="first3"
-                    [rows]="rows3"
-                    [totalRecords]="totalRecords"
-                    [showFirstLastIcon]="false"
-                    [showCurrentPageReport]="true"
-                    currentPageReportTemplate="{first} - {last} of {totalRecords}"
-                ></p-paginator>
-            </div>
-        </div>
-        <app-code [code]="code" selector="paginator-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    first1: number = 0;
-
-    rows1: number = 10;
-
-    first2: number = 0;
-
-    rows2: number = 10;
-
-    first3: number = 0;
-
-    rows3: number = 10;
-
-    totalRecords: number = 120;
-
-    options = [
-        { label: 5, value: 5 },
-        { label: 10, value: 10 },
-        { label: 20, value: 20 },
-        { label: 120, value: 120 }
-    ];
-
-    onPageChange1(event: PageEvent) {
-        this.first1 = event.first;
-        this.rows1 = event.rows;
-    }
-
-    onPageChange2(event: PageEvent) {
-        this.first2 = event.first;
-        this.rows2 = event.rows;
-    }
-
-    onPageChange3(event: PageEvent) {
-        this.first3 = event.first;
-        this.rows3 = event.rows;
-    }
-
-    code: Code = {
-        basic: `<div class="flex items-center justify-center">
-    <div>
-        <p-button icon="pi pi-star" styleClass="p-button-outlined" />
-    </div>
-    <div class="flex-1">
-        <p-paginator (onPageChange)="onPageChange1($event)" [first]="first1" [rows]="rows1" [totalRecords]="120" [rowsPerPageOptions]="[10, 20, 30]" [showFirstLastIcon]="false" />
-    </div>
-    <div class="justify-end">
-        <p-button icon="pi pi-search" />
-    </div>
-</div>
-
-<div class="flex items-center justify-end">
-    <span class="mx-1 text-color">Items per page: </span>
-    <p-dropdown [options]="options" optionLabel="label" optionValue="value" [(ngModel)]="rows2" (ngModelChange)="first2 = 0" />
-    <p-paginator [first]="first2" [rows]="rows2" [totalRecords]="120" (onPageChange)="onPageChange2($event)" [showCurrentPageReport]="true"
-        currentPageReportTemplate="{first} - {last} of {totalRecords}" [showPageLinks]="false" [showFirstLastIcon]="false" ></p-paginator>
-</div>
-
-<div class="flex items-center justify-start">
-    <div class="flex justify-center items-center gap-3">
-        <span>Items per page: </span>
-        <p-slider [(ngModel)]="rows3" (ngModelChange)="first3 = 0" [style]="{ width: '10rem' }" [min]="10" [max]="120" [step]="30" />
-    </div>
-    <p-paginator (onPageChange)="onPageChange3($event)" [first]="first3" [rows]="rows3" [totalRecords]="totalRecords" [showFirstLastIcon]="false" 
-        [showCurrentPageReport]="true" currentPageReportTemplate="{first} - {last} of {totalRecords}" ></p-paginator>
-</div>`,
-
-        html: `<div class="card flex flex-col gap-3">
-    <div class="flex items-center justify-center">
-        <div>
-            <p-button icon="pi pi-star" styleClass="p-button-outlined" />
-        </div>
-        <div class="flex-1">
-            <p-paginator (onPageChange)="onPageChange1($event)" [first]="first1" [rows]="rows1" [totalRecords]="120" [rowsPerPageOptions]="[10, 20, 30]" [showFirstLastIcon]="false" />
-        </div>
-        <div class="justify-end">
-            <p-button icon="pi pi-search" />
-        </div>
-    </div>
-    <p-divider />
-    <div class="flex items-center justify-end">
-        <span class="mx-1 text-color">Items per page: </span>
-        <p-dropdown [options]="options" optionLabel="label" optionValue="value" [(ngModel)]="rows2" (ngModelChange)="first2 = 0" />
-        <p-paginator [first]="first2" [rows]="rows2" [totalRecords]="120" (onPageChange)="onPageChange2($event)" [showCurrentPageReport]="true" 
-            currentPageReportTemplate="{first} - {last} of {totalRecords}" [showPageLinks]="false" [showFirstLastIcon]="false"></p-paginator>
-    </div>
-    <p-divider />
-    <div class="flex items-center justify-start">
-        <div class="flex justify-center items-center gap-3">
-            <span>Items per page: </span>
-            <p-slider [(ngModel)]="rows3" (ngModelChange)="first3 = 0" [style]="{ width: '10rem' }" [min]="10" [max]="120" [step]="30" />
-        </div>
-        <p-paginator (onPageChange)="onPageChange3($event)" [first]="first3" [rows]="rows3" [totalRecords]="totalRecords"
-            [showFirstLastIcon]="false" [showCurrentPageReport]="true" currentPageReportTemplate="{first} - {last} of {totalRecords}"></p-paginator>
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { PaginatorModule } from 'primeng/paginator';
-import { ButtonModule } from 'primeng/button';
-import { DividerModule } from 'primeng/divider';
-import { SliderModule } from 'primeng/slider';
-import { FormsModule } from '@angular/forms';
-        
-interface PageEvent {
-    first: number;
-    rows: number;
-    page: number;
-    pageCount: number;
-}
-
-@Component({
-    selector: 'paginator-template-demo',
-    templateUrl: './paginator-template-demo.html',
-    standalone: true,
-    imports: [PaginatorModule, ButtonModule, DividerModule, SliderModule, FormsModule]
-})
-export class PaginatorTemplateDemo {
-    first1: number = 0;
-
-    rows1: number = 10;
-
-    first2: number = 0;
-
-    rows2: number = 10;
-
-    first3: number = 0;
-
-    rows3: number = 10;
-
-    totalRecords: number = 120;
-
-    options = [
-        { label: 5, value: 5 },
-        { label: 10, value: 10 },
-        { label: 20, value: 20 },
-        { label: 120, value: 120 }
-    ];
-
-    onPageChange1(event: PageEvent) {
-        this.first1 = event.first;
-        this.rows1 = event.rows;
-    }
-
-    onPageChange2(event: PageEvent) {
-        this.first2 = event.first;
-        this.rows2 = event.rows;
-    }
-
-    onPageChange3(event: PageEvent) {
-        this.first3 = event.first;
-        this.rows3 = event.rows;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/panel/accessibilitydoc.ts b/src/app/showcase/doc/panel/accessibilitydoc.ts
deleted file mode 100644
index 6586717..0000000
--- a/src/app/showcase/doc/panel/accessibilitydoc.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Toggleable panels use a content toggle button at the header that has <i>aria-controls</i> to define the id of the content section along with <i>aria-expanded</i> for the visibility state. The value to read the button defaults to the
-                value of the <i>header</i> property and can be customized by defining an <i>aria-label</i> or <i>aria-labelledby</i> via the <i>toggleButtonProps</i> property.
-            </p>
-            <p>The content uses <i>region</i>, defines an id that matches the <i>aria-controls</i> of the content toggle button and <i>aria-labelledby</i> referring to the id of the header.</p>
-            <h3>Content Toggle Button Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Moves focus to the next the focusable element in the page tab sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>shift</i> + <i>tab</i></td>
-                            <td>Moves focus to the previous the focusable element in the page tab sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Toggles the visibility of the content.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Toggles the visibility of the content.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/panel/basicdoc.ts b/src/app/showcase/doc/panel/basicdoc.ts
deleted file mode 100644
index 510c673..0000000
--- a/src/app/showcase/doc/panel/basicdoc.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>A simple Panel is created with a <i>header</i> property along with the content as children.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-panel header="Header">
-                <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                </p>
-            </p-panel>
-        </div>
-        <app-code [code]="code" selector="panel-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-panel header="Header">
-    <p>
-        Lorem ipsum dolor sit amet...
-    </p>
-</p-panel>`,
-
-        html: `<div class="card flex justify-center">
-    <p-panel header="Header">
-        <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-    </p-panel>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { PanelModule } from 'primeng/panel';
-
-@Component({
-    selector: 'panel-basic-demo',
-    templateUrl: './panel-basic-demo.html',
-    standalone: true,
-    imports: [PanelModule]
-})
-export class PanelBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/panel/importdoc.ts b/src/app/showcase/doc/panel/importdoc.ts
deleted file mode 100644
index 2f837d8..0000000
--- a/src/app/showcase/doc/panel/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { PanelModule } from 'primeng/panel';`
-    };
-}
diff --git a/src/app/showcase/doc/panel/paneldoc.module.ts b/src/app/showcase/doc/panel/paneldoc.module.ts
deleted file mode 100644
index 5e92413..0000000
--- a/src/app/showcase/doc/panel/paneldoc.module.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { PanelModule } from 'primeng/panel';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AvatarModule } from 'primeng/avatar';
-import { ButtonModule } from 'primeng/button';
-import { MenuModule } from 'primeng/menu';
-import { StyleDoc } from './styledoc';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { TemplateDoc } from './templatedoc';
-import { ToggleableDoc } from './toggleabledoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, PanelModule, RouterModule, AvatarModule, ButtonModule, MenuModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, ToggleableDoc, TemplateDoc, StyleDoc, AccessibilityDoc]
-})
-export class PanelDocModule {}
diff --git a/src/app/showcase/doc/panel/styledoc.ts b/src/app/showcase/doc/panel/styledoc.ts
deleted file mode 100644
index 6e757c9..0000000
--- a/src/app/showcase/doc/panel/styledoc.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-panel</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-panel-header</td>
-                        <td>Header section.</td>
-                    </tr>
-                    <tr>
-                        <td>p-panel-title</td>
-                        <td>Title text of panel.</td>
-                    </tr>
-                    <tr>
-                        <td>p-panel-header-icon</td>
-                        <td>Toggle icon.</td>
-                    </tr>
-                    <tr>
-                        <td>p-panel-content</td>
-                        <td>Content of panel.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/panel/templatedoc.ts b/src/app/showcase/doc/panel/templatedoc.ts
deleted file mode 100644
index 33574d0..0000000
--- a/src/app/showcase/doc/panel/templatedoc.ts
+++ /dev/null
@@ -1,172 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Header and Footers sections can be customized using <i>header</i> and <i>footer</i> templates.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-panel [toggleable]="true">
-                <ng-template pTemplate="header">
-                    <div class="flex items-center gap-2">
-                        <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" size="large" shape="circle" />
-                        <span class="font-bold">Amy Elsner</span>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="footer">
-                    <div class="flex flex-wrap items-center justify-between gap-3">
-                        <div class="flex items-center gap-2">
-                            <p-button icon="pi pi-user" rounded="true" text="true" />
-                            <p-button icon="pi pi-bookmark" severity="secondary" rounded="true" text="true" />
-                        </div>
-                        <span class="p-text-secondary">Updated 2 hours ago</span>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="icons">
-                    <button class="p-panel-header-icon p-link mr-2" (click)="menu.toggle($event)">
-                        <span class="pi pi-cog"></span>
-                    </button>
-                    <p-menu #menu id="config_menu" [model]="items" [popup]="true" />
-                </ng-template>
-                <p class="m-0">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                </p>
-            </p-panel>
-        </div>
-        <app-code [code]="code" selector="panel-template-demo"></app-code>
-    `
-})
-export class TemplateDoc implements OnInit {
-    items: { label?: string; icon?: string; separator?: boolean }[] = [];
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Refresh',
-                icon: 'pi pi-refresh'
-            },
-            {
-                label: 'Search',
-                icon: 'pi pi-search'
-            },
-            {
-                separator: true
-            },
-            {
-                label: 'Delete',
-                icon: 'pi pi-times'
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-panel [toggleable]="true">
-    <ng-template pTemplate="header">
-        <div class="flex items-center gap-2">
-            <p-avatar 
-                image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" 
-                size="large" 
-                shape="circle" />
-            <span class="font-bold">
-                Amy Elsner
-            </span>
-        </div>
-    </ng-template>
-    <ng-template pTemplate="footer">
-        <div class="flex flex-wrap items-center justify-between gap-3">
-            <div class="flex items-center gap-2">
-                <p-button icon="pi pi-user" rounded="true" text="true" />
-                <p-button icon="pi pi-bookmark" severity="secondary" rounded="true" text="true" />
-            </div>
-            <span class="p-text-secondary">
-                Updated 2 hours ago
-            </span>
-        </div>
-    </ng-template>
-    <ng-template pTemplate="icons">
-        <button class="p-panel-header-icon p-link mr-2" (click)="menu.toggle($event)">
-            <span class="pi pi-cog"></span>
-        </button>
-        <p-menu #menu id="config_menu" [model]="items" [popup]="true" />
-    </ng-template>
-    <p class="m-0">
-        Lorem ipsum dolor sit amet...
-    </p>
-</p-panel>`,
-
-        html: `<div class="card">
-    <p-panel [toggleable]="true">
-    <ng-template pTemplate="header">
-        <div class="flex items-center gap-2">
-            <p-avatar 
-                image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" 
-                size="large" 
-                shape="circle" />
-            <span class="font-bold">
-                Amy Elsner
-            </span>
-        </div>
-    </ng-template>
-    <ng-template pTemplate="footer">
-        <div class="flex flex-wrap items-center justify-between gap-3">
-            <div class="flex items-center gap-2">
-                <p-button icon="pi pi-user" rounded="true" text="true" />
-                <p-button icon="pi pi-bookmark" severity="secondary" rounded="true" text="true" />
-            </div>
-            <span class="p-text-secondary">
-                Updated 2 hours ago
-            </span>
-        </div>
-    </ng-template>
-    <ng-template pTemplate="icons">
-        <button class="p-panel-header-icon p-link mr-2" (click)="menu.toggle($event)">
-            <span class="pi pi-cog"></span>
-        </button>
-        <p-menu #menu id="config_menu" [model]="items" [popup]="true" />
-    </ng-template>
-    <p class="m-0">
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-    </p-panel>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { PanelModule } from 'primeng/panel';
-import { AvatarModule } from 'primeng/avatar';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'panel-template-demo',
-    templateUrl: './panel-template-demo.html',
-    standalone: true,
-    imports: [PanelModule, AvatarModule, ButtonModule]
-})
-export class PanelTemplateDemo implements OnInit {
-    items: { label?: string; icon?: string; separator?: boolean }[] = [];
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Refresh',
-                icon: 'pi pi-refresh'
-            },
-            {
-                label: 'Search',
-                icon: 'pi pi-search'
-            },
-            {
-                separator: true
-            },
-            {
-                label: 'Delete',
-                icon: 'pi pi-times'
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/panel/toggleabledoc.ts b/src/app/showcase/doc/panel/toggleabledoc.ts
deleted file mode 100644
index 7aad0a5..0000000
--- a/src/app/showcase/doc/panel/toggleabledoc.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'toggleable-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Content of the panel can be expanded and collapsed using <i>toggleable</i> option, default state is defined with collapsed option. By default, toggle icon is used to toggle the contents whereas setting toggler to "header" enables
-                clicking anywhere in the header to trigger a toggle.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-panel header="Header" [toggleable]="true">
-                <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                </p>
-            </p-panel>
-        </div>
-        <app-code [code]="code" selector="panel-toggleable-demo"></app-code>
-    `
-})
-export class ToggleableDoc {
-    code: Code = {
-        basic: `<p-panel header="Header" [toggleable]="true">
-    <p>
-        Lorem ipsum dolor sit amet...
-    </p>
-</p-panel>`,
-
-        html: `<div class="card flex justify-center">
-    <p-panel header="Header" [toggleable]="true">
-        <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-    </p-panel>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { PanelModule } from 'primeng/panel';
-
-@Component({
-    selector: 'panel-toggleable-demo',
-    templateUrl: './panel-toggleable-demo.html',
-    standalone: true,
-    imports: [PanelModule]
-})
-export class PanelToggleableDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/panelmenu/accessibilitydoc.ts b/src/app/showcase/doc/panelmenu/accessibilitydoc.ts
deleted file mode 100644
index ee864d8..0000000
--- a/src/app/showcase/doc/panelmenu/accessibilitydoc.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Accordion header elements have a <i>button</i> role, an <i>aria-label</i> defined using the <i>label</i> property of the menuitem model and <i>aria-controls</i> to define the id of the content section along with
-                <i>aria-expanded</i> for the visibility state.
-            </p>
-            <p>The content of an accordion panel uses <i>region</i> role, defines an id that matches the <i>aria-controls</i> of the header and <i>aria-labelledby</i> referring to the id of the header.</p>
-            <p>
-                The tree elements has a <i>tree</i> as the role and each menu item has a <i>treeitem</i> role along with <i>aria-label</i>, <i>aria-selected</i> and <i>aria-expanded</i> attributes. The container element of a treenode has the
-                <i>group</i> role. The <i>aria-setsize</i>, <i>aria-posinset</i> and <i>aria-level</i> attributes are calculated implicitly and added to each treeitem.
-            </p>
-
-            <h3>Header Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Adds focus to the first header when focus moves in to the component, if there is already a focused tab header then moves the focus out of the component based on the page tab sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Toggles the visibility of the content.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Toggles the visibility of the content.</td>
-                        </tr>
-                        <tr>
-                            <td><i>down arrow</i></td>
-                            <td>If panel is collapsed then moves focus to the next header, otherwise first treenode of the panel receives the focus.</td>
-                        </tr>
-                        <tr>
-                            <td><i>up arrow</i></td>
-                            <td>If previous panel is collapsed then moves focus to the previous header, otherwise last treenode of the previous panel receives the focus.</td>
-                        </tr>
-                        <tr>
-                            <td><i>home</i></td>
-                            <td>Moves focus to the first header.</td>
-                        </tr>
-                        <tr>
-                            <td><i>end</i></td>
-                            <td>Moves focus to the last header.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-
-            <h3>Tree Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Moves focus to the next focusable element in the page tab order.</td>
-                        </tr>
-                        <tr>
-                            <td><i>shift</i> + <i>tab</i></td>
-                            <td>Moves focus to the previous focusable element in the page tab order.</td>
-                        </tr>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Activates the focused treenode.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Activates the focused treenode.</td>
-                        </tr>
-                        <tr>
-                            <td><i>down arrow</i></td>
-                            <td>Moves focus to the next treenode.</td>
-                        </tr>
-                        <tr>
-                            <td><i>up arrow</i></td>
-                            <td>Moves focus to the previous treenode.</td>
-                        </tr>
-                        <tr>
-                            <td><i>right arrow</i></td>
-                            <td>If node is closed, opens the node otherwise moves focus to the first child node.</td>
-                        </tr>
-                        <tr>
-                            <td><i>left arrow</i></td>
-                            <td>If node is open, closes the node otherwise moves focus to the parent node.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/panelmenu/basicdoc.ts b/src/app/showcase/doc/panelmenu/basicdoc.ts
deleted file mode 100644
index e91dca1..0000000
--- a/src/app/showcase/doc/panelmenu/basicdoc.ts
+++ /dev/null
@@ -1,203 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>PanelMenu requires a collection of menuitems as its <i>model</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-panelMenu [model]="items" styleClass="w-full md:!w-20" />
-        </div>
-        <app-code [code]="code" selector="panel-menu-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    items: MenuItem[];
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Files',
-                icon: 'pi pi-file',
-                items: [
-                    {
-                        label: 'Documents',
-                        icon: 'pi pi-file',
-                        items: [
-                            {
-                                label: 'Invoices',
-                                icon: 'pi pi-file-pdf',
-                                items: [
-                                    {
-                                        label: 'Pending',
-                                        icon: 'pi pi-stop'
-                                    },
-                                    {
-                                        label: 'Paid',
-                                        icon: 'pi pi-check-circle'
-                                    }
-                                ]
-                            },
-                            {
-                                label: 'Clients',
-                                icon: 'pi pi-users'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Images',
-                        icon: 'pi pi-image',
-                        items: [
-                            {
-                                label: 'Logos',
-                                icon: 'pi pi-image'
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                label: 'Cloud',
-                icon: 'pi pi-cloud',
-                items: [
-                    {
-                        label: 'Upload',
-                        icon: 'pi pi-cloud-upload'
-                    },
-                    {
-                        label: 'Download',
-                        icon: 'pi pi-cloud-download'
-                    },
-                    {
-                        label: 'Sync',
-                        icon: 'pi pi-refresh'
-                    }
-                ]
-            },
-            {
-                label: 'Devices',
-                icon: 'pi pi-desktop',
-                items: [
-                    {
-                        label: 'Phone',
-                        icon: 'pi pi-mobile'
-                    },
-                    {
-                        label: 'Desktop',
-                        icon: 'pi pi-desktop'
-                    },
-                    {
-                        label: 'Tablet',
-                        icon: 'pi pi-tablet'
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-panelMenu [model]="items" styleClass="w-full md:!w-20" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-panelMenu [model]="items" styleClass="w-full md:!w-20" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { PanelMenuModule } from 'primeng/panelmenu';
-
-@Component({
-    selector: 'panel-menu-basic-demo',
-    templateUrl: './panel-menu-basic-demo.html',
-    standalone: true,
-    imports: [PanelMenuModule]
-})
-export class PanelMenuBasicDemo implements OnInit {
-    items: MenuItem[];
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Files',
-                icon: 'pi pi-file',
-                items: [
-                    {
-                        label: 'Documents',
-                        icon: 'pi pi-file',
-                        items: [
-                            {
-                                label: 'Invoices',
-                                icon: 'pi pi-file-pdf',
-                                items: [
-                                    {
-                                        label: 'Pending',
-                                        icon: 'pi pi-stop'
-                                    },
-                                    {
-                                        label: 'Paid',
-                                        icon: 'pi pi-check-circle'
-                                    }
-                                ]
-                            },
-                            {
-                                label: 'Clients',
-                                icon: 'pi pi-users'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Images',
-                        icon: 'pi pi-image',
-                        items: [
-                            {
-                                label: 'Logos',
-                                icon: 'pi pi-image'
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                label: 'Cloud',
-                icon: 'pi pi-cloud',
-                items: [
-                    {
-                        label: 'Upload',
-                        icon: 'pi pi-cloud-upload'
-                    },
-                    {
-                        label: 'Download',
-                        icon: 'pi pi-cloud-download'
-                    },
-                    {
-                        label: 'Sync',
-                        icon: 'pi pi-refresh'
-                    }
-                ]
-            },
-            {
-                label: 'Devices',
-                icon: 'pi pi-desktop',
-                items: [
-                    {
-                        label: 'Phone',
-                        icon: 'pi pi-mobile'
-                    },
-                    {
-                        label: 'Desktop',
-                        icon: 'pi pi-desktop'
-                    },
-                    {
-                        label: 'Tablet',
-                        icon: 'pi pi-tablet'
-                    }
-                ]
-            }
-        ]
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/panelmenu/commanddoc.ts b/src/app/showcase/doc/panelmenu/commanddoc.ts
deleted file mode 100644
index 5ef5634..0000000
--- a/src/app/showcase/doc/panelmenu/commanddoc.ts
+++ /dev/null
@@ -1,169 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'command-doc',
-    template: `
-        <app-docsectiontext>
-            <p>The <i>command</i> property defines the callback to run when an item is activated by click or a key event.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-panelMenu [model]="items" styleClass="w-full md:!w-20" />
-        </div>
-        <app-code [code]="code" selector="panel-menu-command-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class CommandDoc implements OnInit {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Files',
-                icon: 'pi pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-plus',
-                        command: () => {
-                            this.messageService.add({ severity: 'success', summary: 'Success', detail: 'File created', life: 3000 });
-                        }
-                    },
-                    {
-                        label: 'Search',
-                        icon: 'pi pi-search',
-                        command: () => {
-                            this.messageService.add({ severity: 'warn', summary: 'Search Results', detail: 'No results found', life: 3000 });
-                        }
-                    },
-                    {
-                        label: 'Print',
-                        icon: 'pi pi-print',
-                        command: () => {
-                            this.messageService.add({ severity: 'error', summary: 'Error', detail: 'No printer connected', life: 3000 });
-                        }
-                    }
-                ]
-            },
-            {
-                label: 'Sync',
-                icon: 'pi pi-cloud',
-                items: [
-                    {
-                        label: 'Import',
-                        icon: 'pi pi-cloud-download',
-                        command: () => {
-                            this.messageService.add({ severity: 'info', summary: 'Downloads', detail: 'Downloaded from cloud', life: 3000 });
-                        }
-                    },
-                    {
-                        label: 'Export',
-                        icon: 'pi pi-cloud-upload',
-                        command: () => {
-                            this.messageService.add({ severity: 'info', summary: 'Shared', detail: 'Exported to cloud', life: 3000 });
-                        }
-                    }
-                ]
-            },
-            {
-                label: 'Sign Out',
-                icon: 'pi pi-sign-out',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Signed out', detail: 'User logged out', life: 3000 });
-                }
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-panelMenu [model]="items" styleClass="w-full md:!w-20" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-toast />
-    <p-panelMenu [model]="items" styleClass="w-full md:!w-20" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { PanelMenuModule } from 'primeng/panelmenu';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'panel-menu-command-demo',
-    templateUrl: './panel-menu-command-demo.html',
-    standalone: true,
-    imports: [PanelMenuModule, ToastModule],
-    providers: [MessageService]
-})
-export class PanelMenuCommandDemo implements OnInit {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Files',
-                icon: 'pi pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-plus',
-                        command: () => {
-                            this.messageService.add({ severity: 'success', summary: 'Success', detail: 'File created', life: 3000 });
-                        }
-                    },
-                    {
-                        label: 'Search',
-                        icon: 'pi pi-search',
-                        command: () => {
-                            this.messageService.add({ severity: 'warn', summary: 'Search Results', detail: 'No results found', life: 3000 });
-                        }
-                    },
-                    {
-                        label: 'Print',
-                        icon: 'pi pi-print',
-                        command: () => {
-                            this.messageService.add({ severity: 'error', summary: 'Error', detail: 'No printer connected', life: 3000 });
-                        }
-                    }
-                ]
-            },
-            {
-                label: 'Sync',
-                icon: 'pi pi-cloud',
-                items: [
-                    {
-                        label: 'Import',
-                        icon: 'pi pi-cloud-download',
-                        command: () => {
-                            this.messageService.add({ severity: 'info', summary: 'Downloads', detail: 'Downloaded from cloud', life: 3000 });
-                        }
-                    },
-                    {
-                        label: 'Export',
-                        icon: 'pi pi-cloud-upload',
-                        command: () => {
-                            this.messageService.add({ severity: 'info', summary: 'Shared', detail: 'Exported to cloud', life: 3000 });
-                        }
-                    }
-                ]
-            },
-            {
-                label: 'Sign Out',
-                icon: 'pi pi-sign-out',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Signed out', detail: 'User logged out', life: 3000 });
-                }
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/panelmenu/controlleddoc.ts b/src/app/showcase/doc/panelmenu/controlleddoc.ts
deleted file mode 100644
index 55651af..0000000
--- a/src/app/showcase/doc/panelmenu/controlleddoc.ts
+++ /dev/null
@@ -1,219 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'controlled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Menu items can be controlled programmatically.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col items-center gap-3">
-            <p-button label="Toggle All" [text]="true" (onClick)="toggleAll()" />
-            <p-panelMenu [model]="items" styleClass="w-full md:!w-20" />
-        </div>
-        <app-code [code]="code" selector="panel-menu-controlled-demo"></app-code>
-    `
-})
-export class ControlledDoc implements OnInit {
-    items: MenuItem[];
-
-    ngOnInit() {
-        this.items = [
-            {
-                key: '0',
-                label: 'Users',
-                icon: 'pi pi-users',
-                items: [
-                    {
-                        key: '0_1',
-                        label: 'New',
-                        items: [
-                            {
-                                key: '0_1_0',
-                                label: 'Member'
-                            },
-                            {
-                                key: '0_1_1',
-                                label: 'Group'
-                            }
-                        ]
-                    },
-                    {
-                        key: '0_2',
-                        label: 'Search'
-                    }
-                ]
-            },
-            {
-                key: '1',
-                label: 'Tasks',
-                icon: 'pi pi-server',
-                items: [
-                    {
-                        key: '1_0',
-                        label: 'Add New'
-                    },
-                    {
-                        key: '1_1',
-                        label: 'Pending'
-                    },
-                    {
-                        key: '1_2',
-                        label: 'Overdue'
-                    }
-                ]
-            },
-            {
-                key: '2',
-                label: 'Calendar',
-                icon: 'pi pi-calendar',
-                items: [
-                    {
-                        key: '2_0',
-                        label: 'New Event'
-                    },
-                    {
-                        key: '2_1',
-                        label: 'Today'
-                    },
-                    {
-                        key: '2_2',
-                        label: 'This Week'
-                    }
-                ]
-            }
-        ];
-    }
-
-    toggleAll() {
-        const expanded = !this.areAllItemsExpanded();
-        this.items = this.toggleAllRecursive(this.items, expanded);
-    }
-
-    private toggleAllRecursive(items: MenuItem[], expanded: boolean): MenuItem[] {
-        return items.map((menuItem) => {
-            menuItem.expanded = expanded;
-            if (menuItem.items) {
-                menuItem.items = this.toggleAllRecursive(menuItem.items, expanded);
-            }
-            return menuItem;
-        });
-    }
-
-    private areAllItemsExpanded(): boolean {
-        return this.items.every((menuItem) => menuItem.expanded);
-    }
-
-    code: Code = {
-        basic: `<p-button label="Toggle All" [text]="true" (onClick)="toggleAll()" />
-<p-panelMenu [model]="items" styleClass="w-full md:!w-20" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-button label="Toggle All" [text]="true" (onClick)="toggleAll()" />
-    <p-panelMenu [model]="items" styleClass="w-full md:!w-20" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { PanelMenuModule } from 'primeng/panelmenu';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'panel-menu-controlled-demo',
-    templateUrl: './panel-menu-controlled-demo.html',
-    standalone: true,
-    imports: [PanelMenuModule, ButtonModule]
-})
-export class PanelMenuControlledDemo implements OnInit {
-    items: MenuItem[];
-
-    ngOnInit() {
-        this.items = [
-            {
-                key: '0',
-                label: 'Users',
-                icon: 'pi pi-users',
-                items: [
-                    {
-                        key: '0_1',
-                        label: 'New',
-                        items: [
-                            {
-                                key: '0_1_0',
-                                label: 'Member'
-                            },
-                            {
-                                key: '0_1_1',
-                                label: 'Group'
-                            }
-                        ]
-                    },
-                    {
-                        key: '0_2',
-                        label: 'Search'
-                    }
-                ]
-            },
-            {
-                key: '1',
-                label: 'Tasks',
-                icon: 'pi pi-server',
-                items: [
-                    {
-                        key: '1_0',
-                        label: 'Add New'
-                    },
-                    {
-                        key: '1_1',
-                        label: 'Pending'
-                    },
-                    {
-                        key: '1_2',
-                        label: 'Overdue'
-                    }
-                ]
-            },
-            {
-                key: '2',
-                label: 'Calendar',
-                icon: 'pi pi-calendar',
-                items: [
-                    {
-                        key: '2_0',
-                        label: 'New Event'
-                    },
-                    {
-                        key: '2_1',
-                        label: 'Today'
-                    },
-                    {
-                        key: '2_2',
-                        label: 'This Week'
-                    }
-                ]
-            }
-        ];
-    }
-
-    toggleAll() {
-        const expanded = !this.areAllItemsExpanded();
-        this.items = this.toggleAllRecursive(this.items, expanded);
-    }
-
-    private toggleAllRecursive(items: MenuItem[], expanded: boolean): MenuItem[] {
-        return items.map((menuItem) => {
-            menuItem.expanded = expanded;
-            if (menuItem.items) {
-                menuItem.items = this.toggleAllRecursive(menuItem.items, expanded);
-            }
-            return menuItem;
-        });
-    }
-
-    private areAllItemsExpanded(): boolean {
-        return this.items.every((menuItem) => menuItem.expanded);
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/panelmenu/importdoc.ts b/src/app/showcase/doc/panelmenu/importdoc.ts
deleted file mode 100644
index a3cbffe..0000000
--- a/src/app/showcase/doc/panelmenu/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { PanelMenuModule } from 'primeng/panelmenu';`
-    };
-}
diff --git a/src/app/showcase/doc/panelmenu/multipledoc.ts b/src/app/showcase/doc/panelmenu/multipledoc.ts
deleted file mode 100644
index 28cee06..0000000
--- a/src/app/showcase/doc/panelmenu/multipledoc.ts
+++ /dev/null
@@ -1,203 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'multiple-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Only one single root menuitem can be active by default, enable <i>multiple</i> property to be able to open more than one items.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-panelMenu [model]="items" styleClass="w-full md:!w-20" [multiple]="true" />
-        </div>
-        <app-code [code]="code" selector="panel-menu-multiple-demo"></app-code>
-    `
-})
-export class MultipleDoc implements OnInit {
-    items: MenuItem[];
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Files',
-                icon: 'pi pi-file',
-                items: [
-                    {
-                        label: 'Documents',
-                        icon: 'pi pi-file',
-                        items: [
-                            {
-                                label: 'Invoices',
-                                icon: 'pi pi-file-pdf',
-                                items: [
-                                    {
-                                        label: 'Pending',
-                                        icon: 'pi pi-stop'
-                                    },
-                                    {
-                                        label: 'Paid',
-                                        icon: 'pi pi-check-circle'
-                                    }
-                                ]
-                            },
-                            {
-                                label: 'Clients',
-                                icon: 'pi pi-users'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Images',
-                        icon: 'pi pi-image',
-                        items: [
-                            {
-                                label: 'Logos',
-                                icon: 'pi pi-image'
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                label: 'Cloud',
-                icon: 'pi pi-cloud',
-                items: [
-                    {
-                        label: 'Upload',
-                        icon: 'pi pi-cloud-upload'
-                    },
-                    {
-                        label: 'Download',
-                        icon: 'pi pi-cloud-download'
-                    },
-                    {
-                        label: 'Sync',
-                        icon: 'pi pi-refresh'
-                    }
-                ]
-            },
-            {
-                label: 'Devices',
-                icon: 'pi pi-desktop',
-                items: [
-                    {
-                        label: 'Phone',
-                        icon: 'pi pi-mobile'
-                    },
-                    {
-                        label: 'Desktop',
-                        icon: 'pi pi-desktop'
-                    },
-                    {
-                        label: 'Tablet',
-                        icon: 'pi pi-tablet'
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-panelMenu [model]="items" [style]="{'width':'300px'}" [multiple]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-panelMenu [model]="items" [style]="{'width':'300px'}" [multiple]="true" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { PanelMenuModule } from 'primeng/panelmenu';
-
-@Component({
-    selector: 'panel-menu-multiple-demo',
-    templateUrl: './panel-menu-multiple-demo.html',
-    standalone: true,
-    imports: [PanelMenuModule]
-})
-export class PanelMenuMultipleDemo implements OnInit {
-    items: MenuItem[];
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Files',
-                icon: 'pi pi-file',
-                items: [
-                    {
-                        label: 'Documents',
-                        icon: 'pi pi-file',
-                        items: [
-                            {
-                                label: 'Invoices',
-                                icon: 'pi pi-file-pdf',
-                                items: [
-                                    {
-                                        label: 'Pending',
-                                        icon: 'pi pi-stop'
-                                    },
-                                    {
-                                        label: 'Paid',
-                                        icon: 'pi pi-check-circle'
-                                    }
-                                ]
-                            },
-                            {
-                                label: 'Clients',
-                                icon: 'pi pi-users'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Images',
-                        icon: 'pi pi-image',
-                        items: [
-                            {
-                                label: 'Logos',
-                                icon: 'pi pi-image'
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                label: 'Cloud',
-                icon: 'pi pi-cloud',
-                items: [
-                    {
-                        label: 'Upload',
-                        icon: 'pi pi-cloud-upload'
-                    },
-                    {
-                        label: 'Download',
-                        icon: 'pi pi-cloud-download'
-                    },
-                    {
-                        label: 'Sync',
-                        icon: 'pi pi-refresh'
-                    }
-                ]
-            },
-            {
-                label: 'Devices',
-                icon: 'pi pi-desktop',
-                items: [
-                    {
-                        label: 'Phone',
-                        icon: 'pi pi-mobile'
-                    },
-                    {
-                        label: 'Desktop',
-                        icon: 'pi pi-desktop'
-                    },
-                    {
-                        label: 'Tablet',
-                        icon: 'pi pi-tablet'
-                    }
-                ]
-            }
-        ]
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/panelmenu/panelmenudoc.module.ts b/src/app/showcase/doc/panelmenu/panelmenudoc.module.ts
deleted file mode 100644
index 4b2dc37..0000000
--- a/src/app/showcase/doc/panelmenu/panelmenudoc.module.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { PanelMenuModule } from 'primeng/panelmenu';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { MultipleDoc } from './multipledoc';
-import { StyleDoc } from './styledoc';
-import { ControlledDoc } from './controlleddoc';
-import { ButtonModule } from 'primeng/button';
-import { TemplateDoc } from './templatedoc';
-import { BadgeModule } from 'primeng/badge';
-import { CommandDoc } from './commanddoc';
-import { ToastModule } from 'primeng/toast';
-import { RouterDoc } from './routerdoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, RouterModule, PanelMenuModule, AppDocModule, ButtonModule, BadgeModule, ToastModule],
-    declarations: [BasicDoc, ImportDoc, MultipleDoc, ControlledDoc, TemplateDoc, CommandDoc, StyleDoc, AccessibilityDoc, RouterDoc],
-    exports: [AppDocModule]
-})
-export class PanelMenuDocModule {}
diff --git a/src/app/showcase/doc/panelmenu/routerdoc.ts b/src/app/showcase/doc/panelmenu/routerdoc.ts
deleted file mode 100644
index 389488c..0000000
--- a/src/app/showcase/doc/panelmenu/routerdoc.ts
+++ /dev/null
@@ -1,208 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-import { Router } from '@angular/router';
-
-@Component({
-    selector: 'router-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Items with navigation are defined with templating to be able to use a routerLink directive, an external link or programmatic navigation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-panelMenu [model]="items" styleClass="w-full md:!w-20">
-                <ng-template pTemplate="item" let-item>
-                    <ng-container *ngIf="item.route; else urlRef">
-                        <a [routerLink]="item.route" class="flex items-center cursor-pointer text-color px-3 py-2">
-                            <span class="p-menuitem-icon" [class]="item.icon"></span>
-                            <span class="p-menuitem-text ml-2 text-color">{{ item.label }}</span>
-                        </a>
-                    </ng-container>
-                    <ng-template #urlRef>
-                        <a *ngIf="item.url; else noLink" [href]="item.url" class="flex items-center cursor-pointer text-color px-3 py-2">
-                            <span class="p-menuitem-icon" [class]="item.icon"></span>
-                            <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-                        </a>
-                        <ng-template #noLink>
-                            <span class="flex items-center cursor-pointer text-color px-3 py-2">
-                                <span class="p-menuitem-icon" [class]="item.icon"></span>
-                                <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-                                <i *ngIf="item.items" class="p-submenu-icon pi pi-angle-down text-primary ml-auto"></i>
-                            </span>
-                        </ng-template>
-                    </ng-template>
-                </ng-template>
-            </p-panelMenu>
-        </div>
-        <app-code [code]="code" selector="panel-menu-router-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class RouterDoc implements OnInit {
-    items: MenuItem[];
-
-    constructor(private router: Router) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Router',
-                icon: 'pi pi-palette',
-                items: [
-                    {
-                        label: 'Installation',
-                        icon: 'pi pi-eraser',
-                        route: '/installation'
-                    },
-                    {
-                        label: 'Configuration',
-                        icon: 'pi pi-heart',
-                        route: '/configuration'
-                    }
-                ]
-            },
-            {
-                label: 'Programmatic',
-                icon: 'pi pi-link',
-                command: () => {
-                    this.router.navigate(['/installation']);
-                }
-            },
-            {
-                label: 'External',
-                icon: 'pi pi-home',
-                items: [
-                    {
-                        label: 'Angular',
-                        icon: 'pi pi-star',
-                        url: 'https://angular.io/'
-                    },
-                    {
-                        label: 'Vite.js',
-                        icon: 'pi pi-bookmark',
-                        url: 'https://vitejs.dev/'
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-panelMenu [model]="items" styleClass="w-full md:!w-20">
-    <ng-template pTemplate="item" let-item>
-        <ng-container *ngIf="item.route; else urlRef">
-            <a [routerLink]="item.route" class="flex items-center
-                cursor-pointer text-color px-3 py-2">
-                <span class="p-menuitem-icon" [class]="item.icon"></span>
-                <span class="p-menuitem-text ml-2 text-color">{{ item.label }}</span>
-            </a>
-        </ng-container>
-        <ng-template #urlRef>
-            <a *ngIf="item.url; else noLink" [href]="item.url" class="flex items-center
-                cursor-pointer text-color px-3 py-2">
-                <span class="p-menuitem-icon" [class]="item.icon"></span>
-                <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-            </a>
-            <ng-template #noLink>
-                <span class="flex items-center cursor-pointer text-color px-3 py-2">
-                    <span class="p-menuitem-icon" [class]="item.icon"></span>
-                    <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-                    <i *ngIf="item.items" class="p-submenu-icon pi pi-angle-down text-primary ml-auto"></i>
-                </span>
-            </ng-template>
-        </ng-template>
-    </ng-template>
-</p-panelMenu>`,
-
-        html: `<div class="card flex justify-center">
-    <p-panelMenu [model]="items" styleClass="w-full md:!w-20">
-        <ng-template pTemplate="item" let-item>
-            <ng-container *ngIf="item.route; else urlRef">
-                <a [routerLink]="item.route" class="flex items-center
-                    cursor-pointer text-color px-3 py-2">
-                    <span class="p-menuitem-icon" [class]="item.icon"></span>
-                    <span class="p-menuitem-text ml-2 text-color">{{ item.label }}</span>
-                </a>
-            </ng-container>
-            <ng-template #urlRef>
-                <a *ngIf="item.url; else noLink" [href]="item.url" class="flex items-center
-                    cursor-pointer text-color px-3 py-2">
-                    <span class="p-menuitem-icon" [class]="item.icon"></span>
-                    <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-                </a>
-                <ng-template #noLink>
-                    <span class="flex items-center cursor-pointer text-color px-3 py-2">
-                        <span class="p-menuitem-icon" [class]="item.icon"></span>
-                        <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-                        <i *ngIf="item.items" class="p-submenu-icon pi pi-angle-down text-primary ml-auto"></i>
-                    </span>
-                </ng-template>
-            </ng-template>
-        </ng-template>
-    </p-panelMenu>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { PanelMenuModule } from 'primeng/panelmenu';
-import { Router } from '@angular/router';
-
-@Component({
-    selector: 'panel-menu-router-demo',
-    templateUrl: './panel-menu-router-demo.html',
-    standalone: true,
-    imports: [PanelMenuModule],
-    providers: [MessageService]
-})
-export class PanelMenuRouterDemo implements OnInit {
-    items: MenuItem[];
-
-    constructor(private router: Router) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Router',
-                icon: 'pi pi-palette',
-                items: [
-                    {
-                        label: 'Installation',
-                        icon: 'pi pi-eraser',
-                        route: '/installation'
-                    },
-                    {
-                        label: 'Configuration',
-                        icon: 'pi pi-heart',
-                        route: '/configuration'
-                    }
-                ]
-            },
-            {
-                label: 'Programmatic',
-                icon: 'pi pi-link',
-                command: () => {
-                    this.router.navigate(['/installation']);
-                }
-            },
-            {
-                label: 'External',
-                icon: 'pi pi-home',
-                items: [
-                    {
-                        label: 'Angular',
-                        icon: 'pi pi-star',
-                        url: 'https://angular.io/'
-                    },
-                    {
-                        label: 'Vite.js',
-                        icon: 'pi pi-bookmark',
-                        url: 'https://vitejs.dev/'
-                    }
-                ]
-            }
-        ];
-    }
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/panelmenu/styledoc.ts b/src/app/showcase/doc/panelmenu/styledoc.ts
deleted file mode 100644
index ab4b431..0000000
--- a/src/app/showcase/doc/panelmenu/styledoc.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-panelmenu</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-panelmenu-header</td>
-                        <td>Accordion header of root submenu.</td>
-                    </tr>
-                    <tr>
-                        <td>p-panelmenu-content</td>
-                        <td>Accordion content of root submenu.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menu-list</td>
-                        <td>List element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem</td>
-                        <td>Menuitem element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem-text</td>
-                        <td>Label of a menuitem.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem-icon</td>
-                        <td>Icon of a menuitem.</td>
-                    </tr>
-                    <tr>
-                        <td>p-panelmenu-icon</td>
-                        <td>Arrow icon of an accordion header.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/panelmenu/templatedoc.ts b/src/app/showcase/doc/panelmenu/templatedoc.ts
deleted file mode 100644
index 86f02ce..0000000
--- a/src/app/showcase/doc/panelmenu/templatedoc.ts
+++ /dev/null
@@ -1,252 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>PanelMenu requires a collection of menuitems as its <i>model</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col items-center">
-            <p-panelMenu [model]="items" styleClass="w-full md:!w-20">
-                <ng-template pTemplate="item" let-item>
-                    <a pRipple class="flex items-center px-3 py-2 cursor-pointer">
-                        <i class="p-menuitem-icon" [class]="item.icon + ' text-primary'"></i>
-                        <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-                        <p-badge *ngIf="item.badge" class="ml-auto" [value]="item.badge" />
-                        <span *ngIf="item.shortcut" class="p-menuitem-text ml-auto border-1 surface-border border-round surface-100 text-xs p-1">{{ item.shortcut }}</span>
-                    </a>
-                </ng-template>
-            </p-panelMenu>
-        </div>
-        <app-code [code]="code" selector="panel-menu-template-demo"></app-code>
-    `
-})
-export class TemplateDoc implements OnInit {
-    items: MenuItem[];
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Mail',
-                icon: 'pi pi-envelope',
-                badge: '5',
-                items: [
-                    {
-                        label: 'Compose',
-                        icon: 'pi pi-file-edit',
-                        shortcut: '⌘+N'
-                    },
-                    {
-                        label: 'Inbox',
-                        icon: 'pi pi-inbox',
-                        badge: '5'
-                    },
-                    {
-                        label: 'Sent',
-                        icon: 'pi pi-send',
-                        shortcut: '⌘+S'
-                    },
-                    {
-                        label: 'Trash',
-                        icon: 'pi pi-trash',
-                        shortcut: '⌘+T'
-                    }
-                ]
-            },
-            {
-                label: 'Reports',
-                icon: 'pi pi-chart-bar',
-                shortcut: '⌘+R',
-                items: [
-                    {
-                        label: 'Sales',
-                        icon: 'pi pi-chart-line',
-                        badge: '3'
-                    },
-                    {
-                        label: 'Products',
-                        icon: 'pi pi-list',
-                        badge: '6'
-                    }
-                ]
-            },
-            {
-                label: 'Profile',
-                icon: 'pi pi-user',
-                shortcut: '⌘+W',
-                items: [
-                    {
-                        label: 'Settings',
-                        icon: 'pi pi-cog',
-                        shortcut: '⌘+O'
-                    },
-                    {
-                        label: 'Privacy',
-                        icon: 'pi pi-shield',
-                        shortcut: '⌘+P'
-                    }
-                ]
-            }
-        ];
-    }
-
-    toggleAll() {
-        const expanded = !this.areAllItemsExpanded();
-        this.items = this.toggleAllRecursive(this.items, expanded);
-    }
-
-    private toggleAllRecursive(items: MenuItem[], expanded: boolean): MenuItem[] {
-        return items.map((menuItem) => {
-            menuItem.expanded = expanded;
-            if (menuItem.items) {
-                menuItem.items = this.toggleAllRecursive(menuItem.items, expanded);
-            }
-            return menuItem;
-        });
-    }
-
-    private areAllItemsExpanded(): boolean {
-        return this.items.every((menuItem) => menuItem.expanded);
-    }
-
-    code: Code = {
-        basic: `<p-panelMenu [model]="items" styleClass="w-full md:!w-20">
-    <ng-template pTemplate="item" let-item>
-        <a pRipple class="flex items-center px-3 py-2 cursor-pointer">
-            <i class="p-menuitem-icon" [class]="item.icon + ' text-primary'"></i>
-            <span class="p-menuitem-text ml-2">
-                {{ item.label }}
-            </span>
-            <p-badge *ngIf="item.badge" class="ml-auto" [value]="item.badge" />
-            <span *ngIf="item.shortcut" class="p-menuitem-text ml-auto border-1 surface-border
-            border-round surface-100 text-xs p-1">
-                {{ item.shortcut }}
-            </span>
-        </a>
-    </ng-template>
-</p-panelMenu>`,
-
-        html: `<div class="card flex flex-col items-center">
-    <p-panelMenu [model]="items" styleClass="w-full md:!w-20">
-        <ng-template pTemplate="item" let-item>
-            <a pRipple class="flex items-center px-3 py-2 cursor-pointer">
-                <i class="p-menuitem-icon" [class]="item.icon + ' text-primary'"></i>
-                <span class="p-menuitem-text ml-2">
-                    {{ item.label }}
-                </span>
-                <p-badge *ngIf="item.badge" class="ml-auto" [value]="item.badge" />
-                <span *ngIf="item.shortcut" class="p-menuitem-text ml-auto border-1 surface-border
-                border-round surface-100 text-xs p-1">
-                    {{ item.shortcut }}
-                </span>
-            </a>
-        </ng-template>
-    </p-panelMenu>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { PanelMenuModule } from 'primeng/panelmenu';
-import { BadgeModule } from 'primeng/badge';
-import { RippleModule } from 'primeng/ripple';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'panel-menu-template-demo',
-    templateUrl: './panel-menu-template-demo.html',
-    standalone: true,
-    imports: [PanelMenuModule, BadgeModule, RippleModule, CommonModule]
-})
-export class PanelMenuTemplateDemo implements OnInit {
-    items: MenuItem[];
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Mail',
-                icon: 'pi pi-envelope',
-                badge: '5',
-                items: [
-                    {
-                        label: 'Compose',
-                        icon: 'pi pi-file-edit',
-                        shortcut: '⌘+N'
-                    },
-                    {
-                        label: 'Inbox',
-                        icon: 'pi pi-inbox',
-                        badge: '5'
-                    },
-                    {
-                        label: 'Sent',
-                        icon: 'pi pi-send',
-                        shortcut: '⌘+S'
-                    },
-                    {
-                        label: 'Trash',
-                        icon: 'pi pi-trash',
-                        shortcut: '⌘+T'
-                    }
-                ]
-            },
-            {
-                label: 'Reports',
-                icon: 'pi pi-chart-bar',
-                shortcut: '⌘+R',
-                items: [
-                    {
-                        label: 'Sales',
-                        icon: 'pi pi-chart-line',
-                        badge: '3'
-                    },
-                    {
-                        label: 'Products',
-                        icon: 'pi pi-list',
-                        badge: '6'
-                    }
-                ]
-            },
-            {
-                label: 'Profile',
-                icon: 'pi pi-user',
-                shortcut: '⌘+W',
-                items: [
-                    {
-                        label: 'Settings',
-                        icon: 'pi pi-cog',
-                        shortcut: '⌘+O'
-                    },
-                    {
-                        label: 'Privacy',
-                        icon: 'pi pi-shield',
-                        shortcut: '⌘+P'
-                    }
-                ]
-            }
-        ];
-    }
-
-    toggleAll() {
-        const expanded = !this.areAllItemsExpanded();
-        this.items = this.toggleAllRecursive(this.items, expanded);
-    }
-
-    private toggleAllRecursive(items: MenuItem[], expanded: boolean): MenuItem[] {
-        return items.map((menuItem) => {
-            menuItem.expanded = expanded;
-            if (menuItem.items) {
-                menuItem.items = this.toggleAllRecursive(menuItem.items, expanded);
-            }
-            return menuItem;
-        });
-    }
-
-    private areAllItemsExpanded(): boolean {
-        return this.items.every((menuItem) => menuItem.expanded);
-    }
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/password/accessibilitydoc.ts b/src/app/showcase/doc/password/accessibilitydoc.ts
deleted file mode 100644
index a145d34..0000000
--- a/src/app/showcase/doc/password/accessibilitydoc.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Value to describe the component can either be provided via <i>label</i> tag combined with <i>id</i> prop or using <i>ariaLabelledBy</i>, <i>ariaLabel</i> props. Screen reader is notified about the changes to the strength of the
-                password using a section that has <i>aria-live</i> while typing.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the input.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>escape</i>
-                        </td>
-                        <td>Hides the strength meter if open.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<label for="pwd1">Password</label>
-<p-password inputId="pwd1" />
-
-<span id="pwd2">Password</span>
-<p-password ariaLabelledBy="pwd2" />
-
-<p-password ariaLabel="Password" />`
-    };
-}
diff --git a/src/app/showcase/doc/password/basicdoc.ts b/src/app/showcase/doc/password/basicdoc.ts
deleted file mode 100644
index 13a7e05..0000000
--- a/src/app/showcase/doc/password/basicdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Two-way value binding is defined using <i>ngModel</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-password [(ngModel)]="value" [feedback]="false" />
-        </div>
-        <app-code [code]="code" selector="password-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    value!: string;
-
-    code: Code = {
-        basic: `<p-password [(ngModel)]="value" [feedback]="false" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-password [(ngModel)]="value" [feedback]="false" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { PasswordModule } from 'primeng/password';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'password-basic-demo',
-    templateUrl: './password-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, PasswordModule]
-})
-export class PasswordBasicDemo {
-    value!: string;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/password/customdisableddoc.ts b/src/app/showcase/doc/password/customdisableddoc.ts
deleted file mode 100644
index 6edca66..0000000
--- a/src/app/showcase/doc/password/customdisableddoc.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                To display a disabled icon for a field, the recommended approach is to use a combination of
-                <i>p-iconField</i>, <i>p-inputIcon</i>, and <i>p-password</i>. <strong>Important</strong> use class <i>p-password-icon</i>
-                and
-                <i>p-disabled</i> for icon section
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-
-
-            <p-iconField iconPosition="right">
-                @if (disabled) {
-                    <p-inputIcon styleClass="p-password-icon">
-                        <i class="ti ti-lock text-xl p-disabled"></i>
-                    </p-inputIcon>
-                }
-                <p-password [(ngModel)]="value" [disabled]="true" placeholder="Disabled" />
-            </p-iconField>
-        </div>
-        <app-code [code]="code" selector="password-disabled-demo"></app-code>
-    `
-})
-export class CustomDisabledDoc {
-    disabled: boolean = true;
-    value!: string;
-
-    code: Code = {
-        basic: `
-         <p-iconField iconPosition="right">
-            @if (disabled) {
-                <p-inputIcon styleClass="p-password-icon">
-                    <i class="ti ti-lock text-xl p-disabled"></i>
-                </p-inputIcon>
-            }
-            <p-password [(ngModel)]="value" [disabled]="true" placeholder="Disabled" />
-        </p-iconField>
-        `,
-
-        html: `<div class="card flex justify-center">
- <p-iconField iconPosition="right">
-                @if (disabled) {
-                    <p-inputIcon styleClass="p-password-icon">
-                        <i class="ti ti-lock text-xl p-disabled"></i>
-                    </p-inputIcon>
-                }
-                <p-password [(ngModel)]="value" [disabled]="true" placeholder="Disabled" />
-            </p-iconField>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { PasswordModule } from 'primeng/password';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'password-disabled-demo',
-    templateUrl: './password-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, PasswordModule]
-})
-export class PasswordDisabledDemo {
-    value!: string;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/password/disableddoc.ts b/src/app/showcase/doc/password/disableddoc.ts
deleted file mode 100644
index 3ac18e2..0000000
--- a/src/app/showcase/doc/password/disableddoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-password [(ngModel)]="value" [disabled]="true" placeholder="Disabled" />
-        </div>
-        <app-code [code]="code" selector="password-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    value!: string;
-
-    code: Code = {
-        basic: `<p-password
-    [(ngModel)]="value"
-    [disabled]="true"
-    placeholder="Disabled" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-password
-        [(ngModel)]="value"
-        [disabled]="true"
-        placeholder="Disabled" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { PasswordModule } from 'primeng/password';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'password-disabled-demo',
-    templateUrl: './password-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, PasswordModule]
-})
-export class PasswordDisabledDemo {
-    value!: string;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/password/filleddoc.ts b/src/app/showcase/doc/password/filleddoc.ts
deleted file mode 100644
index f92aef8..0000000
--- a/src/app/showcase/doc/password/filleddoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'filled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-password [(ngModel)]="value" [feedback]="false" variant="filled" />
-        </div>
-        <app-code [code]="code" selector="password-filled-demo"></app-code>
-    `
-})
-export class FilledDoc {
-    value!: string;
-
-    code: Code = {
-        basic: `<p-password 
-    [(ngModel)]="value" 
-    [feedback]="false" 
-    variant="filled" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-password 
-        [(ngModel)]="value" 
-        [feedback]="false" 
-        variant="filled" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { PasswordModule } from 'primeng/password';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'password-filled-demo',
-    templateUrl: './password-filled-demo.html',
-    standalone: true,
-    imports: [FormsModule, PasswordModule]
-})
-export class PasswordFilledDemo {
-    value!: string;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/password/floatlabeldoc.ts b/src/app/showcase/doc/password/floatlabeldoc.ts
deleted file mode 100644
index 05fdd54..0000000
--- a/src/app/showcase/doc/password/floatlabeldoc.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'floatlabel-doc',
-    template: `
-        <app-docsectiontext>
-            <p>A floating label appears on top of the input field when focused. Visit <a routerLink="/floatlabel">FloatLabel</a> documentation for more information.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <p-password [(ngModel)]="value" [feedback]="false" />
-                <label for="password">Password</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <p-password [(ngModel)]="value" [feedback]="false" />
-                <label for="password">Password</label>
-            </p-floatLabel>
-        </div>
-        <app-code [code]="code" selector="password-floatlabel-demo"></app-code>
-    `
-})
-export class FloatLabelDoc {
-    value!: string;
-
-    code: Code = {
-        basic: `<p-floatLabel>
-                <p-password [(ngModel)]="value" [feedback]="false" />
-                <label for="password">Password</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <p-password [(ngModel)]="value" [feedback]="false" />
-                <label for="password">Password</label>
-            </p-floatLabel>`,
-
-        html: `<div class="card flex justify-center gap-4">
-            <p-floatLabel>
-                <p-password [(ngModel)]="value" [feedback]="false" />
-                <label for="password">Password</label>
-            </p-floatLabel>
-
-            <p-floatLabel class="float-variant-in">
-                <p-password [(ngModel)]="value" [feedback]="false" />
-                <label for="password">Password</label>
-            </p-floatLabel>
-        </div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { PasswordModule } from 'primeng/password';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'password-floatlabel-demo',
-    templateUrl: './password-floatlabel-demo.html',
-    standalone: true,
-    imports: [FormsModule, PasswordModule]
-})
-export class PasswordFloatlabelDemo {
-    value!: string;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/password/importdoc.ts b/src/app/showcase/doc/password/importdoc.ts
deleted file mode 100644
index 9f4f93d..0000000
--- a/src/app/showcase/doc/password/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { PasswordModule } from 'primeng/password';`
-    };
-}
diff --git a/src/app/showcase/doc/password/invaliddoc.ts b/src/app/showcase/doc/password/invaliddoc.ts
deleted file mode 100644
index 259fc4d..0000000
--- a/src/app/showcase/doc/password/invaliddoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'invalid-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-dirty</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center justify-center">
-            <p-password [(ngModel)]="value" class="ng-invalid ng-dirty" />
-        </div>
-        <app-code [code]="code" selector="password-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc {
-    value!: string;
-
-    code: Code = {
-        basic: `<p-password [(ngModel)]="value" class="ng-invalid ng-dirty" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-password [(ngModel)]="value" class="ng-invalid ng-dirty" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { PasswordModule } from 'primeng/password';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'password-invalid-demo',
-    templateUrl: './password-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, PasswordModule]
-})
-export class PasswordInvalidDemo {
-    value!: string;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/password/localedoc.ts b/src/app/showcase/doc/password/localedoc.ts
deleted file mode 100644
index 130bdda..0000000
--- a/src/app/showcase/doc/password/localedoc.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'locale-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Labels are translated at component level by <i>promptLabel</i>, <i>weakLabel</i>, <i>mediumLabel</i> and <i>strongLabel</i> properties. In order to apply global translations for all Password components in the application, refer to the
-                <a href="/configuration/#locale">locale</a>
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-password [(ngModel)]="value" promptLabel="Choose a password" weakLabel="Too simple" mediumLabel="Average complexity" strongLabel="Complex password" />
-        </div>
-        <app-code [code]="code" selector="password-locale-demo"></app-code>
-    `
-})
-export class LocaleDoc {
-    value!: string;
-
-    code: Code = {
-        basic: `<p-password 
-    [(ngModel)]="value" 
-    promptLabel="Choose a password"
-    weakLabel="Too simple" 
-    mediumLabel="Average complexity" 
-    strongLabel="Complex password" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-password 
-        [(ngModel)]="value"
-        promptLabel="Choose a password" 
-        weakLabel="Too simple" 
-        mediumLabel="Average complexity" 
-        strongLabel="Complex password" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { PasswordModule } from 'primeng/password';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'password-locale-demo',
-    templateUrl: './password-locale-demo.html',
-    standalone: true,
-    imports: [FormsModule, PasswordModule]
-})
-export class PasswordLocaleDemo {
-    value!: string;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/password/meterdoc.ts b/src/app/showcase/doc/password/meterdoc.ts
deleted file mode 100644
index eb60c6b..0000000
--- a/src/app/showcase/doc/password/meterdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'meter-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Strength meter is displayed as a popup while a value is being entered.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-password [(ngModel)]="value" />
-        </div>
-        <app-code [code]="code" selector="password-meter-demo"></app-code>
-    `
-})
-export class MeterDoc {
-    value!: string;
-
-    code: Code = {
-        basic: `<p-password [(ngModel)]="value" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-password [(ngModel)]="value" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { PasswordModule } from 'primeng/password';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'password-meter-demo',
-    templateUrl: './password-meter-demo.html',
-    standalone: true,
-    imports: [FormsModule, PasswordModule]
-})
-export class PasswordMeterDemo {
-    value!: string;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/password/passworddoc.module.ts b/src/app/showcase/doc/password/passworddoc.module.ts
deleted file mode 100644
index 3b7df23..0000000
--- a/src/app/showcase/doc/password/passworddoc.module.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { DividerModule } from 'primeng/divider';
-import { PasswordModule } from 'primeng/password';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { DisabledDoc } from './disableddoc';
-import { FloatLabelDoc } from './floatlabeldoc';
-import { ImportDoc } from './importdoc';
-import { InvalidDoc } from './invaliddoc';
-import { MeterDoc } from './meterdoc';
-import { LocaleDoc } from './localedoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-import { ToggleMaskDoc } from './togglemaskdoc';
-import { FloatLabelModule } from 'primeng/floatlabel';
-import { FilledDoc } from './filleddoc';
-import { IconFieldModule } from '../../../components/iconfield/iconfield';
-import { InputIconModule } from '../../../components/inputicon/inputicon';
-import { CustomDisabledDoc } from '@doc/password/customdisableddoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, PasswordModule, FormsModule, ReactiveFormsModule, DividerModule, RouterModule, FloatLabelModule, IconFieldModule, InputIconModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, MeterDoc, LocaleDoc, ToggleMaskDoc, TemplateDoc, FloatLabelDoc, InvalidDoc, DisabledDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc, FilledDoc, CustomDisabledDoc]
-})
-export class PasswordDocModule {}
diff --git a/src/app/showcase/doc/password/reactiveformsdoc.ts b/src/app/showcase/doc/password/reactiveformsdoc.ts
deleted file mode 100644
index 2943845..0000000
--- a/src/app/showcase/doc/password/reactiveformsdoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Password can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <p-password formControlName="value" [feedback]="false" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="password-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            value: new FormControl()
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <p-password formControlName="value" [feedback]="false" />
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup">
-        <p-password formControlName="value" [feedback]="false" />
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { PasswordModule } from 'primeng/password';
-
-@Component({
-    selector: 'password-reactive-forms-demo',
-    templateUrl: './password-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, PasswordModule]
-})
-export class PasswordReactiveFormsDemo implements OnInit {
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            value: new FormControl()
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/password/styledoc.ts b/src/app/showcase/doc/password/styledoc.ts
deleted file mode 100644
index 2d748b2..0000000
--- a/src/app/showcase/doc/password/styledoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-password-panel</td>
-                        <td>Container of password panel</td>
-                    </tr>
-                    <tr>
-                        <td>p-password-meter</td>
-                        <td>Meter element of password strength</td>
-                    </tr>
-                    <tr>
-                        <td>p-password-info</td>
-                        <td>Text to display strength</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/password/templatedoc.ts b/src/app/showcase/doc/password/templatedoc.ts
deleted file mode 100644
index b2195b4..0000000
--- a/src/app/showcase/doc/password/templatedoc.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>3 templates are included to customize the overlay. These are <i>header</i>, <i>content</i> and <i>footer</i>. Note that content overrides the default meter.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-password [(ngModel)]="value">
-                <ng-template pTemplate="header">
-                    <h6>Pick a password</h6>
-                </ng-template>
-                <ng-template pTemplate="footer">
-                    <p-divider />
-                    <p class="mt-2">Suggestions</p>
-                    <div class="text-feedback text-feedback--default gap-2 p-1">
-                        <i class="ti ti-point text-xl"></i>
-                        text feedback
-                    </div>
-
-                    <div class="text-feedback text-feedback--success gap-2 p-1">
-                        <i class="ti ti-circle-check text-xl"></i>
-                        text feedback
-                    </div>
-
-                    <div class="text-feedback text-feedback--error gap-2 p-1">
-                        <i class="ti ti-circle-x text-xl"></i>
-                        text feedback
-                    </div>
-                </ng-template>
-            </p-password>
-        </div>
-        <app-code [code]="code" selector="password-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    value!: string;
-
-    code: Code = {
-        basic: `<p-password [(ngModel)]="value">
-    <ng-template pTemplate="header">
-        <h6>Pick a password</h6>
-    </ng-template>
-    <ng-template pTemplate="footer">
-        <p-divider />
-        <p class="mt-2">Suggestions</p>
-        <ul class="pl-2 ml-2 mt-0" style="line-height: 1.5">
-            <li>At least one lowercase</li>
-            <li>At least one uppercase</li>
-            <li>At least one numeric</li>
-            <li>Minimum 8 characters</li>
-        </ul>
-    </ng-template>
-</p-password>`,
-
-        html: `<div class="card flex justify-center">
-    <p-password [(ngModel)]="value">
-         <ng-template pTemplate="header">
-             <h6>Pick a password</h6>
-         </ng-template>
-         <ng-template pTemplate="footer">
-             <p-divider />
-             <p class="mt-2">Suggestions</p>
-             <ul class="pl-2 ml-2 mt-0" style="line-height: 1.5">
-                 <li>At least one lowercase</li>
-                 <li>At least one uppercase</li>
-                 <li>At least one numeric</li>
-                 <li>Minimum 8 characters</li>
-             </ul>
-         </ng-template>
-     </p-password>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { PasswordModule } from 'primeng/password';
-import { DividerModule } from 'primeng/divider';
-
-@Component({
-    selector: 'password-template-demo',
-    templateUrl: './password-template-demo.html',
-    standalone: true,
-    imports: [FormsModule, PasswordModule, DividerModule]
-})
-export class PasswordTemplateDemo {
-    value!: string;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/password/togglemaskdoc.ts b/src/app/showcase/doc/password/togglemaskdoc.ts
deleted file mode 100644
index 204abe9..0000000
--- a/src/app/showcase/doc/password/togglemaskdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'togglemask-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>toggleMask</i> is present, an icon is displayed to show the value as plain text.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-password [(ngModel)]="value" [toggleMask]="true" />
-        </div>
-        <app-code [code]="code" selector="password-toggle-mask-demo"></app-code>
-    `
-})
-export class ToggleMaskDoc {
-    value!: string;
-
-    code: Code = {
-        basic: `<p-password [(ngModel)]="value" [toggleMask]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-password [(ngModel)]="value" [toggleMask]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { PasswordModule } from 'primeng/password';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'password-toggle-mask-demo',
-    templateUrl: './password-toggle-mask-demo.html',
-    standalone: true,
-    imports: [FormsModule, PasswordModule]
-})
-export class PasswordToggleMaskDemo {
-    value!: string;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/picklist/accessibilitydoc.ts b/src/app/showcase/doc/picklist/accessibilitydoc.ts
deleted file mode 100644
index 942ba2f..0000000
--- a/src/app/showcase/doc/picklist/accessibilitydoc.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <h3>Screen Reader</h3>
-        <p>
-            Value to describe the source listbox and target listbox can be provided with <i>ariaLabelledBy</i> or <i>ariaLabel</i> props. The list elements has a <i>listbox</i> role with the <i>aria-multiselectable</i> attribute. Each list item has
-            an <i>option</i> role with <i>aria-selected</i> and <i>aria-disabled</i> as their attributes.
-        </p>
-        <p>
-            Controls buttons are <i>button</i> elements with an <i>aria-label</i> that refers to the <i>aria.moveTop</i>, <i>aria.moveUp</i>, <i>aria.moveDown</i>, <i>aria.moveBottom</i>,<i>aria.moveTo</i>, <i>aria.moveAllTo</i>,
-            <i>aria.moveFrom</i> and <i>aria.moveAllFrom</i> properties of the <a href="/configuration/#locale">locale</a> API by default, alternatively you may use<i>moveTopButtonProps</i>, <i>moveUpButtonProps</i>, <i>moveDownButtonProps</i>,
-            <i>moveToButtonProps</i>, <i>moveAllToButtonProps</i>, <i>moveFromButtonProps</i>, <i>moveFromButtonProps</i> and <i>moveAllFromButtonProps</i> to customize the buttons like overriding the default <i>aria-label</i> attributes.
-        </p>
-
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-
-        <h3>PickList Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>tab</i></td>
-                        <td>Moves focus to the first selected option, if there is none then first option receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td><i>up arrow</i></td>
-                        <td>Moves focus to the previous option.</td>
-                    </tr>
-                    <tr>
-                        <td><i>down arrow</i></td>
-                        <td>Moves focus to the next option.</td>
-                    </tr>
-                    <tr>
-                        <td><i>enter</i></td>
-                        <td>Toggles the selected state of the focused option.</td>
-                    </tr>
-                    <tr>
-                        <td><i>space</i></td>
-                        <td>Toggles the selected state of the focused option.</td>
-                    </tr>
-                    <tr>
-                        <td><i>home</i></td>
-                        <td>Moves focus to the first option.</td>
-                    </tr>
-                    <tr>
-                        <td><i>end</i></td>
-                        <td>Moves focus to the last option.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>down arrow</i></td>
-                        <td>Moves focus to the next option and toggles the selection state.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>up arrow</i></td>
-                        <td>Moves focus to the previous option and toggles the selection state.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>space</i></td>
-                        <td>Selects the items between the most recently selected option and the focused option.</td>
-                    </tr>
-                    <tr>
-                        <td><i>control</i> + <i>shift</i> + <i>home</i></td>
-                        <td>Selects the focused options and all the options up to the first one.</td>
-                    </tr>
-                    <tr>
-                        <td><i>control</i> + <i>shift</i> + <i>end</i></td>
-                        <td>Selects the focused options and all the options down to the first one.</td>
-                    </tr>
-                    <tr>
-                        <td><i>control</i> + <i>a</i></td>
-                        <td>Selects all options.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-        <h3>Buttons Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>enter</i></td>
-                        <td>Executes button action.</td>
-                    </tr>
-                    <tr>
-                        <td><i>space</i></td>
-                        <td>Executes button action.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        html: `<span id="lb">Options</span>        
-<p-pickList ariaLabelledBy="lb" />
-
-<p-pickList ariaLabel="City" />`
-    };
-}
diff --git a/src/app/showcase/doc/picklist/basicdoc.ts b/src/app/showcase/doc/picklist/basicdoc.ts
deleted file mode 100644
index 9945b08..0000000
--- a/src/app/showcase/doc/picklist/basicdoc.ts
+++ /dev/null
@@ -1,200 +0,0 @@
-import { ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                PickList is used as a controlled input with <i>source</i> and <i>target</i> properties. Content of a list item needs to be defined with the <i>pTemplate</i> property that receives an object in the list as parameter. Drag & drop
-                functionality depends on <i>&#64;angular/cdk</i> package.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-pickList
-                [source]="sourceProducts"
-                [target]="targetProducts"
-                sourceHeader="Available"
-                targetHeader="Selected"
-                [dragdrop]="true"
-                [responsive]="true"
-                [sourceStyle]="{ height: '30rem' }"
-                [targetStyle]="{ height: '30rem' }"
-                breakpoint="1400px"
-            >
-                <ng-template let-product pTemplate="item">
-                    <div class="flex flex-wrap p-2 items-center gap-3">
-                        <img class="!w-4 shadow-2 flex-shrink-0 border-round" src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" alt="{item.name}" />
-                        <div class="flex-1 flex flex-col gap-2">
-                            <span class="font-bold">{{ product.name }}</span>
-                            <div class="flex items-center gap-2">
-                                <i class="pi pi-tag text-sm"></i>
-                                <span>{{ product.category }}</span>
-                            </div>
-                        </div>
-                        <span class="font-bold text-900">{{ '$' + product.price }}</span>
-                    </div>
-                </ng-template>
-            </p-pickList>
-        </div>
-        <app-code [code]="code" selector="picklist-basic-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class BasicDoc {
-    sourceProducts!: Product[];
-
-    targetProducts!: Product[];
-
-    constructor(
-        private carService: ProductService,
-        private cdr: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        this.carService.getProductsSmall().then((products) => {
-            this.sourceProducts = products;
-            this.cdr.markForCheck();
-        });
-        this.targetProducts = [];
-    }
-
-    code: Code = {
-        basic: `<p-pickList
-    [source]="sourceProducts"
-    [target]="targetProducts"
-    sourceHeader="Available"
-    targetHeader="Selected"
-    [dragdrop]="true"
-    [responsive]="true"
-    [sourceStyle]="{ height: '30rem' }"
-    [targetStyle]="{ height: '30rem' }"
-    breakpoint="1400px">
-        <ng-template let-product pTemplate="item">
-            <div class="flex flex-wrap p-2 items-center gap-3">
-                <img
-                    class="!w-4 shadow-2 flex-shrink-0 border-round"
-                    src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}"
-                    alt="{item.name}" />
-                <div class="flex-1 flex flex-col gap-2">
-                    <span class="font-bold">{{ product.name }}</span>
-                    <div class="flex items-center gap-2">
-                        <i class="pi pi-tag text-sm"></i>
-                        <span>
-                            {{ product.category }}
-                        </span>
-                    </div>
-                </div>
-                <span class="font-bold text-900">
-                    {{ '$' + product.price }}
-                </span>
-            </div>
-        </ng-template>
-</p-pickList>`,
-
-        html: `<div class="card">
-    <p-pickList
-        [source]="sourceProducts"
-        [target]="targetProducts"
-        sourceHeader="Available"
-        targetHeader="Selected"
-        [dragdrop]="true"
-        [responsive]="true"
-        [sourceStyle]="{ height: '30rem' }"
-        [targetStyle]="{ height: '30rem' }"
-        breakpoint="1400px">
-            <ng-template let-product pTemplate="item">
-                <div class="flex flex-wrap p-2 items-center gap-3">
-                    <img
-                        class="!w-4 shadow-2 flex-shrink-0 border-round"
-                        src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}"
-                        alt="{item.name}" />
-                    <div class="flex-1 flex flex-col gap-2">
-                        <span class="font-bold">
-                            {{ product.name }}
-                        </span>
-                        <div class="flex items-center gap-2">
-                            <i class="pi pi-tag text-sm"></i>
-                            <span>
-                                {{ product.category }}
-                            </span>
-                        </div>
-                    </div>
-                    <span class="font-bold text-900">
-                        {{ '$' + product.price }}
-                    </span>
-                </div>
-            </ng-template>
-    </p-pickList>
-</div>`,
-
-        typescript: `import { ChangeDetectorRef, Component } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { PickListModule } from 'primeng/picklist';
-
-@Component({
-    selector: 'picklist-basic-demo',
-    templateUrl: './picklist-basic-demo.html',
-    standalone: true,
-    imports: [PickListModule],
-    providers: [ProductService]
-})
-export class PicklistBasicDemo {
-    sourceProducts!: Product[];
-
-    targetProducts!: Product[];
-
-    constructor(
-      private carService: ProductService,
-      private cdr: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        this.carService.getProductsSmall().then(products => {
-            this.sourceProducts = products;
-            this.cdr.markForCheck();
-        });
-        this.targetProducts = [];
-    }
-}`,
-
-        data: `
-/* ProductService */
-{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/picklist/filterdoc.ts b/src/app/showcase/doc/picklist/filterdoc.ts
deleted file mode 100644
index 59f6352..0000000
--- a/src/app/showcase/doc/picklist/filterdoc.ts
+++ /dev/null
@@ -1,208 +0,0 @@
-import { ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'filter-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Filter value is checked against the property of an object configured with the <i>filterBy</i> property.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-pickList
-                [source]="sourceProducts"
-                [target]="targetProducts"
-                sourceHeader="Available"
-                targetHeader="Selected"
-                [dragdrop]="true"
-                [responsive]="true"
-                [sourceStyle]="{ height: '30rem' }"
-                [targetStyle]="{ height: '30rem' }"
-                filterBy="name"
-                sourceFilterPlaceholder="Search by name"
-                targetFilterPlaceholder="Search by name"
-                breakpoint="1400px"
-            >
-                <ng-template let-product pTemplate="item">
-                    <div class="flex flex-wrap p-2 items-center gap-3">
-                        <img class="!w-4 shadow-2 flex-shrink-0 border-round" src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}" alt="{item.name}" />
-                        <div class="flex-1 flex flex-col gap-2">
-                            <span class="font-bold">{{ product.name }}</span>
-                            <div class="flex align-products-center gap-2">
-                                <i class="pi pi-tag text-sm"></i>
-                                <span>{{ product.category }}</span>
-                            </div>
-                        </div>
-                        <span class="font-bold text-900">{{ '$' + product.price }}</span>
-                    </div>
-                </ng-template>
-            </p-pickList>
-        </div>
-        <app-code [code]="code" selector="picklist-filter-demo" [extFiles]="extFiles"></app-code>
-    `
-})
-export class FilterDoc {
-    sourceProducts!: Product[];
-
-    targetProducts!: Product[];
-
-    constructor(
-        private carService: ProductService,
-        private cdr: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        this.carService.getProductsSmall().then((products) => {
-            this.sourceProducts = products;
-            this.cdr.markForCheck();
-        });
-        this.targetProducts = [];
-    }
-
-    code: Code = {
-        basic: `<p-pickList
-    [source]="sourceProducts"
-    [target]="targetProducts"
-    sourceHeader="Available"
-    targetHeader="Selected"
-    [dragdrop]="true"
-    [responsive]="true"
-    [sourceStyle]="{ height: '30rem' }"
-    [targetStyle]="{ height: '30rem' }"
-    filterBy="name"
-    sourceFilterPlaceholder="Search by name"
-    targetFilterPlaceholder="Search by name"
-    breakpoint="1400px">
-        <ng-template let-product pTemplate="item">
-            <div class="flex flex-wrap p-2 items-center gap-3">
-                <img
-                    class="!w-4 shadow-2 flex-shrink-0 border-round"
-                    src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}"
-                    alt="{item.name}" />
-                <div class="flex-1 flex flex-col gap-2">
-                    <span class="font-bold">
-                        {{ product.name }}
-                    </span>
-                    <div class="flex align-products-center gap-2">
-                        <i class="pi pi-tag text-sm"></i>
-                        <span>
-                            {{ product.category }}
-                        </span>
-                    </div>
-                </div>
-                <span class="font-bold text-900">
-                    {{ '$' + product.price }}
-                </span>
-            </div>
-        </ng-template>
-</p-pickList>`,
-
-        html: `<div class="card">
-    <p-pickList
-        [source]="sourceProducts"
-        [target]="targetProducts"
-        sourceHeader="Available"
-        targetHeader="Selected"
-        [dragdrop]="true"
-        [responsive]="true"
-        [sourceStyle]="{ height: '30rem' }"
-        [targetStyle]="{ height: '30rem' }"
-        filterBy="name"
-        sourceFilterPlaceholder="Search by name"
-        targetFilterPlaceholder="Search by name"
-        breakpoint="1400px">
-            <ng-template let-product pTemplate="item">
-                <div class="flex flex-wrap p-2 items-center gap-3">
-                    <img
-                        class="!w-4 shadow-2 flex-shrink-0 border-round"
-                        src="https://primefaces.org/cdn/primeng/images/demo/product/{{ product.image }}"
-                        alt="{item.name}" />
-                    <div class="flex-1 flex flex-col gap-2">
-                        <span class="font-bold">
-                            {{ product.name }}
-                        </span>
-                        <div class="flex align-products-center gap-2">
-                            <i class="pi pi-tag text-sm"></i>
-                            <span>
-                                {{ product.category }}
-                            </span>
-                        </div>
-                    </div>
-                    <span class="font-bold text-900">
-                        {{ '$' + product.price }}
-                    </span>
-                </div>
-            </ng-template>
-    </p-pickList>
-</div>`,
-
-        typescript: `import { Component, ChangeDetectorRef } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { PickListModule } from 'primeng/picklist';
-
-@Component({
-    selector: 'picklist-filter-demo',
-    templateUrl: './picklist-filter-demo.html',
-    standalone: true,
-    imports: [PickListModule],
-    providers: [ProductService]
-})
-export class PicklistFilterDemo {
-    sourceProducts!: Product[];
-
-    targetProducts!: Product[];
-
-    constructor(
-      private carService: ProductService,
-      private cdr: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        this.carService.getProductsSmall().then(products => {
-            this.sourceProducts = products;
-            this.cdr.markForCheck();
-        });
-        this.targetProducts = [];
-    }
-}`,
-
-        data: `
-/* ProductService */
-{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/picklist/importdoc.ts b/src/app/showcase/doc/picklist/importdoc.ts
deleted file mode 100644
index f2ab475..0000000
--- a/src/app/showcase/doc/picklist/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { PickListModule } from 'primeng/picklist';`
-    };
-}
diff --git a/src/app/showcase/doc/picklist/picklistdoc.module.ts b/src/app/showcase/doc/picklist/picklistdoc.module.ts
deleted file mode 100644
index 8dd62dc..0000000
--- a/src/app/showcase/doc/picklist/picklistdoc.module.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { PickListModule } from 'primeng/picklist';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { FilterDoc } from './filterdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { TemplatesDoc } from './templatesdoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, PickListModule, RouterModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, FilterDoc, TemplatesDoc, StyleDoc, AccessibilityDoc]
-})
-export class PicklistDocModule {}
diff --git a/src/app/showcase/doc/picklist/styledoc.ts b/src/app/showcase/doc/picklist/styledoc.ts
deleted file mode 100644
index e0e1459..0000000
--- a/src/app/showcase/doc/picklist/styledoc.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-picklist</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-picklist-source-controls</td>
-                        <td>Container of source list buttons.</td>
-                    </tr>
-                    <tr>
-                        <td>p-picklist-target-controls</td>
-                        <td>Container of target list buttons.</td>
-                    </tr>
-                    <tr>
-                        <td>p-picklist-buttons</td>
-                        <td>Container of buttons.</td>
-                    </tr>
-                    <tr>
-                        <td>p-picklist-list</td>
-                        <td>List element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-picklist-item</td>
-                        <td>An item in the list.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/picklist/templatesdoc.ts b/src/app/showcase/doc/picklist/templatesdoc.ts
deleted file mode 100644
index 7f1d1ba..0000000
--- a/src/app/showcase/doc/picklist/templatesdoc.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'templates-doc',
-    template: `
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Parameters</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>item</td>
-                        <td>
-                            $implicit: Data of the item<br />
-                            index: Index of the item
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>sourceHeader</td>
-                        <td>-</td>
-                    </tr>
-                    <tr>
-                        <td>targetHeader</td>
-                        <td>-</td>
-                    </tr>
-                    <tr>
-                        <td>sourceFilter</td>
-                        <td>
-                            options.filter: Callback to filter data by the value param<br />
-                            options.reset: Resets the filters.
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>targetFilter</td>
-                        <td>
-                            options.filter: Callback to filter data by the value param<br />
-                            options.reset: Resets the filters
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>emptymessagesource</td>
-                        <td>-</td>
-                    </tr>
-                    <tr>
-                        <td>emptyfiltermessagesource</td>
-                        <td>-</td>
-                    </tr>
-                    <tr>
-                        <td>emptymessagetarget</td>
-                        <td>-</td>
-                    </tr>
-                    <tr>
-                        <td>emptyfiltermessagetarget</td>
-                        <td>-</td>
-                    </tr>
-                    <tr>
-                        <td>moveupicon</td>
-                        <td>-</td>
-                    </tr>
-                    <tr>
-                        <td>movetopicon</td>
-                        <td>-</td>
-                    </tr>
-                    <tr>
-                        <td>movedownicon</td>
-                        <td>-</td>
-                    </tr>
-                    <tr>
-                        <td>movebottomicon</td>
-                        <td>-</td>
-                    </tr>
-                    <tr>
-                        <td>movetotargeticon</td>
-                        <td>$implicit: viewChanged</td>
-                    </tr>
-                    <tr>
-                        <td>movealltotargeticon</td>
-                        <td>$implicit: viewChanged</td>
-                    </tr>
-                    <tr>
-                        <td>movetosourceicon</td>
-                        <td>$implicit: viewChanged</td>
-                    </tr>
-                    <tr>
-                        <td>movealltosourceicon</td>
-                        <td>$implicit: viewChanged</td>
-                    </tr>
-                    <tr>
-                        <td>targetfiltericon</td>
-                        <td>-</td>
-                    </tr>
-                    <tr>
-                        <td>sourcefiltericon</td>
-                        <td>-</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class TemplatesDoc {}
diff --git a/src/app/showcase/doc/progressbar/accessibilitydoc.ts b/src/app/showcase/doc/progressbar/accessibilitydoc.ts
deleted file mode 100644
index 72c4893..0000000
--- a/src/app/showcase/doc/progressbar/accessibilitydoc.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                ProgressBar components uses <i>progressbar</i> role along with <i>aria-valuemin</i>, <i>aria-valuemax</i> and <i>aria-valuenow</i> attributes. Value to describe the component can be defined using<i>aria-labelledby</i> and
-                <i>aria-label</i> props.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-
-        <h3>Keyboard Support</h3>
-        <p>Not applicable.</p>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        html: `<span id="label_status">Status</span>
-<p-progressBar aria-labelledby="label_status" />
-
-<p-progressBar aria-label="Status" />`
-    };
-}
diff --git a/src/app/showcase/doc/progressbar/basicdoc.ts b/src/app/showcase/doc/progressbar/basicdoc.ts
deleted file mode 100644
index 397903a..0000000
--- a/src/app/showcase/doc/progressbar/basicdoc.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>ProgressBar is used with the <i>value</i> property.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-progressBar [value]="50" />
-        </div>
-        <app-code [code]="code" selector="progress-bar-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-progressBar [value]="50" />`,
-        html: `<div class="card">
-    <p-progressBar [value]="50" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { ProgressBarModule } from 'primeng/progressbar';
-
-@Component({
-    selector: 'progress-bar-basic-demo',
-    templateUrl: './progress-bar-basic-demo.html',
-    standalone: true,
-    imports: [ProgressBarModule]
-})
-export class ProgressBarBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/progressbar/dynamicdoc.ts b/src/app/showcase/doc/progressbar/dynamicdoc.ts
deleted file mode 100644
index 16cbbae..0000000
--- a/src/app/showcase/doc/progressbar/dynamicdoc.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { ChangeDetectorRef, Component, OnInit, OnDestroy, NgZone } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dynamic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Value is reactive so updating it dynamically changes the bar as well.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-toast />
-            <p-progressBar [value]="value" />
-        </div>
-        <app-code [code]="code" selector="progress-bar-dynamic-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class DynamicDoc implements OnInit, OnDestroy {
-    value: number = 0;
-
-    interval: any;
-
-    constructor(
-        private messageService: MessageService,
-        private cd: ChangeDetectorRef,
-        private ngZone: NgZone
-    ) {}
-
-    ngOnInit() {
-        this.ngZone.runOutsideAngular(() => {
-            this.interval = setInterval(() => {
-                this.ngZone.run(() => {
-                    this.value = this.value + Math.floor(Math.random() * 10) + 1;
-                    if (this.value >= 100) {
-                        this.value = 100;
-                        this.messageService.add({ severity: 'info', summary: 'Success', detail: 'Process Completed' });
-                        clearInterval(this.interval);
-                    }
-                    this.cd.markForCheck();
-                });
-            }, 2000);
-        });
-    }
-
-    ngOnDestroy() {
-        if (this.interval) {
-            clearInterval(this.interval);
-        }
-    }
-
-    code: Code = {
-        basic: `<p-progressBar [value]="value" />`,
-        html: `<div class="card">
-    <p-toast />
-    <p-progressBar [value]="value" />
-</div>`,
-        typescript: `import { Component, NgZone, OnInit } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { ProgressBarModule } from 'primeng/progressbar';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'progress-bar-dynamic-demo',
-    templateUrl: './progress-bar-dynamic-demo.html',
-    standalone: true,
-    imports: [ProgressBarModule, ToastModule],
-    providers: [MessageService]
-})
-export class ProgressBarDynamicDemo implements OnInit {
-    value: number = 0;
-
-    interval: any;
-
-    constructor(private messageService: MessageService, private ngZone: NgZone) {}
-
-    ngOnInit() {
-        this.ngZone.runOutsideAngular(() => {
-            this.interval = setInterval(() => {
-                this.ngZone.run(() => {
-                    this.value = this.value + Math.floor(Math.random() * 10) + 1;
-                    if (this.value >= 100) {
-                        this.value = 100;
-                        this.messageService.add({ severity: 'info', summary: 'Success', detail: 'Process Completed' });
-                        clearInterval(this.interval);
-                    }
-                });
-            }, 2000);
-        });
-    }
-
-    ngOnDestroy() {
-        if (this.interval) {
-            clearInterval(this.interval);
-        }
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/progressbar/importdoc.ts b/src/app/showcase/doc/progressbar/importdoc.ts
deleted file mode 100644
index 1d9f9c9..0000000
--- a/src/app/showcase/doc/progressbar/importdoc.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ProgressBarModule } from 'primeng/progressbar';
-// For dynamic progressbar demo
-import { ToastModule } from 'primeng/toast';`
-    };
-}
diff --git a/src/app/showcase/doc/progressbar/indeterminatedoc.ts b/src/app/showcase/doc/progressbar/indeterminatedoc.ts
deleted file mode 100644
index f50d035..0000000
--- a/src/app/showcase/doc/progressbar/indeterminatedoc.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'indeterminate-doc',
-    template: `
-        <app-docsectiontext>
-            <p>For progresses with no value to track, set the <i>mode</i> property to <i>indeterminate</i>.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-progressBar mode="indeterminate" [style]="{ height: '6px' }" />
-        </div>
-        <app-code [code]="code" selector="progress-bar-indeterminate-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class IndeterminateDoc {
-    code: Code = {
-        basic: `<p-progressBar mode="indeterminate" [style]="{ height: '6px' }" />`,
-        html: `<div class="card">
-    <p-progressBar mode="indeterminate" [style]="{'height': '6px'}" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { ProgressBarModule } from 'primeng/progressbar';
-
-@Component({
-    selector: 'progress-bar-indeterminate-demo',
-    templateUrl: './progress-bar-indeterminate-demo.html',
-    standalone: true,
-    imports: [ProgressBarModule],
-    providers: [MessageService]
-})
-export class ProgressBarIndeterminateDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/progressbar/progressbardoc.module.ts b/src/app/showcase/doc/progressbar/progressbardoc.module.ts
deleted file mode 100644
index f8a73e6..0000000
--- a/src/app/showcase/doc/progressbar/progressbardoc.module.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ProgressBarModule } from 'primeng/progressbar';
-import { ToastModule } from 'primeng/toast';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { DynamicDoc } from './dynamicdoc';
-import { ImportDoc } from './importdoc';
-import { IndeterminateDoc } from './indeterminatedoc';
-import { TemplateDoc } from './templatedoc';
-import { StyleDoc } from './styledoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, ProgressBarModule, ToastModule],
-    declarations: [BasicDoc, DynamicDoc, ImportDoc, IndeterminateDoc, TemplateDoc, StyleDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class ProgressBarDocModule {}
diff --git a/src/app/showcase/doc/progressbar/styledoc.ts b/src/app/showcase/doc/progressbar/styledoc.ts
deleted file mode 100644
index 997c802..0000000
--- a/src/app/showcase/doc/progressbar/styledoc.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-progressbar</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-progressbar-determinate</td>
-                        <td>Container element of a determinate progressbar.</td>
-                    </tr>
-                    <tr>
-                        <td>p-progressbar-indeterminate</td>
-                        <td>Container element of an indeterminate progressbar.</td>
-                    </tr>
-                    <tr>
-                        <td>p-progressbar-value</td>
-                        <td>Element whose width changes according to value.</td>
-                    </tr>
-                    <tr>
-                        <td>p-progressbar-label</td>
-                        <td>Label element that displays the current value.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/progressbar/templatedoc.ts b/src/app/showcase/doc/progressbar/templatedoc.ts
deleted file mode 100644
index 7b04174..0000000
--- a/src/app/showcase/doc/progressbar/templatedoc.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p><i>content</i> template allows displaying custom content inside the progressbar.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-progressBar [value]="50">
-                <ng-template pTemplate="content" let-value>
-                    <span>{{ value }}/100</span>
-                </ng-template>
-            </p-progressBar>
-        </div>
-        <app-code [code]="code" selector="progress-bar-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    code: Code = {
-        basic: `<p-progressBar [value]="50">
-    <ng-template pTemplate="content" let-value> 
-    <span>{{value}}/100</span>    
-    </ng-template>
-</p-progressBar>`,
-        html: `<div class="card">
-     <p-progressBar [value]="50">
-         <ng-template pTemplate="content" let-value> 
-         <span>{{value}}/100</span>        
-         </ng-template>
-     </p-progressBar>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { ProgressBarModule } from 'primeng/progressbar';
-
-@Component({
-    selector: 'progress-bar-template-demo',
-    templateUrl: './progress-bar-template-demo.html',
-    standalone: true,
-    imports: [ProgressBarModule]
-})
-export class ProgressBarTemplateDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/progressspinner/accessibilitydoc.ts b/src/app/showcase/doc/progressspinner/accessibilitydoc.ts
deleted file mode 100644
index 18c8b5d..0000000
--- a/src/app/showcase/doc/progressspinner/accessibilitydoc.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>ProgressSpinner components uses <i>progressbar</i> role. Value to describe the component can be defined using <i>aria-labelledby</i> and <i>aria-label</i> props.</p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-
-        <h3>Keyboard Support</h3>
-        <p>Component does not include any interactive elements.</p>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        html: `<p-progressSpinner aria-label="Loading"></p-progressSpinner>`
-    };
-}
diff --git a/src/app/showcase/doc/progressspinner/basicdoc.ts b/src/app/showcase/doc/progressspinner/basicdoc.ts
deleted file mode 100644
index 9a06d64..0000000
--- a/src/app/showcase/doc/progressspinner/basicdoc.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>An infinite spin animation is displayed by default.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-progressSpinner ariaLabel="loading" />
-        </div>
-        <app-code [code]="code" selector="progress-spinner-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-progressSpinner ariaLabel="loading" />`,
-        html: `<div class="card flex justify-center">
-    <p-progressSpinner ariaLabel="loading" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { ProgressSpinnerModule } from 'primeng/progressspinner';
-
-@Component({
-    selector: 'progress-spinner-basic-demo',
-    templateUrl: './progress-spinner-basic-demo.html',
-    standalone: true,
-    imports: [ProgressSpinnerModule]
-})
-export class ProgressSpinnerBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/progressspinner/customdoc.ts b/src/app/showcase/doc/progressspinner/customdoc.ts
deleted file mode 100644
index 9476ffc..0000000
--- a/src/app/showcase/doc/progressspinner/customdoc.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'custom-doc',
-    template: `
-        <app-docsectiontext>
-            <p>ProgressSpinner can be customized with styling property like <i>styleClass</i>, <i>strokeWidth</i> and <i>fill</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-progressSpinner styleClass="!w-4 !h-4" strokeWidth="8" fill="var(--surface-ground)" animationDuration=".5s" />
-        </div>
-        <app-code [code]="code" selector="progress-spinner-custom-demo"></app-code>
-    `
-})
-export class CustomDoc {
-    @Input() id: string;
-
-    @Input() title: string;
-
-    code: Code = {
-        basic: `<p-progressSpinner
-    styleClass="!w-4 !h-4"
-    strokeWidth="8"
-    fill="var(--surface-ground)"
-    animationDuration=".5s" />`,
-        html: `<div class="card flex justify-center">
-    <p-progressSpinner
-        styleClass="!w-4 !h-4"
-        strokeWidth="8"
-        fill="var(--surface-ground)"
-        animationDuration=".5s" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { ProgressSpinnerModule } from 'primeng/progressspinner';
-
-@Component({
-    selector: 'progress-spinner-custom-demo',
-    templateUrl: './progress-spinner-custom-demo.html',
-    standalone: true,
-    imports: [ProgressSpinnerModule]
-})
-export class ProgressSpinnerCustomDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/progressspinner/importdoc.ts b/src/app/showcase/doc/progressspinner/importdoc.ts
deleted file mode 100644
index d21c5aa..0000000
--- a/src/app/showcase/doc/progressspinner/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ProgressSpinnerModule } from 'primeng/progressspinner';`
-    };
-}
diff --git a/src/app/showcase/doc/progressspinner/progressspinnerdoc.module.ts b/src/app/showcase/doc/progressspinner/progressspinnerdoc.module.ts
deleted file mode 100644
index d8af5a9..0000000
--- a/src/app/showcase/doc/progressspinner/progressspinnerdoc.module.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ProgressSpinnerModule } from 'primeng/progressspinner';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BasicDoc } from './basicdoc';
-import { CustomDoc } from './customdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, ProgressSpinnerModule],
-    declarations: [BasicDoc, ImportDoc, CustomDoc, StyleDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class ProgressSpinnerDocModule {}
diff --git a/src/app/showcase/doc/progressspinner/styledoc.ts b/src/app/showcase/doc/progressspinner/styledoc.ts
deleted file mode 100644
index 8f9a9b9..0000000
--- a/src/app/showcase/doc/progressspinner/styledoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-progress-spinner</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-progress-spinner-svg</td>
-                        <td>SVG element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-progress-spinner-circle</td>
-                        <td>Circle element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/radiobutton/accessibilitydoc.ts b/src/app/showcase/doc/radiobutton/accessibilitydoc.ts
deleted file mode 100644
index 1f82420..0000000
--- a/src/app/showcase/doc/radiobutton/accessibilitydoc.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                RadioButton component uses a hidden native radio button element internally that is only visible to screen readers. Value to describe the component can either be provided via <i>label</i> tag combined with <i>inputId</i> prop or using
-                <i>ariaLabelledBy</i>, <i>ariaLabel</i> props.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the checked radio button, if there is none within the group then first radio button receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <span class="inline-flex flex-col">
-                                <i class="mb-1">left arrow</i>
-                                <i>up arrow</i>
-                            </span>
-                        </td>
-                        <td>Moves focus to the previous radio button, if there is none then last radio button receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <span class="inline-flex flex-col">
-                                <i class="mb-1">right arrow</i>
-                                <i>down arrow</i>
-                            </span>
-                        </td>
-                        <td>Moves focus to the next radio button, if there is none then first radio button receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>If the focused radio button is unchecked, changes the state to checked.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<label for="rb1">One</label>
-<p-radioButton inputId="rb1" />
-
-<span id="rb2">Two</span>
-<p-radioButton ariaLabelledBy="rb2" />
-
-<p-radioButton ariaLabel="Three" />`
-    };
-}
diff --git a/src/app/showcase/doc/radiobutton/disableddoc.ts b/src/app/showcase/doc/radiobutton/disableddoc.ts
deleted file mode 100644
index a7b060d..0000000
--- a/src/app/showcase/doc/radiobutton/disableddoc.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-radioButton [disabled]="true" [(ngModel)]="checked" />
-        </div>
-        <app-code [code]="code" selector="radio-button-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    checked: any;
-
-    code: Code = {
-        basic: `<p-radioButton [disabled]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-radioButton [disabled]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'radio-button-disabled-demo',
-    templateUrl: './radio-button-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, RadioButtonModule]
-})
-export class RadioButtonDisabledDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/radiobutton/dynamicdoc.ts b/src/app/showcase/doc/radiobutton/dynamicdoc.ts
deleted file mode 100644
index de2c9a1..0000000
--- a/src/app/showcase/doc/radiobutton/dynamicdoc.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dynamic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>RadioButtons can be generated using a list of values.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <div class="flex flex-col gap-3">
-                <div *ngFor="let category of categories" class="field-checkbox">
-                    <p-radioButton [inputId]="category.key" name="category" [value]="category" [(ngModel)]="selectedCategory" />
-                    <label [for]="category.key" class="ml-2">{{ category.name }}</label>
-                </div>
-            </div>
-        </div>
-        <app-code [code]="code" selector="radio-button-dynamic-demo"></app-code>
-    `
-})
-export class DynamicDoc implements OnInit {
-    selectedCategory: any = null;
-
-    categories: any[] = [
-        { name: 'Accounting', key: 'A' },
-        { name: 'Marketing', key: 'M' },
-        { name: 'Production', key: 'P' },
-        { name: 'Research', key: 'R' }
-    ];
-
-    ngOnInit() {
-        this.selectedCategory = this.categories[1];
-    }
-
-    code: Code = {
-        basic: `<div class="flex flex-col gap-3">
-    <div *ngFor="let category of categories" class="field-checkbox">
-        <p-radioButton 
-            [inputId]="category.key"
-            name="category" 
-            [value]="category" 
-            [(ngModel)]="selectedCategory" />
-        <label [for]="category.key" class="ml-2">
-            {{ category.name }}
-        </label>
-    </div>
-</div>`,
-
-        html: `<div class="card flex justify-center">
-    <div class="flex flex-col gap-3">
-        <div *ngFor="let category of categories" class="field-checkbox">
-            <p-radioButton 
-                [inputId]="category.key" 
-                name="category" 
-                [value]="category" 
-                [(ngModel)]="selectedCategory" />
-            <label [for]="category.key" class="ml-2">
-                {{ category.name }}
-            </label>
-        </div>
-    </div>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'radio-button-dynamic-demo',
-    templateUrl: './radio-button-dynamic-demo.html',
-    standalone: true,
-    imports: [FormsModule, RadioButtonModule]
-})
-export class RadioButtonDynamicDemo implements OnInit{
-    selectedCategory: any = null;
-
-    categories: any[] = [
-        { name: 'Accounting', key: 'A' },
-        { name: 'Marketing', key: 'M' },
-        { name: 'Production', key: 'P' },
-        { name: 'Research', key: 'R' }
-    ];
-
-    ngOnInit() {
-        this.selectedCategory = this.categories[1];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/radiobutton/filleddoc.ts b/src/app/showcase/doc/radiobutton/filleddoc.ts
deleted file mode 100644
index 49dd098..0000000
--- a/src/app/showcase/doc/radiobutton/filleddoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'filled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-radioButton [(ngModel)]="checked" variant="filled" />
-        </div>
-        <app-code [code]="code" selector="radio-button-filled-demo"></app-code>
-    `
-})
-export class FilledDoc {
-    checked: boolean = false;
-
-    code: Code = {
-        basic: `<p-radioButton [(ngModel)]="checked" variant="filled" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-radioButton [(ngModel)]="checked" variant="filled" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'radio-button-filled-demo',
-    templateUrl: './radio-button-filled-demo.html',
-    standalone: true,
-    imports: [FormsModule, RadioButtonModule]
-})
-export class RadioButtonFilledDemo { 
-    checked: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/radiobutton/groupdoc.ts b/src/app/showcase/doc/radiobutton/groupdoc.ts
deleted file mode 100644
index f0f6e6e..0000000
--- a/src/app/showcase/doc/radiobutton/groupdoc.ts
+++ /dev/null
@@ -1,145 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'group-doc',
-    template: `
-        <app-docsectiontext>
-            <p>RadioButton is used as a controlled input with <i>value</i> and <i>ngModel</i> properties.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <div class="flex flex-wrap gap-3">
-                <div class="flex items-center">
-                    <p-radioButton name="pizza" value="Cheese" [(ngModel)]="ingredient" inputId="ingredient1" />
-                    <label for="ingredient1" class="ml-2">Cheese</label>
-                </div>
-                <div class="flex items-center">
-                    <p-radioButton name="pizza" value="Mushroom" [(ngModel)]="ingredient" inputId="ingredient2" />
-                    <label for="ingredient2" class="ml-2">Mushroom</label>
-                </div>
-                <div class="flex items-center">
-                    <p-radioButton name="pizza" value="Pepper" [(ngModel)]="ingredient" inputId="ingredient3" />
-                    <label for="ingredient3" class="ml-2">Pepper</label>
-                </div>
-                <div class="flex items-center">
-                    <p-radioButton name="pizza" value="Onion" [(ngModel)]="ingredient" inputId="ingredient4" />
-                    <label for="ingredient4" class="ml-2">Onion</label>
-                </div>
-            </div>
-        </div>
-        <app-code [code]="code" selector="radio-button-group-demo"></app-code>
-    `
-})
-export class GroupDoc {
-    ingredient!: string;
-
-    code: Code = {
-        basic: `<div class="flex flex-wrap gap-3">
-    <div class="flex items-center">
-        <p-radioButton 
-            name="pizza" 
-            value="Cheese" 
-            [(ngModel)]="ingredient" 
-            inputId="ingredient1" />
-        <label for="ingredient1" class="ml-2">
-            Cheese
-        </label>
-    </div>
-    
-    <div class="flex items-center">
-        <p-radioButton 
-            name="pizza" 
-            value="Mushroom" 
-            [(ngModel)]="ingredient" 
-            inputId="ingredient2" />
-        <label for="ingredient2" class="ml-2">
-            Mushroom
-        </label>
-    </div>
-    
-    <div class="flex items-center">
-        <p-radioButton 
-            name="pizza" 
-            value="Pepper" 
-            [(ngModel)]="ingredient" 
-            inputId="ingredient3" />
-        <label for="ingredient3" class="ml-2">
-            Pepper
-        </label>
-    </div>
-
-    <div class="flex items-center">
-        <p-radioButton 
-            name="pizza" 
-            value="Onion" 
-            [(ngModel)]="ingredient" 
-            inputId="ingredient4" />
-        <label for="ingredient4" class="ml-2">
-            Onion
-        </label>
-    </div>
-</div>`,
-
-        html: `<div class="card flex justify-center">
-    <div class="flex flex-wrap gap-3">
-        <div class="flex items-center">
-            <p-radioButton 
-                name="pizza" 
-                value="Cheese" 
-                [(ngModel)]="ingredient" 
-                inputId="ingredient1" />
-            <label for="ingredient1" class="ml-2">
-                Cheese
-            </label>
-        </div>
-        
-        <div class="flex items-center">
-            <p-radioButton 
-                name="pizza" 
-                value="Mushroom" 
-                [(ngModel)]="ingredient" 
-                inputId="ingredient2" />
-            <label for="ingredient2" class="ml-2">
-                Mushroom
-            </label>
-        </div>
-        
-        <div class="flex items-center">
-            <p-radioButton 
-                name="pizza" 
-                value="Pepper" 
-                [(ngModel)]="ingredient" 
-                inputId="ingredient3" />
-            <label for="ingredient3" class="ml-2">
-                Pepper
-            </label>
-        </div>
-        
-        <div class="flex items-center">
-            <p-radioButton 
-                name="pizza" 
-                value="Onion" 
-                [(ngModel)]="ingredient" 
-                inputId="ingredient4" />
-            <label for="ingredient4" class="ml-2">
-                Onion
-            </label>
-        </div>
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'radio-button-group-demo',
-    templateUrl: './radio-button-group-demo.html',
-    standalone: true,
-    imports: [FormsModule, RadioButtonModule]
-})
-export class RadioButtonGroupDemo {
-    ingredient!: string;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/radiobutton/importdoc.ts b/src/app/showcase/doc/radiobutton/importdoc.ts
deleted file mode 100644
index 1e9bb10..0000000
--- a/src/app/showcase/doc/radiobutton/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { RadioButtonModule } from 'primeng/radiobutton';`
-    };
-}
diff --git a/src/app/showcase/doc/radiobutton/invaliddoc.ts b/src/app/showcase/doc/radiobutton/invaliddoc.ts
deleted file mode 100644
index 7d7f7ec..0000000
--- a/src/app/showcase/doc/radiobutton/invaliddoc.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'invalid-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-dirty</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-radioButton class="ng-invalid ng-dirty" [(ngModel)]="checked" />
-        </div>
-        <app-code [code]="code" selector="radio-button-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc {
-    checked: any;
-
-    code: Code = {
-        basic: `<p-radioButton class="ng-invalid ng-dirty" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-radioButton class="ng-invalid ng-dirty" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'radio-button-invalid-demo',
-    templateUrl: './radio-button-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, RadioButtonModule]
-})
-export class RadioButtonInvalidDemo { }`
-    };
-}
diff --git a/src/app/showcase/doc/radiobutton/radiobuttondoc.module.ts b/src/app/showcase/doc/radiobutton/radiobuttondoc.module.ts
deleted file mode 100644
index d454b82..0000000
--- a/src/app/showcase/doc/radiobutton/radiobuttondoc.module.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { DisabledDoc } from './disableddoc';
-import { DynamicDoc } from './dynamicdoc';
-import { GroupDoc } from './groupdoc';
-import { ImportDoc } from './importdoc';
-import { InvalidDoc } from './invaliddoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { StyleDoc } from './styledoc';
-import { FilledDoc } from './filleddoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, RadioButtonModule, FormsModule, ReactiveFormsModule, RouterModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, GroupDoc, DynamicDoc, InvalidDoc, DisabledDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc, FilledDoc]
-})
-export class RadioButtonDocModule {}
diff --git a/src/app/showcase/doc/radiobutton/reactiveformsdoc.ts b/src/app/showcase/doc/radiobutton/reactiveformsdoc.ts
deleted file mode 100644
index 5d62b74..0000000
--- a/src/app/showcase/doc/radiobutton/reactiveformsdoc.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>RadioButton can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form class="flex flex-col gap-3" [formGroup]="formGroup">
-                <div *ngFor="let category of categories" class="field-checkbox">
-                    <p-radioButton [inputId]="category.key" [value]="category" formControlName="selectedCategory" />
-                    <label [for]="category.key" class="ml-2">{{ category.name }}</label>
-                </div>
-            </form>
-        </div>
-        <app-code [code]="code" selector="radio-button-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup!: FormGroup;
-
-    categories: any[] = [
-        { name: 'Accounting', key: 'A' },
-        { name: 'Marketing', key: 'M' },
-        { name: 'Production', key: 'P' },
-        { name: 'Research', key: 'R' }
-    ];
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            selectedCategory: new FormControl()
-        });
-    }
-
-    code: Code = {
-        basic: `<form class="flex flex-col gap-3" [formGroup]="formGroup">
-    <div *ngFor="let category of categories" class="field-checkbox">
-        <p-radioButton 
-            [inputId]="category.key" 
-            [value]="category"
-            formControlName="selectedCategory" />
-        <label [for]="category.key" class="ml-2">
-            {{ category.name }}
-        </label>
-    </div>
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form class="flex flex-col gap-3" [formGroup]="formGroup">
-        <div *ngFor="let category of categories" class="field-checkbox">
-            <p-radioButton 
-                [inputId]="category.key" 
-                [value]="category" 
-                formControlName="selectedCategory" />
-            <label [for]="category.key" class="ml-2">
-                {{ category.name }}
-            </label>
-        </div>
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { RadioButtonModule } from 'primeng/radiobutton';
-
-@Component({
-    selector: 'radio-button-reactive-forms-demo',
-    templateUrl: './radio-button-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, RadioButtonModule],
-})
-export class RadioButtonReactiveFormsDemo implements OnInit {
-    formGroup!: FormGroup;
-
-    categories: any[] = [
-        { name: 'Accounting', key: 'A' },
-        { name: 'Marketing', key: 'M' },
-        { name: 'Production', key: 'P' },
-        { name: 'Research', key: 'R' }
-    ];
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            selectedCategory: new FormControl()
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/radiobutton/styledoc.ts b/src/app/showcase/doc/radiobutton/styledoc.ts
deleted file mode 100644
index beff963..0000000
--- a/src/app/showcase/doc/radiobutton/styledoc.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-radiobutton</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-radiobutton-box</td>
-                        <td>Container of icon.</td>
-                    </tr>
-                    <tr>
-                        <td>p-radiobutton-icon</td>
-                        <td>Icon element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-checkbox-label</td>
-                        <td>Label element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-label-active</td>
-                        <td>Label element of a checked state.</td>
-                    </tr>
-                    <tr>
-                        <td>p-label-focus</td>
-                        <td>Label element of a focused state.</td>
-                    </tr>
-                    <tr>
-                        <td>p-label-disabled</td>
-                        <td>Label element of a disabled state.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/rating/accessibilitydoc.ts b/src/app/showcase/doc/rating/accessibilitydoc.ts
deleted file mode 100644
index 03dcdd7..0000000
--- a/src/app/showcase/doc/rating/accessibilitydoc.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Rating component internally uses radio buttons that are only visible to screen readers. The value to read for item is retrieved from the <a href="/configuration/#locale">locale</a> API via <i>star</i> and <i>stars</i> of the
-                <i>aria</i>
-                property.
-            </p>
-        </app-docsectiontext>
-
-        <h3>Keyboard Support</h3>
-        <p>Keyboard interaction is derived from the native browser handling of radio buttons in a group.</p>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the star representing the value, if there is none then first star receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <span class="inline-flex flex-col">
-                                <i class="mb-1">left arrow</i>
-                                <i>up arrow</i>
-                            </span>
-                        </td>
-                        <td>Moves focus to the previous star, if there is none then last radio button receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <span class="inline-flex flex-col">
-                                <i class="mb-1">right arrow</i>
-                                <i>down arrow</i>
-                            </span>
-                        </td>
-                        <td>Moves focus to the next star, if there is none then first star receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>If the focused star does not represent the value, changes the value to the star value.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/rating/basicdoc.ts b/src/app/showcase/doc/rating/basicdoc.ts
deleted file mode 100644
index 3c53d5e..0000000
--- a/src/app/showcase/doc/rating/basicdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Two-way value binding is defined using <i>ngModel</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-rating [(ngModel)]="value" />
-        </div>
-        <app-code [code]="code" selector="rating-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    value!: number;
-
-    code: Code = {
-        basic: `<p-rating [(ngModel)]="value" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-rating [(ngModel)]="value" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { RatingModule } from 'primeng/rating';
-
-@Component({
-    selector: 'rating-basic-demo',
-    templateUrl: './rating-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, RatingModule]
-})
-export class RatingBasicDemo {
-    value!: number;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/rating/disableddoc.ts b/src/app/showcase/doc/rating/disableddoc.ts
deleted file mode 100644
index a66b56c..0000000
--- a/src/app/showcase/doc/rating/disableddoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, a visual hint is applied to indicate that the Knob cannot be interacted with.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-rating [(ngModel)]="value" [disabled]="true" />
-        </div>
-        <app-code [code]="code" selector="rating-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    value: number = 5;
-
-    code: Code = {
-        basic: `<p-rating [(ngModel)]="value" [disabled]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-rating [(ngModel)]="value" [disabled]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { RatingModule } from 'primeng/rating';
-
-@Component({
-    selector: 'rating-disabled-demo',
-    templateUrl: './rating-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, RatingModule]
-})
-export class RatingDisabledDemo {
-    value: number = 5;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/rating/importdoc.ts b/src/app/showcase/doc/rating/importdoc.ts
deleted file mode 100644
index 9db99c7..0000000
--- a/src/app/showcase/doc/rating/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { RatingModule } from 'primeng/rating';`
-    };
-}
diff --git a/src/app/showcase/doc/rating/numberofstarsdoc.ts b/src/app/showcase/doc/rating/numberofstarsdoc.ts
deleted file mode 100644
index de79bee..0000000
--- a/src/app/showcase/doc/rating/numberofstarsdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'number-of-stars-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Number of stars to display is defined with <i>stars</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-rating [(ngModel)]="value" [stars]="10" />
-        </div>
-        <app-code [code]="code" selector="rating-number-of-stars-demo"></app-code>
-    `
-})
-export class NumberOfStarsDoc {
-    value!: number;
-
-    code: Code = {
-        basic: `<p-rating [(ngModel)]="value" [stars]="10" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-rating [(ngModel)]="value" [stars]="10" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { RatingModule } from 'primeng/rating';
-
-@Component({
-    selector: 'rating-number-of-stars-demo',
-    templateUrl: './rating-number-of-stars-demo.html',
-    standalone: true,
-    imports: [FormsModule, RatingModule]
-})
-export class RatingNumberOfStarsDemo {
-    value!: number;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/rating/ratingdoc.module.ts b/src/app/showcase/doc/rating/ratingdoc.module.ts
deleted file mode 100644
index 99b736b..0000000
--- a/src/app/showcase/doc/rating/ratingdoc.module.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { RatingModule } from 'primeng/rating';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { DisabledDoc } from './disableddoc';
-import { ImportDoc } from './importdoc';
-import { NumberOfStarsDoc } from './numberofstarsdoc';
-import { ReadOnlyDoc } from './readonlydoc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-import { WithoutCancelDoc } from './withoutcanceldoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, RatingModule, FormsModule, ReactiveFormsModule, RouterModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, WithoutCancelDoc, NumberOfStarsDoc, TemplateDoc, ReadOnlyDoc, DisabledDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc]
-})
-export class RatingDocModule {}
diff --git a/src/app/showcase/doc/rating/reactiveformsdoc.ts b/src/app/showcase/doc/rating/reactiveformsdoc.ts
deleted file mode 100644
index 9b99a37..0000000
--- a/src/app/showcase/doc/rating/reactiveformsdoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Rating can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <p-rating formControlName="value" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="rating-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            value: new FormControl(4)
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <p-rating formControlName="value" />
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup">
-        <p-rating formControlName="value" />
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { RatingModule } from 'primeng/rating';
-
-@Component({
-    selector: 'rating-reactive-forms-demo',
-    templateUrl: './rating-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, RatingModule]
-})
-export class RatingReactiveFormsDemo implements OnInit {
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            value: new FormControl(4)
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/rating/readonlydoc.ts b/src/app/showcase/doc/rating/readonlydoc.ts
deleted file mode 100644
index 90dc4e8..0000000
--- a/src/app/showcase/doc/rating/readonlydoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'readonly-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>readOnly</i> present, value cannot be edited.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-rating [(ngModel)]="value" [readonly]="true" [cancel]="false" />
-        </div>
-        <app-code [code]="code" selector="rating-readonly-demo"></app-code>
-    `
-})
-export class ReadOnlyDoc {
-    value: number = 5;
-
-    code: Code = {
-        basic: `<p-rating [(ngModel)]="value" [readonly]="true" [cancel]="false" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-rating [(ngModel)]="value" [readonly]="true" [cancel]="false" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { RatingModule } from 'primeng/rating';
-
-@Component({
-    selector: 'rating-readonly-demo',
-    templateUrl: './rating-readonly-demo.html',
-    standalone: true,
-    imports: [FormsModule, RatingModule]
-})
-export class RatingReadonlyDemo {
-    value: number = 5;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/rating/styledoc.ts b/src/app/showcase/doc/rating/styledoc.ts
deleted file mode 100644
index 0076cfe..0000000
--- a/src/app/showcase/doc/rating/styledoc.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-rating</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-rating-star</td>
-                        <td>Star element</td>
-                    </tr>
-                    <tr>
-                        <td>p-rating-star-on</td>
-                        <td>Selected star element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-rating-cancel</td>
-                        <td>Cancel icon.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/rating/templatedoc.ts b/src/app/showcase/doc/rating/templatedoc.ts
deleted file mode 100644
index 54a8d78..0000000
--- a/src/app/showcase/doc/rating/templatedoc.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Templating allows customizing the content where the icon instance is available as the implicit variable.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-rating [(ngModel)]="value" stars="5">
-                <ng-template pTemplate="cancelicon">
-                    <img src="https://primefaces.org/cdn/primeng/images/demo/rating/cancel.png" width="25px" height="25px" />
-                </ng-template>
-                <ng-template pTemplate="onicon">
-                    <img src="https://primefaces.org/cdn/primeng/images/demo/rating/custom-icon-active.png" width="25px" height="25px" />
-                </ng-template>
-                <ng-template pTemplate="officon">
-                    <img src="https://primefaces.org/cdn/primeng/images/demo/rating/custom-icon.png" width="25px" height="25px" />
-                </ng-template>
-            </p-rating>
-        </div>
-        <app-code [code]="code" selector="rating-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    value!: number;
-
-    code: Code = {
-        basic: `<p-rating [(ngModel)]="value" stars="5">
-        <ng-template pTemplate="cancelicon">
-            <img 
-                src="https://primefaces.org/cdn/primeng/images/demo/rating/cancel.png" 
-                width="25px" 
-                height="25px" />
-        </ng-template>
-        <ng-template pTemplate="onicon">
-            <img 
-                src="https://primefaces.org/cdn/primeng/images/demo/rating/custom-icon-active.png" 
-                width="25px" 
-                height="25px" />
-        </ng-template>
-        <ng-template pTemplate="officon">
-            <img 
-                src="https://primefaces.org/cdn/primeng/images/demo/rating/custom-icon.png"
-                width="25px"
-                height="25px" />
-        </ng-template>
-</p-rating>`,
-
-        html: `<div class="card flex justify-center">
-    <p-rating [(ngModel)]="value" stars="5">
-    <ng-template pTemplate="cancelicon">
-        <img 
-            src="https://primefaces.org/cdn/primeng/images/demo/rating/cancel.png" 
-            width="25px" 
-            height="25px" />
-    </ng-template>
-    <ng-template pTemplate="onicon">
-        <img 
-            src="https://primefaces.org/cdn/primeng/images/demo/rating/custom-icon-active.png"
-            width="25px" 
-            height="25px" />
-    </ng-template>
-    <ng-template pTemplate="officon">
-        <img 
-            src="https://primefaces.org/cdn/primeng/images/demo/rating/custom-icon.png" 
-            width="25px" 
-            height="25px" />
-    </ng-template>
-    </p-rating>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { RatingModule } from 'primeng/rating';
-
-@Component({
-    selector: 'rating-template-demo',
-    templateUrl: './rating-template-demo.html',
-    standalone: true,
-    imports: [FormsModule, RatingModule]
-})
-export class RatingTemplateDemo {
-    value!: number;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/rating/withoutcanceldoc.ts b/src/app/showcase/doc/rating/withoutcanceldoc.ts
deleted file mode 100644
index be2d80b..0000000
--- a/src/app/showcase/doc/rating/withoutcanceldoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'without-cancel-doc',
-    template: `
-        <app-docsectiontext>
-            <p>A cancel icon is displayed to reset the value by default, set <i>cancel</i> as false to remove this option.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-rating [(ngModel)]="value" [cancel]="false" />
-        </div>
-        <app-code [code]="code" selector="rating-without-cancel-demo"></app-code>
-    `
-})
-export class WithoutCancelDoc {
-    value!: number;
-
-    code: Code = {
-        basic: `<p-rating [(ngModel)]="value" [cancel]="false" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-rating [(ngModel)]="value" [cancel]="false" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { RatingModule } from 'primeng/rating';
-
-@Component({
-    selector: 'rating-without-cancel-demo',
-    templateUrl: './rating-without-cancel-demo.html',
-    standalone: true,
-    imports: [FormsModule, RatingModule]
-})
-export class RatingWithoutCancelDemo {
-    value!: number;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/ripple/accessibilitydoc.ts b/src/app/showcase/doc/ripple/accessibilitydoc.ts
deleted file mode 100644
index 2e0ecb9..0000000
--- a/src/app/showcase/doc/ripple/accessibilitydoc.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <h3>Screen Reader</h3>
-        <p>Ripple element has the <i>aria-hidden</i> attribute as true so that it gets ignored by the screen readers.</p>
-
-        <h3>Keyboard Support</h3>
-        <p>Component does not include any interactive elements.</p>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/ripple/customdoc.ts b/src/app/showcase/doc/ripple/customdoc.ts
deleted file mode 100644
index 1034e8a..0000000
--- a/src/app/showcase/doc/ripple/customdoc.ts
+++ /dev/null
@@ -1,128 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'custom-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Styling Demo Content.</p>
-        </app-docsectiontext>
-        <div class="card card-container flex justify-center items-center">
-            <div pRipple class="card styled-box-green shadow-2">Green</div>
-            <div pRipple class="card styled-box-orange shadow-2">Orange</div>
-            <div pRipple class="card styled-box-purple shadow-2">Purple</div>
-        </div>
-        <app-code [code]="code" selector="ripple-custom-demo"></app-code>
-    `
-})
-export class CustomDoc {
-    code: Code = {
-        basic: `<div pRipple class="card styled-box-green shadow-2">
-    Green
-</div>`,
-        html: `<div class="card card-container flex justify-center items-center">
-    <div pRipple class="card styled-box-green shadow-2">
-        Green
-    </div>
-    <div pRipple class="card styled-box-orange shadow-2">
-        Orange
-    </div>
-    <div pRipple class="card styled-box-purple shadow-2">
-        Purple
-    </div>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
-    selector: 'ripple-custom-demo',
-    templateUrl: './ripple-custom-demo.html',
-    standalone: true,
-    imports: [RippleModule],
-    styles: [
-        \`:host ::ng-deep .card-container {
-            .card {
-                width: 75px;
-                height: 75px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                margin-right: 1rem;
-                user-select: none;
-                padding: 0;
-        
-                &.primary-box {
-                    background-color: var(--primary-color);
-                    padding: 0;
-                    color: var(--primary-color-text);
-                }
-        
-                &.styled-box-green {
-                    .p-ink {
-                        background: rgba(#4baf50, 0.3);
-                    }
-                }
-        
-                &.styled-box-orange {
-                    .p-ink {
-                        background: rgba(#ffc106, 0.3);
-                    }
-                }
-        
-                &.styled-box-purple {
-                    .p-ink {
-                        background: rgba(#9c27b0, 0.3);
-                    }
-                }
-        
-                &:last-child {
-                    margin-right: 0;
-                }
-            }
-        }\`
-    ],
-})
-export class RippleCustomDemo {
-}`,
-        scss: `:host ::ng-deep .card-container {
-    .card {
-        width: 75px;
-        height: 75px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 1rem;
-        user-select: none;
-        padding: 0;
-
-        &.primary-box {
-            background-color: var(--primary-color);
-            padding: 0;
-            color: var(--primary-color-text);
-        }
-
-        &.styled-box-green {
-            .p-ink {
-                background: rgba(#4baf50, 0.3);
-            }
-        }
-
-        &.styled-box-orange {
-            .p-ink {
-                background: rgba(#ffc106, 0.3);
-            }
-        }
-
-        &.styled-box-purple {
-            .p-ink {
-                background: rgba(#9c27b0, 0.3);
-            }
-        }
-
-        &:last-child {
-            margin-right: 0;
-        }
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/ripple/defaultdoc.ts b/src/app/showcase/doc/ripple/defaultdoc.ts
deleted file mode 100644
index cac072c..0000000
--- a/src/app/showcase/doc/ripple/defaultdoc.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'default-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Default Demo Content.</p>
-        </app-docsectiontext>
-        <div class="card card-container flex justify-center items-center">
-            <div pRipple class="card text-primary bg-primary flex select-none justify-center items-center shadow-2">Default</div>
-        </div>
-        <app-code [code]="code" selector="ripple-default-demo"></app-code>
-    `
-})
-export class DefaultDoc {
-    code: Code = {
-        basic: `<div pRipple class="card text-primary bg-primary flex select-none justify-center items-center shadow-2">
-    Default
-</div>`,
-        html: `<div class="card card-container flex justify-center items-center">
-    <div pRipple class="card text-primary bg-primary flex select-none justify-center items-center shadow-2">
-        Default
-    </div>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
-    selector: 'ripple-default-demo',
-    templateUrl: './ripple-default-demo.html',
-    styles: [
-        \`:host ::ng-deep .card-container {
-            .card {
-                width: 75px;
-                height: 75px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                margin-right: 1rem;
-                user-select: none;
-                padding: 0;
-        
-                &:last-child {
-                    margin-right: 0;
-                }
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [RippleModule]
-})
-export class RippleDefaultDemo {
-}`,
-        scss: `:host ::ng-deep .card-container {
-    .card {
-        width: 75px;
-        height: 75px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 1rem;
-        user-select: none;
-        padding: 0;
-
-        &:last-child {
-            margin-right: 0;
-        }
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/ripple/importdoc.ts b/src/app/showcase/doc/ripple/importdoc.ts
deleted file mode 100644
index 2ce76ec..0000000
--- a/src/app/showcase/doc/ripple/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { RippleModule } from 'primeng/ripple';`
-    };
-}
diff --git a/src/app/showcase/doc/ripple/rippledoc.module.ts b/src/app/showcase/doc/ripple/rippledoc.module.ts
deleted file mode 100644
index 3d00a62..0000000
--- a/src/app/showcase/doc/ripple/rippledoc.module.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { RippleModule } from 'primeng/ripple';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { CustomDoc } from './customdoc';
-import { DefaultDoc } from './defaultdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, RippleModule],
-    declarations: [DefaultDoc, ImportDoc, StyleDoc, CustomDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class RippleDocModule {}
diff --git a/src/app/showcase/doc/ripple/styledoc.ts b/src/app/showcase/doc/ripple/styledoc.ts
deleted file mode 100644
index 8b63460..0000000
--- a/src/app/showcase/doc/ripple/styledoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-ripple</td>
-                        <td>Host element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-ink</td>
-                        <td>Ripple element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-ink-active</td>
-                        <td>Ripple element during animating.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/scroller/accessibilitydoc.ts b/src/app/showcase/doc/scroller/accessibilitydoc.ts
deleted file mode 100644
index 475840d..0000000
--- a/src/app/showcase/doc/scroller/accessibilitydoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <h3>Screen Reader</h3>
-        <p>Scroller uses a semantic list element to list the items. No specific role is enforced, still you may use any aria role and attributes as any valid attribute is passed to the container element.</p>
-        <h4>Keyboard Support</h4>
-        <p>Component does not include any built-in interactive elements.</p>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/scroller/basicdoc.ts b/src/app/showcase/doc/scroller/basicdoc.ts
deleted file mode 100644
index 7b6cce8..0000000
--- a/src/app/showcase/doc/scroller/basicdoc.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Scroller requires <i>items</i> as the data to display, <i>itemSize</i> for the dimensions of an item and <i>item</i> template are required on component. In addition, an initial array is required based on the total number of items to
-                display. Size of the viewport is configured using <i>scrollWidth</i>, <i>scrollHeight</i> properties directly or with CSS <i>width</i> and <i>height</i> styles.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-scroller [items]="items" [itemSize]="50" scrollHeight="200px" styleClass="border-1 surface-border" [style]="{ width: '200px', height: '200px' }">
-                <ng-template pTemplate="item" let-item let-options="options">
-                    <div class="flex items-center p-2" [ngClass]="{ 'surface-ground': options.odd }" style="height: 50px;">{{ item }}</div>
-                </ng-template>
-            </p-scroller>
-        </div>
-        <app-code [code]="code" selector="scroller-basic-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class BasicDoc {
-    items!: string[];
-
-    ngOnInit() {
-        this.items = Array.from({ length: 1000 }).map((_, i) => `Item #${i}`);
-    }
-
-    code: Code = {
-        basic: `<p-scroller 
-    [items]="items" 
-    [itemSize]="50" 
-    scrollHeight="200px" 
-    styleClass="border-1 surface-border" 
-    [style]="{'width': '200px', 'height': '200px'}">
-        <ng-template pTemplate="item" let-item let-options="options">
-            <div class="flex items-center p-2" [ngClass]="{ 'surface-ground': options.odd }" style="height: 50px;">
-                {{ item }}
-            </div>
-        </ng-template>
-</p-scroller>`,
-
-        html: `<div class="card flex justify-center">
-    <p-scroller 
-        [items]="items" 
-        [itemSize]="50" 
-        scrollHeight="200px" 
-        styleClass="border-1 surface-border" 
-        [style]="{'width': '200px', 'height': '200px'}">
-            <ng-template pTemplate="item" let-item let-options="options">
-                <div class="flex items-center p-2" [ngClass]="{ 'surface-ground': options.odd }" style="height: 50px;">
-                    {{ item }}
-                </div>
-            </ng-template>
-    </p-scroller>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ScrollerModule } from 'primeng/scroller';
-
-@Component({
-    selector: 'scroller-basic-demo',
-    templateUrl: './scroller-basic-demo.html',
-    styles: [
-        \`:host ::ng-deep {
-            .p-scroller-viewport {
-                flex: none;
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [ScrollerModule]
-})
-export class ScrollerBasicDemo implements OnInit {
-    items!: string[];
-
-    ngOnInit() {
-        this.items = Array.from({ length: 1000 }).map((_, i) => \`Item #\${i}\`);
-    }
-}`,
-        scss: `
-:host ::ng-deep {
-    .p-scroller-viewport {
-        flex: none;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/scroller/delaydoc.ts b/src/app/showcase/doc/scroller/delaydoc.ts
deleted file mode 100644
index 9200c7c..0000000
--- a/src/app/showcase/doc/scroller/delaydoc.ts
+++ /dev/null
@@ -1,180 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'delay-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Scroll delay is adjusted by using <i>delay</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap justify-center gap-3">
-            <div>
-                <span class="font-bold block mb-2">No Delay</span>
-                <p-scroller [items]="items" [itemSize]="50" styleClass="border-1 surface-border" [style]="{ width: '200px', height: '200px' }">
-                    <ng-template pTemplate="item" let-item let-options="options">
-                        <div class="flex items-center p-2" [ngClass]="{ 'surface-ground': options.odd }" style="height: 50px;">{{ item }}</div>
-                    </ng-template>
-                </p-scroller>
-            </div>
-            <div>
-                <span class="font-bold block mb-2">150ms</span>
-                <p-scroller [items]="items" [itemSize]="50" [delay]="150" styleClass="border-1 surface-border" [style]="{ width: '200px', height: '200px' }">
-                    <ng-template pTemplate="item" let-item let-options="options">
-                        <div class="flex items-center p-2" [ngClass]="{ 'surface-ground': options.odd }" style="height: 50px;">{{ item }}</div>
-                    </ng-template>
-                </p-scroller>
-            </div>
-            <div>
-                <span class="font-bold block mb-2">500ms</span>
-                <p-scroller [items]="items" [itemSize]="50" [delay]="500" styleClass="border-1 surface-border" [style]="{ width: '200px', height: '200px' }">
-                    <ng-template pTemplate="item" let-item let-options="options">
-                        <div class="flex items-center p-2" [ngClass]="{ 'surface-ground': options.odd }" style="height: 50px;">{{ item }}</div>
-                    </ng-template>
-                </p-scroller>
-            </div>
-        </div>
-        <app-code [code]="code" selector="scroller-delay-demo"></app-code>
-    `
-})
-export class DelayDoc {
-    items!: string[];
-
-    ngOnInit() {
-        this.items = Array.from({ length: 1000 }).map((_, i) => `Item #${i}`);
-    }
-
-    code: Code = {
-        basic: `<p-scroller 
-    [items]="items" 
-    [itemSize]="50" 
-    styleClass="border-1 surface-border" 
-    [style]="{'width': '200px', 'height': '200px'}">
-        <ng-template pTemplate="item" let-item let-options="options">
-            <div 
-                class="flex items-center p-2" 
-                [ngClass]="{ 'surface-ground': options.odd }" 
-                style="height: 50px;">
-                    {{ item }}
-            </div>
-        </ng-template>
-</p-scroller>
-
-<p-scroller 
-    [items]="items" 
-    [itemSize]="50" 
-    [delay]="150"
-    styleClass="border-1 surface-border" 
-    [style]="{'width': '200px', 'height': '200px'}">
-        <ng-template pTemplate="item" let-item let-options="options">
-            <div 
-                class="flex items-center p-2" 
-                [ngClass]="{ 'surface-ground': options.odd }" 
-                style="height: 50px;">
-                    {{ item }}
-            </div>
-        </ng-template>
-</p-scroller>
-
-<p-scroller 
-    [items]="items" 
-    [itemSize]="50" 
-    [delay]="500" 
-    styleClass="border-1 surface-border" 
-    [style]="{'width': '200px', 'height': '200px'}">
-        <ng-template pTemplate="item" let-item let-options="options">
-            <div 
-                class="flex items-center p-2" 
-                [ngClass]="{ 'surface-ground': options.odd }" 
-                style="height: 50px;">
-                    {{ item }}
-            </div>
-        </ng-template>
-</p-scroller>`,
-
-        html: `<div class="card flex flex-wrap justify-center gap-3">
-    <div>
-        <span class="font-bold block mb-2">No Delay</span>
-        <p-scroller 
-            [items]="items" 
-            [itemSize]="50" 
-            styleClass="border-1 surface-border" 
-            [style]="{'width': '200px', 'height': '200px'}">
-                <ng-template pTemplate="item" let-item let-options="options">
-                    <div 
-                        class="flex items-center p-2" 
-                        [ngClass]="{ 'surface-ground': options.odd }" 
-                        style="height: 50px;">
-                            {{ item }}
-                    </div>
-                </ng-template>
-        </p-scroller>
-    </div>
-    <div>
-        <span class="font-bold block mb-2">150ms</span>
-        <p-scroller 
-            [items]="items" 
-            [itemSize]="50" 
-            [delay]="150" 
-            styleClass="border-1 surface-border" 
-            [style]="{'width': '200px', 'height': '200px'}">
-                <ng-template pTemplate="item" let-item let-options="options">
-                    <div 
-                        class="flex items-center p-2" 
-                        [ngClass]="{ 'surface-ground': options.odd }" 
-                        style="height: 50px;">
-                            {{ item }}
-                    </div>
-                </ng-template>
-        </p-scroller>
-    </div>
-    <div>
-        <span class="font-bold block mb-2">500ms</span>
-        <p-scroller 
-            [items]="items" 
-            [itemSize]="50" 
-            [delay]="500" 
-            styleClass="border-1 surface-border" 
-            [style]="{'width': '200px', 'height': '200px'}">
-                <ng-template pTemplate="item" let-item let-options="options">
-                    <div 
-                        class="flex items-center p-2" 
-                        [ngClass]="{ 'surface-ground': options.odd }" 
-                        style="height: 50px;">
-                            {{ item }}
-                    </div>
-                </ng-template>
-        </p-scroller>
-    </div>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ScrollerModule } from 'primeng/scroller';
-
-@Component({
-    selector: 'scroller-delay-demo',
-    templateUrl: './scroller-delay-demo.html',
-    styles: [
-        \`:host ::ng-deep {
-            .p-scroller-viewport {
-                flex: none;
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [ScrollerModule]
-})
-export class ScrollerDelayDemo implements OnInit {
-    items!: string[];
-
-    ngOnInit() {
-        this.items = Array.from({ length: 1000 }).map((_, i) => \`Item #\${i}\`);
-    }
-}`,
-        scss: `
-:host ::ng-deep {
-    .p-scroller-viewport {
-        flex: none;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/scroller/griddoc.ts b/src/app/showcase/doc/scroller/griddoc.ts
deleted file mode 100644
index bfd5caf..0000000
--- a/src/app/showcase/doc/scroller/griddoc.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'grid-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Scrolling can be enabled vertically and horizontally when <i>orientation</i> is set as <i>both</i>. In this mode, <i>itemSize</i> should be an array where first value is the height of an item and second is the width.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-scroller [items]="items" [itemSize]="[50, 100]" orientation="both" styleClass="border-1 surface-border" [style]="{ width: '200px', height: '200px' }">
-                <ng-template pTemplate="item" let-item let-options="options">
-                    <div class="flex items-center p-2" [ngClass]="{ 'surface-ground': options.odd }" style="height: 50px;">
-                        <div *ngFor="let el of item" style="width: 100px">{{ el }}</div>
-                    </div>
-                </ng-template>
-            </p-scroller>
-        </div>
-        <app-code [code]="code" selector="scroller-grid-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class GridDoc implements OnInit {
-    items!: string[][];
-
-    constructor(private cd: ChangeDetectorRef) {}
-
-    ngOnInit() {
-        this.items = Array.from({ length: 1000 }).map((_, i) => Array.from({ length: 1000 }).map((_j, j) => `Item #${i}_${j}`));
-        this.cd.markForCheck();
-    }
-
-    code: Code = {
-        basic: `<p-scroller 
-    [items]="items" 
-    [itemSize]="[50, 100]" 
-    orientation="both" 
-    styleClass="border-1 surface-border" 
-    [style]="{'width': '200px', 'height': '200px'}">
-        <ng-template pTemplate="item" let-item let-options="options">
-            <div 
-                class="flex items-center p-2" 
-                [ngClass]="{ 'surface-ground' : options.odd }" 
-                style="height: 50px;">
-                <div *ngFor="let el of item" style="width: 100px">
-                    {{ el }}
-                </div>
-            </div>
-        </ng-template>
-</p-scroller>`,
-
-        html: `<div class="card flex justify-center">
-    <p-scroller 
-        [items]="items" 
-        [itemSize]="[50, 100]"
-        orientation="both" 
-        styleClass="border-1 surface-border" 
-        [style]="{'width': '200px', 'height': '200px'}">
-            <ng-template pTemplate="item" let-item let-options="options">
-                <div 
-                    class="flex items-center p-2" 
-                    [ngClass]="{ 'surface-ground' : options.odd }" 
-                    style="height: 50px;">
-                    <div *ngFor="let el of item" style="width: 100px">
-                        {{ el }}
-                    </div>
-                </div>
-            </ng-template>
-    </p-scroller>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ScrollerModule } from 'primeng/scroller';
-
-@Component({
-    selector: 'scroller-grid-demo',
-    templateUrl: './scroller-grid-demo.html',
-    styles: [
-        \`:host ::ng-deep {
-            .p-scroller-viewport {
-                flex: none;
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [ScrollerModule]
-})
-export class ScrollerGridDemo implements OnInit {
-    items!: string[][];
-
-    ngOnInit() {
-        this.items = Array.from({ length: 1000 }).map((_, i) => Array.from({ length: 1000 }).map((_j, j) => \`Item #\${i}_\${j}\`));
-    }
-}`,
-        scss: `
-:host ::ng-deep {
-    .p-scroller-viewport {
-        flex: none;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/scroller/horizontaldoc.ts b/src/app/showcase/doc/scroller/horizontaldoc.ts
deleted file mode 100644
index 1e59d82..0000000
--- a/src/app/showcase/doc/scroller/horizontaldoc.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'horizontal-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Setting <i>orientation</i> to <i>horizontal</i> enables scrolling horizontally. In this case, the <i>itemSize</i> should refer to the width of an item.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-scroller [items]="items" [itemSize]="50" scrollHeight="200px" orientation="horizontal" styleClass="border-1 surface-border" [style]="{ width: '200px', height: '200px' }">
-                <ng-template pTemplate="item" let-item let-options="options">
-                    <div class="flex items-center p-2" style="writing-mode: vertical-lr; width: 50px;" [ngClass]="{ 'surface-ground': options.odd }">{{ item }}</div>
-                </ng-template>
-            </p-scroller>
-        </div>
-        <app-code [code]="code" selector="scroller-horizontal-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class HorizontalDoc {
-    items!: string[];
-
-    ngOnInit() {
-        this.items = Array.from({ length: 1000 }).map((_, i) => `Item #${i}`);
-    }
-
-    code: Code = {
-        basic: `<p-scroller 
-    [items]="items" 
-    [itemSize]="50" 
-    scrollHeight="200px" 
-    orientation="horizontal" 
-    styleClass="border-1 surface-border" 
-    [style]="{'width': '200px', 'height': '200px'}">
-        <ng-template pTemplate="item" let-item let-options="options">
-            <div 
-                class="flex items-center p-2"
-                style="writing-mode: vertical-lr; width: 50px;" 
-                [ngClass]="{ 'surface-ground': options.odd }">
-                    {{ item }}
-            </div>
-        </ng-template>
-</p-scroller>`,
-
-        html: `<div class="card flex justify-center">
-    <p-scroller 
-        [items]="items" 
-        [itemSize]="50" 
-        scrollHeight="200px" 
-        orientation="horizontal" 
-        styleClass="border-1 surface-border" 
-        [style]="{'width': '200px', 'height': '200px'}">
-            <ng-template pTemplate="item" let-item let-options="options">
-                <div 
-                    class="flex items-center p-2"
-                    style="writing-mode: vertical-lr; width: 50px;" 
-                    [ngClass]="{ 'surface-ground': options.odd }">
-                        {{ item }}
-                </div>
-            </ng-template>
-    </p-scroller>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ScrollerModule } from 'primeng/scroller';
-
-@Component({
-    selector: 'scroller-horizontal-demo',
-    templateUrl: './scroller-horizontal-demo.html',
-    styles: [
-        \`:host ::ng-deep {
-            .p-scroller-viewport {
-                flex: none;
-            }
-        
-            .p-horizontal-scroll {
-                .p-scroller-content {
-                    display: flex;
-                    flex-direction: row;
-                }
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [ScrollerModule]
-})
-export class ScrollerHorizontalDemo implements OnInit {
-    items!: string[];
-
-    ngOnInit() {
-        this.items = Array.from({ length: 1000 }).map((_, i) => \`Item #\${i}\`);
-    }
-}`,
-        scss: `
-:host ::ng-deep {    
-    .p-scroller-viewport {
-        flex: none;
-    }
-
-    .p-horizontal-scroll {
-        .p-scroller-content {
-            display: flex;
-            flex-direction: row;
-        }
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/scroller/importdoc.ts b/src/app/showcase/doc/scroller/importdoc.ts
deleted file mode 100644
index b7c62e2..0000000
--- a/src/app/showcase/doc/scroller/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ScrollerModule } from 'primeng/scroller';`
-    };
-}
diff --git a/src/app/showcase/doc/scroller/lazyloaddoc.ts b/src/app/showcase/doc/scroller/lazyloaddoc.ts
deleted file mode 100644
index 52578fd..0000000
--- a/src/app/showcase/doc/scroller/lazyloaddoc.ts
+++ /dev/null
@@ -1,170 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface LazyEvent {
-    first: number;
-    last: number;
-}
-@Component({
-    selector: 'lazy-load-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Lazy mode is handy to deal with large datasets where instead of loading the entire data, small chunks of data are loaded on demand by invoking onLazyLoad callback everytime scrolling requires a new chunk. To implement lazy loading,
-                enable <i>lazy</i> attribute, initialize your data as a placeholder with a length and finally implement a method callback using <i>onLazyLoad</i> that actually loads a chunk from a datasource. onLazyLoad gets an event object that
-                contains information about the chunk of data to load such as the index and number of items to load. Notice that a new template called loadingItem is also required to display as a placeholder while the new items are being loaded.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-scroller [items]="items" [itemSize]="50" [showLoader]="true" [delay]="250" [loading]="lazyLoading" [lazy]="true" (onLazyLoad)="onLazyLoad($event)" styleClass="border-1 surface-border" [style]="{ width: '200px', height: '200px' }">
-                <ng-template pTemplate="item" let-item let-options="options">
-                    <div class="flex items-center p-2" [ngClass]="{ 'surface-ground': options.odd }" style="height: 50px;">{{ item }}</div>
-                </ng-template>
-            </p-scroller>
-        </div>
-        <app-code [code]="code" selector="scroller-lazy-load-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class LazyLoadDoc {
-    items!: string[];
-
-    lazyLoading: boolean = true;
-
-    loadLazyTimeout: any;
-
-    constructor(private cd: ChangeDetectorRef) {}
-
-    ngOnInit() {
-        this.items = Array.from({ length: 1000 });
-    }
-
-    onLazyLoad(event: LazyEvent) {
-        this.lazyLoading = true;
-
-        if (this.loadLazyTimeout) {
-            clearTimeout(this.loadLazyTimeout);
-        }
-
-        //imitate delay of a backend call
-        this.loadLazyTimeout = setTimeout(
-            () => {
-                const { first, last } = event;
-                const lazyItems = [...this.items];
-
-                for (let i = first; i < last; i++) {
-                    lazyItems[i] = `Item #${i}`;
-                }
-
-                this.items = lazyItems;
-                this.lazyLoading = false;
-                this.cd.markForCheck();
-            },
-            Math.random() * 1000 + 250
-        );
-    }
-
-    code: Code = {
-        basic: `<p-scroller 
-    [items]="items" 
-    [itemSize]="50" 
-    [showLoader]="true" 
-    [delay]="250" 
-    [loading]="lazyLoading" 
-    [lazy]="true" 
-    (onLazyLoad)="onLazyLoad($event)" 
-    styleClass="border-1 surface-border" 
-    [style]="{'width': '200px', 'height': '200px'}">
-        <ng-template pTemplate="item" let-item let-options="options">
-            <div 
-                class="flex items-center p-2" 
-                [ngClass]="{ 'surface-ground': options.odd }" 
-                style="height: 50px;">
-                    {{ item }}
-            </div>
-        </ng-template>
-</p-scroller>`,
-
-        html: `<div class="card flex justify-center">
-    <p-scroller 
-        [items]="items" 
-        [itemSize]="50" 
-        [showLoader]="true" 
-        [delay]="250" 
-        [loading]="lazyLoading" 
-        [lazy]="true" 
-        (onLazyLoad)="onLazyLoad($event)" 
-        styleClass="border-1 surface-border" 
-        [style]="{'width': '200px', 'height': '200px'}">
-            <ng-template pTemplate="item" let-item let-options="options">
-                <div 
-                    class="flex items-center p-2" 
-                    [ngClass]="{ 'surface-ground': options.odd }" 
-                    style="height: 50px;">
-                        {{ item }}
-                </div>
-            </ng-template>
-    </p-scroller>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ScrollerModule } from 'primeng/scroller';
-
-interface LazyEvent {
-    first: number;
-    last: number;
-}
-
-@Component({
-    selector: 'scroller-lazy-load-demo',
-    templateUrl: './scroller-lazy-load-demo.html',
-    styles: [
-        \`:host ::ng-deep {
-            .p-scroller-viewport {
-                flex: none;
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [ScrollerModule]
-})
-export class ScrollerLazyLoadDemo implements OnInit {
-    items!: string[];
-
-    lazyLoading: boolean = true;
-
-    loadLazyTimeout: any;
-
-    ngOnInit() {
-        this.items = Array.from({ length: 1000 });
-    }
-
-    onLazyLoad(event: LazyEvent) {
-        this.lazyLoading = true;
-
-        if (this.loadLazyTimeout) {
-            clearTimeout(this.loadLazyTimeout);
-        }
-
-        //imitate delay of a backend call
-        this.loadLazyTimeout = setTimeout(() => {
-            const { first, last } = event;
-            const lazyItems = [...this.items];
-
-            for (let i = first; i < last; i++) {
-                lazyItems[i] = \`Item #\${i}\`;
-            }
-
-            this.items = lazyItems;
-            this.lazyLoading = false;
-        }, Math.random() * 1000 + 250);
-    }
-}`,
-        scss: `
-:host ::ng-deep {
-    .p-scroller-viewport {
-        flex: none;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/scroller/loaderdoc.ts b/src/app/showcase/doc/scroller/loaderdoc.ts
deleted file mode 100644
index 28784c5..0000000
--- a/src/app/showcase/doc/scroller/loaderdoc.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'loader-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Busy state is enabled by adding <i>showLoader</i> property which blocks the UI with a modal by default. Alternatively, <i>loader</i> template can be used to customize items e.g. with <a href="/skeleton" class="">Skeleton</a>.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap justify-center gap-3">
-            <div>
-                <p-scroller [items]="items" [itemSize]="50" [showLoader]="true" [delay]="250" styleClass="border-1 surface-border" [style]="{ width: '200px', height: '200px' }">
-                    <ng-template pTemplate="item" let-item let-options="options">
-                        <div class="flex items-center p-2" [ngClass]="{ 'surface-ground': options.odd }" style="height: 50px;">{{ item }}</div>
-                    </ng-template>
-                </p-scroller>
-            </div>
-            <div>
-                <p-scroller [items]="items" [itemSize]="50" [showLoader]="true" [delay]="250" styleClass="border-1 surface-border" [style]="{ width: '200px', height: '200px' }">
-                    <ng-template pTemplate="item" let-item let-options="options">
-                        <div class="flex items-center p-2" [ngClass]="{ 'surface-ground': options.odd }" style="height: 50px;">{{ item }}</div>
-                    </ng-template>
-                    <ng-template pTemplate="loader" let-options="options">
-                        <div class="flex items-center p-2" [ngClass]="{ 'surface-ground': options.odd }" style="height: 50px;">
-                            <p-skeleton [width]="options.even ? '60%' : '50%'" height="1.3rem"></p-skeleton>
-                        </div>
-                    </ng-template>
-                </p-scroller>
-            </div>
-        </div>
-        <app-code [code]="code" selector="scroller-loader-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class LoaderDoc {
-    items!: string[];
-
-    ngOnInit() {
-        this.items = Array.from({ length: 1000 }).map((_, i) => `Item #${i}`);
-    }
-
-    code: Code = {
-        basic: `<p-scroller 
-    [items]="items" 
-    [itemSize]="50" 
-    [showLoader]="true" 
-    [delay]="250" 
-    styleClass="border-1 surface-border" 
-    [style]="{'width': '200px', 'height': '200px'}">
-        <ng-template pTemplate="item" let-item let-options="options">
-            <div 
-                class="flex items-center p-2" 
-                [ngClass]="{ 'surface-ground' : options.odd }" 
-                style="height: 50px;">
-                    {{ item }}
-            </div>
-        </ng-template>
-</p-scroller>`,
-
-        html: `<div class="card flex justify-center">
-    <p-scroller 
-        [items]="items" 
-        [itemSize]="50" 
-        [showLoader]="true" 
-        [delay]="250" 
-        styleClass="border-1 surface-border" 
-        [style]="{'width': '200px', 'height': '200px'}">
-            <ng-template pTemplate="item" let-item let-options="options">
-                <div 
-                    class="flex items-center p-2" 
-                    [ngClass]="{ 'surface-ground' : options.odd }" 
-                    style="height: 50px;">
-                        {{ item }}
-                </div>
-            </ng-template>
-    </p-scroller>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ScrollerModule } from 'primeng/scroller';
-
-@Component({
-    selector: 'scroller-loader-demo',
-    templateUrl: './scroller-loader-demo.html',
-    styles: [
-        \`:host ::ng-deep {
-            .p-scroller-viewport {
-                flex: none;
-            }
-        
-            p-skeleton {
-                width: 100%;
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [ScrollerModule]
-})
-export class ScrollerLoaderDemo implements OnInit {
-    items!: string[];
-
-    ngOnInit() {
-        this.items = Array.from({ length: 1000 }).map((_, i) => \`Item #\${i}\`);
-    }
-}`,
-        scss: `
-:host ::ng-deep {
-    .p-scroller-viewport {
-        flex: none;
-    }
-
-    p-skeleton {
-        width: 100%;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/scroller/programmaticdoc.ts b/src/app/showcase/doc/scroller/programmaticdoc.ts
deleted file mode 100644
index a5399c2..0000000
--- a/src/app/showcase/doc/scroller/programmaticdoc.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { Scroller } from 'primeng/scroller';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'programmatic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Scrolling to a specific index can be done with the <i>scrollToIndex</i> function.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col items-center gap-3">
-            <p-button label="Reset" (onClick)="reset()" />
-            <p-scroller #sc [items]="items" [itemSize]="50" scrollHeight="200px" styleClass="border-1 surface-border" [style]="{ width: '200px', height: '200px' }">
-                <ng-template pTemplate="item" let-item let-options="options">
-                    <div class="flex items-center p-2" [ngClass]="{ 'surface-ground': options.odd }" style="height: 50px;">{{ item }}</div>
-                </ng-template>
-            </p-scroller>
-        </div>
-        <app-code [code]="code" selector="scroller-programmatic-demo"></app-code>
-    `
-})
-export class ProgrammaticDoc implements OnInit {
-    @ViewChild('sc') sc!: Scroller;
-
-    items: string[] = [];
-
-    ngOnInit(): void {
-        this.items = Array.from({ length: 1000 }).map((_, i) => `Item #${i}`);
-    }
-
-    reset() {
-        this.sc.scrollToIndex(0, 'smooth');
-    }
-
-    code: Code = {
-        basic: `<p-button label="Reset" (onClick)="reset()" />
-<p-scroller 
-    #sc [items]="items" 
-    [itemSize]="50" 
-    scrollHeight="200px" 
-    styleClass="border-1 surface-border" 
-    [style]="{'width': '200px', 'height': '200px'}">
-        <ng-template pTemplate="item" let-item let-options="options">
-            <div 
-                class="flex items-center p-2" 
-                [ngClass]="{ 'surface-ground': options.odd }" 
-                style="height: 50px;">
-                    {{ item }}
-            </div>
-        </ng-template>
-</p-scroller>`,
-
-        html: `<div class="card flex flex-col items-center gap-3">
-    <p-button label="Reset" (onClick)="reset()" />
-    <p-scroller 
-        #sc 
-        [items]="items" 
-        [itemSize]="50" 
-        scrollHeight="200px" 
-        styleClass="border-1 surface-border" 
-        [style]="{'width': '200px', 'height': '200px'}">
-            <ng-template pTemplate="item" let-item let-options="options">
-                <div 
-                class="flex items-center p-2" 
-                [ngClass]="{ 'surface-ground': options.odd }" 
-                style="height: 50px;">
-                    {{ item }}
-                </div>
-            </ng-template>
-    </p-scroller>
-</div>`,
-
-        typescript: `import { Component, OnInit, ViewChild } from '@angular/core';
-import { Scroller } from 'primeng/scroller';
-import { ScrollerModule } from 'primeng/scroller';
-
-@Component({
-    selector: 'scroller-programmatic-demo',
-    templateUrl: './scroller-programmatic-demo.html',
-    standalone: true,
-    imports: [ScrollerModule]
-})
-export class ScrollerProgrammaticDemo implements OnInit {
-    @ViewChild('sc') sc!: Scroller;
-
-    items: string[] = [];
-
-    ngOnInit(): void {
-        this.items = Array.from({ length: 1000 }).map((_, i) => \`Item #\${i}\`);
-    }
-
-    reset() {
-        this.sc.scrollToIndex(0, 'smooth');
-    } 
-}`
-    };
-}
diff --git a/src/app/showcase/doc/scroller/scrollerdoc.module.ts b/src/app/showcase/doc/scroller/scrollerdoc.module.ts
deleted file mode 100644
index 7d04485..0000000
--- a/src/app/showcase/doc/scroller/scrollerdoc.module.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ScrollerModule } from 'primeng/scroller';
-import { SkeletonModule } from 'primeng/skeleton';
-import { SpinnerModule } from 'primeng/spinner';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BasicDoc } from './basicdoc';
-import { DelayDoc } from './delaydoc';
-import { HorizontalDoc } from './horizontaldoc';
-import { GridDoc } from './griddoc';
-import { ImportDoc } from './importdoc';
-import { LazyLoadDoc } from './lazyloaddoc';
-import { LoaderDoc } from './loaderdoc';
-import { ScrollOptionsDoc } from './scrolloptionsdoc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-import { ButtonModule } from 'primeng/button';
-import { ProgrammaticDoc } from './programmaticdoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, ScrollerModule, SkeletonModule, SpinnerModule, ButtonModule],
-    declarations: [BasicDoc, DelayDoc, ImportDoc, HorizontalDoc, GridDoc, LazyLoadDoc, LoaderDoc, ScrollOptionsDoc, StyleDoc, TemplateDoc, ProgrammaticDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class ScrollerDocModule {}
diff --git a/src/app/showcase/doc/scroller/scrolloptionsdoc.ts b/src/app/showcase/doc/scroller/scrolloptionsdoc.ts
deleted file mode 100644
index 5bcd80e..0000000
--- a/src/app/showcase/doc/scroller/scrolloptionsdoc.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'options-doc',
-    template: `
-        <app-docsectiontext>
-            <p>The properties of scroller component can be used like an object in it.</p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class ScrollOptionsDoc {
-    code: Code = {
-        html: `
-<ng-template pTemplate="item" let-item let-scrollOptions="options">
-    // item: Current item.
-    // scrollOptions.index: Index of the item.
-    // scrollOptions.count: Total numbers of items.
-    // scrollOptions.first: Whether this is the first item.
-    // scrollOptions.last: Whether this is the last item.
-    // scrollOptions.even: Whether the index is even.
-    // scrollOptions.odd: Whether the index is odd.
-</ng-template>
-<ng-template pTemplate="loader" let-scrollOptions="options">
-    // scrollOptions.index: Index of the item.
-    // scrollOptions.count: Total numbers of items.
-    // scrollOptions.first: Whether this is the first item.
-    // scrollOptions.last: Whether this is the last item.
-    // scrollOptions.even: Whether the index is even.
-    // scrollOptions.odd: Whether the index is odd.
-    // scrollOptions.numCols: Total number of columns in a row in 'both' orientation mode in view.
-</ng-template>
-<ng-template pTemplate="loadericon" let-scrollOptions="options">
-    // scrollOptions.styleClass: Style class of the default icon.
-</ng-template>`
-    };
-}
diff --git a/src/app/showcase/doc/scroller/styledoc.ts b/src/app/showcase/doc/scroller/styledoc.ts
deleted file mode 100644
index 3f55b46..0000000
--- a/src/app/showcase/doc/scroller/styledoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-scroller</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-scroller-content</td>
-                        <td>Content element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-scroller-loader</td>
-                        <td>Loader element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/scroller/templatedoc.ts b/src/app/showcase/doc/scroller/templatedoc.ts
deleted file mode 100644
index a30c201..0000000
--- a/src/app/showcase/doc/scroller/templatedoc.ts
+++ /dev/null
@@ -1,208 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Scroller content is customizable by using <i>ng-template</i>. Valid values are <i>content</i>, <i>item</i>, <i>loader</i> and <i>loadericon</i></p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-scroller [items]="items" [itemSize]="25 * 7" [showLoader]="true" [delay]="250" styleClass="border-1 surface-border" [style]="{ width: '200px', height: '200px' }">
-                <ng-template pTemplate="item" let-item let-options="options">
-                    <div class="flex flex-col align-items-strech" [ngClass]="{ 'surface-ground': options.odd }">
-                        <div class="flex items-center px-2" style="height: 25px">Item: {{ item }}</div>
-                        <div class="flex items-center px-2" style="height: 25px">Index: {{ options.index }}</div>
-                        <div class="flex items-center px-2" style="height: 25px">Count: {{ options.count }}</div>
-                        <div class="flex items-center px-2" style="height: 25px">First: {{ options.first }}</div>
-                        <div class="flex items-center px-2" style="height: 25px">Last: {{ options.last }}</div>
-                        <div class="flex items-center px-2" style="height: 25px">Even: {{ options.even }}</div>
-                        <div class="flex items-center px-2" style="height: 25px">Odd: {{ options.odd }}</div>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="loader" let-options="options">
-                    <div class="flex flex-col align-items-stretch" [ngClass]="{ 'surface-ground': options.odd }">
-                        <div class="flex items-center px-2" style="height: 25px"><p-skeleton width="60%" height="1.2rem"></p-skeleton></div>
-                        <div class="flex items-center px-2" style="height: 25px"><p-skeleton width="50%" height="1.2rem"></p-skeleton></div>
-                        <div class="flex items-center px-2" style="height: 25px"><p-skeleton width="60%" height="1.2rem"></p-skeleton></div>
-                        <div class="flex items-center px-2" style="height: 25px"><p-skeleton width="50%" height="1.2rem"></p-skeleton></div>
-                        <div class="flex items-center px-2" style="height: 25px"><p-skeleton width="60%" height="1.2rem"></p-skeleton></div>
-                        <div class="flex items-center px-2" style="height: 25px"><p-skeleton width="50%" height="1.2rem"></p-skeleton></div>
-                        <div class="flex items-center px-2" style="height: 25px"><p-skeleton width="60%" height="1.2rem"></p-skeleton></div>
-                    </div>
-                </ng-template>
-            </p-scroller>
-        </div>
-        <app-code [code]="code" selector="scroller-template-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class TemplateDoc {
-    items!: string[];
-
-    ngOnInit() {
-        this.items = Array.from({ length: 1000 }).map((_, i) => `Item #${i}`);
-    }
-
-    code: Code = {
-        basic: `<p-scroller 
-    class="custom-loading" 
-    [items]="items" 
-    [itemSize]="25 * 7" 
-    [showLoader]="true" 
-    [delay]="250" 
-    styleClass="border-1 surface-border" 
-    [style]="{'width': '200px', 'height': '200px'}">
-        <ng-template pTemplate="item" let-item let-options="options">
-            <div class="flex flex-col align-items-strech" [ngClass]="{'surface-ground': options.odd}">
-                <div class="flex items-center px-2" style="height: 25px">
-                    Item: {{item}}
-                </div>
-                <div class="flex items-center px-2" style="height: 25px">
-                    Index: {{options.index}}
-                </div>
-                <div class="flex items-center px-2" style="height: 25px">
-                    Count: {{options.count}}
-                </div>
-                <div class="flex items-center px-2" style="height: 25px">
-                    First: {{options.first}}
-                </div>
-                <div class="flex items-center px-2" style="height: 25px">
-                    Last: {{options.last}}
-                </div>
-                <div class="flex items-center px-2" style="height: 25px">
-                    Even: {{options.even}}
-                </div>
-                <div class="flex items-center px-2" style="height: 25px">
-                    Odd: {{options.odd}}
-                </div>
-            </div>
-        </ng-template>
-        <ng-template pTemplate="loader" let-options="options">
-            <div class="flex flex-col align-items-strech" [ngClass]="{'surface-ground': options.odd}">
-                <div class="flex items-center px-2" style="height: 25px">
-                    <p-skeleton width="60%" height="1.2rem" />
-                </div>
-                <div class="flex items-center px-2" style="height: 25px">
-                    <p-skeleton width="50%" height="1.2rem" />
-                </div>
-                <div class="flex items-center px-2" style="height: 25px">
-                    <p-skeleton width="60%" height="1.2rem" />
-                </div>
-                <div class="flex items-center px-2" style="height: 25px">
-                    <p-skeleton width="50%" height="1.2rem" />
-                </div>
-                <div class="flex items-center px-2" style="height: 25px">
-                    <p-skeleton width="60%" height="1.2rem" />
-                </div>
-                <div class="flex items-center px-2" style="height: 25px">
-                    <p-skeleton width="50%" height="1.2rem" />
-                </div>
-                <div class="flex items-center px-2" style="height: 25px">
-                    <p-skeleton width="60%" height="1.2rem" />
-                </div>
-            </div>
-        </ng-template>
-</p-scroller>`,
-        html: `<div class="card flex justify-center">
-    <p-scroller 
-        class="custom-loading" 
-        [items]="items"
-        [itemSize]="25 * 7" 
-        [showLoader]="true" 
-        [delay]="250" 
-        styleClass="border-1 surface-border" 
-        [style]="{'width': '200px', 'height': '200px'}">
-            <ng-template pTemplate="item" let-item let-options="options">
-                <div class="flex flex-col align-items-strech" [ngClass]="{'surface-ground': options.odd}">
-                    <div class="flex items-center px-2" style="height: 25px">
-                        Item: {{item}}
-                    </div>
-                    <div class="flex items-center px-2" style="height: 25px">
-                        Index: {{options.index}}
-                    </div>
-                    <div class="flex items-center px-2" style="height: 25px">
-                        Count: {{options.count}}
-                    </div>
-                    <div class="flex items-center px-2" style="height: 25px">
-                        First: {{options.first}}
-                    </div>
-                    <div class="flex items-center px-2" style="height: 25px">
-                        Last: {{options.last}}
-                    </div>
-                    <div class="flex items-center px-2" style="height: 25px">
-                        Even: {{options.even}}
-                    </div>
-                    <div class="flex items-center px-2" style="height: 25px">
-                        Odd: {{options.odd}}
-                    </div>
-                </div>
-            </ng-template>
-            <ng-template pTemplate="loader" let-options="options">
-                <div class="flex flex-col align-items-strech" [ngClass]="{'surface-ground': options.odd}">
-                    <div class="flex items-center px-2" style="height: 25px">
-                        <p-skeleton width="60%" height="1.2rem" />
-                    </div>
-                    <div class="flex items-center px-2" style="height: 25px">
-                        <p-skeleton width="50%" height="1.2rem" /><
-                    /div>
-                    <div class="flex items-center px-2" style="height: 25px">
-                        <p-skeleton width="60%" height="1.2rem" />
-                    </div>
-                    <div class="flex items-center px-2" style="height: 25px">
-                        <p-skeleton width="50%" height="1.2rem" />
-                    </div>
-                    <div class="flex items-center px-2" style="height: 25px">
-                        <p-skeleton width="60%" height="1.2rem" />
-                    </div>
-                    <div class="flex items-center px-2" style="height: 25px">
-                        <p-skeleton width="50%" height="1.2rem" />
-                    </div>
-                    <div class="flex items-center px-2" style="height: 25px">
-                        <p-skeleton width="60%" height="1.2rem" />
-                    </div>
-                </div>
-            </ng-template>
-        </p-scroller>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ScrollerModule } from 'primeng/scroller';
-import { SkeletonModule } from 'primeng/skeleton';
-
-@Component({
-    selector: 'scroller-template-demo',
-    templateUrl: './scroller-template-demo.html',
-    styles: [
-        \`:host ::ng-deep {
-            .p-scroller-viewport {
-                flex: none;
-            }
-        
-            p-skeleton {
-                width: 100%;
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [ScrollerModule, SkeletonModule]
-})
-export class ScrollerTemplateDemo implements OnInit {
-    items!: string[];
-
-    ngOnInit() {
-        this.items = Array.from({ length: 1000 }).map((_, i) => \`Item #\${i}\`);
-    }
-}`,
-        scss: `
-:host ::ng-deep {
-    .p-scroller-viewport {
-        flex: none;
-    }
-
-    p-skeleton {
-        width: 100%;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/scrollpanel/accessibilitydoc.ts b/src/app/showcase/doc/scrollpanel/accessibilitydoc.ts
deleted file mode 100644
index a821508..0000000
--- a/src/app/showcase/doc/scrollpanel/accessibilitydoc.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Scrollbars of the ScrollPanel has a <i>scrollbar</i> role along with the <i>aria-controls</i> attribute that refers to the id of the scrollable content container and the <i>aria-orientation</i> to indicate the orientation of
-                scrolling.
-            </p>
-            <h3>Header Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>down arrow</i></td>
-                            <td>Scrolls content down when vertical scrolling is available.</td>
-                        </tr>
-                        <tr>
-                            <td><i>up arrow</i></td>
-                            <td>Scrolls content up when vertical scrolling is available.</td>
-                        </tr>
-                        <tr>
-                            <td><i>left</i></td>
-                            <td>Scrolls content left when horizontal scrolling is available.</td>
-                        </tr>
-                        <tr>
-                            <td><i>right</i></td>
-                            <td>Scrolls content right when horizontal scrolling is available.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/scrollpanel/basicdoc.ts b/src/app/showcase/doc/scrollpanel/basicdoc.ts
deleted file mode 100644
index f8ca838..0000000
--- a/src/app/showcase/doc/scrollpanel/basicdoc.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>ScrollPanel is defined using dimensions for the scrollable viewport.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-scrollPanel [style]="{ width: '100%', height: '150px' }">
-                <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                </p>
-                <p>
-                    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                    ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-                </p>
-                <p class="m-0">
-                    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
-                    officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-                </p>
-            </p-scrollPanel>
-        </div>
-        <app-code [code]="code" selector="scroll-panel-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-scrollPanel [style]="{ width: '100%', height: '150px' }">
-    <p>
-        Lorem ipsum dolor sit amet...
-    </p>
-    <p>
-        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-    </p>
-    <p class="m-0">
-        At vero eos et accusamus et iusto odio dignissimos...
-    </p>
-</p-scrollPanel>`,
-
-        html: `<div class="card">
-    <p-scrollPanel [style]="{ width: '100%', height: '150px' }">
-        <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-        <p>
-            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-            ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-        </p>
-        <p class="m-0">
-            At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
-            officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-        </p>
-    </p-scrollPanel>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ScrollPanelModule } from 'primeng/scrollpanel';
-
-@Component({
-    selector: 'scroll-panel-basic-demo',
-    templateUrl: './scroll-panel-basic-demo.html',
-    standalone: true,
-    imports: [ScrollPanelModule]
-})
-export class ScrollPanelBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/scrollpanel/customdoc.ts b/src/app/showcase/doc/scrollpanel/customdoc.ts
deleted file mode 100644
index eca56ce..0000000
--- a/src/app/showcase/doc/scrollpanel/customdoc.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'custom-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Scrollbar visuals can be styled for a unified look across different platforms.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex flex-col md:flex-row gap-5">
-                <div class="flex-auto">
-                    <p-scrollPanel [style]="{ width: '100%', height: '200px' }" styleClass="custombar1">
-                        <p>
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
-                            laborum.
-                        </p>
-                        <p>
-                            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo
-                            enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-                        </p>
-                        <p>
-                            At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in
-                            culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-                        </p>
-                    </p-scrollPanel>
-                </div>
-                <div class="flex-auto">
-                    <p-scrollPanel [style]="{ width: '100%', height: '200px' }" styleClass="custombar2">
-                        <p>
-                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
-                            laborum.
-                        </p>
-                        <p>
-                            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo
-                            enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-                        </p>
-                        <p>
-                            At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in
-                            culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-                        </p>
-                    </p-scrollPanel>
-                </div>
-            </div>
-        </div>
-        <app-code [code]="code" selector="scroll-panel-custom-demo"></app-code>
-    `
-})
-export class CusstomDoc {
-    code: Code = {
-        basic: `<p-scrollPanel [style]="{ width: '100%', height: '200px' }" styleClass="custombar1">
-    <p>
-        Lorem ipsum dolor sit amet...
-    </p>
-</p-scrollPanel>
-
-<p-scrollPanel [style]="{ width: '100%', height: '200px' }" styleClass="custombar2">
-    <p>
-        Lorem ipsum dolor sit amet...
-    </p>
-</p-scrollPanel>`,
-
-        html: `<div class="card">
-    <div class="flex flex-col md:flex-row gap-5">
-        <div class="flex-auto">
-            <p-scrollPanel [style]="{ width: '100%', height: '200px' }" styleClass="custombar1">
-                <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
-                    laborum.
-                </p>
-                <p>
-                    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo
-                    enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-                </p>
-                <p>
-                    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in
-                    culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-                </p>
-            </p-scrollPanel>
-        </div>
-        <div class="flex-auto">
-            <p-scrollPanel [style]="{ width: '100%', height: '200px' }" styleClass="custombar2">
-                <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
-                    laborum.
-                </p>
-                <p>
-                    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo
-                    enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-                </p>
-                <p>
-                    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in
-                    culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-                </p>
-            </p-scrollPanel>
-        </div>
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ScrollPanelModule } from 'primeng/scrollpanel';
-
-@Component({
-    selector: 'scroll-panel-custom-demo',
-    templateUrl: './scroll-panel-custom-demo.html',
-    standalone: true,
-    imports: [ScrollPanelModule]
-})
-export class ScrollPanelCustomDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/scrollpanel/importdoc.ts b/src/app/showcase/doc/scrollpanel/importdoc.ts
deleted file mode 100644
index 7f1c2ef..0000000
--- a/src/app/showcase/doc/scrollpanel/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ScrollPanelModule } from 'primeng/scrollpanel';`
-    };
-}
diff --git a/src/app/showcase/doc/scrollpanel/scrollpaneldoc.module.ts b/src/app/showcase/doc/scrollpanel/scrollpaneldoc.module.ts
deleted file mode 100644
index 7422538..0000000
--- a/src/app/showcase/doc/scrollpanel/scrollpaneldoc.module.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ScrollPanelModule } from 'primeng/scrollpanel';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { CusstomDoc } from './customdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, ScrollPanelModule, RouterModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, CusstomDoc, StyleDoc, AccessibilityDoc]
-})
-export class ScrollPanelDocModule {}
diff --git a/src/app/showcase/doc/scrollpanel/styledoc.ts b/src/app/showcase/doc/scrollpanel/styledoc.ts
deleted file mode 100644
index c030ffa..0000000
--- a/src/app/showcase/doc/scrollpanel/styledoc.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-scrollpanel</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-scrollpanel-wrapper</td>
-                        <td>Wrapper of content section.</td>
-                    </tr>
-                    <tr>
-                        <td>p-scrollpanel-content</td>
-                        <td>Content section.</td>
-                    </tr>
-                    <tr>
-                        <td>p-scrollpanel-bar</td>
-                        <td>Scrollbar handle.</td>
-                    </tr>
-                    <tr>
-                        <td>p-scrollpanel-bar-x</td>
-                        <td>Scrollbar handle of a horizontal bar.</td>
-                    </tr>
-                    <tr>
-                        <td>p-scrollpanel-bar-y</td>
-                        <td>Scrollbar handle of a vertical bar</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/scrolltop/accessibilitydoc.ts b/src/app/showcase/doc/scrolltop/accessibilitydoc.ts
deleted file mode 100644
index b0e12b4..0000000
--- a/src/app/showcase/doc/scrolltop/accessibilitydoc.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                ScrollTop uses a button element with an <i>aria-label</i> that refers to the <i>aria.scrollTop</i> property of the <a href="/configuration/#locale">locale</a> API by default, you may use your own aria roles and attributes as any valid
-                attribute is passed to the button element implicitly.
-            </p>
-        </app-docsectiontext>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>enter</i></td>
-                        <td>Scrolls to top.</td>
-                    </tr>
-                    <tr>
-                        <td><i>space</i></td>
-                        <td>Scrolls to top.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/scrolltop/basicdoc.ts b/src/app/showcase/doc/scrolltop/basicdoc.ts
deleted file mode 100644
index 4d5b4b5..0000000
--- a/src/app/showcase/doc/scrolltop/basicdoc.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>ScrollTop listens window scroll by default.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col items-center">
-            <p>Scroll down the page to display the ScrollTo component.</p>
-            <i class="pi pi-angle-down fadeout animation-duration-1000 animation-iteration-infinite" style="fontsize: 2rem; margin-bottom: 30rem"></i>
-            <p-scrollTop />
-        </div>
-        <app-code [code]="code" selector="scroll-top-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-scrollTop />`,
-        html: `<div class="card flex flex-col items-center">
-    <p>Scroll down the page to display the ScrollTo component.</p>
-    <i class="pi pi-angle-down fadeout animation-duration-1000 animation-iteration-infinite" style="fontsize: 2rem"></i>
-    <p-scrollTop />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { ScrollTopModule } from 'primeng/scrolltop';
-
-@Component({
-    selector: 'scroll-top-basic-demo',
-    templateUrl: './scroll-top-basic-demo.html',
-    standalone: true,
-    imports: [ScrollTopModule]
-})
-export class ScrollTopBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/scrolltop/elementdoc.ts b/src/app/showcase/doc/scrolltop/elementdoc.ts
deleted file mode 100644
index 59fa834..0000000
--- a/src/app/showcase/doc/scrolltop/elementdoc.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'element-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Setting the <i>target</i> property to <i>parent</i> binds ScrollTop to its parent element that has scrolling content.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <div style="width: 250px; height: 200px; overflow: auto">
-                <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vitae et leo duis ut diam. Ultricies mi quis hendrerit dolor magna eget est lorem. Amet consectetur
-                    adipiscing elit ut. Nam libero justo laoreet sit amet. Pharetra massa massa ultricies mi quis hendrerit dolor magna. Est ultricies integer quis auctor elit sed vulputate. Consequat ac felis donec et. Tellus orci ac auctor augue
-                    mauris. Semper feugiat nibh sed pulvinar proin gravida hendrerit lectus a. Tincidunt arcu non sodales neque sodales. Metus aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices. Sodales ut etiam sit amet nisl purus.
-                    Cursus sit amet dictum sit amet. Tristique senectus et netus et malesuada fames ac turpis egestas. Et tortor consequat id porta nibh venenatis cras sed. Diam maecenas ultricies mi eget mauris. Eget egestas purus viverra accumsan
-                    in nisl nisi. Suscipit adipiscing bibendum est ultricies integer. Mattis aliquam faucibus purus in massa tempor nec.
-                </p>
-                <p-scrollTop target="parent" styleClass="custom-scrolltop" [threshold]="100" icon="pi pi-arrow-up" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="scroll-top-element-demo"></app-code>
-    `
-})
-export class ElementDoc {
-    code: Code = {
-        basic: `<p-scrollTop 
-    target="parent" 
-    styleClass="custom-scrolltop" 
-    [threshold]="100" 
-    icon="pi pi-arrow-up" />`,
-        html: `<div class="card">
-    <div style="width: 250px; height: 200px; overflow: auto">
-        <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vitae et leo duis ut diam. Ultricies mi quis hendrerit dolor magna eget est lorem. Amet consectetur
-            adipiscing elit ut. Nam libero justo laoreet sit amet. Pharetra massa massa ultricies mi quis hendrerit dolor magna. Est ultricies integer quis auctor elit sed vulputate. Consequat ac felis donec et. Tellus orci ac auctor augue
-            mauris. Semper feugiat nibh sed pulvinar proin gravida hendrerit lectus a. Tincidunt arcu non sodales neque sodales. Metus aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices. Sodales ut etiam sit amet nisl purus.
-            Cursus sit amet dictum sit amet. Tristique senectus et netus et malesuada fames ac turpis egestas. Et tortor consequat id porta nibh venenatis cras sed. Diam maecenas ultricies mi eget mauris. Eget egestas purus viverra accumsan
-            in nisl nisi. Suscipit adipiscing bibendum est ultricies integer. Mattis aliquam faucibus purus in massa tempor nec.
-        </p>
-        <p-scrollTop target="parent" styleClass="custom-scrolltop" [threshold]="100" icon="pi pi-arrow-up" />
-    </div>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { ScrollTopModule } from 'primeng/scrolltop';
-
-@Component({
-    selector: 'scroll-top-element-demo',
-    templateUrl: './scroll-top-element-demo.html',
-    standalone: true,
-    imports: [ScrollTopModule]
-})
-export class ScrollTopElementDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/scrolltop/importdoc.ts b/src/app/showcase/doc/scrolltop/importdoc.ts
deleted file mode 100644
index 9787593..0000000
--- a/src/app/showcase/doc/scrolltop/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ScrollTopModule } from 'primeng/scrolltop';`
-    };
-}
diff --git a/src/app/showcase/doc/scrolltop/scrolltopdoc.module.ts b/src/app/showcase/doc/scrolltop/scrolltopdoc.module.ts
deleted file mode 100644
index ed774c8..0000000
--- a/src/app/showcase/doc/scrolltop/scrolltopdoc.module.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ScrollTopModule } from 'primeng/scrolltop';
-import { BasicDoc } from './basicdoc';
-import { ElementDoc } from './elementdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, ScrollTopModule],
-    declarations: [BasicDoc, ElementDoc, ImportDoc, StyleDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class ScrollTopDocModule {}
diff --git a/src/app/showcase/doc/scrolltop/styledoc.ts b/src/app/showcase/doc/scrolltop/styledoc.ts
deleted file mode 100644
index e5f6fdf..0000000
--- a/src/app/showcase/doc/scrolltop/styledoc.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-scrolltop</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-scrolltop-sticky</td>
-                        <td>Container element when attached to its parent.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/selectbutton/accessibilitydoc.ts b/src/app/showcase/doc/selectbutton/accessibilitydoc.ts
deleted file mode 100644
index 7a730d1..0000000
--- a/src/app/showcase/doc/selectbutton/accessibilitydoc.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                The container element that wraps the buttons has a <i>group</i> role whereas each button element uses <i>button</i> role and <i>aria-pressed</i> is updated depending on selection state. Value to describe an option is automatically set
-                using the <i>ariaLabel</i> property that refers to the label of an option so it is still suggested to define a label even the option display consists of presentational content like icons only.
-            </p>
-        </app-docsectiontext>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the buttons.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Toggles the checked state of a button.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/selectbutton/basicdoc.ts b/src/app/showcase/doc/selectbutton/basicdoc.ts
deleted file mode 100644
index 37bddae..0000000
--- a/src/app/showcase/doc/selectbutton/basicdoc.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>SelectButton requires a value to bind and a collection of options.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-selectButton [options]="stateOptions" [(ngModel)]="value" optionLabel="label" optionValue="value" />
-        </div>
-        <app-code [code]="code" selector="select-button-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    stateOptions: any[] = [
-        { label: 'One-Way', value: 'one-way' },
-        { label: 'Return', value: 'return' }
-    ];
-
-    value: string = 'one-way';
-
-    code: Code = {
-        basic: `<p-selectButton 
-    [options]="stateOptions" 
-    [(ngModel)]="value" 
-    optionLabel="label" 
-    optionValue="value" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-selectButton 
-        [options]="stateOptions" 
-        [(ngModel)]="value" 
-        optionLabel="label" 
-        optionValue="value" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { SelectButtonModule } from 'primeng/selectbutton';
-
-@Component({
-    selector: 'select-button-basic-demo',
-    templateUrl: './select-button-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, SelectButtonModule]
-})
-export class SelectButtonBasicDemo {
-    stateOptions: any[] = [{ label: 'One-Way', value: 'one-way' },{ label: 'Return', value: 'return' }];
-
-    value: string = 'off';
-}`
-    };
-}
diff --git a/src/app/showcase/doc/selectbutton/disableddoc.ts b/src/app/showcase/doc/selectbutton/disableddoc.ts
deleted file mode 100644
index ddc667f..0000000
--- a/src/app/showcase/doc/selectbutton/disableddoc.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused entirely. Certain options can also be disabled using the <i>optionDisabled</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center flex-wrap gap-3">
-            <p-selectButton [options]="stateOptions" [(ngModel)]="value1" optionLabel="label" optionValue="value" [disabled]="true" />
-            <p-selectButton [options]="stateOptions2" [(ngModel)]="value2" optionLabel="label" optionValue="value" optionDisabled="constant" />
-        </div>
-        <app-code [code]="code" selector="select-button-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    stateOptions: any[] = [
-        { label: 'Off', value: 'off' },
-        { label: 'On', value: 'on' }
-    ];
-
-    stateOptions2: any[] = [
-        { label: 'Option 1', value: 'Option 1' },
-        { label: 'Option 2', value: 'Option 2', constant: true }
-    ];
-
-    value1: string = 'off';
-
-    value2: string = 'Option 1';
-
-    code: Code = {
-        basic: `<p-selectButton 
-    [options]="stateOptions" 
-    [(ngModel)]="value1" 
-    optionLabel="label"
-    optionValue="value" 
-    [disabled]="true" />
-
-<p-selectButton 
-    [options]="stateOptions2" 
-    [(ngModel)]="value2" 
-    optionLabel="label" 
-    optionValue="value" 
-    optionDisabled="constant" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-selectButton 
-        [options]="stateOptions" 
-        [(ngModel)]="value1" 
-        optionLabel="label" 
-        optionValue="value" 
-        [disabled]="true" />
-    <p-selectButton 
-        [options]="stateOptions2" 
-        [(ngModel)]="value2"
-        optionLabel="label" 
-        optionValue="value" 
-        optionDisabled="constant" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { SelectButtonModule } from 'primeng/selectbutton';
-
-@Component({
-    selector: 'select-button-disabled-demo',
-    templateUrl: './select-button-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, SelectButtonModule]
-})
-export class SelectButtonDisabledDemo {
-    stateOptions: any[] = [
-        { label: 'Off', value: 'off' },
-        { label: 'On', value: 'on' }
-    ];
-
-    stateOptions2: any[] = [
-        { label: 'Option 1', value: 'Option 1' },
-        { label: 'Option 2', value: 'Option 2', constant: true }
-    ];
-
-    value1: string = 'off';
-
-    value2: string = 'Option 1';
-}`
-    };
-}
diff --git a/src/app/showcase/doc/selectbutton/importdoc.ts b/src/app/showcase/doc/selectbutton/importdoc.ts
deleted file mode 100644
index e94c382..0000000
--- a/src/app/showcase/doc/selectbutton/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { SelectButtonModule } from 'primeng/selectbutton';`
-    };
-}
diff --git a/src/app/showcase/doc/selectbutton/invaliddoc.ts b/src/app/showcase/doc/selectbutton/invaliddoc.ts
deleted file mode 100644
index bb25834..0000000
--- a/src/app/showcase/doc/selectbutton/invaliddoc.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'invalid-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-dirty</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-selectButton [options]="stateOptions" [(ngModel)]="value" optionLabel="label" optionValue="value" class="ng-invalid ng-dirty" />
-        </div>
-        <app-code [code]="code" selector="select-button-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc {
-    stateOptions: any[] = [
-        { label: 'Off', value: 'off' },
-        { label: 'On', value: 'on' }
-    ];
-
-    value: string = 'off';
-
-    code: Code = {
-        basic: `<p-selectButton 
-    [options]="stateOptions" 
-    [(ngModel)]="value" 
-    optionLabel="label" 
-    optionValue="value" 
-    class="ng-invalid ng-dirty" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-selectButton 
-        [options]="stateOptions" 
-        [(ngModel)]="value" 
-        optionLabel="label" 
-        optionValue="value" 
-        class="ng-invalid ng-dirty" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { SelectButtonModule } from 'primeng/selectbutton';
-        
-@Component({
-    selector: 'select-button-invalid-demo',
-    templateUrl: './select-button-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, SelectButtonModule]
-})
-export class SelectButtonInvalidDemo {
-    stateOptions: any[] = [{label: 'Off', value: 'off'}, {label: 'On', value: 'on'}];
-
-    value: string = 'off';
-}`
-    };
-}
diff --git a/src/app/showcase/doc/selectbutton/multipledoc.ts b/src/app/showcase/doc/selectbutton/multipledoc.ts
deleted file mode 100644
index 50f14c5..0000000
--- a/src/app/showcase/doc/selectbutton/multipledoc.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'multiple-doc',
-    template: `
-        <app-docsectiontext>
-            <p>SelectButton allows selecting only one item by default and setting <i>multiple</i> option enables choosing more than one item. In multiple case, model property should be an array.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-selectButton [options]="paymentOptions" [(ngModel)]="value" [multiple]="true" optionLabel="name" optionValue="value" />
-        </div>
-        <app-code [code]="code" selector="select-button-multiple-demo"></app-code>
-    `
-})
-export class MultipleDoc {
-    paymentOptions: any[] = [
-        { name: 'Option 1', value: 1 },
-        { name: 'Option 2', value: 2 },
-        { name: 'Option 3', value: 3 }
-    ];
-
-    value!: number;
-
-    code: Code = {
-        basic: `<p-selectButton 
-    [options]="paymentOptions" 
-    [(ngModel)]="value" 
-    [multiple]="true" 
-    optionLabel="name" 
-    optionValue="value" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-selectButton 
-        [options]="paymentOptions" 
-        [(ngModel)]="value" 
-        [multiple]="true" 
-        optionLabel="name" 
-        optionValue="value" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { SelectButtonModule } from 'primeng/selectbutton';
-
-@Component({
-    selector: 'select-button-multiple-demo',
-    templateUrl: './select-button-multiple-demo.html',
-    standalone: true,
-    imports: [FormsModule, SelectButtonModule]
-})
-export class SelectButtonMultipleDemo {
-    value!: number;
-    
-    paymentOptions: any[] = [
-        { name: 'Option 1', value: 1 },
-        { name: 'Option 2', value: 2 },
-        { name: 'Option 3', value: 3 }
-    ];
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/selectbutton/reactiveformsdoc.ts b/src/app/showcase/doc/selectbutton/reactiveformsdoc.ts
deleted file mode 100644
index c94d21b..0000000
--- a/src/app/showcase/doc/selectbutton/reactiveformsdoc.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>SelectButton can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <p-selectButton [options]="stateOptions" formControlName="value" optionLabel="label" optionValue="value" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="select-button-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup!: FormGroup;
-
-    stateOptions: any[] = [
-        { label: 'Off', value: 'off' },
-        { label: 'On', value: 'on' }
-    ];
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            value: new FormControl('on')
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <p-selectButton 
-        [options]="stateOptions" 
-        formControlName="value" 
-        optionLabel="label" 
-        optionValue="value" />
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup">
-        <p-selectButton 
-            [options]="stateOptions" 
-            formControlName="value" 
-            optionLabel="label" 
-            optionValue="value" />
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { SelectButtonModule } from 'primeng/selectbutton';
-
-@Component({
-    selector: 'select-button-reactive-forms-demo',
-    templateUrl: './select-button-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, SelectButtonModule]
-})
-export class SelectButtonReactiveFormsDemo implements OnInit {
-    formGroup!: FormGroup;
-
-    stateOptions: any[] = [
-        { label: 'Off', value: 'off' },
-        { label: 'On', value: 'on' }
-    ];
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            value: new FormControl('on')
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/selectbutton/selectbuttondoc.module.ts b/src/app/showcase/doc/selectbutton/selectbuttondoc.module.ts
deleted file mode 100644
index 09fe068..0000000
--- a/src/app/showcase/doc/selectbutton/selectbuttondoc.module.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { SelectButtonModule } from 'primeng/selectbutton';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { DisabledDoc } from './disableddoc';
-import { ImportDoc } from './importdoc';
-import { InvalidDoc } from './invaliddoc';
-import { MultipleDoc } from './multipledoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { TemplateDoc } from './templatedoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, SelectButtonModule, FormsModule, ReactiveFormsModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, MultipleDoc, TemplateDoc, InvalidDoc, DisabledDoc, AccessibilityDoc, ReactiveFormsDoc]
-})
-export class SelectButtonDocModule {}
diff --git a/src/app/showcase/doc/selectbutton/templatedoc.ts b/src/app/showcase/doc/selectbutton/templatedoc.ts
deleted file mode 100644
index 0f3a953..0000000
--- a/src/app/showcase/doc/selectbutton/templatedoc.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>For custom content support define a ng-template with <i>pTemplate</i> where the local ng-template variable refers to an option in the options collection.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-selectButton [options]="justifyOptions" [(ngModel)]="value" optionLabel="icon">
-                <ng-template let-item pTemplate>
-                    <i [class]="item.icon"></i>
-                </ng-template>
-            </p-selectButton>
-        </div>
-        <app-code [code]="code" selector="select-button-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    value: any;
-
-    justifyOptions: any[] = [
-        { icon: 'pi pi-align-left', justify: 'Left' },
-        { icon: 'pi pi-align-right', justify: 'Right' },
-        { icon: 'pi pi-align-center', justify: 'Center' },
-        { icon: 'pi pi-align-justify', justify: 'Justify' }
-    ];
-
-    code: Code = {
-        basic: `<p-selectButton 
-    [options]="justifyOptions" 
-    [(ngModel)]="value" 
-    optionLabel="icon">
-        <ng-template let-item pTemplate>
-            <i [class]="item.icon"></i>
-        </ng-template>
-</p-selectButton>`,
-
-        html: `<div class="card flex justify-center">
-    <p-selectButton 
-        [options]="justifyOptions" 
-        [(ngModel)]="value" 
-        optionLabel="icon">
-            <ng-template let-item pTemplate>
-                <i [class]="item.icon"></i>
-            </ng-template>
-    </p-selectButton>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { SelectButtonModule } from 'primeng/selectbutton';
-
-@Component({
-    selector: 'select-button-template-demo',
-    templateUrl: './select-button-template-demo.html',
-    standalone: true,
-    imports: [FormsModule, SelectButtonModule]
-})
-export class SelectButtonTemplateDemo {
-    value: any;
-
-    justifyOptions: any[] = [
-        { icon: 'pi pi-align-left', justify: 'Left' },
-        { icon: 'pi pi-align-right', justify: 'Right' },
-        { icon: 'pi pi-align-center', justify: 'Center' },
-        { icon: 'pi pi-align-justify', justify: 'Justify' }
-    ];
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/sidebar/accessibilitydoc.ts b/src/app/showcase/doc/sidebar/accessibilitydoc.ts
deleted file mode 100644
index 8da0d14..0000000
--- a/src/app/showcase/doc/sidebar/accessibilitydoc.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: `
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Sidebar component uses <i>complementary</i> role by default, since any attribute is passed to the root element aria role can be changed depending on your use case and additional attributes like <i>aria-labelledby</i> can be added. In
-                addition <i>aria-modal</i> is added since focus is kept within the sidebar when opened.
-            </p>
-            <p>It is recommended to use a trigger component that can be accessed with keyboard such as a button, if not adding <i>tabIndex</i> would be necessary.</p>
-            <p>Trigger element also requires <i>aria-expanded</i> and <i>aria-controls</i> to be handled explicitly.</p>
-
-            <app-code [code]="code" [hideToggleCode]="true"></app-code>
-
-            <h3>Overlay Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Moves focus to the next the focusable element within the sidebar.</td>
-                        </tr>
-                        <tr>
-                            <td><i>shift</i> + <i>tab</i></td>
-                            <td>Moves focus to the previous the focusable element within the sidebar.</td>
-                        </tr>
-                        <tr>
-                            <td><i>escape</i></td>
-                            <td>Closes the dialog if <i>closeOnEscape</i> is true.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-
-            <h3>Close Button Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Closes the sidebar.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Closes the sidebar.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    `
-})
-export class AccessibilityDoc {
-    code: Code = {
-        html: `<p-button 
-    icon="pi pi-arrow-right" 
-    (click)="sidebarVisible = true" 
-    aria-controls="{{sidebarVisible ? 'sidebar' : null}}" 
-    aria-expanded="{{sidebarVisible ? true : false}}"
-></p-button>
-<p-sidebar 
-    [(visible)]="sidebarVisible" 
-    id="sidebar"
-    (onHide)="sidebarVisible = false"
-    role="region"
->
-    content
-</p-sidebar>`
-    };
-}
diff --git a/src/app/showcase/doc/sidebar/basicdoc.ts b/src/app/showcase/doc/sidebar/basicdoc.ts
deleted file mode 100644
index 7f70bea..0000000
--- a/src/app/showcase/doc/sidebar/basicdoc.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Sidebar is used as a container and visibility is controlled with a binding to <i>visible</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-sidebar [(visible)]="sidebarVisible">
-                <h3>Sidebar</h3>
-                <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat.
-                </p>
-            </p-sidebar>
-            <p-button (onClick)="sidebarVisible = true" icon="pi pi-arrow-right" />
-        </div>
-        <app-code [code]="code" selector="sidebar-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    sidebarVisible: boolean = false;
-
-    code: Code = {
-        basic: `<p-sidebar [(visible)]="sidebarVisible">
-    <h3>Sidebar</h3>
-    <p>
-        Lorem ipsum dolor sit amet...
-    </p>
-</p-sidebar>
-<p-button (onClick)="sidebarVisible = true" icon="pi pi-arrow-right" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-sidebar [(visible)]="sidebarVisible">
-        <h3>Sidebar</h3>
-        <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-        </p>
-    </p-sidebar>
-    <p-button (onClick)="sidebarVisible = true" icon="pi pi-arrow-right" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { SidebarModule } from 'primeng/sidebar';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'sidebar-basic-demo',
-    templateUrl: './sidebar-basic-demo.html',
-    standalone: true,
-    imports: [SidebarModule, ButtonModule]
-})
-export class SidebarBasicDemo {
-    sidebarVisible: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/sidebar/fullscreendoc.ts b/src/app/showcase/doc/sidebar/fullscreendoc.ts
deleted file mode 100644
index 536a921..0000000
--- a/src/app/showcase/doc/sidebar/fullscreendoc.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'full-screen-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Sidebar can cover the whole page when <i>fullScreen</i> property is enabled.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-sidebar [(visible)]="sidebarVisible" [fullScreen]="true">
-                <ng-template pTemplate="header">
-                    <span class="font-semibold text-xl">Sidebar</span>
-                </ng-template>
-                <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat.
-                </p>
-            </p-sidebar>
-            <p-button (onClick)="sidebarVisible = true" icon="pi pi-window-maximize" />
-        </div>
-        <app-code [code]="code" selector="sidebar-full-screen-demo"></app-code>
-    `
-})
-export class FullScreenDoc {
-    sidebarVisible: boolean = false;
-
-    code: Code = {
-        basic: `<p-sidebar [(visible)]="sidebarVisible" [fullScreen]="true">
-        <ng-template pTemplate="header">
-            <span class="font-semibold text-xl">
-                Sidebar
-            </span>
-        </ng-template>
-        <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit...
-        </p>
-    </p-sidebar>
-<p-button (onClick)="sidebarVisible = true" icon="pi pi-window-maximize" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-sidebar [(visible)]="sidebarVisible" [fullScreen]="true">
-        <ng-template pTemplate="header">
-            <span class="font-semibold text-xl">
-                Sidebar
-            </span>
-        </ng-template>
-        <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat.
-        </p>
-    </p-sidebar>
-    <p-button (onClick)="sidebarVisible = true" icon="pi pi-window-maximize" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { SidebarModule } from 'primeng/sidebar';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'sidebar-full-screen-demo',
-    templateUrl: './sidebar-full-screen-demo.html',
-    standalone: true,
-    imports: [SidebarModule, ButtonModule]
-})
-export class SidebarFullScreenDemo {
-    sidebarVisible: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/sidebar/headlessdoc.ts b/src/app/showcase/doc/sidebar/headlessdoc.ts
deleted file mode 100644
index d44225b..0000000
--- a/src/app/showcase/doc/sidebar/headlessdoc.ts
+++ /dev/null
@@ -1,626 +0,0 @@
-import { Component, ViewChild } from '@angular/core';
-import { Code } from '@domain/code';
-import { Sidebar } from 'primeng/sidebar';
-
-@Component({
-    selector: 'headless-doc',
-    template: `
-        <app-docsectiontext>
-            <p><i>Headless</i> mode allows you to customize the entire user interface instead of the default elements.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-sidebar #sidebarRef [(visible)]="sidebarVisible">
-                <ng-template pTemplate="headless">
-                    <div class="flex flex-col h-full">
-                        <div class="flex items-center justify-between px-4 pt-3 flex-shrink-0">
-                            <span class="inline-flex items-center gap-2">
-                                <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg" class="block mx-auto">
-                                    <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-                                    <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                                        <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-                                    </mask>
-                                    <g mask="url(#mask0_1_36)">
-                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-                                    </g>
-                                    <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-                                    <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-                                    <path
-                                        fill-rule="evenodd"
-                                        clip-rule="evenodd"
-                                        d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                                        fill="var(--primary-color-text)"
-                                    />
-                                    <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                                    <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                                    <path
-                                        fill-rule="evenodd"
-                                        clip-rule="evenodd"
-                                        d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                                        fill="var(--primary-color-text)"
-                                    />
-                                    <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-                                    <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-                                    <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-                                    <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-                                </svg>
-                                <span class="font-semibold text-2xl text-primary">Your Logo</span>
-                            </span>
-                            <span>
-                                <p-button type="button" (onClick)="closeCallback($event)" icon="pi pi-times" rounded="true" outlined="true" styleClass="!h-2 !w-2"></p-button>
-                            </span>
-                        </div>
-                        <div class="overflow-y-auto">
-                            <ul class="list-none p-3 m-0">
-                                <li>
-                                    <div pRipple pStyleClass="@next" enterClass="hidden" enterActiveClass="slidedown" leaveToClass="hidden" leaveActiveClass="slideup" class="p-3 flex items-center justify-between text-600 cursor-pointer p-ripple">
-                                        <span class="font-medium">FAVORITES</span>
-                                        <i class="pi pi-chevron-down"></i>
-                                    </div>
-                                    <ul class="list-none p-0 m-0 overflow-hidden">
-                                        <li>
-                                            <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                                <i class="pi pi-home mr-2"></i>
-                                                <span class="font-medium">Dashboard</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                                <i class="pi pi-bookmark mr-2"></i>
-                                                <span class="font-medium">Bookmarks</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a
-                                                pRipple
-                                                pStyleClass="@next"
-                                                enterClass="hidden"
-                                                enterActiveClass="slidedown"
-                                                leaveToClass="hidden"
-                                                leaveActiveClass="slideup"
-                                                class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple"
-                                            >
-                                                <i class="pi pi-chart-line mr-2"></i>
-                                                <span class="font-medium">Reports</span>
-                                                <i class="pi pi-chevron-down ml-auto"></i>
-                                            </a>
-                                            <ul class="list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out">
-                                                <li>
-                                                    <a
-                                                        pRipple
-                                                        pStyleClass="@next"
-                                                        enterClass="hidden"
-                                                        enterActiveClass="slidedown"
-                                                        leaveToClass="hidden"
-                                                        leaveActiveClass="slideup"
-                                                        class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple"
-                                                    >
-                                                        <i class="pi pi-chart-line mr-2"></i>
-                                                        <span class="font-medium">Revenue</span>
-                                                        <i class="pi pi-chevron-down ml-auto"></i>
-                                                    </a>
-                                                    <ul class="list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out">
-                                                        <li>
-                                                            <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                                                <i class="pi pi-table mr-2"></i>
-                                                                <span class="font-medium">View</span>
-                                                            </a>
-                                                        </li>
-                                                        <li>
-                                                            <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                                                <i class="pi pi-search mr-2"></i>
-                                                                <span class="font-medium">Search</span>
-                                                            </a>
-                                                        </li>
-                                                    </ul>
-                                                </li>
-                                                <li>
-                                                    <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                                        <i class="pi pi-chart-line mr-2"></i>
-                                                        <span class="font-medium">Expenses</span>
-                                                    </a>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                                <i class="pi pi-users mr-2"></i>
-                                                <span class="font-medium">Team</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                                <i class="pi pi-comments mr-2"></i>
-                                                <span class="font-medium">Messages</span>
-                                                <span class="inline-flex items-center justify-center ml-auto bg-primary border-circle" style="min-width: 1.5rem; height: 1.5rem">3</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                                <i class="pi pi-calendar mr-2"></i>
-                                                <span class="font-medium">Calendar</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                                <i class="pi pi-cog mr-2"></i>
-                                                <span class="font-medium">Settings</span>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </li>
-                            </ul>
-                            <ul class="list-none p-3 m-0">
-                                <li>
-                                    <div pRipple pStyleClass="@next" enterClass="hidden" enterActiveClass="slidedown" leaveToClass="hidden" leaveActiveClass="slideup" class="p-3 flex items-center justify-between text-600 cursor-pointer p-ripple">
-                                        <span class="font-medium">APPLICATION</span>
-                                        <i class="pi pi-chevron-down"></i>
-                                    </div>
-                                    <ul class="list-none p-0 m-0 overflow-hidden">
-                                        <li>
-                                            <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                                <i class="pi pi-folder mr-2"></i>
-                                                <span class="font-medium">Projects</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                                <i class="pi pi-chart-bar mr-2"></i>
-                                                <span class="font-medium">Performance</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                                <i class="pi pi-cog mr-2"></i>
-                                                <span class="font-medium">Settings</span>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </li>
-                            </ul>
-                        </div>
-                        <div class="mt-auto">
-                            <hr class="mb-3 mx-3 border-top-1 border-none surface-border" />
-                            <a pRipple class="m-3 flex items-center cursor-pointer p-3 gap-2 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" shape="circle" />
-                                <span class="font-bold">Amy Elsner</span>
-                            </a>
-                        </div>
-                    </div>
-                </ng-template>
-            </p-sidebar>
-            <p-button (onClick)="sidebarVisible = true" icon="pi pi-arrow-right"></p-button>
-        </div>
-        <app-code [code]="code" selector="sidebar-headless-demo"></app-code>
-    `
-})
-export class HeadlessDoc {
-    @ViewChild('sidebarRef') sidebarRef!: Sidebar;
-
-    closeCallback(e): void {
-        this.sidebarRef.close(e);
-    }
-
-    sidebarVisible: boolean = false;
-
-    code: Code = {
-        basic: `<p-sidebar #sidebarRef [(visible)]="sidebarVisible">
-    <ng-template pTemplate="headless">
-        <div class="flex flex-col h-full">
-            <div class="flex items-center justify-between px-4 pt-3 flex-shrink-0">
-                <span class="inline-flex items-center gap-2">
-                    <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg" class="block mx-auto">
-                        <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-                        <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                            <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-                        </mask>
-                        <g mask="url(#mask0_1_36)">
-                            <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-                        </g>
-                        <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-                        <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-                        <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                            fill="var(--primary-color-text)"
-                        />
-                        <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                        <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                        <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                            fill="var(--primary-color-text)"
-                        />
-                        <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-                        <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-                        <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-                        <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-                    </svg>
-                    <span class="font-semibold text-2xl text-primary">Your Logo</span>
-                </span>
-                <span>
-                    <p-button type="button" (onClick)="closeCallback($event)" icon="pi pi-times" rounded="true" outlined="true" styleClass="!h-2 !w-2"></p-button>
-                </span>
-            </div>
-            <div class="overflow-y-auto">
-                <ul class="list-none p-3 m-0">
-                    <li>
-                        <div
-                            pRipple
-                            pStyleClass="@next"
-                            enterClass="hidden"
-                            enterActiveClass="slidedown"
-                            leaveToClass="hidden"
-                            leaveActiveClass="slideup"
-                            class="p-3 flex items-center justify-between text-600 cursor-pointer p-ripple"
-                        >
-                            <span class="font-medium">FAVORITES</span>
-                            <i class="pi pi-chevron-down"></i>
-                        </div>
-                        <ul class="list-none p-0 m-0 overflow-hidden">
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-home mr-2"></i>
-                                    <span class="font-medium">Dashboard</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-bookmark mr-2"></i>
-                                    <span class="font-medium">Bookmarks</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a
-                                    pRipple
-                                    pStyleClass="@next"
-                                    enterClass="hidden"
-                                    enterActiveClass="slidedown"
-                                    leaveToClass="hidden"
-                                    leaveActiveClass="slideup"
-                                    class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple"
-                                >
-                                    <i class="pi pi-chart-line mr-2"></i>
-                                    <span class="font-medium">Reports</span>
-                                    <i class="pi pi-chevron-down ml-auto"></i>
-                                </a>
-                                <ul class="list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out">
-                                    <li>
-                                        <a
-                                            pRipple
-                                            pStyleClass="@next"
-                                            enterClass="hidden"
-                                            enterActiveClass="slidedown"
-                                            leaveToClass="hidden"
-                                            leaveActiveClass="slideup"
-                                            class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple"
-                                        >
-                                            <i class="pi pi-chart-line mr-2"></i>
-                                            <span class="font-medium">Revenue</span>
-                                            <i class="pi pi-chevron-down ml-auto"></i>
-                                        </a>
-                                        <ul class="list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out">
-                                            <li>
-                                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                                    <i class="pi pi-table mr-2"></i>
-                                                    <span class="font-medium">View</span>
-                                                </a>
-                                            </li>
-                                            <li>
-                                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                                    <i class="pi pi-search mr-2"></i>
-                                                    <span class="font-medium">Search</span>
-                                                </a>
-                                            </li>
-                                        </ul>
-                                    </li>
-                                    <li>
-                                        <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                            <i class="pi pi-chart-line mr-2"></i>
-                                            <span class="font-medium">Expenses</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-users mr-2"></i>
-                                    <span class="font-medium">Team</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-comments mr-2"></i>
-                                    <span class="font-medium">Messages</span>
-                                    <span class="inline-flex items-center justify-center ml-auto bg-primary border-circle" style="min-width: 1.5rem; height: 1.5rem">3</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-calendar mr-2"></i>
-                                    <span class="font-medium">Calendar</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-cog mr-2"></i>
-                                    <span class="font-medium">Settings</span>
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                </ul>
-                <ul class="list-none p-3 m-0">
-                    <li>
-                        <div
-                            pRipple
-                            pStyleClass="@next"
-                            enterClass="hidden"
-                            enterActiveClass="slidedown"
-                            leaveToClass="hidden"
-                            leaveActiveClass="slideup"
-                            class="p-3 flex items-center justify-between text-600 cursor-pointer p-ripple"
-                        >
-                            <span class="font-medium">APPLICATION</span>
-                            <i class="pi pi-chevron-down"></i>
-                        </div>
-                        <ul class="list-none p-0 m-0 overflow-hidden">
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-folder mr-2"></i>
-                                    <span class="font-medium">Projects</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-chart-bar mr-2"></i>
-                                    <span class="font-medium">Performance</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-cog mr-2"></i>
-                                    <span class="font-medium">Settings</span>
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                </ul>
-            </div>
-            <div class="mt-auto">
-                <hr class="mb-3 mx-3 border-top-1 border-none surface-border" />
-                <a pRipple class="m-3 flex items-center cursor-pointer p-3 gap-2 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                    <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" shape="circle" />
-                    <span class="font-bold">Amy Elsner</span>
-                </a>
-            </div>
-        </div>
-    </ng-template>
-</p-sidebar>
-<p-button (onClick)="sidebarVisible = true" icon="pi pi-arrow-right"></p-button>`,
-
-        html: `<div class="card flex justify-center">
-<p-sidebar #sidebarRef [(visible)]="sidebarVisible">
-    <ng-template pTemplate="headless">
-        <div class="flex flex-col h-full">
-            <div class="flex items-center justify-between px-4 pt-3 flex-shrink-0">
-                <span class="inline-flex items-center gap-2">
-                    <svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg" class="block mx-auto">
-                        <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-                        <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                            <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-                        </mask>
-                        <g mask="url(#mask0_1_36)">
-                            <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-                        </g>
-                        <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-                        <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-                        <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                            fill="var(--primary-color-text)"
-                        />
-                        <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                        <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                        <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                            fill="var(--primary-color-text)"
-                        />
-                        <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-                        <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-                        <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-                        <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-                    </svg>
-                    <span class="font-semibold text-2xl text-primary">Your Logo</span>
-                </span>
-                <span>
-                    <p-button type="button" (onClick)="closeCallback($event)" icon="pi pi-times" rounded="true" outlined="true" styleClass="!h-2 !w-2"></p-button>
-                </span>
-            </div>
-            <div class="overflow-y-auto">
-                <ul class="list-none p-3 m-0">
-                    <li>
-                        <div
-                            pRipple
-                            pStyleClass="@next"
-                            enterClass="hidden"
-                            enterActiveClass="slidedown"
-                            leaveToClass="hidden"
-                            leaveActiveClass="slideup"
-                            class="p-3 flex items-center justify-between text-600 cursor-pointer p-ripple"
-                        >
-                            <span class="font-medium">FAVORITES</span>
-                            <i class="pi pi-chevron-down"></i>
-                        </div>
-                        <ul class="list-none p-0 m-0 overflow-hidden">
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-home mr-2"></i>
-                                    <span class="font-medium">Dashboard</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-bookmark mr-2"></i>
-                                    <span class="font-medium">Bookmarks</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a
-                                    pRipple
-                                    pStyleClass="@next"
-                                    enterClass="hidden"
-                                    enterActiveClass="slidedown"
-                                    leaveToClass="hidden"
-                                    leaveActiveClass="slideup"
-                                    class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple"
-                                >
-                                    <i class="pi pi-chart-line mr-2"></i>
-                                    <span class="font-medium">Reports</span>
-                                    <i class="pi pi-chevron-down ml-auto"></i>
-                                </a>
-                                <ul class="list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out">
-                                    <li>
-                                        <a
-                                            pRipple
-                                            pStyleClass="@next"
-                                            enterClass="hidden"
-                                            enterActiveClass="slidedown"
-                                            leaveToClass="hidden"
-                                            leaveActiveClass="slideup"
-                                            class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple"
-                                        >
-                                            <i class="pi pi-chart-line mr-2"></i>
-                                            <span class="font-medium">Revenue</span>
-                                            <i class="pi pi-chevron-down ml-auto"></i>
-                                        </a>
-                                        <ul class="list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out">
-                                            <li>
-                                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                                    <i class="pi pi-table mr-2"></i>
-                                                    <span class="font-medium">View</span>
-                                                </a>
-                                            </li>
-                                            <li>
-                                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                                    <i class="pi pi-search mr-2"></i>
-                                                    <span class="font-medium">Search</span>
-                                                </a>
-                                            </li>
-                                        </ul>
-                                    </li>
-                                    <li>
-                                        <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                            <i class="pi pi-chart-line mr-2"></i>
-                                            <span class="font-medium">Expenses</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-users mr-2"></i>
-                                    <span class="font-medium">Team</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-comments mr-2"></i>
-                                    <span class="font-medium">Messages</span>
-                                    <span class="inline-flex items-center justify-center ml-auto bg-primary border-circle" style="min-width: 1.5rem; height: 1.5rem">3</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-calendar mr-2"></i>
-                                    <span class="font-medium">Calendar</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-cog mr-2"></i>
-                                    <span class="font-medium">Settings</span>
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                </ul>
-                <ul class="list-none p-3 m-0">
-                    <li>
-                        <div
-                            pRipple
-                            pStyleClass="@next"
-                            enterClass="hidden"
-                            enterActiveClass="slidedown"
-                            leaveToClass="hidden"
-                            leaveActiveClass="slideup"
-                            class="p-3 flex items-center justify-between text-600 cursor-pointer p-ripple"
-                        >
-                            <span class="font-medium">APPLICATION</span>
-                            <i class="pi pi-chevron-down"></i>
-                        </div>
-                        <ul class="list-none p-0 m-0 overflow-hidden">
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-folder mr-2"></i>
-                                    <span class="font-medium">Projects</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-chart-bar mr-2"></i>
-                                    <span class="font-medium">Performance</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a pRipple class="flex items-center cursor-pointer p-3 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                                    <i class="pi pi-cog mr-2"></i>
-                                    <span class="font-medium">Settings</span>
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                </ul>
-            </div>
-            <div class="mt-auto">
-                <hr class="mb-3 mx-3 border-top-1 border-none surface-border" />
-                <a pRipple class="m-3 flex items-center cursor-pointer p-3 gap-2 border-round text-700 hover:surface-100 transition-duration-150 transition-colors p-ripple">
-                    <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" shape="circle" />
-                    <span class="font-bold">Amy Elsner</span>
-                </a>
-            </div>
-        </div>
-    </ng-template>
-</p-sidebar>
-<p-button (onClick)="sidebarVisible = true" icon="pi pi-arrow-right"></p-button>
-</div>`,
-
-        typescript: `import { Component, ViewChild } from '@angular/core';
-import { SidebarModule } from 'primeng/sidebar';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-import { AvatarModule } from 'primeng/avatar';
-import { StyleClassModule } from 'primeng/styleclass';
-import { Sidebar } from 'primeng/sidebar';
-
-@Component({
-    selector: 'sidebar-headless-demo',
-    templateUrl: './sidebar-headless-demo.html',
-    standalone: true,
-    imports: [SidebarModule, ButtonModule, RippleModule, AvatarModule, StyleClassModule]
-})
-export class SidebarHeadlessDemo {
-    @ViewChild('sidebarRef') sidebarRef!: Sidebar;
-
-    closeCallback(e): void {
-        this.sidebarRef.close(e);
-    }
-
-    sidebarVisible: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/sidebar/importdoc.ts b/src/app/showcase/doc/sidebar/importdoc.ts
deleted file mode 100644
index 1552952..0000000
--- a/src/app/showcase/doc/sidebar/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { SidebarModule } from 'primeng/sidebar';`
-    };
-}
diff --git a/src/app/showcase/doc/sidebar/modaldoc.ts b/src/app/showcase/doc/sidebar/modaldoc.ts
deleted file mode 100644
index 18d40af..0000000
--- a/src/app/showcase/doc/sidebar/modaldoc.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'modal-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Whether an overlay mask is displayed behind the sidebar.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-sidebar [(visible)]="sidebarVisible" [modal]="false">
-                <h3>Sidebar</h3>
-                <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat.
-                </p>
-            </p-sidebar>
-            <p-button (onClick)="sidebarVisible = true" icon="pi pi-arrow-right" />
-        </div>
-        <app-code [code]="code" selector="sidebar-modal-demo"></app-code>
-    `
-})
-export class ModalDoc {
-    sidebarVisible: boolean = false;
-
-    code: Code = {
-        basic: `<p-sidebar [(visible)]="sidebarVisible" [modal]="false">
-    <h3>Sidebar</h3>
-    <p>
-        Lorem ipsum dolor sit amet...
-    </p>
-</p-sidebar>
-<p-button (onClick)="sidebarVisible = true" icon="pi pi-arrow-right" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-sidebar [(visible)]="sidebarVisible" [modal]="false">
-        <h3>Sidebar</h3>
-        <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-        </p>
-    </p-sidebar>
-    <p-button (onClick)="sidebarVisible = true" icon="pi pi-arrow-right" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { SidebarModule } from 'primeng/sidebar';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'sidebar-modal-demo',
-    templateUrl: './sidebar-modal-demo.html',
-    standalone: true,
-    imports: [SidebarModule, ButtonModule]
-})
-export class SidebarBasicDemo {
-    sidebarVisible: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/sidebar/positiondoc.ts b/src/app/showcase/doc/sidebar/positiondoc.ts
deleted file mode 100644
index aee966e..0000000
--- a/src/app/showcase/doc/sidebar/positiondoc.ts
+++ /dev/null
@@ -1,141 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'position-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Sidebar location is configured with the <i>position</i> property that can take <i>left</i>, <i>right</i>, <i>top</i> and <i>bottom</i> as a value.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap justify-center gap-2">
-            <p-sidebar [(visible)]="sidebarVisible1" position="left">
-                <h3>Left Sidebar</h3>
-            </p-sidebar>
-
-            <p-sidebar [(visible)]="sidebarVisible2" position="right">
-                <h3>Right Sidebar</h3>
-            </p-sidebar>
-
-            <p-sidebar [(visible)]="sidebarVisible3" position="top">
-                <h3>Top Sidebar</h3>
-            </p-sidebar>
-
-            <p-sidebar [(visible)]="sidebarVisible4" position="bottom">
-                <h3>Bottom Sidebar</h3>
-            </p-sidebar>
-
-            <p-button type="button" class="mr-2" (onClick)="sidebarVisible1 = true" icon="pi pi-arrow-right" />
-            <p-button type="button" class="mr-2" (onClick)="sidebarVisible2 = true" icon="pi pi-arrow-left" />
-            <p-button type="button" class="mr-2" (onClick)="sidebarVisible3 = true" icon="pi pi-arrow-down" />
-            <p-button type="button" class="mr-2" (onClick)="sidebarVisible4 = true" icon="pi pi-arrow-up" />
-        </div>
-        <app-code [code]="code" selector="sidebar-position-demo"></app-code>
-    `
-})
-export class PositionDoc {
-    sidebarVisible1: boolean = false;
-
-    sidebarVisible2: boolean = false;
-
-    sidebarVisible3: boolean = false;
-
-    sidebarVisible4: boolean = false;
-
-    code: Code = {
-        basic: `<p-sidebar [(visible)]="sidebarVisible1" position="left">
-    <h3>Left Sidebar</h3>
-</p-sidebar>
-
-<p-sidebar [(visible)]="sidebarVisible2" position="right">
-    <h3>Right Sidebar</h3>
-</p-sidebar>
-
-<p-sidebar [(visible)]="sidebarVisible3" position="top">
-    <h3>Top Sidebar</h3>
-</p-sidebar>
-
-<p-sidebar [(visible)]="sidebarVisible4" position="bottom">
-    <h3>Bottom Sidebar</h3>
-</p-sidebar>
-
-<p-button 
-    type="button" 
-    class="mr-2" 
-    (onClick)="sidebarVisible1 = true" 
-    icon="pi pi-arrow-right" />
-<p-button 
-    type="button" 
-    class="mr-2" 
-    (onClick)="sidebarVisible2 = true" 
-    icon="pi pi-arrow-left" />
-<p-button 
-    type="button" 
-    class="mr-2" 
-    (onClick)="sidebarVisible3 = true" 
-    icon="pi pi-arrow-down" />
-<p-button 
-    type="button" 
-    class="mr-2" 
-    (onClick)="sidebarVisible4 = true" 
-    icon="pi pi-arrow-up" />`,
-
-        html: `<div class="card flex flex-wrap justify-center gap-2">
-    <p-sidebar [(visible)]="sidebarVisible1" position="left">
-        <h3>Left Sidebar</h3>
-    </p-sidebar>
-
-    <p-sidebar [(visible)]="sidebarVisible2" position="right">
-        <h3>Right Sidebar</h3>
-    </p-sidebar>
-
-    <p-sidebar [(visible)]="sidebarVisible3" position="top">
-        <h3>Top Sidebar</h3>
-    </p-sidebar>
-
-    <p-sidebar [(visible)]="sidebarVisible4" position="bottom">
-        <h3>Bottom Sidebar</h3>
-    </p-sidebar>
-
-    <p-button 
-        type="button"
-        class="mr-2" 
-        (onClick)="sidebarVisible1 = true" 
-        icon="pi pi-arrow-right" />
-    <p-button 
-        type="button" 
-        class="mr-2" 
-        (onClick)="sidebarVisible2 = true" 
-        icon="pi pi-arrow-left" />
-    <p-button 
-        type="button"
-        class="mr-2" 
-        (onClick)="sidebarVisible3 = true" 
-        icon="pi pi-arrow-down" />
-    <p-button 
-        type="button" 
-        class="mr-2" 
-        (onClick)="sidebarVisible4 = true" 
-        icon="pi pi-arrow-up" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { SidebarModule } from 'primeng/sidebar';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'sidebar-position-demo',
-    templateUrl: './sidebar-position-demo.html',
-    standalone: true,
-    imports: [SidebarModule, ButtonModule]
-})
-export class SidebarPositionDemo {
-    sidebarVisible1: boolean = false;
-    
-    sidebarVisible2: boolean = false;
-    
-    sidebarVisible3: boolean = false;
-    
-    sidebarVisible4: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/sidebar/sidebardoc.module.ts b/src/app/showcase/doc/sidebar/sidebardoc.module.ts
deleted file mode 100644
index 0834cea..0000000
--- a/src/app/showcase/doc/sidebar/sidebardoc.module.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { SidebarModule } from 'primeng/sidebar';
-import { ButtonModule } from 'primeng/button';
-import { AvatarModule } from 'primeng/avatar';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BasicDoc } from './basicdoc';
-import { TemplateDoc } from './templatedoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { PositionDoc } from './positiondoc';
-import { FullScreenDoc } from './fullscreendoc';
-import { SizeDoc } from './sizedoc';
-import { HeadlessDoc } from './headlessdoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { RippleModule } from 'primeng/ripple';
-import { StyleClassModule } from 'primeng/styleclass';
-import { ModalDoc } from '@doc/sidebar/modaldoc';
-
-@NgModule({
-    imports: [CommonModule, FormsModule, AppCodeModule, RouterModule, SidebarModule, ButtonModule, AppDocModule, AvatarModule, RippleModule, StyleClassModule],
-    declarations: [BasicDoc, TemplateDoc, ImportDoc, StyleDoc, PositionDoc, FullScreenDoc, SizeDoc, AccessibilityDoc, HeadlessDoc, ModalDoc],
-    exports: [AppDocModule]
-})
-export class SidebarDocModule {}
diff --git a/src/app/showcase/doc/sidebar/sizedoc.ts b/src/app/showcase/doc/sidebar/sizedoc.ts
deleted file mode 100644
index 6259f1c..0000000
--- a/src/app/showcase/doc/sidebar/sizedoc.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'size-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Sidebar dimension can be defined with <i>style</i> or <i>styleClass</i> properties which can also be responsive when used with a CSS utility library like PrimeFlex.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-sidebar [(visible)]="sidebarVisible" styleClass="!w-30">
-                <ng-template pTemplate="header">
-                    <span class="font-semibold text-xl">Sidebar</span>
-                </ng-template>
-                <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat.
-                </p>
-            </p-sidebar>
-            <p-button (onClick)="sidebarVisible = true" icon="pi pi-arrow-right" />
-        </div>
-        <app-code [code]="code" selector="sidebar-size-demo"></app-code>
-    `
-})
-export class SizeDoc {
-    sidebarVisible: boolean = false;
-
-    code: Code = {
-        basic: `<p-sidebar [(visible)]="sidebarVisible" styleClass="!w-30">
-    <ng-template pTemplate="header">
-        <span class="font-semibold text-xl">Sidebar</span>
-    </ng-template>
-    <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit...
-    </p>
-</p-sidebar>
-<p-button (onClick)="sidebarVisible = true" icon="pi pi-arrow-right" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-sidebar [(visible)]="sidebarVisible" styleClass="!w-30">
-        <ng-template pTemplate="header">
-            <span class="font-semibold text-xl">Sidebar</span>
-        </ng-template>
-        <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-        </p>
-    </p-sidebar>
-    <p-button (onClick)="sidebarVisible = true" icon="pi pi-arrow-right" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { SidebarModule } from 'primeng/sidebar';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'sidebar-size-demo',
-    templateUrl: './sidebar-size-demo.html',
-    standalone: true,
-    imports: [SidebarModule, ButtonModule]
-})
-export class SidebarSizeDemo {
-    sidebarVisible: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/sidebar/styledoc.ts b/src/app/showcase/doc/sidebar/styledoc.ts
deleted file mode 100644
index 05e3789..0000000
--- a/src/app/showcase/doc/sidebar/styledoc.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-sidebar</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-sidebar-left</td>
-                        <td>Container element of left sidebar.</td>
-                    </tr>
-                    <tr>
-                        <td>p-sidebar-right</td>
-                        <td>Container element of right sidebar.</td>
-                    </tr>
-                    <tr>
-                        <td>p-sidebar-top</td>
-                        <td>Container element of top sidebar.</td>
-                    </tr>
-                    <tr>
-                        <td>p-sidebar-bottom</td>
-                        <td>Container element of bottom sidebar.</td>
-                    </tr>
-                    <tr>
-                        <td>p-sidebar-full</td>
-                        <td>Container element of a full screen sidebar.</td>
-                    </tr>
-                    <tr>
-                        <td>p-sidebar-active</td>
-                        <td>Container element when sidebar is visible.</td>
-                    </tr>
-                    <tr>
-                        <td>p-sidebar-close</td>
-                        <td>Close anchor element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-sidebar-sm</td>
-                        <td>Small sized sidebar.</td>
-                    </tr>
-                    <tr>
-                        <td>p-sidebar-md</td>
-                        <td>Medium sized sidebar.</td>
-                    </tr>
-                    <tr>
-                        <td>p-sidebar-lg</td>
-                        <td>Large sized sidebar.</td>
-                    </tr>
-                    <tr>
-                        <td>p-sidebar-mask</td>
-                        <td>Modal layer of the sidebar.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/sidebar/templatedoc.ts b/src/app/showcase/doc/sidebar/templatedoc.ts
deleted file mode 100644
index 752c876..0000000
--- a/src/app/showcase/doc/sidebar/templatedoc.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Sidebar is customizable by <i>header</i>, <i>content</i>, <i>footer</i> templates.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-sidebar [(visible)]="sidebarVisible">
-                <ng-template pTemplate="header">
-                    <div class="flex items-center gap-2">
-                        <p-avatar styleClass="flex items-center" image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" shape="circle" />
-                        <span class="font-bold">Amy Elsner</span>
-                    </div>
-                </ng-template>
-                <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat.
-                </p>
-                <ng-template pTemplate="footer">
-                    <p-button label="Save" />
-                    <p-button label="Cancel" (onClick)="sidebarVisible = false" />
-                </ng-template>
-            </p-sidebar>
-            <p-button (onClick)="sidebarVisible = true" icon="pi pi-plus" />
-        </div>
-        <app-code [code]="code" selector="sidebar-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    sidebarVisible: boolean = false;
-
-    code: Code = {
-        basic: `
-<p-sidebar [(visible)]="sidebarVisible">
-    <ng-template pTemplate="header">
-        <div class="flex items-center gap-2">
-            <p-avatar 
-                styleClass="flex items-center"
-                image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" 
-                shape="circle" />
-            <span class="font-bold">
-                Amy Elsner
-            </span>
-        </div>
-    </ng-template>
-    <p>
-        Lorem ipsum dolor sit amet...
-    </p>
-    <ng-template pTemplate="footer">
-        <p-button label="Save" />
-        <p-button label="Cancel" (onClick)="sidebarVisible = false" />
-    </ng-template>
-</p-sidebar>
-<p-button (onClick)="sidebarVisible = true" icon="pi pi-plus" />`,
-
-        html: `
-<div class="card flex justify-center">
-    <p-sidebar [(visible)]="sidebarVisible">
-        <ng-template pTemplate="header">
-            <div class="flex items-center gap-2">
-                <p-avatar 
-                    image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" 
-                    shape="circle" />
-                <span class="font-bold">
-                    Amy Elsner
-                </span>
-            </div>
-        </ng-template>
-        <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat.
-        </p>
-        <ng-template pTemplate="footer">
-            <p-button label="Save" />
-            <p-button label="Cancel" (onClick)="sidebarVisible = false" />
-        </ng-template>
-    </p-sidebar>
-    <p-button (onClick)="sidebarVisible = true" icon="pi pi-plus" />
-</div>`,
-
-        typescript: `
-import { Component } from '@angular/core';
-import { SidebarModule } from 'primeng/sidebar';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'sidebar-template-demo',
-    templateUrl: './sidebar-template-demo.html',
-    standalone: true,
-    imports: [SidebarModule, ButtonModule]
-})
-export class SidebarTemplateDemo {
-    sidebarVisible: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/skeleton/accessibilitydoc.ts b/src/app/showcase/doc/skeleton/accessibilitydoc.ts
deleted file mode 100644
index 3fb6af2..0000000
--- a/src/app/showcase/doc/skeleton/accessibilitydoc.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Skeleton uses <i>aria-hidden</i> as "true" so that it gets ignored by screen readers, any valid attribute is passed to the root element so you may customize it further if required. If multiple skeletons are grouped inside a container,
-                you may use <i>aria-busy</i> on the container element as well to indicate the loading process.
-            </p>
-        </app-docsectiontext>
-
-        <h3>Keyboard Support</h3>
-        <p>Component does not include any interactive elements.</p>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/skeleton/carddoc.ts b/src/app/showcase/doc/skeleton/carddoc.ts
deleted file mode 100644
index bc1fcc9..0000000
--- a/src/app/showcase/doc/skeleton/carddoc.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'card-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Sample Card implementation using different Skeleton components and PrimeFlex CSS utilities.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="border-round border-1 surface-border p-4 surface-card">
-                <div class="flex mb-3">
-                    <p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-                    <div>
-                        <p-skeleton width="10rem" styleClass="mb-2" />
-                        <p-skeleton width="5rem" styleClass="mb-2" />
-                        <p-skeleton height=".5rem" />
-                    </div>
-                </div>
-                <p-skeleton width="100%" height="150px" />
-                <div class="flex justify-between mt-3">
-                    <p-skeleton width="4rem" height="2rem" />
-                    <p-skeleton width="4rem" height="2rem" />
-                </div>
-            </div>
-        </div>
-        <app-code [code]="code" selector="skeleton-card-demo"></app-code>
-    `
-})
-export class CardDoc {
-    code: Code = {
-        basic: `<div class="border-round border-1 surface-border p-4 surface-card">
-    <div class="flex mb-3">
-        <p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-        <div>
-            <p-skeleton width="10rem" styleClass="mb-2" />
-            <p-skeleton width="5rem" styleClass="mb-2" />
-            <p-skeleton height=".5rem" />
-        </div>
-    </div>
-    <p-skeleton width="100%" height="150px" />
-    <div class="flex justify-between mt-3">
-        <p-skeleton width="4rem" height="2rem" />
-        <p-skeleton width="4rem" height="2rem" />
-    </div>
-</div>`,
-        html: `<div class="card">
-    <div class="border-round border-1 surface-border p-4 surface-card">
-        <div class="flex mb-3">
-            <p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-            <div>
-                <p-skeleton width="10rem" styleClass="mb-2" />
-                <p-skeleton width="5rem" styleClass="mb-2" />
-                <p-skeleton height=".5rem" />
-            </div>
-        </div>
-        <p-skeleton width="100%" height="150px" />
-        <div class="flex justify-between mt-3">
-            <p-skeleton width="4rem" height="2rem" />
-            <p-skeleton width="4rem" height="2rem" />
-        </div>
-    </div>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { SkeletonModule } from 'primeng/skeleton';
-
-@Component({
-    selector: 'skeleton-card-demo',
-    templateUrl: './skeleton-card-demo.html',
-    standalone: true,
-    imports: [SkeletonModule]
-})
-export class SkeletonCardDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/skeleton/datatabledoc.ts b/src/app/showcase/doc/skeleton/datatabledoc.ts
deleted file mode 100644
index 99d975b..0000000
--- a/src/app/showcase/doc/skeleton/datatabledoc.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'datatable-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Sample DataTable implementation using different Skeleton components and PrimeFlex CSS utilities.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-table [value]="products" [tableStyle]="{ 'min-width': '50rem' }">
-                <ng-template pTemplate="header">
-                    <tr>
-                        <th>Code</th>
-                        <th>Name</th>
-                        <th>Category</th>
-                        <th>Quantity</th>
-                    </tr>
-                </ng-template>
-                <ng-template pTemplate="body" let-product>
-                    <tr>
-                        <td><p-skeleton /></td>
-                        <td><p-skeleton /></td>
-                        <td><p-skeleton /></td>
-                        <td><p-skeleton /></td>
-                    </tr>
-                </ng-template>
-            </p-table>
-        </div>
-        <app-code [code]="code" selector="skeleton-data-table-demo"></app-code>
-    `
-})
-export class DataTableDoc implements OnInit {
-    products: any[] | undefined;
-
-    ngOnInit() {
-        this.products = Array.from({ length: 5 }).map((_, i) => `Item #${i}`);
-    }
-
-    code: Code = {
-        basic: `<p-table [value]="products" [tableStyle]="{ 'min-width': '50rem' }">
-    <ng-template pTemplate="header">
-        <tr>
-            <th>Code</th>
-            <th>Name</th>
-            <th>Category</th>
-            <th>Quantity</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-product>
-        <tr>
-            <td><p-skeleton /></td>
-            <td><p-skeleton /></td>
-            <td><p-skeleton /></td>
-            <td><p-skeleton /></td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table [value]="products" responsiveLayout="scroll">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Code</th>
-                <th>Name</th>
-                <th>Category</th>
-                <th>Quantity</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td><p-skeleton /></td>
-                <td><p-skeleton /></td>
-                <td><p-skeleton /></td>
-                <td><p-skeleton /></td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { SkeletonModule } from 'primeng/skeleton';
-import { TableModule } from 'primeng/table';
-        
-@Component({
-    selector: 'skeleton-data-table-demo',
-    templateUrl: './skeleton-data-table-demo.html',
-    standalone: true,
-    imports: [SkeletonModule, TableModule]
-})
-export class SkeletonDataTableDemo implements OnInit {
-    products: any[] | undefined;
-
-    ngOnInit() {
-        this.products = Array.from({ length: 5 }).map((_, i) => \`Item #\${i}\`);
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/skeleton/importdoc.ts b/src/app/showcase/doc/skeleton/importdoc.ts
deleted file mode 100644
index 5967dfe..0000000
--- a/src/app/showcase/doc/skeleton/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { SkeletonModule } from 'primeng/skeleton';`
-    };
-}
diff --git a/src/app/showcase/doc/skeleton/listdoc.ts b/src/app/showcase/doc/skeleton/listdoc.ts
deleted file mode 100644
index ff98a45..0000000
--- a/src/app/showcase/doc/skeleton/listdoc.ts
+++ /dev/null
@@ -1,150 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'list-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Sample List implementation using different Skeleton components and PrimeFlex CSS utilities.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="border-round border-1 surface-border p-4 surface-card">
-                <ul class="m-0 p-0 list-none">
-                    <li class="mb-3">
-                        <div class="flex">
-                            <p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-                            <div style="flex: 1">
-                                <p-skeleton width="100%" styleClass="mb-2" />
-                                <p-skeleton width="75%" />
-                            </div>
-                        </div>
-                    </li>
-                    <li class="mb-3">
-                        <div class="flex">
-                            <p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-                            <div style="flex: 1">
-                                <p-skeleton width="100%" styleClass="mb-2" />
-                                <p-skeleton width="75%" />
-                            </div>
-                        </div>
-                    </li>
-                    <li class="mb-3">
-                        <div class="flex">
-                            <p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-                            <div style="flex: 1">
-                                <p-skeleton width="100%" styleClass="mb-2" />
-                                <p-skeleton width="75%" />
-                            </div>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="flex">
-                            <p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-                            <div style="flex: 1">
-                                <p-skeleton width="100%" styleClass="mb-2" />
-                                <p-skeleton width="75%" />
-                            </div>
-                        </div>
-                    </li>
-                </ul>
-            </div>
-        </div>
-        <app-code [code]="code" selector="skeleton-list-demo"></app-code>
-    `
-})
-export class ListDoc {
-    code: Code = {
-        basic: `<div class="border-round border-1 surface-border p-4 surface-card">
-    <ul class="m-0 p-0 list-none">
-        <li class="mb-3">
-            <div class="flex">
-                <p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-                <div style="flex: 1">
-                    <p-skeleton width="100%" styleClass="mb-2" />
-                    <p-skeleton width="75%" />
-                </div>
-            </div>
-        </li>
-        <li class="mb-3">
-            <div class="flex">
-                <p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-                <div style="flex: 1">
-                    <p-skeleton width="100%" styleClass="mb-2" />
-                    <p-skeleton width="75%" />
-                </div>
-            </div>
-        </li>
-        <li class="mb-3">
-            <div class="flex">
-                <p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-                <div style="flex: 1">
-                    <p-skeleton width="100%" styleClass="mb-2" />
-                    <p-skeleton width="75%" />
-                </div>
-            </div>
-        </li>
-        <li>
-            <div class="flex">
-                <p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-                <div style="flex: 1">
-                    <p-skeleton width="100%" styleClass="mb-2" />
-                    <p-skeleton width="75%" />
-                </div>
-            </div>
-        </li>
-    </ul>
-</div>`,
-        html: `<div class="card">
-    <div class="border-round border-1 surface-border p-4 surface-card">
-        <ul class="m-0 p-0 list-none">
-            <li class="mb-3">
-                <div class="flex">
-                    <p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-                    <div style="flex: 1">
-                        <p-skeleton width="100%" styleClass="mb-2" />
-                        <p-skeleton width="75%" />
-                    </div>
-                </div>
-            </li>
-            <li class="mb-3">
-                <div class="flex">
-                    <p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-                    <div style="flex: 1">
-                        <p-skeleton width="100%" styleClass="mb-2" />
-                        <p-skeleton width="75%" />
-                    </div>
-                </div>
-            </li>
-            <li class="mb-3">
-                <div class="flex">
-                    <p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-                    <div style="flex: 1">
-                        <p-skeleton width="100%" styleClass="mb-2" />
-                        <p-skeleton width="75%" />
-                    </div>
-                </div>
-            </li>
-            <li>
-                <div class="flex">
-                    <p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-                    <div style="flex: 1">
-                        <p-skeleton width="100%" styleClass="mb-2" />
-                        <p-skeleton width="75%" />
-                    </div>
-                </div>
-            </li>
-        </ul>
-    </div>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { SkeletonModule } from 'primeng/skeleton';
-
-@Component({
-    selector: 'skeleton-list-demo,
-    templateUrl: './skeleton-list-demo.html',
-    standalone: true,
-    imports: [SkeletonModule]
-})
-export class SkeletonListDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/skeleton/shapesdoc.ts b/src/app/showcase/doc/skeleton/shapesdoc.ts
deleted file mode 100644
index 6aeb7be..0000000
--- a/src/app/showcase/doc/skeleton/shapesdoc.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'shapes-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Various shapes and sizes can be created using styling properties like <i>shape</i>, <i>width</i>, <i>height</i>, <i>borderRadius</i> and <i>styleClass</i>.</p>
-        </app-docsectiontext>
-        <div class="card grid grid-nogutter">
-            <div class="w-full xl:w-6 p-3">
-                <h5>Rectangle</h5>
-                <p-skeleton styleClass="mb-2" />
-                <p-skeleton width="10rem" styleClass="mb-2" />
-                <p-skeleton width="5rem" styleClass="mb-2" />
-                <p-skeleton height="2rem" styleClass="mb-2" />
-                <p-skeleton width="10rem" height="4rem" />
-            </div>
-            <div class="w-full xl:w-6 p-3">
-                <h5>Rounded</h5>
-                <p-skeleton styleClass="mb-2" borderRadius="16px" />
-                <p-skeleton width="10rem" styleClass="mb-2" borderRadius="16px" />
-                <p-skeleton width="5rem" styleClass="mb-2" borderRadius="16px" />
-                <p-skeleton height="2rem" styleClass="mb-2" borderRadius="16px" />
-                <p-skeleton width="10rem" height="4rem" borderRadius="16px" />
-            </div>
-            <div class="w-full xl:w-6 p-3">
-                <h5 class="mt-3">Square</h5>
-                <div class="flex items-end">
-                    <p-skeleton size="2rem" styleClass="mr-2" />
-                    <p-skeleton size="3rem" styleClass="mr-2" />
-                    <p-skeleton size="4rem" styleClass="mr-2" />
-                    <p-skeleton size="5rem" />
-                </div>
-            </div>
-            <div class="field w-full xl:w-6 p-3">
-                <h5 class="mt-3">Circle</h5>
-                <div class="flex items-end">
-                    <p-skeleton shape="circle" size="2rem" styleClass="mr-2" />
-                    <p-skeleton shape="circle" size="3rem" styleClass="mr-2" />
-                    <p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-                    <p-skeleton shape="circle" size="5rem" />
-                </div>
-            </div>
-        </div>
-        <app-code [code]="code" selector="skeleton-shapes-demo"></app-code>
-    `
-})
-export class ShapesDoc {
-    code: Code = {
-        basic: `<h5>Rectangle</h5>
-<p-skeleton styleClass="mb-2" />
-<p-skeleton width="10rem" styleClass="mb-2" />
-<p-skeleton width="5rem" styleClass="mb-2" />
-<p-skeleton height="2rem" styleClass="mb-2" />
-<p-skeleton width="10rem" height="4rem" />
-
-<h5>Rounded</h5>
-<p-skeleton styleClass="mb-2" borderRadius="16px" />
-<p-skeleton width="10rem" styleClass="mb-2" borderRadius="16px" />
-<p-skeleton width="5rem" styleClass="mb-2" borderRadius="16px" />
-<p-skeleton height="2rem" styleClass="mb-2" borderRadius="16px" />
-<p-skeleton width="10rem" height="4rem" borderRadius="16px" />
-
-<h5 class="mt-3">Square</h5>
-<p-skeleton size="2rem" styleClass="mr-2" />
-<p-skeleton size="3rem" styleClass="mr-2" />
-<p-skeleton size="4rem" styleClass="mr-2" />
-<p-skeleton size="5rem" />
-
-<h5 class="mt-3">Circle</h5>
-<p-skeleton shape="circle" size="2rem" styleClass="mr-2" />
-<p-skeleton shape="circle" size="3rem" styleClass="mr-2" />
-<p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-<p-skeleton shape="circle" size="5rem" />`,
-        html: `<div class="grid grid-nogutter">
-    <div class="w-full xl:w-6 p-3">
-        <h5>Rectangle</h5>
-        <p-skeleton styleClass="mb-2" />
-        <p-skeleton width="10rem" styleClass="mb-2" />
-        <p-skeleton width="5rem" styleClass="mb-2" />
-        <p-skeleton height="2rem" styleClass="mb-2" />
-        <p-skeleton width="10rem" height="4rem" />
-    </div>
-    <div class="w-full xl:w-6 p-3">
-        <h5>Rounded</h5>
-        <p-skeleton styleClass="mb-2" borderRadius="16px" />
-        <p-skeleton width="10rem" styleClass="mb-2" borderRadius="16px" />
-        <p-skeleton width="5rem" styleClass="mb-2" borderRadius="16px" />
-        <p-skeleton height="2rem" styleClass="mb-2" borderRadius="16px" />
-        <p-skeleton width="10rem" height="4rem" borderRadius="16px" />
-    </div>
-    <div class="w-full xl:w-6 p-3">
-        <h5 class="mt-3">Square</h5>
-        <div class="flex items-end">
-            <p-skeleton size="2rem" styleClass="mr-2" />
-            <p-skeleton size="3rem" styleClass="mr-2" />
-            <p-skeleton size="4rem" styleClass="mr-2" />
-            <p-skeleton size="5rem" />
-        </div>
-    </div>
-    <div class="field w-full xl:w-6 p-3">
-        <h5 class="mt-3">Circle</h5>
-        <div class="flex items-end">
-            <p-skeleton shape="circle" size="2rem" styleClass="mr-2" />
-            <p-skeleton shape="circle" size="3rem" styleClass="mr-2" />
-            <p-skeleton shape="circle" size="4rem" styleClass="mr-2" />
-            <p-skeleton shape="circle" size="5rem" />
-        </div>
-    </div>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { SkeletonModule } from 'primeng/skeleton';
-
-@Component({
-    selector: 'skeleton-shapes-demo',
-    templateUrl: './skeleton-shapes-demo.html',
-    standalone: true,
-    imports: [SkeletonModule]
-})
-export class SkeletonShapesDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/skeleton/skeletondoc.module.ts b/src/app/showcase/doc/skeleton/skeletondoc.module.ts
deleted file mode 100644
index 5179175..0000000
--- a/src/app/showcase/doc/skeleton/skeletondoc.module.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { SkeletonModule } from 'primeng/skeleton';
-import { TableModule } from 'primeng/table';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { CardDoc } from './carddoc';
-import { DataTableDoc } from './datatabledoc';
-import { ImportDoc } from './importdoc';
-import { ListDoc } from './listdoc';
-import { ShapesDoc } from './shapesdoc';
-import { StyleDoc } from './styledoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, TableModule, SkeletonModule],
-    declarations: [CardDoc, DataTableDoc, ImportDoc, ListDoc, ShapesDoc, StyleDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class SkeletonDocModule {}
diff --git a/src/app/showcase/doc/skeleton/styledoc.ts b/src/app/showcase/doc/skeleton/styledoc.ts
deleted file mode 100644
index 1a32f3f..0000000
--- a/src/app/showcase/doc/skeleton/styledoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-skeleton</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-skeleton-circle</td>
-                        <td>Container element of a determinate progressbar.</td>
-                    </tr>
-                    <tr>
-                        <td>p-skeleton-animation-none</td>
-                        <td>Container element of an indeterminate progressbar.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/slider/accessibilitydoc.ts b/src/app/showcase/doc/slider/accessibilitydoc.ts
deleted file mode 100644
index 34a5e9a..0000000
--- a/src/app/showcase/doc/slider/accessibilitydoc.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Slider element component uses <i>slider</i> role on the handle in addition to the <i>aria-orientation</i>, <i>aria-valuemin</i>, <i>aria-valuemax</i> and <i>aria-valuenow</i> attributes. Value to describe the component can be defined
-                using <i>ariaLabelledBy</i> and <i>ariaLabel</i> props.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the slider.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <span class="inline-flex flex-col">
-                                <i class="mb-1">left arrow</i>
-                                <i>up arrow</i>
-                            </span>
-                        </td>
-                        <td>Decrements the value.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <span class="inline-flex flex-col">
-                                <i class="mb-1">right arrow</i>
-                                <i>down arrow</i>
-                            </span>
-                        </td>
-                        <td>Increments the value.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>home</i>
-                        </td>
-                        <td>Set the minimum value.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>end</i>
-                        </td>
-                        <td>Set the maximum value.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>page up</i>
-                        </td>
-                        <td>Increments the value by 10 steps.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>page down</i>
-                        </td>
-                        <td>Decrements the value by 10 steps.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<span id="label_number">Number</span>
-<p-slider ariaLabelledBy="label_number" />
-
-<p-slider ariaLabel="Number" />`
-    };
-}
diff --git a/src/app/showcase/doc/slider/basicdoc.ts b/src/app/showcase/doc/slider/basicdoc.ts
deleted file mode 100644
index a79ddd7..0000000
--- a/src/app/showcase/doc/slider/basicdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Two-way binding is defined using the standard <i>ngModel</i> directive.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-slider [(ngModel)]="value" styleClass="!w-14" />
-        </div>
-        <app-code [code]="code" selector="slider-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    value!: number;
-
-    code: Code = {
-        basic: `<p-slider [(ngModel)]="value" styleClass="!w-14"/>`,
-
-        html: `<div class="card flex justify-center">
-    <p-slider [(ngModel)]="value" styleClass="!w-14"/>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { SliderModule } from 'primeng/slider';
-
-@Component({
-    selector: 'slider-basic-demo',
-    templateUrl: './slider-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, SliderModule]
-})
-export class SliderBasicDemo {
-    value!: number;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/slider/disableddoc.ts b/src/app/showcase/doc/slider/disableddoc.ts
deleted file mode 100644
index d96dfcc..0000000
--- a/src/app/showcase/doc/slider/disableddoc.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <div class="card flex justify-center">
-            <p-slider [(ngModel)]="value" styleClass="!w-14" [disabled]="true"/>
-        </div>
-        <app-code [code]="code" selector="slider-basic-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    value: number = 20;
-
-    code: Code = {
-        basic: `<p-slider [(ngModel)]="value" styleClass="!w-14" [disabled]="true"/>`,
-
-        html: `<div class="card flex justify-center">
-    <p-slider [(ngModel)]="value" styleClass="!w-14" [disabled]="true"/>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { SliderModule } from 'primeng/slider';
-
-@Component({
-    selector: 'slider-basic-demo',
-    templateUrl: './slider-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, SliderModule]
-})
-export class SliderBasicDemo {
-    value!: number;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/slider/importdoc.ts b/src/app/showcase/doc/slider/importdoc.ts
deleted file mode 100644
index d8fc534..0000000
--- a/src/app/showcase/doc/slider/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { SliderModule } from 'primeng/slider';`
-    };
-}
diff --git a/src/app/showcase/doc/slider/inputdoc.ts b/src/app/showcase/doc/slider/inputdoc.ts
deleted file mode 100644
index dafd220..0000000
--- a/src/app/showcase/doc/slider/inputdoc.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'input-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Slider is connected to an input field using two-way binding.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <div>
-                <input type="text" pInputText [(ngModel)]="value" class="w-full mb-3" />
-                <p-slider [(ngModel)]="value" class="w-full" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="slider-input-demo"></app-code>
-    `
-})
-export class InputDoc {
-    value: number = 50;
-
-    code: Code = {
-        basic: `<div>
-    <input type="text" pInputText [(ngModel)]="value" class="w-full mb-3"/>
-    <p-slider [(ngModel)]="value" class="w-full" />
-</div>`,
-
-        html: `<div class="card flex justify-center">
-    <div>
-        <input type="text" pInputText [(ngModel)]="value" class="w-full mb-3"/>
-        <p-slider [(ngModel)]="value" class="w-full" />
-    </div>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { SliderModule } from 'primeng/slider';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'slider-input-demo',
-    templateUrl: './slider-input-demo.html',
-    standalone: true,
-    imports: [FormsModule, SliderModule, InputTextModule]
-})
-export class SliderInputDemo {
-    value: number = 50;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/slider/rangedoc.ts b/src/app/showcase/doc/slider/rangedoc.ts
deleted file mode 100644
index a8b447c..0000000
--- a/src/app/showcase/doc/slider/rangedoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'range-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>range</i> property is present, slider provides two handles to define two values. In range mode, value should be an array instead of a single value.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-slider [(ngModel)]="rangeValues" [range]="true" styleClass="!w-14" />
-        </div>
-        <app-code [code]="code" selector="slider-range-demo"></app-code>
-    `
-})
-export class RangeDoc {
-    rangeValues: number[] = [20, 80];
-
-    code: Code = {
-        basic: `<p-slider [(ngModel)]="rangeValues" [range]="true" styleClass="!w-14" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-slider [(ngModel)]="rangeValues" [range]="true" styleClass="!w-14" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { SliderModule } from 'primeng/slider';
-
-@Component({
-    selector: 'slider-range-demo',
-    templateUrl: './slider-range-demo.html',
-    standalone: true,
-    imports: [FormsModule, SliderModule]
-})
-export class SliderRangeDemo {
-    rangeValues: number[] = [20, 80];
-}`
-    };
-}
diff --git a/src/app/showcase/doc/slider/reactiveformsdoc.ts b/src/app/showcase/doc/slider/reactiveformsdoc.ts
deleted file mode 100644
index 9728db5..0000000
--- a/src/app/showcase/doc/slider/reactiveformsdoc.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Slider can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <p-slider formControlName="value" styleClass="!w-14" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="slider-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            value: new FormControl(20)
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <p-slider formControlName="value" styleClass="!w-14" />
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup">
-        <p-slider formControlName="value" styleClass="!w-14" />
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { SliderModule } from 'primeng/slider';
-
-@Component({
-    selector: 'slider-reactive-forms-demo',
-    templateUrl: './slider-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, SliderModule]
-})
-export class SliderReactiveFormsDemo implements OnInit {
-    formGroup!: FormGroup;
-
-    stateOptions: any[] = [
-        { label: 'Off', value: 'off' },
-        { label: 'On', value: 'on' }
-    ];
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            value: new FormControl('on')
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/slider/sliderdoc.module.ts b/src/app/showcase/doc/slider/sliderdoc.module.ts
deleted file mode 100644
index 6f4dfc6..0000000
--- a/src/app/showcase/doc/slider/sliderdoc.module.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { InputTextModule } from 'primeng/inputtext';
-import { SliderModule } from 'primeng/slider';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { InputDoc } from './inputdoc';
-import { RangeDoc } from './rangedoc';
-import { StepDoc } from './stepdoc';
-import { StyleDoc } from './styledoc';
-import { VerticalDoc } from './verticaldoc';
-import { DisabledDoc } from '@doc/slider/disableddoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, FormsModule, ReactiveFormsModule, SliderModule, AppDocModule, InputTextModule, RouterModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, InputDoc, StepDoc, RangeDoc, VerticalDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc, DisabledDoc]
-})
-export class SliderDocModule {}
diff --git a/src/app/showcase/doc/slider/stepdoc.ts b/src/app/showcase/doc/slider/stepdoc.ts
deleted file mode 100644
index 173c10d..0000000
--- a/src/app/showcase/doc/slider/stepdoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'step-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Size of each movement is defined with the <i>step</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-slider [(ngModel)]="value" [step]="20" styleClass="!w-14" />
-        </div>
-        <app-code [code]="code" selector="slider-step-demo"></app-code>
-    `
-})
-export class StepDoc {
-    value!: number;
-
-    code: Code = {
-        basic: `<p-slider [(ngModel)]="value" [step]="20" styleClass="!w-14" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-slider [(ngModel)]="value" [step]="20" styleClass="!w-14" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { SliderModule } from 'primeng/slider';
-
-@Component({
-    selector: 'slider-step-demo',
-    templateUrl: './slider-step-demo.html',
-    standalone: true,
-    imports: [FormsModule, SliderModule]
-})
-export class SliderStepDemo {
-    value!: number;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/slider/styledoc.ts b/src/app/showcase/doc/slider/styledoc.ts
deleted file mode 100644
index debfa88..0000000
--- a/src/app/showcase/doc/slider/styledoc.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-slider</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-slider-handle</td>
-                        <td>Handle element</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/slider/verticaldoc.ts b/src/app/showcase/doc/slider/verticaldoc.ts
deleted file mode 100644
index 55c1b95..0000000
--- a/src/app/showcase/doc/slider/verticaldoc.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'vertical-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Default layout of slider is <i>horizontal</i>, use <i>orientation</i> property for the alternative <i>vertical</i> mode.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-slider [(ngModel)]="value" orientation="vertical" styleClass="!h-14" />
-        </div>
-        <app-code [code]="code" selector="slider-vertical-demo"></app-code>
-    `
-})
-export class VerticalDoc {
-    value: number = 50;
-
-    code: Code = {
-        basic: `<p-slider [(ngModel)]="value" orientation="vertical" styleClass="!h-14" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-slider [(ngModel)]="value" orientation="vertical" styleClass="!h-14" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { SliderModule } from 'primeng/slider';
-
-@Component({
-    selector: 'slider-vertical-demo',
-    templateUrl: './slider-vertical-demo.html',
-    standalone: true,
-    imports: [FormsModule, SliderModule]
-})
-export class SliderVerticalDemo {
-    value: number = 50;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/speeddial/accessibilitydoc.ts b/src/app/showcase/doc/speeddial/accessibilitydoc.ts
deleted file mode 100644
index 4c40502..0000000
--- a/src/app/showcase/doc/speeddial/accessibilitydoc.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                SpeedDial component renders a native button element that implicitly includes any passed prop. Text to describe the button can be defined with the <i>aria-labelledby</i> or <i>aria-label</i> props. Addititonally the button includes
-                includes <i>aria-haspopup</i>, <i>aria-expanded</i> for states along with <i>aria-controls</i> to define the relation between the popup and the button.
-            </p>
-
-            <p>The popup overlay uses <i>menu</i> role on the list and each action item has a <i>menuitem</i> role with an <i>aria-label</i> as the menuitem label. The id of the menu refers to the <i>aria-controls</i> of the button.</p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideStackBlitz]="true" [hideCodeSandbox]="true"></app-code>
-
-        <h3>Menu Button Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Toggles the visibility of the menu.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Toggles the visibility of the menu.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>down arrow</i>
-                        </td>
-                        <td>Opens the menu and moves focus to the first item.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>up arrow</i>
-                        </td>
-                        <td>Opens the menu and moves focus to the last item.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Menu Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Activates the menuitem, closes the menu and sets focus on the menu button.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>escape</i>
-                        </td>
-                        <td>Closes the menu and sets focus on the menu button.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>arrow keys</i>
-                        </td>
-                        <td>Navigates between the menu items.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>home</i>
-                        </td>
-                        <td>Moves focus to the first item.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>end</i>
-                        </td>
-                        <td>Moves focus to the last item.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<p-speedDial aria-label="Options" />`
-    };
-}
diff --git a/src/app/showcase/doc/speeddial/circledoc.ts b/src/app/showcase/doc/speeddial/circledoc.ts
deleted file mode 100644
index 0f65bed..0000000
--- a/src/app/showcase/doc/speeddial/circledoc.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'circle-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Items can be displayed around the button when <i>type</i> is set to <i>circle</i>. Additional <i>radius</i> property defines the radius of the circle.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div style="height: 500px" class="flex items-center justify-center">
-                <p-toast />
-                <p-speedDial [model]="items" type="circle" [radius]="80" buttonClassName="p-button-warning" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="speed-dial-circle-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class CircleDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                icon: 'pi pi-pencil',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Add', detail: 'Data Added' });
-                }
-            },
-            {
-                icon: 'pi pi-refresh',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Update', detail: 'Data Updated' });
-                }
-            },
-            {
-                icon: 'pi pi-trash',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'Delete', detail: 'Data Deleted' });
-                }
-            },
-            {
-                icon: 'pi pi-upload',
-                routerLink: ['/fileupload']
-            },
-            {
-                icon: 'pi pi-external-link',
-                target: '_blank',
-                url: 'http://angular.io'
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-speedDial 
-    [model]="items" 
-    type="circle" 
-    [radius]="80" 
-    buttonClassName="p-button-warning" />`,
-
-        html: `<div class="card">
-    <div style="height: 500px" class="flex items-center justify-center">
-        <p-toast />
-        <p-speedDial 
-            [model]="items" 
-            type="circle" 
-            [radius]="80"
-            buttonClassName="p-button-warning" />
-    </div>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SpeedDialModule } from 'primeng/speeddial';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'speed-dial-circle-demo',
-    templateUrl: './speed-dial-circle-demo.html',
-    standalone: true,
-    imports: [SpeedDialModule, ToastModule],
-    providers: [MessageService]
-})
-export class SpeedDialCircleDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                icon: 'pi pi-pencil',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Add', detail: 'Data Added' });
-                }
-            },
-            {
-                icon: 'pi pi-refresh',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Update', detail: 'Data Updated' });
-                }
-            },
-            {
-                icon: 'pi pi-trash',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'Delete', detail: 'Data Deleted' });
-                }
-            },
-            {
-                icon: 'pi pi-upload',
-                routerLink: ['/fileupload']
-            },
-            {
-                icon: 'pi pi-external-link',
-                target: '_blank',
-                url: 'http://angular.io'
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/speeddial/customdoc.ts b/src/app/showcase/doc/speeddial/customdoc.ts
deleted file mode 100644
index f107329..0000000
--- a/src/app/showcase/doc/speeddial/customdoc.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'custom-doc',
-    template: `
-        <app-docsectiontext>
-            <p>SpeedDial sample with an outlined button, custom icons and <i>transitionDelay</i>.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div style="height: 500px" class="flex justify-center">
-                <p-toast />
-                <p-speedDial [model]="items" direction="up" transitionDelay="80" showIcon="pi pi-bars" hideIcon="pi pi-times" buttonClassName="p-button-outlined" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="speed-dial-custom-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class CustomDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                icon: 'pi pi-pencil',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Add', detail: 'Data Added' });
-                }
-            },
-            {
-                icon: 'pi pi-refresh',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Update', detail: 'Data Updated' });
-                }
-            },
-            {
-                icon: 'pi pi-trash',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'Delete', detail: 'Data Deleted' });
-                }
-            },
-            {
-                icon: 'pi pi-upload',
-                routerLink: ['/fileupload']
-            },
-            {
-                icon: 'pi pi-external-link',
-                target: '_blank',
-                url: 'http://angular.io'
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-speedDial 
-    [model]="items" 
-    direction="up" 
-    transitionDelay="80" 
-    showIcon="pi pi-bars" 
-    hideIcon="pi pi-times" 
-    buttonClassName="p-button-outlined" />`,
-
-        html: `<div class="card">
-    <div style="height: 500px" class="flex justify-center">
-        <p-toast />
-        <p-speedDial 
-            [model]="items" 
-            direction="up" 
-            transitionDelay="80" 
-            showIcon="pi pi-bars" 
-            hideIcon="pi pi-times" 
-            buttonClassName="p-button-outlined" />
-    </div>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SpeedDialModule } from 'primeng/speeddial';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'speed-dial-custom-demo',
-    templateUrl: './speed-dial-custom-demo.html',
-    standalone: true,
-    imports: [SpeedDialModule, ToastModule],
-    providers: [MessageService]
-})
-export class SpeedDialCustomDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                icon: 'pi pi-pencil',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Add', detail: 'Data Added' });
-                }
-            },
-            {
-                icon: 'pi pi-refresh',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Update', detail: 'Data Updated' });
-                }
-            },
-            {
-                icon: 'pi pi-trash',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'Delete', detail: 'Data Deleted' });
-                }
-            },
-            {
-                icon: 'pi pi-upload',
-                routerLink: ['/fileupload']
-            },
-            {
-                icon: 'pi pi-external-link',
-                target: '_blank',
-                url: 'http://angular.io'
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/speeddial/importdoc.ts b/src/app/showcase/doc/speeddial/importdoc.ts
deleted file mode 100644
index fa8ce56..0000000
--- a/src/app/showcase/doc/speeddial/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { SpeedDialModule } from 'primeng/speeddial';`
-    };
-}
diff --git a/src/app/showcase/doc/speeddial/lineardoc.ts b/src/app/showcase/doc/speeddial/lineardoc.ts
deleted file mode 100644
index 695fdf1..0000000
--- a/src/app/showcase/doc/speeddial/lineardoc.ts
+++ /dev/null
@@ -1,176 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'linear-doc',
-    template: `
-        <app-docsectiontext>
-            <p>SpeedDial items are defined with the <i>model</i> property based on MenuModel API. Default orientation of the items is linear and <i>direction</i> property is used to define the position of the items related to the button.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div style="height: 500px; position: relative;" class="speeddial-linear-demo">
-                <p-toast />
-                <p-speedDial [model]="items" direction="up" />
-                <p-speedDial [model]="items" direction="down" />
-                <p-speedDial [model]="items" direction="left" />
-                <p-speedDial [model]="items" direction="right" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="speed-dial-linear-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class LinearDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                icon: 'pi pi-pencil',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Add', detail: 'Data Added' });
-                }
-            },
-            {
-                icon: 'pi pi-refresh',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Update', detail: 'Data Updated' });
-                }
-            },
-            {
-                icon: 'pi pi-trash',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'Delete', detail: 'Data Deleted' });
-                }
-            },
-            {
-                icon: 'pi pi-upload',
-                routerLink: ['/fileupload']
-            },
-            {
-                icon: 'pi pi-external-link',
-                target: '_blank',
-                url: 'http://angular.io'
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-speedDial [model]="items" direction="up" />
-<p-speedDial [model]="items" direction="down" />
-<p-speedDial [model]="items" direction="left" />
-<p-speedDial [model]="items" direction="right" />`,
-
-        html: `<div class="card">
-    <div style="height: 500px; position: relative;" class="speeddial-linear-demo">
-        <p-toast />
-        <p-speedDial [model]="items" direction="up" />
-        <p-speedDial [model]="items" direction="down" />
-        <p-speedDial [model]="items" direction="left" />
-        <p-speedDial [model]="items" direction="right" />
-    </div>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SpeedDialModule } from 'primeng/speeddial';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'speed-dial-linear-demo',
-    templateUrl: './speed-dial-linear-demo.html',
-    styles: [
-        \`:host ::ng-deep {
-            .speeddial-linear-demo {
-                .p-speeddial-direction-up {
-                    left: calc(50% - 2rem);
-                    bottom: 0;
-                }
-        
-                .p-speeddial-direction-down {
-                    left: calc(50% - 2rem);
-                    top: 0;
-                }
-        
-                .p-speeddial-direction-left {
-                    right: 0;
-                    top: calc(50% - 2rem);
-                }
-        
-                .p-speeddial-direction-right {
-                    left: 0;
-                    top: calc(50% - 2rem);
-                }
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [SpeedDialModule, ToastModule],
-    providers: [MessageService]
-})
-export class SpeedDialLinearDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                icon: 'pi pi-pencil',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Add', detail: 'Data Added' });
-                }
-            },
-            {
-                icon: 'pi pi-refresh',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Update', detail: 'Data Updated' });
-                }
-            },
-            {
-                icon: 'pi pi-trash',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'Delete', detail: 'Data Deleted' });
-                }
-            },
-            {
-                icon: 'pi pi-upload',
-                routerLink: ['/fileupload']
-            },
-            {
-                icon: 'pi pi-external-link',
-                target:'_blank',
-                url: 'http://angular.io'
-            }
-        ];
-    }
-}`,
-
-        scss: `:host ::ng-deep {
-    .speeddial-linear-demo {
-        .p-speeddial-direction-up {
-            left: calc(50% - 2rem);
-            bottom: 0;
-        }
-
-        .p-speeddial-direction-down {
-            left: calc(50% - 2rem);
-            top: 0;
-        }
-
-        .p-speeddial-direction-left {
-            right: 0;
-            top: calc(50% - 2rem);
-        }
-
-        .p-speeddial-direction-right {
-            left: 0;
-            top: calc(50% - 2rem);
-        }
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/speeddial/maskdoc.ts b/src/app/showcase/doc/speeddial/maskdoc.ts
deleted file mode 100644
index 7f723de..0000000
--- a/src/app/showcase/doc/speeddial/maskdoc.ts
+++ /dev/null
@@ -1,143 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'mask-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Adding <i>mask</i> property displays a modal layer behind the popup items.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div style="height: 350px; position: relative;" class="speeddial-mask-demo">
-                <p-toast />
-                <p-speedDial [model]="items" direction="up" [mask]="true" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="speed-dial-mask-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class MaskDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                icon: 'pi pi-pencil',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Add', detail: 'Data Added' });
-                }
-            },
-            {
-                icon: 'pi pi-refresh',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Update', detail: 'Data Updated' });
-                }
-            },
-            {
-                icon: 'pi pi-trash',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'Delete', detail: 'Data Deleted' });
-                }
-            },
-            {
-                icon: 'pi pi-upload',
-                routerLink: ['/fileupload']
-            },
-            {
-                icon: 'pi pi-external-link',
-                target: '_blank',
-                url: 'http://angular.io'
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-speedDial 
-    [model]="items" 
-    direction="up" 
-    [mask]="true" />`,
-
-        html: `<div class="card">
-    <div style="height: 350px; position: relative;" class="speeddial-mask-demo">
-        <p-toast />
-        <p-speedDial 
-            [model]="items" 
-            direction="up" 
-            [mask]="true" />
-    </div>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SpeedDialModule } from 'primeng/speeddial';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'speed-dial-mask-demo',
-    templateUrl: './speed-dial-mask-demo.html',
-    styles: [
-        \`:host ::ng-deep {
-            .speeddial-mask-demo {
-                .p-speeddial-direction-up {
-                    right: 0;
-                    bottom: 0;
-                }
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [SpeedDialModule, ToastModule],
-    providers: [MessageService]
-})
-export class SpeedDialMaskDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                icon: 'pi pi-pencil',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Add', detail: 'Data Added' });
-                }
-            },
-            {
-                icon: 'pi pi-refresh',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Update', detail: 'Data Updated' });
-                }
-            },
-            {
-                icon: 'pi pi-trash',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'Delete', detail: 'Data Deleted' });
-                }
-            },
-            {
-                icon: 'pi pi-upload',
-                routerLink: ['/fileupload']
-            },
-            {
-                icon: 'pi pi-external-link',
-                target: '_blank',
-                url: 'http://angular.io'
-            }
-        ];
-    }
-}`,
-
-        scss: `:host ::ng-deep {
-    .speeddial-mask-demo {
-        .p-speeddial-direction-up {
-            right: 0;
-            bottom: 0;
-        }
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/speeddial/quartercircledoc.ts b/src/app/showcase/doc/speeddial/quartercircledoc.ts
deleted file mode 100644
index b9cfa2c..0000000
--- a/src/app/showcase/doc/speeddial/quartercircledoc.ts
+++ /dev/null
@@ -1,220 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'quarter-circle-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>type</i> is defined as <i>quarter-circle</i>, items are displayed in a half-circle around the button.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div style="height: 500px; position: relative;" class="speeddial-circle-demo">
-                <p-toast />
-                <p-speedDial [model]="items" radius="120" direction="up-left" type="quarter-circle" buttonClassName="p-button-success" />
-                <p-speedDial [model]="items" radius="120" direction="up-right" type="quarter-circle" buttonClassName="p-button-success" />
-                <p-speedDial [model]="items" radius="120" direction="down-left" type="quarter-circle" buttonClassName="p-button-success" />
-                <p-speedDial [model]="items" radius="120" direction="down-right" type="quarter-circle" buttonClassName="p-button-success" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="speed-dial-quarter-circle-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class QuarterCircleDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                icon: 'pi pi-pencil',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Add', detail: 'Data Added' });
-                }
-            },
-            {
-                icon: 'pi pi-refresh',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Update', detail: 'Data Updated' });
-                }
-            },
-            {
-                icon: 'pi pi-trash',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'Delete', detail: 'Data Deleted' });
-                }
-            },
-            {
-                icon: 'pi pi-upload',
-                routerLink: ['/fileupload']
-            },
-            {
-                icon: 'pi pi-external-link',
-                target: '_blank',
-                url: 'http://angular.io'
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-speedDial 
-    [model]="items" 
-    radius="120"
-    direction="up-left" 
-    type="quarter-circle" 
-    buttonClassName="p-button-success" />
-<p-speedDial 
-    [model]="items" 
-    radius="120" 
-    direction="up-right"
-    type="quarter-circle" 
-    buttonClassName="p-button-success" />
-<p-speedDial 
-    [model]="items" 
-    radius="120" 
-    direction="down-left" 
-    type="quarter-circle" 
-    buttonClassName="p-button-success" />
-<p-speedDial 
-    [model]="items" 
-    radius="120" 
-    direction="down-right" 
-    type="quarter-circle" 
-    buttonClassName="p-button-success" />`,
-
-        html: `<div class="card">
-    <div style="height: 500px; position: relative;" class="speeddial-circle-demo">
-        <p-toast />
-        <p-speedDial 
-            [model]="items" 
-            radius="120" 
-            direction="up-left" 
-            type="quarter-circle" 
-            buttonClassName="p-button-success" />
-        <p-speedDial 
-            [model]="items" 
-            radius="120" 
-            direction="up-right" 
-            type="quarter-circle" 
-            buttonClassName="p-button-success" />
-        <p-speedDial 
-            [model]="items" 
-            radius="120" 
-            direction="down-left" 
-            type="quarter-circle" 
-            buttonClassName="p-button-success" />
-        <p-speedDial 
-            [model]="items" 
-            radius="120" 
-            direction="down-right" 
-            type="quarter-circle" 
-            buttonClassName="p-button-success" />
-    </div>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SpeedDialModule } from 'primeng/speeddial';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'speed-dial-quarter-circle-demo',
-    templateUrl: './speed-dial-quarter-circle-demo.html',
-    styles: [
-        \`:host ::ng-deep {
-            .speeddial-circle-demo {
-                .p-speeddial-quarter-circle {
-                    &.p-speeddial-direction-up-left {
-                        right: 0;
-                        bottom: 0;
-                    }
-        
-                    &.p-speeddial-direction-up-right {
-                        left: 0;
-                        bottom: 0;
-                    }
-        
-                    &.p-speeddial-direction-down-left {
-                        right: 0;
-                        top: 0;
-                    }
-        
-                    &.p-speeddial-direction-down-right {
-                        left: 0;
-                        top: 0;
-                    }
-                }
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [SpeedDialModule, ToastModule],
-    providers: [MessageService]
-})
-export class SpeedDialQuarterCircleDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                icon: 'pi pi-pencil',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Add', detail: 'Data Added' });
-                }
-            },
-            {
-                icon: 'pi pi-refresh',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Update', detail: 'Data Updated' });
-                }
-            },
-            {
-                icon: 'pi pi-trash',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'Delete', detail: 'Data Deleted' });
-                }
-            },
-            {
-                icon: 'pi pi-upload',
-                routerLink: ['/fileupload']
-            },
-            {
-                icon: 'pi pi-external-link',
-                target: '_blank',
-                url: 'http://angular.io'
-            }
-        ];
-    }
-}`,
-
-        scss: `:host ::ng-deep {
-    .speeddial-circle-demo {
-        .p-speeddial-quarter-circle {
-            &.p-speeddial-direction-up-left {
-                right: 0;
-                bottom: 0;
-            }
-
-            &.p-speeddial-direction-up-right {
-                left: 0;
-                bottom: 0;
-            }
-
-            &.p-speeddial-direction-down-left {
-                right: 0;
-                top: 0;
-            }
-
-            &.p-speeddial-direction-down-right {
-                left: 0;
-                top: 0;
-            }
-        }
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/speeddial/semicircledoc.ts b/src/app/showcase/doc/speeddial/semicircledoc.ts
deleted file mode 100644
index 05d1c6a..0000000
--- a/src/app/showcase/doc/speeddial/semicircledoc.ts
+++ /dev/null
@@ -1,208 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'semi-circle-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>type</i> is defined as <i>semi-circle</i>, items are displayed in a half-circle around the button.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div style="height: 500px; position: relative;" class="speeddial-linear-demo">
-                <p-toast />
-                <p-speedDial [model]="items" direction="up" [radius]="80" type="semi-circle" />
-                <p-speedDial [model]="items" direction="down" [radius]="80" type="semi-circle" />
-                <p-speedDial [model]="items" direction="left" [radius]="80" type="semi-circle" />
-                <p-speedDial [model]="items" direction="right" [radius]="80" type="semi-circle" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="speed-dial-semi-circle-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class SemiCircleDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                icon: 'pi pi-pencil',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Add', detail: 'Data Added' });
-                }
-            },
-            {
-                icon: 'pi pi-refresh',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Update', detail: 'Data Updated' });
-                }
-            },
-            {
-                icon: 'pi pi-trash',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'Delete', detail: 'Data Deleted' });
-                }
-            },
-            {
-                icon: 'pi pi-upload',
-                routerLink: ['/fileupload']
-            },
-            {
-                icon: 'pi pi-external-link',
-                target: '_blank',
-                url: 'http://angular.io'
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-speedDial 
-    [model]="items" 
-    direction="up" 
-    [radius]="80" 
-    type="semi-circle" />
-<p-speedDial 
-    [model]="items" 
-    direction="down" 
-    [radius]="80" 
-    type="semi-circle" />
-<p-speedDial 
-    [model]="items" 
-    direction="left" 
-    [radius]="80" 
-    type="semi-circle" />
-<p-speedDial 
-    [model]="items"
-    direction="right" 
-    [radius]="80" 
-    type="semi-circle" />`,
-
-        html: `<div class="card">
-    <div style="height: 500px; position: relative;" class="speeddial-linear-demo">
-        <p-toast />
-        <p-speedDial 
-            [model]="items" 
-            direction="up" 
-            [radius]="80" 
-            type="semi-circle" />
-        <p-speedDial 
-            [model]="items"
-            direction="down" 
-            [radius]="80" 
-            type="semi-circle" />
-        <p-speedDial 
-            [model]="items" 
-            direction="left" 
-            [radius]="80" 
-            type="semi-circle" />
-        <p-speedDial 
-            [model]="items" 
-            direction="right" 
-            [radius]="80" 
-            type="semi-circle" />
-    </div>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SpeedDialModule } from 'primeng/speeddial';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'speed-dial-semi-circle-demo',
-    templateUrl: './speed-dial-semi-circle-demo.html',
-    styles: [
-        \`:host ::ng-deep {
-            .speeddial-linear-demo {
-                .p-speeddial-direction-up {
-                    left: calc(50% - 2rem);
-                    bottom: 0;
-                }
-        
-                .p-speeddial-direction-down {
-                    left: calc(50% - 2rem);
-                    top: 0;
-                }
-        
-                .p-speeddial-direction-left {
-                    right: 0;
-                    top: calc(50% - 2rem);
-                }
-        
-                .p-speeddial-direction-right {
-                    left: 0;
-                    top: calc(50% - 2rem);
-                }
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [SpeedDialModule, ToastModule],
-    providers: [MessageService]
-})
-export class SpeedDialSemiCircleDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                icon: 'pi pi-pencil',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Add', detail: 'Data Added' });
-                }
-            },
-            {
-                icon: 'pi pi-refresh',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Update', detail: 'Data Updated' });
-                }
-            },
-            {
-                icon: 'pi pi-trash',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'Delete', detail: 'Data Deleted' });
-                }
-            },
-            {
-                icon: 'pi pi-upload',
-                routerLink: ['/fileupload']
-            },
-            {
-                icon: 'pi pi-external-link',
-                target: '_blank',
-                url: 'http://angular.io'
-            }
-        ];
-    }
-}`,
-
-        scss: `:host ::ng-deep {
-    .speeddial-linear-demo {
-        .p-speeddial-direction-up {
-            left: calc(50% - 2rem);
-            bottom: 0;
-        }
-
-        .p-speeddial-direction-down {
-            left: calc(50% - 2rem);
-            top: 0;
-        }
-
-        .p-speeddial-direction-left {
-            right: 0;
-            top: calc(50% - 2rem);
-        }
-
-        .p-speeddial-direction-right {
-            left: 0;
-            top: calc(50% - 2rem);
-        }
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/speeddial/speeddialdoc.module.ts b/src/app/showcase/doc/speeddial/speeddialdoc.module.ts
deleted file mode 100644
index 6dd6cae..0000000
--- a/src/app/showcase/doc/speeddial/speeddialdoc.module.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { MessagesModule } from 'primeng/messages';
-import { SpeedDialModule } from 'primeng/speeddial';
-import { ToastModule } from 'primeng/toast';
-import { TooltipModule } from 'primeng/tooltip';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { CircleDoc } from './circledoc';
-import { CustomDoc } from './customdoc';
-import { ImportDoc } from './importdoc';
-import { LinearDoc } from './lineardoc';
-import { MaskDoc } from './maskdoc';
-import { QuarterCircleDoc } from './quartercircledoc';
-import { SemiCircleDoc } from './semicircledoc';
-import { StyleDoc } from './styledoc';
-import { TooltipDoc } from './tooltipdoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, SpeedDialModule, MessagesModule, ToastModule, TooltipModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, LinearDoc, CircleDoc, SemiCircleDoc, QuarterCircleDoc, TooltipDoc, MaskDoc, CustomDoc, StyleDoc, AccessibilityDoc]
-})
-export class SpeedDialDocModule {}
diff --git a/src/app/showcase/doc/speeddial/styledoc.ts b/src/app/showcase/doc/speeddial/styledoc.ts
deleted file mode 100644
index 4f48780..0000000
--- a/src/app/showcase/doc/speeddial/styledoc.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-speeddial</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-speed-dial-button</td>
-                        <td>Button element of speeddial.</td>
-                    </tr>
-                    <tr>
-                        <td>p-speed-dial-mask</td>
-                        <td>Mask element of speeddial.</td>
-                    </tr>
-                    <tr>
-                        <td>p-speed-dial-list</td>
-                        <td>List of the actions.</td>
-                    </tr>
-                    <tr>
-                        <td>p-speed-dial-item</td>
-                        <td>Each action item of list.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/speeddial/tooltipdoc.ts b/src/app/showcase/doc/speeddial/tooltipdoc.ts
deleted file mode 100644
index 1564998..0000000
--- a/src/app/showcase/doc/speeddial/tooltipdoc.ts
+++ /dev/null
@@ -1,294 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'tooltip-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Items display a tooltip on hover when a standalone <a href="#" [routerLink]="['/tooltip']">Tooltip</a> is present with a target that matches the items.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div style="height: 350px; position: relative;" class="speeddial-tooltip-demo">
-                <p-toast />
-                <p-speedDial [model]="leftTooltipItems" className="speeddial-right" direction="up" />
-                <p-speedDial [model]="tooltipItems" className="speeddial-left" direction="up" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="speed-dial-tooltip-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class TooltipDoc implements OnInit {
-    tooltipItems: MenuItem[] | undefined;
-
-    leftTooltipItems: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.tooltipItems = [
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Add'
-                },
-                icon: 'pi pi-pencil',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Add', detail: 'Data Added' });
-                }
-            },
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Update'
-                },
-                icon: 'pi pi-refresh',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Update', detail: 'Data Updated' });
-                }
-            },
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Delete'
-                },
-                icon: 'pi pi-trash',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'Delete', detail: 'Data Deleted' });
-                }
-            },
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Upload'
-                },
-                icon: 'pi pi-upload'
-            },
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Angular Website'
-                },
-                icon: 'pi pi-external-link',
-                target: '_blank',
-                url: 'http://angular.io'
-            }
-        ];
-
-        this.leftTooltipItems = [
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Add',
-                    tooltipPosition: 'left'
-                },
-                icon: 'pi pi-pencil',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Add', detail: 'Data Added' });
-                }
-            },
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Update',
-                    tooltipPosition: 'left'
-                },
-                icon: 'pi pi-refresh',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Update', detail: 'Data Updated' });
-                }
-            },
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Delete',
-                    tooltipPosition: 'left'
-                },
-                icon: 'pi pi-trash',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'Delete', detail: 'Data Deleted' });
-                }
-            },
-            {
-                icon: 'pi pi-upload',
-                tooltipOptions: {
-                    tooltipLabel: 'Upload',
-                    tooltipPosition: 'left'
-                }
-            },
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Angular Website',
-                    tooltipPosition: 'left'
-                },
-                icon: 'pi pi-external-link',
-                target: '_blank',
-                url: 'http://angular.io'
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-speedDial 
-    [model]="leftTooltipItems" 
-    className="speeddial-right" 
-    direction="up" />
-<p-speedDial 
-    [model]="tooltipItems" 
-    className="speeddial-left" 
-    direction="up" />`,
-
-        html: `<div class="card">
-    <div style="height: 350px; position: relative;" class="speeddial-tooltip-demo">
-        <p-toast />
-        <p-speedDial 
-            [model]="leftTooltipItems" 
-            className="speeddial-right" 
-            direction="up" />
-        <p-speedDial 
-            [model]="tooltipItems" 
-            className="speeddial-left" 
-            direction="up" />
-    </div>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SpeedDialModule } from 'primeng/speeddial';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'speed-dial-tooltip-demo',
-    templateUrl: './speed-dial-tooltip-demo.html',
-    styles: [
-        \`:host ::ng-deep {
-            .speeddial-tooltip-demo {
-                .p-speeddial-direction-up {
-                    &.speeddial-left {
-                        left: 0;
-                        bottom: 0;
-                    }
-        
-                    &.speeddial-right {
-                        right: 0;
-                        bottom: 0;
-                    }
-                }
-            }
-        }\`
-    ],
-    standalone: true,
-    imports: [SpeedDialModule, ToastModule],
-    providers: [MessageService]
-})
-export class SpeedDialTooltipDemo implements OnInit {
-    tooltipItems: MenuItem[] | undefined;
-
-    leftTooltipItems: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.tooltipItems = [
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Add'
-                },
-                icon: 'pi pi-pencil',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Add', detail: 'Data Added' });
-                }
-            },
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Update'
-                },
-                icon: 'pi pi-refresh',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Update', detail: 'Data Updated' });
-                }
-            },
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Delete'
-                },
-                icon: 'pi pi-trash',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'Delete', detail: 'Data Deleted' });
-                }
-            },
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Upload'
-                },
-                icon: 'pi pi-upload'
-            },
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Angular Website'
-                },
-                icon: 'pi pi-external-link',
-                url: 'http://angular.io'
-            }
-        ];
-
-        this.leftTooltipItems = [
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Add',
-                    tooltipPosition: 'left'
-                },
-                icon: 'pi pi-pencil',
-                command: () => {
-                    this.messageService.add({ severity: 'info', summary: 'Add', detail: 'Data Added' });
-                }
-            },
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Update',
-                    tooltipPosition: 'left'
-                },
-                icon: 'pi pi-refresh',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Update', detail: 'Data Updated' });
-                }
-            },
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Delete',
-                    tooltipPosition: 'left'
-                },
-                icon: 'pi pi-trash',
-                command: () => {
-                    this.messageService.add({ severity: 'error', summary: 'Delete', detail: 'Data Deleted' });
-                }
-            },
-            {
-                icon: 'pi pi-upload',
-                tooltipOptions: {
-                    tooltipLabel: 'Upload',
-                    tooltipPosition: 'left'
-                }
-            },
-            {
-                tooltipOptions: {
-                    tooltipLabel: 'Angular Website',
-                    tooltipPosition: 'left'
-                },
-                icon: 'pi pi-external-link',
-                url: 'http://angular.io'
-            }
-        ];
-    }
-}`,
-
-        scss: `:host ::ng-deep {
-    .speeddial-tooltip-demo {
-        .p-speeddial-direction-up {
-            &.speeddial-left {
-                left: 0;
-                bottom: 0;
-            }
-
-            &.speeddial-right {
-                right: 0;
-                bottom: 0;
-            }
-        }
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/splitbutton/accessibilitydoc.ts b/src/app/showcase/doc/splitbutton/accessibilitydoc.ts
deleted file mode 100644
index f854020..0000000
--- a/src/app/showcase/doc/splitbutton/accessibilitydoc.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                SplitButton component renders two native button elements, main button uses the label property to define <i>aria-label</i> by default which can be customized with <i>buttonProps</i>. Dropdown button requires an explicit definition to
-                describe it using <i>menuButtonProps</i> option and also includes <i>aria-haspopup</i>, <i>aria-expanded</i> for states along with <i>aria-controls</i> to define the relation between the popup and the button.
-            </p>
-
-            <p>The popup overlay uses <i>menu</i> role on the list and each action item has a <i>menuitem</i> role with an <i>aria-label</i> as the menuitem label. The id of the menu refers to the <i>aria-controls</i> of the dropdown button.</p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideStackBlitz]="true" [hideCodeSandbox]="true"></app-code>
-
-        <h3>Main Button Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Activates the button.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Activates the button.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Menu Button Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Toggles the visibility of the menu.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Toggles the visibility of the menu.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>down arrow</i>
-                        </td>
-                        <td>Opens the menu and moves focus to the first item.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>up arrow</i>
-                        </td>
-                        <td>Opens the menu and moves focus to the last item.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Menu Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Actives the menuitem, closes the menu and sets focus on the menu button.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>escape</i>
-                        </td>
-                        <td>Closes the menu and sets focus on the menu button.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>down arrow</i>
-                        </td>
-                        <td>Moves focus to the next item, if it is the last one then first item receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>up arrow</i>
-                        </td>
-                        <td>Moves focus to the previous item, if it is the first one then last item receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>home</i>
-                        </td>
-                        <td>Moves focus to the first item.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>end</i>
-                        </td>
-                        <td>Moves focus to the last item.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<p-splitButton 
-    [buttonProps]="{'aria-label': 'Default Action'}" 
-    [menuButtonProps]="{'aria-label': 'More Options'}" />`
-    };
-}
diff --git a/src/app/showcase/doc/splitbutton/basicdoc.ts b/src/app/showcase/doc/splitbutton/basicdoc.ts
deleted file mode 100644
index 60ef12f..0000000
--- a/src/app/showcase/doc/splitbutton/basicdoc.ts
+++ /dev/null
@@ -1,116 +0,0 @@
-import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>SplitButton has a default action button and a collection of additional options defined by the <i>model</i> property based on MenuModel API.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-splitButton label="Save" (onClick)="save('info')" [model]="items" />
-        </div>
-        <app-code [code]="code" selector="split-button-basic-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class BasicDoc {
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    items: MenuItem[];
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-
-    code: Code = {
-        basic: `<p-splitButton 
-    label="Save" 
-    (onClick)="save('info')" 
-    [model]="items" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-toast />
-    <p-splitButton 
-        label="Save" 
-        (onClick)="save('info')" 
-        [model]="items" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SplitButtonModule } from 'primeng/splitbutton';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'split-button-basic-demo',
-    templateUrl: './split-button-basic-demo.html',
-    standalone: true,
-    imports: [SplitButtonModule, ToastModule],
-    providers: [MessageService]
-})
-export class SplitButtonBasicDemo {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/splitbutton/disableddoc.ts b/src/app/showcase/doc/splitbutton/disableddoc.ts
deleted file mode 100644
index a0ace60..0000000
--- a/src/app/showcase/doc/splitbutton/disableddoc.ts
+++ /dev/null
@@ -1,144 +0,0 @@
-import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                When the <i>disabled</i> attribute is present, the element is uneditable and unfocused. Additionally, the disabled states of the button and menu button can be handled independently. The button is disabled when <i>buttonDisabled</i> is
-                present, and the menu button is disabled when <i>menuButtonDisabled</i> is present.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-splitButton label="Save" icon="pi pi-plus" (onClick)="save('info')" [model]="items" [disabled]="true" />
-        </div>
-        <app-code [code]="code" selector="split-button-disabled-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class DisabledDoc {
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    items: MenuItem[];
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-
-    code: Code = {
-        basic: `<p-splitButton 
-    label="Save" 
-    icon="pi pi-plus" 
-    (onClick)="save('info')" 
-    [model]="items" 
-    [disabled]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-toast />
-    <p-splitButton 
-        label="Save" 
-        icon="pi pi-plus" 
-        (onClick)="save('info')" 
-        [model]="items" 
-        [disabled]="true" />
-</div>
-
-<div class="card flex justify-center">
-    <p-toast />
-    <p-splitButton 
-        label="Save" 
-        icon="pi pi-plus" 
-        (onClick)="save('info')" 
-        [model]="items" 
-        [menuButtonDisabled]="true" />
-</div>
-
-<div class="card flex justify-center">
-    <p-toast />
-    <p-splitButton 
-        label="Save"
-        icon="pi pi-plus"
-        (onClick)="save('info')" 
-        [model]="items" 
-        [buttonDisabled]="true" />
-</div>
-`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SplitButtonModule } from 'primeng/splitbutton';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'split-button-disabled-demo',
-    templateUrl: './split-button-disabled-demo.html',
-    standalone: true,
-    imports: [SplitButtonModule, ToastModule],
-    providers: [MessageService]
-})
-export class SplitButtonDisabledDemo {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/splitbutton/importdoc.ts b/src/app/showcase/doc/splitbutton/importdoc.ts
deleted file mode 100644
index da54e0c..0000000
--- a/src/app/showcase/doc/splitbutton/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { SplitButtonModule } from 'primeng/splitbutton';`
-    };
-}
diff --git a/src/app/showcase/doc/splitbutton/nesteddoc.ts b/src/app/showcase/doc/splitbutton/nesteddoc.ts
deleted file mode 100644
index 8275ef2..0000000
--- a/src/app/showcase/doc/splitbutton/nesteddoc.ts
+++ /dev/null
@@ -1,318 +0,0 @@
-import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'nested-doc',
-    template: `
-        <app-docsectiontext>
-            <p>SplitButton has a default action button and a collection of additional options defined by the <i>model</i> property based on MenuModel API.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-splitButton label="Save" (onClick)="save('info')" [model]="items" />
-        </div>
-        <app-code [code]="code" selector="split-button-nested-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class NestedDoc {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'File',
-                icon: 'pi pi-fw pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        items: [
-                            {
-                                label: 'Bookmark',
-                                icon: 'pi pi-fw pi-bookmark'
-                            },
-                            {
-                                label: 'Video',
-                                icon: 'pi pi-fw pi-video'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Delete',
-                        icon: 'pi pi-fw pi-trash'
-                    },
-                    {
-                        separator: true
-                    },
-                    {
-                        label: 'Export',
-                        icon: 'pi pi-fw pi-external-link'
-                    }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    {
-                        label: 'Left',
-                        icon: 'pi pi-fw pi-align-left'
-                    },
-                    {
-                        label: 'Right',
-                        icon: 'pi pi-fw pi-align-right'
-                    },
-                    {
-                        label: 'Center',
-                        icon: 'pi pi-fw pi-align-center'
-                    },
-                    {
-                        label: 'Justify',
-                        icon: 'pi pi-fw pi-align-justify'
-                    }
-                ]
-            },
-            {
-                label: 'Users',
-                icon: 'pi pi-fw pi-user',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-user-plus'
-                    },
-                    {
-                        label: 'Delete',
-                        icon: 'pi pi-fw pi-user-minus'
-                    },
-                    {
-                        label: 'Search',
-                        icon: 'pi pi-fw pi-users',
-                        items: [
-                            {
-                                label: 'Filter',
-                                icon: 'pi pi-fw pi-filter',
-                                items: [
-                                    {
-                                        label: 'Print',
-                                        icon: 'pi pi-fw pi-print'
-                                    }
-                                ]
-                            },
-                            {
-                                icon: 'pi pi-fw pi-bars',
-                                label: 'List'
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                label: 'Events',
-                icon: 'pi pi-fw pi-calendar',
-                items: [
-                    {
-                        label: 'Edit',
-                        icon: 'pi pi-fw pi-pencil',
-                        items: [
-                            {
-                                label: 'Save',
-                                icon: 'pi pi-fw pi-calendar-plus'
-                            },
-                            {
-                                label: 'Delete',
-                                icon: 'pi pi-fw pi-calendar-minus'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Archieve',
-                        icon: 'pi pi-fw pi-calendar-times',
-                        items: [
-                            {
-                                label: 'Remove',
-                                icon: 'pi pi-fw pi-calendar-minus'
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                separator: true
-            },
-            {
-                label: 'Quit',
-                icon: 'pi pi-fw pi-power-off'
-            }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    code: Code = {
-        basic: `<p-splitButton 
-    label="Save" 
-    (onClick)="save('info')" 
-    [model]="items" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-toast />
-    <p-splitButton 
-        label="Save" 
-        (onClick)="save('info')" 
-        [model]="items" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SplitButtonModule } from 'primeng/splitbutton';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'split-button-nested-demo',
-    templateUrl: './split-button-nested-demo.html',
-    standalone: true,
-    imports: [SplitButtonModule, ToastModule],
-    providers: [MessageService]
-})
-export class SplitButtonNestedDemo {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'File',
-                icon: 'pi pi-fw pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-plus',
-                        items: [
-                            {
-                                label: 'Bookmark',
-                                icon: 'pi pi-fw pi-bookmark'
-                            },
-                            {
-                                label: 'Video',
-                                icon: 'pi pi-fw pi-video'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Delete',
-                        icon: 'pi pi-fw pi-trash'
-                    },
-                    {
-                        separator: true
-                    },
-                    {
-                        label: 'Export',
-                        icon: 'pi pi-fw pi-external-link'
-                    }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-fw pi-pencil',
-                items: [
-                    {
-                        label: 'Left',
-                        icon: 'pi pi-fw pi-align-left'
-                    },
-                    {
-                        label: 'Right',
-                        icon: 'pi pi-fw pi-align-right'
-                    },
-                    {
-                        label: 'Center',
-                        icon: 'pi pi-fw pi-align-center'
-                    },
-                    {
-                        label: 'Justify',
-                        icon: 'pi pi-fw pi-align-justify'
-                    }
-                ]
-            },
-            {
-                label: 'Users',
-                icon: 'pi pi-fw pi-user',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-fw pi-user-plus'
-                    },
-                    {
-                        label: 'Delete',
-                        icon: 'pi pi-fw pi-user-minus'
-                    },
-                    {
-                        label: 'Search',
-                        icon: 'pi pi-fw pi-users',
-                        items: [
-                            {
-                                label: 'Filter',
-                                icon: 'pi pi-fw pi-filter',
-                                items: [
-                                    {
-                                        label: 'Print',
-                                        icon: 'pi pi-fw pi-print'
-                                    }
-                                ]
-                            },
-                            {
-                                icon: 'pi pi-fw pi-bars',
-                                label: 'List'
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                label: 'Events',
-                icon: 'pi pi-fw pi-calendar',
-                items: [
-                    {
-                        label: 'Edit',
-                        icon: 'pi pi-fw pi-pencil',
-                        items: [
-                            {
-                                label: 'Save',
-                                icon: 'pi pi-fw pi-calendar-plus'
-                            },
-                            {
-                                label: 'Delete',
-                                icon: 'pi pi-fw pi-calendar-minus'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Archieve',
-                        icon: 'pi pi-fw pi-calendar-times',
-                        items: [
-                            {
-                                label: 'Remove',
-                                icon: 'pi pi-fw pi-calendar-minus'
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                separator: true
-            },
-            {
-                label: 'Quit',
-                icon: 'pi pi-fw pi-power-off'
-            }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/splitbutton/outlineddoc.ts b/src/app/showcase/doc/splitbutton/outlineddoc.ts
deleted file mode 100644
index 51b30ac..0000000
--- a/src/app/showcase/doc/splitbutton/outlineddoc.ts
+++ /dev/null
@@ -1,196 +0,0 @@
-import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'outlined-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Outlined buttons display a border without a background initially.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center flex-wrap gap-3">
-            <p-toast />
-            <p-splitButton label="Primary" [model]="items" (onClick)="save('info')" outlined />
-            <p-splitButton label="Secondary" [model]="items" (onClick)="save('info')" outlined severity="secondary" />
-            <p-splitButton label="Success" [model]="items" (onClick)="save('info')" outlined severity="success" />
-            <p-splitButton label="Info" [model]="items" (onClick)="save('info')" outlined severity="info" />
-            <p-splitButton label="Warning" [model]="items" (onClick)="save('info')" outlined severity="warning" />
-            <p-splitButton label="Help" [model]="items" (onClick)="save('info')" outlined severity="help" />
-            <p-splitButton label="Danger" [model]="items" (onClick)="save('info')" outlined severity="danger" />
-        </div>
-        <app-code [code]="code" selector="split-button-outlined-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class OutlinedDoc {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-
-    code: Code = {
-        basic: `<p-splitButton 
-    label="Primary" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    outlined />
-<p-splitButton 
-    label="Secondary" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    outlined 
-    severity="secondary" />
-<p-splitButton 
-    label="Success" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    outlined 
-    severity="success" />
-<p-splitButton 
-    label="Info" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    outlined 
-    severity="info" />
-<p-splitButton 
-    label="Warning" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    outlined 
-    severity="warning" />
-<p-splitButton 
-    label="Help" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    outlined 
-    severity="help" />
-<p-splitButton 
-    label="Danger" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    outlined 
-    severity="danger" />`,
-
-        html: `<div class="card flex justify-center flex-wrap gap-3">
-    <p-toast />
-    <p-splitButton 
-        label="Primary" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        outlined />
-    <p-splitButton 
-        label="Secondary" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        outlined 
-        severity="secondary" />
-    <p-splitButton 
-        label="Success" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        outlined 
-        severity="success" />
-    <p-splitButton 
-        label="Info" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        outlined 
-        severity="info" />
-    <p-splitButton 
-        label="Warning" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        outlined 
-        severity="warning" />
-    <p-splitButton 
-        label="Help" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        outlined 
-        severity="help" />
-    <p-splitButton 
-        label="Danger" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        outlined 
-        severity="danger" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SplitButtonModule } from 'primeng/splitbutton';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'split-button-outlined-demo',
-    templateUrl: './split-button-outlined-demo.html',
-    standalone: true,
-    imports: [SplitButtonModule, ToastModule],
-    providers: [MessageService]
-})
-export class SplitButtonOutlinedDemo {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/splitbutton/raiseddoc.ts b/src/app/showcase/doc/splitbutton/raiseddoc.ts
deleted file mode 100644
index bf1b8f8..0000000
--- a/src/app/showcase/doc/splitbutton/raiseddoc.ts
+++ /dev/null
@@ -1,196 +0,0 @@
-import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'raised-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Raised buttons display a shadow to indicate elevation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center flex-wrap gap-3">
-            <p-toast />
-            <p-splitButton label="Primary" [model]="items" (onClick)="save('info')" raised />
-            <p-splitButton label="Secondary" [model]="items" (onClick)="save('info')" raised severity="secondary" />
-            <p-splitButton label="Success" [model]="items" (onClick)="save('info')" raised severity="success" />
-            <p-splitButton label="Info" [model]="items" (onClick)="save('info')" raised severity="info" />
-            <p-splitButton label="Warning" [model]="items" (onClick)="save('info')" raised severity="warning" />
-            <p-splitButton label="Help" [model]="items" (onClick)="save('info')" raised severity="help" />
-            <p-splitButton label="Danger" [model]="items" (onClick)="save('info')" raised severity="danger" />
-        </div>
-        <app-code [code]="code" selector="split-button-raised-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class RaisedDoc {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-
-    code: Code = {
-        basic: `<p-splitButton 
-    label="Primary" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    raised />
-<p-splitButton 
-    label="Secondary" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    raised 
-    severity="secondary" />
-<p-splitButton 
-    label="Success" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    raised 
-    severity="success" />
-<p-splitButton 
-    label="Info" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    raised 
-    severity="info" />
-<p-splitButton 
-    label="Warning" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    raised 
-    severity="warning" />
-<p-splitButton 
-    label="Help" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    raised 
-    severity="help" />
-<p-splitButton 
-    label="Danger" 
-    [model]="items" 
-    (onClick)="save('info')"
-    raised 
-    severity="danger" />`,
-
-        html: `<div class="card flex justify-center flex-wrap gap-3">
-    <p-toast />
-    <p-splitButton 
-        label="Primary" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        raised />
-    <p-splitButton 
-        label="Secondary" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        raised 
-        severity="secondary" />
-    <p-splitButton 
-        label="Success" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        raised 
-        severity="success" />
-    <p-splitButton 
-        label="Info" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        raised 
-        severity="info" />
-    <p-splitButton 
-        label="Warning" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        raised 
-        severity="warning" />
-    <p-splitButton 
-        label="Help" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        raised 
-        severity="help" />
-    <p-splitButton 
-        label="Danger" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        raised 
-        severity="danger" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SplitButtonModule } from 'primeng/splitbutton';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'split-button-raised-demo',
-    templateUrl: './split-button-raised-demo.html',
-    standalone: true,
-    imports: [SplitButtonModule, ToastModule],
-    providers: [MessageService]
-})
-export class SplitButtonRaisedDemo {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/splitbutton/raisedtextdoc.ts b/src/app/showcase/doc/splitbutton/raisedtextdoc.ts
deleted file mode 100644
index 0988550..0000000
--- a/src/app/showcase/doc/splitbutton/raisedtextdoc.ts
+++ /dev/null
@@ -1,210 +0,0 @@
-import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'raised-text-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Text buttons can be displayed as raised as well for elevation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center flex-wrap gap-3">
-            <p-toast />
-            <p-splitButton label="Primary" [model]="items" (onClick)="save('info')" raised text />
-            <p-splitButton label="Secondary" [model]="items" (onClick)="save('info')" raised text severity="secondary" />
-            <p-splitButton label="Success" [model]="items" (onClick)="save('info')" raised text severity="success" />
-            <p-splitButton label="Info" [model]="items" (onClick)="save('info')" raised text severity="info" />
-            <p-splitButton label="Warning" [model]="items" (onClick)="save('info')" raised text severity="warning" />
-            <p-splitButton label="Help" [model]="items" (onClick)="save('info')" raised text severity="help" />
-            <p-splitButton label="Danger" [model]="items" (onClick)="save('info')" raised text severity="danger" />
-        </div>
-        <app-code [code]="code" selector="split-button-raised-text-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class RaisedTextDoc {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-
-    code: Code = {
-        basic: `<p-splitButton 
-    label="Primary" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    raised 
-    text />
-<p-spliButton 
-    label="Secondary" 
-    [model]="items" 
-    (onClick)="save('info')"
-    raised 
-    text 
-    severity="secondary" />
-<p-splitButton 
-    label="Success" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    raised 
-    text 
-    severity="success" />
-<p-splitButton 
-    label="Info" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    raised 
-    text 
-    severity="info" />
-<p-splitButton 
-    label="Warning" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    raised 
-    text 
-    severity="warning" />
-<p-splitButton 
-    label="Help" 
-    [model]="items" 
-    (onClick)="save('info')"
-    raised 
-    text 
-    severity="help" />
-<p-splitButton 
-    label="Danger" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    raised 
-    text 
-    severity="danger" />`,
-
-        html: `<div class="card flex justify-center flex-wrap gap-3">
-    <p-toast />
-    <p-splitButton 
-        label="Primary" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        raised 
-        text />
-    <p-splitButton 
-        label="Secondary" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        raised 
-        text 
-        severity="secondary" />
-    <p-splitButton 
-        label="Success" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        raised 
-        text 
-        severity="success" />
-    <p-splitButton 
-        label="Info" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        raised 
-        text 
-        severity="info" />
-    <p-splitButton 
-        label="Warning" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        raised 
-        text 
-        severity="warning" />
-    <p-splitButton 
-        label="Help" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        raised 
-        text 
-        severity="help" />
-    <p-splitButton 
-        label="Danger" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        raised 
-        text 
-        severity="danger" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SplitButtonModule } from 'primeng/splitbutton';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'split-button-raised-text-demo',
-    templateUrl: './split-button-raised-text-demo.html',
-    standalone: true,
-    imports: [SplitButtonModule, ToastModule],
-    providers: [MessageService]
-})
-export class SplitButtonRaisedTextDemo {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/splitbutton/roundeddoc.ts b/src/app/showcase/doc/splitbutton/roundeddoc.ts
deleted file mode 100644
index 4aa146d..0000000
--- a/src/app/showcase/doc/splitbutton/roundeddoc.ts
+++ /dev/null
@@ -1,196 +0,0 @@
-import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'rounded-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Rounded buttons have a circular border radius.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center flex-wrap gap-3">
-            <p-toast />
-            <p-splitButton label="Primary" [model]="items" (onClick)="save('info')" rounded />
-            <p-splitButton label="Secondary" [model]="items" (onClick)="save('info')" rounded severity="secondary" />
-            <p-splitButton label="Success" [model]="items" (onClick)="save('info')" rounded severity="success" />
-            <p-splitButton label="Info" [model]="items" (onClick)="save('info')" rounded severity="info" />
-            <p-splitButton label="Warning" [model]="items" (onClick)="save('info')" rounded severity="warning" />
-            <p-splitButton label="Help" [model]="items" (onClick)="save('info')" rounded severity="help" />
-            <p-splitButton label="Danger" [model]="items" (onClick)="save('info')" rounded severity="danger" />
-        </div>
-        <app-code [code]="code" selector="split-button-rounded-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class RoundedDoc {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-
-    code: Code = {
-        basic: `<p-splitButton 
-    label="Primary" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    rounded />
-<p-splitButton 
-    label="Secondary" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    rounded 
-    severity="secondary" />
-<p-splitButton 
-    label="Success" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    rounded 
-    severity="success" />
-<p-splitButton 
-    label="Info" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    rounded 
-    severity="info" />
-<p-splitButton 
-    label="Warning" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    rounded 
-    severity="warning" />
-<p-splitButton 
-    label="Help" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    rounded 
-    severity="help" />
-<p-splitButton 
-    label="Danger" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    rounded 
-    severity="danger" />`,
-
-        html: `<div class="card flex justify-center flex-wrap gap-3">
-    <p-toast />
-    <p-splitButton 
-        label="Primary" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        rounded />
-    <p-splitButton 
-        label="Secondary" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        rounded 
-        severity="secondary" />
-    <p-splitButton 
-        label="Success" 
-        [model]="items" 
-        (onClick)="save('info')"
-        rounded 
-        severity="success" />
-    <p-splitButton 
-        label="Info" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        rounded 
-        severity="info" />
-    <p-splitButton 
-        label="Warning" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        rounded 
-        severity="warning" />
-    <p-splitButton 
-        label="Help" 
-        [model]="items" 
-        (onClick)="save('info')"
-        rounded 
-        severity="help" />
-    <p-splitButton 
-        label="Danger" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        rounded 
-        severity="danger" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SplitButtonModule } from 'primeng/splitbutton';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'split-button-rounded-demo',
-    templateUrl: './split-button-rounded-demo.html',
-    standalone: true,
-    imports: [SplitButtonModule, ToastModule],
-    providers: [MessageService]
-})
-export class SplitButtonRoundedDemo {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/splitbutton/severitydoc.ts b/src/app/showcase/doc/splitbutton/severitydoc.ts
deleted file mode 100644
index 681ed54..0000000
--- a/src/app/showcase/doc/splitbutton/severitydoc.ts
+++ /dev/null
@@ -1,182 +0,0 @@
-import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'severity-doc',
-    template: `
-        <app-docsectiontext>
-            <p>The <i>severity</i> property defines the type of button.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center flex-wrap gap-3">
-            <p-toast />
-            <p-splitButton label="Save" (onClick)="save('info')" [model]="items" />
-            <p-splitButton label="Save" (onClick)="save('info')" [model]="items" severity="secondary" />
-            <p-splitButton label="Save" (onClick)="save('success')" [model]="items" severity="success" />
-            <p-splitButton label="Save" (onClick)="save('info')" [model]="items" severity="info" />
-            <p-splitButton label="Save" (onClick)="save('warn')" [model]="items" severity="warning" />
-            <p-splitButton label="Save" (onClick)="save('info')" [model]="items" severity="help" />
-            <p-splitButton label="Save" (onClick)="save('error')" [model]="items" severity="danger" />
-        </div>
-        <app-code [code]="code" selector="split-button-severity-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class SeverityDoc {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-
-    code: Code = {
-        basic: `<p-splitButton 
-    label="Save" 
-    (onClick)="save('info')" 
-    [model]="items" />
-<p-splitButton 
-    label="Save" 
-    (onClick)="save('info')" 
-    [model]="items" 
-    severity="secondary" />
-<p-splitButton 
-    label="Save" 
-    (onClick)="save('success')" 
-    [model]="items" 
-    severity="success" />
-<p-splitButton 
-    label="Save" 
-    (onClick)="save('info')" 
-    [model]="items" 
-    severity="info" />
-<p-splitButton 
-    label="Save" 
-    (onClick)="save('warn')" 
-    [model]="items" 
-    severity="warning" />
-<p-splitButton 
-    label="Save" 
-    (onClick)="save('info')" 
-    [model]="items" 
-    severity="help" />
-<p-splitButton 
-    label="Save" 
-    (onClick)="save('error')" 
-    [model]="items" 
-    severity="danger" />`,
-
-        html: `<div class="card flex justify-center flex-wrap gap-3">
-    <p-toast />
-    <p-splitButton 
-        label="Save" 
-        (onClick)="save('info')" 
-        [model]="items" />
-    <p-splitButton 
-        label="Save" 
-        (onClick)="save('info')" 
-        [model]="items" 
-        severity="secondary" />
-    <p-splitButton 
-        label="Save" 
-        (onClick)="save('success')" 
-        [model]="items" 
-        severity="success" />
-    <p-splitButton 
-        label="Save" 
-        (onClick)="save('info')" 
-        [model]="items" 
-        severity="info" />
-    <p-splitButton 
-        label="Save" 
-        (onClick)="save('warn')" 
-        [model]="items" 
-        severity="warning" />
-    <p-splitButton 
-        label="Save" 
-        (onClick)="save('info')" 
-        [model]="items" 
-        severity="help" />
-    <p-splitButton 
-        label="Save" 
-        (onClick)="save('error')" 
-        [model]="items"
-        severity="danger" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SplitButtonModule } from 'primeng/splitbutton';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'split-button-severity-demo',
-    templateUrl: './split-button-severity-demo.html',
-    standalone: true,
-    imports: [SplitButtonModule, ToastModule],
-    providers: [MessageService]
-})
-export class SplitButtonSeverityDemo {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/splitbutton/sizesdoc.ts b/src/app/showcase/doc/splitbutton/sizesdoc.ts
deleted file mode 100644
index 69cf51e..0000000
--- a/src/app/showcase/doc/splitbutton/sizesdoc.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'sizes-doc',
-    template: `
-        <app-docsectiontext>
-            <p>SplitButton provides <i>small</i> and <i>large</i> sizes as alternatives to the standard.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap justify-center gap-3">
-            <p-toast />
-            <p-splitButton label="Small" [model]="items" (onClick)="save('info')" size="sm" />
-            <p-splitButton label="Normal" [model]="items" (onClick)="save('info')" />
-            <p-splitButton label="Large" [model]="items" (onClick)="save('info')" size="lg" />
-        </div>
-        <app-code [code]="code" selector="split-button-sizes-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class SizesDoc {
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    items: MenuItem[];
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-
-    code: Code = {
-        basic: `<p-splitButton 
-    label="Small" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    size="sm" />
-<p-splitButton 
-    label="Normal" 
-    [model]="items" 
-    (onClick)="save('info')" />
-<p-splitButton 
-    label="Large" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    size="lg" />`,
-
-        html: `<div class="card flex flex-wrap gap-3 justify-center">
-    <p-toast />
-    <p-splitButton 
-        label="Small" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        size="sm" />
-    <p-splitButton 
-        label="Normal" 
-        [model]="items" 
-        (onClick)="save('info')" />
-    <p-splitButton 
-        label="Large" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        size="lg" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SplitButtonModule } from 'primeng/splitbutton';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'split-button-sizes-demo',
-    templateUrl: './split-button-sizes-demo.html',
-    standalone: true,
-    imports: [SplitButtonModule, ToastModule],
-    providers: [MessageService]
-})
-export class SplitButtonSizesDemo {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/splitbutton/splitbuttondoc.module.ts b/src/app/showcase/doc/splitbutton/splitbuttondoc.module.ts
deleted file mode 100644
index d9cbca4..0000000
--- a/src/app/showcase/doc/splitbutton/splitbuttondoc.module.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { SplitButtonModule } from 'primeng/splitbutton';
-import { ToastModule } from 'primeng/toast';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { DisabledDoc } from './disableddoc';
-import { ImportDoc } from './importdoc';
-import { NestedDoc } from './nesteddoc';
-import { OutlinedDoc } from './outlineddoc';
-import { RaisedDoc } from './raiseddoc';
-import { RaisedTextDoc } from './raisedtextdoc';
-import { RoundedDoc } from './roundeddoc';
-import { SeverityDoc } from './severitydoc';
-import { SizesDoc } from './sizesdoc';
-import { StyleDoc } from './styledoc';
-import { TextDoc } from './textdoc';
-import { TemplateDoc } from './templatedoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, SplitButtonModule, ToastModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, NestedDoc, SeverityDoc, RaisedDoc, RoundedDoc, TextDoc, RaisedTextDoc, OutlinedDoc, SizesDoc, DisabledDoc, TemplateDoc, StyleDoc, AccessibilityDoc]
-})
-export class SplitButtonDocModule {}
diff --git a/src/app/showcase/doc/splitbutton/styledoc.ts b/src/app/showcase/doc/splitbutton/styledoc.ts
deleted file mode 100644
index a7d6aba..0000000
--- a/src/app/showcase/doc/splitbutton/styledoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-splitbutton</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitbutton-menubutton</td>
-                        <td>Dropdown button.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menu</td>
-                        <td>Overlay menu.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/splitbutton/templatedoc.ts b/src/app/showcase/doc/splitbutton/templatedoc.ts
deleted file mode 100644
index e132660..0000000
--- a/src/app/showcase/doc/splitbutton/templatedoc.ts
+++ /dev/null
@@ -1,145 +0,0 @@
-import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>SplitButton has a default action button and a collection of additional options defined by the <i>model</i> property based on MenuModel API.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-splitButton label="Save" (onClick)="save('info')" severity="contrast" [model]="items">
-                <ng-template pTemplate="content">
-                    <span class="flex items-center font-bold">
-                        <img alt="logo" src="https://primefaces.org/cdn/primeng/images/logo.svg" style="height: 1rem; margin-right: 0.5rem" />
-                        <span>PrimeNG</span>
-                    </span>
-                </ng-template>
-            </p-splitButton>
-        </div>
-        <app-code [code]="code" selector="split-button-template-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class TemplateDoc {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-
-    code: Code = {
-        basic: `<p-splitButton 
-    label="Save" 
-    (onClick)="save('info')" 
-    severity="contrast" 
-    [model]="items">
-        <ng-template pTemplate="content">
-            <span class="flex items-center font-bold">
-                <img 
-                    alt="logo" 
-                    src="https://primefaces.org/cdn/primeng/images/logo.svg" 
-                    style="height: 1rem; margin-right: 0.5rem" />
-                <span>PrimeNG</span>
-            </span>
-        </ng-template>
-</p-splitButton>`,
-
-        html: `<div class="card flex justify-center">
-    <p-toast />
-    <p-splitButton 
-        label="Save" 
-        (onClick)="save('info')" 
-        severity="contrast" 
-        [model]="items">
-            <ng-template pTemplate="content">
-                <span class="flex items-center font-bold">
-                    <img 
-                        alt="logo" 
-                        src="https://primefaces.org/cdn/primeng/images/logo.svg" 
-                        style="height: 1rem; margin-right: 0.5rem" />
-                    <span>PrimeNG</span>
-                </span>
-            </ng-template>
-    </p-splitButton>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SplitButtonModule } from 'primeng/splitbutton';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'split-button-template-demo',
-    templateUrl: './split-button-template-demo.html',
-    standalone: true,
-    imports: [SplitButtonModule, ToastModule],
-    providers: [MessageService]
-})
-export class SplitButtonTemplateDemo {
-    items: MenuItem[];
-    
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/splitbutton/textdoc.ts b/src/app/showcase/doc/splitbutton/textdoc.ts
deleted file mode 100644
index f49b90d..0000000
--- a/src/app/showcase/doc/splitbutton/textdoc.ts
+++ /dev/null
@@ -1,196 +0,0 @@
-import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'text-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Text buttons are displayed as textual elements.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center flex-wrap gap-3">
-            <p-toast />
-            <p-splitButton label="Primary" [model]="items" (onClick)="save('info')" text />
-            <p-splitButton label="Secondary" [model]="items" (onClick)="save('info')" text severity="secondary" />
-            <p-splitButton label="Success" [model]="items" (onClick)="save('info')" text severity="success" />
-            <p-splitButton label="Info" [model]="items" (onClick)="save('info')" text severity="info" />
-            <p-splitButton label="Warning" [model]="items" (onClick)="save('info')" text severity="warning" />
-            <p-splitButton label="Help" [model]="items" (onClick)="save('info')" text severity="help" />
-            <p-splitButton label="Danger" [model]="items" (onClick)="save('info')" text severity="danger" />
-        </div>
-        <app-code [code]="code" selector="split-button-text-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class TextDoc {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-
-    code: Code = {
-        basic: `<p-splitButton 
-    label="Primary" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    text />
-<p-splitButton 
-    label="Secondary" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    text 
-    severity="secondary" />
-<p-splitButton 
-    label="Success" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    text 
-    severity="success" />
-<p-splitButton 
-    label="Info" 
-    [model]="items" 
-    (onClick)="save('info')"
-    text 
-    severity="info" />
-<p-splitButton 
-    label="Warning" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    text 
-    severity="warning" />
-<p-splitButton 
-    label="Help" 
-    [model]="items" 
-    (onClick)="save('info')" 
-    text 
-    severity="help" />
-<p-splitButton 
-    label="Danger" 
-    [model]="items"
-    (onClick)="save('info')" 
-    text 
-    severity="danger" />`,
-
-        html: `<div class="card flex justify-center flex-wrap gap-3">
-    <p-toast />
-    <p-splitButton 
-        label="Primary" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        text />
-    <p-splitButton 
-        label="Secondary" 
-        [model]="items" 
-        (onClick)="save('info')"
-        text 
-        severity="secondary" />
-    <p-splitButton 
-        label="Success" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        text 
-        severity="success" />
-    <p-splitButton 
-        label="Info" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        text 
-        severity="info" />
-    <p-splitButton 
-        label="Warning" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        text 
-        severity="warning" />
-    <p-splitButton 
-        label="Help"
-        [model]="items" 
-        (onClick)="save('info')" 
-        text 
-        severity="help" />
-    <p-splitButton 
-        label="Danger" 
-        [model]="items" 
-        (onClick)="save('info')" 
-        text 
-        severity="danger" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { SplitButtonModule } from 'primeng/splitbutton';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'split-button-text-demo',
-    templateUrl: './split-button-text-demo.html',
-    standalone: true,
-    imports: [SplitButtonModule, ToastModule],
-    providers: [MessageService]
-})
-export class SplitButtonTextDemo {
-    items: MenuItem[];
-
-    constructor(private messageService: MessageService) {
-        this.items = [
-            {
-                label: 'Update',
-                command: () => {
-                    this.update();
-                }
-            },
-            {
-                label: 'Delete',
-                command: () => {
-                    this.delete();
-                }
-            },
-            { label: 'Angular Website', url: 'http://angular.io' },
-            { separator: true },
-            { label: 'Upload', routerLink: ['/fileupload'] }
-        ];
-    }
-
-    save(severity: string) {
-        this.messageService.add({ severity: severity, summary: 'Success', detail: 'Data Saved' });
-    }
-
-    update() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Updated' });
-    }
-
-    delete() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Data Deleted' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/splitter/accessibilitydoc.ts b/src/app/showcase/doc/splitter/accessibilitydoc.ts
deleted file mode 100644
index 868598b..0000000
--- a/src/app/showcase/doc/splitter/accessibilitydoc.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>Splitter bar defines <i>separator</i> as the role with <i>aria-orientation</i> set to either horizontal or vertical.</p>
-            <h3>Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Moves focus through the splitter bar.</td>
-                        </tr>
-                        <tr>
-                            <td><i>down arrow</i></td>
-                            <td>Moves a vertical splitter down.</td>
-                        </tr>
-                        <tr>
-                            <td><i>up arrow</i></td>
-                            <td>Moves a vertical splitter up.</td>
-                        </tr>
-                        <tr>
-                            <td><i>left arrow</i></td>
-                            <td>Moves a vertical splitter to the left.</td>
-                        </tr>
-                        <tr>
-                            <td><i>right arrow</i></td>
-                            <td>Moves a vertical splitter to the right.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/splitter/horizontaldoc.ts b/src/app/showcase/doc/splitter/horizontaldoc.ts
deleted file mode 100644
index e844aec..0000000
--- a/src/app/showcase/doc/splitter/horizontaldoc.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'horizontal-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Splitter requires two SplitterPanel components as children which are displayed horizontally by default.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-splitter [style]="{ height: '300px' }" styleClass="mb-5">
-                <ng-template pTemplate>
-                    <div class="col flex items-center justify-center">Panel 1</div>
-                </ng-template>
-                <ng-template pTemplate>
-                    <div class="col flex items-center justify-center">Panel 2</div>
-                </ng-template>
-            </p-splitter>
-        </div>
-        <app-code [code]="code" selector="splitter-horizontal-demo"></app-code>
-    `
-})
-export class HorizontalDoc {
-    code: Code = {
-        basic: `<p-splitter [style]="{ height: '300px' }" styleClass="mb-5">
-    <ng-template pTemplate>
-        <div class="col flex items-center justify-center">
-            Panel 1
-        </div>
-    </ng-template>
-    <ng-template pTemplate>
-        <div class="col flex items-center justify-center">
-            Panel 2
-        </div>
-    </ng-template>
-</p-splitter>`,
-
-        html: `<div class="card">
-    <p-splitter [style]="{ height: '300px' }" styleClass="mb-5">
-        <ng-template pTemplate>
-            <div class="col flex items-center justify-center">
-                Panel 1
-            </div>
-        </ng-template>
-        <ng-template pTemplate>
-            <div class="col flex items-center justify-center">
-                Panel 2
-            </div>
-        </ng-template>
-    </p-splitter>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { SplitterModule } from 'primeng/splitter';      
-
-@Component({
-    selector: 'splitter-horizontal-demo',
-    templateUrl: './splitter-horizontal-demo.html',
-    standalone: true,
-    imports: [SplitterModule]
-})
-export class SplitterHorizontalDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/splitter/importdoc.ts b/src/app/showcase/doc/splitter/importdoc.ts
deleted file mode 100644
index 5d11373..0000000
--- a/src/app/showcase/doc/splitter/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { SplitterModule } from 'primeng/splitter';`
-    };
-}
diff --git a/src/app/showcase/doc/splitter/nesteddoc.ts b/src/app/showcase/doc/splitter/nesteddoc.ts
deleted file mode 100644
index 355282e..0000000
--- a/src/app/showcase/doc/splitter/nesteddoc.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'nested-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Splitters can be combined to create advanced layouts.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-splitter [style]="{ height: '300px' }" [panelSizes]="[20, 80]" [minSizes]="[10, 0]" styleClass="mb-5">
-                <ng-template pTemplate>
-                    <div class="col flex items-center justify-center">Panel 1</div>
-                </ng-template>
-                <ng-template pTemplate>
-                    <p-splitter layout="vertical" [panelSizes]="[15, 85]">
-                        <ng-template pTemplate>
-                            <div style="flex-grow: 1;" class="flex items-center justify-center">Panel 2</div>
-                        </ng-template>
-                        <ng-template pTemplate>
-                            <p-splitter [panelSizes]="[20, 80]">
-                                <ng-template pTemplate>
-                                    <div class="col flex items-center justify-center">Panel 3</div>
-                                </ng-template>
-                                <ng-template pTemplate>
-                                    <div class="col flex items-center justify-center">Panel 4</div>
-                                </ng-template>
-                            </p-splitter>
-                        </ng-template>
-                    </p-splitter>
-                </ng-template>
-            </p-splitter>
-        </div>
-        <app-code [code]="code" selector="splitter-nested-demo"></app-code>
-    `
-})
-export class NestedDoc {
-    code: Code = {
-        basic: `<p-splitter 
-    [style]="{ height: '300px' }" 
-    [panelSizes]="[20, 80]" 
-    [minSizes]="[10, 0]" 
-    styleClass="mb-5">
-        <ng-template pTemplate>
-            <div class="col flex items-center justify-center">
-                Panel 1
-            </div>
-        </ng-template>
-        <ng-template pTemplate>
-            <p-splitter layout="vertical" [panelSizes]="[15, 85]">
-                <ng-template pTemplate>
-                    <div style="flex-grow: 1;" class="flex items-center justify-center">
-                        Panel 2
-                    </div>
-                </ng-template>
-                <ng-template pTemplate>
-                    <p-splitter [panelSizes]="[20, 80]">
-                        <ng-template pTemplate>
-                            <div class="col flex items-center justify-center">
-                                Panel 3
-                            </div>
-                        </ng-template>
-                        <ng-template pTemplate>
-                            <div class="col flex items-center justify-center">
-                                Panel 4
-                            </div>
-                        </ng-template>
-                    </p-splitter>
-                </ng-template>
-            </p-splitter>
-        </ng-template>
-</p-splitter>`,
-
-        html: `<div class="card">
-    <p-splitter 
-        [style]="{ height: '300px' }" 
-        [panelSizes]="[20, 80]" 
-        [minSizes]="[10, 0]" 
-        styleClass="mb-5">
-            <ng-template pTemplate>
-                <div class="col flex items-center justify-center">
-                    Panel 1
-                </div>
-            </ng-template>
-            <ng-template pTemplate>
-                <p-splitter layout="vertical" [panelSizes]="[15, 85]">
-                    <ng-template pTemplate>
-                        <div style="flex-grow: 1;" class="flex items-center justify-center">
-                            Panel 2
-                        </div>
-                    </ng-template>
-                    <ng-template pTemplate>
-                        <p-splitter [panelSizes]="[20, 80]">
-                            <ng-template pTemplate>
-                                <div class="col flex items-center justify-center">
-                                    Panel 3
-                                </div>
-                            </ng-template>
-                            <ng-template pTemplate>
-                                <div class="col flex items-center justify-center">
-                                    Panel 4
-                                </div>
-                            </ng-template>
-                        </p-splitter>
-                    </ng-template>
-                </p-splitter>
-            </ng-template>
-    </p-splitter>
-</div>
-`,
-
-        typescript: `import { Component } from '@angular/core';
-import { SplitterModule } from 'primeng/splitter'; 
-
-@Component({
-    selector: 'splitter-nested-demo',
-    templateUrl: './splitter-nested-demo.html',
-    standalone: true,
-    imports: [SplitterModule]
-})
-export class SplitterNestedDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/splitter/sizedoc.ts b/src/app/showcase/doc/splitter/sizedoc.ts
deleted file mode 100644
index c8c3034..0000000
--- a/src/app/showcase/doc/splitter/sizedoc.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'size-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When no panelSizes are defined, panels are split 50/50, use the <i>panelSizes</i> property to give relative widths e.g. [25, 75].</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-splitter [panelSizes]="[25, 75]" [style]="{ height: '300px' }" styleClass="mb-5">
-                <ng-template pTemplate>
-                    <div class="col flex items-center justify-center">Panel 1</div>
-                </ng-template>
-                <ng-template pTemplate>
-                    <div class="col flex items-center justify-center">Panel 2</div>
-                </ng-template>
-            </p-splitter>
-        </div>
-        <app-code [code]="code" selector="splitter-size-demo"></app-code>
-    `
-})
-export class SizeDoc {
-    code: Code = {
-        basic: `<p-splitter 
-    [panelSizes]="[25, 75]" 
-    [style]="{ height: '300px' }" 
-    styleClass="mb-5">
-    <ng-template pTemplate>
-        <div class="col flex items-center justify-center">
-            Panel 1
-        </div>
-    </ng-template>
-    <ng-template pTemplate>
-        <div class="col flex items-center justify-center">
-            Panel 2
-        </div>
-    </ng-template>
-</p-splitter>`,
-
-        html: `<div class="card">
-    <p-splitter 
-        [panelSizes]="[25, 75]" 
-        [style]="{ height: '300px' }" 
-        styleClass="mb-5">
-            <ng-template pTemplate>
-                <div class="col flex items-center justify-center">
-                    Panel 1
-                </div>
-            </ng-template>
-            <ng-template pTemplate>
-                <div class="col flex items-center justify-center">
-                    Panel 2
-                </div>
-            </ng-template>
-    </p-splitter>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { SplitterModule } from 'primeng/splitter';   
-
-@Component({
-    selector: 'splitter-size-demo',
-    templateUrl: './splitter-size-demo.html',
-    standalone: true,
-    imports: [SplitterModule]
-})
-export class SplitterSizeDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/splitter/splitterdoc.module.ts b/src/app/showcase/doc/splitter/splitterdoc.module.ts
deleted file mode 100644
index 25813a2..0000000
--- a/src/app/showcase/doc/splitter/splitterdoc.module.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { SplitterModule } from 'primeng/splitter';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { HorizontalDoc } from './horizontaldoc';
-import { ImportDoc } from './importdoc';
-import { NestedDoc } from './nesteddoc';
-import { SizeDoc } from './sizedoc';
-import { StyleDoc } from './styledoc';
-import { VerticalDoc } from './verticaldoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, SplitterModule, RouterModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, HorizontalDoc, SizeDoc, VerticalDoc, NestedDoc, StyleDoc, AccessibilityDoc]
-})
-export class SplitterDocModule {}
diff --git a/src/app/showcase/doc/splitter/styledoc.ts b/src/app/showcase/doc/splitter/styledoc.ts
deleted file mode 100644
index 7bb153f..0000000
--- a/src/app/showcase/doc/splitter/styledoc.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-splitter</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter</td>
-                        <td>Container element during resize.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter-horizontal</td>
-                        <td>Container element with horizontal layout.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter-vertical</td>
-                        <td>Container element with vertical layout.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter-panel</td>
-                        <td>Splitter panel element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter-gutter</td>
-                        <td>Gutter element to use when resizing the panels.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter-gutter-handle</td>
-                        <td>Handl element of the gutter.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/splitter/verticaldoc.ts b/src/app/showcase/doc/splitter/verticaldoc.ts
deleted file mode 100644
index 6d13313..0000000
--- a/src/app/showcase/doc/splitter/verticaldoc.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'vertical-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Panels are displayed as stacked by setting the <i>layout</i> to <i>vertical</i>.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-splitter [style]="{ height: '300px' }" styleClass="mb-5" layout="vertical">
-                <ng-template pTemplate>
-                    <div class="col flex items-center justify-center">Panel 1</div>
-                </ng-template>
-                <ng-template pTemplate>
-                    <div class="col flex items-center justify-center">Panel 2</div>
-                </ng-template>
-            </p-splitter>
-        </div>
-        <app-code [code]="code" selector="splitter-vertical-demo"></app-code>
-    `
-})
-export class VerticalDoc {
-    code: Code = {
-        basic: `<p-splitter 
-    [style]="{ height: '300px' }" 
-    styleClass="mb-5" 
-    layout="vertical">
-        <ng-template pTemplate>
-            <div class="col flex items-center justify-center">
-                Panel 1
-            </div>
-        </ng-template>
-        <ng-template pTemplate>
-            <div class="col flex items-center justify-center">
-                Panel 2
-            </div>
-        </ng-template>
-</p-splitter>`,
-
-        html: `<div class="card">
-    <p-splitter 
-        [style]="{ height: '300px' }" 
-        styleClass="mb-5" 
-        layout="vertical">
-            <ng-template pTemplate>
-                <div class="col flex items-center justify-center">
-                    Panel 1
-                </div>
-            </ng-template>
-            <ng-template pTemplate>
-                <div class="col flex items-center justify-center">
-                    Panel 2
-                </div>
-            </ng-template>
-    </p-splitter>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { SplitterModule } from 'primeng/splitter';   
-
-@Component({
-    selector: 'splitter-vertical-demo',
-    templateUrl: './splitter-vertical-demo.html',
-    standalone: true,
-    imports: [SplitterModule]
-})
-export class SplitterVerticalDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/stepper/accessibilitydoc.ts b/src/app/showcase/doc/stepper/accessibilitydoc.ts
deleted file mode 100644
index 63a5618..0000000
--- a/src/app/showcase/doc/stepper/accessibilitydoc.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Stepper container is defined with the <i>tablist</i> role, as any attribute is passed to the container element <i>aria-labelledby</i> can be optionally used to specify an element to describe the Stepper. Each stepper header has a
-                <i>tab</i> role and <i>aria-controls</i> to refer to the corresponding stepper content element. The content element of each stepper has <i>tabpanel</i> role, an id to match the <i>aria-controls</i> of the header and
-                <i>aria-labelledby</i> reference to the header as the accessible name.
-            </p>
-
-            <h3>Tab Header Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td>
-                                <i>tab</i>
-                            </td>
-                            <td>Moves focus through the header.</td>
-                        </tr>
-                        <tr>
-                            <td>
-                                <i>enter</i>
-                            </td>
-                            <td>Activates the focused stepper header.</td>
-                        </tr>
-                        <tr>
-                            <td>
-                                <i>space</i>
-                            </td>
-                            <td>Activates the focused stepper header.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/stepper/basicdoc.ts b/src/app/showcase/doc/stepper/basicdoc.ts
deleted file mode 100644
index 94bcc4f..0000000
--- a/src/app/showcase/doc/stepper/basicdoc.ts
+++ /dev/null
@@ -1,189 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Stepper consists of one or more StepperPanel elements to encapsulate each step in the progress. The elements to navigate between the steps are not built-in for ease of customization, instead <i>prevCallback</i> and
-                <i>nextCallback</i> events should be bound to your custom UI elements.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-stepper>
-                <p-stepperPanel header="Header I">
-                    <ng-template pTemplate="content" let-nextCallback="nextCallback" let-index="index">
-                        <div class="flex flex-col !h-12">
-                            <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
-                        </div>
-                        <div class="flex pt-6 justify-end">
-                            <p-button label="Next" icon="pi pi-arrow-right" iconPos="right" (onClick)="nextCallback.emit()" /></div
-                    ></ng-template>
-                </p-stepperPanel>
-                <p-stepperPanel header="Header II">
-                    <ng-template pTemplate="content" let-prevCallback="prevCallback" let-nextCallback="nextCallback" let-index="index">
-                        <div class="flex flex-col !h-12">
-                            <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div>
-                        </div>
-                        <div class="flex pt-6 justify-between">
-                            <p-button label="Back" icon="pi pi-arrow-left" (onClick)="prevCallback.emit()" [outlined]="true" />
-                            <p-button label="Next" icon="pi pi-arrow-right" iconPos="right" (onClick)="nextCallback.emit()" /></div
-                    ></ng-template>
-                </p-stepperPanel>
-                <p-stepperPanel header="Header III">
-                    <ng-template pTemplate="content" let-prevCallback="prevCallback" let-index="index">
-                        <div class="flex flex-col !h-12">
-                            <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content III</div>
-                        </div>
-                        <div class="flex pt-6 justify-start">
-                            <p-button label="Back" icon="pi pi-arrow-left" (onClick)="prevCallback.emit()" [outlined]="true" /></div
-                    ></ng-template>
-                </p-stepperPanel>
-            </p-stepper>
-        </div>
-
-        <app-code [code]="code" selector="stepper-basic-demo"></app-code>
-    `,
-    styles: [
-        `
-            .p-stepper {
-                flex-basis: 50rem;
-            }
-        `
-    ]
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-stepper>
-    <p-stepperPanel header="Header I">
-        <ng-template pTemplate="content" let-nextCallback="nextCallback" let-index="index">
-            <div class="flex flex-col !h-12">
-                <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">
-                    Content I
-                </div>
-            </div>
-            <div class="flex pt-6 justify-end">
-                <p-button
-                    label="Next"
-                    icon="pi pi-arrow-right"
-                    iconPos="right"
-                    (onClick)="nextCallback.emit()" />
-            </div>
-        </ng-template>
-    </p-stepperPanel>
-    <p-stepperPanel header="Header II">
-        <ng-template pTemplate="content" let-prevCallback="prevCallback" let-nextCallback="nextCallback" let-index="index">
-            <div class="flex flex-col !h-12">
-                <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">
-                    Content II
-                </div>
-            </div>
-            <div class="flex pt-6 justify-between">
-                <p-button
-                    label="Back"
-                    icon="pi pi-arrow-left"
-                    (onClick)="prevCallback.emit()"
-                    [outlined]="true" />
-                <p-button
-                    label="Next"
-                    icon="pi pi-arrow-right"
-                    iconPos="right"
-                    (onClick)="nextCallback.emit()" />
-            </div>
-        </ng-template>
-    </p-stepperPanel>
-    <p-stepperPanel header="Header III">
-        <ng-template pTemplate="content" let-prevCallback="prevCallback" let-index="index">
-            <div class="flex flex-col !h-12">
-                <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">
-                    Content III
-                </div>
-            </div>
-            <div class="flex pt-6 justify-start">
-                <p-button label="Back" icon="pi pi-arrow-left" (onClick)="prevCallback.emit()" [outlined]="true" />
-            </div>
-        </ng-template>
-    </p-stepperPanel>
-</p-stepper>`,
-
-        html: `<div class="card flex justify-center">
-    <p-stepper>
-        <p-stepperPanel header="Header I">
-            <ng-template pTemplate="content" let-nextCallback="nextCallback" let-index="index">
-                <div class="flex flex-col !h-12">
-                    <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">
-                        Content I
-                    </div>
-                </div>
-                <div class="flex pt-6 justify-end">
-                    <p-button
-                        label="Next"
-                        icon="pi pi-arrow-right"
-                        iconPos="right"
-                        (onClick)="nextCallback.emit()" />
-                </div>
-            </ng-template>
-        </p-stepperPanel>
-        <p-stepperPanel header="Header II">
-            <ng-template pTemplate="content" let-prevCallback="prevCallback" let-nextCallback="nextCallback" let-index="index">
-                <div class="flex flex-col !h-12">
-                    <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">
-                        Content II
-                    </div>
-                </div>
-                <div class="flex pt-6 justify-between">
-                    <p-button
-                        label="Back"
-                        icon="pi pi-arrow-left"
-                        (onClick)="prevCallback.emit()"
-                        [outlined]="true" />
-                    <p-button
-                        label="Next"
-                        icon="pi pi-arrow-right"
-                        iconPos="right"
-                        (onClick)="nextCallback.emit()" />
-                </div>
-            </ng-template>
-        </p-stepperPanel>
-        <p-stepperPanel header="Header III">
-            <ng-template pTemplate="content" let-prevCallback="prevCallback" let-index="index">
-                <div class="flex flex-col !h-12">
-                    <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">
-                        Content III
-                    </div>
-                </div>
-                <div class="flex pt-6 justify-start">
-                    <p-button
-                        label="Back"
-                        icon="pi pi-arrow-left"
-                        (onClick)="prevCallback.emit()"
-                        [outlined]="true" />
-                </div>
-            </ng-template>
-        </p-stepperPanel>
-    </p-stepper>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-import { StepperModule } from 'primeng/stepper';
-
-@Component({
-    selector: 'stepper-basic-demo',
-    templateUrl: './stepper-basic-demo.html',
-    standalone: true,
-    imports: [ButtonModule, StepperModule],
-    styles: [
-        \`
-        .p-stepper {
-            flex-basis: 50rem;
-        }
-        \`
-    ]
-
-})
-export class StepperBasicDemo {
-}`
-    };
-}
diff --git a/src/app/showcase/doc/stepper/importdoc.ts b/src/app/showcase/doc/stepper/importdoc.ts
deleted file mode 100644
index 9827e09..0000000
--- a/src/app/showcase/doc/stepper/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { StepperModule } from 'primeng/stepper';`
-    };
-}
diff --git a/src/app/showcase/doc/stepper/lineardoc.ts b/src/app/showcase/doc/stepper/lineardoc.ts
deleted file mode 100644
index 80c8eec..0000000
--- a/src/app/showcase/doc/stepper/lineardoc.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'linear-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>linear</i> property is present, current step must be completed in order to move to the next step.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-stepper [linear]="true">
-                <p-stepperPanel header="Header I">
-                    <ng-template pTemplate="content" let-nextCallback="nextCallback" let-index="index">
-                        <div class="flex flex-col !h-12">
-                            <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
-                        </div>
-                        <div class="flex pt-6 justify-end">
-                            <p-button label="Next" icon="pi pi-arrow-right" iconPos="right" (onClick)="nextCallback.emit()" /></div
-                    ></ng-template>
-                </p-stepperPanel>
-                <p-stepperPanel header="Header II">
-                    <ng-template pTemplate="content" let-prevCallback="prevCallback" let-nextCallback="nextCallback" let-index="index">
-                        <div class="flex flex-col !h-12">
-                            <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div>
-                        </div>
-                        <div class="flex pt-6 justify-between">
-                            <p-button label="Back" icon="pi pi-arrow-left" (onClick)="prevCallback.emit()" [outlined]="true" />
-                            <p-button label="Next" icon="pi pi-arrow-right" iconPos="right" (onClick)="nextCallback.emit()" /></div
-                    ></ng-template>
-                </p-stepperPanel>
-                <p-stepperPanel header="Header III">
-                    <ng-template pTemplate="content" let-prevCallback="prevCallback" let-index="index">
-                        <div class="flex flex-col !h-12">
-                            <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content III</div>
-                        </div>
-                        <div class="flex pt-6 justify-start">
-                            <p-button label="Back" icon="pi pi-arrow-left" (onClick)="prevCallback.emit()" [outlined]="true" /></div
-                    ></ng-template>
-                </p-stepperPanel>
-            </p-stepper>
-        </div>
-        <app-code [code]="code" selector="stepper-linear-demo"></app-code>
-    `
-})
-export class LinearDoc {
-    code: Code = {
-        basic: `<p-stepper [linear]="true">
-    <p-stepperPanel header="Header I">
-        <ng-template pTemplate="content" let-nextCallback="nextCallback" let-index="index">
-            <div class="flex flex-col !h-12">
-                <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">
-                    Content I
-                </div>
-            </div>
-            <div class="flex pt-6 justify-end">
-                <p-button label="Next" icon="pi pi-arrow-right" iconPos="right" (onClick)="nextCallback.emit()" />
-            </div>
-        </ng-template>
-    </p-stepperPanel>
-    <p-stepperPanel header="Header II">
-        <ng-template pTemplate="content" let-prevCallback="prevCallback" let-nextCallback="nextCallback" let-index="index">
-            <div class="flex flex-col !h-12">
-                <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">
-                    Content II
-                </div>
-            </div>
-            <div class="flex pt-6 justify-between">
-                <p-button label="Back" icon="pi pi-arrow-left" (onClick)="prevCallback.emit()" [outlined]="true" />
-                <p-button label="Next" icon="pi pi-arrow-right" iconPos="right" (onClick)="nextCallback.emit()" />
-            </div>
-        </ng-template>
-    </p-stepperPanel>
-    <p-stepperPanel header="Header III">
-        <ng-template pTemplate="content" let-prevCallback="prevCallback" let-index="index">
-            <div class="flex flex-col !h-12">
-                <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">
-                    Content III
-                </div>
-            </div>
-            <div class="flex pt-6 justify-start">
-                <p-button label="Back" icon="pi pi-arrow-left" (onClick)="prevCallback.emit()" [outlined]="true" />
-            </div>
-        </ng-template>
-    </p-stepperPanel>
-</p-stepper>`,
-
-        html: `<div class="card">
-    <p-stepper [linear]="true">
-        <p-stepperPanel header="Header I">
-            <ng-template pTemplate="content" let-nextCallback="nextCallback" let-index="index">
-                <div class="flex flex-col !h-12">
-                    <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">
-                        Content I
-                    </div>
-                </div>
-                <div class="flex pt-6 justify-end">
-                    <p-button label="Next" icon="pi pi-arrow-right" iconPos="right" (onClick)="nextCallback.emit()" />
-                </div>
-            </ng-template>
-        </p-stepperPanel>
-        <p-stepperPanel header="Header II">
-            <ng-template pTemplate="content" let-prevCallback="prevCallback" let-nextCallback="nextCallback" let-index="index">
-                <div class="flex flex-col !h-12">
-                    <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">
-                        Content II
-                    </div>
-                </div>
-                <div class="flex pt-6 justify-between">
-                    <p-button label="Back" icon="pi pi-arrow-left" (onClick)="prevCallback.emit()" [outlined]="true" />
-                    <p-button label="Next" icon="pi pi-arrow-right" iconPos="right" (onClick)="nextCallback.emit()" />
-                </div>
-            </ng-template>
-        </p-stepperPanel>
-        <p-stepperPanel header="Header III">
-            <ng-template pTemplate="content" let-prevCallback="prevCallback" let-index="index">
-                <div class="flex flex-col !h-12">
-                    <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">
-                        Content III
-                    </div>
-                </div>
-                <div class="flex pt-6 justify-start">
-                    <p-button label="Back" icon="pi pi-arrow-left" (onClick)="prevCallback.emit()" [outlined]="true" />
-                </div>
-            </ng-template>
-        </p-stepperPanel>
-    </p-stepper>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { StepperModule } from 'primeng/stepper';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'stepper-linear-demo-demo',
-    templateUrl: './stepper-linear-demo-demo.html',
-    standalone: true,
-    imports: [StepperModule, ButtonModule]
-})
-export class StepperLinearDemo {
-}`
-    };
-}
diff --git a/src/app/showcase/doc/stepper/stepperdoc.module.ts b/src/app/showcase/doc/stepper/stepperdoc.module.ts
deleted file mode 100644
index cd00433..0000000
--- a/src/app/showcase/doc/stepper/stepperdoc.module.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { StepperModule } from 'primeng/stepper';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { ImportDoc } from './importdoc';
-import { BasicDoc } from './basicdoc';
-import { ButtonModule } from 'primeng/button';
-import { VerticalDoc } from './verticaldoc';
-import { LinearDoc } from './lineardoc';
-import { TemplateDoc } from './templatedoc';
-import { PasswordModule } from 'primeng/password';
-import { InputIconModule } from 'primeng/inputicon';
-import { IconFieldModule } from 'primeng/iconfield';
-import { InputTextModule } from 'primeng/inputtext';
-import { ToggleButtonModule } from 'primeng/togglebutton';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { InputSwitchModule } from 'primeng/inputswitch';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, StepperModule, RouterModule, FormsModule, ReactiveFormsModule, ButtonModule, PasswordModule, InputIconModule, IconFieldModule, InputTextModule, ToggleButtonModule, InputSwitchModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, VerticalDoc, LinearDoc, TemplateDoc, AccessibilityDoc]
-})
-export class StepperDocModule {}
diff --git a/src/app/showcase/doc/stepper/styledoc.ts b/src/app/showcase/doc/stepper/styledoc.ts
deleted file mode 100644
index 7bb153f..0000000
--- a/src/app/showcase/doc/stepper/styledoc.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-splitter</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter</td>
-                        <td>Container element during resize.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter-horizontal</td>
-                        <td>Container element with horizontal layout.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter-vertical</td>
-                        <td>Container element with vertical layout.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter-panel</td>
-                        <td>Splitter panel element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter-gutter</td>
-                        <td>Gutter element to use when resizing the panels.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter-gutter-handle</td>
-                        <td>Handl element of the gutter.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/stepper/templatedoc.ts b/src/app/showcase/doc/stepper/templatedoc.ts
deleted file mode 100644
index 17d485d..0000000
--- a/src/app/showcase/doc/stepper/templatedoc.ts
+++ /dev/null
@@ -1,320 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Кастомный шаблон</p>
-        </app-docsectiontext>
-        <div class="flex justify-center gap-4">
-            <div class="flex justify-center gap-2">
-                <label for="switch-line">Без линии</label>
-                <p-inputSwitch inputId="switch-line" [(ngModel)]="isLine" />
-            </div>
-            <div class="flex justify-center gap-2">
-                <label for="switch-err">Ошибка</label>
-                <p-inputSwitch inputId="switch-err" [(ngModel)]="isInvalid" />
-            </div>
-            <div class="flex justify-center gap-2">
-                <label for="switch-dis">Отключен</label>
-                <p-inputSwitch inputId="switch-dis" [(ngModel)]="disabled" />
-            </div>
-        </div>
-        <div class="card flex justify-center">
-            <p-stepper [(activeStep)]="active" [ngClass]="isLine ? 'no-line' : ''" [linear]="disabled">
-                <p-stepperPanel>
-                    <ng-template pTemplate="header" let-onClick="onClick" let-index="index" class="p-dander">
-                        <button type="button" class="p-stepper-action" [class.p-danger]="isInvalid" (click)="onClick.emit()">
-                            <span class="p-stepper-number">
-                                {{ index + 1 }}
-                            </span>
-                            <div class="p-stepper-title-wrapper">
-                                <span class="p-stepper-title">Stepper</span>
-                                <span class="caption-secondary">caption</span>
-                            </div>
-                        </button>
-                    </ng-template>
-                    <ng-template pTemplate="content" let-nextCallback="nextCallback" let-index="index">
-                        <div class="flex flex-col gap-2 mx-auto justify-center" style="min-height: 16rem; max-width: 20rem">
-                            <h2 class="flex justify-center">Контент {{ index + 1 }}</h2>
-                        </div>
-                        <div class="flex pt-6 justify-end">
-                            <p-button (onClick)="nextCallback.emit()" label="Далее" icon="pi pi-arrow-right" iconPos="right" />
-                        </div>
-                    </ng-template>
-                </p-stepperPanel>
-                <p-stepperPanel>
-                    <ng-template pTemplate="header" let-onClick="onClick" let-index="index">
-                        <button class="p-stepper-action" [class.p-danger]="isInvalid" (click)="onClick.emit()">
-                            <span class="p-stepper-icon">
-                                <i class="ti ti-chevrons-right"></i>
-                            </span>
-                            <div class="p-stepper-title-wrapper">
-                                <span class="p-stepper-title">Stepper</span>
-                                <span class="caption-secondary">caption</span>
-                            </div>
-                        </button>
-                    </ng-template>
-                    <ng-template pTemplate="content" let-prevCallback="prevCallback" let-nextCallback="nextCallback" let-index="index">
-                        <div class="flex flex-col gap-2 mx-auto justify-center" style="min-height: 16rem; max-width: 20rem">
-                            <h2 class="flex justify-center">Контент {{ index + 1 }}</h2>
-                        </div>
-                        <div class="flex pt-6 justify-between">
-                            <p-button (onClick)="prevCallback.emit()" label="Назад" icon="pi pi-arrow-left" [outlined]="true" />
-                            <p-button (onClick)="nextCallback.emit()" label="Далее" icon="pi pi-arrow-right" iconPos="right" />
-                        </div>
-                    </ng-template>
-                </p-stepperPanel>
-                <p-stepperPanel>
-                    <ng-template pTemplate="header" let-onClick="onClick" let-index="index">
-                        <button type="button" class="p-stepper-action" [class.p-danger]="isInvalid" (click)="onClick.emit()">
-                            <span class="p-stepper-number">
-                                {{ index + 1 }}
-                            </span>
-                            <div class="p-stepper-title-wrapper">
-                                <span class="p-stepper-title">Stepper</span>
-                                <span class="caption-secondary">caption</span>
-                            </div>
-                        </button>
-                    </ng-template>
-                    <ng-template pTemplate="content" let-prevCallback="prevCallback" let-index="index">
-                        <div class="flex flex-col gap-2 mx-auto justify-center" style="min-height: 16rem; max-width: 20rem">
-                            <h2 class="flex justify-center">Контент {{ index + 1 }}</h2>
-                        </div>
-                        <div class="flex pt-6 justify-start">
-                            <p-button (onClick)="prevCallback.emit()" label="Назад" severity="secondary" icon="pi pi-arrow-left" [outlined]="true" />
-                        </div>
-                    </ng-template>
-                </p-stepperPanel>
-            </p-stepper>
-        </div>
-        <app-code [code]="code" selector="stepper-template-demo"></app-code>
-    `,
-    styles: [
-        `
-            .p-stepper {
-                flex-basis: 40rem;
-            }
-        `
-    ]
-})
-export class TemplateDoc {
-    active: number | undefined = 0;
-
-    isLine: boolean | undefined = false;
-
-    isInvalid: boolean | undefined = false;
-
-    disabled: boolean | undefined = false;
-
-    code: Code = {
-        basic: `<div class="flex justify-center gap-4">
-    <div class="flex justify-center gap-2">
-        <label for="switch-line">Без линии</label>
-        <p-inputSwitch inputId="switch-line" [(ngModel)]="isLine"/>
-    </div>
-    <div class="flex justify-center gap-2">
-        <label for="switch-err">Ошибка</label>
-        <p-inputSwitch inputId="switch-err" [(ngModel)]="isInvalid"/>
-    </div>
-    <div class="flex justify-center gap-2">
-        <label for="switch-dis">Отключен</label>
-        <p-inputSwitch inputId="switch-dis" [(ngModel)]="disabled"/>
-    </div>
-</div>
-<div class="card flex justify-center">
-    <p-stepper [(activeStep)]="active" [ngClass]="isLine ? 'no-line' : ''" [linear]="disabled">
-        <p-stepperPanel>
-            <ng-template pTemplate="header" let-onClick="onClick" let-index="index" class="p-dander">
-                <button type="button" class="p-stepper-action" [class.p-danger]="isInvalid" (click)="onClick.emit()">
-                    <span class="p-stepper-number">
-                        {{ index + 1 }}
-                    </span>
-                    <div class="p-stepper-title-wrapper">
-                        <span class="p-stepper-title">Stepper</span>
-                        <span class="caption-secondary">caption</span>
-                    </div>
-                </button>
-            </ng-template>
-            <ng-template pTemplate="content" let-nextCallback="nextCallback" let-index="index">
-                <div class="flex flex-col gap-2 mx-auto justify-center" style="min-height: 16rem; max-width: 20rem">
-                    <h2 class="flex justify-center">Контент {{ index + 1 }}</h2>
-                </div>
-                <div class="flex pt-6 justify-end">
-                    <p-button (onClick)="nextCallback.emit()" label="Далее" icon="pi pi-arrow-right" iconPos="right" />
-                </div>
-            </ng-template>
-        </p-stepperPanel>
-        <p-stepperPanel>
-            <ng-template pTemplate="header" let-onClick="onClick" let-index="index">
-                <button class="p-stepper-action" [class.p-danger]="isInvalid" (click)="onClick.emit()">
-                    <span class="p-stepper-icon">
-                        <i class="ti ti-chevrons-right"></i>
-                    </span>
-                    <div class="p-stepper-title-wrapper">
-                        <span class="p-stepper-title">Stepper</span>
-                        <span class="caption-secondary">caption</span>
-                    </div>
-                </button>
-            </ng-template>
-            <ng-template pTemplate="content" let-prevCallback="prevCallback" let-nextCallback="nextCallback" let-index="index">
-                <div class="flex flex-col gap-2 mx-auto justify-center" style="min-height: 16rem; max-width: 20rem">
-                    <h2 class="flex justify-center">Контент {{ index + 1 }}</h2>
-                </div>
-                <div class="flex pt-6 justify-between">
-                    <p-button (onClick)="prevCallback.emit()" label="Назад" icon="pi pi-arrow-left" [outlined]="true" />
-                    <p-button (onClick)="nextCallback.emit()" label="Далее1" icon="pi pi-arrow-right" iconPos="right" />
-                </div>
-            </ng-template>
-        </p-stepperPanel>
-        <p-stepperPanel>
-            <ng-template pTemplate="header" let-onClick="onClick" let-index="index">
-                <button type="button" class="p-stepper-action" [class.p-danger]="isInvalid" (click)="onClick.emit()">
-                    <span class="p-stepper-number">
-                        {{ index + 1 }}
-                    </span>
-                    <div class="p-stepper-title-wrapper">
-                        <span class="p-stepper-title">Stepper</span>
-                        <span class="caption-secondary">caption</span>
-                    </div>
-                </button>
-            </ng-template>
-            <ng-template pTemplate="content" let-prevCallback="prevCallback" let-index="index">
-                <div class="flex flex-col gap-2 mx-auto justify-center" style="min-height: 16rem; max-width: 20rem">
-                    <h2 class="flex justify-center">Контент {{ index + 1 }}</h2>
-                </div>
-                <div class="flex pt-6 justify-start">
-                    <p-button (onClick)="prevCallback.emit()" label="Назад" severity="secondary" icon="pi pi-arrow-left" [outlined]="true" />
-                </div>
-            </ng-template>
-        </p-stepperPanel>
-    </p-stepper>
-</div>`,
-
-        html: `<div class="flex justify-center gap-4">
-    <div class="flex justify-center gap-2">
-        <label for="switch-line">Без линии</label>
-        <p-inputSwitch inputId="switch-line" [(ngModel)]="isLine"/>
-    </div>
-    <div class="flex justify-center gap-2">
-        <label for="switch-err">Ошибка</label>
-        <p-inputSwitch inputId="switch-err" [(ngModel)]="isInvalid"/>
-    </div>
-    <div class="flex justify-center gap-2">
-        <label for="switch-dis">Отключен</label>
-        <p-inputSwitch inputId="switch-dis" [(ngModel)]="disabled"/>
-    </div>
-</div>
-<div class="card flex justify-center">
-    <p-stepper [(activeStep)]="active" [ngClass]="isLine ? 'no-line' : ''" [linear]="disabled">
-        <p-stepperPanel>
-            <ng-template pTemplate="header" let-onClick="onClick" let-index="index" class="p-dander">
-                <button type="button" class="p-stepper-action" [class.p-danger]="isInvalid" (click)="onClick.emit()">
-                    <span class="p-stepper-number">
-                        {{ index + 1 }}
-                    </span>
-                    <div class="p-stepper-title-wrapper">
-                        <span class="p-stepper-title">Stepper</span>
-                        <span class="caption-secondary">caption</span>
-                    </div>
-                </button>
-            </ng-template>
-            <ng-template pTemplate="content" let-nextCallback="nextCallback" let-index="index">
-                <div class="flex flex-col gap-2 mx-auto justify-center" style="min-height: 16rem; max-width: 20rem">
-                    <h2 class="flex justify-center">Контент {{ index + 1 }}</h2>
-                </div>
-                <div class="flex pt-6 justify-end">
-                    <p-button (onClick)="nextCallback.emit()" label="Далее" icon="pi pi-arrow-right" iconPos="right" />
-                </div>
-            </ng-template>
-        </p-stepperPanel>
-        <p-stepperPanel>
-            <ng-template pTemplate="header" let-onClick="onClick" let-index="index">
-                <button class="p-stepper-action" [class.p-danger]="isInvalid" (click)="onClick.emit()">
-                    <span class="p-stepper-icon">
-                        <i class="ti ti-chevrons-right"></i>
-                    </span>
-                    <div class="p-stepper-title-wrapper">
-                        <span class="p-stepper-title">Stepper</span>
-                        <span class="caption-secondary">caption</span>
-                    </div>
-                </button>
-            </ng-template>
-            <ng-template pTemplate="content" let-prevCallback="prevCallback" let-nextCallback="nextCallback" let-index="index">
-                <div class="flex flex-col gap-2 mx-auto justify-center" style="min-height: 16rem; max-width: 20rem">
-                    <h2 class="flex justify-center">Контент {{ index + 1 }}</h2>
-                </div>
-                <div class="flex pt-6 justify-between">
-                    <p-button (onClick)="prevCallback.emit()" label="Назад" severity="secondary" icon="pi pi-arrow-left" [outlined]="true" />
-                    <p-button (onClick)="nextCallback.emit()" label="Далее" icon="pi pi-arrow-right" iconPos="right" />
-                </div>
-            </ng-template>
-        </p-stepperPanel>
-        <p-stepperPanel>
-            <ng-template pTemplate="header" let-onClick="onClick" let-index="index">
-                <button type="button" class="p-stepper-action" [class.p-danger]="isInvalid" (click)="onClick.emit()">
-                    <span class="p-stepper-number">
-                        {{ index + 1 }}
-                    </span>
-                    <div class="p-stepper-title-wrapper">
-                        <span class="p-stepper-title">Stepper</span>
-                        <span class="caption-secondary">caption</span>
-                    </div>
-                </button>
-            </ng-template>
-            <ng-template pTemplate="content" let-prevCallback="prevCallback" let-index="index">
-                <div class="flex flex-col gap-2 mx-auto justify-center" style="min-height: 16rem; max-width: 20rem">
-                    <h2 class="flex justify-center">Контент {{ index + 1 }}</h2>
-                </div>
-                <div class="flex pt-6 justify-start">
-                    <p-button (onClick)="prevCallback.emit()" label="Назад" severity="secondary" icon="pi pi-arrow-left" [outlined]="true" />
-                </div>
-            </ng-template>
-        </p-stepperPanel>
-    </p-stepper>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-import { StepperModule } from 'primeng/stepper';
-import { InputTextModule } from 'primeng/inputtext';
-import { ToggleButtonModule } from 'primeng/togglebutton';
-import { IconFieldModule } from 'primeng/iconfield';
-import { InputIconModule } from 'primeng/inputicon';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'stepper-template-demo',
-    templateUrl: './stepper-template-demo.html',
-    standalone: true,
-    imports: [
-      StepperModule,
-      ButtonModule,
-      InputTextModule,
-      ToggleButtonModule,
-      IconFieldModule,
-      InputIconModule,
-      CommonModule,
-      InputSwitchModule
-    ],
-    styles: [
-        \`.p-stepper {
-            flex-basis: 40rem;
-        }
-        \`
-    ]
-})
-export class StepperTemplateDemo {
-        active: number | undefined = 0;
-
-        isLine: boolean | undefined = false;
-
-        isInvalid: boolean | undefined = false;
-
-        disabled: boolean | undefined = false;
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/stepper/verticaldoc.ts b/src/app/showcase/doc/stepper/verticaldoc.ts
deleted file mode 100644
index 7bf13ce..0000000
--- a/src/app/showcase/doc/stepper/verticaldoc.ts
+++ /dev/null
@@ -1,140 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'vertical-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Layout of the Stepper is configured with the <i>orientation</i> property that accepts <i>horizontal</i> and <i>vertical</i> as available options.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-stepper orientation="vertical">
-                <p-stepperPanel header="Header I">
-                    <ng-template pTemplate="content" let-nextCallback="nextCallback" let-index="index">
-                        <div class="flex flex-col !h-12">
-                            <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
-                        </div>
-                        <div class="flex py-6">
-                            <p-button label="Next" (onClick)="nextCallback.emit()" /></div
-                    ></ng-template>
-                </p-stepperPanel>
-                <p-stepperPanel header="Header II">
-                    <ng-template pTemplate="content" let-prevCallback="prevCallback" let-nextCallback="nextCallback" let-index="index">
-                        <div class="flex flex-col !h-12">
-                            <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div>
-                        </div>
-                        <div class="flex py-6 gap-2">
-                            <p-button label="Back" severity="secondary" (onClick)="prevCallback.emit()" [outlined]="true" />
-                            <p-button label="Next" (onClick)="nextCallback.emit()" /></div
-                    ></ng-template>
-                </p-stepperPanel>
-                <p-stepperPanel header="Header III">
-                    <ng-template pTemplate="content" let-prevCallback="prevCallback" let-index="index">
-                        <div class="flex flex-col !h-12">
-                            <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content III</div>
-                        </div>
-                        <div class="flex py-6">
-                            <p-button label="Back" (onClick)="prevCallback.emit()" [outlined]="true" /></div
-                    ></ng-template>
-                </p-stepperPanel>
-            </p-stepper>
-        </div>
-        <app-code [code]="code" selector="stepper-vertical-demo"></app-code>
-    `
-})
-export class VerticalDoc {
-    code: Code = {
-        basic: `<p-stepper orientation="vertical">
-    <p-stepperPanel header="Header I">
-        <ng-template pTemplate="content" let-nextCallback="nextCallback" let-index="index">
-            <div class="flex flex-col !h-12">
-                <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
-            </div>
-            <div class="flex py-6">
-                <p-button label="Next" (onClick)="nextCallback.emit()" />
-            </div
-        ></ng-template>
-    </p-stepperPanel>
-    <p-stepperPanel header="Header II">
-        <ng-template pTemplate="content" let-prevCallback="prevCallback" let-nextCallback="nextCallback" let-index="index">
-            <div class="flex flex-col !h-12">
-                <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">
-                    Content II
-                </div>
-            </div>
-            <div class="flex py-6 gap-2">
-                <p-button label="Back" severity="secondary" (onClick)="prevCallback.emit()" [outlined]="true" />
-                <p-button label="Next" (onClick)="nextCallback.emit()" />
-            </div>
-        </ng-template>
-    </p-stepperPanel>
-    <p-stepperPanel header="Header III">
-        <ng-template pTemplate="content" let-prevCallback="prevCallback" let-index="index">
-            <div class="flex flex-col !h-12">
-                <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">
-                    Content III
-                </div>
-            </div>
-            <div class="flex py-6">
-                <p-button label="Back" (onClick)="prevCallback.emit()" [outlined]="true" />
-            </div>
-        </ng-template>
-    </p-stepperPanel>
-</p-stepper>`,
-
-        html: `<div class="card">
-    <p-stepper orientation="vertical">
-        <p-stepperPanel header="Header I">
-            <ng-template pTemplate="content" let-nextCallback="nextCallback" let-index="index">
-                <div class="flex flex-col !h-12">
-                    <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">
-                        Content I
-                    </div>
-                </div>
-                <div class="flex py-6">
-                    <p-button label="Next" (onClick)="nextCallback.emit()" />
-                </div>
-            </ng-template>
-        </p-stepperPanel>
-        <p-stepperPanel header="Header II">
-            <ng-template pTemplate="content" let-prevCallback="prevCallback" let-nextCallback="nextCallback" let-index="index">
-                <div class="flex flex-col !h-12">
-                    <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">
-                        Content II
-                    </div>
-                </div>
-                <div class="flex py-6 gap-2">
-                    <p-button label="Back" severity="secondary" (onClick)="prevCallback.emit()" [outlined]="true" />
-                    <p-button label="Next" (onClick)="nextCallback.emit()" />
-                </div>
-            </ng-template>
-        </p-stepperPanel>
-        <p-stepperPanel header="Header III">
-            <ng-template pTemplate="content" let-prevCallback="prevCallback" let-index="index">
-                <div class="flex flex-col !h-12">
-                    <div class="border-2 border-dashed border-surface rounded-border bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">
-                        Content III
-                    </div>
-                </div>
-                <div class="flex py-6">
-                    <p-button label="Back" (onClick)="prevCallback.emit()" [outlined]="true" />
-                </div>
-            </ng-template>
-        </p-stepperPanel>
-    </p-stepper>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { StepperModule } from 'primeng/stepper';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'stepper-vertical-demo',
-    templateUrl: './stepper-vertical-demo.html',
-    standalone: true,
-    imports: [StepperModule, ButtonModule]
-})
-export class StepperVerticalDemo {
-}`
-    };
-}
diff --git a/src/app/showcase/doc/steps/accessibilitydoc.ts b/src/app/showcase/doc/steps/accessibilitydoc.ts
deleted file mode 100644
index 65a60ca..0000000
--- a/src/app/showcase/doc/steps/accessibilitydoc.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Steps component uses the <i>nav</i> element and since any attribute is passed to the root implicitly <i>aria-labelledby</i> or <i>aria-label</i> can be used to describe the component. Inside an ordered list is used where the current
-                step item defines <i>aria-current</i> as "step".
-            </p>
-            <h3>Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Adds focus to the active step when focus moves in to the component, if there is already a focused tab header then moves the focus out of the component based on the page tab sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Activates the focused step if readonly is not enabled.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Activates the focused step if readonly is not enabled.</td>
-                        </tr>
-                        <tr>
-                            <td><i>right arrow</i></td>
-                            <td>Moves focus to the next step if readonly is not enabled.</td>
-                        </tr>
-                        <tr>
-                            <td><i>left arrow</i></td>
-                            <td>Moves focus to the previous step if readonly is not enabled.</td>
-                        </tr>
-                        <tr>
-                            <td><i>home</i></td>
-                            <td>Moves focus to the first step if readonly is not enabled.</td>
-                        </tr>
-                        <tr>
-                            <td><i>end</i></td>
-                            <td>Moves focus to the last step if readonly is not enabled.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/steps/basicdoc.ts b/src/app/showcase/doc/steps/basicdoc.ts
deleted file mode 100644
index 07532be..0000000
--- a/src/app/showcase/doc/steps/basicdoc.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Steps requires a collection of menuitems as its <i>model</i>.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-steps [model]="items" [readonly]="true" />
-        </div>
-        <app-code [code]="code" selector="steps-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Personal Info'
-            },
-            {
-                label: 'Reservation'
-            },
-            {
-                label: 'Review'
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-steps [model]="items" [readonly]="true" />`,
-
-        html: `<div class="card">
-    <p-steps [model]="items" [readonly]="true" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { StepsModule } from 'primeng/steps';
-
-@Component({
-    selector: 'steps-basic-demo',
-    templateUrl: './steps-basic-demo.html',
-    standalone: true,
-    imports: [StepsModule]
-})
-export class StepsBasicDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Personal',
-                routerLink: 'personal'
-            },
-            {
-                label: 'Seat',
-                routerLink: 'seat'
-            },
-            {
-                label: 'Payment',
-                routerLink: 'payment'
-            },
-            {
-                label: 'Confirmation',
-                routerLink: 'confirmation'
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/steps/confirmationdemo.ts b/src/app/showcase/doc/steps/confirmationdemo.ts
deleted file mode 100644
index 3007831..0000000
--- a/src/app/showcase/doc/steps/confirmationdemo.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { TicketService } from '@service/ticketservice';
-import { Router } from '@angular/router';
-
-@Component({
-    template: `
-        <div class="stepsdemo-content">
-            <p-card>
-                <ng-template pTemplate="title"> Confirmation </ng-template>
-                <ng-template pTemplate="subtitle"> Please verify the entered data </ng-template>
-                <ng-template pTemplate="content">
-                    <div class="grid grid-cols-12 gap-4">
-                        <div class="field col-span-12 md:col-span-6">
-                            <span>Name</span>
-                            <b
-                                >{{ ticketInformation.personalInformation.firstname ? ticketInformation.personalInformation.firstname : '-' }}
-                                {{ ticketInformation.personalInformation.lastname ? ticketInformation.personalInformation.lastname : '-' }}</b
-                            >
-                        </div>
-                        <div class="field col-span-12 md:col-span-6">
-                            <span>Age</span>
-                            <b>{{ ticketInformation.personalInformation.age ? ticketInformation.personalInformation.age : '-' }}</b>
-                        </div>
-                        <div class="field col-span-12 md:col-span-6">
-                            <span>Seat Class</span>
-                            <b>{{ ticketInformation.seatInformation.class ? ticketInformation.seatInformation.class.name : '-' }}</b>
-                        </div>
-                        <div class="field col-span-12 md:col-span-6">
-                            <span>Wagon Number</span>
-                            <b>{{ ticketInformation.seatInformation.wagon ? ticketInformation.seatInformation.wagon.wagon : '-' }}</b>
-                        </div>
-                        <div class="field col-span-12 md:col-span-6">
-                            <span>Seat</span>
-                            <b>{{ ticketInformation.seatInformation.seat ? ticketInformation.seatInformation.seat.seat : '-' }}</b>
-                        </div>
-                        <div class="field col-span-12 md:col-span-6">
-                            <span>Cardholder Name</span>
-                            <b>{{ ticketInformation.paymentInformation.cardholderName ? ticketInformation.paymentInformation.cardholderName : '-' }}</b>
-                        </div>
-                        <div class="field col-span-12 md:col-span-6">
-                            <span>Card Number</span>
-                            <b>{{ ticketInformation.paymentInformation.cardholderNumber ? ticketInformation.paymentInformation.cardholderNumber : '-' }}</b>
-                        </div>
-                        <div class="field col-span-12 md:col-span-3">
-                            <label for="Age">Date</label>
-                            <b>{{ ticketInformation.paymentInformation.date ? ticketInformation.paymentInformation.date : '-' }}</b>
-                        </div>
-                        <div class="field col-span-12 md:col-span-3">
-                            <span>CVV</span>
-                            <b>{{ ticketInformation.paymentInformation.cvv && ticketInformation.paymentInformation.cvv.length === 3 ? '**' + ticketInformation.paymentInformation.cvv[2] : '-' }}</b>
-                        </div>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="footer">
-                    <div class="flex justify-between mt-6">
-                        <p-button label="Back" (onClick)="prevPage()" icon="pi pi-angle-left" [outlined]="true"></p-button>
-                        <p-button label="Complete" (onClick)="complete()" icon="pi pi-angle-right" iconPos="right" styleClass="p-button-success"></p-button>
-                    </div>
-                </ng-template>
-            </p-card>
-        </div>
-    `,
-    styles: [
-        `
-            .field {
-                @apply flex flex-col;
-            }
-        `
-    ]
-})
-export class ConfirmationDemo implements OnInit {
-    ticketInformation: any;
-
-    constructor(
-        public ticketService: TicketService,
-        private router: Router
-    ) {}
-
-    ngOnInit() {
-        this.ticketInformation = this.ticketService.ticketInformation;
-    }
-
-    complete() {
-        this.ticketService.complete();
-    }
-
-    prevPage() {
-        this.router.navigate(['steps/payment'], { fragment: 'routing' });
-    }
-}
diff --git a/src/app/showcase/doc/steps/controlleddoc.ts b/src/app/showcase/doc/steps/controlleddoc.ts
deleted file mode 100644
index f78a570..0000000
--- a/src/app/showcase/doc/steps/controlleddoc.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'controlled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Steps can be controlled programmatically using <i>activeIndex</i> property.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex mb-5 gap-2 justify-end">
-                <p-button (onClick)="active = 0" [rounded]="true" label="1" styleClass="!w-2 !h-2 p-0 flex justify-center" [outlined]="active !== 0" />
-                <p-button (onClick)="active = 1" [rounded]="true" label="2" styleClass="!w-2 !h-2 p-0 flex justify-center" [outlined]="active !== 1" />
-                <p-button (onClick)="active = 2" [rounded]="true" label="3" styleClass="!w-2 !h-2 p-0 flex justify-center" [outlined]="active !== 2" />
-            </div>
-            <p-steps [activeIndex]="active" [model]="items" />
-        </div>
-        <app-code [code]="code" selector="steps-controlled-demo"></app-code>
-    `
-})
-export class ControlledDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    active: number = 0;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Personal Info'
-            },
-            {
-                label: 'Reservation'
-            },
-            {
-                label: 'Review'
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<div class="flex mb-5 gap-2 justify-end">
-    <p-button
-        (onClick)="active = 0"
-        [rounded]="true"
-        label="1"
-        styleClass="!w-2 !h-2 p-0 flex justify-center"
-        [outlined]="active !== 0" />
-    <p-button
-        (onClick)="active = 1"
-        [rounded]="true"
-        label="2"
-        styleClass="!w-2 !h-2 p-0 flex justify-center"
-        [outlined]="active !== 1" />
-    <p-button
-        (onClick)="active = 2"
-        [rounded]="true"
-        label="3"
-        styleClass="!w-2 !h-2 p-0 flex justify-center"
-        [outlined]="active !== 2" />
-</div>
-<p-steps [activeIndex]="active" [model]="items" />`,
-
-        html: `<div class="card">
-    <div class="flex mb-5 gap-2 justify-end">
-        <p-button
-            (onClick)="active = 0"
-            [rounded]="true"
-            label="1"
-            styleClass="!w-2 !h-2 p-0 flex justify-center"
-            [outlined]="active !== 0" />
-        <p-button
-            (onClick)="active = 1"
-            [rounded]="true"
-            label="2"
-            styleClass="!w-2 !h-2 p-0 flex justify-center"
-            [outlined]="active !== 1" />
-        <p-button
-            (onClick)="active = 2"
-            [rounded]="true"
-            label="3"
-            styleClass="!w-2 !h-2 p-0 flex justify-center"
-            [outlined]="active !== 2" />
-    </div>
-    <p-steps [activeIndex]="active" [model]="items" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { StepsModule } from 'primeng/steps';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'steps-controlled-demo',
-    templateUrl: './steps-controlled-demo.html',
-    standalone: true,
-    imports: [StepsModule, ButtonModule]
-})
-export class StepsControlledDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    active: number = 0;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Personal Info'
-            },
-            {
-                label: 'Reservation'
-            },
-            {
-                label: 'Review'
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/steps/importdoc.ts b/src/app/showcase/doc/steps/importdoc.ts
deleted file mode 100644
index 7d44846..0000000
--- a/src/app/showcase/doc/steps/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { StepsModule } from 'primeng/steps';`
-    };
-}
diff --git a/src/app/showcase/doc/steps/interactivedoc.ts b/src/app/showcase/doc/steps/interactivedoc.ts
deleted file mode 100644
index 39f6f71..0000000
--- a/src/app/showcase/doc/steps/interactivedoc.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'interactive-doc',
-    template: `
-        <app-docsectiontext>
-            <p>In order to add interactivity to the component, disable <i>readonly</i> and use a binding to <i>activeIndex</i> along with <i>activeIndexChange</i> to control the Steps.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-toast />
-            <p-steps [model]="items" [readonly]="false" [activeIndex]="activeIndex" (activeIndexChange)="onActiveIndexChange($event)" />
-        </div>
-        <app-code [code]="code" selector="steps-interactive-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class InteractiveDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    activeIndex: number = 0;
-
-    constructor(public messageService: MessageService) {}
-
-    onActiveIndexChange(event: number) {
-        this.activeIndex = event;
-    }
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Personal',
-                command: (event: any) => this.messageService.add({ severity: 'info', summary: 'First Step', detail: event.item.label })
-            },
-            {
-                label: 'Seat',
-                command: (event: any) => this.messageService.add({ severity: 'info', summary: 'Second Step', detail: event.item.label })
-            },
-            {
-                label: 'Payment',
-                command: (event: any) => this.messageService.add({ severity: 'info', summary: 'Third Step', detail: event.item.label })
-            },
-            {
-                label: 'Confirmation',
-                command: (event: any) => this.messageService.add({ severity: 'info', summary: 'Last Step', detail: event.item.label })
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-steps 
-    [model]="items" 
-    [readonly]="false" 
-    [activeIndex]="activeIndex" 
-    (activeIndexChange)="onActiveIndexChange($event)" />`,
-
-        html: `<div class="card">
-    <p-toast />
-    <p-steps 
-        [model]="items" 
-        [readonly]="false" 
-        [activeIndex]="activeIndex" 
-        (activeIndexChange)="onActiveIndexChange($event)" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { StepsModule } from 'primeng/steps';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'steps-interactive-demo',
-    templateUrl: './steps-interactive-demo.html',
-    standalone: true,
-    imports: [StepsModule, ToastModule],
-    providers: [MessageService]
-})
-export class StepsInteractiveDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    activeIndex: number = 0;
-
-    constructor(public messageService: MessageService) {}
-
-    onActiveIndexChange(event: number) {
-        this.activeIndex = event;
-    }
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Personal',
-                command: (event: any) => this.messageService.add({severity:'info', summary:'First Step', detail: event.item.label})
-            },
-            {
-                label: 'Seat',
-                command: (event: any) => this.messageService.add({severity:'info', summary:'Second Step', detail: event.item.label})
-            },
-            {
-                label: 'Payment',
-                command: (event: any) => this.messageService.add({severity:'info', summary:'Third Step', detail: event.item.label})
-            },
-            {
-                label: 'Confirmation',
-                command: (event: any) => this.messageService.add({severity:'info', summary:'Last Step', detail: event.item.label})
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/steps/paymentdemo.ts b/src/app/showcase/doc/steps/paymentdemo.ts
deleted file mode 100644
index ca3335f..0000000
--- a/src/app/showcase/doc/steps/paymentdemo.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { TicketService } from '@service/ticketservice';
-import { Router } from '@angular/router';
-
-@Component({
-    template: `
-        <div class="stepsdemo-content">
-            <p-card>
-                <ng-template pTemplate="title"> Payment Information </ng-template>
-                <ng-template pTemplate="subtitle"> Enter your card details </ng-template>
-                <ng-template pTemplate="content">
-                    <div class="grid grid-cols-12 gap-4">
-                        <div class="field col-span-12">
-                            <label for="class">Card Holder Name</label>
-                            <input type="text" required pInputText [(ngModel)]="paymentInformation.cardholderName" />
-                        </div>
-                        <div class="field col-span-8">
-                            <label id="number" for="lastname">Number</label>
-                            <p-inputMask styleClass="w-full" inputId="number" mask="9999-9999-9999-9999" [(ngModel)]="paymentInformation.cardholderNumber"></p-inputMask>
-                        </div>
-                        <div class="field col-span-2">
-                            <label id="date" for="date">Date</label>
-                            <p-inputMask styleClass="w-full" inputId="date" mask="99/99" [(ngModel)]="paymentInformation.date"></p-inputMask>
-                        </div>
-                        <div class="field col-span-2">
-                            <label for="cvv">CVV</label>
-                            <p-inputMask styleClass="w-full" id="cvv" mask="999" [(ngModel)]="paymentInformation.cvv"></p-inputMask>
-                        </div>
-                        <div class="field-checkbox col-span-12">
-                            <p-checkbox inputId="remember" [binary]="true" [(ngModel)]="paymentInformation.remember"></p-checkbox>
-                            <label for="remember" class="p-checkbox-label">Save credit card information for future</label>
-                        </div>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="footer">
-                    <div class="flex justify-between mt-6">
-                        <p-button label="Back" (onClick)="prevPage()" icon="pi pi-angle-left" [outlined]="true"></p-button>
-                        <p-button label="Next" (onClick)="nextPage()" icon="pi pi-angle-right" iconPos="right"></p-button>
-                    </div>
-                </ng-template>
-            </p-card>
-        </div>
-    `,
-    styles: [
-        `
-            .field {
-                @apply flex flex-col;
-            }
-            .field-checkbox {
-                @apply flex gap-2 items-center;
-            }
-        `
-    ]
-})
-export class PaymentDemo implements OnInit {
-    paymentInformation: any;
-
-    constructor(
-        public ticketService: TicketService,
-        private router: Router
-    ) {}
-
-    ngOnInit() {
-        this.paymentInformation = this.ticketService.ticketInformation.paymentInformation;
-    }
-
-    nextPage() {
-        this.ticketService.ticketInformation.paymentInformation = this.paymentInformation;
-        this.router.navigate(['steps/confirmation'], { fragment: 'routing' });
-    }
-
-    prevPage() {
-        this.router.navigate(['steps/seat'], { fragment: 'routing' });
-    }
-}
diff --git a/src/app/showcase/doc/steps/personaldemo.ts b/src/app/showcase/doc/steps/personaldemo.ts
deleted file mode 100644
index 734364b..0000000
--- a/src/app/showcase/doc/steps/personaldemo.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { TicketService } from '@service/ticketservice';
-import { Router } from '@angular/router';
-
-@Component({
-    template: `
-        <div class="stepsdemo-content">
-            <p-card>
-                <ng-template pTemplate="title"> Personal Information </ng-template>
-                <ng-template pTemplate="subtitle"> Enter your personal information</ng-template>
-                <ng-template pTemplate="content">
-                    <div class="flex flex-col gap-4">
-                        <div class="field">
-                            <label for="firstname">Firstname</label>
-                            <input
-                                #firstname="ngModel"
-                                id="firstname"
-                                type="text"
-                                required
-                                pInputText
-                                [(ngModel)]="personalInformation.firstname"
-                                [ngClass]="{ 'ng-dirty': (firstname.invalid && submitted) || (firstname.dirty && firstname.invalid) }"
-                            />
-                            <small *ngIf="(firstname.invalid && submitted) || (firstname.dirty && firstname.invalid)" class="p-error">Firstname is required.</small>
-                        </div>
-                        <div class="field">
-                            <label for="lastname">Lastname</label>
-                            <input #lastname="ngModel" id="lastname" type="text" required pInputText [(ngModel)]="personalInformation.lastname" [ngClass]="{ 'ng-dirty': (lastname.invalid && submitted) || (lastname.dirty && lastname.invalid) }" />
-                            <small class="p-error" *ngIf="(lastname.invalid && submitted) || (lastname.dirty && lastname.invalid)">Lastname is required.</small>
-                        </div>
-                        <div class="field">
-                            <label for="age">Age</label>
-                            <input #age="ngModel" id="age" type="number" required pInputText [(ngModel)]="personalInformation.age" [ngClass]="{ 'ng-dirty': (age.invalid && submitted) || (age.dirty && age.invalid) }" />
-                            <small class="p-error" *ngIf="(age.invalid && submitted) || (age.dirty && age.invalid)">Age is required.</small>
-                        </div>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="footer">
-                    <div class="flex justify-end mt-6">
-                        <p-button label="Next" (onClick)="nextPage()" icon="pi pi-angle-right" iconPos="right"></p-button>
-                    </div>
-                </ng-template>
-            </p-card>
-        </div>
-    `,
-    styles: [
-        `
-            .field {
-                @apply flex flex-col w-full;
-            }
-        `
-    ]
-})
-export class PersonalDemo implements OnInit {
-    personalInformation: any;
-
-    submitted: boolean = false;
-
-    constructor(
-        public ticketService: TicketService,
-        private router: Router
-    ) {}
-
-    ngOnInit() {
-        this.personalInformation = this.ticketService.getTicketInformation().personalInformation;
-    }
-
-    nextPage() {
-        if (this.personalInformation.firstname && this.personalInformation.lastname && this.personalInformation.age) {
-            this.ticketService.ticketInformation.personalInformation = this.personalInformation;
-            this.router.navigate(['steps/seat'], { fragment: 'routing' });
-
-            return;
-        }
-
-        this.submitted = true;
-    }
-}
diff --git a/src/app/showcase/doc/steps/routingdoc.ts b/src/app/showcase/doc/steps/routingdoc.ts
deleted file mode 100644
index 3fb13ae..0000000
--- a/src/app/showcase/doc/steps/routingdoc.ts
+++ /dev/null
@@ -1,454 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Subscription } from 'rxjs';
-import { Code } from '@domain/code';
-import { TicketService } from '@service/ticketservice';
-
-@Component({
-    selector: 'routing-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Example below uses nested routes with Steps.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-toast />
-            <p-steps [model]="items" [readonly]="false" />
-        </div>
-        <router-outlet></router-outlet>
-        <app-code [code]="code" selector="steps-routing-demo" [routeFiles]="routeFiles"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class RoutingDoc implements OnInit {
-    items: MenuItem[];
-
-    subscription: Subscription;
-
-    constructor(
-        public messageService: MessageService,
-        public ticketService: TicketService
-    ) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Personal',
-                routerLink: ''
-            },
-            {
-                label: 'Seat',
-                routerLink: 'seat'
-            },
-            {
-                label: 'Payment',
-                routerLink: 'payment'
-            },
-            {
-                label: 'Confirmation',
-                routerLink: 'confirmation'
-            }
-        ];
-
-        this.subscription = this.ticketService.paymentComplete$.subscribe((personalInformation) => {
-            this.messageService.add({ severity: 'success', summary: 'Order submitted', detail: 'Dear, ' + personalInformation.firstname + ' ' + personalInformation.lastname + ' your order has been completed.' });
-        });
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-    code: Code = {
-        basic: `<div class="card">
-    <p-toast />
-    <p-steps [model]="items" [readonly]="false" />
-</div>
-<router-outlet></router-outlet>`,
-
-        html: `
-<div class="card">
-    <p-toast />
-    <p-steps [model]="items" [readonly]="false" />
-</div>
-<router-outlet></router-outlet>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { TicketService } from '@service/ticketservice';
-import { Subscription } from 'rxjs';
-import { StepsModule } from 'primeng/steps';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'steps-routing-demo',
-    templateUrl: './steps-routing-demo.html',
-    standalone: true,
-    imports: [StepsModule, ToastModule],
-    providers: [MessageService, TicketService]
-})
-export class StepsRoutingDemo implements OnInit {
-    items: MenuItem[];
-
-    subscription: Subscription;
-
-    constructor(public messageService: MessageService, public ticketService: TicketService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Personal',
-                routerLink: 'personal'
-            },
-            {
-                label: 'Seat',
-                routerLink: 'seat'
-            },
-            {
-                label: 'Payment',
-                routerLink: 'payment'
-            },
-            {
-                label: 'Confirmation',
-                routerLink: 'confirmation'
-            }
-        ];
-
-        this.subscription = this.ticketService.paymentComplete$.subscribe((personalInformation) => {
-            this.messageService.add({ severity: 'success', summary: 'Order submitted', detail: 'Dear, ' + personalInformation.firstname + ' ' + personalInformation.lastname + ' your order has been completed.' });
-        });
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}`,
-        routerModule: `
-    RouterModule.forRoot([
-        {
-            path: '',
-            children: [
-                { path: 'personal', component: PersonalDemo },
-                { path: 'seat', component: SeatDemo },
-                { path: 'payment', component: PaymentDemo },
-                { path: 'confirmation', component: ConfirmationDemo },
-                { path: '', redirectTo: 'personal', pathMatch: 'full' },
-            ]
-        }
-    ])`,
-        service: ['TicketService']
-    };
-
-    routeFiles = [
-        {
-            path: 'src/app/demo/paymentdemo.ts',
-            name: 'PaymentDemo',
-            content: `import { Component, OnInit } from '@angular/core';
-import { TicketService } from '@service/ticketservice';
-import { Router } from '@angular/router';
-
-@Component({
-    template: \`
-        <div class="stepsdemo-content">
-            <p-card>
-                <ng-template pTemplate="title"> Payment Information </ng-template>
-                <ng-template pTemplate="subtitle"> Enter your card details </ng-template>
-                <ng-template pTemplate="content">
-                    <div class="grid grid-cols-12 gap-4">
-                        <div class="field col-span-12">
-                            <label for="class">Card Holder Name</label>
-                            <input type="text" required pInputText [(ngModel)]="paymentInformation.cardholderName" />
-                        </div>
-                        <div class="field col-span-8">
-                            <label id="number" for="lastname">Number</label>
-                            <p-inputMask styleClass="w-full" inputId="number" mask="9999-9999-9999-9999" [(ngModel)]="paymentInformation.cardholderNumber"></p-inputMask>
-                        </div>
-                        <div class="field col-span-2">
-                            <label id="date" for="date">Date</label>
-                            <p-inputMask styleClass="w-full" inputId="date" mask="99/99" [(ngModel)]="paymentInformation.date"></p-inputMask>
-                        </div>
-                        <div class="field col-span-2">
-                            <label for="cvv">CVV</label>
-                            <p-inputMask styleClass="w-full" id="cvv" mask="999" [(ngModel)]="paymentInformation.cvv"></p-inputMask>
-                        </div>
-                        <div class="field-checkbox col-span-12">
-                            <p-checkbox inputId="remember" [binary]="true" [(ngModel)]="paymentInformation.remember"></p-checkbox>
-                            <label for="remember" class="p-checkbox-label">Save credit card information for future</label>
-                        </div>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="footer">
-                    <div class="flex justify-between mt-6">
-                        <p-button label="Back" (onClick)="prevPage()" icon="pi pi-angle-left" [outlined]="true"></p-button>
-                        <p-button label="Next" (onClick)="nextPage()" icon="pi pi-angle-right" iconPos="right"></p-button>
-                    </div>
-                </ng-template>
-            </p-card>
-        </div>
-    \`
-})
-export class PaymentDemo implements OnInit {
-    paymentInformation: any;
-
-    constructor(public ticketService: TicketService, private router: Router) {}
-
-    ngOnInit() {
-        this.paymentInformation = this.ticketService.ticketInformation.paymentInformation;
-    }
-
-    nextPage() {
-        this.ticketService.ticketInformation.paymentInformation = this.paymentInformation;
-        this.router.navigate(['steps/confirmation']);
-    }
-
-    prevPage() {
-        this.router.navigate(['steps/seat']);
-    }
-}`
-        },
-        {
-            path: 'src/app/demo/personaldemo.ts',
-            name: 'PersonalDemo',
-            content: `import { Component, OnInit } from '@angular/core';
-import { TicketService } from '@service/ticketservice';
-import { Router } from '@angular/router';
-
-@Component({
-    template: \`
-        <div class="stepsdemo-content">
-            <p-card>
-                <ng-template pTemplate="title"> Personal Information </ng-template>
-                <ng-template pTemplate="subtitle"> Enter your personal information </ng-template>
-                <ng-template pTemplate="content">
-                    <div class="flex flex-col gap-4">
-                        <div class="field">
-                            <label for="firstname">Firstname</label>
-                            <input
-                                #firstname="ngModel"
-                                id="firstname"
-                                type="text"
-                                required
-                                pInputText
-                                [(ngModel)]="personalInformation.firstname"
-                                [ngClass]="{ 'ng-dirty': (firstname.invalid && submitted) || (firstname.dirty && firstname.invalid) }"
-                            />
-                            <small *ngIf="(firstname.invalid && submitted) || (firstname.dirty && firstname.invalid)" class="p-error">Firstname is required.</small>
-                        </div>
-                        <div class="field">
-                            <label for="lastname">Lastname</label>
-                            <input #lastname="ngModel" id="lastname" type="text" required pInputText [(ngModel)]="personalInformation.lastname" [ngClass]="{ 'ng-dirty': (lastname.invalid && submitted) || (lastname.dirty && lastname.invalid) }" />
-                            <small class="p-error" *ngIf="(lastname.invalid && submitted) || (lastname.dirty && lastname.invalid)">Lastname is required.</small>
-                        </div>
-                        <div class="field">
-                            <label for="age">Age</label>
-                            <input #age="ngModel" id="age" type="number" required pInputText [(ngModel)]="personalInformation.age" [ngClass]="{ 'ng-dirty': (age.invalid && submitted) || (age.dirty && age.invalid) }" />
-                            <small class="p-error" *ngIf="(age.invalid && submitted) || (age.dirty && age.invalid)">Age is required.</small>
-                        </div>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="footer">
-                    <div class="flex justify-end mt-6">
-                        <p-button label="Next" (onClick)="nextPage()" icon="pi pi-angle-right" iconPos="right"></p-button>
-                    </div>
-                </ng-template>
-            </p-card>
-        </div>
-    \`
-})
-export class PersonalDemo implements OnInit {
-    personalInformation: any;
-
-    submitted: boolean = false;
-
-    constructor(public ticketService: TicketService, private router: Router) {}
-
-    ngOnInit() {
-        this.personalInformation = this.ticketService.getTicketInformation().personalInformation;
-    }
-
-    nextPage() {
-        if (this.personalInformation.firstname && this.personalInformation.lastname && this.personalInformation.age) {
-            this.ticketService.ticketInformation.personalInformation = this.personalInformation;
-            this.router.navigate(['steps/seat']);
-
-            return;
-        }
-
-        this.submitted = true;
-    }
-}`
-        },
-        {
-            path: 'src/app/demo/seatdemo.ts',
-            name: 'SeatDemo',
-            content: `import { Component, OnInit } from '@angular/core';
-import { TicketService } from '@service/ticketservice';
-import { Router } from '@angular/router';
-
-@Component({
-    template: \`
-        <div class="stepsdemo-content">
-            <p-card>
-                <ng-template pTemplate="title"> Seat Information </ng-template>
-                <ng-template pTemplate="subtitle"> Choose your seat </ng-template>
-                <ng-template pTemplate="content">
-                    <div class="grid grid-cols-12 gap-4">
-                        <div class="field col-span-12  md:col-span-6">
-                            <label for="class">Class</label>
-                            <p-dropdown styleClass="w-full" inputId="class" [(ngModel)]="seatInformation.class" [options]="classes" (onChange)="setVagons($event)" optionLabel="name" placeholder="Select a Class"></p-dropdown>
-                        </div>
-                        <div class="field col-span-12 md:col-span-6">
-                            <label for="wagon">Wagon</label>
-                            <p-dropdown styleClass="w-full" inputId="wagon" [(ngModel)]="seatInformation.wagon" [options]="vagons" (onChange)="setSeats($event)" optionLabel="wagon" placeholder="Select a Wagon"></p-dropdown>
-                        </div>
-                        <div class="field col-span-12">
-                            <label for="seat">Seat</label>
-                            <p-dropdown styleClass="w-full" inputId="seat" [(ngModel)]="seatInformation.seat" [options]="seats" optionLabel="seat" placeholder="Select a Seat"></p-dropdown>
-                        </div>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="footer">
-                    <div class="flex justify-between mt-6">
-                        <p-button label="Back" (onClick)="prevPage()" icon="pi pi-angle-left" [outlined]="true"></p-button>
-                        <p-button label="Next" (onClick)="nextPage()" icon="pi pi-angle-right" iconPos="right"></p-button>
-                    </div>
-                </ng-template>
-            </p-card>
-        </div>
-        \`
-})
-export class SeatDemo implements OnInit {
-    constructor(public ticketService: TicketService, private router: Router) {}
-
-    classes: any[];
-
-    vagons: any[];
-
-    seats: any[];
-
-    seatInformation: any;
-
-    ngOnInit() {
-        this.seatInformation = this.ticketService.ticketInformation.seatInformation;
-
-        this.classes = [
-            { name: 'First Class', code: 'A', factor: 1 },
-            { name: 'Second Class', code: 'B', factor: 2 },
-            { name: 'Third Class', code: 'C', factor: 3 }
-        ];
-    }
-
-    setVagons(event) {
-        if (this.seatInformation.class && event.value) {
-            this.vagons = [];
-            this.seats = [];
-            for (let i = 1; i < 3 * event.value.factor; i++) {
-                this.vagons.push({ wagon: i + event.value.code, type: event.value.name, factor: event.value.factor });
-            }
-        }
-    }
-
-    setSeats(event) {
-        if (this.seatInformation.wagon && event.value) {
-            this.seats = [];
-            for (let i = 1; i < 10 * event.value.factor; i++) {
-                this.seats.push({ seat: i, type: event.value.type });
-            }
-        }
-    }
-
-    nextPage() {
-        this.ticketService.ticketInformation.seatInformation = this.seatInformation;
-        this.router.navigate(['steps/payment']);
-    }
-
-    prevPage() {
-        this.router.navigate(['steps/personal']);
-    }
-}`
-        },
-        {
-            path: 'src/app/demo/confirmationdemo.ts',
-            name: 'ConfirmationDemo',
-            content: `import { Component, OnInit } from '@angular/core';
-import { TicketService } from '@service/ticketservice';
-import { Router } from '@angular/router';
-
-@Component({
-    template: \`
-        <div class="stepsdemo-content">
-            <p-card>
-                <ng-template pTemplate="title"> Confirmation1 </ng-template>
-                <ng-template pTemplate="subtitle"> Please verify the entered data333 </ng-template>
-                <ng-template pTemplate="content">
-                    <div class="grid grid-cols-12 gap-4">
-                        <div class="field col-span-12 md:col-span-6">
-                            <span>Name</span>
-                            <b>{{ ticketInformation.personalInformation.firstname ? ticketInformation.personalInformation.firstname : '-' }} {{ ticketInformation.personalInformation.lastname ? ticketInformation.personalInformation.lastname : '-' }}</b>
-                        </div>
-                        <div class="field col-span-12 md:col-span-6">
-                            <span>Age</span>
-                            <b>{{ ticketInformation.personalInformation.age ? ticketInformation.personalInformation.age : '-' }}</b>
-                        </div>
-                        <div class="field col-span-12 md:col-span-6">
-                            <span>Seat Class</span>
-                            <b>{{ ticketInformation.seatInformation.class ? ticketInformation.seatInformation.class.name : '-' }}</b>
-                        </div>
-                        <div class="field col-span-12 md:col-span-6">
-                            <span>Wagon Number</span>
-                            <b>{{ ticketInformation.seatInformation.wagon ? ticketInformation.seatInformation.wagon.wagon : '-' }}</b>
-                        </div>
-                        <div class="field col-span-12 md:col-span-6">
-                            <span>Seat</span>
-                            <b>{{ ticketInformation.seatInformation.seat ? ticketInformation.seatInformation.seat.seat : '-' }}</b>
-                        </div>
-                        <div class="field col-span-12 md:col-span-6">
-                            <span>Cardholder Name</span>
-                            <b>{{ ticketInformation.paymentInformation.cardholderName ? ticketInformation.paymentInformation.cardholderName : '-' }}</b>
-                        </div>
-                        <div class="field col-span-12 md:col-span-6">
-                            <span>Card Number</span>
-                            <b>{{ ticketInformation.paymentInformation.cardholderNumber ? ticketInformation.paymentInformation.cardholderNumber : '-' }}</b>
-                        </div>
-                        <div class="field col-span-12 md:col-span-3">
-                            <span>Date</span>
-                            <b>{{ ticketInformation.paymentInformation.date ? ticketInformation.paymentInformation.date : '-' }}</b>
-                        </div>
-                        <div class="field col-span-12 md:col-span-3">
-                            <span>CVV</span>
-                            <b>{{ ticketInformation.paymentInformation.cvv && ticketInformation.paymentInformation.cvv.length === 3 ? '**' + ticketInformation.paymentInformation.cvv[2] : '-' }}</b>
-                        </div>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="footer">
-                    <div class="flex justify-between mt-6">
-                        <p-button label="Back" (onClick)="prevPage()" icon="pi pi-angle-left" [outlined]="true"></p-button>
-                        <p-button label="Complete" (onClick)="complete()" icon="pi pi-angle-right" iconPos="right" styleClass="p-button-success"></p-button>
-                    </div>
-                </ng-template>
-            </p-card>
-        </div>
-    \`
-})
-export class ConfirmationDemo implements OnInit {
-    ticketInformation: any;
-
-    constructor(public ticketService: TicketService, private router: Router) {}
-
-    ngOnInit() {
-        this.ticketInformation = this.ticketService.ticketInformation;
-    }
-
-    complete() {
-        this.ticketService.complete();
-    }
-
-    prevPage() {
-        this.router.navigate(['steps/payment']);
-    }
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/steps/seatdemo.ts b/src/app/showcase/doc/steps/seatdemo.ts
deleted file mode 100644
index f856661..0000000
--- a/src/app/showcase/doc/steps/seatdemo.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { TicketService } from '@service/ticketservice';
-import { Router } from '@angular/router';
-
-@Component({
-    template: `
-        <div class="stepsdemo-content">
-            <p-card>
-                <ng-template pTemplate="title"> Seat Information </ng-template>
-                <ng-template pTemplate="subtitle"> Choose your seat </ng-template>
-                <ng-template pTemplate="content">
-                    <div class="grid grid-cols-12 gap-4">
-                        <div class="field col-span-12  md:col-span-6">
-                            <label for="class">Class</label>
-                            <p-dropdown styleClass="w-full" inputId="class" [(ngModel)]="seatInformation.class" [options]="classes" (onChange)="setVagons($event)" optionLabel="name" placeholder="Select a Class"></p-dropdown>
-                        </div>
-                        <div class="field col-span-12 md:col-span-6">
-                            <label for="wagon">Wagon</label>
-                            <p-dropdown styleClass="w-full" inputId="wagon" [(ngModel)]="seatInformation.wagon" [options]="vagons" (onChange)="setSeats($event)" optionLabel="wagon" placeholder="Select a Wagon"></p-dropdown>
-                        </div>
-                        <div class="field col-span-12">
-                            <label for="seat">Seat</label>
-                            <p-dropdown styleClass="w-full" inputId="seat" [(ngModel)]="seatInformation.seat" [options]="seats" optionLabel="seat" placeholder="Select a Seat"></p-dropdown>
-                        </div>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="footer">
-                    <div class="flex justify-between mt-6">
-                        <p-button label="Back" (onClick)="prevPage()" icon="pi pi-angle-left" [outlined]="true"></p-button>
-                        <p-button label="Next" (onClick)="nextPage()" icon="pi pi-angle-right" iconPos="right"></p-button>
-                    </div>
-                </ng-template>
-            </p-card>
-        </div>
-    `,
-    styles: [
-        `
-            .field {
-                @apply flex flex-col;
-            }
-        `
-    ]
-})
-export class SeatDemo implements OnInit {
-    constructor(
-        public ticketService: TicketService,
-        private router: Router
-    ) {}
-
-    classes: any[];
-
-    vagons: any[];
-
-    seats: any[];
-
-    seatInformation: any;
-
-    ngOnInit() {
-        this.seatInformation = this.ticketService.ticketInformation.seatInformation;
-
-        this.classes = [
-            { name: 'First Class', code: 'A', factor: 1 },
-            { name: 'Second Class', code: 'B', factor: 2 },
-            { name: 'Third Class', code: 'C', factor: 3 }
-        ];
-    }
-
-    setVagons(event) {
-        if (this.seatInformation.class && event.value) {
-            this.vagons = [];
-            this.seats = [];
-            for (let i = 1; i < 3 * event.value.factor; i++) {
-                this.vagons.push({ wagon: i + event.value.code, type: event.value.name, factor: event.value.factor });
-            }
-        }
-    }
-
-    setSeats(event) {
-        if (this.seatInformation.wagon && event.value) {
-            this.seats = [];
-            for (let i = 1; i < 10 * event.value.factor; i++) {
-                this.seats.push({ seat: i, type: event.value.type });
-            }
-        }
-    }
-
-    nextPage() {
-        this.ticketService.ticketInformation.seatInformation = this.seatInformation;
-        this.router.navigate(['steps/payment'], { fragment: 'routing' });
-    }
-
-    prevPage() {
-        this.router.navigate(['steps/personal'], { fragment: 'routing' });
-    }
-}
diff --git a/src/app/showcase/doc/steps/stepsdoc.module.ts b/src/app/showcase/doc/steps/stepsdoc.module.ts
deleted file mode 100644
index 266ed06..0000000
--- a/src/app/showcase/doc/steps/stepsdoc.module.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-import { InputTextModule } from 'primeng/inputtext';
-import { InputMaskModule } from 'primeng/inputmask';
-import { CheckboxModule } from 'primeng/checkbox';
-import { StepsModule } from 'primeng/steps';
-import { ToastModule } from 'primeng/toast';
-import { CardModule } from 'primeng/card';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BasicDoc } from './basicdoc';
-import { ConfirmationDemo } from './confirmationdemo';
-import { ImportDoc } from './importdoc';
-import { InteractiveDoc } from './interactivedoc';
-import { PaymentDemo } from './paymentdemo';
-import { PersonalDemo } from './personaldemo';
-import { RoutingDoc } from './routingdoc';
-import { SeatDemo } from './seatdemo';
-import { StyleDoc } from './styledoc';
-import { TicketService } from '@service/ticketservice';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { ButtonModule } from 'primeng/button';
-import { ControlledDoc } from './controlleddoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, StepsModule, ToastModule, AppDocModule, FormsModule, DropdownModule, InputTextModule, InputMaskModule, CheckboxModule, CardModule, ButtonModule],
-    declarations: [BasicDoc, ImportDoc, StyleDoc, InteractiveDoc, ConfirmationDemo, PaymentDemo, PersonalDemo, SeatDemo, RoutingDoc, ControlledDoc, AccessibilityDoc],
-    exports: [AppDocModule],
-    providers: [TicketService]
-})
-export class StepsDocModule {}
diff --git a/src/app/showcase/doc/steps/styledoc.ts b/src/app/showcase/doc/steps/styledoc.ts
deleted file mode 100644
index 504583a..0000000
--- a/src/app/showcase/doc/steps/styledoc.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-steps</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-steps-item</td>
-                        <td>Menuitem element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-steps-number</td>
-                        <td>Number of menuitem.</td>
-                    </tr>
-                    <tr>
-                        <td>p-steps-title</td>
-                        <td>Label of menuitem.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/styleclass/animationdoc.ts b/src/app/showcase/doc/styleclass/animationdoc.ts
deleted file mode 100644
index ba6e166..0000000
--- a/src/app/showcase/doc/styleclass/animationdoc.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'animation-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Classes to apply during enter and leave animations are specified using the <i>enterFromClass</i>, <i>enterActiveClass</i>, <i>enterToClass</i>, <i>leaveFromClass</i>, <i>leaveActiveClass</i>,<i>leaveToClass</i>properties. In addition
-                in case the target is an overlay, <i>hideOnOutsideClick</i> would be handy to hide the target if outside of the popup is clicked, or enable <i>hideOnEscape</i> to close the popup by listening <i>escape</i> key.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex flex-col items-center">
-            <div>
-                <p-button label="Show" class="mr-2" pStyleClass=".box" enterFromClass="hidden" enterActiveClass="fadein" />
-                <p-button label="Hide" pStyleClass=".box" leaveActiveClass="fadeout" leaveToClass="hidden" />
-            </div>
-
-            <div class="hidden animation-duration-500 box">
-                <div class="flex bg-green-500 text-white items-center justify-center py-3 border-round-md mt-3 font-bold shadow-2 !w-8 !h-8">Content</div>
-            </div>
-        </div>
-        <app-code [code]="code" selector="style-class-animation-demo"></app-code>
-    `
-})
-export class AnimationDoc {
-    code: Code = {
-        basic: `<div>
-    <p-button
-        label="Show"
-        class="mr-2"
-        pStyleClass=".box"
-        enterFromClass="hidden"
-        enterActiveClass="fadein" />
-    <p-button
-        label="Hide"
-        pStyleClass=".box"
-        leaveActiveClass="fadeout"
-        leaveToClass="hidden" />
-</div>
-
-<div class="hidden animation-duration-500 box">
-    <div class="flex bg-green-500 text-white items-center justify-center py-3 border-round-md mt-3 font-bold shadow-2 !w-8 !h-8">
-        Content
-    </div>
-</div>`,
-        html: `<div class="card flex flex-col items-center">
-    <div>
-        <p-button
-            label="Show"
-            class="mr-2"
-            pStyleClass=".box"
-            enterFromClass="hidden"
-            enterActiveClass="fadein" />
-        <p-button
-            label="Hide"
-            pStyleClass=".box"
-            leaveActiveClass="fadeout"
-            leaveToClass="hidden" />
-    </div>
-
-    <div class="hidden animation-duration-500 box">
-        <div class="flex bg-green-500 text-white items-center justify-center py-3 border-round-md mt-3 font-bold shadow-2 !w-8 !h-8">
-            Content
-        </div>
-    </div>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { StyleClassModule } from 'primeng/styleclass';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: './style-class-animation-demo',
-    templateUrl: './style-class-animation-demo.html',
-    standalone: true,
-    imports: [StyleClassModule, ButtonModule]
-})
-export class StyleClassAnimationDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/styleclass/importdoc.ts b/src/app/showcase/doc/styleclass/importdoc.ts
deleted file mode 100644
index 73e7b16..0000000
--- a/src/app/showcase/doc/styleclass/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { StyleClassModule } from 'primeng/styleclass';`
-    };
-}
diff --git a/src/app/showcase/doc/styleclass/styleclassdoc.module.ts b/src/app/showcase/doc/styleclass/styleclassdoc.module.ts
deleted file mode 100644
index 4dd4865..0000000
--- a/src/app/showcase/doc/styleclass/styleclassdoc.module.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ToggleClassDoc } from './toggleclassdoc';
-import { ImportDoc } from './importdoc';
-import { StyleClassModule } from 'primeng/styleclass';
-import { ButtonModule } from 'primeng/button';
-import { InputTextModule } from 'primeng/inputtext';
-import { AnimationDoc } from './animationdoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, StyleClassModule, ButtonModule, InputTextModule],
-    declarations: [ImportDoc, ToggleClassDoc, AnimationDoc],
-    exports: [AppDocModule]
-})
-export class StyleClassDocModule {}
diff --git a/src/app/showcase/doc/styleclass/toggleclassdoc.ts b/src/app/showcase/doc/styleclass/toggleclassdoc.ts
deleted file mode 100644
index eba5bcd..0000000
--- a/src/app/showcase/doc/styleclass/toggleclassdoc.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'toggle-class-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                <i>StyleClass</i> has two modes, <i>toggleClass</i> to simply add-remove a class and enter/leave animations. The target element to change the styling is defined with the <i>selector</i> property that accepts any valid CSS selector or
-                keywords including <i>&#64;next</i>, <i>prev</i>, <i>parent</i>, <i>grandparent</i>
-            </p>
-        </app-docsectiontext>
-        <div class="card flex flex-col items-center">
-            <p-button label="Toggle p-disabled" pStyleClass="@next" toggleClass="p-disabled" />
-            <input type="text" pInputText class="block mt-3" />
-        </div>
-        <app-code [code]="code" selector="style-class-toggle-class-demo"></app-code>
-    `
-})
-export class ToggleClassDoc {
-    code: Code = {
-        basic: `<p-button 
-    label="Toggle p-disabled" 
-    pStyleClass="@next" 
-    toggleClass="p-disabled" />
-<input type="text" pInputText class="block mt-3" />`,
-        html: `<div class="card flex flex-col items-center">
-    <p-button 
-        label="Toggle p-disabled"
-        pStyleClass="@next" 
-        toggleClass="p-disabled" />
-    <input type="text" pInputText class="block mt-3">
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { StyleClassModule } from 'primeng/styleclass';
-import { InputTextModule } from 'primeng/inputtext';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'style-class-toggle-class-demo',
-    templateUrl: './style-class-toggle-class-demo.html',
-    standalone: true,
-    imports: [StyleClassModule, InputTextModule, ButtonModule]
-})
-export class StyleClassToggleClassDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/table/accessibilitydoc.ts b/src/app/showcase/doc/table/accessibilitydoc.ts
deleted file mode 100644
index 9ca1e21..0000000
--- a/src/app/showcase/doc/table/accessibilitydoc.ts
+++ /dev/null
@@ -1,150 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <h3>Screen Reader</h3>
-        <p>
-            Default role of the table is <i>table</i>. Header, body and footer elements use <i>rowgroup</i>, rows use <i>row</i> role, header cells have <i>columnheader</i> and body cells use <i>cell</i> roles. Sortable headers utilizer
-            <i>aria-sort</i> attribute either set to "ascending" or "descending".
-        </p>
-        <p>Table rows and table cells should be specified by users using the <i>aria-posinset</i>, <i>aria-setsize</i>, <i>aria-label</i>, and <i>aria-describedby</i> attributes, as they are determined through templating.</p>
-        <p>
-            Built-in checkbox and radiobutton components for row selection use <i>checkbox</i> and <i>radiobutton</i>. The label to describe them is retrieved from the <i>aria.selectRow</i> and <i>aria.unselectRow</i> properties of the
-            <a href="/configuration" class="">locale</a> API. Similarly header checkbox uses <i>selectAll</i> and <i>unselectAll</i> keys. When a row is selected, <i>aria-selected</i> is set to true on a row.
-        </p>
-        <p>
-            The element to expand or collapse a row is a <i>button</i> with <i>aria-expanded</i> and <i>aria-controls</i> properties. Value to describe the buttons is derived from <i>aria.expandRow</i> and <i>aria.collapseRow</i> properties of the
-            <a href="/configuration" class="">locale</a> API.
-        </p>
-        <p>
-            The filter menu button use <i>aria.showFilterMenu</i> and <i>aria.hideFilterMenu</i> properties as <i>aria-label</i> in addition to the <i>aria-haspopup</i>, <i>aria-expanded</i> and <i>aria-controls</i> to define the relation between the
-            button and the overlay. Popop menu has <i>dialog</i> role with <i>aria-modal</i> as focus is kept within the overlay. The operator dropdown use <i>aria.filterOperator</i> and filter constraints dropdown use
-            <i>aria.filterConstraint</i> properties. Buttons to add rules on the other hand utilize <i>aria.addRule</i> and <i>aria.removeRule</i> properties. The footer buttons similarly use <i>aria.clear</i> and <i>aria.apply</i> properties.
-            <i>filterInputProps</i> of the Column component can be used to define aria labels for the built-in filter components, if a custom component is used with templating you also may define your own aria labels as well.
-        </p>
-        <p>
-            Editable cells use custom templating so you need to manage aria roles and attributes manually if required. The row editor controls are button elements with <i>aria.editRow</i>, <i>aria.cancelEdit</i> and <i>aria.saveEdit</i> used for the
-            <i>aria-label</i>.
-        </p>
-        <p>Paginator is a standalone component used inside the Table, refer to the <a href="/paginator" class="">paginator</a> for more information about the accessibility features.</p>
-        <h3>Keyboard Support</h3>
-        <p>Any button element inside the Table used for cases like filter, row expansion, edit are tabbable and can be used with <i>space</i> and <i>enter</i> keys.</p>
-        <h3>Sortable Headers Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>tab</i></td>
-                        <td>Moves through the headers.</td>
-                    </tr>
-                    <tr>
-                        <td><i>enter</i></td>
-                        <td>Sorts the column.</td>
-                    </tr>
-                    <tr>
-                        <td><i>space</i></td>
-                        <td>Sorts the column.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-        <h3>Filter Menu Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>tab</i></td>
-                        <td>Moves through the elements inside the popup.</td>
-                    </tr>
-                    <tr>
-                        <td><i>escape</i></td>
-                        <td>Hides the popup.</td>
-                    </tr>
-                    <tr>
-                        <td><i>enter</i></td>
-                        <td>Opens the popup.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-        <h3>Selection Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>tab</i></td>
-                        <td>Moves focus to the first selected row, if there is none then first row receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td><i>up arrow</i></td>
-                        <td>Moves focus to the previous row.</td>
-                    </tr>
-                    <tr>
-                        <td><i>down arrow</i></td>
-                        <td>Moves focus to the next row.</td>
-                    </tr>
-                    <tr>
-                        <td><i>enter</i></td>
-                        <td>Toggles the selected state of the focused row depending on the metaKeySelection setting.</td>
-                    </tr>
-                    <tr>
-                        <td><i>space</i></td>
-                        <td>Toggles the selected state of the focused row depending on the metaKeySelection setting.</td>
-                    </tr>
-                    <tr>
-                        <td><i>home</i></td>
-                        <td>Moves focus to the first row.</td>
-                    </tr>
-                    <tr>
-                        <td><i>end</i></td>
-                        <td>Moves focus to the last row.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>down arrow</i></td>
-                        <td>Moves focus to the next row and toggles the selection state.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>up arrow</i></td>
-                        <td>Moves focus to the previous row and toggles the selection state.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>space</i></td>
-                        <td>Selects the rows between the most recently selected row and the focused row.</td>
-                    </tr>
-                    <tr>
-                        <td><i>control</i> + <i>shift</i> + <i>home</i></td>
-                        <td>Selects the focused rows and all the options up to the first one.</td>
-                    </tr>
-                    <tr>
-                        <td><i>control</i> + <i>shift</i> + <i>end</i></td>
-                        <td>Selects the focused rows and all the options down to the last one.</td>
-                    </tr>
-                    <tr>
-                        <td><i>control</i> + <i>a</i></td>
-                        <td>Selects all rows.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/table/basicdoc.ts b/src/app/showcase/doc/table/basicdoc.ts
deleted file mode 100644
index d111243..0000000
--- a/src/app/showcase/doc/table/basicdoc.ts
+++ /dev/null
@@ -1,149 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-@Component({
-    selector: 'basic-doc',
-    template: ` <app-docsectiontext>
-            <p>DataTable requires a collection to display along with column components for the representation of the data.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Code</th>
-                            <th>Name</th>
-                            <th>Category</th>
-                            <th>Quantity</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-basic-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class BasicDoc {
-    products!: Product[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table [value]="products" [tableStyle]="{ 'min-width': '50rem' }">
-    <ng-template pTemplate="header">
-        <tr>
-            <th>Code</th>
-            <th>Name</th>
-            <th>Category</th>
-            <th>Quantity</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-product>
-        <tr>
-            <td>{{ product.code }}</td>
-            <td>{{ product.name }}</td>
-            <td>{{ product.category }}</td>
-            <td>{{ product.quantity }}</td>
-        </tr>
-    </ng-template>
-</p-table>`,
-
-        html: `<div class="card">
-    <p-table [value]="products" [tableStyle]="{ 'min-width': '50rem' }">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Code</th>
-                <th>Name</th>
-                <th>Category</th>
-                <th>Quantity</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>{{ product.code }}</td>
-                <td>{{ product.name }}</td>
-                <td>{{ product.category }}</td>
-                <td>{{ product.quantity }}</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'table-basic-demo',
-    templateUrl: 'table-basic-demo.html',
-    standalone: true,
-    imports: [TableModule, CommonModule],
-    providers: [ProductService]
-})
-
-export class TableBasicDemo implements OnInit {
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/celleditdoc.ts b/src/app/showcase/doc/table/celleditdoc.ts
deleted file mode 100644
index 4983306..0000000
--- a/src/app/showcase/doc/table/celleditdoc.ts
+++ /dev/null
@@ -1,304 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'cell-edit-doc',
-    template: ` <app-docsectiontext>
-            <p>In-cell editing is enabled by adding <i>pEditableColumn</i> directive to an editable cell that has a <i>p-cellEditor</i> helper component to define the input-output templates for the edit and view modes respectively.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" dataKey="id" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width:25%">Code</th>
-                            <th style="width:25%">Name</th>
-                            <th style="width:25%">Inventory Status</th>
-                            <th style="width:25%">Price</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product let-editing="editing">
-                        <tr>
-                            <td [pEditableColumn]="product.code" pEditableColumnField="code">
-                                <p-cellEditor>
-                                    <ng-template pTemplate="input">
-                                        <input pInputText type="text" [(ngModel)]="product.code" />
-                                    </ng-template>
-                                    <ng-template pTemplate="output">
-                                        {{ product.code }}
-                                    </ng-template>
-                                </p-cellEditor>
-                            </td>
-                            <td [pEditableColumn]="product.name" pEditableColumnField="name">
-                                <p-cellEditor>
-                                    <ng-template pTemplate="input">
-                                        <input pInputText type="text" [(ngModel)]="product.name" required />
-                                    </ng-template>
-                                    <ng-template pTemplate="output">
-                                        {{ product.name }}
-                                    </ng-template>
-                                </p-cellEditor>
-                            </td>
-                            <td [pEditableColumn]="product.inventoryStatus" pEditableColumnField="inventoryStatus">
-                                <p-cellEditor>
-                                    <ng-template pTemplate="input">
-                                        <input pInputText [(ngModel)]="product.inventoryStatus" />
-                                    </ng-template>
-                                    <ng-template pTemplate="output">
-                                        {{ product.inventoryStatus }}
-                                    </ng-template>
-                                </p-cellEditor>
-                            </td>
-                            <td [pEditableColumn]="product.price" pEditableColumnField="price">
-                                <p-cellEditor>
-                                    <ng-template pTemplate="input">
-                                        <input pInputText type="text" [(ngModel)]="product.price" />
-                                    </ng-template>
-                                    <ng-template pTemplate="output">
-                                        {{ product.price | currency: 'USD' }}
-                                    </ng-template>
-                                </p-cellEditor>
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-cell-edit-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class CellEditDoc {
-    products!: Product[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table 
-    [value]="products" dataKey="id" 
-    [tableStyle]="{ 'min-width': '50rem' }">
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="width:25%">
-                    Code
-                </th>
-                <th style="width:25%">
-                    Name
-                </th>
-                <th style="width:25%">
-                    Inventory Status
-                </th>
-                <th style="width:25%">
-                    Price
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product let-editing="editing">
-            <tr>
-                <td [pEditableColumn]="product.code" pEditableColumnField="code">
-                    <p-cellEditor>
-                        <ng-template pTemplate="input">
-                            <input 
-                                pInputText 
-                                type="text" 
-                                [(ngModel)]="product.code" />
-                        </ng-template>
-                        <ng-template pTemplate="output">
-                            {{ product.code }}
-                        </ng-template>
-                    </p-cellEditor>
-                </td>
-                <td [pEditableColumn]="product.name" pEditableColumnField="name">
-                    <p-cellEditor>
-                        <ng-template pTemplate="input">
-                            <input 
-                                pInputText 
-                                type="text" 
-                                [(ngModel)]="product.name" 
-                                required />
-                        </ng-template>
-                        <ng-template pTemplate="output">
-                            {{ product.name }}
-                        </ng-template>
-                    </p-cellEditor>
-                </td>
-                <td [pEditableColumn]="product.inventoryStatus" pEditableColumnField="inventoryStatus">
-                    <p-cellEditor>
-                        <ng-template pTemplate="input">
-                            <input 
-                                pInputText 
-                                [(ngModel)]="product.inventoryStatus" />
-                        </ng-template>
-                        <ng-template pTemplate="output">
-                            {{ product.inventoryStatus }}
-                        </ng-template>
-                    </p-cellEditor>
-                </td>
-                <td [pEditableColumn]="product.price" pEditableColumnField="price">
-                    <p-cellEditor>
-                        <ng-template pTemplate="input">
-                            <input 
-                                pInputText type="text" 
-                                [(ngModel)]="product.price" />
-                        </ng-template>
-                        <ng-template pTemplate="output">
-                            {{ product.price | currency: 'USD' }}
-                        </ng-template>
-                    </p-cellEditor>
-                </td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table 
-        [value]="products" dataKey="id" 
-        [tableStyle]="{ 'min-width': '50rem' }">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th style="width:25%">
-                        Code
-                    </th>
-                    <th style="width:25%">
-                        Name
-                    </th>
-                    <th style="width:25%">
-                        Inventory Status
-                    </th>
-                    <th style="width:25%">
-                        Price
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-product let-editing="editing">
-                <tr>
-                    <td [pEditableColumn]="product.code" pEditableColumnField="code">
-                        <p-cellEditor>
-                            <ng-template pTemplate="input">
-                                <input 
-                                    pInputText 
-                                    type="text" 
-                                    [(ngModel)]="product.code" />
-                            </ng-template>
-                            <ng-template pTemplate="output">
-                                {{ product.code }}
-                            </ng-template>
-                        </p-cellEditor>
-                    </td>
-                    <td [pEditableColumn]="product.name" pEditableColumnField="name">
-                        <p-cellEditor>
-                            <ng-template pTemplate="input">
-                                <input 
-                                    pInputText 
-                                    type="text" 
-                                    [(ngModel)]="product.name" 
-                                    required />
-                            </ng-template>
-                            <ng-template pTemplate="output">
-                                {{ product.name }}
-                            </ng-template>
-                        </p-cellEditor>
-                    </td>
-                    <td [pEditableColumn]="product.inventoryStatus" pEditableColumnField="inventoryStatus">
-                        <p-cellEditor>
-                            <ng-template pTemplate="input">
-                                <input 
-                                    pInputText 
-                                    [(ngModel)]="product.inventoryStatus" />
-                            </ng-template>
-                            <ng-template pTemplate="output">
-                                {{ product.inventoryStatus }}
-                            </ng-template>
-                        </p-cellEditor>
-                    </td>
-                    <td [pEditableColumn]="product.price" pEditableColumnField="price">
-                        <p-cellEditor>
-                            <ng-template pTemplate="input">
-                                <input 
-                                    pInputText type="text" 
-                                    [(ngModel)]="product.price" />
-                            </ng-template>
-                            <ng-template pTemplate="output">
-                                {{ product.price | currency: 'USD' }}
-                            </ng-template>
-                        </p-cellEditor>
-                    </td>
-                </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'table-cell-edit-demo',
-    templateUrl: 'table-cell-edit-demo.html',
-    standalone: true,
-    imports: [TableModule, InputTextModule, CommonModule],
-    providers: [ProductService]
-})
-export class TableCellEditDemo implements OnInit {
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        scss: `
-:host ::ng-deep .p-cell-editing {
-    padding-top: 0 !important;
-    padding-bottom: 0 !important;
-}`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/checkboxselectiondoc.ts b/src/app/showcase/doc/table/checkboxselectiondoc.ts
deleted file mode 100644
index b4e987d..0000000
--- a/src/app/showcase/doc/table/checkboxselectiondoc.ts
+++ /dev/null
@@ -1,175 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'checkbox-selection-doc',
-    template: ` <app-docsectiontext>
-            <p>Multiple selection can also be handled using checkboxes by enabling the <i>selectionMode</i> property of column as <i>multiple</i>.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" [(selection)]="selectedProducts" dataKey="code" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width: 4rem">
-                                <p-tableHeaderCheckbox />
-                            </th>
-                            <th>Code</th>
-                            <th>Name</th>
-                            <th>Category</th>
-                            <th>Quantity</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>
-                                <p-tableCheckbox [value]="product" />
-                            </td>
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-checkbox-selection-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class CheckboxSelectionDoc {
-    products!: Product[];
-
-    selectedProducts!: Product;
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table 
-    [value]="products" 
-    [(selection)]="selectedProducts" 
-    dataKey="code" 
-    [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="width: 4rem"><p-tableHeaderCheckbox /></th>
-                <th>Code</th>
-                <th>Name</th>
-                <th>Category</th>
-                <th>Quantity</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>
-                    <p-tableCheckbox [value]="product" />
-                </td>
-                <td>{{product.code}}</td>
-                <td>{{product.name}}</td>
-                <td>{{product.category}}</td>
-                <td>{{product.quantity}}</td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table 
-        [value]="products" 
-        [(selection)]="selectedProducts" 
-        dataKey="code" 
-        [tableStyle]="{'min-width': '50rem'}">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th style="width: 4rem"><p-tableHeaderCheckbox /></th>
-                    <th>Code</th>
-                    <th>Name</th>
-                    <th>Category</th>
-                    <th>Quantity</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-product>
-                <tr>
-                    <td>
-                        <p-tableCheckbox [value]="product" />
-                    </td>
-                    <td>{{product.code}}</td>
-                    <td>{{product.name}}</td>
-                    <td>{{product.category}}</td>
-                    <td>{{product.quantity}}</td>
-                </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'table-checkbox-selection-demo',
-    templateUrl: 'table-checkbox-selection-demo.html',
-    standalone: true,
-    imports: [TableModule, FormsModule, CommonModule],
-    providers: [ProductService]
-})
-export class TableCheckboxSelectionDemo implements OnInit{
-    products!: Product[];
-
-    selectedProducts!: Product;
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/columngroupdoc.ts b/src/app/showcase/doc/table/columngroupdoc.ts
deleted file mode 100644
index f087e25..0000000
--- a/src/app/showcase/doc/table/columngroupdoc.ts
+++ /dev/null
@@ -1,235 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'column-group-doc',
-    template: ` <app-docsectiontext>
-            <p>Columns can be grouped using rowspan and <i>colspan</i> properties.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="sales" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th rowspan="3">Product</th>
-                            <th colspan="4">Sale Rate</th>
-                        </tr>
-                        <tr>
-                            <th colspan="2">Sales</th>
-                            <th colspan="2">Profits</th>
-                        </tr>
-                        <tr>
-                            <th>Last Year</th>
-                            <th>This Year</th>
-                            <th>Last Year</th>
-                            <th>This Year</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-sale>
-                        <tr>
-                            <td>{{ sale.product }}</td>
-                            <td>{{ sale.lastYearSale }}%</td>
-                            <td>{{ sale.thisYearSale }}%</td>
-                            <td>{{ sale.lastYearProfit | currency: 'USD' }}</td>
-                            <td>{{ sale.thisYearProfit | currency: 'USD' }}</td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="footer">
-                        <tr>
-                            <td colspan="3" class="text-right">Totals</td>
-                            <td>{{ lastYearTotal | currency: 'USD' }}</td>
-                            <td>{{ thisYearTotal | currency: 'USD' }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-column-group-demo"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ColumnGroupDoc {
-    sales!: any[];
-
-    lastYearTotal!: number;
-
-    thisYearTotal!: number;
-
-    constructor(private cd: ChangeDetectorRef) {}
-
-    loadDemoData() {
-        this.sales = [
-            { product: 'Bamboo Watch', lastYearSale: 51, thisYearSale: 40, lastYearProfit: 54406, thisYearProfit: 43342 },
-            { product: 'Black Watch', lastYearSale: 83, thisYearSale: 9, lastYearProfit: 423132, thisYearProfit: 312122 },
-            { product: 'Blue Band', lastYearSale: 38, thisYearSale: 5, lastYearProfit: 12321, thisYearProfit: 8500 },
-            { product: 'Blue T-Shirt', lastYearSale: 49, thisYearSale: 22, lastYearProfit: 745232, thisYearProfit: 65323 },
-            { product: 'Brown Purse', lastYearSale: 17, thisYearSale: 79, lastYearProfit: 643242, thisYearProfit: 500332 },
-            { product: 'Chakra Bracelet', lastYearSale: 52, thisYearSale: 65, lastYearProfit: 421132, thisYearProfit: 150005 },
-            { product: 'Galaxy Earrings', lastYearSale: 82, thisYearSale: 12, lastYearProfit: 131211, thisYearProfit: 100214 },
-            { product: 'Game Controller', lastYearSale: 44, thisYearSale: 45, lastYearProfit: 66442, thisYearProfit: 53322 },
-            { product: 'Gaming Set', lastYearSale: 90, thisYearSale: 56, lastYearProfit: 765442, thisYearProfit: 296232 },
-            { product: 'Gold Phone Case', lastYearSale: 75, thisYearSale: 54, lastYearProfit: 21212, thisYearProfit: 12533 }
-        ];
-
-        this.calculateLastYearTotal();
-        this.calculateThisYearTotal();
-
-        this.cd.markForCheck();
-    }
-
-    calculateLastYearTotal() {
-        let total = 0;
-        for (let sale of this.sales) {
-            total += sale.lastYearProfit;
-        }
-
-        this.lastYearTotal = total;
-    }
-
-    calculateThisYearTotal() {
-        let total = 0;
-        for (let sale of this.sales) {
-            total += sale.thisYearProfit;
-        }
-
-        this.thisYearTotal = total;
-    }
-
-    code: Code = {
-        basic: `<p-table [value]="sales" [tableStyle]="{'min-width': '50rem'}">
-    <ng-template pTemplate="header">
-        <tr>
-            <th rowspan="3">Product</th>
-            <th colspan="4">Sale Rate</th>
-        </tr>
-        <tr>
-            <th colspan="2">Sales</th>
-            <th colspan="2">Profits</th>
-        </tr>
-        <tr>
-            <th>Last Year</th>
-            <th>This Year</th>
-            <th>Last Year</th>
-            <th>This Year</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-sale>
-        <tr>
-            <td>{{sale.product}}</td>
-            <td>{{sale.lastYearSale}}%</td>
-            <td>{{sale.thisYearSale}}%</td>
-            <td>{{sale.lastYearProfit | currency: 'USD'}}</td>
-            <td>{{sale.thisYearProfit | currency: 'USD'}}</td>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="footer">
-        <tr>
-            <td colspan="3" class="text-right">Totals</td>
-            <td>{{lastYearTotal | currency: 'USD'}}</td>
-            <td>{{thisYearTotal | currency: 'USD'}}</td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table [value]="sales" [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th rowspan="3">Product</th>
-                <th colspan="4">Sale Rate</th>
-            </tr>
-            <tr>
-                <th colspan="2">Sales</th>
-                <th colspan="2">Profits</th>
-            </tr>
-            <tr>
-                <th>Last Year</th>
-                <th>This Year</th>
-                <th>Last Year</th>
-                <th>This Year</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-sale>
-            <tr>
-                <td>{{sale.product}}</td>
-                <td>{{sale.lastYearSale}}%</td>
-                <td>{{sale.thisYearSale}}%</td>
-                <td>{{sale.lastYearProfit | currency: 'USD'}}</td>
-                <td>{{sale.thisYearProfit | currency: 'USD'}}</td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="footer">
-            <tr>
-                <td colspan="3" class="text-right">Totals</td>
-                <td>{{lastYearTotal | currency: 'USD'}}</td>
-                <td>{{thisYearTotal | currency: 'USD'}}</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'table-column-group-demo',
-    templateUrl: 'table-column-group-demo.html',
-    standalone: true,
-    imports: [TableModule, CommonModule]
-})
-export class TableColumnGroupDemo implements OnInit {
-    sales!: any[];
-
-    lastYearTotal!: number;
-
-    thisYearTotal!: number;
-
-    ngOnInit() {
-        this.sales = [
-            { product: 'Bamboo Watch', lastYearSale: 51, thisYearSale: 40, lastYearProfit: 54406, thisYearProfit: 43342 },
-            { product: 'Black Watch', lastYearSale: 83, thisYearSale: 9, lastYearProfit: 423132, thisYearProfit: 312122 },
-            { product: 'Blue Band', lastYearSale: 38, thisYearSale: 5, lastYearProfit: 12321, thisYearProfit: 8500 },
-            { product: 'Blue T-Shirt', lastYearSale: 49, thisYearSale: 22, lastYearProfit: 745232, thisYearProfit: 65323 },
-            { product: 'Brown Purse', lastYearSale: 17, thisYearSale: 79, lastYearProfit: 643242, thisYearProfit: 500332 },
-            { product: 'Chakra Bracelet', lastYearSale: 52, thisYearSale: 65, lastYearProfit: 421132, thisYearProfit: 150005 },
-            { product: 'Galaxy Earrings', lastYearSale: 82, thisYearSale: 12, lastYearProfit: 131211, thisYearProfit: 100214 },
-            { product: 'Game Controller', lastYearSale: 44, thisYearSale: 45, lastYearProfit: 66442, thisYearProfit: 53322 },
-            { product: 'Gaming Set', lastYearSale: 90, thisYearSale: 56, lastYearProfit: 765442, thisYearProfit: 296232 },
-            { product: 'Gold Phone Case', lastYearSale: 75, thisYearSale: 54, lastYearProfit: 21212, thisYearProfit: 12533 }
-        ];
-
-        this.calculateLastYearTotal();
-        this.calculateThisYearTotal();
-    }
-
-    calculateLastYearTotal() {
-        let total = 0;
-        for (let sale of this.sales) {
-            total += sale.lastYearProfit;
-        }
-
-        this.lastYearTotal = total;
-    }
-
-    calculateThisYearTotal() {
-        let total = 0;
-        for (let sale of this.sales) {
-            total += sale.thisYearProfit;
-        }
-
-        this.thisYearTotal = total;
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/table/columnresizeexpandmodedoc.ts b/src/app/showcase/doc/table/columnresizeexpandmodedoc.ts
deleted file mode 100644
index d2b8e34..0000000
--- a/src/app/showcase/doc/table/columnresizeexpandmodedoc.ts
+++ /dev/null
@@ -1,157 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'column-resize-expand-mode-doc',
-    template: ` <app-docsectiontext>
-            <p>Setting <i>columnResizeMode</i> as <i>expand</i> changes the table width as well.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" [resizableColumns]="true" columnResizeMode="expand" styleClass="p-datatable-gridlines" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th pResizableColumn>Code</th>
-                            <th pResizableColumn>Name</th>
-                            <th pResizableColumn>Category</th>
-                            <th pResizableColumn>Quantity</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-column-resize-expand-mode-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ColumnResizeExpandModeDoc {
-    products!: Product[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table 
-    [value]="products" 
-    [resizableColumns]="true" 
-    columnResizeMode="expand" 
-    styleClass="p-datatable-gridlines" 
-    [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th pResizableColumn>Code</th>
-                <th pResizableColumn>Name</th>
-                <th pResizableColumn>Category</th>
-                <th pResizableColumn>Quantity</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>{{product.code}}</td>
-                <td>{{product.name}}</td>
-                <td>{{product.category}}</td>
-                <td>{{product.quantity}}</td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table 
-        [value]="products" 
-        [resizableColumns]="true" 
-        columnResizeMode="expand" 
-        styleClass="p-datatable-gridlines" 
-        [tableStyle]="{'min-width': '50rem'}">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th pResizableColumn>Code</th>
-                    <th pResizableColumn>Name</th>
-                    <th pResizableColumn>Category</th>
-                    <th pResizableColumn>Quantity</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-product>
-                <tr>
-                    <td>{{product.code}}</td>
-                    <td>{{product.name}}</td>
-                    <td>{{product.category}}</td>
-                    <td>{{product.quantity}}</td>
-                </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-
-@Component({
-    selector: 'table-column-resize-expand-mode-demo',
-    templateUrl: 'table-column-resize-expand-mode-demo.html',
-    standalone: true,
-    imports: [TableModule],
-    providers: [ProductService]
-})
-export class TableColumnResizeExpandModeDemo implements OnInit{
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/columnresizefitmodedoc.ts b/src/app/showcase/doc/table/columnresizefitmodedoc.ts
deleted file mode 100644
index 7e350b9..0000000
--- a/src/app/showcase/doc/table/columnresizefitmodedoc.ts
+++ /dev/null
@@ -1,155 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'column-resize-fit-mode-doc',
-    template: ` <app-docsectiontext>
-            <p>Columns can be resized using drag drop by setting the <i>resizableColumns</i> to <i>true</i>. Fit mode is the default one and the overall table width does not change when a column is resized.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" [resizableColumns]="true" styleClass="p-datatable-gridlines" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th pResizableColumn>Code</th>
-                            <th pResizableColumn>Name</th>
-                            <th pResizableColumn>Category</th>
-                            <th pResizableColumn>Quantity</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-column-resize-fit-mode-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ColumnResizeFitModeDoc {
-    products!: Product[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table 
-    [value]="products" 
-    [resizableColumns]="true" 
-    styleClass="p-datatable-gridlines" 
-    [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th pResizableColumn>Code</th>
-                <th pResizableColumn>Name</th>
-                <th pResizableColumn>Category</th>
-                <th pResizableColumn>Quantity</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>{{product.code}}</td>
-                <td>{{product.name}}</td>
-                <td>{{product.category}}</td>
-                <td>{{product.quantity}}</td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table 
-        [value]="products" 
-        [resizableColumns]="true" 
-        styleClass="p-datatable-gridlines" 
-        [tableStyle]="{'min-width': '50rem'}">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th pResizableColumn>Code</th>
-                    <th pResizableColumn>Name</th>
-                    <th pResizableColumn>Category</th>
-                    <th pResizableColumn>Quantity</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-product>
-                <tr>
-                    <td>{{product.code}}</td>
-                    <td>{{product.name}}</td>
-                    <td>{{product.category}}</td>
-                    <td>{{product.quantity}}</td>
-                </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-
-@Component({
-    selector: 'table-column-resize-fit-mode-demo',
-    templateUrl: 'table-column-resize-fit-mode-demo.html',
-    standalone: true,
-    imports: [TableModule],
-    providers: [ProductService]
-})
-export class TableColumnResizeFitModeDemo implements OnInit{
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    } 
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/columnresizescrollablemodedoc.ts b/src/app/showcase/doc/table/columnresizescrollablemodedoc.ts
deleted file mode 100644
index 971659b..0000000
--- a/src/app/showcase/doc/table/columnresizescrollablemodedoc.ts
+++ /dev/null
@@ -1,169 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-
-@Component({
-    selector: 'column-resize-scrollable-mode-doc',
-    template: ` <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="customers" [scrollable]="true" scrollHeight="400px" [resizableColumns]="true" styleClass="p-datatable-gridlines" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th pResizableColumn>Name</th>
-                            <th pResizableColumn>Country</th>
-                            <th pResizableColumn>Company</th>
-                            <th pResizableColumn>Representative</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-customer>
-                        <tr>
-                            <td>{{ customer.name }}</td>
-                            <td>{{ customer.country.name }}</td>
-                            <td>{{ customer.company }}</td>
-                            <td>{{ customer.representative.name }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-column-resize-scrollable-mode-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ColumnResizeScrollableModeDoc {
-    customers!: Customer[];
-
-    constructor(
-        private customerService: CustomerService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.customerService.getCustomersLarge().then((customers) => {
-            this.customers = customers;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table 
-    [value]="customers" 
-    [scrollable]="true" 
-    scrollHeight="400px" 
-    [resizableColumns]="true" 
-    styleClass="p-datatable-gridlines" 
-    [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th pResizableColumn>Name</th>
-                <th pResizableColumn>Country</th>
-                <th pResizableColumn>Company</th>
-                <th pResizableColumn>Representative</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-customer>
-            <tr>
-                <td>{{customer.name}}</td>
-                <td>{{customer.country.name}}</td>
-                <td>{{customer.company}}</td>
-                <td>{{customer.representative.name}}</td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<p-table 
-    [value]="customers" 
-    [scrollable]="true" 
-    scrollHeight="400px" 
-    [resizableColumns]="true" 
-    styleClass="p-datatable-gridlines" 
-    [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th pResizableColumn>Name</th>
-                <th pResizableColumn>Country</th>
-                <th pResizableColumn>Company</th>
-                <th pResizableColumn>Representative</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-customer>
-            <tr>
-                <td>{{customer.name}}</td>
-                <td>{{customer.country.name}}</td>
-                <td>{{customer.company}}</td>
-                <td>{{customer.representative.name}}</td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-import { TableModule } from 'primeng/table';
-import { HttpClientModule } from '@angular/common/http';
-
-@Component({
-    selector: 'table-column-resize-scrollable-mode-demo',
-    templateUrl: 'table-column-resize-scrollable-mode-demo.html',
-    standalone: true,
-    imports: [TableModule, HttpClientModule],
-    providers: [CustomerService]
-})
-export class TableColumnResizeScrollableModeDemo implements OnInit{
-    customers!: Customer[];
-
-    constructor(private customerService: CustomerService) {}
-
-    ngOnInit() {
-        this.customerService.getCustomersLarge().then((customers) => (this.customers = customers));
-    }
-}`,
-        data: `{
-    id: 1000,
-    name: 'James Butt',
-    country: {
-        name: 'Algeria',
-        code: 'dz'
-    },
-    company: 'Benton, John B Jr',
-    date: '2015-09-13',
-    status: 'unqualified',
-    verified: true,
-    activity: 17,
-    representative: {
-        name: 'Ioni Bowcher',
-        image: 'ionibowcher.png'
-    },
-    balance: 70663
-},
-...`,
-        service: ['CustomerService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/customer.ts',
-            content: `
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/columnselectiondoc.ts b/src/app/showcase/doc/table/columnselectiondoc.ts
deleted file mode 100644
index 60cb047..0000000
--- a/src/app/showcase/doc/table/columnselectiondoc.ts
+++ /dev/null
@@ -1,193 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'column-selection-doc',
-    template: ` <app-docsectiontext>
-            <p>Selection using custom elements.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-toast />
-                <p-table [value]="products" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Code</th>
-                            <th>Name</th>
-                            <th>Category</th>
-                            <th>Quantity</th>
-                            <th style="width: 5rem"></th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                            <td>
-                                <button type="button" pButton pRipple icon="pi pi-plus" (click)="selectProduct(product)"></button>
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-column-selection-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [MessageService]
-})
-export class ColumnSelectionDoc {
-    products!: Product[];
-
-    selectedProduct!: Product;
-
-    constructor(
-        private productService: ProductService,
-        private messageService: MessageService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    selectProduct(product: Product) {
-        this.messageService.add({ severity: 'info', summary: 'Product Selected', detail: product.name });
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-table [value]="products" [tableStyle]="{ 'min-width': '50rem' }">
-    <ng-template pTemplate="header">
-        <tr>
-            <th>Code</th>
-            <th>Name</th>
-            <th>Category</th>
-            <th>Quantity</th>
-            <th style="width: 5rem"></th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-product>
-        <tr>
-            <td>{{ product.code }}</td>
-            <td>{{ product.name }}</td>
-            <td>{{ product.category }}</td>
-            <td>{{ product.quantity }}</td>
-            <td>
-                <button 
-                    type="button" 
-                    pButton 
-                    pRipple 
-                    icon="pi pi-plus" 
-                    (click)="selectProduct(product)">
-                </button>
-            </td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-toast />
-    <p-table [value]="products" [tableStyle]="{ 'min-width': '50rem' }">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Code</th>
-                <th>Name</th>
-                <th>Category</th>
-                <th>Quantity</th>
-                <th style="width: 5rem"></th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>{{ product.code }}</td>
-                <td>{{ product.name }}</td>
-                <td>{{ product.category }}</td>
-                <td>{{ product.quantity }}</td>
-                <td>
-                    <button 
-                        type="button" 
-                        pButton 
-                        pRipple 
-                        icon="pi pi-plus" 
-                        (click)="selectProduct(product)">
-                    </button>
-                </td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { MessageService } from 'primeng/api';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-import { ToastModule } from 'primeng/toast';
-import { TableModule } from 'primeng/table';
-
-@Component({
-    selector: 'table-column-selection-demo',
-    templateUrl: 'table-column-selection-demo.html',
-    standalone: true,
-    imports: [ButtonModule, RippleModule, ToastModule, TableModule],
-    providers: [MessageService, ProductService]
-})
-export class TableColumnSelectionDemo implements OnInit{
-    products!: Product[];
-
-    selectedProduct!: Product;
-
-    constructor(private productService: ProductService, private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    }
-
-    selectProduct(product: Product) {
-        this.messageService.add({ severity: 'info', summary: 'Product Selected', detail: product.name });
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/columntoggledoc.ts b/src/app/showcase/doc/table/columntoggledoc.ts
deleted file mode 100644
index 97862d8..0000000
--- a/src/app/showcase/doc/table/columntoggledoc.ts
+++ /dev/null
@@ -1,226 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-@Component({
-    selector: 'column-toggle-doc',
-    template: ` <app-docsectiontext>
-            <p>This demo uses a multiselect component to implement toggleable columns.</p>
-        </app-docsectiontext>
-
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [columns]="selectedColumns" [value]="products" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="caption">
-                        <p-multiSelect display="chip" [options]="cols" [(ngModel)]="selectedColumns" optionLabel="header" selectedItemsLabel="{0} columns selected" [style]="{ 'min-width': '200px' }" placeholder="Choose Columns" />
-                    </ng-template>
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th>Code</th>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product let-columns="columns">
-                        <tr>
-                            <td>{{ product.code }}</td>
-                            <td *ngFor="let col of columns">
-                                {{ product[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-
-        <app-code [code]="code" selector="table-column-toggle-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ColumnToggleDoc {
-    products: Product[];
-
-    cols: Column[];
-
-    _selectedColumns: Column[];
-
-    constructor(private productService: ProductService) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'category', header: 'Category' },
-            { field: 'quantity', header: 'Quantity' }
-        ];
-
-        this._selectedColumns = this.cols;
-    }
-
-    get selectedColumns(): Column[] {
-        return this._selectedColumns;
-    }
-
-    set selectedColumns(val: Column[]) {
-        //restore original order
-        this._selectedColumns = this.cols.filter((col) => val.includes(col));
-    }
-
-    code: Code = {
-        basic: `<p-table 
-    [columns]="selectedColumns" 
-    [value]="products" 
-    [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="caption">
-            <p-multiSelect 
-                display="chip" 
-                [options]="cols" 
-                [(ngModel)]="selectedColumns" 
-                optionLabel="header"
-                selectedItemsLabel="{0} columns selected" 
-                [style]="{'min-width': '200px'}" 
-                placeholder="Choose Columns" />
-        </ng-template>
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th>Code</th>
-                <th *ngFor="let col of columns">
-                    {{col.header}}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product let-columns="columns">
-            <tr>
-                <td>{{product.code}}</td>
-                <td *ngFor="let col of columns">
-                    {{product[col.field]}}
-                </td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table 
-        [columns]="selectedColumns" 
-        [value]="products" 
-        [tableStyle]="{'min-width': '50rem'}">
-            <ng-template pTemplate="caption">
-                <p-multiSelect 
-                    display="chip" 
-                    [options]="cols" 
-                    [(ngModel)]="selectedColumns" 
-                    optionLabel="header"
-                    selectedItemsLabel="{0} columns selected" 
-                    [style]="{'min-width': '200px'}" 
-                    placeholder="Choose Columns" />
-            </ng-template>
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th>Code</th>
-                    <th *ngFor="let col of columns">
-                        {{col.header}}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-product let-columns="columns">
-                <tr>
-                    <td>{{product.code}}</td>
-                    <td *ngFor="let col of columns">
-                        {{product[col.field]}}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit, ChangeDetectorRef} from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { MultiSelectModule } from 'primeng/multiselect';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-@Component({
-    selector: 'table-column-toggle-demo',
-    templateUrl: 'table-column-toggle-demo.html',
-    standalone: true,
-    imports: [TableModule, MultiSelectModule, CommonModule],
-    providers: [ProductService]
-})
-export class TableColumnToggleDemo implements OnInit{
-    products: Product[];
-
-    cols: Column[];
-
-    _selectedColumns: Column[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'category', header: 'Category' },
-            { field: 'quantity', header: 'Quantity' }
-        ];
-
-        this._selectedColumns = this.cols;
-    }
-
-    get selectedColumns(): Column[] {
-        return this._selectedColumns;
-    }
-
-    set selectedColumns(val: Column[]) {
-        //restore original order
-        this._selectedColumns = this.cols.filter((col) => val.includes(col));
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/contextmenudoc.ts b/src/app/showcase/doc/table/contextmenudoc.ts
deleted file mode 100644
index 487ffdd..0000000
--- a/src/app/showcase/doc/table/contextmenudoc.ts
+++ /dev/null
@@ -1,207 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'context-menu-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                Table has exclusive integration with <i>contextmenu</i> component. In order to attach a menu to a table, add <i>pContextMenuRow</i> directive to the rows that can be selected with context menu, define a local template variable for the
-                menu and bind it to the <i>contextMenu</i> property of the table. This enables displaying the menu whenever a row is right clicked. Optional <i>pContextMenuRowIndex</i> property is available to access the row index. A separate
-                <i>contextMenuSelection</i> property is used to get a hold of the right clicked row. For dynamic columns, setting <i>pContextMenuRowDisabled</i> property as true disables context menu for that particular row.
-            </p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-contextMenu #cm [model]="items" />
-                <p-table [value]="products" [(contextMenuSelection)]="selectedProduct" [contextMenu]="cm" dataKey="code" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Code</th>
-                            <th>Name</th>
-                            <th>Category</th>
-                            <th>Price</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr [pContextMenuRow]="product">
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.price | currency: 'USD' }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-context-menu-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [MessageService]
-})
-export class ContextMenuDoc {
-    products!: Product[];
-
-    selectedProduct!: Product;
-
-    items!: MenuItem[];
-
-    constructor(
-        private productService: ProductService,
-        private messageService: MessageService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-
-        this.items = [
-            { label: 'View', icon: 'pi pi-fw pi-search', command: () => this.viewProduct(this.selectedProduct) },
-            { label: 'Delete', icon: 'pi pi-fw pi-times', command: () => this.deleteProduct(this.selectedProduct) }
-        ];
-    }
-
-    viewProduct(product: Product) {
-        this.messageService.add({ severity: 'info', summary: 'Product Selected', detail: product.name });
-    }
-
-    deleteProduct(product: Product) {
-        this.products = this.products.filter((p) => p.id !== product.id);
-        this.messageService.add({ severity: 'info', summary: 'Product Deleted', detail: product.name });
-        this.selectedProduct = null;
-    }
-
-    code: Code = {
-        basic: `<p-contextMenu #cm [model]="items" />
-<p-table 
-    [value]="products" 
-    [(contextMenuSelection)]="selectedProduct" 
-    [contextMenu]="cm" 
-    dataKey="code" 
-    [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Code</th>
-                <th>Name</th>
-                <th>Category</th>
-                <th>Price</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr [pContextMenuRow]="product">
-                <td>{{product.code}}</td>
-                <td>{{product.name}}</td>
-                <td>{{product.category}}</td>
-                <td>{{product.price | currency: 'USD'}}</td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-contextMenu #cm [model]="items" />
-    <p-table 
-        [value]="products" 
-        [(contextMenuSelection)]="selectedProduct" 
-        [contextMenu]="cm" 
-        dataKey="code" 
-        [tableStyle]="{'min-width': '50rem'}">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th>Code</th>
-                    <th>Name</th>
-                    <th>Category</th>
-                    <th>Price</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-product>
-                <tr [pContextMenuRow]="product">
-                    <td>{{product.code}}</td>
-                    <td>{{product.name}}</td>
-                    <td>{{product.category}}</td>
-                    <td>{{product.price | currency: 'USD'}}</td>
-                </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MessageService, MenuItem } from 'primeng/api';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { ContextMenuModule } from 'primeng/contextmenu';
-import { HttpClientModule } from '@angular/common/http';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'table-context-menu-demo',
-    templateUrl: 'table-context-menu-demo.html',
-    standalone: true,
-    imports: [TableModule, ContextMenuModule, HttpClientModule, CommonModule],
-    providers: [MessageService, ProductService]
-})
-export class TableContextMenuDemo implements OnInit{
-    products!: Product[];
-
-    selectedProduct!: Product;
-
-    items!: MenuItem[];
-
-    constructor(private productService: ProductService, private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => (this.products = data));
-
-        this.items = [
-            { label: 'View', icon: 'pi pi-fw pi-search', command: () => this.viewProduct(this.selectedProduct) },
-            { label: 'Delete', icon: 'pi pi-fw pi-times', command: () => this.deleteProduct(this.selectedProduct) }
-        ];
-    }
-
-    viewProduct(product: Product) {
-        this.messageService.add({ severity: 'info', summary: 'Product Selected', detail: product.name });
-    }
-
-    deleteProduct(product: Product) {
-        this.products = this.products.filter((p) => p.id !== product.id);
-        this.messageService.add({ severity: 'info', summary: 'Product Deleted', detail: product.name });
-        this.selectedProduct = null;
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/controlledselectiondoc.ts b/src/app/showcase/doc/table/controlledselectiondoc.ts
deleted file mode 100644
index 70edc60..0000000
--- a/src/app/showcase/doc/table/controlledselectiondoc.ts
+++ /dev/null
@@ -1,187 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'controlled-selection-doc',
-    template: ` <app-docsectiontext>
-            <p>Row selection can be controlled by utilizing <i>rowSelectable</i> and <i>disabled</i> properties.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" [(selection)]="selectedProducts" dataKey="code" [rowSelectable]="isRowSelectable" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width: 4rem">
-                                <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
-                            </th>
-                            <th style="min-width:200px">Code</th>
-                            <th style="min-width:200px">Name</th>
-                            <th style="min-width:200px">Category</th>
-                            <th style="min-width:200px">Quantity</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>
-                                <p-tableCheckbox [value]="product" [disabled]="isOutOfStock(product)"></p-tableCheckbox>
-                            </td>
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-controlled-selection-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ControlledSelectionDoc {
-    products!: Product[];
-
-    selectedProducts!: Product;
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {
-        this.isRowSelectable = this.isRowSelectable.bind(this);
-    }
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    isRowSelectable(event: any) {
-        return !this.isOutOfStock(event.data);
-    }
-
-    isOutOfStock(data: Product) {
-        return data.inventoryStatus === 'OUTOFSTOCK';
-    }
-
-    code: Code = {
-        basic: `<p-table [value]="products" [(selection)]="selectedProducts" dataKey="code" [rowSelectable]="isRowSelectable" [tableStyle]="{'min-width': '50rem'}">
-    <ng-template pTemplate="header">
-        <tr>
-            <th style="width: 4rem">
-                <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
-            </th>
-            <th style="min-width:200px">Code</th>
-            <th style="min-width:200px">Name</th>
-            <th style="min-width:200px">Category</th>
-            <th style="min-width:200px">Quantity</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-product>
-        <tr>
-            <td>
-                <p-tableCheckbox [value]="product" [disabled]="isOutOfStock(product)"></p-tableCheckbox>
-            </td>
-            <td>{{product.code}}</td>
-            <td>{{product.name}}</td>
-            <td>{{product.category}}</td>
-            <td>{{product.quantity}}</td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `
-<div class="card">
-    <p-table [value]="products" [(selection)]="selectedProducts" dataKey="code" [rowSelectable]="isRowSelectable" [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="width: 4rem">
-                    <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
-                </th>
-                <th style="min-width:200px">Code</th>
-                <th style="min-width:200px">Name</th>
-                <th style="min-width:200px">Category</th>
-                <th style="min-width:200px">Quantity</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>
-                    <p-tableCheckbox [value]="product" [disabled]="isOutOfStock(product)"></p-tableCheckbox>
-                </td>
-                <td>{{product.code}}</td>
-                <td>{{product.name}}</td>
-                <td>{{product.category}}</td>
-                <td>{{product.quantity}}</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `
-import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'table-controlled-selection-demo',
-    templateUrl: 'table-controlled-selection-demo.html'
-})
-export class TableControlledSelectionDemo implements OnInit{
-    products!: Product[];
-
-    selectedProducts!: Product;
-
-    constructor(private productService: ProductService) {
-        this.isRowSelectable = this.isRowSelectable.bind(this);
-    }
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    }
-
-    isRowSelectable(event: any) {
-        return !this.isOutOfStock(event.data);
-    }
-
-    isOutOfStock(data: Product) {
-        return data.inventoryStatus === 'OUTOFSTOCK';
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/customersdoc.ts b/src/app/showcase/doc/table/customersdoc.ts
deleted file mode 100644
index 53df96b..0000000
--- a/src/app/showcase/doc/table/customersdoc.ts
+++ /dev/null
@@ -1,832 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Customer, Representative } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-import { Table } from 'primeng/table';
-
-@Component({
-    selector: 'customers-doc',
-    template: ` <app-docsectiontext>
-            <p>DataTable with selection, pagination, filtering, sorting and templating.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table
-                    #dt
-                    [value]="customers"
-                    [(selection)]="selectedCustomers"
-                    dataKey="id"
-                    [rowHover]="true"
-                    [rows]="10"
-                    [showCurrentPageReport]="true"
-                    [rowsPerPageOptions]="[10, 25, 50]"
-                    [loading]="loading"
-                    [paginator]="true"
-                    currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
-                    [filterDelay]="0"
-                    [globalFilterFields]="['name', 'country.name', 'representative.name', 'status']"
-                >
-                    <ng-template pTemplate="caption">
-                        <div class="flex justify-between">
-                            <p-button [outlined]="true" icon="pi pi-filter-slash" label="Clear" (onClick)="clear(dt)" />
-                            <p-iconField iconPosition="left">
-                                <p-inputIcon styleClass="pi pi-search"></p-inputIcon>
-                                <input pInputText type="text" [(ngModel)]="searchValue" (input)="dt.filterGlobal($event.target.value, 'contains')" placeholder="Keyboard Search" />
-                            </p-iconField>
-                        </div>
-                    </ng-template>
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width: 4rem">
-                                <p-tableHeaderCheckbox />
-                            </th>
-                            <th pSortableColumn="name" style="min-width: 14rem">
-                                <div class="flex justify-between items-center">
-                                    Name
-                                    <p-sortIcon field="name" />
-                                    <p-columnFilter type="text" field="name" display="menu" class="ml-auto" />
-                                </div>
-                            </th>
-                            <th pSortableColumn="country.name" style="min-width: 14rem">
-                                <div class="flex justify-between items-center">
-                                    Country
-                                    <p-sortIcon field="country.name" />
-                                    <p-columnFilter type="text" field="country.name" display="menu" class="ml-auto" />
-                                </div>
-                            </th>
-                            <th pSortableColumn="representative.name" style="min-width: 14rem">
-                                <div class="flex justify-between items-center">
-                                    Agent
-                                    <p-sortIcon field="representative.name" />
-                                    <p-columnFilter field="representative" matchMode="in" display="menu" [showMatchModes]="false" [showOperator]="false" [showAddButton]="false" class="ml-auto">
-                                        <ng-template pTemplate="header">
-                                            <div class="px-3 pt-3 pb-0">
-                                                <span class="font-bold">Agent Picker</span>
-                                            </div>
-                                        </ng-template>
-                                        <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                                            <p-multiSelect [ngModel]="value" [options]="representatives" placeholder="Any" (onChange)="filter($event.value)" optionLabel="name">
-                                                <ng-template let-option pTemplate="item">
-                                                    <div class="flex items-center gap-2">
-                                                        <img [alt]="option.label" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ option.image }}" width="24" />
-                                                        <span class="ml-1 mt-1">{{ option.name }}</span>
-                                                    </div>
-                                                </ng-template>
-                                            </p-multiSelect>
-                                        </ng-template>
-                                    </p-columnFilter>
-                                </div>
-                            </th>
-                            <th pSortableColumn="date" style="min-width: 10rem">
-                                <div class="flex justify-between items-center">
-                                    Date
-                                    <p-sortIcon field="date" />
-                                    <p-columnFilter type="date" field="date" display="menu" class="ml-auto" />
-                                </div>
-                            </th>
-                            <th pSortableColumn="balance" style="min-width: 10rem">
-                                <div class="flex justify-between items-center">
-                                    Balance
-                                    <p-sortIcon field="balance" />
-                                    <p-columnFilter type="numeric" field="balance" display="menu" currency="USD" class="ml-auto" />
-                                </div>
-                            </th>
-                            <th pSortableColumn="status" style="min-width: 10rem">
-                                <div class="flex justify-between items-center">
-                                    Status
-                                    <p-sortIcon field="status" />
-                                    <p-columnFilter field="status" matchMode="equals" display="menu" class="ml-auto">
-                                        <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                                            <p-dropdown [ngModel]="value" [options]="statuses" (onChange)="filter($event.value)" placeholder="Any">
-                                                <ng-template let-option pTemplate="item">
-                                                    <p-tag [value]="option.label" [severity]="getSeverity(option.label)" />
-                                                </ng-template>
-                                            </p-dropdown>
-                                        </ng-template>
-                                    </p-columnFilter>
-                                </div>
-                            </th>
-                            <th pSortableColumn="activity" style="min-width: 10rem">
-                                <div class="flex justify-between items-center">
-                                    Activity
-                                    <p-sortIcon field="activity" />
-                                    <p-columnFilter field="activity" matchMode="between" display="menu" [showMatchModes]="false" [showOperator]="false" [showAddButton]="false" class="ml-auto">
-                                        <ng-template pTemplate="filter" let-filter="filterCallback">
-                                            <p-slider [(ngModel)]="activityValues" [range]="true" (onSlideEnd)="filter($event.values)" styleClass="m-3"></p-slider>
-                                            <div class="flex items-center justify-between px-2">
-                                                <span>{{ activityValues[0] }}</span>
-                                                <span>{{ activityValues[1] }}</span>
-                                            </div>
-                                        </ng-template>
-                                    </p-columnFilter>
-                                </div>
-                            </th>
-                            <th style="width: 5rem"></th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-customer>
-                        <tr class="p-selectable-row">
-                            <td>
-                                <p-tableCheckbox [value]="customer" />
-                            </td>
-                            <td>
-                                <span class="p-column-title">Name</span>
-                                {{ customer.name }}
-                            </td>
-                            <td>
-                                <span class="p-column-title">Country</span>
-                                <div class="flex items-center gap-2">
-                                    <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                                    <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                                </div>
-                            </td>
-                            <td>
-                                <span class="p-column-title">Representative</span>
-                                <div class="flex items-center gap-2">
-                                    <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                                    <span class="ml-1 vertical-align-middle">{{ customer.representative.name }}</span>
-                                </div>
-                            </td>
-                            <td>
-                                <span class="p-column-title">Date</span>
-                                {{ customer.date | date: 'MM/dd/yyyy' }}
-                            </td>
-                            <td>
-                                <span class="p-column-title">Balance</span>
-                                {{ customer.balance | currency: 'USD' : 'symbol' }}
-                            </td>
-                            <td>
-                                <span class="p-column-title">Status</span>
-                                <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                            </td>
-                            <td>
-                                <span class="p-column-title">Activity</span>
-                                <p-progressBar [value]="customer.activity" [showValue]="false" />
-                            </td>
-                            <td style="text-align: center">
-                                <p-button severity="secondary" icon="pi pi-cog" />
-                            </td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="emptymessage">
-                        <tr>
-                            <td colspan="8">No customers found.</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-customers-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class CustomersDoc {
-    customers!: Customer[];
-
-    selectedCustomers!: Customer[];
-
-    representatives!: Representative[];
-
-    statuses!: any[];
-
-    loading: boolean = true;
-
-    activityValues: number[] = [0, 100];
-
-    searchValue: string | undefined;
-
-    constructor(
-        private customerService: CustomerService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.customerService.getCustomersLarge().then((customers) => {
-            this.customers = customers;
-            this.loading = false;
-
-            this.customers.forEach((customer) => (customer.date = new Date(<Date>customer.date)));
-            this.cd.markForCheck();
-        });
-
-        this.representatives = [
-            { name: 'Amy Elsner', image: 'amyelsner.png' },
-            { name: 'Anna Fali', image: 'annafali.png' },
-            { name: 'Asiya Javayant', image: 'asiyajavayant.png' },
-            { name: 'Bernardo Dominic', image: 'bernardodominic.png' },
-            { name: 'Elwin Sharvill', image: 'elwinsharvill.png' },
-            { name: 'Ioni Bowcher', image: 'ionibowcher.png' },
-            { name: 'Ivan Magalhaes', image: 'ivanmagalhaes.png' },
-            { name: 'Onyama Limba', image: 'onyamalimba.png' },
-            { name: 'Stephen Shaw', image: 'stephenshaw.png' },
-            { name: 'Xuxue Feng', image: 'xuxuefeng.png' }
-        ];
-
-        this.statuses = [
-            { label: 'Unqualified', value: 'unqualified' },
-            { label: 'Qualified', value: 'qualified' },
-            { label: 'New', value: 'new' },
-            { label: 'Negotiation', value: 'negotiation' },
-            { label: 'Renewal', value: 'renewal' },
-            { label: 'Proposal', value: 'proposal' }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'unqualified':
-                return 'danger';
-
-            case 'qualified':
-                return 'success';
-
-            case 'new':
-                return 'info';
-
-            case 'negotiation':
-                return 'warning';
-
-            case 'renewal':
-                return null;
-        }
-    }
-
-    clear(dt: Table) {
-        this.searchValue = '';
-        dt.reset();
-    }
-
-    code: Code = {
-        basic: `<p-table
-    #dt
-    [value]="customers"
-    [(selection)]="selectedCustomers"
-    dataKey="id"
-    [rowHover]="true"
-    [rows]="10"
-    [showCurrentPageReport]="true"
-    [rowsPerPageOptions]="[10, 25, 50]"
-    [loading]="loading"
-    [paginator]="true"
-    currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
-    [filterDelay]="0"
-    [globalFilterFields]="['name', 'country.name', 'representative.name', 'status']"
->
-    <ng-template pTemplate="caption">
-        <div class="flex justify-between">
-            <p-button [outlined]="true" icon="pi pi-filter-slash" label="Clear" (onClick)="clear(dt)" />
-            <p-iconField iconPosition="left">
-                <p-inputIcon styleClass="pi pi-search"></p-inputIcon>
-                <input pInputText type="text" [(ngModel)]="searchValue" (input)="dt.filterGlobal($event.target.value, 'contains')" placeholder="Keyboard Search" />
-            </p-iconField>
-        </div>
-    </ng-template>
-    <ng-template pTemplate="header">
-        <tr>
-            <th style="width: 4rem">
-                <p-tableHeaderCheckbox />
-            </th>
-            <th pSortableColumn="name" style="min-width: 14rem">
-                <div class="flex justify-between items-center">
-                    Name
-                    <p-sortIcon field="name" />
-                    <p-columnFilter type="text" field="name" display="menu" class="ml-auto" />
-                </div>
-            </th>
-            <th pSortableColumn="country.name" style="min-width: 14rem">
-                <div class="flex justify-between items-center">
-                    Country
-                    <p-sortIcon field="country.name" />
-                    <p-columnFilter type="text" field="country.name" display="menu" class="ml-auto" />
-                </div>
-            </th>
-            <th pSortableColumn="representative.name" style="min-width: 14rem">
-                <div class="flex justify-between items-center">
-                    Agent
-                    <p-sortIcon field="representative.name" />
-                    <p-columnFilter field="representative" matchMode="in" display="menu" [showMatchModes]="false" [showOperator]="false" [showAddButton]="false" class="ml-auto">
-                        <ng-template pTemplate="header">
-                            <div class="px-3 pt-3 pb-0">
-                                <span class="font-bold">Agent Picker</span>
-                            </div>
-                        </ng-template>
-                        <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                            <p-multiSelect [ngModel]="value" [options]="representatives" placeholder="Any" (onChange)="filter($event.value)" optionLabel="name">
-                                <ng-template let-option pTemplate="item">
-                                    <div class="flex items-center gap-2">
-                                        <img [alt]="option.label" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ option.image }}" width="24" />
-                                        <span class="ml-1 mt-1">{{ option.name }}</span>
-                                    </div>
-                                </ng-template>
-                            </p-multiSelect>
-                        </ng-template>
-                    </p-columnFilter>
-                </div>
-            </th>
-            <th pSortableColumn="date" style="min-width: 10rem">
-                <div class="flex justify-between items-center">
-                    Date
-                    <p-sortIcon field="date" />
-                    <p-columnFilter type="date" field="date" display="menu" class="ml-auto" />
-                </div>
-            </th>
-            <th pSortableColumn="balance" style="min-width: 10rem">
-                <div class="flex justify-between items-center">
-                    Balance
-                    <p-sortIcon field="balance" />
-                    <p-columnFilter type="numeric" field="balance" display="menu" currency="USD" class="ml-auto" />
-                </div>
-            </th>
-            <th pSortableColumn="status" style="min-width: 10rem">
-                <div class="flex justify-between items-center">
-                    Status
-                    <p-sortIcon field="status" />
-                    <p-columnFilter field="status" matchMode="equals" display="menu" class="ml-auto">
-                        <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                            <p-dropdown [ngModel]="value" [options]="statuses" (onChange)="filter($event.value)" placeholder="Any">
-                                <ng-template let-option pTemplate="item">
-                                    <p-tag [value]="option.label" [severity]="getSeverity(option.label)" />
-                                </ng-template>
-                            </p-dropdown>
-                        </ng-template>
-                    </p-columnFilter>
-                </div>
-            </th>
-            <th pSortableColumn="activity" style="min-width: 10rem">
-                <div class="flex justify-between items-center">
-                    Activity
-                    <p-sortIcon field="activity" />
-                    <p-columnFilter field="activity" matchMode="between" display="menu" [showMatchModes]="false" [showOperator]="false" [showAddButton]="false" class="ml-auto">
-                        <ng-template pTemplate="filter" let-filter="filterCallback">
-                            <p-slider [(ngModel)]="activityValues" [range]="true" (onSlideEnd)="filter($event.values)" styleClass="m-3"></p-slider>
-                            <div class="flex items-center justify-between px-2">
-                                <span>{{ activityValues[0] }}</span>
-                                <span>{{ activityValues[1] }}</span>
-                            </div>
-                        </ng-template>
-                    </p-columnFilter>
-                </div>
-            </th>
-            <th style="width: 5rem"></th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-customer>
-        <tr class="p-selectable-row">
-            <td>
-                <p-tableCheckbox [value]="customer" />
-            </td>
-            <td>
-                <span class="p-column-title">Name</span>
-                {{ customer.name }}
-            </td>
-            <td>
-                <span class="p-column-title">Country</span>
-                <div class="flex items-center gap-2">
-                    <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                    <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                </div>
-            </td>
-            <td>
-                <span class="p-column-title">Representative</span>
-                <div class="flex items-center gap-2">
-                    <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                    <span class="ml-1 vertical-align-middle">{{ customer.representative.name }}</span>
-                </div>
-            </td>
-            <td>
-                <span class="p-column-title">Date</span>
-                {{ customer.date | date : 'MM/dd/yyyy' }}
-            </td>
-            <td>
-                <span class="p-column-title">Balance</span>
-                {{ customer.balance | currency : 'USD' : 'symbol' }}
-            </td>
-            <td>
-                <span class="p-column-title">Status</span>
-                <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-            </td>
-            <td>
-                <span class="p-column-title">Activity</span>
-                <p-progressBar [value]="customer.activity" [showValue]="false" />
-            </td>
-            <td style="text-align: center">
-                <p-button severity="secondary" icon="pi pi-cog"/>
-            </td>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="emptymessage">
-        <tr>
-            <td colspan="8">No customers found.</td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table
-        #dt
-        [value]="customers"
-        [(selection)]="selectedCustomers"
-        dataKey="id"
-        [rowHover]="true"
-        [rows]="10"
-        [showCurrentPageReport]="true"
-        [rowsPerPageOptions]="[10, 25, 50]"
-        [loading]="loading"
-        [paginator]="true"
-        currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
-        [filterDelay]="0"
-        [globalFilterFields]="['name', 'country.name', 'representative.name', 'status']"
-    >
-    <ng-template pTemplate="caption">
-        <div class="flex justify-between">
-            <p-button [outlined]="true" icon="pi pi-filter-slash" label="Clear" (onClick)="clear(dt)" />
-            <p-iconField iconPosition="left">
-                <p-inputIcon styleClass="pi pi-search"></p-inputIcon>
-                <input pInputText type="text" [(ngModel)]="searchValue" (input)="dt.filterGlobal($event.target.value, 'contains')" placeholder="Keyboard Search" />
-            </p-iconField>
-        </div>
-    </ng-template>
-    <ng-template pTemplate="header">
-        <tr>
-            <th style="width: 4rem">
-                <p-tableHeaderCheckbox />
-            </th>
-            <th pSortableColumn="name" style="min-width: 14rem">
-                <div class="flex justify-between items-center">
-                    Name
-                    <p-sortIcon field="name" />
-                    <p-columnFilter type="text" field="name" display="menu" class="ml-auto" />
-                </div>
-            </th>
-            <th pSortableColumn="country.name" style="min-width: 14rem">
-                <div class="flex justify-between items-center">
-                    Country
-                    <p-sortIcon field="country.name" />
-                    <p-columnFilter type="text" field="country.name" display="menu" class="ml-auto" />
-                </div>
-            </th>
-            <th pSortableColumn="representative.name" style="min-width: 14rem">
-                <div class="flex justify-between items-center">
-                    Agent
-                    <p-sortIcon field="representative.name" />
-                    <p-columnFilter field="representative" matchMode="in" display="menu" [showMatchModes]="false" [showOperator]="false" [showAddButton]="false" class="ml-auto">
-                        <ng-template pTemplate="header">
-                            <div class="px-3 pt-3 pb-0">
-                                <span class="font-bold">Agent Picker</span>
-                            </div>
-                        </ng-template>
-                        <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                            <p-multiSelect [ngModel]="value" [options]="representatives" placeholder="Any" (onChange)="filter($event.value)" optionLabel="name">
-                                <ng-template let-option pTemplate="item">
-                                    <div class="flex items-center gap-2">
-                                        <img [alt]="option.label" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ option.image }}" width="24" />
-                                        <span class="ml-1 mt-1">{{ option.name }}</span>
-                                    </div>
-                                </ng-template>
-                            </p-multiSelect>
-                        </ng-template>
-                    </p-columnFilter>
-                </div>
-            </th>
-            <th pSortableColumn="date" style="min-width: 10rem">
-                <div class="flex justify-between items-center">
-                    Date
-                    <p-sortIcon field="date" />
-                    <p-columnFilter type="date" field="date" display="menu" class="ml-auto" />
-                </div>
-            </th>
-            <th pSortableColumn="balance" style="min-width: 10rem">
-                <div class="flex justify-between items-center">
-                    Balance
-                    <p-sortIcon field="balance" />
-                    <p-columnFilter type="numeric" field="balance" display="menu" currency="USD" class="ml-auto" />
-                </div>
-            </th>
-            <th pSortableColumn="status" style="min-width: 10rem">
-                <div class="flex justify-between items-center">
-                    Status
-                    <p-sortIcon field="status" />
-                    <p-columnFilter field="status" matchMode="equals" display="menu" class="ml-auto">
-                        <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                            <p-dropdown [ngModel]="value" [options]="statuses" (onChange)="filter($event.value)" placeholder="Any">
-                                <ng-template let-option pTemplate="item">
-                                    <p-tag [value]="option.label" [severity]="getSeverity(option.label)" />
-                                </ng-template>
-                            </p-dropdown>
-                        </ng-template>
-                    </p-columnFilter>
-                </div>
-            </th>
-            <th pSortableColumn="activity" style="min-width: 10rem">
-                <div class="flex justify-between items-center">
-                    Activity
-                    <p-sortIcon field="activity" />
-                    <p-columnFilter field="activity" matchMode="between" display="menu" [showMatchModes]="false" [showOperator]="false" [showAddButton]="false" class="ml-auto">
-                        <ng-template pTemplate="filter" let-filter="filterCallback">
-                            <p-slider [(ngModel)]="activityValues" [range]="true" (onSlideEnd)="filter($event.values)" styleClass="m-3"></p-slider>
-                            <div class="flex items-center justify-between px-2">
-                                <span>{{ activityValues[0] }}</span>
-                                <span>{{ activityValues[1] }}</span>
-                            </div>
-                        </ng-template>
-                    </p-columnFilter>
-                </div>
-            </th>
-            <th style="width: 5rem"></th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-customer>
-        <tr class="p-selectable-row">
-            <td>
-                <p-tableCheckbox [value]="customer" />
-            </td>
-            <td>
-                <span class="p-column-title">Name</span>
-                {{ customer.name }}
-            </td>
-            <td>
-                <span class="p-column-title">Country</span>
-                <div class="flex items-center gap-2">
-                    <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                    <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                </div>
-            </td>
-            <td>
-                <span class="p-column-title">Representative</span>
-                <div class="flex items-center gap-2">
-                    <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                    <span class="ml-1 vertical-align-middle">{{ customer.representative.name }}</span>
-                </div>
-            </td>
-            <td>
-                <span class="p-column-title">Date</span>
-                {{ customer.date | date : 'MM/dd/yyyy' }}
-            </td>
-            <td>
-                <span class="p-column-title">Balance</span>
-                {{ customer.balance | currency : 'USD' : 'symbol' }}
-            </td>
-            <td>
-                <span class="p-column-title">Status</span>
-                <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-            </td>
-            <td>
-                <span class="p-column-title">Activity</span>
-                <p-progressBar [value]="customer.activity" [showValue]="false" />
-            </td>
-            <td style="text-align: center">
-                <p-button severity="secondary" icon="pi pi-cog"/>
-            </td>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="emptymessage">
-        <tr>
-            <td colspan="8">No customers found.</td>
-        </tr>
-    </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Customer, Representative } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-import { TableModule } from 'primeng/table';
-import { TagModule } from 'primeng/tag';
-import { ButtonModule } from 'primeng/button';
-import { InputIconModule } from 'primeng/inputicon';
-import { IconFieldModule } from 'primeng/iconfield';
-import { HttpClientModule } from '@angular/common/http';
-import { CommonModule } from '@angular/common';
-import { MultiSelectModule } from 'primeng/multiselect';
-import { InputTextModule } from 'primeng/inputtext';
-import { DropdownModule } from 'primeng/dropdown';
-import { SliderModule } from 'primeng/slider';
-import { ProgressBarModule } from 'primeng/progressbar';
-
-@Component({
-    selector: 'table-customers-demo',
-    templateUrl: 'table-customers-demo.html',
-    standalone: true,
-    imports: [TableModule, TagModule, ButtonModule,IconFieldModule, InputIconModule, HttpClientModule,
-    CommonModule, MultiSelectModule, InputTextModule, DropdownModule, SliderModule, ProgressBarModule ],
-    providers: [CustomerService],
-    styles: [
-    \`
-    :host ::ng-deep {
-        .p-paginator {
-            .p-paginator-current {
-                margin-left: auto;
-            }
-        }
-
-        .p-progressbar {
-            height: .5rem;
-            background-color: #D8DADC;
-
-            .p-progressbar-value {
-                background-color: #607D8B;
-            }
-        }
-
-        .table-header {
-            display: flex;
-            justify-content: space-between;
-        }
-
-        .p-calendar .p-datepicker {
-            min-width: 25rem;
-
-            td {
-                font-weight: 400;
-            }
-        }
-
-        .p-datatable.p-datatable-customers {
-            .p-datatable-header {
-                padding: 1rem;
-                text-align: left;
-                font-size: 1.5rem;
-            }
-
-            .p-paginator {
-                padding: 1rem;
-            }
-
-            .p-datatable-thead > tr > th {
-                text-align: left;
-            }
-
-            .p-datatable-tbody > tr > td {
-                cursor: auto;
-            }
-
-            .p-dropdown-label:not(.p-placeholder) {
-                text-transform: uppercase;
-            }
-        }
-
-        .p-w-100 {
-            width: 100%;
-        }
-
-        /* Responsive */
-        .p-datatable-customers .p-datatable-tbody > tr > td .p-column-title {
-            display: none;
-        }
-    }
-
-    @media screen and (max-width: 960px) {
-        :host ::ng-deep {
-            .p-datatable {
-                &.p-datatable-customers {
-                    .p-datatable-thead > tr > th,
-                    .p-datatable-tfoot > tr > td {
-                        display: none !important;
-                    }
-
-                    .p-datatable-tbody > tr {
-                        border-bottom: 1px solid var(--layer-2);
-
-                        > td {
-                            text-align: left;
-                            width: 100%;
-                            display: flex;
-                            align-items: center;
-                            border: 0 none;
-
-                            .p-column-title {
-                                min-width: 30%;
-                                display: inline-block;
-                                font-weight: bold;
-                            }
-
-                            p-progressbar {
-                                width: 100%;
-                            }
-
-                            &:last-child {
-                                border-bottom: 1px solid var(--surface-d);
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-    \`
-    ],
-})
-export class TableCustomersDemo implements OnInit{
-    customers!: Customer[];
-
-    selectedCustomers!: Customer[];
-
-    representatives!: Representative[];
-
-    statuses!: any[];
-
-    loading: boolean = true;
-
-    activityValues: number[] = [0, 100];
-
-    constructor(private customerService: CustomerService) {}
-
-    ngOnInit() {
-        this.customerService.getCustomersLarge().then((customers) => {
-            this.customers = customers;
-            this.loading = false;
-
-            this.customers.forEach((customer) => (customer.date = new Date(<Date>customer.date)));
-        });
-
-        this.representatives = [
-            { name: 'Amy Elsner', image: 'amyelsner.png' },
-            { name: 'Anna Fali', image: 'annafali.png' },
-            { name: 'Asiya Javayant', image: 'asiyajavayant.png' },
-            { name: 'Bernardo Dominic', image: 'bernardodominic.png' },
-            { name: 'Elwin Sharvill', image: 'elwinsharvill.png' },
-            { name: 'Ioni Bowcher', image: 'ionibowcher.png' },
-            { name: 'Ivan Magalhaes', image: 'ivanmagalhaes.png' },
-            { name: 'Onyama Limba', image: 'onyamalimba.png' },
-            { name: 'Stephen Shaw', image: 'stephenshaw.png' },
-            { name: 'Xuxue Feng', image: 'xuxuefeng.png' }
-        ];
-
-        this.statuses = [
-            { label: 'Unqualified', value: 'unqualified' },
-            { label: 'Qualified', value: 'qualified' },
-            { label: 'New', value: 'new' },
-            { label: 'Negotiation', value: 'negotiation' },
-            { label: 'Renewal', value: 'renewal' },
-            { label: 'Proposal', value: 'proposal' }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'unqualified':
-                return 'danger';
-
-            case 'qualified':
-                return 'success';
-
-            case 'new':
-                return 'info';
-
-            case 'negotiation':
-                return 'warning';
-
-            case 'renewal':
-                return null;
-        }
-    }
-}`,
-        data: `{
-    id: 1000,
-    name: 'James Butt',
-    country: {
-        name: 'Algeria',
-        code: 'dz'
-    },
-    company: 'Benton, John B Jr',
-    date: '2015-09-13',
-    status: 'unqualified',
-    verified: true,
-    activity: 17,
-    representative: {
-        name: 'Ioni Bowcher',
-        image: 'ionibowcher.png'
-    },
-    balance: 70663
-},
-...`,
-
-        service: ['CustomerService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/customer.ts',
-            content: `
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/customsortdoc.ts b/src/app/showcase/doc/table/customsortdoc.ts
deleted file mode 100644
index dae81a6..0000000
--- a/src/app/showcase/doc/table/customsortdoc.ts
+++ /dev/null
@@ -1,188 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { SortEvent } from 'primeng/api';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'custom-sort-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                Instead of using the built-in sorting algorithm a custom sort can be attached by enabling <i>customSort</i> property and defining a sortFunction implementation. This function gets a SortEvent instance that provides the data to sort,
-                <i>sortField</i>, <i>sortOrder</i> and <i>multiSortMeta</i>.
-            </p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" (sortFunction)="customSort($event)" [customSort]="true" [tableStyle]="{ 'min-width': '60rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th pSortableColumn="code" style="width:20%">Code <p-sortIcon field="code"></p-sortIcon></th>
-                            <th pSortableColumn="name" style="width:20%">Name <p-sortIcon field="name"></p-sortIcon></th>
-                            <th pSortableColumn="category" style="width:20%">Category <p-sortIcon field="category"></p-sortIcon></th>
-                            <th pSortableColumn="quantity" style="width:20%">Quantity <p-sortIcon field="quantity"></p-sortIcon></th>
-                            <th pSortableColumn="price" style="width:20%">Price <p-sortIcon field="price"></p-sortIcon></th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                            <td>{{ product.price | currency: 'USD' }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-custom-sort-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class CustomSortDoc {
-    products!: Product[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    customSort(event: SortEvent) {
-        event.data.sort((data1, data2) => {
-            let value1 = data1[event.field];
-            let value2 = data2[event.field];
-            let result = null;
-
-            if (value1 == null && value2 != null) result = -1;
-            else if (value1 != null && value2 == null) result = 1;
-            else if (value1 == null && value2 == null) result = 0;
-            else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2);
-            else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-
-            return event.order * result;
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table [value]="products" (sortFunction)="customSort($event)" [customSort]="true" [tableStyle]="{'min-width': '60rem'}">
-    <ng-template pTemplate="header">
-        <tr>
-            <th pSortableColumn="code" style="width:20%">Code <p-sortIcon field="code"></p-sortIcon></th>
-            <th pSortableColumn="name" style="width:20%">Name <p-sortIcon field="name"></p-sortIcon></th>
-            <th pSortableColumn="category" style="width:20%">Category <p-sortIcon field="category"></p-sortIcon></th>
-            <th pSortableColumn="quantity" style="width:20%">Quantity <p-sortIcon field="quantity"></p-sortIcon></th>
-            <th pSortableColumn="price" style="width:20%">Price <p-sortIcon field="price"></p-sortIcon></th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-product>
-        <tr>
-            <td>{{product.code}}</td>
-            <td>{{product.name}}</td>
-            <td>{{product.category}}</td>
-            <td>{{product.quantity}}</td>
-            <td>{{product.price | currency: 'USD'}}</td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `
-<div class="card">
-    <p-table [value]="products" (sortFunction)="customSort($event)" [customSort]="true" [tableStyle]="{'min-width': '60rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th pSortableColumn="code" style="width:20%">Code <p-sortIcon field="code"></p-sortIcon></th>
-                <th pSortableColumn="name" style="width:20%">Name <p-sortIcon field="name"></p-sortIcon></th>
-                <th pSortableColumn="category" style="width:20%">Category <p-sortIcon field="category"></p-sortIcon></th>
-                <th pSortableColumn="quantity" style="width:20%">Quantity <p-sortIcon field="quantity"></p-sortIcon></th>
-                <th pSortableColumn="price" style="width:20%">Price <p-sortIcon field="price"></p-sortIcon></th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>{{product.code}}</td>
-                <td>{{product.name}}</td>
-                <td>{{product.category}}</td>
-                <td>{{product.quantity}}</td>
-                <td>{{product.price | currency: 'USD'}}</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `
-import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { SortEvent } from 'primeng/api';
-
-@Component({
-    selector: 'table-custom-sort-demo',
-    templateUrl: 'table-custom-sort-demo.html'
-})
-export class TableCustomSortDemo implements OnInit {
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    }
-
-    customSort(event: SortEvent) {
-        event.data.sort((data1, data2) => {
-            let value1 = data1[event.field];
-            let value2 = data2[event.field];
-            let result = null;
-
-            if (value1 == null && value2 != null) result = -1;
-            else if (value1 != null && value2 == null) result = 1;
-            else if (value1 == null && value2 == null) result = 0;
-            else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2);
-            else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-
-            return event.order * result;
-        });
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/dynamicdoc.ts b/src/app/showcase/doc/table/dynamicdoc.ts
deleted file mode 100644
index 8abcf42..0000000
--- a/src/app/showcase/doc/table/dynamicdoc.ts
+++ /dev/null
@@ -1,169 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-@Component({
-    selector: 'dynamic-doc',
-    template: ` <app-docsectiontext>
-            <p>Columns can be defined dynamically using the <i>*ngFor</i> directive.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [columns]="cols" [value]="products" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowData let-columns="columns">
-                        <tr>
-                            <td *ngFor="let col of columns">
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-dynamic-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class DynamicDoc {
-    products!: Product[];
-
-    cols!: Column[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-
-        this.cols = [
-            { field: 'code', header: 'Code' },
-            { field: 'name', header: 'Name' },
-            { field: 'category', header: 'Category' },
-            { field: 'quantity', header: 'Quantity' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-table [columns]="cols" [value]="products" [tableStyle]="{ 'min-width': '50rem' }">
-    <ng-template pTemplate="header" let-columns>
-        <tr>
-            <th *ngFor="let col of columns">
-                {{ col.header }}
-            </th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-rowData let-columns="columns">
-        <tr>
-            <td *ngFor="let col of columns">
-                {{ rowData[col.field] }}
-            </td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table [columns]="cols" [value]="products" [tableStyle]="{ 'min-width': '50rem' }">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowData let-columns="columns">
-            <tr>
-                <td *ngFor="let col of columns">
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'table-dynamic-demo',
-    templateUrl: 'table-dynamic-demo.html',
-    standalone: true,
-    imports: [TableModule, CommonModule],
-    providers: [ProductService]
-})
-export class TableDynamicDemo {
-    products!: Product[];
-
-    cols!: Column[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-
-        this.cols = [
-            { field: 'code', header: 'Code' },
-            { field: 'name', header: 'Name' },
-            { field: 'category', header: 'Category' },
-            { field: 'quantity', header: 'Quantity' }
-        ];
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/expandablerowgroupdoc.ts b/src/app/showcase/doc/table/expandablerowgroupdoc.ts
deleted file mode 100644
index d20083f..0000000
--- a/src/app/showcase/doc/table/expandablerowgroupdoc.ts
+++ /dev/null
@@ -1,392 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-
-@Component({
-    selector: 'expandable-row-group-doc',
-    template: ` <app-docsectiontext>
-            <p>When <i>expandableRowGroups</i> is present in subheader based row grouping, groups can be expanded and collapsed. State of the expansions are controlled using the <i>expandedRows</i> and <i>onRowToggle</i> properties.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="customers" sortField="representative.name" sortMode="single" dataKey="representative.name" rowGroupMode="subheader" groupRowsBy="representative.name" [tableStyle]="{ 'min-width': '70rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width:20%">Name</th>
-                            <th style="width:20%">Country</th>
-                            <th style="width:20%">Company</th>
-                            <th style="width:20%">Status</th>
-                            <th style="width:20%">Date</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="groupheader" let-customer let-rowIndex="rowIndex" let-expanded="expanded">
-                        <tr>
-                            <td colspan="5">
-                                <div class="flex items-center gap-2">
-                                    <button type="button" pButton pRipple [pRowToggler]="customer" class="p-button-text p-button-rounded p-button-plain mr-2" [icon]="expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'"></button>
-                                    <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                                    <span class="font-bold ml-2">{{ customer.representative.name }}</span>
-                                </div>
-                            </td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="groupfooter" let-customer>
-                        <tr class="p-rowgroup-footer">
-                            <td colspan="4" style="text-align: right">Total Customers</td>
-                            <td>{{ calculateCustomerTotal(customer.representative.name) }}</td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="rowexpansion" let-customer>
-                        <tr>
-                            <td>
-                                {{ customer.name }}
-                            </td>
-                            <td>
-                                <div class="flex items-center gap-2">
-                                    <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                                    <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                                </div>
-                            </td>
-                            <td>
-                                {{ customer.company }}
-                            </td>
-                            <td>
-                                <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                            </td>
-                            <td>
-                                {{ customer.date }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-expandable-row-group-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ExpandableRowGroupDoc {
-    customers!: Customer[];
-
-    constructor(
-        private customerService: CustomerService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.customerService.getCustomersMedium().then((data) => {
-            this.customers = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    calculateCustomerTotal(name: string) {
-        let total = 0;
-
-        if (this.customers) {
-            for (let customer of this.customers) {
-                if (customer.representative?.name === name) {
-                    total++;
-                }
-            }
-        }
-
-        return total;
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'unqualified':
-                return 'danger';
-
-            case 'qualified':
-                return 'success';
-
-            case 'new':
-                return 'info';
-
-            case 'negotiation':
-                return 'warning';
-
-            case 'renewal':
-                return null;
-        }
-    }
-
-    code: Code = {
-        basic: `<p-table
-    [value]="customers"
-    sortField="representative.name"
-    sortMode="single"
-    dataKey="representative.name"
-    rowGroupMode="subheader"
-    groupRowsBy="representative.name"
-    [tableStyle]="{'min-width': '70rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="width:20%">Name</th>
-                <th style="width:20%">Country</th>
-                <th style="width:20%">Company</th>
-                <th style="width:20%">Status</th>
-                <th style="width:20%">Date</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="groupheader" let-customer let-rowIndex="rowIndex" let-expanded="expanded">
-            <tr>
-                <td colspan="5">
-                    <button
-                        type="button"
-                        pButton
-                        pRipple
-                        [pRowToggler]="customer"
-                        class="p-button-text p-button-rounded p-button-plain mr-2"
-                        [icon]="expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'">
-                    </button>
-                    <img
-                        [alt]="customer.representative.name"
-                        src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{customer.representative.image}}"
-                        width="32"
-                        style="vertical-align: middle" />
-                    <span class="font-bold ml-2">{{customer.representative.name}}</span>
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="groupfooter" let-customer>
-            <tr class="p-rowgroup-footer">
-                <td colspan="4" style="text-align: right">Total Customers</td>
-                <td>{{calculateCustomerTotal(customer.representative.name)}}</td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="rowexpansion" let-customer>
-            <tr>
-                <td>
-                    {{customer.name}}
-                </td>
-                <td>
-                    <div class="flex items-center gap-2">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                        <span class="ml-1 vertical-align-middle">{{customer.country.name}}</span>
-                    </div>
-                </td>
-                <td>
-                    {{customer.company}}
-                </td>
-                <td>
-                    <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                </td>
-                <td>
-                    {{customer.date}}
-                </td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table
-        [value]="customers"
-        sortField="representative.name"
-        sortMode="single"
-        dataKey="representative.name"
-        rowGroupMode="subheader"
-        groupRowsBy="representative.name"
-        [tableStyle]="{'min-width': '70rem'}">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th style="width:20%">Name</th>
-                    <th style="width:20%">Country</th>
-                    <th style="width:20%">Company</th>
-                    <th style="width:20%">Status</th>
-                    <th style="width:20%">Date</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="groupheader" let-customer let-rowIndex="rowIndex" let-expanded="expanded">
-                <tr>
-                    <td colspan="5">
-                        <button
-                            type="button"
-                            pButton
-                            pRipple
-                            [pRowToggler]="customer"
-                            class="p-button-text p-button-rounded p-button-plain mr-2"
-                            [icon]="expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'">
-                        </button>
-                        <img
-                            [alt]="customer.representative.name"
-                            src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{customer.representative.image}}"
-                            width="32"
-                            style="vertical-align: middle" />
-                        <span class="font-bold ml-2">{{customer.representative.name}}</span>
-                    </td>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="groupfooter" let-customer>
-                <tr class="p-rowgroup-footer">
-                    <td colspan="4" style="text-align: right">Total Customers</td>
-                    <td>{{calculateCustomerTotal(customer.representative.name)}}</td>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="rowexpansion" let-customer>
-                <tr>
-                    <td>
-                        {{customer.name}}
-                    </td>
-                    <td>
-                        <div class="flex items-center gap-2">
-                            <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                            <span class="ml-1 vertical-align-middle">{{customer.country.name}}</span>
-                        </div>
-                    </td>
-                    <td>
-                        {{customer.company}}
-                    </td>
-                    <td>
-                        <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                    </td>
-                    <td>
-                        {{customer.date}}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-import { TableModule } from 'primeng/table';
-import { HttpClientModule } from '@angular/common/http';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-import { TagModule } from 'primeng/tag';
-
-@Component({
-    selector: 'table-expandable-row-group-demo',
-    templateUrl: 'table-expandable-row-group-demo.html',
-    standalone: true,
-    imports: [TableModule, HttpClientModule, ButtonModule, RippleModule, TagModule],
-    providers: [CustomerService],
-    styles: [
-        \`:host ::ng-deep .p-rowgroup-footer td {
-            font-weight: 700;
-        }
-
-        :host ::ng-deep .p-rowgroup-header {
-            span {
-                font-weight: 700;
-            }
-
-            .p-row-toggler {
-                vertical-align: middle;
-                margin-right: .25rem;
-            }
-        }\`
-    ],
-})
-export class TableExpandableRowGroupDemo implements OnInit{
-    customers!: Customer[];
-
-    constructor(private customerService: CustomerService) {}
-
-    ngOnInit() {
-        this.customerService.getCustomersMedium().then((data) => {
-            this.customers = data;
-        });
-    }
-
-    calculateCustomerTotal(name: string) {
-        let total = 0;
-
-        if (this.customers) {
-            for (let customer of this.customers) {
-                if (customer.representative?.name === name) {
-                    total++;
-                }
-            }
-        }
-
-        return total;
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'unqualified':
-                return 'danger';
-
-            case 'qualified':
-                return 'success';
-
-            case 'new':
-                return 'info';
-
-            case 'negotiation':
-                return 'warning';
-
-            case 'renewal':
-                return null;
-        }
-    }
-}`,
-        scss: `
-:host ::ng-deep .p-rowgroup-footer td {
-    font-weight: 700;
-}
-
-:host ::ng-deep .p-rowgroup-header {
-    span {
-        font-weight: 700;
-    }
-
-    .p-row-toggler {
-        vertical-align: middle;
-        margin-right: .25rem;
-    }
-}`,
-        data: `{
-    id: 1000,
-    name: 'James Butt',
-    country: {
-        name: 'Algeria',
-        code: 'dz'
-    },
-    company: 'Benton, John B Jr',
-    date: '2015-09-13',
-    status: 'unqualified',
-    verified: true,
-    activity: 17,
-    representative: {
-        name: 'Ioni Bowcher',
-        image: 'ionibowcher.png'
-    },
-    balance: 70663
-},
-...`,
-        service: ['CustomerService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/customer.ts',
-            content: `
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/exportdoc.ts b/src/app/showcase/doc/table/exportdoc.ts
deleted file mode 100644
index 87ed466..0000000
--- a/src/app/showcase/doc/table/exportdoc.ts
+++ /dev/null
@@ -1,231 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-interface Column {
-    field: string;
-    header: string;
-    customExportHeader?: string;
-}
-
-interface ExportColumn {
-    title: string;
-    dataKey: string;
-}
-
-@Component({
-    selector: 'export-doc',
-    template: ` <app-docsectiontext>
-            <p>Table can export its data to CSV format.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table #dt [columns]="cols" [value]="products" selectionMode="multiple" [(selection)]="selectedProducts" [exportHeader]="'customExportHeader'" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="caption">
-                        <div style="text-align: left">
-                            <p-button icon="pi pi-external-link" label="Export" (onClick)="dt.exportCSV()" />
-                        </div>
-                    </ng-template>
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowData let-columns="columns">
-                        <tr [pSelectableRow]="rowData">
-                            <td *ngFor="let col of columns">
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-export-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ExportDoc {
-    products!: Product[];
-
-    selectedProducts!: Product[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    cols!: Column[];
-
-    exportColumns!: ExportColumn[];
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-
-        this.cols = [
-            { field: 'code', header: 'Code', customExportHeader: 'Product Code' },
-            { field: 'name', header: 'Name' },
-            { field: 'category', header: 'Category' },
-            { field: 'quantity', header: 'Quantity' }
-        ];
-
-        this.exportColumns = this.cols.map((col) => ({ title: col.header, dataKey: col.field }));
-    }
-
-    code: Code = {
-        basic: `<p-table 
-    #dt 
-    [columns]="cols" 
-    [value]="products" 
-    selectionMode="multiple" 
-    [(selection)]="selectedProducts" 
-    [exportHeader]="'customExportHeader'" 
-    [tableStyle]="{ 'min-width': '50rem' }">
-        <ng-template pTemplate="caption">
-            <div style="text-align: left">
-                <p-button 
-                    icon="pi pi-external-link" 
-                    label="Export" 
-                    (onClick)="dt.exportCSV()" />
-            </div>
-        </ng-template>
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowData let-columns="columns">
-            <tr [pSelectableRow]="rowData">
-                <td *ngFor="let col of columns">
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table 
-        #dt 
-        [columns]="cols" 
-        [value]="products" 
-        selectionMode="multiple" 
-        [(selection)]="selectedProducts" 
-        [exportHeader]="'customExportHeader'" 
-        [tableStyle]="{ 'min-width': '50rem' }">
-            <ng-template pTemplate="caption">
-                <div style="text-align: left">
-                    <p-button 
-                        icon="pi pi-external-link" 
-                        label="Export" 
-                        (onClick)="dt.exportCSV()" />
-                </div>
-            </ng-template>
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowData let-columns="columns">
-                <tr [pSelectableRow]="rowData">
-                    <td *ngFor="let col of columns">
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-import { ButtonModule } from 'primeng/button';
-
-interface Column {
-    field: string;
-    header: string;
-    customExportHeader?: string;
-}
-
-interface ExportColumn {
-    title: string;
-    dataKey: string;
-}
-
-@Component({
-    selector: 'table-export-demo',
-    templateUrl: 'table-export-demo.html',
-    standalone: true,
-    imports: [TableModule, CommonModule, ButtonModule],
-    providers: [ProductService]
-})
-export class TableExportDemo implements OnInit{
-    products!: Product[];
-
-    selectedProducts!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    cols!: Column[];
-
-    exportColumns!: ExportColumn[];
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-
-        this.cols = [
-            { field: 'code', header: 'Code', customExportHeader: 'Product Code' },
-            { field: 'name', header: 'Name' },
-            { field: 'category', header: 'Category' },
-            { field: 'quantity', header: 'Quantity' }
-        ];
-
-        this.exportColumns = this.cols.map((col) => ({ title: col.header, dataKey: col.field }));
-    }
-
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/filteradvanceddoc.ts b/src/app/showcase/doc/table/filteradvanceddoc.ts
deleted file mode 100644
index 69347ad..0000000
--- a/src/app/showcase/doc/table/filteradvanceddoc.ts
+++ /dev/null
@@ -1,661 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Table } from 'primeng/table';
-import { Code } from '../../domain/code';
-import { Customer, Representative } from '../../domain/customer';
-import { CustomerService } from '../../service/customerservice';
-
-@Component({
-    selector: 'filter-advanced-doc',
-    template: ` <app-docsectiontext>
-            <p>Filters are displayed in an overlay.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table #dt1 [value]="customers" dataKey="id" [rows]="10" [rowsPerPageOptions]="[10, 25, 50]" [loading]="loading" [paginator]="true" [globalFilterFields]="['name', 'country.name', 'representative.name', 'status']">
-                    <ng-template pTemplate="caption">
-                        <div class="flex">
-                            <p-button label="Clear" [outlined]="true" icon="pi pi-filter-slash" (onClick)="clear(dt1)" />
-                            <p-iconField iconPosition="left" class="ml-auto">
-                                <p-inputIcon styleClass="pi pi-search"></p-inputIcon>
-                                <input pInputText type="text" [(ngModel)]="searchValue" (input)="dt1.filterGlobal($event.target.value, 'contains')" placeholder="Search keyword" />
-                            </p-iconField>
-                        </div>
-                    </ng-template>
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="min-width:15rem">
-                                <div class="flex items-center gap-2">
-                                    Name
-                                    <p-columnFilter type="text" field="name" display="menu" />
-                                </div>
-                            </th>
-                            <th style="min-width:15rem">
-                                <div class="flex items-center gap-2">
-                                    Country
-                                    <p-columnFilter type="text" field="country.name" display="menu" />
-                                </div>
-                            </th>
-                            <th style="min-width:15rem">
-                                <div class="flex items-center gap-2">
-                                    Agent
-                                    <p-columnFilter field="representative" matchMode="in" display="menu" [showMatchModes]="false" [showOperator]="false" [showAddButton]="false">
-                                        <ng-template pTemplate="header">
-                                            <div class="px-3 pt-3 pb-0">
-                                                <span class="font-bold">Agent Picker</span>
-                                            </div>
-                                        </ng-template>
-                                        <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                                            <p-multiSelect [ngModel]="value" [options]="representatives" placeholder="Any" (onChange)="filter($event.value)" optionLabel="name">
-                                                <ng-template let-option pTemplate="item">
-                                                    <div class="flex items-center gap-2">
-                                                        <img [alt]="option.label" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ option.image }}" width="24" />
-                                                        <span class="ml-1 mt-1">{{ option.name }}</span>
-                                                    </div>
-                                                </ng-template>
-                                            </p-multiSelect>
-                                        </ng-template>
-                                    </p-columnFilter>
-                                </div>
-                            </th>
-                            <th style="min-width:10rem">
-                                <div class="flex items-center gap-2">
-                                    Date
-                                    <p-columnFilter type="date" field="date" display="menu" />
-                                </div>
-                            </th>
-                            <th style="min-width:10rem">
-                                <div class="flex items-center gap-2">
-                                    Balance
-                                    <p-columnFilter type="numeric" field="balance" display="menu" currency="USD" />
-                                </div>
-                            </th>
-                            <th style="min-width:10rem">
-                                <div class="flex items-center gap-2">
-                                    Status
-                                    <p-columnFilter field="status" matchMode="equals" display="menu">
-                                        <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                                            <p-dropdown [ngModel]="value" [options]="statuses" (onChange)="filter($event.value)" placeholder="Any">
-                                                <ng-template let-option pTemplate="item">
-                                                    <p-tag [value]="option.value" [severity]="getSeverity(option.label)"></p-tag>
-                                                </ng-template>
-                                            </p-dropdown>
-                                        </ng-template>
-                                    </p-columnFilter>
-                                </div>
-                            </th>
-                            <th style="min-width:10rem">
-                                <div class="flex items-center gap-2">
-                                    Activity
-                                    <p-columnFilter field="activity" matchMode="between" display="menu" [showMatchModes]="false" [showOperator]="false" [showAddButton]="false">
-                                        <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                                            <p-slider [ngModel]="value" [range]="true" styleClass="m-3" (onSlideEnd)="filter($event.values)" />
-                                            <div class="flex items-center px-2">
-                                                <span *ngIf="!value">0</span>
-                                                <span *ngIf="value">{{ value[0] }} - {{ value[1] }}</span>
-                                            </div>
-                                        </ng-template>
-                                    </p-columnFilter>
-                                </div>
-                            </th>
-                            <th style="width: 3rem">
-                                <div class="flex items-center gap-2">
-                                    Verified
-                                    <p-columnFilter type="boolean" field="verified" display="menu" />
-                                </div>
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-customer>
-                        <tr>
-                            <td>
-                                {{ customer.name }}
-                            </td>
-                            <td>
-                                <div class="flex items-center gap-2">
-                                    <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                                    <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                                </div>
-                            </td>
-                            <td>
-                                <div class="flex items-center gap-2">
-                                    <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                                    <span class="ml-1 vertical-align-middle">{{ customer.representative.name }}</span>
-                                </div>
-                            </td>
-                            <td>
-                                {{ customer.date | date: 'MM/dd/yyyy' }}
-                            </td>
-                            <td>
-                                {{ customer.balance | currency: 'USD' : 'symbol' }}
-                            </td>
-                            <td>
-                                <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                            </td>
-                            <td>
-                                <p-progressBar [value]="customer.activity" [showValue]="false" />
-                            </td>
-                            <td class="text-center">
-                                <i class="pi" [ngClass]="{ 'text-green-500 pi-check-circle': customer.verified, 'text-red-500 pi-times-circle': !customer.verified }"></i>
-                            </td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="emptymessage">
-                        <tr>
-                            <td colspan="7">No customers found.</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-filter-advanced-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class FilterAdvancedDoc {
-    customers!: Customer[];
-
-    representatives!: Representative[];
-
-    statuses!: any[];
-
-    loading: boolean = true;
-
-    searchValue: string | undefined;
-
-    activityValues: number[] = [0, 100];
-
-    constructor(
-        private customerService: CustomerService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.customerService.getCustomersLarge().then((customers) => {
-            this.customers = customers;
-            this.loading = false;
-
-            this.customers.forEach((customer) => (customer.date = new Date(<Date>customer.date)));
-            this.cd.markForCheck();
-        });
-
-        this.representatives = [
-            { name: 'Amy Elsner', image: 'amyelsner.png' },
-            { name: 'Anna Fali', image: 'annafali.png' },
-            { name: 'Asiya Javayant', image: 'asiyajavayant.png' },
-            { name: 'Bernardo Dominic', image: 'bernardodominic.png' },
-            { name: 'Elwin Sharvill', image: 'elwinsharvill.png' },
-            { name: 'Ioni Bowcher', image: 'ionibowcher.png' },
-            { name: 'Ivan Magalhaes', image: 'ivanmagalhaes.png' },
-            { name: 'Onyama Limba', image: 'onyamalimba.png' },
-            { name: 'Stephen Shaw', image: 'stephenshaw.png' },
-            { name: 'Xuxue Feng', image: 'xuxuefeng.png' }
-        ];
-
-        this.statuses = [
-            { label: 'Unqualified', value: 'unqualified' },
-            { label: 'Qualified', value: 'qualified' },
-            { label: 'New', value: 'new' },
-            { label: 'Negotiation', value: 'negotiation' },
-            { label: 'Renewal', value: 'renewal' },
-            { label: 'Proposal', value: 'proposal' }
-        ];
-    }
-
-    clear(table: Table) {
-        table.clear();
-        this.searchValue = '';
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'unqualified':
-                return 'danger';
-
-            case 'qualified':
-                return 'success';
-
-            case 'new':
-                return 'info';
-
-            case 'negotiation':
-                return 'warning';
-
-            case 'renewal':
-                return null;
-        }
-    }
-
-    code: Code = {
-        basic: `<p-table
-    #dt1
-    [value]="customers"
-    dataKey="id"
-    [rows]="10"
-    [rowsPerPageOptions]="[10, 25, 50]"
-    [loading]="loading"
-    [paginator]="true"
-    [globalFilterFields]="['name', 'country.name', 'representative.name', 'status']"
->
-    <ng-template pTemplate="caption">
-        <div class="flex">
-            <p-button label="Clear" [outlined]="true" icon="pi pi-filter-slash" (onClick)="clear(dt1)" />
-            <span class="p-input-icon-left ml-auto">
-            <p-iconField iconPosition="left" class="ml-auto">
-                <p-inputIcon styleClass="pi pi-search"></p-inputIcon>
-                <input pInputText type="text" [(ngModel)]="searchValue" (input)="dt1.filterGlobal($event.target.value, 'contains')" placeholder="Search keyword" />
-            </p-iconField>
-        </div>
-    </ng-template>
-    <ng-template pTemplate="header">
-        <tr>
-            <th style="min-width:15rem">
-                <div class="flex items-center gap-2">
-                    Name
-                    <p-columnFilter type="text" field="name" display="menu" />
-                </div>
-            </th>
-            <th style="min-width:15rem">
-                <div class="flex items-center gap-2">
-                    Country
-                    <p-columnFilter type="text" field="country.name" display="menu" />
-                </div>
-            </th>
-            <th style="min-width:15rem">
-                <div class="flex items-center gap-2">
-                    Agent
-                    <p-columnFilter field="representative" matchMode="in" display="menu" [showMatchModes]="false" [showOperator]="false" [showAddButton]="false">
-                        <ng-template pTemplate="header">
-                            <div class="px-3 pt-3 pb-0">
-                                <span class="font-bold">Agent Picker</span>
-                            </div>
-                        </ng-template>
-                        <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                            <p-multiSelect [ngModel]="value" [options]="representatives" placeholder="Any" (onChange)="filter($event.value)" optionLabel="name">
-                                <ng-template let-option pTemplate="item">
-                                    <div class="flex items-center gap-2">
-                                        <img [alt]="option.label" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ option.image }}" width="24" />
-                                        <span class="ml-1 mt-1">{{ option.name }}</span>
-                                    </div>
-                                </ng-template>
-                            </p-multiSelect>
-                        </ng-template>
-                    </p-columnFilter>
-                </div>
-            </th>
-            <th style="min-width:10rem">
-                <div class="flex items-center gap-2">
-                    Date
-                    <p-columnFilter type="date" field="date" display="menu" />
-                </div>
-            </th>
-            <th style="min-width:10rem">
-                <div class="flex items-center gap-2">
-                    Balance
-                    <p-columnFilter type="numeric" field="balance" display="menu" currency="USD" />
-                </div>
-            </th>
-            <th style="min-width:10rem">
-                <div class="flex items-center gap-2">
-                    Status
-                    <p-columnFilter field="status" matchMode="equals" display="menu">
-                        <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                            <p-dropdown [ngModel]="value" [options]="statuses" (onChange)="filter($event.value)" placeholder="Any">
-                                <ng-template let-option pTemplate="item">
-                                    <p-tag [value]="option.value" [severity]="getSeverity(option.label)" />
-                                </ng-template>
-                            </p-dropdown>
-                        </ng-template>
-                    </p-columnFilter>
-                </div>
-            </th>
-            <th style="min-width:10rem">
-                <div class="flex items-center gap-2">
-                    Activity
-                    <p-columnFilter field="activity" matchMode="between" display="menu" [showMatchModes]="false" [showOperator]="false" [showAddButton]="false">
-                        <ng-template pTemplate="filter" let-filter="filterCallback">
-                            <p-slider [(ngModel)]="activityValues" [range]="true" (onSlideEnd)="filter($event.values)" styleClass="m-3" />
-                            <div class="flex items-center px-2">
-                                <span>{{ activityValues[0] }}</span>
-                                <span>{{ activityValues[1] }}</span>
-                            </div>
-                        </ng-template>
-                    </p-columnFilter>
-                </div>
-            </th>
-            <th style="width: 3rem">
-                <div class="flex items-center gap-2">
-                    Verified
-                    <p-columnFilter type="boolean" field="verified" display="menu" />
-                </div>
-            </th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-customer>
-        <tr>
-            <td>
-                {{ customer.name }}
-            </td>
-            <td>
-                <div class="flex items-center gap-2">
-                    <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                    <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                </div>
-            </td>
-            <td>
-                <div class="flex items-center gap-2">
-                    <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                    <span class="ml-1 vertical-align-middle">{{ customer.representative.name }}</span>
-                </div>
-            </td>
-            <td>
-                {{ customer.date | date: 'MM/dd/yyyy' }}
-            </td>
-            <td>
-                {{ customer.balance | currency: 'USD':'symbol' }}
-            </td>
-            <td>
-                <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-            </td>
-            <td>
-                <p-progressBar [value]="customer.activity" [showValue]="false" />
-            </td>
-            <td class="text-center">
-                <i class="pi" [ngClass]="{ 'text-green-500 pi-check-circle': customer.verified, 'text-red-500 pi-times-circle': !customer.verified }"></i>
-            </td>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="emptymessage">
-        <tr>
-            <td colspan="7">No customers found.</td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table
-        #dt1
-        [value]="customers"
-        dataKey="id"
-        [rows]="10"
-        [rowsPerPageOptions]="[10, 25, 50]"
-        [loading]="loading"
-        [paginator]="true"
-        [globalFilterFields]="['name', 'country.name', 'representative.name', 'status']"
-        >
-        <ng-template pTemplate="caption">
-            <div class="flex">
-                <p-button label="Clear" [outlined]="true" icon="pi pi-filter-slash" (onClick)="clear(dt1)" />
-                <p-iconField iconPosition="left" class="ml-auto">
-                    <p-inputIcon styleClass="pi pi-search"></p-inputIcon>
-                    <input pInputText type="text" [(ngModel)]="searchValue" (input)="dt1.filterGlobal($event.target.value, 'contains')" placeholder="Search keyword" />
-                </p-iconField>
-            </div>
-        </ng-template>
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="min-width:15rem">
-                    <div class="flex items-center gap-2">
-                        Name
-                        <p-columnFilter type="text" field="name" display="menu" />
-                    </div>
-                </th>
-                <th style="min-width:15rem">
-                    <div class="flex items-center gap-2">
-                        Country
-                        <p-columnFilter type="text" field="country.name" display="menu" />
-                    </div>
-                </th>
-                <th style="min-width:15rem">
-                    <div class="flex items-center gap-2">
-                        Agent
-                        <p-columnFilter field="representative" matchMode="in" display="menu" [showMatchModes]="false" [showOperator]="false" [showAddButton]="false">
-                            <ng-template pTemplate="header">
-                                <div class="px-3 pt-3 pb-0">
-                                    <span class="font-bold">Agent Picker</span>
-                                </div>
-                            </ng-template>
-                            <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                                <p-multiSelect [ngModel]="value" [options]="representatives" placeholder="Any" (onChange)="filter($event.value)" optionLabel="name">
-                                    <ng-template let-option pTemplate="item">
-                                        <div class="flex items-center gap-2">
-                                            <img [alt]="option.label" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ option.image }}" width="24" />
-                                            <span class="ml-1 mt-1">{{ option.name }}</span>
-                                        </div>
-                                    </ng-template>
-                                </p-multiSelect>
-                            </ng-template>
-                        </p-columnFilter>
-                    </div>
-                </th>
-                <th style="min-width:10rem">
-                    <div class="flex items-center gap-2">
-                        Date
-                        <p-columnFilter type="date" field="date" display="menu" />
-                    </div>
-                </th>
-                <th style="min-width:10rem">
-                    <div class="flex items-center gap-2">
-                        Balance
-                        <p-columnFilter type="numeric" field="balance" display="menu" currency="USD" />
-                    </div>
-                </th>
-                <th style="min-width:10rem">
-                    <div class="flex items-center gap-2">
-                        Status
-                        <p-columnFilter field="status" matchMode="equals" display="menu">
-                            <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                                <p-dropdown [ngModel]="value" [options]="statuses" (onChange)="filter($event.value)" placeholder="Any">
-                                    <ng-template let-option pTemplate="item">
-                                        <p-tag [value]="option.value" [severity]="getSeverity(option.label)" />
-                                    </ng-template>
-                                </p-dropdown>
-                            </ng-template>
-                        </p-columnFilter>
-                    </div>
-                </th>
-                <th style="min-width:10rem">
-                    <div class="flex items-center gap-2">
-                        Activity
-                        <p-columnFilter field="activity" matchMode="between" display="menu" [showMatchModes]="false" [showOperator]="false" [showAddButton]="false">
-                            <ng-template pTemplate="filter" let-filter="filterCallback">
-                                <p-slider [(ngModel)]="activityValues" [range]="true" (onSlideEnd)="filter($event.values)" styleClass="m-3" />
-                                <div class="flex items-center px-2">
-                                    <span>{{ activityValues[0] }}</span>
-                                    <span>{{ activityValues[1] }}</span>
-                                </div>
-                            </ng-template>
-                        </p-columnFilter>
-                    </div>
-                </th>
-                <th style="width: 3rem">
-                    <div class="flex items-center gap-2">
-                        Verified
-                        <p-columnFilter type="boolean" field="verified" display="menu" />
-                    </div>
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-customer>
-            <tr>
-                <td>
-                    {{ customer.name }}
-                </td>
-                <td>
-                    <div class="flex items-center gap-2">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                        <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                    </div>
-                </td>
-                <td>
-                    <div class="flex items-center gap-2">
-                        <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                        <span class="ml-1 vertical-align-middle">{{ customer.representative.name }}</span>
-                    </div>
-                </td>
-                <td>
-                    {{ customer.date | date: 'MM/dd/yyyy' }}
-                </td>
-                <td>
-                    {{ customer.balance | currency: 'USD':'symbol' }}
-                </td>
-                <td>
-                    <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                </td>
-                <td>
-                    <p-progressBar [value]="customer.activity" [showValue]="false" />
-                </td>
-                <td class="text-center">
-                    <i class="pi" [ngClass]="{ 'text-green-500 pi-check-circle': customer.verified, 'text-red-500 pi-times-circle': !customer.verified }"></i>
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="emptymessage">
-            <tr>
-                <td colspan="7">No customers found.</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Table } from 'primeng/table';
-import { Customer, Representative } from '../domain/customer';
-import { CustomerService } from '../service/customerservice';
-
-@Component({
-    selector: 'table-filter-advanced-demo',
-    templateUrl: 'table-filter-advanced-demo.html',
-    standalone: true,
-    imports: [TableModule, HttpClientModule, CommonModule, InputTextModule, TagModule,
-    DropdownModule, MultiSelectModule, ProgressBarModule, ButtonModule ],
-    providers: [CustomerService]
-})
-export class TableFilterAdvancedDemo implements OnInit {
-    customers!: Customer[];
-
-    representatives!: Representative[];
-
-    statuses!: any[];
-
-    loading: boolean = true;
-
-    activityValues: number[] = [0, 100];
-
-    searchValue: string | undefined;
-
-    constructor(private customerService: CustomerService) {}
-
-    ngOnInit() {
-        this.customerService.getCustomersLarge().then((customers) => {
-            this.customers = customers;
-            this.loading = false;
-
-            this.customers.forEach((customer) => (customer.date = new Date(<Date>customer.date)));
-        });
-
-        this.representatives = [
-            { name: 'Amy Elsner', image: 'amyelsner.png' },
-            { name: 'Anna Fali', image: 'annafali.png' },
-            { name: 'Asiya Javayant', image: 'asiyajavayant.png' },
-            { name: 'Bernardo Dominic', image: 'bernardodominic.png' },
-            { name: 'Elwin Sharvill', image: 'elwinsharvill.png' },
-            { name: 'Ioni Bowcher', image: 'ionibowcher.png' },
-            { name: 'Ivan Magalhaes', image: 'ivanmagalhaes.png' },
-            { name: 'Onyama Limba', image: 'onyamalimba.png' },
-            { name: 'Stephen Shaw', image: 'stephenshaw.png' },
-            { name: 'Xuxue Feng', image: 'xuxuefeng.png' }
-        ];
-
-        this.statuses = [
-            { label: 'Unqualified', value: 'unqualified' },
-            { label: 'Qualified', value: 'qualified' },
-            { label: 'New', value: 'new' },
-            { label: 'Negotiation', value: 'negotiation' },
-            { label: 'Renewal', value: 'renewal' },
-            { label: 'Proposal', value: 'proposal' }
-        ];
-    }
-
-    clear(table: Table) {
-        table.clear();
-        this.searchValue = ''
-    }
-
-    getSeverity(status: string) {
-        switch (status.toLowerCase()) {
-            case 'unqualified':
-                return 'danger';
-
-            case 'qualified':
-                return 'success';
-
-            case 'new':
-                return 'info';
-
-            case 'negotiation':
-                return 'warning';
-
-            case 'renewal':
-                return null;
-        }
-    }
-}`,
-        scss: `
-:host ::ng-deep {
-    .p-progressbar {
-        height: .5rem;
-        background-color: #D8DADC;
-
-        .p-progressbar-value {
-            background-color: #607D8B;
-        }
-    }
-}`,
-        data: `{
-    id: 1000,
-    name: 'James Butt',
-    country: {
-        name: 'Algeria',
-        code: 'dz'
-    },
-    company: 'Benton, John B Jr',
-    date: '2015-09-13',
-    status: 'unqualified',
-    verified: true,
-    activity: 17,
-    representative: {
-        name: 'Ioni Bowcher',
-        image: 'ionibowcher.png'
-    },
-    balance: 70663
-},
-...`,
-        service: ['CustomerService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/customer.ts',
-            content: `
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/filterbasic.ts b/src/app/showcase/doc/table/filterbasic.ts
deleted file mode 100644
index 7ee10d3..0000000
--- a/src/app/showcase/doc/table/filterbasic.ts
+++ /dev/null
@@ -1,563 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Table } from 'primeng/table';
-import { Code } from '@domain/code';
-import { Customer, Representative } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-
-@Component({
-    selector: 'filter-basic-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                Data filtering is enabled by defining the <i>filters</i> property referring to a <i>DataTableFilterMeta</i> instance. Each column to filter also requires <i>filter</i> to be enabled. Built-in filter element is a input field and using
-                <i>filterElement</i>, it is possible to customize the filtering with your own UI.
-            </p>
-            <p>The optional global filtering searches the data against a single value that is bound to the <i>global</i> key of the <i>filters</i> object. The fields to search against is defined with the <i>globalFilterFields</i>.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table
-                    #dt2
-                    [value]="customers"
-                    dataKey="id"
-                    [rows]="10"
-                    [rowsPerPageOptions]="[10, 25, 50]"
-                    [loading]="loading"
-                    [paginator]="true"
-                    [globalFilterFields]="['name', 'country.name', 'representative.name', 'status']"
-                    [tableStyle]="{ 'min-width': '75rem' }"
-                >
-                    <ng-template pTemplate="caption">
-                        <div class="flex">
-                            <p-iconField iconPosition="left" class="ml-auto">
-                                <p-inputIcon styleClass="pi pi-search"></p-inputIcon>
-                                <input pInputText type="text" (input)="dt2.filterGlobal($event.target.value, 'contains')" placeholder="Search keyword" />
-                            </p-iconField>
-                        </div>
-                    </ng-template>
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width:22%">Name</th>
-                            <th style="width:22%">Country</th>
-                            <th style="width:22%">Agent</th>
-                            <th style="width:22%">Status</th>
-                            <th style="width:12%">Verified</th>
-                        </tr>
-                        <tr>
-                            <th>
-                                <p-columnFilter type="text" field="name" placeholder="Search by name" ariaLabel="Filter Name"></p-columnFilter>
-                            </th>
-                            <th>
-                                <p-columnFilter type="text" field="country.name" placeholder="Search by country" ariaLabel="Filter Country"></p-columnFilter>
-                            </th>
-                            <th>
-                                <p-columnFilter field="representative" matchMode="in" [showMenu]="false">
-                                    <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                                        <p-multiSelect [ngModel]="value" [options]="representatives" placeholder="Any" (onChange)="filter($event.value)" optionLabel="name">
-                                            <ng-template let-option pTemplate="item">
-                                                <div class="flex items-center gap-2">
-                                                    <img [alt]="option.label" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ option.image }}" width="24" />
-                                                    <span class="ml-1 mt-1">{{ option.name }}</span>
-                                                </div>
-                                            </ng-template>
-                                        </p-multiSelect>
-                                    </ng-template>
-                                </p-columnFilter>
-                            </th>
-                            <th>
-                                <p-columnFilter field="status" matchMode="equals" [showMenu]="false">
-                                    <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                                        <p-dropdown [ngModel]="value" [options]="statuses" (onChange)="filter($event.value)" placeholder="Select One" [showClear]="true">
-                                            <ng-template let-option pTemplate="item">
-                                                <p-tag [value]="option.value" [severity]="getSeverity(option.label)" />
-                                            </ng-template>
-                                        </p-dropdown>
-                                    </ng-template>
-                                </p-columnFilter>
-                            </th>
-                            <th>
-                                <p-columnFilter type="boolean" field="verified"></p-columnFilter>
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-customer>
-                        <tr>
-                            <td>
-                                {{ customer.name }}
-                            </td>
-                            <td>
-                                <div class="flex items-center gap-2">
-                                    <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                                    <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                                </div>
-                            </td>
-                            <td>
-                                <div class="flex items-center gap-2">
-                                    <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                                    <span class="ml-1 vertical-align-middle">{{ customer.representative.name }}</span>
-                                </div>
-                            </td>
-                            <td>
-                                <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                            </td>
-                            <td>
-                                <i class="pi" [ngClass]="{ 'text-green-500 pi-check-circle': customer.verified, 'text-red-500 pi-times-circle': !customer.verified }"></i>
-                            </td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="emptymessage">
-                        <tr>
-                            <td colspan="5">No customers found.</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-filter-basic-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class FilterBasicDoc {
-    customers!: Customer[];
-
-    representatives!: Representative[];
-
-    statuses!: any[];
-
-    loading: boolean = true;
-
-    activityValues: number[] = [0, 100];
-
-    constructor(
-        private customerService: CustomerService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.customerService.getCustomersLarge().then((customers) => {
-            this.customers = customers;
-            this.loading = false;
-
-            this.customers.forEach((customer) => (customer.date = new Date(<Date>customer.date)));
-
-            this.cd.markForCheck();
-        });
-
-        this.representatives = [
-            { name: 'Amy Elsner', image: 'amyelsner.png' },
-            { name: 'Anna Fali', image: 'annafali.png' },
-            { name: 'Asiya Javayant', image: 'asiyajavayant.png' },
-            { name: 'Bernardo Dominic', image: 'bernardodominic.png' },
-            { name: 'Elwin Sharvill', image: 'elwinsharvill.png' },
-            { name: 'Ioni Bowcher', image: 'ionibowcher.png' },
-            { name: 'Ivan Magalhaes', image: 'ivanmagalhaes.png' },
-            { name: 'Onyama Limba', image: 'onyamalimba.png' },
-            { name: 'Stephen Shaw', image: 'stephenshaw.png' },
-            { name: 'Xuxue Feng', image: 'xuxuefeng.png' }
-        ];
-
-        this.statuses = [
-            { label: 'Unqualified', value: 'unqualified' },
-            { label: 'Qualified', value: 'qualified' },
-            { label: 'New', value: 'new' },
-            { label: 'Negotiation', value: 'negotiation' },
-            { label: 'Renewal', value: 'renewal' },
-            { label: 'Proposal', value: 'proposal' }
-        ];
-    }
-
-    clear(table: Table) {
-        table.clear();
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'unqualified':
-                return 'danger';
-
-            case 'qualified':
-                return 'success';
-
-            case 'new':
-                return 'info';
-
-            case 'negotiation':
-                return 'warning';
-
-            case 'renewal':
-                return null;
-        }
-    }
-
-    code: Code = {
-        basic: `<p-table
-        #dt2
-        [value]="customers"
-        dataKey="id"
-        [rows]="10"
-        [rowsPerPageOptions]="[10, 25, 50]"
-        [loading]="loading"
-        [paginator]="true"
-        [globalFilterFields]="['name', 'country.name', 'representative.name', 'status']"
-        [tableStyle]="{ 'min-width': '75rem' }"
-    >
-        <ng-template pTemplate="caption">
-            <div class="flex">
-                <p-iconField iconPosition="left" class="ml-auto">
-                    <p-inputIcon styleClass="pi pi-search"></p-inputIcon>
-                    <input pInputText type="text" (input)="dt2.filterGlobal($event.target.value, 'contains')" placeholder="Search keyword" />
-            </div>
-        </ng-template>
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="width:22%">Name</th>
-                <th style="width:22%">Country</th>
-                <th style="width:22%">Agent</th>
-                <th style="width:22%">Status</th>
-                <th style="width:12%">Verified</th>
-            </tr>
-            <tr>
-                <th>
-                    <p-columnFilter
-                        type="text"
-                        field="name"
-                        placeholder="Search by name"
-                        ariaLabel="Filter Name" />
-                </th>
-                <th>
-                    <p-columnFilter
-                        type="text"
-                        field="country.name"
-                        placeholder="Search by country"
-                        ariaLabel="Filter Country" />
-                </th>
-                <th>
-                    <p-columnFilter field="representative" matchMode="in" [showMenu]="false">
-                        <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                            <p-multiSelect
-                                [ngModel]="value"
-                                [options]="representatives"
-                                placeholder="Any"
-                                (onChange)="filter($event.value)"
-                                optionLabel="name">
-                                    <ng-template let-option pTemplate="item">
-                                        <div class="flex items-center gap-2">
-                                            <img [alt]="option.label" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ option.image }}" width="24" />
-                                            <span class="ml-1 mt-1">{{ option.name }}</span>
-                                        </div>
-                                    </ng-template>
-                            </p-multiSelect>
-                        </ng-template>
-                    </p-columnFilter>
-                </th>
-                <th>
-                    <p-columnFilter field="status" matchMode="equals" [showMenu]="false">
-                        <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                            <p-dropdown
-                                [ngModel]="value"
-                                [options]="statuses"
-                                (onChange)="filter($event.value)"
-                                placeholder="Select One"
-                                [showClear]="true">
-                                    <ng-template let-option pTemplate="item">
-                                        <p-tag
-                                            [value]="option.value"
-                                            [severity]="getSeverity(option.label)" />
-                                    </ng-template>
-                            </p-dropdown>
-                        </ng-template>
-                    </p-columnFilter>
-                </th>
-                <th>
-                    <p-columnFilter type="boolean" field="verified">
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-customer>
-            <tr>
-                <td>
-                    {{ customer.name }}
-                </td>
-                <td>
-                    <div class="flex items-center gap-2">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                        <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                    </div>
-                </td>
-                <td>
-                    <div class="flex items-center gap-2">
-                        <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                        <span class="ml-1 vertical-align-middle">{{ customer.representative.name }}</span>
-                    </div>
-                </td>
-                <td>
-                    <p-tag
-                        [value]="customer.status"
-                        [severity]="getSeverity(customer.status)" />
-                </td>
-                <td>
-                    <i class="pi" [ngClass]="{ 'text-green-500 pi-check-circle': customer.verified, 'text-red-500 pi-times-circle': !customer.verified }"></i>
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="emptymessage">
-            <tr>
-                <td colspan="5">No customers found.</td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table
-        #dt2
-        [value]="customers"
-        dataKey="id"
-        [rows]="10"
-        [rowsPerPageOptions]="[10, 25, 50]"
-        [loading]="loading"
-        [paginator]="true"
-        [globalFilterFields]="['name', 'country.name', 'representative.name', 'status']"
-        [tableStyle]="{ 'min-width': '75rem' }"
-    >
-    <ng-template pTemplate="caption">
-        <div class="flex">
-            <p-iconField iconPosition="left" class="ml-auto">
-                <p-inputIcon styleClass="pi pi-search"></p-inputIcon>
-                <input pInputText type="text" (input)="dt2.filterGlobal($event.target.value, 'contains')" placeholder="Search keyword" />
-            </p-iconField>
-        </div>
-    </ng-template>
-    <ng-template pTemplate="header">
-        <tr>
-            <th style="width:22%">Name</th>
-            <th style="width:22%">Country</th>
-            <th style="width:22%">Agent</th>
-            <th style="width:22%">Status</th>
-            <th style="width:12%">Verified</th>
-        </tr>
-        <tr>
-            <th>
-                <p-columnFilter
-                    type="text"
-                    field="name"
-                    placeholder="Search by name"
-                    ariaLabel="Filter Name" />
-            </th>
-            <th>
-                <p-columnFilter
-                    type="text"
-                    field="country.name"
-                    placeholder="Search by country"
-                    ariaLabel="Filter Country" />
-            </th>
-            <th>
-                <p-columnFilter field="representative" matchMode="in" [showMenu]="false">
-                    <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                        <p-multiSelect
-                            [ngModel]="value"
-                            [options]="representatives"
-                            placeholder="Any"
-                            (onChange)="filter($event.value)"
-                            optionLabel="name">
-                                <ng-template let-option pTemplate="item">
-                                    <div class="flex items-center gap-2">
-                                        <img [alt]="option.label" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ option.image }}" width="24" />
-                                        <span class="ml-1 mt-1">{{ option.name }}</span>
-                                    </div>
-                                </ng-template>
-                        </p-multiSelect>
-                    </ng-template>
-                </p-columnFilter>
-            </th>
-            <th>
-                <p-columnFilter field="status" matchMode="equals" [showMenu]="false">
-                    <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                        <p-dropdown
-                            [ngModel]="value"
-                            [options]="statuses"
-                            (onChange)="filter($event.value)"
-                            placeholder="Select One"
-                            [showClear]="true">
-                                <ng-template let-option pTemplate="item">
-                                    <p-tag
-                                        [value]="option.value"
-                                        [severity]="getSeverity(option.label)" />
-                                </ng-template>
-                        </p-dropdown>
-                    </ng-template>
-                </p-columnFilter>
-            </th>
-            <th>
-                <p-columnFilter type="boolean" field="verified" />
-            </th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-customer>
-        <tr>
-            <td>
-                {{ customer.name }}
-            </td>
-            <td>
-                <div class="flex items-center gap-2">
-                    <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                    <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                </div>
-            </td>
-            <td>
-                <div class="flex items-center gap-2">
-                    <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                    <span class="ml-1 vertical-align-middle">{{ customer.representative.name }}</span>
-                </div>
-            </td>
-            <td>
-                <p-tag
-                    [value]="customer.status"
-                    [severity]="getSeverity(customer.status)" />
-            </td>
-            <td>
-                <i class="pi" [ngClass]="{ 'text-green-500 pi-check-circle': customer.verified, 'text-red-500 pi-times-circle': !customer.verified }"></i>
-            </td>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="emptymessage">
-        <tr>
-            <td colspan="5">No customers found.</td>
-        </tr>
-    </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Table } from 'primeng/table';
-import { Customer, Representative } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-import { TagModule } from 'primeng/tag';
-import { IconFieldModule } from 'primeng/iconfield';
-import { InputIconModule } from 'primeng/inputicon';
-import { HttpClientModule } from '@angular/common/http';
-import { InputTextModule } from 'primeng/inputtext';
-import { MultiSelectModule } from 'primeng/multiselect';
-import { DropdownModule } from 'primeng/dropdown';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'table-filter-basic-demo',
-    templateUrl: 'table-filter-basic-demo.html',
-    standalone: true,
-    imports: [TableModule, TagModule, IconFieldModule, InputTextModule, InputIconModule, MultiSelectModule, DropdownModule, HttpClientModule, CommonModule],
-    providers: [CustomerService]
-})
-export class TableFilterBasicDemo implements OnInit {
-    customers!: Customer[];
-
-    representatives!: Representative[];
-
-    statuses!: any[];
-
-    loading: boolean = true;
-
-    activityValues: number[] = [0, 100];
-
-    constructor(private customerService: CustomerService) {}
-
-    ngOnInit() {
-        this.customerService.getCustomersLarge().then((customers) => {
-            this.customers = customers;
-            this.loading = false;
-
-            this.customers.forEach((customer) => (customer.date = new Date(<Date>customer.date)));
-        });
-
-        this.representatives = [
-            { name: 'Amy Elsner', image: 'amyelsner.png' },
-            { name: 'Anna Fali', image: 'annafali.png' },
-            { name: 'Asiya Javayant', image: 'asiyajavayant.png' },
-            { name: 'Bernardo Dominic', image: 'bernardodominic.png' },
-            { name: 'Elwin Sharvill', image: 'elwinsharvill.png' },
-            { name: 'Ioni Bowcher', image: 'ionibowcher.png' },
-            { name: 'Ivan Magalhaes', image: 'ivanmagalhaes.png' },
-            { name: 'Onyama Limba', image: 'onyamalimba.png' },
-            { name: 'Stephen Shaw', image: 'stephenshaw.png' },
-            { name: 'Xuxue Feng', image: 'xuxuefeng.png' }
-        ];
-
-        this.statuses = [
-            { label: 'Unqualified', value: 'unqualified' },
-            { label: 'Qualified', value: 'qualified' },
-            { label: 'New', value: 'new' },
-            { label: 'Negotiation', value: 'negotiation' },
-            { label: 'Renewal', value: 'renewal' },
-            { label: 'Proposal', value: 'proposal' }
-        ];
-    }
-
-    clear(table: Table) {
-        table.clear();
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'unqualified':
-                return 'danger';
-
-            case 'qualified':
-                return 'success';
-
-            case 'new':
-                return 'info';
-
-            case 'negotiation':
-                return 'warning';
-
-            case 'renewal':
-                return null;
-        }
-    }
-}`,
-        data: `{
-    id: 1000,
-    name: 'James Butt',
-    country: {
-        name: 'Algeria',
-        code: 'dz'
-    },
-    company: 'Benton, John B Jr',
-    date: '2015-09-13',
-    status: 'unqualified',
-    verified: true,
-    activity: 17,
-    representative: {
-        name: 'Ioni Bowcher',
-        image: 'ionibowcher.png'
-    },
-    balance: 70663
-},
-...`,
-        service: ['CustomerService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/customer.ts',
-            content: `
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/filtersorteditdoc.ts b/src/app/showcase/doc/table/filtersorteditdoc.ts
deleted file mode 100644
index 7079390..0000000
--- a/src/app/showcase/doc/table/filtersorteditdoc.ts
+++ /dev/null
@@ -1,372 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'filter-sort-edit-doc',
-    template: ` <app-docsectiontext>
-            <p>Cell Editing with Sorting and Filter</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" dataKey="id" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th pSortableColumn="code" style="width:25%">Code <p-sortIcon field="code" /></th>
-                            <th pSortableColumn="name" style="width:25%">Name <p-sortIcon field="name" /></th>
-                            <th pSortableColumn="category" style="width:25%">Quantity <p-sortIcon field="quantity" /></th>
-                            <th pSortableColumn="quantity" style="width:25%">Price <p-sortIcon field="price" /></th>
-                        </tr>
-                        <tr>
-                            <th>
-                                <p-columnFilter type="text" field="code" [showClearButton]="false" />
-                            </th>
-                            <th>
-                                <p-columnFilter type="text" field="name" [showClearButton]="false" />
-                            </th>
-                            <th>
-                                <p-columnFilter type="text" field="quantity" [showClearButton]="false" />
-                            </th>
-                            <th>
-                                <p-columnFilter type="text" field="price" [showClearButton]="false" />
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product let-editing="editing">
-                        <tr>
-                            <td [pEditableColumn]="product.code" pEditableColumnField="code">
-                                <p-cellEditor>
-                                    <ng-template pTemplate="input">
-                                        <input pInputText type="text" [(ngModel)]="product.code" />
-                                    </ng-template>
-                                    <ng-template pTemplate="output">
-                                        {{ product.code }}
-                                    </ng-template>
-                                </p-cellEditor>
-                            </td>
-                            <td [pEditableColumn]="product.name" pEditableColumnField="name">
-                                <p-cellEditor>
-                                    <ng-template pTemplate="input">
-                                        <input pInputText type="text" [(ngModel)]="product.name" required />
-                                    </ng-template>
-                                    <ng-template pTemplate="output">
-                                        {{ product.name }}
-                                    </ng-template>
-                                </p-cellEditor>
-                            </td>
-                            <td [pEditableColumn]="product.quantity" pEditableColumnField="quantity">
-                                <p-cellEditor>
-                                    <ng-template pTemplate="input">
-                                        <input pInputText [(ngModel)]="product.quantity" (keydown.enter)="onEdit($event)" />
-                                    </ng-template>
-                                    <ng-template pTemplate="output">
-                                        {{ product.quantity }}
-                                    </ng-template>
-                                </p-cellEditor>
-                            </td>
-                            <td [pEditableColumn]="product.price" pEditableColumnField="price">
-                                <p-cellEditor>
-                                    <ng-template pTemplate="input">
-                                        <input pInputText type="text" [(ngModel)]="product.price" (keydown.enter)="onEdit($event)" />
-                                    </ng-template>
-                                    <ng-template pTemplate="output">
-                                        {{ product.price | currency: 'USD' }}
-                                    </ng-template>
-                                </p-cellEditor>
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-filter-sort-edit-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    styles: [
-        `
-            :host ::ng-deep .p-cell-editing {
-                padding-top: 0 !important;
-                padding-bottom: 0 !important;
-            }
-        `
-    ]
-})
-export class FilterSortEditDoc {
-    products!: Product[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    onEdit(event) {
-        if (!this.isPositiveInteger(event.target.value)) {
-            event.stopPropagation();
-        }
-    }
-
-    isPositiveInteger(val) {
-        let str = String(val);
-
-        str = str.trim();
-
-        if (!str) {
-            return false;
-        }
-
-        str = str.replace(/^0+/, '') || '0';
-        var n = Math.floor(Number(str));
-
-        return n !== Infinity && String(n) === str && n >= 0;
-    }
-
-    code: Code = {
-        basic: `<p-table [value]="products" dataKey="id" [tableStyle]="{ 'min-width': '50rem' }">
-    <ng-template pTemplate="header">
-        <tr>
-            <th pSortableColumn="code" style="width:25%">
-                Code <p-sortIcon field="code" />
-            </th>
-            <th pSortableColumn="name" style="width:25%">
-                Name <p-sortIcon field="name" />
-            </th>
-            <th pSortableColumn="category" style="width:25%">
-                Quantity <p-sortIcon field="quantity" />
-            </th>
-            <th pSortableColumn="quantity" style="width:25%">
-                Price <p-sortIcon field="price" />
-            </th>
-        </tr>
-        <tr>
-            <th>
-                <p-columnFilter type="text" field="code" [showClearButton]="false" />
-            </th>
-            <th>
-                <p-columnFilter type="text" field="name" [showClearButton]="false" />
-            </th>
-            <th>
-                <p-columnFilter type="text" field="quantity" [showClearButton]="false" />
-            </th>
-            <th>
-                <p-columnFilter type="text" field="price" [showClearButton]="false" />
-            </th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-product let-editing="editing">
-        <tr>
-            <td [pEditableColumn]="product.code" pEditableColumnField="code">
-                <p-cellEditor>
-                    <ng-template pTemplate="input">
-                        <input pInputText type="text" [(ngModel)]="product.code" />
-                    </ng-template>
-                    <ng-template pTemplate="output">
-                        {{ product.code }}
-                    </ng-template>
-                </p-cellEditor>
-            </td>
-            <td [pEditableColumn]="product.name" pEditableColumnField="name">
-                <p-cellEditor>
-                    <ng-template pTemplate="input">
-                        <input pInputText type="text" [(ngModel)]="product.name" required />
-                    </ng-template>
-                    <ng-template pTemplate="output">
-                        {{ product.name }}
-                    </ng-template>
-                </p-cellEditor>
-            </td>
-            <td [pEditableColumn]="product.quantity" pEditableColumnField="quantity">
-                <p-cellEditor>
-                    <ng-template pTemplate="input">
-                        <input pInputText [(ngModel)]="product.quantity" (keydown.enter)="onEdit($event)" />
-                    </ng-template>
-                    <ng-template pTemplate="output">
-                        {{ product.quantity }}
-                    </ng-template>
-                </p-cellEditor>
-            </td>
-            <td [pEditableColumn]="product.price" pEditableColumnField="price">
-                <p-cellEditor>
-                    <ng-template pTemplate="input">
-                        <input pInputText type="text" [(ngModel)]="product.price" (keydown.enter)="onEdit($event)" />
-                    </ng-template>
-                    <ng-template pTemplate="output">
-                        {{ product.price | currency : 'USD' }}
-                    </ng-template>
-                </p-cellEditor>
-            </td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table [value]="products" dataKey="id" [tableStyle]="{ 'min-width': '50rem' }">
-        <ng-template pTemplate="header">
-            <tr>
-                <th pSortableColumn="code" style="width:25%">
-                    Code <p-sortIcon field="code" />
-                </th>
-                <th pSortableColumn="name" style="width:25%">
-                    Name <p-sortIcon field="name" />
-                </th>
-                <th pSortableColumn="category" style="width:25%">
-                    Quantity <p-sortIcon field="quantity" />
-                </th>
-                <th pSortableColumn="quantity" style="width:25%">
-                    Price <p-sortIcon field="price" />
-                </th>
-            </tr>
-            <tr>
-                <th>
-                    <p-columnFilter type="text" field="code" [showClearButton]="false" />
-                </th>
-                <th>
-                    <p-columnFilter type="text" field="name" [showClearButton]="false" />
-                </th>
-                <th>
-                    <p-columnFilter type="text" field="quantity" [showClearButton]="false" />
-                </th>
-                <th>
-                    <p-columnFilter type="text" field="price" [showClearButton]="false" />
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product let-editing="editing">
-            <tr>
-                <td [pEditableColumn]="product.code" pEditableColumnField="code">
-                    <p-cellEditor>
-                        <ng-template pTemplate="input">
-                            <input pInputText type="text" [(ngModel)]="product.code" />
-                        </ng-template>
-                        <ng-template pTemplate="output">
-                            {{ product.code }}
-                        </ng-template>
-                    </p-cellEditor>
-                </td>
-                <td [pEditableColumn]="product.name" pEditableColumnField="name">
-                    <p-cellEditor>
-                        <ng-template pTemplate="input">
-                            <input pInputText type="text" [(ngModel)]="product.name" required />
-                        </ng-template>
-                        <ng-template pTemplate="output">
-                            {{ product.name }}
-                        </ng-template>
-                    </p-cellEditor>
-                </td>
-                <td [pEditableColumn]="product.quantity" pEditableColumnField="quantity">
-                    <p-cellEditor>
-                        <ng-template pTemplate="input">
-                            <input pInputText [(ngModel)]="product.quantity" (keydown.enter)="onEdit($event)" />
-                        </ng-template>
-                        <ng-template pTemplate="output">
-                            {{ product.quantity }}
-                        </ng-template>
-                    </p-cellEditor>
-                </td>
-                <td [pEditableColumn]="product.price" pEditableColumnField="price">
-                    <p-cellEditor>
-                        <ng-template pTemplate="input">
-                            <input pInputText type="text" [(ngModel)]="product.price" (keydown.enter)="onEdit($event)" />
-                        </ng-template>
-                        <ng-template pTemplate="output">
-                            {{ product.price | currency : 'USD' }}
-                        </ng-template>
-                    </p-cellEditor>
-                </td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'table-filter-sort-edit-demo',
-    templateUrl: 'table-filter-sort-edit-demo.html',
-    standalone: true,
-    imports: [TableModule, InputTextModule, CommonModule],
-    providers: [ProductService],
-    styles: [
-        \`:host ::ng-deep .p-cell-editing {
-            padding-top: 0 !important;
-            padding-bottom: 0 !important;
-        }\`
-    ],
-})
-export class TableFilterSortEditDemo implements OnInit {
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    }
-
-    onEdit(event) {
-        if (!this.isPositiveInteger(event.target.value)) {
-            event.stopPropagation();
-        }
-    }
-
-    isPositiveInteger(val) {
-        let str = String(val);
-
-        str = str.trim();
-
-        if (!str) {
-            return false;
-        }
-
-        str = str.replace(/^0+/, '') || '0';
-        var n = Math.floor(Number(str));
-
-        return n !== Infinity && String(n) === str && n >= 0;
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/flexiblescrolldoc.ts b/src/app/showcase/doc/table/flexiblescrolldoc.ts
deleted file mode 100644
index 456285c..0000000
--- a/src/app/showcase/doc/table/flexiblescrolldoc.ts
+++ /dev/null
@@ -1,286 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-
-@Component({
-    selector: 'flexible-scroll-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                Flex scroll feature makes the scrollable viewport section dynamic instead of a fixed value so that it can grow or shrink relative to the parent size of the table. Click the button below to display a maximizable Dialog where data
-                viewport adjusts itself according to the size changes.
-            </p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <div class="flex justify-center">
-                    <button type="button" (click)="showDialog()" pButton icon="pi pi-external-link" label="View"></button>
-                </div>
-                <p-dialog header="Header" [resizable]="false" [modal]="true" [maximizable]="true" appendTo="body" [(visible)]="dialogVisible" [style]="{ width: '75vw' }" [contentStyle]="{ height: '300px' }">
-                    <p-table [value]="customers" [scrollable]="true" scrollHeight="flex" [tableStyle]="{ 'min-width': '50rem' }">
-                        <ng-template pTemplate="header">
-                            <tr>
-                                <th>Name</th>
-                                <th>Country</th>
-                                <th>Company</th>
-                                <th>Representative</th>
-                            </tr>
-                        </ng-template>
-                        <ng-template pTemplate="body" let-customer>
-                            <tr>
-                                <td>{{ customer.name }}</td>
-                                <td>{{ customer.country.name }}</td>
-                                <td>{{ customer.company }}</td>
-                                <td>{{ customer.representative.name }}</td>
-                            </tr>
-                        </ng-template>
-                    </p-table>
-                    <ng-template pTemplate="footer">
-                        <button type="button" pButton pRipple icon="pi pi-times" (click)="dialogVisible = false" label="Dismiss" class="p-button-text"></button>
-                    </ng-template>
-                </p-dialog>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-flexible-scroll-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class FlexibleScrollDoc {
-    customers!: Customer[];
-
-    dialogVisible: boolean = false;
-
-    constructor(
-        private customerService: CustomerService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.customerService.getCustomersMedium().then((data) => {
-            this.customers = data;
-        });
-    }
-
-    showDialog() {
-        this.dialogVisible = true;
-    }
-
-    code: Code = {
-        basic: `<div class="flex justify-center">
-    <button 
-        type="button" 
-        (click)="showDialog()" 
-        pButton 
-        icon="pi pi-external-link" 
-        label="View">
-    </button>
-</div>
-<p-dialog 
-    header="Header" 
-    [resizable]="false" 
-    [modal]="true" 
-    [maximizable]="true" 
-    appendTo="body" 
-    [(visible)]="dialogVisible" 
-    [style]="{width: '75vw'}" 
-    [contentStyle]="{height: '300px'}">
-        <p-table 
-            [value]="customers" 
-            [scrollable]="true" 
-            scrollHeight="flex" 
-            [tableStyle]="{'min-width': '50rem'}">
-                <ng-template pTemplate="header">
-                    <tr>
-                        <th>
-                            Name
-                        </th>
-                        <th>
-                            Country
-                        </th>
-                        <th>
-                            Company
-                        </th>
-                        <th>
-                            Representative
-                        </th>
-                    </tr>
-                </ng-template>
-                <ng-template pTemplate="body" let-customer>
-                    <tr>
-                        <td>
-                            {{customer.name}}
-                        </td>
-                        <td>
-                            {{customer.country.name}}
-                        </td>
-                        <td>
-                            {{customer.company}}
-                        </td>
-                        <td>
-                            {{customer.representative.name}}
-                        </td>
-                    </tr>
-                </ng-template>
-        </p-table>
-        <ng-template pTemplate="footer">
-            <button 
-                type="button" 
-                pButton 
-                pRipple 
-                icon="pi pi-times" 
-                (click)="dialogVisible=false" 
-                label="Dismiss" 
-                class="p-button-text">
-            </button>
-        </ng-template>
-</p-dialog>`,
-        html: `<div class="card">
-    <div class="flex justify-center">
-        <button 
-            type="button" 
-            (click)="showDialog()" 
-            pButton 
-            icon="pi pi-external-link" 
-            label="View">
-        </button>
-    </div>
-    <p-dialog 
-        header="Header" 
-        [resizable]="false" 
-        [modal]="true" 
-        [maximizable]="true" 
-        appendTo="body" 
-        [(visible)]="dialogVisible" 
-        [style]="{width: '75vw'}" 
-        [contentStyle]="{height: '300px'}">
-            <p-table 
-                [value]="customers" 
-                [scrollable]="true"
-                scrollHeight="flex" 
-                [tableStyle]="{'min-width': '50rem'}">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>
-                                Name
-                            </th>
-                            <th>
-                                Country
-                            </th>
-                            <th>
-                                Company
-                            </th>
-                            <th>
-                                Representative
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-customer>
-                        <tr>
-                            <td>
-                                {{customer.name}}
-                            </td>
-                            <td>
-                                {{customer.country.name}}
-                            </td>
-                            <td>
-                                {{customer.company}}
-                            </td>
-                            <td>
-                                {{customer.representative.name}}
-                            </td>
-                        </tr>
-                    </ng-template>
-            </p-table>
-            <ng-template pTemplate="footer">
-                <button 
-                    type="button"
-                    pButton
-                    pRipple 
-                    icon="pi pi-times" 
-                    (click)="dialogVisible=false" 
-                    label="Dismiss" 
-                    class="p-button-text">
-                </button>
-            </ng-template>
-    </p-dialog>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-import { ButtonModule } from 'primeng/button';
-import { HttpClientModule } from '@angular/common/http';
-
-@Component({
-    selector: 'table-flexible-scroll-demo',
-    templateUrl: 'table-flexible-scroll-demo.html',
-    standalone: true,
-    imports: [TableModule, DialogModule, ButtonModule, HttpClientModule],
-    providers: [CustomerService]
-})
-export class TableFlexibleScrollDemo implements OnInit{
-    customers!: Customer[];
-
-    dialogVisible: boolean = false;
-
-    constructor(private customerService: CustomerService) {}
-
-    ngOnInit() {
-        this.customerService.getCustomersMedium().then((data) => {
-            this.customers = data;
-        });
-    }
-
-    showDialog() {
-        this.dialogVisible = true;
-    }
-}`,
-        data: `{
-    id: 1000,
-    name: 'James Butt',
-    country: {
-        name: 'Algeria',
-        code: 'dz'
-    },
-    company: 'Benton, John B Jr',
-    date: '2015-09-13',
-    status: 'unqualified',
-    verified: true,
-    activity: 17,
-    representative: {
-        name: 'Ioni Bowcher',
-        image: 'ionibowcher.png'
-    },
-    balance: 70663
-},
-...`,
-        service: ['CustomerService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/customer.ts',
-            content: `
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/frozencolumnsdoc.ts b/src/app/showcase/doc/table/frozencolumnsdoc.ts
deleted file mode 100644
index a06eb55..0000000
--- a/src/app/showcase/doc/table/frozencolumnsdoc.ts
+++ /dev/null
@@ -1,239 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-
-@Component({
-    selector: 'frozen-columns-doc',
-    template: ` <app-docsectiontext>
-        <p>Certain columns can be frozen by using the <i>pFrozenColumn</i> directive of the table component. In addition, <i>alignFrozen</i> is available to define whether the column should be fixed on the left or right.</p>
-    </app-docsectiontext>
-    <p-deferred-demo (load)="loadDemoData()">
-        <div class="card">
-            <p-toggleButton [(ngModel)]="balanceFrozen" [onIcon]="'pi pi-lock'" offIcon="pi pi-lock-open" [onLabel]="'Balance'" offLabel="Balance" />
-
-            <p-table [value]="customers" [scrollable]="true" scrollHeight="400px" styleClass="mt-3">
-                <ng-template pTemplate="header">
-                    <tr>
-                        <th style="min-width:100px" pFrozenColumn>Name</th>
-                        <th style="min-width:50px" pFrozenColumn>Id</th>
-                        <th style="min-width:100px" >Country</th>
-                        <th style="min-width:100px" >Date</th>
-                        <th style="min-width:100px" >Company</th>
-                        <th style="min-width:100px" >Status</th>
-                        <th style="min-width:100px" >Activity</th>
-                        <th style="min-width:100px" >Representative</th>
-                        <th style="min-width:100px"  alignFrozen="right" pFrozenColumn [frozen]="balanceFrozen">Balance</th>
-                    </tr>
-                </ng-template>
-                <ng-template pTemplate="body" let-customer>
-                    <tr>
-                        <td pFrozenColumn>{{ customer.name }}</td>
-                        <td pFrozenColumn>{{ customer.id }}</td>
-                        <td>{{ customer.country.name }}</td>
-                        <td>{{ customer.date }}</td>
-                        <td>{{ customer.company }}</td>
-                        <td>{{ customer.status }}</td>
-                        <td>{{ customer.activity }}</td>
-                        <td>{{ customer.representative.name }}</td>
-                        <td alignFrozen="right" pFrozenColumn [frozen]="balanceFrozen">{{ formatCurrency(customer.balance) }}</td>
-                    </tr>
-                </ng-template>
-            </p-table>
-        </div>
-    </p-deferred-demo>
-    <app-code [code]="code" selector="table-frozen-columns-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class FrozenColumnsDoc {
-    balanceFrozen: boolean = false;
-
-    customers!: Customer[];
-
-    constructor(
-        private customerService: CustomerService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.customerService.getCustomersMedium().then((data) => {
-            this.customers = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    formatCurrency(value: number) {
-        return value.toLocaleString('en-US', { style: 'currency', currency: 'USD' });
-    }
-
-    code: Code = {
-        basic: `<p-toggleButton
-    [(ngModel)]="balanceFrozen"
-    [onIcon]="'pi pi-lock'"
-    offIcon="pi pi-lock-open"
-    [onLabel]="'Balance'"
-    offLabel="Balance" />
-
-<p-table [value]="customers" [scrollable]="true" scrollHeight="400px" styleClass="mt-3">
-    <ng-template pTemplate="header">
-        <tr>
-            <th style="min-width:100px" pFrozenColumn>Name</th>
-            <th style="min-width:50px" >Id</th>
-            <th style="min-width:100px">Country</th>
-            <th style="min-width:100px">Date</th>
-            <th style="min-width:100px">Company</th>
-            <th style="min-width:100px">Status</th>
-            <th style="min-width:100px">Activity</th>
-            <th style="min-width:100px">Representative</th>
-            <th style="min-width:100px" alignFrozen="right" pFrozenColumn [frozen]="balanceFrozen">Balance</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-customer>
-        <tr>
-            <td pFrozenColumn>{{customer.name}}</td>
-            <td>{{customer.id}}</td>
-            <td>{{customer.country.name}}</td>
-            <td>{{customer.date}}</td>
-            <td>{{customer.company}}</td>
-            <td>{{customer.status}}</td>
-            <td>{{customer.activity}}</td>
-            <td >{{customer.representative.name}}</td>
-            <td alignFrozen="right" pFrozenColumn [frozen]="balanceFrozen">{{formatCurrency(customer.balance)}}</td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-toggleButton
-        [(ngModel)]="balanceFrozen"
-        [onIcon]="'pi pi-lock'"
-        offIcon="pi pi-lock-open"
-        [onLabel]="'Balance'"
-        offLabel="Balance" />
-
-    <p-table [value]="customers" [scrollable]="true" scrollHeight="400px" styleClass="mt-3">
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="min-width:100px" pFrozenColumn>Name</th>
-                <th style="min-width:50px" >Id</th>
-                <th style="min-width:100px">Country</th>
-                <th style="min-width:100px">Date</th>
-                <th style="min-width:100px">Company</th>
-                <th style="min-width:100px">Status</th>
-                <th style="min-width:100px">Activity</th>
-                <th style="min-width:100px">Representative</th>
-                <th style="min-width:100px" alignFrozen="right" pFrozenColumn [frozen]="balanceFrozen">Balance</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-customer>
-            <tr>
-                <td pFrozenColumn>{{customer.name}}</td>
-                <td>{{customer.id}}</td>
-                <td>{{customer.country.name}}</td>
-                <td>{{customer.date}}</td>
-                <td>{{customer.company}}</td>
-                <td>{{customer.status}}</td>
-                <td>{{customer.activity}}</td>
-                <td >{{customer.representative.name}}</td>
-                <td alignFrozen="right" pFrozenColumn [frozen]="balanceFrozen">{{formatCurrency(customer.balance)}}</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-import { TableModule } from 'primeng/table';
-import { ToggleButtonModule } from 'primeng/togglebutton';
-import { FormsModule } from '@angular/forms';
-import { HttpClientModule } from '@angular/common/http';
-
-@Component({
-    selector: 'table-frozen-columns-demo',
-    templateUrl: 'table-frozen-columns-demo.html',
-    standalone: true,
-    imports: [TableModule, ToggleButtonModule, FormsModule, HttpClientModule],
-    providers: [CustomerService],
-    styles: [
-        \`:host ::ng-deep  .p-frozen-column {
-            font-weight: bold;
-        }
-        :host ::ng-deep .p-datatable-frozen-tbody {
-            font-weight: bold;
-        }\`
-    ],
-})
-export class TableFrozenColumnsDemo implements OnInit{
-    balanceFrozen: boolean = false;
-
-    customers!: Customer[];
-
-    constructor(private customerService: CustomerService) {}
-
-    ngOnInit() {
-        this.customerService.getCustomersMedium().then((data) => {
-            this.customers = data;
-        });
-    }
-
-    formatCurrency(value: number) {
-        return value.toLocaleString('en-US', { style: 'currency', currency: 'USD' });
-    }
-}`,
-        scss: `
-:host ::ng-deep  .p-frozen-column {
-    font-weight: bold;
-}
-:host ::ng-deep .p-datatable-frozen-tbody {
-    font-weight: bold;
-}`,
-        data: `{
-    id: 1000,
-    name: 'James Butt',
-    country: {
-        name: 'Algeria',
-        code: 'dz'
-    },
-    company: 'Benton, John B Jr',
-    date: '2015-09-13',
-    status: 'unqualified',
-    verified: true,
-    activity: 17,
-    representative: {
-        name: 'Ioni Bowcher',
-        image: 'ionibowcher.png'
-    },
-    balance: 70663
-},
-...`,
-        service: ['CustomerService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/customer.ts',
-            content: `
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/frozenrowsdoc.ts b/src/app/showcase/doc/table/frozenrowsdoc.ts
deleted file mode 100644
index 8cb188e..0000000
--- a/src/app/showcase/doc/table/frozenrowsdoc.ts
+++ /dev/null
@@ -1,319 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-
-@Component({
-    selector: 'frozen-rows-doc',
-    template: ` <app-docsectiontext>
-            <p>Frozen rows are used to fix certain rows while scrolling, this data is defined with the <i>frozenValue</i> property.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="unlockedCustomers" [frozenValue]="lockedCustomers" [scrollable]="true" scrollHeight="400px" [tableStyle]="{ 'min-width': '60rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Name</th>
-                            <th>Country</th>
-                            <th>Company</th>
-                            <th>Representative</th>
-                            <th style="width:5rem"></th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="frozenbody" let-customer let-index="rowIndex">
-                        <tr>
-                            <td>{{ customer.name }}</td>
-                            <td>{{ customer.country.name }}</td>
-                            <td>{{ customer.company }}</td>
-                            <td>{{ customer.representative.name }}</td>
-                            <td>
-                                <button pButton pRipple type="button" [icon]="'pi pi-lock-open'" (click)="toggleLock(customer, true, index)" class="p-button-sm p-button-text"></button>
-                            </td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-customer let-index="rowIndex">
-                        <tr>
-                            <td>{{ customer.name }}</td>
-                            <td>{{ customer.country.name }}</td>
-                            <td>{{ customer.company }}</td>
-                            <td>{{ customer.representative.name }}</td>
-                            <td>
-                                <button pButton pRipple type="button" [icon]="'pi pi-lock'" [disabled]="lockedCustomers.length >= 2" (click)="toggleLock(customer, false, index)" class="p-button-sm p-button-text"></button>
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-frozen-rows-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class FrozenRowsDoc {
-    unlockedCustomers!: Customer[];
-
-    lockedCustomers!: Customer[];
-
-    constructor(
-        private customerService: CustomerService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.customerService.getCustomersMedium().then((data) => {
-            this.unlockedCustomers = data;
-            this.cd.markForCheck();
-        });
-
-        this.lockedCustomers = [
-            {
-                id: 5135,
-                name: 'Geraldine Bisset',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'Bisset Group',
-                status: 'proposal',
-                date: '2019-05-05',
-                activity: 0,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                }
-            }
-        ];
-    }
-
-    toggleLock(data: Customer, frozen: boolean, index: number) {
-        if (frozen) {
-            this.lockedCustomers = this.lockedCustomers.filter((c, i) => i !== index);
-            this.unlockedCustomers.push(data);
-        } else {
-            this.unlockedCustomers = this.unlockedCustomers.filter((c, i) => i !== index);
-            this.lockedCustomers.push(data);
-        }
-
-        this.unlockedCustomers.sort((val1, val2) => {
-            return val1.id < val2.id ? -1 : 1;
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table 
-    [value]="unlockedCustomers" 
-    [frozenValue]="lockedCustomers" 
-    [scrollable]="true" 
-    scrollHeight="400px" 
-    [tableStyle]="{'min-width': '60rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Name</th>
-                <th>Country</th>
-                <th>Company</th>
-                <th>Representative</th>
-                <th style="width:5rem"></th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="frozenbody" let-customer let-index="rowIndex">
-            <tr>
-                <td>{{customer.name}}</td>
-                <td>{{customer.country.name}}</td>
-                <td>{{customer.company}}</td>
-                <td>{{customer.representative.name}}</td>
-                <td>
-                    <button 
-                        pButton
-                        pRipple 
-                        type="button" 
-                        [icon]="'pi pi-lock-open'" 
-                        (click)="toggleLock(customer,true,index)" 
-                        class="p-button-sm p-button-text">
-                    </button>
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-customer let-index="rowIndex">
-            <tr>
-                <td>{{customer.name}}</td>
-                <td>{{customer.country.name}}</td>
-                <td>{{customer.company}}</td>
-                <td>{{customer.representative.name}}</td>
-                <td>
-                    <button 
-                        pButton 
-                        pRipple 
-                        type="button" 
-                        [icon]="'pi pi-lock'" 
-                        [disabled]="lockedCustomers.length >= 2" 
-                        (click)="toggleLock(customer,false,index)" 
-                        class="p-button-sm p-button-text">
-                    </button>
-                </td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table 
-        [value]="unlockedCustomers" 
-        [frozenValue]="lockedCustomers" 
-        [scrollable]="true" 
-        scrollHeight="400px" 
-        [tableStyle]="{'min-width': '60rem'}">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th>Name</th>
-                    <th>Country</th>
-                    <th>Company</th>
-                    <th>Representative</th>
-                    <th style="width:5rem"></th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="frozenbody" let-customer let-index="rowIndex">
-                <tr>
-                    <td>{{customer.name}}</td>
-                    <td>{{customer.country.name}}</td>
-                    <td>{{customer.company}}</td>
-                    <td>{{customer.representative.name}}</td>
-                    <td>
-                        <button 
-                            pButton 
-                            pRipple 
-                            type="button" 
-                            [icon]="'pi pi-lock-open'" 
-                            (click)="toggleLock(customer,true,index)" 
-                            class="p-button-sm p-button-text">
-                        </button>
-                    </td>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-customer let-index="rowIndex">
-                <tr>
-                    <td>{{customer.name}}</td>
-                    <td>{{customer.country.name}}</td>
-                    <td>{{customer.company}}</td>
-                    <td>{{customer.representative.name}}</td>
-                    <td>
-                        <button 
-                            pButton 
-                            pRipple 
-                            type="button" 
-                            [icon]="'pi pi-lock'" 
-                            [disabled]="lockedCustomers.length >= 2" 
-                            (click)="toggleLock(customer,false,index)" 
-                            class="p-button-sm p-button-text">
-                        </button>
-                    </td>
-                </tr>
-            </ng-template>
-        </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-import { TableModule } from 'primeng/table';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-import { HttpClientModule } from '@angular/common/http';
-
-@Component({
-    selector: 'table-frozen-rows-demo',
-    templateUrl: 'table-frozen-rows-demo.html',
-    standalone: true,
-    imports: [TableModule, ButtonModule, RippleModule, HttpClientModule],
-    providers: [CustomerService]
-})
-export class TableFrozenRowsDemo implements OnInit{
-    unlockedCustomers!: Customer[];
-
-    lockedCustomers!: Customer[];
-
-    constructor(private customerService: CustomerService) {}
-
-    ngOnInit() {
-        this.customerService.getCustomersMedium().then((data) => (this.unlockedCustomers = data));
-
-        this.lockedCustomers = [
-            {
-                id: 5135,
-                name: 'Geraldine Bisset',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'Bisset Group',
-                status: 'proposal',
-                date: '2019-05-05',
-                activity: 0,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                }
-            }
-        ];
-    }
-
-    toggleLock(data: Customer, frozen: boolean, index: number) {
-        if (frozen) {
-            this.lockedCustomers = this.lockedCustomers.filter((c, i) => i !== index);
-            this.unlockedCustomers.push(data);
-        } else {
-            this.unlockedCustomers = this.unlockedCustomers.filter((c, i) => i !== index);
-            this.lockedCustomers.push(data);
-        }
-
-        this.unlockedCustomers.sort((val1, val2) => {
-            return val1.id < val2.id ? -1 : 1;
-        });
-    }
-}`,
-        data: `{
-    id: 1000,
-    name: 'James Butt',
-    country: {
-        name: 'Algeria',
-        code: 'dz'
-    },
-    company: 'Benton, John B Jr',
-    date: '2015-09-13',
-    status: 'unqualified',
-    verified: true,
-    activity: 17,
-    representative: {
-        name: 'Ioni Bowcher',
-        image: 'ionibowcher.png'
-    },
-    balance: 70663
-},
-...`,
-        service: ['CustomerService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/customer.ts',
-            content: `
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/gridlinesdoc.ts b/src/app/showcase/doc/table/gridlinesdoc.ts
deleted file mode 100644
index 44706dd..0000000
--- a/src/app/showcase/doc/table/gridlinesdoc.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'gridlines-doc',
-    template: ` <app-docsectiontext>
-            <p>Adding <i>p-datatable-gridlines</i> class displays grid lines.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" styleClass="p-datatable-gridlines" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Code</th>
-                            <th>Name</th>
-                            <th>Category</th>
-                            <th>Quantity</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-gridlines-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class GridlinesDoc {
-    products!: Product[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table 
-    [value]="products" 
-    styleClass="p-datatable-gridlines" 
-    [tableStyle]="{ 'min-width': '50rem' }">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Code</th>
-                <th>Name</th>
-                <th>Category</th>
-                <th>Quantity</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>{{ product.code }}</td>
-                <td>{{ product.name }}</td>
-                <td>{{ product.category }}</td>
-                <td>{{ product.quantity }}</td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table 
-        [value]="products" 
-        styleClass="p-datatable-gridlines" 
-        [tableStyle]="{ 'min-width': '50rem' }">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th>Code</th>
-                    <th>Name</th>
-                    <th>Category</th>
-                    <th>Quantity</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-product>
-                <tr>
-                    <td>{{ product.code }}</td>
-                    <td>{{ product.name }}</td>
-                    <td>{{ product.category }}</td>
-                    <td>{{ product.quantity }}</td>
-                </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'table-gridlines-demo',
-    templateUrl: 'table-gridlines-demo.html',
-    standalone: true,
-    imports: [TableModule, CommonModule],
-    providers: [ProductService]
-})
-export class TableGridlinesDemo {
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/horizontalscrolldoc.ts b/src/app/showcase/doc/table/horizontalscrolldoc.ts
deleted file mode 100644
index c107920..0000000
--- a/src/app/showcase/doc/table/horizontalscrolldoc.ts
+++ /dev/null
@@ -1,241 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-
-@Component({
-    selector: 'horizontal-scroll-doc',
-    template: ` <app-docsectiontext>
-            <p>Horizontal scrollbar is displayed when table width exceeds the parent width.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="customers" [scrollable]="true" scrollHeight="400px">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="min-width:100px">Id</th>
-                            <th style="min-width:200px">Name</th>
-                            <th style="min-width:200px">Country</th>
-                            <th style="min-width:200px">Date</th>
-                            <th style="min-width:200px">Balance</th>
-                            <th style="min-width:200px">Company</th>
-                            <th style="min-width:200px">Status</th>
-                            <th style="min-width:200px">Activity</th>
-                            <th style="min-width:200px">Representative</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-customer>
-                        <tr>
-                            <td>{{ customer.id }}</td>
-                            <td>{{ customer.name }}</td>
-                            <td>{{ customer.country.name }}</td>
-                            <td>{{ customer.date }}</td>
-                            <td>{{ formatCurrency(customer.balance) }}</td>
-                            <td>{{ customer.company }}</td>
-                            <td>{{ customer.status }}</td>
-                            <td>{{ customer.activity }}</td>
-                            <td>{{ customer.representative.name }}</td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="footer">
-                        <tr>
-                            <td>Id</td>
-                            <td>Name</td>
-                            <td>Country</td>
-                            <td>Date</td>
-                            <td>Balance</td>
-                            <td>Company</td>
-                            <td>Status</td>
-                            <td>Activity</td>
-                            <td>Representative</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-horizontal-scroll-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class HorizontalScrollDoc {
-    customers!: Customer[];
-
-    constructor(
-        private customerService: CustomerService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.customerService.getCustomersMedium().then((data) => {
-            this.customers = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    formatCurrency(value: number) {
-        return value.toLocaleString('en-US', { style: 'currency', currency: 'USD' });
-    }
-
-    code: Code = {
-        basic: `<p-table [value]="customers" [scrollable]="true" scrollHeight="400px">
-    <ng-template pTemplate="header">
-        <tr>
-            <th style="min-width:100px">Id</th>
-            <th style="min-width:200px">Name</th>
-            <th style="min-width:200px">Country</th>
-            <th style="min-width:200px">Date</th>
-            <th style="min-width:200px">Balance</th>
-            <th style="min-width:200px">Company</th>
-            <th style="min-width:200px">Status</th>
-            <th style="min-width:200px">Activity</th>
-            <th style="min-width:200px">Representative</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-customer>
-        <tr>
-            <td>{{customer.id}}</td>
-            <td>{{customer.name}}</td>
-            <td>{{customer.country.name}}</td>
-            <td>{{customer.date}}</td>
-            <td>{{formatCurrency(customer.balance)}}</td>
-            <td>{{customer.company}}</td>
-            <td>{{customer.status}}</td>
-            <td>{{customer.activity}}</td>
-            <td>{{customer.representative.name}}</td>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="footer">
-        <tr>
-            <td>Id</td>
-            <td>Name</td>
-            <td>Country</td>
-            <td>Date</td>
-            <td>Balance</td>
-            <td>Company</td>
-            <td>Status</td>
-            <td>Activity</td>
-            <td>Representative</td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table [value]="customers" [scrollable]="true" scrollHeight="400px">
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="min-width:100px">Id</th>
-                <th style="min-width:200px">Name</th>
-                <th style="min-width:200px">Country</th>
-                <th style="min-width:200px">Date</th>
-                <th style="min-width:200px">Balance</th>
-                <th style="min-width:200px">Company</th>
-                <th style="min-width:200px">Status</th>
-                <th style="min-width:200px">Activity</th>
-                <th style="min-width:200px">Representative</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-customer>
-            <tr>
-                <td>{{customer.id}}</td>
-                <td>{{customer.name}}</td>
-                <td>{{customer.country.name}}</td>
-                <td>{{customer.date}}</td>
-                <td>{{formatCurrency(customer.balance)}}</td>
-                <td>{{customer.company}}</td>
-                <td>{{customer.status}}</td>
-                <td>{{customer.activity}}</td>
-                <td>{{customer.representative.name}}</td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="footer">
-            <tr>
-                <td>Id</td>
-                <td>Name</td>
-                <td>Country</td>
-                <td>Date</td>
-                <td>Balance</td>
-                <td>Company</td>
-                <td>Status</td>
-                <td>Activity</td>
-                <td>Representative</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-import { TableModule } from 'primeng/table';
-import { HttpClientModule } from '@angular/common/http';
-
-@Component({
-    selector: 'table-horizontal-scroll-demo',
-    templateUrl: 'table-horizontal-scroll-demo.html',
-    standalone: true,
-    imports: [TableModule, HttpClientModule],
-    providers: [CustomerService]
-})
-export class TableHorizontalScrollDemo implements OnInit{
-    customers!: Customer[];
-
-    constructor(private customerService: CustomerService) {}
-
-    ngOnInit() {
-        this.customerService.getCustomersMedium().then((data) => {
-            this.customers = data;
-        });
-    }
-
-    formatCurrency(value: number) {
-        return value.toLocaleString('en-US', { style: 'currency', currency: 'USD' });
-    }
-}`,
-        data: `{
-    id: 1000,
-    name: 'James Butt',
-    country: {
-        name: 'Algeria',
-        code: 'dz'
-    },
-    company: 'Benton, John B Jr',
-    date: '2015-09-13',
-    status: 'unqualified',
-    verified: true,
-    activity: 17,
-    representative: {
-        name: 'Ioni Bowcher',
-        image: 'ionibowcher.png'
-    },
-    balance: 70663
-},
-...`,
-        service: ['CustomerService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/customer.ts',
-            content: `
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/importdoc.ts b/src/app/showcase/doc/table/importdoc.ts
deleted file mode 100644
index 1e63bb6..0000000
--- a/src/app/showcase/doc/table/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code>`
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { TableModule } from 'primeng/table';`
-    };
-}
diff --git a/src/app/showcase/doc/table/lazyloaddoc.ts b/src/app/showcase/doc/table/lazyloaddoc.ts
deleted file mode 100644
index 511b4e5..0000000
--- a/src/app/showcase/doc/table/lazyloaddoc.ts
+++ /dev/null
@@ -1,426 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { LazyLoadEvent } from 'primeng/api';
-import { Code } from '@domain/code';
-import { Customer, Representative } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-
-@Component({
-    selector: 'lazy-load-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                Lazy mode is handy to deal with large datasets, instead of loading the entire data, small chunks of data is loaded by invoking onLazyLoad callback everytime <i>paging</i>, <i>sorting</i> and <i>filtering</i> happens. Sample here loads
-                the data from remote datasource efficiently using lazy loading. Also, the implementation of <i>checkbox selection</i> in lazy tables is left entirely to the user. Since the table component does not know what will happen to the data on
-                the next page or whether there are instant data changes, the selection array can be implemented in several ways. One of them is as in the example below.
-            </p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table
-                    [value]="customers"
-                    [lazy]="true"
-                    (onLazyLoad)="loadCustomers($event)"
-                    dataKey="id"
-                    [tableStyle]="{ 'min-width': '75rem' }"
-                    [selection]="selectedCustomers"
-                    (selectionChange)="onSelectionChange($event)"
-                    [selectAll]="selectAll"
-                    (selectAllChange)="onSelectAllChange($event)"
-                    [paginator]="true"
-                    [rows]="10"
-                    [totalRecords]="totalRecords"
-                    [loading]="loading"
-                    [globalFilterFields]="['name', 'country.name', 'company', 'representative.name']"
-                >
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width: 4rem"></th>
-                            <th pSortableColumn="name">Name <p-sortIcon field="name" /></th>
-                            <th pSortableColumn="country.name">Country <p-sortIcon field="country.name" /></th>
-                            <th pSortableColumn="company">Company <p-sortIcon field="company" /></th>
-                            <th pSortableColumn="representative.name">Representative <p-sortIcon field="representative.name" /></th>
-                        </tr>
-                        <tr>
-                            <th style="width: 4rem">
-                                <p-tableHeaderCheckbox />
-                            </th>
-                            <th>
-                                <p-columnFilter type="text" field="name" />
-                            </th>
-                            <th>
-                                <p-columnFilter type="text" field="country.name" />
-                            </th>
-                            <th>
-                                <p-columnFilter type="text" field="company" />
-                            </th>
-                            <th>
-                                <p-columnFilter field="representative" matchMode="in" [showMenu]="false">
-                                    <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                                        <p-multiSelect [ngModel]="value" appendTo="body" [options]="representatives" placeholder="Any" (onChange)="filter($event.value)" optionLabel="name" [maxSelectedLabels]="1" [selectedItemsLabel]="'{0} items'">
-                                            <ng-template let-option pTemplate="item">
-                                                <div class="inline-block vertical-align-middle">
-                                                    <img [alt]="option.label" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ option.image }}" width="24" class="vertical-align-middle" />
-                                                    <span class="ml-1 mt-1">{{ option.name }}</span>
-                                                </div>
-                                            </ng-template>
-                                        </p-multiSelect>
-                                    </ng-template>
-                                </p-columnFilter>
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-customer>
-                        <tr>
-                            <td>
-                                <p-tableCheckbox [value]="customer"></p-tableCheckbox>
-                            </td>
-                            <td>{{ customer.name }}</td>
-                            <td>{{ customer.country.name }}</td>
-                            <td>{{ customer.company }}</td>
-                            <td>{{ customer.representative.name }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-lazy-load-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class LazyLoadDoc implements OnInit {
-    customers!: Customer[];
-
-    totalRecords!: number;
-
-    loading: boolean = false;
-
-    representatives!: Representative[];
-
-    selectAll: boolean = false;
-
-    selectedCustomers!: Customer[];
-
-    constructor(
-        private customerService: CustomerService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        this.loading = true;
-    }
-
-    loadDemoData() {
-        this.representatives = [
-            { name: 'Amy Elsner', image: 'amyelsner.png' },
-            { name: 'Anna Fali', image: 'annafali.png' },
-            { name: 'Asiya Javayant', image: 'asiyajavayant.png' },
-            { name: 'Bernardo Dominic', image: 'bernardodominic.png' },
-            { name: 'Elwin Sharvill', image: 'elwinsharvill.png' },
-            { name: 'Ioni Bowcher', image: 'ionibowcher.png' },
-            { name: 'Ivan Magalhaes', image: 'ivanmagalhaes.png' },
-            { name: 'Onyama Limba', image: 'onyamalimba.png' },
-            { name: 'Stephen Shaw', image: 'stephenshaw.png' },
-            { name: 'Xuxue Feng', image: 'xuxuefeng.png' }
-        ];
-    }
-
-    loadCustomers(event: LazyLoadEvent) {
-        this.loading = true;
-
-        setTimeout(() => {
-            this.customerService.getCustomers({ lazyEvent: JSON.stringify(event) }).then((res) => {
-                this.customers = res.customers;
-                this.totalRecords = res.totalRecords;
-                this.loading = false;
-                this.cd.markForCheck();
-            });
-        }, 1000);
-    }
-
-    onSelectionChange(value = []) {
-        this.selectAll = value.length === this.totalRecords;
-        this.selectedCustomers = value;
-    }
-
-    onSelectAllChange(event: any) {
-        const checked = event.checked;
-
-        if (checked) {
-            this.customerService.getCustomers().then((res) => {
-                this.selectedCustomers = res.customers;
-                this.selectAll = true;
-            });
-        } else {
-            this.selectedCustomers = [];
-            this.selectAll = false;
-        }
-    }
-
-    code: Code = {
-        basic: `<p-table
-    [value]="customers"
-    [lazy]="true"
-    (onLazyLoad)="loadCustomers($event)"
-    dataKey="id"
-    [tableStyle]="{ 'min-width': '75rem' }"
-    [selection]="selectedCustomers"
-    (selectionChange)="onSelectionChange($event)"
-    [selectAll]="selectAll"
-    (selectAllChange)="onSelectAllChange($event)"
-    [paginator]="true"
-    [rows]="10"
-    [totalRecords]="totalRecords"
-    [loading]="loading"
-    [globalFilterFields]="['name', 'country.name', 'company', 'representative.name']"
->
-    <ng-template pTemplate="header">
-        <tr>
-            <th style="width: 4rem"></th>
-            <th pSortableColumn="name">
-                Name <p-sortIcon field="name" />
-            </th>
-            <th pSortableColumn="country.name">
-                Country <p-sortIcon field="country.name" />
-            </th>
-            <th pSortableColumn="company">
-                Company <p-sortIcon field="company" />
-            </th>
-            <th pSortableColumn="representative.name">
-                Representative <p-sortIcon field="representative.name" />
-            </th>
-        </tr>
-        <tr>
-            <th style="width: 4rem">
-                <p-tableHeaderCheckbox />
-            </th>
-            <th>
-                <p-columnFilter type="text" field="name" />
-            </th>
-            <th>
-                <p-columnFilter type="text" field="country.name" />
-            </th>
-            <th>
-                <p-columnFilter type="text" field="company" />
-            </th>
-            <th>
-                <p-columnFilter field="representative" matchMode="in" [showMenu]="false">
-                    <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                        <p-multiSelect [ngModel]="value" appendTo="body" [options]="representatives" placeholder="Any" (onChange)="filter($event.value)" optionLabel="name" [maxSelectedLabels]="1" [selectedItemsLabel]="'{0} items'">
-                            <ng-template let-option pTemplate="item">
-                                <div class="inline-block vertical-align-middle">
-                                    <img [alt]="option.label" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ option.image }}" width="24" class="vertical-align-middle" />
-                                    <span class="ml-1 mt-1">{{ option.name }}</span>
-                                </div>
-                            </ng-template>
-                        </p-multiSelect>
-                    </ng-template>
-                </p-columnFilter>
-            </th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-customer>
-        <tr>
-            <td>
-                <p-tableCheckbox [value]="customer"></p-tableCheckbox>
-            </td>
-            <td>{{ customer.name }}</td>
-            <td>{{ customer.country.name }}</td>
-            <td>{{ customer.company }}</td>
-            <td>{{ customer.representative.name }}</td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table
-        [value]="customers"
-        [lazy]="true"
-        (onLazyLoad)="loadCustomers($event)"
-        dataKey="id"
-        [tableStyle]="{ 'min-width': '75rem' }"
-        [selection]="selectedCustomers"
-        (selectionChange)="onSelectionChange($event)"
-        [selectAll]="selectAll"
-        (selectAllChange)="onSelectAllChange($event)"
-        [paginator]="true"
-        [rows]="10"
-        [totalRecords]="totalRecords"
-        [loading]="loading"
-        [globalFilterFields]="['name', 'country.name', 'company', 'representative.name']"
-    >
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="width: 4rem"></th>
-                <th pSortableColumn="name">Name <p-sortIcon field="name" /></th>
-                <th pSortableColumn="country.name">Country <p-sortIcon field="country.name" /></th>
-                <th pSortableColumn="company">Company <p-sortIcon field="company" /></th>
-                <th pSortableColumn="representative.name">Representative <p-sortIcon field="representative.name" /></th>
-            </tr>
-            <tr>
-                <th style="width: 4rem">
-                    <p-tableHeaderCheckbox />
-                </th>
-                <th>
-                    <p-columnFilter type="text" field="name" />
-                </th>
-                <th>
-                    <p-columnFilter type="text" field="country.name" />
-                </th>
-                <th>
-                    <p-columnFilter type="text" field="company" />
-                </th>
-                <th>
-                    <p-columnFilter field="representative" matchMode="in" [showMenu]="false">
-                        <ng-template pTemplate="filter" let-value let-filter="filterCallback">
-                            <p-multiSelect [ngModel]="value" appendTo="body" [options]="representatives" placeholder="Any" (onChange)="filter($event.value)" optionLabel="name" [maxSelectedLabels]="1" [selectedItemsLabel]="'{0} items'">
-                                <ng-template let-option pTemplate="item">
-                                    <div class="inline-block vertical-align-middle">
-                                        <img [alt]="option.label" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ option.image }}" width="24" class="vertical-align-middle" />
-                                        <span class="ml-1 mt-1">{{ option.name }}</span>
-                                    </div>
-                                </ng-template>
-                            </p-multiSelect>
-                        </ng-template>
-                    </p-columnFilter>
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-customer>
-            <tr>
-                <td>
-                    <p-tableCheckbox [value]="customer"></p-tableCheckbox>
-                </td>
-                <td>{{ customer.name }}</td>
-                <td>{{ customer.country.name }}</td>
-                <td>{{ customer.company }}</td>
-                <td>{{ customer.representative.name }}</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { LazyLoadEvent } from 'primeng/api';
-import { Customer, Representative } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-import { TableModule } from 'primeng/table';
-import { MultiSelectModule } from 'primeng/multiselect';
-import { HttpClientModule } from '@angular/common/http';
-
-@Component({
-    selector: 'table-lazy-load-demo',
-    templateUrl: 'table-lazy-load-demo.html',
-    standalone: true,
-    imports: [TableModule, MultiSelectModule, HttpClientModule],
-    providers: [CustomerService]
-})
-export class TableLazyLoadDemo implements OnInit{
-    customers!: Customer[];
-
-    totalRecords!: number;
-
-    loading: boolean = false;
-
-    representatives!: Representative[];
-
-    selectAll: boolean = false;
-
-    selectedCustomers!: Customer[];
-
-    constructor(private customerService: CustomerService) {}
-
-    ngOnInit() {
-        this.representatives = [
-            { name: 'Amy Elsner', image: 'amyelsner.png' },
-            { name: 'Anna Fali', image: 'annafali.png' },
-            { name: 'Asiya Javayant', image: 'asiyajavayant.png' },
-            { name: 'Bernardo Dominic', image: 'bernardodominic.png' },
-            { name: 'Elwin Sharvill', image: 'elwinsharvill.png' },
-            { name: 'Ioni Bowcher', image: 'ionibowcher.png' },
-            { name: 'Ivan Magalhaes', image: 'ivanmagalhaes.png' },
-            { name: 'Onyama Limba', image: 'onyamalimba.png' },
-            { name: 'Stephen Shaw', image: 'stephenshaw.png' },
-            { name: 'Xuxue Feng', image: 'xuxuefeng.png' }
-        ];
-
-        this.loading = true;
-    }
-
-    loadCustomers(event: LazyLoadEvent) {
-        this.loading = true;
-
-        setTimeout(() => {
-            this.customerService.getCustomers({ lazyEvent: JSON.stringify(event) }).then((res) => {
-                this.customers = res.customers;
-                this.totalRecords = res.totalRecords;
-                this.loading = false;
-            });
-        }, 1000);
-    }
-
-    onSelectionChange(value = []) {
-        this.selectAll = value.length === this.totalRecords;
-        this.selectedCustomers = value;
-    }
-
-    onSelectAllChange(event: any) {
-        const checked = event.checked;
-
-        if (checked) {
-            this.customerService.getCustomers().then((res) => {
-                this.selectedCustomers = res.customers;
-                this.selectAll = true;
-            });
-        } else {
-            this.selectedCustomers = [];
-            this.selectAll = false;
-        }
-    }
-}`,
-        data: `{
-    id: 1000,
-    name: 'James Butt',
-    country: {
-        name: 'Algeria',
-        code: 'dz'
-    },
-    company: 'Benton, John B Jr',
-    date: '2015-09-13',
-    status: 'unqualified',
-    verified: true,
-    activity: 17,
-    representative: {
-        name: 'Ioni Bowcher',
-        image: 'ionibowcher.png'
-    },
-    balance: 70663
-},
-...`,
-        service: ['CustomerService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/customer.ts',
-            content: `
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/multiplecolumnssortdoc.ts b/src/app/showcase/doc/table/multiplecolumnssortdoc.ts
deleted file mode 100644
index d9b0bfe..0000000
--- a/src/app/showcase/doc/table/multiplecolumnssortdoc.ts
+++ /dev/null
@@ -1,166 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'multiple-columns-sort-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Multiple columns can be sorted by defining <i>sortMode</i> as <i>multiple</i>. This mode requires metaKey (e.g. <i>⌘</i>) to be pressed when clicking a header.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" [tableStyle]="{ 'min-width': '60rem' }" sortMode="multiple">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th pSortableColumn="code" style="width:20%">Code <p-sortIcon field="code" /></th>
-                            <th pSortableColumn="name" style="width:20%">Name <p-sortIcon field="name" /></th>
-                            <th pSortableColumn="category" style="width:20%">Category <p-sortIcon field="category" /></th>
-                            <th pSortableColumn="quantity" style="width:20%">Quantity <p-sortIcon field="quantity" /></th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-multiple-columns-sort-demo" [extFiles]="extFiles"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class MultipleColumnsSortDoc {
-    products: Product[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table [value]="products1" [tableStyle]="{'min-width': '60rem'}" sortMode="multiple">
-    <ng-template pTemplate="header">
-        <tr>
-            <th pSortableColumn="code" style="width:20%">
-                Code <p-sortIcon field="code" />
-            </th>
-            <th pSortableColumn="name" style="width:20%">
-                Name <p-sortIcon field="name" />
-            </th>
-            <th pSortableColumn="category" style="width:20%">
-                Category <p-sortIcon field="category" />
-            </th>
-            <th pSortableColumn="quantity" style="width:20%">
-                Quantity <p-sortIcon field="quantity" />
-            </th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-product>
-        <tr>
-            <td>{ {product.code }}</td>
-            <td>{{ product.name }}</td>
-            <td>{{ product.category }}</td>
-            <td>{{ product.quantity }}</td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table [value]="products1" [tableStyle]="{'min-width': '60rem'}" sortMode="multiple">
-        <ng-template pTemplate="header">
-            <tr>
-                <th pSortableColumn="code" style="width:20%">
-                    Code <p-sortIcon field="code" />
-                </th>
-                <th pSortableColumn="name" style="width:20%">
-                    Name <p-sortIcon field="name" />
-                </th>
-                <th pSortableColumn="category" style="width:20%">
-                    Category <p-sortIcon field="category" />
-                </th>
-                <th pSortableColumn="quantity" style="width:20%">
-                    Quantity <p-sortIcon field="quantity" />
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>{{ product.code }}</td>
-                <td>{{ product.name }}</td>
-                <td>{{ product.category }}</td>
-                <td>{{ product.quantity }}</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'table-multiple-columns-sort-demo',
-    templateUrl: 'table-multiple-columns-sort-demo.html',
-    standalone: true,
-    imports: [TableModule, CommonModule],
-    providers: [ProductService]
-})
-export class TableSingleColumnsSortDemo implements OnInit {
-    products: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/multipleselectiondoc.ts b/src/app/showcase/doc/table/multipleselectiondoc.ts
deleted file mode 100644
index ec1b808..0000000
--- a/src/app/showcase/doc/table/multipleselectiondoc.ts
+++ /dev/null
@@ -1,185 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'multiple-selection-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                More than one row is selectable by setting <i>selectionMode</i> to <i>multiple</i>. By default in multiple selection mode, metaKey press (e.g. <i>⌘</i>) is not necessary to add to existing selections. When the optional
-                <i>metaKeySelection</i> is present, behavior is changed in a way that selecting a new row requires meta key to be present. Note that in touch enabled devices, DataTable always ignores metaKey.
-            </p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <div class="flex justify-center items-center mb-4 gap-2">
-                    <p-inputSwitch [(ngModel)]="metaKey" inputId="input-metakey" />
-                    <label for="input-metakey">MetaKey</label>
-                </div>
-                <p-table [value]="products" selectionMode="multiple" [(selection)]="selectedProducts" [metaKeySelection]="metaKey" dataKey="code" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Code</th>
-                            <th>Name</th>
-                            <th>Category</th>
-                            <th>Quantity</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product let-rowIndex="rowIndex">
-                        <tr [pSelectableRow]="product" [pSelectableRowIndex]="rowIndex">
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-multiple-selection-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class MultipleSelectionDoc {
-    products!: Product[];
-
-    selectedProducts!: Product;
-
-    metaKey: boolean = true;
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<div class="flex justify-center items-center mb-4 gap-2">
-    <p-inputSwitch [(ngModel)]="metaKey" inputId="input-metakey" />
-    <label for="input-metakey">MetaKey</label>
-</div>
-<p-table 
-    [value]="products" 
-    selectionMode="multiple" 
-    [(selection)]="selectedProducts" 
-    [metaKeySelection]="metaKey"
-    dataKey="code" 
-    [tableStyle]="{ 'min-width': '50rem' }">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Code</th>
-                <th>Name</th>
-                <th>Category</th>
-                <th>Quantity</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product let-rowIndex="rowIndex">
-            <tr [pSelectableRow]="product" [pSelectableRowIndex]="rowIndex">
-                <td>{{ product.code }}</td>
-                <td>{{ product.name }}</td>
-                <td>{{ product.category }}</td>
-                <td>{{ product.quantity }}</td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <div class="flex justify-center items-center mb-4 gap-2">
-        <p-inputSwitch [(ngModel)]="metaKey" inputId="input-metakey" />
-        <label for="input-metakey">MetaKey</label>
-    </div>
-    <p-table 
-        [value]="products" 
-        selectionMode="multiple" 
-        [(selection)]="selectedProducts" 
-        [metaKeySelection]="metaKey" 
-        dataKey="code" 
-        [tableStyle]="{ 'min-width': '50rem' }">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th>Code</th>
-                    <th>Name</th>
-                    <th>Category</th>
-                    <th>Quantity</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-product let-rowIndex="rowIndex">
-                <tr [pSelectableRow]="product" [pSelectableRowIndex]="rowIndex">
-                    <td>{{ product.code }}</td>
-                    <td>{{ product.name }}</td>
-                    <td>{{ product.category }}</td>
-                    <td>{{ product.quantity }}</td>
-                </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'table-multiple-selection-demo',
-    templateUrl: 'table-multiple-selection-demo.html',
-    standalone: true,
-    imports: [TableModule, InputSwitchModule, FormsModule, CommonModule],
-    providers: [ProductService]
-})
-export class TableMultipleSelectionDemo implements OnInit{
-    products!: Product[];
-
-    selectedProducts!: Product;
-
-    metaKey: boolean = true;
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    } 
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/pageonlyselectiondoc.ts b/src/app/showcase/doc/table/pageonlyselectiondoc.ts
deleted file mode 100644
index 66a9476..0000000
--- a/src/app/showcase/doc/table/pageonlyselectiondoc.ts
+++ /dev/null
@@ -1,164 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'page-only-selection-doc',
-    template: ` <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" [(selection)]="selectedProducts" dataKey="code" [paginator]="true" [rows]="5" [selectionPageOnly]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width: 4rem">
-                                <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
-                            </th>
-                            <th style="min-width:200px">Code</th>
-                            <th style="min-width:200px">Name</th>
-                            <th style="min-width:200px">Category</th>
-                            <th style="min-width:200px">Quantity</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>
-                                <p-tableCheckbox [value]="product"></p-tableCheckbox>
-                            </td>
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-page-only-selection-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class PageOnlySelectionDoc {
-    products!: Product[];
-
-    selectedProducts!: Product;
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table [value]="products" [(selection)]="selectedProducts" dataKey="code" [paginator]="true" [rows]="5" [selectionPageOnly]="true" [tableStyle]="{'min-width': '50rem'}">
-    <ng-template pTemplate="header">
-        <tr>
-            <th style="width: 4rem">
-                <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
-            </th>
-            <th style="min-width:200px">Code</th>
-            <th style="min-width:200px">Name</th>
-            <th style="min-width:200px">Category</th>
-            <th style="min-width:200px">Quantity</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-product>
-        <tr>
-            <td>
-                <p-tableCheckbox [value]="product"></p-tableCheckbox>
-            </td>
-            <td>{{product.code}}</td>
-            <td>{{product.name}}</td>
-            <td>{{product.category}}</td>
-            <td>{{product.quantity}}</td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `
-<div class="card">
-    <p-table [value]="products" [(selection)]="selectedProducts" dataKey="code" [paginator]="true" [rows]="5" [selectionPageOnly]="true" [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="width: 4rem">
-                    <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
-                </th>
-                <th style="min-width:200px">Code</th>
-                <th style="min-width:200px">Name</th>
-                <th style="min-width:200px">Category</th>
-                <th style="min-width:200px">Quantity</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>
-                    <p-tableCheckbox [value]="product"></p-tableCheckbox>
-                </td>
-                <td>{{product.code}}</td>
-                <td>{{product.name}}</td>
-                <td>{{product.category}}</td>
-                <td>{{product.quantity}}</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `
-import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'table-page-only-selection-demo',
-    templateUrl: 'table-page-only-selection-demo.html'
-})
-export class TablePageOnlySelectionDemo implements OnInit{
-    products!: Product[];
-
-    selectedProducts!: Product;
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    } 
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/paginatorbasicdoc.ts b/src/app/showcase/doc/table/paginatorbasicdoc.ts
deleted file mode 100644
index 52f72a8..0000000
--- a/src/app/showcase/doc/table/paginatorbasicdoc.ts
+++ /dev/null
@@ -1,177 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-
-@Component({
-    selector: 'paginator-basic-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                Pagination is enabled by setting <i>paginator</i> property to <i>true</i> and defining a rows property to specify the number of rows per page. For server side pagination, see the
-                <a [routerLink]="['/table#lazy']">lazy loading</a> example.
-            </p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="customers" [paginator]="true" [rows]="5" [tableStyle]="{ 'min-width': '50rem' }" [rowsPerPageOptions]="[5, 10, 20]">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width:25%">Name</th>
-                            <th style="width:25%">Country</th>
-                            <th style="width:25%">Company</th>
-                            <th style="width:25%">Representative</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-customer>
-                        <tr>
-                            <td>{{ customer.name }}</td>
-                            <td>{{ customer.country.name }}</td>
-                            <td>{{ customer.company }}</td>
-                            <td>{{ customer.representative.name }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-paginator-basic-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class PaginatorBasicDoc {
-    customers!: Customer[];
-
-    constructor(
-        private customerService: CustomerService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.customerService.getCustomersLarge().then((customers) => {
-            this.customers = customers;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table
-    [value]="customers"
-    [paginator]="true"
-    [rows]="5"
-    [tableStyle]="{ 'min-width': '50rem' }"
-    [rowsPerPageOptions]="[5, 10, 20]"
->
-    <ng-template pTemplate="header">
-        <tr>
-            <th style="width:25%">Name</th>
-            <th style="width:25%">Country</th>
-            <th style="width:25%">Company</th>
-            <th style="width:25%">Representative</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-customer>
-        <tr>
-            <td>{{ customer.name }}</td>
-            <td>{{ customer.country.name }}</td>
-            <td>{{ customer.company }}</td>
-            <td>{{ customer.representative.name }}</td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table
-        [value]="customers"
-        [paginator]="true"
-        [rows]="5"
-        [tableStyle]="{ 'min-width': '50rem' }"
-        [rowsPerPageOptions]="[5, 10, 20]"
-    >
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="width:25%">Name</th>
-                <th style="width:25%">Country</th>
-                <th style="width:25%">Company</th>
-                <th style="width:25%">Representative</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-customer>
-            <tr>
-                <td>{{ customer.name }}</td>
-                <td>{{ customer.country.name }}</td>
-                <td>{{ customer.company }}</td>
-                <td>{{ customer.representative.name }}</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'table-paginator-basic-demo',
-    templateUrl: 'table-paginator-basic-demo.html',
-    standalone: true,
-    imports: [TableModule, CommonModule],
-    providers: [ProductService]
-})
-export class TablePaginatorBasicDemo {
-    customers!: Customer[];
-
-    constructor(private customerService: CustomerService) {}
-
-    ngOnInit() {
-        this.customerService.getCustomersLarge().then((customers) => (this.customers = customers));
-    }
-}`,
-        data: `{
-    id: 1000,
-    name: 'James Butt',
-    country: {
-        name: 'Algeria',
-        code: 'dz'
-    },
-    company: 'Benton, John B Jr',
-    date: '2015-09-13',
-    status: 'unqualified',
-    verified: true,
-    activity: 17,
-    representative: {
-        name: 'Ioni Bowcher',
-        image: 'ionibowcher.png'
-    },
-    balance: 70663
-},
-...`,
-        service: ['CustomerService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/customer.ts',
-            content: `
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/paginatorlocaledoc.ts b/src/app/showcase/doc/table/paginatorlocaledoc.ts
deleted file mode 100644
index 5144829..0000000
--- a/src/app/showcase/doc/table/paginatorlocaledoc.ts
+++ /dev/null
@@ -1,204 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-
-@Component({
-    selector: 'paginator-locale-doc',
-    template: ` <app-docsectiontext>
-            <p>paginator localization information such as page numbers and rows per page options are defined with the <i>paginatorLocale</i> property which defaults to the user locale.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table
-                    [value]="customers"
-                    [paginator]="true"
-                    [rows]="5"
-                    [showCurrentPageReport]="true"
-                    [tableStyle]="{ 'min-width': '50rem' }"
-                    currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
-                    [rowsPerPageOptions]="[10, 25, 50]"
-                    paginatorLocale="fa-IR"
-                >
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width:25%">Name</th>
-                            <th style="width:25%">Country</th>
-                            <th style="width:25%">Company</th>
-                            <th style="width:25%">Representative</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-customer>
-                        <tr>
-                            <td>{{ customer.name }}</td>
-                            <td>{{ customer.country.name }}</td>
-                            <td>{{ customer.company }}</td>
-                            <td>{{ customer.representative.name }}</td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="paginatorleft">
-                        <p-button type="button" icon="pi pi-plus" styleClass="p-button-text"></p-button>
-                    </ng-template>
-                    <ng-template pTemplate="paginatorright">
-                        <p-button type="button" icon="pi pi-cloud" styleClass="p-button-text"></p-button>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-paginator-locale-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class PaginatorLocaleDoc {
-    customers!: Customer[];
-
-    constructor(
-        private customerService: CustomerService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.customerService.getCustomersLarge().then((customers) => {
-            this.customers = customers;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table
-    [value]="customers"
-    [paginator]="true"
-    [rows]="5"
-    [showCurrentPageReport]="true"
-    [tableStyle]="{ 'min-width': '50rem' }"
-    currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
-    [rowsPerPageOptions]="[10, 25, 50]"
-    paginatorLocale="fa-IR"
->
-    <ng-template pTemplate="header">
-        <tr>
-            <th style="width:25%">Name</th>
-            <th style="width:25%">Country</th>
-            <th style="width:25%">Company</th>
-            <th style="width:25%">Representative</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-customer>
-        <tr>
-            <td>{{ customer.name }}</td>
-            <td>{{ customer.country.name }}</td>
-            <td>{{ customer.company }}</td>
-            <td>{{ customer.representative.name }}</td>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="paginatorleft">
-        <p-button type="button" icon="pi pi-plus" styleClass="p-button-text"></p-button>
-    </ng-template>
-    <ng-template pTemplate="paginatorright">
-        <p-button type="button" icon="pi pi-cloud" styleClass="p-button-text"></p-button>
-    </ng-template>
-</p-table>`,
-        html: `
-<div class="card">
-    <p-table
-        [value]="customers"
-        [paginator]="true"
-        [rows]="5"
-        [showCurrentPageReport]="true"
-        [tableStyle]="{ 'min-width': '50rem' }"
-        currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
-        [rowsPerPageOptions]="[10, 25, 50]"
-        paginatorLocale="fa-IR"
-    >
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="width:25%">Name</th>
-                <th style="width:25%">Country</th>
-                <th style="width:25%">Company</th>
-                <th style="width:25%">Representative</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-customer>
-            <tr>
-                <td>{{ customer.name }}</td>
-                <td>{{ customer.country.name }}</td>
-                <td>{{ customer.company }}</td>
-                <td>{{ customer.representative.name }}</td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="paginatorleft">
-            <p-button type="button" icon="pi pi-plus" styleClass="p-button-text"></p-button>
-        </ng-template>
-        <ng-template pTemplate="paginatorright">
-            <p-button type="button" icon="pi pi-cloud" styleClass="p-button-text"></p-button>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `
-import { Component } from '@angular/core';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-
-@Component({
-    selector: 'table-paginator-locale-demo',
-    templateUrl: 'table-paginator-locale-demo.html'
-})
-export class TablePaginatorLocaleDemo {
-    customers!: Customer[];
-
-    constructor(private customerService: CustomerService) {}
-
-    ngOnInit() {
-        this.customerService.getCustomersLarge().then((customers) => (this.customers = customers));
-    }
-}`,
-        data: `{
-    id: 1000,
-    name: 'James Butt',
-    country: {
-        name: 'Algeria',
-        code: 'dz'
-    },
-    company: 'Benton, John B Jr',
-    date: '2015-09-13',
-    status: 'unqualified',
-    verified: true,
-    activity: 17,
-    representative: {
-        name: 'Ioni Bowcher',
-        image: 'ionibowcher.png'
-    },
-    balance: 70663
-},
-...`,
-        service: ['CustomerService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/customer.ts',
-            content: `
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/paginatorprogrammaticdoc.ts b/src/app/showcase/doc/table/paginatorprogrammaticdoc.ts
deleted file mode 100644
index fea8ad1..0000000
--- a/src/app/showcase/doc/table/paginatorprogrammaticdoc.ts
+++ /dev/null
@@ -1,309 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-
-@Component({
-    selector: 'paginator-programmatic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Paginator can also be controlled via model using a binding to the <i>first</i> property where changes trigger a pagination.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <div class="mb-3 flex gap-1">
-                    <p-button type="button" icon="pi pi-chevron-left" (onClick)="prev()" [disabled]="isFirstPage()" styleClass="p-button-text" />
-                    <p-button type="button" icon="pi pi-refresh" (onClick)="reset()" styleClass="p-button-text" />
-                    <p-button type="button" icon="pi pi-chevron-right" (onClick)="next()" [disabled]="isLastPage()" styleClass="p-button-text" />
-                </div>
-                <p-table
-                    [value]="customers"
-                    [paginator]="true"
-                    [rows]="rows"
-                    [showCurrentPageReport]="true"
-                    [first]="first"
-                    [tableStyle]="{ 'min-width': '50rem' }"
-                    currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
-                    (onPage)="pageChange($event)"
-                    [rowsPerPageOptions]="[10, 25, 50]"
-                >
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width:25%">Name</th>
-                            <th style="width:25%">Country</th>
-                            <th style="width:25%">Company</th>
-                            <th style="width:25%">Representative</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-customer>
-                        <tr>
-                            <td>{{ customer.name }}</td>
-                            <td>{{ customer.country.name }}</td>
-                            <td>{{ customer.company }}</td>
-                            <td>{{ customer.representative.name }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-paginator-programmatic-demo" [extFiles]="extFiles"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class PaginatorProgrammaticDoc {
-    customers!: Customer[];
-
-    first = 0;
-
-    rows = 10;
-
-    constructor(
-        private customerService: CustomerService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.customerService.getCustomersLarge().then((customers) => {
-            this.customers = customers;
-            this.cd.markForCheck();
-        });
-    }
-
-    next() {
-        this.first = this.first + this.rows;
-    }
-
-    prev() {
-        this.first = this.first - this.rows;
-    }
-
-    reset() {
-        this.first = 0;
-    }
-
-    pageChange(event) {
-        this.first = event.first;
-        this.rows = event.rows;
-    }
-
-    isLastPage(): boolean {
-        return this.customers ? this.first + this.rows >= this.customers.length : true;
-    }
-
-    isFirstPage(): boolean {
-        return this.customers ? this.first === 0 : true;
-    }
-
-    code: Code = {
-        basic: `<div class="mb-3">
-    <p-button 
-        type="button" 
-        icon="pi pi-chevron-left" 
-        (onClick)="prev()" 
-        [disabled]="isFirstPage()" 
-        styleClass="p-button-text" />
-    <p-button 
-        type="button" 
-        icon="pi pi-refresh" 
-        (onClick)="reset()" 
-        styleClass="p-button-text" />
-    <p-button 
-        type="button" 
-        icon="pi pi-chevron-right" 
-        (onClick)="next()" 
-        [disabled]="isLastPage()" 
-        styleClass="p-button-text" />
-</div>
-<p-table
-    [value]="customers"
-    [paginator]="true"
-    [rows]="5"
-    [first]="first"
-    [showCurrentPageReport]="true"
-    [tableStyle]="{ 'min-width': '50rem' }"
-    currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
-    (onPage)="pageChange($event)"
-    [rowsPerPageOptions]="[10, 25, 50]"
->
-    <ng-template pTemplate="header">
-        <tr>
-            <th style="width:25%">Name</th>
-            <th style="width:25%">Country</th>
-            <th style="width:25%">Company</th>
-            <th style="width:25%">Representative</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-customer>
-        <tr>
-            <td>{{ customer.name }}</td>
-            <td>{{ customer.country.name }}</td>
-            <td>{{ customer.company }}</td>
-            <td>{{ customer.representative.name }}</td>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="paginatorleft">
-        <p-button type="button" icon="pi pi-plus" styleClass="p-button-text" />
-    </ng-template>
-    <ng-template pTemplate="paginatorright">
-        <p-button type="button" icon="pi pi-cloud" styleClass="p-button-text" />
-    </ng-template>
-</p-table>`,
-        html: `<div class="mb-3">
-    <p-button 
-        type="button" 
-        icon="pi pi-chevron-left" 
-        (onClick)="prev()" 
-        [disabled]="isFirstPage()" 
-        styleClass="p-button-text" />
-    <p-button 
-        type="button"
-        icon="pi pi-refresh" 
-        (onClick)="reset()" 
-        styleClass="p-button-text" />
-    <p-button 
-        type="button" 
-        icon="pi pi-chevron-right" 
-        (onClick)="next()" 
-        [disabled]="isLastPage()" 
-        styleClass="p-button-text" />
-</div>
-<div class="card">
-    <p-table
-        [value]="customers"
-        [paginator]="true"
-        [rows]="5"
-        [first]="first"
-        [showCurrentPageReport]="true"
-        [tableStyle]="{ 'min-width': '50rem' }"
-        currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
-        (onPage)="pageChange($event)"
-        [rowsPerPageOptions]="[10, 25, 50]"
-    >
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="width:25%">Name</th>
-                <th style="width:25%">Country</th>
-                <th style="width:25%">Company</th>
-                <th style="width:25%">Representative</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-customer>
-            <tr>
-                <td>{{ customer.name }}</td>
-                <td>{{ customer.country.name }}</td>
-                <td>{{ customer.company }}</td>
-                <td>{{ customer.representative.name }}</td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="paginatorleft">
-            <p-button type="button" icon="pi pi-plus" styleClass="p-button-text" />
-        </ng-template>
-        <ng-template pTemplate="paginatorright">
-            <p-button type="button" icon="pi pi-cloud" styleClass="p-button-text" />
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-import { ButtonModule } from 'primeng/button';
-import { HttpClientModule } from '@angular/common/http';
-
-@Component({
-    selector: 'table-paginator-programmatic-demo',
-    templateUrl: 'table-paginator-programmatic-demo.html',
-    standalone: true,
-    imports: [TableModule, CommonModule, ButtonModule, HttpClientModule],
-    providers: [CustomerService]
-})
-export class TablePaginatorProgrammaticDemo {
-    customers!: Customer[];
-
-    first = 0;
-
-    rows = 10;
-
-    constructor(private customerService: CustomerService) {}
-
-    ngOnInit() {
-        this.customerService.getCustomersLarge().then((customers) => (this.customers = customers));
-    }
-
-    next() {
-        this.first = this.first + this.rows;
-    }
-
-    prev() {
-        this.first = this.first - this.rows;
-    }
-
-    reset() {
-        this.first = 0;
-    }
-
-    pageChange(event) {
-        this.first = event.first;
-        this.rows = event.rows;
-    }
-
-    isLastPage(): boolean {
-        return this.customers ? this.first === this.customers.length - this.rows : true;
-    }
-
-    isFirstPage(): boolean {
-        return this.customers ? this.first === 0 : true;
-    }
-}`,
-        data: `{
-    id: 1000,
-    name: 'James Butt',
-    country: {
-        name: 'Algeria',
-        code: 'dz'
-    },
-    company: 'Benton, John B Jr',
-    date: '2015-09-13',
-    status: 'unqualified',
-    verified: true,
-    activity: 17,
-    representative: {
-        name: 'Ioni Bowcher',
-        image: 'ionibowcher.png'
-    },
-    balance: 70663
-},
-...`,
-        service: ['CustomerService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/customer.ts',
-            content: `
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/presortdoc.ts b/src/app/showcase/doc/table/presortdoc.ts
deleted file mode 100644
index ba3d928..0000000
--- a/src/app/showcase/doc/table/presortdoc.ts
+++ /dev/null
@@ -1,177 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'presort-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                Defining a default <i>sortField</i> and <i>sortOrder</i> displays data as sorted initially in single column sorting. In <i>multiple</i> sort mode, <i>multiSortMeta</i> should be used instead by providing an array of
-                <i>DataTableSortMeta</i> objects.
-            </p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" sortField="price" [sortOrder]="-1" [tableStyle]="{ 'min-width': '60rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th pSortableColumn="code" style="width:20%">Code <p-sortIcon field="code" /></th>
-                            <th pSortableColumn="name" style="width:20%">Name <p-sortIcon field="name" /></th>
-                            <th pSortableColumn="price" style="width:20%">Price <p-sortIcon field="price" /></th>
-                            <th pSortableColumn="category" style="width:20%">Category <p-sortIcon field="category" /></th>
-                            <th pSortableColumn="quantity" style="width:20%">Quantity <p-sortIcon field="quantity" /></th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.price | currency: 'USD' }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-presort-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class PreSortDoc {
-    products!: Product[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table [value]="products" sortField="price" [sortOrder]="-1" [tableStyle]="{ 'min-width': '60rem' }">
-    <ng-template pTemplate="header">
-        <tr>
-            <th pSortableColumn="code" style="width:20%">
-                Code <p-sortIcon field="code" />
-            </th>
-            <th pSortableColumn="name" style="width:20%">
-                Name <p-sortIcon field="name" />
-            </th>
-            <th pSortableColumn="price" style="width:20%">
-                Price <p-sortIcon field="price" />
-            </th>
-            <th pSortableColumn="category" style="width:20%">
-                Category <p-sortIcon field="category" />
-            </th>
-            <th pSortableColumn="quantity" style="width:20%">
-                Quantity <p-sortIcon field="quantity" />
-            </th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-product>
-        <tr>
-            <td>{{ product.code }}</td>
-            <td>{{ product.name }}</td>
-            <td>{{ product.price | currency : 'USD' }}</td>
-            <td>{{ product.category }}</td>
-            <td>{{ product.quantity }}</td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table [value]="products" sortField="price" [sortOrder]="-1" [tableStyle]="{ 'min-width': '60rem' }">
-        <ng-template pTemplate="header">
-            <tr>
-                <th pSortableColumn="code" style="width:20%">
-                    Code <p-sortIcon field="code" />
-                </th>
-                <th pSortableColumn="name" style="width:20%">
-                    Name <p-sortIcon field="name" />
-                </th>
-                <th pSortableColumn="price" style="width:20%">
-                    Price <p-sortIcon field="price" />
-                </th>
-                <th pSortableColumn="category" style="width:20%">
-                    Category <p-sortIcon field="category" />
-                </th>
-                <th pSortableColumn="quantity" style="width:20%">
-                    Quantity <p-sortIcon field="quantity" />
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>{{ product.code }}</td>
-                <td>{{ product.name }}</td>
-                <td>{{ product.price | currency : 'USD' }}</td>
-                <td>{{ product.category }}</td>
-                <td>{{ product.quantity }}</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'table-presort-demo',
-    templateUrl: 'table-presort-demo.html',
-    standalone: true,
-    imports: [TableModule, CommonModule],
-    providers: [ProductService]
-})
-export class TablePreSortDemo implements OnInit {
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/productsdoc.ts b/src/app/showcase/doc/table/productsdoc.ts
deleted file mode 100644
index 3f68812..0000000
--- a/src/app/showcase/doc/table/productsdoc.ts
+++ /dev/null
@@ -1,884 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'products-doc',
-    template: ` <app-docsectiontext>
-            <p>CRUD implementation example with a Dialog.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-toast />
-                <p-toolbar styleClass="mb-4 gap-2">
-                    <ng-template pTemplate="left">
-                        <p-button severity="success" label="New" icon="pi pi-plus" class="mr-2" (onClick)="openNew()" />
-                        <p-button severity="danger" label="Delete" icon="pi pi-trash" (onClick)="deleteSelectedProducts()" [disabled]="!selectedProducts || !selectedProducts.length" />
-                    </ng-template>
-
-                    <ng-template pTemplate="right">
-                        <p-fileUpload mode="basic" accept="image/*" [maxFileSize]="1000000" label="Import" chooseLabel="Import" class="mr-2 inline-block" />
-                        <p-button severity="help" label="Export" icon="pi pi-upload" />
-                    </ng-template>
-                </p-toolbar>
-
-                <p-table
-                    #dt
-                    [value]="products"
-                    [rows]="10"
-                    [paginator]="true"
-                    [globalFilterFields]="['name', 'country.name', 'representative.name', 'status']"
-                    [tableStyle]="{ 'min-width': '75rem' }"
-                    [(selection)]="selectedProducts"
-                    [rowHover]="true"
-                    dataKey="id"
-                    currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
-                    [showCurrentPageReport]="true"
-                >
-                    <ng-template pTemplate="caption">
-                        <div class="flex items-center justify-between">
-                            <h5 class="m-0">Manage Products</h5>
-                            <p-iconField iconPosition="left">
-                                <p-inputIcon styleClass="pi pi-search"></p-inputIcon>
-                                <input pInputText type="text" (input)="dt.filterGlobal($event.target.value, 'contains')" placeholder="Search..." />
-                            </p-iconField>
-                        </div>
-                    </ng-template>
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width: 4rem">
-                                <p-tableHeaderCheckbox />
-                            </th>
-                            <th pSortableColumn="name" style="min-width:15rem">Name <p-sortIcon field="name" /></th>
-                            <th>Image</th>
-                            <th pSortableColumn="price">Price <p-sortIcon field="price" /></th>
-                            <th pSortableColumn="category" style="min-width:10rem">Category <p-sortIcon field="category" /></th>
-                            <th pSortableColumn="rating">Reviews <p-sortIcon field="rating" /></th>
-                            <th pSortableColumn="inventoryStatus" style="min-width:10rem">Status <p-sortIcon field="inventoryStatus" /></th>
-                            <th></th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>
-                                <p-tableCheckbox [value]="product" />
-                            </td>
-                            <td>{{ product.name }}</td>
-                            <td><img [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + product.image" [alt]="product.name" width="50" class="shadow-4" /></td>
-                            <td>{{ product.price | currency: 'USD' }}</td>
-                            <td>{{ product.category }}</td>
-                            <td><p-rating [(ngModel)]="product.rating" [readonly]="true" [cancel]="false" /></td>
-                            <td>
-                                <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" />
-                            </td>
-                            <td>
-                                <p-button icon="pi pi-pencil" class="mr-2" [rounded]="true" [outlined]="true" severity="success" (onClick)="editProduct(product)" />
-                                <p-button icon="pi pi-trash" severity="danger" [rounded]="true" [outlined]="true" (onClick)="deleteProduct(product)" />
-                            </td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="summary">
-                        <div class="flex items-center justify-between">In total there are {{ products ? products.length : 0 }} products.</div>
-                    </ng-template>
-                </p-table>
-
-                <p-dialog [(visible)]="productDialog" [style]="{ width: '450px' }" header="Product Details" [modal]="true" styleClass="p-fluid">
-                    <ng-template pTemplate="content">
-                        <div class="flex flex-col gap-4">
-                            <img [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + product.image" [alt]="product.image" class="block m-auto pb-3" *ngIf="product.image" />
-                            <div class="field">
-                                <label for="name">Name</label>
-                                <input type="text" pInputText id="name" [(ngModel)]="product.name" required autofocus />
-                                <small class="p-error" *ngIf="submitted && !product.name">Name is required.</small>
-                            </div>
-                            <div class="field">
-                                <label for="description">Description</label>
-                                <textarea id="description" pInputTextarea [(ngModel)]="product.description" required rows="3" cols="20"></textarea>
-                            </div>
-
-                            <div class="field">
-                                <label for="inventoryStatus">Inventory Status</label>
-                                <p-dropdown [(ngModel)]="product.inventoryStatus" inputId="inventoryStatus" [options]="statuses">
-                                    <ng-template pTemplate="selectedItem">
-                                        <p-tag [value]="product.inventoryStatus.toUpperCase()" [severity]="getSeverity(product.inventoryStatus.toUpperCase())" />
-                                    </ng-template>
-                                    <ng-template let-option pTemplate="item">
-                                        <p-tag [value]="option.label" [severity]="getSeverity(option.label)" />
-                                    </ng-template>
-                                </p-dropdown>
-                            </div>
-
-                            <div class="field">
-                                <label class="block mb-3">Category</label>
-                                <div class="grid grid-cols-12 gap-4">
-                                    <div class="flex items-center gap-2 col-span-6">
-                                        <p-radioButton id="category1" name="category" value="Accessories" [(ngModel)]="product.category" />
-                                        <label for="category1">Accessories</label>
-                                    </div>
-                                    <div class="flex items-center gap-2 col-span-6">
-                                        <p-radioButton id="category2" name="category" value="Clothing" [(ngModel)]="product.category" />
-                                        <label for="category2">Clothing</label>
-                                    </div>
-                                    <div class="flex items-center gap-2 col-span-6">
-                                        <p-radioButton id="category3" name="category" value="Electronics" [(ngModel)]="product.category" />
-                                        <label for="category3">Electronics</label>
-                                    </div>
-                                    <div class="flex items-center gap-2 col-span-6">
-                                        <p-radioButton id="category4" name="category" value="Fitness" [(ngModel)]="product.category" />
-                                        <label for="category4">Fitness</label>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="grid grid-cols-12 gap-4">
-                                <div class="col-span-6">
-                                    <label for="price">Price</label>
-                                    <p-inputNumber id="price" [(ngModel)]="product.price" mode="currency" currency="USD" locale="en-US" />
-                                </div>
-                                <div class="col-span-6">
-                                    <label for="quantity">Quantity</label>
-                                    <p-inputNumber id="quantity" [(ngModel)]="product.quantity" />
-                                </div>
-                            </div>
-                        </div>
-                    </ng-template>
-
-                    <ng-template pTemplate="footer">
-                        <p-button label="Cancel" icon="pi pi-times" [text]="true" (onClick)="hideDialog()" />
-                        <p-button label="Save" icon="pi pi-check" [text]="true" (onClick)="saveProduct()" />
-                    </ng-template>
-                </p-dialog>
-
-                <p-confirmDialog [style]="{ width: '450px' }" />
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-products-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [MessageService, ConfirmationService]
-})
-export class ProductsDoc {
-    productDialog: boolean = false;
-
-    products!: Product[];
-
-    product!: Product;
-
-    selectedProducts!: Product[] | null;
-
-    submitted: boolean = false;
-
-    statuses!: any[];
-
-    constructor(
-        private productService: ProductService,
-        private messageService: MessageService,
-        private confirmationService: ConfirmationService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProducts().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-
-        this.statuses = [
-            { label: 'INSTOCK', value: 'instock' },
-            { label: 'LOWSTOCK', value: 'lowstock' },
-            { label: 'OUTOFSTOCK', value: 'outofstock' }
-        ];
-    }
-
-    openNew() {
-        this.product = {};
-        this.submitted = false;
-        this.productDialog = true;
-    }
-
-    deleteSelectedProducts() {
-        this.confirmationService.confirm({
-            message: 'Are you sure you want to delete the selected products?',
-            header: 'Confirm',
-            icon: 'pi pi-exclamation-triangle',
-            accept: () => {
-                this.products = this.products.filter((val) => !this.selectedProducts?.includes(val));
-                this.selectedProducts = null;
-                this.messageService.add({ severity: 'success', summary: 'Successful', detail: 'Products Deleted', life: 3000 });
-            }
-        });
-    }
-
-    editProduct(product: Product) {
-        this.product = { ...product };
-        this.productDialog = true;
-    }
-
-    deleteProduct(product: Product) {
-        this.confirmationService.confirm({
-            message: 'Are you sure you want to delete ' + product.name + '?',
-            header: 'Confirm',
-            icon: 'pi pi-exclamation-triangle',
-            accept: () => {
-                this.products = this.products.filter((val) => val.id !== product.id);
-                this.product = {};
-                this.messageService.add({ severity: 'success', summary: 'Successful', detail: 'Product Deleted', life: 3000 });
-            }
-        });
-    }
-
-    hideDialog() {
-        this.productDialog = false;
-        this.submitted = false;
-    }
-
-    saveProduct() {
-        this.submitted = true;
-
-        if (this.product.name?.trim()) {
-            if (this.product.id) {
-                this.products[this.findIndexById(this.product.id)] = this.product;
-                this.messageService.add({ severity: 'success', summary: 'Successful', detail: 'Product Updated', life: 3000 });
-            } else {
-                this.product.id = this.createId();
-                this.product.image = 'product-placeholder.svg';
-                this.products.push(this.product);
-                this.messageService.add({ severity: 'success', summary: 'Successful', detail: 'Product Created', life: 3000 });
-            }
-
-            this.products = [...this.products];
-            this.productDialog = false;
-            this.product = {};
-        }
-    }
-
-    findIndexById(id: string): number {
-        let index = -1;
-        for (let i = 0; i < this.products.length; i++) {
-            if (this.products[i].id === id) {
-                index = i;
-                break;
-            }
-        }
-
-        return index;
-    }
-
-    createId(): string {
-        let id = '';
-        var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-        for (var i = 0; i < 5; i++) {
-            id += chars.charAt(Math.floor(Math.random() * chars.length));
-        }
-        return id;
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-toolbar styleClass="mb-4 gap-2">
-    <ng-template pTemplate="left">
-        <p-button
-            severity="success"
-            label="New"
-            icon="pi pi-plus"
-            class="mr-2"
-            (onClick)="openNew()" />
-        <p-button
-            severity="danger"
-            label="Delete"
-            icon="pi pi-trash"
-            (onClick)="deleteSelectedProducts()"
-            [disabled]="!selectedProducts || !selectedProducts.length" />
-    </ng-template>
-
-    <ng-template pTemplate="right">
-        <p-fileUpload
-            mode="basic"
-            accept="image/*"
-            [maxFileSize]="1000000"
-            label="Import"
-            chooseLabel="Import"
-            class="mr-2 inline-block" />
-        <p-button
-            severity="help"
-            label="Export"
-            icon="pi pi-upload" />
-    </ng-template>
-</p-toolbar>
-
-<p-table
-    #dt
-    [value]="products"
-    [rows]="10"
-    [paginator]="true"
-    [globalFilterFields]="['name', 'country.name', 'representative.name', 'status']"
-    [tableStyle]="{ 'min-width': '75rem' }"
-    [(selection)]="selectedProducts"
-    [rowHover]="true"
-    dataKey="id"
-    currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
-    [showCurrentPageReport]="true"
->
-    <ng-template pTemplate="caption">
-        <div class="flex items-center justify-between">
-            <h5 class="m-0">Manage Products</h5>
-            <p-iconField iconPosition="left">
-                <p-inputIcon styleClass="pi pi-search"></p-inputIcon>
-                <input pInputText type="text" (input)="dt.filterGlobal($event.target.value, 'contains')" placeholder="Search..." />
-            </p-iconField>
-        </div>
-    </ng-template>
-    <ng-template pTemplate="header">
-        <tr>
-            <th style="width: 4rem">
-                <p-tableHeaderCheckbox />
-            </th>
-            <th pSortableColumn="name" style="min-width:15rem">
-                Name <p-sortIcon field="name" />
-            </th>
-            <th>
-                Image
-            </th>
-            <th pSortableColumn="price">
-                Price <p-sortIcon field="price" />
-            </th>
-            <th pSortableColumn="category" style="min-width:10rem">
-                Category <p-sortIcon field="category" />
-            </th>
-            <th pSortableColumn="rating">
-                Reviews <p-sortIcon field="rating" />
-            </th>
-            <th pSortableColumn="inventoryStatus" style="min-width:10rem">
-                Status <p-sortIcon field="inventoryStatus" />
-            </th>
-            <th></th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-product>
-        <tr>
-            <td>
-                <p-tableCheckbox [value]="product" />
-            </td>
-            <td>
-                {{ product.name }}
-            </td>
-            <td>
-                <img
-                    [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + product.image"
-                    [alt]="product.name"
-                    width="50"
-                    class="shadow-4" />
-            </td>
-            <td>
-                {{ product.price | currency : 'USD' }}
-            </td>
-            <td>
-                {{ product.category }}
-            </td>
-            <td>
-                <p-rating [(ngModel)]="product.rating" [readonly]="true" [cancel]="false" />
-            </td>
-            <td>
-                <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" />
-            </td>
-            <td>
-                <p-button
-
-                    icon="pi pi-pencil"
-                    class="mr-2"
-                    [rounded]="true"
-                    [outlined]="true"
-                    severity="success"
-                    (onClick)="editProduct(product)" />
-                <p-button
-
-                    icon="pi pi-trash"
-                    severity="danger"
-                    [rounded]="true"
-                    [outlined]="true"
-                    (onClick)="deleteProduct(product)" />
-            </td>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="summary">
-        <div class="flex items-center justify-between">
-            In total there are {{ products ? products.length : 0 }} products.
-        </div>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-toast />
-    <p-toolbar styleClass="mb-4 gap-2">
-        <ng-template pTemplate="left">
-            <p-button
-                severity="success"
-                label="New"
-                icon="pi pi-plus"
-                class="mr-2"
-                (onClick)="openNew()" />
-            <p-button
-                severity="danger"
-                label="Delete"
-                icon="pi pi-trash"
-                (onClick)="deleteSelectedProducts()"
-                [disabled]="!selectedProducts || !selectedProducts.length" />
-        </ng-template>
-
-        <ng-template pTemplate="right">
-            <p-fileUpload
-                mode="basic"
-                accept="image/*"
-                [maxFileSize]="1000000"
-                label="Import"
-                chooseLabel="Import"
-                class="mr-2 inline-block" />
-            <p-button
-                severity="help"
-                label="Export"
-                icon="pi pi-upload" />
-        </ng-template>
-    </p-toolbar>
-
-    <p-table
-        #dt
-        [value]="products"
-        [rows]="10"
-        [paginator]="true"
-        [globalFilterFields]="['name', 'country.name', 'representative.name', 'status']"
-        [tableStyle]="{ 'min-width': '75rem' }"
-        [(selection)]="selectedProducts"
-        [rowHover]="true"
-        dataKey="id"
-        currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
-        [showCurrentPageReport]="true"
-    >
-        <ng-template pTemplate="caption">
-            <div class="flex items-center justify-between">
-                <h5 class="m-0">Manage Products</h5>
-                <p-iconField iconPosition="left">
-                    <p-inputIcon styleClass="pi pi-search"></p-inputIcon>
-                    <input pInputText type="text" (input)="dt.filterGlobal($event.target.value, 'contains')" placeholder="Search..." />
-                </p-iconField>
-            </div>
-        </ng-template>
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="width: 4rem">
-                    <p-tableHeaderCheckbox />
-                </th>
-                <th pSortableColumn="name" style="min-width:15rem">
-                    Name <p-sortIcon field="name" />
-                </th>
-                <th>
-                    Image
-                </th>
-                <th pSortableColumn="price">
-                    Price <p-sortIcon field="price" />
-                </th>
-                <th pSortableColumn="category" style="min-width:10rem">
-                    Category <p-sortIcon field="category" />
-                </th>
-                <th pSortableColumn="rating">
-                    Reviews <p-sortIcon field="rating" />
-                </th>
-                <th pSortableColumn="inventoryStatus" style="min-width:10rem">
-                    Status <p-sortIcon field="inventoryStatus" />
-                </th>
-                <th></th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>
-                    <p-tableCheckbox [value]="product" />
-                </td>
-                <td>
-                    {{ product.name }}
-                </td>
-                <td>
-                <img
-                    [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + product.image"
-                    [alt]="product.name"
-                    width="50"
-                    class="shadow-4" />
-                </td>
-                <td>
-                    {{ product.price | currency : 'USD' }}
-                </td>
-                <td>
-                    {{ product.category }}
-                </td>
-                <td>
-                    <p-rating
-                        [(ngModel)]="product.rating"
-                        [readonly]="true"
-                        [cancel]="false" />
-                </td>
-                <td>
-                    <p-tag
-                        [value]="product.inventoryStatus"
-                        [severity]="getSeverity(product.inventoryStatus)" />
-                </td>
-                <td>
-                    <p-button
-                        icon="pi pi-pencil"
-                        class="mr-2"
-                        [rounded]="true"
-                        [outlined]="true"
-                        severity="success"
-                        (onClick)="editProduct(product)" />
-                    <p-button
-                        icon="pi pi-trash"
-                        severity="danger"
-                        [rounded]="true"
-                        [outlined]="true"
-                        (onClick)="deleteProduct(product)" />
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="summary">
-            <div class="flex items-center justify-between">
-                In total there are {{ products ? products.length : 0 }} products.
-            </div>
-        </ng-template>
-    </p-table>
-
-    <p-dialog
-        [(visible)]="productDialog"
-        [style]="{ width: '450px' }"
-        header="Product Details"
-        [modal]="true"
-        styleClass="p-fluid">
-            <ng-template pTemplate="content">
-                <div class="flex flex-col gap-4">
-                    <img
-                        [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + product.image"
-                        [alt]="product.image"
-                        class="block m-auto pb-3"
-                        *ngIf="product.image" />
-                    <div class="field">
-                        <label for="name">Name</label>
-                        <input
-                            type="text"
-                            pInputText
-                            id="name"
-                            [(ngModel)]="product.name"
-                            required
-                            autofocus />
-                        <small class="p-error" *ngIf="submitted && !product.name">
-                            Name is required.
-                        </small>
-                    </div>
-                    <div class="field">
-                        <label for="description">Description</label>
-                        <textarea
-                            id="description"
-                            pInputTextarea
-                            [(ngModel)]="product.description"
-                            required
-                            rows="3"
-                            cols="20">
-                        </textarea>
-                    </div>
-
-                    <div class="field">
-                        <label for="inventoryStatus">Inventory Status</label>
-                        <p-dropdown
-                            [(ngModel)]="product.inventoryStatus"
-                            inputId="inventoryStatus"
-                            [options]="statuses">
-                                <ng-template pTemplate="selectedItem">
-                                    <p-tag
-                                        [value]="product.inventoryStatus.toUpperCase()"
-                                        [severity]="getSeverity(product.inventoryStatus.toUpperCase())" />
-                                </ng-template>
-                                <ng-template let-option pTemplate="item">
-                                    <p-tag
-                                        [value]="option.label"
-                                        [severity]="getSeverity(option.label)" />
-                                </ng-template>
-                        </p-dropdown>
-                    </div>
-
-                    <div class="field">
-                        <label class="block mb-3">Category</label>
-                        <div class="grid grid-cols-12 gap-4">
-                            <div class="flex items-center gap-2 col-span-6">
-                                <p-radioButton
-                                    id="category1"
-                                    name="category"
-                                    value="Accessories"
-                                    [(ngModel)]="product.category" />
-                                <label for="category1">Accessories</label>
-                            </div>
-                            <div class="flex items-center gap-2 col-span-6">
-                                <p-radioButton
-                                    id="category2"
-                                    name="category"
-                                    value="Clothing"
-                                    [(ngModel)]="product.category" />
-                                <label for="category2">Clothing</label>
-                            </div>
-                            <div class="flex items-center gap-2 col-span-6">
-                                <p-radioButton
-                                    id="category3"
-                                    name="category"
-                                    value="Electronics"
-                                    [(ngModel)]="product.category" />
-                                <label for="category3">Electronics</label>
-                            </div>
-                            <div class="flex items-center gap-2 col-span-6">
-                                <p-radioButton
-                                    id="category4"
-                                    name="category"
-                                    value="Fitness"
-                                    [(ngModel)]="product.category" />
-                                <label for="category4">Fitness</label>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="grid grid-cols-12 gap-4">
-                        <div class="col-span-6">
-                            <label for="price">Price</label>
-                            <p-inputNumber
-                                id="price"
-                                [(ngModel)]="product.price"
-                                mode="currency"
-                                currency="USD"
-                                locale="en-US" />
-                        </div>
-                        <div class="col-span-6">
-                            <label for="quantity">Quantity</label>
-                            <p-inputNumber
-                                id="quantity"
-                                [(ngModel)]="product.quantity" />
-                        </div>
-                    </div>
-                </div>
-            </ng-template>
-
-            <ng-template pTemplate="footer">
-                <p-button
-                    label="Cancel"
-                    icon="pi pi-times"
-                    [text]="true"
-                    (onClick)="hideDialog()" />
-                <p-button
-                    label="Save"
-                    icon="pi pi-check"
-                    [text]="true"
-                    (onClick)="saveProduct()" />
-            </ng-template>
-    </p-dialog>
-
-    <p-confirmDialog [style]="{ width: '450px' }" />
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { ConfirmationService, MessageService } from 'primeng/api';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { DialogModule } from 'primeng/dialog';
-import { RippleModule } from 'primeng/ripple';
-import { ButtonModule } from 'primeng/button';
-import { ToastModule } from 'primeng/toast';
-import { ToolbarModule } from 'primeng/toolbar';
-import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { InputTextModule } from 'primeng/inputtext';
-import { InputTextareaModule } from 'primeng/inputtextarea';
-import { CommonModule } from '@angular/common';
-import { FileUploadModule } from 'primeng/fileupload';
-import { DropdownModule } from 'primeng/dropdown';
-import { TagModule } from 'primeng/tag';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { RatingModule } from 'primeng/rating';
-import { FormsModule } from '@angular/forms';
-import { InputNumberModule } from 'primeng/inputnumber';
-
-@Component({
-    selector: 'table-products-demo',
-    templateUrl: 'table-products-demo.html',
-    standalone: true,
-    imports: [TableModule, DialogModule, RippleModule, ButtonModule, ToastModule, ToolbarModule, ConfirmDialogModule, InputTextModule, InputTextareaModule, CommonModule, FileUploadModule, DropdownModule, TagModule, RadioButtonModule, RatingModule, InputTextModule, FormsModule, InputNumberModule],
-    providers: [MessageService, ConfirmationService, ProductService],
-    styles: [
-        \`:host ::ng-deep .p-dialog .product-image {
-            width: 150px;
-            margin: 0 auto 2rem auto;
-            display: block;
-        }\`
-    ]
-})
-export class TableProductsDemo implements OnInit{
-    productDialog: boolean = false;
-
-    products!: Product[];
-
-    product!: Product;
-
-    selectedProducts!: Product[] | null;
-
-    submitted: boolean = false;
-
-    statuses!: any[];
-
-    constructor(private productService: ProductService, private messageService: MessageService, private confirmationService: ConfirmationService) {}
-
-    ngOnInit() {
-        this.productService.getProducts().then((data) => (this.products = data));
-
-        this.statuses = [
-            { label: 'INSTOCK', value: 'instock' },
-            { label: 'LOWSTOCK', value: 'lowstock' },
-            { label: 'OUTOFSTOCK', value: 'outofstock' }
-        ];
-    }
-
-    openNew() {
-        this.product = {};
-        this.submitted = false;
-        this.productDialog = true;
-    }
-
-    deleteSelectedProducts() {
-        this.confirmationService.confirm({
-            message: 'Are you sure you want to delete the selected products?',
-            header: 'Confirm',
-            icon: 'pi pi-exclamation-triangle',
-            accept: () => {
-                this.products = this.products.filter((val) => !this.selectedProducts?.includes(val));
-                this.selectedProducts = null;
-                this.messageService.add({ severity: 'success', summary: 'Successful', detail: 'Products Deleted', life: 3000 });
-            }
-        });
-    }
-
-    editProduct(product: Product) {
-        this.product = { ...product };
-        this.productDialog = true;
-    }
-
-    deleteProduct(product: Product) {
-        this.confirmationService.confirm({
-            message: 'Are you sure you want to delete ' + product.name + '?',
-            header: 'Confirm',
-            icon: 'pi pi-exclamation-triangle',
-            accept: () => {
-                this.products = this.products.filter((val) => val.id !== product.id);
-                this.product = {};
-                this.messageService.add({ severity: 'success', summary: 'Successful', detail: 'Product Deleted', life: 3000 });
-            }
-        });
-    }
-
-    hideDialog() {
-        this.productDialog = false;
-        this.submitted = false;
-    }
-
-    saveProduct() {
-        this.submitted = true;
-
-        if (this.product.name?.trim()) {
-            if (this.product.id) {
-                this.products[this.findIndexById(this.product.id)] = this.product;
-                this.messageService.add({ severity: 'success', summary: 'Successful', detail: 'Product Updated', life: 3000 });
-            } else {
-                this.product.id = this.createId();
-                this.product.image = 'product-placeholder.svg';
-                this.products.push(this.product);
-                this.messageService.add({ severity: 'success', summary: 'Successful', detail: 'Product Created', life: 3000 });
-            }
-
-            this.products = [...this.products];
-            this.productDialog = false;
-            this.product = {};
-        }
-    }
-
-    findIndexById(id: string): number {
-        let index = -1;
-        for (let i = 0; i < this.products.length; i++) {
-            if (this.products[i].id === id) {
-                index = i;
-                break;
-            }
-        }
-
-        return index;
-    }
-
-    createId(): string {
-        let id = '';
-        var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-        for (var i = 0; i < 5; i++) {
-            id += chars.charAt(Math.floor(Math.random() * chars.length));
-        }
-        return id;
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        scss: `
-:host ::ng-deep .p-dialog .product-image {
-    width: 150px;
-    margin: 0 auto 2rem auto;
-    display: block;
-}`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/radiobuttonselectiondoc.ts b/src/app/showcase/doc/table/radiobuttonselectiondoc.ts
deleted file mode 100644
index 5c88838..0000000
--- a/src/app/showcase/doc/table/radiobuttonselectiondoc.ts
+++ /dev/null
@@ -1,173 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'radio-button-selection-doc',
-    template: ` <app-docsectiontext>
-            <p>Single selection can also be handled using radio buttons.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" [(selection)]="selectedProduct" dataKey="code" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width: 4rem"></th>
-                            <th>Code</th>
-                            <th>Name</th>
-                            <th>Category</th>
-                            <th>Quantity</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>
-                                <p-tableRadioButton [value]="product" />
-                            </td>
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-radio-button-selection-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class RadioButtonSelectionDoc {
-    products!: Product[];
-
-    selectedProduct!: Product;
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table 
-    [value]="products" 
-    [(selection)]="selectedProduct"
-    dataKey="code" 
-    [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="width: 4rem"></th>
-                <th>Code</th>
-                <th>Name</th>
-                <th>Category</th>
-                <th>Quantity</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>
-                    <p-tableRadioButton [value]="product" />
-                </td>
-                <td>{{product.code}}</td>
-                <td>{{product.name}}</td>
-                <td>{{product.category}}</td>
-                <td>{{product.quantity}}</td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table 
-        [value]="products" 
-        [(selection)]="selectedProduct" 
-        dataKey="code" 
-        [tableStyle]="{'min-width': '50rem'}">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th style="width: 4rem"></th>
-                    <th>Code</th>
-                    <th>Name</th>
-                    <th>Category</th>
-                    <th>Quantity</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-product>
-                <tr>
-                    <td>
-                        <p-tableRadioButton [value]="product" />
-                    </td>
-                    <td>{{product.code}}</td>
-                    <td>{{product.name}}</td>
-                    <td>{{product.category}}</td>
-                    <td>{{product.quantity}}</td>
-                </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'table-radio-button-selection-demo',
-    templateUrl: 'table-radio-button-selection-demo.html',
-    standalone: true,
-    imports: [TableModule, FormsModule, CommonModule],
-    providers: [ProductService]
-})
-export class TableRadioButtonSelectionDemo implements OnInit{
-    products!: Product[];
-
-    selectedProduct!: Product;
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    } 
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/removablesortdoc.ts b/src/app/showcase/doc/table/removablesortdoc.ts
deleted file mode 100644
index 397ec7e..0000000
--- a/src/app/showcase/doc/table/removablesortdoc.ts
+++ /dev/null
@@ -1,238 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ViewChild } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { SortEvent } from 'primeng/api';
-import { Table } from 'primeng/table';
-@Component({
-    selector: 'removable-sort-doc',
-    template: ` <app-docsectiontext>
-            <p>The removable sort can be implemented using the <i>customSort</i> property.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table #dt [value]="products" (sortFunction)="customSort($event)" [customSort]="true">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th pSortableColumn="code">Code <p-sortIcon field="code" /></th>
-                            <th pSortableColumn="name">Name <p-sortIcon field="name" /></th>
-                            <th pSortableColumn="category">Category <p-sortIcon field="category" /></th>
-                            <th pSortableColumn="quantity">Quantity <p-sortIcon field="quantity" /></th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-removable-sort-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class RemovableSortDoc {
-    @ViewChild('dt') dt: Table;
-
-    products: Product[];
-
-    initialValue: Product[];
-
-    isSorted: boolean = null;
-
-    constructor(private productService: ProductService) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.initialValue = [...data];
-        });
-    }
-
-    customSort(event: SortEvent) {
-        if (this.isSorted == null || this.isSorted === undefined) {
-            this.isSorted = true;
-            this.sortTableData(event);
-        } else if (this.isSorted == true) {
-            this.isSorted = false;
-            this.sortTableData(event);
-        } else if (this.isSorted == false) {
-            this.isSorted = null;
-            this.products = [...this.initialValue];
-            this.dt.reset();
-        }
-    }
-
-    sortTableData(event) {
-        event.data.sort((data1, data2) => {
-            let value1 = data1[event.field];
-            let value2 = data2[event.field];
-            let result = null;
-            if (value1 == null && value2 != null) result = -1;
-            else if (value1 != null && value2 == null) result = 1;
-            else if (value1 == null && value2 == null) result = 0;
-            else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2);
-            else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-
-            return event.order * result;
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table #dt [value]="products" (sortFunction)="customSort($event)" [customSort]="true">
-    <ng-template pTemplate="header">
-        <tr>
-            <th pSortableColumn="code">
-                Code <p-sortIcon field="code" />
-            </th>
-            <th pSortableColumn="name">
-                Name <p-sortIcon field="name" />
-            </th>
-            <th pSortableColumn="category">
-                Category <p-sortIcon field="category" />
-            </th>
-            <th pSortableColumn="quantity">
-                Quantity <p-sortIcon field="quantity" />
-            </th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-product>
-        <tr>
-            <td>{{ product.code }}</td>
-            <td>{{ product.name }}</td>
-            <td>{{ product.category }}</td>
-            <td>{{ product.quantity }}</td>
-        </tr>
-    </ng-template>
-</p-table>`,
-
-        html: `<div class="card">
-    <p-table #dt [value]="products" (sortFunction)="customSort($event)" [customSort]="true">
-        <ng-template pTemplate="header">
-            <tr>
-                <th pSortableColumn="code">
-                    Code <p-sortIcon field="code" />
-                </th>
-                <th pSortableColumn="name">
-                    Name <p-sortIcon field="name" />
-                </th>
-                <th pSortableColumn="category">
-                    Category <p-sortIcon field="category" />
-                </th>
-                <th pSortableColumn="quantity">
-                    Quantity <p-sortIcon field="quantity" />
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>{{ product.code }}</td>
-                <td>{{ product.name }}</td>
-                <td>{{ product.category }}</td>
-                <td>{{ product.quantity }}</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit, ViewChild } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-import { TableModule } from 'primeng/table';
-import { Table } from 'primeng/table';
-import { SortEvent } from 'primeng/api';
-
-@Component({
-    selector: 'table-removable-sort-demo',
-    templateUrl: 'table-removable-sort-demo.html',
-    standalone: true,
-    imports: [TableModule],
-    providers: [ProductService]
-})
-
-export class TableRemovableSortDemo implements OnInit {
-    @ViewChild('dt') dt: Table;
-
-    products: Product[];
-
-    initialValue: Product[];
-
-    isSorted: boolean = null;
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.initialValue = [...data];
-        });
-    }
-
-    customSort(event: SortEvent) {
-        if (this.isSorted == null || this.isSorted === undefined) {
-            this.isSorted = true;
-            this.sortTableData(event);
-        } else if (this.isSorted == true) {
-            this.isSorted = false;
-            this.sortTableData(event);
-        } else if (this.isSorted == false) {
-            this.isSorted = null;
-            this.products = [...this.initialValue];
-            this.dt.reset();
-        }
-    }
-
-    sortTableData(event) {
-        event.data.sort((data1, data2) => {
-            let value1 = data1[event.field];
-            let value2 = data2[event.field];
-            let result = null;
-            if (value1 == null && value2 != null) result = -1;
-            else if (value1 != null && value2 == null) result = 1;
-            else if (value1 == null && value2 == null) result = 0;
-            else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2);
-            else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-
-            return event.order * result;
-        });
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/reorderdoc.ts b/src/app/showcase/doc/table/reorderdoc.ts
deleted file mode 100644
index 6123cbd..0000000
--- a/src/app/showcase/doc/table/reorderdoc.ts
+++ /dev/null
@@ -1,200 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'reorder-doc',
-    template: ` <app-docsectiontext>
-            <p>Order of the columns and rows can be changed using drag and drop. Column reordering is configured by adding <i>reorderableColumns</i> property.</p>
-            <p>
-                Similarly, adding <i>reorderableRows</i> property enables draggable rows. For the drag handle a column needs to have <i>rowReorder</i> property and <i>onRowReorder</i> callback is required to control the state of the rows after
-                reorder completes.
-            </p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" [columns]="cols" [reorderableColumns]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th style="width:3rem"></th>
-                            <th *ngFor="let col of columns" pReorderableColumn>
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowData let-columns="columns" let-index="rowIndex">
-                        <tr [pReorderableRow]="index">
-                            <td>
-                                <span class="pi pi-bars" pReorderableRowHandle></span>
-                            </td>
-                            <td *ngFor="let col of columns">
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-reorder-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ReorderDoc {
-    products!: Product[];
-
-    cols!: Column[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-
-        this.cols = [
-            { field: 'code', header: 'Code' },
-            { field: 'name', header: 'Name' },
-            { field: 'category', header: 'Category' },
-            { field: 'quantity', header: 'Quantity' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-table 
-    [value]="products" 
-    [columns]="cols" 
-    [reorderableColumns]="true" 
-    [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th style="width:3rem"></th>
-                <th *ngFor="let col of columns" pReorderableColumn>
-                    {{col.header}}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template 
-            pTemplate="body" 
-            let-rowData 
-            let-columns="columns" 
-            let-index="rowIndex">
-                <tr [pReorderableRow]="index">
-                    <td>
-                        <span class="pi pi-bars" pReorderableRowHandle></span>
-                    </td>
-                    <td *ngFor="let col of columns">
-                        {{rowData[col.field]}}
-                    </td>
-                </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table 
-        [value]="products" 
-        [columns]="cols" 
-        [reorderableColumns]="true" 
-        [tableStyle]="{'min-width': '50rem'}">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th style="width:3rem"></th>
-                    <th *ngFor="let col of columns" pReorderableColumn>
-                        {{col.header}}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template 
-                pTemplate="body" 
-                let-rowData 
-                let-columns="columns" 
-                let-index="rowIndex">
-                    <tr [pReorderableRow]="index">
-                        <td>
-                            <span class="pi pi-bars" pReorderableRowHandle></span>
-                        </td>
-                        <td *ngFor="let col of columns">
-                            {{rowData[col.field]}}
-                        </td>
-                    </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'table-reorder-demo',
-    templateUrl: 'table-reorder-demo.html',
-    standalone: true,
-    imports: [TableModule, CommonModule],
-    providers: [ProductService]
-})
-export class TableReorderDemo implements OnInit{
-    products!: Product[];
-
-    cols!: Column[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => (this.products = data));
-
-        this.cols = [
-            { field: 'code', header: 'Code' },
-            { field: 'name', header: 'Name' },
-            { field: 'category', header: 'Category' },
-            { field: 'quantity', header: 'Quantity' }
-        ];
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/responsivescrolldoc.ts b/src/app/showcase/doc/table/responsivescrolldoc.ts
deleted file mode 100644
index 468ddb5..0000000
--- a/src/app/showcase/doc/table/responsivescrolldoc.ts
+++ /dev/null
@@ -1,243 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'responsive-scroll-doc',
-    template: ` <app-docsectiontext>
-            <p>When there is not enough space for the table to fit all the content efficiently, table displays a horizontal scrollbar. It is suggested to give a min-width to the table to avoid design issues due wrapping of cell contents.</p>
-            <p>Following table displays a horizontal scrollbar when viewport is smaller than 50rem.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th>Name</th>
-                            <th>Price</th>
-                            <th>Category</th>
-                            <th>Quantity</th>
-                            <th>Status</th>
-                            <th>Reviews</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product let-columns="columns">
-                        <tr>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.price | currency: 'USD' }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                            <td>
-                                <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" />
-                            </td>
-                            <td><p-rating [(ngModel)]="product.rating" [readonly]="true" [cancel]="false" /></td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-responsive-scroll-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ResponsiveScrollDoc {
-    products!: Product[];
-
-    cols!: Column[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-
-        this.cols = [
-            { field: 'code', header: 'Code' },
-            { field: 'name', header: 'Name' },
-            { field: 'category', header: 'Category' },
-            { field: 'quantity', header: 'Quantity' },
-            { field: 'inventoryStatus', header: 'Status' },
-            { field: 'rating', header: 'Rating' }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-
-    code: Code = {
-        basic: `<p-table [value]="products" [tableStyle]="{'min-width': '50rem'}">
-    <ng-template pTemplate="header" let-columns>
-        <tr>
-            <th>Name </th>
-            <th>Price</th>
-            <th>Category</th>
-            <th>Quantity</th>
-            <th>Status</th>
-            <th>Reviews</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-product let-columns="columns">
-        <tr>
-            <td>
-                {{product.name}}
-            </td>
-            <td>
-                {{product.price | currency:'USD'}}
-            </td>
-            <td>
-                {{product.category}}
-            </td>
-            <td>
-                {{product.quantity}}
-            </td>
-            <td>
-                <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" />
-            </td>
-            <td>
-                <p-rating [(ngModel)]="product.rating" [readonly]="true" [cancel]="false" />
-            </td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table [value]="products" [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th>Name </th>
-                <th>Price</th>
-                <th>Category</th>
-                <th>Quantity</th>
-                <th>Status</th>
-                <th>Reviews</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product let-columns="columns">
-            <tr>
-                <td>
-                    {{product.name}}
-                </td>
-                <td>
-                    {{product.price | currency:'USD'}}
-                </td>
-                <td>
-                    {{product.category}}
-                </td>
-                <td>
-                    {{product.quantity}}
-                </td>
-                <td>
-                    <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" />
-                </td>
-                <td>
-                    <p-rating [(ngModel)]="product.rating" [readonly]="true" [cancel]="false" />
-                </td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { TagModule } from 'primeng/tag';
-import { RatingModule } from 'primeng/rating';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'table-responsive-scroll-demo',
-    templateUrl: 'table-responsive-scroll-demo.html',
-    standalone: true,
-    imports: [TableModule, TagModule, RatingModule, CommonModule],
-    providers: [ProductService]
-})
-export class TableResponsiveScrollDemo implements OnInit{
-    products!: Product[];
-
-    cols!: Column[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-
-        this.cols = [
-            { field: 'code', header: 'Code' },
-            { field: 'name', header: 'Name' },
-            { field: 'category', header: 'Category' },
-            { field: 'quantity', header: 'Quantity' },
-            { field: 'inventoryStatus', header: 'Status' },
-            { field: 'rating', header: 'Rating' }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/responsivestackdoc.ts b/src/app/showcase/doc/table/responsivestackdoc.ts
deleted file mode 100644
index 2e7aa48..0000000
--- a/src/app/showcase/doc/table/responsivestackdoc.ts
+++ /dev/null
@@ -1,259 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'responsive-stack-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                In stack layout, columns are displayed as stacked after a certain breakpoint. Default is '960px' as max-width. This feature is enabled by setting <i>responsiveLayout</i> to <i>stack</i> and adding an element with
-                <i>p-column-title</i> style class to the body cells.
-            </p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" responsiveLayout="stack" [breakpoint]="'960px'" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th>Name</th>
-                            <th>Price</th>
-                            <th>Category</th>
-                            <th>Quantity</th>
-                            <th>Status</th>
-                            <th>Reviews</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product let-columns="columns">
-                        <tr>
-                            <td><span class="p-column-title">Name</span>{{ product.name }}</td>
-                            <td><span class="p-column-title">Price</span>{{ product.price | currency: 'USD' }}</td>
-                            <td><span class="p-column-title">Category</span>{{ product.category }}</td>
-                            <td><span class="p-column-title">Quantity</span>{{ product.quantity }}</td>
-                            <td><p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" /></td>
-                            <td><span class="p-column-title">Reviews</span><p-rating [(ngModel)]="product.rating" [readonly]="true" [cancel]="false" /></td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-responsive-stack-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ResponsiveStackDoc {
-    products!: Product[];
-
-    cols!: Column[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-
-        this.cols = [
-            { field: 'code', header: 'Code' },
-            { field: 'name', header: 'Name' },
-            { field: 'category', header: 'Category' },
-            { field: 'quantity', header: 'Quantity' },
-            { field: 'inventoryStatus', header: 'Status' },
-            { field: 'rating', header: 'Rating' }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-
-    code: Code = {
-        basic: `<p-table 
-    [value]="products" 
-    responsiveLayout="stack" 
-    [breakpoint]="'960px'" 
-    [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th>Name</th>
-                <th>Price</th>
-                <th>Category</th>
-                <th>Quantity</th>
-                <th>Status</th>
-                <th>Reviews</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product let-columns="columns">
-            <tr>
-                <td>
-                    <span class="p-column-title">Name</span>{{product.name}}
-                </td>
-                <td>
-                    <span class="p-column-title">Price</span>{{product.price | currency:'USD'}}
-                </td>
-                <td>
-                    <span class="p-column-title">Category</span>{{product.category}}
-                </td>
-                <td>
-                    <span class="p-column-title">Quantity</span>{{product.quantity}}
-                </td>
-                <td>
-                    <p-tag 
-                        [value]="product.inventoryStatus" 
-                        [severity]="getSeverity(product.inventoryStatus)" />
-                </td>
-                <td>
-                    <span class="p-column-title">Reviews</span>
-                    <p-rating 
-                        [(ngModel)]="product.rating" 
-                        [readonly]="true" 
-                        [cancel]="false" />
-                </td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table [value]="products" responsiveLayout="stack" [breakpoint]="'960px'" [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th>Name</th>
-                <th>Price</th>
-                <th>Category</th>
-                <th>Quantity</th>
-                <th>Status</th>
-                <th>Reviews</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product let-columns="columns">
-            <tr>
-                <td>
-                    <span class="p-column-title">Name</span>{{product.name}}
-                </td>
-                <td>
-                    <span class="p-column-title">Price</span>{{product.price | currency:'USD'}}
-                </td>
-                <td>
-                    <span class="p-column-title">Category</span>{{product.category}}
-                </td>
-                <td>
-                    <span class="p-column-title">Quantity</span>{{product.quantity}}
-                </td>
-                <td>
-                    <p-tag 
-                        [value]="product.inventoryStatus" 
-                        [severity]="getSeverity(product.inventoryStatus)" />
-                </td>
-                <td>
-                    <span class="p-column-title">Reviews</span>
-                    <p-rating 
-                        [(ngModel)]="product.rating" 
-                        [readonly]="true" 
-                        [cancel]="false" />
-                </td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { TagModule } from 'primeng/tag';
-import { RatingModule } from 'primeng/rating';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'table-responsive-stack-demo',
-    templateUrl: 'table-responsive-stack-demo.html',
-    standalone: true,
-    imports: [TableModule, TagModule, RatingModule, CommonModule],
-    providers: [ProductService]
-})
-export class TableResponsiveStackDemo implements OnInit{
-    products!: Product[];
-
-    cols!: Column[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-
-        this.cols = [
-            { field: 'code', header: 'Code' },
-            { field: 'name', header: 'Name' },
-            { field: 'category', header: 'Category' },
-            { field: 'quantity', header: 'Quantity' },
-            { field: 'inventoryStatus', header: 'Status' },
-            { field: 'rating', header: 'Rating' }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/roweditdoc.ts b/src/app/showcase/doc/table/roweditdoc.ts
deleted file mode 100644
index 4e6e0c3..0000000
--- a/src/app/showcase/doc/table/roweditdoc.ts
+++ /dev/null
@@ -1,463 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { MessageService, SelectItem } from 'primeng/api';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'row-edit-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                Row editing toggles the visibility of all the editors in the row at once and provides additional options to save and cancel editing. Row editing functionality is enabled by setting the <i>editMode</i> to "row" on table, defining a
-                dataKey to uniquely identify a row, adding <i>pEditableRow</i> directive to the editable rows and defining the UI Controls with <i>pInitEditableRow</i>, <i>pSaveEditableRow</i> and <i>pCancelEditableRow</i> directives respectively.
-            </p>
-            <p>
-                Save and Cancel functionality implementation is left to the page author to provide more control over the editing business logic. Example below utilizes a simple implementation where a row is cloned when editing is initialized and is
-                saved or restored depending on the result of the editing. An implicit variable called "editing" is passed to the body template so you may come up with your own UI controls that implement editing based on your own requirements such as
-                adding validations and styling. Note that <i>pSaveEditableRow</i> only switches the row to back view mode when there are no validation errors.
-            </p>
-            <p>
-                Moreover, you may use setting <i>pEditableRowDisabled</i> property as true to disable editing for that particular row and in case you need to display rows in edit mode by default, use the <i>editingRowKeys</i> property which is a map
-                whose key is the dataKey of the record where the value is any arbitrary number greater than zero.
-            </p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-toast></p-toast>
-                <p-table [value]="products" dataKey="id" editMode="row" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width:20%">Code</th>
-                            <th style="width:20%">Name</th>
-                            <th style="width:20%">Inventory Status</th>
-                            <th style="width:20%">Price</th>
-                            <th style="width:20%"></th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product let-editing="editing" let-ri="rowIndex">
-                        <tr [pEditableRow]="product">
-                            <td>
-                                <p-cellEditor>
-                                    <ng-template pTemplate="input">
-                                        <input pInputText type="text" [(ngModel)]="product.code" />
-                                    </ng-template>
-                                    <ng-template pTemplate="output">
-                                        {{ product.code }}
-                                    </ng-template>
-                                </p-cellEditor>
-                            </td>
-                            <td>
-                                <p-cellEditor>
-                                    <ng-template pTemplate="input">
-                                        <input pInputText type="text" [(ngModel)]="product.name" required />
-                                    </ng-template>
-                                    <ng-template pTemplate="output">
-                                        {{ product.name }}
-                                    </ng-template>
-                                </p-cellEditor>
-                            </td>
-                            <td>
-                                <p-cellEditor>
-                                    <ng-template pTemplate="input">
-                                        <p-dropdown [options]="statuses" appendTo="body" [(ngModel)]="product.inventoryStatus" [style]="{ width: '100%' }" />
-                                    </ng-template>
-                                    <ng-template pTemplate="output">
-                                        <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" />
-                                    </ng-template>
-                                </p-cellEditor>
-                            </td>
-                            <td>
-                                <p-cellEditor>
-                                    <ng-template pTemplate="input">
-                                        <input pInputText type="text" [(ngModel)]="product.price" />
-                                    </ng-template>
-                                    <ng-template pTemplate="output">
-                                        {{ product.price | currency: 'USD' }}
-                                    </ng-template>
-                                </p-cellEditor>
-                            </td>
-                            <td>
-                                <div class="flex items-center justify-center gap-2">
-                                    <button *ngIf="!editing" pButton pRipple type="button" pInitEditableRow icon="pi pi-pencil" (click)="onRowEditInit(product)" class="p-button-rounded p-button-text"></button>
-                                    <button *ngIf="editing" pButton pRipple type="button" pSaveEditableRow icon="pi pi-check" (click)="onRowEditSave(product)" class="p-button-rounded p-button-text p-button-success mr-2"></button>
-                                    <button *ngIf="editing" pButton pRipple type="button" pCancelEditableRow icon="pi pi-times" (click)="onRowEditCancel(product, ri)" class="p-button-rounded p-button-text p-button-danger"></button>
-                                </div>
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-row-edit-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [MessageService]
-})
-export class RowEditDoc {
-    products!: Product[];
-
-    statuses!: SelectItem[];
-
-    clonedProducts: { [s: string]: Product } = {};
-
-    constructor(
-        private productService: ProductService,
-        private messageService: MessageService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-
-        this.statuses = [
-            { label: 'In Stock', value: 'INSTOCK' },
-            { label: 'Low Stock', value: 'LOWSTOCK' },
-            { label: 'Out of Stock', value: 'OUTOFSTOCK' }
-        ];
-    }
-
-    onRowEditInit(product: Product) {
-        this.clonedProducts[product.id as string] = { ...product };
-    }
-
-    onRowEditSave(product: Product) {
-        if (product.price > 0) {
-            delete this.clonedProducts[product.id as string];
-            this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Product is updated' });
-        } else {
-            this.messageService.add({ severity: 'error', summary: 'Error', detail: 'Invalid Price' });
-        }
-    }
-
-    onRowEditCancel(product: Product, index: number) {
-        this.products[index] = this.clonedProducts[product.id as string];
-        delete this.clonedProducts[product.id as string];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-
-    code: Code = {
-        basic: `<p-toast></p-toast>
-<p-table [value]="products" dataKey="id" editMode="row" [tableStyle]="{'min-width': '50rem'}">
-    <ng-template pTemplate="header">
-        <tr>
-            <th style="width:20%">Code</th>
-            <th style="width:20%">Name</th>
-            <th style="width:20%">Inventory Status</th>
-            <th style="width:20%">Price</th>
-            <th style="width:20%"></th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-product let-editing="editing" let-ri="rowIndex">
-        <tr [pEditableRow]="product">
-            <td>
-                <p-cellEditor>
-                    <ng-template pTemplate="input">
-                        <input 
-                            pInputText 
-                            type="text" 
-                            [(ngModel)]="product.code" />
-                    </ng-template>
-                    <ng-template pTemplate="output">
-                        {{product.code}}
-                    </ng-template>
-                </p-cellEditor>
-            </td>
-            <td>
-                <p-cellEditor>
-                    <ng-template pTemplate="input">
-                        <input 
-                            pInputText type="text" 
-                            [(ngModel)]="product.name" 
-                            required />
-                    </ng-template>
-                    <ng-template pTemplate="output">
-                        {{product.name}}
-                    </ng-template>
-                </p-cellEditor>
-            </td>
-            <td>
-                <p-cellEditor>
-                    <ng-template pTemplate="input">
-                        <p-dropdown 
-                            [options]="statuses" 
-                            appendTo="body" 
-                            [(ngModel)]="product.inventoryStatus" 
-                            [style]="{'width':'100%'}" />
-                    </ng-template>
-                    <ng-template pTemplate="output">
-                        <p-tag 
-                            [value]="product.inventoryStatus" 
-                            [severity]="getSeverity(product.inventoryStatus)" />
-                    </ng-template>
-                </p-cellEditor>
-            </td>
-            <td>
-                <p-cellEditor>
-                    <ng-template pTemplate="input">
-                        <input 
-                            pInputText 
-                            type="text" 
-                            [(ngModel)]="product.price" />
-                    </ng-template>
-                    <ng-template pTemplate="output">
-                        {{product.price | currency: 'USD'}}
-                    </ng-template>
-                </p-cellEditor>
-            </td>
-            <td>
-                <div class="flex items-center justify-center gap-2">
-                    <button 
-                        *ngIf="!editing" 
-                        pButton 
-                        pRipple 
-                        type="button" 
-                        pInitEditableRow 
-                        icon="pi pi-pencil" 
-                        (click)="onRowEditInit(product)" 
-                        class="p-button-rounded p-button-text">
-                    </button>
-                    <button 
-                        *ngIf="editing" 
-                        pButton 
-                        pRipple 
-                        type="button" 
-                        pSaveEditableRow 
-                        icon="pi pi-check" 
-                        (click)="onRowEditSave(product)" 
-                        class="p-button-rounded p-button-text p-button-success mr-2">
-                    </button>
-                    <button 
-                        *ngIf="editing" 
-                        pButton pRipple 
-                        type="button" 
-                        pCancelEditableRow 
-                        icon="pi pi-times" 
-                        (click)="onRowEditCancel(product, ri)" 
-                        class="p-button-rounded p-button-text p-button-danger">
-                    </button>
-                </div>
-            </td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-toast></p-toast>
-    <p-table [value]="products" dataKey="id" editMode="row" [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="width:20%">Code</th>
-                <th style="width:20%">Name</th>
-                <th style="width:20%">Inventory Status</th>
-                <th style="width:20%">Price</th>
-                <th style="width:20%"></th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product let-editing="editing" let-ri="rowIndex">
-            <tr [pEditableRow]="product">
-                <td>
-                    <p-cellEditor>
-                        <ng-template pTemplate="input">
-                            <input 
-                                pInputText type="text" 
-                                [(ngModel)]="product.code" />
-                        </ng-template>
-                        <ng-template pTemplate="output">
-                            {{product.code}}
-                        </ng-template>
-                    </p-cellEditor>
-                </td>
-                <td>
-                    <p-cellEditor>
-                        <ng-template pTemplate="input">
-                            <input 
-                                pInputText type="text" 
-                                [(ngModel)]="product.name" 
-                                required />
-                        </ng-template>
-                        <ng-template pTemplate="output">
-                            {{product.name}}
-                        </ng-template>
-                    </p-cellEditor>
-                </td>
-                <td>
-                    <p-cellEditor>
-                        <ng-template pTemplate="input">
-                            <p-dropdown 
-                                [options]="statuses" 
-                                appendTo="body" 
-                                [(ngModel)]="product.inventoryStatus" 
-                                [style]="{'width':'100%'}" />
-                        </ng-template>
-                        <ng-template pTemplate="output">
-                            <p-tag 
-                                [value]="product.inventoryStatus" 
-                                [severity]="getSeverity(product.inventoryStatus)" />
-                        </ng-template>
-                    </p-cellEditor>
-                </td>
-                <td>
-                    <p-cellEditor>
-                        <ng-template pTemplate="input">
-                            <input 
-                                pInputText type="text" 
-                                [(ngModel)]="product.price" />
-                        </ng-template>
-                        <ng-template pTemplate="output">
-                            {{product.price | currency: 'USD'}}
-                        </ng-template>
-                    </p-cellEditor>
-                </td>
-                <td>
-            <div class="flex items-center justify-center gap-2">
-                <button 
-                    *ngIf="!editing" 
-                    pButton 
-                    pRipple 
-                    type="button" 
-                    pInitEditableRow 
-                    icon="pi pi-pencil" 
-                    (click)="onRowEditInit(product)" 
-                    class="p-button-rounded p-button-text">
-                </button>
-                <button 
-                    *ngIf="editing" 
-                    pButton 
-                    pRipple 
-                    type="button" 
-                    pSaveEditableRow 
-                    icon="pi pi-check" 
-                    (click)="onRowEditSave(product)" 
-                    class="p-button-rounded p-button-text p-button-success mr-2">
-                </button>
-                <button 
-                    *ngIf="editing" 
-                    pButton pRipple 
-                    type="button" 
-                    pCancelEditableRow 
-                    icon="pi pi-times" 
-                    (click)="onRowEditCancel(product, ri)" 
-                    class="p-button-rounded p-button-text p-button-danger">
-                </button>
-            </div>
-                </td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MessageService, SelectItem } from 'primeng/api';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { ToastModule } from 'primeng/toast';
-import { CommonModule } from '@angular/common';
-import { TagModule } from 'primeng/tag';
-import { DropdownModule } from 'primeng/dropdown';
-import { ButtonModule } from 'primeng/button';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'table-row-edit-demo',
-    templateUrl: 'table-row-edit-demo.html',
-    standalone: true,
-    imports: [TableModule, ToastModule, CommonModule, TagModule, DropdownModule, ButtonModule, InputTextModule],
-    providers: [MessageService, ProductService]
-})
-export class TableRowEditDemo implements OnInit{
-
-    products!: Product[];
-
-    statuses!: SelectItem[];
-
-    clonedProducts: { [s: string]: Product } = {};
-
-    constructor(private productService: ProductService, private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-
-        this.statuses = [
-            { label: 'In Stock', value: 'INSTOCK' },
-            { label: 'Low Stock', value: 'LOWSTOCK' },
-            { label: 'Out of Stock', value: 'OUTOFSTOCK' }
-        ];
-    }
-
-    onRowEditInit(product: Product) {
-        this.clonedProducts[product.id as string] = { ...product };
-    }
-
-    onRowEditSave(product: Product) {
-        if (product.price > 0) {
-            delete this.clonedProducts[product.id as string];
-            this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Product is updated' });
-        } else {
-            this.messageService.add({ severity: 'error', summary: 'Error', detail: 'Invalid Price' });
-        }
-    }
-
-    onRowEditCancel(product: Product, index: number) {
-        this.products[index] = this.clonedProducts[product.id as string];
-        delete this.clonedProducts[product.id as string];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/rowexpansiondoc.ts b/src/app/showcase/doc/table/rowexpansiondoc.ts
deleted file mode 100644
index 8db9550..0000000
--- a/src/app/showcase/doc/table/rowexpansiondoc.ts
+++ /dev/null
@@ -1,417 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { MessageService } from 'primeng/api';
-import { TableRowCollapseEvent, TableRowExpandEvent } from 'primeng/table';
-
-@Component({
-    selector: 'row-expansion-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                Row expansion allows displaying detailed content for a particular row. To use this feature, add a template named rowexpansion and use the <i>pRowToggler</i> directive whose value is the row data instance on an element of your choice
-                whose click event toggles the expansion. This enables providing your custom UI such as buttons, links and so on. Example below uses an anchor with an icon as a toggler. Setting <i>pRowTogglerDisabled</i> as true disables the toggle
-                event for the element.
-            </p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-toast />
-                <p-table [value]="products" dataKey="id" [tableStyle]="{ 'min-width': '60rem' }" [expandedRowKeys]="expandedRows" (onRowExpand)="onRowExpand($event)" (onRowCollapse)="onRowCollapse($event)">
-                    <ng-template pTemplate="caption">
-                        <div class="flex flex-wrap justify-end gap-2">
-                            <p-button label="Expand All" icon="pi pi-plus" text (onClick)="expandAll()" />
-                            <p-button label="Collapse All" icon="pi pi-minus" text (onClick)="collapseAll()" />
-                        </div>
-                    </ng-template>
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width: 5rem"></th>
-                            <th pSortableColumn="name">Name <p-sortIcon field="name" /></th>
-                            <th>Image</th>
-                            <th pSortableColumn="price">Price <p-sortIcon field="price" /></th>
-                            <th pSortableColumn="category">Category <p-sortIcon field="category" /></th>
-                            <th pSortableColumn="rating">Reviews <p-sortIcon field="rating" /></th>
-                            <th pSortableColumn="inventoryStatus">Status <p-sortIcon field="inventoryStatus" /></th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product let-expanded="expanded">
-                        <tr>
-                            <td>
-                                <p-button type="button" pRipple [pRowToggler]="product" [text]="true" [rounded]="true" [plain]="true" [icon]="expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'" />
-                            </td>
-                            <td>{{ product.name }}</td>
-                            <td><img [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + product.image" [alt]="product.name" width="50" class="shadow-4" /></td>
-                            <td>{{ product.price | currency: 'USD' }}</td>
-                            <td>{{ product.category }}</td>
-                            <td><p-rating [ngModel]="product.rating" [readonly]="true" [cancel]="false" /></td>
-                            <td>
-                                <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" />
-                            </td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="rowexpansion" let-product>
-                        <tr>
-                            <td colspan="7">
-                                <div class="p-3">
-                                    <h5>{{ product.name }}</h5>
-                                    <p-table [value]="product.orders" dataKey="id">
-                                        <ng-template pTemplate="header">
-                                            <tr>
-                                                <th pSortableColumn="id">Id <p-sortIcon field="price" /></th>
-                                                <th pSortableColumn="customer">Customer <p-sortIcon field="customer" /></th>
-                                                <th pSortableColumn="date">Date <p-sortIcon field="date" /></th>
-                                                <th pSortableColumn="amount">Amount <p-sortIcon field="amount" /></th>
-                                                <th pSortableColumn="status">Status <p-sortIcon field="status" /></th>
-                                                <th style="width: 4rem"></th>
-                                            </tr>
-                                        </ng-template>
-                                        <ng-template pTemplate="body" let-order>
-                                            <tr>
-                                                <td>{{ order.id }}</td>
-                                                <td>{{ order.customer }}</td>
-                                                <td>{{ order.date }}</td>
-                                                <td>{{ order.amount | currency: 'USD' }}</td>
-                                                <td>
-                                                    <p-tag [value]="order.status" [severity]="getStatusSeverity(order.status)" />
-                                                </td>
-                                                <td><p-button type="button" icon="pi pi-search" /></td>
-                                            </tr>
-                                        </ng-template>
-                                        <ng-template pTemplate="emptymessage">
-                                            <tr>
-                                                <td colspan="6">There are no order for this product yet.</td>
-                                            </tr>
-                                        </ng-template>
-                                    </p-table>
-                                </div>
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-row-expansion-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [MessageService]
-})
-export class RowExpansionDoc {
-    products!: Product[];
-
-    expandedRows = {};
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef,
-        private messageService: MessageService
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsWithOrdersSmall().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    expandAll() {
-        this.expandedRows = this.products.reduce((acc, p) => (acc[p.id] = true) && acc, {});
-    }
-
-    collapseAll() {
-        this.expandedRows = {};
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-
-    getStatusSeverity(status: string) {
-        switch (status) {
-            case 'PENDING':
-                return 'warning';
-            case 'DELIVERED':
-                return 'success';
-            case 'CANCELLED':
-                return 'danger';
-        }
-    }
-
-    onRowExpand(event: TableRowExpandEvent) {
-        this.messageService.add({ severity: 'info', summary: 'Product Expanded', detail: event.data.name, life: 3000 });
-    }
-
-    onRowCollapse(event: TableRowCollapseEvent) {
-        this.messageService.add({ severity: 'success', summary: 'Product Collapsed', detail: event.data.name, life: 3000 });
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-    <p-table [value]="products" dataKey="id" [tableStyle]="{ 'min-width': '60rem' }" [expandedRowKeys]="expandedRows" (onRowExpand)="onRowExpand($event)" (onRowCollapse)="onRowCollapse($event)">
-        <ng-template pTemplate="caption">
-            <div class="flex flex-wrap justify-end gap-2">
-                <p-button label="Expand All" icon="pi pi-plus" text (onClick)="expandAll()" />
-                <p-button label="Collapse All" icon="pi pi-minus" text (onClick)="collapseAll()" />
-            </div>
-        </ng-template>
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="width: 5rem"></th>
-                <th pSortableColumn="name">Name <p-sortIcon field="name" /></th>
-                <th>Image</th>
-                <th pSortableColumn="price">Price <p-sortIcon field="price" /></th>
-                <th pSortableColumn="category">Category <p-sortIcon field="category" /></th>
-                <th pSortableColumn="rating">Reviews <p-sortIcon field="rating" /></th>
-                <th pSortableColumn="inventoryStatus">Status <p-sortIcon field="inventoryStatus" /></th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product let-expanded="expanded">
-            <tr>
-                <td>
-                    <p-button type="button" pRipple [pRowToggler]="product" [text]="true" [rounded]="true" [plain]="true" [icon]="expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'" />
-                </td>
-                <td>{{ product.name }}</td>
-                <td><img [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + product.image" [alt]="product.name" width="50" class="shadow-4" /></td>
-                <td>{{ product.price | currency : 'USD' }}</td>
-                <td>{{ product.category }}</td>
-                <td><p-rating [ngModel]="product.rating" [readonly]="true" [cancel]="false" /></td>
-                <td>
-                    <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" />
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="rowexpansion" let-product>
-            <tr>
-                <td colspan="7">
-                    <div class="p-3">
-                        <h5>{{ product.name }}</h5>
-                        <p-table [value]="product.orders" dataKey="id">
-                            <ng-template pTemplate="header">
-                                <tr>
-                                    <th pSortableColumn="id">Id <p-sortIcon field="price" /></th>
-                                    <th pSortableColumn="customer">Customer <p-sortIcon field="customer" /></th>
-                                    <th pSortableColumn="date">Date <p-sortIcon field="date" /></th>
-                                    <th pSortableColumn="amount">Amount <p-sortIcon field="amount" /></th>
-                                    <th pSortableColumn="status">Status <p-sortIcon field="status" /></th>
-                                    <th style="width: 4rem"></th>
-                                </tr>
-                            </ng-template>
-                            <ng-template pTemplate="body" let-order>
-                                <tr>
-                                    <td>{{ order.id }}</td>
-                                    <td>{{ order.customer }}</td>
-                                    <td>{{ order.date }}</td>
-                                    <td>{{ order.amount | currency : 'USD' }}</td>
-                                    <td>
-                                        <p-tag [value]="order.status" [severity]="getStatusSeverity(order.status)" />
-                                    </td>
-                                    <td><p-button type="button" icon="pi pi-search" /></td>
-                                </tr>
-                            </ng-template>
-                            <ng-template pTemplate="emptymessage">
-                                <tr>
-                                    <td colspan="6">There are no order for this product yet.</td>
-                                </tr>
-                            </ng-template>
-                        </p-table>
-                    </div>
-                </td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-toast />
-    <p-table [value]="products" dataKey="id" [tableStyle]="{ 'min-width': '60rem' }" [expandedRowKeys]="expandedRows" (onRowExpand)="onRowExpand($event)" (onRowCollapse)="onRowCollapse($event)">
-        <ng-template pTemplate="caption">
-            <div class="flex flex-wrap justify-end gap-2">
-                <p-button label="Expand All" icon="pi pi-plus" text (onClick)="expandAll()" />
-                <p-button label="Collapse All" icon="pi pi-minus" text (onClick)="collapseAll()" />
-            </div>
-        </ng-template>
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="width: 5rem"></th>
-                <th pSortableColumn="name">Name <p-sortIcon field="name" /></th>
-                <th>Image</th>
-                <th pSortableColumn="price">Price <p-sortIcon field="price" /></th>
-                <th pSortableColumn="category">Category <p-sortIcon field="category" /></th>
-                <th pSortableColumn="rating">Reviews <p-sortIcon field="rating" /></th>
-                <th pSortableColumn="inventoryStatus">Status <p-sortIcon field="inventoryStatus" /></th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product let-expanded="expanded">
-            <tr>
-                <td>
-                    <p-button type="button" pRipple [pRowToggler]="product" [text]="true" [rounded]="true" [plain]="true" [icon]="expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'" />
-                </td>
-                <td>{{ product.name }}</td>
-                <td><img [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + product.image" [alt]="product.name" width="50" class="shadow-4" /></td>
-                <td>{{ product.price | currency : 'USD' }}</td>
-                <td>{{ product.category }}</td>
-                <td><p-rating [ngModel]="product.rating" [readonly]="true" [cancel]="false" /></td>
-                <td>
-                    <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" />
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="rowexpansion" let-product>
-            <tr>
-                <td colspan="7">
-                    <div class="p-3">
-                        <h5>{{ product.name }}</h5>
-                        <p-table [value]="product.orders" dataKey="id">
-                            <ng-template pTemplate="header">
-                                <tr>
-                                    <th pSortableColumn="id">Id <p-sortIcon field="price" /></th>
-                                    <th pSortableColumn="customer">Customer <p-sortIcon field="customer" /></th>
-                                    <th pSortableColumn="date">Date <p-sortIcon field="date" /></th>
-                                    <th pSortableColumn="amount">Amount <p-sortIcon field="amount" /></th>
-                                    <th pSortableColumn="status">Status <p-sortIcon field="status" /></th>
-                                    <th style="width: 4rem"></th>
-                                </tr>
-                            </ng-template>
-                            <ng-template pTemplate="body" let-order>
-                                <tr>
-                                    <td>{{ order.id }}</td>
-                                    <td>{{ order.customer }}</td>
-                                    <td>{{ order.date }}</td>
-                                    <td>{{ order.amount | currency : 'USD' }}</td>
-                                    <td>
-                                        <p-tag [value]="order.status" [severity]="getStatusSeverity(order.status)" />
-                                    </td>
-                                    <td><p-button type="button" icon="pi pi-search" /></td>
-                                </tr>
-                            </ng-template>
-                            <ng-template pTemplate="emptymessage">
-                                <tr>
-                                    <td colspan="6">There are no order for this product yet.</td>
-                                </tr>
-                            </ng-template>
-                        </p-table>
-                    </div>
-                </td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TableModule } from 'primeng/table';
-import { Product } from '@domain/product';
-import { TagModule } from 'primeng/tag';
-import { RatingModule } from 'primeng/rating';
-import { CommonModule } from '@angular/common';
-import { ButtonModule } from 'primeng/button';
-import { ProductService } from '@service/productservice';
-import { MessageService } from 'primeng/api';
-import { ToastModule } from 'primeng/toast';
-import { TableRowCollapseEvent, TableRowExpandEvent } from 'primeng/table';
-
-@Component({
-    selector: 'table-row-expansion-demo',
-    templateUrl: 'table-row-expansion-demo.html',
-    standalone: true,
-    imports: [TableModule, TagModule, ToastModule, RatingModule, ButtonModule, CommonModule],
-    providers: [ProductService, MessageService]
-})
-export class TableRowExpansionDemo implements OnInit{
-    products!: Product[];
-
-    expandedRows = {};
-
-    constructor(private productService: ProductService, private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.productService.getProductsWithOrdersSmall().then((data) => (this.products = data));
-    }
-
-    expandAll() {
-        this.expandedRows = this.products.reduce((acc, p) => (acc[p.id] = true) && acc, {});
-    }
-
-    collapseAll() {
-        this.expandedRows = {};
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-
-    getStatusSeverity(status: string) {
-        switch (status) {
-            case 'PENDING':
-                return 'warning';
-            case 'DELIVERED':
-                return 'success';
-            case 'CANCELLED':
-                return 'danger';
-        }
-    }
-
-    onRowExpand(event: TableRowExpandEvent) {
-        this.messageService.add({ severity: 'info', summary: 'Product Expanded', detail: event.data.name, life: 3000 });
-    }
-
-    onRowCollapse(event: TableRowCollapseEvent) {
-        this.messageService.add({ severity: 'success', summary: 'Product Collapsed', detail: event.data.name, life: 3000 });
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5,
-    orders: [
-        {
-            id: '1000-0',
-            productCode: 'f230fh0g3',
-            date: '2020-09-13',
-            amount: 65,
-            quantity: 1,
-            customer: 'David James',
-            status: 'PENDING'
-        },
-        ...
-    ]
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/rowspangroupingdoc.ts b/src/app/showcase/doc/table/rowspangroupingdoc.ts
deleted file mode 100644
index d89186a..0000000
--- a/src/app/showcase/doc/table/rowspangroupingdoc.ts
+++ /dev/null
@@ -1,326 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-
-@Component({
-    selector: 'rowspan-grouping-doc',
-    template: ` <app-docsectiontext>
-            <p>When <i>rowGroupMode</i> is configured to be <i>rowspan</i>, the grouping column spans multiple rows.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="customers" rowGroupMode="rowspan" groupRowsBy="representative.name" sortField="representative.name" sortMode="single" [tableStyle]="{ 'min-width': '75rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th style="width:3rem">#</th>
-                            <th>Representative</th>
-                            <th>Name</th>
-                            <th>Country</th>
-                            <th>Company</th>
-                            <th>Status</th>
-                            <th>Date</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-customer let-rowIndex="rowIndex" let-rowgroup="rowgroup" let-rowspan="rowspan">
-                        <tr>
-                            <td>{{ rowIndex }}</td>
-                            <td *ngIf="rowgroup" [attr.rowspan]="rowspan">
-                                <div class="flex items-center gap-2">
-                                    <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                                    <span class="font-bold ml-2">{{ customer.representative.name }}</span>
-                                </div>
-                            </td>
-                            <td>
-                                {{ customer.name }}
-                            </td>
-                            <td>
-                                <div class="flex items-center gap-2">
-                                    <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                                    <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                                </div>
-                            </td>
-                            <td>
-                                {{ customer.company }}
-                            </td>
-                            <td>
-                                <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                            </td>
-                            <td>
-                                {{ customer.date }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-rowspan-grouping-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class RowspanGroupingDoc {
-    customers!: Customer[];
-
-    constructor(
-        private customerService: CustomerService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.customerService.getCustomersMedium().then((data) => {
-            this.customers = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    calculateCustomerTotal(name: string) {
-        let total = 0;
-
-        if (this.customers) {
-            for (let customer of this.customers) {
-                if (customer.representative?.name === name) {
-                    total++;
-                }
-            }
-        }
-
-        return total;
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'unqualified':
-                return 'danger';
-
-            case 'qualified':
-                return 'success';
-
-            case 'new':
-                return 'info';
-
-            case 'negotiation':
-                return 'warning';
-
-            case 'renewal':
-                return null;
-        }
-    }
-
-    code: Code = {
-        basic: `<p-table
-    [value]="customers"
-    rowGroupMode="rowspan"
-    groupRowsBy="representative.name"
-    sortField="representative.name"
-    sortMode="single"
-    [tableStyle]="{'min-width': '75rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th style="width:3rem">#</th>
-                <th>Representative</th>
-                <th>Name</th>
-                <th>Country</th>
-                <th>Company</th>
-                <th>Status</th>
-                <th>Date</th>
-            </tr>
-        </ng-template>
-        <ng-template
-            pTemplate="body"
-            let-customer
-            let-rowIndex="rowIndex"
-            let-rowgroup="rowgroup"
-            let-rowspan="rowspan">
-                <tr>
-                    <td>{{rowIndex}}</td>
-                    <td *ngIf="rowgroup" [attr.rowspan]="rowspan">
-                        <div class="flex items-center gap-2">
-                            <img  [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{customer.representative.image}}" width="32" />
-                            <span class="font-bold ml-2">{{customer.representative.name}}</span>
-                        </div>
-                    </td>
-                    <td>
-                        {{customer.name}}
-                    </td>
-                    <td>
-                        <div class="flex items-center gap-2">
-                            <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                            <span class="ml-1 vertical-align-middle">{{customer.country.name}}</span>
-                        </div>
-                    </td>
-                    <td>
-                        {{customer.company}}
-                    </td>
-                    <td>
-                        <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                    </td>
-                    <td>
-                        {{customer.date}}
-                    </td>
-                </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table
-        [value]="customers"
-        rowGroupMode="rowspan"
-        groupRowsBy="representative.name"
-        sortField="representative.name"
-        sortMode="single"
-        [tableStyle]="{'min-width': '75rem'}">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th style="width:3rem">#</th>
-                    <th>Representative</th>
-                    <th>Name</th>
-                    <th>Country</th>
-                    <th>Company</th>
-                    <th>Status</th>
-                    <th>Date</th>
-                </tr>
-            </ng-template>
-            <ng-template
-                pTemplate="body"
-                let-customer
-                let-rowIndex="rowIndex"
-                let-rowgroup="rowgroup"
-                let-rowspan="rowspan">
-                    <tr>
-                        <td>{{rowIndex}}</td>
-                        <td *ngIf="rowgroup" [attr.rowspan]="rowspan">
-                            <div class="flex items-center gap-2">
-                                <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{customer.representative.image}}" width="32" />
-                                <span class="font-bold ml-2">{{customer.representative.name}}</span>
-                            </div>
-                        </td>
-                        <td>
-                            {{customer.name}}
-                        </td>
-                        <td>
-                            <div class="flex items-center gap-2">
-                                <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                                <span class="ml-1 vertical-align-middle">{{customer.country.name}}</span>
-                            </div>
-                        </td>
-                        <td>
-                            {{customer.company}}
-                        </td>
-                        <td>
-                            <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                        </td>
-                        <td>
-                            {{customer.date}}
-                        </td>
-                    </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-import { TableModule } from 'primeng/table';
-import { HttpClientModule } from '@angular/common/http';
-import { TagModule } from 'primeng/tag';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'table-rowspan-grouping-demo',
-    templateUrl: 'table-rowspan-grouping-demo.html',
-    standalone: true,
-    imports: [TableModule, HttpClientModule, TagModule, CommonModule],
-    providers: [CustomerService]
-})
-export class TableRowspanGroupingDemo implements OnInit{
-    customers!: Customer[];
-
-    constructor(private customerService: CustomerService) {}
-
-    ngOnInit() {
-        this.customerService.getCustomersMedium().then((data) => {
-            this.customers = data;
-        });
-    }
-
-    calculateCustomerTotal(name: string) {
-        let total = 0;
-
-        if (this.customers) {
-            for (let customer of this.customers) {
-                if (customer.representative?.name === name) {
-                    total++;
-                }
-            }
-        }
-
-        return total;
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'unqualified':
-                return 'danger';
-
-            case 'qualified':
-                return 'success';
-
-            case 'new':
-                return 'info';
-
-            case 'negotiation':
-                return 'warning';
-
-            case 'renewal':
-                return null;
-        }
-    }
-}`,
-        data: `{
-    id: 1000,
-    name: 'James Butt',
-    country: {
-        name: 'Algeria',
-        code: 'dz'
-    },
-    company: 'Benton, John B Jr',
-    date: '2015-09-13',
-    status: 'unqualified',
-    verified: true,
-    activity: 17,
-    representative: {
-        name: 'Ioni Bowcher',
-        image: 'ionibowcher.png'
-    },
-    balance: 70663
-},
-...`,
-        service: ['CustomerService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/customer.ts',
-            content: `
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/selectioneventsdoc.ts b/src/app/showcase/doc/table/selectioneventsdoc.ts
deleted file mode 100644
index 21119f4..0000000
--- a/src/app/showcase/doc/table/selectioneventsdoc.ts
+++ /dev/null
@@ -1,189 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'selection-events-doc',
-    template: ` <app-docsectiontext>
-            <p>Table provides <i>onRowSelect</i> and <i>onRowUnselect</i> events to listen selection events.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-toast />
-                <p-table [value]="products" selectionMode="single" [(selection)]="selectedProduct" dataKey="code" (onRowSelect)="onRowSelect($event)" (onRowUnselect)="onRowUnselect($event)" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Code</th>
-                            <th>Name</th>
-                            <th>Category</th>
-                            <th>Quantity</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr [pSelectableRow]="product">
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-selection-events-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [MessageService]
-})
-export class SelectionEventsDoc {
-    products!: Product[];
-
-    selectedProduct!: Product;
-
-    constructor(
-        private productService: ProductService,
-        private messageService: MessageService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    onRowSelect(event: any) {
-        this.messageService.add({ severity: 'info', summary: 'Product Selected', detail: event.data.name });
-    }
-
-    onRowUnselect(event: any) {
-        this.messageService.add({ severity: 'info', summary: 'Product Unselected', detail: event.data.name });
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-table 
-    [value]="products" 
-    selectionMode="single" 
-    [(selection)]="selectedProduct" 
-    dataKey="code" 
-    (onRowSelect)="onRowSelect($event)" 
-    (onRowUnselect)="onRowUnselect($event)" 
-    [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Code</th>
-                <th>Name</th>
-                <th>Category</th>
-                <th>Quantity</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr [pSelectableRow]="product">
-                <td>{{product.code}}</td>
-                <td>{{product.name}}</td>
-                <td>{{product.category}}</td>
-                <td>{{product.quantity}}</td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-toast />
-    <p-table 
-        [value]="products" 
-        selectionMode="single" 
-        [(selection)]="selectedProduct" 
-        dataKey="code"
-        (onRowSelect)="onRowSelect($event)" 
-        (onRowUnselect)="onRowUnselect($event)" 
-        [tableStyle]="{'min-width': '50rem'}">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th>Code</th>
-                    <th>Name</th>
-                    <th>Category</th>
-                    <th>Quantity</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-product>
-                <tr [pSelectableRow]="product">
-                    <td>{{product.code}}</td>
-                    <td>{{product.name}}</td>
-                    <td>{{product.category}}</td>
-                    <td>{{product.quantity}}</td>
-                </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, Input, OnInit } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'table-selection-events-demo',
-    templateUrl: 'table-selection-events-demo.html',
-    standalone:true,
-    imports: [TableModule, ToastModule],
-    providers: [MessageService, ProductService]
-})
-export class TableSelectionEventsDemo implements OnInit{
-    products!: Product[];
-
-    selectedProduct!: Product;
-
-    constructor(private productService: ProductService, private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    }
-
-    onRowSelect(event: any) {
-        this.messageService.add({ severity: 'info', summary: 'Product Selected', detail: event.data.name });
-    }
-
-    onRowUnselect(event: any) {
-        this.messageService.add({ severity: 'info', summary: 'Product Unselected', detail: event.data.name });
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/singlecolumnsortdoc.ts b/src/app/showcase/doc/table/singlecolumnsortdoc.ts
deleted file mode 100644
index d2ac640..0000000
--- a/src/app/showcase/doc/table/singlecolumnsortdoc.ts
+++ /dev/null
@@ -1,168 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'single-column-sort-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                A column can be made sortable by adding the <i>pSortableColumn</i> directive whose value is the field to sort against and a sort indicator via <i>p-sortIcon</i> component. For dynamic columns, setting
-                <i>pSortableColumnDisabled</i> property as true disables sorting for that particular column.
-            </p>
-            <p>Default sorting is executed on a single column, in order to enable multiple field sorting, set <i>sortMode</i> property to "multiple" and use metakey when clicking on another column.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" [tableStyle]="{ 'min-width': '60rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th pSortableColumn="code" style="width:20%">Code <p-sortIcon field="code" /></th>
-                            <th pSortableColumn="name" style="width:20%">Name <p-sortIcon field="name" /></th>
-                            <th pSortableColumn="category" style="width:20%">Category <p-sortIcon field="category" /></th>
-                            <th pSortableColumn="quantity" style="width:20%">Quantity <p-sortIcon field="quantity" /></th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-single-column-sort-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class SingleColumnSortDoc {
-    products!: Product[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table [value]="products" [tableStyle]="{'min-width': '60rem'}">
-    <ng-template pTemplate="header">
-        <tr>
-            <th pSortableColumn="code" style="width:20%">
-                Code <p-sortIcon field="code" />
-            </th>
-            <th pSortableColumn="name" style="width:20%">
-                Name <p-sortIcon field="name" />
-            </th>
-            <th pSortableColumn="category" style="width:20%">
-                Category <p-sortIcon field="category" />
-            </th>
-            <th pSortableColumn="quantity" style="width:20%">
-                Quantity <p-sortIcon field="quantity" />
-            </th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-product>
-        <tr>
-            <td>{{ product.code }}</td>
-            <td>{{ product.name }}</td>
-            <td>{{ product.category }}</td>
-            <td>{{ product.quantity }}</td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table [value]="products" [tableStyle]="{'min-width': '60rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th pSortableColumn="code" style="width:20%">
-                    Code <p-sortIcon field="code" />
-                </th>
-                <th pSortableColumn="name" style="width:20%">
-                    Name <p-sortIcon field="name" />
-                </th>
-                <th pSortableColumn="category" style="width:20%">
-                    Category <p-sortIcon field="category" />
-                </th>
-                <th pSortableColumn="quantity" style="width:20%">
-                    Quantity <p-sortIcon field="quantity" />
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>{{ product.code }}</td>
-                <td>{{ product.name }}</td>
-                <td>{{ product.category }}</td>
-                <td>{{ product.quantity }}</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'table-single-column-sort-demo',
-    templateUrl: 'table-single-column-sort-demo.html',
-    standalone: true,
-    imports: [TableModule, CommonModule],
-    providers: [ProductService]
-})
-export class TableSingleColumnSortDemo implements OnInit {
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/singleselectiondoc.ts b/src/app/showcase/doc/table/singleselectiondoc.ts
deleted file mode 100644
index afaa744..0000000
--- a/src/app/showcase/doc/table/singleselectiondoc.ts
+++ /dev/null
@@ -1,180 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'single-selection-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                Single row selection is enabled by defining <i>selectionMode</i> as <i>single</i> along with a value binding using <i>selection</i> property. When available, it is suggested to provide a unique identifier of a row with
-                <i>dataKey</i> to optimize performance.
-            </p>
-            <p>
-                By default, metaKey press (e.g. <i>⌘</i>) is necessary to unselect a row however this can be configured with disabling the <i>metaKeySelection</i> property. In touch enabled devices this option has no effect and behavior is same as
-                setting it to false.
-            </p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <div class="flex justify-center items-center mb-4 gap-2">
-                    <p-inputSwitch [(ngModel)]="metaKey" inputId="input-metakey" />
-                    <label for="input-metakey">MetaKey</label>
-                </div>
-                <p-table [value]="products" selectionMode="single" [(selection)]="selectedProduct" [metaKeySelection]="metaKey" dataKey="id" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Code</th>
-                            <th>Name</th>
-                            <th>Category</th>
-                            <th>Quantity</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr [pSelectableRow]="product">
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-single-selection-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class SingleSelectionDoc {
-    products!: Product[];
-
-    selectedProduct!: Product;
-
-    metaKey: boolean = true;
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-inputSwitch [(ngModel)]="metaKey" inputId="input-metakey" />
-    <p-table 
-        [value]="products" 
-        selectionMode="single" 
-        [(selection)]="selectedProduct" 
-        [metaKeySelection]="metaKey" dataKey="id" 
-        [tableStyle]="{ 'min-width': '50rem' }">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th>Code</th>
-                    <th>Name</th>
-                    <th>Category</th>
-                    <th>Quantity</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-product>
-                <tr [pSelectableRow]="product">
-                    <td>{{ product.code }}</td>
-                    <td>{{ product.name }}</td>
-                    <td>{{ product.category }}</td>
-                    <td>{{ product.quantity }}</td>
-                </tr>
-            </ng-template>
-    </p-table>`,
-
-        html: `<div class="card">
-    <div class="flex justify-center items-center mb-4 gap-2">
-        <p-inputSwitch [(ngModel)]="metaKey" inputId="input-metakey" />
-        <label for="input-metakey">MetaKey</label>
-    </div>
-    <p-table [value]="products" selectionMode="single" [(selection)]="selectedProduct" [metaKeySelection]="metaKey" dataKey="id" [tableStyle]="{ 'min-width': '50rem' }">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Code</th>
-                <th>Name</th>
-                <th>Category</th>
-                <th>Quantity</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr [pSelectableRow]="product">
-                <td>{{ product.code }}</td>
-                <td>{{ product.name }}</td>
-                <td>{{ product.category }}</td>
-                <td>{{ product.quantity }}</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'table-single-selection-demo',
-    templateUrl: 'table-single-selection-demo.html',
-    standalone: true,
-    imports: [TableModule, InputSwitchModule, FormsModule, CommonModule],
-    providers: [ProductService]
-})
-export class TableSingleSelectionDemo implements OnInit{
-    products!: Product[];
-
-    selectedProduct!: Product;
-
-    metaKey: boolean = true;
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    } 
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/sizedoc.ts b/src/app/showcase/doc/table/sizedoc.ts
deleted file mode 100644
index 066b549..0000000
--- a/src/app/showcase/doc/table/sizedoc.ts
+++ /dev/null
@@ -1,188 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'size-doc',
-    template: ` <app-docsectiontext>
-            <p>In addition to a regular table, alternatives with alternative sizes are available.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <div class="flex justify-center mb-3">
-                    <p-selectButton [options]="sizes" [(ngModel)]="selectedSize" [multiple]="false" optionLabel="name" optionValue="class" />
-                </div>
-                <p-table [value]="products" [tableStyle]="{ 'min-width': '50rem' }" [styleClass]="selectedSize">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Code</th>
-                            <th>Name</th>
-                            <th>Category</th>
-                            <th>Quantity</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-size-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class SizeDoc {
-    products!: Product[];
-
-    sizes!: any[];
-
-    selectedSize: any = '';
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-
-        this.sizes = [
-            { name: 'Small', class: 'p-datatable-sm' },
-            { name: 'Normal', class: '' },
-            { name: 'Large', class: 'p-datatable-lg' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<div class="flex justify-center mb-3">
-    <p-selectButton 
-        [options]="sizes" 
-        [(ngModel)]="selectedSize" 
-        [multiple]="false" 
-        optionLabel="name" 
-        optionValue="class" />
-</div>
-<p-table [value]="products" [tableStyle]="{ 'min-width': '50rem' }" [styleClass]="selectedSize.class">
-    <ng-template pTemplate="header">
-        <tr>
-            <th>Code</th>
-            <th>Name</th>
-            <th>Category</th>
-            <th>Quantity</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-product>
-        <tr>
-            <td>{{ product.code }}</td>
-            <td>{{ product.name }}</td>
-            <td>{{ product.category }}</td>
-            <td>{{ product.quantity }}</td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <div class="flex justify-center mb-3">
-        <p-selectButton 
-            [options]="sizes" 
-            [(ngModel)]="selectedSize" 
-            [multiple]="false" 
-            optionLabel="name" 
-            optionValue="class" />
-    </div>
-    <p-table [value]="products" [tableStyle]="{ 'min-width': '50rem' }" [styleClass]="selectedSize.class">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Code</th>
-                <th>Name</th>
-                <th>Category</th>
-                <th>Quantity</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>{{ product.code }}</td>
-                <td>{{ product.name }}</td>
-                <td>{{ product.category }}</td>
-                <td>{{ product.quantity }}</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { SelectButtonModule } from 'primeng/selectbutton';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'table-size-demo',
-    templateUrl: 'table-size-demo.html',
-    standalone: true,
-    imports: [TableModule, SelectButtonModule, CommonModule],
-    providers: [ProductService]
-})
-export class TableSizeDemo {
-    products!: Product[];
-
-    sizes!: any[];
-
-    selectedSize: any = '';
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-
-        this.sizes = [
-            { name: 'Small', class: 'p-datatable-sm' },
-            { name: 'Normal', class: '' },
-            { name: 'Large',  class: 'p-datatable-lg' }
-        ];
-    } 
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/statefuldoc.ts b/src/app/showcase/doc/table/statefuldoc.ts
deleted file mode 100644
index e3e27fc..0000000
--- a/src/app/showcase/doc/table/statefuldoc.ts
+++ /dev/null
@@ -1,429 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-
-@Component({
-    selector: 'stateful-doc',
-    template: ` <app-docsectiontext>
-            <p>Stateful table allows keeping the state such as page, sort and filtering either at local storage or session storage so that when the page is visited again, table would render the data using the last settings.</p>
-            <p>
-                Change the state of the table e.g paginate, navigate away and then return to this table again to test this feature, the setting is set as <i>session</i> with the <i>stateStorage</i> property so that Table retains the state until the
-                browser is closed. Other alternative is <i>local</i> referring to <i>localStorage</i> for an extended lifetime.
-            </p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table
-                    #dt1
-                    [value]="customers"
-                    [globalFilterFields]="['name', 'country.name', 'representative.name', 'status']"
-                    selectionMode="single"
-                    [(selection)]="selectedCustomers"
-                    dataKey="id"
-                    [tableStyle]="{ 'min-width': '50rem' }"
-                    [rows]="5"
-                    [paginator]="true"
-                    stateStorage="session"
-                    stateKey="statedemo-session"
-                >
-                    <ng-template pTemplate="caption">
-                        <p-iconField iconPosition="left">
-                            <p-inputIcon styleClass="pi pi-search"></p-inputIcon>
-                            <input pInputText type="text" (input)="dt1.filterGlobal($event.target.value, 'contains')" placeholder="Global Search" />
-                        </p-iconField>
-                    </ng-template>
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th pSortableColumn="name" style="width:25%">Name <p-sortIcon field="name" /></th>
-                            <th pSortableColumn="country.name" style="width:25%">Country <p-sortIcon field="country.name" /></th>
-                            <th pSortableColumn="representative.name" style="width:25%">Representative <p-sortIcon field="representative.name" /></th>
-                            <th pSortableColumn="status" style="width:25%">Status <p-sortIcon field="status" /></th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-customer>
-                        <tr [pSelectableRow]="customer">
-                            <td>
-                                <span class="p-column-title">Name</span>
-                                {{ customer.name }}
-                            </td>
-                            <td>
-                                <span class="p-column-title">Country</span>
-                                <div class="flex items-center gap-2">
-                                    <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                                    <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                                </div>
-                            </td>
-                            <td>
-                                <span class="p-column-title">Representative</span>
-                                <div class="flex items-center gap-2">
-                                    <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                                    <span class="ml-1 vertical-align-middle">{{ customer.representative.name }}</span>
-                                </div>
-                            </td>
-                            <td>
-                                <span class="p-column-title">Status</span>
-                                <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                            </td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-customer>
-                        <tr [pSelectableRow]="customer">
-                            <td>
-                                <span class="p-column-title">Name</span>
-                                {{ customer.name }}
-                            </td>
-                            <td>
-                                <span class="p-column-title">Country</span>
-                                <div class="flex items-center gap-2">
-                                    <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                                    <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                                </div>
-                            </td>
-                            <td>
-                                <span class="p-column-title">Representative</span>
-                                <div class="flex items-center gap-2">
-                                    <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                                    <span class="ml-1 vertical-align-middle">{{ customer.representative.name }}</span>
-                                </div>
-                            </td>
-                            <td>
-                                <span class="p-column-title">Status</span>
-                                <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                            </td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="emptymessage">
-                        <tr>
-                            <td colspan="4">No customers found.</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-stateful-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class StatefulDoc {
-    customers!: Customer[];
-
-    selectedCustomers!: Customer;
-
-    constructor(
-        private customerService: CustomerService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.customerService.getCustomersMini().then((data) => {
-            this.customers = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'unqualified':
-                return 'danger';
-
-            case 'qualified':
-                return 'success';
-
-            case 'new':
-                return 'info';
-
-            case 'negotiation':
-                return 'warning';
-
-            case 'renewal':
-                return null;
-        }
-    }
-
-    code: Code = {
-        basic: `<p-table
-    #dt1
-    [value]="customers"
-    [globalFilterFields]="['name', 'country.name', 'representative.name', 'status']"
-    selectionMode="single"
-    [(selection)]="selectedCustomers"
-    dataKey="id"
-    [tableStyle]="{ 'min-width': '50rem' }"
-    [rows]="5"
-    [paginator]="true"
-    stateStorage="session"
-    stateKey="statedemo-session">
-        <ng-template pTemplate="caption">
-            <p-iconField iconPosition="left">
-                <p-inputIcon styleClass="pi pi-search"></p-inputIcon>
-                <input pInputText type="text" (input)="dt1.filterGlobal($event.target.value, 'contains')" placeholder="Global Search" />
-            </p-iconField>
-        </ng-template>
-        <ng-template pTemplate="header">
-            <tr>
-                <th pSortableColumn="name" style="width:25%">
-                    Name <p-sortIcon field="name" />
-                </th>
-                <th pSortableColumn="country.name" style="width:25%">
-                    Country <p-sortIcon field="country.name" />
-                </th>
-                <th pSortableColumn="representative.name" style="width:25%">
-                    Representative <p-sortIcon field="representative.name" />
-                </th>
-                <th pSortableColumn="status" style="width:25%">
-                    Status <p-sortIcon field="status" />
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-customer>
-            <tr [pSelectableRow]="customer">
-                <td>
-                    <span class="p-column-title">Name</span>
-                    {{ customer.name }}
-                </td>
-                <td>
-                    <span class="p-column-title">Country</span>
-                    <div class="flex items-center gap-2">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                        <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                    </div>
-                </td>
-                <td>
-                    <span class="p-column-title">Representative</span>
-                    <div class="flex items-center gap-2">
-                        <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                        <span class="ml-1 vertical-align-middle">{{ customer.representative.name }}</span>
-                    </div>
-                </td>
-                <td>
-                    <span class="p-column-title">Status</span>
-                    <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-customer>
-            <tr [pSelectableRow]="customer">
-                <td>
-                    <span class="p-column-title">Name</span>
-                    {{ customer.name }}
-                </td>
-                <td>
-                    <span class="p-column-title">Country</span>
-                    <img
-                        src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                        [class]="'flag flag-' + customer.country.code"
-                        style="width: 20px" />
-                    <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                </td>
-                <td>
-                    <span class="p-column-title">Representative</span>
-                    <div class="flex items-center gap-2">
-                        <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                        <span class="ml-1 vertical-align-middle">{{ customer.representative.name }}</span>
-                    </div>
-                </td>
-                <td>
-                    <span class="p-column-title">Status</span>
-                    <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="emptymessage">
-            <tr>
-                <td colspan="4">No customers found.</td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table
-        #dt1
-        [value]="customers"
-        [globalFilterFields]="['name', 'country.name', 'representative.name', 'status']"
-        selectionMode="single"
-        [(selection)]="selectedCustomers"
-        dataKey="id"
-        [tableStyle]="{ 'min-width': '50rem' }"
-        [rows]="5"
-        [paginator]="true"
-        stateStorage="session"
-        stateKey="statedemo-session">
-        <ng-template pTemplate="caption">
-            <p-iconField iconPosition="left">
-                <p-inputIcon styleClass="pi pi-search"></p-inputIcon>
-                <input pInputText type="text" (input)="dt1.filterGlobal($event.target.value, 'contains')" placeholder="Global Search" />
-            </p-iconField>
-        </ng-template>
-        <ng-template pTemplate="header">
-            <tr>
-                <th pSortableColumn="name" style="width:25%">
-                    Name <p-sortIcon field="name" />
-                </th>
-                <th pSortableColumn="country.name" style="width:25%">
-                    Country <p-sortIcon field="country.name" />
-                </th>
-                <th pSortableColumn="representative.name" style="width:25%">
-                    Representative <p-sortIcon field="representative.name" />
-                </th>
-                <th pSortableColumn="status" style="width:25%">
-                    Status <p-sortIcon field="status" />
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-customer>
-            <tr [pSelectableRow]="customer">
-                <td>
-                    <span class="p-column-title">Name</span>
-                    {{ customer.name }}
-                </td>
-                <td>
-                    <span class="p-column-title">Country</span>
-                    <div class="flex items-center gap-2">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                        <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                    </div>
-                </td>
-                <td>
-                    <span class="p-column-title">Representative</span>
-                    <div class="flex items-center gap-2">
-                        <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                        <span class="ml-1 vertical-align-middle">{{ customer.representative.name }}</span>
-                    </div>
-                </td>
-                <td>
-                    <span class="p-column-title">Status</span>
-                    <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-customer>
-            <tr [pSelectableRow]="customer">
-                <td>
-                    <span class="p-column-title">Name</span>
-                    {{ customer.name }}
-                </td>
-                <td>
-                    <span class="p-column-title">Country</span>
-                    <img
-                        src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png"
-                        [class]="'flag flag-' + customer.country.code"
-                        style="width: 20px" />
-                    <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                </td>
-                <td>
-                    <span class="p-column-title">Representative</span>
-                    <div class="flex items-center gap-2">
-                        <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                        <span class="ml-1 vertical-align-middle">{{ customer.representative.name }}</span>
-                    </div>
-                </td>
-                <td>
-                    <span class="p-column-title">Status</span>
-                    <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="emptymessage">
-            <tr>
-                <td colspan="4">No customers found.</td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-import { TableModule } from 'primeng/table';
-import { HttpClientModule } from '@angular/common/http';
-import { InputTextModule } from 'primeng/inputtext';
-import { IconFieldModule } from 'primeng/iconfield';
-import { InputIconModule } from 'primeng/inputicon';
-import { TagModule } from 'primeng/tag';
-
-@Component({
-    selector: 'table-stateful-demo',
-    templateUrl: 'table-stateful-demo.html',
-    standalone: true,
-    imports: [TableModule, HttpClientModule, InputTextModule, TagModule, IconFieldModule, InputIconModule],
-    providers: [CustomerService]
-})
-export class TableStatefulDemo implements OnInit{
-    customers!: Customer[];
-
-    selectedCustomers!: Customer;
-
-    constructor(private customerService: CustomerService) {}
-
-    ngOnInit() {
-        this.customerService.getCustomersMini().then((data) => (this.customers = data));
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'unqualified':
-                return 'danger';
-
-            case 'qualified':
-                return 'success';
-
-            case 'new':
-                return 'info';
-
-            case 'negotiation':
-                return 'warning';
-
-            case 'renewal':
-                return null;
-        }
-    }
-}`,
-        data: `{
-    id: 1000,
-    name: 'James Butt',
-    country: {
-        name: 'Algeria',
-        code: 'dz'
-    },
-    company: 'Benton, John B Jr',
-    date: '2015-09-13',
-    status: 'unqualified',
-    verified: true,
-    activity: 17,
-    representative: {
-        name: 'Ioni Bowcher',
-        image: 'ionibowcher.png'
-    },
-    balance: 70663
-},
-...`,
-        service: ['CustomerService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/customer.ts',
-            content: `
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/stripeddoc.ts b/src/app/showcase/doc/table/stripeddoc.ts
deleted file mode 100644
index d711090..0000000
--- a/src/app/showcase/doc/table/stripeddoc.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'striped-doc',
-    template: ` <app-docsectiontext>
-            <p>Adding <i>p-datatable-striped</i> class displays striped rows.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" styleClass="p-datatable-striped" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Code</th>
-                            <th>Name</th>
-                            <th>Category</th>
-                            <th>Quantity</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>{{ product.quantity }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-striped-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class StripedDoc {
-    products!: Product[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table 
-    [value]="products" 
-    styleClass="p-datatable-striped" 
-    [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Code</th>
-                <th>Name</th>
-                <th>Category</th>
-                <th>Quantity</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>{{product.code}}</td>
-                <td>{{product.name}}</td>
-                <td>{{product.category}}</td>
-                <td>{{product.quantity}}</td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table 
-        [value]="products" 
-        styleClass="p-datatable-striped" 
-        [tableStyle]="{'min-width': '50rem'}">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th>Code</th>
-                    <th>Name</th>
-                    <th>Category</th>
-                    <th>Quantity</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-product>
-                <tr>
-                    <td>{{product.code}}</td>
-                    <td>{{product.name}}</td>
-                    <td>{{product.category}}</td>
-                    <td>{{product.quantity}}</td>
-                </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'table-striped-demo',
-    templateUrl: 'table-striped-demo.html',
-    standalone: true,
-    imports: [TableModule, CommonModule],
-    providers: [ProductService]
-})
-export class TableStripedDemo {
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/styledoc.ts b/src/app/showcase/doc/table/styledoc.ts
deleted file mode 100644
index 5a9c52c..0000000
--- a/src/app/showcase/doc/table/styledoc.ts
+++ /dev/null
@@ -1,211 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-@Component({
-    selector: 'style-doc',
-    template: ` <app-docsectiontext>
-            <p>Certain rows or cells can easily be styled based on conditions.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Code</th>
-                            <th>Name</th>
-                            <th>Category</th>
-                            <th>Quantity</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr [ngClass]="{ 'row-accessories': product.category === 'Accessories' }">
-                            <td>{{ product.code }}</td>
-                            <td>{{ product.name }}</td>
-                            <td>{{ product.category }}</td>
-                            <td>
-                                <div [ngClass]="{ outofstock: product.quantity === 0, lowstock: product.quantity > 0 && product.quantity < 10, instock: product.quantity > 10 }">
-                                    {{ product.quantity }}
-                                </div>
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-style-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    styles: [
-        `
-            .outofstock {
-                font-weight: 700;
-                color: #ff5252;
-                text-decoration: line-through;
-            }
-
-            .lowstock {
-                font-weight: 700;
-                color: #ffa726;
-            }
-
-            .instock {
-                font-weight: 700;
-                color: #66bb6a;
-            }
-
-            :host ::ng-deep .row-accessories {
-                background-color: rgba(0, 0, 0, 0.15) !important;
-            }
-        `
-    ]
-})
-export class StyleDoc {
-    products!: Product[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table [value]="products" [tableStyle]="{'min-width': '50rem'}">
-    <ng-template pTemplate="header">
-        <tr>
-            <th>Code</th>
-            <th>Name</th>
-            <th>Category</th>
-            <th>Quantity</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-product>
-        <tr [ngClass]="{'row-accessories': product.category === 'Accessories'}">
-            <td>{{product.code}}</td>
-            <td>{{product.name}}</td>
-            <td>{{product.category}}</td>
-            <td>
-                <div [ngClass]="{'outofstock': product.quantity === 0, 'lowstock': (product.quantity > 0 && product.quantity < 10),'instock': product.quantity > 10}">
-                    {{product.quantity}}
-                </div>
-            </td>
-        </tr>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table [value]="products" [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Code</th>
-                <th>Name</th>
-                <th>Category</th>
-                <th>Quantity</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr [ngClass]="{'row-accessories': product.category === 'Accessories'}">
-                <td>{{product.code}}</td>
-                <td>{{product.name}}</td>
-                <td>{{product.category}}</td>
-                <td>
-                    <div [ngClass]="{'outofstock': product.quantity === 0, 'lowstock': (product.quantity > 0 && product.quantity < 10),'instock': product.quantity > 10}">
-                        {{product.quantity}}
-                    </div>
-                </td>
-            </tr>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'table-style-demo',
-    templateUrl: 'table-style-demo.html',
-    styles: [
-        \`.outofstock {
-            font-weight: 700;
-            color: #ff5252;
-            text-decoration: line-through;
-        }
-
-        .lowstock {
-            font-weight: 700;
-            color: #ffa726;
-        }
-
-        .instock {
-            font-weight: 700;
-            color: #66bb6a;
-        }
-
-        :host ::ng-deep .row-accessories {
-            background-color: rgba(0, 0, 0, 0.15) !important;
-        }\`
-    ],
-    standalone: true,
-    imports: [TableModule, CommonModule],
-    providers: [ProductService]
-})
-export class TableStyleDemo implements OnInit{
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    }
-}`,
-        scss: `
-.outofstock {
-    font-weight: 700;
-    color: #ff5252;
-    text-decoration: line-through;
-}
-
-.lowstock {
-    font-weight: 700;
-    color: #ffa726;
-}
-
-.instock {
-    font-weight: 700;
-    color: #66bb6a;
-}
-
-:host ::ng-deep .row-accessories {
-    background-color: rgba(0, 0, 0, 0.15) !important;
-}`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/stylingdoc.ts b/src/app/showcase/doc/table/stylingdoc.ts
deleted file mode 100644
index de2de4f..0000000
--- a/src/app/showcase/doc/table/stylingdoc.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'styling-doc',
-    template: `
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-datatable</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-datatable-header</td>
-                        <td>Header section.</td>
-                    </tr>
-                    <tr>
-                        <td>p-datatable-footer</td>
-                        <td>Footer section.</td>
-                    </tr>
-                    <tr>
-                        <td>p-sortable-column</td>
-                        <td>Sortable column header.</td>
-                    </tr>
-                    <tr>
-                        <td>p-editable-column</td>
-                        <td>Editable column cell.</td>
-                    </tr>
-                    <tr>
-                        <td>p-datatable-thead</td>
-                        <td>Thead element of header columns.</td>
-                    </tr>
-                    <tr>
-                        <td>p-datatable-tbody</td>
-                        <td>Tbody element of body rows.</td>
-                    </tr>
-                    <tr>
-                        <td>p-datatable-tfoot</td>
-                        <td>Tfoot element of footer columns.</td>
-                    </tr>
-                    <tr>
-                        <td>p-datatable-scrollable</td>
-                        <td>Container element when scrolling is enabled.</td>
-                    </tr>
-                    <tr>
-                        <td>p-datatable-resizable</td>
-                        <td>Container element when column resizing is enabled.</td>
-                    </tr>
-                    <tr>
-                        <td>p-datatable-resizable-fit</td>
-                        <td>Container element when column resizing is enabled and set to fit mode.</td>
-                    </tr>
-                    <tr>
-                        <td>p-column-resizer-helper</td>
-                        <td>Vertical resizer indicator bar.</td>
-                    </tr>
-                    <tr>
-                        <td>p-datatable-reorderablerow-handle</td>
-                        <td>Handle element of a reorderable row.</td>
-                    </tr>
-                    <tr>
-                        <td>p-datatable-reorder-indicator-up</td>
-                        <td>Up indicator to display during column reordering.</td>
-                    </tr>
-                    <tr>
-                        <td>p-datatable-reorder-indicator-up</td>
-                        <td>Down indicator to display during column reordering.</td>
-                    </tr>
-                    <tr>
-                        <td>p-datatable-loading-overlay</td>
-                        <td>Overlay to display when table is loading.</td>
-                    </tr>
-                    <tr>
-                        <td>p-datatable-loading-icon</td>
-                        <td>Icon to display when table is loading.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StylingDoc {}
diff --git a/src/app/showcase/doc/table/subheadergroupingdoc.ts b/src/app/showcase/doc/table/subheadergroupingdoc.ts
deleted file mode 100644
index b59901b..0000000
--- a/src/app/showcase/doc/table/subheadergroupingdoc.ts
+++ /dev/null
@@ -1,344 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-
-@Component({
-    selector: 'subheader-grouping-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                Rows are grouped with the <i>groupRowsBy</i> property. When <i>rowGroupMode</i> is set as <i>subheader</i>, a header and footer can be displayed for each group. The content of a group header is provided with <i>groupheader</i> and
-                footer with <i>groupfooter</i> templates.
-            </p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="customers" sortField="representative.name" sortMode="single" [scrollable]="true" scrollHeight="400px" rowGroupMode="subheader" groupRowsBy="representative.name" [tableStyle]="{ 'min-width': '60rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Name</th>
-                            <th>Country</th>
-                            <th>Company</th>
-                            <th>Status</th>
-                            <th>Date</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="groupheader" let-customer>
-                        <tr pRowGroupHeader>
-                            <td colspan="5">
-                                <div class="flex items-center gap-2">
-                                    <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}" width="32" />
-                                    <span class="font-bold ml-2">{{ customer.representative.name }}</span>
-                                </div>
-                            </td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="groupfooter" let-customer>
-                        <tr>
-                            <td colspan="5" class="text-right font-bold pr-6">Total Customers: {{ calculateCustomerTotal(customer.representative.name) }}</td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-customer let-rowIndex="rowIndex">
-                        <tr>
-                            <td>
-                                {{ customer.name }}
-                            </td>
-                            <td>
-                                <div class="flex items-center gap-2">
-                                    <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" />
-                                    <span class="ml-1 vertical-align-middle">{{ customer.country.name }}</span>
-                                </div>
-                            </td>
-                            <td>
-                                {{ customer.company }}
-                            </td>
-                            <td>
-                                <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                            </td>
-                            <td>
-                                {{ customer.date }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-subheader-grouping-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class SubheaderGroupingDoc {
-    customers!: Customer[];
-
-    constructor(
-        private customerService: CustomerService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.customerService.getCustomersMedium().then((data) => {
-            this.customers = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    calculateCustomerTotal(name: string) {
-        let total = 0;
-
-        if (this.customers) {
-            for (let customer of this.customers) {
-                if (customer.representative?.name === name) {
-                    total++;
-                }
-            }
-        }
-
-        return total;
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'unqualified':
-                return 'danger';
-
-            case 'qualified':
-                return 'success';
-
-            case 'new':
-                return 'info';
-
-            case 'negotiation':
-                return 'warning';
-
-            case 'renewal':
-                return null;
-        }
-    }
-
-    code: Code = {
-        basic: `<p-table
-    [value]="customers"
-    sortField="representative.name"
-    sortMode="single"
-    [scrollable]="true"
-    scrollHeight="400px"
-    rowGroupMode="subheader"
-    groupRowsBy="representative.name"
-    [tableStyle]="{'min-width': '60rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Name</th>
-                <th>Country</th>
-                <th>Company</th>
-                <th>Status</th>
-                <th>Date</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="groupheader" let-customer>
-            <tr pRowGroupHeader>
-                <td colspan="5">
-                    <div class="flex items-center gap-2">
-                        <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{customer.representative.image}}" width="32" />
-                        <span class="font-bold ml-2">{{customer.representative.name}}</span>
-                    <div class="flex items-center gap-2">
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="groupfooter" let-customer>
-            <tr>
-                <td colspan="5" class="text-right font-bold pr-6">
-                    Total Customers: {{calculateCustomerTotal(customer.representative.name)}}
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-customer let-rowIndex="rowIndex">
-            <tr>
-                <td>
-                    {{customer.name}}
-                </td>
-                <td>
-                    <div class="flex items-center gap-2">
-                        <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" >
-                        <span class="ml-1 vertical-align-middle">{{customer.country.name}}</span>
-                    </div>
-                </td>
-                <td>
-                    {{customer.company}}
-                </td>
-                <td>
-                    <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                </td>
-                <td>
-                    {{customer.date}}
-                </td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table
-        [value]="customers"
-        sortField="representative.name"
-        sortMode="single"
-        [scrollable]="true"
-        scrollHeight="400px"
-        rowGroupMode="subheader"
-        groupRowsBy="representative.name"
-        [tableStyle]="{'min-width': '60rem'}">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th>Name</th>
-                    <th>Country</th>
-                    <th>Company</th>
-                    <th>Status</th>
-                    <th>Date</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="groupheader" let-customer>
-                <tr pRowGroupHeader>
-                    <td colspan="5">
-                        <div class="flex items-center gap-2">
-                            <img [alt]="customer.representative.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{customer.representative.image}}" width="32" />
-                            <span class="font-bold ml-2">{{customer.representative.name}}</span>
-                        </div>
-                    </td>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="groupfooter" let-customer>
-                <tr>
-                    <td colspan="5" class="text-right font-bold pr-6">
-                        Total Customers: {{calculateCustomerTotal(customer.representative.name)}}
-                    </td>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-customer let-rowIndex="rowIndex">
-                <tr>
-                    <td>
-                        {{customer.name}}
-                    </td>
-                    <td>
-                        <div class="flex items-center gap-2">
-                            <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag-' + customer.country.code" >
-                            <span class="ml-1 vertical-align-middle">{{customer.country.name}}</span>
-                        </div>
-                    </td>
-                    <td>
-                        {{customer.company}}
-                    </td>
-                    <td>
-                        <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" />
-                    </td>
-                    <td>
-                        {{customer.date}}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-import { TableModule } from 'primeng/table';
-import { HttpClientModule } from '@angular/common/http';
-import { TagModule } from 'primeng/tag';
-
-@Component({
-    selector: 'table-subheader-grouping-demo',
-    templateUrl: 'table-subheader-grouping-demo.html',
-    standalone: true,
-    imports: [TableModule, HttpClientModule, TagModule],
-    providers: [CustomerService]
-})
-export class TableSubheaderGroupingDemo implements OnInit{
-    customers!: Customer[];
-
-    constructor(private customerService: CustomerService) {}
-
-    ngOnInit() {
-        this.customerService.getCustomersMedium().then((data) => {
-            this.customers = data;
-        });
-    }
-
-    calculateCustomerTotal(name: string) {
-        let total = 0;
-
-        if (this.customers) {
-            for (let customer of this.customers) {
-                if (customer.representative?.name === name) {
-                    total++;
-                }
-            }
-        }
-
-        return total;
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'unqualified':
-                return 'danger';
-
-            case 'qualified':
-                return 'success';
-
-            case 'new':
-                return 'info';
-
-            case 'negotiation':
-                return 'warning';
-
-            case 'renewal':
-                return null;
-        }
-    }
-}`,
-        data: `{
-    id: 1000,
-    name: 'James Butt',
-    country: {
-        name: 'Algeria',
-        code: 'dz'
-    },
-    company: 'Benton, John B Jr',
-    date: '2015-09-13',
-    status: 'unqualified',
-    verified: true,
-    activity: 17,
-    representative: {
-        name: 'Ioni Bowcher',
-        image: 'ionibowcher.png'
-    },
-    balance: 70663
-},
-...`,
-        service: ['CustomerService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/customer.ts',
-            content: `
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/tabledoc.module.ts b/src/app/showcase/doc/table/tabledoc.module.ts
deleted file mode 100644
index f0213ff..0000000
--- a/src/app/showcase/doc/table/tabledoc.module.ts
+++ /dev/null
@@ -1,189 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ButtonModule } from 'primeng/button';
-import { CalendarModule } from 'primeng/calendar';
-import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { ContextMenuModule } from 'primeng/contextmenu';
-import { DialogModule } from 'primeng/dialog';
-import { DropdownModule } from 'primeng/dropdown';
-import { FileUploadModule } from 'primeng/fileupload';
-import { SelectButtonModule } from 'primeng/selectbutton';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { InputTextModule } from 'primeng/inputtext';
-import { InputTextareaModule } from 'primeng/inputtextarea';
-import { MultiSelectModule } from 'primeng/multiselect';
-import { ProgressBarModule } from 'primeng/progressbar';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { RatingModule } from 'primeng/rating';
-import { SkeletonModule } from 'primeng/skeleton';
-import { SliderModule } from 'primeng/slider';
-import { TableModule } from 'primeng/table';
-import { TabViewModule } from 'primeng/tabview';
-import { TagModule } from 'primeng/tag';
-import { ToastModule } from 'primeng/toast';
-import { ToggleButtonModule } from 'primeng/togglebutton';
-import { ToolbarModule } from 'primeng/toolbar';
-import { TooltipModule } from 'primeng/tooltip';
-import { AppCodeModule } from 'src/app/showcase/layout/doc/app.code.component';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { IconFieldModule } from 'primeng/iconfield';
-import { InputIconModule } from 'primeng/inputicon';
-import { ContextMenuDoc } from './contextmenudoc';
-import { BasicDoc } from './basicdoc';
-import { CellEditDoc } from './celleditdoc';
-import { CheckboxSelectionDoc } from './checkboxselectiondoc';
-import { ColumnGroupDoc } from './columngroupdoc';
-import { ColumnResizeExpandModeDoc } from './columnresizeexpandmodedoc';
-import { ColumnResizeScrollableModeDoc } from './columnresizescrollablemodedoc';
-import { ColumnSelectionDoc } from './columnselectiondoc';
-import { ColumnToggleDoc } from './columntoggledoc';
-import { ControlledSelectionDoc } from './controlledselectiondoc';
-import { CustomersDoc } from './customersdoc';
-import { CustomSortDoc } from './customsortdoc';
-import { DynamicDoc } from './dynamicdoc';
-import { ExpandableRowGroupDoc } from './expandablerowgroupdoc';
-import { ExportDoc } from './exportdoc';
-import { FilterBasicDoc } from './filterbasic';
-import { FlexibleScrollDoc } from './flexiblescrolldoc';
-import { FrozenColumnsDoc } from './frozencolumnsdoc';
-import { FrozenRowsDoc } from './frozenrowsdoc';
-import { GridlinesDoc } from './gridlinesdoc';
-import { ImportDoc } from './importdoc';
-import { HorizontalScrollDoc } from './horizontalscrolldoc';
-import { LazyLoadDoc } from './lazyloaddoc';
-import { MultipleSelectionDoc } from './multipleselectiondoc';
-import { PageOnlySelectionDoc } from './pageonlyselectiondoc';
-import { PaginatorBasicDoc } from './paginatorbasicdoc';
-import { PaginatorProgrammaticDoc } from './paginatorprogrammaticdoc';
-import { ProductsDoc } from './productsdoc';
-import { RadioButtonSelectionDoc } from './radiobuttonselectiondoc';
-import { ReorderDoc } from './reorderdoc';
-import { ResponsiveScrollDoc } from './responsivescrolldoc';
-import { ResponsiveStackDoc } from './responsivestackdoc';
-import { RowEditDoc } from './roweditdoc';
-import { RowspanGroupingDoc } from './rowspangroupingdoc';
-import { SingleColumnSortDoc } from './singlecolumnsortdoc';
-import { MultipleColumnsSortDoc } from './multiplecolumnssortdoc';
-import { SingleSelectionDoc } from './singleselectiondoc';
-import { SizeDoc } from './sizedoc';
-import { StatefulDoc } from './statefuldoc';
-import { StripedDoc } from './stripeddoc';
-import { StyleDoc } from './styledoc';
-import { SubheaderGroupingDoc } from './subheadergroupingdoc';
-import { TemplateDoc } from './templatedoc';
-import { VerticalScrollDoc } from './verticalscrolldoc';
-import { VirtualScrollDoc } from './virtualscrolldoc';
-import { VirtualScrollLazyDoc } from './virtualscrolllazydoc';
-import { ColumnResizeFitModeDoc } from './columnresizefitmodedoc';
-import { StylingDoc } from './stylingdoc';
-import { SelectionEventsDoc } from './selectioneventsdoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { PaginatorLocaleDoc } from './paginatorlocaledoc';
-import { DeferredDemo } from '../../demo/deferreddemo';
-import { PreSortDoc } from './presortdoc';
-import { RowExpansionDoc } from './rowexpansiondoc';
-import { FilterSortEditDoc } from './filtersorteditdoc';
-import { RemovableSortDoc } from './removablesortdoc';
-import { FilterAdvancedDoc } from './filteradvanceddoc';
-
-@NgModule({
-    imports: [
-        CommonModule,
-        FormsModule,
-        TableModule,
-        CalendarModule,
-        SliderModule,
-        DialogModule,
-        ConfirmDialogModule,
-        MultiSelectModule,
-        ContextMenuModule,
-        DropdownModule,
-        ButtonModule,
-        TagModule,
-        ToastModule,
-        InputTextModule,
-        InputSwitchModule,
-        InputNumberModule,
-        InputTextareaModule,
-        ProgressBarModule,
-        TooltipModule,
-        RadioButtonModule,
-        ToolbarModule,
-        FileUploadModule,
-        TabViewModule,
-        ToggleButtonModule,
-        RatingModule,
-        SkeletonModule,
-        SelectButtonModule,
-        AppCodeModule,
-        AppDocModule,
-        DeferredDemo,
-        IconFieldModule,
-        InputIconModule
-    ],
-    declarations: [
-        ImportDoc,
-        BasicDoc,
-        DynamicDoc,
-        CellEditDoc,
-        CheckboxSelectionDoc,
-        ColumnGroupDoc,
-        ColumnResizeExpandModeDoc,
-        ColumnResizeScrollableModeDoc,
-        ColumnResizeFitModeDoc,
-        ColumnSelectionDoc,
-        ColumnToggleDoc,
-        ContextMenuDoc,
-        ControlledSelectionDoc,
-        CustomersDoc,
-        CustomSortDoc,
-        DynamicDoc,
-        ExpandableRowGroupDoc,
-        ExportDoc,
-        FilterBasicDoc,
-        FilterAdvancedDoc,
-        FlexibleScrollDoc,
-        FrozenColumnsDoc,
-        FrozenRowsDoc,
-        GridlinesDoc,
-        HorizontalScrollDoc,
-        LazyLoadDoc,
-        MultipleSelectionDoc,
-        PageOnlySelectionDoc,
-        PaginatorBasicDoc,
-        MultipleSelectionDoc,
-        PageOnlySelectionDoc,
-        PaginatorProgrammaticDoc,
-        ProductsDoc,
-        RadioButtonSelectionDoc,
-        ReorderDoc,
-        ResponsiveScrollDoc,
-        ResponsiveStackDoc,
-        RowEditDoc,
-        FilterSortEditDoc,
-        RowExpansionDoc,
-        RowspanGroupingDoc,
-        SingleColumnSortDoc,
-        MultipleColumnsSortDoc,
-        SingleSelectionDoc,
-        SizeDoc,
-        StatefulDoc,
-        StripedDoc,
-        StyleDoc,
-        SubheaderGroupingDoc,
-        TemplateDoc,
-        VerticalScrollDoc,
-        VirtualScrollDoc,
-        VirtualScrollLazyDoc,
-        StylingDoc,
-        SelectionEventsDoc,
-        AccessibilityDoc,
-        PaginatorLocaleDoc,
-        PreSortDoc,
-        RemovableSortDoc
-    ],
-    exports: [AppDocModule]
-})
-export class TableDocModule {}
diff --git a/src/app/showcase/doc/table/templatedoc.ts b/src/app/showcase/doc/table/templatedoc.ts
deleted file mode 100644
index eea56de..0000000
--- a/src/app/showcase/doc/table/templatedoc.ts
+++ /dev/null
@@ -1,232 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'template-doc',
-    template: ` <app-docsectiontext>
-            <p>Custom content at <i>header</i>, <i>body</i> and <i>footer</i> sections are supported via templating.</p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="products" [tableStyle]="{ 'min-width': '60rem' }">
-                    <ng-template pTemplate="caption">
-                        <div class="flex items-center justify-between">
-                            Products
-                            <p-button icon="pi pi-refresh" />
-                        </div>
-                    </ng-template>
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Name</th>
-                            <th>Image</th>
-                            <th>Price</th>
-                            <th>Category</th>
-                            <th>Reviews</th>
-                            <th>Status</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-product>
-                        <tr>
-                            <td>{{ product.name }}</td>
-                            <td><img [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + product.image" [alt]="product.name" width="100" class="shadow-4" /></td>
-                            <td>{{ product.price | currency: 'USD' }}</td>
-                            <td>{{ product.category }}</td>
-                            <td><p-rating [(ngModel)]="product.rating" [readonly]="true" [cancel]="false" /></td>
-                            <td>
-                                <p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" />
-                            </td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="summary">
-                        <div class="flex items-center justify-between">In total there are {{ products ? products.length : 0 }} products.</div>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-template-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class TemplateDoc {
-    products!: Product[];
-
-    cols!: Column[];
-
-    constructor(
-        private productService: ProductService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-            this.cd.markForCheck();
-        });
-
-        this.cols = [
-            { field: 'code', header: 'Code' },
-            { field: 'name', header: 'Name' },
-            { field: 'category', header: 'Category' },
-            { field: 'quantity', header: 'Quantity' }
-        ];
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-
-    code: Code = {
-        basic: `<p-table [value]="products" [tableStyle]="{'min-width': '60rem'}">
-    <ng-template pTemplate="caption">
-        <div class="flex items-center justify-between">
-            Products
-            <p-button icon="pi pi-refresh" />
-        </div>
-    </ng-template>
-    <ng-template pTemplate="header">
-        <tr>
-            <th>Name</th>
-            <th>Image</th>
-            <th>Price</th>
-            <th>Category</th>
-            <th>Reviews</th>
-            <th>Status</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-product>
-        <tr>
-            <td>{{product.name}}</td>
-            <td><img [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + product.image" [alt]="product.name" width="100" class="shadow-4" /></td>
-            <td>{{product.price | currency:'USD'}}</td>
-            <td>{{product.category}}</td>
-            <td><p-rating [(ngModel)]="product.rating" [readonly]="true" [cancel]="false" /></td>
-            <td><p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" /></td>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="summary">
-        <div class="flex items-center justify-between">
-            In total there are {{products ? products.length : 0 }} products.
-        </div>
-    </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table [value]="products" [tableStyle]="{'min-width': '60rem'}">
-        <ng-template pTemplate="caption">
-            <div class="flex items-center justify-between">
-                Products
-                <p-button icon="pi pi-refresh" />
-            </div>
-        </ng-template>
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Name</th>
-                <th>Image</th>
-                <th>Price</th>
-                <th>Category</th>
-                <th>Reviews</th>
-                <th>Status</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-product>
-            <tr>
-                <td>{{product.name}}</td>
-                <td><img [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + product.image" [alt]="product.name" width="100" class="shadow-4" /></td>
-                <td>{{product.price | currency:'USD'}}</td>
-                <td>{{product.category}}</td>
-                <td><p-rating [(ngModel)]="product.rating" [readonly]="true" [cancel]="false" /></td>
-                <td><p-tag [value]="product.inventoryStatus" [severity]="getSeverity(product.inventoryStatus)" /></td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="summary">
-            <div class="flex items-center justify-between">
-                In total there are {{products ? products.length : 0 }} products.
-            </div>
-        </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Product } from '@domain/product';
-import { ProductService } from '@service/productservice';
-import { TableModule } from 'primeng/table';
-import { TagModule } from 'primeng/tag';
-import { RatingModule } from 'primeng/rating';
-import { CommonModule } from '@angular/common';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'table-template-demo',
-    templateUrl: 'table-template-demo.html',
-    standalone: true,
-    imports: [TableModule, TagModule, RatingModule, ButtonModule, CommonModule],
-    providers: [ProductService]
-})
-export class TableTemplateDemo implements OnInit {
-    products!: Product[];
-
-    constructor(private productService: ProductService) {}
-
-    ngOnInit() {
-        this.productService.getProductsMini().then((data) => {
-            this.products = data;
-        });
-    }
-
-    getSeverity(status: string) {
-        switch (status) {
-            case 'INSTOCK':
-                return 'success';
-            case 'LOWSTOCK':
-                return 'warning';
-            case 'OUTOFSTOCK':
-                return 'danger';
-        }
-    }
-}`,
-        data: `{
-    id: '1000',
-    code: 'f230fh0g3',
-    name: 'Bamboo Watch',
-    description: 'Product Description',
-    image: 'bamboo-watch.jpg',
-    price: 65,
-    category: 'Accessories',
-    quantity: 24,
-    inventoryStatus: 'INSTOCK',
-    rating: 5
-},
-...`,
-        service: ['ProductService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/product.ts',
-            content: `
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/verticalscrolldoc.ts b/src/app/showcase/doc/table/verticalscrolldoc.ts
deleted file mode 100644
index fbe7401..0000000
--- a/src/app/showcase/doc/table/verticalscrolldoc.ts
+++ /dev/null
@@ -1,172 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-
-@Component({
-    selector: 'vertical-scroll-doc',
-    template: ` <app-docsectiontext>
-            <p>Adding <i>scrollable</i> property along with a <i>scrollHeight</i> for the data viewport enables vertical scrolling with fixed headers.</p></app-docsectiontext
-        >
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [value]="customers" [scrollable]="true" scrollHeight="400px" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Name</th>
-                            <th>Country</th>
-                            <th>Company</th>
-                            <th>Representative</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-customer let-index="index">
-                        <tr>
-                            <td>{{ customer.name }}</td>
-                            <td>{{ customer.country.name }}</td>
-                            <td>{{ customer.company }}</td>
-                            <td>{{ customer.representative.name }}</td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-vertical-scroll-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class VerticalScrollDoc {
-    customers!: Customer[];
-
-    constructor(
-        private customerService: CustomerService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.customerService.getCustomersMedium().then((data) => {
-            this.customers = data;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-table 
-    [value]="customers" 
-    [scrollable]="true" 
-    scrollHeight="400px" 
-    [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Name</th>
-                <th>Country</th>
-                <th>Company</th>
-                <th>Representative</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-customer>
-            <tr>
-                <td>{{customer.name}}</td>
-                <td>{{customer.country.name}}</td>
-                <td>{{customer.company}}</td>
-                <td>{{customer.representative.name}}</td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table 
-        [value]="customers" 
-        [scrollable]="true" 
-        scrollHeight="400px" 
-        [tableStyle]="{'min-width': '50rem'}">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th>Name</th>
-                    <th>Country</th>
-                    <th>Company</th>
-                    <th>Representative</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-customer>
-                <tr>
-                    <td>{{customer.name}}</td>
-                    <td>{{customer.country.name}}</td>
-                    <td>{{customer.company}}</td>
-                    <td>{{customer.representative.name}}</td>
-                </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Customer } from '@domain/customer';
-import { CustomerService } from '@service/customerservice';
-import { TableModule } from 'primeng/table';
-import { HttpClientModule } from '@angular/common/http';
-
-@Component({
-    selector: 'table-vertical-scroll-demo',
-    templateUrl: 'table-vertical-scroll-demo.html',
-    standalone: true,
-    imports: [TableModule, HttpClientModule],
-    providers: [CustomerService]
-})
-export class TableVerticalScrollDemo implements OnInit{
-    customers!: Customer[];
-
-    constructor(private customerService: CustomerService) {}
-
-    ngOnInit() {
-        this.customerService.getCustomersMedium().then((data) => {
-            this.customers = data;
-        });
-    }
-}`,
-        data: `{
-        id: 1000,
-        name: 'James Butt',
-        country: {
-            name: 'Algeria',
-            code: 'dz'
-        },
-        company: 'Benton, John B Jr',
-        date: '2015-09-13',
-        status: 'unqualified',
-        verified: true,
-        activity: 17,
-        representative: {
-            name: 'Ioni Bowcher',
-            image: 'ionibowcher.png'
-        },
-        balance: 70663
-    },
-    ...`,
-        service: ['CustomerService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/customer.ts',
-            content: `
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/virtualscrolldoc.ts b/src/app/showcase/doc/table/virtualscrolldoc.ts
deleted file mode 100644
index ea3ede1..0000000
--- a/src/app/showcase/doc/table/virtualscrolldoc.ts
+++ /dev/null
@@ -1,177 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Car } from '@domain/car';
-import { Code } from '@domain/code';
-import { CarService } from '@service/carservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'virtual-scroll-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                VirtualScroller is a performance-approach to handle huge data efficiently. Setting <i>virtualScroll</i> property as true and providing a <i>virtualScrollItemSize</i> in pixels would be enough to enable this functionality. It is also
-                suggested to use the same <i>virtualScrollItemSize</i> value on the tr element inside the body template.
-            </p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [columns]="cols" [value]="cars" [scrollable]="true" scrollHeight="400px" [virtualScroll]="true" [virtualScrollItemSize]="50">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns" style="width: 20%;">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowData let-rowIndex="rowIndex" let-columns="columns">
-                        <tr>
-                            <td *ngFor="let col of columns">
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-virtual-scroll-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class VirtualScrollDoc {
-    cars!: Car[];
-
-    virtualCars!: Car[];
-
-    cols!: Column[];
-
-    constructor(private carService: CarService) {}
-
-    loadDemoData() {
-        this.cols = [
-            { field: 'id', header: 'Id' },
-            { field: 'vin', header: 'Vin' },
-            { field: 'year', header: 'Year' },
-            { field: 'brand', header: 'Brand' },
-            { field: 'color', header: 'Color' }
-        ];
-
-        this.cars = Array.from({ length: 10000 }).map((_, i) => this.carService.generateCar(i + 1));
-        this.virtualCars = Array.from({ length: 10000 });
-    }
-
-    code: Code = {
-        basic: `<p-table
-    [columns]="cols"
-    [value]="cars"
-    [scrollable]="true"
-    scrollHeight="400px"
-    [virtualScroll]="true"
-    [virtualScrollItemSize]="50">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns" style="width: 20%;">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowData let-rowIndex="rowIndex" let-columns="columns">
-            <tr>
-                <td *ngFor="let col of columns">
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table
-        [columns]="cols"
-        [value]="cars"
-        [scrollable]="true"
-        scrollHeight="400px"
-        [virtualScroll]="true"
-        [virtualScrollItemSize]="50">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns" style="width: 20%;">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowData let-rowIndex="rowIndex" let-columns="columns">
-                <tr>
-                    <td *ngFor="let col of columns">
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { Car } from '@domain/car';
-import { CarService } from '@service/carservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'table-virtual-scroll-demo',
-    templateUrl: 'table-virtual-scroll-demo.html',
-    standalone: true,
-    imports: [TableModule, CommonModule],
-    providers: [CarService]
-})
-export class TableVirtualScrollDemo implements OnInit{
-    cars!: Car[];
-
-    virtualCars!: Car[];
-
-    cols!: Column[];
-
-    constructor(private carService: CarService) {}
-
-    ngOnInit() {
-        this.cols = [
-            { field: 'id', header: 'Id' },
-            { field: 'vin', header: 'Vin' },
-            { field: 'year', header: 'Year' },
-            { field: 'brand', header: 'Brand' },
-            { field: 'color', header: 'Color' }
-        ];
-
-        this.cars = Array.from({ length: 10000 }).map((_, i) => this.carService.generateCar(i + 1));
-        this.virtualCars = Array.from({ length: 10000 });
-    }
-}`,
-        data: `{
-    id: 1
-    vin: tvACo,
-    brand: Norma,
-    color: Black,
-    year: 2002
-}
-...`,
-        service: ['CarService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/car.ts',
-            content: `
-export interface Car {
-    id?;
-    vin?;
-    year?;
-    brand?;
-    color?;
-    price?;
-    saleDate?;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/table/virtualscrolllazydoc.ts b/src/app/showcase/doc/table/virtualscrolllazydoc.ts
deleted file mode 100644
index b85a07a..0000000
--- a/src/app/showcase/doc/table/virtualscrolllazydoc.ts
+++ /dev/null
@@ -1,237 +0,0 @@
-import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
-import { LazyLoadEvent } from 'primeng/api';
-import { Car } from '@domain/car';
-import { Code } from '@domain/code';
-import { CarService } from '@service/carservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'virtual-scroll-lazy-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                VirtualScroller is a performance-approach to handle huge data efficiently. Setting <i>virtualScroll</i> property as true and providing a <i>virtualScrollItemSize</i> in pixels would be enough to enable this functionality. It is also
-                suggested to use the same <i>virtualScrollItemSize</i> value on the tr element inside the body template.
-            </p>
-        </app-docsectiontext>
-        <p-deferred-demo (load)="loadDemoData()">
-            <div class="card">
-                <p-table [columns]="cols" [value]="virtualCars" [scrollable]="true" scrollHeight="400px" [rows]="100" [virtualScroll]="true" [virtualScrollItemSize]="50" [lazy]="true" (onLazyLoad)="loadCarsLazy($event)">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns" style="width: 20%;">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowData let-columns="columns">
-                        <tr>
-                            <td *ngFor="let col of columns">
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="loadingbody" let-columns="columns">
-                        <tr>
-                            <td *ngFor="let col of columns; let even = even">
-                                <p-skeleton [ngStyle]="{ width: even ? (col.field === 'year' ? '30%' : '40%') : '60%' }" />
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-table>
-            </div>
-        </p-deferred-demo>
-        <app-code [code]="code" selector="table-virtual-scroll-lazy-demo" [extFiles]="extFiles"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class VirtualScrollLazyDoc {
-    cars!: Car[];
-
-    virtualCars!: Car[];
-
-    cols!: Column[];
-
-    constructor(private carService: CarService) {}
-
-    loadDemoData() {
-        this.cols = [
-            { field: 'id', header: 'Id' },
-            { field: 'vin', header: 'Vin' },
-            { field: 'year', header: 'Year' },
-            { field: 'brand', header: 'Brand' },
-            { field: 'color', header: 'Color' }
-        ];
-
-        this.cars = Array.from({ length: 10000 }).map((_, i) => this.carService.generateCar(i + 1));
-        this.virtualCars = Array.from({ length: 10000 });
-    }
-
-    loadCarsLazy(event: LazyLoadEvent) {
-        //simulate remote connection with a timeout
-        setTimeout(
-            () => {
-                //load data of required page
-                let loadedCars = this.cars.slice(event.first, event.first + event.rows);
-
-                //populate page of virtual cars
-                Array.prototype.splice.apply(this.virtualCars, [...[event.first, event.rows], ...loadedCars]);
-
-                //trigger change detection
-                event.forceUpdate();
-            },
-            Math.random() * 1000 + 250
-        );
-    }
-
-    code: Code = {
-        basic: `<p-table
-    [columns]="cols"
-    [value]="virtualCars"
-    [scrollable]="true"
-    scrollHeight="400px"
-    [rows]="100"
-    [virtualScroll]="true"
-    [virtualScrollItemSize]="50"
-    [lazy]="true"
-    (onLazyLoad)="loadCarsLazy($event)">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns" style="width: 20%;">
-                    {{col.header}}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowData let-columns="columns">
-            <tr>
-                <td *ngFor="let col of columns">
-                    {{rowData[col.field]}}
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="loadingbody" let-columns="columns">
-            <tr>
-                <td *ngFor="let col of columns; let even = even">
-                    <p-skeleton [ngStyle]="{'width': even ? (col.field === 'year' ? '30%' : '40%') : '60%'}" />
-                </td>
-            </tr>
-        </ng-template>
-</p-table>`,
-        html: `<div class="card">
-    <p-table
-        [columns]="cols"
-        [value]="virtualCars"
-        [scrollable]="true"
-        scrollHeight="400px"
-        [rows]="100"
-        [virtualScroll]="true"
-        [virtualScrollItemSize]="50"
-        [lazy]="true"
-        (onLazyLoad)="loadCarsLazy($event)">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns" style="width: 20%;">
-                        {{col.header}}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowData let-columns="columns">
-                <tr>
-                    <td *ngFor="let col of columns">
-                        {{rowData[col.field]}}
-                    </td>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="loadingbody" let-columns="columns">
-                <tr>
-                    <td *ngFor="let col of columns; let even = even">
-                        <p-skeleton [ngStyle]="{'width': even ? (col.field === 'year' ? '30%' : '40%') : '60%'}" />
-                    </td>
-                </tr>
-            </ng-template>
-    </p-table>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { LazyLoadEvent } from 'primeng/api';
-import { Car } from '@domain/car';
-import { CarService } from '@service/carservice';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'table-virtual-scroll-lazy-demo',
-    templateUrl: 'table-virtual-scroll-lazy-demo.html',
-    standalone: true,
-    imports: [TableModule, CommonModule],
-    providers: [CarService]
-})
-export class TableVirtualScrollLazyDemo implements OnInit{
-    cars!: Car[];
-
-    virtualCars!: Car[];
-
-    cols!: Column[];
-
-    constructor(private carService: CarService) {}
-
-    ngOnInit() {
-        this.cols = [
-            { field: 'id', header: 'Id' },
-            { field: 'vin', header: 'Vin' },
-            { field: 'year', header: 'Year' },
-            { field: 'brand', header: 'Brand' },
-            { field: 'color', header: 'Color' }
-        ];
-
-        this.cars = Array.from({ length: 10000 }).map((_, i) => this.carService.generateCar(i + 1));
-        this.virtualCars = Array.from({ length: 10000 });
-    }
-
-    loadCarsLazy(event: LazyLoadEvent) {
-        //simulate remote connection with a timeout
-        setTimeout(() => {
-            //load data of required page
-            let loadedCars = this.cars.slice(event.first, event.first + event.rows);
-
-            //populate page of virtual cars
-            Array.prototype.splice.apply(this.virtualCars, [...[event.first, event.rows], ...loadedCars]);
-
-            //trigger change detection
-            event.forceUpdate();
-        }, Math.random() * 1000 + 250);
-    }
-}`,
-        data: `{
-    id: 1
-    vin: tvACo,
-    brand: Norma,
-    color: Black,
-    year: 2002
-}
-...`,
-        service: ['CarService']
-    };
-
-    extFiles = [
-        {
-            path: 'src/domain/car.ts',
-            content: `
-export interface Car {
-    id?;
-    vin?;
-    year?;
-    brand?;
-    color?;
-    price?;
-    saleDate?;
-}`
-        }
-    ];
-}
diff --git a/src/app/showcase/doc/tabmenu/accessibilitydoc.ts b/src/app/showcase/doc/tabmenu/accessibilitydoc.ts
deleted file mode 100644
index 362a934..0000000
--- a/src/app/showcase/doc/tabmenu/accessibilitydoc.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                TabMenu component uses the <i>menubar</i> role and the value to describe the menu can either be provided with <i>aria-labelledby</i> or <i>aria-label</i> props. Each list item has a <i>presentation</i> role whereas anchor elements
-                have a <i>menuitem</i> role with <i>aria-label</i> referring to the label of the item and <i>aria-disabled</i> defined if the item is disabled.
-            </p>
-            <h3>Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Adds focus to the active tab header when focus moves in to the component, if there is already a focused tab header moves the focus out of the component based on the page tab sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Activates the focused tab header.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Activates the focused tab header.</td>
-                        </tr>
-                        <tr>
-                            <td><i>right arrow</i></td>
-                            <td>Moves focus to the next header.</td>
-                        </tr>
-                        <tr>
-                            <td><i>left arrow</i></td>
-                            <td>Moves focus to the previous header.</td>
-                        </tr>
-                        <tr>
-                            <td><i>home</i></td>
-                            <td>Moves focus to the first header.</td>
-                        </tr>
-                        <tr>
-                            <td><i>end</i></td>
-                            <td>Moves focus to the last header.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/tabmenu/activedoc.ts b/src/app/showcase/doc/tabmenu/activedoc.ts
deleted file mode 100644
index ad75710..0000000
--- a/src/app/showcase/doc/tabmenu/activedoc.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'active-doc',
-    template: `
-        <app-docsectiontext>
-            <p>By default item that matches the active route is highlighted, alternatively <i>activeItem</i> property can be used choose the initial active item.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-tabMenu [model]="items" [activeItem]="activeItem"></p-tabMenu>
-        </div>
-        <app-code [code]="code" selector="tab-menu-active-demo"></app-code>
-    `
-})
-export class ActiveDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    activeItem: MenuItem | undefined;
-
-    ngOnInit() {
-        this.items = [
-            { label: 'Home', icon: 'pi pi-fw pi-home' },
-            { label: 'Calendar', icon: 'pi pi-fw pi-calendar' },
-            { label: 'Edit', icon: 'pi pi-fw pi-pencil' },
-            { label: 'Documentation', icon: 'pi pi-fw pi-file' },
-            { label: 'Settings', icon: 'pi pi-fw pi-cog' }
-        ];
-
-        this.activeItem = this.items[0];
-    }
-
-    code: Code = {
-        basic: `<p-tabMenu [model]="items" [activeItem]="activeItem"></p-tabMenu>`,
-
-        html: `
-<div class="card">
-    <p-tabMenu [model]="items" [activeItem]="activeItem"></p-tabMenu>
-</div>`,
-
-        typescript: `
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-
-@Component({
-    selector: 'tab-menu-active-demo',
-    templateUrl: './tab-menu-active-demo.html'
-})
-export class TabMenuActiveDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    activeItem: MenuItem | undefined;
-
-    ngOnInit() {
-        this.items = [
-            { label: 'Home', icon: 'pi pi-fw pi-home' },
-            { label: 'Calendar', icon: 'pi pi-fw pi-calendar' },
-            { label: 'Edit', icon: 'pi pi-fw pi-pencil' },
-            { label: 'Documentation', icon: 'pi pi-fw pi-file' },
-            { label: 'Settings', icon: 'pi pi-fw pi-cog' }
-        ];
-
-        this.activeItem = this.items[0];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tabmenu/basicdoc.ts b/src/app/showcase/doc/tabmenu/basicdoc.ts
deleted file mode 100644
index 02c254f..0000000
--- a/src/app/showcase/doc/tabmenu/basicdoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>TabMenu requires a collection of menuitems as its model.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-tabMenu [model]="items" />
-        </div>
-        <app-code [code]="code" selector="tab-menu-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            { label: 'Dashboard', icon: 'pi pi-home' },
-            { label: 'Transactions', icon: 'pi pi-chart-line' },
-            { label: 'Products', icon: 'pi pi-list' },
-            { label: 'Messages', icon: 'pi pi-inbox' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-tabMenu [model]="items" />`,
-
-        html: `<div class="card">
-    <p-tabMenu [model]="items" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { TabMenuModule } from 'primeng/tabmenu';
-
-@Component({
-    selector: 'tab-menu-basic-demo',
-    templateUrl: './tab-menu-basic-demo.html',
-    standalone: true,
-    imports: [TabMenuModule]
-})
-export class TabMenuBasicDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            { label: 'Dashboard', icon: 'pi pi-home' },
-            { label: 'Transactions', icon: 'pi pi-chart-line' },
-            { label: 'Products', icon: 'pi pi-list' },
-            { label: 'Messages', icon: 'pi pi-inbox' }
-        ]
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tabmenu/commanddoc.ts b/src/app/showcase/doc/tabmenu/commanddoc.ts
deleted file mode 100644
index 44954eb..0000000
--- a/src/app/showcase/doc/tabmenu/commanddoc.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'command-doc',
-    template: `
-        <app-docsectiontext>
-            <p>The <i>command</i> property defines the callback to run when an item is activated by click or a key event.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-toast />
-            <p-tabMenu [model]="items" />
-        </div>
-        <app-code [code]="code" selector="tab-menu-command-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class CommandDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Dashboard',
-                icon: 'pi pi-home',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Selected', detail: 'Dashboard', life: 3000 });
-                }
-            },
-            {
-                label: 'Transactions',
-                icon: 'pi pi-chart-line',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Selected', detail: 'Transactions', life: 3000 });
-                }
-            },
-            {
-                label: 'Products',
-                icon: 'pi pi-list',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Selected', detail: 'Products', life: 3000 });
-                }
-            },
-            {
-                label: 'Messages',
-                icon: 'pi pi-inbox',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Selected', detail: 'Messages', life: 3000 });
-                }
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-tabMenu [model]="items" />`,
-
-        html: `<div class="card">
-    <p-toast />
-    <p-tabMenu [model]="items" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService } from 'primeng/api';
-import { TabMenuModule } from 'primeng/tabmenu';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'tab-menu-command-demo',
-    templateUrl: './tab-menu-command-demo.html',
-    standalone: true,
-    imports: [TabMenuModule, ToastModule],
-    providers: [MessageService]
-})
-export class TabMenuCommandDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Dashboard',
-                icon: 'pi pi-home',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Selected', detail: 'Dashboard', life: 3000 });
-                }
-            },
-            {
-                label: 'Transactions',
-                icon: 'pi pi-chart-line',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Selected', detail: 'Transactions', life: 3000 });
-                }
-            },
-            {
-                label: 'Products',
-                icon: 'pi pi-list',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Selected', detail: 'Products', life: 3000 });
-                }
-            },
-            {
-                label: 'Messages',
-                icon: 'pi pi-inbox',
-                command: () => {
-                    this.messageService.add({ severity: 'success', summary: 'Selected', detail: 'Messages', life: 3000 });
-                }
-            }
-        ];
-    }
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tabmenu/controlleddoc.ts b/src/app/showcase/doc/tabmenu/controlleddoc.ts
deleted file mode 100644
index de68cf8..0000000
--- a/src/app/showcase/doc/tabmenu/controlleddoc.ts
+++ /dev/null
@@ -1,139 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'controlled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>For controlled mode, use <i>activeItem</i> property along with <i>activeItemChange</i> event are needed to manage the active item.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex mb-2 gap-2 justify-end">
-                <p-button (onClick)="activeItem = items[0]" [rounded]="true" label="1" styleClass="!w-2 !h-2 !p-0" [outlined]="activeItem !== items[0]" />
-                <p-button (onClick)="activeItem = items[1]" [rounded]="true" label="2" styleClass="!w-2 !h-2 !p-0" [outlined]="activeItem !== items[1]" />
-                <p-button (onClick)="activeItem = items[2]" [rounded]="true" label="3" styleClass="!w-2 !h-2 !p-0" [outlined]="activeItem !== items[2]" />
-            </div>
-            <p-tabMenu [model]="items" [activeItem]="activeItem" (activeItemChange)="onActiveItemChange($event)" />
-        </div>
-        <app-code [code]="code" selector="tab-menu-controlled-demo"></app-code>
-    `
-})
-export class ControlledDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    activeItem: MenuItem | undefined;
-
-    ngOnInit() {
-        this.items = [
-            { label: 'Dashboard', icon: 'pi pi-home' },
-            { label: 'Transactions', icon: 'pi pi-chart-line' },
-            { label: 'Products', icon: 'pi pi-list' }
-        ];
-
-        this.activeItem = this.items[0];
-    }
-
-    onActiveItemChange(event: MenuItem) {
-        this.activeItem = event;
-    }
-
-    code: Code = {
-        basic: `<div class="flex mb-2 gap-2 justify-end">
-    <p-button
-        (onClick)="activeItem = items[0]"
-        [rounded]="true"
-        label="1"
-        styleClass="!w-2 !h-2 !p-0"
-        [outlined]="activeItem !== items[0]" />
-    <p-button
-        (onClick)="activeItem = items[1]"
-        [rounded]="true"
-        label="2"
-        styleClass="!w-2 !h-2 !p-0"
-        [outlined]="activeItem !== items[1]" />
-    <p-button
-        (onClick)="activeItem = items[2]"
-        [rounded]="true"
-        label="3"
-        styleClass="!w-2 !h-2 !p-0"
-        [outlined]="activeItem !== items[2]" />
-</div>
-<p-tabMenu
-    [model]="items"
-    [activeItem]="activeItem"
-    (activeItemChange)="onActiveItemChange($event)" />`,
-
-        html: `<div class="card">
-    <div class="flex mb-2 gap-2 justify-end">
-        <p-button
-            (onClick)="activeItem = items[0]"
-            [rounded]="true" label="1"
-            styleClass="!w-2 !h-2 !p-0"
-            [outlined]="activeItem !== items[0]" />
-        <p-button
-            (onClick)="activeItem = items[1]"
-            [rounded]="true"
-            label="2"
-            styleClass="!w-2 !h-2 !p-0"
-            [outlined]="activeItem !== items[1]" />
-        <p-button
-            (onClick)="activeItem = items[2]"
-            [rounded]="true"
-            label="3"
-            styleClass="!w-2 !h-2 !p-0"
-            [outlined]="activeItem !== items[2]" />
-    </div>
-    <p-tabMenu
-        [model]="items"
-        [activeItem]="activeItem"
-        (activeItemChange)="onActiveItemChange($event)" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { TabMenuModule } from 'primeng/tabmenu';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'tab-menu-controlled-demo',
-    templateUrl: './tab-menu-controlled-demo.html',
-    standalone: true,
-    imports: [TabMenuModule, ButtonModule]
-})
-export class TabMenuControlledDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    activeItem: MenuItem | undefined;
-
-    ngOnInit() {
-        this.items = [
-            { label: 'Dashboard', icon: 'pi pi-home' },
-            { label: 'Transactions', icon: 'pi pi-chart-line' },
-            { label: 'Products', icon: 'pi pi-list' },
-        ];
-
-        this.activeItem = this.items[0];
-    }
-
-    onActiveItemChange(event: MenuItem) {
-        this.activeItem = event;
-    }
-}`,
-
-        module: `
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { TabMenuModule } from 'primeng/tabmenu';
-import { TabMenuModule } from 'primeng/tabmenu';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-import { TabMenuDemo } from './tabmenudemo';
-
-@NgModule({
-    imports: [CommonModule, TabMenuModule, ButtonModule, RippleModule],
-    declarations: [TabMenuDemo]
-})
-export class TabMenuDemoModule {}`
-    };
-}
diff --git a/src/app/showcase/doc/tabmenu/importdoc.ts b/src/app/showcase/doc/tabmenu/importdoc.ts
deleted file mode 100644
index 95e7099..0000000
--- a/src/app/showcase/doc/tabmenu/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { TabMenuModule } from 'primeng/tabmenu';`
-    };
-}
diff --git a/src/app/showcase/doc/tabmenu/routerdoc.ts b/src/app/showcase/doc/tabmenu/routerdoc.ts
deleted file mode 100644
index 3c79606..0000000
--- a/src/app/showcase/doc/tabmenu/routerdoc.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-import { Router } from '@angular/router';
-
-@Component({
-    selector: 'router-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Items with navigation are defined with templating to be able to use a router link directive, an external link or programmatic navigation.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-tabMenu [model]="items">
-                <ng-template pTemplate="item" let-item>
-                    <ng-container *ngIf="item.route; else elseBlock">
-                        <a [routerLink]="item.route" class="p-menuitem-link">
-                            <span [class]="item.icon"></span>
-                            <span class="ml-2">{{ item.label }}</span>
-                        </a>
-                    </ng-container>
-                    <ng-template #elseBlock>
-                        <a [href]="item.url" class="p-menuitem-link">
-                            <span [class]="item.icon"></span>
-                            <span class="ml-2">{{ item.label }}</span>
-                        </a>
-                    </ng-template>
-                </ng-template>
-            </p-tabMenu>
-        </div>
-        <app-code [code]="code" selector="tab-menu-router-demo"></app-code>
-    `
-})
-export class RouterDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private router: Router) {}
-
-    ngOnInit() {
-        this.items = [
-            { label: 'Router Link', icon: 'pi pi-home', route: '/tabmenu' },
-            {
-                label: 'Programmatic',
-                icon: 'pi pi-palette',
-                command: () => {
-                    this.router.navigate(['/theming']);
-                }
-            },
-            { label: 'External', icon: 'pi pi-link', url: 'https://angular.io/' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-tabMenu [model]="items">
-    <ng-template pTemplate="item" let-item>
-        <ng-container *ngIf="item.route; else elseBlock">
-            <a [routerLink]="item.route" class="p-menuitem-link">
-                <span [class]="item.icon"></span>
-                <span class="ml-2">
-                    {{ item.label }}
-                </span>
-            </a>
-        </ng-container>
-        <ng-template #elseBlock>
-            <a [href]="item.url" class="p-menuitem-link">
-                <span [class]="item.icon"></span>
-                <span class="ml-2">
-                    {{ item.label }}
-                </span>
-            </a>
-        </ng-template>
-    </ng-template>
-</p-tabMenu>`,
-
-        html: `<div class="card">
-    <p-tabMenu [model]="items">
-        <ng-template pTemplate="item" let-item>
-            <ng-container *ngIf="item.route; else elseBlock">
-                <a [routerLink]="item.route" class="p-menuitem-link">
-                    <span [class]="item.icon"></span>
-                    <span class="ml-2">
-                        {{ item.label }}
-                    </span>
-                </a>
-            </ng-container>
-            <ng-template #elseBlock>
-                <a [href]="item.url" class="p-menuitem-link">
-                    <span [class]="item.icon"></span>
-                    <span class="ml-2">
-                        {{ item.label }}
-                    </span>
-                </a>
-            </ng-template>
-        </ng-template>
-    </p-tabMenu>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Router } from '@angular/router';
-import { TabMenuModule } from 'primeng/tabmenu';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'tab-menu-router-demo',
-    templateUrl: './tab-menu-router-demo.html',
-    standalone: true,
-    imports: [TabMenuModule, CommonModule]
-})
-export class TabMenuRouterDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private router: Router) {}
-
-    ngOnInit() {
-        this.items = [
-            { label: 'Router Link', icon: 'pi pi-home', route: '/tabmenu' },
-            {
-                label: 'Programmatic',
-                icon: 'pi pi-palette',
-                command: () => {
-                    this.router.navigate(['/theming']);
-                }
-            },
-            { label: 'External', icon: 'pi pi-link', url: 'https://angular.io/' }
-        ];
-    }
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tabmenu/scrollabledoc.ts b/src/app/showcase/doc/tabmenu/scrollabledoc.ts
deleted file mode 100644
index 5c4fb0f..0000000
--- a/src/app/showcase/doc/tabmenu/scrollabledoc.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'scrollable-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Setting <i>scrollable</i> property to <i>true</i> enables scrolling if content overflows.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-tabMenu [scrollable]="true" [model]="items" [activeItem]="activeItem"></p-tabMenu>
-        </div>
-        <app-code [code]="code" selector="tab-menu-scrollable-demo"></app-code>
-    `
-})
-export class ScrollableDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    activeItem: MenuItem | undefined;
-
-    ngOnInit() {
-        this.items = Array.from({ length: 50 }, (_, i) => ({ label: `Tab ${i + 1}` }));
-        this.activeItem = this.items[0];
-    }
-
-    code: Code = {
-        basic: `<p-tabMenu [scrollable]="true" [model]="items" [activeItem]="activeItem"></p-tabMenu>`,
-
-        html: `
-<div class="card">
-    <p-tabMenu [scrollable]="true" [model]="items" [activeItem]="activeItem"></p-tabMenu>
-</div>`,
-
-        typescript: `
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-
-@Component({
-    selector: 'tab-menu-scrollable-demo',
-    templateUrl: './tab-menu-scrollable-demo.html'
-})
-export class TabMenuScrollableDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    activeItem: MenuItem | undefined;
-
-    ngOnInit() {
-        this.items = Array.from({ length: 50 }, (_, i) => ({ label: \`Tab \${i + 1}\`}));
-        this.activeItem = this.items[0];
-    }
-}`,
-
-        module: `
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { TabMenuModule } from 'primeng/tabmenu';
-import { TabMenuDemo } from './tabmenudemo';
-
-@NgModule({
-    imports: [CommonModule, TabMenuModule],
-    declarations: [TabMenuDemo]
-})
-export class TabMenuDemoModule {}`
-    };
-}
diff --git a/src/app/showcase/doc/tabmenu/styledoc.ts b/src/app/showcase/doc/tabmenu/styledoc.ts
deleted file mode 100644
index 2c0e0a9..0000000
--- a/src/app/showcase/doc/tabmenu/styledoc.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-tabmenu</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-tabmenu-nav</td>
-                        <td>List element of headers.</td>
-                    </tr>
-                    <tr>
-                        <td>p-tabmenuitem</td>
-                        <td>Menuitem element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem-link</td>
-                        <td>Link inside a menuitem.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem-text</td>
-                        <td>Label of a menuitem.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem-icon</td>
-                        <td>Icon of a menuitem.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/tabmenu/tabmenudoc.module.ts b/src/app/showcase/doc/tabmenu/tabmenudoc.module.ts
deleted file mode 100644
index 64bb406..0000000
--- a/src/app/showcase/doc/tabmenu/tabmenudoc.module.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TabMenuModule } from 'primeng/tabmenu';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ActiveDoc } from './activedoc';
-import { BasicDoc } from './basicdoc';
-import { ControlledDoc } from './controlleddoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { ScrollableDoc } from './scrollabledoc';
-import { TemplateDoc } from './templatedoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { CommandDoc } from './commanddoc';
-import { ToastModule } from 'primeng/toast';
-import { RouterDoc } from './routerdoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, RouterModule, TabMenuModule, ButtonModule, RippleModule, AppDocModule, ToastModule],
-    declarations: [BasicDoc, ScrollableDoc, ImportDoc, StyleDoc, ControlledDoc, ActiveDoc, TemplateDoc, CommandDoc, RouterDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class TabMenuDocModule {}
diff --git a/src/app/showcase/doc/tabmenu/templatedoc.ts b/src/app/showcase/doc/tabmenu/templatedoc.ts
deleted file mode 100644
index f2433e0..0000000
--- a/src/app/showcase/doc/tabmenu/templatedoc.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'tab-menu-template-demo',
-    template: `
-        <app-docsectiontext>
-            <p>TabMenu supports templating via the <i>item</i> template which gets the menuitem instance and the index.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-tabMenu [model]="items" [activeItem]="activeItem">
-                <ng-template pTemplate="item" let-item>
-                    <a pRipple class="flex items-center gap-2 p-menuitem-link">
-                        <img [alt]="item.name" [src]="'https://primefaces.org/cdn/primeng/images/demo/avatar/' + item.image" style="width: 32px" />
-                        <span class="font-bold">{{ item.name }}</span>
-                    </a>
-                </ng-template>
-            </p-tabMenu>
-        </div>
-        <app-code [code]="code" selector="tab-menu-template-demo"></app-code>
-    `
-})
-export class TemplateDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    activeItem: MenuItem | undefined;
-
-    ngOnInit() {
-        (this.items = [
-            { name: 'Amy Elsner', image: 'amyelsner.png' },
-            { name: 'Anna Fali', image: 'annafali.png' },
-            { name: 'Asiya Javayant', image: 'asiyajavayant.png' }
-        ]),
-            (this.activeItem = this.items[0]);
-    }
-
-    code: Code = {
-        basic: `<p-tabMenu [model]="items" [activeItem]="activeItem">
-    <ng-template pTemplate="item" let-item>
-        <a pRipple class="flex items-center gap-2 p-menuitem-link">
-            <img 
-                [alt]="item.name" 
-                [src]="'https://primefaces.org/cdn/primeng/images/demo/avatar/' + item.image" 
-                style="width: 32px" />
-            <span class="font-bold">
-                {{ item.name }}
-            </span>
-        </a>
-    </ng-template>
-</p-tabMenu>`,
-
-        html: `<div class="card">
-    <p-tabMenu [model]="items" [activeItem]="activeItem">
-        <ng-template pTemplate="item" let-item>
-            <a pRipple class="flex items-center gap-2 p-menuitem-link">
-                <img 
-                    [alt]="item.name" 
-                    [src]="'https://primefaces.org/cdn/primeng/images/demo/avatar/' + item.image" 
-                    style="width: 32px" />
-                <span class="font-bold">
-                    {{ item.name }}
-                </span>
-            </a>
-        </ng-template>
-    </p-tabMenu>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TabMenuModule } from 'primeng/tabmenu';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
-    selector: 'tab-menu-template-demo',
-    templateUrl: './tab-menu-template-demo.html',
-    standalone: true,
-    imports: [TabMenuModule, RippleModule]
-})
-export class TabMenuTemplateDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    activeItem: MenuItem | undefined;
-
-    ngOnInit() {
-        this.items = [
-            { label: 'Home', icon: 'pi pi-fw pi-home' },
-            { label: 'Calendar', icon: 'pi pi-fw pi-calendar' },
-            { label: 'Edit', icon: 'pi pi-fw pi-pencil' },
-            { label: 'Documentation', icon: 'pi pi-fw pi-file' },
-            { label: 'Settings', icon: 'pi pi-fw pi-cog' }
-        ];
-
-        this.activeItem = this.items[0];
-    }
-}`,
-
-        module: `
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { TabMenuModule } from 'primeng/tabmenu';
-import { TabMenuDemo } from './tabmenudemo';
-
-@NgModule({
-    imports: [CommonModule, TabMenuModule],
-    declarations: [TabMenuDemo]
-})
-export class TabMenuDemoModule {}`
-    };
-}
diff --git a/src/app/showcase/doc/tabview/accessibilitydoc.ts b/src/app/showcase/doc/tabview/accessibilitydoc.ts
deleted file mode 100644
index 86a559a..0000000
--- a/src/app/showcase/doc/tabview/accessibilitydoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                TabView container is defined with the <i>tablist</i> role, as any attribute is passed to the container element <i>aria-labelledby</i> can be optionally used to specify an element to describe the TabView. Each tab header has a
-                <i>tab</i> role along with <i>aria-selected</i> state attribute and <i>aria-controls</i> to refer to the corresponding tab content element. The content element of each tab has <i>tabpanel</i> role, an id to match the<i
-                    >aria-controls</i
-                >
-                of the header and <i>aria-labelledby</i> reference to the header as the accessible name.
-            </p>
-            <h3>Tab Header Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Moves focus through the header.</td>
-                        </tr>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Activates the focused tab header.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Activates the focused tab header.</td>
-                        </tr>
-                        <tr>
-                            <td><i>right arrow</i></td>
-                            <td>Moves focus to the next header.</td>
-                        </tr>
-                        <tr>
-                            <td><i>left arrow</i></td>
-                            <td>Moves focus to the previous header.</td>
-                        </tr>
-                        <tr>
-                            <td><i>home</i></td>
-                            <td>Moves focus to the last header.</td>
-                        </tr>
-                        <tr>
-                            <td><i>end</i></td>
-                            <td>Moves focus to the first header.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/tabview/basicdoc.ts b/src/app/showcase/doc/tabview/basicdoc.ts
deleted file mode 100644
index 7e88535..0000000
--- a/src/app/showcase/doc/tabview/basicdoc.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>TabView consists of one or more <i>TabPanel</i> elements.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-tabView>
-                <p-tabPanel header="Header I">
-                    <p>
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                    </p>
-                </p-tabPanel>
-                <p-tabPanel header="Header II">
-                    <p>
-                        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                        ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-                    </p>
-                </p-tabPanel>
-                <p-tabPanel header="Header III">
-                    <p>
-                        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-                        qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-                    </p>
-                </p-tabPanel>
-            </p-tabView>
-        </div>
-        <app-code [code]="code" selector="tab-view-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-tabView>
-    <p-tabPanel header="Header I">
-        <p>
-            Lorem ipsum dolor sit amet...
-        </p>
-    </p-tabPanel>
-    <p-tabPanel header="Header II">
-        <p>
-            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-        </p>
-    </p-tabPanel>
-    <p-tabPanel header="Header III">
-        <p>
-            At vero eos et accusamus et iusto odio dignissimos...
-        </p>
-    </p-tabPanel>
-</p-tabView>`,
-
-        html: `<div class="card">
-    <p-tabView>
-        <p-tabPanel header="Header I">
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-        </p-tabPanel>
-        <p-tabPanel header="Header II">
-            <p>
-                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-            </p>
-        </p-tabPanel>
-        <p-tabPanel header="Header III">
-            <p>
-                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-                qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-            </p>
-        </p-tabPanel>
-    </p-tabView>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TabViewModule } from 'primeng/tabview';
-
-@Component({
-    selector: 'tab-view-basic-demo',
-    templateUrl: './tab-view-basic-demo.html',
-    standalone: true,
-    imports: [TabViewModule]
-})
-export class TabViewBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/tabview/closabledoc.ts b/src/app/showcase/doc/tabview/closabledoc.ts
deleted file mode 100644
index 443b281..0000000
--- a/src/app/showcase/doc/tabview/closabledoc.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'closable-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>closable</i> is enabled, a close icon is displayed to hide the tab.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-tabView id="closableTabView">
-                <p-tabPanel header="Header I" [selected]="true">
-                    <p>
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                    </p>
-                </p-tabPanel>
-                <p-tabPanel header="Header II" [closable]="true">
-                    <p>
-                        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                        ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-                    </p>
-                </p-tabPanel>
-                <p-tabPanel header="Header III" [closable]="true">
-                    <p>
-                        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-                        qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-                    </p>
-                </p-tabPanel>
-            </p-tabView>
-        </div>
-        <app-code [code]="code" selector="tab-view-closable-demo"></app-code>
-    `
-})
-export class ClosableDoc {
-    code: Code = {
-        basic: `<p-tabView id="closableTabView">
-    <p-tabPanel header="Header I" [selected]="true">
-        <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit...
-        </p>
-    </p-tabPanel>
-    <p-tabPanel header="Header II" [closable]="true">
-        <p>
-            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-        </p>
-    </p-tabPanel>
-    <p-tabPanel header="Header III" [closable]="true">
-        <p>
-            At vero eos et accusamus et iusto odio dignissimos...
-        </p>
-    </p-tabPanel>
-</p-tabView>`,
-
-        html: `<div class="card">
-    <p-tabView id="closableTabView">
-        <p-tabPanel header="Header I" [selected]="true">
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-        </p-tabPanel>
-        <p-tabPanel header="Header II" [closable]="true">
-            <p>
-                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-            </p>
-        </p-tabPanel>
-        <p-tabPanel header="Header III" [closable]="true">
-            <p>
-                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-                qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-            </p>
-        </p-tabPanel>
-    </p-tabView>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TabViewModule } from 'primeng/tabview';
-
-@Component({
-    selector: 'tab-view-closable-demo',
-    templateUrl: './tab-view-closable-demo.html',
-    standalone: true,
-    imports: [TabViewModule]
-})
-export class TabViewClosableDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/tabview/controlleddoc.ts b/src/app/showcase/doc/tabview/controlleddoc.ts
deleted file mode 100644
index 5216bc0..0000000
--- a/src/app/showcase/doc/tabview/controlleddoc.ts
+++ /dev/null
@@ -1,139 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'controlled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>TabView can be controlled programmatically using a binding to <i>activeIndex</i> update the active index.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex mb-2 gap-2 justify-end">
-                <p-button (onClick)="activeIndex = 0" rounded="true" styleClass="!w-2 !h-2 !p-0" [outlined]="activeIndex !== 0" label="1" />
-                <p-button (onClick)="activeIndex = 1" rounded="true" styleClass="!w-2 !h-2 !p-0" [outlined]="activeIndex !== 1" label="2" />
-                <p-button (onClick)="activeIndex = 2" rounded="true" styleClass="!w-2 !h-2 !p-0" [outlined]="activeIndex !== 2" label="3" />
-            </div>
-            <p-tabView [(activeIndex)]="activeIndex">
-                <p-tabPanel header="Header I">
-                    <p>
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                    </p>
-                </p-tabPanel>
-                <p-tabPanel header="Header II">
-                    <p>
-                        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                        ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-                    </p>
-                </p-tabPanel>
-                <p-tabPanel header="Header III">
-                    <p>
-                        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-                        qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-                    </p>
-                </p-tabPanel>
-            </p-tabView>
-        </div>
-        <app-code [code]="code" selector="tab-view-controlled-demo"></app-code>
-    `
-})
-export class ControlledDoc {
-    activeIndex: number = 0;
-
-    code: Code = {
-        basic: `<div class="flex mb-2 gap-2 justify-end">
-    <p-button
-        (onClick)="activeIndex = 0"
-        rounded="true"
-        styleClass="!w-2 !h-2 !p-0"
-        [outlined]="activeIndex !== 0"
-        label="1" />
-    <p-button
-        (onClick)="activeIndex = 1"
-        rounded="true"
-        styleClass="!w-2 !h-2 !p-0"
-        [outlined]="activeIndex !== 1"
-        label="2" />
-    <p-button
-        (onClick)="activeIndex = 2"
-        rounded="true"
-        styleClass="!w-2 !h-2 !p-0"
-        [outlined]="activeIndex !== 2"
-        label="3" />
-</div>
-    <p-tabView [(activeIndex)]="activeIndex">
-        <p-tabPanel header="Header I">
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit...
-            </p>
-        </p-tabPanel>
-        <p-tabPanel header="Header II">
-            <p>
-                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-            </p>
-        </p-tabPanel>
-        <p-tabPanel header="Header III">
-            <p>
-                At vero eos et accusamus et iusto odio dignissimos...
-            </p>
-        </p-tabPanel>
-</p-tabView>`,
-
-        html: `<div class="card">
-    <div class="flex mb-2 gap-2 justify-end">
-        <p-button
-            (onClick)="activeIndex = 0"
-            rounded="true"
-            styleClass="!w-2 !h-2 !p-0"
-            [outlined]="activeIndex !== 0"
-            label="1" />
-        <p-button
-            (onClick)="activeIndex = 1"
-            rounded="true"
-            styleClass="!w-2 !h-2 !p-0"
-            [outlined]="activeIndex !== 1"
-            label="2" />
-        <p-button
-            (onClick)="activeIndex = 2"
-            rounded="true"
-            styleClass="!w-2 !h-2 !p-0"
-            [outlined]="activeIndex !== 2"
-            label="3" />
-    </div>
-<p-tabView [(activeIndex)]="activeIndex">
-<p-tabPanel header="Header I">
-    <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-</p-tabPanel>
-<p-tabPanel header="Header II">
-    <p>
-        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-        ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-    </p>
-</p-tabPanel>
-<p-tabPanel header="Header III">
-    <p>
-        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-        qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-    </p>
-</p-tabPanel>
-</p-tabView>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-import { TabViewModule } from 'primeng/tabview';
-
-@Component({
-    selector: 'tab-view-controlled-demo',
-    templateUrl: './tab-view-controlled-demo.html',
-    standalone: true,
-    imports: [ButtonModule, TabViewModule]
-})
-export class TabViewControlledDemo {
-    activeIndex: number = 0;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tabview/customtemplatedoc.ts b/src/app/showcase/doc/tabview/customtemplatedoc.ts
deleted file mode 100644
index 5dc250b..0000000
--- a/src/app/showcase/doc/tabview/customtemplatedoc.ts
+++ /dev/null
@@ -1,175 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Header of a tab supports templating to place custom html content instead of strings as well.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-tabView styleClass="tabview-custom">
-                <p-tabPanel>
-                    <ng-template pTemplate="header">
-                        <div class="flex flex-row items-center gap-2">
-                            <p-avatar class="flex" image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" shape="circle" />
-                            <span class="font-bold white-space-nowrap m-0">Amy Elsner</span>
-                        </div>
-                    </ng-template>
-                    <p>
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                    </p>
-                </p-tabPanel>
-                <p-tabPanel header="Header II">
-                    <ng-template pTemplate="header">
-                        <div class="flex flex-row items-center gap-2">
-                            <p-avatar class="flex" image="https://primefaces.org/cdn/primeng/images/demo/avatar/onyamalimba.png" shape="circle" />
-                            <span class="font-bold white-space-nowrap m-0">Onyama Limba</span>
-                        </div>
-                    </ng-template>
-                    <p>
-                        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                        ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-                    </p>
-                </p-tabPanel>
-                <p-tabPanel header="Header III">
-                    <ng-template pTemplate="header">
-                        <div class="flex flex-row items-center gap-2">
-                            <p-avatar class="flex" image="https://primefaces.org/cdn/primeng/images/demo/avatar/ionibowcher.png" shape="circle" />
-                            <span class="font-bold white-space-nowrap m-0">Ioni Bowcher</span>
-                            <p-badge value="2" />
-                        </div>
-                    </ng-template>
-                    <p>
-                        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-                        qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-                    </p>
-                </p-tabPanel>
-            </p-tabView>
-        </div>
-        <app-code [code]="code" selector="tab-view-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    code: Code = {
-        basic: `<p-tabView styleClass="tabview-custom">
-    <p-tabPanel>
-        <ng-template pTemplate="header">
-            <div class="flex flex-row items-center gap-2">
-                <p-avatar 
-                    class="flex"
-                    image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" 
-                    shape="circle" />
-                <span class="font-bold white-space-nowrap m-0">
-                    Amy Elsner
-                </span>
-            </div>
-        </ng-template>
-        <p>
-            Lorem ipsum dolor sit amet...
-        </p>
-    </p-tabPanel>
-    <p-tabPanel header="Header II">
-        <ng-template pTemplate="header">
-            <div class="flex flex-row items-center gap-2">
-                <p-avatar 
-                    class="flex"
-                    image="https://primefaces.org/cdn/primeng/images/demo/avatar/onyamalimba.png" 
-                    shape="circle" />
-                <span class="font-bold white-space-nowrap m-0">
-                    Onyama Limba
-                </span>
-            </div>
-        </ng-template>
-        <p>
-            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-        </p>
-    </p-tabPanel>
-    <p-tabPanel header="Header III">
-        <ng-template pTemplate="header">
-            <div class="flex flex-row items-center gap-2">
-                <p-avatar 
-                    class="flex"
-                    image="https://primefaces.org/cdn/primeng/images/demo/avatar/ionibowcher.png" 
-                    shape="circle" />
-                <span class="font-bold white-space-nowrap m-0">
-                    Ioni Bowcher
-                </span>
-                <p-badge value="2" />
-            </div>
-        </ng-template>
-        <p>
-            At vero eos et accusamus et iusto odio dignissimos...
-        </p>
-    </p-tabPanel>
-</p-tabView>`,
-
-        html: `<div class="card">
-    <p-tabView styleClass="tabview-custom">
-        <p-tabPanel>
-            <ng-template pTemplate="header">
-                <div class="flex flex-row items-center gap-2">
-                    <p-avatar 
-                        class="flex"
-                        image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" 
-                        shape="circle" />
-                    <span class="font-bold white-space-nowrap m-0">
-                        Amy Elsner
-                    </span>
-                </div>
-            </ng-template>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit...
-            </p>
-        </p-tabPanel>
-        <p-tabPanel header="Header II">
-            <ng-template pTemplate="header">
-                <div class="flex flex-row items-center gap-2">
-                    <p-avatar 
-                        class="flex"
-                        image="https://primefaces.org/cdn/primeng/images/demo/avatar/onyamalimba.png" 
-                        shape="circle" />
-                    <span class="font-bold white-space-nowrap m-0">
-                        Onyama Limba
-                    </span>
-                </div>
-            </ng-template>
-            <p>
-                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-            </p>
-        </p-tabPanel>
-        <p-tabPanel header="Header III">
-            <ng-template pTemplate="header">
-                <div class="flex flex-row items-center gap-2">
-                    <p-avatar 
-                        class="flex"
-                        image="https://primefaces.org/cdn/primeng/images/demo/avatar/ionibowcher.png" 
-                        shape="circle" />
-                    <span class="font-bold white-space-nowrap m-0">
-                        Ioni Bowcher
-                    </span>
-                    <p-badge value="2" />
-                </div>
-            </ng-template>
-            <p>
-                At vero eos et accusamus et iusto odio dignissimos...
-            </p>
-        </p-tabPanel>
-    </p-tabView>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TabViewModule } from 'primeng/tabview';
-import { BadgeModule } from 'primeng/badge';
-import { AvatarModule } from 'primeng/avatar';
-
-@Component({
-    selector: 'tab-view-template-demo',
-    templateUrl: './tab-view-template-demo.html',
-    standalone: true,
-    imports: [TabViewModule, BadgeModule, AvatarModule]
-})
-export class TabViewTemplateDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/tabview/disableddoc.ts b/src/app/showcase/doc/tabview/disableddoc.ts
deleted file mode 100644
index 5bd0c77..0000000
--- a/src/app/showcase/doc/tabview/disableddoc.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Setting <i>disabled</i> property to <i>true</i> of a <i>TabPanel</i> prevents user interaction.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-tabView>
-                <p-tabPanel header="Header I">
-                    <p>
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                    </p>
-                </p-tabPanel>
-                <p-tabPanel header="Header II">
-                    <p>
-                        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                        ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-                    </p>
-                </p-tabPanel>
-                <p-tabPanel header="Header III">
-                    <p>
-                        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-                        qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-                    </p>
-                </p-tabPanel>
-                <p-tabPanel [disabled]="true" header="Header IV" />
-            </p-tabView>
-        </div>
-        <app-code [code]="code" selector="tab-view-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    code: Code = {
-        basic: `<p-tabView>
-    <p-tabPanel header="Header I">
-        <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit...
-        </p>
-    </p-tabPanel>
-    <p-tabPanel header="Header II">
-        <p>
-            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium...
-        </p>
-    </p-tabPanel>
-    <p-tabPanel header="Header III">
-        <p>
-            At vero eos et accusamus et iusto odio dignissimos...
-        </p>
-    </p-tabPanel>
-    <p-tabPanel [disabled]="true" header="Header IV" />
-</p-tabView>`,
-
-        html: `<div class="card">
-    <p-tabView>
-        <p-tabPanel header="Header I">
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-            </p>
-        </p-tabPanel>
-        <p-tabPanel header="Header II">
-            <p>
-                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
-                ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
-            </p>
-        </p-tabPanel>
-        <p-tabPanel header="Header III">
-            <p>
-                At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
-                qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.
-            </p>
-        </p-tabPanel>
-        <p-tabPanel [disabled]="true" header="Header IV" />
-    </p-tabView>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TabViewModule } from 'primeng/tabview';
-
-@Component({
-    selector: 'tab-view-disabled-demo',
-    templateUrl: './tab-view-disabled-demo.html',
-    standalone: true,
-    imports: [TabViewModule]
-})
-export class TabViewDisabledDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/tabview/dynamicdoc.ts b/src/app/showcase/doc/tabview/dynamicdoc.ts
deleted file mode 100644
index 195b1cd..0000000
--- a/src/app/showcase/doc/tabview/dynamicdoc.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'dynamic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Tabs can be generated dynamically using the standard <i>ngFor</i> directive.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-tabView>
-                <p-tabPanel *ngFor="let tab of tabs" [header]="tab.title">
-                    <p>
-                        {{ tab.content }}
-                    </p>
-                </p-tabPanel>
-            </p-tabView>
-        </div>
-        <app-code [code]="code" selector="tab-view-dynamic-demo"></app-code>
-    `
-})
-export class DynamicDoc implements OnInit {
-    tabs: { title: string; content: string }[] = [];
-
-    ngOnInit() {
-        this.tabs = [
-            { title: 'Tab 1', content: 'Tab 1 Content' },
-            { title: 'Tab 2', content: 'Tab 2 Content' },
-            { title: 'Tab 3', content: 'Tab 3 Content' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-tabView>
-    <p-tabPanel *ngFor="let tab of tabs" [header]="tab.title">
-        <p>
-            {{ tab.content }}
-        </p>
-    </p-tabPanel>
-</p-tabView>`,
-
-        html: `<div class="card">
-<p-tabView>
-<p-tabPanel *ngFor="let tab of tabs" [header]="tab.title">
-    <p>
-        {{ tab.content }}
-    </p>
-</p-tabPanel>
-</p-tabView>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TabViewModule } from 'primeng/tabview';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'tab-view-dynamic-demo',
-    templateUrl: './tab-view-dynamic-demo.html',
-    standalone: true,
-    imports: [TabViewModule, CommonModule]
-})
-export class TabViewDynamicDemo implements OnInit {
-    tabs: { title: string, content: string }[] = [];
-
-    ngOnInit() {
-        this.tabs = [
-            { title: 'Tab 1', content: 'Tab 1 Content' },
-            { title: 'Tab 2', content: 'Tab 2 Content' },
-            { title: 'Tab 3', content: 'Tab 3 Content' }
-        ];
-    }
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tabview/importdoc.ts b/src/app/showcase/doc/tabview/importdoc.ts
deleted file mode 100644
index 41a4aaa..0000000
--- a/src/app/showcase/doc/tabview/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { TabViewModule } from 'primeng/tabview';`
-    };
-}
diff --git a/src/app/showcase/doc/tabview/lazydoc.ts b/src/app/showcase/doc/tabview/lazydoc.ts
deleted file mode 100644
index fe833ad..0000000
--- a/src/app/showcase/doc/tabview/lazydoc.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'lazy-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Lazy loading helps initial load performance by only initializing the active tab, inactive tabs are not initialized until they get selected. A lazy loaded tabpanel contents are cached by default so that upon reselection, they are not
-                created again. You may use cache property on TabPanel to configure this behavior. A TabPanel is specified as lazy when there is a ngTemplate with <i>pTemplate</i>="content" in it.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-tabView>
-                <p-tabPanel header="Header 1"> Content 1 </p-tabPanel>
-                <p-tabPanel header="Header 2">
-                    <ng-template pTemplate="content"> Complex Content to Lazy Load </ng-template>
-                </p-tabPanel>
-                <p-tabPanel header="Header 3">
-                    <ng-template pTemplate="content"> Complex Content to Lazy Load </ng-template>
-                </p-tabPanel>
-            </p-tabView>
-        </div>
-        <app-code [code]="code" selector="tab-view-lazy-demo"></app-code>
-    `
-})
-export class LazyDoc {
-    code: Code = {
-        basic: `<p-tabView>
-    <p-tabPanel header="Header 1"> Content 1 </p-tabPanel>
-    <p-tabPanel header="Header 2">
-        <ng-template pTemplate="content"> Complex Content to Lazy Load </ng-template>
-    </p-tabPanel>
-    <p-tabPanel header="Header 3">
-        <ng-template pTemplate="content"> Complex Content to Lazy Load </ng-template>
-    </p-tabPanel>
-</p-tabView>`,
-
-        html: `<div class="card">
-    <p-tabView>
-    <p-tabPanel header="Header 1"> Content 1 </p-tabPanel>
-    <p-tabPanel header="Header 2">
-        <ng-template pTemplate="content"> Complex Content to Lazy Load </ng-template>
-    </p-tabPanel>
-    <p-tabPanel header="Header 3">
-        <ng-template pTemplate="content"> Complex Content to Lazy Load </ng-template>
-    </p-tabPanel>
-    </p-tabView>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TabViewModule } from 'primeng/tabview';
-
-@Component({
-    selector: 'tab-view-lazy-demo',
-    templateUrl: './tab-view-lazy-demo.html',
-    standalone: true,
-    imports: [TabViewModule]
-})
-export class TabViewLazyDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/tabview/scrollabledoc.ts b/src/app/showcase/doc/tabview/scrollabledoc.ts
deleted file mode 100644
index 4fa5075..0000000
--- a/src/app/showcase/doc/tabview/scrollabledoc.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'scrollable-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Adding <i>scrollable</i> property displays navigational buttons at each side to scroll between tabs.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-tabView [(activeIndex)]="activeIndex" [scrollable]="true">
-                <p-tabPanel *ngFor="let tab of scrollableTabs" [header]="tab.title">
-                    <p>{{ tab.content }}</p>
-                </p-tabPanel>
-            </p-tabView>
-        </div>
-        <app-code [code]="code" selector="tab-view-scrollable-demo"></app-code>
-    `
-})
-export class ScrollableDoc {
-    activeIndex: number = 0;
-
-    scrollableTabs: any[] = Array.from({ length: 50 }, (_, i) => ({ title: `Tab ${i + 1}`, content: `Tab ${i + 1} Content` }));
-
-    code: Code = {
-        basic: `<p-tabView [(activeIndex)]="activeIndex" [scrollable]="true">
-    <p-tabPanel *ngFor="let tab of scrollableTabs" [header]="tab.title">
-        <p>{{ tab.content }}</p>
-    </p-tabPanel>
-</p-tabView>`,
-
-        html: `<div class="card">
-    <p-tabView [(activeIndex)]="activeIndex" [scrollable]="true">
-        <p-tabPanel *ngFor="let tab of scrollableTabs" [header]="tab.title">
-            <p>{{ tab.content }}</p>
-        </p-tabPanel>
-    </p-tabView>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TabViewModule } from 'primeng/tabview';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'tab-view-scrollable-demo',
-    templateUrl: './tab-view-scrollable-demo.html',
-    standalone: true,
-    imports: [TabViewModule, CommonModule]
-})
-export class TabViewScrollableDemo {
-    activeIndex: number = 0;
-
-    scrollableTabs: any[] = Array.from({ length: 50 }, (_, i) => ({ title: "Title", content: "Content" }));
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tabview/styledoc.ts b/src/app/showcase/doc/tabview/styledoc.ts
deleted file mode 100644
index c37183e..0000000
--- a/src/app/showcase/doc/tabview/styledoc.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-tabview</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-tabview-nav</td>
-                        <td>Container of headers.</td>
-                    </tr>
-                    <tr>
-                        <td>p-tabview-selected</td>
-                        <td>Selected tab header.</td>
-                    </tr>
-                    <tr>
-                        <td>p-tabview-panels</td>
-                        <td>Container panels.</td>
-                    </tr>
-                    <tr>
-                        <td>p-tabview-panel</td>
-                        <td>Content of a tab.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/tabview/tabviewdoc.module.ts b/src/app/showcase/doc/tabview/tabviewdoc.module.ts
deleted file mode 100644
index 72a1dfe..0000000
--- a/src/app/showcase/doc/tabview/tabviewdoc.module.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ButtonModule } from 'primeng/button';
-import { TabViewModule } from 'primeng/tabview';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BasicDoc } from './basicdoc';
-import { ControlledDoc } from './controlleddoc';
-import { DynamicDoc } from './dynamicdoc';
-import { DisabledDoc } from './disableddoc';
-import { TemplateDoc } from './customtemplatedoc';
-import { ImportDoc } from './importdoc';
-import { ClosableDoc } from './closabledoc';
-import { ScrollableDoc } from './scrollabledoc';
-import { LazyDoc } from './lazydoc';
-import { StyleDoc } from './styledoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { AvatarModule } from 'primeng/avatar';
-import { BadgeModule } from 'primeng/badge';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, TabViewModule, RouterModule, ButtonModule, AvatarModule, BadgeModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, ControlledDoc, DynamicDoc, DisabledDoc, TemplateDoc, ClosableDoc, ScrollableDoc, LazyDoc, StyleDoc, AccessibilityDoc]
-})
-export class TabViewDocModule {}
diff --git a/src/app/showcase/doc/tag/accessibilitydoc.ts b/src/app/showcase/doc/tag/accessibilitydoc.ts
deleted file mode 100644
index 194ddd3..0000000
--- a/src/app/showcase/doc/tag/accessibilitydoc.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Tag does not include any roles and attributes by default, any attribute is passed to the root element so aria roles and attributes can be added if required. If the tags are dynamic,<i>aria-live</i> may be utilized as well. In case
-                badges need to be tabbable, <i>tabIndex</i> can be added to implement custom key handlers.
-            </p>
-
-            <h3>Keyboard Support</h3>
-            <p>Component does not include any interactive elements.</p>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/tag/basicdoc.ts b/src/app/showcase/doc/tag/basicdoc.ts
deleted file mode 100644
index 89c7fec..0000000
--- a/src/app/showcase/doc/tag/basicdoc.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Label of the tag is defined with the <i>value</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-tag value="New" />
-        </div>
-        <app-code [code]="code" selector="tag-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    code: Code = {
-        basic: `<p-tag value="New" />`,
-        html: `<div class="card flex justify-center">
-    <p-tag value="New" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { TagModule } from 'primeng/tag';
-
-@Component({
-    selector: 'tag-basic-demo',
-    templateUrl: './tag-basic-demo.html',
-    standalone: true,
-    imports: [TagModule]
-})
-export class TagBasicDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/tag/icondoc.ts b/src/app/showcase/doc/tag/icondoc.ts
deleted file mode 100644
index b7f1664..0000000
--- a/src/app/showcase/doc/tag/icondoc.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'icon-doc',
-    template: `
-        <app-docsectiontext>
-            <p>A font icon next to the value can be displayed with the <i>icon</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-2">
-            <p-tag icon="ti ti-check" value="Primary" />
-            <p-tag icon="ti ti-info-circle" severity="info" value="Info" />
-            <p-tag icon="ti ti-circle-check" severity="success" value="Success" />
-            <p-tag icon="ti ti-alert-triangle" severity="warning" value="Warning" />
-            <p-tag icon="ti ti-circle-x" severity="danger" value="Danger" />
-            <p-tag icon="ti ti-circle-x" severity="secondary" value="Secondary" />
-        </div>
-        <app-code [code]="code" selector="tag-icon-demo"></app-code>
-    `
-})
-export class IconDoc {
-    code: Code = {
-        basic: `<p-tag icon="pi pi-user" value="Primary" />`,
-        html: `
-<div class="card flex justify-center gap-2">
-    <p-tag icon="ti ti-check" value="Primary" />
-        <p-tag icon="ti ti-info-circle" severity="info" value="Info" />
-        <p-tag icon="ti ti-circle-check" severity="success" value="Success" />
-        <p-tag icon="ti ti-alert-triangle" severity="warning" value="Warning" />
-        <p-tag icon="ti ti-circle-x" severity="danger" value="Danger" />
-        <p-tag icon="ti ti-circle-x" severity="secondary" value="Secondary" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { TagModule } from 'primeng/tag';
-
-@Component({
-    selector: 'tag-icon-demo',
-    templateUrl: './tag-icon-demo.html',
-    standalone: true,
-    imports: [TagModule]
-})
-export class TagIconDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/tag/importdoc.ts b/src/app/showcase/doc/tag/importdoc.ts
deleted file mode 100644
index 2720d04..0000000
--- a/src/app/showcase/doc/tag/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { TagModule } from 'primeng/tag';`
-    };
-}
diff --git a/src/app/showcase/doc/tag/pilldoc.ts b/src/app/showcase/doc/tag/pilldoc.ts
deleted file mode 100644
index 00077fe..0000000
--- a/src/app/showcase/doc/tag/pilldoc.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'pill-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Enabling <i>rounded</i>, displays a tag as a pill.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-2">
-            <p-tag value="Primary" [rounded]="true" />
-            <p-tag severity="success" value="Success" [rounded]="true" />
-            <p-tag severity="info" value="Info" [rounded]="true" />
-            <p-tag severity="secondary" value="Secondary" [rounded]="true" />
-            <p-tag severity="warning" value="Warning" [rounded]="true" />
-            <p-tag severity="danger" value="Danger" [rounded]="true" />
-            <p-tag severity="contrast" value="Contrast" [rounded]="true" />
-        </div>
-        <app-code [code]="code" selector="tag-pill-demo"></app-code>
-    `
-})
-export class PillDoc {
-    code: Code = {
-        basic: `<p-tag value="Primary" [rounded]="true" />`,
-        html: `<div class="card flex justify-center gap-2">
-    <p-tag value="Primary" [rounded]="true" />
-    <p-tag severity="success" value="Success" [rounded]="true" />
-    <p-tag severity="info" value="Info" [rounded]="true" />
-    <p-tag severity="secondary" value="Secondary" [rounded]="true" />
-    <p-tag severity="warning" value="Warning" [rounded]="true" />
-    <p-tag severity="danger" value="Danger" [rounded]="true" />
-    <p-tag severity="contrast" value="Contrast" [rounded]="true" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { TagModule } from 'primeng/tag';
-
-@Component({
-    selector: 'tag-pill-demo',
-    templateUrl: './tag-pill-demo.html',
-    standalone: true,
-    imports: [TagModule]
-})
-export class TagPillDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/tag/severitydoc.ts b/src/app/showcase/doc/tag/severitydoc.ts
deleted file mode 100644
index 687fb30..0000000
--- a/src/app/showcase/doc/tag/severitydoc.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'severity-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Severity defines the color of the tag, possible values are <i>success</i>, <i>info</i>, <i>warning</i> and <i>danger</i> in addition to the default theme color.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-2">
-            <p-tag value="Primary" />
-            <p-tag severity="success" value="Success" />
-            <p-tag severity="secondary" value="Secondary" />
-            <p-tag severity="info" value="Info" />
-            <p-tag severity="warning" value="Warning" />
-            <p-tag severity="danger" value="Danger" />
-            <p-tag severity="contrast" value="Contrast" />
-        </div>
-        <app-code [code]="code" selector="tag-severity-demo"></app-code>
-    `
-})
-export class SeverityDoc {
-    code: Code = {
-        basic: `<p-tag severity="success" value="Success"/>`,
-        html: `<div class="card flex justify-center gap-2">
-    <p-tag value="Primary"/>
-    <p-tag severity="success" value="Success"/>
-    <p-tag severity="secondary" value="Secondary"/>
-    <p-tag severity="info" value="Info"/>
-    <p-tag severity="warning" value="Warning"/>
-    <p-tag severity="danger" value="Danger"/>
-    <p-tag severity="contrast" value="Contrast"/>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { TagModule } from 'primeng/tag';
-
-@Component({
-    selector: 'tag-severity-demo',
-    templateUrl: './tag-severity-demo.html',
-    standalone: true,
-    imports: [TagModule]
-})
-export class TagSeverityDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/tag/styledoc.ts b/src/app/showcase/doc/tag/styledoc.ts
deleted file mode 100644
index 8e40de0..0000000
--- a/src/app/showcase/doc/tag/styledoc.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-tag</td>
-                        <td>Tag element</td>
-                    </tr>
-                    <tr>
-                        <td>p-tag-rounded</td>
-                        <td>Rounded element</td>
-                    </tr>
-                    <tr>
-                        <td>p-tag-icon</td>
-                        <td>Icon of the tag</td>
-                    </tr>
-                    <tr>
-                        <td>p-tag-value</td>
-                        <td>Value of the tag</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/tag/tagdoc.module.ts b/src/app/showcase/doc/tag/tagdoc.module.ts
deleted file mode 100644
index 3c34fb7..0000000
--- a/src/app/showcase/doc/tag/tagdoc.module.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ButtonModule } from 'primeng/button';
-import { TagModule } from 'primeng/tag';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { StyleDoc } from './styledoc';
-import { BasicDoc } from './basicdoc';
-import { IconDoc } from './icondoc';
-import { ImportDoc } from './importdoc';
-import { PillDoc } from './pilldoc';
-import { TemplateDoc } from './templatedoc';
-import { SeverityDoc } from './severitydoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, TagModule, ButtonModule],
-    declarations: [ImportDoc, BasicDoc, IconDoc, PillDoc, StyleDoc, TemplateDoc, SeverityDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class TagDocModule {}
diff --git a/src/app/showcase/doc/tag/templatedoc.ts b/src/app/showcase/doc/tag/templatedoc.ts
deleted file mode 100644
index dc44cbf..0000000
--- a/src/app/showcase/doc/tag/templatedoc.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'tag-template-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Children of the component are passed as the content for templating.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-tag [style]="{ background: 'linear-gradient(to right, var(--surface-900), var(--surface-700)' }">
-                <div class="flex items-center gap-2 px-1">
-                    <img alt="Country" src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" class="flag flag-it" style="width: '18px'" />
-                    <span class="text-base">Italy</span>
-                </div>
-            </p-tag>
-        </div>
-        <app-code [code]="code" selector="tag-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    code: Code = {
-        basic: `<p-tag [style]="{ background: 'linear-gradient(to right, var(--surface-900), var(--surface-700)' }">
-    <div class="flex items-center gap-2 px-1">
-        <img 
-            alt="Country" 
-            src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" 
-            class="flag flag-it" 
-            style="width: '18px'" />
-        <span class="text-base">
-            Italy
-        </span>
-    </div>
-</p-tag>`,
-        html: `<div class="card flex justify-center">
-    <p-tag [style]="{ background: 'linear-gradient(to right, var(--surface-900), var(--surface-700)' }">
-        <div class="flex items-center gap-2 px-1">
-            <img 
-                alt="Country" 
-                src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" 
-                class="flag flag-it" 
-                style="width: '18px'" />
-            <span class="text-base">
-                Italy
-            </span>
-        </div>
-    </p-tag>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { TagModule } from 'primeng/tag';
-
-@Component({
-    selector: 'tag-template-demo',
-    templateUrl: './tag-template-demo.html',
-    standalone: true,
-    imports: [TagModule]
-})
-export class TagTemplateDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/terminal/accessibilitydoc.ts b/src/app/showcase/doc/terminal/accessibilitydoc.ts
deleted file mode 100644
index 5becdaf..0000000
--- a/src/app/showcase/doc/terminal/accessibilitydoc.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Terminal component has an input element that can be described with <i>aria-label</i> or <i>aria-labelledby</i> props. The element that lists the previous commands has <i>aria-live</i> so that changes are received by the screen reader.
-            </p>
-
-            <h3>Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Moves focus through the input element.</td>
-                        </tr>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Executes the command when focus in on the input element.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/terminal/basicdoc.ts b/src/app/showcase/doc/terminal/basicdoc.ts
deleted file mode 100644
index d8201e1..0000000
--- a/src/app/showcase/doc/terminal/basicdoc.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { Component, OnDestroy } from '@angular/core';
-import { TerminalService } from 'primeng/terminal';
-import { Subscription } from 'rxjs';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Commands are processed using observables via the <i>TerminalService</i>. Import this service into your component and subscribe to <i>commandHandler</i> to process commands by sending replies with <i>sendResponse</i> function.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p>Enter "<strong>date</strong>" to display the current date, "<strong>greet &#123;0&#125;</strong>" for a message and "<strong>random</strong>" to get a random number.</p>
-            <p-terminal welcomeMessage="Welcome to PrimeNG" prompt="primeng $" />
-        </div>
-        <app-code [code]="code" selector="terminal-basic-demo"></app-code>
-    `,
-    providers: [TerminalService]
-})
-export class BasicDoc implements OnDestroy {
-    subscription: Subscription;
-
-    constructor(private terminalService: TerminalService) {
-        this.subscription = this.terminalService.commandHandler.subscribe((command) => {
-            let response = command === 'date' ? new Date().toDateString() : 'Unknown command: ' + command;
-            this.terminalService.sendResponse(response);
-        });
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-
-    code: Code = {
-        basic: `<p>Enter "<strong>date</strong>" to display the current date, 
-"<strong>greet &#123;0&#125;</strong>" for a message and "<strong>random</strong>" 
-to get a random number.</p>
-<p-terminal welcomeMessage="Welcome to PrimeNG" prompt="primeng $" />`,
-        html: `<div class="card">
-    <p>Enter "<strong>date</strong>" to display the current date,
-    "<strong>greet &#123;0&#125;</strong>" for a message and "<strong>random</strong>" 
-    to get a random number.</p>
-    <p-terminal welcomeMessage="Welcome to PrimeNG" prompt="primeng $" />
-</div>`,
-        typescript: `import { Component, OnDestroy } from '@angular/core';
-import { TerminalService } from 'primeng/terminal';
-import { TerminalModule } from 'primeng/terminal';
-import { Subscription } from 'rxjs';
-
-@Component({
-    selector: 'terminal-basic-demo',
-    templateUrl: './terminal-basic-demo.html',
-    standalone: true,
-    imports: [TerminalModule],
-    providers: [TerminalService]
-})
-export class TerminalBasicDemo implements OnDestroy {
-    subscription: Subscription;
-
-    constructor(private terminalService: TerminalService) {
-        this.subscription = this.terminalService.commandHandler.subscribe((command) => {
-            let response = command === 'date' ? new Date().toDateString() : 'Unknown command: ' + command;
-            this.terminalService.sendResponse(response);
-        });
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/terminal/importdoc.ts b/src/app/showcase/doc/terminal/importdoc.ts
deleted file mode 100644
index 3464579..0000000
--- a/src/app/showcase/doc/terminal/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { TerminalModule } from 'primeng/terminal';`
-    };
-}
diff --git a/src/app/showcase/doc/terminal/styledoc.ts b/src/app/showcase/doc/terminal/styledoc.ts
deleted file mode 100644
index ba580c6..0000000
--- a/src/app/showcase/doc/terminal/styledoc.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-terminal</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-terminal-content</td>
-                        <td>Content of terminal.</td>
-                    </tr>
-                    <tr>
-                        <td>p-terminal-prompt</td>
-                        <td>Prompt text.</td>
-                    </tr>
-                    <tr>
-                        <td>p-terminal-response</td>
-                        <td>Command response.</td>
-                    </tr>
-                    <tr>
-                        <td>p-terminal-input</td>
-                        <td>Input element to enter commands.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/terminal/terminaldoc.module.ts b/src/app/showcase/doc/terminal/terminaldoc.module.ts
deleted file mode 100644
index 0417697..0000000
--- a/src/app/showcase/doc/terminal/terminaldoc.module.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TerminalModule } from 'primeng/terminal';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, TerminalModule],
-    declarations: [ImportDoc, BasicDoc, StyleDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class TerminalDocModule {}
diff --git a/src/app/showcase/doc/theming/architecturedoc.ts b/src/app/showcase/doc/theming/architecturedoc.ts
deleted file mode 100644
index 9270ba3..0000000
--- a/src/app/showcase/doc/theming/architecturedoc.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'architecture-doc',
-    template: `
-        <app-docsectiontext>
-            <p class="notification">
-                <strong>Note</strong>: In upcoming versions, theming architecture will be redesigned to utilize CSS variables instead of SCSS variables in a backward compatible way for a dynamic approach. In addition, a new
-                <strong>Unstyled</strong> mode will be provided as an alternative to the default styling so that CSS libraries like Tailwind or Bootstrap can be used to style the components. This work is planned to be completed in Q3 2023.
-            </p>
-            <p>
-                PrimeNG is a design agnostic library so unlike other UI libraries it does not enforce a certain styling such as material or bootstrap. In order to achieve this, styling has been separated into two parts, core and theme. The core
-                resides inside PrimeNG to implement the structure of the components such as positioning whereas theme brings the colors and spacing.
-            </p>
-        </app-docsectiontext>
-        <img alt="Architecture" src="https://primefaces.org/cdn/primeng/images/architecture.jpg" class="w-full mb-5" />
-    `
-})
-export class ArchitectureDoc {}
diff --git a/src/app/showcase/doc/theming/builtinthemesdoc.ts b/src/app/showcase/doc/theming/builtinthemesdoc.ts
deleted file mode 100644
index 72ed77c..0000000
--- a/src/app/showcase/doc/theming/builtinthemesdoc.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'builtin-themes-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                PrimeNG ships with various free themes to choose from. The list below states all the available themes in the npm distribution with import paths. For a live preview, use the configurator
-                <span class="border-round inline-flex border-1 !w-2 !h-2 p-0 items-center justify-center bg-primary"><span class="pi pi-palette"></span></span> at the topbar to switch themes.
-            </p>
-        </app-docsectiontext>
-        <div class="!h-20 overflow-auto">
-            <app-code [code]="code" [hideToggleCode]="true"></app-code>
-        </div>
-    `
-})
-export class BuiltInThemesDoc {
-    code: Code = {
-        basic: `primeng/resources/themes/bootstrap4-light-blue/theme.css
-primeng/resources/themes/bootstrap4-light-purple/theme.css
-primeng/resources/themes/bootstrap4-dark-blue/theme.css
-primeng/resources/themes/bootstrap4-dark-purple/theme.css
-primeng/resources/themes/md-light-indigo/theme.css
-primeng/resources/themes/md-light-deeppurple/theme.css
-primeng/resources/themes/md-dark-indigo/theme.css
-primeng/resources/themes/md-dark-deeppurple/theme.css
-primeng/resources/themes/mdc-light-indigo/theme.css
-primeng/resources/themes/mdc-light-deeppurple/theme.css
-primeng/resources/themes/mdc-dark-indigo/theme.css
-primeng/resources/themes/mdc-dark-deeppurple/theme.css
-primeng/resources/themes/fluent-light/theme.css
-primeng/resources/themes/lara-light-blue/theme.css
-primeng/resources/themes/lara-light-indigo/theme.css
-primeng/resources/themes/lara-light-purple/theme.css
-primeng/resources/themes/lara-light-teal/theme.css
-primeng/resources/themes/lara-dark-blue/theme.css
-primeng/resources/themes/lara-dark-indigo/theme.css
-primeng/resources/themes/lara-dark-purple/theme.css
-primeng/resources/themes/lara-dark-teal/theme.css
-primeng/resources/themes/soho-light/theme.css
-primeng/resources/themes/soho-dark/theme.css
-primeng/resources/themes/viva-light/theme.css
-primeng/resources/themes/viva-dark/theme.css
-primeng/resources/themes/mira/theme.css
-primeng/resources/themes/nano/theme.css
-primeng/resources/themes/saga-blue/theme.css
-primeng/resources/themes/saga-green/theme.css
-primeng/resources/themes/saga-orange/theme.css
-primeng/resources/themes/saga-purple/theme.css
-primeng/resources/themes/vela-blue/theme.css
-primeng/resources/themes/vela-green/theme.css
-primeng/resources/themes/vela-orange/theme.css
-primeng/resources/themes/vela-purple/theme.css
-primeng/resources/themes/arya-blue/theme.css
-primeng/resources/themes/arya-green/theme.css
-primeng/resources/themes/arya-orange/theme.css
-primeng/resources/themes/arya-purple/theme.css
-primeng/resources/themes/nova/theme.css
-primeng/resources/themes/nova-alt/theme.css
-primeng/resources/themes/nova-accent/theme.css
-primeng/resources/themes/luna-amber/theme.css
-primeng/resources/themes/luna-blue/theme.css
-primeng/resources/themes/luna-green/theme.css
-primeng/resources/themes/luna-pink/theme.css
-primeng/resources/themes/rhea/theme.css`
-    };
-}
diff --git a/src/app/showcase/doc/theming/cssvariablesdoc.ts b/src/app/showcase/doc/theming/cssvariablesdoc.ts
deleted file mode 100644
index bcd12ec..0000000
--- a/src/app/showcase/doc/theming/cssvariablesdoc.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'css-variables-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Each PrimeNG theme exports numerous CSS variables, refer to <a routerLink="/colors">Colors</a> page for more details.</p>
-        </app-docsectiontext>
-    `
-})
-export class CSSVariablesDoc {}
diff --git a/src/app/showcase/doc/theming/customthemedoc.ts b/src/app/showcase/doc/theming/customthemedoc.ts
deleted file mode 100644
index 2d3b06c..0000000
--- a/src/app/showcase/doc/theming/customthemedoc.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'custom-theme-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Themes are created with SASS using the <i>primeng-sass-theme</i> project available at <a href="http://github.com/primefaces/primeng-sass-theme">github</a>. This repository contains all the scss files for the components and the
-                variables of the built-in themes so that you may customize an existing theme or create your own. The scss variables used in a theme are available at the
-                <a href="https://www.primefaces.org/designer/api/primeng/15.0.0">SASS API</a> documentation.
-            </p>
-            <p>
-                There are 2 alternatives to create your own theme. First option is compiling a theme with command line sass whereas second option is embedding scss files within your project to let your build environment do the compilation. In all
-                cases, the generated theme file should be imported to your project.
-            </p>
-
-            <h3>Theme SCSS</h3>
-            <p>
-                The theme scss is available as open source at <a href="http://github.com/primefaces/primeng-sass-theme">primeng-sass-theme</a> repository. The <i>theme-base</i> folder contains the theming structure of the components, themes under
-                <i>themes</i> folder import the base and define the SCSS variables. The <i>themes</i> folder also contains all the built-in themes so you can customize their code as well.
-            </p>
-            <p>
-                To create your own theme, <a href="https://github.com/primefaces/primeng-sass-theme/releases">download</a> the release matching your PrimeNG version and access the <i>themes/mytheme</i> folder. The sass variables to customize are
-                available under the <i>variables</i> folder. The <i>_fonts</i> file can be used to define a custom font for your project whereas the optional <i>_extensions</i> file is provided to add overrides to the components designs. The
-                <i>theme.scss</i> file imports the theme files along with the <i>theme-base</i> folder at the root to combine everything together. Next step would be compilation of the scss that can either be command line or within your project.
-            </p>
-
-            <h3>Compile SCSS Manually</h3>
-            <p>Once your theme is ready run the following command to compile it. Note that <a href="https://www.npmjs.com/package/sass">sass</a> command should be available in your terminal.</p>
-            <app-code [code]="code1" [hideToggleCode]="true"></app-code>
-            <p>Then copy and import the theme.css file in your application. For example, in Angular CLI you may place theme.css under assets folder and then import it at <i>styles.css</i>.</p>
-            <app-code [code]="code2" [hideToggleCode]="true"></app-code>
-
-            <h3>Build Time Compilation</h3>
-            <p>
-                This approach eliminates the manual compilation by delegating it to Angular CLI. Copy the <i>theme-base</i> folder along with <i>themes/mytheme</i> folder to your application where assets reside. At a suitable location like
-                <i>styles.scss</i>, import the <i>theme.scss</i> from <i>assets/themes/mytheme</i>. That would be it, during build time, your project will compile the sass and import the theme. Any changes to your theme will be reflected instantly.
-            </p>
-        </app-docsectiontext>
-    `
-})
-export class CustomThemeDoc {
-    code1: Code = {
-        basic: `sass --update themes/mytheme/theme.scss:themes/mytheme/theme.css`
-    };
-
-    code2: Code = {
-        basic: `@import 'assets/theme.css';`
-    };
-}
diff --git a/src/app/showcase/doc/theming/primeflexdoc.ts b/src/app/showcase/doc/theming/primeflexdoc.ts
deleted file mode 100644
index 37e05b4..0000000
--- a/src/app/showcase/doc/theming/primeflexdoc.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'primeflex-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                <a href="https://primeflex.org/">PrimeFlex</a> is a lightweight responsive CSS utility library to accompany Prime UI libraries and static webpages as well. PrimeNG can be used with any CSS utility library like bootstrap and tailwind
-                however PrimeFlex has benefits like integration with PrimeNG themes using CSS variables so that colors classes e.g. <i>bg-blue-500</i> receive the color code from the PrimeNG theme being used. PrimeNG follows the CSS utility approach
-                of PrimeFlex and currently does not provide an extended style property like <i>sx</i>. Same approach is also utilized in <a href="https://blocks.primeng.org">PrimeBlocks for PrimeNG</a> project as well.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex flex-col md:flex-row md:justify-between row-gap-3">
-            <p-button label="Button 1"></p-button>
-            <p-button styleClass="p-button-secondary" label="Button 2"></p-button>
-            <p-button styleClass="p-button-help" label="Button 3"></p-button>
-        </div>
-        <app-code [code]="code1" [hideToggleCode]="true"></app-code>
-    `
-})
-export class PrimeFlexDoc {
-    code1: Code = {
-        basic: `<div class="card flex flex-col md:flex-row md:justify-between row-gap-3">
-    <p-button label="Button 1"></p-button>
-    <p-button styleClass="p-button-secondary" label="Button 2"></p-button>
-    <p-button styleClass="p-button-help" label="Button 3"></p-button>
-</div>`
-    };
-}
diff --git a/src/app/showcase/doc/theming/scalingdoc.ts b/src/app/showcase/doc/theming/scalingdoc.ts
deleted file mode 100644
index e832e8a..0000000
--- a/src/app/showcase/doc/theming/scalingdoc.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'scaling-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                PrimeNG utilizes rem units to make sure the components blend in with the rest of your UI perfectly. This also enables scaling, for example changing the size of the components is easy as configuring the font size of your document. Code
-                below sets the scale of the components based on 16px. If you require bigger or smaller components, just change this variable and components will scale accordingly.
-            </p>
-        </app-docsectiontext>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    `
-})
-export class ScalingDoc {
-    code: Code = {
-        basic: `html {
-    font-size: 16px;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/theming/scopedcssdoc.ts b/src/app/showcase/doc/theming/scopedcssdoc.ts
deleted file mode 100644
index 994d265..0000000
--- a/src/app/showcase/doc/theming/scopedcssdoc.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'scoped-css-doc',
-    styles: [
-        `
-            :host ::ng-deep .p-panel-header {
-                background-color: var(--teal-500);
-                border-color: var(--teal-500);
-                color: #ffffff;
-            }
-
-            :host ::ng-deep .p-panel-content {
-                border-color: var(--teal-500);
-            }
-        `
-    ],
-    template: `
-        <app-docsectiontext>
-            <p>Theming styles the components globally, in case you require to change the style of a certain component use <i>::ng-deep</i>.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-panel header="Scoped Panel">
-                <p class="m-0">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                </p>
-            </p-panel>
-        </div>
-        <app-code [code]="code" selector="scoped-css-demo"></app-code>
-    `
-})
-export class ScopedCSSDoc {
-    code: Code = {
-        basic: `<p-panel header="Scoped Panel">
-    <p class="m-0">
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-</p-panel>`,
-        html: `
-<p-panel header="Scoped Panel">
-    <p class="m-0">
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-</p-panel>`,
-        typescript: `
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'scoped-css-demo',
-    styles: [
-        \`
-            :host ::ng-deep .p-panel-header {
-                background-color: var(--teal-500);
-                border-color: var(--teal-500);
-                color: #ffffff;
-            }
-
-            :host ::ng-deep .p-panel-content {
-                border-color: var(--teal-500);
-            }
-        \`
-    ],
-    templateUrl: './scoped-css-demo.html'
-})
-export class ScopedCssDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/theming/switchthemesdoc.ts b/src/app/showcase/doc/theming/switchthemesdoc.ts
deleted file mode 100644
index ef7431d..0000000
--- a/src/app/showcase/doc/theming/switchthemesdoc.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'switch-themes-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Themes can be switched on-the-fly so that users of your app can choose their own theme. We have created a video tutorial that goes through the steps.</p>
-        </app-docsectiontext>
-        <div class="video-container">
-            <iframe width="560" height="315" src="https://www.youtube.com/embed/5VOuUdDXRsE" frameborder="0" allowfullscreen></iframe>
-        </div>
-    `
-})
-export class SwitchThemesDoc {}
diff --git a/src/app/showcase/doc/theming/themingdoc.module.ts b/src/app/showcase/doc/theming/themingdoc.module.ts
deleted file mode 100644
index 5e53a6f..0000000
--- a/src/app/showcase/doc/theming/themingdoc.module.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ButtonModule } from 'primeng/button';
-import { PanelModule } from 'primeng/panel';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ArchitectureDoc } from './architecturedoc';
-import { BuiltInThemesDoc } from './builtinthemesdoc';
-import { CSSVariablesDoc } from './cssvariablesdoc';
-import { CustomThemeDoc } from './customthemedoc';
-import { PrimeFlexDoc } from './primeflexdoc';
-import { ScalingDoc } from './scalingdoc';
-import { ScopedCSSDoc } from './scopedcssdoc';
-import { SwitchThemesDoc } from './switchthemesdoc';
-import { UtilsDoc } from './utilsdoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, ButtonModule, PanelModule],
-    declarations: [ArchitectureDoc, CSSVariablesDoc, CustomThemeDoc, ScopedCSSDoc, PrimeFlexDoc, ScalingDoc, BuiltInThemesDoc, SwitchThemesDoc, UtilsDoc],
-    exports: [AppDocModule]
-})
-export class ThemingDocModule {}
diff --git a/src/app/showcase/doc/theming/utilsdoc.ts b/src/app/showcase/doc/theming/utilsdoc.ts
deleted file mode 100644
index 1bfa8c3..0000000
--- a/src/app/showcase/doc/theming/utilsdoc.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'utils-doc',
-    template: `
-        <app-docsectiontext>
-            <p>A couple of utility classes are provided as a solution to common requirements.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Description</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-component</td>
-                        <td>Applies component theming such as font-family and font-size to an element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-fluid</td>
-                        <td>Applies 100% width to all descendant components.</td>
-                    </tr>
-                    <tr>
-                        <td>p-disabled</td>
-                        <td>Applies an opacity to display as disabled.</td>
-                    </tr>
-                    <tr>
-                        <td>p-sr-only</td>
-                        <td>Element becomes visually hidden however accessibility is still available.</td>
-                    </tr>
-                    <tr>
-                        <td>p-reset</td>
-                        <td>Resets the browsers defaults.</td>
-                    </tr>
-                    <tr>
-                        <td>p-link</td>
-                        <td>Renders a button as a link.</td>
-                    </tr>
-                    <tr>
-                        <td>p-error</td>
-                        <td>Indicates an error text.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class UtilsDoc {}
diff --git a/src/app/showcase/doc/tieredmenu/accessibilitydoc.ts b/src/app/showcase/doc/tieredmenu/accessibilitydoc.ts
deleted file mode 100644
index ac63d5a..0000000
--- a/src/app/showcase/doc/tieredmenu/accessibilitydoc.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                TieredMenu component uses the <i>menubar</i> role with <i>aria-orientation</i> set to "vertical" and the value to describe the menu can either be provided with <i>aria-labelledby</i> or <i>aria-label</i> props. Each list item has a
-                <i>presentation</i> role whereas anchor elements have a <i>menuitem</i> role with <i>aria-label</i> referring to the label of the item and <i>aria-disabled</i> defined if the item is disabled. A submenu within a TieredMenu uses the
-                <i>menu</i> role with an <i>aria-labelledby</i> defined as the id of the submenu root menuitem label. In addition, menuitems that open a submenu have <i>aria-haspopup</i>, <i>aria-expanded</i> and <i>aria-controls</i> to define the
-                relation between the item and the submenu.
-            </p>
-            <p>In popup mode, the component implicitly manages the <i>aria-expanded</i>, <i>aria-haspopup</i> and <i>aria-controls</i> attributes of the target element to define the relation between the target and the popup.</p>
-
-            <h3>Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>tab</i></td>
-                            <td>Add focus to the first item if focus moves in to the menu. If the focus is already within the menu, focus moves to the next focusable item in the page tab sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>shift</i> + <i>tab</i></td>
-                            <td>Add focus to the last item if focus moves in to the menu. If the focus is already within the menu, focus moves to the previous focusable item in the page tab sequence.</td>
-                        </tr>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>If menuitem has a submenu, toggles the visibility of the submenu otherwise activates the menuitem and closes all open overlays.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>If menuitem has a submenu, toggles the visibility of the submenu otherwise activates the menuitem and closes all open overlays.</td>
-                        </tr>
-                        <tr>
-                            <td><i>escape</i></td>
-                            <td>If focus is inside a popup submenu, closes the submenu and moves focus to the root item of the closed submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>down arrow</i></td>
-                            <td>Moves focus to the next menuitem within the submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>up arrow</i></td>
-                            <td>Moves focus to the previous menuitem within the submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>right arrow</i></td>
-                            <td>Opens a submenu if there is one available and moves focus to the first item.</td>
-                        </tr>
-                        <tr>
-                            <td><i>left arrow</i></td>
-                            <td>Closes a submenu and moves focus to the root item of the closed submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>home</i></td>
-                            <td>Moves focus to the first menuitem within the submenu.</td>
-                        </tr>
-                        <tr>
-                            <td><i>end</i></td>
-                            <td>Moves focus to the last menuitem within the submenu.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/tieredmenu/basicdoc.ts b/src/app/showcase/doc/tieredmenu/basicdoc.ts
deleted file mode 100644
index 7e0287b..0000000
--- a/src/app/showcase/doc/tieredmenu/basicdoc.ts
+++ /dev/null
@@ -1,185 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '../../domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>TieredMenu requires a collection of menuitems as its <i>model</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-tieredMenu [model]="items" />
-        </div>
-        <app-code [code]="code" selector="tiered-menu-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'File',
-                icon: 'pi pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-plus',
-                        items: [
-                            {
-                                label: 'Document',
-                                icon: 'pi pi-file'
-                            },
-                            {
-                                label: 'Image',
-                                icon: 'pi pi-image'
-                            },
-                            {
-                                label: 'Video',
-                                icon: 'pi pi-video'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Open',
-                        icon: 'pi pi-folder-open'
-                    },
-                    {
-                        label: 'Print',
-                        icon: 'pi pi-print'
-                    }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-file-edit',
-                items: [
-                    {
-                        label: 'Copy',
-                        icon: 'pi pi-copy'
-                    },
-                    {
-                        label: 'Delete',
-                        icon: 'pi pi-times'
-                    }
-                ]
-            },
-            {
-                label: 'Search',
-                icon: 'pi pi-search'
-            },
-            {
-                separator: true
-            },
-            {
-                label: 'Share',
-                icon: 'pi pi-share-alt',
-                items: [
-                    {
-                        label: 'Slack',
-                        icon: 'pi pi-slack'
-                    },
-                    {
-                        label: 'Whatsapp',
-                        icon: 'pi pi-whatsapp'
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-tieredMenu [model]="items" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-tieredMenu [model]="items" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { TieredMenuModule } from 'primeng/tieredmenu';
-
-@Component({
-    selector: 'tiered-menu-basic-demo',
-    templateUrl: './tiered-menu-basic-demo.html',
-    standalone: true,
-    imports: [TieredMenuModule]
-})
-export class TieredMenuBasicDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'File',
-                icon: 'pi pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-plus',
-                        items: [
-                            {
-                                label: 'Document',
-                                icon: 'pi pi-file'
-                            },
-                            {
-                                label: 'Image',
-                                icon: 'pi pi-image'
-                            },
-                            {
-                                label: 'Video',
-                                icon: 'pi pi-video'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Open',
-                        icon: 'pi pi-folder-open'
-                    },
-                    {
-                        label: 'Print',
-                        icon: 'pi pi-print'
-                    }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-file-edit',
-                items: [
-                    {
-                        label: 'Copy',
-                        icon: 'pi pi-copy'
-                    },
-                    {
-                        label: 'Delete',
-                        icon: 'pi pi-times'
-                    }
-                ]
-            },
-            {
-                label: 'Search',
-                icon: 'pi pi-search'
-            },
-            {
-                separator: true
-            },
-            {
-                label: 'Share',
-                icon: 'pi pi-share-alt',
-                items: [
-                    {
-                        label: 'Slack',
-                        icon: 'pi pi-slack'
-                    },
-                    {
-                        label: 'Whatsapp',
-                        icon: 'pi pi-whatsapp'
-                    }
-                ]
-            }
-        ]
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tieredmenu/commanddoc.ts b/src/app/showcase/doc/tieredmenu/commanddoc.ts
deleted file mode 100644
index 681c364..0000000
--- a/src/app/showcase/doc/tieredmenu/commanddoc.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-import { MessageService } from 'primeng/api';
-
-@Component({
-    selector: 'command-doc',
-    template: `
-        <app-docsectiontext>
-            <p>The <i>command</i> property defines the callback to run when an item is activated by click or a key event.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-tieredMenu [model]="items" />
-        </div>
-        <app-code [code]="code" selector="tiered-menu-command-demo"></app-code>
-    `
-})
-export class CommandDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'File',
-                icon: 'pi pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-plus',
-                        command: () => {
-                            this.messageService.add({ severity: 'success', summary: 'Success', detail: 'File created', life: 3000 });
-                        }
-                    },
-                    {
-                        label: 'Print',
-                        icon: 'pi pi-print',
-                        command: () => {
-                            this.messageService.add({ severity: 'error', summary: 'Error', detail: 'No printer connected', life: 3000 });
-                        }
-                    }
-                ]
-            },
-            {
-                label: 'Search',
-                icon: 'pi pi-search',
-                command: () => {
-                    this.messageService.add({ severity: 'warn', summary: 'Search Results', detail: 'No results found', life: 3000 });
-                }
-            },
-            {
-                separator: true
-            },
-            {
-                label: 'Sync',
-                icon: 'pi pi-cloud',
-                items: [
-                    {
-                        label: 'Import',
-                        icon: 'pi pi-cloud-download',
-                        command: () => {
-                            this.messageService.add({ severity: 'info', summary: 'Downloads', detail: 'Downloaded from cloud', life: 3000 });
-                        }
-                    },
-                    {
-                        label: 'Export',
-                        icon: 'pi pi-cloud-upload',
-                        command: () => {
-                            this.messageService.add({ severity: 'info', summary: 'Shared', detail: 'Exported to cloud', life: 3000 });
-                        }
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-toast/>
-<p-tieredMenu [model]="items" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-toast/>
-    <p-tieredMenu [model]="items" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { MessageService } from 'primeng/api';
-import { TieredMenuModule } from 'primeng/tieredmenu';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'tiered-menu-command-demo',
-    templateUrl: './tiered-menu-command-demo.html',
-    standalone: true,
-    imports: [TieredMenuModule, ToastModule],
-    providers: [MessageService]
-})
-export class TieredMenuCommandDemo implements OnInit {
-  
-    items: MenuItem[] | undefined;
-
-    constructor(private messageService: MessageService) {} 
-
-    ngOnInit() {
-        this.items = [
-          {
-            label: 'File',
-            icon: 'pi pi-file',
-            items: [
-              {
-                label: 'New',
-                icon: 'pi pi-plus',
-                command: () => {
-                  this.messageService.add({ severity: 'success', summary: 'Success', detail: 'File created', life: 3000 });
-                }
-              },
-              {
-                label: 'Print',
-                icon: 'pi pi-print',
-                command: () => {
-                  this.messageService.add({ severity: 'error', summary: 'Error', detail: 'No printer connected', life: 3000 });
-                }
-              }
-            ]
-          },
-          {
-            label: 'Search',
-            icon: 'pi pi-search',
-            command: () => {
-              this.messageService.add({ severity: 'warn', summary: 'Search Results', detail: 'No results found', life: 3000 });
-            }
-          },
-          {
-            separator: true
-          },
-          {
-            label: 'Sync',
-            icon: 'pi pi-cloud',
-            items: [
-              {
-                label: 'Import',
-                icon: 'pi pi-cloud-download',
-                command: () => {
-                  this.messageService.add({ severity: 'info', summary: 'Downloads', detail: 'Downloaded from cloud', life: 3000 });
-                }
-              },
-              {
-                label: 'Export',
-                icon: 'pi pi-cloud-upload',
-                command: () => {
-                  this.messageService.add({ severity: 'info', summary: 'Shared', detail: 'Exported to cloud', life: 3000 });
-                }
-              }
-            ]
-          }
-        ];
-      }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tieredmenu/importdoc.ts b/src/app/showcase/doc/tieredmenu/importdoc.ts
deleted file mode 100644
index 3e5cbc6..0000000
--- a/src/app/showcase/doc/tieredmenu/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { TieredMenuModule } from 'primeng/tieredmenu';`
-    };
-}
diff --git a/src/app/showcase/doc/tieredmenu/popupdoc.ts b/src/app/showcase/doc/tieredmenu/popupdoc.ts
deleted file mode 100644
index 561553a..0000000
--- a/src/app/showcase/doc/tieredmenu/popupdoc.ts
+++ /dev/null
@@ -1,189 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'popup-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Popup mode is enabled by adding <i>popup</i> property and calling <i>toggle</i> method with an event of the target.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button label="Toggle" (onClick)="menu.toggle($event)" />
-            <p-tieredMenu #menu [model]="items" [popup]="true" />
-        </div>
-        <app-code [code]="code" selector="tiered-menu-popup-demo"></app-code>
-    `
-})
-export class PopupDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'File',
-                icon: 'pi pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-plus',
-                        items: [
-                            {
-                                label: 'Document',
-                                icon: 'pi pi-file'
-                            },
-                            {
-                                label: 'Image',
-                                icon: 'pi pi-image'
-                            },
-                            {
-                                label: 'Video',
-                                icon: 'pi pi-video'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Open',
-                        icon: 'pi pi-folder-open'
-                    },
-                    {
-                        label: 'Print',
-                        icon: 'pi pi-print'
-                    }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-file-edit',
-                items: [
-                    {
-                        label: 'Copy',
-                        icon: 'pi pi-copy'
-                    },
-                    {
-                        label: 'Delete',
-                        icon: 'pi pi-times'
-                    }
-                ]
-            },
-            {
-                label: 'Search',
-                icon: 'pi pi-search'
-            },
-            {
-                separator: true
-            },
-            {
-                label: 'Share',
-                icon: 'pi pi-share-alt',
-                items: [
-                    {
-                        label: 'Slack',
-                        icon: 'pi pi-slack'
-                    },
-                    {
-                        label: 'Whatsapp',
-                        icon: 'pi pi-whatsapp'
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-button label="Toggle" (onClick)="menu.toggle($event)" />
-<p-tieredMenu #menu [model]="items" [popup]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-button label="Toggle" (onClick)="menu.toggle($event)" />
-    <p-tieredMenu #menu [model]="items" [popup]="true" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { TieredMenuModule } from 'primeng/tieredmenu';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'tiered-menu-popup-demo',
-    templateUrl: './tiered-menu-popup-demo.html',
-    standalone: true,
-    imports: [TieredMenuModule, ButtonModule]
-})
-export class TieredMenuPopupDemo implements OnInit {
-    items: MenuItem[] | undefined;
-    
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'File',
-                icon: 'pi pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-plus',
-                        items: [
-                            {
-                                label: 'Document',
-                                icon: 'pi pi-file'
-                            },
-                            {
-                                label: 'Image',
-                                icon: 'pi pi-image'
-                            },
-                            {
-                                label: 'Video',
-                                icon: 'pi pi-video'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Open',
-                        icon: 'pi pi-folder-open'
-                    },
-                    {
-                        label: 'Print',
-                        icon: 'pi pi-print'
-                    }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-file-edit',
-                items: [
-                    {
-                        label: 'Copy',
-                        icon: 'pi pi-copy'
-                    },
-                    {
-                        label: 'Delete',
-                        icon: 'pi pi-times'
-                    }
-                ]
-            },
-            {
-                label: 'Search',
-                icon: 'pi pi-search'
-            },
-            {
-                separator: true
-            },
-            {
-                label: 'Share',
-                icon: 'pi pi-share-alt',
-                items: [
-                    {
-                        label: 'Slack',
-                        icon: 'pi pi-slack'
-                    },
-                    {
-                        label: 'Whatsapp',
-                        icon: 'pi pi-whatsapp'
-                    }
-                ]
-            }
-        ]
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tieredmenu/routerdoc.ts b/src/app/showcase/doc/tieredmenu/routerdoc.ts
deleted file mode 100644
index 00ff8ff..0000000
--- a/src/app/showcase/doc/tieredmenu/routerdoc.ts
+++ /dev/null
@@ -1,206 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-import { Router } from '@angular/router';
-
-@Component({
-    selector: 'router-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Items with navigation are defined with templating to be able to use a router link component, an external link or programmatic navigation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-tieredMenu [model]="items">
-                <ng-template pTemplate="item" let-item let-hasSubmenu="hasSubmenu">
-                    <ng-container *ngIf="item.route; else withoutRoute">
-                        <a [routerLink]="item.route" [href]="item.href" class="p-menuitem-link">
-                            <span class="p-menuitem-icon item.icon"></span>
-                            <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-                        </a>
-                    </ng-container>
-                    <ng-template #withoutRoute>
-                        <ng-container *ngIf="item.url; else withoutUrl">
-                            <a [href]="item.url" [target]="item.target" class="p-menuitem-link">
-                                <span class="p-menuitem-icon" [class]="item.icon"></span>
-                                <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-                                <span *ngIf="hasSubmenu" class="p-submenu-icon pi pi-angle-right ml-auto"></span>
-                            </a>
-                        </ng-container>
-                        <ng-template #withoutUrl>
-                            <a class="p-menuitem-link">
-                                <span class="p-menuitem-icon" [class]="item.icon"></span>
-                                <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-                                <span *ngIf="hasSubmenu" class="p-submenu-icon pi pi-angle-right ml-auto"></span>
-                            </a>
-                        </ng-template>
-                    </ng-template>
-                </ng-template>
-            </p-tieredMenu>
-        </div>
-        <app-code [code]="code" selector="tiered-menu-router-demo"></app-code>
-    `
-})
-export class RouterDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    constructor(private router: Router) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Router',
-                icon: 'pi pi-palette',
-                items: [
-                    {
-                        label: 'Theming',
-                        route: '/theming'
-                    },
-                    {
-                        label: 'Colors',
-                        route: '/colors'
-                    }
-                ]
-            },
-            {
-                label: 'Programmatic',
-                icon: 'pi pi-link',
-                command: () => {
-                    this.router.navigate(['/installation']);
-                }
-            },
-            {
-                label: 'External',
-                icon: 'pi pi-home',
-                items: [
-                    {
-                        label: 'Angular',
-                        url: 'https://angular.dev/'
-                    },
-                    {
-                        label: 'Vite.js',
-                        url: 'https://vitejs.dev/'
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-tieredMenu [model]="items">
-        <ng-template pTemplate="item" let-item let-hasSubmenu="hasSubmenu">
-            <ng-container *ngIf="item.route; else withoutRoute">
-                <a [routerLink]="item.route" [href]="item.href" class="p-menuitem-link">
-                    <span class="p-menuitem-icon item.icon"></span>
-                    <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-                </a>
-            </ng-container>
-            <ng-template #withoutRoute>
-                <ng-container *ngIf="item.url; else withoutUrl">
-                    <a [href]="item.url" [target]="item.target" class="p-menuitem-link">
-                        <span class="p-menuitem-icon" [class]="item.icon"></span>
-                        <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-                        <span *ngIf="hasSubmenu" class="p-submenu-icon pi pi-angle-right ml-auto"></span>
-                    </a>
-                </ng-container>
-                <ng-template #withoutUrl>
-                    <a class="p-menuitem-link">
-                        <span class="p-menuitem-icon" [class]="item.icon"></span>
-                        <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-                        <span *ngIf="hasSubmenu" class="p-submenu-icon pi pi-angle-right ml-auto"></span>
-                    </a>
-                </ng-template>
-            </ng-template>
-        </ng-template>
-</p-tieredMenu>`,
-
-        html: `<div class="card flex justify-center">
-    <p-tieredMenu [model]="items">
-        <ng-template pTemplate="item" let-item let-hasSubmenu="hasSubmenu">
-            <ng-container *ngIf="item.route; else withoutRoute">
-                <a [routerLink]="item.route" [href]="item.href" class="p-menuitem-link">
-                    <span class="p-menuitem-icon item.icon"></span>
-                    <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-                </a>
-            </ng-container>
-            <ng-template #withoutRoute>
-                <ng-container *ngIf="item.url; else withoutUrl">
-                    <a [href]="item.url" [target]="item.target" class="p-menuitem-link">
-                        <span class="p-menuitem-icon" [class]="item.icon"></span>
-                        <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-                        <span *ngIf="hasSubmenu" class="p-submenu-icon pi pi-angle-right ml-auto"></span>
-                    </a>
-                </ng-container>
-                <ng-template #withoutUrl>
-                    <a class="p-menuitem-link">
-                        <span class="p-menuitem-icon" [class]="item.icon"></span>
-                        <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-                        <span *ngIf="hasSubmenu" class="p-submenu-icon pi pi-angle-right ml-auto"></span>
-                    </a>
-                </ng-template>
-            </ng-template>
-        </ng-template>
-    </p-tieredMenu>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Router } from '@angular/router';
-import { TieredMenuModule } from 'primeng/tieredmenu';
-import { CommonModule } from '@angular/common';
-
-@Component({
-    selector: 'tiered-menu-router-demo',
-    templateUrl: './tiered-menu-router-demo.html',
-    standalone: true,
-    imports: [TieredMenuModule, CommonModule]
-})
-export class TieredMenuRouterDemo implements OnInit {
-
-    items: MenuItem[] | undefined;
-
-    constructor(private router: Router) {}
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Router',
-                icon: 'pi pi-palette',
-                items: [
-                    {
-                        label: 'Theming',
-                        route: '/theming'
-                    },
-                    {
-                        label: 'Colors',
-                        route: '/colors'
-                    }
-                ]
-            },
-            {
-                label: 'Programmatic',
-                icon: 'pi pi-link',
-                command: () => {
-                    this.router.navigate(['/installation']);
-                }
-            },
-            {
-                label: 'External',
-                icon: 'pi pi-home',
-                items: [
-                    {
-                        label: 'Angular',
-                        url: 'https://angular.dev/'
-                    },
-                    {
-                        label: 'Vite.js',
-                        url: 'https://vitejs.dev/'
-                    }
-                ]
-            }
-        ];
-    }
-
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tieredmenu/styledoc.ts b/src/app/showcase/doc/tieredmenu/styledoc.ts
deleted file mode 100644
index 5ab87d4..0000000
--- a/src/app/showcase/doc/tieredmenu/styledoc.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-tieredmenu</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menu-list</td>
-                        <td>List element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem</td>
-                        <td>Menuitem element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem-text</td>
-                        <td>Label of a menuitem.</td>
-                    </tr>
-                    <tr>
-                        <td>p-menuitem-icon</td>
-                        <td>Icon of a menuitem.</td>
-                    </tr>
-                    <tr>
-                        <td>p-submenu-icon</td>
-                        <td>Arrow icon of a submenu.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/tieredmenu/templatedoc.ts b/src/app/showcase/doc/tieredmenu/templatedoc.ts
deleted file mode 100644
index 7d4aa9f..0000000
--- a/src/app/showcase/doc/tieredmenu/templatedoc.ts
+++ /dev/null
@@ -1,242 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>TieredMenu offers item customization with the <i>item</i> template that receives the menuitem instance from the model as a parameter.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-tieredMenu [model]="items">
-                <ng-template pTemplate="item" let-item let-hasSubmenu="hasSubmenu">
-                    <a pRipple class="flex items-center p-menuitem-link">
-                        <span [class]="item.icon" class="p-menuitem-icon"></span>
-                        <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-                        <p-badge *ngIf="item.badge" class="ml-auto" [value]="item.badge" />
-                        <span *ngIf="item.shortcut" class="p-menuitem-text ml-auto border-1 surface-border border-round surface-100 text-xs p-1">{{ item.shortcut }}</span>
-                        <i *ngIf="hasSubmenu" class="p-submenu-icon pi pi-angle-right ml-auto text-primary"></i>
-                    </a>
-                </ng-template>
-            </p-tieredMenu>
-        </div>
-        <app-code [code]="code" selector="tiered-menu-template-demo"></app-code>
-    `
-})
-export class TemplateDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'File',
-                icon: 'pi pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-plus',
-                        items: [
-                            {
-                                label: 'Document',
-                                icon: 'pi pi-file',
-                                shortcut: '⌘+N'
-                            },
-                            {
-                                label: 'Image',
-                                icon: 'pi pi-image',
-                                shortcut: '⌘+I'
-                            },
-                            {
-                                label: 'Video',
-                                icon: 'pi pi-video',
-                                shortcut: '⌘+L'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Open',
-                        icon: 'pi pi-folder-open',
-                        shortcut: '⌘+O'
-                    },
-                    {
-                        label: 'Print',
-                        icon: 'pi pi-print',
-                        shortcut: '⌘+P'
-                    }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-file-edit',
-                items: [
-                    {
-                        label: 'Copy',
-                        icon: 'pi pi-copy',
-                        shortcut: '⌘+C'
-                    },
-                    {
-                        label: 'Delete',
-                        icon: 'pi pi-times',
-                        shortcut: '⌘+D'
-                    }
-                ]
-            },
-            {
-                label: 'Search',
-                icon: 'pi pi-search',
-                shortcut: '⌘+S'
-            },
-            {
-                separator: true
-            },
-            {
-                label: 'Share',
-                icon: 'pi pi-share-alt',
-                items: [
-                    {
-                        label: 'Slack',
-                        icon: 'pi pi-slack',
-                        badge: '2'
-                    },
-                    {
-                        label: 'Whatsapp',
-                        icon: 'pi pi-whatsapp',
-                        badge: '3'
-                    }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-tieredMenu [model]="items">
-    <ng-template pTemplate="item" let-item let-hasSubmenu="hasSubmenu">
-    <a pRipple class="flex items-center p-menuitem-link">
-    <span [class]="item.icon" class="p-menuitem-icon"></span>
-            <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-            <p-badge *ngIf="item.badge" class="ml-auto" [value]="item.badge" />
-            <span *ngIf="item.shortcut" class="p-menuitem-text ml-auto border-1 surface-border border-round surface-100 text-xs p-1">
-                {{ item.shortcut }}
-            </span>
-            <i *ngIf="hasSubmenu" class="p-submenu-icon pi pi-angle-right ml-auto text-primary"></i>
-        </a>
-    </ng-template>
-</p-tieredMenu>`,
-
-        html: `<div class="card flex justify-center">
-    <p-tieredMenu [model]="items">
-        <ng-template pTemplate="item" let-item let-hasSubmenu="hasSubmenu">
-        <a pRipple class="flex items-center p-menuitem-link">
-        <span [class]="item.icon" class="p-menuitem-icon"></span>
-                <span class="p-menuitem-text ml-2">{{ item.label }}</span>
-                <p-badge *ngIf="item.badge" class="ml-auto" [value]="item.badge" />
-                <span *ngIf="item.shortcut" class="p-menuitem-text ml-auto border-1 surface-border border-round surface-100 text-xs p-1">
-                    {{ item.shortcut }}
-                </span>
-                <i *ngIf="hasSubmenu" class="p-submenu-icon pi pi-angle-right ml-auto text-primary"></i>
-            </a>
-        </ng-template>
-    </p-tieredMenu>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { TieredMenuModule } from 'primeng/tieredmenu';
-import { BadgeModule } from 'primeng/badge';
-import { CommonModule } from '@angular/common';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
-    selector: 'tiered-menu-template-demo',
-    templateUrl: './tiered-menu-template-demo.html',
-    standalone: true,
-    imports: [TieredMenuModule, BadgeModule, RippleModule, CommonModule]
-})
-export class TieredMenuTemplateDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'File',
-                icon: 'pi pi-file',
-                items: [
-                    {
-                        label: 'New',
-                        icon: 'pi pi-plus',
-                        items: [
-                            {
-                                label: 'Document',
-                                icon: 'pi pi-file',
-                                shortcut: '⌘+N'
-                            },
-                            {
-                                label: 'Image',
-                                icon: 'pi pi-image',
-                                shortcut: '⌘+I'
-                            },
-                            {
-                                label: 'Video',
-                                icon: 'pi pi-video',
-                                shortcut: '⌘+L'
-                            }
-                        ]
-                    },
-                    {
-                        label: 'Open',
-                        icon: 'pi pi-folder-open',
-                        shortcut: '⌘+O'
-                    },
-                    {
-                        label: 'Print',
-                        icon: 'pi pi-print',
-                        shortcut: '⌘+P'
-                    }
-                ]
-            },
-            {
-                label: 'Edit',
-                icon: 'pi pi-file-edit',
-                items: [
-                    {
-                        label: 'Copy',
-                        icon: 'pi pi-copy',
-                        shortcut: '⌘+C'
-                    },
-                    {
-                        label: 'Delete',
-                        icon: 'pi pi-times',
-                        shortcut: '⌘+D'
-                    }
-                ]
-            },
-            {
-                label: 'Search',
-                icon: 'pi pi-search',
-                shortcut: '⌘+S'
-            },
-            {
-                separator: true
-            },
-            {
-                label: 'Share',
-                icon: 'pi pi-share-alt',
-                items: [
-                    {
-                        label: 'Slack',
-                        icon: 'pi pi-slack',
-                        badge: '2'
-                    },
-                    {
-                        label: 'Whatsapp',
-                        icon: 'pi pi-whatsapp',
-                        badge: '3'
-                    }
-                ]
-            }
-        ]
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tieredmenu/tieredmenudoc.module.ts b/src/app/showcase/doc/tieredmenu/tieredmenudoc.module.ts
deleted file mode 100644
index 4b3bf56..0000000
--- a/src/app/showcase/doc/tieredmenu/tieredmenudoc.module.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TieredMenuModule } from 'primeng/tieredmenu';
-import { ButtonModule } from 'primeng/button';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BadgeModule } from 'primeng/badge';
-import { ToastModule } from 'primeng/toast';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { PopupDoc } from './popupdoc';
-import { TemplateDoc } from './templatedoc';
-import { CommandDoc } from './commanddoc';
-import { RouterDoc } from './routerdoc';
-import { StyleDoc } from './styledoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { MessageService } from 'primeng/api';
-import { FloatLabelModule } from 'primeng/floatlabel';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, RouterModule, TieredMenuModule, ButtonModule, AppDocModule, BadgeModule, ToastModule, FloatLabelModule],
-    declarations: [BasicDoc, ImportDoc, PopupDoc, StyleDoc, AccessibilityDoc, TemplateDoc, CommandDoc, RouterDoc],
-    exports: [AppDocModule],
-    providers: [MessageService]
-})
-export class TieredMenuDocModule {}
diff --git a/src/app/showcase/doc/timeline/accessibilitydoc.ts b/src/app/showcase/doc/timeline/accessibilitydoc.ts
deleted file mode 100644
index b5eb76c..0000000
--- a/src/app/showcase/doc/timeline/accessibilitydoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <h3>Screen Reader</h3>
-        <p>Timeline uses a semantic ordered list element to list the events. No specific role is enforced, still you may use any aria role and attributes as any valid attribute is passed to the list element.</p>
-        <h3>Keyboard Support</h3>
-        <p>Component does not include any interactive elements.</p>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/timeline/alignmentdoc.ts b/src/app/showcase/doc/timeline/alignmentdoc.ts
deleted file mode 100644
index f9665df..0000000
--- a/src/app/showcase/doc/timeline/alignmentdoc.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface EventItem {
-    status?: string;
-    date?: string;
-    icon?: string;
-    color?: string;
-    image?: string;
-}
-
-@Component({
-    selector: 'alignment-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Content location relative the line is defined with the <i>align</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap gap-6">
-            <p-timeline [value]="events" class="w-full md:!w-20">
-                <ng-template pTemplate="content" let-event>
-                    {{ event.status }}
-                </ng-template>
-            </p-timeline>
-
-            <p-timeline [value]="events" class="w-full md:!w-20" align="right">
-                <ng-template pTemplate="content" let-event>
-                    {{ event.status }}
-                </ng-template>
-            </p-timeline>
-
-            <p-timeline [value]="events" class="w-full md:!w-20" align="alternate">
-                <ng-template pTemplate="content" let-event>
-                    {{ event.status }}
-                </ng-template>
-            </p-timeline>
-        </div>
-        <app-code [code]="code" selector="timeline-alignment-demo"></app-code>
-    `
-})
-export class AlignmentDoc {
-    events: EventItem[];
-
-    constructor() {
-        this.events = [
-            { status: 'Ordered', date: '15/10/2020 10:30', icon: 'pi pi-shopping-cart', color: '#9C27B0', image: 'game-controller.jpg' },
-            { status: 'Processing', date: '15/10/2020 14:00', icon: 'pi pi-cog', color: '#673AB7' },
-            { status: 'Shipped', date: '15/10/2020 16:15', icon: 'pi pi-shopping-cart', color: '#FF9800' },
-            { status: 'Delivered', date: '16/10/2020 10:00', icon: 'pi pi-check', color: '#607D8B' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-timeline [value]="events" class="w-full md:!w-20">
-    <ng-template pTemplate="content" let-event>
-        {{ event.status }}
-    </ng-template>
-</p-timeline>
-
-<p-timeline [value]="events" class="w-full md:!w-20" align="right">
-    <ng-template pTemplate="content" let-event>
-        {{ event.status }}
-    </ng-template>
-</p-timeline>
-
-<p-timeline [value]="events" class="w-full md:!w-20" align="alternate">
-    <ng-template pTemplate="content" let-event>
-        {{ event.status }}
-    </ng-template>
-</p-timeline>`,
-
-        html: `<div class="card flex flex-wrap gap-6">
-    <p-timeline [value]="events" class="w-full md:!w-20">
-        <ng-template pTemplate="content" let-event>
-            {{ event.status }}
-        </ng-template>
-    </p-timeline>
-    <p-timeline [value]="events" class="w-full md:!w-20" align="right">
-        <ng-template pTemplate="content" let-event>
-            {{ event.status }}
-        </ng-template>
-    </p-timeline>
-    <p-timeline [value]="events" class="w-full md:!w-20" align="alternate">
-        <ng-template pTemplate="content" let-event>
-            {{ event.status }}
-        </ng-template>
-    </p-timeline>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TimelineModule } from 'primeng/timeline';
-
-interface EventItem {
-    status?: string;
-    date?: string;
-    icon?: string;
-    color?: string;
-    image?: string;
-}
-
-@Component({
-    selector: 'timeline-alignment-demo',
-    templateUrl: './timeline-alignment-demo.html',
-    standalone: true,
-    imports: [TimelineModule]
-})
-export class TimelineAlignmentDemo {
-    events: EventItem[];
-
-    constructor() {
-        this.events = [
-            { status: 'Ordered', date: '15/10/2020 10:30', icon: 'pi pi-shopping-cart', color: '#9C27B0', image: 'game-controller.jpg' },
-            { status: 'Processing', date: '15/10/2020 14:00', icon: 'pi pi-cog', color: '#673AB7' },
-            { status: 'Shipped', date: '15/10/2020 16:15', icon: 'pi pi-shopping-cart', color: '#FF9800' },
-            { status: 'Delivered', date: '16/10/2020 10:00', icon: 'pi pi-check', color: '#607D8B' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/timeline/basicdoc.ts b/src/app/showcase/doc/timeline/basicdoc.ts
deleted file mode 100644
index 5119f3a..0000000
--- a/src/app/showcase/doc/timeline/basicdoc.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Timeline receives the events with the <i>value</i> property as a collection of arbitrary objects. In addition, <i>content</i> template is required to display the representation of an event. Example below is a sample events array that
-                is used throughout the documentation.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-timeline [value]="events">
-                <ng-template pTemplate="content" let-event>
-                    {{ event.status }}
-                </ng-template>
-            </p-timeline>
-        </div>
-        <app-code [code]="code" selector="timeline-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    events: any[];
-
-    constructor() {
-        this.events = [
-            { status: 'Ordered', date: '15/10/2020 10:30', icon: 'pi pi-shopping-cart', color: '#9C27B0', image: 'game-controller.jpg' },
-            { status: 'Processing', date: '15/10/2020 14:00', icon: 'pi pi-cog', color: '#673AB7' },
-            { status: 'Shipped', date: '15/10/2020 16:15', icon: 'pi pi-shopping-cart', color: '#FF9800' },
-            { status: 'Delivered', date: '16/10/2020 10:00', icon: 'pi pi-check', color: '#607D8B' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-timeline [value]="events">
-    <ng-template pTemplate="content" let-event>
-        {{ event.status }}
-    </ng-template>
-</p-timeline>`,
-
-        html: `<div class="card">
-    <p-timeline [value]="events">
-        <ng-template pTemplate="content" let-event>
-            {{ event.status }}
-        </ng-template>
-    </p-timeline>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TimelineModule } from 'primeng/timeline';
-
-@Component({
-    selector: 'timeline-basic-demo',
-    templateUrl: './timeline-basic-demo.html',
-    standalone: true,
-    imports: [TimelineModule]
-})
-export class TimelineBasicDemo {
-    events: any[];
-
-    constructor() {
-        this.events = [
-            { status: 'Ordered', date: '15/10/2020 10:30', icon: 'pi pi-shopping-cart', color: '#9C27B0', image: 'game-controller.jpg' },
-            { status: 'Processing', date: '15/10/2020 14:00', icon: 'pi pi-cog', color: '#673AB7' },
-            { status: 'Shipped', date: '15/10/2020 16:15', icon: 'pi pi-shopping-cart', color: '#FF9800' },
-            { status: 'Delivered', date: '16/10/2020 10:00', icon: 'pi pi-check', color: '#607D8B' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/timeline/colormarkerdoc.ts b/src/app/showcase/doc/timeline/colormarkerdoc.ts
deleted file mode 100644
index 0b7d0fe..0000000
--- a/src/app/showcase/doc/timeline/colormarkerdoc.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Timeline receives the events with the <i>value</i> property as a collection of arbitrary objects. In addition, <i>content</i> template is required to display the representation of an event. Example below is a sample events array that
-                is used throughout the documentation.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-timeline [value]="events">
-                <ng-template pTemplate="content" let-event>
-                    {{ event.status }}
-                </ng-template>
-                <ng-template pTemplate="marker" let-event>
-                    <div
-                        class="p-timeline-event-marker"
-                        [ngStyle]="{ 'border-color': event.color }"
-                        data-pc-section="marker"
-                    ></div>
-                </ng-template>
-            </p-timeline>
-        </div>
-        <app-code [code]="code" selector="timeline-basic-demo"></app-code>
-    `
-})
-export class ColorMarkerDoc {
-    events: any[];
-
-    constructor() {
-        this.events = [
-            { status: 'Ordered', date: '15/10/2020 10:30', icon: 'pi pi-shopping-cart', color: '#9C27B0', image: 'game-controller.jpg' },
-            { status: 'Processing', date: '15/10/2020 14:00', icon: 'pi pi-cog', color: '#673AB7' },
-            { status: 'Shipped', date: '15/10/2020 16:15', icon: 'pi pi-shopping-cart', color: '#FF9800' },
-            { status: 'Delivered', date: '16/10/2020 10:00', icon: 'pi pi-check', color: '#68C170' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-timeline [value]="events">
-    <ng-template pTemplate="content" let-event>
-        {{ event.status }}
-    </ng-template>
-    <ng-template pTemplate="marker" let-event>
-        <div
-            class="p-timeline-event-marker"
-            [ngStyle]="{ 'border-color': event.color }"
-            data-pc-section="marker"
-        ></div>
-    </ng-template>
-</p-timeline>`,
-
-        html: `<div class="card">
-    <p-timeline [value]="events">
-        <ng-template pTemplate="content" let-event>
-            {{ event.status }}
-        </ng-template>
-        <ng-template pTemplate="marker" let-event>
-            <div
-                class="p-timeline-event-marker"
-                [ngStyle]="{ 'border-color': event.color }"
-                data-pc-section="marker"
-            ></div>
-        </ng-template>
-    </p-timeline>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TimelineModule } from 'primeng/timeline';
-
-@Component({
-    selector: 'timeline-basic-demo',
-    templateUrl: './timeline-basic-demo.html',
-    standalone: true,
-    imports: [TimelineModule]
-})
-export class TimelineBasicDemo {
-    events: any[];
-
-    constructor() {
-        this.events = [
-            { status: 'Ordered', date: '15/10/2020 10:30', icon: 'pi pi-shopping-cart', color: '#9C27B0', image: 'game-controller.jpg' },
-            { status: 'Processing', date: '15/10/2020 14:00', icon: 'pi pi-cog', color: '#673AB7' },
-            { status: 'Shipped', date: '15/10/2020 16:15', icon: 'pi pi-shopping-cart', color: '#FF9800' },
-            { status: 'Delivered', date: '16/10/2020 10:00', icon: 'pi pi-check', color: '#607D8B' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/timeline/horizontaldoc.ts b/src/app/showcase/doc/timeline/horizontaldoc.ts
deleted file mode 100644
index 68bf62b..0000000
--- a/src/app/showcase/doc/timeline/horizontaldoc.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'horizontal-doc',
-    template: `
-        <app-docsectiontext>
-            <p>TimeLine orientation is controlled with the <i>layout</i> property, default is <i>vertical</i> having <i>horizontal</i> as the alternative.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col gap-3">
-            <p-timeline [value]="events" layout="horizontal" align="top">
-                <ng-template pTemplate="content" let-event>
-                    {{ event }}
-                </ng-template>
-            </p-timeline>
-            <p-timeline [value]="events" layout="horizontal" align="bottom">
-                <ng-template pTemplate="content" let-event>
-                    {{ event }}
-                </ng-template>
-            </p-timeline>
-            <p-timeline [value]="events" layout="horizontal" align="alternate">
-                <ng-template pTemplate="content" let-event>
-                    {{ event }}
-                </ng-template>
-                <ng-template pTemplate="opposite" let-event><span>&nbsp;</span></ng-template>
-            </p-timeline>
-        </div>
-        <app-code [code]="code" selector="timeline-horizontal-demo"></app-code>
-    `
-})
-export class HorizontalDoc {
-    events: string[];
-
-    constructor() {
-        this.events = ['2020', '2021', '2022', '2023'];
-    }
-
-    code: Code = {
-        basic: `<p-timeline [value]="events" layout="horizontal" align="top">
-    <ng-template pTemplate="content" let-event>
-        {{ event }}
-    </ng-template>
-</p-timeline>
-
-<p-timeline [value]="events" layout="horizontal" align="bottom">
-    <ng-template pTemplate="content" let-event>
-        {{ event }}
-    </ng-template>
-</p-timeline>
-
-<p-timeline [value]="events" layout="horizontal" align="alternate">
-    <ng-template pTemplate="content" let-event>
-        {{ event }}
-    </ng-template>
-    <ng-template pTemplate="opposite" let-event>
-        <span>&nbsp;</span>
-    </ng-template>
-</p-timeline>`,
-
-        html: `<div class="card flex flex-col gap-3">
-    <p-timeline [value]="events" layout="horizontal" align="top">
-        <ng-template pTemplate="content" let-event>
-            {{ event }}
-        </ng-template>
-    </p-timeline>
-    <p-timeline [value]="events" layout="horizontal" align="bottom">
-        <ng-template pTemplate="content" let-event>
-            {{ event }}
-        </ng-template>
-    </p-timeline>
-    <p-timeline [value]="events" layout="horizontal" align="alternate">
-        <ng-template pTemplate="content" let-event>
-            {{ event }}
-        </ng-template>
-        <ng-template pTemplate="opposite" let-event>
-            <span>&nbsp;</span>
-        </ng-template>
-    </p-timeline>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TimelineModule } from 'primeng/timeline';
-
-@Component({
-    selector: 'timeline-horizontal-demo',
-    templateUrl: './timeline-horizontal-demo.html',
-    standalone: true,
-    imports: [TimelineModule]
-})
-export class TimelineHorizontalDemo {
-    events: string[];
-
-    constructor() {
-        this.events = [
-            "2020", "2021", "2022", "2023"
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/timeline/importdoc.ts b/src/app/showcase/doc/timeline/importdoc.ts
deleted file mode 100644
index 4dce0fd..0000000
--- a/src/app/showcase/doc/timeline/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { TimelineModule } from 'primeng/timeline';`
-    };
-}
diff --git a/src/app/showcase/doc/timeline/oppositedoc.ts b/src/app/showcase/doc/timeline/oppositedoc.ts
deleted file mode 100644
index a784c00..0000000
--- a/src/app/showcase/doc/timeline/oppositedoc.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface EventItem {
-    status?: string;
-    date?: string;
-    icon?: string;
-    color?: string;
-    image?: string;
-}
-
-@Component({
-    selector: 'opposite-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Additional content at the other side of the line can be provided with the <i>opposite</i> property.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-timeline [value]="events">
-                <ng-template pTemplate="content" let-event>
-                    <small class="p-text-secondary">{{ event.date }}</small>
-                </ng-template>
-                <ng-template pTemplate="opposite" let-event>
-                    {{ event.status }}
-                </ng-template>
-            </p-timeline>
-        </div>
-        <app-code [code]="code" selector="timeline-opposite-demo"></app-code>
-    `
-})
-export class OppositeDoc {
-    events: EventItem[];
-
-    constructor() {
-        this.events = [
-            { status: 'Ordered', date: '15/10/2020 10:30', icon: 'pi pi-shopping-cart', color: '#9C27B0', image: 'game-controller.jpg' },
-            { status: 'Processing', date: '15/10/2020 14:00', icon: 'pi pi-cog', color: '#673AB7' },
-            { status: 'Shipped', date: '15/10/2020 16:15', icon: 'pi pi-shopping-cart', color: '#FF9800' },
-            { status: 'Delivered', date: '16/10/2020 10:00', icon: 'pi pi-check', color: '#607D8B' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-timeline [value]="events">
-    <ng-template pTemplate="content" let-event>
-        <small class="p-text-secondary">{{ event.date }}</small>
-    </ng-template>
-    <ng-template pTemplate="opposite" let-event>
-        {{ event.status }}
-    </ng-template>
-</p-timeline>`,
-
-        html: `<div class="card">
-    <p-timeline [value]="events">
-        <ng-template pTemplate="content" let-event>
-            <small class="p-text-secondary">{{ event.date }}</small>
-        </ng-template>
-        <ng-template pTemplate="opposite" let-event>
-            {{ event.status }}
-        </ng-template>
-    </p-timeline>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TimelineModule } from 'primeng/timeline';
-
-interface EventItem {
-    status?: string;
-    date?: string;
-    icon?: string;
-    color?: string;
-    image?: string;
-}
-
-@Component({
-    selector: 'timeline-opposite-demo',
-    templateUrl: './timeline-opposite-demo.html',
-    standalone: true,
-    imports: [TimelineModule]
-})
-export class TimelineOppositeDemo {
-    events: EventItem[];
-
-    constructor() {
-        this.events = [
-            { status: 'Ordered', date: '15/10/2020 10:30', icon: 'pi pi-shopping-cart', color: '#9C27B0', image: 'game-controller.jpg' },
-            { status: 'Processing', date: '15/10/2020 14:00', icon: 'pi pi-cog', color: '#673AB7' },
-            { status: 'Shipped', date: '15/10/2020 16:15', icon: 'pi pi-shopping-cart', color: '#FF9800' },
-            { status: 'Delivered', date: '16/10/2020 10:00', icon: 'pi pi-check', color: '#607D8B' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/timeline/styledoc.ts b/src/app/showcase/doc/timeline/styledoc.ts
deleted file mode 100644
index 9333317..0000000
--- a/src/app/showcase/doc/timeline/styledoc.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-timeline</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-timeline-left</td>
-                        <td>Container element when alignment is left.</td>
-                    </tr>
-                    <tr>
-                        <td>p-timeline-right</td>
-                        <td>Container element when alignment is right.</td>
-                    </tr>
-                    <tr>
-                        <td>p-timeline-top</td>
-                        <td>Container element when alignment is top.</td>
-                    </tr>
-                    <tr>
-                        <td>p-timeline-bottom</td>
-                        <td>Container element when alignment is bottom.</td>
-                    </tr>
-                    <tr>
-                        <td>p-timeline-alternate</td>
-                        <td>Container element when alignment is alternating.</td>
-                    </tr>
-                    <tr>
-                        <td>p-timeline-vertical</td>
-                        <td>Container element of a vertical timeline.</td>
-                    </tr>
-                    <tr>
-                        <td>p-timeline-horizontal</td>
-                        <td>Container element of a horizontal timeline.</td>
-                    </tr>
-                    <tr>
-                        <td>p-timeline-event</td>
-                        <td>Event element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-timeline-event-opposite</td>
-                        <td>Opposite of an event content.</td>
-                    </tr>
-                    <tr>
-                        <td>p-timeline-event-content</td>
-                        <td>Event content.</td>
-                    </tr>
-                    <tr>
-                        <td>p-timeline-event-separator</td>
-                        <td>Separator element of an event.</td>
-                    </tr>
-                    <tr>
-                        <td>p-timeline-event-marker</td>
-                        <td>Marker element of an event.</td>
-                    </tr>
-                    <tr>
-                        <td>p-timeline-event-connector</td>
-                        <td>Connector element of an event.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/timeline/templatedoc.ts b/src/app/showcase/doc/timeline/templatedoc.ts
deleted file mode 100644
index 6fcd4eb..0000000
--- a/src/app/showcase/doc/timeline/templatedoc.ts
+++ /dev/null
@@ -1,137 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-interface EventItem {
-    status?: string;
-    date?: string;
-    icon?: string;
-    color?: string;
-    image?: string;
-}
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Sample implementation with custom content and styled markers.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-timeline [value]="events" align="alternate" styleClass="customized-timeline">
-                <ng-template pTemplate="marker" let-event>
-                    <span class="flex !w-2 !h-2 items-center justify-center text-white border-circle z-1 shadow-1" [style]="{ 'background-color': event.color }">
-                        <i [class]="event.icon"></i>
-                    </span>
-                </ng-template>
-                <ng-template pTemplate="content" let-event>
-                    <p-card [header]="event.status" [subheader]="event.date">
-                        <img *ngIf="event.image" [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + event.image" [alt]="event.name" width="200" class="shadow-2" />
-                        <p>
-                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate
-                            neque quas!
-                        </p>
-                        <p-button label="Read more" [text]="true" />
-                    </p-card>
-                </ng-template>
-            </p-timeline>
-        </div>
-        <app-code [code]="code" selector="timeline-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    events: EventItem[];
-
-    constructor() {
-        this.events = [
-            { status: 'Ordered', date: '15/10/2020 10:30', icon: 'pi pi-shopping-cart', color: '#9C27B0', image: 'game-controller.jpg' },
-            { status: 'Processing', date: '15/10/2020 14:00', icon: 'pi pi-cog', color: '#673AB7' },
-            { status: 'Shipped', date: '15/10/2020 16:15', icon: 'pi pi-shopping-cart', color: '#FF9800' },
-            { status: 'Delivered', date: '16/10/2020 10:00', icon: 'pi pi-check', color: '#607D8B' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-timeline [value]="events" align="alternate" styleClass="customized-timeline">
-    <ng-template pTemplate="marker" let-event>
-        <span
-            class="flex !w-2 !h-2 items-center justify-center text-white border-circle z-1 shadow-1"
-            [style]="{ 'background-color': event.color }">
-                <i [class]="event.icon"></i>
-        </span>
-    </ng-template>
-    <ng-template pTemplate="content" let-event>
-        <p-card [header]="event.status" [subheader]="event.date">
-            <img
-                *ngIf="event.image"
-                [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + event.image"
-                [alt]="event.name"
-                width="200"
-                class="shadow-2" />
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate
-                neque quas!
-            </p>
-            <p-button label="Read more" [text]="true" />
-        </p-card>
-    </ng-template>
-</p-timeline>`,
-
-        html: `<div class="card">
-    <p-timeline [value]="events" align="alternate" styleClass="customized-timeline">
-        <ng-template pTemplate="marker" let-event>
-            <span
-                class="flex !w-2 !h-2 items-center justify-center text-white border-circle z-1 shadow-1"
-                [style]="{ 'background-color': event.color }">
-                    <i [class]="event.icon"></i>
-            </span>
-        </ng-template>
-        <ng-template pTemplate="content" let-event>
-            <p-card [header]="event.status" [subheader]="event.date">
-                <img
-                    *ngIf="event.image"
-                    [src]="'https://primefaces.org/cdn/primeng/images/demo/product/' + event.image"
-                    [alt]="event.name"
-                    width="200"
-                    class="shadow-2" />
-                <p>
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate
-                    neque quas!
-                </p>
-                <p-button label="Read more" [text]="true" />
-            </p-card>
-        </ng-template>
-    </p-timeline>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TimelineModule } from 'primeng/timeline';
-import { CardModule } from 'primeng/card';
-import { ButtonModule } from 'primeng/button';
-
-interface EventItem {
-    status?: string;
-    date?: string;
-    icon?: string;
-    color?: string;
-    image?: string;
-}
-
-@Component({
-    selector: 'timeline-template-demo',
-    templateUrl: './timeline-template-demo.html',
-    standalone: true,
-    imports: [TimelineModule, CardModule, ButtonModule]
-})
-export class TimelineTemplateDemo {
-    events: EventItem[];
-
-    constructor() {
-        this.events = [
-            { status: 'Ordered', date: '15/10/2020 10:30', icon: 'pi pi-shopping-cart', color: '#9C27B0', image: 'game-controller.jpg' },
-            { status: 'Processing', date: '15/10/2020 14:00', icon: 'pi pi-cog', color: '#673AB7' },
-            { status: 'Shipped', date: '15/10/2020 16:15', icon: 'pi pi-shopping-cart', color: '#FF9800' },
-            { status: 'Delivered', date: '16/10/2020 10:00', icon: 'pi pi-check', color: '#607D8B' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/timeline/timelinedoc.module.ts b/src/app/showcase/doc/timeline/timelinedoc.module.ts
deleted file mode 100644
index 12aa760..0000000
--- a/src/app/showcase/doc/timeline/timelinedoc.module.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { TimelineModule } from 'primeng/timeline';
-import { ImportDoc } from './importdoc';
-import { BasicDoc } from './basicdoc';
-import { AlignmentDoc } from './alignmentdoc';
-import { OppositeDoc } from './oppositedoc';
-import { TemplateDoc } from './templatedoc';
-import { CardModule } from 'primeng/card';
-import { ButtonModule } from 'primeng/button';
-import { HorizontalDoc } from './horizontaldoc';
-import { StyleDoc } from './styledoc';
-import { RouterModule } from '@angular/router';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { ColorMarkerDoc } from '@doc/timeline/colormarkerdoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, TimelineModule, CardModule, ButtonModule, RouterModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, AlignmentDoc, OppositeDoc, TemplateDoc, HorizontalDoc, ColorMarkerDoc, StyleDoc, AccessibilityDoc]
-})
-export class TimelineDocModule {}
diff --git a/src/app/showcase/doc/toast/accessibilitydoc.ts b/src/app/showcase/doc/toast/accessibilitydoc.ts
deleted file mode 100644
index 522a243..0000000
--- a/src/app/showcase/doc/toast/accessibilitydoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: `
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>Toast component use <i>alert</i> role that implicitly defines <i>aria-live</i> as "assertive" and <i>aria-atomic</i> as "true".</p>
-            <p>Close element is a <i>button</i> with an <i>aria-label</i> that refers to the <i>aria.close</i> property of the <a href="/configuration/#locale">locale</a> API by default.</p>
-
-            <h3>Close Button Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>enter</i></td>
-                            <td>Closes the message.</td>
-                        </tr>
-                        <tr>
-                            <td><i>space</i></td>
-                            <td>Closes the message.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    `
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/toast/animationdoc.ts b/src/app/showcase/doc/toast/animationdoc.ts
deleted file mode 100644
index 1d85252..0000000
--- a/src/app/showcase/doc/toast/animationdoc.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'animation-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Transition of the animations can be customized using the <i>showTransitionOptions</i>, <i>hideTransitionOptions</i>, <i>showTransformOptions</i> and <i>hideTransformOptions</i> properties.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast [showTransformOptions]="'translateY(100%)'" [showTransitionOptions]="'1000ms'" [hideTransitionOptions]="'1000ms'" [showTransformOptions]="'translateX(100%)'" />
-            <p-button (onClick)="show()" label="Show" />
-        </div>
-        <app-code [code]="code" selector="toast-animation-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class AnimationDoc {
-    constructor(private messageService: MessageService) {}
-
-    show() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Message Content' });
-    }
-
-    code: Code = {
-        basic: `<p-toast 
-    [showTransformOptions]="'translateY(100%)'" 
-    [showTransitionOptions]="'1000ms'" 
-    [hideTransitionOptions]="'1000ms'" 
-    [showTransformOptions]="'translateX(100%)'" />
-<p-button (onClick)="show()" label="Show" />`,
-        html: `<div class="card flex justify-center">
-    <p-toast 
-        [showTransformOptions]="'translateY(100%)'" 
-        [showTransitionOptions]="'1000ms'" 
-        [hideTransitionOptions]="'1000ms'" 
-        [showTransformOptions]="'translateX(100%)'" />
-    <p-button (onClick)="show()" label="Show" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
-    selector: 'toast-animation-demo',
-    templateUrl: './toast-animation-demo.html',
-    standalone: true,
-    imports: [ToastModule, ButtonModule, RippleModule],
-    providers: [MessageService]
-})
-export class ToastAnimationDemo {
-    constructor(private messageService: MessageService) {}
-
-    show() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Message Content' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/toast/basicdoc.ts b/src/app/showcase/doc/toast/basicdoc.ts
deleted file mode 100644
index 7b3fedd..0000000
--- a/src/app/showcase/doc/toast/basicdoc.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Toasts are displayed by calling the <i>add</i> and <i>addAll</i> method provided by the <i>messageService</i>. A single toast is specified by the <i>Message</i> interface that defines various properties such as <i>severity</i>,
-                <i>summary</i> and <i>detail</i>.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-button (onClick)="show()" label="Show" />
-        </div>
-        <app-code [code]="code" selector="toast-basic-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class BasicDoc {
-    constructor(private messageService: MessageService) {}
-
-    show() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Message Content' });
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-button (onClick)="show()" label="Show" />`,
-        html: `<div class="card flex justify-center">
-    <p-toast />
-    <p-button (onClick)="show()" label="Show" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
-    selector: 'toast-basic-demo',
-    templateUrl: './toast-basic-demo.html',
-    standalone: true,
-    imports: [ToastModule, ButtonModule, RippleModule],
-    providers: [MessageService]
-})
-export class ToastBasicDemo {
-    constructor(private messageService: MessageService) {}
-
-    show() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Message Content' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/toast/cleardoc.ts b/src/app/showcase/doc/toast/cleardoc.ts
deleted file mode 100644
index 43567e7..0000000
--- a/src/app/showcase/doc/toast/cleardoc.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'clear-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Clicking the close icon on the toast, removes it manually. Same can also be achieved programmatically using the clear function of the <i>messageService</i>. Calling it without any arguments, removes all displayed messages whereas
-                calling it with a key, removes the messages displayed on a toast having the same key.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-2">
-            <p-toast key="myKey" />
-            <p-button (onClick)="show()" label="Show" />
-            <p-button (onClick)="clear()" label="Clear" severity="secondary" />
-        </div>
-        <app-code [code]="code" selector="toast-clear-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class ClearDoc {
-    constructor(private messageService: MessageService) {}
-
-    show() {
-        this.messageService.add({ key: 'myKey', severity: 'success', summary: 'Message 1', detail: 'Message Content' });
-    }
-
-    clear() {
-        this.messageService.clear();
-    }
-
-    code: Code = {
-        basic: `<p-toast key="myKey" />
-<p-button 
-    (onClick)="show()" 
-    label="Show" />
-<p-button 
-    (onClick)="clear()" 
-    label="Clear" 
-    severity="secondary" />`,
-        html: `<div class="card flex justify-center gap-2">
-    <p-toast key="myKey" />
-    <p-button 
-        (onClick)="show()" 
-        label="Show" />
-    <p-button 
-        (onClick)="clear()" 
-        label="Clear" 
-        severity="secondary" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
-    selector: 'toast-clear-demo',
-    templateUrl: './toast-clear-demo.html',
-    standalone: true,
-    imports: [ToastModule, ButtonModule, RippleModule],
-    providers: [MessageService]
-})
-export class ToastClearDemo {
-    constructor(private messageService: MessageService) {}
-
-    show() {
-        this.messageService.add({ key:'myKey', severity: 'success', summary: 'Message 1', detail: 'Message Content' });
-    }
-
-    clear() {
-        this.messageService.clear();
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/toast/headlessdoc.ts b/src/app/showcase/doc/toast/headlessdoc.ts
deleted file mode 100644
index 2383558..0000000
--- a/src/app/showcase/doc/toast/headlessdoc.ts
+++ /dev/null
@@ -1,215 +0,0 @@
-import { ChangeDetectorRef, Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'headless-doc',
-    template: `
-        <app-docsectiontext>
-            <p><i>Headless</i> mode allows you to customize the entire user interface instead of the default elements.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast position="top-center" key="confirm" (onClose)="onClose()" [baseZIndex]="5000">
-                <ng-template let-message pTemplate="headless" let-closeFn="closeFn">
-                    <section class="flex p-3 gap-3 w-full bg-black-alpha-90 shadow-2" style="border-radius: 10px">
-                        <i class="pi pi-cloud-upload text-primary-500 text-2xl"></i>
-                        <div class="flex flex-col gap-3 w-full">
-                            <p class="m-0 font-semibold text-base text-white">{{ message.summary }}</p>
-                            <p class="m-0 text-base text-700">{{ message.detail }}</p>
-                            <div class="flex flex-col gap-2">
-                                <p-progressBar [value]="progress" [showValue]="false" [style]="{ height: '4px' }" />
-                                <label class="text-right text-xs text-white">{{ progress }}% uploaded...</label>
-                            </div>
-                            <div class="flex gap-3 mb-3">
-                                <p-button label="Another Upload?" [text]="true" styleClass="p-0" (onClick)="closeFn($event)" />
-                                <p-button label="Cancel" [text]="true" styleClass="text-white p-0" (onClick)="closeFn($event)" />
-                            </div>
-                        </div>
-                    </section>
-                </ng-template>
-            </p-toast>
-            <p-button (onClick)="showConfirm()" label="Confirm" />
-        </div>
-        <app-code [code]="code" selector="toast-headless-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class HeadlessDoc {
-    visible: boolean = false;
-
-    progress: number = 0;
-
-    interval = null;
-
-    constructor(
-        private messageService: MessageService,
-        private cdr: ChangeDetectorRef
-    ) {}
-
-    showConfirm() {
-        if (!this.visible) {
-            this.messageService.add({ key: 'confirm', sticky: true, severity: 'custom', summary: 'Uploading your files.' });
-            this.visible = true;
-            this.progress = 0;
-
-            if (this.interval) {
-                clearInterval(this.interval);
-            }
-
-            this.interval = setInterval(() => {
-                if (this.progress <= 100) {
-                    this.progress = this.progress + 20;
-                }
-
-                if (this.progress >= 100) {
-                    this.progress = 100;
-                    clearInterval(this.interval);
-                }
-                this.cdr.markForCheck();
-            }, 1000);
-        }
-    }
-
-    onClose() {
-        this.visible = false;
-    }
-
-    code: Code = {
-        basic: `<p-toast 
-    position="top-center" 
-    key="confirm" 
-    (onClose)="onClose()" 
-    [baseZIndex]="5000">
-        <ng-template let-message pTemplate="headless" let-closeFn="closeFn">
-            <section class="flex p-3 gap-3 w-full bg-black-alpha-90 shadow-2" style="border-radius: 10px">
-                <i class="pi pi-cloud-upload text-primary-500 text-2xl"></i>
-                <div class="flex flex-col gap-3 w-full">
-                    <p class="m-0 font-semibold text-base text-white">
-                        {{ message.summary }}
-                    </p>
-                    <p class="m-0 text-base text-700">
-                        {{ message.detail }}
-                    </p>
-                    <div class="flex flex-col gap-2">
-                        <p-progressBar 
-                            [value]="progress" 
-                            [showValue]="false" 
-                            [style]="{ height: '4px' }" />
-                        <label class="text-right text-xs text-white">
-                            {{ progress }}% uploaded...
-                        </label>
-                    </div>
-                    <div class="flex gap-3 mb-3">
-                        <p-button 
-                            label="Another Upload?" 
-                            [text]="true"
-                            styleClass="p-0" 
-                            (onClick)="closeFn($event)" />
-                        <p-button 
-                            label="Cancel" 
-                            [text]="true"
-                            styleClass="text-white p-0" 
-                            (onClick)="closeFn($event)" />
-                    </div>
-                </div>
-            </section>
-        </ng-template>
-</p-toast>
-<p-button (onClick)="showConfirm()" label="Confirm" />`,
-        html: `<div class="card flex justify-center">
-    <p-toast 
-        position="top-center" 
-        key="confirm" 
-        (onClose)="onClose()" 
-        [baseZIndex]="5000">
-            <ng-template let-message pTemplate="headless" let-closeFn="closeFn">
-                <section class="flex p-3 gap-3 w-full bg-black-alpha-90 shadow-2" style="border-radius: 10px">
-                    <i class="pi pi-cloud-upload text-primary-500 text-2xl"></i>
-                    <div class="flex flex-col gap-3 w-full">
-                        <p class="m-0 font-semibold text-base text-white">
-                            {{ message.summary }}
-                        </p>
-                        <p class="m-0 text-base text-700">
-                            {{ message.detail }}
-                        </p>
-                        <div class="flex flex-col gap-2">
-                            <p-progressBar 
-                                [value]="progress" 
-                                [showValue]="false" 
-                                [style]="{ height: '4px' }" />
-                            <label class="text-right text-xs text-white">
-                                {{ progress }}% uploaded...
-                            </label>
-                        </div>
-                        <div class="flex gap-3 mb-3">
-                            <p-button 
-                                label="Another Upload?" 
-                                [text]="true" 
-                                styleClass="p-0" 
-                                (onClick)="closeFn($event)" />
-                            <p-button 
-                                label="Cancel" 
-                                [text]="true" 
-                                styleClass="text-white p-0" 
-                                (onClick)="closeFn($event)" />
-                        </div>
-                    </div>
-                </section>
-            </ng-template>
-    </p-toast>
-    <p-button (onClick)="showConfirm()" label="Confirm" />
-</div>`,
-        typescript: `import { ChangeDetectorRef, Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-import { ProgressBarModule } from 'primeng/progressbar';
-
-@Component({
-    selector: 'toast-headless-demo',
-    templateUrl: './toast-headless-demo.html',
-    standalone: true,
-    imports: [ToastModule, ButtonModule, RippleModule, ProgressBarModule],
-    providers: [MessageService]
-})  
-export class ToastHeadlessDemo {
-
-    visible: boolean = false;
-
-    progress: number = 0;
-
-    interval = null;
-
-    constructor(private messageService: MessageService, private cdr: ChangeDetectorRef) {}
-
-    showConfirm() {
-        if (!this.visible) {
-            this.messageService.add({ key: 'confirm', sticky: true, severity: 'custom', summary: 'Uploading your files.' });
-            this.visible = true;
-            this.progress = 0;
-
-            if (this.interval) {
-                clearInterval(this.interval);
-            }
-
-            this.interval = setInterval(() => {
-                if (this.progress <= 100) {
-                    this.progress = this.progress + 20;
-                }
-
-                if (this.progress >= 100) {
-                    this.progress = 100;
-                    clearInterval(this.interval);
-                }
-                this.cdr.markForCheck();
-            }, 1000);
-        }
-    }
-
-    onClose() {
-        this.visible = false;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/toast/importdoc.ts b/src/app/showcase/doc/toast/importdoc.ts
deleted file mode 100644
index 838e3cf..0000000
--- a/src/app/showcase/doc/toast/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ToastModule } from 'primeng/toast';`
-    };
-}
diff --git a/src/app/showcase/doc/toast/lifedoc.ts b/src/app/showcase/doc/toast/lifedoc.ts
deleted file mode 100644
index 33782b2..0000000
--- a/src/app/showcase/doc/toast/lifedoc.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'life-doc',
-    template: `
-        <app-docsectiontext>
-            <p>A toast disappears after 3000ms by default, set the <i>life</i> option on either the message or toast to override this.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-2">
-            <p-toast [life]="10000" />
-            <p-button (onClick)="showLife()" label="Show Life" />
-            <p-button (onClick)="showLifeLong()" label="Show Life Long" />
-        </div>
-        <app-code [code]="code" selector="toast-life-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class LifeDoc {
-    constructor(private messageService: MessageService) {}
-
-    showLife() {
-        this.messageService.add({ severity: 'info', summary: 'Life', detail: 'I show for 10000ms' });
-    }
-
-    showLifeLong() {
-        this.messageService.add({ severity: 'info', summary: 'Life', detail: 'I show for 20000ms', life: 20000 });
-    }
-
-    code: Code = {
-        basic: `<p-toast [life]="10000" />
-<p-button 
-    (onClick)="showLife()" 
-    label="Show Life" />
-<p-button 
-    (onClick)="showLifeLong()" 
-    label="Show Life Long" />`,
-        html: `<div class="card flex justify-center">
-    <p-toast [life]="10000" />
-    <p-button 
-        (onClick)="showLife()" 
-        label="Show Life" />
-    <p-button
-        (onClick)="showLifeLong()" 
-        label="Show Life Long" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
-    selector: 'toast-life-demo',
-    templateUrl: './toast-life-demo.html',
-    standalone: true,
-    imports: [ToastModule, ButtonModule, RippleModule],
-    providers: [MessageService]
-})
-export class ToastLifeDemo {
-    constructor(private messageService: MessageService) {}
-
-    showLifeDefault() {
-        this.messageService.add({ severity: 'info', summary: 'Life', detail: 'I show for 10000ms' });
-    }
-
-    showLifeLong() {
-        this.messageService.add({ severity: 'info', summary: 'Life', detail: 'I show for 20000ms', life: 20000 });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/toast/multipledoc.ts b/src/app/showcase/doc/toast/multipledoc.ts
deleted file mode 100644
index f212339..0000000
--- a/src/app/showcase/doc/toast/multipledoc.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'toast-multiple-demo',
-    template: `
-        <app-docsectiontext>
-            <p>Multiple toasts are displayed by passing an array to the <i>showAll</i> method of the <i>messageService</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-button (onClick)="show()" label="Multiple" severity="warning" />
-        </div>
-        <app-code [code]="code" selector="toast-multiple-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class MultipleDoc {
-    constructor(private messageService: MessageService) {}
-
-    show() {
-        this.messageService.addAll([
-            { severity: 'success', summary: 'Message 1', detail: 'Message Content' },
-            { severity: 'info', summary: 'Message 2', detail: 'Message Content' },
-            { severity: 'warn', summary: 'Message 3', detail: 'Message Content' },
-            { severity: 'error', summary: 'Message 4', detail: 'Message Content' }
-        ]);
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-button
-    (onClick)="show()" 
-    label="Multiple" 
-    severity="warning" />`,
-        html: `<div class="card flex justify-center">
-    <p-toast />
-    <p-button 
-        (onClick)="show()" 
-        label="Multiple" 
-        severity="warning" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
-    selector: 'toast-multiple-demo',
-    templateUrl: './toast-multiple-demo.html',
-    standalone: true,
-    imports: [ToastModule, ButtonModule, RippleModule],
-    providers: [MessageService]
-})
-export class ToastMultipleDemo {
-    constructor(private messageService: MessageService) {}
-
-    show() {
-        this.messageService.addAll([
-            { severity: 'success', summary: 'Message 1', detail: 'Message Content' },
-            { severity: 'info', summary: 'Message 2', detail: 'Message Content' },
-            { severity: 'warn', summary: 'Message 3', detail: 'Message Content' },
-            { severity: 'error', summary: 'Message 4', detail: 'Message Content' }
-        ]);
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/toast/positiondoc.ts b/src/app/showcase/doc/toast/positiondoc.ts
deleted file mode 100644
index 0ca0f81..0000000
--- a/src/app/showcase/doc/toast/positiondoc.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'position-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Location of the toast is customized with the <i>position</i> property. Valid values are <i>top-left</i>, <i>top-center</i>, <i>top-right</i>, <i>bottom-left</i>, <i>bottom-center</i>, <i>bottom-right</i> and <i>center</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-2">
-            <p-toast position="top-left" key="tl" />
-            <p-toast position="bottom-left" key="bl" />
-            <p-toast position="bottom-right" key="br" />
-
-            <p-button (onClick)="showTopLeft()" label="Top Left" />
-            <p-button (onClick)="showBottomLeft()" label="Bottom Left" severity="warning" />
-            <p-button (onClick)="showBottomRight()" label="Bottom Right" severity="help" />
-        </div>
-        <app-code [code]="code" selector="toast-position-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class PositionDoc {
-    constructor(private messageService: MessageService) {}
-
-    showTopLeft() {
-        this.messageService.add({ severity: 'info', summary: 'Info Message', detail: 'Message Content', key: 'tl', life: 3000 });
-    }
-
-    showBottomLeft() {
-        this.messageService.add({ severity: 'warn', summary: 'Warn Message', detail: 'Message Content', key: 'bl', life: 3000 });
-    }
-
-    showBottomRight() {
-        this.messageService.add({ severity: 'success', summary: 'Success Message', detail: 'Message Content', key: 'br', life: 3000 });
-    }
-
-    code: Code = {
-        basic: `<p-toast position="top-left" key="tl" />
-<p-toast position="bottom-left" key="bl" />
-<p-toast position="bottom-right" key="br" />
-
-<p-button 
-    (onClick)="showTopLeft()" 
-    label="Top Left" />
-<p-button 
-    (onClick)="showBottomLeft()" 
-    label="Bottom Left" 
-    severity="warning" />
-<p-button 
-    (onClick)="showBottomRight()" 
-    label="Bottom Right" 
-    severity="help" />`,
-
-        html: `<div class="card flex justify-center gap-2">
-    <p-toast position="top-left" key="tl" />
-    <p-toast position="bottom-left" key="bl" />
-    <p-toast position="bottom-right" key="br" />
-
-    <p-button 
-        (onClick)="showTopLeft()" 
-        label="Top Left" />
-    <p-button 
-        (onClick)="showBottomLeft()" 
-        label="Bottom Left" 
-        severity="warning" />
-    <p-button 
-        (onClick)="showBottomRight()" 
-        label="Bottom Right" 
-        severity="help" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
-    selector: 'toast-position-demo',
-    templateUrl: './toast-position-demo.html',
-    standalone: true,
-    imports: [ToastModule, ButtonModule, RippleModule],
-    providers: [MessageService]
-})
-export class ToastPositionDemo {
-    constructor(private messageService: MessageService) {}
-
-    showTopLeft() {
-        this.messageService.add({ severity: 'info', summary: 'Info Message', detail: 'Message Content', key: 'tl', life: 3000 });
-    }
-
-    showBottomLeft() {
-        this.messageService.add({ severity: 'warn', summary: 'Warn Message', detail: 'Message Content', key: 'bl', life: 3000 });
-    }
-
-    showBottomRight() {
-        this.messageService.add({ severity: 'success', summary: 'Success Message', detail: 'Message Content', key: 'br', life: 3000 });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/toast/responsivedoc.ts b/src/app/showcase/doc/toast/responsivedoc.ts
deleted file mode 100644
index 319fb79..0000000
--- a/src/app/showcase/doc/toast/responsivedoc.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'responsive-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Toast styling can be adjusted per screen size with the <i>breakpoints</i> option. The value of <i>breakpoints</i> should be an object literal whose keys are the maximum screen sizes and values are the styles per screen. In example
-                below, width of the toast messages cover the whole page on screens whose widths is smaller than 921px.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast [breakpoints]="{ '920px': { width: '100%', right: '0', left: '0' } }" />
-            <p-button (onClick)="show()" label="Show" />
-        </div>
-        <app-code [code]="code" selector="toast-responsive-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class ResponsiveDoc {
-    constructor(private messageService: MessageService) {}
-
-    show() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Message Content' });
-    }
-
-    code: Code = {
-        basic: `<p-toast [breakpoints]="{ '920px': { width: '100%', right: '0', left: '0' } }" />
-<p-button (onClick)="show()" label="Show" />`,
-        html: `<div class="card flex justify-center">
-    <p-toast [breakpoints]="{ '920px': { width: '100%', right: '0', left: '0' } }" />
-    <p-button (onClick)="show()" label="Show" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
-    selector: 'toast-responsive-demo',
-    templateUrl: './toast-responsive-demo.html',
-    standalone: true,
-    imports: [ToastModule, ButtonModule, RippleModule],
-    providers: [MessageService]
-})
-export class ToastResponsiveDemo {
-    constructor(private messageService: MessageService) {}
-
-    show() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Message Content' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/toast/severitydoc.ts b/src/app/showcase/doc/toast/severitydoc.ts
deleted file mode 100644
index 11703c8..0000000
--- a/src/app/showcase/doc/toast/severitydoc.ts
+++ /dev/null
@@ -1,160 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'severity-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                The <i>severity</i> option specifies the type of the message. There are four types of messages: <i>success</i>, <i>info</i>, <i>warn</i> and <i>error</i>. The severity of the message is used to display the icon and the color of the
-                toast.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-2">
-            <p-toast />
-            <p-button type="button" (onClick)="showSuccess()" label="Success" severity="success" />
-            <p-button type="button" (onClick)="showInfo()" label="Info" severity="info" />
-            <p-button type="button" (onClick)="showWarn()" label="Warn" severity="warning" />
-            <p-button type="button" (onClick)="showError()" label="Error" severity="danger" />
-            <p-button type="button" (onClick)="showSecondary()" label="Secondary" severity="secondary" />
-            <p-button type="button" (onClick)="showContrast()" label="Contrast" severity="contrast" />
-        </div>
-        <app-code [code]="code" selector="toast-severity-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class SeverityDoc {
-    constructor(private messageService: MessageService) {}
-
-    showSuccess() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Message Content' });
-    }
-
-    showInfo() {
-        this.messageService.add({ severity: 'info', summary: 'Info', detail: 'Message Content' });
-    }
-
-    showWarn() {
-        this.messageService.add({ severity: 'warn', summary: 'Warn', detail: 'Message Content' });
-    }
-
-    showError() {
-        this.messageService.add({ severity: 'error', summary: 'Error', detail: 'Message Content' });
-    }
-
-    showContrast() {
-        this.messageService.add({ severity: 'contrast', summary: 'Error', detail: 'Message Content' });
-    }
-
-    showSecondary() {
-        this.messageService.add({ severity: 'secondary', summary: 'Secondary', detail: 'Message Content' });
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<p-button 
-    type="button" 
-    (onClick)="showSuccess()" 
-    label="Success" 
-    severity="success" />
-<p-button 
-    type="button"
-    (onClick)="showInfo()" 
-    label="Info" 
-    severity="info" />
-<p-button 
-    type="button" 
-    (onClick)="showWarn()" 
-    label="Warn" 
-    severity="warning" />
-<p-button 
-    type="button" 
-    (onClick)="showError()" 
-    label="Error" 
-    severity="danger" />
-<p-button 
-    type="button" 
-    (onClick)="showSecondary()" 
-    label="Secondary" 
-    severity="secondary" />
-<p-button 
-    type="button" 
-    (onClick)="showContrast()" 
-    label="Contrast" 
-    severity="contrast" />`,
-        html: `<div class="card flex justify-center gap-2">
-    <p-toast />
-    <p-button 
-        type="button"
-        (onClick)="showSuccess()" 
-        label="Success" 
-        severity="success" />
-    <p-button 
-        type="button"
-        (onClick)="showInfo()" 
-        label="Info" 
-        severity="info" />
-    <p-button 
-        type="button"
-        (onClick)="showWarn()" 
-        label="Warn" 
-        severity="warning"  />
-    <p-button 
-        type="button"
-        (onClick)="showError()" 
-        label="Error" 
-        severity="danger" />
-    <p-button 
-        type="button"
-        (onClick)="showSecondary()" 
-        label="Secondary" 
-        severity="secondary" />
-    <p-button 
-        type="button"
-        (onClick)="showContrast()" 
-        label="Contrast" 
-        severity="contrast" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
-    selector: 'toast-severity-demo',
-    templateUrl: './toast-severity-demo.html',
-    standalone: true,
-    imports: [ToastModule, ButtonModule, RippleModule],
-    providers: [MessageService]
-})
-export class ToastSeverityDemo {
-    constructor(private messageService: MessageService) {}
-
-    showSuccess() {
-        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Message Content' });
-    }
-
-    showInfo() {
-        this.messageService.add({ severity: 'info', summary: 'Info', detail: 'Message Content' });
-    }
-
-    showWarn() {
-        this.messageService.add({ severity: 'warn', summary: 'Warn', detail: 'Message Content' });
-    }
-
-    showError() {
-        this.messageService.add({ severity: 'error', summary: 'Error', detail: 'Message Content' });
-    }
-
-    showContrast() {
-        this.messageService.add({ severity: 'contrast', summary: 'Error', detail: 'Message Content' });
-    }
-
-    showSecondary() {
-        this.messageService.add({ severity: 'secondary', summary: 'Secondary', detail: 'Message Content' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/toast/stickydoc.ts b/src/app/showcase/doc/toast/stickydoc.ts
deleted file mode 100644
index 48b9274..0000000
--- a/src/app/showcase/doc/toast/stickydoc.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'sticky-doc',
-    template: `
-        <app-docsectiontext>
-            <p>A toast disappears after the time defined by the <i>life</i> option, set <i>sticky</i> option <i>true</i> on the message to override this and not hide the toast automatically.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <div class="flex flex-wrap gap-2">
-                <p-button (onClick)="show()" severity="success" label="Sticky" />
-                <p-button (onClick)="clear()" label="Clear" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="toast-sticky-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class StickyDoc {
-    constructor(private messageService: MessageService) {}
-
-    show() {
-        this.messageService.add({ severity: 'info', summary: 'Sticky', detail: 'Message Content', sticky: true });
-    }
-
-    clear() {
-        this.messageService.clear();
-    }
-
-    code: Code = {
-        basic: `<p-toast />
-<div class="flex flex-wrap gap-2">
-    <p-button
-        (onClick)="show()" 
-        severity="success" 
-        label="Sticky" />
-    <p-button
-        (onClick)="clear()" 
-        label="Clear" />
-</div>`,
-        html: `<div class="card flex justify-center">
-    <p-toast />
-    <div class="flex flex-wrap gap-2">
-        <p-button
-            (onClick)="show()" 
-            severity="success" 
-            label="Sticky" />
-        <p-button
-            (onClick)="clear()" 
-            label="Clear" />
-    </div>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
-    selector: 'toast-sticky-demo',
-    templateUrl: './toast-sticky-demo.html',
-    standalone: true,
-    imports: [ToastModule, ButtonModule, RippleModule],
-    providers: [MessageService]
-})
-export class ToastStickyDemo {
-    constructor(private messageService: MessageService) {}
-
-    show() {
-        this.messageService.add({ severity: 'info', summary: 'Sticky', detail: 'Message Content', sticky: true });
-    }
-
-    clear() {
-        this.messageService.clear();
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/toast/styledoc.ts b/src/app/showcase/doc/toast/styledoc.ts
deleted file mode 100644
index ba6bb96..0000000
--- a/src/app/showcase/doc/toast/styledoc.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-toast</td>
-                        <td>Main container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-toast-message</td>
-                        <td>Container of a message item.</td>
-                    </tr>
-                    <tr>
-                        <td>p-toast-icon-close</td>
-                        <td>Close icon of a message.</td>
-                    </tr>
-                    <tr>
-                        <td>p-toast-icon</td>
-                        <td>Severity icon.</td>
-                    </tr>
-                    <tr>
-                        <td>p-toast-message-content</td>
-                        <td>Container of message texts.</td>
-                    </tr>
-                    <tr>
-                        <td>p-toast-summary</td>
-                        <td>Summary of the message.</td>
-                    </tr>
-                    <tr>
-                        <td>p-toast-detail</td>
-                        <td>Detail of the message.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/toast/targetdoc.ts b/src/app/showcase/doc/toast/targetdoc.ts
deleted file mode 100644
index 3f6e869..0000000
--- a/src/app/showcase/doc/toast/targetdoc.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'target-doc',
-    template: `
-        <app-docsectiontext>
-            <p>A page may have multiple toast components, in case you'd like to target a specific message to a particular toast, use the <i>key</i> property so that toast and the message can match.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-2">
-            <p-toast key="toast1" />
-            <p-toast key="toast2" />
-            <p-button (onClick)="showToast1()" label="Show Success" />
-            <p-button (onClick)="showToast2()" label="Show Warning" severity="warning" />
-        </div>
-        <app-code [code]="code" selector="toast-target-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class TargetDoc {
-    constructor(private messageService: MessageService) {}
-
-    showToast1() {
-        this.messageService.clear();
-        this.messageService.add({ key: 'toast1', severity: 'success', summary: 'Success', detail: 'key: toast1' });
-    }
-
-    showToast2() {
-        this.messageService.clear();
-        this.messageService.add({ key: 'toast2', severity: 'warn', summary: 'Warning', detail: 'key: toast2' });
-    }
-
-    code: Code = {
-        basic: `<p-toast key="toast1" />
-<p-toast key="toast2" />
-<p-button
-    (onClick)="showToast1()" 
-    label="Show Success" />
-<p-button
-    (onClick)="showToast2()" 
-    label="Show Warning" 
-    severity="warning" />`,
-        html: `<div class="card flex justify-center gap-2">
-    <p-toast key="toast1" />
-    <p-toast key="toast2" />
-    <p-button
-        (onClick)="showToast1()" 
-        label="Show Success" />
-    <p-button
-        (onClick)="showToast2()" 
-        label="Show Warning" 
-        severity="warning" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
-    selector: 'toast-target-demo',
-    templateUrl: './toast-target-demo.html',
-    standalone: true,
-    imports: [ToastModule, ButtonModule, RippleModule],
-    providers: [MessageService]
-})
-export class ToastTargetDemo {
-    constructor(private messageService: MessageService) {}
-
-    showToast1() {
-        this.messageService.clear();
-        this.messageService.add({ key: 'toast1', severity: 'success', summary: 'Success', detail: 'key: toast1' });
-    }
-
-    showToast2() {
-        this.messageService.clear();
-        this.messageService.add({ key: 'toast2', severity: 'warn', summary: 'Warning', detail: 'key: toast2' });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/toast/templatedoc.ts b/src/app/showcase/doc/toast/templatedoc.ts
deleted file mode 100644
index 8400ad0..0000000
--- a/src/app/showcase/doc/toast/templatedoc.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Templating allows customizing the content where the message instance is available as the implicit variable.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast position="bottom-center" key="confirm" (onClose)="onReject()" [baseZIndex]="5000">
-                <ng-template let-message pTemplate="message">
-                    <div class="flex flex-col items-start" style="flex: 1">
-                        <div class="flex items-center gap-2">
-                            <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" shape="circle" />
-                            <span class="font-bold text-900">Amy Elsner</span>
-                        </div>
-                        <div class="font-medium text-lg my-3 text-900">{{ message.summary }}</div>
-                        <p-button size="small" label="Reply" (onClick)="onConfirm()" />
-                    </div>
-                </ng-template>
-            </p-toast>
-            <p-button (onClick)="showConfirm()" label="View" />
-        </div>
-        <app-code [code]="code" selector="toast-template-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class TemplateDoc {
-    constructor(private messageService: MessageService) {}
-
-    visible: boolean = false;
-
-    showConfirm() {
-        if (!this.visible) {
-            this.messageService.add({ key: 'confirm', sticky: true, severity: 'success', summary: 'Can you send me the report?' });
-            this.visible = true;
-        }
-    }
-
-    onConfirm() {
-        this.messageService.clear('confirm');
-        this.visible = false;
-    }
-
-    onReject() {
-        this.messageService.clear('confirm');
-        this.visible = false;
-    }
-
-    code: Code = {
-        basic: `<p-toast 
-    position="bottom-center" 
-    key="confirm" 
-    (onClose)="onReject()" 
-    [baseZIndex]="5000">
-        <ng-template let-message pTemplate="message">
-            <div class="flex flex-col items-start" style="flex: 1">
-                <div class="flex items-center gap-2">
-                    <p-avatar 
-                        image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" 
-                        shape="circle" />
-                    <span class="font-bold text-900">
-                        Amy Elsner
-                    </span>
-                </div>
-                <div class="font-medium text-lg my-3 text-900">
-                    {{ message.summary }}
-                </div>
-                <p-button size="small" label="Reply" (onClick)="onConfirm()" />
-            </div>
-        </ng-template>
-</p-toast>
-<p-button (onClick)="showConfirm()" label="View" />`,
-        html: `<div class="card flex justify-center">
-    <p-toast 
-        position="bottom-center" 
-        key="confirm" 
-        (onClose)="onReject()" 
-        [baseZIndex]="5000">
-            <ng-template let-message pTemplate="message">
-                <div class="flex flex-col items-start" style="flex: 1">
-                    <div class="flex items-center gap-2">
-                        <p-avatar 
-                            image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" 
-                            shape="circle" />
-                        <span class="font-bold text-900">
-                            Amy Elsner
-                        </span>
-                    </div>
-                    <div class="font-medium text-lg my-3 text-900">
-                        {{ message.summary }}
-                    </div>
-                    <p-button size="small" label="Reply" (onClick)="onConfirm()" />
-                </div>
-            </ng-template>
-    </p-toast>
-    <p-button (onClick)="showConfirm()" label="View" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { ToastModule } from 'primeng/toast';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-import { AvatarModule } from 'primeng/avatar';
-
-@Component({
-    selector: 'toast-template-demo',
-    templateUrl: './toast-template-demo.html',
-    standalone: true,
-    imports: [ToastModule, ButtonModule, RippleModule, AvatarModule],
-    providers: [MessageService]
-})
-export class ToastTemplateDemo {
-    constructor(private messageService: MessageService) {}
-
-    visible: boolean = false;
-
-    showConfirm() {
-        if (!this.visible) {
-            this.messageService.add({ key: 'confirm', sticky: true, severity: 'success', summary: 'Can you send me the report?' });
-            this.visible = true;
-        }
-    }
-
-    onConfirm() {
-        this.messageService.clear('confirm');
-        this.visible = false;
-    }
-
-    onReject() {
-        this.messageService.clear('confirm');
-        this.visible = false;
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/toast/toastdoc.module.ts b/src/app/showcase/doc/toast/toastdoc.module.ts
deleted file mode 100644
index b7beb55..0000000
--- a/src/app/showcase/doc/toast/toastdoc.module.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-import { ProgressBarModule } from 'primeng/progressbar';
-import { ToastModule } from 'primeng/toast';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AvatarModule } from 'primeng/avatar';
-import { ImportDoc } from './importdoc';
-import { AnimationDoc } from './animationdoc';
-import { BasicDoc } from './basicdoc';
-import { MultipleDoc } from './multipledoc';
-import { PositionDoc } from './positiondoc';
-import { ResponsiveDoc } from './responsivedoc';
-import { SeverityDoc } from './severitydoc';
-import { LifeDoc } from './lifedoc';
-import { StickyDoc } from './stickydoc';
-import { StyleDoc } from './styledoc';
-import { TargetDoc } from './targetdoc';
-import { TemplateDoc } from './templatedoc';
-import { ClearDoc } from './cleardoc';
-import { HeadlessDoc } from './headlessdoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-
-@NgModule({
-    imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, ToastModule, ButtonModule, RippleModule, AvatarModule, ProgressBarModule],
-    declarations: [AnimationDoc, BasicDoc, ImportDoc, MultipleDoc, PositionDoc, ResponsiveDoc, SeverityDoc, LifeDoc, StickyDoc, StyleDoc, TargetDoc, TemplateDoc, ClearDoc, HeadlessDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class ToastDocModule {}
diff --git a/src/app/showcase/doc/togglebutton/accessibilitydoc.ts b/src/app/showcase/doc/togglebutton/accessibilitydoc.ts
deleted file mode 100644
index 3739ac2..0000000
--- a/src/app/showcase/doc/togglebutton/accessibilitydoc.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                ToggleButton component uses an element with <i>button</i> role and updates <i>aria-pressed</i> state for screen readers. Value to describe the component can be defined with <i>ariaLabelledBy</i> or <i>ariaLabel</i> props, it is highly
-                suggested to use either of these props as the component changes the label displayed which will result in screen readers to read different labels when the component receives focus. To prevent this, always provide an aria label that
-                does not change related to state.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the button.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Toggles the checked state.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<span id="rememberme">Remember Me</span>
-<p-toggleButton ariaLabelledBy="rememberme" />
-
-<p-toggleButton ariaLabel="Remember Me" />`
-    };
-}
diff --git a/src/app/showcase/doc/togglebutton/basicdoc.ts b/src/app/showcase/doc/togglebutton/basicdoc.ts
deleted file mode 100644
index 038602c..0000000
--- a/src/app/showcase/doc/togglebutton/basicdoc.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Two-way binding to a boolean property is defined using the standard <i>ngModel</i> directive.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center gap-2">
-            <p-toggleButton [(ngModel)]="checked" onLabel="On" offLabel="Off" styleClass="!w-6" />
-            <p-toggleButton [(ngModel)]="checkedIcon" offIcon="pi pi-arrow-down-right" onIcon="pi pi-arrow-down-right" />
-        </div>
-        <app-code [code]="code" selector="toggle-button-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    checked: boolean = false;
-    checkedIcon: boolean = false;
-
-    code: Code = {
-        basic: `<p-toggleButton
-    [(ngModel)]="checked"
-    onLabel="On"
-    offLabel="Off" />
-
-<p-toggleButton
-    [(ngModel)]="checkedIcon"
-    offIcon="pi pi-arrow-down-right"
-    onIcon="pi pi-arrow-down-right" />`,
-
-        html: `<div class="card flex justify-center gap-2">
-    <p-toggleButton
-        [(ngModel)]="checked"
-        onLabel="On"
-        offLabel="Off" />
-    <p-toggleButton
-        [(ngModel)]="checkedIcon"
-        offIcon="pi pi-arrow-down-right"
-        onIcon="pi pi-arrow-down-right" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ToggleButtonModule } from 'primeng/togglebutton';
-
-@Component({
-    selector: 'toggle-button-basic-demo',
-    templateUrl: './toggle-button-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, ToggleButtonModule]
-})
-export class ToggleButtonBasicDemo {
-    checked: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/togglebutton/customizeddoc.ts b/src/app/showcase/doc/togglebutton/customizeddoc.ts
deleted file mode 100644
index d408b38..0000000
--- a/src/app/showcase/doc/togglebutton/customizeddoc.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'customized-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Icons and Labels can be customized using <i>onLabel</i>, <i>offLabel</i>, <i>onIcon</i> and <i>offIcon</i> properties.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toggleButton [(ngModel)]="checked" onLabel="Locked" offLabel="Unlocked" onIcon="pi pi-check" offIcon="pi pi-times" onIcon="pi pi-lock" offIcon="pi pi-lock-open" styleClass="!w-9" ariaLabel="Do you confirm" />
-        </div>
-        <app-code [code]="code" selector="toggle-button-customized-demo"></app-code>
-    `
-})
-export class CustomizedDoc {
-    checked: boolean = false;
-
-    code: Code = {
-        basic: `<p-toggleButton
-    [(ngModel)]="checked"
-    onLabel="Locked"
-    offLabel="Unlocked"
-    onIcon="pi pi-check"
-    offIcon="pi pi-times"
-    onIcon="pi pi-lock"
-    offIcon="pi pi-lock-open"
-    styleClass="!w-9"
-    ariaLabel="Do you confirm" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-toggleButton
-        [(ngModel)]="checked"
-        onLabel="Locked"
-        offLabel="Unlocked"
-        onIcon="pi pi-check"
-        offIcon="pi pi-times"
-        onIcon="pi pi-lock"
-        offIcon="pi pi-lock-open"
-        styleClass="!w-9"
-        ariaLabel="Do you confirm" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ToggleButtonModule } from 'primeng/togglebutton';
-
-@Component({
-    selector: 'toggle-button-customized-demo',
-    templateUrl: './toggle-button-customized-demo.html',
-    standalone: true,
-    imports: [FormsModule, ToggleButtonModule]
-})
-export class ToggleButtonCustomizedDemo {
-    checked: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/togglebutton/disableddoc.ts b/src/app/showcase/doc/togglebutton/disableddoc.ts
deleted file mode 100644
index 5d2187f..0000000
--- a/src/app/showcase/doc/togglebutton/disableddoc.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toggleButton disabled="true" onIcon="pi pi-check" offIcon="pi pi-times" [(ngModel)]="checked" onLabel="Yes" offLabel="No" styleClass="w-full sm:!w-10" ariaLabel="Confirmation" />
-        </div>
-        <app-code [code]="code" selector="toggle-button-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    checked: boolean = false;
-
-    code: Code = {
-        basic: `<p-toggleButton
-    disabled="true"
-    onIcon="pi pi-check"
-    offIcon="pi pi-times"
-    [(ngModel)]="checked"
-    onLabel="Yes"
-    offLabel="No"
-    styleClass="w-full sm:!w-10"
-    ariaLabel="Confirmation" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-toggleButton
-        disabled="true"
-        onIcon="pi pi-check"
-        offIcon="pi pi-times"
-        [(ngModel)]="checked"
-        onLabel="Yes"
-        offLabel="No"
-        styleClass="w-full sm:!w-10"
-        ariaLabel="Confirmation" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ToggleButtonModule } from 'primeng/togglebutton';
-
-@Component({
-    selector: 'toggle-button-disabled-demo',
-    templateUrl: './toggle-button-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, ToggleButtonModule]
-})
-export class ToggleButtonDisabledDemo {
-    checked: boolean = false;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/togglebutton/importdoc.ts b/src/app/showcase/doc/togglebutton/importdoc.ts
deleted file mode 100644
index d2ada31..0000000
--- a/src/app/showcase/doc/togglebutton/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ToggleButtonModule } from 'primeng/togglebutton';`
-    };
-}
diff --git a/src/app/showcase/doc/togglebutton/reactiveformsdoc.ts b/src/app/showcase/doc/togglebutton/reactiveformsdoc.ts
deleted file mode 100644
index abe568a..0000000
--- a/src/app/showcase/doc/togglebutton/reactiveformsdoc.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>ToggleButton can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup">
-                <p-toggleButton formControlName="checked" onLabel="On" offLabel="Off" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="toggle-button-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            checked: new FormControl<boolean>(false)
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <p-toggleButton 
-        formControlName="checked" 
-        onLabel="On" 
-        offLabel="Off" />
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup">
-        <p-toggleButton 
-            formControlName="checked" 
-            onLabel="On" 
-            offLabel="Off" />
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { ToggleButtonModule } from 'primeng/togglebutton';
-
-@Component({
-    selector: 'toggle-button-reactive-forms-demo',
-    templateUrl: './toggle-button-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, ToggleButtonModule]
-})
-export class ToggleButtonReactiveFormsDemo implements OnInit {
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            checked: new FormControl<boolean>(false)
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/togglebutton/styledoc.ts b/src/app/showcase/doc/togglebutton/styledoc.ts
deleted file mode 100644
index 95b4b8c..0000000
--- a/src/app/showcase/doc/togglebutton/styledoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-togglebutton</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-button-icon-left</td>
-                        <td>Text element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-button-icon-right</td>
-                        <td>Value element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/togglebutton/togglebuttondoc.module.ts b/src/app/showcase/doc/togglebutton/togglebuttondoc.module.ts
deleted file mode 100644
index c4a0b6c..0000000
--- a/src/app/showcase/doc/togglebutton/togglebuttondoc.module.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { ToggleButtonModule } from 'primeng/togglebutton';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { CustomizedDoc } from './customizeddoc';
-import { ImportDoc } from './importdoc';
-import { DisabledDoc } from './disableddoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { StyleDoc } from './styledoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, ToggleButtonModule, FormsModule, ReactiveFormsModule, RouterModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, CustomizedDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc, DisabledDoc]
-})
-export class ToggleButtonDocModule {}
diff --git a/src/app/showcase/doc/toolbar/accessibilitydoc.ts b/src/app/showcase/doc/toolbar/accessibilitydoc.ts
deleted file mode 100644
index 8598d12..0000000
--- a/src/app/showcase/doc/toolbar/accessibilitydoc.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Toolbar uses <i>toolbar</i> role for the root element, <i>aria-orientation</i> is not included as it defaults to <i>horizontal</i>. Any valid attribute is passed to the root element so you may add additional properties like
-                <i>aria-labelledby</i> and <i>aria-labelled</i> to define the element if required.
-            </p>
-            <app-code [code]="code" [hideToggleCode]="true"></app-code>
-            <h3>Keyboard Support</h3>
-            <p>Component does not include any interactive elements. Arbitrary content can be placed with templating and elements like buttons inside should follow the page tab sequence.</p>
-        </app-docsectiontext>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        html: `<p-toolbar aria-label="Actions">
-    Content
-</p-toolbar>`
-    };
-}
diff --git a/src/app/showcase/doc/toolbar/basicdoc.ts b/src/app/showcase/doc/toolbar/basicdoc.ts
deleted file mode 100644
index 780f01c..0000000
--- a/src/app/showcase/doc/toolbar/basicdoc.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Toolbar is a grouping component for buttons and other content. Its content can be placed inside the <i>start</i>, <i>center</i> and <i>end</i> sections.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-toolbar>
-                <div class="p-toolbar-group-start">
-                    <p-button icon="pi pi-plus" class="mr-2" />
-                    <p-button icon="pi pi-print" class="mr-2" />
-                    <p-button icon="pi pi-upload" />
-                </div>
-                <div class="p-toolbar-group-center">
-                    <span class="p-input-icon-left">
-                        <i class="pi pi-search"></i>
-                        <input pInputText placeholder="Search" />
-                    </span>
-                </div>
-                <div class="p-toolbar-group-end">
-                    <p-splitButton label="Save" icon="pi pi-check" [model]="items" />
-                </div>
-            </p-toolbar>
-        </div>
-        <app-code [code]="code" selector="toolbar-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Update',
-                icon: 'pi pi-refresh'
-            },
-            {
-                label: 'Delete',
-                icon: 'pi pi-times'
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-toolbar>
-    <div class="p-toolbar-group-start">
-        <p-button icon="pi pi-plus" class="mr-2"/>
-        <p-button icon="pi pi-print" class="mr-2"/>
-        <p-button icon="pi pi-upload" />
-    </div>
-    <div class="p-toolbar-group-center">
-        <span class="p-input-icon-left">
-            <i class="pi pi-search"></i>
-            <input pInputText placeholder="Search" />
-        </span>
-    </div>
-    <div class="p-toolbar-group-end">
-        <p-splitButton label="Save" icon="pi pi-check" [model]="items" />
-    </div>
-</p-toolbar>`,
-
-        html: `<div class="card">
-<p-toolbar>
-<div class="p-toolbar-group-start">
-    <p-button icon="pi pi-plus" class="mr-2"/>
-    <p-button icon="pi pi-print" class="mr-2"/>
-    <p-button icon="pi pi-upload" />
-</div>
-<div class="p-toolbar-group-center">
-    <span class="p-input-icon-left">
-        <i class="pi pi-search"></i>
-        <input pInputText placeholder="Search" />
-    </span>
-</div>
-<div class="p-toolbar-group-end">
-    <p-splitButton label="Save" icon="pi pi-check" [model]="items" />
-</div>
-</p-toolbar>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-import { ToolbarModule } from 'primeng/toolbar';
-import { ButtonModule } from 'primeng/button';
-import { SplitButtonModule } from 'primeng/splitbutton';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'toolbar-basic-demo',
-    templateUrl: './toolbar-basic-demo.html',
-    standalone: true,
-    imports: [ToolbarModule, ButtonModule, SplitButtonModule, InputTextModule]
-})
-export class ToolbarBasicDemo implements OnInit {
-    items: MenuItem[] | undefined;
-
-    ngOnInit() {
-        this.items = [
-            {
-                label: 'Update',
-                icon: 'pi pi-refresh'
-            },
-            {
-                label: 'Delete',
-                icon: 'pi pi-times'
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/toolbar/importdoc.ts b/src/app/showcase/doc/toolbar/importdoc.ts
deleted file mode 100644
index 7a04f8a..0000000
--- a/src/app/showcase/doc/toolbar/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { ToolbarModule } from 'primeng/toolbar';`
-    };
-}
diff --git a/src/app/showcase/doc/toolbar/styledoc.ts b/src/app/showcase/doc/toolbar/styledoc.ts
deleted file mode 100644
index b9f4cf7..0000000
--- a/src/app/showcase/doc/toolbar/styledoc.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-toolbar</td>
-                        <td>Main container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-toolbar-group-start</td>
-                        <td>Start content container.</td>
-                    </tr>
-                    <tr>
-                        <td>p-toolbar-group-center</td>
-                        <td>Center content container.</td>
-                    </tr>
-                    <tr>
-                        <td>p-toolbar-group-end</td>
-                        <td>End content container.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/toolbar/templatedoc.ts b/src/app/showcase/doc/toolbar/templatedoc.ts
deleted file mode 100644
index b1c9667..0000000
--- a/src/app/showcase/doc/toolbar/templatedoc.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Content can also be placed using the <i>start</i>, <i>center</i> and <i>end</i> templates.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-toolbar styleClass="bg-gray-900 shadow-2" [style]="{ 'border-radius': '3rem', 'background-image': 'linear-gradient(to right, var(--bluegray-500), var(--bluegray-800))' }">
-                <ng-template pTemplate="start">
-                    <img src="https://primefaces.org/cdn/primeng/images/primeng.svg" />
-                </ng-template>
-                <ng-template pTemplate="center">
-                    <div class="flex flex-wrap items-center gap-3">
-                        <button class="p-link inline-flex justify-center items-center text-white !h-3 !w-3 border-circle hover:bg-white-alpha-10 transition-all transition-duration-200"><i class="pi pi-home text-2xl"></i></button>
-                        <button class="p-link inline-flex justify-center items-center text-white !h-3 !w-3 border-circle hover:bg-white-alpha-10 transition-all transition-duration-200"><i class="pi pi-user text-2xl"></i></button>
-                        <button class="p-link inline-flex justify-center items-center text-white !h-3 !w-3 border-circle hover:bg-white-alpha-10 transition-all transition-duration-200"><i class="pi pi-search text-2xl"></i></button>
-                    </div>
-                </ng-template>
-                <ng-template pTemplate="end">
-                    <div class="flex items-center gap-2">
-                        <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" shape="circle" />
-                        <span class="font-bold text-bluegray-50">Amy Elsner</span>
-                    </div>
-                </ng-template>
-            </p-toolbar>
-        </div>
-        <app-code [code]="code" selector="toolbar-template-demo"></app-code>
-    `
-})
-export class TemplateDoc {
-    code: Code = {
-        basic: `<p-toolbar
-    styleClass="bg-gray-900 shadow-2"
-    [style]="{ 'border-radius': '3rem', 'background-image': 'linear-gradient(to right, var(--bluegray-500), var(--bluegray-800))' }">
-        <ng-template pTemplate="start">
-            <img src="https://primefaces.org/cdn/primeng/images/primeng.svg" />
-        </ng-template>
-        <ng-template pTemplate="center">
-            <div class="flex flex-wrap items-center gap-3">
-                <button class="p-link inline-flex justify-center items-center text-white !h-3 !w-3 border-circle hover:bg-white-alpha-10 transition-all transition-duration-200">
-                    <i class="pi pi-home text-2xl"></i>
-                </button>
-                <button class="p-link inline-flex justify-center items-center text-white !h-3 !w-3 border-circle hover:bg-white-alpha-10 transition-all transition-duration-200">
-                    <i class="pi pi-user text-2xl"></i>
-                </button>
-                <button class="p-link inline-flex justify-center items-center text-white !h-3 !w-3 border-circle hover:bg-white-alpha-10 transition-all transition-duration-200">
-                    <i class="pi pi-search text-2xl"></i>
-                </button>
-            </div>
-        </ng-template>
-        <ng-template pTemplate="end">
-            <div class="flex items-center gap-2">
-                <p-avatar
-                    image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png"
-                    shape="circle" />
-                <span class="font-bold text-bluegray-50">
-                    Amy Elsner
-                </span>
-            </div>
-        </ng-template>
-</p-toolbar>`,
-
-        html: `<div class="card">
-<p-toolbar
-    styleClass="bg-gray-900 shadow-2"
-    [style]="{ 'border-radius': '3rem', 'background-image': 'linear-gradient(to right, var(--bluegray-500), var(--bluegray-800))' }">
-    <ng-template pTemplate="start">
-        <img src="https://primefaces.org/cdn/primeng/images/primeng.svg" />
-    </ng-template>
-    <ng-template pTemplate="center">
-        <div class="flex flex-wrap items-center gap-3">
-            <button class="p-link inline-flex justify-center items-center text-white !h-3 !w-3 border-circle hover:bg-white-alpha-10 transition-all transition-duration-200">
-                <i class="pi pi-home text-2xl"></i>
-            </button>
-            <button class="p-link inline-flex justify-center items-center text-white !h-3 !w-3 border-circle hover:bg-white-alpha-10 transition-all transition-duration-200">
-                <i class="pi pi-user text-2xl"></i>
-            </button>
-            <button class="p-link inline-flex justify-center items-center text-white !h-3 !w-3 border-circle hover:bg-white-alpha-10 transition-all transition-duration-200">
-                <i class="pi pi-search text-2xl"></i>
-            </button>
-        </div>
-    </ng-template>
-    <ng-template pTemplate="end">
-        <div class="flex items-center gap-2">
-            <p-avatar
-                image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png"
-                shape="circle" />
-            <span class="font-bold text-bluegray-50">
-                Amy Elsner
-            </span>
-        </div>
-    </ng-template>
-</p-toolbar>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { ToolbarModule } from 'primeng/toolbar';
-import { AvatarModule } from 'primeng/avatar';
-
-@Component({
-    selector: 'toolbar-template-demo',
-    templateUrl: './toolbar-template-demo.html',
-    standalone: true,
-    imports: [ToolbarModule, AvatarModule]
-})
-export class ToolbarTemplateDemo {
-
-}`
-    };
-}
diff --git a/src/app/showcase/doc/toolbar/toolbardoc.module.ts b/src/app/showcase/doc/toolbar/toolbardoc.module.ts
deleted file mode 100644
index 8fde007..0000000
--- a/src/app/showcase/doc/toolbar/toolbardoc.module.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ButtonModule } from 'primeng/button';
-import { SplitButtonModule } from 'primeng/splitbutton';
-import { InputTextModule } from 'primeng/inputtext';
-import { AvatarModule } from 'primeng/avatar';
-import { ToolbarModule } from 'primeng/toolbar';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, ToolbarModule, RouterModule, ButtonModule, SplitButtonModule, InputTextModule, AvatarModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, TemplateDoc, StyleDoc, AccessibilityDoc]
-})
-export class ToolbarDocModule {}
diff --git a/src/app/showcase/doc/tooltip/accessibilitydoc.ts b/src/app/showcase/doc/tooltip/accessibilitydoc.ts
deleted file mode 100644
index bfc2685..0000000
--- a/src/app/showcase/doc/tooltip/accessibilitydoc.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: `
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>Tooltip component uses <i>tooltip</i> role and when it becomes visible the generated id of the tooltip is defined as the <i>aria-describedby</i> of the target.</p>
-            <h3>Keyboard Support</h3>
-            <div class="doc-tablewrapper">
-                <table class="doc-table">
-                    <thead>
-                        <tr>
-                            <th>Key</th>
-                            <th>Function</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><i>escape</i></td>
-                            <td>Closes the tooltip when focus is on the target.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </app-docsectiontext>
-    `
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/tooltip/autohidedoc.ts b/src/app/showcase/doc/tooltip/autohidedoc.ts
deleted file mode 100644
index 7967ba5..0000000
--- a/src/app/showcase/doc/tooltip/autohidedoc.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'auto-hide-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Tooltip is hidden when mouse leaves the target element, in cases where tooltip needs to be interacted with, set <i>autoHide</i> to false to change the default behavior.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap justify-center gap-2">
-            <input type="text" pInputText pTooltip="Enter your username" [autoHide]="false" placeholder="autoHide: false" />
-            <input type="text" pInputText pTooltip="Enter your username" placeholder="autoHide: true" />
-        </div>
-        <app-code [code]="code" selector="tooltip-auto-hide-demo"></app-code>
-    `
-})
-export class AutoHideDoc {
-    code: Code = {
-        basic: `<input 
-    type="text"
-    pInputText 
-    pTooltip="Enter your username" 
-    [autoHide]="false" 
-    placeholder="autoHide: false" />
-<input 
-    type="text" 
-    pInputText 
-    pTooltip="Enter your username" 
-    placeholder="autoHide: true" />`,
-
-        html: `<div class="card flex flex-wrap justify-center gap-2">
-    <input 
-        type="text" 
-        pInputText 
-        pTooltip="Enter your username" 
-        [autoHide]="false" 
-        placeholder="autoHide: false" />
-    <input 
-        type="text" 
-        pInputText 
-        pTooltip="Enter your username" 
-        placeholder="autoHide: true">
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TooltipModule } from 'primeng/tooltip';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'tooltip-auto-hide-demo',
-    templateUrl: './tooltip-auto-hide-demo.html',
-    standalone: true,
-    imports: [TooltipModule, InputTextModule]
-})
-export class TooltipAutoHideDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/tooltip/customdoc.ts b/src/app/showcase/doc/tooltip/customdoc.ts
deleted file mode 100644
index 58a8d82..0000000
--- a/src/app/showcase/doc/tooltip/customdoc.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'custom-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Tooltip can use either a <i>string</i> or a <i>TemplateRef</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button [pTooltip]="tooltipContent" severity="secondary" tooltipPosition="bottom" label="Button" />
-            <ng-template #tooltipContent>
-                <div class="flex items-center">
-                    <span> <b>PrimeNG</b> rocks! </span>
-                </div>
-            </ng-template>
-        </div>
-        <app-code [code]="code" selector="tooltip-custom-demo"></app-code>
-    `
-})
-export class CustomDoc {
-    code: Code = {
-        basic: `<p-button 
-    [pTooltip]="tooltipContent" 
-    severity="secondary" 
-    tooltipPosition="bottom" 
-    label="Button" />
-<ng-template #tooltipContent>
-    <div class="flex items-center">
-        <span> <b>PrimeNG</b> rocks! </span>
-    </div>
-</ng-template>`,
-
-        html: `<div class="card flex justify-center">
-    <p-button 
-        [pTooltip]="tooltipContent"
-        severity="secondary" 
-        tooltipPosition="bottom" 
-        label="Button" />
-            <ng-template #tooltipContent>
-                <div class="flex items-center">
-                    <span> <b>PrimeNG</b> rocks! </span>
-                </div>
-            </ng-template>
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { TooltipModule } from 'primeng/tooltip';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'tooltip-custom-demo',
-    templateUrl: './tooltip-custom-demo.html',
-    standalone: true,
-    imports: [TooltipModule, ButtonModule]
-})
-export class TooltipCustomDemo {
-  
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tooltip/delaydoc.ts b/src/app/showcase/doc/tooltip/delaydoc.ts
deleted file mode 100644
index 625e2c0..0000000
--- a/src/app/showcase/doc/tooltip/delaydoc.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'delay-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Adding delays to the show and hide events are defined with <i>showDelay</i> and <i>hideDelay</i> options respectively.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-button pTooltip="Confirm to proceed" showDelay="1000" hideDelay="300" label="Save" />
-        </div>
-        <app-code [code]="code" selector="tooltip-delay-demo"></app-code>
-    `
-})
-export class DelayDoc {
-    code: Code = {
-        basic: `<p-button
-    pTooltip="Confirm to proceed" 
-    showDelay="1000" 
-    hideDelay="300" 
-    label="Save" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-button 
-        pTooltip="Confirm to proceed" 
-        showDelay="1000"
-        hideDelay="300" 
-        label="Save" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TooltipModule } from 'primeng/tooltip';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'tooltip-delay-demo',
-    templateUrl: './tooltip-delay-demo.html',
-    standalone: true,
-    imports: [TooltipModule, ButtonModule]
-})
-export class TooltipDelayDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/tooltip/eventdoc.ts b/src/app/showcase/doc/tooltip/eventdoc.ts
deleted file mode 100644
index 01a4a52..0000000
--- a/src/app/showcase/doc/tooltip/eventdoc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'event-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Tooltip gets displayed on <i>hover</i> event of its target by default, other option is the <i>focus</i> event to display and blur to hide.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap justify-center gap-2">
-            <input type="text" pInputText pTooltip="Enter your username" tooltipEvent="focus" placeholder="focus to display tooltip" />
-        </div>
-        <app-code [code]="code" selector="tooltip-event-demo"></app-code>
-    `
-})
-export class EventDoc {
-    code: Code = {
-        basic: `<input 
-    type="text" 
-    pInputText
-    pTooltip="Enter your username" 
-    tooltipEvent="focus" 
-    placeholder="focus to display tooltip" />`,
-
-        html: `<div class="card flex justify-center">
-    <input 
-        type="text" 
-        pInputText 
-        pTooltip="Enter your username" 
-        tooltipEvent="focus" 
-        placeholder="focus to display tooltip">
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TooltipModule } from 'primeng/tooltip';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'tooltip-event-demo',
-    templateUrl: './tooltip-event-demo.html',
-    standalone: true,
-    imports: [TooltipModule, InputTextModule]
-})
-export class TooltipEventDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/tooltip/importdoc.ts b/src/app/showcase/doc/tooltip/importdoc.ts
deleted file mode 100644
index af4c556..0000000
--- a/src/app/showcase/doc/tooltip/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { TooltipModule } from 'primeng/tooltip';`
-    };
-}
diff --git a/src/app/showcase/doc/tooltip/optionsdoc.ts b/src/app/showcase/doc/tooltip/optionsdoc.ts
deleted file mode 100644
index 3ea2769..0000000
--- a/src/app/showcase/doc/tooltip/optionsdoc.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'options-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Tooltip is also configurable by using <i>tooltipOptions</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <input type="text" pInputText pTooltip="Enter your username" [tooltipOptions]="tooltipOptions" placeholder="hover to display tooltip" />
-        </div>
-        <app-code [code]="code" selector="tooltip-options-demo"></app-code>
-    `
-})
-export class OptionsDoc {
-    tooltipOptions = {
-        showDelay: 150,
-        autoHide: false,
-        tooltipEvent: 'hover',
-        tooltipPosition: 'left'
-    };
-
-    code: Code = {
-        basic: `<input 
-    type="text" 
-    pInputText 
-    pTooltip="Enter your username" 
-    [tooltipOptions]="tooltipOptions" 
-    placeholder="hover to display tooltip" />`,
-
-        html: `<div class="card flex justify-center">
-    <input 
-        type="text" 
-        pInputText 
-        pTooltip="Enter your username" 
-        [tooltipOptions]="tooltipOptions" 
-        placeholder="hover to display tooltip" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TooltipModule } from 'primeng/tooltip';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'tooltip-options-demo',
-    templateUrl: './tooltip-options-demo.html',
-    standalone: true,
-    imports: [TooltipModule, InputTextModule]
-})
-export class TooltipOptionsDemo {
-    tooltipOptions = {
-        showDelay: 150,
-        autoHide: false,
-        tooltipEvent: 'hover',
-        tooltipPosition: 'left'
-    };
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tooltip/positiondoc.ts b/src/app/showcase/doc/tooltip/positiondoc.ts
deleted file mode 100644
index 99df32c..0000000
--- a/src/app/showcase/doc/tooltip/positiondoc.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'position-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Position of the tooltip is specified using <i>tooltipPosition</i> attribute. Valid values are <i>top</i>, <i>bottom</i>, <i>right</i> and <i>left</i>. Default position of the tooltip is <i>right</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap justify-center gap-2">
-            <input type="text" pInputText pTooltip="Enter your username" tooltipPosition="right" placeholder="Right" />
-            <input type="text" pInputText pTooltip="Enter your username" tooltipPosition="left" placeholder="Left" />
-            <input type="text" pInputText pTooltip="Enter your username" tooltipPosition="top" placeholder="Top" />
-            <input type="text" pInputText pTooltip="Enter your username" tooltipPosition="bottom" placeholder="Bottom" />
-        </div>
-        <app-code [code]="code" selector="tooltip-position-demo"></app-code>
-    `
-})
-export class PositionDoc {
-    code: Code = {
-        basic: `<input 
-    type="text" 
-    pInputText 
-    pTooltip="Enter your username" 
-    tooltipPosition="right" 
-    placeholder="Right" />
-<input 
-    type="text" 
-    pInputText 
-    pTooltip="Enter your username" 
-    tooltipPosition="left" 
-    placeholder="Left" />
-<input 
-    type="text" 
-    pInputText 
-    pTooltip="Enter your username" 
-    tooltipPosition="top" 
-    placeholder="Top" />
-<input 
-    type="text" 
-    pInputText 
-    pTooltip="Enter your username" 
-    tooltipPosition="bottom" 
-    placeholder="Bottom" />`,
-
-        html: `<div class="card flex flex-wrap justify-center gap-2">
-    <input 
-        type="text" 
-        pInputText 
-        pTooltip="Enter your username"
-        tooltipPosition="right" 
-        placeholder="Right" />
-    <input 
-        type="text" 
-        pInputText 
-        pTooltip="Enter your username" 
-        tooltipPosition="left" 
-        placeholder="Left">
-    <input 
-        type="text" 
-        pInputText 
-        pTooltip="Enter your username" 
-        tooltipPosition="top" 
-        placeholder="Top">
-    <input 
-        type="text" 
-        pInputText 
-        pTooltip="Enter your username" 
-        tooltipPosition="bottom" 
-        placeholder="Bottom">
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TooltipModule } from 'primeng/tooltip';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-    selector: 'tooltip-position-demo',
-    templateUrl: './tooltip-position-demo.html',
-    standalone: true,
-    imports: [TooltipModule, InputTextModule]
-})
-export class TooltipPositionDemo {}`
-    };
-}
diff --git a/src/app/showcase/doc/tooltip/styledoc.ts b/src/app/showcase/doc/tooltip/styledoc.ts
deleted file mode 100644
index 2cb2aff..0000000
--- a/src/app/showcase/doc/tooltip/styledoc.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-tooltip</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-tooltip-arrow</td>
-                        <td>Arrow of the tooltip.</td>
-                    </tr>
-                    <tr>
-                        <td>p-tooltip-text</td>
-                        <td>Text of the tooltip.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/tooltip/tooltipdoc.module.ts b/src/app/showcase/doc/tooltip/tooltipdoc.module.ts
deleted file mode 100644
index feee13b..0000000
--- a/src/app/showcase/doc/tooltip/tooltipdoc.module.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TooltipModule } from 'primeng/tooltip';
-import { ButtonModule } from 'primeng/button';
-import { InputTextModule } from 'primeng/inputtext';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ImportDoc } from './importdoc';
-import { StyleDoc } from './styledoc';
-import { PositionDoc } from './positiondoc';
-import { EventDoc } from './eventdoc';
-import { AutoHideDoc } from './autohidedoc';
-import { DelayDoc } from './delaydoc';
-import { OptionsDoc } from './optionsdoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { CustomDoc } from './customdoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, RouterModule, TooltipModule, ButtonModule, InputTextModule, AppDocModule],
-    declarations: [ImportDoc, StyleDoc, PositionDoc, EventDoc, AutoHideDoc, DelayDoc, CustomDoc, OptionsDoc, AccessibilityDoc],
-    exports: [AppDocModule]
-})
-export class TooltipDocModule {}
diff --git a/src/app/showcase/doc/tree/accessibilitydoc.ts b/src/app/showcase/doc/tree/accessibilitydoc.ts
deleted file mode 100644
index 71c8895..0000000
--- a/src/app/showcase/doc/tree/accessibilitydoc.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <h3>Screen Reader</h3>
-        <p>
-            Value to describe the component can either be provided with <i>aria-labelledby</i> or <i>aria-label</i> props. The root list element has a <i>tree</i> role whereas each list item has a <i>treeitem</i> role along with <i>aria-label</i>,
-            <i>aria-selected</i> and <i>aria-expanded</i> attributes. In checkbox selection, <i>aria-checked</i> is used instead of <i>aria-selected</i>. The container element of a treenode has the <i>group</i> role. Checkbox and toggle icons are
-            hidden from screen readers as their parent element with <i>treeitem</i> role and attributes are used instead for readers and keyboard support. The <i>aria-setsize</i>, <i>aria-posinset</i> and <i>aria-level</i> attributes are calculated
-            implicitly and added to each treeitem.
-        </p>
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>tab</i></td>
-                        <td>
-                            Moves focus to the first selected node when focus enters the component, if there is none then first element receives the focus. If focus is already inside the component, moves focus to the next focusable element in the
-                            page tab sequence.
-                        </td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>tab</i></td>
-                        <td>
-                            Moves focus to the last selected node when focus enters the component, if there is none then first element receives the focus. If focus is already inside the component, moves focus to the previous focusable element in the
-                            page tab sequence.
-                        </td>
-                    </tr>
-                    <tr>
-                        <td><i>enter</i></td>
-                        <td>Selects the focused treenode.</td>
-                    </tr>
-                    <tr>
-                        <td><i>space</i></td>
-                        <td>Selects the focused treenode.</td>
-                    </tr>
-                    <tr>
-                        <td><i>down arrow</i></td>
-                        <td>Moves focus to the next treenode.</td>
-                    </tr>
-                    <tr>
-                        <td><i>up arrow</i></td>
-                        <td>Moves focus to the previous treenode.</td>
-                    </tr>
-                    <tr>
-                        <td><i>right arrow</i></td>
-                        <td>If node is closed, opens the node otherwise moves focus to the first child node.</td>
-                    </tr>
-                    <tr>
-                        <td><i>left arrow</i></td>
-                        <td>If node is open, closes the node otherwise moves focus to the parent node.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/tree/basicdoc.ts b/src/app/showcase/doc/tree/basicdoc.ts
deleted file mode 100644
index a20ec6f..0000000
--- a/src/app/showcase/doc/tree/basicdoc.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Tree component requires an array of <i>TreeNode</i> objects as its <i>value</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-tree class="w-full md:!w-30" [value]="files" />
-        </div>
-        <app-code [code]="code" selector="tree-basic-demo"></app-code>
-    `
-})
-export class BasicDoc implements OnInit {
-    files!: TreeNode[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => (this.files = data));
-    }
-
-    code: Code = {
-        basic: `<p-tree class="w-full md:!w-30" [value]="files" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-tree class="w-full md:!w-30" [value]="files" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeModule } from 'primeng/tree';
-
-@Component({
-    selector: 'tree-basic-demo',
-    templateUrl: './tree-basic-demo.html',
-    standalone: true,
-    imports: [TreeModule],
-    providers: [NodeService]
-})
-export class TreeBasicDemo implements OnInit {
-    files!: TreeNode[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => (this.files = data));
-    }
-}`,
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/tree/checkboxdoc.ts b/src/app/showcase/doc/tree/checkboxdoc.ts
deleted file mode 100644
index 8c13302..0000000
--- a/src/app/showcase/doc/tree/checkboxdoc.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'checkbox-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Selection of multiple nodes via checkboxes is enabled by configuring <i>selectionMode</i> as <i>checkbox</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col items-center justify-center">
-            <p-tree [value]="files" selectionMode="checkbox" class="w-full md:!w-30" [(selection)]="selectedFiles" />
-        </div>
-        <app-code [code]="code" selector="tree-checkbox-demo"></app-code>
-    `
-})
-export class CheckboxDoc implements OnInit {
-    files!: TreeNode[];
-
-    selectedFiles!: TreeNode[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => (this.files = data));
-    }
-
-    code: Code = {
-        basic: `<p-tree
-    [value]="files"
-    selectionMode="checkbox"
-    class="w-full md:!w-30"
-    [(selection)]="selectedFiles" />`,
-
-        html: `<div class="card flex flex-col items-center justify-center">
-    <p-tree
-        [value]="files"
-        selectionMode="checkbox"
-        class="w-full md:!w-30"
-        [(selection)]="selectedFiles" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeModule } from 'primeng/tree';
-
-@Component({
-    selector: 'tree-checkbox-demo',
-    templateUrl: './tree-checkbox-demo.html',
-    standalone: true,
-    imports: [TreeModule],
-    providers: [NodeService]
-})
-export class TreeCheckboxDemo implements OnInit {
-    files!: TreeNode[];
-
-    selectedFiles!: TreeNode[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => (this.files = data));
-    }
-}`,
-
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/tree/contextmenudoc.ts b/src/app/showcase/doc/tree/contextmenudoc.ts
deleted file mode 100644
index e1174e4..0000000
--- a/src/app/showcase/doc/tree/contextmenudoc.ts
+++ /dev/null
@@ -1,143 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService, TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'context-menu-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Tree requires a collection of <i>TreeNode</i> instances as a value.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-tree class="w-full md:!w-30" [value]="files" selectionMode="single" [(selection)]="selectedFile" [contextMenu]="cm" />
-            <p-contextMenu #cm [model]="items" />
-            <p-toast />
-        </div>
-        <app-code [code]="code" selector="tree-context-menu-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class ContextMenuDoc implements OnInit {
-    files!: TreeNode[];
-
-    selectedFile!: TreeNode | null;
-
-    items!: MenuItem[];
-
-    constructor(
-        private nodeService: NodeService,
-        private messageService: MessageService
-    ) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((files) => (this.files = files));
-
-        this.items = [
-            { label: 'View', icon: 'pi pi-search', command: (event) => this.viewFile(this.selectedFile) },
-            { label: 'Unselect', icon: 'pi pi-times', command: (event) => this.unselectFile() }
-        ];
-    }
-
-    viewFile(file: TreeNode) {
-        this.messageService.add({ severity: 'info', summary: 'Node Details', detail: file.label });
-    }
-
-    unselectFile() {
-        this.selectedFile = null;
-    }
-
-    code: Code = {
-        basic: `<p-tree
-    class="w-full md:!w-30"
-    [value]="files"
-    selectionMode="single"
-    [(selection)]="selectedFile"
-    [contextMenu]="cm" />
-<p-contextMenu #cm [model]="items" />
-<p-toast />`,
-
-        html: `<div class="card flex justify-center">
-    <p-tree
-        class="w-full md:!w-30"
-        [value]="files"
-        selectionMode="single"
-        [(selection)]="selectedFile"
-        [contextMenu]="cm" />
-    <p-contextMenu #cm [model]="items" />
-    <p-toast />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService, TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeModule } from 'primeng/tree';
-import { ContextMenuModule } from 'primeng/contextmenu';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'tree-context-menu-demo',
-    templateUrl: './tree-context-menu-demo.html',
-    standalone: true,
-    imports: [TreeModule, ContextMenuModule, ToastModule],
-    providers: [MessageService, NodeService]
-})
-export class TreeContextMenuDemo implements OnInit {
-    files!: TreeNode[];
-
-    selectedFile!: TreeNode | null;
-
-    items!: MenuItem[];
-
-    constructor(private nodeService: NodeService, private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((files) => (this.files = files));
-
-        this.items = [
-            { label: 'View', icon: 'pi pi-search', command: (event) => this.viewFile(this.selectedFile) },
-            { label: 'Unselect', icon: 'pi pi-times', command: (event) => this.unselectFile() }
-        ];
-    }
-
-    viewFile(file: TreeNode) {
-        this.messageService.add({ severity: 'info', summary: 'Node Details', detail: file.label });
-    }
-
-    unselectFile() {
-        this.selectedFile = null;
-    }
-}`,
-
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/tree/controlleddoc.ts b/src/app/showcase/doc/tree/controlleddoc.ts
deleted file mode 100644
index f314c16..0000000
--- a/src/app/showcase/doc/tree/controlleddoc.ts
+++ /dev/null
@@ -1,155 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'controlled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Tree requires a collection of <i>TreeNode</i> instances as a <i>value</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col items-center justify-center">
-            <div class="mb-3">
-                <p-button icon="pi pi-plus" label="Expand all" (onClick)="expandAll()" class="mr-2" />
-                <p-button icon="pi pi-minus" label="Collapse all" (onClick)="collapseAll()" />
-            </div>
-            <p-tree [value]="files" class="w-full md:!w-30" />
-        </div>
-        <app-code [code]="code" selector="tree-controlled-demo"></app-code>
-    `
-})
-export class ControlledDoc implements OnInit {
-    files!: TreeNode[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => (this.files = data));
-    }
-
-    expandAll() {
-        this.files.forEach((node) => {
-            this.expandRecursive(node, true);
-        });
-    }
-
-    collapseAll() {
-        this.files.forEach((node) => {
-            this.expandRecursive(node, false);
-        });
-    }
-
-    private expandRecursive(node: TreeNode, isExpand: boolean) {
-        node.expanded = isExpand;
-        if (node.children) {
-            node.children.forEach((childNode) => {
-                this.expandRecursive(childNode, isExpand);
-            });
-        }
-    }
-
-    code: Code = {
-        basic: `<div class="mb-3">
-    <p-button
-        icon="pi pi-plus"
-        label="Expand all"
-        (onClick)="expandAll()"
-        class="mr-2" />
-    <p-button
-        icon="pi pi-minus"
-        label="Collapse all"
-        (onClick)="collapseAll()" />
-</div>
-<p-tree [value]="files" class="w-full md:!w-30" />`,
-
-        html: `<div class="card flex flex-col items-center justify-center">
-    <div class="mb-3">
-        <p-button
-            icon="pi pi-plus"
-            label="Expand all"
-            (onClick)="expandAll()"
-            class="mr-2" />
-        <p-button
-            icon="pi pi-minus"
-            label="Collapse all"
-            (onClick)="collapseAll()" />
-    </div>
-    <p-tree [value]="files" class="w-full md:!w-30" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'tree-controlled-demo',
-    templateUrl: './tree-controlled-demo.html',
-    standalone: true,
-    imports: [TreeModule, ButtonModule],
-    providers: [NodeService]
-})
-export class TreeControlledDemo implements OnInit {
-    files!: TreeNode[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => (this.files = data));
-    }
-
-    expandAll() {
-        this.files.forEach((node) => {
-            this.expandRecursive(node, true);
-        });
-    }
-
-    collapseAll() {
-        this.files.forEach((node) => {
-            this.expandRecursive(node, false);
-        });
-    }
-
-    private expandRecursive(node: TreeNode, isExpand: boolean) {
-        node.expanded = isExpand;
-        if (node.children) {
-            node.children.forEach((childNode) => {
-                this.expandRecursive(childNode, isExpand);
-            });
-        }
-    }
-}`,
-
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/tree/dragdropdoc.ts b/src/app/showcase/doc/tree/dragdropdoc.ts
deleted file mode 100644
index beeeb7f..0000000
--- a/src/app/showcase/doc/tree/dragdropdoc.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { TreeDragDropService, TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'drag-drop-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Nodes can be reordered within the same tree and also can be transferred between other trees using drag&drop.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-tree class="w-full md:!w-30" [value]="files" [draggableNodes]="true" [droppableNodes]="true" draggableScope="self" droppableScope="self" />
-        </div>
-        <app-code [code]="code" selector="tree-drag-drop-demo"></app-code>
-    `,
-    providers: [TreeDragDropService]
-})
-export class DragDropDoc implements OnInit {
-    files!: TreeNode[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => (this.files = data));
-    }
-
-    code: Code = {
-        basic: `<p-tree
-    class="w-full md:!w-30"
-    [value]="files"
-    [draggableNodes]="true"
-    [droppableNodes]="true"
-    draggableScope="self"
-    droppableScope="self" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-tree
-        class="w-full md:!w-30"
-        [value]="files"
-        [draggableNodes]="true"
-        [droppableNodes]="true"
-        draggableScope="self"
-        droppableScope="self" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeDragDropService, TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeModule } from 'primeng/tree';
-
-@Component({
-    selector: 'tree-drag-drop-demo',
-    templateUrl: './tree-drag-drop-demo.html',
-    standalone: true,
-    imports: [TreeModule],
-    providers: [TreeDragDropService, NodeService]
-})
-export class TreeDragDropDemo implements OnInit {
-    files!: TreeNode[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => (this.files = data));
-    }
-}`,
-
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/tree/eventdoc.ts b/src/app/showcase/doc/tree/eventdoc.ts
deleted file mode 100644
index 52d80d1..0000000
--- a/src/app/showcase/doc/tree/eventdoc.ts
+++ /dev/null
@@ -1,155 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MessageService, TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'event-doc',
-    template: `
-        <app-docsectiontext>
-            <p>An event is provided for each type of user interaction such as expand, collapse and selection.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-toast />
-            <p-tree
-                [value]="files"
-                class="w-full md:!w-30"
-                selectionMode="single"
-                [(selection)]="selectedFile"
-                (onNodeExpand)="nodeExpand($event)"
-                (onNodeCollapse)="nodeCollapse($event)"
-                (onNodeSelect)="nodeSelect($event)"
-                (onNodeUnselect)="nodeUnselect($event)"
-            />
-        </div>
-        <app-code [code]="code" selector="tree-events-demo"></app-code>
-    `,
-    providers: [MessageService]
-})
-export class EventDoc implements OnInit {
-    files!: TreeNode[];
-
-    selectedFile!: TreeNode;
-
-    constructor(
-        private nodeService: NodeService,
-        private messageService: MessageService
-    ) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => (this.files = data));
-    }
-
-    nodeExpand(event: any) {
-        this.messageService.add({ severity: 'success', summary: 'Node Expanded', detail: event.node.label });
-    }
-
-    nodeCollapse(event: any) {
-        this.messageService.add({ severity: 'warn', summary: 'Node Collapsed', detail: event.node.label });
-    }
-
-    nodeSelect(event: any) {
-        this.messageService.add({ severity: 'info', summary: 'Node Selected', detail: event.node.label });
-    }
-
-    nodeUnselect(event: any) {
-        this.messageService.add({ severity: 'info', summary: 'Node Unselected', detail: event.node.label });
-    }
-
-    code: Code = {
-        basic: `<p-tree
-    [value]="files"
-    class="w-full md:!w-30"
-    selectionMode="single"
-    [(selection)]="selectedFile"
-    (onNodeExpand)="nodeExpand($event)"
-    (onNodeCollapse)="nodeCollapse($event)"
-    (onNodeSelect)="nodeSelect($event)"
-    (onNodeUnselect)="nodeUnselect($event)" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-toast />
-    <p-tree
-        [value]="files"
-        class="w-full md:!w-30"
-        selectionMode="single"
-        [(selection)]="selectedFile"
-        (onNodeExpand)="nodeExpand($event)"
-        (onNodeCollapse)="nodeCollapse($event)"
-        (onNodeSelect)="nodeSelect($event)"
-        (onNodeUnselect)="nodeUnselect($event)" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MessageService, TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeModule } from 'primeng/tree';
-import { ToastModule } from 'primeng/toast';
-
-@Component({
-    selector: 'tree-events-demo',
-    templateUrl: './tree-events-demo.html',
-    standalone: true,
-    imports: [TreeModule, ToastModule],
-    providers: [MessageService, NodeService]
-})
-export class TreeEventsDemo implements OnInit {
-    files!: TreeNode[];
-
-    selectedFile!: TreeNode;
-
-    constructor(private nodeService: NodeService, private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => (this.files = data));
-    }
-
-    nodeExpand(event: any) {
-        this.messageService.add({ severity: 'success', summary: 'Node Expanded', detail: event.node.label });
-    }
-
-    nodeCollapse(event: any) {
-        this.messageService.add({ severity: 'warn', summary: 'Node Collapsed', detail: event.node.label });
-    }
-
-    nodeSelect(event: any) {
-        this.messageService.add({ severity: 'info', summary: 'Node Selected', detail: event.node.label });
-    }
-
-    nodeUnselect(event: any) {
-        this.messageService.add({ severity: 'info', summary: 'Node Unselected', detail: event.node.label });
-    }
-}`,
-
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/tree/filterdoc.ts b/src/app/showcase/doc/tree/filterdoc.ts
deleted file mode 100644
index 00432f3..0000000
--- a/src/app/showcase/doc/tree/filterdoc.ts
+++ /dev/null
@@ -1,112 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'filter-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Filtering is enabled by adding the <i>filter</i> property, by default label property of a node is used to compare against the value in the text field, in order to customize which field(s) should be used during search define
-                <i>filterBy</i> property. In addition <i>filterMode</i> specifies the filtering strategy. In <i>lenient</i> mode when the query matches a node, children of the node are not searched further as all descendants of the node are included.
-                On the other hand, in <i>strict</i> mode when the query matches a node, filtering continues on all descendants.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap justify-center gap-5">
-            <p-tree [value]="files" class="w-full md:!w-30" [filter]="true" filterPlaceholder="Lenient Filter" />
-            <p-tree [value]="files" class="w-full md:!w-30" [filter]="true" filterMode="strict" filterPlaceholder="Strict Filter" />
-        </div>
-        <app-code [code]="code" selector="tree-filter-demo"></app-code>
-    `
-})
-export class FilterDoc implements OnInit {
-    files!: TreeNode[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => (this.files = data));
-    }
-
-    code: Code = {
-        basic: `<p-tree
-    [value]="files"
-    class="w-full md:!w-30"
-    [filter]="true"
-    filterPlaceholder="Lenient Filter" />
-<p-tree
-    [value]="files"
-    class="w-full md:!w-30"
-    [filter]="true"
-    filterMode="strict"
-    filterPlaceholder="Strict Filter" />`,
-
-        html: `<div class="card flex flex-wrap justify-center gap-5">
-    <p-tree
-        [value]="files"
-        class="w-full md:!w-30"
-        [filter]="true"
-        filterPlaceholder="Lenient Filter" />
-    <p-tree
-        [value]="files"
-        class="w-full md:!w-30"
-        [filter]="true"
-        filterMode="strict"
-        filterPlaceholder="Strict Filter" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeModule } from 'primeng/tree';
-
-@Component({
-    selector: 'tree-filter-demo',
-    templateUrl: './tree-filter-demo.html',
-    standalone: true,
-    imports: [TreeModule],
-    providers: [NodeService]
-})
-export class TreeFilterDemo implements OnInit {
-    files!: TreeNode[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => (this.files = data));
-    }
-}`,
-
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/tree/importdoc.ts b/src/app/showcase/doc/tree/importdoc.ts
deleted file mode 100644
index cd1c9f6..0000000
--- a/src/app/showcase/doc/tree/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { TreeModule } from 'primeng/tree';`
-    };
-}
diff --git a/src/app/showcase/doc/tree/lazydoc.ts b/src/app/showcase/doc/tree/lazydoc.ts
deleted file mode 100644
index 016cd41..0000000
--- a/src/app/showcase/doc/tree/lazydoc.ts
+++ /dev/null
@@ -1,294 +0,0 @@
-import { Component, OnInit, ChangeDetectorRef } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'lazy-demo',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Lazy loading is useful when dealing with huge datasets, in this example nodes are dynamically loaded on demand using <i>loading</i> property and <i>onNodeExpand</i> method. Default value of <i>loadingMode</i> is <i>mask</i> and also
-                <i>icon</i> is available.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex flex-wrap p-fluid gap-3">
-            <div class="flex-auto md:flex md:justify-start md:items-center flex-col">
-                <label for="mask" class="font-bold block mb-2">Mask Mode</label>
-                <p-tree class="w-full md:!w-30" [value]="nodes" (onNodeExpand)="onNodeExpand($event)" [loading]="loading" />
-            </div>
-            <div class="flex-auto md:flex md:justify-start md:items-center flex-col">
-                <label for="icon" class="font-bold block mb-2">Icon Mode</label>
-                <p-tree class="w-full md:!w-30" [value]="nodes2" loadingMode="icon" (onNodeExpand)="onNodeExpand2($event)" />
-            </div>
-        </div>
-        <app-code [code]="code" selector="tree-lazy-demo"></app-code>
-    `
-})
-export class LazyDoc implements OnInit {
-    loading: boolean = false;
-
-    nodes!: TreeNode[];
-
-    nodes2!: TreeNode[];
-
-    constructor(private cd: ChangeDetectorRef) {}
-
-    ngOnInit() {
-        this.loading = true;
-        this.nodes2 = this.initiateNodes2();
-
-        setTimeout(() => {
-            this.nodes = this.initiateNodes();
-            this.loading = false;
-            this.nodes2.map((node) => (node.loading = false));
-            this.cd.markForCheck();
-        }, 2000);
-    }
-
-    initiateNodes(): TreeNode[] {
-        return [
-            {
-                key: '0',
-                label: 'Node 0',
-                leaf: false
-            },
-            {
-                key: '1',
-                label: 'Node 1',
-                leaf: false
-            },
-            {
-                key: '2',
-                label: 'Node 2',
-                leaf: false
-            }
-        ];
-    }
-
-    initiateNodes2(): TreeNode[] {
-        return [
-            {
-                key: '0',
-                label: 'Node 0',
-                leaf: false,
-                loading: true
-            },
-            {
-                key: '1',
-                label: 'Node 1',
-                leaf: false,
-                loading: true
-            },
-            {
-                key: '2',
-                label: 'Node 2',
-                leaf: false,
-                loading: true
-            }
-        ];
-    }
-
-    onNodeExpand(event: any) {
-        if (!event.node.children) {
-            this.loading = true;
-
-            setTimeout(() => {
-                let _node = { ...event.node };
-                _node.children = [];
-
-                for (let i = 0; i < 3; i++) {
-                    _node.children.push({
-                        key: event.node.key + '-' + i,
-                        label: 'Lazy ' + event.node.label + '-' + i
-                    });
-                }
-
-                this.nodes[parseInt(event.node.key, 10)] = _node;
-
-                this.loading = false;
-                this.cd.markForCheck();
-            }, 500);
-        }
-    }
-
-    onNodeExpand2(event: any) {
-        if (!event.node.children) {
-            event.node.loading = true;
-
-            setTimeout(() => {
-                let _node = { ...event.node };
-                _node.children = [];
-
-                for (let i = 0; i < 3; i++) {
-                    _node.children.push({
-                        key: event.node.key + '-' + i,
-                        label: 'Lazy ' + event.node.label + '-' + i
-                    });
-                }
-
-                const key = parseInt(_node.key, 10);
-                this.nodes2[key] = { ..._node, loading: false };
-                this.cd.markForCheck();
-            }, 500);
-        }
-    }
-
-    code: Code = {
-        basic: `<p-tree
-    class="w-full md:!w-30"
-    [value]="nodes"
-    (onNodeExpand)="onNodeExpand($event)"
-    [loading]="loading" />
-<p-tree
-    class="w-full md:!w-30"
-    [value]="nodes2"
-    loadingMode="icon"
-    (onNodeExpand)="onNodeExpand2($event)" />`,
-
-        html: `<div class="card flex flex-wrap p-fluid gap-3">
-    <div class="flex-auto md:flex md:justify-start md:items-center flex-col">
-        <label for="mask" class="font-bold block mb-2">Mask Mode</label>
-        <p-tree
-            class="w-full md:!w-30"
-            [value]="nodes"
-            (onNodeExpand)="onNodeExpand($event)"
-            [loading]="loading" />
-    </div>
-    <div class="flex-auto md:flex md:justify-start md:items-center flex-col">
-        <label for="icon" class="font-bold block mb-2">Icon Mode</label>
-        <p-tree
-            class="w-full md:!w-30"
-            [value]="nodes2"
-            loadingMode="icon"
-            (onNodeExpand)="onNodeExpand2($event)" />
-    </div>
-</div>`,
-
-        typescript: `import { Component, OnInit, ChangeDetectorRef } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { TreeModule } from 'primeng/tree';
-
-@Component({
-    selector: 'tree-lazy-demo',
-    templateUrl: './tree-lazy-demo.html',
-    standalone: true,
-    imports: [TreeModule]
-})
-export class TreeLazyDemo implements OnInit {
-    loading: boolean = false;
-
-    nodes!: TreeNode[];
-
-    nodes2!: TreeNode[];
-
-    constructor(private cd: ChangeDetectorRef) {}
-
-    ngOnInit() {
-        this.loading = true;
-        this.nodes2 = this.initiateNodes2();
-
-        setTimeout(() => {
-            this.nodes = this.initiateNodes();
-            this.loading = false;
-            this.nodes2.map((node) => (node.loading = false));
-            this.cd.markForCheck();
-        }, 2000);
-    }
-
-    initiateNodes(): TreeNode[] {
-        return [
-            {
-                key: '0',
-                label: 'Node 0',
-                leaf: false
-            },
-            {
-                key: '1',
-                label: 'Node 1',
-                leaf: false
-            },
-            {
-                key: '2',
-                label: 'Node 2',
-                leaf: false
-            }
-        ];
-    }
-
-    initiateNodes2(): TreeNode[] {
-        return [
-            {
-                key: '0',
-                label: 'Node 0',
-                leaf: false,
-                loading: true
-            },
-            {
-                key: '1',
-                label: 'Node 1',
-                leaf: false,
-                loading: true
-            },
-            {
-                key: '2',
-                label: 'Node 2',
-                leaf: false,
-                loading: true
-            }
-        ];
-    }
-
-    onNodeExpand(event: any) {
-        if (!event.node.children) {
-            this.loading = true;
-
-            setTimeout(() => {
-                let _node = { ...event.node };
-                _node.children = [];
-
-                for (let i = 0; i < 3; i++) {
-                    _node.children.push({
-                        key: event.node.key + '-' + i,
-                        label: 'Lazy ' + event.node.label + '-' + i
-                    });
-                }
-
-                this.nodes[parseInt(event.node.key, 10)] = _node;
-
-                this.loading = false;
-                this.cd.markForCheck();
-            }, 500);
-        }
-    }
-
-    onNodeExpand2(event: any) {
-        if (!event.node.children) {
-            event.node.loading = true;
-
-            setTimeout(() => {
-                let _node = { ...event.node };
-                _node.children = [];
-
-                for (let i = 0; i < 3; i++) {
-                    _node.children.push({
-                        key: event.node.key + '-' + i,
-                        label: 'Lazy ' + event.node.label + '-' + i
-                    });
-                }
-
-                const key = parseInt(_node.key, 10);
-                this.nodes2[key] = { ..._node, loading: false };
-                this.cd.markForCheck();
-            }, 500);
-        }
-    }
-}`,
-
-        data: `{
-    key: '0',
-    label: 'Node 0',
-    leaf: false
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/tree/multipledoc.ts b/src/app/showcase/doc/tree/multipledoc.ts
deleted file mode 100644
index aecb9c4..0000000
--- a/src/app/showcase/doc/tree/multipledoc.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'multiple-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                More than one node is selectable by setting <i>selectionMode</i> to <i>multiple</i>. By default in multiple selection mode, metaKey press (e.g. <i>⌘</i>) is necessary to add to existing selections however this can be configured with
-                disabling the <i>metaKeySelection</i> property. Note that in touch enabled devices, Tree always ignores metaKey.
-            </p>
-            <p>In multiple selection mode, value binding should be a key-value pair where key is the node key and value is a boolean to indicate selection.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col items-center justify-center">
-            <div class="flex items-center mb-4 gap-2">
-                <p-inputSwitch inputId="input-metakey" [(ngModel)]="metaKeySelection" />
-                <label for="input-metakey">MetaKey</label>
-            </div>
-            <p-tree [metaKeySelection]="metaKeySelection" [value]="files" class="w-full md:!w-30" selectionMode="multiple" [(selection)]="selectedFiles" />
-        </div>
-        <app-code [code]="code" selector="tree-multiple-demo"></app-code>
-    `
-})
-export class MultipleDoc implements OnInit {
-    metaKeySelection: boolean = false;
-
-    files!: TreeNode[];
-
-    selectedFiles!: TreeNode[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => (this.files = data));
-    }
-
-    code: Code = {
-        basic: `<div class="flex items-center mb-4 gap-2">
-    <p-inputSwitch inputId="input-metakey" [(ngModel)]="metaKeySelection" />
-    <label for="input-metakey">MetaKey</label>
-</div>
-<p-tree
-    [metaKeySelection]="metaKeySelection"
-    [value]="files"
-    class="w-full md:!w-30"
-    selectionMode="multiple"
-    [(selection)]="selectedFiles" />`,
-
-        html: `<div class="card flex flex-col items-center justify-center">
-    <div class="flex items-center mb-4 gap-2">
-        <p-inputSwitch inputId="input-metakey" [(ngModel)]="metaKeySelection" />
-        <label for="input-metakey">MetaKey</label>
-    </div>
-    <p-tree
-        [metaKeySelection]="metaKeySelection"
-        [value]="files"
-        class="w-full md:!w-30"
-        selectionMode="multiple"
-        [(selection)]="selectedFiles" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeModule } from 'primeng/tree';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'tree-multiple-demo',
-    templateUrl: './tree-multiple-demo.html',
-    standalone: true,
-    imports: [TreeModule, InputSwitchModule, FormsModule],
-    providers: [NodeService]
-})
-export class TreeMultipleDemo implements OnInit {
-    metaKeySelection: boolean = false;
-
-    files!: TreeNode[];
-
-    selectedFiles!: TreeNode[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => (this.files = data));
-    }
-}`,
-
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/tree/singledoc.ts b/src/app/showcase/doc/tree/singledoc.ts
deleted file mode 100644
index 73ffd43..0000000
--- a/src/app/showcase/doc/tree/singledoc.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'single-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Single node selection is configured by setting <i>selectionMode</i> as <i>single</i> along with <i>selection</i> properties to manage the selection value binding.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-tree [value]="files" class="w-full md:!w-30" selectionMode="single" [(selection)]="selectedFile" />
-        </div>
-        <app-code [code]="code" selector="tree-single-demo"></app-code>
-    `
-})
-export class SingleDoc implements OnInit {
-    files!: TreeNode[];
-
-    selectedFile!: TreeNode;
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => (this.files = data));
-    }
-
-    code: Code = {
-        basic: `<p-tree
-    [value]="files"
-    class="w-full md:!w-30"
-    selectionMode="single"
-    [(selection)]="selectedFile" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-tree
-        [value]="files"
-        class="w-full md:!w-30"
-        selectionMode="single"
-        [(selection)]="selectedFile" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeModule } from 'primeng/tree';
-
-@Component({
-    selector: 'tree-single-demo',
-    templateUrl: './tree-single-demo.html',
-    standalone: true,
-    imports: [TreeModule],
-    providers: [NodeService]
-})
-export class TreeSingleDemo implements OnInit {
-    files!: TreeNode[];
-
-    selectedFile!: TreeNode;
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => (this.files = data));
-    }
-}`,
-
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/tree/styledoc.ts b/src/app/showcase/doc/tree/styledoc.ts
deleted file mode 100644
index 19c1d21..0000000
--- a/src/app/showcase/doc/tree/styledoc.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-tree</td>
-                        <td>Main container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-tree-horizontal</td>
-                        <td>Main container element in horizontal mode</td>
-                    </tr>
-                    <tr>
-                        <td>p-tree-container</td>
-                        <td>Container of nodes</td>
-                    </tr>
-                    <tr>
-                        <td>p-treenode</td>
-                        <td>A treenode element</td>
-                    </tr>
-                    <tr>
-                        <td>p-treenode-content</td>
-                        <td>Content of a treenode</td>
-                    </tr>
-                    <tr>
-                        <td>p-treenode-toggler</td>
-                        <td>Toggle icon</td>
-                    </tr>
-                    <tr>
-                        <td>p-treenode-icon</td>
-                        <td>Icon of a treenode</td>
-                    </tr>
-                    <tr>
-                        <td>p-treenode-label</td>
-                        <td>Label of a treenode</td>
-                    </tr>
-                    <tr>
-                        <td>p-treenode-children</td>
-                        <td>Container element for node children</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/tree/templatedoc.ts b/src/app/showcase/doc/tree/templatedoc.ts
deleted file mode 100644
index 8a9cf3f..0000000
--- a/src/app/showcase/doc/tree/templatedoc.ts
+++ /dev/null
@@ -1,116 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Custom node content instead of a node label is defined with the <i>pTemplate</i> property.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-tree [value]="nodes" class="w-full md:!w-30">
-                <ng-template let-node pTemplate="url">
-                    <a [href]="node.data" target="_blank" rel="noopener noreferrer" class="text-700 hover:text-primary">{{ node.label }}</a>
-                </ng-template>
-                <ng-template let-node pTemplate="default">
-                    <b>{{ node.label }}</b>
-                </ng-template>
-            </p-tree>
-        </div>
-        <app-code [code]="code" selector="tree-template-demo"></app-code>
-    `
-})
-export class TemplateDoc implements OnInit {
-    nodes!: TreeNode[];
-
-    ngOnInit() {
-        this.nodes = [
-            {
-                key: '0',
-                label: 'Introduction',
-                children: [
-                    { key: '0-0', label: 'What is Angular', data: 'https://angular.io', type: 'url' },
-                    { key: '0-1', label: 'Getting Started', data: 'https://angular.io/guide/setup-local', type: 'url' },
-                    { key: '0-2', label: 'Learn and Explore', data: 'https://angular.io/guide/architecture', type: 'url' },
-                    { key: '0-3', label: 'Take a Look', data: 'https://angular.io/start', type: 'url' }
-                ]
-            },
-            {
-                key: '1',
-                label: 'Components In-Depth',
-                children: [
-                    { key: '1-0', label: 'Component Registration', data: 'https://angular.io/guide/component-interaction', type: 'url' },
-                    { key: '1-1', label: 'User Input', data: 'https://angular.io/guide/user-input', type: 'url' },
-                    { key: '1-2', label: 'Hooks', data: 'https://angular.io/guide/lifecycle-hooks', type: 'url' },
-                    { key: '1-3', label: 'Attribute Directives', data: 'https://angular.io/guide/attribute-directives', type: 'url' }
-                ]
-            }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-tree [value]="nodes" class="w-full md:!w-30">
-    <ng-template let-node pTemplate="url">
-        <a [href]="node.data" target="_blank" rel="noopener noreferrer" class="text-700 hover:text-primary">
-            {{ node.label }}
-        </a>
-    </ng-template>
-    <ng-template let-node pTemplate="default">
-        <b>{{ node.label }}</b>
-    </ng-template>
-</p-tree>`,
-
-        html: `<div class="card flex justify-center">
-    <p-tree [value]="nodes" class="w-full md:!w-30">
-        <ng-template let-node pTemplate="url">
-            <a [href]="node.data" target="_blank" rel="noopener noreferrer" class="text-700 hover:text-primary">
-               {{ node.label }}
-            </a>
-        </ng-template>
-        <ng-template let-node pTemplate="default">
-            <b>{{ node.label }}</b>
-        </ng-template>
-    </p-tree>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { TreeModule } from 'primeng/tree';
-
-@Component({
-    selector: 'tree-template-demo',
-    templateUrl: './tree-template-demo.html',
-    standalone: true,
-    imports: [TreeModule]
-})
-export class TreeTemplateDemo implements OnInit {
-    nodes!: TreeNode[];
-
-    ngOnInit() {
-        this.nodes = [
-            {
-                key: '0',
-                label: 'Introduction',
-                children: [
-                    { key: '0-0', label: 'What is Angular', data: 'https://angular.io', type: 'url' },
-                    { key: '0-1', label: 'Getting Started', data: 'https://angular.io/guide/setup-local', type: 'url' },
-                    { key: '0-2', label: 'Learn and Explore', data: 'https://angular.io/guide/architecture', type: 'url' },
-                    { key: '0-3', label: 'Take a Look', data: 'https://angular.io/start', type: 'url' }
-                ]
-            },
-            {
-                key: '1',
-                label: 'Components In-Depth',
-                children: [
-                    { key: '1-0', label: 'Component Registration', data: 'https://angular.io/guide/component-interaction', type: 'url' },
-                    { key: '1-1', label: 'User Input', data: 'https://angular.io/guide/user-input', type: 'url' },
-                    { key: '1-2', label: 'Hooks', data: 'https://angular.io/guide/lifecycle-hooks', type: 'url' },
-                    { key: '1-3', label: 'Attribute Directives', data: 'https://angular.io/guide/attribute-directives', type: 'url' }
-                ]
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tree/treedoc.module.ts b/src/app/showcase/doc/tree/treedoc.module.ts
deleted file mode 100644
index 1224377..0000000
--- a/src/app/showcase/doc/tree/treedoc.module.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ButtonModule } from 'primeng/button';
-import { ContextMenuModule } from 'primeng/contextmenu';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { ToastModule } from 'primeng/toast';
-import { TreeModule } from 'primeng/tree';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { CheckboxDoc } from './checkboxdoc';
-import { ContextMenuDoc } from './contextmenudoc';
-import { ControlledDoc } from './controlleddoc';
-import { DragDropDoc } from './dragdropdoc';
-import { EventDoc } from './eventdoc';
-import { FilterDoc } from './filterdoc';
-import { ImportDoc } from './importdoc';
-import { LazyDoc } from './lazydoc';
-import { MultipleDoc } from './multipledoc';
-import { SingleDoc } from './singledoc';
-import { StyleDoc } from './styledoc';
-import { TemplateDoc } from './templatedoc';
-import { VirtualScrollDoc } from './virtualscrolldoc';
-import { LazyVirtualScrollDoc } from './virtualscrolllazydoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, TreeModule, ButtonModule, InputSwitchModule, FormsModule, ToastModule, ContextMenuModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, ControlledDoc, SingleDoc, MultipleDoc, CheckboxDoc, EventDoc, LazyDoc, VirtualScrollDoc, LazyVirtualScrollDoc, TemplateDoc, DragDropDoc, ContextMenuDoc, FilterDoc, StyleDoc, AccessibilityDoc]
-})
-export class TreeDocModule {}
diff --git a/src/app/showcase/doc/tree/virtualscrolldoc.ts b/src/app/showcase/doc/tree/virtualscrolldoc.ts
deleted file mode 100644
index cabf368..0000000
--- a/src/app/showcase/doc/tree/virtualscrolldoc.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'virtual-scroll-doc',
-    template: `
-        <app-docsectiontext>
-            <p>VirtualScroller is a performance-approach to handle huge data efficiently. Setting <i>virtualScroll</i> property as true and providing a <i>virtualScrollItemSize</i> in pixels would be enough to enable this functionality.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-tree class="w-full md:!w-30" scrollHeight="250px" [virtualScroll]="true" [virtualScrollItemSize]="46" [value]="files" />
-        </div>
-        <app-code [code]="code" selector="tree-virtual-scroll-demo"></app-code>
-    `
-})
-export class VirtualScrollDoc implements OnInit {
-    loading: boolean = false;
-
-    files!: TreeNode[];
-
-    constructor(
-        private nodeService: NodeService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => {
-            this.files = this.duplicateData(data, 50);
-            this.cd.markForCheck();
-        });
-    }
-
-    duplicateData(data: TreeNode[], count: number): TreeNode[] {
-        let duplicatedData: TreeNode[] = [];
-        for (let i = 0; i < count; i++) {
-            duplicatedData = [...duplicatedData, ...data.map((item) => ({ ...item }))];
-        }
-        return duplicatedData;
-    }
-
-    code: Code = {
-        basic: `<p-tree
-    class="w-full md:!w-30"
-    scrollHeight="250px"
-    [virtualScroll]="true"
-    [virtualScrollItemSize]="46"
-    [value]="files" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-tree
-        class="w-full md:!w-30"
-        scrollHeight="250px"
-        [virtualScroll]="true"
-        [virtualScrollItemSize]="46"
-        [value]="files" />
-</div>`,
-
-        typescript: `import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeModule } from 'primeng/tree';
-
-@Component({
-    selector: 'tree-virtual-scroll-demo',
-    templateUrl: './tree-virtual-scroll-demo.html',
-    standalone: true,
-    imports: [TreeModule],
-    providers: [NodeService]
-})
-export class TreeVirtualScrollDemo implements OnInit {
-    loading: boolean = false;
-
-    files!: TreeNode[];
-
-    constructor(private nodeService: NodeService, private cd: ChangeDetectorRef) {}
-
-    ngOnInit() {
-        this.nodeService.getFiles().then((data) => {
-            this.files = this.duplicateData(data, 50);
-            this.cd.markForCheck();
-        });
-    }
-
-    duplicateData(data: TreeNode[], count: number): TreeNode[] {
-        let duplicatedData: TreeNode[] = [];
-        for (let i = 0; i < count; i++) {
-            duplicatedData = [...duplicatedData, ...data.map((item) => ({ ...item }))];
-        }
-        return duplicatedData;
-    }
-
-}`,
-        service: ['NodeService'],
-
-        data: `
-/* NodeService */
-{
-key: '0',
-label: 'Documents',
-data: 'Documents Folder',
-icon: 'pi pi-fw pi-inbox',
-children: [
-{
-    key: '0-0',
-    label: 'Work',
-    data: 'Work Folder',
-    icon: 'pi pi-fw pi-cog',
-    children: [
-        { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-        { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-    ]
-},
-{
-    key: '0-1',
-    label: 'Home',
-    data: 'Home Folder',
-    icon: 'pi pi-fw pi-home',
-    children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-}
-]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/tree/virtualscrolllazydoc.ts b/src/app/showcase/doc/tree/virtualscrolllazydoc.ts
deleted file mode 100644
index 35ba259..0000000
--- a/src/app/showcase/doc/tree/virtualscrolllazydoc.ts
+++ /dev/null
@@ -1,167 +0,0 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'lazy-virtual-scroll-doc',
-    template: `
-        <app-docsectiontext>
-            <p>VirtualScroller is a performance-approach to handle huge data efficiently. Setting <i>virtualScroll</i> property as true and providing a <i>virtualScrollItemSize</i> in pixels would be enough to enable this functionality.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-tree class="w-full md:!w-30" scrollHeight="250px" [virtualScroll]="true" [lazy]="true" [virtualScrollItemSize]="46" [value]="files" (onNodeExpand)="nodeExpand($event)" [loading]="loading" />
-        </div>
-        <app-code [code]="code" selector="tree-virtual-scroll-lazy-demo"></app-code>
-    `
-})
-export class LazyVirtualScrollDoc implements OnInit {
-    loading: boolean = false;
-
-    files!: TreeNode[];
-
-    virtualFiles!: TreeNode[];
-
-    constructor(
-        private nodeService: NodeService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        this.loading = true;
-        setTimeout(() => {
-            this.nodeService.getLazyFiles().then((files) => (this.files = this.duplicateData(files, 50)));
-            this.loading = false;
-            this.cd.markForCheck();
-        }, 1000);
-    }
-
-    duplicateData(data: TreeNode[], count: number): TreeNode[] {
-        let duplicatedData: TreeNode[] = [];
-        for (let i = 0; i < count; i++) {
-            duplicatedData = [...duplicatedData, ...data.map((item) => ({ ...item }))];
-        }
-        return duplicatedData;
-    }
-
-    nodeExpand(event: any) {
-        if (event.node) {
-            this.loading = true;
-            setTimeout(() => {
-                this.nodeService.getLazyFiles().then((nodes) => {
-                    event.node.children = nodes;
-                    this.files = [...this.files, event.node.children];
-                });
-                this.loading = false;
-                this.cd.markForCheck();
-            }, 200);
-        }
-    }
-
-    code: Code = {
-        basic: `<p-tree
-    class="w-full md:!w-30"
-    scrollHeight="250px"
-    [virtualScroll]="true"
-    [lazy]="true"
-    [virtualScrollItemSize]="46"
-    [value]="files"
-    (onNodeExpand)="nodeExpand($event)"
-    [loading]="loading" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-tree
-        class="w-full md:!w-30"
-        scrollHeight="250px"
-        [virtualScroll]="true"
-        [lazy]="true"
-        [virtualScrollItemSize]="46"
-        [value]="files"
-        (onNodeExpand)="nodeExpand($event)"
-        [loading]="loading" />
-</div>`,
-
-        typescript: `import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeModule } from 'primeng/tree';
-
-@Component({
-    selector: 'tree-virtual-scroll-lazy-demo',
-    templateUrl: './tree-virtual-scroll-lazy-demo.html',
-    standalone: true,
-    imports: [TreeModule],
-    providers: [NodeService]
-})
-export class TreeVirtualScrollLazyDemo implements OnInit {
-    loading: boolean = false;
-
-    files!: TreeNode[];
-
-    virtualFiles!: TreeNode[];
-
-    constructor(private nodeService: NodeService, private cd: ChangeDetectorRef) {}
-
-    ngOnInit() {
-        this.loading = true;
-        setTimeout(() => {
-            this.nodeService.getLazyFiles().then((files) => (this.files = this.duplicateData(files, 50)));
-            this.loading = false;
-            this.cd.markForCheck();
-        }, 1000);
-    }
-
-    duplicateData(data: TreeNode[], count: number): TreeNode[] {
-        let duplicatedData: TreeNode[] = [];
-        for (let i = 0; i < count; i++) {
-            duplicatedData = [...duplicatedData, ...data.map((item) => ({ ...item }))];
-        }
-        return duplicatedData;
-    }
-
-    nodeExpand(event: any) {
-        if (event.node) {
-            this.loading = true;
-            setTimeout(() => {
-                this.nodeService.getLazyFiles().then((nodes) => {
-                    event.node.children = nodes;
-                    this.files = [...this.files, event.node.children];
-                });
-                this.loading = false;
-                this.cd.markForCheck();
-            }, 200);
-        }
-    }
-}`,
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/treeselect/accessibilitydoc.ts b/src/app/showcase/doc/treeselect/accessibilitydoc.ts
deleted file mode 100644
index f5899df..0000000
--- a/src/app/showcase/doc/treeselect/accessibilitydoc.ts
+++ /dev/null
@@ -1,189 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                Value to describe the component can either be provided with <i>ariaLabelledby</i> or <i>ariaLabel</i> props. The treeselect element has a <i>combobox</i> role in addition to <i>aria-haspopup</i> and <i>aria-expanded</i> attributes.
-                The relation between the combobox and the popup is created with <i>aria-controls</i> that refers to the id of the popup.
-            </p>
-            <p>
-                The popup list has an id that refers to the <i>aria-controls</i> attribute of the <i>combobox</i> element and uses <i>tree</i> as the role. Each list item has a <i>treeitem</i> role along with <i>aria-label</i>,
-                <i>aria-selected</i> and <i>aria-expanded</i> attributes. In checkbox selection, <i>aria-checked</i> is used instead of <i>aria-selected</i>. Checkbox and toggle icons are hidden from screen readers as their parent element with
-                <i>treeitem</i> role and attributes are used instead for readers and keyboard support. The container element of a treenode has the <i>group</i> role. The <i>aria-setsize</i>, <i>aria-posinset</i> and <i>aria-level</i> attributes are
-                calculated implicitly and added to each treeitem.
-            </p>
-
-            <p>If filtering is enabled, <i>filterInputProps</i> can be defined to give <i>aria-*</i> props to the filter input element.</p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Closed State Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the treeselect element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Opens the popup and moves visual focus to the selected treenode, if there is none then first treenode receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>down arrow</i>
-                        </td>
-                        <td>Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Popup Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the next focusable element in the popup, if there is none then first focusable element receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>tab</i></td>
-                        <td>Moves focus to the previous focusable element in the popup, if there is none then last focusable element receives the focus.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Selects the focused option, closes the popup if selection mode is single.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Selects the focused option, closes the popup if selection mode is single.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>escape</i>
-                        </td>
-                        <td>Closes the popup, moves focus to the treeselect element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>down arrow</i>
-                        </td>
-                        <td>Moves focus to the next treenode.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>up arrow</i>
-                        </td>
-                        <td>Moves focus to the previous treenode.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>right arrow</i>
-                        </td>
-                        <td>If node is closed, opens the node otherwise moves focus to the first child node.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>left arrow</i>
-                        </td>
-                        <td>If node is open, closes the node otherwise moves focus to the parent node.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Filter Input Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Closes the popup and moves focus to the treeselect element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>escape</i>
-                        </td>
-                        <td>Closes the popup and moves focus to the treeselect element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <h3>Close Button Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Closes the popup and moves focus to the treeselect element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Closes the popup and moves focus to the treeselect element.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>escape</i>
-                        </td>
-                        <td>Closes the popup and moves focus to the treeselect element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<span id="dd1">Options</span>
-<p-treeSelect ariaLabelledBy="dd1" />
-
-<p-treeSelect ariaLabel="Options" />`
-    };
-}
diff --git a/src/app/showcase/doc/treeselect/basicdoc.ts b/src/app/showcase/doc/treeselect/basicdoc.ts
deleted file mode 100644
index 9c2e6b6..0000000
--- a/src/app/showcase/doc/treeselect/basicdoc.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>TreeSelect is used as a controlled component with <i>ng-model</i> directive along with an <i>options</i> collection. Internally <a routerLink="/tree">Tree</a> component is used so the options model is based on TreeNode API.</p>
-            <p>In single selection mode, value binding should be the <i>key</i> value of a node.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-treeSelect class="md:!w-20 w-full" containerStyleClass="w-full" [(ngModel)]="selectedNodes" [options]="nodes" placeholder="Select Item" />
-        </div>
-        <app-code [code]="code" selector="tree-select-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-
-    code: Code = {
-        basic: `<p-treeSelect
-    class="md:!w-20 w-full"
-    containerStyleClass="w-full"
-    [(ngModel)]="selectedNodes"
-    [options]="nodes"
-    placeholder="Select Item" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-treeSelect
-        class="md:!w-20 w-full"
-        containerStyleClass="w-full"
-        [(ngModel)]="selectedNodes"
-        [options]="nodes"
-        placeholder="Select Item" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { NodeService } from '@service/nodeservice';
-import { FormsModule } from '@angular/forms';
-import { TreeSelectModule } from 'primeng/treeselect';
-
-@Component({
-    selector: 'tree-select-basic-demo',
-    templateUrl: './tree-select-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, TreeSelectModule],
-    providers: [NodeService]
-  })
-export class TreeSelectBasicDemo {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-}`,
-
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/treeselect/checkboxdoc.ts b/src/app/showcase/doc/treeselect/checkboxdoc.ts
deleted file mode 100644
index 695721b..0000000
--- a/src/app/showcase/doc/treeselect/checkboxdoc.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'checkbox-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Selection of multiple nodes via checkboxes is enabled by configuring <i>selectionMode</i> as <i>checkbox</i>.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-treeSelect class="w-full md:!w-20" containerStyleClass="w-full" [(ngModel)]="selectedNodes" [options]="nodes" display="chip" [metaKeySelection]="false" selectionMode="checkbox" placeholder="Select Item" />
-        </div>
-        <app-code [code]="code" selector="tree-select-checkbox-demo"></app-code>
-    `
-})
-export class CheckboxDoc {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-
-    code: Code = {
-        basic: `<p-treeSelect
-    class="w-full md:!w-20"
-    containerStyleClass="w-full"
-    [(ngModel)]="selectedNodes"
-    [options]="nodes"
-    display="chip"
-    [metaKeySelection]="false"
-    selectionMode="checkbox"
-    placeholder="Select Item" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-treeSelect
-        class="w-full md:!w-20"
-        containerStyleClass="w-full"
-        [(ngModel)]="selectedNodes"
-        [options]="nodes"
-        display="chip"
-        [metaKeySelection]="false"
-        selectionMode="checkbox"
-        placeholder="Select Item" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { NodeService } from '@service/nodeservice';
-import { FormsModule } from '@angular/forms';
-import { TreeSelectModule } from 'primeng/treeselect';
-
-@Component({
-    selector: 'tree-select-checkbox-demo',
-    templateUrl: './tree-select-checkbox-demo.html',
-    standalone: true,
-    imports: [FormsModule, TreeSelectModule],
-    providers: [NodeService]
-})
-export class TreeSelectCheckboxDemo {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-}`,
-
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/treeselect/disableddoc.ts b/src/app/showcase/doc/treeselect/disableddoc.ts
deleted file mode 100644
index 23c2107..0000000
--- a/src/app/showcase/doc/treeselect/disableddoc.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-treeSelect class="md:!w-20 w-full" containerStyleClass="w-full" [(ngModel)]="selectedNodes" [options]="nodes" [disabled]="true" placeholder="TreeSelect" />
-        </div>
-        <app-code [code]="code" selector="tree-select-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-
-    code: Code = {
-        basic: `<p-treeSelect
-    class="md:!w-20 w-full"
-    containerStyleClass="w-full"
-    [(ngModel)]="selectedNodes"
-    [options]="nodes"
-    [disabled]="true"
-    placeholder="TreeSelect" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-treeSelect
-        class="md:!w-20 w-full"
-        containerStyleClass="w-full"
-        [(ngModel)]="selectedNodes"
-        [options]="nodes"
-        [disabled]="true"
-        placeholder="TreeSelect" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { NodeService } from '@service/nodeservice';
-import { FormsModule } from '@angular/forms';
-import { TreeSelectModule } from 'primeng/treeselect';
-
-@Component({
-    selector: 'tree-select-disabled-demo',
-    templateUrl: './tree-select-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, TreeSelectModule],
-    providers: [NodeService]
-})
-export class TreeSelectDisabledDemo {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-}`,
-
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/treeselect/filleddoc.ts b/src/app/showcase/doc/treeselect/filleddoc.ts
deleted file mode 100644
index 907647c..0000000
--- a/src/app/showcase/doc/treeselect/filleddoc.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'filled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-treeSelect class="md:!w-20 w-full" containerStyleClass="w-full" [(ngModel)]="selectedNodes" variant="filled" [options]="nodes" placeholder="Select Item" />
-        </div>
-        <app-code [code]="code" selector="tree-select-filled-demo"></app-code>
-    `
-})
-export class FilledDoc {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-
-    code: Code = {
-        basic: `<p-treeSelect
-    class="md:!w-20 w-full"
-    containerStyleClass="w-full"
-    [(ngModel)]="selectedNodes"
-    variant="filled"
-    [options]="nodes"
-    placeholder="Select Item" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-treeSelect
-        class="md:!w-20 w-full"
-        containerStyleClass="w-full"
-        [(ngModel)]="selectedNodes"
-        variant="filled"
-        [options]="nodes"
-        placeholder="Select Item" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { NodeService } from '@service/nodeservice';
-import { FormsModule } from '@angular/forms';
-import { TreeSelectModule } from 'primeng/treeselect';
-
-@Component({
-    selector: 'tree-select-filled-demo',
-    templateUrl: './tree-select-filled-demo.html',
-    standalone: true,
-    imports: [FormsModule, TreeSelectModule],
-    providers: [NodeService]
-  })
-export class TreeSelectFilledDemo {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-}`,
-
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/treeselect/filterdoc.ts b/src/app/showcase/doc/treeselect/filterdoc.ts
deleted file mode 100644
index 4b213ff..0000000
--- a/src/app/showcase/doc/treeselect/filterdoc.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'filter-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Filtering is enabled by adding the <i>filter</i> property, by default label property of a node is used to compare against the value in the text field, in order to customize which field(s) should be used during search define
-                <i>filterBy</i> property. In addition <i>filterMode</i> specifies the filtering strategy. In <i>lenient</i> mode when the query matches a node, children of the node are not searched further as all descendants of the node are included.
-                On the other hand, in <i>strict</i> mode when the query matches a node, filtering continues on all descendants.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-treeSelect class="md:!w-20 w-full" containerStyleClass="w-full" [(ngModel)]="selectedNodes" [options]="nodes" placeholder="Select Item" [filter]="true" [filterInputAutoFocus]="true" />
-        </div>
-        <app-code [code]="code" selector="tree-select-filter-demo"></app-code>
-    `
-})
-export class FilterDoc {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-
-    code: Code = {
-        basic: `<p-treeSelect
-    class="md:!w-20 w-full"
-    containerStyleClass="w-full"
-    [(ngModel)]="selectedNodes"
-    [options]="nodes"
-    placeholder="Select Item"
-    [filter]="true"
-    [filterInputAutoFocus]="true" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-treeSelect
-        class="md:!w-20 w-full"
-        containerStyleClass="w-full"
-        [(ngModel)]="selectedNodes"
-        [options]="nodes"
-        placeholder="Select Item"
-        [filter]="true"
-        [filterInputAutoFocus]="true" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { NodeService } from '@service/nodeservice';
-import { FormsModule } from '@angular/forms';
-import { TreeSelectModule } from 'primeng/treeselect';
-
-@Component({
-    selector: 'tree-select-filter-demo',
-    templateUrl: './tree-select-filter-demo.html',
-    standalone: true,
-    imports: [FormsModule, TreeSelectModule],
-    providers: [NodeService]
-})
-export class TreeSelectFilterDemo {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-}`,
-
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/treeselect/floatlabeldoc.ts b/src/app/showcase/doc/treeselect/floatlabeldoc.ts
deleted file mode 100644
index 4c690db..0000000
--- a/src/app/showcase/doc/treeselect/floatlabeldoc.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'floatlabel-doc',
-    template: `
-        <app-docsectiontext>
-            <p>A floating label appears on top of the input field when focused. Visit <a routerLink="/floatlabel">FloatLabel</a> documentation for more information.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-floatLabel class="md:!w-20 w-full">
-                <p-treeSelect containerStyleClass="w-full" [(ngModel)]="selectedNodes" [options]="nodes" placeholder="Select Item" />
-                <label for="treeselect">Tree Select</label>
-            </p-floatLabel>
-        </div>
-        <app-code [code]="code" selector="tree-select-floatlabel-demo"></app-code>
-    `
-})
-export class FloatLabelDoc {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-
-    code: Code = {
-        basic: `<p-floatLabel class="md:!w-20 w-full">
-    <p-treeSelect
-        containerStyleClass="w-full"
-        [(ngModel)]="selectedNodes"
-        [options]="nodes"
-        placeholder="Select Item" />
-    <label for="treeselect">
-        Tree Select
-    </label>
-</p-floatLabel>`,
-
-        html: `<div class="card flex justify-center">
-    <p-floatLabel class="md:!w-20 w-full">
-        <p-treeSelect
-            containerStyleClass="w-full"
-            [(ngModel)]="selectedNodes"
-            [options]="nodes"
-            placeholder="Select Item" />
-        <label for="treeselect">
-            Tree Select
-        </label>
-    </p-floatLabel>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { NodeService } from '@service/nodeservice';
-import { FormsModule } from '@angular/forms';
-import { TreeSelectModule } from 'primeng/treeselect';
-import { FloatLabelModule } from 'primeng/floatlabel';
-
-@Component({
-    selector: 'tree-select-floatlabel-demo',
-    templateUrl: './tree-select-floatlabel-demo.html',
-    standalone: true,
-    imports: [FormsModule, TreeSelectModule, FloatLabelModule],
-    providers: [NodeService]
-})
-export class TreeSelectFloatlabelDemo {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-}`,
-
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/treeselect/importdoc.ts b/src/app/showcase/doc/treeselect/importdoc.ts
deleted file mode 100644
index 1cb909b..0000000
--- a/src/app/showcase/doc/treeselect/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { TreeSelectModule } from 'primeng/treeselect';`
-    };
-}
diff --git a/src/app/showcase/doc/treeselect/invaliddoc.ts b/src/app/showcase/doc/treeselect/invaliddoc.ts
deleted file mode 100644
index a4476af..0000000
--- a/src/app/showcase/doc/treeselect/invaliddoc.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'invalid-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-dirty</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-treeSelect class="md:!w-20 w-full ng-invalid ng-dirty" containerStyleClass="w-full" [(ngModel)]="selectedNodes" [options]="nodes" placeholder="Select Item" />
-        </div>
-        <app-code [code]="code" selector="tree-select-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-
-    code: Code = {
-        basic: `<p-treeSelect
-    class="md:!w-20 w-full ng-invalid ng-dirty"
-    containerStyleClass="w-full"
-    [(ngModel)]="selectedNodes"
-    [options]="nodes"
-    placeholder="Select Item" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-treeSelect
-        class="md:!w-20 w-full ng-invalid ng-dirty"
-        containerStyleClass="w-full"
-        [(ngModel)]="selectedNodes"
-        [options]="nodes"
-        placeholder="Select Item" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { NodeService } from '@service/nodeservice';
-import { FormsModule } from '@angular/forms';
-import { TreeSelectModule } from 'primeng/treeselect';
-
-@Component({
-    selector: 'tree-select-invalid-demo',
-    templateUrl: './tree-select-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, TreeSelectModule],
-    providers: [NodeService]
-})
-export class TreeSelectInvalidDemo {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-}`,
-
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/treeselect/lazydoc.ts b/src/app/showcase/doc/treeselect/lazydoc.ts
deleted file mode 100644
index dce4b78..0000000
--- a/src/app/showcase/doc/treeselect/lazydoc.ts
+++ /dev/null
@@ -1,228 +0,0 @@
-import { ChangeDetectorRef, Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-import { TreeNode } from 'primeng/api';
-
-@Component({
-    selector: 'lazy-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Lazy loading is useful when dealing with huge datasets, in this example nodes are dynamically loaded on demand using <i>loading</i> property and <i>onNodeExpand</i> method.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-treeSelect
-                class="w-full"
-                containerStyleClass="w-full"
-                [(ngModel)]="selectedNodes"
-                [loading]="loading"
-                (onNodeExpand)="onNodeExpand($event)"
-                [options]="nodes"
-                display="chip"
-                [metaKeySelection]="false"
-                selectionMode="checkbox"
-                placeholder="Select Item"
-                [loading]="loading"
-            />
-        </div>
-        <app-code [code]="code" selector="tree-select-basic-demo"></app-code>
-    `
-})
-export class LazyDoc {
-    selectedNodes: TreeNode[] = [];
-
-    nodes!: TreeNode[];
-
-    loading: boolean = false;
-
-    constructor(private cd: ChangeDetectorRef) {}
-
-    ngOnInit() {
-        this.loading = true;
-
-        setTimeout(() => {
-            this.nodes = this.initiateNodes();
-            this.loading = false;
-            this.cd.markForCheck();
-        }, 2000);
-    }
-
-    initiateNodes(): TreeNode[] {
-        return [
-            {
-                key: '0',
-                label: 'Node 0',
-                leaf: false
-            },
-            {
-                key: '1',
-                label: 'Node 1',
-                leaf: false
-            },
-            {
-                key: '2',
-                label: 'Node 2',
-                leaf: false
-            }
-        ];
-    }
-
-    onNodeExpand(event: any) {
-        if (!event.node.children) {
-            this.loading = true;
-
-            setTimeout(() => {
-                let _node = { ...event.node };
-                _node.children = [];
-
-                for (let i = 0; i < 1500; i++) {
-                    _node.children.push({
-                        key: event.node.key + '-' + i,
-                        label: 'Lazy ' + event.node.label + '-' + i
-                    });
-                }
-
-                this.nodes[parseInt(event.node.key, 10)] = _node;
-
-                this.loading = false;
-                this.cd.markForCheck();
-            }, 500);
-        }
-    }
-
-    code: Code = {
-        basic: `<p-treeSelect
-    class="w-full"
-    containerStyleClass="w-full"
-    [(ngModel)]="selectedNodes"
-    [loading]="loading"
-    (onNodeExpand)="onNodeExpand($event)"
-    [options]="nodes"
-    display="chip"
-    [metaKeySelection]="false"
-    selectionMode="checkbox"
-    placeholder="Select Item"
-    [loading]="loading"
-/>`,
-
-        html: `<div class="card flex justify-center">
-    <p-treeSelect
-        class="w-full"
-        containerStyleClass="w-full"
-        [(ngModel)]="selectedNodes"
-        [loading]="loading"
-        (onNodeExpand)="onNodeExpand($event)"
-        [options]="nodes"
-        display="chip"
-        [metaKeySelection]="false"
-        selectionMode="checkbox"
-        placeholder="Select Item"
-        [loading]="loading"
-    />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { NodeService } from '@service/nodeservice';
-import { FormsModule } from '@angular/forms';
-import { TreeSelectModule } from 'primeng/treeselect';
-
-@Component({
-    selector: 'tree-select-lazy-demo',
-    templateUrl: './tree-select-lazy-demo.html',
-    standalone: true,
-    imports: [FormsModule, TreeSelectModule]
-  })
-export class TreeSelectLazyDemo {
-    selectedNodes: TreeNode[] = [];
-
-    nodes!: TreeNode[];
-
-    loading: boolean = false;
-
-    constructor(private cd: ChangeDetectorRef) {}
-
-    ngOnInit() {
-        this.loading = true;
-
-        setTimeout(() => {
-            this.nodes = this.initiateNodes();
-            this.loading = false;
-            this.cd.markForCheck();
-        }, 2000);
-    }
-
-    initiateNodes(): TreeNode[] {
-        return [
-            {
-                key: '0',
-                label: 'Node 0',
-                leaf: false
-            },
-            {
-                key: '1',
-                label: 'Node 1',
-                leaf: false
-            },
-            {
-                key: '2',
-                label: 'Node 2',
-                leaf: false
-            }
-        ];
-    }
-
-    onNodeExpand(event: any) {
-        if (!event.node.children) {
-            this.loading = true;
-
-            setTimeout(() => {
-                let _node = { ...event.node };
-                _node.children = [];
-
-                for (let i = 0; i < 150; i++) {
-                    _node.children.push({
-                        key: event.node.key + '-' + i,
-                        label: 'Lazy ' + event.node.label + '-' + i
-                    });
-                }
-
-                this.nodes[parseInt(event.node.key, 10)] = _node;
-
-                this.loading = false;
-                this.cd.markForCheck();
-            }, 500);
-        }
-    }
-}`,
-
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/treeselect/multipledoc.ts b/src/app/showcase/doc/treeselect/multipledoc.ts
deleted file mode 100644
index 5941799..0000000
--- a/src/app/showcase/doc/treeselect/multipledoc.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'multiple-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                More than one node is selectable by setting <i>selectionMode</i> to <i>multiple</i>. By default in multiple selection mode, metaKey press (e.g. <i>⌘</i>) is necessary to add to existing selections however this can be configured with
-                disabling the <i>metaKeySelection</i> property. Note that in touch enabled devices, TreeSelect always ignores metaKey.
-            </p>
-            <p>In multiple selection mode, value binding should be a key-value pair where key is the node key and value is a boolean to indicate selection.</p>
-        </app-docsectiontext>
-        <app-code [code]="exampleCode" [hideToggleCode]="true"></app-code>
-        <div class="card flex justify-center">
-            <p-treeSelect class="w-full md:!w-20" containerStyleClass="w-full" [(ngModel)]="selectedNodes" [options]="nodes" [metaKeySelection]="false" selectionMode="multiple" placeholder="Select Item" />
-        </div>
-        <app-code [code]="code" selector="tree-select-multiple-demo"></app-code>
-    `
-})
-export class MultipleDoc {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-
-    exampleCode: Code = {
-        typescript: `
-{
-    '0-0': true,
-    '0-1-0': true
-}`
-    };
-
-    code: Code = {
-        basic: `<p-treeSelect
-    class="w-full md:!w-20"
-    containerStyleClass="w-full"
-    [(ngModel)]="selectedNodes"
-    [options]="nodes"
-    [metaKeySelection]="false"
-    selectionMode="multiple"
-    placeholder="Select Item" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-treeSelect
-        class="w-full md:!w-20"
-        containerStyleClass="w-full"
-        [(ngModel)]="selectedNodes"
-        [options]="nodes"
-        [metaKeySelection]="false"
-        selectionMode="multiple"
-        placeholder="Select Item" />
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { NodeService } from '@service/nodeservice';
-import { FormsModule } from '@angular/forms';
-import { TreeSelectModule } from 'primeng/treeselect';
-
-@Component({
-    selector: 'tree-select-multiple-demo',
-    templateUrl: './tree-select-multiple-demo.html',
-    standalone: true,
-    imports: [FormsModule, TreeSelectModule],
-    providers: [NodeService]
-})
-export class TreeSelectMultipleDemo {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-}`,
-
-        service: ['NodeService'],
-
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/treeselect/reactiveformsdoc.ts b/src/app/showcase/doc/treeselect/reactiveformsdoc.ts
deleted file mode 100644
index 594af8f..0000000
--- a/src/app/showcase/doc/treeselect/reactiveformsdoc.ts
+++ /dev/null
@@ -1,112 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>TreeSelect can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <form class="flex justify-center" [formGroup]="formGroup">
-                <p-treeSelect class="md:!w-20 w-full" containerStyleClass="w-full" formControlName="selectedNodes" [options]="nodes" placeholder="Select Item" />
-            </form>
-        </div>
-        <app-code [code]="code" selector="tree-select-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    nodes!: any[];
-
-    formGroup!: FormGroup;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            selectedNodes: new FormControl()
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup">
-    <p-treeSelect
-        class="md:!w-20 w-full"
-        containerStyleClass="w-full"
-        formControlName="selectedNodes"
-        [options]="nodes"
-        placeholder="Select Item" />
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup">
-        <p-treeSelect
-            class="md:!w-20 w-full"
-            containerStyleClass="w-full"
-            formControlName="selectedNodes"
-            [options]="nodes"
-            placeholder="Select Item" />
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'tree-select-reactive-forms-demo',
-    templateUrl: './tree-select-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, TreeSelectModule],
-    providers: [NodeService]
-})
-export class TreeSelectReactiveFormsDemo implements OnInit {
-    nodes!: any[];
-
-    formGroup!: FormGroup;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getFiles().then((files) => (this.nodes = files));
-    }
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            selectedNodes: new FormControl()
-        });
-    }
-}`,
-        service: ['NodeService'],
-        data: `
-    /* NodeService */
-{
-    key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
-    children: [
-        {
-            key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
-            children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-            ]
-        },
-        {
-            key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-        }
-    ]
-},
-...`
-    };
-}
diff --git a/src/app/showcase/doc/treeselect/styledoc.ts b/src/app/showcase/doc/treeselect/styledoc.ts
deleted file mode 100644
index 9e089c6..0000000
--- a/src/app/showcase/doc/treeselect/styledoc.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-treeselect</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-treeselect-label-container</td>
-                        <td>Container of the label to display selected items.</td>
-                    </tr>
-                    <tr>
-                        <td>p-treeselect-label</td>
-                        <td>Label to display selected items.</td>
-                    </tr>
-                    <tr>
-                        <td>p-treeselect-trigger</td>
-                        <td>Dropdown button.</td>
-                    </tr>
-                    <tr>
-                        <td>p-treeselect-panel</td>
-                        <td>Overlay panel for items.</td>
-                    </tr>
-                    <tr>
-                        <td>p-treeselect-items-wrapper</td>
-                        <td>List container of items.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/treeselect/treeselectdoc.module.ts b/src/app/showcase/doc/treeselect/treeselectdoc.module.ts
deleted file mode 100644
index e0cf8e3..0000000
--- a/src/app/showcase/doc/treeselect/treeselectdoc.module.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { TreeSelectModule } from 'primeng/treeselect';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { BasicDoc } from './basicdoc';
-import { CheckboxDoc } from './checkboxdoc';
-import { DisabledDoc } from './disableddoc';
-import { FilterDoc } from './filterdoc';
-import { FloatLabelDoc } from './floatlabeldoc';
-import { ImportDoc } from './importdoc';
-import { InvalidDoc } from './invaliddoc';
-import { MultipleDoc } from './multipledoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { StyleDoc } from './styledoc';
-import { VirtualScrollDoc } from './virtualscrolldoc';
-import { FloatLabelModule } from 'primeng/floatlabel';
-import { FilledDoc } from './filleddoc';
-import { LazyDoc } from './lazydoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, TreeSelectModule, FormsModule, ReactiveFormsModule, RouterModule, FloatLabelModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, MultipleDoc, CheckboxDoc, LazyDoc, VirtualScrollDoc, FilterDoc, FloatLabelDoc, InvalidDoc, DisabledDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc, FilledDoc]
-})
-export class TreeSelectDocModule {}
diff --git a/src/app/showcase/doc/treeselect/virtualscrolldoc.ts b/src/app/showcase/doc/treeselect/virtualscrolldoc.ts
deleted file mode 100644
index 03ef222..0000000
--- a/src/app/showcase/doc/treeselect/virtualscrolldoc.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'virtual-scroll-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                VirtualScrolling is an efficient way of rendering the options by displaying a small subset of data in the viewport at any time. When dealing with huge number of options, it is suggested to enable VirtualScrolling to avoid performance
-                issues. Usage is simple as setting <i>virtualScroll</i> property to true and defining <i>virtualScrollItemSize</i> to specify the height of an item.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-treeSelect
-                class="w-full md:!w-20"
-                containerStyleClass="w-full"
-                [(ngModel)]="selectedNodes"
-                [options]="nodes"
-                display="chip"
-                [metaKeySelection]="false"
-                selectionMode="checkbox"
-                placeholder="Select Item"
-                [virtualScroll]="true"
-                [virtualScrollItemSize]="46"
-                [virtualScrollOptions]="{ scrollHeight: '200px' }"
-            ></p-treeSelect>
-        </div>
-        <app-code [code]="code" selector="tree-select-virtual-scroll-demo"></app-code>`
-})
-export class VirtualScrollDoc {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getLargeTreeNodes().then((files) => (this.nodes = files));
-    }
-
-    code: Code = {
-        basic: `<p-treeSelect
-    class="w-full md:!w-20"
-    containerStyleClass="w-full"
-    [(ngModel)]="selectedNodes"
-    [options]="nodes"
-    display="chip"
-    [metaKeySelection]="false"
-    selectionMode="checkbox"
-    placeholder="Select Item"
-    [virtualScroll]="true"
-    [virtualScrollItemSize]="46"
-    [virtualScrollOptions]="{scrollHeight: '200px'}" />`,
-
-        html: `<div class="card flex justify-center">
-    <p-treeSelect
-        class="w-full md:!w-20"
-        containerStyleClass="w-full"
-        [(ngModel)]="selectedNodes"
-        [options]="nodes"
-        display="chip"
-        [metaKeySelection]="false"
-        selectionMode="checkbox"
-        placeholder="Select Item"
-        [virtualScroll]="true"
-        [virtualScrollItemSize]="46"
-        [virtualScrollOptions]="{scrollHeight: '200px'}" />
-</div>`,
-        typescript: `import { Component } from '@angular/core';
-import { NodeService } from '@service/nodeservice';
-import { FormsModule } from '@angular/forms';
-import { TreeSelectModule } from 'primeng/treeselect';
-
-@Component({
-    selector: 'tree-select-virtual-scroll-demo',
-    templateUrl: './tree-select-virtual-scroll-demo.html',
-    standalone: true,
-    imports: [FormsModule, TreeSelectModule],
-    providers: [NodeService]
-})
-export class TreeSelectVirtualScrollDemo {
-    nodes!: any[];
-
-    selectedNodes: any;
-
-    constructor(private nodeService: NodeService) {
-        this.nodeService.getLargeTreeNodes().then((files) => (this.nodes = files));
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/accessibilitydoc.ts b/src/app/showcase/doc/treetable/accessibilitydoc.ts
deleted file mode 100644
index 2f74c19..0000000
--- a/src/app/showcase/doc/treetable/accessibilitydoc.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <app-docsectiontext>
-        <h3>Screen Reader</h3>
-        <p>
-            Default role of the table is <i>table</i>. Header, body and footer elements use <i>rowgroup</i>, rows use <i>row</i> role, header cells have <i>columnheader</i> and body cells use <i>cell</i> roles. Sortable headers utilizer
-            <i>aria-sort</i> attribute either set to "ascending" or "descending".
-        </p>
-        <p>
-            Row elements manage <i>aria-expanded</i> for state and <i>aria-level</i> attribute to define the hierachy by <i>ttRow</i> directive. Table rows and table cells should be specified by users using the <i>aria-posinset</i>,
-            <i>aria-setsize</i>, <i>aria-label</i>, and <i>aria-describedby</i> attributes, as they are determined through templating.
-        </p>
-        <p>When selection is enabled, <i>ttSelectableRow</i> directive sets <i>aria-selected</i> to true on a row. In checkbox mode, the built-in checkbox component use <i>checkbox</i> role with <i>aria-checked</i> state attribute.</p>
-        <p>Editable cells use custom templating so you need to manage aria roles and attributes manually if required.</p>
-        <p>Paginator is a standalone component used inside the TreeTable, refer to the <a href="/paginator/">paginator</a> for more information about the accessibility features.</p>
-        <h3>Sortable Headers Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>tab</i></td>
-                        <td>Moves through the headers.</td>
-                    </tr>
-                    <tr>
-                        <td><i>enter</i></td>
-                        <td>Sorts the column.</td>
-                    </tr>
-                    <tr>
-                        <td><i>space</i></td>
-                        <td>Sorts the column.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><i>tab</i></td>
-                        <td>
-                            Moves focus to the first selected node when focus enters the component, if there is none then first element receives the focus. If focus is already inside the component, moves focus to the next focusable element in the
-                            page tab sequence.
-                        </td>
-                    </tr>
-                    <tr>
-                        <td><i>shift</i> + <i>tab</i></td>
-                        <td>
-                            Moves focus to the last selected node when focus enters the component, if there is none then first element receives the focus. If focus is already inside the component, moves focus to the previous focusable element in the
-                            page tab sequence.
-                        </td>
-                    </tr>
-                    <tr>
-                        <td><i>enter</i></td>
-                        <td>Selects the focused treenode.</td>
-                    </tr>
-                    <tr>
-                        <td><i>space</i></td>
-                        <td>Selects the focused treenode.</td>
-                    </tr>
-                    <tr>
-                        <td><i>down arrow</i></td>
-                        <td>Moves focus to the next treenode.</td>
-                    </tr>
-                    <tr>
-                        <td><i>up arrow</i></td>
-                        <td>Moves focus to the previous treenode.</td>
-                    </tr>
-                    <tr>
-                        <td><i>right arrow</i></td>
-                        <td>If node is closed, opens the node otherwise moves focus to the first child node.</td>
-                    </tr>
-                    <tr>
-                        <td><i>left arrow</i></td>
-                        <td>If node is open, closes the node otherwise moves focus to the parent node.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </app-docsectiontext>`
-})
-export class AccessibilityDoc {}
diff --git a/src/app/showcase/doc/treetable/basicdoc.ts b/src/app/showcase/doc/treetable/basicdoc.ts
deleted file mode 100644
index 1ea9273..0000000
--- a/src/app/showcase/doc/treetable/basicdoc.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'basic-doc',
-    template: ` <app-docsectiontext>
-            <p>TreeTable requires a collection of <i>TreeNode</i> instances as a <i>value</i> components as children for the representation.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Name</th>
-                            <th>Size</th>
-                            <th>Type</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-                        <tr [ttRow]="rowNode">
-                            <td>
-                                <p-treeTableToggler [rowNode]="rowNode" />
-                                {{ rowData.name }}
-                            </td>
-                            <td>{{ rowData.size }}</td>
-                            <td>{{ rowData.type }}</td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-basic-demo"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class BasicDoc {
-    files!: TreeNode[];
-
-    constructor(
-        private nodeService: NodeService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => {
-            this.files = files.slice(0, 5);
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-treeTable [value]="files" [scrollable]="true" [tableStyle]="{'min-width':'50rem'}">
-    <ng-template pTemplate="header">
-        <tr>
-            <th>Name</th>
-            <th>Size</th>
-            <th>Type</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-        <tr [ttRow]="rowNode">
-            <td>
-                <p-treeTableToggler [rowNode]="rowNode" />
-                {{ rowData.name }}
-            </td>
-            <td>{{ rowData.size }}</td>
-            <td>{{ rowData.type }}</td>
-        </tr>
-    </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable [value]="files" [scrollable]="true" [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Name</th>
-                <th>Size</th>
-                <th>Type</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-            <tr [ttRow]="rowNode">
-                <td>
-                    <p-treeTableToggler [rowNode]="rowNode" />
-                    {{ rowData.name }}
-                </td>
-                <td>{{ rowData.size }}</td>
-                <td>{{ rowData.type }}</td>
-            </tr>
-        </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-
-@Component({
-    selector: 'tree-table-basic-demo',
-    templateUrl: './tree-table-basic-demo.html',
-    standalone: true,
-    imports: [TreeTableModule],
-    providers: [NodeService]
-})
-export class TreeTableBasicDemo implements OnInit {
-    files!: TreeNode[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/columngroupdoc.ts b/src/app/showcase/doc/treetable/columngroupdoc.ts
deleted file mode 100644
index b1edfd5..0000000
--- a/src/app/showcase/doc/treetable/columngroupdoc.ts
+++ /dev/null
@@ -1,394 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'column-group-doc',
-    template: `
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="sales" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th rowspan="3">Brand</th>
-                            <th colspan="4">Sale Rate</th>
-                        </tr>
-                        <tr>
-                            <th colspan="2">Sales</th>
-                            <th colspan="2">Profits</th>
-                        </tr>
-                        <tr>
-                            <th>Last Year</th>
-                            <th>This Year</th>
-                            <th>Last Year</th>
-                            <th>This Year</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-                        <tr [ttRow]="rowNode">
-                            <td>
-                                <p-treeTableToggler [rowNode]="rowNode" />
-                                {{ rowData.brand }}
-                            </td>
-                            <td>{{ rowData.lastYearSale }}</td>
-                            <td>{{ rowData.thisYearSale }}</td>
-                            <td>{{ rowData.lastYearProfit }}</td>
-                            <td>{{ rowData.thisYearProfit }}</td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="footer">
-                        <tr>
-                            <td colspan="3">Totals</td>
-                            <td>$3,283,772</td>
-                            <td>$2,126,925</td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-column-group-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ColumnGroupDoc {
-    sales!: TreeNode[];
-
-    loadDemoData() {
-        this.sales = [
-            {
-                data: { brand: 'Bliss', lastYearSale: '51%', thisYearSale: '40%', lastYearProfit: '$54,406.00', thisYearProfit: '$43,342' },
-                children: [
-                    {
-                        data: { brand: 'Product A', lastYearSale: '25%', thisYearSale: '20%', lastYearProfit: '$34,406.00', thisYearProfit: '$23,342' },
-                        children: [
-                            {
-                                data: { brand: 'Product A-1', lastYearSale: '20%', thisYearSale: '10%', lastYearProfit: '$24,406.00', thisYearProfit: '$13,342' }
-                            },
-                            {
-                                data: { brand: 'Product A-2', lastYearSale: '5%', thisYearSale: '10%', lastYearProfit: '$10,000.00', thisYearProfit: '$10,000' }
-                            }
-                        ]
-                    },
-                    {
-                        data: { brand: 'Product B', lastYearSale: '26%', thisYearSale: '20%', lastYearProfit: '$24,000.00', thisYearProfit: '$23,000' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Fate', lastYearSale: '83%', thisYearSale: '96%', lastYearProfit: '$423,132', thisYearProfit: '$312,122' },
-                children: [
-                    {
-                        data: { brand: 'Product X', lastYearSale: '50%', thisYearSale: '40%', lastYearProfit: '$223,132', thisYearProfit: '$156,061' }
-                    },
-                    {
-                        data: { brand: 'Product Y', lastYearSale: '33%', thisYearSale: '56%', lastYearProfit: '$200,000', thisYearProfit: '$156,061' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Ruby', lastYearSale: '38%', thisYearSale: '5%', lastYearProfit: '$12,321', thisYearProfit: '$8,500' },
-                children: [
-                    {
-                        data: { brand: 'Product M', lastYearSale: '18%', thisYearSale: '2%', lastYearProfit: '$10,300', thisYearProfit: '$5,500' }
-                    },
-                    {
-                        data: { brand: 'Product N', lastYearSale: '20%', thisYearSale: '3%', lastYearProfit: '$2,021', thisYearProfit: '$3,000' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Sky', lastYearSale: '49%', thisYearSale: '22%', lastYearProfit: '$745,232', thisYearProfit: '$650,323' },
-                children: [
-                    {
-                        data: { brand: 'Product P', lastYearSale: '20%', thisYearSale: '16%', lastYearProfit: '$345,232', thisYearProfit: '$350,000' }
-                    },
-                    {
-                        data: { brand: 'Product R', lastYearSale: '29%', thisYearSale: '6%', lastYearProfit: '$400,009', thisYearProfit: '$300,323' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Comfort', lastYearSale: '17%', thisYearSale: '79%', lastYearProfit: '$643,242', thisYearProfit: '500,332' },
-                children: [
-                    {
-                        data: { brand: 'Product S', lastYearSale: '10%', thisYearSale: '40%', lastYearProfit: '$243,242', thisYearProfit: '$100,000' }
-                    },
-                    {
-                        data: { brand: 'Product T', lastYearSale: '7%', thisYearSale: '39%', lastYearProfit: '$400,00', thisYearProfit: '$400,332' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Merit', lastYearSale: '52%', thisYearSale: ' 65%', lastYearProfit: '$421,132', thisYearProfit: '$150,005' },
-                children: [
-                    {
-                        data: { brand: 'Product L', lastYearSale: '20%', thisYearSale: '40%', lastYearProfit: '$121,132', thisYearProfit: '$100,000' }
-                    },
-                    {
-                        data: { brand: 'Product G', lastYearSale: '32%', thisYearSale: '25%', lastYearProfit: '$300,000', thisYearProfit: '$50,005' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Violet', lastYearSale: '82%', thisYearSale: '12%', lastYearProfit: '$131,211', thisYearProfit: '$100,214' },
-                children: [
-                    {
-                        data: { brand: 'Product SH1', lastYearSale: '30%', thisYearSale: '6%', lastYearProfit: '$101,211', thisYearProfit: '$30,214' }
-                    },
-                    {
-                        data: { brand: 'Product SH2', lastYearSale: '52%', thisYearSale: '6%', lastYearProfit: '$30,000', thisYearProfit: '$70,000' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Dulce', lastYearSale: '44%', thisYearSale: '45%', lastYearProfit: '$66,442', thisYearProfit: '$53,322' },
-                children: [
-                    {
-                        data: { brand: 'Product PN1', lastYearSale: '22%', thisYearSale: '25%', lastYearProfit: '$33,221', thisYearProfit: '$20,000' }
-                    },
-                    {
-                        data: { brand: 'Product PN2', lastYearSale: '22%', thisYearSale: '25%', lastYearProfit: '$33,221', thisYearProfit: '$33,322' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Solace', lastYearSale: '90%', thisYearSale: '56%', lastYearProfit: '$765,442', thisYearProfit: '$296,232' },
-                children: [
-                    {
-                        data: { brand: 'Product HT1', lastYearSale: '60%', thisYearSale: '36%', lastYearProfit: '$465,000', thisYearProfit: '$150,653' }
-                    },
-                    {
-                        data: { brand: 'Product HT2', lastYearSale: '30%', thisYearSale: '20%', lastYearProfit: '$300,442', thisYearProfit: '$145,579' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Essence', lastYearSale: '75%', thisYearSale: '54%', lastYearProfit: '$21,212', thisYearProfit: '$12,533' },
-                children: [
-                    {
-                        data: { brand: 'Product TS1', lastYearSale: '50%', thisYearSale: '34%', lastYearProfit: '$11,000', thisYearProfit: '$8,562' }
-                    },
-                    {
-                        data: { brand: 'Product TS2', lastYearSale: '25%', thisYearSale: '20%', lastYearProfit: '$11,212', thisYearProfit: '$3,971' }
-                    }
-                ]
-            }
-        ];
-    }
-    code: Code = {
-        basic: `<p-treeTable [value]="sales" [scrollable]="true" [tableStyle]="{'min-width':'50rem'}">
-    <ng-template pTemplate="header">
-        <tr>
-            <th rowspan="3">Brand</th>
-            <th colspan="4">Sale Rate</th>
-        </tr>
-        <tr>
-            <th colspan="2">Sales</th>
-            <th colspan="2">Profits</th>
-        </tr>
-        <tr>
-            <th>Last Year</th>
-            <th>This Year</th>
-            <th>Last Year</th>
-            <th>This Year</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-        <tr>
-            <td>
-                <p-treeTableToggler [rowNode]="rowNode" />
-                {{ rowData.brand }}
-            </td>
-            <td>{{ rowData.lastYearSale }}</td>
-            <td>{{ rowData.thisYearSale }}</td>
-            <td>{{ rowData.lastYearProfit }}</td>
-            <td>{{ rowData.thisYearProfit }}</td>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="footer">
-        <tr>
-            <td colspan="3">Totals</td>
-            <td>$3,283,772</td>
-            <td>$2,126,925</td>
-        </tr>
-    </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable [value]="sales" [scrollable]="true" [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header">
-            <tr>
-                <th rowspan="3">Brand</th>
-                <th colspan="4">Sale Rate</th>
-            </tr>
-            <tr>
-                <th colspan="2">Sales</th>
-                <th colspan="2">Profits</th>
-            </tr>
-            <tr>
-                <th>Last Year</th>
-                <th>This Year</th>
-                <th>Last Year</th>
-                <th>This Year</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-            <tr [ttRow]="rowNode">
-                <td>
-                    <p-treeTableToggler [rowNode]="rowNode" />
-                    {{ rowData.brand }}
-                </td>
-                <td>{{ rowData.lastYearSale }}</td>
-                <td>{{ rowData.thisYearSale }}</td>
-                <td>{{ rowData.lastYearProfit }}</td>
-                <td>{{ rowData.thisYearProfit }}</td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="footer">
-            <tr>
-                <td colspan="3">Totals</td>
-                <td>$3,283,772</td>
-                <td>$2,126,925</td>
-            </tr>
-        </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { TreeTableModule } from 'primeng/treetable';
-
-@Component({
-    selector: 'tree-table-column-group-demo',
-    templateUrl: './tree-table-column-group-demo.html',
-    standalone: true,
-    imports: [TreeTableModule]
-})
-export class TreeTableColumnGroupDemo implements OnInit {
-    sales!: TreeNode[];
-
-    ngOnInit() {
-        this.sales = [
-            {
-                data: { brand: 'Bliss', lastYearSale: '51%', thisYearSale: '40%', lastYearProfit: '$54,406.00', thisYearProfit: '$43,342' },
-                children: [
-                    {
-                        data: { brand: 'Product A', lastYearSale: '25%', thisYearSale: '20%', lastYearProfit: '$34,406.00', thisYearProfit: '$23,342' },
-                        children: [
-                            {
-                                data: { brand: 'Product A-1', lastYearSale: '20%', thisYearSale: '10%', lastYearProfit: '$24,406.00', thisYearProfit: '$13,342' }
-                            },
-                            {
-                                data: { brand: 'Product A-2', lastYearSale: '5%', thisYearSale: '10%', lastYearProfit: '$10,000.00', thisYearProfit: '$10,000' }
-                            }
-                        ]
-                    },
-                    {
-                        data: { brand: 'Product B', lastYearSale: '26%', thisYearSale: '20%', lastYearProfit: '$24,000.00', thisYearProfit: '$23,000' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Fate', lastYearSale: '83%', thisYearSale: '96%', lastYearProfit: '$423,132', thisYearProfit: '$312,122' },
-                children: [
-                    {
-                        data: { brand: 'Product X', lastYearSale: '50%', thisYearSale: '40%', lastYearProfit: '$223,132', thisYearProfit: '$156,061' }
-                    },
-                    {
-                        data: { brand: 'Product Y', lastYearSale: '33%', thisYearSale: '56%', lastYearProfit: '$200,000', thisYearProfit: '$156,061' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Ruby', lastYearSale: '38%', thisYearSale: '5%', lastYearProfit: '$12,321', thisYearProfit: '$8,500' },
-                children: [
-                    {
-                        data: { brand: 'Product M', lastYearSale: '18%', thisYearSale: '2%', lastYearProfit: '$10,300', thisYearProfit: '$5,500' }
-                    },
-                    {
-                        data: { brand: 'Product N', lastYearSale: '20%', thisYearSale: '3%', lastYearProfit: '$2,021', thisYearProfit: '$3,000' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Sky', lastYearSale: '49%', thisYearSale: '22%', lastYearProfit: '$745,232', thisYearProfit: '$650,323' },
-                children: [
-                    {
-                        data: { brand: 'Product P', lastYearSale: '20%', thisYearSale: '16%', lastYearProfit: '$345,232', thisYearProfit: '$350,000' }
-                    },
-                    {
-                        data: { brand: 'Product R', lastYearSale: '29%', thisYearSale: '6%', lastYearProfit: '$400,009', thisYearProfit: '$300,323' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Comfort', lastYearSale: '17%', thisYearSale: '79%', lastYearProfit: '$643,242', thisYearProfit: '500,332' },
-                children: [
-                    {
-                        data: { brand: 'Product S', lastYearSale: '10%', thisYearSale: '40%', lastYearProfit: '$243,242', thisYearProfit: '$100,000' }
-                    },
-                    {
-                        data: { brand: 'Product T', lastYearSale: '7%', thisYearSale: '39%', lastYearProfit: '$400,00', thisYearProfit: '$400,332' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Merit', lastYearSale: '52%', thisYearSale: ' 65%', lastYearProfit: '$421,132', thisYearProfit: '$150,005' },
-                children: [
-                    {
-                        data: { brand: 'Product L', lastYearSale: '20%', thisYearSale: '40%', lastYearProfit: '$121,132', thisYearProfit: '$100,000' }
-                    },
-                    {
-                        data: { brand: 'Product G', lastYearSale: '32%', thisYearSale: '25%', lastYearProfit: '$300,000', thisYearProfit: '$50,005' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Violet', lastYearSale: '82%', thisYearSale: '12%', lastYearProfit: '$131,211', thisYearProfit: '$100,214' },
-                children: [
-                    {
-                        data: { brand: 'Product SH1', lastYearSale: '30%', thisYearSale: '6%', lastYearProfit: '$101,211', thisYearProfit: '$30,214' }
-                    },
-                    {
-                        data: { brand: 'Product SH2', lastYearSale: '52%', thisYearSale: '6%', lastYearProfit: '$30,000', thisYearProfit: '$70,000' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Dulce', lastYearSale: '44%', thisYearSale: '45%', lastYearProfit: '$66,442', thisYearProfit: '$53,322' },
-                children: [
-                    {
-                        data: { brand: 'Product PN1', lastYearSale: '22%', thisYearSale: '25%', lastYearProfit: '$33,221', thisYearProfit: '$20,000' }
-                    },
-                    {
-                        data: { brand: 'Product PN2', lastYearSale: '22%', thisYearSale: '25%', lastYearProfit: '$33,221', thisYearProfit: '$33,322' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Solace', lastYearSale: '90%', thisYearSale: '56%', lastYearProfit: '$765,442', thisYearProfit: '$296,232' },
-                children: [
-                    {
-                        data: { brand: 'Product HT1', lastYearSale: '60%', thisYearSale: '36%', lastYearProfit: '$465,000', thisYearProfit: '$150,653' }
-                    },
-                    {
-                        data: { brand: 'Product HT2', lastYearSale: '30%', thisYearSale: '20%', lastYearProfit: '$300,442', thisYearProfit: '$145,579' }
-                    }
-                ]
-            },
-            {
-                data: { brand: 'Essence', lastYearSale: '75%', thisYearSale: '54%', lastYearProfit: '$21,212', thisYearProfit: '$12,533' },
-                children: [
-                    {
-                        data: { brand: 'Product TS1', lastYearSale: '50%', thisYearSale: '34%', lastYearProfit: '$11,000', thisYearProfit: '$8,562' }
-                    },
-                    {
-                        data: { brand: 'Product TS2', lastYearSale: '25%', thisYearSale: '20%', lastYearProfit: '$11,212', thisYearProfit: '$3,971' }
-                    }
-                ]
-            }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/treetable/columnresizeexpanddoc.ts b/src/app/showcase/doc/treetable/columnresizeexpanddoc.ts
deleted file mode 100644
index db60826..0000000
--- a/src/app/showcase/doc/treetable/columnresizeexpanddoc.ts
+++ /dev/null
@@ -1,141 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'resize-expand-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Setting <i>columnResizeMode</i> as <i>expand</i> changes the table width as well.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" [resizableColumns]="true" columnResizeMode="expand">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns" ttResizableColumn>
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-resize-expand-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ResizeExpandDoc {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [columns]="cols" 
-    [resizableColumns]="true" 
-    columnResizeMode="expand">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns" ttResizableColumn>
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable 
-        [value]="files" 
-        [columns]="cols" 
-        [resizableColumns]="true" 
-        columnResizeMode="expand">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns" ttResizableColumn>
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-resize-expand-demo',
-    templateUrl: './tree-table-resize-expand-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, CommonModule],
-    providers: [NodeService]
-})
-export class TreeTableResizeExpandDemo implements OnInit {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`,
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/columnresizefitdoc.ts b/src/app/showcase/doc/treetable/columnresizefitdoc.ts
deleted file mode 100644
index 3a3937f..0000000
--- a/src/app/showcase/doc/treetable/columnresizefitdoc.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'resize-fit-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Columns can be resized with drag and drop when <i>resizableColumns</i> is enabled. Default resize mode is <i>fit</i> that does not change the overall table width.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" [resizableColumns]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns" ttResizableColumn>
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-resize-fit-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ResizeFitDoc {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [columns]="cols" 
-    [resizableColumns]="true" 
-    [tableStyle]="{'min-width': '50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns" ttResizableColumn>
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable 
-        [value]="files" 
-        [columns]="cols" 
-        [resizableColumns]="true" 
-        [tableStyle]="{'min-width': '50rem'}">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns" ttResizableColumn>
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-resize-fit-demo',
-    templateUrl: './tree-table-resize-fit-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, CommonModule],
-    providers: [NodeService]
-})
-export class TreeTableResizeFitDemo implements OnInit {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/columnresizescrollabledoc.ts b/src/app/showcase/doc/treetable/columnresizescrollabledoc.ts
deleted file mode 100644
index dca4bda..0000000
--- a/src/app/showcase/doc/treetable/columnresizescrollabledoc.ts
+++ /dev/null
@@ -1,159 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'resize-scrollable-doc',
-    template: `
-        <app-docsectiontext>
-            <p>To utilize the column resize modes with a <i>scrollable</i> TreeTable, a <i>colgroup</i> template must be defined. The default value of scrollHeight is "flex," it can also be set as a string value.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" [resizableColumns]="true" [scrollable]="true" scrollHeight="200px" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="colgroup" let-columns>
-                        <colgroup>
-                            <col *ngFor="let col of columns" />
-                        </colgroup>
-                    </ng-template>
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns" ttResizableColumn>
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-resize-scrollable-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ResizeScrollableDoc {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [columns]="cols" 
-    [resizableColumns]="true" 
-    [scrollable]="true" 
-    scrollHeight="200px">
-        <ng-template pTemplate="colgroup" let-columns>
-            <colgroup>
-                <col *ngFor="let col of columns">
-            </colgroup>
-        </ng-template>
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns" ttResizableColumn>
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable 
-        [value]="files" 
-        [columns]="cols" 
-        [resizableColumns]="true" 
-        [scrollable]="true" 
-        scrollHeight="200px">
-            <ng-template pTemplate="colgroup" let-columns>
-                <colgroup>
-                    <col *ngFor="let col of columns">
-                </colgroup>
-            </ng-template>
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns" ttResizableColumn>
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-resize-scrollable-demo',
-    templateUrl: './tree-table-resize-scrollable-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, CommonModule],
-    providers: [NodeService]
-})
-export class TreeTableResizeScrollableDemo implements OnInit {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/columntoggledoc.ts b/src/app/showcase/doc/treetable/columntoggledoc.ts
deleted file mode 100644
index 4c87aad..0000000
--- a/src/app/showcase/doc/treetable/columntoggledoc.ts
+++ /dev/null
@@ -1,181 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'column-toggle-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Column visibility based on a condition can be implemented with dynamic columns, in this sample a MultiSelect is used to manage the visible columns.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="selectedColumns" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="caption">
-                        <div style="text-align:left">
-                            <p-multiSelect [options]="cols" [(ngModel)]="selectedColumns" optionLabel="header" selectedItemsLabel="{0} columns selected" [style]="{ width: '20em' }" defaultLabel="Choose Columns" display="chip" />
-                        </div>
-                    </ng-template>
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-column-toggle-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ColumnToggleDoc {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    selectedColumns!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-
-        this.selectedColumns = this.cols;
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [columns]="selectedColumns" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="caption">
-            <div style="text-align:left">
-                <p-multiSelect 
-                    [options]="cols" 
-                    [(ngModel)]="selectedColumns"
-                    optionLabel="header" 
-                    selectedItemsLabel="{0} columns selected" 
-                    [style]="{ width: '20em' }" 
-                    defaultLabel="Choose Columns" display="chip" />
-            </div>
-        </ng-template>
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable 
-        [value]="files" 
-        [columns]="selectedColumns" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="caption">
-                <div style="text-align:left">
-                    <p-multiSelect 
-                        [options]="cols" 
-                        [(ngModel)]="selectedColumns" 
-                        optionLabel="header" 
-                        selectedItemsLabel="{0} columns selected" 
-                        [style]="{ width: '20em' }" 
-                        defaultLabel="Choose Columns" 
-                        display="chip" />
-                </div>
-            </ng-template>
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { MultiSelectModule } from 'primeng/multiselect';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-column-toggle-demo',
-    templateUrl: './tree-table-column-toggle-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, MultiSelectModule, CommonModule],
-    providers: [NodeService]
-})
-export class TreeTableColumnToggleDemo implements OnInit {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    selectedColumns!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-
-        this.selectedColumns = this.cols;
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/conditionalstyledoc.ts b/src/app/showcase/doc/treetable/conditionalstyledoc.ts
deleted file mode 100644
index 7fdaf22..0000000
--- a/src/app/showcase/doc/treetable/conditionalstyledoc.ts
+++ /dev/null
@@ -1,146 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'conditional-style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Particular rows and cells can be styled based on conditions. The <i>ngClass</i> receives a row data as a parameter to return a style class for a row whereas cells are customized using the <i>body</i> template.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode" [ngClass]="{ 'p-highlight': rowData.size.endsWith('kb') }">
-                            <td *ngFor="let col of columns; let i = index" [ngClass]="{ 'font-bold': col.field === 'size' && rowData.size.endsWith('kb') }">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-conditional-style-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ConditionalStyleDoc {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [columns]="cols" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode" [ngClass]="{ 'p-highlight': rowData.size.endsWith('kb') }">
-                <td 
-                    *ngFor="let col of columns; let i = index" 
-                    [ngClass]="{ 'font-bold': col.field === 'size' && rowData.size.endsWith('kb') }">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable 
-        [value]="files" 
-        [columns]="cols" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode" [ngClass]="{ 'p-highlight': rowData.size.endsWith('kb') }">
-                    <td 
-                        *ngFor="let col of columns; let i = index" 
-                        [ngClass]="{ 'font-bold': col.field === 'size' && rowData.size.endsWith('kb') }">
-                            <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                            {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-conditional-style-demo',
-    templateUrl: './tree-table-conditional-style-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, CommonModule],
-    providers: [NodeService]
-})
-export class TreeTableConditionalStyleDemo implements OnInit{
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/contextmenudoc.ts b/src/app/showcase/doc/treetable/contextmenudoc.ts
deleted file mode 100644
index 3277cf5..0000000
--- a/src/app/showcase/doc/treetable/contextmenudoc.ts
+++ /dev/null
@@ -1,202 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { MenuItem, MessageService, TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'context-menu-doc',
-    template: `
-        <app-docsectiontext>
-            <p>TreeTable has exclusive integration with ContextMenu using the <i>contextMenu</i> event to open a menu on right click alont with <i>contextMenuSelection</i> properties to control the selection via the menu.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-toast [style]="{ marginTop: '80px' }" />
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" dataKey="name" [(contextMenuSelection)]="selectedNode" [contextMenu]="cm" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode" [ttContextMenuRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-            <p-contextMenu #cm [model]="items" />
-        </div>
-        <app-code [code]="code" selector="tree-table-context-menu-demo"></app-code>
-    `,
-    providers: [MessageService],
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ContextMenuDoc {
-    files!: TreeNode[];
-
-    selectedNode!: TreeNode;
-
-    cols!: Column[];
-
-    items!: MenuItem[];
-
-    constructor(
-        private nodeService: NodeService,
-        private messageService: MessageService
-    ) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-
-        this.items = [
-            { label: 'View', icon: 'pi pi-search', command: (event) => this.viewFile(this.selectedNode) },
-            { label: 'Toggle', icon: 'pi pi-sort', command: (event) => this.toggleFile(this.selectedNode) }
-        ];
-    }
-
-    viewFile(node: any) {
-        this.messageService.add({ severity: 'info', summary: 'File Selected', detail: node.data.name + ' - ' + node.data.size });
-    }
-
-    toggleFile(node: any) {
-        node.expanded = !node.expanded;
-        this.files = [...this.files];
-    }
-
-    code: Code = {
-        basic: `<p-toast [style]="{ marginTop: '80px' }" />
-
-<p-treeTable 
-    [value]="files" 
-    [columns]="cols" 
-    dataKey="name" 
-    [(contextMenuSelection)]="selectedNode" 
-    [contextMenu]="cm" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode" [ttContextMenuRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>
-
-<p-contextMenu #cm [model]="items" />`,
-
-        html: `<div class="card">
-    <p-toast [style]="{ marginTop: '80px' }" />
-
-    <p-treeTable 
-        [value]="files" 
-        [columns]="cols"
-        dataKey="name" 
-        [(contextMenuSelection)]="selectedNode" 
-        [contextMenu]="cm" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode" [ttContextMenuRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-
-    <p-contextMenu #cm [model]="items" />
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MenuItem, MessageService, TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { ToastModule } from 'primeng/toast';
-import { ContextMenuModule } from 'primeng/contextmenu';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-context-menu-demo',
-    templateUrl: './tree-table-context-menu-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, ToastModule, ContextMenuModule, CommonModule],
-    providers: [MessageService, NodeService]
-})
-export class TreeTableContextMenuDemo implements OnInit{
-    files!: TreeNode[];
-
-    selectedNode!: TreeNode;
-
-    cols!: Column[];
-
-    items!: MenuItem[];
-
-    constructor(private nodeService: NodeService, private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-
-        this.items = [
-            { label: 'View', icon: 'pi pi-search', command: (event) => this.viewFile(this.selectedNode) },
-            { label: 'Toggle', icon: 'pi pi-sort', command: (event) => this.toggleFile(this.selectedNode) }
-        ];
-    }
-
-    viewFile(node: any) {
-        this.messageService.add({ severity: 'info', summary: 'File Selected', detail: node.data.name + ' - ' + node.data.size });
-    }
-
-    toggleFile(node: any) {
-        node.expanded = !node.expanded;
-        this.files = [...this.files];
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/controlleddoc.ts b/src/app/showcase/doc/treetable/controlleddoc.ts
deleted file mode 100644
index 27b3327..0000000
--- a/src/app/showcase/doc/treetable/controlleddoc.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'controlled-doc',
-    template: ` <app-docsectiontext>
-            <p>Expansion state is controlled with <i>expandedKeys</i> property.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-button (onClick)="toggleApplications()" label="Toggle Applications" />
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }" styleClass="mt-4">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Name</th>
-                            <th>Size</th>
-                            <th>Type</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-                        <tr [ttRow]="rowNode">
-                            <td>
-                                <p-treeTableToggler [rowNode]="rowNode" />
-                                {{ rowData.name }}
-                            </td>
-                            <td>{{ rowData.size }}</td>
-                            <td>{{ rowData.type }}</td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-controlled-demo"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ControlledDoc {
-    files!: TreeNode[];
-
-    constructor(
-        private nodeService: NodeService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => {
-            this.files = files.slice(0, 5);
-            this.cd.markForCheck();
-        });
-    }
-
-    toggleApplications() {
-        if (this.files && this.files.length > 0) {
-            const newFiles = [...this.files];
-            newFiles[0] = { ...newFiles[0], expanded: !newFiles[0].expanded };
-            this.files = newFiles;
-        }
-    }
-
-    code: Code = {
-        basic: `<p-button (onClick)="toggleApplications()" label="Toggle Applications" />
-<p-treeTable [value]="files" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }" styleClass="mt-4">
-    <ng-template pTemplate="header">
-        <tr>
-            <th>Name</th>
-            <th>Size</th>
-            <th>Type</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-        <tr [ttRow]="rowNode">
-            <td>
-                <p-treeTableToggler [rowNode]="rowNode" />
-                {{ rowData.name }}
-            </td>
-            <td>{{ rowData.size }}</td>
-            <td>{{ rowData.type }}</td>
-        </tr>
-    </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-<p-button (onClick)="toggleApplications()" label="Toggle Applications" />
-<p-treeTable [value]="files" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }" styleClass="mt-4">
-    <ng-template pTemplate="header">
-        <tr>
-            <th>Name</th>
-            <th>Size</th>
-            <th>Type</th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-        <tr [ttRow]="rowNode">
-            <td>
-                <p-treeTableToggler [rowNode]="rowNode" />
-                {{ rowData.name }}
-            </td>
-            <td>{{ rowData.size }}</td>
-            <td>{{ rowData.type }}</td>
-        </tr>
-    </ng-template>
-</p-treeTable>
-</div>`,
-
-        typescript: `import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { ButtonModule } from 'primeng/button';
-
-@Component({
-    selector: 'tree-table-controlled-demo',
-    templateUrl: './tree-table-controlled-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, ButtonModule],
-    providers: [NodeService]
-})
-export class TreeTableControlledDemo implements OnInit {
-    files!: TreeNode[];
-
-    constructor(private nodeService: NodeService, private cd: ChangeDetectorRef) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => {
-            this.files = files.slice(0, 5);
-            this.cd.markForCheck();
-        });
-    }
-
-    toggleApplications() {
-        if (this.files && this.files.length > 0) {
-            const newFiles = [...this.files];
-            newFiles[0] = { ...newFiles[0], expanded: !newFiles[0].expanded };
-            this.files = newFiles;
-        }
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/dynamiccolumnsdoc.ts b/src/app/showcase/doc/treetable/dynamiccolumnsdoc.ts
deleted file mode 100644
index 32d5d51..0000000
--- a/src/app/showcase/doc/treetable/dynamiccolumnsdoc.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'dynamic-columns-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Columns can be created programmatically.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-dynamic-columns-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class DynamicColumnsDoc {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-    code: Code = {
-        basic: `<p-treeTable [value]="files" [columns]="cols" [scrollable]="true" [tableStyle]="{'min-width':'50rem'}">
-    <ng-template pTemplate="header" let-columns>
-        <tr>
-            <th *ngFor="let col of columns">
-                {{ col.header }}
-            </th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-        <tr [ttRow]="rowNode">
-            <td *ngFor="let col of columns; let i = index">
-                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                {{ rowData[col.field] }}
-            </td>
-        </tr>
-    </ng-template>
-</p-treeTable>`,
-        html: `<div class="card">
-    <p-treeTable [value]="files" [columns]="cols" [scrollable]="true" [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-    </p-treeTable>
-</div>`,
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-dynamic-columns-demo',
-    templateUrl: './tree-table-dynamic-columns-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, CommonModule],
-    providers: [NodeService]
-})
-export class TreeTableDynamicColumnsDemo implements OnInit {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`,
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/editdoc.ts b/src/app/showcase/doc/treetable/editdoc.ts
deleted file mode 100644
index bfbf1b5..0000000
--- a/src/app/showcase/doc/treetable/editdoc.ts
+++ /dev/null
@@ -1,161 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'edit-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Incell editing is enabled by defining input elements with <i>treeTableCellEditor</i>.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index" ttEditableColumn [ttEditableColumnDisabled]="i == 0" [ngClass]="{ 'p-toggler-column': i === 0 }">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                <p-treeTableCellEditor>
-                                    <ng-template pTemplate="input">
-                                        <input pInputText type="text" [(ngModel)]="rowData[col.field]" />
-                                    </ng-template>
-                                    <ng-template pTemplate="output">{{ rowData[col.field] }}</ng-template>
-                                </p-treeTableCellEditor>
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-edit-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class EditDoc {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [columns]="cols" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index" ttEditableColumn [ttEditableColumnDisabled]="i == 0" [ngClass]="{ 'p-toggler-column': i === 0 }">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    <p-treeTableCellEditor>
-                        <ng-template pTemplate="input">
-                            <input pInputText type="text" [(ngModel)]="rowData[col.field]" />
-                        </ng-template>
-                        <ng-template pTemplate="output">
-                            {{ rowData[col.field] }}
-                        </ng-template>
-                    </p-treeTableCellEditor>
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable 
-        [value]="files" 
-        [columns]="cols" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index" ttEditableColumn [ttEditableColumnDisabled]="i == 0" [ngClass]="{ 'p-toggler-column': i === 0 }">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        <p-treeTableCellEditor>
-                            <ng-template pTemplate="input">
-                                <input pInputText type="text" [(ngModel)]="rowData[col.field]" />
-                            </ng-template>
-                            <ng-template pTemplate="output">
-                                {{ rowData[col.field] }}
-                            </ng-template>
-                        </p-treeTableCellEditor>
-                    </td>
-                </tr>
-        </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-edit-demo',
-    templateUrl: './tree-table-edit-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, CommonModule],
-    providers: [NodeService]
-})
-export class TreeTableEditDemo implements OnInit {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/filterdoc.ts b/src/app/showcase/doc/treetable/filterdoc.ts
deleted file mode 100644
index 11ad390..0000000
--- a/src/app/showcase/doc/treetable/filterdoc.ts
+++ /dev/null
@@ -1,249 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'filter-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                The <i>filterMode</i> specifies the filtering strategy, in <i>lenient</i> mode when the query matches a node, children of the node are not searched further as all descendants of the node are included. On the other hand, in
-                <i>strict</i> mode when the query matches a node, filtering continues on all descendants. A general filled called <i>filterGlobal</i> is also provided to search all columns that support filtering.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex justify-center mb-4">
-                <p-selectButton [options]="filterModes" [(ngModel)]="filterMode" optionLabel="label" optionValue="value" />
-            </div>
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable #tt [value]="files" [columns]="cols" [filterMode]="filterMode" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="caption">
-                        <div class="flex justify-end items-center">
-                            <div class="p-input-icon-left">
-                                <i class="pi pi-search"></i>
-                                <input type="text" pInputText placeholder="Global Search" (input)="tt.filterGlobal($event.target.value, 'contains')" />
-                            </div>
-                        </div>
-                    </ng-template>
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of cols">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                        <tr>
-                            <th *ngFor="let col of cols">
-                                <input pInputText type="text" (input)="tt.filter($event.target.value, col.field, col.filterMatchMode)" />
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-                        <tr [ttRow]="rowNode">
-                            <td *ngFor="let col of cols; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="emptymessage">
-                        <tr>
-                            <td [attr.colspan]="cols?.length">No data found.</td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-filter-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class FilterDoc {
-    filterMode = 'lenient';
-
-    filterModes = [
-        { label: 'Lenient', value: 'lenient' },
-        { label: 'Strict', value: 'strict' }
-    ];
-
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-selectButton 
-    [options]="filterModes" 
-    [(ngModel)]="filterMode" 
-    optionLabel="label" 
-    optionValue="value" />
-
-<p-treeTable 
-    #tt 
-    [value]="files" 
-    [columns]="cols" 
-    [filterMode]="filterMode" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="caption">
-            <div class="flex justify-end items-center">
-                <div class="p-input-icon-left">
-                    <i class="pi pi-search"></i>
-                    <input 
-                        type="text" 
-                        pInputText 
-                        placeholder="Global Search" 
-                        (input)="tt.filterGlobal($event.target.value, 'contains')" />
-                </div>
-            </div>
-        </ng-template>
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of cols">
-                    {{ col.header }}
-                </th>
-            </tr>
-            <tr>
-                <th *ngFor="let col of cols">
-                    <input 
-                        pInputText 
-                        type="text" 
-                        (input)="tt.filter($event.target.value, col.field, col.filterMatchMode)" />
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-            <tr [ttRow]="rowNode">
-                <td *ngFor="let col of cols; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="emptymessage">
-            <tr>
-                <td [attr.colspan]="cols.length">No data found.</td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <div class="flex justify-center mb-4">
-        <p-selectButton 
-            [options]="filterModes" 
-            [(ngModel)]="filterMode" 
-            optionLabel="label" 
-            optionValue="value" />
-    </div>
-    <p-treeTable 
-        #tt 
-        [value]="files" 
-        [columns]="cols" 
-        [filterMode]="filterMode" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="caption">
-                <div class="flex justify-end items-center">
-                    <div class="p-input-icon-left">
-                        <i class="pi pi-search"></i>
-                        <input 
-                            type="text" 
-                            pInputText 
-                            placeholder="Global Search" 
-                            (input)="tt.filterGlobal($event.target.value, 'contains')" />
-                    </div>
-                </div>
-            </ng-template>
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of cols">
-                        {{ col.header }}
-                    </th>
-                </tr>
-                <tr>
-                    <th *ngFor="let col of cols">
-                        <input 
-                            pInputText 
-                            type="text" 
-                            (input)="tt.filter($event.target.value, col.field, col.filterMatchMode)" />
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-                <tr [ttRow]="rowNode">
-                    <td *ngFor="let col of cols; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="emptymessage">
-                <tr>
-                    <td [attr.colspan]="cols.length">No data found.</td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { SelectButtonModule } from 'primeng/selectbutton';
-import { FormsModule } from '@angular/forms';
-import { InputTextModule } from 'primeng/inputtext';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-filter-demo',
-    templateUrl: './tree-table-filter-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, SelectButtonModule, FormsModule, InputTextModule, CommonModule],
-    providers: [NodeService]
-})
-export class TreeTableFilterDemo implements OnInit{
-    filterMode = 'lenient';
-
-    filterModes = [
-        { label: 'Lenient', value: 'lenient' },
-        { label: 'Strict', value: 'strict' }
-    ];
-
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/flexiblescrolldoc.ts b/src/app/showcase/doc/treetable/flexiblescrolldoc.ts
deleted file mode 100644
index 3553f61..0000000
--- a/src/app/showcase/doc/treetable/flexiblescrolldoc.ts
+++ /dev/null
@@ -1,182 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'flexible-scroll-doc',
-    template: ` <app-docsectiontext>
-            <p>
-                Flex scroll feature makes the scrollable viewport section dynamic instead of a fixed value so that it can grow or shrink relative to the parent size of the table. Click the button below to display a maximizable Dialog where data
-                viewport adjusts itself according to the size changes.
-            </p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-button label="Show" icon="pi pi-external-link" (onClick)="dialogVisible = true" />
-                <p-dialog [(visible)]="dialogVisible" header="Flex Scroll" [style]="{ width: '75vw' }" maximizable modal [contentStyle]="{ height: '300px' }">
-                    <ng-template pTemplate="content">
-                        <p-treeTable [value]="files" [scrollable]="true" scrollHeight="flex" [tableStyle]="{ 'min-width': '50rem' }">
-                            <ng-template pTemplate="header">
-                                <tr>
-                                    <th>Name</th>
-                                    <th>Size</th>
-                                    <th>Type</th>
-                                </tr>
-                            </ng-template>
-                            <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-                                <tr [ttRow]="rowNode">
-                                    <td>
-                                        <p-treeTableToggler [rowNode]="rowNode" />
-                                        {{ rowData.name }}
-                                    </td>
-                                    <td>{{ rowData.size }}</td>
-                                    <td>{{ rowData.type }}</td>
-                                </tr>
-                            </ng-template>
-                        </p-treeTable>
-                    </ng-template>
-                    <ng-template pTemplate="footer">
-                        <p-button label="Ok" icon="pi pi-check" (onClick)="dialogVisible = false" />
-                    </ng-template>
-                </p-dialog>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-flexible-scroll-demo"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ScrollFlexibleDoc {
-    files!: TreeNode[];
-
-    dialogVisible: boolean = false;
-
-    constructor(
-        private nodeService: NodeService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => {
-            this.files = files;
-            this.cd.markForCheck();
-        });
-    }
-
-    code: Code = {
-        basic: `<p-button label="Show" icon="pi pi-external-link" (onClick)="dialogVisible = true" />
-<p-dialog 
-    [(visible)]="dialogVisible" 
-    header="Flex Scroll" 
-    [style]="{ width: '75vw' }" 
-    maximizable 
-    modal 
-    [contentStyle]="{ height: '300px' }">
-        <ng-template pTemplate="content">
-            <p-treeTable 
-                [value]="files" 
-                [scrollable]="true" 
-                scrollHeight="flex" 
-                [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Name</th>
-                            <th>Size</th>
-                            <th>Type</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-                        <tr [ttRow]="rowNode">
-                            <td>
-                                <p-treeTableToggler [rowNode]="rowNode" />
-                                {{ rowData.name }}
-                            </td>
-                            <td>
-                                {{ rowData.size }}
-                            </td>
-                            <td>
-                                {{ rowData.type }}
-                            </td>
-                        </tr>
-                    </ng-template>
-            </p-treeTable>
-        </ng-template>
-        <ng-template pTemplate="footer">
-            <p-button label="Ok" icon="pi pi-check" (onClick)="dialogVisible = false" />
-        </ng-template>
-</p-dialog>`,
-
-        html: `<div class="card">
-    <p-button label="Show" icon="pi pi-external-link" (onClick)="dialogVisible = true" />
-    <p-dialog 
-        [(visible)]="dialogVisible" 
-        header="Flex Scroll" 
-        [style]="{ width: '75vw' }" 
-        maximizable 
-        modal 
-        [contentStyle]="{ height: '300px' }">
-            <ng-template pTemplate="content">
-                <p-treeTable 
-                    [value]="files" 
-                    [scrollable]="true" 
-                    scrollHeight="flex" 
-                    [tableStyle]="{ 'min-width': '50rem' }">
-                        <ng-template pTemplate="header">
-                            <tr>
-                                <th>Name</th>
-                                <th>Size</th>
-                                <th>Type</th>
-                            </tr>
-                        </ng-template>
-                        <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-                            <tr [ttRow]="rowNode">
-                                <td>
-                                    <p-treeTableToggler [rowNode]="rowNode" />
-                                    {{ rowData.name }}
-                                </td>
-                                <td>
-                                    {{ rowData.size }}
-                                </td>
-                                <td>
-                                    {{ rowData.type }}
-                                </td>
-                            </tr>
-                        </ng-template>
-                </p-treeTable>
-            </ng-template>
-            <ng-template pTemplate="footer">
-                <p-button label="Ok" icon="pi pi-check" (onClick)="dialogVisible = false" />
-            </ng-template>
-    </p-dialog>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { ButtonModule } from 'primeng/button';
-import { DialogModule } from 'primeng/dialog';
-
-@Component({
-    selector: 'tree-table-flexible-scroll-demo',
-    templateUrl: './tree-table-flexible-scroll-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, ButtonModule, DialogModule],
-    providers: [NodeService]
-})
-export class TreeTableFlexibleScrollDemo implements OnInit {
-    files!: TreeNode[];
-
-    dialogVisible: boolean = false;
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => {
-            this.files = files;
-        });
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/gridlinesdoc.ts b/src/app/showcase/doc/treetable/gridlinesdoc.ts
deleted file mode 100644
index 7bedf2e..0000000
--- a/src/app/showcase/doc/treetable/gridlinesdoc.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'gridlines-doc',
-    template: ` <section class="py-4">
-        <app-docsectiontext>
-            <p>Adding <i>p-treetable-gridlines</i> class displays grid lines.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }" styleClass="p-treetable-gridlines">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Name</th>
-                            <th>Size</th>
-                            <th>Type</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-                        <tr [ttRow]="rowNode">
-                            <td>
-                                <p-treeTableToggler [rowNode]="rowNode" />
-                                {{ rowData.name }}
-                            </td>
-                            <td>{{ rowData.size }}</td>
-                            <td>{{ rowData.type }}</td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-gridlines-demo"></app-code>
-    </section>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class GridlinesDoc {
-    files!: TreeNode[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}" 
-    styleClass="p-treetable-gridlines">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Name</th>
-                <th>Size</th>
-                <th>Type</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-            <tr [ttRow]="rowNode">
-                <td>
-                    <p-treeTableToggler [rowNode]="rowNode" />
-                    {{ rowData.name }}
-                </td>
-                <td>{{ rowData.size }}</td>
-                <td>{{ rowData.type }}</td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable 
-        [value]="files" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th>Name</th>
-                    <th>Size</th>
-                    <th>Type</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-                <tr [ttRow]="rowNode">
-                    <td>
-                        <p-treeTableToggler [rowNode]="rowNode" />
-                        {{ rowData.name }}
-                    </td>
-                    <td>{{ rowData.size }}</td>
-                    <td>{{ rowData.type }}</td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-
-@Component({
-    selector: 'tree-table-gridlines-demo',
-    templateUrl: './tree-table-gridlines-demo.html',
-    standalone: true,
-    imports: [TreeTableModule],
-    providers: [NodeService]
-})
-export class TreeTableGridlinesDemo implements OnInit {
-    files!: TreeNode[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/importdoc.ts b/src/app/showcase/doc/treetable/importdoc.ts
deleted file mode 100644
index 3bd5121..0000000
--- a/src/app/showcase/doc/treetable/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code>`
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { TreeTableModule } from 'primeng/treetable';`
-    };
-}
diff --git a/src/app/showcase/doc/treetable/lazyloaddoc.ts b/src/app/showcase/doc/treetable/lazyloaddoc.ts
deleted file mode 100644
index 658b9e1..0000000
--- a/src/app/showcase/doc/treetable/lazyloaddoc.ts
+++ /dev/null
@@ -1,293 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'lazy-load-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Lazy mode is handy to deal with large datasets, instead of loading the entire data, small chunks of data is loaded by invoking corresponding callbacks everytime <i>paging</i>, <i>sorting</i> and <i>filtering</i> occurs. Sample below
-                imitates lazy loading data from a remote datasource using an in-memory list and timeouts to mimic network connection.
-            </p>
-            <p>
-                Enabling the <i>lazy</i> property and assigning the logical number of rows to <i>totalRecords</i> by doing a projection query are the key elements of the implementation so that paginator displays the UI assuming there are actually
-                records of totalRecords size although in reality they are not present on page, only the records that are displayed on the current page exist.
-            </p>
-            <p>In addition, only the root elements should be loaded, children can be loaded on demand using <i>onNodeExpand</i> callback.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-treeTable
-                [value]="files"
-                [columns]="cols"
-                [paginator]="true"
-                [rows]="10"
-                [lazy]="true"
-                (onLazyLoad)="loadNodes($event)"
-                [totalRecords]="1000"
-                [loading]="loading"
-                (onNodeExpand)="onNodeExpand($event)"
-                [scrollable]="true"
-                [tableStyle]="{ 'min-width': '50rem' }"
-            >
-                <ng-template pTemplate="header" let-columns>
-                    <tr>
-                        <th *ngFor="let col of columns">
-                            {{ col.header }}
-                        </th>
-                    </tr>
-                </ng-template>
-                <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                    <tr [ttRow]="rowNode">
-                        <td *ngFor="let col of columns; let i = index">
-                            <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                            {{ rowData[col.field] }}
-                        </td>
-                    </tr>
-                </ng-template>
-            </p-treeTable>
-        </div>
-        <app-code [code]="code" selector="tree-table-lazy-load-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class LazyLoadDoc implements OnInit {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    totalRecords!: number;
-
-    loading: boolean = false;
-
-    constructor(
-        private nodeService: NodeService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-
-        this.totalRecords = 1000;
-
-        this.loading = true;
-    }
-
-    loadNodes(event: any) {
-        this.loading = true;
-
-        setTimeout(() => {
-            this.files = [];
-
-            for (let i = 0; i < event.rows; i++) {
-                let node = {
-                    data: {
-                        name: 'Item ' + (event.first + i),
-                        size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                        type: 'Type ' + (event.first + i)
-                    },
-                    leaf: false
-                };
-
-                this.files.push(node);
-            }
-            this.loading = false;
-            this.cd.markForCheck();
-        }, 1000);
-    }
-
-    onNodeExpand(event: any) {
-        this.loading = true;
-
-        setTimeout(() => {
-            this.loading = false;
-            const node = event.node;
-
-            node.children = [
-                {
-                    data: {
-                        name: node.data.name + ' - 0',
-                        size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                        type: 'File'
-                    }
-                },
-                {
-                    data: {
-                        name: node.data.name + ' - 1',
-                        size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                        type: 'File'
-                    }
-                }
-            ];
-
-            this.files = [...this.files];
-            this.cd.markForCheck();
-        }, 250);
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [columns]="cols" 
-    [paginator]="true" 
-    [rows]="10" 
-    [lazy]="true" 
-    (onLazyLoad)="loadNodes($event)" 
-    [totalRecords]="1000" 
-    [loading]="loading" 
-    (onNodeExpand)="onNodeExpand($event)" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable 
-        [value]="files" 
-        [columns]="cols" 
-        [paginator]="true" 
-        [rows]="10" 
-        [lazy]="true" 
-        (onLazyLoad)="loadNodes($event)" 
-        [totalRecords]="1000" 
-        [loading]="loading" 
-        (onNodeExpand)="onNodeExpand($event)" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit, ChangeDetectorRef } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { TreeTableModule } from 'primeng/treetable';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-lazy-load-demo',
-    templateUrl: './tree-table-lazy-load-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, CommonModule]
-})
-export class TreeTableLazyLoadDemo implements OnInit{
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    totalRecords!: number;
-
-    loading: boolean = false;
-
-    constructor(private cd: ChangeDetectorRef) {}
-
-    ngOnInit() {
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-
-        this.totalRecords = 1000;
-
-        this.loading = true;
-    }
-
-    loadNodes(event: any) {
-        this.loading = true;
-
-        setTimeout(() => {
-            this.files = [];
-
-            for (let i = 0; i < event.rows; i++) {
-                let node = {
-                    data: {
-                        name: 'Item ' + (event.first + i),
-                        size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                        type: 'Type ' + (event.first + i)
-                    },
-                    leaf: false
-                };
-
-                this.files.push(node);
-            }
-            this.loading = false;
-            this.cd.markForCheck();
-        }, 1000);
-    }
-
-    onNodeExpand(event: any) {
-        this.loading = true;
-
-        setTimeout(() => {
-            this.loading = false;
-            const node = event.node;
-
-            node.children = [
-                {
-                    data: {
-                        name: node.data.name + ' - 0',
-                        size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                        type: 'File'
-                    }
-                },
-                {
-                    data: {
-                        name: node.data.name + ' - 1',
-                        size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                        type: 'File'
-                    }
-                }
-            ];
-
-            this.files = [...this.files];
-            this.cd.markForCheck();
-        }, 250);
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/paginatorbasicdoc.ts b/src/app/showcase/doc/treetable/paginatorbasicdoc.ts
deleted file mode 100644
index de7a934..0000000
--- a/src/app/showcase/doc/treetable/paginatorbasicdoc.ts
+++ /dev/null
@@ -1,178 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'paginator-basic-doc',
-    template: ` <app-docsectiontext>
-            <p>Pagination is enabled by adding <i>paginator</i> property and defining <i>rows</i> per page.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" [paginator]="true" [rows]="5" [rowsPerPageOptions]="[5, 10, 25]" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-paginator-basic-demo"></app-code>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class PaginatorBasicDoc {
-    files!: TreeNode[];
-
-    cols!: Column[];
-    loadDemoData() {
-        this.files = [];
-        for (let i = 0; i < 50; i++) {
-            let node = {
-                data: {
-                    name: 'Item ' + i,
-                    size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                    type: 'Type ' + i
-                },
-                children: [
-                    {
-                        data: {
-                            name: 'Item ' + i + ' - 0',
-                            size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                            type: 'Type ' + i
-                        }
-                    }
-                ]
-            };
-
-            this.files.push(node);
-        }
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [columns]="cols" 
-    [paginator]="true" 
-    [rows]="5" 
-    [rowsPerPageOptions]="[5, 10, 25]" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable 
-        [value]="files" 
-        [columns]="cols" 
-        [paginator]="true" 
-        [rows]="5" 
-        [rowsPerPageOptions]="[5, 10, 25]" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { TreeTableModule } from 'primeng/treetable';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-paginator-basic-demo',
-    templateUrl: './tree-table-paginator-basic-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, CommonModule]
-})
-export class TreeTablePaginatorBasicDemo implements OnInit {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    ngOnInit() {
-        this.files = [];
-        for(let i = 0; i < 50; i++) {
-            let node = {
-                data:{  
-                    name: 'Item ' + i,
-                    size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                    type: 'Type ' + i
-                },
-                children: [
-                    {
-                        data: {  
-                            name: 'Item ' + i + ' - 0',
-                            size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                            type: 'Type ' + i
-                        }
-                    }
-                ]
-            };
-
-            this.files.push(node);
-        }
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/treetable/paginatorlocaledoc.ts b/src/app/showcase/doc/treetable/paginatorlocaledoc.ts
deleted file mode 100644
index 0aca539..0000000
--- a/src/app/showcase/doc/treetable/paginatorlocaledoc.ts
+++ /dev/null
@@ -1,181 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'paginator-locale-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Paginator localization information such as page numbers and rows per page options are defined with the <i>paginatorLocale</i> property which defaults to the user locale.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable paginatorLocale="fa-IR" [value]="files" [columns]="cols" [paginator]="true" [rows]="10" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-paginator-locale-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class PaginatorLocaleDoc {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    loadDemoData() {
-        this.files = [];
-        for (let i = 0; i < 50; i++) {
-            let node = {
-                data: {
-                    name: 'Item ' + i,
-                    size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                    type: 'Type ' + i
-                },
-                children: [
-                    {
-                        data: {
-                            name: 'Item ' + i + ' - 0',
-                            size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                            type: 'Type ' + i
-                        }
-                    }
-                ]
-            };
-
-            this.files.push(node);
-        }
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    paginatorLocale="fa-IR" 
-    [value]="files" 
-    [columns]="cols" 
-    [paginator]="true" 
-    [rows]="10" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable 
-        paginatorLocale="fa-IR" 
-        [value]="files" 
-        [columns]="cols" 
-        [paginator]="true" 
-        [rows]="10" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { TreeTableModule } from 'primeng/treetable';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-paginator-locale-demo',
-    templateUrl: './tree-table-paginator-locale-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, CommonModule]
-})
-export class TreeTablePaginatorLocaleDemo implements OnInit {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    ngOnInit() {
-        this.files = [];
-        for(let i = 0; i < 50; i++) {
-            let node = {
-                data:{  
-                    name: 'Item ' + i,
-                    size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                    type: 'Type ' + i
-                },
-                children: [
-                    {
-                        data: {  
-                            name: 'Item ' + i + ' - 0',
-                            size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                            type: 'Type ' + i
-                        }
-                    }
-                ]
-            };
-
-            this.files.push(node);
-        }
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/treetable/paginatortemplatedoc.ts b/src/app/showcase/doc/treetable/paginatortemplatedoc.ts
deleted file mode 100644
index b2969ca..0000000
--- a/src/app/showcase/doc/treetable/paginatortemplatedoc.ts
+++ /dev/null
@@ -1,202 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'paginator-template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                Paginator UI is customized using the <i>paginatorleft</i> and <i>paginatorright</i> property. Each element can also be customized further with your own UI to replace the default one, refer to the
-                <a href="#" [routerLink]="['/paginator']">Paginator</a> component for more information about the advanced customization options.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" [paginator]="true" [rows]="10" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="paginatorleft">
-                        <p-button icon="pi pi-refresh" styleClass="p-button-text" />
-                    </ng-template>
-
-                    <ng-template pTemplate="paginatorright">
-                        <p-button icon="pi pi-download" styleClass="p-button-text" />
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-paginator-template-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class PaginatorTemplateDoc {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    loadDemoData() {
-        this.files = [];
-        for (let i = 0; i < 50; i++) {
-            let node = {
-                data: {
-                    name: 'Item ' + i,
-                    size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                    type: 'Type ' + i
-                },
-                children: [
-                    {
-                        data: {
-                            name: 'Item ' + i + ' - 0',
-                            size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                            type: 'Type ' + i
-                        }
-                    }
-                ]
-            };
-
-            this.files.push(node);
-        }
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [columns]="cols" 
-    [paginator]="true" 
-    [rows]="10" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="paginatorleft">
-            <p-button icon="pi pi-refresh" styleClass="p-button-text" />
-        </ng-template>
-        <ng-template pTemplate="paginatorright">
-            <p-button icon="pi pi-download" styleClass="p-button-text" />
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable 
-        [value]="files" 
-        [columns]="cols" 
-        [paginator]="true" 
-        [rows]="10" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="paginatorleft">
-                <p-button icon="pi pi-refresh" styleClass="p-button-text" />
-            </ng-template>
-            <ng-template pTemplate="paginatorright">
-                <p-button icon="pi pi-download" styleClass="p-button-text" />
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { TreeTableModule } from 'primeng/treetable';
-import { ButtonModule } from 'primeng/button';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-paginator-template-demo',
-    templateUrl: './tree-table-paginator-template-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, ButtonModule, CommonModule]
-})
-export class TreeTablePaginatorTemplateDemo implements OnInit {
-    files!: TreeNode[];
-
-    cols: Column[];
-
-    ngOnInit() {
-        this.files = [];
-        for (let i = 0; i < 50; i++) {
-            let node = {
-                data: {
-                    name: 'Item ' + i,
-                    size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                    type: 'Type ' + i
-                },
-                children: [
-                    {
-                        data: {
-                            name: 'Item ' + i + ' - 0',
-                            size: Math.floor(Math.random() * 1000) + 1 + 'kb',
-                            type: 'Type ' + i
-                        }
-                    }
-                ]
-            };
-
-            this.files.push(node);
-        }
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/treetable/reorderdoc.ts b/src/app/showcase/doc/treetable/reorderdoc.ts
deleted file mode 100644
index f8bd378..0000000
--- a/src/app/showcase/doc/treetable/reorderdoc.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'reorder-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Order of the columns can be changed using drag and drop when <i>reorderableColumns</i> is present.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" [reorderableColumns]="true" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns" ttReorderableColumn>
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0"></p-treeTableToggler>
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-            <app-code [code]="code" selector="tree-table-reorder-demo"></app-code>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ReorderDoc {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-treeTable [value]="files" [columns]="cols" [reorderableColumns]="true" [scrollable]="true" [tableStyle]="{'min-width':'50rem'}">
-    <ng-template pTemplate="header" let-columns>
-        <tr>
-            <th *ngFor="let col of columns" ttReorderableColumn>
-                {{ col.header }}
-            </th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-        <tr [ttRow]="rowNode">
-            <td *ngFor="let col of columns; let i = index">
-                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0"></p-treeTableToggler>
-                {{ rowData[col.field] }}
-            </td>
-        </tr>
-    </ng-template>
-</p-treeTable>`,
-
-        html: `
-<div class="card">
-    <p-treeTable [value]="files" [columns]="cols" [reorderableColumns]="true" [scrollable]="true" [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns" ttReorderableColumn>
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0"></p-treeTableToggler>
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `
-import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-reorder-demo',
-    templateUrl: './tree-table-reorder-demo.html'
-})
-export class TreeTableReorderDemo implements OnInit{
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/scrollfrozencolumnsdoc.ts b/src/app/showcase/doc/treetable/scrollfrozencolumnsdoc.ts
deleted file mode 100644
index 6219b2e..0000000
--- a/src/app/showcase/doc/treetable/scrollfrozencolumnsdoc.ts
+++ /dev/null
@@ -1,216 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'scroll-frozen-columns-doc',
-    template: `
-        <app-docsectiontext>
-            <p>A column can be fixed during horizontal scrolling by enabling the <i>frozenColumns</i> property.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="scrollableCols" [frozenColumns]="frozenCols" [scrollable]="true" scrollHeight="250px" frozenWidth="200px" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="colgroup" let-columns>
-                        <colgroup>
-                            <col *ngFor="let col of columns" style="width:250px" />
-                        </colgroup>
-                    </ng-template>
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode" style="height: 57px">
-                            <td *ngFor="let col of columns; let i = index">
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="frozenbody" let-rowNode let-rowData="rowData">
-                        <tr [ttRow]="rowNode" style="height: 57px">
-                            <td>
-                                <p-treeTableToggler [rowNode]="rowNode" />
-                                {{ rowData.name }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-scroll-frozen-columns-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class FrozenColumnsDoc {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    frozenCols!: Column[];
-
-    scrollableCols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-
-        this.scrollableCols = [
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-
-        this.frozenCols = [{ field: 'name', header: 'Name' }];
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [columns]="scrollableCols" 
-    [frozenColumns]="frozenCols" 
-    [scrollable]="true" 
-    scrollHeight="250px" 
-    frozenWidth="200px" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="colgroup" let-columns>
-            <colgroup>
-                <col *ngFor="let col of columns" style="width:250px" />
-            </colgroup>
-        </ng-template>
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode" style="height: 57px">
-                <td *ngFor="let col of columns; let i = index">
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="frozenbody" let-rowNode let-rowData="rowData">
-            <tr [ttRow]="rowNode" style="height: 57px">
-                <td>
-                    <p-treeTableToggler [rowNode]="rowNode" />
-                    {{ rowData.name }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable 
-        [value]="files" 
-        [columns]="scrollableCols" 
-        [frozenColumns]="frozenCols" 
-        [scrollable]="true" 
-        scrollHeight="250px" 
-        frozenWidth="200px" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="colgroup" let-columns>
-                <colgroup>
-                    <col *ngFor="let col of columns" style="width:250px" />
-                </colgroup>
-            </ng-template>
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode" style="height: 57px">
-                    <td *ngFor="let col of columns; let i = index">
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="frozenbody" let-rowNode let-rowData="rowData">
-                <tr [ttRow]="rowNode" style="height: 57px">
-                    <td>
-                        <p-treeTableToggler [rowNode]="rowNode" />
-                        {{ rowData.name }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-scroll-frozen-columns-demo',
-    templateUrl: './tree-table-scroll-frozen-columns-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, CommonModule],
-    providers: [NodeService]
-})
-export class TreeTableScrollFrozenColumnsDemo implements OnInit {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    frozenCols!: Column[];
-
-    scrollableCols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-
-        this.scrollableCols = [
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-
-        this.frozenCols = [{ field: 'name', header: 'Name' }];
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/scrollhorizontaldoc.ts b/src/app/showcase/doc/treetable/scrollhorizontaldoc.ts
deleted file mode 100644
index 312f498..0000000
--- a/src/app/showcase/doc/treetable/scrollhorizontaldoc.ts
+++ /dev/null
@@ -1,145 +0,0 @@
-import { Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'scroll-horizontal-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Horizontal scrolling is enabled when the total width of columns exceeds table width.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" [scrollable]="true" scrollHeight="200px" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="colgroup" let-columns>
-                        <colgroup>
-                            <col *ngFor="let col of columns" style="width:500px" />
-                        </colgroup>
-                    </ng-template>
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0"></p-treeTableToggler>
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-scroll-horizontal-demo"></app-code>
-    `
-})
-export class ScrollHorizontalDoc {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-treeTable [value]="files" [columns]="cols" [scrollable]="true" scrollHeight="200px" [scrollable]="true" [tableStyle]="{'min-width':'50rem'}">
-    <ng-template pTemplate="colgroup" let-columns>
-        <colgroup>
-            <col *ngFor="let col of columns" style="width:500px" />
-        </colgroup>
-    </ng-template>
-    <ng-template pTemplate="header" let-columns>
-        <tr>
-            <th *ngFor="let col of columns">
-                {{ col.header }}
-            </th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-        <tr [ttRow]="rowNode">
-            <td *ngFor="let col of columns; let i = index">
-                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0"></p-treeTableToggler>
-                {{ rowData[col.field] }}
-            </td>
-        </tr>
-    </ng-template>
-</p-treeTable>`,
-
-        html: `
-<div class="card">
-    <p-treeTable [value]="files" [columns]="cols" [scrollable]="true" scrollHeight="200px" [scrollable]="true" [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="colgroup" let-columns>
-            <colgroup>
-                <col *ngFor="let col of columns" style="width:500px" />
-            </colgroup>
-        </ng-template>
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0"></p-treeTableToggler>
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `
-import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-scroll-horizontal-demo',
-    templateUrl: './tree-table-scroll-horizontal-demo.html'
-})
-export class TreeTableScrollHorizontalDemo implements OnInit {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/scrollverticaldoc.ts b/src/app/showcase/doc/treetable/scrollverticaldoc.ts
deleted file mode 100644
index cd10c97..0000000
--- a/src/app/showcase/doc/treetable/scrollverticaldoc.ts
+++ /dev/null
@@ -1,146 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'scroll-vertical-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Adding <i>scrollable</i> property along with a <i>scrollHeight</i> for the data viewport enables vertical scrolling with fixed headers.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" [scrollable]="true" scrollHeight="200px" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-scroll-vertical-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ScrollVerticalDoc {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [columns]="cols" 
-    [scrollable]="true" 
-    scrollHeight="200px" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable 
-        [value]="files" 
-        [columns]="cols" 
-        [scrollable]="true" 
-        scrollHeight="200px" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-scroll-vertical-demo',
-    templateUrl: './tree-table-scroll-vertical-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, CommonModule],
-    providers: [NodeService]
-})
-export class TreeTableScrollVerticalDemo implements OnInit{
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/selectioncheckboxdoc.ts b/src/app/showcase/doc/treetable/selectioncheckboxdoc.ts
deleted file mode 100644
index 9455b0f..0000000
--- a/src/app/showcase/doc/treetable/selectioncheckboxdoc.ts
+++ /dev/null
@@ -1,190 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'selection-checkbox-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Selection of multiple nodes via checkboxes is enabled by configuring <i>selectionMode</i> as <i>checkbox</i>.</p>
-            <p>
-                In checkbox selection mode, value binding should be a key-value pair where key (or the dataKey) is the node key and value is an object that has <i>checked</i> and <i>partialChecked</i> properties to represent the checked state of a
-                node.
-            </p>
-        </app-docsectiontext>
-        <app-code [code]="code2" selector="selection-keys" [hideToggleCode]="true"></app-code>
-        <div class="card mt-3">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" selectionMode="checkbox" [(selectionKeys)]="selectionKeys" dataKey="key" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                <p-treeTableCheckbox [value]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-selection-checkbox-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class SelectionCheckboxDoc {
-    files!: TreeNode[];
-
-    selectionKeys = {};
-
-    cols!: Column[];
-
-    constructor(
-        private nodeService: NodeService,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    loadDemoData() {
-        this.nodeService.getTreeTableNodes().then((files) => {
-            this.files = files;
-            this.cd.markForCheck();
-        });
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-
-        this.selectionKeys = {
-            '0-0': {
-                partialChecked: false,
-                checked: true
-            }
-        };
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [columns]="cols" 
-    selectionMode="checkbox" 
-    [(selectionKeys)]="selectionKeys" 
-    dataKey="key" 
-    [scrollable]="true" 
-    [tableStyle]="{ 'min-width': '50rem' }">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    <p-treeTableCheckbox [value]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable 
-        [value]="files" 
-        [columns]="cols" 
-        selectionMode="checkbox" 
-        [(selectionKeys)]="selectionKeys" 
-        dataKey="key" 
-        [scrollable]="true" 
-        [tableStyle]="{ 'min-width': '50rem' }">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        <p-treeTableCheckbox [value]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-</p-treeTable>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-selection-checkbox-demo',
-    templateUrl: './tree-table-selection-checkbox-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, CommonModule],
-    providers: [NodeService]
-})
-export class TreeTableSelectionCheckboxDemo implements OnInit {
-    files!: TreeNode[];
-
-    selectionKeys = {};
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getTreeTableNodes().then((files) => (this.files = files));
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-
-        this.selectionKeys = {
-            '0-0': {
-                partialChecked: false,
-                checked: true
-            }
-        };
-    }
-}`,
-
-        service: ['NodeService']
-    };
-
-    code2: Code = {
-        typescript: `{
-    '0-0': {
-        partialChecked: false,
-        checked: true
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/treetable/selectioneventscdoc.ts b/src/app/showcase/doc/treetable/selectioneventscdoc.ts
deleted file mode 100644
index 8b51e3b..0000000
--- a/src/app/showcase/doc/treetable/selectioneventscdoc.ts
+++ /dev/null
@@ -1,201 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { MessageService, TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-interface NodeEvent {
-    originalEvent: Event;
-    node: TreeNode;
-}
-
-@Component({
-    selector: 'selection-events-doc',
-    template: `
-        <app-docsectiontext>
-            <p>TreeTable provides <i>onNodeSelect</i> and <i>onNodeUnselect</i> events to listen selection events.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-toast />
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable
-                    [value]="files"
-                    [columns]="cols"
-                    selectionMode="single"
-                    [(selection)]="selectedNode"
-                    dataKey="name"
-                    (onNodeSelect)="nodeSelect($event)"
-                    (onNodeUnselect)="nodeUnselect($event)"
-                    [scrollable]="true"
-                    [tableStyle]="{ 'min-width': '50rem' }"
-                >
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-selection-events-demo"></app-code>
-    `,
-    providers: [MessageService],
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class SelectionEventsDoc {
-    files!: TreeNode[];
-
-    selectedNode!: TreeNode;
-
-    cols!: Column[];
-
-    constructor(
-        private nodeService: NodeService,
-        private messageService: MessageService
-    ) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    nodeSelect(event: NodeEvent) {
-        this.messageService.add({ severity: 'info', summary: 'Node Selected', detail: event.node.data.name });
-    }
-
-    nodeUnselect(event: NodeEvent) {
-        this.messageService.add({ severity: 'warn', summary: 'Node Unselected', detail: event.node.data.name });
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [columns]="cols" 
-    selectionMode="single" 
-    [(selection)]="selectedNode" 
-    dataKey="name" 
-    (onNodeSelect)="nodeSelect($event)" 
-    (onNodeUnselect)="nodeUnselect($event)" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-toast />
-    <p-treeTable 
-        [value]="files" 
-        [columns]="cols" 
-        selectionMode="single" 
-        [(selection)]="selectedNode" 
-        dataKey="name" 
-        (onNodeSelect)="nodeSelect($event)" 
-        (onNodeUnselect)="nodeUnselect($event)" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { MessageService, TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { ToastModule } from 'primeng/toast';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-interface NodeEvent {
-    originalEvent: Event;
-    node: TreeNode;
-}
-
-@Component({
-    selector: 'tree-table-selection-events-demo',
-    templateUrl: './tree-table-selection-events-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, ToastModule, CommonModule],
-    providers: [MessageService, NodeService]
-})
-export class TreeTableSelectionEventsDemo implements OnInit {
-    files!: TreeNode[];
-
-    selectedNode!: TreeNode;
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService, private messageService: MessageService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    nodeSelect(event: NodeEvent) {
-        this.messageService.add({ severity: 'info', summary: 'Node Selected', detail: event.node.data.name });
-    }
-
-    nodeUnselect(event: NodeEvent) {
-        this.messageService.add({ severity: 'warn', summary: 'Node Unselected', detail: event.node.data.name });
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/selectionmultipledoc.ts b/src/app/showcase/doc/treetable/selectionmultipledoc.ts
deleted file mode 100644
index 4573f5a..0000000
--- a/src/app/showcase/doc/treetable/selectionmultipledoc.ts
+++ /dev/null
@@ -1,174 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'selection-multiple-doc',
-    template: `
-        <app-docsectiontext>
-            <p>
-                More than one node is selectable by setting <i>selectionMode</i> to <i>multiple</i>. By default in multiple selection mode, metaKey press (e.g. <i>⌘</i>) is necessary to add to existing selections however this can be configured with
-                disabling the <i>metaKeySelection</i> property. Note that in touch enabled devices, TreeTable always ignores metaKey.
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex gap-3 items-center justify-center mb-4">
-                <p-inputSwitch [(ngModel)]="metaKeySelection" />
-                <span>Metakey</span>
-            </div>
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" selectionMode="multiple" [(selection)]="selectedNodes" dataKey="name" [metaKeySelection]="metaKeySelection" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-selection-multiple-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class SelectionMultipleDoc {
-    metaKeySelection: boolean = true;
-
-    files!: TreeNode[];
-
-    selectedNodes!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-inputSwitch [(ngModel)]="metaKeySelection" />
-<p-treeTable 
-    [value]="files" 
-    [columns]="cols" 
-    selectionMode="multiple" 
-    [(selection)]="selectedNodes" 
-    dataKey="name" 
-    [metaKeySelection]="metaKeySelection" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <div class="flex gap-3 items-center justify-center mb-4">
-        <p-inputSwitch [(ngModel)]="metaKeySelection" />
-        <span>Metakey</span>
-    </div>
-    <p-treeTable 
-        [value]="files" 
-        [columns]="cols" 
-        selectionMode="multiple" 
-        [(selection)]="selectedNodes" 
-        dataKey="name" 
-        [metaKeySelection]="metaKeySelection" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-selection-multiple-demo',
-    templateUrl: './tree-table-selection-multiple-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, InputSwitchModule, FormsModule, CommonModule],
-    providers: [NodeService]
-})
-export class TreeTableSelectionMultipleDemo implements OnInit {
-    metaKeySelection: boolean = true;
-
-    files!: TreeNode[];
-
-    selectedNodes!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/selectionsingledoc.ts b/src/app/showcase/doc/treetable/selectionsingledoc.ts
deleted file mode 100644
index 1be5c28..0000000
--- a/src/app/showcase/doc/treetable/selectionsingledoc.ts
+++ /dev/null
@@ -1,172 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'selection-single-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Single node selection is configured by setting <i>selectionMode</i> as <i>single</i> along with <i>selection</i> properties to manage the selection value binding.</p>
-            <p>
-                By default, metaKey press (e.g. <i>⌘</i>) is necessary to unselect a node however this can be configured with disabling the <i>metaKeySelection</i> property. In touch enabled devices this option has no effect and behavior is same as
-                setting it to false
-            </p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex gap-3 items-center justify-center mb-4">
-                <p-inputSwitch [(ngModel)]="metaKeySelection" />
-                <span>Metakey</span>
-            </div>
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" selectionMode="single" [metaKeySelection]="metaKeySelection" [(selection)]="selectedNode" dataKey="name" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-selection-single-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class SelectionSingleDoc {
-    metaKeySelection: boolean = true;
-
-    files!: TreeNode[];
-
-    selectedNode!: TreeNode;
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [columns]="cols" 
-    selectionMode="single" 
-    [(selection)]="selectedNode" 
-    dataKey="name" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <div class="flex gap-3 items-center justify-center mb-4">
-        <p-inputSwitch [(ngModel)]="metaKeySelection" />
-        <span>Metakey</span>
-    </div>
-    <p-treeTable 
-        [value]="files" 
-        [columns]="cols" 
-        selectionMode="single" 
-        [(selection)]="selectedNode" 
-        dataKey="name" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-selection-single-demo',
-    templateUrl: './tree-table-selection-single-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, InputSwitchModule, FormsModule, CommonModule],
-    providers: [NodeService]
-})
-export class TreeTableSelectionSingleDemo implements OnInit {
-    metaKeySelection: boolean = true;
-
-    files!: TreeNode[];
-
-    selectedNode!: TreeNode;
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/sizedoc.ts b/src/app/showcase/doc/treetable/sizedoc.ts
deleted file mode 100644
index 4f235c8..0000000
--- a/src/app/showcase/doc/treetable/sizedoc.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-@Component({
-    selector: 'size-doc',
-    template: ` <section class="py-4">
-        <app-docsectiontext>
-            <p>In addition to a regular treetable, alternatives with alternative sizes are available. Add <i>p-treetable-sm</i> class to reduce the size of treetable or <i>p-treetable-lg</i> to enlarge it.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <div class="flex justify-center mb-3">
-                <p-selectButton [options]="sizes" [(ngModel)]="selectedSize" [multiple]="false" optionLabel="name" optionValue="class" />
-            </div>
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }" [styleClass]="selectedSize">
-                    <ng-template pTemplate="header">
-                        <tr>
-                            <th>Name</th>
-                            <th>Size</th>
-                            <th>Type</th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-                        <tr [ttRow]="rowNode">
-                            <td>
-                                <p-treeTableToggler [rowNode]="rowNode" />
-                                {{ rowData.name }}
-                            </td>
-                            <td>{{ rowData.size }}</td>
-                            <td>{{ rowData.type }}</td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-size-demo"></app-code>
-    </section>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class SizeDoc {
-    files!: TreeNode[];
-
-    sizes!: any[];
-
-    selectedSize: any = '';
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-
-        this.sizes = [
-            { name: 'Small', class: 'p-treetable-sm' },
-            { name: 'Normal', class: '' },
-            { name: 'Large', class: 'p-treetable-lg' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<div class="flex justify-center mb-3">
-    <p-selectButton 
-        [options]="sizes" 
-        [(ngModel)]="selectedSize" 
-        [multiple]="false" 
-        optionLabel="name" 
-        optionValue="class" />
-</div>
-<p-treeTable 
-    [value]="files" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}" 
-    [styleClass]="selectedSize">
-        <ng-template pTemplate="header">
-            <tr>
-                <th>Name</th>
-                <th>Size</th>
-                <th>Type</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-            <tr [ttRow]="rowNode">
-                <td>
-                    <p-treeTableToggler [rowNode]="rowNode" />
-                    {{ rowData.name }}
-                </td>
-                <td>{{ rowData.size }}</td>
-                <td>{{ rowData.type }}</td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <div class="flex justify-center mb-3">
-        <p-selectButton 
-            [options]="sizes" 
-            [(ngModel)]="selectedSize" 
-            [multiple]="false" 
-            optionLabel="name" 
-            optionValue="class" />
-    </div>
-    <p-treeTable 
-        [value]="files" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}" 
-        [styleClass]="selectedSize">
-            <ng-template pTemplate="header">
-                <tr>
-                    <th>Name</th>
-                    <th>Size</th>
-                    <th>Type</th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData">
-                <tr [ttRow]="rowNode">
-                    <td>
-                        <p-treeTableToggler [rowNode]="rowNode" />
-                        {{ rowData.name }}
-                    </td>
-                    <td>{{ rowData.size }}</td>
-                    <td>{{ rowData.type }}</td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { SelectButtonModule } from 'primeng/selectbutton';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'tree-table-size-demo',
-    templateUrl: './tree-table-size-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, SelectButtonModule, FormsModule],
-    providers: [NodeService]
-})
-export class TreeTableSizeDemo implements OnInit {
-    files!: TreeNode[];
-
-    sizes!: any[];
-
-    selectedSize: any = '';
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.sizes = [
-            { name: 'Small', class: 'p-treetable-sm' },
-            { name: 'Normal', class: '' },
-            { name: 'Large', class: 'p-treetable-lg' }
-        ];
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/sortmultiplecolumnsdoc.ts b/src/app/showcase/doc/treetable/sortmultiplecolumnsdoc.ts
deleted file mode 100644
index 5b978f9..0000000
--- a/src/app/showcase/doc/treetable/sortmultiplecolumnsdoc.ts
+++ /dev/null
@@ -1,149 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'sort-multiple-columns-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Multiple columns can be sorted by defining <i>sortMode</i> as <i>multiple</i>. This mode requires metaKey (e.g. <i>⌘</i>) to be pressed when clicking a header.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" sortMode="multiple" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns" [ttSortableColumn]="col.field">
-                                {{ col.header }}
-                                <p-treeTableSortIcon [field]="col.field" />
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-sort-multiple-columns-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class SortMultipleColumnsDoc {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [columns]="cols" 
-    sortMode="multiple" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns" [ttSortableColumn]="col.field">
-                    {{ col.header }}
-                    <p-treeTableSortIcon [field]="col.field" />
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable 
-        [value]="files" 
-        [columns]="cols" 
-        sortMode="multiple" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns" [ttSortableColumn]="col.field">
-                        {{ col.header }}
-                        <p-treeTableSortIcon [field]="col.field" />
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-sort-multiple-columns-demo',
-    templateUrl: './tree-table-sort-multiple-columns-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, CommonModule],
-    providers: [NodeService]
-})
-export class TreeTableSortMultipleColumnsDemo implements OnInit {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/sortremovabledoc.ts b/src/app/showcase/doc/treetable/sortremovabledoc.ts
deleted file mode 100644
index 1add444..0000000
--- a/src/app/showcase/doc/treetable/sortremovabledoc.ts
+++ /dev/null
@@ -1,215 +0,0 @@
-import { ChangeDetectionStrategy, Component, ViewChild } from '@angular/core';
-import { SortEvent, TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-import { TreeTable } from 'primeng/treetable';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'sort-removable-doc',
-    template: `
-        <app-docsectiontext>
-            <p>The removable sort can be implemented using the <i>customSort</i> property.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable
-                    #tt
-                    [value]="files"
-                    (sortFunction)="customSort($event)"
-                    [customSort]="true"
-                    [columns]="cols"
-                    selectionMode="single"
-                    [metaKeySelection]="metaKeySelection"
-                    [(selection)]="selectedNode"
-                    dataKey="name"
-                    [scrollable]="true"
-                    [tableStyle]="{ 'min-width': '50rem' }"
-                >
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns" [ttSortableColumn]="col.field">
-                                {{ col.header }}
-                                <p-treeTableSortIcon [field]="col.field" />
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-sort-removable-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class SortRemovableDoc {
-    @ViewChild('tt') tt: TreeTable;
-
-    metaKeySelection: boolean = true;
-
-    files!: TreeNode[];
-
-    initialValue: TreeNode[];
-
-    selectedNode!: TreeNode;
-
-    cols!: Column[];
-
-    isSorted: boolean = null;
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => {
-            this.files = files;
-            this.initialValue = [...files];
-        });
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-    customSort(event: SortEvent) {
-        if (this.isSorted == null || this.isSorted === undefined) {
-            this.isSorted = true;
-            this.sortTableData(event);
-        } else if (this.isSorted == true) {
-            this.isSorted = false;
-            this.sortTableData(event);
-        } else if (this.isSorted == false) {
-            this.isSorted = null;
-            this.files = [...this.initialValue];
-            this.tt.reset();
-        }
-    }
-
-    sortTableData(event) {
-        event.data.sort((data1, data2) => {
-            let value1 = data1.data[event.field];
-            let value2 = data2.data[event.field];
-            let result = null;
-            if (value1 == null && value2 != null) result = -1;
-            else if (value1 != null && value2 == null) result = 1;
-            else if (value1 == null && value2 == null) result = 0;
-            else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2);
-            else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-
-            return event.order * result;
-        });
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [columns]="cols" 
-    selectionMode="single" 
-    [(selection)]="selectedNode" 
-    dataKey="name" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <div class="flex gap-3 items-center justify-center mb-4">
-        <p-inputSwitch [(ngModel)]="metaKeySelection" />
-        <span>Metakey</span>
-    </div>
-    <p-treeTable 
-        [value]="files" 
-        [columns]="cols" 
-        selectionMode="single" 
-        [(selection)]="selectedNode" 
-        dataKey="name" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns">
-                        {{ col.header }}
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-sort-removable-demo',
-    templateUrl: './tree-table-sort-removable-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, InputSwitchModule, FormsModule, CommonModule],
-    providers: [NodeService]
-})
-export class TreeTableSortRemovableDemo implements OnInit {
-    metaKeySelection: boolean = true;
-
-    files!: TreeNode[];
-
-    selectedNode!: TreeNode;
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/sortsinglecolumndoc.ts b/src/app/showcase/doc/treetable/sortsinglecolumndoc.ts
deleted file mode 100644
index 9b06276..0000000
--- a/src/app/showcase/doc/treetable/sortsinglecolumndoc.ts
+++ /dev/null
@@ -1,147 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'sort-single-column-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Sorting on a column is enabled by adding the <i>ttSortableColumn</i> property.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns" [ttSortableColumn]="col.field">
-                                {{ col.header }}
-                                <p-treeTableSortIcon [field]="col.field" />
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                            </td>
-                        </tr>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-sort-single-column-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class SortSingleColumnDoc {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-
-    code: Code = {
-        basic: `<p-treeTable 
-    [value]="files" 
-    [columns]="cols" 
-    [scrollable]="true" 
-    [tableStyle]="{'min-width':'50rem'}">
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns" [ttSortableColumn]="col.field">
-                    {{ col.header }}
-                    <p-treeTableSortIcon [field]="col.field" />
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                </td>
-            </tr>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable 
-        [value]="files" 
-        [columns]="cols" 
-        [scrollable]="true" 
-        [tableStyle]="{'min-width':'50rem'}">
-            <ng-template pTemplate="header" let-columns>
-                <tr>
-                    <th *ngFor="let col of columns" [ttSortableColumn]="col.field">
-                        {{ col.header }}
-                        <p-treeTableSortIcon [field]="col.field" />
-                    </th>
-                </tr>
-            </ng-template>
-            <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                <tr [ttRow]="rowNode">
-                    <td *ngFor="let col of columns; let i = index">
-                        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                        {{ rowData[col.field] }}
-                    </td>
-                </tr>
-            </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { TreeTableModule } from 'primeng/treetable';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-sort-single-column-demo',
-    templateUrl: './tree-table-sort-single-column-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, CommonModule],
-    providers: [NodeService]
-})
-export class TreeTableSortSingleColumnDemo implements OnInit {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' }
-        ];
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/styledoc.ts b/src/app/showcase/doc/treetable/styledoc.ts
deleted file mode 100644
index 27ce4b6..0000000
--- a/src/app/showcase/doc/treetable/styledoc.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-treetable</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-treetable-caption</td>
-                        <td>Caption element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-treetable-summary</td>
-                        <td>Section section.</td>
-                    </tr>
-                    <tr>
-                        <td>p-sortable-column</td>
-                        <td>Sortable column header.</td>
-                    </tr>
-                    <tr>
-                        <td>p-treetable-scrollable-header</td>
-                        <td>Container of header in a scrollable table.</td>
-                    </tr>
-                    <tr>
-                        <td>p-treetable-scrollable-body</td>
-                        <td>Container of body in a scrollable table.</td>
-                    </tr>
-                    <tr>
-                        <td>p-treetable-scrollable-footer</td>
-                        <td>Container of footer in a scrollable table.</td>
-                    </tr>
-                    <tr>
-                        <td>p-treetable-loading</td>
-                        <td>Loader mask.</td>
-                    </tr>
-                    <tr>
-                        <td>p-treetable-loading-content</td>
-                        <td>Loader content.</td>
-                    </tr>
-                    <tr>
-                        <td>p-treetable-wrapper</td>
-                        <td>Loader content.</td>
-                    </tr>
-                    <tr>
-                        <td>p-treetable-scrollable-wrapper</td>
-                        <td>Loader content.</td>
-                    </tr>
-                    <tr>
-                        <td>p-treetable-resizer-helper</td>
-                        <td>Vertical resize indicator bar.</td>
-                    </tr>
-                    <tr>
-                        <td>p-treetable-reorder-indicator-top</td>
-                        <td>Top indicator of column reordering.</td>
-                    </tr>
-                    <tr>
-                        <td>p-treetable-reorder-indicator-top</td>
-                        <td>Bottom indicator of column reordering.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/treetable/templatedoc.ts b/src/app/showcase/doc/treetable/templatedoc.ts
deleted file mode 100644
index ccad218..0000000
--- a/src/app/showcase/doc/treetable/templatedoc.ts
+++ /dev/null
@@ -1,166 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { Code } from '@domain/code';
-import { NodeService } from '@service/nodeservice';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'template-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Custom content at <i>caption</i>, <i>header</i>, <i>body</i> and <i>summary</i> sections are supported via templating.</p>
-        </app-docsectiontext>
-        <div class="card">
-            <p-deferred-demo (load)="loadDemoData()">
-                <p-treeTable [value]="files" [columns]="cols" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-                    <ng-template pTemplate="caption"><div class="text-xl font-bold">File Viewer</div> </ng-template>
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th *ngFor="let col of columns">
-                                {{ col.header }}
-                            </th>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-                        <tr [ttRow]="rowNode">
-                            <td *ngFor="let col of columns; let i = index; let last = last">
-                                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                                {{ rowData[col.field] }}
-                                <ng-container *ngIf="last">
-                                    <p-button icon="pi pi-search" rounded="true" [style]="{ 'margin-right': '.5em' }" />
-                                    <p-button icon="pi pi-pencil" rounded="true" severity="success" />
-                                </ng-container>
-                            </td>
-                        </tr>
-                    </ng-template>
-                    <ng-template pTemplate="summary">
-                        <div style="text-align:left">
-                            <p-button icon="pi pi-refresh" label="Reload" severity="warning" />
-                        </div>
-                    </ng-template>
-                </p-treeTable>
-            </p-deferred-demo>
-        </div>
-        <app-code [code]="code" selector="tree-table-template-demo"></app-code>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class TemplateDoc {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    loadDemoData() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' },
-            { field: '', header: '' }
-        ];
-    }
-    code: Code = {
-        basic: `<p-treeTable [value]="files" [columns]="cols" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-        <ng-template pTemplate="caption"><div class="text-xl font-bold">File Viewer</div> </ng-template>
-        <ng-template pTemplate="header" let-columns>
-            <tr>
-                <th *ngFor="let col of columns">
-                    {{ col.header }}
-                </th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-            <tr [ttRow]="rowNode">
-                <td *ngFor="let col of columns; let i = index; let last = last">
-                    <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                    {{ rowData[col.field] }}
-                    <ng-container *ngIf="last">
-                        <p-button icon="pi pi-search" rounded="true" [style]="{ 'margin-right': '.5em' }" />
-                        <p-button icon="pi pi-pencil" rounded="true" severity="success" />
-                    </ng-container>
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="summary">
-            <div style="text-align:left">
-                <p-button icon="pi pi-refresh" label="Reload" severity="warning" />
-            </div>
-        </ng-template>
-</p-treeTable>`,
-
-        html: `<div class="card">
-    <p-treeTable [value]="files" [columns]="cols" [scrollable]="true" [tableStyle]="{ 'min-width': '50rem' }">
-    <ng-template pTemplate="caption"><div class="text-xl font-bold">File Viewer</div> </ng-template>
-    <ng-template pTemplate="header" let-columns>
-        <tr>
-            <th *ngFor="let col of columns">
-                {{ col.header }}
-            </th>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-        <tr [ttRow]="rowNode">
-            <td *ngFor="let col of columns; let i = index; let last = last">
-                <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0" />
-                {{ rowData[col.field] }}
-                <ng-container *ngIf="last">
-                    <p-button icon="pi pi-search" rounded="true" [style]="{ 'margin-right': '.5em' }" />
-                    <p-button icon="pi pi-pencil" rounded="true" severity="success" />
-                </ng-container>
-            </td>
-        </tr>
-    </ng-template>
-    <ng-template pTemplate="summary">
-        <div style="text-align:left">
-            <p-button icon="pi pi-refresh" label="Reload" severity="warning" />
-        </div>
-    </ng-template>
-    </p-treeTable>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { TreeNode } from 'primeng/api';
-import { NodeService } from '@service/nodeservice';
-import { ButtonModule } from 'primeng/button';
-import { TreeTableModule } from 'primeng/treetable';
-import { CommonModule } from '@angular/common';
-
-interface Column {
-    field: string;
-    header: string;
-}
-
-@Component({
-    selector: 'tree-table-template-demo',
-    templateUrl: './tree-table-template-demo.html',
-    standalone: true,
-    imports: [TreeTableModule, ButtonModule, CommonModule],
-    providers: [NodeService]
-})
-export class TreeTableTemplateDemo implements OnInit {
-    files!: TreeNode[];
-
-    cols!: Column[];
-
-    constructor(private nodeService: NodeService) {}
-
-    ngOnInit() {
-        this.nodeService.getFilesystem().then((files) => (this.files = files));
-        this.cols = [
-            { field: 'name', header: 'Name' },
-            { field: 'size', header: 'Size' },
-            { field: 'type', header: 'Type' },
-            { field: '', header: '' }
-        ];
-    }
-}`,
-
-        service: ['NodeService']
-    };
-}
diff --git a/src/app/showcase/doc/treetable/treetabledoc.module.ts b/src/app/showcase/doc/treetable/treetabledoc.module.ts
deleted file mode 100644
index 957f7c2..0000000
--- a/src/app/showcase/doc/treetable/treetabledoc.module.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { TreeTableModule } from 'primeng/treetable';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { ButtonModule } from 'primeng/button';
-import { BasicDoc } from './basicdoc';
-import { TemplateDoc } from './templatedoc';
-import { DynamicColumnsDoc } from './dynamiccolumnsdoc';
-import { ImportDoc } from './importdoc';
-import { PaginatorBasicDoc } from './paginatorbasicdoc';
-import { PaginatorTemplateDoc } from './paginatortemplatedoc';
-import { RouterModule } from '@angular/router';
-import { SortSingleColumnDoc } from './sortsinglecolumndoc';
-import { FilterDoc } from './filterdoc';
-import { InputTextModule } from 'primeng/inputtext';
-import { SelectButtonModule } from 'primeng/selectbutton';
-import { FormsModule } from '@angular/forms';
-import { SelectionSingleDoc } from './selectionsingledoc';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { SelectionMultipleDoc } from './selectionmultipledoc';
-import { SelectionCheckboxDoc } from './selectioncheckboxdoc';
-import { SelectionEventsDoc } from './selectioneventscdoc';
-import { ToastModule } from 'primeng/toast';
-import { ColumnGroupDoc } from './columngroupdoc';
-import { LazyLoadDoc } from './lazyloaddoc';
-import { EditDoc } from './editdoc';
-import { ScrollVerticalDoc } from './scrollverticaldoc';
-import { ScrollHorizontalDoc } from './scrollhorizontaldoc';
-import { FrozenColumnsDoc } from './scrollfrozencolumnsdoc';
-import { ResizeFitDoc } from './columnresizefitdoc';
-import { ResizeExpandDoc } from './columnresizeexpanddoc';
-import { ReorderDoc } from './reorderdoc';
-import { ColumnToggleDoc } from './columntoggledoc';
-import { MultiSelectModule } from 'primeng/multiselect';
-import { ConditionalStyleDoc } from './conditionalstyledoc';
-import { ContextMenuDoc } from './contextmenudoc';
-import { ContextMenuModule } from 'primeng/contextmenu';
-import { StyleDoc } from './styledoc';
-import { ResizeScrollableDoc } from './columnresizescrollabledoc';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { PaginatorLocaleDoc } from './paginatorlocaledoc';
-import { SizeDoc } from './sizedoc';
-import { GridlinesDoc } from './gridlinesdoc';
-import { ControlledDoc } from './controlleddoc';
-import { DeferredDemo } from '../../demo/deferreddemo';
-import { SortMultipleColumnsDoc } from './sortmultiplecolumnsdoc';
-import { ScrollFlexibleDoc } from './flexiblescrolldoc';
-import { DialogModule } from 'primeng/dialog';
-import { SortRemovableDoc } from './sortremovabledoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, TreeTableModule, ButtonModule, RouterModule, InputTextModule, SelectButtonModule, FormsModule, InputSwitchModule, ToastModule, MultiSelectModule, ContextMenuModule, DialogModule, DeferredDemo],
-    exports: [AppDocModule],
-    declarations: [
-        ImportDoc,
-        BasicDoc,
-        DynamicColumnsDoc,
-        TemplateDoc,
-        PaginatorBasicDoc,
-        PaginatorTemplateDoc,
-        SortSingleColumnDoc,
-        SortMultipleColumnsDoc,
-        SortRemovableDoc,
-        FilterDoc,
-        SelectionSingleDoc,
-        SelectionMultipleDoc,
-        SelectionCheckboxDoc,
-        SelectionEventsDoc,
-        ColumnGroupDoc,
-        LazyLoadDoc,
-        EditDoc,
-        ScrollVerticalDoc,
-        ScrollHorizontalDoc,
-        ScrollFlexibleDoc,
-        FrozenColumnsDoc,
-        ResizeFitDoc,
-        ResizeExpandDoc,
-        ReorderDoc,
-        ColumnToggleDoc,
-        ConditionalStyleDoc,
-        ContextMenuDoc,
-        StyleDoc,
-        AccessibilityDoc,
-        PaginatorLocaleDoc,
-        ResizeScrollableDoc,
-        SizeDoc,
-        GridlinesDoc,
-        ControlledDoc
-    ]
-})
-export class TreeTableDocModule {}
diff --git a/src/app/showcase/doc/tristatecheckbox/accessibilitydoc.ts b/src/app/showcase/doc/tristatecheckbox/accessibilitydoc.ts
deleted file mode 100644
index 44670c9..0000000
--- a/src/app/showcase/doc/tristatecheckbox/accessibilitydoc.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'accessibility-doc',
-    template: ` <div>
-        <app-docsectiontext>
-            <h3>Screen Reader</h3>
-            <p>
-                TriStateCheckbox component uses an element with <i>checkbox</i> role. Value to describe the component can either be provided with <i>ariaLabelledBy</i> or <i>ariaLabel</i> props. Component adds an element with
-                <i>aria-live</i> attribute that is only visible to screen readers to read the value displayed. Values to read are defined with the <i>trueLabel</i>, <i>falseLabel</i> and <i>nullLabel</i> keys of the <i>aria</i> property from the
-                <a href="/configuration/#locale">locale</a> API. This is an example of a custom accessibility implementation as there is no one to one mapping between the component design and the WCAG specification.
-            </p>
-        </app-docsectiontext>
-
-        <app-code [code]="code" [hideToggleCode]="true" [hideCodeSandbox]="true" [hideStackBlitz]="true"></app-code>
-
-        <h3>Keyboard Support</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Key</th>
-                        <th>Function</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <i>tab</i>
-                        </td>
-                        <td>Moves focus to the checkbox.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>space</i>
-                        </td>
-                        <td>Toggles between the values.</td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <i>enter</i>
-                        </td>
-                        <td>Toggles between the values.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>`
-})
-export class AccessibilityDoc {
-    code: Code = {
-        basic: `<span id="chkbox1">Remember Me</span>
-<p-triStateCheckbox ariaLabelledBy="chkbox1" />
-
-<p-triStateCheckbox ariaLabel="Remember Me" />`
-    };
-}
diff --git a/src/app/showcase/doc/tristatecheckbox/basicdoc.ts b/src/app/showcase/doc/tristatecheckbox/basicdoc.ts
deleted file mode 100644
index 89816ec..0000000
--- a/src/app/showcase/doc/tristatecheckbox/basicdoc.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'basic-doc',
-    template: `
-        <app-docsectiontext>
-            <p>A model can be bound using the standard <i>ngModel</i> directive.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col gap-3 items-center">
-            <p-triStateCheckbox [(ngModel)]="value" inputId="tricheckbox" />
-            <label for="tricheckbox">{{ value === null ? 'null' : value }}</label>
-        </div>
-        <app-code [code]="code" selector="tri-state-checkbox-basic-demo"></app-code>
-    `
-})
-export class BasicDoc {
-    value: boolean | null = null;
-
-    code: Code = {
-        basic: `<p-triStateCheckbox [(ngModel)]="value" inputId="tricheckbox" />`,
-
-        html: `<div class="card flex flex-col gap-3 items-center">
-    <p-triStateCheckbox [(ngModel)]="value" inputId="tricheckbox" />
-    <label for="tricheckbox">{{ value === null ? 'null' : value }}</label>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TriStateCheckboxModule } from 'primeng/tristatecheckbox';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'tri-state-checkbox-basic-demo',
-    templateUrl: './tri-state-checkbox-basic-demo.html',
-    standalone: true,
-    imports: [FormsModule, TriStateCheckboxModule]
-})
-export class TriStateCheckboxBasicDemo {
-    value: boolean | null = null;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tristatecheckbox/disableddoc.ts b/src/app/showcase/doc/tristatecheckbox/disableddoc.ts
deleted file mode 100644
index c67ef04..0000000
--- a/src/app/showcase/doc/tristatecheckbox/disableddoc.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'disabled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col gap-3 items-center">
-            <p-triStateCheckbox [(ngModel)]="value" [disabled]="true" />
-            <label>{{ value === null ? 'null' : value }}</label>
-        </div>
-        <app-code [code]="code" selector="tri-state-checkbox-disabled-demo"></app-code>
-    `
-})
-export class DisabledDoc {
-    value!: string;
-
-    code: Code = {
-        basic: `<p-triStateCheckbox [(ngModel)]="value" [disabled]="true" />`,
-
-        html: `<div class="card flex flex-col gap-3 items-center">
-    <p-triStateCheckbox [(ngModel)]="value" [disabled]="true" />
-    <label>{{value === null ? 'null' : value}}</label>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TriStateCheckboxModule } from 'primeng/tristatecheckbox';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'tri-state-checkbox-disabled-demo',
-    templateUrl: './tri-state-checkbox-disabled-demo.html',
-    standalone: true,
-    imports: [FormsModule, TriStateCheckboxModule]
-})
-export class TriStateCheckboxDisabledDemo {
-    value!: string;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tristatecheckbox/filleddoc.ts b/src/app/showcase/doc/tristatecheckbox/filleddoc.ts
deleted file mode 100644
index 30b4e92..0000000
--- a/src/app/showcase/doc/tristatecheckbox/filleddoc.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'filled-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col gap-3 items-center">
-            <p-triStateCheckbox [(ngModel)]="value" variant="filled" inputId="tricheckbox" />
-        </div>
-        <app-code [code]="code" selector="tri-state-checkbox-filled-demo"></app-code>
-    `
-})
-export class FilledDoc {
-    value: boolean | null = null;
-
-    code: Code = {
-        basic: `<p-triStateCheckbox 
-    [(ngModel)]="value" 
-    variant="filled" 
-    inputId="tricheckbox" />`,
-
-        html: `<div class="card flex flex-col gap-3 items-center">
-    <p-triStateCheckbox 
-        [(ngModel)]="value"
-        variant="filled" 
-        inputId="tricheckbox" />
-    <label for="tricheckbox">
-        {{ value === null ? 'null' : value }}
-    </label>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TriStateCheckboxModule } from 'primeng/tristatecheckbox';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'tri-state-checkbox-filled-demo',
-    templateUrl: './tri-state-checkbox-filled-demo.html',
-    standalone: true,
-    imports: [FormsModule, TriStateCheckboxModule]
-})
-export class TriStateCheckboxFilledDemo {
-    value: boolean | null = null;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tristatecheckbox/importdoc.ts b/src/app/showcase/doc/tristatecheckbox/importdoc.ts
deleted file mode 100644
index 682847d..0000000
--- a/src/app/showcase/doc/tristatecheckbox/importdoc.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'import-doc',
-    template: ` <app-code [code]="code" [hideToggleCode]="true"></app-code> `
-})
-export class ImportDoc {
-    code: Code = {
-        typescript: `import { TriStateCheckboxModule } from 'primeng/tristatecheckbox';`
-    };
-}
diff --git a/src/app/showcase/doc/tristatecheckbox/invaliddoc.ts b/src/app/showcase/doc/tristatecheckbox/invaliddoc.ts
deleted file mode 100644
index 2da73a4..0000000
--- a/src/app/showcase/doc/tristatecheckbox/invaliddoc.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Component } from '@angular/core';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'invalid-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Invalid state style is added using the <i>ng-invalid</i> and <i>ng-dirty</i> class to indicate a failed validation.</p>
-        </app-docsectiontext>
-        <div class="card flex flex-col gap-3 items-center">
-            <p-triStateCheckbox [(ngModel)]="value" inputId="tricheckbox" class="ng-dirty ng-invalid" />
-            <label for="tricheckbox">{{ value === null ? 'null' : value }}</label>
-        </div>
-        <app-code [code]="code" selector="tri-state-checkbox-invalid-demo"></app-code>
-    `
-})
-export class InvalidDoc {
-    value: boolean | null = null;
-
-    code: Code = {
-        basic: `<p-triStateCheckbox 
-    [(ngModel)]="value" 
-    inputId="tricheckbox" 
-    class="ng-dirty ng-invalid" />
-<label for="tricheckbox">
-    {{ value === null ? 'null' : value }}
-</label>`,
-
-        html: `<div class="card flex flex-col gap-3 items-center">
-    <p-triStateCheckbox 
-        [(ngModel)]="value"
-        inputId="tricheckbox" 
-        class="ng-dirty ng-invalid" />
-    <label for="tricheckbox">
-        {{ value === null ? 'null' : value }}
-    </label>
-</div>`,
-
-        typescript: `import { Component } from '@angular/core';
-import { TriStateCheckboxModule } from 'primeng/tristatecheckbox';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-    selector: 'tri-state-checkbox-invalid-demo',
-    templateUrl: './tri-state-checkbox-invalid-demo.html',
-    standalone: true,
-    imports: [FormsModule, TriStateCheckboxModule]
-})
-export class TriStateCheckboxInvalidDemo {
-    value: boolean | null = null;
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tristatecheckbox/reactiveformsdoc.ts b/src/app/showcase/doc/tristatecheckbox/reactiveformsdoc.ts
deleted file mode 100644
index 8005f4a..0000000
--- a/src/app/showcase/doc/tristatecheckbox/reactiveformsdoc.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Code } from '@domain/code';
-
-@Component({
-    selector: 'reactive-forms-doc',
-    template: `
-        <app-docsectiontext>
-            <p>TriStateCheckbox can also be used with reactive forms. In this case, the <i>formControlName</i> property is used to bind the component to a form control.</p>
-        </app-docsectiontext>
-        <div class="card flex justify-center">
-            <form [formGroup]="formGroup" class="flex flex-col items-center gap-3">
-                <p-triStateCheckbox formControlName="checked" inputId="checked" />
-                <label for="checked">{{ formGroup.value.checked === null ? 'null' : formGroup.value.checked }}</label>
-            </form>
-        </div>
-        <app-code [code]="code" selector="tri-state-checkbox-reactive-forms-demo"></app-code>
-    `
-})
-export class ReactiveFormsDoc implements OnInit {
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            checked: new FormControl<boolean | null>(null)
-        });
-    }
-
-    code: Code = {
-        basic: `<form [formGroup]="formGroup" class="flex flex-col items-center gap-3">
-    <p-triStateCheckbox 
-        formControlName="checked" 
-        inputId="checked" />
-    <label for="checked">
-        {{ formGroup.value.checked === null ? 'null' : formGroup.value.checked }}
-    </label>
-</form>`,
-
-        html: `<div class="card flex justify-center">
-    <form [formGroup]="formGroup" class="flex flex-col items-center gap-3">
-        <p-triStateCheckbox 
-            formControlName="checked" 
-            inputId="checked" />
-        <label for="checked">
-            {{ formGroup.value.checked === null ? 'null' : formGroup.value.checked }}
-        </label>
-    </form>
-</div>`,
-
-        typescript: `import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { TriStateCheckboxModule } from 'primeng/tristatecheckbox';
-
-@Component({
-    selector: 'tri-state-checkbox-reactive-forms-demo',
-    templateUrl: './tri-state-checkbox-reactive-forms-demo.html',
-    standalone: true,
-    imports: [ReactiveFormsModule, TriStateCheckboxModule]
-})
-export class TriStateCheckboxReactiveFormsDemo implements OnInit {
-    formGroup!: FormGroup;
-
-    ngOnInit() {
-        this.formGroup = new FormGroup({
-            checked: new FormControl<boolean | null>(null)
-        });
-    }
-}`
-    };
-}
diff --git a/src/app/showcase/doc/tristatecheckbox/styledoc.ts b/src/app/showcase/doc/tristatecheckbox/styledoc.ts
deleted file mode 100644
index 8a83934..0000000
--- a/src/app/showcase/doc/tristatecheckbox/styledoc.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'style-doc',
-    template: `
-        <app-docsectiontext>
-            <p>Following is the list of structural style classes, for theming classes visit <a href="#" [routerLink]="['/theming']">theming</a> page.</p>
-        </app-docsectiontext>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-checkbox</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-tristatechkbox</td>
-                        <td>Container element</td>
-                    </tr>
-                    <tr>
-                        <td>p-checkbox-box</td>
-                        <td>Container of icon.</td>
-                    </tr>
-                    <tr>
-                        <td>p-checkbox-icon</td>
-                        <td>Icon element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    `
-})
-export class StyleDoc {}
diff --git a/src/app/showcase/doc/tristatecheckbox/tristatecheckboxdoc.module.ts b/src/app/showcase/doc/tristatecheckbox/tristatecheckboxdoc.module.ts
deleted file mode 100644
index ee8211a..0000000
--- a/src/app/showcase/doc/tristatecheckbox/tristatecheckboxdoc.module.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { TriStateCheckboxModule } from 'primeng/tristatecheckbox';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { BasicDoc } from './basicdoc';
-import { InvalidDoc } from './invaliddoc';
-import { ImportDoc } from './importdoc';
-import { DisabledDoc } from './disableddoc';
-import { StyleDoc } from './styledoc';
-import { RouterModule } from '@angular/router';
-import { AccessibilityDoc } from './accessibilitydoc';
-import { ReactiveFormsDoc } from './reactiveformsdoc';
-import { FilledDoc } from './filleddoc';
-
-@NgModule({
-    imports: [CommonModule, AppCodeModule, AppDocModule, TriStateCheckboxModule, FormsModule, ReactiveFormsModule, RouterModule],
-    exports: [AppDocModule],
-    declarations: [ImportDoc, BasicDoc, InvalidDoc, DisabledDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc, FilledDoc]
-})
-export class TristatecheckboxDocModule {}
diff --git a/src/app/showcase/domain/appconfig.ts b/src/app/showcase/domain/appconfig.ts
deleted file mode 100644
index 1e998eb..0000000
--- a/src/app/showcase/domain/appconfig.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export interface AppConfig {
-    inputStyle?: string;
-    darkMode?: boolean;
-    theme?: string;
-    ripple?: boolean;
-    scale?: number;
-    tableTheme?: string;
-}
diff --git a/src/app/showcase/domain/appstate.ts b/src/app/showcase/domain/appstate.ts
deleted file mode 100644
index 85e2aaf..0000000
--- a/src/app/showcase/domain/appstate.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export interface AppState {
-    configActive?: boolean;
-    menuActive?: boolean;
-    newsActive?: boolean;
-    announcement?: any;
-}
diff --git a/src/app/showcase/domain/car.ts b/src/app/showcase/domain/car.ts
deleted file mode 100644
index 16e9485..0000000
--- a/src/app/showcase/domain/car.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export interface Car {
-    id?;
-    vin?;
-    year?;
-    brand?;
-    color?;
-    price?;
-    saleDate?;
-}
diff --git a/src/app/showcase/domain/code.ts b/src/app/showcase/domain/code.ts
deleted file mode 100644
index 2529c4b..0000000
--- a/src/app/showcase/domain/code.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-export interface Code {
-    basic?: string;
-    html?: string;
-    typescript?: string;
-    command?: string;
-    scss?: string;
-    data?: string;
-    module?: string;
-    routerModule?: string;
-    component?: string;
-    service?: string[];
-    imports?: string[];
-    extFiles?: ExtFile[];
-}
-
-export interface ExtFile {
-    path: string;
-    content: string;
-}
-
-export interface RouteFile extends ExtFile {
-    name: string;
-}
diff --git a/src/app/showcase/domain/customer.ts b/src/app/showcase/domain/customer.ts
deleted file mode 100644
index 6441ef1..0000000
--- a/src/app/showcase/domain/customer.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-export interface Country {
-    name?: string;
-    code?: string;
-}
-
-export interface Representative {
-    name?: string;
-    image?: string;
-}
-
-export interface Customer {
-    id?: number;
-    name?: string;
-    country?: Country;
-    company?: string;
-    date?: string | Date;
-    status?: string;
-    activity?: number;
-    representative?: Representative;
-    verified?: boolean;
-    balance?: number;
-}
diff --git a/src/app/showcase/domain/doc.ts b/src/app/showcase/domain/doc.ts
deleted file mode 100644
index bb0ac6c..0000000
--- a/src/app/showcase/domain/doc.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { ComponentRef, Type } from '@angular/core';
-interface ComponentType {
-    id: string;
-    title: string;
-    component: any;
-    level?: number;
-    parentTitle?: string;
-    parentId?: string;
-}
-
-export interface Doc {
-    id?: string;
-    label?: string;
-    component?: any;
-    doc?: Doc[];
-    children?: Doc[];
-}
diff --git a/src/app/showcase/domain/image.ts b/src/app/showcase/domain/image.ts
deleted file mode 100644
index 83e93eb..0000000
--- a/src/app/showcase/domain/image.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export interface Image {
-    previewImageSrc?;
-    thumbnailImageSrc?;
-    alt?;
-    title?;
-}
diff --git a/src/app/showcase/domain/product.ts b/src/app/showcase/domain/product.ts
deleted file mode 100644
index 5721d5a..0000000
--- a/src/app/showcase/domain/product.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export interface Product {
-    id?: string;
-    code?: string;
-    name?: string;
-    description?: string;
-    price?: number;
-    quantity?: number;
-    inventoryStatus?: string;
-    category?: string;
-    image?: string;
-    rating?: number;
-    buttonType?: string;
-}
diff --git a/src/app/showcase/domain/theme.ts b/src/app/showcase/domain/theme.ts
deleted file mode 100644
index 7782fdf..0000000
--- a/src/app/showcase/domain/theme.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export interface Theme {
-    name?: string;
-    dark?: boolean;
-}
diff --git a/src/app/showcase/layout/app.component.html b/src/app/showcase/layout/app.component.html
deleted file mode 100644
index 90c6b64..0000000
--- a/src/app/showcase/layout/app.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<router-outlet></router-outlet>
\ No newline at end of file
diff --git a/src/app/showcase/layout/app.component.spec.ts b/src/app/showcase/layout/app.component.spec.ts
deleted file mode 100644
index 07b5268..0000000
--- a/src/app/showcase/layout/app.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { TestBed, waitForAsync } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-import { AppComponent } from './app.component';
-import { FormsModule } from '@angular/forms';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { HttpClientModule } from '@angular/common/http';
-import { AppConfigService } from '@service/appconfigservice';
-import { AppConfigComponent } from './config/app.config.component';
-import { AppFooterComponent } from './footer/app.footer.component';
-import { AppMenuComponent } from './menu/app.menu.component';
-import { AppTopBarComponent } from './topbar/app.topbar.component';
-import { JsonService } from '@service/jsonservice';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-
-describe('AppComponent', () => {
-    beforeEach(waitForAsync(() => {
-        TestBed.configureTestingModule({
-            imports: [AppComponent, AppConfigComponent, AppTopBarComponent, AppMenuComponent, AppFooterComponent, RouterTestingModule, FormsModule, BrowserAnimationsModule, AutoCompleteModule, HttpClientModule],
-            providers: [JsonService, AppConfigService]
-        }).compileComponents();
-    }));
-
-    it('should create the app', waitForAsync(() => {
-        const fixture = TestBed.createComponent(AppComponent);
-        const app = fixture.debugElement.componentInstance;
-        expect(app).toBeTruthy();
-    }));
-});
diff --git a/src/app/showcase/layout/app.component.ts b/src/app/showcase/layout/app.component.ts
deleted file mode 100644
index 0824868..0000000
--- a/src/app/showcase/layout/app.component.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-import { DOCUMENT, IMAGE_CONFIG } from '@angular/common';
-import { HttpClientModule } from '@angular/common/http';
-import { Component, Inject, OnInit, PLATFORM_ID, Renderer2, afterNextRender } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { NavigationEnd, Router, RouterOutlet } from '@angular/router';
-import { PrimeNGConfig } from 'primeng/api';
-import { LandingComponent } from '@pages/landing/landing.component';
-import { AppConfigService } from '@service/appconfigservice';
-import { CarService } from '@service/carservice';
-import { CountryService } from '@service/countryservice';
-import { CustomerService } from '@service/customerservice';
-import { EventService } from '@service/eventservice';
-import { NodeService } from '@service/nodeservice';
-import { PhotoService } from '@service/photoservice';
-import { ProductService } from '@service/productservice';
-import { AppMainComponent } from './app.main.component';
-import { AppConfigComponent } from './config/app.config.component';
-import { AppMenuComponent } from './menu/app.menu.component';
-import { AppNewsComponent } from './news/app.news.component';
-import { AppTopBarComponent } from './topbar/app.topbar.component';
-
-@Component({
-    selector: 'app-root',
-    templateUrl: './app.component.html',
-    standalone: true,
-    imports: [RouterOutlet, FormsModule, ReactiveFormsModule, HttpClientModule, AppMainComponent, LandingComponent, AppNewsComponent, AppConfigComponent, AppTopBarComponent, AppMenuComponent],
-    providers: [
-        CarService,
-        CountryService,
-        EventService,
-        NodeService,
-        CustomerService,
-        PhotoService,
-        AppConfigService,
-        ProductService,
-        {
-            provide: IMAGE_CONFIG,
-            useValue: {
-                disableImageSizeWarning: true,
-                disableImageLazyLoadWarning: true
-            }
-        }
-    ]
-})
-export class AppComponent implements OnInit {
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        private renderer: Renderer2,
-        private primeng: PrimeNGConfig,
-        private configService: AppConfigService,
-        private router: Router,
-        @Inject(PLATFORM_ID) private platformId: any
-    ) {
-        afterNextRender(() => {
-            if (process.env.NODE_ENV === 'production') {
-                this.injectScripts();
-            }
-
-            this.bindRouteEvents();
-        });
-    }
-    ngOnInit(): void {
-        this.primeng.ripple = true;
-    }
-
-    injectScripts() {
-        const script = this.renderer.createElement('script');
-        script.type = 'text/javascript';
-        script.src = 'https://www.googletagmanager.com/gtag/js?id=G-W297P962XH';
-        this.renderer.appendChild(this.document.body, script);
-
-        const scriptBody = this.renderer.createElement('script');
-        scriptBody.type = 'text/javascript';
-        scriptBody.text = `
-          window.dataLayer = window.dataLayer || [];
-          function gtag() { dataLayer.push(arguments); }
-          gtag('js', new Date());
-
-          gtag('config', 'G-W297P962XH');
-        `;
-        this.renderer.appendChild(this.document.body, scriptBody);
-    }
-
-    bindRouteEvents() {
-        this.router.events.subscribe((event) => {
-            if (event instanceof NavigationEnd) {
-                if (typeof window['gtag'] === 'function') {
-                    window['gtag']('event', 'page_view', {
-                        page_path: event.urlAfterRedirects
-                    });
-                }
-
-                const { theme, darkMode } = this.configService.config();
-                const landingTheme = darkMode ? 'ek5-dark-primary' : 'ek5-light-primary';
-                if (event.urlAfterRedirects === '/' && theme !== landingTheme) {
-                    this.configService.config.update((config) => ({ ...config, theme: landingTheme, dark: darkMode }));
-                }
-            }
-        });
-    }
-}
diff --git a/src/app/showcase/layout/app.config.server.ts b/src/app/showcase/layout/app.config.server.ts
deleted file mode 100644
index 8f7476e..0000000
--- a/src/app/showcase/layout/app.config.server.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { mergeApplicationConfig, ApplicationConfig } from '@angular/core';
-import { provideServerRendering } from '@angular/platform-server';
-import { appConfig } from './app.config';
-
-const serverConfig: ApplicationConfig = {
-    providers: [provideServerRendering()]
-};
-
-export const config = mergeApplicationConfig(appConfig, serverConfig);
diff --git a/src/app/showcase/layout/app.config.ts b/src/app/showcase/layout/app.config.ts
deleted file mode 100644
index c7a4f0d..0000000
--- a/src/app/showcase/layout/app.config.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { ApplicationConfig } from '@angular/core';
-import { provideRouter, withEnabledBlockingInitialNavigation, withInMemoryScrolling } from '@angular/router';
-
-import { provideHttpClient, withFetch } from '@angular/common/http';
-import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
-import { routes } from './app.routes';
-
-export const appConfig: ApplicationConfig = {
-    providers: [provideRouter(routes, withInMemoryScrolling({ anchorScrolling: 'enabled', scrollPositionRestoration: 'enabled' }), withEnabledBlockingInitialNavigation()), provideHttpClient(withFetch()), provideAnimationsAsync()]
-};
diff --git a/src/app/showcase/layout/app.main.component.ts b/src/app/showcase/layout/app.main.component.ts
deleted file mode 100644
index 64b2d1a..0000000
--- a/src/app/showcase/layout/app.main.component.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { CommonModule, DOCUMENT, IMAGE_CONFIG } from '@angular/common';
-import { Component, Inject } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
-import { DomHandler } from 'primeng/dom';
-import { AppConfigService } from '@service/appconfigservice';
-import { AppConfigComponent } from './config/app.config.component';
-import { AppFooterComponent } from './footer/app.footer.component';
-import { AppMenuComponent } from './menu/app.menu.component';
-import { AppNewsComponent } from './news/app.news.component';
-import { AppTopBarComponent } from './topbar/app.topbar.component';
-
-@Component({
-    selector: 'app-main',
-    template: `
-        <div class="layout-wrapper" [ngClass]="containerClass" [attr.data-p-theme]="theme">
-            <app-news></app-news>
-            <app-topbar (onDarkModeSwitch)="toggleDarkMode()"></app-topbar>
-            <app-config (onDarkModeSwitch)="toggleDarkMode()"></app-config>
-            <div class="layout-mask" [ngClass]="{ 'layout-mask-active': isMenuActive }" (click)="hideMenu()"></div>
-            <div class="layout-content">
-                <app-menu></app-menu>
-                <div class="layout-content-slot">
-                    <router-outlet></router-outlet>
-                </div>
-            </div>
-            <app-footer></app-footer>
-        </div>
-    `,
-    standalone: true,
-    imports: [RouterOutlet, AppFooterComponent, CommonModule, AppNewsComponent, AppMenuComponent, AppConfigComponent, AppTopBarComponent]
-})
-export class AppMainComponent {
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        private configService: AppConfigService
-    ) {}
-
-    get isNewsActive(): boolean {
-        return this.configService.state.newsActive;
-    }
-
-    get isDarkMode(): boolean {
-        return this.configService.config().darkMode;
-    }
-
-    get isRippleDisabled(): boolean {
-        return this.configService.config().ripple === false;
-    }
-
-    get isMenuActive(): boolean {
-        return this.configService.state.menuActive;
-    }
-
-    get theme(): string {
-        return this.configService.config().theme;
-    }
-
-    get containerClass() {
-        return {
-            'layout-news-active': this.isNewsActive,
-            'p-ripple-disabled': this.isRippleDisabled,
-            'layout-dark': this.isDarkMode,
-            'layout-light': !this.isDarkMode
-        };
-    }
-
-    toggleDarkMode() {
-        let newTheme = null;
-        const { theme, darkMode } = this.configService.config();
-
-        if (darkMode) {
-            newTheme = theme.replace('dark', 'light');
-        } else {
-            if (theme.includes('light') && theme !== 'fluent-light') newTheme = theme.replace('light', 'dark');
-            else newTheme = 'lara-dark-blue';
-        }
-        this.configService.config.update((config) => ({ ...config, darkMode: !darkMode, theme: newTheme }));
-    }
-
-    hideMenu() {
-        this.configService.hideMenu();
-        DomHandler.unblockBodyScroll('blocked-scroll');
-    }
-}
diff --git a/src/app/showcase/layout/app.routes.ts b/src/app/showcase/layout/app.routes.ts
deleted file mode 100644
index 264f2cb..0000000
--- a/src/app/showcase/layout/app.routes.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { Routes } from '@angular/router';
-import { LandingComponent } from '@pages/landing/landing.component';
-import { AppMainComponent } from './app.main.component';
-
-export const routes: Routes = [
-    { path: '', component: LandingComponent, pathMatch: 'full' },
-    {
-        path: '',
-        component: AppMainComponent,
-        children: [
-            { path: '', redirectTo: 'installation', pathMatch: 'full' },
-            { path: 'accessibility', redirectTo: 'guides/accessibility', pathMatch: 'full' },
-            { path: 'autocomplete', loadChildren: () => import('@pages/autocomplete/routes') },
-            { path: 'installation', loadChildren: () => import('@pages/installation/installation.module').then((m) => m.InstallationModule) },
-            { path: 'configuration', loadChildren: () => import('@pages/configuration/configurationdemo.module').then((m) => m.ConfigurationDemoModule) },
-            { path: 'playground', loadChildren: () => import('@pages/playground/playground.module').then((m) => m.PlaygroundModule) },
-            { path: 'roadmap', loadChildren: () => import('@pages/roadmap/roadmap.module').then((m) => m.RoadmapModule) },
-            { path: 'team', loadChildren: () => import('@pages/team/team.module').then((m) => m.TeamModule) },
-            { path: 'partners', loadChildren: () => import('@pages/partners/partners.module').then((m) => m.PartnersModule) },
-            { path: 'theming', loadChildren: () => import('@pages/theming/theming.module').then((m) => m.ThemingModule) },
-            { path: 'icons', loadChildren: () => import('@pages/icons/iconsdemo.module').then((m) => m.IconsDemoModule) },
-            { path: 'customicons', loadChildren: () => import('@pages/customicons/customiconsdemo.module').then((m) => m.CustomIconsDemoModule) },
-            { path: 'accordion', loadChildren: () => import('@pages/accordion/routes') },
-            { path: 'avatar', loadChildren: () => import('@pages/avatar/avatardemo.module').then((m) => m.AvatarDemoModule) },
-            { path: 'blockui', loadChildren: () => import('@pages/blockui/blockuidemo.module').then((m) => m.BlockUIDemoModule) },
-            { path: 'badge', loadChildren: () => import('@pages/badge/badgedemo.module').then((m) => m.BadgeDemoModule) },
-            { path: 'breadcrumb', loadChildren: () => import('@pages/breadcrumb/breadcrumbdemo.module').then((m) => m.BreadcrumbDemoModule) },
-            { path: 'button', loadChildren: () => import('@pages/button/buttondemo.module').then((m) => m.ButtonDemoModule) },
-            { path: 'calendar', loadChildren: () => import('@pages/calendar/calendardemo.module').then((m) => m.CalendarDemoModule) },
-            { path: 'card', loadChildren: () => import('@pages/card/carddemo.module').then((m) => m.CardDemoModule) },
-            { path: 'cascadeselect', loadChildren: () => import('@pages/cascadeselect/cascadeselectdemo.module').then((m) => m.CascadeSelectDemoModule) },
-            { path: 'carousel', loadChildren: () => import('@pages/carousel/carouseldemo.module').then((m) => m.CarouselDemoModule) },
-            { path: 'chart', loadChildren: () => import('@pages/chart/chartdemo.module').then((m) => m.ChartDemoModule) },
-            { path: 'checkbox', loadChildren: () => import('@pages/checkbox/checkboxdemo.module').then((m) => m.CheckboxDemoModule) },
-            { path: 'chip', loadChildren: () => import('@pages/chip/chipdemo.module').then((m) => m.ChipDemoModule) },
-            { path: 'chips', loadChildren: () => import('@pages/chips/chipsdemo.module').then((m) => m.ChipsDemoModule) },
-            { path: 'colorpicker', loadChildren: () => import('@pages/colorpicker/colorpickerdemo.module').then((m) => m.ColorPickerDemoModule) },
-            { path: 'colors', loadChildren: () => import('@pages/colors/colorsdemo.module').then((m) => m.ColorsDemoModule) },
-            { path: 'confirmdialog', loadChildren: () => import('@pages/confirmdialog/confirmdialogdemo.module').then((m) => m.ConfirmDialogDemoModule) },
-            { path: 'confirmpopup', loadChildren: () => import('@pages/confirmpopup/confirmpopupdemo.module').then((m) => m.ConfirmPopupDemoModule) },
-            { path: 'contextmenu', loadChildren: () => import('@pages/contextmenu/contextmenudemo.module').then((m) => m.ContextMenuDemoModule) },
-            { path: 'dataview', loadChildren: () => import('@pages/dataview/dataviewdemo.module').then((m) => m.DataViewDemoModule) },
-            { path: 'defer', loadChildren: () => import('@pages/defer/deferdemo.module').then((m) => m.DeferDemoModule) },
-            { path: 'dialog', loadChildren: () => import('@pages/dialog/dialogdemo.module').then((m) => m.DialogDemoModule) },
-            { path: 'dock', loadChildren: () => import('@pages/dock/dockdemo.module').then((m) => m.DockDemoModule) },
-            { path: 'divider', loadChildren: () => import('@pages/divider/dividerdemo.module').then((m) => m.DividerDemoModule) },
-            { path: 'dynamicdialog', loadChildren: () => import('@pages/dynamicdialog/dynamicdialogdemo.module').then((m) => m.DynamicDialogDemoModule) },
-            { path: 'dragdrop', loadChildren: () => import('@pages/dragdrop/dragdropdemo.module').then((m) => m.DragDropDemoModule) },
-            { path: 'dropdown', loadChildren: () => import('@pages/dropdown/dropdowndemo.module').then((m) => m.DropdownDemoModule) },
-            { path: 'iconfield', loadChildren: () => import('@pages/iconfield/iconfielddemo.module').then((m) => m.IconFieldDemoModule) },
-            { path: 'editor', loadChildren: () => import('@pages/editor/editordemo.module').then((m) => m.EditorDemoModule) },
-            { path: 'floatlabel', loadChildren: () => import('@pages/floatlabel/floatlabeldemo.module').then((m) => m.FloatLabelDemoModule) },
-            { path: 'fieldset', loadChildren: () => import('@pages/fieldset/fieldsetdemo.module').then((m) => m.FieldsetDemoModule) },
-            { path: 'fileupload', loadChildren: () => import('@pages/fileupload/fileuploaddemo.module').then((m) => m.FileUploadDemoModule) },
-            { path: 'filterservice', loadChildren: () => import('@pages/filterservice/filterservicedemo.module').then((m) => m.FilterServiceDemoModule) },
-            { path: 'focustrap', loadChildren: () => import('@pages/focustrap/focustrapdemo.module').then((m) => m.FocusTrapDemoModule) },
-            { path: 'galleria', loadChildren: () => import('@pages/galleria/galleriademo.module').then((m) => m.GalleriaDemoModule) },
-            { path: 'image', loadChildren: () => import('@pages/image/imagedemo.module').then((m) => m.ImageDemoModule) },
-            { path: 'inplace', loadChildren: () => import('@pages/inplace/inplacedemo.module').then((m) => m.InplaceDemoModule) },
-            { path: 'metergroup', loadChildren: () => import('@pages/metergroup/metergroupdemo.module').then((m) => m.MeterGroupDemoModule) },
-            { path: 'inputmask', loadChildren: () => import('@pages/inputmask/inputmaskdemo.module').then((m) => m.InputMaskDemoModule) },
-            { path: 'inputnumber', loadChildren: () => import('@pages/inputnumber/inputnumberdemo.module').then((m) => m.InputNumberDemoModule) },
-            { path: 'inputotp', loadChildren: () => import('@pages/inputotp/inputotpdemo.module').then((m) => m.InputOtpDemoModule) },
-            { path: 'inputswitch', loadChildren: () => import('@pages/inputswitch/inputswitchdemo.module').then((m) => m.InputSwitchDemoModule) },
-            { path: 'inputtext', loadChildren: () => import('@pages/inputtext/inputtextdemo.module').then((m) => m.InputTextDemoModule) },
-            { path: 'inputgroup', loadChildren: () => import('@pages/inputgroup/inputgroupdemo.module').then((m) => m.InputGroupDemoModule) },
-            { path: 'inputtextarea', loadChildren: () => import('@pages/inputtextarea/inputtextareademo.module').then((m) => m.InputTextareaDemoModule) },
-            { path: 'knob', loadChildren: () => import('@pages/knob/knobdemo.module').then((m) => m.KnobDemoModule) },
-            { path: 'keyfilter', loadChildren: () => import('@pages/keyfilter/keyfilterdemo.module').then((m) => m.KeyFilterDemoModule) },
-            { path: 'listbox', loadChildren: () => import('@pages/listbox/listboxdemo.module').then((m) => m.ListboxDemoModule) },
-            { path: 'lts', loadChildren: () => import('@pages/lts/lts.module').then((m) => m.LTSModule) },
-            { path: 'megamenu', loadChildren: () => import('@pages/megamenu/megamenudemo.module').then((m) => m.MegaMenuDemoModule) },
-            { path: 'menu', loadChildren: () => import('@pages/menu/menudemo.module').then((m) => m.MenuDemoModule) },
-            { path: 'menubar', loadChildren: () => import('@pages/menubar/menubardemo.module').then((m) => m.MenubarDemoModule) },
-            { path: 'messages', loadChildren: () => import('@pages/messages/messagesdemo.module').then((m) => m.MessagesDemoModule) },
-            { path: 'multiselect', loadChildren: () => import('@pages/multiselect/multiselectdemo.module').then((m) => m.MultiSelectDemoModule) },
-            { path: 'orderlist', loadChildren: () => import('@pages/orderlist/orderlistdemo.module').then((m) => m.OrderListDemoModule) },
-            { path: 'organizationchart', loadChildren: () => import('@pages/organizationchart/organizationchartdemo.module').then((m) => m.OrganizationChartDemoModule) },
-            { path: 'overlaypanel', loadChildren: () => import('@pages/overlaypanel/overlaypaneldemo.module').then((m) => m.OverlayPanelDemoModule) },
-            { path: 'paginator', loadChildren: () => import('@pages/paginator/paginatordemo.module').then((m) => m.PaginatorDemoModule) },
-            { path: 'panel', loadChildren: () => import('@pages/panel/paneldemo.module').then((m) => m.PanelDemoModule) },
-            { path: 'panelmenu', loadChildren: () => import('@pages/panelmenu/panelmenudemo.module').then((m) => m.PanelMenuDemoModule) },
-            { path: 'password', loadChildren: () => import('@pages/password/passworddemo.module').then((m) => m.PasswordDemoModule) },
-            { path: 'picklist', loadChildren: () => import('@pages/picklist/picklistdemo.module').then((m) => m.PickListDemoModule) },
-            { path: 'progressbar', loadChildren: () => import('@pages/progressbar/progressbardemo.module').then((m) => m.ProgressBarDemoModule) },
-            { path: 'progressspinner', loadChildren: () => import('@pages/progressspinner/progressspinnerdemo.module').then((m) => m.ProgressSpinnerDemoModule) },
-            { path: 'radiobutton', loadChildren: () => import('@pages/radiobutton/radiobuttondemo.module').then((m) => m.RadioButtonDemoModule) },
-            { path: 'rating', loadChildren: () => import('@pages/rating/ratingdemo.module').then((m) => m.RatingDemoModule) },
-            { path: 'ripple', loadChildren: () => import('@pages/ripple/rippledemo.module').then((m) => m.RippleDemoModule) },
-            { path: 'scrollpanel', loadChildren: () => import('@pages/scrollpanel/scrollpaneldemo.module').then((m) => m.ScrollPanelDemoModule) },
-            { path: 'scrolltop', loadChildren: () => import('@pages/scrolltop/scrolltopdemo.module').then((m) => m.ScrollTopDemoModule) },
-            { path: 'selectbutton', loadChildren: () => import('@pages/selectbutton/selectbuttondemo.module').then((m) => m.SelectButtonDemoModule) },
-            { path: 'sidebar', loadChildren: () => import('@pages/sidebar/sidebardemo.module').then((m) => m.SidebarDemoModule) },
-            { path: 'skeleton', loadChildren: () => import('@pages/skeleton/skeletondemo.module').then((m) => m.SkeletonDemoModule) },
-            { path: 'slider', loadChildren: () => import('@pages/slider/sliderdemo.module').then((m) => m.SliderDemoModule) },
-            { path: 'speeddial', loadChildren: () => import('@pages/speeddial/speeddialdemo.module').then((m) => m.SpeedDialDemoModule) },
-            { path: 'splitbutton', loadChildren: () => import('@pages/splitbutton/splitbuttondemo.module').then((m) => m.SplitButtonDemoModule) },
-            { path: 'splitter', loadChildren: () => import('@pages/splitter/splitterdemo.module').then((m) => m.SplitterDemoModule) },
-            { path: 'stepper', loadChildren: () => import('@pages/stepper/stepperdemo.module').then((m) => m.StepperDemoModule) },
-            { path: 'steps', loadChildren: () => import('@pages/steps/stepsdemo.module').then((m) => m.StepsDemoModule) },
-            { path: 'support', loadChildren: () => import('@pages/support/support.module').then((m) => m.SupportModule) },
-            { path: 'contribution', loadChildren: () => import('@pages/contribution/contribution.module').then((m) => m.ContributionModule) },
-            { path: 'styleclass', loadChildren: () => import('@pages/styleclass/styleclassdemo.module').then((m) => m.StyleClassDemoModule) },
-            { path: 'tag', loadChildren: () => import('@pages/tag/tagdemo.module').then((m) => m.TagDemoModule) },
-            { path: 'table', loadChildren: () => import('@pages/table/tabledemo.module').then((m) => m.TableDemoModule) },
-            { path: 'tabmenu', loadChildren: () => import('@pages/tabmenu/tabmenudemo.module').then((m) => m.TabMenuDemoModule) },
-            { path: 'tabview', loadChildren: () => import('@pages/tabview/tabviewdemo.module').then((m) => m.TabViewDemoModule) },
-            { path: 'terminal', loadChildren: () => import('@pages/terminal/terminaldemo.module').then((m) => m.TerminalDemoModule) },
-            { path: 'tieredmenu', loadChildren: () => import('@pages/tieredmenu/tieredmenudemo.module').then((m) => m.TieredMenuDemoModule) },
-            { path: 'timeline', loadChildren: () => import('@pages/timeline/timelinedemo.module').then((m) => m.TimelineDemoModule) },
-            { path: 'toast', loadChildren: () => import('@pages/toast/toastdemo.module').then((m) => m.ToastDemoModule) },
-            { path: 'togglebutton', loadChildren: () => import('@pages/togglebutton/togglebuttondemo.module').then((m) => m.ToggleButtonDemoModule) },
-            { path: 'toolbar', loadChildren: () => import('@pages/toolbar/toolbardemo.module').then((m) => m.ToolbarDemoModule) },
-            { path: 'tooltip', loadChildren: () => import('@pages/tooltip/tooltipdemo.module').then((m) => m.TooltipDemoModule) },
-            { path: 'tree', loadChildren: () => import('@pages/tree/treedemo.module').then((m) => m.TreeDemoModule) },
-            { path: 'treeselect', loadChildren: () => import('@pages/treeselect/treeselectdemo.module').then((m) => m.TreeSelectDemoModule) },
-            { path: 'treetable', loadChildren: () => import('@pages/treetable/treetabledemo.module').then((m) => m.TreeTableDemoModule) },
-            { path: 'tristatecheckbox', loadChildren: () => import('@pages/tristatecheckbox/tristatecheckboxdemo.module').then((m) => m.TriStateCheckboxDemoModule) },
-            { path: 'scroller', loadChildren: () => import('@pages/scroller/scrollerdemo.module').then((m) => m.ScrollerDemoModule) },
-            { path: 'uikit', loadChildren: () => import('@pages/uikit/uikit.module').then((m) => m.UIKitModule) },
-            { path: 'autofocus', loadChildren: () => import('@pages/autofocus/autofocusdemo.module').then((m) => m.AutoFocusDemoModule) },
-            { path: 'overlay', loadChildren: () => import('@pages/overlay/overlaydemo.module').then((m) => m.OverlayDemoModule) },
-            { path: 'animateonscroll', loadChildren: () => import('@pages/animate/animateonscrolldemo.module').then((m) => m.AnimateOnScrollDemoModule) },
-            { path: 'templates', loadChildren: () => import('@pages/templates/templates.module').then((m) => m.TemplatesModule) },
-            { path: 'guides', loadChildren: () => import('@pages/guides/guides.module').then((m) => m.GuidesModule) }
-        ]
-    },
-    { path: 'notfound', loadChildren: () => import('@pages/notfound/notfound.module').then((m) => m.NotFoundModule) },
-    { path: '**', redirectTo: '/notfound' }
-];
diff --git a/src/app/showcase/layout/config/app.config.component.html b/src/app/showcase/layout/config/app.config.component.html
deleted file mode 100644
index 4d4beb1..0000000
--- a/src/app/showcase/layout/config/app.config.component.html
+++ /dev/null
@@ -1,79 +0,0 @@
-<p-sidebar [visible]="isActive" (visibleChange)="onVisibleChange($event)" position="right"
-    styleClass="layout-config w-full sm:!w-26">
-    <div class="p-2">
-        <section class="pb-4 flex items-center justify-between border-bottom-1 surface-border">
-            <span class="text-xl font-semibold">Scale</span>
-            <div class="flex items-center gap-2 border-1 surface-border py-1 px-2" style="border-radius: 30px">
-                <button icon="pi pi-minus" type="button" pButton (click)="decrementScale()"
-                    class="p-button-text p-button-rounded !w-2 !h-2" [disabled]="scale === scales[0]"></button>
-                <div class="flex gap-2 items-center">
-                    <i class="pi pi-circle-fill text-sm text-200" *ngFor="let s of scales"
-                        [ngClass]="{ 'text-lg text-primary': s === scale }"></i>
-                </div>
-                <button icon="pi pi-plus" type="button" pButton (click)="incrementScale()"
-                    class="p-button-text p-button-rounded !w-2 !h-2"
-                    [disabled]="scale === scales[scales.length - 1]"></button>
-            </div>
-        </section>
-
-        <section class="py-4 flex items-center justify-between border-bottom-1 surface-border">
-            <span class="text-xl font-semibold">Input Style</span>
-            <p-selectButton [options]="inputStyles" [(ngModel)]="inputStyle" (onChange)="onInputStyleChange($event)"
-                optionLabel="label" optionValue="value" allowEmpty="false"></p-selectButton>
-        </section>
-
-        <section class="py-4 flex items-center justify-between border-bottom-1 surface-border">
-            <span class="text-xl font-semibold">Ripple Effect</span>
-            <p-inputSwitch [(ngModel)]="ripple" (onChange)="onRippleChange($event)"></p-inputSwitch>
-        </section>
-        <section class="py-4 flex items-center justify-between border-bottom-1 surface-border">
-            <span [ngClass]="{ 'p-disabled': isDarkToggleDisabled }" class="text-xl font-semibold">Dark Mode</span>
-            <p-inputSwitch [ngModel]="isDarkMode" (onChange)="toggleDarkMode()" [disabled]="isDarkToggleDisabled" />
-        </section>
-
-        <section class="py-4 border-bottom-1 surface-border">
-            <div class="text-xl font-semibold mb-3">Themes</div>
-            <div class="flex items-center gap-2 mb-3">
-                <span class="font-medium">ek5</span>
-            </div>
-            <div class="flex items-center gap-3 mb-3">
-                <button
-                    [ngClass]="{ 'border-primary': isThemeActive('ek5', 'primary'), 'hover:border-500 surface-border': !isThemeActive('ek5', 'primary') }"
-                    class="bg-transparent border-1 cursor-pointer p-1 !w-4/12 flex items-center justify-center transition-all transition-duration-200"
-                    style="border-radius: 30px" (click)="changeTheme('ek5', 'primary')">
-                    <span class="flex items-center justify-center !h-2 w-full vertical-align-baseline"
-                          style="border-radius: 30px; background: color(srgb 0.054902 0.505098 0.455686); color: white">PRIMARY</span>
-                </button>
-
-                <button
-                    [ngClass]="{ 'border-primary': isThemeActive('ek5', 'secondary'), 'hover:border-500 surface-border': !isThemeActive('ek5', 'secondary') }"
-                    class="bg-transparent border-1 cursor-pointer p-2 !w-4/12 flex items-center justify-center transition-all transition-duration-200"
-                    style="border-radius: 30px" (click)="changeTheme('ek5', 'secondary')">
-                    <span class="flex items-center justify-center !h-2 w-full"
-                          style="border-radius: 30px; background: color(srgb 0.245882 0.181176 0.524118); color: white">SECONDARY</span>
-                </button>
-            </div>
-
-            <div class="flex items-center gap-2 mb-3">
-                <span class="font-medium">Brand</span>
-            </div>
-            <div class="flex items-center gap-3 mb-3">
-                <button
-                    [ngClass]="{ 'border-primary': isThemeActive('brand', 'primary'), 'hover:border-500 surface-border': !isThemeActive('brand', 'primary') }"
-                    class="bg-transparent border-1 cursor-pointer p-1 !w-4/12 flex items-center justify-center transition-all transition-duration-200"
-                    style="border-radius: 30px" (click)="changeTheme('brand', 'primary')">
-                    <span class="flex items-center justify-center !h-2 w-full vertical-align-baseline"
-                          style="border-radius: 30px; background: color(srgb 0.112549 0.527059 0.321176); color: white">PRIMARY</span>
-                </button>
-
-                <button
-                    [ngClass]="{ 'border-primary': isThemeActive('brand', 'secondary'), 'hover:border-500 surface-border': !isThemeActive('brand', 'secondary') }"
-                    class="bg-transparent border-1 cursor-pointer p-2 !w-4/12 flex items-center justify-center transition-all transition-duration-200"
-                    style="border-radius: 30px" (click)="changeTheme('brand', 'secondary')">
-                    <span class="flex items-center justify-center !h-2 w-full"
-                          style="border-radius: 30px; background: color(srgb 0.686275 0.367843 0.0164706); color: white">SECONDARY</span>
-                </button>
-            </div>
-        </section>
-    </div>
-</p-sidebar>
diff --git a/src/app/showcase/layout/config/app.config.component.ts b/src/app/showcase/layout/config/app.config.component.ts
deleted file mode 100644
index dcec5fe..0000000
--- a/src/app/showcase/layout/config/app.config.component.ts
+++ /dev/null
@@ -1,145 +0,0 @@
-import { CommonModule, DOCUMENT } from '@angular/common';
-import { Component, EventEmitter, Inject, Output, Renderer2 } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ButtonModule } from 'primeng/button';
-import { InputSwitchModule, InputSwitchChangeEvent } from 'primeng/inputswitch';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { SelectButtonChangeEvent, SelectButtonModule } from 'primeng/selectbutton';
-import { SidebarModule } from 'primeng/sidebar';
-import { AppConfigService } from '@service/appconfigservice';
-import { PrimeNGConfig } from 'primeng/api';
-
-@Component({
-    selector: 'app-config',
-    standalone: true,
-    templateUrl: './app.config.component.html',
-    imports: [CommonModule, FormsModule, SidebarModule, InputSwitchModule, ButtonModule, RadioButtonModule, SelectButtonModule]
-})
-export class AppConfigComponent {
-    inputStyles = [
-        { label: 'Outlined', value: 'outlined' },
-        { label: 'Filled', value: 'filled' }
-    ];
-    scales: number[] = [12, 13, 14, 15, 16];
-
-    compactMaterial: boolean = false;
-
-    lightOnlyThemes = ['fluent-light', 'mira', 'nano'];
-
-    @Output() onDarkModeSwitch = new EventEmitter<any>();
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        private renderer: Renderer2,
-        private configService: AppConfigService,
-        private config: PrimeNGConfig
-    ) {}
-
-    get isActive(): boolean {
-        return this.configService.state.configActive;
-    }
-
-    get isDarkToggleDisabled(): boolean {
-        return this.lightOnlyThemes.includes(this.configService.config().theme);
-    }
-
-    get isDarkMode(): boolean {
-        return this.configService.config().darkMode;
-    }
-
-    get inputStyle(): string {
-        return this.config.inputStyle();
-    }
-    set inputStyle(val: 'outlined' | 'filled') {
-        this.config.inputStyle.set(val);
-    }
-
-    get ripple(): boolean {
-        return this.configService.config().ripple;
-    }
-    set ripple(val: boolean) {
-        this.configService.config.update((config) => ({ ...config, ripple: val }));
-    }
-
-    get scale(): number {
-        return this.configService.config().scale;
-    }
-    set scale(val: number) {
-        this.configService.config.update((config) => ({ ...config, scale: val }));
-    }
-
-    onVisibleChange(value: boolean) {
-        if (value === false) {
-            this.configService.hideConfig();
-        }
-    }
-
-    onCompactMaterialChange() {
-        const theme = this.configService.config().theme;
-        if (theme.startsWith('md')) {
-            let tokens = theme.split('-');
-
-            this.changeTheme(tokens[0].substring(0, 2), tokens[2]);
-        }
-    }
-
-    toggleDarkMode() {
-        this.onDarkModeSwitch.emit(null);
-    }
-
-    isThemeActive(themeFamily: string, color?: string) {
-        let themeName: string;
-        let themePrefix = themeFamily === 'md' && this.compactMaterial ? 'mdc' : themeFamily;
-
-        if (this.lightOnlyThemes.includes(themePrefix)) {
-            themeName = themePrefix;
-        } else {
-            themeName = themePrefix + (this.isDarkMode ? '-dark' : '-light');
-        }
-
-        if (color) {
-            themeName += '-' + color;
-        }
-
-        return this.configService.config().theme === themeName;
-    }
-
-    changeTheme(theme: string, color?: string) {
-        let newTheme: string, darkMode: boolean;
-
-        if (this.lightOnlyThemes.includes(theme)) {
-            newTheme = theme;
-            darkMode = false;
-        } else {
-            newTheme = theme + '-' + (this.isDarkMode ? 'dark' : 'light');
-
-            if (color) {
-                newTheme += '-' + color;
-            }
-
-            if (newTheme.startsWith('md-') && this.compactMaterial) {
-                newTheme = newTheme.replace('md-', 'mdc-');
-            }
-
-            darkMode = this.isDarkMode;
-        }
-
-        this.configService.config.update((config) => ({ ...config, dark: darkMode, theme: newTheme }));
-    }
-
-    decrementScale() {
-        this.scale--;
-    }
-
-    onRippleChange(event) {
-        this.ripple = event.checked;
-    }
-
-    onInputStyleChange(event) {
-        this.inputStyle = event.value;
-    }
-
-    incrementScale() {
-        this.scale++;
-    }
-}
diff --git a/src/app/showcase/layout/config/app.config.module.ts b/src/app/showcase/layout/config/app.config.module.ts
deleted file mode 100644
index b1d15ee..0000000
--- a/src/app/showcase/layout/config/app.config.module.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ButtonModule } from 'primeng/button';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { SidebarModule } from 'primeng/sidebar';
-import { AppConfigComponent } from './app.config.component';
-import { SelectButtonModule } from 'primeng/selectbutton';
-@NgModule({
-    imports: [CommonModule, FormsModule, SidebarModule, InputSwitchModule, ButtonModule, RadioButtonModule, SelectButtonModule],
-    exports: [AppConfigComponent],
-    declarations: [AppConfigComponent]
-})
-export class AppConfigModule {}
diff --git a/src/app/showcase/layout/doc/app.code.component.ts b/src/app/showcase/layout/doc/app.code.component.ts
deleted file mode 100644
index 5d3aa07..0000000
--- a/src/app/showcase/layout/doc/app.code.component.ts
+++ /dev/null
@@ -1,195 +0,0 @@
-import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
-import { Component, ElementRef, Inject, Input, NgModule, PLATFORM_ID, ViewChild, booleanAttribute } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-import { TooltipModule } from 'primeng/tooltip';
-import { Code, ExtFile, RouteFile } from 'src/app/showcase/domain/code';
-import { useCodeSandbox, useStackBlitz } from './codeeditor';
-
-@Component({
-    selector: 'app-code',
-    template: `
-        <div *ngIf="code" class="doc-section-code">
-            <div class="doc-section-code-buttons scalein animation-duration-300">
-                <ng-container *ngIf="fullCodeVisible">
-                    <button *ngIf="code.html" (click)="changeLang('html')" class="py-0 px-2 border-round !h-2" [ngClass]="{ 'code-active': lang === 'html' }"><span>HTML</span></button>
-                    <button *ngIf="code.typescript" (click)="changeLang('typescript')" class="py-0 px-2 border-round !h-2" [ngClass]="{ 'code-active': lang === 'typescript' }"><span>TS</span></button>
-                    <button *ngIf="code.scss" (click)="changeLang('scss')" class="py-0 px-2 border-round !h-2" [ngClass]="{ 'code-active': lang === 'scss' }"><span>SCSS</span></button>
-
-                    <button
-                        *ngIf="code.data"
-                        pTooltip="View Data"
-                        tooltipPosition="bottom"
-                        tooltipStyleClass="doc-section-code-tooltip"
-                        (click)="changeLang('data')"
-                        class="!h-2 !w-2 p-0 inline-flex items-center justify-center"
-                        [ngClass]="{ 'doc-section-code-active text-primary': lang === 'data' }"
-                    >
-                        <i class="pi pi-database"></i>
-                    </button>
-                </ng-container>
-                <button *ngIf="!hideToggleCode" pTooltip="Toggle Full Code" tooltipStyleClass="doc-section-code-tooltip" tooltipPosition="bottom" class="!h-2 !w-2 p-0 inline-flex items-center justify-center" (click)="toggleCode()">
-                    <i class="pi pi-code"></i>
-                </button>
-
-                <button
-                    pTooltip="Edit in StackBlitz"
-                    tooltipPosition="bottom"
-                    tooltipStyleClass="doc-section-code-tooltip"
-                    *ngIf="!hideStackBlitz && !hideToggleCode"
-                    class="!h-2 !w-2 p-0 inline-flex items-center justify-center"
-                    (click)="openStackBlitz()"
-                >
-                    <svg role="img" width="13" height="18" viewBox="0 0 13 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display: 'block'">
-                        <path d="M0 10.6533H5.43896L2.26866 18.1733L12.6667 7.463H7.1986L10.3399 0L0 10.6533Z" />
-                    </svg>
-                </button>
-
-                <button type="button" class="!h-2 !w-2 p-0 inline-flex items-center justify-center" (click)="copyCode()" pTooltip="Copy Code" tooltipPosition="bottom" tooltipStyleClass="doc-section-code-tooltip">
-                    <i class="pi pi-copy"></i>
-                </button>
-            </div>
-
-            <pre *ngIf="lang === 'basic'" class="language-markup"><code #codeElement>
-{{code.basic}}
-
-</code></pre>
-
-            <pre *ngIf="lang === 'html'" class="language-markup"><code #codeElement>
-{{code.html}}
-
-</code></pre>
-
-            <pre *ngIf="lang === 'typescript'" class="language-typescript"><code #codeElement>
-{{code.typescript}}
-
-</code></pre>
-
-            <pre *ngIf="lang === 'data'" class="language-json"><code #codeElement>
-{{code.data}}
-
-</code></pre>
-
-            <pre *ngIf="lang === 'scss'" class="language-scss"><code #codeElement>
-{{code.scss}}
-
-</code></pre>
-
-            <pre *ngIf="lang === 'command'" class="language-shell"><code #codeElement>
-{{code.command}}
-
-</code></pre>
-        </div>
-    `
-})
-export class AppCodeComponent {
-    @Input() code!: Code;
-
-    @Input() service!: any;
-
-    @Input() selector!: string;
-
-    @Input() extFiles: ExtFile[] = [];
-
-    @Input() routeFiles: RouteFile[] = [];
-
-    @Input({ transform: booleanAttribute }) hideToggleCode: boolean = false;
-
-    @Input({ transform: booleanAttribute }) hideCodeSandbox: boolean = false;
-
-    @Input({ transform: booleanAttribute }) hideStackBlitz: boolean = false;
-
-    @ViewChild('codeElement') codeElement: ElementRef;
-
-    fullCodeVisible: boolean = false;
-
-    lang!: string;
-
-    constructor(
-        @Inject(PLATFORM_ID) public platformId: any,
-        @Inject(DOCUMENT) public document: Document
-    ) {}
-
-    ngAfterViewChecked() {
-        if (isPlatformBrowser(this.platformId)) {
-            if (window['Prism'] && this.codeElement && !this.codeElement.nativeElement.classList.contains('prism')) {
-                window['Prism'].highlightElement(this.codeElement.nativeElement);
-                this.codeElement.nativeElement.classList.add('prism');
-                this.codeElement.nativeElement.parentElement.setAttribute('tabindex', '-1');
-            }
-        }
-    }
-
-    ngOnInit() {
-        this.lang = this.getInitialLang();
-    }
-
-    changeLang(lang: string) {
-        this.lang = lang;
-    }
-
-    getInitialLang(): string {
-        if (this.code) {
-            return Object.keys(this.code)[0];
-        }
-    }
-
-    async copyCode() {
-        await navigator.clipboard.writeText(this.code[this.lang]);
-    }
-
-    getCode(lang: string = 'basic') {
-        if (this.code) {
-            if (this.fullCodeVisible || this.hideToggleCode) {
-                return this.code[lang];
-            } else {
-                return this.code['basic'];
-            }
-        }
-    }
-
-    toggleCode() {
-        this.fullCodeVisible = !this.fullCodeVisible;
-        this.fullCodeVisible && (this.code.html ? (this.lang = 'html') : (this.lang = 'typescript'));
-        !this.fullCodeVisible && (this.lang = 'basic');
-    }
-
-    openStackBlitz() {
-        if (this.code) {
-            let str = this.code.typescript;
-
-            const importModuleStatement = "import { ImportsModule } from './imports';";
-
-            if (!str.includes(importModuleStatement)) {
-                let modifiedCodeWithImportsModule = str.replace(/import\s+{[^{}]*}\s+from\s+'[^']+';[\r\n]*/g, (match) => {
-                    if (match.includes('Module') && !match.includes('ReactiveFormsModule')) {
-                        return '';
-                    }
-                    return match;
-                });
-
-                modifiedCodeWithImportsModule = modifiedCodeWithImportsModule.replace(/\bimports:\s*\[[^\]]*\]/, 'imports: [ImportsModule]');
-
-                const finalModifiedCode = modifiedCodeWithImportsModule.replace(/import\s+\{[^{}]*\}\s+from\s+'@angular\/core';/, (match) => match + '\n' + importModuleStatement);
-
-                str = finalModifiedCode;
-            }
-
-            const stackBlitzObject = { ...this.code, typescript: str };
-
-            useStackBlitz({ code: stackBlitzObject, selector: this.selector, extFiles: this.extFiles, routeFiles: this.routeFiles });
-        }
-    }
-
-    openCodeSandbox() {
-        if (this.code) {
-            useCodeSandbox({ code: this.code, selector: this.selector, extFiles: this.extFiles, routeFiles: this.routeFiles });
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, ButtonModule, TooltipModule],
-    exports: [AppCodeComponent],
-    declarations: [AppCodeComponent]
-})
-export class AppCodeModule {}
diff --git a/src/app/showcase/layout/doc/app.developmentsection.component.ts b/src/app/showcase/layout/doc/app.developmentsection.component.ts
deleted file mode 100644
index 03c2567..0000000
--- a/src/app/showcase/layout/doc/app.developmentsection.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'app-developmentsection',
-    template: ` <div class="flex items-center line-height-3 bg-primary-600 text-white p-3 text-lg border-round mb-3">
-            <i class="pi pi-info-circle text-lg text-white mr-2"></i>
-            Accessibility guide documents the specification of this component based on WCAG guidelines, the implementation is in progress.
-        </div>
-        <ng-content></ng-content>`
-})
-export class AppDevelopmentSection {}
diff --git a/src/app/showcase/layout/doc/app.doc.component.ts b/src/app/showcase/layout/doc/app.doc.component.ts
deleted file mode 100644
index 40c33ac..0000000
--- a/src/app/showcase/layout/doc/app.doc.component.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { ChangeDetectorRef, Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { Router } from '@angular/router';
-import { Doc } from '@domain/doc';
-import { Title, Meta } from '@angular/platform-browser';
-
-@Component({
-    selector: 'app-doc',
-    template: ` <div class="doc-component">
-        <ul class="doc-tabmenu" *ngIf="docs && apiDocs">
-            <li [ngClass]="{ 'doc-tabmenu-active': activeTab === 0 }">
-                <button type="button" (click)="activateTab(0)">FEATURES</button>
-            </li>
-            <li *ngIf="apiDocs" [ngClass]="{ 'doc-tabmenu-active': activeTab === 1 }">
-                <button type="button" (click)="activateTab(1)">API</button>
-            </li>
-        </ul>
-        <div class="doc-tabpanels">
-            <div [ngClass]="{ hidden: activeTab === 1 }" class="doc-tabpanel">
-                <div class="doc-main">
-                    <div class="doc-intro">
-                        <h1>{{ header }}</h1>
-                        <p>{{ description }}</p>
-                    </div>
-                    <app-docsection [docs]="docs"></app-docsection>
-                </div>
-                <app-docsection-nav [docs]="docs"></app-docsection-nav>
-            </div>
-            <div [ngClass]="{ hidden: activeTab === 0 }">
-                <app-docapisection [docs]="apiDocs" [header]="header" class="doc-tabpanel"></app-docapisection>
-            </div>
-        </div>
-    </div>`
-})
-export class AppDoc implements OnInit, OnChanges {
-    @Input() docTitle!: string;
-
-    @Input() docs!: Doc[];
-
-    @Input() header!: string;
-
-    @Input() description!: string;
-
-    @Input() apiDocs!: string[];
-
-    activeTab!: number;
-
-    constructor(
-        private router: Router,
-        private titleService: Title,
-        private metaService: Meta,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        if (this.router.url.includes('#api')) {
-            this.activeTab = 1;
-        } else {
-            this.activeTab = 0;
-        }
-    }
-
-    ngOnChanges(changes: SimpleChanges) {
-        if (changes.docTitle && changes.docTitle.currentValue) {
-            this.titleService.setTitle(changes.docTitle.currentValue);
-        }
-
-        if (changes.description && changes.description.currentValue) {
-            this.metaService.updateTag({ name: 'description', content: changes.description.currentValue });
-        }
-    }
-
-    activateTab(index) {
-        this.activeTab = index;
-    }
-}
diff --git a/src/app/showcase/layout/doc/app.doc.module.ts b/src/app/showcase/layout/doc/app.doc.module.ts
deleted file mode 100644
index a372786..0000000
--- a/src/app/showcase/layout/doc/app.doc.module.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ButtonModule } from 'primeng/button';
-import { InputTextModule } from 'primeng/inputtext';
-import { TooltipModule } from 'primeng/tooltip';
-import { AppCodeModule } from './app.code.component';
-import { AppDocApiSection } from './app.docapisection.component';
-import { AppDocSectionsComponent } from './app.docsection.component';
-import { AppDocSectionNavComponent } from './app.docsection-nav.component';
-import { AppDocSectionTextComponent } from './app.docsectiontext.component';
-import { AppDevelopmentSection } from './app.developmentsection.component';
-import { AppDocApiTable } from './app.docapitable.component';
-import { AppDoc } from './app.doc.component';
-import { RouterModule } from '@angular/router';
-
-@NgModule({
-    imports: [CommonModule, FormsModule, ButtonModule, InputTextModule, TooltipModule, AppCodeModule, RouterModule],
-    exports: [AppDocSectionTextComponent, AppDocApiSection, AppDocSectionNavComponent, AppDocSectionsComponent, AppDevelopmentSection, AppDoc, AppDocApiTable],
-    declarations: [AppDocSectionTextComponent, AppDocApiSection, AppDocSectionNavComponent, AppDocSectionsComponent, AppDevelopmentSection, AppDoc, AppDocApiTable]
-})
-export class AppDocModule {}
diff --git a/src/app/showcase/layout/doc/app.docapisection.component.ts b/src/app/showcase/layout/doc/app.docapisection.component.ts
deleted file mode 100644
index bd39518..0000000
--- a/src/app/showcase/layout/doc/app.docapisection.component.ts
+++ /dev/null
@@ -1,335 +0,0 @@
-import { ChangeDetectorRef, Component, Input } from '@angular/core';
-import { Location } from '@angular/common';
-import { Router } from '@angular/router';
-import APIDoc from 'src/app/showcase/doc/apidoc/index.json';
-import { AppDocApiTable } from './app.docapitable.component';
-import { ObjectUtils } from 'primeng/utils';
-
-@Component({
-    selector: 'app-docapisection',
-    template: ` <div class="doc-main">
-            <div class="doc-intro">
-                <h1>{{ header }} {{ !header.toLowerCase().includes('api') ? 'API' : null }}</h1>
-                <p>API defines helper props, events and others for the PrimeNG {{ header }} module.</p>
-            </div>
-            <app-docsection [apiDocs]="_docs"></app-docsection>
-        </div>
-        <app-docsection-nav [docs]="_docs"></app-docsection-nav>`
-})
-export class AppDocApiSection {
-    @Input() header!: string;
-
-    @Input() docs!: any[];
-
-    _docs!: any[];
-
-    constructor(
-        private location: Location,
-        private router: Router,
-        private cd: ChangeDetectorRef
-    ) {}
-
-    ngOnInit() {
-        if (!this.router.url.includes('#api')) {
-            this.location.go(this.location.path().split('#')[0]);
-        }
-        if (this.docs) {
-            this._docs = this.createDocs();
-        }
-    }
-
-    getDescription(module, docName) {
-        if (module.description) {
-            return module.description;
-        }
-        if (!module.description && module.components && Object.keys(module.components).length) {
-            return module.components[docName] && module.components[docName].description ? module.components[docName].description : 'No description available';
-        }
-    }
-
-    isInterface(module) {
-        return module.components && !Object.keys(module.components).length && Object.keys(module.interfaces).indexOf('interfaces') === -1;
-    }
-
-    createDocs() {
-        const newDocs = [];
-
-        for (const docName of this.docs) {
-            const moduleName = docName.toLowerCase();
-            let module = APIDoc[moduleName] ? APIDoc[moduleName] : APIDoc[this.docs[0].toLowerCase()].components[docName];
-            let newDoc = {
-                id: `api.${this.isInterface(module) ? this.docs[0].toLowerCase() + '.interfaces' : moduleName}`,
-                isInterface: this.isInterface(module),
-                label: docName,
-                description: this.getDescription(module, docName),
-                children: [],
-                docName: docName
-            };
-
-            if (module) {
-                let props =
-                    module.components && module.components[docName]
-                        ? module.components[docName].props
-                        : module.props
-                          ? module.props
-                          : module.interfaces && ObjectUtils.isNotEmpty(module.interfaces.components)
-                            ? module.interfaces.components[`${docName}Props`].props
-                            : undefined;
-                let emits = module.components && module.components[docName] ? module.components[docName].emits : module.emits ? module.emits : undefined;
-                let templates = module.interfaces ? module.interfaces.templates : undefined;
-                let events = module.interfaces ? module.interfaces.events : undefined;
-                let methods = module.components && module.components[docName] ? module.components[docName].methods : module.methods ? module.methods : undefined;
-                let interfaces = module.interfaces ? module.interfaces : undefined;
-                let types = module.types ? module.types : undefined;
-
-                if (module && module.components && !module.components[docName] && Object.keys(module.components).length && !docName.includes('Service')) {
-                    const components = Object.keys(module.components);
-                    components.forEach((component) => {
-                        const comp = module.components[component];
-                        const props = comp['props'] ?? undefined;
-                        const emits = comp['emits'] ?? undefined;
-                        const methods = comp['methods'] ?? undefined;
-
-                        if (props && props.values && props.values.length) {
-                            newDoc.children.push({
-                                id: `api.${component.toLowerCase()}.props`,
-                                label: 'Properties',
-                                component: AppDocApiTable,
-                                description: props.description ?? `Properties of ${docName} component.`,
-                                data: this.setPropsData(comp['props']['values'])
-                            });
-                        }
-
-                        if (emits && emits.values && emits.values.length) {
-                            newDoc.children.push({
-                                id: `api.${component.toLowerCase()}.emitters`,
-                                label: 'Emitters',
-                                description: emits.description ?? `Event emitters of ${docName} component.`,
-                                component: AppDocApiTable,
-                                data: this.setEmitData(emits.values)
-                            });
-                        }
-
-                        if (methods && methods.values && methods.values.length) {
-                            newDoc.children.push({
-                                id: `api.${component.toLowerCase()}.methods`,
-                                label: 'Methods',
-                                description: methods.description ?? `Methods of ${component} component.`,
-                                component: AppDocApiTable,
-                                data: this.setEmitData(methods.values)
-                            });
-                        }
-                    });
-                }
-
-                if (props && props.values.length) {
-                    newDoc.children.push({
-                        id: `api.${docName.toLowerCase()}.props`,
-                        label: 'Properties',
-                        component: AppDocApiTable,
-                        description: props.description ?? `Properties of ${docName} component.`,
-                        data: this.setPropsData(props.values)
-                    });
-                }
-
-                if (emits && emits.values.length) {
-                    newDoc.children.push({
-                        id: `api.${docName.toLowerCase()}.emitters`,
-                        label: 'Emitters',
-                        description: emits.description ?? `Event emitters of ${docName} component.`,
-                        component: AppDocApiTable,
-                        data: this.setEmitData(emits.values)
-                    });
-                }
-
-                if (methods && methods.values.length) {
-                    newDoc.children.push({
-                        id: `api.${docName.toLowerCase()}.methods`,
-                        label: 'Methods',
-                        description: methods.description ?? `Methods of ${docName} component.`,
-                        component: AppDocApiTable,
-                        data: this.setEmitData(methods.values)
-                    });
-                }
-
-                if (templates && templates.values.length && templates.values[0].parent === moduleName) {
-                    newDoc.children.push({
-                        id: `api.${docName.toLowerCase()}.templates`,
-                        label: 'Templates',
-                        description: templates.description ?? `Templates of ${docName} component.`,
-                        component: AppDocApiTable,
-                        data: this.setEmitData(templates.values)
-                    });
-                }
-
-                if (interfaces && interfaces.values && interfaces.values.length) {
-                    newDoc.children.push({
-                        id: `api.${this.docs[0].toLowerCase()}.interfaces`,
-                        label: 'Interfaces',
-                        component: AppDocApiTable,
-                        description: interfaces.description,
-                        data: this.setEventsData(this.docs[0].toLowerCase(), interfaces.values, 'interfaces')
-                    });
-                }
-
-                if (types && types.values && types.values.length) {
-                    newDoc.children.push({
-                        id: `api.${moduleName}.types`,
-                        label: 'Types',
-                        component: AppDocApiTable,
-                        data: this.setTypesData(moduleName, types.values),
-                        description: APIDoc[moduleName].types.description || null
-                    });
-                }
-
-                if (events && events.values.length) {
-                    newDoc.children.push({
-                        id: `api.${moduleName.toLowerCase()}.events`,
-                        label: 'Events',
-                        component: AppDocApiTable,
-                        description: events.description ?? `Events used in ${docName} component.`,
-                        data: this.setEventsData(moduleName, events.values)
-                    });
-                }
-
-                if (interfaces) {
-                    if (interfaces.interfaces && interfaces.interfaces.values && interfaces.interfaces.values.length) {
-                        newDoc.children.push({
-                            id: `api.${this.docs[0].toLowerCase()}.interfaces`,
-                            label: 'Interfaces',
-                            component: AppDocApiTable,
-                            isInterface: interfaces.isInterface ?? false,
-                            description: interfaces.interfaces.description,
-                            data: this.setEventsData(this.docs[0], interfaces.interfaces.values, 'interfaces')
-                        });
-
-                        if (interfaces.types && interfaces.types.values && interfaces.types.values.length) {
-                            newDoc.children.push({
-                                id: `api.${moduleName}.types`,
-                                label: 'Types',
-                                component: AppDocApiTable,
-                                data: this.setTypesData(moduleName, interfaces.types.values),
-                                description: APIDoc[moduleName].interfaces.types.description || null
-                            });
-                        }
-                    }
-                }
-            }
-            newDocs.push(newDoc);
-        }
-
-        let mergedInterfaces = [];
-        newDocs.forEach((doc) => {
-            if ((doc.isInterface || doc.label === 'Interfaces') && doc.children) {
-                doc.children.forEach((child) => mergedInterfaces.push(...child.data));
-            }
-        });
-
-        if (newDocs[0].children.find((child) => child.title == 'Interfaces')) {
-            newDocs[0].children = newDocs[0].children.map((child) => (child.label === 'Interfaces' ? { ...child, data: [...child.data, ...mergedInterfaces] } : child));
-        } else {
-            if (mergedInterfaces.length) {
-                newDocs[0].children.push({
-                    id: `api.${this.docs[0].toLowerCase()}.interfaces`,
-                    label: 'Interfaces',
-                    component: AppDocApiTable,
-                    description: 'Defines the custom interfaces used by the module.',
-                    data: mergedInterfaces
-                });
-            }
-        }
-
-        newDocs[0].children = [...this.merge(newDocs[0].children)];
-        return newDocs.filter((doc) => !doc.isInterface);
-    }
-
-    merge(arr) {
-        const mergedArray = [];
-        const idMap = {};
-
-        arr.forEach((element) => {
-            if (!idMap[element.id]) {
-                idMap[element.id] = element;
-                mergedArray.push(element);
-            } else {
-                const existingElement = idMap[element.id];
-                if (existingElement.data && element.data) {
-                    existingElement.data = existingElement.data.concat(element.data);
-                }
-            }
-        });
-
-        return mergedArray;
-    }
-
-    setEventsData(moduleName, events, arg = 'events') {
-        const data = [];
-
-        for (const event of events) {
-            const eventData = {
-                id: `api.${moduleName.toLowerCase()}.${arg}.${event.name}`,
-                label: event.name,
-                component: AppDocApiTable,
-                description: event.description,
-                relatedProp: event.relatedProp ?? 'Related Prop',
-                data: []
-            };
-
-            if (event.props && event.props.length) {
-                event.props.forEach((prop) => {
-                    eventData.data.push({
-                        name: prop.name,
-                        type: prop.type,
-                        description: prop.description
-                    });
-                });
-            }
-
-            data.push(eventData);
-        }
-        return data;
-    }
-
-    setEmitData(emitters) {
-        return emitters.map((emitter) => ({
-            name: emitter.name,
-            parameters: emitter.parameters,
-            description: emitter.description,
-            deprecated: emitter.deprecated
-        }));
-    }
-
-    setPropsData(props) {
-        return props.map((prop) => ({
-            name: prop.name,
-            type: prop.type,
-            default: prop.default ? prop.default : 'null',
-            description: prop.description,
-            deprecated: prop.deprecated,
-            optional: prop.optional
-        }));
-    }
-
-    setInterfacesData(value) {
-        return value.props.map((prop) => ({
-            name: prop.name,
-            type: prop.type,
-            default: prop.default ? prop.default : 'null',
-            optional: prop.optional,
-            description: prop.description
-        }));
-    }
-
-    setTypesData(moduleName, types) {
-        return types.map((type) => ({
-            id: `api.${moduleName}.types.${type.name}`,
-            label: type.name,
-            component: AppDocApiTable,
-            data: [{ values: type.value }]
-        }));
-    }
-
-    ngOnDestroy() {
-        this.location.go(this.location.path().split('#')[0]);
-    }
-}
diff --git a/src/app/showcase/layout/doc/app.docapitable.component.ts b/src/app/showcase/layout/doc/app.docapitable.component.ts
deleted file mode 100644
index c84501e..0000000
--- a/src/app/showcase/layout/doc/app.docapitable.component.ts
+++ /dev/null
@@ -1,195 +0,0 @@
-import { Location } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input, ViewContainerRef, booleanAttribute, numberAttribute } from '@angular/core';
-import { Router } from '@angular/router';
-import { AppConfigService } from '@service/appconfigservice';
-
-@Component({
-    selector: 'app-docapitable',
-    template: ` <ng-container *ngIf="data">
-        <div *ngIf="parentId" class="my-3 pt-3">
-            <app-docsectiontext [parentId]="parentId" [parentTitle]="parentTitle" [parentDescription]="parentDescription" [level]="2"></app-docsectiontext>
-        </div>
-        <app-docsectiontext [id]="id" [title]="label" [level]="3">
-            <p>{{ description || null }}</p>
-        </app-docsectiontext>
-
-        <div class="doc-tablewrapper mt-3" *ngIf="!data[0].data">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th *ngFor="let key of getKeys(data[0])">
-                            <ng-container *ngIf="key !== 'readonly' && key !== 'optional' && key !== 'deprecated'">
-                                {{ key }}
-                            </ng-container>
-                        </th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr *ngFor="let prop of data">
-                        <td *ngFor="let entry of getEntries(prop)">
-                            <ng-container *ngIf="entry[0] !== 'readonly' && entry[0] !== 'optional' && entry[0] !== 'deprecated'">
-                                <span *ngIf="entry[0] === 'name'" [attr.id]="id + '.' + entry[1]" class="doc-option-name" [ngClass]="{ 'line-through cursor-pointer': !!prop.deprecated }" [attr.title]="prop.deprecated"
-                                    >{{ entry[1] || '-' }}<a (click)="navigate($event, entry[1])" class="doc-option-link"><i class="pi pi-link"></i></a
-                                ></span>
-                                <span *ngIf="entry[0] === 'type'" class="doc-option-type">{{ entry[1] || '-' }}</span>
-                                <ng-container *ngIf="entry[0] === 'parameters'">
-                                    <ng-container *ngFor="let parameter of entry[1]">
-                                        <div class="doc-option-params" *ngIf="parameter.name; else nullValue">
-                                            <span *ngIf="parameter.name" [ngClass]="{ 'doc-option-parameter-name': label === 'Emitters', 'text-primary-700': label === 'Templates' }">{{ parameter.name }} :</span>
-                                            <ng-container *ngFor="let value of getType(parameter.type); let i = index"
-                                                >{{ i !== 0 ? ' |' : ' ' }}
-                                                <a
-                                                    *ngIf="isLinkType(value); else elseBlock"
-                                                    (click)="scrollToLinkedElement($event, value, prop)"
-                                                    [ngClass]="{ 'doc-option-parameter-type': label === 'Emitters', 'text-primary-700': label === 'Templates' }"
-                                                    >{{ value || '-' }}</a
-                                                >
-                                                <ng-template #elseBlock>
-                                                    <span [ngClass]="{ 'doc-option-parameter-type': label === 'Emitters', 'text-primary-700': label === 'Templates' }">{{ value }}</span>
-                                                </ng-template>
-                                            </ng-container>
-                                        </div>
-                                    </ng-container>
-                                    <ng-template #nullValue>
-                                        <span>null</span>
-                                    </ng-template>
-                                </ng-container>
-                                <span
-                                    [ngClass]="{
-                                        'doc-option-dark': isDarkMode && entry[0] === 'default',
-                                        'doc-option-light': !isDarkMode && entry[0] === 'default',
-                                        'doc-option-default': entry[0] === 'default',
-                                        'doc-option-description': entry[0] === 'description'
-                                    }"
-                                    *ngIf="entry[0] !== 'name' && entry[0] !== 'type' && entry[0] !== 'parameters'"
-                                    [id]="id + '.' + entry[0]"
-                                    >{{ entry[1] }}
-                                </span>
-                            </ng-container>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <ng-container *ngIf="data[0].data && data[0].data.length > 0">
-            <ng-container *ngFor="let childData of data">
-                <app-docapitable [id]="childData.id" [data]="childData.data" [label]="childData.label" [description]="childData.description" [relatedProp]="childData.relatedProp"></app-docapitable>
-            </ng-container>
-        </ng-container>
-    </ng-container>`,
-    styles: [
-        `
-            .parameter-bold {
-                font-weight: bold;
-            }
-        `
-    ],
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class AppDocApiTable {
-    @Input() id: string;
-
-    @Input() label: string;
-
-    @Input() data: any[];
-
-    @Input() description: string;
-
-    @Input() relatedProp: string;
-
-    @Input() parentTitle: string;
-
-    @Input() parentDescription: string;
-
-    @Input() parentId: string;
-
-    @Input({ transform: numberAttribute }) level: number;
-
-    @Input({ transform: booleanAttribute }) isInterface: boolean = false;
-
-    constructor(
-        public viewContainerRef: ViewContainerRef,
-        public router: Router,
-        public location: Location,
-        private configService: AppConfigService
-    ) {}
-
-    get isDarkMode(): boolean {
-        return this.configService.config().darkMode;
-    }
-
-    navigate(event, param) {
-        if (typeof window !== undefined) {
-            const parentElement = event.currentTarget.parentElement;
-            this.location.go(this.location.path() + '#' + this.id + '.' + param);
-
-            setTimeout(() => {
-                parentElement.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
-            }, 1);
-            event.preventDefault();
-        }
-    }
-
-    getKeys(object) {
-        return Object.keys(object);
-    }
-
-    getEntries(object) {
-        return Object.entries(object);
-    }
-
-    ngAfterViewInit() {}
-
-    getType(value) {
-        if (this.label === 'Templates') {
-            return value?.split('|');
-        }
-        if (this.label === 'Methods' && !value) {
-            return ['-'];
-        }
-
-        return value?.split('|').map((item) => item.replace(/(\[|\]|<|>).*$/gm, '').trim());
-    }
-
-    isLinkType(value) {
-        if (this.label === 'Templates') return false;
-        const validValues = ['confirmationoptions', 'toastmessageoptions'];
-        return value.toLowerCase().includes(this.id.split('.')[1].toLowerCase()) || validValues.includes(value.toLowerCase());
-    }
-
-    setLinkPath(value, type) {
-        const currentRoute = this.router.url;
-        let componentName = this.id.split('.')[1];
-
-        const validValues = ['menuitem', 'confirmationoptions'];
-        let definationType = type ? type : value.includes('Type') ? 'types' : value.includes('Event') ? 'events' : validValues.includes(value.toLowerCase()) ? 'options' : 'interfaces';
-
-        if (componentName.includes('toast')) {
-            componentName = 'toast';
-        }
-
-        return definationType === 'options' ? `/${currentRoute}/#api.${definationType}.${value}` : `/${currentRoute}/#api.${componentName}.${definationType}.${value}`;
-    }
-
-    scrollToLinkedElement(event, value) {
-        if (document && document.createElement) {
-            const section = this.label === 'Emitters' ? 'Events' : this.label;
-            const elementId = `api.${this.id.split('.')[1].toLowerCase()}.${section.toLowerCase()}.${value}`;
-
-            setTimeout(() => {
-                this.scrollToLabelById(elementId);
-            }, 1);
-
-            event.preventDefault();
-        }
-    }
-
-    scrollToLabelById(id) {
-        if (typeof document !== undefined) {
-            const label = document.getElementById(id);
-            this.location.go(`${this.location.path()}/#${id}`);
-            label && label.parentElement.scrollIntoView({ block: 'start', behavior: 'smooth' });
-        }
-    }
-}
diff --git a/src/app/showcase/layout/doc/app.docsection-nav.component.ts b/src/app/showcase/layout/doc/app.docsection-nav.component.ts
deleted file mode 100644
index cb14840..0000000
--- a/src/app/showcase/layout/doc/app.docsection-nav.component.ts
+++ /dev/null
@@ -1,172 +0,0 @@
-import { DOCUMENT, Location, isPlatformBrowser } from '@angular/common';
-import { Component, ElementRef, Inject, Input, NgZone, OnDestroy, OnInit, PLATFORM_ID, Renderer2, ViewChild } from '@angular/core';
-import { Router } from '@angular/router';
-import { DomHandler } from 'primeng/dom';
-import { ObjectUtils } from 'primeng/utils';
-import { Subscription } from 'rxjs';
-import { Doc } from 'src/app/showcase/domain/doc';
-
-@Component({
-    selector: 'app-docsection-nav',
-    template: ` <ul #nav *ngIf="docs && docs.length" class="doc-section-nav" [ngClass]="{ hidden: visible }">
-        <li *ngFor="let doc of docs; let i = index" class="navbar-item" [ngClass]="{ 'active-navbar-item': activeId === doc.id }">
-            <ng-container *ngIf="!doc.isInterface">
-                <div class="navbar-item-content">
-                    <button class="px-link" (click)="onButtonClick($event, doc)">{{ doc.label }}</button>
-                </div>
-                <ng-container>
-                    <ul *ngIf="doc.children">
-                        <li *ngFor="let child of doc.children; let isFirst = first" class="navbar-item" [ngClass]="{ 'active-navbar-item': activeId === child.id }">
-                            <div class="navbar-item-content">
-                                <button class="px-link" (click)="onButtonClick($event, child)">
-                                    {{ child.label }}
-                                </button>
-                            </div>
-                        </li>
-                    </ul>
-                </ng-container>
-            </ng-container>
-        </li>
-    </ul>`
-})
-export class AppDocSectionNavComponent implements OnInit, OnDestroy {
-    @Input() docs!: Doc[];
-
-    subscription!: Subscription;
-
-    scrollListener!: any;
-
-    _activeId: any;
-
-    get activeId() {
-        return this._activeId;
-    }
-    set activeId(val: string) {
-        if (val !== this._activeId) {
-            this._activeId = val;
-        }
-    }
-    isScrollBlocked: boolean = false;
-
-    topbarHeight: number = 0;
-
-    scrollEndTimer!: any;
-
-    @ViewChild('nav') nav: ElementRef;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private location: Location,
-        private zone: NgZone,
-        private renderer: Renderer2,
-        private router: Router
-    ) {}
-
-    ngOnInit(): void {
-        if (isPlatformBrowser(this.platformId)) {
-            const hash = window.location.hash.substring(1);
-            const hasHash = ObjectUtils.isNotEmpty(hash);
-            const id = hasHash ? hash : ((this.docs && this.docs[0]) || {}).id;
-
-            this.activeId = id;
-            hasHash &&
-                setTimeout(() => {
-                    this.scrollToLabelById(id);
-                }, 250);
-
-            this.zone.runOutsideAngular(() => {
-                this.scrollListener = this.renderer.listen(this.document, 'scroll', (event: any) => {
-                    this.onScroll();
-                });
-            });
-        }
-    }
-
-    scrollCurrentUrl() {
-        const hash = window.location.hash.substring(1);
-        const hasHash = ObjectUtils.isNotEmpty(hash);
-        const id = hasHash ? hash : (this.docs[0] || {}).id;
-
-        this.activeId = id;
-        hasHash &&
-            setTimeout(() => {
-                this.scrollToLabelById(id);
-            }, 1);
-    }
-
-    getLabels() {
-        return [...Array.from(this.document.querySelectorAll(':is(h1,h2,h3).doc-section-label'))].filter((el: any) => DomHandler.isVisible(el));
-    }
-
-    onScroll() {
-        if (isPlatformBrowser(this.platformId) && this.nav) {
-            if (!this.isScrollBlocked) {
-                this.zone.run(() => {
-                    if (typeof document !== 'undefined') {
-                        const labels = this.getLabels();
-                        const windowScrollTop = DomHandler.getWindowScrollTop();
-
-                        labels.forEach((label) => {
-                            const { top } = DomHandler.getOffset(label);
-                            const threshold = this.getThreshold(label);
-
-                            if (top - threshold <= windowScrollTop) {
-                                const link = DomHandler.findSingle(label, 'a');
-                                this.activeId = link.id;
-                            }
-                        });
-                    }
-                });
-            }
-
-            clearTimeout(this.scrollEndTimer);
-            this.scrollEndTimer = setTimeout(() => {
-                this.isScrollBlocked = false;
-
-                const activeItem = DomHandler.findSingle(this.nav.nativeElement, '.active-navbar-item');
-
-                activeItem && activeItem.scrollIntoView({ block: 'nearest', inline: 'start' });
-            }, 50);
-        }
-    }
-
-    onButtonClick(event, doc) {
-        this.activeId = doc.id;
-        setTimeout(() => {
-            this.scrollToLabelById(doc.id);
-            this.isScrollBlocked = true;
-        }, 1);
-
-        event.preventDefault();
-    }
-
-    getThreshold(label) {
-        if (typeof document !== undefined) {
-            if (!this.topbarHeight) {
-                const topbar = DomHandler.findSingle(document.body, '.layout-topbar');
-
-                this.topbarHeight = topbar ? DomHandler.getHeight(topbar) : 0;
-            }
-        }
-
-        return this.topbarHeight + DomHandler.getHeight(label) * 3.5;
-    }
-
-    scrollToLabelById(id) {
-        if (typeof document !== undefined) {
-            const label = document.getElementById(id);
-            this.location.go(this.location.path().split('#')[0] + '#' + id);
-            setTimeout(() => {
-                label && label.parentElement.scrollIntoView({ block: 'start', behavior: 'smooth' });
-            }, 1);
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.scrollListener) {
-            this.scrollListener();
-            this.scrollListener = null;
-        }
-    }
-}
diff --git a/src/app/showcase/layout/doc/app.docsection.component.ts b/src/app/showcase/layout/doc/app.docsection.component.ts
deleted file mode 100644
index f6e2351..0000000
--- a/src/app/showcase/layout/doc/app.docsection.component.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input, signal } from '@angular/core';
-import { Doc } from 'src/app/showcase/domain/doc';
-
-@Component({
-    selector: 'app-docsection',
-    template: `
-        <ng-container *ngIf="docs && docs.length">
-            <section class="py-4" *ngFor="let doc of docs; trackBy: trackById">
-                <ng-container *ngIf="!doc.component && doc.children">
-                    <app-docsectiontext [title]="doc.label" [id]="doc.id" [level]="2" [description]="doc?.description" />
-
-                    <ng-template ngFor [ngForOf]="doc.children" let-child>
-                        <app-docsectiontext [title]="child.label" [id]="child.id" [level]="3" [description]="child?.description" />
-                        <ng-container *ngComponentOutlet="child.component"></ng-container>
-                    </ng-template>
-                </ng-container>
-
-                <ng-container *ngIf="doc.component && !doc.children">
-                    <app-docsectiontext [title]="doc.label" [id]="doc.id" [level]="2" [description]="doc?.description" />
-                    <ng-container *ngComponentOutlet="doc.component"></ng-container>
-                </ng-container>
-            </section>
-        </ng-container>
-
-        <ng-container *ngIf="apiDocs && apiDocs.length">
-            <section class="py-4" *ngFor="let doc of apiDocs; trackBy: trackById">
-                <ng-container *ngIf="doc.children">
-                    <app-docsectiontext [title]="doc.label" [id]="doc.id" [description]="doc.description" [level]="2" />
-
-                    <ng-template ngFor [ngForOf]="doc.children" let-child>
-                        <app-docapitable [id]="child.id" [label]="child.label" [data]="child.data" [description]="child.description" [relatedProp]="child.relatedProp" [level]="3" [isInterface]="child.isInterface" />
-                    </ng-template>
-                </ng-container>
-            </section>
-        </ng-container>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class AppDocSectionsComponent {
-    @Input() docs!: Doc[];
-
-    @Input() apiDocs!: any[];
-
-    trackById(doc) {
-        return doc.id || undefined;
-    }
-}
diff --git a/src/app/showcase/layout/doc/app.docsectiontext.component.ts b/src/app/showcase/layout/doc/app.docsectiontext.component.ts
deleted file mode 100644
index 4bf3ec4..0000000
--- a/src/app/showcase/layout/doc/app.docsectiontext.component.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Location } from '@angular/common';
-import { Component, ElementRef, Input, numberAttribute } from '@angular/core';
-
-@Component({
-    selector: 'app-docsectiontext',
-    template: `
-        <h2 class="doc-section-label" *ngIf="level === 2">
-            {{ title }}
-            <a (click)="navigate($event)" class="cursor-pointer" [id]="id">#</a>
-        </h2>
-        <div class="doc-section-description" *ngIf="description">
-            <p class="mt-3">{{ description || null }}</p>
-        </div>
-        <h3 class="doc-section-label mt-4" *ngIf="level === 3">
-            {{ title }}
-            <a (click)="navigate($event)" class="cursor-pointer" [id]="id">#</a>
-        </h3>
-        <div class="doc-section-description">
-            <ng-content></ng-content>
-        </div>
-    `
-})
-export class AppDocSectionTextComponent {
-    @Input() title!: string;
-
-    @Input() id!: string;
-
-    @Input({ transform: numberAttribute }) level!: number;
-
-    @Input() label!: string;
-
-    @Input() description: string;
-
-    constructor(
-        public location: Location,
-        public el: ElementRef
-    ) {}
-
-    navigate(event) {
-        if (typeof window !== undefined) {
-            const hash = window.location.hash.substring(1);
-            const parentElement = event.currentTarget.parentElement;
-            this.location.go(this.location.path().split('#')[0] + '#' + this.id);
-
-            setTimeout(() => {
-                parentElement.scrollIntoView({ block: 'start', behavior: 'smooth' });
-            }, 1);
-
-            hash === this.id && event.preventDefault();
-        }
-    }
-}
diff --git a/src/app/showcase/layout/doc/codeeditor/index.ts b/src/app/showcase/layout/doc/codeeditor/index.ts
deleted file mode 100644
index 5aaf4a8..0000000
--- a/src/app/showcase/layout/doc/codeeditor/index.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import sdk from '@stackblitz/sdk';
-import { Props, getAngularApp } from './templates';
-
-const useCodeSandbox = (props: Props) => {
-    const { files } = getAngularApp(props);
-
-    files['sandbox.config.json'] = {
-        content: {
-            infiniteLoopProtection: false,
-            template: 'node',
-            container: {
-                node: '16'
-            }
-        }
-    };
-
-    fetch('https://codesandbox.io/api/v1/sandboxes/define?json=1', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-            Accept: 'application/json'
-        },
-        body: JSON.stringify({ files: files, sourceFileName: 'src/app/app.component.ts' })
-    })
-        .then((response) => response.json())
-        .then((data) => typeof window !== undefined && window.open(`https://codesandbox.io/s/${data.sandbox_id}`, '_blank'));
-};
-
-const useStackBlitz = (props: Props) => {
-    const { files, title } = getAngularApp(props);
-
-    let _files = {};
-
-    Object.entries(files).forEach(([k, v]) => (_files[`${k}`] = typeof v.content === 'object' ? JSON.stringify(v.content, null, 2) : v.content));
-
-    const project = {
-        title: title,
-        template: 'node',
-        description:
-            'PrimeNG is an open source UI library for Angular featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.',
-        files: _files
-    };
-
-    const options = {
-        newWindow: true,
-        openFile: 'src/app/app.component.html'
-    };
-    // @ts-ignore
-    sdk.openProject(project, options);
-};
-
-export { useCodeSandbox, useStackBlitz };
diff --git a/src/app/showcase/layout/doc/codeeditor/services.ts b/src/app/showcase/layout/doc/codeeditor/services.ts
deleted file mode 100644
index 8923dcf..0000000
--- a/src/app/showcase/layout/doc/codeeditor/services.ts
+++ /dev/null
@@ -1,12730 +0,0 @@
-export const services = {
-    CarService: `import { Injectable } from '@angular/core';
-
-@Injectable()
-export class CarService {
-    getData() {
-        return [
-            {
-                "vin":"ee8a89d8",
-                "brand":"Fiat",
-                "year":1987,
-                "color":"Maroon"
-            },
-            {
-                "vin":"642b3edc",
-                "brand":"Renault",
-                "year":1968,
-                "color":"White"
-            },
-            {
-                "vin":"19ec7580",
-                "brand":"Renault",
-                "year":1981,
-                "color":"Black"
-            },
-            {
-                "vin":"39980f30",
-                "brand":"VW",
-                "year":1986,
-                "color":"Red"
-            },
-            {
-                "vin":"ec9cc4e4",
-                "brand":"Fiat",
-                "year":1981,
-                "color":"Brown"
-            },
-            {
-                "vin":"09a06548",
-                "brand":"VW",
-                "year":1965,
-                "color":"Green"
-            },
-            {
-                "vin":"05c47246",
-                "brand":"Mercedes",
-                "year":2007,
-                "color":"Blue"
-            },
-            {
-                "vin":"a9cb87aa",
-                "brand":"Fiat",
-                "year":1962,
-                "color":"Green"
-            },
-            {
-                "vin":"eae758fa",
-                "brand":"BMW",
-                "year":1999,
-                "color":"Yellow"
-            },
-            {
-                "vin":"1241c403",
-                "brand":"Jaguar",
-                "year":1964,
-                "color":"Yellow"
-            },
-            {
-                "vin":"13f853a7",
-                "brand":"Honda",
-                "year":2006,
-                "color":"White"
-            },
-            {
-                "vin":"447d9ed9",
-                "brand":"Jaguar",
-                "year":2005,
-                "color":"Orange"
-            },
-            {
-                "vin":"78fa052e",
-                "brand":"Jaguar",
-                "year":1990,
-                "color":"Orange"
-            },
-            {
-                "vin":"8b77772a",
-                "brand":"Mercedes",
-                "year":1991,
-                "color":"Blue"
-            },
-            {
-                "vin":"23ba7e86",
-                "brand":"Honda",
-                "year":1975,
-                "color":"Yellow"
-            },
-            {
-                "vin":"9bacb32d",
-                "brand":"Volvo",
-                "year":1968,
-                "color":"Brown"
-            },
-            {
-                "vin":"62094d91",
-                "brand":"Mercedes",
-                "year":1962,
-                "color":"Green"
-            },
-            {
-                "vin":"dc7003f4",
-                "brand":"Jaguar",
-                "year":1976,
-                "color":"Maroon"
-            },
-            {
-                "vin":"08607aef",
-                "brand":"Mercedes",
-                "year":1987,
-                "color":"Maroon"
-            },
-            {
-                "vin":"45eee33a",
-                "brand":"BMW",
-                "year":1980,
-                "color":"Silver"
-            },
-            {
-                "vin":"f199ec5c",
-                "brand":"Jaguar",
-                "year":1961,
-                "color":"Green"
-            },
-            {
-                "vin":"b34cd9e8",
-                "brand":"VW",
-                "year":1993,
-                "color":"Silver"
-            },
-            {
-                "vin":"54b20b02",
-                "brand":"Renault",
-                "year":1967,
-                "color":"Brown"
-            },
-            {
-                "vin":"5dd8766e",
-                "brand":"Honda",
-                "year":1998,
-                "color":"Orange"
-            },
-            {
-                "vin":"df50ce22",
-                "brand":"Mercedes",
-                "year":1964,
-                "color":"White"
-            },
-            {
-                "vin":"ecb3e9e1",
-                "brand":"Honda",
-                "year":2003,
-                "color":"Silver"
-            },
-            {
-                "vin":"750d731d",
-                "brand":"Renault",
-                "year":1962,
-                "color":"Blue"
-            },
-            {
-                "vin":"bec38cf4",
-                "brand":"Renault",
-                "year":1960,
-                "color":"Blue"
-            },
-            {
-                "vin":"b7752002",
-                "brand":"Jaguar",
-                "year":1964,
-                "color":"Black"
-            },
-            {
-                "vin":"315fe9c4",
-                "brand":"Fiat",
-                "year":1985,
-                "color":"Red"
-            },
-            {
-                "vin":"be65f786",
-                "brand":"Mercedes",
-                "year":1963,
-                "color":"Orange"
-            },
-            {
-                "vin":"786a7d57",
-                "brand":"Mercedes",
-                "year":2003,
-                "color":"Black"
-            },
-            {
-                "vin":"a3aee412",
-                "brand":"Volvo",
-                "year":2003,
-                "color":"Maroon"
-            },
-            {
-                "vin":"749e6bdd",
-                "brand":"Audi",
-                "year":1995,
-                "color":"Brown"
-            },
-            {
-                "vin":"8cc40f50",
-                "brand":"BMW",
-                "year":1961,
-                "color":"Brown"
-            },
-            {
-                "vin":"5de63a6f",
-                "brand":"Renault",
-                "year":1961,
-                "color":"White"
-            },
-            {
-                "vin":"bdae1e20",
-                "brand":"Jaguar",
-                "year":2008,
-                "color":"Blue"
-            },
-            {
-                "vin":"290cc891",
-                "brand":"VW",
-                "year":1992,
-                "color":"Brown"
-            },
-            {
-                "vin":"007e1014",
-                "brand":"Renault",
-                "year":1966,
-                "color":"Black"
-            },
-            {
-                "vin":"429c502d",
-                "brand":"Honda",
-                "year":1995,
-                "color":"Silver"
-            },
-            {
-                "vin":"c336f9b6",
-                "brand":"Honda",
-                "year":1991,
-                "color":"Maroon"
-            },
-            {
-                "vin":"a6783ba3",
-                "brand":"Honda",
-                "year":2004,
-                "color":"Yellow"
-            },
-            {
-                "vin":"2ddaf8d5",
-                "brand":"Volvo",
-                "year":1982,
-                "color":"Blue"
-            },
-            {
-                "vin":"c09c4b15",
-                "brand":"VW",
-                "year":1991,
-                "color":"Blue"
-            },
-            {
-                "vin":"4609844c",
-                "brand":"Honda",
-                "year":1972,
-                "color":"Black"
-            },
-            {
-                "vin":"8db7df27",
-                "brand":"Audi",
-                "year":1982,
-                "color":"Blue"
-            },
-            {
-                "vin":"dcc58086",
-                "brand":"Audi",
-                "year":2001,
-                "color":"Brown"
-            },
-            {
-                "vin":"f1274cbe",
-                "brand":"Fiat",
-                "year":1995,
-                "color":"Silver"
-            },
-            {
-                "vin":"0858a5d4",
-                "brand":"Renault",
-                "year":1992,
-                "color":"Green"
-            },
-            {
-                "vin":"c2d42bb6",
-                "brand":"Volvo",
-                "year":1972,
-                "color":"Green"
-            },
-            {
-                "vin":"5535cd5a",
-                "brand":"Renault",
-                "year":1980,
-                "color":"Silver"
-            },
-            {
-                "vin":"e3313e1e",
-                "brand":"Honda",
-                "year":2009,
-                "color":"Orange"
-            },
-            {
-                "vin":"f4dea691",
-                "brand":"BMW",
-                "year":2002,
-                "color":"Brown"
-            },
-            {
-                "vin":"ec15a449",
-                "brand":"Honda",
-                "year":1990,
-                "color":"Yellow"
-            },
-            {
-                "vin":"80b74a0e",
-                "brand":"BMW",
-                "year":1979,
-                "color":"Yellow"
-            },
-            {
-                "vin":"513fe268",
-                "brand":"Honda",
-                "year":1987,
-                "color":"White"
-            },
-            {
-                "vin":"6934c8f8",
-                "brand":"Renault",
-                "year":1989,
-                "color":"Red"
-            },
-            {
-                "vin":"6a4c3ad0",
-                "brand":"Honda",
-                "year":1994,
-                "color":"Yellow"
-            },
-            {
-                "vin":"e0acd7b5",
-                "brand":"Mercedes",
-                "year":1965,
-                "color":"Red"
-            },
-            {
-                "vin":"2f31ac35",
-                "brand":"Jaguar",
-                "year":1991,
-                "color":"Brown"
-            },
-            {
-                "vin":"36104237",
-                "brand":"VW",
-                "year":1992,
-                "color":"Silver"
-            },
-            {
-                "vin":"5be099b4",
-                "brand":"BMW",
-                "year":1991,
-                "color":"Yellow"
-            },
-            {
-                "vin":"e2f55f31",
-                "brand":"BMW",
-                "year":1967,
-                "color":"Silver"
-            },
-            {
-                "vin":"11274338",
-                "brand":"Mercedes",
-                "year":1999,
-                "color":"Blue"
-            },
-            {
-                "vin":"f710e177",
-                "brand":"Fiat",
-                "year":2007,
-                "color":"White"
-            },
-            {
-                "vin":"d8375b4b",
-                "brand":"Volvo",
-                "year":1977,
-                "color":"Blue"
-            },
-            {
-                "vin":"a27ddfe3",
-                "brand":"VW",
-                "year":1978,
-                "color":"Blue"
-            },
-            {
-                "vin":"d8848162",
-                "brand":"BMW",
-                "year":2008,
-                "color":"Black"
-            },
-            {
-                "vin":"e9cb3677",
-                "brand":"BMW",
-                "year":2004,
-                "color":"Black"
-            },
-            {
-                "vin":"c9dc321d",
-                "brand":"BMW",
-                "year":1989,
-                "color":"Red"
-            },
-            {
-                "vin":"4c75c610",
-                "brand":"Volvo",
-                "year":1972,
-                "color":"Yellow"
-            },
-            {
-                "vin":"1c90c93d",
-                "brand":"Audi",
-                "year":2004,
-                "color":"Silver"
-            },
-            {
-                "vin":"5ccc9f7f",
-                "brand":"Jaguar",
-                "year":1961,
-                "color":"Red"
-            },
-            {
-                "vin":"94498bc0",
-                "brand":"Fiat",
-                "year":1965,
-                "color":"Silver"
-            },
-            {
-                "vin":"1d1a21f3",
-                "brand":"Honda",
-                "year":1985,
-                "color":"Red"
-            },
-            {
-                "vin":"ea463ad3",
-                "brand":"BMW",
-                "year":1992,
-                "color":"Blue"
-            },
-            {
-                "vin":"c24bdeb2",
-                "brand":"Honda",
-                "year":1991,
-                "color":"Red"
-            },
-            {
-                "vin":"af3b744b",
-                "brand":"Audi",
-                "year":1998,
-                "color":"Green"
-            },
-            {
-                "vin":"bebd5a96",
-                "brand":"Jaguar",
-                "year":1989,
-                "color":"Black"
-            },
-            {
-                "vin":"6ef9dbf3",
-                "brand":"Fiat",
-                "year":1962,
-                "color":"Orange"
-            },
-            {
-                "vin":"eede8f1e",
-                "brand":"Jaguar",
-                "year":1977,
-                "color":"Brown"
-            },
-            {
-                "vin":"9d11b02d",
-                "brand":"BMW",
-                "year":1971,
-                "color":"Yellow"
-            },
-            {
-                "vin":"1d4223a1",
-                "brand":"Mercedes",
-                "year":1975,
-                "color":"Brown"
-            },
-            {
-                "vin":"4d118346",
-                "brand":"Mercedes",
-                "year":1985,
-                "color":"Brown"
-            },
-            {
-                "vin":"cce76f06",
-                "brand":"Honda",
-                "year":1980,
-                "color":"Maroon"
-            },
-            {
-                "vin":"2af398ed",
-                "brand":"Renault",
-                "year":1970,
-                "color":"Yellow"
-            },
-            {
-                "vin":"c0ddab4c",
-                "brand":"Audi",
-                "year":2003,
-                "color":"Silver"
-            },
-            {
-                "vin":"a27ea639",
-                "brand":"Mercedes",
-                "year":1968,
-                "color":"Yellow"
-            },
-            {
-                "vin":"e6441f09",
-                "brand":"Jaguar",
-                "year":1982,
-                "color":"Green"
-            },
-            {
-                "vin":"c4c59d58",
-                "brand":"Fiat",
-                "year":2005,
-                "color":"Orange"
-            },
-            {
-                "vin":"9d31fc0a",
-                "brand":"Mercedes",
-                "year":1974,
-                "color":"Brown"
-            },
-            {
-                "vin":"b0ffce2d",
-                "brand":"Volvo",
-                "year":1966,
-                "color":"Yellow"
-            },
-            {
-                "vin":"ca7e52e3",
-                "brand":"Honda",
-                "year":1971,
-                "color":"Orange"
-            },
-            {
-                "vin":"56b36f0e",
-                "brand":"Mercedes",
-                "year":2008,
-                "color":"Orange"
-            },
-            {
-                "vin":"ba045e1e",
-                "brand":"Jaguar",
-                "year":1968,
-                "color":"White"
-            },
-            {
-                "vin":"fd579989",
-                "brand":"BMW",
-                "year":1975,
-                "color":"Black"
-            },
-            {
-                "vin":"084850a3",
-                "brand":"Audi",
-                "year":1990,
-                "color":"Red"
-            },
-            {
-                "vin":"e39245ab",
-                "brand":"BMW",
-                "year":1969,
-                "color":"White"
-            },
-            {
-                "vin":"41ab14a1",
-                "brand":"Jaguar",
-                "year":1987,
-                "color":"Silver"
-            },
-            {
-                "vin":"7ec4c1c0",
-                "brand":"Jaguar",
-                "year":1980,
-                "color":"Black"
-            },
-            {
-                "vin":"bf1c14aa",
-                "brand":"Audi",
-                "year":1984,
-                "color":"Yellow"
-            },
-            {
-                "vin":"adeff567",
-                "brand":"Volvo",
-                "year":2000,
-                "color":"Brown"
-            },
-            {
-                "vin":"61e5e07d",
-                "brand":"Mercedes",
-                "year":1978,
-                "color":"Orange"
-            },
-            {
-                "vin":"7555e46a",
-                "brand":"Audi",
-                "year":1966,
-                "color":"Blue"
-            },
-            {
-                "vin":"95babbd1",
-                "brand":"Honda",
-                "year":1998,
-                "color":"Black"
-            },
-            {
-                "vin":"ff6885f7",
-                "brand":"Audi",
-                "year":1996,
-                "color":"White"
-            },
-            {
-                "vin":"5b5a0031",
-                "brand":"Audi",
-                "year":1968,
-                "color":"Brown"
-            },
-            {
-                "vin":"de63c575",
-                "brand":"Mercedes",
-                "year":1989,
-                "color":"Yellow"
-            },
-            {
-                "vin":"6bf3bfbc",
-                "brand":"Audi",
-                "year":1968,
-                "color":"Green"
-            },
-            {
-                "vin":"d2d2e8d4",
-                "brand":"Fiat",
-                "year":1985,
-                "color":"Green"
-            },
-            {
-                "vin":"edcab1f7",
-                "brand":"VW",
-                "year":1979,
-                "color":"Silver"
-            },
-            {
-                "vin":"03234e20",
-                "brand":"Mercedes",
-                "year":1962,
-                "color":"Orange"
-            },
-            {
-                "vin":"de2a7b08",
-                "brand":"Honda",
-                "year":2007,
-                "color":"Blue"
-            },
-            {
-                "vin":"717b8282",
-                "brand":"BMW",
-                "year":1999,
-                "color":"Yellow"
-            },
-            {
-                "vin":"790e7f03",
-                "brand":"Volvo",
-                "year":1983,
-                "color":"White"
-            },
-            {
-                "vin":"8eefb223",
-                "brand":"Jaguar",
-                "year":1983,
-                "color":"Silver"
-            },
-            {
-                "vin":"5e524acd",
-                "brand":"Jaguar",
-                "year":1994,
-                "color":"Maroon"
-            },
-            {
-                "vin":"26b1aff9",
-                "brand":"BMW",
-                "year":1965,
-                "color":"Black"
-            },
-            {
-                "vin":"c007a623",
-                "brand":"Renault",
-                "year":1968,
-                "color":"Maroon"
-            },
-            {
-                "vin":"76733e83",
-                "brand":"Honda",
-                "year":1991,
-                "color":"White"
-            },
-            {
-                "vin":"ef3c14f7",
-                "brand":"Fiat",
-                "year":1987,
-                "color":"Brown"
-            },
-            {
-                "vin":"2b4ca005",
-                "brand":"Honda",
-                "year":2009,
-                "color":"Silver"
-            },
-            {
-                "vin":"8191dbb6",
-                "brand":"BMW",
-                "year":2005,
-                "color":"Black"
-            },
-            {
-                "vin":"f6b3bd94",
-                "brand":"Renault",
-                "year":1967,
-                "color":"Yellow"
-            },
-            {
-                "vin":"abb19f41",
-                "brand":"Volvo",
-                "year":1975,
-                "color":"Blue"
-            },
-            {
-                "vin":"7470c95f",
-                "brand":"Renault",
-                "year":1996,
-                "color":"Black"
-            },
-            {
-                "vin":"5f1b57a3",
-                "brand":"Volvo",
-                "year":1986,
-                "color":"Red"
-            },
-            {
-                "vin":"ed47a74b",
-                "brand":"BMW",
-                "year":2007,
-                "color":"Brown"
-            },
-            {
-                "vin":"ed6030f7",
-                "brand":"Honda",
-                "year":1990,
-                "color":"Red"
-            },
-            {
-                "vin":"944c71dc",
-                "brand":"Mercedes",
-                "year":1991,
-                "color":"Silver"
-            },
-            {
-                "vin":"c7d838a5",
-                "brand":"VW",
-                "year":1980,
-                "color":"Yellow"
-            },
-            {
-                "vin":"712db898",
-                "brand":"Audi",
-                "year":1965,
-                "color":"Red"
-            },
-            {
-                "vin":"99acc06f",
-                "brand":"BMW",
-                "year":1995,
-                "color":"Silver"
-            },
-            {
-                "vin":"6c68ffa5",
-                "brand":"Jaguar",
-                "year":1999,
-                "color":"Green"
-            },
-            {
-                "vin":"63893922",
-                "brand":"Renault",
-                "year":1991,
-                "color":"Brown"
-            },
-            {
-                "vin":"dca5f739",
-                "brand":"Jaguar",
-                "year":2002,
-                "color":"Blue"
-            },
-            {
-                "vin":"16da6dcb",
-                "brand":"Jaguar",
-                "year":2006,
-                "color":"Blue"
-            },
-            {
-                "vin":"fe9ca30c",
-                "brand":"Fiat",
-                "year":1967,
-                "color":"Maroon"
-            },
-            {
-                "vin":"f0193ac7",
-                "brand":"Mercedes",
-                "year":1979,
-                "color":"Orange"
-            },
-            {
-                "vin":"145f5551",
-                "brand":"Jaguar",
-                "year":1993,
-                "color":"Brown"
-            },
-            {
-                "vin":"24714317",
-                "brand":"Mercedes",
-                "year":1971,
-                "color":"White"
-            },
-            {
-                "vin":"1a9c6e4e",
-                "brand":"Jaguar",
-                "year":1997,
-                "color":"Yellow"
-            },
-            {
-                "vin":"c9b7ef72",
-                "brand":"Fiat",
-                "year":1992,
-                "color":"Maroon"
-            },
-            {
-                "vin":"b1b6c375",
-                "brand":"Fiat",
-                "year":1963,
-                "color":"Silver"
-            },
-            {
-                "vin":"7254a003",
-                "brand":"Audi",
-                "year":1982,
-                "color":"White"
-            },
-            {
-                "vin":"6f0de80f",
-                "brand":"Renault",
-                "year":1987,
-                "color":"Blue"
-            },
-            {
-                "vin":"e3048f87",
-                "brand":"Fiat",
-                "year":1989,
-                "color":"Blue"
-            },
-            {
-                "vin":"361e435a",
-                "brand":"BMW",
-                "year":1973,
-                "color":"Green"
-            },
-            {
-                "vin":"59e6a9f3",
-                "brand":"BMW",
-                "year":1964,
-                "color":"Maroon"
-            },
-            {
-                "vin":"b791fe05",
-                "brand":"Mercedes",
-                "year":1993,
-                "color":"Yellow"
-            },
-            {
-                "vin":"68b0dd88",
-                "brand":"BMW",
-                "year":2002,
-                "color":"Green"
-            },
-            {
-                "vin":"5b439d1f",
-                "brand":"BMW",
-                "year":1964,
-                "color":"Maroon"
-            },
-            {
-                "vin":"9a7ac9e3",
-                "brand":"Renault",
-                "year":1988,
-                "color":"White"
-            },
-            {
-                "vin":"d214751d",
-                "brand":"Honda",
-                "year":1997,
-                "color":"White"
-            },
-            {
-                "vin":"72229390",
-                "brand":"Mercedes",
-                "year":1996,
-                "color":"White"
-            },
-            {
-                "vin":"b5fbbeee",
-                "brand":"VW",
-                "year":1999,
-                "color":"Brown"
-            },
-            {
-                "vin":"8972b543",
-                "brand":"Audi",
-                "year":1973,
-                "color":"Black"
-            },
-            {
-                "vin":"7bc21024",
-                "brand":"Renault",
-                "year":1980,
-                "color":"Yellow"
-            },
-            {
-                "vin":"5d661964",
-                "brand":"Renault",
-                "year":2005,
-                "color":"Silver"
-            },
-            {
-                "vin":"a6ccc2d8",
-                "brand":"Honda",
-                "year":1994,
-                "color":"Blue"
-            },
-            {
-                "vin":"c1f15f28",
-                "brand":"Volvo",
-                "year":1999,
-                "color":"Black"
-            },
-            {
-                "vin":"161512ce",
-                "brand":"VW",
-                "year":1962,
-                "color":"Black"
-            },
-            {
-                "vin":"16e0b448",
-                "brand":"Fiat",
-                "year":1990,
-                "color":"Green"
-            },
-            {
-                "vin":"f0734442",
-                "brand":"Audi",
-                "year":1966,
-                "color":"Orange"
-            },
-            {
-                "vin":"5e233279",
-                "brand":"Audi",
-                "year":1964,
-                "color":"Green"
-            },
-            {
-                "vin":"1de720b2",
-                "brand":"Renault",
-                "year":2003,
-                "color":"Orange"
-            },
-            {
-                "vin":"46efaeb2",
-                "brand":"Jaguar",
-                "year":1993,
-                "color":"Green"
-            },
-            {
-                "vin":"88f2354c",
-                "brand":"Jaguar",
-                "year":2006,
-                "color":"Black"
-            },
-            {
-                "vin":"04819fd6",
-                "brand":"Mercedes",
-                "year":1983,
-                "color":"White"
-            },
-            {
-                "vin":"401771c8",
-                "brand":"Volvo",
-                "year":1962,
-                "color":"Silver"
-            },
-            {
-                "vin":"8600877b",
-                "brand":"VW",
-                "year":1996,
-                "color":"Black"
-            },
-            {
-                "vin":"946bd645",
-                "brand":"Honda",
-                "year":1991,
-                "color":"Red"
-            },
-            {
-                "vin":"ad078e69",
-                "brand":"Fiat",
-                "year":1991,
-                "color":"Brown"
-            },
-            {
-                "vin":"93138901",
-                "brand":"Mercedes",
-                "year":1961,
-                "color":"Silver"
-            },
-            {
-                "vin":"f365dfa4",
-                "brand":"Mercedes",
-                "year":1980,
-                "color":"Black"
-            },
-            {
-                "vin":"22647161",
-                "brand":"Audi",
-                "year":2007,
-                "color":"Blue"
-            },
-            {
-                "vin":"92d1ee27",
-                "brand":"Jaguar",
-                "year":1977,
-                "color":"Silver"
-            },
-            {
-                "vin":"137c2b3a",
-                "brand":"Honda",
-                "year":1970,
-                "color":"Blue"
-            },
-            {
-                "vin":"b05b5235",
-                "brand":"BMW",
-                "year":1967,
-                "color":"Yellow"
-            },
-            {
-                "vin":"1afbf400",
-                "brand":"Audi",
-                "year":1966,
-                "color":"Maroon"
-            },
-            {
-                "vin":"8530ae50",
-                "brand":"BMW",
-                "year":1979,
-                "color":"Brown"
-            },
-            {
-                "vin":"c9a487a3",
-                "brand":"Volvo",
-                "year":1981,
-                "color":"Silver"
-            },
-            {
-                "vin":"5cb0bed6",
-                "brand":"Honda",
-                "year":1962,
-                "color":"Orange"
-            },
-            {
-                "vin":"cf7d0b45",
-                "brand":"Fiat",
-                "year":1997,
-                "color":"Green"
-            },
-            {
-                "vin":"bc762dd0",
-                "brand":"Jaguar",
-                "year":2000,
-                "color":"Yellow"
-            },
-            {
-                "vin":"97207a61",
-                "brand":"VW",
-                "year":1976,
-                "color":"Blue"
-            },
-            {
-                "vin":"17680899",
-                "brand":"Mercedes",
-                "year":2006,
-                "color":"Silver"
-            },
-            {
-                "vin":"d8a98d30",
-                "brand":"Renault",
-                "year":1990,
-                "color":"Green"
-            },
-            {
-                "vin":"ff01ead0",
-                "brand":"Audi",
-                "year":1962,
-                "color":"Blue"
-            },
-            {
-                "vin":"38b30a61",
-                "brand":"Fiat",
-                "year":1977,
-                "color":"White"
-            },
-            {
-                "vin":"9a6793c1",
-                "brand":"Renault",
-                "year":1983,
-                "color":"Red"
-            },
-            {
-                "vin":"b1f27273",
-                "brand":"Mercedes",
-                "year":2007,
-                "color":"Brown"
-            },
-            {
-                "vin":"0fa8c1aa",
-                "brand":"Jaguar",
-                "year":1982,
-                "color":"Blue"
-            },
-            {
-                "vin":"a7520f42",
-                "brand":"Volvo",
-                "year":2008,
-                "color":"Maroon"
-            },
-            {
-                "vin":"494eba81",
-                "brand":"BMW",
-                "year":1966,
-                "color":"Silver"
-            },
-            {
-                "vin":"683535b8",
-                "brand":"Renault",
-                "year":2003,
-                "color":"White"
-            },
-            {
-                "vin":"62e5d216",
-                "brand":"Audi",
-                "year":1962,
-                "color":"Orange"
-            },
-            {
-                "vin":"16a65b56",
-                "brand":"Jaguar",
-                "year":2009,
-                "color":"Blue"
-            },
-            {
-                "vin":"d00250a3",
-                "brand":"BMW",
-                "year":1978,
-                "color":"Blue"
-            },
-            {
-                "vin":"f3c3909d",
-                "brand":"Renault",
-                "year":2003,
-                "color":"Green"
-            }
-        ];
-    }
-
-    brands = ['Vapid', 'Carson', 'Kitano', 'Dabver', 'Ibex', 'Morello', 'Akira', 'Titan', 'Dover', 'Norma'];
-
-    colors = ['Black', 'White', 'Red', 'Blue', 'Silver', 'Green', 'Yellow'];
-
-    generateCar(id?:any) {
-        return {
-            id,
-            vin: this.generateVin(),
-            brand: this.generateBrand(),
-            color: this.generateColor(),
-            year: this.generateYear()
-        };
-    }
-
-    generateVin() {
-        let text = '';
-        let possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-
-        for (let i = 0; i < 5; i++) {
-            text += possible.charAt(Math.floor(Math.random() * possible.length));
-        }
-
-        return text;
-    }
-
-    generateBrand() {
-        return this.brands[Math.floor(Math.random() * Math.floor(10))];
-    }
-
-    generateColor() {
-        return this.colors[Math.floor(Math.random() * Math.floor(7))];
-    }
-
-    generateYear() {
-        return 2000 + Math.floor(Math.random() * Math.floor(19));
-    }
-
-    getCarsLarge() {
-        return Promise.resolve(this.getData());
-    }
-
-    getCarsMedium() {
-        return Promise.resolve(this.getData().slice(0, 50));
-    }
-    
-    getCarsSmall() {
-        return Promise.resolve(this.getData().slice(0, 10));
-    }
-};`,
-    CountryService: `import { Injectable } from '@angular/core';
-
-@Injectable()
-export class CountryService {
-    getData() {
-        return [
-            { name: 'Afghanistan', code: 'AF' },
-            { name: 'Albania', code: 'AL' },
-            { name: 'Algeria', code: 'DZ' },
-            { name: 'American Samoa', code: 'AS' },
-            { name: 'Andorra', code: 'AD' },
-            { name: 'Angola', code: 'AO' },
-            { name: 'Anguilla', code: 'AI' },
-            { name: 'Antarctica', code: 'AQ' },
-            { name: 'Antigua and Barbuda', code: 'AG' },
-            { name: 'Argentina', code: 'AR' },
-            { name: 'Armenia', code: 'AM' },
-            { name: 'Aruba', code: 'AW' },
-            { name: 'Australia', code: 'AU' },
-            { name: 'Austria', code: 'AT' },
-            { name: 'Azerbaijan', code: 'AZ' },
-            { name: 'Bahamas', code: 'BS' },
-            { name: 'Bahrain', code: 'BH' },
-            { name: 'Bangladesh', code: 'BD' },
-            { name: 'Barbados', code: 'BB' },
-            { name: 'Belarus', code: 'BY' },
-            { name: 'Belgium', code: 'BE' },
-            { name: 'Belize', code: 'BZ' },
-            { name: 'Benin', code: 'BJ' },
-            { name: 'Bermuda', code: 'BM' },
-            { name: 'Bhutan', code: 'BT' },
-            { name: 'Bolivia', code: 'BO' },
-            { name: 'Bosnia and Herzegovina', code: 'BA' },
-            { name: 'Botswana', code: 'BW' },
-            { name: 'Bouvet Island', code: 'BV' },
-            { name: 'Brazil', code: 'BR' },
-            { name: 'British Indian Ocean Territory', code: 'IO' },
-            { name: 'Brunei Darussalam', code: 'BN' },
-            { name: 'Bulgaria', code: 'BG' },
-            { name: 'Burkina Faso', code: 'BF' },
-            { name: 'Burundi', code: 'BI' },
-            { name: 'Cambodia', code: 'KH' },
-            { name: 'Cameroon', code: 'CM' },
-            { name: 'Canada', code: 'CA' },
-            { name: 'Cape Verde', code: 'CV' },
-            { name: 'Cayman Islands', code: 'KY' },
-            { name: 'Central African Republic', code: 'CF' },
-            { name: 'Chad', code: 'TD' },
-            { name: 'Chile', code: 'CL' },
-            { name: 'China', code: 'CN' },
-            { name: 'Christmas Island', code: 'CX' },
-            { name: 'Cocos (Keeling) Islands', code: 'CC' },
-            { name: 'Colombia', code: 'CO' },
-            { name: 'Comoros', code: 'KM' },
-            { name: 'Congo', code: 'CG' },
-            { name: 'Congo, The Democratic Republic of the', code: 'CD' },
-            { name: 'Cook Islands', code: 'CK' },
-            { name: 'Costa Rica', code: 'CR' },
-            { name: 'Cote D"Ivoire', code: 'CI' },
-            { name: 'Croatia', code: 'HR' },
-            { name: 'Cuba', code: 'CU' },
-            { name: 'Cyprus', code: 'CY' },
-            { name: 'Czech Republic', code: 'CZ' },
-            { name: 'Denmark', code: 'DK' },
-            { name: 'Djibouti', code: 'DJ' },
-            { name: 'Dominica', code: 'DM' },
-            { name: 'Dominican Republic', code: 'DO' },
-            { name: 'Ecuador', code: 'EC' },
-            { name: 'Egypt', code: 'EG' },
-            { name: 'El Salvador', code: 'SV' },
-            { name: 'Equatorial Guinea', code: 'GQ' },
-            { name: 'Eritrea', code: 'ER' },
-            { name: 'Estonia', code: 'EE' },
-            { name: 'Ethiopia', code: 'ET' },
-            { name: 'Falkland Islands (Malvinas)', code: 'FK' },
-            { name: 'Faroe Islands', code: 'FO' },
-            { name: 'Fiji', code: 'FJ' },
-            { name: 'Finland', code: 'FI' },
-            { name: 'France', code: 'FR' },
-            { name: 'French Guiana', code: 'GF' },
-            { name: 'French Polynesia', code: 'PF' },
-            { name: 'French Southern Territories', code: 'TF' },
-            { name: 'Gabon', code: 'GA' },
-            { name: 'Gambia', code: 'GM' },
-            { name: 'Georgia', code: 'GE' },
-            { name: 'Germany', code: 'DE' },
-            { name: 'Ghana', code: 'GH' },
-            { name: 'Gibraltar', code: 'GI' },
-            { name: 'Greece', code: 'GR' },
-            { name: 'Greenland', code: 'GL' },
-            { name: 'Grenada', code: 'GD' },
-            { name: 'Guadeloupe', code: 'GP' },
-            { name: 'Guam', code: 'GU' },
-            { name: 'Guatemala', code: 'GT' },
-            { name: 'Guernsey', code: 'GG' },
-            { name: 'Guinea', code: 'GN' },
-            { name: 'Guinea-Bissau', code: 'GW' },
-            { name: 'Guyana', code: 'GY' },
-            { name: 'Haiti', code: 'HT' },
-            { name: 'Heard Island and Mcdonald Islands', code: 'HM' },
-            { name: 'Holy See (Vatican City State)', code: 'VA' },
-            { name: 'Honduras', code: 'HN' },
-            { name: 'Hong Kong', code: 'HK' },
-            { name: 'Hungary', code: 'HU' },
-            { name: 'Iceland', code: 'IS' },
-            { name: 'India', code: 'IN' },
-            { name: 'Indonesia', code: 'ID' },
-            { name: 'Iran, Islamic Republic Of', code: 'IR' },
-            { name: 'Iraq', code: 'IQ' },
-            { name: 'Ireland', code: 'IE' },
-            { name: 'Isle of Man', code: 'IM' },
-            { name: 'Israel', code: 'IL' },
-            { name: 'Italy', code: 'IT' },
-            { name: 'Jamaica', code: 'JM' },
-            { name: 'Japan', code: 'JP' },
-            { name: 'Jersey', code: 'JE' },
-            { name: 'Jordan', code: 'JO' },
-            { name: 'Kazakhstan', code: 'KZ' },
-            { name: 'Kenya', code: 'KE' },
-            { name: 'Kiribati', code: 'KI' },
-            { name: 'Korea, Democratic People"S Republic of', code: 'KP' },
-            { name: 'Korea, Republic of', code: 'KR' },
-            { name: 'Kuwait', code: 'KW' },
-            { name: 'Kyrgyzstan', code: 'KG' },
-            { name: 'Lao People"S Democratic Republic', code: 'LA' },
-            { name: 'Latvia', code: 'LV' },
-            { name: 'Lebanon', code: 'LB' },
-            { name: 'Lesotho', code: 'LS' },
-            { name: 'Liberia', code: 'LR' },
-            { name: 'Libyan Arab Jamahiriya', code: 'LY' },
-            { name: 'Liechtenstein', code: 'LI' },
-            { name: 'Lithuania', code: 'LT' },
-            { name: 'Luxembourg', code: 'LU' },
-            { name: 'Macao', code: 'MO' },
-            { name: 'Macedonia, The Former Yugoslav Republic of', code: 'MK' },
-            { name: 'Madagascar', code: 'MG' },
-            { name: 'Malawi', code: 'MW' },
-            { name: 'Malaysia', code: 'MY' },
-            { name: 'Maldives', code: 'MV' },
-            { name: 'Mali', code: 'ML' },
-            { name: 'Malta', code: 'MT' },
-            { name: 'Marshall Islands', code: 'MH' },
-            { name: 'Martinique', code: 'MQ' },
-            { name: 'Mauritania', code: 'MR' },
-            { name: 'Mauritius', code: 'MU' },
-            { name: 'Mayotte', code: 'YT' },
-            { name: 'Mexico', code: 'MX' },
-            { name: 'Micronesia, Federated States of', code: 'FM' },
-            { name: 'Moldova, Republic of', code: 'MD' },
-            { name: 'Monaco', code: 'MC' },
-            { name: 'Mongolia', code: 'MN' },
-            { name: 'Montserrat', code: 'MS' },
-            { name: 'Morocco', code: 'MA' },
-            { name: 'Mozambique', code: 'MZ' },
-            { name: 'Myanmar', code: 'MM' },
-            { name: 'Namibia', code: 'NA' },
-            { name: 'Nauru', code: 'NR' },
-            { name: 'Nepal', code: 'NP' },
-            { name: 'Netherlands', code: 'NL' },
-            { name: 'Netherlands Antilles', code: 'AN' },
-            { name: 'New Caledonia', code: 'NC' },
-            { name: 'New Zealand', code: 'NZ' },
-            { name: 'Nicaragua', code: 'NI' },
-            { name: 'Niger', code: 'NE' },
-            { name: 'Nigeria', code: 'NG' },
-            { name: 'Niue', code: 'NU' },
-            { name: 'Norfolk Island', code: 'NF' },
-            { name: 'Northern Mariana Islands', code: 'MP' },
-            { name: 'Norway', code: 'NO' },
-            { name: 'Oman', code: 'OM' },
-            { name: 'Pakistan', code: 'PK' },
-            { name: 'Palau', code: 'PW' },
-            { name: 'Palestinian Territory, Occupied', code: 'PS' },
-            { name: 'Panama', code: 'PA' },
-            { name: 'Papua New Guinea', code: 'PG' },
-            { name: 'Paraguay', code: 'PY' },
-            { name: 'Peru', code: 'PE' },
-            { name: 'Philippines', code: 'PH' },
-            { name: 'Pitcairn', code: 'PN' },
-            { name: 'Poland', code: 'PL' },
-            { name: 'Portugal', code: 'PT' },
-            { name: 'Puerto Rico', code: 'PR' },
-            { name: 'Qatar', code: 'QA' },
-            { name: 'Reunion', code: 'RE' },
-            { name: 'Romania', code: 'RO' },
-            { name: 'Russian Federation', code: 'RU' },
-            { name: 'RWANDA', code: 'RW' },
-            { name: 'Saint Helena', code: 'SH' },
-            { name: 'Saint Kitts and Nevis', code: 'KN' },
-            { name: 'Saint Lucia', code: 'LC' },
-            { name: 'Saint Pierre and Miquelon', code: 'PM' },
-            { name: 'Saint Vincent and the Grenadines', code: 'VC' },
-            { name: 'Samoa', code: 'WS' },
-            { name: 'San Marino', code: 'SM' },
-            { name: 'Sao Tome and Principe', code: 'ST' },
-            { name: 'Saudi Arabia', code: 'SA' },
-            { name: 'Senegal', code: 'SN' },
-            { name: 'Serbia and Montenegro', code: 'CS' },
-            { name: 'Seychelles', code: 'SC' },
-            { name: 'Sierra Leone', code: 'SL' },
-            { name: 'Singapore', code: 'SG' },
-            { name: 'Slovakia', code: 'SK' },
-            { name: 'Slovenia', code: 'SI' },
-            { name: 'Solomon Islands', code: 'SB' },
-            { name: 'Somalia', code: 'SO' },
-            { name: 'South Africa', code: 'ZA' },
-            { name: 'South Georgia and the South Sandwich Islands', code: 'GS' },
-            { name: 'Spain', code: 'ES' },
-            { name: 'Sri Lanka', code: 'LK' },
-            { name: 'Sudan', code: 'SD' },
-            { name: 'Suriname', code: 'SR' },
-            { name: 'Svalbard and Jan Mayen', code: 'SJ' },
-            { name: 'Swaziland', code: 'SZ' },
-            { name: 'Sweden', code: 'SE' },
-            { name: 'Switzerland', code: 'CH' },
-            { name: 'Syrian Arab Republic', code: 'SY' },
-            { name: 'Taiwan, Province of China', code: 'TW' },
-            { name: 'Tajikistan', code: 'TJ' },
-            { name: 'Tanzania, United Republic of', code: 'TZ' },
-            { name: 'Thailand', code: 'TH' },
-            { name: 'Timor-Leste', code: 'TL' },
-            { name: 'Togo', code: 'TG' },
-            { name: 'Tokelau', code: 'TK' },
-            { name: 'Tonga', code: 'TO' },
-            { name: 'Trinidad and Tobago', code: 'TT' },
-            { name: 'Tunisia', code: 'TN' },
-            { name: 'Turkey', code: 'TR' },
-            { name: 'Turkmenistan', code: 'TM' },
-            { name: 'Turks and Caicos Islands', code: 'TC' },
-            { name: 'Tuvalu', code: 'TV' },
-            { name: 'Uganda', code: 'UG' },
-            { name: 'Ukraine', code: 'UA' },
-            { name: 'United Arab Emirates', code: 'AE' },
-            { name: 'United Kingdom', code: 'GB' },
-            { name: 'United States', code: 'US' },
-            { name: 'United States Minor Outlying Islands', code: 'UM' },
-            { name: 'Uruguay', code: 'UY' },
-            { name: 'Uzbekistan', code: 'UZ' },
-            { name: 'Vanuatu', code: 'VU' },
-            { name: 'Venezuela', code: 'VE' },
-            { name: 'Viet Nam', code: 'VN' },
-            { name: 'Virgin Islands, British', code: 'VG' },
-            { name: 'Virgin Islands, U.S.', code: 'VI' },
-            { name: 'Wallis and Futuna', code: 'WF' },
-            { name: 'Western Sahara', code: 'EH' },
-            { name: 'Yemen', code: 'YE' },
-            { name: 'Zambia', code: 'ZM' },
-            { name: 'Zimbabwe', code: 'ZW' }
-        ];
-    }
-
-    getCountries() {
-        return Promise.resolve(this.getData());
-    }
-};`,
-    CustomerService: `import { Injectable } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-
-@Injectable()
-export class CustomerService {
-    getData() {
-        return [
-            {
-                id: 1000,
-                name: 'James Butt',
-                country: {
-                    name: 'Algeria',
-                    code: 'dz'
-                },
-                company: 'Benton, John B Jr',
-                date: '2015-09-13',
-                status: 'unqualified',
-                verified: true,
-                activity: 17,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 70663
-            },
-            {
-                id: 1001,
-                name: 'Josephine Darakjy',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Chanay, Jeffrey A Esq',
-                date: '2019-02-09',
-                status: 'proposal',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 82429
-            },
-            {
-                id: 1002,
-                name: 'Art Venere',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Chemel, James L Cpa',
-                date: '2017-05-13',
-                status: 'qualified',
-                verified: false,
-                activity: 63,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 28334
-            },
-            {
-                id: 1003,
-                name: 'Lenna Paprocki',
-                country: {
-                    name: 'Slovenia',
-                    code: 'si'
-                },
-                company: 'Feltz Printing Service',
-                date: '2020-09-15',
-                status: 'new',
-                verified: false,
-                activity: 37,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 88521
-            },
-            {
-                id: 1004,
-                name: 'Donette Foller',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Printing Dimensions',
-                date: '2016-05-20',
-                status: 'proposal',
-                verified: true,
-                activity: 33,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 93905
-            },
-            {
-                id: 1005,
-                name: 'Simona Morasca',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Chapman, Ross E Esq',
-                date: '2018-02-16',
-                status: 'qualified',
-                verified: false,
-                activity: 68,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 50041
-            },
-            {
-                id: 1006,
-                name: 'Mitsue Tollner',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Morlong Associates',
-                date: '2018-02-19',
-                status: 'renewal',
-                verified: true,
-                activity: 54,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 58706
-            },
-            {
-                id: 1007,
-                name: 'Leota Dilliard',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'Commercial Press',
-                date: '2019-08-13',
-                status: 'renewal',
-                verified: true,
-                activity: 69,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 26640
-            },
-            {
-                id: 1008,
-                name: 'Sage Wieser',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Truhlar And Truhlar Attys',
-                date: '2018-11-21',
-                status: 'unqualified',
-                verified: true,
-                activity: 76,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 65369
-            },
-            {
-                id: 1009,
-                name: 'Kris Marrier',
-                country: {
-                    name: 'Mexico',
-                    code: 'mx'
-                },
-                company: 'King, Christopher A Esq',
-                date: '2015-07-07',
-                status: 'proposal',
-                verified: false,
-                activity: 3,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 63451
-            },
-            {
-                id: 1010,
-                name: 'Minna Amigon',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'Dorl, James J Esq',
-                date: '2018-11-07',
-                status: 'qualified',
-                verified: false,
-                activity: 38,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 71169
-            },
-            {
-                id: 1011,
-                name: 'Abel Maclead',
-                country: {
-                    name: 'Singapore',
-                    code: 'sg'
-                },
-                company: 'Rangoni Of Florence',
-                date: '2017-03-11',
-                status: 'qualified',
-                verified: true,
-                activity: 87,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 96842
-            },
-            {
-                id: 1012,
-                name: 'Kiley Caldarera',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'Feiner Bros',
-                date: '2015-10-20',
-                status: 'unqualified',
-                verified: false,
-                activity: 80,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 92734
-            },
-            {
-                id: 1013,
-                name: 'Graciela Ruta',
-                country: {
-                    name: 'Chile',
-                    code: 'cl'
-                },
-                company: 'Buckley Miller & Wright',
-                date: '2016-07-25',
-                status: 'negotiation',
-                verified: false,
-                activity: 59,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 45250
-            },
-            {
-                id: 1014,
-                name: 'Cammy Albares',
-                country: {
-                    name: 'Philippines',
-                    code: 'ph'
-                },
-                company: 'Rousseaux, Michael Esq',
-                date: '2019-06-25',
-                status: 'new',
-                verified: true,
-                activity: 90,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 30236
-            },
-            {
-                id: 1015,
-                name: 'Mattie Poquette',
-                country: {
-                    name: 'Venezuela',
-                    code: 've'
-                },
-                company: 'Century Communications',
-                date: '2017-12-12',
-                status: 'negotiation',
-                verified: false,
-                activity: 52,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 64533
-            },
-            {
-                id: 1016,
-                name: 'Meaghan Garufi',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Bolton, Wilbur Esq',
-                date: '2018-07-04',
-                status: 'unqualified',
-                verified: false,
-                activity: 31,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 37279
-            },
-            {
-                id: 1017,
-                name: 'Gladys Rim',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'T M Byxbee Company Pc',
-                date: '2020-02-27',
-                status: 'renewal',
-                verified: true,
-                activity: 48,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 27381
-            },
-            {
-                id: 1018,
-                name: 'Yuki Whobrey',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Farmers Insurance Group',
-                date: '2017-12-21',
-                status: 'negotiation',
-                verified: true,
-                activity: 16,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 9257
-            },
-            {
-                id: 1019,
-                name: 'Fletcher Flosi',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Post Box Services Plus',
-                date: '2016-01-04',
-                status: 'renewal',
-                verified: true,
-                activity: 19,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 67783
-            },
-            {
-                id: 1020,
-                name: 'Bette Nicka',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Sport En Art',
-                date: '2016-10-21',
-                status: 'renewal',
-                verified: false,
-                activity: 100,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 4609
-            },
-            {
-                id: 1021,
-                name: 'Veronika Inouye',
-                country: {
-                    name: 'Ecuador',
-                    code: 'ec'
-                },
-                company: 'C 4 Network Inc',
-                date: '2017-03-24',
-                status: 'renewal',
-                verified: false,
-                activity: 72,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 26565
-            },
-            {
-                id: 1022,
-                name: 'Willard Kolmetz',
-                country: {
-                    name: 'Tunisia',
-                    code: 'tn'
-                },
-                company: 'Ingalls, Donald R Esq',
-                date: '2017-04-15',
-                status: 'renewal',
-                verified: true,
-                activity: 94,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 75876
-            },
-            {
-                id: 1023,
-                name: 'Maryann Royster',
-                country: {
-                    name: 'Belarus',
-                    code: 'by'
-                },
-                company: 'Franklin, Peter L Esq',
-                date: '2017-03-11',
-                status: 'qualified',
-                verified: false,
-                activity: 56,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 41121
-            },
-            {
-                id: 1024,
-                name: 'Alisha Slusarski',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Wtlz Power 107 Fm',
-                date: '2018-03-27',
-                status: 'qualified',
-                verified: true,
-                activity: 7,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 91691
-            },
-            {
-                id: 1025,
-                name: 'Allene Iturbide',
-                country: {
-                    name: 'Italy',
-                    code: 'it'
-                },
-                company: 'Ledecky, David Esq',
-                date: '2016-02-20',
-                status: 'qualified',
-                verified: true,
-                activity: 1,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 40137
-            },
-            {
-                id: 1026,
-                name: 'Chanel Caudy',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Professional Image Inc',
-                date: '2018-06-24',
-                status: 'new',
-                verified: true,
-                activity: 26,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 21304
-            },
-            {
-                id: 1027,
-                name: 'Ezekiel Chui',
-                country: {
-                    name: 'Ireland',
-                    code: 'ie'
-                },
-                company: 'Sider, Donald C Esq',
-                date: '2016-09-24',
-                status: 'new',
-                verified: false,
-                activity: 76,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 60454
-            },
-            {
-                id: 1028,
-                name: 'Willow Kusko',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'U Pull It',
-                date: '2020-04-11',
-                status: 'qualified',
-                verified: true,
-                activity: 7,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 17565
-            },
-            {
-                id: 1029,
-                name: 'Bernardo Figeroa',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Clark, Richard Cpa',
-                date: '2018-04-11',
-                status: 'renewal',
-                verified: true,
-                activity: 81,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 17774
-            },
-            {
-                id: 1030,
-                name: 'Ammie Corrio',
-                country: {
-                    name: 'Hungary',
-                    code: 'hu'
-                },
-                company: 'Moskowitz, Barry S',
-                date: '2016-06-11',
-                status: 'negotiation',
-                verified: true,
-                activity: 56,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 49201
-            },
-            {
-                id: 1031,
-                name: 'Francine Vocelka',
-                country: {
-                    name: 'Honduras',
-                    code: 'hn'
-                },
-                company: 'Cascade Realty Advisors Inc',
-                date: '2017-08-02',
-                status: 'qualified',
-                verified: true,
-                activity: 94,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 67126
-            },
-            {
-                id: 1032,
-                name: 'Ernie Stenseth',
-                country: {
-                    name: 'Australia',
-                    code: 'au'
-                },
-                company: 'Knwz Newsradio',
-                date: '2018-06-06',
-                status: 'renewal',
-                verified: true,
-                activity: 68,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 76017
-            },
-            {
-                id: 1033,
-                name: 'Albina Glick',
-                country: {
-                    name: 'Ukraine',
-                    code: 'ua'
-                },
-                company: 'Giampetro, Anthony D',
-                date: '2019-08-08',
-                status: 'proposal',
-                verified: true,
-                activity: 85,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 91201
-            },
-            {
-                id: 1034,
-                name: 'Alishia Sergi',
-                country: {
-                    name: 'Qatar',
-                    code: 'qa'
-                },
-                company: 'Milford Enterprises Inc',
-                date: '2018-05-19',
-                status: 'negotiation',
-                verified: false,
-                activity: 46,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 12237
-            },
-            {
-                id: 1035,
-                name: 'Solange Shinko',
-                country: {
-                    name: 'Cameroon',
-                    code: 'cm'
-                },
-                company: 'Mosocco, Ronald A',
-                date: '2015-02-12',
-                status: 'qualified',
-                verified: true,
-                activity: 32,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 34072
-            },
-            {
-                id: 1036,
-                name: 'Jose Stockham',
-                country: {
-                    name: 'Italy',
-                    code: 'it'
-                },
-                company: 'Tri State Refueler Co',
-                date: '2018-04-25',
-                status: 'qualified',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 94909
-            },
-            {
-                id: 1037,
-                name: 'Rozella Ostrosky',
-                country: {
-                    name: 'Venezuela',
-                    code: 've'
-                },
-                company: 'Parkway Company',
-                date: '2016-02-27',
-                status: 'unqualified',
-                verified: true,
-                activity: 66,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 57245
-            },
-            {
-                id: 1038,
-                name: 'Valentine Gillian',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Fbs Business Finance',
-                date: '2019-09-17',
-                status: 'qualified',
-                verified: true,
-                activity: 25,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 75502
-            },
-            {
-                id: 1039,
-                name: 'Kati Rulapaugh',
-                country: {
-                    name: 'Puerto Rico',
-                    code: 'pr'
-                },
-                company: 'Eder Assocs Consltng Engrs Pc',
-                date: '2016-12-03',
-                status: 'renewal',
-                verified: false,
-                activity: 51,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 82075
-            },
-            {
-                id: 1040,
-                name: 'Youlanda Schemmer',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Tri M Tool Inc',
-                date: '2017-12-15',
-                status: 'negotiation',
-                verified: true,
-                activity: 49,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 19208
-            },
-            {
-                id: 1041,
-                name: 'Dyan Oldroyd',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'International Eyelets Inc',
-                date: '2017-02-02',
-                status: 'qualified',
-                verified: false,
-                activity: 5,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 50194
-            },
-            {
-                id: 1042,
-                name: 'Roxane Campain',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'Rapid Trading Intl',
-                date: '2018-12-25',
-                status: 'unqualified',
-                verified: false,
-                activity: 100,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 77714
-            },
-            {
-                id: 1043,
-                name: 'Lavera Perin',
-                country: {
-                    name: 'Vietnam',
-                    code: 'vn'
-                },
-                company: 'Abc Enterprises Inc',
-                date: '2018-04-10',
-                status: 'qualified',
-                verified: false,
-                activity: 71,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 35740
-            },
-            {
-                id: 1044,
-                name: 'Erick Ferencz',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Cindy Turner Associates',
-                date: '2018-05-06',
-                status: 'unqualified',
-                verified: true,
-                activity: 54,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 30790
-            },
-            {
-                id: 1045,
-                name: 'Fatima Saylors',
-                country: {
-                    name: 'Canada',
-                    code: 'ca'
-                },
-                company: 'Stanton, James D Esq',
-                date: '2019-07-10',
-                status: 'renewal',
-                verified: true,
-                activity: 93,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 52343
-            },
-            {
-                id: 1046,
-                name: 'Jina Briddick',
-                country: {
-                    name: 'Mexico',
-                    code: 'mx'
-                },
-                company: 'Grace Pastries Inc',
-                date: '2018-02-19',
-                status: 'unqualified',
-                verified: false,
-                activity: 97,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 53966
-            },
-            {
-                id: 1047,
-                name: 'Kanisha Waycott',
-                country: {
-                    name: 'Ecuador',
-                    code: 'ec'
-                },
-                company: 'Schroer, Gene E Esq',
-                date: '2019-11-27',
-                status: 'new',
-                verified: false,
-                activity: 80,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 9920
-            },
-            {
-                id: 1048,
-                name: 'Emerson Bowley',
-                country: {
-                    name: 'Finland',
-                    code: 'fi'
-                },
-                company: 'Knights Inn',
-                date: '2018-11-24',
-                status: 'new',
-                verified: false,
-                activity: 63,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 78069
-            },
-            {
-                id: 1049,
-                name: 'Blair Malet',
-                country: {
-                    name: 'Finland',
-                    code: 'fi'
-                },
-                company: 'Bollinger Mach Shp & Shipyard',
-                date: '2018-04-19',
-                status: 'new',
-                verified: true,
-                activity: 92,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 65005
-            },
-            {
-                id: 1050,
-                name: 'Brock Bolognia',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Orinda News',
-                date: '2019-09-06',
-                status: 'renewal',
-                verified: true,
-                activity: 72,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 51038
-            },
-            {
-                id: 1051,
-                name: 'Lorrie Nestle',
-                country: {
-                    name: 'Germany',
-                    code: 'de'
-                },
-                company: 'Ballard Spahr Andrews',
-                date: '2018-04-26',
-                status: 'renewal',
-                verified: false,
-                activity: 36,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 28218
-            },
-            {
-                id: 1052,
-                name: 'Sabra Uyetake',
-                country: {
-                    name: 'Peru',
-                    code: 'pe'
-                },
-                company: 'Lowy Limousine Service',
-                date: '2018-04-12',
-                status: 'new',
-                verified: false,
-                activity: 31,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 78527
-            },
-            {
-                id: 1053,
-                name: 'Marjory Mastella',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Vicon Corporation',
-                date: '2018-01-24',
-                status: 'negotiation',
-                verified: false,
-                activity: 89,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 23381
-            },
-            {
-                id: 1054,
-                name: 'Karl Klonowski',
-                country: {
-                    name: 'Saudi Arabia',
-                    code: 'sa'
-                },
-                company: 'Rossi, Michael M',
-                date: '2017-04-17',
-                status: 'unqualified',
-                verified: true,
-                activity: 27,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 64821
-            },
-            {
-                id: 1055,
-                name: 'Tonette Wenner',
-                country: {
-                    name: 'Australia',
-                    code: 'au'
-                },
-                company: 'Northwest Publishing',
-                date: '2019-04-14',
-                status: 'qualified',
-                verified: false,
-                activity: 27,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 55334
-            },
-            {
-                id: 1056,
-                name: 'Amber Monarrez',
-                country: {
-                    name: 'Sweden',
-                    code: 'se'
-                },
-                company: 'Branford Wire & Mfg Co',
-                date: '2019-09-09',
-                status: 'new',
-                verified: false,
-                activity: 79,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 83391
-            },
-            {
-                id: 1057,
-                name: 'Shenika Seewald',
-                country: {
-                    name: 'Australia',
-                    code: 'au'
-                },
-                company: 'East Coast Marketing',
-                date: '2017-02-18',
-                status: 'renewal',
-                verified: true,
-                activity: 39,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 31580
-            },
-            {
-                id: 1058,
-                name: 'Delmy Ahle',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Wye Technologies Inc',
-                date: '2020-10-05',
-                status: 'unqualified',
-                verified: false,
-                activity: 55,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 11723
-            },
-            {
-                id: 1059,
-                name: 'Deeanna Juhas',
-                country: {
-                    name: 'Sweden',
-                    code: 'se'
-                },
-                company: 'Healy, George W Iv',
-                date: '2018-09-28',
-                status: 'negotiation',
-                verified: false,
-                activity: 79,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 8454
-            },
-            {
-                id: 1060,
-                name: 'Blondell Pugh',
-                country: {
-                    name: 'Ireland',
-                    code: 'ie'
-                },
-                company: 'Alpenlite Inc',
-                date: '2016-06-16',
-                status: 'renewal',
-                verified: false,
-                activity: 49,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 99235
-            },
-            {
-                id: 1061,
-                name: 'Jamal Vanausdal',
-                country: {
-                    name: 'Morocco',
-                    code: 'ma'
-                },
-                company: 'Hubbard, Bruce Esq',
-                date: '2017-05-25',
-                status: 'proposal',
-                verified: true,
-                activity: 87,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 15656
-            },
-            {
-                id: 1062,
-                name: 'Cecily Hollack',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Arthur A Oliver & Son Inc',
-                date: '2020-05-09',
-                status: 'negotiation',
-                verified: true,
-                activity: 5,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 60586
-            },
-            {
-                id: 1063,
-                name: 'Carmelina Lindall',
-                country: {
-                    name: 'Puerto Rico',
-                    code: 'pr'
-                },
-                company: 'George Jessop Carter Jewelers',
-                date: '2019-09-07',
-                status: 'qualified',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 86239
-            },
-            {
-                id: 1064,
-                name: 'Maurine Yglesias',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Schultz, Thomas C Md',
-                date: '2015-08-10',
-                status: 'renewal',
-                verified: false,
-                activity: 94,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 15621
-            },
-            {
-                id: 1065,
-                name: 'Tawna Buvens',
-                country: {
-                    name: 'Indonesia',
-                    code: 'id'
-                },
-                company: 'H H H Enterprises Inc',
-                date: '2018-03-20',
-                status: 'new',
-                verified: false,
-                activity: 25,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 77248
-            },
-            {
-                id: 1066,
-                name: 'Penney Weight',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Hawaiian King Hotel',
-                date: '2020-03-03',
-                status: 'qualified',
-                verified: false,
-                activity: 96,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 478
-            },
-            {
-                id: 1067,
-                name: 'Elly Morocco',
-                country: {
-                    name: 'Thailand',
-                    code: 'th'
-                },
-                company: 'Killion Industries',
-                date: '2018-09-18',
-                status: 'qualified',
-                verified: true,
-                activity: 38,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 62505
-            },
-            {
-                id: 1068,
-                name: 'Ilene Eroman',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Robinson, William J Esq',
-                date: '2019-06-08',
-                status: 'new',
-                verified: true,
-                activity: 49,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 91480
-            },
-            {
-                id: 1069,
-                name: 'Vallie Mondella',
-                country: {
-                    name: 'Latvia',
-                    code: 'lv'
-                },
-                company: 'Private Properties',
-                date: '2018-12-06',
-                status: 'new',
-                verified: false,
-                activity: 16,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 21671
-            },
-            {
-                id: 1070,
-                name: 'Kallie Blackwood',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Rowley Schlimgen Inc',
-                date: '2017-04-05',
-                status: 'unqualified',
-                verified: false,
-                activity: 25,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 13775
-            },
-            {
-                id: 1071,
-                name: 'Johnetta Abdallah',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Forging Specialties',
-                date: '2015-02-02',
-                status: 'new',
-                verified: false,
-                activity: 16,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 60253
-            },
-            {
-                id: 1072,
-                name: 'Bobbye Rhym',
-                country: {
-                    name: 'Ukraine',
-                    code: 'ua'
-                },
-                company: 'Smits, Patricia Garity',
-                date: '2018-08-17',
-                status: 'qualified',
-                verified: true,
-                activity: 85,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 75225
-            },
-            {
-                id: 1073,
-                name: 'Micaela Rhymes',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'H Lee Leonard Attorney At Law',
-                date: '2018-09-08',
-                status: 'renewal',
-                verified: true,
-                activity: 92,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 3308
-            },
-            {
-                id: 1074,
-                name: 'Tamar Hoogland',
-                country: {
-                    name: 'Guatemala',
-                    code: 'gt'
-                },
-                company: 'A K Construction Co',
-                date: '2018-11-13',
-                status: 'proposal',
-                verified: true,
-                activity: 22,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 19711
-            },
-            {
-                id: 1075,
-                name: 'Moon Parlato',
-                country: {
-                    name: 'Czech Republic',
-                    code: 'cz'
-                },
-                company: 'Ambelang, Jessica M Md',
-                date: '2019-08-18',
-                status: 'renewal',
-                verified: false,
-                activity: 64,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 55110
-            },
-            {
-                id: 1076,
-                name: 'Laurel Reitler',
-                country: {
-                    name: 'United Kingdom',
-                    code: 'gb'
-                },
-                company: 'Q A Service',
-                date: '2015-04-02',
-                status: 'negotiation',
-                verified: false,
-                activity: 80,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 62392
-            },
-            {
-                id: 1077,
-                name: 'Delisa Crupi',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Wood & Whitacre Contractors',
-                date: '2017-09-15',
-                status: 'unqualified',
-                verified: false,
-                activity: 70,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 76530
-            },
-            {
-                id: 1078,
-                name: 'Viva Toelkes',
-                country: {
-                    name: 'United States',
-                    code: 'us'
-                },
-                company: 'Mark Iv Press Ltd',
-                date: '2017-03-27',
-                status: 'qualified',
-                verified: false,
-                activity: 16,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 7460
-            },
-            {
-                id: 1079,
-                name: 'Elza Lipke',
-                country: {
-                    name: 'Ireland',
-                    code: 'ie'
-                },
-                company: 'Museum Of Science & Industry',
-                date: '2017-06-01',
-                status: 'proposal',
-                verified: true,
-                activity: 90,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 42251
-            },
-            {
-                id: 1080,
-                name: 'Devorah Chickering',
-                country: {
-                    name: 'Spain',
-                    code: 'es'
-                },
-                company: 'Garrison Ind',
-                date: '2017-03-14',
-                status: 'proposal',
-                verified: true,
-                activity: 96,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 36435
-            },
-            {
-                id: 1081,
-                name: 'Timothy Mulqueen',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Saronix Nymph Products',
-                date: '2018-07-09',
-                status: 'renewal',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 39197
-            },
-            {
-                id: 1082,
-                name: 'Arlette Honeywell',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Smc Inc',
-                date: '2018-09-11',
-                status: 'proposal',
-                verified: true,
-                activity: 46,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 72707
-            },
-            {
-                id: 1083,
-                name: 'Dominque Dickerson',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'E A I Electronic Assocs Inc',
-                date: '2017-11-12',
-                status: 'qualified',
-                verified: true,
-                activity: 83,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 97965
-            },
-            {
-                id: 1084,
-                name: 'Lettie Isenhower',
-                country: {
-                    name: 'Canada',
-                    code: 'ca'
-                },
-                company: 'Conte, Christopher A Esq',
-                date: '2016-03-01',
-                status: 'qualified',
-                verified: true,
-                activity: 83,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 5823
-            },
-            {
-                id: 1085,
-                name: 'Myra Munns',
-                country: {
-                    name: 'Lithuania',
-                    code: 'lt'
-                },
-                company: 'Anker Law Office',
-                date: '2016-05-21',
-                status: 'unqualified',
-                verified: true,
-                activity: 49,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 96471
-            },
-            {
-                id: 1086,
-                name: 'Stephaine Barfield',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Beutelschies & Company',
-                date: '2016-01-22',
-                status: 'new',
-                verified: true,
-                activity: 34,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 33710
-            },
-            {
-                id: 1087,
-                name: 'Lai Gato',
-                country: {
-                    name: 'Nigeria',
-                    code: 'ng'
-                },
-                company: 'Fligg, Kenneth I Jr',
-                date: '2016-07-26',
-                status: 'unqualified',
-                verified: false,
-                activity: 64,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 30611
-            },
-            {
-                id: 1088,
-                name: 'Stephen Emigh',
-                country: {
-                    name: 'Cuba',
-                    code: 'cu'
-                },
-                company: 'Sharp, J Daniel Esq',
-                date: '2020-07-24',
-                status: 'renewal',
-                verified: false,
-                activity: 51,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 32960
-            },
-            {
-                id: 1089,
-                name: 'Tyra Shields',
-                country: {
-                    name: 'Honduras',
-                    code: 'hn'
-                },
-                company: 'Assink, Anne H Esq',
-                date: '2019-11-10',
-                status: 'negotiation',
-                verified: false,
-                activity: 11,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 57423
-            },
-            {
-                id: 1090,
-                name: 'Tammara Wardrip',
-                country: {
-                    name: 'Saudi Arabia',
-                    code: 'sa'
-                },
-                company: 'Jewel My Shop Inc',
-                date: '2016-06-05',
-                status: 'renewal',
-                verified: true,
-                activity: 64,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 23027
-            },
-            {
-                id: 1091,
-                name: 'Cory Gibes',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Chinese Translation Resources',
-                date: '2016-02-28',
-                status: 'new',
-                verified: false,
-                activity: 44,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 84182
-            },
-            {
-                id: 1092,
-                name: 'Danica Bruschke',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Stevens, Charles T',
-                date: '2018-12-13',
-                status: 'unqualified',
-                verified: true,
-                activity: 62,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 25237
-            },
-            {
-                id: 1093,
-                name: 'Wilda Giguere',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Mclaughlin, Luther W Cpa',
-                date: '2017-06-16',
-                status: 'new',
-                verified: true,
-                activity: 79,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 87736
-            },
-            {
-                id: 1094,
-                name: 'Elvera Benimadho',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Tree Musketeers',
-                date: '2019-02-17',
-                status: 'proposal',
-                verified: true,
-                activity: 50,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 38674
-            },
-            {
-                id: 1095,
-                name: 'Carma Vanheusen',
-                country: {
-                    name: 'Turkey',
-                    code: 'tr'
-                },
-                company: 'Springfield Div Oh Edison Co',
-                date: '2019-11-26',
-                status: 'renewal',
-                verified: false,
-                activity: 84,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 67762
-            },
-            {
-                id: 1096,
-                name: 'Malinda Hochard',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'Logan Memorial Hospital',
-                date: '2016-07-06',
-                status: 'new',
-                verified: false,
-                activity: 88,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 81299
-            },
-            {
-                id: 1097,
-                name: 'Natalie Fern',
-                country: {
-                    name: 'Canada',
-                    code: 'ca'
-                },
-                company: 'Kelly, Charles G Esq',
-                date: '2019-10-02',
-                status: 'proposal',
-                verified: true,
-                activity: 44,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 64794
-            },
-            {
-                id: 1098,
-                name: 'Lisha Centini',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Industrial Paper Shredders Inc',
-                date: '2018-07-05',
-                status: 'new',
-                verified: true,
-                activity: 7,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 7815
-            },
-            {
-                id: 1099,
-                name: 'Arlene Klusman',
-                country: {
-                    name: 'Jamaica',
-                    code: 'jm'
-                },
-                company: 'Beck Horizon Builders',
-                date: '2018-05-14',
-                status: 'proposal',
-                verified: true,
-                activity: 99,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 37976
-            },
-            {
-                id: 1100,
-                name: 'Alease Buemi',
-                country: {
-                    name: 'Costa Rica',
-                    code: 'cr'
-                },
-                company: 'Porto Cayo At Hawks Cay',
-                date: '2018-03-14',
-                status: 'unqualified',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 59594
-            },
-            {
-                id: 1101,
-                name: 'Louisa Cronauer',
-                country: {
-                    name: 'Costa Rica',
-                    code: 'cr'
-                },
-                company: 'Pacific Grove Museum Ntrl Hist',
-                date: '2018-09-23',
-                status: 'qualified',
-                verified: false,
-                activity: 3,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 92528
-            },
-            {
-                id: 1102,
-                name: 'Angella Cetta',
-                country: {
-                    name: 'Vietnam',
-                    code: 'vn'
-                },
-                company: 'Bender & Hatley Pc',
-                date: '2018-04-10',
-                status: 'qualified',
-                verified: false,
-                activity: 88,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 58964
-            },
-            {
-                id: 1103,
-                name: 'Cyndy Goldammer',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'Di Cristina J & Son',
-                date: '2017-09-18',
-                status: 'unqualified',
-                verified: false,
-                activity: 92,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 65860
-            },
-            {
-                id: 1104,
-                name: 'Rosio Cork',
-                country: {
-                    name: 'Singapore',
-                    code: 'sg'
-                },
-                company: 'Green Goddess',
-                date: '2017-08-19',
-                status: 'negotiation',
-                verified: true,
-                activity: 19,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 63863
-            },
-            {
-                id: 1105,
-                name: 'Celeste Korando',
-                country: {
-                    name: 'Costa Rica',
-                    code: 'cr'
-                },
-                company: 'American Arts & Graphics',
-                date: '2020-06-18',
-                status: 'proposal',
-                verified: true,
-                activity: 21,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 37510
-            },
-            {
-                id: 1106,
-                name: 'Twana Felger',
-                country: {
-                    name: 'Croatia',
-                    code: 'hr'
-                },
-                company: 'Opryland Hotel',
-                date: '2016-11-18',
-                status: 'negotiation',
-                verified: false,
-                activity: 97,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 63876
-            },
-            {
-                id: 1107,
-                name: 'Estrella Samu',
-                country: {
-                    name: 'Vietnam',
-                    code: 'vn'
-                },
-                company: 'Marking Devices Pubg Co',
-                date: '2017-06-25',
-                status: 'unqualified',
-                verified: false,
-                activity: 27,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 93263
-            },
-            {
-                id: 1108,
-                name: 'Donte Kines',
-                country: {
-                    name: 'Slovakia',
-                    code: 'sk'
-                },
-                company: 'W Tc Industries Inc',
-                date: '2019-02-16',
-                status: 'new',
-                verified: true,
-                activity: 35,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 57198
-            },
-            {
-                id: 1109,
-                name: 'Tiffiny Steffensmeier',
-                country: {
-                    name: 'Pakistan',
-                    code: 'pk'
-                },
-                company: 'Whitehall Robbins Labs Divsn',
-                date: '2018-03-11',
-                status: 'new',
-                verified: true,
-                activity: 81,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 89147
-            },
-            {
-                id: 1110,
-                name: 'Edna Miceli',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'Sampler',
-                date: '2017-10-15',
-                status: 'renewal',
-                verified: true,
-                activity: 54,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 41466
-            },
-            {
-                id: 1111,
-                name: 'Sue Kownacki',
-                country: {
-                    name: 'Jamaica',
-                    code: 'jm'
-                },
-                company: 'Juno Chefs Incorporated',
-                date: '2017-03-17',
-                status: 'proposal',
-                verified: false,
-                activity: 31,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 38918
-            },
-            {
-                id: 1112,
-                name: 'Jesusa Shin',
-                country: {
-                    name: 'Ukraine',
-                    code: 'ua'
-                },
-                company: 'Carroccio, A Thomas Esq',
-                date: '2017-04-06',
-                status: 'renewal',
-                verified: false,
-                activity: 28,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 11397
-            },
-            {
-                id: 1113,
-                name: 'Rolland Francescon',
-                country: {
-                    name: 'United Kingdom',
-                    code: 'gb'
-                },
-                company: 'Stanley, Richard L Esq',
-                date: '2019-02-03',
-                status: 'qualified',
-                verified: false,
-                activity: 45,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 40930
-            },
-            {
-                id: 1114,
-                name: 'Pamella Schmierer',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'K Cs Cstm Mouldings Windows',
-                date: '2016-09-22',
-                status: 'unqualified',
-                verified: true,
-                activity: 34,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 40847
-            },
-            {
-                id: 1115,
-                name: 'Glory Kulzer',
-                country: {
-                    name: 'Croatia',
-                    code: 'hr'
-                },
-                company: 'Comfort Inn',
-                date: '2017-09-27',
-                status: 'unqualified',
-                verified: true,
-                activity: 36,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 27832
-            },
-            {
-                id: 1116,
-                name: 'Shawna Palaspas',
-                country: {
-                    name: 'Estonia',
-                    code: 'ee'
-                },
-                company: 'Windsor, James L Esq',
-                date: '2017-06-25',
-                status: 'unqualified',
-                verified: true,
-                activity: 69,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 89060
-            },
-            {
-                id: 1117,
-                name: 'Brandon Callaro',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'Jackson Shields Yeiser',
-                date: '2016-07-13',
-                status: 'proposal',
-                verified: true,
-                activity: 55,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 52474
-            },
-            {
-                id: 1118,
-                name: 'Scarlet Cartan',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Box, J Calvin Esq',
-                date: '2018-09-13',
-                status: 'renewal',
-                verified: false,
-                activity: 1,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 19094
-            },
-            {
-                id: 1119,
-                name: 'Oretha Menter',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Custom Engineering Inc',
-                date: '2017-09-11',
-                status: 'renewal',
-                verified: false,
-                activity: 8,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 93756
-            },
-            {
-                id: 1120,
-                name: 'Ty Smith',
-                country: {
-                    name: 'United States',
-                    code: 'us'
-                },
-                company: 'Bresler Eitel Framg Gllry Ltd',
-                date: '2019-07-06',
-                status: 'unqualified',
-                verified: false,
-                activity: 50,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 77388
-            },
-            {
-                id: 1121,
-                name: 'Xuan Rochin',
-                country: {
-                    name: 'Colombia',
-                    code: 'co'
-                },
-                company: 'Carol, Drake Sparks Esq',
-                date: '2018-05-22',
-                status: 'proposal',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 48759
-            },
-            {
-                id: 1122,
-                name: 'Lindsey Dilello',
-                country: {
-                    name: 'Austria',
-                    code: 'at'
-                },
-                company: 'Biltmore Investors Bank',
-                date: '2017-07-18',
-                status: 'renewal',
-                verified: true,
-                activity: 65,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 37568
-            },
-            {
-                id: 1123,
-                name: 'Devora Perez',
-                country: {
-                    name: 'Uruguay',
-                    code: 'uy'
-                },
-                company: 'Desco Equipment Corp',
-                date: '2017-10-09',
-                status: 'unqualified',
-                verified: true,
-                activity: 30,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 4477
-            },
-            {
-                id: 1124,
-                name: 'Herman Demesa',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Merlin Electric Co',
-                date: '2019-05-23',
-                status: 'proposal',
-                verified: true,
-                activity: 10,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 13764
-            },
-            {
-                id: 1125,
-                name: 'Rory Papasergi',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Bailey Cntl Co Div Babcock',
-                date: '2019-03-02',
-                status: 'qualified',
-                verified: false,
-                activity: 22,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 68222
-            },
-            {
-                id: 1126,
-                name: 'Talia Riopelle',
-                country: {
-                    name: 'Guatemala',
-                    code: 'gt'
-                },
-                company: 'Ford Brothers Wholesale Inc',
-                date: '2017-02-18',
-                status: 'new',
-                verified: false,
-                activity: 69,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 29164
-            },
-            {
-                id: 1127,
-                name: 'Van Shire',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Cambridge Inn',
-                date: '2020-05-12',
-                status: 'new',
-                verified: false,
-                activity: 4,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 61651
-            },
-            {
-                id: 1128,
-                name: 'Lucina Lary',
-                country: {
-                    name: 'Switzerland',
-                    code: 'ch'
-                },
-                company: 'Matricciani, Albert J Jr',
-                date: '2019-11-20',
-                status: 'negotiation',
-                verified: true,
-                activity: 11,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 79938
-            },
-            {
-                id: 1129,
-                name: 'Bok Isaacs',
-                country: {
-                    name: 'Chile',
-                    code: 'cl'
-                },
-                company: 'Nelson Hawaiian Ltd',
-                date: '2016-11-10',
-                status: 'proposal',
-                verified: true,
-                activity: 41,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 44037
-            },
-            {
-                id: 1130,
-                name: 'Rolande Spickerman',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Neland Travel Agency',
-                date: '2016-07-11',
-                status: 'renewal',
-                verified: true,
-                activity: 84,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 89918
-            },
-            {
-                id: 1131,
-                name: 'Howard Paulas',
-                country: {
-                    name: 'Indonesia',
-                    code: 'id'
-                },
-                company: 'Asendorf, J Alan Esq',
-                date: '2017-07-17',
-                status: 'negotiation',
-                verified: false,
-                activity: 22,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 32372
-            },
-            {
-                id: 1132,
-                name: 'Kimbery Madarang',
-                country: {
-                    name: 'Senegal',
-                    code: 'sn'
-                },
-                company: 'Silberman, Arthur L Esq',
-                date: '2018-08-19',
-                status: 'negotiation',
-                verified: true,
-                activity: 63,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 46478
-            },
-            {
-                id: 1133,
-                name: 'Thurman Manno',
-                country: {
-                    name: 'Colombia',
-                    code: 'co'
-                },
-                company: 'Honey Bee Breeding Genetics &',
-                date: '2016-05-02',
-                status: 'qualified',
-                verified: true,
-                activity: 47,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 30674
-            },
-            {
-                id: 1134,
-                name: 'Becky Mirafuentes',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'Wells Kravitz Schnitzer',
-                date: '2018-04-13',
-                status: 'unqualified',
-                verified: true,
-                activity: 62,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 47714
-            },
-            {
-                id: 1135,
-                name: 'Beatriz Corrington',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Prohab Rehabilitation Servs',
-                date: '2020-01-04',
-                status: 'renewal',
-                verified: true,
-                activity: 55,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 14307
-            },
-            {
-                id: 1136,
-                name: 'Marti Maybury',
-                country: {
-                    name: 'Thailand',
-                    code: 'th'
-                },
-                company: 'Eldridge, Kristin K Esq',
-                date: '2016-02-05',
-                status: 'unqualified',
-                verified: false,
-                activity: 3,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 82069
-            },
-            {
-                id: 1137,
-                name: 'Nieves Gotter',
-                country: {
-                    name: 'Latvia',
-                    code: 'lv'
-                },
-                company: 'Vlahos, John J Esq',
-                date: '2017-03-12',
-                status: 'proposal',
-                verified: false,
-                activity: 3,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 11182
-            },
-            {
-                id: 1138,
-                name: 'Leatha Hagele',
-                country: {
-                    name: 'Ukraine',
-                    code: 'ua'
-                },
-                company: 'Ninas Indian Grs & Videos',
-                date: '2019-03-27',
-                status: 'unqualified',
-                verified: false,
-                activity: 67,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 17126
-            },
-            {
-                id: 1139,
-                name: 'Valentin Klimek',
-                country: {
-                    name: 'Ivory Coast',
-                    code: 'ci'
-                },
-                company: 'Schmid, Gayanne K Esq',
-                date: '2019-08-06',
-                status: 'unqualified',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 19724
-            },
-            {
-                id: 1140,
-                name: 'Melissa Wiklund',
-                country: {
-                    name: 'Japan',
-                    code: 'jp'
-                },
-                company: 'Moapa Valley Federal Credit Un',
-                date: '2018-03-20',
-                status: 'qualified',
-                verified: true,
-                activity: 8,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 91888
-            },
-            {
-                id: 1141,
-                name: 'Sheridan Zane',
-                country: {
-                    name: 'Croatia',
-                    code: 'hr'
-                },
-                company: 'Kentucky Tennessee Clay Co',
-                date: '2016-02-15',
-                status: 'qualified',
-                verified: true,
-                activity: 17,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 15016
-            },
-            {
-                id: 1142,
-                name: 'Bulah Padilla',
-                country: {
-                    name: 'Philippines',
-                    code: 'ph'
-                },
-                company: 'Admiral Party Rentals & Sales',
-                date: '2016-02-10',
-                status: 'proposal',
-                verified: false,
-                activity: 58,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 23118
-            },
-            {
-                id: 1143,
-                name: 'Audra Kohnert',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Nelson, Karolyn King Esq',
-                date: '2019-07-16',
-                status: 'unqualified',
-                verified: false,
-                activity: 82,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 90560
-            },
-            {
-                id: 1144,
-                name: 'Daren Weirather',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Panasystems',
-                date: '2015-07-23',
-                status: 'negotiation',
-                verified: false,
-                activity: 96,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 34155
-            },
-            {
-                id: 1145,
-                name: 'Fernanda Jillson',
-                country: {
-                    name: 'Mexico',
-                    code: 'mx'
-                },
-                company: 'Shank, Edward L Esq',
-                date: '2017-07-02',
-                status: 'unqualified',
-                verified: true,
-                activity: 92,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 6350
-            },
-            {
-                id: 1146,
-                name: 'Gearldine Gellinger',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Megibow & Edwards',
-                date: '2019-08-17',
-                status: 'proposal',
-                verified: true,
-                activity: 18,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 77641
-            },
-            {
-                id: 1147,
-                name: 'Chau Kitzman',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Benoff, Edward Esq',
-                date: '2019-07-04',
-                status: 'new',
-                verified: true,
-                activity: 9,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 43289
-            },
-            {
-                id: 1148,
-                name: 'Theola Frey',
-                country: {
-                    name: 'Vietnam',
-                    code: 'vn'
-                },
-                company: 'Woodbridge Free Public Library',
-                date: '2020-03-14',
-                status: 'unqualified',
-                verified: true,
-                activity: 44,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 85657
-            },
-            {
-                id: 1149,
-                name: 'Cheryl Haroldson',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'New York Life John Thune',
-                date: '2018-04-03',
-                status: 'new',
-                verified: false,
-                activity: 55,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 82733
-            },
-            {
-                id: 1150,
-                name: 'Laticia Merced',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'Alinabal Inc',
-                date: '2017-03-04',
-                status: 'unqualified',
-                verified: false,
-                activity: 21,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 38004
-            },
-            {
-                id: 1151,
-                name: 'Carissa Batman',
-                country: {
-                    name: 'Greece',
-                    code: 'gr'
-                },
-                company: 'Poletto, Kim David Esq',
-                date: '2016-05-05',
-                status: 'negotiation',
-                verified: true,
-                activity: 91,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 29038
-            },
-            {
-                id: 1152,
-                name: 'Lezlie Craghead',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Chang, Carolyn Esq',
-                date: '2019-05-28',
-                status: 'renewal',
-                verified: false,
-                activity: 30,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 75123
-            },
-            {
-                id: 1153,
-                name: 'Ozell Shealy',
-                country: {
-                    name: 'Pakistan',
-                    code: 'pk'
-                },
-                company: 'Silver Bros Inc',
-                date: '2016-08-19',
-                status: 'proposal',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 33214
-            },
-            {
-                id: 1154,
-                name: 'Arminda Parvis',
-                country: {
-                    name: 'Indonesia',
-                    code: 'id'
-                },
-                company: 'Newtec Inc',
-                date: '2020-02-09',
-                status: 'proposal',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 80651
-            },
-            {
-                id: 1155,
-                name: 'Reita Leto',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Creative Business Systems',
-                date: '2020-04-03',
-                status: 'unqualified',
-                verified: true,
-                activity: 58,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 5085
-            },
-            {
-                id: 1156,
-                name: 'Yolando Luczki',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'Dal Tile Corporation',
-                date: '2015-01-27',
-                status: 'renewal',
-                verified: true,
-                activity: 78,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 93021
-            },
-            {
-                id: 1157,
-                name: 'Lizette Stem',
-                country: {
-                    name: 'Slovakia',
-                    code: 'sk'
-                },
-                company: 'Edward S Katz',
-                date: '2018-08-06',
-                status: 'new',
-                verified: false,
-                activity: 67,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 37287
-            },
-            {
-                id: 1158,
-                name: 'Gregoria Pawlowicz',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Oh My Goodknits Inc',
-                date: '2020-02-20',
-                status: 'renewal',
-                verified: false,
-                activity: 29,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 73070
-            },
-            {
-                id: 1159,
-                name: 'Carin Deleo',
-                country: {
-                    name: 'China',
-                    code: 'cn'
-                },
-                company: 'Redeker, Debbie',
-                date: '2015-05-28',
-                status: 'qualified',
-                verified: true,
-                activity: 13,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 64422
-            },
-            {
-                id: 1160,
-                name: 'Chantell Maynerich',
-                country: {
-                    name: 'Estonia',
-                    code: 'ee'
-                },
-                company: 'Desert Sands Motel',
-                date: '2016-09-05',
-                status: 'unqualified',
-                verified: true,
-                activity: 75,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 36826
-            },
-            {
-                id: 1161,
-                name: 'Dierdre Yum',
-                country: {
-                    name: 'Czech Republic',
-                    code: 'cz'
-                },
-                company: 'Cummins Southern Plains Inc',
-                date: '2016-12-20',
-                status: 'negotiation',
-                verified: true,
-                activity: 1,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 93101
-            },
-            {
-                id: 1162,
-                name: 'Larae Gudroe',
-                country: {
-                    name: 'Slovenia',
-                    code: 'si'
-                },
-                company: 'Lehigh Furn Divsn Lehigh',
-                date: '2015-11-28',
-                status: 'unqualified',
-                verified: false,
-                activity: 13,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 60177
-            },
-            {
-                id: 1163,
-                name: 'Latrice Tolfree',
-                country: {
-                    name: 'Jamaica',
-                    code: 'jm'
-                },
-                company: 'United Van Lines Agent',
-                date: '2018-11-11',
-                status: 'renewal',
-                verified: false,
-                activity: 73,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 47198
-            },
-            {
-                id: 1164,
-                name: 'Kerry Theodorov',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'Capitol Reporters',
-                date: '2016-11-05',
-                status: 'unqualified',
-                verified: true,
-                activity: 76,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 71305
-            },
-            {
-                id: 1165,
-                name: 'Dorthy Hidvegi',
-                country: {
-                    name: 'Poland',
-                    code: 'pl'
-                },
-                company: 'Kwik Kopy Printing',
-                date: '2020-08-13',
-                status: 'qualified',
-                verified: true,
-                activity: 60,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 17526
-            },
-            {
-                id: 1166,
-                name: 'Fannie Lungren',
-                country: {
-                    name: 'Belarus',
-                    code: 'by'
-                },
-                company: 'Centro Inc',
-                date: '2015-07-06',
-                status: 'negotiation',
-                verified: true,
-                activity: 24,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 16596
-            },
-            {
-                id: 1167,
-                name: 'Evangelina Radde',
-                country: {
-                    name: 'Ivory Coast',
-                    code: 'ci'
-                },
-                company: 'Campbell, Jan Esq',
-                date: '2020-02-25',
-                status: 'unqualified',
-                verified: true,
-                activity: 93,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 56870
-            },
-            {
-                id: 1168,
-                name: 'Novella Degroot',
-                country: {
-                    name: 'Slovenia',
-                    code: 'si'
-                },
-                company: 'Evans, C Kelly Esq',
-                date: '2017-12-19',
-                status: 'unqualified',
-                verified: false,
-                activity: 30,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 82928
-            },
-            {
-                id: 1169,
-                name: 'Clay Hoa',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Scat Enterprises',
-                date: '2016-02-22',
-                status: 'negotiation',
-                verified: false,
-                activity: 93,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 64181
-            },
-            {
-                id: 1170,
-                name: 'Jennifer Fallick',
-                country: {
-                    name: 'Australia',
-                    code: 'au'
-                },
-                company: 'Nagle, Daniel J Esq',
-                date: '2016-12-24',
-                status: 'unqualified',
-                verified: true,
-                activity: 88,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 30561
-            },
-            {
-                id: 1171,
-                name: 'Irma Wolfgramm',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Serendiquity Bed & Breakfast',
-                date: '2020-10-18',
-                status: 'negotiation',
-                verified: true,
-                activity: 70,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 24617
-            },
-            {
-                id: 1172,
-                name: 'Eun Coody',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Ray Carolyne Realty',
-                date: '2018-02-12',
-                status: 'qualified',
-                verified: true,
-                activity: 61,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 77860
-            },
-            {
-                id: 1173,
-                name: 'Sylvia Cousey',
-                country: {
-                    name: 'Ireland',
-                    code: 'ie'
-                },
-                company: 'Berg, Charles E',
-                date: '2018-06-10',
-                status: 'unqualified',
-                verified: false,
-                activity: 91,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 25664
-            },
-            {
-                id: 1174,
-                name: 'Nana Wrinkles',
-                country: {
-                    name: 'Austria',
-                    code: 'at'
-                },
-                company: 'Ray, Milbern D',
-                date: '2017-04-11',
-                status: 'renewal',
-                verified: true,
-                activity: 98,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 98113
-            },
-            {
-                id: 1175,
-                name: 'Layla Springe',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Chadds Ford Winery',
-                date: '2019-07-27',
-                status: 'unqualified',
-                verified: true,
-                activity: 97,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 14763
-            },
-            {
-                id: 1176,
-                name: 'Joesph Degonia',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'A R Packaging',
-                date: '2020-04-23',
-                status: 'renewal',
-                verified: true,
-                activity: 56,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 31317
-            },
-            {
-                id: 1177,
-                name: 'Annabelle Boord',
-                country: {
-                    name: 'Guatemala',
-                    code: 'gt'
-                },
-                company: 'Corn Popper',
-                date: '2020-09-16',
-                status: 'proposal',
-                verified: true,
-                activity: 76,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 30883
-            },
-            {
-                id: 1178,
-                name: 'Stephaine Vinning',
-                country: {
-                    name: 'Australia',
-                    code: 'au'
-                },
-                company: 'Birite Foodservice Distr',
-                date: '2016-05-14',
-                status: 'negotiation',
-                verified: true,
-                activity: 43,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 93785
-            },
-            {
-                id: 1179,
-                name: 'Nelida Sawchuk',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Anchorage Museum Of Hist & Art',
-                date: '2018-06-22',
-                status: 'qualified',
-                verified: true,
-                activity: 58,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 68380
-            },
-            {
-                id: 1180,
-                name: 'Marguerita Hiatt',
-                country: {
-                    name: 'United Kingdom',
-                    code: 'gb'
-                },
-                company: 'Haber, George D Md',
-                date: '2018-10-25',
-                status: 'qualified',
-                verified: false,
-                activity: 72,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 93454
-            },
-            {
-                id: 1181,
-                name: 'Carmela Cookey',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'Royal Pontiac Olds Inc',
-                date: '2018-07-19',
-                status: 'proposal',
-                verified: false,
-                activity: 24,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 30570
-            },
-            {
-                id: 1182,
-                name: 'Junita Brideau',
-                country: {
-                    name: 'Indonesia',
-                    code: 'id'
-                },
-                company: 'Leonards Antiques Inc',
-                date: '2015-03-15',
-                status: 'proposal',
-                verified: true,
-                activity: 86,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 79506
-            },
-            {
-                id: 1183,
-                name: 'Claribel Varriano',
-                country: {
-                    name: 'Ecuador',
-                    code: 'ec'
-                },
-                company: 'Meca',
-                date: '2017-04-14',
-                status: 'unqualified',
-                verified: true,
-                activity: 15,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 8654
-            },
-            {
-                id: 1184,
-                name: 'Benton Skursky',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Nercon Engineering & Mfg Inc',
-                date: '2015-02-19',
-                status: 'proposal',
-                verified: true,
-                activity: 9,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 13368
-            },
-            {
-                id: 1185,
-                name: 'Hillary Skulski',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'Replica I',
-                date: '2016-03-25',
-                status: 'unqualified',
-                verified: true,
-                activity: 82,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 92631
-            },
-            {
-                id: 1186,
-                name: 'Merilyn Bayless',
-                country: {
-                    name: 'Jamaica',
-                    code: 'jm'
-                },
-                company: '20 20 Printing Inc',
-                date: '2020-10-13',
-                status: 'unqualified',
-                verified: true,
-                activity: 13,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 4989
-            },
-            {
-                id: 1187,
-                name: 'Teri Ennaco',
-                country: {
-                    name: 'Pakistan',
-                    code: 'pk'
-                },
-                company: 'Publishers Group West',
-                date: '2019-12-21',
-                status: 'unqualified',
-                verified: true,
-                activity: 57,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 77668
-            },
-            {
-                id: 1188,
-                name: 'Merlyn Lawler',
-                country: {
-                    name: 'Germany',
-                    code: 'de'
-                },
-                company: 'Nischwitz, Jeffrey L Esq',
-                date: '2016-02-26',
-                status: 'renewal',
-                verified: true,
-                activity: 45,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 3525
-            },
-            {
-                id: 1189,
-                name: 'Georgene Montezuma',
-                country: {
-                    name: 'Senegal',
-                    code: 'sn'
-                },
-                company: 'Payne Blades & Wellborn Pa',
-                date: '2018-10-11',
-                status: 'new',
-                verified: true,
-                activity: 64,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 45838
-            },
-            {
-                id: 1190,
-                name: 'Jettie Mconnell',
-                country: {
-                    name: 'Denmark',
-                    code: 'dk'
-                },
-                company: 'Coldwell Bnkr Wright Real Est',
-                date: '2015-10-18',
-                status: 'negotiation',
-                verified: false,
-                activity: 74,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 49148
-            },
-            {
-                id: 1191,
-                name: 'Lemuel Latzke',
-                country: {
-                    name: 'Colombia',
-                    code: 'co'
-                },
-                company: 'Computer Repair Service',
-                date: '2016-02-13',
-                status: 'proposal',
-                verified: false,
-                activity: 79,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 96709
-            },
-            {
-                id: 1192,
-                name: 'Melodie Knipp',
-                country: {
-                    name: 'Finland',
-                    code: 'fi'
-                },
-                company: 'Fleetwood Building Block Inc',
-                date: '2018-03-08',
-                status: 'negotiation',
-                verified: false,
-                activity: 19,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 23253
-            },
-            {
-                id: 1193,
-                name: 'Candida Corbley',
-                country: {
-                    name: 'Poland',
-                    code: 'pl'
-                },
-                company: 'Colts Neck Medical Assocs Inc',
-                date: '2017-12-02',
-                status: 'negotiation',
-                verified: true,
-                activity: 11,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 40836
-            },
-            {
-                id: 1194,
-                name: 'Karan Karpin',
-                country: {
-                    name: 'Estonia',
-                    code: 'ee'
-                },
-                company: 'New England Taxidermy',
-                date: '2019-01-07',
-                status: 'proposal',
-                verified: true,
-                activity: 4,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 60719
-            },
-            {
-                id: 1195,
-                name: 'Andra Scheyer',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'Ludcke, George O Esq',
-                date: '2016-08-14',
-                status: 'qualified',
-                verified: true,
-                activity: 62,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 17419
-            },
-            {
-                id: 1196,
-                name: 'Felicidad Poullion',
-                country: {
-                    name: 'Greece',
-                    code: 'gr'
-                },
-                company: 'Mccorkle, Tom S Esq',
-                date: '2016-03-05',
-                status: 'renewal',
-                verified: true,
-                activity: 64,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 94052
-            },
-            {
-                id: 1197,
-                name: 'Belen Strassner',
-                country: {
-                    name: 'Ivory Coast',
-                    code: 'ci'
-                },
-                company: 'Eagle Software Inc',
-                date: '2015-12-14',
-                status: 'qualified',
-                verified: true,
-                activity: 91,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 54241
-            },
-            {
-                id: 1198,
-                name: 'Gracia Melnyk',
-                country: {
-                    name: 'Costa Rica',
-                    code: 'cr'
-                },
-                company: 'Juvenile & Adult Super',
-                date: '2019-06-01',
-                status: 'unqualified',
-                verified: true,
-                activity: 40,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 87668
-            },
-            {
-                id: 1199,
-                name: 'Jolanda Hanafan',
-                country: {
-                    name: 'Cameroon',
-                    code: 'cm'
-                },
-                company: 'Perez, Joseph J Esq',
-                date: '2015-12-09',
-                status: 'qualified',
-                verified: true,
-                activity: 27,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 99417
-            },
-            {
-                id: 1200,
-                name: 'Barrett Toyama',
-                country: {
-                    name: 'Thailand',
-                    code: 'th'
-                },
-                company: 'Case Foundation Co',
-                date: '2019-08-16',
-                status: 'new',
-                verified: true,
-                activity: 82,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 89792
-            },
-            {
-                id: 1201,
-                name: 'Helga Fredicks',
-                country: {
-                    name: 'Guatemala',
-                    code: 'gt'
-                },
-                company: 'Eis Environmental Engrs Inc',
-                date: '2018-06-20',
-                status: 'new',
-                verified: true,
-                activity: 33,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 42356
-            },
-            {
-                id: 1202,
-                name: 'Ashlyn Pinilla',
-                country: {
-                    name: 'Japan',
-                    code: 'jp'
-                },
-                company: 'Art Crafters',
-                date: '2018-04-11',
-                status: 'unqualified',
-                verified: true,
-                activity: 5,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 90979
-            },
-            {
-                id: 1203,
-                name: 'Fausto Agramonte',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Marriott Hotels Resorts Suites',
-                date: '2019-06-25',
-                status: 'new',
-                verified: false,
-                activity: 22,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 45082
-            },
-            {
-                id: 1204,
-                name: 'Ronny Caiafa',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Remaco Inc',
-                date: '2020-07-21',
-                status: 'new',
-                verified: true,
-                activity: 61,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 9871
-            },
-            {
-                id: 1205,
-                name: 'Marge Limmel',
-                country: {
-                    name: 'Cameroon',
-                    code: 'cm'
-                },
-                company: 'Bjork, Robert D Jr',
-                date: '2015-03-12',
-                status: 'unqualified',
-                verified: true,
-                activity: 90,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 47043
-            },
-            {
-                id: 1206,
-                name: 'Norah Waymire',
-                country: {
-                    name: 'United States',
-                    code: 'us'
-                },
-                company: 'Carmichael, Jeffery L Esq',
-                date: '2019-06-11',
-                status: 'renewal',
-                verified: true,
-                activity: 48,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 92763
-            },
-            {
-                id: 1207,
-                name: 'Aliza Baltimore',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Andrews, J Robert Esq',
-                date: '2020-11-25',
-                status: 'unqualified',
-                verified: true,
-                activity: 59,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 18075
-            },
-            {
-                id: 1208,
-                name: 'Mozell Pelkowski',
-                country: {
-                    name: 'Latvia',
-                    code: 'lv'
-                },
-                company: 'Winship \u0026 Byrne',
-                date: '2018-04-13',
-                status: 'unqualified',
-                verified: true,
-                activity: 94,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 34393
-            },
-            {
-                id: 1209,
-                name: 'Viola Bitsuie',
-                country: {
-                    name: 'Denmark',
-                    code: 'dk'
-                },
-                company: 'Burton \u0026 Davis',
-                date: '2018-07-07',
-                status: 'new',
-                verified: true,
-                activity: 94,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 16410
-            },
-            {
-                id: 1210,
-                name: 'Franklyn Emard',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Olympic Graphic Arts',
-                date: '2018-02-25',
-                status: 'qualified',
-                verified: true,
-                activity: 95,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 1017
-            },
-            {
-                id: 1211,
-                name: 'Willodean Konopacki',
-                country: {
-                    name: 'Hong Kong',
-                    code: 'hk'
-                },
-                company: 'Magnuson',
-                date: '2017-10-03',
-                status: 'renewal',
-                verified: false,
-                activity: 20,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 77843
-            },
-            {
-                id: 1212,
-                name: 'Beckie Silvestrini',
-                country: {
-                    name: 'Poland',
-                    code: 'pl'
-                },
-                company: 'A All American Travel Inc',
-                date: '2016-11-26',
-                status: 'renewal',
-                verified: true,
-                activity: 81,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 30549
-            },
-            {
-                id: 1213,
-                name: 'Rebecka Gesick',
-                country: {
-                    name: 'Philippines',
-                    code: 'ph'
-                },
-                company: 'Polykote Inc',
-                date: '2019-06-22',
-                status: 'renewal',
-                verified: true,
-                activity: 45,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 51738
-            },
-            {
-                id: 1214,
-                name: 'Frederica Blunk',
-                country: {
-                    name: 'Lithuania',
-                    code: 'lt'
-                },
-                company: 'Jets Cybernetics',
-                date: '2019-06-07',
-                status: 'renewal',
-                verified: true,
-                activity: 56,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 13111
-            },
-            {
-                id: 1215,
-                name: 'Glen Bartolet',
-                country: {
-                    name: 'Germany',
-                    code: 'de'
-                },
-                company: 'Metlab Testing Services',
-                date: '2015-02-13',
-                status: 'proposal',
-                verified: true,
-                activity: 99,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 85802
-            },
-            {
-                id: 1216,
-                name: 'Freeman Gochal',
-                country: {
-                    name: 'Slovenia',
-                    code: 'si'
-                },
-                company: 'Kellermann, William T Esq',
-                date: '2019-08-27',
-                status: 'negotiation',
-                verified: false,
-                activity: 2,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 89221
-            },
-            {
-                id: 1217,
-                name: 'Vincent Meinerding',
-                country: {
-                    name: 'United States',
-                    code: 'us'
-                },
-                company: 'Arturi, Peter D Esq',
-                date: '2018-06-18',
-                status: 'new',
-                verified: true,
-                activity: 58,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 32661
-            },
-            {
-                id: 1218,
-                name: 'Rima Bevelacqua',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Mcauley Mfg Co',
-                date: '2019-05-18',
-                status: 'new',
-                verified: true,
-                activity: 31,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 18809
-            },
-            {
-                id: 1219,
-                name: 'Glendora Sarbacher',
-                country: {
-                    name: 'Lithuania',
-                    code: 'lt'
-                },
-                company: 'Defur Voran Hanley Radcliff',
-                date: '2018-04-21',
-                status: 'new',
-                verified: true,
-                activity: 79,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 94374
-            },
-            {
-                id: 1220,
-                name: 'Avery Steier',
-                country: {
-                    name: 'Mexico',
-                    code: 'mx'
-                },
-                company: 'Dill Dill Carr \u0026 Stonbraker Pc',
-                date: '2017-07-27',
-                status: 'proposal',
-                verified: true,
-                activity: 63,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 45436
-            },
-            {
-                id: 1221,
-                name: 'Cristy Lother',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'Kleensteel',
-                date: '2018-05-19',
-                status: 'renewal',
-                verified: true,
-                activity: 55,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 72645
-            },
-            {
-                id: 1222,
-                name: 'Nicolette Brossart',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Goulds Pumps Inc Slurry Pump',
-                date: '2015-05-26',
-                status: 'new',
-                verified: false,
-                activity: 25,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 61023
-            },
-            {
-                id: 1223,
-                name: 'Tracey Modzelewski',
-                country: {
-                    name: 'Denmark',
-                    code: 'dk'
-                },
-                company: 'Kansas City Insurance Report',
-                date: '2019-07-02',
-                status: 'renewal',
-                verified: true,
-                activity: 4,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 13685
-            },
-            {
-                id: 1224,
-                name: 'Virgina Tegarden',
-                country: {
-                    name: 'Cameroon',
-                    code: 'cm'
-                },
-                company: 'Berhanu International Foods',
-                date: '2017-10-09',
-                status: 'qualified',
-                verified: true,
-                activity: 62,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 84436
-            },
-            {
-                id: 1225,
-                name: 'Tiera Frankel',
-                country: {
-                    name: 'India',
-                    code: 'in'
-                },
-                company: 'Roland Ashcroft',
-                date: '2018-03-27',
-                status: 'unqualified',
-                verified: true,
-                activity: 90,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 61860
-            },
-            {
-                id: 1226,
-                name: 'Alaine Bergesen',
-                country: {
-                    name: 'Peru',
-                    code: 'pe'
-                },
-                company: 'Hispanic Magazine',
-                date: '2017-08-10',
-                status: 'qualified',
-                verified: true,
-                activity: 34,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 76679
-            },
-            {
-                id: 1227,
-                name: 'Earleen Mai',
-                country: {
-                    name: 'Italy',
-                    code: 'it'
-                },
-                company: 'Little Sheet Metal Co',
-                date: '2016-06-22',
-                status: 'proposal',
-                verified: true,
-                activity: 38,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 14959
-            },
-            {
-                id: 1228,
-                name: 'Leonida Gobern',
-                country: {
-                    name: 'Cuba',
-                    code: 'cu'
-                },
-                company: 'Holmes, Armstead J Esq',
-                date: '2020-02-24',
-                status: 'renewal',
-                verified: true,
-                activity: 96,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 14174
-            },
-            {
-                id: 1229,
-                name: 'Ressie Auffrey',
-                country: {
-                    name: 'Japan',
-                    code: 'jp'
-                },
-                company: 'Faw, James C Cpa',
-                date: '2016-10-21',
-                status: 'negotiation',
-                verified: false,
-                activity: 28,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 80328
-            },
-            {
-                id: 1230,
-                name: 'Justine Mugnolo',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Evans Rule Company',
-                date: '2016-02-21',
-                status: 'negotiation',
-                verified: true,
-                activity: 83,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 56392
-            },
-            {
-                id: 1231,
-                name: 'Eladia Saulter',
-                country: {
-                    name: 'Switzerland',
-                    code: 'ch'
-                },
-                company: 'Tyee Productions Inc',
-                date: '2016-03-10',
-                status: 'new',
-                verified: true,
-                activity: 16,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 17176
-            },
-            {
-                id: 1232,
-                name: 'Chaya Malvin',
-                country: {
-                    name: 'Cuba',
-                    code: 'cu'
-                },
-                company: 'Dunnells \u0026 Duvall',
-                date: '2016-07-22',
-                status: 'renewal',
-                verified: true,
-                activity: 12,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 90141
-            },
-            {
-                id: 1233,
-                name: 'Gwenn Suffield',
-                country: {
-                    name: 'Austria',
-                    code: 'at'
-                },
-                company: 'Deltam Systems Inc',
-                date: '2019-06-23',
-                status: 'qualified',
-                verified: true,
-                activity: 67,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 38187
-            },
-            {
-                id: 1234,
-                name: 'Salena Karpel',
-                country: {
-                    name: 'Puerto Rico',
-                    code: 'pr'
-                },
-                company: 'Hammill Mfg Co',
-                date: '2016-08-02',
-                status: 'renewal',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 35596
-            },
-            {
-                id: 1235,
-                name: 'Yoko Fishburne',
-                country: {
-                    name: 'Croatia',
-                    code: 'hr'
-                },
-                company: 'Sams Corner Store',
-                date: '2017-08-06',
-                status: 'unqualified',
-                verified: true,
-                activity: 73,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 73926
-            },
-            {
-                id: 1236,
-                name: 'Taryn Moyd',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'Siskin, Mark J Esq',
-                date: '2016-12-18',
-                status: 'negotiation',
-                verified: true,
-                activity: 57,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 38375
-            },
-            {
-                id: 1237,
-                name: 'Katina Polidori',
-                country: {
-                    name: 'Nigeria',
-                    code: 'ng'
-                },
-                company: 'Cape \u0026 Associates Real Estate',
-                date: '2016-08-25',
-                status: 'unqualified',
-                verified: true,
-                activity: 37,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 35932
-            },
-            {
-                id: 1238,
-                name: 'Rickie Plumer',
-                country: {
-                    name: 'Turkey',
-                    code: 'tr'
-                },
-                company: 'Merrill Lynch',
-                date: '2018-11-04',
-                status: 'unqualified',
-                verified: true,
-                activity: 71,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 28331
-            },
-            {
-                id: 1239,
-                name: 'Alex Loader',
-                country: {
-                    name: 'Italy',
-                    code: 'it'
-                },
-                company: 'Sublett, Scott Esq',
-                date: '2016-01-07',
-                status: 'unqualified',
-                verified: false,
-                activity: 22,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 33549
-            },
-            {
-                id: 1240,
-                name: 'Lashon Vizarro',
-                country: {
-                    name: 'Ecuador',
-                    code: 'ec'
-                },
-                company: 'Sentry Signs',
-                date: '2019-08-02',
-                status: 'negotiation',
-                verified: true,
-                activity: 46,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 63860
-            },
-            {
-                id: 1241,
-                name: 'Lauran Burnard',
-                country: {
-                    name: 'Czech Republic',
-                    code: 'cz'
-                },
-                company: 'Professionals Unlimited',
-                date: '2016-04-27',
-                status: 'renewal',
-                verified: true,
-                activity: 30,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 34992
-            },
-            {
-                id: 1242,
-                name: 'Ceola Setter',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Southern Steel Shelving Co',
-                date: '2017-05-13',
-                status: 'qualified',
-                verified: true,
-                activity: 43,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 97068
-            },
-            {
-                id: 1243,
-                name: 'My Rantanen',
-                country: {
-                    name: 'Philippines',
-                    code: 'ph'
-                },
-                company: 'Bosco, Paul J',
-                date: '2017-09-11',
-                status: 'proposal',
-                verified: true,
-                activity: 60,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 2316
-            },
-            {
-                id: 1244,
-                name: 'Lorrine Worlds',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Longo, Nicholas J Esq',
-                date: '2018-05-10',
-                status: 'renewal',
-                verified: true,
-                activity: 51,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 89374
-            },
-            {
-                id: 1245,
-                name: 'Peggie Sturiale',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Henry County Middle School',
-                date: '2019-11-03',
-                status: 'renewal',
-                verified: true,
-                activity: 41,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 51152
-            },
-            {
-                id: 1246,
-                name: 'Marvel Raymo',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Edison Supply \u0026 Equipment Co',
-                date: '2016-03-08',
-                status: 'renewal',
-                verified: true,
-                activity: 9,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 39848
-            },
-            {
-                id: 1247,
-                name: 'Daron Dinos',
-                country: {
-                    name: 'Hungary',
-                    code: 'hu'
-                },
-                company: 'Wolf, Warren R Esq',
-                date: '2016-03-25',
-                status: 'unqualified',
-                verified: true,
-                activity: 30,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 35060
-            },
-            {
-                id: 1248,
-                name: 'An Fritz',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Linguistic Systems Inc',
-                date: '2017-08-04',
-                status: 'proposal',
-                verified: true,
-                activity: 86,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 23037
-            },
-            {
-                id: 1249,
-                name: 'Portia Stimmel',
-                country: {
-                    name: 'Australia',
-                    code: 'au'
-                },
-                company: 'Peace Christian Center',
-                date: '2020-01-13',
-                status: 'qualified',
-                verified: true,
-                activity: 30,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 35637
-            },
-            {
-                id: 1250,
-                name: 'Rhea Aredondo',
-                country: {
-                    name: 'Greece',
-                    code: 'gr'
-                },
-                company: 'Double B Foods Inc',
-                date: '2016-06-19',
-                status: 'qualified',
-                verified: true,
-                activity: 68,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 70379
-            },
-            {
-                id: 1251,
-                name: 'Benedict Sama',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Alexander \u0026 Alexander Inc',
-                date: '2018-08-18',
-                status: 'negotiation',
-                verified: true,
-                activity: 79,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 99271
-            },
-            {
-                id: 1252,
-                name: 'Alyce Arias',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Fairbanks Scales',
-                date: '2018-09-14',
-                status: 'new',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 69658
-            },
-            {
-                id: 1253,
-                name: 'Heike Berganza',
-                country: {
-                    name: 'Bulgaria',
-                    code: 'bg'
-                },
-                company: 'Cali Sportswear Cutting Dept',
-                date: '2019-01-21',
-                status: 'unqualified',
-                verified: true,
-                activity: 95,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 78159
-            },
-            {
-                id: 1254,
-                name: 'Carey Dopico',
-                country: {
-                    name: 'Saudi Arabia',
-                    code: 'sa'
-                },
-                company: 'Garofani, John Esq',
-                date: '2020-05-25',
-                status: 'negotiation',
-                verified: true,
-                activity: 35,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 84097
-            },
-            {
-                id: 1255,
-                name: 'Dottie Hellickson',
-                country: {
-                    name: 'Chile',
-                    code: 'cl'
-                },
-                company: 'Thompson Fabricating Co',
-                date: '2016-02-12',
-                status: 'qualified',
-                verified: true,
-                activity: 7,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 54606
-            },
-            {
-                id: 1256,
-                name: 'Deandrea Hughey',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Century 21 Krall Real Estate',
-                date: '2018-09-26',
-                status: 'unqualified',
-                verified: true,
-                activity: 96,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 2730
-            },
-            {
-                id: 1257,
-                name: 'Kimberlie Duenas',
-                country: {
-                    name: 'Bulgaria',
-                    code: 'bg'
-                },
-                company: 'Mid Contntl Rlty \u0026 Prop Mgmt',
-                date: '2015-07-27',
-                status: 'qualified',
-                verified: true,
-                activity: 96,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 71836
-            },
-            {
-                id: 1258,
-                name: 'Martina Staback',
-                country: {
-                    name: 'Luxembourg',
-                    code: 'lu'
-                },
-                company: 'Ace Signs Inc',
-                date: '2017-02-14',
-                status: 'new',
-                verified: true,
-                activity: 47,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 37044
-            },
-            {
-                id: 1259,
-                name: 'Skye Fillingim',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Rodeway Inn',
-                date: '2017-02-12',
-                status: 'new',
-                verified: true,
-                activity: 86,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 5990
-            },
-            {
-                id: 1260,
-                name: 'Jade Farrar',
-                country: {
-                    name: 'Mexico',
-                    code: 'mx'
-                },
-                company: 'Bonnet \u0026 Daughter',
-                date: '2017-02-23',
-                status: 'new',
-                verified: true,
-                activity: 73,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 7878
-            },
-            {
-                id: 1261,
-                name: 'Charlene Hamilton',
-                country: {
-                    name: 'India',
-                    code: 'in'
-                },
-                company: 'Oshins \u0026 Gibbons',
-                date: '2017-09-23',
-                status: 'unqualified',
-                verified: true,
-                activity: 32,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 38077
-            },
-            {
-                id: 1262,
-                name: 'Geoffrey Acey',
-                country: {
-                    name: 'Hong Kong',
-                    code: 'hk'
-                },
-                company: 'Price Business Services',
-                date: '2019-10-11',
-                status: 'proposal',
-                verified: true,
-                activity: 98,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 24537
-            },
-            {
-                id: 1263,
-                name: 'Stevie Westerbeck',
-                country: {
-                    name: 'Lithuania',
-                    code: 'lt'
-                },
-                company: 'Wise, Dennis W Md',
-                date: '2017-08-01',
-                status: 'renewal',
-                verified: true,
-                activity: 57,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 19164
-            },
-            {
-                id: 1264,
-                name: 'Pamella Fortino',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Super 8 Motel',
-                date: '2018-09-03',
-                status: 'new',
-                verified: true,
-                activity: 100,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 21880
-            },
-            {
-                id: 1265,
-                name: 'Harrison Haufler',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'John Wagner Associates',
-                date: '2016-08-25',
-                status: 'qualified',
-                verified: true,
-                activity: 85,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 14975
-            },
-            {
-                id: 1266,
-                name: 'Johnna Engelberg',
-                country: {
-                    name: 'Thailand',
-                    code: 'th'
-                },
-                company: 'Thrifty Oil Co',
-                date: '2019-06-02',
-                status: 'renewal',
-                verified: true,
-                activity: 1,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 28001
-            },
-            {
-                id: 1267,
-                name: 'Buddy Cloney',
-                country: {
-                    name: 'Hungary',
-                    code: 'hu'
-                },
-                company: 'Larkfield Photo',
-                date: '2020-05-14',
-                status: 'qualified',
-                verified: true,
-                activity: 9,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 44811
-            },
-            {
-                id: 1268,
-                name: 'Dalene Riden',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Silverman Planetarium',
-                date: '2019-08-23',
-                status: 'renewal',
-                verified: true,
-                activity: 31,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 70963
-            },
-            {
-                id: 1269,
-                name: 'Jerry Zurcher',
-                country: {
-                    name: 'Ukraine',
-                    code: 'ua'
-                },
-                company: 'J \u0026 F Lumber',
-                date: '2015-05-11',
-                status: 'renewal',
-                verified: true,
-                activity: 52,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 27808
-            },
-            {
-                id: 1270,
-                name: 'Haydee Denooyer',
-                country: {
-                    name: 'Ivory Coast',
-                    code: 'ci'
-                },
-                company: 'Cleaning Station Inc',
-                date: '2016-04-17',
-                status: 'qualified',
-                verified: true,
-                activity: 80,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 41216
-            },
-            {
-                id: 1271,
-                name: 'Joseph Cryer',
-                country: {
-                    name: 'Philippines',
-                    code: 'ph'
-                },
-                company: 'Ames Stationers',
-                date: '2019-11-26',
-                status: 'qualified',
-                verified: true,
-                activity: 53,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 8819
-            },
-            {
-                id: 1272,
-                name: 'Deonna Kippley',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Midas Muffler Shops',
-                date: '2017-08-26',
-                status: 'qualified',
-                verified: true,
-                activity: 52,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 77610
-            },
-            {
-                id: 1273,
-                name: 'Raymon Calvaresi',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Seaboard Securities Inc',
-                date: '2017-07-09',
-                status: 'qualified',
-                verified: true,
-                activity: 45,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 80612
-            },
-            {
-                id: 1274,
-                name: 'Alecia Bubash',
-                country: {
-                    name: 'Poland',
-                    code: 'pl'
-                },
-                company: 'Petersen, James E Esq',
-                date: '2016-05-19',
-                status: 'new',
-                verified: false,
-                activity: 28,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 45311
-            },
-            {
-                id: 1275,
-                name: 'Ma Layous',
-                country: {
-                    name: 'Latvia',
-                    code: 'lv'
-                },
-                company: 'Development Authority',
-                date: '2016-02-11',
-                status: 'qualified',
-                verified: false,
-                activity: 2,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 88737
-            },
-            {
-                id: 1276,
-                name: 'Detra Coyier',
-                country: {
-                    name: 'Ivory Coast',
-                    code: 'ci'
-                },
-                company: 'Schott Fiber Optics Inc',
-                date: '2019-06-05',
-                status: 'proposal',
-                verified: true,
-                activity: 95,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 13224
-            },
-            {
-                id: 1277,
-                name: 'Terrilyn Rodeigues',
-                country: {
-                    name: 'Thailand',
-                    code: 'th'
-                },
-                company: 'Stuart J Agins',
-                date: '2016-08-04',
-                status: 'renewal',
-                verified: true,
-                activity: 35,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 64656
-            },
-            {
-                id: 1278,
-                name: 'Salome Lacovara',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'Mitsumi Electronics Corp',
-                date: '2015-06-05',
-                status: 'unqualified',
-                verified: true,
-                activity: 78,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 61947
-            },
-            {
-                id: 1279,
-                name: 'Garry Keetch',
-                country: {
-                    name: 'Luxembourg',
-                    code: 'lu'
-                },
-                company: 'Italian Express Franchise Corp',
-                date: '2015-06-20',
-                status: 'unqualified',
-                verified: true,
-                activity: 86,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 6380
-            },
-            {
-                id: 1280,
-                name: 'Matthew Neither',
-                country: {
-                    name: 'United Kingdom',
-                    code: 'gb'
-                },
-                company: 'American Council On Sci \u0026 Hlth',
-                date: '2018-06-24',
-                status: 'qualified',
-                verified: true,
-                activity: 4,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 80112
-            },
-            {
-                id: 1281,
-                name: 'Theodora Restrepo',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Kleri, Patricia S Esq',
-                date: '2017-08-15',
-                status: 'renewal',
-                verified: true,
-                activity: 66,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 42038
-            },
-            {
-                id: 1282,
-                name: 'Noah Kalafatis',
-                country: {
-                    name: 'Saudi Arabia',
-                    code: 'sa'
-                },
-                company: 'Twiggs Abrams Blanchard',
-                date: '2020-06-24',
-                status: 'negotiation',
-                verified: true,
-                activity: 35,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 36052
-            },
-            {
-                id: 1283,
-                name: 'Carmen Sweigard',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Maui Research \u0026 Technology Pk',
-                date: '2019-08-08',
-                status: 'new',
-                verified: true,
-                activity: 96,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 51660
-            },
-            {
-                id: 1284,
-                name: 'Lavonda Hengel',
-                country: {
-                    name: 'Hungary',
-                    code: 'hu'
-                },
-                company: 'Bradley Nameplate Corp',
-                date: '2019-10-25',
-                status: 'negotiation',
-                verified: true,
-                activity: 48,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 56142
-            },
-            {
-                id: 1285,
-                name: 'Junita Stoltzman',
-                country: {
-                    name: 'Turkey',
-                    code: 'tr'
-                },
-                company: 'Geonex Martel Inc',
-                date: '2015-03-19',
-                status: 'proposal',
-                verified: true,
-                activity: 64,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 21631
-            },
-            {
-                id: 1286,
-                name: 'Herminia Nicolozakes',
-                country: {
-                    name: 'Venezuela',
-                    code: 've'
-                },
-                company: 'Sea Island Div Of Fstr Ind Inc',
-                date: '2019-09-09',
-                status: 'negotiation',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 59171
-            },
-            {
-                id: 1287,
-                name: 'Casie Good',
-                country: {
-                    name: 'Japan',
-                    code: 'jp'
-                },
-                company: 'Papay, Debbie J Esq',
-                date: '2016-11-27',
-                status: 'new',
-                verified: true,
-                activity: 87,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 97858
-            },
-            {
-                id: 1288,
-                name: 'Reena Maisto',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Lane Promotions',
-                date: '2016-08-22',
-                status: 'new',
-                verified: true,
-                activity: 16,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 90388
-            },
-            {
-                id: 1289,
-                name: 'Mirta Mallett',
-                country: {
-                    name: 'Singapore',
-                    code: 'sg'
-                },
-                company: 'Stephen Kennerly Archts Inc Pc',
-                date: '2017-11-27',
-                status: 'renewal',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 68632
-            },
-            {
-                id: 1290,
-                name: 'Cathrine Pontoriero',
-                country: {
-                    name: 'Finland',
-                    code: 'fi'
-                },
-                company: 'Business Systems Of Wis Inc',
-                date: '2020-02-07',
-                status: 'negotiation',
-                verified: true,
-                activity: 58,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 95552
-            },
-            {
-                id: 1291,
-                name: 'Filiberto Tawil',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Flash, Elena Salerno Esq',
-                date: '2018-01-28',
-                status: 'proposal',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 39725
-            },
-            {
-                id: 1292,
-                name: 'Raul Upthegrove',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Neeley, Gregory W Esq',
-                date: '2019-11-16',
-                status: 'renewal',
-                verified: true,
-                activity: 59,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 62251
-            },
-            {
-                id: 1293,
-                name: 'Sarah Candlish',
-                country: {
-                    name: 'Hong Kong',
-                    code: 'hk'
-                },
-                company: 'Alabama Educational Tv Comm',
-                date: '2019-06-09',
-                status: 'proposal',
-                verified: true,
-                activity: 30,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 73523
-            },
-            {
-                id: 1294,
-                name: 'Lucy Treston',
-                country: {
-                    name: 'Jamaica',
-                    code: 'jm'
-                },
-                company: 'Franz Inc',
-                date: '2017-02-07',
-                status: 'proposal',
-                verified: true,
-                activity: 59,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 41331
-            },
-            {
-                id: 1295,
-                name: 'Judy Aquas',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'Plantation Restaurant',
-                date: '2020-09-14',
-                status: 'renewal',
-                verified: true,
-                activity: 86,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 24208
-            },
-            {
-                id: 1296,
-                name: 'Yvonne Tjepkema',
-                country: {
-                    name: 'United Kingdom',
-                    code: 'gb'
-                },
-                company: 'Radio Communications Co',
-                date: '2017-01-06',
-                status: 'renewal',
-                verified: true,
-                activity: 33,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 56409
-            },
-            {
-                id: 1297,
-                name: 'Kayleigh Lace',
-                country: {
-                    name: 'Denmark',
-                    code: 'dk'
-                },
-                company: 'Dentalaw Divsn Hlth Care',
-                date: '2019-11-04',
-                status: 'negotiation',
-                verified: true,
-                activity: 70,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 70025
-            },
-            {
-                id: 1298,
-                name: 'Felix Hirpara',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'American Speedy Printing Ctrs',
-                date: '2015-03-13',
-                status: 'new',
-                verified: true,
-                activity: 8,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 88115
-            },
-            {
-                id: 1299,
-                name: 'Tresa Sweely',
-                country: {
-                    name: 'Germany',
-                    code: 'de'
-                },
-                company: 'Grayson, Grant S Esq',
-                date: '2019-12-22',
-                status: 'proposal',
-                verified: true,
-                activity: 22,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 69703
-            },
-            {
-                id: 1300,
-                name: 'Kristeen Turinetti',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'Jeanerette Middle School',
-                date: '2017-09-28',
-                status: 'new',
-                verified: true,
-                activity: 67,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 10718
-            },
-            {
-                id: 1301,
-                name: 'Jenelle Regusters',
-                country: {
-                    name: 'Hungary',
-                    code: 'hu'
-                },
-                company: 'Haavisto, Brian F Esq',
-                date: '2019-07-27',
-                status: 'qualified',
-                verified: true,
-                activity: 13,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 29825
-            },
-            {
-                id: 1302,
-                name: 'Renea Monterrubio',
-                country: {
-                    name: 'Greece',
-                    code: 'gr'
-                },
-                company: 'Wmmt Radio Station',
-                date: '2016-03-28',
-                status: 'proposal',
-                verified: true,
-                activity: 73,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 90351
-            },
-            {
-                id: 1303,
-                name: 'Olive Matuszak',
-                country: {
-                    name: 'Germany',
-                    code: 'de'
-                },
-                company: 'Colony Paints Sales Ofc \u0026 Plnt',
-                date: '2018-04-15',
-                status: 'unqualified',
-                verified: true,
-                activity: 70,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 75682
-            },
-            {
-                id: 1304,
-                name: 'Ligia Reiber',
-                country: {
-                    name: 'Cameroon',
-                    code: 'cm'
-                },
-                company: 'Floral Expressions',
-                date: '2017-02-02',
-                status: 'negotiation',
-                verified: true,
-                activity: 51,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 74935
-            },
-            {
-                id: 1305,
-                name: 'Christiane Eschberger',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'Casco Services Inc',
-                date: '2018-03-27',
-                status: 'unqualified',
-                verified: true,
-                activity: 81,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 5254
-            },
-            {
-                id: 1306,
-                name: 'Goldie Schirpke',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Reuter, Arthur C Jr',
-                date: '2015-04-21',
-                status: 'renewal',
-                verified: true,
-                activity: 8,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 37306
-            },
-            {
-                id: 1307,
-                name: 'Loreta Timenez',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'Kaminski, Katherine Andritsaki',
-                date: '2015-07-17',
-                status: 'proposal',
-                verified: true,
-                activity: 29,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 70520
-            },
-            {
-                id: 1308,
-                name: 'Fabiola Hauenstein',
-                country: {
-                    name: 'Czech Republic',
-                    code: 'cz'
-                },
-                company: 'Sidewinder Products Corp',
-                date: '2015-12-12',
-                status: 'renewal',
-                verified: true,
-                activity: 42,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 74510
-            },
-            {
-                id: 1309,
-                name: 'Amie Perigo',
-                country: {
-                    name: 'Russia',
-                    code: 'ru'
-                },
-                company: 'General Foam Corporation',
-                date: '2016-06-13',
-                status: 'new',
-                verified: true,
-                activity: 55,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 74410
-            },
-            {
-                id: 1310,
-                name: 'Raina Brachle',
-                country: {
-                    name: 'Greece',
-                    code: 'gr'
-                },
-                company: 'Ikg Borden Divsn Harsco Corp',
-                date: '2016-11-28',
-                status: 'negotiation',
-                verified: true,
-                activity: 12,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 56116
-            },
-            {
-                id: 1311,
-                name: 'Erinn Canlas',
-                country: {
-                    name: 'United Kingdom',
-                    code: 'gb'
-                },
-                company: 'Anchor Computer Inc',
-                date: '2018-12-08',
-                status: 'proposal',
-                verified: true,
-                activity: 89,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 46518
-            },
-            {
-                id: 1312,
-                name: 'Cherry Lietz',
-                country: {
-                    name: 'Bulgaria',
-                    code: 'bg'
-                },
-                company: 'Sebring \u0026 Co',
-                date: '2017-11-04',
-                status: 'qualified',
-                verified: true,
-                activity: 22,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 92213
-            },
-            {
-                id: 1313,
-                name: 'Kattie Vonasek',
-                country: {
-                    name: 'Austria',
-                    code: 'at'
-                },
-                company: 'H A C Farm Lines Co Optv Assoc',
-                date: '2017-02-17',
-                status: 'proposal',
-                verified: true,
-                activity: 58,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 6405
-            },
-            {
-                id: 1314,
-                name: 'Lilli Scriven',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Hunter, John J Esq',
-                date: '2017-04-15',
-                status: 'qualified',
-                verified: true,
-                activity: 79,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 92900
-            },
-            {
-                id: 1315,
-                name: 'Whitley Tomasulo',
-                country: {
-                    name: 'Qatar',
-                    code: 'qa'
-                },
-                company: 'Freehold Fence Co',
-                date: '2017-11-16',
-                status: 'qualified',
-                verified: true,
-                activity: 6,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 86727
-            },
-            {
-                id: 1316,
-                name: 'Barbra Adkin',
-                country: {
-                    name: 'Nigeria',
-                    code: 'ng'
-                },
-                company: 'Binswanger',
-                date: '2019-07-24',
-                status: 'qualified',
-                verified: true,
-                activity: 64,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 48040
-            },
-            {
-                id: 1317,
-                name: 'Hermila Thyberg',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Chilton Malting Co',
-                date: '2016-11-05',
-                status: 'qualified',
-                verified: true,
-                activity: 57,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 24026
-            },
-            {
-                id: 1318,
-                name: 'Jesusita Flister',
-                country: {
-                    name: 'Ukraine',
-                    code: 'ua'
-                },
-                company: 'Schoen, Edward J Jr',
-                date: '2017-03-03',
-                status: 'proposal',
-                verified: true,
-                activity: 29,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 76388
-            },
-            {
-                id: 1319,
-                name: 'Caitlin Julia',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Helderman, Seymour Cpa',
-                date: '2018-03-13',
-                status: 'renewal',
-                verified: true,
-                activity: 19,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 89068
-            },
-            {
-                id: 1320,
-                name: 'Roosevelt Hoffis',
-                country: {
-                    name: 'Puerto Rico',
-                    code: 'pr'
-                },
-                company: 'Denbrook, Myron',
-                date: '2019-04-14',
-                status: 'new',
-                verified: true,
-                activity: 49,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 12727
-            },
-            {
-                id: 1321,
-                name: 'Helaine Halter',
-                country: {
-                    name: 'Estonia',
-                    code: 'ee'
-                },
-                company: 'Lippitt, Mike',
-                date: '2019-09-28',
-                status: 'renewal',
-                verified: true,
-                activity: 62,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 83411
-            },
-            {
-                id: 1322,
-                name: 'Lorean Martabano',
-                country: {
-                    name: 'Slovakia',
-                    code: 'sk'
-                },
-                company: 'Hiram, Hogg P Esq',
-                date: '2017-03-23',
-                status: 'negotiation',
-                verified: true,
-                activity: 8,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 44242
-            },
-            {
-                id: 1323,
-                name: 'France Buzick',
-                country: {
-                    name: 'Nigeria',
-                    code: 'ng'
-                },
-                company: 'In Travel Agency',
-                date: '2016-12-14',
-                status: 'renewal',
-                verified: true,
-                activity: 22,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 5644
-            },
-            {
-                id: 1324,
-                name: 'Justine Ferrario',
-                country: {
-                    name: 'Ukraine',
-                    code: 'ua'
-                },
-                company: 'Newhart Foods Inc',
-                date: '2015-09-07',
-                status: 'unqualified',
-                verified: true,
-                activity: 7,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 29321
-            },
-            {
-                id: 1325,
-                name: 'Adelina Nabours',
-                country: {
-                    name: 'Mexico',
-                    code: 'mx'
-                },
-                company: 'Courtyard By Marriott',
-                date: '2018-05-26',
-                status: 'renewal',
-                verified: true,
-                activity: 59,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 13353
-            },
-            {
-                id: 1326,
-                name: 'Derick Dhamer',
-                country: {
-                    name: 'Hungary',
-                    code: 'hu'
-                },
-                company: 'Studer, Eugene A Esq',
-                date: '2020-07-04',
-                status: 'new',
-                verified: true,
-                activity: 72,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 53454
-            },
-            {
-                id: 1327,
-                name: 'Jerry Dallen',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Seashore Supply Co Waretown',
-                date: '2015-10-23',
-                status: 'renewal',
-                verified: false,
-                activity: 21,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 30074
-            },
-            {
-                id: 1328,
-                name: 'Leota Ragel',
-                country: {
-                    name: 'Qatar',
-                    code: 'qa'
-                },
-                company: 'Mayar Silk Inc',
-                date: '2019-06-15',
-                status: 'negotiation',
-                verified: true,
-                activity: 74,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 36310
-            },
-            {
-                id: 1329,
-                name: 'Jutta Amyot',
-                country: {
-                    name: 'Cameroon',
-                    code: 'cm'
-                },
-                company: 'National Medical Excess Corp',
-                date: '2019-09-01',
-                status: 'proposal',
-                verified: true,
-                activity: 8,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 27563
-            },
-            {
-                id: 1330,
-                name: 'Aja Gehrett',
-                country: {
-                    name: 'Sweden',
-                    code: 'se'
-                },
-                company: 'Stero Company',
-                date: '2018-01-28',
-                status: 'qualified',
-                verified: true,
-                activity: 46,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 45163
-            },
-            {
-                id: 1331,
-                name: 'Kirk Herritt',
-                country: {
-                    name: 'Morocco',
-                    code: 'ma'
-                },
-                company: 'Hasting, H Duane Esq',
-                date: '2018-10-24',
-                status: 'renewal',
-                verified: false,
-                activity: 2,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 52970
-            },
-            {
-                id: 1332,
-                name: 'Leonora Mauson',
-                country: {
-                    name: 'Hong Kong',
-                    code: 'hk'
-                },
-                company: 'Insty Prints',
-                date: '2019-02-02',
-                status: 'proposal',
-                verified: true,
-                activity: 8,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 18922
-            },
-            {
-                id: 1333,
-                name: 'Winfred Brucato',
-                country: {
-                    name: 'Austria',
-                    code: 'at'
-                },
-                company: 'Glenridge Manor Mobile Home Pk',
-                date: '2019-08-16',
-                status: 'renewal',
-                verified: true,
-                activity: 8,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 59632
-            },
-            {
-                id: 1334,
-                name: 'Tarra Nachor',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Circuit Solution Inc',
-                date: '2019-07-10',
-                status: 'proposal',
-                verified: true,
-                activity: 88,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 6733
-            },
-            {
-                id: 1335,
-                name: 'Corinne Loder',
-                country: {
-                    name: 'Brazil',
-                    code: 'br'
-                },
-                company: 'Local Office',
-                date: '2016-05-21',
-                status: 'proposal',
-                verified: true,
-                activity: 85,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 22704
-            },
-            {
-                id: 1336,
-                name: 'Dulce Labreche',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Lee Kilkelly Paulson \u0026 Kabaker',
-                date: '2019-11-10',
-                status: 'qualified',
-                verified: true,
-                activity: 24,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 82613
-            },
-            {
-                id: 1337,
-                name: 'Kate Keneipp',
-                country: {
-                    name: 'Latvia',
-                    code: 'lv'
-                },
-                company: 'Davis, Maxon R Esq',
-                date: '2019-06-20',
-                status: 'proposal',
-                verified: true,
-                activity: 44,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 97960
-            },
-            {
-                id: 1338,
-                name: 'Kaitlyn Ogg',
-                country: {
-                    name: 'Tunisia',
-                    code: 'tn'
-                },
-                company: 'Garrison, Paul E Esq',
-                date: '2019-08-01',
-                status: 'proposal',
-                verified: true,
-                activity: 91,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 63123
-            },
-            {
-                id: 1339,
-                name: 'Sherita Saras',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Black History Resource Center',
-                date: '2017-06-09',
-                status: 'unqualified',
-                verified: true,
-                activity: 79,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 38090
-            },
-            {
-                id: 1340,
-                name: 'Lashawnda Stuer',
-                country: {
-                    name: 'Indonesia',
-                    code: 'id'
-                },
-                company: 'Rodriguez, J Christopher Esq',
-                date: '2018-01-08',
-                status: 'negotiation',
-                verified: true,
-                activity: 6,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 58826
-            },
-            {
-                id: 1341,
-                name: 'Ernest Syrop',
-                country: {
-                    name: 'Jamaica',
-                    code: 'jm'
-                },
-                company: 'Grant Family Health Center',
-                date: '2016-10-06',
-                status: 'unqualified',
-                verified: true,
-                activity: 90,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 22419
-            },
-            {
-                id: 1342,
-                name: 'Nobuko Halsey',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Goeman Wood Products Inc',
-                date: '2019-01-02',
-                status: 'unqualified',
-                verified: true,
-                activity: 72,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 86006
-            },
-            {
-                id: 1343,
-                name: 'Lavonna Wolny',
-                country: {
-                    name: 'Czech Republic',
-                    code: 'cz'
-                },
-                company: 'Linhares, Kenneth A Esq',
-                date: '2019-03-09',
-                status: 'negotiation',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 40641
-            },
-            {
-                id: 1344,
-                name: 'Lashaunda Lizama',
-                country: {
-                    name: 'Ecuador',
-                    code: 'ec'
-                },
-                company: 'Earnhardt Printing',
-                date: '2016-02-16',
-                status: 'negotiation',
-                verified: true,
-                activity: 76,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 73493
-            },
-            {
-                id: 1345,
-                name: 'Mariann Bilden',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'H P G Industrys Inc',
-                date: '2019-12-15',
-                status: 'proposal',
-                verified: true,
-                activity: 20,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 87704
-            },
-            {
-                id: 1346,
-                name: 'Helene Rodenberger',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Bailey Transportation Prod Inc',
-                date: '2016-09-22',
-                status: 'unqualified',
-                verified: true,
-                activity: 26,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 19662
-            },
-            {
-                id: 1347,
-                name: 'Roselle Estell',
-                country: {
-                    name: 'Hungary',
-                    code: 'hu'
-                },
-                company: 'Mcglynn Bliss Pc',
-                date: '2016-11-25',
-                status: 'negotiation',
-                verified: true,
-                activity: 80,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 80534
-            },
-            {
-                id: 1348,
-                name: 'Samira Heintzman',
-                country: {
-                    name: 'Vietnam',
-                    code: 'vn'
-                },
-                company: 'Mutual Fish Co',
-                date: '2019-11-26',
-                status: 'qualified',
-                verified: true,
-                activity: 70,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 19473
-            },
-            {
-                id: 1349,
-                name: 'Margart Meisel',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'Yeates, Arthur L Aia',
-                date: '2019-10-27',
-                status: 'negotiation',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 89796
-            },
-            {
-                id: 1350,
-                name: 'Kristofer Bennick',
-                country: {
-                    name: 'Tunisia',
-                    code: 'tn'
-                },
-                company: 'Logan, Ronald J Esq',
-                date: '2016-02-13',
-                status: 'proposal',
-                verified: true,
-                activity: 5,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 54429
-            },
-            {
-                id: 1351,
-                name: 'Weldon Acuff',
-                country: {
-                    name: 'Estonia',
-                    code: 'ee'
-                },
-                company: 'Advantage Martgage Company',
-                date: '2019-10-22',
-                status: 'qualified',
-                verified: true,
-                activity: 38,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 16134
-            },
-            {
-                id: 1352,
-                name: 'Shalon Shadrick',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Germer And Gertz Llp',
-                date: '2015-01-03',
-                status: 'proposal',
-                verified: true,
-                activity: 66,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 9173
-            },
-            {
-                id: 1353,
-                name: 'Denise Patak',
-                country: {
-                    name: 'Uruguay',
-                    code: 'uy'
-                },
-                company: 'Spence Law Offices',
-                date: '2016-11-03',
-                status: 'qualified',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 42857
-            },
-            {
-                id: 1354,
-                name: 'Louvenia Beech',
-                country: {
-                    name: 'Ecuador',
-                    code: 'ec'
-                },
-                company: 'John Ortiz Nts Therapy Center',
-                date: '2016-04-11',
-                status: 'renewal',
-                verified: true,
-                activity: 62,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 54300
-            },
-            {
-                id: 1355,
-                name: 'Audry Yaw',
-                country: {
-                    name: 'Portugal',
-                    code: 'pt'
-                },
-                company: 'Mike Uchrin Htg \u0026 Air Cond Inc',
-                date: '2017-11-22',
-                status: 'unqualified',
-                verified: true,
-                activity: 12,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 94652
-            },
-            {
-                id: 1356,
-                name: 'Kristel Ehmann',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Mccoy, Joy Reynolds Esq',
-                date: '2016-06-23',
-                status: 'new',
-                verified: true,
-                activity: 67,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 88295
-            },
-            {
-                id: 1357,
-                name: 'Vincenza Zepp',
-                country: {
-                    name: 'Pakistan',
-                    code: 'pk'
-                },
-                company: 'Kbor 1600 Am',
-                date: '2016-01-04',
-                status: 'qualified',
-                verified: true,
-                activity: 25,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 92710
-            },
-            {
-                id: 1358,
-                name: 'Elouise Gwalthney',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Quality Inn Northwest',
-                date: '2016-04-05',
-                status: 'proposal',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 25145
-            },
-            {
-                id: 1359,
-                name: 'Venita Maillard',
-                country: {
-                    name: 'Poland',
-                    code: 'pl'
-                },
-                company: 'Wallace Church Assoc Inc',
-                date: '2016-03-23',
-                status: 'negotiation',
-                verified: true,
-                activity: 69,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 61630
-            },
-            {
-                id: 1360,
-                name: 'Kasandra Semidey',
-                country: {
-                    name: 'Indonesia',
-                    code: 'id'
-                },
-                company: 'Can Tron',
-                date: '2015-09-03',
-                status: 'new',
-                verified: true,
-                activity: 25,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 66134
-            },
-            {
-                id: 1361,
-                name: 'Xochitl Discipio',
-                country: {
-                    name: 'Slovakia',
-                    code: 'sk'
-                },
-                company: 'Ravaal Enterprises Inc',
-                date: '2016-11-14',
-                status: 'qualified',
-                verified: true,
-                activity: 47,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 14822
-            },
-            {
-                id: 1362,
-                name: 'Maile Linahan',
-                country: {
-                    name: 'Nigeria',
-                    code: 'ng'
-                },
-                company: 'Thompson Steel Company Inc',
-                date: '2016-07-24',
-                status: 'new',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 17759
-            },
-            {
-                id: 1363,
-                name: 'Krissy Rauser',
-                country: {
-                    name: 'Thailand',
-                    code: 'th'
-                },
-                company: 'Anderson, Mark A Esq',
-                date: '2020-03-06',
-                status: 'renewal',
-                verified: true,
-                activity: 33,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 14922
-            },
-            {
-                id: 1364,
-                name: 'Pete Dubaldi',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Womack \u0026 Galich',
-                date: '2015-11-22',
-                status: 'unqualified',
-                verified: true,
-                activity: 31,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 96575
-            },
-            {
-                id: 1365,
-                name: 'Linn Paa',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Valerie \u0026 Company',
-                date: '2015-08-12',
-                status: 'unqualified',
-                verified: true,
-                activity: 26,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 5847
-            },
-            {
-                id: 1366,
-                name: 'Paris Wide',
-                country: {
-                    name: 'Uruguay',
-                    code: 'uy'
-                },
-                company: 'Gehring Pumps Inc',
-                date: '2018-10-21',
-                status: 'proposal',
-                verified: true,
-                activity: 90,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 22929
-            },
-            {
-                id: 1367,
-                name: 'Wynell Dorshorst',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'Haehnel, Craig W Esq',
-                date: '2018-05-10',
-                status: 'new',
-                verified: true,
-                activity: 60,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 31837
-            },
-            {
-                id: 1368,
-                name: 'Quentin Birkner',
-                country: {
-                    name: 'Senegal',
-                    code: 'sn'
-                },
-                company: 'Spoor Behrins Campbell \u0026 Young',
-                date: '2019-02-03',
-                status: 'unqualified',
-                verified: true,
-                activity: 68,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 27095
-            },
-            {
-                id: 1369,
-                name: 'Regenia Kannady',
-                country: {
-                    name: 'Portugal',
-                    code: 'pt'
-                },
-                company: 'Ken Jeter Store Equipment Inc',
-                date: '2018-07-13',
-                status: 'new',
-                verified: true,
-                activity: 74,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 43696
-            },
-            {
-                id: 1370,
-                name: 'Sheron Louissant',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'Potter, Brenda J Cpa',
-                date: '2017-01-04',
-                status: 'qualified',
-                verified: true,
-                activity: 86,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 79897
-            },
-            {
-                id: 1371,
-                name: 'Izetta Funnell',
-                country: {
-                    name: 'Hong Kong',
-                    code: 'hk'
-                },
-                company: 'Baird Kurtz \u0026 Dobson',
-                date: '2019-11-05',
-                status: 'new',
-                verified: true,
-                activity: 67,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 27264
-            },
-            {
-                id: 1372,
-                name: 'Rodolfo Butzen',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Minor, Cynthia A Esq',
-                date: '2020-09-25',
-                status: 'proposal',
-                verified: true,
-                activity: 17,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 16490
-            },
-            {
-                id: 1373,
-                name: 'Zona Colla',
-                country: {
-                    name: 'Switzerland',
-                    code: 'ch'
-                },
-                company: 'Solove, Robert A Esq',
-                date: '2020-10-08',
-                status: 'negotiation',
-                verified: true,
-                activity: 64,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 21990
-            },
-            {
-                id: 1374,
-                name: 'Serina Zagen',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Mark Ii Imports Inc',
-                date: '2018-07-14',
-                status: 'negotiation',
-                verified: true,
-                activity: 46,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 11918
-            },
-            {
-                id: 1375,
-                name: 'Paz Sahagun',
-                country: {
-                    name: 'Colombia',
-                    code: 'co'
-                },
-                company: 'White Sign Div Ctrl Equip Co',
-                date: '2018-03-23',
-                status: 'negotiation',
-                verified: true,
-                activity: 49,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 13268
-            },
-            {
-                id: 1376,
-                name: 'Markus Lukasik',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'M \u0026 M Store Fixtures Co Inc',
-                date: '2018-03-21',
-                status: 'negotiation',
-                verified: true,
-                activity: 23,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 15941
-            },
-            {
-                id: 1377,
-                name: 'Jaclyn Bachman',
-                country: {
-                    name: 'Slovakia',
-                    code: 'sk'
-                },
-                company: 'Judah Caster \u0026 Wheel Co',
-                date: '2020-10-20',
-                status: 'new',
-                verified: true,
-                activity: 10,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 53132
-            },
-            {
-                id: 1378,
-                name: 'Cyril Daufeldt',
-                country: {
-                    name: 'India',
-                    code: 'in'
-                },
-                company: 'Galaxy International Inc',
-                date: '2019-02-11',
-                status: 'qualified',
-                verified: true,
-                activity: 79,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 47531
-            },
-            {
-                id: 1379,
-                name: 'Gayla Schnitzler',
-                country: {
-                    name: 'Brazil',
-                    code: 'br'
-                },
-                company: 'Sigma Corp Of America',
-                date: '2017-09-15',
-                status: 'new',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 88950
-            },
-            {
-                id: 1380,
-                name: 'Erick Nievas',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Soward, Anne Esq',
-                date: '2018-10-07',
-                status: 'proposal',
-                verified: false,
-                activity: 28,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 88497
-            },
-            {
-                id: 1381,
-                name: 'Jennie Drymon',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Osborne, Michelle M Esq',
-                date: '2016-09-14',
-                status: 'negotiation',
-                verified: true,
-                activity: 80,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 60634
-            },
-            {
-                id: 1382,
-                name: 'Mitsue Scipione',
-                country: {
-                    name: 'Ecuador',
-                    code: 'ec'
-                },
-                company: 'Students In Free Entrprs Natl',
-                date: '2019-07-28',
-                status: 'qualified',
-                verified: true,
-                activity: 24,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 21164
-            },
-            {
-                id: 1383,
-                name: 'Ciara Ventura',
-                country: {
-                    name: 'Sweden',
-                    code: 'se'
-                },
-                company: 'Johnson, Robert M Esq',
-                date: '2018-04-02',
-                status: 'renewal',
-                verified: false,
-                activity: 24,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 83645
-            },
-            {
-                id: 1384,
-                name: 'Galen Cantres',
-                country: {
-                    name: 'Saudi Arabia',
-                    code: 'sa'
-                },
-                company: 'Del Charro Apartments',
-                date: '2020-02-16',
-                status: 'unqualified',
-                verified: true,
-                activity: 61,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 32433
-            },
-            {
-                id: 1385,
-                name: 'Truman Feichtner',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Legal Search Inc',
-                date: '2019-10-16',
-                status: 'renewal',
-                verified: true,
-                activity: 98,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 96983
-            },
-            {
-                id: 1386,
-                name: 'Gail Kitty',
-                country: {
-                    name: 'Pakistan',
-                    code: 'pk'
-                },
-                company: 'Service Supply Co Inc',
-                date: '2020-01-15',
-                status: 'negotiation',
-                verified: true,
-                activity: 67,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 72211
-            },
-            {
-                id: 1387,
-                name: 'Dalene Schoeneck',
-                country: {
-                    name: 'Latvia',
-                    code: 'lv'
-                },
-                company: 'Sameshima, Douglas J Esq',
-                date: '2019-11-27',
-                status: 'proposal',
-                verified: true,
-                activity: 85,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 40262
-            },
-            {
-                id: 1388,
-                name: 'Gertude Witten',
-                country: {
-                    name: 'Morocco',
-                    code: 'ma'
-                },
-                company: 'Thompson, John Randolph Jr',
-                date: '2017-08-13',
-                status: 'proposal',
-                verified: true,
-                activity: 40,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 91139
-            },
-            {
-                id: 1389,
-                name: 'Lizbeth Kohl',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'E T Balancing Co Inc',
-                date: '2019-04-20',
-                status: 'qualified',
-                verified: true,
-                activity: 57,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 79659
-            },
-            {
-                id: 1390,
-                name: 'Glenn Berray',
-                country: {
-                    name: 'Poland',
-                    code: 'pl'
-                },
-                company: 'Griswold, John E Esq',
-                date: '2017-08-13',
-                status: 'negotiation',
-                verified: true,
-                activity: 68,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 93576
-            },
-            {
-                id: 1391,
-                name: 'Lashandra Klang',
-                country: {
-                    name: 'Bulgaria',
-                    code: 'bg'
-                },
-                company: 'Acqua Group',
-                date: '2016-06-08',
-                status: 'negotiation',
-                verified: true,
-                activity: 32,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 93576
-            },
-            {
-                id: 1392,
-                name: 'Lenna Newville',
-                country: {
-                    name: 'Venezuela',
-                    code: 've'
-                },
-                company: 'Brooks, Morris J Jr',
-                date: '2020-09-12',
-                status: 'qualified',
-                verified: true,
-                activity: 82,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 93576
-            },
-            {
-                id: 1393,
-                name: 'Laurel Pagliuca',
-                country: {
-                    name: 'Russia',
-                    code: 'ru'
-                },
-                company: 'Printing Images Corp',
-                date: '2017-05-26',
-                status: 'unqualified',
-                verified: true,
-                activity: 21,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 2009
-            },
-            {
-                id: 1394,
-                name: 'Mireya Frerking',
-                country: {
-                    name: 'Belarus',
-                    code: 'by'
-                },
-                company: 'Roberts Supply Co Inc',
-                date: '2017-04-21',
-                status: 'renewal',
-                verified: true,
-                activity: 54,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 35341
-            },
-            {
-                id: 1395,
-                name: 'Annelle Tagala',
-                country: {
-                    name: 'Colombia',
-                    code: 'co'
-                },
-                company: 'Vico Products Mfg Co',
-                date: '2017-10-02',
-                status: 'proposal',
-                verified: true,
-                activity: 53,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 13077
-            },
-            {
-                id: 1396,
-                name: 'Dean Ketelsen',
-                country: {
-                    name: 'Ivory Coast',
-                    code: 'ci'
-                },
-                company: 'J M Custom Design Millwork',
-                date: '2019-07-25',
-                status: 'negotiation',
-                verified: true,
-                activity: 98,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 83423
-            },
-            {
-                id: 1397,
-                name: 'Levi Munis',
-                country: {
-                    name: 'Pakistan',
-                    code: 'pk'
-                },
-                company: 'Farrell \u0026 Johnson Office Equip',
-                date: '2017-06-24',
-                status: 'proposal',
-                verified: true,
-                activity: 39,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 14350
-            },
-            {
-                id: 1398,
-                name: 'Sylvie Ryser',
-                country: {
-                    name: 'India',
-                    code: 'in'
-                },
-                company: 'Millers Market \u0026 Deli',
-                date: '2016-02-23',
-                status: 'unqualified',
-                verified: true,
-                activity: 89,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 98864
-            },
-            {
-                id: 1399,
-                name: 'Sharee Maile',
-                country: {
-                    name: 'Ireland',
-                    code: 'ie'
-                },
-                company: 'Holiday Inn Naperville',
-                date: '2020-07-17',
-                status: 'renewal',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 29326
-            },
-            {
-                id: 1400,
-                name: 'Cordelia Storment',
-                country: {
-                    name: 'Guatemala',
-                    code: 'gt'
-                },
-                company: 'Burrows, Jon H Esq',
-                date: '2020-02-17',
-                status: 'negotiation',
-                verified: true,
-                activity: 45,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 81198
-            },
-            {
-                id: 1401,
-                name: 'Mollie Mcdoniel',
-                country: {
-                    name: 'Vietnam',
-                    code: 'vn'
-                },
-                company: 'Dock Seal Specialty',
-                date: '2017-08-13',
-                status: 'unqualified',
-                verified: true,
-                activity: 59,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 82391
-            },
-            {
-                id: 1402,
-                name: 'Brett Mccullan',
-                country: {
-                    name: 'Senegal',
-                    code: 'sn'
-                },
-                company: 'Five Star Limousines Of Tx Inc',
-                date: '2015-05-21',
-                status: 'qualified',
-                verified: true,
-                activity: 9,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 48071
-            },
-            {
-                id: 1403,
-                name: 'Teddy Pedrozo',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'Barkan, Neal J Esq',
-                date: '2019-02-19',
-                status: 'proposal',
-                verified: true,
-                activity: 38,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 14593
-            },
-            {
-                id: 1404,
-                name: 'Tasia Andreason',
-                country: {
-                    name: 'Venezuela',
-                    code: 've'
-                },
-                company: 'Campbell, Robert A',
-                date: '2016-03-06',
-                status: 'renewal',
-                verified: true,
-                activity: 25,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 8750
-            },
-            {
-                id: 1405,
-                name: 'Hubert Walthall',
-                country: {
-                    name: 'Mexico',
-                    code: 'mx'
-                },
-                company: 'Dee, Deanna',
-                date: '2020-12-19',
-                status: 'renewal',
-                verified: true,
-                activity: 32,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 39655
-            },
-            {
-                id: 1406,
-                name: 'Arthur Farrow',
-                country: {
-                    name: 'Brazil',
-                    code: 'br'
-                },
-                company: 'Young, Timothy L Esq',
-                date: '2019-02-05',
-                status: 'proposal',
-                verified: true,
-                activity: 55,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 71713
-            },
-            {
-                id: 1407,
-                name: 'Vilma Berlanga',
-                country: {
-                    name: 'Tunisia',
-                    code: 'tn'
-                },
-                company: 'Wells, D Fred Esq',
-                date: '2016-02-09',
-                status: 'unqualified',
-                verified: false,
-                activity: 26,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 81056
-            },
-            {
-                id: 1408,
-                name: 'Billye Miro',
-                country: {
-                    name: 'Hungary',
-                    code: 'hu'
-                },
-                company: 'Gray, Francine H Esq',
-                date: '2015-09-05',
-                status: 'new',
-                verified: true,
-                activity: 70,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 34220
-            },
-            {
-                id: 1409,
-                name: 'Glenna Slayton',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Toledo Iv Care',
-                date: '2016-03-10',
-                status: 'unqualified',
-                verified: true,
-                activity: 86,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 21459
-            },
-            {
-                id: 1410,
-                name: 'Mitzie Hudnall',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Cangro Transmission Co',
-                date: '2020-05-04',
-                status: 'new',
-                verified: true,
-                activity: 19,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 51281
-            },
-            {
-                id: 1411,
-                name: 'Bernardine Rodefer',
-                country: {
-                    name: 'Switzerland',
-                    code: 'ch'
-                },
-                company: 'Sat Poly Inc',
-                date: '2020-10-19',
-                status: 'proposal',
-                verified: true,
-                activity: 69,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 53841
-            },
-            {
-                id: 1412,
-                name: 'Staci Schmaltz',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Midwest Contracting \u0026 Mfg Inc',
-                date: '2018-03-14',
-                status: 'unqualified',
-                verified: true,
-                activity: 81,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 34878
-            },
-            {
-                id: 1413,
-                name: 'Nichelle Meteer',
-                country: {
-                    name: 'Denmark',
-                    code: 'dk'
-                },
-                company: 'Print Doctor',
-                date: '2016-09-23',
-                status: 'renewal',
-                verified: true,
-                activity: 39,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 85399
-            },
-            {
-                id: 1414,
-                name: 'Janine Rhoden',
-                country: {
-                    name: 'Nigeria',
-                    code: 'ng'
-                },
-                company: 'Nordic Group Inc',
-                date: '2018-08-13',
-                status: 'qualified',
-                verified: true,
-                activity: 95,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 29237
-            },
-            {
-                id: 1415,
-                name: 'Ettie Hoopengardner',
-                country: {
-                    name: 'Switzerland',
-                    code: 'ch'
-                },
-                company: 'Jackson Millwork Co',
-                date: '2017-07-24',
-                status: 'renewal',
-                verified: false,
-                activity: 23,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 12179
-            },
-            {
-                id: 1416,
-                name: 'Eden Jayson',
-                country: {
-                    name: 'Sweden',
-                    code: 'se'
-                },
-                company: 'Harris Corporation',
-                date: '2018-03-15',
-                status: 'renewal',
-                verified: true,
-                activity: 9,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 27840
-            },
-            {
-                id: 1417,
-                name: 'Lynelle Auber',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'United Cerebral Palsy Of Ne Pa',
-                date: '2020-12-11',
-                status: 'proposal',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 51958
-            },
-            {
-                id: 1418,
-                name: 'Merissa Tomblin',
-                country: {
-                    name: 'Jamaica',
-                    code: 'jm'
-                },
-                company: 'One Day Surgery Center Inc',
-                date: '2018-03-05',
-                status: 'new',
-                verified: true,
-                activity: 50,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 33138
-            },
-            {
-                id: 1419,
-                name: 'Golda Kaniecki',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'Calaveras Prospect',
-                date: '2019-04-17',
-                status: 'negotiation',
-                verified: true,
-                activity: 91,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 82539
-            },
-            {
-                id: 1420,
-                name: 'Catarina Gleich',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Terk, Robert E Esq',
-                date: '2017-01-26',
-                status: 'unqualified',
-                verified: true,
-                activity: 12,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 5619
-            },
-            {
-                id: 1421,
-                name: 'Virgie Kiel',
-                country: {
-                    name: 'Latvia',
-                    code: 'lv'
-                },
-                company: 'Cullen, Terrence P Esq',
-                date: '2016-06-28',
-                status: 'renewal',
-                verified: true,
-                activity: 89,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 44763
-            },
-            {
-                id: 1422,
-                name: 'Jolene Ostolaza',
-                country: {
-                    name: 'Puerto Rico',
-                    code: 'pr'
-                },
-                company: 'Central Die Casting Mfg Co Inc',
-                date: '2016-08-08',
-                status: 'negotiation',
-                verified: true,
-                activity: 85,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 97208
-            },
-            {
-                id: 1423,
-                name: 'Keneth Borgman',
-                country: {
-                    name: 'Qatar',
-                    code: 'qa'
-                },
-                company: 'Centerline Engineering',
-                date: '2019-02-04',
-                status: 'unqualified',
-                verified: true,
-                activity: 41,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 93316
-            },
-            {
-                id: 1424,
-                name: 'Rikki Nayar',
-                country: {
-                    name: 'Norway',
-                    code: 'no'
-                },
-                company: 'Targan \u0026 Kievit Pa',
-                date: '2017-03-06',
-                status: 'negotiation',
-                verified: true,
-                activity: 47,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 23786
-            },
-            {
-                id: 1425,
-                name: 'Elke Sengbusch',
-                country: {
-                    name: 'Canada',
-                    code: 'ca'
-                },
-                company: 'Riley Riper Hollin \u0026 Colagreco',
-                date: '2019-05-28',
-                status: 'renewal',
-                verified: true,
-                activity: 76,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 98367
-            },
-            {
-                id: 1426,
-                name: 'Hoa Sarao',
-                country: {
-                    name: 'Sweden',
-                    code: 'se'
-                },
-                company: 'Kaplan, Joel S Esq',
-                date: '2020-08-13',
-                status: 'negotiation',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 68683
-            },
-            {
-                id: 1427,
-                name: 'Trinidad Mcrae',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'Water Office',
-                date: '2020-12-26',
-                status: 'renewal',
-                verified: true,
-                activity: 76,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 85602
-            },
-            {
-                id: 1428,
-                name: 'Mari Lueckenbach',
-                country: {
-                    name: 'Cuba',
-                    code: 'cu'
-                },
-                company: 'Westbrooks, Nelson E Jr',
-                date: '2017-10-27',
-                status: 'new',
-                verified: true,
-                activity: 34,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 14402
-            },
-            {
-                id: 1429,
-                name: 'Selma Husser',
-                country: {
-                    name: 'Morocco',
-                    code: 'ma'
-                },
-                company: 'Armon Communications',
-                date: '2018-02-16',
-                status: 'proposal',
-                verified: true,
-                activity: 84,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 81608
-            },
-            {
-                id: 1430,
-                name: 'Antione Onofrio',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Jacobs \u0026 Gerber Inc',
-                date: '2017-11-07',
-                status: 'negotiation',
-                verified: true,
-                activity: 37,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 15573
-            },
-            {
-                id: 1431,
-                name: 'Luisa Jurney',
-                country: {
-                    name: 'Canada',
-                    code: 'ca'
-                },
-                company: 'Forest Fire Laboratory',
-                date: '2018-06-12',
-                status: 'unqualified',
-                verified: true,
-                activity: 96,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 50121
-            },
-            {
-                id: 1432,
-                name: 'Clorinda Heimann',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Haughey, Charles Jr',
-                date: '2016-11-03',
-                status: 'proposal',
-                verified: true,
-                activity: 63,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 93911
-            },
-            {
-                id: 1433,
-                name: 'Dick Wenzinger',
-                country: {
-                    name: 'Mexico',
-                    code: 'mx'
-                },
-                company: 'Wheaton Plastic Products',
-                date: '2017-04-05',
-                status: 'negotiation',
-                verified: true,
-                activity: 92,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 66383
-            },
-            {
-                id: 1434,
-                name: 'Ahmed Angalich',
-                country: {
-                    name: 'Australia',
-                    code: 'au'
-                },
-                company: 'Reese Plastics',
-                date: '2018-11-20',
-                status: 'unqualified',
-                verified: true,
-                activity: 83,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 89183
-            },
-            {
-                id: 1435,
-                name: 'Iluminada Ohms',
-                country: {
-                    name: 'Croatia',
-                    code: 'hr'
-                },
-                company: 'Nazette Marner Good Wendt',
-                date: '2015-08-18',
-                status: 'proposal',
-                verified: true,
-                activity: 66,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 9752
-            },
-            {
-                id: 1436,
-                name: 'Joanna Leinenbach',
-                country: {
-                    name: 'Thailand',
-                    code: 'th'
-                },
-                company: 'Levinson Axelrod Wheaton',
-                date: '2016-02-11',
-                status: 'proposal',
-                verified: true,
-                activity: 64,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 2623
-            },
-            {
-                id: 1437,
-                name: 'Caprice Suell',
-                country: {
-                    name: 'Algeria',
-                    code: 'dz'
-                },
-                company: 'Egnor, W Dan Esq',
-                date: '2018-07-09',
-                status: 'unqualified',
-                verified: true,
-                activity: 99,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 87620
-            },
-            {
-                id: 1438,
-                name: 'Stephane Myricks',
-                country: {
-                    name: 'Honduras',
-                    code: 'hn'
-                },
-                company: 'Portland Central Thriftlodge',
-                date: '2018-05-28',
-                status: 'renewal',
-                verified: true,
-                activity: 51,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 14625
-            },
-            {
-                id: 1439,
-                name: 'Quentin Swayze',
-                country: {
-                    name: 'Tunisia',
-                    code: 'tn'
-                },
-                company: 'Ulbrich Trucking',
-                date: '2019-02-11',
-                status: 'negotiation',
-                verified: true,
-                activity: 37,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 39339
-            },
-            {
-                id: 1440,
-                name: 'Annmarie Castros',
-                country: {
-                    name: 'Jamaica',
-                    code: 'jm'
-                },
-                company: 'Tipiak Inc',
-                date: '2015-08-24',
-                status: 'qualified',
-                verified: true,
-                activity: 46,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 77704
-            },
-            {
-                id: 1441,
-                name: 'Shonda Greenbush',
-                country: {
-                    name: 'Costa Rica',
-                    code: 'cr'
-                },
-                company: 'Saint George Well Drilling',
-                date: '2018-06-01',
-                status: 'negotiation',
-                verified: true,
-                activity: 16,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 75326
-            },
-            {
-                id: 1442,
-                name: 'Cecil Lapage',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Hawkes, Douglas D',
-                date: '2018-11-09',
-                status: 'qualified',
-                verified: true,
-                activity: 43,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 71364
-            },
-            {
-                id: 1443,
-                name: 'Jeanice Claucherty',
-                country: {
-                    name: 'Lithuania',
-                    code: 'lt'
-                },
-                company: 'Accurel Systems Intrntl Corp',
-                date: '2016-06-02',
-                status: 'qualified',
-                verified: true,
-                activity: 48,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 73360
-            },
-            {
-                id: 1444,
-                name: 'Josphine Villanueva',
-                country: {
-                    name: 'Japan',
-                    code: 'jp'
-                },
-                company: 'Santa Cruz Community Internet',
-                date: '2019-11-08',
-                status: 'unqualified',
-                verified: true,
-                activity: 39,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 59442
-            },
-            {
-                id: 1445,
-                name: 'Daniel Perruzza',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Gersh \u0026 Danielson',
-                date: '2017-09-24',
-                status: 'renewal',
-                verified: true,
-                activity: 86,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 84338
-            },
-            {
-                id: 1446,
-                name: 'Cassi Wildfong',
-                country: {
-                    name: 'Tunisia',
-                    code: 'tn'
-                },
-                company: 'Cobb, James O Esq',
-                date: '2015-09-08',
-                status: 'qualified',
-                verified: true,
-                activity: 85,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 72545
-            },
-            {
-                id: 1447,
-                name: 'Britt Galam',
-                country: {
-                    name: 'Poland',
-                    code: 'pl'
-                },
-                company: 'Wheatley Trucking Company',
-                date: '2020-10-26',
-                status: 'new',
-                verified: true,
-                activity: 69,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 53307
-            },
-            {
-                id: 1448,
-                name: 'Adell Lipkin',
-                country: {
-                    name: 'Saudi Arabia',
-                    code: 'sa'
-                },
-                company: 'Systems Graph Inc Ab Dick Dlr',
-                date: '2017-05-09',
-                status: 'unqualified',
-                verified: true,
-                activity: 92,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 12178
-            },
-            {
-                id: 1449,
-                name: 'Jacqueline Rowling',
-                country: {
-                    name: 'Qatar',
-                    code: 'qa'
-                },
-                company: 'John Hancock Mutl Life Ins Co',
-                date: '2019-06-28',
-                status: 'negotiation',
-                verified: true,
-                activity: 79,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 35576
-            },
-            {
-                id: 1450,
-                name: 'Lonny Weglarz',
-                country: {
-                    name: 'Chile',
-                    code: 'cl'
-                },
-                company: 'History Division Of State',
-                date: '2016-08-12',
-                status: 'new',
-                verified: true,
-                activity: 49,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 20507
-            },
-            {
-                id: 1451,
-                name: 'Lonna Diestel',
-                country: {
-                    name: 'Philippines',
-                    code: 'ph'
-                },
-                company: 'Dimmock, Thomas J Esq',
-                date: '2017-02-10',
-                status: 'proposal',
-                verified: true,
-                activity: 9,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 56415
-            },
-            {
-                id: 1452,
-                name: 'Cristal Samara',
-                country: {
-                    name: 'Australia',
-                    code: 'au'
-                },
-                company: 'Intermed Inc',
-                date: '2016-08-17',
-                status: 'qualified',
-                verified: true,
-                activity: 99,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 33427
-            },
-            {
-                id: 1453,
-                name: 'Kenneth Grenet',
-                country: {
-                    name: 'Croatia',
-                    code: 'hr'
-                },
-                company: 'Bank Of New York',
-                date: '2020-07-24',
-                status: 'negotiation',
-                verified: true,
-                activity: 78,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 44004
-            },
-            {
-                id: 1454,
-                name: 'Elli Mclaird',
-                country: {
-                    name: 'Switzerland',
-                    code: 'ch'
-                },
-                company: 'Sportmaster Intrnatl',
-                date: '2017-06-10',
-                status: 'qualified',
-                verified: true,
-                activity: 61,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 37227
-            },
-            {
-                id: 1455,
-                name: 'Alline Jeanty',
-                country: {
-                    name: 'Denmark',
-                    code: 'dk'
-                },
-                company: 'W W John Holden Inc',
-                date: '2015-12-08',
-                status: 'renewal',
-                verified: true,
-                activity: 74,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 44560
-            },
-            {
-                id: 1456,
-                name: 'Sharika Eanes',
-                country: {
-                    name: 'Chile',
-                    code: 'cl'
-                },
-                company: 'Maccani \u0026 Delp',
-                date: '2018-08-16',
-                status: 'qualified',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 50922
-            },
-            {
-                id: 1457,
-                name: 'Nu Mcnease',
-                country: {
-                    name: 'Pakistan',
-                    code: 'pk'
-                },
-                company: 'Amazonia Film Project',
-                date: '2018-07-03',
-                status: 'negotiation',
-                verified: true,
-                activity: 47,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 61262
-            },
-            {
-                id: 1458,
-                name: 'Daniela Comnick',
-                country: {
-                    name: 'Tunisia',
-                    code: 'tn'
-                },
-                company: 'Water \u0026 Sewer Department',
-                date: '2017-07-07',
-                status: 'negotiation',
-                verified: true,
-                activity: 31,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 13459
-            },
-            {
-                id: 1459,
-                name: 'Cecilia Colaizzo',
-                country: {
-                    name: 'Costa Rica',
-                    code: 'cr'
-                },
-                company: 'Switchcraft Inc',
-                date: '2019-06-08',
-                status: 'proposal',
-                verified: true,
-                activity: 21,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 52299
-            },
-            {
-                id: 1460,
-                name: 'Leslie Threets',
-                country: {
-                    name: 'Sweden',
-                    code: 'se'
-                },
-                company: 'C W D C Metal Fabricators',
-                date: '2016-11-26',
-                status: 'unqualified',
-                verified: true,
-                activity: 50,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 61040
-            },
-            {
-                id: 1461,
-                name: 'Nan Koppinger',
-                country: {
-                    name: 'Norway',
-                    code: 'no'
-                },
-                company: 'Shimotani, Grace T',
-                date: '2020-11-15',
-                status: 'proposal',
-                verified: true,
-                activity: 94,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 91297
-            },
-            {
-                id: 1462,
-                name: 'Izetta Dewar',
-                country: {
-                    name: 'Cuba',
-                    code: 'cu'
-                },
-                company: 'Lisatoni, Jean Esq',
-                date: '2019-11-22',
-                status: 'renewal',
-                verified: true,
-                activity: 41,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 39947
-            },
-            {
-                id: 1463,
-                name: 'Tegan Arceo',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Ceramic Tile Sales Inc',
-                date: '2016-08-07',
-                status: 'new',
-                verified: true,
-                activity: 79,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 78224
-            },
-            {
-                id: 1464,
-                name: 'Ruthann Keener',
-                country: {
-                    name: 'Morocco',
-                    code: 'ma'
-                },
-                company: 'Maiden Craft Inc',
-                date: '2019-04-25',
-                status: 'negotiation',
-                verified: true,
-                activity: 43,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 22727
-            },
-            {
-                id: 1465,
-                name: 'Joni Breland',
-                country: {
-                    name: 'Uruguay',
-                    code: 'uy'
-                },
-                company: 'Carriage House Cllsn Rpr Inc',
-                date: '2018-07-20',
-                status: 'new',
-                verified: true,
-                activity: 18,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 70650
-            },
-            {
-                id: 1466,
-                name: 'Vi Rentfro',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Video Workshop',
-                date: '2018-10-01',
-                status: 'negotiation',
-                verified: true,
-                activity: 99,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 45956
-            },
-            {
-                id: 1467,
-                name: 'Colette Kardas',
-                country: {
-                    name: 'Honduras',
-                    code: 'hn'
-                },
-                company: 'Fresno Tile Center Inc',
-                date: '2017-08-22',
-                status: 'new',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 72627
-            },
-            {
-                id: 1468,
-                name: 'Malcolm Tromblay',
-                country: {
-                    name: 'Uruguay',
-                    code: 'uy'
-                },
-                company: 'Versatile Sash \u0026 Woodwork',
-                date: '2019-11-25',
-                status: 'renewal',
-                verified: true,
-                activity: 23,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 80176
-            },
-            {
-                id: 1469,
-                name: 'Ryan Harnos',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Warner Electric Brk \u0026 Cltch Co',
-                date: '2019-02-12',
-                status: 'qualified',
-                verified: true,
-                activity: 71,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 97227
-            },
-            {
-                id: 1470,
-                name: 'Jess Chaffins',
-                country: {
-                    name: 'Belarus',
-                    code: 'by'
-                },
-                company: 'New York Public Library',
-                date: '2017-02-12',
-                status: 'qualified',
-                verified: true,
-                activity: 91,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 63121
-            },
-            {
-                id: 1471,
-                name: 'Sharen Bourbon',
-                country: {
-                    name: 'Saudi Arabia',
-                    code: 'sa'
-                },
-                company: 'Mccaleb, John A Esq',
-                date: '2017-06-13',
-                status: 'renewal',
-                verified: true,
-                activity: 35,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 44726
-            },
-            {
-                id: 1472,
-                name: 'Nickolas Juvera',
-                country: {
-                    name: 'Finland',
-                    code: 'fi'
-                },
-                company: 'United Oil Co Inc',
-                date: '2019-01-06',
-                status: 'negotiation',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 70748
-            },
-            {
-                id: 1473,
-                name: 'Gary Nunlee',
-                country: {
-                    name: 'Turkey',
-                    code: 'tr'
-                },
-                company: 'Irving Foot Center',
-                date: '2015-07-22',
-                status: 'renewal',
-                verified: true,
-                activity: 72,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 71061
-            },
-            {
-                id: 1474,
-                name: 'Diane Devreese',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Acme Supply Co',
-                date: '2018-05-13',
-                status: 'renewal',
-                verified: true,
-                activity: 78,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 7486
-            },
-            {
-                id: 1475,
-                name: 'Roslyn Chavous',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Mcrae, James L',
-                date: '2018-03-20',
-                status: 'proposal',
-                verified: true,
-                activity: 45,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 58495
-            },
-            {
-                id: 1476,
-                name: 'Glory Schieler',
-                country: {
-                    name: 'Italy',
-                    code: 'it'
-                },
-                company: 'Mcgraths Seafood',
-                date: '2017-05-13',
-                status: 'proposal',
-                verified: true,
-                activity: 34,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 96252
-            },
-            {
-                id: 1477,
-                name: 'Rasheeda Sayaphon',
-                country: {
-                    name: 'Latvia',
-                    code: 'lv'
-                },
-                company: 'Kummerer, J Michael Esq',
-                date: '2017-02-21',
-                status: 'proposal',
-                verified: true,
-                activity: 12,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 71454
-            },
-            {
-                id: 1478,
-                name: 'Alpha Palaia',
-                country: {
-                    name: 'Costa Rica',
-                    code: 'cr'
-                },
-                company: 'Stoffer, James M Jr',
-                date: '2017-07-21',
-                status: 'renewal',
-                verified: true,
-                activity: 4,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 81894
-            },
-            {
-                id: 1479,
-                name: 'Refugia Jacobos',
-                country: {
-                    name: 'China',
-                    code: 'cn'
-                },
-                company: 'North Central Fl Sfty Cncl',
-                date: '2020-11-25',
-                status: 'negotiation',
-                verified: true,
-                activity: 18,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 31601
-            },
-            {
-                id: 1480,
-                name: 'Shawnda Yori',
-                country: {
-                    name: 'Luxembourg',
-                    code: 'lu'
-                },
-                company: 'Fiorucci Foods Usa Inc',
-                date: '2018-05-09',
-                status: 'unqualified',
-                verified: true,
-                activity: 11,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 12090
-            },
-            {
-                id: 1481,
-                name: 'Mona Delasancha',
-                country: {
-                    name: 'Hong Kong',
-                    code: 'hk'
-                },
-                company: 'Sign All',
-                date: '2017-10-06',
-                status: 'renewal',
-                verified: true,
-                activity: 61,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 24073
-            },
-            {
-                id: 1482,
-                name: 'Gilma Liukko',
-                country: {
-                    name: 'Morocco',
-                    code: 'ma'
-                },
-                company: 'Sammys Steak Den',
-                date: '2018-10-06',
-                status: 'unqualified',
-                verified: true,
-                activity: 34,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 35129
-            },
-            {
-                id: 1483,
-                name: 'Janey Gabisi',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Dobscha, Stephen F Esq',
-                date: '2019-05-22',
-                status: 'unqualified',
-                verified: true,
-                activity: 38,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 25518
-            },
-            {
-                id: 1484,
-                name: 'Lili Paskin',
-                country: {
-                    name: 'Costa Rica',
-                    code: 'cr'
-                },
-                company: 'Morgan Custom Homes',
-                date: '2018-06-11',
-                status: 'unqualified',
-                verified: true,
-                activity: 69,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 7300
-            },
-            {
-                id: 1485,
-                name: 'Loren Asar',
-                country: {
-                    name: 'Italy',
-                    code: 'it'
-                },
-                company: 'Olsen Payne \u0026 Company',
-                date: '2017-12-11',
-                status: 'unqualified',
-                verified: true,
-                activity: 16,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 82949
-            },
-            {
-                id: 1486,
-                name: 'Dorothy Chesterfield',
-                country: {
-                    name: 'Spain',
-                    code: 'es'
-                },
-                company: 'Cowan \u0026 Kelly',
-                date: '2015-08-11',
-                status: 'renewal',
-                verified: true,
-                activity: 31,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 25044
-            },
-            {
-                id: 1487,
-                name: 'Gail Similton',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Johnson, Wes Esq',
-                date: '2016-08-10',
-                status: 'qualified',
-                verified: true,
-                activity: 63,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 97553
-            },
-            {
-                id: 1488,
-                name: 'Catalina Tillotson',
-                country: {
-                    name: 'Pakistan',
-                    code: 'pk'
-                },
-                company: 'Icn Pharmaceuticals Inc',
-                date: '2018-08-04',
-                status: 'negotiation',
-                verified: true,
-                activity: 13,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 38294
-            },
-            {
-                id: 1489,
-                name: 'Lawrence Lorens',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'New England Sec Equip Co Inc',
-                date: '2020-04-15',
-                status: 'negotiation',
-                verified: true,
-                activity: 82,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 56617
-            },
-            {
-                id: 1490,
-                name: 'Carlee Boulter',
-                country: {
-                    name: 'Vietnam',
-                    code: 'vn'
-                },
-                company: 'Tippett, Troy M Ii',
-                date: '2016-09-22',
-                status: 'renewal',
-                verified: true,
-                activity: 71,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 76817
-            },
-            {
-                id: 1491,
-                name: 'Thaddeus Ankeny',
-                country: {
-                    name: 'Qatar',
-                    code: 'qa'
-                },
-                company: 'Atc Contracting',
-                date: '2015-03-08',
-                status: 'unqualified',
-                verified: true,
-                activity: 78,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 80787
-            },
-            {
-                id: 1492,
-                name: 'Jovita Oles',
-                country: {
-                    name: 'Sweden',
-                    code: 'se'
-                },
-                company: 'Pagano, Philip G Esq',
-                date: '2019-07-18',
-                status: 'negotiation',
-                verified: true,
-                activity: 42,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 4158
-            },
-            {
-                id: 1493,
-                name: 'Alesia Hixenbaugh',
-                country: {
-                    name: 'Thailand',
-                    code: 'th'
-                },
-                company: 'Kwikprint',
-                date: '2017-07-24',
-                status: 'negotiation',
-                verified: false,
-                activity: 23,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 66993
-            },
-            {
-                id: 1494,
-                name: 'Lai Harabedian',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'Buergi \u0026 Madden Scale',
-                date: '2018-11-11',
-                status: 'new',
-                verified: true,
-                activity: 28,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 53330
-            },
-            {
-                id: 1495,
-                name: 'Brittni Gillaspie',
-                country: {
-                    name: 'Senegal',
-                    code: 'sn'
-                },
-                company: 'Inner Label',
-                date: '2019-11-23',
-                status: 'renewal',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 72342
-            },
-            {
-                id: 1496,
-                name: 'Raylene Kampa',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Hermar Inc',
-                date: '2020-04-22',
-                status: 'unqualified',
-                verified: true,
-                activity: 65,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 53660
-            },
-            {
-                id: 1497,
-                name: 'Flo Bookamer',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Simonton Howe \u0026 Schneider Pc',
-                date: '2020-08-10',
-                status: 'unqualified',
-                verified: true,
-                activity: 30,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 44528
-            },
-            {
-                id: 1498,
-                name: 'Jani Biddy',
-                country: {
-                    name: 'Switzerland',
-                    code: 'ch'
-                },
-                company: 'Warehouse Office \u0026 Paper Prod',
-                date: '2019-11-07',
-                status: 'negotiation',
-                verified: false,
-                activity: 20,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 69613
-            },
-            {
-                id: 1499,
-                name: 'Chauncey Motley',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Affiliated With Travelodge',
-                date: '2019-04-23',
-                status: 'renewal',
-                verified: true,
-                activity: 42,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 88090
-            }
-        ];
-    }
-
-    constructor(private http: HttpClient) {}
-    
-    getCustomersMini() {
-        return Promise.resolve(this.getData().slice(0, 5));
-    }
-
-    getCustomersSmall() {
-        return Promise.resolve(this.getData().slice(0, 10));
-    }
-
-    getCustomersMedium() {
-        return Promise.resolve(this.getData().slice(0, 50));
-    }
-
-    getCustomersLarge() {
-        return Promise.resolve(this.getData().slice(0, 200));
-    }
-
-    getCustomersXLarge() {
-        return Promise.resolve(this.getData());
-    }
-
-    getCustomers(params?: any) {
-        return this.http.get<any>('https://www.primefaces.org/data/customers', { params: params }).toPromise();
-    }
-};`,
-    EventService: `import { Injectable } from '@angular/core';
-    
-@Injectable()
-export class EventService {
-    getData() {
-        return [
-            { id: 1, title: 'All Day Event', start: '2017-02-01' },
-            { id: 2, title: 'Long Event', start: '2017-02-07', end: '2017-02-10' },
-            { id: 3, title: 'Repeating Event', start: '2017-02-09T16:00:00' },
-            { id: 4, title: 'Repeating Event', start: '2017-02-16T16:00:00' },
-            { id: 5, title: 'Conference', start: '2017-02-11', end: '2017-02-13' },
-            { id: 6, title: 'Meeting', start: '2017-02-12T10:30:00', end: '2017-02-12T12:30:00' },
-            { id: 7, title: 'Lunch', start: '2017-02-12T12:00:00' },
-            { id: 8, title: 'Meeting', start: '2017-02-12T14:30:00' },
-            { id: 9, title: 'Happy Hour', start: '2017-02-12T17:30:00' },
-            { id: 10, title: 'Dinner', start: '2017-02-12T20:00:00' },
-            { id: 11, title: 'Birthday Party', start: '2017-02-13T07:00:00' },
-            { id: 12, title: 'Click for Google', url: 'https://www.google.com/', start: '2017-02-28' }
-        ];
-    }
-
-    getEvents() {
-        return Promise.resolve(this.getData());
-    }
-};`,
-    NodeService: `import { Injectable } from '@angular/core';
-    
-@Injectable()
-export class NodeService {
-    getTreeNodesData() {
-        return [
-            {
-                key: '0',
-                label: 'Documents',
-                data: 'Documents Folder',
-                icon: 'pi pi-fw pi-inbox',
-                children: [
-                    {
-                        key: '0-0',
-                        label: 'Work',
-                        data: 'Work Folder',
-                        icon: 'pi pi-fw pi-cog',
-                        children: [
-                            { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                            { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-                        ]
-                    },
-                    {
-                        key: '0-1',
-                        label: 'Home',
-                        data: 'Home Folder',
-                        icon: 'pi pi-fw pi-home',
-                        children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-                    }
-                ]
-            },
-            {
-                key: '1',
-                label: 'Events',
-                data: 'Events Folder',
-                icon: 'pi pi-fw pi-calendar',
-                children: [
-                    { key: '1-0', label: 'Meeting', icon: 'pi pi-fw pi-calendar-plus', data: 'Meeting' },
-                    { key: '1-1', label: 'Product Launch', icon: 'pi pi-fw pi-calendar-plus', data: 'Product Launch' },
-                    { key: '1-2', label: 'Report Review', icon: 'pi pi-fw pi-calendar-plus', data: 'Report Review' }
-                ]
-            },
-            {
-                key: '2',
-                label: 'Movies',
-                data: 'Movies Folder',
-                icon: 'pi pi-fw pi-star-fill',
-                children: [
-                    {
-                        key: '2-0',
-                        icon: 'pi pi-fw pi-star-fill',
-                        label: 'Al Pacino',
-                        data: 'Pacino Movies',
-                        children: [
-                            { key: '2-0-0', label: 'Scarface', icon: 'pi pi-fw pi-video', data: 'Scarface Movie' },
-                            { key: '2-0-1', label: 'Serpico', icon: 'pi pi-fw pi-video', data: 'Serpico Movie' }
-                        ]
-                    },
-                    {
-                        key: '2-1',
-                        label: 'Robert De Niro',
-                        icon: 'pi pi-fw pi-star-fill',
-                        data: 'De Niro Movies',
-                        children: [
-                            { key: '2-1-0', label: 'Goodfellas', icon: 'pi pi-fw pi-video', data: 'Goodfellas Movie' },
-                            { key: '2-1-1', label: 'Untouchables', icon: 'pi pi-fw pi-video', data: 'Untouchables Movie', selectable: false  }
-                        ]
-                    }
-                ]
-            }
-        ];
-    }
-
-    getTreeTableNodesData() {
-        return [
-            {
-                key: '0',
-                data: {
-                    name: 'Applications',
-                    size: '100kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '0-0',
-                        data: {
-                            name: 'React',
-                            size: '25kb',
-                            type: 'Folder'
-                        },
-                        children: [
-                            {
-                                key: '0-0-0',
-                                data: {
-                                    name: 'react.app',
-                                    size: '10kb',
-                                    type: 'Application'
-                                }
-                            },
-                            {
-                                key: '0-0-1',
-                                data: {
-                                    name: 'native.app',
-                                    size: '10kb',
-                                    type: 'Application'
-                                }
-                            },
-                            {
-                                key: '0-0-2',
-                                data: {
-                                    name: 'mobile.app',
-                                    size: '5kb',
-                                    type: 'Application'
-                                }
-                            }
-                        ]
-                    },
-                    {
-                        key: '0-1',
-                        data: {
-                            name: 'editor.app',
-                            size: '25kb',
-                            type: 'Application'
-                        }
-                    },
-                    {
-                        key: '0-2',
-                        data: {
-                            name: 'settings.app',
-                            size: '50kb',
-                            type: 'Application'
-                        }
-                    }
-                ]
-            },
-            {
-                key: '1',
-                data: {
-                    name: 'Cloud',
-                    size: '20kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '1-0',
-                        data: {
-                            name: 'backup-1.zip',
-                            size: '10kb',
-                            type: 'Zip'
-                        }
-                    },
-                    {
-                        key: '1-1',
-                        data: {
-                            name: 'backup-2.zip',
-                            size: '10kb',
-                            type: 'Zip'
-                        }
-                    }
-                ]
-            },
-            {
-                key: '2',
-                data: {
-                    name: 'Desktop',
-                    size: '150kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '2-0',
-                        data: {
-                            name: 'note-meeting.txt',
-                            size: '50kb',
-                            type: 'Text'
-                        }
-                    },
-                    {
-                        key: '2-1',
-                        data: {
-                            name: 'note-todo.txt',
-                            size: '100kb',
-                            type: 'Text'
-                        }
-                    }
-                ]
-            },
-            {
-                key: '3',
-                data: {
-                    name: 'Documents',
-                    size: '75kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '3-0',
-                        data: {
-                            name: 'Work',
-                            size: '55kb',
-                            type: 'Folder'
-                        },
-                        children: [
-                            {
-                                key: '3-0-0',
-                                data: {
-                                    name: 'Expenses.doc',
-                                    size: '30kb',
-                                    type: 'Document'
-                                }
-                            },
-                            {
-                                key: '3-0-1',
-                                data: {
-                                    name: 'Resume.doc',
-                                    size: '25kb',
-                                    type: 'Resume'
-                                }
-                            }
-                        ]
-                    },
-                    {
-                        key: '3-1',
-                        data: {
-                            name: 'Home',
-                            size: '20kb',
-                            type: 'Folder'
-                        },
-                        children: [
-                            {
-                                key: '3-1-0',
-                                data: {
-                                    name: 'Invoices',
-                                    size: '20kb',
-                                    type: 'Text'
-                                }
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                key: '4',
-                data: {
-                    name: 'Downloads',
-                    size: '25kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '4-0',
-                        data: {
-                            name: 'Spanish',
-                            size: '10kb',
-                            type: 'Folder'
-                        },
-                        children: [
-                            {
-                                key: '4-0-0',
-                                data: {
-                                    name: 'tutorial-a1.txt',
-                                    size: '5kb',
-                                    type: 'Text'
-                                }
-                            },
-                            {
-                                key: '4-0-1',
-                                data: {
-                                    name: 'tutorial-a2.txt',
-                                    size: '5kb',
-                                    type: 'Text'
-                                }
-                            }
-                        ]
-                    },
-                    {
-                        key: '4-1',
-                        data: {
-                            name: 'Travel',
-                            size: '15kb',
-                            type: 'Text'
-                        },
-                        children: [
-                            {
-                                key: '4-1-0',
-                                data: {
-                                    name: 'Hotel.pdf',
-                                    size: '10kb',
-                                    type: 'PDF'
-                                }
-                            },
-                            {
-                                key: '4-1-1',
-                                data: {
-                                    name: 'Flight.pdf',
-                                    size: '5kb',
-                                    type: 'PDF'
-                                }
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                key: '5',
-                data: {
-                    name: 'Main',
-                    size: '50kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '5-0',
-                        data: {
-                            name: 'bin',
-                            size: '50kb',
-                            type: 'Link'
-                        }
-                    },
-                    {
-                        key: '5-1',
-                        data: {
-                            name: 'etc',
-                            size: '100kb',
-                            type: 'Link'
-                        }
-                    },
-                    {
-                        key: '5-2',
-                        data: {
-                            name: 'var',
-                            size: '100kb',
-                            type: 'Link'
-                        }
-                    }
-                ]
-            },
-            {
-                key: '6',
-                data: {
-                    name: 'Other',
-                    size: '5kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '6-0',
-                        data: {
-                            name: 'todo.txt',
-                            size: '3kb',
-                            type: 'Text'
-                        }
-                    },
-                    {
-                        key: '6-1',
-                        data: {
-                            name: 'logo.png',
-                            size: '2kb',
-                            type: 'Picture'
-                        }
-                    }
-                ]
-            },
-            {
-                key: '7',
-                data: {
-                    name: 'Pictures',
-                    size: '150kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '7-0',
-                        data: {
-                            name: 'barcelona.jpg',
-                            size: '90kb',
-                            type: 'Picture'
-                        }
-                    },
-                    {
-                        key: '7-1',
-                        data: {
-                            name: 'primeng.png',
-                            size: '30kb',
-                            type: 'Picture'
-                        }
-                    },
-                    {
-                        key: '7-2',
-                        data: {
-                            name: 'prime.jpg',
-                            size: '30kb',
-                            type: 'Picture'
-                        }
-                    }
-                ]
-            },
-            {
-                key: '8',
-                data: {
-                    name: 'Videos',
-                    size: '1500kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '8-0',
-                        data: {
-                            name: 'primefaces.mkv',
-                            size: '1000kb',
-                            type: 'Video'
-                        }
-                    },
-                    {
-                        key: '8-1',
-                        data: {
-                            name: 'intro.avi',
-                            size: '500kb',
-                            type: 'Video'
-                        }
-                    }
-                ]
-            }
-        ];
-    }
-
-    getLazyNodesData() {
-        return [
-            {
-                "label": "Lazy Node 0",
-                "data": "Node 0",
-                "expandedIcon": "pi pi-folder-open",
-                "collapsedIcon": "pi pi-folder",
-                "leaf": false
-            },
-            {
-                "label": "Lazy Node 1",
-                "data": "Node 1",
-                "expandedIcon": "pi pi-folder-open",
-                "collapsedIcon": "pi pi-folder",
-                "leaf": false
-            },
-            {
-                "label": "Lazy Node 1",
-                "data": "Node 2",
-                "expandedIcon": "pi pi-folder-open",
-                "collapsedIcon": "pi pi-folder",
-                "leaf": false
-            }
-        ]
-    }
-
-    getFileSystemNodesData() {
-        return [  
-            {  
-                "data":{  
-                    "name":"Applications",
-                    "size":"200mb",
-                    "type":"Folder"
-                },
-                "children":[  
-                    {  
-                        "data":{  
-                            "name":"Angular",
-                            "size":"25mb",
-                            "type":"Folder"
-                        },
-                        "children":[  
-                            {  
-                                "data":{  
-                                    "name":"angular.app",
-                                    "size":"10mb",
-                                    "type":"Application"
-                                }
-                            },
-                            {  
-                                "data":{  
-                                    "name":"cli.app",
-                                    "size":"10mb",
-                                    "type":"Application"
-                                }
-                            },
-                            {  
-                                "data":{  
-                                    "name":"mobile.app",
-                                    "size":"5mb",
-                                    "type":"Application"
-                                }
-                            }
-                        ]
-                    },
-                    {  
-                        "data":{  
-                            "name":"editor.app",
-                            "size":"25mb",
-                            "type":"Application"
-                        }
-                    },
-                    {  
-                        "data":{  
-                            "name":"settings.app",
-                            "size":"50mb",
-                            "type":"Application"
-                        }
-                    }
-                ]
-            },
-            {  
-                "data":{  
-                    "name":"Cloud",
-                    "size":"20mb",
-                    "type":"Folder"
-                },
-                "children":[  
-                    {  
-                        "data":{  
-                            "name":"backup-1.zip",
-                            "size":"10mb",
-                            "type":"Zip"
-                        }
-                    },
-                    {  
-                        "data":{  
-                            "name":"backup-2.zip",
-                            "size":"10mb",
-                            "type":"Zip"
-                        }
-                    }
-                ]
-            },
-            {  
-                "data": {  
-                    "name":"Desktop",
-                    "size":"150kb",
-                    "type":"Folder"
-                },
-                "children":[  
-                    {  
-                        "data":{  
-                            "name":"note-meeting.txt",
-                            "size":"50kb",
-                            "type":"Text"
-                        }
-                    },
-                    {  
-                        "data":{  
-                            "name":"note-todo.txt",
-                            "size":"100kb",
-                            "type":"Text"
-                        }
-                    }
-                ]
-            },
-            {  
-                "data":{  
-                    "name":"Documents",
-                    "size":"75kb",
-                    "type":"Folder"
-                },
-                "children":[
-                    {  
-                        "data":{  
-                            "name":"Work",
-                            "size":"55kb",
-                            "type":"Folder"
-                        },
-                        "children":[  
-                            {  
-                                "data":{  
-                                    "name":"Expenses.doc",
-                                    "size":"30kb",
-                                    "type":"Document"
-                                }
-                            },
-                            {  
-                                "data":{  
-                                    "name":"Resume.doc",
-                                    "size":"25kb",
-                                    "type":"Resume"
-                                }
-                            }
-                        ]
-                    },
-                    {  
-                        "data":{  
-                            "name":"Home",
-                            "size":"20kb",
-                            "type":"Folder"
-                        },
-                        "children":[  
-                            {  
-                                "data":{  
-                                    "name":"Invoices",
-                                    "size":"20kb",
-                                    "type":"Text"
-                                }
-                            }
-                        ]
-                    }
-                ]
-            },
-            {  
-                "data": {  
-                    "name":"Downloads",
-                    "size":"25mb",
-                    "type":"Folder"
-                },
-                "children":[  
-                    {  
-                        "data": {  
-                            "name":"Spanish",
-                            "size":"10mb",
-                            "type":"Folder"
-                        },
-                        "children":[  
-                            {  
-                                "data":{  
-                                    "name":"tutorial-a1.txt",
-                                    "size":"5mb",
-                                    "type":"Text"
-                                }
-                            },
-                            {  
-                                "data":{  
-                                    "name":"tutorial-a2.txt",
-                                    "size":"5mb",
-                                    "type":"Text"
-                                }
-                            }
-                        ]
-                    },
-                    {  
-                        "data":{  
-                            "name":"Travel",
-                            "size":"15mb",
-                            "type":"Text"
-                        },
-                        "children":[  
-                            {  
-                                "data":{  
-                                    "name":"Hotel.pdf",
-                                    "size":"10mb",
-                                    "type":"PDF"
-                                }
-                            },
-                            {  
-                                "data":{  
-                                    "name":"Flight.pdf",
-                                    "size":"5mb",
-                                    "type":"PDF"
-                                }
-                            }
-                        ]
-                    }
-                ]
-            },
-            {  
-                "data": {  
-                    "name":"Main",
-                    "size":"50mb",
-                    "type":"Folder"
-                },
-                "children":[  
-                    {  
-                        "data":{  
-                            "name":"bin",
-                            "size":"50kb",
-                            "type":"Link"
-                        }
-                    },
-                    {  
-                        "data":{  
-                            "name":"etc",
-                            "size":"100kb",
-                            "type":"Link"
-                        }
-                    },
-                    {  
-                        "data":{  
-                            "name":"var",
-                            "size":"100kb",
-                            "type":"Link"
-                        }
-                    }
-                ]
-            },
-            {  
-                "data":{  
-                    "name":"Other",
-                    "size":"5mb",
-                    "type":"Folder"
-                },
-                "children":[  
-                    {  
-                        "data":{  
-                            "name":"todo.txt",
-                            "size":"3mb",
-                            "type":"Text"
-                        }
-                    },
-                    {  
-                        "data":{  
-                            "name":"logo.png",
-                            "size":"2mb",
-                            "type":"Picture"
-                        }
-                    }
-                ]
-            },
-            {  
-                "data":{  
-                    "name":"Pictures",
-                    "size":"150kb",
-                    "type":"Folder"
-                },
-                "children":[  
-                    {  
-                        "data":{  
-                            "name":"barcelona.jpg",
-                            "size":"90kb",
-                            "type":"Picture"
-                        }
-                    },
-                    {  
-                        "data":{  
-                            "name":"primeng.png",
-                            "size":"30kb",
-                            "type":"Picture"
-                        }
-                    },
-                    {  
-                        "data":{  
-                            "name":"prime.jpg",
-                            "size":"30kb",
-                            "type":"Picture"
-                        }
-                    }
-                ]
-            },
-            {  
-                "data":{  
-                    "name":"Videos",
-                    "size":"1500mb",
-                    "type":"Folder"
-                },
-                "children":[  
-                    {  
-                        "data":{  
-                            "name":"primefaces.mkv",
-                            "size":"1000mb",
-                            "type":"Video"
-                        }
-                    },
-                    {  
-                        "data":{  
-                            "name":"intro.avi",
-                            "size":"500mb",
-                            "type":"Video"
-                        }
-                    }
-                ]
-            }
-        ]
-    }
-    
-    getTreeTableNodes() {
-        return Promise.resolve(this.getTreeTableNodesData());
-    }
-
-    getTreeNodes() {
-        return Promise.resolve(this.getTreeNodesData());
-    }
-
-    getFiles() {
-        return Promise.resolve(this.getTreeNodesData());
-    }
-
-    getLazyFiles() {
-        return Promise.resolve(this.getLazyNodesData());
-    }
-
-    getFilesystem() {
-        return Promise.resolve(this.getFileSystemNodesData());
-    }
-    
-};`,
-    PhotoService: `import { Injectable } from '@angular/core';
-
-@Injectable()
-export class PhotoService {
-    getData() {
-        return [
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria1.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria1s.jpg',
-                alt: 'Description for Image 1',
-                title: 'Title 1'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria2.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria2s.jpg',
-                alt: 'Description for Image 2',
-                title: 'Title 2'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria3.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria3s.jpg',
-                alt: 'Description for Image 3',
-                title: 'Title 3'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria4.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria4s.jpg',
-                alt: 'Description for Image 4',
-                title: 'Title 4'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria5.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria5s.jpg',
-                alt: 'Description for Image 5',
-                title: 'Title 5'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria6.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria6s.jpg',
-                alt: 'Description for Image 6',
-                title: 'Title 6'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria7.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria7s.jpg',
-                alt: 'Description for Image 7',
-                title: 'Title 7'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria8.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria8s.jpg',
-                alt: 'Description for Image 8',
-                title: 'Title 8'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria9.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria9s.jpg',
-                alt: 'Description for Image 9',
-                title: 'Title 9'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria10.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria10s.jpg',
-                alt: 'Description for Image 10',
-                title: 'Title 10'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria11.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria11s.jpg',
-                alt: 'Description for Image 11',
-                title: 'Title 11'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria12.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria12s.jpg',
-                alt: 'Description for Image 12',
-                title: 'Title 12'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria13.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria13s.jpg',
-                alt: 'Description for Image 13',
-                title: 'Title 13'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria14.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria14s.jpg',
-                alt: 'Description for Image 14',
-                title: 'Title 14'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria15.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria15s.jpg',
-                alt: 'Description for Image 15',
-                title: 'Title 15'
-            }
-        ];
-    }
-
-    getImages() {
-        return Promise.resolve(this.getData());
-    }
-};`,
-    ProductService: `import { Injectable } from '@angular/core';
-    
-@Injectable()
-export class ProductService {
-    getProductsData() {
-        return [
-            {
-                id: '1000',
-                code: 'f230fh0g3',
-                name: 'Bamboo Watch',
-                description: 'Product Description',
-                image: 'bamboo-watch.jpg',
-                price: 65,
-                category: 'Accessories',
-                quantity: 24,
-                inventoryStatus: 'INSTOCK',
-                rating: 5
-            },
-            {
-                id: '1001',
-                code: 'nvklal433',
-                name: 'Black Watch',
-                description: 'Product Description',
-                image: 'black-watch.jpg',
-                price: 72,
-                category: 'Accessories',
-                quantity: 61,
-                inventoryStatus: 'OUTOFSTOCK',
-                rating: 4
-            },
-            {
-                id: '1002',
-                code: 'zz21cz3c1',
-                name: 'Blue Band',
-                description: 'Product Description',
-                image: 'blue-band.jpg',
-                price: 79,
-                category: 'Fitness',
-                quantity: 2,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 3
-            },
-            {
-                id: '1003',
-                code: '244wgerg2',
-                name: 'Blue T-Shirt',
-                description: 'Product Description',
-                image: 'blue-t-shirt.jpg',
-                price: 29,
-                category: 'Clothing',
-                quantity: 25,
-                inventoryStatus: 'INSTOCK',
-                rating: 5
-            },
-            {
-                id: '1004',
-                code: 'h456wer53',
-                name: 'Bracelet',
-                description: 'Product Description',
-                image: 'bracelet.jpg',
-                price: 15,
-                category: 'Accessories',
-                quantity: 73,
-                inventoryStatus: 'INSTOCK',
-                rating: 4
-            },
-            {
-                id: '1005',
-                code: 'av2231fwg',
-                name: 'Brown Purse',
-                description: 'Product Description',
-                image: 'brown-purse.jpg',
-                price: 120,
-                category: 'Accessories',
-                quantity: 0,
-                inventoryStatus: 'OUTOFSTOCK',
-                rating: 4
-            },
-            {
-                id: '1006',
-                code: 'bib36pfvm',
-                name: 'Chakra Bracelet',
-                description: 'Product Description',
-                image: 'chakra-bracelet.jpg',
-                price: 32,
-                category: 'Accessories',
-                quantity: 5,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 3
-            },
-            {
-                id: '1007',
-                code: 'mbvjkgip5',
-                name: 'Galaxy Earrings',
-                description: 'Product Description',
-                image: 'galaxy-earrings.jpg',
-                price: 34,
-                category: 'Accessories',
-                quantity: 23,
-                inventoryStatus: 'INSTOCK',
-                rating: 5
-            },
-            {
-                id: '1008',
-                code: 'vbb124btr',
-                name: 'Game Controller',
-                description: 'Product Description',
-                image: 'game-controller.jpg',
-                price: 99,
-                category: 'Electronics',
-                quantity: 2,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 4
-            },
-            {
-                id: '1009',
-                code: 'cm230f032',
-                name: 'Gaming Set',
-                description: 'Product Description',
-                image: 'gaming-set.jpg',
-                price: 299,
-                category: 'Electronics',
-                quantity: 63,
-                inventoryStatus: 'INSTOCK',
-                rating: 3
-            },
-            {
-                id: '1010',
-                code: 'plb34234v',
-                name: 'Gold Phone Case',
-                description: 'Product Description',
-                image: 'gold-phone-case.jpg',
-                price: 24,
-                category: 'Accessories',
-                quantity: 0,
-                inventoryStatus: 'OUTOFSTOCK',
-                rating: 4
-            },
-            {
-                id: '1011',
-                code: '4920nnc2d',
-                name: 'Green Earbuds',
-                description: 'Product Description',
-                image: 'green-earbuds.jpg',
-                price: 89,
-                category: 'Electronics',
-                quantity: 23,
-                inventoryStatus: 'INSTOCK',
-                rating: 4
-            },
-            {
-                id: '1012',
-                code: '250vm23cc',
-                name: 'Green T-Shirt',
-                description: 'Product Description',
-                image: 'green-t-shirt.jpg',
-                price: 49,
-                category: 'Clothing',
-                quantity: 74,
-                inventoryStatus: 'INSTOCK',
-                rating: 5
-            },
-            {
-                id: '1013',
-                code: 'fldsmn31b',
-                name: 'Grey T-Shirt',
-                description: 'Product Description',
-                image: 'grey-t-shirt.jpg',
-                price: 48,
-                category: 'Clothing',
-                quantity: 0,
-                inventoryStatus: 'OUTOFSTOCK',
-                rating: 3
-            },
-            {
-                id: '1014',
-                code: 'waas1x2as',
-                name: 'Headphones',
-                description: 'Product Description',
-                image: 'headphones.jpg',
-                price: 175,
-                category: 'Electronics',
-                quantity: 8,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 5
-            },
-            {
-                id: '1015',
-                code: 'vb34btbg5',
-                name: 'Light Green T-Shirt',
-                description: 'Product Description',
-                image: 'light-green-t-shirt.jpg',
-                price: 49,
-                category: 'Clothing',
-                quantity: 34,
-                inventoryStatus: 'INSTOCK',
-                rating: 4
-            },
-            {
-                id: '1016',
-                code: 'k8l6j58jl',
-                name: 'Lime Band',
-                description: 'Product Description',
-                image: 'lime-band.jpg',
-                price: 79,
-                category: 'Fitness',
-                quantity: 12,
-                inventoryStatus: 'INSTOCK',
-                rating: 3
-            },
-            {
-                id: '1017',
-                code: 'v435nn85n',
-                name: 'Mini Speakers',
-                description: 'Product Description',
-                image: 'mini-speakers.jpg',
-                price: 85,
-                category: 'Clothing',
-                quantity: 42,
-                inventoryStatus: 'INSTOCK',
-                rating: 4
-            },
-            {
-                id: '1018',
-                code: '09zx9c0zc',
-                name: 'Painted Phone Case',
-                description: 'Product Description',
-                image: 'painted-phone-case.jpg',
-                price: 56,
-                category: 'Accessories',
-                quantity: 41,
-                inventoryStatus: 'INSTOCK',
-                rating: 5
-            },
-            {
-                id: '1019',
-                code: 'mnb5mb2m5',
-                name: 'Pink Band',
-                description: 'Product Description',
-                image: 'pink-band.jpg',
-                price: 79,
-                category: 'Fitness',
-                quantity: 63,
-                inventoryStatus: 'INSTOCK',
-                rating: 4
-            },
-            {
-                id: '1020',
-                code: 'r23fwf2w3',
-                name: 'Pink Purse',
-                description: 'Product Description',
-                image: 'pink-purse.jpg',
-                price: 110,
-                category: 'Accessories',
-                quantity: 0,
-                inventoryStatus: 'OUTOFSTOCK',
-                rating: 4
-            },
-            {
-                id: '1021',
-                code: 'pxpzczo23',
-                name: 'Purple Band',
-                description: 'Product Description',
-                image: 'purple-band.jpg',
-                price: 79,
-                category: 'Fitness',
-                quantity: 6,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 3
-            },
-            {
-                id: '1022',
-                code: '2c42cb5cb',
-                name: 'Purple Gemstone Necklace',
-                description: 'Product Description',
-                image: 'purple-gemstone-necklace.jpg',
-                price: 45,
-                category: 'Accessories',
-                quantity: 62,
-                inventoryStatus: 'INSTOCK',
-                rating: 4
-            },
-            {
-                id: '1023',
-                code: '5k43kkk23',
-                name: 'Purple T-Shirt',
-                description: 'Product Description',
-                image: 'purple-t-shirt.jpg',
-                price: 49,
-                category: 'Clothing',
-                quantity: 2,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 5
-            },
-            {
-                id: '1024',
-                code: 'lm2tny2k4',
-                name: 'Shoes',
-                description: 'Product Description',
-                image: 'shoes.jpg',
-                price: 64,
-                category: 'Clothing',
-                quantity: 0,
-                inventoryStatus: 'INSTOCK',
-                rating: 4
-            },
-            {
-                id: '1025',
-                code: 'nbm5mv45n',
-                name: 'Sneakers',
-                description: 'Product Description',
-                image: 'sneakers.jpg',
-                price: 78,
-                category: 'Clothing',
-                quantity: 52,
-                inventoryStatus: 'INSTOCK',
-                rating: 4
-            },
-            {
-                id: '1026',
-                code: 'zx23zc42c',
-                name: 'Teal T-Shirt',
-                description: 'Product Description',
-                image: 'teal-t-shirt.jpg',
-                price: 49,
-                category: 'Clothing',
-                quantity: 3,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 3
-            },
-            {
-                id: '1027',
-                code: 'acvx872gc',
-                name: 'Yellow Earbuds',
-                description: 'Product Description',
-                image: 'yellow-earbuds.jpg',
-                price: 89,
-                category: 'Electronics',
-                quantity: 35,
-                inventoryStatus: 'INSTOCK',
-                rating: 3
-            },
-            {
-                id: '1028',
-                code: 'tx125ck42',
-                name: 'Yoga Mat',
-                description: 'Product Description',
-                image: 'yoga-mat.jpg',
-                price: 20,
-                category: 'Fitness',
-                quantity: 15,
-                inventoryStatus: 'INSTOCK',
-                rating: 5
-            },
-            {
-                id: '1029',
-                code: 'gwuby345v',
-                name: 'Yoga Set',
-                description: 'Product Description',
-                image: 'yoga-set.jpg',
-                price: 20,
-                category: 'Fitness',
-                quantity: 25,
-                inventoryStatus: 'INSTOCK',
-                rating: 8
-            }
-        ];
-    }
-
-    getProductsWithOrdersData() {
-        return [
-            {
-                id: '1000',
-                code: 'f230fh0g3',
-                name: 'Bamboo Watch',
-                description: 'Product Description',
-                image: 'bamboo-watch.jpg',
-                price: 65,
-                category: 'Accessories',
-                quantity: 24,
-                inventoryStatus: 'INSTOCK',
-                rating: 5,
-                orders: [
-                    {
-                        id: '1000-0',
-                        productCode: 'f230fh0g3',
-                        date: '2020-09-13',
-                        amount: 65,
-                        quantity: 1,
-                        customer: 'David James',
-                        status: 'PENDING'
-                    },
-                    {
-                        id: '1000-1',
-                        productCode: 'f230fh0g3',
-                        date: '2020-05-14',
-                        amount: 130,
-                        quantity: 2,
-                        customer: 'Leon Rodrigues',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1000-2',
-                        productCode: 'f230fh0g3',
-                        date: '2019-01-04',
-                        amount: 65,
-                        quantity: 1,
-                        customer: 'Juan Alejandro',
-                        status: 'RETURNED'
-                    },
-                    {
-                        id: '1000-3',
-                        productCode: 'f230fh0g3',
-                        date: '2020-09-13',
-                        amount: 195,
-                        quantity: 3,
-                        customer: 'Claire Morrow',
-                        status: 'CANCELLED'
-                    }
-                ]
-            },
-            {
-                id: '1001',
-                code: 'nvklal433',
-                name: 'Black Watch',
-                description: 'Product Description',
-                image: 'black-watch.jpg',
-                price: 72,
-                category: 'Accessories',
-                quantity: 61,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1001-0',
-                        productCode: 'nvklal433',
-                        date: '2020-05-14',
-                        amount: 72,
-                        quantity: 1,
-                        customer: 'Maisha Jefferson',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1001-1',
-                        productCode: 'nvklal433',
-                        date: '2020-02-28',
-                        amount: 144,
-                        quantity: 2,
-                        customer: 'Octavia Murillo',
-                        status: 'PENDING'
-                    }
-                ]
-            },
-            {
-                id: '1002',
-                code: 'zz21cz3c1',
-                name: 'Blue Band',
-                description: 'Product Description',
-                image: 'blue-band.jpg',
-                price: 79,
-                category: 'Fitness',
-                quantity: 2,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 3,
-                orders: [
-                    {
-                        id: '1002-0',
-                        productCode: 'zz21cz3c1',
-                        date: '2020-07-05',
-                        amount: 79,
-                        quantity: 1,
-                        customer: 'Stacey Leja',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1002-1',
-                        productCode: 'zz21cz3c1',
-                        date: '2020-02-06',
-                        amount: 79,
-                        quantity: 1,
-                        customer: 'Ashley Wickens',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1003',
-                code: '244wgerg2',
-                name: 'Blue T-Shirt',
-                description: 'Product Description',
-                image: 'blue-t-shirt.jpg',
-                price: 29,
-                category: 'Clothing',
-                quantity: 25,
-                inventoryStatus: 'INSTOCK',
-                rating: 5,
-                orders: []
-            },
-            {
-                id: '1004',
-                code: 'h456wer53',
-                name: 'Bracelet',
-                description: 'Product Description',
-                image: 'bracelet.jpg',
-                price: 15,
-                category: 'Accessories',
-                quantity: 73,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1004-0',
-                        productCode: 'h456wer53',
-                        date: '2020-09-05',
-                        amount: 60,
-                        quantity: 4,
-                        customer: 'Mayumi Misaki',
-                        status: 'PENDING'
-                    },
-                    {
-                        id: '1004-1',
-                        productCode: 'h456wer53',
-                        date: '2019-04-16',
-                        amount: 2,
-                        quantity: 30,
-                        customer: 'Francesco Salvatore',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1005',
-                code: 'av2231fwg',
-                name: 'Brown Purse',
-                description: 'Product Description',
-                image: 'brown-purse.jpg',
-                price: 120,
-                category: 'Accessories',
-                quantity: 0,
-                inventoryStatus: 'OUTOFSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1005-0',
-                        productCode: 'av2231fwg',
-                        date: '2020-01-25',
-                        amount: 120,
-                        quantity: 1,
-                        customer: 'Isabel Sinclair',
-                        status: 'RETURNED'
-                    },
-                    {
-                        id: '1005-1',
-                        productCode: 'av2231fwg',
-                        date: '2019-03-12',
-                        amount: 240,
-                        quantity: 2,
-                        customer: 'Lionel Clifford',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1005-2',
-                        productCode: 'av2231fwg',
-                        date: '2019-05-05',
-                        amount: 120,
-                        quantity: 1,
-                        customer: 'Cody Chavez',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1006',
-                code: 'bib36pfvm',
-                name: 'Chakra Bracelet',
-                description: 'Product Description',
-                image: 'chakra-bracelet.jpg',
-                price: 32,
-                category: 'Accessories',
-                quantity: 5,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 3,
-                orders: [
-                    {
-                        id: '1006-0',
-                        productCode: 'bib36pfvm',
-                        date: '2020-02-24',
-                        amount: 32,
-                        quantity: 1,
-                        customer: 'Arvin Darci',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1006-1',
-                        productCode: 'bib36pfvm',
-                        date: '2020-01-14',
-                        amount: 64,
-                        quantity: 2,
-                        customer: 'Izzy Jones',
-                        status: 'PENDING'
-                    }
-                ]
-            },
-            {
-                id: '1007',
-                code: 'mbvjkgip5',
-                name: 'Galaxy Earrings',
-                description: 'Product Description',
-                image: 'galaxy-earrings.jpg',
-                price: 34,
-                category: 'Accessories',
-                quantity: 23,
-                inventoryStatus: 'INSTOCK',
-                rating: 5,
-                orders: [
-                    {
-                        id: '1007-0',
-                        productCode: 'mbvjkgip5',
-                        date: '2020-06-19',
-                        amount: 34,
-                        quantity: 1,
-                        customer: 'Jennifer Smith',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1008',
-                code: 'vbb124btr',
-                name: 'Game Controller',
-                description: 'Product Description',
-                image: 'game-controller.jpg',
-                price: 99,
-                category: 'Electronics',
-                quantity: 2,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1008-0',
-                        productCode: 'vbb124btr',
-                        date: '2020-01-05',
-                        amount: 99,
-                        quantity: 1,
-                        customer: 'Jeanfrancois David',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1008-1',
-                        productCode: 'vbb124btr',
-                        date: '2020-01-19',
-                        amount: 198,
-                        quantity: 2,
-                        customer: 'Ivar Greenwood',
-                        status: 'RETURNED'
-                    }
-                ]
-            },
-            {
-                id: '1009',
-                code: 'cm230f032',
-                name: 'Gaming Set',
-                description: 'Product Description',
-                image: 'gaming-set.jpg',
-                price: 299,
-                category: 'Electronics',
-                quantity: 63,
-                inventoryStatus: 'INSTOCK',
-                rating: 3,
-                orders: [
-                    {
-                        id: '1009-0',
-                        productCode: 'cm230f032',
-                        date: '2020-06-24',
-                        amount: 299,
-                        quantity: 1,
-                        customer: 'Kadeem Mujtaba',
-                        status: 'PENDING'
-                    },
-                    {
-                        id: '1009-1',
-                        productCode: 'cm230f032',
-                        date: '2020-05-11',
-                        amount: 299,
-                        quantity: 1,
-                        customer: 'Ashley Wickens',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1009-2',
-                        productCode: 'cm230f032',
-                        date: '2019-02-07',
-                        amount: 299,
-                        quantity: 1,
-                        customer: 'Julie Johnson',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1009-3',
-                        productCode: 'cm230f032',
-                        date: '2020-04-26',
-                        amount: 299,
-                        quantity: 1,
-                        customer: 'Tony Costa',
-                        status: 'CANCELLED'
-                    }
-                ]
-            },
-            {
-                id: '1010',
-                code: 'plb34234v',
-                name: 'Gold Phone Case',
-                description: 'Product Description',
-                image: 'gold-phone-case.jpg',
-                price: 24,
-                category: 'Accessories',
-                quantity: 0,
-                inventoryStatus: 'OUTOFSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1010-0',
-                        productCode: 'plb34234v',
-                        date: '2020-02-04',
-                        amount: 24,
-                        quantity: 1,
-                        customer: 'James Butt',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1010-1',
-                        productCode: 'plb34234v',
-                        date: '2020-05-05',
-                        amount: 48,
-                        quantity: 2,
-                        customer: 'Josephine Darakjy',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1011',
-                code: '4920nnc2d',
-                name: 'Green Earbuds',
-                description: 'Product Description',
-                image: 'green-earbuds.jpg',
-                price: 89,
-                category: 'Electronics',
-                quantity: 23,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1011-0',
-                        productCode: '4920nnc2d',
-                        date: '2020-06-01',
-                        amount: 89,
-                        quantity: 1,
-                        customer: 'Art Venere',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1012',
-                code: '250vm23cc',
-                name: 'Green T-Shirt',
-                description: 'Product Description',
-                image: 'green-t-shirt.jpg',
-                price: 49,
-                category: 'Clothing',
-                quantity: 74,
-                inventoryStatus: 'INSTOCK',
-                rating: 5,
-                orders: [
-                    {
-                        id: '1012-0',
-                        productCode: '250vm23cc',
-                        date: '2020-02-05',
-                        amount: 49,
-                        quantity: 1,
-                        customer: 'Lenna Paprocki',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1012-1',
-                        productCode: '250vm23cc',
-                        date: '2020-02-15',
-                        amount: 49,
-                        quantity: 1,
-                        customer: 'Donette Foller',
-                        status: 'PENDING'
-                    }
-                ]
-            },
-            {
-                id: '1013',
-                code: 'fldsmn31b',
-                name: 'Grey T-Shirt',
-                description: 'Product Description',
-                image: 'grey-t-shirt.jpg',
-                price: 48,
-                category: 'Clothing',
-                quantity: 0,
-                inventoryStatus: 'OUTOFSTOCK',
-                rating: 3,
-                orders: [
-                    {
-                        id: '1013-0',
-                        productCode: 'fldsmn31b',
-                        date: '2020-04-01',
-                        amount: 48,
-                        quantity: 1,
-                        customer: 'Simona Morasca',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1014',
-                code: 'waas1x2as',
-                name: 'Headphones',
-                description: 'Product Description',
-                image: 'headphones.jpg',
-                price: 175,
-                category: 'Electronics',
-                quantity: 8,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 5,
-                orders: [
-                    {
-                        id: '1014-0',
-                        productCode: 'waas1x2as',
-                        date: '2020-05-15',
-                        amount: 175,
-                        quantity: 1,
-                        customer: 'Lenna Paprocki',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1014-1',
-                        productCode: 'waas1x2as',
-                        date: '2020-01-02',
-                        amount: 175,
-                        quantity: 1,
-                        customer: 'Donette Foller',
-                        status: 'CANCELLED'
-                    }
-                ]
-            },
-            {
-                id: '1015',
-                code: 'vb34btbg5',
-                name: 'Light Green T-Shirt',
-                description: 'Product Description',
-                image: 'light-green-t-shirt.jpg',
-                price: 49,
-                category: 'Clothing',
-                quantity: 34,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1015-0',
-                        productCode: 'vb34btbg5',
-                        date: '2020-07-02',
-                        amount: 98,
-                        quantity: 2,
-                        customer: 'Mitsue Tollner',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1016',
-                code: 'k8l6j58jl',
-                name: 'Lime Band',
-                description: 'Product Description',
-                image: 'lime-band.jpg',
-                price: 79,
-                category: 'Fitness',
-                quantity: 12,
-                inventoryStatus: 'INSTOCK',
-                rating: 3,
-                orders: []
-            },
-            {
-                id: '1017',
-                code: 'v435nn85n',
-                name: 'Mini Speakers',
-                description: 'Product Description',
-                image: 'mini-speakers.jpg',
-                price: 85,
-                category: 'Clothing',
-                quantity: 42,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1017-0',
-                        productCode: 'v435nn85n',
-                        date: '2020-07-12',
-                        amount: 85,
-                        quantity: 1,
-                        customer: 'Minna Amigon',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1018',
-                code: '09zx9c0zc',
-                name: 'Painted Phone Case',
-                description: 'Product Description',
-                image: 'painted-phone-case.jpg',
-                price: 56,
-                category: 'Accessories',
-                quantity: 41,
-                inventoryStatus: 'INSTOCK',
-                rating: 5,
-                orders: [
-                    {
-                        id: '1018-0',
-                        productCode: '09zx9c0zc',
-                        date: '2020-07-01',
-                        amount: 56,
-                        quantity: 1,
-                        customer: 'Abel Maclead',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1018-1',
-                        productCode: '09zx9c0zc',
-                        date: '2020-05-02',
-                        amount: 56,
-                        quantity: 1,
-                        customer: 'Minna Amigon',
-                        status: 'RETURNED'
-                    }
-                ]
-            },
-            {
-                id: '1019',
-                code: 'mnb5mb2m5',
-                name: 'Pink Band',
-                description: 'Product Description',
-                image: 'pink-band.jpg',
-                price: 79,
-                category: 'Fitness',
-                quantity: 63,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: []
-            },
-            {
-                id: '1020',
-                code: 'r23fwf2w3',
-                name: 'Pink Purse',
-                description: 'Product Description',
-                image: 'pink-purse.jpg',
-                price: 110,
-                category: 'Accessories',
-                quantity: 0,
-                inventoryStatus: 'OUTOFSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1020-0',
-                        productCode: 'r23fwf2w3',
-                        date: '2020-05-29',
-                        amount: 110,
-                        quantity: 1,
-                        customer: 'Kiley Caldarera',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1020-1',
-                        productCode: 'r23fwf2w3',
-                        date: '2020-02-11',
-                        amount: 220,
-                        quantity: 2,
-                        customer: 'Graciela Ruta',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1021',
-                code: 'pxpzczo23',
-                name: 'Purple Band',
-                description: 'Product Description',
-                image: 'purple-band.jpg',
-                price: 79,
-                category: 'Fitness',
-                quantity: 6,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 3,
-                orders: [
-                    {
-                        id: '1021-0',
-                        productCode: 'pxpzczo23',
-                        date: '2020-02-02',
-                        amount: 79,
-                        quantity: 1,
-                        customer: 'Cammy Albares',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1022',
-                code: '2c42cb5cb',
-                name: 'Purple Gemstone Necklace',
-                description: 'Product Description',
-                image: 'purple-gemstone-necklace.jpg',
-                price: 45,
-                category: 'Accessories',
-                quantity: 62,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1022-0',
-                        productCode: '2c42cb5cb',
-                        date: '2020-06-29',
-                        amount: 45,
-                        quantity: 1,
-                        customer: 'Mattie Poquette',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1022-1',
-                        productCode: '2c42cb5cb',
-                        date: '2020-02-11',
-                        amount: 135,
-                        quantity: 3,
-                        customer: 'Meaghan Garufi',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1023',
-                code: '5k43kkk23',
-                name: 'Purple T-Shirt',
-                description: 'Product Description',
-                image: 'purple-t-shirt.jpg',
-                price: 49,
-                category: 'Clothing',
-                quantity: 2,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 5,
-                orders: [
-                    {
-                        id: '1023-0',
-                        productCode: '5k43kkk23',
-                        date: '2020-04-15',
-                        amount: 49,
-                        quantity: 1,
-                        customer: 'Gladys Rim',
-                        status: 'RETURNED'
-                    }
-                ]
-            },
-            {
-                id: '1024',
-                code: 'lm2tny2k4',
-                name: 'Shoes',
-                description: 'Product Description',
-                image: 'shoes.jpg',
-                price: 64,
-                category: 'Clothing',
-                quantity: 0,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: []
-            },
-            {
-                id: '1025',
-                code: 'nbm5mv45n',
-                name: 'Sneakers',
-                description: 'Product Description',
-                image: 'sneakers.jpg',
-                price: 78,
-                category: 'Clothing',
-                quantity: 52,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1025-0',
-                        productCode: 'nbm5mv45n',
-                        date: '2020-02-19',
-                        amount: 78,
-                        quantity: 1,
-                        customer: 'Yuki Whobrey',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1025-1',
-                        productCode: 'nbm5mv45n',
-                        date: '2020-05-21',
-                        amount: 78,
-                        quantity: 1,
-                        customer: 'Fletcher Flosi',
-                        status: 'PENDING'
-                    }
-                ]
-            },
-            {
-                id: '1026',
-                code: 'zx23zc42c',
-                name: 'Teal T-Shirt',
-                description: 'Product Description',
-                image: 'teal-t-shirt.jpg',
-                price: 49,
-                category: 'Clothing',
-                quantity: 3,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 3,
-                orders: [
-                    {
-                        id: '1026-0',
-                        productCode: 'zx23zc42c',
-                        date: '2020-04-24',
-                        amount: 98,
-                        quantity: 2,
-                        customer: 'Bette Nicka',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1027',
-                code: 'acvx872gc',
-                name: 'Yellow Earbuds',
-                description: 'Product Description',
-                image: 'yellow-earbuds.jpg',
-                price: 89,
-                category: 'Electronics',
-                quantity: 35,
-                inventoryStatus: 'INSTOCK',
-                rating: 3,
-                orders: [
-                    {
-                        id: '1027-0',
-                        productCode: 'acvx872gc',
-                        date: '2020-01-29',
-                        amount: 89,
-                        quantity: 1,
-                        customer: 'Veronika Inouye',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1027-1',
-                        productCode: 'acvx872gc',
-                        date: '2020-06-11',
-                        amount: 89,
-                        quantity: 1,
-                        customer: 'Willard Kolmetz',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1028',
-                code: 'tx125ck42',
-                name: 'Yoga Mat',
-                description: 'Product Description',
-                image: 'yoga-mat.jpg',
-                price: 20,
-                category: 'Fitness',
-                quantity: 15,
-                inventoryStatus: 'INSTOCK',
-                rating: 5,
-                orders: []
-            },
-            {
-                id: '1029',
-                code: 'gwuby345v',
-                name: 'Yoga Set',
-                description: 'Product Description',
-                image: 'yoga-set.jpg',
-                price: 20,
-                category: 'Fitness',
-                quantity: 25,
-                inventoryStatus: 'INSTOCK',
-                rating: 8,
-                orders: [
-                    {
-                        id: '1029-0',
-                        productCode: 'gwuby345v',
-                        date: '2020-02-14',
-                        amount: 4,
-                        quantity: 80,
-                        customer: 'Maryann Royster',
-                        status: 'DELIVERED'
-                    }
-                ]
-            }
-        ];
-    }
-
-    getProductsMini() {
-        return Promise.resolve(this.getProductsData().slice(0, 5));
-    }
-
-    getProductsSmall() {
-        return Promise.resolve(this.getProductsData().slice(0, 10));
-    }
-
-    getProducts() {
-        return Promise.resolve(this.getProductsData());
-    }
-
-    getProductsWithOrdersSmall() {
-        return Promise.resolve(this.getProductsWithOrdersData().slice(0, 10));
-    }
-
-    getProductsWithOrders() {
-        return Promise.resolve(this.getProductsWithOrdersData());
-    }
-};`,
-    TicketService: `import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-    
-    @Injectable()
-    export class TicketService {
-        ticketInformation = {
-            personalInformation: {
-                firstname: '',
-                lastname: '',
-                age: null
-            },
-            seatInformation: {
-                class: null,
-                wagon: null,
-                seat: null
-            },
-            paymentInformation: {
-                cardholderName: '',
-                cardholderNumber: '',
-                date: '',
-                cvv: '',
-                remember: false
-            }
-        };
-    
-        private paymentComplete = new Subject<any>();
-    
-        paymentComplete$ = this.paymentComplete.asObservable();
-    
-        getTicketInformation() {
-            return this.ticketInformation;
-        }
-    
-        setTicketInformation(ticketInformation) {
-            this.ticketInformation = ticketInformation;
-        }
-    
-        complete() {
-            this.paymentComplete.next(this.ticketInformation.personalInformation);
-        }
-    }
-    `
-};
diff --git a/src/app/showcase/layout/doc/codeeditor/templates.ts b/src/app/showcase/layout/doc/codeeditor/templates.ts
deleted file mode 100644
index a7c24a1..0000000
--- a/src/app/showcase/layout/doc/codeeditor/templates.ts
+++ /dev/null
@@ -1,805 +0,0 @@
-import pkg from 'package.json';
-import { Code, ExtFile, RouteFile } from 'src/app/showcase/domain/code';
-import { services } from './services';
-
-export interface Props {
-    code?: Code;
-    title?: string;
-    description?: string;
-    service?: string[];
-    extFiles?: ExtFile[];
-    routeFiles?: RouteFile[];
-    selector?: string;
-}
-
-const app_dependencies = pkg ? pkg.devDependencies : {};
-
-const PrimeNG = {
-    version: '17.18.11',
-    description:
-        'PrimeNG is an open source UI library for Angular featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.'
-};
-
-const demoDependencies = [
-    '@angular-devkit/build-angular',
-    '@angular/animations',
-    '@angular/cdk',
-    '@angular/cli',
-    '@angular/common',
-    '@angular/compiler',
-    '@angular/compiler-cli',
-    '@angular/core',
-    '@angular/forms',
-    '@angular/material',
-    '@angular/material-moment-adapter',
-    '@angular/platform-browser',
-    '@angular/platform-browser-dynamic',
-    '@angular/platform-server',
-    '@angular/router',
-    '@nguniversal/builders',
-    '@nguniversal/common',
-    '@nguniversal/express-engine',
-    'quill',
-    'primeflex',
-    'chart.js',
-    'primeicons',
-    'rxjs',
-    'tslib',
-    'zone.js'
-];
-
-const getAppDependencies = () => {
-    const dependencies = {};
-    for (const key in app_dependencies) {
-        if (demoDependencies.includes(key)) {
-            dependencies[key] = app_dependencies[key];
-        }
-    }
-
-    return dependencies;
-};
-
-const getDependencies = () => {
-    const appDependencies = getAppDependencies();
-
-    const dependencies = {
-        primeng: PrimeNG.version,
-        ...appDependencies
-    };
-
-    return dependencies;
-};
-
-const getServiceImports = (service: string[]) => {
-    return service.map((s) => `import { ${s} } from 'src/service/${s.toLowerCase()}';`).join('');
-};
-
-const getComponentName = (selector: string) => {
-    return selector
-        .split('-')
-        .map((el) => el.charAt(0).toUpperCase() + el.slice(1))
-        .join('');
-};
-
-const getExternalFiles = (files: ExtFile[]) => {
-    const extFiles = {};
-    if (files && files.length > 0) {
-        for (let i = 0; i < files.length; i++) {
-            const file = files[i];
-            extFiles[file.path] = { content: file.content };
-        }
-    }
-
-    return extFiles;
-};
-
-const getRouteImports = (files: RouteFile[], selector?: string) => {
-    let routeFiles = '';
-    files.forEach((file) => {
-        routeFiles += `import { ${file.name} } from 'src/app/demo/${file.name.toLowerCase()}';\n`;
-    });
-
-    return selector ? routeFiles + `import { ${getComponentName(selector)} } from 'src/app/demo/${selector}';` : routeFiles;
-};
-
-const staticStyles = {
-    global: `html {
-    font-size: 14px;
-}
-
-body {
-    font-family: var(--font-family);
-    font-weight: normal;
-    background: var(--surface-ground);
-    color: var(--text-color);
-    padding: 1rem;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-.card {
-    background: var(--surface-card);
-    padding: 2rem;
-    border-radius: 10px;
-    margin-bottom: 1rem;
-}
-    `,
-    flags: `span.flag{width:44px;height:30px;display:inline-block;}img.flag{width:30px}.flag{background:url(https://primefaces.org/cdn/primeng/images/flag/flags_responsive.png) no-repeat;background-size:100%;vertical-align: middle;}.flag-ad{background-position:0 .413223%}.flag-ae{background-position:0 .826446%}.flag-af{background-position:0 1.239669%}.flag-ag{background-position:0 1.652893%}.flag-ai{background-position:0 2.066116%}.flag-al{background-position:0 2.479339%}.flag-am{background-position:0 2.892562%}.flag-an{background-position:0 3.305785%}.flag-ao{background-position:0 3.719008%}.flag-aq{background-position:0 4.132231%}.flag-ar{background-position:0 4.545455%}.flag-as{background-position:0 4.958678%}.flag-at{background-position:0 5.371901%}.flag-au{background-position:0 5.785124%}.flag-aw{background-position:0 6.198347%}.flag-az{background-position:0 6.61157%}.flag-ba{background-position:0 7.024793%}.flag-bb{background-position:0 7.438017%}.flag-bd{background-position:0 7.85124%}.flag-be{background-position:0 8.264463%}.flag-bf{background-position:0 8.677686%}.flag-bg{background-position:0 9.090909%}.flag-bh{background-position:0 9.504132%}.flag-bi{background-position:0 9.917355%}.flag-bj{background-position:0 10.330579%}.flag-bm{background-position:0 10.743802%}.flag-bn{background-position:0 11.157025%}.flag-bo{background-position:0 11.570248%}.flag-br{background-position:0 11.983471%}.flag-bs{background-position:0 12.396694%}.flag-bt{background-position:0 12.809917%}.flag-bv{background-position:0 13.22314%}.flag-bw{background-position:0 13.636364%}.flag-by{background-position:0 14.049587%}.flag-bz{background-position:0 14.46281%}.flag-ca{background-position:0 14.876033%}.flag-cc{background-position:0 15.289256%}.flag-cd{background-position:0 15.702479%}.flag-cf{background-position:0 16.115702%}.flag-cg{background-position:0 16.528926%}.flag-ch{background-position:0 16.942149%}.flag-ci{background-position:0 17.355372%}.flag-ck{background-position:0 17.768595%}.flag-cl{background-position:0 18.181818%}.flag-cm{background-position:0 18.595041%}.flag-cn{background-position:0 19.008264%}.flag-co{background-position:0 19.421488%}.flag-cr{background-position:0 19.834711%}.flag-cu{background-position:0 20.247934%}.flag-cv{background-position:0 20.661157%}.flag-cx{background-position:0 21.07438%}.flag-cy{background-position:0 21.487603%}.flag-cz{background-position:0 21.900826%}.flag-de{background-position:0 22.31405%}.flag-dj{background-position:0 22.727273%}.flag-dk{background-position:0 23.140496%}.flag-dm{background-position:0 23.553719%}.flag-do{background-position:0 23.966942%}.flag-dz{background-position:0 24.380165%}.flag-ec{background-position:0 24.793388%}.flag-ee{background-position:0 25.206612%}.flag-eg{background-position:0 25.619835%}.flag-eh{background-position:0 26.033058%}.flag-er{background-position:0 26.446281%}.flag-es{background-position:0 26.859504%}.flag-et{background-position:0 27.272727%}.flag-fi{background-position:0 27.68595%}.flag-fj{background-position:0 28.099174%}.flag-fk{background-position:0 28.512397%}.flag-fm{background-position:0 28.92562%}.flag-fo{background-position:0 29.338843%}.flag-fr{background-position:0 29.752066%}.flag-ga{background-position:0 30.165289%}.flag-gd{background-position:0 30.578512%}.flag-ge{background-position:0 30.991736%}.flag-gf{background-position:0 31.404959%}.flag-gh{background-position:0 31.818182%}.flag-gi{background-position:0 32.231405%}.flag-gl{background-position:0 32.644628%}.flag-gm{background-position:0 33.057851%}.flag-gn{background-position:0 33.471074%}.flag-gp{background-position:0 33.884298%}.flag-gq{background-position:0 34.297521%}.flag-gr{background-position:0 34.710744%}.flag-gs{background-position:0 35.123967%}.flag-gt{background-position:0 35.53719%}.flag-gu{background-position:0 35.950413%}.flag-gw{background-position:0 36.363636%}.flag-gy{background-position:0 36.77686%}.flag-hk{background-position:0 37.190083%}.flag-hm{background-position:0 37.603306%}.flag-hn{background-position:0 38.016529%}.flag-hr{background-position:0 38.429752%}.flag-ht{background-position:0 38.842975%}.flag-hu{background-position:0 39.256198%}.flag-id{background-position:0 39.669421%}.flag-ie{background-position:0 40.082645%}.flag-il{background-position:0 40.495868%}.flag-in{background-position:0 40.909091%}.flag-io{background-position:0 41.322314%}.flag-iq{background-position:0 41.735537%}.flag-ir{background-position:0 42.14876%}.flag-is{background-position:0 42.561983%}.flag-it{background-position:0 42.975207%}.flag-jm{background-position:0 43.38843%}.flag-jo{background-position:0 43.801653%}.flag-jp{background-position:0 44.214876%}.flag-ke{background-position:0 44.628099%}.flag-kg{background-position:0 45.041322%}.flag-kh{background-position:0 45.454545%}.flag-ki{background-position:0 45.867769%}.flag-km{background-position:0 46.280992%}.flag-kn{background-position:0 46.694215%}.flag-kp{background-position:0 47.107438%}.flag-kr{background-position:0 47.520661%}.flag-kw{background-position:0 47.933884%}.flag-ky{background-position:0 48.347107%}.flag-kz{background-position:0 48.760331%}.flag-la{background-position:0 49.173554%}.flag-lb{background-position:0 49.586777%}.flag-lc{background-position:0 50%}.flag-li{background-position:0 50.413223%}.flag-lk{background-position:0 50.826446%}.flag-lr{background-position:0 51.239669%}.flag-ls{background-position:0 51.652893%}.flag-lt{background-position:0 52.066116%}.flag-lu{background-position:0 52.479339%}.flag-lv{background-position:0 52.892562%}.flag-ly{background-position:0 53.305785%}.flag-ma{background-position:0 53.719008%}.flag-mc{background-position:0 54.132231%}.flag-md{background-position:0 54.545455%}.flag-me{background-position:0 54.958678%}.flag-mg{background-position:0 55.371901%}.flag-mh{background-position:0 55.785124%}.flag-mk{background-position:0 56.198347%}.flag-ml{background-position:0 56.61157%}.flag-mm{background-position:0 57.024793%}.flag-mn{background-position:0 57.438017%}.flag-mo{background-position:0 57.85124%}.flag-mp{background-position:0 58.264463%}.flag-mq{background-position:0 58.677686%}.flag-mr{background-position:0 59.090909%}.flag-ms{background-position:0 59.504132%}.flag-mt{background-position:0 59.917355%}.flag-mu{background-position:0 60.330579%}.flag-mv{background-position:0 60.743802%}.flag-mw{background-position:0 61.157025%}.flag-mx{background-position:0 61.570248%}.flag-my{background-position:0 61.983471%}.flag-mz{background-position:0 62.396694%}.flag-na{background-position:0 62.809917%}.flag-nc{background-position:0 63.22314%}.flag-ne{background-position:0 63.636364%}.flag-nf{background-position:0 64.049587%}.flag-ng{background-position:0 64.46281%}.flag-ni{background-position:0 64.876033%}.flag-nl{background-position:0 65.289256%}.flag-no{background-position:0 65.702479%}.flag-np{background-position:0 66.115702%}.flag-nr{background-position:0 66.528926%}.flag-nu{background-position:0 66.942149%}.flag-nz{background-position:0 67.355372%}.flag-om{background-position:0 67.768595%}.flag-pa{background-position:0 68.181818%}.flag-pe{background-position:0 68.595041%}.flag-pf{background-position:0 69.008264%}.flag-pg{background-position:0 69.421488%}.flag-ph{background-position:0 69.834711%}.flag-pk{background-position:0 70.247934%}.flag-pl{background-position:0 70.661157%}.flag-pm{background-position:0 71.07438%}.flag-pn{background-position:0 71.487603%}.flag-pr{background-position:0 71.900826%}.flag-pt{background-position:0 72.31405%}.flag-pw{background-position:0 72.727273%}.flag-py{background-position:0 73.140496%}.flag-qa{background-position:0 73.553719%}.flag-re{background-position:0 73.966942%}.flag-ro{background-position:0 74.380165%}.flag-rs{background-position:0 74.793388%}.flag-ru{background-position:0 75.206612%}.flag-rw{background-position:0 75.619835%}.flag-sa{background-position:0 76.033058%}.flag-sb{background-position:0 76.446281%}.flag-sc{background-position:0 76.859504%}.flag-sd{background-position:0 77.272727%}.flag-se{background-position:0 77.68595%}.flag-sg{background-position:0 78.099174%}.flag-sh{background-position:0 78.512397%}.flag-si{background-position:0 78.92562%}.flag-sj{background-position:0 79.338843%}.flag-sk{background-position:0 79.752066%}.flag-sl{background-position:0 80.165289%}.flag-sm{background-position:0 80.578512%}.flag-sn{background-position:0 80.991736%}.flag-so{background-position:0 81.404959%}.flag-sr{background-position:0 81.818182%}.flag-ss{background-position:0 82.231405%}.flag-st{background-position:0 82.644628%}.flag-sv{background-position:0 83.057851%}.flag-sy{background-position:0 83.471074%}.flag-sz{background-position:0 83.884298%}.flag-tc{background-position:0 84.297521%}.flag-td{background-position:0 84.710744%}.flag-tf{background-position:0 85.123967%}.flag-tg{background-position:0 85.53719%}.flag-th{background-position:0 85.950413%}.flag-tj{background-position:0 86.363636%}.flag-tk{background-position:0 86.77686%}.flag-tl{background-position:0 87.190083%}.flag-tm{background-position:0 87.603306%}.flag-tn{background-position:0 88.016529%}.flag-to{background-position:0 88.429752%}.flag-tp{background-position:0 88.842975%}.flag-tr{background-position:0 89.256198%}.flag-tt{background-position:0 89.669421%}.flag-tv{background-position:0 90.082645%}.flag-tw{background-position:0 90.495868%}.flag-ty{background-position:0 90.909091%}.flag-tz{background-position:0 91.322314%}.flag-ua{background-position:0 91.735537%}.flag-ug{background-position:0 92.14876%}.flag-gb,.flag-uk{background-position:0 92.561983%}.flag-um{background-position:0 92.975207%}.flag-us{background-position:0 93.38843%}.flag-uy{background-position:0 93.801653%}.flag-uz{background-position:0 94.214876%}.flag-va{background-position:0 94.628099%}.flag-vc{background-position:0 95.041322%}.flag-ve{background-position:0 95.454545%}.flag-vg{background-position:0 95.867769%}.flag-vi{background-position:0 96.280992%}.flag-vn{background-position:0 96.694215%}.flag-vu{background-position:0 97.107438%}.flag-wf{background-position:0 97.520661%}.flag-ws{background-position:0 97.933884%}.flag-ye{background-position:0 98.347107%}.flag-za{background-position:0 98.760331%}.flag-zm{background-position:0 99.173554%}.flag-zr{background-position:0 99.586777%}.flag-zw{background-position:0 100%}`
-};
-
-const karma_conf_js = `
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    coverageIstanbulReporter: {
-      dir: require('path').join(__dirname, '../coverage'),
-      reports: ['html', 'lcovonly'],
-      fixWebpackSourcePaths: true
-    },
-    reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false
-  });
-};`;
-
-const test_ts = `
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js/dist/zone-testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-declare const require: any;
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
-);
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);`;
-
-const editorconfig = `
-# Editor configuration, see http://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.md]
-max_line_length = off
-trim_trailing_whitespace = false
-`;
-
-const angular_json = `{
-    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-    "version": 1,
-    "cli": {
-      "analytics": false
-    },
-    "newProjectRoot": "projects",
-    "projects": {
-      "example-app": {
-        "projectType": "application",
-        "schematics": {
-          "@schematics/angular:component": {
-            "style": "scss"
-          },
-          "@schematics/angular:application": {
-            "strict": true
-          }
-        },
-        "root": "",
-        "sourceRoot": "src",
-        "prefix": "app",
-        "architect": {
-          "build": {
-            "builder": "@angular-devkit/build-angular:browser",
-            "options": {
-              "outputPath": "dist/example-app",
-              "index": "src/index.html",
-              "main": "src/main.ts",
-              "polyfills": ["zone.js"],
-              "tsConfig": "tsconfig.app.json",
-              "inlineStyleLanguage": "scss",
-              "assets": ["src/assets"],
-              "styles": [
-                "src/styles.scss",
-                "node_modules/primeicons/primeicons.css",
-                "node_modules/primeng/resources/themes/lara-light-blue/theme.css",
-                "node_modules/primeng/resources/primeng.min.css"
-              ],
-              "stylePreprocessorOptions": {
-                "includePaths": ["node_modules/"]
-              },
-              "scripts": []
-            },
-            "configurations": {
-              "production": {
-                "budgets": [
-                  {
-                    "type": "initial",
-                    "maximumWarning": "500kb",
-                    "maximumError": "1mb"
-                  },
-                  {
-                    "type": "anyComponentStyle",
-                    "maximumWarning": "2kb",
-                    "maximumError": "4kb"
-                  }
-                ],
-                "outputHashing": "all"
-              },
-              "development": {
-                "buildOptimizer": false,
-                "optimization": false,
-                "vendorChunk": true,
-                "extractLicenses": false,
-                "sourceMap": true,
-                "namedChunks": true
-              }
-            },
-            "defaultConfiguration": "production"
-          },
-          "serve": {
-            "builder": "@angular-devkit/build-angular:dev-server",
-            "configurations": {
-              "production": {
-                "buildTarget": "example-app:build:production"
-              },
-              "development": {
-                "buildTarget": "example-app:build:development"
-              }
-            },
-            "defaultConfiguration": "development"
-          },
-          "extract-i18n": {
-            "builder": "@angular-devkit/build-angular:extract-i18n",
-            "options": {
-              "browserTarget": "example-app:build"
-            }
-          },
-          "test": {
-            "builder": "@angular-devkit/build-angular:karma",
-            "options": {
-              "main": "src/test.ts",
-              "polyfills": ["zone.js"],
-              "tsConfig": "tsconfig.spec.json",
-              "karmaConfig": "karma.conf.js",
-              "inlineStyleLanguage": "scss",
-              "assets": ["src/assets"],
-              "stylePreprocessorOptions": {
-                "includePaths": ["node_modules/"]
-              },
-              "styles": [
-                "src/styles.scss",
-                "node_modules/primeicons/primeicons.css",
-                "node_modules/primeng/resources/themes/lara-light-blue/theme.css",
-                "node_modules/primeng/resources/primeng.min.css"
-              ],
-              "scripts": [],
-              "allowedCommonJsDependencies": [
-                "chart.js",
-                "xlsx",
-                "jspdf-autotable",
-                "file-saver",
-                "jspdf",
-                "quill"
-              ]
-            }
-          }
-        }
-      }
-    }
-  }`;
-
-const tsconfig_app_json = `{
-    "extends": "./tsconfig.json",
-    "compilerOptions": {
-      "outDir": "./out-tsc/app",
-      "types": []
-    },
-    "files": [
-      "src/main.ts"
-    ],
-    "include": [
-      "src/**/*.d.ts"
-    ]
-}`;
-
-const tsconfig_json = `{
-    "compileOnSave": false,
-    "compilerOptions": {
-      "baseUrl": "./",
-      "outDir": "./dist/out-tsc",
-      "sourceMap": true,
-      "declaration": false,
-      "module": "es2022",
-      "moduleResolution": "node",
-      "emitDecoratorMetadata": true,
-      "experimentalDecorators": true,
-      "target": "es2022",
-      "typeRoots": [
-        "node_modules/@types"
-      ],
-      "lib": [
-        "es2022",
-        "dom"
-      ],
-      "paths": {
-        "@domain/*": ["src/domain/*"],
-        "@service/*": ["src/service/*"]
-      }
-    }
-}`;
-
-const tsconfig_spec_json = `{
-    "extends": "../tsconfig.json",
-    "compilerOptions": {
-      "outDir": "../out-tsc/spec",
-      "types": [
-        "jasmine",
-        "node"
-      ]
-    },
-    "files": [
-      "test.ts"
-    ],
-    "include": [
-      "**/*.spec.ts",
-      "**/*.d.ts"
-    ]
-}`;
-
-const getAngularApp = (props: Props = {}) => {
-    const { code, extFiles, routeFiles, selector } = props;
-    const dependencies = getDependencies();
-    const componentName = getComponentName(selector);
-    const externalFiles = getExternalFiles(extFiles);
-    const _routeFiles = getExternalFiles(routeFiles);
-    const routeImports = getRouteImports(routeFiles, selector);
-    const serviceImports = code.service ? getServiceImports(code.service) : '';
-    const routerModule = code.routerModule ? code.routerModule : `RouterModule.forRoot([{ path: '', component: ${componentName} }])`;
-    const declarations = routeFiles && routeFiles.length ? (componentName ? routeFiles.map((r) => r.name).join(', ') + ',' + componentName : routeFiles.map((r) => r.name).join(', ')) : `${componentName}`;
-    const providers = code.service && code.service.length ? code.service.map((s) => s).join(', ') : '';
-
-    const imports_ts = `// Import PrimeNG modules
-    import { AccordionModule } from 'primeng/accordion';
-    import { AutoCompleteModule } from 'primeng/autocomplete';
-    import { AvatarModule } from 'primeng/avatar';
-    import { AvatarGroupModule } from 'primeng/avatargroup';
-    import { BadgeModule } from 'primeng/badge';
-    import { BreadcrumbModule } from 'primeng/breadcrumb';
-    import { ButtonModule } from 'primeng/button';
-    import { ButtonGroupModule } from 'primeng/buttongroup';
-    import { CalendarModule } from 'primeng/calendar';
-    import { CarouselModule } from 'primeng/carousel';
-    import { CascadeSelectModule } from 'primeng/cascadeselect';
-    import { ChartModule } from 'primeng/chart';
-    import { CheckboxModule } from 'primeng/checkbox';
-    import { ChipModule } from 'primeng/chip';
-    import { ChipsModule } from 'primeng/chips';
-    import { ConfirmDialogModule } from 'primeng/confirmdialog';
-    import { ConfirmPopupModule } from 'primeng/confirmpopup';
-    import { ColorPickerModule } from 'primeng/colorpicker';
-    import { ContextMenuModule } from 'primeng/contextmenu';
-    import { DataViewModule } from 'primeng/dataview';
-    import { VirtualScrollerModule } from 'primeng/virtualscroller';
-    import { DialogModule } from 'primeng/dialog';
-    import { DividerModule } from 'primeng/divider';
-    import { DockModule } from 'primeng/dock';
-    import { DragDropModule } from 'primeng/dragdrop';
-    import { DropdownModule } from 'primeng/dropdown';
-    import { DynamicDialogModule } from 'primeng/dynamicdialog';
-    import { DeferModule } from 'primeng/defer';
-    import { EditorModule } from 'primeng/editor';
-    import { FieldsetModule } from 'primeng/fieldset';
-    import { FileUploadModule } from 'primeng/fileupload';
-    import { FocusTrapModule } from 'primeng/focustrap';
-    import { GalleriaModule } from 'primeng/galleria';
-    import { InplaceModule } from 'primeng/inplace';
-    import { InputMaskModule } from 'primeng/inputmask';
-    import { InputSwitchModule } from 'primeng/inputswitch';
-    import { InputTextModule } from 'primeng/inputtext';
-    import { InputNumberModule } from 'primeng/inputnumber';
-    import { InputTextareaModule } from 'primeng/inputtextarea';
-    import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
-    import { InputGroupModule } from 'primeng/inputgroup';
-    import { InputOtpModule } from 'primeng/inputotp';
-    import { ImageModule } from 'primeng/image';
-    import { KnobModule } from 'primeng/knob';
-    import { ListboxModule } from 'primeng/listbox';
-    import { MegaMenuModule } from 'primeng/megamenu';
-    import { MenuModule } from 'primeng/menu';
-    import { MenubarModule } from 'primeng/menubar';
-    import { MessageModule } from 'primeng/message';
-    import { MessagesModule } from 'primeng/messages';
-    import { MultiSelectModule } from 'primeng/multiselect';
-    import { MeterGroupModule } from 'primeng/metergroup';
-    import { OrderListModule } from 'primeng/orderlist';
-    import { OrganizationChartModule } from 'primeng/organizationchart';
-    import { OverlayPanelModule } from 'primeng/overlaypanel';
-    import { PaginatorModule } from 'primeng/paginator';
-    import { PanelModule } from 'primeng/panel';
-    import { PanelMenuModule } from 'primeng/panelmenu';
-    import { PasswordModule } from 'primeng/password';
-    import { PickListModule } from 'primeng/picklist';
-    import { ProgressBarModule } from 'primeng/progressbar';
-    import { RadioButtonModule } from 'primeng/radiobutton';
-    import { RatingModule } from 'primeng/rating';
-    import { ScrollerModule } from 'primeng/scroller';
-    import { ScrollPanelModule } from 'primeng/scrollpanel';
-    import { ScrollTopModule } from 'primeng/scrolltop';
-    import { SelectButtonModule } from 'primeng/selectbutton';
-    import { SidebarModule } from 'primeng/sidebar';
-    import { SkeletonModule } from 'primeng/skeleton';
-    import { SlideMenuModule } from 'primeng/slidemenu';
-    import { SliderModule } from 'primeng/slider';
-    import { SpeedDialModule } from 'primeng/speeddial';
-    import { SpinnerModule } from 'primeng/spinner';
-    import { SplitButtonModule } from 'primeng/splitbutton';
-    import { SplitterModule } from 'primeng/splitter';
-    import { StepperModule } from 'primeng/stepper';
-    import { StepsModule } from 'primeng/steps';
-    import { TabMenuModule } from 'primeng/tabmenu';
-    import { TableModule } from 'primeng/table';
-    import { TabViewModule } from 'primeng/tabview';
-    import { TagModule } from 'primeng/tag';
-    import { TerminalModule } from 'primeng/terminal';
-    import { TieredMenuModule } from 'primeng/tieredmenu';
-    import { TimelineModule } from 'primeng/timeline';
-    import { ToastModule } from 'primeng/toast';
-    import { ToggleButtonModule } from 'primeng/togglebutton';
-    import { ToolbarModule } from 'primeng/toolbar';
-    import { TooltipModule } from 'primeng/tooltip';
-    import { TriStateCheckboxModule } from 'primeng/tristatecheckbox';
-    import { TreeModule } from 'primeng/tree';
-    import { TreeSelectModule } from 'primeng/treeselect';
-    import { TreeTableModule } from 'primeng/treetable';
-    import { AnimateModule } from 'primeng/animate';
-    import { AnimateOnScrollModule } from 'primeng/animateonscroll';
-    import { CardModule } from 'primeng/card';
-    import { BlockUIModule } from 'primeng/blockui';
-    import { ProgressSpinnerModule } from 'primeng/progressspinner';
-    import { RippleModule } from 'primeng/ripple';
-    import { FloatLabelModule } from 'primeng/floatlabel';
-    import { IconFieldModule } from 'primeng/iconfield';
-    import { InputIconModule } from 'primeng/inputicon';
-    import { StyleClassModule } from 'primeng/styleclass';
-    import { AutoFocusModule } from 'primeng/autofocus';
-    import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-    import { HttpClientModule } from '@angular/common/http';
-    import { NgModule } from '@angular/core';
-    ${serviceImports}
-
-    @NgModule({
-      imports: [
-        AvatarModule,
-        AvatarGroupModule,
-        AnimateOnScrollModule,
-        FormsModule,
-        HttpClientModule,
-        ReactiveFormsModule,
-        AccordionModule,
-        AutoCompleteModule,
-        BadgeModule,
-        BreadcrumbModule,
-        BlockUIModule,
-        ButtonModule,
-        ButtonGroupModule,
-        CalendarModule,
-        CarouselModule,
-        CascadeSelectModule,
-        ChartModule,
-        CheckboxModule,
-        ChipsModule,
-        ChipModule,
-        ColorPickerModule,
-        ConfirmDialogModule,
-        ConfirmPopupModule,
-        ContextMenuModule,
-        VirtualScrollerModule,
-        DataViewModule,
-        DialogModule,
-        DividerModule,
-        DockModule,
-        DragDropModule,
-        DropdownModule,
-        DynamicDialogModule,
-        DeferModule,
-        EditorModule,
-        FieldsetModule,
-        FileUploadModule,
-        FocusTrapModule,
-        GalleriaModule,
-        InplaceModule,
-        InputMaskModule,
-        InputSwitchModule,
-        InputTextModule,
-        InputTextareaModule,
-        InputNumberModule,
-        InputGroupModule,
-        InputGroupAddonModule,
-        InputOtpModule,
-        ImageModule,
-        KnobModule,
-        ListboxModule,
-        MegaMenuModule,
-        MenuModule,
-        MenubarModule,
-        MessageModule,
-        MessagesModule,
-        MultiSelectModule,
-        MeterGroupModule,
-        OrganizationChartModule,
-        OrderListModule,
-        OverlayPanelModule,
-        PaginatorModule,
-        PanelModule,
-        PanelMenuModule,
-        PasswordModule,
-        PickListModule,
-        ProgressSpinnerModule,
-        ProgressBarModule,
-        RadioButtonModule,
-        RatingModule,
-        SelectButtonModule,
-        SidebarModule,
-        ScrollerModule,
-        ScrollPanelModule,
-        ScrollTopModule,
-        SkeletonModule,
-        SlideMenuModule,
-        SliderModule,
-        SpeedDialModule,
-        SpinnerModule,
-        SplitterModule,
-        StepperModule,
-        SplitButtonModule,
-        StepsModule,
-        TableModule,
-        TabMenuModule,
-        TabViewModule,
-        TagModule,
-        TerminalModule,
-        TieredMenuModule,
-        TimelineModule,
-        ToastModule,
-        ToggleButtonModule,
-        ToolbarModule,
-        TooltipModule,
-        TriStateCheckboxModule,
-        TreeModule,
-        TreeSelectModule,
-        TreeTableModule,
-        AnimateModule,
-        CardModule,
-        RippleModule,
-        StyleClassModule,
-        IconFieldModule,
-        InputIconModule,
-        AutoFocusModule
-      ],
-      exports: [
-        AvatarModule,
-        AvatarGroupModule,
-        AnimateOnScrollModule,
-        FormsModule,
-        HttpClientModule,
-        ReactiveFormsModule,
-        AccordionModule,
-        AutoCompleteModule,
-        BadgeModule,
-        BreadcrumbModule,
-        BlockUIModule,
-        ButtonModule,
-        ButtonGroupModule,
-        CalendarModule,
-        CarouselModule,
-        CascadeSelectModule,
-        ChartModule,
-        CheckboxModule,
-        ChipsModule,
-        ChipModule,
-        ColorPickerModule,
-        ConfirmDialogModule,
-        ConfirmPopupModule,
-        ContextMenuModule,
-        VirtualScrollerModule,
-        DataViewModule,
-        DialogModule,
-        DividerModule,
-        DeferModule,
-        DockModule,
-        DragDropModule,
-        DropdownModule,
-        DynamicDialogModule,
-        EditorModule,
-        FieldsetModule,
-        FileUploadModule,
-        FocusTrapModule,
-        GalleriaModule,
-        InplaceModule,
-        InputMaskModule,
-        InputSwitchModule,
-        InputTextModule,
-        InputTextareaModule,
-        InputNumberModule,
-        InputGroupModule,
-        InputGroupAddonModule,
-        InputOtpModule,
-        ImageModule,
-        KnobModule,
-        ListboxModule,
-        MegaMenuModule,
-        MenuModule,
-        MenubarModule,
-        MessageModule,
-        MessagesModule,
-        MultiSelectModule,
-        MeterGroupModule,
-        OrganizationChartModule,
-        OrderListModule,
-        OverlayPanelModule,
-        PaginatorModule,
-        PanelModule,
-        PanelMenuModule,
-        PasswordModule,
-        PickListModule,
-        ProgressSpinnerModule,
-        ProgressBarModule,
-        RadioButtonModule,
-        RatingModule,
-        SelectButtonModule,
-        SidebarModule,
-        ScrollerModule,
-        ScrollPanelModule,
-        ScrollTopModule,
-        SkeletonModule,
-        SlideMenuModule,
-        SliderModule,
-        SpeedDialModule,
-        SpinnerModule,
-        SplitterModule,
-        StepperModule,
-        SplitButtonModule,
-        StepsModule,
-        TableModule,
-        TabMenuModule,
-        TabViewModule,
-        TagModule,
-        TerminalModule,
-        TieredMenuModule,
-        TimelineModule,
-        ToastModule,
-        ToggleButtonModule,
-        ToolbarModule,
-        TooltipModule,
-        TriStateCheckboxModule,
-        TreeModule,
-        TreeSelectModule,
-        TreeTableModule,
-        AnimateModule,
-        CardModule,
-        RippleModule,
-        StyleClassModule,
-        FloatLabelModule,
-        IconFieldModule,
-        InputIconModule,
-        AutoFocusModule
-      ],
-      providers: [ ${providers} ]
-    })
-    export class ImportsModule {}
-    `;
-
-    const index_html = `
-<!doctype html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8">
-        <title>PrimeNG ${componentName}</title>
-        <base href="/">
-
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <link href="https://unpkg.com/primeflex/primeflex.css" rel="stylesheet" />
-        <link href="https://unpkg.com/primeicons/primeicons.css" rel="stylesheet" />
-        <link href="https://unpkg.com/quill@1.3.7/dist/quill.snow.css" rel="stylesheet" />
-        <link rel="icon" type="image/x-icon" href="https://primefaces.org/cdn/primeng/images/favicon.png">
-    </head>
-    <body>
-        <${selector}></${selector}>
-    </body>
-</html>`;
-
-    const main_ts = `import { bootstrapApplication } from '@angular/platform-browser';
-import { ${componentName} } from './app/${selector}';
-import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
-import { Routes, provideRouter } from '@angular/router';
-
-const routes: Routes = [];
-
-bootstrapApplication(${componentName}, {
-providers: [provideAnimationsAsync(), provideRouter(routes)],
-}).catch((err) => console.error(err));`;
-
-    const defaultFiles = {
-        'src/main.ts': { content: main_ts },
-        'src/test.ts': { content: test_ts },
-        'tsconfig.json': { content: tsconfig_json },
-        'tsconfig.app.json': { content: tsconfig_app_json },
-        'tsconfig.spec.json': { content: tsconfig_spec_json },
-        '.editorconfig': { content: editorconfig },
-        'angular.json': { content: angular_json },
-        'src/app/imports.ts': { content: imports_ts },
-        'src/index.html': { content: index_html },
-        'src/karma.conf.js': { content: karma_conf_js },
-        'src/styles.scss': { content: staticStyles.global },
-        'src/flags.css': { content: staticStyles.flags }
-    };
-
-    const files = {
-        'package.json': {
-            content: {
-                name: `primeng-${selector}`,
-                description: `PrimeNG ${componentName}`,
-                license: 'MIT',
-                keywords: [],
-                scripts: {
-                    ng: 'ng',
-                    start: 'ng serve',
-                    build: 'ng build',
-                    test: 'ng test'
-                },
-                dependencies: {
-                    ...dependencies
-                }
-            }
-        },
-
-        [`src/app/${selector}.ts`]: { content: code.typescript.trim() },
-        [`src/app/${selector}.html`]: { content: code.html.trim() },
-        ...defaultFiles,
-        ...externalFiles,
-        ..._routeFiles
-    };
-
-    if (code.service) {
-        code.service.forEach((name) => {
-            files[`src/service/${name.toLowerCase()}.ts`] = {
-                content: services[name]
-            };
-        });
-    }
-
-    return { files, title: `PrimeNG ${componentName}` };
-};
-
-export { getAngularApp };
diff --git a/src/app/showcase/layout/favicon.png b/src/app/showcase/layout/favicon.png
deleted file mode 100644
index fb13446..0000000
Binary files a/src/app/showcase/layout/favicon.png and /dev/null differ
diff --git a/src/app/showcase/layout/footer/app.footer.component.ts b/src/app/showcase/layout/footer/app.footer.component.ts
deleted file mode 100644
index e1ea503..0000000
--- a/src/app/showcase/layout/footer/app.footer.component.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'app-footer',
-    standalone: true,
-    template: `
-        <div class="layout-footer">
-            <div>
-                <span>PrimeNG {{ version }} by </span>
-                <a href="https://www.primetek.com.tr">PrimeTek</a>
-            </div>
-        </div>
-    `
-})
-export class AppFooterComponent {
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    version = require('package.json') && require('package.json').version;
-}
diff --git a/src/app/showcase/layout/menu/app.menu.component.ts b/src/app/showcase/layout/menu/app.menu.component.ts
deleted file mode 100644
index 07099ff..0000000
--- a/src/app/showcase/layout/menu/app.menu.component.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, ElementRef, OnDestroy, afterNextRender } from '@angular/core';
-import { NavigationEnd, Router, RouterModule } from '@angular/router';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-import { DomHandler } from 'primeng/dom';
-import { StyleClassModule } from 'primeng/styleclass';
-import { Subscription } from 'rxjs';
-import { default as MenuData } from 'src/assets/showcase/data/menu.json';
-import { AppConfigService } from '@service/appconfigservice';
-import { AppMenuItemComponent } from './app.menuitem.component';
-
-export interface MenuItem {
-    name?: string;
-    icon?: string;
-    children?: MenuItem[];
-    routerLink?: string;
-    href?: string;
-}
-
-@Component({
-    selector: 'app-menu',
-    template: ` <aside>
-        <nav>
-            <ol class="layout-menu">
-                <li *ngFor="let item of menu; let i = index" app-menuitem [item]="item" [root]="true"></li>
-            </ol>
-        </nav>
-    </aside>`,
-    host: {
-        class: 'layout-sidebar',
-        '[class.active]': 'isActive'
-    },
-    standalone: true,
-    imports: [CommonModule, StyleClassModule, RouterModule, AutoCompleteModule, AppMenuItemComponent]
-})
-export class AppMenuComponent implements OnDestroy {
-    menu!: MenuItem[];
-
-    private routerSubscription: Subscription;
-
-    constructor(
-        private configService: AppConfigService,
-        private el: ElementRef,
-        private router: Router
-    ) {
-        this.menu = MenuData.data;
-
-        afterNextRender(() => {
-            setTimeout(() => {
-                this.scrollToActiveItem();
-            }, 1);
-
-            this.routerSubscription = this.router.events.subscribe((event) => {
-                if (event instanceof NavigationEnd && this.configService.state.menuActive) {
-                    this.configService.hideMenu();
-                    DomHandler.unblockBodyScroll('blocked-scroll');
-                }
-            });
-        });
-    }
-
-    get isActive(): boolean {
-        return this.configService.state.menuActive;
-    }
-
-    scrollToActiveItem() {
-        let activeItem = DomHandler.findSingle(this.el.nativeElement, '.router-link-active');
-        if (activeItem && !this.isInViewport(activeItem)) {
-            activeItem.scrollIntoView({ block: 'center' });
-        }
-    }
-
-    isInViewport(element) {
-        const rect = element.getBoundingClientRect();
-        return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || (document.documentElement.clientHeight && rect.right <= (window.innerWidth || document.documentElement.clientWidth)));
-    }
-
-    ngOnDestroy() {
-        if (this.routerSubscription) {
-            this.routerSubscription.unsubscribe();
-            this.routerSubscription = null;
-        }
-    }
-}
diff --git a/src/app/showcase/layout/menu/app.menuitem.component.ts b/src/app/showcase/layout/menu/app.menuitem.component.ts
deleted file mode 100644
index 01190c8..0000000
--- a/src/app/showcase/layout/menu/app.menuitem.component.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Input, booleanAttribute } from '@angular/core';
-import { Router, RouterModule } from '@angular/router';
-import { StyleClassModule } from 'primeng/styleclass';
-import { MenuItem } from './app.menu.component';
-import { TagModule } from 'primeng/tag';
-
-@Component({
-    selector: '[app-menuitem]',
-    template: `
-        <button *ngIf="root && item.children" pButton type="button" class="px-link" pStyleClass="@next" enterFromClass="hidden" enterActiveClass="slidedown" leaveToClass="hidden" leaveActiveClass="slideup">
-            <div class="menu-icon">
-                <i [ngClass]="item.icon"></i>
-            </div>
-            <span>{{ item.name }}</span>
-            <i class="menu-toggle-icon pi pi-angle-down"></i>
-        </button>
-        <a *ngIf="item.href" [href]="item.href" target="_blank" rel="noopener noreferrer">
-            <div *ngIf="item.icon && root" class="menu-icon">
-                <i [ngClass]="item.icon"></i>
-            </div>
-            <span>{{ item.name }}</span>
-            <p-tag *ngIf="item.badge" [value]="item.badge" />
-        </a>
-        <a *ngIf="item.routerLink" [routerLink]="item.routerLink" routerLinkActive="router-link-active" [routerLinkActiveOptions]="{ paths: 'subset', queryParams: 'ignored', matrixParams: 'ignored', fragment: 'ignored' }">
-            <div *ngIf="item.icon && root" class="menu-icon">
-                <i [ngClass]="item.icon"></i>
-            </div>
-            <span>{{ item.name }}</span>
-            <p-tag *ngIf="item.badge" [value]="item.badge" />
-        </a>
-        <span *ngIf="!root && item.children" class="menu-child-category">{{ item.name }}</span>
-        <div *ngIf="item.children" class="overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out" [ngClass]="{ hidden: item.children && root && isActiveRootMenuItem(item) }">
-            <ol>
-                <li *ngFor="let child of item.children" app-menuitem [root]="false" [item]="child"></li>
-            </ol>
-        </div>
-    `,
-    standalone: true,
-    imports: [CommonModule, StyleClassModule, RouterModule, TagModule]
-})
-export class AppMenuItemComponent {
-    @Input() item: MenuItem;
-
-    @Input({ transform: booleanAttribute }) root: boolean = true;
-
-    constructor(private router: Router) {}
-
-    isActiveRootMenuItem(menuitem: MenuItem): boolean {
-        const url = this.router.url.split('#')[0];
-        return menuitem.children && !menuitem.children.some((item) => url.includes(item.routerLink) || (item.children && item.children.some((it) => url.includes(it.routerLink))));
-    }
-}
diff --git a/src/app/showcase/layout/news/app.news.component.html b/src/app/showcase/layout/news/app.news.component.html
deleted file mode 100644
index 5ec659e..0000000
--- a/src/app/showcase/layout/news/app.news.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<div *ngIf="isNewsActive" class="layout-news">
-    <div class="layout-news-container">
-        <div class="layout-news-content">
-            <span class="layout-news-text">{{ announcement?.content }}</span>
-            <a class="layout-news-link" [href]="announcement?.linkHref">{{ announcement?.linkText }}</a>
-        </div>
-        <a tabindex="0" class="layout-news-close" (click)="hideNews()">
-            <span class="pi pi-times"></span>
-        </a>
-    </div>
-</div>
\ No newline at end of file
diff --git a/src/app/showcase/layout/news/app.news.component.ts b/src/app/showcase/layout/news/app.news.component.ts
deleted file mode 100644
index ad716d8..0000000
--- a/src/app/showcase/layout/news/app.news.component.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, afterNextRender } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { StyleClassModule } from 'primeng/styleclass';
-import News from '../../data/news.json';
-import { AppConfigService } from '@service/appconfigservice';
-
-@Component({
-    selector: 'app-news',
-    standalone: true,
-    templateUrl: './app.news.component.html',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [CommonModule, FormsModule, StyleClassModule]
-})
-export class AppNewsComponent {
-    storageKey: string = 'primeng';
-
-    announcement: any;
-
-    constructor(
-        private configService: AppConfigService,
-        private cd: ChangeDetectorRef
-    ) {
-        afterNextRender(() => {
-            const itemString = localStorage.getItem(this.storageKey);
-
-            if (itemString) {
-                const item = JSON.parse(itemString);
-
-                if (!item.hiddenNews || item.hiddenNews !== News.id) {
-                    this.configService.state.newsActive = true;
-                    this.announcement = News;
-                } else {
-                    this.configService.state.newsActive = false;
-                }
-            } else {
-                this.configService.state.newsActive = true;
-                this.announcement = News;
-            }
-            this.cd.markForCheck();
-        });
-    }
-
-    get isNewsActive(): boolean {
-        return this.configService.state.newsActive;
-    }
-
-    hideNews() {
-        this.configService.hideNews();
-        const item = {
-            hiddenNews: this.announcement.id
-        };
-
-        localStorage.setItem(this.storageKey, JSON.stringify(item));
-    }
-}
diff --git a/src/app/showcase/layout/templates/templateconfiguration.ts b/src/app/showcase/layout/templates/templateconfiguration.ts
deleted file mode 100644
index 6bef3ac..0000000
--- a/src/app/showcase/layout/templates/templateconfiguration.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input, NgModule, ViewEncapsulation } from '@angular/core';
-import { SharedModule } from 'primeng/api';
-
-@Component({
-    selector: 'template-configuration',
-    template: `
-        <div class="template-configuration-wrapper">
-            <div class="template-configuration">
-                <div class="template-configuration-screen">
-                    <div class="template-configuration-screen-top">
-                        <div class="template-configuration-screen-top-close template-configuration-screen-top-circle"></div>
-                        <div class="template-configuration-screen-top-minimize template-configuration-screen-top-circle"></div>
-                        <div class="template-configuration-screen-top-zoom template-configuration-screen-top-circle"></div>
-                    </div>
-                    <div class="template-configuration-screen-bottom">
-                        <p>&gt; npm install -g angular-cli</p>
-                        <p>&gt; ng new my-apollo-app</p>
-                        <p>&gt; cd my-apollo-app</p>
-                        <p>&gt; ng serve</p>
-                        <img class="template-configuration-screen-bottom-logo" src="https://primefaces.org/cdn/primeng/images/templates/angular-3d-logo.png" alt="Angular 3D Logo" />
-                    </div>
-                </div>
-                <h3 class="template-configuration-title">{{ title }}</h3>
-                <p class="template-configuration-description">{{ description }}</p>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
-})
-export class TemplateConfiguration {
-    @Input() title;
-    @Input() description;
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule],
-    exports: [TemplateConfiguration, SharedModule],
-    declarations: [TemplateConfiguration]
-})
-export class TemplateConfigurationModule {}
diff --git a/src/app/showcase/layout/templates/templatefeatures.ts b/src/app/showcase/layout/templates/templatefeatures.ts
deleted file mode 100644
index abd4122..0000000
--- a/src/app/showcase/layout/templates/templatefeatures.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input, NgModule, ViewEncapsulation } from '@angular/core';
-import { SharedModule } from 'primeng/api';
-import { AppConfigService } from '../../service/appconfigservice';
-
-@Component({
-    selector: 'template-features',
-    template: `
-        <div class="template-features">
-            <ng-container *ngIf="displayType === 'horizontal'; else vertical">
-                <div class="template-features-horizontal-wrapper">
-                    <div class="template-features-horizontal">
-                        <ng-container *ngFor="let feature of featuresData">
-                            <div class="template-features-horizontal-card">
-                                <div class="template-features-horizontal-card-top">
-                                    <img [src]="isDarkMode ? feature.darkSrc || feature.src : feature.src" [alt]="feature.title" />
-                                </div>
-                                <div class="template-features-horizontal-card-bottom">
-                                    <h5 class="template-features-horizontal-card-bottom-title">{{ feature.title }}</h5>
-                                    <p class="template-features-horizontal-card-bottom-description">{{ feature.description }}</p>
-                                </div>
-                            </div>
-                        </ng-container>
-                    </div>
-                </div>
-            </ng-container>
-            <ng-template #vertical>
-                <div class="template-features-vertical-wrapper">
-                    <div class="template-features-vertical">
-                        <ng-container *ngFor="let _ of [].constructor(2); let i = index">
-                            <div class="template-features-vertical-col">
-                                <ng-container *ngFor="let data of i === 0 ? firstColumnData : secondColumnData; let j = index">
-                                    <div class="template-features-vertical-card">
-                                        <div class="template-features-vertical-card-image">
-                                            <img [src]="isDarkMode ? data.darkSrc || data.src : data.src" [alt]="data.title" />
-                                        </div>
-                                        <h2>{{ data.title }}</h2>
-                                        <p>{{ data.description }}</p>
-                                    </div>
-                                </ng-container>
-                            </div>
-                        </ng-container>
-                    </div>
-                </div>
-            </ng-template>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
-})
-export class TemplateFeatures {
-    @Input() displayType;
-
-    @Input() featuresData;
-
-    firstColumnData;
-
-    secondColumnData;
-
-    get isDarkMode(): boolean {
-        return this.configService.config().darkMode;
-    }
-
-    constructor(private configService: AppConfigService) {}
-
-    ngOnInit() {
-        if (this.featuresData) {
-            this.firstColumnData = this.featuresData.slice(0, Math.ceil(this.featuresData.length / 2));
-            this.secondColumnData = this.featuresData.slice(Math.ceil(this.featuresData.length / 2));
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule],
-    exports: [TemplateFeatures, SharedModule],
-    declarations: [TemplateFeatures]
-})
-export class TemplateFeaturesModule {}
diff --git a/src/app/showcase/layout/templates/templatefeaturesanimation/templatefeaturesanimation.ts b/src/app/showcase/layout/templates/templatefeaturesanimation/templatefeaturesanimation.ts
deleted file mode 100644
index 3eefe30..0000000
--- a/src/app/showcase/layout/templates/templatefeaturesanimation/templatefeaturesanimation.ts
+++ /dev/null
@@ -1,137 +0,0 @@
-import { CommonModule, NgOptimizedImage, isPlatformBrowser } from '@angular/common';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Inject, Input, NgModule, NgZone, PLATFORM_ID, ViewEncapsulation } from '@angular/core';
-import { SharedModule } from 'primeng/api';
-import { TemplateFeaturesAnimationInlineModule } from './templatefeaturesanimationinline';
-
-@Component({
-    selector: 'template-features-animation',
-    template: `
-        <div class="template-features-animation-wrapper">
-            <ng-container *ngIf="!!title">
-                <div class="template-features-animation-title">
-                    <h2>{{ title }}</h2>
-                </div>
-            </ng-container>
-            <div class="template-features-animation">
-                <div class="template-features-animation-left">
-                    <div
-                        *ngFor="let data of featuresData; let i = index"
-                        (mouseenter)="enterCardArea(data.id)"
-                        (mouseleave)="leaveCardArea(data.id)"
-                        [ngClass]="{
-                            'template-features-animation-left-card': true,
-                            'template-features-animation-left-card-active': selectedID === data.id
-                        }"
-                        (click)="handleClick(data.id)"
-                    >
-                        <div class="template-features-animation-left-card-order">
-                            <div>{{ (i + 1).toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false }) }}</div>
-                            <div>{{ (i + 1).toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false }) }}</div>
-                            <div>{{ (i + 1).toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false }) }}</div>
-                        </div>
-                        <div class="template-features-animation-left-card-content">
-                            <h5>{{ data.title }}</h5>
-                            <p>{{ data.description }}</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="template-features-animation-right">
-                    <ng-container *ngIf="featuresData[selectedID - 1]?.type === 'inline-animation'; else featureImage">
-                        <template-features-animation-inline
-                            [inlineFeaturesData]="featuresData[selectedID - 1]?.inlineFeaturesData"
-                            [parentHandleClick]="handleClick"
-                            [parentHandleHover]="handleHover"
-                            [parentID]="selectedID"
-                            [inlineSeconds]="animationSeconds / featuresData[selectedID - 1]?.inlineFeaturesData.length"
-                        ></template-features-animation-inline>
-                    </ng-container>
-                    <ng-template #featureImage>
-                        <img [src]="featuresData[selectedID - 1]?.src" alt="Animation Feature Image" />
-                    </ng-template>
-                </div>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
-})
-export class TemplateFeaturesAnimation {
-    @Input() featuresData;
-
-    @Input() title;
-
-    animationSeconds = 5000;
-
-    selectedID = 1;
-
-    hoveredID = null;
-
-    intervalId = null;
-
-    observer = null;
-
-    timeout = null;
-
-    options;
-
-    constructor(
-        private cd: ChangeDetectorRef,
-        public el: ElementRef,
-        @Inject(PLATFORM_ID) private platformId: any
-    ) {}
-
-    startInterval() {
-        this.intervalId = setInterval(() => {
-            this.selectedID++;
-            if (this.selectedID > this.featuresData.length) {
-                this.selectedID = 1;
-            }
-
-            this.cd.markForCheck();
-        }, 5000);
-    }
-
-    enterCardArea() {
-        clearInterval(this.intervalId);
-    }
-
-    leaveCardArea() {
-        this.startInterval();
-    }
-
-    handleClick(id) {
-        this.selectedID = id;
-    }
-
-    ngOnInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.observer = new IntersectionObserver(([entry]) => {
-                clearTimeout(this.timeout);
-
-                if (entry.isIntersecting) {
-                    this.startInterval();
-                    this.timeout = setTimeout(() => {
-                        this.observer.unobserve(this.el.nativeElement);
-                    }, 350);
-                }
-            }, this.options);
-
-            this.observer.observe(this.el.nativeElement);
-        }
-    }
-
-    ngOnDestroy() {
-        clearInterval(this.intervalId);
-        this.intervalId = null;
-        if (this.el.nativeElement) {
-            this.observer?.unobserve(this.el.nativeElement);
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, TemplateFeaturesAnimationInlineModule, NgOptimizedImage],
-    exports: [TemplateFeaturesAnimation, SharedModule],
-    declarations: [TemplateFeaturesAnimation]
-})
-export class TemplateFeaturesAnimationModule {}
diff --git a/src/app/showcase/layout/templates/templatefeaturesanimation/templatefeaturesanimationinline.ts b/src/app/showcase/layout/templates/templatefeaturesanimation/templatefeaturesanimationinline.ts
deleted file mode 100644
index f89bdf2..0000000
--- a/src/app/showcase/layout/templates/templatefeaturesanimation/templatefeaturesanimationinline.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-import { CommonModule, isPlatformBrowser } from '@angular/common';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Inject, Input, NgModule, PLATFORM_ID, ViewEncapsulation } from '@angular/core';
-import { SharedModule } from 'primeng/api';
-
-@Component({
-    selector: 'template-features-animation-inline',
-    template: `
-        <div class="template-features-animation-right-inline">
-            <div class="template-features-animation-right-inline-tabs">
-                <button
-                    *ngFor="let data of inlineFeaturesData; let i = index"
-                    (mouseenter)="enterCardArea(data.id)"
-                    (mouseleave)="leaveCardArea(data.id)"
-                    [class.template-features-animation-right-inline-tabs-btnActive]="data.id === selectedID"
-                    (click)="handleBtnClick(data.id)"
-                >
-                    {{ data.title }}
-                </button>
-            </div>
-            <div class="template-features-animation-right-inline-image">
-                <img [src]="inlineFeaturesData[selectedID - 1]?.src" alt="Animation Inline Feature Image" />
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
-})
-export class TemplateFeaturesAnimationInline {
-    @Input() inlineFeaturesData;
-
-    @Input() parentHandleClick;
-
-    @Input() parentHandleHover;
-
-    @Input() parentID;
-
-    @Input() inlineSeconds;
-
-    selectedID = 1;
-
-    hoveredID = '';
-
-    intervalId;
-
-    observer = null;
-
-    timeout = null;
-
-    options;
-
-    constructor(
-        private cd: ChangeDetectorRef,
-        public el: ElementRef,
-        @Inject(PLATFORM_ID) private platformId: any
-    ) {}
-
-    ngOnInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.observer = new IntersectionObserver(([entry]) => {
-                clearTimeout(this.timeout);
-
-                if (entry.isIntersecting) {
-                    this.startInterval();
-                    this.timeout = setTimeout(() => {
-                        this.observer.unobserve(this.el.nativeElement);
-                    }, 350);
-                }
-            }, this.options);
-
-            this.observer.observe(this.el.nativeElement);
-        }
-    }
-    handleClick(id) {
-        this.selectedID = id;
-    }
-
-    handleBtnClick = (id) => {
-        this.handleClick(id);
-        this.parentHandleClick(id);
-    };
-
-    startInterval() {
-        this.intervalId = setInterval(() => {
-            this.selectedID++;
-            if (this.selectedID > this.inlineFeaturesData.length) {
-                this.selectedID = 1;
-            }
-            this.cd.markForCheck();
-        }, this.inlineSeconds);
-    }
-
-    enterCardArea() {
-        clearInterval(this.intervalId);
-    }
-
-    leaveCardArea() {
-        this.startInterval();
-    }
-
-    ngOnDestroy() {
-        clearInterval(this.intervalId);
-        this.intervalId = null;
-        if (this.el.nativeElement) {
-            this.observer?.unobserve(this.el.nativeElement);
-        }
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule],
-    exports: [TemplateFeaturesAnimationInline, SharedModule],
-    declarations: [TemplateFeaturesAnimationInline]
-})
-export class TemplateFeaturesAnimationInlineModule {}
diff --git a/src/app/showcase/layout/templates/templatehero/templatehero.ts b/src/app/showcase/layout/templates/templatehero/templatehero.ts
deleted file mode 100644
index 88bded6..0000000
--- a/src/app/showcase/layout/templates/templatehero/templatehero.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { CommonModule, NgOptimizedImage } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input, NgModule, ViewEncapsulation } from '@angular/core';
-import { SharedModule } from 'primeng/api';
-import { TemplateHeroLightModule } from './templateherolight';
-import { TemplateHeroRectangleModule } from './templateherorectangle';
-
-@Component({
-    selector: 'template-hero',
-    template: `
-        <div class="template-hero">
-            <ng-container *ngIf="!!templateHeroData?.pattern">
-                <img class="template-hero-pattern" width="1344" [src]="templateHeroData.pattern" alt="Template Hero Pattern" priority />
-            </ng-container>
-            <ng-container *ngIf="!!templateHeroData?.light">
-                <template-hero-light></template-hero-light>
-            </ng-container>
-            <ng-container *ngIf="!!templateHeroData?.rectangle">
-                <template-hero-rectangle></template-hero-rectangle>
-            </ng-container>
-            <div class="template-hero-card">
-                <div class="template-hero-card-logo"><ng-container *ngComponentOutlet="templateLogo"></ng-container></div>
-                <p>{{ templateHeroData?.description }}</p>
-                <div class="template-hero-card-buttons">
-                    <a [href]="templateHeroData?.liveHref" target="_blank" class="template-hero-card-buttons-btn1 p-button"> Live Demo </a>
-                    <a [href]="templateHeroData?.storeHref ?? 'https://www.primefaces.org/store/'" target="_blank" class="template-hero-card-buttons-btn2 p-button">
-                        {{ templateHeroData?.free ? 'Source Code' : 'Buy Now' }}
-                    </a>
-                </div>
-                <div class="template-hero-card-links ">
-                    <a [href]="templateHeroData?.supportHref ?? 'https://github.com/orgs/primefaces/discussions/categories/primeng-templates'" target="_blank">
-                        <i class="pi pi-github " style="font-size: 1rem;"></i>
-                        <span>{{ templateHeroData?.free ? 'Open Issues' : 'Community' }}</span>
-                    </a>
-                    <a [href]="templateHeroData?.docHref" target="_blank">
-                        <i class="pi pi-book " style="font-size: 1rem;"></i>
-                        <span>Documentation</span>
-                    </a>
-                </div>
-            </div>
-            <ng-container *ngIf="!!templateHeroData?.dashboard1">
-                <img class="template-hero-dashboard1" eager [src]="templateHeroData?.dashboard1" alt="Template Dashboard Image 1" />
-            </ng-container>
-            <ng-container *ngIf="!!templateHeroData?.dashboard2">
-                <img class="template-hero-dashboard2" eager [src]="templateHeroData?.dashboard2" alt="Template Dashboard Image 2" />
-            </ng-container>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrl: '../../../pages/templates/learnmore/learnmore.scss'
-})
-export class TemplateHero {
-    @Input() templateHeroData;
-    @Input() templateLogo;
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, NgOptimizedImage, TemplateHeroLightModule, TemplateHeroRectangleModule],
-    exports: [TemplateHero, SharedModule],
-    declarations: [TemplateHero]
-})
-export class TemplateHeroModule {}
diff --git a/src/app/showcase/layout/templates/templatehero/templateherolight.ts b/src/app/showcase/layout/templates/templatehero/templateherolight.ts
deleted file mode 100644
index 66d1287..0000000
--- a/src/app/showcase/layout/templates/templatehero/templateherolight.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { CommonModule, NgOptimizedImage } from '@angular/common';
-import { ChangeDetectionStrategy, Component, NgModule, ViewEncapsulation } from '@angular/core';
-import { SharedModule } from 'primeng/api';
-
-@Component({
-    selector: 'template-hero-light',
-    template: `
-        <svg width="490" height="143" viewBox="0 0 490 143" fill="none" xmlns="http://www.w3.org/2000/svg" class="template-hero-light">
-            <g filter="url(#filter0_f_1970_42395)">
-                <g filter="url(#filter1_f_1970_42395)">
-                    <rect x="43" y="43" width="404" height="10" rx="5" fill="var(--primary-100)" />
-                    <rect x="38.5" y="38.5" width="413" height="19" rx="9.5" stroke="var(--primary-50)" stroke-width="9" />
-                </g>
-                <g filter="url(#filter2_f_1970_42395)">
-                    <rect x="98" y="52" width="294" height="10" rx="5" fill="var(--primary-100)" />
-                    <rect x="93.5" y="47.5" width="303" height="19" rx="9.5" stroke="var(--primary-50)" stroke-width="9" />
-                </g>
-                <g filter="url(#filter3_f_1970_42395)">
-                    <rect x="144" y="60" width="202" height="10" rx="5" fill="var(--primary-100)" />
-                    <rect x="139.5" y="55.5" width="211" height="19" rx="9.5" stroke="var(--primary-50)" stroke-width="9" />
-                </g>
-                <g filter="url(#filter4_f_1970_42395)">
-                    <rect x="182" y="75" width="126" height="10" rx="5" fill="var(--primary-100)" />
-                    <rect x="177.5" y="70.5" width="135" height="19" rx="9.5" stroke="var(--primary-50)" stroke-width="9" />
-                </g>
-                <g filter="url(#filter5_f_1970_42395)">
-                    <rect x="212" y="90" width="66" height="10" rx="5" fill="var(--primary-100)" />
-                    <rect x="207.5" y="85.5" width="75" height="19" rx="9.5" stroke="var(--primary-50)" stroke-width="9" />
-                </g>
-            </g>
-            <defs>
-                <filter id="filter0_f_1970_42395" x="0" y="0" width="490" height="143" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
-                    <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                    <feGaussianBlur stdDeviation="17" result="effect1_foregroundBlur_1970_42395" />
-                </filter>
-                <filter id="filter1_f_1970_42395" x="14" y="14" width="462" height="68" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
-                    <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                    <feGaussianBlur stdDeviation="10" result="effect1_foregroundBlur_1970_42395" />
-                </filter>
-                <filter id="filter2_f_1970_42395" x="69" y="23" width="352" height="68" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
-                    <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                    <feGaussianBlur stdDeviation="10" result="effect1_foregroundBlur_1970_42395" />
-                </filter>
-                <filter id="filter3_f_1970_42395" x="115" y="31" width="260" height="68" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
-                    <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                    <feGaussianBlur stdDeviation="10" result="effect1_foregroundBlur_1970_42395" />
-                </filter>
-                <filter id="filter4_f_1970_42395" x="153" y="46" width="184" height="68" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
-                    <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                    <feGaussianBlur stdDeviation="10" result="effect1_foregroundBlur_1970_42395" />
-                </filter>
-                <filter id="filter5_f_1970_42395" x="183" y="61" width="124" height="68" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
-                    <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                    <feGaussianBlur stdDeviation="10" result="effect1_foregroundBlur_1970_42395" />
-                </filter>
-            </defs>
-        </svg>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrl: '../../../pages/templates/learnmore/learnmore.scss'
-})
-export class TemplateHeroLight {}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, NgOptimizedImage],
-    exports: [TemplateHeroLight, SharedModule],
-    declarations: [TemplateHeroLight]
-})
-export class TemplateHeroLightModule {}
diff --git a/src/app/showcase/layout/templates/templatehero/templateherorectangle.ts b/src/app/showcase/layout/templates/templatehero/templateherorectangle.ts
deleted file mode 100644
index 966a2b1..0000000
--- a/src/app/showcase/layout/templates/templatehero/templateherorectangle.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { CommonModule, NgOptimizedImage } from '@angular/common';
-import { ChangeDetectionStrategy, Component, NgModule, ViewEncapsulation } from '@angular/core';
-import { SharedModule } from 'primeng/api';
-
-@Component({
-    selector: 'template-hero-rectangle',
-    template: `
-        <svg width="1152" height="457" viewBox="0 0 1152 457" fill="none" xmlns="http://www.w3.org/2000/svg" class="template-hero-rectangle">
-            <g style="mix-blend-mode: overlay" filter="url(#filter0_f_956_37561)">
-                <path d="M264.08 -96H547.881L952 470H-163L264.08 -96Z" fill="url(#paint0_linear_956_37561)" />
-            </g>
-            <defs>
-                <filter id="filter0_f_956_37561" x="-363" y="-296" width="1515" height="966" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-                    <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
-                    <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_956_37561" />
-                </filter>
-                <linearGradient id="paint0_linear_956_37561" x1="394.5" y1="-96" x2="394.5" y2="470" gradientUnits="userSpaceOnUse">
-                    <stop stop-color="var(--primary-50)" />
-                    <stop offset="1" stop-color="var(--primary-50)" stop-opacity="0" />
-                </linearGradient>
-            </defs>
-        </svg>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    styleUrl: '../../../pages/templates/learnmore/learnmore.scss'
-})
-export class TemplateHeroRectangle {}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, NgOptimizedImage],
-    exports: [TemplateHeroRectangle, SharedModule],
-    declarations: [TemplateHeroRectangle]
-})
-export class TemplateHeroRectangleModule {}
diff --git a/src/app/showcase/layout/templates/templatelicense.ts b/src/app/showcase/layout/templates/templatelicense.ts
deleted file mode 100644
index 552c7c3..0000000
--- a/src/app/showcase/layout/templates/templatelicense.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input, NgModule, ViewEncapsulation } from '@angular/core';
-import { SharedModule } from 'primeng/api';
-
-@Component({
-    selector: 'template-license',
-    template: `
-        <div class="template-license-wrapper">
-            <div class="template-license">
-                <div class="template-license-cards">
-                    <ng-container *ngFor="let licenseData of license?.licenseDetails">
-                        <div class="template-license-card">
-                            <span>{{ licenseData?.title }}</span>
-                            <div class="template-license-price flex gap-3">
-                                <h2 [ngClass]="{ discount: licenseData?.discount_price }">{{ licenseData?.price }}</h2>
-                                <h2>{{ licenseData?.discount_price }}</h2>
-                            </div>
-                            <div class="template-license-card-included">
-                                <ng-container *ngFor="let txt of licenseData?.included; let j = index">
-                                    <p>{{ txt }}</p>
-                                </ng-container>
-                            </div>
-                            <a href="https://www.primefaces.org/layouts/licenses" target="_blank">
-                                <button>License Details</button>
-                            </a>
-                        </div>
-                    </ng-container>
-                </div>
-                <p class="template-license-description">{{ license?.description }}</p>
-                <p class="template-license-visit">
-                    Visit the 
-                    <a [href]="license?.documentLink" target="_blank"> official documentation </a>
-                     for more information.
-                </p>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
-})
-export class TemplateLicense {
-    @Input() license;
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule],
-    exports: [TemplateLicense, SharedModule],
-    declarations: [TemplateLicense]
-})
-export class TemplateLicenseModule {}
diff --git a/src/app/showcase/layout/templates/templaterelated.ts b/src/app/showcase/layout/templates/templaterelated.ts
deleted file mode 100644
index 3310e20..0000000
--- a/src/app/showcase/layout/templates/templaterelated.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input, NgModule, ViewEncapsulation } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { SharedModule } from 'primeng/api';
-
-@Component({
-    selector: 'template-related',
-    template: `
-        <div class="template-related-wrapper">
-            <div class="template-related">
-                <h2 class="template-related-title">Related Layouts</h2>
-                <div class="template-related-slide">
-                    <a *ngFor="let data of relatedData; let i = index" [routerLink]="data.href" class="template-related-slide-card">
-                        <img [src]="data.src" [alt]="'Related Image ' + i" />
-                    </a>
-                </div>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
-})
-export class TemplateRelated {
-    @Input() relatedData: any[] = [];
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, RouterModule],
-    exports: [TemplateRelated, SharedModule],
-    declarations: [TemplateRelated]
-})
-export class TemplateRelatedModule {}
diff --git a/src/app/showcase/layout/templates/templateseparator.ts b/src/app/showcase/layout/templates/templateseparator.ts
deleted file mode 100644
index 3aa5daa..0000000
--- a/src/app/showcase/layout/templates/templateseparator.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, NgModule, ViewEncapsulation } from '@angular/core';
-import { SharedModule } from 'primeng/api';
-
-@Component({
-    selector: 'template-separator',
-    template: `
-        <div class="template-separator">
-            <span className="template-separator-icon">
-                <svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M22.3576 34.2499L19.6471 28.2974L17.2754 34.2499H22.3576Z" fill="var(--surface-900)" />
-                    <path d="M27.8454 28.2974L30.5559 34.2499H25.4736L27.8454 28.2974Z" fill="var(--surface-900)" />
-                    <path d="M24.0043 10.25L12.001 34.187H16.0501L24.0048 17.1962L31.7995 34.187H36.009L24.0043 10.25Z" fill="var(--surface-900)" /></svg
-            ></span>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
-})
-export class TemplateSeparator {}
-
-@NgModule({
-    imports: [CommonModule, SharedModule],
-    exports: [TemplateSeparator, SharedModule],
-    declarations: [TemplateSeparator]
-})
-export class TemplateSeparatorModule {}
diff --git a/src/app/showcase/layout/templates/templateyoutube.ts b/src/app/showcase/layout/templates/templateyoutube.ts
deleted file mode 100644
index da38589..0000000
--- a/src/app/showcase/layout/templates/templateyoutube.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input, NgModule, ViewEncapsulation } from '@angular/core';
-import { SharedModule } from 'primeng/api';
-import { DialogModule } from 'primeng/dialog';
-import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
-
-@Component({
-    selector: 'template-youtube',
-    template: `
-        <div class="template-youtube-wrapper">
-            <div class="template-youtube">
-                <div class="template-youtube-title">
-                    <h2 *ngFor="let data of title; let i = index" [key]="i">{{ data }}</h2>
-                </div>
-                <div class="template-youtube-description">{{ description }}</div>
-                <div class="template-youtube-screen" (click)="setYoutubeVideoVisible(true)">
-                    <div class="template-youtube-screen-blur">
-                        <div class="template-youtube-screen-play">
-                            <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" fill="none">
-                                <g filter="url(#filter0_d_918_49700)">
-                                    <rect x="50" y="46" width="80" height="80" rx="40" fill="white" />
-                                    <rect x="50.5" y="46.5" width="79" height="79" rx="39.5" stroke="#DFE7EF" />
-                                    <path
-                                        d="M103.062 84.7896C104.085 85.5904 104.085 87.1386 103.062 87.9394L85.3123 101.834C83.9995 102.862 82.0795 101.926 82.0795 100.259L82.0795 72.47C82.0795 70.8028 83.9995 69.8674 85.3123 70.8951L103.062 84.7896Z"
-                                        fill="var(--primary-400)"
-                                    />
-                                </g>
-                                <defs>
-                                    <filter id="filter0_d_918_49700" x="0" y="0" width="180" height="180" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
-                                        <feflood floodOpacity="0" result="BackgroundImageFix" />
-                                        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
-                                        <feOffset dy="4" />
-                                        <feGaussianBlur stdDeviation="25" />
-                                        <feComposite in2="hardAlpha" operator="out" />
-                                        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0" />
-                                        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_918_49700" />
-                                        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_918_49700" result="shape" />
-                                    </filter>
-                                </defs>
-                            </svg>
-                        </div>
-                    </div>
-                    <img [src]="imgSrc" alt="Template Youtube Screen" />
-                </div>
-                <p-dialog header="Video Content" [(visible)]="youtubeVideoVisible" (onHide)="youtubeVideoVisible = false" [style]="{ width: '70vw' }">
-                    <div class="template-youtube-video">
-                        <iframe [src]="iframeSrc" title="PrimeNG 2023 Roadmap" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-                    </div>
-                </p-dialog>
-            </div>
-        </div>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
-})
-export class TemplateYoutube {
-    @Input() imgSrc: string;
-    title: string[] = ['Integration with', 'Existing Vite Applications'];
-    description: string = 'Only the folders that are related to the layout needs to move in to your project. We‘ve already created a short tutorial with details for Sakai Vue. The both templates have the same implementation.';
-    youtubeLink: string = 'https://www.youtube.com/embed/Y07edRJd5QM';
-    youtubeVideoVisible: boolean = false;
-    constructor(private sanitizer: DomSanitizer) {}
-    iframeSrc: SafeResourceUrl;
-    setYoutubeVideoVisible(visible: boolean) {
-        this.youtubeVideoVisible = visible;
-    }
-    ngOnInit() {
-        this.iframeSrc = this.sanitizer.bypassSecurityTrustResourceUrl(this.youtubeLink);
-    }
-}
-
-@NgModule({
-    imports: [CommonModule, SharedModule, DialogModule],
-    exports: [TemplateYoutube, SharedModule],
-    declarations: [TemplateYoutube]
-})
-export class TemplateYoutubeModule {}
diff --git a/src/app/showcase/layout/topbar/app.topbar.component.html b/src/app/showcase/layout/topbar/app.topbar.component.html
deleted file mode 100644
index 436463f..0000000
--- a/src/app/showcase/layout/topbar/app.topbar.component.html
+++ /dev/null
@@ -1,160 +0,0 @@
-<div class="layout-topbar">
-    <div class="layout-topbar-inner">
-        <div class="layout-topbar-logo-container">
-            <a [routerLink]="['/']" class="layout-topbar-logo" aria-label="PrimeNG Logo">
-                <svg width="120" height="33" viewBox="0 0 120 33" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path fill-rule="evenodd" clip-rule="evenodd"
-                        d="M40.8911 25.8987C41.1585 25.8987 41.28 25.7529 41.28 25.5099V19.3853H44.1965C46.481 19.3853 47.6962 18.1458 47.6962 15.8856V9.95544C47.6962 7.67089 46.481 6.4557 44.1965 6.4557H38.3635C38.1205 6.4557 37.9747 6.60152 37.9747 6.84456V25.5099C37.9747 25.7529 38.1205 25.8987 38.3635 25.8987H40.8911ZM43.4187 16.1772H41.28V9.6638H43.4187C44.0749 9.6638 44.3909 10.0041 44.3909 10.6359V15.2051C44.3909 15.8127 44.0749 16.1772 43.4187 16.1772ZM53.4319 25.5099C53.4319 25.7529 53.2861 25.8987 53.043 25.8987H50.5154C50.2724 25.8987 50.1266 25.7529 50.1266 25.5099V6.84456C50.1266 6.60152 50.2724 6.4557 50.5154 6.4557H56.6157C58.9003 6.4557 60.1154 7.67089 60.1154 9.95544V15.8856C60.1154 17.5139 59.5078 18.5833 58.3413 19.0937L60.0182 25.4613C60.0911 25.7529 59.9453 25.8987 59.678 25.8987H57.1504C56.9073 25.8987 56.7858 25.7772 56.7372 25.5585L55.1089 19.3853H53.4319V25.5099ZM55.838 16.1772H53.4319V9.6638H55.838C56.4699 9.6638 56.8101 10.0041 56.8101 10.6359V15.2051C56.8101 15.837 56.4699 16.1772 55.838 16.1772ZM65.8511 25.5099C65.8511 25.7529 65.7053 25.8987 65.4623 25.8987H62.9347C62.6673 25.8987 62.5458 25.7529 62.5458 25.5099V6.84456C62.5458 6.60152 62.6673 6.4557 62.9347 6.4557H65.4623C65.7053 6.4557 65.8511 6.60152 65.8511 6.84456V25.5099ZM71.0035 25.8987C71.3195 25.8987 71.4896 25.7286 71.4896 25.4127V14.4759H71.6597L74.0658 25.4613C74.1387 25.7529 74.3089 25.8987 74.6005 25.8987H75.7914C76.083 25.8987 76.2532 25.7529 76.3261 25.4613L78.7322 14.4759H78.9023V25.4127C78.9023 25.7286 79.0724 25.8987 79.3884 25.8987H81.6486C81.9646 25.8987 82.1347 25.7286 82.1347 25.4127V6.94177C82.1347 6.62582 81.9646 6.4557 81.6486 6.4557H78.4405C78.1489 6.4557 77.9787 6.60152 77.9058 6.89316L75.2081 18.9965L72.5104 6.89316C72.4375 6.60152 72.2673 6.4557 71.9757 6.4557H68.7676C68.4516 6.4557 68.2815 6.62582 68.2815 6.94177V25.4127C68.2815 25.7286 68.4516 25.8987 68.7676 25.8987H71.0035ZM94.2623 25.5099C94.2623 25.7529 94.1651 25.8987 93.8734 25.8987H84.9296C84.7109 25.8987 84.5651 25.7529 84.5651 25.5099V6.84456C84.5651 6.60152 84.7109 6.4557 84.9296 6.4557H93.8734C94.1651 6.4557 94.2623 6.60152 94.2623 6.84456V9.27494C94.2623 9.51797 94.1651 9.6881 93.8734 9.6881H87.7975V14.5489H92.4395C92.6825 14.5489 92.8284 14.6947 92.8284 14.962V17.3681C92.8284 17.6354 92.6825 17.7813 92.4395 17.7813H87.7975V22.6906H93.8734C94.1651 22.6906 94.2623 22.8122 94.2623 23.0795V25.5099Z"
-                        fill="var(--text-color)" />
-                    <path fill-rule="evenodd" clip-rule="evenodd"
-                        d="M99.998 25.5099C99.998 25.7529 99.8765 25.8987 99.6091 25.8987H97.0815C96.8385 25.8987 96.6927 25.7529 96.6927 25.5099V6.84456C96.6927 6.60152 96.8385 6.4557 97.0815 6.4557H99.4876C99.7063 6.4557 99.8521 6.55291 99.9251 6.77165L103.619 17.1008H103.765V6.84456C103.765 6.60152 103.887 6.4557 104.154 6.4557H106.682C106.925 6.4557 107.07 6.60152 107.07 6.84456V25.5099C107.07 25.7529 106.925 25.8987 106.682 25.8987H104.275C104.057 25.8987 103.911 25.8015 103.838 25.5828L100.119 15.2051H99.998V25.5099ZM119.708 22.399C119.708 24.6835 118.469 25.8987 116.209 25.8987H113.001C110.716 25.8987 109.501 24.6835 109.501 22.399V9.95544C109.501 7.67089 110.716 6.4557 113.001 6.4557H116.209C118.469 6.4557 119.708 7.67089 119.708 9.95544V12.483C119.708 12.7261 119.563 12.8719 119.319 12.8719H116.889C116.622 12.8719 116.5 12.7261 116.5 12.483V10.6359C116.5 10.0041 116.16 9.6638 115.528 9.6638H113.778C113.122 9.6638 112.806 10.0041 112.806 10.6359V21.7185C112.806 22.3747 113.146 22.6906 113.778 22.6906H115.528C116.16 22.6906 116.5 22.3747 116.5 21.7185V18.4618H115.236C114.969 18.4618 114.848 18.3159 114.848 18.0729V15.6425C114.848 15.3752 114.969 15.2537 115.236 15.2537H119.319C119.563 15.2537 119.708 15.3752 119.708 15.6425V22.399Z"
-                        fill="var(--primary-color)" />
-                    <path
-                        d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z"
-                        fill="var(--primary-color)" />
-                    <mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31"
-                        height="33">
-                        <path
-                            d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z"
-                            fill="var(--primary-color-text)" />
-                    </mask>
-                    <g mask="url(#mask0_1_36)">
-                        <path fill-rule="evenodd" clip-rule="evenodd"
-                            d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z"
-                            fill="var(--primary-color)" />
-                    </g>
-                    <path
-                        d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z"
-                        fill="var(--primary-color-text)" />
-                    <path
-                        d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z"
-                        fill="var(--primary-color-text)" />
-                    <path fill-rule="evenodd" clip-rule="evenodd"
-                        d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                        fill="var(--primary-color-text)" />
-                    <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z"
-                        fill="var(--primary-color-text)" />
-                    <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z"
-                        fill="var(--primary-color-text)" />
-                    <path fill-rule="evenodd" clip-rule="evenodd"
-                        d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                        fill="var(--primary-color-text)" />
-                    <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z"
-                        fill="var(--primary-color-text)" />
-                    <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z"
-                        fill="var(--primary-color-text)" />
-                    <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z"
-                        fill="var(--primary-color-text)" />
-                    <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z"
-                        fill="var(--primary-color-text)" />
-                </svg>
-            </a>
-            <a [routerLink]="['/']" class="layout-topbar-icon" aria-label="PrimeNG Logo">
-                <svg width="31" height="33" viewBox="0 0 31 33" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path
-                        d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z"
-                        fill="var(--primary-color)" />
-                    <mask id="mask0_1_52" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31"
-                        height="33">
-                        <path
-                            d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z"
-                            fill="var(--primary-color-text)" />
-                    </mask>
-                    <g mask="url(#mask0_1_52)">
-                        <path fill-rule="evenodd" clip-rule="evenodd"
-                            d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z"
-                            fill="var(--primary-color)" />
-                    </g>
-                    <path
-                        d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z"
-                        fill="var(--primary-color-text)" />
-                    <path
-                        d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z"
-                        fill="var(--primary-color-text)" />
-                    <path fill-rule="evenodd" clip-rule="evenodd"
-                        d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                        fill="var(--primary-color-text)" />
-                    <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z"
-                        fill="var(--primary-color-text)" />
-                    <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z"
-                        fill="var(--primary-color-text)" />
-                    <path fill-rule="evenodd" clip-rule="evenodd"
-                        d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                        fill="var(--primary-color-text)" />
-                    <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z"
-                        fill="var(--primary-color-text)" />
-                    <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z"
-                        fill="var(--primary-color-text)" />
-                    <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z"
-                        fill="var(--primary-color-text)" />
-                    <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z"
-                        fill="var(--primary-color-text)" />
-                </svg>
-            </a>
-        </div>
-
-        <ul class="flex list-none m-0 p-0 gap-2 items-center ">
-            <li>
-                <div id="docsearch"></div>
-            </li>
-            <li>
-                <a href="https://github.com/primefaces/primeng" target="_blank" rel="noopener noreferrer"
-                    class="flex px-link border-1 border-solid !w-2 !h-2 surface-border border-round surface-card items-center justify-center transition-all transition-duration-300 hover:border-primary">
-                    <i class="pi pi-github text-700"></i>
-                </a>
-            </li>
-            <li>
-                <a href="https://discord.gg/gzKFYnpmCY" target="_blank" rel="noopener noreferrer"
-                    class="flex px-link border-1 border-solid !w-2 !h-2 surface-border border-round surface-card items-center justify-center transition-all transition-duration-300 hover:border-primary">
-                    <i class="pi pi-discord text-700"></i>
-                </a>
-            </li>
-            <li>
-                <a href="https://github.com/orgs/primefaces/discussions" target="_blank" rel="noopener noreferrer"
-                    class="flex px-link border-1 border-solid !w-2 !h-2 surface-border border-round surface-card items-center justify-center transition-all transition-duration-300 hover:border-primary">
-                    <i class="pi pi-comments text-700"></i>
-                </a>
-            </li>
-            <li>
-                <button type="button"
-                    class="flex flex-shrink-0 px-link border-1 border-solid !w-2 !h-2 surface-border border-round surface-card items-center justify-center transition-all transition-duration-300 hover:border-primary"
-                    (click)="toggleDarkMode()">
-                    <i class="pi " [ngClass]="{'pi-moon': isDarkMode, 'pi-sun': !isDarkMode}"></i>
-                </button>
-            </li>
-            <li *ngIf="showConfigurator" class="relative">
-                <button type="button"
-                    class="p-button flex border-1 !w-2 !h-2 p-0 items-center justify-center transition-all transition-duration-300 min-w-0"
-                    (click)="showConfig()">
-                    <i class="pi pi-palette"></i>
-                </button>
-            </li>
-            <li class="relative">
-                <button [disabled]="true" pStyleClass="@next" enterFromClass="hidden" enterActiveClass="scalein" leaveToClass="hidden"
-                    leaveActiveClass="fadeout" [hideOnOutsideClick]="true" type="button"
-                    class="p-link flex items-center surface-card !h-2 px-2 hover:surface-hover border-1 border-solid surface-border transition-all transition-duration-300 hover:border-primary">
-                    <span class="text-900">{{ versions ? versions[0].version : 'Latest' }}</span>
-                    <span class="ml-2 pi pi-angle-down text-600"></span>
-                </button>
-                <div
-                    class="p-3 surface-overlay hidden absolute top-auto border-round shadow-2 origin-top !w-12 right-0 mt-1">
-                    <ul class="list-none m-0 p-0">
-                        <li role="none" *ngFor="let v of versions">
-                            <a [href]="v.url" class="block p-2 border-round hover:surface-hover w-full">
-                                <span class="font-bold text-900">{{v.name}}</span>
-                                <span class="ml-2 text-700">({{v.version}})</span>
-                            </a>
-                        </li>
-                    </ul>
-                </div>
-            </li>
-            <li *ngIf="showMenuButton" class="menu-button">
-                <button type="button"
-                    class="flex flex-shrink-0 px-link border-1 border-solid !w-2 !h-2 surface-border border-round surface-card items-center justify-center transition-all transition-duration-300 hover:border-primary menu-button"
-                    (click)="toggleMenu()" aria-haspopup aria-label="Menu">
-                    <i class="pi pi-bars"></i>
-                </button>
-            </li>
-        </ul>
-    </div>
-</div>
diff --git a/src/app/showcase/layout/topbar/app.topbar.component.ts b/src/app/showcase/layout/topbar/app.topbar.component.ts
deleted file mode 100644
index 759109e..0000000
--- a/src/app/showcase/layout/topbar/app.topbar.component.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import { CommonModule, DOCUMENT } from '@angular/common';
-import { Component, ElementRef, EventEmitter, Inject, Input, OnDestroy, Output, Renderer2, afterNextRender } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { Router, RouterModule } from '@angular/router';
-import docsearch from '@docsearch/js';
-import { DomHandler } from 'primeng/dom';
-import { StyleClassModule } from 'primeng/styleclass';
-import Versions from '../../data/versions.json';
-import { AppConfigService } from '@service/appconfigservice';
-
-@Component({
-    selector: 'app-topbar',
-    standalone: true,
-    templateUrl: './app.topbar.component.html',
-    imports: [CommonModule, FormsModule, StyleClassModule, RouterModule]
-})
-export class AppTopBarComponent implements OnDestroy {
-    @Input() showConfigurator = true;
-
-    @Input() showMenuButton = true;
-
-    @Output() onDarkModeSwitch = new EventEmitter<any>();
-
-    versions: any[] = Versions;
-
-    scrollListener: VoidFunction | null;
-
-    private window: Window;
-
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        private el: ElementRef,
-        private renderer: Renderer2,
-        private router: Router,
-        private configService: AppConfigService
-    ) {
-        this.window = this.document.defaultView as Window;
-
-        afterNextRender(() => {
-            this.bindScrollListener();
-            this.initDocSearch();
-        });
-    }
-
-    get isDarkMode() {
-        return this.configService.config().darkMode;
-    }
-
-    toggleMenu() {
-        if (this.configService.state.menuActive) {
-            this.configService.hideMenu();
-            DomHandler.unblockBodyScroll('blocked-scroll');
-        } else {
-            this.configService.showMenu();
-            DomHandler.blockBodyScroll('blocked-scroll');
-        }
-    }
-
-    showConfig() {
-        this.configService.showConfig();
-    }
-
-    toggleDarkMode() {
-        this.onDarkModeSwitch.emit(null);
-    }
-
-    initDocSearch() {
-        docsearch({
-            appId: 'XG1L2MUWT9',
-            apiKey: '6057fe1af77fee4e7e41907b0b3ec79d',
-            indexName: 'primeng',
-            container: '#docsearch'
-        });
-    }
-
-    bindScrollListener() {
-        if (!this.scrollListener) {
-            this.scrollListener = this.renderer.listen(this.window, 'scroll', () => {
-                if (this.window.scrollY > 0) {
-                    this.el.nativeElement.children[0].classList.add('layout-topbar-sticky');
-                } else {
-                    this.el.nativeElement.children[0].classList.remove('layout-topbar-sticky');
-                }
-            });
-        }
-    }
-
-    unbindScrollListener() {
-        if (this.scrollListener) {
-            this.scrollListener();
-            this.scrollListener = null;
-        }
-    }
-
-    ngOnDestroy() {
-        this.unbindScrollListener();
-    }
-}
diff --git a/src/app/showcase/pages/accordion/index.ts b/src/app/showcase/pages/accordion/index.ts
deleted file mode 100644
index d7e841b..0000000
--- a/src/app/showcase/pages/accordion/index.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Component } from '@angular/core';
-import { AccessibilityDoc } from '@doc/accordion/accessibilitydoc';
-import { BasicDoc } from '@doc/accordion/basicdoc';
-import { ControlledDoc } from '@doc/accordion/controlleddoc';
-import { DisabledDoc } from '@doc/accordion/disableddoc';
-import { ImportDoc } from '@doc/accordion/importdoc';
-import { MultipleDoc } from '@doc/accordion/multipledoc';
-import { StyleDoc } from '@doc/accordion/styledoc';
-import { TemplateDoc } from '@doc/accordion/templatedoc';
-import { AccordionDocModule } from '@doc/accordion/accordiondoc.module';
-import { DynamicDoc } from '@doc/accordion/dynamicdoc';
-
-@Component({
-    template: `<app-doc docTitle="Angular Accordion Component" header="Accordion" description="Accordion groups a collection of contents in tabs." [docs]="docs" [apiDocs]="['Accordion', 'AccordionTab']"></app-doc>`,
-    imports: [AccordionDocModule],
-    standalone: true,
-    styles: `
-        :host ::ng-deep .p-accordion p {
-            line-height: 1.5;
-            margin: 0;
-        }
-    `
-})
-export class AccordionDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'dynamic',
-            label: 'Dynamic',
-            component: DynamicDoc
-        },
-        {
-            id: 'multiple',
-            label: 'Multiple',
-            component: MultipleDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'controlled',
-            label: 'Controlled',
-            component: ControlledDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/accordion/routes.ts b/src/app/showcase/pages/accordion/routes.ts
deleted file mode 100644
index 38ab445..0000000
--- a/src/app/showcase/pages/accordion/routes.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { AccordionDemo } from './';
-
-export default [
-    {
-        path: '',
-        component: AccordionDemo
-    }
-];
diff --git a/src/app/showcase/pages/animate/animateonscrolldemo-routing.module.ts b/src/app/showcase/pages/animate/animateonscrolldemo-routing.module.ts
deleted file mode 100644
index b4907cf..0000000
--- a/src/app/showcase/pages/animate/animateonscrolldemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AnimateOnScrollDemo } from './animateonscrolldemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: AnimateOnScrollDemo }])],
-    exports: [RouterModule]
-})
-export class AnimateOnScrollDemoRoutingModule {}
diff --git a/src/app/showcase/pages/animate/animateonscrolldemo.html b/src/app/showcase/pages/animate/animateonscrolldemo.html
deleted file mode 100644
index 4724dae..0000000
--- a/src/app/showcase/pages/animate/animateonscrolldemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Animate On Scroll Directive" header="AnimateOnScroll" description="AnimateOnScroll AnimateOnScroll is used to apply animations to elements when entering or leaving the viewport during scrolling." [docs]="docs" [apiDocs]="['AnimateOnScroll']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/animate/animateonscrolldemo.module.ts b/src/app/showcase/pages/animate/animateonscrolldemo.module.ts
deleted file mode 100644
index b9d3a36..0000000
--- a/src/app/showcase/pages/animate/animateonscrolldemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { AnimateOnScrollDocModule } from '@doc/animateonscroll/animateonscrolldoc.module';
-import { AnimateOnScrollDemoRoutingModule } from './animateonscrolldemo-routing.module';
-import { AnimateOnScrollDemo } from './animateonscrolldemo';
-
-@NgModule({
-    imports: [CommonModule, AnimateOnScrollDemoRoutingModule, AnimateOnScrollDocModule],
-    declarations: [AnimateOnScrollDemo]
-})
-export class AnimateOnScrollDemoModule {}
diff --git a/src/app/showcase/pages/animate/animateonscrolldemo.ts b/src/app/showcase/pages/animate/animateonscrolldemo.ts
deleted file mode 100644
index 0ffa9c7..0000000
--- a/src/app/showcase/pages/animate/animateonscrolldemo.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/animateonscroll/importdoc';
-import { BasicDoc } from '@doc/animateonscroll/basicdoc';
-import { AccessibilityDoc } from '@doc/animateonscroll/accessibilitydoc';
-
-@Component({
-    templateUrl: './animateonscrolldemo.html'
-})
-export class AnimateOnScrollDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/autocomplete/index.ts b/src/app/showcase/pages/autocomplete/index.ts
deleted file mode 100644
index b68641c..0000000
--- a/src/app/showcase/pages/autocomplete/index.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { BasicDoc } from '@doc/autocomplete/basicdoc';
-import { GroupDoc } from '@doc/autocomplete/groupdoc';
-import { ImportDoc } from '@doc/autocomplete/importdoc';
-import { MultipleDoc } from '@doc/autocomplete/multipledoc';
-import { StyleDoc } from '@doc/autocomplete/styledoc';
-import { TemplateDoc } from '@doc/autocomplete/templatedoc';
-import { VirtualScrollDoc } from '@doc/autocomplete/virtualscrolldoc';
-import { AccessibilityDoc } from '@doc/autocomplete/accessibilitydoc';
-import { DropdownDoc } from '@doc/autocomplete/dropdowndoc';
-import { ForceSelectionDoc } from '@doc/autocomplete/forceselectiondoc';
-import { ObjectsDoc } from '@doc/autocomplete/objectsdoc';
-import { ReactiveFormsDoc } from '@doc/autocomplete/reactiveformsdoc';
-import { FloatLabelDoc } from '@doc/autocomplete/floatlabeldoc';
-import { DisabledDoc } from '@doc/autocomplete/disableddoc';
-import { InvalidDoc } from '@doc/autocomplete/invaliddoc';
-import { AutoCompleteDocModule } from '@doc/autocomplete/autocompletedoc.module';
-import { FilledDoc } from '@doc/autocomplete/filleddoc';
-import { ShowClearDoc } from '@doc/autocomplete/showclear-doc.component';
-
-@Component({
-    template: `<app-doc docTitle="Angular AutoComplete Component" header="AutoComplete" description="AutoComplete is an input component that provides real-time suggestions when being typed." [docs]="docs" [apiDocs]="['AutoComplete']"></app-doc>`,
-    standalone: true,
-    imports: [AutoCompleteDocModule],
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class AutoCompleteDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'dropdown',
-            label: 'Dropdown',
-            component: DropdownDoc
-        },
-        {
-            id: 'objects',
-            label: 'Objects',
-            component: ObjectsDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'group',
-            label: 'Group',
-            component: GroupDoc
-        },
-        {
-            id: 'forceselection',
-            label: 'Force Selection',
-            component: ForceSelectionDoc
-        },
-        {
-            id: 'virtualscroll',
-            label: 'Virtual Scroll',
-            component: VirtualScrollDoc
-        },
-        {
-            id: 'multiple',
-            label: 'Multiple',
-            component: MultipleDoc
-        },
-        {
-            id: 'floatlabel',
-            label: 'Float Label',
-            component: FloatLabelDoc
-        },
-        {
-            id: 'filled',
-            label: 'Filled',
-            component: FilledDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'showclear',
-            label: 'Show Clear',
-            component: ShowClearDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/autocomplete/routes.ts b/src/app/showcase/pages/autocomplete/routes.ts
deleted file mode 100644
index 2491f25..0000000
--- a/src/app/showcase/pages/autocomplete/routes.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { AutoCompleteDemo } from './';
-
-export default [
-    {
-        path: '',
-        component: AutoCompleteDemo
-    }
-];
diff --git a/src/app/showcase/pages/autocomplete/routing.ts b/src/app/showcase/pages/autocomplete/routing.ts
deleted file mode 100644
index e094257..0000000
--- a/src/app/showcase/pages/autocomplete/routing.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AutoCompleteDemo } from '.';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: AutoCompleteDemo }])],
-    exports: [RouterModule]
-})
-export class AutoCompleteDemoRoutingModule {}
diff --git a/src/app/showcase/pages/autofocus/autofocusdemo-routing.module.ts b/src/app/showcase/pages/autofocus/autofocusdemo-routing.module.ts
deleted file mode 100644
index 076f3cc..0000000
--- a/src/app/showcase/pages/autofocus/autofocusdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { AutoFocusDemo } from './autofocusdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: AutoFocusDemo }])],
-    exports: [RouterModule]
-})
-export class AutoFocusDemoRoutingModule {}
diff --git a/src/app/showcase/pages/autofocus/autofocusdemo.html b/src/app/showcase/pages/autofocus/autofocusdemo.html
deleted file mode 100644
index 6c9b912..0000000
--- a/src/app/showcase/pages/autofocus/autofocusdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular AutoFocus Directive" header="AutoFocus" description="AutoFocus manages focus on focusable element on load." [docs]="docs" [apiDocs]="['AutoFocus']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/autofocus/autofocusdemo.module.ts b/src/app/showcase/pages/autofocus/autofocusdemo.module.ts
deleted file mode 100644
index 29dd255..0000000
--- a/src/app/showcase/pages/autofocus/autofocusdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { AutoFocusDocModule } from '@doc/autofocus/autofocusdoc.module';
-import { AutoFocusDemoRoutingModule } from './autofocusdemo-routing.module';
-import { AutoFocusDemo } from './autofocusdemo';
-
-@NgModule({
-    imports: [CommonModule, AutoFocusDemoRoutingModule, AutoFocusDocModule],
-    declarations: [AutoFocusDemo]
-})
-export class AutoFocusDemoModule {}
diff --git a/src/app/showcase/pages/autofocus/autofocusdemo.ts b/src/app/showcase/pages/autofocus/autofocusdemo.ts
deleted file mode 100644
index 8a9dbcc..0000000
--- a/src/app/showcase/pages/autofocus/autofocusdemo.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/autofocus/importdoc';
-import { BasicDoc } from '@doc/autofocus/basicdoc';
-
-@Component({
-    selector: 'autofocusdemo',
-    templateUrl: './autofocusdemo.html'
-})
-export class AutoFocusDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/avatar/avatardemo-routing.module.ts b/src/app/showcase/pages/avatar/avatardemo-routing.module.ts
deleted file mode 100644
index dd9529a..0000000
--- a/src/app/showcase/pages/avatar/avatardemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AvatarDemo } from './avatardemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: AvatarDemo }])],
-    exports: [RouterModule]
-})
-export class AvatarDemoRoutingModule {}
diff --git a/src/app/showcase/pages/avatar/avatardemo.html b/src/app/showcase/pages/avatar/avatardemo.html
deleted file mode 100644
index 5c0066e..0000000
--- a/src/app/showcase/pages/avatar/avatardemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Avatar Component" header="Avatar" description="Avatar represents people using icons, labels and images." [docs]="docs" [apiDocs]="['Avatar', 'AvatarGroup']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/avatar/avatardemo.module.ts b/src/app/showcase/pages/avatar/avatardemo.module.ts
deleted file mode 100644
index 2bb2368..0000000
--- a/src/app/showcase/pages/avatar/avatardemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { AvatarDocModule } from '@doc/avatar/avatardoc.module';
-import { AvatarDemo } from './avatardemo';
-import { AvatarDemoRoutingModule } from './avatardemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, AvatarDemoRoutingModule, AvatarDocModule],
-    declarations: [AvatarDemo]
-})
-export class AvatarDemoModule {}
diff --git a/src/app/showcase/pages/avatar/avatardemo.ts b/src/app/showcase/pages/avatar/avatardemo.ts
deleted file mode 100644
index e577179..0000000
--- a/src/app/showcase/pages/avatar/avatardemo.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from 'src/app/showcase/doc/avatar/importdoc';
-import { LabelDoc } from 'src/app/showcase/doc/avatar/labeldoc';
-import { GroupDoc } from '@doc/avatar/avatargroupdoc';
-import { AvatarStyleDoc } from '@doc/avatar/avatarstyledoc';
-import { AvatarGroupStyleDoc } from '@doc/avatar/avatargroupstyledoc';
-import { IconDoc } from '@doc/avatar/icondoc';
-import { ImageDoc } from '@doc/avatar/imagedoc';
-import { ShapeDoc } from '@doc/avatar/shapedoc';
-import { SizeDoc } from '@doc/avatar/sizedoc';
-import { BadgeDoc } from '@doc/avatar/badgedoc';
-import { TemplateDoc } from '@doc/avatar/templatedoc';
-import { AccessibilityDoc } from '@doc/avatar/accessibilitydoc';
-
-@Component({
-    templateUrl: './avatardemo.html'
-})
-export class AvatarDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'label',
-            label: 'Label',
-            component: LabelDoc
-        },
-        {
-            id: 'icon',
-            label: 'Icon',
-            component: IconDoc
-        },
-        {
-            id: 'image',
-            label: 'Image',
-            component: ImageDoc
-        },
-        {
-            id: 'size',
-            label: 'Sizes',
-            component: SizeDoc
-        },
-        {
-            id: 'avatargroup',
-            label: 'AvatarGroup',
-            component: GroupDoc
-        },
-        {
-            id: 'shape',
-            label: 'Shape',
-            component: ShapeDoc
-        },
-        {
-            id: 'badge',
-            label: 'Badge',
-            component: BadgeDoc
-        },
-        {
-            id: 'templating',
-            label: 'Custom Content',
-            component: TemplateDoc
-        },
-        {
-            id: 'stylingofavatar',
-            label: 'Styling of Avatar',
-            component: AvatarStyleDoc
-        },
-        {
-            id: 'stylingofavatargroup',
-            label: 'Styling of AvatarGroup',
-            component: AvatarGroupStyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/badge/badgedemo-routing.module.ts b/src/app/showcase/pages/badge/badgedemo-routing.module.ts
deleted file mode 100644
index 4df73fd..0000000
--- a/src/app/showcase/pages/badge/badgedemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { BadgeDemo } from './badgedemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: BadgeDemo }])],
-    exports: [RouterModule]
-})
-export class BadgeDemoRoutingModule {}
diff --git a/src/app/showcase/pages/badge/badgedemo.html b/src/app/showcase/pages/badge/badgedemo.html
deleted file mode 100644
index 8f0fbcd..0000000
--- a/src/app/showcase/pages/badge/badgedemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Badge Component" header="Badge" description="Badge is a small status indicator for another element." [docs]="docs" [apiDocs]="['Badge', 'BadgeDirective']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/badge/badgedemo.module.ts b/src/app/showcase/pages/badge/badgedemo.module.ts
deleted file mode 100644
index f0bbc57..0000000
--- a/src/app/showcase/pages/badge/badgedemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { BadgeDemo } from './badgedemo';
-import { BadgeDocModule } from '@doc/badge/badgedoc.module';
-import { BadgeDemoRoutingModule } from './badgedemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, BadgeDemoRoutingModule, BadgeDocModule],
-    declarations: [BadgeDemo]
-})
-export class BadgeDemoModule {}
diff --git a/src/app/showcase/pages/badge/badgedemo.ts b/src/app/showcase/pages/badge/badgedemo.ts
deleted file mode 100644
index dca295a..0000000
--- a/src/app/showcase/pages/badge/badgedemo.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/badge/importdoc';
-import { SizeDoc } from '@doc/badge/sizedoc';
-import { BasicDoc } from '@doc/badge/basicdoc';
-import { ButtonDoc } from '@doc/badge/buttondoc';
-import { DirectiveDoc } from '@doc/badge/directivedoc';
-import { PositionDoc } from '@doc/badge/positiondoc';
-import { SeverityDoc } from '@doc/badge/severitydoc';
-import { StyleDoc } from '@doc/badge/styledoc';
-import { AccessibilityDoc } from '@doc/badge/accessibilitydoc';
-
-@Component({
-    templateUrl: './badgedemo.html'
-})
-export class BadgeDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'directive',
-            label: 'Directive',
-            component: DirectiveDoc
-        },
-        {
-            id: 'severity',
-            label: 'Severity',
-            component: SeverityDoc
-        },
-        {
-            id: 'size',
-            label: 'Size',
-            component: SizeDoc
-        },
-        {
-            id: 'position',
-            label: 'Position',
-            component: PositionDoc
-        },
-        {
-            id: 'button',
-            label: 'Button',
-            component: ButtonDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/blockui/blockuidemo-routing.module.ts b/src/app/showcase/pages/blockui/blockuidemo-routing.module.ts
deleted file mode 100644
index 4b80d97..0000000
--- a/src/app/showcase/pages/blockui/blockuidemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { BlockUIDemo } from './blockuidemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: BlockUIDemo }])],
-    exports: [RouterModule]
-})
-export class BlockUIDemoRoutingModule {}
diff --git a/src/app/showcase/pages/blockui/blockuidemo.html b/src/app/showcase/pages/blockui/blockuidemo.html
deleted file mode 100644
index 4839f16..0000000
--- a/src/app/showcase/pages/blockui/blockuidemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular BlockUI Component" header="BlockUI" description="BlockUI can either block other components or the whole page." [docs]="docs" [apiDocs]="['BlockUI']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/blockui/blockuidemo.module.ts b/src/app/showcase/pages/blockui/blockuidemo.module.ts
deleted file mode 100644
index c450dbd..0000000
--- a/src/app/showcase/pages/blockui/blockuidemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { BlockUIDocModule } from '@doc/blockui/blockuidoc.module';
-import { BlockUIDemo } from './blockuidemo';
-import { BlockUIDemoRoutingModule } from './blockuidemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, BlockUIDemoRoutingModule, BlockUIDocModule],
-    declarations: [BlockUIDemo]
-})
-export class BlockUIDemoModule {}
diff --git a/src/app/showcase/pages/blockui/blockuidemo.ts b/src/app/showcase/pages/blockui/blockuidemo.ts
deleted file mode 100644
index 8d9cd7c..0000000
--- a/src/app/showcase/pages/blockui/blockuidemo.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-import { Component } from '@angular/core';
-import { AccessibilityDoc } from '@doc/blockui/accessibilitydoc';
-import { BasicDoc } from '@doc/blockui/basicdoc';
-import { DocumentDoc } from '@doc/blockui/documentdoc';
-import { ImportDoc } from '@doc/blockui/importdoc';
-import { StyleDoc } from '@doc/blockui/styledoc';
-
-@Component({
-    templateUrl: './blockuidemo.html',
-    styles: [
-        `
-            :host ::ng-deep button {
-                margin-right: 0.25em;
-            }
-
-            :host ::ng-deep .p-component-overlay-enter .pi.pi-lock {
-                animation: enter 150ms forwards;
-            }
-
-            :host ::ng-deep .p-component-overlay-leave .pi.pi-lock {
-                animation: leave 150ms forwards;
-            }
-
-            @keyframes enter {
-                from {
-                    color: transparent;
-                }
-                to {
-                    color: var(--text-color);
-                }
-            }
-
-            @keyframes leave {
-                from {
-                    color: var(--text-color);
-                }
-                to {
-                    color: transparent;
-                }
-            }
-        `
-    ]
-})
-export class BlockUIDemo {
-    blockedPanel: boolean = false;
-
-    blockedDocument: boolean = false;
-
-    blockDocument() {
-        this.blockedDocument = true;
-        setTimeout(() => {
-            this.blockedDocument = false;
-        }, 3000);
-    }
-
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'document',
-            label: 'Document',
-            component: DocumentDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/breadcrumb/breadcrumbdemo-routing.module.ts b/src/app/showcase/pages/breadcrumb/breadcrumbdemo-routing.module.ts
deleted file mode 100644
index 7a113d1..0000000
--- a/src/app/showcase/pages/breadcrumb/breadcrumbdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { BreadcrumbDemo } from './breadcrumbdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: BreadcrumbDemo }])],
-    exports: [RouterModule]
-})
-export class BreadcrumbDemoRoutingModule {}
diff --git a/src/app/showcase/pages/breadcrumb/breadcrumbdemo.html b/src/app/showcase/pages/breadcrumb/breadcrumbdemo.html
deleted file mode 100644
index 98e33d8..0000000
--- a/src/app/showcase/pages/breadcrumb/breadcrumbdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Breadcrumb Component" header="Breadcrumb" description="Breadcrumb provides contextual information about page hierarchy." [docs]="docs" [apiDocs]="['Breadcrumb', 'MenuItem']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/breadcrumb/breadcrumbdemo.module.ts b/src/app/showcase/pages/breadcrumb/breadcrumbdemo.module.ts
deleted file mode 100644
index 9d3d93b..0000000
--- a/src/app/showcase/pages/breadcrumb/breadcrumbdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { BreadcrumbDemo } from './breadcrumbdemo';
-import { BreadcrumbDemoRoutingModule } from './breadcrumbdemo-routing.module';
-import { BreadcrumbDocModule } from '@doc/breadcrumb/breadcrumbdoc.module';
-
-@NgModule({
-    imports: [CommonModule, BreadcrumbDemoRoutingModule, BreadcrumbDocModule],
-    declarations: [BreadcrumbDemo]
-})
-export class BreadcrumbDemoModule {}
diff --git a/src/app/showcase/pages/breadcrumb/breadcrumbdemo.ts b/src/app/showcase/pages/breadcrumb/breadcrumbdemo.ts
deleted file mode 100644
index f794b2a..0000000
--- a/src/app/showcase/pages/breadcrumb/breadcrumbdemo.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component, ViewEncapsulation } from '@angular/core';
-import { StyleDoc } from '@doc/breadcrumb/styledoc';
-import { BasicDoc } from '@doc/breadcrumb/basicdoc';
-import { ImportDoc } from '@doc/breadcrumb/importdoc';
-import { AccessibilityDoc } from '@doc/breadcrumb/accessibilitydoc';
-import { TemplateDoc } from '@doc/breadcrumb/templatedoc';
-import { RouterDoc } from '@doc/breadcrumb/routerdoc';
-import { ChevronDoc } from '@doc/breadcrumb/chevrondoc';
-
-@Component({
-    templateUrl: './breadcrumbdemo.html',
-})
-export class BreadcrumbDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'router',
-            label: 'Router',
-            component: RouterDoc
-        },
-        {
-            id: 'chevron',
-            label: 'Separator control',
-            component: ChevronDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/button/buttondemo-routing.module.ts b/src/app/showcase/pages/button/buttondemo-routing.module.ts
deleted file mode 100644
index 6fe0660..0000000
--- a/src/app/showcase/pages/button/buttondemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ButtonDemo } from './buttondemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ButtonDemo }])],
-    exports: [RouterModule]
-})
-export class ButtonDemoRoutingModule {}
diff --git a/src/app/showcase/pages/button/buttondemo.html b/src/app/showcase/pages/button/buttondemo.html
deleted file mode 100644
index 0b04d1d..0000000
--- a/src/app/showcase/pages/button/buttondemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Button Component" header="Button" description="Button is an extension to standard button element with icons and theming." [docs]="docs" [apiDocs]="['Button', 'ButtonDirective']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/button/buttondemo.module.ts b/src/app/showcase/pages/button/buttondemo.module.ts
deleted file mode 100644
index 8c4c384..0000000
--- a/src/app/showcase/pages/button/buttondemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ButtonDocModule } from '@doc/button/buttondoc.module';
-import { ButtonDemo } from './buttondemo';
-import { ButtonDemoRoutingModule } from './buttondemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ButtonDemoRoutingModule, ButtonDocModule],
-    declarations: [ButtonDemo]
-})
-export class ButtonDemoModule {}
diff --git a/src/app/showcase/pages/button/buttondemo.ts b/src/app/showcase/pages/button/buttondemo.ts
deleted file mode 100644
index 7148b0c..0000000
--- a/src/app/showcase/pages/button/buttondemo.ts
+++ /dev/null
@@ -1,128 +0,0 @@
-import { Component } from '@angular/core';
-import { AccessibilityDoc } from '@doc/button/accessibilitydoc';
-import { BadgeDoc } from '@doc/button/badgedoc';
-import { BasicDoc } from '@doc/button/basicdoc';
-import { DirectiveDoc } from '@doc/button/directivedoc';
-import { DisabledDoc } from '@doc/button/disableddoc';
-import { IconsDoc } from '@doc/button/iconsdoc';
-import { IconOnlyDoc } from '@doc/button/iconsonlydoc';
-import { ImportDoc } from '@doc/button/importdoc';
-import { LinkDoc } from '@doc/button/linkdoc';
-import { LoadingDoc } from '@doc/button/loadingdoc';
-import { OutlinedDoc } from '@doc/button/outlineddoc';
-import { RaisedDoc } from '@doc/button/raiseddoc';
-import { RaisedTextDoc } from '@doc/button/raisedtextdoc';
-import { RoundedDoc } from '@doc/button/roundeddoc';
-import { SeverityDoc } from '@doc/button/severitydoc';
-import { SizesDoc } from '@doc/button/sizesdoc';
-import { StyleDoc } from '@doc/button/styledoc';
-import { TemplateDoc } from '@doc/button/templatedoc';
-import { TextDoc } from '@doc/button/textdoc';
-import { ButtonGroupDoc } from '@doc/button/buttongroupdoc';
-@Component({
-    templateUrl: './buttondemo.html'
-})
-export class ButtonDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'directive',
-            label: 'Directive',
-            component: DirectiveDoc
-        },
-        {
-            id: 'link',
-            label: 'Link',
-            component: LinkDoc
-        },
-        {
-            id: 'icons',
-            label: 'Icons',
-            component: IconsDoc
-        },
-        {
-            id: 'loading',
-            label: 'Loading',
-            component: LoadingDoc
-        },
-        {
-            id: 'severity',
-            label: 'Severity',
-            component: SeverityDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'raised',
-            label: 'Raised',
-            component: RaisedDoc
-        },
-        {
-            id: 'rounded',
-            label: 'Rounded',
-            component: RoundedDoc
-        },
-        {
-            id: 'text',
-            label: 'Text',
-            component: TextDoc
-        },
-        {
-            id: 'raisedtext',
-            label: 'Raised Text',
-            component: RaisedTextDoc
-        },
-        {
-            id: 'outlined',
-            label: 'Outlined',
-            component: OutlinedDoc
-        },
-        {
-            id: 'icononly',
-            label: 'Icon Only',
-            component: IconOnlyDoc
-        },
-        {
-            id: 'badges',
-            label: 'Badges',
-            component: BadgeDoc
-        },
-        {
-            id: 'buttongroup',
-            label: 'Button Group',
-            component: ButtonGroupDoc
-        },
-        {
-            id: 'sizes',
-            label: 'Sizes',
-            component: SizesDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/calendar/calendardemo-routing.module.ts b/src/app/showcase/pages/calendar/calendardemo-routing.module.ts
deleted file mode 100644
index bcfe29e..0000000
--- a/src/app/showcase/pages/calendar/calendardemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { CalendarDemo } from './calendardemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: CalendarDemo }])],
-    exports: [RouterModule]
-})
-export class CalendarDemoRoutingModule {}
diff --git a/src/app/showcase/pages/calendar/calendardemo.html b/src/app/showcase/pages/calendar/calendardemo.html
deleted file mode 100644
index 9720fa8..0000000
--- a/src/app/showcase/pages/calendar/calendardemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Calendar Component" header="Calendar" description="Calendar is an input component to select a date." [docs]="docs" [apiDocs]="['Calendar']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/calendar/calendardemo.module.ts b/src/app/showcase/pages/calendar/calendardemo.module.ts
deleted file mode 100644
index c4ec36a..0000000
--- a/src/app/showcase/pages/calendar/calendardemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { CalendarDocModule } from '@doc/calendar/calendardoc.module';
-import { CalendarDemo } from './calendardemo';
-import { CalendarDemoRoutingModule } from './calendardemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, CalendarDemoRoutingModule, CalendarDocModule],
-    declarations: [CalendarDemo]
-})
-export class CalendarDemoModule {}
diff --git a/src/app/showcase/pages/calendar/calendardemo.ts b/src/app/showcase/pages/calendar/calendardemo.ts
deleted file mode 100644
index a2c5a08..0000000
--- a/src/app/showcase/pages/calendar/calendardemo.ts
+++ /dev/null
@@ -1,146 +0,0 @@
-import { Component } from '@angular/core';
-import { IconDoc } from '@doc/calendar/icondoc';
-import { BasicDoc } from '@doc/calendar/basicdoc';
-import { FormatDoc } from '@doc/calendar/formatdoc';
-import { ImportDoc } from '@doc/calendar/importdoc';
-import { LocaleDoc } from '@doc/calendar/localedoc';
-import { MinMaxDoc } from '@doc/calendar/minmaxdox';
-import { MultipleDoc } from '@doc/calendar/multipledoc';
-import { RangeDoc } from '@doc/calendar/rangedoc';
-import { ButtonBarDoc } from '@doc/calendar/buttonbardoc';
-import { TimeDoc } from '@doc/calendar/timedoc';
-import { MonthDoc } from '@doc/calendar/monthdoc';
-import { YearDoc } from '@doc/calendar/yeardoc';
-import { MultipleMonthDoc } from '@doc/calendar/multiplemonths.doc';
-import { InlineDoc } from '@doc/calendar/inlinedoc';
-import { TouchUIDoc } from '@doc/calendar/touchuidoc';
-import { DateTemplateDoc } from '@doc/calendar/datetemplatedoc';
-import { StyleDoc } from '@doc/calendar/styledoc';
-import { AccessibilityDoc } from '@doc/calendar/accessibilitydoc';
-import { ReactiveFormsDoc } from '@doc/calendar/reactiveformsdoc';
-import { FloatLabelDoc } from '@doc/calendar/floatlabeldoc';
-import { InvalidDoc } from '@doc/calendar/invaliddoc';
-import { DisabledDoc } from '@doc/calendar/disableddoc';
-import { FilledDoc } from '@doc/calendar/filleddoc';
-@Component({
-    templateUrl: './calendardemo.html'
-})
-export class CalendarDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'format',
-            label: 'Format',
-            component: FormatDoc
-        },
-        {
-            id: 'locale',
-            label: 'Locale',
-            component: LocaleDoc
-        },
-        {
-            id: 'icon',
-            label: 'Icon',
-            component: IconDoc
-        },
-        {
-            id: 'minmax',
-            label: 'Min / Max',
-            component: MinMaxDoc
-        },
-        {
-            id: 'multiple',
-            label: 'Multiple',
-            component: MultipleDoc
-        },
-        {
-            id: 'range',
-            label: 'Range',
-            component: RangeDoc
-        },
-        {
-            id: 'buttonbar',
-            label: 'ButtonBar',
-            component: ButtonBarDoc
-        },
-        {
-            id: 'time',
-            label: 'Time',
-            component: TimeDoc
-        },
-        {
-            id: 'monthpicker',
-            label: 'Month Picker',
-            component: MonthDoc
-        },
-        {
-            id: 'yearpicker',
-            label: 'Year Picker',
-            component: YearDoc
-        },
-        {
-            id: 'multiplemonths',
-            label: 'Multiple Months',
-            component: MultipleMonthDoc
-        },
-        {
-            id: 'datetemplate',
-            label: 'Date Template',
-            component: DateTemplateDoc
-        },
-        {
-            id: 'touchui',
-            label: 'TouchUI',
-            component: TouchUIDoc
-        },
-        {
-            id: 'inline',
-            label: 'Inline',
-            component: InlineDoc
-        },
-        {
-            id: 'floatlabel',
-            label: 'Float Label',
-            component: FloatLabelDoc
-        },
-        {
-            id: 'filled',
-            label: 'Filled',
-            component: FilledDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/card/carddemo-routing.module.ts b/src/app/showcase/pages/card/carddemo-routing.module.ts
deleted file mode 100644
index 94a9ad4..0000000
--- a/src/app/showcase/pages/card/carddemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { CardDemo } from './carddemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: CardDemo }])],
-    exports: [RouterModule]
-})
-export class CardDemoRoutingModule {}
diff --git a/src/app/showcase/pages/card/carddemo.html b/src/app/showcase/pages/card/carddemo.html
deleted file mode 100644
index daf6570..0000000
--- a/src/app/showcase/pages/card/carddemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Card Component" header="Card" description="Card is a flexible container component." [docs]="docs" [apiDocs]="['Card']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/card/carddemo.module.ts b/src/app/showcase/pages/card/carddemo.module.ts
deleted file mode 100644
index ae0989e..0000000
--- a/src/app/showcase/pages/card/carddemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { CardDocModule } from '@doc/card/carddoc.module';
-import { CardDemo } from './carddemo';
-import { CardDemoRoutingModule } from './carddemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, CardDemoRoutingModule, CardDocModule],
-    declarations: [CardDemo]
-})
-export class CardDemoModule {}
diff --git a/src/app/showcase/pages/card/carddemo.ts b/src/app/showcase/pages/card/carddemo.ts
deleted file mode 100644
index 3d665ce..0000000
--- a/src/app/showcase/pages/card/carddemo.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component } from '@angular/core';
-import { AccessibilityDoc } from '@doc/card/accessibilitydoc';
-import { AdvancedDoc } from '@doc/card/advanceddoc';
-import { BasicDoc } from '@doc/card/basicdoc';
-import { ImportDoc } from '@doc/card/importdoc';
-import { StyleDoc } from '@doc/card/styledoc';
-
-@Component({
-    templateUrl: './carddemo.html'
-})
-export class CardDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'advanced',
-            label: 'Advanced',
-            component: AdvancedDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/carousel/carouseldemo-routing.module.ts b/src/app/showcase/pages/carousel/carouseldemo-routing.module.ts
deleted file mode 100644
index 96b2973..0000000
--- a/src/app/showcase/pages/carousel/carouseldemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { CarouselDemo } from './carouseldemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: CarouselDemo }])],
-    exports: [RouterModule]
-})
-export class CarouselDemoRoutingModule {}
diff --git a/src/app/showcase/pages/carousel/carouseldemo.html b/src/app/showcase/pages/carousel/carouseldemo.html
deleted file mode 100644
index 8c11cac..0000000
--- a/src/app/showcase/pages/carousel/carouseldemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Carousel Component" header="Carousel" description="Carousel is a content slider featuring various customization options." [docs]="docs" [apiDocs]="['Carousel']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/carousel/carouseldemo.module.ts b/src/app/showcase/pages/carousel/carouseldemo.module.ts
deleted file mode 100644
index a1306ad..0000000
--- a/src/app/showcase/pages/carousel/carouseldemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { CarouselDocModule } from '@doc/carousel/carouseldoc.module';
-import { CarouselDemo } from './carouseldemo';
-import { CarouselDemoRoutingModule } from './carouseldemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, CarouselDemoRoutingModule, CarouselDocModule],
-    declarations: [CarouselDemo]
-})
-export class CarouselDemoModule {}
diff --git a/src/app/showcase/pages/carousel/carouseldemo.scss b/src/app/showcase/pages/carousel/carouseldemo.scss
deleted file mode 100644
index 8640490..0000000
--- a/src/app/showcase/pages/carousel/carouseldemo.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-:host ::ng-deep {
-    .product-item {
-        .product-item-content {
-            border: 1px solid var(--surface-d);
-            border-radius: 3px;
-            margin: .3rem;
-            text-align: center;
-            padding: 2rem 0;
-        }
-    
-        .product-image {
-            width: 50%;
-            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/carousel/carouseldemo.ts b/src/app/showcase/pages/carousel/carouseldemo.ts
deleted file mode 100644
index e396541..0000000
--- a/src/app/showcase/pages/carousel/carouseldemo.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/carousel/importdoc';
-import { BasicDoc } from '@doc/carousel/basicdoc';
-import { StyleDoc } from '@doc/carousel/styledoc';
-import { CircularDoc } from '@doc/carousel/circulardoc';
-import { NumScrollDoc } from '@doc/carousel/numscrolldoc';
-import { ResponsiveDoc } from '@doc/carousel/responsivedoc';
-import { VerticalDoc } from '@doc/carousel/verticaldoc';
-import { TemplateDoc } from '@doc/carousel/templatedoc';
-import { AccessibilityDoc } from '@doc/carousel/accessibilitydoc';
-
-@Component({
-    templateUrl: './carouseldemo.html',
-    styleUrls: ['./carouseldemo.scss']
-})
-export class CarouselDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'circular',
-            label: 'Circular',
-            component: CircularDoc
-        },
-        {
-            id: 'numscroll',
-            label: 'Num Scroll',
-            component: NumScrollDoc
-        },
-        {
-            id: 'custom',
-            label: 'Custom Content',
-            component: TemplateDoc
-        },
-        {
-            id: 'responsive',
-            label: 'Responsive',
-            component: ResponsiveDoc
-        },
-        {
-            id: 'vertical',
-            label: 'Vertical',
-            component: VerticalDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/cascadeselect/cascadeselectdemo-routing.module.ts b/src/app/showcase/pages/cascadeselect/cascadeselectdemo-routing.module.ts
deleted file mode 100644
index c37c56b..0000000
--- a/src/app/showcase/pages/cascadeselect/cascadeselectdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { CascadeSelectDemo } from './cascadeselectdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: CascadeSelectDemo }])],
-    exports: [RouterModule]
-})
-export class CascadeSelectDemoRoutingModule {}
diff --git a/src/app/showcase/pages/cascadeselect/cascadeselectdemo.html b/src/app/showcase/pages/cascadeselect/cascadeselectdemo.html
deleted file mode 100644
index 9b46e35..0000000
--- a/src/app/showcase/pages/cascadeselect/cascadeselectdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular CascadeSelect Component" header="CascadeSelect" description="CascadeSelect displays a nested structure of options." [docs]="docs" [apiDocs]="['CascadeSelect']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/cascadeselect/cascadeselectdemo.module.ts b/src/app/showcase/pages/cascadeselect/cascadeselectdemo.module.ts
deleted file mode 100644
index 7778391..0000000
--- a/src/app/showcase/pages/cascadeselect/cascadeselectdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { CascadeSelectDocModule } from '@doc/cascadeselect/cascasdeselectdoc.module';
-import { CascadeSelectDemo } from './cascadeselectdemo';
-import { CascadeSelectDemoRoutingModule } from './cascadeselectdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, CascadeSelectDemoRoutingModule, CascadeSelectDocModule],
-    declarations: [CascadeSelectDemo]
-})
-export class CascadeSelectDemoModule {}
diff --git a/src/app/showcase/pages/cascadeselect/cascadeselectdemo.ts b/src/app/showcase/pages/cascadeselect/cascadeselectdemo.ts
deleted file mode 100644
index 56f60f4..0000000
--- a/src/app/showcase/pages/cascadeselect/cascadeselectdemo.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { Component } from '@angular/core';
-import { AccessibilityDoc } from '@doc/cascadeselect/accessibilitydoc';
-import { BasicDoc } from '@doc/cascadeselect/basicdoc';
-import { ImportDoc } from '@doc/cascadeselect/importdoc';
-import { ReactiveFormsDoc } from '@doc/cascadeselect/reactiveformsdoc';
-import { InvalidDoc } from '@doc/cascadeselect/invaliddoc';
-import { FloatLabelDoc } from '@doc/cascadeselect/floatlabeldoc';
-import { StyleDoc } from '@doc/cascadeselect/styledoc';
-import { TemplateDoc } from '@doc/cascadeselect/templatedoc';
-import { DisabledDoc } from '@doc/cascadeselect/disableddoc';
-import { FilledDoc } from '@doc/cascadeselect/filleddoc';
-import { LoadingDoc } from '@doc/cascadeselect/loadingdoc';
-
-@Component({
-    templateUrl: './cascadeselectdemo.html'
-})
-export class CascadeSelectDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'loading',
-            label: 'Loading',
-            component: LoadingDoc
-        },
-        {
-            id: 'float-label',
-            label: 'Float Label',
-            component: FloatLabelDoc
-        },
-        {
-            id: 'filled',
-            label: 'Filled',
-            component: FilledDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/chart/chartdemo-routing.module.ts b/src/app/showcase/pages/chart/chartdemo-routing.module.ts
deleted file mode 100644
index 504f66f..0000000
--- a/src/app/showcase/pages/chart/chartdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ChartDemo } from './chartdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ChartDemo }])],
-    exports: [RouterModule]
-})
-export class ChartDemoRoutingModule {}
diff --git a/src/app/showcase/pages/chart/chartdemo.html b/src/app/showcase/pages/chart/chartdemo.html
deleted file mode 100644
index c98edc7..0000000
--- a/src/app/showcase/pages/chart/chartdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Chart Component" header="Charts" description='Chart components are based on Charts.js 3.3.2+, an open source HTML5 based charting library.' [docs]="docs" [apiDocs]="['Chart']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/chart/chartdemo.module.ts b/src/app/showcase/pages/chart/chartdemo.module.ts
deleted file mode 100644
index db4822b..0000000
--- a/src/app/showcase/pages/chart/chartdemo.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ChartModule } from 'primeng/chart';
-import { ChartDocModule } from '@doc/chart/chartdoc.module';
-import { ChartDemo } from './chartdemo';
-import { ChartDemoRoutingModule } from './chartdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ChartDemoRoutingModule, ChartModule, ChartDocModule],
-    declarations: [ChartDemo]
-})
-export class ChartDemoModule {}
diff --git a/src/app/showcase/pages/chart/chartdemo.ts b/src/app/showcase/pages/chart/chartdemo.ts
deleted file mode 100644
index ba3715e..0000000
--- a/src/app/showcase/pages/chart/chartdemo.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-import { Component } from '@angular/core';
-import { ChartjsDoc } from '@doc/chart/chartjsdoc';
-import { ImportDoc } from '@doc/chart/importdoc';
-import { BasicDoc } from '@doc/chart/basicdoc';
-import { PieDoc } from '@doc/chart/piedoc';
-import { DoughnutDoc } from '@doc/chart/doughnutdoc';
-import { ComboDoc } from '@doc/chart/combodoc';
-import { HorizontalBarDoc } from '@doc/chart/horizontalbardoc';
-import { LineDoc } from '@doc/chart/linedoc';
-import { MultiAxisDoc } from '@doc/chart/multiaxisdoc';
-import { PolarAreaDoc } from '@doc/chart/polarareadoc';
-import { RadarDoc } from '@doc/chart/radardoc';
-import { StackedBarDoc } from '@doc/chart/stackedbardoc';
-import { VerticalBarDoc } from '@doc/chart/verticalbardoc';
-import { LineStyleDoc } from '@doc/chart/linestyledoc';
-import { PropsDoc } from '@doc/chart/propsdoc';
-import { MethodsDoc } from '@doc/chart/methodsdoc';
-import { AccessibilityDoc } from '@doc/chart/accessibilitydoc';
-
-@Component({
-    templateUrl: './chartdemo.html'
-})
-export class ChartDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'chartjs',
-            label: 'Chart.js',
-            component: ChartjsDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'pie',
-            label: 'Pie',
-            component: PieDoc
-        },
-        {
-            id: 'doughnut',
-            label: 'Doughnut',
-            component: DoughnutDoc
-        },
-        {
-            id: 'verticalbar',
-            label: 'Vertical Bar',
-            component: VerticalBarDoc
-        },
-        {
-            id: 'horizontalbar',
-            label: 'Horizontal Bar',
-            component: HorizontalBarDoc
-        },
-        {
-            id: 'stackedbar',
-            label: 'Stacked Bar',
-            component: StackedBarDoc
-        },
-        {
-            id: 'line',
-            label: 'Line',
-            component: LineDoc
-        },
-        {
-            id: 'multiaxis',
-            label: 'MultiAxis',
-            component: MultiAxisDoc
-        },
-        {
-            id: 'linestyles',
-            label: 'Line Styles',
-            component: LineStyleDoc
-        },
-        {
-            id: 'polararea',
-            label: 'Polar Area',
-            component: PolarAreaDoc
-        },
-        {
-            id: 'Radar',
-            label: 'Radar',
-            component: RadarDoc
-        },
-        {
-            id: 'combo',
-            label: 'Combo',
-            component: ComboDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-
-    apiDocs = [
-        {
-            id: 'properties',
-            label: 'Properties',
-            component: PropsDoc
-        },
-        {
-            id: 'methods',
-            label: 'Methods',
-            component: MethodsDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/checkbox/checkboxdemo-routing.module.ts b/src/app/showcase/pages/checkbox/checkboxdemo-routing.module.ts
deleted file mode 100644
index fc0a405..0000000
--- a/src/app/showcase/pages/checkbox/checkboxdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { CheckboxDemo } from './checkboxdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: CheckboxDemo }])],
-    exports: [RouterModule]
-})
-export class CheckboxDemoRoutingModule {}
diff --git a/src/app/showcase/pages/checkbox/checkboxdemo.html b/src/app/showcase/pages/checkbox/checkboxdemo.html
deleted file mode 100644
index 44baaf0..0000000
--- a/src/app/showcase/pages/checkbox/checkboxdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Checkbox Component" header="Checkbox" description="Checkbox is an extension to standard checkbox element with theming." [docs]="docs" [apiDocs]="['Checkbox']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/checkbox/checkboxdemo.module.ts b/src/app/showcase/pages/checkbox/checkboxdemo.module.ts
deleted file mode 100644
index 5d9d580..0000000
--- a/src/app/showcase/pages/checkbox/checkboxdemo.module.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { CheckboxModule } from 'primeng/checkbox';
-import { CheckboxDocModule } from '@doc/checkbox/checkboxdoc.module';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { CheckboxDemo } from './checkboxdemo';
-import { CheckboxDemoRoutingModule } from './checkboxdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, CheckboxDemoRoutingModule, CheckboxModule, AppDocModule, CheckboxDocModule],
-    declarations: [CheckboxDemo]
-})
-export class CheckboxDemoModule {}
diff --git a/src/app/showcase/pages/checkbox/checkboxdemo.ts b/src/app/showcase/pages/checkbox/checkboxdemo.ts
deleted file mode 100644
index 4566fc9..0000000
--- a/src/app/showcase/pages/checkbox/checkboxdemo.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/checkbox/basicdoc';
-import { ImportDoc } from '@doc/checkbox/importdoc';
-import { MultipleDoc } from '@doc/checkbox/multipledoc';
-import { DynamicDoc } from '@doc/checkbox/dynamicdoc';
-import { DisabledDoc } from '@doc/checkbox/disableddoc';
-import { InvalidDoc } from '@doc/checkbox/invaliddoc';
-import { StyleDoc } from '@doc/checkbox/styledoc';
-import { AccessibilityDoc } from '@doc/checkbox/accessibilitydoc';
-import { ReactiveFormsDoc } from '@doc/checkbox/reactiveformsdoc';
-import { FilledDoc } from '@doc/checkbox/filleddoc';
-
-@Component({
-    templateUrl: './checkboxdemo.html'
-})
-export class CheckboxDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'group',
-            label: 'Group',
-            component: MultipleDoc
-        },
-        {
-            id: 'dynamic',
-            label: 'Dynamic',
-            component: DynamicDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'filled',
-            label: 'Filled',
-            component: FilledDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/chip/chipdemo-routing.module.ts b/src/app/showcase/pages/chip/chipdemo-routing.module.ts
deleted file mode 100644
index d3d98a8..0000000
--- a/src/app/showcase/pages/chip/chipdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ChipDemo } from './chipdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ChipDemo }])],
-    exports: [RouterModule]
-})
-export class ChipDemoRoutingModule {}
diff --git a/src/app/showcase/pages/chip/chipdemo.html b/src/app/showcase/pages/chip/chipdemo.html
deleted file mode 100644
index 280ea85..0000000
--- a/src/app/showcase/pages/chip/chipdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Chip Component" header="Chip" description="Chip represents entities using icons, labels and images." [docs]="docs" [apiDocs]="['Chip']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/chip/chipdemo.module.ts b/src/app/showcase/pages/chip/chipdemo.module.ts
deleted file mode 100644
index ee7670d..0000000
--- a/src/app/showcase/pages/chip/chipdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ChipDocModule } from '@doc/chip/chipdoc.module';
-import { ChipDemo } from './chipdemo';
-import { ChipDemoRoutingModule } from './chipdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ChipDemoRoutingModule, ChipDocModule],
-    declarations: [ChipDemo]
-})
-export class ChipDemoModule {}
diff --git a/src/app/showcase/pages/chip/chipdemo.scss b/src/app/showcase/pages/chip/chipdemo.scss
deleted file mode 100644
index 49e0577..0000000
--- a/src/app/showcase/pages/chip/chipdemo.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-:host ::ng-deep .p-chip.custom-chip {
-    background: var(--primary-color);
-    color: var(--primary-color-text);
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/chip/chipdemo.ts b/src/app/showcase/pages/chip/chipdemo.ts
deleted file mode 100644
index db0363d..0000000
--- a/src/app/showcase/pages/chip/chipdemo.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Component } from '@angular/core';
-import { IconDoc } from '@doc/chip/icondoc';
-import { ImageDoc } from '@doc/chip/imagedoc';
-import { ImportDoc } from '@doc/chip/importdoc';
-import { TemplateDoc } from '@doc/chip/templatedoc';
-import { BasicDoc } from '@doc/chip/basicdoc';
-import { StyleDoc } from '@doc/chip/styledoc';
-import { AccessibilityDoc } from '@doc/chip/accessibilitydoc';
-
-@Component({
-    templateUrl: './chipdemo.html',
-    styleUrls: ['chipdemo.scss']
-})
-export class ChipDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'icon',
-            label: 'Icon',
-            component: IconDoc
-        },
-        {
-            id: 'image',
-            label: 'Image',
-            component: ImageDoc
-        },
-        {
-            id: 'custom',
-            label: 'Custom Content',
-            component: TemplateDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/chips/chipsdemo-routing.module.ts b/src/app/showcase/pages/chips/chipsdemo-routing.module.ts
deleted file mode 100644
index 493fba2..0000000
--- a/src/app/showcase/pages/chips/chipsdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ChipsDemo } from './chipsdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ChipsDemo }])],
-    exports: [RouterModule]
-})
-export class ChipsDemoRoutingModule {}
diff --git a/src/app/showcase/pages/chips/chipsdemo.html b/src/app/showcase/pages/chips/chipsdemo.html
deleted file mode 100644
index 99abb71..0000000
--- a/src/app/showcase/pages/chips/chipsdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Chips Component" header="Chips" description="Chips is used to enter multiple values on an input field." [docs]="docs" [apiDocs]="['Chips']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/chips/chipsdemo.module.ts b/src/app/showcase/pages/chips/chipsdemo.module.ts
deleted file mode 100644
index 13f96df..0000000
--- a/src/app/showcase/pages/chips/chipsdemo.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ChipsModule } from 'primeng/chips';
-import { ChipsDocModule } from '@doc/chips/chipsdoc.module';
-import { ChipsDemo } from './chipsdemo';
-import { ChipsDemoRoutingModule } from './chipsdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ChipsDemoRoutingModule, ChipsModule, ChipsDocModule],
-    declarations: [ChipsDemo]
-})
-export class ChipsDemoModule {}
diff --git a/src/app/showcase/pages/chips/chipsdemo.ts b/src/app/showcase/pages/chips/chipsdemo.ts
deleted file mode 100644
index efeb46f..0000000
--- a/src/app/showcase/pages/chips/chipsdemo.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/chips/importdoc';
-import { BasicDoc } from '@doc/chips/basicdoc';
-import { SeparatorDoc } from '@doc/chips/separatordoc';
-import { TemplateDoc } from '@doc/chips/templatedoc';
-import { StyleDoc } from '@doc/chips/styledoc';
-import { AccessibilityDoc } from '@doc/chips/accessibilitydoc';
-import { ReactiveFormsDoc } from '@doc/chips/reactiveformsdoc';
-import { MaxValuesDoc } from '@doc/chips/maxvaluesdoc';
-import { FilledDoc } from '@doc/chips/filleddoc';
-import { FloatLabelDoc } from '@doc/chips/floatlabeldoc';
-import { InvalidDoc } from '@doc/chips/invaliddoc';
-import { DisabledDoc } from '@doc/chips/disableddoc';
-
-@Component({
-    templateUrl: './chipsdemo.html'
-})
-export class ChipsDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'max-values',
-            label: 'Max Values',
-            component: MaxValuesDoc
-        },
-        {
-            id: 'separator',
-            label: 'Separator',
-            component: SeparatorDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'floatlabel',
-            label: 'Float Label',
-            component: FloatLabelDoc
-        },
-        {
-            id: 'filled',
-            label: 'Filled',
-            component: FilledDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/colorpicker/colorpickerdemo-routing.module.ts b/src/app/showcase/pages/colorpicker/colorpickerdemo-routing.module.ts
deleted file mode 100644
index 4760e6f..0000000
--- a/src/app/showcase/pages/colorpicker/colorpickerdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ColorPickerDemo } from './colorpickerdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ColorPickerDemo }])],
-    exports: [RouterModule]
-})
-export class ColorPickerDemoRoutingModule {}
diff --git a/src/app/showcase/pages/colorpicker/colorpickerdemo.html b/src/app/showcase/pages/colorpicker/colorpickerdemo.html
deleted file mode 100644
index 314dacc..0000000
--- a/src/app/showcase/pages/colorpicker/colorpickerdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular ColorPicker Component" header="ColorPicker" description="ColorPicker is an input component to select a color." [docs]="docs" [apiDocs]="['ColorPicker']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/colorpicker/colorpickerdemo.module.ts b/src/app/showcase/pages/colorpicker/colorpickerdemo.module.ts
deleted file mode 100644
index 11cc964..0000000
--- a/src/app/showcase/pages/colorpicker/colorpickerdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ColorPickerDocModule } from '@doc/colorpicker/colorpickerdoc.module';
-import { ColorPickerDemo } from './colorpickerdemo';
-import { ColorPickerDemoRoutingModule } from './colorpickerdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ColorPickerDemoRoutingModule, ColorPickerDocModule],
-    declarations: [ColorPickerDemo]
-})
-export class ColorPickerDemoModule {}
diff --git a/src/app/showcase/pages/colorpicker/colorpickerdemo.ts b/src/app/showcase/pages/colorpicker/colorpickerdemo.ts
deleted file mode 100644
index a46e18b..0000000
--- a/src/app/showcase/pages/colorpicker/colorpickerdemo.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { InlineDoc } from '@doc/colorpicker/inlinedoc';
-import { BasicDoc } from '@doc/colorpicker/basicdoc';
-import { ImportDoc } from '@doc/colorpicker/importdoc';
-import { FormatDoc } from '@doc/colorpicker/formatdoc';
-import { DisabledDoc } from '@doc/colorpicker/disableddoc';
-import { StyleDoc } from '@doc/colorpicker/styledoc';
-import { AccessibilityDoc } from '@doc/colorpicker/accessibilitydoc';
-import { ReactiveFormsDoc } from '@doc/colorpicker/reactiveformsdoc';
-
-@Component({
-    templateUrl: './colorpickerdemo.html'
-})
-export class ColorPickerDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'inline',
-            label: 'Inline',
-            component: InlineDoc
-        },
-        {
-            id: 'format',
-            label: 'Format',
-            component: FormatDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/colors/colors-routing.module.ts b/src/app/showcase/pages/colors/colors-routing.module.ts
deleted file mode 100644
index e560c50..0000000
--- a/src/app/showcase/pages/colors/colors-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ColorsDemoComponent } from './colors.component';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ColorsDemoComponent }])],
-    exports: [RouterModule]
-})
-export class ColorsDemoRoutingModule {}
diff --git a/src/app/showcase/pages/colors/colors.component.html b/src/app/showcase/pages/colors/colors.component.html
deleted file mode 100644
index 447dcc3..0000000
--- a/src/app/showcase/pages/colors/colors.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Color System - PrimeNG" header="Colors" description="Each PrimeNG theme exports its own color palette." [docs]="docs"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/colors/colors.component.ts b/src/app/showcase/pages/colors/colors.component.ts
deleted file mode 100644
index 140c22b..0000000
--- a/src/app/showcase/pages/colors/colors.component.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Component } from '@angular/core';
-import { OverviewDoc } from '@doc/colors/overviewdoc';
-import { PaletteDoc } from '@doc/colors/palettedoc';
-import { SurfacesDoc } from '@doc/colors/surfacesdoc';
-
-@Component({
-    templateUrl: './colors.component.html'
-})
-export class ColorsDemoComponent {
-    docs = [
-        {
-            id: 'overview',
-            label: 'Overview',
-            component: OverviewDoc
-        },
-        {
-            id: 'surfaces',
-            label: 'Surfaces',
-            component: SurfacesDoc
-        },
-        {
-            id: 'palette',
-            label: 'Palette',
-            component: PaletteDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/colors/colorsdemo.module.ts b/src/app/showcase/pages/colors/colorsdemo.module.ts
deleted file mode 100644
index e846204..0000000
--- a/src/app/showcase/pages/colors/colorsdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ColorsDocModule } from '@doc/colors/colorsdoc.module';
-import { ColorsDemoRoutingModule } from './colors-routing.module';
-import { ColorsDemoComponent } from './colors.component';
-
-@NgModule({
-    imports: [CommonModule, ColorsDocModule, ColorsDemoRoutingModule],
-    declarations: [ColorsDemoComponent]
-})
-export class ColorsDemoModule {}
diff --git a/src/app/showcase/pages/configuration/configurationdemo-routing.module.ts b/src/app/showcase/pages/configuration/configurationdemo-routing.module.ts
deleted file mode 100644
index 072cbe2..0000000
--- a/src/app/showcase/pages/configuration/configurationdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ConfigurationDemoComponent } from './configurationdemo.component';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ConfigurationDemoComponent }])],
-    exports: [RouterModule]
-})
-export class ConfigurationDemoRoutingModule {}
diff --git a/src/app/showcase/pages/configuration/configurationdemo.component.html b/src/app/showcase/pages/configuration/configurationdemo.component.html
deleted file mode 100644
index 66bdb46..0000000
--- a/src/app/showcase/pages/configuration/configurationdemo.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Configuration - PrimeNG" header="Configuration" description="Global configuration options of the components." [docs]="docs"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/configuration/configurationdemo.component.ts b/src/app/showcase/pages/configuration/configurationdemo.component.ts
deleted file mode 100644
index 6230bd0..0000000
--- a/src/app/showcase/pages/configuration/configurationdemo.component.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { Component } from '@angular/core';
-import { CspDoc } from '@doc/configuration/cspdoc';
-import { FilterModeDoc } from '@doc/configuration/filtermodedoc';
-import { ImportDoc } from '@doc/configuration/importdoc';
-import { ApiDoc } from '@doc/configuration/locale/apidoc';
-import { NgxTranslateDoc } from '@doc/configuration/locale/ngx-translatedoc';
-import { RepositoryDoc } from '@doc/configuration/locale/repositorydoc';
-import { SetLocaleDoc } from '@doc/configuration/locale/setlocaledoc';
-import { RippleDoc } from '@doc/configuration/rippledoc';
-import { ZIndexDoc } from '@doc/configuration/zindexdoc';
-
-@Component({
-    selector: 'configuration',
-    templateUrl: './configurationdemo.component.html'
-})
-export class ConfigurationDemoComponent {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'ripple',
-            label: 'Ripple',
-            component: RippleDoc
-        },
-        {
-            id: 'zIndex',
-            label: 'ZIndex',
-            component: ZIndexDoc
-        },
-        {
-            id: 'csp',
-            label: 'CSP',
-            children: [
-                {
-                    id: 'csp-nonce',
-                    label: 'Nonce',
-                    component: CspDoc
-                }
-            ]
-        },
-        {
-            id: 'filter-mode',
-            label: 'Filter Mode',
-            component: FilterModeDoc
-        },
-        {
-            id: 'locale',
-            label: 'Locale',
-            children: [
-                {
-                    id: 'set-locale',
-                    label: 'Set Locale',
-                    component: SetLocaleDoc
-                },
-                {
-                    id: 'ngx-translate',
-                    label: 'ngx-translate',
-                    component: NgxTranslateDoc
-                },
-                {
-                    id: 'repository',
-                    label: 'Repository',
-                    component: RepositoryDoc
-                },
-                {
-                    id: 'api',
-                    label: 'API',
-                    component: ApiDoc
-                }
-            ]
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/configuration/configurationdemo.module.ts b/src/app/showcase/pages/configuration/configurationdemo.module.ts
deleted file mode 100644
index 2d91bf2..0000000
--- a/src/app/showcase/pages/configuration/configurationdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ConfigurationDocModule } from '@doc/configuration/configurationdoc.module';
-import { ConfigurationDemoRoutingModule } from './configurationdemo-routing.module';
-import { ConfigurationDemoComponent } from './configurationdemo.component';
-
-@NgModule({
-    imports: [CommonModule, ConfigurationDemoRoutingModule, ConfigurationDocModule],
-    declarations: [ConfigurationDemoComponent]
-})
-export class ConfigurationDemoModule {}
diff --git a/src/app/showcase/pages/confirmdialog/confirmdialogdemo-routing.module.ts b/src/app/showcase/pages/confirmdialog/confirmdialogdemo-routing.module.ts
deleted file mode 100644
index c733b30..0000000
--- a/src/app/showcase/pages/confirmdialog/confirmdialogdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ConfirmDialogDemo } from './confirmdialogdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ConfirmDialogDemo }])],
-    exports: [RouterModule]
-})
-export class ConfirmDialogDemoRoutingModule {}
diff --git a/src/app/showcase/pages/confirmdialog/confirmdialogdemo.html b/src/app/showcase/pages/confirmdialog/confirmdialogdemo.html
deleted file mode 100644
index f080359..0000000
--- a/src/app/showcase/pages/confirmdialog/confirmdialogdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular ConfirmDialog Component" header="ConfirmDialog" description="ConfirmDialog is backed by a service utilizing Observables to display confirmation windows easily that can be shared by multiple actions on the same component." [docs]="docs" [apiDocs]="['ConfirmDialog', 'ConfirmationService', 'Confirmation']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/confirmdialog/confirmdialogdemo.module.ts b/src/app/showcase/pages/confirmdialog/confirmdialogdemo.module.ts
deleted file mode 100644
index 197e3ed..0000000
--- a/src/app/showcase/pages/confirmdialog/confirmdialogdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ConfirmDialogDocModule } from '@doc/confirmdialog/confirmdialogdoc.module';
-import { ConfirmDialogDemo } from './confirmdialogdemo';
-import { ConfirmDialogDemoRoutingModule } from './confirmdialogdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ConfirmDialogDemoRoutingModule, ConfirmDialogDocModule],
-    declarations: [ConfirmDialogDemo]
-})
-export class ConfirmDialogDemoModule {}
diff --git a/src/app/showcase/pages/confirmdialog/confirmdialogdemo.ts b/src/app/showcase/pages/confirmdialog/confirmdialogdemo.ts
deleted file mode 100644
index af92b1b..0000000
--- a/src/app/showcase/pages/confirmdialog/confirmdialogdemo.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/confirmdialog/basicdoc';
-import { ImportDoc } from '@doc/confirmdialog/importdoc';
-import { StyleDoc } from '@doc/confirmdialog/styledoc';
-import { PositionDoc } from '@doc/confirmdialog/positiondoc';
-import { TemplateDoc } from '@doc/confirmdialog/templatedoc';
-import { HeadlessDoc } from '@doc/confirmdialog/headlessdoc';
-import { AccessibilityDoc } from '@doc/confirmdialog/accessibilitydoc';
-import { SeverityDoc } from '@doc/confirmdialog/severitycdoc';
-
-@Component({
-    templateUrl: './confirmdialogdemo.html'
-})
-export class ConfirmDialogDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'position',
-            label: 'Position',
-            component: PositionDoc
-        },
-        {
-            id: 'severity',
-            label: 'Severity',
-            component: SeverityDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'headless',
-            label: 'Headless',
-            component: HeadlessDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/confirmpopup/confirmpopupdemo-routing.module.ts b/src/app/showcase/pages/confirmpopup/confirmpopupdemo-routing.module.ts
deleted file mode 100644
index a2aa656..0000000
--- a/src/app/showcase/pages/confirmpopup/confirmpopupdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ConfirmPopupDemo } from './confirmpopupdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ConfirmPopupDemo }])],
-    exports: [RouterModule]
-})
-export class ConfirmPopupDemoRoutingModule {}
diff --git a/src/app/showcase/pages/confirmpopup/confirmpopupdemo.html b/src/app/showcase/pages/confirmpopup/confirmpopupdemo.html
deleted file mode 100644
index 7b061f2..0000000
--- a/src/app/showcase/pages/confirmpopup/confirmpopupdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular ConfirmPopup Component" header="ConfirmPopup" description="ConfirmPopup displays a confirmation overlay displayed relatively to its target." [docs]="docs" [apiDocs]="['ConfirmPopup', 'Confirmation', 'ConfirmationService']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/confirmpopup/confirmpopupdemo.module.ts b/src/app/showcase/pages/confirmpopup/confirmpopupdemo.module.ts
deleted file mode 100644
index ceda70a..0000000
--- a/src/app/showcase/pages/confirmpopup/confirmpopupdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ConfirmPopupDocModule } from '@doc/confirmpopup/confirmpopupdoc.module';
-import { ConfirmPopupDemo } from './confirmpopupdemo';
-import { ConfirmPopupDemoRoutingModule } from './confirmpopupdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ConfirmPopupDemoRoutingModule, ConfirmPopupDocModule],
-    declarations: [ConfirmPopupDemo]
-})
-export class ConfirmPopupDemoModule {}
diff --git a/src/app/showcase/pages/confirmpopup/confirmpopupdemo.ts b/src/app/showcase/pages/confirmpopup/confirmpopupdemo.ts
deleted file mode 100644
index 4a2f17d..0000000
--- a/src/app/showcase/pages/confirmpopup/confirmpopupdemo.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/confirmpopup/basicdoc';
-import { ImportDoc } from '@doc/confirmpopup/importdoc';
-import { TemplateDoc } from '@doc/confirmpopup/templatedoc';
-import { StyleDoc } from '@doc/confirmpopup/styledoc';
-import { AccessibilityDoc } from '@doc/confirmpopup/accessibilitydoc';
-import { HeadlessDoc } from '@doc/confirmpopup/headlessdoc';
-@Component({
-    templateUrl: './confirmpopupdemo.html'
-})
-export class ConfirmPopupDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'headless',
-            label: 'Headless',
-            component: HeadlessDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/contextmenu/contextmenudemo-routing.module.ts b/src/app/showcase/pages/contextmenu/contextmenudemo-routing.module.ts
deleted file mode 100644
index 42f18a8..0000000
--- a/src/app/showcase/pages/contextmenu/contextmenudemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ContextMenuDemo } from './contextmenudemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ContextMenuDemo }])],
-    exports: [RouterModule]
-})
-export class ContextMenuDemoRoutingModule {}
diff --git a/src/app/showcase/pages/contextmenu/contextmenudemo.html b/src/app/showcase/pages/contextmenu/contextmenudemo.html
deleted file mode 100644
index 42f9bae..0000000
--- a/src/app/showcase/pages/contextmenu/contextmenudemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular ContextMenu Component" header="ContextMenu" description="ContextMenu displays an overlay menu on right click of its target." [docs]="docs" [apiDocs]="['ContextMenu', 'MenuItem']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/contextmenu/contextmenudemo.module.ts b/src/app/showcase/pages/contextmenu/contextmenudemo.module.ts
deleted file mode 100644
index 74e5852..0000000
--- a/src/app/showcase/pages/contextmenu/contextmenudemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ContextMenuDocModule } from '@doc/contextmenu/contextmenudoc.module';
-import { ContextMenuDemo } from './contextmenudemo';
-import { ContextMenuDemoRoutingModule } from './contextmenudemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ContextMenuDemoRoutingModule, ContextMenuDocModule],
-    declarations: [ContextMenuDemo]
-})
-export class ContextMenuDemoModule {}
diff --git a/src/app/showcase/pages/contextmenu/contextmenudemo.ts b/src/app/showcase/pages/contextmenu/contextmenudemo.ts
deleted file mode 100644
index a6f1422..0000000
--- a/src/app/showcase/pages/contextmenu/contextmenudemo.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Component } from '@angular/core';
-import { AccessibilityDoc } from '@doc/contextmenu/accessibilitydoc';
-import { BasicDoc } from '@doc/contextmenu/basicdoc';
-import { CommandDoc } from '@doc/contextmenu/commanddoc';
-import { DocumentDoc } from '@doc/contextmenu/documentdoc';
-import { ImportDoc } from '@doc/contextmenu/importdoc';
-import { RouterDoc } from '@doc/contextmenu/routerdoc';
-import { StyleDoc } from '@doc/contextmenu/styledoc';
-import { TableDoc } from '@doc/contextmenu/tabledoc';
-import { TemplateDoc } from '@doc/contextmenu/templatedoc';
-
-@Component({
-    templateUrl: './contextmenudemo.html'
-})
-export class ContextMenuDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'document',
-            label: 'Document',
-            component: DocumentDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'command',
-            label: 'Command',
-            component: CommandDoc
-        },
-        {
-            id: 'router',
-            label: 'Router',
-            component: RouterDoc
-        },
-        {
-            id: 'table',
-            label: 'Table',
-            component: TableDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/contribution/contribution-routing.module.ts b/src/app/showcase/pages/contribution/contribution-routing.module.ts
deleted file mode 100644
index 5854478..0000000
--- a/src/app/showcase/pages/contribution/contribution-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ContributionComponent } from './contribution';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ContributionComponent }])],
-    exports: [RouterModule]
-})
-export class ContributionRoutingModule {}
diff --git a/src/app/showcase/pages/contribution/contribution.component.html b/src/app/showcase/pages/contribution/contribution.component.html
deleted file mode 100644
index b48275c..0000000
--- a/src/app/showcase/pages/contribution/contribution.component.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<app-doc
-    docTitle="Contribution - PrimeNG"
-    header="Contribution Guide"
-    description="Welcome to the PrimeNG Contribution Guide and thank you for considering contributing."
-    [docs]="docs"
-></app-doc>
diff --git a/src/app/showcase/pages/contribution/contribution.module.ts b/src/app/showcase/pages/contribution/contribution.module.ts
deleted file mode 100644
index 3234877..0000000
--- a/src/app/showcase/pages/contribution/contribution.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ContributionRoutingModule } from './contribution-routing.module';
-import { ContributionComponent } from './contribution';
-import { ContributionDocModule } from '@doc/contribution/contribution.module';
-
-@NgModule({
-    imports: [CommonModule, ContributionRoutingModule, ContributionDocModule],
-    declarations: [ContributionComponent]
-})
-export class ContributionModule {}
diff --git a/src/app/showcase/pages/contribution/contribution.ts b/src/app/showcase/pages/contribution/contribution.ts
deleted file mode 100644
index 342f1e2..0000000
--- a/src/app/showcase/pages/contribution/contribution.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-import { BenefitsDoc } from '@doc/contribution/benefitsdoc';
-import { ClaDoc } from '@doc/contribution/cladoc';
-import { CommunicationDoc } from '@doc/contribution/communicationdoc';
-import { HelpNeededDoc } from '@doc/contribution/helpneededdoc';
-import { IntroductionDoc } from '@doc/contribution/introductiondoc';
-import { KeyPointsDoc } from '@doc/contribution/keypoints';
-import { PathwayDoc } from '@doc/contribution/pathwaydoc';
-
-@Component({
-    templateUrl: './contribution.component.html'
-})
-export class ContributionComponent {
-    docs = [
-        {
-            id: 'introduction',
-            label: 'Introduction',
-            component: IntroductionDoc
-        },
-        {
-            id: 'helpneeded',
-            label: 'Help Needed',
-            component: HelpNeededDoc
-        },
-        {
-            id: 'keypoints',
-            label: 'Key Points',
-            component: KeyPointsDoc
-        },
-        {
-            id: 'communication',
-            label: 'Communication',
-            component: CommunicationDoc
-        },
-        {
-            id: 'pathway',
-            label: 'Pathway',
-            component: PathwayDoc
-        },
-        {
-            id: 'benefits',
-            label: 'Benefits',
-            component: BenefitsDoc
-        },
-        {
-            id: 'cla',
-            label: 'CLA',
-            component: ClaDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/customicons/customiconsdemo-routing.module.ts b/src/app/showcase/pages/customicons/customiconsdemo-routing.module.ts
deleted file mode 100644
index f837911..0000000
--- a/src/app/showcase/pages/customicons/customiconsdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { CustomIconsDemoComponent } from './customiconsdemo.component';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: CustomIconsDemoComponent }])],
-    exports: [RouterModule]
-})
-export class CustomIconsDemoRoutingModule {}
diff --git a/src/app/showcase/pages/customicons/customiconsdemo.component.html b/src/app/showcase/pages/customicons/customiconsdemo.component.html
deleted file mode 100644
index 33c085e..0000000
--- a/src/app/showcase/pages/customicons/customiconsdemo.component.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<app-doc
-    title="Custom Icons - PrimeNG"
-    header="Custom Icons"
-    description="PrimeNG components can be used with any icon library using the templating features."
-    [docs]="docs"
-></app-doc>
diff --git a/src/app/showcase/pages/customicons/customiconsdemo.component.ts b/src/app/showcase/pages/customicons/customiconsdemo.component.ts
deleted file mode 100644
index 7ff5dcf..0000000
--- a/src/app/showcase/pages/customicons/customiconsdemo.component.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { FontAwesomeDoc } from '@doc/customicons/fontawesomedoc';
-import { ImageDoc } from '@doc/customicons/imagedoc';
-import { MaterialDoc } from '@doc/customicons/materialdoc';
-import { SVGDoc } from '@doc/customicons/svgdoc';
-
-@Component({
-    templateUrl: './customiconsdemo.component.html'
-})
-export class CustomIconsDemoComponent {
-    docs = [
-        {
-            id: 'material',
-            label: 'Material',
-            component: MaterialDoc
-        },
-        {
-            id: 'fontawesome',
-            label: 'Font Awesome',
-            component: FontAwesomeDoc
-        },
-        {
-            id: 'svg',
-            label: 'SVG',
-            component: SVGDoc
-        },
-        {
-            id: 'image',
-            label: 'Image',
-            component: ImageDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/customicons/customiconsdemo.module.ts b/src/app/showcase/pages/customicons/customiconsdemo.module.ts
deleted file mode 100644
index 99fb46f..0000000
--- a/src/app/showcase/pages/customicons/customiconsdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { CustomIconsDocModule } from '@doc/customicons/customicons.module';
-import { CustomIconsDemoRoutingModule } from './customiconsdemo-routing.module';
-import { CustomIconsDemoComponent } from './customiconsdemo.component';
-
-@NgModule({
-    imports: [CommonModule, CustomIconsDemoRoutingModule, CustomIconsDocModule],
-    declarations: [CustomIconsDemoComponent]
-})
-export class CustomIconsDemoModule {}
diff --git a/src/app/showcase/pages/dataview/dataviewdemo-routing.module.ts b/src/app/showcase/pages/dataview/dataviewdemo-routing.module.ts
deleted file mode 100644
index 54706bc..0000000
--- a/src/app/showcase/pages/dataview/dataviewdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { DataViewDemo } from './dataviewdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: DataViewDemo }])],
-    exports: [RouterModule]
-})
-export class DataViewDemoRoutingModule {}
diff --git a/src/app/showcase/pages/dataview/dataviewdemo.html b/src/app/showcase/pages/dataview/dataviewdemo.html
deleted file mode 100644
index 761ba5c..0000000
--- a/src/app/showcase/pages/dataview/dataviewdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular DataView Component" header="DataView" description="DataView displays data in grid or list layout with pagination and sorting features." [docs]="docs" [apiDocs]="['DataView']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/dataview/dataviewdemo.module.ts b/src/app/showcase/pages/dataview/dataviewdemo.module.ts
deleted file mode 100644
index 1e87ea6..0000000
--- a/src/app/showcase/pages/dataview/dataviewdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { DataViewDocModule } from '@doc/dataview/dataviewdoc.module';
-import { DataViewDemo } from './dataviewdemo';
-import { DataViewDemoRoutingModule } from './dataviewdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, DataViewDemoRoutingModule, DataViewDocModule],
-    declarations: [DataViewDemo]
-})
-export class DataViewDemoModule {}
diff --git a/src/app/showcase/pages/dataview/dataviewdemo.scss b/src/app/showcase/pages/dataview/dataviewdemo.scss
deleted file mode 100644
index bb52d97..0000000
--- a/src/app/showcase/pages/dataview/dataviewdemo.scss
+++ /dev/null
@@ -1,124 +0,0 @@
-:host ::ng-deep {
-    .p-dropdown {
-        width: 14rem;
-        font-weight: normal;
-    }
-    
-    .product-name {
-        font-size: 1.5rem;
-        font-weight: 700;
-    }
-    
-    .product-description {
-        margin: 0 0 1rem 0;
-    }
-    
-    .product-category-icon {
-        vertical-align: middle;
-        margin-right: .5rem;
-    }
-    
-    .product-category {
-        font-weight: 600;
-        vertical-align: middle;
-    }
-    
-    .product-list-item {
-        display: flex;
-        align-items: center;
-        padding: 1rem;
-        width: 100%;
-    
-        img {
-            width: 150px;
-            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-            margin-right: 2rem;
-        }
-    
-        .product-list-detail {
-            flex: 1 1 0;
-        }
-    
-        .p-rating {
-            margin: 0 0 .5rem 0;
-        }
-    
-        .product-price {
-            font-size: 1.5rem;
-            font-weight: 600;
-            margin-bottom: .5rem;
-            align-self: flex-end;
-        }
-    
-        .product-list-action {
-            display: flex;
-            flex-direction: column;
-        }
-    
-        .p-button {
-            margin-bottom: .5rem;
-        }
-    }
-    
-    .product-grid-item {
-        margin: .5em;
-        border: 1px solid var(--surface-border);
-    
-        .product-grid-item-top,
-        .product-grid-item-bottom {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-        }
-    
-        img {
-            width: 75%;
-            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-            margin: 2rem 0;
-        }
-    
-        .product-grid-item-content {
-            text-align: center;
-        }
-    
-        .product-price {
-            font-size: 1.5rem;
-            font-weight: 600;
-        }
-    }
-}
-
-
-
-@media screen and (max-width: 576px) {
-	:host ::ng-deep .product-list-item {
-		flex-direction: column;
-		align-items: center;
-
-		img {
-			width: 75%;
-			margin: 2rem 0;
-		}
-
-		.product-list-detail {
-			text-align: center;
-		}
-
-		.product-price {
-			align-self: center;
-		}
-
-		.product-list-action {
-			display: flex;
-			flex-direction: column;
-		}
-
-		.product-list-action {
-			margin-top: 2rem;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-			width: 100%;
-		}
-	}
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/dataview/dataviewdemo.ts b/src/app/showcase/pages/dataview/dataviewdemo.ts
deleted file mode 100644
index 12383d5..0000000
--- a/src/app/showcase/pages/dataview/dataviewdemo.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { Component } from '@angular/core';
-import { StyleDoc } from '@doc/dataview/styledoc';
-import { BasicDoc } from '@doc/dataview/basicdoc';
-import { ImportDoc } from '@doc/dataview/importdoc';
-import { LayoutDoc } from '@doc/dataview/layoutdoc';
-import { PaginationDoc } from '@doc/dataview/paginationdoc';
-import { SortingDoc } from '@doc/dataview/sortingdoc';
-import { AccessibilityDoc } from '@doc/dataview/accessibilitydoc';
-import { LoadingDoc } from '@doc/dataview/loadingdoc';
-
-@Component({
-    templateUrl: './dataviewdemo.html',
-    styleUrls: ['./dataviewdemo.scss']
-})
-export class DataViewDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'pagination',
-            label: 'Pagination',
-            component: PaginationDoc
-        },
-        {
-            id: 'sorting',
-            label: 'Sorting',
-            component: SortingDoc
-        },
-        {
-            id: 'layout',
-            label: 'Layout',
-            component: LayoutDoc
-        },
-        {
-            id: 'loading',
-            label: 'Loading',
-            component: LoadingDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/defer/deferdemo-routing.module.ts b/src/app/showcase/pages/defer/deferdemo-routing.module.ts
deleted file mode 100644
index d051d6d..0000000
--- a/src/app/showcase/pages/defer/deferdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { DeferDemo } from './deferdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: DeferDemo }])],
-    exports: [RouterModule]
-})
-export class DeferDemoRoutingModule {}
diff --git a/src/app/showcase/pages/defer/deferdemo.html b/src/app/showcase/pages/defer/deferdemo.html
deleted file mode 100644
index afcd676..0000000
--- a/src/app/showcase/pages/defer/deferdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Defer Component" header="Defer" description="Defer postpones the loading the content that is initially not in the viewport until it becomes visible on scroll." [docs]="docs" [apiDocs]="['Defer']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/defer/deferdemo.module.ts b/src/app/showcase/pages/defer/deferdemo.module.ts
deleted file mode 100644
index 35fb319..0000000
--- a/src/app/showcase/pages/defer/deferdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { DeferDocModule } from '@doc/defer/deferdoc.module';
-import { DeferDemo } from './deferdemo';
-import { DeferDemoRoutingModule } from './deferdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, DeferDemoRoutingModule, DeferDocModule],
-    declarations: [DeferDemo]
-})
-export class DeferDemoModule {}
diff --git a/src/app/showcase/pages/defer/deferdemo.ts b/src/app/showcase/pages/defer/deferdemo.ts
deleted file mode 100644
index 246c084..0000000
--- a/src/app/showcase/pages/defer/deferdemo.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Component } from '@angular/core';
-import { MessageService } from 'primeng/api';
-import { BasicDoc } from '@doc/defer/basicdoc';
-import { ImportDoc } from '@doc/defer/importdoc';
-import { DataTableDoc } from '@doc/defer/datatabledoc';
-import { CarService } from '@service/carservice';
-import { Car } from '../domain/car';
-
-@Component({
-    templateUrl: './deferdemo.html',
-    providers: [MessageService]
-})
-export class DeferDemo {
-    cars: Car[];
-
-    constructor(
-        private carService: CarService,
-        private messageService: MessageService
-    ) {}
-
-    initData() {
-        this.messageService.add({ severity: 'success', summary: 'Data Initialized', detail: 'Render Completed' });
-        this.carService.getCarsSmall().then((cars) => (this.cars = cars));
-    }
-
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'datatable',
-            label: 'DataTable',
-            component: DataTableDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/dialog/dialogdemo-routing.module.ts b/src/app/showcase/pages/dialog/dialogdemo-routing.module.ts
deleted file mode 100644
index d1a1cce..0000000
--- a/src/app/showcase/pages/dialog/dialogdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { DialogDemo } from './dialogdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: DialogDemo }])],
-    exports: [RouterModule]
-})
-export class DialogDemoRoutingModule {}
diff --git a/src/app/showcase/pages/dialog/dialogdemo.html b/src/app/showcase/pages/dialog/dialogdemo.html
deleted file mode 100644
index 95b296f..0000000
--- a/src/app/showcase/pages/dialog/dialogdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Dialog Component" header="Dialog" description="Dialog is a container to display content in an overlay window." [docs]="docs" [apiDocs]="['Dialog']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/dialog/dialogdemo.module.ts b/src/app/showcase/pages/dialog/dialogdemo.module.ts
deleted file mode 100644
index 07a1a68..0000000
--- a/src/app/showcase/pages/dialog/dialogdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { DialogDocModule } from '@doc/dialog/dialogdoc.module';
-import { DialogDemo } from './dialogdemo';
-import { DialogDemoRoutingModule } from './dialogdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, DialogDemoRoutingModule, DialogDocModule],
-    declarations: [DialogDemo]
-})
-export class DialogDemoModule {}
diff --git a/src/app/showcase/pages/dialog/dialogdemo.ts b/src/app/showcase/pages/dialog/dialogdemo.ts
deleted file mode 100644
index 80b7739..0000000
--- a/src/app/showcase/pages/dialog/dialogdemo.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/dialog/basicdoc';
-import { ImportDoc } from '@doc/dialog/importdoc';
-import { LongContentDoc } from '@doc/dialog/longcontentdoc';
-import { StyleDoc } from '@doc/dialog/styledoc';
-import { ResponsiveDoc } from '@doc/dialog/responsivedoc';
-import { PositionDoc } from '@doc/dialog/positiondoc';
-import { MaximizableDoc } from '@doc/dialog/maximizabledoc';
-import { TemplateDoc } from '@doc/dialog/templatedoc';
-import { OverlaysInsideDoc } from '@doc/dialog/overlaysinsidedoc';
-import { ModalDoc } from '@doc/dialog/modaldoc';
-import { HeadlessDoc } from '@doc/dialog/headlessdoc';
-import { AccessibilityDoc } from '@doc/dialog/accessibilitydoc';
-import { WithoutModalDoc } from '@doc/dialog/withoutmodaldoc';
-
-@Component({
-    templateUrl: './dialogdemo.html'
-})
-export class DialogDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'position',
-            label: 'Position',
-            component: PositionDoc
-        },
-        {
-            id: 'maximizable',
-            label: 'Maximizable',
-            component: MaximizableDoc
-        },
-        {
-            id: 'longcontent',
-            label: 'Long Content',
-            component: LongContentDoc
-        },
-        {
-            id: 'withoutmodal',
-            label: 'Without Modal',
-            component: WithoutModalDoc
-        },
-        {
-            id: 'responsive',
-            label: 'Responsive',
-            component: ResponsiveDoc
-        },
-        {
-            id: 'headless',
-            label: 'Headless',
-            component: HeadlessDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/divider/dividerdemo-routing.module.ts b/src/app/showcase/pages/divider/dividerdemo-routing.module.ts
deleted file mode 100644
index 47d5bfd..0000000
--- a/src/app/showcase/pages/divider/dividerdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { DividerDemo } from './dividerdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: DividerDemo }])],
-    exports: [RouterModule]
-})
-export class TagDemoRoutingModule {}
diff --git a/src/app/showcase/pages/divider/dividerdemo.html b/src/app/showcase/pages/divider/dividerdemo.html
deleted file mode 100644
index 7283602..0000000
--- a/src/app/showcase/pages/divider/dividerdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Divider Component" header="Divider" description="Divider is used to separate contents." [docs]="docs" [apiDocs]="['Divider']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/divider/dividerdemo.module.ts b/src/app/showcase/pages/divider/dividerdemo.module.ts
deleted file mode 100644
index 85646cf..0000000
--- a/src/app/showcase/pages/divider/dividerdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { DividerDocModule } from '@doc/divider/dividerdoc.module';
-import { DividerDemo } from './dividerdemo';
-import { TagDemoRoutingModule } from './dividerdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, TagDemoRoutingModule, DividerDocModule],
-    declarations: [DividerDemo]
-})
-export class DividerDemoModule {}
diff --git a/src/app/showcase/pages/divider/dividerdemo.ts b/src/app/showcase/pages/divider/dividerdemo.ts
deleted file mode 100644
index 4f252dc..0000000
--- a/src/app/showcase/pages/divider/dividerdemo.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { AccessibilityDoc } from '@doc/divider/accessibilitydoc';
-import { BasicDoc } from '@doc/divider/basicdoc';
-import { ContentDoc } from '@doc/divider/contentdoc';
-import { ImportDoc } from '@doc/divider/importdoc';
-import { LoginDoc } from '@doc/divider/logindoc';
-import { StyleDoc } from '@doc/divider/styledoc';
-import { TypeDoc } from '@doc/divider/typedoc';
-import { VerticalDoc } from '@doc/divider/verticaldoc';
-
-@Component({
-    templateUrl: './dividerdemo.html'
-})
-export class DividerDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'type',
-            label: 'Type',
-            component: TypeDoc
-        },
-        {
-            id: 'vertical',
-            label: 'Vertical',
-            component: VerticalDoc
-        },
-        {
-            id: 'content',
-            label: 'Content',
-            component: ContentDoc
-        },
-        {
-            id: 'login',
-            label: 'Login',
-            component: LoginDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/dock/dockdemo-routing.module.ts b/src/app/showcase/pages/dock/dockdemo-routing.module.ts
deleted file mode 100644
index 9e850ee..0000000
--- a/src/app/showcase/pages/dock/dockdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { DockDemo } from './dockdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: DockDemo }])],
-    exports: [RouterModule]
-})
-export class DockDemoRoutingModule {}
diff --git a/src/app/showcase/pages/dock/dockdemo.html b/src/app/showcase/pages/dock/dockdemo.html
deleted file mode 100644
index f44ecfb..0000000
--- a/src/app/showcase/pages/dock/dockdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Dock Component" header="Dock" description="Dock is a navigation component consisting of menuitems." [docs]="docs" [apiDocs]="['Dock', 'MenuItem']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/dock/dockdemo.module.ts b/src/app/showcase/pages/dock/dockdemo.module.ts
deleted file mode 100644
index 94fadc6..0000000
--- a/src/app/showcase/pages/dock/dockdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { DockDocModule } from '@doc/dock/dockdoc.module';
-import { DockDemo } from './dockdemo';
-import { DockDemoRoutingModule } from './dockdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, DockDemoRoutingModule, DockDocModule],
-    declarations: [DockDemo]
-})
-export class DockDemoModule {}
diff --git a/src/app/showcase/pages/dock/dockdemo.scss b/src/app/showcase/pages/dock/dockdemo.scss
deleted file mode 100644
index 53f8ea9..0000000
--- a/src/app/showcase/pages/dock/dockdemo.scss
+++ /dev/null
@@ -1,108 +0,0 @@
-:host ::ng-deep {
-    .dock-window {
-        width: 100%;
-        height: 450px;
-        position: relative;
-        background-image: url('https://primefaces.org/cdn/primeng/images/dock/window.jpg');
-        background-repeat: no-repeat;
-        background-size: cover;
-    }
-
-    .p-dock {
-        z-index: 1000;
-    }
-
-    .dock-advanced {
-        .p-dialog-mask,
-        .p-toast {
-            position: absolute;
-        }
-
-        .p-dialog {
-            .p-dialog-header {
-                padding: .2rem;
-            }
-
-            .p-dialog-content {
-                padding: 0;
-            }
-
-            p {
-                margin-top: 0;
-            }
-
-            .p-terminal {
-                background-color: #212121;
-                color: #ffffff;
-                border: 0 none;
-                min-height: 18rem;
-                height: 100%;
-
-                .p-terminal-command {
-                    color: #80CBC4;
-                }
-
-                .p-terminal-prompt {
-                    color: #FFD54F;
-                }
-
-                .p-terminal-response {
-                    color: #9FA8DA;
-                }
-            }
-
-            .p-tree {
-                height: 100%;
-                border-radius: 0;
-                border-left-width: 0;
-                border-right-width: 0;
-                border-bottom-width: 0;
-            }
-        }
-
-        .p-toast {
-            top: 20px;
-        }
-    }
-
-    .p-menubar {
-        padding-top: 0;
-        padding-bottom: 0;
-        border-radius: 0;
-
-        .menubar-root {
-            font-weight: bold;
-            padding: 0 1rem;
-        }
-
-        .p-menuitem-link {
-            padding: 0.5rem .75rem;
-        }
-
-        .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
-            padding: 0.5rem .75rem;
-
-            > .p-submenu-icon {
-                display: none;
-            }
-        }
-
-        .p-menubar-end {
-            span, i {
-                padding: 0 .75rem;
-            }
-        }
-    }
-}
-
-.dark-tooltip {
-    .p-tooltip {
-        .p-tooltip-arrow {
-            border-top-color: var(--surface-900);
-        }
-
-        .p-tooltip-text {
-            background-color: var(--surface-900);
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/dock/dockdemo.ts b/src/app/showcase/pages/dock/dockdemo.ts
deleted file mode 100644
index 083e068..0000000
--- a/src/app/showcase/pages/dock/dockdemo.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { StyleDoc } from '@doc/dock/styledoc';
-import { AdvancedDoc } from '@doc/dock/advanceddoc';
-import { BasicDoc } from '@doc/dock/basicdoc';
-import { ImportDoc } from '@doc/dock/importdoc';
-import { AccessibilityDoc } from '@doc/dock/accessibilitydoc';
-
-@Component({
-    templateUrl: './dockdemo.html',
-    styleUrls: ['./dockdemo.scss']
-})
-export class DockDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'advanced',
-            label: 'Advanced',
-            component: AdvancedDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/domain/car.ts b/src/app/showcase/pages/domain/car.ts
deleted file mode 100644
index 846783f..0000000
--- a/src/app/showcase/pages/domain/car.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export interface Car {
-    vin?;
-    year?;
-    brand?;
-    color?;
-    price?;
-    saleDate?;
-}
diff --git a/src/app/showcase/pages/dragdrop/dragdropdemo-routing.module.ts b/src/app/showcase/pages/dragdrop/dragdropdemo-routing.module.ts
deleted file mode 100644
index 2b7a31c..0000000
--- a/src/app/showcase/pages/dragdrop/dragdropdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { DragDropDemo } from './dragdropdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: DragDropDemo }])],
-    exports: [RouterModule]
-})
-export class DragDropDemoRoutingModule {}
diff --git a/src/app/showcase/pages/dragdrop/dragdropdemo.html b/src/app/showcase/pages/dragdrop/dragdropdemo.html
deleted file mode 100644
index f681043..0000000
--- a/src/app/showcase/pages/dragdrop/dragdropdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Drag and Drop Component" header="Drag and Drop" description="pDraggable and pDroppable directives apply drag-drop behaviors to any element." [docs]="docs" [apiDocs]="['DragDrop']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/dragdrop/dragdropdemo.module.ts b/src/app/showcase/pages/dragdrop/dragdropdemo.module.ts
deleted file mode 100644
index 0b67875..0000000
--- a/src/app/showcase/pages/dragdrop/dragdropdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { DragDropDocModule } from '@doc/dragdrop/dragdropdoc.module';
-import { DragDropDemo } from './dragdropdemo';
-import { DragDropDemoRoutingModule } from './dragdropdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, DragDropDemoRoutingModule, DragDropDocModule],
-    declarations: [DragDropDemo]
-})
-export class DragDropDemoModule {}
diff --git a/src/app/showcase/pages/dragdrop/dragdropdemo.scss b/src/app/showcase/pages/dragdrop/dragdropdemo.scss
deleted file mode 100644
index 51c22be..0000000
--- a/src/app/showcase/pages/dragdrop/dragdropdemo.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-:host ::ng-deep {
-    .drag-column {
-        padding-right: .5em;
-    }
-    
-    .drop-column {
-        border: 1px solid transparent;
-        transition: border-color .2s;
-    
-        &.p-draggable-enter {
-            border-color: var(--primary-color); 
-        }
-    }
-    
-    .product-item {
-        display: flex;
-        align-items: center;
-        padding: 1rem;
-        width: 100%;
-        border-bottom: 1px solid var(--surface-d);
-    
-        img {
-            width: 75px;
-            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-            margin-right: 1rem;
-        }
-    
-        .product-list-detail {
-            flex: 1 1 0;
-        }
-    
-        .product-list-action {
-            display: flex;
-            flex-direction: column;
-            align-items: flex-end;
-        }
-    
-        .product-category-icon {
-            vertical-align: middle;
-            margin-right: .5rem;
-        }
-    
-        .product-category {
-            vertical-align: middle;
-            line-height: 1;
-        }
-    }
-    
-    [pDraggable] {
-        cursor: move;
-    }
-    
-    @media screen and (max-width: 576px) {
-        .product-item {
-            flex-wrap: wrap;
-    
-            .image-container {
-                width: 100%;
-                text-align: center;
-            }
-    
-            img {
-                margin: 0 0 1rem 0;
-                width: 100px;
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/dragdrop/dragdropdemo.ts b/src/app/showcase/pages/dragdrop/dragdropdemo.ts
deleted file mode 100644
index 7a80fb3..0000000
--- a/src/app/showcase/pages/dragdrop/dragdropdemo.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/dragdrop/importdoc';
-import { BasicDoc } from '@doc/dragdrop/basicdoc';
-import { DataTableDoc } from '@doc/dragdrop/datatabledoc';
-import { DropIndicatorDoc } from '@doc/dragdrop/dropindicatordoc';
-import { DragHandleDoc } from '@doc/dragdrop/draghandledoc';
-
-@Component({
-    templateUrl: './dragdropdemo.html',
-    styleUrls: ['./dragdropdemo.scss']
-})
-export class DragDropDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'datatable',
-            label: 'DataTable',
-            component: DataTableDoc
-        },
-        {
-            id: 'dropindicator',
-            label: 'Drop Indicator',
-            component: DropIndicatorDoc
-        },
-        {
-            id: 'draghandle',
-            label: 'Drag Handle',
-            component: DragHandleDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/dropdown/dropdowndemo-routing.module.ts b/src/app/showcase/pages/dropdown/dropdowndemo-routing.module.ts
deleted file mode 100644
index 2265682..0000000
--- a/src/app/showcase/pages/dropdown/dropdowndemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { DropdownDemo } from './dropdowndemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: DropdownDemo }])],
-    exports: [RouterModule]
-})
-export class DropdownDemoRoutingModule {}
diff --git a/src/app/showcase/pages/dropdown/dropdowndemo.html b/src/app/showcase/pages/dropdown/dropdowndemo.html
deleted file mode 100644
index 754a916..0000000
--- a/src/app/showcase/pages/dropdown/dropdowndemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Dropdown Component" header="Dropdown" description="Dropdown also known as Select, is used to choose an item from a collection of options." [docs]="docs" [apiDocs]="['Dropdown']"></app-doc> 
\ No newline at end of file
diff --git a/src/app/showcase/pages/dropdown/dropdowndemo.module.ts b/src/app/showcase/pages/dropdown/dropdowndemo.module.ts
deleted file mode 100644
index 3e42eae..0000000
--- a/src/app/showcase/pages/dropdown/dropdowndemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { DropdownDocModule } from '@doc/dropdown/dropdowndoc.module';
-import { DropdownDemo } from './dropdowndemo';
-import { DropdownDemoRoutingModule } from './dropdowndemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, DropdownDemoRoutingModule, DropdownDocModule],
-    declarations: [DropdownDemo]
-})
-export class DropdownDemoModule {}
diff --git a/src/app/showcase/pages/dropdown/dropdowndemo.scss b/src/app/showcase/pages/dropdown/dropdowndemo.scss
deleted file mode 100644
index 054805c..0000000
--- a/src/app/showcase/pages/dropdown/dropdowndemo.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-:host ::ng-deep .p-dropdown {
-    width: 14rem;
-}
-
-.country-item-value {
-    img.flag {
-        width: 17px;
-    }
-}
-
-p-skeleton {
-    width: 100%;
-}
diff --git a/src/app/showcase/pages/dropdown/dropdowndemo.ts b/src/app/showcase/pages/dropdown/dropdowndemo.ts
deleted file mode 100644
index 2b20efb..0000000
--- a/src/app/showcase/pages/dropdown/dropdowndemo.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/dropdown/basicdoc';
-import { DisabledDoc } from '@doc/dropdown/disableddoc';
-import { EditableDoc } from '@doc/dropdown/editabledoc';
-import { FilterDoc } from '@doc/dropdown/filterdoc';
-import { GroupDoc } from '@doc/dropdown/groupdoc';
-import { ImportDoc } from '@doc/dropdown/importdoc';
-import { TemplateDoc } from '@doc/dropdown/templatedoc';
-import { VirtualScrollDoc } from '@doc/dropdown/virtualscrolldoc';
-import { FloatLabelDoc } from '@doc/dropdown/floatlabeldoc';
-import { StyleDoc } from '@doc/dropdown/styledoc';
-import { AccessibilityDoc } from '@doc/dropdown/accessibilitydoc';
-import { ReactiveFormsDoc } from '@doc/dropdown/reactiveformsdoc';
-import { LazyVirtualScrollDoc } from '@doc/dropdown/lazyvirtualscrolldoc';
-import { InvalidDoc } from '@doc/dropdown/invaliddoc';
-import { CustomFilterDoc } from '@doc/dropdown/customfilterdoc';
-import { CheckmarkDoc } from '@doc/dropdown/checkmarkdoc';
-import { ClearIconDoc } from '@doc/dropdown/clearicondoc';
-import { LoadingStateDoc } from '@doc/dropdown/loadingstatedoc';
-import { FilledDoc } from '@doc/dropdown/filleddoc';
-
-@Component({
-    templateUrl: './dropdowndemo.html',
-    styleUrls: ['./dropdowndemo.scss']
-})
-export class DropdownDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'checkmark',
-            label: 'Checkmark',
-            component: CheckmarkDoc
-        },
-        {
-            id: 'editable',
-            label: 'Editable',
-            component: EditableDoc
-        },
-        {
-            id: 'group',
-            label: 'Group',
-            component: GroupDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'filter',
-            label: 'Filter',
-            children: [
-                {
-                    id: 'filterbasic',
-                    label: 'Basic',
-                    component: FilterDoc
-                },
-                {
-                    id: 'customfilter',
-                    label: 'Custom Filter',
-                    component: CustomFilterDoc
-                }
-            ]
-        },
-        {
-            id: 'clearicon',
-            label: 'Clear Icon',
-            component: ClearIconDoc
-        },
-        {
-            id: 'loadingstate',
-            label: 'Loading State',
-            component: LoadingStateDoc
-        },
-
-        {
-            id: 'virtualscroll',
-            label: 'Virtual Scroll',
-            component: VirtualScrollDoc
-        },
-        {
-            id: 'lazyvirtualscroll',
-            label: 'Lazy Virtual Scroll',
-            component: LazyVirtualScrollDoc
-        },
-        {
-            id: 'floatlabel',
-            label: 'Float Label',
-            component: FloatLabelDoc
-        },
-        {
-            id: 'filled',
-            label: 'Filled',
-            component: FilledDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/dynamicdialog/dynamicdialogdemo-routing.module.ts b/src/app/showcase/pages/dynamicdialog/dynamicdialogdemo-routing.module.ts
deleted file mode 100644
index 0678b1f..0000000
--- a/src/app/showcase/pages/dynamicdialog/dynamicdialogdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { DynamicDialogDemo } from './dynamicdialogdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: DynamicDialogDemo }])],
-    exports: [RouterModule]
-})
-export class DynamicDialogDemoRoutingModule {}
diff --git a/src/app/showcase/pages/dynamicdialog/dynamicdialogdemo.html b/src/app/showcase/pages/dynamicdialog/dynamicdialogdemo.html
deleted file mode 100644
index 21427a3..0000000
--- a/src/app/showcase/pages/dynamicdialog/dynamicdialogdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Dynamic Dialog Component" header="Dynamic Dialog" description="Dialogs can be created dynamically with any component as the content using a DialogService." [docs]="docs" [apiDocs]="['DynamicDialog-Ref', 'DynamicDialog-Config','DialogService', ]"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/dynamicdialog/dynamicdialogdemo.module.ts b/src/app/showcase/pages/dynamicdialog/dynamicdialogdemo.module.ts
deleted file mode 100644
index 67f6dd0..0000000
--- a/src/app/showcase/pages/dynamicdialog/dynamicdialogdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { DynamicDialogDocModule } from '@doc/dynamicdialog/dynamicdialogdoc.module';
-import { DynamicDialogDemo } from './dynamicdialogdemo';
-import { DynamicDialogDemoRoutingModule } from './dynamicdialogdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, DynamicDialogDemoRoutingModule, DynamicDialogDocModule],
-    declarations: [DynamicDialogDemo]
-})
-export class DynamicDialogDemoModule {}
diff --git a/src/app/showcase/pages/dynamicdialog/dynamicdialogdemo.ts b/src/app/showcase/pages/dynamicdialog/dynamicdialogdemo.ts
deleted file mode 100644
index cc004e1..0000000
--- a/src/app/showcase/pages/dynamicdialog/dynamicdialogdemo.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { OpenDoc } from '@doc/dynamicdialog/opendoc';
-import { ImportDoc } from '@doc/dynamicdialog/importdoc';
-import { StyleDoc } from '@doc/dynamicdialog/styledoc';
-import { ExampleDoc } from '@doc/dynamicdialog/exampledoc';
-import { UsageDoc } from '@doc/dynamicdialog/usagedoc';
-import { PassingDataDoc } from '@doc/dynamicdialog/passingdatadoc';
-import { CloseDoc } from '@doc/dynamicdialog/closedoc';
-import { CustomizationDoc } from '@doc/dynamicdialog/customizationdoc';
-
-@Component({
-    templateUrl: './dynamicdialogdemo.html'
-})
-export class DynamicDialogDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'usage',
-            label: 'Usage',
-            component: UsageDoc
-        },
-        {
-            id: 'open',
-            label: 'Opening a Dialog',
-            component: OpenDoc
-        },
-        {
-            id: 'customization',
-            label: 'Customization',
-            component: CustomizationDoc
-        },
-        {
-            id: 'passingdata',
-            label: 'Passing Data',
-            component: PassingDataDoc
-        },
-        {
-            id: 'close',
-            label: 'Closing a Dialog',
-            component: CloseDoc
-        },
-        {
-            id: 'example',
-            label: 'Example',
-            component: ExampleDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/editor/editordemo-routing.module.ts b/src/app/showcase/pages/editor/editordemo-routing.module.ts
deleted file mode 100644
index 5378705..0000000
--- a/src/app/showcase/pages/editor/editordemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { EditorDemo } from './editordemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: EditorDemo }])],
-    exports: [RouterModule]
-})
-export class EditorDemoRoutingModule {}
diff --git a/src/app/showcase/pages/editor/editordemo.html b/src/app/showcase/pages/editor/editordemo.html
deleted file mode 100644
index b57a9b8..0000000
--- a/src/app/showcase/pages/editor/editordemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Editor Component" header="Editor" description="Editor is rich text editor component based on Quill." [docs]="docs" [apiDocs]="['Editor']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/editor/editordemo.module.ts b/src/app/showcase/pages/editor/editordemo.module.ts
deleted file mode 100644
index a183fdd..0000000
--- a/src/app/showcase/pages/editor/editordemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { EditorDocModule } from '@doc/editor/editordoc.module';
-import { EditorDemo } from './editordemo';
-import { EditorDemoRoutingModule } from './editordemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, EditorDemoRoutingModule, EditorDocModule],
-    declarations: [EditorDemo]
-})
-export class EditorDemoModule {}
diff --git a/src/app/showcase/pages/editor/editordemo.ts b/src/app/showcase/pages/editor/editordemo.ts
deleted file mode 100644
index 7775b10..0000000
--- a/src/app/showcase/pages/editor/editordemo.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { AccessibilityDoc } from '@doc/editor/accessibilitydoc';
-import { BasicDoc } from '@doc/editor/basicdoc';
-import { CustomToolbarDoc } from '@doc/editor/customtoolbardoc';
-import { ImportDoc } from '@doc/editor/importdoc';
-import { QuillDoc } from '@doc/editor/quilldoc';
-import { ReactiveFormsDoc } from '@doc/editor/reactiveformsdoc';
-import { ReadOnlyDoc } from '@doc/editor/readonlydoc';
-import { StyleDoc } from '@doc/editor/styledoc';
-
-@Component({
-    templateUrl: './editordemo.html'
-})
-export class EditorDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'quill',
-            label: 'Quill',
-            component: QuillDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'readonly',
-            label: 'Read Only',
-            component: ReadOnlyDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: CustomToolbarDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/fieldset/fieldsetdemo-routing.module.ts b/src/app/showcase/pages/fieldset/fieldsetdemo-routing.module.ts
deleted file mode 100644
index 36a731b..0000000
--- a/src/app/showcase/pages/fieldset/fieldsetdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FieldsetDemo } from './fieldsetdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: FieldsetDemo }])],
-    exports: [RouterModule]
-})
-export class FieldsetDemoRoutingModule {}
diff --git a/src/app/showcase/pages/fieldset/fieldsetdemo.html b/src/app/showcase/pages/fieldset/fieldsetdemo.html
deleted file mode 100644
index 8d1319d..0000000
--- a/src/app/showcase/pages/fieldset/fieldsetdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Fieldset Component" header="Fieldset" description="Fieldset is a grouping component with a content toggle feature." [docs]="docs" [apiDocs]="['Fieldset']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/fieldset/fieldsetdemo.module.ts b/src/app/showcase/pages/fieldset/fieldsetdemo.module.ts
deleted file mode 100644
index 8badeb1..0000000
--- a/src/app/showcase/pages/fieldset/fieldsetdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FieldsetDocModule } from '@doc/fieldset/fieldsetdoc.module';
-import { FieldsetDemo } from './fieldsetdemo';
-import { FieldsetDemoRoutingModule } from './fieldsetdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, FieldsetDemoRoutingModule, FieldsetDocModule],
-    declarations: [FieldsetDemo]
-})
-export class FieldsetDemoModule {}
diff --git a/src/app/showcase/pages/fieldset/fieldsetdemo.ts b/src/app/showcase/pages/fieldset/fieldsetdemo.ts
deleted file mode 100644
index 69d42ff..0000000
--- a/src/app/showcase/pages/fieldset/fieldsetdemo.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/fieldset/importdoc';
-import { BasicDoc } from '@doc/fieldset/basicdoc';
-import { ToggleableDoc } from '@doc/fieldset/toggleabledoc';
-import { TemplateDoc } from '@doc/fieldset/templatedoc';
-import { StyleDoc } from '@doc/fieldset/styledoc';
-import { AccessibilityDoc } from '@doc/fieldset/accessibilitydoc';
-
-@Component({
-    templateUrl: './fieldsetdemo.html'
-})
-export class FieldsetDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'toggleable',
-            label: 'Toggleable',
-            component: ToggleableDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/fileupload/fileuploaddemo-routing.module.ts b/src/app/showcase/pages/fileupload/fileuploaddemo-routing.module.ts
deleted file mode 100644
index 1180aaa..0000000
--- a/src/app/showcase/pages/fileupload/fileuploaddemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FileUploadDemo } from './fileuploaddemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: FileUploadDemo }])],
-    exports: [RouterModule]
-})
-export class FileUploadDemoRoutingModule {}
diff --git a/src/app/showcase/pages/fileupload/fileuploaddemo.html b/src/app/showcase/pages/fileupload/fileuploaddemo.html
deleted file mode 100644
index 963f15b..0000000
--- a/src/app/showcase/pages/fileupload/fileuploaddemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular FileUpload Component" header="FileUpload" description="FileUpload is an advanced uploader with drag and drop support, multi file uploads, auto uploading, progress tracking and validations." [docs]="docs" [apiDocs]="['FileUpload']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/fileupload/fileuploaddemo.module.ts b/src/app/showcase/pages/fileupload/fileuploaddemo.module.ts
deleted file mode 100644
index 21ceb5a..0000000
--- a/src/app/showcase/pages/fileupload/fileuploaddemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FileUploadDocModule } from '@doc/fileupload/fileuploaddoc.module';
-import { FileUploadDemo } from './fileuploaddemo';
-import { FileUploadDemoRoutingModule } from './fileuploaddemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, FileUploadDemoRoutingModule, FileUploadDocModule],
-    declarations: [FileUploadDemo]
-})
-export class FileUploadDemoModule {}
diff --git a/src/app/showcase/pages/fileupload/fileuploaddemo.ts b/src/app/showcase/pages/fileupload/fileuploaddemo.ts
deleted file mode 100644
index dd559c2..0000000
--- a/src/app/showcase/pages/fileupload/fileuploaddemo.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Component } from '@angular/core';
-import { AdvancedDoc } from '@doc/fileupload/advanceddoc';
-import { AutoDoc } from '@doc/fileupload/autodoc';
-import { BasicDoc } from '@doc/fileupload/basicdoc';
-import { ImportDoc } from '@doc/fileupload/importdoc';
-import { StyleDoc } from '@doc/fileupload/styledoc';
-import { TemplateDoc } from '@doc/fileupload/templatedoc';
-import { AccessibilityDoc } from '@doc/fileupload/accessibilitydoc';
-import { TemplateCdekDndDoc } from '@doc/fileupload/template-cdek-dnd-doc';
-import { TemplateCdekButtonDoc } from '@doc/fileupload/template-cdek-button-doc';
-
-@Component({
-    templateUrl: './fileuploaddemo.html'
-})
-export class FileUploadDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        // {
-        //     id: 'basic',
-        //     label: 'Basic',
-        //     component: BasicDoc
-        // },
-        {
-            id: 'auto',
-            label: 'Auto',
-            component: AutoDoc
-        },
-        // {
-        //     id: 'template',
-        //     label: 'Template',
-        //     component: TemplateDoc
-        // },
-        {
-            id: 'template-cdek-button',
-            label: 'Template Button (CDEK)',
-            component: TemplateCdekButtonDoc
-        },
-        {
-            id: 'template-cdek-drag-and-drop',
-            label: 'Template Drag And Drop (CDEK)',
-            component: TemplateCdekDndDoc
-        },
-        // {
-        //     id: 'advanced',
-        //     label: 'Advanced',
-        //     component: AdvancedDoc
-        // },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/filterservice/filterservice-routing.module.ts b/src/app/showcase/pages/filterservice/filterservice-routing.module.ts
deleted file mode 100644
index d6a4936..0000000
--- a/src/app/showcase/pages/filterservice/filterservice-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FilterServiceDemo } from './filterservicedemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: FilterServiceDemo }])],
-    exports: [RouterModule]
-})
-export class FilterServiceDemoRoutingModule {}
diff --git a/src/app/showcase/pages/filterservice/filterservicedemo.html b/src/app/showcase/pages/filterservice/filterservicedemo.html
deleted file mode 100644
index 23c518a..0000000
--- a/src/app/showcase/pages/filterservice/filterservicedemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="FilterService - PrimeNG" header="FilterService" description="FilterService is a helper utility to filter collections against constraints." [docs]="docs"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/filterservice/filterservicedemo.module.ts b/src/app/showcase/pages/filterservice/filterservicedemo.module.ts
deleted file mode 100644
index f5987fd..0000000
--- a/src/app/showcase/pages/filterservice/filterservicedemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FilterServiceDocModule } from '@doc/filterservice/filterservicedoc.module';
-import { FilterServiceDemoRoutingModule } from './filterservice-routing.module';
-import { FilterServiceDemo } from './filterservicedemo';
-
-@NgModule({
-    imports: [CommonModule, FilterServiceDemoRoutingModule, FilterServiceDocModule],
-    declarations: [FilterServiceDemo]
-})
-export class FilterServiceDemoModule {}
diff --git a/src/app/showcase/pages/filterservice/filterservicedemo.ts b/src/app/showcase/pages/filterservice/filterservicedemo.ts
deleted file mode 100644
index a735010..0000000
--- a/src/app/showcase/pages/filterservice/filterservicedemo.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Component } from '@angular/core';
-import { ApiDoc } from '@doc/filterservice/apidoc';
-import { BuiltInConstraintsDoc } from '@doc/filterservice/builtinconstraintsdoc';
-import { CustomConstraintsDoc } from '@doc/filterservice/customconstraintsdoc';
-import { ImportDoc } from '@doc/filterservice/importdoc';
-import { UsageDoc } from '@doc/filterservice/usagedoc';
-import { TableIntegrationDoc } from '@doc/filterservice/tableintegrationdoc';
-
-@Component({
-    templateUrl: './filterservicedemo.html'
-})
-export class FilterServiceDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'usage',
-            label: 'Usage',
-            component: UsageDoc
-        },
-        {
-            id: 'builtinconstraints',
-            label: 'Built-in Constraints',
-            component: BuiltInConstraintsDoc
-        },
-        {
-            id: 'customconstraints',
-            label: 'Custom Constraints',
-            component: CustomConstraintsDoc
-        },
-        {
-            id: 'table-integration',
-            label: 'Table Integration',
-            component: TableIntegrationDoc
-        },
-        {
-            id: 'api',
-            label: 'FilterService API',
-            component: ApiDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/floatlabel/floatlabeldemo-routing.module.ts b/src/app/showcase/pages/floatlabel/floatlabeldemo-routing.module.ts
deleted file mode 100644
index 633fe34..0000000
--- a/src/app/showcase/pages/floatlabel/floatlabeldemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FloatLabelDemo } from './floatlabeldemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: FloatLabelDemo }])],
-    exports: [RouterModule]
-})
-export class FloatLabelDemoRoutingModule {}
diff --git a/src/app/showcase/pages/floatlabel/floatlabeldemo.html b/src/app/showcase/pages/floatlabel/floatlabeldemo.html
deleted file mode 100644
index 2e5f230..0000000
--- a/src/app/showcase/pages/floatlabel/floatlabeldemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Float Label Component" header="FloatLabel" description="FloatLabel appears on top of the input field when focused." [docs]="docs"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/floatlabel/floatlabeldemo.module.ts b/src/app/showcase/pages/floatlabel/floatlabeldemo.module.ts
deleted file mode 100644
index 2a8ba4b..0000000
--- a/src/app/showcase/pages/floatlabel/floatlabeldemo.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { FloatLabelDemo } from './floatlabeldemo';
-import { FloatLabelDemoRoutingModule } from './floatlabeldemo-routing.module';
-import { FloatLabelDocModule } from '@doc/floatlabel/floatlabeldoc.module';
-
-@NgModule({
-    imports: [CommonModule, FloatLabelDemoRoutingModule, FormsModule, FloatLabelDocModule],
-    declarations: [FloatLabelDemo]
-})
-export class FloatLabelDemoModule {}
diff --git a/src/app/showcase/pages/floatlabel/floatlabeldemo.ts b/src/app/showcase/pages/floatlabel/floatlabeldemo.ts
deleted file mode 100644
index 3f11fe0..0000000
--- a/src/app/showcase/pages/floatlabel/floatlabeldemo.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/floatlabel/importdoc';
-import { BasicDoc } from '@doc/floatlabel/basicdoc';
-import { StyleDoc } from '@doc/floatlabel/styledoc';
-import { AccessibilityDoc } from '@doc/floatlabel/accessibilitydoc';
-import { InvalidDoc } from '@doc/floatlabel/invaliddoc';
-import { VariantInDoc } from '@doc/floatlabel/variantindoc';
-import { DisabledDoc } from '@doc/floatlabel/disableddoc';
-@Component({
-    templateUrl: './floatlabeldemo.html'
-})
-export class FloatLabelDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'float-variant-in',
-            label: 'float-variant-in',
-            component: VariantInDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/focustrap/focustrapdemo-routing.module.ts b/src/app/showcase/pages/focustrap/focustrapdemo-routing.module.ts
deleted file mode 100644
index a91c303..0000000
--- a/src/app/showcase/pages/focustrap/focustrapdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { FocusTrapDemo } from './focustrapdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: FocusTrapDemo }])],
-    exports: [RouterModule]
-})
-export class FocusTrapDemoRoutingModule {}
diff --git a/src/app/showcase/pages/focustrap/focustrapdemo.html b/src/app/showcase/pages/focustrap/focustrapdemo.html
deleted file mode 100644
index c86269c..0000000
--- a/src/app/showcase/pages/focustrap/focustrapdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Focus Trap Component" header="Focus Trap" description="Focus Trap keeps focus within a certain DOM element while tabbing." [docs]="docs" [apiDocs]="['FocusTrap']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/focustrap/focustrapdemo.module.ts b/src/app/showcase/pages/focustrap/focustrapdemo.module.ts
deleted file mode 100644
index c360d72..0000000
--- a/src/app/showcase/pages/focustrap/focustrapdemo.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { FocusTrapDocModule } from '@doc/focustrap/focustrapdoc.module';
-import { FocusTrapDemo } from './focustrapdemo';
-import { FocusTrapDemoRoutingModule } from './focustrapdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, FocusTrapDemoRoutingModule, FormsModule, FocusTrapDocModule],
-    declarations: [FocusTrapDemo]
-})
-export class FocusTrapDemoModule {}
diff --git a/src/app/showcase/pages/focustrap/focustrapdemo.ts b/src/app/showcase/pages/focustrap/focustrapdemo.ts
deleted file mode 100644
index 96f07ef..0000000
--- a/src/app/showcase/pages/focustrap/focustrapdemo.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/focustrap/basicdoc';
-import { ImportDoc } from '@doc/focustrap/importdoc';
-
-@Component({
-    templateUrl: './focustrapdemo.html'
-})
-export class FocusTrapDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/galleria/galleriademo-routing.module.ts b/src/app/showcase/pages/galleria/galleriademo-routing.module.ts
deleted file mode 100644
index 839c84f..0000000
--- a/src/app/showcase/pages/galleria/galleriademo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { GalleriaDemo } from './galleriademo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: GalleriaDemo }])],
-    exports: [RouterModule]
-})
-export class GalleriaDemoRoutingModule {}
diff --git a/src/app/showcase/pages/galleria/galleriademo.html b/src/app/showcase/pages/galleria/galleriademo.html
deleted file mode 100644
index 6a4c12d..0000000
--- a/src/app/showcase/pages/galleria/galleriademo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Gallery Component" header="Galleria" description="Galleria is an advanced content gallery component." [docs]="docs" [apiDocs]="['Galleria']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/galleria/galleriademo.module.ts b/src/app/showcase/pages/galleria/galleriademo.module.ts
deleted file mode 100644
index de9b4af..0000000
--- a/src/app/showcase/pages/galleria/galleriademo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { GalleriaDocModule } from '@doc/galleria/galleriadoc.module';
-import { GalleriaDemo } from './galleriademo';
-import { GalleriaDemoRoutingModule } from './galleriademo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, GalleriaDemoRoutingModule, GalleriaDocModule],
-    declarations: [GalleriaDemo]
-})
-export class GalleriaDemoModule {}
diff --git a/src/app/showcase/pages/galleria/galleriademo.scss b/src/app/showcase/pages/galleria/galleriademo.scss
deleted file mode 100644
index dc4c04f..0000000
--- a/src/app/showcase/pages/galleria/galleriademo.scss
+++ /dev/null
@@ -1,64 +0,0 @@
-:host ::ng-deep {
-    .custom-galleria {
-        &.p-galleria {
-            &.fullscreen {
-                display: flex;
-                flex-direction: column;
-    
-                .p-galleria-content {
-                    flex-grow: 1;
-                    justify-content: center;
-                }
-            }
-    
-            .p-galleria-content {
-                position: relative;
-            }
-    
-            .p-galleria-thumbnail-wrapper {
-                position: absolute;
-                bottom: 0;
-                left: 0;
-                width: 100%;
-            }
-    
-            .p-galleria-thumbnail-items-container {
-                width: 100%;
-            }
-    
-            .custom-galleria-footer {
-                display: flex;
-                align-items: center;
-                background-color: rgba(0, 0, 0, .9);
-                color: #ffffff;
-    
-                > button {
-                    background-color: transparent;
-                    color: #ffffff;
-                    border: 0 none;
-                    border-radius: 0;
-                    margin: .2rem 0;
-    
-                    &.fullscreen-button {
-                        margin-left: auto;
-                    }
-    
-                    &:hover {
-                        background-color: rgba(255, 255, 255, 0.1);
-                    }
-                }
-            }
-    
-            .title-container {
-                > span {
-                    font-size: .9rem;
-                    padding-left: .829rem;
-    
-                    &.title {
-                        font-weight: bold;
-                    }
-                }
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/galleria/galleriademo.ts b/src/app/showcase/pages/galleria/galleriademo.ts
deleted file mode 100644
index 0fdae83..0000000
--- a/src/app/showcase/pages/galleria/galleriademo.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-import { Component } from '@angular/core';
-import { AccessibilityDoc } from '@doc/galleria/accessibilitydoc';
-import { AdvancedDoc } from '@doc/galleria/advanceddoc';
-import { AutoPlayDoc } from '@doc/galleria/autoplaydoc';
-import { BasicDoc } from '@doc/galleria/basicdoc';
-import { CaptionDoc } from '@doc/galleria/captiondoc';
-import { ControlledDoc } from '@doc/galleria/controlleddoc';
-import { FullScreenTemplateDoc } from '@doc/galleria/fullscreen/customcontentdoc';
-import { WithoutThumbnailsDoc } from '@doc/galleria/fullscreen/withoutthumbnailsdoc';
-import { WithThumbnailsDoc } from '@doc/galleria/fullscreen/withthumbnailsdoc';
-import { ImportDoc } from '@doc/galleria/importdoc';
-import { ClickEventDoc } from '@doc/galleria/indicator/clickeventdoc';
-import { HoverEventDoc } from '@doc/galleria/indicator/hovereventdoc';
-import { PositionedDoc } from '@doc/galleria/indicator/positioneddoc';
-import { TemplateDoc } from '@doc/galleria/indicator/templatedoc';
-import { HoverDoc } from '@doc/galleria/navigator/hoverdoc';
-import { IndicatorsDoc } from '@doc/galleria/navigator/indicatorsdoc';
-import { ItemThumbnailsDoc } from '@doc/galleria/navigator/itemthumbnailsdoc';
-import { ItemWithoutThumbnailsDoc } from '@doc/galleria/navigator/itemwithoutthumbnailsdoc';
-import { ResponsiveDoc } from '@doc/galleria/responsivedoc';
-import { StyleDoc } from '@doc/galleria/styledoc';
-import { ThumbnailDoc } from '@doc/galleria/thumbnaildoc';
-
-@Component({
-    templateUrl: './galleriademo.html',
-    styleUrls: ['./galleriademo.scss']
-})
-export class GalleriaDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'controlled',
-            label: 'Controlled',
-            component: ControlledDoc
-        },
-        {
-            id: 'indicator',
-            label: 'Indicator',
-            children: [
-                {
-                    id: 'clickevent',
-                    label: 'Click Event',
-                    component: ClickEventDoc
-                },
-                {
-                    id: 'hoverevent',
-                    label: 'Hover Event',
-                    component: HoverEventDoc
-                },
-                {
-                    id: 'positioned',
-                    label: 'Positioned',
-                    component: PositionedDoc
-                },
-                {
-                    id: 'template',
-                    label: 'Templating',
-                    component: TemplateDoc
-                }
-            ]
-        },
-        {
-            id: 'thumbnail',
-            label: 'Thumbnail',
-            component: ThumbnailDoc
-        },
-        {
-            id: 'responsive',
-            label: 'Responsive',
-            component: ResponsiveDoc
-        },
-        {
-            id: 'fullscreen',
-            label: 'Full Screen',
-            children: [
-                {
-                    id: 'withthumbnails',
-                    label: 'With Thumbnails',
-                    component: WithThumbnailsDoc
-                },
-                {
-                    id: 'withtouthumbnails',
-                    label: 'Without Thumbnails',
-                    component: WithoutThumbnailsDoc
-                },
-                {
-                    id: 'customcontent',
-                    label: 'Custom Content',
-                    component: FullScreenTemplateDoc
-                }
-            ]
-        },
-        {
-            id: 'navigator',
-            label: 'Navigator',
-            children: [
-                {
-                    id: 'itemwiththumbnails',
-                    label: 'With Thumbnails',
-                    component: ItemThumbnailsDoc
-                },
-                {
-                    id: 'itemwithtouthumbnails',
-                    label: 'Without Thumbnails',
-                    component: ItemWithoutThumbnailsDoc
-                },
-                {
-                    id: 'hover',
-                    label: 'Display on Hover',
-                    component: HoverDoc
-                },
-                {
-                    id: 'withindicators',
-                    label: 'With Indicators',
-                    component: IndicatorsDoc
-                }
-            ]
-        },
-        {
-            id: 'autoplay',
-            label: 'AutoPlay',
-            component: AutoPlayDoc
-        },
-        {
-            id: 'caption',
-            label: 'Caption',
-            component: CaptionDoc
-        },
-        {
-            id: 'advanced',
-            label: 'Advanced',
-            component: AdvancedDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/guides/accessibility/accessibilitydemo.component.html b/src/app/showcase/pages/guides/accessibility/accessibilitydemo.component.html
deleted file mode 100644
index e507a74..0000000
--- a/src/app/showcase/pages/guides/accessibility/accessibilitydemo.component.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<app-doc docTitle="Accessibility - PrimeNG" header="Accessibility"
-    description="PrimeNG has WCAG 2.1 AA level compliance, refer to the accessibility documentation of each component for detailed information."
-    [docs]="docs"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/guides/accessibility/accessibilitydemo.component.ts b/src/app/showcase/pages/guides/accessibility/accessibilitydemo.component.ts
deleted file mode 100644
index a48e491..0000000
--- a/src/app/showcase/pages/guides/accessibility/accessibilitydemo.component.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { ColorsDoc } from '@doc/guides/accessibility/colorsdoc';
-import { FormControlsDoc } from '@doc/guides/accessibility/formcontrolsdoc';
-import { IntroductionDoc } from '@doc/guides/accessibility/introductiondoc';
-import { SemanticHTMLDoc } from '@doc/guides/accessibility/semantichtmldoc';
-import { WAIARIADoc } from '@doc/guides/accessibility/waiariadoc';
-import { WCAGDoc } from '@doc/guides/accessibility/wcagdoc';
-
-@Component({
-    selector: 'accessibility',
-    templateUrl: './accessibilitydemo.component.html'
-})
-export class AccessibilityDemoComponent {
-    docs = [
-        {
-            id: 'introduction',
-            label: 'Introduction',
-            component: IntroductionDoc
-        },
-        {
-            id: 'wcag',
-            label: 'WCAG',
-            component: WCAGDoc
-        },
-        {
-            id: 'form-controls',
-            label: 'Form Controls',
-            component: FormControlsDoc
-        },
-        {
-            id: 'semantic-html',
-            label: 'Semantic HTML',
-            component: SemanticHTMLDoc
-        },
-        {
-            id: 'wai-aria',
-            label: 'WAI-ARIA',
-            component: WAIARIADoc
-        },
-        {
-            id: 'colors',
-            label: 'Colors',
-            component: ColorsDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/guides/csslayer/csslayerdemo.component.html b/src/app/showcase/pages/guides/csslayer/csslayerdemo.component.html
deleted file mode 100644
index f8279d9..0000000
--- a/src/app/showcase/pages/guides/csslayer/csslayerdemo.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="CSS Layer - PrimeNG" header="CSS Layer" [docs]="docs" description="Best practices for the PrimeNG cascade layer in styled mode."></app-doc>
diff --git a/src/app/showcase/pages/guides/csslayer/csslayerdemo.component.ts b/src/app/showcase/pages/guides/csslayer/csslayerdemo.component.ts
deleted file mode 100644
index d775625..0000000
--- a/src/app/showcase/pages/guides/csslayer/csslayerdemo.component.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Component } from '@angular/core';
-import { BootstrapDoc } from 'src/app/showcase/doc/guides/csslayer/bootstrapdoc';
-import { NormalizeDoc } from 'src/app/showcase/doc/guides/csslayer/normalizedoc';
-import { ResetDoc } from 'src/app/showcase/doc/guides/csslayer/resetdoc';
-import { SpecificityDoc } from 'src/app/showcase/doc/guides/csslayer/specificitydoc';
-import { TailwindDoc } from 'src/app/showcase/doc/guides/csslayer/tailwinddoc';
-
-@Component({
-    selector: 'css-layer',
-    templateUrl: './csslayerdemo.component.html'
-})
-export class CssLayerDemoComponent {
-    docs = [
-        {
-            id: 'css-specificity',
-            label: 'CSS Specificity',
-            component: SpecificityDoc
-        },
-        {
-            id: 'reset',
-            label: 'Reset',
-            component: ResetDoc
-        },
-        {
-            id: 'libraries',
-            label: 'Libraries',
-            description: 'Compatibility between PrimeNG and CSS libraries.',
-            children: [
-                {
-                    id: 'tailwind',
-                    label: 'Tailwind CSS',
-                    component: TailwindDoc
-                },
-                {
-                    id: 'bootstrap',
-                    label: 'Bootstrap',
-                    component: BootstrapDoc
-                },
-                {
-                    id: 'normalize',
-                    label: 'Normalize',
-                    component: NormalizeDoc
-                }
-            ]
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/guides/guides-routing.module.ts b/src/app/showcase/pages/guides/guides-routing.module.ts
deleted file mode 100644
index fdf2132..0000000
--- a/src/app/showcase/pages/guides/guides-routing.module.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { AccessibilityDemoComponent } from './accessibility/accessibilitydemo.component';
-import { TemplateUpdateDemoComponent } from './templateupdate/templateupdatedemo.component';
-import { CssLayerDemoComponent } from './csslayer/csslayerdemo.component';
-
-@NgModule({
-    imports: [
-        RouterModule.forChild([
-            { path: '', redirectTo: 'accessibility', pathMatch: 'full' },
-            { path: 'accessibility', component: AccessibilityDemoComponent },
-            { path: 'templateupdate', component: TemplateUpdateDemoComponent },
-            { path: 'csslayer', component: CssLayerDemoComponent }
-        ])
-    ],
-    exports: [RouterModule]
-})
-export class GuidesRoutingModule {}
diff --git a/src/app/showcase/pages/guides/guides.module.ts b/src/app/showcase/pages/guides/guides.module.ts
deleted file mode 100644
index a1b965f..0000000
--- a/src/app/showcase/pages/guides/guides.module.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { AccessibilityDemoComponent } from './accessibility/accessibilitydemo.component';
-import { GuidesRoutingModule } from './guides-routing.module';
-import { TemplateUpdateDemoComponent } from './templateupdate/templateupdatedemo.component';
-import { CssLayerDemoComponent } from './csslayer/csslayerdemo.component';
-import { GuidesDocModule } from '@doc/guides/guidesdoc.module';
-
-@NgModule({
-    imports: [CommonModule, GuidesRoutingModule, GuidesDocModule],
-    declarations: [AccessibilityDemoComponent, TemplateUpdateDemoComponent, CssLayerDemoComponent]
-})
-export class GuidesModule {}
diff --git a/src/app/showcase/pages/guides/templateupdate/templateupdatedemo.component.html b/src/app/showcase/pages/guides/templateupdate/templateupdatedemo.component.html
deleted file mode 100644
index 0f06bb5..0000000
--- a/src/app/showcase/pages/guides/templateupdate/templateupdatedemo.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Template Update - PrimeNG" header="Template Update"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/guides/templateupdate/templateupdatedemo.component.ts b/src/app/showcase/pages/guides/templateupdate/templateupdatedemo.component.ts
deleted file mode 100644
index b83b577..0000000
--- a/src/app/showcase/pages/guides/templateupdate/templateupdatedemo.component.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'template-update',
-    templateUrl: './templateupdatedemo.component.html'
-})
-export class TemplateUpdateDemoComponent {
-    docs = [];
-}
diff --git a/src/app/showcase/pages/iconfield/iconfielddemo-routing.module.ts b/src/app/showcase/pages/iconfield/iconfielddemo-routing.module.ts
deleted file mode 100644
index ea4c63d..0000000
--- a/src/app/showcase/pages/iconfield/iconfielddemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { IconFieldDemo } from './iconfielddemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: IconFieldDemo }])],
-    exports: [RouterModule]
-})
-export class IconFieldDemoRoutingModule {}
diff --git a/src/app/showcase/pages/iconfield/iconfielddemo.html b/src/app/showcase/pages/iconfield/iconfielddemo.html
deleted file mode 100644
index 47931d9..0000000
--- a/src/app/showcase/pages/iconfield/iconfielddemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular IconField Component" header="IconField" description="IconField wraps an input and an icon." [docs]="docs" [apiDocs]="['IconField', 'InputIcon']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/iconfield/iconfielddemo.module.ts b/src/app/showcase/pages/iconfield/iconfielddemo.module.ts
deleted file mode 100644
index 32e929d..0000000
--- a/src/app/showcase/pages/iconfield/iconfielddemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { IconFieldDemo } from './iconfielddemo';
-import { IconFieldDocModule } from '@doc/iconfield/iconfielddoc.module';
-import { IconFieldDemoRoutingModule } from './iconfielddemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, IconFieldDocModule, IconFieldDemoRoutingModule],
-    declarations: [IconFieldDemo]
-})
-export class IconFieldDemoModule {}
diff --git a/src/app/showcase/pages/iconfield/iconfielddemo.scss b/src/app/showcase/pages/iconfield/iconfielddemo.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/showcase/pages/iconfield/iconfielddemo.ts b/src/app/showcase/pages/iconfield/iconfielddemo.ts
deleted file mode 100644
index c274c0f..0000000
--- a/src/app/showcase/pages/iconfield/iconfielddemo.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/iconfield/importdoc';
-import { BasicDoc } from '@doc/iconfield/basicdoc';
-import { TemplateDoc } from '@doc/iconfield/templatedoc';
-import { StyleDoc } from '@doc/iconfield/styledoc';
-import { AccessibilityDoc } from '@doc/iconfield/accessibilitydoc';
-
-@Component({
-    templateUrl: './iconfielddemo.html',
-    styleUrls: ['./iconfielddemo.scss']
-})
-export class IconFieldDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/icons/iconsdemo-routing.module.ts b/src/app/showcase/pages/icons/iconsdemo-routing.module.ts
deleted file mode 100644
index 774f9d2..0000000
--- a/src/app/showcase/pages/icons/iconsdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { IconsDemoComponent } from './iconsdemo.component';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: IconsDemoComponent }])],
-    exports: [RouterModule]
-})
-export class IconsDemoRoutingModule {}
diff --git a/src/app/showcase/pages/icons/iconsdemo.component.html b/src/app/showcase/pages/icons/iconsdemo.component.html
deleted file mode 100644
index 9f08769..0000000
--- a/src/app/showcase/pages/icons/iconsdemo.component.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<app-doc
-    title="Angular Icon Library - PrimeNG"
-    header="Icons"
-    description="PrimeIcons is the default icon library of PrimeNG with over 250 open source icons developed by PrimeTek. PrimeIcons library is optional as PrimeNG components can use any icon with templating."
-    [docs]="docs"
-></app-doc>
diff --git a/src/app/showcase/pages/icons/iconsdemo.component.scss b/src/app/showcase/pages/icons/iconsdemo.component.scss
deleted file mode 100644
index 6e1fb2c..0000000
--- a/src/app/showcase/pages/icons/iconsdemo.component.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-.icon-filter {
-    width: 100%;
-    padding: 1rem;
-    margin: 1rem 0 1.5rem 0;
-}
-
-.icons-list {
-    text-align: center;
-
-    i {
-        font-size: 1.5rem;
-        color: var(--text-color-secondary);
-        margin-bottom: .5rem;
-    }
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/icons/iconsdemo.component.ts b/src/app/showcase/pages/icons/iconsdemo.component.ts
deleted file mode 100644
index e3eb31e..0000000
--- a/src/app/showcase/pages/icons/iconsdemo.component.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/icons/basicdoc';
-import { ColorDoc } from '@doc/icons/colordoc';
-import { ConstantsDoc } from '@doc/icons/constantsdoc';
-import { DownloadDoc } from '@doc/icons/downloaddoc';
-import { ImportDoc } from '@doc/icons/importdoc';
-import { ListDoc } from '@doc/icons/listdoc';
-import { SizeDoc } from '@doc/icons/sizedoc';
-import { SpinDoc } from '@doc/icons/spindoc';
-import { FigmaDoc } from '@doc/icons/figmadoc';
-
-@Component({
-    templateUrl: './iconsdemo.component.html',
-    styleUrls: ['./iconsdemo.component.scss']
-})
-export class IconsDemoComponent {
-    docs = [
-        {
-            id: 'download',
-            label: 'Download',
-            component: DownloadDoc
-        },
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'figma',
-            label: 'Figma',
-            component: FigmaDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'size',
-            label: 'Size',
-            component: SizeDoc
-        },
-        {
-            id: 'color',
-            label: 'Color',
-            component: ColorDoc
-        },
-        {
-            id: 'spin',
-            label: 'Spin',
-            component: SpinDoc
-        },
-        {
-            id: 'constants',
-            label: 'Constants',
-            component: ConstantsDoc
-        },
-        {
-            id: 'list',
-            label: 'List',
-            component: ListDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/icons/iconsdemo.module.ts b/src/app/showcase/pages/icons/iconsdemo.module.ts
deleted file mode 100644
index 2047043..0000000
--- a/src/app/showcase/pages/icons/iconsdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { IconsDocModule } from '@doc/icons/icons.module';
-import { IconsDemoRoutingModule } from './iconsdemo-routing.module';
-import { IconsDemoComponent } from './iconsdemo.component';
-
-@NgModule({
-    imports: [CommonModule, IconsDemoRoutingModule, IconsDocModule],
-    declarations: [IconsDemoComponent]
-})
-export class IconsDemoModule {}
diff --git a/src/app/showcase/pages/image/imagedemo-routing.module.ts b/src/app/showcase/pages/image/imagedemo-routing.module.ts
deleted file mode 100644
index 8c57f68..0000000
--- a/src/app/showcase/pages/image/imagedemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ImageDemo } from './imagedemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ImageDemo }])],
-    exports: [RouterModule]
-})
-export class ImageDemoRoutingModule {}
diff --git a/src/app/showcase/pages/image/imagedemo.html b/src/app/showcase/pages/image/imagedemo.html
deleted file mode 100644
index 9cc4ac3..0000000
--- a/src/app/showcase/pages/image/imagedemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Image Component" header="Image" description="Displays an image with preview and tranformation options." [docs]="docs" [apiDocs]="['Image']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/image/imagedemo.module.ts b/src/app/showcase/pages/image/imagedemo.module.ts
deleted file mode 100644
index 7376e77..0000000
--- a/src/app/showcase/pages/image/imagedemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ImageDocModule } from '@doc/Image/imagedoc.module';
-import { ImageDemo } from './imagedemo';
-import { ImageDemoRoutingModule } from './imagedemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ImageDemoRoutingModule, ImageDocModule],
-    declarations: [ImageDemo]
-})
-export class ImageDemoModule {}
diff --git a/src/app/showcase/pages/image/imagedemo.ts b/src/app/showcase/pages/image/imagedemo.ts
deleted file mode 100644
index c59d4d8..0000000
--- a/src/app/showcase/pages/image/imagedemo.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-import { AccessibilityDoc } from '@doc/Image/accessibilitydoc';
-import { BasicDoc } from '@doc/Image/basicdoc';
-import { ImportDoc } from '@doc/Image/importdoc';
-import { PreviewDoc } from '@doc/Image/previewdoc';
-import { PreviewImageSourceDoc } from '@doc/Image/previewimagesourcedoc';
-import { StyleDoc } from '@doc/Image/styledoc';
-import { TemplateDoc } from '@doc/Image/templatedoc';
-
-@Component({
-    templateUrl: './imagedemo.html'
-})
-export class ImageDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'preview',
-            label: 'Preview',
-            component: PreviewDoc
-        },
-        {
-            id: 'templates',
-            label: 'Indicator',
-            component: TemplateDoc
-        },
-        {
-            id: 'preview-image-source',
-            label: 'Image Source',
-            component: PreviewImageSourceDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/inplace/inplacedemo-routing.module.ts b/src/app/showcase/pages/inplace/inplacedemo-routing.module.ts
deleted file mode 100644
index 8906756..0000000
--- a/src/app/showcase/pages/inplace/inplacedemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { InplaceDemo } from './inplacedemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: InplaceDemo }])],
-    exports: [RouterModule]
-})
-export class InplaceDemoRoutingModule {}
diff --git a/src/app/showcase/pages/inplace/inplacedemo.html b/src/app/showcase/pages/inplace/inplacedemo.html
deleted file mode 100644
index 90b19b7..0000000
--- a/src/app/showcase/pages/inplace/inplacedemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Inplace Component" header="Inplace" description="Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content." [docs]="docs" [apiDocs]="['Inplace']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/inplace/inplacedemo.module.ts b/src/app/showcase/pages/inplace/inplacedemo.module.ts
deleted file mode 100644
index 0dd762a..0000000
--- a/src/app/showcase/pages/inplace/inplacedemo.module.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { InplaceModule } from 'primeng/inplace';
-import { InplaceDocModule } from '@doc/inplace/inplacedoc.module';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { InplaceDemo } from './inplacedemo';
-import { InplaceDemoRoutingModule } from './inplacedemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, InplaceDemoRoutingModule, InplaceModule, AppDocModule, InplaceDocModule],
-    declarations: [InplaceDemo]
-})
-export class InplaceDemoModule {}
diff --git a/src/app/showcase/pages/inplace/inplacedemo.ts b/src/app/showcase/pages/inplace/inplacedemo.ts
deleted file mode 100644
index 385eb96..0000000
--- a/src/app/showcase/pages/inplace/inplacedemo.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { ImageDoc } from '@doc/inplace/imagedoc';
-import { StyleDoc } from '@doc/inplace/styledoc';
-import { BasicDoc } from '@doc/inplace/basicdoc';
-import { DataDoc } from '@doc/inplace/datadoc';
-import { ImportDoc } from '@doc/inplace/importdoc';
-import { InputDoc } from '@doc/inplace/inputdoc';
-import { AccessibilityDoc } from '@doc/inplace/accessibilitydoc';
-import { LazyDoc } from '@doc/inplace/lazydoc';
-
-@Component({
-    templateUrl: './inplacedemo.html'
-})
-export class InplaceDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'input',
-            label: 'Input',
-            component: InputDoc
-        },
-        {
-            id: 'image',
-            label: 'Image',
-            component: ImageDoc
-        },
-        {
-            id: 'lazy',
-            label: 'Lazy',
-            component: LazyDoc
-        },
-        {
-            id: 'data',
-            label: 'Data',
-            component: DataDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/inputgroup/inputgroupdemo-routing.module.ts b/src/app/showcase/pages/inputgroup/inputgroupdemo-routing.module.ts
deleted file mode 100644
index 74e7e71..0000000
--- a/src/app/showcase/pages/inputgroup/inputgroupdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { InputGroupDemo } from './inputgroupdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: InputGroupDemo }])],
-    exports: [RouterModule]
-})
-export class InputGroupDemoRoutingModule {}
diff --git a/src/app/showcase/pages/inputgroup/inputgroupdemo.html b/src/app/showcase/pages/inputgroup/inputgroupdemo.html
deleted file mode 100644
index 3a5e933..0000000
--- a/src/app/showcase/pages/inputgroup/inputgroupdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular InputGroup Component" header="InputGroup" description="Text, icon, buttons and other content can be grouped next to an input." [docs]="docs"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/inputgroup/inputgroupdemo.module.ts b/src/app/showcase/pages/inputgroup/inputgroupdemo.module.ts
deleted file mode 100644
index b333874..0000000
--- a/src/app/showcase/pages/inputgroup/inputgroupdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { InputGroupDocModule } from '@doc/inputgroup/inputgroupddoc.module';
-import { InputGroupDemo } from './inputgroupdemo';
-import { InputGroupDemoRoutingModule } from './inputgroupdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, InputGroupDemoRoutingModule, InputGroupDocModule],
-    declarations: [InputGroupDemo]
-})
-export class InputGroupDemoModule {}
diff --git a/src/app/showcase/pages/inputgroup/inputgroupdemo.ts b/src/app/showcase/pages/inputgroup/inputgroupdemo.ts
deleted file mode 100644
index 24dfc53..0000000
--- a/src/app/showcase/pages/inputgroup/inputgroupdemo.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Component } from '@angular/core';
-import { MultipleDoc } from '@doc/inputgroup/multipledoc';
-import { BasicDoc } from '@doc/inputgroup/basicdoc';
-import { ImportDoc } from '@doc/inputgroup/importdoc';
-import { ButtonDoc } from '@doc/inputgroup/buttondoc';
-import { CheckboxDoc } from '@doc/inputgroup/checkboxdoc';
-import { AccessibilityDoc } from '@doc/inputgroup/accessibilitydoc';
-
-@Component({
-    templateUrl: './inputgroupdemo.html'
-})
-export class InputGroupDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'multiple',
-            label: 'Multiple',
-            component: MultipleDoc
-        },
-        {
-            id: 'button',
-            label: 'Button',
-            component: ButtonDoc
-        },
-        {
-            id: 'checkbox',
-            label: 'Check & Radio',
-            component: CheckboxDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/inputmask/inputmaskdemo-routing.module.ts b/src/app/showcase/pages/inputmask/inputmaskdemo-routing.module.ts
deleted file mode 100644
index 1d78c89..0000000
--- a/src/app/showcase/pages/inputmask/inputmaskdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { InputMaskDemo } from './inputmaskdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: InputMaskDemo }])],
-    exports: [RouterModule]
-})
-export class InputMaskDemoRoutingModule {}
diff --git a/src/app/showcase/pages/inputmask/inputmaskdemo.html b/src/app/showcase/pages/inputmask/inputmaskdemo.html
deleted file mode 100644
index 52a19ec..0000000
--- a/src/app/showcase/pages/inputmask/inputmaskdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular InputMask Component" header="InputMask" description="InputMask component is used to enter input in a certain format such as numeric, date, currency and phone." [docs]="docs" [apiDocs]="['InputMask']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/inputmask/inputmaskdemo.module.ts b/src/app/showcase/pages/inputmask/inputmaskdemo.module.ts
deleted file mode 100644
index 9b00376..0000000
--- a/src/app/showcase/pages/inputmask/inputmaskdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { InputMaskDocModule } from '@doc/inputmask/inputmaskdoc.module';
-import { InputMaskDemo } from './inputmaskdemo';
-import { InputMaskDemoRoutingModule } from './inputmaskdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, InputMaskDemoRoutingModule, InputMaskDocModule],
-    declarations: [InputMaskDemo]
-})
-export class InputMaskDemoModule {}
diff --git a/src/app/showcase/pages/inputmask/inputmaskdemo.ts b/src/app/showcase/pages/inputmask/inputmaskdemo.ts
deleted file mode 100644
index 69992ac..0000000
--- a/src/app/showcase/pages/inputmask/inputmaskdemo.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import { Component } from '@angular/core';
-import { AccessibilityDoc } from '@doc/inputmask/accessibilitydoc';
-import { BasicDoc } from '@doc/inputmask/basicdoc';
-import { DisabledDoc } from '@doc/inputmask/disableddoc';
-import { FilledDoc } from '@doc/inputmask/filleddoc';
-import { FloatlabelDoc } from '@doc/inputmask/floatlabeldoc';
-import { ImportDoc } from '@doc/inputmask/importdoc';
-import { InvalidDoc } from '@doc/inputmask/invaliddoc';
-import { MaskDoc } from '@doc/inputmask/maskdoc';
-import { OptionalDoc } from '@doc/inputmask/optionaldoc';
-import { ReactiveFormsDoc } from '@doc/inputmask/reactiveformsdoc';
-import { SlotCharDoc } from '@doc/inputmask/slotchardoc';
-import { StyleDoc } from '@doc/inputmask/styledoc';
-import { ClearDoc } from '@doc/inputmask/cleardoc';
-
-@Component({
-    templateUrl: './inputmaskdemo.html'
-})
-export class InputMaskDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'clear',
-            label: 'Clear',
-            component: ClearDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'mask',
-            label: 'Mask',
-            component: MaskDoc
-        },
-        {
-            id: 'optional',
-            label: 'Optional',
-            component: OptionalDoc
-        },
-        {
-            id: 'slotchar',
-            label: 'Slot Char',
-            component: SlotCharDoc
-        },
-        {
-            id: 'floatlabel',
-            label: 'FloatLabel',
-            component: FloatlabelDoc
-        },
-        {
-            id: 'filled',
-            label: 'Filled',
-            component: FilledDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/inputnumber/inputnumberdemo-routing.module.ts b/src/app/showcase/pages/inputnumber/inputnumberdemo-routing.module.ts
deleted file mode 100644
index 5a46186..0000000
--- a/src/app/showcase/pages/inputnumber/inputnumberdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { InputNumberDemo } from './inputnumberdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: InputNumberDemo }])],
-    exports: [RouterModule]
-})
-export class InputNumberDemoRoutingModule {}
diff --git a/src/app/showcase/pages/inputnumber/inputnumberdemo.html b/src/app/showcase/pages/inputnumber/inputnumberdemo.html
deleted file mode 100644
index b19132a..0000000
--- a/src/app/showcase/pages/inputnumber/inputnumberdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular InputNumber Component" header="InputNumber" description="InputNumber is an input component to provide numerical input." [docs]="docs" [apiDocs]="['InputNumber']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/inputnumber/inputnumberdemo.module.ts b/src/app/showcase/pages/inputnumber/inputnumberdemo.module.ts
deleted file mode 100644
index ad28db8..0000000
--- a/src/app/showcase/pages/inputnumber/inputnumberdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { InputNumberDocModule } from '@doc/inputnumber/inputnumberdoc.module';
-import { InputNumberDemo } from './inputnumberdemo';
-import { InputNumberDemoRoutingModule } from './inputnumberdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, InputNumberDemoRoutingModule, InputNumberDocModule],
-    declarations: [InputNumberDemo]
-})
-export class InputNumberDemoModule {}
diff --git a/src/app/showcase/pages/inputnumber/inputnumberdemo.ts b/src/app/showcase/pages/inputnumber/inputnumberdemo.ts
deleted file mode 100644
index 1232aad..0000000
--- a/src/app/showcase/pages/inputnumber/inputnumberdemo.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-import { Component, ViewEncapsulation } from '@angular/core';
-import { LocaleDoc } from '@doc/inputnumber/localedoc';
-import { ImportDoc } from '@doc/inputnumber/importdoc';
-import { NumeralsDoc } from '@doc/inputnumber/numeralsdoc';
-import { CurrencyDoc } from '@doc/inputnumber/currencydoc';
-import { PrefixSuffixDoc } from '@doc/inputnumber/prefixsuffixdoc';
-import { ButtonsDoc } from '@doc/inputnumber/buttonsdoc';
-import { VerticalDoc } from '@doc/inputnumber/verticaldoc';
-import { FloatlabelDoc } from '@doc/inputnumber/floatlabeldoc';
-import { InvalidDoc } from '@doc/inputnumber/invaliddoc';
-import { DisabledDoc } from '@doc/inputnumber/disableddoc';
-import { StyleDoc } from '@doc/inputnumber/styledoc';
-import { AccessibilityDoc } from '@doc/inputnumber/accessibilitydoc';
-import { ReactiveFormsDoc } from '@doc/inputnumber/reactiveformsdoc';
-import { FilledDoc } from '@doc/inputnumber/filleddoc';
-
-@Component({
-    templateUrl: './inputnumberdemo.html',
-    encapsulation: ViewEncapsulation.None
-})
-export class InputNumberDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'numerals',
-            label: 'Numerals',
-            component: NumeralsDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'locale',
-            label: 'Locale',
-            component: LocaleDoc
-        },
-        {
-            id: 'currency',
-            label: 'Currency',
-            component: CurrencyDoc
-        },
-        {
-            id: 'prefixsuffix',
-            label: 'Prefix & Suffix',
-            component: PrefixSuffixDoc
-        },
-        {
-            id: 'buttons',
-            label: 'Buttons',
-            component: ButtonsDoc
-        },
-        {
-            id: 'vertical',
-            label: 'Vertical',
-            component: VerticalDoc
-        },
-        {
-            id: 'floatlabel',
-            label: 'Float Label',
-            component: FloatlabelDoc
-        },
-        {
-            id: 'filled',
-            label: 'Filled',
-            component: FilledDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/inputotp/inputotp.html b/src/app/showcase/pages/inputotp/inputotp.html
deleted file mode 100644
index 4b6d041..0000000
--- a/src/app/showcase/pages/inputotp/inputotp.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Otp Input Component" header="InputOtp" description="Input Otp is used to enter one time passwords." [docs]="docs" [apiDocs]="['InputOtp']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/inputotp/inputotpdemo-routing.module.ts b/src/app/showcase/pages/inputotp/inputotpdemo-routing.module.ts
deleted file mode 100644
index bd3f74e..0000000
--- a/src/app/showcase/pages/inputotp/inputotpdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { InputOtpDemo } from './inputotpdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: InputOtpDemo }])],
-    exports: [RouterModule]
-})
-export class InputOtpDemoRoutingModule {}
diff --git a/src/app/showcase/pages/inputotp/inputotpdemo.module.ts b/src/app/showcase/pages/inputotp/inputotpdemo.module.ts
deleted file mode 100644
index 0c8eb53..0000000
--- a/src/app/showcase/pages/inputotp/inputotpdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { InputOtpDemo } from './inputotpdemo';
-import { InputOtpDemoRoutingModule } from './inputotpdemo-routing.module';
-import { InputOtpDocModule } from '@doc/inputotp/inputotpdoc.module';
-
-@NgModule({
-    imports: [CommonModule, InputOtpDemoRoutingModule, InputOtpDocModule],
-    declarations: [InputOtpDemo]
-})
-export class InputOtpDemoModule {}
diff --git a/src/app/showcase/pages/inputotp/inputotpdemo.ts b/src/app/showcase/pages/inputotp/inputotpdemo.ts
deleted file mode 100644
index 0653b21..0000000
--- a/src/app/showcase/pages/inputotp/inputotpdemo.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Component, ViewEncapsulation } from '@angular/core';
-import { ImportDoc } from '@doc/inputotp/importdoc';
-import { BasicDoc } from '@doc/inputotp/basicdoc';
-import { MaskDoc } from '@doc/inputotp/maskdoc';
-import { IntegerOnlyDoc } from '@doc/inputotp/integeronlydoc';
-import { TemplateDoc } from '@doc/inputotp/templatedoc';
-import { SampleDoc } from '@doc/inputotp/sampledoc';
-import { AccessibilityDoc } from '@doc/inputotp/accessibilitydoc';
-
-@Component({
-    templateUrl: './inputotp.html',
-    encapsulation: ViewEncapsulation.None
-})
-export class InputOtpDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'mask',
-            label: 'Mask',
-            component: MaskDoc
-        },
-        {
-            id: 'integeronly',
-            label: 'Integer Only',
-            component: IntegerOnlyDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'sample',
-            label: 'Sample',
-            component: SampleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/inputswitch/inputswitchdemo-routing.module.ts b/src/app/showcase/pages/inputswitch/inputswitchdemo-routing.module.ts
deleted file mode 100644
index 423002b..0000000
--- a/src/app/showcase/pages/inputswitch/inputswitchdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { InputSwitchDemo } from './inputswitchdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: InputSwitchDemo }])],
-    exports: [RouterModule]
-})
-export class InputSwitchDemoRoutingModule {}
diff --git a/src/app/showcase/pages/inputswitch/inputswitchdemo.html b/src/app/showcase/pages/inputswitch/inputswitchdemo.html
deleted file mode 100644
index e0497d0..0000000
--- a/src/app/showcase/pages/inputswitch/inputswitchdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular InputSwitch Component" header="InputSwitch" description="InputSwitch is used to select a boolean value." [docs]="docs" [apiDocs]="['InputSwitch']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/inputswitch/inputswitchdemo.module.ts b/src/app/showcase/pages/inputswitch/inputswitchdemo.module.ts
deleted file mode 100644
index 8359533..0000000
--- a/src/app/showcase/pages/inputswitch/inputswitchdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { InputSwitchDocModule } from '@doc/inputswitch/inputswitchdoc.module';
-import { InputSwitchDemo } from './inputswitchdemo';
-import { InputSwitchDemoRoutingModule } from './inputswitchdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, InputSwitchDemoRoutingModule, InputSwitchDocModule],
-    declarations: [InputSwitchDemo]
-})
-export class InputSwitchDemoModule {}
diff --git a/src/app/showcase/pages/inputswitch/inputswitchdemo.ts b/src/app/showcase/pages/inputswitch/inputswitchdemo.ts
deleted file mode 100644
index f586155..0000000
--- a/src/app/showcase/pages/inputswitch/inputswitchdemo.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/inputswitch/basicdoc';
-import { ImportDoc } from '@doc/inputswitch/importdoc';
-import { DisabledDoc } from '@doc/inputswitch/disableddoc';
-import { PreselectionDoc } from '@doc/inputswitch/preselectiondoc';
-import { StyleDoc } from '@doc/inputswitch/styledoc';
-import { AccessibilityDoc } from '@doc/inputswitch/accessibilitydoc';
-import { ReactiveFormsDoc } from '@doc/inputswitch/reactiveformsdoc';
-import { InvalidDoc } from '@doc/inputswitch/invaliddoc';
-@Component({
-    templateUrl: './inputswitchdemo.html'
-})
-export class InputSwitchDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'preselection',
-            label: 'Preselection',
-            component: PreselectionDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/inputtext/inputtextdemo-routing.module.ts b/src/app/showcase/pages/inputtext/inputtextdemo-routing.module.ts
deleted file mode 100644
index 64fca23..0000000
--- a/src/app/showcase/pages/inputtext/inputtextdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { InputTextDemo } from './inputtextdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: InputTextDemo, data: { doc: true } }])],
-    exports: [RouterModule]
-})
-export class InputTextDemoRoutingModule {}
diff --git a/src/app/showcase/pages/inputtext/inputtextdemo.html b/src/app/showcase/pages/inputtext/inputtextdemo.html
deleted file mode 100644
index fbeec36..0000000
--- a/src/app/showcase/pages/inputtext/inputtextdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular InputText Component" header="InputText" description="InputText is an extension to standard input element with theming and keyfiltering." [apiDocs]="['InputText']" [docs]="docs"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/inputtext/inputtextdemo.module.ts b/src/app/showcase/pages/inputtext/inputtextdemo.module.ts
deleted file mode 100644
index ae8e402..0000000
--- a/src/app/showcase/pages/inputtext/inputtextdemo.module.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { InputTextModule } from 'primeng/inputtext';
-import { InputtextDocModule } from '@doc/inputtext/inputtextdoc.module';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-
-import { InputTextDemo } from './inputtextdemo';
-import { InputTextDemoRoutingModule } from './inputtextdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, InputTextDemoRoutingModule, FormsModule, InputTextModule, InputtextDocModule, AppDocModule],
-    declarations: [InputTextDemo]
-})
-export class InputTextDemoModule {}
diff --git a/src/app/showcase/pages/inputtext/inputtextdemo.scss b/src/app/showcase/pages/inputtext/inputtextdemo.scss
deleted file mode 100644
index 962b91a..0000000
--- a/src/app/showcase/pages/inputtext/inputtextdemo.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-.sizes {
-    .p-inputtext {
-        display: block;
-        margin-bottom: .5rem;
-
-        &:last-child {
-            margin-bottom: 0;
-        }
-    }
-}
-
-.field * {
-    display: block;
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/inputtext/inputtextdemo.ts b/src/app/showcase/pages/inputtext/inputtextdemo.ts
deleted file mode 100644
index f635a22..0000000
--- a/src/app/showcase/pages/inputtext/inputtextdemo.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { Component } from '@angular/core';
-import { DisabledDoc } from 'src/app/showcase/doc/inputtext/disableddoc';
-import { FloatLabelDoc } from 'src/app/showcase/doc/inputtext/floatlabeldoc';
-import { HelpTextDoc } from 'src/app/showcase/doc/inputtext/helptextdoc';
-import { IconsDoc } from 'src/app/showcase/doc/inputtext/iconsdoc';
-import { ImportDoc } from 'src/app/showcase/doc/inputtext/importdoc';
-import { InvalidDoc } from 'src/app/showcase/doc/inputtext/invaliddoc';
-import { SizesDoc } from 'src/app/showcase/doc/inputtext/sizesdoc';
-import { AccessibilityDoc } from '@doc/inputtext/accessibilitydoc';
-import { BasicDoc } from '@doc/inputtext/basicdoc';
-import { KeyFilterDoc } from '@doc/inputtext/keyfilterdoc';
-import { ReactiveFormsDoc } from '@doc/inputtext/reactiveformsdoc';
-import { StyleDoc } from '@doc/inputtext/styledoc';
-import { FilledDoc } from '@doc/inputtext/filleddoc';
-import { WithClearIconDoc } from '@doc/inputtext/withclearicondoc';
-
-@Component({
-    templateUrl: './inputtextdemo.html',
-    styleUrls: ['./inputtextdemo.scss']
-})
-export class InputTextDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'helptext',
-            label: 'Help Text',
-            component: HelpTextDoc
-        },
-        {
-            id: 'floatlabel',
-            label: 'Float Label',
-            component: FloatLabelDoc
-        },
-        {
-            id: 'filled',
-            label: 'Filled',
-            component: FilledDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'withClearIcon',
-            label: 'With Clear Icon',
-            component: WithClearIconDoc,
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/inputtextarea/inputtextareademo-routing.module.ts b/src/app/showcase/pages/inputtextarea/inputtextareademo-routing.module.ts
deleted file mode 100644
index 44d78cc..0000000
--- a/src/app/showcase/pages/inputtextarea/inputtextareademo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { InputTextareaDemo } from './inputtextareademo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: InputTextareaDemo }])],
-    exports: [RouterModule]
-})
-export class InputTextareaDemoRoutingModule {}
diff --git a/src/app/showcase/pages/inputtextarea/inputtextareademo.html b/src/app/showcase/pages/inputtextarea/inputtextareademo.html
deleted file mode 100644
index b089eaa..0000000
--- a/src/app/showcase/pages/inputtextarea/inputtextareademo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular InputTextarea Component" header="InputTextarea" description="InputTextarea adds styling and autoResize functionality to standard textarea element." [docs]="docs" [apiDocs]="['InputTextarea']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/inputtextarea/inputtextareademo.module.ts b/src/app/showcase/pages/inputtextarea/inputtextareademo.module.ts
deleted file mode 100644
index 6377fe8..0000000
--- a/src/app/showcase/pages/inputtextarea/inputtextareademo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { InputtextareaDocModule } from '@doc/inputtextarea/inputtextareadoc.module';
-import { InputTextareaDemo } from './inputtextareademo';
-import { InputTextareaDemoRoutingModule } from './inputtextareademo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, InputTextareaDemoRoutingModule, InputtextareaDocModule],
-    declarations: [InputTextareaDemo]
-})
-export class InputTextareaDemoModule {}
diff --git a/src/app/showcase/pages/inputtextarea/inputtextareademo.ts b/src/app/showcase/pages/inputtextarea/inputtextareademo.ts
deleted file mode 100644
index 4e4a7a1..0000000
--- a/src/app/showcase/pages/inputtextarea/inputtextareademo.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { Component } from '@angular/core';
-import { ReactiveFormsDoc } from '@doc/inputtextarea/reactiveformsdoc';
-import { AccessibilityDoc } from '@doc/inputtextarea/accessibilitydoc';
-import { AutoResizeDoc } from '@doc/inputtextarea/autoresizedoc';
-import { BasicDoc } from '@doc/inputtextarea/basicdoc';
-import { DisabledDoc } from '@doc/inputtextarea/disableddoc';
-import { FloatlabelDoc } from '@doc/inputtextarea/floatlabeldoc';
-import { InvalidDoc } from '@doc/inputtextarea/invaliddoc';
-import { ImportDoc } from '@doc/inputtextarea/importdoc';
-import { KeyfilterDoc } from '@doc/inputtextarea/keyfilterdoc';
-import { StyleDoc } from '@doc/inputtextarea/styledoc';
-import { FilledDoc } from '@doc/inputtextarea/filleddoc';
-import { ClearIconDoc } from '@doc/inputtextarea/clearicon-doc.component';
-
-@Component({
-    templateUrl: './inputtextareademo.html'
-})
-export class InputTextareaDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'autoresize',
-            label: 'AutoResize',
-            component: AutoResizeDoc
-        },
-        {
-            id: 'floatlabel',
-            label: 'Float Label',
-            component: FloatlabelDoc
-        },
-        {
-            id: 'filled',
-            label: 'Filled',
-            component: FilledDoc
-        },
-        {
-            id: 'clearicon',
-            label: 'Clear Icon',
-            component: ClearIconDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/installation/installation-routing.module.ts b/src/app/showcase/pages/installation/installation-routing.module.ts
deleted file mode 100644
index 5fb268b..0000000
--- a/src/app/showcase/pages/installation/installation-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { InstallationComponent } from './installation';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: InstallationComponent }])],
-    exports: [RouterModule]
-})
-export class InstallationRoutingModule {}
diff --git a/src/app/showcase/pages/installation/installation.html b/src/app/showcase/pages/installation/installation.html
deleted file mode 100644
index 7f447f6..0000000
--- a/src/app/showcase/pages/installation/installation.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Getting Started - PrimeNG" header="Installation" description="PrimeNG is a rich set of open source native Angular UI components." [docs]="docs"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/installation/installation.module.ts b/src/app/showcase/pages/installation/installation.module.ts
deleted file mode 100644
index e1d06dd..0000000
--- a/src/app/showcase/pages/installation/installation.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { InstallationRoutingModule } from './installation-routing.module';
-import { InstallationComponent } from './installation';
-import { InstallationDocModule } from '@doc/installation/installationdoc.module';
-
-@NgModule({
-    imports: [CommonModule, InstallationRoutingModule, InstallationDocModule],
-    declarations: [InstallationComponent]
-})
-export class InstallationModule {}
diff --git a/src/app/showcase/pages/installation/installation.ts b/src/app/showcase/pages/installation/installation.ts
deleted file mode 100644
index aefffce..0000000
--- a/src/app/showcase/pages/installation/installation.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Component } from '@angular/core';
-import { AnimationsDoc } from '@doc/installation/animationsdoc';
-import { DownloadDoc } from '@doc/installation/downloaddoc';
-import { ExamplesDoc } from '@doc/installation/examplesdoc';
-import { StylesDoc } from '@doc/installation/stylesdoc';
-import { UsageDoc } from '@doc/installation/usagedoc';
-import { VideosDoc } from '@doc/installation/videos/videosdoc';
-
-@Component({
-    templateUrl: './installation.html'
-})
-export class InstallationComponent {
-    docs = [
-        {
-            id: 'download',
-            label: 'Download',
-            component: DownloadDoc
-        },
-        {
-            id: 'styles',
-            label: 'Styles',
-            component: StylesDoc
-        },
-        {
-            id: 'usage',
-            label: 'Usage',
-            component: UsageDoc
-        },
-        {
-            id: 'animations',
-            label: 'Animations',
-            component: AnimationsDoc
-        },
-        {
-            id: 'examples',
-            label: 'QuickStart',
-            component: ExamplesDoc
-        },
-        {
-            id: 'videos',
-            label: 'Videos',
-            component: VideosDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/keyfilter/keyfilterdemo-routing.module.ts b/src/app/showcase/pages/keyfilter/keyfilterdemo-routing.module.ts
deleted file mode 100644
index 316d3c1..0000000
--- a/src/app/showcase/pages/keyfilter/keyfilterdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { KeyFilterDemo } from './keyfilterdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: KeyFilterDemo }])],
-    exports: [RouterModule]
-})
-export class KeyFilterDemoRoutingModule {}
diff --git a/src/app/showcase/pages/keyfilter/keyfilterdemo.html b/src/app/showcase/pages/keyfilter/keyfilterdemo.html
deleted file mode 100644
index 004e225..0000000
--- a/src/app/showcase/pages/keyfilter/keyfilterdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular KeyFilter Component" header="KeyFilter" description="KeyFilter is a built-in feature of InputText to restrict user input based on a regular expression." [docs]="docs" [apiDocs]="['KeyFilter']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/keyfilter/keyfilterdemo.module.ts b/src/app/showcase/pages/keyfilter/keyfilterdemo.module.ts
deleted file mode 100644
index 1bb5411..0000000
--- a/src/app/showcase/pages/keyfilter/keyfilterdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { KeyFilterDocModule } from '@doc/keyfilter/keyfilterdoc.module';
-import { KeyFilterDemo } from './keyfilterdemo';
-import { KeyFilterDemoRoutingModule } from './keyfilterdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, KeyFilterDemoRoutingModule, KeyFilterDocModule],
-    declarations: [KeyFilterDemo]
-})
-export class KeyFilterDemoModule {}
diff --git a/src/app/showcase/pages/keyfilter/keyfilterdemo.ts b/src/app/showcase/pages/keyfilter/keyfilterdemo.ts
deleted file mode 100644
index 4e1d89f..0000000
--- a/src/app/showcase/pages/keyfilter/keyfilterdemo.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component } from '@angular/core';
-import { ReactiveFormsDoc } from '@doc/keyfilter/reactiveformsdoc';
-import { AccessibilityDoc } from '@doc/keyfilter/accessibilitydoc';
-import { ImportDoc } from '@doc/keyfilter/importdoc';
-import { PresetsDoc } from '@doc/keyfilter/presetsdoc';
-import { RegexDoc } from '@doc/keyfilter/regexdoc';
-
-@Component({
-    templateUrl: './keyfilterdemo.html'
-})
-export class KeyFilterDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'presets',
-            label: 'Presets',
-            component: PresetsDoc
-        },
-        {
-            id: 'regex',
-            label: 'Regex',
-            component: RegexDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/knob/knobdemo-routing.module.ts b/src/app/showcase/pages/knob/knobdemo-routing.module.ts
deleted file mode 100644
index 46b5398..0000000
--- a/src/app/showcase/pages/knob/knobdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { KnobDemo } from './knobdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: KnobDemo }])],
-    exports: [RouterModule]
-})
-export class KnobDemoRoutingModule {}
diff --git a/src/app/showcase/pages/knob/knobdemo.html b/src/app/showcase/pages/knob/knobdemo.html
deleted file mode 100644
index 0d58851..0000000
--- a/src/app/showcase/pages/knob/knobdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Knob Component" header="Knob" description="Knob is a form component to define number inputs with a dial." [docs]="docs" [apiDocs]="['Knob']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/knob/knobdemo.module.ts b/src/app/showcase/pages/knob/knobdemo.module.ts
deleted file mode 100644
index a33c1e1..0000000
--- a/src/app/showcase/pages/knob/knobdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { KnobDocModule } from '@doc/knob/knobdoc.module';
-import { KnobDemo } from './knobdemo';
-import { KnobDemoRoutingModule } from './knobdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, KnobDemoRoutingModule, KnobDocModule],
-    declarations: [KnobDemo]
-})
-export class KnobDemoModule {}
diff --git a/src/app/showcase/pages/knob/knobdemo.ts b/src/app/showcase/pages/knob/knobdemo.ts
deleted file mode 100644
index 00b1609..0000000
--- a/src/app/showcase/pages/knob/knobdemo.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import { Component } from '@angular/core';
-import { ReactiveFormsDoc } from '@doc/knob/reactiveformsdoc';
-import { AccessibilityDoc } from '@doc/knob/accessibilitydoc';
-import { BasicDoc } from '@doc/knob/basicdoc';
-import { ColorDoc } from '@doc/knob/colordoc';
-import { ReactiveDoc } from '@doc/knob/reactivedoc';
-import { DisabledDoc } from '@doc/knob/disableddoc';
-import { ImportDoc } from '@doc/knob/importdoc';
-import { MinMaxDoc } from '@doc/knob/minmaxdoc';
-import { ReadonlyDoc } from '@doc/knob/readonlydoc';
-import { SizeDoc } from '@doc/knob/sizedoc';
-import { StepDoc } from '@doc/knob/stepdoc';
-import { StrokeDoc } from '@doc/knob/strokedoc';
-import { StyleDoc } from '@doc/knob/styledoc';
-import { TemplateDoc } from '@doc/knob/templatedoc';
-
-@Component({
-    templateUrl: './knobdemo.html'
-})
-export class KnobDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'minmax',
-            label: 'Min/Max',
-            component: MinMaxDoc
-        },
-        {
-            id: 'step',
-            label: 'Step',
-            component: StepDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'stroke',
-            label: 'Stroke',
-            component: StrokeDoc
-        },
-        {
-            id: 'size',
-            label: 'Size',
-            component: SizeDoc
-        },
-        {
-            id: 'color',
-            label: 'Color',
-            component: ColorDoc
-        },
-        {
-            id: 'reactive',
-            label: 'Reactive',
-            component: ReactiveDoc
-        },
-        {
-            id: 'readonly',
-            label: 'ReadOnly',
-            component: ReadonlyDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/landing/blocksection.component.ts b/src/app/showcase/pages/landing/blocksection.component.ts
deleted file mode 100644
index 6c4973c..0000000
--- a/src/app/showcase/pages/landing/blocksection.component.ts
+++ /dev/null
@@ -1,384 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'block-section',
-    standalone: true,
-    imports: [CommonModule],
-    template: `
-        <section id="blocks-section" class="landing-blocks pt-8 overflow-hidden">
-            <div class="section-header">PrimeBlocks</div>
-            <p class="section-detail">400+ ready to copy-paste UI blocks to build spectacular applications in no time.</p>
-            <div class="flex justify-center mt-4">
-                <a href="https://blocks.primeng.org" target="_blank" class="font-semibold p-3 border-round flex items-center linkbox active" style="z-index: 99">
-                    <span>Explore All</span>
-                    <i class="pi pi-arrow-right ml-2"></i>
-                </a>
-            </div>
-            <section class="prime-blocks blocks-animation flex justify-center items-center flex-col">
-                <div class="flex">
-                    <div class="prime-block flex align-self-stretch p-1">
-                        <div class="block-sidebar w-1 p-3">
-                            <div class="logo">
-                                <img src="https://primefaces.org/cdn/primeng/images/landing/blocks/logo-1.svg" alt="block logo" width="20" height="18" />
-                            </div>
-                            <div class="sidebar-menu mt-5">
-                                <div class="bar !w-8/12 my-3"></div>
-                                <div class="bar !w-9/12 my-3"></div>
-                                <div class="bar !w-7/12 my-3"></div>
-                                <div class="bar !w-6/12 my-3"></div>
-                                <div class="bar !w-9/12 my-3"></div>
-                            </div>
-                        </div>
-                        <div class="block-content flex-1 p-4 flex flex-col">
-                            <div class="bar w-1"></div>
-                            <div class="block-main mt-4 h-full flex justify-center items-center flex-col">
-                                <div class="flex justify-between">
-                                    <div class="block-item !w-6">
-                                        <div class="flex justify-between">
-                                            <div>
-                                                <div class="bar !w-2 mt-2"></div>
-                                                <div class="bar !w-4 mt-3"></div>
-                                            </div>
-                                            <div>
-                                                <div class="flex-1">
-                                                    <div class="circle circle-highlight"></div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="block-item block-item-active animation-1 mx-3 !w-6">
-                                        <div class="flex justify-between">
-                                            <div>
-                                                <div class="bar !w-2 mt-2"></div>
-                                                <div class="bar !w-4 mt-3"></div>
-                                            </div>
-                                            <div>
-                                                <div class="circle"></div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="block-item !w-6">
-                                        <div class="flex justify-between">
-                                            <div>
-                                                <div class="bar !w-2 mt-2"></div>
-                                                <div class="bar !w-4 mt-3"></div>
-                                            </div>
-                                            <div>
-                                                <div class="circle"></div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="flex justify-between mt-3">
-                                    <div class="block-item !w-6">
-                                        <div class="flex justify-between">
-                                            <div>
-                                                <div class="bar !w-2 mt-2"></div>
-                                                <div class="bar !w-4 mt-3"></div>
-                                            </div>
-                                            <div>
-                                                <div class="circle"></div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="block-item mx-3 !w-6">
-                                        <div class="flex justify-between">
-                                            <div>
-                                                <div class="bar !w-2 mt-2"></div>
-                                                <div class="bar !w-4 mt-3"></div>
-                                            </div>
-                                            <div>
-                                                <div class="circle"></div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="block-item !w-6">
-                                        <div class="flex justify-between">
-                                            <div>
-                                                <div class="bar !w-2 mt-2"></div>
-                                                <div class="bar !w-4 mt-3"></div>
-                                            </div>
-                                            <div>
-                                                <div class="circle"></div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="flex ml-8">
-                    <div class="prime-block p-1 flex align-self-stretch flex-col">
-                        <div class="block-header py-3 px-4 flex justify-between items-center">
-                            <div class="logo pr-5">
-                                <img width="20" height="18" src="https://primefaces.org/cdn/primeng/images/landing/blocks/logo-1.svg" alt="block logo" />
-                            </div>
-                            <div class="flex-auto sidebar-menu flex">
-                                <div class="bar !w-2 mx-2"></div>
-                                <div class="bar !w-2 mx-2"></div>
-                                <div class="bar !w-2 mx-2"></div>
-                                <div class="bar !w-2 mx-2"></div>
-                                <div class="bar !w-2 mx-2"></div>
-                            </div>
-                            <div class="circle circle-highlight"></div>
-                        </div>
-                        <div class="block-content flex-1 p-4 flex flex-col">
-                            <div class="bar w-1"></div>
-                            <div class="block-main mt-4 h-full flex justify-center items-center flex-col">
-                                <div class="flex justify-between">
-                                    <div class="block-item !w-4">
-                                        <div class="bar !w-2"></div>
-                                        <span class="text my-2">26 %</span>
-                                        <div class="box box-orange"></div>
-                                    </div>
-                                    <div class="block-item block-item-active animation-2 ml-3 mr-3 !w-4">
-                                        <div class="bar !w-1"></div>
-                                        <span class="text my-2">6 %</span>
-                                        <div class="box box-pink"></div>
-                                    </div>
-                                    <div class="block-item mr-3 !w-4">
-                                        <div class="bar !w-4"></div>
-                                        <span class="text my-2">62 %</span>
-                                        <div class="box box-green"></div>
-                                    </div>
-                                    <div class="block-item !w-4">
-                                        <div class="bar !w-2"></div>
-                                        <span class="text my-2">39 %</span>
-                                        <div class="box box-blue"></div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="prime-block flex align-self-stretch p-1">
-                        <div class="block-sidebar p-3">
-                            <div class="logo">
-                                <img width="14" height="16" src="https://primefaces.org/cdn/primeng/images/landing/blocks/logo-2.svg" alt="block logo" />
-                            </div>
-                            <div class="sidebar-menu mt-5">
-                                <div class="circle my-3"></div>
-                                <div class="circle my-3"></div>
-                                <div class="circle my-3"></div>
-                            </div>
-                        </div>
-                        <div class="block-sidebar-list px-4">
-                            <div class="bar !w-2 my-3"></div>
-                            <div class="bar !w-3 my-3"></div>
-                            <div class="bar !w-2 my-3"></div>
-                            <div class="bar !w-2 my-3"></div>
-                            <div class="bar !w-1 my-3"></div>
-                            <div class="bar !w-3 my-3"></div>
-                            <div class="bar !w-3 my-3"></div>
-                            <div class="bar !w-2 my-3"></div>
-                        </div>
-                        <div class="block-content flex-1 my-5 mx-4 flex flex-col">
-                            <div class="block-main h-full flex justify-center items-center flex-col px-2">
-                                <div class="flex justify-between">
-                                    <div class="block-item !w-3/12 flex justify-between flex-col">
-                                        <div class="bar w-full"></div>
-                                        <div class="flex items-center mt-3">
-                                            <div class="circle circle-small circle-highlight mr-2"></div>
-                                            <div class="bar !w-2"></div>
-                                        </div>
-                                        <div class="bar bar-button !w-4 mt-4"></div>
-                                    </div>
-                                    <div class="block-item block-item-active animation-3 mx-3 !w-3/12 flex justify-between flex-col">
-                                        <div class="bar w-full"></div>
-                                        <div class="flex items-center mt-3">
-                                            <div class="circle circle-small circle-highlight mr-2"></div>
-                                            <div class="bar !w-2"></div>
-                                        </div>
-                                        <div class="flex items-center mt-3">
-                                            <div class="circle circle-small circle-highlight mr-2"></div>
-                                            <div class="bar !w-3"></div>
-                                        </div>
-                                        <div class="bar bar-button !w-4 mt-4"></div>
-                                    </div>
-                                    <div class="block-item !w-3/12 flex justify-between flex-col">
-                                        <div class="bar w-full"></div>
-                                        <div class="flex items-center mt-3">
-                                            <div class="circle circle-small circle-highlight mr-2"></div>
-                                            <div class="bar !w-2"></div>
-                                        </div>
-                                        <div class="flex items-center mt-3">
-                                            <div class="circle circle-small circle-highlight mr-2"></div>
-                                            <div class="bar !w-2"></div>
-                                        </div>
-                                        <div class="flex items-center mt-3">
-                                            <div class="circle circle-small circle-highlight mr-2"></div>
-                                            <div class="bar !w-2"></div>
-                                        </div>
-                                        <div class="bar bar-button !w-4 mt-4"></div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="flex -mr-8">
-                    <div class="prime-block flex align-self-stretch p-1">
-                        <div class="block-sidebar w-1 p-3">
-                            <div class="logo">
-                                <img src="https://primefaces.org/cdn/primeng/images/landing/blocks/logo-1.svg" width="20" height="18" alt="block logo" />
-                            </div>
-                            <div class="sidebar-menu mt-5">
-                                <div class="bar !w-8/12 my-3"></div>
-                                <div class="bar !w-9/12 my-3"></div>
-                                <div class="bar !w-7/12 my-3"></div>
-                                <div class="bar !w-6/12 my-3"></div>
-                                <div class="bar !w-9/12 my-3"></div>
-                            </div>
-                        </div>
-                        <div class="block-content flex-1 p-4 flex flex-col">
-                            <div class="block-main h-full flex justify-center items-center flex-col">
-                                <div class="bar !w-3/12 mb-3"></div>
-                                <div class="bar !w-4/12 mb-5"></div>
-                                <div class="flex justify-between">
-                                    <div class="block-item !w-6 p-0">
-                                        <div class="block-image"></div>
-                                        <div class="p-2">
-                                            <div>
-                                                <div class="bar !w-4 my-2"></div>
-                                                <div class="bar !w-2 mb-2"></div>
-                                            </div>
-                                            <div>
-                                                <div class="flex-1">
-                                                    <div class="circle circle-highlight circle-medium"></div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="block-item block-item-active mx-3 animation-1 !w-6 p-0">
-                                        <div class="block-image"></div>
-                                        <div class="p-2">
-                                            <div>
-                                                <div class="bar !w-4 my-2"></div>
-                                                <div class="bar !w-2 mb-2"></div>
-                                            </div>
-                                            <div>
-                                                <div class="flex-1">
-                                                    <div class="circle circle-highlight circle-medium"></div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="block-item !w-6 p-0">
-                                        <div class="block-image"></div>
-                                        <div class="p-2">
-                                            <div>
-                                                <div class="bar !w-4 my-2"></div>
-                                                <div class="bar !w-2 mb-2"></div>
-                                            </div>
-                                            <div>
-                                                <div class="flex-1">
-                                                    <div class="circle circle-highlight circle-medium"></div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="prime-block flex align-self-stretch p-1">
-                        <div class="block-sidebar p-3">
-                            <div class="logo">
-                                <img src="https://primefaces.org/cdn/primeng/images/landing/blocks/logo-2.svg" width="14" height="16" alt="block logo" />
-                            </div>
-                            <div class="sidebar-menu mt-5">
-                                <div class="circle my-3"></div>
-                                <div class="circle my-3"></div>
-                                <div class="circle my-3"></div>
-                            </div>
-                        </div>
-                        <div class="block-sidebar-list px-4">
-                            <div class="bar !w-2 my-3"></div>
-                            <div class="bar !w-3 my-3"></div>
-                            <div class="bar !w-2 my-3"></div>
-                            <div class="bar !w-2 my-3"></div>
-                            <div class="bar !w-1 my-3"></div>
-                            <div class="bar !w-3 my-3"></div>
-                            <div class="bar !w-3 my-3"></div>
-                            <div class="bar !w-2 my-3"></div>
-                        </div>
-                        <div class="block-content flex-1 my-5 mx-4 flex flex-col">
-                            <div class="block-main h-full flex justify-center items-center flex-col px-2">
-                                <div class="flex justify-between">
-                                    <div class="block-item block-item-table block-item-active animation-1 flex">
-                                        <div class="bar !w-3 mx-3"></div>
-                                        <div class="bar !w-3 mx-3"></div>
-                                        <div class="bar !w-3 mx-3"></div>
-                                        <div class="bar !w-3 mx-3"></div>
-                                    </div>
-                                </div>
-                                <div class="block-item block-item-col flex">
-                                    <div class="flex">
-                                        <div class="circle circle-small circle-highlight -mr-1"></div>
-                                        <div class="bar !w-3 mx-3"></div>
-                                    </div>
-                                    <div class="bar !w-3 mx-3"></div>
-                                    <div class="bar !w-3 mx-3"></div>
-                                    <div class="bar !w-3 mx-3"></div>
-                                </div>
-                                <div class="block-item block-item-col flex">
-                                    <div class="flex">
-                                        <div class="circle circle-small circle-highlight -mr-1"></div>
-                                        <div class="bar !w-3 mx-3"></div>
-                                    </div>
-                                    <div class="bar !w-3 mx-3"></div>
-                                    <div class="bar !w-3 mx-3"></div>
-                                    <div class="bar !w-3 mx-3"></div>
-                                </div>
-                                <div class="block-item block-item-col flex">
-                                    <div class="flex">
-                                        <div class="circle circle-small circle-highlight -mr-1"></div>
-                                        <div class="bar !w-3 mx-3"></div>
-                                    </div>
-                                    <div class="bar !w-3 mx-3"></div>
-                                    <div class="bar !w-3 mx-3"></div>
-                                    <div class="bar !w-3 mx-3"></div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="flex">
-                    <div class="prime-block p-1 flex align-self-stretch flex-col">
-                        <div class="block-header py-3 px-4 flex justify-between items-center">
-                            <div class="logo pr-5">
-                                <img src="https://primefaces.org/cdn/primeng/images/landing/blocks/logo-1.svg" width="20" height="18" alt="block logo" />
-                            </div>
-                            <div class="flex-auto sidebar-menu flex">
-                                <div class="bar !w-2 mx-2"></div>
-                                <div class="bar !w-2 mx-2"></div>
-                                <div class="bar !w-2 mx-2"></div>
-                                <div class="bar !w-2 mx-2"></div>
-                                <div class="bar !w-2 mx-2"></div>
-                            </div>
-                            <div class="circle"></div>
-                        </div>
-                        <div class="block-content flex-1 p-4 flex flex-col">
-                            <div class="block-main h-full flex justify-center items-center flex-col">
-                                <div class="block-item block-item-active animation-2 mx-3 !w-8 text-center flex flex-col items-center overflow-visible">
-                                    <div class="-mt-4">
-                                        <img src="https://primefaces.org/cdn/primeng/images/landing/blocks/question.svg" width="24" height="24" alt="question mark" />
-                                    </div>
-                                    <div class="bar !w-2 mt-2"></div>
-                                    <div class="bar !w-6 mt-2"></div>
-                                    <div class="bar !w-4 mt-2"></div>
-                                    <div class="flex">
-                                        <div class="bar bar-highlight bar-button !w-4 mr-2 mt-4"></div>
-                                        <div class="bar bar-button !w-4 mr-2 mt-4"></div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </section>
-        </section>
-    `
-})
-export class BlockSectionComponent {}
diff --git a/src/app/showcase/pages/landing/featuressection.component.ts b/src/app/showcase/pages/landing/featuressection.component.ts
deleted file mode 100644
index 900d0dd..0000000
--- a/src/app/showcase/pages/landing/featuressection.component.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { AppConfigService } from '@service/appconfigservice';
-
-@Component({
-    selector: 'features-section',
-    standalone: true,
-    imports: [CommonModule],
-    template: `
-        <section class="landing-features py-8">
-            <div class="section-header">Features</div>
-            <p class="section-detail">PrimeNG is the most complete solution for your UI requirements.</p>
-            <div class="mt-7 px-5 lg:px-8">
-                <div class="features-container">
-                    <div class="grid">
-                        <div class="col-12 md:col-6 xl:col-3 flex justify-center">
-                            <div class="box p-4 w-full">
-                                <img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-components.svg" width="30" height="25" class="block mb-3" alt="components icon" />
-                                <div class="font-semibold mb-3 text-lg">80+ UI Components</div>
-                                <p class="m-0 text-secondary font-medium">The ultimate set of UI Components to assist you with 80+ impressive Angular Components.</p>
-                            </div>
-                        </div>
-                        <div class="col-12 md:col-6 xl:col-3 flex justify-center">
-                            <div class="box p-4 w-full">
-                                <img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-community.svg" width="30" height="25" alt="components icon" class="block mb-3" />
-                                <div class="font-semibold mb-3 text-lg">Community</div>
-                                <p class="m-0 text-secondary font-medium">Connect with the other open source community members, collaborate and have a voice in the project roadmap.</p>
-                            </div>
-                        </div>
-                        <div class="col-12 md:col-6 xl:col-3 flex justify-center">
-                            <div class="box p-4 w-full">
-                                <img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-productivity.svg" width="30" height="25" alt="components icon" class="block mb-3" />
-                                <div class="font-semibold mb-3 text-lg">Productivity</div>
-                                <p class="m-0 text-secondary font-medium">Boost your productivity by achieving more in less time and accomplish amazing results.</p>
-                            </div>
-                        </div>
-                        <div class="col-12 md:col-6 xl:col-3 flex justify-center">
-                            <div class="box p-4 w-full">
-                                <img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-accessibility.svg" alt="components icon" class="block mb-3" />
-                                <div class="font-semibold mb-3 text-lg">Accessibility</div>
-                                <p class="m-0 text-secondary font-medium">Compliant with the Web Content Accessibility Guidelines (WCAG 2.0).</p>
-                            </div>
-                        </div>
-                        <div class="col-12 md:col-6 xl:col-3 flex justify-center">
-                            <div class="box p-4 w-full">
-                                <img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-support.svg" alt="components icon" width="30" height="25" class="block mb-3" />
-                                <div class="font-semibold mb-3 text-lg">Enterprise Support</div>
-                                <p class="m-0 text-secondary font-medium">Exceptional support service featuring response within 1 business day and option to request enhancements and new features for the library.</p>
-                            </div>
-                        </div>
-                        <div class="col-12 md:col-6 xl:col-3 flex justify-center">
-                            <div class="box p-4 w-full">
-                                <img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-mobile.svg" width="30" height="25" alt="components icon" class="block mb-3" />
-                                <div class="font-semibold mb-3 text-lg">Mobile</div>
-                                <p class="m-0 text-secondary font-medium">First class support for responsive design led by touch optimized elements.</p>
-                            </div>
-                        </div>
-                        <div class="col-12 md:col-6 xl:col-3 flex justify-center">
-                            <div class="box p-4 w-full">
-                                <img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-theme.svg" width="30" height="25" alt="components icon" class="block mb-3" />
-                                <div class="font-semibold mb-3 text-lg">Themes</div>
-                                <p class="m-0 text-secondary font-medium">Built on a design-agnostic api, choose from a vast amount of themes such as Material, Bootstrap, custom or develop your own.</p>
-                            </div>
-                        </div>
-                        <div class="col-12 md:col-6 xl:col-3 flex justify-center">
-                            <div class="box p-4 w-full">
-                                <img src="https://primefaces.org/cdn/primeng/images/landing/features/icon-ts.svg" width="30" height="25" alt="components icon" class="block mb-3" />
-                                <div class="font-semibold mb-3 text-lg">Typescript</div>
-                                <p class="m-0 text-secondary font-medium">Top-notch support for Typescript with types and tooling assistance.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-    `
-})
-export class FeaturesSectionComponent {
-    constructor(private configService: AppConfigService) {}
-
-    get isDarkMode() {
-        return this.configService.config().darkMode;
-    }
-}
diff --git a/src/app/showcase/pages/landing/footersection.component.ts b/src/app/showcase/pages/landing/footersection.component.ts
deleted file mode 100644
index a1bcbf5..0000000
--- a/src/app/showcase/pages/landing/footersection.component.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { RouterModule } from '@angular/router';
-
-@Component({
-    selector: 'footer-section',
-    standalone: true,
-    imports: [CommonModule, RouterModule],
-    template: `
-        <section class="landing-footer pt-8 px-5 lg:px-8">
-            <div class="landing-footer-container">
-                <div class="flex flex-wrap z-1">
-                    <div class="!w-6/12 lg:!w-3/12 flex">
-                        <ul class="list-none p-0 m-0">
-                            <li class="font-bold mb-5">General</li>
-                            <li class="mb-4">
-                                <a [routerLink]="['installation']" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150"> Get Started </a>
-                            </li>
-                            <li class="mb-4">
-                                <a href="https://github.com/primefaces/primeng-examples" target="_blank" rel="noopener noreferrer" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Examples</a>
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="!w-6/12 lg:!w-3/12 flex">
-                        <ul class="list-none p-0 m-0">
-                            <li class="font-bold mb-5">Support</li>
-                            <li class="mb-4">
-                                <a href="https://github.com/orgs/primefaces/discussions" target="_blank" rel="noopener noreferrer" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Forum</a>
-                            </li>
-                            <li class="mb-4">
-                                <a href="https://discord.gg/gzKFYnpmCY" target="_blank" rel="noopener noreferrer" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Discord</a>
-                            </li>
-                            <li class="mb-4">
-                                <a [routerLink]="['support']" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">PRO Support </a>
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="!w-6/12 lg:!w-3/12 flex">
-                        <ul class="list-none p-0 m-0">
-                            <li class="font-bold mt-5 lg:mt-0 mb-5">Resources</li>
-                            <li class="mb-4">
-                                <a href="https://www.youtube.com/channel/UCTgmp69aBOlLnPEqlUyetWw" target="_blank" rel="noopener noreferrer" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">PrimeTV</a>
-                            </li>
-                            <li class="mb-4">
-                                <a href="https://www.primefaces.org/store/" target="_blank" rel="noopener noreferrer" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Store</a>
-                            </li>
-                            <li class="mb-4">
-                                <a href="https://github.com/primefaces/primeng" target="_blank" rel="noopener noreferrer" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Source Code</a>
-                            </li>
-                            <li class="mb-4">
-                                <a href="https://twitter.com/prime_ng" target="_blank" rel="noopener noreferrer" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Twitter</a>
-                            </li>
-                            <li class="mb-4">
-                                <a href="https://www.primefaces.org/newsletter" target="_blank" rel="noopener noreferrer" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Newsletter</a>
-                            </li>
-                            <li class="mb-4">
-                                <a href="https://gear.primefaces.org/" target="_blank" rel="noopener noreferrer" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">PrimeGear</a>
-                            </li>
-                            <li class="mb-4">
-                                <a href="mailto:contact@primetek.com.tr" target="_blank" rel="noopener noreferrer" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Contact Us</a>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-
-                <hr class="section-divider mt-8" />
-
-                <div class="flex flex-wrap justify-between py-6 gap-5">
-                    <span>
-                        <svg width="120" height="33" viewBox="0 0 120 33" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path
-                                fill-rule="evenodd"
-                                clip-rule="evenodd"
-                                d="M40.8911 25.8987C41.1585 25.8987 41.28 25.7529 41.28 25.5099V19.3853H44.1965C46.481 19.3853 47.6962 18.1458 47.6962 15.8856V9.95544C47.6962 7.67089 46.481 6.4557 44.1965 6.4557H38.3635C38.1205 6.4557 37.9747 6.60152 37.9747 6.84456V25.5099C37.9747 25.7529 38.1205 25.8987 38.3635 25.8987H40.8911ZM43.4187 16.1772H41.28V9.6638H43.4187C44.0749 9.6638 44.3909 10.0041 44.3909 10.6359V15.2051C44.3909 15.8127 44.0749 16.1772 43.4187 16.1772ZM53.4319 25.5099C53.4319 25.7529 53.2861 25.8987 53.043 25.8987H50.5154C50.2724 25.8987 50.1266 25.7529 50.1266 25.5099V6.84456C50.1266 6.60152 50.2724 6.4557 50.5154 6.4557H56.6157C58.9003 6.4557 60.1154 7.67089 60.1154 9.95544V15.8856C60.1154 17.5139 59.5078 18.5833 58.3413 19.0937L60.0182 25.4613C60.0911 25.7529 59.9453 25.8987 59.678 25.8987H57.1504C56.9073 25.8987 56.7858 25.7772 56.7372 25.5585L55.1089 19.3853H53.4319V25.5099ZM55.838 16.1772H53.4319V9.6638H55.838C56.4699 9.6638 56.8101 10.0041 56.8101 10.6359V15.2051C56.8101 15.837 56.4699 16.1772 55.838 16.1772ZM65.8511 25.5099C65.8511 25.7529 65.7053 25.8987 65.4623 25.8987H62.9347C62.6673 25.8987 62.5458 25.7529 62.5458 25.5099V6.84456C62.5458 6.60152 62.6673 6.4557 62.9347 6.4557H65.4623C65.7053 6.4557 65.8511 6.60152 65.8511 6.84456V25.5099ZM71.0035 25.8987C71.3195 25.8987 71.4896 25.7286 71.4896 25.4127V14.4759H71.6597L74.0658 25.4613C74.1387 25.7529 74.3089 25.8987 74.6005 25.8987H75.7914C76.083 25.8987 76.2532 25.7529 76.3261 25.4613L78.7322 14.4759H78.9023V25.4127C78.9023 25.7286 79.0724 25.8987 79.3884 25.8987H81.6486C81.9646 25.8987 82.1347 25.7286 82.1347 25.4127V6.94177C82.1347 6.62582 81.9646 6.4557 81.6486 6.4557H78.4405C78.1489 6.4557 77.9787 6.60152 77.9058 6.89316L75.2081 18.9965L72.5104 6.89316C72.4375 6.60152 72.2673 6.4557 71.9757 6.4557H68.7676C68.4516 6.4557 68.2815 6.62582 68.2815 6.94177V25.4127C68.2815 25.7286 68.4516 25.8987 68.7676 25.8987H71.0035ZM94.2623 25.5099C94.2623 25.7529 94.1651 25.8987 93.8734 25.8987H84.9296C84.7109 25.8987 84.5651 25.7529 84.5651 25.5099V6.84456C84.5651 6.60152 84.7109 6.4557 84.9296 6.4557H93.8734C94.1651 6.4557 94.2623 6.60152 94.2623 6.84456V9.27494C94.2623 9.51797 94.1651 9.6881 93.8734 9.6881H87.7975V14.5489H92.4395C92.6825 14.5489 92.8284 14.6947 92.8284 14.962V17.3681C92.8284 17.6354 92.6825 17.7813 92.4395 17.7813H87.7975V22.6906H93.8734C94.1651 22.6906 94.2623 22.8122 94.2623 23.0795V25.5099Z"
-                                fill="var(--text-color)"
-                            />
-                            <path
-                                fill-rule="evenodd"
-                                clip-rule="evenodd"
-                                d="M99.998 25.5099C99.998 25.7529 99.8765 25.8987 99.6091 25.8987H97.0815C96.8385 25.8987 96.6927 25.7529 96.6927 25.5099V6.84456C96.6927 6.60152 96.8385 6.4557 97.0815 6.4557H99.4876C99.7063 6.4557 99.8521 6.55291 99.9251 6.77165L103.619 17.1008H103.765V6.84456C103.765 6.60152 103.887 6.4557 104.154 6.4557H106.682C106.925 6.4557 107.07 6.60152 107.07 6.84456V25.5099C107.07 25.7529 106.925 25.8987 106.682 25.8987H104.275C104.057 25.8987 103.911 25.8015 103.838 25.5828L100.119 15.2051H99.998V25.5099ZM119.708 22.399C119.708 24.6835 118.469 25.8987 116.209 25.8987H113.001C110.716 25.8987 109.501 24.6835 109.501 22.399V9.95544C109.501 7.67089 110.716 6.4557 113.001 6.4557H116.209C118.469 6.4557 119.708 7.67089 119.708 9.95544V12.483C119.708 12.7261 119.563 12.8719 119.319 12.8719H116.889C116.622 12.8719 116.5 12.7261 116.5 12.483V10.6359C116.5 10.0041 116.16 9.6638 115.528 9.6638H113.778C113.122 9.6638 112.806 10.0041 112.806 10.6359V21.7185C112.806 22.3747 113.146 22.6906 113.778 22.6906H115.528C116.16 22.6906 116.5 22.3747 116.5 21.7185V18.4618H115.236C114.969 18.4618 114.848 18.3159 114.848 18.0729V15.6425C114.848 15.3752 114.969 15.2537 115.236 15.2537H119.319C119.563 15.2537 119.708 15.3752 119.708 15.6425V22.399Z"
-                                fill="var(--primary-color)"
-                            />
-                            <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color)" />
-                            <mask id="mask0_1_36" style="mask-type: luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="33">
-                                <path d="M15.1934 0V0V0L0.0391235 5.38288L2.35052 25.3417L15.1934 32.427V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1934 0Z" fill="var(--primary-color-text)" />
-                            </mask>
-                            <g mask="url(#mask0_1_36)">
-                                <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1935 0V3.5994V3.58318V20.0075V20.0075V32.427V32.427L28.0364 25.3417L30.3478 5.38288L15.1935 0Z" fill="var(--primary-color)" />
-                            </g>
-                            <path d="M19.6399 15.3776L18.1861 15.0547L19.3169 16.6695V21.6755L23.1938 18.4458V12.9554L21.4169 13.6013L19.6399 15.3776Z" fill="var(--primary-color-text)" />
-                            <path d="M10.5936 15.3776L12.0474 15.0547L10.9166 16.6695V21.6755L7.03966 18.4458V12.9554L8.81661 13.6013L10.5936 15.3776Z" fill="var(--primary-color-text)" />
-                            <path
-                                fill-rule="evenodd"
-                                clip-rule="evenodd"
-                                d="M11.3853 16.9726L12.6739 15.0309L13.4793 15.5163H16.7008L17.5061 15.0309L18.7947 16.9726V24.254L17.8283 25.7103L16.7008 26.843H13.4793L12.3518 25.7103L11.3853 24.254V16.9726Z"
-                                fill="var(--primary-color-text)"
-                            />
-                            <path d="M19.3168 24.7437L21.4168 22.6444V20.5451L19.3168 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                            <path d="M10.9166 24.7437L8.81662 22.6444V20.5451L10.9166 22.3214V24.7437Z" fill="var(--primary-color-text)" />
-                            <path
-                                fill-rule="evenodd"
-                                clip-rule="evenodd"
-                                d="M13.0167 5.68861L11.7244 8.7568L13.8244 14.8932H14.7936V5.68861H13.0167ZM15.4397 5.68861V14.8932H16.5706L18.5091 8.7568L17.2167 5.68861H15.4397Z"
-                                fill="var(--primary-color-text)"
-                            />
-                            <path d="M13.8244 14.8932L6.87813 12.3094L5.90888 8.27235L11.8859 8.7568L13.9859 14.8932H13.8244Z" fill="var(--primary-color-text)" />
-                            <path d="M16.5706 14.8932L23.5169 12.3094L24.4861 8.27235L18.3476 8.7568L16.4091 14.8932H16.5706Z" fill="var(--primary-color-text)" />
-                            <path d="M18.8321 8.27235L22.2245 7.94938L19.9629 5.68861H17.7013L18.8321 8.27235Z" fill="var(--primary-color-text)" />
-                            <path d="M11.4013 8.27235L8.00893 7.94938L10.2705 5.68861H12.5321L11.4013 8.27235Z" fill="var(--primary-color-text)" />
-                        </svg>
-                    </span>
-                    <div class="flex items-center gap-2">
-                        <a href="https://twitter.com/prime_ng" target="_blank" rel="noopener noreferrer" class="linkbox block !w-3 !h-3 flex items-center justify-center">
-                            <i class="pi pi-twitter"></i>
-                        </a>
-                        <a href="https://github.com/primefaces/primeng" target="_blank" rel="noopener noreferrer" class="linkbox block !w-3 !h-3 flex items-center justify-center">
-                            <i class="pi pi-github"></i>
-                        </a>
-                        <a href="https://discord.gg/gzKFYnpmCY" target="_blank" rel="noopener noreferrer" class="linkbox block !w-3 !h-3 flex items-center justify-center">
-                            <i class="pi pi-discord"></i>
-                        </a>
-                        <a href="https://github.com/orgs/primefaces/discussions" class="linkbox block !w-3 !h-3 flex items-center justify-center">
-                            <i class="pi pi-comments"></i>
-                        </a>
-                    </div>
-                </div>
-            </div>
-        </section>
-    `
-})
-export class FooterSectionComponent {}
diff --git a/src/app/showcase/pages/landing/herosection.component.ts b/src/app/showcase/pages/landing/herosection.component.ts
deleted file mode 100644
index 2bf10f9..0000000
--- a/src/app/showcase/pages/landing/herosection.component.ts
+++ /dev/null
@@ -1,271 +0,0 @@
-import { CommonModule, isPlatformBrowser } from '@angular/common';
-import { ChangeDetectorRef, Component, Inject, OnDestroy, OnInit, PLATFORM_ID } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { MenuItem, SelectItem } from 'primeng/api';
-import { BadgeModule } from 'primeng/badge';
-import { CalendarModule } from 'primeng/calendar';
-import { ChartModule } from 'primeng/chart';
-import { ChipModule } from 'primeng/chip';
-import { DropdownModule } from 'primeng/dropdown';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { SelectButtonModule } from 'primeng/selectbutton';
-import { SliderModule } from 'primeng/slider';
-import { TabMenuModule } from 'primeng/tabmenu';
-import { Subscription, debounceTime } from 'rxjs';
-import { AppConfigService } from '@service/appconfigservice';
-
-@Component({
-    selector: 'hero-section',
-    standalone: true,
-    imports: [CommonModule, RouterModule, InputNumberModule, DropdownModule, RadioButtonModule, CalendarModule, ChartModule, ChipModule, InputSwitchModule, SelectButtonModule, SliderModule, BadgeModule, TabMenuModule, FormsModule],
-    template: `
-        <section class="landing-hero py-8 px-5 lg:px-8">
-            <div class="flex flex-wrap">
-                <div class="w-full xl:!w-6/12 flex flex-col justify-center lg:pr-8 items-center xl:align-items-stretch">
-                    <h1 class="text-6xl font-bold text-center xl:text-left">The Most Complete UI Suite for <span class="font-bold text-primary">Angular</span></h1>
-                    <p class="section-detail xl:text-left text-center px-0 mt-0 mb-5">
-                        Elevate your web applications with PrimeNG's comprehensive suite of customizable, feature-rich UI components. With PrimeNG, turning your development vision into reality has never been easier.
-                    </p>
-                    <div class="flex items-center gap-3">
-                        <a [routerLink]="'installation'" class="linkbox active font-semibold py-3 px-4">
-                            <span>Get Started</span>
-                            <i class="pi pi-arrow-right ml-3"></i>
-                        </a>
-                        <a href="https://github.com/primefaces/primeng" target="_blank" rel="noopener noreferrer" class="linkbox font-semibold py-3 px-4">
-                            <span>Give a Star</span>
-                            <i class="pi pi-star-fill ml-3 text-yellow-500"></i>
-                        </a>
-                    </div>
-                </div>
-                <div class="w-full xl:!w-6/12 pt-7 xl:pt-0 hidden md:block">
-                    <div class="flex">
-                        <div class="flex flex-col !w-6/12 gap-5 pt-8 pr-3">
-                            <div class="box p-4 fadein animation-duration-500 z-1">
-                                <div class="flex gap-2">
-                                    <div class="!w-6 flex-shrink-0">
-                                        <span class="text-secondary font-medium block mb-3">Amount</span>
-                                        <p-inputNumber [(ngModel)]="value1" mode="currency" currency="USD" locale="en-US" inputStyleClass="lg:!w-6/12 w-full" />
-                                    </div>
-                                    <div class="flex-auto" style="width: 1%">
-                                        <span class="text-secondary font-semibold block mb-3">Beneficiary</span>
-                                        <p-dropdown [(ngModel)]="user" [options]="users" optionLabel="name" placeholder="Select a User" styleClass="w-full">
-                                            <ng-template pTemplate="content" let-slotProps>
-                                                <div class="flex items-center gap-2">
-                                                    <img [alt]="slotProps.name" src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ slotProps.image }}" width="28" />
-                                                    <span>{{ slotProps.name }}</span>
-                                                </div>
-                                            </ng-template>
-                                        </p-dropdown>
-                                    </div>
-                                </div>
-                                <span class="text-secondary font-medium block mt-5 mb-3">Account</span>
-                                <div class="flex flex-wrap gap-3">
-                                    <div class="flex items-center">
-                                        <p-radioButton id="category1" [(ngModel)]="radioValue" value="S" name="radiovalue" />
-                                        <label for="category1" class="ml-2 font-medium">Savings</label>
-                                    </div>
-                                    <div class="flex items-center">
-                                        <p-radioButton id="category2" [(ngModel)]="radioValue" value="C" name="radiovalue" />
-                                        <label for="category2" class="ml-2 font-medium">Checking</label>
-                                    </div>
-                                </div>
-                                <span class="text-secondary font-medium block mt-5 mb-3">Date</span>
-                                <p-calendar [(ngModel)]="dateValue" [showWeek]="true" styleClass="w-full" />
-                            </div>
-                            <div class="box p-4 fadein animation-duration-500">
-                                <p-chart type="line" [data]="chartData" [options]="chartOptions" />
-                            </div>
-                            <div class="box p-4 fadein animation-duration-500">
-                                <div class="flex items-center">
-                                    <p-chip label="Angular" class="mr-2 font-medium" />
-                                    <p-chip label="Typescript" class="mr-2 font-medium" />
-                                    <p-inputSwitch [(ngModel)]="switchValue" class="ml-auto"></p-inputSwitch>
-                                </div>
-                                <div class="mt-5 flex justify-center">
-                                    <p-selectButton [(ngModel)]="selectButtonValue" [options]="selectButtonOptions" optionLabel="label" />
-                                </div>
-                                <div class="mt-5">
-                                    <p-slider [(ngModel)]="rangeValues" range="true" class="w-full" />
-                                </div>
-                            </div>
-                        </div>
-                        <div class="flex flex-col !w-6/12 gap-5 pl-3">
-                            <div class="box p-4 fadein animation-duration-500">
-                                <div class="surface-card mb-4 w-full text-center p-5" style="border-radius: '10px'">
-                                    <img src="https://primefaces.org/cdn/primeng/images/landing/air-jordan.png" alt="Watch" class="!w-14" />
-                                </div>
-                                <div class="flex items-center mb-4">
-                                    <div class="flex flex-col">
-                                        <span class="block font-semibold mb-1">Sneaker</span>
-                                        <span class="text-secondary text-sm">Premium Quality</span>
-                                    </div>
-                                    <span class="font-medium text-xl ml-auto">$990</span>
-                                </div>
-                                <p-button label="Add to Cart" icon="pi pi-shopping-cart" outlined="true" styleClass="w-full"></p-button>
-                            </div>
-                            <div class="box p-4 fadein animation-duration-500">
-                                <ul class="list-none p-0 m-0">
-                                    <li class="flex items-center mb-3">
-                                        <span class="mr-3">
-                                            <img src="https://primefaces.org/cdn/primeng/images/landing/avatar.png" alt="Avatar" class="!w-3 !h-3" />
-                                        </span>
-                                        <div class="flex flex-col">
-                                            <span class="font-bold mb-1">Amanda Williams</span>
-                                            <span class="text-secondary">Administrator</span>
-                                        </div>
-                                    </li>
-                                    <li class="flex">
-                                        <a class="flex items-center p-3 border-round w-full hover:surface-hover transition-colors transition-duration-150 cursor-pointer" style="border-radius: '10px'">
-                                            <i class="pi pi-home text-xl mr-3"></i>
-                                            <span class="flex flex-col">
-                                                <span class="font-bold mb-1">Dashboard</span>
-                                                <span class="m-0 text-secondary">Control Panel</span>
-                                            </span>
-                                        </a>
-                                    </li>
-                                    <li class="flex">
-                                        <a class="flex items-center p-3 border-round w-full hover:surface-hover transition-colors transition-duration-150 cursor-pointer" style="border-radius: '10px'">
-                                            <i class="pi pi-envelope text-xl mr-3"></i>
-                                            <span class="flex flex-col">
-                                                <span class="font-bold mb-1">Inbox</span>
-                                                <span class="m-0 text-secondary">View Messages</span>
-                                            </span>
-                                            <p-badge value="3" class="ml-auto"></p-badge>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </div>
-                            <div class="box p-4 fadein animation-duration-500">
-                                <p-tabMenu [model]="items" [activeItem]="items[0]" />
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-    `
-})
-export class HeroSectionComponent implements OnInit, OnDestroy {
-    value1: number = 24;
-
-    radioValue: string = 'S';
-
-    dateValue: Date;
-
-    switchValue: boolean = true;
-
-    chartData: any;
-
-    chartOptions: any;
-
-    selectButtonValue: SelectItem;
-
-    selectButtonOptions: SelectItem[];
-
-    user: any = null;
-
-    users: any[];
-
-    items: MenuItem[];
-
-    rangeValues = [20, 80];
-
-    subscription!: Subscription;
-
-    constructor(
-        private configService: AppConfigService,
-        @Inject(PLATFORM_ID) private platformId: any,
-        private cd: ChangeDetectorRef
-    ) {
-        this.subscription = this.configService.configUpdate$.pipe(debounceTime(25)).subscribe((config) => {
-            this.setChartOptions();
-            this.cd.markForCheck();
-        });
-    }
-
-    ngOnInit() {
-        this.initChartData();
-        this.setChartOptions();
-
-        this.selectButtonValue = { label: 'Styled', value: 1 };
-
-        this.selectButtonOptions = [
-            { label: 'Styled', value: 1 },
-            { label: 'Unstyled', value: 2 }
-        ];
-
-        this.items = [
-            { label: 'Home', icon: 'pi pi-fw pi-home' },
-            { label: 'Calendar', icon: 'pi pi-fw pi-calendar' }
-        ];
-
-        this.users = [
-            { name: 'Amy Elsner', image: 'amyelsner.png' },
-            { name: 'Bernardo Dominic', image: 'bernardodominic.png' },
-            { name: 'Onyama Limba', image: 'onyamalimba.png' }
-        ];
-    }
-
-    initChartData(): void {
-        this.chartData = {
-            labels: ['Q1', 'Q2', 'Q3', 'Q4'],
-            datasets: [
-                {
-                    label: 'Annual Income',
-                    data: [40, 59, 40, 50, 56],
-                    fill: true,
-                    borderColor: '#3b82f6',
-                    tension: 0.4,
-                    backgroundColor: 'rgba(59, 130, 246, .2)'
-                }
-            ]
-        };
-    }
-
-    setChartOptions(): void {
-        if (isPlatformBrowser(this.platformId)) {
-            const documentStyle = getComputedStyle(document.documentElement);
-            const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
-            const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
-
-            this.chartOptions = {
-                plugins: {
-                    legend: {
-                        display: false
-                    }
-                },
-                scales: {
-                    x: {
-                        ticks: {
-                            color: textColorSecondary
-                        },
-                        grid: {
-                            color: surfaceBorder
-                        }
-                    },
-                    y: {
-                        beginAtZero: true,
-                        ticks: {
-                            color: textColorSecondary
-                        },
-                        min: 0,
-                        max: 100,
-                        grid: {
-                            color: surfaceBorder
-                        }
-                    }
-                }
-            };
-        }
-    }
-
-    ngOnDestroy(): void {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-            this.subscription = null;
-        }
-    }
-}
diff --git a/src/app/showcase/pages/landing/landing.component.html b/src/app/showcase/pages/landing/landing.component.html
deleted file mode 100644
index 15f8ead..0000000
--- a/src/app/showcase/pages/landing/landing.component.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<div class="landing" [ngClass]="landingClass">
-    <app-news></app-news>
-    <app-topbar [showConfigurator]="false" [showMenuButton]="false" (onDarkModeSwitch)="toggleDarkMode()"></app-topbar>
-    <hero-section></hero-section>
-    <users-section></users-section>
-    <theme-section></theme-section>
-    <block-section></block-section>
-    <templates-section></templates-section>
-    <footer-section></footer-section>
-</div>
\ No newline at end of file
diff --git a/src/app/showcase/pages/landing/landing.component.ts b/src/app/showcase/pages/landing/landing.component.ts
deleted file mode 100644
index 19ed052..0000000
--- a/src/app/showcase/pages/landing/landing.component.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { CommonModule, NgOptimizedImage } from '@angular/common';
-import { Component, OnInit, afterNextRender } from '@angular/core';
-import { Meta, Title } from '@angular/platform-browser';
-import { AppNewsComponent } from '../../layout/news/app.news.component';
-import { AppTopBarComponent } from '../../layout/topbar/app.topbar.component';
-import { AppConfigService } from '@service/appconfigservice';
-import { BlockSectionComponent } from './blocksection.component';
-import { FeaturesSectionComponent } from './featuressection.component';
-import { FooterSectionComponent } from './footersection.component';
-import { HeroSectionComponent } from './herosection.component';
-import { TemplateSectionComponent } from './templatesection.component';
-import { ThemeSectionComponent } from './themesection.component';
-import { UsersSectionComponent } from './userssection.component';
-import { Subscription } from 'rxjs';
-
-@Component({
-    selector: 'landing',
-    standalone: true,
-    templateUrl: './landing.component.html',
-    imports: [CommonModule, NgOptimizedImage, AppNewsComponent, AppTopBarComponent, HeroSectionComponent, FeaturesSectionComponent, UsersSectionComponent, ThemeSectionComponent, BlockSectionComponent, TemplateSectionComponent, FooterSectionComponent]
-})
-export class LandingComponent implements OnInit {
-    get tableTheme() {
-        return this.configService.config().tableTheme;
-    }
-
-    subscription!: Subscription;
-
-    constructor(
-        private configService: AppConfigService,
-        private metaService: Meta,
-        private titleService: Title
-    ) {}
-
-    get landingClass() {
-        return {
-            'layout-dark': this.isDarkMode,
-            'layout-light': !this.isDarkMode,
-            'layout-news-active': this.isNewsActive
-        };
-    }
-
-    get isDarkMode() {
-        return this.configService.config().darkMode;
-    }
-
-    get isNewsActive() {
-        return this.configService.state.newsActive;
-    }
-
-    ngOnInit() {
-        this.titleService.setTitle('PrimeNG - Angular UI Component Library');
-        this.metaService.updateTag({ name: 'description', content: 'The ultimate collection of design-agnostic, flexible and accessible Angular UI Components.' });
-    }
-
-    toggleDarkMode() {
-        const dark = !this.isDarkMode;
-        const newTableTheme = !dark ? this.tableTheme.replace('dark', 'light') : this.tableTheme.replace('light', 'dark');
-        this.configService.config.update((config) => ({ ...config, darkMode: dark, theme: dark ? 'lara-dark-blue' : 'lara-light-blue', tableTheme: newTableTheme }));
-    }
-}
diff --git a/src/app/showcase/pages/landing/templatesection.component.ts b/src/app/showcase/pages/landing/templatesection.component.ts
deleted file mode 100644
index 4214301..0000000
--- a/src/app/showcase/pages/landing/templatesection.component.ts
+++ /dev/null
@@ -1,145 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { AppConfigService } from '@service/appconfigservice';
-
-@Component({
-    selector: 'templates-section',
-    standalone: true,
-    imports: [CommonModule],
-    template: `
-        <section class="landing-templates theme-dark py-8">
-            <div class="section-header relative z-3">Templates</div>
-            <p class="section-detail relative z-3">Professionally designed highly customizable application templates to get started in style.</p>
-            <div class="flex justify-center mt-4 relative z-3">
-                <a href="https://www.primefaces.org/store" class="font-semibold p-3 border-round flex items-center linkbox active" style="z-index: 99">
-                    <span>Explore All</span>
-                    <i class="pi pi-arrow-right ml-2"></i>
-                </a>
-            </div>
-            <section class="templates templates-animation flex justify-center items-center flex-col mt-7">
-                <div class="flex md:flex-row flex-col gap-4 lg:gap-0">
-                    <div
-                        class="template-block block-1 mr-2 lg:mb-0 flex justify-center items-center"
-                        [ngStyle]="{ 'background-image': isDarkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/verona-dark-v17.jpg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/verona-light-v17.jpg)' }"
-                        [style]="{ 'background-size': 'cover' }"
-                    >
-                        <a class="templates-btn" href="https://www.primefaces.org/verona-ng" target="_blank">Verona Preview</a>
-                    </div>
-                    <div
-                        class="template-block block-2 ml-2 flex justify-center items-center"
-                        [ngStyle]="{ 'background-image': isDarkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/freya-dark-v17.jpg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/freya-light-v17.jpg)' }"
-                        [style]="{ 'background-size': 'cover' }"
-                    >
-                        <a class="templates-btn" href="https://www.primefaces.org/freya-ng/" target="_blank">Freya Preview</a>
-                    </div>
-                </div>
-                <div class="flex my-4 md:flex-row flex-col gap-4 lg:gap-0 items-center">
-                    <div
-                        class="template-block block-3 mr-2 lg:mb-0 flex justify-center items-center"
-                        [ngStyle]="{
-                            'background-image': isDarkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/atlantis-dark-v17.jpg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/atlantis-light-v17.jpg)'
-                        }"
-                        [style]="{ 'background-size': 'cover' }"
-                    >
-                        <a class="templates-btn" href="https://www.primefaces.org/atlantis-ng/" target="_blank">Atlantis Preview</a>
-                    </div>
-                    <img
-                        class="template-block block-middle border-none box-shadow-none mr-2 hidden lg:flex justify-center items-center flex-col"
-                        [style]="{ height: '100%' }"
-                        [src]="isDarkMode ? 'https://primefaces.org/cdn/primeng/images/landing/templates/templates-text-dark-v17.png' : 'https://primefaces.org/cdn/primeng/images/landing/templates/templates-text-light-v17.png'"
-                    />
-                    <div
-                        class="template-block block-5 mr-2 flex justify-center items-center"
-                        [ngStyle]="{ 'background-image': isDarkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/apollo-dark-v17.jpg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/apollo-light-v17.jpg)' }"
-                        [style]="{ 'background-size': 'cover' }"
-                    >
-                        <a class="templates-btn" href="https://www.primefaces.org/apollo-ng/" target="_blank">Apollo Preview</a>
-                    </div>
-                </div>
-                <div class="flex md:flex-row flex-col gap-4 lg:gap-0">
-                    <div
-                        class="template-block block-5 mr-2 lg:mb-0 flex justify-center items-center"
-                        [ngStyle]="{
-                            'background-image': isDarkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/diamond-dark-v17.jpg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/diamond-light-v17.jpg)'
-                        }"
-                        [style]="{ 'background-size': 'cover' }"
-                    >
-                        <a class="templates-btn" href="https://www.primefaces.org/diamond-ng/" target="_blank">Diamond Preview</a>
-                    </div>
-                    <div
-                        class="template-block block-5 mr-2 flex justify-center items-center"
-                        [ngStyle]="{ 'background-image': isDarkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/ultima-dark-v17.jpg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/ultima-light-v17.jpg)' }"
-                        [style]="{ 'background-size': 'cover' }"
-                    >
-                        <a class="templates-btn" href="https://www.primefaces.org/ultima-ng/" target="_blank">Ultima Preview</a>
-                    </div>
-                </div>
-                <div class="lines">
-                    <div class="top">
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                    </div>
-                    <div class="left">
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                    </div>
-                </div>
-            </section>
-        </section>
-    `
-})
-export class TemplateSectionComponent {
-    constructor(private configService: AppConfigService) {}
-
-    get isDarkMode() {
-        return this.configService.config().darkMode;
-    }
-}
diff --git a/src/app/showcase/pages/landing/themesection.component.ts b/src/app/showcase/pages/landing/themesection.component.ts
deleted file mode 100644
index 22e0581..0000000
--- a/src/app/showcase/pages/landing/themesection.component.ts
+++ /dev/null
@@ -1,213 +0,0 @@
-import { CommonModule, isPlatformBrowser } from '@angular/common';
-import { Component, Inject, PLATFORM_ID, ViewChild } from '@angular/core';
-import { ButtonModule } from 'primeng/button';
-import { ProgressBarModule } from 'primeng/progressbar';
-import { Table, TableModule } from 'primeng/table';
-import { TagModule } from 'primeng/tag';
-import { Customer } from '@domain/customer';
-import { AppComponent } from '../../layout/app.component';
-import { AppConfigService } from '@service/appconfigservice';
-import { CustomerService } from '@service/customerservice';
-import { Subscription } from 'rxjs';
-
-@Component({
-    selector: 'theme-section',
-    standalone: true,
-    imports: [CommonModule, TableModule, ButtonModule, TagModule, ProgressBarModule],
-    template: `
-        <section class="landing-themes py-8">
-            <div class="section-header">Themes</div>
-            <p class="section-detail">
-                .</p>
-            <div class="flex flex-wrap justify-center"></div>
-            <div
-                class="themes-main flex mt-7 justify-center px-5 lg:px-8"
-                [style]="{ 'background-size': 'cover' }"
-                [ngStyle]="{ 'background-image': isDarkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/wave-dark-alt-gray.svg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/wave-light-alt-gray.svg)' }"
-            >
-                <div class="box overflow-hidden z-1 p-5 table-container">
-                    <p-table
-                        #dt
-                        [value]="customers"
-                        [(selection)]="selectedCustomers"
-                        dataKey="id"
-                        [rowHover]="true"
-                        [rows]="5"
-                        [showCurrentPageReport]="true"
-                        [loading]="loading"
-                        [paginator]="true"
-                        [globalFilterFields]="['name', 'country.name', 'representative.name', 'status']"
-                    >
-                        <ng-template pTemplate="caption">
-                            <div class="flex flex-col md:flex-row md:justify-between md:items-center">
-                                <h5 class="m-0">Customers</h5>
-                                <span class="block mt-2 md:mt-0 p-input-icon-left">
-                                    <i class="pi pi-search"></i>
-                                    <input class="p-inputtext" type="text" (input)="dt.filterGlobal($event.target.value, 'contains')" placeholder="Search..." />
-                                </span>
-                            </div>
-                        </ng-template>
-                        <ng-template pTemplate="header">
-                            <tr>
-                                <th style="width: 3rem">
-                                    <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
-                                </th>
-                                <th pSortableColumn="name">
-                                    <div class="flex justify-between items-center">
-                                        Name
-                                        <p-sortIcon field="name"></p-sortIcon>
-                                    </div>
-                                </th>
-                                <th pSortableColumn="country.name">
-                                    <div class="flex justify-between items-center">
-                                        Country
-                                        <p-sortIcon field="country.name"></p-sortIcon>
-                                    </div>
-                                </th>
-                                <th pSortableColumn="representative.name">
-                                    <div class="flex justify-between items-center">
-                                        Agent
-                                        <p-sortIcon field="representative.name"></p-sortIcon>
-                                    </div>
-                                </th>
-                                <th pSortableColumn="date">
-                                    <div class="flex justify-between items-center">
-                                        Date
-                                        <p-sortIcon field="date"></p-sortIcon>
-                                    </div>
-                                </th>
-                                <th pSortableColumn="balance">
-                                    <div class="flex justify-between items-center">
-                                        Balance
-                                        <p-sortIcon field="balance"></p-sortIcon>
-                                    </div>
-                                </th>
-                                <th pSortableColumn="status">
-                                    <div class="flex justify-between items-center">
-                                        Status
-                                        <p-sortIcon field="status"></p-sortIcon>
-                                    </div>
-                                </th>
-                                <th pSortableColumn="activity">
-                                    <div class="flex justify-between items-center">
-                                        Activity
-                                        <p-sortIcon field="activity"></p-sortIcon>
-                                    </div>
-                                </th>
-                                <th style="width: 8rem"></th>
-                            </tr>
-                        </ng-template>
-                        <ng-template pTemplate="body" let-customer>
-                            <tr class="p-selectable-row">
-                                <td>
-                                    <p-tableCheckbox [value]="customer"></p-tableCheckbox>
-                                </td>
-                                <td style="width: 14%; min-width: 14rem">
-                                    <span class="p-column-title">Name</span>
-                                    {{ customer.name }}
-                                </td>
-                                <td style="width: 14%; min-width: 14rem">
-                                    <span class="p-column-title">Country</span>
-                                    <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" width="30" height="20" alt="country flag" />
-                                    <span class="ml-2 image-text">{{ customer.country.name }}</span>
-                                </td>
-                                <td style="width: 14%; min-width: 14rem">
-                                    <span class="p-column-title">Representative</span>
-                                    <img
-                                        [alt]="customer.representative.name"
-                                        src="https://primefaces.org/cdn/primeng/images/demo/avatar/{{ customer.representative.image }}"
-                                        width="32"
-                                        height="32"
-                                        style="vertical-align: middle"
-                                        alt="representative"
-                                    />
-                                    <span class="ml-2 image-text">{{ customer.representative.name }}</span>
-                                </td>
-                                <td style="width: 14%; min-width: 8rem">
-                                    <span class="p-column-title">Date</span>
-                                    {{ customer.date | date: 'MM/dd/yyyy' }}
-                                </td>
-                                <td style="width: 14%; min-width: 8rem">
-                                    <span class="p-column-title">Balance</span>
-                                    {{ customer.balance | currency: 'USD' : 'symbol' }}
-                                </td>
-                                <td style="width: 14%; min-width: 10rem">
-                                    <p-tag [value]="customer.status" [severity]="getSeverity(customer.status)" styleClass="text-sm font-bold"></p-tag>
-                                </td>
-                                <td style="width: 14%; min-width: 6rem">
-                                    <span class="p-column-title">Activity</span>
-                                    <p-progressBar [value]="customer.activity" [showValue]="false" [style]="{ height: '6px' }"></p-progressBar>
-                                </td>
-                                <td style="text-align: center">
-                                    <button pButton type="button" class="p-button-text p-button-icon-only" icon="pi pi-cog"></button>
-                                </td>
-                            </tr>
-                        </ng-template>
-                        <ng-template pTemplate="emptymessage">
-                            <tr>
-                                <td colspan="8">No customers found.</td>
-                            </tr>
-                        </ng-template>
-                    </p-table>
-                </div>
-            </div>
-        </section>
-    `
-})
-export class ThemeSectionComponent {
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        private customerService: CustomerService,
-        private configService: AppConfigService,
-        public app: AppComponent
-    ) {}
-
-    @ViewChild('dt') table: Table;
-
-    get tableTheme() {
-        return this.configService.config().tableTheme;
-    }
-    set tableTheme(value: string) {
-        this.configService.config.update((config) => ({ ...config, tableTheme: value }));
-    }
-
-    customers: Customer[];
-
-    selectedCustomers: Customer[];
-
-    loading: boolean = true;
-
-    get isDarkMode() {
-        return this.configService.config().darkMode;
-    }
-
-    ngOnInit() {
-        this.customerService.getCustomersLarge().then((customers) => {
-            this.customers = customers;
-            this.loading = false;
-        });
-    }
-
-    changeTableTheme(value: string) {
-        this.tableTheme = value;
-    }
-
-    getSeverity(status) {
-        switch (status) {
-            case 'unqualified':
-                return 'danger';
-
-            case 'qualified':
-                return 'success';
-
-            case 'new':
-                return 'info';
-
-            case 'negotiation':
-                return 'warning';
-
-            case 'renewal':
-                return null;
-        }
-    }
-}
diff --git a/src/app/showcase/pages/landing/userssection.component.ts b/src/app/showcase/pages/landing/userssection.component.ts
deleted file mode 100644
index ef270db..0000000
--- a/src/app/showcase/pages/landing/userssection.component.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { AppConfigService } from '@service/appconfigservice';
-
-@Component({
-    selector: 'users-section',
-    standalone: true,
-    imports: [CommonModule],
-    template: `
-        <section class="landing-users py-8 px-3 lg:px-8">
-            <div class="section-header">Who Uses</div>
-            <p class="section-detail">
-                PrimeTek libraries have reached over<span class="font-semibold animated-text relative white-space-nowrap"><span>150 Million Downloads</span></span
-                >on npm! Join the PrimeLand community and experience the difference yourself.
-            </p>
-            <div class="logo-section relative w-full md:!w-8/12 mt-6 users-container">
-                <div class="fade-left !h-6 !w-6 block absolute top-0 left-0 z-2" style="background: linear-gradient(to right, var(--home-bg), transparent)"></div>
-                <div class="marquee-wrapper overflow-hidden flex">
-                    <div class="marquee">
-                        <div class="w-full" *ngFor="let user of usersData.slice(0, 6)">
-                            <img src="https://primefaces.org/cdn/primeng/images/landing/whouses/{{ user.name }}-{{ isDarkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
-                        </div>
-                    </div>
-                    <div class="marquee">
-                        <div class="w-full" *ngFor="let user of usersData.slice(0, 6)">
-                            <img src="https://primefaces.org/cdn/primeng/images/landing/whouses/{{ user.name }}-{{ isDarkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
-                        </div>
-                    </div>
-                    <div class="marquee">
-                        <div class="w-full" *ngFor="let user of usersData.slice(0, 6)">
-                            <img src="https://primefaces.org/cdn/primeng/images/landing/whouses/{{ user.name }}-{{ isDarkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
-                        </div>
-                    </div>
-                </div>
-                <div class="fade-right !h-6 !w-6 block absolute top-0 right-0 z-2" style="background: linear-gradient(to left, var(--home-bg), transparent)"></div>
-            </div>
-            <div class="logo-section relative w-full md:!w-8/12 mt-2 users-container">
-                <div class="fade-left !h-6 !w-6 block absolute top-0 left-0 z-2" style="background: linear-gradient(to right, var(--home-bg), transparent)"></div>
-                <div class="marquee-wrapper overflow-hidden flex">
-                    <div class="marquee marquee-reverse">
-                        <div class="w-full" *ngFor="let user of usersData.slice(6)">
-                            <img src="https://primefaces.org/cdn/primeng/images/landing/whouses/{{ user.name }}-{{ isDarkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
-                        </div>
-                    </div>
-                    <div class="marquee marquee-reverse">
-                        <div class="w-full" *ngFor="let user of usersData.slice(6)">
-                            <img src="https://primefaces.org/cdn/primeng/images/landing/whouses/{{ user.name }}-{{ isDarkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
-                        </div>
-                    </div>
-                    <div class="marquee marquee-reverse">
-                        <div class="w-full" *ngFor="let user of usersData.slice(6)">
-                            <img src="https://primefaces.org/cdn/primeng/images/landing/whouses/{{ user.name }}-{{ isDarkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
-                        </div>
-                    </div>
-                </div>
-                <div class="fade-right !h-6 !w-6 block absolute top-0 right-0 z-2" style="background: linear-gradient(to left, var(--home-bg), transparent)"></div>
-            </div>
-        </section>
-    `
-})
-export class UsersSectionComponent {
-    constructor(private configService: AppConfigService) {}
-
-    usersData = [
-        { name: 'fox', width: '51', height: '22' },
-        { name: 'airbus', width: '87', height: '16' },
-        { name: 'mercedes', width: '34', height: '34' },
-        { name: 'ford', width: '64', height: '26' },
-        { name: 'vw', width: '35', height: '34' },
-        { name: 'intel', width: '53', height: '34' },
-        { name: 'unicredit', width: '79', height: '18' },
-        { name: 'lufthansa', width: '97', height: '18' },
-        { name: 'nvidia', width: '86', height: '16' },
-        { name: 'verizon', width: '102', height: '18' },
-        { name: 'amex', width: '81', height: '30' }
-    ];
-
-    get isDarkMode() {
-        return this.configService.config().darkMode;
-    }
-}
diff --git a/src/app/showcase/pages/listbox/listboxdemo-routing.module.ts b/src/app/showcase/pages/listbox/listboxdemo-routing.module.ts
deleted file mode 100644
index efab0dc..0000000
--- a/src/app/showcase/pages/listbox/listboxdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ListboxDemo } from './listboxdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ListboxDemo }])],
-    exports: [RouterModule]
-})
-export class ListboxDemoRoutingModule {}
diff --git a/src/app/showcase/pages/listbox/listboxdemo.html b/src/app/showcase/pages/listbox/listboxdemo.html
deleted file mode 100644
index 793aba8..0000000
--- a/src/app/showcase/pages/listbox/listboxdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Listbox Component" header="Listbox" description="Listbox is used to select one or more values from a list of items." [docs]="docs" [apiDocs]="['Listbox']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/listbox/listboxdemo.module.ts b/src/app/showcase/pages/listbox/listboxdemo.module.ts
deleted file mode 100644
index 8b145f9..0000000
--- a/src/app/showcase/pages/listbox/listboxdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ListboxDocModule } from '@doc/listbox/listboxdoc.module';
-import { ListboxDemo } from './listboxdemo';
-import { ListboxDemoRoutingModule } from './listboxdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ListboxDemoRoutingModule, ListboxDocModule],
-    declarations: [ListboxDemo]
-})
-export class ListboxDemoModule {}
diff --git a/src/app/showcase/pages/listbox/listboxdemo.ts b/src/app/showcase/pages/listbox/listboxdemo.ts
deleted file mode 100644
index 34bfced..0000000
--- a/src/app/showcase/pages/listbox/listboxdemo.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import { Component } from '@angular/core';
-import { ReactiveFormsDoc } from '@doc/listbox/reactiveformsdoc';
-import { AccessibilityDoc } from '@doc/listbox/accessibilitydoc';
-import { BasicDoc } from '@doc/listbox/basicdoc';
-import { DisabledDoc } from '@doc/listbox/disableddoc';
-import { FilterDoc } from '@doc/listbox/filterdoc';
-import { GroupDoc } from '@doc/listbox/groupdoc';
-import { ImportDoc } from '@doc/listbox/importdoc';
-import { InvalidDoc } from '@doc/listbox/invaliddoc';
-import { MultipleDoc } from '@doc/listbox/multipledoc';
-import { StyleDoc } from '@doc/listbox/styledoc';
-import { TemplateDoc } from '@doc/listbox/templatedoc';
-import { VirtualScrollDoc } from '@doc/listbox/virtualscrolldoc';
-
-@Component({
-    templateUrl: './listboxdemo.html'
-})
-export class ListboxDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'multiple',
-            label: 'Multiple',
-            component: MultipleDoc
-        },
-        {
-            id: 'group',
-            label: 'Group',
-            component: GroupDoc
-        },
-        {
-            id: 'filter',
-            label: 'Filter',
-            component: FilterDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'virtualscroll',
-            label: 'Virtual Scroll',
-            component: VirtualScrollDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/lts/lts-routing.module.ts b/src/app/showcase/pages/lts/lts-routing.module.ts
deleted file mode 100644
index 65e8faf..0000000
--- a/src/app/showcase/pages/lts/lts-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { LTSComponent } from './lts.component';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: LTSComponent }])],
-    exports: [RouterModule]
-})
-export class LTSRoutingModule {}
diff --git a/src/app/showcase/pages/lts/lts.component.html b/src/app/showcase/pages/lts/lts.component.html
deleted file mode 100644
index 3becb4b..0000000
--- a/src/app/showcase/pages/lts/lts.component.html
+++ /dev/null
@@ -1,271 +0,0 @@
-<div>
-    <img alt="LTS Support" src="https://primefaces.org/cdn/primeng/images/lts/lts-header.jpg" class="w-full block mb-5" style="border-radius: '20px'" />
-
-    <div class="flex flex-col xl:flex-row mb-5 gap-5">
-        <div class="card xl:!w-3/12 m-0 relative overflow-hidden">
-            <i class="pi pi-github absolute text-200" style="bottom: -50px; right: -50px; font-size: 200px; transform: rotateX(45deg) rotateY(0deg) rotateZ(-45deg)"></i>
-            <div class="text-2xl text-900 font-semibold mb-3 relative">Community Versions</div>
-            <p class="m-0 line-height-3 relative text-lg text-800">
-                Angular is a fast paced technology with a new major version every 6 months. PrimeNG release cycle is aligned with Angular and every 6 months a new major PrimeNG version is released as open source that is compatible with the latest
-                Angular core. The maintenance releases of the latest PrimeNG version are provided as free and open source for the following 6 months until the new major Angular version is ready.
-            </p>
-        </div>
-        <div class="card m-0 xl:!w-9/12 text-white bg-cover" style="background-image: url('https://primefaces.org/cdn/primeng/images/lts/card-lts.jpg')">
-            <div class="text-2xl font-semibold mb-3">LTS Versions</div>
-            <p class="m-0 line-height-3 text-lg">
-                Majority of the existing applications prefer to remain at a previous version due to stability requirements instead of upgrading to the latest version immediately. PrimeNG LTS is a support service to provide a license for the finest
-                compatible version suited to you. LTS covers the prior two versions from the latest release, this means up to 18 months of almost bi-weekly releases to bring the latest defect fixes and security updates to your project. As an example,
-                when PrimeNG moves to Angular 18, v17 and v16 will move to LTS support whereas STS (short term support) versions of PrimeNG 18 will be open source under MIT license for at least 6 months until Angular/PrimeNG 19 is released.
-            </p>
-        </div>
-    </div>
-    <div class="card mb-5">
-        <div class="text-2xl text-900 font-semibold mb-3">Version Support</div>
-        <p class="m-0 line-height-3 mb-5 text-secondary text-lg text-800">
-            <b>STS</b> means open source short term support whereas <b>LTS</b> stands for commercial long term support. Legacy versions are only supported by
-            <a [routerLink]="['/support']" class="text-primary font-medium hover:underline">PrimeNG PRO.</a>
-        </p>
-
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th class="text-900 font-semibold text-xl text-left p-2">Version</th>
-                        <th class="text-900 font-semibold text-xl text-left p-2">Status</th>
-                        <th class="text-900 font-semibold text-xl text-left p-2">End of STS</th>
-                        <th class="text-900 font-semibold text-xl text-left p-2">End of LTS</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr class="text-lg text-800">
-                        <td class="p-2">
-                            <p-tag value="v17" styleClass="text-lg px-3"></p-tag>
-                        </td>
-                        <td class="p-2">STS</td>
-                        <td class="p-2">After v18 release</td>
-                        <td class="p-2">After v20 release</td>
-                    </tr>
-                    <tr class="text-lg text-800">
-                        <td class="p-2">
-                            <p-tag value="v16" styleClass="text-lg px-3" severity="success"></p-tag>
-                        </td>
-                        <td class="p-2">LTS</td>
-                        <td class="p-2">After v17 release</td>
-                        <td class="p-2">After v19 release</td>
-                    </tr>
-                    <tr class="text-lg text-800">
-                        <td class="p-2">
-                            <p-tag value="v15" styleClass="text-lg px-3" severity="success"></p-tag>
-                        </td>
-                        <td class="p-2">LTS</td>
-                        <td class="p-2">After v16 release</td>
-                        <td class="p-2">After v18 release</td>
-                    </tr>
-                    <tr class="text-lg text-800">
-                        <td class="p-2">
-                            <p-tag value="v14" styleClass="text-lg px-3" severity="danger"></p-tag>
-                        </td>
-                        <td class="p-2">Legacy</td>
-                        <td class="p-2">After v15 release</td>
-                        <td class="p-2">After v17 release</td>
-                    </tr>
-                    <tr class="text-lg text-800">
-                        <td class="p-2">
-                            <p-tag value="v13" styleClass="text-lg px-3" severity="danger"></p-tag>
-                        </td>
-                        <td class="p-2">Legacy</td>
-                        <td class="p-2">After v14 release</td>
-                        <td class="p-2">After v16 release</td>
-                    </tr>
-                    <tr class="text-lg text-800">
-                        <td class="p-2">
-                            <p-tag value="v12" styleClass="text-lg px-3" severity="danger"></p-tag>
-                        </td>
-                        <td class="p-2">Legacy</td>
-                        <td class="p-2">After v13 release</td>
-                        <td class="p-2">After v15 release</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </div>
-    <div class="card mb-5">
-        <div class="text-2xl text-900 font-semibold mb-5">LTS License</div>
-
-        <div class="flex flex-col md:flex-row gap-5">
-            <div class="flex-1">
-                <div class="flex items-center mb-2">
-                    <i class="pi pi-check-circle mr-3 text-green-500"></i>
-                    <span class="text-900 font-semibold text-xl">Security</span>
-                </div>
-                <p class="m-0 line-height-3 mb-3 text-secondary text-lg text-800">PrimeNG comes with a commitment to provide long-term support, including regular security updates to keep your system protected against emerging threats.</p>
-            </div>
-            <div class="flex-1">
-                <div class="flex items-center mb-2">
-                    <i class="pi pi-check-circle mr-3 text-green-500"></i>
-                    <span class="text-900 font-semibold text-xl">Maintenance</span>
-                </div>
-                <p class="m-0 line-height-3 mb-3 text-secondary text-lg text-800">
-                    We understand the importance of maintaining a stable and reliable software system. Our team will provide ongoing maintenance to ensure that the software continues to function seamlessly and efficiently.
-                </p>
-            </div>
-            <div class="flex-1">
-                <div class="flex items-center mb-2">
-                    <i class="pi pi-check-circle mr-3 text-green-500"></i>
-                    <span class="text-900 font-semibold text-xl">Enhancements</span>
-                </div>
-                <p class="m-0 line-height-3 mb-3 text-secondary text-lg text-800">
-                    We are dedicated to continuously improving PrimeNG to meet the evolving needs of our users. As part of our long-term support, we will provide regular updates and enhancements to add new features and functionality.
-                </p>
-            </div>
-        </div>
-    </div>
-    <div class="card mb-5">
-        <div class="text-900 font-bold text-5xl mb-4 text-center">Pricing</div>
-        <div class="mb-2 text-center line-height-3 text-lg">Choose the right plan for your business.</div>
-        <a href="https://www.primefaces.org/lts/licenses" class="mb-6 text-primary font-medium hover:underline text-center block">View License Details</a>
-
-        <div class="grid">
-            <div class="col-12 lg:col-6">
-                <div class="p-3 h-full">
-                    <div class="shadow-2 p-5 h-full flex flex-col surface-card" style="border-radius: 6px">
-                        <div class="text-900 font-medium text-xl mb-2">Basic License</div>
-                        <div class="text-600 font-medium">Annual</div>
-                        <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
-                        <div class="flex gap-3 flex-wrap">
-                            <div class="flex gap-3 flex-wrap">
-                                <span class="text-2xl font-bold text-900">$249</span>
-                            </div>
-                        </div>
-                        <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
-                        <ul class="list-none p-0 m-0 flex-grow-1 text-lg">
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span class="font-bold">Expires After 1 Year</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Warning Message at Runtime After Expiry</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Eligible for <strong>1 Major Version</strong></span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Unlimited Developers</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Unlimited Projects</span>
-                            </li>
-                        </ul>
-                        <hr class="mb-3 mx-0 border-top-1 border-none surface-border mt-auto" />
-                        <a href="https://www.primefaces.org/store/lts.xhtml" pRipple class="bg-blue-500 text-white hover:bg-blue-400 p-3 w-full border-round text-center transition-colors transition-duration-300 font-bold">Buy Now</a>
-                    </div>
-                </div>
-            </div>
-
-            <div class="col-12 lg:col-6">
-                <div class="p-3 h-full">
-                    <div class="shadow-2 p-5 h-full flex flex-col surface-card" style="border-radius: 6px">
-                        <div class="text-900 font-medium text-xl mb-2">Extended License</div>
-                        <div class="text-600 font-medium">Perpetual</div>
-                        <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
-                        <div class="flex gap-3 flex-wrap">
-                            <div class="flex gap-3 flex-wrap">
-                                <span class="text-2xl font-bold text-900">$990</span>
-                            </div>
-                        </div>
-                        <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
-                        <ul class="list-none p-0 m-0 flex-grow-1 text-lg">
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span class="font-bold">No Expiry</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>No Warning Message at Runtime</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Eligible for <strong>1 Major Version</strong></span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Unlimited Developers</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Unlimited Projects</span>
-                            </li>
-                        </ul>
-                        <hr class="mb-3 mx-0 border-top-1 border-none surface-border" />
-                        <a href="https://www.primefaces.org/store/lts.xhtml" pRipple class="bg-purple-500 text-white hover:bg-purple-400 p-3 w-full border-round text-center transition-colors transition-duration-300 font-bold">Buy Now</a>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="card mb-5">
-        <div class="text-2xl text-900 font-semibold mb-3">Usage</div>
-        <p class="m-0 line-height-3 mb-5 text-secondary text-lg text-800">
-            LTS versions require a license key and a pass key to be verified at your main app component or main.ts before bootstrap process. The keys would be available at
-            <a href="https://www.primefaces.org/store/lts.xhtml" class="text-primary font-medium hover:underline">PrimeStore</a> under LTS Licenses section.
-        </p>
-        <app-code [code]="code" [hideToggleCode]="true"></app-code>
-    </div>
-    <div class="card m-0">
-        <div class="text-2xl text-900 font-semibold mb-5">Frequently Asked Questions</div>
-        <div class="flex flex-wrap text-lg -ml-5 -mt-5">
-            <div class="w-full lg:!w-4/12 p-5">
-                <div class="text-900 line-height-3 mb-2 font-medium">Do I have to purchase a license for PrimeNG?</div>
-                <p class="mt-0 mb-5 p-0 line-height-3 text-800">No, only the versions that have the <b>-lts</b> suffix required a paid license. Any other version is open source under MIT license.</p>
-
-                <div class="text-900 line-height-3 mb-2 font-medium">Is LTS License mandatory to use PrimeNG?</div>
-                <p class="mt-0 mb-5 p-0 line-height-3 text-800">No, LTS is totally optional if you cannot update to latest Angular immediately and still would like to receive updates for your version.</p>
-
-                <div class="text-900 line-height-3 mb-2 font-medium">How long is the duration of the LTS license?</div>
-                <p class="mt-0 mb-5 p-0 line-height-3 text-800">Duration is 1 year for Basic License, for Extended License there is no limit.</p>
-
-                <div class="text-900 line-height-3 mb-2 font-medium">What happens after the LTS license duration ends?</div>
-                <p class="mt-0 mb-5 p-0 line-height-3 text-800">A message will be displayed at the application screen and license needs to be renewed at PrimeStore. This only applies to Basic License as Extended License has no time limit.</p>
-
-                <div class="text-900 line-height-3 mb-2 font-medium">Is a license bound to a specific major version?</div>
-                <p class="mt-0 mb-5 p-0 line-height-3 text-800">Yes, a license key is tied to the major version such as 15 and same license key cannot be used on another major version like 14.</p>
-
-                <div class="text-900 line-height-3 mb-2 font-medium">How can I assign my LTS license to a version?</div>
-                <p class="mt-0 mb-5 p-0 line-height-3 text-800">At PrimeStore, there is an "Assign" feature that activates your license by selecting a version.</p>
-            </div>
-            <div class="w-full lg:!w-4/12 p-5">
-                <div class="text-900 line-height-3 mb-2 font-medium">Does the license renew automatically?</div>
-                <p class="mt-0 mb-5 p-0 line-height-3 text-800">No, renewal should be done manually at PrimeStore.</p>
-
-                <div class="text-900 line-height-3 mb-2 font-medium">How are LTS and Community versions differentiated at NPM?</div>
-                <p class="mt-0 mb-5 p-0 line-height-3 text-800">LTS releases have <span class="font-bold">-lts</span> suffix such as <span class="font-bold">14.2.4-lts</span>.</p>
-
-                <div class="text-900 line-height-3 mb-2 font-medium">Is the license per organization, per developer or per cpu/server?</div>
-                <p class="mt-0 mb-5 p-0 line-height-3 text-800">LTS license is per organization, there is no limit on the number of developers, projects or hardware.</p>
-
-                <div class="text-900 line-height-3 mb-2 font-medium">Can subsidiary companies share the license of a parent company?</div>
-                <p class="mt-0 mb-5 p-0 line-height-3 text-800">No, license owner needs to be a separate entity as a result each company requires a separate license.</p>
-
-                <div class="text-900 line-height-3 mb-2 font-medium">Does LTS provide a support contact?</div>
-                <p class="mt-0 p-0 line-height-3 text-800">No, PrimeNG PRO is the service where response of PrimeTek engineers is secured within 1 business day.</p>
-            </div>
-            <div class="w-full lg:!w-4/12 p-5">
-                <div class="text-900 line-height-3 mb-2 font-medium">Can LTS releases be used in open source projects?</div>
-                <p class="mt-0 mb-5 p-0 line-height-3 text-800">No, this means violation of the license as keys cannot be shared.</p>
-
-                <div class="text-900 line-height-3 mb-2 font-medium">Does PRO provide access to the LTS releases?</div>
-                <p class="mt-0 mb-5 p-0 line-height-3 text-800">Yes, PRO users are granted a basic license.</p>
-
-                <div class="text-900 line-height-3 mb-2 font-medium">What is the difference between LTS and PRO?</div>
-                <p class="mt-0 p-0 line-height-3 text-800">
-                    PrimeNG PRO is a premium support service delivered via an exclusive JIRA instance where support engineers of PrimeTek provide assistance within 1 business day to the raised tickets. LTS on the other hand provides a license to
-                    utilize the long term support versions.
-                </p>
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/src/app/showcase/pages/lts/lts.component.ts b/src/app/showcase/pages/lts/lts.component.ts
deleted file mode 100644
index 8259eb1..0000000
--- a/src/app/showcase/pages/lts/lts.component.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import { Meta, Title } from '@angular/platform-browser';
-import { Code } from '@domain/code';
-
-@Component({
-    templateUrl: './lts.component.html'
-})
-export class LTSComponent {
-    constructor(
-        private titleService: Title,
-        private metaService: Meta
-    ) {
-        this.titleService.setTitle('Long Term Support - PrimeNG');
-        this.metaService.updateTag({ name: 'description', content: 'Long Term Support' });
-    }
-
-    code: Code = {
-        typescript: `import { Component } from '@angular/core';
-import { LicenseManager } from 'primeng/api';
-
-@Component({
-    selector: 'app-root',
-    templateUrl: './app.component.html'
-})
-export class AppComponent {
-
-    LicenseManager.verify('LICENSE_KEY', 'PASS_KEY');
-    
-}`
-    };
-}
diff --git a/src/app/showcase/pages/lts/lts.module.ts b/src/app/showcase/pages/lts/lts.module.ts
deleted file mode 100644
index 99daaed..0000000
--- a/src/app/showcase/pages/lts/lts.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { TagModule } from 'primeng/tag';
-import { AppCodeModule } from '@layout/doc/app.code.component';
-import { LTSRoutingModule } from './lts-routing.module';
-import { LTSComponent } from './lts.component';
-
-@NgModule({
-    imports: [CommonModule, LTSRoutingModule, TagModule, AppCodeModule],
-    declarations: [LTSComponent]
-})
-export class LTSModule {}
diff --git a/src/app/showcase/pages/megamenu/megamenudemo-routing.module.ts b/src/app/showcase/pages/megamenu/megamenudemo-routing.module.ts
deleted file mode 100644
index 7e5d5c2..0000000
--- a/src/app/showcase/pages/megamenu/megamenudemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { MegaMenuDemo } from './megamenudemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: MegaMenuDemo }])],
-    exports: [RouterModule]
-})
-export class MegaMenuDemoRoutingModule {}
diff --git a/src/app/showcase/pages/megamenu/megamenudemo.html b/src/app/showcase/pages/megamenu/megamenudemo.html
deleted file mode 100644
index 48391d7..0000000
--- a/src/app/showcase/pages/megamenu/megamenudemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular MegaMenu Component" header="MegaMenu" description="MegaMenu is navigation component that displays submenus together." [docs]="docs" [apiDocs]="['MegaMenu', 'MegaMenuItem']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/megamenu/megamenudemo.module.ts b/src/app/showcase/pages/megamenu/megamenudemo.module.ts
deleted file mode 100644
index 4ee175e..0000000
--- a/src/app/showcase/pages/megamenu/megamenudemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { MegaMenuDocModule } from '@doc/megamenu/megamenudoc.module';
-import { MegaMenuDemo } from './megamenudemo';
-import { MegaMenuDemoRoutingModule } from './megamenudemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, MegaMenuDemoRoutingModule, MegaMenuDocModule],
-    declarations: [MegaMenuDemo]
-})
-export class MegaMenuDemoModule {}
diff --git a/src/app/showcase/pages/megamenu/megamenudemo.ts b/src/app/showcase/pages/megamenu/megamenudemo.ts
deleted file mode 100644
index 8f02337..0000000
--- a/src/app/showcase/pages/megamenu/megamenudemo.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/megamenu/importdoc';
-import { BasicDoc } from '@doc/megamenu/basicdoc';
-import { StyleDoc } from '@doc/megamenu/styledoc';
-import { TemplateDoc } from '@doc/megamenu/templatedoc';
-import { VerticalDoc } from '@doc/megamenu/verticaldoc';
-import { AccessibilityDoc } from '@doc/megamenu/accessibilitydoc';
-import { CommandDoc } from '@doc/megamenu/commanddoc';
-import { RouterDoc } from '@doc/megamenu/routerdoc';
-
-@Component({
-    templateUrl: './megamenudemo.html',
-    styles: [
-        `
-            :host ::ng-deep {
-                .p-megamenu-panel {
-                    z-index: 3;
-                }
-            }
-        `
-    ]
-})
-export class MegaMenuDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'vertical',
-            label: 'Vertical',
-            component: VerticalDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'command',
-            label: 'Command',
-            component: CommandDoc
-        },
-        {
-            id: 'router',
-            label: 'Router',
-            component: RouterDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/menu/menudemo-routing.module.ts b/src/app/showcase/pages/menu/menudemo-routing.module.ts
deleted file mode 100644
index a017503..0000000
--- a/src/app/showcase/pages/menu/menudemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { MenuDemo } from './menudemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: MenuDemo }])],
-    exports: [RouterModule]
-})
-export class MenuDemoRoutingModule {}
diff --git a/src/app/showcase/pages/menu/menudemo.html b/src/app/showcase/pages/menu/menudemo.html
deleted file mode 100644
index 3f5962c..0000000
--- a/src/app/showcase/pages/menu/menudemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Menu Component" header="Menu" description="Menu is a navigation / command component that supports dynamic and static positioning." [docs]="docs" [apiDocs]="['Menu', 'MenuItem']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/menu/menudemo.module.ts b/src/app/showcase/pages/menu/menudemo.module.ts
deleted file mode 100644
index 145a80a..0000000
--- a/src/app/showcase/pages/menu/menudemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { MenuDemo } from './menudemo';
-import { MenuDocModule } from '@doc/menu/menudoc.module';
-import { MenuDemoRoutingModule } from './menudemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, MenuDemoRoutingModule, MenuDocModule],
-    declarations: [MenuDemo]
-})
-export class MenuDemoModule {}
diff --git a/src/app/showcase/pages/menu/menudemo.ts b/src/app/showcase/pages/menu/menudemo.ts
deleted file mode 100644
index 17eb91c..0000000
--- a/src/app/showcase/pages/menu/menudemo.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/menu/basicdoc';
-import { TemplateDoc } from '@doc/menu/templatedoc';
-import { CommandDoc } from '@doc/menu/commanddoc';
-import { GroupDoc } from '@doc/menu/groupdoc';
-import { ImportDoc } from '@doc/menu/importdoc';
-import { RouterDoc } from '@doc/menu/routerdoc';
-import { PopupDoc } from '@doc/menu/popupdoc';
-import { StyleDoc } from '@doc/menu/styledoc';
-import { AccessibilityDoc } from '@doc/menu/accessibilitydoc';
-
-@Component({
-    templateUrl: './menudemo.html'
-})
-export class MenuDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'group',
-            label: 'Group',
-            component: GroupDoc
-        },
-        {
-            id: 'popup',
-            label: 'Popup',
-            component: PopupDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'command',
-            label: 'Command',
-            component: CommandDoc
-        },
-        {
-            id: 'router',
-            label: 'Router',
-            component: RouterDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/menubar/menubardemo-routing.module.ts b/src/app/showcase/pages/menubar/menubardemo-routing.module.ts
deleted file mode 100644
index 6240e8e..0000000
--- a/src/app/showcase/pages/menubar/menubardemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { MenubarDemo } from './menubardemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: MenubarDemo }])],
-    exports: [RouterModule]
-})
-export class MenubarDemoRoutingModule {}
diff --git a/src/app/showcase/pages/menubar/menubardemo.html b/src/app/showcase/pages/menubar/menubardemo.html
deleted file mode 100644
index 22bd903..0000000
--- a/src/app/showcase/pages/menubar/menubardemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Menubar Component" header="Menubar" description="Menubar is a horizontal menu component." [docs]="docs" [apiDocs]="['Menubar', 'MenuItem']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/menubar/menubardemo.module.ts b/src/app/showcase/pages/menubar/menubardemo.module.ts
deleted file mode 100644
index bab18dd..0000000
--- a/src/app/showcase/pages/menubar/menubardemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { MenubarDocModule } from '@doc/menubar/menubardoc.module';
-import { MenubarDemo } from './menubardemo';
-import { MenubarDemoRoutingModule } from './menubardemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, MenubarDemoRoutingModule, MenubarDocModule],
-    declarations: [MenubarDemo]
-})
-export class MenubarDemoModule {}
diff --git a/src/app/showcase/pages/menubar/menubardemo.ts b/src/app/showcase/pages/menubar/menubardemo.ts
deleted file mode 100644
index 2c1410f..0000000
--- a/src/app/showcase/pages/menubar/menubardemo.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-import { TemplateDoc } from '@doc/menubar/templatedoc';
-import { BasicDoc } from '@doc/menubar/basicdoc';
-import { ImportDoc } from '@doc/menubar/importdoc';
-import { StyleDoc } from '@doc/menubar/styledoc';
-import { AccessibilityDoc } from '@doc/menubar/accessibilitydoc';
-import { CommandDoc } from '@doc/menubar/commanddoc';
-import { RouterDoc } from '@doc/menubar/routerdoc';
-
-@Component({
-    templateUrl: './menubardemo.html'
-})
-export class MenubarDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'command',
-            label: 'Command',
-            component: CommandDoc
-        },
-        {
-            id: 'router',
-            label: 'Router',
-            component: RouterDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/messages/messagesdemo-routing.module.ts b/src/app/showcase/pages/messages/messagesdemo-routing.module.ts
deleted file mode 100644
index 270d2de..0000000
--- a/src/app/showcase/pages/messages/messagesdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { MessagesDemo } from './messagesdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: MessagesDemo }])],
-    exports: [RouterModule]
-})
-export class MessagesDemoRoutingModule {}
diff --git a/src/app/showcase/pages/messages/messagesdemo.html b/src/app/showcase/pages/messages/messagesdemo.html
deleted file mode 100644
index 754ea42..0000000
--- a/src/app/showcase/pages/messages/messagesdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Messages Component" header="Messages" description="Messages is used to display alerts inline." [docs]="docs" [apiDocs]="['Messages', 'Message', 'MessageService']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/messages/messagesdemo.module.ts b/src/app/showcase/pages/messages/messagesdemo.module.ts
deleted file mode 100644
index f312125..0000000
--- a/src/app/showcase/pages/messages/messagesdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { MessagesDocModule } from '@doc/messages/messagesdoc.module';
-import { MessagesDemo } from './messagesdemo';
-import { MessagesDemoRoutingModule } from './messagesdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, MessagesDemoRoutingModule, MessagesDocModule],
-    declarations: [MessagesDemo]
-})
-export class MessagesDemoModule {}
diff --git a/src/app/showcase/pages/messages/messagesdemo.ts b/src/app/showcase/pages/messages/messagesdemo.ts
deleted file mode 100644
index 3b1b781..0000000
--- a/src/app/showcase/pages/messages/messagesdemo.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/messages/importdoc';
-import { BasicDoc } from '@doc/messages/basicdoc';
-import { MessagesStyleDoc } from '@doc/messages/messagesstyledoc';
-import { MessageStyleDoc } from '@doc/messages/messagestyledoc';
-import { ClosableDoc } from '@doc/messages/closabledoc';
-import { DynamicDoc } from '@doc/messages/dynamicdoc';
-import { StaticDoc } from '@doc/messages/staticdoc';
-import { AnimationDoc } from '@doc/messages/animationdoc';
-import { SeverityDoc } from '@doc/messages/severitydoc';
-import { AccessibilityDoc } from '@doc/messages/accessibilitydoc';
-import { ServiceDoc } from '@doc/messages/servicedoc';
-
-@Component({
-    templateUrl: './messagesdemo.html'
-})
-export class MessagesDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'severity',
-            label: 'Severity',
-            component: SeverityDoc
-        },
-        {
-            id: 'dynamic',
-            label: 'Dynamic',
-            component: DynamicDoc
-        },
-        {
-            id: 'closable',
-            label: 'Closable',
-            component: ClosableDoc
-        },
-        {
-            id: 'service',
-            label: 'Message Service',
-            component: ServiceDoc
-        },
-        {
-            id: 'static',
-            label: 'Static Content',
-            component: StaticDoc
-        },
-        {
-            id: 'animation',
-            label: 'Animation',
-            component: AnimationDoc
-        },
-        {
-            id: 'messagesstyle',
-            label: 'Styling for Messages',
-            component: MessagesStyleDoc
-        },
-        {
-            id: 'messagestyle',
-            label: 'Styling for Message',
-            component: MessageStyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/metergroup/metergroupdemo-routing.module.ts b/src/app/showcase/pages/metergroup/metergroupdemo-routing.module.ts
deleted file mode 100644
index 4ea59d1..0000000
--- a/src/app/showcase/pages/metergroup/metergroupdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { MeterGroupDemo } from './metergroupdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: MeterGroupDemo }])],
-    exports: [RouterModule]
-})
-export class MeterGroupDemoRoutingModule {}
diff --git a/src/app/showcase/pages/metergroup/metergroupdemo.html b/src/app/showcase/pages/metergroup/metergroupdemo.html
deleted file mode 100644
index c0adc32..0000000
--- a/src/app/showcase/pages/metergroup/metergroupdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular MeterGroup Component" header="MeterGroup" description="MeterGroup displays scalar measurements within a known range." [docs]="docs" [apiDocs]="['MeterGroup']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/metergroup/metergroupdemo.module.ts b/src/app/showcase/pages/metergroup/metergroupdemo.module.ts
deleted file mode 100644
index 60c4313..0000000
--- a/src/app/showcase/pages/metergroup/metergroupdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { MeterGroupDocModule } from '@doc/metergroup/metergroupdoc.module';
-import { MeterGroupDemo } from './metergroupdemo';
-import { MeterGroupDemoRoutingModule } from './metergroupdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, MeterGroupDemoRoutingModule, MeterGroupDocModule],
-    declarations: [MeterGroupDemo]
-})
-export class MeterGroupDemoModule {}
diff --git a/src/app/showcase/pages/metergroup/metergroupdemo.ts b/src/app/showcase/pages/metergroup/metergroupdemo.ts
deleted file mode 100644
index 6ae0ac4..0000000
--- a/src/app/showcase/pages/metergroup/metergroupdemo.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/metergroup/importdoc';
-import { BasicDoc } from '@doc/metergroup/basicdoc';
-import { MultipleDoc } from '@doc/metergroup/multipledoc';
-import { IconDoc } from '@doc/metergroup/icondoc';
-import { LabelDoc } from '@doc/metergroup/labeldoc';
-import { VerticalDoc } from '@doc/metergroup/verticaldoc';
-import { MinMaxDoc } from '@doc/metergroup/minmaxdoc';
-import { TemplateDoc } from '@doc/metergroup/templatedoc';
-import { StyleDoc } from '@doc/metergroup/styledoc';
-import { AccessibilityDoc } from '@doc/metergroup/accessibilitydoc';
-@Component({
-    templateUrl: './metergroupdemo.html'
-})
-export class MeterGroupDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'multiple',
-            label: 'Multiple',
-            component: MultipleDoc
-        },
-        {
-            id: 'icon',
-            label: 'Icon',
-            component: IconDoc
-        },
-        {
-            id: 'label',
-            label: 'Label',
-            component: LabelDoc
-        },
-        {
-            id: 'vertical',
-            label: 'Vertical',
-            component: VerticalDoc
-        },
-        {
-            id: 'minmax',
-            label: 'Min Max',
-            component: MinMaxDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/multiselect/multiselectdemo-routing.module.ts b/src/app/showcase/pages/multiselect/multiselectdemo-routing.module.ts
deleted file mode 100644
index 91541c5..0000000
--- a/src/app/showcase/pages/multiselect/multiselectdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { MultiSelectDemo } from './multiselectdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: MultiSelectDemo }])],
-    exports: [RouterModule]
-})
-export class MultiSelectDemoRoutingModule {}
diff --git a/src/app/showcase/pages/multiselect/multiselectdemo.html b/src/app/showcase/pages/multiselect/multiselectdemo.html
deleted file mode 100644
index af7cc9b..0000000
--- a/src/app/showcase/pages/multiselect/multiselectdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular MultiSelect Component" header="MultiSelect" description="MultiSelect is used to select multiple items from a collection." [docs]="docs" [apiDocs]="['MultiSelect']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/multiselect/multiselectdemo.module.ts b/src/app/showcase/pages/multiselect/multiselectdemo.module.ts
deleted file mode 100644
index 02c58c5..0000000
--- a/src/app/showcase/pages/multiselect/multiselectdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { MultiSelectDocModule } from '@doc/multiselect/multiselectdoc.module';
-import { MultiSelectDemo } from './multiselectdemo';
-import { MultiSelectDemoRoutingModule } from './multiselectdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, MultiSelectDemoRoutingModule, MultiSelectDocModule],
-    declarations: [MultiSelectDemo]
-})
-export class MultiSelectDemoModule {}
diff --git a/src/app/showcase/pages/multiselect/multiselectdemo.scss b/src/app/showcase/pages/multiselect/multiselectdemo.scss
deleted file mode 100644
index caf9d3e..0000000
--- a/src/app/showcase/pages/multiselect/multiselectdemo.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-:host ::ng-deep .p-multiselect {
-    min-width: 15rem;
-    width: 18rem;
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/multiselect/multiselectdemo.ts b/src/app/showcase/pages/multiselect/multiselectdemo.ts
deleted file mode 100644
index 706a10b..0000000
--- a/src/app/showcase/pages/multiselect/multiselectdemo.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import { Component } from '@angular/core';
-import { ReactiveFormsDoc } from '@doc/multiselect/reactiveformsdoc';
-import { AccessibilityDoc } from '@doc/multiselect/accessibilitydoc';
-import { BasicDoc } from '@doc/multiselect/basicdoc';
-import { ChipsDoc } from '@doc/multiselect/chipsdoc';
-import { DisabledDoc } from '@doc/multiselect/disableddoc';
-import { FilterDoc } from '@doc/multiselect/filterdoc';
-import { FloatLabelDoc } from '@doc/multiselect/floatlabeldoc';
-import { GroupDoc } from '@doc/multiselect/groupdoc';
-import { ImportDoc } from '@doc/multiselect/importdoc';
-import { InvalidDoc } from '@doc/multiselect/invaliddoc';
-import { StyleDoc } from '@doc/multiselect/styledoc';
-import { TemplateDoc } from '@doc/multiselect/templatedoc';
-import { VirtualScrollDoc } from '@doc/multiselect/virtualscrolldoc';
-import { LoadingStateDoc } from '@doc/multiselect/loadingstatedoc';
-import { FilledDoc } from '@doc/multiselect/filleddoc';
-
-@Component({
-    templateUrl: './multiselectdemo.html',
-    styleUrls: ['./multiselectdemo.scss']
-})
-export class MultiSelectDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'chips',
-            label: 'Chips',
-            component: ChipsDoc
-        },
-        {
-            id: 'group',
-            label: 'Group',
-            component: GroupDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'filter',
-            label: 'Filter',
-            component: FilterDoc
-        },
-        {
-            id: 'loadingstate',
-            label: 'Loading State',
-            component: LoadingStateDoc
-        },
-        {
-            id: 'virtualscroll',
-            label: 'VirtualScroll',
-            component: VirtualScrollDoc
-        },
-        {
-            id: 'floatlabel',
-            label: 'Float Label',
-            component: FloatLabelDoc
-        },
-        {
-            id: 'filled',
-            label: 'Filled',
-            component: FilledDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/notfound/notfound-routing.module.ts b/src/app/showcase/pages/notfound/notfound-routing.module.ts
deleted file mode 100644
index f460a07..0000000
--- a/src/app/showcase/pages/notfound/notfound-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { NotFoundComponent } from './notfound.component';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: NotFoundComponent }])],
-    exports: [RouterModule]
-})
-export class NotFoundRoutingModule {}
diff --git a/src/app/showcase/pages/notfound/notfound.component.html b/src/app/showcase/pages/notfound/notfound.component.html
deleted file mode 100644
index 28e20df..0000000
--- a/src/app/showcase/pages/notfound/notfound.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<div class="flex card flex-col items-center justify-center gap-5 sm:p-8 h-screen">
-    <div class="flex flex-col sm:flex-row items-center justify-center gap-3 text-primary">
-        <span class="font-bold" style="font-size: 144px"> 4 </span>
-        <div class="flex items-center justify-center bg-primary border-circle !w-8 !h-8">
-            <i class="pi pi-prime text-7xl"></i>
-        </div>
-        <span class="font-bold" style="font-size: 144px"> 4 </span>
-    </div>
-    <div class="font-bold text-900 text-center text-6xl border-top-1 surface-border pt-5">PAGE NOT FOUND</div>
-    <p-button label="Go back to home" routerLink="/"></p-button>
-</div>
diff --git a/src/app/showcase/pages/notfound/notfound.component.ts b/src/app/showcase/pages/notfound/notfound.component.ts
deleted file mode 100644
index 0ef2b2b..0000000
--- a/src/app/showcase/pages/notfound/notfound.component.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    templateUrl: './notfound.component.html'
-})
-export class NotFoundComponent {}
diff --git a/src/app/showcase/pages/notfound/notfound.module.ts b/src/app/showcase/pages/notfound/notfound.module.ts
deleted file mode 100644
index 048c1a6..0000000
--- a/src/app/showcase/pages/notfound/notfound.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { NotFoundRoutingModule } from './notfound-routing.module';
-import { NotFoundComponent } from './notfound.component';
-import { ButtonModule } from 'primeng/button';
-
-@NgModule({
-    imports: [CommonModule, NotFoundRoutingModule, ButtonModule],
-    declarations: [NotFoundComponent]
-})
-export class NotFoundModule {}
diff --git a/src/app/showcase/pages/orderlist/orderlistdemo-routing.module.ts b/src/app/showcase/pages/orderlist/orderlistdemo-routing.module.ts
deleted file mode 100644
index a58db23..0000000
--- a/src/app/showcase/pages/orderlist/orderlistdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { OrderListDemo } from './orderlistdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: OrderListDemo }])],
-    exports: [RouterModule]
-})
-export class OrderListDemoRoutingModule {}
diff --git a/src/app/showcase/pages/orderlist/orderlistdemo.html b/src/app/showcase/pages/orderlist/orderlistdemo.html
deleted file mode 100644
index 74c8af4..0000000
--- a/src/app/showcase/pages/orderlist/orderlistdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular OrderList Component" header="OrderList" description="OrderList is used to sort a collection." [docs]="docs" [apiDocs]="['OrderList']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/orderlist/orderlistdemo.module.ts b/src/app/showcase/pages/orderlist/orderlistdemo.module.ts
deleted file mode 100644
index 3a56195..0000000
--- a/src/app/showcase/pages/orderlist/orderlistdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { OrderlistDocModule } from '@doc/orderlist/orderlistdoc.module';
-import { OrderListDemo } from './orderlistdemo';
-import { OrderListDemoRoutingModule } from './orderlistdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, OrderListDemoRoutingModule, OrderlistDocModule],
-    declarations: [OrderListDemo]
-})
-export class OrderListDemoModule {}
diff --git a/src/app/showcase/pages/orderlist/orderlistdemo.scss b/src/app/showcase/pages/orderlist/orderlistdemo.scss
deleted file mode 100644
index a236df4..0000000
--- a/src/app/showcase/pages/orderlist/orderlistdemo.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-.product-item {
-	display: flex;
-	align-items: center;
-	padding: .5rem;
-	width: 100%;
-
-	img {
-		width: 75px;
-        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-        margin-right: 1rem;
-	}
-
-	.product-list-detail {
-		flex: 1 1 0;
-	}
-
-	.product-list-action {
-		display: flex;
-        flex-direction: column;
-        align-items: flex-end;
-    }
-
-    .product-category-icon {
-        vertical-align: middle;
-        margin-right: .5rem;
-    }
-
-    .product-category {
-        vertical-align: middle;
-        line-height: 1;
-    }
-}
-
-@media screen and (max-width: 576px) {
-    .product-item {
-        flex-wrap: wrap;
-
-        .image-container {
-            width: 100%;
-            text-align: center;
-        }
-
-        img {
-            margin: 0 0 1rem 0;
-            width: 100px;
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/orderlist/orderlistdemo.ts b/src/app/showcase/pages/orderlist/orderlistdemo.ts
deleted file mode 100644
index 3961a21..0000000
--- a/src/app/showcase/pages/orderlist/orderlistdemo.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from '@angular/core';
-import { FilterDoc } from '@doc/orderlist/filterdoc';
-import { BasicDoc } from '@doc/orderlist/basicdoc';
-import { ImportDoc } from '@doc/orderlist/importdoc';
-import { DragDropDoc } from '@doc/orderlist/dragdropdoc';
-import { StyleDoc } from '@doc/orderlist/styledoc';
-import { AccessibilityDoc } from '@doc/orderlist/accessibilitydoc';
-
-@Component({
-    templateUrl: './orderlistdemo.html',
-    styleUrls: ['./orderlistdemo.scss']
-})
-export class OrderListDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'filter',
-            label: 'Filter',
-            component: FilterDoc
-        },
-        {
-            id: 'dragdrop',
-            label: 'DragDrop',
-            component: DragDropDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/organizationchart/organizationchartdemo-routing.module.ts b/src/app/showcase/pages/organizationchart/organizationchartdemo-routing.module.ts
deleted file mode 100644
index f27fc15..0000000
--- a/src/app/showcase/pages/organizationchart/organizationchartdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { OrganizationChartDemo } from './organizationchartdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: OrganizationChartDemo }])],
-    exports: [RouterModule]
-})
-export class OrganizationChartDemoRoutingModule {}
diff --git a/src/app/showcase/pages/organizationchart/organizationchartdemo.html b/src/app/showcase/pages/organizationchart/organizationchartdemo.html
deleted file mode 100644
index 2cc1d8e..0000000
--- a/src/app/showcase/pages/organizationchart/organizationchartdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Organization Chart Component" header="OrganizationChart" description="OrganizationChart visualizes hierarchical organization data." [docs]="docs" [apiDocs]="['OrganizationChart']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/organizationchart/organizationchartdemo.module.ts b/src/app/showcase/pages/organizationchart/organizationchartdemo.module.ts
deleted file mode 100644
index c1235de..0000000
--- a/src/app/showcase/pages/organizationchart/organizationchartdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { OrganizationChartDocModule } from '@doc/organizationchart/organizationchartdoc.module';
-import { OrganizationChartDemo } from './organizationchartdemo';
-import { OrganizationChartDemoRoutingModule } from './organizationchartdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, OrganizationChartDemoRoutingModule, OrganizationChartDocModule],
-    declarations: [OrganizationChartDemo]
-})
-export class OrganizationChartDemoModule {}
diff --git a/src/app/showcase/pages/organizationchart/organizationchartdemo.scss b/src/app/showcase/pages/organizationchart/organizationchartdemo.scss
deleted file mode 100644
index 5c60765..0000000
--- a/src/app/showcase/pages/organizationchart/organizationchartdemo.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-:host ::ng-deep .p-organizationchart {
-    .p-person {
-        padding: 0;
-        border: 0 none;
-    }
-
-    .node-header, .node-content {
-        padding: .5em .7rem;
-    }
-
-    .node-header {
-        background-color: #495ebb;
-        color: #ffffff;
-    }
-
-    .node-content {
-        text-align: center;
-        border: 1px solid #495ebb;
-    }
-
-    .node-content img {
-        border-radius: 50%;
-    }
-
-    .department-cfo {
-        background-color: #7247bc;
-        color: #ffffff;
-    }
-
-    .department-coo {
-        background-color: #a534b6;
-        color: #ffffff;
-    }
-
-    .department-cto {
-        background-color: #e9286f;
-        color: #ffffff;
-    }
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/organizationchart/organizationchartdemo.ts b/src/app/showcase/pages/organizationchart/organizationchartdemo.ts
deleted file mode 100644
index eaa709d..0000000
--- a/src/app/showcase/pages/organizationchart/organizationchartdemo.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Component } from '@angular/core';
-import { TemplateDoc } from '@doc/organizationchart/templatedoc';
-import { BasicDoc } from '@doc/organizationchart/basicdoc';
-import { ImportDoc } from '@doc/organizationchart/importdoc';
-import { SelectionDoc } from '@doc/organizationchart/selectiondoc';
-import { ColoredDoc } from '@doc/organizationchart/colored.doc';
-import { StyleDoc } from '@doc/organizationchart/styledoc';
-import { AccessibilityDoc } from '@doc/organizationchart/accessibilitydoc';
-
-@Component({
-    templateUrl: './organizationchartdemo.html',
-    styleUrls: ['./organizationchartdemo.scss']
-})
-export class OrganizationChartDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'selection',
-            label: 'Selection',
-            component: SelectionDoc
-        },
-        {
-            id: 'colored',
-            label: 'Colored',
-            component: ColoredDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/overlay/overlaydemo-routing.module.ts b/src/app/showcase/pages/overlay/overlaydemo-routing.module.ts
deleted file mode 100644
index bc60821..0000000
--- a/src/app/showcase/pages/overlay/overlaydemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { OverlayDemo } from './overlaydemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: OverlayDemo }])],
-    exports: [RouterModule]
-})
-export class OverlayDemoRoutingModule {}
diff --git a/src/app/showcase/pages/overlay/overlaydemo.html b/src/app/showcase/pages/overlay/overlaydemo.html
deleted file mode 100644
index 5538387..0000000
--- a/src/app/showcase/pages/overlay/overlaydemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Overlay API - PrimeNG" header="Overlay API" description="This API allows overlay components to be controlled from the PrimeNGConfig. In this way, all overlay components in the application can have the same behavior." [docs]="docs" [apiDocs]="['Overlay', 'OverlayOptions']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/overlay/overlaydemo.module.ts b/src/app/showcase/pages/overlay/overlaydemo.module.ts
deleted file mode 100644
index f2873c9..0000000
--- a/src/app/showcase/pages/overlay/overlaydemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { OverlayDocModule } from '@doc/overlay/overlaydoc.module';
-import { OverlayDemo } from './overlaydemo';
-import { OverlayDemoRoutingModule } from './overlaydemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, OverlayDemoRoutingModule, OverlayDocModule],
-    declarations: [OverlayDemo]
-})
-export class OverlayDemoModule {}
diff --git a/src/app/showcase/pages/overlay/overlaydemo.ts b/src/app/showcase/pages/overlay/overlaydemo.ts
deleted file mode 100644
index 9727641..0000000
--- a/src/app/showcase/pages/overlay/overlaydemo.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { Component } from '@angular/core';
-import { OverlayBasicDemo } from '@doc/overlay/basicdoc';
-import { AppendToDoc } from '@doc/overlay/appendtodoc';
-import { AutoZIndexDoc } from '@doc/overlay/autozindexdoc';
-import { BaseZIndexDoc } from '@doc/overlay/basezindexdoc';
-import { EventsDoc } from '@doc/overlay/eventsdoc';
-import { HideOnEscapeDoc } from '@doc/overlay/hideonescapedoc';
-import { ImportDoc } from '@doc/overlay/importdoc';
-import { ModeDoc } from '@doc/overlay/modedoc';
-import { ResponsiveDoc } from '@doc/overlay/responsivedoc';
-import { StyleDoc } from '@doc/overlay/styledoc';
-import { TargetDoc } from '@doc/overlay/targetdoc';
-import { OverlayTemplateDemo } from '@doc/overlay/templatedoc';
-import { TransitionOptionsDoc } from '@doc/overlay/transitionoptionsdoc';
-import { AccessibilityDoc } from '@doc/overlay/accessibilitydoc';
-
-@Component({
-    templateUrl: './overlaydemo.html'
-})
-export class OverlayDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: OverlayBasicDemo
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: OverlayTemplateDemo
-        },
-        {
-            id: 'options',
-            label: 'Options',
-            children: [
-                {
-                    id: 'mode',
-                    label: 'Mode',
-                    component: ModeDoc
-                },
-                {
-                    id: 'responsive',
-                    label: 'Responsive',
-                    component: ResponsiveDoc
-                },
-                {
-                    id: 'append-to',
-                    label: 'AppendTo',
-                    component: AppendToDoc
-                },
-                {
-                    id: 'target',
-                    label: 'Target',
-                    component: TargetDoc
-                },
-                {
-                    id: 'style',
-                    label: 'Style',
-                    component: StyleDoc
-                },
-                {
-                    id: 'base-z-index',
-                    label: 'BaseZIndex',
-                    component: BaseZIndexDoc
-                },
-                {
-                    id: 'auto-z-index',
-                    label: 'AutoZIndex',
-                    component: AutoZIndexDoc
-                },
-                {
-                    id: 'hide-on-escape',
-                    label: 'HideOnEscape',
-                    component: HideOnEscapeDoc
-                },
-                {
-                    id: 'transition-options',
-                    label: 'ShowTransitionOptions and HideTransitionOptions',
-                    component: TransitionOptionsDoc
-                },
-                {
-                    id: 'events',
-                    label: 'Events',
-                    component: EventsDoc
-                }
-            ]
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/overlaypanel/overlaypaneldemo-routing.module.ts b/src/app/showcase/pages/overlaypanel/overlaypaneldemo-routing.module.ts
deleted file mode 100644
index 1d39389..0000000
--- a/src/app/showcase/pages/overlaypanel/overlaypaneldemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { OverlayPanelDemo } from './overlaypaneldemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: OverlayPanelDemo }])],
-    exports: [RouterModule]
-})
-export class OverlayPanelDemoRoutingModule {}
diff --git a/src/app/showcase/pages/overlaypanel/overlaypaneldemo.html b/src/app/showcase/pages/overlaypanel/overlaypaneldemo.html
deleted file mode 100644
index 5a9e285..0000000
--- a/src/app/showcase/pages/overlaypanel/overlaypaneldemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular OverlayPanel Component" header="OverlayPanel" description="OverlayPanel, also known as Popover, is a container component that can overlay other components on page." [docs]="docs" [apiDocs]="['OverlayPanel']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/overlaypanel/overlaypaneldemo.module.ts b/src/app/showcase/pages/overlaypanel/overlaypaneldemo.module.ts
deleted file mode 100644
index 02f4883..0000000
--- a/src/app/showcase/pages/overlaypanel/overlaypaneldemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { OverlayPanelDocModule } from '@doc/overlaypanel/overlaypaneldoc.module';
-import { OverlayPanelDemo } from './overlaypaneldemo';
-import { OverlayPanelDemoRoutingModule } from './overlaypaneldemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, OverlayPanelDemoRoutingModule, OverlayPanelDocModule],
-    declarations: [OverlayPanelDemo]
-})
-export class OverlayPanelDemoModule {}
diff --git a/src/app/showcase/pages/overlaypanel/overlaypaneldemo.ts b/src/app/showcase/pages/overlaypanel/overlaypaneldemo.ts
deleted file mode 100644
index 45bf43f..0000000
--- a/src/app/showcase/pages/overlaypanel/overlaypaneldemo.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/overlaypanel/basicdoc';
-import { ImportDoc } from '@doc/overlaypanel/importdoc';
-import { StyleDoc } from '@doc/overlaypanel/styledoc';
-import { DataTableDoc } from '@doc/overlaypanel/datatabledoc';
-import { TemplateDoc } from '@doc/overlaypanel/templatedoc';
-import { TargetDoc } from '@doc/overlaypanel/targetdoc';
-import { AccessibilityDoc } from '@doc/overlaypanel/accessibilitydoc';
-
-@Component({
-    templateUrl: './overlaypaneldemo.html'
-})
-export class OverlayPanelDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'datatable',
-            label: 'DataTable',
-            component: DataTableDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/paginator/paginatordemo-routing.module.ts b/src/app/showcase/pages/paginator/paginatordemo-routing.module.ts
deleted file mode 100644
index 63177bc..0000000
--- a/src/app/showcase/pages/paginator/paginatordemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { PaginatorDemo } from './paginatordemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: PaginatorDemo }])],
-    exports: [RouterModule]
-})
-export class PaginatorDemoRoutingModule {}
diff --git a/src/app/showcase/pages/paginator/paginatordemo.html b/src/app/showcase/pages/paginator/paginatordemo.html
deleted file mode 100644
index f7dd7d0..0000000
--- a/src/app/showcase/pages/paginator/paginatordemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Paginator Component" header="Paginator" description="Paginator displays data in paged format and provides navigation between pages." [docs]="docs" [apiDocs]="['Paginator']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/paginator/paginatordemo.module.ts b/src/app/showcase/pages/paginator/paginatordemo.module.ts
deleted file mode 100644
index e93d405..0000000
--- a/src/app/showcase/pages/paginator/paginatordemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { PaginatorDocModule } from '@doc/paginator/paginatordoc.module';
-import { PaginatorDemo } from './paginatordemo';
-import { PaginatorDemoRoutingModule } from './paginatordemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, PaginatorDemoRoutingModule, PaginatorDocModule],
-    declarations: [PaginatorDemo]
-})
-export class PaginatorDemoModule {}
diff --git a/src/app/showcase/pages/paginator/paginatordemo.scss b/src/app/showcase/pages/paginator/paginatordemo.scss
deleted file mode 100644
index 76a3ec5..0000000
--- a/src/app/showcase/pages/paginator/paginatordemo.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.image-gallery {
-    text-align: center;
-    padding: 1rem;
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/paginator/paginatordemo.ts b/src/app/showcase/pages/paginator/paginatordemo.ts
deleted file mode 100644
index 58f558f..0000000
--- a/src/app/showcase/pages/paginator/paginatordemo.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Component } from '@angular/core';
-import { AccessibilityDoc } from '@doc/paginator/accessibilitydoc';
-import { BasicDoc } from '@doc/paginator/basicdoc';
-import { ImagesDoc } from '@doc/paginator/imagesdoc';
-import { ImportDoc } from '@doc/paginator/importdoc';
-import { StyleDoc } from '@doc/paginator/styledoc';
-import { TemplateDoc } from '@doc/paginator/templatedoc';
-import { LocaleDoc } from '@doc/paginator/localedoc';
-import { CurrentPageReportDoc } from '@doc/paginator/currentpagereportdoc';
-
-@Component({
-    templateUrl: './paginatordemo.html',
-    styleUrls: ['./paginatordemo.scss']
-})
-export class PaginatorDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'locale',
-            label: 'Locale',
-            component: LocaleDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'current-page-report',
-            label: 'Current Page Report',
-            component: CurrentPageReportDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/panel/paneldemo-routing.module.ts b/src/app/showcase/pages/panel/paneldemo-routing.module.ts
deleted file mode 100644
index 6ff426a..0000000
--- a/src/app/showcase/pages/panel/paneldemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { PanelDemo } from './paneldemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: PanelDemo }])],
-    exports: [RouterModule]
-})
-export class PanelDemoRoutingModule {}
diff --git a/src/app/showcase/pages/panel/paneldemo.html b/src/app/showcase/pages/panel/paneldemo.html
deleted file mode 100644
index df52197..0000000
--- a/src/app/showcase/pages/panel/paneldemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Panel Component" header="Panel" description="Panel is a container component with an optional content toggle feature." [docs]="docs" [apiDocs]="['Panel']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/panel/paneldemo.module.ts b/src/app/showcase/pages/panel/paneldemo.module.ts
deleted file mode 100644
index 4cb8965..0000000
--- a/src/app/showcase/pages/panel/paneldemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { PanelDocModule } from '@doc/panel/paneldoc.module';
-import { PanelDemo } from './paneldemo';
-import { PanelDemoRoutingModule } from './paneldemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, PanelDemoRoutingModule, PanelDocModule],
-    declarations: [PanelDemo]
-})
-export class PanelDemoModule {}
diff --git a/src/app/showcase/pages/panel/paneldemo.ts b/src/app/showcase/pages/panel/paneldemo.ts
deleted file mode 100644
index ebe3df3..0000000
--- a/src/app/showcase/pages/panel/paneldemo.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Component } from '@angular/core';
-import { TemplateDoc } from '@doc/panel/templatedoc';
-import { BasicDoc } from '@doc/panel/basicdoc';
-import { ImportDoc } from '@doc/panel/importdoc';
-import { ToggleableDoc } from '@doc/panel/toggleabledoc';
-import { StyleDoc } from '@doc/panel/styledoc';
-import { AccessibilityDoc } from '@doc/panel/accessibilitydoc';
-
-@Component({
-    templateUrl: './paneldemo.html'
-})
-export class PanelDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'toggleable',
-            label: 'Toggleable',
-            component: ToggleableDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/panelmenu/panelmenudemo-routing.module.ts b/src/app/showcase/pages/panelmenu/panelmenudemo-routing.module.ts
deleted file mode 100644
index 14e026b..0000000
--- a/src/app/showcase/pages/panelmenu/panelmenudemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { PanelMenuDemo } from './panelmenudemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: PanelMenuDemo }])],
-    exports: [RouterModule]
-})
-export class PanelMenuDemoRoutingModule {}
diff --git a/src/app/showcase/pages/panelmenu/panelmenudemo.html b/src/app/showcase/pages/panelmenu/panelmenudemo.html
deleted file mode 100644
index 44e006e..0000000
--- a/src/app/showcase/pages/panelmenu/panelmenudemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular PanelMenu Component" header="PanelMenu" description="PanelMenu is a hybrid of Accordion and Tree components." [docs]="docs" [apiDocs]="['PanelMenu', 'MenuItem']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/panelmenu/panelmenudemo.module.ts b/src/app/showcase/pages/panelmenu/panelmenudemo.module.ts
deleted file mode 100644
index 9bc479f..0000000
--- a/src/app/showcase/pages/panelmenu/panelmenudemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { PanelMenuDocModule } from '@doc/panelmenu/panelmenudoc.module';
-import { PanelMenuDemo } from './panelmenudemo';
-import { PanelMenuDemoRoutingModule } from './panelmenudemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, PanelMenuDemoRoutingModule, PanelMenuDocModule],
-    declarations: [PanelMenuDemo]
-})
-export class PanelMenuDemoModule {}
diff --git a/src/app/showcase/pages/panelmenu/panelmenudemo.ts b/src/app/showcase/pages/panelmenu/panelmenudemo.ts
deleted file mode 100644
index c7826b3..0000000
--- a/src/app/showcase/pages/panelmenu/panelmenudemo.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/panelmenu/basicdoc';
-import { ImportDoc } from '@doc/panelmenu/importdoc';
-import { StyleDoc } from '@doc/panelmenu/styledoc';
-import { MultipleDoc } from '@doc/panelmenu/multipledoc';
-import { AccessibilityDoc } from '@doc/panelmenu/accessibilitydoc';
-import { ControlledDoc } from '@doc/panelmenu/controlleddoc';
-import { TemplateDoc } from '@doc/panelmenu/templatedoc';
-import { CommandDoc } from '@doc/panelmenu/commanddoc';
-import { RouterDoc } from '@doc/panelmenu/routerdoc';
-
-@Component({
-    templateUrl: './panelmenudemo.html'
-})
-export class PanelMenuDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'multiple',
-            label: 'Multiple',
-            component: MultipleDoc
-        },
-        {
-            id: 'controlled',
-            label: 'Controlled',
-            component: ControlledDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'command',
-            label: 'Command',
-            component: CommandDoc
-        },
-        {
-            id: 'router',
-            label: 'Router',
-            component: RouterDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/partners/partners-routing.module.ts b/src/app/showcase/pages/partners/partners-routing.module.ts
deleted file mode 100644
index 8f7ba00..0000000
--- a/src/app/showcase/pages/partners/partners-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { PartnersComponent } from './partners.component';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: PartnersComponent }])],
-    exports: [RouterModule]
-})
-export class PartnersRoutingModule {}
diff --git a/src/app/showcase/pages/partners/partners.component.html b/src/app/showcase/pages/partners/partners.component.html
deleted file mode 100644
index 710c615..0000000
--- a/src/app/showcase/pages/partners/partners.component.html
+++ /dev/null
@@ -1,47 +0,0 @@
-<div>
-    <div class="doc-intro">
-        <h1>Partners</h1>
-        <p>
-            PrimeTek proudly collaborates with a diverse range of partners, each bringing their unique expertise and contributions to the table.
-            These partnerships play a pivotal role in our pursuit of delivering exceptional software solutions and driving innovation in the industry.
-        </p>
-    </div>
-
-    <div class="card">
-        <ul class="list-none p-0 m-0">
-            <li class="flex flex-col md:flex-row items-center gap-5 border-bottom-1 surface-border pb-5">
-                <div class="!w-20 text-center">
-                    <a href="https://fiyu.app/fiyu-pricing?utm_medium=referral&utm_source=primetek&utm_campaign=primetek">
-                        <img src="https://primefaces.org/cdn/primeng/images/partners/fiyu.png" alt="Fiyu" class="w-full"/>
-                    </a>
-                </div>
-                <div class="flex flex-col flex-1 gap-2">
-                    <span class="text-4xl font-bold">FIYU</span>
-                    <span class="text-lg line-height-3">Full code RAD platform with predefined modules and all around infrastructure to launch your high quality products to market in no time.</span>
-                </div>
-            </li>
-            <li class="flex flex-col md:flex-row items-center gap-5 mb-5 border-bottom-1 surface-border py-5">
-                <div class="!w-20 text-center">
-                    <a href="https://www.t2.com.tr">
-                        <img src="https://primefaces.org/cdn/primeng/images/partners/t2.svg" alt="T2" class="!w-14"/>
-                    </a>
-                </div>
-                <div class="flex flex-col flex-1 gap-2">
-                    <span class="text-4xl font-bold">T2 Software</span>
-                    <span class="text-lg line-height-3">PrimeTek is now partnering with T2 Software to connect you with experienced development teams that can build feature-rich, end-to-end custom applications.</span>
-                </div>
-            </li>
-            <li class="flex flex-col md:flex-row items-center gap-5 mb-5 pt-5">
-                <div class="!w-20">
-                    <a href="https://virtua.tech" class="block w-full text-center bg-gray-900 py-5 border-round">
-                        <img src="https://primefaces.org/cdn/primeng/images/partners/virtua.svg" alt="Virtua" class="!w-10"/>
-                    </a>
-                </div>
-                <div class="flex flex-col flex-1 gap-2">
-                    <span class="text-4xl font-bold">Virtua Tech</span>
-                    <span class="text-lg line-height-3">Virtua.tech is a PrimeTek reseller and also provides expert assistance with architecture, development, mentoring, and training for PrimeTek products as well as Capacitor, Jakarta EE, MicroProfile, and other technologies.</span>
-                </div>
-            </li>
-        </ul>
-    </div>
-</div>
diff --git a/src/app/showcase/pages/partners/partners.component.ts b/src/app/showcase/pages/partners/partners.component.ts
deleted file mode 100644
index 93b5c07..0000000
--- a/src/app/showcase/pages/partners/partners.component.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'partners',
-    templateUrl: './partners.component.html'
-})
-export class PartnersComponent {}
diff --git a/src/app/showcase/pages/partners/partners.module.ts b/src/app/showcase/pages/partners/partners.module.ts
deleted file mode 100644
index 50bf83e..0000000
--- a/src/app/showcase/pages/partners/partners.module.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { PartnersRoutingModule } from './partners-routing.module';
-import { PartnersComponent } from './partners.component';
-
-@NgModule({
-    declarations: [PartnersComponent],
-    imports: [CommonModule, PartnersRoutingModule]
-})
-export class PartnersModule {}
diff --git a/src/app/showcase/pages/password/passworddemo-routing.module.ts b/src/app/showcase/pages/password/passworddemo-routing.module.ts
deleted file mode 100644
index 9f8900f..0000000
--- a/src/app/showcase/pages/password/passworddemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { PasswordDemo } from './passworddemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: PasswordDemo }])],
-    exports: [RouterModule]
-})
-export class PasswordDemoRoutingModule {}
diff --git a/src/app/showcase/pages/password/passworddemo.html b/src/app/showcase/pages/password/passworddemo.html
deleted file mode 100644
index 148ddd3..0000000
--- a/src/app/showcase/pages/password/passworddemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Password Component" header="Password" description="Password displays strength indicator for password fields." [docs]="docs" [apiDocs]="['Password', 'PasswordDirective']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/password/passworddemo.module.ts b/src/app/showcase/pages/password/passworddemo.module.ts
deleted file mode 100644
index 0d96a9f..0000000
--- a/src/app/showcase/pages/password/passworddemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { PasswordDocModule } from '@doc/password/passworddoc.module';
-import { PasswordDemo } from './passworddemo';
-import { PasswordDemoRoutingModule } from './passworddemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, PasswordDemoRoutingModule, PasswordDocModule],
-    declarations: [PasswordDemo]
-})
-export class PasswordDemoModule {}
diff --git a/src/app/showcase/pages/password/passworddemo.ts b/src/app/showcase/pages/password/passworddemo.ts
deleted file mode 100644
index 53731aa..0000000
--- a/src/app/showcase/pages/password/passworddemo.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import { Component } from '@angular/core';
-import { ReactiveFormsDoc } from '@doc/password/reactiveformsdoc';
-import { AccessibilityDoc } from '@doc/password/accessibilitydoc';
-import { BasicDoc } from '@doc/password/basicdoc';
-import { DisabledDoc } from '@doc/password/disableddoc';
-import { FloatLabelDoc } from '@doc/password/floatlabeldoc';
-import { ImportDoc } from '@doc/password/importdoc';
-import { InvalidDoc } from '@doc/password/invaliddoc';
-import { MeterDoc } from '@doc/password/meterdoc';
-import { LocaleDoc } from '@doc/password/localedoc';
-import { StyleDoc } from '@doc/password/styledoc';
-import { TemplateDoc } from '@doc/password/templatedoc';
-import { ToggleMaskDoc } from '@doc/password/togglemaskdoc';
-import { FilledDoc } from '@doc/password/filleddoc';
-import { CustomDisabledDoc } from '@doc/password/customdisableddoc';
-
-@Component({
-    templateUrl: './passworddemo.html'
-})
-export class PasswordDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'meter',
-            label: 'Meter',
-            component: MeterDoc
-        },
-        {
-            id: 'locale',
-            label: 'Locale',
-            component: LocaleDoc
-        },
-        {
-            id: 'togglemask',
-            label: 'Toggle Mask',
-            component: ToggleMaskDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'floatlabel',
-            label: 'Float Label',
-            component: FloatLabelDoc
-        },
-        {
-            id: 'filled',
-            label: 'Filled',
-            component: FilledDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'customdisabled',
-            label: 'Custom Disabled',
-            component: CustomDisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/picklist/picklistdemo-routing.module.ts b/src/app/showcase/pages/picklist/picklistdemo-routing.module.ts
deleted file mode 100644
index e0c3c9a..0000000
--- a/src/app/showcase/pages/picklist/picklistdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { PickListDemo } from './picklistdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: PickListDemo }])],
-    exports: [RouterModule]
-})
-export class PickListDemoRoutingModule {}
diff --git a/src/app/showcase/pages/picklist/picklistdemo.html b/src/app/showcase/pages/picklist/picklistdemo.html
deleted file mode 100644
index 431fe82..0000000
--- a/src/app/showcase/pages/picklist/picklistdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular PickList Component" header="PickList" description="PickList is used to reorder items between different lists." [docs]="docs" [apiDocs]="['PickList']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/picklist/picklistdemo.module.ts b/src/app/showcase/pages/picklist/picklistdemo.module.ts
deleted file mode 100644
index 64079e1..0000000
--- a/src/app/showcase/pages/picklist/picklistdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { PicklistDocModule } from '@doc/picklist/picklistdoc.module';
-import { PickListDemo } from './picklistdemo';
-import { PickListDemoRoutingModule } from './picklistdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, PickListDemoRoutingModule, PicklistDocModule],
-    declarations: [PickListDemo]
-})
-export class PickListDemoModule {}
diff --git a/src/app/showcase/pages/picklist/picklistdemo.scss b/src/app/showcase/pages/picklist/picklistdemo.scss
deleted file mode 100644
index a236df4..0000000
--- a/src/app/showcase/pages/picklist/picklistdemo.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-.product-item {
-	display: flex;
-	align-items: center;
-	padding: .5rem;
-	width: 100%;
-
-	img {
-		width: 75px;
-        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-        margin-right: 1rem;
-	}
-
-	.product-list-detail {
-		flex: 1 1 0;
-	}
-
-	.product-list-action {
-		display: flex;
-        flex-direction: column;
-        align-items: flex-end;
-    }
-
-    .product-category-icon {
-        vertical-align: middle;
-        margin-right: .5rem;
-    }
-
-    .product-category {
-        vertical-align: middle;
-        line-height: 1;
-    }
-}
-
-@media screen and (max-width: 576px) {
-    .product-item {
-        flex-wrap: wrap;
-
-        .image-container {
-            width: 100%;
-            text-align: center;
-        }
-
-        img {
-            margin: 0 0 1rem 0;
-            width: 100px;
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/picklist/picklistdemo.ts b/src/app/showcase/pages/picklist/picklistdemo.ts
deleted file mode 100644
index 8dbe976..0000000
--- a/src/app/showcase/pages/picklist/picklistdemo.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { FilterDoc } from '@doc/picklist/filterdoc';
-import { BasicDoc } from '@doc/picklist/basicdoc';
-import { ImportDoc } from '@doc/picklist/importdoc';
-import { StyleDoc } from '@doc/picklist/styledoc';
-import { AccessibilityDoc } from '@doc/picklist/accessibilitydoc';
-
-@Component({
-    templateUrl: './picklistdemo.html',
-    styleUrls: ['./picklistdemo.scss']
-})
-export class PickListDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'filter',
-            label: 'Filter',
-            component: FilterDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/playground/playground-routing.module.ts b/src/app/showcase/pages/playground/playground-routing.module.ts
deleted file mode 100644
index 0736949..0000000
--- a/src/app/showcase/pages/playground/playground-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { PlaygroundComponent } from './playground.component';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: PlaygroundComponent }])],
-    exports: [RouterModule]
-})
-export class PlaygroundRoutingModule {}
diff --git a/src/app/showcase/pages/playground/playground.component.html b/src/app/showcase/pages/playground/playground.component.html
deleted file mode 100644
index b1c4c4d..0000000
--- a/src/app/showcase/pages/playground/playground.component.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<div class="doc">
-    <div class="doc-main">
-        <div class="doc-intro">
-            <h1>Playground</h1>
-            <p>Experience PrimeNG right now with the interactive environment.</p>
-        </div>
-        <section class="py-4">
-            <iframe class="w-full h-full"
-                style="border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; min-height: 800px" allowfullscreen
-                src="https://stackblitz.com/edit/stackblitz-starters-uttkvd?embed=1&file=src%2Fmain.ts"></iframe>
-        </section>
-    </div>
-</div>
\ No newline at end of file
diff --git a/src/app/showcase/pages/playground/playground.component.ts b/src/app/showcase/pages/playground/playground.component.ts
deleted file mode 100644
index a5b9a20..0000000
--- a/src/app/showcase/pages/playground/playground.component.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    templateUrl: './playground.component.html'
-})
-export class PlaygroundComponent {}
diff --git a/src/app/showcase/pages/playground/playground.module.ts b/src/app/showcase/pages/playground/playground.module.ts
deleted file mode 100644
index 0421bea..0000000
--- a/src/app/showcase/pages/playground/playground.module.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { PlaygroundRoutingModule } from './playground-routing.module';
-import { PlaygroundComponent } from './playground.component';
-
-@NgModule({
-    imports: [CommonModule, PlaygroundRoutingModule],
-    declarations: [PlaygroundComponent]
-})
-export class PlaygroundModule {}
diff --git a/src/app/showcase/pages/progressbar/progressbardemo-routing.module.ts b/src/app/showcase/pages/progressbar/progressbardemo-routing.module.ts
deleted file mode 100644
index 07c743b..0000000
--- a/src/app/showcase/pages/progressbar/progressbardemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ProgressBarDemo } from './progressbardemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ProgressBarDemo }])],
-    exports: [RouterModule]
-})
-export class ProgressBarDemoRoutingModule {}
diff --git a/src/app/showcase/pages/progressbar/progressbardemo.html b/src/app/showcase/pages/progressbar/progressbardemo.html
deleted file mode 100644
index 88c9ff2..0000000
--- a/src/app/showcase/pages/progressbar/progressbardemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular ProgressBar Component" header="ProgressBar" description="ProgressBar is a process status indicator." [docs]="docs" [apiDocs]="['ProgressBar']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/progressbar/progressbardemo.module.ts b/src/app/showcase/pages/progressbar/progressbardemo.module.ts
deleted file mode 100644
index 936c5e0..0000000
--- a/src/app/showcase/pages/progressbar/progressbardemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ProgressBarDocModule } from '@doc/progressbar/progressbardoc.module';
-import { ProgressBarDemo } from './progressbardemo';
-import { ProgressBarDemoRoutingModule } from './progressbardemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ProgressBarDemoRoutingModule, ProgressBarDocModule],
-    declarations: [ProgressBarDemo]
-})
-export class ProgressBarDemoModule {}
diff --git a/src/app/showcase/pages/progressbar/progressbardemo.ts b/src/app/showcase/pages/progressbar/progressbardemo.ts
deleted file mode 100644
index 6451a83..0000000
--- a/src/app/showcase/pages/progressbar/progressbardemo.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/progressbar/basicdoc';
-import { StyleDoc } from '@doc/progressbar/styledoc';
-import { ImportDoc } from '@doc/progressbar/importdoc';
-import { TemplateDoc } from '@doc/progressbar/templatedoc';
-import { IndeterminateDoc } from '@doc/progressbar/indeterminatedoc';
-import { DynamicDoc } from '@doc/progressbar/dynamicdoc';
-import { AccessibilityDoc } from '@doc/progressbar/accessibilitydoc';
-
-@Component({
-    templateUrl: './progressbardemo.html'
-})
-export class ProgressBarDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'dynamic',
-            label: 'Dynamic',
-            component: DynamicDoc
-        },
-        {
-            id: 'indeterminate',
-            label: 'Indeterminate',
-            component: IndeterminateDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/progressspinner/progressspinnerdemo-routing.module.ts b/src/app/showcase/pages/progressspinner/progressspinnerdemo-routing.module.ts
deleted file mode 100644
index 791da30..0000000
--- a/src/app/showcase/pages/progressspinner/progressspinnerdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ProgressSpinnerDemo } from './progressspinnerdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ProgressSpinnerDemo }])],
-    exports: [RouterModule]
-})
-export class ProgressSpinnerDemoRoutingModule {}
diff --git a/src/app/showcase/pages/progressspinner/progressspinnerdemo.css b/src/app/showcase/pages/progressspinner/progressspinnerdemo.css
deleted file mode 100644
index 3f4de11..0000000
--- a/src/app/showcase/pages/progressspinner/progressspinnerdemo.css
+++ /dev/null
@@ -1,35 +0,0 @@
-:host ::ng-deep .custom-spinner .p-progress-spinner-circle {
-    animation: custom-progress-spinner-dash 1.5s ease-in-out infinite, custom-progress-spinner-color 6s ease-in-out infinite;
-}
-
-@keyframes custom-progress-spinner-color {
-    100%,
-    0% {
-        stroke: #16697A;
-    }
-    40% {
-        stroke: #489FB5;
-    }
-    66% {
-        stroke: #82C0CC;
-    }
-    80%,
-    90% {
-        stroke: #FFA62B;
-    }
-}
-
-@keyframes custom-progress-spinner-dash {
-    0% {
-        stroke-dasharray: 1, 200;
-        stroke-dashoffset: 0;
-    }
-    50% {
-        stroke-dasharray: 89, 200;
-        stroke-dashoffset: -35px;
-    }
-    100% {
-        stroke-dasharray: 89, 200;
-        stroke-dashoffset: -124px;
-    }
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/progressspinner/progressspinnerdemo.html b/src/app/showcase/pages/progressspinner/progressspinnerdemo.html
deleted file mode 100644
index b9c607d..0000000
--- a/src/app/showcase/pages/progressspinner/progressspinnerdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular ProgressSpinner Component" header="ProgressSpinner" description="ProgressSpinner is a process status indicator." [docs]="docs" [apiDocs]="['ProgressSpinner']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/progressspinner/progressspinnerdemo.module.ts b/src/app/showcase/pages/progressspinner/progressspinnerdemo.module.ts
deleted file mode 100644
index 93cf9f5..0000000
--- a/src/app/showcase/pages/progressspinner/progressspinnerdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ProgressSpinnerDocModule } from '@doc/progressspinner/progressspinnerdoc.module';
-import { ProgressSpinnerDemo } from './progressspinnerdemo';
-import { ProgressSpinnerDemoRoutingModule } from './progressspinnerdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ProgressSpinnerDemoRoutingModule, ProgressSpinnerDocModule],
-    declarations: [ProgressSpinnerDemo]
-})
-export class ProgressSpinnerDemoModule {}
diff --git a/src/app/showcase/pages/progressspinner/progressspinnerdemo.ts b/src/app/showcase/pages/progressspinner/progressspinnerdemo.ts
deleted file mode 100644
index 916cc8a..0000000
--- a/src/app/showcase/pages/progressspinner/progressspinnerdemo.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/progressspinner/importdoc';
-import { BasicDoc } from '@doc/progressspinner/basicdoc';
-import { StyleDoc } from '@doc/progressspinner/styledoc';
-import { CustomDoc } from '@doc/progressspinner/customdoc';
-import { AccessibilityDoc } from '@doc/progressspinner/accessibilitydoc';
-
-@Component({
-    templateUrl: './progressspinnerdemo.html',
-    styleUrls: ['./progressspinnerdemo.css']
-})
-export class ProgressSpinnerDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'custom',
-            label: 'Custom',
-            component: CustomDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/radiobutton/radiobuttondemo-routing.module.ts b/src/app/showcase/pages/radiobutton/radiobuttondemo-routing.module.ts
deleted file mode 100644
index 7e9f22d..0000000
--- a/src/app/showcase/pages/radiobutton/radiobuttondemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { RadioButtonDemo } from './radiobuttondemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: RadioButtonDemo }])],
-    exports: [RouterModule]
-})
-export class RadioButtonDemoRoutingModule {}
diff --git a/src/app/showcase/pages/radiobutton/radiobuttondemo.html b/src/app/showcase/pages/radiobutton/radiobuttondemo.html
deleted file mode 100644
index dc0102b..0000000
--- a/src/app/showcase/pages/radiobutton/radiobuttondemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular RadioButton Component" header="RadioButton" description="RadioButton is an extension to standard radio button element with theming." [docs]="docs" [apiDocs]="['RadioButton']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/radiobutton/radiobuttondemo.module.ts b/src/app/showcase/pages/radiobutton/radiobuttondemo.module.ts
deleted file mode 100644
index 269bf21..0000000
--- a/src/app/showcase/pages/radiobutton/radiobuttondemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RadioButtonDocModule } from '@doc/radiobutton/radiobuttondoc.module';
-import { RadioButtonDemo } from './radiobuttondemo';
-import { RadioButtonDemoRoutingModule } from './radiobuttondemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, RadioButtonDemoRoutingModule, RadioButtonDocModule],
-    declarations: [RadioButtonDemo]
-})
-export class RadioButtonDemoModule {}
diff --git a/src/app/showcase/pages/radiobutton/radiobuttondemo.ts b/src/app/showcase/pages/radiobutton/radiobuttondemo.ts
deleted file mode 100644
index ddd674c..0000000
--- a/src/app/showcase/pages/radiobutton/radiobuttondemo.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Component } from '@angular/core';
-import { ReactiveFormsDoc } from '@doc/radiobutton/reactiveformsdoc';
-import { AccessibilityDoc } from '@doc/radiobutton/accessibilitydoc';
-import { DisabledDoc } from '@doc/radiobutton/disableddoc';
-import { DynamicDoc } from '@doc/radiobutton/dynamicdoc';
-import { GroupDoc } from '@doc/radiobutton/groupdoc';
-import { ImportDoc } from '@doc/radiobutton/importdoc';
-import { InvalidDoc } from '@doc/radiobutton/invaliddoc';
-import { StyleDoc } from '@doc/radiobutton/styledoc';
-import { FilledDoc } from '@doc/radiobutton/filleddoc';
-
-@Component({
-    templateUrl: './radiobuttondemo.html'
-})
-export class RadioButtonDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'group',
-            label: 'Group',
-            component: GroupDoc
-        },
-        {
-            id: 'dynamic',
-            label: 'Dynamic',
-            component: DynamicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'filled',
-            label: 'Filled',
-            component: FilledDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/rating/ratingdemo-routing.module.ts b/src/app/showcase/pages/rating/ratingdemo-routing.module.ts
deleted file mode 100644
index 0857594..0000000
--- a/src/app/showcase/pages/rating/ratingdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { RatingDemo } from './ratingdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: RatingDemo }])],
-    exports: [RouterModule]
-})
-export class RatingDemoRoutingModule {}
diff --git a/src/app/showcase/pages/rating/ratingdemo.html b/src/app/showcase/pages/rating/ratingdemo.html
deleted file mode 100644
index caf7e3d..0000000
--- a/src/app/showcase/pages/rating/ratingdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Rating Component" header="Rating" description="Rating component is a star based selection input." [docs]="docs" [apiDocs]="['Rating']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/rating/ratingdemo.module.ts b/src/app/showcase/pages/rating/ratingdemo.module.ts
deleted file mode 100644
index c8f118d..0000000
--- a/src/app/showcase/pages/rating/ratingdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RatingDocModule } from '@doc/rating/ratingdoc.module';
-import { RatingDemo } from './ratingdemo';
-import { RatingDemoRoutingModule } from './ratingdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, RatingDemoRoutingModule, RatingDocModule],
-    declarations: [RatingDemo]
-})
-export class RatingDemoModule {}
diff --git a/src/app/showcase/pages/rating/ratingdemo.ts b/src/app/showcase/pages/rating/ratingdemo.ts
deleted file mode 100644
index b937e31..0000000
--- a/src/app/showcase/pages/rating/ratingdemo.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { Component } from '@angular/core';
-import { DisabledDoc } from '@doc/rating/disableddoc';
-import { BasicDoc } from '@doc/rating/basicdoc';
-import { ImportDoc } from '@doc/rating/importdoc';
-import { NumberOfStarsDoc } from '@doc/rating/numberofstarsdoc';
-import { ReadOnlyDoc } from '@doc/rating/readonlydoc';
-import { TemplateDoc } from '@doc/rating/templatedoc';
-import { WithoutCancelDoc } from '@doc/rating/withoutcanceldoc';
-import { StyleDoc } from '@doc/rating/styledoc';
-import { AccessibilityDoc } from '@doc/rating/accessibilitydoc';
-import { ReactiveFormsDoc } from '@doc/rating/reactiveformsdoc';
-
-@Component({
-    templateUrl: './ratingdemo.html'
-})
-export class RatingDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'withoutcancel',
-            label: 'Without Cancel',
-            component: WithoutCancelDoc
-        },
-        {
-            id: 'numberofstars',
-            label: 'Number of Stars',
-            component: NumberOfStarsDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'readonly',
-            label: 'ReadOnly',
-            component: ReadOnlyDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/ripple/rippledemo-routing.module.ts b/src/app/showcase/pages/ripple/rippledemo-routing.module.ts
deleted file mode 100644
index ed41396..0000000
--- a/src/app/showcase/pages/ripple/rippledemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { RippleDemo } from './rippledemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: RippleDemo }])],
-    exports: [RouterModule]
-})
-export class RippleDemoRoutingModule {}
diff --git a/src/app/showcase/pages/ripple/rippledemo.html b/src/app/showcase/pages/ripple/rippledemo.html
deleted file mode 100644
index 4f514b1..0000000
--- a/src/app/showcase/pages/ripple/rippledemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Ripple Component" header="Ripple" description="Ripple directive adds ripple effect to the host element." [docs]="docs"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/ripple/rippledemo.module.ts b/src/app/showcase/pages/ripple/rippledemo.module.ts
deleted file mode 100644
index 53a78ad..0000000
--- a/src/app/showcase/pages/ripple/rippledemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RippleDocModule } from '@doc/ripple/rippledoc.module';
-import { RippleDemo } from './rippledemo';
-import { RippleDemoRoutingModule } from './rippledemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, RippleDemoRoutingModule, RippleDocModule],
-    declarations: [RippleDemo]
-})
-export class RippleDemoModule {}
diff --git a/src/app/showcase/pages/ripple/rippledemo.scss b/src/app/showcase/pages/ripple/rippledemo.scss
deleted file mode 100644
index 48db541..0000000
--- a/src/app/showcase/pages/ripple/rippledemo.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-:host ::ng-deep .card-container {
-    .card {
-        width: 75px;
-        height: 75px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 1rem;
-        user-select: none;
-        padding: 0;
-
-        &.primary-box {
-            background-color: var(--primary-color);
-            padding: 0;
-            color: var(--primary-color-text);
-        }
-
-        &.styled-box-green {
-            .p-ink {
-                background: rgba(#4baf50, 0.3);
-            }
-        }
-
-        &.styled-box-orange {
-            .p-ink {
-                background: rgba(#ffc106, 0.3);
-            }
-        }
-
-        &.styled-box-purple {
-            .p-ink {
-                background: rgba(#9c27b0, 0.3);
-            }
-        }
-
-        &:last-child {
-            margin-right: 0;
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/ripple/rippledemo.ts b/src/app/showcase/pages/ripple/rippledemo.ts
deleted file mode 100644
index 05fd44c..0000000
--- a/src/app/showcase/pages/ripple/rippledemo.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/ripple/importdoc';
-import { StyleDoc } from '@doc/ripple/styledoc';
-import { CustomDoc } from '@doc/ripple/customdoc';
-import { DefaultDoc } from '@doc/ripple/defaultdoc';
-import { AccessibilityDoc } from '@doc/ripple/accessibilitydoc';
-@Component({
-    templateUrl: './rippledemo.html',
-    styleUrls: ['./rippledemo.scss']
-})
-export class RippleDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'default',
-            label: 'Default',
-            component: DefaultDoc
-        },
-        {
-            id: 'custom',
-            label: 'Custom',
-            component: CustomDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/roadmap/roadmap-routing.module.ts b/src/app/showcase/pages/roadmap/roadmap-routing.module.ts
deleted file mode 100644
index 7dc298e..0000000
--- a/src/app/showcase/pages/roadmap/roadmap-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { RoadmapComponent } from './roadmap.component';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: RoadmapComponent }])],
-    exports: [RouterModule]
-})
-export class RoadmapRoutingModule {}
diff --git a/src/app/showcase/pages/roadmap/roadmap.component.html b/src/app/showcase/pages/roadmap/roadmap.component.html
deleted file mode 100644
index 435a42a..0000000
--- a/src/app/showcase/pages/roadmap/roadmap.component.html
+++ /dev/null
@@ -1,188 +0,0 @@
-<div>
-    <div class="doc-intro">
-        <h1>Roadmap</h1>
-        <p>
-            At <a href="https://www.primetek.com.tr/" class="text-primary font-medium hover:underline">PrimeTek</a>, we are passionate about improving PrimeNG and would like to share our ideas for 2024 with the community. These are planned to be
-            implemented in parallel to the regular maintenance work of the library involving review of issue tickets, PRs and PrimeNG PRO support.
-        </p>
-    </div>
-
-    <div class="overflow-auto">
-        <div style="min-width: 1200px">
-            <div class="flex gap-3 mb-3">
-                <div class="flex-shrink-0 !w-14"></div>
-                <div class="flex-1 bg-bluegray-500 text-white font-bold text-center p-3 text-xl border-round">Q1</div>
-                <div class="flex-1 bg-bluegray-500 text-white font-bold text-center p-3 text-xl border-round">Q2</div>
-                <div class="flex-1 bg-bluegray-500 text-white font-bold text-center p-3 text-xl border-round">Q3</div>
-                <div class="flex-1 bg-bluegray-500 text-white font-bold text-center p-3 text-xl border-round">Q4</div>
-            </div>
-            <div class="flex flex-col gap-3">
-                <div class="flex gap-3 border-bottom-1 surface-border pb-3">
-                    <div class="flex-shrink-0 p-3 bg-blue-500 text-white border-round font-bold text-lg flex items-center justify-center !w-14">COMPONENTS</div>
-                    <div class="flex-1 flex gap-3 flex-col">
-                        <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Unstyled Mode</h2>
-                            <p class="mt-0 mb-3 line-height-3">Initiate unstyled mode for a set of components.</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-blue-500 border-round" style="width: 10%; height: 4px"></div>
-                            </div>
-                        </div>
-                        <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Pass Through Props</h2>
-                            <p class="mt-0 mb-3 line-height-3">Implement pass through properties for a set of components.</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-blue-500 border-round" style="width: 10%; height: 4px"></div>
-                            </div>
-                        </div>
-                        <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">New Components</h2>
-                            <p class="mt-0 mb-3 line-height-3">Layout, Typography, MeterGroup, Drawer, Stepper...</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="flex-1 flex gap-3 flex-col">
-                        <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">New Styled Mode</h2>
-                            <p class="mt-0 mb-3 line-height-3">Move theming into core to replace sass repo..</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
-                            </div>
-                        </div>
-                        <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">CSS Variables</h2>
-                            <p class="mt-0 mb-3 line-height-3">Implement figma design tokens as CSS variables instead of SCSS.</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
-                            </div>
-                        </div>
-                        <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">RTL Mode</h2>
-                            <p class="mt-0 mb-3 line-height-3">RTL support for the UI components.</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="flex-1 flex gap-3 flex-col">
-                        <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Advanced Components</h2>
-                            <p class="mt-0 mb-3 line-height-3">Sheet, Event Calendar.</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="flex-1 flex gap-3 flex-col">
-                        <div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Advanced Components</h2>
-                            <p class="mt-0 mb-3 line-height-3">Gantt Chart, Flow Chart.</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="flex gap-3 border-bottom-1 surface-border pb-3">
-                    <div class="flex-shrink-0 p-3 bg-indigo-500 text-white border-round font-bold text-lg flex items-center justify-center !w-14">FIGMA UI Kit</div>
-                    <div class="flex-1 flex gap-3 flex-col">
-                        <div class="p-3 surface-card border-round border-indigo-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">New Figma Tokens</h2>
-                            <p class="mt-0 mb-3 line-height-3">Design tokens to sync with the new styled mode.</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-indigo-500 border-round" style="width: 20%; height: 4px"></div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="flex-1 flex gap-3 flex-col">
-                        <div class="p-3 surface-card border-round border-indigo-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Figma to Theme API</h2>
-                            <p class="mt-0 mb-3 line-height-3">Build the infrastructure to generate themes from Figma.</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-indigo-500 border-round" style="width: 0%; height: 4px"></div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="flex-1 flex gap-3 flex-col"></div>
-                    <div class="flex-1 flex gap-3 flex-col"></div>
-                </div>
-                <div class="flex gap-3 border-bottom-1 surface-border pb-3">
-                    <div class="flex-shrink-0 p-3 bg-teal-500 text-white border-round font-bold text-lg flex items-center justify-center !w-14">SHOWCASE</div>
-                    <div class="flex-1 flex gap-3 flex-col">
-                        <div class="p-3 surface-card border-round border-teal-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Documentation</h2>
-                            <p class="mt-0 mb-3 line-height-3">Add new demos and documentation.</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-teal-500 border-round" style="width: 10%; height: 4px"></div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="flex-1 flex gap-3 flex-col"></div>
-                    <div class="flex-1 flex gap-3 flex-col"></div>
-                    <div class="flex-1 flex gap-3 flex-col"></div>
-                </div>
-                <div class="flex gap-3 border-bottom-1 surface-border pb-3">
-                    <div class="flex-shrink-0 p-3 bg-orange-500 text-white border-round font-bold text-lg flex items-center justify-center !w-14">PRIMEBLOCKS</div>
-                    <div class="flex-1 flex gap-3 flex-col">
-                        <div class="p-3 surface-card border-round border-orange-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Blocks Update</h2>
-                            <p class="mt-0 mb-3 line-height-3">Create new blocks.</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-orange-500 border-round" style="width: 50%; height: 4px"></div>
-                            </div>
-                        </div>
-                        <div class="p-3 surface-card border-round border-orange-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Blocks Website</h2>
-                            <p class="mt-0 mb-3 line-height-3">New design for blocks application</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-orange-500 border-round" style="width: 50%; height: 4px"></div>
-                            </div>
-                        </div>
-                        <div class="p-3 surface-card border-round border-orange-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Tailwind Blocks</h2>
-                            <p class="mt-0 mb-3 line-height-3">Port the entire Blocks to Tailwind.</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-orange-500 border-round" style="width: 0%; height: 4px"></div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="flex-1 flex gap-3 flex-col">
-                        <div class="p-3 surface-card border-round border-orange-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Online App</h2>
-                            <p class="mt-0 mb-3 line-height-3">Implement a SaaS app to access the blocks instead of an offline download.</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-orange-500 border-round" style="width: 0%; height: 4px"></div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="flex-1 flex gap-3 flex-col"></div>
-                    <div class="flex-1 flex gap-3 flex-col"></div>
-                </div>
-                <div class="flex gap-3 border-bottom-1 surface-border pb-3">
-                    <div class="flex-shrink-0 p-3 bg-pink-500 text-white border-round font-bold text-lg flex items-center justify-center !w-14">DESIGN</div>
-                    <div class="flex-1 flex gap-3 flex-col">
-                        <div class="p-3 surface-card border-round border-pink-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Aura UI Theme</h2>
-                            <p class="mt-0 mb-3 line-height-3">Brand new default theme with a modern and attractive design.</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-pink-500 border-round" style="width: 80%; height: 4px"></div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="flex-1 flex gap-3 flex-col">
-                        <div class="p-3 surface-card border-round border-pink-500" style="border-left: 6px solid">
-                            <h2 class="text-lg font-bold mt-0 mb-2">Theme Editor</h2>
-                            <p class="mt-0 mb-3 line-height-3">Advanced Theme Editor App with full control over the new Styled Theming API.</p>
-                            <div class="surface-200 border-round">
-                                <div class="bg-pink-500 border-round" style="width: 0%; height: 4px"></div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="flex-1 flex gap-3 flex-col"></div>
-                    <div class="flex-1 flex gap-3 flex-col"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/src/app/showcase/pages/roadmap/roadmap.component.ts b/src/app/showcase/pages/roadmap/roadmap.component.ts
deleted file mode 100644
index e789428..0000000
--- a/src/app/showcase/pages/roadmap/roadmap.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component } from '@angular/core';
-import { Meta, Title } from '@angular/platform-browser';
-
-@Component({
-    templateUrl: './roadmap.component.html'
-})
-export class RoadmapComponent {
-    constructor(
-        private titleService: Title,
-        private metaService: Meta
-    ) {
-        this.titleService.setTitle('Roadmap - PrimeNG');
-        this.metaService.updateTag({ name: 'description', content: 'PrimeNG Roadmap' });
-    }
-}
diff --git a/src/app/showcase/pages/roadmap/roadmap.module.ts b/src/app/showcase/pages/roadmap/roadmap.module.ts
deleted file mode 100644
index 7b4e8a2..0000000
--- a/src/app/showcase/pages/roadmap/roadmap.module.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { RoadmapRoutingModule } from './roadmap-routing.module';
-import { RoadmapComponent } from './roadmap.component';
-
-@NgModule({
-    imports: [CommonModule, RoadmapRoutingModule],
-    declarations: [RoadmapComponent]
-})
-export class RoadmapModule {}
diff --git a/src/app/showcase/pages/scroller/scrollerdemo-routing.module.ts b/src/app/showcase/pages/scroller/scrollerdemo-routing.module.ts
deleted file mode 100644
index da21018..0000000
--- a/src/app/showcase/pages/scroller/scrollerdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ScrollerDemo } from './scrollerdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ScrollerDemo }])],
-    exports: [RouterModule]
-})
-export class ScrollerDemoRoutingModule {}
diff --git a/src/app/showcase/pages/scroller/scrollerdemo.html b/src/app/showcase/pages/scroller/scrollerdemo.html
deleted file mode 100644
index 572eb8d..0000000
--- a/src/app/showcase/pages/scroller/scrollerdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Scroller Component" header="Scroller" description="Scroller is a performance-approach to handle huge data efficiently." [docs]="docs" [apiDocs]="['Scroller']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/scroller/scrollerdemo.module.ts b/src/app/showcase/pages/scroller/scrollerdemo.module.ts
deleted file mode 100644
index 3b0e689..0000000
--- a/src/app/showcase/pages/scroller/scrollerdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ScrollerDocModule } from '@doc/scroller/scrollerdoc.module';
-import { ScrollerDemo } from './scrollerdemo';
-import { ScrollerDemoRoutingModule } from './scrollerdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ScrollerDocModule, ScrollerDemoRoutingModule],
-    declarations: [ScrollerDemo]
-})
-export class ScrollerDemoModule {}
diff --git a/src/app/showcase/pages/scroller/scrollerdemo.scss b/src/app/showcase/pages/scroller/scrollerdemo.scss
deleted file mode 100644
index 03ed2e7..0000000
--- a/src/app/showcase/pages/scroller/scrollerdemo.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-:host ::ng-deep {
-    .p-scroller-viewport {
-        flex: none;
-    }
-
-    .p-horizontal-scroll {
-        .p-scroller-content {
-            display: flex;
-            flex-direction: row;
-        }
-    }
-
-    p-skeleton {
-        width: 100%;
-    }
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/scroller/scrollerdemo.ts b/src/app/showcase/pages/scroller/scrollerdemo.ts
deleted file mode 100644
index 31b4430..0000000
--- a/src/app/showcase/pages/scroller/scrollerdemo.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/scroller/basicdoc';
-import { DelayDoc } from '@doc/scroller/delaydoc';
-import { HorizontalDoc } from '@doc/scroller/horizontaldoc';
-import { GridDoc } from '@doc/scroller/griddoc';
-import { ImportDoc } from '@doc/scroller/importdoc';
-import { LazyLoadDoc } from '@doc/scroller/lazyloaddoc';
-import { LoaderDoc } from '@doc/scroller/loaderdoc';
-import { ScrollOptionsDoc } from '@doc/scroller/scrolloptionsdoc';
-import { StyleDoc } from '@doc/scroller/styledoc';
-import { TemplateDoc } from '@doc/scroller/templatedoc';
-import { ProgrammaticDoc } from '@doc/scroller/programmaticdoc';
-import { AccessibilityDoc } from '@doc/scroller/accessibilitydoc';
-
-@Component({
-    templateUrl: './scrollerdemo.html',
-    styleUrls: ['./scrollerdemo.scss']
-})
-export class ScrollerDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'horizontal',
-            label: 'Horizontal',
-            component: HorizontalDoc
-        },
-        {
-            id: 'grid',
-            label: 'Grid',
-            component: GridDoc
-        },
-        {
-            id: 'programmatic',
-            label: 'Programmatic',
-            component: ProgrammaticDoc
-        },
-        {
-            id: 'loader',
-            label: 'Loader',
-            component: LoaderDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'delay',
-            label: 'Delay',
-            component: DelayDoc
-        },
-        {
-            id: 'lazy-load',
-            label: 'Lazy Load',
-            component: LazyLoadDoc
-        },
-        {
-            id: 'scroll-options',
-            label: 'Scroll Options',
-            component: ScrollOptionsDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/scrollpanel/scrollpaneldemo-routing.module.ts b/src/app/showcase/pages/scrollpanel/scrollpaneldemo-routing.module.ts
deleted file mode 100644
index c0e0e3b..0000000
--- a/src/app/showcase/pages/scrollpanel/scrollpaneldemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ScrollPanelDemo } from './scrollpaneldemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ScrollPanelDemo }])],
-    exports: [RouterModule]
-})
-export class ScrollPanelDemoRoutingModule {}
diff --git a/src/app/showcase/pages/scrollpanel/scrollpaneldemo.html b/src/app/showcase/pages/scrollpanel/scrollpaneldemo.html
deleted file mode 100644
index f81a5a8..0000000
--- a/src/app/showcase/pages/scrollpanel/scrollpaneldemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Scroll Panel Component" header="ScrollPanel" description="ScrollPanel is a cross browser, lightweight and skinnable alternative to native browser scrollbar." [docs]="docs" [apiDocs]="['ScrollPanel']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/scrollpanel/scrollpaneldemo.module.ts b/src/app/showcase/pages/scrollpanel/scrollpaneldemo.module.ts
deleted file mode 100644
index 1ac0e66..0000000
--- a/src/app/showcase/pages/scrollpanel/scrollpaneldemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ScrollPanelDocModule } from '@doc/scrollpanel/scrollpaneldoc.module';
-import { ScrollPanelDemo } from './scrollpaneldemo';
-import { ScrollPanelDemoRoutingModule } from './scrollpaneldemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ScrollPanelDemoRoutingModule, ScrollPanelDocModule],
-    declarations: [ScrollPanelDemo]
-})
-export class ScrollPanelDemoModule {}
diff --git a/src/app/showcase/pages/scrollpanel/scrollpaneldemo.scss b/src/app/showcase/pages/scrollpanel/scrollpaneldemo.scss
deleted file mode 100644
index 8af3adb..0000000
--- a/src/app/showcase/pages/scrollpanel/scrollpaneldemo.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-.p-scrollpanel {
-    p {
-        padding: 0.5rem;
-        line-height: 1.5;
-        margin: 0;
-    }
-
-    &.custombar1 {
-        .p-scrollpanel-wrapper {
-            border-right: 10px solid var(--surface-ground);
-        }
-
-        .p-scrollpanel-bar {
-            background-color: var(--primary-300);
-            transition: background-color 0.2s;
-
-            &:hover {
-                background-color: #007ad9;
-            }
-        }
-    }
-
-    &.custombar2 {
-        .p-scrollpanel-wrapper {
-            border-right: 9px solid var(--layer-1);
-            border-bottom: 9px solid var(--layer-1);
-        }
-
-        .p-scrollpanel-bar {
-            background-color: var(--surface-300);
-            border-radius: 0;
-            transition: background-color 0.2s;
-        }
-    }
-}
diff --git a/src/app/showcase/pages/scrollpanel/scrollpaneldemo.ts b/src/app/showcase/pages/scrollpanel/scrollpaneldemo.ts
deleted file mode 100644
index c894754..0000000
--- a/src/app/showcase/pages/scrollpanel/scrollpaneldemo.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { Component, ViewEncapsulation } from '@angular/core';
-import { BasicDoc } from '@doc/scrollpanel/basicdoc';
-import { ImportDoc } from '@doc/scrollpanel/importdoc';
-import { CusstomDoc } from '@doc/scrollpanel/customdoc';
-import { StyleDoc } from '@doc/scrollpanel/styledoc';
-import { AccessibilityDoc } from '@doc/scrollpanel/accessibilitydoc';
-
-@Component({
-    templateUrl: './scrollpaneldemo.html',
-    styleUrls: ['./scrollpaneldemo.scss'],
-    encapsulation: ViewEncapsulation.None
-})
-export class ScrollPanelDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'custom',
-            label: 'Custom',
-            component: CusstomDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/scrolltop/scrolltopdemo-routing.module.ts b/src/app/showcase/pages/scrolltop/scrolltopdemo-routing.module.ts
deleted file mode 100644
index 9fc05c6..0000000
--- a/src/app/showcase/pages/scrolltop/scrolltopdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ScrollTopDemo } from './scrolltopdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ScrollTopDemo }])],
-    exports: [RouterModule]
-})
-export class ScrollTopDemoRoutingModule {}
diff --git a/src/app/showcase/pages/scrolltop/scrolltopdemo.html b/src/app/showcase/pages/scrolltop/scrolltopdemo.html
deleted file mode 100644
index b4ee895..0000000
--- a/src/app/showcase/pages/scrolltop/scrolltopdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Scroll Top Component" header="ScrollTop" description="ScrollTop gets displayed after a certain scroll position and used to navigates to the top of the page quickly." [docs]="docs" [apiDocs]="['ScrollTop']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/scrolltop/scrolltopdemo.module.ts b/src/app/showcase/pages/scrolltop/scrolltopdemo.module.ts
deleted file mode 100644
index 45ed026..0000000
--- a/src/app/showcase/pages/scrolltop/scrolltopdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ScrollTopDocModule } from '@doc/scrolltop/scrolltopdoc.module';
-import { ScrollTopDemo } from './scrolltopdemo';
-import { ScrollTopDemoRoutingModule } from './scrolltopdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ScrollTopDemoRoutingModule, ScrollTopDocModule],
-    declarations: [ScrollTopDemo]
-})
-export class ScrollTopDemoModule {}
diff --git a/src/app/showcase/pages/scrolltop/scrolltopdemo.scss b/src/app/showcase/pages/scrolltop/scrolltopdemo.scss
deleted file mode 100644
index 0b5afdb..0000000
--- a/src/app/showcase/pages/scrolltop/scrolltopdemo.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-:host ::ng-deep .custom-scrolltop{
-    width: 2rem;
-    height: 2rem;
-    border-radius: 4px;
-    background-color: var(--primary-color);
-
-    &:hover {
-		background-color: var(--primary-color);
-	}
-
-    .p-scrolltop-icon {
-        font-size: 1rem;
-        color: var(--primary-color-text);
-    }
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/scrolltop/scrolltopdemo.ts b/src/app/showcase/pages/scrolltop/scrolltopdemo.ts
deleted file mode 100644
index 669baf4..0000000
--- a/src/app/showcase/pages/scrolltop/scrolltopdemo.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/scrolltop/importdoc';
-import { BasicDoc } from '@doc/scrolltop/basicdoc';
-import { StyleDoc } from '@doc/scrolltop/styledoc';
-import { ElementDoc } from '@doc/scrolltop/elementdoc';
-import { AccessibilityDoc } from '@doc/scrolltop/accessibilitydoc';
-
-@Component({
-    templateUrl: './scrolltopdemo.html',
-    styleUrls: ['./scrolltopdemo.scss']
-})
-export class ScrollTopDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'element',
-            label: 'Target Element',
-            component: ElementDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/selectbutton/selectbuttondemo-routing.module.ts b/src/app/showcase/pages/selectbutton/selectbuttondemo-routing.module.ts
deleted file mode 100644
index 125b015..0000000
--- a/src/app/showcase/pages/selectbutton/selectbuttondemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { SelectButtonDemo } from './selectbuttondemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: SelectButtonDemo }])],
-    exports: [RouterModule]
-})
-export class SelectButtonDemoRoutingModule {}
diff --git a/src/app/showcase/pages/selectbutton/selectbuttondemo.html b/src/app/showcase/pages/selectbutton/selectbuttondemo.html
deleted file mode 100644
index c300b5f..0000000
--- a/src/app/showcase/pages/selectbutton/selectbuttondemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular SelectButton Component" header="SelectButton" description="SelectButton is used to choose single or multiple items from a list using buttons." [docs]="docs" [apiDocs]="['SelectButton']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/selectbutton/selectbuttondemo.module.ts b/src/app/showcase/pages/selectbutton/selectbuttondemo.module.ts
deleted file mode 100644
index f51c247..0000000
--- a/src/app/showcase/pages/selectbutton/selectbuttondemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { SelectButtonDocModule } from '@doc/selectbutton/selectbuttondoc.module';
-import { SelectButtonDemo } from './selectbuttondemo';
-import { SelectButtonDemoRoutingModule } from './selectbuttondemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, SelectButtonDemoRoutingModule, SelectButtonDocModule],
-    declarations: [SelectButtonDemo]
-})
-export class SelectButtonDemoModule {}
diff --git a/src/app/showcase/pages/selectbutton/selectbuttondemo.ts b/src/app/showcase/pages/selectbutton/selectbuttondemo.ts
deleted file mode 100644
index d4dba65..0000000
--- a/src/app/showcase/pages/selectbutton/selectbuttondemo.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { ReactiveFormsDoc } from '@doc/selectbutton/reactiveformsdoc';
-import { AccessibilityDoc } from '@doc/selectbutton/accessibilitydoc';
-import { BasicDoc } from '@doc/selectbutton/basicdoc';
-import { DisabledDoc } from '@doc/selectbutton/disableddoc';
-import { ImportDoc } from '@doc/selectbutton/importdoc';
-import { InvalidDoc } from '@doc/selectbutton/invaliddoc';
-import { MultipleDoc } from '@doc/selectbutton/multipledoc';
-import { TemplateDoc } from '@doc/selectbutton/templatedoc';
-
-@Component({
-    templateUrl: './selectbuttondemo.html'
-})
-export class SelectButtonDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'multiple',
-            label: 'Multiple',
-            component: MultipleDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/sidebar/sidebardemo-routing.module.ts b/src/app/showcase/pages/sidebar/sidebardemo-routing.module.ts
deleted file mode 100644
index 82c7f5e..0000000
--- a/src/app/showcase/pages/sidebar/sidebardemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { SidebarDemo } from './sidebardemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: SidebarDemo }])],
-    exports: [RouterModule]
-})
-export class SidebarDemoRoutingModule {}
diff --git a/src/app/showcase/pages/sidebar/sidebardemo.html b/src/app/showcase/pages/sidebar/sidebardemo.html
deleted file mode 100644
index a228a48..0000000
--- a/src/app/showcase/pages/sidebar/sidebardemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Sidebar Component" header="Sidebar" description="Sidebar is a panel component displayed as an overlay at the edges of the screen." [docs]="docs" [apiDocs]="['Sidebar']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/sidebar/sidebardemo.module.ts b/src/app/showcase/pages/sidebar/sidebardemo.module.ts
deleted file mode 100644
index 162d119..0000000
--- a/src/app/showcase/pages/sidebar/sidebardemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { SidebarDocModule } from '@doc/sidebar/sidebardoc.module';
-import { SidebarDemo } from './sidebardemo';
-import { SidebarDemoRoutingModule } from './sidebardemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, SidebarDemoRoutingModule, SidebarDocModule],
-    declarations: [SidebarDemo]
-})
-export class SidebarDemoModule {}
diff --git a/src/app/showcase/pages/sidebar/sidebardemo.ts b/src/app/showcase/pages/sidebar/sidebardemo.ts
deleted file mode 100644
index 8207508..0000000
--- a/src/app/showcase/pages/sidebar/sidebardemo.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/sidebar/basicdoc';
-import { TemplateDoc } from '@doc/sidebar/templatedoc';
-import { ImportDoc } from '@doc/sidebar/importdoc';
-import { StyleDoc } from '@doc/sidebar/styledoc';
-import { PositionDoc } from '@doc/sidebar/positiondoc';
-import { FullScreenDoc } from '@doc/sidebar/fullscreendoc';
-import { SizeDoc } from '@doc/sidebar/sizedoc';
-import { HeadlessDoc } from '@doc/sidebar/headlessdoc';
-import { AccessibilityDoc } from '@doc/sidebar/accessibilitydoc';
-import { ModalDoc } from '@doc/sidebar/modaldoc';
-
-@Component({
-    templateUrl: './sidebardemo.html'
-})
-export class SidebarDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'modal',
-            label: 'Modal',
-            component: ModalDoc
-        },
-        {
-            id: 'position',
-            label: 'Position',
-            component: PositionDoc
-        },
-        {
-            id: 'size',
-            label: 'Size',
-            component: SizeDoc
-        },
-        {
-            id: 'fullscreen',
-            label: 'Full Screen',
-            component: FullScreenDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'headless',
-            label: 'Headless',
-            component: HeadlessDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/skeleton/skeletondemo-routing.module.ts b/src/app/showcase/pages/skeleton/skeletondemo-routing.module.ts
deleted file mode 100644
index 92693c0..0000000
--- a/src/app/showcase/pages/skeleton/skeletondemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { SkeletonDemo } from './skeletondemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: SkeletonDemo }])],
-    exports: [RouterModule]
-})
-export class SkeletonDemoRoutingModule {}
diff --git a/src/app/showcase/pages/skeleton/skeletondemo.html b/src/app/showcase/pages/skeleton/skeletondemo.html
deleted file mode 100644
index a413317..0000000
--- a/src/app/showcase/pages/skeleton/skeletondemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Skeleton Component" header="Skeleton" description="Skeleton is a placeholder to display instead of the actual content." [docs]="docs" [apiDocs]="['Skeleton']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/skeleton/skeletondemo.module.ts b/src/app/showcase/pages/skeleton/skeletondemo.module.ts
deleted file mode 100644
index 03b8a83..0000000
--- a/src/app/showcase/pages/skeleton/skeletondemo.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { SkeletonDocModule } from '@doc/skeleton/skeletondoc.module';
-import { AppDocModule } from '@layout/doc/app.doc.module';
-import { SkeletonDemo } from './skeletondemo';
-import { SkeletonDemoRoutingModule } from './skeletondemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, SkeletonDemoRoutingModule, AppDocModule, SkeletonDocModule],
-    declarations: [SkeletonDemo]
-})
-export class SkeletonDemoModule {}
diff --git a/src/app/showcase/pages/skeleton/skeletondemo.scss b/src/app/showcase/pages/skeleton/skeletondemo.scss
deleted file mode 100644
index c4278ae..0000000
--- a/src/app/showcase/pages/skeleton/skeletondemo.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-.custom-skeleton {
-    border: 1px solid var(--surface-d);
-    border-borderRadius: 4px;
-
-    ul {
-        list-style: none;
-    }
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/skeleton/skeletondemo.ts b/src/app/showcase/pages/skeleton/skeletondemo.ts
deleted file mode 100644
index c0cdf8b..0000000
--- a/src/app/showcase/pages/skeleton/skeletondemo.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Component } from '@angular/core';
-import { StyleDoc } from '@doc/skeleton/styledoc';
-import { CardDoc } from '@doc/skeleton/carddoc';
-import { DataTableDoc } from '@doc/skeleton/datatabledoc';
-import { ImportDoc } from '@doc/skeleton/importdoc';
-import { ListDoc } from '@doc/skeleton/listdoc';
-import { ShapesDoc } from '@doc/skeleton/shapesdoc';
-import { AccessibilityDoc } from '@doc/skeleton/accessibilitydoc';
-
-@Component({
-    templateUrl: './skeletondemo.html',
-    styleUrls: ['./skeletondemo.scss']
-})
-export class SkeletonDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'shapes',
-            label: 'Shapes',
-            component: ShapesDoc
-        },
-        {
-            id: 'card',
-            label: 'Card',
-            component: CardDoc
-        },
-        {
-            id: 'list',
-            label: 'List',
-            component: ListDoc
-        },
-        {
-            id: 'datatable',
-            label: 'DataTable',
-            component: DataTableDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/slider/sliderdemo-routing.module.ts b/src/app/showcase/pages/slider/sliderdemo-routing.module.ts
deleted file mode 100644
index b5e77bb..0000000
--- a/src/app/showcase/pages/slider/sliderdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { SliderDemo } from './sliderdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: SliderDemo }])],
-    exports: [RouterModule]
-})
-export class SliderDemoRoutingModule {}
diff --git a/src/app/showcase/pages/slider/sliderdemo.html b/src/app/showcase/pages/slider/sliderdemo.html
deleted file mode 100644
index d01db7b..0000000
--- a/src/app/showcase/pages/slider/sliderdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Slider Component" header="Slider" description="Slider is a component to provide input with a drag handle." [docs]="docs" [apiDocs]="['Slider']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/slider/sliderdemo.module.ts b/src/app/showcase/pages/slider/sliderdemo.module.ts
deleted file mode 100644
index 707832b..0000000
--- a/src/app/showcase/pages/slider/sliderdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { SliderDocModule } from '@doc/slider/sliderdoc.module';
-import { SliderDemo } from './sliderdemo';
-import { SliderDemoRoutingModule } from './sliderdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, SliderDemoRoutingModule, SliderDocModule],
-    declarations: [SliderDemo]
-})
-export class SliderDemoModule {}
diff --git a/src/app/showcase/pages/slider/sliderdemo.scss b/src/app/showcase/pages/slider/sliderdemo.scss
deleted file mode 100644
index 94d151f..0000000
--- a/src/app/showcase/pages/slider/sliderdemo.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-.p-inputtext {
-    width: 14rem;
-}
-
-.p-slider-vertical {
-     height: 14rem;
-}
-
-:host ::ng-deep .p-slider-horizontal {
-    width: 14rem;
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/slider/sliderdemo.ts b/src/app/showcase/pages/slider/sliderdemo.ts
deleted file mode 100644
index 83a98c3..0000000
--- a/src/app/showcase/pages/slider/sliderdemo.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { Component } from '@angular/core';
-import { ReactiveFormsDoc } from '@doc/slider/reactiveformsdoc';
-import { AccessibilityDoc } from '@doc/slider/accessibilitydoc';
-import { BasicDoc } from '@doc/slider/basicdoc';
-import { ImportDoc } from '@doc/slider/importdoc';
-import { InputDoc } from '@doc/slider/inputdoc';
-import { RangeDoc } from '@doc/slider/rangedoc';
-import { StepDoc } from '@doc/slider/stepdoc';
-import { StyleDoc } from '@doc/slider/styledoc';
-import { VerticalDoc } from '@doc/slider/verticaldoc';
-import { DisabledDoc } from '@doc/slider/disableddoc';
-
-@Component({
-    templateUrl: './sliderdemo.html',
-    styleUrls: ['./sliderdemo.scss']
-})
-export class SliderDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'input',
-            label: 'Input',
-            component: InputDoc
-        },
-        {
-            id: 'step',
-            label: 'Step',
-            component: StepDoc
-        },
-        {
-            id: 'range',
-            label: 'Range',
-            component: RangeDoc
-        },
-        {
-            id: 'vertical',
-            label: 'Vertical',
-            component: VerticalDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        },
-    ];
-}
diff --git a/src/app/showcase/pages/speeddial/speeddialdemo-routing.module.ts b/src/app/showcase/pages/speeddial/speeddialdemo-routing.module.ts
deleted file mode 100644
index 6f98b01..0000000
--- a/src/app/showcase/pages/speeddial/speeddialdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { SpeedDialDemo } from './speeddialdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: SpeedDialDemo }])],
-    exports: [RouterModule]
-})
-export class SpeedDialDemoRoutingModule {}
diff --git a/src/app/showcase/pages/speeddial/speeddialdemo.html b/src/app/showcase/pages/speeddial/speeddialdemo.html
deleted file mode 100644
index 284271e..0000000
--- a/src/app/showcase/pages/speeddial/speeddialdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Speed Dial Component" header="Speed Dial" description="SpeedDial is a floating button with a popup menu." [docs]="docs" [apiDocs]="['SpeedDial']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/speeddial/speeddialdemo.module.ts b/src/app/showcase/pages/speeddial/speeddialdemo.module.ts
deleted file mode 100644
index b600a09..0000000
--- a/src/app/showcase/pages/speeddial/speeddialdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { SpeedDialDocModule } from '@doc/speeddial/speeddialdoc.module';
-import { SpeedDialDemo } from './speeddialdemo';
-import { SpeedDialDemoRoutingModule } from './speeddialdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, SpeedDialDemoRoutingModule, SpeedDialDocModule],
-    declarations: [SpeedDialDemo]
-})
-export class SpeedDialDemoModule {}
diff --git a/src/app/showcase/pages/speeddial/speeddialdemo.scss b/src/app/showcase/pages/speeddial/speeddialdemo.scss
deleted file mode 100644
index 409ab35..0000000
--- a/src/app/showcase/pages/speeddial/speeddialdemo.scss
+++ /dev/null
@@ -1,103 +0,0 @@
-:host ::ng-deep {
-    .speeddial-linear-demo {
-        .p-speeddial-direction-up {
-            left: calc(50% - 2rem);
-            bottom: 0;
-        }
-
-        .p-speeddial-direction-down {
-            left: calc(50% - 2rem);
-            top: 0;
-        }
-
-        .p-speeddial-direction-left {
-            right: 0;
-            top: calc(50% - 2rem);
-        }
-
-        .p-speeddial-direction-right {
-            left: 0;
-            top: calc(50% - 2rem);
-        }
-    }
-
-    .speeddial-circle-demo {
-        .p-speeddial-circle {
-            top: calc(50% - 2rem);
-            left: calc(50% - 2rem);
-        }
-
-        .p-speeddial-semi-circle {
-            &.p-speeddial-direction-up {
-                left: calc(50% - 2rem);
-                bottom: 0;
-            }
-
-            &.p-speeddial-direction-down {
-                left: calc(50% - 2rem);
-                top: 0;
-            }
-
-            &.p-speeddial-direction-left {
-                right: 0;
-                top: calc(50% - 2rem);
-            }
-
-            &.p-speeddial-direction-right {
-                left: 0;
-                top: calc(50% - 2rem);
-            }
-        }
-
-        .p-speeddial-quarter-circle {
-            &.p-speeddial-direction-up-left {
-                right: 0;
-                bottom: 0;
-            }
-
-            &.p-speeddial-direction-up-right {
-                left: 0;
-                bottom: 0;
-            }
-
-            &.p-speeddial-direction-down-left {
-                right: 0;
-                top: 0;
-            }
-
-            &.p-speeddial-direction-down-right {
-                left: 0;
-                top: 0;
-            }
-        }
-    }
-
-    .speeddial-tooltip-demo {
-        .p-speeddial-direction-up {
-            &.speeddial-left {
-                left: 0;
-                bottom: 0;
-            }
-
-            &.speeddial-right {
-                right: 0;
-                bottom: 0;
-            }
-        }
-    }
-
-    .speeddial-delay-demo {
-        .p-speeddial-direction-up {
-            left: calc(50% - 2rem);
-            bottom: 0;
-        }
-    }
-
-    .speeddial-mask-demo {
-        .p-speeddial-direction-up {
-            right: 0;
-            bottom: 0;
-        }
-    }
-
-}
diff --git a/src/app/showcase/pages/speeddial/speeddialdemo.ts b/src/app/showcase/pages/speeddial/speeddialdemo.ts
deleted file mode 100644
index a7d94fe..0000000
--- a/src/app/showcase/pages/speeddial/speeddialdemo.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { Component } from '@angular/core';
-import { AccessibilityDoc } from '@doc/speeddial/accessibilitydoc';
-import { CircleDoc } from '@doc/speeddial/circledoc';
-import { CustomDoc } from '@doc/speeddial/customdoc';
-import { ImportDoc } from '@doc/speeddial/importdoc';
-import { LinearDoc } from '@doc/speeddial/lineardoc';
-import { MaskDoc } from '@doc/speeddial/maskdoc';
-import { QuarterCircleDoc } from '@doc/speeddial/quartercircledoc';
-import { SemiCircleDoc } from '@doc/speeddial/semicircledoc';
-import { StyleDoc } from '@doc/speeddial/styledoc';
-import { TooltipDoc } from '@doc/speeddial/tooltipdoc';
-
-@Component({
-    templateUrl: './speeddialdemo.html',
-    styleUrls: ['./speeddialdemo.scss']
-})
-export class SpeedDialDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'linear',
-            label: 'Linear',
-            component: LinearDoc
-        },
-        {
-            id: 'circle',
-            label: 'Circle',
-            component: CircleDoc
-        },
-        {
-            id: 'semicircle',
-            label: 'Semi Circle',
-            component: SemiCircleDoc
-        },
-        {
-            id: 'quartercircle',
-            label: 'Quarter Circle',
-            component: QuarterCircleDoc
-        },
-        {
-            id: 'tooltip',
-            label: 'Tooltip',
-            component: TooltipDoc
-        },
-        {
-            id: 'mask',
-            label: 'Mask',
-            component: MaskDoc
-        },
-        {
-            id: 'custom',
-            label: 'Custom',
-            component: CustomDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/splitbutton/splitbuttondemo-routing.module.ts b/src/app/showcase/pages/splitbutton/splitbuttondemo-routing.module.ts
deleted file mode 100644
index e014042..0000000
--- a/src/app/showcase/pages/splitbutton/splitbuttondemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { SplitButtonDemo } from './splitbuttondemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: SplitButtonDemo }])],
-    exports: [RouterModule]
-})
-export class SplitButtonDemoRoutingModule {}
diff --git a/src/app/showcase/pages/splitbutton/splitbuttondemo.html b/src/app/showcase/pages/splitbutton/splitbuttondemo.html
deleted file mode 100644
index e650d1d..0000000
--- a/src/app/showcase/pages/splitbutton/splitbuttondemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular SplitButton Component" header="SplitButton" description="SplitButton groups a set of commands in an overlay with a default action item." [docs]="docs" [apiDocs]="['SplitButton']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/splitbutton/splitbuttondemo.module.ts b/src/app/showcase/pages/splitbutton/splitbuttondemo.module.ts
deleted file mode 100644
index 78fc9c3..0000000
--- a/src/app/showcase/pages/splitbutton/splitbuttondemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { SplitButtonDocModule } from '@doc/splitbutton/splitbuttondoc.module';
-import { SplitButtonDemo } from './splitbuttondemo';
-import { SplitButtonDemoRoutingModule } from './splitbuttondemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, SplitButtonDemoRoutingModule, SplitButtonDocModule],
-    declarations: [SplitButtonDemo]
-})
-export class SplitButtonDemoModule {}
diff --git a/src/app/showcase/pages/splitbutton/splitbuttondemo.ts b/src/app/showcase/pages/splitbutton/splitbuttondemo.ts
deleted file mode 100644
index 645c4c8..0000000
--- a/src/app/showcase/pages/splitbutton/splitbuttondemo.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import { Component } from '@angular/core';
-import { TextDoc } from '@doc/splitbutton/textdoc';
-import { BasicDoc } from '@doc/splitbutton/basicdoc';
-import { ImportDoc } from '@doc/splitbutton/importdoc';
-import { NestedDoc } from '@doc/splitbutton/nesteddoc';
-import { RaisedDoc } from '@doc/splitbutton/raiseddoc';
-import { RoundedDoc } from '@doc/splitbutton/roundeddoc';
-import { SeverityDoc } from '@doc/splitbutton/severitydoc';
-import { RaisedTextDoc } from '@doc/splitbutton/raisedtextdoc';
-import { OutlinedDoc } from '@doc/splitbutton/outlineddoc';
-import { SizesDoc } from '@doc/splitbutton/sizesdoc';
-import { DisabledDoc } from '@doc/splitbutton/disableddoc';
-import { TemplateDoc } from '@doc/splitbutton/templatedoc';
-import { StyleDoc } from '@doc/splitbutton/styledoc';
-import { AccessibilityDoc } from '@doc/splitbutton/accessibilitydoc';
-
-@Component({
-    templateUrl: './splitbuttondemo.html'
-})
-export class SplitButtonDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'nested',
-            label: 'Nested',
-            component: NestedDoc
-        },
-        {
-            id: 'severity',
-            label: 'Severity',
-            component: SeverityDoc
-        },
-        {
-            id: 'raised',
-            label: 'Raised',
-            component: RaisedDoc
-        },
-        {
-            id: 'rounded',
-            label: 'Rounded',
-            component: RoundedDoc
-        },
-        {
-            id: 'text',
-            label: 'Text',
-            component: TextDoc
-        },
-        {
-            id: 'raisedtext',
-            label: 'Raised Text',
-            component: RaisedTextDoc
-        },
-        {
-            id: 'outlined',
-            label: 'Outlined',
-            component: OutlinedDoc
-        },
-        {
-            id: 'sizes',
-            label: 'Sizes',
-            component: SizesDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/splitter/splitterdemo-routing.module.ts b/src/app/showcase/pages/splitter/splitterdemo-routing.module.ts
deleted file mode 100644
index 6d24f4c..0000000
--- a/src/app/showcase/pages/splitter/splitterdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { SplitterDemo } from './splitterdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: SplitterDemo }])],
-    exports: [RouterModule]
-})
-export class SplitterDemoRoutingModule {}
diff --git a/src/app/showcase/pages/splitter/splitterdemo.html b/src/app/showcase/pages/splitter/splitterdemo.html
deleted file mode 100644
index c255baf..0000000
--- a/src/app/showcase/pages/splitter/splitterdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Splitter Component" header="Splitter" description="Splitter is utilized to separate and resize panels." [docs]="docs" [apiDocs]="['Splitter']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/splitter/splitterdemo.module.ts b/src/app/showcase/pages/splitter/splitterdemo.module.ts
deleted file mode 100644
index e8cc2b3..0000000
--- a/src/app/showcase/pages/splitter/splitterdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { SplitterDocModule } from '@doc/splitter/splitterdoc.module';
-import { SplitterDemo } from './splitterdemo';
-import { SplitterDemoRoutingModule } from './splitterdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, SplitterDemoRoutingModule, SplitterDocModule],
-    declarations: [SplitterDemo]
-})
-export class SplitterDemoModule {}
diff --git a/src/app/showcase/pages/splitter/splitterdemo.ts b/src/app/showcase/pages/splitter/splitterdemo.ts
deleted file mode 100644
index 6636d07..0000000
--- a/src/app/showcase/pages/splitter/splitterdemo.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-import { SizeDoc } from '@doc/splitter/sizedoc';
-import { HorizontalDoc } from '@doc/splitter/horizontaldoc';
-import { ImportDoc } from '@doc/splitter/importdoc';
-import { VerticalDoc } from '@doc/splitter/verticaldoc';
-import { NestedDoc } from '@doc/splitter/nesteddoc';
-import { StyleDoc } from '@doc/splitter/styledoc';
-import { AccessibilityDoc } from '@doc/splitter/accessibilitydoc';
-
-@Component({
-    templateUrl: './splitterdemo.html'
-})
-export class SplitterDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'horizontal',
-            label: 'Horizontal',
-            component: HorizontalDoc
-        },
-        {
-            id: 'size',
-            label: 'Size',
-            component: SizeDoc
-        },
-        {
-            id: 'vertical',
-            label: 'Vertical',
-            component: VerticalDoc
-        },
-        {
-            id: 'nested',
-            label: 'Nested',
-            component: NestedDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/stepper/stepperdemo-routing.module.ts b/src/app/showcase/pages/stepper/stepperdemo-routing.module.ts
deleted file mode 100644
index 253d2bc..0000000
--- a/src/app/showcase/pages/stepper/stepperdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { StepperDemo } from './stepperdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: StepperDemo }])],
-    exports: [RouterModule]
-})
-export class StepperDemoRoutingModule {}
diff --git a/src/app/showcase/pages/stepper/stepperdemo.html b/src/app/showcase/pages/stepper/stepperdemo.html
deleted file mode 100644
index 697cf68..0000000
--- a/src/app/showcase/pages/stepper/stepperdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Stepper Component" header="Stepper" description="The Stepper component displays a wizard-like workflow by guiding users through the multi-step progression." [docs]="docs" [apiDocs]="['Stepper','StepperPanel']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/stepper/stepperdemo.module.ts b/src/app/showcase/pages/stepper/stepperdemo.module.ts
deleted file mode 100644
index 47e89c3..0000000
--- a/src/app/showcase/pages/stepper/stepperdemo.module.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { StepperDemo } from './stepperdemo';
-import { StepperDemoRoutingModule } from './stepperdemo-routing.module';
-import { StepperDocModule } from '@doc/stepper/stepperdoc.module';
-@NgModule({
-    imports: [CommonModule, StepperDemoRoutingModule, StepperDocModule],
-    declarations: [StepperDemo]
-})
-export class StepperDemoModule {}
diff --git a/src/app/showcase/pages/stepper/stepperdemo.ts b/src/app/showcase/pages/stepper/stepperdemo.ts
deleted file mode 100644
index 6854688..0000000
--- a/src/app/showcase/pages/stepper/stepperdemo.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/stepper/importdoc';
-import { BasicDoc } from '@doc/stepper/basicdoc';
-import { VerticalDoc } from '@doc/stepper/verticaldoc';
-import { LinearDoc } from '@doc/stepper/lineardoc';
-import { TemplateDoc } from '@doc/stepper/templatedoc';
-import { AccessibilityDoc } from '@doc/stepper/accessibilitydoc';
-@Component({
-    templateUrl: './stepperdemo.html'
-})
-export class StepperDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'vertical',
-            label: 'Vertical',
-            component: VerticalDoc
-        },
-        {
-            id: 'linear',
-            label: 'Linear',
-            component: LinearDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/steps/stepsdemo-routing.module.ts b/src/app/showcase/pages/steps/stepsdemo-routing.module.ts
deleted file mode 100644
index 57c7f6c..0000000
--- a/src/app/showcase/pages/steps/stepsdemo-routing.module.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ConfirmationDemo } from '@doc/steps/confirmationdemo';
-import { PaymentDemo } from '@doc/steps/paymentdemo';
-import { PersonalDemo } from '@doc/steps/personaldemo';
-import { SeatDemo } from '@doc/steps/seatdemo';
-import { StepsDemo } from './stepsdemo';
-
-@NgModule({
-    imports: [
-        RouterModule.forChild([
-            {
-                path: '',
-                component: StepsDemo,
-                children: [
-                    { path: 'personal', component: PersonalDemo },
-                    { path: 'seat', component: SeatDemo },
-                    { path: 'payment', component: PaymentDemo },
-                    { path: 'confirmation', component: ConfirmationDemo },
-                    { path: '', redirectTo: 'personal', pathMatch: 'full' }
-                ]
-            }
-        ])
-    ],
-    exports: [RouterModule]
-})
-export class StepsDemoRoutingModule {}
diff --git a/src/app/showcase/pages/steps/stepsdemo.html b/src/app/showcase/pages/steps/stepsdemo.html
deleted file mode 100644
index 5782954..0000000
--- a/src/app/showcase/pages/steps/stepsdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Steps Component" header="Steps" description="Steps also known as Stepper, is an indicator for the steps in a workflow. Layout of steps component is optimized for responsive design." [docs]="docs" [apiDocs]="['Steps', 'MenuItem']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/steps/stepsdemo.module.ts b/src/app/showcase/pages/steps/stepsdemo.module.ts
deleted file mode 100644
index b814d51..0000000
--- a/src/app/showcase/pages/steps/stepsdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { StepsDocModule } from '@doc/steps/stepsdoc.module';
-import { StepsDemo } from './stepsdemo';
-import { StepsDemoRoutingModule } from './stepsdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, StepsDemoRoutingModule, StepsDocModule],
-    declarations: [StepsDemo]
-})
-export class StepsDemoModule {}
diff --git a/src/app/showcase/pages/steps/stepsdemo.scss b/src/app/showcase/pages/steps/stepsdemo.scss
deleted file mode 100644
index 94fa1f4..0000000
--- a/src/app/showcase/pages/steps/stepsdemo.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-:host ::ng-deep b {
-    display: block
-}
-
-:host ::ng-deep .p-card-body {
-    padding: 2rem;
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/steps/stepsdemo.ts b/src/app/showcase/pages/steps/stepsdemo.ts
deleted file mode 100644
index 59f51da..0000000
--- a/src/app/showcase/pages/steps/stepsdemo.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/steps/basicdoc';
-import { ImportDoc } from '@doc/steps/importdoc';
-import { InteractiveDoc } from '@doc/steps/interactivedoc';
-import { StyleDoc } from '@doc/steps/styledoc';
-import { RoutingDoc } from '@doc/steps/routingdoc';
-import { AccessibilityDoc } from '@doc/steps/accessibilitydoc';
-import { ControlledDoc } from '@doc/steps/controlleddoc';
-
-@Component({
-    templateUrl: './stepsdemo.html',
-    styleUrls: ['stepsdemo.scss']
-})
-export class StepsDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'controlled',
-            label: 'Controlled',
-            component: ControlledDoc
-        },
-        {
-            id: 'interactive',
-            label: 'Interactive',
-            component: InteractiveDoc
-        },
-        {
-            id: 'routing',
-            label: 'Routing',
-            component: RoutingDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/styleclass/styleclassdemo-routing.module.ts b/src/app/showcase/pages/styleclass/styleclassdemo-routing.module.ts
deleted file mode 100644
index d3f6d80..0000000
--- a/src/app/showcase/pages/styleclass/styleclassdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { StyleClassDemo } from './styleclassdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: StyleClassDemo }])],
-    exports: [RouterModule]
-})
-export class StyleClassDemoRoutingModule {}
diff --git a/src/app/showcase/pages/styleclass/styleclassdemo.html b/src/app/showcase/pages/styleclass/styleclassdemo.html
deleted file mode 100644
index 0d5924e..0000000
--- a/src/app/showcase/pages/styleclass/styleclassdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular StyleClass Component" header="StyleClass" description="StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element." [docs]="docs" [apiDocs]="['StyleClass']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/styleclass/styleclassdemo.module.ts b/src/app/showcase/pages/styleclass/styleclassdemo.module.ts
deleted file mode 100644
index d416ff7..0000000
--- a/src/app/showcase/pages/styleclass/styleclassdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { StyleClassDocModule } from '@doc/styleclass/styleclassdoc.module';
-import { StyleClassDemo } from './styleclassdemo';
-import { StyleClassDemoRoutingModule } from './styleclassdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, StyleClassDemoRoutingModule, StyleClassDocModule],
-    declarations: [StyleClassDemo]
-})
-export class StyleClassDemoModule {}
diff --git a/src/app/showcase/pages/styleclass/styleclassdemo.ts b/src/app/showcase/pages/styleclass/styleclassdemo.ts
deleted file mode 100644
index 047597f..0000000
--- a/src/app/showcase/pages/styleclass/styleclassdemo.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/styleclass/importdoc';
-import { AnimationDoc } from '@doc/styleclass/animationdoc';
-import { ToggleClassDoc } from '@doc/styleclass/toggleclassdoc';
-
-@Component({
-    templateUrl: './styleclassdemo.html'
-})
-export class StyleClassDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'toggleclass',
-            label: 'Toggle Class',
-            component: ToggleClassDoc
-        },
-        {
-            id: 'animation',
-            label: 'Animation',
-            component: AnimationDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/support/support-routing.module.ts b/src/app/showcase/pages/support/support-routing.module.ts
deleted file mode 100644
index d6985cf..0000000
--- a/src/app/showcase/pages/support/support-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { SupportComponent } from './support.component';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: SupportComponent }])],
-    exports: [RouterModule]
-})
-export class SupportRoutingModule {}
diff --git a/src/app/showcase/pages/support/support.component.html b/src/app/showcase/pages/support/support.component.html
deleted file mode 100644
index 60ccb09..0000000
--- a/src/app/showcase/pages/support/support.component.html
+++ /dev/null
@@ -1,253 +0,0 @@
-<div>
-    <div class="flex flex-col md:flex-row mb-5 gap-5">
-        <div class="card flex-1 m-0 relative overflow-hidden">
-            <i class="pi pi-github absolute opacity-20" style="bottom: -50px; right: -50px; font-size: 200px; transform: rotateX(45deg) rotateY(0deg) rotateZ(-45deg)"></i>
-            <div class="text-2xl font-semibold mb-3 relative">Community Support</div>
-            <p class="m-0 line-height-3 relative text-lg">
-                <a href="https://github.com/orgs/primefaces/discussions" class="text-primary font-medium hover:underline" target="_blank" rel="noopener noreferrer">Forum</a> and
-                <a href="https://discord.gg/gzKFYnpmCY" class="text-primary font-medium hover:underline" target="_blank" rel="noopener noreferrer">Discord</a> are where the community users gather to seek support, post topics and discuss the
-                technology. GitHub issue is the channel for the community users to create tickets however PrimeTek does not guarantee a response time although they are monitored and maintained by our staff. If you need to secure a response, you may
-                consider PRO support instead.
-            </p>
-        </div>
-        <div class="card m-0 flex-1 bg-primary text-primary-contrast font-medium">
-            <div class="text-2xl font-semibold mb-3">Professional Support</div>
-            <p class="m-0 line-height-3 text-lg">
-                With PRO support, it's easy to support, tune, and add features to PrimeNG as an in-house library. With the exclusive services of a PRO account, you no longer need to post questions in the community forum and the community issue
-                tracker at GitHub. Service is delivered via a private issue tracker based on a one-business-day response time.
-            </p>
-        </div>
-    </div>
-
-    <div class="grid mb-5">
-        <div class="col-12 lg:col-4">
-            <div class="card m-0">
-                <div class="flex items-center justify-between mb-3">
-                    <div class="text-2xl font-semibold">Service Features</div>
-                    <span class="font-bold text-lg">$200/h</span>
-                </div>
-                <div class="gap-5 px-3">
-                    <ul class="flex-auto list-none m-0 p-0 text-lg">
-                        <li class="flex items-center mb-3">
-                            <i class="pi pi-check-circle mr-3 text-green-500"></i>
-                            <span class="line-height-3">Private Issue Tracker</span>
-                        </li>
-                        <li class="flex items-center mb-3">
-                            <i class="pi pi-check-circle mr-3 text-green-500"></i>
-                            <span class="line-height-3">Response within 1 business day</span>
-                        </li>
-                        <li class="flex items-center mb-3">
-                            <i class="pi pi-check-circle mr-3 text-green-500"></i>
-                            <span class="line-height-3">Unlimited Number of Tickets</span>
-                        </li>
-                        <li class="flex items-center mb-3">
-                            <i class="pi pi-check-circle mr-3 text-green-500"></i>
-                            <span class="line-height-3">Hourly Support Model</span>
-                        </li>
-                        <li class="flex items-center mb-3">
-                            <i class="pi pi-check-circle mr-3 text-green-500"></i>
-                            <span class="line-height-3">1 year term</span>
-                        </li>
-                        <li class="flex items-center mb-3">
-                            <i class="pi pi-check-circle mr-3 text-green-500"></i>
-                            <span class="line-height-3">Minimum 25 Hours for initiation</span>
-                        </li>
-                        <li class="flex items-center mb-3">
-                            <i class="pi pi-check-circle mr-3 text-green-500"></i>
-                            <span class="line-height-3">Up to 5 accounts</span>
-                        </li>
-                        <li class="flex items-center mb-3">
-                            <i class="pi pi-check-circle mr-3 text-green-500"></i>
-                            <span class="line-height-3">Maintenance for Any Version</span>
-                        </li>
-                        <li class="flex items-center mb-3">
-                            <i class="pi pi-check-circle mr-3 text-green-500"></i>
-                            <span class="line-height-3">New Features</span>
-                        </li>
-                        <li class="flex items-center">
-                            <i class="pi pi-check-circle mr-3 text-green-500"></i>
-                            <span class="line-height-3">POC implementations of a requirement</span>
-                        </li>
-                    </ul>
-                </div>
-                <a href="mailto:primetek.com.tr?subject=PrimeNG%20PRO%20Support" class="block mt-4 w-full bg-primary border-round py-2 px-3 text-center transition-all duration-300 text-primary-contrast font-semibold text-lg leading-none">
-                    Buy Now
-                </a>
-            </div>
-        </div>
-        <div class="col-12 lg:col-8">
-            <div class="card m-0 h-full">
-                <div class="text-2xl font-semibold mb-3">How It Works</div>
-                <ul class="flex flex-col gap-3 list-none m-0 p-0 text-lg">
-                    <li>
-                        <div class="font-semibold mb-2">1. Purchase PRO Support</div>
-                        <span class="line-height-3">Contact <a href="mailto:contact@primetek.com.tr" target="_blank" rel="noopener noreferrer" class="text-primary font-medium hover:underline">PrimeTek</a> to purchase support.</span>
-                    </li>
-                    <li>
-                        <div class="font-semibold mb-2">2. Setup</div>
-                        <span class="line-height-3">A private repository with an exclusive issue tracker is created for you at GitHub.</span>
-                    </li>
-                    <li>
-                        <div class="font-semibold mb-2">3. Request Support</div>
-                        <span class="line-height-3">Create a ticket with a description of the issue and receive a reply within 1 business day.</span>
-                    </li>
-                    <li>
-                        <div class="font-semibold mb-2">4. Estimate and Approval</div>
-                        <span class="line-height-3">An estimate is provided to resolve the issue, upon your approval the PrimeTek team commences work.</span>
-                    </li>
-                    <li>
-                        <div class="font-semibold mb-2">5. Resolution</div>
-                        <span class="line-height-3">Issue is resolved and the approved hours are deducted from your account.</span>
-                    </li>
-                    <li>
-                        <div class="font-semibold mb-2">6. Delivery</div>
-                        <span class="line-height-3"
-                            >If the issue requires an update in the library, it gets published to npm by as part of the public PrimeNG package. A patch update on an older version can also be requested if you are not using the latest version.
-                        </span>
-                    </li>
-                </ul>
-            </div>
-        </div>
-    </div>
-
-    <div class="card mb-5">
-        <div class="text-2xl font-semibold mb-3">Consulting</div>
-
-        <p class="m-0 line-height-3 mb-5 text-lg">
-            Unlock the full potential of your software projects in addition to PRO Support with the premier consulting services of our partners. The team of seasoned consultants is available to provide tailored expertise and guidance, ensuring your
-            software development initiatives are successful, efficient, and innovative.
-        </p>
-
-        <div class="flex flex-col md:flex-row gap-5 mb-5">
-            <div class="flex-1">
-                <div class="font-semibold mb-2 text-xl">Deep Expertise</div>
-                <p class="m-0 line-height-3 mb-3 text-lg">
-                    Our consultants are experts with extensive experience in various aspects of software development, including design, architecture, coding, testing, and deployment. They bring a wealth of knowledge and best practices to your
-                    project.
-                </p>
-            </div>
-            <div class="flex-1">
-                <div class="font-semibold mb-2 text-xl">Customized Solutions</div>
-                <p class="m-0 line-height-3 mb-3 text-lg">
-                    We understand that every project is unique. Our consultants work closely with you to understand your specific requirements and challenges, delivering solutions that are perfectly aligned with your business goals..
-                </p>
-            </div>
-            <div class="flex-1">
-                <div class="font-semibold mb-2 text-xl">Scalable Engagements</div>
-                <p class="m-0 line-height-3 mb-3 text-lg">Whether you need short-term advice for a specific problem or long-term strategic guidance, our consulting services are flexible and scalable to meet your needs.</p>
-            </div>
-        </div>
-
-        <div class="border-top-1 surface-border pt-5 flex flex-col items-center">
-            <p class="line-height-3 mb-5 text-lg">
-                We are proud to collaborate with <a href="https://unvoid.com/" target="_blank" rel="noopener noreferrer" class="text-primary font-medium hover:underline">Unvoid</a> and
-                <a href="https://www.t2.com.tr/" target="_blank" rel="noopener noreferrer" class="text-primary font-medium hover:underline">T2</a> that share our commitment to excellence and open source values.
-            </p>
-
-            <div class="flex flex-wrap items-center gap-6">
-                <div class="flex flex-col items-center gap-3">
-                    <a href="https://unvoid.com/" target="_blank" rel="noopener noreferrer">
-                        <svg width="60" height="60" viewBox="0 0 274 274" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <rect width="274" height="274" fill="#3355FF" />
-                            <path
-                                d="M0 15.2222C0 6.81523 6.81486 0 15.2214 0H258.764C267.171 0 273.985 6.81522 273.985 15.2222V258.778C273.985 267.185 267.171 274 258.764 274H15.2214C6.81487 274 0 267.185 0 258.778V15.2222Z"
-                                fill="var(--primary-color)"
-                            />
-                            <path
-                                fill-rule="evenodd"
-                                clip-rule="evenodd"
-                                d="M196.224 121.906L136.997 15.2197L49.8813 171.82L0 188.835V215.252L39.5676 205.54L136.997 255.003L240.148 201.068L218.293 161.671L274 147.997V95.3779L196.224 121.906ZM158.719 134.698L104.343 153.244L136.553 94.8194L158.719 134.698ZM92.6167 192.519L136.569 215.257L188.601 188.41L179.062 171.3L92.6167 192.519Z"
-                                fill="#ffffff"
-                            />
-                        </svg>
-                    </a>
-                    <a href="https://calendly.com/unvoid/discovery-call" class="inline-block bg-primary rounded-border py-2 px-3 border-round transition-all duration-300 text-primary-contrast font-semibold text-lg leading-none"> Get a Quote </a>
-                </div>
-                <div class="flex flex-col items-center gap-3">
-                    <a href="https://www.t2.com.tr/" target="_blank" rel="noopener noreferrer">
-                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 595.3 342.5" style="enable-background: new 0 0 595.3 342.5" xml:space="preserve" height="60">
-                            <g id="Layer_1"></g>
-                            <g id="Layer_2">
-                                <path
-                                    fill="var(--primary-color)"
-                                    d="M263,173.3c0-28.1,8.1-54.4,22.1-76.6c-24.3-35-64.7-57.9-110.5-57.9C100.3,38.8,40.1,99,40.1,173.3
-		c0,74.3,60.2,134.5,134.5,134.5c45.8,0,86.2-22.9,110.5-57.9C271.1,227.7,263,201.4,263,173.3z M240,127.4h-44.6v132.4h-47.2V127.4
-		h-43.9V86.2H240V127.4z"
-                                />
-                                <path
-                                    fill="var(--primary-color)"
-                                    d="M416.9,38.8c-74.3,0-134.5,60.2-134.5,134.5c0,74.3,60.2,134.5,134.5,134.5c74.3,0,134.5-60.2,134.5-134.5
-		C551.3,99,491.1,38.8,416.9,38.8z M481.4,253.4H359.5v-29.6l22-19.9c33.5-30,49.6-47.1,50-63.3c0-11.6-7.2-17.8-20.9-17.8
-		c-9.9,0-20.2,4-30.6,12.1l-5.3,4.1l-14.3-36.2l3.1-2.3c14.5-11,34.4-17.3,54.7-17.3c36.7,0,60.3,21.4,60.3,54.5
-		c0,28.7-21,51.4-43.6,71.7l-4.6,3.8h51.1V253.4z"
-                                />
-                            </g>
-                            <g id="Layer_3" class="st12"></g>
-                        </svg>
-                    </a>
-                    <a href="https://www.t2.com.tr/consulting" class="inline-block bg-primary rounded-border py-2 px-3 border-round transition-all duration-300 text-primary-contrast font-semibold text-lg leading-none"> Get a Quote </a>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="card m-0">
-        <div class="text-2xl font-semibold mb-5">Frequently Asked Questions</div>
-        <div class="flex flex-col md:flex-row text-lg gap-5">
-            <div class="flex-1 flex flex-col gap-5">
-                <div>
-                    <div class="line-height-3 mb-2 font-semibold">How many issue tracker accounts do we get?</div>
-                    <p class="m-0 line-height-3">We provide at most 5 accounts per organization.</p>
-                </div>
-                <div>
-                    <div class="line-height-3 mb-2 font-semibold">What is the duration of the service?</div>
-                    <p class="m-0 line-height-3">Service ends either when all support hours are used or after 1 year.</p>
-                </div>
-                <div>
-                    <div class="line-height-3 mb-2 font-semibold">What happens if we extend after 1 year and we have unused hours?</div>
-                    <p class="m-0 line-height-3">Unused hours expire and are not transferred to the new term.</p>
-                </div>
-                <div>
-                    <div class="line-height-3 mb-2 font-semibold">What are hours used for?</div>
-                    <p class="m-0 line-height-3">Hours are utilized when creating tickets, filing defects, requesting enhancements, POC implementations of a use case and questions.</p>
-                </div>
-            </div>
-            <div class="flex-1 flex flex-col gap-5">
-                <div>
-                    <div class="line-height-3 mb-2 font-semibold">Are the changes delivered with a custom build?</div>
-                    <p class="m-0 line-height-3">No, changes become part of the PrimeNG core and pushed to the public npm package on next update.</p>
-                </div>
-                <div>
-                    <div class="line-height-3 mb-2 font-semibold">Who provides the support service?</div>
-                    <p class="m-0 line-height-3">Support service is provided by the PrimeNG team at PrimeTek.</p>
-                </div>
-                <div>
-                    <div class="line-height-3 mb-2 font-semibold">Is there a minimum hour requirement?</div>
-                    <p class="m-0 line-height-3">At least 25 hours are required to initiate the service.</p>
-                </div>
-                <div>
-                    <div class="line-height-3 mb-2 font-semibold">What happens if the issue takes longer or shorter than the approved estimate?</div>
-                    <p class="m-0 line-height-3">The confirmed estimate is still used even if it takes longer to resolve the issue.</p>
-                </div>
-            </div>
-            <div class="flex-1 flex flex-col gap-5">
-                <div>
-                    <div class="line-height-3 mb-2 font-semibold">Can we request new features and enhancements?</div>
-                    <p class="m-0 line-height-3">Yes, initially the request needs to be approved by PrimeTek based on project roadmap fit. As a result, not all requests may be accepted.</p>
-                </div>
-                <div>
-                    <div class="line-height-3 mb-2 font-semibold">What are the payment terms?</div>
-                    <p class="m-0 line-height-3">Payment in advance is required to initiate the service.</p>
-                </div>
-                <div>
-                    <div class="line-height-3 mb-2 font-semibold">What payment methods are available?</div>
-                    <p class="m-0 line-height-3">Credit card and bank wire transfers are the available options.</p>
-                </div>
-                <div>
-                    <div class="line-height-3 mb-2 font-semibold">We are a reseller, can we purchase this support for our client?</div>
-                    <p class="m-0 line-height-3">That is possible, the service will be provided to your client even if you are the contact in purchase process.</p>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/src/app/showcase/pages/support/support.component.ts b/src/app/showcase/pages/support/support.component.ts
deleted file mode 100644
index 7f182d8..0000000
--- a/src/app/showcase/pages/support/support.component.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    templateUrl: './support.component.html'
-})
-export class SupportComponent {}
diff --git a/src/app/showcase/pages/support/support.module.ts b/src/app/showcase/pages/support/support.module.ts
deleted file mode 100644
index dd7743b..0000000
--- a/src/app/showcase/pages/support/support.module.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { SupportComponent } from './support.component';
-import { SupportRoutingModule } from './support-routing.module';
-
-@NgModule({
-    imports: [CommonModule, SupportRoutingModule],
-    declarations: [SupportComponent]
-})
-export class SupportModule {}
diff --git a/src/app/showcase/pages/table/tabledemo-routing.module.ts b/src/app/showcase/pages/table/tabledemo-routing.module.ts
deleted file mode 100644
index b4daadc..0000000
--- a/src/app/showcase/pages/table/tabledemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TableDemo } from './tabledemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: TableDemo }])],
-    exports: [RouterModule]
-})
-export class TableDemoRoutingModule {}
diff --git a/src/app/showcase/pages/table/tabledemo.html b/src/app/showcase/pages/table/tabledemo.html
deleted file mode 100644
index 84bbe9e..0000000
--- a/src/app/showcase/pages/table/tabledemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Table Component" header="Table" description="Table displays data in tabular format." [docs]="docs" [apiDocs]="['Table', 'ColumnFilter']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/table/tabledemo.module.ts b/src/app/showcase/pages/table/tabledemo.module.ts
deleted file mode 100644
index 452689a..0000000
--- a/src/app/showcase/pages/table/tabledemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { TableDemo } from './tabledemo';
-import { TableDemoRoutingModule } from './tabledemo-routing.module';
-import { TableDocModule } from '@doc/table/tabledoc.module';
-
-@NgModule({
-    imports: [CommonModule, TableDemoRoutingModule, TableDocModule],
-    declarations: [TableDemo]
-})
-export class TableDemoModule {}
diff --git a/src/app/showcase/pages/table/tabledemo.scss b/src/app/showcase/pages/table/tabledemo.scss
deleted file mode 100644
index 97bb5f9..0000000
--- a/src/app/showcase/pages/table/tabledemo.scss
+++ /dev/null
@@ -1,102 +0,0 @@
-:host ::ng-deep {
-    .p-paginator {
-        .p-paginator-current {
-            margin-left: auto;
-        }
-    }
-    
-    .p-progressbar {
-        height: .5rem;
-        background-color: #D8DADC;
-    
-        .p-progressbar-value {
-            background-color: #607D8B;
-        }
-    }
-    
-    .table-header {
-        display: flex;
-        justify-content: space-between;
-    }
-    
-    .p-calendar .p-datepicker {
-        min-width: 25rem;
-    
-        td {
-            font-weight: 400;
-        }
-    }
-    
-    .p-datatable.p-datatable-customers {
-        .p-datatable-header {
-            padding: 1rem;
-            text-align: left;
-            font-size: 1.5rem;
-        }
-    
-        .p-paginator {
-            padding: 1rem;
-        }
-    
-        .p-datatable-thead > tr > th {
-            text-align: left;
-        }
-    
-        .p-datatable-tbody > tr > td {
-            cursor: auto;
-        }
-    
-        .p-dropdown-label:not(.p-placeholder) {
-            text-transform: uppercase;
-        }
-    }
-
-    .p-w-100 {
-        width: 100%;
-    }
-    
-    /* Responsive */
-    .p-datatable-customers .p-datatable-tbody > tr > td .p-column-title {
-        display: none;
-    }
-}
-
-@media screen and (max-width: 960px) {
-    :host ::ng-deep {
-        .p-datatable {
-            &.p-datatable-customers {
-                .p-datatable-thead > tr > th,
-                .p-datatable-tfoot > tr > td {
-                    display: none !important;
-                }
-    
-                .p-datatable-tbody > tr {
-                    border-bottom: 1px solid var(--layer-2);
-    
-                    > td {
-                        text-align: left;
-                        width: 100%;
-                        display: flex;
-                        align-items: center;
-                        border: 0 none;
-    
-                        .p-column-title {
-                            min-width: 30%;
-                            display: inline-block;
-                            font-weight: bold;
-                        }
-        
-                        p-progressbar {
-                            width: 100%;
-                        }
-
-                        &:last-child {
-                            border-bottom: 1px solid var(--surface-d);
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/table/tabledemo.ts b/src/app/showcase/pages/table/tabledemo.ts
deleted file mode 100644
index 6e2009a..0000000
--- a/src/app/showcase/pages/table/tabledemo.ts
+++ /dev/null
@@ -1,388 +0,0 @@
-import { Component } from '@angular/core';
-import { ContextMenuDoc } from '@doc/table/contextmenudoc';
-import { BasicDoc } from '@doc/table/basicdoc';
-import { CellEditDoc } from '@doc/table/celleditdoc';
-import { CheckboxSelectionDoc } from '@doc/table/checkboxselectiondoc';
-import { ColumnGroupDoc } from '@doc/table/columngroupdoc';
-import { ColumnResizeExpandModeDoc } from '@doc/table/columnresizeexpandmodedoc';
-import { ColumnResizeScrollableModeDoc } from '@doc/table/columnresizescrollablemodedoc';
-import { ColumnSelectionDoc } from '@doc/table/columnselectiondoc';
-import { ColumnToggleDoc } from '@doc/table/columntoggledoc';
-import { CustomersDoc } from '@doc/table/customersdoc';
-import { DynamicDoc } from '@doc/table/dynamicdoc';
-import { ExpandableRowGroupDoc } from '@doc/table/expandablerowgroupdoc';
-import { ExportDoc } from '@doc/table/exportdoc';
-import { FilterBasicDoc } from '@doc/table/filterbasic';
-import { FlexibleScrollDoc } from '@doc/table/flexiblescrolldoc';
-import { FrozenColumnsDoc } from '@doc/table/frozencolumnsdoc';
-import { FrozenRowsDoc } from '@doc/table/frozenrowsdoc';
-import { GridlinesDoc } from '@doc/table/gridlinesdoc';
-import { ImportDoc } from '@doc/table/importdoc';
-import { HorizontalScrollDoc } from '@doc/table/horizontalscrolldoc';
-import { LazyLoadDoc } from '@doc/table/lazyloaddoc';
-import { MultipleSelectionDoc } from '@doc/table/multipleselectiondoc';
-import { PaginatorBasicDoc } from '@doc/table/paginatorbasicdoc';
-import { PaginatorProgrammaticDoc } from '@doc/table/paginatorprogrammaticdoc';
-import { ProductsDoc } from '@doc/table/productsdoc';
-import { RadioButtonSelectionDoc } from '@doc/table/radiobuttonselectiondoc';
-import { ReorderDoc } from '@doc/table/reorderdoc';
-import { ResponsiveScrollDoc } from '@doc/table/responsivescrolldoc';
-import { ResponsiveStackDoc } from '@doc/table/responsivestackdoc';
-import { RowEditDoc } from '@doc/table/roweditdoc';
-import { RowExpansionDoc } from '@doc/table/rowexpansiondoc';
-import { RowspanGroupingDoc } from '@doc/table/rowspangroupingdoc';
-import { SingleColumnSortDoc } from '@doc/table/singlecolumnsortdoc';
-import { MultipleColumnsSortDoc } from '@doc/table/multiplecolumnssortdoc';
-import { SingleSelectionDoc } from '@doc/table/singleselectiondoc';
-import { SizeDoc } from '@doc/table/sizedoc';
-import { StatefulDoc } from '@doc/table/statefuldoc';
-import { StripedDoc } from '@doc/table/stripeddoc';
-import { StyleDoc } from '@doc/table/styledoc';
-import { SubheaderGroupingDoc } from '@doc/table/subheadergroupingdoc';
-import { TemplateDoc } from '@doc/table/templatedoc';
-import { VerticalScrollDoc } from '@doc/table/verticalscrolldoc';
-import { VirtualScrollDoc } from '@doc/table/virtualscrolldoc';
-import { VirtualScrollLazyDoc } from '@doc/table/virtualscrolllazydoc';
-import { ColumnResizeFitModeDoc } from '@doc/table/columnresizefitmodedoc';
-import { SelectionEventsDoc } from '@doc/table/selectioneventsdoc';
-import { StylingDoc } from '@doc/table/stylingdoc';
-import { AccessibilityDoc } from '@doc/table/accessibilitydoc';
-import { PreSortDoc } from '@doc/table/presortdoc';
-import { FilterSortEditDoc } from '@doc/table/filtersorteditdoc';
-import { RemovableSortDoc } from '@doc/table/removablesortdoc';
-import { FilterAdvancedDoc } from '@doc/table/filteradvanceddoc';
-
-@Component({
-    templateUrl: './tabledemo.html',
-    styleUrls: ['./tabledemo.scss']
-})
-export class TableDemo {
-    docs = [
-        {
-            id: 'import-demo',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'dynamic',
-            label: 'Dynamic Columns',
-            component: DynamicDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'size',
-            label: 'Size',
-            component: SizeDoc
-        },
-        {
-            id: 'gridlines',
-            label: 'Grid Lines',
-            component: GridlinesDoc
-        },
-        {
-            id: 'striped',
-            label: 'Striped Rows',
-            component: StripedDoc
-        },
-        {
-            id: 'table-style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'responsive',
-            label: 'Responsive',
-            children: [
-                {
-                    id: 'responsive-scroll',
-                    label: 'Scroll',
-                    component: ResponsiveScrollDoc
-                },
-                {
-                    id: 'responsive-stack',
-                    label: 'Stack',
-                    component: ResponsiveStackDoc
-                }
-            ]
-        },
-        {
-            id: 'paginator',
-            label: 'Paginator',
-            children: [
-                {
-                    id: 'paginator-basic',
-                    label: 'Basic',
-                    component: PaginatorBasicDoc
-                },
-                {
-                    id: 'paginator-programmatic',
-                    label: 'Programmatic',
-                    component: PaginatorProgrammaticDoc
-                }
-            ]
-        },
-        {
-            id: 'sort',
-            label: 'Sort',
-            children: [
-                {
-                    id: 'single-column-sort',
-                    label: 'Single Column',
-                    component: SingleColumnSortDoc
-                },
-                {
-                    id: 'multiple-columns-sort',
-                    label: 'Multiple Columns',
-                    component: MultipleColumnsSortDoc
-                },
-                {
-                    id: 'pre-sort',
-                    label: 'Presort',
-                    component: PreSortDoc
-                },
-                {
-                    id: 'removable-sort',
-                    label: 'Removable',
-                    component: RemovableSortDoc
-                }
-            ]
-        },
-        {
-            id: 'filter',
-            label: 'Filter',
-            children: [
-                {
-                    id: 'filter-basic',
-                    label: 'Basic',
-                    component: FilterBasicDoc
-                },
-                {
-                    id: 'filter-advanced',
-                    label: 'Advanced',
-                    component: FilterAdvancedDoc
-                }
-            ]
-        },
-        {
-            id: 'row-selection',
-            label: 'Row Selection',
-            children: [
-                {
-                    id: 'single-selection',
-                    label: 'Single',
-                    component: SingleSelectionDoc
-                },
-                {
-                    id: 'multiple-selection',
-                    label: 'Multiple',
-                    component: MultipleSelectionDoc
-                },
-                {
-                    id: 'radio-button-selection',
-                    label: 'RadioButton',
-                    component: RadioButtonSelectionDoc
-                },
-                {
-                    id: 'checkbox-selection',
-                    label: 'Checkbox',
-                    component: CheckboxSelectionDoc
-                },
-                {
-                    id: 'selection-events',
-                    label: 'Events',
-                    component: SelectionEventsDoc
-                }
-            ]
-        },
-        {
-            id: 'column-selection',
-            label: 'Column Selection',
-            component: ColumnSelectionDoc
-        },
-        {
-            id: 'row-expansion',
-            label: 'Row Expansion',
-            component: RowExpansionDoc
-        },
-        {
-            id: 'Edit',
-            label: 'Edit',
-            children: [
-                {
-                    id: 'cell-edit',
-                    label: 'Cell',
-                    component: CellEditDoc
-                },
-                {
-                    id: 'row-edit',
-                    label: 'Row',
-                    component: RowEditDoc
-                },
-                {
-                    id: 'filter-sort-edit',
-                    label: 'Filter & Sort Cell Edit',
-                    component: FilterSortEditDoc
-                }
-            ]
-        },
-        // {
-        //     id: 'lazy-load',
-        //     label: 'Lazy Load',
-        //     component: LazyLoadDoc
-        // },
-        {
-            id: 'scroll',
-            label: 'Scroll',
-            children: [
-                {
-                    id: 'vertical-scroll',
-                    label: 'Vertical',
-                    component: VerticalScrollDoc
-                },
-                {
-                    id: 'flex-scroll',
-                    label: 'Flexible',
-                    component: FlexibleScrollDoc
-                },
-                {
-                    id: 'horizontal-scroll',
-                    label: 'Horizontal',
-                    component: HorizontalScrollDoc
-                },
-                {
-                    id: 'frozen-rows',
-                    label: 'Frozen Rows',
-                    component: FrozenRowsDoc
-                },
-                {
-                    id: 'frozen-columns',
-                    label: 'Frozen Columns',
-                    component: FrozenColumnsDoc
-                }
-            ]
-        },
-        {
-            id: 'virtual-scroll',
-            label: 'Virtual Scroll',
-            children: [
-                {
-                    id: 'virtual-scroll-basic',
-                    label: 'Preload',
-                    component: VirtualScrollDoc
-                },
-                {
-                    id: 'virtual-scroll-lazy',
-                    label: 'Lazy',
-                    component: VirtualScrollLazyDoc
-                }
-            ]
-        },
-        {
-            id: 'column-group',
-            label: 'Column Group',
-            component: ColumnGroupDoc
-        },
-        {
-            id: 'row-group',
-            label: 'Row Group',
-            children: [
-                {
-                    id: 'subheader',
-                    label: 'Subheader',
-                    component: SubheaderGroupingDoc
-                },
-                {
-                    id: 'expand',
-                    label: 'Expandable',
-                    component: ExpandableRowGroupDoc
-                },
-                {
-                    id: 'row-span',
-                    label: 'RowSpan',
-                    component: RowspanGroupingDoc
-                }
-            ]
-        },
-        {
-            id: 'column-resize',
-            label: 'Column Resize',
-            children: [
-                {
-                    id: 'fit-mode',
-                    label: 'Fit Mode',
-                    component: ColumnResizeFitModeDoc
-                },
-                {
-                    id: 'expand-mode',
-                    label: 'Expand Mode',
-                    component: ColumnResizeExpandModeDoc
-                },
-                {
-                    id: 'scrollable',
-                    label: 'Scrollable',
-                    component: ColumnResizeScrollableModeDoc
-                }
-            ]
-        },
-        {
-            id: 'reorder',
-            label: 'Reorder',
-            component: ReorderDoc
-        },
-        {
-            id: 'column-toggle',
-            label: 'Column Toggle',
-            component: ColumnToggleDoc
-        },
-        {
-            id: 'export',
-            label: 'Export',
-            component: ExportDoc
-        },
-        {
-            id: 'context-menu',
-            label: 'Context Menu',
-            component: ContextMenuDoc
-        },
-        {
-            id: 'stateful',
-            label: 'Stateful',
-            component: StatefulDoc
-        },
-        {
-            id: 'samples',
-            label: 'Samples',
-            children: [
-                {
-                    id: 'customers',
-                    label: 'Customers',
-                    component: CustomersDoc
-                },
-                {
-                    id: 'products',
-                    label: 'Products',
-                    component: ProductsDoc
-                }
-            ]
-        },
-        {
-            id: 'styling',
-            label: 'Styling',
-            component: StylingDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/tabmenu/tabmenudemo-routing.module.ts b/src/app/showcase/pages/tabmenu/tabmenudemo-routing.module.ts
deleted file mode 100644
index 4cc4a8a..0000000
--- a/src/app/showcase/pages/tabmenu/tabmenudemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TabMenuDemo } from './tabmenudemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: TabMenuDemo }])],
-    exports: [RouterModule]
-})
-export class TabMenuDemoRoutingModule {}
diff --git a/src/app/showcase/pages/tabmenu/tabmenudemo.html b/src/app/showcase/pages/tabmenu/tabmenudemo.html
deleted file mode 100644
index 25bde65..0000000
--- a/src/app/showcase/pages/tabmenu/tabmenudemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular TabMenu Component" header="TabMenu" description="TabMenu is a navigation component that displays items as tab headers. Example below uses nested routes with TabMenu." [docs]="docs" [apiDocs]="['TabMenu', 'MenuItem']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/tabmenu/tabmenudemo.module.ts b/src/app/showcase/pages/tabmenu/tabmenudemo.module.ts
deleted file mode 100644
index c8266ba..0000000
--- a/src/app/showcase/pages/tabmenu/tabmenudemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { TabMenuDocModule } from '@doc/tabmenu/tabmenudoc.module';
-import { TabMenuDemo } from './tabmenudemo';
-import { TabMenuDemoRoutingModule } from './tabmenudemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, TabMenuDemoRoutingModule, TabMenuDocModule],
-    declarations: [TabMenuDemo]
-})
-export class TabMenuDemoModule {}
diff --git a/src/app/showcase/pages/tabmenu/tabmenudemo.ts b/src/app/showcase/pages/tabmenu/tabmenudemo.ts
deleted file mode 100644
index 32e853d..0000000
--- a/src/app/showcase/pages/tabmenu/tabmenudemo.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Component } from '@angular/core';
-import { ControlledDoc } from '@doc/tabmenu/controlleddoc';
-import { BasicDoc } from '@doc/tabmenu/basicdoc';
-import { ImportDoc } from '@doc/tabmenu/importdoc';
-import { StyleDoc } from '@doc/tabmenu/styledoc';
-import { TemplateDoc } from '@doc/tabmenu/templatedoc';
-import { AccessibilityDoc } from '@doc/tabmenu/accessibilitydoc';
-import { CommandDoc } from '@doc/tabmenu/commanddoc';
-import { RouterDoc } from '@doc/tabmenu/routerdoc';
-import { ScrollableDoc } from '@doc/tabmenu/scrollabledoc';
-
-@Component({
-    templateUrl: './tabmenudemo.html'
-})
-export class TabMenuDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'controlled',
-            label: 'Controlled',
-            component: ControlledDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'command',
-            label: 'Command',
-            component: CommandDoc
-        },
-        {
-            id: 'router',
-            label: 'Router',
-            component: RouterDoc
-        },
-        {
-            id: 'scrollable',
-            label: 'Scrollable',
-            component: ScrollableDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/tabview/tabviewdemo-routing.module.ts b/src/app/showcase/pages/tabview/tabviewdemo-routing.module.ts
deleted file mode 100644
index 0254d54..0000000
--- a/src/app/showcase/pages/tabview/tabviewdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TabViewDemo } from './tabviewdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: TabViewDemo }])],
-    exports: [RouterModule]
-})
-export class TabViewDemoRoutingModule {}
diff --git a/src/app/showcase/pages/tabview/tabviewdemo.html b/src/app/showcase/pages/tabview/tabviewdemo.html
deleted file mode 100644
index 8decf0a..0000000
--- a/src/app/showcase/pages/tabview/tabviewdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular TabView Component" header="TabView" description="TabView is a container component to group content with tabs." [docs]="docs" [apiDocs]="['TabView']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/tabview/tabviewdemo.module.ts b/src/app/showcase/pages/tabview/tabviewdemo.module.ts
deleted file mode 100644
index fcbc490..0000000
--- a/src/app/showcase/pages/tabview/tabviewdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { TabViewDocModule } from '@doc/tabview/tabviewdoc.module';
-import { TabViewDemo } from './tabviewdemo';
-import { TabViewDemoRoutingModule } from './tabviewdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, TabViewDemoRoutingModule, TabViewDocModule],
-    declarations: [TabViewDemo]
-})
-export class TabViewDemoModule {}
diff --git a/src/app/showcase/pages/tabview/tabviewdemo.scss b/src/app/showcase/pages/tabview/tabviewdemo.scss
deleted file mode 100644
index 0883de7..0000000
--- a/src/app/showcase/pages/tabview/tabviewdemo.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-:host ::ng-deep .tabview-custom {
-    i, span {
-        vertical-align: middle;
-    }
-
-    span {
-        margin: 0 .5rem;
-    }
-}
-
-:host ::ng-deep .p-button {
-    margin-right: .25rem;
-}
-
-:host ::ng-deep .p-tabview p {
-    line-height: 1.5;
-    margin: 0;
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/tabview/tabviewdemo.ts b/src/app/showcase/pages/tabview/tabviewdemo.ts
deleted file mode 100644
index 2c5f39b..0000000
--- a/src/app/showcase/pages/tabview/tabviewdemo.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { Component } from '@angular/core';
-import { DisabledDoc } from '@doc/tabview/disableddoc';
-import { BasicDoc } from '@doc/tabview/basicdoc';
-import { DynamicDoc } from '@doc/tabview/dynamicdoc';
-import { ControlledDoc } from '@doc/tabview/controlleddoc';
-import { ImportDoc } from '@doc/tabview/importdoc';
-import { TemplateDoc } from '@doc/tabview/customtemplatedoc';
-import { ClosableDoc } from '@doc/tabview/closabledoc';
-import { ScrollableDoc } from '@doc/tabview/scrollabledoc';
-import { LazyDoc } from '@doc/tabview/lazydoc';
-import { StyleDoc } from '@doc/tabview/styledoc';
-import { AccessibilityDoc } from '@doc/tabview/accessibilitydoc';
-
-@Component({
-    templateUrl: './tabviewdemo.html',
-    styleUrls: ['./tabviewdemo.scss']
-})
-export class TabViewDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'dynamic',
-            label: 'Dynamic',
-            component: DynamicDoc
-        },
-        {
-            id: 'controlled',
-            label: 'Controlled',
-            component: ControlledDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'closable',
-            label: 'Closable',
-            component: ClosableDoc
-        },
-        {
-            id: 'scrollable',
-            label: 'Scrollable',
-            component: ScrollableDoc
-        },
-        {
-            id: 'lazy',
-            label: 'Lazy',
-            component: LazyDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/tag/tagdemo-routing.module.ts b/src/app/showcase/pages/tag/tagdemo-routing.module.ts
deleted file mode 100644
index 3eb92f7..0000000
--- a/src/app/showcase/pages/tag/tagdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TagDemo } from './tagdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: TagDemo }])],
-    exports: [RouterModule]
-})
-export class TagDemoRoutingModule {}
diff --git a/src/app/showcase/pages/tag/tagdemo.html b/src/app/showcase/pages/tag/tagdemo.html
deleted file mode 100644
index c911113..0000000
--- a/src/app/showcase/pages/tag/tagdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Tag Component" header="Tag" description="Tag component is used to categorize content." [docs]="docs" [apiDocs]="['Tag']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/tag/tagdemo.module.ts b/src/app/showcase/pages/tag/tagdemo.module.ts
deleted file mode 100644
index 26fb2d5..0000000
--- a/src/app/showcase/pages/tag/tagdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { TagDocModule } from '@doc/tag/tagdoc.module';
-import { TagDemo } from './tagdemo';
-import { TagDemoRoutingModule } from './tagdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, TagDemoRoutingModule, TagDocModule],
-    declarations: [TagDemo]
-})
-export class TagDemoModule {}
diff --git a/src/app/showcase/pages/tag/tagdemo.ts b/src/app/showcase/pages/tag/tagdemo.ts
deleted file mode 100644
index 76feaa0..0000000
--- a/src/app/showcase/pages/tag/tagdemo.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { IconDoc } from '@doc/tag/icondoc';
-import { ImportDoc } from '@doc/tag/importdoc';
-import { SeverityDoc } from '@doc/tag/severitydoc';
-import { BasicDoc } from '@doc/tag/basicdoc';
-import { StyleDoc } from '@doc/tag/styledoc';
-import { PillDoc } from '@doc/tag/pilldoc';
-import { TemplateDoc } from '@doc/tag/templatedoc';
-import { AccessibilityDoc } from '@doc/tag/accessibilitydoc';
-
-@Component({
-    templateUrl: './tagdemo.html'
-})
-export class TagDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'severity',
-            label: 'Severity',
-            component: SeverityDoc
-        },
-        {
-            id: 'pill',
-            label: 'Pill',
-            component: PillDoc
-        },
-        {
-            id: 'icon',
-            label: 'Icon',
-            component: IconDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/team/team-routing.module.ts b/src/app/showcase/pages/team/team-routing.module.ts
deleted file mode 100644
index 9fa84c6..0000000
--- a/src/app/showcase/pages/team/team-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TeamComponent } from './team.component';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: TeamComponent }])],
-    exports: [RouterModule]
-})
-export class TeamRoutingModule {}
diff --git a/src/app/showcase/pages/team/team.component.html b/src/app/showcase/pages/team/team.component.html
deleted file mode 100644
index 5a6f9a5..0000000
--- a/src/app/showcase/pages/team/team.component.html
+++ /dev/null
@@ -1,99 +0,0 @@
-<div>
-    <div class="doc-intro">
-        <h1>Meet the Team</h1>
-        <p>
-            <a href="https://www.primetek.com.tr" class="text-primary font-medium hover:underline">
-                PrimeTek
-            </a>
-            is a world renowned vendor of popular UI Component suites including
-            <a href="https://primefaces.org" class="text-primary font-medium hover:underline">
-                PrimeFaces
-            </a>
-            ,
-            <a href="https://primeng.org" class="text-primary font-medium hover:underline">
-                PrimeNG
-            </a>
-            ,
-            <a href="https://primereact.org" class="text-primary font-medium hover:underline">
-                PrimeReact
-            </a>
-            and
-            <a href="https://primevue.org" class="text-primary font-medium hover:underline">
-                PrimeVue
-            </a>
-            . All the members in our team are full time employees of PrimeTek who share the same passion and vision for
-            open source to create awesome UI libraries.
-        </p>
-    </div>
-
-    <div class="card">
-        <div class="flex flex-wrap gap-8">
-            <div class="flex flex-col items-center flex-auto">
-                <img src="https://primefaces.org/cdn/primeng/images/team/cagatay.jpg" class="border-circle mb-4"
-                    alt="Cagatay Civici" />
-                <span class="mb-2 text-xl font-bold">Çağatay Çivici</span>
-                <span>Founder</span>
-            </div>
-            <div class="flex flex-col items-center flex-auto">
-                <img src="https://primefaces.org/cdn/primeng/images/team/mert.jpg" class="border-circle mb-4"
-                    alt="Mert Sincan" />
-                <span class="mb-2 text-xl font-bold">Mert Sincan</span>
-                <span>CTO</span>
-            </div>
-            <div class="flex flex-col items-center flex-auto">
-                <img src="https://primefaces.org/cdn/primeng/images/team/onur.jpg" class="border-circle mb-4"
-                    alt="Onur Şentüre" />
-                <span class="mb-2 text-xl font-bold">Onur Şentüre</span>
-                <span>Design Lead</span>
-            </div>
-            <div class="flex flex-col items-center flex-auto">
-                <img src="https://primefaces.org/cdn/primeng/images/team/dilara.jpg" class="border-circle mb-4"
-                    alt="Dilara Can" />
-                <span class="mb-2 text-xl font-bold">Dilara Güngenci</span>
-                <span>Business Administration</span>
-            </div>
-            <div class="flex flex-col items-center flex-auto">
-                <img src="https://primefaces.org/cdn/primeng/images/team/cetin.jpg" class="border-circle mb-4"
-                    alt="Çetin Çakıroğlu" />
-                <span class="mb-2 text-xl font-bold">Çetin Çakıroğlu</span>
-                <span>Front-End Developer</span>
-            </div>
-            <div class="flex flex-col items-center flex-auto">
-                <img src="https://primefaces.org/cdn/primeng/images/team/tugce.jpg" class="border-circle mb-4"
-                    alt="Tuğçe Küçükoğlu" />
-                <span class="mb-2 text-xl font-bold">Tuğçe Küçükoğlu</span>
-                <span>Front-End Developer</span>
-            </div>
-            <div class="flex flex-col items-center flex-auto">
-                <img src="https://primefaces.org/cdn/primeng/images/team/atakan.jpg" class="border-circle mb-4"
-                    alt="Atakan Tepe" />
-                <span class="mb-2 text-xl font-bold">Atakan Tepe</span>
-                <span>Front-End Developer</span>
-            </div>
-            <div class="flex flex-col items-center flex-auto">
-                <img src="https://primefaces.org/cdn/primeng/images/team/umit.jpg" class="border-circle mb-4"
-                    alt="Ümit Çelik" />
-                <span class="mb-2 text-xl font-bold">Ümit Çelik</span>
-                <span>UI/UX Designer</span>
-            </div>
-            <div class="flex flex-col items-center flex-auto">
-                <img src="https://primefaces.org/cdn/primeng/images/team/toprak.jpg" class="border-circle mb-4"
-                    alt="Toprak Koç" />
-                <span class="mb-2 text-xl font-bold">Toprak Koç</span>
-                <span>Front-End Developer</span>
-            </div>
-            <div class="flex flex-col items-center flex-auto">
-                <img src="https://primefaces.org/cdn/primeng/images/team/mehmet.jpg" class="border-circle mb-4"
-                    alt="Mehmet Çetin" />
-                <span class="mb-2 text-xl font-bold">Mehmet Çetin</span>
-                <span>Front-End Developer</span>
-            </div>
-            <div class="flex flex-col items-center flex-auto">
-                <img src="https://primefaces.org/cdn/primeng/images/team/taner.jpg" class="border-circle mb-4"
-                    alt="Taner Engin" />
-                <span class="mb-2 text-xl font-bold">Taner Engin</span>
-                <span>Front-End Developer</span>
-            </div>
-        </div>
-    </div>
-</div>
\ No newline at end of file
diff --git a/src/app/showcase/pages/team/team.component.ts b/src/app/showcase/pages/team/team.component.ts
deleted file mode 100644
index 8ca3255..0000000
--- a/src/app/showcase/pages/team/team.component.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'team',
-    templateUrl: './team.component.html'
-})
-export class TeamComponent {}
diff --git a/src/app/showcase/pages/team/team.module.ts b/src/app/showcase/pages/team/team.module.ts
deleted file mode 100644
index aad827b..0000000
--- a/src/app/showcase/pages/team/team.module.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { TeamRoutingModule } from './team-routing.module';
-import { TeamComponent } from './team.component';
-
-@NgModule({
-    declarations: [TeamComponent],
-    imports: [CommonModule, TeamRoutingModule]
-})
-export class TeamModule {}
diff --git a/src/app/showcase/pages/templates/apollo/apollo.ts b/src/app/showcase/pages/templates/apollo/apollo.ts
deleted file mode 100644
index e788d78..0000000
--- a/src/app/showcase/pages/templates/apollo/apollo.ts
+++ /dev/null
@@ -1,273 +0,0 @@
-import { Component } from '@angular/core';
-import { TemplateConfigurationModule } from 'src/app/showcase/layout/templates/templateconfiguration';
-import { TemplateFeaturesModule } from 'src/app/showcase/layout/templates/templatefeatures';
-import { TemplateFeaturesAnimationModule } from 'src/app/showcase/layout/templates/templatefeaturesanimation/templatefeaturesanimation';
-import { TemplateHeroModule } from 'src/app/showcase/layout/templates/templatehero/templatehero';
-import { TemplateLicenseModule } from 'src/app/showcase/layout/templates/templatelicense';
-import { TemplateRelatedModule } from 'src/app/showcase/layout/templates/templaterelated';
-import { TemplateSeparatorModule } from 'src/app/showcase/layout/templates/templateseparator';
-import { TemplateYoutubeModule } from 'src/app/showcase/layout/templates/templateyoutube';
-import { ApolloLogo } from './apollologo';
-import { ApolloSeparator } from './apolloseparator';
-
-@Component({
-    standalone: true,
-    selector: 'apollo-page',
-    imports: [
-        TemplateHeroModule,
-        TemplateSeparatorModule,
-        TemplateFeaturesAnimationModule,
-        TemplateFeaturesModule,
-        TemplateConfigurationModule,
-        TemplateFeaturesAnimationModule,
-        TemplateRelatedModule,
-        TemplateYoutubeModule,
-        TemplateLicenseModule,
-        ApolloSeparator
-    ],
-    template: `<div class="apollo template">
-        <template-hero [templateHeroData]="templateHeroData" [templateLogo]="apolloLogo"></template-hero>
-        <div [style.display]="'none'">
-            <apollo-separator></apollo-separator>
-            <template-youtube imgSrc="https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-youtube-screen.png"></template-youtube>
-        </div>
-        <apollo-separator></apollo-separator>
-        <template-license [license]="license"></template-license>
-        <apollo-separator></apollo-separator>
-        <template-features-animation [featuresData]="animationFeaturesData2" title="Features" displayType="horizontal"></template-features-animation>
-        <apollo-separator></apollo-separator>
-        <template-configuration
-            title="Angular with CLI"
-            description="Apollo is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-        ></template-configuration>
-        <apollo-separator></apollo-separator>
-        <template-features-animation [featuresData]="animationFeaturesData1"></template-features-animation>
-        <apollo-separator></apollo-separator>
-        <template-features [featuresData]="apolloFeatures2Data" displayType="vertical"></template-features>
-    </div>`
-})
-export class ApolloPage {
-    apolloLogo = ApolloLogo;
-
-    templateHeroData = {
-        pattern: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-hero-pattern.png',
-        dashboard1: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-hero-dashboard1.png',
-        dashboard2: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-hero-dashboard2.png',
-        description: 'An amazing Angular CLI application template with light-dim-dark modes, four menu layouts, various menu themes, sample apps, ready to use template pages and 24 PrimeNG themes.',
-        liveHref: 'https://apollo.primeng.org',
-        docHref: 'https://apollo.primeng.org/documentation'
-    };
-
-    apolloRelatedData = [
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/diamond-ng.jpg',
-            href: '/templates/diamond'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/avalon-ng.jpg',
-            href: '/templates/avalon'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/freya-ng.jpg',
-            href: '/templates/freya'
-        }
-    ];
-
-    apolloFeatures2Data = [
-        {
-            title: 'Fully Responsive',
-            description: 'Apollo is crafted to provide optimal viewing and interaction experience for a wide range of devices.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-responsive.png'
-        },
-        {
-            title: 'Support',
-            description: `PrimeTek offers assistance with account management and licensing issues, with the expectation that users have the necessary technical knowledge to use our products, as we do not offer technical support or consulting. Users
-                            can seek assistance in our community via our public Discord and Forum.`,
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-lifetime.png'
-        },
-        {
-            title: 'Top Notch Quality',
-            description: 'Superior standards with 100% compatibility for strict mode and linting tools.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-quality.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-quality-dark.png'
-        },
-        {
-            title: 'Cross Browser Compatible',
-            description: 'First class support for Firefox, Safari, Chrome and Edge.',
-            src: 'https://primefaces.org/cdn/primeng/images/compatible-ng.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/compatible-ng-dark.png'
-        },
-        {
-            title: 'Customizable Design',
-            description: 'Fully customizable with a mixture of Sass and CSS variables.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png'
-        },
-        {
-            title: 'Mobile Experience',
-            description: 'Touch optimized enhanced mobile experience with responsive design.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-mobile.png'
-        }
-    ];
-
-    animationFeaturesData1 = [
-        {
-            id: 1,
-            title: 'PrimeFlex CSS Utilities',
-            width: 1440,
-            height: 1789,
-            description: 'PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-utilities.png'
-        },
-        {
-            id: 2,
-            title: 'PrimeBlocks',
-            width: 1440,
-            height: 1789,
-            description: 'Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-blocks.png'
-        },
-        {
-            id: 3,
-            title: 'PrimeIcons',
-            width: 1440,
-            height: 1789,
-            description: 'Apollo ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-icons.png'
-        },
-        {
-            id: 4,
-            title: 'Figma File',
-            width: 1440,
-            height: 1788,
-            description:
-                'Apollo uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeNG UI components are excluded from the Apollo Figma file as they are available in PrimeOne for Figma only.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-figma.png'
-        }
-    ];
-
-    apolloFeatures1Data = [
-        {
-            height: 940,
-            width: 960,
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features1-feature1.png',
-            title: 'Ready to Use Applications',
-            description: 'Mail, File System, Tasks, Calendar, Blog and Chat are the sample applications to get started with ease.'
-        },
-        {
-            height: 940,
-            width: 960,
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features1-feature2.png',
-            title: 'E-Commerce Pages',
-            description: 'Apollo offers E-commerce pages to kickstart your e-commerce project powered by PrimeBlocks.'
-        },
-        {
-            height: 940,
-            width: 960,
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features1-feature3.png',
-            title: 'Ready to Use Pages',
-            description: 'Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app.'
-        }
-    ];
-
-    animationFeaturesData2 = [
-        {
-            id: 1,
-            title: 'Light / Dark / Dim Modes',
-            description: 'Apollo has 3 display modes to choose from; Light, Dim and Dark.',
-            height: 940,
-            width: 960,
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-darkmode.png'
-        },
-        {
-            id: 2,
-            title: 'Component Themes',
-            description: 'Apollo offers 24 built-in component themes and creating your own theme is a matter of defining couple of sass variables.',
-            width: 940,
-            height: 960,
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-component-themes.png'
-        },
-        {
-            id: 3,
-            title: '7 Menu Orientations',
-            description: 'Static, Overlay, Slim, Slim+, Reveal, Drawer and Horizontal are the available menu layouts depending on your preference.',
-            type: 'inline-animation',
-            inlineFeaturesData: [
-                {
-                    id: 1,
-                    title: 'Static',
-                    width: 1440,
-                    height: 1789,
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/Static.png'
-                },
-                {
-                    id: 2,
-                    title: 'Slim',
-                    width: 1440,
-                    height: 1789,
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/Slim.png'
-                },
-                {
-                    id: 3,
-                    title: 'Reveal',
-                    width: 1440,
-                    height: 1789,
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/Reveal.png'
-                },
-                {
-                    id: 4,
-                    title: 'Horizontal',
-                    width: 1440,
-                    height: 1789,
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/Horizontal.png'
-                },
-                {
-                    id: 5,
-                    title: 'Overlay',
-                    width: 1440,
-                    height: 1789,
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/Overlay.png'
-                },
-                {
-                    id: 6,
-                    title: 'Slim+',
-                    width: 1440,
-                    height: 1789,
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/Slim+.png'
-                },
-                {
-                    id: 7,
-                    title: 'Drawer',
-                    width: 1440,
-                    height: 1789,
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/Drawer.png'
-                }
-            ]
-        },
-        {
-            id: 4,
-            title: 'Menu Themes',
-            description: 'Stunning theming for the main menu with 3 alternatives; Color Scheme, Primary Color and Transparent.',
-            width: 960,
-            height: 940,
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-menu-themes.png'
-        }
-    ];
-
-    license = {
-        documentLink: 'https://apollo.primeng.org/documentation/',
-        description: 'The download package is an Angular CLI-based project containing all source code of the application deployed at the live demo. The project code is written in TypeScript.',
-        licenseDetails: [
-            {
-                title: 'Basic License',
-                price: '$59',
-                included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates']
-            },
-            {
-                title: 'Extended License',
-                price: '$590',
-                included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates']
-            }
-        ]
-    };
-}
diff --git a/src/app/showcase/pages/templates/apollo/apollologo.ts b/src/app/showcase/pages/templates/apollo/apollologo.ts
deleted file mode 100644
index 86ec45e..0000000
--- a/src/app/showcase/pages/templates/apollo/apollologo.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'apollo-logo',
-    template: `
-        <svg width="235" height="40" viewBox="0 0 235 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M20.0055 0L0 39.8951H6.7486L20.0064 11.5771L32.9975 39.8951H40.0134L20.0055 0Z" fill="var(--surface-0)" />
-            <path d="M26.4066 30.0791L30.9241 40.0001H22.4536L26.4066 30.0791Z" fill="var(--surface-0)" />
-            <path d="M17.2595 40.0001L12.7419 30.0791L8.78906 40.0001H17.2595Z" fill="var(--surface-0)" />
-            <path d="M78.0429 27.6582H66.3425L63.2979 34.2844H58.855L72.3786 5.28833L85.4243 34.2844H80.9104L78.0429 27.6582ZM76.3613 23.7886L72.3078 14.512L68.0595 23.7886H76.3613Z" fill="var(--surface-0)" />
-            <path
-                d="M100.155 23.2053V34.2843H96.0303V7.0022H100.703C102.993 7.0022 104.721 7.16123 105.89 7.47928C107.07 7.79734 108.108 8.39811 109.005 9.2816C110.575 10.813 111.359 12.7449 111.359 15.0773C111.359 17.5746 110.521 19.5536 108.846 21.0143C107.17 22.4751 104.91 23.2053 102.066 23.2053H100.155ZM100.155 19.3887H101.695C105.483 19.3887 107.377 17.9339 107.377 15.0243C107.377 12.2089 105.423 10.8012 101.517 10.8012H100.155V19.3887Z"
-                fill="var(--surface-0)"
-            />
-            <path
-                d="M121.418 20.5197C121.418 16.6795 122.829 13.3811 125.649 10.6246C128.458 7.86811 131.833 6.48987 135.774 6.48987C139.668 6.48987 143.008 7.8799 145.793 10.6599C148.59 13.44 149.988 16.7796 149.988 20.6788C149.988 24.6013 148.584 27.9292 145.775 30.6622C142.955 33.4069 139.55 34.7792 135.562 34.7792C132.033 34.7792 128.865 33.5601 126.056 31.1216C122.964 28.4239 121.418 24.89 121.418 20.5197ZM125.578 20.5727C125.578 23.5882 126.593 26.0681 128.623 28.0117C130.641 29.9554 132.972 30.9271 135.615 30.9271C138.482 30.9271 140.902 29.9377 142.872 27.9586C144.843 25.9561 145.828 23.5176 145.828 20.6433C145.828 17.7337 144.855 15.2953 142.908 13.3281C140.972 11.3491 138.577 10.3596 135.721 10.3596C132.877 10.3596 130.475 11.3491 128.517 13.3281C126.558 15.2835 125.578 17.6984 125.578 20.5727Z"
-                fill="var(--surface-0)"
-            />
-            <path d="M166.47 7.0022V30.4147H174.507V34.2843H162.346V7.0022H166.47Z" fill="var(--surface-0)" />
-            <path d="M189.715 7.0022V30.4147H197.752V34.2843H185.591V7.0022H189.715Z" fill="var(--surface-0)" />
-            <path
-                d="M206.34 20.5197C206.34 16.6795 207.75 13.3811 210.57 10.6246C213.379 7.86811 216.754 6.48987 220.696 6.48987C224.59 6.48987 227.929 7.8799 230.715 10.6599C233.512 13.44 234.911 16.7796 234.911 20.6788C234.911 24.6013 233.506 27.9292 230.698 30.6622C227.876 33.4069 224.472 34.7792 220.484 34.7792C216.954 34.7792 213.787 33.5601 210.979 31.1216C207.886 28.4239 206.34 24.89 206.34 20.5197ZM210.5 20.5727C210.5 23.5882 211.515 26.0681 213.545 28.0117C215.564 29.9554 217.893 30.9271 220.536 30.9271C223.403 30.9271 225.823 29.9377 227.794 27.9586C229.765 25.9561 230.751 23.5176 230.751 20.6433C230.751 17.7337 229.776 15.2953 227.83 13.3281C225.893 11.3491 223.499 10.3596 220.643 10.3596C217.8 10.3596 215.398 11.3491 213.438 13.3281C211.48 15.2835 210.5 17.6984 210.5 20.5727Z"
-                fill="var(--surface-0)"
-            />
-        </svg>
-    `
-})
-export class ApolloLogo {}
diff --git a/src/app/showcase/pages/templates/apollo/apolloseparator.ts b/src/app/showcase/pages/templates/apollo/apolloseparator.ts
deleted file mode 100644
index d5ecb33..0000000
--- a/src/app/showcase/pages/templates/apollo/apolloseparator.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'apollo-separator',
-    template: `
-        <div class="template-separator">
-            <span class="template-separator-icon">
-                <svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M22.3576 34.2499L19.6471 28.2974L17.2754 34.2499H22.3576Z" fill="var(--surface-900)" />
-                    <path d="M27.8454 28.2974L30.5559 34.2499H25.4736L27.8454 28.2974Z" fill="var(--surface-900)" />
-                    <path d="M24.0043 10.25L12.001 34.187H16.0501L24.0048 17.1962L31.7995 34.187H36.009L24.0043 10.25Z" fill="var(--surface-900)" />
-                </svg>
-            </span>
-        </div>
-    `
-})
-export class ApolloSeparator {}
diff --git a/src/app/showcase/pages/templates/atlantis/atlantis.ts b/src/app/showcase/pages/templates/atlantis/atlantis.ts
deleted file mode 100644
index d1092e4..0000000
--- a/src/app/showcase/pages/templates/atlantis/atlantis.ts
+++ /dev/null
@@ -1,214 +0,0 @@
-import { Component } from '@angular/core';
-import { TemplateConfigurationModule } from 'src/app/showcase/layout/templates/templateconfiguration';
-import { TemplateFeaturesModule } from 'src/app/showcase/layout/templates/templatefeatures';
-import { TemplateFeaturesAnimationModule } from 'src/app/showcase/layout/templates/templatefeaturesanimation/templatefeaturesanimation';
-import { TemplateHeroModule } from 'src/app/showcase/layout/templates/templatehero/templatehero';
-import { TemplateLicenseModule } from 'src/app/showcase/layout/templates/templatelicense';
-import { TemplateRelatedModule } from 'src/app/showcase/layout/templates/templaterelated';
-import { TemplateSeparatorModule } from 'src/app/showcase/layout/templates/templateseparator';
-import { TemplateYoutubeModule } from 'src/app/showcase/layout/templates/templateyoutube';
-import { AtlantisLogo } from './atlantislogo';
-import { AtlantisSeparator } from './atlantisseparator';
-@Component({
-    standalone: true,
-    selector: 'atlantis-page',
-    imports: [
-        TemplateHeroModule,
-        TemplateSeparatorModule,
-        TemplateFeaturesAnimationModule,
-        TemplateFeaturesModule,
-        TemplateConfigurationModule,
-        TemplateFeaturesAnimationModule,
-        TemplateRelatedModule,
-        TemplateYoutubeModule,
-        TemplateLicenseModule,
-        AtlantisSeparator
-    ],
-    template: `<div class="atlantis template">
-        <template-hero [templateHeroData]="templateHeroData" [templateLogo]="atlantisLogo"></template-hero>
-        <atlantis-separator></atlantis-separator>
-        <template-license [license]="license"></template-license>
-        <atlantis-separator></atlantis-separator>
-        <div [style.display]="'none'">
-            <atlantis-separator></atlantis-separator>
-            <template-youtube imgSrc="https://primefaces.org/cdn/primeng/images/templates/atlantis/atlantis-youtube-screen.png"></template-youtube>
-        </div>
-        <template-features-animation [featuresData]="animationFeaturesData2" title="Features"></template-features-animation>
-        <atlantis-separator></atlantis-separator>
-        <template-configuration
-            title="Angular with CLI"
-            description="Atlantis is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-        ></template-configuration>
-        <atlantis-separator></atlantis-separator>
-        <template-features-animation [featuresData]="animationFeaturesData1"></template-features-animation>
-        <atlantis-separator></atlantis-separator>
-        <template-features [featuresData]="features2Data" displayType="vertical"></template-features>
-    </div>`
-})
-export class AtlantisPage {
-    atlantisLogo = AtlantisLogo;
-
-    templateHeroData = {
-        pattern: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/atlantis-hero-pattern.png',
-        dashboard1: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/atlantis-hero-dashboard1.png',
-        dashboard2: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/atlantis-hero-dashboard2.png',
-        description: 'Prepare to be amazed by the remastered Atlantis for PrimeNG featuring a new gorgeous dark mode for the entire layout, 5 menu modes, reusable css widgets, utilities, modern icons and many more.',
-        liveHref: 'https://www.primefaces.org/atlantis-ng/',
-        docHref: 'https://www.primefaces.org/atlantis-ng/documentation/'
-    };
-
-    relatedData = [
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/freya-ng.jpg',
-            href: '/templates/freya'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/ultima-ng.jpg',
-            href: '/templates/ultima'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/verona-ng.jpg',
-            href: '/templates/verona'
-        }
-    ];
-
-    features2Data = [
-        {
-            title: 'Fully Responsive',
-            description: 'Atlantis is crafted to provide optimal viewing and interaction experience for a wide range of devices.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/atlantis-features2-responsive.png'
-        },
-        {
-            title: 'Cross Browser Compatible',
-            description: 'First class support for Firefox, Safari, Chrome and Edge.',
-            src: 'https://primefaces.org/cdn/primeng/images/compatible-ng.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/compatible-ng-dark.png'
-        },
-        {
-            title: 'Support',
-            description: `PrimeTek offers assistance with account management and licensing issues, with the expectation that users have the necessary technical knowledge to use our products, as we do not offer technical support or consulting. Users
-                            can seek assistance in our community via our public Discord and Forum.`,
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-lifetime.png'
-        },
-        {
-            title: 'Full SaSS Support',
-            description: 'Sass is utilized for both the application and components to provide simplicity and flexibility.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png'
-        },
-        {
-            title: 'Ready to Use Pages',
-            description: 'Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/atlantis-features2-ready.png'
-        },
-        {
-            title: 'Mobile Experience',
-            description: 'Touch optimized enhanced mobile experience with responsive design.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/atlantis-features2-mobile.png'
-        }
-    ];
-
-    animationFeaturesData1 = [
-        {
-            id: 1,
-            title: 'PrimeFlex CSS Utilities',
-            description: 'PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-utilities.png'
-        },
-        {
-            id: 2,
-            title: 'PrimeBlocks',
-            description: 'Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-blocks.png'
-        },
-        {
-            id: 3,
-            title: 'PrimeIcons',
-            description: 'Atlantis ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-icons.png'
-        },
-        {
-            id: 4,
-            title: 'Figma File',
-            description:
-                'Atlantis uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeNG UI components are excluded from the Atlantis Figma file as they are available in PrimeOne for Figma only.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/features-animation-figma.png'
-        }
-    ];
-
-    animationFeaturesData2 = [
-        {
-            id: 1,
-            title: 'Light and Dark Modes',
-            description: 'The stunning dark and light modes will impress your users.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/features-animation-darkmode.png'
-        },
-        {
-            id: 2,
-            title: 'Component Themes',
-            description: 'Atlantis offers 16 built-in component themes with dark and light options. You are also free to create you own theme by defining couple SASS variables.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/features-animation-component-themes.png'
-        },
-        {
-            id: 3,
-            title: '7 Menu Orientations',
-            description: 'Static, Overlay, Slim, Slim+, Reveal, Drawer and Horizontal are the available menu layouts depending on your preference.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/features-animation-orientations.png',
-            type: 'inline-animation',
-            inlineFeaturesData: [
-                {
-                    id: 1,
-                    title: 'Static',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/Static.png'
-                },
-                {
-                    id: 2,
-                    title: 'Slim',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/Slim.png'
-                },
-                {
-                    id: 3,
-                    title: 'Reveal',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/Reveal.png'
-                },
-                {
-                    id: 4,
-                    title: 'Horizontal',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/Horizontal.png'
-                },
-                {
-                    id: 5,
-                    title: 'Overlay',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/Overlay.png'
-                },
-                {
-                    id: 6,
-                    title: 'Slim+',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/Slim+.png'
-                },
-                {
-                    id: 7,
-                    title: 'Drawer',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/Drawer.png'
-                }
-            ]
-        }
-    ];
-
-    license = {
-        documentLink: 'https://atlantis.primeng.org/documentation',
-        description: 'The download package is an Angular CLI-based project containing all source code of the application deployed at the live demo. The project code is written in TypeScript.',
-        licenseDetails: [
-            {
-                title: 'Basic License',
-                price: '$59',
-                included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates'],
-            },
-            {
-                title: 'Extended License',
-                price: '$590',
-                included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates']
-            }
-        ]
-    };
-}
diff --git a/src/app/showcase/pages/templates/atlantis/atlantislogo.ts b/src/app/showcase/pages/templates/atlantis/atlantislogo.ts
deleted file mode 100644
index 8133de2..0000000
--- a/src/app/showcase/pages/templates/atlantis/atlantislogo.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'atlantis-logo',
-    template: `
-        <svg width="149" height="40" viewBox="0 0 149 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M69.3651 24.0154H61.2671L59.6707 27.7636H56.5703L63.8585 11.5677H66.82L74.1313 27.7636H70.9847L69.3651 24.0154ZM68.3702 21.6555L65.3161 14.5755L62.2852 21.6555H68.3702Z" fill="var(--surface-0)" />
-            <path
-                d="M83.2274 27.0927C82.8881 27.3703 82.4716 27.5785 81.978 27.7174C81.4998 27.8562 80.9908 27.9256 80.451 27.9256C79.0936 27.9256 78.0447 27.5708 77.3043 26.8613C76.5639 26.1518 76.1938 25.1183 76.1938 23.7609V17.8147H74.1577V15.501H76.1938V12.6783H79.0859V15.501H82.3945V17.8147H79.0859V23.6915C79.0859 24.2931 79.2324 24.7558 79.5255 25.0797C79.8186 25.3882 80.2427 25.5425 80.798 25.5425C81.4459 25.5425 81.9857 25.3728 82.4176 25.0335L83.2274 27.0927Z"
-                fill="var(--surface-0)"
-            />
-            <path d="M85.6065 10.596H88.4987V27.7636H85.6065V10.596Z" fill="var(--surface-0)" />
-            <path
-                d="M97.0145 15.2696C98.8346 15.2696 100.223 15.7092 101.179 16.5885C102.151 17.4522 102.637 18.7633 102.637 20.5217V27.7636H99.9067V26.2597C99.5519 26.7996 99.0429 27.2161 98.3796 27.5091C97.7318 27.7868 96.9451 27.9256 96.0196 27.9256C95.0942 27.9256 94.2844 27.7713 93.5903 27.4628C92.8961 27.1389 92.3563 26.6993 91.9707 26.144C91.6005 25.5733 91.4154 24.9332 91.4154 24.2237C91.4154 23.1131 91.8241 22.2262 92.6416 21.5629C93.4746 20.8842 94.778 20.5449 96.5518 20.5449H99.7447V20.3598C99.7447 19.496 99.4825 18.8327 98.958 18.37C98.449 17.9073 97.6855 17.6759 96.6675 17.6759C95.9734 17.6759 95.287 17.7839 94.6083 17.9998C93.945 18.2158 93.382 18.5165 92.9193 18.9022L91.7856 16.7967C92.4334 16.3031 93.2123 15.9252 94.1224 15.663C95.0325 15.4008 95.9965 15.2696 97.0145 15.2696ZM96.6212 25.8201C97.3462 25.8201 97.9863 25.6582 98.5416 25.3342C99.1123 24.9949 99.5133 24.5167 99.7447 23.8997V22.4653H96.76C95.0942 22.4653 94.2612 23.0128 94.2612 24.108C94.2612 24.6324 94.4695 25.0489 94.8859 25.3574C95.3024 25.6659 95.8808 25.8201 96.6212 25.8201Z"
-                fill="var(--surface-0)"
-            />
-            <path
-                d="M113.359 15.2696C114.917 15.2696 116.166 15.7247 117.107 16.6347C118.048 17.5448 118.519 18.8944 118.519 20.6837V27.7636H115.626V21.0539C115.626 19.9742 115.372 19.1644 114.863 18.6245C114.354 18.0692 113.629 17.7916 112.688 17.7916C111.624 17.7916 110.783 18.1155 110.166 18.7633C109.549 19.3957 109.241 20.3135 109.241 21.5166V27.7636H106.349V15.4085H109.102V17.0049C109.58 16.4342 110.182 16.0023 110.907 15.7092C111.631 15.4162 112.449 15.2696 113.359 15.2696Z"
-                fill="var(--surface-0)"
-            />
-            <path
-                d="M129.614 27.0927C129.275 27.3703 128.859 27.5785 128.365 27.7174C127.887 27.8562 127.378 27.9256 126.838 27.9256C125.481 27.9256 124.432 27.5708 123.691 26.8613C122.951 26.1518 122.581 25.1183 122.581 23.7609V17.8147H120.545V15.501H122.581V12.6783H125.473V15.501H128.781V17.8147H125.473V23.6915C125.473 24.2931 125.619 24.7558 125.912 25.0797C126.206 25.3882 126.63 25.5425 127.185 25.5425C127.833 25.5425 128.373 25.3728 128.805 25.0335L129.614 27.0927Z"
-                fill="var(--surface-0)"
-            />
-            <path
-                d="M131.994 15.4085H134.886V27.7636H131.994V15.4085ZM133.451 13.3724C132.927 13.3724 132.487 13.2104 132.132 12.8865C131.778 12.5472 131.6 12.1307 131.6 11.6371C131.6 11.1435 131.778 10.7348 132.132 10.4109C132.487 10.0715 132.927 9.90186 133.451 9.90186C133.976 9.90186 134.415 10.0638 134.77 10.3877C135.125 10.6962 135.302 11.0896 135.302 11.5677C135.302 12.0767 135.125 12.5086 134.77 12.8634C134.431 13.2027 133.991 13.3724 133.451 13.3724Z"
-                fill="var(--surface-0)"
-            />
-            <path
-                d="M142.499 27.9256C141.497 27.9256 140.517 27.7945 139.561 27.5323C138.604 27.27 137.841 26.9384 137.27 26.5374L138.381 24.3394C138.936 24.7095 139.599 25.0103 140.371 25.2417C141.157 25.4576 141.928 25.5656 142.684 25.5656C144.412 25.5656 145.276 25.1106 145.276 24.2005C145.276 23.7686 145.052 23.4679 144.605 23.2982C144.173 23.1285 143.471 22.9666 142.499 22.8123C141.481 22.6581 140.648 22.4807 140 22.2802C139.368 22.0796 138.813 21.7326 138.335 21.239C137.872 20.73 137.64 20.0282 137.64 19.1335C137.64 17.9612 138.126 17.0281 139.098 16.3339C140.085 15.6244 141.412 15.2696 143.078 15.2696C143.926 15.2696 144.774 15.3699 145.623 15.5704C146.471 15.7555 147.165 16.01 147.705 16.3339L146.594 18.532C145.546 17.915 144.366 17.6065 143.054 17.6065C142.206 17.6065 141.558 17.7376 141.111 17.9998C140.679 18.2466 140.463 18.5782 140.463 18.9947C140.463 19.4574 140.694 19.7891 141.157 19.9896C141.635 20.1747 142.368 20.3521 143.355 20.5217C144.342 20.676 145.152 20.8534 145.785 21.0539C146.417 21.2544 146.957 21.5938 147.404 22.0719C147.867 22.5501 148.098 23.2288 148.098 24.108C148.098 25.2648 147.597 26.1903 146.594 26.8844C145.592 27.5785 144.227 27.9256 142.499 27.9256Z"
-                fill="var(--surface-0)"
-            />
-            <path
-                fillRule="evenodd"
-                clipRule="evenodd"
-                d="M11.5733 7.44072C12.9176 19.8152 31.0475 19.8063 32.3873 7.44072C27.7447 7.01325 23.8187 4.07436 21.9803 0C20.142 4.07436 16.216 7.01325 11.5733 7.44072ZM20.814 19.0181C20.4089 23.4977 16.8435 27.4073 12.4234 28.2266C6.44984 29.469 0.529697 25.0028 0 19.0181C4.64264 18.5907 8.56863 15.6518 10.407 11.5774C12.232 15.683 16.3316 18.6397 20.814 19.0181ZM32.3873 30.5956C31.8532 35.8677 27.3886 40 21.9803 40C16.5721 40 12.1075 35.8677 11.5733 30.5956C16.0557 30.2171 20.1553 27.2604 21.9803 23.1548C23.8053 27.2604 27.9049 30.2171 32.3873 30.5956ZM43.9603 19.0181C43.4261 24.6198 38.3028 28.9346 32.6007 28.378C27.74 28.0085 23.5736 23.8762 23.1463 19.0181C27.6287 18.6397 31.7283 15.683 33.5533 11.5774C35.3917 15.6518 39.3177 18.5907 43.9603 19.0181Z"
-                fill="var(--surface-0)"
-            />
-        </svg>
-    `
-})
-export class AtlantisLogo {}
diff --git a/src/app/showcase/pages/templates/atlantis/atlantisseparator.ts b/src/app/showcase/pages/templates/atlantis/atlantisseparator.ts
deleted file mode 100644
index 72fed78..0000000
--- a/src/app/showcase/pages/templates/atlantis/atlantisseparator.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'atlantis-separator',
-    template: `
-        <div class="template-separator">
-            <span class="template-separator-icon">
-                <svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path
-                        fillRule="evenodd"
-                        clipRule="evenodd"
-                        d="M17.736 16.7144C18.5426 24.1391 29.4206 24.1338 30.2244 16.7144C27.4389 16.4579 25.0833 14.6946 23.9802 12.25C22.8772 14.6946 20.5216 16.4579 17.736 16.7144ZM23.2804 23.6609C23.0374 26.3486 20.8981 28.6944 18.2461 29.186C14.6619 29.9314 11.1098 27.2517 10.792 23.6609C13.5776 23.4044 15.9332 21.6411 17.0362 19.1965C18.1312 21.6598 20.591 23.4338 23.2804 23.6609ZM30.2244 30.6073C29.904 33.7706 27.2252 36.25 23.9802 36.25C20.7353 36.25 18.0565 33.7706 17.736 30.6073C20.4255 30.3802 22.8852 28.6062 23.9802 26.1429C25.0752 28.6062 27.535 30.3802 30.2244 30.6073ZM37.1683 23.6609C36.8478 27.0219 33.7737 29.6108 30.3525 29.2768C27.436 29.0551 24.9362 26.5757 24.6798 23.6609C27.3693 23.4338 29.829 21.6598 30.924 19.1965C32.0271 21.6411 34.3827 23.4044 37.1683 23.6609Z"
-                        fill="var(--surface-900)"
-                    />
-                </svg>
-            </span>
-        </div>
-    `
-})
-export class AtlantisSeparator {}
diff --git a/src/app/showcase/pages/templates/avalon/avalon.ts b/src/app/showcase/pages/templates/avalon/avalon.ts
deleted file mode 100644
index 0b9ec0f..0000000
--- a/src/app/showcase/pages/templates/avalon/avalon.ts
+++ /dev/null
@@ -1,239 +0,0 @@
-import { Component } from '@angular/core';
-import { TemplateConfigurationModule } from 'src/app/showcase/layout/templates/templateconfiguration';
-import { TemplateFeaturesModule } from 'src/app/showcase/layout/templates/templatefeatures';
-import { TemplateFeaturesAnimationModule } from 'src/app/showcase/layout/templates/templatefeaturesanimation/templatefeaturesanimation';
-import { TemplateHeroModule } from 'src/app/showcase/layout/templates/templatehero/templatehero';
-import { TemplateLicenseModule } from 'src/app/showcase/layout/templates/templatelicense';
-import { TemplateRelatedModule } from 'src/app/showcase/layout/templates/templaterelated';
-import { TemplateSeparatorModule } from 'src/app/showcase/layout/templates/templateseparator';
-import { TemplateYoutubeModule } from 'src/app/showcase/layout/templates/templateyoutube';
-import { AvalonLogo } from './avalonlogo';
-import { AvalonSeparator } from './avalonseparator';
-
-@Component({
-    standalone: true,
-    selector: 'avalon-page',
-    imports: [
-        TemplateHeroModule,
-        TemplateSeparatorModule,
-        TemplateFeaturesAnimationModule,
-        TemplateFeaturesModule,
-        TemplateConfigurationModule,
-        TemplateFeaturesAnimationModule,
-        TemplateRelatedModule,
-        TemplateYoutubeModule,
-        TemplateLicenseModule,
-        AvalonSeparator
-    ],
-    template: `<div class="avalon template">
-        <template-hero [templateHeroData]="templateHeroData" [templateLogo]="avalonLogo"></template-hero>
-        <avalon-separator></avalon-separator>
-        <template-license [license]="license"></template-license>
-        <avalon-separator></avalon-separator>
-        <template-features-animation [featuresData]="animationFeaturesData2" title="Features"></template-features-animation>
-        <avalon-separator></avalon-separator>
-        <template-configuration
-            title="Angular with CLI"
-            description="Avalon is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-        ></template-configuration>
-        <avalon-separator></avalon-separator>
-        <template-features [featuresData]="features1Data" displayType="horizontal"></template-features>
-        <avalon-separator></avalon-separator>
-        <template-features-animation [featuresData]="animationFeaturesData1"></template-features-animation>
-        <avalon-separator></avalon-separator>
-        <template-features [featuresData]="features2Data" displayType="vertical"></template-features>
-    </div>`
-})
-export class AvalonPage {
-    avalonLogo = AvalonLogo;
-    templateHeroData = {
-        pattern: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-hero-pattern.png',
-        light: true,
-        rectangle: true,
-        dashboard1: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-hero-dashboard1.png',
-        dashboard2: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-hero-dashboard2.png',
-        description:
-            'Welcome the new Avalon, elegantly designed with its new bootstrap theme and colors, offering 5 menu layouts with light and dark modes. The layout is mobile-friendly and cross-browser compatible, built with SASS, CSS3 and HTML5 ensuring excellent performance to get you started with your next project!',
-        liveHref: 'https://avalon.primeng.org/',
-        docHref: 'https://avalon.primeng.org/documentation'
-    };
-
-    relatedData = [
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/verona-ng.jpg',
-            href: '/templates/verona'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/apollo-ng.jpg',
-            href: '/templates/apollo'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/ultima-ng.jpg',
-            href: '/templates/ultima'
-        }
-    ];
-
-    features1Data = [
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature1.png',
-            title: 'Ready to Use Applications',
-            description: 'Mail, File System, Tasks, Calendar, Blog and Chat are the sample applications to get started with ease.'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature2.png',
-            title: 'E-Commerce Pages',
-            description: 'Avalon offers E-commerce pages to kickstart your e-commerce project powered by PrimeBlocks.'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature3.png',
-            title: 'Ready to Use Pages',
-            description: 'Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app.'
-        }
-    ];
-    features2Data = [
-        {
-            title: 'Fully Responsive',
-            description: 'Avalon is crafted to provide optimal viewing and interaction experience for a wide range of devices.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features2-responsive.png'
-        },
-        {
-            title: 'Cross Browser Compatible',
-            description: 'First class support for Firefox, Safari, Chrome and Edge.',
-            src: 'https://primefaces.org/cdn/primeng/images/compatible-ng.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/compatible-ng-dark.png'
-        },
-        {
-            title: 'Support',
-            description: `PrimeTek offers assistance with account management and licensing issues, with the expectation that users have the necessary technical knowledge to use our products, as we do not offer technical support or consulting. Users
-                            can seek assistance in our community via our public Discord and Forum.`,
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-lifetime.png'
-        },
-        {
-            title: 'Customizable Design',
-            description: 'Fully customizable with a mixture of Sass and CSS variables.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png'
-        },
-        {
-            title: 'Top Notch Quality',
-            description: 'Superior standards with 100% compatibility for strict mode and linting tools.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-quality.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-quality-dark.png'
-        },
-        {
-            title: 'Mobile Experience',
-            description: 'Touch optimized enhanced mobile experience with responsive design.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features2-mobile.png'
-        }
-    ];
-
-    animationFeaturesData1 = [
-        {
-            id: 1,
-            title: 'PrimeFlex CSS Utilities',
-            description: 'PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-utilities.png'
-        },
-        {
-            id: 2,
-            title: 'PrimeBlocks',
-            description: 'Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-blocks.png'
-        },
-        {
-            id: 3,
-            title: 'PrimeIcons',
-            description: 'Avalon ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-icons.png'
-        },
-        {
-            id: 4,
-            title: 'Figma File',
-            description:
-                'Avalon uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeNG UI components are excluded from the Avalon Figma file as they are available in PrimeOne for Figma only.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/features-animation-figma.png'
-        }
-    ];
-
-    animationFeaturesData2 = [
-        {
-            id: 1,
-            title: 'Light and Dark Modes',
-            description: 'Avalon offers you 2 uniquely designed layout modes to choose from; Light and Dark.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/features-animation-darkmode.png'
-        },
-        {
-            id: 2,
-            title: 'Component 10 Beautiful Themes',
-            description: 'Avalon offers 10 built-in themes and creating your own theme is a matter of defining couple of SaSS variables.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/features-animation-component-themes.png'
-        },
-        {
-            id: 3,
-            title: '7 Menu Orientations',
-            description: 'Avalon has 7 menu layouts to choose from; Static, Overlay, Slim, Slim+, Reveal, Drawer and Horizontal with Light and Dark options.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/diamond/features-animation-orientations.png',
-            type: 'inline-animation',
-            inlineFeaturesData: [
-                {
-                    id: 1,
-                    title: 'Static',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/Static.png'
-                },
-                {
-                    id: 2,
-                    title: 'Slim',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/Slim.png'
-                },
-                {
-                    id: 3,
-                    title: 'Reveal',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/Reveal.png'
-                },
-                {
-                    id: 4,
-                    title: 'Horizontal',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/Horizontal.png'
-                },
-                {
-                    id: 5,
-                    title: 'Overlay',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/Overlay.png'
-                },
-                {
-                    id: 6,
-                    title: 'Slim+',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/Slim+.png'
-                },
-                {
-                    id: 7,
-                    title: 'Drawer',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/Drawer.png'
-                }
-            ]
-        },
-        {
-            id: 4,
-            title: 'Topbar Themes',
-            description: 'Avalon comes with 11 topbar themes guaranteeing an enviable design.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/features-animation-menu-themes.png'
-        }
-    ];
-
-    license = {
-        documentLink: 'https://avalon.primeng.org/documentation',
-        description: 'The download package is an Angular CLI-based project containing all source code of the application deployed at the live demo. The project code is written in TypeScript.',
-        licenseDetails: [
-            {
-                title: 'Basic License',
-                price: '$49',
-                included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates']
-            },
-            {
-                title: 'Extended License',
-                price: '$490',
-                included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates']
-            }
-        ]
-    };
-}
diff --git a/src/app/showcase/pages/templates/avalon/avalonlogo.ts b/src/app/showcase/pages/templates/avalon/avalonlogo.ts
deleted file mode 100644
index 0099385..0000000
--- a/src/app/showcase/pages/templates/avalon/avalonlogo.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'avalon-logo',
-    template: `
-        <svg xmlns="http://www.w3.org/2000/svg" width="125" height="40" viewBox="0 0 125 40" fill="none">
-            <path d="M6.33333 0.555555H14.6111L20.9444 39.4444H14.8333L13.7222 31.7222V31.8333H6.77778L5.66667 39.4444H0L6.33333 0.555555ZM13 26.5556L10.2778 7.33334H10.1667L7.5 26.5556H13Z" fill="var(--surface-0)" />
-            <path d="M20.7248 0.555555H26.8915L30.8915 30.7222H31.0026L35.0026 0.555555H40.6137L34.7248 39.4444H26.6137L20.7248 0.555555Z" fill="var(--surface-0)" />
-            <path d="M46.6978 0.555555H54.9756L61.3091 39.4444H55.1978L54.0867 31.7222V31.8333H47.1423L46.0311 39.4444H40.3645L46.6978 0.555555ZM53.3645 26.5556L50.6422 7.33334H50.5311L47.8645 26.5556H53.3645Z" fill="var(--surface-0)" />
-            <path d="M64.2738 0.555555H70.3849V33.8889H80.4404V39.4444H64.2738V0.555555Z" fill="var(--surface-0)" />
-            <path
-                d="M91.9875 40C88.9875 40 86.691 39.1482 85.0986 37.4444C83.5059 35.7407 82.7097 33.3333 82.7097 30.2222V9.77779C82.7097 6.66667 83.5059 4.25925 85.0986 2.55556C86.691 0.851853 88.9875 0 91.9875 0C94.9875 0 97.2837 0.851853 98.8764 2.55556C100.469 4.25925 101.265 6.66667 101.265 9.77779V30.2222C101.265 33.3333 100.469 35.7407 98.8764 37.4444C97.2837 39.1482 94.9875 40 91.9875 40ZM91.9875 34.4444C94.0986 34.4444 95.1541 33.1667 95.1541 30.6111V9.3889C95.1541 6.83334 94.0986 5.55556 91.9875 5.55556C89.8764 5.55556 88.8208 6.83334 88.8208 9.3889V30.6111C88.8208 33.1667 89.8764 34.4444 91.9875 34.4444Z"
-                fill="var(--surface-0)"
-            />
-            <path d="M105.398 0.555555H113.065L119.009 23.8333H119.12V0.555555H124.565V39.4444H118.287L110.954 11.0556H110.842V39.4444H105.398V0.555555Z" fill="var(--surface-0)" />
-        </svg>
-    `
-})
-export class AvalonLogo {}
diff --git a/src/app/showcase/pages/templates/avalon/avalonseparator.ts b/src/app/showcase/pages/templates/avalon/avalonseparator.ts
deleted file mode 100644
index 5c12c90..0000000
--- a/src/app/showcase/pages/templates/avalon/avalonseparator.ts
+++ /dev/null
@@ -1,1270 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'avalon-separator',
-    template: `
-        <div class="template-separator">
-            <span class="template-separator-icon">
-                <svg width="66" height="32" viewBox="0 0 66 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <g clipPath="url(#clip0_1870_170886)">
-                        <path
-                            d="M28.916 7.00377C28.916 7.00377 29.339 6.48082 30.0761 6.22062C30.0761 6.22062 29.3778 6.3161 28.8371 6.74094C28.8371 6.74094 28.8839 6.90743 28.9161 7.00385L28.916 7.00377ZM34.3005 7.0304C34.3336 6.93438 34.3821 6.76828 34.3821 6.76828C33.8456 6.3382 33.1482 6.23573 33.1482 6.23573C33.8829 6.5033 34.3006 7.03031 34.3006 7.03031L34.3005 7.0304ZM31.9522 6.06707C31.882 6.06163 31.7646 6.05454 31.6216 6.05375C31.6206 6.05375 31.6198 6.05374 31.6188 6.05374C31.6178 6.05373 31.6169 6.05373 31.616 6.05372C31.4726 6.05318 31.3439 6.05897 31.2735 6.06379C31.2378 6.0662 31.2148 6.10046 31.228 6.13172L31.4144 6.57134C31.4224 6.59023 31.4418 6.60267 31.4636 6.60278L31.6099 6.6035L31.6105 6.60351L31.7568 6.60423C31.7786 6.60434 31.7982 6.59209 31.8063 6.57328L31.997 6.13552C32.0105 6.10439 31.988 6.07 31.9521 6.06715L31.9522 6.06707ZM34.5841 6.65033C34.4667 6.54022 33.8887 6.0648 32.5338 5.90194C32.5554 5.81854 32.5897 5.63086 32.5363 5.41696L32.5285 5.38547L32.4966 5.38164C32.4871 5.38051 32.3306 5.36314 32.155 5.43326C32.1612 5.40167 32.1682 5.36225 32.1742 5.3204C32.1964 5.16419 32.1913 5.06273 32.1589 5.01051C32.1467 4.99052 32.1305 4.97167 32.1111 4.95389C32.1159 4.94215 32.1225 4.91907 32.1367 4.86567C32.1486 4.82077 32.1661 4.75145 32.1817 4.6762C32.2371 4.40795 32.2132 4.33184 32.1905 4.29836C32.1773 4.27811 32.1597 4.259 32.1386 4.24138C32.1423 4.2278 32.1468 4.20997 32.1526 4.18639C32.1641 4.13982 32.1811 4.06808 32.1959 3.99033C32.2483 3.71631 32.225 3.6397 32.1993 3.60395C32.1861 3.58528 32.1693 3.56776 32.1494 3.55165C32.152 3.53957 32.1552 3.5249 32.1589 3.50707C32.169 3.45965 32.1835 3.38665 32.1958 3.3078C32.2391 3.02973 32.2135 2.95361 32.1868 2.91877C32.1728 2.90019 32.1551 2.88292 32.1341 2.86721C32.1366 2.85388 32.1397 2.83721 32.1436 2.81554C32.1521 2.7682 32.1643 2.69519 32.174 2.6164C32.2084 2.33879 32.1805 2.26366 32.1526 2.22966C32.1494 2.22572 32.146 2.22195 32.1425 2.21818C32.3234 2.1012 32.4181 1.9476 32.4668 1.8313C32.552 1.80111 32.6914 1.7057 32.6697 1.53384C32.6601 1.45763 32.6092 1.38781 32.5201 1.32672C32.5383 1.16064 32.4355 0.776242 32.184 0.717691C32.1411 0.707718 32.0945 0.710658 32.0446 0.726177C32.0167 0.685915 31.9786 0.641515 31.9371 0.601019C31.9883 0.560313 32.0107 0.499863 31.9983 0.430064C31.9748 0.299982 31.8277 0.160363 31.6444 0.157121C31.6444 0.157121 31.6429 0.157114 31.6421 0.15711C31.6413 0.157106 31.6405 0.157018 31.6397 0.157014C31.4564 0.15861 31.3078 0.296683 31.2834 0.426361C31.2703 0.496034 31.2921 0.556703 31.3429 0.597913C31.301 0.637996 31.2624 0.681933 31.2341 0.722001C31.1844 0.705989 31.1379 0.702589 31.0948 0.712136C30.8435 0.768035 30.7367 1.14956 30.7526 1.31648C30.6686 1.37329 30.6122 1.44199 30.6012 1.52327C30.5768 1.70183 30.7208 1.79906 30.8002 1.82548L30.8011 1.82273C30.8486 1.93958 30.9418 2.09403 31.1216 2.21279C31.1181 2.21645 31.1148 2.2201 31.1117 2.22384C31.0855 2.25524 31.0538 2.32841 31.0813 2.60107C31.089 2.67752 31.0993 2.7484 31.1065 2.79431C31.112 2.82896 31.1156 2.85108 31.1185 2.86578C31.0998 2.8802 31.0838 2.89588 31.0708 2.91267C31.0456 2.94475 31.0162 3.01901 31.0521 3.29063C31.0623 3.36684 31.0747 3.43722 31.0833 3.4829C31.0894 3.51454 31.0935 3.5355 31.0967 3.5502C31.0788 3.56496 31.0635 3.5809 31.0514 3.59785C31.0271 3.63077 31 3.70588 31.0443 3.97612C31.0568 4.05193 31.0713 4.1219 31.0814 4.16725C31.0898 4.20474 31.095 4.22721 31.0988 4.24166C31.0806 4.25742 31.0652 4.27444 31.0532 4.29232C31.03 4.32599 31.0052 4.40186 31.058 4.67064C31.0727 4.74604 31.0896 4.81553 31.1011 4.86055C31.1147 4.91401 31.1212 4.93714 31.1258 4.94893C31.1063 4.96643 31.09 4.98512 31.0777 5.00483C31.0446 5.05689 31.038 5.15779 31.0574 5.31321C31.0627 5.35553 31.0691 5.39527 31.0748 5.42691C30.9008 5.35615 30.7454 5.37181 30.7361 5.37285L30.7042 5.37636L30.6961 5.40777C30.6406 5.62113 30.673 5.80915 30.6938 5.89275C29.3372 6.04229 28.7546 6.51197 28.6362 6.62083C28.6092 6.64572 28.5992 6.68496 28.6108 6.72097L28.8001 7.30917C28.8084 7.3349 28.8306 7.35303 28.8567 7.35533C28.8584 7.35542 28.8601 7.35551 28.8618 7.35552C28.8857 7.35564 28.9079 7.34207 28.9194 7.3201C28.9502 7.2612 29.0905 7.04684 29.6025 6.76233C29.6253 6.74968 29.6485 6.73753 29.6721 6.72572L30.0057 6.88052C30.0429 6.89781 30.086 6.89886 30.124 6.88353C30.2823 6.8195 30.4406 6.78624 30.5456 6.7695C30.5786 6.76424 30.6111 6.78083 30.6267 6.81069L30.7991 7.14021C30.8122 7.1653 30.8309 7.18616 30.8532 7.20171L30.7809 21.8798C30.7679 24.5334 30.9541 26.0223 31.1128 26.804C31.2865 27.6601 31.4649 27.8833 31.4725 27.8924L31.5081 27.926L31.5392 27.8927C31.5468 27.8837 31.7275 27.6623 31.9096 26.8079C32.0759 26.0278 32.2768 24.5409 32.2899 21.8872L32.3616 7.20933C32.3839 7.19401 32.4028 7.17325 32.4163 7.14837L32.5919 6.82058C32.6078 6.79087 32.6406 6.77469 32.6734 6.78019C32.7783 6.79797 32.9363 6.83279 33.0939 6.89839C33.1318 6.91409 33.1748 6.91338 33.2122 6.89655L33.5473 6.74505C33.5709 6.75701 33.5939 6.76948 33.6165 6.78235C34.1256 7.07191 34.2639 7.28765 34.2941 7.34685C34.3055 7.36902 34.3275 7.38272 34.3514 7.38284C34.3531 7.38285 34.3548 7.38277 34.3565 7.3827C34.3826 7.38066 34.405 7.36275 34.4136 7.3371L34.6086 6.7508C34.6205 6.71499 34.611 6.67557 34.5842 6.65041L34.5841 6.65033ZM32.4534 5.47369C32.4927 5.66508 32.4563 5.83115 32.4397 5.8913C32.4211 5.88929 32.4021 5.88752 32.3834 5.88568C32.3915 5.84326 32.4149 5.70081 32.3878 5.61484C32.3878 5.61484 32.1602 5.61914 32.0502 5.86001C32.0484 5.85991 32.0466 5.85974 32.0449 5.85965C32.0421 5.81676 32.032 5.73754 31.9964 5.64502C32.1631 5.4851 32.3744 5.47188 32.4534 5.47352L32.4534 5.47369ZM31.3788 5.84909C31.3448 5.84984 31.3112 5.85068 31.278 5.85185C31.2891 5.75823 31.3447 5.508 31.6214 5.33744C31.8968 5.51114 31.9432 5.7628 31.9509 5.85509C31.8449 5.85057 31.7353 5.84769 31.6218 5.84704L31.6235 5.49019C31.449 5.59844 31.3936 5.78285 31.3788 5.84909ZM31.6478 5.24331L31.6369 5.23691L31.6067 5.23676L31.5958 5.24305C31.5752 5.25496 31.5557 5.26721 31.5372 5.27988C31.5539 5.24393 31.5883 5.17303 31.5409 5.17112C31.582 5.06255 31.7997 5.06363 31.7997 5.06363C31.6475 5.01616 31.3058 5.02448 31.2443 5.12686C31.2114 5.18167 31.2382 5.44641 31.2475 5.52854C31.2252 5.51066 31.2027 5.49453 31.18 5.4804C31.1576 5.38278 31.1161 5.1188 31.1563 5.05552C31.1997 4.98625 31.3504 4.907 31.5789 4.8967L31.6581 4.89709C31.8865 4.90965 32.0365 4.99039 32.0793 5.06042C32.1186 5.12368 32.0725 5.3883 32.0482 5.48662C32.0167 5.5059 31.9853 5.52868 31.9549 5.55539C31.8971 5.44858 31.8024 5.33475 31.6477 5.24322L31.6478 5.24331ZM32.4063 1.72231C32.3735 1.83168 32.3043 1.97356 32.1595 2.08996C32.335 1.90539 32.3009 1.62669 32.3009 1.62669C32.196 1.94383 31.9813 2.05071 31.8763 1.96177C31.7868 1.88608 31.8283 1.76091 31.8283 1.76091C31.8283 1.76091 31.3791 1.82968 31.3557 1.59557C31.3412 1.44977 31.4619 1.3969 31.56 1.37778C31.5863 1.37632 31.6117 1.3757 31.6356 1.37582L31.6356 1.36831C31.6356 1.36831 31.6361 1.36831 31.6363 1.36831L31.6363 1.37582C31.8469 1.37686 32.1609 1.43797 32.3522 1.5698C32.4017 1.60392 32.4234 1.66534 32.4063 1.72248L32.4063 1.72231ZM31.5397 3.2213C31.5397 3.20921 31.8357 3.15812 31.8357 3.15812C31.7204 3.12493 31.6114 3.09536 31.5513 3.09289C31.5924 2.98432 31.81 2.9854 31.81 2.9854C31.6579 2.93793 31.3162 2.94625 31.2547 3.04863C31.2189 3.10818 31.2537 3.41567 31.2598 3.46717C31.2318 3.47596 31.2054 3.48609 31.1813 3.49756C31.1709 3.44571 31.1548 3.35837 31.1432 3.26664C31.1116 3.02065 31.1405 2.97558 31.1443 2.97084C31.1941 2.90594 31.3521 2.84141 31.581 2.8533L31.6742 2.85384L31.6764 2.85385C31.8516 2.84655 31.9845 2.88341 32.0596 2.93058L32.0879 2.95082C32.0977 2.95921 32.1059 2.96759 32.1123 2.97613C32.1136 2.97781 32.1445 3.0215 32.1051 3.28157C32.0926 3.36393 32.0766 3.44435 32.0648 3.49951C31.9672 3.45332 31.8354 3.42722 31.6911 3.42876L31.5615 3.42812C31.5566 3.42801 31.5518 3.42807 31.5469 3.42796L31.5548 3.42667C31.5785 3.34036 31.6742 3.32732 31.8145 3.30633C31.71 3.27628 31.6067 3.23732 31.5397 3.22114L31.5397 3.2213ZM31.543 2.56715C31.5429 2.55506 31.8389 2.50397 31.8389 2.50397C31.7236 2.47078 31.6146 2.44121 31.5545 2.43875C31.5956 2.33017 31.8133 2.33125 31.8133 2.33125C31.6611 2.28378 31.3194 2.2921 31.2579 2.39449C31.225 2.44913 31.2516 2.71236 31.261 2.79532C31.2412 2.80165 31.2224 2.80856 31.2047 2.81623C31.196 2.76472 31.1822 2.67456 31.173 2.58017C31.1492 2.3333 31.1794 2.28907 31.1833 2.28451C31.2337 2.22278 31.401 2.16679 31.617 2.17896L31.6172 2.18079C31.6222 2.1804 31.6419 2.1805 31.6469 2.18094L31.6471 2.17911C31.8631 2.16916 32.0299 2.22671 32.08 2.28936C32.0834 2.29355 32.1129 2.33807 32.0824 2.59318C32.0721 2.67905 32.058 2.76306 32.0477 2.81815C31.9492 2.77546 31.8175 2.7537 31.6736 2.75966L31.5848 2.75922C31.5775 2.75885 31.5702 2.75856 31.5629 2.75836C31.593 2.68477 31.6854 2.67196 31.8177 2.65218C31.7132 2.62213 31.6099 2.58317 31.543 2.56699L31.543 2.56715ZM32.1628 0.809512C32.3319 0.848805 32.4242 1.12237 32.4286 1.27371C32.4007 1.2599 32.3422 0.995254 32.2321 0.978276C32.1493 0.965438 31.9813 1.09015 31.9375 1.13281C31.8615 1.12142 31.7843 1.1137 31.7091 1.11024C31.7409 1.07203 31.7922 1.01397 31.8527 0.958548C31.9788 0.843221 32.0859 0.791614 32.1628 0.809512ZM31.3751 0.443999C31.3922 0.352824 31.5056 0.252032 31.6415 0.251536C31.7773 0.253376 31.8898 0.355368 31.9059 0.446624C31.9131 0.486784 31.8988 0.516994 31.8638 0.536758C31.8016 0.488068 31.719 0.438108 31.6409 0.437388C31.5472 0.4119 31.5648 0.336577 31.6192 0.301059C31.6192 0.301059 31.334 0.358459 31.4164 0.534628C31.3815 0.514602 31.3675 0.484252 31.3752 0.444082L31.3751 0.443999ZM31.451 0.627226C31.5241 0.566526 31.593 0.531748 31.6401 0.531814C31.6871 0.532213 31.7557 0.567672 31.8282 0.629093C31.8764 0.669872 31.9232 0.719654 31.9565 0.764531C31.9037 0.793966 31.8478 0.835649 31.7889 0.88958C31.7249 0.948323 31.6715 1.00854 31.6379 1.04891C31.5744 0.908622 31.553 0.778968 31.6364 0.641407C31.5218 0.679379 31.4205 0.785904 31.3971 0.811814C31.3711 0.792417 31.3458 0.775608 31.3211 0.761471C31.3549 0.716843 31.4022 0.667693 31.4507 0.627309L31.451 0.627226ZM31.1148 0.804329C31.1919 0.787192 31.2984 0.839772 31.4234 0.956425C31.4832 1.01219 31.5337 1.0705 31.5652 1.10911C31.4923 1.11142 31.4144 1.11788 31.3356 1.12858C31.2911 1.08448 31.1228 0.949266 31.0406 0.959953C30.9181 0.975781 30.8733 1.25001 30.8446 1.26396C30.8511 1.11234 30.9461 0.841866 31.1148 0.804329ZM30.7648 1.70018C30.7246 1.66953 30.6826 1.61727 30.6936 1.53616C30.7056 1.44796 30.8233 1.36062 31.0166 1.29643C31.1963 1.23675 31.4263 1.2016 31.632 1.20246C32.0502 1.20536 32.5529 1.35533 32.5767 1.54547C32.5843 1.60565 32.5639 1.65494 32.5143 1.69615C32.511 1.69889 32.5077 1.70137 32.5044 1.70386C32.512 1.6214 32.4751 1.54005 32.4048 1.49157C32.1974 1.34865 31.8613 1.28234 31.6367 1.28123L31.6363 1.36247C31.6363 1.36247 31.6358 1.36247 31.6357 1.36247L31.6361 1.28122C31.4115 1.28011 31.0748 1.3431 30.866 1.48396C30.7937 1.53265 30.756 1.61588 30.7647 1.70009L30.7648 1.70018ZM30.8623 1.71467C30.8457 1.65728 30.8681 1.59616 30.918 1.56254C30.975 1.52412 31.0427 1.49209 31.1152 1.46584C30.9689 1.53435 30.9095 1.69055 30.9768 1.8427C31.0352 1.97488 31.1321 2.08789 31.1784 2.13758C30.9838 2.01199 30.899 1.84132 30.8624 1.71459L30.8623 1.71467ZM31.1267 3.65378C31.1745 3.58737 31.3303 3.51832 31.5603 3.52263L31.6912 3.52327C31.8658 3.52113 31.9972 3.56199 32.071 3.61132L32.107 3.64053C32.1131 3.64673 32.1187 3.65302 32.1231 3.65913C32.1263 3.66357 32.1529 3.70966 32.1059 3.96118C32.0896 4.04861 32.0692 4.13393 32.0554 4.188C31.9597 4.13981 31.8299 4.11022 31.6865 4.10709L31.5577 4.10646C31.5577 4.10646 31.5561 4.10653 31.5554 4.10645C31.5845 4.02918 31.6773 4.01612 31.8111 3.99568C31.7066 3.96497 31.6034 3.92525 31.5364 3.90882C31.5363 3.89655 31.8322 3.84438 31.8322 3.84438C31.7169 3.81053 31.6079 3.78046 31.5478 3.77799C31.589 3.66725 31.8066 3.66832 31.8066 3.66832C31.6545 3.61994 31.3129 3.62843 31.2513 3.73281C31.2164 3.7922 31.2487 4.0925 31.256 4.1556C31.2295 4.16489 31.2047 4.17537 31.1819 4.18693C31.17 4.13691 31.1501 4.04563 31.1347 3.94929C31.0956 3.70435 31.1231 3.65844 31.1266 3.65353L31.1267 3.65378ZM31.1303 4.34576C31.1759 4.27791 31.3295 4.20359 31.5582 4.20089L31.6854 4.20143C31.8586 4.20513 31.988 4.24931 32.0607 4.30031L32.0605 4.30164L32.0694 4.30686C32.0885 4.32146 32.1032 4.33639 32.1129 4.35095C32.1159 4.35555 32.1416 4.40264 32.0925 4.64565C32.0708 4.75298 32.0436 4.85362 32.0311 4.89735C31.9366 4.84508 31.8068 4.81065 31.6625 4.80277L31.5786 4.80235L31.5764 4.80242C31.5745 4.8025 31.5727 4.80266 31.5708 4.80273C31.6096 4.74611 31.6956 4.73344 31.8133 4.71509C31.7088 4.68387 31.6056 4.64324 31.5385 4.62647C31.5385 4.61388 31.8345 4.56062 31.8345 4.56062C31.7192 4.5261 31.6102 4.49536 31.55 4.49281C31.5913 4.37982 31.8088 4.38081 31.8088 4.38081C31.6567 4.33142 31.315 4.34016 31.2535 4.4468C31.22 4.50486 31.2483 4.78904 31.2571 4.86916C31.2395 4.87667 31.2225 4.88468 31.2067 4.89319C31.1945 4.84933 31.1684 4.74844 31.1477 4.64097C31.1009 4.39741 31.127 4.35058 31.1304 4.34567L31.1303 4.34576ZM30.7783 5.4654C30.8582 5.46496 31.0718 5.48004 31.2373 5.64485C31.2035 5.72752 31.1902 5.79903 31.1851 5.8428C31.0753 5.61352 30.8558 5.60718 30.8558 5.60718C30.8281 5.69205 30.8495 5.8328 30.8574 5.87671C30.8341 5.87877 30.8109 5.88074 30.7879 5.88296C30.7719 5.82265 30.7372 5.65614 30.7783 5.46524L30.7783 5.4654ZM32.196 21.887C32.1831 24.5108 31.9863 25.9861 31.8235 26.762C31.6956 27.371 31.568 27.6569 31.5061 27.7698C31.4452 27.6562 31.3205 27.3689 31.1987 26.7589C31.0434 25.9816 30.8612 24.5042 30.8741 21.8805L30.9462 7.23261C30.9475 7.2327 30.9487 7.23279 30.9499 7.23271L32.2644 7.23922C32.2656 7.23922 32.2669 7.23906 32.2681 7.23915L32.196 21.887ZM33.174 6.81044C33.1599 6.81688 33.1437 6.81705 33.1294 6.81122C32.9638 6.74233 32.7984 6.70581 32.6888 6.68725C32.6166 6.67505 32.5446 6.71065 32.5097 6.77579L32.3341 7.10359C32.3203 7.1293 32.2938 7.14518 32.2648 7.14504L30.9503 7.13854C30.9214 7.13839 30.8951 7.12225 30.8815 7.09649L30.7091 6.76697C30.6748 6.70148 30.6031 6.66517 30.5309 6.67666C30.4212 6.69414 30.2554 6.72902 30.0891 6.79627C30.0748 6.80212 30.0585 6.80162 30.0445 6.79505L29.7844 6.6743C29.8329 6.65369 29.8826 6.63467 29.9331 6.61698L30.0901 6.69901C30.0901 6.69901 30.409 6.5813 30.6865 6.56999C30.734 6.56806 30.783 6.60509 30.8064 6.64683L30.9946 6.97968C31.0077 7.0006 31.0304 7.01331 31.0549 7.01351L31.6083 7.00348L32.1616 7.01898C32.1861 7.01911 32.209 7.00662 32.2222 6.98575L32.4136 6.65478C32.4375 6.61327 32.4868 6.57673 32.5344 6.57913C32.8117 6.59318 33.1295 6.71404 33.1295 6.71404L33.2872 6.63357C33.3374 6.65175 33.387 6.67135 33.4354 6.69236L33.1741 6.81053L33.174 6.81044ZM34.52 6.72075L34.3444 7.24859C34.1833 7.00871 33.7872 6.77118 33.6624 6.70016C33.3475 6.52109 32.9429 6.42407 32.659 6.37429C32.3524 6.32047 32.1157 6.30837 32.1134 6.30827C32.0956 6.30744 32.079 6.31678 32.0703 6.33242L31.866 6.7032L31.8643 6.70653C31.8584 6.7196 31.8474 6.72772 31.8357 6.72766L31.3836 6.72543C31.3719 6.72537 31.3611 6.71722 31.3553 6.70401L31.1529 6.32788C31.1444 6.31216 31.1278 6.30256 31.1101 6.30331C31.1077 6.30338 30.8711 6.31306 30.564 6.36384C30.2795 6.4109 29.8739 6.50391 29.5574 6.67977C29.4319 6.74956 29.0333 6.98316 28.8699 7.22134L28.6995 6.6918C28.6993 6.69104 28.6994 6.69038 28.699 6.69062C28.8372 6.56368 29.626 5.93202 31.6135 5.94126C33.6013 5.9516 34.3839 6.5912 34.52 6.71875C34.5202 6.71892 34.5203 6.71984 34.52 6.72058L34.52 6.72075ZM31.7102 15.7822C31.7102 15.7822 31.8091 11.9853 31.8925 11.3176C31.976 10.6501 32.0919 10.3661 32.0919 10.3661L32.1063 7.43455L31.7513 7.43279L31.7102 15.7822ZM31.0209 21.5431C31.0084 24.0664 31.2199 25.8611 31.2199 25.8611C31.2413 24.9633 31.507 23.9699 31.507 23.9699L31.5884 7.43199L31.0902 7.42952C31.0902 7.42952 31.0332 19.0197 31.0208 21.543L31.0209 21.5431ZM31.6558 26.8487C31.6558 26.8487 31.9768 25.4649 31.9833 24.1373C31.7972 23.9473 31.7111 23.3339 31.6749 22.9599L31.6558 26.8489L31.6558 26.8487Z"
-                            fill="var(--surface-900)"
-                        />
-                    </g>
-                    <path
-                        d="M34.5352 18.2869C34.5139 18.2518 34.4657 18.2382 34.431 18.2596C33.0756 19.1421 31.6276 19.8669 30.2182 20.6578C29.5897 21.0124 28.9611 21.3689 28.3326 21.7273C29.6436 20.9247 30.9412 20.1006 32.2388 19.2805C32.7131 18.9765 33.2029 18.6999 33.6926 18.4252C33.8526 18.3395 34.0107 18.2499 34.1707 18.1642C34.1862 18.1544 34.1977 18.1408 34.2016 18.1233C34.217 18.0687 34.1534 18.0161 34.1033 18.0473C33.2761 18.5557 32.4085 18.9921 31.5717 19.4831C30.1237 20.3325 28.6912 21.2072 27.2471 22.0624C26.8711 22.2806 26.4912 22.4949 26.1095 22.7073C26.9675 22.1696 27.8332 21.6416 28.6931 21.1078C29.9502 20.3325 31.2227 19.5805 32.4721 18.7934C32.7286 18.6317 32.9908 18.47 33.2144 18.3687C33.2453 18.3512 33.2549 18.3064 33.2318 18.2811C33.2125 18.2518 33.1662 18.2499 33.1412 18.2752C32.6129 18.6785 31.7915 19.0662 31.163 19.4753C29.1501 20.7026 27.1198 21.9046 25.0992 23.1183C25.0626 23.1398 25.0259 23.1651 24.9912 23.1865C25.9861 22.491 26.9925 21.8092 28.026 21.1721C29.1115 20.5 30.2144 19.8532 31.3133 19.2006C31.6604 18.9863 32.0229 18.7934 32.368 18.5772C32.3931 18.5596 32.4239 18.5441 32.4181 18.509C32.4162 18.4759 32.3738 18.4544 32.3449 18.4739C31.2227 19.1675 30.0524 19.785 28.9303 20.4805C27.2567 21.4858 25.6005 22.5202 23.9732 23.5976C23.2887 24.0593 22.6023 24.521 21.9198 24.9866C21.9564 25.008 21.9911 25.0314 22.0258 25.0587C22.2052 25.2087 22.4018 25.3412 22.6062 25.4639C22.9089 25.2808 23.2116 25.0977 23.5143 24.9145C25.5214 23.7086 27.49 22.4384 29.4971 21.2345C30.8236 20.4435 32.1848 19.7149 33.5287 18.9571C33.8584 18.772 34.1842 18.583 34.512 18.394C34.5486 18.3746 34.5621 18.3239 34.539 18.2888L34.5352 18.2869Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M34.4231 18.571C33.3839 19.175 32.3446 19.7769 31.2996 20.3672C30.2604 20.9264 29.2231 21.4913 28.2012 22.0836C26.4583 23.083 24.8136 24.2421 23.1092 25.3019C22.9839 25.3798 22.8566 25.4597 22.7294 25.5377C23.0012 25.6955 23.2808 25.8396 23.5527 25.9857C24.9544 25.1967 26.358 24.4077 27.7231 23.5544C28.5733 23.0479 29.4121 22.5239 30.2681 22.0251C30.3587 21.9706 30.4494 21.916 30.54 21.8615C30.5554 21.8517 30.567 21.8362 30.5728 21.8186C30.5901 21.7602 30.5207 21.7037 30.4667 21.7368C29.7244 22.1888 29.0477 22.5239 28.3053 22.9252C27.7038 23.27 27.1022 23.6129 26.4987 23.9557C27.6344 23.2739 28.7681 22.5842 29.896 21.8868C30.9237 21.242 31.959 20.6147 32.8999 19.9757C33.1544 19.8003 33.4321 19.6562 33.6885 19.4828C33.7251 19.438 33.6692 19.3659 33.6152 19.399C31.1088 20.7608 28.6717 22.2414 26.225 23.7083C26.7648 23.3616 27.3066 23.0206 27.8561 22.6894C29.4043 21.7426 30.9449 20.7783 32.5085 19.8529C33.1467 19.4652 33.7772 19.0698 34.4231 18.6938C34.4501 18.6743 34.4887 18.6646 34.5002 18.6295C34.5137 18.5866 34.4617 18.5438 34.4231 18.5691V18.571Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M34.7759 18.6879C34.5176 18.8496 34.2418 18.9821 33.9989 19.1691C33.9912 19.175 33.9893 19.1769 33.9893 19.1769C33.9873 19.1789 33.9854 19.1808 33.9816 19.1847C33.9526 19.2178 33.9719 19.2743 34.0143 19.2841C34.076 19.2919 34.1281 19.2354 34.184 19.2139C34.3633 19.1049 34.5349 18.988 34.7027 18.8633C34.7509 18.8224 34.8261 18.8029 34.8569 18.7483C34.8704 18.7035 34.8164 18.6626 34.7779 18.6879H34.7759Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path d="M30.814 21.4855C30.814 21.4855 30.8159 21.4835 30.8178 21.4816C30.7966 21.4991 30.8024 21.4933 30.814 21.4855Z" fill="var(--surface-900)" fillOpacity="0.5" />
-                    <path
-                        d="M34.5391 19.214C33.3322 20.0205 32.0327 20.6751 30.8238 21.4778C30.8199 21.4797 30.818 21.4836 30.8141 21.4856C30.7948 21.4972 30.7813 21.5167 30.7756 21.5382C30.7582 21.5966 30.8064 21.657 30.8662 21.657C31.0667 21.583 31.2711 21.4154 31.4619 21.3083C32.2409 20.8349 32.9928 20.3206 33.7621 19.8316C34.0398 19.6582 34.3193 19.4867 34.6047 19.3251C34.676 19.2841 34.6124 19.1692 34.5391 19.2121V19.214Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M23.6954 26.0636C23.7918 26.1162 23.8863 26.1688 23.9827 26.2175C24.8214 25.7363 25.6601 25.2512 26.493 24.7584C28.3575 23.6304 30.22 22.4965 32.0613 21.3335C32.7207 20.9205 33.3801 20.5075 34.0241 20.0711C34.0684 20.0341 34.1301 20.0165 34.1629 19.9698C34.1725 19.9425 34.1378 19.9152 34.1128 19.9308C32.9579 20.5737 31.8376 21.277 30.6962 21.9452C29.2251 22.818 27.7347 23.6576 26.2482 24.507C25.3767 25.0194 24.4956 25.5162 23.6183 26.0208C23.6434 26.0344 23.6703 26.048 23.6954 26.0636Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path d="M32.2001 21.4118C32.2001 21.4118 32.2042 21.4097 32.2042 21.4077C32.2042 21.4077 32.2042 21.4077 32.2062 21.4077C32.2062 21.4077 32.2001 21.4118 32.2001 21.4138V21.4118Z" fill="var(--surface-900)" fillOpacity="0.5" />
-                    <path
-                        d="M34.2229 20.1568C33.7004 20.488 33.1624 20.7938 32.6399 21.1211C32.503 21.2088 32.3102 21.3296 32.2061 21.4095C32.1907 21.4192 32.1772 21.4367 32.1714 21.4543C32.1637 21.4815 32.1714 21.5108 32.1907 21.5302C32.2543 21.5906 32.3276 21.5127 32.3874 21.4835C32.8154 21.2205 33.2299 20.9341 33.6445 20.6516C33.8488 20.5094 34.0571 20.3711 34.2692 20.2406C34.3231 20.2113 34.2749 20.1256 34.221 20.1587L34.2229 20.1568Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M34.4791 20.3926C33.9104 20.7316 33.1854 21.1368 32.7477 21.4777C32.7034 21.5303 32.7747 21.6102 32.8326 21.5693C33.2606 21.3258 33.6636 21.0413 34.082 20.7861C34.2381 20.6946 34.3924 20.5991 34.5505 20.5114C34.5659 20.5017 34.5775 20.4881 34.5813 20.4705C34.5987 20.414 34.5312 20.3614 34.4811 20.3926H34.4791Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M34.7106 20.7708C34.4638 20.8897 34.2324 21.0416 34.003 21.1916C33.9162 21.2618 33.7966 21.3105 33.7311 21.3962C33.7157 21.4605 33.7947 21.4897 33.8371 21.4468C34.1514 21.2618 34.4541 21.0553 34.7645 20.8663C34.8262 20.8312 34.7703 20.7338 34.7086 20.7708H34.7106Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M35.0883 21.0199C34.8801 21.127 34.6738 21.2381 34.4848 21.3764C34.4231 21.4095 34.4347 21.5089 34.5022 21.5245C34.5427 21.5362 34.5754 21.5089 34.6082 21.4913C34.8184 21.3686 34.9476 21.2868 35.1307 21.1699C35.2464 21.1309 35.2079 20.9712 35.0902 21.0199H35.0883Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M35.4721 21.3728C35.4316 21.3962 35.3776 21.4137 35.366 21.4644C35.3506 21.5131 35.3834 21.5696 35.4335 21.5813C35.4933 21.5929 35.5974 21.5423 35.6147 21.4819C35.6398 21.402 35.5434 21.328 35.4721 21.3728Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M24.5304 26.4633C24.9141 26.2451 25.2997 26.0269 25.6814 25.8048C27.4398 24.7996 29.1847 23.6657 30.7773 22.5572C31.1379 22.304 31.5042 22.0605 31.884 21.8384C31.9265 21.8072 31.9901 21.7955 32.0094 21.7429C32.0248 21.6864 31.9592 21.6299 31.9052 21.663C31.026 22.2533 30.089 22.7501 29.1809 23.2975C27.8968 24.0612 26.6378 24.8619 25.3382 25.5964C24.9372 25.834 24.5323 26.06 24.1255 26.288C24.2585 26.3523 24.3916 26.4126 24.5304 26.4614V26.4633Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M24.9987 26.5936C25.0585 26.6033 25.1163 26.6131 25.1761 26.6228C25.2282 26.5917 25.2822 26.5605 25.3342 26.5293C27.1389 25.4364 28.8896 24.2597 30.619 23.0557C31.0394 22.7674 31.4674 22.4927 31.8954 22.218C31.9725 22.1557 32.0844 22.1206 32.1345 22.0349C32.1519 21.9745 32.0805 21.9141 32.0246 21.9492C30.4879 23.0343 28.824 23.9188 27.2411 24.9318C26.3946 25.4695 25.5424 25.9975 24.6844 26.5137C24.7866 26.5449 24.8908 26.5722 24.9987 26.5917V26.5936Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M25.8473 26.7242C26.7921 26.1593 27.7214 25.567 28.6102 24.9163C29.3757 24.3747 30.1238 23.8254 30.9509 23.2818C31.0512 23.2039 31.2459 23.1201 31.3115 23.0344C31.3249 22.9857 31.269 22.937 31.2228 22.9662C29.9213 23.7805 28.6372 24.6222 27.3319 25.4306C26.6976 25.8281 25.9803 26.243 25.3036 26.6463C25.4848 26.6755 25.6661 26.7028 25.8473 26.7262V26.7242Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M26.5201 26.8099C27.1158 26.4027 27.7155 26.0014 28.3035 25.5865C28.7026 25.2942 29.3736 24.7663 29.9482 24.3572C30.2239 24.1624 30.4842 23.9578 30.7753 23.7747C30.8023 23.7552 30.8428 23.7474 30.8524 23.7123C30.864 23.6714 30.8158 23.6325 30.7792 23.6558C29.1596 24.6884 27.5689 25.6585 25.9976 26.7437C26.1711 26.7671 26.3465 26.7885 26.5201 26.8099Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M27.0987 26.8819C28.1245 26.161 28.8803 25.5513 29.8983 24.8168C30.2106 24.5967 30.5268 24.3824 30.845 24.172C30.9028 24.1388 30.8527 24.0414 30.791 24.0785C29.9137 24.6765 29.0191 25.2454 28.1071 25.7889C27.6328 26.1006 27.0987 26.4649 26.5897 26.8195C26.7594 26.8409 26.9291 26.8604 27.0987 26.8819Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M27.6095 26.9501C28.2361 26.5 28.8126 26.0734 29.4238 25.5864C29.7323 25.3428 30.0601 25.0993 30.411 24.8519C30.5324 24.7545 30.6867 24.6824 30.7869 24.5655C30.8004 24.5168 30.7445 24.4701 30.7002 24.4993C29.5935 25.337 28.3036 26.0695 27.1198 26.8858C27.2836 26.9072 27.4475 26.9286 27.6114 26.952L27.6095 26.9501Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M28.2784 27.0571C28.4403 27.0863 28.5984 27.1292 28.7546 27.1798C29.1807 26.872 29.5914 26.5759 30.0098 26.2778C30.3973 26.0032 30.7887 25.7343 31.1898 25.481C31.344 25.3797 31.5118 25.296 31.666 25.1966C31.7084 25.1479 31.6429 25.07 31.587 25.1051C30.943 25.444 30.3125 25.8103 29.6936 26.1941C29.9597 25.9895 30.2354 25.7752 30.4725 25.5882C30.6538 25.4421 30.8485 25.3096 31.0375 25.1732C31.0799 25.1226 31.0124 25.0427 30.9546 25.0797C30.1987 25.5629 29.4198 26.0129 28.6891 26.533C29.2521 26.0889 29.9539 25.5668 30.648 25.0758C30.6923 25.0427 30.7984 24.9687 30.8678 24.9102C30.8909 24.8888 30.9237 24.8732 30.9237 24.8382C30.9237 24.7972 30.8755 24.768 30.8408 24.7894C29.763 25.4752 28.7218 26.2174 27.6826 26.9597C27.8831 26.9889 28.0837 27.0201 28.2822 27.0571H28.2784Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M29.1829 27.3436C29.3487 27.215 29.5203 27.0845 29.7074 26.9481C30.1354 26.6325 30.6251 26.2545 31.1264 25.9C31.3019 25.7694 31.4966 25.6623 31.6721 25.5357C31.7222 25.4753 31.6431 25.3837 31.5757 25.4266C30.6714 26.0013 29.7691 26.5799 28.8956 27.1994C28.886 27.2052 28.8783 27.213 28.8687 27.2189C28.9747 27.2559 29.0769 27.2988 29.181 27.3436H29.1829Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M29.5182 27.5013C30.2489 26.948 30.9102 26.4473 31.6853 25.9096C31.7798 25.8317 31.9147 25.7791 31.988 25.6856C32.0034 25.6349 31.9437 25.5882 31.8974 25.6155C31.0105 26.1902 30.1371 26.7883 29.2617 27.3786C29.3485 27.4175 29.4333 27.4584 29.5182 27.5013Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M29.8941 27.704C29.9172 27.6865 29.9404 27.669 29.9635 27.6534C30.4513 27.291 30.9314 26.917 31.4886 26.5254C31.7219 26.3559 31.9648 26.1981 32.1981 26.0286C32.2444 25.9741 32.1731 25.8884 32.1094 25.9273C31.3247 26.4046 30.4108 26.9832 29.5972 27.5404C29.6974 27.593 29.7958 27.6475 29.8922 27.7021L29.8941 27.704Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M30.2141 27.8931C30.3741 27.7704 30.5361 27.6496 30.7 27.523C31.155 27.1762 31.61 26.8294 32.0805 26.5041C32.1923 26.4242 32.308 26.3482 32.4179 26.2684C32.441 26.2547 32.4564 26.2333 32.4641 26.208C32.4892 26.1242 32.3909 26.0463 32.3157 26.093C31.5059 26.6171 30.7135 27.1645 29.9307 27.7256C30.0251 27.7801 30.1196 27.8366 30.2141 27.8931Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M30.5113 28.0801C30.5499 28.0509 30.5884 28.0217 30.625 27.9924C31.3057 27.4995 31.7588 27.1411 32.3603 26.6891C32.4953 26.5917 32.6341 26.5001 32.7652 26.3969C32.7768 26.3852 32.7826 26.3696 32.7826 26.354C32.7826 26.3092 32.7305 26.2781 32.6919 26.3014C32.1964 26.6755 31.6392 26.9696 31.1013 27.3262C30.8275 27.5268 30.5441 27.7255 30.2626 27.9223C30.3455 27.9749 30.4303 28.0256 30.5113 28.0782V28.0801Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M33.1101 26.3463C32.5298 26.7554 31.7952 27.2327 31.3074 27.6185C31.2437 27.6925 31.344 27.8074 31.4269 27.7548C31.9301 27.4003 32.3196 27.0827 32.7862 26.7359C32.9154 26.6424 33.0465 26.5528 33.1776 26.4632C33.193 26.4535 33.2046 26.4398 33.2084 26.4223C33.2258 26.3658 33.1583 26.3151 33.1082 26.3463H33.1101Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M30.7697 28.2436C30.8931 28.1599 31.0087 28.078 31.1032 27.9865C31.1379 27.9163 31.0492 27.8384 30.9837 27.8813C30.8506 27.9611 30.7215 28.0449 30.5923 28.1306C30.6521 28.1696 30.7118 28.2066 30.7716 28.2456L30.7697 28.2436Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M31.0547 28.4249C31.6582 27.9554 32.2097 27.5229 32.8941 27.0164C33.0214 26.9112 33.1853 26.8313 33.2952 26.7105C33.3106 26.6618 33.2527 26.6151 33.2084 26.6423C32.4642 27.1976 31.6312 27.743 30.8427 28.2885C30.914 28.3333 30.9834 28.3781 31.0547 28.423V28.4249Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M33.2066 27.0438C33.0524 27.1529 32.8943 27.2581 32.74 27.3672C32.7092 27.3847 32.7034 27.4295 32.7285 27.4529C32.7458 27.4704 32.7747 27.4743 32.794 27.4607C32.9483 27.3516 33.1064 27.2464 33.2625 27.1373C33.3242 27.1022 33.2683 27.0048 33.2066 27.0418V27.0438Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M31.2187 28.5282C31.2591 28.5535 31.2996 28.5769 31.3421 28.6022C31.664 28.3529 31.9417 28.1405 32.2733 27.8892C32.3851 27.8054 32.5143 27.7061 32.5876 27.6398C32.6146 27.6087 32.6609 27.5872 32.6628 27.5424C32.6628 27.4996 32.6127 27.4684 32.5741 27.4918C32.1056 27.7684 31.5927 28.1113 31.0991 28.4542C31.1396 28.4795 31.1782 28.5048 31.2187 28.5282Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M31.6737 28.7953C31.826 28.6706 31.9764 28.5498 32.1325 28.4407C32.4198 28.2225 32.7283 28.0297 33.0156 27.8154C33.0773 27.7452 32.9809 27.6362 32.9018 27.6849C32.4391 27.9966 31.9879 28.3239 31.5271 28.6395C31.5098 28.6531 31.4905 28.6648 31.4731 28.6784C31.5406 28.7174 31.6062 28.7563 31.6737 28.7953Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M31.9747 28.9645C32.0229 28.9236 32.0692 28.8826 32.1097 28.8476C32.2427 28.7346 32.4914 28.5456 32.6958 28.3917C32.7594 28.3333 32.8539 28.2943 32.9021 28.2261C32.9156 28.1833 32.8636 28.1443 32.8269 28.1677C32.5358 28.3508 32.2581 28.5554 31.9709 28.7463C31.913 28.7852 31.8533 28.8242 31.7954 28.8651C31.8552 28.8982 31.9149 28.9333 31.9747 28.9645Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M32.3428 29.1632C32.3737 29.1378 32.4065 29.1106 32.4412 29.0794C32.5973 28.9528 32.7323 28.8281 32.8788 28.7326C32.9405 28.6976 32.8846 28.6021 32.8229 28.6391C32.6051 28.7852 32.3814 28.9236 32.1597 29.0677C32.2194 29.0989 32.2792 29.132 32.339 29.1632H32.3428Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M32.7766 29.3853C32.7901 29.3736 32.8055 29.3639 32.819 29.3542C32.8556 29.3288 32.9366 29.2568 33.0388 29.1749C33.0735 29.1477 33.1159 29.1243 33.1275 29.0775C33.1583 28.9762 33.0369 28.8808 32.9462 28.9373C32.8036 29.0405 32.6435 29.1301 32.5201 29.2568C32.605 29.2996 32.6898 29.3444 32.7746 29.3873L32.7766 29.3853Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M33.3513 29.6698C33.3976 29.662 33.4362 29.625 33.4766 29.6036C33.5345 29.5549 33.627 29.5315 33.654 29.4555C33.681 29.3718 33.5788 29.2938 33.5056 29.3406C33.4207 29.3932 33.3185 29.4263 33.2472 29.4965C33.2183 29.5296 33.2183 29.5783 33.2376 29.6153C33.2761 29.6348 33.3128 29.6523 33.3513 29.6718V29.6698Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path d="M33.6675 17.932C33.6309 17.9573 33.5692 17.9904 33.6 18.045C33.6386 18.1073 33.7331 18.0489 33.7543 18.0002C33.7697 17.9515 33.7099 17.9067 33.6675 17.9339V17.932Z" fill="var(--surface-900)" fillOpacity="0.5" />
-                    <path
-                        d="M33.0465 18.0099C32.9539 18.082 32.846 18.1385 32.7553 18.2125C32.7457 18.2222 32.7418 18.2398 32.7438 18.2534C32.7476 18.2963 32.8016 18.3158 32.8325 18.2904C32.925 18.2339 33.0156 18.1735 33.1082 18.119C33.1776 18.08 33.114 17.9709 33.0465 18.0118V18.0099Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M44.9295 25.5438C45.5638 25.1366 46.1634 24.7431 46.7785 24.3651C47.5921 23.8878 48.3807 23.3677 49.1866 22.8767C49.2638 22.8183 49.3775 22.793 49.4334 22.7131C49.4469 22.6663 49.3929 22.6215 49.3486 22.6488C48.6237 23.1066 47.8929 23.5566 47.1333 23.9541C46.2926 24.4021 45.4732 24.8463 44.6499 25.3334C44.7444 25.3976 44.835 25.4678 44.9256 25.5438H44.9295Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M49.4873 22.7832C49.4082 22.8475 49.3022 22.8942 49.2443 22.978C49.2347 23.0072 49.254 23.0403 49.2848 23.0481C49.3349 23.0559 49.3754 23.0111 49.4198 22.9916C49.4738 22.9585 49.5374 22.9332 49.5837 22.8903C49.6338 22.8319 49.5547 22.7423 49.4892 22.7832H49.4873Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M45.3786 25.9548C45.8779 25.6119 46.3734 25.2691 46.8555 24.9418C47.6344 24.3963 48.4943 23.8411 49.3099 23.2761C49.4044 23.2079 49.5027 23.1495 49.5991 23.0832C49.628 23.0676 49.6377 23.0248 49.6145 22.9994C49.5952 22.9722 49.5528 22.9702 49.5297 22.9936C48.743 23.5703 47.8021 24.1567 46.9384 24.706C46.4988 24.9593 46.0303 25.2262 45.5617 25.5048C46.1016 25.1424 46.6434 24.782 47.1775 24.4138C47.7809 24.0008 48.4037 23.6131 49.0168 23.2137C49.0438 23.1923 49.0824 23.1826 49.094 23.1475C49.1055 23.1066 49.0592 23.0676 49.0207 23.091C48.4114 23.5157 47.7655 23.8839 47.1196 24.2521C46.3889 24.6788 45.6581 25.1093 44.939 25.5574C45.0816 25.6782 45.2243 25.8145 45.3766 25.9567L45.3786 25.9548Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M49.6687 23.2097C49.1847 23.5506 48.6487 23.837 48.1918 24.2052C48.1763 24.2539 48.238 24.2968 48.2785 24.2636C48.6371 24.0338 48.9784 23.7825 49.339 23.5565C49.4566 23.4688 49.6783 23.3811 49.7612 23.2798C49.7766 23.2272 49.7149 23.1805 49.6687 23.2097Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M45.6078 26.1631C46.1901 25.7403 46.8476 25.2728 47.4414 24.852C47.586 24.7429 47.8579 24.5773 48.0372 24.4331C48.0681 24.3805 47.9948 24.3201 47.9524 24.3669C47.1619 24.9085 46.2499 25.45 45.415 25.9858C45.4787 26.0462 45.5442 26.1046 45.6098 26.1631H45.6078Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M45.8835 26.4106C46.1862 26.1944 46.4793 25.984 46.755 25.7853C47.6361 25.1599 48.4941 24.5034 49.3714 23.8741C49.4736 23.7923 49.6047 23.7358 49.6914 23.6403C49.703 23.6033 49.6587 23.5663 49.624 23.5877C48.9086 24.0611 48.2049 24.5501 47.4838 25.0157C46.8688 25.4073 46.2441 25.7872 45.6367 26.1905C45.7177 26.2645 45.8006 26.3366 45.8816 26.4087L45.8835 26.4106Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M46.4928 26.9208C46.4928 26.9208 46.5082 26.9091 46.5159 26.9032C47.2274 26.3578 48.2319 25.6428 49.1092 25.0018C49.4447 24.7603 49.7821 24.5168 50.133 24.2966C50.2506 24.2245 50.3663 24.1505 50.4858 24.0804C50.4993 24.0726 50.5109 24.0589 50.5148 24.0433C50.5302 23.9927 50.4704 23.944 50.4222 23.9732C49.5122 24.6453 48.5423 25.2395 47.586 25.8512C47.6882 25.7714 47.7904 25.6915 47.8945 25.6116C48.2339 25.3584 48.579 25.1129 48.9318 24.8772C49.0552 24.7836 49.2114 24.7194 49.3174 24.6083C49.329 24.5674 49.2808 24.5284 49.2442 24.5518C48.5732 25.0038 47.9099 25.4636 47.237 25.9136C47.0635 26.0285 46.8881 26.1435 46.7145 26.2584C46.998 26.0344 47.2814 25.8084 47.5475 25.6019C48.2686 25.0369 48.9472 24.5031 49.7069 23.9615C49.8033 23.8836 49.9286 23.831 50.0096 23.7394C50.0212 23.7005 49.9749 23.6635 49.9402 23.6849C48.6098 24.6005 47.3315 25.5902 46.005 26.5136C46.167 26.6519 46.3289 26.7883 46.4947 26.9227L46.4928 26.9208Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M50.1581 23.8818C49.9441 24.0299 49.7282 24.176 49.5161 24.326C49.4968 24.3377 49.4891 24.363 49.5007 24.3825C49.5122 24.402 49.5373 24.4078 49.5566 24.3981C49.6838 24.3085 49.8072 24.215 49.9306 24.1234C50.0193 24.0572 50.1099 23.9948 50.1967 23.9305C50.2179 23.9052 50.1851 23.8663 50.1562 23.8838L50.1581 23.8818Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M50.6382 24.1098C50.2661 24.3689 49.8843 24.6144 49.5161 24.8774C49.3965 24.9748 49.2249 25.0683 49.1709 25.1579C49.1497 25.2261 49.2346 25.2865 49.2905 25.2436C49.6645 24.9845 49.9692 24.7274 50.3606 24.4663C50.4762 24.3884 50.5958 24.3163 50.7095 24.2345C50.725 24.2247 50.7385 24.2091 50.7423 24.1916C50.7616 24.1312 50.6883 24.0747 50.6363 24.1098H50.6382Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M50.8812 24.2966C50.4898 24.546 50.029 24.8713 49.7071 25.1265C49.6666 25.1733 49.7302 25.2454 49.7822 25.2123C50.1679 24.9493 50.5515 24.6863 50.9352 24.4213C51.0259 24.3843 50.968 24.2479 50.8793 24.2947L50.8812 24.2966Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M51.0972 24.4897C50.7888 24.6826 50.486 24.8832 50.1988 25.1073C50.193 25.1112 50.2007 25.1073 50.2046 25.1034C50.193 25.1112 50.1833 25.1229 50.1795 25.1365C50.1698 25.1716 50.1988 25.2105 50.2354 25.2086C50.2797 25.2027 50.3125 25.1638 50.3511 25.1443C50.621 24.9631 50.8909 24.78 51.1705 24.6163C51.2515 24.5696 51.1782 24.441 51.0972 24.4897Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M51.317 24.6903C51.1262 24.8267 50.9295 24.9533 50.7348 25.0838C50.7039 25.113 50.6538 25.1286 50.6403 25.1715C50.6249 25.2494 50.7155 25.2728 50.7637 25.2202C50.9719 25.0682 51.1917 24.9319 51.4057 24.7896C51.4539 24.7351 51.3787 24.6513 51.317 24.6883V24.6903Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M51.3265 25.0568C51.259 25.0919 51.1549 25.1678 51.1491 25.1815C51.1086 25.2282 51.1491 25.3062 51.2089 25.3042C51.2494 25.2945 51.3709 25.2497 51.4422 25.1893C51.5039 25.1172 51.4075 25.0081 51.3265 25.0587V25.0568Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M49.3657 26.3503C49.3792 26.3055 49.3271 26.2645 49.2866 26.2899C48.66 26.7418 48.0257 27.1821 47.399 27.6322C47.4395 27.6633 47.48 27.6945 47.5224 27.7257C48.0353 27.3166 48.5906 26.9133 49.1767 26.5042C49.2365 26.4516 49.3233 26.4165 49.3657 26.3503Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M46.9826 27.3087C47.1137 27.4119 47.2467 27.5132 47.3798 27.6145C47.8174 27.26 48.2744 26.884 48.6851 26.5723C48.9704 26.3541 49.2616 26.1417 49.5566 25.9352C49.5797 25.9196 49.6125 25.904 49.6048 25.8709C49.6028 25.8397 49.5623 25.8203 49.5353 25.8378C48.901 26.2528 48.2744 26.6813 47.6497 27.1119C48.1587 26.7047 48.7082 26.2722 49.2076 25.906C49.4621 25.7209 49.7262 25.5475 49.9904 25.3761C50.0521 25.341 49.9981 25.2397 49.9345 25.2787C48.9492 25.9839 47.9717 26.6229 47.0424 27.2911C47.5687 26.8586 48.1645 26.3716 48.6851 25.98C48.9531 25.7696 49.2384 25.5865 49.5084 25.3819C49.5643 25.3274 49.4775 25.2358 49.4216 25.2943C48.5617 25.9586 47.6593 26.545 46.7975 27.1606C46.8611 27.2093 46.9228 27.26 46.9864 27.3106L46.9826 27.3087Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M46.7744 27.1449C47.4106 26.6111 47.9891 26.1514 48.6909 25.6643C48.7969 25.5923 48.901 25.5163 49.0109 25.452C49.0244 25.4442 49.0341 25.4306 49.0399 25.415C49.0553 25.3643 48.9955 25.3176 48.9492 25.3448C48.1549 25.8825 47.3663 26.4358 46.5835 26.993C46.6471 27.0436 46.7107 27.0943 46.7744 27.143V27.1449Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M47.7904 27.932C48.1124 27.6651 48.4748 27.3729 48.7236 27.182C48.9106 27.0359 49.1034 26.8956 49.2865 26.7456C49.329 26.7047 49.275 26.6287 49.221 26.6618C48.7023 27.0203 48.1201 27.4099 47.5995 27.7879C47.6631 27.8366 47.7248 27.8833 47.7884 27.932H47.7904Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M48.024 28.1092C48.0491 28.0878 48.0741 28.0663 48.1011 28.043C48.4019 27.78 48.6969 27.5131 49.0054 27.2618C49.0324 27.2403 49.0806 27.2014 49.0921 27.1916C49.1211 27.1643 49.1828 27.1488 49.1731 27.1001C49.1654 27.0689 49.123 27.0572 49.1018 27.0806C48.7258 27.3864 48.2939 27.6826 47.8794 27.9982C47.9276 28.0352 47.9758 28.0722 48.024 28.1092Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M48.257 28.2885C48.4903 28.082 48.7313 27.8735 49.0109 27.6495C49.1979 27.4975 49.3541 27.3768 49.5507 27.2229C49.5797 27.1936 49.6317 27.178 49.6394 27.1352C49.6394 27.106 49.6047 27.0865 49.5797 27.1021C49.1015 27.4333 48.5269 27.8716 48.1201 28.1852C48.1664 28.2203 48.2107 28.2554 48.257 28.2904V28.2885Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M48.7449 28.6665C49.0226 28.4211 49.3002 28.1775 49.5644 27.9691C49.734 27.8288 49.9693 27.6438 50.11 27.5327C50.1524 27.4918 50.216 27.4665 50.2488 27.4178C50.2585 27.3866 50.2218 27.3574 50.1929 27.3749C49.6415 27.7665 49.1267 28.1639 48.608 28.5574C48.6543 28.5925 48.6987 28.6276 48.743 28.6646L48.7449 28.6665Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M50.1834 27.7354C50.2201 27.7004 50.1738 27.638 50.1295 27.6653C49.6474 28.0296 49.2406 28.3471 48.7817 28.6959C48.8299 28.7329 48.8762 28.7718 48.9244 28.8089C49.1153 28.6355 49.3081 28.4621 49.5028 28.3004C49.7265 28.1075 49.954 27.9185 50.1854 27.7354H50.1834Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M48.446 28.4348C48.6214 28.2809 48.7988 28.1289 48.9801 27.9828C49.169 27.8289 49.356 27.6711 49.545 27.5172C49.6009 27.4899 49.5893 27.4159 49.5276 27.4373C49.1247 27.7256 48.7236 28.0412 48.338 28.351C48.3746 28.3783 48.4113 28.4075 48.446 28.4348Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M49.5162 27.6591C49.1576 27.9416 48.8588 28.1812 48.4731 28.4559C48.5117 28.4871 48.5522 28.5163 48.5908 28.5475C48.666 28.4851 48.7411 28.4208 48.8163 28.3605C49.0651 28.1598 49.3138 27.9572 49.5586 27.7526C49.6203 27.7234 49.5818 27.6279 49.5162 27.6611V27.6591Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M49.0957 28.9452C49.3058 28.7602 49.5141 28.5731 49.73 28.3959C49.8862 28.2556 50.0655 28.1348 50.214 27.9906C50.2371 27.9419 50.1677 27.8932 50.1311 27.9341C49.7512 28.2614 49.3618 28.5478 48.9819 28.8537C49.0205 28.8848 49.0591 28.9141 49.0976 28.9452H49.0957Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M49.3059 29.1183C49.57 28.8728 49.8419 28.6059 50.0251 28.4754C50.0752 28.452 50.1427 28.4189 50.1234 28.3526C50.1099 28.2961 50.0308 28.2747 49.9904 28.3176C49.7416 28.5669 49.4486 28.7657 49.1632 28.9994C49.2114 29.0384 49.2596 29.0793 49.3078 29.1183H49.3059Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M49.4525 29.2392C49.547 29.1515 49.6396 29.0638 49.7379 28.982C49.842 28.8846 49.9654 28.8047 50.0637 28.7054C50.083 28.6664 50.0271 28.6294 49.9982 28.6606C49.7938 28.8379 49.5663 28.984 49.3407 29.1457C49.3773 29.1768 49.414 29.2061 49.4525 29.2372V29.2392Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M49.6568 29.4125C49.7706 29.3053 49.8843 29.1982 50.0039 29.0949C50.0386 29.056 50.1041 29.0345 50.1099 28.978C50.1099 28.9293 50.0463 28.9021 50.0135 28.9391C49.8593 29.0676 49.705 29.1943 49.5508 29.3209C49.5855 29.3501 49.6202 29.3813 49.6568 29.4125Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M49.9016 29.6251C49.9884 29.5414 50.0771 29.4498 50.1426 29.3738C50.1889 29.329 50.1291 29.2511 50.0732 29.2842C49.9672 29.3524 49.8611 29.4245 49.7609 29.5044C49.8071 29.5453 49.8553 29.5842 49.9016 29.6251Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M50.0444 29.7534C50.1639 29.6502 50.2873 29.5527 50.3991 29.4417C50.4126 29.4281 50.4203 29.4105 50.4203 29.393C50.4203 29.3404 50.3606 29.3053 50.3143 29.3326C50.1793 29.43 50.0444 29.5313 49.9171 29.6385C49.9595 29.6774 50.0019 29.7164 50.0444 29.7554V29.7534Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M50.7905 29.2568C50.5996 29.3854 50.4106 29.5179 50.2313 29.6621C50.1484 29.7049 50.1542 29.8315 50.2564 29.8354C50.3046 29.8354 50.3335 29.7926 50.3701 29.7653C50.4974 29.6543 50.6169 29.5354 50.7403 29.4205C50.775 29.3776 50.8444 29.3484 50.856 29.2958C50.856 29.2627 50.8174 29.2393 50.7885 29.2568H50.7905Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M53.2122 29.395C54.0162 28.7677 54.7527 28.1852 55.628 27.5618C55.9057 27.3729 56.1833 27.1703 56.4397 27.0047C56.4918 26.9618 56.5728 26.9404 56.6056 26.8819C56.6191 26.8391 56.567 26.7962 56.5265 26.8215C55.4391 27.6261 54.1126 28.4346 53.0059 29.2372C53.0753 29.286 53.1447 29.3386 53.2122 29.395Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M52.5877 29.0152C52.9521 28.7483 53.3203 28.4814 53.7272 28.197C53.785 28.1561 53.8525 28.1229 53.9026 28.0742C53.9103 28.0587 53.9123 28.0372 53.8988 28.0236C53.8833 28.0022 53.8506 28.0002 53.8313 28.0197C53.3955 28.3489 52.8672 28.6451 52.3544 28.9607C52.4353 28.9704 52.5105 28.9899 52.5857 29.0152H52.5877Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M52.9133 29.1748C53.1524 28.9975 53.3895 28.8144 53.6903 28.5787C53.8272 28.4735 54.2263 28.1832 54.4596 28.0195C54.5097 27.9786 54.5811 27.9533 54.6177 27.8988C54.6273 27.8637 54.5869 27.8306 54.556 27.852C53.9332 28.2728 53.2796 28.6429 52.6376 29.0326C52.734 29.0696 52.8246 29.1183 52.9133 29.1748Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M53.4493 29.5956C54.0528 29.1164 54.7237 28.5436 55.4005 28.0157C55.7128 27.7761 56.083 27.5072 56.4243 27.2676C56.4918 27.2091 56.5901 27.1741 56.6422 27.102C56.6556 27.0572 56.6036 27.0143 56.5612 27.0397C55.7128 27.6436 54.8953 28.2884 54.0219 28.8553C53.7982 29.0014 53.5033 29.2041 53.2275 29.4028C53.3027 29.4651 53.376 29.5275 53.4493 29.5917V29.5956Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M56.5903 27.2638C55.8961 27.7898 54.988 28.4951 54.3826 28.9646C54.0683 29.1984 53.7791 29.4107 53.5034 29.627C53.596 29.662 53.6847 29.7107 53.7695 29.7653C54.5426 29.0893 55.2984 28.3918 56.1082 27.7626C56.2432 27.6515 56.5035 27.4684 56.6809 27.3359C56.7136 27.2814 56.6365 27.2171 56.5903 27.2658V27.2638Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M56.6501 27.443C55.8249 28.1326 55.017 28.8457 54.2111 29.5587C54.107 29.6483 53.9971 29.7438 53.8833 29.8412C53.9469 29.8879 54.0105 29.9366 54.0722 29.9853C54.5716 29.4671 55.0691 28.947 55.6147 28.4775C55.9502 28.1755 56.2972 27.8852 56.6462 27.5969C56.6809 27.5599 56.7426 27.5385 56.7484 27.4839C56.7484 27.4352 56.6848 27.406 56.6501 27.443Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M56.7097 27.7081C55.8479 28.3958 55.0496 29.1595 54.2495 29.9173C54.2071 29.9544 54.1666 29.9914 54.1261 30.0264C54.1724 30.0635 54.2186 30.0985 54.2649 30.1316C54.2765 30.12 54.2861 30.1083 54.2977 30.0966C54.7334 29.6563 55.1846 29.2335 55.6473 28.8205C55.9539 28.5517 56.2489 28.2711 56.5593 28.0081C56.6422 27.94 56.7271 27.8737 56.8119 27.8075C56.8254 27.7939 56.8331 27.7763 56.8331 27.7568C56.8331 27.6964 56.7541 27.6614 56.7116 27.7062L56.7097 27.7081Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M56.8235 27.9612C56.2933 28.4521 55.7592 28.8223 55.2463 29.3405C55.2097 29.4164 55.3177 29.4905 55.3755 29.4281C55.7495 29.1086 56.0947 28.7774 56.4321 28.4813C56.5921 28.3274 56.7772 28.193 56.9295 28.0332C56.9604 27.9709 56.8697 27.9105 56.8235 27.9612Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M57.0607 28.1289C56.7214 28.3997 56.4032 28.6958 56.0909 28.9959C56.0562 29.0348 55.9983 29.0796 56.0273 29.1381C56.0716 29.2316 56.1641 29.1751 56.2143 29.1186C56.5305 28.8225 56.8448 28.5244 57.159 28.2263C57.2227 28.164 57.1243 28.0627 57.0607 28.1289Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M57.2669 28.3529C57.0336 28.573 56.7521 28.7484 56.5573 29.0055C56.5246 29.0698 56.594 29.1458 56.6614 29.1244C56.7752 29.0523 56.8677 28.9471 56.9661 28.8555C57.103 28.7133 57.2514 28.5769 57.3787 28.4289C57.4115 28.3626 57.317 28.2984 57.2669 28.3529Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M57.647 28.6705C57.5757 28.7212 57.5043 28.7718 57.4446 28.8342C57.4195 28.8673 57.3829 28.8945 57.3636 28.9316C57.3405 28.9783 57.3809 29.0368 57.433 29.0348C57.5256 29.0095 57.6644 28.877 57.755 28.7621C57.7858 28.6997 57.7068 28.6315 57.649 28.6686L57.647 28.6705Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path d="M58.2233 29.1222C58.0999 29.2021 58.2233 29.3755 58.3351 29.28C58.4604 29.2021 58.3351 29.0248 58.2233 29.1222Z" fill="var(--surface-900)" fillOpacity="0.5" />
-                    <path
-                        d="M55.071 29.4982C54.8203 29.7223 54.5716 29.9482 54.3229 30.1762C54.3653 30.2054 54.4058 30.2346 54.4482 30.2619C54.4482 30.2619 54.4482 30.2619 54.4482 30.2638C54.454 30.2677 54.4617 30.2736 54.4675 30.2775C54.5099 30.2346 54.5523 30.1937 54.5928 30.1547C54.7837 29.9541 55.0035 29.7768 55.1924 29.58C55.2271 29.5099 55.1249 29.4398 55.071 29.4982Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M54.8048 30.4606C55.0651 30.1878 55.3235 29.917 55.5876 29.6482C55.6975 29.5372 55.8093 29.4261 55.9154 29.3131C55.9289 29.3014 55.9347 29.2839 55.9347 29.2664C55.9347 29.2099 55.8595 29.1767 55.8209 29.2196C55.4122 29.5975 55.0015 29.9735 54.5985 30.3573C54.6679 30.3924 54.7354 30.4275 54.8048 30.4625V30.4606Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M55.1597 30.6399C55.4721 30.3185 55.7844 29.997 56.0968 29.6756C56.2047 29.5587 56.3146 29.4438 56.4245 29.3269C56.4361 29.3152 56.4419 29.3015 56.4419 29.286C56.4419 29.2353 56.3763 29.2061 56.3416 29.245C55.8731 29.6464 55.4007 30.0789 54.938 30.5308C55.0132 30.5678 55.0865 30.6049 55.1597 30.6419V30.6399Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M55.3891 30.7589C55.4199 30.7745 55.4508 30.792 55.4816 30.8095C55.7689 30.492 56.0581 30.1764 56.3531 29.8666C56.465 29.7517 56.5787 29.6406 56.6848 29.5199C56.6963 29.5082 56.704 29.4906 56.704 29.4731C56.704 29.4186 56.6327 29.3854 56.5941 29.4264C56.1777 29.8686 55.7092 30.2972 55.2811 30.7024C55.3178 30.7219 55.3544 30.7394 55.3891 30.7589Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M57.0953 29.3989C56.5863 29.8762 56.1024 30.3788 55.6281 30.8892C55.6955 30.9282 55.763 30.9671 55.8305 31.008C55.9385 30.8795 56.0445 30.7567 56.1467 30.6437C56.4513 30.2931 56.7733 29.958 57.0857 29.6151C57.1242 29.5586 57.1994 29.5158 57.2129 29.4476C57.2129 29.3891 57.1358 29.356 57.0953 29.3989Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M57.5601 29.4009C57.1051 29.9036 56.4379 30.5055 56.0793 30.9536C55.9983 31.0276 56.0793 31.1699 56.1854 31.1367C56.2972 31.0763 56.3705 30.9556 56.4572 30.864C56.6404 30.6478 56.893 30.3029 57.1417 30.0302C57.3075 29.8354 57.5042 29.6678 57.67 29.475C57.7008 29.4107 57.6102 29.3483 57.562 29.4009H57.5601Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M57.5215 29.962C57.2863 30.2094 57.0665 30.4685 56.8467 30.7296C56.8081 30.7666 56.8178 30.8328 56.864 30.8581C56.9161 30.8893 56.9662 30.8523 56.9951 30.8094C57.0935 30.6945 57.1937 30.5815 57.2921 30.4704C57.4078 30.3399 57.5254 30.2113 57.643 30.0847C57.6584 30.0691 57.668 30.0458 57.668 30.0243C57.67 29.9503 57.5716 29.9094 57.5215 29.9639V29.962Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M57.6641 30.2603C57.4713 30.459 57.2766 30.6616 57.1146 30.8876C57.1011 30.9071 57.1146 30.8876 57.1223 30.8798C57.105 30.8974 57.0953 30.9207 57.0953 30.9461C57.0992 31.0532 57.2284 31.0669 57.2824 30.985C57.4713 30.7883 57.6583 30.5818 57.828 30.3694C57.8743 30.2739 57.7374 30.1804 57.6641 30.2584V30.2603Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M57.9803 30.5076C57.8377 30.6498 57.6776 30.792 57.587 30.9751C57.5812 30.9829 57.5774 30.9907 57.5754 30.9985C57.5639 31.0433 57.5967 31.0998 57.6487 31.0979C57.7258 31.0803 57.695 31.0706 57.7509 31.0394C57.8647 30.9459 57.9591 30.831 58.0594 30.7238C58.0941 30.679 58.1558 30.642 58.1558 30.5797C58.1596 30.492 58.042 30.4452 57.9823 30.5076H57.9803Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M58.312 30.7374C58.2426 30.792 58.1732 30.8485 58.1327 30.9264C58.0517 31.0316 58.1751 31.1738 58.285 31.092C58.3756 31.0277 58.4547 30.9303 58.4913 30.8251C58.5106 30.7296 58.3795 30.6654 58.3139 30.7374H58.312Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M58.7572 31.0452C58.7071 31.0997 58.6801 31.2342 58.8305 31.2264C58.8401 31.2225 58.8498 31.2186 58.8556 31.2127C58.8556 31.2127 58.8556 31.2127 58.8537 31.2147C58.8537 31.2147 58.8556 31.2127 58.8575 31.2108C58.8691 31.203 58.8749 31.1952 58.8787 31.1913C58.9038 31.1699 58.9019 31.1699 58.9308 31.1153C58.9616 31.0121 58.8093 30.9478 58.7572 31.0413V31.0452Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path d="M59.2027 31.1835C59.1217 31.2575 59.2316 31.3783 59.3107 31.3023C59.3936 31.2303 59.2818 31.1075 59.2027 31.1835Z" fill="var(--surface-900)" fillOpacity="0.5" />
-                    <path
-                        d="M39.9299 23.0661C40.4601 23.6097 41.0867 24.1123 41.5938 24.5799C42.2223 25.1604 42.8123 25.7799 43.4235 26.3799C44.4627 27.3774 45.5116 28.3632 46.5663 29.345C47.4378 30.1399 48.4886 31.1179 49.3369 31.8153C49.5104 31.8192 49.6859 31.8251 49.8594 31.827C49.5837 31.5718 49.3003 31.3244 49.0149 31.0809C48.3343 30.4867 47.6633 29.8827 47.0001 29.2691C45.7333 28.1002 44.4705 26.9274 43.2076 25.7565C42.5366 25.1526 41.8251 24.5701 41.2255 23.9798C40.4119 23.1421 39.5982 22.5168 38.7576 21.718C38.3681 21.3459 37.9825 20.9699 37.5988 20.592C37.4986 20.5063 37.4176 20.3835 37.3019 20.3251C37.2614 20.3251 37.2363 20.3777 37.2672 20.4069C38.1522 21.2777 39.1374 22.2401 39.9299 23.0661Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path d="M42.8686 25.2291C42.8686 25.2291 42.8686 25.2291 42.8711 25.2291C42.8686 25.2291 42.8636 25.224 42.8686 25.2291Z" fill="var(--surface-900)" fillOpacity="0.5" />
-                    <path
-                        d="M42.9529 25.1078C42.7678 24.9267 42.5731 24.7572 42.3841 24.5818C41.8057 24.0442 41.316 23.6175 40.7414 23.1285C40.4657 22.8928 40.2054 22.6415 39.9239 22.4135C39.8815 22.3687 39.8082 22.4369 39.8545 22.4837C40.8455 23.337 41.8269 24.3188 42.7794 25.1585C42.7717 25.1527 42.7698 25.1507 42.7717 25.1527C42.8045 25.1799 42.8372 25.2072 42.87 25.2345C42.8835 25.2462 42.9009 25.254 42.9182 25.254C42.9568 25.254 42.9915 25.2208 42.9915 25.1819C42.9915 25.1527 42.9722 25.1293 42.951 25.1117L42.9529 25.1078Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M49.9654 31.7626C49.9924 31.786 50.0194 31.8074 50.0464 31.8289C50.2257 31.8328 50.405 31.8347 50.5844 31.8367C50.0406 31.3672 49.4082 30.8665 48.8722 30.3794C47.484 29.1969 46.1382 27.9696 44.7867 26.7442C44.4203 26.413 44.0559 26.0799 43.6915 25.7467C43.57 25.6493 43.4351 25.4837 43.3078 25.4175C43.2635 25.4175 43.2365 25.4759 43.2712 25.5071C45.4808 27.617 47.6055 29.8184 49.9674 31.7607L49.9654 31.7626Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M48.5214 29.758C49.2309 30.471 49.9443 31.184 50.7309 31.8113C50.7425 31.8211 50.756 31.8308 50.7676 31.8406C50.9199 31.8406 51.0722 31.8425 51.2226 31.8445C50.7637 31.486 50.2991 31.112 49.7708 30.6171C48.853 29.7814 47.9391 29.0878 46.9616 28.2326C46.6993 28.0085 46.4468 27.7728 46.1884 27.5449C46.1402 27.5118 46.1055 27.4494 46.0496 27.4319C46.0149 27.4319 45.9956 27.4767 46.0207 27.5001C46.8362 28.2715 47.7328 28.9573 48.5194 29.7599L48.5214 29.758Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M52.4758 31.8483C52.5337 31.8483 52.5915 31.8483 52.6474 31.8483C52.5086 31.747 52.3756 31.6476 52.2502 31.5483C52.0864 31.4197 51.8723 31.2463 51.6911 31.1041C51.6641 31.0749 51.6178 31.1197 51.6468 31.1489C51.9321 31.371 52.204 31.6087 52.4758 31.8483Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M51.3996 31.8444C51.6445 31.8444 51.8913 31.8463 52.1362 31.8483C51.7833 31.6243 51.4382 31.3944 51.1258 31.1548C50.8521 30.9366 50.5821 30.7125 50.3064 30.4963C50.264 30.4534 50.1946 30.5197 50.2389 30.5645C50.7248 30.9424 51.1606 31.3301 51.6079 31.7002C51.2165 31.447 50.8424 31.182 50.4857 30.9034C50.3353 30.7866 50.0828 30.5703 49.9343 30.4476C49.8803 30.4086 49.8321 30.356 49.7723 30.3287C49.7627 30.3268 49.7531 30.3287 49.7454 30.3346C49.7222 30.3482 49.7164 30.3833 49.7376 30.4008C50.3276 30.8995 50.8212 31.4119 51.3996 31.8444Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M46.6663 29.947C47.266 30.5451 47.9369 31.2055 48.5925 31.788C48.6272 31.788 48.6599 31.7919 48.6947 31.7919C48.8123 31.7958 48.9299 31.7997 49.0456 31.8036C48.8952 31.675 48.7448 31.5464 48.5925 31.4198C47.8791 30.8139 47.1503 30.1847 46.4022 29.5048C45.6753 28.8365 44.9446 28.1722 44.2196 27.5021C44.0615 27.3598 43.9073 27.2079 43.7395 27.0754C43.6971 27.0559 43.6528 27.1144 43.6894 27.1494C44.7171 28.0417 45.6907 28.9943 46.6644 29.945L46.6663 29.947Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M48.2591 31.7744C48.3343 31.7783 48.4114 31.7803 48.4866 31.7842C47.7887 31.188 47.0849 30.5977 46.4024 29.9841C46.198 29.8068 46.0129 29.6042 45.8124 29.425C45.7603 29.3996 45.7083 29.4737 45.7507 29.5146C46.5663 30.2471 47.4281 31.0322 48.2572 31.7725L48.2591 31.7744Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M47.7733 31.751C47.8253 31.7529 47.8755 31.7549 47.9275 31.7588C47.6865 31.5503 47.4436 31.3419 47.2083 31.1295C47.083 31.0321 46.9538 30.8646 46.8208 30.7964C46.7745 30.7964 46.7495 30.8568 46.7822 30.888C47.1139 31.1743 47.4416 31.4666 47.7733 31.7529V31.751Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M52.6434 29.3217C52.5855 29.2711 52.5103 29.2399 52.4467 29.1951C52.4062 29.1717 52.3696 29.2341 52.4101 29.2574C52.4756 29.2945 52.5412 29.3393 52.6087 29.3724C52.6164 29.3724 52.626 29.3724 52.6337 29.3665C52.6472 29.3568 52.6511 29.3373 52.6414 29.3237L52.6434 29.3217Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M56.1988 31.9536C56.4013 31.9673 56.6037 31.9829 56.8061 32.0004C55.9385 31.4354 55.0381 30.9211 54.1628 30.3678C53.8389 30.1574 53.5169 29.9451 53.1987 29.7288C53.0888 29.6684 52.9847 29.5555 52.871 29.5204C52.8401 29.5282 52.8324 29.5749 52.8613 29.5905C54.0297 30.3854 55.0709 31.1841 56.1988 31.9556V31.9536Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M55.4295 31.8093C55.4816 31.8483 55.5298 31.8833 55.576 31.9184C55.7438 31.9262 55.9115 31.9359 56.0793 31.9476C55.6185 31.6632 55.1326 31.4138 54.6891 31.0982C54.4173 30.9151 54.182 30.7592 53.9314 30.5664C53.9025 30.5488 53.8774 30.5118 53.8408 30.5196C53.8061 30.5274 53.8003 30.5781 53.8311 30.5956C54.3517 30.9794 54.9648 31.4664 55.4295 31.8093Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M54.1437 31.2384C54.4232 31.4703 54.6874 31.6846 54.9592 31.8911C55.1424 31.8969 55.3236 31.9047 55.5068 31.9145C54.8937 31.5365 54.2246 31.1313 53.6655 30.7397C53.1546 30.3754 52.5993 29.9897 52.1192 29.6254C52.0961 29.6117 52.0787 29.5845 52.0498 29.5806C52.0247 29.5806 52.0074 29.6156 52.0286 29.6332C52.7304 30.1748 53.4958 30.7261 54.1456 31.2404L54.1437 31.2384Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M52.6994 30.4964C53.2451 30.9055 53.8254 31.4081 54.4019 31.8757C54.5195 31.8796 54.6352 31.8815 54.7509 31.8854C54.2689 31.5367 53.7869 31.1919 53.3338 30.849C53.1313 30.7048 52.9366 30.5451 52.7264 30.4146C52.6802 30.4068 52.657 30.473 52.6975 30.4964H52.6994Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M52.1423 31.1315C51.8994 30.9523 51.6718 30.7653 51.4328 30.5646C51.3769 30.5237 51.3287 30.4653 51.265 30.438C51.238 30.438 51.2226 30.4731 51.2438 30.4906C51.7856 30.927 52.2869 31.4121 52.7824 31.8504C52.9251 31.8504 53.0678 31.8524 53.2124 31.8543C52.8383 31.6049 52.4161 31.3283 52.1423 31.1296V31.1315Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M53.2374 31.8542C53.6076 31.8581 53.9797 31.8639 54.3499 31.8737C54.08 31.6983 53.8023 31.5055 53.5806 31.3379C53.4418 31.2327 53.2374 31.0691 53.0658 30.9327C53.0234 30.8879 52.954 30.9561 52.9983 31.0009C53.3704 31.297 53.6982 31.5698 54.0318 31.8386C53.4495 31.4509 53.0851 31.1607 52.4951 30.7847C52.4797 30.7788 52.4372 30.7282 52.4025 30.7243C52.3698 30.7243 52.3524 30.7652 52.3755 30.7886C52.6532 31.036 52.9308 31.2892 53.2046 31.5289C52.8633 31.2873 52.5221 31.0477 52.2406 30.8392C51.9475 30.6249 51.7123 30.4398 51.4115 30.2002C51.3286 30.1437 51.2573 30.0599 51.1705 30.0151C51.1397 30.0151 51.1204 30.056 51.1435 30.0794C51.8762 30.6717 52.5703 31.3009 53.2355 31.8561L53.2374 31.8542Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M43.1535 31.6826C43.435 31.6689 43.7145 31.6572 43.9941 31.6514C42.8566 30.539 41.7248 29.4207 40.593 28.3025C40.3211 28.0239 40.0435 27.7512 39.7832 27.4629C39.7196 27.3927 39.656 27.3226 39.5962 27.2486C39.5865 27.2408 39.575 27.2349 39.5634 27.2349C39.5248 27.2349 39.4998 27.2856 39.5306 27.3148C40.3096 28.1583 41.0596 29.0272 41.8289 29.8825C40.8436 28.9084 39.8545 27.9401 38.8732 26.9641C38.0132 26.0816 37.1167 25.2342 36.2761 24.3322C36.2317 24.2932 36.2163 24.2036 36.1295 24.2172C36.0775 24.2309 36.0582 24.301 36.0967 24.34C38.3564 26.5141 40.4195 28.9357 42.6368 31.1682C42.8103 31.3397 42.9819 31.5111 43.1515 31.6826H43.1535Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M42.44 29.8457C43.0377 30.5353 43.539 31.0438 44.1984 31.6477C44.3584 31.6477 44.5204 31.6458 44.6804 31.6458C43.861 30.9055 43.0647 30.2119 42.3976 29.6041C42.0023 29.23 41.6148 28.8482 41.2253 28.4703C41.1308 28.3923 41.0306 28.2482 40.9284 28.1975C40.8879 28.1975 40.8628 28.2521 40.8937 28.2813C41.3737 28.7469 42.1218 29.5262 42.44 29.8457Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M44.9602 31.6498C45.0894 31.6498 45.2205 31.6536 45.3496 31.6556C45.2185 31.566 45.0894 31.4764 44.9717 31.3887C44.4512 31.0244 43.9074 30.5861 43.3676 30.0873C43.1979 29.9334 43.0321 29.7698 42.8547 29.6256C42.8084 29.6042 42.7641 29.6685 42.8027 29.7035C43.5276 30.3425 44.2198 31.0263 44.9602 31.6498Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M45.6754 31.6652C45.7815 31.6691 45.8894 31.671 45.9955 31.6749C45.6041 31.3905 45.2455 31.1217 44.8502 30.8041C44.748 30.734 44.6574 30.6346 44.5494 30.5801C44.5109 30.5801 44.4877 30.6307 44.5166 30.658C44.9042 30.9833 45.2859 31.3301 45.6735 31.6652H45.6754Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M41.6418 31.2134C41.8153 31.3867 41.985 31.566 42.1547 31.7433C42.2337 31.7374 42.3128 31.7335 42.3918 31.7277C41.4471 30.8393 40.51 29.9432 39.6116 29.008C39.2356 28.6282 38.8615 28.2463 38.4856 27.8645C38.3988 27.7924 38.3063 27.6463 38.2099 27.6132C38.1559 27.6132 38.125 27.6833 38.1655 27.7223C39.332 28.8795 40.4908 30.0425 41.6437 31.2134H41.6418Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M41.6341 31.7783C41.7324 31.7725 41.8307 31.7647 41.9291 31.7588C41.3699 31.2231 40.7819 30.7185 40.2517 30.1536C40.0261 29.9178 39.8024 29.6802 39.571 29.4503C39.5306 29.4074 39.4611 29.4737 39.5055 29.5165C40.2439 30.2432 40.913 31.0361 41.6341 31.7783Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M41.1677 31.8095C41.2641 31.8036 41.3605 31.7978 41.4569 31.7919C41.2294 31.5776 40.9999 31.3672 40.7801 31.1452C40.5912 30.9679 40.4273 30.7575 40.2287 30.5919C40.1458 30.551 40.0648 30.6698 40.1323 30.7341C40.4735 31.0497 40.8264 31.4432 41.1696 31.8095H41.1677Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M40.6739 31.7237C40.7703 31.7412 40.8648 31.7626 40.9573 31.7899C40.7336 31.5756 40.5081 31.3652 40.2902 31.1451C40.2324 31.0535 40.1012 31.1314 40.1726 31.2191C40.3288 31.3789 40.5004 31.5542 40.6739 31.7237Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M12.856 31.6787C13.2975 31.2891 13.7449 30.8702 14.1845 30.4728C15.3779 29.376 16.5444 28.25 17.7244 27.1376C18.5149 26.407 19.317 25.6823 20.146 24.9965C20.1865 24.9654 20.2367 24.9264 20.2964 24.8855C20.3099 24.8777 20.3196 24.866 20.3234 24.8504C20.3369 24.8037 20.281 24.7569 20.2367 24.7842C18.1119 26.5259 16.1299 28.437 14.0225 30.1981C13.4884 30.6676 12.8541 31.1975 12.3162 31.6826C12.4955 31.6826 12.6748 31.6787 12.8541 31.6787H12.856Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M20.653 24.7724C20.3445 25.014 19.984 25.3471 19.6311 25.6374C19.5366 25.7192 19.4402 25.7991 19.3458 25.8809C19.3207 25.9043 19.3265 25.9491 19.3573 25.9666C19.3785 25.9783 19.4055 25.9744 19.4229 25.9588C19.6774 25.7426 19.9319 25.5283 20.1864 25.3121C20.3657 25.162 20.5373 25.0062 20.7108 24.8503C20.7494 24.8133 20.6993 24.7471 20.653 24.7744V24.7724Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path d="M20.1297 25.6383C20.1297 25.6383 20.1297 25.6383 20.1268 25.6383C20.1326 25.6354 20.1326 25.6354 20.1297 25.6383Z" fill="var(--surface-900)" fillOpacity="0.5" />
-                    <path
-                        d="M20.8207 24.8797C20.5758 25.1505 20.2538 25.2947 20.0071 25.5928C19.9858 25.6337 20.0302 25.6843 20.0745 25.6707C20.0822 25.6707 20.1227 25.6415 20.1285 25.6376C20.3927 25.4447 20.6125 25.1992 20.8631 24.9908C20.8843 24.9693 20.9152 24.9518 20.9152 24.9187C20.9152 24.87 20.8535 24.8447 20.8207 24.8797Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M21.0058 25.0685C20.8362 25.2126 20.5682 25.3938 20.4486 25.5711C20.4043 25.6335 20.491 25.6588 20.5103 25.6296C20.7224 25.4932 20.8863 25.3023 21.0752 25.1367C21.1196 25.0938 21.0502 25.0237 21.0078 25.0685H21.0058Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M21.1234 25.2889C21.0482 25.3629 20.9672 25.4311 20.8959 25.5052C20.8708 25.5285 20.8708 25.5714 20.8959 25.5928C20.9383 25.6337 20.9865 25.5967 21.0154 25.5597C21.0752 25.4915 21.1388 25.4292 21.2063 25.3688C21.2603 25.3162 21.1774 25.2324 21.1234 25.285V25.2889Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path d="M21.4301 25.6277C21.4011 25.6531 21.3973 25.6394 21.378 25.6842C21.3587 25.7505 21.4455 25.7972 21.4937 25.7485C21.5766 25.7057 21.511 25.5829 21.4301 25.6277Z" fill="var(--surface-900)" fillOpacity="0.5" />
-                    <path
-                        d="M13.7313 31.6709C14.9692 30.5565 16.1491 29.3798 17.387 28.2655C18.1659 27.5758 18.9198 26.8589 19.6852 26.1537C19.7508 26.0933 19.8183 26.0348 19.8857 25.9783C19.8954 25.9686 19.9012 25.9569 19.9012 25.9433C19.9012 25.9024 19.8472 25.877 19.8163 25.9082C19.2302 26.4206 18.6749 26.9661 18.0734 27.4589C17.2906 28.1155 16.5058 28.7506 15.7211 29.4772C15.5148 29.6701 15.2989 29.8688 15.0791 30.0656C15.7616 29.4013 16.4422 28.733 17.1093 28.1057C17.734 27.5252 18.3703 26.8998 18.9969 26.3543C19.074 26.29 19.1531 26.2238 19.2283 26.1576C19.2379 26.1478 19.2437 26.1342 19.2437 26.1186C19.2437 26.0719 19.1839 26.0446 19.1511 26.0796C17.065 27.9362 14.9692 29.7831 12.9158 31.6767C13.1876 31.6748 13.4576 31.6728 13.7294 31.6689L13.7313 31.6709Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M14.0898 31.6671C14.3867 31.3846 14.6817 31.1022 14.9806 30.8236C16.309 29.5865 17.6374 28.3494 18.9755 27.124C19.3804 26.7519 19.793 26.3876 20.196 26.0116C20.2326 25.9668 20.304 25.9434 20.3155 25.885C20.3155 25.8421 20.2596 25.8149 20.2288 25.848C19.419 26.6194 18.5571 27.3325 17.7126 28.063C16.39 29.2534 15.0692 30.4456 13.7755 31.6691C13.8816 31.6691 13.9876 31.6671 14.0936 31.6652L14.0898 31.6671Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M14.7994 31.6571C15.7615 30.7707 16.7429 29.8648 17.7127 29.0212C18.6459 28.1972 19.527 27.3166 20.4563 26.4886C20.6376 26.3152 20.8477 26.1691 21.027 25.9957C21.054 25.9392 20.9731 25.8788 20.9268 25.9276C20.0437 26.6912 19.1915 27.488 18.3181 28.2614C17.7455 28.766 17.1651 29.2609 16.5828 29.7537C17.3464 29.0485 18.1118 28.3472 18.8792 27.6458C19.4981 27.0809 20.0861 26.5354 20.6781 25.9646C20.6973 25.9431 20.7282 25.9276 20.7301 25.8944C20.7301 25.8574 20.6819 25.836 20.6549 25.8633C19.7507 26.7166 18.7731 27.5192 17.8554 28.279C17.1131 28.9336 16.392 29.6115 15.6574 30.2758C15.1349 30.7337 14.6181 31.1934 14.1091 31.6649C14.3386 31.6629 14.568 31.659 14.7975 31.6551L14.7994 31.6571Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M15.2717 31.6497C15.3084 31.6497 15.345 31.6497 15.3816 31.6497C15.692 31.4082 15.9909 31.0633 16.2955 30.8101C16.6754 30.4925 17.1458 30.062 17.5681 29.647C17.6028 29.6217 17.6336 29.5866 17.6645 29.5633C18.0134 29.2613 18.3509 28.9457 18.6825 28.6262C19.4036 27.9365 20.1073 27.2294 20.8458 26.5572C21.0097 26.4014 21.189 26.2553 21.3413 26.0877C21.3625 26.0449 21.3008 26.002 21.2661 26.0371C20.6086 26.5767 19.9569 27.1885 19.3052 27.7709C19.0199 28.032 18.7307 28.2872 18.4434 28.5444C18.3817 28.5931 18.3161 28.6515 18.1889 28.7626C17.892 29.0041 17.7474 29.0996 17.4755 29.3645C16.7216 30.0795 15.9639 30.7925 15.1792 31.4724C15.1233 31.525 15.1329 31.601 15.1715 31.6536C15.2042 31.6536 15.239 31.6536 15.2717 31.6536V31.6497Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M21.7732 25.9334C20.8863 26.7711 19.9763 27.5855 19.099 28.4329C19.0412 28.4874 19.0836 28.5946 19.1646 28.5907C19.1973 28.5907 19.2243 28.5732 19.2455 28.5498C19.4171 28.3939 19.583 28.2322 19.7526 28.0744C20.3233 27.5465 20.8439 26.9698 21.3992 26.4282C21.5457 26.2782 21.7058 26.138 21.8446 25.9821C21.8658 25.9393 21.8041 25.8983 21.7713 25.9334H21.7732Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M21.9315 26.0954C21.2586 26.6876 20.6185 27.313 20.0188 27.9793C19.9976 28.0065 19.9648 28.028 19.9494 28.0591C19.9301 28.0981 19.9648 28.1507 20.0092 28.1487C20.6185 27.6383 21.1487 27.0071 21.7097 26.4324C21.8042 26.3389 21.9006 26.2473 21.999 26.1597C22.0067 26.1519 22.0125 26.1402 22.0125 26.1266C22.0125 26.0876 21.9604 26.0642 21.9334 26.0934L21.9315 26.0954Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M22.1243 26.2376C21.7715 26.5863 21.3916 26.9078 21.0407 27.2604C20.873 27.4376 20.7766 27.5799 20.6166 27.7455C20.5954 27.7708 20.5606 27.7942 20.5626 27.8312C20.5626 27.876 20.6069 27.9091 20.6493 27.8974C20.7766 27.8 20.8769 27.6656 21.0041 27.5643C21.3184 27.2837 21.5729 26.9448 21.866 26.6428C21.9739 26.5298 22.0896 26.4227 22.2072 26.3194C22.2188 26.3077 22.2246 26.2941 22.2246 26.2785C22.2246 26.2278 22.159 26.2006 22.1262 26.2376H22.1243Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M22.3826 26.3932C21.9199 26.8238 21.4186 27.192 21.0947 27.6732C21.0407 27.7258 21.1236 27.8095 21.1776 27.755C21.4109 27.5621 21.731 27.2563 21.9141 27.0322C22.0896 26.8316 22.2824 26.6426 22.4521 26.44C22.4713 26.401 22.4154 26.3621 22.3846 26.3952L22.3826 26.3932Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M22.5463 26.5666C22.2513 26.8744 21.7866 27.2699 21.5899 27.5505C21.5514 27.6284 21.6632 27.7024 21.7211 27.6381C21.9486 27.4316 22.1259 27.1803 22.3419 26.9641C22.4287 26.853 22.5983 26.7283 22.6504 26.6095C22.6504 26.5569 22.5829 26.5277 22.5463 26.5666Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M22.7317 26.7676C22.5139 26.9682 22.1321 27.315 21.9702 27.5176C21.8892 27.5975 22.0145 27.7241 22.0955 27.6423C22.3191 27.4299 22.5563 27.1338 22.7298 26.9468C22.7607 26.9 22.8204 26.865 22.8301 26.8085C22.8301 26.7598 22.7664 26.7325 22.7317 26.7676Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M22.8607 26.9993C22.6795 27.1824 22.4828 27.3538 22.3209 27.5545C22.3209 27.5545 22.3189 27.5584 22.317 27.5603C22.3112 27.5701 22.2996 27.5895 22.3035 27.5993C22.3035 27.6168 22.3112 27.6344 22.3228 27.646C22.3768 27.6986 22.4327 27.6344 22.4732 27.5954C22.5811 27.4882 22.6833 27.3791 22.7913 27.272C22.8453 27.2019 22.9725 27.1317 22.9899 27.0499C22.9918 26.9856 22.907 26.9505 22.8626 26.9973L22.8607 26.9993Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M22.3132 27.5665C22.3132 27.5665 22.3153 27.5624 22.3174 27.5624C22.3174 27.5624 22.3174 27.5624 22.3174 27.5603C22.3174 27.5603 22.3153 27.5644 22.3112 27.5685L22.3132 27.5665Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M23.1674 27.2115C23.0632 27.307 22.9668 27.4122 22.8724 27.5193C22.8512 27.5388 22.8434 27.5739 22.8569 27.5992C22.8781 27.6576 22.9591 27.6557 22.9919 27.6089C23.0844 27.5096 23.1751 27.4102 23.2638 27.3089C23.3274 27.2466 23.2291 27.1472 23.1674 27.2115Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M23.4567 27.4201C23.3815 27.4863 23.3063 27.5525 23.26 27.6421C23.2465 27.6636 23.2485 27.6908 23.26 27.7142C23.3603 27.8428 23.5203 27.5506 23.5608 27.5253C23.6302 27.459 23.5222 27.3519 23.4567 27.4201Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M23.8172 27.6031C23.7999 27.6207 23.7786 27.6402 23.769 27.6635C23.7632 27.6694 23.742 27.6986 23.7439 27.7161C23.7227 27.7902 23.8153 27.8408 23.8731 27.796C23.8885 27.7863 23.8924 27.7824 23.8924 27.7804C23.9252 27.7648 23.956 27.7376 23.9715 27.7064C24.0158 27.6148 23.8866 27.5291 23.8172 27.6031Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M24.3414 27.7318C24.3183 27.761 24.2875 27.7883 24.2894 27.8292C24.2875 27.8935 24.3627 27.9461 24.4205 27.9149C24.461 27.8955 24.5053 27.8487 24.5053 27.798C24.5073 27.7143 24.3974 27.6695 24.3414 27.7299V27.7318Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M15.9545 31.6397C16.2091 31.402 16.4771 31.1332 16.7258 30.8955C17.4064 30.2584 18.087 29.6194 18.7695 28.9863C18.8505 28.9142 18.9315 28.8402 19.0144 28.7681C19.026 28.7564 19.0317 28.7408 19.0317 28.7233C19.0317 28.6707 18.9623 28.6395 18.9257 28.6785C18.0658 29.3525 17.2656 30.0948 16.4597 30.8312C16.1493 31.1078 15.8215 31.3708 15.5381 31.6436C15.6769 31.6416 15.8157 31.6397 15.9526 31.6377L15.9545 31.6397Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M16.5002 31.6357C16.6255 31.513 16.7527 31.3824 16.8838 31.2461C17.254 30.8681 17.6204 30.4843 17.9751 30.0908C18.3183 29.7168 18.6904 29.368 19.0452 29.0057C19.1185 28.92 19.2573 28.8323 19.3016 28.7368C19.3016 28.6959 19.2496 28.6725 19.2207 28.7037C18.4957 29.4499 17.7091 30.1317 16.9436 30.835C16.6255 31.1194 16.3343 31.3824 16.0895 31.6396C16.2264 31.6396 16.3633 31.6396 16.5021 31.6396L16.5002 31.6357Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M19.7989 28.217C19.7179 28.2968 19.6369 28.3767 19.556 28.4546C19.5405 28.4702 19.5328 28.4975 19.5444 28.5189C19.5675 28.5735 19.6331 28.5559 19.662 28.515C19.7353 28.4429 19.8143 28.3767 19.8914 28.3066C19.9512 28.2501 19.8587 28.1566 19.8008 28.217H19.7989Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M16.9106 31.6359C17.4871 31.0495 18.0925 30.356 18.6767 29.7676C18.9524 29.4871 19.2378 29.2182 19.527 28.9513C19.5559 28.9182 19.6099 28.8968 19.6138 28.8481C19.6138 28.8013 19.554 28.776 19.5212 28.8091C18.5765 29.7306 17.4563 30.7651 16.552 31.6359C16.6715 31.6359 16.7911 31.6359 16.9126 31.6359H16.9106Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M17.3136 31.6376C17.331 31.6181 17.3483 31.5987 17.3657 31.5792C17.9074 30.9694 18.4145 30.3655 19.045 29.8025C19.205 29.6466 19.3863 29.5102 19.5309 29.3408C19.554 29.292 19.4846 29.2453 19.448 29.2843C19.0007 29.6992 18.5206 30.2018 18.0443 30.6324C17.6857 30.9616 17.304 31.2714 16.9473 31.6357C17.0687 31.6357 17.1902 31.6357 17.3117 31.6357L17.3136 31.6376Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M17.7358 31.6417C18.2468 31.0884 18.7693 30.5488 19.2995 30.015C19.3516 29.9507 19.4537 29.8922 19.4846 29.8221C19.4846 29.787 19.4383 29.7656 19.4133 29.7929C18.8078 30.3715 18.2063 30.952 17.6086 31.5384C17.5739 31.5716 17.5372 31.6066 17.5006 31.6417C17.5797 31.6417 17.6568 31.6417 17.7358 31.6436V31.6417Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M18.1429 31.6454C18.2084 31.5695 18.2701 31.4993 18.3202 31.4409C18.756 30.9305 19.2226 30.4473 19.7065 29.9817C19.747 29.9427 19.6834 29.8765 19.6429 29.9174C19.1744 30.3635 18.7348 30.8369 18.2643 31.2792C18.1525 31.3863 18.0233 31.5091 17.8922 31.6396C17.9751 31.6396 18.06 31.6396 18.1429 31.6415V31.6454Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M18.5554 31.6513C18.7829 31.3864 18.9699 31.1506 19.2186 30.8915C19.3363 30.7668 19.4674 30.6499 19.585 30.5272C19.61 30.4766 19.5368 30.4279 19.5001 30.4688C19.2456 30.7103 19.0123 30.9733 18.7559 31.211C18.6074 31.3552 18.4532 31.4954 18.3086 31.6455C18.3915 31.6455 18.4744 31.6474 18.5554 31.6494V31.6513Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M18.966 31.6573C18.9911 31.6573 19.0181 31.6573 19.0431 31.6573C19.1569 31.5287 19.2706 31.4001 19.3844 31.2696C19.4885 31.1468 19.6023 31.0319 19.7102 30.917C19.7334 30.8702 19.6659 30.8235 19.6293 30.8624C19.3613 31.1157 19.1087 31.3845 18.858 31.6534C18.8927 31.6534 18.9294 31.6534 18.9641 31.6534L18.966 31.6573Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M19.7372 31.6709C19.8683 31.5209 19.9975 31.3729 20.1324 31.2267C20.198 31.1508 20.277 31.0806 20.3368 31.0008C20.3426 30.9891 20.3426 30.9735 20.3368 30.9618C20.3252 30.9287 20.277 30.9189 20.2539 30.9443C20.0264 31.1839 19.7989 31.4235 19.5771 31.667C19.6311 31.667 19.6851 31.667 19.7391 31.669L19.7372 31.6709Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M19.4597 31.6668C19.6352 31.4759 19.8068 31.283 19.9899 31.1019C20.0131 31.0707 20.0593 31.0493 20.0613 31.0064C20.0613 30.9597 20.0015 30.9343 19.9707 30.9694C19.7586 31.2051 19.5388 31.435 19.319 31.6649C19.3652 31.6649 19.4134 31.6649 19.4597 31.6668Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M19.5619 31.1683C19.4501 31.291 19.3325 31.4099 19.2206 31.5326C19.1994 31.554 19.2033 31.591 19.2303 31.6066C19.2476 31.6164 19.2727 31.6144 19.2881 31.5988C19.3961 31.4819 19.5041 31.3689 19.6101 31.2521C19.6699 31.2092 19.6275 31.1196 19.5619 31.1683Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M19.9935 31.6747C20.0533 31.6065 20.1111 31.5403 20.1709 31.474C20.2499 31.3727 20.3656 31.289 20.4254 31.1779C20.4254 31.139 20.3753 31.1175 20.3483 31.1468C20.1902 31.324 20.0301 31.4994 19.8701 31.6747C19.9106 31.6747 19.9511 31.6747 19.9916 31.6767L19.9935 31.6747Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M20.4988 31.6828C20.5315 31.6419 20.5643 31.6029 20.5952 31.562C20.6395 31.4938 20.7224 31.4392 20.7379 31.3555C20.7398 31.2678 20.6164 31.2347 20.574 31.3107C20.4891 31.4315 20.4004 31.5522 20.3195 31.6769C20.3792 31.6769 20.439 31.6789 20.4988 31.6808V31.6828Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M10.2124 31.7198C10.5401 31.71 10.8679 31.7042 11.1957 31.6983C11.7568 31.1431 12.3217 30.5918 12.9117 30.0677C13.1739 29.8281 13.4477 29.6021 13.7137 29.3664C13.762 29.3196 13.6868 29.2397 13.6386 29.2904C12.8635 29.9937 12.046 30.6502 11.2477 31.3301C11.4888 31.0866 11.7298 30.847 11.9457 30.658C12.2446 30.3814 12.5511 30.1145 12.8615 29.8515C12.9522 29.7599 13.1141 29.6664 13.172 29.5631C13.172 29.5261 13.1257 29.5066 13.0987 29.5339C12.3757 30.1554 11.6507 30.81 10.9335 31.3866C11.0357 31.2912 11.134 31.1996 11.2227 31.1197C11.7375 30.6502 12.2581 30.1866 12.7863 29.7307C12.8133 29.7015 12.8615 29.682 12.8673 29.6411C12.8673 29.608 12.8249 29.5885 12.7998 29.6138C12.3699 29.9781 11.9419 30.3502 11.5138 30.7048C11.535 30.6853 11.5562 30.6639 11.5774 30.6444C11.8223 30.4145 12.0691 30.1866 12.3198 29.9625C12.3583 29.9197 12.4277 29.8924 12.447 29.8359C12.447 29.8047 12.4065 29.7872 12.3853 29.8106C11.9091 30.208 11.4598 30.6366 10.9932 31.0437C10.7272 31.2736 10.4688 31.4957 10.2104 31.7217L10.2124 31.7198Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M11.1997 31.6983C11.5487 31.6924 11.8957 31.6885 12.2447 31.6846C13.0931 30.9112 13.9742 30.0716 14.7589 29.3566C14.8727 29.2592 14.9864 29.1618 15.104 29.0702C15.2101 28.9825 15.2949 28.9299 15.4145 28.8306C15.4742 28.7604 15.3798 28.6533 15.3026 28.7039C15.1619 28.813 15.0289 28.9338 14.8997 29.0585C14.8862 29.0527 14.8669 29.0546 14.8476 29.0702C14.0783 29.7287 13.1991 30.4378 12.4086 31.0982C12.8887 30.6229 13.3611 30.1534 13.9144 29.6917C14.1014 29.5358 14.2827 29.3722 14.4524 29.2592C14.5179 29.2202 14.4466 29.1189 14.3868 29.1754C13.9993 29.4968 13.4517 29.9644 13.0044 30.3501C12.7884 30.5235 12.5783 30.6911 12.372 30.8606C12.6111 30.6326 12.8521 30.4066 13.0969 30.1865C13.3804 29.9352 13.6271 29.7384 13.9144 29.5007C13.9568 29.454 14.034 29.4228 14.0455 29.3585C14.0455 29.3079 13.9781 29.2767 13.9433 29.3157C13.1625 30.0248 12.3411 30.6891 11.5545 31.3924C11.4465 31.4879 11.325 31.595 11.2016 31.7041L11.1997 31.6983Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M9.85567 31.7294C10.2124 31.4002 10.5691 31.0729 10.9392 30.7592C11.0916 30.6267 11.2516 30.5021 11.3962 30.3598C11.4097 30.3462 11.4174 30.3287 11.4174 30.3111C11.4174 30.2507 11.3403 30.2176 11.2979 30.2624C10.9778 30.5625 10.5729 30.8975 10.2085 31.1937C10.2933 31.1099 10.3762 31.0281 10.463 30.9482C10.5594 30.8508 10.6655 30.7631 10.7541 30.6618C10.7715 30.6267 10.7214 30.5936 10.6944 30.6228C10.2837 31.0125 9.8441 31.3709 9.41992 31.7489C9.56453 31.743 9.70913 31.7352 9.85374 31.7313L9.85567 31.7294Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M10.195 31.7198C10.328 31.5932 10.4611 31.4685 10.596 31.3419C11.0029 30.9522 11.4193 30.5723 11.8242 30.1808C11.8377 30.1632 11.8628 30.1515 11.8647 30.1282C11.8647 30.1009 11.8281 30.0853 11.8088 30.1048C11.1764 30.6756 10.4649 31.225 9.87109 31.7295C9.97907 31.7256 10.087 31.7237 10.195 31.7198Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M9.40461 31.7469C9.54922 31.6067 9.69382 31.4625 9.84614 31.33C9.98303 31.1995 10.1334 31.0787 10.2626 30.9423C10.2857 30.8956 10.2202 30.8527 10.1836 30.8897C9.85771 31.1878 9.52415 31.4742 9.18481 31.7547C9.25808 31.7508 9.33135 31.7489 9.40461 31.745V31.7469Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M9.13675 31.7586C9.21966 31.6827 9.29871 31.6106 9.37198 31.5463C9.52429 31.4002 9.70746 31.2813 9.84821 31.1255C9.87713 31.067 9.79422 31.0105 9.74988 31.0592C9.45681 31.3203 9.12133 31.5775 8.86682 31.7723C8.95744 31.7684 9.04613 31.7625 9.13675 31.7586Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M30.4784 31.5872C30.5652 31.6204 30.6635 31.6515 30.7676 31.6807C31.3576 31.6846 31.9476 31.6885 32.5376 31.6924C31.8377 31.4275 31.2014 31.1431 30.517 30.7787C30.2374 30.6307 29.954 30.4865 29.6763 30.3287C29.6493 30.3131 29.6204 30.356 29.6512 30.3735C30.2644 30.7203 30.8929 31.0398 31.5157 31.371C31.5832 31.4061 31.6487 31.4431 31.7162 31.4781C30.8736 31.1976 30.1795 30.8664 29.31 30.3794C28.6776 30.0404 28.0625 29.6741 27.4398 29.3176C27.3993 29.3001 27.3626 29.2631 27.3183 29.2592C27.299 29.265 27.2932 29.2943 27.3125 29.304C28.2495 29.8631 29.1924 30.4105 30.1294 30.9658C30.2798 31.0593 30.4186 31.1431 30.5497 31.2171C30.4919 31.1976 30.4418 31.1801 30.409 31.1645C29.7033 30.8391 29.0131 30.4768 28.3344 30.0988C27.5323 29.643 26.7244 29.1949 25.9185 28.7449C25.7681 28.663 25.6274 28.5637 25.4808 28.476C25.4596 28.4721 25.4461 28.5052 25.4673 28.5169C26.576 29.2533 27.7463 29.8865 28.855 30.6229C29.3447 30.9521 30.0851 31.4372 30.4784 31.5853V31.5872Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M28.6025 30.8896C28.9958 31.1546 29.3853 31.4371 29.794 31.6767C29.9386 31.6767 30.0832 31.6767 30.2278 31.6767C29.9945 31.5695 29.7593 31.4566 29.5202 31.3163C28.7953 30.8877 28.0703 30.4591 27.3569 30.011C27.1564 29.8824 26.952 29.7578 26.7554 29.6253C26.7399 29.6214 26.7284 29.6467 26.7457 29.6565C27.3569 30.0792 27.9951 30.461 28.6025 30.8896Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M28.5543 31.178C28.7991 31.3416 29.0382 31.5111 29.2792 31.6786C29.3891 31.6786 29.501 31.6786 29.6109 31.6786C29.0536 31.3533 28.4868 31.0455 27.9489 30.6851C27.6307 30.4825 27.3184 30.2701 27.006 30.0597C26.9868 30.048 26.9636 30.0753 26.981 30.0928C27.4784 30.4825 28.0298 30.8195 28.5543 31.178Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M35.8386 31.6534C35.8984 31.6807 35.9581 31.7099 36.0198 31.7392C36.3187 31.747 36.6195 31.7567 36.9183 31.7664C36.6445 31.593 36.3303 31.4898 36.0411 31.3398C34.7126 30.7437 33.2916 30.0618 31.9266 29.2825C31.1823 28.8384 30.4362 28.3981 29.7035 27.9344C29.6379 27.8993 29.5762 27.8409 29.5068 27.8234C29.4837 27.8292 29.4779 27.8643 29.4991 27.876C31.5718 29.1988 33.6425 30.541 35.8386 31.6515V31.6534Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M30.5885 28.8171C32.1329 29.7697 33.6425 30.7847 35.2216 31.6828C35.2448 31.6964 35.2679 31.7081 35.293 31.7218C35.5243 31.7276 35.7557 31.7334 35.9851 31.7393C35.5687 31.5211 35.0307 31.2717 34.6239 31.0652C33.9742 30.7399 33.3398 30.3853 32.7036 30.0347C32.0847 29.6762 31.4619 29.3236 30.8661 28.9262C30.7851 28.8697 30.7061 28.8112 30.6232 28.7547C30.6116 28.7469 30.5943 28.7489 30.5846 28.7567C30.5653 28.7703 30.5673 28.8034 30.5885 28.8132V28.8171Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M34.7375 31.71C34.8262 31.71 34.9149 31.7139 35.0036 31.7159C34.4753 31.4412 33.9509 31.1606 33.4399 30.8548C33.1237 30.66 32.8152 30.4535 32.4971 30.2625C32.4836 30.2547 32.4682 30.2762 32.4836 30.2859C33.2163 30.7691 33.9663 31.258 34.7356 31.712L34.7375 31.71Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M34.3579 31.706C34.4466 31.706 34.5372 31.706 34.6259 31.7079C34.2422 31.482 33.8393 31.291 33.4556 31.067C33.3958 31.0378 33.3418 30.9852 33.282 30.9657C33.2647 30.9696 33.2608 30.9949 33.2763 31.0027C33.6272 31.2268 33.9935 31.4839 34.3579 31.706Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M34.0379 31.7041C34.115 31.7041 34.1921 31.7041 34.2673 31.706C34.0861 31.6184 33.9068 31.5307 33.7275 31.4411C33.5887 31.3768 33.4576 31.2911 33.3187 31.2268C33.286 31.221 33.2686 31.2697 33.2975 31.2852C33.5482 31.4177 33.7911 31.5638 34.036 31.7041H34.0379Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M61.8347 31.9575C61.9099 31.9653 61.9851 31.9711 62.0584 31.9731C62.2319 31.977 62.4054 31.9731 62.577 31.9672C62.5616 31.9595 62.5462 31.9517 62.5288 31.9439C61.7422 31.5309 61.0018 31.0399 60.2441 30.5763C59.7659 30.2801 59.2993 29.9119 58.8385 29.6197C58.8 29.6002 58.7652 29.5613 58.7228 29.5574C58.7016 29.5632 58.6958 29.5944 58.717 29.6061C59.6579 30.2801 60.5969 31.0146 61.5841 31.6672C61.1175 31.3847 60.6682 31.075 60.2113 30.775C59.9973 30.6328 59.7678 30.473 59.5808 30.3172C59.5403 30.2938 59.5095 30.2236 59.4574 30.2431C59.4324 30.2568 59.4324 30.2957 59.4574 30.3094C60.1438 30.7964 60.8321 31.2756 61.532 31.7432C61.6323 31.8114 61.7325 31.8835 61.8328 31.9536L61.8347 31.9575Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M63.6509 31.8756C63.2962 31.7236 62.9144 31.5599 62.5307 31.3924C61.9292 31.0788 61.3315 30.7593 60.7415 30.4261C60.7261 30.4183 60.7106 30.4047 60.6914 30.4086C60.6644 30.4164 60.6567 30.4573 60.6837 30.4709C61.3334 30.8508 62.0063 31.1898 62.6406 31.5931C62.7178 31.6476 62.7987 31.7002 62.8797 31.7509C62.4382 31.5424 61.989 31.3203 61.4954 31.0515C60.9189 30.7495 60.3597 30.4183 59.7987 30.0871C59.7697 30.0755 59.7466 30.0443 59.7158 30.0462C59.6926 30.0521 59.6888 30.0852 59.71 30.0969C60.7203 30.7047 61.6997 31.3651 62.7197 31.9554C63.032 31.9379 63.3425 31.9067 63.6529 31.8717L63.6509 31.8756Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M65.3265 31.7528C65.5135 31.7489 65.7025 31.745 65.8895 31.743C65.6254 31.6885 65.3651 31.6223 65.1144 31.519C64.7423 31.3671 64.3471 31.2696 63.9923 31.0748C63.9537 31.0612 63.9171 31.0261 63.8766 31.0261C63.8515 31.032 63.8438 31.0709 63.8689 31.0846C64.3586 31.2833 64.8349 31.5365 65.3265 31.7528Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M63.6279 31.8305C63.653 31.8422 63.68 31.8558 63.7051 31.8675C63.8188 31.8558 63.9326 31.8422 64.0463 31.8305C63.9519 31.7974 63.8574 31.7643 63.7668 31.7292C63.2462 31.5188 62.6658 31.2753 62.1183 30.9636C62.0759 30.946 62.0431 30.8993 61.9968 30.8993C61.9698 30.9071 61.9621 30.948 61.9891 30.9616C62.5309 31.2597 63.0765 31.55 63.626 31.8305H63.6279Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M64.1196 31.6711C64.0965 31.6613 64.0734 31.6535 64.0522 31.6438C63.7707 31.5269 63.4005 31.3711 63.0746 31.2152C63.0611 31.2094 63.0496 31.1977 63.0341 31.2016C63.0187 31.2055 63.0149 31.2288 63.0303 31.2386C63.4082 31.4295 63.7861 31.6224 64.1621 31.823C64.5458 31.7841 64.9314 31.7665 65.315 31.7568C65.047 31.6594 64.7771 31.56 64.5091 31.449C64.2469 31.3379 63.8921 31.1957 63.6068 31.0574C63.4815 31.0009 63.36 30.9347 63.2347 30.8801C63.2 30.8743 63.1787 30.9269 63.2135 30.9444C63.6241 31.1295 64.004 31.3262 64.3684 31.5172C63.9326 31.3477 63.5065 31.1665 63.0168 30.9366C62.8568 30.8606 62.6813 30.7769 62.5386 30.695C62.5097 30.6834 62.4885 30.6502 62.4576 30.6522C62.4345 30.658 62.4287 30.6911 62.4519 30.7028C63.011 31.0067 63.5779 31.3594 64.1235 31.673L64.1196 31.6711Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M61.4549 31.936C61.5301 31.9321 61.6053 31.936 61.6824 31.9418C61.4992 31.8288 61.318 31.7119 61.1367 31.595C60.809 31.3866 60.4908 31.1664 60.165 30.956C60.1496 30.9463 60.1322 30.9716 60.1496 30.9814C60.5718 31.2989 61.0211 31.6262 61.4529 31.936H61.4549Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M61.1657 31.9925C61.1965 31.9828 61.2254 31.975 61.2563 31.9672C60.9921 31.8074 60.7318 31.6438 60.4793 31.4685C60.4446 31.4529 60.3848 31.3769 60.3559 31.4081C60.3501 31.4178 60.3539 31.4295 60.3636 31.4353C60.6335 31.6185 60.8996 31.8074 61.1676 31.9945L61.1657 31.9925Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M27.0506 30.7706C27.0313 30.7745 27.0274 30.8018 27.0448 30.8115C27.4516 31.1038 27.8623 31.3979 28.273 31.6863C28.3173 31.6863 28.3636 31.6863 28.4079 31.6863C27.9625 31.4135 27.5306 31.1155 27.1103 30.8037C27.091 30.794 27.0737 30.7687 27.0506 30.7726V30.7706Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M28.0742 31.2169C27.6462 30.9481 27.2259 30.6656 26.8133 30.3734C26.7651 30.3422 26.7188 30.3013 26.6687 30.274C26.661 30.274 26.6513 30.2779 26.6475 30.2837C26.6417 30.2935 26.6455 30.3071 26.6552 30.313C27.2124 30.7104 27.8005 31.137 28.2825 31.5169C28.3577 31.5754 28.4271 31.6299 28.4946 31.6825C28.7144 31.6806 28.9361 31.6786 29.1559 31.6786C29.0576 31.6182 28.9573 31.5598 28.859 31.4994C28.0742 31.0143 27.3435 30.4474 26.5491 29.9759C26.4662 29.9292 26.3891 29.8571 26.3004 29.824C26.285 29.8279 26.2811 29.8512 26.2966 29.859C27.1623 30.4123 27.9277 31.0124 28.7298 31.5929C28.5196 31.4741 28.296 31.3533 28.0762 31.215L28.0742 31.2169Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M28.0952 31.6884C27.7713 31.4897 27.4493 31.2871 27.1312 31.0747C26.8285 30.8663 26.5277 30.6539 26.2327 30.4357C26.2057 30.4279 26.1016 30.2896 26.0573 30.3422C26.0438 30.3578 26.0495 30.387 26.0669 30.3968C26.68 30.8 27.2893 31.2618 27.8793 31.6942C27.9506 31.6942 28.022 31.6923 28.0933 31.6903L28.0952 31.6884Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M27.5863 31.6983C27.6191 31.6983 27.6519 31.6983 27.6866 31.6983C27.6519 31.6769 27.6171 31.6554 27.5824 31.6321C27.3164 31.4606 27.0503 31.2853 26.7881 31.1061C26.7688 31.1022 26.7572 31.1314 26.7765 31.1411C27.0407 31.334 27.3144 31.5152 27.5882 31.6983H27.5863Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M26.7652 31.4196C26.9291 31.5034 27.0853 31.6047 27.2414 31.7041C27.2434 31.7041 27.2453 31.7041 27.2472 31.7041C27.2973 31.7041 27.3494 31.7041 27.3995 31.7002C27.2067 31.5813 27.0158 31.4586 26.8288 31.3281C26.7671 31.2794 26.6958 31.3748 26.7633 31.4177L26.7652 31.4196Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M39.2608 31.8346C39.3206 31.8131 39.3804 31.7936 39.4401 31.7761C38.2659 30.7611 37.0937 29.7422 35.9658 28.6766C35.692 28.4194 35.4182 28.1623 35.154 27.8954C35.0499 27.8019 34.9169 27.6168 34.8051 27.5583C34.7646 27.5583 34.7414 27.611 34.7723 27.6382C36.2665 29.0195 37.7454 30.4221 39.2146 31.8307C39.23 31.8307 39.2435 31.8346 39.2589 31.8346H39.2608Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M38.3373 31.587C38.4028 31.6533 38.4684 31.7234 38.5378 31.7935C38.6747 31.7974 38.8116 31.8033 38.9485 31.8111C38.4433 31.3474 37.9092 30.911 37.4156 30.4376C36.9201 29.9876 36.4381 29.522 35.9696 29.0428C35.906 28.9863 35.852 28.9083 35.7806 28.8616C35.7614 28.8616 35.7498 28.8869 35.7633 28.9025C36.6309 29.7889 37.487 30.685 38.3353 31.589L38.3373 31.587Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M38.2042 31.7859C38.2659 31.7859 38.3295 31.7859 38.3931 31.7878C38.1155 31.5326 37.8378 31.2813 37.5621 31.0241C37.1784 30.6598 36.8005 30.2897 36.4323 29.9098C36.4149 29.8962 36.4053 29.8728 36.3841 29.8669C36.3687 29.8669 36.3609 29.8864 36.3706 29.8981C36.9934 30.5157 37.5968 31.1527 38.2042 31.7878V31.7859Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M37.8841 31.7839C37.9767 31.7839 38.0712 31.7839 38.1656 31.7858C37.6316 31.3338 37.0069 30.8429 36.4959 30.3188C36.44 30.274 36.3995 30.1942 36.3301 30.1727C36.2877 30.1727 36.2646 30.2273 36.2954 30.2565C36.8526 30.7357 37.3578 31.2715 37.8822 31.7839H37.8841Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M39.5386 31.7489C39.6023 31.7333 39.664 31.7197 39.7295 31.71C39.2436 31.3242 38.7057 30.8878 38.2449 30.469C37.8689 30.1378 37.5199 29.7754 37.1536 29.4326C37.1208 29.4131 37.0977 29.3624 37.0591 29.3624C37.0456 29.3663 37.0418 29.3858 37.0534 29.3955C37.7455 30.0696 38.43 30.7515 39.153 31.3944C39.2764 31.5054 39.4056 31.6262 39.5406 31.7489H39.5386Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M39.9395 31.6867C40.0032 31.6808 40.0668 31.6789 40.1304 31.6769C39.9222 31.5094 39.7082 31.3496 39.4941 31.1723C39.2551 30.9795 39.0179 30.7827 38.7943 30.5723C38.7827 30.5606 38.7615 30.5782 38.775 30.5918C39.1529 30.9444 39.5462 31.3243 39.9395 31.6867Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M37.5258 31.782C37.5759 31.782 37.6279 31.782 37.6781 31.782C37.5643 31.6846 37.4506 31.5872 37.3426 31.484C37.1305 31.2872 36.9261 31.0846 36.7083 30.8937C36.6736 30.8567 36.6157 30.9131 36.6523 30.9502C36.9551 31.2151 37.2462 31.4918 37.5258 31.7801V31.782Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M29.3986 19.906C29.6897 19.6021 30.0272 19.3566 30.38 19.1307C30.7675 18.6689 31.1223 18.2326 31.4944 17.7845C32.63 16.4578 33.785 15.0629 34.909 13.7752C35.3409 13.2531 35.767 12.7271 36.222 12.2244C36.2413 12.1972 36.2779 12.1777 36.2857 12.1446C36.2857 12.1192 36.2529 12.1056 36.2355 12.1231C34.6005 13.9135 33.0137 15.7487 31.4096 17.5663C31.3209 17.6656 31.2303 17.7631 31.1396 17.8605C31.8357 17.0286 32.4777 16.1967 33.2162 15.285C33.6442 14.7785 34.1282 14.2369 34.5755 13.7284C34.6969 13.592 34.8242 13.4576 34.936 13.3135C34.9476 13.2881 34.9129 13.2628 34.8917 13.2842C34.2785 13.9739 33.6384 14.6246 33.0253 15.322C32.4334 15.9688 31.882 16.6526 31.29 17.2994C30.8948 17.7143 30.4802 18.1585 30.0676 18.6066C30.1486 18.5092 30.2315 18.4118 30.3164 18.3163C30.9758 17.5468 31.6043 16.789 32.2502 16.0136C32.5336 15.6863 32.8383 15.3766 33.1082 15.0395C33.1275 15.02 33.0966 14.985 33.0754 15.0064C32.0632 16.1519 31.0124 17.2682 30.0214 18.4332C30.6056 17.7241 31.2206 16.9624 31.8125 16.2708C32.1191 15.922 32.4237 15.5675 32.7554 15.2441C32.7669 15.2324 32.7669 15.211 32.7554 15.1993C32.7438 15.1876 32.7226 15.1876 32.711 15.1993C31.6178 16.3526 30.5998 17.576 29.5124 18.7352C29.4526 18.7975 29.3928 18.8579 29.333 18.9203C30.0696 18.1137 30.7887 17.2916 31.4809 16.448C31.7721 16.0974 32.0863 15.7642 32.3775 15.4155C32.4006 15.3941 32.364 15.3532 32.3408 15.3785C31.1281 16.8162 29.8228 18.1741 28.5001 19.5125C28.2263 19.7852 27.9564 20.0521 27.6923 20.3171C27.8369 20.1534 27.9815 19.9878 28.128 19.8242C28.8375 19.0177 29.6145 18.2774 30.3511 17.4962C30.7791 17.0422 31.1628 16.5474 31.5889 16.0896C31.6756 15.9922 31.7643 15.8967 31.853 15.7993C31.88 15.774 31.9109 15.7311 31.8723 15.7C31.8511 15.6824 31.8164 15.6883 31.8029 15.7136C30.9314 16.7636 29.9597 17.765 28.9629 18.7313C29.0246 18.6592 29.0843 18.5891 29.146 18.517C29.7129 17.8663 30.2797 17.2176 30.862 16.5844C31.0008 16.4325 31.1474 16.2863 31.2785 16.1266C31.292 16.0974 31.2515 16.0682 31.2283 16.0915C30.6441 16.7266 30.0676 17.3676 29.4622 17.9832C29.2656 18.1761 29.0708 18.3709 28.878 18.5676C29.3003 18.0436 29.8054 17.4397 30.2874 16.8922C30.4513 16.7013 30.621 16.5162 30.7868 16.3273C30.8022 16.3136 30.8022 16.2863 30.7868 16.2727C30.7733 16.2591 30.7463 16.2571 30.7328 16.2727C30.193 16.9156 29.63 17.539 29.0458 18.1429C28.5194 18.6475 28.0065 19.1638 27.5264 19.7112C27.1273 20.1632 26.7398 20.6229 26.3503 21.0827C26.7494 20.5801 27.1659 20.0697 27.6402 19.5378C28.1376 18.9242 28.9243 18.0358 29.5663 17.35C29.7842 17.1085 30.0021 16.8669 30.218 16.6234C30.2277 16.6097 30.2469 16.5981 30.2469 16.5786C30.2469 16.5513 30.2122 16.5357 30.193 16.5552C29.4044 17.4475 28.6042 18.3339 27.7675 19.1852C27.7655 19.1872 27.7617 19.1911 27.7597 19.193C28.1126 18.7858 28.4596 18.3787 28.8202 17.952C29.0188 17.7202 29.227 17.4942 29.4391 17.2721C29.4487 17.2507 29.4198 17.2293 29.4025 17.2468C28.3555 18.3124 27.2777 19.3469 26.2693 20.4496C25.3766 21.371 24.5611 22.3607 23.6934 23.3036C23.491 23.5315 23.2808 23.7536 23.0707 23.9757C23.1497 23.9192 23.2288 23.8647 23.3078 23.8082C23.7898 23.4595 24.2796 23.1205 24.7693 22.7815C25.1106 22.5458 25.4981 22.1873 25.8934 22.0178C25.9011 22.0081 25.9107 22.0003 25.9204 21.9925C26.038 21.8756 26.1652 21.8152 26.2906 21.7977C26.7186 21.4295 27.2662 21.1431 27.6865 20.8645C28.1145 20.5801 28.5676 20.1632 29.0323 19.9547C29.1711 19.8924 29.2829 19.8885 29.3986 19.906Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M31.2205 18.6009C31.6003 18.3534 31.9782 18.1041 32.3638 17.8684C32.5682 17.6073 32.763 17.3501 32.9828 17.0501C34.0355 15.6241 35.0265 14.4864 36.1274 12.9103C36.2489 12.7466 36.3974 12.5655 36.5381 12.3882C36.5767 12.3512 36.5169 12.2849 36.4764 12.3278C36.0098 12.9161 35.5702 13.5395 35.0689 14.1162C34.5792 14.6558 34.0548 15.2617 33.5805 15.8423C33.7983 15.5637 34.0239 15.2715 34.2688 14.9559C34.6602 14.4552 35.3793 13.5181 35.8999 12.8889C36.0445 12.7077 36.1988 12.5324 36.3492 12.3551C36.3627 12.3414 36.3627 12.3181 36.3492 12.3044C36.3357 12.2908 36.3106 12.2908 36.2971 12.3044C34.8241 13.9662 33.4069 15.6786 31.9647 17.3677C31.5232 17.8859 31.0836 18.406 30.6517 18.934C30.6382 18.9515 30.6247 18.9671 30.6132 18.9827C30.8156 18.8561 31.0219 18.7314 31.2205 18.6009Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M33.4262 17.28C33.6364 17.1787 33.8311 17.1592 34.0162 17.1904C34.3247 16.7657 34.6274 16.3468 34.9031 15.9494C35.4565 15.1506 36.0214 14.3616 36.5979 13.5785C36.7252 13.3934 36.8794 13.2239 36.9912 13.033C37.0009 12.9804 36.9218 12.9512 36.8948 12.9999C36.2509 13.8434 35.5818 14.7474 34.9571 15.5734C34.7797 15.8013 34.6081 16.0156 34.4365 16.228C34.5869 16.0137 34.7335 15.8072 34.8742 15.6085C35.4102 14.8565 35.9212 14.0869 36.4572 13.335C36.6018 13.1304 36.7464 12.9745 36.8813 12.77C36.8891 12.7232 36.8177 12.694 36.7946 12.7388C35.7862 14.0986 34.7258 15.4273 33.7521 16.715C33.7193 16.7579 33.6846 16.8027 33.6499 16.8455C34.3035 15.928 34.9282 14.9909 35.5953 14.0811C35.9578 13.5824 36.3376 13.0817 36.702 12.5888C36.7097 12.5752 36.7252 12.5654 36.7271 12.5498C36.7271 12.5284 36.6982 12.5148 36.6827 12.5323C35.9848 13.4265 35.2425 14.346 34.5889 15.2013C34.049 15.8617 33.5786 16.4267 33.0175 17.1689C32.8902 17.3423 32.7514 17.5274 32.6068 17.7183C32.8729 17.5625 33.1447 17.4124 33.4262 17.278V17.28Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M34.641 17.4904C35.2001 16.6118 35.7593 15.7331 36.3165 14.8545C36.5421 14.4922 36.7754 14.1357 37.0029 13.7753C37.0472 13.6895 37.1552 13.5687 37.1648 13.4869C37.1552 13.4519 37.1051 13.4441 37.0877 13.4772C36.3628 14.5604 35.5915 15.6377 34.8396 16.7287C35.312 15.9786 35.7246 15.326 36.224 14.5019C36.4457 14.1532 36.6944 13.785 36.9181 13.4577C36.9181 13.4558 36.9219 13.4519 36.9238 13.4499C36.9508 13.4109 36.9798 13.372 37.0067 13.333C37.0241 13.3038 37.0569 13.2785 37.0472 13.2395C37.0357 13.1947 36.972 13.185 36.9489 13.2259C36.411 14.0967 35.7728 14.9364 35.1963 15.7195C34.9399 16.0975 34.5639 16.6663 34.1821 17.2313C34.3422 17.2858 34.4945 17.3774 34.641 17.4884V17.4904Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M35.2174 17.991C35.5471 17.3092 35.8324 16.6799 36.2161 15.9104C36.4475 15.4487 36.6788 14.987 36.9507 14.5486C37.0702 14.3382 37.2226 14.1454 37.3363 13.933C37.3479 13.8726 37.2573 13.8376 37.2264 13.8941C36.7348 14.7474 36.2643 15.6143 35.736 16.4462C35.6146 16.639 35.4873 16.828 35.3639 17.0189C35.5529 16.6351 35.7437 16.2513 35.9577 15.8831C36.2759 15.324 36.5747 14.7532 36.9102 14.2019C37.0105 14.0402 37.1146 13.8824 37.2187 13.7246C37.2399 13.6895 37.184 13.6544 37.1628 13.6915C36.7695 14.3889 36.2971 15.0123 35.8922 15.6786C35.6685 16.0331 35.4834 16.4111 35.2598 16.7657C35.092 17.0364 34.9166 17.3033 34.745 17.5722C34.907 17.7027 35.0631 17.8508 35.2174 17.991Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M36.6904 17.387C36.4918 17.7182 36.351 18.0786 36.1775 18.4234C36.1563 18.4702 36.1331 18.513 36.1119 18.5578C36.1563 18.5715 36.2026 18.5851 36.2469 18.5968C36.3298 18.3572 36.4166 18.1273 36.5207 17.9091C36.594 17.7455 36.6691 17.5818 36.7521 17.424C36.7752 17.385 36.7135 17.348 36.6904 17.3889V17.387Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M35.6724 18.3573C35.7187 18.3885 35.7669 18.4138 35.8151 18.4392C35.9038 18.1606 35.9828 17.8956 36.1062 17.5976C36.2392 17.2975 36.4089 16.9819 36.5458 16.7034C36.5747 16.6254 36.6268 16.5494 36.6461 16.4696C36.6403 16.4442 36.6017 16.4384 36.5882 16.4618C36.3318 16.9099 36.1313 17.3852 35.8729 17.8313C35.7804 17.9638 35.684 18.1158 35.5895 18.2794C35.6859 18.0359 35.7823 17.7885 35.9018 17.5411C36.0927 17.1183 36.3356 16.5962 36.5709 16.1384C36.5786 16.1209 36.594 16.1033 36.5901 16.0838C36.5844 16.0644 36.5554 16.0585 36.5458 16.078C36.2219 16.7092 35.8652 17.2917 35.5316 17.845C35.9712 16.9293 36.4359 16.0234 36.9006 15.1214C37.0606 14.8331 37.2303 14.5292 37.3845 14.2487C37.3922 14.2272 37.4134 14.2097 37.4096 14.1863C37.4038 14.161 37.3672 14.1552 37.3537 14.1785C36.6461 15.4526 35.8806 16.6975 35.2231 18.0008C35.3716 18.1333 35.5181 18.2599 35.6685 18.3573H35.6724Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M36.6132 16.978C36.3452 17.4903 36.0772 17.9754 35.8478 18.4527C35.9114 18.4839 35.975 18.5112 36.0425 18.5345C36.1621 18.1956 36.2835 17.8566 36.4031 17.5429C36.4763 17.3559 36.5496 17.1689 36.6383 16.9896C36.6402 16.976 36.6209 16.9682 36.6132 16.9819V16.978Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M37.3636 17.1512C37.1014 17.6578 36.8353 18.1623 36.5885 18.6747C36.6386 18.6844 36.6907 18.6961 36.7408 18.7059C36.8681 18.3727 36.9973 18.0454 37.1341 17.7279C37.2074 17.5681 37.3115 17.3499 37.4002 17.1727C37.4137 17.1493 37.3771 17.124 37.3617 17.1512H37.3636Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M36.5787 18.673C36.6943 18.3457 36.8004 18.0203 36.9334 17.7008C37.051 17.4398 37.1995 17.1515 37.3364 16.8846C37.3557 16.8378 37.3981 16.7949 37.4039 16.7443C37.3981 16.7209 37.3653 16.717 37.3538 16.7384C37.1687 17.0657 37.0356 17.4184 36.8544 17.7456C36.6905 18.0379 36.5228 18.3301 36.3666 18.6262C36.4379 18.6437 36.5073 18.6574 36.5787 18.673Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M37.0144 18.7723C37.1802 18.3456 37.3364 17.9618 37.535 17.5118C37.5736 17.4631 37.5253 17.3988 37.4791 17.4514C37.2786 17.843 37.0318 18.293 36.8177 18.7255C36.8833 18.7411 36.9489 18.7567 37.0125 18.7723H37.0144Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M37.2902 18.8501C37.3557 18.6436 37.4232 18.441 37.4984 18.2793C37.5466 18.1546 37.6179 18.0397 37.6719 17.9189C37.6796 17.878 37.6199 17.8566 37.6006 17.8936C37.4541 18.178 37.3114 18.4663 37.1533 18.7449C37.1436 18.7625 37.134 18.7819 37.1224 18.7995C37.1784 18.8151 37.2343 18.8326 37.2902 18.8482V18.8501Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M37.5195 18.9302C37.5619 18.7724 37.6005 18.6107 37.6641 18.4607C37.693 18.3828 37.7258 18.3146 37.7489 18.2503C37.7547 18.2211 37.7123 18.2075 37.6988 18.2328C37.6448 18.3516 37.5446 18.5581 37.506 18.6341C37.4636 18.7159 37.4135 18.7977 37.3672 18.8776C37.4192 18.8952 37.4713 18.9127 37.5214 18.9322L37.5195 18.9302Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M37.7761 19.0295C37.78 19.01 37.7838 18.9905 37.7896 18.9691C37.8166 18.8132 37.8533 18.6768 37.9111 18.5619C37.9439 18.5054 37.8571 18.4547 37.8243 18.5112C37.7607 18.6671 37.6604 18.8035 37.5795 18.9515C37.645 18.9769 37.7106 19.0041 37.7761 19.0314V19.0295Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M37.9594 19.1133C37.9922 19.012 38.0288 18.9126 38.0635 18.8133C38.0693 18.7957 38.0655 18.7743 38.0558 18.7587C38.0308 18.7139 37.9594 18.7119 37.9344 18.7587C37.8997 18.8444 37.8572 18.9418 37.8148 19.047C37.863 19.0685 37.9112 19.0899 37.9594 19.1133Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M37.3943 14.3849C37.1591 14.87 36.7986 15.4116 36.6655 15.8597C36.6578 15.885 36.652 15.8772 36.6559 15.9084C36.6694 15.9532 36.7292 15.9474 36.7427 15.9045C36.9509 15.5558 37.1398 15.1155 37.3269 14.7083C37.3693 14.609 37.4618 14.496 37.4792 14.3947C37.4695 14.3557 37.4136 14.3479 37.3943 14.383V14.3849Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M37.5408 14.6714C37.5293 14.6539 37.5003 14.6559 37.4907 14.6753C37.3152 15.0669 37.0048 15.5325 36.893 15.8871C36.8756 15.9416 36.9412 15.9923 36.9894 15.9611C37.0684 15.8793 37.134 15.6319 37.1841 15.5364C37.2825 15.2949 37.3577 15.1117 37.4618 14.8779C37.4907 14.8176 37.5235 14.7591 37.5466 14.6948C37.5466 14.687 37.5466 14.6773 37.5408 14.6714Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M37.5581 15.0104C37.4752 15.2013 37.3904 15.3922 37.294 15.5773C37.2188 15.7059 37.1359 15.8345 37.105 15.9806C37.078 16.0663 37.1802 16.1442 37.2573 16.0975C37.319 16.0429 37.2901 16.0643 37.3248 15.9981C37.3942 15.8364 37.4039 15.6572 37.4617 15.4935C37.5138 15.3416 37.5697 15.1916 37.6314 15.0416C37.6449 14.9987 37.5812 14.9734 37.56 15.0123L37.5581 15.0104Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M37.6891 15.3473C37.6081 15.6162 37.3999 15.8538 37.3633 16.1461C37.3633 16.148 37.3633 16.15 37.3633 16.1519C37.3633 16.2026 37.4308 16.2357 37.4674 16.1948C37.4982 16.185 37.5754 15.9435 37.612 15.8207C37.6486 15.6668 37.6949 15.5149 37.7489 15.3649C37.7605 15.3259 37.6988 15.3084 37.6872 15.3473H37.6891Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M37.7701 15.6999C37.7412 15.7662 37.6911 15.885 37.6467 15.998C37.6236 16.0798 37.5561 16.1733 37.5947 16.2571C37.6814 16.337 37.72 16.1772 37.7316 16.1441C37.7682 16 37.8318 15.8616 37.8646 15.7175C37.8607 15.6707 37.7933 15.6571 37.7701 15.698V15.6999Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path d="M37.8339 15.9726C37.8166 16.0408 37.753 16.4324 37.9091 16.2999C37.9516 16.1986 38.0113 16.0934 38.021 15.9843C38.0133 15.881 37.8552 15.8713 37.832 15.9707L37.8339 15.9726Z" fill="var(--surface-900)" fillOpacity="0.5" />
-                    <path
-                        d="M38.1578 16.2085C38.1404 16.1754 38.0845 16.1812 38.0768 16.2183C38.0652 16.267 38.0498 16.3157 38.0459 16.3663C38.0459 16.3936 38.0363 16.4267 38.0517 16.452C38.0787 16.4832 38.1115 16.452 38.1173 16.4209C38.1308 16.3624 38.1732 16.2611 38.1578 16.2085Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M38.3658 16.4111C38.3369 16.3566 38.2482 16.3819 38.2502 16.4423C38.2502 16.4871 38.2328 16.5417 38.2617 16.5787C38.2868 16.606 38.3369 16.5923 38.3466 16.5573C38.3504 16.5086 38.389 16.4579 38.3658 16.4111Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path d="M38.5644 16.7405C38.5606 16.7854 38.549 16.7698 38.5644 16.8107C38.5837 16.8477 38.6435 16.8399 38.6531 16.799C38.6917 16.7211 38.6011 16.6607 38.5644 16.7405Z" fill="var(--surface-900)" fillOpacity="0.5" />
-                    <path
-                        d="M47.7903 23.3406C47.1772 22.7795 46.7356 22.3314 46.1341 21.8074C45.5653 21.2911 45.0254 20.7456 44.4856 20.2001C44.3853 20.1008 44.2812 20.0034 44.1809 19.904C44.1655 19.8962 44.1482 19.9196 44.1617 19.9313C44.663 20.4924 45.2182 21.0028 45.7176 21.5658C46.0145 21.9067 46.2864 22.2126 46.5602 22.5107C46.3905 22.3353 46.2189 22.1619 46.0492 21.9866C45.4612 21.3944 44.8558 20.8197 44.2831 20.2118C43.8397 19.7423 43.4232 19.2475 42.9933 18.7644C42.9682 18.7429 42.9547 18.7059 42.9238 18.6981C42.9046 18.6981 42.893 18.7195 42.9026 18.7351C44.3236 20.43 45.6694 22.1074 47.1964 23.699C47.395 23.5783 47.5936 23.4575 47.7922 23.3406H47.7903Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M47.6303 22.3257C47.6091 22.3081 47.5898 22.2906 47.5686 22.2731C46.9709 21.7393 46.377 21.1743 45.8449 20.586C45.814 20.5489 45.7948 20.5002 45.7523 20.471C45.7099 20.4515 45.6675 20.51 45.7041 20.5431C46.3076 21.1353 46.8957 21.7958 47.4992 22.4094C47.7035 22.6296 47.9368 22.8945 48.1605 23.1283C48.2858 23.0582 48.4111 22.9919 48.5365 22.9277C48.3764 22.7796 48.2126 22.6257 48.039 22.4601C47.208 21.6964 46.3944 20.9133 45.5769 20.1359C45.4824 20.0541 45.4034 19.947 45.2992 19.8788C45.2838 19.8788 45.2742 19.9002 45.2857 19.91C46.055 20.7243 46.861 21.5094 47.6283 22.3276L47.6303 22.3257Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M48.0217 23.2042C48.0622 23.1808 48.1026 23.1574 48.1431 23.1341C47.7151 22.7366 47.2909 22.3353 46.8957 21.9067C46.6797 21.6749 46.4619 21.445 46.2575 21.2034C46.2363 21.182 46.1977 21.2151 46.2228 21.2385C46.8147 21.9028 47.424 22.5496 48.0236 23.2062L48.0217 23.2042Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M44.9368 24.9032C45.1277 24.8018 45.3224 24.7044 45.5152 24.609C45.4535 24.5272 45.3899 24.4434 45.3282 24.3557C44.7748 23.594 44.2369 23.0329 43.6566 22.2926C43.1996 21.6692 42.6945 21.0185 42.2298 20.3659C42.0601 20.1282 41.902 19.8847 41.7246 19.6568C41.7092 19.6412 41.6784 19.6607 41.6919 19.6821C42.2298 20.4516 42.7716 21.2192 43.2864 22.0062C43.7202 22.6043 44.1501 23.2044 44.5435 23.8297C43.8841 22.9414 43.109 21.8796 42.3802 20.9036C41.7381 20.0347 41.1346 19.1386 40.5273 18.2463C40.4078 18.071 40.294 17.8898 40.1629 17.7203C40.132 17.693 40.0781 17.7359 40.1031 17.7729C41.4605 19.6685 42.706 21.64 44.0055 23.5745C44.3121 24.0206 44.6225 24.4629 44.9349 24.9051L44.9368 24.9032Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M45.5867 24.5719C45.6541 24.5388 45.7216 24.5037 45.7891 24.4706C45.3129 23.927 44.7884 23.3621 44.3758 22.8166C43.9092 22.2399 43.4581 21.6496 43.0127 21.0535C42.924 20.9386 42.8372 20.8236 42.7485 20.7087C42.7312 20.6931 42.7023 20.7165 42.7158 20.7379C43.568 21.8873 44.5108 23.064 45.2782 24.1589C45.3881 24.3089 45.4883 24.4433 45.5867 24.5719Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M45.8257 24.4551C45.9028 24.4162 45.9799 24.3772 46.0551 24.3383C45.6328 23.8882 45.2087 23.4421 44.8134 22.9687C44.53 22.6083 44.2196 22.2284 43.9516 21.8836C43.9342 21.8524 43.8822 21.8797 43.9014 21.9128C44.5878 22.7525 45.1701 23.6019 45.8276 24.4532L45.8257 24.4551Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M46.1649 24.2797C46.1649 24.2797 46.1649 24.2797 46.1668 24.2817C46.217 24.2563 46.2671 24.2291 46.3153 24.2037C46.1938 24.0946 46.0704 23.9778 45.9625 23.8609C45.7716 23.6661 45.5923 23.4595 45.3956 23.2706C45.3686 23.2433 45.3243 23.2862 45.3532 23.3134C45.6058 23.594 46.0126 24.0869 46.163 24.2797H46.1649Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M46.9091 23.8705C46.9573 23.8413 47.0074 23.8121 47.0556 23.7829C46.7992 23.5257 46.5428 23.2686 46.3056 22.9939C45.9258 22.5633 45.5498 22.1308 45.1873 21.6828C45.1063 21.5932 45.0408 21.4841 44.954 21.4061C44.9386 21.4061 44.929 21.4276 44.9405 21.4373C45.6269 22.2594 46.2574 23.0835 46.9091 23.8686V23.8705Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M46.7724 23.9483C46.7994 23.9327 46.8283 23.9171 46.8553 23.8996C46.7782 23.8158 46.701 23.7301 46.6316 23.6405C46.5102 23.5041 46.3964 23.3424 46.2788 23.2255C46.2402 23.2139 46.2094 23.2665 46.2383 23.2937C46.4253 23.5022 46.5969 23.7262 46.7705 23.9483H46.7724Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M44.4817 25.0123C44.5048 25.0473 44.528 25.0805 44.5492 25.1155C44.5897 25.0922 44.6301 25.0707 44.6706 25.0473C44.7362 25.0103 44.8017 24.9753 44.8654 24.9402C44.7574 24.7902 44.6398 24.6324 44.5453 24.496C44.1173 23.8882 43.5524 23.1674 43.053 22.4446C42.6809 21.8855 42.301 21.3536 41.9212 20.7614C41.7997 20.5822 41.6763 20.4068 41.5645 20.2218C41.5491 20.1945 41.5009 20.2179 41.5182 20.249C42.2683 21.4316 43.0241 22.6121 43.7375 23.8161C43.7837 23.8882 43.83 23.9622 43.8782 24.0382C43.5369 23.6427 43.2072 23.2492 42.893 22.844C42.6519 22.5245 42.4264 22.1933 42.2104 21.8582C42.1931 21.8426 42.1622 21.866 42.1757 21.8894C42.5401 22.4446 42.9277 22.9881 43.2882 23.5453C43.6314 24.0479 43.8936 24.4687 44.2368 24.8369C44.3178 24.9071 44.3949 25.0162 44.4778 25.0142L44.4817 25.0123Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M42.2067 22.955C42.1874 22.92 42.145 22.8479 42.1373 22.8343C41.9522 22.5245 41.7073 22.1933 41.4721 21.8115C41.2176 21.3829 40.9458 20.964 40.6893 20.5354C40.4541 20.1341 40.2208 19.7308 40.0049 19.3178C39.9875 19.2925 39.9837 19.2555 39.9567 19.2399C39.9393 19.2341 39.922 19.2555 39.9335 19.2711C40.3673 20.1068 40.7645 20.9504 41.1559 21.718C40.8744 21.2835 40.6045 20.8413 40.3558 20.3893C40.0916 19.9042 39.7851 19.4425 39.5344 18.9477C39.3339 18.5678 39.1411 18.186 38.9464 17.8022C38.8789 17.6911 38.8384 17.5489 38.7439 17.4612C38.7092 17.4515 38.6764 17.4905 38.6976 17.5236C39.4014 18.7723 40.0531 20.3094 40.5794 21.3381C40.7472 21.6264 41.0132 22.055 41.181 22.1427C41.1848 22.1446 41.1906 22.1485 41.2003 22.1524C41.2658 22.1836 41.3256 22.1388 41.3449 22.0803C41.4143 22.2128 41.4837 22.3414 41.555 22.468C41.7363 22.7758 42.0023 23.0408 42.1007 23.0895C42.1817 23.1284 42.2588 23.0232 42.2106 22.955H42.2067Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path d="M42.1375 22.8341C42.1375 22.8341 42.1433 22.8419 42.1452 22.8458C42.1356 22.8302 42.1356 22.8282 42.1375 22.8341Z" fill="var(--surface-900)" fillOpacity="0.5" />
-                    <path
-                        d="M43.487 24.0167C43.487 24.0167 43.4716 23.9972 43.4639 23.9894C43.4523 23.9758 43.4677 23.9972 43.4735 24.0031C43.4504 23.97 43.4215 23.9427 43.3964 23.9115C43.0995 23.5725 42.9375 23.3388 42.7158 23.0446C42.4574 22.7368 42.2743 22.4972 42.0371 22.1445C41.8578 21.8776 41.6881 21.6049 41.532 21.3244C41.4953 21.2737 41.478 21.2016 41.4336 21.1607C41.4105 21.1549 41.3874 21.1821 41.4008 21.2016C41.6573 21.6789 41.9523 22.1328 42.2145 22.6062C42.4343 23.0076 42.6522 23.4089 42.9491 23.7615C43.0763 23.9329 43.3231 24.1453 43.3752 24.1706C43.4195 24.194 43.4754 24.1706 43.5005 24.1297C43.5217 24.0927 43.5159 24.044 43.487 24.0128V24.0167Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path d="M43.491 24.0225C43.4971 24.0306 43.4991 24.0326 43.491 24.0225V24.0225Z" fill="var(--surface-900)" fillOpacity="0.5" />
-                    <path d="M43.4832 24.0125C43.4832 24.0125 43.4832 24.0164 43.4871 24.0164C43.4871 24.0184 43.491 24.0204 43.491 24.0224C43.4891 24.0204 43.4871 24.0164 43.4832 24.0125Z" fill="var(--surface-900)" fillOpacity="0.5" />
-                    <path
-                        d="M39.9296 15.7604C39.3358 15.0844 38.7651 14.3831 38.1481 13.7285C38.125 13.709 38.1095 13.67 38.0768 13.6642C38.0517 13.6642 38.0382 13.6954 38.0575 13.7129C38.8171 14.5486 39.5344 15.4429 40.2998 16.2864C40.3712 16.3546 40.5293 16.5981 40.5389 16.4481C40.3422 16.2143 40.1282 15.9942 39.9296 15.7624V15.7604Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M41.1058 17.0345C41.0229 16.9468 40.9381 16.8631 40.861 16.7715C40.8301 16.7442 40.8108 16.6955 40.7684 16.6877C40.7376 16.6877 40.7183 16.7287 40.7414 16.7501C40.8609 16.8514 40.9651 16.9683 41.0769 17.0754C41.0885 17.0813 41.102 17.0754 41.1097 17.0657C41.1155 17.0559 41.1135 17.0423 41.1058 17.0345Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M39.5401 15.6141C39.4148 15.4777 39.2895 15.3375 39.168 15.1972C38.9752 14.9829 38.8036 14.7511 38.6204 14.5309C38.5973 14.4861 38.5317 14.5212 38.5665 14.5621C38.8749 14.9128 39.1757 15.2712 39.49 15.618C39.5035 15.6336 39.5247 15.6628 39.5421 15.6375C39.5459 15.6297 39.5459 15.62 39.5382 15.6141H39.5401Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M39.9662 16.1676C39.9065 16.1033 39.8506 16.0371 39.7869 15.9747C39.7638 15.9514 39.7272 15.9884 39.7503 16.0118C39.8158 16.0741 39.8718 16.1481 39.9373 16.2085C39.9489 16.2144 39.9624 16.2085 39.9682 16.1988C39.974 16.189 39.972 16.1754 39.9643 16.1696L39.9662 16.1676Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M38.9581 15.2363C38.9002 15.1701 38.8405 15.1038 38.7807 15.0376C38.7576 15.0142 38.7209 15.0512 38.7441 15.0746C38.8077 15.1389 38.8655 15.2129 38.933 15.2733C38.9427 15.2792 38.9542 15.2733 38.96 15.2636C38.9658 15.2558 38.9639 15.2441 38.9562 15.2363H38.9581Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M29.5565 10.235C28.9569 10.7123 28.4556 11.3065 27.8965 11.8306C26.3058 13.4008 24.8617 15.1093 23.3558 16.7594C22.6791 17.4744 22.0197 18.203 21.3699 18.9414C21.7382 18.5128 22.0351 18.129 22.4207 17.6945C22.8218 17.2426 23.2575 16.8257 23.6508 16.3678C24.5917 15.3353 25.5191 14.221 26.4215 13.1709C27.1754 12.3274 27.9581 11.513 28.7024 10.6617C28.8393 10.5097 28.9897 10.3714 29.1285 10.2233C29.1458 10.1863 29.0938 10.1474 29.0649 10.1805C28.5404 10.7357 27.9813 11.2559 27.4549 11.8111C26.2383 13.0988 25.0313 14.3944 23.8629 15.7249C23.5332 16.1126 23.19 16.4886 22.8603 16.8783C22.5923 17.2094 22.0698 17.8582 21.7266 18.1933C21.4606 18.4972 21.1752 18.7894 20.9226 19.105C20.753 19.3407 20.5447 19.5336 20.35 19.7382C19.3088 20.9187 18.3217 22.148 17.2786 23.3267C18.688 21.6922 20.055 20.0499 21.368 18.3666C21.877 17.753 22.3667 17.1276 22.8815 16.5198C22.9548 16.4224 23.0551 16.3406 23.111 16.2334C23.111 16.1983 23.0647 16.1789 23.0416 16.2042C22.3205 17.1023 21.5396 17.9497 20.7954 18.8284C19.8525 19.9369 18.9271 21.061 17.9341 22.1266C17.9843 22.0643 18.0344 22.0019 18.0826 21.9415C19.251 20.5622 20.4155 19.179 21.5492 17.7725C21.852 17.4101 22.1508 17.0458 22.4593 16.6893C22.5383 16.5938 22.627 16.5081 22.7022 16.4107C22.708 16.399 22.708 16.3834 22.7022 16.3717C22.6907 16.3386 22.6425 16.3289 22.6193 16.3542C21.6726 17.4588 20.7568 18.5887 19.7889 19.6778C18.4335 21.2188 17.0684 22.75 15.767 24.3378C14.373 25.9956 12.8305 27.7334 11.4886 29.3776C11.2264 29.6893 10.9719 30.001 10.7231 30.3108C11.3151 29.9368 11.9185 29.5666 12.5432 29.2783C12.6821 29.214 12.817 29.1614 12.952 29.1166C13.0195 29.0426 13.085 28.9705 13.1525 28.8964C14.801 27.0847 16.4322 25.2592 18.0286 23.4026C19.251 21.9435 20.4445 20.459 21.7074 19.0329C22.7948 17.7647 23.9246 16.5315 25.0352 15.2847C26.0378 14.1528 27.023 13.0034 28.0584 11.9007C28.552 11.3747 29.0282 10.8234 29.57 10.348C29.5893 10.3305 29.6182 10.3208 29.6259 10.2954C29.6375 10.2584 29.5932 10.2233 29.5584 10.2448L29.5565 10.235ZM20.7163 19.6894C20.859 19.5044 21.0094 19.3193 21.2061 19.1284C21.2485 19.0797 21.2909 19.0329 21.3314 18.9842C21.1251 19.218 20.9207 19.4537 20.7163 19.6894Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M30.1001 10.426C30.0828 10.4085 30.0539 10.4085 30.0365 10.426C29.2306 11.406 28.3514 12.3196 27.4818 13.2411C25.8757 14.9808 24.2388 16.6933 22.6732 18.47C23.2555 17.7706 23.8416 17.0751 24.4393 16.3874C25.654 14.9691 26.8533 13.5645 28.12 12.2008C28.6695 11.6222 29.2267 11.0494 29.7801 10.4708C29.8013 10.4455 29.8379 10.428 29.8399 10.391C29.8399 10.352 29.7878 10.3286 29.7608 10.3578C28.1663 11.9884 26.5718 13.6191 25.1045 15.3646C24.0595 16.5861 22.9451 17.7492 21.9232 18.9901C21.0093 20.0889 20.0414 21.1389 19.1024 22.2163C17.1435 24.4761 15.1885 26.7399 13.2527 29.0192C13.5554 28.9433 13.8562 28.9043 14.1647 28.8829C15.5432 27.3653 16.9546 25.8769 18.2927 24.3242C19.0967 23.3832 19.8563 22.4052 20.6391 21.4468C21.3679 20.5681 22.116 19.7051 22.8525 18.8343C24.4374 17.0478 25.6752 15.5321 27.3006 13.7379C28.0545 12.9021 28.7601 12.0235 29.4967 11.1702C29.6953 10.9403 29.8977 10.7144 30.1021 10.4884C30.1194 10.4708 30.1194 10.4416 30.1021 10.4241L30.1001 10.426Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M30.3874 10.619C30.3739 10.58 30.3179 10.5703 30.289 10.5995C27.8153 13.5101 25.1854 16.2862 22.7079 19.1928C20.9475 21.2559 19.1602 23.2957 17.4095 25.3665C16.3664 26.5627 15.2829 27.7199 14.2051 28.883C14.3805 28.8732 14.5598 28.8693 14.7449 28.8674C15.8651 27.6576 16.9911 26.4517 18.0612 25.1971C19.272 23.7632 20.4944 22.3411 21.7207 20.9228C22.6654 19.7909 23.5871 18.6396 24.5472 17.5213C25.9432 15.9082 27.2022 14.3595 28.5923 12.7405C29.1669 12.0606 29.7549 11.3924 30.3411 10.7203C30.3661 10.6911 30.4028 10.6599 30.3835 10.619H30.3874Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M30.503 10.8216C30.1001 11.2969 29.6373 11.7158 29.2132 12.1697C28.5807 12.8379 27.9753 13.5315 27.3757 14.2289C26.3211 15.4641 25.3532 16.7693 24.3043 18.0103C22.6963 19.9039 21.0227 21.741 19.4109 23.6307C18.5182 24.6672 17.639 25.7172 16.7328 26.7439C16.1004 27.4569 15.4583 28.1602 14.824 28.8693C14.9088 28.8693 14.9956 28.8693 15.0843 28.8693C15.1575 28.8693 15.2308 28.883 15.3002 28.9063C15.68 28.2966 16.2874 27.7569 16.781 27.264C17.3401 26.7069 17.932 26.1867 18.5509 25.6997C18.8729 25.3198 19.1988 24.9418 19.5265 24.5678C20.6525 23.2684 21.9231 21.9008 23.0703 20.6072C22.4842 21.2929 21.873 21.9592 21.2791 22.6372C20.4462 23.584 19.621 24.5386 18.8093 25.5029C19.0542 25.3178 19.3029 25.1347 19.5516 24.9555C19.7444 24.8172 19.9179 24.6691 20.1127 24.5639C20.4751 24.1431 20.8376 23.7223 21.204 23.3034C21.6166 22.8242 22.0446 22.3566 22.4591 21.8793C21.7997 22.6742 21.1461 23.4729 20.4771 24.26C20.4173 24.3321 20.3537 24.4061 20.2881 24.484C20.3884 24.447 20.4964 24.4236 20.6159 24.4178C20.9302 24.4042 21.2387 24.5249 21.5163 24.6749C22.4688 23.4749 23.3865 22.3099 24.3486 21.104C25.6462 19.4656 26.7607 17.9421 28.0447 16.3329C28.6251 15.6043 29.2054 14.8757 29.8031 14.1627C29.9053 14.04 30.0114 13.9192 30.1155 13.7984C30.1328 13.7653 30.0827 13.7282 30.0557 13.7575C28.1893 15.9316 26.3924 18.1642 24.5627 20.3715C25.785 18.8266 26.9727 17.2914 28.2414 15.6374C28.7639 14.9829 29.2749 14.3166 29.8301 13.6873C29.8687 13.6308 29.94 13.5899 29.9555 13.5217C29.9555 13.4711 29.888 13.4399 29.8533 13.4789C28.5036 15.1621 27.1655 16.8589 25.7542 18.4934C24.9675 19.3799 24.2137 20.2935 23.4637 21.2092C24.8229 19.5104 25.9297 18.0025 27.3352 16.2472C28.0043 15.4056 28.6984 14.5289 29.4098 13.6445C29.5332 13.4945 29.6662 13.3523 29.7877 13.2003C29.807 13.1594 29.7492 13.1146 29.7144 13.1516C28.7813 14.2465 27.8211 15.3199 26.9187 16.4401C25.8255 17.7765 24.7709 19.1441 23.6526 20.4591C23.5099 20.6247 23.3692 20.7923 23.2284 20.9598C23.2921 20.8799 23.3557 20.8001 23.4174 20.7182C24.8885 18.7993 26.5177 16.6446 28.1701 14.5348C28.6386 13.9562 29.1013 13.4107 29.593 12.8477C29.62 12.8068 29.6682 12.7795 29.6778 12.7327C29.6778 12.6957 29.6296 12.6743 29.6026 12.7016C28.5885 13.7614 27.663 14.8991 26.7645 16.0563C26.3847 16.518 26.0068 16.9817 25.6308 17.4473C26.3538 16.4907 27.0807 15.5186 27.8558 14.5387C28.2973 13.964 28.7485 13.3912 29.2266 12.8457C29.2498 12.8263 29.2691 12.799 29.2536 12.7678C29.2421 12.7327 29.1881 12.721 29.163 12.7503C28.3667 13.699 27.5492 14.6302 26.7626 15.5868C25.8834 16.6641 25.0447 17.7726 24.1308 18.8227C23.3653 19.6974 22.5902 20.5624 21.8132 21.4274C23.0472 19.9779 24.2619 18.5051 25.3474 17.0576C26.4367 15.6082 27.7845 13.9679 29.0859 12.4873C29.5583 11.973 30.021 11.447 30.5107 10.9482C30.5358 10.9171 30.5802 10.8976 30.584 10.8547C30.584 10.8158 30.532 10.7904 30.503 10.8216Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M30.6363 11.0396C30.3066 11.4799 29.8728 11.8714 29.4949 12.2844C29.4814 12.3 29.4428 12.3546 29.4505 12.3448C29.4505 12.3448 29.4524 12.3429 29.4544 12.3409C29.4351 12.3624 29.4274 12.3955 29.4409 12.4208C29.5141 12.5611 29.6607 12.3409 29.6954 12.3078C29.8053 12.1617 29.9865 11.9494 30.1215 11.7838C30.3124 11.55 30.5013 11.3143 30.698 11.0844C30.7385 11.0435 30.6671 10.987 30.6363 11.0376V11.0396Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M30.8481 11.2873C30.5763 11.597 30.2061 11.9652 29.9863 12.2477C29.9419 12.2886 29.9863 12.3665 30.046 12.349C30.3468 12.0743 30.6013 11.7412 30.8616 11.4256C30.8828 11.3905 30.9252 11.3632 30.931 11.3223C30.931 11.2795 30.877 11.2561 30.8481 11.2873Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M31.0354 11.5871C30.8446 11.8053 30.6286 12.0021 30.459 12.2397C30.4474 12.2553 30.4589 12.2397 30.4647 12.2339C30.4146 12.2807 30.4532 12.3722 30.5206 12.3703C30.5496 12.3703 30.5746 12.3527 30.592 12.3313C30.6633 12.2573 30.7289 12.1774 30.7964 12.0995C30.9082 11.9495 31.0374 11.8131 31.1608 11.6748C31.1974 11.6008 31.0914 11.5287 31.0354 11.5891V11.5871Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M31.2609 11.8931C31.1433 12.0158 31.0083 12.1249 30.9216 12.273C30.91 12.3002 30.9042 12.2846 30.8965 12.3411C30.8965 12.4288 31.0102 12.4522 31.0565 12.3859C31.1838 12.2652 31.2898 12.121 31.3997 11.9866C31.4402 11.9048 31.3226 11.8268 31.2609 11.8931Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M31.8894 12.1034C31.8933 11.9826 31.7332 11.9163 31.6503 12.004C31.5693 12.0819 31.4884 12.1638 31.444 12.267C31.4324 12.2865 31.4247 12.3099 31.4228 12.3332C31.4189 12.3449 31.4132 12.3547 31.4112 12.3664C31.3958 12.4229 31.4228 12.491 31.4845 12.5066C31.5308 12.5203 31.5771 12.4949 31.6098 12.4638C31.6426 12.4462 31.6715 12.417 31.6985 12.3897C31.7409 12.343 31.7776 12.2943 31.8123 12.2436C31.8489 12.2027 31.8933 12.1618 31.8894 12.1034Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M32.1786 12.2515C32.1516 12.2807 32.1208 12.3138 32.1053 12.3508C32.1015 12.3547 32.0976 12.3625 32.0918 12.3801C32.0822 12.3995 32.0726 12.421 32.0687 12.4443C32.0398 12.4911 32.0783 12.5593 32.1343 12.5573C32.1593 12.5515 32.1786 12.5437 32.1902 12.5359C32.2133 12.5262 32.2326 12.5106 32.2538 12.495C32.2596 12.493 32.2654 12.4911 32.2711 12.4872C32.3232 12.4521 32.3849 12.4015 32.3849 12.3333C32.3888 12.23 32.2519 12.1736 32.1825 12.2495L32.1786 12.2515Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path d="M32.8186 12.4892C32.6971 12.5749 32.809 12.7444 32.9266 12.649C33.0538 12.5691 32.9343 12.3898 32.8186 12.4892Z" fill="var(--surface-900)" fillOpacity="0.5" />
-                    <path
-                        d="M30.5165 13.7106C30.4972 13.6989 30.4702 13.7067 30.4606 13.7262C29.2825 15.2496 28.1045 16.6445 26.9399 18.1251C26.1436 19.1109 25.2972 20.0577 24.5029 21.0473C23.7336 22.0097 22.9855 22.9857 22.1969 23.9326C21.9906 24.1917 21.7785 24.4469 21.5664 24.7001C21.6242 24.7313 21.6802 24.7644 21.7341 24.7975C21.7554 24.8092 21.7746 24.8209 21.7939 24.8326C21.8055 24.8209 21.8171 24.8092 21.8286 24.7975C22.0234 24.6183 22.2142 24.4352 22.4051 24.2521C23.427 23.0013 24.3698 21.7643 25.3435 20.5447C26.6449 18.9375 27.9734 17.1978 29.3346 15.3217C29.7202 14.7918 30.1309 14.2814 30.5339 13.7671C30.5454 13.7476 30.5377 13.7223 30.5184 13.7106H30.5165Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M26.9785 19.4871C27.9117 18.2676 28.8064 17.0071 29.7646 15.7428C30.023 15.3979 30.4144 14.8817 30.7441 14.4882C30.9022 14.2953 31.0641 14.1044 31.228 13.9193C31.255 13.8609 31.1721 13.7985 31.1258 13.8511C29.5313 15.6181 28.3745 17.313 27.019 18.9904C26.7549 19.3176 26.4869 19.643 26.217 19.9683C26.3346 19.8105 26.4503 19.6547 26.564 19.5027C27.6437 18.063 28.6213 16.8065 29.726 15.2947C30.0326 14.8895 30.3353 14.4823 30.6322 14.0693C30.7094 13.9641 30.7845 13.8589 30.854 13.7498C30.8597 13.7401 30.8617 13.7264 30.8578 13.7147C30.8482 13.6777 30.7923 13.668 30.773 13.7031C29.5371 15.548 27.9888 17.1552 26.6431 18.9378C25.6154 20.2703 24.6186 21.5678 23.508 22.986C23.2901 23.2646 23.0838 23.5257 22.8853 23.7789C24.2889 22.3899 25.6193 20.9229 26.9766 19.4871H26.9785Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M28.9877 17.3461C29.5932 16.559 30.1735 15.7427 30.6767 15.0219C30.9139 14.7199 31.1742 14.4102 31.3728 14.155C31.3959 14.118 31.4383 14.0887 31.4441 14.0459C31.4441 14.003 31.3882 13.9777 31.3573 14.0089C29.9518 15.6453 28.6966 17.2077 27.5841 18.7604C27.4858 18.889 27.3894 19.0176 27.293 19.1461C27.8483 18.5442 28.39 17.911 28.9839 17.348L28.9877 17.3461Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M29.5526 16.8473C29.5873 16.82 29.622 16.7927 29.6586 16.7655C29.6779 16.7304 29.6972 16.6953 29.7242 16.6661C29.861 16.5102 30.0211 16.3602 30.1985 16.218C30.6014 15.692 31.0025 15.1797 31.4344 14.6498C31.5076 14.5601 31.579 14.4686 31.6561 14.3809C31.6657 14.3712 31.6715 14.3575 31.6715 14.3439C31.6715 14.2991 31.6117 14.2718 31.5809 14.3069C30.7981 15.1154 30.1445 16.0368 29.4253 16.9018C29.3887 16.9486 29.352 16.9992 29.3135 17.0479C29.3925 16.9797 29.4696 16.9116 29.5506 16.8453L29.5526 16.8473Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M31.1836 15.6102C31.3533 15.4115 31.5249 15.2128 31.6946 15.016C31.8006 14.8991 31.9009 14.7764 32.0204 14.6712C32.0705 14.6225 32.005 14.5348 31.9452 14.5738C31.7003 14.7569 31.4998 14.9907 31.2935 15.2128C31.1046 15.4232 30.9195 15.6355 30.7344 15.8479C30.8809 15.7602 31.0332 15.6803 31.1817 15.6083L31.1836 15.6102Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M31.7851 15.3956C31.9432 15.2145 32.1051 15.0333 32.2748 14.8521C32.3249 14.7859 32.4329 14.7177 32.458 14.6437C32.458 14.6008 32.402 14.5755 32.3712 14.6066C32.1148 14.8755 31.8506 15.156 31.5903 15.4404C31.654 15.419 31.7195 15.4054 31.7851 15.3937V15.3956Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M22.3723 16.1634C22.1274 16.4498 21.8459 16.7187 21.6357 17.0265C21.6357 17.0518 21.6589 17.0752 21.6839 17.0752C21.7379 17.0635 21.7669 17.0012 21.8073 16.968C22.0291 16.7245 22.272 16.4927 22.4783 16.2375C22.5092 16.1751 22.4185 16.1147 22.3723 16.1654V16.1634Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M21.264 17.2311C21.4086 17.0577 21.5725 16.896 21.7132 16.7207C21.7363 16.6739 21.6669 16.6213 21.6284 16.6642C20.4908 18.0103 19.3089 19.3176 18.1309 20.6287C17.3712 21.5073 16.6 22.3742 15.8249 23.2392C16.9759 21.893 18.0981 20.5429 19.1874 19.2085C19.762 18.5441 20.3404 17.8837 20.9478 17.2486C20.9748 17.2155 21.021 17.1941 21.0268 17.1512C21.0268 17.1122 20.9767 17.0908 20.9497 17.12C19.9028 18.2656 18.8423 19.3974 17.7954 20.5429C16.4477 22.0469 15.1211 23.5704 13.7619 25.0646C13.0677 25.84 12.3389 26.6368 11.6063 27.4355C12.364 26.5998 13.1294 25.7718 13.864 24.9146C14.6372 24.0302 15.204 23.3054 15.956 22.4249C16.438 21.8657 17.0801 21.1274 17.6546 20.5196C17.753 20.4007 17.9188 20.2799 17.9824 20.1533C17.9824 20.1066 17.9207 20.0793 17.8879 20.1144C16.7446 21.3183 15.6514 22.3742 14.5408 23.5782C13.4187 24.8192 12.3351 26.0933 11.1937 27.3167C9.88643 28.7895 8.56185 30.2467 7.27197 31.7332C7.51491 31.7565 7.75977 31.7838 8.00271 31.815C8.10104 31.7663 8.2013 31.7176 8.30156 31.6708C8.39411 31.5656 8.48473 31.4604 8.5792 31.3572C8.99374 30.8857 9.4102 30.4162 9.83052 29.9487C9.32729 30.5292 8.85106 31.0766 8.44424 31.6046C8.88384 31.3981 9.32729 31.1955 9.74761 30.9578C10.5748 30.0227 11.425 29.109 12.2599 28.1817C14.6063 25.5731 16.8063 22.9626 18.9966 20.3442C19.7042 19.5221 20.3828 18.6747 21.0866 17.8486C21.21 17.7025 21.3469 17.5662 21.4722 17.4239C21.4992 17.3694 21.4201 17.3129 21.3777 17.3597C20.3231 18.5889 19.1855 19.8163 18.0634 21.028C18.4181 20.5936 18.7787 20.1553 19.1739 19.7091C19.9008 18.9104 20.5679 18.0629 21.2678 17.2389L21.264 17.2311Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M19.2007 18.5907C18.8401 18.9687 18.4796 19.3486 18.1267 19.7324C18.1152 19.7616 18.1576 19.7752 18.1711 19.7499C18.4892 19.4284 18.8093 19.1089 19.1293 18.7894C19.1756 18.7329 19.2527 18.692 19.2759 18.6239C19.2759 18.5849 19.2257 18.5635 19.1987 18.5927L19.2007 18.5907Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M16.1719 21.5227C14.3094 23.4104 12.4026 25.2553 10.5902 27.1899C11.4 26.2976 12.2078 25.4034 13.0041 24.4995C13.4322 24.0261 13.8698 23.5624 14.3171 23.1065C14.3306 23.0929 14.3306 23.0695 14.3171 23.0578C14.3037 23.0442 14.2805 23.0442 14.2689 23.0578C13.4264 23.9481 12.5549 24.8112 11.6911 25.68C11.0471 26.356 10.3955 27.0223 9.74184 27.6905C9.90958 27.5016 10.0773 27.3165 10.2374 27.1373C11.0182 26.2528 11.776 25.2553 12.6686 24.3475C12.9521 24.0572 13.2336 23.7631 13.5286 23.4825C13.6018 23.4124 13.677 23.3422 13.7503 23.2721C13.758 23.2643 13.7638 23.2526 13.7638 23.239C13.7638 23.2 13.7117 23.1767 13.6847 23.2059C13.0138 23.8955 12.3505 24.591 11.6718 25.2748C11.1435 25.7989 10.5902 26.2937 10.0773 26.8333C8.95326 27.9964 7.72701 29.3874 6.55089 30.6849C6.2636 31.0044 5.97825 31.3277 5.69482 31.6511C6.119 31.6511 6.53932 31.6667 6.96157 31.6979C8.33821 30.19 9.73027 28.6958 11.105 27.186C12.3949 25.8339 13.5035 24.5365 14.7201 23.165C15.1674 22.6545 15.6456 22.1714 16.1141 21.6824C16.1488 21.6337 16.2067 21.5986 16.2279 21.5441C16.2279 21.5149 16.1893 21.4973 16.17 21.5207L16.1719 21.5227Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M13.2295 23.1825C12.9982 23.4085 12.7706 23.6344 12.5412 23.8624C12.5238 23.878 12.5277 23.9072 12.5489 23.9189C12.5624 23.9267 12.5817 23.9247 12.5933 23.913C12.7263 23.7786 12.8593 23.6461 12.9904 23.5137C13.0868 23.4143 13.191 23.3208 13.2816 23.2175C13.297 23.1864 13.2527 23.1571 13.2295 23.1825Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M12.1768 24.2853C11.3342 25.1444 10.4974 26.0055 9.63363 26.8413C8.39195 28.1231 7.17534 29.4265 5.95488 30.7278C5.65024 31.0493 5.34753 31.3649 5.0564 31.6688C5.07568 31.6688 5.09496 31.6688 5.11424 31.6668C5.26077 31.661 5.4073 31.6571 5.55384 31.6552C5.84883 31.3396 6.1419 31.024 6.40412 30.7512C7.57831 29.4888 8.9376 28.0433 9.99611 26.8471C10.6594 26.0756 11.3515 25.3314 12.0283 24.5736C12.0938 24.4859 12.2057 24.41 12.2519 24.3184C12.2519 24.2814 12.2037 24.258 12.1768 24.2872V24.2853Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M13.0945 22.7655C13.0868 22.7422 13.0502 22.7344 13.0328 22.7538C12.3194 23.5351 11.5617 24.2715 10.829 25.0332C10.2371 25.6352 9.68184 26.2722 9.0745 26.8586C8.65418 27.2619 8.23964 27.671 7.82896 28.0859C8.39582 27.4664 8.95688 26.843 9.50638 26.2079C10.1677 25.4774 10.7384 24.8111 11.4287 24.0727C11.7025 23.7669 11.9878 23.4708 12.2616 23.1649C12.2751 23.1396 12.2365 23.1104 12.2153 23.1337C11.1896 24.2228 10.1581 25.152 9.13619 26.1845C8.24735 27.0768 7.39708 28.0061 6.53716 28.9237C6.7666 28.6704 6.99218 28.4152 7.21198 28.1639C7.94465 27.3398 8.57127 26.5742 9.3772 25.715C9.63364 25.4384 9.88621 25.1618 10.1504 24.8929C10.2333 24.7936 10.3489 24.7117 10.4126 24.6026C10.4126 24.5695 10.3702 24.55 10.3451 24.5754C9.84958 25.1014 9.32129 25.5962 8.81228 26.1086C7.91187 27.0632 7.01725 27.973 6.059 28.9334C5.16052 29.8802 4.23504 30.7997 3.30957 31.7193C3.84557 31.7232 4.37965 31.7037 4.91758 31.6784C5.48829 31.0783 6.05514 30.4705 6.62585 29.8705C7.63037 28.8321 8.52692 27.8736 9.36178 26.8956C10.2352 25.9313 11.0778 24.9436 11.9608 23.989C12.2732 23.6597 12.5951 23.3383 12.9056 23.0052C12.9673 22.935 13.0367 22.8688 13.0926 22.7967C13.0964 22.787 13.0964 22.7772 13.0926 22.7675L13.0945 22.7655Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M3.18625 31.7154C3.33279 31.5615 3.47932 31.4076 3.62585 31.2557C3.68948 31.1777 3.79745 31.1076 3.83601 31.0199C3.83601 30.979 3.78203 30.9556 3.7531 30.9849C3.50246 31.242 3.2306 31.4758 2.95874 31.7096C3.03393 31.7115 3.11106 31.7135 3.18625 31.7154Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M2.80449 31.7061C2.9086 31.71 3.01272 31.7139 3.1149 31.7158C3.21516 31.6691 3.31542 31.6223 3.41568 31.5756C3.59692 31.486 3.79937 31.4178 3.94976 31.2794C3.94205 31.2872 3.91891 31.3087 3.92469 31.3067C3.93819 31.297 3.99796 31.2522 3.96711 31.2756C4.18113 31.1372 4.51661 30.9463 4.70363 30.7729C4.7287 30.7437 4.70363 30.6931 4.66507 30.695C4.56674 30.7359 4.48383 30.8158 4.38936 30.8703C4.11943 31.0554 3.92469 31.147 3.75309 31.1937C3.53522 31.2853 3.20167 31.4372 2.8951 31.5736C3.02621 31.4334 3.15925 31.295 3.29807 31.1645C3.3617 31.0963 3.45232 31.0398 3.49666 30.96C3.49666 30.9327 3.46003 30.9151 3.44075 30.9366C3.21709 31.1587 2.87775 31.4392 2.56348 31.6925C2.64253 31.6964 2.72351 31.7022 2.80256 31.7041L2.80449 31.7061Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M2.49796 31.6905C2.7274 31.4762 2.95685 31.2619 3.19785 31.0593C3.31547 30.9969 3.2422 30.8372 3.13037 30.9171C2.93371 31.0865 2.71005 31.256 2.47868 31.4255C2.6445 31.2775 2.80838 31.1294 2.9607 30.9716C3.00312 30.8839 2.87779 30.7982 2.81031 30.8703C2.67149 30.9833 2.49604 31.1138 2.30901 31.2521C2.43434 31.1528 2.55388 31.0671 2.69656 30.9229C2.7274 30.8625 2.65028 30.7943 2.59244 30.8313C2.35143 30.9969 1.99281 31.2132 1.66504 31.4255C1.82893 31.2931 2.00245 31.143 2.20297 30.956C2.24539 30.9073 2.32829 30.8781 2.34372 30.8138C2.34372 30.7748 2.29937 30.7476 2.2666 30.769C1.91954 31.0067 1.53779 31.1937 1.19073 31.4333C1.10011 31.4937 1.01335 31.5502 0.932373 31.6048C1.45488 31.6301 1.97739 31.6652 2.49796 31.6924V31.6905Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M2.29919 30.5057C2.2375 30.4979 2.24521 30.5173 2.18158 30.5407C1.65908 30.8485 1.04981 31.2128 0.558148 31.468C0.482953 31.5012 0.33642 31.5421 0.305571 31.544C0.257369 31.5499 0.207239 31.5362 0.160966 31.5518C0.0780588 31.581 0.105052 31.7135 0.193743 31.7096C0.282434 31.694 0.374981 31.6687 0.471385 31.6375C0.442464 31.7427 0.567788 31.8596 0.67576 31.7914C0.664192 31.8051 0.972683 31.6648 1.06716 31.5966C1.11922 31.5557 1.19827 31.5323 1.21948 31.4641C1.23683 31.4096 1.20212 31.357 1.15392 31.3395C1.33709 31.2421 1.52025 31.1349 1.69378 31.0297C1.9078 30.8972 2.24714 30.7219 2.34161 30.6264C2.37632 30.5875 2.35125 30.5193 2.30305 30.5076L2.29919 30.5057Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M35.3732 12.5846C35.244 12.5125 35.0088 12.4268 34.7987 12.3274C34.1258 12.0137 33.4779 11.7391 32.8031 11.3923C32.6874 11.3319 32.5679 11.2832 32.4541 11.2403C32.4291 11.2325 32.4117 11.2695 32.4368 11.2832C33.3333 11.7157 34.2299 12.2553 35.1592 12.6644C35.2151 12.682 35.2672 12.7248 35.327 12.7229C35.3906 12.719 35.4195 12.6294 35.3732 12.5865V12.5846Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M35.0958 12.6977C34.608 12.5009 34.153 12.3042 33.6767 12.0704C33.6594 12.0646 33.642 12.049 33.6227 12.0529C33.5996 12.0587 33.5958 12.0918 33.617 12.1035C34.1028 12.312 34.5598 12.5789 35.0302 12.8185C35.1459 12.9023 35.2346 12.7425 35.0977 12.6977H35.0958Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <path
-                        d="M35.0476 12.8689C34.7931 12.7793 34.5406 12.6799 34.2861 12.5884C34.2706 12.5845 34.261 12.6059 34.2745 12.6137C34.4673 12.7208 34.662 12.8202 34.8587 12.9195C34.9223 12.9527 34.9859 12.9994 35.0592 12.9994C35.1402 12.9819 35.1132 12.8884 35.0457 12.8708L35.0476 12.8689Z"
-                        fill="var(--surface-900)"
-                        fillOpacity="0.5"
-                    />
-                    <defs>
-                        <clipPath id="clip0_1870_170886">
-                            <rect width="27.6404" height="11.3205" fill="var(--surface-900)" transform="translate(17.7554)" />
-                        </clipPath>
-                    </defs>
-                </svg>
-            </span>
-        </div>
-    `
-})
-export class AvalonSeparator {}
diff --git a/src/app/showcase/pages/templates/diamond/diamond.ts b/src/app/showcase/pages/templates/diamond/diamond.ts
deleted file mode 100644
index 20eb789..0000000
--- a/src/app/showcase/pages/templates/diamond/diamond.ts
+++ /dev/null
@@ -1,238 +0,0 @@
-import { Component } from '@angular/core';
-import { TemplateConfigurationModule } from 'src/app/showcase/layout/templates/templateconfiguration';
-import { TemplateFeaturesModule } from 'src/app/showcase/layout/templates/templatefeatures';
-import { TemplateFeaturesAnimationModule } from 'src/app/showcase/layout/templates/templatefeaturesanimation/templatefeaturesanimation';
-import { TemplateHeroModule } from 'src/app/showcase/layout/templates/templatehero/templatehero';
-import { TemplateLicenseModule } from 'src/app/showcase/layout/templates/templatelicense';
-import { TemplateRelatedModule } from 'src/app/showcase/layout/templates/templaterelated';
-import { TemplateSeparatorModule } from 'src/app/showcase/layout/templates/templateseparator';
-import { TemplateYoutubeModule } from 'src/app/showcase/layout/templates/templateyoutube';
-import { DiamondLogo } from './diamondlogo';
-import { DiamondSeparator } from './diamondseparator';
-
-@Component({
-    standalone: true,
-    selector: 'diamond-page',
-    imports: [
-        TemplateHeroModule,
-        TemplateSeparatorModule,
-        TemplateFeaturesAnimationModule,
-        TemplateFeaturesModule,
-        TemplateConfigurationModule,
-        TemplateFeaturesAnimationModule,
-        TemplateRelatedModule,
-        TemplateYoutubeModule,
-        TemplateLicenseModule,
-        DiamondSeparator
-    ],
-    template: `<div class="diamond template">
-        <template-hero [templateHeroData]="templateHeroData" [templateLogo]="diamondLogo"></template-hero>
-        <diamond-separator></diamond-separator>
-        <template-license [license]="license"></template-license>
-        <diamond-separator></diamond-separator>
-        <div [style.display]="'none'">
-            <diamond-separator></diamond-separator>
-            <template-youtube imgSrc="https://primefaces.org/cdn/primeng/images/templates/diamond/diamond-youtube-screen.png"></template-youtube>
-        </div>
-        <template-features-animation [featuresData]="animationFeaturesData2" title="Features"></template-features-animation>
-        <diamond-separator></diamond-separator>
-        <template-configuration
-            title="Angular with CLI"
-            description="Diamond is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-        ></template-configuration>
-        <diamond-separator></diamond-separator>
-        <template-features-animation [featuresData]="animationFeaturesData1"></template-features-animation>
-        <diamond-separator></diamond-separator>
-        <template-features [featuresData]="features2Data" displayType="vertical"></template-features>
-    </div>`
-})
-export class DiamondPage {
-    diamondLogo = DiamondLogo;
-
-    templateHeroData = {
-        pattern: 'https://primefaces.org/cdn/primeng/images/templates/diamond/diamond-hero-pattern.png',
-        dashboard1: 'https://primefaces.org/cdn/primeng/images/templates/diamond/diamond-hero-dashboard1.png',
-        dashboard2: 'https://primefaces.org/cdn/primeng/images/templates/diamond/diamond-hero-dashboard2.png',
-        description: 'A spectacular application template with light&dark modes, beautiful main menu with themes and layouts, premium PrimeNG component themes, reusable css widgets, utilities, modern icons and professional template pages.',
-        liveHref: 'https://diamond.primeng.org',
-        docHref: 'https://diamond.primeng.org/documentation'
-    };
-
-    relatedData = [
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/apollo-ng.jpg',
-            href: '/templates/apollo'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/avalon-ng.jpg',
-            href: '/templates/avalon'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/verona-ng.jpg',
-            href: '/templates/verona'
-        }
-    ];
-
-    features1Data = [
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature1.png',
-            title: 'Ready to Use Applications',
-            description: 'Mail, File System, Tasks, Calendar, Blog and Chat are the sample applications to get started with ease.'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature2.png',
-            title: 'E-Commerce Pages',
-            description: 'Avalon offers E-commerce pages to kickstart your e-commerce project powered by PrimeBlocks.'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature3.png',
-            title: 'Ready to Use Pages',
-            description: 'Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app.'
-        }
-    ];
-    features2Data = [
-        {
-            title: 'Fully Responsive',
-            description: 'Diamond is crafted to provide optimal viewing and interaction experience for a wide range of devices.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/diamond/diamond-features2-responsive.png'
-        },
-        {
-            title: 'Cross Browser Compatible',
-            description: 'First class support for Firefox, Safari, Chrome and Edge.',
-            src: 'https://primefaces.org/cdn/primeng/images/compatible-ng.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/compatible-ng-dark.png'
-        },
-        {
-            title: 'Support',
-            description: `PrimeTek offers assistance with account management and licensing issues, with the expectation that users have the necessary technical knowledge to use our products, as we do not offer technical support or consulting. Users
-                            can seek assistance in our community via our public Discord and Forum.`,
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-lifetime.png'
-        },
-        {
-            title: 'Customizable Design',
-            description: 'Fully customizable with a mixture of Sass and CSS variables.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png'
-        },
-        {
-            title: 'Ready to Use Pages',
-            description: 'Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/diamond/diamond-features2-ready.png'
-        },
-        {
-            title: 'Mobile Experience',
-            description: 'Touch optimized enhanced mobile experience with responsive design.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/diamond/diamond-features2-mobile.png'
-        }
-    ];
-
-    animationFeaturesData1 = [
-        {
-            id: 1,
-            title: 'PrimeFlex CSS Utilities',
-            description: 'PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-utilities.png'
-        },
-        {
-            id: 2,
-            title: 'PrimeBlocks',
-            description: 'Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-blocks.png'
-        },
-        {
-            id: 3,
-            title: 'PrimeIcons',
-            description: 'Diamond ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-icons.png'
-        },
-        {
-            id: 4,
-            title: 'Figma File',
-            description:
-                'Diamond uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeNG UI components are excluded from the Diamond Figma file as they are available in PrimeOne for Figma only.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/diamond/features-animation-figma.png'
-        }
-    ];
-
-    animationFeaturesData2 = [
-        {
-            id: 1,
-            title: 'Light / Dark / Dim Modes',
-            description: 'Diamond has 3 display modes to choose from; Light, Dim and Dark.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/diamond/features-animation-darkmode.png'
-        },
-        {
-            id: 2,
-            title: 'Component Themes',
-            description: 'Diamond offers 30 built-in component themes and creating your own theme is a matter of defining couple of sass variables.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/diamond/features-animation-component-themes.png'
-        },
-        {
-            id: 3,
-            title: '7 Menu Orientations',
-            description: 'Static, Overlay, Slim, Compact, Horizontal, Reveal and Drawer are the available menu layouts depending on your preference.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/diamond/features-animation-orientations.png',
-            type: 'inline-animation',
-            inlineFeaturesData: [
-                {
-                    id: 1,
-                    title: 'Static',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/diamond/Static.png'
-                },
-                {
-                    id: 2,
-                    title: 'Slim',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/diamond/Slim.png'
-                },
-                {
-                    id: 3,
-                    title: 'Horizontal',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/diamond/Horizontal.png'
-                },
-                {
-                    id: 4,
-                    title: 'Drawer',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/diamond/Drawer.png'
-                },
-                {
-                    id: 5,
-                    title: 'Overlay',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/diamond/Overlay.png'
-                },
-                {
-                    id: 6,
-                    title: 'Compact',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/diamond/Compact.png'
-                },
-                {
-                    id: 7,
-                    title: 'Reveal',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/diamond/Reveal.png'
-                }
-            ]
-        },
-        {
-            id: 4,
-            title: 'Menu Themes',
-            description: 'Stunning theming options for the main menu in light color scheme.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/diamond/features-animation-orientations.png'
-        }
-    ];
-
-    license = {
-        documentLink: 'https://diamond.primeng.org/documentation/',
-        description: 'The download package is an Angular CLI-based project containing all source code of the application deployed at the live demo. The project code is written in TypeScript.',
-        licenseDetails: [
-            {
-                title: 'Basic License',
-                price: '$59',
-                included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates']
-            },
-            {
-                title: 'Extended License',
-                price: '$590',
-                included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates']
-            }
-        ]
-    };
-}
diff --git a/src/app/showcase/pages/templates/diamond/diamondlogo.ts b/src/app/showcase/pages/templates/diamond/diamondlogo.ts
deleted file mode 100644
index a5ceead..0000000
--- a/src/app/showcase/pages/templates/diamond/diamondlogo.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'diamond-logo',
-    template: `
-        <svg width="190" height="40" viewBox="0 0 190 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <g clipPath="url(#clip0_1048_115190)">
-                <path
-                    d="M38.5201 15.0553C38.5201 15.0021 38.5201 15.0021 38.5727 14.9489C38.6252 14.8958 38.6252 14.7894 38.6252 14.7363C38.6252 14.6299 38.6252 14.5236 38.5727 14.4172L38.5201 14.3641C38.5201 14.3109 38.4676 14.3109 38.4676 14.2577L30.5847 3.62406C30.5321 3.5709 30.4796 3.51773 30.427 3.46456C30.3745 3.41139 30.3219 3.41139 30.2168 3.35822H30.1643C30.1117 3.35822 30.0066 3.30505 29.9541 3.30505H8.93301C8.88046 3.30505 8.77535 3.30505 8.7228 3.35822H8.67025C8.61769 3.35822 8.56514 3.41139 8.46003 3.46456C8.40748 3.51773 8.35493 3.5709 8.30238 3.62406L0.419484 14.2577C0.419484 14.3109 0.366932 14.3109 0.366932 14.3641L0.314379 14.4172C0.314379 14.4704 0.261827 14.5236 0.261827 14.5236C0.209274 14.6831 0.209274 14.7894 0.261827 14.9489C0.261827 15.0021 0.261827 15.0021 0.314379 15.0553C0.314379 15.1084 0.366932 15.1084 0.366932 15.1616L0.419484 15.2148L18.8129 36.4821H18.918C18.9706 36.5353 18.9706 36.5353 19.0231 36.5885L19.0757 36.6416L19.1808 36.6948H19.2333C19.3384 36.748 19.4961 36.748 19.6537 36.6948H19.7063L19.8114 36.6416L19.864 36.5885C19.9165 36.5353 19.9691 36.5353 19.9691 36.4821L20.0216 36.429L38.415 15.1616L38.4676 15.1084C38.5201 15.1084 38.5201 15.0553 38.5201 15.0553ZM10.1943 15.4806H28.6402L19.4435 34.1959L10.1943 15.4806ZM19.4435 5.16595L28.0622 13.8856H10.8249L19.4435 5.16595ZM36.2604 13.8856H30.7423V6.44199L36.2604 13.8856ZM29.1658 4.84694V12.769L21.3354 4.84694H29.1658ZM9.7213 12.769V4.84694H17.5516L9.7213 12.769ZM8.14472 6.44199V13.8856H2.62669L8.14472 6.44199ZM8.46003 15.4806L16.0276 30.74L2.78435 15.4806H8.46003ZM22.912 30.74L30.4796 15.4806H36.1553L22.912 30.74Z"
-                    fill="var(--surface-0)"
-                />
-            </g>
-            <path
-                d="M52.7389 30C52.3111 30 51.9806 29.8931 51.7473 29.6792C51.5334 29.4458 51.4264 29.1153 51.4264 28.6875V10.75C51.4264 10.3222 51.5334 10.0014 51.7473 9.78748C51.9806 9.55415 52.3111 9.43748 52.7389 9.43748H58.3681C61.6931 9.43748 64.2598 10.3125 66.0681 12.0625C67.8764 13.8125 68.7806 16.3597 68.7806 19.7042C68.7806 21.3764 68.5473 22.8542 68.0806 24.1375C67.6334 25.4014 66.9625 26.4708 66.0681 27.3458C65.1736 28.2208 64.0848 28.8819 62.8014 29.3292C61.5181 29.7764 60.0403 30 58.3681 30H52.7389ZM53.8181 27.9583H58.1931C59.5542 27.9583 60.7306 27.7833 61.7223 27.4333C62.7334 27.0833 63.5695 26.5681 64.2306 25.8875C64.9111 25.2069 65.4167 24.3514 65.7473 23.3208C66.0778 22.2708 66.2431 21.0653 66.2431 19.7042C66.2431 16.9625 65.5723 14.9111 64.2306 13.55C62.8889 12.1694 60.8764 11.4792 58.1931 11.4792H53.8181V27.9583ZM74.2694 30.2042C73.8805 30.2042 73.5791 30.0972 73.3652 29.8833C73.1708 29.65 73.0736 29.3389 73.0736 28.95V10.4875C73.0736 10.0792 73.1708 9.76804 73.3652 9.55415C73.5791 9.34026 73.8805 9.23332 74.2694 9.23332C74.6583 9.23332 74.95 9.34026 75.1444 9.55415C75.3583 9.76804 75.4652 10.0792 75.4652 10.4875V28.95C75.4652 29.3389 75.368 29.65 75.1736 29.8833C74.9791 30.0972 74.6777 30.2042 74.2694 30.2042ZM80.1271 30.2042C79.816 30.2042 79.5632 30.1361 79.3688 30C79.1938 29.8444 79.0868 29.65 79.048 29.4167C79.0285 29.1639 79.0868 28.8819 79.223 28.5708L87.2438 10.3125C87.4188 9.9236 87.623 9.65137 87.8563 9.49582C88.1091 9.32082 88.3813 9.23332 88.673 9.23332C88.9646 9.23332 89.2271 9.32082 89.4605 9.49582C89.7132 9.65137 89.9174 9.9236 90.073 10.3125L98.123 28.5708C98.2785 28.8819 98.3369 29.1639 98.298 29.4167C98.2785 29.6694 98.1813 29.8639 98.0063 30C97.8313 30.1361 97.5882 30.2042 97.2771 30.2042C96.9271 30.2042 96.6452 30.1167 96.4313 29.9417C96.2174 29.7472 96.0424 29.475 95.9063 29.125L93.748 24.1375L94.9146 24.75H82.373L83.5688 24.1375L81.4396 29.125C81.2646 29.4944 81.0799 29.7667 80.8855 29.9417C80.691 30.1167 80.4382 30.2042 80.1271 30.2042ZM88.6438 12.2375L83.948 23.2917L83.248 22.7375H94.0396L93.398 23.2917L88.7021 12.2375H88.6438ZM102.98 30.2042C102.63 30.2042 102.357 30.1069 102.163 29.9125C101.969 29.6986 101.871 29.4069 101.871 29.0375V10.4C101.871 10.0111 101.969 9.71943 102.163 9.52498C102.357 9.33054 102.63 9.23332 102.98 9.23332C103.291 9.23332 103.534 9.30137 103.709 9.43748C103.903 9.55415 104.078 9.75832 104.234 10.05L112.226 25.1H111.351L119.313 10.05C119.469 9.75832 119.634 9.55415 119.809 9.43748C119.984 9.30137 120.237 9.23332 120.567 9.23332C120.898 9.23332 121.16 9.33054 121.355 9.52498C121.549 9.71943 121.646 10.0111 121.646 10.4V29.0375C121.646 29.4069 121.549 29.6986 121.355 29.9125C121.18 30.1069 120.907 30.2042 120.538 30.2042C120.188 30.2042 119.916 30.1069 119.721 29.9125C119.527 29.6986 119.43 29.4069 119.43 29.0375V12.6458H120.13L112.838 26.325C112.702 26.5778 112.556 26.7625 112.401 26.8792C112.264 26.9764 112.06 27.025 111.788 27.025C111.516 27.025 111.302 26.9667 111.146 26.85C110.991 26.7333 110.855 26.5583 110.738 26.325L103.359 12.6167H104.059V29.0375C104.059 29.4069 103.962 29.6986 103.767 29.9125C103.592 30.1069 103.33 30.2042 102.98 30.2042ZM135.398 30.2625C133.492 30.2625 131.829 29.8347 130.41 28.9792C129.01 28.1042 127.921 26.8792 127.143 25.3042C126.385 23.7292 126.006 21.8625 126.006 19.7042C126.006 18.0708 126.22 16.6125 126.648 15.3292C127.095 14.0264 127.727 12.9278 128.543 12.0333C129.36 11.1194 130.342 10.4194 131.489 9.93332C132.656 9.42776 133.959 9.17498 135.398 9.17498C137.342 9.17498 139.014 9.60276 140.414 10.4583C141.834 11.3139 142.923 12.5292 143.681 14.1042C144.459 15.6597 144.848 17.5167 144.848 19.675C144.848 21.3083 144.624 22.7764 144.177 24.0792C143.729 25.3819 143.098 26.4903 142.281 27.4042C141.464 28.3181 140.473 29.0278 139.306 29.5333C138.159 30.0194 136.856 30.2625 135.398 30.2625ZM135.398 28.1333C136.875 28.1333 138.12 27.8028 139.131 27.1417C140.161 26.4806 140.949 25.5181 141.493 24.2542C142.038 22.9903 142.31 21.4736 142.31 19.7042C142.31 17.0403 141.707 14.9792 140.502 13.5208C139.316 12.043 137.614 11.3042 135.398 11.3042C133.959 11.3042 132.724 11.6347 131.693 12.2958C130.682 12.9569 129.904 13.9194 129.36 15.1833C128.816 16.4278 128.543 17.9347 128.543 19.7042C128.543 22.3486 129.146 24.4194 130.352 25.9167C131.557 27.3944 133.239 28.1333 135.398 28.1333ZM150.261 30.2042C149.891 30.2042 149.61 30.1069 149.415 29.9125C149.221 29.6986 149.123 29.3972 149.123 29.0083V10.4583C149.123 10.0694 149.221 9.76804 149.415 9.55415C149.61 9.34026 149.862 9.23332 150.173 9.23332C150.485 9.23332 150.708 9.29165 150.844 9.40832C151 9.50554 151.175 9.69026 151.369 9.96248L164.086 26.9083H163.386V10.4C163.386 10.0305 163.483 9.7486 163.678 9.55415C163.872 9.34026 164.154 9.23332 164.523 9.23332C164.873 9.23332 165.136 9.34026 165.311 9.55415C165.505 9.7486 165.603 10.0305 165.603 10.4V29.0375C165.603 29.4069 165.515 29.6986 165.34 29.9125C165.185 30.1069 164.951 30.2042 164.64 30.2042C164.348 30.2042 164.115 30.1458 163.94 30.0292C163.765 29.9125 163.58 29.7278 163.386 29.475L150.698 12.5292H151.369V29.0083C151.369 29.3972 151.272 29.6986 151.078 29.9125C150.883 30.1069 150.611 30.2042 150.261 30.2042ZM172.026 30C171.598 30 171.268 29.8931 171.034 29.6792C170.821 29.4458 170.714 29.1153 170.714 28.6875V10.75C170.714 10.3222 170.821 10.0014 171.034 9.78748C171.268 9.55415 171.598 9.43748 172.026 9.43748H177.655C180.98 9.43748 183.547 10.3125 185.355 12.0625C187.164 13.8125 188.068 16.3597 188.068 19.7042C188.068 21.3764 187.834 22.8542 187.368 24.1375C186.921 25.4014 186.25 26.4708 185.355 27.3458C184.461 28.2208 183.372 28.8819 182.089 29.3292C180.805 29.7764 179.327 30 177.655 30H172.026ZM173.105 27.9583H177.48C178.841 27.9583 180.018 27.7833 181.009 27.4333C182.021 27.0833 182.857 26.5681 183.518 25.8875C184.198 25.2069 184.704 24.3514 185.034 23.3208C185.365 22.2708 185.53 21.0653 185.53 19.7042C185.53 16.9625 184.859 14.9111 183.518 13.55C182.176 12.1694 180.164 11.4792 177.48 11.4792H173.105V27.9583Z"
-                fill="var(--surface-0)"
-            />
-            <defs>
-                <clipPath id="clip0_1048_115190">
-                    <rect width="38.8889" height="34.0278" fill="var(--surface-0)" transform="translate(0 2.98608)" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class DiamondLogo {}
diff --git a/src/app/showcase/pages/templates/diamond/diamondseparator.ts b/src/app/showcase/pages/templates/diamond/diamondseparator.ts
deleted file mode 100644
index be08c81..0000000
--- a/src/app/showcase/pages/templates/diamond/diamondseparator.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'diamond-separator',
-    template: `
-        <div class="template-separator">
-            <span class="template-separator-icon">
-                <svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <g clipPath="url(#clip0_1004_106792)">
-                        <path
-                            d="M37.7352 20.6899C37.7352 20.6516 37.7352 20.6516 37.773 20.6133C37.8109 20.575 37.8109 20.4985 37.8109 20.4602C37.8109 20.3836 37.8109 20.3071 37.773 20.2305L37.7352 20.1922C37.7352 20.154 37.6974 20.154 37.6974 20.1157L32.0217 12.4594C31.9839 12.4211 31.946 12.3829 31.9082 12.3446C31.8703 12.3063 31.8325 12.3063 31.7568 12.268H31.719C31.6812 12.268 31.6055 12.2297 31.5676 12.2297H16.4325C16.3947 12.2297 16.319 12.2297 16.2812 12.268H16.2433C16.2055 12.268 16.1676 12.3063 16.092 12.3446C16.0541 12.3829 16.0163 12.4211 15.9785 12.4594L10.3028 20.1157C10.3028 20.154 10.2649 20.154 10.2649 20.1922L10.2271 20.2305C10.2271 20.2688 10.1893 20.3071 10.1893 20.3071C10.1514 20.4219 10.1514 20.4985 10.1893 20.6133C10.1893 20.6516 10.1893 20.6516 10.2271 20.6899C10.2271 20.7282 10.2649 20.7282 10.2649 20.7665L10.3028 20.8047L23.546 36.1172H23.6217C23.6595 36.1555 23.6595 36.1555 23.6974 36.1938L23.7352 36.2321L23.8109 36.2704H23.8487C23.9244 36.3086 24.0379 36.3086 24.1514 36.2704H24.1893L24.2649 36.2321L24.3028 36.1938C24.3406 36.1555 24.3785 36.1555 24.3785 36.1172L24.4163 36.079L37.6595 20.7665L37.6974 20.7282C37.7352 20.7282 37.7352 20.6899 37.7352 20.6899ZM17.3406 20.9961H30.6217L24.0001 34.4711L17.3406 20.9961ZM24.0001 13.5696L30.2055 19.8477H17.7947L24.0001 13.5696ZM36.1082 19.8477H32.1352V14.4883L36.1082 19.8477ZM31.0001 13.3399V19.0438L25.3622 13.3399H31.0001ZM17.0001 19.0438V13.3399H22.6379L17.0001 19.0438ZM15.8649 14.4883V19.8477H11.892L15.8649 14.4883ZM16.092 20.9961L21.5406 31.9829L12.0055 20.9961H16.092ZM26.4974 31.9829L31.946 20.9961H36.0325L26.4974 31.9829Z"
-                            fill="var(--surface-900)"
-                        />
-                    </g>
-                    <defs>
-                        <clipPath id="clip0_1004_106792">
-                            <rect width="28" height="24.5" fill="white" transform="translate(10 12)" />
-                        </clipPath>
-                    </defs>
-                </svg>
-            </span>
-        </div>
-    `
-})
-export class DiamondSeparator {}
diff --git a/src/app/showcase/pages/templates/freya/freya.ts b/src/app/showcase/pages/templates/freya/freya.ts
deleted file mode 100644
index 3393095..0000000
--- a/src/app/showcase/pages/templates/freya/freya.ts
+++ /dev/null
@@ -1,231 +0,0 @@
-import { Component } from '@angular/core';
-import { TemplateConfigurationModule } from 'src/app/showcase/layout/templates/templateconfiguration';
-import { TemplateFeaturesModule } from 'src/app/showcase/layout/templates/templatefeatures';
-import { TemplateFeaturesAnimationModule } from 'src/app/showcase/layout/templates/templatefeaturesanimation/templatefeaturesanimation';
-import { TemplateHeroModule } from 'src/app/showcase/layout/templates/templatehero/templatehero';
-import { TemplateLicenseModule } from 'src/app/showcase/layout/templates/templatelicense';
-import { TemplateRelatedModule } from 'src/app/showcase/layout/templates/templaterelated';
-import { TemplateSeparatorModule } from 'src/app/showcase/layout/templates/templateseparator';
-import { TemplateYoutubeModule } from 'src/app/showcase/layout/templates/templateyoutube';
-import { FreyaLogo } from './freyalogo';
-import { FreyaSeparator } from './freyaseparator';
-@Component({
-    standalone: true,
-    selector: 'freya-page',
-    imports: [
-        TemplateHeroModule,
-        TemplateSeparatorModule,
-        TemplateFeaturesAnimationModule,
-        TemplateFeaturesModule,
-        TemplateConfigurationModule,
-        TemplateFeaturesAnimationModule,
-        TemplateRelatedModule,
-        TemplateYoutubeModule,
-        TemplateLicenseModule,
-        FreyaSeparator
-    ],
-    template: `<div class="freya template">
-        <template-hero [templateHeroData]="templateHeroData" [templateLogo]="freyaLogo"></template-hero>
-        <freya-separator></freya-separator>
-        <template-license [license]="license"></template-license>
-        <freya-separator></freya-separator>
-        <div [style.display]="'none'">
-            <freya-separator></freya-separator>
-            <template-youtube imgSrc="https://primefaces.org/cdn/primeng/images/templates/freya/freya-youtube-screen.png"></template-youtube>
-        </div>
-        <template-features-animation [featuresData]="animationFeaturesData2" title="Features"></template-features-animation>
-        <freya-separator></freya-separator>
-        <template-configuration
-            title="Angular with CLI"
-            description="Freya is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-        ></template-configuration>
-        <freya-separator></freya-separator>
-        <template-features [featuresData]="features2Data" displayType="vertical"></template-features>
-        <freya-separator></freya-separator>
-        <template-features-animation [featuresData]="animationFeaturesData1"></template-features-animation>
-    </div>`
-})
-export class FreyaPage {
-    freyaLogo = FreyaLogo;
-
-    templateHeroData = {
-        pattern: 'https://primefaces.org/cdn/primeng/images/templates/freya/freya-hero-pattern.png',
-        dashboard1: 'https://primefaces.org/cdn/primeng/images/templates/freya/freya-hero-dashboard1.png',
-        dashboard2: 'https://primefaces.org/cdn/primeng/images/templates/freya/freya-hero-dashboard2.png',
-        description: 'Freya is a modern and clean application template for PrimeNG featuring a dark mode, attractive themes, customizable menu orientations, CSS widgets and template pages.',
-        liveHref: 'https://www.primefaces.org/freya-ng/',
-        docHref: 'https://freya.primeng.org/documentation'
-    };
-
-    relatedData = [
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/diamond-ng.jpg',
-            href: '/templates/diamond'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/atlantis-ng.jpg',
-            href: '/templates/atlantis'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/ultima-ng.jpg',
-            href: '/templates/ultima'
-        }
-    ];
-
-    features1Data = [
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature1.png',
-            title: 'Ready to Use Applications',
-            description: 'Mail, File System, Tasks, Calendar, Blog and Chat are the sample applications to get started with ease.'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature2.png',
-            title: 'E-Commerce Pages',
-            description: 'Avalon offers E-commerce pages to kickstart your e-commerce project powered by PrimeBlocks.'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature3.png',
-            title: 'Ready to Use Pages',
-            description: 'Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app.'
-        }
-    ];
-    features2Data = [
-        {
-            title: 'Fully Responsive',
-            description: 'Freya is crafted to provide optimal viewing and interaction experience for a wide range of devices.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/freya/freya-features2-responsive.png'
-        },
-        {
-            title: 'Cross Browser Compatible',
-            description: 'First class support for Firefox, Safari, Chrome and Edge.',
-            src: 'https://primefaces.org/cdn/primeng/images/compatible-ng.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/compatible-ng-dark.png'
-        },
-        {
-            title: 'Support',
-            description: `PrimeTek offers assistance with account management and licensing issues, with the expectation that users have the necessary technical knowledge to use our products, as we do not offer technical support or consulting. Users
-                            can seek assistance in our community via our public Discord and Forum.`,
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-lifetime.png'
-        },
-        {
-            title: 'Customizable Design',
-            description: 'Fully customizable with a mixture of Sass and CSS variables.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png'
-        },
-        {
-            title: 'Ready to Use Pages',
-            description: 'Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/freya/freya-features2-ready.png'
-        },
-        {
-            title: 'Mobile Experience',
-            description: 'Touch optimized enhanced mobile experience with responsive design.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/freya/freya-features2-mobile.png'
-        }
-    ];
-
-    animationFeaturesData1 = [
-        {
-            id: 1,
-            title: 'PrimeFlex CSS Utilities',
-            description: 'PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-utilities.png'
-        },
-        {
-            id: 2,
-            title: 'PrimeBlocks',
-            description: 'Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-blocks.png'
-        },
-        {
-            id: 3,
-            title: 'PrimeIcons',
-            description: 'Freya ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-icons.png'
-        },
-        {
-            id: 4,
-            title: 'Figma File',
-            description:
-                'Freya uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeNG UI components are excluded from the Freya Figma file as they are available in PrimeOne for Figma only.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/freya/features-animation-figma.png'
-        }
-    ];
-
-    animationFeaturesData2 = [
-        {
-            id: 1,
-            title: 'Light and Dark Modes',
-            description: 'Impress your users with the Light and Dark modes.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/freya/features-animation-darkmode.png'
-        },
-        {
-            id: 2,
-            title: 'Component Themes',
-            description: 'Freya offers 16 built-in component themes with dark and light options. Also if you wanna create your own theme you can do it by just defining couple SASS variables.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/freya/features-animation-component-themes.png'
-        },
-        {
-            id: 3,
-            title: '7 Menu Orientations',
-            description: 'Static, Overlay, Slim, Slim+, Reveal, Drawer and Horizontal are the available menu layouts depending on your preference.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/freya/features-animation-orientations.png',
-            type: 'inline-animation',
-            inlineFeaturesData: [
-                {
-                    id: 1,
-                    title: 'Static',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/freya/Static.png'
-                },
-                {
-                    id: 2,
-                    title: 'Slim',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/freya/Slim.png'
-                },
-                {
-                    id: 3,
-                    title: 'Reveal',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/freya/Reveal.png'
-                },
-                {
-                    id: 4,
-                    title: 'Horizontal',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/freya/Horizontal.png'
-                },
-                {
-                    id: 5,
-                    title: 'Overlay',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/freya/Overlay.png'
-                },
-                {
-                    id: 6,
-                    title: 'Slim+',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/freya/Slim+.png'
-                },
-                {
-                    id: 7,
-                    title: 'Drawer',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/freya/Drawer.png'
-                }
-            ]
-        }
-    ];
-
-    license = {
-        documentLink: 'https://freya.primeng.org/documentation',
-        description: 'The download package is an Angular CLI-based project containing all source code of the application deployed at the live demo. The project code is written in TypeScript.',
-        licenseDetails: [
-            {
-                title: 'Basic License',
-                price: '$59',
-                included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates']
-            },
-            {
-                title: 'Extended License',
-                price: '$590',
-                included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates']
-            }
-        ]
-    };
-}
diff --git a/src/app/showcase/pages/templates/freya/freyalogo.ts b/src/app/showcase/pages/templates/freya/freyalogo.ts
deleted file mode 100644
index b948720..0000000
--- a/src/app/showcase/pages/templates/freya/freyalogo.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'freya-logo',
-    template: `
-        <svg width="139" height="40" viewBox="0 0 139 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M0 0H10.5065V6.75772L29.7675 2.94574V11.7829L10.5065 15.5949V18.5407L29.7675 14.7287V23.5659L10.5065 27.3779V35.3488H0V0Z" fill="var(--surface-0)" />
-            <path
-                d="M56.124 14.0885H51.6603V12.8153C51.6603 11.825 52.2227 11.2591 53.2068 11.2591H56.0889V6.20166H51.5197C47.5129 6.20166 45.4041 8.42978 45.4041 12.2848V14.0885H42.1705L42.2057 19.2521H45.3338V32.8683H51.8712V19.2521H56.124V14.0885Z"
-                fill="var(--surface-0)"
-            />
-            <path d="M69.8662 13.6433C67.611 13.6433 65.9902 14.2818 64.6512 15.8425L63.6294 13.7143H59.2249V32.8681H65.7788V23.1493C65.7788 20.7019 66.7654 19.6732 69.0557 19.6732H71.628V13.6433H69.8662Z" fill="var(--surface-0)" />
-            <path
-                d="M94.2636 22.9079C94.2636 17.3697 90.0799 13.0232 84.0136 13.0232C78.0867 13.0232 73.7985 17.2996 73.7985 23.0832C73.7985 28.8668 78.1216 33.1782 84.0136 33.1782C88.7202 33.1782 92.5553 30.4792 93.8801 26.1678H87.3954C86.8027 27.2895 85.5127 27.9554 84.0136 27.9554C81.9566 27.9554 80.5969 26.8338 80.1786 24.6605H94.159C94.2287 24.0646 94.2636 23.5038 94.2636 22.9079ZM84.0136 18.1408C85.966 18.1408 87.3257 19.1573 87.8835 21.0502H80.2832C80.8061 19.1573 82.1309 18.1408 84.0136 18.1408Z"
-                fill="var(--surface-0)"
-            />
-            <path
-                d="M109.533 13.6433L105.758 24.2429L101.701 13.6433H94.5737L102.441 31.2855C101.559 33.6686 100.819 34.3444 98.3135 34.3444H96.4789V39.9999H98.7369C103.676 39.9999 106.005 37.9013 108.58 31.9969L116.589 13.6433H109.533Z"
-                fill="var(--surface-0)"
-            />
-            <path
-                d="M133.387 13.585L132.716 15.0598C131.163 13.7606 129.15 13.0232 126.891 13.0232C121.065 13.0232 116.899 17.2017 116.899 23.0656C116.899 28.9646 121.065 33.1782 126.891 33.1782C129.115 33.1782 131.092 32.476 132.646 31.2119L133.211 32.5462H138.295V13.585H133.387ZM127.774 27.4196C125.302 27.4196 123.501 25.5586 123.501 23.0656C123.501 20.6077 125.302 18.7818 127.774 18.7818C130.245 18.7818 132.046 20.6077 132.046 23.0656C132.046 25.5586 130.245 27.4196 127.774 27.4196Z"
-                fill="var(--surface-0)"
-            />
-        </svg>
-    `
-})
-export class FreyaLogo {}
diff --git a/src/app/showcase/pages/templates/freya/freyaseparator.ts b/src/app/showcase/pages/templates/freya/freyaseparator.ts
deleted file mode 100644
index ee94767..0000000
--- a/src/app/showcase/pages/templates/freya/freyaseparator.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'freya-separator',
-    template: `
-        <div class="template-separator">
-            <span class="template-separator-icon">
-                <svg xmlns="http://www.w3.org/2000/svg" width="48" height="49" viewBox="0 0 48 49" fill="none">
-                    <path d="M14 12H21.1333V16.5881L34.2105 14V20L21.1333 22.5881V24.5881L34.2105 22V28L21.1333 30.5881V36H14V12Z" fill="var(--surface-900)" />
-                </svg>
-            </span>
-        </div>
-    `
-})
-export class FreyaSeparator {}
diff --git a/src/app/showcase/pages/templates/learnmore/learnmore-routing.module.ts b/src/app/showcase/pages/templates/learnmore/learnmore-routing.module.ts
deleted file mode 100644
index cf184ec..0000000
--- a/src/app/showcase/pages/templates/learnmore/learnmore-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { LearnMoreComponent } from './learnmore.component';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', pathMatch: 'full', component: LearnMoreComponent }])],
-    exports: [RouterModule]
-})
-export class LearnMoreRoutingModule {}
diff --git a/src/app/showcase/pages/templates/learnmore/learnmore.component.html b/src/app/showcase/pages/templates/learnmore/learnmore.component.html
deleted file mode 100644
index 93196f8..0000000
--- a/src/app/showcase/pages/templates/learnmore/learnmore.component.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<div [class]="templateName + ' template'">
-    
-    <template-hero [selectedTemplate]="selectedTemplate?.templateHeroData"></template-hero>
-    <template-separator></template-separator>
-
-    <ng-container *ngIf="selectedTemplate?.youtubeImgSrc">
-        <template-youtube [imgSrc]="selectedTemplate?.youtubeImgSrc"></template-youtube>
-    </ng-container>
-
-    <ng-container *ngIf="selectedTemplate?.license">
-        <template-license [license]="selectedTemplate?.license"></template-license>
-        <template-separator></template-separator>
-    </ng-container>
-
-    <ng-container *ngIf="selectedTemplate?.animationFeaturesData2">
-        <template-features-animation [featuresData]="selectedTemplate?.animationFeaturesData2" title="Features"></template-features-animation>
-        <template-separator></template-separator>
-    </ng-container>
-
-    <ng-container *ngIf="selectedTemplate?.features1Data">
-        <template-features [featuresData]="selectedTemplate?.features1Data" displayType="horizontal"></template-features>
-        <template-separator></template-separator>
-    </ng-container>
-
-    <template-configuration [configurationData]="selectedTemplate?.templateConfigurationData"></template-configuration>
-    <template-separator></template-separator>
-
-    <ng-container *ngIf="selectedTemplate?.animationFeaturesData1">
-        <template-features-animation [featuresData]="selectedTemplate?.animationFeaturesData1"></template-features-animation>
-        <template-separator></template-separator>
-    </ng-container>
-
-    <ng-container *ngIf="selectedTemplate?.features2Data">
-        <template-features [featuresData]="selectedTemplate?.features2Data" displayType="vertical"></template-features>
-    </ng-container>
-
-    <ng-container *ngIf="selectedTemplate?.relatedData">
-        <template-separator></template-separator>
-        <template-related [relatedData]="selectedTemplate?.relatedData"></template-related>
-    </ng-container>
-</div>
diff --git a/src/app/showcase/pages/templates/learnmore/learnmore.component.ts b/src/app/showcase/pages/templates/learnmore/learnmore.component.ts
deleted file mode 100644
index 181d578..0000000
--- a/src/app/showcase/pages/templates/learnmore/learnmore.component.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-import * as templateData from './templatedata.json';
-@Component({
-    selector: 'templates',
-    templateUrl: './learnmore.component.html',
-    styleUrl: './learnmore.scss'
-})
-export class LearnMoreComponent implements OnInit {
-    id: string;
-
-    selectedTemplate: any;
-
-    templateName: string;
-
-    constructor(
-        private route: ActivatedRoute,
-        private router: Router
-    ) {}
-
-    ngOnInit() {
-        // this.id = this.route.snapshot.paramMap.get('id');
-        // const findSelectedTemplate = templateData.templates.find((item: any) => item.name === this.id);
-        // this.selectedTemplate = findSelectedTemplate?.data;
-        // this.templateName = findSelectedTemplate?.name;
-        // if (!findSelectedTemplate) {
-        //     this.router.navigateByUrl('/not-found');
-        // }
-    }
-}
diff --git a/src/app/showcase/pages/templates/learnmore/learnmore.module.ts b/src/app/showcase/pages/templates/learnmore/learnmore.module.ts
deleted file mode 100644
index 81e2f94..0000000
--- a/src/app/showcase/pages/templates/learnmore/learnmore.module.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { LearnMoreRoutingModule } from './learnmore-routing.module';
-import { LearnMoreComponent } from './learnmore.component';
-import { TemplateHeroModule } from 'src/app/showcase/layout/templates/templatehero/templatehero';
-import { TemplateSeparatorModule } from 'src/app/showcase/layout/templates/templateseparator';
-import { TemplateLicenseModule } from 'src/app/showcase/layout/templates/templatelicense';
-import { TemplateFeaturesModule } from 'src/app/showcase/layout/templates/templatefeatures';
-import { TemplateFeaturesAnimationModule } from 'src/app/showcase/layout/templates/templatefeaturesanimation/templatefeaturesanimation';
-import { TemplateConfigurationModule } from 'src/app/showcase/layout/templates/templateconfiguration';
-import { TemplateRelatedModule } from 'src/app/showcase/layout/templates/templaterelated';
-import { TemplateFeaturesAnimationInlineModule } from 'src/app/showcase/layout/templates/templatefeaturesanimation/templatefeaturesanimationinline';
-import { TemplateYoutubeModule } from 'src/app/showcase/layout/templates/templateyoutube';
-@NgModule({
-    declarations: [LearnMoreComponent],
-    imports: [
-        CommonModule,
-        LearnMoreRoutingModule,
-        TemplateHeroModule,
-        TemplateSeparatorModule,
-        TemplateYoutubeModule,
-        TemplateLicenseModule,
-        TemplateFeaturesModule,
-        TemplateFeaturesAnimationModule,
-        TemplateConfigurationModule,
-        TemplateRelatedModule,
-        TemplateFeaturesAnimationInlineModule
-    ]
-})
-export class LearnMoreModule {}
diff --git a/src/app/showcase/pages/templates/learnmore/learnmore.scss b/src/app/showcase/pages/templates/learnmore/learnmore.scss
deleted file mode 100644
index eb7f121..0000000
--- a/src/app/showcase/pages/templates/learnmore/learnmore.scss
+++ /dev/null
@@ -1,2081 +0,0 @@
-.template {
-    display: flex;
-    flex-direction: column;
-    gap: 2.19rem;
-}
-
-// TEMPLATE YOUTUBE
-.template {
-    &-youtube {
-        &-wrapper {
-            padding: 5rem 0;
-            background-color: var(--surface-card);
-            border-radius: 2rem;
-        }
-
-        &-title {
-            h2 {
-                margin: 0;
-                text-align: center;
-                font-size: 3rem;
-                font-weight: 600;
-                color: var(--surface-900);
-
-                @media (max-width: 900px) {
-                    font-size: 1.5rem;
-                }
-            }
-        }
-
-        &-video {
-            position: relative;
-            padding-bottom: 56.25%;
-            height: 100%;
-            overflow: hidden;
-
-            iframe {
-                position: absolute;
-                top: 0;
-                left: 0;
-                width: 100%;
-                height: 100%;
-                border-radius: 0.5rem;
-            }
-        }
-
-        &-description {
-            font-size: 1rem;
-            font-weight: 400;
-            line-height: 1.25rem;
-            text-align: center;
-            color: var(--surface-900);
-            width: 45rem;
-            margin: 1.25rem auto 0;
-
-            @media (max-width: 900px) {
-                font-size: 1rem;
-                line-height: 1.25rem;
-                width: 96%;
-            }
-        }
-
-        &-screen {
-            margin: 3rem auto 0;
-            width: 75%;
-            max-width: 70rem;
-            box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.02);
-            cursor: pointer;
-            position: relative;
-            background-color: var(--primary-100);
-            padding: 1.88rem 1.88rem 0;
-            border-radius: 1.5rem;
-            overflow: hidden;
-
-            &-blur {
-                width: 100%;
-                position: absolute;
-                height: 100%;
-                top: 0;
-                left: 0;
-                z-index: 4;
-                backdrop-filter: blur(1.4px);
-                background: rgba(255, 255, 255, 0.06);
-                border-radius: inherit;
-            }
-
-            &:hover &-play svg {
-                transform: scale(1.6);
-            }
-
-            &-play {
-                position: absolute;
-                top: 50%;
-                left: 50%;
-                transform: translateX(-50%) translateY(-50%);
-                z-index: 5;
-                transform-origin: center;
-
-                svg {
-                    width: 180px;
-                    height: 180px;
-                    transition: all 0.2s ease;
-                }
-            }
-
-            img {
-                width: 100%;
-                height: auto;
-                border-top-right-radius: 1rem;
-                border-top-left-radius: 1rem;
-                margin-bottom: -0.25rem;
-                box-shadow: 0px 0px 120px 0px rgba(0, 0, 0, 0.08);
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 992px) {
-    .template {
-        &-youtube {
-            &-wrapper {
-                padding: 3rem 0 1.5rem;
-                border-radius: 1.25rem;
-            }
-
-            &-title {
-                h2 {
-                    @media (max-width: 900px) {
-                        font-size: 1.5rem;
-                    }
-                }
-            }
-
-            &-description {
-                @media (max-width: 900px) {
-                    font-size: 1rem;
-                    line-height: 1.25rem;
-                    width: 90%;
-                }
-            }
-
-            &-screen {
-                width: 90%;
-                padding: 1.25rem 1.25rem 0;
-                border-radius: 1rem;
-
-                &-blur {
-                    backdrop-filter: blur(0.5px);
-                }
-
-                &-play {
-                    svg {
-                        width: 100px;
-                        height: 100px;
-                    }
-                }
-
-                img {
-                    border-top-right-radius: 0.5rem;
-                    border-top-left-radius: 0.5rem;
-                }
-            }
-        }
-    }
-}
-
-// TEMPLATE FEATURES TYPE 1
-.template {
-    &-features-horizontal {
-        &-wrapper {
-            padding: 5rem 2rem;
-            border-radius: 2rem;
-            background: var(--surface-card, #fff);
-        }
-
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: center;
-        gap: 1.5rem;
-        margin: 0 auto;
-        width: fit-content;
-
-        &-card {
-            width: 21.125rem;
-            padding: 1.25rem;
-            border-radius: 1.3125rem;
-            border: 1px solid var(--surface-border, #eee);
-            background: var(--surface-0, #fff);
-
-            &-top {
-                width: 100%;
-                margin-bottom: 1.25rem;
-                background: var(--surface-100, #fff);
-                border-radius: 0.65625rem;
-                overflow: hidden;
-                display: flex;
-
-                img {
-                    width: 100%;
-                    border-radius: inherit;
-                }
-            }
-
-            &-bottom {
-                &-title {
-                    color: var(--surface-900);
-                    font-size: 1.09375rem;
-                    font-weight: 600;
-                    line-height: 1.5;
-                    margin-top: 0;
-                    margin-bottom: 0.75rem;
-                }
-
-                &-description {
-                    color: var(--surface-600);
-                    font-size: 1rem;
-                    font-weight: 400;
-                    line-height: 1.5;
-                    margin: 0;
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 992px) {
-    .template {
-        &-features-horizontal {
-            &-wrapper {
-                padding: 2rem 1.25rem;
-                border-radius: 1.25rem;
-            }
-
-            &-card {
-                padding: 1rem;
-                border-radius: 1rem;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 576px) {
-    .template {
-        &-features-horizontal {
-            &-wrapper {
-                padding: 1.5rem 1rem;
-            }
-
-            width: 98%;
-
-            &-card {
-                width: 100%;
-            }
-        }
-    }
-}
-
-// TEMPLATE FEATURES TYPE 2
-.template {
-    &-features-vertical {
-        &-wrapper {
-            padding: 7rem 2rem;
-            border-radius: 2rem;
-            background: var(--surface-card, #fff);
-        }
-
-        margin: 0 auto;
-        width: 70%;
-        max-width: 52.75rem;
-        display: flex;
-        justify-content: center;
-        flex-wrap: wrap;
-        gap: 1.5rem;
-
-        &-col {
-            display: flex;
-            flex-direction: column;
-            gap: 1.5rem;
-            flex: 1;
-
-            &:last-child {
-                margin-top: 7.5rem;
-            }
-        }
-
-        &-card {
-            width: 100%;
-            padding: 1.25rem;
-            border-radius: 1.3125rem;
-            border: 1px solid var(--surface-border);
-            background: var(--surface-0);
-
-            &-image {
-                width: auto;
-                background: var(--surface-100);
-                border-radius: 0.65625rem;
-                display: flex;
-
-                img {
-                    border-radius: inherit;
-                    width: 100%;
-                    height: auto;
-                }
-            }
-
-            h2 {
-                margin: 1.25rem 0 0;
-                color: var(--surface-900, var(--surface-900, #212121));
-                font-size: 1.09375rem;
-                font-weight: 600;
-                line-height: 1.5;
-            }
-
-            p {
-                margin: 0.75rem 0 0;
-                color: var(--surface-600, #757575);
-                font-size: 1rem;
-                font-weight: 400;
-                line-height: 1.5;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 992px) {
-    .template {
-        &-features-vertical {
-            &-wrapper {
-                padding: 2.5rem 1rem;
-                border-radius: 1.25rem;
-            }
-
-            max-width: 100%;
-            width: 100%;
-            align-items: center;
-            justify-content: center;
-
-            &-card {
-                padding: 1rem;
-                border-radius: 1rem;
-
-                &-img {
-                    height: auto;
-                    width: 100%;
-                    border-radius: 0.5rem;
-                }
-
-                &-withMargin {
-                    margin-top: 0rem;
-                }
-
-                &-withoutMargin {
-                    margin-top: 0rem;
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 768px) {
-    .template {
-        &-features-vertical {
-            width: 70%;
-            flex-direction: column;
-
-            &-col {
-                &:last-child {
-                    margin-top: 0rem;
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 576px) {
-    .template {
-        &-features-vertical {
-            flex-direction: column;
-            width: 100%;
-        }
-    }
-}
-
-// TEMPLATE RELATED
-.template {
-    &-related {
-        &-wrapper {
-            padding: 5rem 2rem;
-            border-radius: 2rem;
-            background: var(--surface-card, #fff);
-        }
-
-        &-title {
-            text-align: center;
-            color: var(--surface-900);
-            font-size: 3rem;
-            font-weight: 600;
-        }
-
-        &-slide {
-            display: flex;
-            flex-wrap: wrap;
-            align-items: center;
-            justify-content: center;
-            width: fit-content;
-            margin: 3rem auto 0;
-            gap: 1.5rem;
-
-            &-card {
-                border-radius: 1.3125rem;
-                border: 1px solid var(--surface-border, #eee);
-                background: var(--surface-0, #fff);
-                padding: 1.25rem;
-                display: flex;
-
-                img {
-                    width: 18.625rem;
-                    height: auto;
-                    border-radius: 0.65625rem;
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 992px) {
-    .template {
-        &-related {
-            &-wrapper {
-                padding: 2.5rem 1.25rem;
-                border-radius: 1.25rem;
-            }
-
-            &-title {
-                padding-top: 1.5rem;
-                font-size: 1.5rem;
-            }
-
-            &-slide {
-                gap: 2rem;
-
-                width: 90%;
-                margin: 2rem auto 0;
-
-                &-card {
-                    border-radius: 1rem;
-                    padding: 1rem;
-                    max-width: 24rem;
-
-                    img {
-                        width: 100%;
-                        height: auto;
-                        border-radius: 0.5rem;
-                    }
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 576px) {
-    .template {
-        &-related {
-            &-wrapper {
-                padding: 1.5rem 1rem;
-            }
-
-            &-slide {
-                width: 98%;
-                max-width: 100%;
-                margin: 2rem auto 0;
-
-                &-card {
-                    max-width: 100%;
-                    width: 100%;
-                }
-            }
-        }
-    }
-}
-
-// TEMPLATE CONFIGURATION
-.layout-dark {
-    .template {
-        &-configuration {
-            &-screen {
-                &-bottom {
-                    background: var(--surface-card) !important;
-
-                    p {
-                        color: var(--surface-900);
-                    }
-                }
-            }
-        }
-    }
-}
-
-.template {
-    &-configuration {
-        &-wrapper {
-            padding: 5rem 2rem;
-            border-radius: 2rem;
-            background: var(--surface-card, #fff);
-        }
-
-        padding: 2rem;
-        border-radius: 1.75rem;
-        border: 1px solid var(--surface-border, #eee);
-        background: var(--surface-0, #fff);
-        width: 49.25rem;
-        margin: 0 auto;
-
-        &-title {
-            font-size: 1.53125rem;
-            font-weight: 700;
-            line-height: 1.8125rem;
-            color: var(--surface-900, var(--surface-900, #212121));
-        }
-
-        &-description {
-            color: var(--surface-600, #757575);
-            font-size: 1.09375rem;
-            font-weight: 400;
-            line-height: 1.64375rem;
-            margin: 0.75rem 0 0;
-        }
-
-        &-screen {
-            border-radius: 0.875rem;
-            border: 1px solid var(--surface-border, #dfe7ef);
-
-            &-top {
-                border-radius: 0.75rem 0.75rem 0rem 0rem;
-                background: var(--surface-0, #fff);
-                padding: 0.25rem 1.5rem;
-                height: 3.5rem;
-                display: flex;
-                align-items: center;
-                gap: 0.5rem;
-
-                &-circle {
-                    width: 0.75rem;
-                    height: 0.75rem;
-                    border-radius: 999px;
-                }
-
-                &-close {
-                    background-color: #ed6b5d;
-                }
-
-                &-minimize {
-                    background-color: #f4be50;
-                }
-
-                &-zoom {
-                    background-color: #61c554;
-                }
-            }
-
-            &-bottom {
-                padding: 1.5rem;
-                background: var(--surface-900);
-                border-bottom-left-radius: inherit;
-                border-bottom-right-radius: inherit;
-                display: flex;
-                flex-direction: column;
-                gap: 1rem;
-                position: relative;
-
-                p {
-                    color: var(--surface-0);
-                    font-size: 1rem;
-                    font-weight: 400;
-                    line-height: 1.0625rem;
-                    margin: 0;
-                }
-
-                &-logo {
-                    width: 7.5rem;
-                    height: 7.5rem;
-                    position: absolute;
-                    right: 1.5rem;
-                    bottom: 1.38rem;
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 992px) {
-    .template {
-        &-configuration {
-            &-wrapper {
-                padding: 2.5rem 1.25rem;
-                border-radius: 1.25rem;
-            }
-
-            &-title {
-                font-size: 1.25rem;
-            }
-
-            &-description {
-                font-size: 0.85rem;
-                line-height: 1.25rem;
-            }
-
-            width: 80%;
-            padding: 1rem;
-            border-radius: 1rem;
-
-            &-screen {
-                border-radius: 0.5rem;
-
-                &-top {
-                    border-radius: 0.5rem 0.5rem 0rem 0rem;
-                }
-
-                &-bottom {
-                    border-radius: 0rem 0rem 0.5rem 0.5rem;
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 576px) {
-    .template {
-        &-configuration {
-            &-wrapper {
-                padding: 1.5rem 1rem;
-            }
-
-            width: 98%;
-
-            &-screen {
-                &-bottom {
-                    &-logo {
-                        width: 5.25rem;
-                        height: 5.25rem;
-                        right: 0.88rem;
-                        bottom: 0.88rem;
-                    }
-                }
-            }
-        }
-    }
-}
-
-// TEMPLATE FEATURES ANIMATION
-.template {
-    &-features-animation {
-        &-wrapper {
-            border-radius: 2rem;
-            background: var(--surface-card, #fff);
-            padding: 5rem 2rem;
-        }
-
-        &-title {
-            max-width: 45rem;
-            margin: 0 auto 3rem;
-
-            h2 {
-                margin: 0;
-                color: var(--surface-900);
-                text-align: center;
-                font-size: 3rem;
-                font-weight: 600;
-                text-align: center;
-            }
-        }
-
-        display: flex;
-        gap: 2.5rem;
-        width: fit-content;
-        margin: 0 auto;
-        padding: 1.75rem;
-        border-radius: 1.75rem;
-        border: 1px solid var(--surface-border, #eee);
-
-        &-left {
-            width: 100%;
-            max-width: 30rem;
-            display: flex;
-            flex-direction: column;
-            gap: 1rem;
-
-            &-card {
-                padding: 1rem;
-                display: flex;
-                align-items: flex-start;
-                gap: 1.5rem;
-                cursor: pointer;
-                transition: all 0.2s ease;
-
-                &-active {
-                    border-radius: 0.75rem;
-                    background: var(--surface-100, #f5f5f5);
-                    transition: all 0.2s ease;
-                }
-
-                &:hover {
-                    border-radius: 0.75rem;
-                    background: var(--surface-100, #f5f5f5);
-                }
-
-                &:hover &-order {
-                    div {
-                        &:nth-child(2) {
-                            color: var(--surface-100);
-                        }
-
-                        &:nth-child(3) {
-                            animation: FeaturesOrderAnimation 2.5s ease-in-out;
-                            color: var(--primary-400);
-                        }
-                    }
-                }
-
-                &-active &-order {
-                    div {
-                        &:nth-child(2) {
-                            color: var(--surface-100);
-                        }
-
-                        &:nth-child(3) {
-                            animation: FeaturesOrderAnimation 2.5s ease-in-out;
-                            color: var(--primary-400);
-                        }
-                    }
-                }
-
-                &-order {
-                    width: 3.5rem;
-                    height: 100%;
-                    margin-top: -0.25rem;
-                    position: relative;
-                    transition: all 0.2s ease;
-
-                    div {
-                        font-size: 2.5rem;
-                        font-weight: 700;
-                        position: absolute;
-                        top: 0;
-                        left: 0;
-
-                        &:nth-child(1) {
-                            color: var(--primary-400);
-                            -webkit-text-stroke: 1.2px var(--primary-400);
-                        }
-
-                        &:nth-child(2) {
-                            color: var(--surface-card);
-                            transition: all 0.2s ease;
-                        }
-
-                        &:nth-child(3) {
-                            color: transparent;
-                        }
-                    }
-                }
-
-                &-content {
-                    flex: 1;
-
-                    h5 {
-                        color: var(--surface-900, var(--color-surface-900, #212121));
-                        font-size: 1.09375rem;
-                        font-weight: 600;
-                        line-height: 1.5;
-                        margin: 0;
-                    }
-
-                    p {
-                        color: var(--surface-600, #757575);
-                        font-size: 1rem;
-                        font-weight: 400;
-                        line-height: 1.5;
-                        margin: 0.38rem 0 0;
-
-                        a {
-                            color: var(--primary-400);
-
-                            &:hover {
-                                text-decoration: underline;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-
-        &-right {
-            width: 30rem;
-            height: fit-content;
-            border-radius: 0.875rem;
-            background-color: var(--surface-100);
-            display: flex;
-            overflow: hidden;
-
-            img {
-                width: 100%;
-                height: auto;
-            }
-
-            &-inline {
-                width: 100%;
-                padding: 2rem 0;
-                border-radius: 0.75rem;
-                background: var(--surface-100);
-                position: relative;
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                justify-content: center;
-
-                &-image {
-                    width: 90%;
-                    overflow: hidden;
-                    position: relative;
-                    display: flex;
-                    margin-top: 1.25rem;
-                    border-radius: 0.5rem;
-                    box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.08);
-
-                    img {
-                        max-height: 24rem;
-                    }
-                }
-
-                &-tabs {
-                    display: flex;
-                    align-items: center;
-                    gap: 0.25rem;
-                    border-radius: 2.5rem;
-                    border: 1px solid var(--surface-border);
-                    background: var(--surface-0);
-                    padding: 0.25rem;
-                    width: 90%;
-
-                    button {
-                        flex: 1;
-                        width: 100%;
-                        padding: 0.21875rem 0.5rem;
-                        border-radius: 2.25rem;
-                        color: var(--surface-900);
-                        background: var(--surface-0);
-                        border: none;
-                        outline: none;
-                        font-size: 0.75rem;
-                        font-weight: 500;
-                        line-height: 1rem;
-                        letter-spacing: -0.015rem;
-                        cursor: pointer;
-                        transition: all 0.15s ease;
-
-                        &:hover {
-                            background: var(--surface-100);
-                        }
-                    }
-
-                    &-btnActive {
-                        background: var(--surface-100) !important;
-                    }
-                }
-            }
-        }
-    }
-}
-
-@keyframes FeaturesOrderAnimation {
-    0% {
-        clip-path: polygon(0% 100%, 15% 100%, 32% 100%, 54% 100%, 70% 100%, 84% 100%, 100% 100%, 100% 100%, 0% 100%);
-    }
-
-    20% {
-        clip-path: polygon(0% 45%, 15% 44%, 32% 50%, 54% 60%, 70% 61%, 84% 59%, 100% 52%, 100% 100%, 0% 100%);
-    }
-
-    40% {
-        clip-path: polygon(0% 60%, 16% 65%, 34% 66%, 51% 62%, 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100%);
-    }
-
-    60% {
-        clip-path: polygon(0 51%, 14% 31%, 33% 42%, 49% 53%, 68% 55%, 85% 50%, 100% 60%, 100% 100%, 0 100%);
-    }
-
-    100% {
-        clip-path: polygon(0 0, 18% 0, 39% 0, 53% 0, 62% 0, 87% 0, 100% 0, 100% 100%, 0 100%);
-    }
-}
-
-@media only screen and (max-width: 1440px) {
-    .template {
-        &-features-animation {
-            &-left {
-                flex: 0.4;
-            }
-
-            &-right {
-                flex: 0.6;
-
-                &-inline {
-                    &-image {
-                        width: 92%;
-                    }
-
-                    &-tabs {
-                        width: 92%;
-
-                        button {
-                            padding: 0.21875rem 0.25rem;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 992px) {
-    .template {
-        &-features-animation {
-            &-wrapper {
-                padding: 2.5rem 1.25rem;
-            }
-
-            &-title {
-                padding-top: 1.5rem;
-
-                h2 {
-                    font-size: 1.5rem;
-                }
-            }
-
-            flex-direction: column-reverse;
-            gap: 1.31rem;
-            padding: 1rem;
-            border-radius: 1rem;
-            width: 70%;
-
-            &-left {
-                width: 100%;
-                max-width: 100%;
-            }
-
-            &-right {
-                border-radius: 0.75rem;
-                width: 100%;
-                min-width: 0rem;
-                max-width: 100%;
-
-                &-inline {
-                    height: fit-content;
-                    padding: 2rem 0;
-
-                    &-image {
-                        width: 90%;
-                        margin: 0;
-                        height: auto;
-                    }
-
-                    &-tabs {
-                        display: none;
-                    }
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 576px) {
-    .template {
-        &-features-animation {
-            &-wrapper {
-                padding: 1.5rem 1rem;
-            }
-
-            width: 98%;
-        }
-    }
-}
-
-// TEMPLATE HERO
-.template {
-    display: flex;
-    flex-direction: column;
-    gap: 2.19rem;
-
-    &-hero {
-        width: 100%;
-        height: 36.25rem;
-        background: var(--primary-500);
-        border-radius: 2rem;
-        position: relative;
-        overflow: hidden;
-
-        &-card {
-            position: relative;
-            z-index: 15;
-            width: 29rem;
-            margin-left: 10rem;
-            margin-top: 9.81rem;
-            border-radius: 1.5rem;
-            border: 1px solid rgba(255, 255, 255, 0.24);
-            background: linear-gradient(180deg, rgba(170, 140, 255, 0) 0%, var(--primary-400) / 0.8 100%), rgba(255, 255, 255, 0.1);
-            box-shadow:
-                0px 2px 4px 0px rgba(255, 255, 255, 0.24) inset,
-                0px 48px 80px 0px rgba(0, 0, 0, 0.08),
-                0px -5px 13px -2px rgba(255, 255, 255, 0.55) inset;
-            backdrop-filter: blur(2px);
-            padding: 2.25rem 1.75rem;
-
-            &-logo {
-                height: 2.5rem;
-
-                svg {
-                    height: 100%;
-                    width: auto;
-                }
-            }
-
-            p {
-                font-size: 1rem;
-                font-weight: 400;
-                line-height: 1.5;
-                margin: 1rem 0 0;
-                color: var(--surface-0);
-            }
-
-            &-buttons {
-                display: flex;
-                align-items: center;
-                gap: 1rem;
-                margin-top: 2rem;
-
-                a {
-                    text-decoration: none;
-                    height: 2.5rem;
-                    flex: 1;
-                    border-radius: 3rem;
-
-                    font-size: 1rem;
-                    font-weight: 700;
-                    line-height: 1.0625rem;
-                    cursor: pointer;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                }
-
-                &-btn1 {
-                    border: 1px solid #212121;
-                    background: #212121;
-                    color: white;
-
-                    &:hover {
-                        border-color: #444444;
-                        background-color: #444444;
-                    }
-                }
-
-                &-btn2 {
-                    background-color: var(--primary-600);
-                    border-color: var(--primary-600);
-
-                    &:hover {
-                        background-color: var(--primary-700);
-                        border-color: var(--primary-700);
-                    }
-                }
-            }
-
-            &-links {
-                margin-top: 1rem;
-                display: flex;
-                align-items: center;
-                gap: 1rem;
-
-                a {
-                    display: flex;
-                    align-items: center;
-                    gap: 0.5rem;
-                    color: var(--surface-0);
-
-                    span {
-                        font-size: 1rem;
-                        line-height: normal;
-                    }
-
-                    &:hover {
-                        text-decoration-line: underline;
-                    }
-                }
-            }
-        }
-
-        &-rectangle {
-            position: absolute;
-            top: 0rem;
-            left: -8rem;
-            z-index: 4;
-            height: 100%;
-            width: auto;
-        }
-
-        &-light {
-            position: absolute;
-            top: -4rem;
-            left: 6rem;
-            z-index: 5;
-        }
-
-        &-dashboard1 {
-            z-index: 9;
-            position: absolute;
-            top: 2.02rem;
-            left: 60rem;
-            width: 37.875rem;
-            box-shadow: 0px 0px 43.64997px 0px rgba(0, 0, 0, 0.12);
-            border-radius: 0.25rem;
-        }
-
-        &-dashboard2 {
-            z-index: 8;
-            position: absolute;
-            top: 2.02rem;
-            left: 42rem;
-            width: 37.875rem;
-            box-shadow: 0px 0px 43.64997px 0px rgba(0, 0, 0, 0.12);
-            border-radius: 0.25rem;
-        }
-    }
-}
-
-@media only screen and (max-width: 1440px) {
-    .template {
-        &-hero {
-            height: 32.25rem;
-
-            &-card {
-                margin-left: 3.5rem;
-                margin-top: 7.81rem;
-                padding: 2rem 1.5rem;
-                border-radius: 1.25rem;
-                width: 26.25rem;
-            }
-
-            &-rectangle {
-                left: -8rem;
-            }
-
-            &-light {
-                left: 2rem;
-            }
-
-            &-dashboard1 {
-                top: 2.5rem;
-                left: 44rem;
-                width: 36rem;
-            }
-
-            &-dashboard2 {
-                top: 2.5rem;
-                left: 32rem;
-                width: 36rem;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 768px) {
-    .template {
-        &-hero {
-            height: 53.25rem;
-            padding: 7.5rem 1.25rem 1.25rem;
-            border-radius: 1rem;
-
-            &-card {
-                width: 100%;
-                margin-left: 0rem;
-                margin-top: 0rem;
-                padding: 2rem 1.5rem;
-                border-radius: 1.25rem;
-
-                &-links {
-                    justify-content: center;
-                }
-            }
-
-            &-rectangle {
-                left: -2rem;
-                height: auto;
-                width: 80rem;
-            }
-
-            &-light {
-                left: 50%;
-                transform: translateX(-50%);
-            }
-
-            &-dashboard1 {
-                top: 28.5rem;
-                left: 12rem;
-                width: 80%;
-            }
-
-            &-dashboard2 {
-                top: 28.5rem;
-                left: 1.5rem;
-                width: 80%;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 576px) {
-    .template {
-        &-hero {
-            &-rectangle {
-                left: -10rem;
-            }
-
-            &-dashboard1 {
-                width: 36rem;
-            }
-
-            &-dashboard2 {
-                width: 36rem;
-            }
-        }
-    }
-}
-
-//TEMPLATE INTRO
-.template {
-    &-intro {
-        border-radius: 2rem;
-        background: var(--surface-card, #fff);
-        padding: 5rem 2rem;
-
-        h2 {
-            color: var(--surface-900);
-            text-align: center;
-            font-size: 3.42857rem;
-            font-weight: 600;
-            line-height: 4rem;
-            margin: 0;
-        }
-
-        p {
-            color: var(--surface-900);
-            text-align: center;
-            font-size: 1rem;
-            font-weight: 400;
-            line-height: 1.5rem;
-            max-width: 50rem;
-            margin: 1.5rem auto 0;
-        }
-
-        &-image {
-            position: relative;
-            background-color: var(--primary-600);
-            max-width: 75rem;
-            margin: 3.5rem auto 0;
-            border-radius: 1.15rem;
-            display: flex;
-
-            &::after {
-                content: '';
-                position: absolute;
-                inset: 0;
-                z-index: 5;
-                background-color: var(--primary-100);
-                opacity: 0.15;
-                border-radius: inherit;
-            }
-
-            img {
-                width: 100%;
-                height: auto;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 992px) {
-    .template {
-        &-intro {
-            padding: 2.5rem 1.25rem;
-
-            h2 {
-                font-size: 1.5rem;
-                line-height: normal;
-            }
-
-            p {
-                line-height: 1.5;
-                margin: 1rem auto 0;
-                font-size: 1rem;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 576px) {
-    .template {
-        &-intro {
-            padding: 3rem 1rem;
-
-            h2 {
-                font-size: 1.5rem;
-            }
-
-            &-image {
-                margin: 1.5rem auto 0;
-            }
-        }
-    }
-}
-
-// TEMPALTE SEPARATOR
-.template {
-    &-separator {
-        gap: 1.5rem;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        &::before {
-            content: '';
-            flex: 1;
-            height: 1px;
-            background-color: var(--surface-border);
-        }
-
-        &::after {
-            content: '';
-            flex: 1;
-            height: 1px;
-            background-color: var(--surface-border);
-        }
-
-        &-icon {
-            width: 3rem;
-            height: 3rem;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            border: 1px solid var(--surface-border);
-            border-radius: 100%;
-            background-color: var(--surface-card);
-        }
-    }
-}
-
-//TEMPLATE LICENCE
-
-.template {
-    &-license {
-        &-wrapper {
-            padding: 5rem 2rem;
-            border-radius: 2rem;
-            background: var(--surface-card, #fff);
-        }
-
-        &-price {
-            .discount {
-                color: var(--text-color-secondary);
-                text-decoration: line-through;
-            }
-        }
-
-        &-cards {
-            display: flex;
-            flex-wrap: wrap;
-            align-items: flex-start;
-            justify-content: center;
-            gap: 1.5rem;
-        }
-
-        &-card {
-            width: 21.25rem;
-            padding: 1.5rem;
-            border-radius: 1rem;
-            border: 1px solid var(--surface-200);
-            background-color: var(--surface-card);
-
-            span {
-                color: var(--surface-900);
-                font-weight: 600;
-                line-height: 1.5rem;
-            }
-
-            h2 {
-                color: var(--surface-900);
-                font-size: 2.5rem;
-                font-weight: 600;
-                line-height: 3rem;
-                letter-spacing: -0.025rem;
-                margin: 1rem 0 1.25rem;
-            }
-
-            button {
-                padding: 0.25rem 0.75rem;
-                border-radius: 0.375rem;
-                background: var(--surface-900);
-                text-align: center;
-                width: 100%;
-                outline: none;
-                border: none;
-                min-height: 2rem;
-                cursor: pointer;
-                transition: all 0.2s ease;
-
-                &:hover {
-                    background: var(--surface-700);
-                }
-
-                color: var(--surface-0);
-                text-align: center;
-                font-size: 1rem;
-                font-weight: 500;
-                line-height: 1.5rem;
-                letter-spacing: -0.00875rem;
-            }
-
-            &-included {
-                display: flex;
-                flex-direction: column;
-                gap: 0.5rem;
-                margin-bottom: 1.25rem;
-
-                p {
-                    color: var(--surface-500);
-                    font-size: 1rem;
-                    font-weight: 400;
-                    line-height: 1.5rem;
-                    letter-spacing: -0.00875rem;
-                    margin: 0;
-                }
-            }
-        }
-
-        &-description {
-            color: var(--surface-500);
-            text-align: center;
-            font-size: 1rem;
-            line-height: 1.5rem;
-            letter-spacing: -0.00875rem;
-            max-width: 46.75rem;
-            margin: 1.5rem auto 0;
-        }
-
-        &-visit {
-            font-size: 1rem;
-            font-weight: 400;
-            line-height: 1.5rem;
-            letter-spacing: -0.00875rem;
-            text-align: center;
-            margin: 1.5rem auto 0;
-
-            a {
-                color: var(--primary-500);
-                cursor: pointer;
-                transition: all 0.2s ease;
-
-                &:hover {
-                    color: var(--primary-300);
-                }
-
-                &:hover {
-                    text-decoration-line: underline;
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 992px) {
-    .template {
-        &-license {
-            &-wrapper {
-                padding: 2.5rem 1.25rem;
-                border-radius: 1.25rem;
-            }
-
-            &-description {
-                max-width: 36.5rem;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 721px) {
-    .template {
-        &-license {
-            &-card {
-                width: 80%;
-            }
-
-            &-description {
-                max-width: 32rem;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 576px) {
-    .template {
-        &-license {
-            &-wrapper {
-                padding: 1.5rem 1rem;
-            }
-
-            &-card {
-                width: 100%;
-                padding: 1.25rem;
-                border-radius: 0.75rem;
-            }
-        }
-    }
-}
-
-// --------templates---------
-
-.apollo {
-    .template {
-        &-hero {
-            &-pattern {
-                width: 96rem;
-                height: auto;
-                position: absolute;
-                bottom: 0;
-                left: 0;
-                z-index: 6;
-                mix-blend-mode: overlay;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 768px) {
-    .apollo {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 90rem;
-                    bottom: 20rem;
-                }
-            }
-        }
-    }
-}
-
-.atlantis {
-    .template {
-        &-hero {
-            &-pattern {
-                width: 50rem;
-                height: auto;
-                position: absolute;
-                bottom: -7rem;
-                left: -7rem;
-                z-index: 6;
-            }
-
-            &-dashboard1,
-            &-dashboard2 {
-                border-radius: 1.12rem;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 1200px) {
-    .atlantis {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 45rem;
-                    bottom: -5.75rem;
-                    left: -9.5rem;
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 768px) {
-    .atlantis {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 50rem;
-                    bottom: 16.75rem;
-                    left: -10.5rem;
-                }
-            }
-        }
-    }
-}
-
-.avalon {
-    .template {
-        &-hero {
-            &-pattern {
-                width: 56rem;
-                height: auto;
-                position: absolute;
-                bottom: 0px;
-                left: -3.06;
-                z-index: 6;
-            }
-
-            &-rectangle {
-                opacity: 0.5;
-            }
-
-            &-light {
-                opacity: 0.75;
-            }
-        }
-
-        &-separator {
-            &-icon {
-                width: 7rem;
-                height: 3.5rem;
-                border-radius: 99px;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 1200px) {
-    .avalon {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 68rem;
-                    height: auto;
-                    bottom: -8rem;
-                    left: -12rem;
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 768px) {
-    .avalon {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 88rem;
-                    height: auto;
-                    bottom: 0rem;
-                    left: -16rem;
-                }
-            }
-        }
-    }
-}
-
-.babylon {
-    .template {
-        &-hero {
-            &-pattern {
-                width: 100.3125rem;
-                height: auto;
-                position: absolute;
-                bottom: -23rem;
-                left: -15rem;
-                z-index: 6;
-            }
-
-            &-dashboard1,
-            &-dashboard2 {
-                width: 40rem;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 1200px) {
-    .babylon {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 72rem;
-                    height: auto;
-                    bottom: -16rem;
-                    left: -20rem;
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 768px) {
-    .babylon {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 100rem;
-                    height: auto;
-                    bottom: -21rem;
-                    left: -24rem;
-                }
-            }
-        }
-    }
-}
-
-.california {
-    .template {
-        &-hero {
-            &-pattern {
-                width: 70.3125rem;
-                height: auto;
-                position: absolute;
-                bottom: -1.2rem;
-                left: -8.65rem;
-                z-index: 6;
-            }
-
-            &-dashboard1,
-            &-dashboard2 {
-                width: 40rem;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 1200px) {
-    .california {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 64rem;
-                    height: auto;
-                    bottom: -1.2rem;
-                    left: -10rem;
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 768px) {
-    .california {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 92rem;
-                    height: auto;
-                    bottom: -1.2rem;
-                    left: -16rem;
-                }
-            }
-        }
-    }
-}
-
-.diamond {
-    .template {
-        &-hero {
-            &-pattern {
-                width: 62.3125rem;
-                height: 44.8125rem;
-                position: absolute;
-                top: -3.62;
-                left: -3.06;
-                z-index: 6;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 1200px) {
-    .diamond {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 60rem;
-                    height: auto;
-                    bottom: -8rem;
-                    left: -8rem;
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 768px) {
-    .diamond {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 64rem;
-                    height: auto;
-                    bottom: 2rem;
-                    left: -8rem;
-                }
-            }
-        }
-    }
-}
-
-.freya {
-    .template {
-        &-hero {
-            &-pattern {
-                height: auto;
-                width: 45rem;
-                position: absolute;
-                bottom: -9rem;
-                left: 0rem;
-                z-index: 6;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 768px) {
-    .freya {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 55rem;
-                    height: auto;
-                    bottom: -2rem;
-                    left: 0;
-                }
-            }
-        }
-    }
-}
-
-.poseidon {
-    .template {
-        &-hero {
-            &-pattern {
-                width: 102.3125rem;
-                height: auto;
-                position: absolute;
-                bottom: 0rem;
-                left: -26rem;
-                z-index: 6;
-            }
-
-            &-dashboard1,
-            &-dashboard2 {
-                width: 45rem;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 1200px) {
-    .poseidon {
-        .template {
-            &-hero {
-                &-pattern {
-                    height: auto;
-                    bottom: 0rem;
-                    left: -34rem;
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 768px) {
-    .poseidon {
-        .template {
-            &-hero {
-                &-pattern {
-                    height: auto;
-                    bottom: 21rem;
-                    left: -35rem;
-                }
-            }
-        }
-    }
-}
-
-.roma {
-    .template {
-        &-hero {
-            &-pattern {
-                width: 56rem;
-                height: auto;
-                position: absolute;
-                bottom: -0.5rem;
-                left: -4.06rem;
-                z-index: 6;
-            }
-
-            &-dashboard1,
-            &-dashboard2 {
-                width: 42rem;
-            }
-        }
-
-        &-separator {
-            &-icon {
-                width: 6rem;
-                height: 2.5rem;
-                border-radius: 99px;
-
-                svg {
-                    width: 4.2rem;
-                    height: 4.2rem;
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 1200px) {
-    .roma {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 68rem;
-                    height: auto;
-                    bottom: -8rem;
-                    left: -12rem;
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 768px) {
-    .roma {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 88rem;
-                    height: auto;
-                    bottom: 0rem;
-                    left: -16rem;
-                }
-            }
-        }
-    }
-}
-
-.sakai {
-    .template {
-        &-hero {
-            &-pattern {
-                width: 72.3125rem;
-                height: auto;
-                position: absolute;
-                bottom: -1rem;
-                left: -1rem;
-                z-index: 6;
-            }
-
-            &-dashboard1,
-            &-dashboard2 {
-                width: 42rem;
-            }
-        }
-
-        &-features-horizontal-card {
-            width: 30rem;
-        }
-    }
-}
-
-@media only screen and (max-width: 1200px) {
-    .sakai {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 72.3125rem;
-                    height: auto;
-                    bottom: -1rem;
-                    left: -2rem;
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 768px) {
-    .sakai {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 64.3125rem;
-                    height: auto;
-                    bottom: 20rem;
-                    left: -2rem;
-                }
-            }
-        }
-    }
-}
-
-.ultima {
-    .template {
-        &-hero {
-            &-pattern {
-                width: 80rem;
-                height: auto;
-                position: absolute;
-                bottom: -26rem;
-                left: -22.5rem;
-                z-index: 6;
-                mix-blend-mode: overlay;
-            }
-
-            &-dashboard1,
-            &-dashboard2 {
-                border-radius: 0.42857rem;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 768px) {
-    .ultima {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 90rem;
-                    left: -25rem;
-                    bottom: -10rem;
-                }
-            }
-        }
-    }
-}
-
-.verona {
-    .template {
-        &-hero {
-            &-pattern {
-                width: 110rem;
-                height: auto;
-                position: absolute;
-                bottom: -2rem;
-                left: -1rem;
-                z-index: 6;
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 1200px) {
-    .verona {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 120rem;
-                    left: -7.5rem;
-                    bottom: -10rem;
-                }
-            }
-        }
-    }
-}
-
-@media only screen and (max-width: 768px) {
-    .verona {
-        .template {
-            &-hero {
-                &-pattern {
-                    width: 124rem;
-                    left: -8.5rem;
-                    bottom: 0;
-                }
-            }
-        }
-    }
-}
diff --git a/src/app/showcase/pages/templates/learnmore/templatedata.json b/src/app/showcase/pages/templates/learnmore/templatedata.json
deleted file mode 100644
index da4179e..0000000
--- a/src/app/showcase/pages/templates/learnmore/templatedata.json
+++ /dev/null
@@ -1,1567 +0,0 @@
-{
-    "templates": [
-        {
-            "name": "apollo",
-            "data": {
-                "relatedData": [
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/diamond-ng.jpg",
-                        "href": "/templates/diamond"
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/avalon-ng.jpg",
-                        "href": "/templates/avalon"
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/babylon-ng.jpg",
-                        "href": "/templates/babylon"
-                    }
-                ],
-                "features2Data": [
-                    {
-                        "title": "Fully Responsive",
-                        "description": "Apollo is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-responsive.png"
-                    },
-                    {
-                        "title": "Lifetime Support",
-                        "description": "Apollo has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-lifetime.png"
-                    },
-                    {
-                        "title": "Top Notch Quality",
-                        "description": "Superior standards with 100% compatibility for strict mode and linting tools.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-quality.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-quality-dark.png"
-                    },
-                    {
-                        "title": "Cross Browser Compatible",
-                        "description": "First class support for Firefox, Safari, Chrome and Edge.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible-dark.png"
-                    },
-                    {
-                        "title": "Customizable Design",
-                        "description": "Fully customizable with a mixture of Sass and CSS variables.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png"
-                    },
-                    {
-                        "title": "Mobile Experience",
-                        "description": "Touch optimized enhanced mobile experience with responsive design.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-mobile.png"
-                    }
-                ],
-                "animationFeaturesData1": [
-                    {
-                        "id": 1,
-                        "title": "PrimeFlex CSS Utilities",
-                        "description": "PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-utilities.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "PrimeBlocks",
-                        "description": "Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-blocks.png"
-                    },
-                    {
-                        "id": 3,
-                        "title": "PrimeIcons",
-                        "description": "Apollo ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-icons.png"
-                    },
-                    {
-                        "id": 4,
-                        "title": "Figma File",
-                        "description": "Apollo uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeReact UI components are excluded from the Apollo Figma file as they are available in PrimeOne for Figma only.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-figma.png"
-                    }
-                ],
-                "features1Data": [
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features1-feature1.png",
-                        "title": "Ready to Use Applications",
-                        "description": "Mail, File System, Tasks, Calendar, Blog and Chat are the sample applications to get started with ease."
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features1-feature2.png",
-                        "title": "E-Commerce Pages",
-                        "description": "Apollo offers E-commerce pages to kickstart your e-commerce project powered by PrimeBlocks."
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features1-feature3.png",
-                        "title": "Ready to Use Pages",
-                        "description": "Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app."
-                    }
-                ],
-                "animationFeaturesData2": [
-                    {
-                        "id": 1,
-                        "title": "Light / Dark / Dim Modes",
-                        "description": "Apollo has 3 display modes to choose from; Light, Dim and Dark.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-darkmode.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "Component Themes",
-                        "description": "Apollo offers 24 built-in component themes and creating your own theme is a matter of defining couple of sass variables.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-component-themes.png"
-                    },
-                    {
-                        "id": 3,
-                        "title": "7 Menu Orientations",
-                        "description": "Static, Overlay, Slim, Slim+, Reveal, Drawer and Horizontal are the available menu layouts depending on your preference.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-orientations.png",
-                        "type": "inline-animation",
-                        "inlineFeaturesData": [
-                            {
-                                "id": 1,
-                                "title": "Static",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/Static.png"
-                            },
-                            {
-                                "id": 2,
-                                "title": "Slim",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/Slim.png"
-                            },
-                            {
-                                "id": 3,
-                                "title": "Reveal",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/Reveal.png"
-                            },
-                            {
-                                "id": 4,
-                                "title": "Horizontal",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/Horizontal.png"
-                            },
-                            {
-                                "id": 5,
-                                "title": "Overlay",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/Overlay.png"
-                            },
-                            {
-                                "id": 6,
-                                "title": "Slim+",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/Slim+.png"
-                            },
-                            {
-                                "id": 7,
-                                "title": "Drawer",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/Drawer.png"
-                            }
-                        ]
-                    },
-                    {
-                        "id": 4,
-                        "title": "Menu Themes",
-                        "description": "Stunning theming for the main menu with 3 alternatives; Color Scheme, Primary Color and Transparent.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-menu-themes.png"
-                    }
-                ],
-                "license": {
-                    "documentLink": "https://apollo.primereact.org/documentation/",
-                    "description": "The download package is a NextJS-based project containing all application source codes deployed at the live demo. The project code is written in TypeScript.",
-                    "licenseDetails": [
-                        {
-                            "title": "Basic License",
-                            "price": "$59",
-                            "included": [
-                                "Non Commercial Usage",
-                                "Single End Product, No Multi-Use",
-                                "Lifetime Support",
-                                "Unlimited Updates"
-                            ]
-                        },
-                        {
-                            "title": "Extended License",
-                            "price": "$590",
-                            "included": [
-                                "Commercial Usage",
-                                "Multiple End Products",
-                                "Lifetime Support",
-                                "Unlimited Updates"
-                            ]
-                        }
-                    ]
-                },
-                "templateHeroData": {
-                    "logo": "<ApolloLogo />",
-                    "pattern": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-hero-pattern.png",
-                    "dashboard1": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-hero-dashboard1.png",
-                    "dashboard2": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-hero-dashboard2.png",
-                    "description": "An amazing Angular CLI application template with light-dim-dark modes, four menu layouts, various menu themes, sample apps, ready to use template pages and 24 PrimeNG themes.",
-                    "liveHref": "https://apollo.primereact.org",
-                    "docHref": "https://apollo.primereact.org/documentation"
-                },
-                "youtubeImgSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-youtube-screen.png",
-                "templateConfigurationData": {
-                    "title": "Angular with CLI",
-                    "description": "Apollo is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-                }
-            }
-        },
-        {
-            "name": "atlantis",
-            "data": {
-                "features2Data": [
-                    {
-                        "title": "Fully Responsive",
-                        "description": "Atlantis is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/atlantis/atlantis-features2-responsive.png"
-                    },
-                    {
-                        "title": "Cross Browser Compatible",
-                        "description": "First class support for Firefox, Safari, Chrome and Edge.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible-dark.png"
-                    },
-                    {
-                        "title": "Lifetime Support",
-                        "description": "Atlantis has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-lifetime.png"
-                    },
-                    {
-                        "title": "Full SaSS Support",
-                        "description": "Sass is utilized for both the application and components to provide simplicity and flexibility.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png"
-                    },
-                    {
-                        "title": "Ready to Use Pages",
-                        "description": "Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/atlantis/atlantis-features2-ready.png"
-                    },
-                    {
-                        "title": "Mobile Experience",
-                        "description": "Touch optimized enhanced mobile experience with responsive design.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/atlantis/atlantis-features2-mobile.png"
-                    }
-                ],
-                "relatedData": [
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/freya-ng.jpg",
-                        "href": "/templates/freya"
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/ultima-ng.jpg",
-                        "href": "/templates/ultima"
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/roma-ng.jpg",
-                        "href": "/templates/roma"
-                    }
-                ],
-                "animationFeaturesData1": [
-                    {
-                        "id": 1,
-                        "title": "PrimeFlex CSS Utilities",
-                        "description": "PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-utilities.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "PrimeBlocks",
-                        "description": "Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-blocks.png"
-                    },
-                    {
-                        "id": 3,
-                        "title": "PrimeIcons",
-                        "description": "Atlantis ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-icons.png"
-                    },
-                    {
-                        "id": 4,
-                        "title": "Figma File",
-                        "description": "Atlantis uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeReact UI components are excluded from the Atlantis Figma file as they are available in PrimeOne for Figma only.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/atlantis/features-animation-figma.png"
-                    }
-                ],
-                "animationFeaturesData2": [
-                    {
-                        "id": 1,
-                        "title": "Light and Dark Modes",
-                        "description": "The stunning dark and light modes will impress your users.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/atlantis/features-animation-darkmode.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "Component Themes",
-                        "description": "Atlantis offers 16 built-in component themes with dark and light options. You are also free to create you own theme by defining couple SASS variables.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/atlantis/features-animation-component-themes.png"
-                    },
-                    {
-                        "id": 3,
-                        "title": "7 Menu Orientations",
-                        "description": "Static, Overlay, Slim, Slim+, Reveal, Drawer and Horizontal are the available menu layouts depending on your preference.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/atlantis/features-animation-orientations.png",
-                        "type": "inline-animation",
-                        "inlineFeaturesData": [
-                            {
-                                "id": 1,
-                                "title": "Static",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/atlantis/Static.png"
-                            },
-                            {
-                                "id": 2,
-                                "title": "Slim",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/atlantis/Slim.png"
-                            },
-                            {
-                                "id": 3,
-                                "title": "Reveal",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/atlantis/Reveal.png"
-                            },
-                            {
-                                "id": 4,
-                                "title": "Horizontal",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/atlantis/Horizontal.png"
-                            },
-                            {
-                                "id": 5,
-                                "title": "Overlay",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/atlantis/Overlay.png"
-                            },
-                            {
-                                "id": 6,
-                                "title": "Slim+",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/atlantis/Slim+.png"
-                            },
-                            {
-                                "id": 7,
-                                "title": "Drawer",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/atlantis/Drawer.png"
-                            }
-                        ]
-                    }
-                ],
-                "license": {
-                    "documentLink": "https://atlantis.primereact.org/documentation",
-                    "description": "The download package is a NextJS-based project containing all application source codes deployed at the live demo. The project code is written in TypeScript.",
-                    "licenseDetails": [
-                        {
-                            "title": "Basic License",
-                            "price": "$59",
-                            "included": [
-                                "Non Commercial Usage",
-                                "Single End Product, No Multi-Use",
-                                "Lifetime Support",
-                                "Unlimited Updates"
-                            ]
-                        },
-                        {
-                            "title": "Extended License",
-                            "price": "$590",
-                            "included": [
-                                "Commercial Usage",
-                                "Multiple End Products",
-                                "Lifetime Support",
-                                "Unlimited Updates"
-                            ]
-                        }
-                    ]
-                },
-                "templateHeroData": {
-                    "logo": "<AtlantisLogo />",
-                    "pattern": "https://primefaces.org/cdn/primeng/images/templates/atlantis/atlantis-hero-pattern.png",
-                    "dashboard1": "https://primefaces.org/cdn/primeng/images/templates/atlantis/atlantis-hero-dashboard1.png",
-                    "dashboard2": "https://primefaces.org/cdn/primeng/images/templates/atlantis/atlantis-hero-dashboard2.png",
-                    "description": "Prepare to be amazed by the remastered Atlantis for PrimeNG featuring a new gorgeous dark mode for the entire layout, 5 menu modes, reusable css widgets, utilities, modern icons and many more.",
-                    "liveHref": "https://www.primefaces.org/atlantis-react/",
-                    "docHref": "https://www.primefaces.org/atlantis-react/documentation/"
-                },
-                "youtubeImgSrc": "https://primefaces.org/cdn/primeng/images/templates/atlantis/atlantis-youtube-screen.png",
-                "templateConfigurationData": {
-                    "title": "Angular with CLI",
-                    "description": "Atlantis is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-                }
-            }
-        },
-        {
-            "name": "avalon",
-            "data": {
-                "features2Data": [
-                    {
-                        "title": "Fully Responsive",
-                        "description": "Avalon is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features2-responsive.png"
-                    },
-                    {
-                        "title": "Cross Browser Compatible",
-                        "description": "First class support for Firefox, Safari, Chrome and Edge.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible-dark.png"
-                    },
-                    {
-                        "title": "Lifetime Support",
-                        "description": "Diamond has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-lifetime.png"
-                    },
-                    {
-                        "title": "Customizable Design",
-                        "description": "Fully customizable with a mixture of Sass and CSS variables.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png"
-                    },
-                    {
-                        "title": "Top Notch Quality",
-                        "description": "Superior standards with 100% compatibility for strict mode and linting tools.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-quality.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-quality-dark.png"
-                    },
-                    {
-                        "title": "Mobile Experience",
-                        "description": "Touch optimized enhanced mobile experience with responsive design.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features2-mobile.png"
-                    }
-                ],
-                "relatedData": [
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/babylon-ng.jpg",
-                        "href": "/templates/babylon"
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/apollo-ng.jpg",
-                        "href": "/templates/apollo"
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/roma-ng.jpg",
-                        "href": "/templates/roma"
-                    }
-                ],
-                "animationFeaturesData1": [
-                    {
-                        "id": 1,
-                        "title": "PrimeFlex CSS Utilities",
-                        "description": "PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-utilities.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "PrimeBlocks",
-                        "description": "Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-blocks.png"
-                    },
-                    {
-                        "id": 3,
-                        "title": "PrimeIcons",
-                        "description": "Avalon ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-icons.png"
-                    },
-                    {
-                        "id": 4,
-                        "title": "Figma File",
-                        "description": "Avalon uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeReact UI components are excluded from the Avalon Figma file as they are available in PrimeOne for Figma only.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/avalon/features-animation-figma.png"
-                    }
-                ],
-                "animationFeaturesData2": [
-                    {
-                        "id": 1,
-                        "title": "Light and Dark Modes",
-                        "description": "Avalon offers you 2 uniquely designed layout modes to choose from; Light and Dark.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/avalon/features-animation-darkmode.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "Component 10 Beautiful Themes",
-                        "description": "Avalon offers 10 built-in themes and creating your own theme is a matter of defining couple of SaSS variables.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/avalon/features-animation-component-themes.png"
-                    },
-                    {
-                        "id": 3,
-                        "title": "7 Menu Orientations",
-                        "description": "Avalon has 7 menu layouts to choose from; Static, Overlay, Slim, Slim+, Reveal, Drawer and Horizontal with Light and Dark options.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/diamond/features-animation-orientations.png",
-                        "type": "inline-animation",
-                        "inlineFeaturesData": [
-                            {
-                                "id": 1,
-                                "title": "Static",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/avalon/Static.png"
-                            },
-                            {
-                                "id": 2,
-                                "title": "Slim",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/avalon/Slim.png"
-                            },
-                            {
-                                "id": 3,
-                                "title": "Reveal",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/avalon/Reveal.png"
-                            },
-                            {
-                                "id": 4,
-                                "title": "Horizontal",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/avalon/Horizontal.png"
-                            },
-                            {
-                                "id": 5,
-                                "title": "Overlay",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/avalon/Overlay.png"
-                            },
-                            {
-                                "id": 6,
-                                "title": "Slim+",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/avalon/Slim+.png"
-                            },
-                            {
-                                "id": 7,
-                                "title": "Drawer",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/avalon/Drawer.png"
-                            }
-                        ]
-                    },
-                    {
-                        "id": 4,
-                        "title": "Topbar Themes",
-                        "description": "Avalon comes with 11 topbar themes guaranteeing an enviable design.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/avalon/features-animation-menu-themes.png"
-                    }
-                ],
-                "features1Data": [
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature1.png",
-                        "title": "Ready to Use Applications",
-                        "description": "Mail, File System, Tasks, Calendar, Blog and Chat are the sample applications to get started with ease."
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature2.png",
-                        "title": "E-Commerce Pages",
-                        "description": "Avalon offers E-commerce pages to kickstart your e-commerce project powered by PrimeBlocks."
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature3.png",
-                        "title": "Ready to Use Pages",
-                        "description": "Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app."
-                    }
-                ],
-                "license": {
-                    "documentLink": "https://avalon.primereact.org/documentation",
-                    "description": "The download package is a NextJS-based project containing all application source codes deployed at the live demo. The project code is written in TypeScript.",
-                    "licenseDetails": [
-                        {
-                            "title": "Basic License",
-                            "price": "$49",
-                            "included": [
-                                "Non Commercial Usage",
-                                "Single End Product, No Multi-Use",
-                                "Lifetime Support",
-                                "Unlimited Updates"
-                            ]
-                        },
-                        {
-                            "title": "Extended License",
-                            "price": "$490",
-                            "included": [
-                                "Commercial Usage",
-                                "Multiple End Products",
-                                "Lifetime Support",
-                                "Unlimited Updates"
-                            ]
-                        }
-                    ]
-                },
-                "templateHeroData": {
-                    "logo": "<AvalonLogo />",
-                    "pattern": "https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-hero-pattern.png",
-                    "light": true,
-                    "rectangle": true,
-                    "dashboard1": "https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-hero-dashboard1.png",
-                    "dashboard2": "https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-hero-dashboard2.png",
-                    "description": "Welcome the new Avalon, elegantly designed with its new bootstrap theme and colors, offering 5 menu layouts with light and dark modes. The layout is mobile-friendly and cross-browser compatible, built with SASS, CSS3 and HTML5 ensuring excellent performance to get you started with your next project!",
-                    "liveHref": "https://avalon.primereact.org/",
-                    "docHref": "https://avalon.primereact.org/documentation"
-                },
-                "templateConfigurationData": {
-                    "title": "Angular with CLI",
-                    "description": "Avalon is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-                }
-            }
-        },
-        {
-            "name": "diamond",
-            "data": {
-                "features2Data": [
-                    {
-                        "title": "Fully Responsive",
-                        "description": "Diamond is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/diamond/diamond-features2-responsive.png"
-                    },
-                    {
-                        "title": "Cross Browser Compatible",
-                        "description": "First class support for Firefox, Safari, Chrome and Edge.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible-dark.png"
-                    },
-                    {
-                        "title": "Lifetime Support",
-                        "description": "Diamond has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-lifetime.png"
-                    },
-                    {
-                        "title": "Customizable Design",
-                        "description": "Fully customizable with a mixture of Sass and CSS variables.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png"
-                    },
-                    {
-                        "title": "Ready to Use Pages",
-                        "description": "Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/diamond/diamond-features2-ready.png"
-                    },
-                    {
-                        "title": "Mobile Experience",
-                        "description": "Touch optimized enhanced mobile experience with responsive design.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/diamond/diamond-features2-mobile.png"
-                    }
-                ],
-                "relatedData": [
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/apollo-ng.jpg",
-                        "href": "/templates/apollo"
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/avalon-ng.jpg",
-                        "href": "/templates/avalon"
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/roma-ng.jpg",
-                        "href": "/templates/roma"
-                    }
-                ],
-                "animationFeaturesData1": [
-                    {
-                        "id": 1,
-                        "title": "PrimeFlex CSS Utilities",
-                        "description": "PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-utilities.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "PrimeBlocks",
-                        "description": "Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-blocks.png"
-                    },
-                    {
-                        "id": 3,
-                        "title": "PrimeIcons",
-                        "description": "Diamond ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-icons.png"
-                    },
-                    {
-                        "id": 4,
-                        "title": "Figma File",
-                        "description": "Diamond uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeReact UI components are excluded from the Diamond Figma file as they are available in PrimeOne for Figma only.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/diamond/features-animation-figma.png"
-                    }
-                ],
-                "animationFeaturesData2": [
-                    {
-                        "id": 1,
-                        "title": "Light / Dark / Dim Modes",
-                        "description": "Diamond has 3 display modes to choose from; Light, Dim and Dark.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/diamond/features-animation-darkmode.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "Component Themes",
-                        "description": "Diamond offers 30 built-in component themes and creating your own theme is a matter of defining couple of sass variables.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/diamond/features-animation-component-themes.png"
-                    },
-                    {
-                        "id": 3,
-                        "title": "7 Menu Orientations",
-                        "description": "Static, Overlay, Slim, Compact, Horizontal, Reveal and Drawer are the available menu layouts depending on your preference.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/diamond/features-animation-orientations.png",
-                        "type": "inline-animation",
-                        "inlineFeaturesData": [
-                            {
-                                "id": 1,
-                                "title": "Static",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/diamond/Static.png"
-                            },
-                            {
-                                "id": 2,
-                                "title": "Slim",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/diamond/Slim.png"
-                            },
-                            {
-                                "id": 3,
-                                "title": "Horizontal",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/diamond/Horizontal.png"
-                            },
-                            {
-                                "id": 4,
-                                "title": "Drawer",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/diamond/Drawer.png"
-                            },
-                            {
-                                "id": 5,
-                                "title": "Overlay",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/diamond/Overlay.png"
-                            },
-                            {
-                                "id": 6,
-                                "title": "Compact",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/diamond/Compact.png"
-                            },
-                            {
-                                "id": 7,
-                                "title": "Reveal",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/diamond/Reveal.png"
-                            }
-                        ]
-                    },
-                    {
-                        "id": 4,
-                        "title": "Menu Themes",
-                        "description": "Stunning theming options for the main menu in light color scheme.",
-                        "src": "https://primefaces.org/cdn/primerereact/images/templates/diamond/features-animation-orientations.png"
-                    }
-                ],
-                "license": {
-                    "documentLink": "https://diamond.primereact.org/documentation/",
-                    "description": "The download package is a NextJS-based project containing all application source codes deployed at the live demo. The project code is written in TypeScript.",
-                    "licenseDetails": [
-                        {
-                            "title": "Basic License",
-                            "price": "$59",
-                            "included": [
-                                "Non Commercial Usage",
-                                "Single End Product, No Multi-Use",
-                                "Lifetime Support",
-                                "Unlimited Updates"
-                            ]
-                        },
-                        {
-                            "title": "Extended License",
-                            "price": "$590",
-                            "included": [
-                                "Commercial Usage",
-                                "Multiple End Products",
-                                "Lifetime Support",
-                                "Unlimited Updates"
-                            ]
-                        }
-                    ]
-                },
-                "templateHeroData": {
-                    "logo": "<DiamondLogo />",
-                    "pattern": "https://primefaces.org/cdn/primeng/images/templates/diamond/diamond-hero-pattern.png",
-                    "dashboard1": "https://primefaces.org/cdn/primeng/images/templates/diamond/diamond-hero-dashboard1.png",
-                    "dashboard2": "https://primefaces.org/cdn/primeng/images/templates/diamond/diamond-hero-dashboard2.png",
-                    "description": "A spectacular application template with light&dark modes, beautiful main menu with themes and layouts, premium PrimeNG component themes, reusable css widgets, utilities, modern icons and professional template pages.",
-                    "liveHref": "https://diamond.primereact.org",
-                    "docHref": "https://diamond.primereact.org/documentation"
-                },
-                "youtubeImgSrc": "https://primefaces.org/cdn/primeng/images/templates/diamond/diamond-youtube-screen.png",
-                "templateConfigurationData": {
-                    "title": "Angular with CLI",
-                    "description": "Diamond is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-                }
-            }
-        },
-        {
-            "name": "freya",
-            "data": {
-                "features2Data": [
-                    {
-                        "title": "Fully Responsive",
-                        "description": "Freya is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/freya/freya-features2-responsive.png"
-                    },
-                    {
-                        "title": "Cross Browser Compatible",
-                        "description": "First class support for Firefox, Safari, Chrome and Edge.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible-dark.png"
-                    },
-                    {
-                        "title": "Lifetime Support",
-                        "description": "Freya has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-lifetime.png"
-                    },
-                    {
-                        "title": "Customizable Design",
-                        "description": "Fully customizable with a mixture of Sass and CSS variables.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png"
-                    },
-                    {
-                        "title": "Ready to Use Pages",
-                        "description": "Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/freya/freya-features2-ready.png"
-                    },
-                    {
-                        "title": "Mobile Experience",
-                        "description": "Touch optimized enhanced mobile experience with responsive design.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/freya/freya-features2-mobile.png"
-                    }
-                ],
-                "relatedData": [
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/diamond-ng.jpg",
-                        "href": "/templates/diamond"
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/babylon-ng.jpg",
-                        "href": "/templates/babylon"
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/ultima-ng.jpg",
-                        "href": "/templates/ultima"
-                    }
-                ],
-                "animationFeaturesData1": [
-                    {
-                        "id": 1,
-                        "title": "PrimeFlex CSS Utilities",
-                        "description": "PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-utilities.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "PrimeBlocks",
-                        "description": "Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-blocks.png"
-                    },
-                    {
-                        "id": 3,
-                        "title": "PrimeIcons",
-                        "description": "Freya ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-icons.png"
-                    },
-                    {
-                        "id": 4,
-                        "title": "Figma File",
-                        "description": "Freya uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeReact UI components are excluded from the Freya Figma file as they are available in PrimeOne for Figma only.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/freya/features-animation-figma.png"
-                    }
-                ],
-                "animationFeaturesData2": [
-                    {
-                        "id": 1,
-                        "title": "Light and Dark Modes",
-                        "description": "Impress your users with the Light and Dark modes.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/freya/features-animation-darkmode.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "Component Themes",
-                        "description": "Freya offers 16 built-in component themes with dark and light options. Also if you wanna create your own theme you can do it by just defining couple SASS variables.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/freya/features-animation-component-themes.png"
-                    },
-                    {
-                        "id": 3,
-                        "title": "7 Menu Orientations",
-                        "description": "Static, Overlay, Slim, Slim+, Reveal, Drawer and Horizontal are the available menu layouts depending on your preference.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/freya/features-animation-orientations.png",
-                        "type": "inline-animation",
-                        "inlineFeaturesData": [
-                            {
-                                "id": 1,
-                                "title": "Static",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/freya/Static.png"
-                            },
-                            {
-                                "id": 2,
-                                "title": "Slim",
-                                "src": "https://primefaces.org                    .cdn/primeng/images/templates/freya/Slim.png"
-                            },
-                            {
-                                "id": 3,
-                                "title": "Reveal",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/freya/Reveal.png"
-                            },
-                            {
-                                "id": 4,
-                                "title": "Horizontal",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/freya/Horizontal.png"
-                            },
-                            {
-                                "id": 5,
-                                "title": "Overlay",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/freya/Overlay.png"
-                            },
-                            {
-                                "id": 6,
-                                "title": "Slim+",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/freya/Slim+.png"
-                            },
-                            {
-                                "id": 7,
-                                "title": "Drawer",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/freya/Drawer.png"
-                            }
-                        ]
-                    }
-                ],
-                "license": {
-                    "documentLink": "https://freya.primereact.org/documentation",
-                    "description": "The download package is a NextJS-based project containing all application source codes deployed at the live demo. The project code is written in TypeScript.",
-                    "licenseDetails": [
-                        {
-                            "title": "Basic License",
-                            "price": "$59",
-                            "included": [
-                                "Non Commercial Usage",
-                                "Single End Product, No Multi-Use",
-                                "Lifetime Support",
-                                "Unlimited Updates"
-                            ]
-                        },
-                        {
-                            "title": "Extended License",
-                            "price": "$590",
-                            "included": [
-                                "Commercial Usage",
-                                "Multiple End Products",
-                                "Lifetime Support",
-                                "Unlimited Updates"
-                            ]
-                        }
-                    ]
-                },
-                "templateHeroData": {
-                    "pattern": "https://primefaces.org/cdn/primeng/images/templates/freya/freya-hero-pattern.png",
-                    "logo": "<FreyaLogo />",
-                    "dashboard1": "https://primefaces.org/cdn/primeng/images/templates/freya/freya-hero-dashboard1.png",
-                    "dashboard2": "https://primefaces.org/cdn/primeng/images/templates/freya/freya-hero-dashboard2.png",
-                    "description": "Freya is a modern and clean application template for PrimeNG featuring a dark mode, attractive themes, customizable menu orientations, CSS widgets and template pages.",
-                    "liveHref": "https://www.primefaces.org/freya-react/",
-                    "docHref": "https://freya.primereact.org/documentation"
-                },
-                "youtubeImgSrc": "https://primefaces.org/cdn/primeng/images/templates/freya/freya-youtube-screen.png",
-                "templateConfigurationData": {
-                    "title": "Angular with CLI",
-                    "description": "Freya is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-                }
-            }
-        },
-        {
-            "name": "sakai",
-            "data": {
-                "features2Data": [
-                    {
-                        "title": "Fully Responsive",
-                        "description": "Atlantis is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/sakai/sakai-features2-responsive.png"
-                    },
-                    {
-                        "title": "Cross Browser Compatible",
-                        "description": "First class support for Firefox, Safari, Chrome and Edge.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible-dark.png"
-                    },
-                    {
-                        "title": "Full SaSS Support",
-                        "description": "Sass is utilized for both the application and components to provide simplicity and flexibility.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png"
-                    },
-                    {
-                        "title": "Mobile Experience",
-                        "description": "Touch optimized enhanced mobile experience with responsive design.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/sakai/sakai-features2-mobile.png"
-                    }
-                ],
-                "animationFeaturesData1": [
-                    {
-                        "id": 1,
-                        "title": "PrimeFlex CSS Utilities",
-                        "description": "PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/babylon/features-animation-utilities.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "PrimeBlocks",
-                        "description": "Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/babylon/features-animation-blocks.png"
-                    },
-                    {
-                        "id": 3,
-                        "title": "PrimeIcons",
-                        "description": "Atlantis ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/babylon/features-animation-icons.png"
-                    }
-                ],
-                "animationFeaturesData2": [
-                    {
-                        "id": 1,
-                        "title": "Various Free Themes",
-                        "description": "Sakai has various free themes to choose from; PrimeOne Design, Bootstrap, Material Design with light and dark options.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/sakai/features-animation-darkmode.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "2 Menu Orientations",
-                        "description": "Sakai has 2 menu modes; Static and Overlay",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/atlantis/features-animation-orientations.png",
-                        "type": "inline-animation",
-                        "inlineFeaturesData": [
-                            {
-                                "id": 1,
-                                "title": "Static",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/sakai/Static.png"
-                            },
-                            {
-                                "id": 2,
-                                "title": "Overlay",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/sakai/Overlay.png"
-                            }
-                        ]
-                    }
-                ],
-                "features1Data": [
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/sakai/sakai-github.png",
-                        "title": "Open Source and Free to Use",
-                        "description": "Explore Sakai, our versatile, open-source React application template. It's free for your every innovation."
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/sakai/sakai-ready.png",
-                        "title": "Ready to Use Pages",
-                        "description": "Landing, login and error pages are provided as template pages to get started with building your app in no time."
-                    }
-                ],
-                "templateHeroData": {
-                    "logo": "<SakaiLogo />",
-                    "pattern": "https://primefaces.org/cdn/primeng/images/templates/sakai/sakai-hero-pattern.png",
-                    "dashboard1": "https://primefaces.org/cdn/primeng/images/templates/sakai/sakai-hero-dashboard1.png",
-                    "dashboard2": "https://primefaces.org/cdn/primeng/images/templates/sakai/sakai-hero-dashboard2.png",
-                    "description": "Sakai is an application template for Angular and is distributed as a CLI project.",
-                    "liveHref": "https://sakai.primereact.org/",
-                    "docHref": "https://sakai.primereact.org/documentation",
-                    "free": true,
-                    "storeHref": "https://github.com/primefaces/sakai-react",
-                    "supportHref": "https://github.com/primefaces/sakai-react/issues"
-                },
-                "templateConfigurationData": {
-                    "title": "Angular with CLI",
-                    "description": "Sakai is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-                }
-            }
-        },
-        {
-            "name": "ultima",
-            "data": {
-                "templateHeroData": {
-                    "pattern": "https://primefaces.org/cdn/primeng/images/templates/ultima/ultima-hero-pattern.png",
-                    "logo": "<UltimaLogo />",
-                    "description": "A highly customizable premium application template featuring 4 menu modes, 13 themes, light and dark modes based on material design language, it is fully responsive, touch optimized, built with SASS, CSS3 and HTML5.",
-                    "dashboard1": "https://primefaces.org/cdn/primeng/images/templates/ultima/ultima-hero-dashboard1.png",
-                    "dashboard2": "https://primefaces.org/cdn/primeng/images/templates/ultima/ultima-hero-dashboard2.png",
-                    "liveHref": "https://ultima.primereact.org",
-                    "docHref": "https://ultima.primereact.org/documentation"
-                },
-                "features2Data": [
-                    {
-                        "title": "Fully Responsive",
-                        "description": "Ultima is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/ultima/ultima-features2-responsive.png"
-                    },
-                    {
-                        "title": "Cross Browser Compatible",
-                        "description": "First class support for Firefox, Safari, Chrome and Edge.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible-dark.png"
-                    },
-                    {
-                        "title": "Lifetime Support",
-                        "description": "Ultima has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-lifetime.png"
-                    },
-                    {
-                        "title": "Customizable Design",
-                        "description": "Fully customizable with a mixture of Sass and CSS variables.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png"
-                    },
-                    {
-                        "title": "Ready to Use Pages",
-                        "description": "Everything is ready for you to start and build your app in no time. Landing, login, invoice, help, and error pages are provided as template pages.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/ultima/ultima-features2-ready.png"
-                    },
-                    {
-                        "title": "Mobile Experience",
-                        "description": "Touch optimized enhanced mobile experience with responsive design.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/ultima/ultima-features2-mobile.png"
-                    }
-                ],
-                "relatedData": [
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/diamond-ng.jpg",
-                        "href": "/templates/diamond"
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/apollo-ng.jpg",
-                        "href": "/templates/apollo"
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/babylon-ng.jpg",
-                        "href": "/templates/babylon"
-                    }
-                ],
-                "animationFeaturesData1": [
-                    {
-                        "id": 1,
-                        "title": "PrimeFlex CSS Utilities",
-                        "description": "PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-utilities.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "PrimeBlocks",
-                        "description": "Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-blocks.png"
-                    },
-                    {
-                        "id": 3,
-                        "title": "PrimeIcons",
-                        "description": "Ultima ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-icons.png"
-                    },
-                    {
-                        "id": 4,
-                        "title": "Figma File",
-                        "description": "Ultima uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeReact UI components are excluded from the Ultima Figma file as they are available in PrimeOne for Figma only.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/ultima/features-animation-figma.png"
-                    }
-                ],
-                "animationFeaturesData2": [
-                    {
-                        "id": 1,
-                        "title": "Light and Dark Modes",
-                        "description": "Ultima offers you 2 uniquely designed layout modes to choose from; Light and Dark.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/ultima/features-animation-darkmode.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "Component Themes",
-                        "description": "Ultima offers 17 built-in component themes with dark and light options. Also if you wanna create your own theme you can do it by just defining couple SASS variables.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/ultima/features-animation-component-themes.png"
-                    },
-                    {
-                        "id": 3,
-                        "title": "7 Menu Orientations",
-                        "description": "Static, Overlay, Slim, Slim+, Reveal, Drawer and Horizontal are the available menu layouts depending on your preference.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/atlantis/features-animation-orientations.png",
-                        "type": "inline-animation",
-                        "inlineFeaturesData": [
-                            {
-                                "id": 1,
-                                "title": "Static",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/ultima/Static.png"
-                            },
-                            {
-                                "id": 2,
-                                "title": "Slim",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/ultima/Slim.png"
-                            },
-                            {
-                                "id": 3,
-                                "title": "Reveal",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/ultima/Reveal.png"
-                            },
-                            {
-                                "id": 4,
-                                "title": "Horizontal",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/ultima/Horizontal.png"
-                            },
-                            {
-                                "id": 5,
-                                "title": "Overlay",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/ultima/Overlay.png"
-                            },
-                            {
-                                "id": 6,
-                                "title": "Slim+",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/ultima/Slim+.png"
-                            },
-                            {
-                                "id": 7,
-                                "title": "Drawer",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/ultima/Drawer.png"
-                            }
-                        ]
-                    },
-                    {
-                        "id": 4,
-                        "title": "Menu Themes",
-                        "description": "Stunning theming for the main menu with 3 alternatives; Color Scheme, Primary Color and Transparent.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/ultima/features-animation-menu-themes.png"
-                    }
-                ],
-                "license": {
-                    "documentLink": "https://ultima.primereact.org/documentation/",
-                    "description": "The download package is a NextJS-based project containing all application source codes deployed at the live demo. The project code is written in TypeScript.",
-                    "licenseDetails": [
-                        {
-                            "title": "Basic License",
-                            "price": "$59",
-                            "included": [
-                                "Non Commercial Usage",
-                                "Single End Product, No Multi-Use",
-                                "Lifetime Support",
-                                "Unlimited Updates"
-                            ]
-                        },
-                        {
-                            "title": "Extended License",
-                            "price": "$590",
-                            "included": [
-                                "Commercial Usage",
-                                "Multiple End Products",
-                                "Lifetime Support",
-                                "Unlimited Updates"
-                            ]
-                        }
-                    ]
-                },
-                "youtubeImgSrc": "https://primefaces.org/cdn/primeng/images/templates/ultima/ultima-youtube-screen.png",
-                "templateConfigurationData": {
-                    "title": "Angular with CLI",
-                    "description": "Ultima is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-                }
-            }
-        },
-        {
-            "name": "verona",
-            "data": {
-                "templateHeroData": {
-                    "pattern": "https://primefaces.org/cdn/primeng/images/templates/verona/verona-hero-pattern.png",
-                    "description": "Prepare to be amazed by the remastered Verona for PrimeNG featuring a new gorgeous dark mode for the entire layout, 2 menu modes, reusable css widgets, utilities, modern icons and many more.",
-                    "logo": "<VeronaLogo />",
-                    "dashboard1": "https://primefaces.org/cdn/primeng/images/templates/verona/verona-hero-dashboard1.png",
-                    "dashboard2": "https://primefaces.org/cdn/primeng/images/templates/verona/verona-hero-dashboard2.png",
-                    "liveHref": "https://verona.primereact.org/",
-                    "docHref": "https://verona.primereact.org/documentation"
-                },
-                "relatedData": [
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/freya-ng.jpg",
-                        "href": "/templates/freya"
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/apollo-ng.jpg",
-                        "href": "/templates/apollo"
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/atlantis-ng.jpg",
-                        "href": "/templates/atlantis"
-                    }
-                ],
-                "features2Data": [
-                    {
-                        "title": "Fully Responsive",
-                        "description": "Verona is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/verona/verona-features2-responsive.png"
-                    },
-                    {
-                        "title": "Cross Browser Compatible",
-                        "description": "First class support for Firefox, Safari, Chrome and Edge.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible-dark.png"
-                    },
-                    {
-                        "title": "Lifetime Support",
-                        "description": "Verona has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-lifetime.png"
-                    },
-                    {
-                        "title": "Customizable Design",
-                        "description": "Fully customizable with a mixture of Sass and CSS variables.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png"
-                    },
-                    {
-                        "title": "Ready to Use Pages",
-                        "description": "Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/verona/verona-features2-ready.png"
-                    },
-                    {
-                        "title": "Mobile Experience",
-                        "description": "Touch optimized enhanced mobile experience with responsive design.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/verona/verona-features2-mobile.png"
-                    }
-                ],
-                "animationFeaturesData1": [
-                    {
-                        "id": 1,
-                        "title": "PrimeFlex CSS Utilities",
-                        "description": "PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-utilities.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "PrimeBlocks",
-                        "description": "Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-blocks.png"
-                    },
-                    {
-                        "id": 3,
-                        "title": "PrimeIcons",
-                        "description": "Verona ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-icons.png"
-                    },
-                    {
-                        "id": 4,
-                        "title": "Figma File",
-                        "description": "Verona uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeReact UI components are excluded from the Verona Figma file as they are available in PrimeOne for Figma only.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/verona/features-animation-figma.png"
-                    }
-                ],
-                "animationFeaturesData2": [
-                    {
-                        "id": 1,
-                        "title": "Light and Dark Modes",
-                        "description": "The stunning dark and light modes will impress your users.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/verona/features-animation-darkmode.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "Component Themes",
-                        "description": "Verona offers 10 built-in component themes with dark and light options. You are also free to create you own theme by defining couple SASS variables.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/verona/features-animation-component-themes.png"
-                    },
-                    {
-                        "id": 3,
-                        "title": "4 Menu Orientations",
-                        "description": "Choose from Static, Overlay, Slim and Slim+ menu orientations.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/verona/features-animation-orientations.png",
-                        "type": "inline-animation",
-                        "inlineFeaturesData": [
-                            {
-                                "id": 1,
-                                "title": "Static",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/verona/Static.png"
-                            },
-                            {
-                                "id": 2,
-                                "title": "Slim",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/verona/Slim.png"
-                            },
-                            {
-                                "id": 3,
-                                "title": "Slim+",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/verona/Slim+.png"
-                            },
-                            {
-                                "id": 4,
-                                "title": "Overlay",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/verona/Overlay.png"
-                            }
-                        ]
-                    },
-                    {
-                        "id": 4,
-                        "title": "Menu Themes",
-                        "description": "Verona offers 10 special layout themes featuring gorgeous gradients.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/verona/features-animation-orientations.png"
-                    }
-                ],
-                "license": {
-                    "documentLink": "https://verona.primereact.org/documentation",
-                    "description": "The download package is a NextJS-based project containing all application source codes deployed at the live demo. The project code is written in TypeScript.",
-                    "licenseDetails": [
-                        {
-                            "title": "Basic License",
-                            "price": "$49",
-                            "included": [
-                                "Non Commercial Usage",
-                                "Single End Product, No Multi-Use",
-                                "Lifetime Support",
-                                "Unlimited Updates"
-                            ]
-                        },
-                        {
-                            "title": "Extended License",
-                            "price": "$490",
-                            "included": [
-                                "Commercial Usage",
-                                "Multiple End Products",
-                                "Lifetime Support",
-                                "Unlimited Updates"
-                            ]
-                        }
-                    ]
-                },
-                "youtubeImgSrc": "https://primefaces.org/cdn/primeng/images/templates/verona/verona-youtube-screen.png",
-                "templateConfigurationData": {
-                    "title": "Angular with CLI",
-                    "description": "Verona is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-                }
-            }
-        },
-        {
-            "name": "poseidon",
-            "data": {
-                "templateHeroData": {
-                    "pattern": "https://primefaces.org/cdn/primeng/images/templates/poseidon/poseidon-hero-pattern.png",
-                    "description": "A gorgeous application template with light, dark and dim modes. Beautiful main menu and layouts with the theme options that suit your taste. Premium PrimeNG component themes, reusable CSS widgets, utilities, modern icons professional template pages and more.",
-                    "logo": "<PoseidonLogo />",
-                    "dashboard1": "https://primefaces.org/cdn/primeng/images/templates/poseidon/poseidon-hero-dashboard1.png",
-                    "dashboard2": "https://primefaces.org/cdn/primeng/images/templates/poseidon/poseidon-hero-dashboard2.png",
-                    "liveHref": "https://poseidon.primeng.org/",
-                    "docHref": "https://poseidon.primeng.org/documentation"
-                },
-                "relatedData": [
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/freya-ng.jpg",
-                        "href": "/templates/freya"
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/apollo-ng.jpg",
-                        "href": "/templates/apollo"
-                    },
-                    {
-                        "src": "https://primefaces.org/cdn/primeng/images/layouts/atlantis-ng.jpg",
-                        "href": "/templates/atlantis"
-                    }
-                ],
-                "features2Data": [
-                    {
-                        "title": "Fully Responsive",
-                        "description": "Poseidon is crafted to provide optimal viewing and interaction experience for a wide range of devices.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/poseidon/poseidon-features2-responsive.png"
-                    },
-                    {
-                        "title": "Cross Browser Compatible",
-                        "description": "First class support for Firefox, Safari, Chrome and Edge.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-compatible-dark.png"
-                    },
-                    {
-                        "title": "Lifetime Support",
-                        "description": "Poseidon has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-lifetime.png"
-                    },
-                    {
-                        "title": "Customizable Design",
-                        "description": "Fully customizable with a mixture of Sass and CSS variables.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png",
-                        "darkSrc": "https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png"
-                    },
-                    {
-                        "title": "Ready to Use Pages",
-                        "description": "Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/poseidon/poseidon-features2-ready.png"
-                    },
-                    {
-                        "title": "Mobile Experience",
-                        "description": "Touch optimized enhanced mobile experience with responsive design.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/poseidon/poseidon-features2-mobile.png"
-                    }
-                ],
-                "animationFeaturesData1": [
-                    {
-                        "id": 1,
-                        "title": "PrimeFlex CSS Utilities",
-                        "description": "PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-utilities.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "PrimeBlocks",
-                        "description": "Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-blocks.png"
-                    },
-                    {
-                        "id": 3,
-                        "title": "PrimeIcons",
-                        "description": "Verona ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-icons.png"
-                    },
-                    {
-                        "id": 4,
-                        "title": "Figma File",
-                        "description": "Verona uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeReact UI components are excluded from the Verona Figma file as they are available in PrimeOne for Figma only.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/poseidon/features-animation-figma.png"
-                    }
-                ],
-                "animationFeaturesData2": [
-                    {
-                        "id": 1,
-                        "title": "Light and Dark Modes",
-                        "description": "The stunning dark and light modes will impress your users.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/poseidon/features-animation-darkmode.png"
-                    },
-                    {
-                        "id": 2,
-                        "title": "Component Themes",
-                        "description": "Poseidon offers 10 built-in component themes with dark and light options. You are also free to create you own theme by defining couple SASS variables.",
-                        "src": "https://primefaces.org/cdn/primeeng/images/templates/poseidon/features-animation-component-themes.png"
-                    },
-                    {
-                        "id": 3,
-                        "title": "4 Menu Orientations",
-                        "description": "Choose from Static, Overlay, Slim and Slim+ menu orientations.",
-                        "src": "https://primefaces.org/cdn/primeeng/images/templates/poseidon/features-animation-orientations.png",
-                        "type": "inline-animation",
-                        "inlineFeaturesData": [
-                            {
-                                "id": 1,
-                                "title": "Static",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/poseidon/Static.png"
-                            },
-                            {
-                                "id": 2,
-                                "title": "Slim",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/poseidon/Slim.png"
-                            },
-                            {
-                                "id": 3,
-                                "title": "Slim+",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/poseidon/Slim+.png"
-                            },
-                            {
-                                "id": 4,
-                                "title": "Overlay",
-                                "src": "https://primefaces.org/cdn/primeng/images/templates/poseidon/Overlay.png"
-                            }
-                        ]
-                    },
-                    {
-                        "id": 4,
-                        "title": "Menu Themes",
-                        "description": "Poseidon offers 10 special layout themes featuring gorgeous gradients.",
-                        "src": "https://primefaces.org/cdn/primeng/images/templates/poseidon/features-animation-orientations.png"
-                    }
-                ],
-                "license": {
-                    "documentLink": "https://poseidon.primeng.org/documentation",
-                    "description": "The download package is a NextJS-based project containing all application source codes deployed at the live demo. The project code is written in TypeScript.",
-                    "licenseDetails": [
-                        {
-                            "title": "Basic License",
-                            "price": "$49",
-                            "included": [
-                                "Non Commercial Usage",
-                                "Single End Product, No Multi-Use",
-                                "Lifetime Support",
-                                "Unlimited Updates"
-                            ]
-                        },
-                        {
-                            "title": "Extended License",
-                            "price": "$490",
-                            "included": [
-                                "Commercial Usage",
-                                "Multiple End Products",
-                                "Lifetime Support",
-                                "Unlimited Updates"
-                            ]
-                        }
-                    ]
-                },
-                "youtubeImgSrc": "https://primefaces.org/cdn/primeng/images/templates/poseidon/poseidon-youtube-screen.png",
-                "templateConfigurationData": {
-                    "title": "Angular with CLI",
-                    "description": "Poseidon is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-                }
-            }
-        }
-    ]
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/templates/poseidon/poseidon.ts b/src/app/showcase/pages/templates/poseidon/poseidon.ts
deleted file mode 100644
index bbe5da0..0000000
--- a/src/app/showcase/pages/templates/poseidon/poseidon.ts
+++ /dev/null
@@ -1,188 +0,0 @@
-import { Component } from '@angular/core';
-import { TemplateConfigurationModule } from 'src/app/showcase/layout/templates/templateconfiguration';
-import { TemplateFeaturesModule } from 'src/app/showcase/layout/templates/templatefeatures';
-import { TemplateFeaturesAnimationModule } from 'src/app/showcase/layout/templates/templatefeaturesanimation/templatefeaturesanimation';
-import { TemplateHeroModule } from 'src/app/showcase/layout/templates/templatehero/templatehero';
-import { TemplateLicenseModule } from 'src/app/showcase/layout/templates/templatelicense';
-import { TemplateRelatedModule } from 'src/app/showcase/layout/templates/templaterelated';
-import { TemplateSeparatorModule } from 'src/app/showcase/layout/templates/templateseparator';
-import { TemplateYoutubeModule } from 'src/app/showcase/layout/templates/templateyoutube';
-import { PoseidonLogo } from './poseidonlogo';
-import { PoseidonSeparator } from './poseidonseparator';
-
-@Component({
-    standalone: true,
-    selector: 'poseidon-page',
-    imports: [
-        TemplateHeroModule,
-        TemplateSeparatorModule,
-        TemplateFeaturesAnimationModule,
-        TemplateFeaturesModule,
-        TemplateConfigurationModule,
-        TemplateFeaturesAnimationModule,
-        TemplateRelatedModule,
-        TemplateYoutubeModule,
-        TemplateLicenseModule,
-        PoseidonSeparator
-    ],
-    template: `<div class="apollo template">
-        <template-hero [templateHeroData]="templateHeroData" [templateLogo]="poseidonLogo"></template-hero>
-        <poseidon-separator></poseidon-separator>
-        <div [style.display]="'none'">
-            <template-youtube imgSrc="https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-youtube-screen.png"></template-youtube>
-            <poseidon-separator></poseidon-separator>
-        </div>
-        <template-license [license]="license"></template-license>
-        <poseidon-separator></poseidon-separator>
-        <template-features-animation [featuresData]="animationFeaturesData2" title="Features"></template-features-animation>
-        <poseidon-separator></poseidon-separator>
-        <template-configuration
-            title="Angular with CLI"
-            description="Poseidon is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-        ></template-configuration>
-        <poseidon-separator></poseidon-separator>
-        <template-features-animation [featuresData]="animationFeaturesData1"></template-features-animation>
-        <poseidon-separator></poseidon-separator>
-        <template-features [featuresData]="features2Data" displayType="vertical"></template-features>
-    </div>`
-})
-export class PoseidonPage {
-    poseidonLogo = PoseidonLogo;
-    templateHeroData = {
-        pattern: 'https://primefaces.org/cdn/primeng/images/templates/poseidon/hero-background.png',
-        dashboard1: 'https://primefaces.org/cdn/primeng/images/templates/poseidon/poseidon-hero-dashboard1.png',
-        dashboard2: 'https://primefaces.org/cdn/primeng/images/templates/poseidon/poseidon-hero-dashboard2.png',
-        description: 'A modern and easy to use premium application template with various color schemes.Based on flat design language, it is fully responsive, touch optimized, built with SASS, CSS3 and HTML5.',
-        liveHref: 'https://poseidon.primeng.org',
-        docHref: 'https://poseidon.primeng.org/documentation'
-    };
-
-    relatedData = [
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/diamond-ng.jpg',
-            href: '/templates/diamond'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/babylon-ng.jpg',
-            href: '/templates/babylon'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/ultima-ng.jpg',
-            href: '/templates/ultima'
-        }
-    ];
-
-    features2Data = [
-        {
-            title: 'Fully Responsive',
-            description: 'Apollo is crafted to provide optimal viewing and interaction experience for a wide range of devices.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/poseidon/poseidon-features2-responsive.png'
-        },
-        {
-            title: 'Support',
-            description: `PrimeTek offers assistance with account management and licensing issues, with the expectation that users have the necessary technical knowledge to use our products, as we do not offer technical support or consulting. Users
-                            can seek assistance in our community via our public Discord and Forum.`,
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-lifetime.png'
-        },
-        {
-            title: 'Top Notch Quality',
-            description: 'Superior standards with 100% compatibility for strict mode and linting tools.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-quality.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-quality-dark.png'
-        },
-        {
-            title: 'Cross Browser Compatible',
-            description: 'First class support for Firefox, Safari, Chrome and Edge.',
-            src: 'https://primefaces.org/cdn/primeng/images/compatible-ng.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/compatible-ng-dark.png'
-        },
-        {
-            title: 'Customizable Design',
-            description: 'Fully customizable with a mixture of Sass and CSS variables.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png'
-        },
-        {
-            title: 'Mobile Experience',
-            description: 'Touch optimized enhanced mobile experience with responsive design.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-mobile.png'
-        }
-    ];
-
-    animationFeaturesData1 = [
-        {
-            id: 1,
-            title: 'PrimeFlex CSS Utilities',
-            description: 'PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/poseidon/features-animation-utilities.png'
-        },
-        {
-            id: 2,
-            title: 'PrimeBlocks',
-            description: 'Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/poseidon/features-animation-blocks.png'
-        },
-        {
-            id: 3,
-            title: 'PrimeIcons',
-            description: 'Poseidon ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/poseidon/features-animation-icons.png'
-        }
-    ];
-
-    animationFeaturesData2 = [
-        {
-            id: 1,
-            title: 'Light / Dark / Dim Modes',
-            description: 'Poseidon offers you 3 uniquely designed layout modes to choose from; Light, Dim, and Dark.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/poseidon/features-animation-darkmode.png'
-        },
-        {
-            id: 2,
-            title: 'Component Themes',
-            description: 'Poseidon offers 12 built-in component themes with dark, light and dim options. Also if you wanna create your own theme you can do it by just defining couple SASS variables.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/poseidon/features-component-themes.png'
-        },
-        {
-            id: 3,
-            title: '3 Menu Orientations',
-            description: 'Poseidon has 3 menu layouts to choose from; Static, Overlay and Horizontal.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/poseidon/features-animation-orientations.png',
-            type: 'inline-animation',
-            inlineFeaturesData: [
-                {
-                    id: 1,
-                    title: 'Static',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/poseidon/static.png'
-                },
-                {
-                    id: 2,
-                    title: 'Overlay',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/poseidon/overlay.png'
-                },
-                {
-                    id: 3,
-                    title: 'Horizontal',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/poseidon/horizontal.png'
-                }
-            ]
-        }
-    ];
-
-    license = {
-        documentLink: 'https://poseidon.primeng.org/documentation/',
-        description: 'The download package is an Angular CLI-based project containing all source code of the application deployed at the live demo. The project code is written in TypeScript.',
-        licenseDetails: [
-            {
-                title: 'Basic License',
-                price: '$59',
-                included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates']
-            },
-            {
-                title: 'Extended License',
-                price: '$590',
-                included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates']
-            }
-        ]
-    };
-}
diff --git a/src/app/showcase/pages/templates/poseidon/poseidonlogo.ts b/src/app/showcase/pages/templates/poseidon/poseidonlogo.ts
deleted file mode 100644
index 3d429a5..0000000
--- a/src/app/showcase/pages/templates/poseidon/poseidonlogo.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'poseidon-logo',
-    template: `
-        <svg width="168" height="40" viewBox="0 0 168 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <g clip-path="url(#clip0_2005_187770)">
-                <path
-                    d="M52.5781 32.5V24.4873H54.8047C57.5098 24.4873 59.5947 23.8916 61.0596 22.7002C62.5244 21.5088 63.2568 19.7949 63.2568 17.5586C63.2568 15.4297 62.5903 13.8184 61.2573 12.7246C59.9243 11.6309 57.9199 11.084 55.2441 11.084H49.0771V32.5H52.5781ZM54.4385 21.543H52.5781V14.0137H55.0098C56.6016 14.0137 57.7734 14.3164 58.5254 14.9219C59.2773 15.5273 59.6533 16.4453 59.6533 17.6758C59.6533 19.0039 59.2334 19.9805 58.3936 20.6055C57.5537 21.2305 56.2354 21.543 54.4385 21.543ZM72.458 32.793C74.8799 32.793 76.7695 32.0508 78.127 30.5664C79.4844 29.082 80.1631 27.0166 80.1631 24.3701C80.1631 21.8115 79.4795 19.7778 78.1123 18.269C76.7451 16.7603 74.8897 16.0059 72.5459 16.0059C70.0947 16.0059 68.1953 16.7432 66.8477 18.2178C65.5 19.6924 64.8262 21.7432 64.8262 24.3701C64.8262 26.0596 65.1387 27.5439 65.7637 28.8232C66.3887 30.1025 67.2822 31.084 68.4443 31.7676C69.6064 32.4512 70.9443 32.793 72.458 32.793ZM72.5166 29.9805C69.7529 29.9805 68.3711 28.1104 68.3711 24.3701C68.3711 22.583 68.6958 21.2109 69.3452 20.2539C69.9946 19.2969 71.042 18.8184 72.4873 18.8184C75.2412 18.8184 76.6182 20.6689 76.6182 24.3701C76.6182 28.1104 75.251 29.9805 72.5166 29.9805ZM86.9473 32.793C89.0957 32.793 90.7461 32.3706 91.8984 31.5259C93.0508 30.6812 93.627 29.4678 93.627 27.8857C93.627 27.1045 93.4805 26.4331 93.1875 25.8716C92.8945 25.3101 92.4453 24.8145 91.8398 24.3848C91.2344 23.9551 90.2627 23.4814 88.9248 22.9639C87.333 22.3486 86.3003 21.8652 85.8267 21.5137C85.353 21.1621 85.1162 20.7324 85.1162 20.2246C85.1162 19.1895 86.0244 18.6719 87.8408 18.6719C89.0322 18.6719 90.502 19.0332 92.25 19.7559L93.3633 17.1631C91.6641 16.3916 89.8623 16.0059 87.958 16.0059C86.0342 16.0059 84.5132 16.3892 83.395 17.1558C82.2769 17.9224 81.7178 18.999 81.7178 20.3857C81.7178 21.5381 82.0474 22.4756 82.7065 23.1982C83.3657 23.9209 84.6279 24.6436 86.4932 25.3662C87.4502 25.7373 88.1973 26.0693 88.7344 26.3623C89.2715 26.6553 89.6572 26.9385 89.8916 27.2119C90.126 27.4854 90.2432 27.8271 90.2432 28.2373C90.2432 29.5166 89.1836 30.1562 87.0645 30.1562C85.4238 30.1562 83.6514 29.7168 81.7471 28.8379V31.8115C83.0557 32.4658 84.7891 32.793 86.9473 32.793ZM103.048 32.793C104.151 32.793 105.133 32.71 105.992 32.5439C106.852 32.3779 107.701 32.0947 108.541 31.6943V28.8965C107.594 29.3164 106.708 29.6167 105.882 29.7974C105.057 29.978 104.166 30.0684 103.209 30.0684C101.754 30.0684 100.626 29.646 99.8252 28.8013C99.0244 27.9565 98.5996 26.748 98.5508 25.1758H109.347V23.3154C109.347 21.04 108.727 19.2529 107.486 17.9541C106.246 16.6553 104.557 16.0059 102.418 16.0059C100.113 16.0059 98.3018 16.7627 96.9834 18.2764C95.665 19.79 95.0059 21.8701 95.0059 24.5166C95.0059 27.0947 95.7163 29.1187 97.1372 30.5884C98.5581 32.0581 100.528 32.793 103.048 32.793ZM105.963 22.6855H98.6094C98.7363 21.3574 99.1294 20.3467 99.7886 19.6533C100.448 18.96 101.324 18.6133 102.418 18.6133C103.512 18.6133 104.371 18.9575 104.996 19.646C105.621 20.3345 105.943 21.3477 105.963 22.6855ZM113.626 13.8965C114.231 13.8965 114.703 13.728 115.04 13.3911C115.376 13.0542 115.545 12.5928 115.545 12.0068C115.545 11.3916 115.376 10.918 115.04 10.5859C114.703 10.2539 114.231 10.0879 113.626 10.0879C113.001 10.0879 112.52 10.2539 112.183 10.5859C111.846 10.918 111.678 11.3916 111.678 12.0068C111.678 12.5928 111.846 13.0542 112.183 13.3911C112.52 13.728 113.001 13.8965 113.626 13.8965ZM115.325 32.5V16.2988H111.883V32.5H115.325ZM124.336 32.793C126.465 32.793 128.081 31.9873 129.185 30.376H129.346L129.946 32.5H132.642V9.70703H129.185V15.6104C129.185 16.2842 129.268 17.2021 129.434 18.3643H129.258C128.145 16.792 126.523 16.0059 124.395 16.0059C122.363 16.0059 120.774 16.7456 119.626 18.2251C118.479 19.7046 117.905 21.7725 117.905 24.4287C117.905 27.0752 118.472 29.1309 119.604 30.5957C120.737 32.0605 122.314 32.793 124.336 32.793ZM125.259 30.0098C123.989 30.0098 123.037 29.5386 122.402 28.5962C121.768 27.6538 121.45 26.2842 121.45 24.4873C121.45 22.6709 121.777 21.272 122.432 20.2905C123.086 19.3091 124.019 18.8184 125.229 18.8184C126.646 18.8184 127.686 19.248 128.35 20.1074C129.014 20.9668 129.346 22.417 129.346 24.458V24.9414C129.326 26.7285 128.994 28.02 128.35 28.8159C127.705 29.6118 126.675 30.0098 125.259 30.0098ZM142.854 32.793C145.275 32.793 147.165 32.0508 148.522 30.5664C149.88 29.082 150.559 27.0166 150.559 24.3701C150.559 21.8115 149.875 19.7778 148.508 18.269C147.141 16.7603 145.285 16.0059 142.941 16.0059C140.49 16.0059 138.591 16.7432 137.243 18.2178C135.896 19.6924 135.222 21.7432 135.222 24.3701C135.222 26.0596 135.534 27.5439 136.159 28.8232C136.784 30.1025 137.678 31.084 138.84 31.7676C140.002 32.4512 141.34 32.793 142.854 32.793ZM142.912 29.9805C140.148 29.9805 138.767 28.1104 138.767 24.3701C138.767 22.583 139.091 21.2109 139.741 20.2539C140.39 19.2969 141.438 18.8184 142.883 18.8184C145.637 18.8184 147.014 20.6689 147.014 24.3701C147.014 28.1104 145.646 29.9805 142.912 29.9805ZM156.581 32.5V24.4287C156.581 22.4072 156.918 20.9668 157.592 20.1074C158.266 19.248 159.33 18.8184 160.785 18.8184C161.879 18.8184 162.677 19.126 163.18 19.7412C163.683 20.3564 163.935 21.2891 163.935 22.5391V32.5H167.392V21.9385C167.392 17.9834 165.448 16.0059 161.562 16.0059C160.468 16.0059 159.472 16.2158 158.573 16.6357C157.675 17.0557 156.981 17.6514 156.493 18.4229H156.317L155.834 16.2988H153.139V32.5H156.581Z"
-                    fill="white"
-                />
-                <path
-                    d="M52.5781 32.5V24.4873H54.8047C57.5098 24.4873 59.5947 23.8916 61.0596 22.7002C62.5244 21.5088 63.2568 19.7949 63.2568 17.5586C63.2568 15.4297 62.5903 13.8184 61.2573 12.7246C59.9243 11.6309 57.9199 11.084 55.2441 11.084H49.0771V32.5H52.5781ZM54.4385 21.543H52.5781V14.0137H55.0098C56.6016 14.0137 57.7734 14.3164 58.5254 14.9219C59.2773 15.5273 59.6533 16.4453 59.6533 17.6758C59.6533 19.0039 59.2334 19.9805 58.3936 20.6055C57.5537 21.2305 56.2354 21.543 54.4385 21.543ZM72.458 32.793C74.8799 32.793 76.7695 32.0508 78.127 30.5664C79.4844 29.082 80.1631 27.0166 80.1631 24.3701C80.1631 21.8115 79.4795 19.7778 78.1123 18.269C76.7451 16.7603 74.8897 16.0059 72.5459 16.0059C70.0947 16.0059 68.1953 16.7432 66.8477 18.2178C65.5 19.6924 64.8262 21.7432 64.8262 24.3701C64.8262 26.0596 65.1387 27.5439 65.7637 28.8232C66.3887 30.1025 67.2822 31.084 68.4443 31.7676C69.6064 32.4512 70.9443 32.793 72.458 32.793ZM72.5166 29.9805C69.7529 29.9805 68.3711 28.1104 68.3711 24.3701C68.3711 22.583 68.6958 21.2109 69.3452 20.2539C69.9946 19.2969 71.042 18.8184 72.4873 18.8184C75.2412 18.8184 76.6182 20.6689 76.6182 24.3701C76.6182 28.1104 75.251 29.9805 72.5166 29.9805ZM86.9473 32.793C89.0957 32.793 90.7461 32.3706 91.8984 31.5259C93.0508 30.6812 93.627 29.4678 93.627 27.8857C93.627 27.1045 93.4805 26.4331 93.1875 25.8716C92.8945 25.3101 92.4453 24.8145 91.8398 24.3848C91.2344 23.9551 90.2627 23.4814 88.9248 22.9639C87.333 22.3486 86.3003 21.8652 85.8267 21.5137C85.353 21.1621 85.1162 20.7324 85.1162 20.2246C85.1162 19.1895 86.0244 18.6719 87.8408 18.6719C89.0322 18.6719 90.502 19.0332 92.25 19.7559L93.3633 17.1631C91.6641 16.3916 89.8623 16.0059 87.958 16.0059C86.0342 16.0059 84.5132 16.3892 83.395 17.1558C82.2769 17.9224 81.7178 18.999 81.7178 20.3857C81.7178 21.5381 82.0474 22.4756 82.7065 23.1982C83.3657 23.9209 84.6279 24.6436 86.4932 25.3662C87.4502 25.7373 88.1973 26.0693 88.7344 26.3623C89.2715 26.6553 89.6572 26.9385 89.8916 27.2119C90.126 27.4854 90.2432 27.8271 90.2432 28.2373C90.2432 29.5166 89.1836 30.1562 87.0645 30.1562C85.4238 30.1562 83.6514 29.7168 81.7471 28.8379V31.8115C83.0557 32.4658 84.7891 32.793 86.9473 32.793ZM103.048 32.793C104.151 32.793 105.133 32.71 105.992 32.5439C106.852 32.3779 107.701 32.0947 108.541 31.6943V28.8965C107.594 29.3164 106.708 29.6167 105.882 29.7974C105.057 29.978 104.166 30.0684 103.209 30.0684C101.754 30.0684 100.626 29.646 99.8252 28.8013C99.0244 27.9565 98.5996 26.748 98.5508 25.1758H109.347V23.3154C109.347 21.04 108.727 19.2529 107.486 17.9541C106.246 16.6553 104.557 16.0059 102.418 16.0059C100.113 16.0059 98.3018 16.7627 96.9834 18.2764C95.665 19.79 95.0059 21.8701 95.0059 24.5166C95.0059 27.0947 95.7163 29.1187 97.1372 30.5884C98.5581 32.0581 100.528 32.793 103.048 32.793ZM105.963 22.6855H98.6094C98.7363 21.3574 99.1294 20.3467 99.7886 19.6533C100.448 18.96 101.324 18.6133 102.418 18.6133C103.512 18.6133 104.371 18.9575 104.996 19.646C105.621 20.3345 105.943 21.3477 105.963 22.6855ZM113.626 13.8965C114.231 13.8965 114.703 13.728 115.04 13.3911C115.376 13.0542 115.545 12.5928 115.545 12.0068C115.545 11.3916 115.376 10.918 115.04 10.5859C114.703 10.2539 114.231 10.0879 113.626 10.0879C113.001 10.0879 112.52 10.2539 112.183 10.5859C111.846 10.918 111.678 11.3916 111.678 12.0068C111.678 12.5928 111.846 13.0542 112.183 13.3911C112.52 13.728 113.001 13.8965 113.626 13.8965ZM115.325 32.5V16.2988H111.883V32.5H115.325ZM124.336 32.793C126.465 32.793 128.081 31.9873 129.185 30.376H129.346L129.946 32.5H132.642V9.70703H129.185V15.6104C129.185 16.2842 129.268 17.2021 129.434 18.3643H129.258C128.145 16.792 126.523 16.0059 124.395 16.0059C122.363 16.0059 120.774 16.7456 119.626 18.2251C118.479 19.7046 117.905 21.7725 117.905 24.4287C117.905 27.0752 118.472 29.1309 119.604 30.5957C120.737 32.0605 122.314 32.793 124.336 32.793ZM125.259 30.0098C123.989 30.0098 123.037 29.5386 122.402 28.5962C121.768 27.6538 121.45 26.2842 121.45 24.4873C121.45 22.6709 121.777 21.272 122.432 20.2905C123.086 19.3091 124.019 18.8184 125.229 18.8184C126.646 18.8184 127.686 19.248 128.35 20.1074C129.014 20.9668 129.346 22.417 129.346 24.458V24.9414C129.326 26.7285 128.994 28.02 128.35 28.8159C127.705 29.6118 126.675 30.0098 125.259 30.0098ZM142.854 32.793C145.275 32.793 147.165 32.0508 148.522 30.5664C149.88 29.082 150.559 27.0166 150.559 24.3701C150.559 21.8115 149.875 19.7778 148.508 18.269C147.141 16.7603 145.285 16.0059 142.941 16.0059C140.49 16.0059 138.591 16.7432 137.243 18.2178C135.896 19.6924 135.222 21.7432 135.222 24.3701C135.222 26.0596 135.534 27.5439 136.159 28.8232C136.784 30.1025 137.678 31.084 138.84 31.7676C140.002 32.4512 141.34 32.793 142.854 32.793ZM142.912 29.9805C140.148 29.9805 138.767 28.1104 138.767 24.3701C138.767 22.583 139.091 21.2109 139.741 20.2539C140.39 19.2969 141.438 18.8184 142.883 18.8184C145.637 18.8184 147.014 20.6689 147.014 24.3701C147.014 28.1104 145.646 29.9805 142.912 29.9805ZM156.581 32.5V24.4287C156.581 22.4072 156.918 20.9668 157.592 20.1074C158.266 19.248 159.33 18.8184 160.785 18.8184C161.879 18.8184 162.677 19.126 163.18 19.7412C163.683 20.3564 163.935 21.2891 163.935 22.5391V32.5H167.392V21.9385C167.392 17.9834 165.448 16.0059 161.562 16.0059C160.468 16.0059 159.472 16.2158 158.573 16.6357C157.675 17.0557 156.981 17.6514 156.493 18.4229H156.317L155.834 16.2988H153.139V32.5H156.581Z"
-                    fill="white"
-                />
-                <path
-                    d="M18.3921 0.104126L22.9311 3.51015L20.8308 6.30945L19.9247 5.63038L19.9209 21.9929L26.6807 24.4556L31.3069 2.27623L36.2254 7.16564L35 10L33.4157 9.30869L29.2817 29.1279L19.9209 25.7191L19.918 38.7797H16.8555L16.8584 25.7041L7.45798 29.1279L3.3342 9.30869L1.25001 10L0.524658 7.16564L5.44487 2.27465L10.0608 24.4556L16.8584 21.9779L16.8622 5.62538L15.9517 6.30945L13.8513 3.51015L18.3921 0.104126Z"
-                    fill="url(#paint0_linear_2005_187770)"
-                />
-            </g>
-            <defs>
-                <linearGradient id="paint0_linear_2005_187770" x1="1785.56" y1="0.104126" x2="1785.56" y2="3867.66" gradientUnits="userSpaceOnUse">
-                    <stop stop-color="white" />
-                    <stop offset="1" stop-color="white" stop-opacity="0" />
-                </linearGradient>
-                <clipPath id="clip0_2005_187770">
-                    <rect width="167.5" height="40" fill="white" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class PoseidonLogo {}
diff --git a/src/app/showcase/pages/templates/poseidon/poseidonseparator.ts b/src/app/showcase/pages/templates/poseidon/poseidonseparator.ts
deleted file mode 100644
index f8d507b..0000000
--- a/src/app/showcase/pages/templates/poseidon/poseidonseparator.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'poseidon-separator',
-    template: `
-        <div class="template-separator">
-            <span class="template-separator-icon">
-                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <rect x="0.5" y="0.5" width="47" height="47" rx="23.5" fill="white" />
-                    <rect x="0.5" y="0.5" width="47" height="47" rx="23.5" stroke="#DFE7EF" />
-                    <path
-                        d="M24.0876 12L26.9043 14.1136L25.6009 15.8507L25.0386 15.4293L25.0363 25.583L29.231 27.1112L32.1018 13.3479L35.1539 16.382L34.3935 18.1408L33.4104 17.7119L30.8451 30.0106L25.0363 27.8953L25.0345 36H23.134L23.1358 27.886L17.3024 30.0106L14.7434 17.7119L13.4501 18.1408L13 16.382L16.0532 13.3469L18.9176 27.1112L23.1358 25.5737L23.1382 15.4262L22.5732 15.8507L21.2698 14.1136L24.0876 12Z"
-                        fill="url(#paint0_linear_1894_9042)"
-                    />
-                    <defs>
-                        <linearGradient id="paint0_linear_1894_9042" x1="1120.7" y1="12" x2="1120.7" y2="2412" gradientUnits="userSpaceOnUse">
-                            <stop stop-color="#5CACF4" />
-                            <stop offset="1" stop-color="#1B74C5" />
-                        </linearGradient>
-                    </defs>
-                </svg>
-            </span>
-        </div>
-    `
-})
-export class PoseidonSeparator {}
diff --git a/src/app/showcase/pages/templates/sakai/sakai.ts b/src/app/showcase/pages/templates/sakai/sakai.ts
deleted file mode 100644
index 165234c..0000000
--- a/src/app/showcase/pages/templates/sakai/sakai.ts
+++ /dev/null
@@ -1,159 +0,0 @@
-import { Component } from '@angular/core';
-import { TemplateConfigurationModule } from 'src/app/showcase/layout/templates/templateconfiguration';
-import { TemplateFeaturesModule } from 'src/app/showcase/layout/templates/templatefeatures';
-import { TemplateFeaturesAnimationModule } from 'src/app/showcase/layout/templates/templatefeaturesanimation/templatefeaturesanimation';
-import { TemplateHeroModule } from 'src/app/showcase/layout/templates/templatehero/templatehero';
-import { TemplateLicenseModule } from 'src/app/showcase/layout/templates/templatelicense';
-import { TemplateRelatedModule } from 'src/app/showcase/layout/templates/templaterelated';
-import { TemplateSeparatorModule } from 'src/app/showcase/layout/templates/templateseparator';
-import { TemplateYoutubeModule } from 'src/app/showcase/layout/templates/templateyoutube';
-import { SakaiLogo } from './sakailogo';
-import { SakaiSeparator } from './sakaiseparator';
-@Component({
-    standalone: true,
-    selector: 'sakai-page',
-    imports: [
-        TemplateHeroModule,
-        TemplateSeparatorModule,
-        TemplateFeaturesAnimationModule,
-        TemplateFeaturesModule,
-        TemplateConfigurationModule,
-        TemplateFeaturesAnimationModule,
-        TemplateRelatedModule,
-        TemplateYoutubeModule,
-        TemplateLicenseModule,
-        SakaiSeparator
-    ],
-    template: `<div class="sakai template">
-        <template-hero [templateHeroData]="templateHeroData" [templateLogo]="sakaiLogo"></template-hero>
-        <sakai-separator></sakai-separator>
-        <template-features [featuresData]="features1Data" displayType="horizontal"></template-features>
-        <sakai-separator></sakai-separator>
-        <template-features-animation [featuresData]="animationFeaturesData2" title="Features"></template-features-animation>
-        <sakai-separator></sakai-separator>
-        <template-configuration
-            title="Angular with CLI"
-            description="Sakai is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-        ></template-configuration>
-        <sakai-separator></sakai-separator>
-        <template-features-animation [featuresData]="animationFeaturesData1"></template-features-animation>
-        <sakai-separator></sakai-separator>
-        <template-features [featuresData]="features2Data" displayType="vertical"></template-features>
-    </div>`
-})
-export class SakaiPage {
-    sakaiLogo = SakaiLogo;
-
-    templateHeroData = {
-        pattern: 'https://primefaces.org/cdn/primeng/images/templates/sakai/sakai-hero-pattern.png',
-        dashboard1: 'https://primefaces.org/cdn/primeng/images/templates/sakai/sakai-hero-dashboard1.png',
-        dashboard2: 'https://primefaces.org/cdn/primeng/images/templates/sakai/sakai-hero-dashboard2.png',
-        description: 'Sakai is an application template for Angular and is distributed as a CLI project.',
-        liveHref: 'https://sakai.primeng.org/',
-        docHref: 'https://sakai.primeng.org/documentation',
-        free: true,
-        storeHref: 'https://github.com/primefaces/sakai-ng',
-        supportHref: 'https://github.com/primefaces/sakai-ng/issues'
-    };
-
-    relatedData = [
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/diamond-ng.jpg',
-            href: '/templates/diamond'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/babylon-ng.jpg',
-            href: '/templates/babylon'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/ultima-ng.jpg',
-            href: '/templates/ultima'
-        }
-    ];
-
-    features1Data = [
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/templates/sakai/sakai-github.png',
-            title: 'Open Source and Free to Use',
-            description: "Explore Sakai, our versatile, open-source Angular application template. It's free for your every innovation."
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/templates/sakai/sakai-ready.png',
-            title: 'Ready to Use Pages',
-            description: 'Landing, login and error pages are provided as template pages to get started with building your app in no time.'
-        }
-    ];
-    features2Data = [
-        {
-            title: 'Fully Responsive',
-            description: 'Atlantis is crafted to provide optimal viewing and interaction experience for a wide range of devices.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/sakai/sakai-features2-responsive.png'
-        },
-        {
-            title: 'Cross Browser Compatible',
-            description: 'First class support for Firefox, Safari, Chrome and Edge.',
-            src: 'https://primefaces.org/cdn/primeng/images/compatible-ng.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/compatible-ng-dark.png'
-        },
-        {
-            title: 'Full SaSS Support',
-            description: 'Sass is utilized for both the application and components to provide simplicity and flexibility.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png'
-        },
-        {
-            title: 'Mobile Experience',
-            description: 'Touch optimized enhanced mobile experience with responsive design.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/sakai/sakai-features2-mobile.png'
-        }
-    ];
-
-    animationFeaturesData1 = [
-        {
-            id: 1,
-            title: 'PrimeFlex CSS Utilities',
-            description: 'PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/babylon/features-animation-utilities.png'
-        },
-        {
-            id: 2,
-            title: 'PrimeBlocks',
-            description: 'Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/babylon/features-animation-blocks.png'
-        },
-        {
-            id: 3,
-            title: 'PrimeIcons',
-            description: 'Atlantis ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/babylon/features-animation-icons.png'
-        }
-    ];
-
-    animationFeaturesData2 = [
-        {
-            id: 1,
-            title: 'Various Free Themes',
-            description: 'Sakai has various free themes to choose from; PrimeOne Design, Bootstrap, Material Design with light and dark options.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/sakai/features-animation-darkmode.png'
-        },
-        {
-            id: 2,
-            title: '2 Menu Orientations',
-            description: 'Sakai has 2 menu modes; Static and Overlay',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/features-animation-orientations.png',
-            type: 'inline-animation',
-            inlineFeaturesData: [
-                {
-                    id: 1,
-                    title: 'Static',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/sakai/Static.png'
-                },
-                {
-                    id: 2,
-                    title: 'Overlay',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/sakai/Overlay.png'
-                }
-            ]
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/templates/sakai/sakailogo.ts b/src/app/showcase/pages/templates/sakai/sakailogo.ts
deleted file mode 100644
index 72a99b6..0000000
--- a/src/app/showcase/pages/templates/sakai/sakailogo.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'sakai-logo',
-    template: `
-        <svg width="140" height="40" viewBox="0 0 140 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <g clipPath="url(#clip0_3182_1798)">
-                <g clipPath="url(#clip1_3182_1798)">
-                    <path
-                        fillRule="evenodd"
-                        clipRule="evenodd"
-                        d="M17.1637 19.2467C17.1566 19.4033 17.1529 19.561 17.1529 19.7194C17.1529 25.3503 21.7203 29.915 27.3546 29.915C32.9887 29.915 37.5561 25.3503 37.5561 19.7194C37.5561 19.5572 37.5524 19.3959 37.5449 19.2355C38.5617 19.0801 39.5759 18.9013 40.5867 18.6994L40.6926 18.6782C40.7191 19.0218 40.7326 19.369 40.7326 19.7194C40.7326 27.1036 34.743 33.0896 27.3546 33.0896C19.966 33.0896 13.9765 27.1036 13.9765 19.7194C13.9765 19.374 13.9896 19.0316 14.0154 18.6927L14.0486 18.6994C15.0837 18.9062 16.1223 19.0886 17.1637 19.2467ZM33.3284 11.4538C31.6493 10.2396 29.5855 9.52381 27.3546 9.52381C25.1195 9.52381 23.0524 10.2421 21.3717 11.4603C20.0078 11.3232 18.6475 11.1387 17.2933 10.907C19.7453 8.11308 23.3438 6.34921 27.3546 6.34921C31.36 6.34921 34.9543 8.10844 37.4061 10.896C36.0521 11.1292 34.692 11.3152 33.3284 11.4538ZM43.826 18.0518C43.881 18.6003 43.9091 19.1566 43.9091 19.7194C43.9091 28.8568 36.4973 36.2642 27.3546 36.2642C18.2117 36.2642 10.8 28.8568 10.8 19.7194C10.8 19.1615 10.8276 18.61 10.8816 18.0663L7.75383 17.4411C7.66775 18.1886 7.62354 18.9488 7.62354 19.7194C7.62354 30.6102 16.4574 39.4388 27.3546 39.4388C38.2517 39.4388 47.0855 30.6102 47.0855 19.7194C47.0855 18.9439 47.0407 18.1789 46.9536 17.4267L43.826 18.0518ZM44.2613 9.54743L40.9084 10.2176C37.9134 5.95821 32.9593 3.1746 27.3546 3.1746C21.7442 3.1746 16.7856 5.96385 13.7915 10.2305L10.4399 9.56057C13.892 3.83178 20.1756 0 27.3546 0C34.5281 0 40.8075 3.82591 44.2613 9.54743Z"
-                        fill="var(--surface-0)"
-                    />
-                    <path d="M27 18.3653C10.5114 19.1945 0 8.88896 0 8.88896C0 8.88896 16.5176 14.5866 27 14.5866C37.4824 14.5866 54 8.88896 54 8.88896C54 8.88896 43.4886 17.5361 27 18.3653Z" fill="var(--surface-0)" />
-                </g>
-                <path
-                    d="M79.0753 15.2344C78.9825 14.366 78.5914 13.6899 77.902 13.206C77.2192 12.7221 76.331 12.4801 75.2372 12.4801C74.4683 12.4801 73.8087 12.5961 73.2585 12.8281C72.7083 13.0601 72.2874 13.375 71.9957 13.7727C71.7041 14.1705 71.5549 14.6245 71.5483 15.1349C71.5483 15.5592 71.6444 15.9271 71.8366 16.2386C72.0355 16.5502 72.304 16.8153 72.642 17.0341C72.9801 17.2462 73.3546 17.4252 73.7656 17.571C74.1766 17.7169 74.5909 17.8395 75.0085 17.9389L76.9176 18.4162C77.6866 18.5952 78.4257 18.8371 79.1349 19.142C79.8509 19.447 80.4905 19.8314 81.054 20.2955C81.6241 20.7595 82.0748 21.3196 82.4062 21.9759C82.7377 22.6321 82.9034 23.401 82.9034 24.2827C82.9034 25.4759 82.5985 26.5265 81.9886 27.4347C81.3788 28.3362 80.4972 29.0421 79.3438 29.5526C78.197 30.0563 76.8082 30.3082 75.1776 30.3082C73.5933 30.3082 72.2178 30.063 71.0511 29.5724C69.8911 29.0819 68.983 28.366 68.3267 27.4247C67.6771 26.4834 67.3258 25.3366 67.2727 23.9844H70.902C70.955 24.6937 71.1738 25.2836 71.5582 25.7543C71.9427 26.2249 72.4432 26.5762 73.0597 26.8082C73.6828 27.0402 74.3788 27.1562 75.1477 27.1562C75.9498 27.1562 76.6525 27.0369 77.2557 26.7983C77.8655 26.553 78.3428 26.215 78.6875 25.7841C79.0322 25.3466 79.2079 24.8362 79.2145 24.2528C79.2079 23.7225 79.0521 23.285 78.7472 22.9403C78.4422 22.589 78.0147 22.2973 77.4645 22.0653C76.9209 21.8267 76.2846 21.6146 75.5554 21.429L73.2386 20.8324C71.5616 20.4015 70.2358 19.7486 69.2614 18.8736C68.2936 17.992 67.8097 16.822 67.8097 15.3636C67.8097 14.1638 68.1345 13.1132 68.7841 12.2116C69.4403 11.3101 70.3319 10.6108 71.4588 10.1136C72.5857 9.60985 73.8617 9.35795 75.2869 9.35795C76.732 9.35795 77.9981 9.60985 79.0852 10.1136C80.179 10.6108 81.0374 11.3035 81.6605 12.1918C82.2836 13.0734 82.6051 14.0876 82.625 15.2344H79.0753ZM90.4279 30.3082C89.4601 30.3082 88.5884 30.1359 87.8129 29.7912C87.0439 29.4399 86.4341 28.9228 85.9833 28.2401C85.5392 27.5573 85.3171 26.7154 85.3171 25.7145C85.3171 24.8527 85.4762 24.1402 85.7944 23.5767C86.1126 23.0133 86.5468 22.5625 87.0969 22.2244C87.6471 21.8864 88.2669 21.6312 88.9563 21.4588C89.6523 21.2798 90.3716 21.1506 91.114 21.071C92.0089 20.9782 92.7347 20.8954 93.2915 20.8224C93.8484 20.7429 94.2527 20.6236 94.5046 20.4645C94.7631 20.2988 94.8924 20.0436 94.8924 19.6989V19.6392C94.8924 18.8902 94.6703 18.3101 94.2262 17.8991C93.7821 17.4882 93.1424 17.2827 92.3072 17.2827C91.4255 17.2827 90.7262 17.4749 90.2092 17.8594C89.6987 18.2438 89.354 18.6979 89.1751 19.2216L85.8143 18.7443C86.0794 17.8163 86.5169 17.0407 87.1268 16.4176C87.7366 15.7879 88.4824 15.3172 89.364 15.0057C90.2456 14.6875 91.2201 14.5284 92.2873 14.5284C93.0231 14.5284 93.7556 14.6146 94.4847 14.7869C95.2139 14.9593 95.8801 15.2443 96.4833 15.642C97.0865 16.0331 97.5704 16.5668 97.935 17.2429C98.3062 17.919 98.4918 18.7642 98.4918 19.7784V30H95.0316V27.902H94.9123C94.6935 28.3262 94.3853 28.724 93.9876 29.0952C93.5965 29.4598 93.1026 29.7547 92.506 29.9801C91.9161 30.1989 91.2234 30.3082 90.4279 30.3082ZM91.3626 27.6634C92.0851 27.6634 92.7115 27.5208 93.2418 27.2358C93.7721 26.9441 94.1798 26.5597 94.4648 26.0824C94.7565 25.6051 94.9023 25.0848 94.9023 24.5213V22.7216C94.7897 22.8144 94.5974 22.9006 94.3256 22.9801C94.0605 23.0597 93.7622 23.1293 93.4308 23.1889C93.0993 23.2486 92.7712 23.3016 92.4464 23.348C92.1216 23.3944 91.8398 23.4342 91.6012 23.4673C91.0643 23.5402 90.5837 23.6596 90.1594 23.8253C89.7352 23.991 89.4005 24.223 89.1552 24.5213C88.9099 24.813 88.7873 25.1908 88.7873 25.6548C88.7873 26.3177 89.0292 26.8182 89.5131 27.1562C89.997 27.4943 90.6135 27.6634 91.3626 27.6634ZM105.392 25.2074L105.382 20.8622H105.959L111.448 14.7273H115.654L108.902 22.2443H108.157L105.392 25.2074ZM102.111 30V9.63636H105.711V30H102.111ZM111.696 30L106.725 23.0497L109.151 20.5142L116.002 30H111.696ZM122.447 30.3082C121.48 30.3082 120.608 30.1359 119.832 29.7912C119.063 29.4399 118.454 28.9228 118.003 28.2401C117.559 27.5573 117.337 26.7154 117.337 25.7145C117.337 24.8527 117.496 24.1402 117.814 23.5767C118.132 23.0133 118.566 22.5625 119.116 22.2244C119.667 21.8864 120.286 21.6312 120.976 21.4588C121.672 21.2798 122.391 21.1506 123.134 21.071C124.028 20.9782 124.754 20.8954 125.311 20.8224C125.868 20.7429 126.272 20.6236 126.524 20.4645C126.783 20.2988 126.912 20.0436 126.912 19.6989V19.6392C126.912 18.8902 126.69 18.3101 126.246 17.8991C125.802 17.4882 125.162 17.2827 124.327 17.2827C123.445 17.2827 122.746 17.4749 122.229 17.8594C121.718 18.2438 121.374 18.6979 121.195 19.2216L117.834 18.7443C118.099 17.8163 118.536 17.0407 119.146 16.4176C119.756 15.7879 120.502 15.3172 121.384 15.0057C122.265 14.6875 123.24 14.5284 124.307 14.5284C125.043 14.5284 125.775 14.6146 126.504 14.7869C127.233 14.9593 127.9 15.2443 128.503 15.642C129.106 16.0331 129.59 16.5668 129.955 17.2429C130.326 17.919 130.511 18.7642 130.511 19.7784V30H127.051V27.902H126.932C126.713 28.3262 126.405 28.724 126.007 29.0952C125.616 29.4598 125.122 29.7547 124.526 29.9801C123.936 30.1989 123.243 30.3082 122.447 30.3082ZM123.382 27.6634C124.105 27.6634 124.731 27.5208 125.261 27.2358C125.792 26.9441 126.199 26.5597 126.484 26.0824C126.776 25.6051 126.922 25.0848 126.922 24.5213V22.7216C126.809 22.8144 126.617 22.9006 126.345 22.9801C126.08 23.0597 125.782 23.1293 125.45 23.1889C125.119 23.2486 124.791 23.3016 124.466 23.348C124.141 23.3944 123.859 23.4342 123.621 23.4673C123.084 23.5402 122.603 23.6596 122.179 23.8253C121.755 23.991 121.42 24.223 121.175 24.5213C120.929 24.813 120.807 25.1908 120.807 25.6548C120.807 26.3177 121.049 26.8182 121.533 27.1562C122.017 27.4943 122.633 27.6634 123.382 27.6634ZM134.131 30V14.7273H137.73V30H134.131ZM135.94 12.5597C135.37 12.5597 134.88 12.3707 134.469 11.9929C134.058 11.6084 133.852 11.1477 133.852 10.6108C133.852 10.0672 134.058 9.60653 134.469 9.22869C134.88 8.84422 135.37 8.65199 135.94 8.65199C136.517 8.65199 137.008 8.84422 137.412 9.22869C137.823 9.60653 138.028 10.0672 138.028 10.6108C138.028 11.1477 137.823 11.6084 137.412 11.9929C137.008 12.3707 136.517 12.5597 135.94 12.5597Z"
-                    fill="var(--surface-0)"
-                />
-            </g>
-            <defs>
-                <clipPath id="clip0_3182_1798">
-                    <rect width="140" height="40" fill="var(--surface-0)" />
-                </clipPath>
-                <clipPath id="clip1_3182_1798">
-                    <rect width="54" height="40" fill="var(--surface-0)" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class SakaiLogo {}
diff --git a/src/app/showcase/pages/templates/sakai/sakaiseparator.ts b/src/app/showcase/pages/templates/sakai/sakaiseparator.ts
deleted file mode 100644
index d2f4f72..0000000
--- a/src/app/showcase/pages/templates/sakai/sakaiseparator.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'sakai-separator',
-    template: `
-        <div class="template-separator">
-            <span class="template-separator-icon">
-                <svg width="33" height="24" viewBox="0 0 33 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <g clipPath="url(#clip0_2130_100567)">
-                        <path
-                            fillRule="evenodd"
-                            clipRule="evenodd"
-                            d="M10.2923 11.548C10.288 11.642 10.2858 11.7366 10.2858 11.8317C10.2858 15.2102 13.0246 17.949 16.4032 17.949C19.7817 17.949 22.5205 15.2102 22.5205 11.8317C22.5205 11.7343 22.5183 11.6375 22.5138 11.5413C23.1235 11.448 23.7317 11.3408 24.3378 11.2196L24.4013 11.2069C24.4172 11.4131 24.4253 11.6214 24.4253 11.8317C24.4253 16.2621 20.8337 19.8538 16.4032 19.8538C11.9727 19.8538 8.38106 16.2621 8.38106 11.8317C8.38106 11.6244 8.3889 11.4189 8.40437 11.2156L8.42433 11.2196C9.04498 11.3437 9.6678 11.4532 10.2923 11.548ZM19.9854 6.87227C18.9785 6.14373 17.741 5.71429 16.4032 5.71429C15.063 5.71429 13.8234 6.14526 12.8156 6.87619C11.9977 6.7939 11.182 6.68324 10.37 6.54423C11.8403 4.86785 13.9982 3.80952 16.4032 3.80952C18.805 3.80952 20.9604 4.86507 22.4305 6.5376C21.6187 6.67752 20.8031 6.7891 19.9854 6.87227ZM26.2803 10.8311C26.3132 11.1602 26.33 11.4939 26.33 11.8317C26.33 17.3141 21.8856 21.7585 16.4032 21.7585C10.9207 21.7585 6.4763 17.3141 6.4763 11.8317C6.4763 11.4969 6.49287 11.166 6.52521 10.8398L4.64967 10.4646C4.59805 10.9132 4.57153 11.3693 4.57153 11.8317C4.57153 18.3661 9.86875 23.6633 16.4032 23.6633C22.9376 23.6633 28.2348 18.3661 28.2348 11.8317C28.2348 11.3663 28.208 10.9073 28.1557 10.456L26.2803 10.8311ZM26.5412 5.72846L24.5307 6.13055C22.7348 3.57493 19.764 1.90476 16.4032 1.90476C13.0389 1.90476 10.0656 3.57831 8.27016 6.13832L6.26033 5.73634C8.33039 2.29907 12.0983 0 16.4032 0C20.7048 0 24.4702 2.29555 26.5412 5.72846Z"
-                            fill="var(--surface-900)"
-                        />
-                        <path
-                            d="M16.1905 11.0192C6.30316 11.5167 0 5.33337 0 5.33337C0 5.33337 9.90476 8.75196 16.1905 8.75196C22.4762 8.75196 32.381 5.33337 32.381 5.33337C32.381 5.33337 26.0778 10.5217 16.1905 11.0192Z"
-                            fill="var(--surface-900)"
-                        />
-                    </g>
-                    <defs>
-                        <clipPath id="clip0_2130_100567">
-                            <rect width="32.381" height="24" fill="var(--surface-0)" />
-                        </clipPath>
-                    </defs>
-                </svg>
-            </span>
-        </div>
-    `
-})
-export class SakaiSeparator {}
diff --git a/src/app/showcase/pages/templates/templates-routing.module.ts b/src/app/showcase/pages/templates/templates-routing.module.ts
deleted file mode 100644
index 178d00b..0000000
--- a/src/app/showcase/pages/templates/templates-routing.module.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TemplatesComponent } from './templates.component';
-
-@NgModule({
-    imports: [
-        RouterModule.forChild([
-            { path: '', pathMatch: 'full', component: TemplatesComponent },
-            { path: 'apollo', loadComponent: () => import('./apollo/apollo').then((m) => m.ApolloPage) },
-            { path: 'atlantis', loadComponent: () => import('./atlantis/atlantis').then((m) => m.AtlantisPage) },
-            { path: 'avalon', loadComponent: () => import('./avalon/avalon').then((m) => m.AvalonPage) },
-            { path: 'diamond', loadComponent: () => import('./diamond/diamond').then((m) => m.DiamondPage) },
-            { path: 'freya', loadComponent: () => import('./freya/freya').then((m) => m.FreyaPage) },
-            { path: 'poseidon', loadComponent: () => import('./poseidon/poseidon').then((m) => m.PoseidonPage) },
-            { path: 'sakai', loadComponent: () => import('./sakai/sakai').then((m) => m.SakaiPage) },
-            { path: 'ultima', loadComponent: () => import('./ultima/ultima').then((m) => m.UltimaPage) },
-            { path: 'verona', loadComponent: () => import('./verona/verona').then((m) => m.VeronaPage) }
-        ])
-    ],
-    exports: [RouterModule]
-})
-export class TemplatesRoutingModule {}
diff --git a/src/app/showcase/pages/templates/templates.component.html b/src/app/showcase/pages/templates/templates.component.html
deleted file mode 100644
index 89b3144..0000000
--- a/src/app/showcase/pages/templates/templates.component.html
+++ /dev/null
@@ -1,144 +0,0 @@
-<div>
-    <div class="doc-intro">
-        <h1>Templates</h1>
-        <p>Highly customizable application templates to get started in no time with style. Designed and implemented by PrimeTek.</p>
-    </div>
-
-    <div class="grid">
-        <div class="col-12 lg:col-6 xl:col-4">
-            <div class="card mb-0">
-                <a href="https://apollo.primeng.org" rel="noopener noreferrer" target="_blank">
-                    <img alt="Apollo" src="https://primefaces.org/cdn/primeng/images/layouts/apollo-ng.jpg" class="w-full" />
-                </a>
-                <div class="flex gap-3 mt-3">
-                    <a href="https://apollo.primeng.org" class="flex-1 p-button p-component" rel="noopener noreferrer" target="_blank">
-                        <span class="p-button-label white-space-nowrap">Preview</span>
-                    </a>
-                    <a [routerLink]="'/templates/apollo'" class="flex-1 p-button p-component p-button-outlined" rel="noopener noreferrer">
-                        <span class="p-button-label white-space-nowrap">Learn More</span>
-                    </a>
-                </div>
-            </div>
-        </div>
-        <div class="col-12 lg:col-6 xl:col-4">
-            <div class="card mb-0">
-                <a href="https://sakai.primeng.org" rel="noopener noreferrer" target="_blank">
-                    <img alt="sakai" src="https://primefaces.org/cdn/primeng/images/layouts/sakai-ng.jpg" class="w-full" />
-                </a>
-                <div class="flex gap-3 mt-3">
-                    <a href="https://sakai.primeng.org" class="flex-1 p-button p-component" rel="noopener noreferrer" target="_blank">
-                        <span class="p-button-label white-space-nowrap">Preview</span>
-                    </a>
-                    <a [routerLink]="'/templates/sakai'" class="flex-1 p-button p-component p-button-outlined">
-                        <span class="p-button-label white-space-nowrap">Learn More</span>
-                    </a>
-                </div>
-            </div>
-        </div>
-        <div class="col-12 lg:col-6 xl:col-4">
-            <div class="card mb-0">
-                <a href="https://atlantis.primeng.org" rel="noopener noreferrer" target="_blank">
-                    <img alt="Atlantis" src="https://primefaces.org/cdn/primeng/images/layouts/atlantis-ng.jpg" class="w-full" />
-                </a>
-                <div class="flex gap-3 mt-3">
-                    <a href="https://atlantis.primeng.org" class="flex-1 p-button p-component" rel="noopener noreferrer" target="_blank">
-                        <span class="p-button-label white-space-nowrap">Preview</span>
-                    </a>
-                    <a [routerLink]="'/templates/atlantis'" class="flex-1 p-button p-component p-button-outlined">
-                        <span class="p-button-label white-space-nowrap">Learn More</span>
-                    </a>
-                </div>
-            </div>
-        </div>
-        <div class="col-12 lg:col-6 xl:col-4">
-            <div class="card mb-0">
-                <a href="https://ultima.primeng.org" rel="noopener noreferrer" target="_blank">
-                    <img alt="Ultima" src="https://primefaces.org/cdn/primeng/images/layouts/ultima-ng.jpg" class="w-full" />
-                </a>
-                <div class="flex gap-3 mt-3">
-                    <a href="https://ultima.primeng.org" class="flex-1 p-button p-component" rel="noopener noreferrer" target="_blank">
-                        <span class="p-button-label white-space-nowrap">Preview</span>
-                    </a>
-                    <a [routerLink]="'/templates/ultima'" class="flex-1 p-button p-component p-button-outlined">
-                        <span class="p-button-label white-space-nowrap">Learn More</span>
-                    </a>
-                </div>
-            </div>
-        </div>
-        <div class="col-12 lg:col-6 xl:col-4">
-            <div class="card mb-0">
-                <a href="https://freya.primeng.org" rel="noopener noreferrer" target="_blank">
-                    <img alt="Freya" src="https://primefaces.org/cdn/primeng/images/layouts/freya-ng.jpg" class="w-full" />
-                </a>
-                <div class="flex gap-3 mt-3">
-                    <a href="https://freya.primeng.org" class="flex-1 p-button p-component" rel="noopener noreferrer" target="_blank">
-                        <span class="p-button-label white-space-nowrap">Preview</span>
-                    </a>
-                    <a [routerLink]="'/templates/freya'" class="flex-1 p-button p-component p-button-outlined">
-                        <span class="p-button-label white-space-nowrap">Learn More</span>
-                    </a>
-                </div>
-            </div>
-        </div>
-        <div class="col-12 lg:col-6 xl:col-4">
-            <div class="card mb-0">
-                <a href="https://diamond.primeng.org" rel="noopener noreferrer" target="_blank">
-                    <img alt="Diamond" src="https://primefaces.org/cdn/primeng/images/layouts/diamond-ng.jpg" class="w-full" />
-                </a>
-                <div class="flex gap-3 mt-3">
-                    <a href="https://diamond.primeng.org" class="flex-1 p-button p-component" rel="noopener noreferrer" target="_blank">
-                        <span class="p-button-label white-space-nowrap">Preview</span>
-                    </a>
-                    <a [routerLink]="'/templates/diamond'" class="flex-1 p-button p-component p-button-outlined">
-                        <span class="p-button-label white-space-nowrap">Learn More</span>
-                    </a>
-                </div>
-            </div>
-        </div>
-        <div class="col-12 lg:col-6 xl:col-4">
-            <div class="card mb-0">
-                <a href="https://verona.primeng.org" rel="noopener noreferrer" target="_blank">
-                    <img alt="Verona" src="https://primefaces.org/cdn/primeng/images/layouts/verona-ng.jpg" class="w-full" />
-                </a>
-                <div class="flex gap-3 mt-3">
-                    <a href="https://verona.primeng.org" class="flex-1 p-button p-component" rel="noopener noreferrer" target="_blank">
-                        <span class="p-button-label white-space-nowrap">Preview</span>
-                    </a>
-                    <a [routerLink]="'/templates/verona'" class="flex-1 p-button p-component p-button-outlined">
-                        <span class="p-button-label white-space-nowrap">Learn More</span>
-                    </a>
-                </div>
-            </div>
-        </div>
-        <div class="col-12 lg:col-6 xl:col-4">
-            <div class="card mb-0">
-                <a href="https://poseidon.primeng.org" rel="noopener noreferrer" target="_blank">
-                    <img alt="Poseidon" src="https://primefaces.org/cdn/primeng/images/layouts/poseidon-ng.jpg" class="w-full" />
-                </a>
-                <div class="flex gap-3 mt-3">
-                    <a href="https://poseidon.primeng.org" class="flex-1 p-button p-component" rel="noopener noreferrer" target="_blank">
-                        <span class="p-button-label white-space-nowrap">Preview</span>
-                    </a>
-                    <a [routerLink]="'/templates/poseidon'" class="flex-1 p-button p-component p-button-outlined">
-                        <span class="p-button-label white-space-nowrap">Learn More</span>
-                    </a>
-                </div>
-            </div>
-        </div>
-        <div class="col-12 lg:col-6 xl:col-4">
-            <div class="card mb-0">
-                <a href="https://avalon.primeng.org" rel="noopener noreferrer" target="_blank">
-                    <img alt="Avalon" src="https://primefaces.org/cdn/primeng/images/layouts/avalon-ng.jpg" class="w-full" />
-                </a>
-                <div class="flex gap-3 mt-3">
-                    <a href="https://avalon.primeng.org" class="flex-1 p-button p-component" rel="noopener noreferrer" target="_blank">
-                        <span class="p-button-label white-space-nowrap">Preview</span>
-                    </a>
-                    <a [routerLink]="'/templates/avalon'" class="flex-1 p-button p-component p-button-outlined">
-                        <span class="p-button-label white-space-nowrap">Learn More</span>
-                    </a>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/src/app/showcase/pages/templates/templates.component.ts b/src/app/showcase/pages/templates/templates.component.ts
deleted file mode 100644
index 4b7d698..0000000
--- a/src/app/showcase/pages/templates/templates.component.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Component } from '@angular/core';
-import { Meta, Title } from '@angular/platform-browser';
-
-@Component({
-    selector: 'templates',
-    templateUrl: './templates.component.html'
-})
-export class TemplatesComponent {
-    constructor(
-        private titleService: Title,
-        private metaService: Meta
-    ) {
-        this.titleService.setTitle('Angular Application Templates - PrimeNG');
-        this.metaService.updateTag({ name: 'description', content: 'PrimeNG Angular application templates.' });
-    }
-}
diff --git a/src/app/showcase/pages/templates/templates.module.ts b/src/app/showcase/pages/templates/templates.module.ts
deleted file mode 100644
index 57f0e41..0000000
--- a/src/app/showcase/pages/templates/templates.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { TemplatesRoutingModule } from './templates-routing.module';
-import { TemplatesComponent } from './templates.component';
-
-@NgModule({
-    declarations: [TemplatesComponent],
-    imports: [CommonModule, TemplatesRoutingModule]
-})
-export class TemplatesModule {}
diff --git a/src/app/showcase/pages/templates/ultima/ultima.ts b/src/app/showcase/pages/templates/ultima/ultima.ts
deleted file mode 100644
index 924a223..0000000
--- a/src/app/showcase/pages/templates/ultima/ultima.ts
+++ /dev/null
@@ -1,233 +0,0 @@
-import { Component } from '@angular/core';
-import { TemplateConfigurationModule } from 'src/app/showcase/layout/templates/templateconfiguration';
-import { TemplateFeaturesModule } from 'src/app/showcase/layout/templates/templatefeatures';
-import { TemplateFeaturesAnimationModule } from 'src/app/showcase/layout/templates/templatefeaturesanimation/templatefeaturesanimation';
-import { TemplateHeroModule } from 'src/app/showcase/layout/templates/templatehero/templatehero';
-import { TemplateLicenseModule } from 'src/app/showcase/layout/templates/templatelicense';
-import { TemplateRelatedModule } from 'src/app/showcase/layout/templates/templaterelated';
-import { TemplateSeparatorModule } from 'src/app/showcase/layout/templates/templateseparator';
-import { TemplateYoutubeModule } from 'src/app/showcase/layout/templates/templateyoutube';
-import { UltimaLogo } from './ultimalogo';
-import { UltimaSeparator } from './ultimaseparator';
-
-@Component({
-    standalone: true,
-    selector: 'ultima-page',
-    imports: [
-        TemplateHeroModule,
-        TemplateSeparatorModule,
-        TemplateFeaturesAnimationModule,
-        TemplateFeaturesModule,
-        TemplateConfigurationModule,
-        TemplateFeaturesAnimationModule,
-        TemplateRelatedModule,
-        TemplateYoutubeModule,
-        TemplateLicenseModule,
-        UltimaSeparator
-    ],
-    template: `<div class="ultima template">
-        <template-hero [templateHeroData]="templateHeroData" [templateLogo]="ultimaLogo"></template-hero>
-        <ultima-separator></ultima-separator>
-        <template-license [license]="license"></template-license>
-        <ultima-separator></ultima-separator>
-        <div [style.display]="'none'">
-            <ultima-separator></ultima-separator>
-            <template-youtube imgSrc="https://primefaces.org/cdn/primeng/images/templates/ultima/ultima-youtube-screen.png"></template-youtube>
-        </div>
-        <template-features-animation [featuresData]="animationFeaturesData2" title="Features"></template-features-animation>
-        <ultima-separator></ultima-separator>
-        <template-configuration
-            title="Angular with CLI"
-            description="Ultima is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-        ></template-configuration>
-        <ultima-separator></ultima-separator>
-        <template-features-animation [featuresData]="animationFeaturesData1"></template-features-animation>
-        <ultima-separator></ultima-separator>
-        <template-features [featuresData]="features2Data" displayType="vertical"></template-features>
-    </div>`
-})
-export class UltimaPage {
-    ultimaLogo = UltimaLogo;
-
-    templateHeroData = {
-        pattern: 'https://primefaces.org/cdn/primeng/images/templates/ultima/ultima-hero-pattern.png',
-        description: 'A highly customizable premium application template featuring 4 menu modes, 13 themes, light and dark modes based on material design language, it is fully responsive, touch optimized, built with SASS, CSS3 and HTML5.',
-        dashboard1: 'https://primefaces.org/cdn/primeng/images/templates/ultima/ultima-hero-dashboard1.png',
-        dashboard2: 'https://primefaces.org/cdn/primeng/images/templates/ultima/ultima-hero-dashboard2.png',
-        liveHref: 'https://ultima.primeng.org',
-        docHref: 'https://ultima.primeng.org/documentation'
-    };
-
-    relatedData = [
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/diamond-ng.jpg',
-            href: '/templates/diamond'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/apollo-ng.jpg',
-            href: '/templates/apollo'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/avalon-ng.jpg',
-            href: '/templates/avalon'
-        }
-    ];
-
-    features1Data = [
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature1.png',
-            title: 'Ready to Use Applications',
-            description: 'Mail, File System, Tasks, Calendar, Blog and Chat are the sample applications to get started with ease.'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature2.png',
-            title: 'E-Commerce Pages',
-            description: 'Avalon offers E-commerce pages to kickstart your e-commerce project powered by PrimeBlocks.'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature3.png',
-            title: 'Ready to Use Pages',
-            description: 'Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app.'
-        }
-    ];
-
-    features2Data = [
-        {
-            title: 'Fully Responsive',
-            description: 'Freya is crafted to provide optimal viewing and interaction experience for a wide range of devices.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/freya/freya-features2-responsive.png'
-        },
-        {
-            title: 'Cross Browser Compatible',
-            description: 'First class support for Firefox, Safari, Chrome and Edge.',
-            src: 'https://primefaces.org/cdn/primeng/images/compatible-ng.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/compatible-ng-dark.png'
-        },
-        {
-            title: 'Support',
-            description: `PrimeTek offers assistance with account management and licensing issues, with the expectation that users have the necessary technical knowledge to use our products, as we do not offer technical support or consulting. Users
-                            can seek assistance in our community via our public Discord and Forum.`,
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-lifetime.png'
-        },
-        {
-            title: 'Customizable Design',
-            description: 'Fully customizable with a mixture of Sass and CSS variables.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png'
-        },
-        {
-            title: 'Ready to Use Pages',
-            description: 'Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/freya/freya-features2-ready.png'
-        },
-        {
-            title: 'Mobile Experience',
-            description: 'Touch optimized enhanced mobile experience with responsive design.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/freya/freya-features2-mobile.png'
-        }
-    ];
-
-    animationFeaturesData1 = [
-        {
-            id: 1,
-            title: 'PrimeFlex CSS Utilities',
-            description: 'PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-utilities.png'
-        },
-        {
-            id: 2,
-            title: 'PrimeBlocks',
-            description: 'Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-blocks.png'
-        },
-        {
-            id: 3,
-            title: 'PrimeIcons',
-            description: 'Ultima ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-icons.png'
-        },
-        {
-            id: 4,
-            title: 'Figma File',
-            description:
-                'Ultima uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeNG UI components are excluded from the Ultima Figma file as they are available in PrimeOne for Figma only.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/ultima/features-animation-figma.png'
-        }
-    ];
-
-    animationFeaturesData2 = [
-        {
-            id: 1,
-            title: 'Light and Dark Modes',
-            description: 'Ultima offers you 2 uniquely designed layout modes to choose from; Light and Dark.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/ultima/features-animation-darkmode.png'
-        },
-        {
-            id: 2,
-            title: 'Component Themes',
-            description: 'Ultima offers 17 built-in component themes with dark and light options. Also if you wanna create your own theme you can do it by just defining couple SASS variables.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/ultima/features-animation-component-themes.png'
-        },
-        {
-            id: 3,
-            title: '7 Menu Orientations',
-            description: 'Static, Overlay, Slim, Slim+, Reveal, Drawer and Horizontal are the available menu layouts depending on your preference.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/atlantis/features-animation-orientations.png',
-            type: 'inline-animation',
-            inlineFeaturesData: [
-                {
-                    id: 1,
-                    title: 'Static',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/ultima/Static.png'
-                },
-                {
-                    id: 2,
-                    title: 'Slim',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/ultima/Slim.png'
-                },
-                {
-                    id: 3,
-                    title: 'Reveal',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/ultima/Reveal.png'
-                },
-                {
-                    id: 4,
-                    title: 'Horizontal',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/ultima/Horizontal.png'
-                },
-                {
-                    id: 5,
-                    title: 'Overlay',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/ultima/Overlay.png'
-                },
-                {
-                    id: 6,
-                    title: 'Slim+',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/ultima/Slim+.png'
-                },
-                {
-                    id: 7,
-                    title: 'Drawer',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/ultima/Drawer.png'
-                }
-            ]
-        }
-    ];
-
-    license = {
-        documentLink: 'https://ultima.primeng.org/documentation/',
-        description: 'The download package is an Angular CLI-based project containing all source code of the application deployed at the live demo. The project code is written in TypeScript.',
-        licenseDetails: [
-            {
-                title: 'Basic License',
-                price: '$59',
-                included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates']
-            },
-            {
-                title: 'Extended License',
-                price: '$590',
-                included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates']
-            }
-        ]
-    };
-}
diff --git a/src/app/showcase/pages/templates/ultima/ultimalogo.ts b/src/app/showcase/pages/templates/ultima/ultimalogo.ts
deleted file mode 100644
index 2ce4713..0000000
--- a/src/app/showcase/pages/templates/ultima/ultimalogo.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'ultima-logo',
-    template: `
-        <svg width="209" height="40" viewBox="0 0 209 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <g clipPath="url(#clip0_957_53077)">
-                <path
-                    d="M95.6837 6.5625V25.9765C95.6707 27.8906 95.2474 29.5573 94.4141 30.9765C93.5808 32.3959 92.4024 33.4896 90.8789 34.2578C89.3686 35.013 87.6303 35.3906 85.6641 35.3906C82.6693 35.3906 80.2669 34.5769 78.4571 32.9492C76.6602 31.3086 75.7292 29.043 75.6641 26.1524V6.5625H78.0469V25.8008C78.0469 28.1966 78.7306 30.0586 80.0977 31.3867C81.4649 32.7019 83.3203 33.3594 85.6641 33.3594C88.0078 33.3594 89.8568 32.6952 91.2111 31.3672C92.5782 30.039 93.2618 28.1901 93.2618 25.8203V6.5625H95.6837Z"
-                    fill="var(--surface-0)"
-                />
-                <path d="M104.805 32.9688H118.848V35H102.383V6.5625H104.805V32.9688Z" fill="var(--surface-0)" />
-                <path d="M137.383 8.61328H127.636V35H125.235V8.61328H115.508V6.5625H137.383V8.61328Z" fill="var(--surface-0)" />
-                <path d="M144.923 35H142.52V6.5625H144.923V35Z" fill="var(--surface-0)" />
-                <path d="M155.84 6.5625L166.327 31.6601L176.855 6.5625H180.059V35H177.656V22.6172L177.851 9.92188L167.265 35H165.41L154.864 10.0195L155.059 22.539V35H152.656V6.5625H155.84Z" fill="var(--surface-0)" />
-                <path d="M202.969 27.0312H190.059L187.129 35H184.61L195.371 6.5625H197.656L208.418 35H205.918L202.969 27.0312ZM190.801 24.9805H202.208L196.504 9.49219L190.801 24.9805Z" fill="var(--surface-0)" />
-                <path
-                    fillRule="evenodd"
-                    clipRule="evenodd"
-                    d="M49.9636 10.7127C49.889 10.5341 49.7146 10.4185 49.5213 10.4185H46.8866L48.3213 8.68796C48.44 8.54566 48.4639 8.34796 48.3854 8.18083C48.3069 8.01369 48.1382 7.90671 47.9525 7.90671H19.0408L10.842 0.131475C10.683 -0.0184707 10.4417 -0.0433026 10.2578 0.0732162L5.65804 2.95276L5.6542 2.95657L5.64941 2.95849L0.216438 6.52472C0.20303 6.53333 0.196326 6.54669 0.183876 6.5572C0.157061 6.57821 0.134076 6.60114 0.113007 6.62692C0.0938536 6.64984 0.0785306 6.67276 0.0641652 6.69855C0.0488423 6.72625 0.0383076 6.75395 0.0287308 6.78355C0.0191537 6.81411 0.0134076 6.84468 0.0095769 6.87715C0.00861921 6.89339 0 6.90675 0 6.92395C0 6.93922 0.00670382 6.95069 0.00861921 6.96598C0.0114923 6.99749 0.0181961 7.0271 0.027773 7.05861C0.0373499 7.09013 0.0478845 7.11974 0.0641652 7.14935C0.070869 7.16176 0.0718267 7.17514 0.0794882 7.18755C0.0861921 7.19805 0.0986421 7.20187 0.106304 7.21142C0.139822 7.2544 0.179088 7.28974 0.225058 7.31839C0.242295 7.3289 0.255704 7.34228 0.272941 7.35086C0.336149 7.38142 0.405102 7.40149 0.479802 7.40149H7.02179L8.49854 11.0757L8.50045 11.0785V11.0814L18.108 34.0365L12.4366 39.1691C12.29 39.3019 12.2402 39.51 12.3121 39.6944C12.3829 39.8788 12.5611 40 12.7584 40H20.9236C20.9869 40 21.0491 39.9866 21.1075 39.9627C21.1659 39.9389 21.2186 39.9035 21.2626 39.8596L25.555 35.5627C25.5608 35.5694 25.5626 35.578 25.5694 35.5848L29.6338 39.851C29.7248 39.9475 29.8445 39.9743 29.9834 40C37.3624 39.9589 48.5578 39.9216 49.0845 39.9761C49.1343 39.9924 49.185 40 49.2357 40C49.3996 40 49.5595 39.9169 49.6486 39.7728C49.9254 39.3237 49.9234 39.319 35.7831 25.3254L49.8593 11.2361C49.9971 11.0967 50.0374 10.8913 49.9636 10.7127ZM46.9354 8.86084L45.6454 10.4185H21.6898L20.0474 8.86084H46.9354ZM10.4522 1.07795L20.3011 10.4185H9.26661L6.50559 3.54872L10.4522 1.07795ZM2.07722 6.44545L5.6858 4.07687L6.63775 6.44545H2.07722ZM26.2628 34.9258C26.2502 34.9124 26.233 34.9066 26.2196 34.8961L29.6501 31.4626V38.4805L26.2628 34.9258ZM48.1306 39.0163C46.3225 38.9895 41.83 38.9781 30.6077 39.0401V30.8141C30.6077 30.7262 30.5771 30.6479 30.536 30.5763L35.108 25.9996C39.6167 30.4626 45.9998 36.8149 48.1306 39.0163ZM21.0903 38.6781L9.66117 11.3736H45.7508C45.7853 11.3813 45.8197 11.3918 45.8542 11.3918C45.882 11.3918 45.9079 11.3784 45.9356 11.3736H48.3681L21.0903 38.6781Z"
-                    fill="var(--surface-0)"
-                />
-            </g>
-            <defs>
-                <clipPath id="clip0_957_53077">
-                    <rect width="208.75" height="40" fill="var(--surface-0)" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class UltimaLogo {}
diff --git a/src/app/showcase/pages/templates/ultima/ultimaseparator.ts b/src/app/showcase/pages/templates/ultima/ultimaseparator.ts
deleted file mode 100644
index ff1df6e..0000000
--- a/src/app/showcase/pages/templates/ultima/ultimaseparator.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'ultima-separator',
-    template: `
-        <div class="template-separator">
-            <span class="template-separator-icon">
-                <svg xmlns="http://www.w3.org/2000/svg" width="48" height="49" viewBox="0 0 48 49" fill="none">
-                    <path
-                        fillRule="evenodd"
-                        clipRule="evenodd"
-                        d="M36.9818 19.6064C36.9445 19.5171 36.8573 19.4593 36.7606 19.4593H35.4433L36.1606 18.594C36.22 18.5228 36.2319 18.424 36.1927 18.3404C36.1534 18.2568 36.0691 18.2034 35.9762 18.2034H21.5204L17.421 14.3157C17.3415 14.2408 17.2208 14.2283 17.1289 14.2866L14.829 15.7264L14.8271 15.7283L14.8247 15.7292L12.1082 17.5124C12.1015 17.5167 12.0982 17.5233 12.0919 17.5286C12.0785 17.5391 12.067 17.5506 12.0565 17.5635C12.0469 17.5749 12.0393 17.5864 12.0321 17.5993C12.0244 17.6131 12.0192 17.627 12.0144 17.6418C12.0096 17.6571 12.0067 17.6723 12.0048 17.6886C12.0043 17.6967 12 17.7034 12 17.712C12 17.7196 12.0034 17.7253 12.0043 17.733C12.0057 17.7487 12.0091 17.7636 12.0139 17.7793C12.0187 17.7951 12.0239 17.8099 12.0321 17.8247C12.0354 17.8309 12.0359 17.8376 12.0397 17.8438C12.0431 17.849 12.0493 17.8509 12.0532 17.8557C12.0699 17.8772 12.0895 17.8949 12.1125 17.9092C12.1211 17.9144 12.1279 17.9211 12.1365 17.9254C12.1681 17.9407 12.2026 17.9507 12.2399 17.9507H15.5109L16.2493 19.7878L16.2502 19.7893V19.7907L21.054 31.2682L18.2183 33.8346C18.145 33.9009 18.1201 34.005 18.156 34.0972C18.1915 34.1894 18.2806 34.25 18.3792 34.25H22.4618C22.4934 34.25 22.5246 34.2433 22.5538 34.2314C22.5829 34.2194 22.6093 34.2017 22.6313 34.1798L24.7775 32.0314C24.7804 32.0347 24.7813 32.039 24.7847 32.0424L26.8169 34.1755C26.8624 34.2238 26.9223 34.2371 26.9917 34.25C30.6812 34.2294 36.2789 34.2108 36.5423 34.2381C36.5671 34.2462 36.5925 34.25 36.6179 34.25C36.6998 34.25 36.7797 34.2084 36.8243 34.1364C36.9627 33.9119 36.9617 33.9095 29.8916 26.9127L36.9296 19.8681C36.9986 19.7983 37.0187 19.6957 36.9818 19.6064ZM35.4677 18.6804L34.8227 19.4593H22.8449L22.0237 18.6804H35.4677ZM17.2261 14.789L22.1506 19.4593H16.6333L15.2528 16.0244L17.2261 14.789ZM13.0386 17.4727L14.8429 16.2884L15.3189 17.4727H13.0386ZM25.1314 31.7129C25.1251 31.7062 25.1165 31.7033 25.1098 31.6981L26.8251 29.9813V33.4903L25.1314 31.7129ZM36.0653 33.7581C35.1613 33.7448 32.915 33.7391 27.3039 33.7701V29.6571C27.3039 29.6131 27.2886 29.5739 27.268 29.5381L29.554 27.2498C31.8084 29.4813 34.9999 32.6574 36.0653 33.7581ZM22.5451 33.5891L16.8306 19.9368H34.8754C34.8926 19.9406 34.9099 19.9459 34.9271 19.9459C34.941 19.9459 34.9539 19.9392 34.9678 19.9368H36.1841L22.5451 33.5891Z"
-                        fill="var(--surface-900)"
-                    />
-                </svg>
-            </span>
-        </div>
-    `
-})
-export class UltimaSeparator {}
diff --git a/src/app/showcase/pages/templates/verona/verona.ts b/src/app/showcase/pages/templates/verona/verona.ts
deleted file mode 100644
index e098645..0000000
--- a/src/app/showcase/pages/templates/verona/verona.ts
+++ /dev/null
@@ -1,223 +0,0 @@
-import { Component } from '@angular/core';
-import { TemplateConfigurationModule } from 'src/app/showcase/layout/templates/templateconfiguration';
-import { TemplateFeaturesModule } from 'src/app/showcase/layout/templates/templatefeatures';
-import { TemplateFeaturesAnimationModule } from 'src/app/showcase/layout/templates/templatefeaturesanimation/templatefeaturesanimation';
-import { TemplateHeroModule } from 'src/app/showcase/layout/templates/templatehero/templatehero';
-import { TemplateLicenseModule } from 'src/app/showcase/layout/templates/templatelicense';
-import { TemplateRelatedModule } from 'src/app/showcase/layout/templates/templaterelated';
-import { TemplateSeparatorModule } from 'src/app/showcase/layout/templates/templateseparator';
-import { TemplateYoutubeModule } from 'src/app/showcase/layout/templates/templateyoutube';
-import { VeronaLogo } from './veronalogo';
-import { VeronaSeparator } from './veronaseparator';
-
-@Component({
-    standalone: true,
-    selector: 'verona-page',
-    imports: [
-        TemplateHeroModule,
-        TemplateSeparatorModule,
-        TemplateFeaturesAnimationModule,
-        TemplateFeaturesModule,
-        TemplateConfigurationModule,
-        TemplateFeaturesAnimationModule,
-        TemplateRelatedModule,
-        TemplateYoutubeModule,
-        TemplateLicenseModule,
-        VeronaSeparator
-    ],
-    template: `<div class="verona template">
-        <template-hero [templateHeroData]="templateHeroData" [templateLogo]="veronaLogo"></template-hero>
-        <verona-separator></verona-separator>
-        <template-license [license]="license"></template-license>
-        <verona-separator></verona-separator>
-        <div [style.display]="'none'">
-            <verona-separator></verona-separator>
-            <template-youtube imgSrc="https://primefaces.org/cdn/primeng/images/templates/verona/verona-youtube-screen.png"></template-youtube>
-        </div>
-        <template-features-animation [featuresData]="animationFeaturesData2" title="Features"></template-features-animation>
-        <verona-separator></verona-separator>
-        <template-configuration
-            title="Angular with CLI"
-            description="Verona is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support"
-        ></template-configuration>
-        <verona-separator></verona-separator>
-        <template-features-animation [featuresData]="animationFeaturesData1"></template-features-animation>
-        <verona-separator></verona-separator>
-        <template-features [featuresData]="features2Data" displayType="vertical"></template-features>
-    </div>`
-})
-export class VeronaPage {
-    veronaLogo = VeronaLogo;
-
-    templateHeroData = {
-        pattern: 'https://primefaces.org/cdn/primeng/images/templates/verona/verona-hero-pattern.png',
-        description: 'Prepare to be amazed by the remastered Verona for PrimeNG featuring a new gorgeous dark mode for the entire layout, 2 menu modes, reusable css widgets, utilities, modern icons and many more.',
-        dashboard1: 'https://primefaces.org/cdn/primeng/images/templates/verona/verona-hero-dashboard1.png',
-        dashboard2: 'https://primefaces.org/cdn/primeng/images/templates/verona/verona-hero-dashboard2.png',
-        liveHref: 'https://verona.primeng.org/',
-        docHref: 'https://verona.primeng.org/documentation'
-    };
-
-    relatedData = [
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/freya-ng.jpg',
-            href: '/templates/freya'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/apollo-ng.jpg',
-            href: '/templates/apollo'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/layouts/atlantis-ng.jpg',
-            href: '/templates/atlantis'
-        }
-    ];
-
-    features1Data = [
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature1.png',
-            title: 'Ready to Use Applications',
-            description: 'Mail, File System, Tasks, Calendar, Blog and Chat are the sample applications to get started with ease.'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature2.png',
-            title: 'E-Commerce Pages',
-            description: 'Avalon offers E-commerce pages to kickstart your e-commerce project powered by PrimeBlocks.'
-        },
-        {
-            src: 'https://primefaces.org/cdn/primeng/images/templates/avalon/avalon-features1-feature3.png',
-            title: 'Ready to Use Pages',
-            description: 'Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app.'
-        }
-    ];
-    features2Data = [
-        {
-            title: 'Fully Responsive',
-            description: 'Verona is crafted to provide optimal viewing and interaction experience for a wide range of devices.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/verona/verona-features2-responsive.png'
-        },
-        {
-            title: 'Cross Browser Compatible',
-            description: 'First class support for Firefox, Safari, Chrome and Edge.',
-            src: 'https://primefaces.org/cdn/primeng/images/compatible-ng.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/compatible-ng-dark.png'
-        },
-        {
-            title: 'Support',
-            description: `PrimeTek offers assistance with account management and licensing issues, with the expectation that users have the necessary technical knowledge to use our products, as we do not offer technical support or consulting. Users
-                            can seek assistance in our community via our public Discord and Forum.`,
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-lifetime.png'
-        },
-        {
-            title: 'Customizable Design',
-            description: 'Fully customizable with a mixture of Sass and CSS variables.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable.png',
-            darkSrc: 'https://primefaces.org/cdn/primeng/images/templates/apollo/apollo-features2-customizable-dark.png'
-        },
-        {
-            title: 'Ready to Use Pages',
-            description: 'Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/verona/verona-features2-ready.png'
-        },
-        {
-            title: 'Mobile Experience',
-            description: 'Touch optimized enhanced mobile experience with responsive design.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/verona/verona-features2-mobile.png'
-        }
-    ];
-
-    animationFeaturesData1 = [
-        {
-            id: 1,
-            title: 'PrimeFlex CSS Utilities',
-            description: 'PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-utilities.png'
-        },
-        {
-            id: 2,
-            title: 'PrimeBlocks',
-            description: 'Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-blocks.png'
-        },
-        {
-            id: 3,
-            title: 'PrimeIcons',
-            description: 'Verona ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/apollo/features-animation-icons.png'
-        },
-        {
-            id: 4,
-            title: 'Figma File',
-            description:
-                'Verona uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeNG UI components are excluded from the Verona Figma file as they are available in PrimeOne for Figma only.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/verona/features-animation-figma.png'
-        }
-    ];
-
-    animationFeaturesData2 = [
-        {
-            id: 1,
-            title: 'Light and Dark Modes',
-            description: 'The stunning dark and light modes will impress your users.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/verona/features-animation-darkmode.png'
-        },
-        {
-            id: 2,
-            title: 'Component Themes',
-            description: 'Verona offers 10 built-in component themes with dark and light options. You are also free to create you own theme by defining couple SASS variables.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/verona/features-animation-component-themes.png'
-        },
-        {
-            id: 3,
-            title: '4 Menu Orientations',
-            description: 'Choose from Static, Overlay, Slim and Slim+ menu orientations.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/verona/features-animation-orientations.png',
-            type: 'inline-animation',
-            inlineFeaturesData: [
-                {
-                    id: 1,
-                    title: 'Static',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/verona/Static.png'
-                },
-                {
-                    id: 2,
-                    title: 'Slim',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/verona/Slim.png'
-                },
-                {
-                    id: 3,
-                    title: 'Slim+',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/verona/Slim+.png'
-                },
-                {
-                    id: 4,
-                    title: 'Overlay',
-                    src: 'https://primefaces.org/cdn/primeng/images/templates/verona/Overlay.png'
-                }
-            ]
-        },
-        {
-            id: 4,
-            title: 'Menu Themes',
-            description: 'Verona offers 10 special layout themes featuring gorgeous gradients.',
-            src: 'https://primefaces.org/cdn/primeng/images/templates/verona/features-animation-orientations.png'
-        }
-    ];
-
-    license = {
-        documentLink: 'https://verona.primeng.org/documentation',
-        description: 'The download package is an Angular CLI-based project containing all source code of the application deployed at the live demo. The project code is written in TypeScript.',
-        licenseDetails: [
-            {
-                title: 'Basic License',
-                price: '$49',
-                included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates']
-            },
-            {
-                title: 'Extended License',
-                price: '$490',
-                included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates']
-            }
-        ]
-    };
-}
diff --git a/src/app/showcase/pages/templates/verona/veronalogo.ts b/src/app/showcase/pages/templates/verona/veronalogo.ts
deleted file mode 100644
index cf41cff..0000000
--- a/src/app/showcase/pages/templates/verona/veronalogo.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'verona-logo',
-    template: `
-        <svg width="142" height="40" viewBox="0 0 142 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <g clipPath="url(#clip0_2008_66426)">
-                <circle cx="20" cy="20" r="19" stroke="var(--surface-0)" strokeOpacity="0.87" strokeWidth="2" />
-                <path d="M35.8259 10.0575H3.62061V10.3007H35.8259V10.0575Z" fill="var(--surface-0)" fillOpacity="0.5" />
-                <path d="M38.196 16.2153H1.51099V16.4585H38.196V16.2153Z" fill="var(--surface-0)" fillOpacity="0.5" />
-                <path d="M38.2203 22.5198H1.46021V22.7647H38.2203V22.5198Z" fill="var(--surface-0)" fillOpacity="0.5" />
-                <path d="M36.4897 28.7495H3.15845V28.9948H36.4897V28.7495Z" fill="var(--surface-0)" fillOpacity="0.5" />
-                <path d="M18.258 0.745136L18.0569 0.625L2.89163 28.5555L3.09275 28.6757L18.258 0.745136Z" fill="var(--surface-0)" fillOpacity="0.5" />
-                <path d="M24.7927 1.33747L24.5918 1.21704L6.70444 34.051L6.90537 34.1715L24.7927 1.33747Z" fill="var(--surface-0)" fillOpacity="0.5" />
-                <path d="M30.2568 3.89703L30.0564 3.77563L11.481 37.5142L11.6814 37.6356L30.2568 3.89703Z" fill="var(--surface-0)" fillOpacity="0.5" />
-                <path d="M34.8568 8.36101L34.6572 8.23804L17.2043 39.3938L17.4039 39.5168L34.8568 8.36101Z" fill="var(--surface-0)" fillOpacity="0.5" />
-                <path d="M37.8638 15.1027L37.6636 14.981L24.3961 38.994L24.5964 39.1157L37.8638 15.1027Z" fill="var(--surface-0)" fillOpacity="0.5" />
-                <path fillRule="evenodd" clipRule="evenodd" d="M34.9999 7.8125L38.1249 14.375L26.6701 35.1446L9.72192 3.87728L15.3124 0.9375L26.7489 22.6438L34.9999 7.8125Z" fill="var(--surface-0)" fillOpacity="0.87" />
-                <path
-                    d="M26.6697 35.2349L26.6328 35.1669L9.64893 3.83334L16.5629 3.71368L16.5752 3.73693L26.7493 22.5538L33.6907 10.1564L37.0868 16.3689L37.0745 16.3913L26.6697 35.2349ZM9.79501 3.92071L26.6705 35.0541L36.9879 16.3685L33.6903 10.3359L26.7481 22.7338L26.7116 22.6657L16.5132 3.8045L9.79501 3.92071Z"
-                    fill="var(--surface-0)"
-                    fillOpacity="0.87"
-                />
-                <path
-                    d="M68.7 13.317L62.568 28.5H60.0165L53.8845 13.317H56.1525C56.3975 13.317 56.597 13.3765 56.751 13.4955C56.905 13.6145 57.0205 13.7685 57.0975 13.9575L60.678 23.2185C60.797 23.5195 60.909 23.852 61.014 24.216C61.126 24.573 61.231 24.9475 61.329 25.3395C61.413 24.9475 61.504 24.573 61.602 24.216C61.7 23.852 61.8085 23.5195 61.9275 23.2185L65.487 13.9575C65.543 13.7965 65.6515 13.6495 65.8125 13.5165C65.9805 13.3835 66.1835 13.317 66.4215 13.317H68.7ZM73.1066 15.564V19.7745H78.4196V21.948H73.1066V26.2425H79.8476V28.5H70.2716V13.317H79.8476V15.564H73.1066ZM86.9392 20.541C87.4712 20.541 87.9332 20.4745 88.3252 20.3415C88.7242 20.2085 89.0497 20.0265 89.3017 19.7955C89.5607 19.5575 89.7532 19.2775 89.8792 18.9555C90.0052 18.6335 90.0682 18.28 90.0682 17.895C90.0682 17.125 89.8127 16.5335 89.3017 16.1205C88.7977 15.7075 88.0242 15.501 86.9812 15.501H85.1752V20.541H86.9392ZM94.2052 28.5H91.6537C91.1707 28.5 90.8207 28.311 90.6037 27.933L87.4117 23.0715C87.2927 22.8895 87.1597 22.76 87.0127 22.683C86.8727 22.606 86.6627 22.5675 86.3827 22.5675H85.1752V28.5H82.3507V13.317H86.9812C88.0102 13.317 88.8922 13.4255 89.6272 13.6425C90.3692 13.8525 90.9747 14.15 91.4437 14.535C91.9197 14.92 92.2697 15.382 92.4937 15.921C92.7177 16.453 92.8297 17.041 92.8297 17.685C92.8297 18.196 92.7527 18.679 92.5987 19.134C92.4517 19.589 92.2347 20.002 91.9477 20.373C91.6677 20.744 91.3177 21.0695 90.8977 21.3495C90.4847 21.6295 90.0122 21.85 89.4802 22.011C89.6622 22.116 89.8302 22.242 89.9842 22.389C90.1382 22.529 90.2782 22.697 90.4042 22.893L94.2052 28.5ZM110.119 20.9085C110.119 22.0215 109.934 23.054 109.563 24.006C109.199 24.951 108.681 25.77 108.009 26.463C107.337 27.156 106.528 27.6985 105.583 28.0905C104.638 28.4755 103.588 28.668 102.433 28.668C101.285 28.668 100.239 28.4755 99.2937 28.0905C98.3487 27.6985 97.5367 27.156 96.8577 26.463C96.1857 25.77 95.6642 24.951 95.2932 24.006C94.9222 23.054 94.7367 22.0215 94.7367 20.9085C94.7367 19.7955 94.9222 18.7665 95.2932 17.8215C95.6642 16.8695 96.1857 16.047 96.8577 15.354C97.5367 14.661 98.3487 14.122 99.2937 13.737C100.239 13.345 101.285 13.149 102.433 13.149C103.203 13.149 103.928 13.24 104.607 13.422C105.286 13.597 105.909 13.849 106.476 14.178C107.043 14.5 107.55 14.8955 107.998 15.3645C108.453 15.8265 108.838 16.3445 109.153 16.9185C109.468 17.4925 109.706 18.1155 109.867 18.7875C110.035 19.4595 110.119 20.1665 110.119 20.9085ZM107.232 20.9085C107.232 20.0755 107.12 19.33 106.896 18.672C106.672 18.007 106.353 17.4435 105.94 16.9815C105.527 16.5195 105.023 16.166 104.428 15.921C103.84 15.676 103.175 15.5535 102.433 15.5535C101.691 15.5535 101.023 15.676 100.428 15.921C99.8397 16.166 99.3357 16.5195 98.9157 16.9815C98.5027 17.4435 98.1842 18.007 97.9602 18.672C97.7362 19.33 97.6242 20.0755 97.6242 20.9085C97.6242 21.7415 97.7362 22.4905 97.9602 23.1555C98.1842 23.8135 98.5027 24.3735 98.9157 24.8355C99.3357 25.2905 99.8397 25.6405 100.428 25.8855C101.023 26.1305 101.691 26.253 102.433 26.253C103.175 26.253 103.84 26.1305 104.428 25.8855C105.023 25.6405 105.527 25.2905 105.94 24.8355C106.353 24.3735 106.672 23.8135 106.896 23.1555C107.12 22.4905 107.232 21.7415 107.232 20.9085ZM125.399 13.317V28.5H123.95C123.726 28.5 123.537 28.465 123.383 28.395C123.236 28.318 123.093 28.192 122.953 28.017L115.025 17.895C115.067 18.357 115.088 18.784 115.088 19.176V28.5H112.6V13.317H114.08C114.199 13.317 114.301 13.324 114.385 13.338C114.476 13.345 114.553 13.366 114.616 13.401C114.686 13.429 114.752 13.4745 114.815 13.5375C114.878 13.5935 114.948 13.6705 115.025 13.7685L122.984 23.9325C122.963 23.6875 122.946 23.446 122.932 23.208C122.918 22.97 122.911 22.7495 122.911 22.5465V13.317H125.399ZM136.802 22.767L134.954 17.7165C134.863 17.4925 134.769 17.2265 134.671 16.9185C134.573 16.6105 134.475 16.278 134.377 15.921C134.286 16.278 134.191 16.614 134.093 16.929C133.995 17.237 133.901 17.5065 133.81 17.7375L131.972 22.767H136.802ZM141.79 28.5H139.606C139.361 28.5 139.161 28.4405 139.007 28.3215C138.853 28.1955 138.738 28.0415 138.661 27.8595L137.527 24.762H131.237L130.103 27.8595C130.047 28.0205 129.939 28.1675 129.778 28.3005C129.617 28.4335 129.417 28.5 129.179 28.5H126.974L132.949 13.317H135.826L141.79 28.5Z"
-                    fill="var(--surface-0)"
-                    fillOpacity="0.87"
-                />
-            </g>
-            <defs>
-                <clipPath id="clip0_2008_66426">
-                    <rect width="142" height="40" fill="var(--surface-0)" />
-                </clipPath>
-            </defs>
-        </svg>
-    `
-})
-export class VeronaLogo {}
diff --git a/src/app/showcase/pages/templates/verona/veronaseparator.ts b/src/app/showcase/pages/templates/verona/veronaseparator.ts
deleted file mode 100644
index 3dd5e41..0000000
--- a/src/app/showcase/pages/templates/verona/veronaseparator.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    standalone: true,
-    selector: 'verona-separator',
-    template: `
-        <div class="template-separator">
-            <span class="template-separator-icon">
-                <svg xmlns="http://www.w3.org/2000/svg" width="48" height="49" viewBox="0 0 48 49" fill="none">
-                    <g clipPath="url(#clip0_987_15401)">
-                        <path d="M33.5642 18.0857H14.8584V18.2232H33.5642V18.0857Z" fill="var(--surface-900)" fillOpacity="0.5" />
-                        <path d="M35.077 21.7993H12.9326V21.9369H35.077V21.7993Z" fill="var(--surface-900)" fillOpacity="0.5" />
-                        <path d="M34.9394 25.5129H13.3452V25.6505H34.9394V25.5129Z" fill="var(--surface-900)" />
-                        <path d="M33.9768 29.2266H14.4458V29.3641H33.9768V29.2266Z" fill="var(--surface-900)" />
-                        <path d="M22.9547 12.4471L22.834 12.375L14.0757 28.5054L14.1964 28.5775L22.9547 12.4471Z" fill="var(--surface-900)" fillOpacity="0.5" />
-                        <path d="M26.8757 12.8025L26.7551 12.7302L16.4265 31.7024L16.5214 31.7932L26.8757 12.8025Z" fill="var(--surface-900)" />
-                        <path d="M30.1539 14.3382L30.0337 14.2654L19.3041 33.7536L19.4244 33.8264L30.1539 14.3382Z" fill="var(--surface-900)" />
-                        <path d="M32.6656 17.4603L32.5459 17.3865L22.8027 34.7793L22.9225 34.8531L32.6656 17.4603Z" fill="var(--surface-900)" />
-                        <path d="M34.541 21.3825L34.4209 21.3094L27.2179 34.3463L27.338 34.4193L34.541 21.3825Z" fill="var(--surface-900)" />
-                        <path d="M28.4863 25.8294L32.9655 17.778L34.3133 20.6083L28.0059 32.0445L18.5141 14.5333L20.9781 13.2376L27.6071 25.8194L28.0375 26.6363L28.4863 25.8294Z" fill="var(--surface-900)" stroke="var(--surface-900)" />
-                        <path
-                            d="M28.0018 33.1409L27.9796 33.1001L17.7893 14.2999L21.9377 14.2281L21.9451 14.2421L28.0495 25.5322L32.2144 18.0938L34.252 21.8213L34.2446 21.8347L28.0018 33.1409ZM17.877 14.3524L28.0023 33.0324L34.1927 21.821L32.2141 18.2015L28.0488 25.6402L28.0269 25.5994L21.9079 14.2826L17.877 14.3524Z"
-                            fill="var(--surface-900)"
-                        />
-                        <g filter="url(#filter1_dd_987_15401)">
-                            <mask id="path-15-inside-1_987_15401" fill="white">
-                                <path
-                                    d="M36 24C36 30.6274 30.6274 36 24 36C17.3726 36 12 30.6274 12 24C12 17.3726 17.3726 12 24 12C30.6274 12 36 17.3726 36 24ZM13.2 24C13.2 29.9647 18.0353 34.8 24 34.8C29.9647 34.8 34.8 29.9647 34.8 24C34.8 18.0353 29.9647 13.2 24 13.2C18.0353 13.2 13.2 18.0353 13.2 24Z"
-                                />
-                            </mask>
-                            <path
-                                d="M36 24C36 30.6274 30.6274 36 24 36C17.3726 36 12 30.6274 12 24C12 17.3726 17.3726 12 24 12C30.6274 12 36 17.3726 36 24ZM13.2 24C13.2 29.9647 18.0353 34.8 24 34.8C29.9647 34.8 34.8 29.9647 34.8 24C34.8 18.0353 29.9647 13.2 24 13.2C18.0353 13.2 13.2 18.0353 13.2 24Z"
-                                stroke="var(--surface-900)"
-                                strokeWidth="2"
-                                mask="url(#path-15-inside-1_987_15401)"
-                            />
-                        </g>
-                    </g>
-                </svg>
-            </span>
-        </div>
-    `
-})
-export class VeronaSeparator {}
diff --git a/src/app/showcase/pages/terminal/terminaldemo-routing.module.ts b/src/app/showcase/pages/terminal/terminaldemo-routing.module.ts
deleted file mode 100644
index 78afe97..0000000
--- a/src/app/showcase/pages/terminal/terminaldemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TerminalDemo } from './terminaldemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: TerminalDemo }])],
-    exports: [RouterModule]
-})
-export class TerminalDemoRoutingModule {}
diff --git a/src/app/showcase/pages/terminal/terminaldemo.html b/src/app/showcase/pages/terminal/terminaldemo.html
deleted file mode 100644
index 1584837..0000000
--- a/src/app/showcase/pages/terminal/terminaldemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Terminal Component" header="Terminal" description='Terminal is a text based user interface. Enter "date" to display the current date.' [docs]="docs" [apiDocs]="['Terminal']"></app-doc>
diff --git a/src/app/showcase/pages/terminal/terminaldemo.module.ts b/src/app/showcase/pages/terminal/terminaldemo.module.ts
deleted file mode 100644
index 268d827..0000000
--- a/src/app/showcase/pages/terminal/terminaldemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { TerminalDocModule } from '@doc/terminal/terminaldoc.module';
-import { TerminalDemo } from './terminaldemo';
-import { TerminalDemoRoutingModule } from './terminaldemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, TerminalDemoRoutingModule, TerminalDocModule],
-    declarations: [TerminalDemo]
-})
-export class TerminalDemoModule {}
diff --git a/src/app/showcase/pages/terminal/terminaldemo.ts b/src/app/showcase/pages/terminal/terminaldemo.ts
deleted file mode 100644
index b67eb13..0000000
--- a/src/app/showcase/pages/terminal/terminaldemo.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/terminal/basicdoc';
-import { StyleDoc } from '@doc/terminal/styledoc';
-import { ImportDoc } from '@doc/terminal/importdoc';
-import { AccessibilityDoc } from '@doc/terminal/accessibilitydoc';
-
-@Component({
-    templateUrl: './terminaldemo.html'
-})
-export class TerminalDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/theming/theming-routing.module.ts b/src/app/showcase/pages/theming/theming-routing.module.ts
deleted file mode 100644
index 39d9214..0000000
--- a/src/app/showcase/pages/theming/theming-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ThemingComponent } from './theming.component';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ThemingComponent }])],
-    exports: [RouterModule]
-})
-export class ThemingRoutingModule {}
diff --git a/src/app/showcase/pages/theming/theming.component.html b/src/app/showcase/pages/theming/theming.component.html
deleted file mode 100644
index d7bf7c5..0000000
--- a/src/app/showcase/pages/theming/theming.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Theming - PrimeNG" header="Theming" description="Choose from a variety of themes or develop your own theme easily." [docs]="docs"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/theming/theming.component.scss b/src/app/showcase/pages/theming/theming.component.scss
deleted file mode 100644
index af1cb61..0000000
--- a/src/app/showcase/pages/theming/theming.component.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-.designer-image,
-.architecture-image {
-    width: 75%;
-    margin: 0 auto;
-    display: block;
-    margin-top: 2rem;
-    margin-bottom: 2rem;
-}
-
-.designer-videos {
-    width: 75%;
-    margin: 0 auto;
-    display: block;
-}
-
-@media screen and (max-width: 960px) {
-    .designer-image,
-    .architecture-image {
-        width: 100%;
-    }
-}
\ No newline at end of file
diff --git a/src/app/showcase/pages/theming/theming.component.ts b/src/app/showcase/pages/theming/theming.component.ts
deleted file mode 100644
index 75a2f83..0000000
--- a/src/app/showcase/pages/theming/theming.component.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { Component } from '@angular/core';
-import { ArchitectureDoc } from '@doc/theming/architecturedoc';
-import { BuiltInThemesDoc } from '@doc/theming/builtinthemesdoc';
-import { CSSVariablesDoc } from '@doc/theming/cssvariablesdoc';
-import { CustomThemeDoc } from '@doc/theming/customthemedoc';
-import { PrimeFlexDoc } from '@doc/theming/primeflexdoc';
-import { ScalingDoc } from '@doc/theming/scalingdoc';
-import { ScopedCSSDoc } from '@doc/theming/scopedcssdoc';
-import { SwitchThemesDoc } from '@doc/theming/switchthemesdoc';
-import { UtilsDoc } from '@doc/theming/utilsdoc';
-
-@Component({
-    templateUrl: './theming.component.html',
-    styleUrls: ['./theming.component.scss']
-})
-export class ThemingComponent {
-    docs = [
-        {
-            id: 'architecture',
-            label: 'Architecture',
-            component: ArchitectureDoc
-        },
-        {
-            id: 'builtinthemes',
-            label: 'Built-in Themes',
-            component: BuiltInThemesDoc
-        },
-        {
-            id: 'switchthemes',
-            label: 'Switch Themes',
-            component: SwitchThemesDoc
-        },
-        {
-            id: 'customtheme',
-            label: 'Custom Theme',
-            component: CustomThemeDoc
-        },
-        {
-            id: 'scopedcss',
-            label: 'Scoped CSS',
-            component: ScopedCSSDoc
-        },
-        {
-            id: 'scale',
-            label: 'Scale',
-            component: ScalingDoc
-        },
-        {
-            id: 'primeflex',
-            label: 'PrimeFlex',
-            component: PrimeFlexDoc
-        },
-        {
-            id: 'utils',
-            label: 'Utils',
-            component: UtilsDoc
-        },
-        {
-            id: 'css-variables',
-            label: 'CSS Variables',
-            component: CSSVariablesDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/theming/theming.module.ts b/src/app/showcase/pages/theming/theming.module.ts
deleted file mode 100644
index f10fbcb..0000000
--- a/src/app/showcase/pages/theming/theming.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ThemingDocModule } from '@doc/theming/themingdoc.module';
-import { ThemingRoutingModule } from './theming-routing.module';
-import { ThemingComponent } from './theming.component';
-
-@NgModule({
-    imports: [CommonModule, ThemingRoutingModule, ThemingDocModule],
-    declarations: [ThemingComponent]
-})
-export class ThemingModule {}
diff --git a/src/app/showcase/pages/tieredmenu/tieredmenudemo-routing.module.ts b/src/app/showcase/pages/tieredmenu/tieredmenudemo-routing.module.ts
deleted file mode 100644
index 5fd2f1c..0000000
--- a/src/app/showcase/pages/tieredmenu/tieredmenudemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TieredMenuDemo } from './tieredmenudemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: TieredMenuDemo }])],
-    exports: [RouterModule]
-})
-export class TieredMenuDemoRoutingModule {}
diff --git a/src/app/showcase/pages/tieredmenu/tieredmenudemo.html b/src/app/showcase/pages/tieredmenu/tieredmenudemo.html
deleted file mode 100644
index 3c833e2..0000000
--- a/src/app/showcase/pages/tieredmenu/tieredmenudemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular TieredMenu Component" header="TieredMenu" description="TieredMenu displays submenus in nested overlays." [docs]="docs" [apiDocs]="['TieredMenu', 'MenuItem']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/tieredmenu/tieredmenudemo.module.ts b/src/app/showcase/pages/tieredmenu/tieredmenudemo.module.ts
deleted file mode 100644
index 87cdfdb..0000000
--- a/src/app/showcase/pages/tieredmenu/tieredmenudemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { TieredMenuDocModule } from '@doc/tieredmenu/tieredmenudoc.module';
-import { TieredMenuDemo } from './tieredmenudemo';
-import { TieredMenuDemoRoutingModule } from './tieredmenudemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, TieredMenuDemoRoutingModule, TieredMenuDocModule],
-    declarations: [TieredMenuDemo]
-})
-export class TieredMenuDemoModule {}
diff --git a/src/app/showcase/pages/tieredmenu/tieredmenudemo.ts b/src/app/showcase/pages/tieredmenu/tieredmenudemo.ts
deleted file mode 100644
index 2bf5837..0000000
--- a/src/app/showcase/pages/tieredmenu/tieredmenudemo.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/tieredmenu/basicdoc';
-import { ImportDoc } from '@doc/tieredmenu/importdoc';
-import { PopupDoc } from '@doc/tieredmenu/popupdoc';
-import { TemplateDoc } from '@doc/tieredmenu/templatedoc';
-import { CommandDoc } from '@doc/tieredmenu/commanddoc';
-import { RouterDoc } from '@doc/tieredmenu/routerdoc';
-import { StyleDoc } from '@doc/tieredmenu/styledoc';
-import { AccessibilityDoc } from '@doc/tieredmenu/accessibilitydoc';
-
-@Component({
-    templateUrl: './tieredmenudemo.html'
-})
-export class TieredMenuDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'popup',
-            label: 'Popup',
-            component: PopupDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'command',
-            label: 'Command',
-            component: CommandDoc
-        },
-        {
-            id: 'router',
-            label: 'Router',
-            component: RouterDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/timeline/timelinedemo-routing.module.ts b/src/app/showcase/pages/timeline/timelinedemo-routing.module.ts
deleted file mode 100644
index 5d7e161..0000000
--- a/src/app/showcase/pages/timeline/timelinedemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TimelineDemo } from './timelinedemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: TimelineDemo }])],
-    exports: [RouterModule]
-})
-export class TimelineDemoRoutingModule {}
diff --git a/src/app/showcase/pages/timeline/timelinedemo.html b/src/app/showcase/pages/timeline/timelinedemo.html
deleted file mode 100644
index 9223574..0000000
--- a/src/app/showcase/pages/timeline/timelinedemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Timeline Component" header="Timeline" description="Timeline visualizes a series of chained events." [docs]="docs" [apiDocs]="['Timeline']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/timeline/timelinedemo.module.ts b/src/app/showcase/pages/timeline/timelinedemo.module.ts
deleted file mode 100644
index 8203b32..0000000
--- a/src/app/showcase/pages/timeline/timelinedemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { TimelineDocModule } from '@doc/timeline/timelinedoc.module';
-import { TimelineDemo } from './timelinedemo';
-import { TimelineDemoRoutingModule } from './timelinedemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, TimelineDemoRoutingModule, TimelineDocModule],
-    declarations: [TimelineDemo]
-})
-export class TimelineDemoModule {}
diff --git a/src/app/showcase/pages/timeline/timelinedemo.scss b/src/app/showcase/pages/timeline/timelinedemo.scss
deleted file mode 100644
index f094cc5..0000000
--- a/src/app/showcase/pages/timeline/timelinedemo.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-.custom-marker {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    align-items: center;
-    justify-content: center;
-    color: #ffffff;
-    border-radius: 50%;
-    z-index: 1;
-}
-
-::ng-deep {
-    .p-timeline-event-content,
-    .p-timeline-event-opposite {
-        line-height: 1;
-    }
-}
-
-@media screen and (max-width: 960px) {
-    ::ng-deep {
-        .customized-timeline {
-            .p-timeline-event:nth-child(even) {
-                flex-direction: row !important;
-
-                .p-timeline-event-content {
-                    text-align: left !important;
-                }
-            }
-
-            .p-timeline-event-opposite {
-                flex: 0;
-                min-width: 0;
-                padding: 0 !important;
-            }
-
-            .p-card {
-                margin: 1rem 0;
-            }
-        }
-    }
-}
diff --git a/src/app/showcase/pages/timeline/timelinedemo.ts b/src/app/showcase/pages/timeline/timelinedemo.ts
deleted file mode 100644
index cb998e3..0000000
--- a/src/app/showcase/pages/timeline/timelinedemo.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { Component } from '@angular/core';
-import { TemplateDoc } from '@doc/timeline/templatedoc';
-import { AlignmentDoc } from '@doc/timeline/alignmentdoc';
-import { BasicDoc } from '@doc/timeline/basicdoc';
-import { ImportDoc } from '@doc/timeline/importdoc';
-import { OppositeDoc } from '@doc/timeline/oppositedoc';
-import { HorizontalDoc } from '@doc/timeline/horizontaldoc';
-import { StyleDoc } from '@doc/timeline/styledoc';
-import { AccessibilityDoc } from '@doc/timeline/accessibilitydoc';
-import { ColorMarkerDoc } from '@doc/timeline/colormarkerdoc';
-
-@Component({
-    templateUrl: './timelinedemo.html',
-    styleUrls: ['./timelinedemo.scss']
-})
-export class TimelineDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'alignment',
-            label: 'Alignment',
-            component: AlignmentDoc
-        },
-        {
-            id: 'opposite',
-            label: 'Opposite',
-            component: OppositeDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'horizontal',
-            label: 'Horizontal',
-            component: HorizontalDoc
-        },
-        {
-            id: 'color-marker',
-            label: 'Color Marker',
-            component: ColorMarkerDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/toast/toastdemo-routing.module.ts b/src/app/showcase/pages/toast/toastdemo-routing.module.ts
deleted file mode 100644
index a10fa3a..0000000
--- a/src/app/showcase/pages/toast/toastdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ToastDemo } from './toastdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ToastDemo }])],
-    exports: [RouterModule]
-})
-export class ToastDemoRoutingModule {}
diff --git a/src/app/showcase/pages/toast/toastdemo.html b/src/app/showcase/pages/toast/toastdemo.html
deleted file mode 100644
index 2ae52a3..0000000
--- a/src/app/showcase/pages/toast/toastdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Toast Component" header="Toast" description="Toast is used to display messages in an overlay." [docs]="docs" [apiDocs]="['Toast', 'Message', 'MessageService']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/toast/toastdemo.module.ts b/src/app/showcase/pages/toast/toastdemo.module.ts
deleted file mode 100644
index 4aff917..0000000
--- a/src/app/showcase/pages/toast/toastdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ToastDocModule } from '@doc/toast/toastdoc.module';
-import { ToastDemo } from './toastdemo';
-import { ToastDemoRoutingModule } from './toastdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ToastDemoRoutingModule, ToastDocModule],
-    declarations: [ToastDemo]
-})
-export class ToastDemoModule {}
diff --git a/src/app/showcase/pages/toast/toastdemo.ts b/src/app/showcase/pages/toast/toastdemo.ts
deleted file mode 100644
index 5bef5b5..0000000
--- a/src/app/showcase/pages/toast/toastdemo.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { Component } from '@angular/core';
-import { AccessibilityDoc } from '@doc/toast/accessibilitydoc';
-import { AnimationDoc } from '@doc/toast/animationdoc';
-import { BasicDoc } from '@doc/toast/basicdoc';
-import { ClearDoc } from '@doc/toast/cleardoc';
-import { ImportDoc } from '@doc/toast/importdoc';
-import { LifeDoc } from '@doc/toast/lifedoc';
-import { MultipleDoc } from '@doc/toast/multipledoc';
-import { PositionDoc } from '@doc/toast/positiondoc';
-import { ResponsiveDoc } from '@doc/toast/responsivedoc';
-import { SeverityDoc } from '@doc/toast/severitydoc';
-import { StickyDoc } from '@doc/toast/stickydoc';
-import { StyleDoc } from '@doc/toast/styledoc';
-import { TargetDoc } from '@doc/toast/targetdoc';
-import { TemplateDoc } from '@doc/toast/templatedoc';
-import { HeadlessDoc } from '@doc/toast/headlessdoc';
-
-@Component({
-    templateUrl: './toastdemo.html'
-})
-export class ToastDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'severity',
-            label: 'Severity',
-            component: SeverityDoc
-        },
-        {
-            id: 'position',
-            label: 'Position',
-            component: PositionDoc
-        },
-        {
-            id: 'multiple',
-            label: 'Multiple',
-            component: MultipleDoc
-        },
-        {
-            id: 'target',
-            label: 'Target',
-            component: TargetDoc
-        },
-        {
-            id: 'life',
-            label: 'Life',
-            component: LifeDoc
-        },
-        {
-            id: 'clear',
-            label: 'Clear',
-            component: ClearDoc
-        },
-        {
-            id: 'sticky',
-            label: 'Sticky',
-            component: StickyDoc
-        },
-        {
-            id: 'templating',
-            label: 'Templating',
-            component: TemplateDoc
-        },
-        {
-            id: 'headless',
-            label: 'Headless',
-            component: HeadlessDoc
-        },
-        {
-            id: 'responsive',
-            label: 'Responsive',
-            component: ResponsiveDoc
-        },
-        {
-            id: 'animation',
-            label: 'Animation',
-            component: AnimationDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/togglebutton/togglebuttondemo-routing.module.ts b/src/app/showcase/pages/togglebutton/togglebuttondemo-routing.module.ts
deleted file mode 100644
index 2bf710a..0000000
--- a/src/app/showcase/pages/togglebutton/togglebuttondemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ToggleButtonDemo } from './togglebuttondemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ToggleButtonDemo }])],
-    exports: [RouterModule]
-})
-export class ToggleButtonDemoRoutingModule {}
diff --git a/src/app/showcase/pages/togglebutton/togglebuttondemo.html b/src/app/showcase/pages/togglebutton/togglebuttondemo.html
deleted file mode 100644
index 19961fd..0000000
--- a/src/app/showcase/pages/togglebutton/togglebuttondemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular ToggleButton Component" header="ToggleButton" description="ToggleButton is used to select a boolean value using a button." [docs]="docs" [apiDocs]="['ToggleButton']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/togglebutton/togglebuttondemo.module.ts b/src/app/showcase/pages/togglebutton/togglebuttondemo.module.ts
deleted file mode 100644
index 09707c0..0000000
--- a/src/app/showcase/pages/togglebutton/togglebuttondemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ToggleButtonDocModule } from '@doc/togglebutton/togglebuttondoc.module';
-import { ToggleButtonDemo } from './togglebuttondemo';
-import { ToggleButtonDemoRoutingModule } from './togglebuttondemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ToggleButtonDemoRoutingModule, ToggleButtonDocModule],
-    declarations: [ToggleButtonDemo]
-})
-export class ToggleButtonDemoModule {}
diff --git a/src/app/showcase/pages/togglebutton/togglebuttondemo.ts b/src/app/showcase/pages/togglebutton/togglebuttondemo.ts
deleted file mode 100644
index c39be1f..0000000
--- a/src/app/showcase/pages/togglebutton/togglebuttondemo.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-import { ReactiveFormsDoc } from '@doc/togglebutton/reactiveformsdoc';
-import { AccessibilityDoc } from '@doc/togglebutton/accessibilitydoc';
-import { BasicDoc } from '@doc/togglebutton/basicdoc';
-import { CustomizedDoc } from '@doc/togglebutton/customizeddoc';
-import { DisabledDoc } from '@doc/togglebutton/disableddoc';
-import { ImportDoc } from '@doc/togglebutton/importdoc';
-import { StyleDoc } from '@doc/togglebutton/styledoc';
-
-@Component({
-    templateUrl: './togglebuttondemo.html'
-})
-export class ToggleButtonDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'customized',
-            label: 'Customized',
-            component: CustomizedDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/toolbar/toolbardemo-routing.module.ts b/src/app/showcase/pages/toolbar/toolbardemo-routing.module.ts
deleted file mode 100644
index a9a1b89..0000000
--- a/src/app/showcase/pages/toolbar/toolbardemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ToolbarDemo } from './toolbardemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: ToolbarDemo }])],
-    exports: [RouterModule]
-})
-export class ToolbarDemoRoutingModule {}
diff --git a/src/app/showcase/pages/toolbar/toolbardemo.html b/src/app/showcase/pages/toolbar/toolbardemo.html
deleted file mode 100644
index 5d82f10..0000000
--- a/src/app/showcase/pages/toolbar/toolbardemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Toolbar Component" header="Toolbar" description="Toolbar is a grouping component for buttons and other content." [docs]="docs" [apiDocs]="['Toolbar']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/toolbar/toolbardemo.module.ts b/src/app/showcase/pages/toolbar/toolbardemo.module.ts
deleted file mode 100644
index 90ca22c..0000000
--- a/src/app/showcase/pages/toolbar/toolbardemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ToolbarDocModule } from '@doc/toolbar/toolbardoc.module';
-import { ToolbarDemo } from './toolbardemo';
-import { ToolbarDemoRoutingModule } from './toolbardemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, ToolbarDemoRoutingModule, ToolbarDocModule],
-    declarations: [ToolbarDemo]
-})
-export class ToolbarDemoModule {}
diff --git a/src/app/showcase/pages/toolbar/toolbardemo.ts b/src/app/showcase/pages/toolbar/toolbardemo.ts
deleted file mode 100644
index db18e96..0000000
--- a/src/app/showcase/pages/toolbar/toolbardemo.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component } from '@angular/core';
-import { StyleDoc } from '@doc/toolbar/styledoc';
-import { ImportDoc } from '@doc/toolbar/importdoc';
-import { BasicDoc } from '@doc/toolbar/basicdoc';
-import { TemplateDoc } from '@doc/toolbar/templatedoc';
-import { AccessibilityDoc } from '@doc/toolbar/accessibilitydoc';
-
-@Component({
-    templateUrl: './toolbardemo.html'
-})
-export class ToolbarDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/tooltip/tooltipdemo-routing.module.ts b/src/app/showcase/pages/tooltip/tooltipdemo-routing.module.ts
deleted file mode 100644
index 76ddaab..0000000
--- a/src/app/showcase/pages/tooltip/tooltipdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TooltipDemo } from './tooltipdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: TooltipDemo }])],
-    exports: [RouterModule]
-})
-export class TooltipDemoRoutingModule {}
diff --git a/src/app/showcase/pages/tooltip/tooltipdemo.html b/src/app/showcase/pages/tooltip/tooltipdemo.html
deleted file mode 100644
index 3a262ec..0000000
--- a/src/app/showcase/pages/tooltip/tooltipdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Tooltip Component" header="Tooltip" description="Tooltip directive provides advisory information for a component. Tooltip is integrated within various PrimeNG components." [docs]="docs" [apiDocs]="['Tooltip', 'TooltipOptions']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/tooltip/tooltipdemo.module.ts b/src/app/showcase/pages/tooltip/tooltipdemo.module.ts
deleted file mode 100644
index 912cc5c..0000000
--- a/src/app/showcase/pages/tooltip/tooltipdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { TooltipDocModule } from '@doc/tooltip/tooltipdoc.module';
-import { TooltipDemo } from './tooltipdemo';
-import { TooltipDemoRoutingModule } from './tooltipdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, TooltipDemoRoutingModule, TooltipDocModule],
-    declarations: [TooltipDemo]
-})
-export class TooltipDemoModule {}
diff --git a/src/app/showcase/pages/tooltip/tooltipdemo.ts b/src/app/showcase/pages/tooltip/tooltipdemo.ts
deleted file mode 100644
index 805a41c..0000000
--- a/src/app/showcase/pages/tooltip/tooltipdemo.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/tooltip/importdoc';
-import { StyleDoc } from '@doc/tooltip/styledoc';
-import { PositionDoc } from '@doc/tooltip/positiondoc';
-import { EventDoc } from '@doc/tooltip/eventdoc';
-import { AutoHideDoc } from '@doc/tooltip/autohidedoc';
-import { DelayDoc } from '@doc/tooltip/delaydoc';
-import { OptionsDoc } from '@doc/tooltip/optionsdoc';
-import { AccessibilityDoc } from '@doc/tooltip/accessibilitydoc';
-import { CustomDoc } from '@doc/tooltip/customdoc';
-
-@Component({
-    templateUrl: './tooltipdemo.html'
-})
-export class TooltipDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'position',
-            label: 'Position',
-            component: PositionDoc
-        },
-        {
-            id: 'event',
-            label: 'Event',
-            component: EventDoc
-        },
-        {
-            id: 'autohide',
-            label: 'Auto Hide',
-            component: AutoHideDoc
-        },
-        {
-            id: 'delay',
-            label: 'Delay',
-            component: DelayDoc
-        },
-        {
-            id: 'custom',
-            label: 'Custom',
-            component: CustomDoc
-        },
-        {
-            id: 'options',
-            label: 'Tooltip Options',
-            component: OptionsDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/tree/treedemo-routing.module.ts b/src/app/showcase/pages/tree/treedemo-routing.module.ts
deleted file mode 100644
index 6843ca3..0000000
--- a/src/app/showcase/pages/tree/treedemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TreeDemo } from './treedemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: TreeDemo }])],
-    exports: [RouterModule]
-})
-export class TreeDemoRoutingModule {}
diff --git a/src/app/showcase/pages/tree/treedemo.html b/src/app/showcase/pages/tree/treedemo.html
deleted file mode 100644
index d5236db..0000000
--- a/src/app/showcase/pages/tree/treedemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular Tree Component" header="Tree" description="Tree is used to display hierarchical data." [docs]="docs" [apiDocs]="['Tree', 'TreeNode']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/tree/treedemo.module.ts b/src/app/showcase/pages/tree/treedemo.module.ts
deleted file mode 100644
index 167ccc1..0000000
--- a/src/app/showcase/pages/tree/treedemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { TreeDocModule } from '@doc/tree/treedoc.module';
-import { TreeDemo } from './treedemo';
-import { TreeDemoRoutingModule } from './treedemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, TreeDemoRoutingModule, TreeDocModule],
-    declarations: [TreeDemo]
-})
-export class TreeDemoModule {}
diff --git a/src/app/showcase/pages/tree/treedemo.ts b/src/app/showcase/pages/tree/treedemo.ts
deleted file mode 100644
index 0c6d75e..0000000
--- a/src/app/showcase/pages/tree/treedemo.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { ImportDoc } from '@doc/tree/importdoc';
-import { BasicDoc } from '@doc/tree/basicdoc';
-import { ControlledDoc } from '@doc/tree/controlleddoc';
-import { SingleDoc } from '@doc/tree/singledoc';
-import { MultipleDoc } from '@doc/tree/multipledoc';
-import { CheckboxDoc } from '@doc/tree/checkboxdoc';
-import { EventDoc } from '@doc/tree/eventdoc';
-import { LazyDoc } from '@doc/tree/lazydoc';
-import { TemplateDoc } from '@doc/tree/templatedoc';
-import { DragDropDoc } from '@doc/tree/dragdropdoc';
-import { ContextMenuDoc } from '@doc/tree/contextmenudoc';
-import { FilterDoc } from '@doc/tree/filterdoc';
-import { StyleDoc } from '@doc/tree/styledoc';
-import { AccessibilityDoc } from '@doc/tree/accessibilitydoc';
-import { VirtualScrollDoc } from '@doc/tree/virtualscrolldoc';
-import { LazyVirtualScrollDoc } from '@doc/tree/virtualscrolllazydoc';
-
-@Component({
-    templateUrl: './treedemo.html'
-})
-export class TreeDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'controlled',
-            label: 'Controlled',
-            component: ControlledDoc
-        },
-        {
-            id: 'selection',
-            label: 'Selection',
-            children: [
-                {
-                    id: 'single',
-                    label: 'Single',
-                    component: SingleDoc
-                },
-                {
-                    id: 'multiple',
-                    label: 'Multiple',
-                    component: MultipleDoc
-                },
-                {
-                    id: 'checkbox',
-                    label: 'Checkbox',
-                    component: CheckboxDoc
-                }
-            ]
-        },
-        {
-            id: 'event',
-            label: 'Events',
-            component: EventDoc
-        },
-        {
-            id: 'lazy',
-            label: 'Lazy',
-            component: LazyDoc
-        },
-        {
-            id: 'virtualscroll',
-            label: 'Virtual Scroll',
-            children: [
-                {
-                    id: 'preload',
-                    label: 'Preload',
-                    component: VirtualScrollDoc
-                },
-                {
-                    id: 'lazyvirtualscroll',
-                    label: 'Lazy',
-                    component: LazyVirtualScrollDoc
-                }
-            ]
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'dragdrop',
-            label: 'DragDrop',
-            component: DragDropDoc
-        },
-        {
-            id: 'contextmenu',
-            label: 'Context Menu',
-            component: ContextMenuDoc
-        },
-        {
-            id: 'filter',
-            label: 'Filter',
-            component: FilterDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/treeselect/treeselectdemo-routing.module.ts b/src/app/showcase/pages/treeselect/treeselectdemo-routing.module.ts
deleted file mode 100644
index 2a9cecb..0000000
--- a/src/app/showcase/pages/treeselect/treeselectdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TreeSelectDemo } from './treeselectdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: TreeSelectDemo }])],
-    exports: [RouterModule]
-})
-export class TreeSelectDemoRoutingModule {}
diff --git a/src/app/showcase/pages/treeselect/treeselectdemo.html b/src/app/showcase/pages/treeselect/treeselectdemo.html
deleted file mode 100644
index 6389dcb..0000000
--- a/src/app/showcase/pages/treeselect/treeselectdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular TreeSelect Component" header="TreeSelect" description="TreeSelect is a form component to choose from hierarchical data." [docs]="docs" [apiDocs]="['TreeSelect', 'TreeNode']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/treeselect/treeselectdemo.module.ts b/src/app/showcase/pages/treeselect/treeselectdemo.module.ts
deleted file mode 100644
index 06412ca..0000000
--- a/src/app/showcase/pages/treeselect/treeselectdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { TreeSelectDocModule } from '@doc/treeselect/treeselectdoc.module';
-import { TreeSelectDemo } from './treeselectdemo';
-import { TreeSelectDemoRoutingModule } from './treeselectdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, TreeSelectDemoRoutingModule, TreeSelectDocModule],
-    declarations: [TreeSelectDemo]
-})
-export class TreeSelectDemoModule {}
diff --git a/src/app/showcase/pages/treeselect/treeselectdemo.ts b/src/app/showcase/pages/treeselect/treeselectdemo.ts
deleted file mode 100644
index a060b43..0000000
--- a/src/app/showcase/pages/treeselect/treeselectdemo.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import { Component } from '@angular/core';
-import { ReactiveFormsDoc } from '@doc/treeselect/reactiveformsdoc';
-import { AccessibilityDoc } from '@doc/treeselect/accessibilitydoc';
-import { BasicDoc } from '@doc/treeselect/basicdoc';
-import { CheckboxDoc } from '@doc/treeselect/checkboxdoc';
-import { DisabledDoc } from '@doc/treeselect/disableddoc';
-import { FilterDoc } from '@doc/treeselect/filterdoc';
-import { FloatLabelDoc } from '@doc/treeselect/floatlabeldoc';
-import { ImportDoc } from '@doc/treeselect/importdoc';
-import { InvalidDoc } from '@doc/treeselect/invaliddoc';
-import { MultipleDoc } from '@doc/treeselect/multipledoc';
-import { StyleDoc } from '@doc/treeselect/styledoc';
-import { VirtualScrollDoc } from '@doc/treeselect/virtualscrolldoc';
-import { FilledDoc } from '@doc/treeselect/filleddoc';
-import { LazyDoc } from '@doc/treeselect/lazydoc';
-
-@Component({
-    templateUrl: './treeselectdemo.html'
-})
-export class TreeSelectDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'multiple',
-            label: 'Multiple',
-            component: MultipleDoc
-        },
-        {
-            id: 'checkbox',
-            label: 'Checkbox',
-            component: CheckboxDoc
-        },
-        {
-            id: 'virtual-scroll-doc',
-            label: 'Virtual Scroll',
-            component: VirtualScrollDoc
-        },
-        {
-            id: 'lazy',
-            label: 'Lazy',
-            component: LazyDoc
-        },
-        {
-            id: 'filter',
-            label: 'Filter',
-            component: FilterDoc
-        },
-        {
-            id: 'floatlabel',
-            label: 'Float Label',
-            component: FloatLabelDoc
-        },
-        {
-            id: 'filled',
-            label: 'Filled',
-            component: FilledDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/treetable/treetabledemo-routing.module.ts b/src/app/showcase/pages/treetable/treetabledemo-routing.module.ts
deleted file mode 100644
index b575fc2..0000000
--- a/src/app/showcase/pages/treetable/treetabledemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TreeTableDemo } from './treetabledemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: TreeTableDemo }])],
-    exports: [RouterModule]
-})
-export class TreeTableDemoRoutingModule {}
diff --git a/src/app/showcase/pages/treetable/treetabledemo.html b/src/app/showcase/pages/treetable/treetabledemo.html
deleted file mode 100644
index d98a228..0000000
--- a/src/app/showcase/pages/treetable/treetabledemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular TreeTable Component" header="TreeTable" description="TreeTable is used to display hierarchical data in tabular format." [docs]="docs" [apiDocs]="['TreeTable', 'TreeTableNode', 'TreeNode']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/treetable/treetabledemo.module.ts b/src/app/showcase/pages/treetable/treetabledemo.module.ts
deleted file mode 100644
index f79fa79..0000000
--- a/src/app/showcase/pages/treetable/treetabledemo.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { SortSingleColumnDoc } from '@doc/treetable/sortsinglecolumndoc';
-import { TreeTableDocModule } from '@doc/treetable/treetabledoc.module';
-import { TreeTableDemo } from './treetabledemo';
-import { TreeTableDemoRoutingModule } from './treetabledemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, TreeTableDemoRoutingModule, TreeTableDocModule],
-    declarations: [TreeTableDemo]
-})
-export class TreeTableDemoModule {}
diff --git a/src/app/showcase/pages/treetable/treetabledemo.ts b/src/app/showcase/pages/treetable/treetabledemo.ts
deleted file mode 100644
index 580a06b..0000000
--- a/src/app/showcase/pages/treetable/treetabledemo.ts
+++ /dev/null
@@ -1,243 +0,0 @@
-import { Component } from '@angular/core';
-import { ImportDoc } from '@doc/treetable/importdoc';
-import { BasicDoc } from '@doc/treetable/basicdoc';
-import { DynamicColumnsDoc } from '@doc/treetable/dynamiccolumnsdoc';
-import { TemplateDoc } from '@doc/treetable/templatedoc';
-import { PaginatorBasicDoc } from '@doc/treetable/paginatorbasicdoc';
-import { PaginatorTemplateDoc } from '@doc/treetable/paginatortemplatedoc';
-import { SortSingleColumnDoc } from '@doc/treetable/sortsinglecolumndoc';
-import { FilterDoc } from '@doc/treetable/filterdoc';
-import { SelectionSingleDoc } from '@doc/treetable/selectionsingledoc';
-import { SelectionMultipleDoc } from '@doc/treetable/selectionmultipledoc';
-import { SelectionCheckboxDoc } from '@doc/treetable/selectioncheckboxdoc';
-import { SelectionEventsDoc } from '@doc/treetable/selectioneventscdoc';
-import { ColumnGroupDoc } from '@doc/treetable/columngroupdoc';
-import { LazyLoadDoc } from '@doc/treetable/lazyloaddoc';
-import { EditDoc } from '@doc/treetable/editdoc';
-import { ScrollVerticalDoc } from '@doc/treetable/scrollverticaldoc';
-import { ScrollHorizontalDoc } from '@doc/treetable/scrollhorizontaldoc';
-import { FrozenColumnsDoc } from '@doc/treetable/scrollfrozencolumnsdoc';
-import { ResizeFitDoc } from '@doc/treetable/columnresizefitdoc';
-import { ResizeExpandDoc } from '@doc/treetable/columnresizeexpanddoc';
-import { ReorderDoc } from '@doc/treetable/reorderdoc';
-import { ColumnToggleDoc } from '@doc/treetable/columntoggledoc';
-import { ConditionalStyleDoc } from '@doc/treetable/conditionalstyledoc';
-import { ContextMenuDoc } from '@doc/treetable/contextmenudoc';
-import { StyleDoc } from '@doc/treetable/styledoc';
-import { AccessibilityDoc } from '@doc/treetable/accessibilitydoc';
-import { PaginatorLocaleDoc } from '@doc/treetable/paginatorlocaledoc';
-import { ResizeScrollableDoc } from '@doc/treetable/columnresizescrollabledoc';
-import { SizeDoc } from '@doc/treetable/sizedoc';
-import { GridlinesDoc } from '@doc/treetable/gridlinesdoc';
-import { ControlledDoc } from '@doc/treetable/controlleddoc';
-import { SortMultipleColumnsDoc } from '@doc/treetable/sortmultiplecolumnsdoc';
-import { ScrollFlexibleDoc } from '@doc/treetable/flexiblescrolldoc';
-import { SortRemovableDoc } from '@doc/treetable/sortremovabledoc';
-
-@Component({
-    templateUrl: './treetabledemo.html'
-})
-export class TreeTableDemo {
-    docs = [
-        {
-            id: 'import-demo',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'dynamiccolumns',
-            label: 'Dynamic Columns',
-            component: DynamicColumnsDoc
-        },
-        {
-            id: 'controlled',
-            label: 'Controlled',
-            component: ControlledDoc
-        },
-        {
-            id: 'template',
-            label: 'Template',
-            component: TemplateDoc
-        },
-        {
-            id: 'size',
-            label: 'Size',
-            component: SizeDoc
-        },
-        {
-            id: 'gridlines',
-            label: 'Grid Lines',
-            component: GridlinesDoc
-        },
-        {
-            id: 'paginator',
-            label: 'Paginator',
-            children: [
-                {
-                    id: 'paginatorbasic',
-                    label: 'Basic',
-                    component: PaginatorBasicDoc
-                },
-                {
-                    id: 'paginatorlocale',
-                    label: 'Locale',
-                    component: PaginatorLocaleDoc
-                },
-                {
-                    id: 'paginatortemplate',
-                    label: 'Template',
-                    component: PaginatorTemplateDoc
-                }
-            ]
-        },
-        {
-            id: 'sort',
-            label: 'Sort',
-            children: [
-                {
-                    id: 'sortsinglecolumn',
-                    label: 'Single Column',
-                    component: SortSingleColumnDoc
-                },
-                {
-                    id: 'sortmultiplecolumns',
-                    label: 'Multiple Columns',
-                    component: SortMultipleColumnsDoc
-                }
-                // {
-                //     id: 'sortremovable',
-                //     label: 'Removable Sort',
-                //     component: SortRemovableDoc
-                // }
-            ]
-        },
-        {
-            id: 'filter',
-            label: 'Filter',
-            component: FilterDoc
-        },
-        {
-            id: 'selection',
-            label: 'Selection',
-            children: [
-                {
-                    id: 'selectionsingle',
-                    label: 'Single',
-                    component: SelectionSingleDoc
-                },
-                {
-                    id: 'selectionmultiple',
-                    label: 'Multiple',
-                    component: SelectionMultipleDoc
-                },
-                {
-                    id: 'checkbox',
-                    label: 'Checkbox',
-                    component: SelectionCheckboxDoc
-                },
-                {
-                    id: 'events',
-                    label: 'Events',
-                    component: SelectionEventsDoc
-                }
-            ]
-        },
-        {
-            id: 'columngroup',
-            label: 'Column Group',
-            component: ColumnGroupDoc
-        },
-        {
-            id: 'lazyload',
-            label: 'Lazy Load',
-            component: LazyLoadDoc
-        },
-        {
-            id: 'edit',
-            label: 'Edit',
-            component: EditDoc
-        },
-        {
-            id: 'scroll',
-            label: 'Scroll',
-            children: [
-                {
-                    id: 'vertical',
-                    label: 'Vertical',
-                    component: ScrollVerticalDoc
-                },
-                {
-                    id: 'flexible',
-                    label: 'Flexible',
-                    component: ScrollFlexibleDoc
-                },
-                {
-                    id: 'horizontal',
-                    label: 'Horizontal',
-                    component: ScrollHorizontalDoc
-                },
-                {
-                    id: 'frozencolumns',
-                    label: 'Frozen Columns',
-                    component: FrozenColumnsDoc
-                }
-            ]
-        },
-        {
-            id: 'columnresize',
-            label: 'Column Resize',
-            children: [
-                {
-                    id: 'fitmode',
-                    label: 'Fit Mode',
-                    component: ResizeFitDoc
-                },
-                {
-                    id: 'expandmode',
-                    label: 'Expand Mode',
-                    component: ResizeExpandDoc
-                },
-                {
-                    id: 'scrollable',
-                    label: 'Scrollable',
-                    component: ResizeScrollableDoc
-                }
-            ]
-        },
-        {
-            id: 'reorder',
-            label: 'Reorder',
-            component: ReorderDoc
-        },
-        {
-            id: 'columntoggle',
-            label: 'Column Toggle',
-            component: ColumnToggleDoc
-        },
-        {
-            id: 'conditionalstyle',
-            label: 'Conditional Style',
-            component: ConditionalStyleDoc
-        },
-        {
-            id: 'contextmenu',
-            label: 'Context Menu',
-            component: ContextMenuDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/tristatecheckbox/tristatecheckboxdemo-routing.module.ts b/src/app/showcase/pages/tristatecheckbox/tristatecheckboxdemo-routing.module.ts
deleted file mode 100644
index f5b8ce9..0000000
--- a/src/app/showcase/pages/tristatecheckbox/tristatecheckboxdemo-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { TriStateCheckboxDemo } from './tristatecheckboxdemo';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: TriStateCheckboxDemo }])],
-    exports: [RouterModule]
-})
-export class TriStateCheckboxDemoRoutingModule {}
diff --git a/src/app/showcase/pages/tristatecheckbox/tristatecheckboxdemo.html b/src/app/showcase/pages/tristatecheckbox/tristatecheckboxdemo.html
deleted file mode 100644
index fec5df2..0000000
--- a/src/app/showcase/pages/tristatecheckbox/tristatecheckboxdemo.html
+++ /dev/null
@@ -1 +0,0 @@
-<app-doc docTitle="Angular TriStateCheckbox Component" header="TriStateCheckbox" description="TriStateCheckbox is an extension to the Checkbox component with an additional state." [docs]="docs" [apiDocs]="['TriStateCheckbox']"></app-doc>
\ No newline at end of file
diff --git a/src/app/showcase/pages/tristatecheckbox/tristatecheckboxdemo.module.ts b/src/app/showcase/pages/tristatecheckbox/tristatecheckboxdemo.module.ts
deleted file mode 100644
index da0072d..0000000
--- a/src/app/showcase/pages/tristatecheckbox/tristatecheckboxdemo.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { TristatecheckboxDocModule } from '@doc/tristatecheckbox/tristatecheckboxdoc.module';
-import { TriStateCheckboxDemo } from './tristatecheckboxdemo';
-import { TriStateCheckboxDemoRoutingModule } from './tristatecheckboxdemo-routing.module';
-
-@NgModule({
-    imports: [CommonModule, TriStateCheckboxDemoRoutingModule, TristatecheckboxDocModule],
-    declarations: [TriStateCheckboxDemo]
-})
-export class TriStateCheckboxDemoModule {}
diff --git a/src/app/showcase/pages/tristatecheckbox/tristatecheckboxdemo.ts b/src/app/showcase/pages/tristatecheckbox/tristatecheckboxdemo.ts
deleted file mode 100644
index 2c76160..0000000
--- a/src/app/showcase/pages/tristatecheckbox/tristatecheckboxdemo.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from '@angular/core';
-import { BasicDoc } from '@doc/tristatecheckbox/basicdoc';
-import { InvalidDoc } from '@doc/tristatecheckbox/invaliddoc';
-import { ImportDoc } from '@doc/tristatecheckbox/importdoc';
-import { DisabledDoc } from '@doc/tristatecheckbox/disableddoc';
-import { StyleDoc } from '@doc/tristatecheckbox/styledoc';
-import { AccessibilityDoc } from '@doc/tristatecheckbox/accessibilitydoc';
-import { ReactiveFormsDoc } from '@doc/tristatecheckbox/reactiveformsdoc';
-import { FilledDoc } from '@doc/tristatecheckbox/filleddoc';
-
-@Component({
-    templateUrl: './tristatecheckboxdemo.html'
-})
-export class TriStateCheckboxDemo {
-    docs = [
-        {
-            id: 'import',
-            label: 'Import',
-            component: ImportDoc
-        },
-        {
-            id: 'basic',
-            label: 'Basic',
-            component: BasicDoc
-        },
-        {
-            id: 'reactive-forms',
-            label: 'Reactive Forms',
-            component: ReactiveFormsDoc
-        },
-        {
-            id: 'filled',
-            label: 'Filled',
-            component: FilledDoc
-        },
-        {
-            id: 'invalid',
-            label: 'Invalid',
-            component: InvalidDoc
-        },
-        {
-            id: 'disabled',
-            label: 'Disabled',
-            component: DisabledDoc
-        },
-        {
-            id: 'style',
-            label: 'Style',
-            component: StyleDoc
-        },
-        {
-            id: 'accessibility',
-            label: 'Accessibility',
-            component: AccessibilityDoc
-        }
-    ];
-}
diff --git a/src/app/showcase/pages/uikit/uikit-routing.module.ts b/src/app/showcase/pages/uikit/uikit-routing.module.ts
deleted file mode 100644
index de4c592..0000000
--- a/src/app/showcase/pages/uikit/uikit-routing.module.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { UIKitComponent } from './uikit.component';
-
-@NgModule({
-    imports: [RouterModule.forChild([{ path: '', component: UIKitComponent }])],
-    exports: [RouterModule]
-})
-export class UIKitRoutingModule {}
diff --git a/src/app/showcase/pages/uikit/uikit.component.html b/src/app/showcase/pages/uikit/uikit.component.html
deleted file mode 100644
index e9ced96..0000000
--- a/src/app/showcase/pages/uikit/uikit.component.html
+++ /dev/null
@@ -1,326 +0,0 @@
-<div>
-    <div style="border-radius: 50px; max-height: 500px" class="overflow-hidden mb-5 flex items-center">
-        <img alt="PrimeNG Designer" src="https://primefaces.org/cdn/primeng/images/uikit/primeone-cover-{{ isDarkMode ? 'dark' : 'light' }}.jpeg" class="w-full" />
-    </div>
-
-    <div class="card mb-5" style="border-radius: 50px">
-        <div class="flex flex-col md:flex-row items-center gap-4 md:gap-8 mb-8">
-            <div class="w-full md:!w-6/12">
-                <img alt="PrimeNG Designer" src="https://primefaces.org/cdn/primeng/images/uikit/uikit-figma.png" class="w-full" />
-            </div>
-            <div class="w-full md:!w-6/12">
-                <div class="text-primary font-bold mb-2">UP-TO-DATE</div>
-                <div class="text-900 text-5xl font-bold mb-3">Best Features of Figma</div>
-                <p class="mb-3 text-lg">PrimeOne for Figma uses the latest powerful features like components, variants, auto layout, styles and interactive components. It'll always follow the best practices.</p>
-
-                <ul class="flex flex-wrap m-0 p-0 text-lg">
-                    <li class="flex items-center !w-6/12 p-3">
-                        <i class="pi pi-check-circle text-green-600 mr-2"></i>
-                        <span class="font-bold">Auto Layout</span>
-                    </li>
-                    <li class="flex items-center !w-6/12 p-3">
-                        <i class="pi pi-check-circle text-green-600 mr-2"></i>
-                        <span class="font-bold">Variants</span>
-                    </li>
-                    <li class="flex items-center !w-6/12 p-3">
-                        <i class="pi pi-check-circle text-green-600 mr-2"></i>
-                        <span class="font-bold">Styles</span>
-                    </li>
-                    <li class="flex items-center !w-6/12 p-3">
-                        <i class="pi pi-check-circle text-green-600 mr-2"></i>
-                        <span class="font-bold">Interactive Components</span>
-                    </li>
-                    <li class="flex items-center !w-6/12 p-3">
-                        <i class="pi pi-check-circle text-green-600 mr-2"></i>
-                        <span class="font-bold">Boolean, Instance Swap and Text Properties</span>
-                    </li>
-                    <li class="flex items-center !w-6/12 p-3">
-                        <i class="pi pi-check-circle text-green-600 mr-2"></i>
-                        <span class="font-bold">Nested Instances</span>
-                    </li>
-                </ul>
-            </div>
-        </div>
-        <div class="flex flex-col md:flex-row items-center gap-4 md:gap-8 mb-8">
-            <div class="w-full md:!w-6/12">
-                <div class="text-primary font-bold mb-2">ENTERPRISE GRADE</div>
-                <div class="text-900 text-5xl font-bold mb-3">Powerful System</div>
-                <p class="mb-3 text-lg">Save countless hours on every project with a carefully designed system that uses Prime UI Suite components. Start producing design results in no time.</p>
-
-                <ul class="flex flex-wrap m-0 p-0 text-lg">
-                    <li class="flex items-center !w-6/12 p-3">
-                        <i class="pi pi-check-circle text-green-600 mr-2"></i>
-                        <span class="font-bold">Numerous Components</span>
-                    </li>
-                    <li class="flex items-center !w-6/12 p-3">
-                        <i class="pi pi-check-circle text-green-600 mr-2"></i>
-                        <span class="font-bold">Icon Library</span>
-                    </li>
-                    <li class="flex items-center !w-6/12 p-3">
-                        <i class="pi pi-check-circle text-green-600 mr-2"></i>
-                        <span class="font-bold">Easy Customization</span>
-                    </li>
-                    <li class="flex items-center !w-6/12 p-3">
-                        <i class="pi pi-check-circle text-green-600 mr-2"></i>
-                        <span class="font-bold">Atomic Approach</span>
-                    </li>
-                </ul>
-            </div>
-            <div class="w-full md:!w-6/12">
-                <img alt="PrimeNG Designer" src="https://primefaces.org/cdn/primeng/images/uikit/uikit-system.png" class="w-full" />
-            </div>
-        </div>
-        <div class="flex flex-col md:flex-row items-center gap-4 md:gap-8 mb-8">
-            <div class="w-full md:!w-6/12">
-                <img alt="PrimeNG Designer" src="https://primefaces.org/cdn/primeng/images/uikit/uikit-themes.png" class="w-full" />
-            </div>
-            <div class="w-full md:!w-6/12">
-                <div class="text-primary font-bold mb-2">DARK MODE</div>
-                <div class="text-900 text-5xl font-bold mb-3">Two Themes</div>
-                <p class="mb-3 text-lg">PrimeOne is designed based on Lara Blue Light and Lara Blue Dark themes. Easily change the themes of your designs using Figma's Swap Library feature.</p>
-
-                <ul class="flex flex-wrap m-0 p-0 text-lg">
-                    <li class="flex items-center !w-6/12 p-3">
-                        <i class="pi pi-check-circle text-green-600 mr-2"></i>
-                        <span class="font-bold">Lara Light</span>
-                    </li>
-                    <li class="flex items-center !w-6/12 p-3">
-                        <i class="pi pi-check-circle text-green-600 mr-2"></i>
-                        <span class="font-bold">Lara Dark</span>
-                    </li>
-                </ul>
-            </div>
-        </div>
-        <div class="flex flex-col md:flex-row items-center gap-4 md:gap-8">
-            <div class="w-full md:!w-6/12">
-                <div class="text-primary font-bold mb-2">TOKENS STUDIO</div>
-                <div class="text-900 text-5xl font-bold mb-3">Tokens Support</div>
-                <p class="mb-3 text-lg">Empower yourself with unprecedented control over your designs. Tokens Studio integration unlocks a whole new level of flexibility, allowing you to create and manage design tokens seamlessly.</p>
-
-                <ul class="flex flex-wrap m-0 p-0 text-lg">
-                    <li class="flex items-center !w-6/12 p-3">
-                        <i class="pi pi-check-circle text-green-600 mr-2"></i>
-                        <span class="font-bold">Countless Design Tokens</span>
-                    </li>
-                    <li class="flex items-center !w-6/12 p-3">
-                        <i class="pi pi-check-circle text-green-600 mr-2"></i>
-                        <span class="font-bold">Light and Dark Sets</span>
-                    </li>
-                    <li class="flex items-center !w-12/12 p-3">
-                        <i class="pi pi-check-circle text-green-600 mr-2"></i>
-                        <span class="font-bold">Well Documented</span>
-                    </li>
-                </ul>
-            </div>
-            <div class="w-full md:!w-6/12">
-                <img alt="Tokens Support" src="https://primefaces.org/cdn/primeng/images/uikit/uikit-tokens.png" class="w-full" />
-            </div>
-        </div>
-    </div>
-
-    <div class="flex flex-col md:flex-row gap-4 md:gap-8 mb-5">
-        <a
-            href="https://www.figma.com/file/96Tql1EywmMtVlSFTkQ2MB/Preview-%7C-PrimeOne-%7C-2.2.0?type=design&node-id=806%3A36648&mode=design&t=CPR8n1g9WLc5D2Hs-1"
-            class="p-5 w-full md:!w-6/12 bg-white flex flex-col items-center border-2 border-transparent hover:border-primary transition-colors transition-duration-300"
-            style="border-radius: 50px"
-        >
-            <span class="text-gray-900 text-4xl font-bold mb-5">Preview Light</span>
-            <img alt="Figma Light" src="https://primefaces.org/cdn/primeng/images/uikit/logo-figma-light.svg" class="!w-4" />
-        </a>
-        <a
-            href="https://www.figma.com/file/ujRD6FFCWw1bE0h4wIebxl/Preview-%7C-Dark-%7C-PrimeOne-%7C-2.2.0?type=design&node-id=806%3A36648&mode=design&t=bG7aorZhOFIqX1qz-1"
-            class="p-5 w-full md:!w-6/12 bg-gray-900 flex flex-col items-center border-2 border-transparent hover:border-primary transition-colors transition-duration-300"
-            style="border-radius: 50px"
-        >
-            <span class="text-white text-4xl font-bold mb-5">Preview Dark</span>
-            <img alt="Figma Dark" src="https://primefaces.org/cdn/primeng/images/uikit/logo-figma-dark.svg" class="!w-4" />
-        </a>
-    </div>
-
-    <div class="card mb-5" style="border-radius: 50px">
-        <div class="text-900 font-bold text-5xl mb-4 text-center">Pricing</div>
-        <div class="mb-2 text-center line-height-3 text-lg">Choose the right plan for your business. Whether you are an individual or a member of a team, UI Kit is available for affordable prices.</div>
-        <a href="https://www.primefaces.org/uikit/licenses" class="mb-6 text-primary font-medium hover:underline text-center block">View License Details</a>
-
-        <div class="grid">
-            <div class="col-12 lg:col-4">
-                <div class="p-3 h-full">
-                    <div class="shadow-2 p-5 h-full flex flex-col surface-card" style="border-radius: 6px">
-                        <div class="text-900 font-bold text-xl mb-2">Single Designer</div>
-                        <div class="text-600 font-medium">For individual designers</div>
-                        <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
-                        <div class="flex gap-3 flex-wrap">
-                            <span class="text-2xl font-bold text-900">$99</span>
-                        </div>
-                        <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
-                        <ul class="list-none p-0 m-0 flex-grow-1 text-lg">
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span class="font-bold">1 Designer</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Auto Layout & Variants</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Interactive Components</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Tokens Studio Support</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>1 Year Free Updates</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Use on Unlimited Projects</span>
-                            </li>
-                        </ul>
-                        <hr class="mb-3 mx-0 border-top-1 border-none surface-border mt-auto" />
-                        <a href="https://www.primefaces.org/store/uikit.xhtml" pRipple class="bg-blue-500 text-white hover:bg-blue-400 p-3 w-full border-round text-center transition-colors transition-duration-300 font-bold">Buy Now</a>
-                    </div>
-                </div>
-            </div>
-
-            <div class="col-12 lg:col-4">
-                <div class="p-3 h-full">
-                    <div class="shadow-2 p-5 h-full flex flex-col surface-card" style="border-radius: 6px">
-                        <div class="text-900 font-bold text-xl mb-2">Team</div>
-                        <div class="text-600 font-medium">For small teams</div>
-                        <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
-                        <div class="flex gap-3 flex-wrap">
-                            <div class="flex gap-3 flex-wrap">
-                                <span class="text-2xl font-bold text-900">$249</span>
-                            </div>
-                        </div>
-                        <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
-                        <ul class="list-none p-0 m-0 flex-grow-1 text-lg">
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span class="font-bold">Up to 5 Designers</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Auto Layout & Variants</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Interactive Components</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Tokens Studio Support</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>1 Year Free Updates</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Use on Unlimited Projects</span>
-                            </li>
-                        </ul>
-                        <hr class="mb-3 mx-0 border-top-1 border-none surface-border" />
-                        <a href="https://www.primefaces.org/store/uikit.xhtml" pRipple class="bg-purple-500 text-white hover:bg-purple-400 p-3 w-full border-round text-center transition-colors transition-duration-300 font-bold">Buy Now</a>
-                    </div>
-                </div>
-            </div>
-
-            <div class="col-12 lg:col-4">
-                <div class="p-3 h-full">
-                    <div class="shadow-2 p-5 flex flex-col surface-card" style="border-radius: 6px">
-                        <div class="text-900 font-bold text-xl mb-2">Enterprise</div>
-                        <div class="text-600 font-medium">For large teams</div>
-                        <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
-                        <div class="flex gap-3 flex-wrap">
-                            <span class="text-2xl font-bold text-900">EXCLUSIVE DEALS</span>
-                        </div>
-                        <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
-                        <ul class="list-none p-0 m-0 flex-grow-1 text-lg">
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span class="font-bold">Custom Team Size</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Auto Layout & Variants</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Interactive Components</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Tokens Studio Support</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>1 Year Free Updates</span>
-                            </li>
-                            <li class="flex items-center mb-3">
-                                <i class="pi pi-check-circle text-green-500 mr-2"></i>
-                                <span>Use on Unlimited Projects</span>
-                            </li>
-                        </ul>
-                        <hr class="mb-3 mx-0 border-top-1 border-none surface-border" />
-                        <a href="mailto:contact@primetek.com.tr" pRipple class="bg-bluegray-500 text-white hover:bg-bluegray-400 p-3 w-full border-round text-center transition-colors transition-duration-300 font-bold">Contact Us</a>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="card" style="border-radius: 50px">
-        <span class="block font-bold text-5xl mb-5 text-center text-900">Frequently Asked Questions</span>
-        <div class="grid">
-            <div class="col-12 lg:col-4 px-2 lg:px-5">
-                <div class="text-lg text-900 line-height-3 mb-2 font-bold text-900">What do I get when I purchase a license?</div>
-                <p class="mt-0 mb-6 p-0 line-height-3 text-lg text-800">You'll be able to download two Figma files for light and dark themes.</p>
-
-                <div class="text-lg text-900 line-height-3 mb-2 font-bold text-900">Is there a recurring fee or is the license perpetual?</div>
-                <p class="mt-0 mb-6 p-0 line-height-3 text-lg text-800">UI Kit license is perpetual so requires one time payment with 1 year free updates, not subscription based..</p>
-
-                <div class="text-lg text-900 line-height-3 mb-2 font-bold text-900">Can I use UI Kit license for commercial projects?</div>
-                <p class="mt-0 mb-6 p-0 line-height-3 text-lg text-800">Yes, your license allows you to sell your projects that utilize the UI Kit implementations.</p>
-
-                <div class="text-lg text-900 line-height-3 mb-2 font-bold text-900">Can I create multiple projects for multiple clients?</div>
-                <p class="mt-0 mb-6 p-0 line-height-3 text-lg text-800">There is no limit, you are able to use UI Kit in multiple projects for multiple clients.</p>
-            </div>
-            <div class="col-12 lg:col-4 px-2 lg:px-5">
-                <div class="text-lg text-900 line-height-3 mb-2 font-bold text-900">What Does "Free Updates" Mean?</div>
-                <p class="mt-0 mb-6 p-0 line-height-3 text-lg text-800">
-                    All updates are completely free for the first year after your purchase. After this one-year period, you will no longer have access to newer versions. However, all versions released within the first year from your purchase date
-                    will remain accessible to you indefinitely.
-                </p>
-
-                <div class="text-lg text-900 line-height-3 mb-2 font-bold text-900">How Can I Extend My Access to Updates After One Year?</div>
-                <p class="mt-0 mb-6 p-0 line-height-3 text-lg text-800">At PrimeStore, you have the option to purchase an additional update term. This will grant you access to all existing versions and updates for another year.</p>
-
-                <div class="text-lg text-900 line-height-3 mb-2 font-bold text-900">How can I get support?</div>
-                <p class="mt-0 mb-6 p-0 line-height-3 text-lg text-800">
-                    PrimeTek offers assistance with account management and licensing issues, with the expectation that users have the necessary technical knowledge to use our products, as we do not offer technical support or consulting. Users can
-                    seek assistance in our community via our public <a href="https://discord.com/invite/gzKFYnpmCY" class="text-primary font-medium hover:underline">Discord</a> and
-                    <a href="https://github.com/orgs/primefaces/discussions/categories/figma-ui-kit" class="text-primary font-medium hover:underline">Forum</a>.
-                </p>
-            </div>
-            <div class="col-12 lg:col-4 px-2 lg:px-5">
-                <div class="text-lg text-900 line-height-3 mb-2 font-bold text-900">Does the enterprise license include contractors within the organization?</div>
-                <p class="mt-0 mb-6 p-0 line-height-3 text-lg text-800">Yes, contractors are also able to use the UI Kit within your company.</p>
-
-                <div class="text-lg text-900 line-height-3 mb-2 font-bold text-900">Can subsidiary company of a larger organization share the enterprise license?</div>
-                <p class="mt-0 mb-6 p-0 line-height-3 text-lg text-800">No, enterprise license is per company so each subsidiary company needs to purchase a separate license.</p>
-
-                <div class="text-lg text-900 line-height-3 mb-2 font-bold text-900">Can I include UI Kit in an open source project?</div>
-                <p class="mt-0 mb-6 p-0 line-height-3 text-lg text-800">Due to the license, it is not possible to use the UI Kit in an open source project where the design files are publicly available.</p>
-
-                <div class="text-lg text-900 line-height-3 mb-2 font-bold text-900">We're a reseller, are we able to purchase a license on behalf of our client?</div>
-                <p class="mt-0 mb-6 p-0 line-height-3 text-lg text-800">
-                    Yes, after the purchase, please <a href="mailto:contact@primetek.com.tr" class="text-primary font-medium hover:underline">contact us</a> so we can transfer the license to your client.
-                </p>
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/src/app/showcase/pages/uikit/uikit.component.scss b/src/app/showcase/pages/uikit/uikit.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/showcase/pages/uikit/uikit.component.ts b/src/app/showcase/pages/uikit/uikit.component.ts
deleted file mode 100644
index 34dd907..0000000
--- a/src/app/showcase/pages/uikit/uikit.component.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Component } from '@angular/core';
-import { Meta, Title } from '@angular/platform-browser';
-import { Subscription } from 'rxjs';
-import { AppConfigService } from '@service/appconfigservice';
-
-@Component({
-    templateUrl: './uikit.component.html',
-    styleUrls: ['uikit.component.scss']
-})
-export class UIKitComponent {
-    subscription: Subscription;
-    constructor(
-        private configService: AppConfigService,
-        private titleService: Title,
-        private metaService: Meta
-    ) {
-        this.titleService.setTitle('UI Kit - PrimeNG');
-        this.metaService.updateTag({ name: 'description', content: 'PrimeNG Angular UI Kit' });
-    }
-
-    get isDarkMode(): boolean {
-        return this.configService.config().darkMode;
-    }
-}
diff --git a/src/app/showcase/pages/uikit/uikit.module.ts b/src/app/showcase/pages/uikit/uikit.module.ts
deleted file mode 100644
index c4c05fb..0000000
--- a/src/app/showcase/pages/uikit/uikit.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { HttpClientModule } from '@angular/common/http';
-import { NgModule } from '@angular/core';
-import { UIKitRoutingModule } from './uikit-routing.module';
-import { UIKitComponent } from './uikit.component';
-
-@NgModule({
-    imports: [CommonModule, UIKitRoutingModule, HttpClientModule],
-    declarations: [UIKitComponent]
-})
-export class UIKitModule {}
diff --git a/src/app/showcase/service/appconfigservice.ts b/src/app/showcase/service/appconfigservice.ts
deleted file mode 100644
index 300af92..0000000
--- a/src/app/showcase/service/appconfigservice.ts
+++ /dev/null
@@ -1,133 +0,0 @@
-import { Inject, Injectable, PLATFORM_ID, effect, signal } from '@angular/core';
-import { Subject } from 'rxjs';
-import { AppConfig } from '../domain/appconfig';
-import { AppState } from '../domain/appstate';
-import { isPlatformBrowser } from '@angular/common';
-
-@Injectable({
-    providedIn: 'root'
-})
-export class AppConfigService {
-    _config: AppConfig = {
-        theme: 'ek5-light-primary',
-        darkMode: false,
-        ripple: true,
-        scale: 14,
-        tableTheme: 'ek5-light-primary'
-    };
-
-    state: AppState = {
-        configActive: false,
-        menuActive: false,
-        newsActive: false
-    };
-
-    config = signal<AppConfig>(this._config);
-
-    private configUpdate = new Subject<AppConfig>();
-
-    configUpdate$ = this.configUpdate.asObservable();
-
-    constructor(@Inject(PLATFORM_ID) private platformId: any) {
-        effect(() => {
-            const config = this.config();
-            if (isPlatformBrowser(this.platformId)) {
-                if (this.updateStyle(config)) {
-                    this.changeTheme();
-                    const newTableTheme = !config.darkMode ? config.tableTheme.replace('dark', 'light') : config.tableTheme.replace('light', 'dark');
-                    this.replaceTableTheme(newTableTheme);
-                }
-                this.changeScale(config.scale);
-                this.onConfigUpdate();
-            }
-        });
-    }
-
-    updateStyle(config: AppConfig) {
-        return config.theme !== this._config.theme || config.darkMode !== this._config.darkMode || config.tableTheme !== this._config.tableTheme;
-    }
-
-    onConfigUpdate() {
-        const config = this.config();
-        config.tableTheme = !config.darkMode ? config.tableTheme.replace('light', 'dark') : config.tableTheme.replace('dark', 'light');
-        this._config = { ...config };
-        this.configUpdate.next(this.config());
-    }
-
-    showMenu() {
-        this.state.menuActive = true;
-    }
-
-    hideMenu() {
-        this.state.menuActive = false;
-    }
-
-    showConfig() {
-        this.state.configActive = true;
-    }
-
-    hideConfig() {
-        this.state.configActive = false;
-    }
-
-    showNews() {
-        this.state.newsActive = true;
-    }
-
-    hideNews() {
-        this.state.newsActive = false;
-    }
-
-    changeTheme() {
-        const config = this.config();
-        const themeLink = <HTMLLinkElement>document.getElementById('theme-link');
-        const themeLinkHref = themeLink.getAttribute('href')!;
-        const newHref = themeLinkHref
-            .split('/')
-            .map((el) => (el == this._config.theme ? (el = config.theme) : el == `theme-${this._config.darkMode}` ? (el = `theme-${config.darkMode}`) : el))
-            .join('/');
-
-        this.replaceThemeLink(newHref);
-    }
-
-    replaceThemeLink(href: string) {
-        const id = 'theme-link';
-        let themeLink = <HTMLLinkElement>document.getElementById(id);
-        const cloneLinkElement = <HTMLLinkElement>themeLink.cloneNode(true);
-
-        cloneLinkElement.setAttribute('href', href);
-        cloneLinkElement.setAttribute('id', id + '-clone');
-
-        themeLink.parentNode!.insertBefore(cloneLinkElement, themeLink.nextSibling);
-        cloneLinkElement.addEventListener('load', () => {
-            themeLink.remove();
-            cloneLinkElement.setAttribute('id', id);
-        });
-    }
-
-    replaceTableTheme(newTheme: string) {
-        const elementId = 'home-table-link';
-        const linkElement = <HTMLLinkElement>document.getElementById(elementId);
-        const tableThemeTokens = linkElement?.getAttribute('href').split('/') || null;
-        const currentTableTheme = tableThemeTokens ? tableThemeTokens[tableThemeTokens.length - 2] : null;
-        if (currentTableTheme !== newTheme && tableThemeTokens) {
-            const newThemeUrl = linkElement.getAttribute('href').replace(currentTableTheme, newTheme);
-
-            const cloneLinkElement = <HTMLLinkElement>linkElement.cloneNode(true);
-
-            cloneLinkElement.setAttribute('id', elementId + '-clone');
-            cloneLinkElement.setAttribute('href', newThemeUrl);
-            cloneLinkElement.addEventListener('load', () => {
-                linkElement.remove();
-                cloneLinkElement.setAttribute('id', elementId);
-            });
-            linkElement.parentNode?.insertBefore(cloneLinkElement, linkElement.nextSibling);
-        }
-    }
-
-    changeScale(value: number) {
-        if (isPlatformBrowser(this.platformId)) {
-            document.documentElement.style.fontSize = `${value}px`;
-        }
-    }
-}
diff --git a/src/app/showcase/service/carservice.ts b/src/app/showcase/service/carservice.ts
deleted file mode 100644
index 17e6de5..0000000
--- a/src/app/showcase/service/carservice.ts
+++ /dev/null
@@ -1,1258 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable()
-export class CarService {
-    getData() {
-        return [
-            {
-                vin: 'ee8a89d8',
-                brand: 'Fiat',
-                year: 1987,
-                color: 'Maroon'
-            },
-            {
-                vin: '642b3edc',
-                brand: 'Renault',
-                year: 1968,
-                color: 'White'
-            },
-            {
-                vin: '19ec7580',
-                brand: 'Renault',
-                year: 1981,
-                color: 'Black'
-            },
-            {
-                vin: '39980f30',
-                brand: 'VW',
-                year: 1986,
-                color: 'Red'
-            },
-            {
-                vin: 'ec9cc4e4',
-                brand: 'Fiat',
-                year: 1981,
-                color: 'Brown'
-            },
-            {
-                vin: '09a06548',
-                brand: 'VW',
-                year: 1965,
-                color: 'Green'
-            },
-            {
-                vin: '05c47246',
-                brand: 'Mercedes',
-                year: 2007,
-                color: 'Blue'
-            },
-            {
-                vin: 'a9cb87aa',
-                brand: 'Fiat',
-                year: 1962,
-                color: 'Green'
-            },
-            {
-                vin: 'eae758fa',
-                brand: 'BMW',
-                year: 1999,
-                color: 'Yellow'
-            },
-            {
-                vin: '1241c403',
-                brand: 'Jaguar',
-                year: 1964,
-                color: 'Yellow'
-            },
-            {
-                vin: '13f853a7',
-                brand: 'Honda',
-                year: 2006,
-                color: 'White'
-            },
-            {
-                vin: '447d9ed9',
-                brand: 'Jaguar',
-                year: 2005,
-                color: 'Orange'
-            },
-            {
-                vin: '78fa052e',
-                brand: 'Jaguar',
-                year: 1990,
-                color: 'Orange'
-            },
-            {
-                vin: '8b77772a',
-                brand: 'Mercedes',
-                year: 1991,
-                color: 'Blue'
-            },
-            {
-                vin: '23ba7e86',
-                brand: 'Honda',
-                year: 1975,
-                color: 'Yellow'
-            },
-            {
-                vin: '9bacb32d',
-                brand: 'Volvo',
-                year: 1968,
-                color: 'Brown'
-            },
-            {
-                vin: '62094d91',
-                brand: 'Mercedes',
-                year: 1962,
-                color: 'Green'
-            },
-            {
-                vin: 'dc7003f4',
-                brand: 'Jaguar',
-                year: 1976,
-                color: 'Maroon'
-            },
-            {
-                vin: '08607aef',
-                brand: 'Mercedes',
-                year: 1987,
-                color: 'Maroon'
-            },
-            {
-                vin: '45eee33a',
-                brand: 'BMW',
-                year: 1980,
-                color: 'Silver'
-            },
-            {
-                vin: 'f199ec5c',
-                brand: 'Jaguar',
-                year: 1961,
-                color: 'Green'
-            },
-            {
-                vin: 'b34cd9e8',
-                brand: 'VW',
-                year: 1993,
-                color: 'Silver'
-            },
-            {
-                vin: '54b20b02',
-                brand: 'Renault',
-                year: 1967,
-                color: 'Brown'
-            },
-            {
-                vin: '5dd8766e',
-                brand: 'Honda',
-                year: 1998,
-                color: 'Orange'
-            },
-            {
-                vin: 'df50ce22',
-                brand: 'Mercedes',
-                year: 1964,
-                color: 'White'
-            },
-            {
-                vin: 'ecb3e9e1',
-                brand: 'Honda',
-                year: 2003,
-                color: 'Silver'
-            },
-            {
-                vin: '750d731d',
-                brand: 'Renault',
-                year: 1962,
-                color: 'Blue'
-            },
-            {
-                vin: 'bec38cf4',
-                brand: 'Renault',
-                year: 1960,
-                color: 'Blue'
-            },
-            {
-                vin: 'b7752002',
-                brand: 'Jaguar',
-                year: 1964,
-                color: 'Black'
-            },
-            {
-                vin: '315fe9c4',
-                brand: 'Fiat',
-                year: 1985,
-                color: 'Red'
-            },
-            {
-                vin: 'be65f786',
-                brand: 'Mercedes',
-                year: 1963,
-                color: 'Orange'
-            },
-            {
-                vin: '786a7d57',
-                brand: 'Mercedes',
-                year: 2003,
-                color: 'Black'
-            },
-            {
-                vin: 'a3aee412',
-                brand: 'Volvo',
-                year: 2003,
-                color: 'Maroon'
-            },
-            {
-                vin: '749e6bdd',
-                brand: 'Audi',
-                year: 1995,
-                color: 'Brown'
-            },
-            {
-                vin: '8cc40f50',
-                brand: 'BMW',
-                year: 1961,
-                color: 'Brown'
-            },
-            {
-                vin: '5de63a6f',
-                brand: 'Renault',
-                year: 1961,
-                color: 'White'
-            },
-            {
-                vin: 'bdae1e20',
-                brand: 'Jaguar',
-                year: 2008,
-                color: 'Blue'
-            },
-            {
-                vin: '290cc891',
-                brand: 'VW',
-                year: 1992,
-                color: 'Brown'
-            },
-            {
-                vin: '007e1014',
-                brand: 'Renault',
-                year: 1966,
-                color: 'Black'
-            },
-            {
-                vin: '429c502d',
-                brand: 'Honda',
-                year: 1995,
-                color: 'Silver'
-            },
-            {
-                vin: 'c336f9b6',
-                brand: 'Honda',
-                year: 1991,
-                color: 'Maroon'
-            },
-            {
-                vin: 'a6783ba3',
-                brand: 'Honda',
-                year: 2004,
-                color: 'Yellow'
-            },
-            {
-                vin: '2ddaf8d5',
-                brand: 'Volvo',
-                year: 1982,
-                color: 'Blue'
-            },
-            {
-                vin: 'c09c4b15',
-                brand: 'VW',
-                year: 1991,
-                color: 'Blue'
-            },
-            {
-                vin: '4609844c',
-                brand: 'Honda',
-                year: 1972,
-                color: 'Black'
-            },
-            {
-                vin: '8db7df27',
-                brand: 'Audi',
-                year: 1982,
-                color: 'Blue'
-            },
-            {
-                vin: 'dcc58086',
-                brand: 'Audi',
-                year: 2001,
-                color: 'Brown'
-            },
-            {
-                vin: 'f1274cbe',
-                brand: 'Fiat',
-                year: 1995,
-                color: 'Silver'
-            },
-            {
-                vin: '0858a5d4',
-                brand: 'Renault',
-                year: 1992,
-                color: 'Green'
-            },
-            {
-                vin: 'c2d42bb6',
-                brand: 'Volvo',
-                year: 1972,
-                color: 'Green'
-            },
-            {
-                vin: '5535cd5a',
-                brand: 'Renault',
-                year: 1980,
-                color: 'Silver'
-            },
-            {
-                vin: 'e3313e1e',
-                brand: 'Honda',
-                year: 2009,
-                color: 'Orange'
-            },
-            {
-                vin: 'f4dea691',
-                brand: 'BMW',
-                year: 2002,
-                color: 'Brown'
-            },
-            {
-                vin: 'ec15a449',
-                brand: 'Honda',
-                year: 1990,
-                color: 'Yellow'
-            },
-            {
-                vin: '80b74a0e',
-                brand: 'BMW',
-                year: 1979,
-                color: 'Yellow'
-            },
-            {
-                vin: '513fe268',
-                brand: 'Honda',
-                year: 1987,
-                color: 'White'
-            },
-            {
-                vin: '6934c8f8',
-                brand: 'Renault',
-                year: 1989,
-                color: 'Red'
-            },
-            {
-                vin: '6a4c3ad0',
-                brand: 'Honda',
-                year: 1994,
-                color: 'Yellow'
-            },
-            {
-                vin: 'e0acd7b5',
-                brand: 'Mercedes',
-                year: 1965,
-                color: 'Red'
-            },
-            {
-                vin: '2f31ac35',
-                brand: 'Jaguar',
-                year: 1991,
-                color: 'Brown'
-            },
-            {
-                vin: '36104237',
-                brand: 'VW',
-                year: 1992,
-                color: 'Silver'
-            },
-            {
-                vin: '5be099b4',
-                brand: 'BMW',
-                year: 1991,
-                color: 'Yellow'
-            },
-            {
-                vin: 'e2f55f31',
-                brand: 'BMW',
-                year: 1967,
-                color: 'Silver'
-            },
-            {
-                vin: '11274338',
-                brand: 'Mercedes',
-                year: 1999,
-                color: 'Blue'
-            },
-            {
-                vin: 'f710e177',
-                brand: 'Fiat',
-                year: 2007,
-                color: 'White'
-            },
-            {
-                vin: 'd8375b4b',
-                brand: 'Volvo',
-                year: 1977,
-                color: 'Blue'
-            },
-            {
-                vin: 'a27ddfe3',
-                brand: 'VW',
-                year: 1978,
-                color: 'Blue'
-            },
-            {
-                vin: 'd8848162',
-                brand: 'BMW',
-                year: 2008,
-                color: 'Black'
-            },
-            {
-                vin: 'e9cb3677',
-                brand: 'BMW',
-                year: 2004,
-                color: 'Black'
-            },
-            {
-                vin: 'c9dc321d',
-                brand: 'BMW',
-                year: 1989,
-                color: 'Red'
-            },
-            {
-                vin: '4c75c610',
-                brand: 'Volvo',
-                year: 1972,
-                color: 'Yellow'
-            },
-            {
-                vin: '1c90c93d',
-                brand: 'Audi',
-                year: 2004,
-                color: 'Silver'
-            },
-            {
-                vin: '5ccc9f7f',
-                brand: 'Jaguar',
-                year: 1961,
-                color: 'Red'
-            },
-            {
-                vin: '94498bc0',
-                brand: 'Fiat',
-                year: 1965,
-                color: 'Silver'
-            },
-            {
-                vin: '1d1a21f3',
-                brand: 'Honda',
-                year: 1985,
-                color: 'Red'
-            },
-            {
-                vin: 'ea463ad3',
-                brand: 'BMW',
-                year: 1992,
-                color: 'Blue'
-            },
-            {
-                vin: 'c24bdeb2',
-                brand: 'Honda',
-                year: 1991,
-                color: 'Red'
-            },
-            {
-                vin: 'af3b744b',
-                brand: 'Audi',
-                year: 1998,
-                color: 'Green'
-            },
-            {
-                vin: 'bebd5a96',
-                brand: 'Jaguar',
-                year: 1989,
-                color: 'Black'
-            },
-            {
-                vin: '6ef9dbf3',
-                brand: 'Fiat',
-                year: 1962,
-                color: 'Orange'
-            },
-            {
-                vin: 'eede8f1e',
-                brand: 'Jaguar',
-                year: 1977,
-                color: 'Brown'
-            },
-            {
-                vin: '9d11b02d',
-                brand: 'BMW',
-                year: 1971,
-                color: 'Yellow'
-            },
-            {
-                vin: '1d4223a1',
-                brand: 'Mercedes',
-                year: 1975,
-                color: 'Brown'
-            },
-            {
-                vin: '4d118346',
-                brand: 'Mercedes',
-                year: 1985,
-                color: 'Brown'
-            },
-            {
-                vin: 'cce76f06',
-                brand: 'Honda',
-                year: 1980,
-                color: 'Maroon'
-            },
-            {
-                vin: '2af398ed',
-                brand: 'Renault',
-                year: 1970,
-                color: 'Yellow'
-            },
-            {
-                vin: 'c0ddab4c',
-                brand: 'Audi',
-                year: 2003,
-                color: 'Silver'
-            },
-            {
-                vin: 'a27ea639',
-                brand: 'Mercedes',
-                year: 1968,
-                color: 'Yellow'
-            },
-            {
-                vin: 'e6441f09',
-                brand: 'Jaguar',
-                year: 1982,
-                color: 'Green'
-            },
-            {
-                vin: 'c4c59d58',
-                brand: 'Fiat',
-                year: 2005,
-                color: 'Orange'
-            },
-            {
-                vin: '9d31fc0a',
-                brand: 'Mercedes',
-                year: 1974,
-                color: 'Brown'
-            },
-            {
-                vin: 'b0ffce2d',
-                brand: 'Volvo',
-                year: 1966,
-                color: 'Yellow'
-            },
-            {
-                vin: 'ca7e52e3',
-                brand: 'Honda',
-                year: 1971,
-                color: 'Orange'
-            },
-            {
-                vin: '56b36f0e',
-                brand: 'Mercedes',
-                year: 2008,
-                color: 'Orange'
-            },
-            {
-                vin: 'ba045e1e',
-                brand: 'Jaguar',
-                year: 1968,
-                color: 'White'
-            },
-            {
-                vin: 'fd579989',
-                brand: 'BMW',
-                year: 1975,
-                color: 'Black'
-            },
-            {
-                vin: '084850a3',
-                brand: 'Audi',
-                year: 1990,
-                color: 'Red'
-            },
-            {
-                vin: 'e39245ab',
-                brand: 'BMW',
-                year: 1969,
-                color: 'White'
-            },
-            {
-                vin: '41ab14a1',
-                brand: 'Jaguar',
-                year: 1987,
-                color: 'Silver'
-            },
-            {
-                vin: '7ec4c1c0',
-                brand: 'Jaguar',
-                year: 1980,
-                color: 'Black'
-            },
-            {
-                vin: 'bf1c14aa',
-                brand: 'Audi',
-                year: 1984,
-                color: 'Yellow'
-            },
-            {
-                vin: 'adeff567',
-                brand: 'Volvo',
-                year: 2000,
-                color: 'Brown'
-            },
-            {
-                vin: '61e5e07d',
-                brand: 'Mercedes',
-                year: 1978,
-                color: 'Orange'
-            },
-            {
-                vin: '7555e46a',
-                brand: 'Audi',
-                year: 1966,
-                color: 'Blue'
-            },
-            {
-                vin: '95babbd1',
-                brand: 'Honda',
-                year: 1998,
-                color: 'Black'
-            },
-            {
-                vin: 'ff6885f7',
-                brand: 'Audi',
-                year: 1996,
-                color: 'White'
-            },
-            {
-                vin: '5b5a0031',
-                brand: 'Audi',
-                year: 1968,
-                color: 'Brown'
-            },
-            {
-                vin: 'de63c575',
-                brand: 'Mercedes',
-                year: 1989,
-                color: 'Yellow'
-            },
-            {
-                vin: '6bf3bfbc',
-                brand: 'Audi',
-                year: 1968,
-                color: 'Green'
-            },
-            {
-                vin: 'd2d2e8d4',
-                brand: 'Fiat',
-                year: 1985,
-                color: 'Green'
-            },
-            {
-                vin: 'edcab1f7',
-                brand: 'VW',
-                year: 1979,
-                color: 'Silver'
-            },
-            {
-                vin: '03234e20',
-                brand: 'Mercedes',
-                year: 1962,
-                color: 'Orange'
-            },
-            {
-                vin: 'de2a7b08',
-                brand: 'Honda',
-                year: 2007,
-                color: 'Blue'
-            },
-            {
-                vin: '717b8282',
-                brand: 'BMW',
-                year: 1999,
-                color: 'Yellow'
-            },
-            {
-                vin: '790e7f03',
-                brand: 'Volvo',
-                year: 1983,
-                color: 'White'
-            },
-            {
-                vin: '8eefb223',
-                brand: 'Jaguar',
-                year: 1983,
-                color: 'Silver'
-            },
-            {
-                vin: '5e524acd',
-                brand: 'Jaguar',
-                year: 1994,
-                color: 'Maroon'
-            },
-            {
-                vin: '26b1aff9',
-                brand: 'BMW',
-                year: 1965,
-                color: 'Black'
-            },
-            {
-                vin: 'c007a623',
-                brand: 'Renault',
-                year: 1968,
-                color: 'Maroon'
-            },
-            {
-                vin: '76733e83',
-                brand: 'Honda',
-                year: 1991,
-                color: 'White'
-            },
-            {
-                vin: 'ef3c14f7',
-                brand: 'Fiat',
-                year: 1987,
-                color: 'Brown'
-            },
-            {
-                vin: '2b4ca005',
-                brand: 'Honda',
-                year: 2009,
-                color: 'Silver'
-            },
-            {
-                vin: '8191dbb6',
-                brand: 'BMW',
-                year: 2005,
-                color: 'Black'
-            },
-            {
-                vin: 'f6b3bd94',
-                brand: 'Renault',
-                year: 1967,
-                color: 'Yellow'
-            },
-            {
-                vin: 'abb19f41',
-                brand: 'Volvo',
-                year: 1975,
-                color: 'Blue'
-            },
-            {
-                vin: '7470c95f',
-                brand: 'Renault',
-                year: 1996,
-                color: 'Black'
-            },
-            {
-                vin: '5f1b57a3',
-                brand: 'Volvo',
-                year: 1986,
-                color: 'Red'
-            },
-            {
-                vin: 'ed47a74b',
-                brand: 'BMW',
-                year: 2007,
-                color: 'Brown'
-            },
-            {
-                vin: 'ed6030f7',
-                brand: 'Honda',
-                year: 1990,
-                color: 'Red'
-            },
-            {
-                vin: '944c71dc',
-                brand: 'Mercedes',
-                year: 1991,
-                color: 'Silver'
-            },
-            {
-                vin: 'c7d838a5',
-                brand: 'VW',
-                year: 1980,
-                color: 'Yellow'
-            },
-            {
-                vin: '712db898',
-                brand: 'Audi',
-                year: 1965,
-                color: 'Red'
-            },
-            {
-                vin: '99acc06f',
-                brand: 'BMW',
-                year: 1995,
-                color: 'Silver'
-            },
-            {
-                vin: '6c68ffa5',
-                brand: 'Jaguar',
-                year: 1999,
-                color: 'Green'
-            },
-            {
-                vin: '63893922',
-                brand: 'Renault',
-                year: 1991,
-                color: 'Brown'
-            },
-            {
-                vin: 'dca5f739',
-                brand: 'Jaguar',
-                year: 2002,
-                color: 'Blue'
-            },
-            {
-                vin: '16da6dcb',
-                brand: 'Jaguar',
-                year: 2006,
-                color: 'Blue'
-            },
-            {
-                vin: 'fe9ca30c',
-                brand: 'Fiat',
-                year: 1967,
-                color: 'Maroon'
-            },
-            {
-                vin: 'f0193ac7',
-                brand: 'Mercedes',
-                year: 1979,
-                color: 'Orange'
-            },
-            {
-                vin: '145f5551',
-                brand: 'Jaguar',
-                year: 1993,
-                color: 'Brown'
-            },
-            {
-                vin: '24714317',
-                brand: 'Mercedes',
-                year: 1971,
-                color: 'White'
-            },
-            {
-                vin: '1a9c6e4e',
-                brand: 'Jaguar',
-                year: 1997,
-                color: 'Yellow'
-            },
-            {
-                vin: 'c9b7ef72',
-                brand: 'Fiat',
-                year: 1992,
-                color: 'Maroon'
-            },
-            {
-                vin: 'b1b6c375',
-                brand: 'Fiat',
-                year: 1963,
-                color: 'Silver'
-            },
-            {
-                vin: '7254a003',
-                brand: 'Audi',
-                year: 1982,
-                color: 'White'
-            },
-            {
-                vin: '6f0de80f',
-                brand: 'Renault',
-                year: 1987,
-                color: 'Blue'
-            },
-            {
-                vin: 'e3048f87',
-                brand: 'Fiat',
-                year: 1989,
-                color: 'Blue'
-            },
-            {
-                vin: '361e435a',
-                brand: 'BMW',
-                year: 1973,
-                color: 'Green'
-            },
-            {
-                vin: '59e6a9f3',
-                brand: 'BMW',
-                year: 1964,
-                color: 'Maroon'
-            },
-            {
-                vin: 'b791fe05',
-                brand: 'Mercedes',
-                year: 1993,
-                color: 'Yellow'
-            },
-            {
-                vin: '68b0dd88',
-                brand: 'BMW',
-                year: 2002,
-                color: 'Green'
-            },
-            {
-                vin: '5b439d1f',
-                brand: 'BMW',
-                year: 1964,
-                color: 'Maroon'
-            },
-            {
-                vin: '9a7ac9e3',
-                brand: 'Renault',
-                year: 1988,
-                color: 'White'
-            },
-            {
-                vin: 'd214751d',
-                brand: 'Honda',
-                year: 1997,
-                color: 'White'
-            },
-            {
-                vin: '72229390',
-                brand: 'Mercedes',
-                year: 1996,
-                color: 'White'
-            },
-            {
-                vin: 'b5fbbeee',
-                brand: 'VW',
-                year: 1999,
-                color: 'Brown'
-            },
-            {
-                vin: '8972b543',
-                brand: 'Audi',
-                year: 1973,
-                color: 'Black'
-            },
-            {
-                vin: '7bc21024',
-                brand: 'Renault',
-                year: 1980,
-                color: 'Yellow'
-            },
-            {
-                vin: '5d661964',
-                brand: 'Renault',
-                year: 2005,
-                color: 'Silver'
-            },
-            {
-                vin: 'a6ccc2d8',
-                brand: 'Honda',
-                year: 1994,
-                color: 'Blue'
-            },
-            {
-                vin: 'c1f15f28',
-                brand: 'Volvo',
-                year: 1999,
-                color: 'Black'
-            },
-            {
-                vin: '161512ce',
-                brand: 'VW',
-                year: 1962,
-                color: 'Black'
-            },
-            {
-                vin: '16e0b448',
-                brand: 'Fiat',
-                year: 1990,
-                color: 'Green'
-            },
-            {
-                vin: 'f0734442',
-                brand: 'Audi',
-                year: 1966,
-                color: 'Orange'
-            },
-            {
-                vin: '5e233279',
-                brand: 'Audi',
-                year: 1964,
-                color: 'Green'
-            },
-            {
-                vin: '1de720b2',
-                brand: 'Renault',
-                year: 2003,
-                color: 'Orange'
-            },
-            {
-                vin: '46efaeb2',
-                brand: 'Jaguar',
-                year: 1993,
-                color: 'Green'
-            },
-            {
-                vin: '88f2354c',
-                brand: 'Jaguar',
-                year: 2006,
-                color: 'Black'
-            },
-            {
-                vin: '04819fd6',
-                brand: 'Mercedes',
-                year: 1983,
-                color: 'White'
-            },
-            {
-                vin: '401771c8',
-                brand: 'Volvo',
-                year: 1962,
-                color: 'Silver'
-            },
-            {
-                vin: '8600877b',
-                brand: 'VW',
-                year: 1996,
-                color: 'Black'
-            },
-            {
-                vin: '946bd645',
-                brand: 'Honda',
-                year: 1991,
-                color: 'Red'
-            },
-            {
-                vin: 'ad078e69',
-                brand: 'Fiat',
-                year: 1991,
-                color: 'Brown'
-            },
-            {
-                vin: '93138901',
-                brand: 'Mercedes',
-                year: 1961,
-                color: 'Silver'
-            },
-            {
-                vin: 'f365dfa4',
-                brand: 'Mercedes',
-                year: 1980,
-                color: 'Black'
-            },
-            {
-                vin: '22647161',
-                brand: 'Audi',
-                year: 2007,
-                color: 'Blue'
-            },
-            {
-                vin: '92d1ee27',
-                brand: 'Jaguar',
-                year: 1977,
-                color: 'Silver'
-            },
-            {
-                vin: '137c2b3a',
-                brand: 'Honda',
-                year: 1970,
-                color: 'Blue'
-            },
-            {
-                vin: 'b05b5235',
-                brand: 'BMW',
-                year: 1967,
-                color: 'Yellow'
-            },
-            {
-                vin: '1afbf400',
-                brand: 'Audi',
-                year: 1966,
-                color: 'Maroon'
-            },
-            {
-                vin: '8530ae50',
-                brand: 'BMW',
-                year: 1979,
-                color: 'Brown'
-            },
-            {
-                vin: 'c9a487a3',
-                brand: 'Volvo',
-                year: 1981,
-                color: 'Silver'
-            },
-            {
-                vin: '5cb0bed6',
-                brand: 'Honda',
-                year: 1962,
-                color: 'Orange'
-            },
-            {
-                vin: 'cf7d0b45',
-                brand: 'Fiat',
-                year: 1997,
-                color: 'Green'
-            },
-            {
-                vin: 'bc762dd0',
-                brand: 'Jaguar',
-                year: 2000,
-                color: 'Yellow'
-            },
-            {
-                vin: '97207a61',
-                brand: 'VW',
-                year: 1976,
-                color: 'Blue'
-            },
-            {
-                vin: '17680899',
-                brand: 'Mercedes',
-                year: 2006,
-                color: 'Silver'
-            },
-            {
-                vin: 'd8a98d30',
-                brand: 'Renault',
-                year: 1990,
-                color: 'Green'
-            },
-            {
-                vin: 'ff01ead0',
-                brand: 'Audi',
-                year: 1962,
-                color: 'Blue'
-            },
-            {
-                vin: '38b30a61',
-                brand: 'Fiat',
-                year: 1977,
-                color: 'White'
-            },
-            {
-                vin: '9a6793c1',
-                brand: 'Renault',
-                year: 1983,
-                color: 'Red'
-            },
-            {
-                vin: 'b1f27273',
-                brand: 'Mercedes',
-                year: 2007,
-                color: 'Brown'
-            },
-            {
-                vin: '0fa8c1aa',
-                brand: 'Jaguar',
-                year: 1982,
-                color: 'Blue'
-            },
-            {
-                vin: 'a7520f42',
-                brand: 'Volvo',
-                year: 2008,
-                color: 'Maroon'
-            },
-            {
-                vin: '494eba81',
-                brand: 'BMW',
-                year: 1966,
-                color: 'Silver'
-            },
-            {
-                vin: '683535b8',
-                brand: 'Renault',
-                year: 2003,
-                color: 'White'
-            },
-            {
-                vin: '62e5d216',
-                brand: 'Audi',
-                year: 1962,
-                color: 'Orange'
-            },
-            {
-                vin: '16a65b56',
-                brand: 'Jaguar',
-                year: 2009,
-                color: 'Blue'
-            },
-            {
-                vin: 'd00250a3',
-                brand: 'BMW',
-                year: 1978,
-                color: 'Blue'
-            },
-            {
-                vin: 'f3c3909d',
-                brand: 'Renault',
-                year: 2003,
-                color: 'Green'
-            }
-        ];
-    }
-
-    brands = ['Vapid', 'Carson', 'Kitano', 'Dabver', 'Ibex', 'Morello', 'Akira', 'Titan', 'Dover', 'Norma'];
-
-    colors = ['Black', 'White', 'Red', 'Blue', 'Silver', 'Green', 'Yellow'];
-
-    generateCar(id?: any) {
-        return {
-            id,
-            vin: this.generateVin(),
-            brand: this.generateBrand(),
-            color: this.generateColor(),
-            year: this.generateYear()
-        };
-    }
-
-    generateVin() {
-        let text = '';
-        let possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-
-        for (let i = 0; i < 5; i++) {
-            text += possible.charAt(Math.floor(Math.random() * possible.length));
-        }
-
-        return text;
-    }
-
-    generateBrand() {
-        return this.brands[Math.floor(Math.random() * Math.floor(10))];
-    }
-
-    generateColor() {
-        return this.colors[Math.floor(Math.random() * Math.floor(7))];
-    }
-
-    generateYear() {
-        return 2000 + Math.floor(Math.random() * Math.floor(19));
-    }
-
-    getCarsLarge() {
-        return Promise.resolve(this.getData());
-    }
-
-    getCarsMedium() {
-        return Promise.resolve(this.getData().slice(0, 50));
-    }
-
-    getCarsSmall() {
-        return Promise.resolve(this.getData().slice(0, 10));
-    }
-}
diff --git a/src/app/showcase/service/countryservice.ts b/src/app/showcase/service/countryservice.ts
deleted file mode 100644
index ea7abe8..0000000
--- a/src/app/showcase/service/countryservice.ts
+++ /dev/null
@@ -1,255 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable()
-export class CountryService {
-    getData() {
-        return [
-            { name: 'Afghanistan', code: 'AF' },
-            { name: 'Albania', code: 'AL' },
-            { name: 'Algeria', code: 'DZ' },
-            { name: 'American Samoa', code: 'AS' },
-            { name: 'Andorra', code: 'AD' },
-            { name: 'Angola', code: 'AO' },
-            { name: 'Anguilla', code: 'AI' },
-            { name: 'Antarctica', code: 'AQ' },
-            { name: 'Antigua and Barbuda', code: 'AG' },
-            { name: 'Argentina', code: 'AR' },
-            { name: 'Armenia', code: 'AM' },
-            { name: 'Aruba', code: 'AW' },
-            { name: 'Australia', code: 'AU' },
-            { name: 'Austria', code: 'AT' },
-            { name: 'Azerbaijan', code: 'AZ' },
-            { name: 'Bahamas', code: 'BS' },
-            { name: 'Bahrain', code: 'BH' },
-            { name: 'Bangladesh', code: 'BD' },
-            { name: 'Barbados', code: 'BB' },
-            { name: 'Belarus', code: 'BY' },
-            { name: 'Belgium', code: 'BE' },
-            { name: 'Belize', code: 'BZ' },
-            { name: 'Benin', code: 'BJ' },
-            { name: 'Bermuda', code: 'BM' },
-            { name: 'Bhutan', code: 'BT' },
-            { name: 'Bolivia', code: 'BO' },
-            { name: 'Bosnia and Herzegovina', code: 'BA' },
-            { name: 'Botswana', code: 'BW' },
-            { name: 'Bouvet Island', code: 'BV' },
-            { name: 'Brazil', code: 'BR' },
-            { name: 'British Indian Ocean Territory', code: 'IO' },
-            { name: 'Brunei Darussalam', code: 'BN' },
-            { name: 'Bulgaria', code: 'BG' },
-            { name: 'Burkina Faso', code: 'BF' },
-            { name: 'Burundi', code: 'BI' },
-            { name: 'Cambodia', code: 'KH' },
-            { name: 'Cameroon', code: 'CM' },
-            { name: 'Canada', code: 'CA' },
-            { name: 'Cape Verde', code: 'CV' },
-            { name: 'Cayman Islands', code: 'KY' },
-            { name: 'Central African Republic', code: 'CF' },
-            { name: 'Chad', code: 'TD' },
-            { name: 'Chile', code: 'CL' },
-            { name: 'China', code: 'CN' },
-            { name: 'Christmas Island', code: 'CX' },
-            { name: 'Cocos (Keeling) Islands', code: 'CC' },
-            { name: 'Colombia', code: 'CO' },
-            { name: 'Comoros', code: 'KM' },
-            { name: 'Congo', code: 'CG' },
-            { name: 'Congo, The Democratic Republic of the', code: 'CD' },
-            { name: 'Cook Islands', code: 'CK' },
-            { name: 'Costa Rica', code: 'CR' },
-            { name: 'Cote D"Ivoire', code: 'CI' },
-            { name: 'Croatia', code: 'HR' },
-            { name: 'Cuba', code: 'CU' },
-            { name: 'Cyprus', code: 'CY' },
-            { name: 'Czech Republic', code: 'CZ' },
-            { name: 'Denmark', code: 'DK' },
-            { name: 'Djibouti', code: 'DJ' },
-            { name: 'Dominica', code: 'DM' },
-            { name: 'Dominican Republic', code: 'DO' },
-            { name: 'Ecuador', code: 'EC' },
-            { name: 'Egypt', code: 'EG' },
-            { name: 'El Salvador', code: 'SV' },
-            { name: 'Equatorial Guinea', code: 'GQ' },
-            { name: 'Eritrea', code: 'ER' },
-            { name: 'Estonia', code: 'EE' },
-            { name: 'Ethiopia', code: 'ET' },
-            { name: 'Falkland Islands (Malvinas)', code: 'FK' },
-            { name: 'Faroe Islands', code: 'FO' },
-            { name: 'Fiji', code: 'FJ' },
-            { name: 'Finland', code: 'FI' },
-            { name: 'France', code: 'FR' },
-            { name: 'French Guiana', code: 'GF' },
-            { name: 'French Polynesia', code: 'PF' },
-            { name: 'French Southern Territories', code: 'TF' },
-            { name: 'Gabon', code: 'GA' },
-            { name: 'Gambia', code: 'GM' },
-            { name: 'Georgia', code: 'GE' },
-            { name: 'Germany', code: 'DE' },
-            { name: 'Ghana', code: 'GH' },
-            { name: 'Gibraltar', code: 'GI' },
-            { name: 'Greece', code: 'GR' },
-            { name: 'Greenland', code: 'GL' },
-            { name: 'Grenada', code: 'GD' },
-            { name: 'Guadeloupe', code: 'GP' },
-            { name: 'Guam', code: 'GU' },
-            { name: 'Guatemala', code: 'GT' },
-            { name: 'Guernsey', code: 'GG' },
-            { name: 'Guinea', code: 'GN' },
-            { name: 'Guinea-Bissau', code: 'GW' },
-            { name: 'Guyana', code: 'GY' },
-            { name: 'Haiti', code: 'HT' },
-            { name: 'Heard Island and Mcdonald Islands', code: 'HM' },
-            { name: 'Holy See (Vatican City State)', code: 'VA' },
-            { name: 'Honduras', code: 'HN' },
-            { name: 'Hong Kong', code: 'HK' },
-            { name: 'Hungary', code: 'HU' },
-            { name: 'Iceland', code: 'IS' },
-            { name: 'India', code: 'IN' },
-            { name: 'Indonesia', code: 'ID' },
-            { name: 'Iran, Islamic Republic Of', code: 'IR' },
-            { name: 'Iraq', code: 'IQ' },
-            { name: 'Ireland', code: 'IE' },
-            { name: 'Isle of Man', code: 'IM' },
-            { name: 'Israel', code: 'IL' },
-            { name: 'Italy', code: 'IT' },
-            { name: 'Jamaica', code: 'JM' },
-            { name: 'Japan', code: 'JP' },
-            { name: 'Jersey', code: 'JE' },
-            { name: 'Jordan', code: 'JO' },
-            { name: 'Kazakhstan', code: 'KZ' },
-            { name: 'Kenya', code: 'KE' },
-            { name: 'Kiribati', code: 'KI' },
-            { name: 'Korea, Democratic People"S Republic of', code: 'KP' },
-            { name: 'Korea, Republic of', code: 'KR' },
-            { name: 'Kuwait', code: 'KW' },
-            { name: 'Kyrgyzstan', code: 'KG' },
-            { name: 'Lao People"S Democratic Republic', code: 'LA' },
-            { name: 'Latvia', code: 'LV' },
-            { name: 'Lebanon', code: 'LB' },
-            { name: 'Lesotho', code: 'LS' },
-            { name: 'Liberia', code: 'LR' },
-            { name: 'Libyan Arab Jamahiriya', code: 'LY' },
-            { name: 'Liechtenstein', code: 'LI' },
-            { name: 'Lithuania', code: 'LT' },
-            { name: 'Luxembourg', code: 'LU' },
-            { name: 'Macao', code: 'MO' },
-            { name: 'Macedonia, The Former Yugoslav Republic of', code: 'MK' },
-            { name: 'Madagascar', code: 'MG' },
-            { name: 'Malawi', code: 'MW' },
-            { name: 'Malaysia', code: 'MY' },
-            { name: 'Maldives', code: 'MV' },
-            { name: 'Mali', code: 'ML' },
-            { name: 'Malta', code: 'MT' },
-            { name: 'Marshall Islands', code: 'MH' },
-            { name: 'Martinique', code: 'MQ' },
-            { name: 'Mauritania', code: 'MR' },
-            { name: 'Mauritius', code: 'MU' },
-            { name: 'Mayotte', code: 'YT' },
-            { name: 'Mexico', code: 'MX' },
-            { name: 'Micronesia, Federated States of', code: 'FM' },
-            { name: 'Moldova, Republic of', code: 'MD' },
-            { name: 'Monaco', code: 'MC' },
-            { name: 'Mongolia', code: 'MN' },
-            { name: 'Montserrat', code: 'MS' },
-            { name: 'Morocco', code: 'MA' },
-            { name: 'Mozambique', code: 'MZ' },
-            { name: 'Myanmar', code: 'MM' },
-            { name: 'Namibia', code: 'NA' },
-            { name: 'Nauru', code: 'NR' },
-            { name: 'Nepal', code: 'NP' },
-            { name: 'Netherlands', code: 'NL' },
-            { name: 'Netherlands Antilles', code: 'AN' },
-            { name: 'New Caledonia', code: 'NC' },
-            { name: 'New Zealand', code: 'NZ' },
-            { name: 'Nicaragua', code: 'NI' },
-            { name: 'Niger', code: 'NE' },
-            { name: 'Nigeria', code: 'NG' },
-            { name: 'Niue', code: 'NU' },
-            { name: 'Norfolk Island', code: 'NF' },
-            { name: 'Northern Mariana Islands', code: 'MP' },
-            { name: 'Norway', code: 'NO' },
-            { name: 'Oman', code: 'OM' },
-            { name: 'Pakistan', code: 'PK' },
-            { name: 'Palau', code: 'PW' },
-            { name: 'Palestinian Territory, Occupied', code: 'PS' },
-            { name: 'Panama', code: 'PA' },
-            { name: 'Papua New Guinea', code: 'PG' },
-            { name: 'Paraguay', code: 'PY' },
-            { name: 'Peru', code: 'PE' },
-            { name: 'Philippines', code: 'PH' },
-            { name: 'Pitcairn', code: 'PN' },
-            { name: 'Poland', code: 'PL' },
-            { name: 'Portugal', code: 'PT' },
-            { name: 'Puerto Rico', code: 'PR' },
-            { name: 'Qatar', code: 'QA' },
-            { name: 'Reunion', code: 'RE' },
-            { name: 'Romania', code: 'RO' },
-            { name: 'Russian Federation', code: 'RU' },
-            { name: 'RWANDA', code: 'RW' },
-            { name: 'Saint Helena', code: 'SH' },
-            { name: 'Saint Kitts and Nevis', code: 'KN' },
-            { name: 'Saint Lucia', code: 'LC' },
-            { name: 'Saint Pierre and Miquelon', code: 'PM' },
-            { name: 'Saint Vincent and the Grenadines', code: 'VC' },
-            { name: 'Samoa', code: 'WS' },
-            { name: 'San Marino', code: 'SM' },
-            { name: 'Sao Tome and Principe', code: 'ST' },
-            { name: 'Saudi Arabia', code: 'SA' },
-            { name: 'Senegal', code: 'SN' },
-            { name: 'Serbia and Montenegro', code: 'CS' },
-            { name: 'Seychelles', code: 'SC' },
-            { name: 'Sierra Leone', code: 'SL' },
-            { name: 'Singapore', code: 'SG' },
-            { name: 'Slovakia', code: 'SK' },
-            { name: 'Slovenia', code: 'SI' },
-            { name: 'Solomon Islands', code: 'SB' },
-            { name: 'Somalia', code: 'SO' },
-            { name: 'South Africa', code: 'ZA' },
-            { name: 'South Georgia and the South Sandwich Islands', code: 'GS' },
-            { name: 'Spain', code: 'ES' },
-            { name: 'Sri Lanka', code: 'LK' },
-            { name: 'Sudan', code: 'SD' },
-            { name: 'Suriname', code: 'SR' },
-            { name: 'Svalbard and Jan Mayen', code: 'SJ' },
-            { name: 'Swaziland', code: 'SZ' },
-            { name: 'Sweden', code: 'SE' },
-            { name: 'Switzerland', code: 'CH' },
-            { name: 'Syrian Arab Republic', code: 'SY' },
-            { name: 'Taiwan, Province of China', code: 'TW' },
-            { name: 'Tajikistan', code: 'TJ' },
-            { name: 'Tanzania, United Republic of', code: 'TZ' },
-            { name: 'Thailand', code: 'TH' },
-            { name: 'Timor-Leste', code: 'TL' },
-            { name: 'Togo', code: 'TG' },
-            { name: 'Tokelau', code: 'TK' },
-            { name: 'Tonga', code: 'TO' },
-            { name: 'Trinidad and Tobago', code: 'TT' },
-            { name: 'Tunisia', code: 'TN' },
-            { name: 'Turkey', code: 'TR' },
-            { name: 'Turkmenistan', code: 'TM' },
-            { name: 'Turks and Caicos Islands', code: 'TC' },
-            { name: 'Tuvalu', code: 'TV' },
-            { name: 'Uganda', code: 'UG' },
-            { name: 'Ukraine', code: 'UA' },
-            { name: 'United Arab Emirates', code: 'AE' },
-            { name: 'United Kingdom', code: 'GB' },
-            { name: 'United States', code: 'US' },
-            { name: 'United States Minor Outlying Islands', code: 'UM' },
-            { name: 'Uruguay', code: 'UY' },
-            { name: 'Uzbekistan', code: 'UZ' },
-            { name: 'Vanuatu', code: 'VU' },
-            { name: 'Venezuela', code: 'VE' },
-            { name: 'Viet Nam', code: 'VN' },
-            { name: 'Virgin Islands, British', code: 'VG' },
-            { name: 'Virgin Islands, U.S.', code: 'VI' },
-            { name: 'Wallis and Futuna', code: 'WF' },
-            { name: 'Western Sahara', code: 'EH' },
-            { name: 'Yemen', code: 'YE' },
-            { name: 'Zambia', code: 'ZM' },
-            { name: 'Zimbabwe', code: 'ZW' }
-        ];
-    }
-
-    getCountries() {
-        return Promise.resolve(this.getData());
-    }
-}
diff --git a/src/app/showcase/service/customerservice.ts b/src/app/showcase/service/customerservice.ts
deleted file mode 100644
index a9cab8c..0000000
--- a/src/app/showcase/service/customerservice.ts
+++ /dev/null
@@ -1,9036 +0,0 @@
-import { Injectable } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-
-@Injectable()
-export class CustomerService {
-    getData() {
-        return [
-            {
-                id: 1000,
-                name: 'James Butt',
-                country: {
-                    name: 'Algeria',
-                    code: 'dz'
-                },
-                company: 'Benton, John B Jr',
-                date: '2015-09-13',
-                status: 'unqualified',
-                verified: true,
-                activity: 17,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 70663
-            },
-            {
-                id: 1001,
-                name: 'Josephine Darakjy',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Chanay, Jeffrey A Esq',
-                date: '2019-02-09',
-                status: 'proposal',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 82429
-            },
-            {
-                id: 1002,
-                name: 'Art Venere',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Chemel, James L Cpa',
-                date: '2017-05-13',
-                status: 'qualified',
-                verified: false,
-                activity: 63,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 28334
-            },
-            {
-                id: 1003,
-                name: 'Lenna Paprocki',
-                country: {
-                    name: 'Slovenia',
-                    code: 'si'
-                },
-                company: 'Feltz Printing Service',
-                date: '2020-09-15',
-                status: 'new',
-                verified: false,
-                activity: 37,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 88521
-            },
-            {
-                id: 1004,
-                name: 'Donette Foller',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Printing Dimensions',
-                date: '2016-05-20',
-                status: 'proposal',
-                verified: true,
-                activity: 33,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 93905
-            },
-            {
-                id: 1005,
-                name: 'Simona Morasca',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Chapman, Ross E Esq',
-                date: '2018-02-16',
-                status: 'qualified',
-                verified: false,
-                activity: 68,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 50041
-            },
-            {
-                id: 1006,
-                name: 'Mitsue Tollner',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Morlong Associates',
-                date: '2018-02-19',
-                status: 'renewal',
-                verified: true,
-                activity: 54,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 58706
-            },
-            {
-                id: 1007,
-                name: 'Leota Dilliard',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'Commercial Press',
-                date: '2019-08-13',
-                status: 'renewal',
-                verified: true,
-                activity: 69,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 26640
-            },
-            {
-                id: 1008,
-                name: 'Sage Wieser',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Truhlar And Truhlar Attys',
-                date: '2018-11-21',
-                status: 'unqualified',
-                verified: true,
-                activity: 76,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 65369
-            },
-            {
-                id: 1009,
-                name: 'Kris Marrier',
-                country: {
-                    name: 'Mexico',
-                    code: 'mx'
-                },
-                company: 'King, Christopher A Esq',
-                date: '2015-07-07',
-                status: 'proposal',
-                verified: false,
-                activity: 3,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 63451
-            },
-            {
-                id: 1010,
-                name: 'Minna Amigon',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'Dorl, James J Esq',
-                date: '2018-11-07',
-                status: 'qualified',
-                verified: false,
-                activity: 38,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 71169
-            },
-            {
-                id: 1011,
-                name: 'Abel Maclead',
-                country: {
-                    name: 'Singapore',
-                    code: 'sg'
-                },
-                company: 'Rangoni Of Florence',
-                date: '2017-03-11',
-                status: 'qualified',
-                verified: true,
-                activity: 87,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 96842
-            },
-            {
-                id: 1012,
-                name: 'Kiley Caldarera',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'Feiner Bros',
-                date: '2015-10-20',
-                status: 'unqualified',
-                verified: false,
-                activity: 80,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 92734
-            },
-            {
-                id: 1013,
-                name: 'Graciela Ruta',
-                country: {
-                    name: 'Chile',
-                    code: 'cl'
-                },
-                company: 'Buckley Miller & Wright',
-                date: '2016-07-25',
-                status: 'negotiation',
-                verified: false,
-                activity: 59,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 45250
-            },
-            {
-                id: 1014,
-                name: 'Cammy Albares',
-                country: {
-                    name: 'Philippines',
-                    code: 'ph'
-                },
-                company: 'Rousseaux, Michael Esq',
-                date: '2019-06-25',
-                status: 'new',
-                verified: true,
-                activity: 90,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 30236
-            },
-            {
-                id: 1015,
-                name: 'Mattie Poquette',
-                country: {
-                    name: 'Venezuela',
-                    code: 've'
-                },
-                company: 'Century Communications',
-                date: '2017-12-12',
-                status: 'negotiation',
-                verified: false,
-                activity: 52,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 64533
-            },
-            {
-                id: 1016,
-                name: 'Meaghan Garufi',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Bolton, Wilbur Esq',
-                date: '2018-07-04',
-                status: 'unqualified',
-                verified: false,
-                activity: 31,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 37279
-            },
-            {
-                id: 1017,
-                name: 'Gladys Rim',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'T M Byxbee Company Pc',
-                date: '2020-02-27',
-                status: 'renewal',
-                verified: true,
-                activity: 48,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 27381
-            },
-            {
-                id: 1018,
-                name: 'Yuki Whobrey',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Farmers Insurance Group',
-                date: '2017-12-21',
-                status: 'negotiation',
-                verified: true,
-                activity: 16,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 9257
-            },
-            {
-                id: 1019,
-                name: 'Fletcher Flosi',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Post Box Services Plus',
-                date: '2016-01-04',
-                status: 'renewal',
-                verified: true,
-                activity: 19,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 67783
-            },
-            {
-                id: 1020,
-                name: 'Bette Nicka',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Sport En Art',
-                date: '2016-10-21',
-                status: 'renewal',
-                verified: false,
-                activity: 100,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 4609
-            },
-            {
-                id: 1021,
-                name: 'Veronika Inouye',
-                country: {
-                    name: 'Ecuador',
-                    code: 'ec'
-                },
-                company: 'C 4 Network Inc',
-                date: '2017-03-24',
-                status: 'renewal',
-                verified: false,
-                activity: 72,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 26565
-            },
-            {
-                id: 1022,
-                name: 'Willard Kolmetz',
-                country: {
-                    name: 'Tunisia',
-                    code: 'tn'
-                },
-                company: 'Ingalls, Donald R Esq',
-                date: '2017-04-15',
-                status: 'renewal',
-                verified: true,
-                activity: 94,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 75876
-            },
-            {
-                id: 1023,
-                name: 'Maryann Royster',
-                country: {
-                    name: 'Belarus',
-                    code: 'by'
-                },
-                company: 'Franklin, Peter L Esq',
-                date: '2017-03-11',
-                status: 'qualified',
-                verified: false,
-                activity: 56,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 41121
-            },
-            {
-                id: 1024,
-                name: 'Alisha Slusarski',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Wtlz Power 107 Fm',
-                date: '2018-03-27',
-                status: 'qualified',
-                verified: true,
-                activity: 7,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 91691
-            },
-            {
-                id: 1025,
-                name: 'Allene Iturbide',
-                country: {
-                    name: 'Italy',
-                    code: 'it'
-                },
-                company: 'Ledecky, David Esq',
-                date: '2016-02-20',
-                status: 'qualified',
-                verified: true,
-                activity: 1,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 40137
-            },
-            {
-                id: 1026,
-                name: 'Chanel Caudy',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Professional Image Inc',
-                date: '2018-06-24',
-                status: 'new',
-                verified: true,
-                activity: 26,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 21304
-            },
-            {
-                id: 1027,
-                name: 'Ezekiel Chui',
-                country: {
-                    name: 'Ireland',
-                    code: 'ie'
-                },
-                company: 'Sider, Donald C Esq',
-                date: '2016-09-24',
-                status: 'new',
-                verified: false,
-                activity: 76,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 60454
-            },
-            {
-                id: 1028,
-                name: 'Willow Kusko',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'U Pull It',
-                date: '2020-04-11',
-                status: 'qualified',
-                verified: true,
-                activity: 7,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 17565
-            },
-            {
-                id: 1029,
-                name: 'Bernardo Figeroa',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Clark, Richard Cpa',
-                date: '2018-04-11',
-                status: 'renewal',
-                verified: true,
-                activity: 81,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 17774
-            },
-            {
-                id: 1030,
-                name: 'Ammie Corrio',
-                country: {
-                    name: 'Hungary',
-                    code: 'hu'
-                },
-                company: 'Moskowitz, Barry S',
-                date: '2016-06-11',
-                status: 'negotiation',
-                verified: true,
-                activity: 56,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 49201
-            },
-            {
-                id: 1031,
-                name: 'Francine Vocelka',
-                country: {
-                    name: 'Honduras',
-                    code: 'hn'
-                },
-                company: 'Cascade Realty Advisors Inc',
-                date: '2017-08-02',
-                status: 'qualified',
-                verified: true,
-                activity: 94,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 67126
-            },
-            {
-                id: 1032,
-                name: 'Ernie Stenseth',
-                country: {
-                    name: 'Australia',
-                    code: 'au'
-                },
-                company: 'Knwz Newsradio',
-                date: '2018-06-06',
-                status: 'renewal',
-                verified: true,
-                activity: 68,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 76017
-            },
-            {
-                id: 1033,
-                name: 'Albina Glick',
-                country: {
-                    name: 'Ukraine',
-                    code: 'ua'
-                },
-                company: 'Giampetro, Anthony D',
-                date: '2019-08-08',
-                status: 'proposal',
-                verified: true,
-                activity: 85,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 91201
-            },
-            {
-                id: 1034,
-                name: 'Alishia Sergi',
-                country: {
-                    name: 'Qatar',
-                    code: 'qa'
-                },
-                company: 'Milford Enterprises Inc',
-                date: '2018-05-19',
-                status: 'negotiation',
-                verified: false,
-                activity: 46,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 12237
-            },
-            {
-                id: 1035,
-                name: 'Solange Shinko',
-                country: {
-                    name: 'Cameroon',
-                    code: 'cm'
-                },
-                company: 'Mosocco, Ronald A',
-                date: '2015-02-12',
-                status: 'qualified',
-                verified: true,
-                activity: 32,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 34072
-            },
-            {
-                id: 1036,
-                name: 'Jose Stockham',
-                country: {
-                    name: 'Italy',
-                    code: 'it'
-                },
-                company: 'Tri State Refueler Co',
-                date: '2018-04-25',
-                status: 'qualified',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 94909
-            },
-            {
-                id: 1037,
-                name: 'Rozella Ostrosky',
-                country: {
-                    name: 'Venezuela',
-                    code: 've'
-                },
-                company: 'Parkway Company',
-                date: '2016-02-27',
-                status: 'unqualified',
-                verified: true,
-                activity: 66,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 57245
-            },
-            {
-                id: 1038,
-                name: 'Valentine Gillian',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Fbs Business Finance',
-                date: '2019-09-17',
-                status: 'qualified',
-                verified: true,
-                activity: 25,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 75502
-            },
-            {
-                id: 1039,
-                name: 'Kati Rulapaugh',
-                country: {
-                    name: 'Puerto Rico',
-                    code: 'pr'
-                },
-                company: 'Eder Assocs Consltng Engrs Pc',
-                date: '2016-12-03',
-                status: 'renewal',
-                verified: false,
-                activity: 51,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 82075
-            },
-            {
-                id: 1040,
-                name: 'Youlanda Schemmer',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Tri M Tool Inc',
-                date: '2017-12-15',
-                status: 'negotiation',
-                verified: true,
-                activity: 49,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 19208
-            },
-            {
-                id: 1041,
-                name: 'Dyan Oldroyd',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'International Eyelets Inc',
-                date: '2017-02-02',
-                status: 'qualified',
-                verified: false,
-                activity: 5,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 50194
-            },
-            {
-                id: 1042,
-                name: 'Roxane Campain',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'Rapid Trading Intl',
-                date: '2018-12-25',
-                status: 'unqualified',
-                verified: false,
-                activity: 100,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 77714
-            },
-            {
-                id: 1043,
-                name: 'Lavera Perin',
-                country: {
-                    name: 'Vietnam',
-                    code: 'vn'
-                },
-                company: 'Abc Enterprises Inc',
-                date: '2018-04-10',
-                status: 'qualified',
-                verified: false,
-                activity: 71,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 35740
-            },
-            {
-                id: 1044,
-                name: 'Erick Ferencz',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Cindy Turner Associates',
-                date: '2018-05-06',
-                status: 'unqualified',
-                verified: true,
-                activity: 54,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 30790
-            },
-            {
-                id: 1045,
-                name: 'Fatima Saylors',
-                country: {
-                    name: 'Canada',
-                    code: 'ca'
-                },
-                company: 'Stanton, James D Esq',
-                date: '2019-07-10',
-                status: 'renewal',
-                verified: true,
-                activity: 93,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 52343
-            },
-            {
-                id: 1046,
-                name: 'Jina Briddick',
-                country: {
-                    name: 'Mexico',
-                    code: 'mx'
-                },
-                company: 'Grace Pastries Inc',
-                date: '2018-02-19',
-                status: 'unqualified',
-                verified: false,
-                activity: 97,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 53966
-            },
-            {
-                id: 1047,
-                name: 'Kanisha Waycott',
-                country: {
-                    name: 'Ecuador',
-                    code: 'ec'
-                },
-                company: 'Schroer, Gene E Esq',
-                date: '2019-11-27',
-                status: 'new',
-                verified: false,
-                activity: 80,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 9920
-            },
-            {
-                id: 1048,
-                name: 'Emerson Bowley',
-                country: {
-                    name: 'Finland',
-                    code: 'fi'
-                },
-                company: 'Knights Inn',
-                date: '2018-11-24',
-                status: 'new',
-                verified: false,
-                activity: 63,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 78069
-            },
-            {
-                id: 1049,
-                name: 'Blair Malet',
-                country: {
-                    name: 'Finland',
-                    code: 'fi'
-                },
-                company: 'Bollinger Mach Shp & Shipyard',
-                date: '2018-04-19',
-                status: 'new',
-                verified: true,
-                activity: 92,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 65005
-            },
-            {
-                id: 1050,
-                name: 'Brock Bolognia',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Orinda News',
-                date: '2019-09-06',
-                status: 'renewal',
-                verified: true,
-                activity: 72,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 51038
-            },
-            {
-                id: 1051,
-                name: 'Lorrie Nestle',
-                country: {
-                    name: 'Germany',
-                    code: 'de'
-                },
-                company: 'Ballard Spahr Andrews',
-                date: '2018-04-26',
-                status: 'renewal',
-                verified: false,
-                activity: 36,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 28218
-            },
-            {
-                id: 1052,
-                name: 'Sabra Uyetake',
-                country: {
-                    name: 'Peru',
-                    code: 'pe'
-                },
-                company: 'Lowy Limousine Service',
-                date: '2018-04-12',
-                status: 'new',
-                verified: false,
-                activity: 31,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 78527
-            },
-            {
-                id: 1053,
-                name: 'Marjory Mastella',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Vicon Corporation',
-                date: '2018-01-24',
-                status: 'negotiation',
-                verified: false,
-                activity: 89,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 23381
-            },
-            {
-                id: 1054,
-                name: 'Karl Klonowski',
-                country: {
-                    name: 'Saudi Arabia',
-                    code: 'sa'
-                },
-                company: 'Rossi, Michael M',
-                date: '2017-04-17',
-                status: 'unqualified',
-                verified: true,
-                activity: 27,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 64821
-            },
-            {
-                id: 1055,
-                name: 'Tonette Wenner',
-                country: {
-                    name: 'Australia',
-                    code: 'au'
-                },
-                company: 'Northwest Publishing',
-                date: '2019-04-14',
-                status: 'qualified',
-                verified: false,
-                activity: 27,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 55334
-            },
-            {
-                id: 1056,
-                name: 'Amber Monarrez',
-                country: {
-                    name: 'Sweden',
-                    code: 'se'
-                },
-                company: 'Branford Wire & Mfg Co',
-                date: '2019-09-09',
-                status: 'new',
-                verified: false,
-                activity: 79,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 83391
-            },
-            {
-                id: 1057,
-                name: 'Shenika Seewald',
-                country: {
-                    name: 'Australia',
-                    code: 'au'
-                },
-                company: 'East Coast Marketing',
-                date: '2017-02-18',
-                status: 'renewal',
-                verified: true,
-                activity: 39,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 31580
-            },
-            {
-                id: 1058,
-                name: 'Delmy Ahle',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Wye Technologies Inc',
-                date: '2020-10-05',
-                status: 'unqualified',
-                verified: false,
-                activity: 55,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 11723
-            },
-            {
-                id: 1059,
-                name: 'Deeanna Juhas',
-                country: {
-                    name: 'Sweden',
-                    code: 'se'
-                },
-                company: 'Healy, George W Iv',
-                date: '2018-09-28',
-                status: 'negotiation',
-                verified: false,
-                activity: 79,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 8454
-            },
-            {
-                id: 1060,
-                name: 'Blondell Pugh',
-                country: {
-                    name: 'Ireland',
-                    code: 'ie'
-                },
-                company: 'Alpenlite Inc',
-                date: '2016-06-16',
-                status: 'renewal',
-                verified: false,
-                activity: 49,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 99235
-            },
-            {
-                id: 1061,
-                name: 'Jamal Vanausdal',
-                country: {
-                    name: 'Morocco',
-                    code: 'ma'
-                },
-                company: 'Hubbard, Bruce Esq',
-                date: '2017-05-25',
-                status: 'proposal',
-                verified: true,
-                activity: 87,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 15656
-            },
-            {
-                id: 1062,
-                name: 'Cecily Hollack',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Arthur A Oliver & Son Inc',
-                date: '2020-05-09',
-                status: 'negotiation',
-                verified: true,
-                activity: 5,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 60586
-            },
-            {
-                id: 1063,
-                name: 'Carmelina Lindall',
-                country: {
-                    name: 'Puerto Rico',
-                    code: 'pr'
-                },
-                company: 'George Jessop Carter Jewelers',
-                date: '2019-09-07',
-                status: 'qualified',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 86239
-            },
-            {
-                id: 1064,
-                name: 'Maurine Yglesias',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Schultz, Thomas C Md',
-                date: '2015-08-10',
-                status: 'renewal',
-                verified: false,
-                activity: 94,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 15621
-            },
-            {
-                id: 1065,
-                name: 'Tawna Buvens',
-                country: {
-                    name: 'Indonesia',
-                    code: 'id'
-                },
-                company: 'H H H Enterprises Inc',
-                date: '2018-03-20',
-                status: 'new',
-                verified: false,
-                activity: 25,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 77248
-            },
-            {
-                id: 1066,
-                name: 'Penney Weight',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Hawaiian King Hotel',
-                date: '2020-03-03',
-                status: 'qualified',
-                verified: false,
-                activity: 96,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 478
-            },
-            {
-                id: 1067,
-                name: 'Elly Morocco',
-                country: {
-                    name: 'Thailand',
-                    code: 'th'
-                },
-                company: 'Killion Industries',
-                date: '2018-09-18',
-                status: 'qualified',
-                verified: true,
-                activity: 38,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 62505
-            },
-            {
-                id: 1068,
-                name: 'Ilene Eroman',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Robinson, William J Esq',
-                date: '2019-06-08',
-                status: 'new',
-                verified: true,
-                activity: 49,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 91480
-            },
-            {
-                id: 1069,
-                name: 'Vallie Mondella',
-                country: {
-                    name: 'Latvia',
-                    code: 'lv'
-                },
-                company: 'Private Properties',
-                date: '2018-12-06',
-                status: 'new',
-                verified: false,
-                activity: 16,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 21671
-            },
-            {
-                id: 1070,
-                name: 'Kallie Blackwood',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Rowley Schlimgen Inc',
-                date: '2017-04-05',
-                status: 'unqualified',
-                verified: false,
-                activity: 25,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 13775
-            },
-            {
-                id: 1071,
-                name: 'Johnetta Abdallah',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Forging Specialties',
-                date: '2015-02-02',
-                status: 'new',
-                verified: false,
-                activity: 16,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 60253
-            },
-            {
-                id: 1072,
-                name: 'Bobbye Rhym',
-                country: {
-                    name: 'Ukraine',
-                    code: 'ua'
-                },
-                company: 'Smits, Patricia Garity',
-                date: '2018-08-17',
-                status: 'qualified',
-                verified: true,
-                activity: 85,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 75225
-            },
-            {
-                id: 1073,
-                name: 'Micaela Rhymes',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'H Lee Leonard Attorney At Law',
-                date: '2018-09-08',
-                status: 'renewal',
-                verified: true,
-                activity: 92,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 3308
-            },
-            {
-                id: 1074,
-                name: 'Tamar Hoogland',
-                country: {
-                    name: 'Guatemala',
-                    code: 'gt'
-                },
-                company: 'A K Construction Co',
-                date: '2018-11-13',
-                status: 'proposal',
-                verified: true,
-                activity: 22,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 19711
-            },
-            {
-                id: 1075,
-                name: 'Moon Parlato',
-                country: {
-                    name: 'Czech Republic',
-                    code: 'cz'
-                },
-                company: 'Ambelang, Jessica M Md',
-                date: '2019-08-18',
-                status: 'renewal',
-                verified: false,
-                activity: 64,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 55110
-            },
-            {
-                id: 1076,
-                name: 'Laurel Reitler',
-                country: {
-                    name: 'United Kingdom',
-                    code: 'gb'
-                },
-                company: 'Q A Service',
-                date: '2015-04-02',
-                status: 'negotiation',
-                verified: false,
-                activity: 80,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 62392
-            },
-            {
-                id: 1077,
-                name: 'Delisa Crupi',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Wood & Whitacre Contractors',
-                date: '2017-09-15',
-                status: 'unqualified',
-                verified: false,
-                activity: 70,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 76530
-            },
-            {
-                id: 1078,
-                name: 'Viva Toelkes',
-                country: {
-                    name: 'United States',
-                    code: 'us'
-                },
-                company: 'Mark Iv Press Ltd',
-                date: '2017-03-27',
-                status: 'qualified',
-                verified: false,
-                activity: 16,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 7460
-            },
-            {
-                id: 1079,
-                name: 'Elza Lipke',
-                country: {
-                    name: 'Ireland',
-                    code: 'ie'
-                },
-                company: 'Museum Of Science & Industry',
-                date: '2017-06-01',
-                status: 'proposal',
-                verified: true,
-                activity: 90,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 42251
-            },
-            {
-                id: 1080,
-                name: 'Devorah Chickering',
-                country: {
-                    name: 'Spain',
-                    code: 'es'
-                },
-                company: 'Garrison Ind',
-                date: '2017-03-14',
-                status: 'proposal',
-                verified: true,
-                activity: 96,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 36435
-            },
-            {
-                id: 1081,
-                name: 'Timothy Mulqueen',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Saronix Nymph Products',
-                date: '2018-07-09',
-                status: 'renewal',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 39197
-            },
-            {
-                id: 1082,
-                name: 'Arlette Honeywell',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Smc Inc',
-                date: '2018-09-11',
-                status: 'proposal',
-                verified: true,
-                activity: 46,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 72707
-            },
-            {
-                id: 1083,
-                name: 'Dominque Dickerson',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'E A I Electronic Assocs Inc',
-                date: '2017-11-12',
-                status: 'qualified',
-                verified: true,
-                activity: 83,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 97965
-            },
-            {
-                id: 1084,
-                name: 'Lettie Isenhower',
-                country: {
-                    name: 'Canada',
-                    code: 'ca'
-                },
-                company: 'Conte, Christopher A Esq',
-                date: '2016-03-01',
-                status: 'qualified',
-                verified: true,
-                activity: 83,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 5823
-            },
-            {
-                id: 1085,
-                name: 'Myra Munns',
-                country: {
-                    name: 'Lithuania',
-                    code: 'lt'
-                },
-                company: 'Anker Law Office',
-                date: '2016-05-21',
-                status: 'unqualified',
-                verified: true,
-                activity: 49,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 96471
-            },
-            {
-                id: 1086,
-                name: 'Stephaine Barfield',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Beutelschies & Company',
-                date: '2016-01-22',
-                status: 'new',
-                verified: true,
-                activity: 34,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 33710
-            },
-            {
-                id: 1087,
-                name: 'Lai Gato',
-                country: {
-                    name: 'Nigeria',
-                    code: 'ng'
-                },
-                company: 'Fligg, Kenneth I Jr',
-                date: '2016-07-26',
-                status: 'unqualified',
-                verified: false,
-                activity: 64,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 30611
-            },
-            {
-                id: 1088,
-                name: 'Stephen Emigh',
-                country: {
-                    name: 'Cuba',
-                    code: 'cu'
-                },
-                company: 'Sharp, J Daniel Esq',
-                date: '2020-07-24',
-                status: 'renewal',
-                verified: false,
-                activity: 51,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 32960
-            },
-            {
-                id: 1089,
-                name: 'Tyra Shields',
-                country: {
-                    name: 'Honduras',
-                    code: 'hn'
-                },
-                company: 'Assink, Anne H Esq',
-                date: '2019-11-10',
-                status: 'negotiation',
-                verified: false,
-                activity: 11,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 57423
-            },
-            {
-                id: 1090,
-                name: 'Tammara Wardrip',
-                country: {
-                    name: 'Saudi Arabia',
-                    code: 'sa'
-                },
-                company: 'Jewel My Shop Inc',
-                date: '2016-06-05',
-                status: 'renewal',
-                verified: true,
-                activity: 64,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 23027
-            },
-            {
-                id: 1091,
-                name: 'Cory Gibes',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Chinese Translation Resources',
-                date: '2016-02-28',
-                status: 'new',
-                verified: false,
-                activity: 44,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 84182
-            },
-            {
-                id: 1092,
-                name: 'Danica Bruschke',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Stevens, Charles T',
-                date: '2018-12-13',
-                status: 'unqualified',
-                verified: true,
-                activity: 62,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 25237
-            },
-            {
-                id: 1093,
-                name: 'Wilda Giguere',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Mclaughlin, Luther W Cpa',
-                date: '2017-06-16',
-                status: 'new',
-                verified: true,
-                activity: 79,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 87736
-            },
-            {
-                id: 1094,
-                name: 'Elvera Benimadho',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Tree Musketeers',
-                date: '2019-02-17',
-                status: 'proposal',
-                verified: true,
-                activity: 50,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 38674
-            },
-            {
-                id: 1095,
-                name: 'Carma Vanheusen',
-                country: {
-                    name: 'Turkey',
-                    code: 'tr'
-                },
-                company: 'Springfield Div Oh Edison Co',
-                date: '2019-11-26',
-                status: 'renewal',
-                verified: false,
-                activity: 84,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 67762
-            },
-            {
-                id: 1096,
-                name: 'Malinda Hochard',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'Logan Memorial Hospital',
-                date: '2016-07-06',
-                status: 'new',
-                verified: false,
-                activity: 88,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 81299
-            },
-            {
-                id: 1097,
-                name: 'Natalie Fern',
-                country: {
-                    name: 'Canada',
-                    code: 'ca'
-                },
-                company: 'Kelly, Charles G Esq',
-                date: '2019-10-02',
-                status: 'proposal',
-                verified: true,
-                activity: 44,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 64794
-            },
-            {
-                id: 1098,
-                name: 'Lisha Centini',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Industrial Paper Shredders Inc',
-                date: '2018-07-05',
-                status: 'new',
-                verified: true,
-                activity: 7,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 7815
-            },
-            {
-                id: 1099,
-                name: 'Arlene Klusman',
-                country: {
-                    name: 'Jamaica',
-                    code: 'jm'
-                },
-                company: 'Beck Horizon Builders',
-                date: '2018-05-14',
-                status: 'proposal',
-                verified: true,
-                activity: 99,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 37976
-            },
-            {
-                id: 1100,
-                name: 'Alease Buemi',
-                country: {
-                    name: 'Costa Rica',
-                    code: 'cr'
-                },
-                company: 'Porto Cayo At Hawks Cay',
-                date: '2018-03-14',
-                status: 'unqualified',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 59594
-            },
-            {
-                id: 1101,
-                name: 'Louisa Cronauer',
-                country: {
-                    name: 'Costa Rica',
-                    code: 'cr'
-                },
-                company: 'Pacific Grove Museum Ntrl Hist',
-                date: '2018-09-23',
-                status: 'qualified',
-                verified: false,
-                activity: 3,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 92528
-            },
-            {
-                id: 1102,
-                name: 'Angella Cetta',
-                country: {
-                    name: 'Vietnam',
-                    code: 'vn'
-                },
-                company: 'Bender & Hatley Pc',
-                date: '2018-04-10',
-                status: 'qualified',
-                verified: false,
-                activity: 88,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 58964
-            },
-            {
-                id: 1103,
-                name: 'Cyndy Goldammer',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'Di Cristina J & Son',
-                date: '2017-09-18',
-                status: 'unqualified',
-                verified: false,
-                activity: 92,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 65860
-            },
-            {
-                id: 1104,
-                name: 'Rosio Cork',
-                country: {
-                    name: 'Singapore',
-                    code: 'sg'
-                },
-                company: 'Green Goddess',
-                date: '2017-08-19',
-                status: 'negotiation',
-                verified: true,
-                activity: 19,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 63863
-            },
-            {
-                id: 1105,
-                name: 'Celeste Korando',
-                country: {
-                    name: 'Costa Rica',
-                    code: 'cr'
-                },
-                company: 'American Arts & Graphics',
-                date: '2020-06-18',
-                status: 'proposal',
-                verified: true,
-                activity: 21,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 37510
-            },
-            {
-                id: 1106,
-                name: 'Twana Felger',
-                country: {
-                    name: 'Croatia',
-                    code: 'hr'
-                },
-                company: 'Opryland Hotel',
-                date: '2016-11-18',
-                status: 'negotiation',
-                verified: false,
-                activity: 97,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 63876
-            },
-            {
-                id: 1107,
-                name: 'Estrella Samu',
-                country: {
-                    name: 'Vietnam',
-                    code: 'vn'
-                },
-                company: 'Marking Devices Pubg Co',
-                date: '2017-06-25',
-                status: 'unqualified',
-                verified: false,
-                activity: 27,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 93263
-            },
-            {
-                id: 1108,
-                name: 'Donte Kines',
-                country: {
-                    name: 'Slovakia',
-                    code: 'sk'
-                },
-                company: 'W Tc Industries Inc',
-                date: '2019-02-16',
-                status: 'new',
-                verified: true,
-                activity: 35,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 57198
-            },
-            {
-                id: 1109,
-                name: 'Tiffiny Steffensmeier',
-                country: {
-                    name: 'Pakistan',
-                    code: 'pk'
-                },
-                company: 'Whitehall Robbins Labs Divsn',
-                date: '2018-03-11',
-                status: 'new',
-                verified: true,
-                activity: 81,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 89147
-            },
-            {
-                id: 1110,
-                name: 'Edna Miceli',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'Sampler',
-                date: '2017-10-15',
-                status: 'renewal',
-                verified: true,
-                activity: 54,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 41466
-            },
-            {
-                id: 1111,
-                name: 'Sue Kownacki',
-                country: {
-                    name: 'Jamaica',
-                    code: 'jm'
-                },
-                company: 'Juno Chefs Incorporated',
-                date: '2017-03-17',
-                status: 'proposal',
-                verified: false,
-                activity: 31,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 38918
-            },
-            {
-                id: 1112,
-                name: 'Jesusa Shin',
-                country: {
-                    name: 'Ukraine',
-                    code: 'ua'
-                },
-                company: 'Carroccio, A Thomas Esq',
-                date: '2017-04-06',
-                status: 'renewal',
-                verified: false,
-                activity: 28,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 11397
-            },
-            {
-                id: 1113,
-                name: 'Rolland Francescon',
-                country: {
-                    name: 'United Kingdom',
-                    code: 'gb'
-                },
-                company: 'Stanley, Richard L Esq',
-                date: '2019-02-03',
-                status: 'qualified',
-                verified: false,
-                activity: 45,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 40930
-            },
-            {
-                id: 1114,
-                name: 'Pamella Schmierer',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'K Cs Cstm Mouldings Windows',
-                date: '2016-09-22',
-                status: 'unqualified',
-                verified: true,
-                activity: 34,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 40847
-            },
-            {
-                id: 1115,
-                name: 'Glory Kulzer',
-                country: {
-                    name: 'Croatia',
-                    code: 'hr'
-                },
-                company: 'Comfort Inn',
-                date: '2017-09-27',
-                status: 'unqualified',
-                verified: true,
-                activity: 36,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 27832
-            },
-            {
-                id: 1116,
-                name: 'Shawna Palaspas',
-                country: {
-                    name: 'Estonia',
-                    code: 'ee'
-                },
-                company: 'Windsor, James L Esq',
-                date: '2017-06-25',
-                status: 'unqualified',
-                verified: true,
-                activity: 69,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 89060
-            },
-            {
-                id: 1117,
-                name: 'Brandon Callaro',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'Jackson Shields Yeiser',
-                date: '2016-07-13',
-                status: 'proposal',
-                verified: true,
-                activity: 55,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 52474
-            },
-            {
-                id: 1118,
-                name: 'Scarlet Cartan',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Box, J Calvin Esq',
-                date: '2018-09-13',
-                status: 'renewal',
-                verified: false,
-                activity: 1,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 19094
-            },
-            {
-                id: 1119,
-                name: 'Oretha Menter',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Custom Engineering Inc',
-                date: '2017-09-11',
-                status: 'renewal',
-                verified: false,
-                activity: 8,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 93756
-            },
-            {
-                id: 1120,
-                name: 'Ty Smith',
-                country: {
-                    name: 'United States',
-                    code: 'us'
-                },
-                company: 'Bresler Eitel Framg Gllry Ltd',
-                date: '2019-07-06',
-                status: 'unqualified',
-                verified: false,
-                activity: 50,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 77388
-            },
-            {
-                id: 1121,
-                name: 'Xuan Rochin',
-                country: {
-                    name: 'Colombia',
-                    code: 'co'
-                },
-                company: 'Carol, Drake Sparks Esq',
-                date: '2018-05-22',
-                status: 'proposal',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 48759
-            },
-            {
-                id: 1122,
-                name: 'Lindsey Dilello',
-                country: {
-                    name: 'Austria',
-                    code: 'at'
-                },
-                company: 'Biltmore Investors Bank',
-                date: '2017-07-18',
-                status: 'renewal',
-                verified: true,
-                activity: 65,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 37568
-            },
-            {
-                id: 1123,
-                name: 'Devora Perez',
-                country: {
-                    name: 'Uruguay',
-                    code: 'uy'
-                },
-                company: 'Desco Equipment Corp',
-                date: '2017-10-09',
-                status: 'unqualified',
-                verified: true,
-                activity: 30,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 4477
-            },
-            {
-                id: 1124,
-                name: 'Herman Demesa',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Merlin Electric Co',
-                date: '2019-05-23',
-                status: 'proposal',
-                verified: true,
-                activity: 10,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 13764
-            },
-            {
-                id: 1125,
-                name: 'Rory Papasergi',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Bailey Cntl Co Div Babcock',
-                date: '2019-03-02',
-                status: 'qualified',
-                verified: false,
-                activity: 22,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 68222
-            },
-            {
-                id: 1126,
-                name: 'Talia Riopelle',
-                country: {
-                    name: 'Guatemala',
-                    code: 'gt'
-                },
-                company: 'Ford Brothers Wholesale Inc',
-                date: '2017-02-18',
-                status: 'new',
-                verified: false,
-                activity: 69,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 29164
-            },
-            {
-                id: 1127,
-                name: 'Van Shire',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Cambridge Inn',
-                date: '2020-05-12',
-                status: 'new',
-                verified: false,
-                activity: 4,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 61651
-            },
-            {
-                id: 1128,
-                name: 'Lucina Lary',
-                country: {
-                    name: 'Switzerland',
-                    code: 'ch'
-                },
-                company: 'Matricciani, Albert J Jr',
-                date: '2019-11-20',
-                status: 'negotiation',
-                verified: true,
-                activity: 11,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 79938
-            },
-            {
-                id: 1129,
-                name: 'Bok Isaacs',
-                country: {
-                    name: 'Chile',
-                    code: 'cl'
-                },
-                company: 'Nelson Hawaiian Ltd',
-                date: '2016-11-10',
-                status: 'proposal',
-                verified: true,
-                activity: 41,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 44037
-            },
-            {
-                id: 1130,
-                name: 'Rolande Spickerman',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Neland Travel Agency',
-                date: '2016-07-11',
-                status: 'renewal',
-                verified: true,
-                activity: 84,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 89918
-            },
-            {
-                id: 1131,
-                name: 'Howard Paulas',
-                country: {
-                    name: 'Indonesia',
-                    code: 'id'
-                },
-                company: 'Asendorf, J Alan Esq',
-                date: '2017-07-17',
-                status: 'negotiation',
-                verified: false,
-                activity: 22,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 32372
-            },
-            {
-                id: 1132,
-                name: 'Kimbery Madarang',
-                country: {
-                    name: 'Senegal',
-                    code: 'sn'
-                },
-                company: 'Silberman, Arthur L Esq',
-                date: '2018-08-19',
-                status: 'negotiation',
-                verified: true,
-                activity: 63,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 46478
-            },
-            {
-                id: 1133,
-                name: 'Thurman Manno',
-                country: {
-                    name: 'Colombia',
-                    code: 'co'
-                },
-                company: 'Honey Bee Breeding Genetics &',
-                date: '2016-05-02',
-                status: 'qualified',
-                verified: true,
-                activity: 47,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 30674
-            },
-            {
-                id: 1134,
-                name: 'Becky Mirafuentes',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'Wells Kravitz Schnitzer',
-                date: '2018-04-13',
-                status: 'unqualified',
-                verified: true,
-                activity: 62,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 47714
-            },
-            {
-                id: 1135,
-                name: 'Beatriz Corrington',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Prohab Rehabilitation Servs',
-                date: '2020-01-04',
-                status: 'renewal',
-                verified: true,
-                activity: 55,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 14307
-            },
-            {
-                id: 1136,
-                name: 'Marti Maybury',
-                country: {
-                    name: 'Thailand',
-                    code: 'th'
-                },
-                company: 'Eldridge, Kristin K Esq',
-                date: '2016-02-05',
-                status: 'unqualified',
-                verified: false,
-                activity: 3,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 82069
-            },
-            {
-                id: 1137,
-                name: 'Nieves Gotter',
-                country: {
-                    name: 'Latvia',
-                    code: 'lv'
-                },
-                company: 'Vlahos, John J Esq',
-                date: '2017-03-12',
-                status: 'proposal',
-                verified: false,
-                activity: 3,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 11182
-            },
-            {
-                id: 1138,
-                name: 'Leatha Hagele',
-                country: {
-                    name: 'Ukraine',
-                    code: 'ua'
-                },
-                company: 'Ninas Indian Grs & Videos',
-                date: '2019-03-27',
-                status: 'unqualified',
-                verified: false,
-                activity: 67,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 17126
-            },
-            {
-                id: 1139,
-                name: 'Valentin Klimek',
-                country: {
-                    name: 'Ivory Coast',
-                    code: 'ci'
-                },
-                company: 'Schmid, Gayanne K Esq',
-                date: '2019-08-06',
-                status: 'unqualified',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 19724
-            },
-            {
-                id: 1140,
-                name: 'Melissa Wiklund',
-                country: {
-                    name: 'Japan',
-                    code: 'jp'
-                },
-                company: 'Moapa Valley Federal Credit Un',
-                date: '2018-03-20',
-                status: 'qualified',
-                verified: true,
-                activity: 8,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 91888
-            },
-            {
-                id: 1141,
-                name: 'Sheridan Zane',
-                country: {
-                    name: 'Croatia',
-                    code: 'hr'
-                },
-                company: 'Kentucky Tennessee Clay Co',
-                date: '2016-02-15',
-                status: 'qualified',
-                verified: true,
-                activity: 17,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 15016
-            },
-            {
-                id: 1142,
-                name: 'Bulah Padilla',
-                country: {
-                    name: 'Philippines',
-                    code: 'ph'
-                },
-                company: 'Admiral Party Rentals & Sales',
-                date: '2016-02-10',
-                status: 'proposal',
-                verified: false,
-                activity: 58,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 23118
-            },
-            {
-                id: 1143,
-                name: 'Audra Kohnert',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Nelson, Karolyn King Esq',
-                date: '2019-07-16',
-                status: 'unqualified',
-                verified: false,
-                activity: 82,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 90560
-            },
-            {
-                id: 1144,
-                name: 'Daren Weirather',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Panasystems',
-                date: '2015-07-23',
-                status: 'negotiation',
-                verified: false,
-                activity: 96,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 34155
-            },
-            {
-                id: 1145,
-                name: 'Fernanda Jillson',
-                country: {
-                    name: 'Mexico',
-                    code: 'mx'
-                },
-                company: 'Shank, Edward L Esq',
-                date: '2017-07-02',
-                status: 'unqualified',
-                verified: true,
-                activity: 92,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 6350
-            },
-            {
-                id: 1146,
-                name: 'Gearldine Gellinger',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Megibow & Edwards',
-                date: '2019-08-17',
-                status: 'proposal',
-                verified: true,
-                activity: 18,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 77641
-            },
-            {
-                id: 1147,
-                name: 'Chau Kitzman',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Benoff, Edward Esq',
-                date: '2019-07-04',
-                status: 'new',
-                verified: true,
-                activity: 9,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 43289
-            },
-            {
-                id: 1148,
-                name: 'Theola Frey',
-                country: {
-                    name: 'Vietnam',
-                    code: 'vn'
-                },
-                company: 'Woodbridge Free Public Library',
-                date: '2020-03-14',
-                status: 'unqualified',
-                verified: true,
-                activity: 44,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 85657
-            },
-            {
-                id: 1149,
-                name: 'Cheryl Haroldson',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'New York Life John Thune',
-                date: '2018-04-03',
-                status: 'new',
-                verified: false,
-                activity: 55,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 82733
-            },
-            {
-                id: 1150,
-                name: 'Laticia Merced',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'Alinabal Inc',
-                date: '2017-03-04',
-                status: 'unqualified',
-                verified: false,
-                activity: 21,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 38004
-            },
-            {
-                id: 1151,
-                name: 'Carissa Batman',
-                country: {
-                    name: 'Greece',
-                    code: 'gr'
-                },
-                company: 'Poletto, Kim David Esq',
-                date: '2016-05-05',
-                status: 'negotiation',
-                verified: true,
-                activity: 91,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 29038
-            },
-            {
-                id: 1152,
-                name: 'Lezlie Craghead',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Chang, Carolyn Esq',
-                date: '2019-05-28',
-                status: 'renewal',
-                verified: false,
-                activity: 30,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 75123
-            },
-            {
-                id: 1153,
-                name: 'Ozell Shealy',
-                country: {
-                    name: 'Pakistan',
-                    code: 'pk'
-                },
-                company: 'Silver Bros Inc',
-                date: '2016-08-19',
-                status: 'proposal',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 33214
-            },
-            {
-                id: 1154,
-                name: 'Arminda Parvis',
-                country: {
-                    name: 'Indonesia',
-                    code: 'id'
-                },
-                company: 'Newtec Inc',
-                date: '2020-02-09',
-                status: 'proposal',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 80651
-            },
-            {
-                id: 1155,
-                name: 'Reita Leto',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Creative Business Systems',
-                date: '2020-04-03',
-                status: 'unqualified',
-                verified: true,
-                activity: 58,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 5085
-            },
-            {
-                id: 1156,
-                name: 'Yolando Luczki',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'Dal Tile Corporation',
-                date: '2015-01-27',
-                status: 'renewal',
-                verified: true,
-                activity: 78,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 93021
-            },
-            {
-                id: 1157,
-                name: 'Lizette Stem',
-                country: {
-                    name: 'Slovakia',
-                    code: 'sk'
-                },
-                company: 'Edward S Katz',
-                date: '2018-08-06',
-                status: 'new',
-                verified: false,
-                activity: 67,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 37287
-            },
-            {
-                id: 1158,
-                name: 'Gregoria Pawlowicz',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Oh My Goodknits Inc',
-                date: '2020-02-20',
-                status: 'renewal',
-                verified: false,
-                activity: 29,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 73070
-            },
-            {
-                id: 1159,
-                name: 'Carin Deleo',
-                country: {
-                    name: 'China',
-                    code: 'cn'
-                },
-                company: 'Redeker, Debbie',
-                date: '2015-05-28',
-                status: 'qualified',
-                verified: true,
-                activity: 13,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 64422
-            },
-            {
-                id: 1160,
-                name: 'Chantell Maynerich',
-                country: {
-                    name: 'Estonia',
-                    code: 'ee'
-                },
-                company: 'Desert Sands Motel',
-                date: '2016-09-05',
-                status: 'unqualified',
-                verified: true,
-                activity: 75,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 36826
-            },
-            {
-                id: 1161,
-                name: 'Dierdre Yum',
-                country: {
-                    name: 'Czech Republic',
-                    code: 'cz'
-                },
-                company: 'Cummins Southern Plains Inc',
-                date: '2016-12-20',
-                status: 'negotiation',
-                verified: true,
-                activity: 1,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 93101
-            },
-            {
-                id: 1162,
-                name: 'Larae Gudroe',
-                country: {
-                    name: 'Slovenia',
-                    code: 'si'
-                },
-                company: 'Lehigh Furn Divsn Lehigh',
-                date: '2015-11-28',
-                status: 'unqualified',
-                verified: false,
-                activity: 13,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 60177
-            },
-            {
-                id: 1163,
-                name: 'Latrice Tolfree',
-                country: {
-                    name: 'Jamaica',
-                    code: 'jm'
-                },
-                company: 'United Van Lines Agent',
-                date: '2018-11-11',
-                status: 'renewal',
-                verified: false,
-                activity: 73,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 47198
-            },
-            {
-                id: 1164,
-                name: 'Kerry Theodorov',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'Capitol Reporters',
-                date: '2016-11-05',
-                status: 'unqualified',
-                verified: true,
-                activity: 76,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 71305
-            },
-            {
-                id: 1165,
-                name: 'Dorthy Hidvegi',
-                country: {
-                    name: 'Poland',
-                    code: 'pl'
-                },
-                company: 'Kwik Kopy Printing',
-                date: '2020-08-13',
-                status: 'qualified',
-                verified: true,
-                activity: 60,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 17526
-            },
-            {
-                id: 1166,
-                name: 'Fannie Lungren',
-                country: {
-                    name: 'Belarus',
-                    code: 'by'
-                },
-                company: 'Centro Inc',
-                date: '2015-07-06',
-                status: 'negotiation',
-                verified: true,
-                activity: 24,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 16596
-            },
-            {
-                id: 1167,
-                name: 'Evangelina Radde',
-                country: {
-                    name: 'Ivory Coast',
-                    code: 'ci'
-                },
-                company: 'Campbell, Jan Esq',
-                date: '2020-02-25',
-                status: 'unqualified',
-                verified: true,
-                activity: 93,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 56870
-            },
-            {
-                id: 1168,
-                name: 'Novella Degroot',
-                country: {
-                    name: 'Slovenia',
-                    code: 'si'
-                },
-                company: 'Evans, C Kelly Esq',
-                date: '2017-12-19',
-                status: 'unqualified',
-                verified: false,
-                activity: 30,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 82928
-            },
-            {
-                id: 1169,
-                name: 'Clay Hoa',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Scat Enterprises',
-                date: '2016-02-22',
-                status: 'negotiation',
-                verified: false,
-                activity: 93,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 64181
-            },
-            {
-                id: 1170,
-                name: 'Jennifer Fallick',
-                country: {
-                    name: 'Australia',
-                    code: 'au'
-                },
-                company: 'Nagle, Daniel J Esq',
-                date: '2016-12-24',
-                status: 'unqualified',
-                verified: true,
-                activity: 88,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 30561
-            },
-            {
-                id: 1171,
-                name: 'Irma Wolfgramm',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Serendiquity Bed & Breakfast',
-                date: '2020-10-18',
-                status: 'negotiation',
-                verified: true,
-                activity: 70,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 24617
-            },
-            {
-                id: 1172,
-                name: 'Eun Coody',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Ray Carolyne Realty',
-                date: '2018-02-12',
-                status: 'qualified',
-                verified: true,
-                activity: 61,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 77860
-            },
-            {
-                id: 1173,
-                name: 'Sylvia Cousey',
-                country: {
-                    name: 'Ireland',
-                    code: 'ie'
-                },
-                company: 'Berg, Charles E',
-                date: '2018-06-10',
-                status: 'unqualified',
-                verified: false,
-                activity: 91,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 25664
-            },
-            {
-                id: 1174,
-                name: 'Nana Wrinkles',
-                country: {
-                    name: 'Austria',
-                    code: 'at'
-                },
-                company: 'Ray, Milbern D',
-                date: '2017-04-11',
-                status: 'renewal',
-                verified: true,
-                activity: 98,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 98113
-            },
-            {
-                id: 1175,
-                name: 'Layla Springe',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Chadds Ford Winery',
-                date: '2019-07-27',
-                status: 'unqualified',
-                verified: true,
-                activity: 97,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 14763
-            },
-            {
-                id: 1176,
-                name: 'Joesph Degonia',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'A R Packaging',
-                date: '2020-04-23',
-                status: 'renewal',
-                verified: true,
-                activity: 56,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 31317
-            },
-            {
-                id: 1177,
-                name: 'Annabelle Boord',
-                country: {
-                    name: 'Guatemala',
-                    code: 'gt'
-                },
-                company: 'Corn Popper',
-                date: '2020-09-16',
-                status: 'proposal',
-                verified: true,
-                activity: 76,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 30883
-            },
-            {
-                id: 1178,
-                name: 'Stephaine Vinning',
-                country: {
-                    name: 'Australia',
-                    code: 'au'
-                },
-                company: 'Birite Foodservice Distr',
-                date: '2016-05-14',
-                status: 'negotiation',
-                verified: true,
-                activity: 43,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 93785
-            },
-            {
-                id: 1179,
-                name: 'Nelida Sawchuk',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Anchorage Museum Of Hist & Art',
-                date: '2018-06-22',
-                status: 'qualified',
-                verified: true,
-                activity: 58,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 68380
-            },
-            {
-                id: 1180,
-                name: 'Marguerita Hiatt',
-                country: {
-                    name: 'United Kingdom',
-                    code: 'gb'
-                },
-                company: 'Haber, George D Md',
-                date: '2018-10-25',
-                status: 'qualified',
-                verified: false,
-                activity: 72,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 93454
-            },
-            {
-                id: 1181,
-                name: 'Carmela Cookey',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'Royal Pontiac Olds Inc',
-                date: '2018-07-19',
-                status: 'proposal',
-                verified: false,
-                activity: 24,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 30570
-            },
-            {
-                id: 1182,
-                name: 'Junita Brideau',
-                country: {
-                    name: 'Indonesia',
-                    code: 'id'
-                },
-                company: 'Leonards Antiques Inc',
-                date: '2015-03-15',
-                status: 'proposal',
-                verified: true,
-                activity: 86,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 79506
-            },
-            {
-                id: 1183,
-                name: 'Claribel Varriano',
-                country: {
-                    name: 'Ecuador',
-                    code: 'ec'
-                },
-                company: 'Meca',
-                date: '2017-04-14',
-                status: 'unqualified',
-                verified: true,
-                activity: 15,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 8654
-            },
-            {
-                id: 1184,
-                name: 'Benton Skursky',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Nercon Engineering & Mfg Inc',
-                date: '2015-02-19',
-                status: 'proposal',
-                verified: true,
-                activity: 9,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 13368
-            },
-            {
-                id: 1185,
-                name: 'Hillary Skulski',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'Replica I',
-                date: '2016-03-25',
-                status: 'unqualified',
-                verified: true,
-                activity: 82,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 92631
-            },
-            {
-                id: 1186,
-                name: 'Merilyn Bayless',
-                country: {
-                    name: 'Jamaica',
-                    code: 'jm'
-                },
-                company: '20 20 Printing Inc',
-                date: '2020-10-13',
-                status: 'unqualified',
-                verified: true,
-                activity: 13,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 4989
-            },
-            {
-                id: 1187,
-                name: 'Teri Ennaco',
-                country: {
-                    name: 'Pakistan',
-                    code: 'pk'
-                },
-                company: 'Publishers Group West',
-                date: '2019-12-21',
-                status: 'unqualified',
-                verified: true,
-                activity: 57,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 77668
-            },
-            {
-                id: 1188,
-                name: 'Merlyn Lawler',
-                country: {
-                    name: 'Germany',
-                    code: 'de'
-                },
-                company: 'Nischwitz, Jeffrey L Esq',
-                date: '2016-02-26',
-                status: 'renewal',
-                verified: true,
-                activity: 45,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 3525
-            },
-            {
-                id: 1189,
-                name: 'Georgene Montezuma',
-                country: {
-                    name: 'Senegal',
-                    code: 'sn'
-                },
-                company: 'Payne Blades & Wellborn Pa',
-                date: '2018-10-11',
-                status: 'new',
-                verified: true,
-                activity: 64,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 45838
-            },
-            {
-                id: 1190,
-                name: 'Jettie Mconnell',
-                country: {
-                    name: 'Denmark',
-                    code: 'dk'
-                },
-                company: 'Coldwell Bnkr Wright Real Est',
-                date: '2015-10-18',
-                status: 'negotiation',
-                verified: false,
-                activity: 74,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 49148
-            },
-            {
-                id: 1191,
-                name: 'Lemuel Latzke',
-                country: {
-                    name: 'Colombia',
-                    code: 'co'
-                },
-                company: 'Computer Repair Service',
-                date: '2016-02-13',
-                status: 'proposal',
-                verified: false,
-                activity: 79,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 96709
-            },
-            {
-                id: 1192,
-                name: 'Melodie Knipp',
-                country: {
-                    name: 'Finland',
-                    code: 'fi'
-                },
-                company: 'Fleetwood Building Block Inc',
-                date: '2018-03-08',
-                status: 'negotiation',
-                verified: false,
-                activity: 19,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 23253
-            },
-            {
-                id: 1193,
-                name: 'Candida Corbley',
-                country: {
-                    name: 'Poland',
-                    code: 'pl'
-                },
-                company: 'Colts Neck Medical Assocs Inc',
-                date: '2017-12-02',
-                status: 'negotiation',
-                verified: true,
-                activity: 11,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 40836
-            },
-            {
-                id: 1194,
-                name: 'Karan Karpin',
-                country: {
-                    name: 'Estonia',
-                    code: 'ee'
-                },
-                company: 'New England Taxidermy',
-                date: '2019-01-07',
-                status: 'proposal',
-                verified: true,
-                activity: 4,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 60719
-            },
-            {
-                id: 1195,
-                name: 'Andra Scheyer',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'Ludcke, George O Esq',
-                date: '2016-08-14',
-                status: 'qualified',
-                verified: true,
-                activity: 62,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 17419
-            },
-            {
-                id: 1196,
-                name: 'Felicidad Poullion',
-                country: {
-                    name: 'Greece',
-                    code: 'gr'
-                },
-                company: 'Mccorkle, Tom S Esq',
-                date: '2016-03-05',
-                status: 'renewal',
-                verified: true,
-                activity: 64,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 94052
-            },
-            {
-                id: 1197,
-                name: 'Belen Strassner',
-                country: {
-                    name: 'Ivory Coast',
-                    code: 'ci'
-                },
-                company: 'Eagle Software Inc',
-                date: '2015-12-14',
-                status: 'qualified',
-                verified: true,
-                activity: 91,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 54241
-            },
-            {
-                id: 1198,
-                name: 'Gracia Melnyk',
-                country: {
-                    name: 'Costa Rica',
-                    code: 'cr'
-                },
-                company: 'Juvenile & Adult Super',
-                date: '2019-06-01',
-                status: 'unqualified',
-                verified: true,
-                activity: 40,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 87668
-            },
-            {
-                id: 1199,
-                name: 'Jolanda Hanafan',
-                country: {
-                    name: 'Cameroon',
-                    code: 'cm'
-                },
-                company: 'Perez, Joseph J Esq',
-                date: '2015-12-09',
-                status: 'qualified',
-                verified: true,
-                activity: 27,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 99417
-            },
-            {
-                id: 1200,
-                name: 'Barrett Toyama',
-                country: {
-                    name: 'Thailand',
-                    code: 'th'
-                },
-                company: 'Case Foundation Co',
-                date: '2019-08-16',
-                status: 'new',
-                verified: true,
-                activity: 82,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 89792
-            },
-            {
-                id: 1201,
-                name: 'Helga Fredicks',
-                country: {
-                    name: 'Guatemala',
-                    code: 'gt'
-                },
-                company: 'Eis Environmental Engrs Inc',
-                date: '2018-06-20',
-                status: 'new',
-                verified: true,
-                activity: 33,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 42356
-            },
-            {
-                id: 1202,
-                name: 'Ashlyn Pinilla',
-                country: {
-                    name: 'Japan',
-                    code: 'jp'
-                },
-                company: 'Art Crafters',
-                date: '2018-04-11',
-                status: 'unqualified',
-                verified: true,
-                activity: 5,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 90979
-            },
-            {
-                id: 1203,
-                name: 'Fausto Agramonte',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Marriott Hotels Resorts Suites',
-                date: '2019-06-25',
-                status: 'new',
-                verified: false,
-                activity: 22,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 45082
-            },
-            {
-                id: 1204,
-                name: 'Ronny Caiafa',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Remaco Inc',
-                date: '2020-07-21',
-                status: 'new',
-                verified: true,
-                activity: 61,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 9871
-            },
-            {
-                id: 1205,
-                name: 'Marge Limmel',
-                country: {
-                    name: 'Cameroon',
-                    code: 'cm'
-                },
-                company: 'Bjork, Robert D Jr',
-                date: '2015-03-12',
-                status: 'unqualified',
-                verified: true,
-                activity: 90,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 47043
-            },
-            {
-                id: 1206,
-                name: 'Norah Waymire',
-                country: {
-                    name: 'United States',
-                    code: 'us'
-                },
-                company: 'Carmichael, Jeffery L Esq',
-                date: '2019-06-11',
-                status: 'renewal',
-                verified: true,
-                activity: 48,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 92763
-            },
-            {
-                id: 1207,
-                name: 'Aliza Baltimore',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Andrews, J Robert Esq',
-                date: '2020-11-25',
-                status: 'unqualified',
-                verified: true,
-                activity: 59,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 18075
-            },
-            {
-                id: 1208,
-                name: 'Mozell Pelkowski',
-                country: {
-                    name: 'Latvia',
-                    code: 'lv'
-                },
-                company: 'Winship \u0026 Byrne',
-                date: '2018-04-13',
-                status: 'unqualified',
-                verified: true,
-                activity: 94,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 34393
-            },
-            {
-                id: 1209,
-                name: 'Viola Bitsuie',
-                country: {
-                    name: 'Denmark',
-                    code: 'dk'
-                },
-                company: 'Burton \u0026 Davis',
-                date: '2018-07-07',
-                status: 'new',
-                verified: true,
-                activity: 94,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 16410
-            },
-            {
-                id: 1210,
-                name: 'Franklyn Emard',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Olympic Graphic Arts',
-                date: '2018-02-25',
-                status: 'qualified',
-                verified: true,
-                activity: 95,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 1017
-            },
-            {
-                id: 1211,
-                name: 'Willodean Konopacki',
-                country: {
-                    name: 'Hong Kong',
-                    code: 'hk'
-                },
-                company: 'Magnuson',
-                date: '2017-10-03',
-                status: 'renewal',
-                verified: false,
-                activity: 20,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 77843
-            },
-            {
-                id: 1212,
-                name: 'Beckie Silvestrini',
-                country: {
-                    name: 'Poland',
-                    code: 'pl'
-                },
-                company: 'A All American Travel Inc',
-                date: '2016-11-26',
-                status: 'renewal',
-                verified: true,
-                activity: 81,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 30549
-            },
-            {
-                id: 1213,
-                name: 'Rebecka Gesick',
-                country: {
-                    name: 'Philippines',
-                    code: 'ph'
-                },
-                company: 'Polykote Inc',
-                date: '2019-06-22',
-                status: 'renewal',
-                verified: true,
-                activity: 45,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 51738
-            },
-            {
-                id: 1214,
-                name: 'Frederica Blunk',
-                country: {
-                    name: 'Lithuania',
-                    code: 'lt'
-                },
-                company: 'Jets Cybernetics',
-                date: '2019-06-07',
-                status: 'renewal',
-                verified: true,
-                activity: 56,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 13111
-            },
-            {
-                id: 1215,
-                name: 'Glen Bartolet',
-                country: {
-                    name: 'Germany',
-                    code: 'de'
-                },
-                company: 'Metlab Testing Services',
-                date: '2015-02-13',
-                status: 'proposal',
-                verified: true,
-                activity: 99,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 85802
-            },
-            {
-                id: 1216,
-                name: 'Freeman Gochal',
-                country: {
-                    name: 'Slovenia',
-                    code: 'si'
-                },
-                company: 'Kellermann, William T Esq',
-                date: '2019-08-27',
-                status: 'negotiation',
-                verified: false,
-                activity: 2,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 89221
-            },
-            {
-                id: 1217,
-                name: 'Vincent Meinerding',
-                country: {
-                    name: 'United States',
-                    code: 'us'
-                },
-                company: 'Arturi, Peter D Esq',
-                date: '2018-06-18',
-                status: 'new',
-                verified: true,
-                activity: 58,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 32661
-            },
-            {
-                id: 1218,
-                name: 'Rima Bevelacqua',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Mcauley Mfg Co',
-                date: '2019-05-18',
-                status: 'new',
-                verified: true,
-                activity: 31,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 18809
-            },
-            {
-                id: 1219,
-                name: 'Glendora Sarbacher',
-                country: {
-                    name: 'Lithuania',
-                    code: 'lt'
-                },
-                company: 'Defur Voran Hanley Radcliff',
-                date: '2018-04-21',
-                status: 'new',
-                verified: true,
-                activity: 79,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 94374
-            },
-            {
-                id: 1220,
-                name: 'Avery Steier',
-                country: {
-                    name: 'Mexico',
-                    code: 'mx'
-                },
-                company: 'Dill Dill Carr \u0026 Stonbraker Pc',
-                date: '2017-07-27',
-                status: 'proposal',
-                verified: true,
-                activity: 63,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 45436
-            },
-            {
-                id: 1221,
-                name: 'Cristy Lother',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'Kleensteel',
-                date: '2018-05-19',
-                status: 'renewal',
-                verified: true,
-                activity: 55,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 72645
-            },
-            {
-                id: 1222,
-                name: 'Nicolette Brossart',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Goulds Pumps Inc Slurry Pump',
-                date: '2015-05-26',
-                status: 'new',
-                verified: false,
-                activity: 25,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 61023
-            },
-            {
-                id: 1223,
-                name: 'Tracey Modzelewski',
-                country: {
-                    name: 'Denmark',
-                    code: 'dk'
-                },
-                company: 'Kansas City Insurance Report',
-                date: '2019-07-02',
-                status: 'renewal',
-                verified: true,
-                activity: 4,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 13685
-            },
-            {
-                id: 1224,
-                name: 'Virgina Tegarden',
-                country: {
-                    name: 'Cameroon',
-                    code: 'cm'
-                },
-                company: 'Berhanu International Foods',
-                date: '2017-10-09',
-                status: 'qualified',
-                verified: true,
-                activity: 62,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 84436
-            },
-            {
-                id: 1225,
-                name: 'Tiera Frankel',
-                country: {
-                    name: 'India',
-                    code: 'in'
-                },
-                company: 'Roland Ashcroft',
-                date: '2018-03-27',
-                status: 'unqualified',
-                verified: true,
-                activity: 90,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 61860
-            },
-            {
-                id: 1226,
-                name: 'Alaine Bergesen',
-                country: {
-                    name: 'Peru',
-                    code: 'pe'
-                },
-                company: 'Hispanic Magazine',
-                date: '2017-08-10',
-                status: 'qualified',
-                verified: true,
-                activity: 34,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 76679
-            },
-            {
-                id: 1227,
-                name: 'Earleen Mai',
-                country: {
-                    name: 'Italy',
-                    code: 'it'
-                },
-                company: 'Little Sheet Metal Co',
-                date: '2016-06-22',
-                status: 'proposal',
-                verified: true,
-                activity: 38,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 14959
-            },
-            {
-                id: 1228,
-                name: 'Leonida Gobern',
-                country: {
-                    name: 'Cuba',
-                    code: 'cu'
-                },
-                company: 'Holmes, Armstead J Esq',
-                date: '2020-02-24',
-                status: 'renewal',
-                verified: true,
-                activity: 96,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 14174
-            },
-            {
-                id: 1229,
-                name: 'Ressie Auffrey',
-                country: {
-                    name: 'Japan',
-                    code: 'jp'
-                },
-                company: 'Faw, James C Cpa',
-                date: '2016-10-21',
-                status: 'negotiation',
-                verified: false,
-                activity: 28,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 80328
-            },
-            {
-                id: 1230,
-                name: 'Justine Mugnolo',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Evans Rule Company',
-                date: '2016-02-21',
-                status: 'negotiation',
-                verified: true,
-                activity: 83,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 56392
-            },
-            {
-                id: 1231,
-                name: 'Eladia Saulter',
-                country: {
-                    name: 'Switzerland',
-                    code: 'ch'
-                },
-                company: 'Tyee Productions Inc',
-                date: '2016-03-10',
-                status: 'new',
-                verified: true,
-                activity: 16,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 17176
-            },
-            {
-                id: 1232,
-                name: 'Chaya Malvin',
-                country: {
-                    name: 'Cuba',
-                    code: 'cu'
-                },
-                company: 'Dunnells \u0026 Duvall',
-                date: '2016-07-22',
-                status: 'renewal',
-                verified: true,
-                activity: 12,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 90141
-            },
-            {
-                id: 1233,
-                name: 'Gwenn Suffield',
-                country: {
-                    name: 'Austria',
-                    code: 'at'
-                },
-                company: 'Deltam Systems Inc',
-                date: '2019-06-23',
-                status: 'qualified',
-                verified: true,
-                activity: 67,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 38187
-            },
-            {
-                id: 1234,
-                name: 'Salena Karpel',
-                country: {
-                    name: 'Puerto Rico',
-                    code: 'pr'
-                },
-                company: 'Hammill Mfg Co',
-                date: '2016-08-02',
-                status: 'renewal',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 35596
-            },
-            {
-                id: 1235,
-                name: 'Yoko Fishburne',
-                country: {
-                    name: 'Croatia',
-                    code: 'hr'
-                },
-                company: 'Sams Corner Store',
-                date: '2017-08-06',
-                status: 'unqualified',
-                verified: true,
-                activity: 73,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 73926
-            },
-            {
-                id: 1236,
-                name: 'Taryn Moyd',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'Siskin, Mark J Esq',
-                date: '2016-12-18',
-                status: 'negotiation',
-                verified: true,
-                activity: 57,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 38375
-            },
-            {
-                id: 1237,
-                name: 'Katina Polidori',
-                country: {
-                    name: 'Nigeria',
-                    code: 'ng'
-                },
-                company: 'Cape \u0026 Associates Real Estate',
-                date: '2016-08-25',
-                status: 'unqualified',
-                verified: true,
-                activity: 37,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 35932
-            },
-            {
-                id: 1238,
-                name: 'Rickie Plumer',
-                country: {
-                    name: 'Turkey',
-                    code: 'tr'
-                },
-                company: 'Merrill Lynch',
-                date: '2018-11-04',
-                status: 'unqualified',
-                verified: true,
-                activity: 71,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 28331
-            },
-            {
-                id: 1239,
-                name: 'Alex Loader',
-                country: {
-                    name: 'Italy',
-                    code: 'it'
-                },
-                company: 'Sublett, Scott Esq',
-                date: '2016-01-07',
-                status: 'unqualified',
-                verified: false,
-                activity: 22,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 33549
-            },
-            {
-                id: 1240,
-                name: 'Lashon Vizarro',
-                country: {
-                    name: 'Ecuador',
-                    code: 'ec'
-                },
-                company: 'Sentry Signs',
-                date: '2019-08-02',
-                status: 'negotiation',
-                verified: true,
-                activity: 46,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 63860
-            },
-            {
-                id: 1241,
-                name: 'Lauran Burnard',
-                country: {
-                    name: 'Czech Republic',
-                    code: 'cz'
-                },
-                company: 'Professionals Unlimited',
-                date: '2016-04-27',
-                status: 'renewal',
-                verified: true,
-                activity: 30,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 34992
-            },
-            {
-                id: 1242,
-                name: 'Ceola Setter',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Southern Steel Shelving Co',
-                date: '2017-05-13',
-                status: 'qualified',
-                verified: true,
-                activity: 43,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 97068
-            },
-            {
-                id: 1243,
-                name: 'My Rantanen',
-                country: {
-                    name: 'Philippines',
-                    code: 'ph'
-                },
-                company: 'Bosco, Paul J',
-                date: '2017-09-11',
-                status: 'proposal',
-                verified: true,
-                activity: 60,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 2316
-            },
-            {
-                id: 1244,
-                name: 'Lorrine Worlds',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Longo, Nicholas J Esq',
-                date: '2018-05-10',
-                status: 'renewal',
-                verified: true,
-                activity: 51,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 89374
-            },
-            {
-                id: 1245,
-                name: 'Peggie Sturiale',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Henry County Middle School',
-                date: '2019-11-03',
-                status: 'renewal',
-                verified: true,
-                activity: 41,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 51152
-            },
-            {
-                id: 1246,
-                name: 'Marvel Raymo',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Edison Supply \u0026 Equipment Co',
-                date: '2016-03-08',
-                status: 'renewal',
-                verified: true,
-                activity: 9,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 39848
-            },
-            {
-                id: 1247,
-                name: 'Daron Dinos',
-                country: {
-                    name: 'Hungary',
-                    code: 'hu'
-                },
-                company: 'Wolf, Warren R Esq',
-                date: '2016-03-25',
-                status: 'unqualified',
-                verified: true,
-                activity: 30,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 35060
-            },
-            {
-                id: 1248,
-                name: 'An Fritz',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Linguistic Systems Inc',
-                date: '2017-08-04',
-                status: 'proposal',
-                verified: true,
-                activity: 86,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 23037
-            },
-            {
-                id: 1249,
-                name: 'Portia Stimmel',
-                country: {
-                    name: 'Australia',
-                    code: 'au'
-                },
-                company: 'Peace Christian Center',
-                date: '2020-01-13',
-                status: 'qualified',
-                verified: true,
-                activity: 30,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 35637
-            },
-            {
-                id: 1250,
-                name: 'Rhea Aredondo',
-                country: {
-                    name: 'Greece',
-                    code: 'gr'
-                },
-                company: 'Double B Foods Inc',
-                date: '2016-06-19',
-                status: 'qualified',
-                verified: true,
-                activity: 68,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 70379
-            },
-            {
-                id: 1251,
-                name: 'Benedict Sama',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Alexander \u0026 Alexander Inc',
-                date: '2018-08-18',
-                status: 'negotiation',
-                verified: true,
-                activity: 79,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 99271
-            },
-            {
-                id: 1252,
-                name: 'Alyce Arias',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Fairbanks Scales',
-                date: '2018-09-14',
-                status: 'new',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 69658
-            },
-            {
-                id: 1253,
-                name: 'Heike Berganza',
-                country: {
-                    name: 'Bulgaria',
-                    code: 'bg'
-                },
-                company: 'Cali Sportswear Cutting Dept',
-                date: '2019-01-21',
-                status: 'unqualified',
-                verified: true,
-                activity: 95,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 78159
-            },
-            {
-                id: 1254,
-                name: 'Carey Dopico',
-                country: {
-                    name: 'Saudi Arabia',
-                    code: 'sa'
-                },
-                company: 'Garofani, John Esq',
-                date: '2020-05-25',
-                status: 'negotiation',
-                verified: true,
-                activity: 35,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 84097
-            },
-            {
-                id: 1255,
-                name: 'Dottie Hellickson',
-                country: {
-                    name: 'Chile',
-                    code: 'cl'
-                },
-                company: 'Thompson Fabricating Co',
-                date: '2016-02-12',
-                status: 'qualified',
-                verified: true,
-                activity: 7,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 54606
-            },
-            {
-                id: 1256,
-                name: 'Deandrea Hughey',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Century 21 Krall Real Estate',
-                date: '2018-09-26',
-                status: 'unqualified',
-                verified: true,
-                activity: 96,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 2730
-            },
-            {
-                id: 1257,
-                name: 'Kimberlie Duenas',
-                country: {
-                    name: 'Bulgaria',
-                    code: 'bg'
-                },
-                company: 'Mid Contntl Rlty \u0026 Prop Mgmt',
-                date: '2015-07-27',
-                status: 'qualified',
-                verified: true,
-                activity: 96,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 71836
-            },
-            {
-                id: 1258,
-                name: 'Martina Staback',
-                country: {
-                    name: 'Luxembourg',
-                    code: 'lu'
-                },
-                company: 'Ace Signs Inc',
-                date: '2017-02-14',
-                status: 'new',
-                verified: true,
-                activity: 47,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 37044
-            },
-            {
-                id: 1259,
-                name: 'Skye Fillingim',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Rodeway Inn',
-                date: '2017-02-12',
-                status: 'new',
-                verified: true,
-                activity: 86,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 5990
-            },
-            {
-                id: 1260,
-                name: 'Jade Farrar',
-                country: {
-                    name: 'Mexico',
-                    code: 'mx'
-                },
-                company: 'Bonnet \u0026 Daughter',
-                date: '2017-02-23',
-                status: 'new',
-                verified: true,
-                activity: 73,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 7878
-            },
-            {
-                id: 1261,
-                name: 'Charlene Hamilton',
-                country: {
-                    name: 'India',
-                    code: 'in'
-                },
-                company: 'Oshins \u0026 Gibbons',
-                date: '2017-09-23',
-                status: 'unqualified',
-                verified: true,
-                activity: 32,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 38077
-            },
-            {
-                id: 1262,
-                name: 'Geoffrey Acey',
-                country: {
-                    name: 'Hong Kong',
-                    code: 'hk'
-                },
-                company: 'Price Business Services',
-                date: '2019-10-11',
-                status: 'proposal',
-                verified: true,
-                activity: 98,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 24537
-            },
-            {
-                id: 1263,
-                name: 'Stevie Westerbeck',
-                country: {
-                    name: 'Lithuania',
-                    code: 'lt'
-                },
-                company: 'Wise, Dennis W Md',
-                date: '2017-08-01',
-                status: 'renewal',
-                verified: true,
-                activity: 57,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 19164
-            },
-            {
-                id: 1264,
-                name: 'Pamella Fortino',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Super 8 Motel',
-                date: '2018-09-03',
-                status: 'new',
-                verified: true,
-                activity: 100,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 21880
-            },
-            {
-                id: 1265,
-                name: 'Harrison Haufler',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'John Wagner Associates',
-                date: '2016-08-25',
-                status: 'qualified',
-                verified: true,
-                activity: 85,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 14975
-            },
-            {
-                id: 1266,
-                name: 'Johnna Engelberg',
-                country: {
-                    name: 'Thailand',
-                    code: 'th'
-                },
-                company: 'Thrifty Oil Co',
-                date: '2019-06-02',
-                status: 'renewal',
-                verified: true,
-                activity: 1,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 28001
-            },
-            {
-                id: 1267,
-                name: 'Buddy Cloney',
-                country: {
-                    name: 'Hungary',
-                    code: 'hu'
-                },
-                company: 'Larkfield Photo',
-                date: '2020-05-14',
-                status: 'qualified',
-                verified: true,
-                activity: 9,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 44811
-            },
-            {
-                id: 1268,
-                name: 'Dalene Riden',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Silverman Planetarium',
-                date: '2019-08-23',
-                status: 'renewal',
-                verified: true,
-                activity: 31,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 70963
-            },
-            {
-                id: 1269,
-                name: 'Jerry Zurcher',
-                country: {
-                    name: 'Ukraine',
-                    code: 'ua'
-                },
-                company: 'J \u0026 F Lumber',
-                date: '2015-05-11',
-                status: 'renewal',
-                verified: true,
-                activity: 52,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 27808
-            },
-            {
-                id: 1270,
-                name: 'Haydee Denooyer',
-                country: {
-                    name: 'Ivory Coast',
-                    code: 'ci'
-                },
-                company: 'Cleaning Station Inc',
-                date: '2016-04-17',
-                status: 'qualified',
-                verified: true,
-                activity: 80,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 41216
-            },
-            {
-                id: 1271,
-                name: 'Joseph Cryer',
-                country: {
-                    name: 'Philippines',
-                    code: 'ph'
-                },
-                company: 'Ames Stationers',
-                date: '2019-11-26',
-                status: 'qualified',
-                verified: true,
-                activity: 53,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 8819
-            },
-            {
-                id: 1272,
-                name: 'Deonna Kippley',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Midas Muffler Shops',
-                date: '2017-08-26',
-                status: 'qualified',
-                verified: true,
-                activity: 52,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 77610
-            },
-            {
-                id: 1273,
-                name: 'Raymon Calvaresi',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Seaboard Securities Inc',
-                date: '2017-07-09',
-                status: 'qualified',
-                verified: true,
-                activity: 45,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 80612
-            },
-            {
-                id: 1274,
-                name: 'Alecia Bubash',
-                country: {
-                    name: 'Poland',
-                    code: 'pl'
-                },
-                company: 'Petersen, James E Esq',
-                date: '2016-05-19',
-                status: 'new',
-                verified: false,
-                activity: 28,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 45311
-            },
-            {
-                id: 1275,
-                name: 'Ma Layous',
-                country: {
-                    name: 'Latvia',
-                    code: 'lv'
-                },
-                company: 'Development Authority',
-                date: '2016-02-11',
-                status: 'qualified',
-                verified: false,
-                activity: 2,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 88737
-            },
-            {
-                id: 1276,
-                name: 'Detra Coyier',
-                country: {
-                    name: 'Ivory Coast',
-                    code: 'ci'
-                },
-                company: 'Schott Fiber Optics Inc',
-                date: '2019-06-05',
-                status: 'proposal',
-                verified: true,
-                activity: 95,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 13224
-            },
-            {
-                id: 1277,
-                name: 'Terrilyn Rodeigues',
-                country: {
-                    name: 'Thailand',
-                    code: 'th'
-                },
-                company: 'Stuart J Agins',
-                date: '2016-08-04',
-                status: 'renewal',
-                verified: true,
-                activity: 35,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 64656
-            },
-            {
-                id: 1278,
-                name: 'Salome Lacovara',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'Mitsumi Electronics Corp',
-                date: '2015-06-05',
-                status: 'unqualified',
-                verified: true,
-                activity: 78,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 61947
-            },
-            {
-                id: 1279,
-                name: 'Garry Keetch',
-                country: {
-                    name: 'Luxembourg',
-                    code: 'lu'
-                },
-                company: 'Italian Express Franchise Corp',
-                date: '2015-06-20',
-                status: 'unqualified',
-                verified: true,
-                activity: 86,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 6380
-            },
-            {
-                id: 1280,
-                name: 'Matthew Neither',
-                country: {
-                    name: 'United Kingdom',
-                    code: 'gb'
-                },
-                company: 'American Council On Sci \u0026 Hlth',
-                date: '2018-06-24',
-                status: 'qualified',
-                verified: true,
-                activity: 4,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 80112
-            },
-            {
-                id: 1281,
-                name: 'Theodora Restrepo',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Kleri, Patricia S Esq',
-                date: '2017-08-15',
-                status: 'renewal',
-                verified: true,
-                activity: 66,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 42038
-            },
-            {
-                id: 1282,
-                name: 'Noah Kalafatis',
-                country: {
-                    name: 'Saudi Arabia',
-                    code: 'sa'
-                },
-                company: 'Twiggs Abrams Blanchard',
-                date: '2020-06-24',
-                status: 'negotiation',
-                verified: true,
-                activity: 35,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 36052
-            },
-            {
-                id: 1283,
-                name: 'Carmen Sweigard',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Maui Research \u0026 Technology Pk',
-                date: '2019-08-08',
-                status: 'new',
-                verified: true,
-                activity: 96,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 51660
-            },
-            {
-                id: 1284,
-                name: 'Lavonda Hengel',
-                country: {
-                    name: 'Hungary',
-                    code: 'hu'
-                },
-                company: 'Bradley Nameplate Corp',
-                date: '2019-10-25',
-                status: 'negotiation',
-                verified: true,
-                activity: 48,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 56142
-            },
-            {
-                id: 1285,
-                name: 'Junita Stoltzman',
-                country: {
-                    name: 'Turkey',
-                    code: 'tr'
-                },
-                company: 'Geonex Martel Inc',
-                date: '2015-03-19',
-                status: 'proposal',
-                verified: true,
-                activity: 64,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 21631
-            },
-            {
-                id: 1286,
-                name: 'Herminia Nicolozakes',
-                country: {
-                    name: 'Venezuela',
-                    code: 've'
-                },
-                company: 'Sea Island Div Of Fstr Ind Inc',
-                date: '2019-09-09',
-                status: 'negotiation',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 59171
-            },
-            {
-                id: 1287,
-                name: 'Casie Good',
-                country: {
-                    name: 'Japan',
-                    code: 'jp'
-                },
-                company: 'Papay, Debbie J Esq',
-                date: '2016-11-27',
-                status: 'new',
-                verified: true,
-                activity: 87,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 97858
-            },
-            {
-                id: 1288,
-                name: 'Reena Maisto',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Lane Promotions',
-                date: '2016-08-22',
-                status: 'new',
-                verified: true,
-                activity: 16,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 90388
-            },
-            {
-                id: 1289,
-                name: 'Mirta Mallett',
-                country: {
-                    name: 'Singapore',
-                    code: 'sg'
-                },
-                company: 'Stephen Kennerly Archts Inc Pc',
-                date: '2017-11-27',
-                status: 'renewal',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 68632
-            },
-            {
-                id: 1290,
-                name: 'Cathrine Pontoriero',
-                country: {
-                    name: 'Finland',
-                    code: 'fi'
-                },
-                company: 'Business Systems Of Wis Inc',
-                date: '2020-02-07',
-                status: 'negotiation',
-                verified: true,
-                activity: 58,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 95552
-            },
-            {
-                id: 1291,
-                name: 'Filiberto Tawil',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Flash, Elena Salerno Esq',
-                date: '2018-01-28',
-                status: 'proposal',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 39725
-            },
-            {
-                id: 1292,
-                name: 'Raul Upthegrove',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Neeley, Gregory W Esq',
-                date: '2019-11-16',
-                status: 'renewal',
-                verified: true,
-                activity: 59,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 62251
-            },
-            {
-                id: 1293,
-                name: 'Sarah Candlish',
-                country: {
-                    name: 'Hong Kong',
-                    code: 'hk'
-                },
-                company: 'Alabama Educational Tv Comm',
-                date: '2019-06-09',
-                status: 'proposal',
-                verified: true,
-                activity: 30,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 73523
-            },
-            {
-                id: 1294,
-                name: 'Lucy Treston',
-                country: {
-                    name: 'Jamaica',
-                    code: 'jm'
-                },
-                company: 'Franz Inc',
-                date: '2017-02-07',
-                status: 'proposal',
-                verified: true,
-                activity: 59,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 41331
-            },
-            {
-                id: 1295,
-                name: 'Judy Aquas',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'Plantation Restaurant',
-                date: '2020-09-14',
-                status: 'renewal',
-                verified: true,
-                activity: 86,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 24208
-            },
-            {
-                id: 1296,
-                name: 'Yvonne Tjepkema',
-                country: {
-                    name: 'United Kingdom',
-                    code: 'gb'
-                },
-                company: 'Radio Communications Co',
-                date: '2017-01-06',
-                status: 'renewal',
-                verified: true,
-                activity: 33,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 56409
-            },
-            {
-                id: 1297,
-                name: 'Kayleigh Lace',
-                country: {
-                    name: 'Denmark',
-                    code: 'dk'
-                },
-                company: 'Dentalaw Divsn Hlth Care',
-                date: '2019-11-04',
-                status: 'negotiation',
-                verified: true,
-                activity: 70,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 70025
-            },
-            {
-                id: 1298,
-                name: 'Felix Hirpara',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'American Speedy Printing Ctrs',
-                date: '2015-03-13',
-                status: 'new',
-                verified: true,
-                activity: 8,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 88115
-            },
-            {
-                id: 1299,
-                name: 'Tresa Sweely',
-                country: {
-                    name: 'Germany',
-                    code: 'de'
-                },
-                company: 'Grayson, Grant S Esq',
-                date: '2019-12-22',
-                status: 'proposal',
-                verified: true,
-                activity: 22,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 69703
-            },
-            {
-                id: 1300,
-                name: 'Kristeen Turinetti',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'Jeanerette Middle School',
-                date: '2017-09-28',
-                status: 'new',
-                verified: true,
-                activity: 67,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 10718
-            },
-            {
-                id: 1301,
-                name: 'Jenelle Regusters',
-                country: {
-                    name: 'Hungary',
-                    code: 'hu'
-                },
-                company: 'Haavisto, Brian F Esq',
-                date: '2019-07-27',
-                status: 'qualified',
-                verified: true,
-                activity: 13,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 29825
-            },
-            {
-                id: 1302,
-                name: 'Renea Monterrubio',
-                country: {
-                    name: 'Greece',
-                    code: 'gr'
-                },
-                company: 'Wmmt Radio Station',
-                date: '2016-03-28',
-                status: 'proposal',
-                verified: true,
-                activity: 73,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 90351
-            },
-            {
-                id: 1303,
-                name: 'Olive Matuszak',
-                country: {
-                    name: 'Germany',
-                    code: 'de'
-                },
-                company: 'Colony Paints Sales Ofc \u0026 Plnt',
-                date: '2018-04-15',
-                status: 'unqualified',
-                verified: true,
-                activity: 70,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 75682
-            },
-            {
-                id: 1304,
-                name: 'Ligia Reiber',
-                country: {
-                    name: 'Cameroon',
-                    code: 'cm'
-                },
-                company: 'Floral Expressions',
-                date: '2017-02-02',
-                status: 'negotiation',
-                verified: true,
-                activity: 51,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 74935
-            },
-            {
-                id: 1305,
-                name: 'Christiane Eschberger',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'Casco Services Inc',
-                date: '2018-03-27',
-                status: 'unqualified',
-                verified: true,
-                activity: 81,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 5254
-            },
-            {
-                id: 1306,
-                name: 'Goldie Schirpke',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Reuter, Arthur C Jr',
-                date: '2015-04-21',
-                status: 'renewal',
-                verified: true,
-                activity: 8,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 37306
-            },
-            {
-                id: 1307,
-                name: 'Loreta Timenez',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'Kaminski, Katherine Andritsaki',
-                date: '2015-07-17',
-                status: 'proposal',
-                verified: true,
-                activity: 29,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 70520
-            },
-            {
-                id: 1308,
-                name: 'Fabiola Hauenstein',
-                country: {
-                    name: 'Czech Republic',
-                    code: 'cz'
-                },
-                company: 'Sidewinder Products Corp',
-                date: '2015-12-12',
-                status: 'renewal',
-                verified: true,
-                activity: 42,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 74510
-            },
-            {
-                id: 1309,
-                name: 'Amie Perigo',
-                country: {
-                    name: 'Russia',
-                    code: 'ru'
-                },
-                company: 'General Foam Corporation',
-                date: '2016-06-13',
-                status: 'new',
-                verified: true,
-                activity: 55,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 74410
-            },
-            {
-                id: 1310,
-                name: 'Raina Brachle',
-                country: {
-                    name: 'Greece',
-                    code: 'gr'
-                },
-                company: 'Ikg Borden Divsn Harsco Corp',
-                date: '2016-11-28',
-                status: 'negotiation',
-                verified: true,
-                activity: 12,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 56116
-            },
-            {
-                id: 1311,
-                name: 'Erinn Canlas',
-                country: {
-                    name: 'United Kingdom',
-                    code: 'gb'
-                },
-                company: 'Anchor Computer Inc',
-                date: '2018-12-08',
-                status: 'proposal',
-                verified: true,
-                activity: 89,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 46518
-            },
-            {
-                id: 1312,
-                name: 'Cherry Lietz',
-                country: {
-                    name: 'Bulgaria',
-                    code: 'bg'
-                },
-                company: 'Sebring \u0026 Co',
-                date: '2017-11-04',
-                status: 'qualified',
-                verified: true,
-                activity: 22,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 92213
-            },
-            {
-                id: 1313,
-                name: 'Kattie Vonasek',
-                country: {
-                    name: 'Austria',
-                    code: 'at'
-                },
-                company: 'H A C Farm Lines Co Optv Assoc',
-                date: '2017-02-17',
-                status: 'proposal',
-                verified: true,
-                activity: 58,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 6405
-            },
-            {
-                id: 1314,
-                name: 'Lilli Scriven',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Hunter, John J Esq',
-                date: '2017-04-15',
-                status: 'qualified',
-                verified: true,
-                activity: 79,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 92900
-            },
-            {
-                id: 1315,
-                name: 'Whitley Tomasulo',
-                country: {
-                    name: 'Qatar',
-                    code: 'qa'
-                },
-                company: 'Freehold Fence Co',
-                date: '2017-11-16',
-                status: 'qualified',
-                verified: true,
-                activity: 6,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 86727
-            },
-            {
-                id: 1316,
-                name: 'Barbra Adkin',
-                country: {
-                    name: 'Nigeria',
-                    code: 'ng'
-                },
-                company: 'Binswanger',
-                date: '2019-07-24',
-                status: 'qualified',
-                verified: true,
-                activity: 64,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 48040
-            },
-            {
-                id: 1317,
-                name: 'Hermila Thyberg',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Chilton Malting Co',
-                date: '2016-11-05',
-                status: 'qualified',
-                verified: true,
-                activity: 57,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 24026
-            },
-            {
-                id: 1318,
-                name: 'Jesusita Flister',
-                country: {
-                    name: 'Ukraine',
-                    code: 'ua'
-                },
-                company: 'Schoen, Edward J Jr',
-                date: '2017-03-03',
-                status: 'proposal',
-                verified: true,
-                activity: 29,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 76388
-            },
-            {
-                id: 1319,
-                name: 'Caitlin Julia',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Helderman, Seymour Cpa',
-                date: '2018-03-13',
-                status: 'renewal',
-                verified: true,
-                activity: 19,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 89068
-            },
-            {
-                id: 1320,
-                name: 'Roosevelt Hoffis',
-                country: {
-                    name: 'Puerto Rico',
-                    code: 'pr'
-                },
-                company: 'Denbrook, Myron',
-                date: '2019-04-14',
-                status: 'new',
-                verified: true,
-                activity: 49,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 12727
-            },
-            {
-                id: 1321,
-                name: 'Helaine Halter',
-                country: {
-                    name: 'Estonia',
-                    code: 'ee'
-                },
-                company: 'Lippitt, Mike',
-                date: '2019-09-28',
-                status: 'renewal',
-                verified: true,
-                activity: 62,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 83411
-            },
-            {
-                id: 1322,
-                name: 'Lorean Martabano',
-                country: {
-                    name: 'Slovakia',
-                    code: 'sk'
-                },
-                company: 'Hiram, Hogg P Esq',
-                date: '2017-03-23',
-                status: 'negotiation',
-                verified: true,
-                activity: 8,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 44242
-            },
-            {
-                id: 1323,
-                name: 'France Buzick',
-                country: {
-                    name: 'Nigeria',
-                    code: 'ng'
-                },
-                company: 'In Travel Agency',
-                date: '2016-12-14',
-                status: 'renewal',
-                verified: true,
-                activity: 22,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 5644
-            },
-            {
-                id: 1324,
-                name: 'Justine Ferrario',
-                country: {
-                    name: 'Ukraine',
-                    code: 'ua'
-                },
-                company: 'Newhart Foods Inc',
-                date: '2015-09-07',
-                status: 'unqualified',
-                verified: true,
-                activity: 7,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 29321
-            },
-            {
-                id: 1325,
-                name: 'Adelina Nabours',
-                country: {
-                    name: 'Mexico',
-                    code: 'mx'
-                },
-                company: 'Courtyard By Marriott',
-                date: '2018-05-26',
-                status: 'renewal',
-                verified: true,
-                activity: 59,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 13353
-            },
-            {
-                id: 1326,
-                name: 'Derick Dhamer',
-                country: {
-                    name: 'Hungary',
-                    code: 'hu'
-                },
-                company: 'Studer, Eugene A Esq',
-                date: '2020-07-04',
-                status: 'new',
-                verified: true,
-                activity: 72,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 53454
-            },
-            {
-                id: 1327,
-                name: 'Jerry Dallen',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Seashore Supply Co Waretown',
-                date: '2015-10-23',
-                status: 'renewal',
-                verified: false,
-                activity: 21,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 30074
-            },
-            {
-                id: 1328,
-                name: 'Leota Ragel',
-                country: {
-                    name: 'Qatar',
-                    code: 'qa'
-                },
-                company: 'Mayar Silk Inc',
-                date: '2019-06-15',
-                status: 'negotiation',
-                verified: true,
-                activity: 74,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 36310
-            },
-            {
-                id: 1329,
-                name: 'Jutta Amyot',
-                country: {
-                    name: 'Cameroon',
-                    code: 'cm'
-                },
-                company: 'National Medical Excess Corp',
-                date: '2019-09-01',
-                status: 'proposal',
-                verified: true,
-                activity: 8,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 27563
-            },
-            {
-                id: 1330,
-                name: 'Aja Gehrett',
-                country: {
-                    name: 'Sweden',
-                    code: 'se'
-                },
-                company: 'Stero Company',
-                date: '2018-01-28',
-                status: 'qualified',
-                verified: true,
-                activity: 46,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 45163
-            },
-            {
-                id: 1331,
-                name: 'Kirk Herritt',
-                country: {
-                    name: 'Morocco',
-                    code: 'ma'
-                },
-                company: 'Hasting, H Duane Esq',
-                date: '2018-10-24',
-                status: 'renewal',
-                verified: false,
-                activity: 2,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 52970
-            },
-            {
-                id: 1332,
-                name: 'Leonora Mauson',
-                country: {
-                    name: 'Hong Kong',
-                    code: 'hk'
-                },
-                company: 'Insty Prints',
-                date: '2019-02-02',
-                status: 'proposal',
-                verified: true,
-                activity: 8,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 18922
-            },
-            {
-                id: 1333,
-                name: 'Winfred Brucato',
-                country: {
-                    name: 'Austria',
-                    code: 'at'
-                },
-                company: 'Glenridge Manor Mobile Home Pk',
-                date: '2019-08-16',
-                status: 'renewal',
-                verified: true,
-                activity: 8,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 59632
-            },
-            {
-                id: 1334,
-                name: 'Tarra Nachor',
-                country: {
-                    name: 'Panama',
-                    code: 'pa'
-                },
-                company: 'Circuit Solution Inc',
-                date: '2019-07-10',
-                status: 'proposal',
-                verified: true,
-                activity: 88,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 6733
-            },
-            {
-                id: 1335,
-                name: 'Corinne Loder',
-                country: {
-                    name: 'Brazil',
-                    code: 'br'
-                },
-                company: 'Local Office',
-                date: '2016-05-21',
-                status: 'proposal',
-                verified: true,
-                activity: 85,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 22704
-            },
-            {
-                id: 1336,
-                name: 'Dulce Labreche',
-                country: {
-                    name: 'South Africa',
-                    code: 'za'
-                },
-                company: 'Lee Kilkelly Paulson \u0026 Kabaker',
-                date: '2019-11-10',
-                status: 'qualified',
-                verified: true,
-                activity: 24,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 82613
-            },
-            {
-                id: 1337,
-                name: 'Kate Keneipp',
-                country: {
-                    name: 'Latvia',
-                    code: 'lv'
-                },
-                company: 'Davis, Maxon R Esq',
-                date: '2019-06-20',
-                status: 'proposal',
-                verified: true,
-                activity: 44,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 97960
-            },
-            {
-                id: 1338,
-                name: 'Kaitlyn Ogg',
-                country: {
-                    name: 'Tunisia',
-                    code: 'tn'
-                },
-                company: 'Garrison, Paul E Esq',
-                date: '2019-08-01',
-                status: 'proposal',
-                verified: true,
-                activity: 91,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 63123
-            },
-            {
-                id: 1339,
-                name: 'Sherita Saras',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Black History Resource Center',
-                date: '2017-06-09',
-                status: 'unqualified',
-                verified: true,
-                activity: 79,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 38090
-            },
-            {
-                id: 1340,
-                name: 'Lashawnda Stuer',
-                country: {
-                    name: 'Indonesia',
-                    code: 'id'
-                },
-                company: 'Rodriguez, J Christopher Esq',
-                date: '2018-01-08',
-                status: 'negotiation',
-                verified: true,
-                activity: 6,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 58826
-            },
-            {
-                id: 1341,
-                name: 'Ernest Syrop',
-                country: {
-                    name: 'Jamaica',
-                    code: 'jm'
-                },
-                company: 'Grant Family Health Center',
-                date: '2016-10-06',
-                status: 'unqualified',
-                verified: true,
-                activity: 90,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 22419
-            },
-            {
-                id: 1342,
-                name: 'Nobuko Halsey',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Goeman Wood Products Inc',
-                date: '2019-01-02',
-                status: 'unqualified',
-                verified: true,
-                activity: 72,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 86006
-            },
-            {
-                id: 1343,
-                name: 'Lavonna Wolny',
-                country: {
-                    name: 'Czech Republic',
-                    code: 'cz'
-                },
-                company: 'Linhares, Kenneth A Esq',
-                date: '2019-03-09',
-                status: 'negotiation',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 40641
-            },
-            {
-                id: 1344,
-                name: 'Lashaunda Lizama',
-                country: {
-                    name: 'Ecuador',
-                    code: 'ec'
-                },
-                company: 'Earnhardt Printing',
-                date: '2016-02-16',
-                status: 'negotiation',
-                verified: true,
-                activity: 76,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 73493
-            },
-            {
-                id: 1345,
-                name: 'Mariann Bilden',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'H P G Industrys Inc',
-                date: '2019-12-15',
-                status: 'proposal',
-                verified: true,
-                activity: 20,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 87704
-            },
-            {
-                id: 1346,
-                name: 'Helene Rodenberger',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Bailey Transportation Prod Inc',
-                date: '2016-09-22',
-                status: 'unqualified',
-                verified: true,
-                activity: 26,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 19662
-            },
-            {
-                id: 1347,
-                name: 'Roselle Estell',
-                country: {
-                    name: 'Hungary',
-                    code: 'hu'
-                },
-                company: 'Mcglynn Bliss Pc',
-                date: '2016-11-25',
-                status: 'negotiation',
-                verified: true,
-                activity: 80,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 80534
-            },
-            {
-                id: 1348,
-                name: 'Samira Heintzman',
-                country: {
-                    name: 'Vietnam',
-                    code: 'vn'
-                },
-                company: 'Mutual Fish Co',
-                date: '2019-11-26',
-                status: 'qualified',
-                verified: true,
-                activity: 70,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 19473
-            },
-            {
-                id: 1349,
-                name: 'Margart Meisel',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'Yeates, Arthur L Aia',
-                date: '2019-10-27',
-                status: 'negotiation',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 89796
-            },
-            {
-                id: 1350,
-                name: 'Kristofer Bennick',
-                country: {
-                    name: 'Tunisia',
-                    code: 'tn'
-                },
-                company: 'Logan, Ronald J Esq',
-                date: '2016-02-13',
-                status: 'proposal',
-                verified: true,
-                activity: 5,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 54429
-            },
-            {
-                id: 1351,
-                name: 'Weldon Acuff',
-                country: {
-                    name: 'Estonia',
-                    code: 'ee'
-                },
-                company: 'Advantage Martgage Company',
-                date: '2019-10-22',
-                status: 'qualified',
-                verified: true,
-                activity: 38,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 16134
-            },
-            {
-                id: 1352,
-                name: 'Shalon Shadrick',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Germer And Gertz Llp',
-                date: '2015-01-03',
-                status: 'proposal',
-                verified: true,
-                activity: 66,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 9173
-            },
-            {
-                id: 1353,
-                name: 'Denise Patak',
-                country: {
-                    name: 'Uruguay',
-                    code: 'uy'
-                },
-                company: 'Spence Law Offices',
-                date: '2016-11-03',
-                status: 'qualified',
-                verified: true,
-                activity: 77,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 42857
-            },
-            {
-                id: 1354,
-                name: 'Louvenia Beech',
-                country: {
-                    name: 'Ecuador',
-                    code: 'ec'
-                },
-                company: 'John Ortiz Nts Therapy Center',
-                date: '2016-04-11',
-                status: 'renewal',
-                verified: true,
-                activity: 62,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 54300
-            },
-            {
-                id: 1355,
-                name: 'Audry Yaw',
-                country: {
-                    name: 'Portugal',
-                    code: 'pt'
-                },
-                company: 'Mike Uchrin Htg \u0026 Air Cond Inc',
-                date: '2017-11-22',
-                status: 'unqualified',
-                verified: true,
-                activity: 12,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 94652
-            },
-            {
-                id: 1356,
-                name: 'Kristel Ehmann',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Mccoy, Joy Reynolds Esq',
-                date: '2016-06-23',
-                status: 'new',
-                verified: true,
-                activity: 67,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 88295
-            },
-            {
-                id: 1357,
-                name: 'Vincenza Zepp',
-                country: {
-                    name: 'Pakistan',
-                    code: 'pk'
-                },
-                company: 'Kbor 1600 Am',
-                date: '2016-01-04',
-                status: 'qualified',
-                verified: true,
-                activity: 25,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 92710
-            },
-            {
-                id: 1358,
-                name: 'Elouise Gwalthney',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'Quality Inn Northwest',
-                date: '2016-04-05',
-                status: 'proposal',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 25145
-            },
-            {
-                id: 1359,
-                name: 'Venita Maillard',
-                country: {
-                    name: 'Poland',
-                    code: 'pl'
-                },
-                company: 'Wallace Church Assoc Inc',
-                date: '2016-03-23',
-                status: 'negotiation',
-                verified: true,
-                activity: 69,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 61630
-            },
-            {
-                id: 1360,
-                name: 'Kasandra Semidey',
-                country: {
-                    name: 'Indonesia',
-                    code: 'id'
-                },
-                company: 'Can Tron',
-                date: '2015-09-03',
-                status: 'new',
-                verified: true,
-                activity: 25,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 66134
-            },
-            {
-                id: 1361,
-                name: 'Xochitl Discipio',
-                country: {
-                    name: 'Slovakia',
-                    code: 'sk'
-                },
-                company: 'Ravaal Enterprises Inc',
-                date: '2016-11-14',
-                status: 'qualified',
-                verified: true,
-                activity: 47,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 14822
-            },
-            {
-                id: 1362,
-                name: 'Maile Linahan',
-                country: {
-                    name: 'Nigeria',
-                    code: 'ng'
-                },
-                company: 'Thompson Steel Company Inc',
-                date: '2016-07-24',
-                status: 'new',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 17759
-            },
-            {
-                id: 1363,
-                name: 'Krissy Rauser',
-                country: {
-                    name: 'Thailand',
-                    code: 'th'
-                },
-                company: 'Anderson, Mark A Esq',
-                date: '2020-03-06',
-                status: 'renewal',
-                verified: true,
-                activity: 33,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 14922
-            },
-            {
-                id: 1364,
-                name: 'Pete Dubaldi',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Womack \u0026 Galich',
-                date: '2015-11-22',
-                status: 'unqualified',
-                verified: true,
-                activity: 31,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 96575
-            },
-            {
-                id: 1365,
-                name: 'Linn Paa',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Valerie \u0026 Company',
-                date: '2015-08-12',
-                status: 'unqualified',
-                verified: true,
-                activity: 26,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 5847
-            },
-            {
-                id: 1366,
-                name: 'Paris Wide',
-                country: {
-                    name: 'Uruguay',
-                    code: 'uy'
-                },
-                company: 'Gehring Pumps Inc',
-                date: '2018-10-21',
-                status: 'proposal',
-                verified: true,
-                activity: 90,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 22929
-            },
-            {
-                id: 1367,
-                name: 'Wynell Dorshorst',
-                country: {
-                    name: 'Romania',
-                    code: 'ro'
-                },
-                company: 'Haehnel, Craig W Esq',
-                date: '2018-05-10',
-                status: 'new',
-                verified: true,
-                activity: 60,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 31837
-            },
-            {
-                id: 1368,
-                name: 'Quentin Birkner',
-                country: {
-                    name: 'Senegal',
-                    code: 'sn'
-                },
-                company: 'Spoor Behrins Campbell \u0026 Young',
-                date: '2019-02-03',
-                status: 'unqualified',
-                verified: true,
-                activity: 68,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 27095
-            },
-            {
-                id: 1369,
-                name: 'Regenia Kannady',
-                country: {
-                    name: 'Portugal',
-                    code: 'pt'
-                },
-                company: 'Ken Jeter Store Equipment Inc',
-                date: '2018-07-13',
-                status: 'new',
-                verified: true,
-                activity: 74,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 43696
-            },
-            {
-                id: 1370,
-                name: 'Sheron Louissant',
-                country: {
-                    name: 'France',
-                    code: 'fr'
-                },
-                company: 'Potter, Brenda J Cpa',
-                date: '2017-01-04',
-                status: 'qualified',
-                verified: true,
-                activity: 86,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 79897
-            },
-            {
-                id: 1371,
-                name: 'Izetta Funnell',
-                country: {
-                    name: 'Hong Kong',
-                    code: 'hk'
-                },
-                company: 'Baird Kurtz \u0026 Dobson',
-                date: '2019-11-05',
-                status: 'new',
-                verified: true,
-                activity: 67,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 27264
-            },
-            {
-                id: 1372,
-                name: 'Rodolfo Butzen',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Minor, Cynthia A Esq',
-                date: '2020-09-25',
-                status: 'proposal',
-                verified: true,
-                activity: 17,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 16490
-            },
-            {
-                id: 1373,
-                name: 'Zona Colla',
-                country: {
-                    name: 'Switzerland',
-                    code: 'ch'
-                },
-                company: 'Solove, Robert A Esq',
-                date: '2020-10-08',
-                status: 'negotiation',
-                verified: true,
-                activity: 64,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 21990
-            },
-            {
-                id: 1374,
-                name: 'Serina Zagen',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Mark Ii Imports Inc',
-                date: '2018-07-14',
-                status: 'negotiation',
-                verified: true,
-                activity: 46,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 11918
-            },
-            {
-                id: 1375,
-                name: 'Paz Sahagun',
-                country: {
-                    name: 'Colombia',
-                    code: 'co'
-                },
-                company: 'White Sign Div Ctrl Equip Co',
-                date: '2018-03-23',
-                status: 'negotiation',
-                verified: true,
-                activity: 49,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 13268
-            },
-            {
-                id: 1376,
-                name: 'Markus Lukasik',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'M \u0026 M Store Fixtures Co Inc',
-                date: '2018-03-21',
-                status: 'negotiation',
-                verified: true,
-                activity: 23,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 15941
-            },
-            {
-                id: 1377,
-                name: 'Jaclyn Bachman',
-                country: {
-                    name: 'Slovakia',
-                    code: 'sk'
-                },
-                company: 'Judah Caster \u0026 Wheel Co',
-                date: '2020-10-20',
-                status: 'new',
-                verified: true,
-                activity: 10,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 53132
-            },
-            {
-                id: 1378,
-                name: 'Cyril Daufeldt',
-                country: {
-                    name: 'India',
-                    code: 'in'
-                },
-                company: 'Galaxy International Inc',
-                date: '2019-02-11',
-                status: 'qualified',
-                verified: true,
-                activity: 79,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 47531
-            },
-            {
-                id: 1379,
-                name: 'Gayla Schnitzler',
-                country: {
-                    name: 'Brazil',
-                    code: 'br'
-                },
-                company: 'Sigma Corp Of America',
-                date: '2017-09-15',
-                status: 'new',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 88950
-            },
-            {
-                id: 1380,
-                name: 'Erick Nievas',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Soward, Anne Esq',
-                date: '2018-10-07',
-                status: 'proposal',
-                verified: false,
-                activity: 28,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 88497
-            },
-            {
-                id: 1381,
-                name: 'Jennie Drymon',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'Osborne, Michelle M Esq',
-                date: '2016-09-14',
-                status: 'negotiation',
-                verified: true,
-                activity: 80,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 60634
-            },
-            {
-                id: 1382,
-                name: 'Mitsue Scipione',
-                country: {
-                    name: 'Ecuador',
-                    code: 'ec'
-                },
-                company: 'Students In Free Entrprs Natl',
-                date: '2019-07-28',
-                status: 'qualified',
-                verified: true,
-                activity: 24,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 21164
-            },
-            {
-                id: 1383,
-                name: 'Ciara Ventura',
-                country: {
-                    name: 'Sweden',
-                    code: 'se'
-                },
-                company: 'Johnson, Robert M Esq',
-                date: '2018-04-02',
-                status: 'renewal',
-                verified: false,
-                activity: 24,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 83645
-            },
-            {
-                id: 1384,
-                name: 'Galen Cantres',
-                country: {
-                    name: 'Saudi Arabia',
-                    code: 'sa'
-                },
-                company: 'Del Charro Apartments',
-                date: '2020-02-16',
-                status: 'unqualified',
-                verified: true,
-                activity: 61,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 32433
-            },
-            {
-                id: 1385,
-                name: 'Truman Feichtner',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Legal Search Inc',
-                date: '2019-10-16',
-                status: 'renewal',
-                verified: true,
-                activity: 98,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 96983
-            },
-            {
-                id: 1386,
-                name: 'Gail Kitty',
-                country: {
-                    name: 'Pakistan',
-                    code: 'pk'
-                },
-                company: 'Service Supply Co Inc',
-                date: '2020-01-15',
-                status: 'negotiation',
-                verified: true,
-                activity: 67,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 72211
-            },
-            {
-                id: 1387,
-                name: 'Dalene Schoeneck',
-                country: {
-                    name: 'Latvia',
-                    code: 'lv'
-                },
-                company: 'Sameshima, Douglas J Esq',
-                date: '2019-11-27',
-                status: 'proposal',
-                verified: true,
-                activity: 85,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 40262
-            },
-            {
-                id: 1388,
-                name: 'Gertude Witten',
-                country: {
-                    name: 'Morocco',
-                    code: 'ma'
-                },
-                company: 'Thompson, John Randolph Jr',
-                date: '2017-08-13',
-                status: 'proposal',
-                verified: true,
-                activity: 40,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 91139
-            },
-            {
-                id: 1389,
-                name: 'Lizbeth Kohl',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'E T Balancing Co Inc',
-                date: '2019-04-20',
-                status: 'qualified',
-                verified: true,
-                activity: 57,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 79659
-            },
-            {
-                id: 1390,
-                name: 'Glenn Berray',
-                country: {
-                    name: 'Poland',
-                    code: 'pl'
-                },
-                company: 'Griswold, John E Esq',
-                date: '2017-08-13',
-                status: 'negotiation',
-                verified: true,
-                activity: 68,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 93576
-            },
-            {
-                id: 1391,
-                name: 'Lashandra Klang',
-                country: {
-                    name: 'Bulgaria',
-                    code: 'bg'
-                },
-                company: 'Acqua Group',
-                date: '2016-06-08',
-                status: 'negotiation',
-                verified: true,
-                activity: 32,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 93576
-            },
-            {
-                id: 1392,
-                name: 'Lenna Newville',
-                country: {
-                    name: 'Venezuela',
-                    code: 've'
-                },
-                company: 'Brooks, Morris J Jr',
-                date: '2020-09-12',
-                status: 'qualified',
-                verified: true,
-                activity: 82,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 93576
-            },
-            {
-                id: 1393,
-                name: 'Laurel Pagliuca',
-                country: {
-                    name: 'Russia',
-                    code: 'ru'
-                },
-                company: 'Printing Images Corp',
-                date: '2017-05-26',
-                status: 'unqualified',
-                verified: true,
-                activity: 21,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 2009
-            },
-            {
-                id: 1394,
-                name: 'Mireya Frerking',
-                country: {
-                    name: 'Belarus',
-                    code: 'by'
-                },
-                company: 'Roberts Supply Co Inc',
-                date: '2017-04-21',
-                status: 'renewal',
-                verified: true,
-                activity: 54,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 35341
-            },
-            {
-                id: 1395,
-                name: 'Annelle Tagala',
-                country: {
-                    name: 'Colombia',
-                    code: 'co'
-                },
-                company: 'Vico Products Mfg Co',
-                date: '2017-10-02',
-                status: 'proposal',
-                verified: true,
-                activity: 53,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 13077
-            },
-            {
-                id: 1396,
-                name: 'Dean Ketelsen',
-                country: {
-                    name: 'Ivory Coast',
-                    code: 'ci'
-                },
-                company: 'J M Custom Design Millwork',
-                date: '2019-07-25',
-                status: 'negotiation',
-                verified: true,
-                activity: 98,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 83423
-            },
-            {
-                id: 1397,
-                name: 'Levi Munis',
-                country: {
-                    name: 'Pakistan',
-                    code: 'pk'
-                },
-                company: 'Farrell \u0026 Johnson Office Equip',
-                date: '2017-06-24',
-                status: 'proposal',
-                verified: true,
-                activity: 39,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 14350
-            },
-            {
-                id: 1398,
-                name: 'Sylvie Ryser',
-                country: {
-                    name: 'India',
-                    code: 'in'
-                },
-                company: 'Millers Market \u0026 Deli',
-                date: '2016-02-23',
-                status: 'unqualified',
-                verified: true,
-                activity: 89,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 98864
-            },
-            {
-                id: 1399,
-                name: 'Sharee Maile',
-                country: {
-                    name: 'Ireland',
-                    code: 'ie'
-                },
-                company: 'Holiday Inn Naperville',
-                date: '2020-07-17',
-                status: 'renewal',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 29326
-            },
-            {
-                id: 1400,
-                name: 'Cordelia Storment',
-                country: {
-                    name: 'Guatemala',
-                    code: 'gt'
-                },
-                company: 'Burrows, Jon H Esq',
-                date: '2020-02-17',
-                status: 'negotiation',
-                verified: true,
-                activity: 45,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 81198
-            },
-            {
-                id: 1401,
-                name: 'Mollie Mcdoniel',
-                country: {
-                    name: 'Vietnam',
-                    code: 'vn'
-                },
-                company: 'Dock Seal Specialty',
-                date: '2017-08-13',
-                status: 'unqualified',
-                verified: true,
-                activity: 59,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 82391
-            },
-            {
-                id: 1402,
-                name: 'Brett Mccullan',
-                country: {
-                    name: 'Senegal',
-                    code: 'sn'
-                },
-                company: 'Five Star Limousines Of Tx Inc',
-                date: '2015-05-21',
-                status: 'qualified',
-                verified: true,
-                activity: 9,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 48071
-            },
-            {
-                id: 1403,
-                name: 'Teddy Pedrozo',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'Barkan, Neal J Esq',
-                date: '2019-02-19',
-                status: 'proposal',
-                verified: true,
-                activity: 38,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 14593
-            },
-            {
-                id: 1404,
-                name: 'Tasia Andreason',
-                country: {
-                    name: 'Venezuela',
-                    code: 've'
-                },
-                company: 'Campbell, Robert A',
-                date: '2016-03-06',
-                status: 'renewal',
-                verified: true,
-                activity: 25,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 8750
-            },
-            {
-                id: 1405,
-                name: 'Hubert Walthall',
-                country: {
-                    name: 'Mexico',
-                    code: 'mx'
-                },
-                company: 'Dee, Deanna',
-                date: '2020-12-19',
-                status: 'renewal',
-                verified: true,
-                activity: 32,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 39655
-            },
-            {
-                id: 1406,
-                name: 'Arthur Farrow',
-                country: {
-                    name: 'Brazil',
-                    code: 'br'
-                },
-                company: 'Young, Timothy L Esq',
-                date: '2019-02-05',
-                status: 'proposal',
-                verified: true,
-                activity: 55,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 71713
-            },
-            {
-                id: 1407,
-                name: 'Vilma Berlanga',
-                country: {
-                    name: 'Tunisia',
-                    code: 'tn'
-                },
-                company: 'Wells, D Fred Esq',
-                date: '2016-02-09',
-                status: 'unqualified',
-                verified: false,
-                activity: 26,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 81056
-            },
-            {
-                id: 1408,
-                name: 'Billye Miro',
-                country: {
-                    name: 'Hungary',
-                    code: 'hu'
-                },
-                company: 'Gray, Francine H Esq',
-                date: '2015-09-05',
-                status: 'new',
-                verified: true,
-                activity: 70,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 34220
-            },
-            {
-                id: 1409,
-                name: 'Glenna Slayton',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Toledo Iv Care',
-                date: '2016-03-10',
-                status: 'unqualified',
-                verified: true,
-                activity: 86,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 21459
-            },
-            {
-                id: 1410,
-                name: 'Mitzie Hudnall',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Cangro Transmission Co',
-                date: '2020-05-04',
-                status: 'new',
-                verified: true,
-                activity: 19,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 51281
-            },
-            {
-                id: 1411,
-                name: 'Bernardine Rodefer',
-                country: {
-                    name: 'Switzerland',
-                    code: 'ch'
-                },
-                company: 'Sat Poly Inc',
-                date: '2020-10-19',
-                status: 'proposal',
-                verified: true,
-                activity: 69,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 53841
-            },
-            {
-                id: 1412,
-                name: 'Staci Schmaltz',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Midwest Contracting \u0026 Mfg Inc',
-                date: '2018-03-14',
-                status: 'unqualified',
-                verified: true,
-                activity: 81,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 34878
-            },
-            {
-                id: 1413,
-                name: 'Nichelle Meteer',
-                country: {
-                    name: 'Denmark',
-                    code: 'dk'
-                },
-                company: 'Print Doctor',
-                date: '2016-09-23',
-                status: 'renewal',
-                verified: true,
-                activity: 39,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 85399
-            },
-            {
-                id: 1414,
-                name: 'Janine Rhoden',
-                country: {
-                    name: 'Nigeria',
-                    code: 'ng'
-                },
-                company: 'Nordic Group Inc',
-                date: '2018-08-13',
-                status: 'qualified',
-                verified: true,
-                activity: 95,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 29237
-            },
-            {
-                id: 1415,
-                name: 'Ettie Hoopengardner',
-                country: {
-                    name: 'Switzerland',
-                    code: 'ch'
-                },
-                company: 'Jackson Millwork Co',
-                date: '2017-07-24',
-                status: 'renewal',
-                verified: false,
-                activity: 23,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 12179
-            },
-            {
-                id: 1416,
-                name: 'Eden Jayson',
-                country: {
-                    name: 'Sweden',
-                    code: 'se'
-                },
-                company: 'Harris Corporation',
-                date: '2018-03-15',
-                status: 'renewal',
-                verified: true,
-                activity: 9,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 27840
-            },
-            {
-                id: 1417,
-                name: 'Lynelle Auber',
-                country: {
-                    name: 'Netherlands',
-                    code: 'nl'
-                },
-                company: 'United Cerebral Palsy Of Ne Pa',
-                date: '2020-12-11',
-                status: 'proposal',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 51958
-            },
-            {
-                id: 1418,
-                name: 'Merissa Tomblin',
-                country: {
-                    name: 'Jamaica',
-                    code: 'jm'
-                },
-                company: 'One Day Surgery Center Inc',
-                date: '2018-03-05',
-                status: 'new',
-                verified: true,
-                activity: 50,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 33138
-            },
-            {
-                id: 1419,
-                name: 'Golda Kaniecki',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'Calaveras Prospect',
-                date: '2019-04-17',
-                status: 'negotiation',
-                verified: true,
-                activity: 91,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 82539
-            },
-            {
-                id: 1420,
-                name: 'Catarina Gleich',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Terk, Robert E Esq',
-                date: '2017-01-26',
-                status: 'unqualified',
-                verified: true,
-                activity: 12,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 5619
-            },
-            {
-                id: 1421,
-                name: 'Virgie Kiel',
-                country: {
-                    name: 'Latvia',
-                    code: 'lv'
-                },
-                company: 'Cullen, Terrence P Esq',
-                date: '2016-06-28',
-                status: 'renewal',
-                verified: true,
-                activity: 89,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 44763
-            },
-            {
-                id: 1422,
-                name: 'Jolene Ostolaza',
-                country: {
-                    name: 'Puerto Rico',
-                    code: 'pr'
-                },
-                company: 'Central Die Casting Mfg Co Inc',
-                date: '2016-08-08',
-                status: 'negotiation',
-                verified: true,
-                activity: 85,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 97208
-            },
-            {
-                id: 1423,
-                name: 'Keneth Borgman',
-                country: {
-                    name: 'Qatar',
-                    code: 'qa'
-                },
-                company: 'Centerline Engineering',
-                date: '2019-02-04',
-                status: 'unqualified',
-                verified: true,
-                activity: 41,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 93316
-            },
-            {
-                id: 1424,
-                name: 'Rikki Nayar',
-                country: {
-                    name: 'Norway',
-                    code: 'no'
-                },
-                company: 'Targan \u0026 Kievit Pa',
-                date: '2017-03-06',
-                status: 'negotiation',
-                verified: true,
-                activity: 47,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 23786
-            },
-            {
-                id: 1425,
-                name: 'Elke Sengbusch',
-                country: {
-                    name: 'Canada',
-                    code: 'ca'
-                },
-                company: 'Riley Riper Hollin \u0026 Colagreco',
-                date: '2019-05-28',
-                status: 'renewal',
-                verified: true,
-                activity: 76,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 98367
-            },
-            {
-                id: 1426,
-                name: 'Hoa Sarao',
-                country: {
-                    name: 'Sweden',
-                    code: 'se'
-                },
-                company: 'Kaplan, Joel S Esq',
-                date: '2020-08-13',
-                status: 'negotiation',
-                verified: true,
-                activity: 0,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 68683
-            },
-            {
-                id: 1427,
-                name: 'Trinidad Mcrae',
-                country: {
-                    name: 'Burkina Faso',
-                    code: 'bf'
-                },
-                company: 'Water Office',
-                date: '2020-12-26',
-                status: 'renewal',
-                verified: true,
-                activity: 76,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 85602
-            },
-            {
-                id: 1428,
-                name: 'Mari Lueckenbach',
-                country: {
-                    name: 'Cuba',
-                    code: 'cu'
-                },
-                company: 'Westbrooks, Nelson E Jr',
-                date: '2017-10-27',
-                status: 'new',
-                verified: true,
-                activity: 34,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 14402
-            },
-            {
-                id: 1429,
-                name: 'Selma Husser',
-                country: {
-                    name: 'Morocco',
-                    code: 'ma'
-                },
-                company: 'Armon Communications',
-                date: '2018-02-16',
-                status: 'proposal',
-                verified: true,
-                activity: 84,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 81608
-            },
-            {
-                id: 1430,
-                name: 'Antione Onofrio',
-                country: {
-                    name: 'Taiwan',
-                    code: 'tw'
-                },
-                company: 'Jacobs \u0026 Gerber Inc',
-                date: '2017-11-07',
-                status: 'negotiation',
-                verified: true,
-                activity: 37,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 15573
-            },
-            {
-                id: 1431,
-                name: 'Luisa Jurney',
-                country: {
-                    name: 'Canada',
-                    code: 'ca'
-                },
-                company: 'Forest Fire Laboratory',
-                date: '2018-06-12',
-                status: 'unqualified',
-                verified: true,
-                activity: 96,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 50121
-            },
-            {
-                id: 1432,
-                name: 'Clorinda Heimann',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Haughey, Charles Jr',
-                date: '2016-11-03',
-                status: 'proposal',
-                verified: true,
-                activity: 63,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 93911
-            },
-            {
-                id: 1433,
-                name: 'Dick Wenzinger',
-                country: {
-                    name: 'Mexico',
-                    code: 'mx'
-                },
-                company: 'Wheaton Plastic Products',
-                date: '2017-04-05',
-                status: 'negotiation',
-                verified: true,
-                activity: 92,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 66383
-            },
-            {
-                id: 1434,
-                name: 'Ahmed Angalich',
-                country: {
-                    name: 'Australia',
-                    code: 'au'
-                },
-                company: 'Reese Plastics',
-                date: '2018-11-20',
-                status: 'unqualified',
-                verified: true,
-                activity: 83,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 89183
-            },
-            {
-                id: 1435,
-                name: 'Iluminada Ohms',
-                country: {
-                    name: 'Croatia',
-                    code: 'hr'
-                },
-                company: 'Nazette Marner Good Wendt',
-                date: '2015-08-18',
-                status: 'proposal',
-                verified: true,
-                activity: 66,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 9752
-            },
-            {
-                id: 1436,
-                name: 'Joanna Leinenbach',
-                country: {
-                    name: 'Thailand',
-                    code: 'th'
-                },
-                company: 'Levinson Axelrod Wheaton',
-                date: '2016-02-11',
-                status: 'proposal',
-                verified: true,
-                activity: 64,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 2623
-            },
-            {
-                id: 1437,
-                name: 'Caprice Suell',
-                country: {
-                    name: 'Algeria',
-                    code: 'dz'
-                },
-                company: 'Egnor, W Dan Esq',
-                date: '2018-07-09',
-                status: 'unqualified',
-                verified: true,
-                activity: 99,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 87620
-            },
-            {
-                id: 1438,
-                name: 'Stephane Myricks',
-                country: {
-                    name: 'Honduras',
-                    code: 'hn'
-                },
-                company: 'Portland Central Thriftlodge',
-                date: '2018-05-28',
-                status: 'renewal',
-                verified: true,
-                activity: 51,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 14625
-            },
-            {
-                id: 1439,
-                name: 'Quentin Swayze',
-                country: {
-                    name: 'Tunisia',
-                    code: 'tn'
-                },
-                company: 'Ulbrich Trucking',
-                date: '2019-02-11',
-                status: 'negotiation',
-                verified: true,
-                activity: 37,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 39339
-            },
-            {
-                id: 1440,
-                name: 'Annmarie Castros',
-                country: {
-                    name: 'Jamaica',
-                    code: 'jm'
-                },
-                company: 'Tipiak Inc',
-                date: '2015-08-24',
-                status: 'qualified',
-                verified: true,
-                activity: 46,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 77704
-            },
-            {
-                id: 1441,
-                name: 'Shonda Greenbush',
-                country: {
-                    name: 'Costa Rica',
-                    code: 'cr'
-                },
-                company: 'Saint George Well Drilling',
-                date: '2018-06-01',
-                status: 'negotiation',
-                verified: true,
-                activity: 16,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 75326
-            },
-            {
-                id: 1442,
-                name: 'Cecil Lapage',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Hawkes, Douglas D',
-                date: '2018-11-09',
-                status: 'qualified',
-                verified: true,
-                activity: 43,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 71364
-            },
-            {
-                id: 1443,
-                name: 'Jeanice Claucherty',
-                country: {
-                    name: 'Lithuania',
-                    code: 'lt'
-                },
-                company: 'Accurel Systems Intrntl Corp',
-                date: '2016-06-02',
-                status: 'qualified',
-                verified: true,
-                activity: 48,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 73360
-            },
-            {
-                id: 1444,
-                name: 'Josphine Villanueva',
-                country: {
-                    name: 'Japan',
-                    code: 'jp'
-                },
-                company: 'Santa Cruz Community Internet',
-                date: '2019-11-08',
-                status: 'unqualified',
-                verified: true,
-                activity: 39,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 59442
-            },
-            {
-                id: 1445,
-                name: 'Daniel Perruzza',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Gersh \u0026 Danielson',
-                date: '2017-09-24',
-                status: 'renewal',
-                verified: true,
-                activity: 86,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 84338
-            },
-            {
-                id: 1446,
-                name: 'Cassi Wildfong',
-                country: {
-                    name: 'Tunisia',
-                    code: 'tn'
-                },
-                company: 'Cobb, James O Esq',
-                date: '2015-09-08',
-                status: 'qualified',
-                verified: true,
-                activity: 85,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 72545
-            },
-            {
-                id: 1447,
-                name: 'Britt Galam',
-                country: {
-                    name: 'Poland',
-                    code: 'pl'
-                },
-                company: 'Wheatley Trucking Company',
-                date: '2020-10-26',
-                status: 'new',
-                verified: true,
-                activity: 69,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 53307
-            },
-            {
-                id: 1448,
-                name: 'Adell Lipkin',
-                country: {
-                    name: 'Saudi Arabia',
-                    code: 'sa'
-                },
-                company: 'Systems Graph Inc Ab Dick Dlr',
-                date: '2017-05-09',
-                status: 'unqualified',
-                verified: true,
-                activity: 92,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 12178
-            },
-            {
-                id: 1449,
-                name: 'Jacqueline Rowling',
-                country: {
-                    name: 'Qatar',
-                    code: 'qa'
-                },
-                company: 'John Hancock Mutl Life Ins Co',
-                date: '2019-06-28',
-                status: 'negotiation',
-                verified: true,
-                activity: 79,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 35576
-            },
-            {
-                id: 1450,
-                name: 'Lonny Weglarz',
-                country: {
-                    name: 'Chile',
-                    code: 'cl'
-                },
-                company: 'History Division Of State',
-                date: '2016-08-12',
-                status: 'new',
-                verified: true,
-                activity: 49,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 20507
-            },
-            {
-                id: 1451,
-                name: 'Lonna Diestel',
-                country: {
-                    name: 'Philippines',
-                    code: 'ph'
-                },
-                company: 'Dimmock, Thomas J Esq',
-                date: '2017-02-10',
-                status: 'proposal',
-                verified: true,
-                activity: 9,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 56415
-            },
-            {
-                id: 1452,
-                name: 'Cristal Samara',
-                country: {
-                    name: 'Australia',
-                    code: 'au'
-                },
-                company: 'Intermed Inc',
-                date: '2016-08-17',
-                status: 'qualified',
-                verified: true,
-                activity: 99,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 33427
-            },
-            {
-                id: 1453,
-                name: 'Kenneth Grenet',
-                country: {
-                    name: 'Croatia',
-                    code: 'hr'
-                },
-                company: 'Bank Of New York',
-                date: '2020-07-24',
-                status: 'negotiation',
-                verified: true,
-                activity: 78,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 44004
-            },
-            {
-                id: 1454,
-                name: 'Elli Mclaird',
-                country: {
-                    name: 'Switzerland',
-                    code: 'ch'
-                },
-                company: 'Sportmaster Intrnatl',
-                date: '2017-06-10',
-                status: 'qualified',
-                verified: true,
-                activity: 61,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 37227
-            },
-            {
-                id: 1455,
-                name: 'Alline Jeanty',
-                country: {
-                    name: 'Denmark',
-                    code: 'dk'
-                },
-                company: 'W W John Holden Inc',
-                date: '2015-12-08',
-                status: 'renewal',
-                verified: true,
-                activity: 74,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 44560
-            },
-            {
-                id: 1456,
-                name: 'Sharika Eanes',
-                country: {
-                    name: 'Chile',
-                    code: 'cl'
-                },
-                company: 'Maccani \u0026 Delp',
-                date: '2018-08-16',
-                status: 'qualified',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 50922
-            },
-            {
-                id: 1457,
-                name: 'Nu Mcnease',
-                country: {
-                    name: 'Pakistan',
-                    code: 'pk'
-                },
-                company: 'Amazonia Film Project',
-                date: '2018-07-03',
-                status: 'negotiation',
-                verified: true,
-                activity: 47,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 61262
-            },
-            {
-                id: 1458,
-                name: 'Daniela Comnick',
-                country: {
-                    name: 'Tunisia',
-                    code: 'tn'
-                },
-                company: 'Water \u0026 Sewer Department',
-                date: '2017-07-07',
-                status: 'negotiation',
-                verified: true,
-                activity: 31,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 13459
-            },
-            {
-                id: 1459,
-                name: 'Cecilia Colaizzo',
-                country: {
-                    name: 'Costa Rica',
-                    code: 'cr'
-                },
-                company: 'Switchcraft Inc',
-                date: '2019-06-08',
-                status: 'proposal',
-                verified: true,
-                activity: 21,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 52299
-            },
-            {
-                id: 1460,
-                name: 'Leslie Threets',
-                country: {
-                    name: 'Sweden',
-                    code: 'se'
-                },
-                company: 'C W D C Metal Fabricators',
-                date: '2016-11-26',
-                status: 'unqualified',
-                verified: true,
-                activity: 50,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 61040
-            },
-            {
-                id: 1461,
-                name: 'Nan Koppinger',
-                country: {
-                    name: 'Norway',
-                    code: 'no'
-                },
-                company: 'Shimotani, Grace T',
-                date: '2020-11-15',
-                status: 'proposal',
-                verified: true,
-                activity: 94,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 91297
-            },
-            {
-                id: 1462,
-                name: 'Izetta Dewar',
-                country: {
-                    name: 'Cuba',
-                    code: 'cu'
-                },
-                company: 'Lisatoni, Jean Esq',
-                date: '2019-11-22',
-                status: 'renewal',
-                verified: true,
-                activity: 41,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 39947
-            },
-            {
-                id: 1463,
-                name: 'Tegan Arceo',
-                country: {
-                    name: 'Iceland',
-                    code: 'is'
-                },
-                company: 'Ceramic Tile Sales Inc',
-                date: '2016-08-07',
-                status: 'new',
-                verified: true,
-                activity: 79,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 78224
-            },
-            {
-                id: 1464,
-                name: 'Ruthann Keener',
-                country: {
-                    name: 'Morocco',
-                    code: 'ma'
-                },
-                company: 'Maiden Craft Inc',
-                date: '2019-04-25',
-                status: 'negotiation',
-                verified: true,
-                activity: 43,
-                representative: {
-                    name: 'Elwin Sharvill',
-                    image: 'elwinsharvill.png'
-                },
-                balance: 22727
-            },
-            {
-                id: 1465,
-                name: 'Joni Breland',
-                country: {
-                    name: 'Uruguay',
-                    code: 'uy'
-                },
-                company: 'Carriage House Cllsn Rpr Inc',
-                date: '2018-07-20',
-                status: 'new',
-                verified: true,
-                activity: 18,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 70650
-            },
-            {
-                id: 1466,
-                name: 'Vi Rentfro',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Video Workshop',
-                date: '2018-10-01',
-                status: 'negotiation',
-                verified: true,
-                activity: 99,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 45956
-            },
-            {
-                id: 1467,
-                name: 'Colette Kardas',
-                country: {
-                    name: 'Honduras',
-                    code: 'hn'
-                },
-                company: 'Fresno Tile Center Inc',
-                date: '2017-08-22',
-                status: 'new',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 72627
-            },
-            {
-                id: 1468,
-                name: 'Malcolm Tromblay',
-                country: {
-                    name: 'Uruguay',
-                    code: 'uy'
-                },
-                company: 'Versatile Sash \u0026 Woodwork',
-                date: '2019-11-25',
-                status: 'renewal',
-                verified: true,
-                activity: 23,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 80176
-            },
-            {
-                id: 1469,
-                name: 'Ryan Harnos',
-                country: {
-                    name: 'Paraguay',
-                    code: 'py'
-                },
-                company: 'Warner Electric Brk \u0026 Cltch Co',
-                date: '2019-02-12',
-                status: 'qualified',
-                verified: true,
-                activity: 71,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 97227
-            },
-            {
-                id: 1470,
-                name: 'Jess Chaffins',
-                country: {
-                    name: 'Belarus',
-                    code: 'by'
-                },
-                company: 'New York Public Library',
-                date: '2017-02-12',
-                status: 'qualified',
-                verified: true,
-                activity: 91,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 63121
-            },
-            {
-                id: 1471,
-                name: 'Sharen Bourbon',
-                country: {
-                    name: 'Saudi Arabia',
-                    code: 'sa'
-                },
-                company: 'Mccaleb, John A Esq',
-                date: '2017-06-13',
-                status: 'renewal',
-                verified: true,
-                activity: 35,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 44726
-            },
-            {
-                id: 1472,
-                name: 'Nickolas Juvera',
-                country: {
-                    name: 'Finland',
-                    code: 'fi'
-                },
-                company: 'United Oil Co Inc',
-                date: '2019-01-06',
-                status: 'negotiation',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 70748
-            },
-            {
-                id: 1473,
-                name: 'Gary Nunlee',
-                country: {
-                    name: 'Turkey',
-                    code: 'tr'
-                },
-                company: 'Irving Foot Center',
-                date: '2015-07-22',
-                status: 'renewal',
-                verified: true,
-                activity: 72,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 71061
-            },
-            {
-                id: 1474,
-                name: 'Diane Devreese',
-                country: {
-                    name: 'Bolivia',
-                    code: 'bo'
-                },
-                company: 'Acme Supply Co',
-                date: '2018-05-13',
-                status: 'renewal',
-                verified: true,
-                activity: 78,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 7486
-            },
-            {
-                id: 1475,
-                name: 'Roslyn Chavous',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Mcrae, James L',
-                date: '2018-03-20',
-                status: 'proposal',
-                verified: true,
-                activity: 45,
-                representative: {
-                    name: 'Bernardo Dominic',
-                    image: 'bernardodominic.png'
-                },
-                balance: 58495
-            },
-            {
-                id: 1476,
-                name: 'Glory Schieler',
-                country: {
-                    name: 'Italy',
-                    code: 'it'
-                },
-                company: 'Mcgraths Seafood',
-                date: '2017-05-13',
-                status: 'proposal',
-                verified: true,
-                activity: 34,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 96252
-            },
-            {
-                id: 1477,
-                name: 'Rasheeda Sayaphon',
-                country: {
-                    name: 'Latvia',
-                    code: 'lv'
-                },
-                company: 'Kummerer, J Michael Esq',
-                date: '2017-02-21',
-                status: 'proposal',
-                verified: true,
-                activity: 12,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 71454
-            },
-            {
-                id: 1478,
-                name: 'Alpha Palaia',
-                country: {
-                    name: 'Costa Rica',
-                    code: 'cr'
-                },
-                company: 'Stoffer, James M Jr',
-                date: '2017-07-21',
-                status: 'renewal',
-                verified: true,
-                activity: 4,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 81894
-            },
-            {
-                id: 1479,
-                name: 'Refugia Jacobos',
-                country: {
-                    name: 'China',
-                    code: 'cn'
-                },
-                company: 'North Central Fl Sfty Cncl',
-                date: '2020-11-25',
-                status: 'negotiation',
-                verified: true,
-                activity: 18,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 31601
-            },
-            {
-                id: 1480,
-                name: 'Shawnda Yori',
-                country: {
-                    name: 'Luxembourg',
-                    code: 'lu'
-                },
-                company: 'Fiorucci Foods Usa Inc',
-                date: '2018-05-09',
-                status: 'unqualified',
-                verified: true,
-                activity: 11,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 12090
-            },
-            {
-                id: 1481,
-                name: 'Mona Delasancha',
-                country: {
-                    name: 'Hong Kong',
-                    code: 'hk'
-                },
-                company: 'Sign All',
-                date: '2017-10-06',
-                status: 'renewal',
-                verified: true,
-                activity: 61,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 24073
-            },
-            {
-                id: 1482,
-                name: 'Gilma Liukko',
-                country: {
-                    name: 'Morocco',
-                    code: 'ma'
-                },
-                company: 'Sammys Steak Den',
-                date: '2018-10-06',
-                status: 'unqualified',
-                verified: true,
-                activity: 34,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 35129
-            },
-            {
-                id: 1483,
-                name: 'Janey Gabisi',
-                country: {
-                    name: 'Israel',
-                    code: 'il'
-                },
-                company: 'Dobscha, Stephen F Esq',
-                date: '2019-05-22',
-                status: 'unqualified',
-                verified: true,
-                activity: 38,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 25518
-            },
-            {
-                id: 1484,
-                name: 'Lili Paskin',
-                country: {
-                    name: 'Costa Rica',
-                    code: 'cr'
-                },
-                company: 'Morgan Custom Homes',
-                date: '2018-06-11',
-                status: 'unqualified',
-                verified: true,
-                activity: 69,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 7300
-            },
-            {
-                id: 1485,
-                name: 'Loren Asar',
-                country: {
-                    name: 'Italy',
-                    code: 'it'
-                },
-                company: 'Olsen Payne \u0026 Company',
-                date: '2017-12-11',
-                status: 'unqualified',
-                verified: true,
-                activity: 16,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 82949
-            },
-            {
-                id: 1486,
-                name: 'Dorothy Chesterfield',
-                country: {
-                    name: 'Spain',
-                    code: 'es'
-                },
-                company: 'Cowan \u0026 Kelly',
-                date: '2015-08-11',
-                status: 'renewal',
-                verified: true,
-                activity: 31,
-                representative: {
-                    name: 'Anna Fali',
-                    image: 'annafali.png'
-                },
-                balance: 25044
-            },
-            {
-                id: 1487,
-                name: 'Gail Similton',
-                country: {
-                    name: 'Malaysia',
-                    code: 'my'
-                },
-                company: 'Johnson, Wes Esq',
-                date: '2016-08-10',
-                status: 'qualified',
-                verified: true,
-                activity: 63,
-                representative: {
-                    name: 'Xuxue Feng',
-                    image: 'xuxuefeng.png'
-                },
-                balance: 97553
-            },
-            {
-                id: 1488,
-                name: 'Catalina Tillotson',
-                country: {
-                    name: 'Pakistan',
-                    code: 'pk'
-                },
-                company: 'Icn Pharmaceuticals Inc',
-                date: '2018-08-04',
-                status: 'negotiation',
-                verified: true,
-                activity: 13,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 38294
-            },
-            {
-                id: 1489,
-                name: 'Lawrence Lorens',
-                country: {
-                    name: 'Egypt',
-                    code: 'eg'
-                },
-                company: 'New England Sec Equip Co Inc',
-                date: '2020-04-15',
-                status: 'negotiation',
-                verified: true,
-                activity: 82,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 56617
-            },
-            {
-                id: 1490,
-                name: 'Carlee Boulter',
-                country: {
-                    name: 'Vietnam',
-                    code: 'vn'
-                },
-                company: 'Tippett, Troy M Ii',
-                date: '2016-09-22',
-                status: 'renewal',
-                verified: true,
-                activity: 71,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 76817
-            },
-            {
-                id: 1491,
-                name: 'Thaddeus Ankeny',
-                country: {
-                    name: 'Qatar',
-                    code: 'qa'
-                },
-                company: 'Atc Contracting',
-                date: '2015-03-08',
-                status: 'unqualified',
-                verified: true,
-                activity: 78,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 80787
-            },
-            {
-                id: 1492,
-                name: 'Jovita Oles',
-                country: {
-                    name: 'Sweden',
-                    code: 'se'
-                },
-                company: 'Pagano, Philip G Esq',
-                date: '2019-07-18',
-                status: 'negotiation',
-                verified: true,
-                activity: 42,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 4158
-            },
-            {
-                id: 1493,
-                name: 'Alesia Hixenbaugh',
-                country: {
-                    name: 'Thailand',
-                    code: 'th'
-                },
-                company: 'Kwikprint',
-                date: '2017-07-24',
-                status: 'negotiation',
-                verified: false,
-                activity: 23,
-                representative: {
-                    name: 'Ivan Magalhaes',
-                    image: 'ivanmagalhaes.png'
-                },
-                balance: 66993
-            },
-            {
-                id: 1494,
-                name: 'Lai Harabedian',
-                country: {
-                    name: 'Serbia',
-                    code: 'rs'
-                },
-                company: 'Buergi \u0026 Madden Scale',
-                date: '2018-11-11',
-                status: 'new',
-                verified: true,
-                activity: 28,
-                representative: {
-                    name: 'Asiya Javayant',
-                    image: 'asiyajavayant.png'
-                },
-                balance: 53330
-            },
-            {
-                id: 1495,
-                name: 'Brittni Gillaspie',
-                country: {
-                    name: 'Senegal',
-                    code: 'sn'
-                },
-                company: 'Inner Label',
-                date: '2019-11-23',
-                status: 'renewal',
-                verified: true,
-                activity: 14,
-                representative: {
-                    name: 'Ioni Bowcher',
-                    image: 'ionibowcher.png'
-                },
-                balance: 72342
-            },
-            {
-                id: 1496,
-                name: 'Raylene Kampa',
-                country: {
-                    name: 'Belgium',
-                    code: 'be'
-                },
-                company: 'Hermar Inc',
-                date: '2020-04-22',
-                status: 'unqualified',
-                verified: true,
-                activity: 65,
-                representative: {
-                    name: 'Stephen Shaw',
-                    image: 'stephenshaw.png'
-                },
-                balance: 53660
-            },
-            {
-                id: 1497,
-                name: 'Flo Bookamer',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Simonton Howe \u0026 Schneider Pc',
-                date: '2020-08-10',
-                status: 'unqualified',
-                verified: true,
-                activity: 30,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 44528
-            },
-            {
-                id: 1498,
-                name: 'Jani Biddy',
-                country: {
-                    name: 'Switzerland',
-                    code: 'ch'
-                },
-                company: 'Warehouse Office \u0026 Paper Prod',
-                date: '2019-11-07',
-                status: 'negotiation',
-                verified: false,
-                activity: 20,
-                representative: {
-                    name: 'Onyama Limba',
-                    image: 'onyamalimba.png'
-                },
-                balance: 69613
-            },
-            {
-                id: 1499,
-                name: 'Chauncey Motley',
-                country: {
-                    name: 'Argentina',
-                    code: 'ar'
-                },
-                company: 'Affiliated With Travelodge',
-                date: '2019-04-23',
-                status: 'renewal',
-                verified: true,
-                activity: 42,
-                representative: {
-                    name: 'Amy Elsner',
-                    image: 'amyelsner.png'
-                },
-                balance: 88090
-            }
-        ];
-    }
-
-    constructor(private http: HttpClient) {}
-
-    getCustomersMini() {
-        return Promise.resolve(this.getData().slice(0, 5));
-    }
-
-    getCustomersSmall() {
-        return Promise.resolve(this.getData().slice(0, 10));
-    }
-
-    getCustomersMedium() {
-        return Promise.resolve(this.getData().slice(0, 50));
-    }
-
-    getCustomersLarge() {
-        return Promise.resolve(this.getData().slice(0, 200));
-    }
-
-    getCustomersXLarge() {
-        return Promise.resolve(this.getData());
-    }
-
-    getCustomers(params?: any) {
-        return this.http.get<any>('https://www.primefaces.org/data/customers', { params: params }).toPromise();
-    }
-}
diff --git a/src/app/showcase/service/eventservice.ts b/src/app/showcase/service/eventservice.ts
deleted file mode 100644
index f5380f4..0000000
--- a/src/app/showcase/service/eventservice.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable()
-export class EventService {
-    getData() {
-        return [
-            { id: 1, title: 'All Day Event', start: '2017-02-01' },
-            { id: 2, title: 'Long Event', start: '2017-02-07', end: '2017-02-10' },
-            { id: 3, title: 'Repeating Event', start: '2017-02-09T16:00:00' },
-            { id: 4, title: 'Repeating Event', start: '2017-02-16T16:00:00' },
-            { id: 5, title: 'Conference', start: '2017-02-11', end: '2017-02-13' },
-            { id: 6, title: 'Meeting', start: '2017-02-12T10:30:00', end: '2017-02-12T12:30:00' },
-            { id: 7, title: 'Lunch', start: '2017-02-12T12:00:00' },
-            { id: 8, title: 'Meeting', start: '2017-02-12T14:30:00' },
-            { id: 9, title: 'Happy Hour', start: '2017-02-12T17:30:00' },
-            { id: 10, title: 'Dinner', start: '2017-02-12T20:00:00' },
-            { id: 11, title: 'Birthday Party', start: '2017-02-13T07:00:00' },
-            { id: 12, title: 'Click for Google', url: 'https://www.google.com/', start: '2017-02-28' }
-        ];
-    }
-
-    getEvents() {
-        return Promise.resolve(this.getData());
-    }
-}
diff --git a/src/app/showcase/service/jsonservice.ts b/src/app/showcase/service/jsonservice.ts
deleted file mode 100644
index b66519b..0000000
--- a/src/app/showcase/service/jsonservice.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
-
-@Injectable()
-export class JsonService {
-    constructor(private http: HttpClient) {}
-
-    getVersions() {
-        return this.http
-            .get<any>('https://www.primefaces.org/primeng/versions.json')
-            .toPromise()
-            .then((res) => res.versions)
-            .then((data) => {
-                return data;
-            });
-    }
-
-    getAnnouncement() {
-        return this.http
-            .get<any>('https://www.primefaces.org/cdn/news/primeng.json')
-            .toPromise()
-            .then((data) => {
-                return data;
-            });
-    }
-}
diff --git a/src/app/showcase/service/nodeservice.ts b/src/app/showcase/service/nodeservice.ts
deleted file mode 100644
index be3883d..0000000
--- a/src/app/showcase/service/nodeservice.ts
+++ /dev/null
@@ -1,815 +0,0 @@
-import { Injectable } from '@angular/core';
-import { TreeNode } from '../../components/api/treenode';
-
-@Injectable()
-export class NodeService {
-    getTreeNodesData() {
-        return [
-            {
-                key: '0',
-                label: 'Documents',
-                data: 'Documents Folder',
-                icon: 'pi pi-fw pi-inbox',
-                children: [
-                    {
-                        key: '0-0',
-                        label: 'Work',
-                        data: 'Work Folder',
-                        icon: 'pi pi-fw pi-cog',
-                        children: [
-                            { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                            { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
-                        ]
-                    },
-                    {
-                        key: '0-1',
-                        label: 'Home',
-                        data: 'Home Folder',
-                        icon: 'pi pi-fw pi-home',
-                        children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
-                    }
-                ]
-            },
-            {
-                key: '1',
-                label: 'Events',
-                data: 'Events Folder',
-                icon: 'pi pi-fw pi-calendar',
-                children: [
-                    { key: '1-0', label: 'Meeting', icon: 'pi pi-fw pi-calendar-plus', data: 'Meeting' },
-                    { key: '1-1', label: 'Product Launch', icon: 'pi pi-fw pi-calendar-plus', data: 'Product Launch' },
-                    { key: '1-2', label: 'Report Review', icon: 'pi pi-fw pi-calendar-plus', data: 'Report Review' }
-                ]
-            },
-            {
-                key: '2',
-                label: 'Movies',
-                data: 'Movies Folder',
-                icon: 'pi pi-fw pi-star-fill',
-                children: [
-                    {
-                        key: '2-0',
-                        icon: 'pi pi-fw pi-star-fill',
-                        label: 'Al Pacino',
-                        data: 'Pacino Movies',
-                        children: [
-                            { key: '2-0-0', label: 'Scarface', icon: 'pi pi-fw pi-video', data: 'Scarface Movie' },
-                            { key: '2-0-1', label: 'Serpico', icon: 'pi pi-fw pi-video', data: 'Serpico Movie' }
-                        ]
-                    },
-                    {
-                        key: '2-1',
-                        label: 'Robert De Niro',
-                        icon: 'pi pi-fw pi-star-fill',
-                        data: 'De Niro Movies',
-                        children: [
-                            { key: '2-1-0', label: 'Goodfellas', icon: 'pi pi-fw pi-video', data: 'Goodfellas Movie' },
-                            { key: '2-1-1', label: 'Untouchables', icon: 'pi pi-fw pi-video', data: 'Untouchables Movie', selectable: false }
-                        ]
-                    }
-                ]
-            }
-        ];
-    }
-
-    getTreeTableNodesData() {
-        return [
-            {
-                key: '0',
-                data: {
-                    name: 'Applications',
-                    size: '100kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '0-0',
-                        data: {
-                            name: 'Angular',
-                            size: '25kb',
-                            type: 'Folder'
-                        },
-                        children: [
-                            {
-                                key: '0-0-0',
-                                data: {
-                                    name: 'angular.app',
-                                    size: '10kb',
-                                    type: 'Application'
-                                }
-                            },
-                            {
-                                key: '0-0-1',
-                                data: {
-                                    name: 'native.app',
-                                    size: '10kb',
-                                    type: 'Application'
-                                }
-                            },
-                            {
-                                key: '0-0-2',
-                                data: {
-                                    name: 'mobile.app',
-                                    size: '5kb',
-                                    type: 'Application'
-                                }
-                            }
-                        ]
-                    },
-                    {
-                        key: '0-1',
-                        data: {
-                            name: 'editor.app',
-                            size: '25kb',
-                            type: 'Application'
-                        }
-                    },
-                    {
-                        key: '0-2',
-                        data: {
-                            name: 'settings.app',
-                            size: '50kb',
-                            type: 'Application'
-                        }
-                    }
-                ]
-            },
-            {
-                key: '1',
-                data: {
-                    name: 'Cloud',
-                    size: '20kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '1-0',
-                        data: {
-                            name: 'backup-1.zip',
-                            size: '10kb',
-                            type: 'Zip'
-                        }
-                    },
-                    {
-                        key: '1-1',
-                        data: {
-                            name: 'backup-2.zip',
-                            size: '10kb',
-                            type: 'Zip'
-                        }
-                    }
-                ]
-            },
-            {
-                key: '2',
-                data: {
-                    name: 'Desktop',
-                    size: '150kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '2-0',
-                        data: {
-                            name: 'note-meeting.txt',
-                            size: '50kb',
-                            type: 'Text'
-                        }
-                    },
-                    {
-                        key: '2-1',
-                        data: {
-                            name: 'note-todo.txt',
-                            size: '100kb',
-                            type: 'Text'
-                        }
-                    }
-                ]
-            },
-            {
-                key: '3',
-                data: {
-                    name: 'Documents',
-                    size: '75kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '3-0',
-                        data: {
-                            name: 'Work',
-                            size: '55kb',
-                            type: 'Folder'
-                        },
-                        children: [
-                            {
-                                key: '3-0-0',
-                                data: {
-                                    name: 'Expenses.doc',
-                                    size: '30kb',
-                                    type: 'Document'
-                                }
-                            },
-                            {
-                                key: '3-0-1',
-                                data: {
-                                    name: 'Resume.doc',
-                                    size: '25kb',
-                                    type: 'Resume'
-                                }
-                            }
-                        ]
-                    },
-                    {
-                        key: '3-1',
-                        data: {
-                            name: 'Home',
-                            size: '20kb',
-                            type: 'Folder'
-                        },
-                        children: [
-                            {
-                                key: '3-1-0',
-                                data: {
-                                    name: 'Invoices',
-                                    size: '20kb',
-                                    type: 'Text'
-                                }
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                key: '4',
-                data: {
-                    name: 'Downloads',
-                    size: '25kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '4-0',
-                        data: {
-                            name: 'Spanish',
-                            size: '10kb',
-                            type: 'Folder'
-                        },
-                        children: [
-                            {
-                                key: '4-0-0',
-                                data: {
-                                    name: 'tutorial-a1.txt',
-                                    size: '5kb',
-                                    type: 'Text'
-                                }
-                            },
-                            {
-                                key: '4-0-1',
-                                data: {
-                                    name: 'tutorial-a2.txt',
-                                    size: '5kb',
-                                    type: 'Text'
-                                }
-                            }
-                        ]
-                    },
-                    {
-                        key: '4-1',
-                        data: {
-                            name: 'Travel',
-                            size: '15kb',
-                            type: 'Text'
-                        },
-                        children: [
-                            {
-                                key: '4-1-0',
-                                data: {
-                                    name: 'Hotel.pdf',
-                                    size: '10kb',
-                                    type: 'PDF'
-                                }
-                            },
-                            {
-                                key: '4-1-1',
-                                data: {
-                                    name: 'Flight.pdf',
-                                    size: '5kb',
-                                    type: 'PDF'
-                                }
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                key: '5',
-                data: {
-                    name: 'Main',
-                    size: '50kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '5-0',
-                        data: {
-                            name: 'bin',
-                            size: '50kb',
-                            type: 'Link'
-                        }
-                    },
-                    {
-                        key: '5-1',
-                        data: {
-                            name: 'etc',
-                            size: '100kb',
-                            type: 'Link'
-                        }
-                    },
-                    {
-                        key: '5-2',
-                        data: {
-                            name: 'var',
-                            size: '100kb',
-                            type: 'Link'
-                        }
-                    }
-                ]
-            },
-            {
-                key: '6',
-                data: {
-                    name: 'Other',
-                    size: '5kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '6-0',
-                        data: {
-                            name: 'todo.txt',
-                            size: '3kb',
-                            type: 'Text'
-                        }
-                    },
-                    {
-                        key: '6-1',
-                        data: {
-                            name: 'logo.png',
-                            size: '2kb',
-                            type: 'Picture'
-                        }
-                    }
-                ]
-            },
-            {
-                key: '7',
-                data: {
-                    name: 'Pictures',
-                    size: '150kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '7-0',
-                        data: {
-                            name: 'barcelona.jpg',
-                            size: '90kb',
-                            type: 'Picture'
-                        }
-                    },
-                    {
-                        key: '7-1',
-                        data: {
-                            name: 'primeng.png',
-                            size: '30kb',
-                            type: 'Picture'
-                        }
-                    },
-                    {
-                        key: '7-2',
-                        data: {
-                            name: 'prime.jpg',
-                            size: '30kb',
-                            type: 'Picture'
-                        }
-                    }
-                ]
-            },
-            {
-                key: '8',
-                data: {
-                    name: 'Videos',
-                    size: '1500kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        key: '8-0',
-                        data: {
-                            name: 'primefaces.mkv',
-                            size: '1000kb',
-                            type: 'Video'
-                        }
-                    },
-                    {
-                        key: '8-1',
-                        data: {
-                            name: 'intro.avi',
-                            size: '500kb',
-                            type: 'Video'
-                        }
-                    }
-                ]
-            }
-        ];
-    }
-
-    getLazyNodesData() {
-        return [
-            {
-                label: 'Lazy Node 0',
-                data: 'Node 0',
-                expandedIcon: 'pi pi-folder-open',
-                collapsedIcon: 'pi pi-folder',
-                leaf: false
-            },
-            {
-                label: 'Lazy Node 1',
-                data: 'Node 1',
-                expandedIcon: 'pi pi-folder-open',
-                collapsedIcon: 'pi pi-folder',
-                leaf: false
-            },
-            {
-                label: 'Lazy Node 1',
-                data: 'Node 2',
-                expandedIcon: 'pi pi-folder-open',
-                collapsedIcon: 'pi pi-folder',
-                leaf: false
-            }
-        ];
-    }
-
-    getFileSystemNodesData() {
-        return [
-            {
-                data: {
-                    name: 'Applications',
-                    size: '200mb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        data: {
-                            name: 'Angular',
-                            size: '25mb',
-                            type: 'Folder'
-                        },
-                        children: [
-                            {
-                                data: {
-                                    name: 'angular.app',
-                                    size: '10mb',
-                                    type: 'Application'
-                                }
-                            },
-                            {
-                                data: {
-                                    name: 'cli.app',
-                                    size: '10mb',
-                                    type: 'Application'
-                                }
-                            },
-                            {
-                                data: {
-                                    name: 'mobile.app',
-                                    size: '5mb',
-                                    type: 'Application'
-                                }
-                            }
-                        ]
-                    },
-                    {
-                        data: {
-                            name: 'editor.app',
-                            size: '25mb',
-                            type: 'Application'
-                        }
-                    },
-                    {
-                        data: {
-                            name: 'settings.app',
-                            size: '50mb',
-                            type: 'Application'
-                        }
-                    }
-                ]
-            },
-            {
-                data: {
-                    name: 'Cloud',
-                    size: '20mb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        data: {
-                            name: 'backup-1.zip',
-                            size: '10mb',
-                            type: 'Zip'
-                        }
-                    },
-                    {
-                        data: {
-                            name: 'backup-2.zip',
-                            size: '10mb',
-                            type: 'Zip'
-                        }
-                    }
-                ]
-            },
-            {
-                data: {
-                    name: 'Desktop',
-                    size: '150kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        data: {
-                            name: 'note-meeting.txt',
-                            size: '50kb',
-                            type: 'Text'
-                        }
-                    },
-                    {
-                        data: {
-                            name: 'note-todo.txt',
-                            size: '100kb',
-                            type: 'Text'
-                        }
-                    }
-                ]
-            },
-            {
-                data: {
-                    name: 'Documents',
-                    size: '75kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        data: {
-                            name: 'Work',
-                            size: '55kb',
-                            type: 'Folder'
-                        },
-                        children: [
-                            {
-                                data: {
-                                    name: 'Expenses.doc',
-                                    size: '30kb',
-                                    type: 'Document'
-                                }
-                            },
-                            {
-                                data: {
-                                    name: 'Resume.doc',
-                                    size: '25kb',
-                                    type: 'Resume'
-                                }
-                            }
-                        ]
-                    },
-                    {
-                        data: {
-                            name: 'Home',
-                            size: '20kb',
-                            type: 'Folder'
-                        },
-                        children: [
-                            {
-                                data: {
-                                    name: 'Invoices',
-                                    size: '20kb',
-                                    type: 'Text'
-                                }
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                data: {
-                    name: 'Downloads',
-                    size: '25mb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        data: {
-                            name: 'Spanish',
-                            size: '10mb',
-                            type: 'Folder'
-                        },
-                        children: [
-                            {
-                                data: {
-                                    name: 'tutorial-a1.txt',
-                                    size: '5mb',
-                                    type: 'Text'
-                                }
-                            },
-                            {
-                                data: {
-                                    name: 'tutorial-a2.txt',
-                                    size: '5mb',
-                                    type: 'Text'
-                                }
-                            }
-                        ]
-                    },
-                    {
-                        data: {
-                            name: 'Travel',
-                            size: '15mb',
-                            type: 'Text'
-                        },
-                        children: [
-                            {
-                                data: {
-                                    name: 'Hotel.pdf',
-                                    size: '10mb',
-                                    type: 'PDF'
-                                }
-                            },
-                            {
-                                data: {
-                                    name: 'Flight.pdf',
-                                    size: '5mb',
-                                    type: 'PDF'
-                                }
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                data: {
-                    name: 'Main',
-                    size: '50mb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        data: {
-                            name: 'bin',
-                            size: '50kb',
-                            type: 'Link'
-                        }
-                    },
-                    {
-                        data: {
-                            name: 'etc',
-                            size: '100kb',
-                            type: 'Link'
-                        }
-                    },
-                    {
-                        data: {
-                            name: 'var',
-                            size: '100kb',
-                            type: 'Link'
-                        }
-                    }
-                ]
-            },
-            {
-                data: {
-                    name: 'Other',
-                    size: '5mb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        data: {
-                            name: 'todo.txt',
-                            size: '3mb',
-                            type: 'Text'
-                        }
-                    },
-                    {
-                        data: {
-                            name: 'logo.png',
-                            size: '2mb',
-                            type: 'Picture'
-                        }
-                    }
-                ]
-            },
-            {
-                data: {
-                    name: 'Pictures',
-                    size: '150kb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        data: {
-                            name: 'barcelona.jpg',
-                            size: '90kb',
-                            type: 'Picture'
-                        }
-                    },
-                    {
-                        data: {
-                            name: 'primeng.png',
-                            size: '30kb',
-                            type: 'Picture'
-                        }
-                    },
-                    {
-                        data: {
-                            name: 'prime.jpg',
-                            size: '30kb',
-                            type: 'Picture'
-                        }
-                    }
-                ]
-            },
-            {
-                data: {
-                    name: 'Videos',
-                    size: '1500mb',
-                    type: 'Folder'
-                },
-                children: [
-                    {
-                        data: {
-                            name: 'primefaces.mkv',
-                            size: '1000mb',
-                            type: 'Video'
-                        }
-                    },
-                    {
-                        data: {
-                            name: 'intro.avi',
-                            size: '500mb',
-                            type: 'Video'
-                        }
-                    }
-                ]
-            }
-        ];
-    }
-
-    getDynamicTreeNodes(parentCount: number, childrenCount: number): TreeNode[] {
-        const nodes: TreeNode[] = [];
-
-        for (let parentIndex = 0; parentIndex < parentCount; parentIndex++) {
-            const children: TreeNode[] = [];
-
-            for (let childIndex = 0; childIndex < childrenCount; childIndex++) {
-                children.push({
-                    key: `${parentIndex}-${childIndex}`,
-                    label: `Child ${parentIndex}-${childIndex}`,
-                    selectable: true
-                });
-            }
-
-            nodes.push({
-                key: parentIndex.toString(),
-                label: `Parent ${parentIndex}`,
-                selectable: true,
-                children: children
-            });
-        }
-
-        return nodes;
-    }
-
-    getLargeTreeNodes() {
-        return Promise.resolve(this.getDynamicTreeNodes(10, 100));
-    }
-
-    getTreeTableNodes() {
-        return Promise.resolve(this.getTreeTableNodesData());
-    }
-
-    getTreeNodes() {
-        return Promise.resolve(this.getTreeNodesData());
-    }
-
-    getFiles() {
-        return Promise.resolve(this.getTreeNodesData());
-    }
-
-    getLazyFiles() {
-        return Promise.resolve(this.getLazyNodesData());
-    }
-
-    getFilesystem() {
-        return Promise.resolve(this.getFileSystemNodesData());
-    }
-}
diff --git a/src/app/showcase/service/photoservice.ts b/src/app/showcase/service/photoservice.ts
deleted file mode 100644
index 4620abd..0000000
--- a/src/app/showcase/service/photoservice.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable()
-export class PhotoService {
-    getData() {
-        return [
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria1.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria1s.jpg',
-                alt: 'Description for Image 1',
-                title: 'Title 1'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria2.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria2s.jpg',
-                alt: 'Description for Image 2',
-                title: 'Title 2'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria3.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria3s.jpg',
-                alt: 'Description for Image 3',
-                title: 'Title 3'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria4.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria4s.jpg',
-                alt: 'Description for Image 4',
-                title: 'Title 4'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria5.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria5s.jpg',
-                alt: 'Description for Image 5',
-                title: 'Title 5'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria6.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria6s.jpg',
-                alt: 'Description for Image 6',
-                title: 'Title 6'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria7.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria7s.jpg',
-                alt: 'Description for Image 7',
-                title: 'Title 7'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria8.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria8s.jpg',
-                alt: 'Description for Image 8',
-                title: 'Title 8'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria9.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria9s.jpg',
-                alt: 'Description for Image 9',
-                title: 'Title 9'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria10.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria10s.jpg',
-                alt: 'Description for Image 10',
-                title: 'Title 10'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria11.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria11s.jpg',
-                alt: 'Description for Image 11',
-                title: 'Title 11'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria12.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria12s.jpg',
-                alt: 'Description for Image 12',
-                title: 'Title 12'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria13.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria13s.jpg',
-                alt: 'Description for Image 13',
-                title: 'Title 13'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria14.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria14s.jpg',
-                alt: 'Description for Image 14',
-                title: 'Title 14'
-            },
-            {
-                itemImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria15.jpg',
-                thumbnailImageSrc: 'https://primefaces.org/cdn/primeng/images/galleria/galleria15s.jpg',
-                alt: 'Description for Image 15',
-                title: 'Title 15'
-            }
-        ];
-    }
-
-    getImages() {
-        return Promise.resolve(this.getData());
-    }
-}
diff --git a/src/app/showcase/service/platformservice.ts b/src/app/showcase/service/platformservice.ts
deleted file mode 100644
index 3aa4f41..0000000
--- a/src/app/showcase/service/platformservice.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { DOCUMENT, isPlatformBrowser } from '@angular/common';
-import { Inject, Injectable, PLATFORM_ID } from '@angular/core';
-
-@Injectable({ providedIn: 'root' })
-export class PlatformService {
-    private window: Window;
-
-    constructor(
-        @Inject(PLATFORM_ID) private platformId: any,
-        @Inject(DOCUMENT) private document: Document
-    ) {
-        this.window = this.document.defaultView as Window;
-    }
-
-    isBrowser(): boolean {
-        return isPlatformBrowser(this.platformId) && this.window !== null && this.window !== undefined;
-    }
-}
diff --git a/src/app/showcase/service/productservice.ts b/src/app/showcase/service/productservice.ts
deleted file mode 100644
index 253aae6..0000000
--- a/src/app/showcase/service/productservice.ts
+++ /dev/null
@@ -1,1306 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
-
-import { Product } from '@domain/product';
-
-@Injectable()
-export class ProductService {
-    getProductsData() {
-        return [
-            {
-                id: '1000',
-                code: 'f230fh0g3',
-                name: 'Bamboo Watch',
-                description: 'Product Description',
-                image: 'bamboo-watch.jpg',
-                price: 65,
-                category: 'Accessories',
-                quantity: 24,
-                inventoryStatus: 'INSTOCK',
-                rating: 5
-            },
-            {
-                id: '1001',
-                code: 'nvklal433',
-                name: 'Black Watch',
-                description: 'Product Description',
-                image: 'black-watch.jpg',
-                price: 72,
-                category: 'Accessories',
-                quantity: 61,
-                inventoryStatus: 'INSTOCK',
-                rating: 4
-            },
-            {
-                id: '1002',
-                code: 'zz21cz3c1',
-                name: 'Blue Band',
-                description: 'Product Description',
-                image: 'blue-band.jpg',
-                price: 79,
-                category: 'Fitness',
-                quantity: 2,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 3
-            },
-            {
-                id: '1003',
-                code: '244wgerg2',
-                name: 'Blue T-Shirt',
-                description: 'Product Description',
-                image: 'blue-t-shirt.jpg',
-                price: 29,
-                category: 'Clothing',
-                quantity: 25,
-                inventoryStatus: 'INSTOCK',
-                rating: 5
-            },
-            {
-                id: '1004',
-                code: 'h456wer53',
-                name: 'Bracelet',
-                description: 'Product Description',
-                image: 'bracelet.jpg',
-                price: 15,
-                category: 'Accessories',
-                quantity: 73,
-                inventoryStatus: 'INSTOCK',
-                rating: 4
-            },
-            {
-                id: '1005',
-                code: 'av2231fwg',
-                name: 'Brown Purse',
-                description: 'Product Description',
-                image: 'brown-purse.jpg',
-                price: 120,
-                category: 'Accessories',
-                quantity: 0,
-                inventoryStatus: 'OUTOFSTOCK',
-                rating: 4
-            },
-            {
-                id: '1006',
-                code: 'bib36pfvm',
-                name: 'Chakra Bracelet',
-                description: 'Product Description',
-                image: 'chakra-bracelet.jpg',
-                price: 32,
-                category: 'Accessories',
-                quantity: 5,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 3
-            },
-            {
-                id: '1007',
-                code: 'mbvjkgip5',
-                name: 'Galaxy Earrings',
-                description: 'Product Description',
-                image: 'galaxy-earrings.jpg',
-                price: 34,
-                category: 'Accessories',
-                quantity: 23,
-                inventoryStatus: 'INSTOCK',
-                rating: 5
-            },
-            {
-                id: '1008',
-                code: 'vbb124btr',
-                name: 'Game Controller',
-                description: 'Product Description',
-                image: 'game-controller.jpg',
-                price: 99,
-                category: 'Electronics',
-                quantity: 2,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 4
-            },
-            {
-                id: '1009',
-                code: 'cm230f032',
-                name: 'Gaming Set',
-                description: 'Product Description',
-                image: 'gaming-set.jpg',
-                price: 299,
-                category: 'Electronics',
-                quantity: 63,
-                inventoryStatus: 'INSTOCK',
-                rating: 3
-            },
-            {
-                id: '1010',
-                code: 'plb34234v',
-                name: 'Gold Phone Case',
-                description: 'Product Description',
-                image: 'gold-phone-case.jpg',
-                price: 24,
-                category: 'Accessories',
-                quantity: 0,
-                inventoryStatus: 'OUTOFSTOCK',
-                rating: 4
-            },
-            {
-                id: '1011',
-                code: '4920nnc2d',
-                name: 'Green Earbuds',
-                description: 'Product Description',
-                image: 'green-earbuds.jpg',
-                price: 89,
-                category: 'Electronics',
-                quantity: 23,
-                inventoryStatus: 'INSTOCK',
-                rating: 4
-            },
-            {
-                id: '1012',
-                code: '250vm23cc',
-                name: 'Green T-Shirt',
-                description: 'Product Description',
-                image: 'green-t-shirt.jpg',
-                price: 49,
-                category: 'Clothing',
-                quantity: 74,
-                inventoryStatus: 'INSTOCK',
-                rating: 5
-            },
-            {
-                id: '1013',
-                code: 'fldsmn31b',
-                name: 'Grey T-Shirt',
-                description: 'Product Description',
-                image: 'grey-t-shirt.jpg',
-                price: 48,
-                category: 'Clothing',
-                quantity: 0,
-                inventoryStatus: 'OUTOFSTOCK',
-                rating: 3
-            },
-            {
-                id: '1014',
-                code: 'waas1x2as',
-                name: 'Headphones',
-                description: 'Product Description',
-                image: 'headphones.jpg',
-                price: 175,
-                category: 'Electronics',
-                quantity: 8,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 5
-            },
-            {
-                id: '1015',
-                code: 'vb34btbg5',
-                name: 'Light Green T-Shirt',
-                description: 'Product Description',
-                image: 'light-green-t-shirt.jpg',
-                price: 49,
-                category: 'Clothing',
-                quantity: 34,
-                inventoryStatus: 'INSTOCK',
-                rating: 4
-            },
-            {
-                id: '1016',
-                code: 'k8l6j58jl',
-                name: 'Lime Band',
-                description: 'Product Description',
-                image: 'lime-band.jpg',
-                price: 79,
-                category: 'Fitness',
-                quantity: 12,
-                inventoryStatus: 'INSTOCK',
-                rating: 3
-            },
-            {
-                id: '1017',
-                code: 'v435nn85n',
-                name: 'Mini Speakers',
-                description: 'Product Description',
-                image: 'mini-speakers.jpg',
-                price: 85,
-                category: 'Clothing',
-                quantity: 42,
-                inventoryStatus: 'INSTOCK',
-                rating: 4
-            },
-            {
-                id: '1018',
-                code: '09zx9c0zc',
-                name: 'Painted Phone Case',
-                description: 'Product Description',
-                image: 'painted-phone-case.jpg',
-                price: 56,
-                category: 'Accessories',
-                quantity: 41,
-                inventoryStatus: 'INSTOCK',
-                rating: 5
-            },
-            {
-                id: '1019',
-                code: 'mnb5mb2m5',
-                name: 'Pink Band',
-                description: 'Product Description',
-                image: 'pink-band.jpg',
-                price: 79,
-                category: 'Fitness',
-                quantity: 63,
-                inventoryStatus: 'INSTOCK',
-                rating: 4
-            },
-            {
-                id: '1020',
-                code: 'r23fwf2w3',
-                name: 'Pink Purse',
-                description: 'Product Description',
-                image: 'pink-purse.jpg',
-                price: 110,
-                category: 'Accessories',
-                quantity: 0,
-                inventoryStatus: 'OUTOFSTOCK',
-                rating: 4
-            },
-            {
-                id: '1021',
-                code: 'pxpzczo23',
-                name: 'Purple Band',
-                description: 'Product Description',
-                image: 'purple-band.jpg',
-                price: 79,
-                category: 'Fitness',
-                quantity: 6,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 3
-            },
-            {
-                id: '1022',
-                code: '2c42cb5cb',
-                name: 'Purple Gemstone Necklace',
-                description: 'Product Description',
-                image: 'purple-gemstone-necklace.jpg',
-                price: 45,
-                category: 'Accessories',
-                quantity: 62,
-                inventoryStatus: 'INSTOCK',
-                rating: 4
-            },
-            {
-                id: '1023',
-                code: '5k43kkk23',
-                name: 'Purple T-Shirt',
-                description: 'Product Description',
-                image: 'purple-t-shirt.jpg',
-                price: 49,
-                category: 'Clothing',
-                quantity: 2,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 5
-            },
-            {
-                id: '1024',
-                code: 'lm2tny2k4',
-                name: 'Shoes',
-                description: 'Product Description',
-                image: 'shoes.jpg',
-                price: 64,
-                category: 'Clothing',
-                quantity: 0,
-                inventoryStatus: 'INSTOCK',
-                rating: 4
-            },
-            {
-                id: '1025',
-                code: 'nbm5mv45n',
-                name: 'Sneakers',
-                description: 'Product Description',
-                image: 'sneakers.jpg',
-                price: 78,
-                category: 'Clothing',
-                quantity: 52,
-                inventoryStatus: 'INSTOCK',
-                rating: 4
-            },
-            {
-                id: '1026',
-                code: 'zx23zc42c',
-                name: 'Teal T-Shirt',
-                description: 'Product Description',
-                image: 'teal-t-shirt.jpg',
-                price: 49,
-                category: 'Clothing',
-                quantity: 3,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 3
-            },
-            {
-                id: '1027',
-                code: 'acvx872gc',
-                name: 'Yellow Earbuds',
-                description: 'Product Description',
-                image: 'yellow-earbuds.jpg',
-                price: 89,
-                category: 'Electronics',
-                quantity: 35,
-                inventoryStatus: 'INSTOCK',
-                rating: 3
-            },
-            {
-                id: '1028',
-                code: 'tx125ck42',
-                name: 'Yoga Mat',
-                description: 'Product Description',
-                image: 'yoga-mat.jpg',
-                price: 20,
-                category: 'Fitness',
-                quantity: 15,
-                inventoryStatus: 'INSTOCK',
-                rating: 5
-            },
-            {
-                id: '1029',
-                code: 'gwuby345v',
-                name: 'Yoga Set',
-                description: 'Product Description',
-                image: 'yoga-set.jpg',
-                price: 20,
-                category: 'Fitness',
-                quantity: 25,
-                inventoryStatus: 'INSTOCK',
-                rating: 8
-            }
-        ];
-    }
-
-    getProductsWithOrdersData() {
-        return [
-            {
-                id: '1000',
-                code: 'f230fh0g3',
-                name: 'Bamboo Watch',
-                description: 'Product Description',
-                image: 'bamboo-watch.jpg',
-                price: 65,
-                category: 'Accessories',
-                quantity: 24,
-                inventoryStatus: 'INSTOCK',
-                rating: 5,
-                orders: [
-                    {
-                        id: '1000-0',
-                        productCode: 'f230fh0g3',
-                        date: '2020-09-13',
-                        amount: 65,
-                        quantity: 1,
-                        customer: 'David James',
-                        status: 'PENDING'
-                    },
-                    {
-                        id: '1000-1',
-                        productCode: 'f230fh0g3',
-                        date: '2020-05-14',
-                        amount: 130,
-                        quantity: 2,
-                        customer: 'Leon Rodrigues',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1000-2',
-                        productCode: 'f230fh0g3',
-                        date: '2019-01-04',
-                        amount: 65,
-                        quantity: 1,
-                        customer: 'Juan Alejandro',
-                        status: 'RETURNED'
-                    },
-                    {
-                        id: '1000-3',
-                        productCode: 'f230fh0g3',
-                        date: '2020-09-13',
-                        amount: 195,
-                        quantity: 3,
-                        customer: 'Claire Morrow',
-                        status: 'CANCELLED'
-                    }
-                ]
-            },
-            {
-                id: '1001',
-                code: 'nvklal433',
-                name: 'Black Watch',
-                description: 'Product Description',
-                image: 'black-watch.jpg',
-                price: 72,
-                category: 'Accessories',
-                quantity: 61,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1001-0',
-                        productCode: 'nvklal433',
-                        date: '2020-05-14',
-                        amount: 72,
-                        quantity: 1,
-                        customer: 'Maisha Jefferson',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1001-1',
-                        productCode: 'nvklal433',
-                        date: '2020-02-28',
-                        amount: 144,
-                        quantity: 2,
-                        customer: 'Octavia Murillo',
-                        status: 'PENDING'
-                    }
-                ]
-            },
-            {
-                id: '1002',
-                code: 'zz21cz3c1',
-                name: 'Blue Band',
-                description: 'Product Description',
-                image: 'blue-band.jpg',
-                price: 79,
-                category: 'Fitness',
-                quantity: 2,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 3,
-                orders: [
-                    {
-                        id: '1002-0',
-                        productCode: 'zz21cz3c1',
-                        date: '2020-07-05',
-                        amount: 79,
-                        quantity: 1,
-                        customer: 'Stacey Leja',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1002-1',
-                        productCode: 'zz21cz3c1',
-                        date: '2020-02-06',
-                        amount: 79,
-                        quantity: 1,
-                        customer: 'Ashley Wickens',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1003',
-                code: '244wgerg2',
-                name: 'Blue T-Shirt',
-                description: 'Product Description',
-                image: 'blue-t-shirt.jpg',
-                price: 29,
-                category: 'Clothing',
-                quantity: 25,
-                inventoryStatus: 'INSTOCK',
-                rating: 5,
-                orders: []
-            },
-            {
-                id: '1004',
-                code: 'h456wer53',
-                name: 'Bracelet',
-                description: 'Product Description',
-                image: 'bracelet.jpg',
-                price: 15,
-                category: 'Accessories',
-                quantity: 73,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1004-0',
-                        productCode: 'h456wer53',
-                        date: '2020-09-05',
-                        amount: 60,
-                        quantity: 4,
-                        customer: 'Mayumi Misaki',
-                        status: 'PENDING'
-                    },
-                    {
-                        id: '1004-1',
-                        productCode: 'h456wer53',
-                        date: '2019-04-16',
-                        amount: 2,
-                        quantity: 30,
-                        customer: 'Francesco Salvatore',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1005',
-                code: 'av2231fwg',
-                name: 'Brown Purse',
-                description: 'Product Description',
-                image: 'brown-purse.jpg',
-                price: 120,
-                category: 'Accessories',
-                quantity: 0,
-                inventoryStatus: 'OUTOFSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1005-0',
-                        productCode: 'av2231fwg',
-                        date: '2020-01-25',
-                        amount: 120,
-                        quantity: 1,
-                        customer: 'Isabel Sinclair',
-                        status: 'RETURNED'
-                    },
-                    {
-                        id: '1005-1',
-                        productCode: 'av2231fwg',
-                        date: '2019-03-12',
-                        amount: 240,
-                        quantity: 2,
-                        customer: 'Lionel Clifford',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1005-2',
-                        productCode: 'av2231fwg',
-                        date: '2019-05-05',
-                        amount: 120,
-                        quantity: 1,
-                        customer: 'Cody Chavez',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1006',
-                code: 'bib36pfvm',
-                name: 'Chakra Bracelet',
-                description: 'Product Description',
-                image: 'chakra-bracelet.jpg',
-                price: 32,
-                category: 'Accessories',
-                quantity: 5,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 3,
-                orders: [
-                    {
-                        id: '1006-0',
-                        productCode: 'bib36pfvm',
-                        date: '2020-02-24',
-                        amount: 32,
-                        quantity: 1,
-                        customer: 'Arvin Darci',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1006-1',
-                        productCode: 'bib36pfvm',
-                        date: '2020-01-14',
-                        amount: 64,
-                        quantity: 2,
-                        customer: 'Izzy Jones',
-                        status: 'PENDING'
-                    }
-                ]
-            },
-            {
-                id: '1007',
-                code: 'mbvjkgip5',
-                name: 'Galaxy Earrings',
-                description: 'Product Description',
-                image: 'galaxy-earrings.jpg',
-                price: 34,
-                category: 'Accessories',
-                quantity: 23,
-                inventoryStatus: 'INSTOCK',
-                rating: 5,
-                orders: [
-                    {
-                        id: '1007-0',
-                        productCode: 'mbvjkgip5',
-                        date: '2020-06-19',
-                        amount: 34,
-                        quantity: 1,
-                        customer: 'Jennifer Smith',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1008',
-                code: 'vbb124btr',
-                name: 'Game Controller',
-                description: 'Product Description',
-                image: 'game-controller.jpg',
-                price: 99,
-                category: 'Electronics',
-                quantity: 2,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1008-0',
-                        productCode: 'vbb124btr',
-                        date: '2020-01-05',
-                        amount: 99,
-                        quantity: 1,
-                        customer: 'Jeanfrancois David',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1008-1',
-                        productCode: 'vbb124btr',
-                        date: '2020-01-19',
-                        amount: 198,
-                        quantity: 2,
-                        customer: 'Ivar Greenwood',
-                        status: 'RETURNED'
-                    }
-                ]
-            },
-            {
-                id: '1009',
-                code: 'cm230f032',
-                name: 'Gaming Set',
-                description: 'Product Description',
-                image: 'gaming-set.jpg',
-                price: 299,
-                category: 'Electronics',
-                quantity: 63,
-                inventoryStatus: 'INSTOCK',
-                rating: 3,
-                orders: [
-                    {
-                        id: '1009-0',
-                        productCode: 'cm230f032',
-                        date: '2020-06-24',
-                        amount: 299,
-                        quantity: 1,
-                        customer: 'Kadeem Mujtaba',
-                        status: 'PENDING'
-                    },
-                    {
-                        id: '1009-1',
-                        productCode: 'cm230f032',
-                        date: '2020-05-11',
-                        amount: 299,
-                        quantity: 1,
-                        customer: 'Ashley Wickens',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1009-2',
-                        productCode: 'cm230f032',
-                        date: '2019-02-07',
-                        amount: 299,
-                        quantity: 1,
-                        customer: 'Julie Johnson',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1009-3',
-                        productCode: 'cm230f032',
-                        date: '2020-04-26',
-                        amount: 299,
-                        quantity: 1,
-                        customer: 'Tony Costa',
-                        status: 'CANCELLED'
-                    }
-                ]
-            },
-            {
-                id: '1010',
-                code: 'plb34234v',
-                name: 'Gold Phone Case',
-                description: 'Product Description',
-                image: 'gold-phone-case.jpg',
-                price: 24,
-                category: 'Accessories',
-                quantity: 0,
-                inventoryStatus: 'OUTOFSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1010-0',
-                        productCode: 'plb34234v',
-                        date: '2020-02-04',
-                        amount: 24,
-                        quantity: 1,
-                        customer: 'James Butt',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1010-1',
-                        productCode: 'plb34234v',
-                        date: '2020-05-05',
-                        amount: 48,
-                        quantity: 2,
-                        customer: 'Josephine Darakjy',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1011',
-                code: '4920nnc2d',
-                name: 'Green Earbuds',
-                description: 'Product Description',
-                image: 'green-earbuds.jpg',
-                price: 89,
-                category: 'Electronics',
-                quantity: 23,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1011-0',
-                        productCode: '4920nnc2d',
-                        date: '2020-06-01',
-                        amount: 89,
-                        quantity: 1,
-                        customer: 'Art Venere',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1012',
-                code: '250vm23cc',
-                name: 'Green T-Shirt',
-                description: 'Product Description',
-                image: 'green-t-shirt.jpg',
-                price: 49,
-                category: 'Clothing',
-                quantity: 74,
-                inventoryStatus: 'INSTOCK',
-                rating: 5,
-                orders: [
-                    {
-                        id: '1012-0',
-                        productCode: '250vm23cc',
-                        date: '2020-02-05',
-                        amount: 49,
-                        quantity: 1,
-                        customer: 'Lenna Paprocki',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1012-1',
-                        productCode: '250vm23cc',
-                        date: '2020-02-15',
-                        amount: 49,
-                        quantity: 1,
-                        customer: 'Donette Foller',
-                        status: 'PENDING'
-                    }
-                ]
-            },
-            {
-                id: '1013',
-                code: 'fldsmn31b',
-                name: 'Grey T-Shirt',
-                description: 'Product Description',
-                image: 'grey-t-shirt.jpg',
-                price: 48,
-                category: 'Clothing',
-                quantity: 0,
-                inventoryStatus: 'OUTOFSTOCK',
-                rating: 3,
-                orders: [
-                    {
-                        id: '1013-0',
-                        productCode: 'fldsmn31b',
-                        date: '2020-04-01',
-                        amount: 48,
-                        quantity: 1,
-                        customer: 'Simona Morasca',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1014',
-                code: 'waas1x2as',
-                name: 'Headphones',
-                description: 'Product Description',
-                image: 'headphones.jpg',
-                price: 175,
-                category: 'Electronics',
-                quantity: 8,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 5,
-                orders: [
-                    {
-                        id: '1014-0',
-                        productCode: 'waas1x2as',
-                        date: '2020-05-15',
-                        amount: 175,
-                        quantity: 1,
-                        customer: 'Lenna Paprocki',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1014-1',
-                        productCode: 'waas1x2as',
-                        date: '2020-01-02',
-                        amount: 175,
-                        quantity: 1,
-                        customer: 'Donette Foller',
-                        status: 'CANCELLED'
-                    }
-                ]
-            },
-            {
-                id: '1015',
-                code: 'vb34btbg5',
-                name: 'Light Green T-Shirt',
-                description: 'Product Description',
-                image: 'light-green-t-shirt.jpg',
-                price: 49,
-                category: 'Clothing',
-                quantity: 34,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1015-0',
-                        productCode: 'vb34btbg5',
-                        date: '2020-07-02',
-                        amount: 98,
-                        quantity: 2,
-                        customer: 'Mitsue Tollner',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1016',
-                code: 'k8l6j58jl',
-                name: 'Lime Band',
-                description: 'Product Description',
-                image: 'lime-band.jpg',
-                price: 79,
-                category: 'Fitness',
-                quantity: 12,
-                inventoryStatus: 'INSTOCK',
-                rating: 3,
-                orders: []
-            },
-            {
-                id: '1017',
-                code: 'v435nn85n',
-                name: 'Mini Speakers',
-                description: 'Product Description',
-                image: 'mini-speakers.jpg',
-                price: 85,
-                category: 'Clothing',
-                quantity: 42,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1017-0',
-                        productCode: 'v435nn85n',
-                        date: '2020-07-12',
-                        amount: 85,
-                        quantity: 1,
-                        customer: 'Minna Amigon',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1018',
-                code: '09zx9c0zc',
-                name: 'Painted Phone Case',
-                description: 'Product Description',
-                image: 'painted-phone-case.jpg',
-                price: 56,
-                category: 'Accessories',
-                quantity: 41,
-                inventoryStatus: 'INSTOCK',
-                rating: 5,
-                orders: [
-                    {
-                        id: '1018-0',
-                        productCode: '09zx9c0zc',
-                        date: '2020-07-01',
-                        amount: 56,
-                        quantity: 1,
-                        customer: 'Abel Maclead',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1018-1',
-                        productCode: '09zx9c0zc',
-                        date: '2020-05-02',
-                        amount: 56,
-                        quantity: 1,
-                        customer: 'Minna Amigon',
-                        status: 'RETURNED'
-                    }
-                ]
-            },
-            {
-                id: '1019',
-                code: 'mnb5mb2m5',
-                name: 'Pink Band',
-                description: 'Product Description',
-                image: 'pink-band.jpg',
-                price: 79,
-                category: 'Fitness',
-                quantity: 63,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: []
-            },
-            {
-                id: '1020',
-                code: 'r23fwf2w3',
-                name: 'Pink Purse',
-                description: 'Product Description',
-                image: 'pink-purse.jpg',
-                price: 110,
-                category: 'Accessories',
-                quantity: 0,
-                inventoryStatus: 'OUTOFSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1020-0',
-                        productCode: 'r23fwf2w3',
-                        date: '2020-05-29',
-                        amount: 110,
-                        quantity: 1,
-                        customer: 'Kiley Caldarera',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1020-1',
-                        productCode: 'r23fwf2w3',
-                        date: '2020-02-11',
-                        amount: 220,
-                        quantity: 2,
-                        customer: 'Graciela Ruta',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1021',
-                code: 'pxpzczo23',
-                name: 'Purple Band',
-                description: 'Product Description',
-                image: 'purple-band.jpg',
-                price: 79,
-                category: 'Fitness',
-                quantity: 6,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 3,
-                orders: [
-                    {
-                        id: '1021-0',
-                        productCode: 'pxpzczo23',
-                        date: '2020-02-02',
-                        amount: 79,
-                        quantity: 1,
-                        customer: 'Cammy Albares',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1022',
-                code: '2c42cb5cb',
-                name: 'Purple Gemstone Necklace',
-                description: 'Product Description',
-                image: 'purple-gemstone-necklace.jpg',
-                price: 45,
-                category: 'Accessories',
-                quantity: 62,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1022-0',
-                        productCode: '2c42cb5cb',
-                        date: '2020-06-29',
-                        amount: 45,
-                        quantity: 1,
-                        customer: 'Mattie Poquette',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1022-1',
-                        productCode: '2c42cb5cb',
-                        date: '2020-02-11',
-                        amount: 135,
-                        quantity: 3,
-                        customer: 'Meaghan Garufi',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1023',
-                code: '5k43kkk23',
-                name: 'Purple T-Shirt',
-                description: 'Product Description',
-                image: 'purple-t-shirt.jpg',
-                price: 49,
-                category: 'Clothing',
-                quantity: 2,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 5,
-                orders: [
-                    {
-                        id: '1023-0',
-                        productCode: '5k43kkk23',
-                        date: '2020-04-15',
-                        amount: 49,
-                        quantity: 1,
-                        customer: 'Gladys Rim',
-                        status: 'RETURNED'
-                    }
-                ]
-            },
-            {
-                id: '1024',
-                code: 'lm2tny2k4',
-                name: 'Shoes',
-                description: 'Product Description',
-                image: 'shoes.jpg',
-                price: 64,
-                category: 'Clothing',
-                quantity: 0,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: []
-            },
-            {
-                id: '1025',
-                code: 'nbm5mv45n',
-                name: 'Sneakers',
-                description: 'Product Description',
-                image: 'sneakers.jpg',
-                price: 78,
-                category: 'Clothing',
-                quantity: 52,
-                inventoryStatus: 'INSTOCK',
-                rating: 4,
-                orders: [
-                    {
-                        id: '1025-0',
-                        productCode: 'nbm5mv45n',
-                        date: '2020-02-19',
-                        amount: 78,
-                        quantity: 1,
-                        customer: 'Yuki Whobrey',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1025-1',
-                        productCode: 'nbm5mv45n',
-                        date: '2020-05-21',
-                        amount: 78,
-                        quantity: 1,
-                        customer: 'Fletcher Flosi',
-                        status: 'PENDING'
-                    }
-                ]
-            },
-            {
-                id: '1026',
-                code: 'zx23zc42c',
-                name: 'Teal T-Shirt',
-                description: 'Product Description',
-                image: 'teal-t-shirt.jpg',
-                price: 49,
-                category: 'Clothing',
-                quantity: 3,
-                inventoryStatus: 'LOWSTOCK',
-                rating: 3,
-                orders: [
-                    {
-                        id: '1026-0',
-                        productCode: 'zx23zc42c',
-                        date: '2020-04-24',
-                        amount: 98,
-                        quantity: 2,
-                        customer: 'Bette Nicka',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1027',
-                code: 'acvx872gc',
-                name: 'Yellow Earbuds',
-                description: 'Product Description',
-                image: 'yellow-earbuds.jpg',
-                price: 89,
-                category: 'Electronics',
-                quantity: 35,
-                inventoryStatus: 'INSTOCK',
-                rating: 3,
-                orders: [
-                    {
-                        id: '1027-0',
-                        productCode: 'acvx872gc',
-                        date: '2020-01-29',
-                        amount: 89,
-                        quantity: 1,
-                        customer: 'Veronika Inouye',
-                        status: 'DELIVERED'
-                    },
-                    {
-                        id: '1027-1',
-                        productCode: 'acvx872gc',
-                        date: '2020-06-11',
-                        amount: 89,
-                        quantity: 1,
-                        customer: 'Willard Kolmetz',
-                        status: 'DELIVERED'
-                    }
-                ]
-            },
-            {
-                id: '1028',
-                code: 'tx125ck42',
-                name: 'Yoga Mat',
-                description: 'Product Description',
-                image: 'yoga-mat.jpg',
-                price: 20,
-                category: 'Fitness',
-                quantity: 15,
-                inventoryStatus: 'INSTOCK',
-                rating: 5,
-                orders: []
-            },
-            {
-                id: '1029',
-                code: 'gwuby345v',
-                name: 'Yoga Set',
-                description: 'Product Description',
-                image: 'yoga-set.jpg',
-                price: 20,
-                category: 'Fitness',
-                quantity: 25,
-                inventoryStatus: 'INSTOCK',
-                rating: 8,
-                orders: [
-                    {
-                        id: '1029-0',
-                        productCode: 'gwuby345v',
-                        date: '2020-02-14',
-                        amount: 4,
-                        quantity: 80,
-                        customer: 'Maryann Royster',
-                        status: 'DELIVERED'
-                    }
-                ]
-            }
-        ];
-    }
-
-    status: string[] = ['OUTOFSTOCK', 'INSTOCK', 'LOWSTOCK'];
-
-    productNames: string[] = [
-        'Bamboo Watch',
-        'Black Watch',
-        'Blue Band',
-        'Blue T-Shirt',
-        'Bracelet',
-        'Brown Purse',
-        'Chakra Bracelet',
-        'Galaxy Earrings',
-        'Game Controller',
-        'Gaming Set',
-        'Gold Phone Case',
-        'Green Earbuds',
-        'Green T-Shirt',
-        'Grey T-Shirt',
-        'Headphones',
-        'Light Green T-Shirt',
-        'Lime Band',
-        'Mini Speakers',
-        'Painted Phone Case',
-        'Pink Band',
-        'Pink Purse',
-        'Purple Band',
-        'Purple Gemstone Necklace',
-        'Purple T-Shirt',
-        'Shoes',
-        'Sneakers',
-        'Teal T-Shirt',
-        'Yellow Earbuds',
-        'Yoga Mat',
-        'Yoga Set'
-    ];
-
-    constructor(private http: HttpClient) {}
-
-    getProductsMini() {
-        return Promise.resolve(this.getProductsData().slice(0, 5));
-    }
-
-    getProductsSmall() {
-        return Promise.resolve(this.getProductsData().slice(0, 10));
-    }
-
-    getProducts() {
-        return Promise.resolve(this.getProductsData());
-    }
-
-    getProductsWithOrdersSmall() {
-        return Promise.resolve(this.getProductsWithOrdersData().slice(0, 10));
-    }
-
-    generatePrduct(): Product {
-        const product: Product = {
-            id: this.generateId(),
-            name: this.generateName(),
-            description: 'Product Description',
-            price: this.generatePrice(),
-            quantity: this.generateQuantity(),
-            category: 'Product Category',
-            inventoryStatus: this.generateStatus(),
-            rating: this.generateRating()
-        };
-
-        product.image = product.name?.toLocaleLowerCase().split(/[ ,]+/).join('-') + '.jpg';
-        return product;
-    }
-
-    generateId() {
-        let text = '';
-        let possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-
-        for (var i = 0; i < 5; i++) {
-            text += possible.charAt(Math.floor(Math.random() * possible.length));
-        }
-
-        return text;
-    }
-
-    generateName() {
-        return this.productNames[Math.floor(Math.random() * Math.floor(30))];
-    }
-
-    generatePrice() {
-        return Math.floor(Math.random() * Math.floor(299) + 1);
-    }
-
-    generateQuantity() {
-        return Math.floor(Math.random() * Math.floor(75) + 1);
-    }
-
-    generateStatus() {
-        return this.status[Math.floor(Math.random() * Math.floor(3))];
-    }
-
-    generateRating() {
-        return Math.floor(Math.random() * Math.floor(5) + 1);
-    }
-}
diff --git a/src/app/showcase/service/ticketservice.ts b/src/app/showcase/service/ticketservice.ts
deleted file mode 100644
index 3b2d367..0000000
--- a/src/app/showcase/service/ticketservice.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-
-@Injectable()
-export class TicketService {
-    ticketInformation = {
-        personalInformation: {
-            firstname: '',
-            lastname: '',
-            age: null
-        },
-        seatInformation: {
-            class: null,
-            wagon: null,
-            seat: null
-        },
-        paymentInformation: {
-            cardholderName: '',
-            cardholderNumber: '',
-            date: '',
-            cvv: '',
-            remember: false
-        }
-    };
-
-    private paymentComplete = new Subject<any>();
-
-    paymentComplete$ = this.paymentComplete.asObservable();
-
-    getTicketInformation() {
-        return this.ticketInformation;
-    }
-
-    setTicketInformation(ticketInformation) {
-        this.ticketInformation = ticketInformation;
-    }
-
-    complete() {
-        this.paymentComplete.next(this.ticketInformation.personalInformation);
-    }
-}
diff --git a/src/assets/primeflex-legacy.css b/src/assets/primeflex-legacy.css
deleted file mode 100644
index 416cfc3..0000000
--- a/src/assets/primeflex-legacy.css
+++ /dev/null
@@ -1,1197 +0,0 @@
-/* Это стили из PrimeFlex. Они нужны для сайта. Их надо заменить на аналогичные стили из tailwind */
-.grid {
-    display: flex;
-    flex-wrap: wrap;
-    margin-right: -0.5rem;
-    margin-left: -0.5rem;
-    margin-top: -0.5rem;
-}
-
-.grid > .col,
-.grid > [class*=col] {
-    box-sizing: border-box;
-}
-
-.grid-nogutter {
-    margin-right: 0;
-    margin-left: 0;
-    margin-top: 0;
-}
-
-.grid-nogutter > .col,
-.grid-nogutter > [class*=col-] {
-    padding: 0;
-}
-
-.col {
-    flex-grow: 1;
-    flex-basis: 0;
-    padding: 0.5rem;
-}
-
-.col-2 {
-    flex: 0 0 auto;
-    padding: 0.5rem;
-    width: 16.6667%;
-}
-
-.col-3 {
-    flex: 0 0 auto;
-    padding: 0.5rem;
-    width: 25%;
-}
-
-.col-6 {
-    flex: 0 0 auto;
-    padding: 0.5rem;
-    width: 50%;
-}
-
-.col-8 {
-    flex: 0 0 auto;
-    padding: 0.5rem;
-    width: 66.6667%;
-}
-
-.col-12 {
-    flex: 0 0 auto;
-    padding: 0.5rem;
-    width: 100%;
-}
-
-@media screen and (min-width: 576px) {
-    .sm\:col-6 {
-        flex: 0 0 auto;
-        padding: 0.5rem;
-        width: 50%;
-    }
-}
-@media screen and (min-width: 768px) {
-    .md\:col-2 {
-        flex: 0 0 auto;
-        padding: 0.5rem;
-        width: 16.6667%;
-    }
-    .md\:col-4 {
-        flex: 0 0 auto;
-        padding: 0.5rem;
-        width: 33.3333%;
-    }
-    .md\:col-6 {
-        flex: 0 0 auto;
-        padding: 0.5rem;
-        width: 50%;
-    }
-}
-@media screen and (min-width: 992px) {
-    .lg\:col-4 {
-        flex: 0 0 auto;
-        padding: 0.5rem;
-        width: 33.3333%;
-    }
-    .lg\:col-6 {
-        flex: 0 0 auto;
-        padding: 0.5rem;
-        width: 50%;
-    }
-    .lg\:col-8 {
-        flex: 0 0 auto;
-        padding: 0.5rem;
-        width: 66.6667%;
-    }
-}
-@media screen and (min-width: 1200px) {
-    .xl\:col-3 {
-        flex: 0 0 auto;
-        padding: 0.5rem;
-        width: 25%;
-    }
-    .xl\:col-4 {
-        flex: 0 0 auto;
-        padding: 0.5rem;
-        width: 33.3333%;
-    }
-    .xl\:col-6 {
-        flex: 0 0 auto;
-        padding: 0.5rem;
-        width: 50%;
-    }
-}
-
-.text-200 {
-    color: var(--surface-200) !important;
-}
-
-.text-400 {
-    color: var(--surface-400) !important;
-}
-
-.text-600 {
-    color: var(--surface-600) !important;
-}
-
-.text-700 {
-    color: var(--surface-700) !important;
-}
-
-.text-800 {
-    color: var(--surface-800) !important;
-}
-
-.text-900 {
-    color: var(--surface-900) !important;
-}
-
-.surface-0 {
-    background-color: var(--surface-0) !important;
-}
-
-.surface-50 {
-    background-color: var(--surface-50) !important;
-}
-
-.surface-100 {
-    background-color: var(--surface-100) !important;
-}
-
-.surface-200 {
-    background-color: var(--surface-200) !important;
-}
-
-.hover\:surface-hover:hover {
-    background-color: var(--surface-hover) !important;
-}
-
-.hover\:surface-100:hover {
-    background-color: var(--surface-100) !important;
-}
-
-.hover\:surface-200:hover {
-    background-color: var(--surface-200) !important;
-}
-
-.border-400 {
-    border-color: var(--surface-400) !important;
-}
-
-.hover\:border-500:hover {
-    border-color: var(--surface-500) !important;
-}
-
-.bg-transparent {
-    background-color: transparent !important;
-}
-
-.border-transparent {
-    border-color: transparent !important;
-}
-
-.text-blue-500 {
-    color: var(--blue-500) !important;
-}
-
-.text-green-500 {
-    color: var(--green-500) !important;
-}
-.text-green-600 {
-    color: var(--green-600) !important;
-}
-
-.text-yellow-500 {
-    color: var(--yellow-500) !important;
-}
-
-.text-indigo-200 {
-    color: var(--indigo-200) !important;
-}
-.text-indigo-500 {
-    color: var(--indigo-500) !important;
-}
-
-.text-bluegray-50 {
-    color: var(--bluegray-50) !important;
-}
-
-.text-gray-900 {
-    color: var(--gray-900) !important;
-}
-
-.text-red-500 {
-    color: var(--red-500) !important;
-}
-
-.text-primary-50 {
-    color: var(--primary-50) !important;
-}
-.text-primary-500 {
-    color: var(--primary-500) !important;
-}
-.text-primary-700 {
-    color: var(--primary-700) !important;
-}
-
-
-.bg-blue-400 {
-    background-color: var(--blue-400) !important;
-}
-.bg-blue-500 {
-    background-color: var(--blue-500) !important;
-}
-.bg-blue-600 {
-    background-color: var(--blue-600) !important;
-}
-.hover\:bg-blue-400:hover {
-    background-color: var(--blue-400) !important;
-}
-
-.bg-green-500 {
-    background-color: var(--green-500) !important;
-}
-
-.bg-pink-500 {
-    background-color: var(--pink-500) !important;
-}
-
-.bg-indigo-500 {
-    background-color: var(--indigo-500) !important;
-}
-
-.bg-teal-500 {
-    background-color: var(--teal-500) !important;
-}
-
-.bg-orange-500 {
-    background-color: var(--orange-500) !important;
-}
-
-.bg-bluegray-500 {
-    background-color: var(--bluegray-500) !important;
-}
-.hover\:bg-bluegray-400:hover {
-    background-color: var(--bluegray-400) !important;
-}
-
-.bg-purple-500 {
-    background-color: var(--purple-500) !important;
-}
-.hover\:bg-purple-400:hover {
-    background-color: var(--purple-400) !important;
-}
-
-.bg-gray-900 {
-    background-color: var(--gray-900) !important;
-}
-
-.bg-primary-600 {
-    background-color: var(--primary-600) !important;
-}
-
-.border-blue-500 {
-    border-color: var(--blue-500) !important;
-}
-
-.border-pink-500 {
-    border-color: var(--pink-500) !important;
-}
-
-.border-indigo-500 {
-    border-color: var(--indigo-500) !important;
-}
-
-.border-teal-500 {
-    border-color: var(--teal-500) !important;
-}
-
-.border-orange-500 {
-    border-color: var(--orange-500) !important;
-}
-
-.bg-white-alpha-20 {
-    background-color: rgba(255,255,255,0.2) !important;
-}
-.hover\:bg-white-alpha-10:hover {
-    background-color: rgba(255,255,255,0.1) !important;
-}
-
-.bg-black-alpha-90 {
-    background-color: rgba(0,0,0,0.9) !important;
-}
-
-.border-white-alpha-30 {
-    border-color: rgba(255,255,255,0.3) !important;
-}
-
-.text-primary {
-    color: var(--primary-color) !important;
-}
-.hover\:text-primary:hover {
-    color: var(--primary-color) !important;
-}
-
-.bg-primary {
-    color: var(--primary-color-text) !important;
-    background-color: var(--primary-color) !important;
-}
-.bg-white {
-    background-color: #ffffff !important;
-}
-.bg-cover {
-    background-size: cover !important;
-}
-
-.text-white {
-    color: #ffffff !important;
-}
-.border-primary {
-    border-color: var(--primary-color) !important;
-}
-
-.text-color {
-    color: var(--text-color) !important;
-}
-.text-color-secondary {
-    color: var(--text-color-secondary) !important;
-}
-
-
-.surface-border {
-    border-color: var(--surface-border) !important;
-}
-.surface-ground {
-     background-color: var(--surface-ground) !important;
- }
-.surface-section {
-    background-color: var(--surface-section) !important;
-}
-
-.surface-card {
-    background-color: var(--surface-card) !important;
-}
-
-.surface-overlay {
-    background-color: var(--surface-overlay) !important;
-}
-
-.surface-hover {
-    background-color: var(--surface-hover) !important;
-}
-.hover\:surface-border:hover {
-    border-color: var(--surface-border) !important;
-}
-
-.field {
-    margin-bottom: 1rem;
-}
-
-.field > label {
-    display: inline-block;
-    margin-bottom: 0.5rem;
-}
-
-.field.grid > label {
-    display: flex;
-    align-items: center;
-}
-
-.field > small {
-    margin-top: 0.25rem;
-}
-
-.field.grid,
-.formgrid.grid {
-    margin-top: 0;
-}
-
-.field.grid .col,
-.formgrid.grid .col,
-.field.grid .col-1,
-.formgrid.grid .col-1,
-.field.grid .col-2,
-.formgrid.grid .col-2,
-.field.grid .col-3,
-.formgrid.grid .col-3,
-.field.grid .col-6,
-.formgrid.grid .col-6,
-.field.grid .col-8,
-.formgrid.grid .col-8,
-.field.grid .col-12,
-.formgrid.grid .col-12 {
-    padding-top: 0;
-    padding-bottom: 0;
-}
-
-.field-checkbox,
-.field-radiobutton {
-    margin-bottom: 1rem;
-    display: flex;
-    align-items: center;
-}
-
-.field-checkbox > label,
-.field-radiobutton > label {
-    margin-left: 0.5rem;
-    line-height: 1;
-}
-
-.hidden {
-    display: none !important;
-}
-
-.block {
-    display: block !important;
-}
-
-.inline-block {
-    display: inline-block !important;
-}
-
-.flex {
-    display: flex !important;
-}
-
-.inline-flex {
-    display: inline-flex !important;
-}
-@media screen and (min-width: 768px) {
-    .md\:hidden {
-        display: none !important;
-    }
-    .md\:block {
-        display: block !important;
-    }
-    .md\:flex {
-        display: flex !important;
-    }
-}
-@media screen and (min-width: 992px) {
-    .lg\:flex {
-        display: flex !important;
-    }
-}
-@media screen and (min-width: 1200px) {
-    .xl\:block {
-        display: block !important;
-    }
-    .xl\:flex {
-        display: flex !important;
-    }
-}
-
-.text-center {
-    text-align: center !important;
-}
-
-.text-left {
-    text-align: left !important;
-}
-
-.text-right {
-    text-align: right !important;
-}
-
-@media screen and (min-width: 1200px) {
-    .xl\:text-left {
-        text-align: left !important;
-    }
-}
-
-.line-through {
-    text-decoration: line-through !important;
-}
-
-.uppercase {
-    text-transform: uppercase !important;
-}
-
-.font-bold {
-    font-weight: 700 !important;
-}
-
-.font-medium {
-    font-weight: 500 !important;
-}
-
-.font-semibold {
-    font-weight: 600 !important;
-}
-
-.text-base {
-    font-size: 1rem !important;
-}
-.text-xs {
-     font-size: 0.75rem !important;
- }
-.text-sm {
-    font-size: 0.875rem !important;
-}
-.text-xl {
-    font-size: 1.25rem !important;
-}
-.text-lg {
-     font-size: 1.125rem !important;
- }
-.text-2xl {
-    font-size: 1.5rem !important;
-}
-.text-3xl {
-    font-size: 1.75rem !important;
-}
-.text-4xl {
-     font-size: 2rem !important;
- }
-.text-5xl {
-    font-size: 2.5rem !important;
-}
-.text-6xl {
-    font-size: 3rem !important;
-}
-.text-7xl {
-    font-size: 4rem !important;
-}
-.text-8xl {
-    font-size: 6rem !important;
-}
-
-
-.line-height-3 {
-    line-height: 1.5 !important;
-}
-.line-height-4 {
-    line-height: 2 !important;
-}
-
-.vertical-align-baseline {
-    vertical-align: baseline !important;
-}
-.vertical-align-middle {
-    vertical-align: middle !important;
-}
-
-.flex-row {
-    flex-direction: row !important;
-}
-.flex-row-reverse {
-     flex-direction: row-reverse !important;
- }
-
-@media screen and (min-width: 576px) {
-    .sm\:flex-row {
-        flex-direction: row !important;
-    }
-}
-@media screen and (min-width: 768px) {
-    .md\:flex-row {
-        flex-direction: row !important;
-    }
-}
-@media screen and (min-width: 1200px) {
-    .xl\:flex-row {
-        flex-direction: row !important;
-    }
-}
-
-.flex-wrap {
-    flex-wrap: wrap !important;
-}
-
-.flex-auto {
-    flex: 1 1 auto !important;
-}
-
-.flex-1 {
-    flex: 1 1 0% !important;
-}
-.flex-shrink-0 {
-    flex-shrink: 0 !important;
-}
-
-@media screen and (min-width: 768px) {
-    .md\:flex-initial {
-        flex: 0 1 auto !important;
-    }
-}
-
-.flex-grow-1 {
-    flex-grow: 1 !important;
-}
-
-.align-items-stretch {
-    align-items: stretch !important;
-}
-@media screen and (min-width: 1200px) {
-    .xl\:align-items-stretch {
-        align-items: stretch !important;
-    }
-}
-
-.align-self-stretch {
-    align-self: stretch !important;
-}
-
-
-.gap-1 {
-    gap: 0.25rem !important;
-}
-
-.gap-2 {
-    gap: 0.5rem !important;
-}
-
-.gap-3 {
-    gap: 1rem !important;
-}
-
-.gap-4 {
-    gap: 1.5rem !important;
-}
-
-.gap-5 {
-    gap: 2rem !important;
-}
-
-.gap-6 {
-    gap: 3rem !important;
-}
-
-.gap-8 {
-    gap: 5rem !important;
-}
-
-.row-gap-3 {
-    row-gap: 1rem !important;
-}
-
-@media screen and (min-width: 576px) {
-    .sm\:gap-2 {
-        gap: 0.5rem !important;
-    }
-}
-@media screen and (min-width: 768px) {
-    .md\:gap-8 {
-        gap: 5rem !important;
-    }
-}
-@media screen and (min-width: 992px) {
-    .lg\:gap-0 {
-        gap: 0rem !important;
-    }
-}
-
-.p-0 {
-    padding: 0rem !important;
-}
-.p-1 {
-    padding: 0.25rem !important;
-}
-.p-2 {
-    padding: 0.5rem !important;
-}
-.p-3 {
-    padding: 1rem !important;
-}
-.p-4 {
-    padding: 1.5rem !important;
-}
-.p-5 {
-    padding: 2rem !important;
-}
-
-
-.pt-1 {
-    padding-top: 0.25rem !important;
-}
-.pt-3 {
-    padding-top: 1rem !important;
-}
-.pt-4 {
-    padding-top: 1.5rem !important;
-}
-.pt-5 {
-     padding-top: 2rem !important;
- }
-.pt-7 {
-    padding-top: 4rem !important;
-}
-.pt-8 {
-    padding-top: 5rem !important;
-}
-
-.pr-0 {
-    padding-right: 0rem !important;
-}
-.pr-3 {
-    padding-right: 1rem !important;
-}
-.pr-5 {
-    padding-right: 2rem !important;
-}
-.pr-6 {
-    padding-right: 3rem !important;
-}
-
-.pl-0 {
-    padding-left: 0rem !important;
-}
-.pl-2 {
-    padding-left: 0.5rem !important;
-}
-.pl-3 {
-    padding-left: 1rem !important;
-}
-
-.pb-0 {
-    padding-bottom: 0rem !important;
-}
-.pb-3 {
-     padding-bottom: 1rem !important;
- }
-.pb-4 {
-    padding-bottom: 1.5rem !important;
-}
-.pb-5 {
-    padding-bottom: 2rem !important;
-}
-
-.px-0 {
-    padding-left: 0rem !important;
-    padding-right: 0rem !important;
-}
-
-.px-1 {
-    padding-left: 0.25rem !important;
-    padding-right: 0.25rem !important;
-}
-
-.px-2 {
-    padding-left: 0.5rem !important;
-    padding-right: 0.5rem !important;
-}
-
-.px-3 {
-    padding-left: 1rem !important;
-    padding-right: 1rem !important;
-}
-
-.px-4 {
-    padding-left: 1.5rem !important;
-    padding-right: 1.5rem !important;
-}
-
-.px-5 {
-    padding-left: 2rem !important;
-    padding-right: 2rem !important;
-}
-
-.px-6 {
-    padding-left: 3rem !important;
-    padding-right: 3rem !important;
-}
-
-.px-8 {
-    padding-left: 5rem !important;
-    padding-right: 5rem !important;
-}
-
-.py-0 {
-    padding-top: 0rem !important;
-    padding-bottom: 0rem !important;
-}
-
-.py-1 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important;
-}
-
-.py-2 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important;
-}
-
-.py-3 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important;
-}
-
-.py-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important;
-}
-
-.py-5 {
-    padding-top: 2rem !important;
-    padding-bottom: 2rem !important;
-}
-
-.py-6 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important;
-}
-
-.py-8 {
-    padding-top: 5rem !important;
-    padding-bottom: 5rem !important;
-}
-
-@media screen and (min-width: 576px) {
-    .sm\:p-5 {
-        padding: 2rem !important;
-    }
-    .sm\:p-8 {
-        padding: 5rem !important;
-    }
-}
-@media screen and (min-width: 992px) {
-    .lg\:pr-8 {
-        padding-right: 5rem !important;
-    }
-    .lg\:px-5 {
-        padding-left: 2rem !important;
-        padding-right: 2rem !important;
-    }
-    .lg\:px-8 {
-        padding-left: 5rem !important;
-        padding-right: 5rem !important;
-    }
-}
-@media screen and (min-width: 1200px) {
-    .xl\:p-0 {
-        padding: 0rem !important;
-    }
-    .xl\:pt-0 {
-        padding-top: 0rem !important;
-    }
-}
-
-.m-0 {
-    margin: 0rem !important;
-}
-.m-2 {
-    margin: 0.5rem !important;
-}
-.m-3 {
-    margin: 1rem !important;
-}
-
-.mt-0 {
-    margin-top: 0rem !important;
-}
-
-.mt-1 {
-    margin-top: 0.25rem !important;
-}
-
-.mt-2 {
-    margin-top: 0.5rem !important;
-}
-
-.mt-3 {
-    margin-top: 1rem !important;
-}
-
-.mt-4 {
-    margin-top: 1.5rem !important;
-}
-
-.mt-5 {
-    margin-top: 2rem !important;
-}
-
-.mt-6 {
-    margin-top: 3rem !important;
-}
-
-.mt-7 {
-    margin-top: 4rem !important;
-}
-
-.mt-8 {
-    margin-top: 5rem !important;
-}
-.mr-1 {
-    margin-right: 0.25rem !important;
-}
-
-.mr-2 {
-    margin-right: 0.5rem !important;
-}
-
-.mr-3 {
-    margin-right: 1rem !important;
-}
-
-.mr-4 {
-    margin-right: 1.5rem !important;
-}
-
-.mr-5 {
-    margin-right: 2rem !important;
-}
-
-.mr-8 {
-    margin-right: 5rem !important;
-}
-
-.ml-1 {
-    margin-left: 0.25rem !important;
-}
-
-.ml-2 {
-    margin-left: 0.5rem !important;
-}
-
-.ml-3 {
-    margin-left: 1rem !important;
-}
-
-.ml-5 {
-    margin-left: 2rem !important;
-}
-
-.ml-8 {
-    margin-left: 5rem !important;
-}
-
-.mb-0 {
-    margin-bottom: 0rem !important;
-}
-
-.mb-1 {
-    margin-bottom: 0.25rem !important;
-}
-
-.mb-2 {
-    margin-bottom: 0.5rem !important;
-}
-
-.mb-3 {
-    margin-bottom: 1rem !important;
-}
-
-.mb-4 {
-    margin-bottom: 1.5rem !important;
-}
-
-.mb-5 {
-    margin-bottom: 2rem !important;
-}
-
-.mb-6 {
-    margin-bottom: 3rem !important;
-}
-.mb-8 {
-    margin-bottom: 5rem !important;
-}
-.mx-0 {
-    margin-left: 0rem !important;
-    margin-right: 0rem !important;
-}
-
-.mx-1 {
-    margin-left: 0.25rem !important;
-    margin-right: 0.25rem !important;
-}
-
-.mx-2 {
-    margin-left: 0.5rem !important;
-    margin-right: 0.5rem !important;
-}
-
-.mx-3 {
-    margin-left: 1rem !important;
-    margin-right: 1rem !important;
-}
-
-.mx-4 {
-    margin-left: 1.5rem !important;
-    margin-right: 1.5rem !important;
-}
-
-.my-2 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important;
-}
-
-.my-3 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important;
-}
-
-.my-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important;
-}
-
-.my-5 {
-    margin-top: 2rem !important;
-    margin-bottom: 2rem !important;
-}
-
-@media screen and (min-width: 768px) {
-    .md\:mt-0 {
-        margin-top: 0rem !important;
-    }
-    .md\:mb-0 {
-        margin-bottom: 0rem !important;
-    }
-}
-
-@media screen and (min-width: 992px) {
-    .lg\:mt-0 {
-        margin-top: 0rem !important;
-    }
-    .lg\:mb-0 {
-        margin-bottom: 0rem !important;
-    }
-}
-
-.shadow-1 {
-    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
-}
-.shadow-2 {
-    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
-}
-.shadow-4 {
-     box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
- }
-
-.border-top-1 {
-    border-top-width: 1px !important;
-    border-top-style: solid;
-}
-
-.border-bottom-1 {
-    border-bottom-width: 1px !important;
-    border-bottom-style: solid;
-}
-
-.border-round {
-    border-radius: var(--border-radius) !important;
-}
-
-.border-round-md {
-    border-radius: 0.375rem !important;
-}
-.border-noround {
-    border-radius: 0 !important;
-}
-
-.border-circle {
-    border-radius: 50% !important;
-}
-
-.border-solid {
-    border-style: solid !important;
-}
-
-.border-dashed {
-     border-style: dashed !important;
- }
-
-.min-w-0 {
-    min-width: 0px !important;
-}
-
-.z-1 {
-    z-index: 1 !important;
-}
-
-.z-2 {
-    z-index: 2 !important;
-}
-
-.z-3 {
-    z-index: 3 !important;
-}
-
-.pointer-events-none {
-    pointer-events: none !important;
-}
-
-.opacity-20 {
-    opacity: .2 !important;
-}
-
-
-.transition-all {
-    transition-property: all !important;
-}
-.transition-colors {
-    transition-property: background-color,border-color,color !important;
-}
-
-.transition-duration-150 {
-    transition-duration: 150ms !important;
-}
-.transition-duration-200 {
-    transition-duration: 200ms !important;
-}
-.transition-duration-300 {
-    transition-duration: 300ms !important;
-}
-.transition-duration-400 {
-    transition-duration: 400ms !important;
-}
-
-.origin-top {
-    transform-origin: top !important;
-}
-
-@keyframes fadein {
-    0% {
-        opacity: 0;
-    }
-    100% {
-        opacity: 1;
-    }
-}
-.fadein {
-    animation: fadein 0.15s linear;
-}
-
-
-@keyframes fadeout {
-    0% {
-        opacity: 1;
-    }
-    100% {
-        opacity: 0;
-    }
-}
-.fadeout {
-    animation: fadeout 0.15s linear;
-}
-
-@keyframes scalein {
-    0% {
-        opacity: 0;
-        transform: scaleY(0.8);
-        transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-    }
-    100% {
-        opacity: 1;
-        transform: scaleY(1);
-    }
-}
-.scalein {
-    animation: scalein 0.15s linear;
-}
-
-.animation-duration-300 {
-    animation-duration: 300ms !important;
-}
-.animation-duration-500 {
-    animation-duration: 500ms !important;
-}
-.animation-duration-1000 {
-    animation-duration: 1000ms !important;
-}
-
-.animation-iteration-infinite {
-    animation-iteration-count: infinite !important;
-}
-.animation-ease-in-out {
-    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
-}
-
-
-
diff --git a/src/assets/showcase/data/cars-large.json b/src/assets/showcase/data/cars-large.json
deleted file mode 100644
index 7511502..0000000
--- a/src/assets/showcase/data/cars-large.json
+++ /dev/null
@@ -1,1204 +0,0 @@
-{
-    "data":[
-        {
-            "vin":"ee8a89d8",
-            "brand":"Fiat",
-            "year":1987,
-            "color":"Maroon"
-        },
-        {
-            "vin":"642b3edc",
-            "brand":"Renault",
-            "year":1968,
-            "color":"White"
-        },
-        {
-            "vin":"19ec7580",
-            "brand":"Renault",
-            "year":1981,
-            "color":"Black"
-        },
-        {
-            "vin":"39980f30",
-            "brand":"VW",
-            "year":1986,
-            "color":"Red"
-        },
-        {
-            "vin":"ec9cc4e4",
-            "brand":"Fiat",
-            "year":1981,
-            "color":"Brown"
-        },
-        {
-            "vin":"09a06548",
-            "brand":"VW",
-            "year":1965,
-            "color":"Green"
-        },
-        {
-            "vin":"05c47246",
-            "brand":"Mercedes",
-            "year":2007,
-            "color":"Blue"
-        },
-        {
-            "vin":"a9cb87aa",
-            "brand":"Fiat",
-            "year":1962,
-            "color":"Green"
-        },
-        {
-            "vin":"eae758fa",
-            "brand":"BMW",
-            "year":1999,
-            "color":"Yellow"
-        },
-        {
-            "vin":"1241c403",
-            "brand":"Jaguar",
-            "year":1964,
-            "color":"Yellow"
-        },
-        {
-            "vin":"13f853a7",
-            "brand":"Honda",
-            "year":2006,
-            "color":"White"
-        },
-        {
-            "vin":"447d9ed9",
-            "brand":"Jaguar",
-            "year":2005,
-            "color":"Orange"
-        },
-        {
-            "vin":"78fa052e",
-            "brand":"Jaguar",
-            "year":1990,
-            "color":"Orange"
-        },
-        {
-            "vin":"8b77772a",
-            "brand":"Mercedes",
-            "year":1991,
-            "color":"Blue"
-        },
-        {
-            "vin":"23ba7e86",
-            "brand":"Honda",
-            "year":1975,
-            "color":"Yellow"
-        },
-        {
-            "vin":"9bacb32d",
-            "brand":"Volvo",
-            "year":1968,
-            "color":"Brown"
-        },
-        {
-            "vin":"62094d91",
-            "brand":"Mercedes",
-            "year":1962,
-            "color":"Green"
-        },
-        {
-            "vin":"dc7003f4",
-            "brand":"Jaguar",
-            "year":1976,
-            "color":"Maroon"
-        },
-        {
-            "vin":"08607aef",
-            "brand":"Mercedes",
-            "year":1987,
-            "color":"Maroon"
-        },
-        {
-            "vin":"45eee33a",
-            "brand":"BMW",
-            "year":1980,
-            "color":"Silver"
-        },
-        {
-            "vin":"f199ec5c",
-            "brand":"Jaguar",
-            "year":1961,
-            "color":"Green"
-        },
-        {
-            "vin":"b34cd9e8",
-            "brand":"VW",
-            "year":1993,
-            "color":"Silver"
-        },
-        {
-            "vin":"54b20b02",
-            "brand":"Renault",
-            "year":1967,
-            "color":"Brown"
-        },
-        {
-            "vin":"5dd8766e",
-            "brand":"Honda",
-            "year":1998,
-            "color":"Orange"
-        },
-        {
-            "vin":"df50ce22",
-            "brand":"Mercedes",
-            "year":1964,
-            "color":"White"
-        },
-        {
-            "vin":"ecb3e9e1",
-            "brand":"Honda",
-            "year":2003,
-            "color":"Silver"
-        },
-        {
-            "vin":"750d731d",
-            "brand":"Renault",
-            "year":1962,
-            "color":"Blue"
-        },
-        {
-            "vin":"bec38cf4",
-            "brand":"Renault",
-            "year":1960,
-            "color":"Blue"
-        },
-        {
-            "vin":"b7752002",
-            "brand":"Jaguar",
-            "year":1964,
-            "color":"Black"
-        },
-        {
-            "vin":"315fe9c4",
-            "brand":"Fiat",
-            "year":1985,
-            "color":"Red"
-        },
-        {
-            "vin":"be65f786",
-            "brand":"Mercedes",
-            "year":1963,
-            "color":"Orange"
-        },
-        {
-            "vin":"786a7d57",
-            "brand":"Mercedes",
-            "year":2003,
-            "color":"Black"
-        },
-        {
-            "vin":"a3aee412",
-            "brand":"Volvo",
-            "year":2003,
-            "color":"Maroon"
-        },
-        {
-            "vin":"749e6bdd",
-            "brand":"Audi",
-            "year":1995,
-            "color":"Brown"
-        },
-        {
-            "vin":"8cc40f50",
-            "brand":"BMW",
-            "year":1961,
-            "color":"Brown"
-        },
-        {
-            "vin":"5de63a6f",
-            "brand":"Renault",
-            "year":1961,
-            "color":"White"
-        },
-        {
-            "vin":"bdae1e20",
-            "brand":"Jaguar",
-            "year":2008,
-            "color":"Blue"
-        },
-        {
-            "vin":"290cc891",
-            "brand":"VW",
-            "year":1992,
-            "color":"Brown"
-        },
-        {
-            "vin":"007e1014",
-            "brand":"Renault",
-            "year":1966,
-            "color":"Black"
-        },
-        {
-            "vin":"429c502d",
-            "brand":"Honda",
-            "year":1995,
-            "color":"Silver"
-        },
-        {
-            "vin":"c336f9b6",
-            "brand":"Honda",
-            "year":1991,
-            "color":"Maroon"
-        },
-        {
-            "vin":"a6783ba3",
-            "brand":"Honda",
-            "year":2004,
-            "color":"Yellow"
-        },
-        {
-            "vin":"2ddaf8d5",
-            "brand":"Volvo",
-            "year":1982,
-            "color":"Blue"
-        },
-        {
-            "vin":"c09c4b15",
-            "brand":"VW",
-            "year":1991,
-            "color":"Blue"
-        },
-        {
-            "vin":"4609844c",
-            "brand":"Honda",
-            "year":1972,
-            "color":"Black"
-        },
-        {
-            "vin":"8db7df27",
-            "brand":"Audi",
-            "year":1982,
-            "color":"Blue"
-        },
-        {
-            "vin":"dcc58086",
-            "brand":"Audi",
-            "year":2001,
-            "color":"Brown"
-        },
-        {
-            "vin":"f1274cbe",
-            "brand":"Fiat",
-            "year":1995,
-            "color":"Silver"
-        },
-        {
-            "vin":"0858a5d4",
-            "brand":"Renault",
-            "year":1992,
-            "color":"Green"
-        },
-        {
-            "vin":"c2d42bb6",
-            "brand":"Volvo",
-            "year":1972,
-            "color":"Green"
-        },
-        {
-            "vin":"5535cd5a",
-            "brand":"Renault",
-            "year":1980,
-            "color":"Silver"
-        },
-        {
-            "vin":"e3313e1e",
-            "brand":"Honda",
-            "year":2009,
-            "color":"Orange"
-        },
-        {
-            "vin":"f4dea691",
-            "brand":"BMW",
-            "year":2002,
-            "color":"Brown"
-        },
-        {
-            "vin":"ec15a449",
-            "brand":"Honda",
-            "year":1990,
-            "color":"Yellow"
-        },
-        {
-            "vin":"80b74a0e",
-            "brand":"BMW",
-            "year":1979,
-            "color":"Yellow"
-        },
-        {
-            "vin":"513fe268",
-            "brand":"Honda",
-            "year":1987,
-            "color":"White"
-        },
-        {
-            "vin":"6934c8f8",
-            "brand":"Renault",
-            "year":1989,
-            "color":"Red"
-        },
-        {
-            "vin":"6a4c3ad0",
-            "brand":"Honda",
-            "year":1994,
-            "color":"Yellow"
-        },
-        {
-            "vin":"e0acd7b5",
-            "brand":"Mercedes",
-            "year":1965,
-            "color":"Red"
-        },
-        {
-            "vin":"2f31ac35",
-            "brand":"Jaguar",
-            "year":1991,
-            "color":"Brown"
-        },
-        {
-            "vin":"36104237",
-            "brand":"VW",
-            "year":1992,
-            "color":"Silver"
-        },
-        {
-            "vin":"5be099b4",
-            "brand":"BMW",
-            "year":1991,
-            "color":"Yellow"
-        },
-        {
-            "vin":"e2f55f31",
-            "brand":"BMW",
-            "year":1967,
-            "color":"Silver"
-        },
-        {
-            "vin":"11274338",
-            "brand":"Mercedes",
-            "year":1999,
-            "color":"Blue"
-        },
-        {
-            "vin":"f710e177",
-            "brand":"Fiat",
-            "year":2007,
-            "color":"White"
-        },
-        {
-            "vin":"d8375b4b",
-            "brand":"Volvo",
-            "year":1977,
-            "color":"Blue"
-        },
-        {
-            "vin":"a27ddfe3",
-            "brand":"VW",
-            "year":1978,
-            "color":"Blue"
-        },
-        {
-            "vin":"d8848162",
-            "brand":"BMW",
-            "year":2008,
-            "color":"Black"
-        },
-        {
-            "vin":"e9cb3677",
-            "brand":"BMW",
-            "year":2004,
-            "color":"Black"
-        },
-        {
-            "vin":"c9dc321d",
-            "brand":"BMW",
-            "year":1989,
-            "color":"Red"
-        },
-        {
-            "vin":"4c75c610",
-            "brand":"Volvo",
-            "year":1972,
-            "color":"Yellow"
-        },
-        {
-            "vin":"1c90c93d",
-            "brand":"Audi",
-            "year":2004,
-            "color":"Silver"
-        },
-        {
-            "vin":"5ccc9f7f",
-            "brand":"Jaguar",
-            "year":1961,
-            "color":"Red"
-        },
-        {
-            "vin":"94498bc0",
-            "brand":"Fiat",
-            "year":1965,
-            "color":"Silver"
-        },
-        {
-            "vin":"1d1a21f3",
-            "brand":"Honda",
-            "year":1985,
-            "color":"Red"
-        },
-        {
-            "vin":"ea463ad3",
-            "brand":"BMW",
-            "year":1992,
-            "color":"Blue"
-        },
-        {
-            "vin":"c24bdeb2",
-            "brand":"Honda",
-            "year":1991,
-            "color":"Red"
-        },
-        {
-            "vin":"af3b744b",
-            "brand":"Audi",
-            "year":1998,
-            "color":"Green"
-        },
-        {
-            "vin":"bebd5a96",
-            "brand":"Jaguar",
-            "year":1989,
-            "color":"Black"
-        },
-        {
-            "vin":"6ef9dbf3",
-            "brand":"Fiat",
-            "year":1962,
-            "color":"Orange"
-        },
-        {
-            "vin":"eede8f1e",
-            "brand":"Jaguar",
-            "year":1977,
-            "color":"Brown"
-        },
-        {
-            "vin":"9d11b02d",
-            "brand":"BMW",
-            "year":1971,
-            "color":"Yellow"
-        },
-        {
-            "vin":"1d4223a1",
-            "brand":"Mercedes",
-            "year":1975,
-            "color":"Brown"
-        },
-        {
-            "vin":"4d118346",
-            "brand":"Mercedes",
-            "year":1985,
-            "color":"Brown"
-        },
-        {
-            "vin":"cce76f06",
-            "brand":"Honda",
-            "year":1980,
-            "color":"Maroon"
-        },
-        {
-            "vin":"2af398ed",
-            "brand":"Renault",
-            "year":1970,
-            "color":"Yellow"
-        },
-        {
-            "vin":"c0ddab4c",
-            "brand":"Audi",
-            "year":2003,
-            "color":"Silver"
-        },
-        {
-            "vin":"a27ea639",
-            "brand":"Mercedes",
-            "year":1968,
-            "color":"Yellow"
-        },
-        {
-            "vin":"e6441f09",
-            "brand":"Jaguar",
-            "year":1982,
-            "color":"Green"
-        },
-        {
-            "vin":"c4c59d58",
-            "brand":"Fiat",
-            "year":2005,
-            "color":"Orange"
-        },
-        {
-            "vin":"9d31fc0a",
-            "brand":"Mercedes",
-            "year":1974,
-            "color":"Brown"
-        },
-        {
-            "vin":"b0ffce2d",
-            "brand":"Volvo",
-            "year":1966,
-            "color":"Yellow"
-        },
-        {
-            "vin":"ca7e52e3",
-            "brand":"Honda",
-            "year":1971,
-            "color":"Orange"
-        },
-        {
-            "vin":"56b36f0e",
-            "brand":"Mercedes",
-            "year":2008,
-            "color":"Orange"
-        },
-        {
-            "vin":"ba045e1e",
-            "brand":"Jaguar",
-            "year":1968,
-            "color":"White"
-        },
-        {
-            "vin":"fd579989",
-            "brand":"BMW",
-            "year":1975,
-            "color":"Black"
-        },
-        {
-            "vin":"084850a3",
-            "brand":"Audi",
-            "year":1990,
-            "color":"Red"
-        },
-        {
-            "vin":"e39245ab",
-            "brand":"BMW",
-            "year":1969,
-            "color":"White"
-        },
-        {
-            "vin":"41ab14a1",
-            "brand":"Jaguar",
-            "year":1987,
-            "color":"Silver"
-        },
-        {
-            "vin":"7ec4c1c0",
-            "brand":"Jaguar",
-            "year":1980,
-            "color":"Black"
-        },
-        {
-            "vin":"bf1c14aa",
-            "brand":"Audi",
-            "year":1984,
-            "color":"Yellow"
-        },
-        {
-            "vin":"adeff567",
-            "brand":"Volvo",
-            "year":2000,
-            "color":"Brown"
-        },
-        {
-            "vin":"61e5e07d",
-            "brand":"Mercedes",
-            "year":1978,
-            "color":"Orange"
-        },
-        {
-            "vin":"7555e46a",
-            "brand":"Audi",
-            "year":1966,
-            "color":"Blue"
-        },
-        {
-            "vin":"95babbd1",
-            "brand":"Honda",
-            "year":1998,
-            "color":"Black"
-        },
-        {
-            "vin":"ff6885f7",
-            "brand":"Audi",
-            "year":1996,
-            "color":"White"
-        },
-        {
-            "vin":"5b5a0031",
-            "brand":"Audi",
-            "year":1968,
-            "color":"Brown"
-        },
-        {
-            "vin":"de63c575",
-            "brand":"Mercedes",
-            "year":1989,
-            "color":"Yellow"
-        },
-        {
-            "vin":"6bf3bfbc",
-            "brand":"Audi",
-            "year":1968,
-            "color":"Green"
-        },
-        {
-            "vin":"d2d2e8d4",
-            "brand":"Fiat",
-            "year":1985,
-            "color":"Green"
-        },
-        {
-            "vin":"edcab1f7",
-            "brand":"VW",
-            "year":1979,
-            "color":"Silver"
-        },
-        {
-            "vin":"03234e20",
-            "brand":"Mercedes",
-            "year":1962,
-            "color":"Orange"
-        },
-        {
-            "vin":"de2a7b08",
-            "brand":"Honda",
-            "year":2007,
-            "color":"Blue"
-        },
-        {
-            "vin":"717b8282",
-            "brand":"BMW",
-            "year":1999,
-            "color":"Yellow"
-        },
-        {
-            "vin":"790e7f03",
-            "brand":"Volvo",
-            "year":1983,
-            "color":"White"
-        },
-        {
-            "vin":"8eefb223",
-            "brand":"Jaguar",
-            "year":1983,
-            "color":"Silver"
-        },
-        {
-            "vin":"5e524acd",
-            "brand":"Jaguar",
-            "year":1994,
-            "color":"Maroon"
-        },
-        {
-            "vin":"26b1aff9",
-            "brand":"BMW",
-            "year":1965,
-            "color":"Black"
-        },
-        {
-            "vin":"c007a623",
-            "brand":"Renault",
-            "year":1968,
-            "color":"Maroon"
-        },
-        {
-            "vin":"76733e83",
-            "brand":"Honda",
-            "year":1991,
-            "color":"White"
-        },
-        {
-            "vin":"ef3c14f7",
-            "brand":"Fiat",
-            "year":1987,
-            "color":"Brown"
-        },
-        {
-            "vin":"2b4ca005",
-            "brand":"Honda",
-            "year":2009,
-            "color":"Silver"
-        },
-        {
-            "vin":"8191dbb6",
-            "brand":"BMW",
-            "year":2005,
-            "color":"Black"
-        },
-        {
-            "vin":"f6b3bd94",
-            "brand":"Renault",
-            "year":1967,
-            "color":"Yellow"
-        },
-        {
-            "vin":"abb19f41",
-            "brand":"Volvo",
-            "year":1975,
-            "color":"Blue"
-        },
-        {
-            "vin":"7470c95f",
-            "brand":"Renault",
-            "year":1996,
-            "color":"Black"
-        },
-        {
-            "vin":"5f1b57a3",
-            "brand":"Volvo",
-            "year":1986,
-            "color":"Red"
-        },
-        {
-            "vin":"ed47a74b",
-            "brand":"BMW",
-            "year":2007,
-            "color":"Brown"
-        },
-        {
-            "vin":"ed6030f7",
-            "brand":"Honda",
-            "year":1990,
-            "color":"Red"
-        },
-        {
-            "vin":"944c71dc",
-            "brand":"Mercedes",
-            "year":1991,
-            "color":"Silver"
-        },
-        {
-            "vin":"c7d838a5",
-            "brand":"VW",
-            "year":1980,
-            "color":"Yellow"
-        },
-        {
-            "vin":"712db898",
-            "brand":"Audi",
-            "year":1965,
-            "color":"Red"
-        },
-        {
-            "vin":"99acc06f",
-            "brand":"BMW",
-            "year":1995,
-            "color":"Silver"
-        },
-        {
-            "vin":"6c68ffa5",
-            "brand":"Jaguar",
-            "year":1999,
-            "color":"Green"
-        },
-        {
-            "vin":"63893922",
-            "brand":"Renault",
-            "year":1991,
-            "color":"Brown"
-        },
-        {
-            "vin":"dca5f739",
-            "brand":"Jaguar",
-            "year":2002,
-            "color":"Blue"
-        },
-        {
-            "vin":"16da6dcb",
-            "brand":"Jaguar",
-            "year":2006,
-            "color":"Blue"
-        },
-        {
-            "vin":"fe9ca30c",
-            "brand":"Fiat",
-            "year":1967,
-            "color":"Maroon"
-        },
-        {
-            "vin":"f0193ac7",
-            "brand":"Mercedes",
-            "year":1979,
-            "color":"Orange"
-        },
-        {
-            "vin":"145f5551",
-            "brand":"Jaguar",
-            "year":1993,
-            "color":"Brown"
-        },
-        {
-            "vin":"24714317",
-            "brand":"Mercedes",
-            "year":1971,
-            "color":"White"
-        },
-        {
-            "vin":"1a9c6e4e",
-            "brand":"Jaguar",
-            "year":1997,
-            "color":"Yellow"
-        },
-        {
-            "vin":"c9b7ef72",
-            "brand":"Fiat",
-            "year":1992,
-            "color":"Maroon"
-        },
-        {
-            "vin":"b1b6c375",
-            "brand":"Fiat",
-            "year":1963,
-            "color":"Silver"
-        },
-        {
-            "vin":"7254a003",
-            "brand":"Audi",
-            "year":1982,
-            "color":"White"
-        },
-        {
-            "vin":"6f0de80f",
-            "brand":"Renault",
-            "year":1987,
-            "color":"Blue"
-        },
-        {
-            "vin":"e3048f87",
-            "brand":"Fiat",
-            "year":1989,
-            "color":"Blue"
-        },
-        {
-            "vin":"361e435a",
-            "brand":"BMW",
-            "year":1973,
-            "color":"Green"
-        },
-        {
-            "vin":"59e6a9f3",
-            "brand":"BMW",
-            "year":1964,
-            "color":"Maroon"
-        },
-        {
-            "vin":"b791fe05",
-            "brand":"Mercedes",
-            "year":1993,
-            "color":"Yellow"
-        },
-        {
-            "vin":"68b0dd88",
-            "brand":"BMW",
-            "year":2002,
-            "color":"Green"
-        },
-        {
-            "vin":"5b439d1f",
-            "brand":"BMW",
-            "year":1964,
-            "color":"Maroon"
-        },
-        {
-            "vin":"9a7ac9e3",
-            "brand":"Renault",
-            "year":1988,
-            "color":"White"
-        },
-        {
-            "vin":"d214751d",
-            "brand":"Honda",
-            "year":1997,
-            "color":"White"
-        },
-        {
-            "vin":"72229390",
-            "brand":"Mercedes",
-            "year":1996,
-            "color":"White"
-        },
-        {
-            "vin":"b5fbbeee",
-            "brand":"VW",
-            "year":1999,
-            "color":"Brown"
-        },
-        {
-            "vin":"8972b543",
-            "brand":"Audi",
-            "year":1973,
-            "color":"Black"
-        },
-        {
-            "vin":"7bc21024",
-            "brand":"Renault",
-            "year":1980,
-            "color":"Yellow"
-        },
-        {
-            "vin":"5d661964",
-            "brand":"Renault",
-            "year":2005,
-            "color":"Silver"
-        },
-        {
-            "vin":"a6ccc2d8",
-            "brand":"Honda",
-            "year":1994,
-            "color":"Blue"
-        },
-        {
-            "vin":"c1f15f28",
-            "brand":"Volvo",
-            "year":1999,
-            "color":"Black"
-        },
-        {
-            "vin":"161512ce",
-            "brand":"VW",
-            "year":1962,
-            "color":"Black"
-        },
-        {
-            "vin":"16e0b448",
-            "brand":"Fiat",
-            "year":1990,
-            "color":"Green"
-        },
-        {
-            "vin":"f0734442",
-            "brand":"Audi",
-            "year":1966,
-            "color":"Orange"
-        },
-        {
-            "vin":"5e233279",
-            "brand":"Audi",
-            "year":1964,
-            "color":"Green"
-        },
-        {
-            "vin":"1de720b2",
-            "brand":"Renault",
-            "year":2003,
-            "color":"Orange"
-        },
-        {
-            "vin":"46efaeb2",
-            "brand":"Jaguar",
-            "year":1993,
-            "color":"Green"
-        },
-        {
-            "vin":"88f2354c",
-            "brand":"Jaguar",
-            "year":2006,
-            "color":"Black"
-        },
-        {
-            "vin":"04819fd6",
-            "brand":"Mercedes",
-            "year":1983,
-            "color":"White"
-        },
-        {
-            "vin":"401771c8",
-            "brand":"Volvo",
-            "year":1962,
-            "color":"Silver"
-        },
-        {
-            "vin":"8600877b",
-            "brand":"VW",
-            "year":1996,
-            "color":"Black"
-        },
-        {
-            "vin":"946bd645",
-            "brand":"Honda",
-            "year":1991,
-            "color":"Red"
-        },
-        {
-            "vin":"ad078e69",
-            "brand":"Fiat",
-            "year":1991,
-            "color":"Brown"
-        },
-        {
-            "vin":"93138901",
-            "brand":"Mercedes",
-            "year":1961,
-            "color":"Silver"
-        },
-        {
-            "vin":"f365dfa4",
-            "brand":"Mercedes",
-            "year":1980,
-            "color":"Black"
-        },
-        {
-            "vin":"22647161",
-            "brand":"Audi",
-            "year":2007,
-            "color":"Blue"
-        },
-        {
-            "vin":"92d1ee27",
-            "brand":"Jaguar",
-            "year":1977,
-            "color":"Silver"
-        },
-        {
-            "vin":"137c2b3a",
-            "brand":"Honda",
-            "year":1970,
-            "color":"Blue"
-        },
-        {
-            "vin":"b05b5235",
-            "brand":"BMW",
-            "year":1967,
-            "color":"Yellow"
-        },
-        {
-            "vin":"1afbf400",
-            "brand":"Audi",
-            "year":1966,
-            "color":"Maroon"
-        },
-        {
-            "vin":"8530ae50",
-            "brand":"BMW",
-            "year":1979,
-            "color":"Brown"
-        },
-        {
-            "vin":"c9a487a3",
-            "brand":"Volvo",
-            "year":1981,
-            "color":"Silver"
-        },
-        {
-            "vin":"5cb0bed6",
-            "brand":"Honda",
-            "year":1962,
-            "color":"Orange"
-        },
-        {
-            "vin":"cf7d0b45",
-            "brand":"Fiat",
-            "year":1997,
-            "color":"Green"
-        },
-        {
-            "vin":"bc762dd0",
-            "brand":"Jaguar",
-            "year":2000,
-            "color":"Yellow"
-        },
-        {
-            "vin":"97207a61",
-            "brand":"VW",
-            "year":1976,
-            "color":"Blue"
-        },
-        {
-            "vin":"17680899",
-            "brand":"Mercedes",
-            "year":2006,
-            "color":"Silver"
-        },
-        {
-            "vin":"d8a98d30",
-            "brand":"Renault",
-            "year":1990,
-            "color":"Green"
-        },
-        {
-            "vin":"ff01ead0",
-            "brand":"Audi",
-            "year":1962,
-            "color":"Blue"
-        },
-        {
-            "vin":"38b30a61",
-            "brand":"Fiat",
-            "year":1977,
-            "color":"White"
-        },
-        {
-            "vin":"9a6793c1",
-            "brand":"Renault",
-            "year":1983,
-            "color":"Red"
-        },
-        {
-            "vin":"b1f27273",
-            "brand":"Mercedes",
-            "year":2007,
-            "color":"Brown"
-        },
-        {
-            "vin":"0fa8c1aa",
-            "brand":"Jaguar",
-            "year":1982,
-            "color":"Blue"
-        },
-        {
-            "vin":"a7520f42",
-            "brand":"Volvo",
-            "year":2008,
-            "color":"Maroon"
-        },
-        {
-            "vin":"494eba81",
-            "brand":"BMW",
-            "year":1966,
-            "color":"Silver"
-        },
-        {
-            "vin":"683535b8",
-            "brand":"Renault",
-            "year":2003,
-            "color":"White"
-        },
-        {
-            "vin":"62e5d216",
-            "brand":"Audi",
-            "year":1962,
-            "color":"Orange"
-        },
-        {
-            "vin":"16a65b56",
-            "brand":"Jaguar",
-            "year":2009,
-            "color":"Blue"
-        },
-        {
-            "vin":"d00250a3",
-            "brand":"BMW",
-            "year":1978,
-            "color":"Blue"
-        },
-        {
-            "vin":"f3c3909d",
-            "brand":"Renault",
-            "year":2003,
-            "color":"Green"
-        }
-    ]
-}
\ No newline at end of file
diff --git a/src/assets/showcase/data/cars-medium.json b/src/assets/showcase/data/cars-medium.json
deleted file mode 100644
index cf68699..0000000
--- a/src/assets/showcase/data/cars-medium.json
+++ /dev/null
@@ -1,54 +0,0 @@
-{
-    "data":[
-        {"vin":"a1653d4d","brand":"VW","year":1998,"color":"White","price":10000},
-        {"vin":"ddeb9b10","brand":"Mercedes","year":1985,"color":"Green","price":25000},
-        {"vin":"d8ebe413","brand":"Jaguar","year":1979,"color":"Silver","price":30000},
-        {"vin":"aab227b7","brand":"Audi","year":1970,"color":"Black","price":12000},
-        {"vin":"631f7412","brand":"Volvo","year":1992,"color":"Red","price":15500},
-        {"vin":"7d2d22b0","brand":"VW","year":1993,"color":"Maroon","price":40000},
-        {"vin":"50e900ca","brand":"Fiat","year":1964,"color":"Blue","price":25000},
-        {"vin":"4bbcd603","brand":"Renault","year":1983,"color":"Maroon","price":22000},
-        {"vin":"70214c7e","brand":"Renault","year":1961,"color":"Black","price":19000},
-        {"vin":"ec229a92","brand":"Audi","year":1984,"color":"Brown","price":36000},
-        {"vin":"1083ee40","brand":"VW","year":1984,"color":"Silver","price":215000},
-        {"vin":"6e0da3ab","brand":"Volvo","year":1987,"color":"Silver","price":32000},
-        {"vin":"5aee636b","brand":"Jaguar","year":1995,"color":"Maroon","price":20000},
-        {"vin":"7cc43997","brand":"Jaguar","year":1984,"color":"Orange","price":14000},
-        {"vin":"88ec9f66","brand":"Honda","year":1989,"color":"Maroon","price":36000},
-        {"vin":"f5a4a5f5","brand":"BMW","year":1986,"color":"Blue","price":28000},
-        {"vin":"15b9a5c9","brand":"Mercedes","year":1986,"color":"Orange","price":14000},
-        {"vin":"f7e18d01","brand":"Mercedes","year":1991,"color":"White","price":25000},
-        {"vin":"cec593d7","brand":"VW","year":1992,"color":"Blue","price":36000},
-        {"vin":"d5bac4f0","brand":"Renault","year":2001,"color":"Blue","price":25000},
-        {"vin":"56b527c8","brand":"Jaguar","year":1990,"color":"Yellow","price":52000},
-        {"vin":"1ac011ff","brand":"Audi","year":1966,"color":"Maroon","price":45000},
-        {"vin":"fc074185","brand":"BMW","year":1962,"color":"Blue","price":54000},
-        {"vin":"606ba663","brand":"Honda","year":1982,"color":"Blue","price":22000},
-        {"vin":"d05060b8","brand":"Mercedes","year":2003,"color":"Silver","price":15000},
-        {"vin":"46e4bbe8","brand":"Mercedes","year":1986,"color":"White","price":18000},
-        {"vin":"c29da0d7","brand":"BMW","year":1983,"color":"Brown","price":32000},
-        {"vin":"24622f70","brand":"VW","year":1973,"color":"Maroon","price":36000},
-        {"vin":"7f573d2c","brand":"Mercedes","year":1991,"color":"Red","price":21000},
-        {"vin":"b69e6f5c","brand":"Jaguar","year":1993,"color":"Yellow","price":16000},
-        {"vin":"ead9bf1d","brand":"Fiat","year":1968,"color":"Maroon","price":43000},
-        {"vin":"bc58113e","brand":"Renault","year":1981,"color":"Silver","price":36000},
-        {"vin":"2989d5b1","brand":"Honda","year":2006,"color":"Blue","price":240000},
-        {"vin":"c243e3a0","brand":"Fiat","year":1990,"color":"Maroon","price":15000},
-        {"vin":"e3d3ebf3","brand":"Audi","year":1996,"color":"White","price":28000},
-        {"vin":"45337e7a","brand":"Mercedes","year":1982,"color":"Blue","price":14000},
-        {"vin":"36e9cf7e","brand":"Fiat","year":2000,"color":"Orange","price":26000},
-        {"vin":"036bf135","brand":"Mercedes","year":1973,"color":"Black","price":22000},
-        {"vin":"ad612e9f","brand":"Mercedes","year":1975,"color":"Red","price":45000},
-        {"vin":"97c6e1e9","brand":"Volvo","year":1967,"color":"Green","price":42000},
-        {"vin":"ae962274","brand":"Volvo","year":1982,"color":"Red","price":36000},
-        {"vin":"81f8972a","brand":"BMW","year":2007,"color":"Black","price":56000},
-        {"vin":"f8506743","brand":"Audi","year":1975,"color":"Blue","price":42000},
-        {"vin":"596859d1","brand":"Fiat","year":2002,"color":"Green","price":48000},
-        {"vin":"d83c1d9a","brand":"Volvo","year":1972,"color":"Black","price":29000},
-        {"vin":"32f41550","brand":"Mercedes","year":1978,"color":"Brown","price":17000},
-        {"vin":"c28cd2e4","brand":"Volvo","year":1982,"color":"Silver","price":24000},
-        {"vin":"80890dcc","brand":"Audi","year":1962,"color":"White","price":36000},
-        {"vin":"4bf1aeb5","brand":"VW","year":2000,"color":"Silver","price":24000},
-        {"vin":"45ca4786","brand":"BMW","year":1995,"color":"Maroon","price":50000}
-    ]
-}
\ No newline at end of file
diff --git a/src/assets/showcase/data/cars-small.json b/src/assets/showcase/data/cars-small.json
deleted file mode 100644
index 7a2bc59..0000000
--- a/src/assets/showcase/data/cars-small.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-    "data": [
-        {"brand": "VW", "year": 2012, "color": "Orange", "vin": "dsad231ff"},
-        {"brand": "Audi", "year": 2011, "color": "Black", "vin": "gwregre345"},
-        {"brand": "Renault", "year": 2005, "color": "Gray", "vin": "h354htr"},
-        {"brand": "BMW", "year": 2003, "color": "Blue", "vin": "j6w54qgh"},
-        {"brand": "Mercedes", "year": 1995, "color": "Orange", "vin": "hrtwy34"},
-        {"brand": "Volvo", "year": 2005, "color": "Black", "vin": "jejtyj"},
-        {"brand": "Honda", "year": 2012, "color": "Yellow", "vin": "g43gr"},
-        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34"},
-        {"brand": "Ford", "year": 2000, "color": "Black", "vin": "h54hw5"},
-        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s"}
-    ]
-}
diff --git a/src/assets/showcase/data/countries.json b/src/assets/showcase/data/countries.json
deleted file mode 100644
index d2d0948..0000000
--- a/src/assets/showcase/data/countries.json
+++ /dev/null
@@ -1,246 +0,0 @@
-{
-    "data": [ 
-        {"name": "Afghanistan", "code": "AF"}, 
-        {"name": "Albania", "code": "AL"}, 
-        {"name": "Algeria", "code": "DZ"}, 
-        {"name": "American Samoa", "code": "AS"}, 
-        {"name": "Andorra", "code": "AD"}, 
-        {"name": "Angola", "code": "AO"}, 
-        {"name": "Anguilla", "code": "AI"}, 
-        {"name": "Antarctica", "code": "AQ"}, 
-        {"name": "Antigua and Barbuda", "code": "AG"}, 
-        {"name": "Argentina", "code": "AR"}, 
-        {"name": "Armenia", "code": "AM"}, 
-        {"name": "Aruba", "code": "AW"}, 
-        {"name": "Australia", "code": "AU"}, 
-        {"name": "Austria", "code": "AT"}, 
-        {"name": "Azerbaijan", "code": "AZ"}, 
-        {"name": "Bahamas", "code": "BS"}, 
-        {"name": "Bahrain", "code": "BH"}, 
-        {"name": "Bangladesh", "code": "BD"}, 
-        {"name": "Barbados", "code": "BB"}, 
-        {"name": "Belarus", "code": "BY"}, 
-        {"name": "Belgium", "code": "BE"}, 
-        {"name": "Belize", "code": "BZ"}, 
-        {"name": "Benin", "code": "BJ"}, 
-        {"name": "Bermuda", "code": "BM"}, 
-        {"name": "Bhutan", "code": "BT"}, 
-        {"name": "Bolivia", "code": "BO"}, 
-        {"name": "Bosnia and Herzegovina", "code": "BA"}, 
-        {"name": "Botswana", "code": "BW"}, 
-        {"name": "Bouvet Island", "code": "BV"}, 
-        {"name": "Brazil", "code": "BR"}, 
-        {"name": "British Indian Ocean Territory", "code": "IO"}, 
-        {"name": "Brunei Darussalam", "code": "BN"}, 
-        {"name": "Bulgaria", "code": "BG"}, 
-        {"name": "Burkina Faso", "code": "BF"}, 
-        {"name": "Burundi", "code": "BI"}, 
-        {"name": "Cambodia", "code": "KH"}, 
-        {"name": "Cameroon", "code": "CM"}, 
-        {"name": "Canada", "code": "CA"}, 
-        {"name": "Cape Verde", "code": "CV"}, 
-        {"name": "Cayman Islands", "code": "KY"}, 
-        {"name": "Central African Republic", "code": "CF"}, 
-        {"name": "Chad", "code": "TD"}, 
-        {"name": "Chile", "code": "CL"}, 
-        {"name": "China", "code": "CN"}, 
-        {"name": "Christmas Island", "code": "CX"}, 
-        {"name": "Cocos (Keeling) Islands", "code": "CC"}, 
-        {"name": "Colombia", "code": "CO"}, 
-        {"name": "Comoros", "code": "KM"}, 
-        {"name": "Congo", "code": "CG"}, 
-        {"name": "Congo, The Democratic Republic of the", "code": "CD"}, 
-        {"name": "Cook Islands", "code": "CK"}, 
-        {"name": "Costa Rica", "code": "CR"}, 
-        {"name": "Cote D\"Ivoire", "code": "CI"}, 
-        {"name": "Croatia", "code": "HR"}, 
-        {"name": "Cuba", "code": "CU"}, 
-        {"name": "Cyprus", "code": "CY"}, 
-        {"name": "Czech Republic", "code": "CZ"}, 
-        {"name": "Denmark", "code": "DK"}, 
-        {"name": "Djibouti", "code": "DJ"}, 
-        {"name": "Dominica", "code": "DM"}, 
-        {"name": "Dominican Republic", "code": "DO"}, 
-        {"name": "Ecuador", "code": "EC"}, 
-        {"name": "Egypt", "code": "EG"}, 
-        {"name": "El Salvador", "code": "SV"}, 
-        {"name": "Equatorial Guinea", "code": "GQ"}, 
-        {"name": "Eritrea", "code": "ER"}, 
-        {"name": "Estonia", "code": "EE"}, 
-        {"name": "Ethiopia", "code": "ET"}, 
-        {"name": "Falkland Islands (Malvinas)", "code": "FK"}, 
-        {"name": "Faroe Islands", "code": "FO"}, 
-        {"name": "Fiji", "code": "FJ"}, 
-        {"name": "Finland", "code": "FI"}, 
-        {"name": "France", "code": "FR"}, 
-        {"name": "French Guiana", "code": "GF"}, 
-        {"name": "French Polynesia", "code": "PF"}, 
-        {"name": "French Southern Territories", "code": "TF"}, 
-        {"name": "Gabon", "code": "GA"}, 
-        {"name": "Gambia", "code": "GM"}, 
-        {"name": "Georgia", "code": "GE"}, 
-        {"name": "Germany", "code": "DE"}, 
-        {"name": "Ghana", "code": "GH"}, 
-        {"name": "Gibraltar", "code": "GI"}, 
-        {"name": "Greece", "code": "GR"}, 
-        {"name": "Greenland", "code": "GL"}, 
-        {"name": "Grenada", "code": "GD"}, 
-        {"name": "Guadeloupe", "code": "GP"}, 
-        {"name": "Guam", "code": "GU"}, 
-        {"name": "Guatemala", "code": "GT"}, 
-        {"name": "Guernsey", "code": "GG"}, 
-        {"name": "Guinea", "code": "GN"}, 
-        {"name": "Guinea-Bissau", "code": "GW"}, 
-        {"name": "Guyana", "code": "GY"}, 
-        {"name": "Haiti", "code": "HT"}, 
-        {"name": "Heard Island and Mcdonald Islands", "code": "HM"}, 
-        {"name": "Holy See (Vatican City State)", "code": "VA"}, 
-        {"name": "Honduras", "code": "HN"}, 
-        {"name": "Hong Kong", "code": "HK"}, 
-        {"name": "Hungary", "code": "HU"}, 
-        {"name": "Iceland", "code": "IS"}, 
-        {"name": "India", "code": "IN"}, 
-        {"name": "Indonesia", "code": "ID"}, 
-        {"name": "Iran, Islamic Republic Of", "code": "IR"}, 
-        {"name": "Iraq", "code": "IQ"}, 
-        {"name": "Ireland", "code": "IE"}, 
-        {"name": "Isle of Man", "code": "IM"}, 
-        {"name": "Israel", "code": "IL"}, 
-        {"name": "Italy", "code": "IT"}, 
-        {"name": "Jamaica", "code": "JM"}, 
-        {"name": "Japan", "code": "JP"}, 
-        {"name": "Jersey", "code": "JE"}, 
-        {"name": "Jordan", "code": "JO"}, 
-        {"name": "Kazakhstan", "code": "KZ"}, 
-        {"name": "Kenya", "code": "KE"}, 
-        {"name": "Kiribati", "code": "KI"}, 
-        {"name": "Korea, Democratic People\"S Republic of", "code": "KP"}, 
-        {"name": "Korea, Republic of", "code": "KR"}, 
-        {"name": "Kuwait", "code": "KW"}, 
-        {"name": "Kyrgyzstan", "code": "KG"}, 
-        {"name": "Lao People\"S Democratic Republic", "code": "LA"}, 
-        {"name": "Latvia", "code": "LV"}, 
-        {"name": "Lebanon", "code": "LB"}, 
-        {"name": "Lesotho", "code": "LS"}, 
-        {"name": "Liberia", "code": "LR"}, 
-        {"name": "Libyan Arab Jamahiriya", "code": "LY"}, 
-        {"name": "Liechtenstein", "code": "LI"}, 
-        {"name": "Lithuania", "code": "LT"}, 
-        {"name": "Luxembourg", "code": "LU"}, 
-        {"name": "Macao", "code": "MO"}, 
-        {"name": "Macedonia, The Former Yugoslav Republic of", "code": "MK"}, 
-        {"name": "Madagascar", "code": "MG"}, 
-        {"name": "Malawi", "code": "MW"}, 
-        {"name": "Malaysia", "code": "MY"}, 
-        {"name": "Maldives", "code": "MV"}, 
-        {"name": "Mali", "code": "ML"}, 
-        {"name": "Malta", "code": "MT"}, 
-        {"name": "Marshall Islands", "code": "MH"}, 
-        {"name": "Martinique", "code": "MQ"}, 
-        {"name": "Mauritania", "code": "MR"}, 
-        {"name": "Mauritius", "code": "MU"}, 
-        {"name": "Mayotte", "code": "YT"}, 
-        {"name": "Mexico", "code": "MX"}, 
-        {"name": "Micronesia, Federated States of", "code": "FM"}, 
-        {"name": "Moldova, Republic of", "code": "MD"}, 
-        {"name": "Monaco", "code": "MC"}, 
-        {"name": "Mongolia", "code": "MN"}, 
-        {"name": "Montserrat", "code": "MS"}, 
-        {"name": "Morocco", "code": "MA"}, 
-        {"name": "Mozambique", "code": "MZ"}, 
-        {"name": "Myanmar", "code": "MM"}, 
-        {"name": "Namibia", "code": "NA"}, 
-        {"name": "Nauru", "code": "NR"}, 
-        {"name": "Nepal", "code": "NP"}, 
-        {"name": "Netherlands", "code": "NL"}, 
-        {"name": "Netherlands Antilles", "code": "AN"}, 
-        {"name": "New Caledonia", "code": "NC"}, 
-        {"name": "New Zealand", "code": "NZ"}, 
-        {"name": "Nicaragua", "code": "NI"}, 
-        {"name": "Niger", "code": "NE"}, 
-        {"name": "Nigeria", "code": "NG"}, 
-        {"name": "Niue", "code": "NU"}, 
-        {"name": "Norfolk Island", "code": "NF"}, 
-        {"name": "Northern Mariana Islands", "code": "MP"}, 
-        {"name": "Norway", "code": "NO"}, 
-        {"name": "Oman", "code": "OM"}, 
-        {"name": "Pakistan", "code": "PK"}, 
-        {"name": "Palau", "code": "PW"}, 
-        {"name": "Palestinian Territory, Occupied", "code": "PS"}, 
-        {"name": "Panama", "code": "PA"}, 
-        {"name": "Papua New Guinea", "code": "PG"}, 
-        {"name": "Paraguay", "code": "PY"}, 
-        {"name": "Peru", "code": "PE"}, 
-        {"name": "Philippines", "code": "PH"}, 
-        {"name": "Pitcairn", "code": "PN"}, 
-        {"name": "Poland", "code": "PL"}, 
-        {"name": "Portugal", "code": "PT"}, 
-        {"name": "Puerto Rico", "code": "PR"}, 
-        {"name": "Qatar", "code": "QA"}, 
-        {"name": "Reunion", "code": "RE"}, 
-        {"name": "Romania", "code": "RO"}, 
-        {"name": "Russian Federation", "code": "RU"}, 
-        {"name": "RWANDA", "code": "RW"}, 
-        {"name": "Saint Helena", "code": "SH"}, 
-        {"name": "Saint Kitts and Nevis", "code": "KN"}, 
-        {"name": "Saint Lucia", "code": "LC"}, 
-        {"name": "Saint Pierre and Miquelon", "code": "PM"}, 
-        {"name": "Saint Vincent and the Grenadines", "code": "VC"}, 
-        {"name": "Samoa", "code": "WS"}, 
-        {"name": "San Marino", "code": "SM"}, 
-        {"name": "Sao Tome and Principe", "code": "ST"}, 
-        {"name": "Saudi Arabia", "code": "SA"}, 
-        {"name": "Senegal", "code": "SN"}, 
-        {"name": "Serbia and Montenegro", "code": "CS"}, 
-        {"name": "Seychelles", "code": "SC"}, 
-        {"name": "Sierra Leone", "code": "SL"}, 
-        {"name": "Singapore", "code": "SG"}, 
-        {"name": "Slovakia", "code": "SK"}, 
-        {"name": "Slovenia", "code": "SI"}, 
-        {"name": "Solomon Islands", "code": "SB"}, 
-        {"name": "Somalia", "code": "SO"}, 
-        {"name": "South Africa", "code": "ZA"}, 
-        {"name": "South Georgia and the South Sandwich Islands", "code": "GS"}, 
-        {"name": "Spain", "code": "ES"}, 
-        {"name": "Sri Lanka", "code": "LK"}, 
-        {"name": "Sudan", "code": "SD"}, 
-        {"name": "Suriname", "code": "SR"}, 
-        {"name": "Svalbard and Jan Mayen", "code": "SJ"}, 
-        {"name": "Swaziland", "code": "SZ"}, 
-        {"name": "Sweden", "code": "SE"}, 
-        {"name": "Switzerland", "code": "CH"}, 
-        {"name": "Syrian Arab Republic", "code": "SY"}, 
-        {"name": "Taiwan, Province of China", "code": "TW"}, 
-        {"name": "Tajikistan", "code": "TJ"}, 
-        {"name": "Tanzania, United Republic of", "code": "TZ"}, 
-        {"name": "Thailand", "code": "TH"}, 
-        {"name": "Timor-Leste", "code": "TL"}, 
-        {"name": "Togo", "code": "TG"}, 
-        {"name": "Tokelau", "code": "TK"}, 
-        {"name": "Tonga", "code": "TO"}, 
-        {"name": "Trinidad and Tobago", "code": "TT"}, 
-        {"name": "Tunisia", "code": "TN"}, 
-        {"name": "Turkey", "code": "TR"}, 
-        {"name": "Turkmenistan", "code": "TM"}, 
-        {"name": "Turks and Caicos Islands", "code": "TC"}, 
-        {"name": "Tuvalu", "code": "TV"}, 
-        {"name": "Uganda", "code": "UG"}, 
-        {"name": "Ukraine", "code": "UA"}, 
-        {"name": "United Arab Emirates", "code": "AE"}, 
-        {"name": "United Kingdom", "code": "GB"}, 
-        {"name": "United States", "code": "US"}, 
-        {"name": "United States Minor Outlying Islands", "code": "UM"}, 
-        {"name": "Uruguay", "code": "UY"}, 
-        {"name": "Uzbekistan", "code": "UZ"}, 
-        {"name": "Vanuatu", "code": "VU"}, 
-        {"name": "Venezuela", "code": "VE"}, 
-        {"name": "Viet Nam", "code": "VN"}, 
-        {"name": "Virgin Islands, British", "code": "VG"}, 
-        {"name": "Virgin Islands, U.S.", "code": "VI"}, 
-        {"name": "Wallis and Futuna", "code": "WF"}, 
-        {"name": "Western Sahara", "code": "EH"}, 
-        {"name": "Yemen", "code": "YE"}, 
-        {"name": "Zambia", "code": "ZM"}, 
-        {"name": "Zimbabwe", "code": "ZW"} 
-    ]
-}
\ No newline at end of file
diff --git a/src/assets/showcase/data/customers-large.json b/src/assets/showcase/data/customers-large.json
deleted file mode 100644
index 128335b..0000000
--- a/src/assets/showcase/data/customers-large.json
+++ /dev/null
@@ -1,3604 +0,0 @@
-{
-  "data":[
-     {
-        "id":1000,
-        "name":"James Butt",
-        "country":{
-           "name":"Algeria",
-           "code":"dz"
-        },
-        "company":"Benton, John B Jr",
-        "date":"2015-09-13",
-        "status":"unqualified",
-        "verified":true,
-        "activity":17,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":70663
-     },
-     {
-        "id":1001,
-        "name":"Josephine Darakjy",
-        "country":{
-           "name":"Egypt",
-           "code":"eg"
-        },
-        "company":"Chanay, Jeffrey A Esq",
-        "date":"2019-02-09",
-        "status":"proposal",
-        "verified":true,
-        "activity":0,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":82429
-     },
-     {
-        "id":1002,
-        "name":"Art Venere",
-        "country":{
-           "name":"Panama",
-           "code":"pa"
-        },
-        "company":"Chemel, James L Cpa",
-        "date":"2017-05-13",
-        "status":"qualified",
-        "verified":false,
-        "activity":63,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":28334
-     },
-     {
-        "id":1003,
-        "name":"Lenna Paprocki",
-        "country":{
-           "name":"Slovenia",
-           "code":"si"
-        },
-        "company":"Feltz Printing Service",
-        "date":"2020-09-15",
-        "status":"new",
-        "verified":false,
-        "activity":37,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":88521
-     },
-     {
-        "id":1004,
-        "name":"Donette Foller",
-        "country":{
-           "name":"South Africa",
-           "code":"za"
-        },
-        "company":"Printing Dimensions",
-        "date":"2016-05-20",
-        "status":"proposal",
-        "verified":true,
-        "activity":33,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":93905
-     },
-     {
-        "id":1005,
-        "name":"Simona Morasca",
-        "country":{
-           "name":"Egypt",
-           "code":"eg"
-        },
-        "company":"Chapman, Ross E Esq",
-        "date":"2018-02-16",
-        "status":"qualified",
-        "verified":false,
-        "activity":68,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":50041
-     },
-     {
-        "id":1006,
-        "name":"Mitsue Tollner",
-        "country":{
-           "name":"Paraguay",
-           "code":"py"
-        },
-        "company":"Morlong Associates",
-        "date":"2018-02-19",
-        "status":"renewal",
-        "verified":true,
-        "activity":54,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":58706
-     },
-     {
-        "id":1007,
-        "name":"Leota Dilliard",
-        "country":{
-           "name":"Serbia",
-           "code":"rs"
-        },
-        "company":"Commercial Press",
-        "date":"2019-08-13",
-        "status":"renewal",
-        "verified":true,
-        "activity":69,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":26640
-     },
-     {
-        "id":1008,
-        "name":"Sage Wieser",
-        "country":{
-           "name":"Egypt",
-           "code":"eg"
-        },
-        "company":"Truhlar And Truhlar Attys",
-        "date":"2018-11-21",
-        "status":"unqualified",
-        "verified":true,
-        "activity":76,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":65369
-     },
-     {
-        "id":1009,
-        "name":"Kris Marrier",
-        "country":{
-           "name":"Mexico",
-           "code":"mx"
-        },
-        "company":"King, Christopher A Esq",
-        "date":"2015-07-07",
-        "status":"proposal",
-        "verified":false,
-        "activity":3,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":63451
-     },
-     {
-        "id":1010,
-        "name":"Minna Amigon",
-        "country":{
-           "name":"Romania",
-           "code":"ro"
-        },
-        "company":"Dorl, James J Esq",
-        "date":"2018-11-07",
-        "status":"qualified",
-        "verified":false,
-        "activity":38,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":71169
-     },
-     {
-        "id":1011,
-        "name":"Abel Maclead",
-        "country":{
-           "name":"Singapore",
-           "code":"sg"
-        },
-        "company":"Rangoni Of Florence",
-        "date":"2017-03-11",
-        "status":"qualified",
-        "verified":true,
-        "activity":87,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":96842
-     },
-     {
-        "id":1012,
-        "name":"Kiley Caldarera",
-        "country":{
-           "name":"Serbia",
-           "code":"rs"
-        },
-        "company":"Feiner Bros",
-        "date":"2015-10-20",
-        "status":"unqualified",
-        "verified":false,
-        "activity":80,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":92734
-     },
-     {
-        "id":1013,
-        "name":"Graciela Ruta",
-        "country":{
-           "name":"Chile",
-           "code":"cl"
-        },
-        "company":"Buckley Miller & Wright",
-        "date":"2016-07-25",
-        "status":"negotiation",
-        "verified":false,
-        "activity":59,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":45250
-     },
-     {
-        "id":1014,
-        "name":"Cammy Albares",
-        "country":{
-           "name":"Philippines",
-           "code":"ph"
-        },
-        "company":"Rousseaux, Michael Esq",
-        "date":"2019-06-25",
-        "status":"new",
-        "verified":true,
-        "activity":90,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":30236
-     },
-     {
-        "id":1015,
-        "name":"Mattie Poquette",
-        "country":{
-           "name":"Venezuela",
-           "code":"ve"
-        },
-        "company":"Century Communications",
-        "date":"2017-12-12",
-        "status":"negotiation",
-        "verified":false,
-        "activity":52,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":64533
-     },
-     {
-        "id":1016,
-        "name":"Meaghan Garufi",
-        "country":{
-           "name":"Malaysia",
-           "code":"my"
-        },
-        "company":"Bolton, Wilbur Esq",
-        "date":"2018-07-04",
-        "status":"unqualified",
-        "verified":false,
-        "activity":31,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":37279
-     },
-     {
-        "id":1017,
-        "name":"Gladys Rim",
-        "country":{
-           "name":"Netherlands",
-           "code":"nl"
-        },
-        "company":"T M Byxbee Company Pc",
-        "date":"2020-02-27",
-        "status":"renewal",
-        "verified":true,
-        "activity":48,
-        "representative":{
-           "name":"Stephen Shaw",
-           "image":"stephenshaw.png"
-        },
-        "balance":27381
-     },
-     {
-        "id":1018,
-        "name":"Yuki Whobrey",
-        "country":{
-           "name":"Israel",
-           "code":"il"
-        },
-        "company":"Farmers Insurance Group",
-        "date":"2017-12-21",
-        "status":"negotiation",
-        "verified":true,
-        "activity":16,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":9257
-     },
-     {
-        "id":1019,
-        "name":"Fletcher Flosi",
-        "country":{
-           "name":"Argentina",
-           "code":"ar"
-        },
-        "company":"Post Box Services Plus",
-        "date":"2016-01-04",
-        "status":"renewal",
-        "verified":true,
-        "activity":19,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":67783
-     },
-     {
-        "id":1020,
-        "name":"Bette Nicka",
-        "country":{
-           "name":"Paraguay",
-           "code":"py"
-        },
-        "company":"Sport En Art",
-        "date":"2016-10-21",
-        "status":"renewal",
-        "verified":false,
-        "activity":100,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":4609
-     },
-     {
-        "id":1021,
-        "name":"Veronika Inouye",
-        "country":{
-           "name":"Ecuador",
-           "code":"ec"
-        },
-        "company":"C 4 Network Inc",
-        "date":"2017-03-24",
-        "status":"renewal",
-        "verified":false,
-        "activity":72,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":26565
-     },
-     {
-        "id":1022,
-        "name":"Willard Kolmetz",
-        "country":{
-           "name":"Tunisia",
-           "code":"tn"
-        },
-        "company":"Ingalls, Donald R Esq",
-        "date":"2017-04-15",
-        "status":"renewal",
-        "verified":true,
-        "activity":94,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":75876
-     },
-     {
-        "id":1023,
-        "name":"Maryann Royster",
-        "country":{
-           "name":"Belarus",
-           "code":"by"
-        },
-        "company":"Franklin, Peter L Esq",
-        "date":"2017-03-11",
-        "status":"qualified",
-        "verified":false,
-        "activity":56,
-        "representative":{
-           "name":"Elwin Sharvill",
-           "image":"elwinsharvill.png"
-        },
-        "balance":41121
-     },
-     {
-        "id":1024,
-        "name":"Alisha Slusarski",
-        "country":{
-           "name":"Iceland",
-           "code":"is"
-        },
-        "company":"Wtlz Power 107 Fm",
-        "date":"2018-03-27",
-        "status":"qualified",
-        "verified":true,
-        "activity":7,
-        "representative":{
-           "name":"Stephen Shaw",
-           "image":"stephenshaw.png"
-        },
-        "balance":91691
-     },
-     {
-        "id":1025,
-        "name":"Allene Iturbide",
-        "country":{
-           "name":"Italy",
-           "code":"it"
-        },
-        "company":"Ledecky, David Esq",
-        "date":"2016-02-20",
-        "status":"qualified",
-        "verified":true,
-        "activity":1,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":40137
-     },
-     {
-        "id":1026,
-        "name":"Chanel Caudy",
-        "country":{
-           "name":"Argentina",
-           "code":"ar"
-        },
-        "company":"Professional Image Inc",
-        "date":"2018-06-24",
-        "status":"new",
-        "verified":true,
-        "activity":26,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":21304
-     },
-     {
-        "id":1027,
-        "name":"Ezekiel Chui",
-        "country":{
-           "name":"Ireland",
-           "code":"ie"
-        },
-        "company":"Sider, Donald C Esq",
-        "date":"2016-09-24",
-        "status":"new",
-        "verified":false,
-        "activity":76,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":60454
-     },
-     {
-        "id":1028,
-        "name":"Willow Kusko",
-        "country":{
-           "name":"Romania",
-           "code":"ro"
-        },
-        "company":"U Pull It",
-        "date":"2020-04-11",
-        "status":"qualified",
-        "verified":true,
-        "activity":7,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":17565
-     },
-     {
-        "id":1029,
-        "name":"Bernardo Figeroa",
-        "country":{
-           "name":"Israel",
-           "code":"il"
-        },
-        "company":"Clark, Richard Cpa",
-        "date":"2018-04-11",
-        "status":"renewal",
-        "verified":true,
-        "activity":81,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":17774
-     },
-     {
-        "id":1030,
-        "name":"Ammie Corrio",
-        "country":{
-           "name":"Hungary",
-           "code":"hu"
-        },
-        "company":"Moskowitz, Barry S",
-        "date":"2016-06-11",
-        "status":"negotiation",
-        "verified":true,
-        "activity":56,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":49201
-     },
-     {
-        "id":1031,
-        "name":"Francine Vocelka",
-        "country":{
-           "name":"Honduras",
-           "code":"hn"
-        },
-        "company":"Cascade Realty Advisors Inc",
-        "date":"2017-08-02",
-        "status":"qualified",
-        "verified":true,
-        "activity":94,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":67126
-     },
-     {
-        "id":1032,
-        "name":"Ernie Stenseth",
-        "country":{
-           "name":"Australia",
-           "code":"au"
-        },
-        "company":"Knwz Newsradio",
-        "date":"2018-06-06",
-        "status":"renewal",
-        "verified":true,
-        "activity":68,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":76017
-     },
-     {
-        "id":1033,
-        "name":"Albina Glick",
-        "country":{
-           "name":"Ukraine",
-           "code":"ua"
-        },
-        "company":"Giampetro, Anthony D",
-        "date":"2019-08-08",
-        "status":"proposal",
-        "verified":true,
-        "activity":85,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":91201
-     },
-     {
-        "id":1034,
-        "name":"Alishia Sergi",
-        "country":{
-           "name":"Qatar",
-           "code":"qa"
-        },
-        "company":"Milford Enterprises Inc",
-        "date":"2018-05-19",
-        "status":"negotiation",
-        "verified":false,
-        "activity":46,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":12237
-     },
-     {
-        "id":1035,
-        "name":"Solange Shinko",
-        "country":{
-           "name":"Cameroon",
-           "code":"cm"
-        },
-        "company":"Mosocco, Ronald A",
-        "date":"2015-02-12",
-        "status":"qualified",
-        "verified":true,
-        "activity":32,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":34072
-     },
-     {
-        "id":1036,
-        "name":"Jose Stockham",
-        "country":{
-           "name":"Italy",
-           "code":"it"
-        },
-        "company":"Tri State Refueler Co",
-        "date":"2018-04-25",
-        "status":"qualified",
-        "verified":true,
-        "activity":77,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":94909
-     },
-     {
-        "id":1037,
-        "name":"Rozella Ostrosky",
-        "country":{
-           "name":"Venezuela",
-           "code":"ve"
-        },
-        "company":"Parkway Company",
-        "date":"2016-02-27",
-        "status":"unqualified",
-        "verified":true,
-        "activity":66,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":57245
-     },
-     {
-        "id":1038,
-        "name":"Valentine Gillian",
-        "country":{
-           "name":"Paraguay",
-           "code":"py"
-        },
-        "company":"Fbs Business Finance",
-        "date":"2019-09-17",
-        "status":"qualified",
-        "verified":true,
-        "activity":25,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":75502
-     },
-     {
-        "id":1039,
-        "name":"Kati Rulapaugh",
-        "country":{
-           "name":"Puerto Rico",
-           "code":"pr"
-        },
-        "company":"Eder Assocs Consltng Engrs Pc",
-        "date":"2016-12-03",
-        "status":"renewal",
-        "verified":false,
-        "activity":51,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":82075
-     },
-     {
-        "id":1040,
-        "name":"Youlanda Schemmer",
-        "country":{
-           "name":"Bolivia",
-           "code":"bo"
-        },
-        "company":"Tri M Tool Inc",
-        "date":"2017-12-15",
-        "status":"negotiation",
-        "verified":true,
-        "activity":49,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":19208
-     },
-     {
-        "id":1041,
-        "name":"Dyan Oldroyd",
-        "country":{
-           "name":"Argentina",
-           "code":"ar"
-        },
-        "company":"International Eyelets Inc",
-        "date":"2017-02-02",
-        "status":"qualified",
-        "verified":false,
-        "activity":5,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":50194
-     },
-     {
-        "id":1042,
-        "name":"Roxane Campain",
-        "country":{
-           "name":"France",
-           "code":"fr"
-        },
-        "company":"Rapid Trading Intl",
-        "date":"2018-12-25",
-        "status":"unqualified",
-        "verified":false,
-        "activity":100,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":77714
-     },
-     {
-        "id":1043,
-        "name":"Lavera Perin",
-        "country":{
-           "name":"Vietnam",
-           "code":"vn"
-        },
-        "company":"Abc Enterprises Inc",
-        "date":"2018-04-10",
-        "status":"qualified",
-        "verified":false,
-        "activity":71,
-        "representative":{
-           "name":"Stephen Shaw",
-           "image":"stephenshaw.png"
-        },
-        "balance":35740
-     },
-     {
-        "id":1044,
-        "name":"Erick Ferencz",
-        "country":{
-           "name":"Belgium",
-           "code":"be"
-        },
-        "company":"Cindy Turner Associates",
-        "date":"2018-05-06",
-        "status":"unqualified",
-        "verified":true,
-        "activity":54,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":30790
-     },
-     {
-        "id":1045,
-        "name":"Fatima Saylors",
-        "country":{
-           "name":"Canada",
-           "code":"ca"
-        },
-        "company":"Stanton, James D Esq",
-        "date":"2019-07-10",
-        "status":"renewal",
-        "verified":true,
-        "activity":93,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":52343
-     },
-     {
-        "id":1046,
-        "name":"Jina Briddick",
-        "country":{
-           "name":"Mexico",
-           "code":"mx"
-        },
-        "company":"Grace Pastries Inc",
-        "date":"2018-02-19",
-        "status":"unqualified",
-        "verified":false,
-        "activity":97,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":53966
-     },
-     {
-        "id":1047,
-        "name":"Kanisha Waycott",
-        "country":{
-           "name":"Ecuador",
-           "code":"ec"
-        },
-        "company":"Schroer, Gene E Esq",
-        "date":"2019-11-27",
-        "status":"new",
-        "verified":false,
-        "activity":80,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":9920
-     },
-     {
-        "id":1048,
-        "name":"Emerson Bowley",
-        "country":{
-           "name":"Finland",
-           "code":"fi"
-        },
-        "company":"Knights Inn",
-        "date":"2018-11-24",
-        "status":"new",
-        "verified":false,
-        "activity":63,
-        "representative":{
-           "name":"Stephen Shaw",
-           "image":"stephenshaw.png"
-        },
-        "balance":78069
-     },
-     {
-        "id":1049,
-        "name":"Blair Malet",
-        "country":{
-           "name":"Finland",
-           "code":"fi"
-        },
-        "company":"Bollinger Mach Shp & Shipyard",
-        "date":"2018-04-19",
-        "status":"new",
-        "verified":true,
-        "activity":92,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":65005
-     },
-     {
-        "id":1050,
-        "name":"Brock Bolognia",
-        "country":{
-           "name":"Bolivia",
-           "code":"bo"
-        },
-        "company":"Orinda News",
-        "date":"2019-09-06",
-        "status":"renewal",
-        "verified":true,
-        "activity":72,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":51038
-     },
-     {
-        "id":1051,
-        "name":"Lorrie Nestle",
-        "country":{
-           "name":"Germany",
-           "code":"de"
-        },
-        "company":"Ballard Spahr Andrews",
-        "date":"2018-04-26",
-        "status":"renewal",
-        "verified":false,
-        "activity":36,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":28218
-     },
-     {
-        "id":1052,
-        "name":"Sabra Uyetake",
-        "country":{
-           "name":"Peru",
-           "code":"pe"
-        },
-        "company":"Lowy Limousine Service",
-        "date":"2018-04-12",
-        "status":"new",
-        "verified":false,
-        "activity":31,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":78527
-     },
-     {
-        "id":1053,
-        "name":"Marjory Mastella",
-        "country":{
-           "name":"Netherlands",
-           "code":"nl"
-        },
-        "company":"Vicon Corporation",
-        "date":"2018-01-24",
-        "status":"negotiation",
-        "verified":false,
-        "activity":89,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":23381
-     },
-     {
-        "id":1054,
-        "name":"Karl Klonowski",
-        "country":{
-           "name":"Saudi Arabia",
-           "code":"sa"
-        },
-        "company":"Rossi, Michael M",
-        "date":"2017-04-17",
-        "status":"unqualified",
-        "verified":true,
-        "activity":27,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":64821
-     },
-     {
-        "id":1055,
-        "name":"Tonette Wenner",
-        "country":{
-           "name":"Australia",
-           "code":"au"
-        },
-        "company":"Northwest Publishing",
-        "date":"2019-04-14",
-        "status":"qualified",
-        "verified":false,
-        "activity":27,
-        "representative":{
-           "name":"Elwin Sharvill",
-           "image":"elwinsharvill.png"
-        },
-        "balance":55334
-     },
-     {
-        "id":1056,
-        "name":"Amber Monarrez",
-        "country":{
-           "name":"Sweden",
-           "code":"se"
-        },
-        "company":"Branford Wire & Mfg Co",
-        "date":"2019-09-09",
-        "status":"new",
-        "verified":false,
-        "activity":79,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":83391
-     },
-     {
-        "id":1057,
-        "name":"Shenika Seewald",
-        "country":{
-           "name":"Australia",
-           "code":"au"
-        },
-        "company":"East Coast Marketing",
-        "date":"2017-02-18",
-        "status":"renewal",
-        "verified":true,
-        "activity":39,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":31580
-     },
-     {
-        "id":1058,
-        "name":"Delmy Ahle",
-        "country":{
-           "name":"Belgium",
-           "code":"be"
-        },
-        "company":"Wye Technologies Inc",
-        "date":"2020-10-05",
-        "status":"unqualified",
-        "verified":false,
-        "activity":55,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":11723
-     },
-     {
-        "id":1059,
-        "name":"Deeanna Juhas",
-        "country":{
-           "name":"Sweden",
-           "code":"se"
-        },
-        "company":"Healy, George W Iv",
-        "date":"2018-09-28",
-        "status":"negotiation",
-        "verified":false,
-        "activity":79,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":8454
-     },
-     {
-        "id":1060,
-        "name":"Blondell Pugh",
-        "country":{
-           "name":"Ireland",
-           "code":"ie"
-        },
-        "company":"Alpenlite Inc",
-        "date":"2016-06-16",
-        "status":"renewal",
-        "verified":false,
-        "activity":49,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":99235
-     },
-     {
-        "id":1061,
-        "name":"Jamal Vanausdal",
-        "country":{
-           "name":"Morocco",
-           "code":"ma"
-        },
-        "company":"Hubbard, Bruce Esq",
-        "date":"2017-05-25",
-        "status":"proposal",
-        "verified":true,
-        "activity":87,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":15656
-     },
-     {
-        "id":1062,
-        "name":"Cecily Hollack",
-        "country":{
-           "name":"Bolivia",
-           "code":"bo"
-        },
-        "company":"Arthur A Oliver & Son Inc",
-        "date":"2020-05-09",
-        "status":"negotiation",
-        "verified":true,
-        "activity":5,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":60586
-     },
-     {
-        "id":1063,
-        "name":"Carmelina Lindall",
-        "country":{
-           "name":"Puerto Rico",
-           "code":"pr"
-        },
-        "company":"George Jessop Carter Jewelers",
-        "date":"2019-09-07",
-        "status":"qualified",
-        "verified":true,
-        "activity":77,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":86239
-     },
-     {
-        "id":1064,
-        "name":"Maurine Yglesias",
-        "country":{
-           "name":"Taiwan",
-           "code":"tw"
-        },
-        "company":"Schultz, Thomas C Md",
-        "date":"2015-08-10",
-        "status":"renewal",
-        "verified":false,
-        "activity":94,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":15621
-     },
-     {
-        "id":1065,
-        "name":"Tawna Buvens",
-        "country":{
-           "name":"Indonesia",
-           "code":"id"
-        },
-        "company":"H H H Enterprises Inc",
-        "date":"2018-03-20",
-        "status":"new",
-        "verified":false,
-        "activity":25,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":77248
-     },
-     {
-        "id":1066,
-        "name":"Penney Weight",
-        "country":{
-           "name":"South Africa",
-           "code":"za"
-        },
-        "company":"Hawaiian King Hotel",
-        "date":"2020-03-03",
-        "status":"qualified",
-        "verified":false,
-        "activity":96,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":478
-     },
-     {
-        "id":1067,
-        "name":"Elly Morocco",
-        "country":{
-           "name":"Thailand",
-           "code":"th"
-        },
-        "company":"Killion Industries",
-        "date":"2018-09-18",
-        "status":"qualified",
-        "verified":true,
-        "activity":38,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":62505
-     },
-     {
-        "id":1068,
-        "name":"Ilene Eroman",
-        "country":{
-           "name":"Netherlands",
-           "code":"nl"
-        },
-        "company":"Robinson, William J Esq",
-        "date":"2019-06-08",
-        "status":"new",
-        "verified":true,
-        "activity":49,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":91480
-     },
-     {
-        "id":1069,
-        "name":"Vallie Mondella",
-        "country":{
-           "name":"Latvia",
-           "code":"lv"
-        },
-        "company":"Private Properties",
-        "date":"2018-12-06",
-        "status":"new",
-        "verified":false,
-        "activity":16,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":21671
-     },
-     {
-        "id":1070,
-        "name":"Kallie Blackwood",
-        "country":{
-           "name":"Iceland",
-           "code":"is"
-        },
-        "company":"Rowley Schlimgen Inc",
-        "date":"2017-04-05",
-        "status":"unqualified",
-        "verified":false,
-        "activity":25,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":13775
-     },
-     {
-        "id":1071,
-        "name":"Johnetta Abdallah",
-        "country":{
-           "name":"Netherlands",
-           "code":"nl"
-        },
-        "company":"Forging Specialties",
-        "date":"2015-02-02",
-        "status":"new",
-        "verified":false,
-        "activity":16,
-        "representative":{
-           "name":"Elwin Sharvill",
-           "image":"elwinsharvill.png"
-        },
-        "balance":60253
-     },
-     {
-        "id":1072,
-        "name":"Bobbye Rhym",
-        "country":{
-           "name":"Ukraine",
-           "code":"ua"
-        },
-        "company":"Smits, Patricia Garity",
-        "date":"2018-08-17",
-        "status":"qualified",
-        "verified":true,
-        "activity":85,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":75225
-     },
-     {
-        "id":1073,
-        "name":"Micaela Rhymes",
-        "country":{
-           "name":"France",
-           "code":"fr"
-        },
-        "company":"H Lee Leonard Attorney At Law",
-        "date":"2018-09-08",
-        "status":"renewal",
-        "verified":true,
-        "activity":92,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":3308
-     },
-     {
-        "id":1074,
-        "name":"Tamar Hoogland",
-        "country":{
-           "name":"Guatemala",
-           "code":"gt"
-        },
-        "company":"A K Construction Co",
-        "date":"2018-11-13",
-        "status":"proposal",
-        "verified":true,
-        "activity":22,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":19711
-     },
-     {
-        "id":1075,
-        "name":"Moon Parlato",
-        "country":{
-           "name":"Czech Republic",
-           "code":"cz"
-        },
-        "company":"Ambelang, Jessica M Md",
-        "date":"2019-08-18",
-        "status":"renewal",
-        "verified":false,
-        "activity":64,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":55110
-     },
-     {
-        "id":1076,
-        "name":"Laurel Reitler",
-        "country":{
-           "name":"United Kingdom",
-           "code":"gb"
-        },
-        "company":"Q A Service",
-        "date":"2015-04-02",
-        "status":"negotiation",
-        "verified":false,
-        "activity":80,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":62392
-     },
-     {
-        "id":1077,
-        "name":"Delisa Crupi",
-        "country":{
-           "name":"Taiwan",
-           "code":"tw"
-        },
-        "company":"Wood & Whitacre Contractors",
-        "date":"2017-09-15",
-        "status":"unqualified",
-        "verified":false,
-        "activity":70,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":76530
-     },
-     {
-        "id":1078,
-        "name":"Viva Toelkes",
-        "country":{
-           "name":"United States",
-           "code":"us"
-        },
-        "company":"Mark Iv Press Ltd",
-        "date":"2017-03-27",
-        "status":"qualified",
-        "verified":false,
-        "activity":16,
-        "representative":{
-           "name":"Stephen Shaw",
-           "image":"stephenshaw.png"
-        },
-        "balance":7460
-     },
-     {
-        "id":1079,
-        "name":"Elza Lipke",
-        "country":{
-           "name":"Ireland",
-           "code":"ie"
-        },
-        "company":"Museum Of Science & Industry",
-        "date":"2017-06-01",
-        "status":"proposal",
-        "verified":true,
-        "activity":90,
-        "representative":{
-           "name":"Elwin Sharvill",
-           "image":"elwinsharvill.png"
-        },
-        "balance":42251
-     },
-     {
-        "id":1080,
-        "name":"Devorah Chickering",
-        "country":{
-           "name":"Spain",
-           "code":"es"
-        },
-        "company":"Garrison Ind",
-        "date":"2017-03-14",
-        "status":"proposal",
-        "verified":true,
-        "activity":96,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":36435
-     },
-     {
-        "id":1081,
-        "name":"Timothy Mulqueen",
-        "country":{
-           "name":"Netherlands",
-           "code":"nl"
-        },
-        "company":"Saronix Nymph Products",
-        "date":"2018-07-09",
-        "status":"renewal",
-        "verified":true,
-        "activity":77,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":39197
-     },
-     {
-        "id":1082,
-        "name":"Arlette Honeywell",
-        "country":{
-           "name":"Panama",
-           "code":"pa"
-        },
-        "company":"Smc Inc",
-        "date":"2018-09-11",
-        "status":"proposal",
-        "verified":true,
-        "activity":46,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":72707
-     },
-     {
-        "id":1083,
-        "name":"Dominque Dickerson",
-        "country":{
-           "name":"Argentina",
-           "code":"ar"
-        },
-        "company":"E A I Electronic Assocs Inc",
-        "date":"2017-11-12",
-        "status":"qualified",
-        "verified":true,
-        "activity":83,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":97965
-     },
-     {
-        "id":1084,
-        "name":"Lettie Isenhower",
-        "country":{
-           "name":"Canada",
-           "code":"ca"
-        },
-        "company":"Conte, Christopher A Esq",
-        "date":"2016-03-01",
-        "status":"qualified",
-        "verified":true,
-        "activity":83,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":5823
-     },
-     {
-        "id":1085,
-        "name":"Myra Munns",
-        "country":{
-           "name":"Lithuania",
-           "code":"lt"
-        },
-        "company":"Anker Law Office",
-        "date":"2016-05-21",
-        "status":"unqualified",
-        "verified":true,
-        "activity":49,
-        "representative":{
-           "name":"Elwin Sharvill",
-           "image":"elwinsharvill.png"
-        },
-        "balance":96471
-     },
-     {
-        "id":1086,
-        "name":"Stephaine Barfield",
-        "country":{
-           "name":"Belgium",
-           "code":"be"
-        },
-        "company":"Beutelschies & Company",
-        "date":"2016-01-22",
-        "status":"new",
-        "verified":true,
-        "activity":34,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":33710
-     },
-     {
-        "id":1087,
-        "name":"Lai Gato",
-        "country":{
-           "name":"Nigeria",
-           "code":"ng"
-        },
-        "company":"Fligg, Kenneth I Jr",
-        "date":"2016-07-26",
-        "status":"unqualified",
-        "verified":false,
-        "activity":64,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":30611
-     },
-     {
-        "id":1088,
-        "name":"Stephen Emigh",
-        "country":{
-           "name":"Cuba",
-           "code":"cu"
-        },
-        "company":"Sharp, J Daniel Esq",
-        "date":"2020-07-24",
-        "status":"renewal",
-        "verified":false,
-        "activity":51,
-        "representative":{
-           "name":"Elwin Sharvill",
-           "image":"elwinsharvill.png"
-        },
-        "balance":32960
-     },
-     {
-        "id":1089,
-        "name":"Tyra Shields",
-        "country":{
-           "name":"Honduras",
-           "code":"hn"
-        },
-        "company":"Assink, Anne H Esq",
-        "date":"2019-11-10",
-        "status":"negotiation",
-        "verified":false,
-        "activity":11,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":57423
-     },
-     {
-        "id":1090,
-        "name":"Tammara Wardrip",
-        "country":{
-           "name":"Saudi Arabia",
-           "code":"sa"
-        },
-        "company":"Jewel My Shop Inc",
-        "date":"2016-06-05",
-        "status":"renewal",
-        "verified":true,
-        "activity":64,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":23027
-     },
-     {
-        "id":1091,
-        "name":"Cory Gibes",
-        "country":{
-           "name":"Malaysia",
-           "code":"my"
-        },
-        "company":"Chinese Translation Resources",
-        "date":"2016-02-28",
-        "status":"new",
-        "verified":false,
-        "activity":44,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":84182
-     },
-     {
-        "id":1092,
-        "name":"Danica Bruschke",
-        "country":{
-           "name":"Taiwan",
-           "code":"tw"
-        },
-        "company":"Stevens, Charles T",
-        "date":"2018-12-13",
-        "status":"unqualified",
-        "verified":true,
-        "activity":62,
-        "representative":{
-           "name":"Stephen Shaw",
-           "image":"stephenshaw.png"
-        },
-        "balance":25237
-     },
-     {
-        "id":1093,
-        "name":"Wilda Giguere",
-        "country":{
-           "name":"Iceland",
-           "code":"is"
-        },
-        "company":"Mclaughlin, Luther W Cpa",
-        "date":"2017-06-16",
-        "status":"new",
-        "verified":true,
-        "activity":79,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":87736
-     },
-     {
-        "id":1094,
-        "name":"Elvera Benimadho",
-        "country":{
-           "name":"Malaysia",
-           "code":"my"
-        },
-        "company":"Tree Musketeers",
-        "date":"2019-02-17",
-        "status":"proposal",
-        "verified":true,
-        "activity":50,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":38674
-     },
-     {
-        "id":1095,
-        "name":"Carma Vanheusen",
-        "country":{
-           "name":"Turkey",
-           "code":"tr"
-        },
-        "company":"Springfield Div Oh Edison Co",
-        "date":"2019-11-26",
-        "status":"renewal",
-        "verified":false,
-        "activity":84,
-        "representative":{
-           "name":"Stephen Shaw",
-           "image":"stephenshaw.png"
-        },
-        "balance":67762
-     },
-     {
-        "id":1096,
-        "name":"Malinda Hochard",
-        "country":{
-           "name":"Serbia",
-           "code":"rs"
-        },
-        "company":"Logan Memorial Hospital",
-        "date":"2016-07-06",
-        "status":"new",
-        "verified":false,
-        "activity":88,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":81299
-     },
-     {
-        "id":1097,
-        "name":"Natalie Fern",
-        "country":{
-           "name":"Canada",
-           "code":"ca"
-        },
-        "company":"Kelly, Charles G Esq",
-        "date":"2019-10-02",
-        "status":"proposal",
-        "verified":true,
-        "activity":44,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":64794
-     },
-     {
-        "id":1098,
-        "name":"Lisha Centini",
-        "country":{
-           "name":"Netherlands",
-           "code":"nl"
-        },
-        "company":"Industrial Paper Shredders Inc",
-        "date":"2018-07-05",
-        "status":"new",
-        "verified":true,
-        "activity":7,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":7815
-     },
-     {
-        "id":1099,
-        "name":"Arlene Klusman",
-        "country":{
-           "name":"Jamaica",
-           "code":"jm"
-        },
-        "company":"Beck Horizon Builders",
-        "date":"2018-05-14",
-        "status":"proposal",
-        "verified":true,
-        "activity":99,
-        "representative":{
-           "name":"Elwin Sharvill",
-           "image":"elwinsharvill.png"
-        },
-        "balance":37976
-     },
-     {
-        "id":1100,
-        "name":"Alease Buemi",
-        "country":{
-           "name":"Costa Rica",
-           "code":"cr"
-        },
-        "company":"Porto Cayo At Hawks Cay",
-        "date":"2018-03-14",
-        "status":"unqualified",
-        "verified":true,
-        "activity":0,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":59594
-     },
-     {
-        "id":1101,
-        "name":"Louisa Cronauer",
-        "country":{
-           "name":"Costa Rica",
-           "code":"cr"
-        },
-        "company":"Pacific Grove Museum Ntrl Hist",
-        "date":"2018-09-23",
-        "status":"qualified",
-        "verified":false,
-        "activity":3,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":92528
-     },
-     {
-        "id":1102,
-        "name":"Angella Cetta",
-        "country":{
-           "name":"Vietnam",
-           "code":"vn"
-        },
-        "company":"Bender & Hatley Pc",
-        "date":"2018-04-10",
-        "status":"qualified",
-        "verified":false,
-        "activity":88,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":58964
-     },
-     {
-        "id":1103,
-        "name":"Cyndy Goldammer",
-        "country":{
-           "name":"Burkina Faso",
-           "code":"bf"
-        },
-        "company":"Di Cristina J & Son",
-        "date":"2017-09-18",
-        "status":"unqualified",
-        "verified":false,
-        "activity":92,
-        "representative":{
-           "name":"Stephen Shaw",
-           "image":"stephenshaw.png"
-        },
-        "balance":65860
-     },
-     {
-        "id":1104,
-        "name":"Rosio Cork",
-        "country":{
-           "name":"Singapore",
-           "code":"sg"
-        },
-        "company":"Green Goddess",
-        "date":"2017-08-19",
-        "status":"negotiation",
-        "verified":true,
-        "activity":19,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":63863
-     },
-     {
-        "id":1105,
-        "name":"Celeste Korando",
-        "country":{
-           "name":"Costa Rica",
-           "code":"cr"
-        },
-        "company":"American Arts & Graphics",
-        "date":"2020-06-18",
-        "status":"proposal",
-        "verified":true,
-        "activity":21,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":37510
-     },
-     {
-        "id":1106,
-        "name":"Twana Felger",
-        "country":{
-           "name":"Croatia",
-           "code":"hr"
-        },
-        "company":"Opryland Hotel",
-        "date":"2016-11-18",
-        "status":"negotiation",
-        "verified":false,
-        "activity":97,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":63876
-     },
-     {
-        "id":1107,
-        "name":"Estrella Samu",
-        "country":{
-           "name":"Vietnam",
-           "code":"vn"
-        },
-        "company":"Marking Devices Pubg Co",
-        "date":"2017-06-25",
-        "status":"unqualified",
-        "verified":false,
-        "activity":27,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":93263
-     },
-     {
-        "id":1108,
-        "name":"Donte Kines",
-        "country":{
-           "name":"Slovakia",
-           "code":"sk"
-        },
-        "company":"W Tc Industries Inc",
-        "date":"2019-02-16",
-        "status":"new",
-        "verified":true,
-        "activity":35,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":57198
-     },
-     {
-        "id":1109,
-        "name":"Tiffiny Steffensmeier",
-        "country":{
-           "name":"Pakistan",
-           "code":"pk"
-        },
-        "company":"Whitehall Robbins Labs Divsn",
-        "date":"2018-03-11",
-        "status":"new",
-        "verified":true,
-        "activity":81,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":89147
-     },
-     {
-        "id":1110,
-        "name":"Edna Miceli",
-        "country":{
-           "name":"France",
-           "code":"fr"
-        },
-        "company":"Sampler",
-        "date":"2017-10-15",
-        "status":"renewal",
-        "verified":true,
-        "activity":54,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":41466
-     },
-     {
-        "id":1111,
-        "name":"Sue Kownacki",
-        "country":{
-           "name":"Jamaica",
-           "code":"jm"
-        },
-        "company":"Juno Chefs Incorporated",
-        "date":"2017-03-17",
-        "status":"proposal",
-        "verified":false,
-        "activity":31,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":38918
-     },
-     {
-        "id":1112,
-        "name":"Jesusa Shin",
-        "country":{
-           "name":"Ukraine",
-           "code":"ua"
-        },
-        "company":"Carroccio, A Thomas Esq",
-        "date":"2017-04-06",
-        "status":"renewal",
-        "verified":false,
-        "activity":28,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":11397
-     },
-     {
-        "id":1113,
-        "name":"Rolland Francescon",
-        "country":{
-           "name":"United Kingdom",
-           "code":"gb"
-        },
-        "company":"Stanley, Richard L Esq",
-        "date":"2019-02-03",
-        "status":"qualified",
-        "verified":false,
-        "activity":45,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":40930
-     },
-     {
-        "id":1114,
-        "name":"Pamella Schmierer",
-        "country":{
-           "name":"Belgium",
-           "code":"be"
-        },
-        "company":"K Cs Cstm Mouldings Windows",
-        "date":"2016-09-22",
-        "status":"unqualified",
-        "verified":true,
-        "activity":34,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":40847
-     },
-     {
-        "id":1115,
-        "name":"Glory Kulzer",
-        "country":{
-           "name":"Croatia",
-           "code":"hr"
-        },
-        "company":"Comfort Inn",
-        "date":"2017-09-27",
-        "status":"unqualified",
-        "verified":true,
-        "activity":36,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":27832
-     },
-     {
-        "id":1116,
-        "name":"Shawna Palaspas",
-        "country":{
-           "name":"Estonia",
-           "code":"ee"
-        },
-        "company":"Windsor, James L Esq",
-        "date":"2017-06-25",
-        "status":"unqualified",
-        "verified":true,
-        "activity":69,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":89060
-     },
-     {
-        "id":1117,
-        "name":"Brandon Callaro",
-        "country":{
-           "name":"Romania",
-           "code":"ro"
-        },
-        "company":"Jackson Shields Yeiser",
-        "date":"2016-07-13",
-        "status":"proposal",
-        "verified":true,
-        "activity":55,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":52474
-     },
-     {
-        "id":1118,
-        "name":"Scarlet Cartan",
-        "country":{
-           "name":"Panama",
-           "code":"pa"
-        },
-        "company":"Box, J Calvin Esq",
-        "date":"2018-09-13",
-        "status":"renewal",
-        "verified":false,
-        "activity":1,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":19094
-     },
-     {
-        "id":1119,
-        "name":"Oretha Menter",
-        "country":{
-           "name":"Panama",
-           "code":"pa"
-        },
-        "company":"Custom Engineering Inc",
-        "date":"2017-09-11",
-        "status":"renewal",
-        "verified":false,
-        "activity":8,
-        "representative":{
-           "name":"Elwin Sharvill",
-           "image":"elwinsharvill.png"
-        },
-        "balance":93756
-     },
-     {
-        "id":1120,
-        "name":"Ty Smith",
-        "country":{
-           "name":"United States",
-           "code":"us"
-        },
-        "company":"Bresler Eitel Framg Gllry Ltd",
-        "date":"2019-07-06",
-        "status":"unqualified",
-        "verified":false,
-        "activity":50,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":77388
-     },
-     {
-        "id":1121,
-        "name":"Xuan Rochin",
-        "country":{
-           "name":"Colombia",
-           "code":"co"
-        },
-        "company":"Carol, Drake Sparks Esq",
-        "date":"2018-05-22",
-        "status":"proposal",
-        "verified":true,
-        "activity":77,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":48759
-     },
-     {
-        "id":1122,
-        "name":"Lindsey Dilello",
-        "country":{
-           "name":"Austria",
-           "code":"at"
-        },
-        "company":"Biltmore Investors Bank",
-        "date":"2017-07-18",
-        "status":"renewal",
-        "verified":true,
-        "activity":65,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":37568
-     },
-     {
-        "id":1123,
-        "name":"Devora Perez",
-        "country":{
-           "name":"Uruguay",
-           "code":"uy"
-        },
-        "company":"Desco Equipment Corp",
-        "date":"2017-10-09",
-        "status":"unqualified",
-        "verified":true,
-        "activity":30,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":4477
-     },
-     {
-        "id":1124,
-        "name":"Herman Demesa",
-        "country":{
-           "name":"Paraguay",
-           "code":"py"
-        },
-        "company":"Merlin Electric Co",
-        "date":"2019-05-23",
-        "status":"proposal",
-        "verified":true,
-        "activity":10,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":13764
-     },
-     {
-        "id":1125,
-        "name":"Rory Papasergi",
-        "country":{
-           "name":"Egypt",
-           "code":"eg"
-        },
-        "company":"Bailey Cntl Co Div Babcock",
-        "date":"2019-03-02",
-        "status":"qualified",
-        "verified":false,
-        "activity":22,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":68222
-     },
-     {
-        "id":1126,
-        "name":"Talia Riopelle",
-        "country":{
-           "name":"Guatemala",
-           "code":"gt"
-        },
-        "company":"Ford Brothers Wholesale Inc",
-        "date":"2017-02-18",
-        "status":"new",
-        "verified":false,
-        "activity":69,
-        "representative":{
-           "name":"Elwin Sharvill",
-           "image":"elwinsharvill.png"
-        },
-        "balance":29164
-     },
-     {
-        "id":1127,
-        "name":"Van Shire",
-        "country":{
-           "name":"Netherlands",
-           "code":"nl"
-        },
-        "company":"Cambridge Inn",
-        "date":"2020-05-12",
-        "status":"new",
-        "verified":false,
-        "activity":4,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":61651
-     },
-     {
-        "id":1128,
-        "name":"Lucina Lary",
-        "country":{
-           "name":"Switzerland",
-           "code":"ch"
-        },
-        "company":"Matricciani, Albert J Jr",
-        "date":"2019-11-20",
-        "status":"negotiation",
-        "verified":true,
-        "activity":11,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":79938
-     },
-     {
-        "id":1129,
-        "name":"Bok Isaacs",
-        "country":{
-           "name":"Chile",
-           "code":"cl"
-        },
-        "company":"Nelson Hawaiian Ltd",
-        "date":"2016-11-10",
-        "status":"proposal",
-        "verified":true,
-        "activity":41,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":44037
-     },
-     {
-        "id":1130,
-        "name":"Rolande Spickerman",
-        "country":{
-           "name":"Panama",
-           "code":"pa"
-        },
-        "company":"Neland Travel Agency",
-        "date":"2016-07-11",
-        "status":"renewal",
-        "verified":true,
-        "activity":84,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":89918
-     },
-     {
-        "id":1131,
-        "name":"Howard Paulas",
-        "country":{
-           "name":"Indonesia",
-           "code":"id"
-        },
-        "company":"Asendorf, J Alan Esq",
-        "date":"2017-07-17",
-        "status":"negotiation",
-        "verified":false,
-        "activity":22,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":32372
-     },
-     {
-        "id":1132,
-        "name":"Kimbery Madarang",
-        "country":{
-           "name":"Senegal",
-           "code":"sn"
-        },
-        "company":"Silberman, Arthur L Esq",
-        "date":"2018-08-19",
-        "status":"negotiation",
-        "verified":true,
-        "activity":63,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":46478
-     },
-     {
-        "id":1133,
-        "name":"Thurman Manno",
-        "country":{
-           "name":"Colombia",
-           "code":"co"
-        },
-        "company":"Honey Bee Breeding Genetics &",
-        "date":"2016-05-02",
-        "status":"qualified",
-        "verified":true,
-        "activity":47,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":30674
-     },
-     {
-        "id":1134,
-        "name":"Becky Mirafuentes",
-        "country":{
-           "name":"Serbia",
-           "code":"rs"
-        },
-        "company":"Wells Kravitz Schnitzer",
-        "date":"2018-04-13",
-        "status":"unqualified",
-        "verified":true,
-        "activity":62,
-        "representative":{
-           "name":"Elwin Sharvill",
-           "image":"elwinsharvill.png"
-        },
-        "balance":47714
-     },
-     {
-        "id":1135,
-        "name":"Beatriz Corrington",
-        "country":{
-           "name":"South Africa",
-           "code":"za"
-        },
-        "company":"Prohab Rehabilitation Servs",
-        "date":"2020-01-04",
-        "status":"renewal",
-        "verified":true,
-        "activity":55,
-        "representative":{
-           "name":"Stephen Shaw",
-           "image":"stephenshaw.png"
-        },
-        "balance":14307
-     },
-     {
-        "id":1136,
-        "name":"Marti Maybury",
-        "country":{
-           "name":"Thailand",
-           "code":"th"
-        },
-        "company":"Eldridge, Kristin K Esq",
-        "date":"2016-02-05",
-        "status":"unqualified",
-        "verified":false,
-        "activity":3,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":82069
-     },
-     {
-        "id":1137,
-        "name":"Nieves Gotter",
-        "country":{
-           "name":"Latvia",
-           "code":"lv"
-        },
-        "company":"Vlahos, John J Esq",
-        "date":"2017-03-12",
-        "status":"proposal",
-        "verified":false,
-        "activity":3,
-        "representative":{
-           "name":"Elwin Sharvill",
-           "image":"elwinsharvill.png"
-        },
-        "balance":11182
-     },
-     {
-        "id":1138,
-        "name":"Leatha Hagele",
-        "country":{
-           "name":"Ukraine",
-           "code":"ua"
-        },
-        "company":"Ninas Indian Grs & Videos",
-        "date":"2019-03-27",
-        "status":"unqualified",
-        "verified":false,
-        "activity":67,
-        "representative":{
-           "name":"Stephen Shaw",
-           "image":"stephenshaw.png"
-        },
-        "balance":17126
-     },
-     {
-        "id":1139,
-        "name":"Valentin Klimek",
-        "country":{
-           "name":"Ivory Coast",
-           "code":"ci"
-        },
-        "company":"Schmid, Gayanne K Esq",
-        "date":"2019-08-06",
-        "status":"unqualified",
-        "verified":true,
-        "activity":14,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":19724
-     },
-     {
-        "id":1140,
-        "name":"Melissa Wiklund",
-        "country":{
-           "name":"Japan",
-           "code":"jp"
-        },
-        "company":"Moapa Valley Federal Credit Un",
-        "date":"2018-03-20",
-        "status":"qualified",
-        "verified":true,
-        "activity":8,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":91888
-     },
-     {
-        "id":1141,
-        "name":"Sheridan Zane",
-        "country":{
-           "name":"Croatia",
-           "code":"hr"
-        },
-        "company":"Kentucky Tennessee Clay Co",
-        "date":"2016-02-15",
-        "status":"qualified",
-        "verified":true,
-        "activity":17,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":15016
-     },
-     {
-        "id":1142,
-        "name":"Bulah Padilla",
-        "country":{
-           "name":"Philippines",
-           "code":"ph"
-        },
-        "company":"Admiral Party Rentals & Sales",
-        "date":"2016-02-10",
-        "status":"proposal",
-        "verified":false,
-        "activity":58,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":23118
-     },
-     {
-        "id":1143,
-        "name":"Audra Kohnert",
-        "country":{
-           "name":"Netherlands",
-           "code":"nl"
-        },
-        "company":"Nelson, Karolyn King Esq",
-        "date":"2019-07-16",
-        "status":"unqualified",
-        "verified":false,
-        "activity":82,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":90560
-     },
-     {
-        "id":1144,
-        "name":"Daren Weirather",
-        "country":{
-           "name":"Israel",
-           "code":"il"
-        },
-        "company":"Panasystems",
-        "date":"2015-07-23",
-        "status":"negotiation",
-        "verified":false,
-        "activity":96,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":34155
-     },
-     {
-        "id":1145,
-        "name":"Fernanda Jillson",
-        "country":{
-           "name":"Mexico",
-           "code":"mx"
-        },
-        "company":"Shank, Edward L Esq",
-        "date":"2017-07-02",
-        "status":"unqualified",
-        "verified":true,
-        "activity":92,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":6350
-     },
-     {
-        "id":1146,
-        "name":"Gearldine Gellinger",
-        "country":{
-           "name":"Egypt",
-           "code":"eg"
-        },
-        "company":"Megibow & Edwards",
-        "date":"2019-08-17",
-        "status":"proposal",
-        "verified":true,
-        "activity":18,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":77641
-     },
-     {
-        "id":1147,
-        "name":"Chau Kitzman",
-        "country":{
-           "name":"Paraguay",
-           "code":"py"
-        },
-        "company":"Benoff, Edward Esq",
-        "date":"2019-07-04",
-        "status":"new",
-        "verified":true,
-        "activity":9,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":43289
-     },
-     {
-        "id":1148,
-        "name":"Theola Frey",
-        "country":{
-           "name":"Vietnam",
-           "code":"vn"
-        },
-        "company":"Woodbridge Free Public Library",
-        "date":"2020-03-14",
-        "status":"unqualified",
-        "verified":true,
-        "activity":44,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":85657
-     },
-     {
-        "id":1149,
-        "name":"Cheryl Haroldson",
-        "country":{
-           "name":"France",
-           "code":"fr"
-        },
-        "company":"New York Life John Thune",
-        "date":"2018-04-03",
-        "status":"new",
-        "verified":false,
-        "activity":55,
-        "representative":{
-           "name":"Elwin Sharvill",
-           "image":"elwinsharvill.png"
-        },
-        "balance":82733
-     },
-     {
-        "id":1150,
-        "name":"Laticia Merced",
-        "country":{
-           "name":"Burkina Faso",
-           "code":"bf"
-        },
-        "company":"Alinabal Inc",
-        "date":"2017-03-04",
-        "status":"unqualified",
-        "verified":false,
-        "activity":21,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":38004
-     },
-     {
-        "id":1151,
-        "name":"Carissa Batman",
-        "country":{
-           "name":"Greece",
-           "code":"gr"
-        },
-        "company":"Poletto, Kim David Esq",
-        "date":"2016-05-05",
-        "status":"negotiation",
-        "verified":true,
-        "activity":91,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":29038
-     },
-     {
-        "id":1152,
-        "name":"Lezlie Craghead",
-        "country":{
-           "name":"Panama",
-           "code":"pa"
-        },
-        "company":"Chang, Carolyn Esq",
-        "date":"2019-05-28",
-        "status":"renewal",
-        "verified":false,
-        "activity":30,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":75123
-     },
-     {
-        "id":1153,
-        "name":"Ozell Shealy",
-        "country":{
-           "name":"Pakistan",
-           "code":"pk"
-        },
-        "company":"Silver Bros Inc",
-        "date":"2016-08-19",
-        "status":"proposal",
-        "verified":true,
-        "activity":14,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":33214
-     },
-     {
-        "id":1154,
-        "name":"Arminda Parvis",
-        "country":{
-           "name":"Indonesia",
-           "code":"id"
-        },
-        "company":"Newtec Inc",
-        "date":"2020-02-09",
-        "status":"proposal",
-        "verified":true,
-        "activity":77,
-        "representative":{
-           "name":"Elwin Sharvill",
-           "image":"elwinsharvill.png"
-        },
-        "balance":80651
-     },
-     {
-        "id":1155,
-        "name":"Reita Leto",
-        "country":{
-           "name":"Belgium",
-           "code":"be"
-        },
-        "company":"Creative Business Systems",
-        "date":"2020-04-03",
-        "status":"unqualified",
-        "verified":true,
-        "activity":58,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":5085
-     },
-     {
-        "id":1156,
-        "name":"Yolando Luczki",
-        "country":{
-           "name":"France",
-           "code":"fr"
-        },
-        "company":"Dal Tile Corporation",
-        "date":"2015-01-27",
-        "status":"renewal",
-        "verified":true,
-        "activity":78,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":93021
-     },
-     {
-        "id":1157,
-        "name":"Lizette Stem",
-        "country":{
-           "name":"Slovakia",
-           "code":"sk"
-        },
-        "company":"Edward S Katz",
-        "date":"2018-08-06",
-        "status":"new",
-        "verified":false,
-        "activity":67,
-        "representative":{
-           "name":"Stephen Shaw",
-           "image":"stephenshaw.png"
-        },
-        "balance":37287
-     },
-     {
-        "id":1158,
-        "name":"Gregoria Pawlowicz",
-        "country":{
-           "name":"Egypt",
-           "code":"eg"
-        },
-        "company":"Oh My Goodknits Inc",
-        "date":"2020-02-20",
-        "status":"renewal",
-        "verified":false,
-        "activity":29,
-        "representative":{
-           "name":"Stephen Shaw",
-           "image":"stephenshaw.png"
-        },
-        "balance":73070
-     },
-     {
-        "id":1159,
-        "name":"Carin Deleo",
-        "country":{
-           "name":"China",
-           "code":"cn"
-        },
-        "company":"Redeker, Debbie",
-        "date":"2015-05-28",
-        "status":"qualified",
-        "verified":true,
-        "activity":13,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":64422
-     },
-     {
-        "id":1160,
-        "name":"Chantell Maynerich",
-        "country":{
-           "name":"Estonia",
-           "code":"ee"
-        },
-        "company":"Desert Sands Motel",
-        "date":"2016-09-05",
-        "status":"unqualified",
-        "verified":true,
-        "activity":75,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":36826
-     },
-     {
-        "id":1161,
-        "name":"Dierdre Yum",
-        "country":{
-           "name":"Czech Republic",
-           "code":"cz"
-        },
-        "company":"Cummins Southern Plains Inc",
-        "date":"2016-12-20",
-        "status":"negotiation",
-        "verified":true,
-        "activity":1,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":93101
-     },
-     {
-        "id":1162,
-        "name":"Larae Gudroe",
-        "country":{
-           "name":"Slovenia",
-           "code":"si"
-        },
-        "company":"Lehigh Furn Divsn Lehigh",
-        "date":"2015-11-28",
-        "status":"unqualified",
-        "verified":false,
-        "activity":13,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":60177
-     },
-     {
-        "id":1163,
-        "name":"Latrice Tolfree",
-        "country":{
-           "name":"Jamaica",
-           "code":"jm"
-        },
-        "company":"United Van Lines Agent",
-        "date":"2018-11-11",
-        "status":"renewal",
-        "verified":false,
-        "activity":73,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":47198
-     },
-     {
-        "id":1164,
-        "name":"Kerry Theodorov",
-        "country":{
-           "name":"Romania",
-           "code":"ro"
-        },
-        "company":"Capitol Reporters",
-        "date":"2016-11-05",
-        "status":"unqualified",
-        "verified":true,
-        "activity":76,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":71305
-     },
-     {
-        "id":1165,
-        "name":"Dorthy Hidvegi",
-        "country":{
-           "name":"Poland",
-           "code":"pl"
-        },
-        "company":"Kwik Kopy Printing",
-        "date":"2020-08-13",
-        "status":"qualified",
-        "verified":true,
-        "activity":60,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":17526
-     },
-     {
-        "id":1166,
-        "name":"Fannie Lungren",
-        "country":{
-           "name":"Belarus",
-           "code":"by"
-        },
-        "company":"Centro Inc",
-        "date":"2015-07-06",
-        "status":"negotiation",
-        "verified":true,
-        "activity":24,
-        "representative":{
-           "name":"Stephen Shaw",
-           "image":"stephenshaw.png"
-        },
-        "balance":16596
-     },
-     {
-        "id":1167,
-        "name":"Evangelina Radde",
-        "country":{
-           "name":"Ivory Coast",
-           "code":"ci"
-        },
-        "company":"Campbell, Jan Esq",
-        "date":"2020-02-25",
-        "status":"unqualified",
-        "verified":true,
-        "activity":93,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":56870
-     },
-     {
-        "id":1168,
-        "name":"Novella Degroot",
-        "country":{
-           "name":"Slovenia",
-           "code":"si"
-        },
-        "company":"Evans, C Kelly Esq",
-        "date":"2017-12-19",
-        "status":"unqualified",
-        "verified":false,
-        "activity":30,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":82928
-     },
-     {
-        "id":1169,
-        "name":"Clay Hoa",
-        "country":{
-           "name":"Paraguay",
-           "code":"py"
-        },
-        "company":"Scat Enterprises",
-        "date":"2016-02-22",
-        "status":"negotiation",
-        "verified":false,
-        "activity":93,
-        "representative":{
-           "name":"Amy Elsner",
-           "image":"amyelsner.png"
-        },
-        "balance":64181
-     },
-     {
-        "id":1170,
-        "name":"Jennifer Fallick",
-        "country":{
-           "name":"Australia",
-           "code":"au"
-        },
-        "company":"Nagle, Daniel J Esq",
-        "date":"2016-12-24",
-        "status":"unqualified",
-        "verified":true,
-        "activity":88,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":30561
-     },
-     {
-        "id":1171,
-        "name":"Irma Wolfgramm",
-        "country":{
-           "name":"Belgium",
-           "code":"be"
-        },
-        "company":"Serendiquity Bed & Breakfast",
-        "date":"2020-10-18",
-        "status":"negotiation",
-        "verified":true,
-        "activity":70,
-        "representative":{
-           "name":"Stephen Shaw",
-           "image":"stephenshaw.png"
-        },
-        "balance":24617
-     },
-     {
-        "id":1172,
-        "name":"Eun Coody",
-        "country":{
-           "name":"Taiwan",
-           "code":"tw"
-        },
-        "company":"Ray Carolyne Realty",
-        "date":"2018-02-12",
-        "status":"qualified",
-        "verified":true,
-        "activity":61,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":77860
-     },
-     {
-        "id":1173,
-        "name":"Sylvia Cousey",
-        "country":{
-           "name":"Ireland",
-           "code":"ie"
-        },
-        "company":"Berg, Charles E",
-        "date":"2018-06-10",
-        "status":"unqualified",
-        "verified":false,
-        "activity":91,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":25664
-     },
-     {
-        "id":1174,
-        "name":"Nana Wrinkles",
-        "country":{
-           "name":"Austria",
-           "code":"at"
-        },
-        "company":"Ray, Milbern D",
-        "date":"2017-04-11",
-        "status":"renewal",
-        "verified":true,
-        "activity":98,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":98113
-     },
-     {
-        "id":1175,
-        "name":"Layla Springe",
-        "country":{
-           "name":"South Africa",
-           "code":"za"
-        },
-        "company":"Chadds Ford Winery",
-        "date":"2019-07-27",
-        "status":"unqualified",
-        "verified":true,
-        "activity":97,
-        "representative":{
-           "name":"Ioni Bowcher",
-           "image":"ionibowcher.png"
-        },
-        "balance":14763
-     },
-     {
-        "id":1176,
-        "name":"Joesph Degonia",
-        "country":{
-           "name":"Serbia",
-           "code":"rs"
-        },
-        "company":"A R Packaging",
-        "date":"2020-04-23",
-        "status":"renewal",
-        "verified":true,
-        "activity":56,
-        "representative":{
-           "name":"Elwin Sharvill",
-           "image":"elwinsharvill.png"
-        },
-        "balance":31317
-     },
-     {
-        "id":1177,
-        "name":"Annabelle Boord",
-        "country":{
-           "name":"Guatemala",
-           "code":"gt"
-        },
-        "company":"Corn Popper",
-        "date":"2020-09-16",
-        "status":"proposal",
-        "verified":true,
-        "activity":76,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":30883
-     },
-     {
-        "id":1178,
-        "name":"Stephaine Vinning",
-        "country":{
-           "name":"Australia",
-           "code":"au"
-        },
-        "company":"Birite Foodservice Distr",
-        "date":"2016-05-14",
-        "status":"negotiation",
-        "verified":true,
-        "activity":43,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":93785
-     },
-     {
-        "id":1179,
-        "name":"Nelida Sawchuk",
-        "country":{
-           "name":"South Africa",
-           "code":"za"
-        },
-        "company":"Anchorage Museum Of Hist & Art",
-        "date":"2018-06-22",
-        "status":"qualified",
-        "verified":true,
-        "activity":58,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":68380
-     },
-     {
-        "id":1180,
-        "name":"Marguerita Hiatt",
-        "country":{
-           "name":"United Kingdom",
-           "code":"gb"
-        },
-        "company":"Haber, George D Md",
-        "date":"2018-10-25",
-        "status":"qualified",
-        "verified":false,
-        "activity":72,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":93454
-     },
-     {
-        "id":1181,
-        "name":"Carmela Cookey",
-        "country":{
-           "name":"France",
-           "code":"fr"
-        },
-        "company":"Royal Pontiac Olds Inc",
-        "date":"2018-07-19",
-        "status":"proposal",
-        "verified":false,
-        "activity":24,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":30570
-     },
-     {
-        "id":1182,
-        "name":"Junita Brideau",
-        "country":{
-           "name":"Indonesia",
-           "code":"id"
-        },
-        "company":"Leonards Antiques Inc",
-        "date":"2015-03-15",
-        "status":"proposal",
-        "verified":true,
-        "activity":86,
-        "representative":{
-           "name":"Anna Fali",
-           "image":"annafali.png"
-        },
-        "balance":79506
-     },
-     {
-        "id":1183,
-        "name":"Claribel Varriano",
-        "country":{
-           "name":"Ecuador",
-           "code":"ec"
-        },
-        "company":"Meca",
-        "date":"2017-04-14",
-        "status":"unqualified",
-        "verified":true,
-        "activity":15,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":8654
-     },
-     {
-        "id":1184,
-        "name":"Benton Skursky",
-        "country":{
-           "name":"Iceland",
-           "code":"is"
-        },
-        "company":"Nercon Engineering & Mfg Inc",
-        "date":"2015-02-19",
-        "status":"proposal",
-        "verified":true,
-        "activity":9,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":13368
-     },
-     {
-        "id":1185,
-        "name":"Hillary Skulski",
-        "country":{
-           "name":"France",
-           "code":"fr"
-        },
-        "company":"Replica I",
-        "date":"2016-03-25",
-        "status":"unqualified",
-        "verified":true,
-        "activity":82,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":92631
-     },
-     {
-        "id":1186,
-        "name":"Merilyn Bayless",
-        "country":{
-           "name":"Jamaica",
-           "code":"jm"
-        },
-        "company":"20 20 Printing Inc",
-        "date":"2020-10-13",
-        "status":"unqualified",
-        "verified":true,
-        "activity":13,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":4989
-     },
-     {
-        "id":1187,
-        "name":"Teri Ennaco",
-        "country":{
-           "name":"Pakistan",
-           "code":"pk"
-        },
-        "company":"Publishers Group West",
-        "date":"2019-12-21",
-        "status":"unqualified",
-        "verified":true,
-        "activity":57,
-        "representative":{
-           "name":"Bernardo Dominic",
-           "image":"bernardodominic.png"
-        },
-        "balance":77668
-     },
-     {
-        "id":1188,
-        "name":"Merlyn Lawler",
-        "country":{
-           "name":"Germany",
-           "code":"de"
-        },
-        "company":"Nischwitz, Jeffrey L Esq",
-        "date":"2016-02-26",
-        "status":"renewal",
-        "verified":true,
-        "activity":45,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":3525
-     },
-     {
-        "id":1189,
-        "name":"Georgene Montezuma",
-        "country":{
-           "name":"Senegal",
-           "code":"sn"
-        },
-        "company":"Payne Blades & Wellborn Pa",
-        "date":"2018-10-11",
-        "status":"new",
-        "verified":true,
-        "activity":64,
-        "representative":{
-           "name":"Elwin Sharvill",
-           "image":"elwinsharvill.png"
-        },
-        "balance":45838
-     },
-     {
-        "id":1190,
-        "name":"Jettie Mconnell",
-        "country":{
-           "name":"Denmark",
-           "code":"dk"
-        },
-        "company":"Coldwell Bnkr Wright Real Est",
-        "date":"2015-10-18",
-        "status":"negotiation",
-        "verified":false,
-        "activity":74,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":49148
-     },
-     {
-        "id":1191,
-        "name":"Lemuel Latzke",
-        "country":{
-           "name":"Colombia",
-           "code":"co"
-        },
-        "company":"Computer Repair Service",
-        "date":"2016-02-13",
-        "status":"proposal",
-        "verified":false,
-        "activity":79,
-        "representative":{
-           "name":"Stephen Shaw",
-           "image":"stephenshaw.png"
-        },
-        "balance":96709
-     },
-     {
-        "id":1192,
-        "name":"Melodie Knipp",
-        "country":{
-           "name":"Finland",
-           "code":"fi"
-        },
-        "company":"Fleetwood Building Block Inc",
-        "date":"2018-03-08",
-        "status":"negotiation",
-        "verified":false,
-        "activity":19,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":23253
-     },
-     {
-        "id":1193,
-        "name":"Candida Corbley",
-        "country":{
-           "name":"Poland",
-           "code":"pl"
-        },
-        "company":"Colts Neck Medical Assocs Inc",
-        "date":"2017-12-02",
-        "status":"negotiation",
-        "verified":true,
-        "activity":11,
-        "representative":{
-           "name":"Onyama Limba",
-           "image":"onyamalimba.png"
-        },
-        "balance":40836
-     },
-     {
-        "id":1194,
-        "name":"Karan Karpin",
-        "country":{
-           "name":"Estonia",
-           "code":"ee"
-        },
-        "company":"New England Taxidermy",
-        "date":"2019-01-07",
-        "status":"proposal",
-        "verified":true,
-        "activity":4,
-        "representative":{
-           "name":"Stephen Shaw",
-           "image":"stephenshaw.png"
-        },
-        "balance":60719
-     },
-     {
-        "id":1195,
-        "name":"Andra Scheyer",
-        "country":{
-           "name":"Romania",
-           "code":"ro"
-        },
-        "company":"Ludcke, George O Esq",
-        "date":"2016-08-14",
-        "status":"qualified",
-        "verified":true,
-        "activity":62,
-        "representative":{
-           "name":"Elwin Sharvill",
-           "image":"elwinsharvill.png"
-        },
-        "balance":17419
-     },
-     {
-        "id":1196,
-        "name":"Felicidad Poullion",
-        "country":{
-           "name":"Greece",
-           "code":"gr"
-        },
-        "company":"Mccorkle, Tom S Esq",
-        "date":"2016-03-05",
-        "status":"renewal",
-        "verified":true,
-        "activity":64,
-        "representative":{
-           "name":"Elwin Sharvill",
-           "image":"elwinsharvill.png"
-        },
-        "balance":94052
-     },
-     {
-        "id":1197,
-        "name":"Belen Strassner",
-        "country":{
-           "name":"Ivory Coast",
-           "code":"ci"
-        },
-        "company":"Eagle Software Inc",
-        "date":"2015-12-14",
-        "status":"qualified",
-        "verified":true,
-        "activity":91,
-        "representative":{
-           "name":"Xuxue Feng",
-           "image":"xuxuefeng.png"
-        },
-        "balance":54241
-     },
-     {
-        "id":1198,
-        "name":"Gracia Melnyk",
-        "country":{
-           "name":"Costa Rica",
-           "code":"cr"
-        },
-        "company":"Juvenile & Adult Super",
-        "date":"2019-06-01",
-        "status":"unqualified",
-        "verified":true,
-        "activity":40,
-        "representative":{
-           "name":"Asiya Javayant",
-           "image":"asiyajavayant.png"
-        },
-        "balance":87668
-     },
-     {
-        "id":1199,
-        "name":"Jolanda Hanafan",
-        "country":{
-           "name":"Cameroon",
-           "code":"cm"
-        },
-        "company":"Perez, Joseph J Esq",
-        "date":"2015-12-09",
-        "status":"qualified",
-        "verified":true,
-        "activity":27,
-        "representative":{
-           "name":"Ivan Magalhaes",
-           "image":"ivanmagalhaes.png"
-        },
-        "balance":99417
-     }
-  ]
-}
\ No newline at end of file
diff --git a/src/assets/showcase/data/customers-medium.json b/src/assets/showcase/data/customers-medium.json
deleted file mode 100644
index ea944a0..0000000
--- a/src/assets/showcase/data/customers-medium.json
+++ /dev/null
@@ -1,904 +0,0 @@
-{
-    "data":[
-       {
-          "id":1000,
-          "name":"James Butt",
-          "country":{
-             "name":"Algeria",
-             "code":"dz"
-          },
-          "company":"Benton, John B Jr",
-          "date":"2015-09-13",
-          "status":"unqualified",
-          "verified":true,
-          "activity":17,
-          "representative":{
-             "name":"Ioni Bowcher",
-             "image":"ionibowcher.png"
-          },
-          "balance":70663
-       },
-       {
-          "id":1001,
-          "name":"Josephine Darakjy",
-          "country":{
-             "name":"Egypt",
-             "code":"eg"
-          },
-          "company":"Chanay, Jeffrey A Esq",
-          "date":"2019-02-09",
-          "status":"proposal",
-          "verified":true,
-          "activity":0,
-          "representative":{
-             "name":"Amy Elsner",
-             "image":"amyelsner.png"
-          },
-          "balance":82429
-       },
-       {
-          "id":1002,
-          "name":"Art Venere",
-          "country":{
-             "name":"Panama",
-             "code":"pa"
-          },
-          "company":"Chemel, James L Cpa",
-          "date":"2017-05-13",
-          "status":"qualified",
-          "verified":false,
-          "activity":63,
-          "representative":{
-             "name":"Asiya Javayant",
-             "image":"asiyajavayant.png"
-          },
-          "balance":28334
-       },
-       {
-          "id":1003,
-          "name":"Lenna Paprocki",
-          "country":{
-             "name":"Slovenia",
-             "code":"si"
-          },
-          "company":"Feltz Printing Service",
-          "date":"2020-09-15",
-          "status":"new",
-          "verified":false,
-          "activity":37,
-          "representative":{
-             "name":"Xuxue Feng",
-             "image":"xuxuefeng.png"
-          },
-          "balance":88521
-       },
-       {
-          "id":1004,
-          "name":"Donette Foller",
-          "country":{
-             "name":"South Africa",
-             "code":"za"
-          },
-          "company":"Printing Dimensions",
-          "date":"2016-05-20",
-          "status":"proposal",
-          "verified":true,
-          "activity":33,
-          "representative":{
-             "name":"Asiya Javayant",
-             "image":"asiyajavayant.png"
-          },
-          "balance":93905
-       },
-       {
-          "id":1005,
-          "name":"Simona Morasca",
-          "country":{
-             "name":"Egypt",
-             "code":"eg"
-          },
-          "company":"Chapman, Ross E Esq",
-          "date":"2018-02-16",
-          "status":"qualified",
-          "verified":false,
-          "activity":68,
-          "representative":{
-             "name":"Ivan Magalhaes",
-             "image":"ivanmagalhaes.png"
-          },
-          "balance":50041
-       },
-       {
-          "id":1006,
-          "name":"Mitsue Tollner",
-          "country":{
-             "name":"Paraguay",
-             "code":"py"
-          },
-          "company":"Morlong Associates",
-          "date":"2018-02-19",
-          "status":"renewal",
-          "verified":true,
-          "activity":54,
-          "representative":{
-             "name":"Ivan Magalhaes",
-             "image":"ivanmagalhaes.png"
-          },
-          "balance":58706
-       },
-       {
-          "id":1007,
-          "name":"Leota Dilliard",
-          "country":{
-             "name":"Serbia",
-             "code":"rs"
-          },
-          "company":"Commercial Press",
-          "date":"2019-08-13",
-          "status":"renewal",
-          "verified":true,
-          "activity":69,
-          "representative":{
-             "name":"Onyama Limba",
-             "image":"onyamalimba.png"
-          },
-          "balance":26640
-       },
-       {
-          "id":1008,
-          "name":"Sage Wieser",
-          "country":{
-             "name":"Egypt",
-             "code":"eg"
-          },
-          "company":"Truhlar And Truhlar Attys",
-          "date":"2018-11-21",
-          "status":"unqualified",
-          "verified":true,
-          "activity":76,
-          "representative":{
-             "name":"Ivan Magalhaes",
-             "image":"ivanmagalhaes.png"
-          },
-          "balance":65369
-       },
-       {
-          "id":1009,
-          "name":"Kris Marrier",
-          "country":{
-             "name":"Mexico",
-             "code":"mx"
-          },
-          "company":"King, Christopher A Esq",
-          "date":"2015-07-07",
-          "status":"proposal",
-          "verified":false,
-          "activity":3,
-          "representative":{
-             "name":"Onyama Limba",
-             "image":"onyamalimba.png"
-          },
-          "balance":63451
-       },
-       {
-          "id":1010,
-          "name":"Minna Amigon",
-          "country":{
-             "name":"Romania",
-             "code":"ro"
-          },
-          "company":"Dorl, James J Esq",
-          "date":"2018-11-07",
-          "status":"qualified",
-          "verified":false,
-          "activity":38,
-          "representative":{
-             "name":"Anna Fali",
-             "image":"annafali.png"
-          },
-          "balance":71169
-       },
-       {
-          "id":1011,
-          "name":"Abel Maclead",
-          "country":{
-             "name":"Singapore",
-             "code":"sg"
-          },
-          "company":"Rangoni Of Florence",
-          "date":"2017-03-11",
-          "status":"qualified",
-          "verified":true,
-          "activity":87,
-          "representative":{
-             "name":"Bernardo Dominic",
-             "image":"bernardodominic.png"
-          },
-          "balance":96842
-       },
-       {
-          "id":1012,
-          "name":"Kiley Caldarera",
-          "country":{
-             "name":"Serbia",
-             "code":"rs"
-          },
-          "company":"Feiner Bros",
-          "date":"2015-10-20",
-          "status":"unqualified",
-          "verified":false,
-          "activity":80,
-          "representative":{
-             "name":"Onyama Limba",
-             "image":"onyamalimba.png"
-          },
-          "balance":92734
-       },
-       {
-          "id":1013,
-          "name":"Graciela Ruta",
-          "country":{
-             "name":"Chile",
-             "code":"cl"
-          },
-          "company":"Buckley Miller & Wright",
-          "date":"2016-07-25",
-          "status":"negotiation",
-          "verified":false,
-          "activity":59,
-          "representative":{
-             "name":"Amy Elsner",
-             "image":"amyelsner.png"
-          },
-          "balance":45250
-       },
-       {
-          "id":1014,
-          "name":"Cammy Albares",
-          "country":{
-             "name":"Philippines",
-             "code":"ph"
-          },
-          "company":"Rousseaux, Michael Esq",
-          "date":"2019-06-25",
-          "status":"new",
-          "verified":true,
-          "activity":90,
-          "representative":{
-             "name":"Asiya Javayant",
-             "image":"asiyajavayant.png"
-          },
-          "balance":30236
-       },
-       {
-          "id":1015,
-          "name":"Mattie Poquette",
-          "country":{
-             "name":"Venezuela",
-             "code":"ve"
-          },
-          "company":"Century Communications",
-          "date":"2017-12-12",
-          "status":"negotiation",
-          "verified":false,
-          "activity":52,
-          "representative":{
-             "name":"Anna Fali",
-             "image":"annafali.png"
-          },
-          "balance":64533
-       },
-       {
-          "id":1016,
-          "name":"Meaghan Garufi",
-          "country":{
-             "name":"Malaysia",
-             "code":"my"
-          },
-          "company":"Bolton, Wilbur Esq",
-          "date":"2018-07-04",
-          "status":"unqualified",
-          "verified":false,
-          "activity":31,
-          "representative":{
-             "name":"Ivan Magalhaes",
-             "image":"ivanmagalhaes.png"
-          },
-          "balance":37279
-       },
-       {
-          "id":1017,
-          "name":"Gladys Rim",
-          "country":{
-             "name":"Netherlands",
-             "code":"nl"
-          },
-          "company":"T M Byxbee Company Pc",
-          "date":"2020-02-27",
-          "status":"renewal",
-          "verified":true,
-          "activity":48,
-          "representative":{
-             "name":"Stephen Shaw",
-             "image":"stephenshaw.png"
-          },
-          "balance":27381
-       },
-       {
-          "id":1018,
-          "name":"Yuki Whobrey",
-          "country":{
-             "name":"Israel",
-             "code":"il"
-          },
-          "company":"Farmers Insurance Group",
-          "date":"2017-12-21",
-          "status":"negotiation",
-          "verified":true,
-          "activity":16,
-          "representative":{
-             "name":"Bernardo Dominic",
-             "image":"bernardodominic.png"
-          },
-          "balance":9257
-       },
-       {
-          "id":1019,
-          "name":"Fletcher Flosi",
-          "country":{
-             "name":"Argentina",
-             "code":"ar"
-          },
-          "company":"Post Box Services Plus",
-          "date":"2016-01-04",
-          "status":"renewal",
-          "verified":true,
-          "activity":19,
-          "representative":{
-             "name":"Xuxue Feng",
-             "image":"xuxuefeng.png"
-          },
-          "balance":67783
-       },
-       {
-          "id":1020,
-          "name":"Bette Nicka",
-          "country":{
-             "name":"Paraguay",
-             "code":"py"
-          },
-          "company":"Sport En Art",
-          "date":"2016-10-21",
-          "status":"renewal",
-          "verified":false,
-          "activity":100,
-          "representative":{
-             "name":"Onyama Limba",
-             "image":"onyamalimba.png"
-          },
-          "balance":4609
-       },
-       {
-          "id":1021,
-          "name":"Veronika Inouye",
-          "country":{
-             "name":"Ecuador",
-             "code":"ec"
-          },
-          "company":"C 4 Network Inc",
-          "date":"2017-03-24",
-          "status":"renewal",
-          "verified":false,
-          "activity":72,
-          "representative":{
-             "name":"Ioni Bowcher",
-             "image":"ionibowcher.png"
-          },
-          "balance":26565
-       },
-       {
-          "id":1022,
-          "name":"Willard Kolmetz",
-          "country":{
-             "name":"Tunisia",
-             "code":"tn"
-          },
-          "company":"Ingalls, Donald R Esq",
-          "date":"2017-04-15",
-          "status":"renewal",
-          "verified":true,
-          "activity":94,
-          "representative":{
-             "name":"Asiya Javayant",
-             "image":"asiyajavayant.png"
-          },
-          "balance":75876
-       },
-       {
-          "id":1023,
-          "name":"Maryann Royster",
-          "country":{
-             "name":"Belarus",
-             "code":"by"
-          },
-          "company":"Franklin, Peter L Esq",
-          "date":"2017-03-11",
-          "status":"qualified",
-          "verified":false,
-          "activity":56,
-          "representative":{
-             "name":"Elwin Sharvill",
-             "image":"elwinsharvill.png"
-          },
-          "balance":41121
-       },
-       {
-          "id":1024,
-          "name":"Alisha Slusarski",
-          "country":{
-             "name":"Iceland",
-             "code":"is"
-          },
-          "company":"Wtlz Power 107 Fm",
-          "date":"2018-03-27",
-          "status":"qualified",
-          "verified":true,
-          "activity":7,
-          "representative":{
-             "name":"Stephen Shaw",
-             "image":"stephenshaw.png"
-          },
-          "balance":91691
-       },
-       {
-          "id":1025,
-          "name":"Allene Iturbide",
-          "country":{
-             "name":"Italy",
-             "code":"it"
-          },
-          "company":"Ledecky, David Esq",
-          "date":"2016-02-20",
-          "status":"qualified",
-          "verified":true,
-          "activity":1,
-          "representative":{
-             "name":"Ivan Magalhaes",
-             "image":"ivanmagalhaes.png"
-          },
-          "balance":40137
-       },
-       {
-          "id":1026,
-          "name":"Chanel Caudy",
-          "country":{
-             "name":"Argentina",
-             "code":"ar"
-          },
-          "company":"Professional Image Inc",
-          "date":"2018-06-24",
-          "status":"new",
-          "verified":true,
-          "activity":26,
-          "representative":{
-             "name":"Ioni Bowcher",
-             "image":"ionibowcher.png"
-          },
-          "balance":21304
-       },
-       {
-          "id":1027,
-          "name":"Ezekiel Chui",
-          "country":{
-             "name":"Ireland",
-             "code":"ie"
-          },
-          "company":"Sider, Donald C Esq",
-          "date":"2016-09-24",
-          "status":"new",
-          "verified":false,
-          "activity":76,
-          "representative":{
-             "name":"Amy Elsner",
-             "image":"amyelsner.png"
-          },
-          "balance":60454
-       },
-       {
-          "id":1028,
-          "name":"Willow Kusko",
-          "country":{
-             "name":"Romania",
-             "code":"ro"
-          },
-          "company":"U Pull It",
-          "date":"2020-04-11",
-          "status":"qualified",
-          "verified":true,
-          "activity":7,
-          "representative":{
-             "name":"Onyama Limba",
-             "image":"onyamalimba.png"
-          },
-          "balance":17565
-       },
-       {
-          "id":1029,
-          "name":"Bernardo Figeroa",
-          "country":{
-             "name":"Israel",
-             "code":"il"
-          },
-          "company":"Clark, Richard Cpa",
-          "date":"2018-04-11",
-          "status":"renewal",
-          "verified":true,
-          "activity":81,
-          "representative":{
-             "name":"Ioni Bowcher",
-             "image":"ionibowcher.png"
-          },
-          "balance":17774
-       },
-       {
-          "id":1030,
-          "name":"Ammie Corrio",
-          "country":{
-             "name":"Hungary",
-             "code":"hu"
-          },
-          "company":"Moskowitz, Barry S",
-          "date":"2016-06-11",
-          "status":"negotiation",
-          "verified":true,
-          "activity":56,
-          "representative":{
-             "name":"Asiya Javayant",
-             "image":"asiyajavayant.png"
-          },
-          "balance":49201
-       },
-       {
-          "id":1031,
-          "name":"Francine Vocelka",
-          "country":{
-             "name":"Honduras",
-             "code":"hn"
-          },
-          "company":"Cascade Realty Advisors Inc",
-          "date":"2017-08-02",
-          "status":"qualified",
-          "verified":true,
-          "activity":94,
-          "representative":{
-             "name":"Ioni Bowcher",
-             "image":"ionibowcher.png"
-          },
-          "balance":67126
-       },
-       {
-          "id":1032,
-          "name":"Ernie Stenseth",
-          "country":{
-             "name":"Australia",
-             "code":"au"
-          },
-          "company":"Knwz Newsradio",
-          "date":"2018-06-06",
-          "status":"renewal",
-          "verified":true,
-          "activity":68,
-          "representative":{
-             "name":"Xuxue Feng",
-             "image":"xuxuefeng.png"
-          },
-          "balance":76017
-       },
-       {
-          "id":1033,
-          "name":"Albina Glick",
-          "country":{
-             "name":"Ukraine",
-             "code":"ua"
-          },
-          "company":"Giampetro, Anthony D",
-          "date":"2019-08-08",
-          "status":"proposal",
-          "verified":true,
-          "activity":85,
-          "representative":{
-             "name":"Bernardo Dominic",
-             "image":"bernardodominic.png"
-          },
-          "balance":91201
-       },
-       {
-          "id":1034,
-          "name":"Alishia Sergi",
-          "country":{
-             "name":"Qatar",
-             "code":"qa"
-          },
-          "company":"Milford Enterprises Inc",
-          "date":"2018-05-19",
-          "status":"negotiation",
-          "verified":false,
-          "activity":46,
-          "representative":{
-             "name":"Ivan Magalhaes",
-             "image":"ivanmagalhaes.png"
-          },
-          "balance":12237
-       },
-       {
-          "id":1035,
-          "name":"Solange Shinko",
-          "country":{
-             "name":"Cameroon",
-             "code":"cm"
-          },
-          "company":"Mosocco, Ronald A",
-          "date":"2015-02-12",
-          "status":"qualified",
-          "verified":true,
-          "activity":32,
-          "representative":{
-             "name":"Onyama Limba",
-             "image":"onyamalimba.png"
-          },
-          "balance":34072
-       },
-       {
-          "id":1036,
-          "name":"Jose Stockham",
-          "country":{
-             "name":"Italy",
-             "code":"it"
-          },
-          "company":"Tri State Refueler Co",
-          "date":"2018-04-25",
-          "status":"qualified",
-          "verified":true,
-          "activity":77,
-          "representative":{
-             "name":"Amy Elsner",
-             "image":"amyelsner.png"
-          },
-          "balance":94909
-       },
-       {
-          "id":1037,
-          "name":"Rozella Ostrosky",
-          "country":{
-             "name":"Venezuela",
-             "code":"ve"
-          },
-          "company":"Parkway Company",
-          "date":"2016-02-27",
-          "status":"unqualified",
-          "verified":true,
-          "activity":66,
-          "representative":{
-             "name":"Amy Elsner",
-             "image":"amyelsner.png"
-          },
-          "balance":57245
-       },
-       {
-          "id":1038,
-          "name":"Valentine Gillian",
-          "country":{
-             "name":"Paraguay",
-             "code":"py"
-          },
-          "company":"Fbs Business Finance",
-          "date":"2019-09-17",
-          "status":"qualified",
-          "verified":true,
-          "activity":25,
-          "representative":{
-             "name":"Bernardo Dominic",
-             "image":"bernardodominic.png"
-          },
-          "balance":75502
-       },
-       {
-          "id":1039,
-          "name":"Kati Rulapaugh",
-          "country":{
-             "name":"Puerto Rico",
-             "code":"pr"
-          },
-          "company":"Eder Assocs Consltng Engrs Pc",
-          "date":"2016-12-03",
-          "status":"renewal",
-          "verified":false,
-          "activity":51,
-          "representative":{
-             "name":"Ioni Bowcher",
-             "image":"ionibowcher.png"
-          },
-          "balance":82075
-       },
-       {
-          "id":1040,
-          "name":"Youlanda Schemmer",
-          "country":{
-             "name":"Bolivia",
-             "code":"bo"
-          },
-          "company":"Tri M Tool Inc",
-          "date":"2017-12-15",
-          "status":"negotiation",
-          "verified":true,
-          "activity":49,
-          "representative":{
-             "name":"Xuxue Feng",
-             "image":"xuxuefeng.png"
-          },
-          "balance":19208
-       },
-       {
-          "id":1041,
-          "name":"Dyan Oldroyd",
-          "country":{
-             "name":"Argentina",
-             "code":"ar"
-          },
-          "company":"International Eyelets Inc",
-          "date":"2017-02-02",
-          "status":"qualified",
-          "verified":false,
-          "activity":5,
-          "representative":{
-             "name":"Amy Elsner",
-             "image":"amyelsner.png"
-          },
-          "balance":50194
-       },
-       {
-          "id":1042,
-          "name":"Roxane Campain",
-          "country":{
-             "name":"France",
-             "code":"fr"
-          },
-          "company":"Rapid Trading Intl",
-          "date":"2018-12-25",
-          "status":"unqualified",
-          "verified":false,
-          "activity":100,
-          "representative":{
-             "name":"Anna Fali",
-             "image":"annafali.png"
-          },
-          "balance":77714
-       },
-       {
-          "id":1043,
-          "name":"Lavera Perin",
-          "country":{
-             "name":"Vietnam",
-             "code":"vn"
-          },
-          "company":"Abc Enterprises Inc",
-          "date":"2018-04-10",
-          "status":"qualified",
-          "verified":false,
-          "activity":71,
-          "representative":{
-             "name":"Stephen Shaw",
-             "image":"stephenshaw.png"
-          },
-          "balance":35740
-       },
-       {
-          "id":1044,
-          "name":"Erick Ferencz",
-          "country":{
-             "name":"Belgium",
-             "code":"be"
-          },
-          "company":"Cindy Turner Associates",
-          "date":"2018-05-06",
-          "status":"unqualified",
-          "verified":true,
-          "activity":54,
-          "representative":{
-             "name":"Amy Elsner",
-             "image":"amyelsner.png"
-          },
-          "balance":30790
-       },
-       {
-          "id":1045,
-          "name":"Fatima Saylors",
-          "country":{
-             "name":"Canada",
-             "code":"ca"
-          },
-          "company":"Stanton, James D Esq",
-          "date":"2019-07-10",
-          "status":"renewal",
-          "verified":true,
-          "activity":93,
-          "representative":{
-             "name":"Onyama Limba",
-             "image":"onyamalimba.png"
-          },
-          "balance":52343
-       },
-       {
-          "id":1046,
-          "name":"Jina Briddick",
-          "country":{
-             "name":"Mexico",
-             "code":"mx"
-          },
-          "company":"Grace Pastries Inc",
-          "date":"2018-02-19",
-          "status":"unqualified",
-          "verified":false,
-          "activity":97,
-          "representative":{
-             "name":"Xuxue Feng",
-             "image":"xuxuefeng.png"
-          },
-          "balance":53966
-       },
-       {
-          "id":1047,
-          "name":"Kanisha Waycott",
-          "country":{
-             "name":"Ecuador",
-             "code":"ec"
-          },
-          "company":"Schroer, Gene E Esq",
-          "date":"2019-11-27",
-          "status":"new",
-          "verified":false,
-          "activity":80,
-          "representative":{
-             "name":"Xuxue Feng",
-             "image":"xuxuefeng.png"
-          },
-          "balance":9920
-       },
-       {
-          "id":1048,
-          "name":"Emerson Bowley",
-          "country":{
-             "name":"Finland",
-             "code":"fi"
-          },
-          "company":"Knights Inn",
-          "date":"2018-11-24",
-          "status":"new",
-          "verified":false,
-          "activity":63,
-          "representative":{
-             "name":"Stephen Shaw",
-             "image":"stephenshaw.png"
-          },
-          "balance":78069
-       },
-       {
-          "id":1049,
-          "name":"Blair Malet",
-          "country":{
-             "name":"Finland",
-             "code":"fi"
-          },
-          "company":"Bollinger Mach Shp & Shipyard",
-          "date":"2018-04-19",
-          "status":"new",
-          "verified":true,
-          "activity":92,
-          "representative":{
-             "name":"Asiya Javayant",
-             "image":"asiyajavayant.png"
-          },
-          "balance":65005
-       }
-    ]
-  }
diff --git a/src/assets/showcase/data/customers-small.json b/src/assets/showcase/data/customers-small.json
deleted file mode 100644
index c1b116b..0000000
--- a/src/assets/showcase/data/customers-small.json
+++ /dev/null
@@ -1,164 +0,0 @@
-{
-    "data": [
-    {
-      "id": 1000,
-      "name": "James Butt",
-      "country": {
-        "name": "Algeria",
-        "code": "dz"
-      },
-      "company": "Benton, John B Jr",
-      "date": "2015-09-13",
-      "status": "unqualified",
-      "activity": 17,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1001,
-      "name": "Josephine Darakjy",
-      "country": {
-        "name": "Egypt",
-        "code": "eg"
-      },
-      "company": "Chanay, Jeffrey A Esq",
-      "date": "2019-02-09",
-      "status": "proposal",
-      "activity": 0,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1002,
-      "name": "Art Venere",
-      "country": {
-        "name": "Panama",
-        "code": "pa"
-      },
-      "company": "Chemel, James L Cpa",
-      "date": "2017-05-13",
-      "status": "qualified",
-      "activity": 63,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1003,
-      "name": "Lenna Paprocki",
-      "country": {
-        "name": "Slovenia",
-        "code": "si"
-      },
-      "company": "Feltz Printing Service",
-      "date": "2020-09-15",
-      "status": "new",
-      "activity": 37,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1004,
-      "name": "Donette Foller",
-      "country": {
-        "name": "South Africa",
-        "code": "za"
-      },
-      "company": "Printing Dimensions",
-      "date": "2016-05-20",
-      "status": "proposal",
-      "activity": 33,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1005,
-      "name": "Simona Morasca",
-      "country": {
-        "name": "Egypt",
-        "code": "eg"
-      },
-      "company": "Chapman, Ross E Esq",
-      "date": "2018-02-16",
-      "status": "qualified",
-      "activity": 68,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1006,
-      "name": "Mitsue Tollner",
-      "country": {
-        "name": "Paraguay",
-        "code": "py"
-      },
-      "company": "Morlong Associates",
-      "date": "2018-02-19",
-      "status": "renewal",
-      "activity": 54,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1007,
-      "name": "Leota Dilliard",
-      "country": {
-        "name": "Serbia",
-        "code": "rs"
-      },
-      "company": "Commercial Press",
-      "date": "2019-08-13",
-      "status": "renewal",
-      "activity": 69,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1008,
-      "name": "Sage Wieser",
-      "country": {
-        "name": "Egypt",
-        "code": "eg"
-      },
-      "company": "Truhlar And Truhlar Attys",
-      "date": "2018-11-21",
-      "status": "unqualified",
-      "activity": 76,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1009,
-      "name": "Kris Marrier",
-      "country": {
-        "name": "Mexico",
-        "code": "mx"
-      },
-      "company": "King, Christopher A Esq",
-      "date": "2015-07-07",
-      "status": "proposal",
-      "activity": 3,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/assets/showcase/data/customers-xlarge.json b/src/assets/showcase/data/customers-xlarge.json
deleted file mode 100644
index 14543ff..0000000
--- a/src/assets/showcase/data/customers-xlarge.json
+++ /dev/null
@@ -1,8004 +0,0 @@
-{
-    "data": [
-    {
-      "id": 1000,
-      "name": "James Butt",
-      "country": {
-        "name": "Algeria",
-        "code": "dz"
-      },
-      "company": "Benton, John B Jr",
-      "date": "2015-09-13",
-      "status": "unqualified",
-      "activity": 17,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1001,
-      "name": "Josephine Darakjy",
-      "country": {
-        "name": "Egypt",
-        "code": "eg"
-      },
-      "company": "Chanay, Jeffrey A Esq",
-      "date": "2019-02-09",
-      "status": "proposal",
-      "activity": 0,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1002,
-      "name": "Art Venere",
-      "country": {
-        "name": "Panama",
-        "code": "pa"
-      },
-      "company": "Chemel, James L Cpa",
-      "date": "2017-05-13",
-      "status": "qualified",
-      "activity": 63,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1003,
-      "name": "Lenna Paprocki",
-      "country": {
-        "name": "Slovenia",
-        "code": "si"
-      },
-      "company": "Feltz Printing Service",
-      "date": "2020-09-15",
-      "status": "new",
-      "activity": 37,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1004,
-      "name": "Donette Foller",
-      "country": {
-        "name": "South Africa",
-        "code": "za"
-      },
-      "company": "Printing Dimensions",
-      "date": "2016-05-20",
-      "status": "proposal",
-      "activity": 33,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1005,
-      "name": "Simona Morasca",
-      "country": {
-        "name": "Egypt",
-        "code": "eg"
-      },
-      "company": "Chapman, Ross E Esq",
-      "date": "2018-02-16",
-      "status": "qualified",
-      "activity": 68,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1006,
-      "name": "Mitsue Tollner",
-      "country": {
-        "name": "Paraguay",
-        "code": "py"
-      },
-      "company": "Morlong Associates",
-      "date": "2018-02-19",
-      "status": "renewal",
-      "activity": 54,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1007,
-      "name": "Leota Dilliard",
-      "country": {
-        "name": "Serbia",
-        "code": "rs"
-      },
-      "company": "Commercial Press",
-      "date": "2019-08-13",
-      "status": "renewal",
-      "activity": 69,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1008,
-      "name": "Sage Wieser",
-      "country": {
-        "name": "Egypt",
-        "code": "eg"
-      },
-      "company": "Truhlar And Truhlar Attys",
-      "date": "2018-11-21",
-      "status": "unqualified",
-      "activity": 76,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1009,
-      "name": "Kris Marrier",
-      "country": {
-        "name": "Mexico",
-        "code": "mx"
-      },
-      "company": "King, Christopher A Esq",
-      "date": "2015-07-07",
-      "status": "proposal",
-      "activity": 3,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1010,
-      "name": "Minna Amigon",
-      "country": {
-        "name": "Romania",
-        "code": "ro"
-      },
-      "company": "Dorl, James J Esq",
-      "date": "2018-11-07",
-      "status": "qualified",
-      "activity": 38,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1011,
-      "name": "Abel Maclead",
-      "country": {
-        "name": "Singapore",
-        "code": "sg"
-      },
-      "company": "Rangoni Of Florence",
-      "date": "2017-03-11",
-      "status": "qualified",
-      "activity": 87,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1012,
-      "name": "Kiley Caldarera",
-      "country": {
-        "name": "Serbia",
-        "code": "rs"
-      },
-      "company": "Feiner Bros",
-      "date": "2015-10-20",
-      "status": "unqualified",
-      "activity": 80,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1013,
-      "name": "Graciela Ruta",
-      "country": {
-        "name": "Chile",
-        "code": "cl"
-      },
-      "company": "Buckley Miller \u0026 Wright",
-      "date": "2016-07-25",
-      "status": "negotiation",
-      "activity": 59,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1014,
-      "name": "Cammy Albares",
-      "country": {
-        "name": "Philippines",
-        "code": "ph"
-      },
-      "company": "Rousseaux, Michael Esq",
-      "date": "2019-06-25",
-      "status": "new",
-      "activity": 90,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1015,
-      "name": "Mattie Poquette",
-      "country": {
-        "name": "Venezuela",
-        "code": "ve"
-      },
-      "company": "Century Communications",
-      "date": "2017-12-12",
-      "status": "negotiation",
-      "activity": 52,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1016,
-      "name": "Meaghan Garufi",
-      "country": {
-        "name": "Malaysia",
-        "code": "my"
-      },
-      "company": "Bolton, Wilbur Esq",
-      "date": "2018-07-04",
-      "status": "unqualified",
-      "activity": 31,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1017,
-      "name": "Gladys Rim",
-      "country": {
-        "name": "Netherlands",
-        "code": "nl"
-      },
-      "company": "T M Byxbee Company Pc",
-      "date": "2020-02-27",
-      "status": "renewal",
-      "activity": 48,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1018,
-      "name": "Yuki Whobrey",
-      "country": {
-        "name": "Israel",
-        "code": "il"
-      },
-      "company": "Farmers Insurance Group",
-      "date": "2017-12-21",
-      "status": "negotiation",
-      "activity": 16,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1019,
-      "name": "Fletcher Flosi",
-      "country": {
-        "name": "Argentina",
-        "code": "ar"
-      },
-      "company": "Post Box Services Plus",
-      "date": "2016-01-04",
-      "status": "renewal",
-      "activity": 19,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1020,
-      "name": "Bette Nicka",
-      "country": {
-        "name": "Paraguay",
-        "code": "py"
-      },
-      "company": "Sport En Art",
-      "date": "2016-10-21",
-      "status": "renewal",
-      "activity": 100,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1021,
-      "name": "Veronika Inouye",
-      "country": {
-        "name": "Ecuador",
-        "code": "ec"
-      },
-      "company": "C 4 Network Inc",
-      "date": "2017-03-24",
-      "status": "renewal",
-      "activity": 72,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1022,
-      "name": "Willard Kolmetz",
-      "country": {
-        "name": "Tunisia",
-        "code": "tn"
-      },
-      "company": "Ingalls, Donald R Esq",
-      "date": "2017-04-15",
-      "status": "renewal",
-      "activity": 94,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1023,
-      "name": "Maryann Royster",
-      "country": {
-        "name": "Belarus",
-        "code": "by"
-      },
-      "company": "Franklin, Peter L Esq",
-      "date": "2017-03-11",
-      "status": "qualified",
-      "activity": 56,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1024,
-      "name": "Alisha Slusarski",
-      "country": {
-        "name": "Iceland",
-        "code": "is"
-      },
-      "company": "Wtlz Power 107 Fm",
-      "date": "2018-03-27",
-      "status": "qualified",
-      "activity": 7,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1025,
-      "name": "Allene Iturbide",
-      "country": {
-        "name": "Italy",
-        "code": "it"
-      },
-      "company": "Ledecky, David Esq",
-      "date": "2016-02-20",
-      "status": "qualified",
-      "activity": 1,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1026,
-      "name": "Chanel Caudy",
-      "country": {
-        "name": "Argentina",
-        "code": "ar"
-      },
-      "company": "Professional Image Inc",
-      "date": "2018-06-24",
-      "status": "new",
-      "activity": 26,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1027,
-      "name": "Ezekiel Chui",
-      "country": {
-        "name": "Ireland",
-        "code": "ie"
-      },
-      "company": "Sider, Donald C Esq",
-      "date": "2016-09-24",
-      "status": "new",
-      "activity": 76,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1028,
-      "name": "Willow Kusko",
-      "country": {
-        "name": "Romania",
-        "code": "ro"
-      },
-      "company": "U Pull It",
-      "date": "2020-04-11",
-      "status": "qualified",
-      "activity": 7,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1029,
-      "name": "Bernardo Figeroa",
-      "country": {
-        "name": "Israel",
-        "code": "il"
-      },
-      "company": "Clark, Richard Cpa",
-      "date": "2018-04-11",
-      "status": "renewal",
-      "activity": 81,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1030,
-      "name": "Ammie Corrio",
-      "country": {
-        "name": "Hungary",
-        "code": "hu"
-      },
-      "company": "Moskowitz, Barry S",
-      "date": "2016-06-11",
-      "status": "negotiation",
-      "activity": 56,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1031,
-      "name": "Francine Vocelka",
-      "country": {
-        "name": "Honduras",
-        "code": "hn"
-      },
-      "company": "Cascade Realty Advisors Inc",
-      "date": "2017-08-02",
-      "status": "qualified",
-      "activity": 94,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1032,
-      "name": "Ernie Stenseth",
-      "country": {
-        "name": "Australia",
-        "code": "au"
-      },
-      "company": "Knwz Newsradio",
-      "date": "2018-06-06",
-      "status": "renewal",
-      "activity": 68,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1033,
-      "name": "Albina Glick",
-      "country": {
-        "name": "Ukraine",
-        "code": "ua"
-      },
-      "company": "Giampetro, Anthony D",
-      "date": "2019-08-08",
-      "status": "proposal",
-      "activity": 85,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1034,
-      "name": "Alishia Sergi",
-      "country": {
-        "name": "Qatar",
-        "code": "qa"
-      },
-      "company": "Milford Enterprises Inc",
-      "date": "2018-05-19",
-      "status": "negotiation",
-      "activity": 46,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1035,
-      "name": "Solange Shinko",
-      "country": {
-        "name": "Cameroon",
-        "code": "cm"
-      },
-      "company": "Mosocco, Ronald A",
-      "date": "2015-02-12",
-      "status": "qualified",
-      "activity": 32,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1036,
-      "name": "Jose Stockham",
-      "country": {
-        "name": "Italy",
-        "code": "it"
-      },
-      "company": "Tri State Refueler Co",
-      "date": "2018-04-25",
-      "status": "qualified",
-      "activity": 77,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1037,
-      "name": "Rozella Ostrosky",
-      "country": {
-        "name": "Venezuela",
-        "code": "ve"
-      },
-      "company": "Parkway Company",
-      "date": "2016-02-27",
-      "status": "unqualified",
-      "activity": 66,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1038,
-      "name": "Valentine Gillian",
-      "country": {
-        "name": "Paraguay",
-        "code": "py"
-      },
-      "company": "Fbs Business Finance",
-      "date": "2019-09-17",
-      "status": "qualified",
-      "activity": 25,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1039,
-      "name": "Kati Rulapaugh",
-      "country": {
-        "name": "Puerto Rico",
-        "code": "pr"
-      },
-      "company": "Eder Assocs Consltng Engrs Pc",
-      "date": "2016-12-03",
-      "status": "renewal",
-      "activity": 51,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1040,
-      "name": "Youlanda Schemmer",
-      "country": {
-        "name": "Bolivia",
-        "code": "bo"
-      },
-      "company": "Tri M Tool Inc",
-      "date": "2017-12-15",
-      "status": "negotiation",
-      "activity": 49,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1041,
-      "name": "Dyan Oldroyd",
-      "country": {
-        "name": "Argentina",
-        "code": "ar"
-      },
-      "company": "International Eyelets Inc",
-      "date": "2017-02-02",
-      "status": "qualified",
-      "activity": 5,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1042,
-      "name": "Roxane Campain",
-      "country": {
-        "name": "France",
-        "code": "fr"
-      },
-      "company": "Rapid Trading Intl",
-      "date": "2018-12-25",
-      "status": "unqualified",
-      "activity": 100,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1043,
-      "name": "Lavera Perin",
-      "country": {
-        "name": "Vietnam",
-        "code": "vn"
-      },
-      "company": "Abc Enterprises Inc",
-      "date": "2018-04-10",
-      "status": "qualified",
-      "activity": 71,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1044,
-      "name": "Erick Ferencz",
-      "country": {
-        "name": "Belgium",
-        "code": "be"
-      },
-      "company": "Cindy Turner Associates",
-      "date": "2018-05-06",
-      "status": "unqualified",
-      "activity": 54,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1045,
-      "name": "Fatima Saylors",
-      "country": {
-        "name": "Canada",
-        "code": "ca"
-      },
-      "company": "Stanton, James D Esq",
-      "date": "2019-07-10",
-      "status": "renewal",
-      "activity": 93,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1046,
-      "name": "Jina Briddick",
-      "country": {
-        "name": "Mexico",
-        "code": "mx"
-      },
-      "company": "Grace Pastries Inc",
-      "date": "2018-02-19",
-      "status": "unqualified",
-      "activity": 97,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1047,
-      "name": "Kanisha Waycott",
-      "country": {
-        "name": "Ecuador",
-        "code": "ec"
-      },
-      "company": "Schroer, Gene E Esq",
-      "date": "2019-11-27",
-      "status": "new",
-      "activity": 80,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1048,
-      "name": "Emerson Bowley",
-      "country": {
-        "name": "Finland",
-        "code": "fi"
-      },
-      "company": "Knights Inn",
-      "date": "2018-11-24",
-      "status": "new",
-      "activity": 63,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1049,
-      "name": "Blair Malet",
-      "country": {
-        "name": "Finland",
-        "code": "fi"
-      },
-      "company": "Bollinger Mach Shp \u0026 Shipyard",
-      "date": "2018-04-19",
-      "status": "new",
-      "activity": 92,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1050,
-      "name": "Brock Bolognia",
-      "country": {
-        "name": "Bolivia",
-        "code": "bo"
-      },
-      "company": "Orinda News",
-      "date": "2019-09-06",
-      "status": "renewal",
-      "activity": 72,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1051,
-      "name": "Lorrie Nestle",
-      "country": {
-        "name": "Germany",
-        "code": "de"
-      },
-      "company": "Ballard Spahr Andrews",
-      "date": "2018-04-26",
-      "status": "renewal",
-      "activity": 36,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1052,
-      "name": "Sabra Uyetake",
-      "country": {
-        "name": "Peru",
-        "code": "pe"
-      },
-      "company": "Lowy Limousine Service",
-      "date": "2018-04-12",
-      "status": "new",
-      "activity": 31,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1053,
-      "name": "Marjory Mastella",
-      "country": {
-        "name": "Netherlands",
-        "code": "nl"
-      },
-      "company": "Vicon Corporation",
-      "date": "2018-01-24",
-      "status": "negotiation",
-      "activity": 89,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1054,
-      "name": "Karl Klonowski",
-      "country": {
-        "name": "Saudi Arabia",
-        "code": "sa"
-      },
-      "company": "Rossi, Michael M",
-      "date": "2017-04-17",
-      "status": "unqualified",
-      "activity": 27,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1055,
-      "name": "Tonette Wenner",
-      "country": {
-        "name": "Australia",
-        "code": "au"
-      },
-      "company": "Northwest Publishing",
-      "date": "2019-04-14",
-      "status": "qualified",
-      "activity": 27,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1056,
-      "name": "Amber Monarrez",
-      "country": {
-        "name": "Sweden",
-        "code": "se"
-      },
-      "company": "Branford Wire \u0026 Mfg Co",
-      "date": "2019-09-09",
-      "status": "new",
-      "activity": 79,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1057,
-      "name": "Shenika Seewald",
-      "country": {
-        "name": "Australia",
-        "code": "au"
-      },
-      "company": "East Coast Marketing",
-      "date": "2017-02-18",
-      "status": "renewal",
-      "activity": 39,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1058,
-      "name": "Delmy Ahle",
-      "country": {
-        "name": "Belgium",
-        "code": "be"
-      },
-      "company": "Wye Technologies Inc",
-      "date": "2020-10-05",
-      "status": "unqualified",
-      "activity": 55,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1059,
-      "name": "Deeanna Juhas",
-      "country": {
-        "name": "Sweden",
-        "code": "se"
-      },
-      "company": "Healy, George W Iv",
-      "date": "2018-09-28",
-      "status": "negotiation",
-      "activity": 79,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1060,
-      "name": "Blondell Pugh",
-      "country": {
-        "name": "Ireland",
-        "code": "ie"
-      },
-      "company": "Alpenlite Inc",
-      "date": "2016-06-16",
-      "status": "renewal",
-      "activity": 49,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1061,
-      "name": "Jamal Vanausdal",
-      "country": {
-        "name": "Morocco",
-        "code": "ma"
-      },
-      "company": "Hubbard, Bruce Esq",
-      "date": "2017-05-25",
-      "status": "proposal",
-      "activity": 87,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1062,
-      "name": "Cecily Hollack",
-      "country": {
-        "name": "Bolivia",
-        "code": "bo"
-      },
-      "company": "Arthur A Oliver \u0026 Son Inc",
-      "date": "2020-05-09",
-      "status": "negotiation",
-      "activity": 5,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1063,
-      "name": "Carmelina Lindall",
-      "country": {
-        "name": "Puerto Rico",
-        "code": "pr"
-      },
-      "company": "George Jessop Carter Jewelers",
-      "date": "2019-09-07",
-      "status": "qualified",
-      "activity": 77,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1064,
-      "name": "Maurine Yglesias",
-      "country": {
-        "name": "Taiwan",
-        "code": "tw"
-      },
-      "company": "Schultz, Thomas C Md",
-      "date": "2015-08-10",
-      "status": "renewal",
-      "activity": 94,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1065,
-      "name": "Tawna Buvens",
-      "country": {
-        "name": "Indonesia",
-        "code": "id"
-      },
-      "company": "H H H Enterprises Inc",
-      "date": "2018-03-20",
-      "status": "new",
-      "activity": 25,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1066,
-      "name": "Penney Weight",
-      "country": {
-        "name": "South Africa",
-        "code": "za"
-      },
-      "company": "Hawaiian King Hotel",
-      "date": "2020-03-03",
-      "status": "qualified",
-      "activity": 96,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1067,
-      "name": "Elly Morocco",
-      "country": {
-        "name": "Thailand",
-        "code": "th"
-      },
-      "company": "Killion Industries",
-      "date": "2018-09-18",
-      "status": "qualified",
-      "activity": 38,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1068,
-      "name": "Ilene Eroman",
-      "country": {
-        "name": "Netherlands",
-        "code": "nl"
-      },
-      "company": "Robinson, William J Esq",
-      "date": "2019-06-08",
-      "status": "new",
-      "activity": 49,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1069,
-      "name": "Vallie Mondella",
-      "country": {
-        "name": "Latvia",
-        "code": "lv"
-      },
-      "company": "Private Properties",
-      "date": "2018-12-06",
-      "status": "new",
-      "activity": 16,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1070,
-      "name": "Kallie Blackwood",
-      "country": {
-        "name": "Iceland",
-        "code": "is"
-      },
-      "company": "Rowley Schlimgen Inc",
-      "date": "2017-04-05",
-      "status": "unqualified",
-      "activity": 25,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1071,
-      "name": "Johnetta Abdallah",
-      "country": {
-        "name": "Netherlands",
-        "code": "nl"
-      },
-      "company": "Forging Specialties",
-      "date": "2015-02-02",
-      "status": "new",
-      "activity": 16,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1072,
-      "name": "Bobbye Rhym",
-      "country": {
-        "name": "Ukraine",
-        "code": "ua"
-      },
-      "company": "Smits, Patricia Garity",
-      "date": "2018-08-17",
-      "status": "qualified",
-      "activity": 85,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1073,
-      "name": "Micaela Rhymes",
-      "country": {
-        "name": "France",
-        "code": "fr"
-      },
-      "company": "H Lee Leonard Attorney At Law",
-      "date": "2018-09-08",
-      "status": "renewal",
-      "activity": 92,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1074,
-      "name": "Tamar Hoogland",
-      "country": {
-        "name": "Guatemala",
-        "code": "gt"
-      },
-      "company": "A K Construction Co",
-      "date": "2018-11-13",
-      "status": "proposal",
-      "activity": 22,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1075,
-      "name": "Moon Parlato",
-      "country": {
-        "name": "Czech Republic",
-        "code": "cz"
-      },
-      "company": "Ambelang, Jessica M Md",
-      "date": "2019-08-18",
-      "status": "renewal",
-      "activity": 64,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1076,
-      "name": "Laurel Reitler",
-      "country": {
-        "name": "United Kingdom",
-        "code": "gb"
-      },
-      "company": "Q A Service",
-      "date": "2015-04-02",
-      "status": "negotiation",
-      "activity": 80,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1077,
-      "name": "Delisa Crupi",
-      "country": {
-        "name": "Taiwan",
-        "code": "tw"
-      },
-      "company": "Wood \u0026 Whitacre Contractors",
-      "date": "2017-09-15",
-      "status": "unqualified",
-      "activity": 70,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1078,
-      "name": "Viva Toelkes",
-      "country": {
-        "name": "United States",
-        "code": "us"
-      },
-      "company": "Mark Iv Press Ltd",
-      "date": "2017-03-27",
-      "status": "qualified",
-      "activity": 16,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1079,
-      "name": "Elza Lipke",
-      "country": {
-        "name": "Ireland",
-        "code": "ie"
-      },
-      "company": "Museum Of Science \u0026 Industry",
-      "date": "2017-06-01",
-      "status": "proposal",
-      "activity": 90,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1080,
-      "name": "Devorah Chickering",
-      "country": {
-        "name": "Spain",
-        "code": "es"
-      },
-      "company": "Garrison Ind",
-      "date": "2017-03-14",
-      "status": "proposal",
-      "activity": 96,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1081,
-      "name": "Timothy Mulqueen",
-      "country": {
-        "name": "Netherlands",
-        "code": "nl"
-      },
-      "company": "Saronix Nymph Products",
-      "date": "2018-07-09",
-      "status": "renewal",
-      "activity": 77,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1082,
-      "name": "Arlette Honeywell",
-      "country": {
-        "name": "Panama",
-        "code": "pa"
-      },
-      "company": "Smc Inc",
-      "date": "2018-09-11",
-      "status": "proposal",
-      "activity": 46,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1083,
-      "name": "Dominque Dickerson",
-      "country": {
-        "name": "Argentina",
-        "code": "ar"
-      },
-      "company": "E A I Electronic Assocs Inc",
-      "date": "2017-11-12",
-      "status": "qualified",
-      "activity": 83,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1084,
-      "name": "Lettie Isenhower",
-      "country": {
-        "name": "Canada",
-        "code": "ca"
-      },
-      "company": "Conte, Christopher A Esq",
-      "date": "2016-03-01",
-      "status": "qualified",
-      "activity": 83,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1085,
-      "name": "Myra Munns",
-      "country": {
-        "name": "Lithuania",
-        "code": "lt"
-      },
-      "company": "Anker Law Office",
-      "date": "2016-05-21",
-      "status": "unqualified",
-      "activity": 49,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1086,
-      "name": "Stephaine Barfield",
-      "country": {
-        "name": "Belgium",
-        "code": "be"
-      },
-      "company": "Beutelschies \u0026 Company",
-      "date": "2016-01-22",
-      "status": "new",
-      "activity": 34,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1087,
-      "name": "Lai Gato",
-      "country": {
-        "name": "Nigeria",
-        "code": "ng"
-      },
-      "company": "Fligg, Kenneth I Jr",
-      "date": "2016-07-26",
-      "status": "unqualified",
-      "activity": 64,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1088,
-      "name": "Stephen Emigh",
-      "country": {
-        "name": "Cuba",
-        "code": "cu"
-      },
-      "company": "Sharp, J Daniel Esq",
-      "date": "2020-07-24",
-      "status": "renewal",
-      "activity": 51,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1089,
-      "name": "Tyra Shields",
-      "country": {
-        "name": "Honduras",
-        "code": "hn"
-      },
-      "company": "Assink, Anne H Esq",
-      "date": "2019-11-10",
-      "status": "negotiation",
-      "activity": 11,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1090,
-      "name": "Tammara Wardrip",
-      "country": {
-        "name": "Saudi Arabia",
-        "code": "sa"
-      },
-      "company": "Jewel My Shop Inc",
-      "date": "2016-06-05",
-      "status": "renewal",
-      "activity": 64,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1091,
-      "name": "Cory Gibes",
-      "country": {
-        "name": "Malaysia",
-        "code": "my"
-      },
-      "company": "Chinese Translation Resources",
-      "date": "2016-02-28",
-      "status": "new",
-      "activity": 44,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1092,
-      "name": "Danica Bruschke",
-      "country": {
-        "name": "Taiwan",
-        "code": "tw"
-      },
-      "company": "Stevens, Charles T",
-      "date": "2018-12-13",
-      "status": "unqualified",
-      "activity": 62,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1093,
-      "name": "Wilda Giguere",
-      "country": {
-        "name": "Iceland",
-        "code": "is"
-      },
-      "company": "Mclaughlin, Luther W Cpa",
-      "date": "2017-06-16",
-      "status": "new",
-      "activity": 79,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1094,
-      "name": "Elvera Benimadho",
-      "country": {
-        "name": "Malaysia",
-        "code": "my"
-      },
-      "company": "Tree Musketeers",
-      "date": "2019-02-17",
-      "status": "proposal",
-      "activity": 50,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1095,
-      "name": "Carma Vanheusen",
-      "country": {
-        "name": "Turkey",
-        "code": "tr"
-      },
-      "company": "Springfield Div Oh Edison Co",
-      "date": "2019-11-26",
-      "status": "renewal",
-      "activity": 84,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1096,
-      "name": "Malinda Hochard",
-      "country": {
-        "name": "Serbia",
-        "code": "rs"
-      },
-      "company": "Logan Memorial Hospital",
-      "date": "2016-07-06",
-      "status": "new",
-      "activity": 88,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1097,
-      "name": "Natalie Fern",
-      "country": {
-        "name": "Canada",
-        "code": "ca"
-      },
-      "company": "Kelly, Charles G Esq",
-      "date": "2019-10-02",
-      "status": "proposal",
-      "activity": 44,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1098,
-      "name": "Lisha Centini",
-      "country": {
-        "name": "Netherlands",
-        "code": "nl"
-      },
-      "company": "Industrial Paper Shredders Inc",
-      "date": "2018-07-05",
-      "status": "new",
-      "activity": 7,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1099,
-      "name": "Arlene Klusman",
-      "country": {
-        "name": "Jamaica",
-        "code": "jm"
-      },
-      "company": "Beck Horizon Builders",
-      "date": "2018-05-14",
-      "status": "proposal",
-      "activity": 99,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1100,
-      "name": "Alease Buemi",
-      "country": {
-        "name": "Costa Rica",
-        "code": "cr"
-      },
-      "company": "Porto Cayo At Hawks Cay",
-      "date": "2018-03-14",
-      "status": "unqualified",
-      "activity": 0,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1101,
-      "name": "Louisa Cronauer",
-      "country": {
-        "name": "Costa Rica",
-        "code": "cr"
-      },
-      "company": "Pacific Grove Museum Ntrl Hist",
-      "date": "2018-09-23",
-      "status": "qualified",
-      "activity": 3,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1102,
-      "name": "Angella Cetta",
-      "country": {
-        "name": "Vietnam",
-        "code": "vn"
-      },
-      "company": "Bender \u0026 Hatley Pc",
-      "date": "2018-04-10",
-      "status": "qualified",
-      "activity": 88,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1103,
-      "name": "Cyndy Goldammer",
-      "country": {
-        "name": "Burkina Faso",
-        "code": "bf"
-      },
-      "company": "Di Cristina J \u0026 Son",
-      "date": "2017-09-18",
-      "status": "unqualified",
-      "activity": 92,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1104,
-      "name": "Rosio Cork",
-      "country": {
-        "name": "Singapore",
-        "code": "sg"
-      },
-      "company": "Green Goddess",
-      "date": "2017-08-19",
-      "status": "negotiation",
-      "activity": 19,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1105,
-      "name": "Celeste Korando",
-      "country": {
-        "name": "Costa Rica",
-        "code": "cr"
-      },
-      "company": "American Arts \u0026 Graphics",
-      "date": "2020-06-18",
-      "status": "proposal",
-      "activity": 21,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1106,
-      "name": "Twana Felger",
-      "country": {
-        "name": "Croatia",
-        "code": "hr"
-      },
-      "company": "Opryland Hotel",
-      "date": "2016-11-18",
-      "status": "negotiation",
-      "activity": 97,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1107,
-      "name": "Estrella Samu",
-      "country": {
-        "name": "Vietnam",
-        "code": "vn"
-      },
-      "company": "Marking Devices Pubg Co",
-      "date": "2017-06-25",
-      "status": "unqualified",
-      "activity": 27,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1108,
-      "name": "Donte Kines",
-      "country": {
-        "name": "Slovakia",
-        "code": "sk"
-      },
-      "company": "W Tc Industries Inc",
-      "date": "2019-02-16",
-      "status": "new",
-      "activity": 35,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1109,
-      "name": "Tiffiny Steffensmeier",
-      "country": {
-        "name": "Pakistan",
-        "code": "pk"
-      },
-      "company": "Whitehall Robbins Labs Divsn",
-      "date": "2018-03-11",
-      "status": "new",
-      "activity": 81,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1110,
-      "name": "Edna Miceli",
-      "country": {
-        "name": "France",
-        "code": "fr"
-      },
-      "company": "Sampler",
-      "date": "2017-10-15",
-      "status": "renewal",
-      "activity": 54,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1111,
-      "name": "Sue Kownacki",
-      "country": {
-        "name": "Jamaica",
-        "code": "jm"
-      },
-      "company": "Juno Chefs Incorporated",
-      "date": "2017-03-17",
-      "status": "proposal",
-      "activity": 31,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1112,
-      "name": "Jesusa Shin",
-      "country": {
-        "name": "Ukraine",
-        "code": "ua"
-      },
-      "company": "Carroccio, A Thomas Esq",
-      "date": "2017-04-06",
-      "status": "renewal",
-      "activity": 28,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1113,
-      "name": "Rolland Francescon",
-      "country": {
-        "name": "United Kingdom",
-        "code": "gb"
-      },
-      "company": "Stanley, Richard L Esq",
-      "date": "2019-02-03",
-      "status": "qualified",
-      "activity": 45,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1114,
-      "name": "Pamella Schmierer",
-      "country": {
-        "name": "Belgium",
-        "code": "be"
-      },
-      "company": "K Cs Cstm Mouldings Windows",
-      "date": "2016-09-22",
-      "status": "unqualified",
-      "activity": 34,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1115,
-      "name": "Glory Kulzer",
-      "country": {
-        "name": "Croatia",
-        "code": "hr"
-      },
-      "company": "Comfort Inn",
-      "date": "2017-09-27",
-      "status": "unqualified",
-      "activity": 36,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1116,
-      "name": "Shawna Palaspas",
-      "country": {
-        "name": "Estonia",
-        "code": "ee"
-      },
-      "company": "Windsor, James L Esq",
-      "date": "2017-06-25",
-      "status": "unqualified",
-      "activity": 69,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1117,
-      "name": "Brandon Callaro",
-      "country": {
-        "name": "Romania",
-        "code": "ro"
-      },
-      "company": "Jackson Shields Yeiser",
-      "date": "2016-07-13",
-      "status": "proposal",
-      "activity": 55,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1118,
-      "name": "Scarlet Cartan",
-      "country": {
-        "name": "Panama",
-        "code": "pa"
-      },
-      "company": "Box, J Calvin Esq",
-      "date": "2018-09-13",
-      "status": "renewal",
-      "activity": 1,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1119,
-      "name": "Oretha Menter",
-      "country": {
-        "name": "Panama",
-        "code": "pa"
-      },
-      "company": "Custom Engineering Inc",
-      "date": "2017-09-11",
-      "status": "renewal",
-      "activity": 8,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1120,
-      "name": "Ty Smith",
-      "country": {
-        "name": "United States",
-        "code": "us"
-      },
-      "company": "Bresler Eitel Framg Gllry Ltd",
-      "date": "2019-07-06",
-      "status": "unqualified",
-      "activity": 50,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1121,
-      "name": "Xuan Rochin",
-      "country": {
-        "name": "Colombia",
-        "code": "co"
-      },
-      "company": "Carol, Drake Sparks Esq",
-      "date": "2018-05-22",
-      "status": "proposal",
-      "activity": 77,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1122,
-      "name": "Lindsey Dilello",
-      "country": {
-        "name": "Austria",
-        "code": "at"
-      },
-      "company": "Biltmore Investors Bank",
-      "date": "2017-07-18",
-      "status": "renewal",
-      "activity": 65,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1123,
-      "name": "Devora Perez",
-      "country": {
-        "name": "Uruguay",
-        "code": "uy"
-      },
-      "company": "Desco Equipment Corp",
-      "date": "2017-10-09",
-      "status": "unqualified",
-      "activity": 30,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1124,
-      "name": "Herman Demesa",
-      "country": {
-        "name": "Paraguay",
-        "code": "py"
-      },
-      "company": "Merlin Electric Co",
-      "date": "2019-05-23",
-      "status": "proposal",
-      "activity": 10,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1125,
-      "name": "Rory Papasergi",
-      "country": {
-        "name": "Egypt",
-        "code": "eg"
-      },
-      "company": "Bailey Cntl Co Div Babcock",
-      "date": "2019-03-02",
-      "status": "qualified",
-      "activity": 22,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1126,
-      "name": "Talia Riopelle",
-      "country": {
-        "name": "Guatemala",
-        "code": "gt"
-      },
-      "company": "Ford Brothers Wholesale Inc",
-      "date": "2017-02-18",
-      "status": "new",
-      "activity": 69,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1127,
-      "name": "Van Shire",
-      "country": {
-        "name": "Netherlands",
-        "code": "nl"
-      },
-      "company": "Cambridge Inn",
-      "date": "2020-05-12",
-      "status": "new",
-      "activity": 4,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1128,
-      "name": "Lucina Lary",
-      "country": {
-        "name": "Switzerland",
-        "code": "ch"
-      },
-      "company": "Matricciani, Albert J Jr",
-      "date": "2019-11-20",
-      "status": "negotiation",
-      "activity": 11,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1129,
-      "name": "Bok Isaacs",
-      "country": {
-        "name": "Chile",
-        "code": "cl"
-      },
-      "company": "Nelson Hawaiian Ltd",
-      "date": "2016-11-10",
-      "status": "proposal",
-      "activity": 41,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1130,
-      "name": "Rolande Spickerman",
-      "country": {
-        "name": "Panama",
-        "code": "pa"
-      },
-      "company": "Neland Travel Agency",
-      "date": "2016-07-11",
-      "status": "renewal",
-      "activity": 84,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1131,
-      "name": "Howard Paulas",
-      "country": {
-        "name": "Indonesia",
-        "code": "id"
-      },
-      "company": "Asendorf, J Alan Esq",
-      "date": "2017-07-17",
-      "status": "negotiation",
-      "activity": 22,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1132,
-      "name": "Kimbery Madarang",
-      "country": {
-        "name": "Senegal",
-        "code": "sn"
-      },
-      "company": "Silberman, Arthur L Esq",
-      "date": "2018-08-19",
-      "status": "negotiation",
-      "activity": 63,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1133,
-      "name": "Thurman Manno",
-      "country": {
-        "name": "Colombia",
-        "code": "co"
-      },
-      "company": "Honey Bee Breeding Genetics \u0026",
-      "date": "2016-05-02",
-      "status": "qualified",
-      "activity": 47,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1134,
-      "name": "Becky Mirafuentes",
-      "country": {
-        "name": "Serbia",
-        "code": "rs"
-      },
-      "company": "Wells Kravitz Schnitzer",
-      "date": "2018-04-13",
-      "status": "unqualified",
-      "activity": 62,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1135,
-      "name": "Beatriz Corrington",
-      "country": {
-        "name": "South Africa",
-        "code": "za"
-      },
-      "company": "Prohab Rehabilitation Servs",
-      "date": "2020-01-04",
-      "status": "renewal",
-      "activity": 55,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1136,
-      "name": "Marti Maybury",
-      "country": {
-        "name": "Thailand",
-        "code": "th"
-      },
-      "company": "Eldridge, Kristin K Esq",
-      "date": "2016-02-05",
-      "status": "unqualified",
-      "activity": 3,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1137,
-      "name": "Nieves Gotter",
-      "country": {
-        "name": "Latvia",
-        "code": "lv"
-      },
-      "company": "Vlahos, John J Esq",
-      "date": "2017-03-12",
-      "status": "proposal",
-      "activity": 3,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1138,
-      "name": "Leatha Hagele",
-      "country": {
-        "name": "Ukraine",
-        "code": "ua"
-      },
-      "company": "Ninas Indian Grs \u0026 Videos",
-      "date": "2019-03-27",
-      "status": "unqualified",
-      "activity": 67,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1139,
-      "name": "Valentin Klimek",
-      "country": {
-        "name": "Ivory Coast",
-        "code": "ci"
-      },
-      "company": "Schmid, Gayanne K Esq",
-      "date": "2019-08-06",
-      "status": "unqualified",
-      "activity": 14,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1140,
-      "name": "Melissa Wiklund",
-      "country": {
-        "name": "Japan",
-        "code": "jp"
-      },
-      "company": "Moapa Valley Federal Credit Un",
-      "date": "2018-03-20",
-      "status": "qualified",
-      "activity": 8,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1141,
-      "name": "Sheridan Zane",
-      "country": {
-        "name": "Croatia",
-        "code": "hr"
-      },
-      "company": "Kentucky Tennessee Clay Co",
-      "date": "2016-02-15",
-      "status": "qualified",
-      "activity": 17,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1142,
-      "name": "Bulah Padilla",
-      "country": {
-        "name": "Philippines",
-        "code": "ph"
-      },
-      "company": "Admiral Party Rentals \u0026 Sales",
-      "date": "2016-02-10",
-      "status": "proposal",
-      "activity": 58,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1143,
-      "name": "Audra Kohnert",
-      "country": {
-        "name": "Netherlands",
-        "code": "nl"
-      },
-      "company": "Nelson, Karolyn King Esq",
-      "date": "2019-07-16",
-      "status": "unqualified",
-      "activity": 82,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1144,
-      "name": "Daren Weirather",
-      "country": {
-        "name": "Israel",
-        "code": "il"
-      },
-      "company": "Panasystems",
-      "date": "2015-07-23",
-      "status": "negotiation",
-      "activity": 96,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1145,
-      "name": "Fernanda Jillson",
-      "country": {
-        "name": "Mexico",
-        "code": "mx"
-      },
-      "company": "Shank, Edward L Esq",
-      "date": "2017-07-02",
-      "status": "unqualified",
-      "activity": 92,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1146,
-      "name": "Gearldine Gellinger",
-      "country": {
-        "name": "Egypt",
-        "code": "eg"
-      },
-      "company": "Megibow \u0026 Edwards",
-      "date": "2019-08-17",
-      "status": "proposal",
-      "activity": 18,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1147,
-      "name": "Chau Kitzman",
-      "country": {
-        "name": "Paraguay",
-        "code": "py"
-      },
-      "company": "Benoff, Edward Esq",
-      "date": "2019-07-04",
-      "status": "new",
-      "activity": 9,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1148,
-      "name": "Theola Frey",
-      "country": {
-        "name": "Vietnam",
-        "code": "vn"
-      },
-      "company": "Woodbridge Free Public Library",
-      "date": "2020-03-14",
-      "status": "unqualified",
-      "activity": 44,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1149,
-      "name": "Cheryl Haroldson",
-      "country": {
-        "name": "France",
-        "code": "fr"
-      },
-      "company": "New York Life John Thune",
-      "date": "2018-04-03",
-      "status": "new",
-      "activity": 55,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1150,
-      "name": "Laticia Merced",
-      "country": {
-        "name": "Burkina Faso",
-        "code": "bf"
-      },
-      "company": "Alinabal Inc",
-      "date": "2017-03-04",
-      "status": "unqualified",
-      "activity": 21,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1151,
-      "name": "Carissa Batman",
-      "country": {
-        "name": "Greece",
-        "code": "gr"
-      },
-      "company": "Poletto, Kim David Esq",
-      "date": "2016-05-05",
-      "status": "negotiation",
-      "activity": 91,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1152,
-      "name": "Lezlie Craghead",
-      "country": {
-        "name": "Panama",
-        "code": "pa"
-      },
-      "company": "Chang, Carolyn Esq",
-      "date": "2019-05-28",
-      "status": "renewal",
-      "activity": 30,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1153,
-      "name": "Ozell Shealy",
-      "country": {
-        "name": "Pakistan",
-        "code": "pk"
-      },
-      "company": "Silver Bros Inc",
-      "date": "2016-08-19",
-      "status": "proposal",
-      "activity": 14,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1154,
-      "name": "Arminda Parvis",
-      "country": {
-        "name": "Indonesia",
-        "code": "id"
-      },
-      "company": "Newtec Inc",
-      "date": "2020-02-09",
-      "status": "proposal",
-      "activity": 77,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1155,
-      "name": "Reita Leto",
-      "country": {
-        "name": "Belgium",
-        "code": "be"
-      },
-      "company": "Creative Business Systems",
-      "date": "2020-04-03",
-      "status": "unqualified",
-      "activity": 58,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1156,
-      "name": "Yolando Luczki",
-      "country": {
-        "name": "France",
-        "code": "fr"
-      },
-      "company": "Dal Tile Corporation",
-      "date": "2015-01-27",
-      "status": "renewal",
-      "activity": 78,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1157,
-      "name": "Lizette Stem",
-      "country": {
-        "name": "Slovakia",
-        "code": "sk"
-      },
-      "company": "Edward S Katz",
-      "date": "2018-08-06",
-      "status": "new",
-      "activity": 67,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1158,
-      "name": "Gregoria Pawlowicz",
-      "country": {
-        "name": "Egypt",
-        "code": "eg"
-      },
-      "company": "Oh My Goodknits Inc",
-      "date": "2020-02-20",
-      "status": "renewal",
-      "activity": 29,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1159,
-      "name": "Carin Deleo",
-      "country": {
-        "name": "China",
-        "code": "cn"
-      },
-      "company": "Redeker, Debbie",
-      "date": "2015-05-28",
-      "status": "qualified",
-      "activity": 13,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1160,
-      "name": "Chantell Maynerich",
-      "country": {
-        "name": "Estonia",
-        "code": "ee"
-      },
-      "company": "Desert Sands Motel",
-      "date": "2016-09-05",
-      "status": "unqualified",
-      "activity": 75,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1161,
-      "name": "Dierdre Yum",
-      "country": {
-        "name": "Czech Republic",
-        "code": "cz"
-      },
-      "company": "Cummins Southern Plains Inc",
-      "date": "2016-12-20",
-      "status": "negotiation",
-      "activity": 1,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1162,
-      "name": "Larae Gudroe",
-      "country": {
-        "name": "Slovenia",
-        "code": "si"
-      },
-      "company": "Lehigh Furn Divsn Lehigh",
-      "date": "2015-11-28",
-      "status": "unqualified",
-      "activity": 13,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1163,
-      "name": "Latrice Tolfree",
-      "country": {
-        "name": "Jamaica",
-        "code": "jm"
-      },
-      "company": "United Van Lines Agent",
-      "date": "2018-11-11",
-      "status": "renewal",
-      "activity": 73,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1164,
-      "name": "Kerry Theodorov",
-      "country": {
-        "name": "Romania",
-        "code": "ro"
-      },
-      "company": "Capitol Reporters",
-      "date": "2016-11-05",
-      "status": "unqualified",
-      "activity": 76,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1165,
-      "name": "Dorthy Hidvegi",
-      "country": {
-        "name": "Poland",
-        "code": "pl"
-      },
-      "company": "Kwik Kopy Printing",
-      "date": "2020-08-13",
-      "status": "qualified",
-      "activity": 60,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1166,
-      "name": "Fannie Lungren",
-      "country": {
-        "name": "Belarus",
-        "code": "by"
-      },
-      "company": "Centro Inc",
-      "date": "2015-07-06",
-      "status": "negotiation",
-      "activity": 24,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1167,
-      "name": "Evangelina Radde",
-      "country": {
-        "name": "Ivory Coast",
-        "code": "ci"
-      },
-      "company": "Campbell, Jan Esq",
-      "date": "2020-02-25",
-      "status": "unqualified",
-      "activity": 93,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1168,
-      "name": "Novella Degroot",
-      "country": {
-        "name": "Slovenia",
-        "code": "si"
-      },
-      "company": "Evans, C Kelly Esq",
-      "date": "2017-12-19",
-      "status": "unqualified",
-      "activity": 30,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1169,
-      "name": "Clay Hoa",
-      "country": {
-        "name": "Paraguay",
-        "code": "py"
-      },
-      "company": "Scat Enterprises",
-      "date": "2016-02-22",
-      "status": "negotiation",
-      "activity": 93,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1170,
-      "name": "Jennifer Fallick",
-      "country": {
-        "name": "Australia",
-        "code": "au"
-      },
-      "company": "Nagle, Daniel J Esq",
-      "date": "2016-12-24",
-      "status": "unqualified",
-      "activity": 88,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1171,
-      "name": "Irma Wolfgramm",
-      "country": {
-        "name": "Belgium",
-        "code": "be"
-      },
-      "company": "Serendiquity Bed \u0026 Breakfast",
-      "date": "2020-10-18",
-      "status": "negotiation",
-      "activity": 70,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1172,
-      "name": "Eun Coody",
-      "country": {
-        "name": "Taiwan",
-        "code": "tw"
-      },
-      "company": "Ray Carolyne Realty",
-      "date": "2018-02-12",
-      "status": "qualified",
-      "activity": 61,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1173,
-      "name": "Sylvia Cousey",
-      "country": {
-        "name": "Ireland",
-        "code": "ie"
-      },
-      "company": "Berg, Charles E",
-      "date": "2018-06-10",
-      "status": "unqualified",
-      "activity": 91,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1174,
-      "name": "Nana Wrinkles",
-      "country": {
-        "name": "Austria",
-        "code": "at"
-      },
-      "company": "Ray, Milbern D",
-      "date": "2017-04-11",
-      "status": "renewal",
-      "activity": 98,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1175,
-      "name": "Layla Springe",
-      "country": {
-        "name": "South Africa",
-        "code": "za"
-      },
-      "company": "Chadds Ford Winery",
-      "date": "2019-07-27",
-      "status": "unqualified",
-      "activity": 97,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1176,
-      "name": "Joesph Degonia",
-      "country": {
-        "name": "Serbia",
-        "code": "rs"
-      },
-      "company": "A R Packaging",
-      "date": "2020-04-23",
-      "status": "renewal",
-      "activity": 56,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1177,
-      "name": "Annabelle Boord",
-      "country": {
-        "name": "Guatemala",
-        "code": "gt"
-      },
-      "company": "Corn Popper",
-      "date": "2020-09-16",
-      "status": "proposal",
-      "activity": 76,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1178,
-      "name": "Stephaine Vinning",
-      "country": {
-        "name": "Australia",
-        "code": "au"
-      },
-      "company": "Birite Foodservice Distr",
-      "date": "2016-05-14",
-      "status": "negotiation",
-      "activity": 43,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1179,
-      "name": "Nelida Sawchuk",
-      "country": {
-        "name": "South Africa",
-        "code": "za"
-      },
-      "company": "Anchorage Museum Of Hist \u0026 Art",
-      "date": "2018-06-22",
-      "status": "qualified",
-      "activity": 58,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1180,
-      "name": "Marguerita Hiatt",
-      "country": {
-        "name": "United Kingdom",
-        "code": "gb"
-      },
-      "company": "Haber, George D Md",
-      "date": "2018-10-25",
-      "status": "qualified",
-      "activity": 72,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1181,
-      "name": "Carmela Cookey",
-      "country": {
-        "name": "France",
-        "code": "fr"
-      },
-      "company": "Royal Pontiac Olds Inc",
-      "date": "2018-07-19",
-      "status": "proposal",
-      "activity": 24,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1182,
-      "name": "Junita Brideau",
-      "country": {
-        "name": "Indonesia",
-        "code": "id"
-      },
-      "company": "Leonards Antiques Inc",
-      "date": "2015-03-15",
-      "status": "proposal",
-      "activity": 86,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1183,
-      "name": "Claribel Varriano",
-      "country": {
-        "name": "Ecuador",
-        "code": "ec"
-      },
-      "company": "Meca",
-      "date": "2017-04-14",
-      "status": "unqualified",
-      "activity": 15,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1184,
-      "name": "Benton Skursky",
-      "country": {
-        "name": "Iceland",
-        "code": "is"
-      },
-      "company": "Nercon Engineering \u0026 Mfg Inc",
-      "date": "2015-02-19",
-      "status": "proposal",
-      "activity": 9,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1185,
-      "name": "Hillary Skulski",
-      "country": {
-        "name": "France",
-        "code": "fr"
-      },
-      "company": "Replica I",
-      "date": "2016-03-25",
-      "status": "unqualified",
-      "activity": 82,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1186,
-      "name": "Merilyn Bayless",
-      "country": {
-        "name": "Jamaica",
-        "code": "jm"
-      },
-      "company": "20 20 Printing Inc",
-      "date": "2020-10-13",
-      "status": "unqualified",
-      "activity": 13,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1187,
-      "name": "Teri Ennaco",
-      "country": {
-        "name": "Pakistan",
-        "code": "pk"
-      },
-      "company": "Publishers Group West",
-      "date": "2019-12-21",
-      "status": "unqualified",
-      "activity": 57,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1188,
-      "name": "Merlyn Lawler",
-      "country": {
-        "name": "Germany",
-        "code": "de"
-      },
-      "company": "Nischwitz, Jeffrey L Esq",
-      "date": "2016-02-26",
-      "status": "renewal",
-      "activity": 45,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1189,
-      "name": "Georgene Montezuma",
-      "country": {
-        "name": "Senegal",
-        "code": "sn"
-      },
-      "company": "Payne Blades \u0026 Wellborn Pa",
-      "date": "2018-10-11",
-      "status": "new",
-      "activity": 64,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1190,
-      "name": "Jettie Mconnell",
-      "country": {
-        "name": "Denmark",
-        "code": "dk"
-      },
-      "company": "Coldwell Bnkr Wright Real Est",
-      "date": "2015-10-18",
-      "status": "negotiation",
-      "activity": 74,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1191,
-      "name": "Lemuel Latzke",
-      "country": {
-        "name": "Colombia",
-        "code": "co"
-      },
-      "company": "Computer Repair Service",
-      "date": "2016-02-13",
-      "status": "proposal",
-      "activity": 79,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1192,
-      "name": "Melodie Knipp",
-      "country": {
-        "name": "Finland",
-        "code": "fi"
-      },
-      "company": "Fleetwood Building Block Inc",
-      "date": "2018-03-08",
-      "status": "negotiation",
-      "activity": 19,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1193,
-      "name": "Candida Corbley",
-      "country": {
-        "name": "Poland",
-        "code": "pl"
-      },
-      "company": "Colts Neck Medical Assocs Inc",
-      "date": "2017-12-02",
-      "status": "negotiation",
-      "activity": 11,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1194,
-      "name": "Karan Karpin",
-      "country": {
-        "name": "Estonia",
-        "code": "ee"
-      },
-      "company": "New England Taxidermy",
-      "date": "2019-01-07",
-      "status": "proposal",
-      "activity": 4,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1195,
-      "name": "Andra Scheyer",
-      "country": {
-        "name": "Romania",
-        "code": "ro"
-      },
-      "company": "Ludcke, George O Esq",
-      "date": "2016-08-14",
-      "status": "qualified",
-      "activity": 62,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1196,
-      "name": "Felicidad Poullion",
-      "country": {
-        "name": "Greece",
-        "code": "gr"
-      },
-      "company": "Mccorkle, Tom S Esq",
-      "date": "2016-03-05",
-      "status": "renewal",
-      "activity": 64,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1197,
-      "name": "Belen Strassner",
-      "country": {
-        "name": "Ivory Coast",
-        "code": "ci"
-      },
-      "company": "Eagle Software Inc",
-      "date": "2015-12-14",
-      "status": "qualified",
-      "activity": 91,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1198,
-      "name": "Gracia Melnyk",
-      "country": {
-        "name": "Costa Rica",
-        "code": "cr"
-      },
-      "company": "Juvenile \u0026 Adult Super",
-      "date": "2019-06-01",
-      "status": "unqualified",
-      "activity": 40,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1199,
-      "name": "Jolanda Hanafan",
-      "country": {
-        "name": "Cameroon",
-        "code": "cm"
-      },
-      "company": "Perez, Joseph J Esq",
-      "date": "2015-12-09",
-      "status": "qualified",
-      "activity": 27,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1200,
-      "name": "Barrett Toyama",
-      "country": {
-        "name": "Thailand",
-        "code": "th"
-      },
-      "company": "Case Foundation Co",
-      "date": "2019-08-16",
-      "status": "new",
-      "activity": 82,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1201,
-      "name": "Helga Fredicks",
-      "country": {
-        "name": "Guatemala",
-        "code": "gt"
-      },
-      "company": "Eis Environmental Engrs Inc",
-      "date": "2018-06-20",
-      "status": "new",
-      "activity": 33,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1202,
-      "name": "Ashlyn Pinilla",
-      "country": {
-        "name": "Japan",
-        "code": "jp"
-      },
-      "company": "Art Crafters",
-      "date": "2018-04-11",
-      "status": "unqualified",
-      "activity": 5,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1203,
-      "name": "Fausto Agramonte",
-      "country": {
-        "name": "Belgium",
-        "code": "be"
-      },
-      "company": "Marriott Hotels Resorts Suites",
-      "date": "2019-06-25",
-      "status": "new",
-      "activity": 22,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1204,
-      "name": "Ronny Caiafa",
-      "country": {
-        "name": "Argentina",
-        "code": "ar"
-      },
-      "company": "Remaco Inc",
-      "date": "2020-07-21",
-      "status": "new",
-      "activity": 61,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1205,
-      "name": "Marge Limmel",
-      "country": {
-        "name": "Cameroon",
-        "code": "cm"
-      },
-      "company": "Bjork, Robert D Jr",
-      "date": "2015-03-12",
-      "status": "unqualified",
-      "activity": 90,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1206,
-      "name": "Norah Waymire",
-      "country": {
-        "name": "United States",
-        "code": "us"
-      },
-      "company": "Carmichael, Jeffery L Esq",
-      "date": "2019-06-11",
-      "status": "renewal",
-      "activity": 48,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1207,
-      "name": "Aliza Baltimore",
-      "country": {
-        "name": "Malaysia",
-        "code": "my"
-      },
-      "company": "Andrews, J Robert Esq",
-      "date": "2020-11-25",
-      "status": "unqualified",
-      "activity": 59,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1208,
-      "name": "Mozell Pelkowski",
-      "country": {
-        "name": "Latvia",
-        "code": "lv"
-      },
-      "company": "Winship \u0026 Byrne",
-      "date": "2018-04-13",
-      "status": "unqualified",
-      "activity": 94,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1209,
-      "name": "Viola Bitsuie",
-      "country": {
-        "name": "Denmark",
-        "code": "dk"
-      },
-      "company": "Burton \u0026 Davis",
-      "date": "2018-07-07",
-      "status": "new",
-      "activity": 94,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1210,
-      "name": "Franklyn Emard",
-      "country": {
-        "name": "Iceland",
-        "code": "is"
-      },
-      "company": "Olympic Graphic Arts",
-      "date": "2018-02-25",
-      "status": "qualified",
-      "activity": 95,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1211,
-      "name": "Willodean Konopacki",
-      "country": {
-        "name": "Hong Kong",
-        "code": "hk"
-      },
-      "company": "Magnuson",
-      "date": "2017-10-03",
-      "status": "renewal",
-      "activity": 20,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1212,
-      "name": "Beckie Silvestrini",
-      "country": {
-        "name": "Poland",
-        "code": "pl"
-      },
-      "company": "A All American Travel Inc",
-      "date": "2016-11-26",
-      "status": "renewal",
-      "activity": 81,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1213,
-      "name": "Rebecka Gesick",
-      "country": {
-        "name": "Philippines",
-        "code": "ph"
-      },
-      "company": "Polykote Inc",
-      "date": "2019-06-22",
-      "status": "renewal",
-      "activity": 45,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1214,
-      "name": "Frederica Blunk",
-      "country": {
-        "name": "Lithuania",
-        "code": "lt"
-      },
-      "company": "Jets Cybernetics",
-      "date": "2019-06-07",
-      "status": "renewal",
-      "activity": 56,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1215,
-      "name": "Glen Bartolet",
-      "country": {
-        "name": "Germany",
-        "code": "de"
-      },
-      "company": "Metlab Testing Services",
-      "date": "2015-02-13",
-      "status": "proposal",
-      "activity": 99,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1216,
-      "name": "Freeman Gochal",
-      "country": {
-        "name": "Slovenia",
-        "code": "si"
-      },
-      "company": "Kellermann, William T Esq",
-      "date": "2019-08-27",
-      "status": "negotiation",
-      "activity": 2,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1217,
-      "name": "Vincent Meinerding",
-      "country": {
-        "name": "United States",
-        "code": "us"
-      },
-      "company": "Arturi, Peter D Esq",
-      "date": "2018-06-18",
-      "status": "new",
-      "activity": 58,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1218,
-      "name": "Rima Bevelacqua",
-      "country": {
-        "name": "Taiwan",
-        "code": "tw"
-      },
-      "company": "Mcauley Mfg Co",
-      "date": "2019-05-18",
-      "status": "new",
-      "activity": 31,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1219,
-      "name": "Glendora Sarbacher",
-      "country": {
-        "name": "Lithuania",
-        "code": "lt"
-      },
-      "company": "Defur Voran Hanley Radcliff",
-      "date": "2018-04-21",
-      "status": "new",
-      "activity": 79,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1220,
-      "name": "Avery Steier",
-      "country": {
-        "name": "Mexico",
-        "code": "mx"
-      },
-      "company": "Dill Dill Carr \u0026 Stonbraker Pc",
-      "date": "2017-07-27",
-      "status": "proposal",
-      "activity": 63,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1221,
-      "name": "Cristy Lother",
-      "country": {
-        "name": "Burkina Faso",
-        "code": "bf"
-      },
-      "company": "Kleensteel",
-      "date": "2018-05-19",
-      "status": "renewal",
-      "activity": 55,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1222,
-      "name": "Nicolette Brossart",
-      "country": {
-        "name": "Egypt",
-        "code": "eg"
-      },
-      "company": "Goulds Pumps Inc Slurry Pump",
-      "date": "2015-05-26",
-      "status": "new",
-      "activity": 25,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1223,
-      "name": "Tracey Modzelewski",
-      "country": {
-        "name": "Denmark",
-        "code": "dk"
-      },
-      "company": "Kansas City Insurance Report",
-      "date": "2019-07-02",
-      "status": "renewal",
-      "activity": 4,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1224,
-      "name": "Virgina Tegarden",
-      "country": {
-        "name": "Cameroon",
-        "code": "cm"
-      },
-      "company": "Berhanu International Foods",
-      "date": "2017-10-09",
-      "status": "qualified",
-      "activity": 62,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1225,
-      "name": "Tiera Frankel",
-      "country": {
-        "name": "India",
-        "code": "in"
-      },
-      "company": "Roland Ashcroft",
-      "date": "2018-03-27",
-      "status": "unqualified",
-      "activity": 90,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1226,
-      "name": "Alaine Bergesen",
-      "country": {
-        "name": "Peru",
-        "code": "pe"
-      },
-      "company": "Hispanic Magazine",
-      "date": "2017-08-10",
-      "status": "qualified",
-      "activity": 34,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1227,
-      "name": "Earleen Mai",
-      "country": {
-        "name": "Italy",
-        "code": "it"
-      },
-      "company": "Little Sheet Metal Co",
-      "date": "2016-06-22",
-      "status": "proposal",
-      "activity": 38,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1228,
-      "name": "Leonida Gobern",
-      "country": {
-        "name": "Cuba",
-        "code": "cu"
-      },
-      "company": "Holmes, Armstead J Esq",
-      "date": "2020-02-24",
-      "status": "renewal",
-      "activity": 96,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1229,
-      "name": "Ressie Auffrey",
-      "country": {
-        "name": "Japan",
-        "code": "jp"
-      },
-      "company": "Faw, James C Cpa",
-      "date": "2016-10-21",
-      "status": "negotiation",
-      "activity": 28,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1230,
-      "name": "Justine Mugnolo",
-      "country": {
-        "name": "Argentina",
-        "code": "ar"
-      },
-      "company": "Evans Rule Company",
-      "date": "2016-02-21",
-      "status": "negotiation",
-      "activity": 83,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1231,
-      "name": "Eladia Saulter",
-      "country": {
-        "name": "Switzerland",
-        "code": "ch"
-      },
-      "company": "Tyee Productions Inc",
-      "date": "2016-03-10",
-      "status": "new",
-      "activity": 16,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1232,
-      "name": "Chaya Malvin",
-      "country": {
-        "name": "Cuba",
-        "code": "cu"
-      },
-      "company": "Dunnells \u0026 Duvall",
-      "date": "2016-07-22",
-      "status": "renewal",
-      "activity": 12,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1233,
-      "name": "Gwenn Suffield",
-      "country": {
-        "name": "Austria",
-        "code": "at"
-      },
-      "company": "Deltam Systems Inc",
-      "date": "2019-06-23",
-      "status": "qualified",
-      "activity": 67,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1234,
-      "name": "Salena Karpel",
-      "country": {
-        "name": "Puerto Rico",
-        "code": "pr"
-      },
-      "company": "Hammill Mfg Co",
-      "date": "2016-08-02",
-      "status": "renewal",
-      "activity": 0,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1235,
-      "name": "Yoko Fishburne",
-      "country": {
-        "name": "Croatia",
-        "code": "hr"
-      },
-      "company": "Sams Corner Store",
-      "date": "2017-08-06",
-      "status": "unqualified",
-      "activity": 73,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1236,
-      "name": "Taryn Moyd",
-      "country": {
-        "name": "Serbia",
-        "code": "rs"
-      },
-      "company": "Siskin, Mark J Esq",
-      "date": "2016-12-18",
-      "status": "negotiation",
-      "activity": 57,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1237,
-      "name": "Katina Polidori",
-      "country": {
-        "name": "Nigeria",
-        "code": "ng"
-      },
-      "company": "Cape \u0026 Associates Real Estate",
-      "date": "2016-08-25",
-      "status": "unqualified",
-      "activity": 37,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1238,
-      "name": "Rickie Plumer",
-      "country": {
-        "name": "Turkey",
-        "code": "tr"
-      },
-      "company": "Merrill Lynch",
-      "date": "2018-11-04",
-      "status": "unqualified",
-      "activity": 71,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1239,
-      "name": "Alex Loader",
-      "country": {
-        "name": "Italy",
-        "code": "it"
-      },
-      "company": "Sublett, Scott Esq",
-      "date": "2016-01-07",
-      "status": "unqualified",
-      "activity": 22,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1240,
-      "name": "Lashon Vizarro",
-      "country": {
-        "name": "Ecuador",
-        "code": "ec"
-      },
-      "company": "Sentry Signs",
-      "date": "2019-08-02",
-      "status": "negotiation",
-      "activity": 46,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1241,
-      "name": "Lauran Burnard",
-      "country": {
-        "name": "Czech Republic",
-        "code": "cz"
-      },
-      "company": "Professionals Unlimited",
-      "date": "2016-04-27",
-      "status": "renewal",
-      "activity": 30,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1242,
-      "name": "Ceola Setter",
-      "country": {
-        "name": "Taiwan",
-        "code": "tw"
-      },
-      "company": "Southern Steel Shelving Co",
-      "date": "2017-05-13",
-      "status": "qualified",
-      "activity": 43,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1243,
-      "name": "My Rantanen",
-      "country": {
-        "name": "Philippines",
-        "code": "ph"
-      },
-      "company": "Bosco, Paul J",
-      "date": "2017-09-11",
-      "status": "proposal",
-      "activity": 60,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1244,
-      "name": "Lorrine Worlds",
-      "country": {
-        "name": "Argentina",
-        "code": "ar"
-      },
-      "company": "Longo, Nicholas J Esq",
-      "date": "2018-05-10",
-      "status": "renewal",
-      "activity": 51,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1245,
-      "name": "Peggie Sturiale",
-      "country": {
-        "name": "Malaysia",
-        "code": "my"
-      },
-      "company": "Henry County Middle School",
-      "date": "2019-11-03",
-      "status": "renewal",
-      "activity": 41,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1246,
-      "name": "Marvel Raymo",
-      "country": {
-        "name": "Belgium",
-        "code": "be"
-      },
-      "company": "Edison Supply \u0026 Equipment Co",
-      "date": "2016-03-08",
-      "status": "renewal",
-      "activity": 9,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1247,
-      "name": "Daron Dinos",
-      "country": {
-        "name": "Hungary",
-        "code": "hu"
-      },
-      "company": "Wolf, Warren R Esq",
-      "date": "2016-03-25",
-      "status": "unqualified",
-      "activity": 30,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1248,
-      "name": "An Fritz",
-      "country": {
-        "name": "Netherlands",
-        "code": "nl"
-      },
-      "company": "Linguistic Systems Inc",
-      "date": "2017-08-04",
-      "status": "proposal",
-      "activity": 86,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1249,
-      "name": "Portia Stimmel",
-      "country": {
-        "name": "Australia",
-        "code": "au"
-      },
-      "company": "Peace Christian Center",
-      "date": "2020-01-13",
-      "status": "qualified",
-      "activity": 30,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1250,
-      "name": "Rhea Aredondo",
-      "country": {
-        "name": "Greece",
-        "code": "gr"
-      },
-      "company": "Double B Foods Inc",
-      "date": "2016-06-19",
-      "status": "qualified",
-      "activity": 68,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1251,
-      "name": "Benedict Sama",
-      "country": {
-        "name": "Israel",
-        "code": "il"
-      },
-      "company": "Alexander \u0026 Alexander Inc",
-      "date": "2018-08-18",
-      "status": "negotiation",
-      "activity": 79,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1252,
-      "name": "Alyce Arias",
-      "country": {
-        "name": "Egypt",
-        "code": "eg"
-      },
-      "company": "Fairbanks Scales",
-      "date": "2018-09-14",
-      "status": "new",
-      "activity": 77,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1253,
-      "name": "Heike Berganza",
-      "country": {
-        "name": "Bulgaria",
-        "code": "bg"
-      },
-      "company": "Cali Sportswear Cutting Dept",
-      "date": "2019-01-21",
-      "status": "unqualified",
-      "activity": 95,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1254,
-      "name": "Carey Dopico",
-      "country": {
-        "name": "Saudi Arabia",
-        "code": "sa"
-      },
-      "company": "Garofani, John Esq",
-      "date": "2020-05-25",
-      "status": "negotiation",
-      "activity": 35,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1255,
-      "name": "Dottie Hellickson",
-      "country": {
-        "name": "Chile",
-        "code": "cl"
-      },
-      "company": "Thompson Fabricating Co",
-      "date": "2016-02-12",
-      "status": "qualified",
-      "activity": 7,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1256,
-      "name": "Deandrea Hughey",
-      "country": {
-        "name": "South Africa",
-        "code": "za"
-      },
-      "company": "Century 21 Krall Real Estate",
-      "date": "2018-09-26",
-      "status": "unqualified",
-      "activity": 96,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1257,
-      "name": "Kimberlie Duenas",
-      "country": {
-        "name": "Bulgaria",
-        "code": "bg"
-      },
-      "company": "Mid Contntl Rlty \u0026 Prop Mgmt",
-      "date": "2015-07-27",
-      "status": "qualified",
-      "activity": 96,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1258,
-      "name": "Martina Staback",
-      "country": {
-        "name": "Luxembourg",
-        "code": "lu"
-      },
-      "company": "Ace Signs Inc",
-      "date": "2017-02-14",
-      "status": "new",
-      "activity": 47,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1259,
-      "name": "Skye Fillingim",
-      "country": {
-        "name": "Belgium",
-        "code": "be"
-      },
-      "company": "Rodeway Inn",
-      "date": "2017-02-12",
-      "status": "new",
-      "activity": 86,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1260,
-      "name": "Jade Farrar",
-      "country": {
-        "name": "Mexico",
-        "code": "mx"
-      },
-      "company": "Bonnet \u0026 Daughter",
-      "date": "2017-02-23",
-      "status": "new",
-      "activity": 73,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1261,
-      "name": "Charlene Hamilton",
-      "country": {
-        "name": "India",
-        "code": "in"
-      },
-      "company": "Oshins \u0026 Gibbons",
-      "date": "2017-09-23",
-      "status": "unqualified",
-      "activity": 32,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1262,
-      "name": "Geoffrey Acey",
-      "country": {
-        "name": "Hong Kong",
-        "code": "hk"
-      },
-      "company": "Price Business Services",
-      "date": "2019-10-11",
-      "status": "proposal",
-      "activity": 98,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1263,
-      "name": "Stevie Westerbeck",
-      "country": {
-        "name": "Lithuania",
-        "code": "lt"
-      },
-      "company": "Wise, Dennis W Md",
-      "date": "2017-08-01",
-      "status": "renewal",
-      "activity": 57,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1264,
-      "name": "Pamella Fortino",
-      "country": {
-        "name": "Panama",
-        "code": "pa"
-      },
-      "company": "Super 8 Motel",
-      "date": "2018-09-03",
-      "status": "new",
-      "activity": 100,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1265,
-      "name": "Harrison Haufler",
-      "country": {
-        "name": "Malaysia",
-        "code": "my"
-      },
-      "company": "John Wagner Associates",
-      "date": "2016-08-25",
-      "status": "qualified",
-      "activity": 85,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1266,
-      "name": "Johnna Engelberg",
-      "country": {
-        "name": "Thailand",
-        "code": "th"
-      },
-      "company": "Thrifty Oil Co",
-      "date": "2019-06-02",
-      "status": "renewal",
-      "activity": 1,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1267,
-      "name": "Buddy Cloney",
-      "country": {
-        "name": "Hungary",
-        "code": "hu"
-      },
-      "company": "Larkfield Photo",
-      "date": "2020-05-14",
-      "status": "qualified",
-      "activity": 9,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1268,
-      "name": "Dalene Riden",
-      "country": {
-        "name": "Bolivia",
-        "code": "bo"
-      },
-      "company": "Silverman Planetarium",
-      "date": "2019-08-23",
-      "status": "renewal",
-      "activity": 31,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1269,
-      "name": "Jerry Zurcher",
-      "country": {
-        "name": "Ukraine",
-        "code": "ua"
-      },
-      "company": "J \u0026 F Lumber",
-      "date": "2015-05-11",
-      "status": "renewal",
-      "activity": 52,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1270,
-      "name": "Haydee Denooyer",
-      "country": {
-        "name": "Ivory Coast",
-        "code": "ci"
-      },
-      "company": "Cleaning Station Inc",
-      "date": "2016-04-17",
-      "status": "qualified",
-      "activity": 80,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1271,
-      "name": "Joseph Cryer",
-      "country": {
-        "name": "Philippines",
-        "code": "ph"
-      },
-      "company": "Ames Stationers",
-      "date": "2019-11-26",
-      "status": "qualified",
-      "activity": 53,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1272,
-      "name": "Deonna Kippley",
-      "country": {
-        "name": "South Africa",
-        "code": "za"
-      },
-      "company": "Midas Muffler Shops",
-      "date": "2017-08-26",
-      "status": "qualified",
-      "activity": 52,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1273,
-      "name": "Raymon Calvaresi",
-      "country": {
-        "name": "South Africa",
-        "code": "za"
-      },
-      "company": "Seaboard Securities Inc",
-      "date": "2017-07-09",
-      "status": "qualified",
-      "activity": 45,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1274,
-      "name": "Alecia Bubash",
-      "country": {
-        "name": "Poland",
-        "code": "pl"
-      },
-      "company": "Petersen, James E Esq",
-      "date": "2016-05-19",
-      "status": "new",
-      "activity": 28,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1275,
-      "name": "Ma Layous",
-      "country": {
-        "name": "Latvia",
-        "code": "lv"
-      },
-      "company": "Development Authority",
-      "date": "2016-02-11",
-      "status": "qualified",
-      "activity": 2,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1276,
-      "name": "Detra Coyier",
-      "country": {
-        "name": "Ivory Coast",
-        "code": "ci"
-      },
-      "company": "Schott Fiber Optics Inc",
-      "date": "2019-06-05",
-      "status": "proposal",
-      "activity": 95,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1277,
-      "name": "Terrilyn Rodeigues",
-      "country": {
-        "name": "Thailand",
-        "code": "th"
-      },
-      "company": "Stuart J Agins",
-      "date": "2016-08-04",
-      "status": "renewal",
-      "activity": 35,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1278,
-      "name": "Salome Lacovara",
-      "country": {
-        "name": "Romania",
-        "code": "ro"
-      },
-      "company": "Mitsumi Electronics Corp",
-      "date": "2015-06-05",
-      "status": "unqualified",
-      "activity": 78,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1279,
-      "name": "Garry Keetch",
-      "country": {
-        "name": "Luxembourg",
-        "code": "lu"
-      },
-      "company": "Italian Express Franchise Corp",
-      "date": "2015-06-20",
-      "status": "unqualified",
-      "activity": 86,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1280,
-      "name": "Matthew Neither",
-      "country": {
-        "name": "United Kingdom",
-        "code": "gb"
-      },
-      "company": "American Council On Sci \u0026 Hlth",
-      "date": "2018-06-24",
-      "status": "qualified",
-      "activity": 4,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1281,
-      "name": "Theodora Restrepo",
-      "country": {
-        "name": "Paraguay",
-        "code": "py"
-      },
-      "company": "Kleri, Patricia S Esq",
-      "date": "2017-08-15",
-      "status": "renewal",
-      "activity": 66,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1282,
-      "name": "Noah Kalafatis",
-      "country": {
-        "name": "Saudi Arabia",
-        "code": "sa"
-      },
-      "company": "Twiggs Abrams Blanchard",
-      "date": "2020-06-24",
-      "status": "negotiation",
-      "activity": 35,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1283,
-      "name": "Carmen Sweigard",
-      "country": {
-        "name": "Bolivia",
-        "code": "bo"
-      },
-      "company": "Maui Research \u0026 Technology Pk",
-      "date": "2019-08-08",
-      "status": "new",
-      "activity": 96,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1284,
-      "name": "Lavonda Hengel",
-      "country": {
-        "name": "Hungary",
-        "code": "hu"
-      },
-      "company": "Bradley Nameplate Corp",
-      "date": "2019-10-25",
-      "status": "negotiation",
-      "activity": 48,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1285,
-      "name": "Junita Stoltzman",
-      "country": {
-        "name": "Turkey",
-        "code": "tr"
-      },
-      "company": "Geonex Martel Inc",
-      "date": "2015-03-19",
-      "status": "proposal",
-      "activity": 64,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1286,
-      "name": "Herminia Nicolozakes",
-      "country": {
-        "name": "Venezuela",
-        "code": "ve"
-      },
-      "company": "Sea Island Div Of Fstr Ind Inc",
-      "date": "2019-09-09",
-      "status": "negotiation",
-      "activity": 0,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1287,
-      "name": "Casie Good",
-      "country": {
-        "name": "Japan",
-        "code": "jp"
-      },
-      "company": "Papay, Debbie J Esq",
-      "date": "2016-11-27",
-      "status": "new",
-      "activity": 87,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1288,
-      "name": "Reena Maisto",
-      "country": {
-        "name": "Panama",
-        "code": "pa"
-      },
-      "company": "Lane Promotions",
-      "date": "2016-08-22",
-      "status": "new",
-      "activity": 16,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1289,
-      "name": "Mirta Mallett",
-      "country": {
-        "name": "Singapore",
-        "code": "sg"
-      },
-      "company": "Stephen Kennerly Archts Inc Pc",
-      "date": "2017-11-27",
-      "status": "renewal",
-      "activity": 14,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1290,
-      "name": "Cathrine Pontoriero",
-      "country": {
-        "name": "Finland",
-        "code": "fi"
-      },
-      "company": "Business Systems Of Wis Inc",
-      "date": "2020-02-07",
-      "status": "negotiation",
-      "activity": 58,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1291,
-      "name": "Filiberto Tawil",
-      "country": {
-        "name": "Panama",
-        "code": "pa"
-      },
-      "company": "Flash, Elena Salerno Esq",
-      "date": "2018-01-28",
-      "status": "proposal",
-      "activity": 0,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1292,
-      "name": "Raul Upthegrove",
-      "country": {
-        "name": "Panama",
-        "code": "pa"
-      },
-      "company": "Neeley, Gregory W Esq",
-      "date": "2019-11-16",
-      "status": "renewal",
-      "activity": 59,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1293,
-      "name": "Sarah Candlish",
-      "country": {
-        "name": "Hong Kong",
-        "code": "hk"
-      },
-      "company": "Alabama Educational Tv Comm",
-      "date": "2019-06-09",
-      "status": "proposal",
-      "activity": 30,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1294,
-      "name": "Lucy Treston",
-      "country": {
-        "name": "Jamaica",
-        "code": "jm"
-      },
-      "company": "Franz Inc",
-      "date": "2017-02-07",
-      "status": "proposal",
-      "activity": 59,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1295,
-      "name": "Judy Aquas",
-      "country": {
-        "name": "Romania",
-        "code": "ro"
-      },
-      "company": "Plantation Restaurant",
-      "date": "2020-09-14",
-      "status": "renewal",
-      "activity": 86,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1296,
-      "name": "Yvonne Tjepkema",
-      "country": {
-        "name": "United Kingdom",
-        "code": "gb"
-      },
-      "company": "Radio Communications Co",
-      "date": "2017-01-06",
-      "status": "renewal",
-      "activity": 33,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1297,
-      "name": "Kayleigh Lace",
-      "country": {
-        "name": "Denmark",
-        "code": "dk"
-      },
-      "company": "Dentalaw Divsn Hlth Care",
-      "date": "2019-11-04",
-      "status": "negotiation",
-      "activity": 70,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1298,
-      "name": "Felix Hirpara",
-      "country": {
-        "name": "Panama",
-        "code": "pa"
-      },
-      "company": "American Speedy Printing Ctrs",
-      "date": "2015-03-13",
-      "status": "new",
-      "activity": 8,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1299,
-      "name": "Tresa Sweely",
-      "country": {
-        "name": "Germany",
-        "code": "de"
-      },
-      "company": "Grayson, Grant S Esq",
-      "date": "2019-12-22",
-      "status": "proposal",
-      "activity": 22,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1300,
-      "name": "Kristeen Turinetti",
-      "country": {
-        "name": "Burkina Faso",
-        "code": "bf"
-      },
-      "company": "Jeanerette Middle School",
-      "date": "2017-09-28",
-      "status": "new",
-      "activity": 67,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1301,
-      "name": "Jenelle Regusters",
-      "country": {
-        "name": "Hungary",
-        "code": "hu"
-      },
-      "company": "Haavisto, Brian F Esq",
-      "date": "2019-07-27",
-      "status": "qualified",
-      "activity": 13,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1302,
-      "name": "Renea Monterrubio",
-      "country": {
-        "name": "Greece",
-        "code": "gr"
-      },
-      "company": "Wmmt Radio Station",
-      "date": "2016-03-28",
-      "status": "proposal",
-      "activity": 73,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1303,
-      "name": "Olive Matuszak",
-      "country": {
-        "name": "Germany",
-        "code": "de"
-      },
-      "company": "Colony Paints Sales Ofc \u0026 Plnt",
-      "date": "2018-04-15",
-      "status": "unqualified",
-      "activity": 70,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1304,
-      "name": "Ligia Reiber",
-      "country": {
-        "name": "Cameroon",
-        "code": "cm"
-      },
-      "company": "Floral Expressions",
-      "date": "2017-02-02",
-      "status": "negotiation",
-      "activity": 51,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1305,
-      "name": "Christiane Eschberger",
-      "country": {
-        "name": "Romania",
-        "code": "ro"
-      },
-      "company": "Casco Services Inc",
-      "date": "2018-03-27",
-      "status": "unqualified",
-      "activity": 81,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1306,
-      "name": "Goldie Schirpke",
-      "country": {
-        "name": "Paraguay",
-        "code": "py"
-      },
-      "company": "Reuter, Arthur C Jr",
-      "date": "2015-04-21",
-      "status": "renewal",
-      "activity": 8,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1307,
-      "name": "Loreta Timenez",
-      "country": {
-        "name": "Burkina Faso",
-        "code": "bf"
-      },
-      "company": "Kaminski, Katherine Andritsaki",
-      "date": "2015-07-17",
-      "status": "proposal",
-      "activity": 29,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1308,
-      "name": "Fabiola Hauenstein",
-      "country": {
-        "name": "Czech Republic",
-        "code": "cz"
-      },
-      "company": "Sidewinder Products Corp",
-      "date": "2015-12-12",
-      "status": "renewal",
-      "activity": 42,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1309,
-      "name": "Amie Perigo",
-      "country": {
-        "name": "Russia",
-        "code": "ru"
-      },
-      "company": "General Foam Corporation",
-      "date": "2016-06-13",
-      "status": "new",
-      "activity": 55,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1310,
-      "name": "Raina Brachle",
-      "country": {
-        "name": "Greece",
-        "code": "gr"
-      },
-      "company": "Ikg Borden Divsn Harsco Corp",
-      "date": "2016-11-28",
-      "status": "negotiation",
-      "activity": 12,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1311,
-      "name": "Erinn Canlas",
-      "country": {
-        "name": "United Kingdom",
-        "code": "gb"
-      },
-      "company": "Anchor Computer Inc",
-      "date": "2018-12-08",
-      "status": "proposal",
-      "activity": 89,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1312,
-      "name": "Cherry Lietz",
-      "country": {
-        "name": "Bulgaria",
-        "code": "bg"
-      },
-      "company": "Sebring \u0026 Co",
-      "date": "2017-11-04",
-      "status": "qualified",
-      "activity": 22,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1313,
-      "name": "Kattie Vonasek",
-      "country": {
-        "name": "Austria",
-        "code": "at"
-      },
-      "company": "H A C Farm Lines Co Optv Assoc",
-      "date": "2017-02-17",
-      "status": "proposal",
-      "activity": 58,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1314,
-      "name": "Lilli Scriven",
-      "country": {
-        "name": "Egypt",
-        "code": "eg"
-      },
-      "company": "Hunter, John J Esq",
-      "date": "2017-04-15",
-      "status": "qualified",
-      "activity": 79,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1315,
-      "name": "Whitley Tomasulo",
-      "country": {
-        "name": "Qatar",
-        "code": "qa"
-      },
-      "company": "Freehold Fence Co",
-      "date": "2017-11-16",
-      "status": "qualified",
-      "activity": 6,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1316,
-      "name": "Barbra Adkin",
-      "country": {
-        "name": "Nigeria",
-        "code": "ng"
-      },
-      "company": "Binswanger",
-      "date": "2019-07-24",
-      "status": "qualified",
-      "activity": 64,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1317,
-      "name": "Hermila Thyberg",
-      "country": {
-        "name": "Argentina",
-        "code": "ar"
-      },
-      "company": "Chilton Malting Co",
-      "date": "2016-11-05",
-      "status": "qualified",
-      "activity": 57,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1318,
-      "name": "Jesusita Flister",
-      "country": {
-        "name": "Ukraine",
-        "code": "ua"
-      },
-      "company": "Schoen, Edward J Jr",
-      "date": "2017-03-03",
-      "status": "proposal",
-      "activity": 29,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1319,
-      "name": "Caitlin Julia",
-      "country": {
-        "name": "Israel",
-        "code": "il"
-      },
-      "company": "Helderman, Seymour Cpa",
-      "date": "2018-03-13",
-      "status": "renewal",
-      "activity": 19,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1320,
-      "name": "Roosevelt Hoffis",
-      "country": {
-        "name": "Puerto Rico",
-        "code": "pr"
-      },
-      "company": "Denbrook, Myron",
-      "date": "2019-04-14",
-      "status": "new",
-      "activity": 49,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1321,
-      "name": "Helaine Halter",
-      "country": {
-        "name": "Estonia",
-        "code": "ee"
-      },
-      "company": "Lippitt, Mike",
-      "date": "2019-09-28",
-      "status": "renewal",
-      "activity": 62,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1322,
-      "name": "Lorean Martabano",
-      "country": {
-        "name": "Slovakia",
-        "code": "sk"
-      },
-      "company": "Hiram, Hogg P Esq",
-      "date": "2017-03-23",
-      "status": "negotiation",
-      "activity": 8,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1323,
-      "name": "France Buzick",
-      "country": {
-        "name": "Nigeria",
-        "code": "ng"
-      },
-      "company": "In Travel Agency",
-      "date": "2016-12-14",
-      "status": "renewal",
-      "activity": 22,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1324,
-      "name": "Justine Ferrario",
-      "country": {
-        "name": "Ukraine",
-        "code": "ua"
-      },
-      "company": "Newhart Foods Inc",
-      "date": "2015-09-07",
-      "status": "unqualified",
-      "activity": 7,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1325,
-      "name": "Adelina Nabours",
-      "country": {
-        "name": "Mexico",
-        "code": "mx"
-      },
-      "company": "Courtyard By Marriott",
-      "date": "2018-05-26",
-      "status": "renewal",
-      "activity": 59,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1326,
-      "name": "Derick Dhamer",
-      "country": {
-        "name": "Hungary",
-        "code": "hu"
-      },
-      "company": "Studer, Eugene A Esq",
-      "date": "2020-07-04",
-      "status": "new",
-      "activity": 72,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1327,
-      "name": "Jerry Dallen",
-      "country": {
-        "name": "Egypt",
-        "code": "eg"
-      },
-      "company": "Seashore Supply Co Waretown",
-      "date": "2015-10-23",
-      "status": "renewal",
-      "activity": 21,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1328,
-      "name": "Leota Ragel",
-      "country": {
-        "name": "Qatar",
-        "code": "qa"
-      },
-      "company": "Mayar Silk Inc",
-      "date": "2019-06-15",
-      "status": "negotiation",
-      "activity": 74,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1329,
-      "name": "Jutta Amyot",
-      "country": {
-        "name": "Cameroon",
-        "code": "cm"
-      },
-      "company": "National Medical Excess Corp",
-      "date": "2019-09-01",
-      "status": "proposal",
-      "activity": 8,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1330,
-      "name": "Aja Gehrett",
-      "country": {
-        "name": "Sweden",
-        "code": "se"
-      },
-      "company": "Stero Company",
-      "date": "2018-01-28",
-      "status": "qualified",
-      "activity": 46,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1331,
-      "name": "Kirk Herritt",
-      "country": {
-        "name": "Morocco",
-        "code": "ma"
-      },
-      "company": "Hasting, H Duane Esq",
-      "date": "2018-10-24",
-      "status": "renewal",
-      "activity": 2,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1332,
-      "name": "Leonora Mauson",
-      "country": {
-        "name": "Hong Kong",
-        "code": "hk"
-      },
-      "company": "Insty Prints",
-      "date": "2019-02-02",
-      "status": "proposal",
-      "activity": 8,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1333,
-      "name": "Winfred Brucato",
-      "country": {
-        "name": "Austria",
-        "code": "at"
-      },
-      "company": "Glenridge Manor Mobile Home Pk",
-      "date": "2019-08-16",
-      "status": "renewal",
-      "activity": 8,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1334,
-      "name": "Tarra Nachor",
-      "country": {
-        "name": "Panama",
-        "code": "pa"
-      },
-      "company": "Circuit Solution Inc",
-      "date": "2019-07-10",
-      "status": "proposal",
-      "activity": 88,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1335,
-      "name": "Corinne Loder",
-      "country": {
-        "name": "Brazil",
-        "code": "br"
-      },
-      "company": "Local Office",
-      "date": "2016-05-21",
-      "status": "proposal",
-      "activity": 85,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1336,
-      "name": "Dulce Labreche",
-      "country": {
-        "name": "South Africa",
-        "code": "za"
-      },
-      "company": "Lee Kilkelly Paulson \u0026 Kabaker",
-      "date": "2019-11-10",
-      "status": "qualified",
-      "activity": 24,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1337,
-      "name": "Kate Keneipp",
-      "country": {
-        "name": "Latvia",
-        "code": "lv"
-      },
-      "company": "Davis, Maxon R Esq",
-      "date": "2019-06-20",
-      "status": "proposal",
-      "activity": 44,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1338,
-      "name": "Kaitlyn Ogg",
-      "country": {
-        "name": "Tunisia",
-        "code": "tn"
-      },
-      "company": "Garrison, Paul E Esq",
-      "date": "2019-08-01",
-      "status": "proposal",
-      "activity": 91,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1339,
-      "name": "Sherita Saras",
-      "country": {
-        "name": "Taiwan",
-        "code": "tw"
-      },
-      "company": "Black History Resource Center",
-      "date": "2017-06-09",
-      "status": "unqualified",
-      "activity": 79,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1340,
-      "name": "Lashawnda Stuer",
-      "country": {
-        "name": "Indonesia",
-        "code": "id"
-      },
-      "company": "Rodriguez, J Christopher Esq",
-      "date": "2018-01-08",
-      "status": "negotiation",
-      "activity": 6,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1341,
-      "name": "Ernest Syrop",
-      "country": {
-        "name": "Jamaica",
-        "code": "jm"
-      },
-      "company": "Grant Family Health Center",
-      "date": "2016-10-06",
-      "status": "unqualified",
-      "activity": 90,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1342,
-      "name": "Nobuko Halsey",
-      "country": {
-        "name": "Argentina",
-        "code": "ar"
-      },
-      "company": "Goeman Wood Products Inc",
-      "date": "2019-01-02",
-      "status": "unqualified",
-      "activity": 72,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1343,
-      "name": "Lavonna Wolny",
-      "country": {
-        "name": "Czech Republic",
-        "code": "cz"
-      },
-      "company": "Linhares, Kenneth A Esq",
-      "date": "2019-03-09",
-      "status": "negotiation",
-      "activity": 77,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1344,
-      "name": "Lashaunda Lizama",
-      "country": {
-        "name": "Ecuador",
-        "code": "ec"
-      },
-      "company": "Earnhardt Printing",
-      "date": "2016-02-16",
-      "status": "negotiation",
-      "activity": 76,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1345,
-      "name": "Mariann Bilden",
-      "country": {
-        "name": "Argentina",
-        "code": "ar"
-      },
-      "company": "H P G Industrys Inc",
-      "date": "2019-12-15",
-      "status": "proposal",
-      "activity": 20,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1346,
-      "name": "Helene Rodenberger",
-      "country": {
-        "name": "Bolivia",
-        "code": "bo"
-      },
-      "company": "Bailey Transportation Prod Inc",
-      "date": "2016-09-22",
-      "status": "unqualified",
-      "activity": 26,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1347,
-      "name": "Roselle Estell",
-      "country": {
-        "name": "Hungary",
-        "code": "hu"
-      },
-      "company": "Mcglynn Bliss Pc",
-      "date": "2016-11-25",
-      "status": "negotiation",
-      "activity": 80,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1348,
-      "name": "Samira Heintzman",
-      "country": {
-        "name": "Vietnam",
-        "code": "vn"
-      },
-      "company": "Mutual Fish Co",
-      "date": "2019-11-26",
-      "status": "qualified",
-      "activity": 70,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1349,
-      "name": "Margart Meisel",
-      "country": {
-        "name": "Serbia",
-        "code": "rs"
-      },
-      "company": "Yeates, Arthur L Aia",
-      "date": "2019-10-27",
-      "status": "negotiation",
-      "activity": 77,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1350,
-      "name": "Kristofer Bennick",
-      "country": {
-        "name": "Tunisia",
-        "code": "tn"
-      },
-      "company": "Logan, Ronald J Esq",
-      "date": "2016-02-13",
-      "status": "proposal",
-      "activity": 5,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1351,
-      "name": "Weldon Acuff",
-      "country": {
-        "name": "Estonia",
-        "code": "ee"
-      },
-      "company": "Advantage Martgage Company",
-      "date": "2019-10-22",
-      "status": "qualified",
-      "activity": 38,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1352,
-      "name": "Shalon Shadrick",
-      "country": {
-        "name": "Iceland",
-        "code": "is"
-      },
-      "company": "Germer And Gertz Llp",
-      "date": "2015-01-03",
-      "status": "proposal",
-      "activity": 66,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1353,
-      "name": "Denise Patak",
-      "country": {
-        "name": "Uruguay",
-        "code": "uy"
-      },
-      "company": "Spence Law Offices",
-      "date": "2016-11-03",
-      "status": "qualified",
-      "activity": 77,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1354,
-      "name": "Louvenia Beech",
-      "country": {
-        "name": "Ecuador",
-        "code": "ec"
-      },
-      "company": "John Ortiz Nts Therapy Center",
-      "date": "2016-04-11",
-      "status": "renewal",
-      "activity": 62,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1355,
-      "name": "Audry Yaw",
-      "country": {
-        "name": "Portugal",
-        "code": "pt"
-      },
-      "company": "Mike Uchrin Htg \u0026 Air Cond Inc",
-      "date": "2017-11-22",
-      "status": "unqualified",
-      "activity": 12,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1356,
-      "name": "Kristel Ehmann",
-      "country": {
-        "name": "Israel",
-        "code": "il"
-      },
-      "company": "Mccoy, Joy Reynolds Esq",
-      "date": "2016-06-23",
-      "status": "new",
-      "activity": 67,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1357,
-      "name": "Vincenza Zepp",
-      "country": {
-        "name": "Pakistan",
-        "code": "pk"
-      },
-      "company": "Kbor 1600 Am",
-      "date": "2016-01-04",
-      "status": "qualified",
-      "activity": 25,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1358,
-      "name": "Elouise Gwalthney",
-      "country": {
-        "name": "Netherlands",
-        "code": "nl"
-      },
-      "company": "Quality Inn Northwest",
-      "date": "2016-04-05",
-      "status": "proposal",
-      "activity": 14,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1359,
-      "name": "Venita Maillard",
-      "country": {
-        "name": "Poland",
-        "code": "pl"
-      },
-      "company": "Wallace Church Assoc Inc",
-      "date": "2016-03-23",
-      "status": "negotiation",
-      "activity": 69,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1360,
-      "name": "Kasandra Semidey",
-      "country": {
-        "name": "Indonesia",
-        "code": "id"
-      },
-      "company": "Can Tron",
-      "date": "2015-09-03",
-      "status": "new",
-      "activity": 25,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1361,
-      "name": "Xochitl Discipio",
-      "country": {
-        "name": "Slovakia",
-        "code": "sk"
-      },
-      "company": "Ravaal Enterprises Inc",
-      "date": "2016-11-14",
-      "status": "qualified",
-      "activity": 47,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1362,
-      "name": "Maile Linahan",
-      "country": {
-        "name": "Nigeria",
-        "code": "ng"
-      },
-      "company": "Thompson Steel Company Inc",
-      "date": "2016-07-24",
-      "status": "new",
-      "activity": 0,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1363,
-      "name": "Krissy Rauser",
-      "country": {
-        "name": "Thailand",
-        "code": "th"
-      },
-      "company": "Anderson, Mark A Esq",
-      "date": "2020-03-06",
-      "status": "renewal",
-      "activity": 33,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1364,
-      "name": "Pete Dubaldi",
-      "country": {
-        "name": "Bolivia",
-        "code": "bo"
-      },
-      "company": "Womack \u0026 Galich",
-      "date": "2015-11-22",
-      "status": "unqualified",
-      "activity": 31,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1365,
-      "name": "Linn Paa",
-      "country": {
-        "name": "Bolivia",
-        "code": "bo"
-      },
-      "company": "Valerie \u0026 Company",
-      "date": "2015-08-12",
-      "status": "unqualified",
-      "activity": 26,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1366,
-      "name": "Paris Wide",
-      "country": {
-        "name": "Uruguay",
-        "code": "uy"
-      },
-      "company": "Gehring Pumps Inc",
-      "date": "2018-10-21",
-      "status": "proposal",
-      "activity": 90,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1367,
-      "name": "Wynell Dorshorst",
-      "country": {
-        "name": "Romania",
-        "code": "ro"
-      },
-      "company": "Haehnel, Craig W Esq",
-      "date": "2018-05-10",
-      "status": "new",
-      "activity": 60,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1368,
-      "name": "Quentin Birkner",
-      "country": {
-        "name": "Senegal",
-        "code": "sn"
-      },
-      "company": "Spoor Behrins Campbell \u0026 Young",
-      "date": "2019-02-03",
-      "status": "unqualified",
-      "activity": 68,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1369,
-      "name": "Regenia Kannady",
-      "country": {
-        "name": "Portugal",
-        "code": "pt"
-      },
-      "company": "Ken Jeter Store Equipment Inc",
-      "date": "2018-07-13",
-      "status": "new",
-      "activity": 74,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1370,
-      "name": "Sheron Louissant",
-      "country": {
-        "name": "France",
-        "code": "fr"
-      },
-      "company": "Potter, Brenda J Cpa",
-      "date": "2017-01-04",
-      "status": "qualified",
-      "activity": 86,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1371,
-      "name": "Izetta Funnell",
-      "country": {
-        "name": "Hong Kong",
-        "code": "hk"
-      },
-      "company": "Baird Kurtz \u0026 Dobson",
-      "date": "2019-11-05",
-      "status": "new",
-      "activity": 67,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1372,
-      "name": "Rodolfo Butzen",
-      "country": {
-        "name": "Taiwan",
-        "code": "tw"
-      },
-      "company": "Minor, Cynthia A Esq",
-      "date": "2020-09-25",
-      "status": "proposal",
-      "activity": 17,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1373,
-      "name": "Zona Colla",
-      "country": {
-        "name": "Switzerland",
-        "code": "ch"
-      },
-      "company": "Solove, Robert A Esq",
-      "date": "2020-10-08",
-      "status": "negotiation",
-      "activity": 64,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1374,
-      "name": "Serina Zagen",
-      "country": {
-        "name": "Paraguay",
-        "code": "py"
-      },
-      "company": "Mark Ii Imports Inc",
-      "date": "2018-07-14",
-      "status": "negotiation",
-      "activity": 46,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1375,
-      "name": "Paz Sahagun",
-      "country": {
-        "name": "Colombia",
-        "code": "co"
-      },
-      "company": "White Sign Div Ctrl Equip Co",
-      "date": "2018-03-23",
-      "status": "negotiation",
-      "activity": 49,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1376,
-      "name": "Markus Lukasik",
-      "country": {
-        "name": "Burkina Faso",
-        "code": "bf"
-      },
-      "company": "M \u0026 M Store Fixtures Co Inc",
-      "date": "2018-03-21",
-      "status": "negotiation",
-      "activity": 23,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1377,
-      "name": "Jaclyn Bachman",
-      "country": {
-        "name": "Slovakia",
-        "code": "sk"
-      },
-      "company": "Judah Caster \u0026 Wheel Co",
-      "date": "2020-10-20",
-      "status": "new",
-      "activity": 10,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1378,
-      "name": "Cyril Daufeldt",
-      "country": {
-        "name": "India",
-        "code": "in"
-      },
-      "company": "Galaxy International Inc",
-      "date": "2019-02-11",
-      "status": "qualified",
-      "activity": 79,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1379,
-      "name": "Gayla Schnitzler",
-      "country": {
-        "name": "Brazil",
-        "code": "br"
-      },
-      "company": "Sigma Corp Of America",
-      "date": "2017-09-15",
-      "status": "new",
-      "activity": 14,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1380,
-      "name": "Erick Nievas",
-      "country": {
-        "name": "Argentina",
-        "code": "ar"
-      },
-      "company": "Soward, Anne Esq",
-      "date": "2018-10-07",
-      "status": "proposal",
-      "activity": 28,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1381,
-      "name": "Jennie Drymon",
-      "country": {
-        "name": "Egypt",
-        "code": "eg"
-      },
-      "company": "Osborne, Michelle M Esq",
-      "date": "2016-09-14",
-      "status": "negotiation",
-      "activity": 80,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1382,
-      "name": "Mitsue Scipione",
-      "country": {
-        "name": "Ecuador",
-        "code": "ec"
-      },
-      "company": "Students In Free Entrprs Natl",
-      "date": "2019-07-28",
-      "status": "qualified",
-      "activity": 24,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1383,
-      "name": "Ciara Ventura",
-      "country": {
-        "name": "Sweden",
-        "code": "se"
-      },
-      "company": "Johnson, Robert M Esq",
-      "date": "2018-04-02",
-      "status": "renewal",
-      "activity": 24,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1384,
-      "name": "Galen Cantres",
-      "country": {
-        "name": "Saudi Arabia",
-        "code": "sa"
-      },
-      "company": "Del Charro Apartments",
-      "date": "2020-02-16",
-      "status": "unqualified",
-      "activity": 61,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1385,
-      "name": "Truman Feichtner",
-      "country": {
-        "name": "Iceland",
-        "code": "is"
-      },
-      "company": "Legal Search Inc",
-      "date": "2019-10-16",
-      "status": "renewal",
-      "activity": 98,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1386,
-      "name": "Gail Kitty",
-      "country": {
-        "name": "Pakistan",
-        "code": "pk"
-      },
-      "company": "Service Supply Co Inc",
-      "date": "2020-01-15",
-      "status": "negotiation",
-      "activity": 67,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1387,
-      "name": "Dalene Schoeneck",
-      "country": {
-        "name": "Latvia",
-        "code": "lv"
-      },
-      "company": "Sameshima, Douglas J Esq",
-      "date": "2019-11-27",
-      "status": "proposal",
-      "activity": 85,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1388,
-      "name": "Gertude Witten",
-      "country": {
-        "name": "Morocco",
-        "code": "ma"
-      },
-      "company": "Thompson, John Randolph Jr",
-      "date": "2017-08-13",
-      "status": "proposal",
-      "activity": 40,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1389,
-      "name": "Lizbeth Kohl",
-      "country": {
-        "name": "Serbia",
-        "code": "rs"
-      },
-      "company": "E T Balancing Co Inc",
-      "date": "2019-04-20",
-      "status": "qualified",
-      "activity": 57,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1390,
-      "name": "Glenn Berray",
-      "country": {
-        "name": "Poland",
-        "code": "pl"
-      },
-      "company": "Griswold, John E Esq",
-      "date": "2017-08-13",
-      "status": "negotiation",
-      "activity": 68,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1391,
-      "name": "Lashandra Klang",
-      "country": {
-        "name": "Bulgaria",
-        "code": "bg"
-      },
-      "company": "Acqua Group",
-      "date": "2016-06-08",
-      "status": "negotiation",
-      "activity": 32,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1392,
-      "name": "Lenna Newville",
-      "country": {
-        "name": "Venezuela",
-        "code": "ve"
-      },
-      "company": "Brooks, Morris J Jr",
-      "date": "2020-09-12",
-      "status": "qualified",
-      "activity": 82,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1393,
-      "name": "Laurel Pagliuca",
-      "country": {
-        "name": "Russia",
-        "code": "ru"
-      },
-      "company": "Printing Images Corp",
-      "date": "2017-05-26",
-      "status": "unqualified",
-      "activity": 21,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1394,
-      "name": "Mireya Frerking",
-      "country": {
-        "name": "Belarus",
-        "code": "by"
-      },
-      "company": "Roberts Supply Co Inc",
-      "date": "2017-04-21",
-      "status": "renewal",
-      "activity": 54,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1395,
-      "name": "Annelle Tagala",
-      "country": {
-        "name": "Colombia",
-        "code": "co"
-      },
-      "company": "Vico Products Mfg Co",
-      "date": "2017-10-02",
-      "status": "proposal",
-      "activity": 53,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1396,
-      "name": "Dean Ketelsen",
-      "country": {
-        "name": "Ivory Coast",
-        "code": "ci"
-      },
-      "company": "J M Custom Design Millwork",
-      "date": "2019-07-25",
-      "status": "negotiation",
-      "activity": 98,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1397,
-      "name": "Levi Munis",
-      "country": {
-        "name": "Pakistan",
-        "code": "pk"
-      },
-      "company": "Farrell \u0026 Johnson Office Equip",
-      "date": "2017-06-24",
-      "status": "proposal",
-      "activity": 39,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1398,
-      "name": "Sylvie Ryser",
-      "country": {
-        "name": "India",
-        "code": "in"
-      },
-      "company": "Millers Market \u0026 Deli",
-      "date": "2016-02-23",
-      "status": "unqualified",
-      "activity": 89,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1399,
-      "name": "Sharee Maile",
-      "country": {
-        "name": "Ireland",
-        "code": "ie"
-      },
-      "company": "Holiday Inn Naperville",
-      "date": "2020-07-17",
-      "status": "renewal",
-      "activity": 0,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1400,
-      "name": "Cordelia Storment",
-      "country": {
-        "name": "Guatemala",
-        "code": "gt"
-      },
-      "company": "Burrows, Jon H Esq",
-      "date": "2020-02-17",
-      "status": "negotiation",
-      "activity": 45,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1401,
-      "name": "Mollie Mcdoniel",
-      "country": {
-        "name": "Vietnam",
-        "code": "vn"
-      },
-      "company": "Dock Seal Specialty",
-      "date": "2017-08-13",
-      "status": "unqualified",
-      "activity": 59,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1402,
-      "name": "Brett Mccullan",
-      "country": {
-        "name": "Senegal",
-        "code": "sn"
-      },
-      "company": "Five Star Limousines Of Tx Inc",
-      "date": "2015-05-21",
-      "status": "qualified",
-      "activity": 9,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1403,
-      "name": "Teddy Pedrozo",
-      "country": {
-        "name": "Burkina Faso",
-        "code": "bf"
-      },
-      "company": "Barkan, Neal J Esq",
-      "date": "2019-02-19",
-      "status": "proposal",
-      "activity": 38,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1404,
-      "name": "Tasia Andreason",
-      "country": {
-        "name": "Venezuela",
-        "code": "ve"
-      },
-      "company": "Campbell, Robert A",
-      "date": "2016-03-06",
-      "status": "renewal",
-      "activity": 25,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1405,
-      "name": "Hubert Walthall",
-      "country": {
-        "name": "Mexico",
-        "code": "mx"
-      },
-      "company": "Dee, Deanna",
-      "date": "2020-12-19",
-      "status": "renewal",
-      "activity": 32,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1406,
-      "name": "Arthur Farrow",
-      "country": {
-        "name": "Brazil",
-        "code": "br"
-      },
-      "company": "Young, Timothy L Esq",
-      "date": "2019-02-05",
-      "status": "proposal",
-      "activity": 55,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1407,
-      "name": "Vilma Berlanga",
-      "country": {
-        "name": "Tunisia",
-        "code": "tn"
-      },
-      "company": "Wells, D Fred Esq",
-      "date": "2016-02-09",
-      "status": "unqualified",
-      "activity": 26,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1408,
-      "name": "Billye Miro",
-      "country": {
-        "name": "Hungary",
-        "code": "hu"
-      },
-      "company": "Gray, Francine H Esq",
-      "date": "2015-09-05",
-      "status": "new",
-      "activity": 70,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1409,
-      "name": "Glenna Slayton",
-      "country": {
-        "name": "Iceland",
-        "code": "is"
-      },
-      "company": "Toledo Iv Care",
-      "date": "2016-03-10",
-      "status": "unqualified",
-      "activity": 86,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1410,
-      "name": "Mitzie Hudnall",
-      "country": {
-        "name": "Iceland",
-        "code": "is"
-      },
-      "company": "Cangro Transmission Co",
-      "date": "2020-05-04",
-      "status": "new",
-      "activity": 19,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1411,
-      "name": "Bernardine Rodefer",
-      "country": {
-        "name": "Switzerland",
-        "code": "ch"
-      },
-      "company": "Sat Poly Inc",
-      "date": "2020-10-19",
-      "status": "proposal",
-      "activity": 69,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1412,
-      "name": "Staci Schmaltz",
-      "country": {
-        "name": "Iceland",
-        "code": "is"
-      },
-      "company": "Midwest Contracting \u0026 Mfg Inc",
-      "date": "2018-03-14",
-      "status": "unqualified",
-      "activity": 81,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1413,
-      "name": "Nichelle Meteer",
-      "country": {
-        "name": "Denmark",
-        "code": "dk"
-      },
-      "company": "Print Doctor",
-      "date": "2016-09-23",
-      "status": "renewal",
-      "activity": 39,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1414,
-      "name": "Janine Rhoden",
-      "country": {
-        "name": "Nigeria",
-        "code": "ng"
-      },
-      "company": "Nordic Group Inc",
-      "date": "2018-08-13",
-      "status": "qualified",
-      "activity": 95,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1415,
-      "name": "Ettie Hoopengardner",
-      "country": {
-        "name": "Switzerland",
-        "code": "ch"
-      },
-      "company": "Jackson Millwork Co",
-      "date": "2017-07-24",
-      "status": "renewal",
-      "activity": 23,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1416,
-      "name": "Eden Jayson",
-      "country": {
-        "name": "Sweden",
-        "code": "se"
-      },
-      "company": "Harris Corporation",
-      "date": "2018-03-15",
-      "status": "renewal",
-      "activity": 9,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1417,
-      "name": "Lynelle Auber",
-      "country": {
-        "name": "Netherlands",
-        "code": "nl"
-      },
-      "company": "United Cerebral Palsy Of Ne Pa",
-      "date": "2020-12-11",
-      "status": "proposal",
-      "activity": 0,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1418,
-      "name": "Merissa Tomblin",
-      "country": {
-        "name": "Jamaica",
-        "code": "jm"
-      },
-      "company": "One Day Surgery Center Inc",
-      "date": "2018-03-05",
-      "status": "new",
-      "activity": 50,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1419,
-      "name": "Golda Kaniecki",
-      "country": {
-        "name": "Burkina Faso",
-        "code": "bf"
-      },
-      "company": "Calaveras Prospect",
-      "date": "2019-04-17",
-      "status": "negotiation",
-      "activity": 91,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1420,
-      "name": "Catarina Gleich",
-      "country": {
-        "name": "Malaysia",
-        "code": "my"
-      },
-      "company": "Terk, Robert E Esq",
-      "date": "2017-01-26",
-      "status": "unqualified",
-      "activity": 12,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1421,
-      "name": "Virgie Kiel",
-      "country": {
-        "name": "Latvia",
-        "code": "lv"
-      },
-      "company": "Cullen, Terrence P Esq",
-      "date": "2016-06-28",
-      "status": "renewal",
-      "activity": 89,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1422,
-      "name": "Jolene Ostolaza",
-      "country": {
-        "name": "Puerto Rico",
-        "code": "pr"
-      },
-      "company": "Central Die Casting Mfg Co Inc",
-      "date": "2016-08-08",
-      "status": "negotiation",
-      "activity": 85,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1423,
-      "name": "Keneth Borgman",
-      "country": {
-        "name": "Qatar",
-        "code": "qa"
-      },
-      "company": "Centerline Engineering",
-      "date": "2019-02-04",
-      "status": "unqualified",
-      "activity": 41,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1424,
-      "name": "Rikki Nayar",
-      "country": {
-        "name": "Norway",
-        "code": "no"
-      },
-      "company": "Targan \u0026 Kievit Pa",
-      "date": "2017-03-06",
-      "status": "negotiation",
-      "activity": 47,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1425,
-      "name": "Elke Sengbusch",
-      "country": {
-        "name": "Canada",
-        "code": "ca"
-      },
-      "company": "Riley Riper Hollin \u0026 Colagreco",
-      "date": "2019-05-28",
-      "status": "renewal",
-      "activity": 76,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1426,
-      "name": "Hoa Sarao",
-      "country": {
-        "name": "Sweden",
-        "code": "se"
-      },
-      "company": "Kaplan, Joel S Esq",
-      "date": "2020-08-13",
-      "status": "negotiation",
-      "activity": 0,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1427,
-      "name": "Trinidad Mcrae",
-      "country": {
-        "name": "Burkina Faso",
-        "code": "bf"
-      },
-      "company": "Water Office",
-      "date": "2020-12-26",
-      "status": "renewal",
-      "activity": 76,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1428,
-      "name": "Mari Lueckenbach",
-      "country": {
-        "name": "Cuba",
-        "code": "cu"
-      },
-      "company": "Westbrooks, Nelson E Jr",
-      "date": "2017-10-27",
-      "status": "new",
-      "activity": 34,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1429,
-      "name": "Selma Husser",
-      "country": {
-        "name": "Morocco",
-        "code": "ma"
-      },
-      "company": "Armon Communications",
-      "date": "2018-02-16",
-      "status": "proposal",
-      "activity": 84,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1430,
-      "name": "Antione Onofrio",
-      "country": {
-        "name": "Taiwan",
-        "code": "tw"
-      },
-      "company": "Jacobs \u0026 Gerber Inc",
-      "date": "2017-11-07",
-      "status": "negotiation",
-      "activity": 37,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1431,
-      "name": "Luisa Jurney",
-      "country": {
-        "name": "Canada",
-        "code": "ca"
-      },
-      "company": "Forest Fire Laboratory",
-      "date": "2018-06-12",
-      "status": "unqualified",
-      "activity": 96,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1432,
-      "name": "Clorinda Heimann",
-      "country": {
-        "name": "Israel",
-        "code": "il"
-      },
-      "company": "Haughey, Charles Jr",
-      "date": "2016-11-03",
-      "status": "proposal",
-      "activity": 63,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1433,
-      "name": "Dick Wenzinger",
-      "country": {
-        "name": "Mexico",
-        "code": "mx"
-      },
-      "company": "Wheaton Plastic Products",
-      "date": "2017-04-05",
-      "status": "negotiation",
-      "activity": 92,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1434,
-      "name": "Ahmed Angalich",
-      "country": {
-        "name": "Australia",
-        "code": "au"
-      },
-      "company": "Reese Plastics",
-      "date": "2018-11-20",
-      "status": "unqualified",
-      "activity": 83,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1435,
-      "name": "Iluminada Ohms",
-      "country": {
-        "name": "Croatia",
-        "code": "hr"
-      },
-      "company": "Nazette Marner Good Wendt",
-      "date": "2015-08-18",
-      "status": "proposal",
-      "activity": 66,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1436,
-      "name": "Joanna Leinenbach",
-      "country": {
-        "name": "Thailand",
-        "code": "th"
-      },
-      "company": "Levinson Axelrod Wheaton",
-      "date": "2016-02-11",
-      "status": "proposal",
-      "activity": 64,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1437,
-      "name": "Caprice Suell",
-      "country": {
-        "name": "Algeria",
-        "code": "dz"
-      },
-      "company": "Egnor, W Dan Esq",
-      "date": "2018-07-09",
-      "status": "unqualified",
-      "activity": 99,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1438,
-      "name": "Stephane Myricks",
-      "country": {
-        "name": "Honduras",
-        "code": "hn"
-      },
-      "company": "Portland Central Thriftlodge",
-      "date": "2018-05-28",
-      "status": "renewal",
-      "activity": 51,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1439,
-      "name": "Quentin Swayze",
-      "country": {
-        "name": "Tunisia",
-        "code": "tn"
-      },
-      "company": "Ulbrich Trucking",
-      "date": "2019-02-11",
-      "status": "negotiation",
-      "activity": 37,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1440,
-      "name": "Annmarie Castros",
-      "country": {
-        "name": "Jamaica",
-        "code": "jm"
-      },
-      "company": "Tipiak Inc",
-      "date": "2015-08-24",
-      "status": "qualified",
-      "activity": 46,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1441,
-      "name": "Shonda Greenbush",
-      "country": {
-        "name": "Costa Rica",
-        "code": "cr"
-      },
-      "company": "Saint George Well Drilling",
-      "date": "2018-06-01",
-      "status": "negotiation",
-      "activity": 16,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1442,
-      "name": "Cecil Lapage",
-      "country": {
-        "name": "Malaysia",
-        "code": "my"
-      },
-      "company": "Hawkes, Douglas D",
-      "date": "2018-11-09",
-      "status": "qualified",
-      "activity": 43,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1443,
-      "name": "Jeanice Claucherty",
-      "country": {
-        "name": "Lithuania",
-        "code": "lt"
-      },
-      "company": "Accurel Systems Intrntl Corp",
-      "date": "2016-06-02",
-      "status": "qualified",
-      "activity": 48,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1444,
-      "name": "Josphine Villanueva",
-      "country": {
-        "name": "Japan",
-        "code": "jp"
-      },
-      "company": "Santa Cruz Community Internet",
-      "date": "2019-11-08",
-      "status": "unqualified",
-      "activity": 39,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1445,
-      "name": "Daniel Perruzza",
-      "country": {
-        "name": "Malaysia",
-        "code": "my"
-      },
-      "company": "Gersh \u0026 Danielson",
-      "date": "2017-09-24",
-      "status": "renewal",
-      "activity": 86,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1446,
-      "name": "Cassi Wildfong",
-      "country": {
-        "name": "Tunisia",
-        "code": "tn"
-      },
-      "company": "Cobb, James O Esq",
-      "date": "2015-09-08",
-      "status": "qualified",
-      "activity": 85,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1447,
-      "name": "Britt Galam",
-      "country": {
-        "name": "Poland",
-        "code": "pl"
-      },
-      "company": "Wheatley Trucking Company",
-      "date": "2020-10-26",
-      "status": "new",
-      "activity": 69,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1448,
-      "name": "Adell Lipkin",
-      "country": {
-        "name": "Saudi Arabia",
-        "code": "sa"
-      },
-      "company": "Systems Graph Inc Ab Dick Dlr",
-      "date": "2017-05-09",
-      "status": "unqualified",
-      "activity": 92,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1449,
-      "name": "Jacqueline Rowling",
-      "country": {
-        "name": "Qatar",
-        "code": "qa"
-      },
-      "company": "John Hancock Mutl Life Ins Co",
-      "date": "2019-06-28",
-      "status": "negotiation",
-      "activity": 79,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1450,
-      "name": "Lonny Weglarz",
-      "country": {
-        "name": "Chile",
-        "code": "cl"
-      },
-      "company": "History Division Of State",
-      "date": "2016-08-12",
-      "status": "new",
-      "activity": 49,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1451,
-      "name": "Lonna Diestel",
-      "country": {
-        "name": "Philippines",
-        "code": "ph"
-      },
-      "company": "Dimmock, Thomas J Esq",
-      "date": "2017-02-10",
-      "status": "proposal",
-      "activity": 9,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1452,
-      "name": "Cristal Samara",
-      "country": {
-        "name": "Australia",
-        "code": "au"
-      },
-      "company": "Intermed Inc",
-      "date": "2016-08-17",
-      "status": "qualified",
-      "activity": 99,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1453,
-      "name": "Kenneth Grenet",
-      "country": {
-        "name": "Croatia",
-        "code": "hr"
-      },
-      "company": "Bank Of New York",
-      "date": "2020-07-24",
-      "status": "negotiation",
-      "activity": 78,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1454,
-      "name": "Elli Mclaird",
-      "country": {
-        "name": "Switzerland",
-        "code": "ch"
-      },
-      "company": "Sportmaster Intrnatl",
-      "date": "2017-06-10",
-      "status": "qualified",
-      "activity": 61,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1455,
-      "name": "Alline Jeanty",
-      "country": {
-        "name": "Denmark",
-        "code": "dk"
-      },
-      "company": "W W John Holden Inc",
-      "date": "2015-12-08",
-      "status": "renewal",
-      "activity": 74,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1456,
-      "name": "Sharika Eanes",
-      "country": {
-        "name": "Chile",
-        "code": "cl"
-      },
-      "company": "Maccani \u0026 Delp",
-      "date": "2018-08-16",
-      "status": "qualified",
-      "activity": 14,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1457,
-      "name": "Nu Mcnease",
-      "country": {
-        "name": "Pakistan",
-        "code": "pk"
-      },
-      "company": "Amazonia Film Project",
-      "date": "2018-07-03",
-      "status": "negotiation",
-      "activity": 47,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1458,
-      "name": "Daniela Comnick",
-      "country": {
-        "name": "Tunisia",
-        "code": "tn"
-      },
-      "company": "Water \u0026 Sewer Department",
-      "date": "2017-07-07",
-      "status": "negotiation",
-      "activity": 31,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1459,
-      "name": "Cecilia Colaizzo",
-      "country": {
-        "name": "Costa Rica",
-        "code": "cr"
-      },
-      "company": "Switchcraft Inc",
-      "date": "2019-06-08",
-      "status": "proposal",
-      "activity": 21,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1460,
-      "name": "Leslie Threets",
-      "country": {
-        "name": "Sweden",
-        "code": "se"
-      },
-      "company": "C W D C Metal Fabricators",
-      "date": "2016-11-26",
-      "status": "unqualified",
-      "activity": 50,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1461,
-      "name": "Nan Koppinger",
-      "country": {
-        "name": "Norway",
-        "code": "no"
-      },
-      "company": "Shimotani, Grace T",
-      "date": "2020-11-15",
-      "status": "proposal",
-      "activity": 94,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1462,
-      "name": "Izetta Dewar",
-      "country": {
-        "name": "Cuba",
-        "code": "cu"
-      },
-      "company": "Lisatoni, Jean Esq",
-      "date": "2019-11-22",
-      "status": "renewal",
-      "activity": 41,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1463,
-      "name": "Tegan Arceo",
-      "country": {
-        "name": "Iceland",
-        "code": "is"
-      },
-      "company": "Ceramic Tile Sales Inc",
-      "date": "2016-08-07",
-      "status": "new",
-      "activity": 79,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1464,
-      "name": "Ruthann Keener",
-      "country": {
-        "name": "Morocco",
-        "code": "ma"
-      },
-      "company": "Maiden Craft Inc",
-      "date": "2019-04-25",
-      "status": "negotiation",
-      "activity": 43,
-      "representative": {
-        "name": "Elwin Sharvill",
-        "image": "elwinsharvill.png"
-      }
-    },
-    {
-      "id": 1465,
-      "name": "Joni Breland",
-      "country": {
-        "name": "Uruguay",
-        "code": "uy"
-      },
-      "company": "Carriage House Cllsn Rpr Inc",
-      "date": "2018-07-20",
-      "status": "new",
-      "activity": 18,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1466,
-      "name": "Vi Rentfro",
-      "country": {
-        "name": "Malaysia",
-        "code": "my"
-      },
-      "company": "Video Workshop",
-      "date": "2018-10-01",
-      "status": "negotiation",
-      "activity": 99,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1467,
-      "name": "Colette Kardas",
-      "country": {
-        "name": "Honduras",
-        "code": "hn"
-      },
-      "company": "Fresno Tile Center Inc",
-      "date": "2017-08-22",
-      "status": "new",
-      "activity": 14,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1468,
-      "name": "Malcolm Tromblay",
-      "country": {
-        "name": "Uruguay",
-        "code": "uy"
-      },
-      "company": "Versatile Sash \u0026 Woodwork",
-      "date": "2019-11-25",
-      "status": "renewal",
-      "activity": 23,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1469,
-      "name": "Ryan Harnos",
-      "country": {
-        "name": "Paraguay",
-        "code": "py"
-      },
-      "company": "Warner Electric Brk \u0026 Cltch Co",
-      "date": "2019-02-12",
-      "status": "qualified",
-      "activity": 71,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1470,
-      "name": "Jess Chaffins",
-      "country": {
-        "name": "Belarus",
-        "code": "by"
-      },
-      "company": "New York Public Library",
-      "date": "2017-02-12",
-      "status": "qualified",
-      "activity": 91,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1471,
-      "name": "Sharen Bourbon",
-      "country": {
-        "name": "Saudi Arabia",
-        "code": "sa"
-      },
-      "company": "Mccaleb, John A Esq",
-      "date": "2017-06-13",
-      "status": "renewal",
-      "activity": 35,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1472,
-      "name": "Nickolas Juvera",
-      "country": {
-        "name": "Finland",
-        "code": "fi"
-      },
-      "company": "United Oil Co Inc",
-      "date": "2019-01-06",
-      "status": "negotiation",
-      "activity": 14,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1473,
-      "name": "Gary Nunlee",
-      "country": {
-        "name": "Turkey",
-        "code": "tr"
-      },
-      "company": "Irving Foot Center",
-      "date": "2015-07-22",
-      "status": "renewal",
-      "activity": 72,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1474,
-      "name": "Diane Devreese",
-      "country": {
-        "name": "Bolivia",
-        "code": "bo"
-      },
-      "company": "Acme Supply Co",
-      "date": "2018-05-13",
-      "status": "renewal",
-      "activity": 78,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1475,
-      "name": "Roslyn Chavous",
-      "country": {
-        "name": "Israel",
-        "code": "il"
-      },
-      "company": "Mcrae, James L",
-      "date": "2018-03-20",
-      "status": "proposal",
-      "activity": 45,
-      "representative": {
-        "name": "Bernardo Dominic",
-        "image": "bernardodominic.png"
-      }
-    },
-    {
-      "id": 1476,
-      "name": "Glory Schieler",
-      "country": {
-        "name": "Italy",
-        "code": "it"
-      },
-      "company": "Mcgraths Seafood",
-      "date": "2017-05-13",
-      "status": "proposal",
-      "activity": 34,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1477,
-      "name": "Rasheeda Sayaphon",
-      "country": {
-        "name": "Latvia",
-        "code": "lv"
-      },
-      "company": "Kummerer, J Michael Esq",
-      "date": "2017-02-21",
-      "status": "proposal",
-      "activity": 12,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1478,
-      "name": "Alpha Palaia",
-      "country": {
-        "name": "Costa Rica",
-        "code": "cr"
-      },
-      "company": "Stoffer, James M Jr",
-      "date": "2017-07-21",
-      "status": "renewal",
-      "activity": 4,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1479,
-      "name": "Refugia Jacobos",
-      "country": {
-        "name": "China",
-        "code": "cn"
-      },
-      "company": "North Central Fl Sfty Cncl",
-      "date": "2020-11-25",
-      "status": "negotiation",
-      "activity": 18,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1480,
-      "name": "Shawnda Yori",
-      "country": {
-        "name": "Luxembourg",
-        "code": "lu"
-      },
-      "company": "Fiorucci Foods Usa Inc",
-      "date": "2018-05-09",
-      "status": "unqualified",
-      "activity": 11,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1481,
-      "name": "Mona Delasancha",
-      "country": {
-        "name": "Hong Kong",
-        "code": "hk"
-      },
-      "company": "Sign All",
-      "date": "2017-10-06",
-      "status": "renewal",
-      "activity": 61,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1482,
-      "name": "Gilma Liukko",
-      "country": {
-        "name": "Morocco",
-        "code": "ma"
-      },
-      "company": "Sammys Steak Den",
-      "date": "2018-10-06",
-      "status": "unqualified",
-      "activity": 34,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1483,
-      "name": "Janey Gabisi",
-      "country": {
-        "name": "Israel",
-        "code": "il"
-      },
-      "company": "Dobscha, Stephen F Esq",
-      "date": "2019-05-22",
-      "status": "unqualified",
-      "activity": 38,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1484,
-      "name": "Lili Paskin",
-      "country": {
-        "name": "Costa Rica",
-        "code": "cr"
-      },
-      "company": "Morgan Custom Homes",
-      "date": "2018-06-11",
-      "status": "unqualified",
-      "activity": 69,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1485,
-      "name": "Loren Asar",
-      "country": {
-        "name": "Italy",
-        "code": "it"
-      },
-      "company": "Olsen Payne \u0026 Company",
-      "date": "2017-12-11",
-      "status": "unqualified",
-      "activity": 16,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1486,
-      "name": "Dorothy Chesterfield",
-      "country": {
-        "name": "Spain",
-        "code": "es"
-      },
-      "company": "Cowan \u0026 Kelly",
-      "date": "2015-08-11",
-      "status": "renewal",
-      "activity": 31,
-      "representative": {
-        "name": "Anna Fali",
-        "image": "annafali.png"
-      }
-    },
-    {
-      "id": 1487,
-      "name": "Gail Similton",
-      "country": {
-        "name": "Malaysia",
-        "code": "my"
-      },
-      "company": "Johnson, Wes Esq",
-      "date": "2016-08-10",
-      "status": "qualified",
-      "activity": 63,
-      "representative": {
-        "name": "Xuxue Feng",
-        "image": "xuxuefeng.png"
-      }
-    },
-    {
-      "id": 1488,
-      "name": "Catalina Tillotson",
-      "country": {
-        "name": "Pakistan",
-        "code": "pk"
-      },
-      "company": "Icn Pharmaceuticals Inc",
-      "date": "2018-08-04",
-      "status": "negotiation",
-      "activity": 13,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1489,
-      "name": "Lawrence Lorens",
-      "country": {
-        "name": "Egypt",
-        "code": "eg"
-      },
-      "company": "New England Sec Equip Co Inc",
-      "date": "2020-04-15",
-      "status": "negotiation",
-      "activity": 82,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1490,
-      "name": "Carlee Boulter",
-      "country": {
-        "name": "Vietnam",
-        "code": "vn"
-      },
-      "company": "Tippett, Troy M Ii",
-      "date": "2016-09-22",
-      "status": "renewal",
-      "activity": 71,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1491,
-      "name": "Thaddeus Ankeny",
-      "country": {
-        "name": "Qatar",
-        "code": "qa"
-      },
-      "company": "Atc Contracting",
-      "date": "2015-03-08",
-      "status": "unqualified",
-      "activity": 78,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1492,
-      "name": "Jovita Oles",
-      "country": {
-        "name": "Sweden",
-        "code": "se"
-      },
-      "company": "Pagano, Philip G Esq",
-      "date": "2019-07-18",
-      "status": "negotiation",
-      "activity": 42,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1493,
-      "name": "Alesia Hixenbaugh",
-      "country": {
-        "name": "Thailand",
-        "code": "th"
-      },
-      "company": "Kwikprint",
-      "date": "2017-07-24",
-      "status": "negotiation",
-      "activity": 23,
-      "representative": {
-        "name": "Ivan Magalhaes",
-        "image": "ivanmagalhaes.png"
-      }
-    },
-    {
-      "id": 1494,
-      "name": "Lai Harabedian",
-      "country": {
-        "name": "Serbia",
-        "code": "rs"
-      },
-      "company": "Buergi \u0026 Madden Scale",
-      "date": "2018-11-11",
-      "status": "new",
-      "activity": 28,
-      "representative": {
-        "name": "Asiya Javayant",
-        "image": "asiyajavayant.png"
-      }
-    },
-    {
-      "id": 1495,
-      "name": "Brittni Gillaspie",
-      "country": {
-        "name": "Senegal",
-        "code": "sn"
-      },
-      "company": "Inner Label",
-      "date": "2019-11-23",
-      "status": "renewal",
-      "activity": 14,
-      "representative": {
-        "name": "Ioni Bowcher",
-        "image": "ionibowcher.png"
-      }
-    },
-    {
-      "id": 1496,
-      "name": "Raylene Kampa",
-      "country": {
-        "name": "Belgium",
-        "code": "be"
-      },
-      "company": "Hermar Inc",
-      "date": "2020-04-22",
-      "status": "unqualified",
-      "activity": 65,
-      "representative": {
-        "name": "Stephen Shaw",
-        "image": "stephenshaw.png"
-      }
-    },
-    {
-      "id": 1497,
-      "name": "Flo Bookamer",
-      "country": {
-        "name": "Argentina",
-        "code": "ar"
-      },
-      "company": "Simonton Howe \u0026 Schneider Pc",
-      "date": "2020-08-10",
-      "status": "unqualified",
-      "activity": 30,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    },
-    {
-      "id": 1498,
-      "name": "Jani Biddy",
-      "country": {
-        "name": "Switzerland",
-        "code": "ch"
-      },
-      "company": "Warehouse Office \u0026 Paper Prod",
-      "date": "2019-11-07",
-      "status": "negotiation",
-      "activity": 20,
-      "representative": {
-        "name": "Onyama Limba",
-        "image": "onyamalimba.png"
-      }
-    },
-    {
-      "id": 1499,
-      "name": "Chauncey Motley",
-      "country": {
-        "name": "Argentina",
-        "code": "ar"
-      },
-      "company": "Affiliated With Travelodge",
-      "date": "2019-04-23",
-      "status": "renewal",
-      "activity": 42,
-      "representative": {
-        "name": "Amy Elsner",
-        "image": "amyelsner.png"
-      }
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/assets/showcase/data/files-lazy.json b/src/assets/showcase/data/files-lazy.json
deleted file mode 100644
index 546de48..0000000
--- a/src/assets/showcase/data/files-lazy.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-    "data": 
-    [
-        {
-            "label": "Lazy Node 0",
-            "data": "Node 0",
-            "expandedIcon": "pi pi-folder-open",
-            "collapsedIcon": "pi pi-folder",
-            "leaf": false
-        },
-        {
-            "label": "Lazy Node 1",
-            "data": "Node 1",
-            "expandedIcon": "pi pi-folder-open",
-            "collapsedIcon": "pi pi-folder",
-            "leaf": false
-        },
-        {
-            "label": "Lazy Node 1",
-            "data": "Node 2",
-            "expandedIcon": "pi pi-folder-open",
-            "collapsedIcon": "pi pi-folder",
-            "leaf": false
-        }
-    ]
-}
\ No newline at end of file
diff --git a/src/assets/showcase/data/files.json b/src/assets/showcase/data/files.json
deleted file mode 100644
index cf90b41..0000000
--- a/src/assets/showcase/data/files.json
+++ /dev/null
@@ -1,54 +0,0 @@
-{
-    "data": [
-        {
-            "key": "0",
-            "label": "Documents",
-            "data": "Documents Folder",
-            "icon": "pi pi-fw pi-inbox",
-            "children": [{
-                "key": "0-0",
-                "label": "Work",
-                "data": "Work Folder",
-                "icon": "pi pi-fw pi-cog",
-                "children": [{ "key": "0-0-0", "label": "Expenses.doc", "icon": "pi pi-fw pi-file", "data": "Expenses Document" }, { "key": "0-0-1", "label": "Resume.doc", "icon": "pi pi-fw pi-file", "data": "Resume Document" }]
-            },
-            {
-                "key": "0-1",
-                "label": "Home",
-                "data": "Home Folder",
-                "icon": "pi pi-fw pi-home",
-                "children": [{ "key": "0-1-0", "label": "Invoices.txt", "icon": "pi pi-fw pi-file", "data": "Invoices for this month" }]
-            }]
-        },
-        {
-            "key": "1",
-            "label": "Events",
-            "data": "Events Folder",
-            "icon": "pi pi-fw pi-calendar",
-            "children": [
-                { "key": "1-0", "label": "Meeting", "icon": "pi pi-fw pi-calendar-plus", "data": "Meeting" },
-                { "key": "1-1", "label": "Product Launch", "icon": "pi pi-fw pi-calendar-plus", "data": "Product Launch" },
-                { "key": "1-2", "label": "Report Review", "icon": "pi pi-fw pi-calendar-plus", "data": "Report Review" }]
-        },
-        {
-            "key": "2",
-            "label": "Movies",
-            "data": "Movies Folder",
-            "icon": "pi pi-fw pi-star-fill",
-            "children": [{
-                "key": "2-0",
-                "icon": "pi pi-fw pi-star-fill",
-                "label": "Al Pacino",
-                "data": "Pacino Movies",
-                "children": [{ "key": "2-0-0", "label": "Scarface", "icon": "pi pi-fw pi-video", "data": "Scarface Movie" }, { "key": "2-0-1", "label": "Serpico", "icon": "pi pi-fw pi-video", "data": "Serpico Movie" }]
-            },
-            {
-                "key": "2-1",
-                "label": "Robert De Niro",
-                "icon": "pi pi-fw pi-star-fill",
-                "data": "De Niro Movies",
-                "children": [{ "key": "2-1-0", "label": "Goodfellas", "icon": "pi pi-fw pi-video", "data": "Goodfellas Movie" }, { "key": "2-1-1", "label": "Untouchables", "icon": "pi pi-fw pi-video", "data": "Untouchables Movie", "selectable": false  }]
-            }]
-        }
-    ]
-}
diff --git a/src/assets/showcase/data/filesystem-lazy.json b/src/assets/showcase/data/filesystem-lazy.json
deleted file mode 100644
index f9a2c3a..0000000
--- a/src/assets/showcase/data/filesystem-lazy.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-    "data":
-    [  
-        {  
-            "data":{  
-                "name":"Lazy Folder 0",
-                "size":"75kb",
-                "type":"Folder"
-            },
-            "leaf": false
-        },
-        {  
-            "data":{  
-                "name":"Lazy Folder 1",
-                "size":"150kb",
-                "type":"Folder"
-            },
-            "leaf": false
-        }
-    ]
-}
\ No newline at end of file
diff --git a/src/assets/showcase/data/filesystem.json b/src/assets/showcase/data/filesystem.json
deleted file mode 100644
index 9bfeb85..0000000
--- a/src/assets/showcase/data/filesystem.json
+++ /dev/null
@@ -1,313 +0,0 @@
-{
-    "data":
-    [  
-        {  
-            "data":{  
-                "name":"Applications",
-                "size":"200mb",
-                "type":"Folder"
-            },
-            "children":[  
-                {  
-                    "data":{  
-                        "name":"Angular",
-                        "size":"25mb",
-                        "type":"Folder"
-                    },
-                    "children":[  
-                        {  
-                            "data":{  
-                                "name":"angular.app",
-                                "size":"10mb",
-                                "type":"Application"
-                            }
-                        },
-                        {  
-                            "data":{  
-                                "name":"cli.app",
-                                "size":"10mb",
-                                "type":"Application"
-                            }
-                        },
-                        {  
-                            "data":{  
-                                "name":"mobile.app",
-                                "size":"5mb",
-                                "type":"Application"
-                            }
-                        }
-                    ]
-                },
-                {  
-                    "data":{  
-                        "name":"editor.app",
-                        "size":"25mb",
-                        "type":"Application"
-                    }
-                },
-                {  
-                    "data":{  
-                        "name":"settings.app",
-                        "size":"50mb",
-                        "type":"Application"
-                    }
-                }
-            ]
-        },
-        {  
-            "data":{  
-                "name":"Cloud",
-                "size":"20mb",
-                "type":"Folder"
-            },
-            "children":[  
-                {  
-                    "data":{  
-                        "name":"backup-1.zip",
-                        "size":"10mb",
-                        "type":"Zip"
-                    }
-                },
-                {  
-                    "data":{  
-                        "name":"backup-2.zip",
-                        "size":"10mb",
-                        "type":"Zip"
-                    }
-                }
-            ]
-        },
-        {  
-            "data": {  
-                "name":"Desktop",
-                "size":"150kb",
-                "type":"Folder"
-            },
-            "children":[  
-                {  
-                    "data":{  
-                        "name":"note-meeting.txt",
-                        "size":"50kb",
-                        "type":"Text"
-                    }
-                },
-                {  
-                    "data":{  
-                        "name":"note-todo.txt",
-                        "size":"100kb",
-                        "type":"Text"
-                    }
-                }
-            ]
-        },
-        {  
-            "data":{  
-                "name":"Documents",
-                "size":"75kb",
-                "type":"Folder"
-            },
-            "children":[
-                {  
-                    "data":{  
-                        "name":"Work",
-                        "size":"55kb",
-                        "type":"Folder"
-                    },
-                    "children":[  
-                        {  
-                            "data":{  
-                                "name":"Expenses.doc",
-                                "size":"30kb",
-                                "type":"Document"
-                            }
-                        },
-                        {  
-                            "data":{  
-                                "name":"Resume.doc",
-                                "size":"25kb",
-                                "type":"Resume"
-                            }
-                        }
-                    ]
-                },
-                {  
-                    "data":{  
-                        "name":"Home",
-                        "size":"20kb",
-                        "type":"Folder"
-                    },
-                    "children":[  
-                        {  
-                            "data":{  
-                                "name":"Invoices",
-                                "size":"20kb",
-                                "type":"Text"
-                            }
-                        }
-                    ]
-                }
-            ]
-        },
-        {  
-            "data": {  
-                "name":"Downloads",
-                "size":"25mb",
-                "type":"Folder"
-            },
-            "children":[  
-                {  
-                    "data": {  
-                        "name":"Spanish",
-                        "size":"10mb",
-                        "type":"Folder"
-                    },
-                    "children":[  
-                        {  
-                            "data":{  
-                                "name":"tutorial-a1.txt",
-                                "size":"5mb",
-                                "type":"Text"
-                            }
-                        },
-                        {  
-                            "data":{  
-                                "name":"tutorial-a2.txt",
-                                "size":"5mb",
-                                "type":"Text"
-                            }
-                        }
-                    ]
-                },
-                {  
-                    "data":{  
-                        "name":"Travel",
-                        "size":"15mb",
-                        "type":"Text"
-                    },
-                    "children":[  
-                        {  
-                            "data":{  
-                                "name":"Hotel.pdf",
-                                "size":"10mb",
-                                "type":"PDF"
-                            }
-                        },
-                        {  
-                            "data":{  
-                                "name":"Flight.pdf",
-                                "size":"5mb",
-                                "type":"PDF"
-                            }
-                        }
-                    ]
-                }
-            ]
-        },
-        {  
-            "data": {  
-                "name":"Main",
-                "size":"50mb",
-                "type":"Folder"
-            },
-            "children":[  
-                {  
-                    "data":{  
-                        "name":"bin",
-                        "size":"50kb",
-                        "type":"Link"
-                    }
-                },
-                {  
-                    "data":{  
-                        "name":"etc",
-                        "size":"100kb",
-                        "type":"Link"
-                    }
-                },
-                {  
-                    "data":{  
-                        "name":"var",
-                        "size":"100kb",
-                        "type":"Link"
-                    }
-                }
-            ]
-        },
-        {  
-            "data":{  
-                "name":"Other",
-                "size":"5mb",
-                "type":"Folder"
-            },
-            "children":[  
-                {  
-                    "data":{  
-                        "name":"todo.txt",
-                        "size":"3mb",
-                        "type":"Text"
-                    }
-                },
-                {  
-                    "data":{  
-                        "name":"logo.png",
-                        "size":"2mb",
-                        "type":"Picture"
-                    }
-                }
-            ]
-        },
-        {  
-            "data":{  
-                "name":"Pictures",
-                "size":"150kb",
-                "type":"Folder"
-            },
-            "children":[  
-                {  
-                    "data":{  
-                        "name":"barcelona.jpg",
-                        "size":"90kb",
-                        "type":"Picture"
-                    }
-                },
-                {  
-                    "data":{  
-                        "name":"primeng.png",
-                        "size":"30kb",
-                        "type":"Picture"
-                    }
-                },
-                {  
-                    "data":{  
-                        "name":"prime.jpg",
-                        "size":"30kb",
-                        "type":"Picture"
-                    }
-                }
-            ]
-        },
-        {  
-            "data":{  
-                "name":"Videos",
-                "size":"1500mb",
-                "type":"Folder"
-            },
-            "children":[  
-                {  
-                    "data":{  
-                        "name":"primefaces.mkv",
-                        "size":"1000mb",
-                        "type":"Video"
-                    }
-                },
-                {  
-                    "data":{  
-                        "name":"intro.avi",
-                        "size":"500mb",
-                        "type":"Video"
-                    }
-                }
-            ]
-        }
-    ]
-}
\ No newline at end of file
diff --git a/src/assets/showcase/data/icons.json b/src/assets/showcase/data/icons.json
deleted file mode 100644
index d2944a2..0000000
--- a/src/assets/showcase/data/icons.json
+++ /dev/null
@@ -1,11200 +0,0 @@
-{
-    "IcoMoonType": "selection",
-    "icons": [
-        {
-            "icon": {
-                "paths": [
-                    "M93.091 232.729c0-42.56 35.015-77.575 77.575-77.575h133.744l172.25 200.958c8.842 10.317 21.752 16.254 35.34 16.254h341.336c42.555 0 77.575 35.016 77.575 77.576v341.333c0 42.562-35.021 77.575-77.575 77.575h-682.669c-42.56 0-77.575-35.013-77.575-77.575v-558.545zM170.666 62.063c-93.972 0-170.666 76.694-170.666 170.666v558.545c0 93.974 76.694 170.664 170.666 170.664h682.669c93.974 0 170.664-76.69 170.664-170.664v-341.333c0-93.973-76.69-170.666-170.664-170.666h-319.928l-172.25-200.959c-8.843-10.316-21.752-16.254-35.34-16.254h-155.152zM512 434.426c25.706 0 46.545 20.839 46.545 46.545v77.576h77.576c25.706 0 46.545 20.839 46.545 46.545s-20.839 46.546-46.545 46.546h-77.576v77.575c0 25.708-20.839 46.547-46.545 46.547s-46.545-20.838-46.545-46.547v-77.575h-77.576c-25.706 0-46.545-20.839-46.545-46.546s20.839-46.545 46.545-46.545h77.576v-77.576c0-25.706 20.839-46.545 46.545-46.545z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "folder-plus",
-                    "add",
-                    "new",
-                    "create",
-                    "container"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 357,
-                "id": 315,
-                "name": "folder-plus",
-                "prevSize": 24,
-                "code": 59909
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 0
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M312.166 186.266l82.248-82.248 82.249 82.248c19.516 19.516 51.158 19.516 70.673 0l82.249-82.248 82.248 82.248c19.516 19.516 51.156 19.516 70.671 0l38.159-38.154v727.773l-38.159-38.151c-19.515-19.515-51.155-19.515-70.671 0l-82.248 82.249-82.249-82.249c-19.516-19.515-51.158-19.515-70.673 0l-82.249 82.249-82.248-82.249c-19.516-19.515-51.158-19.515-70.674 0l-38.154 38.151v-727.773l38.154 38.154c19.517 19.516 51.158 19.516 70.674 0zM429.751 14.637c-19.515-19.516-51.157-19.516-70.674 0l-82.248 82.249-76.369-76.37c-31.481-31.482-85.31-9.185-85.31 35.337v912.295c0 44.522 53.829 66.816 85.31 35.335l76.369-76.368 82.248 82.249c19.516 19.515 51.158 19.515 70.674 0l82.248-82.249 82.249 82.249c19.515 19.515 51.157 19.515 70.673 0l82.248-82.249 76.368 76.368c31.481 31.481 85.314 9.187 85.314-35.335v-912.295c0-44.522-53.833-66.819-85.314-35.337l-76.368 76.37-82.248-82.249c-19.515-19.516-51.157-19.516-70.673 0l-82.249 82.249-82.248-82.249zM394.414 291.53c-24.352 0-44.094 19.742-44.094 44.095s19.742 44.094 44.094 44.094h235.171c24.352 0 44.094-19.742 44.094-44.094s-19.742-44.095-44.094-44.095h-235.171zM350.32 512.002c0-24.352 19.742-44.094 44.094-44.094h235.171c24.352 0 44.094 19.742 44.094 44.094s-19.742 44.095-44.094 44.095h-235.171c-24.352 0-44.094-19.742-44.094-44.095zM394.414 644.285c-24.352 0-44.094 19.742-44.094 44.095s19.742 44.094 44.094 44.094h235.171c24.352 0 44.094-19.742 44.094-44.094s-19.742-44.095-44.094-44.095h-235.171z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "receipt",
-                    "bill",
-                    "invoice",
-                    "proof-of-purchase",
-                    "payment"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 358,
-                "id": 314,
-                "name": "receipt",
-                "prevSize": 24,
-                "code": 59910
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 1
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M561.548 49.548c0-27.365-22.183-49.548-49.548-49.548s-49.548 22.184-49.548 49.548v376.632l-326.173-188.316c-23.699-13.683-54.002-5.563-67.685 18.136s-5.563 54.002 18.136 67.684l326.172 188.316-326.172 188.316c-23.699 13.682-31.819 43.986-18.136 67.684s43.986 31.817 67.685 18.139l326.173-188.32v376.634c0 27.363 22.183 49.547 49.548 49.547s49.548-22.184 49.548-49.547v-376.632l326.173 188.319c23.698 13.678 54.001 5.559 67.686-18.139 13.678-23.698 5.559-54.002-18.139-67.684l-326.173-188.316 326.173-188.316c23.698-13.682 31.817-43.986 18.139-67.684-13.685-23.698-43.988-31.819-67.686-18.136l-326.173 188.315v-376.631z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "asterisk",
-                    "star",
-                    "note",
-                    "reference",
-                    "highlight"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 359,
-                "id": 313,
-                "name": "asterisk",
-                "prevSize": 24,
-                "code": 59911
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 2
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M85.334 512c0-235.641 191.025-426.666 426.666-426.666 235.644 0 426.664 191.025 426.664 426.666 0 235.644-191.020 426.664-426.664 426.664-235.641 0-426.666-191.020-426.666-426.664zM512 0c-282.77 0-512 229.23-512 512s229.23 512 512 512c282.77 0 512-229.23 512-512s-229.23-512-512-512zM355.555 426.666c39.273 0 71.111-31.838 71.111-71.111s-31.838-71.111-71.111-71.111c-39.273 0-71.111 31.838-71.111 71.111s31.838 71.111 71.111 71.111zM739.555 355.555c0 39.273-31.837 71.111-71.11 71.111s-71.111-31.838-71.111-71.111c0-39.273 31.838-71.111 71.111-71.111s71.11 31.838 71.11 71.111zM324.179 610.191l-0.208-0.48-0.007-0.017c-8.836-21.718-33.566-32.252-55.365-23.532-21.878 8.752-32.52 33.583-23.769 55.461l39.615-15.846c-39.615 15.846-39.607 15.866-39.598 15.887l0.018 0.045 0.041 0.1 0.097 0.239 0.263 0.636c0.206 0.492 0.475 1.119 0.806 1.872 0.663 1.507 1.581 3.521 2.771 5.972 2.378 4.895 5.858 11.567 10.571 19.422 9.39 15.65 23.894 36.362 44.639 57.107 42.019 42.016 109.295 83.605 207.947 83.605s165.928-41.589 207.948-83.605c20.748-20.746 35.252-41.457 44.636-57.107 4.718-7.855 8.192-14.527 10.569-19.422 1.192-2.451 2.114-4.465 2.772-5.972 0.336-0.753 0.6-1.38 0.812-1.872l0.263-0.636 0.095-0.239 0.037-0.1 0.022-0.045c0.007-0.021 0.015-0.042-39.6-15.887l39.614 15.846c8.755-21.878-1.887-46.71-23.764-55.461-21.804-8.719-46.533 1.814-55.369 23.533l-0.214 0.496c-0.254 0.577-0.724 1.618-1.423 3.057-1.4 2.883-3.698 7.322-6.985 12.8-6.61 11.017-16.995 25.86-31.805 40.671-29.092 29.091-75.594 58.614-147.608 58.614s-118.516-29.523-147.608-58.614c-14.81-14.811-25.196-29.654-31.805-40.671-3.287-5.478-5.585-9.917-6.985-12.8-0.699-1.439-1.169-2.48-1.423-3.057z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "face-smile",
-                    "happy",
-                    "joy",
-                    "pleased",
-                    "positive"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 361,
-                "id": 311,
-                "name": "face-smile",
-                "prevSize": 24,
-                "code": 59912
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 3
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1024 512c0 282.836-229.164 512-512 512-52.852 0-103.639-8.053-151.535-22.916 20.852-34.063 52.026-89.805 63.587-134.195 6.194-23.947 31.794-121.805 31.794-121.805 16.723 31.795 65.445 58.836 117.264 58.836 154.426 0 265.7-142.037 265.7-318.553 0-169.084-138.113-295.639-315.661-295.639-220.903 0-338.374 148.232-338.374 309.884 0 75.148 40.052 168.671 103.845 198.4 9.703 4.542 14.864 2.478 17.135-6.813 1.652-7.020 10.323-41.909 14.245-58.013 1.239-5.161 0.62-9.703-3.509-14.658-20.852-25.806-37.781-72.877-37.781-116.852 0-112.929 85.471-222.142 231.226-222.142 125.73 0 213.884 85.678 213.884 208.31 0 138.529-69.987 234.529-161.032 234.529-50.168 0-87.949-41.497-75.768-92.491 14.452-60.903 42.323-126.555 42.323-170.529 0-39.226-21.059-72.052-64.826-72.052-51.407 0-92.697 53.058-92.697 124.284 0 45.42 15.277 75.974 15.277 75.974s-50.58 214.297-59.871 254.35c-10.323 44.178-6.194 106.525-1.858 146.995-190.348-74.533-325.368-259.926-325.368-476.906 0-282.839 229.161-512 512-512 282.836 0 512 229.161 512 512z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "pinterest",
-                    "social",
-                    "media",
-                    "image",
-                    "sharing",
-                    "hobby"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 362,
-                "id": 310,
-                "name": "pinterest",
-                "prevSize": 24,
-                "code": 59913
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 4
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M160.914 87.771c-40.395 0-73.143 32.748-73.143 73.143v175.543c0 24.237-19.648 43.886-43.886 43.886s-43.886-19.648-43.886-43.886v-175.543c0-88.87 72.044-160.914 160.914-160.914h175.543c24.237 0 43.886 19.648 43.886 43.886s-19.648 43.886-43.886 43.886h-175.543zM643.657 43.886c0-24.237 19.648-43.886 43.886-43.886h175.543c88.869 0 160.914 72.044 160.914 160.914v175.543c0 24.237-19.646 43.886-43.886 43.886s-43.886-19.648-43.886-43.886v-175.543c0-40.395-32.746-73.143-73.143-73.143h-175.543c-24.237 0-43.886-19.648-43.886-43.886zM43.886 643.657c24.237 0 43.886 19.648 43.886 43.886v175.543c0 40.397 32.748 73.143 73.143 73.143h175.543c24.237 0 43.886 19.646 43.886 43.886s-19.648 43.886-43.886 43.886h-175.543c-88.87 0-160.914-72.046-160.914-160.914v-175.543c0-24.237 19.648-43.886 43.886-43.886zM980.114 643.657c24.24 0 43.886 19.648 43.886 43.886v175.543c0 88.869-72.046 160.914-160.914 160.914h-175.543c-24.237 0-43.886-19.646-43.886-43.886s19.648-43.886 43.886-43.886h175.543c40.397 0 73.143-32.746 73.143-73.143v-175.543c0-24.237 19.646-43.886 43.886-43.886z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "expand",
-                    "enlarge",
-                    "grow",
-                    "increase",
-                    "extend"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 363,
-                "id": 309,
-                "name": "expand",
-                "prevSize": 24,
-                "code": 59914
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 5
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M857.644 98.33c6.107-6.117 17.218-10.869 31.532-10.548s26.5 5.661 33.499 12.672c7.534 7.543 12.961 19.896 13.509 33.631 0.549 13.674-3.825 24.167-9.787 30.152l-0.007 0.012-438.252 438.818-74.479 6.772 5.862-72.821 438.122-438.688zM984.788 38.445c-25.578-25.626-60.679-37.668-93.645-38.409-32.973-0.741-69.135 9.762-95.612 36.278v0.006l-449.509 450.089c-7.358 7.368-11.856 17.111-12.692 27.49l-11.336 140.842c-1.039 12.903 3.673 25.606 12.873 34.711s21.952 13.685 34.843 12.513l142.215-12.931c10.233-0.93 19.816-5.423 27.077-12.693l449.538-450.118c26.617-26.691 36.659-62.768 35.343-95.651-1.317-32.83-14.043-67.034-39.095-92.128zM149.942 87.804c-82.566 0-149.938 67.372-149.938 149.938v636.323c0 82.564 67.372 149.936 149.938 149.936h636.322c82.564 0 149.936-67.372 149.936-149.936v-318.163c0-24.237-19.646-43.884-43.886-43.884-24.232 0-43.878 19.648-43.878 43.884v318.163c0 34.092-28.080 62.164-62.171 62.164h-636.322c-34.093 0-62.169-28.072-62.169-62.164v-636.323c0-34.093 28.077-62.169 62.169-62.169h318.16c24.237 0 43.884-19.648 43.884-43.884s-19.648-43.884-43.884-43.884h-318.16z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "pen-to-square",
-                    "write",
-                    "edit",
-                    "note",
-                    "document"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 364,
-                "id": 308,
-                "name": "pen-to-square",
-                "prevSize": 24,
-                "code": 59915
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 6
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M383.383 66.188c19.99 1.421 37.156 14.743 43.493 33.755l226.431 679.292 144.696-289.398c8.397-16.786 25.549-27.39 44.317-27.39h132.133c27.363 0 49.547 22.183 49.547 49.548s-22.184 49.548-49.547 49.548h-101.508l-184.499 369.001c-8.962 17.927-27.84 28.687-47.83 27.268-19.99-1.426-37.156-14.746-43.494-33.755l-226.431-679.296-144.698 289.393c-8.393 16.786-25.55 27.39-44.317 27.39h-132.129c-27.365 0-49.548-22.183-49.548-49.548s22.184-49.548 49.548-49.548h101.506l184.499-368.995c8.962-17.924 27.84-28.685 47.83-27.265z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "wave-pulse",
-                    "frequency",
-                    "rhythm",
-                    "beat",
-                    "vibration",
-                    "rate"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 365,
-                "id": 307,
-                "name": "wave-pulse",
-                "prevSize": 24,
-                "code": 59916
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 7
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M394.977 0c24.237 0 43.886 19.648 43.886 43.886v212.205l285.775-107.020c22.699-8.5 47.992 3.010 56.491 25.708s-3.013 47.989-25.71 56.49l-316.556 118.548v37.933l285.775-107.020c22.699-8.5 47.992 3.010 56.491 25.708s-3.013 47.989-25.71 56.49l-316.556 118.548v452.467c211.7-22.17 380.344-202.759 380.344-421.939 0-24.237 19.646-43.886 43.886-43.886 24.232 0 43.886 19.648 43.886 43.886 0 282.931-232.060 512-512.001 512-24.237 0-43.886-19.646-43.886-43.886v-465.772l-174.781 65.454c-22.698 8.5-47.989-3.010-56.489-25.708s3.009-47.989 25.707-56.49l205.563-76.981v-37.933l-174.781 65.454c-22.698 8.5-47.989-3.010-56.489-25.708s3.009-47.989 25.707-56.49l205.563-76.981v-245.075c0-24.237 19.648-43.886 43.886-43.886z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "turkish-lira",
-                    "money",
-                    "currency",
-                    "turkey",
-                    "cash"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 366,
-                "id": 306,
-                "name": "turkish-lira",
-                "prevSize": 24,
-                "code": 59917
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 8
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 161.684c44.648 0 80.842-36.195 80.842-80.843s-36.194-80.842-80.842-80.842c-44.648 0-80.842 36.194-80.842 80.842s36.194 80.843 80.842 80.843zM161.684 512c0 44.648-36.195 80.842-80.843 80.842s-80.842-36.194-80.842-80.842c0-44.648 36.194-80.842 80.842-80.842s80.843 36.194 80.843 80.842zM1024 512c0 44.648-36.191 80.842-80.845 80.842-44.646 0-80.837-36.194-80.837-80.842s36.191-80.842 80.837-80.842c44.654 0 80.845 36.194 80.845 80.842zM592.842 943.155c0 44.654-36.195 80.845-80.843 80.845s-80.842-36.191-80.842-80.845c0-44.646 36.194-80.837 80.842-80.837s80.843 36.191 80.843 80.837zM149.971 264.301c31.571 31.571 82.757 31.571 114.328 0s31.571-82.757 0-114.328c-31.571-31.571-82.757-31.571-114.328 0s-31.571 82.757 0 114.328zM874.028 874.028c-31.568 31.568-82.754 31.568-114.33 0-31.568-31.576-31.568-82.761 0-114.33 31.576-31.572 82.761-31.572 114.33 0 31.568 31.568 31.568 82.754 0 114.33zM149.971 874.028c31.571 31.568 82.757 31.568 114.328 0 31.571-31.576 31.571-82.761 0-114.33-31.571-31.572-82.757-31.572-114.328 0-31.571 31.568-31.571 82.754 0 114.33z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "spinner-dotted",
-                    "loading",
-                    "processing",
-                    "buffering"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 367,
-                "id": 305,
-                "name": "spinner-dotted",
-                "prevSize": 24,
-                "code": 59918
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 9
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M405.716 365.683l106.284-170.053 106.284 170.053c15.364 24.584 48.35 30.986 71.796 13.934l228.244-165.994-87.669 460.255c-1.324 6.935-7.387 11.952-14.446 11.952h-608.418c-7.060 0-13.123-5.018-14.444-11.952l-87.668-460.255 228.242 165.994c23.445 17.051 56.431 10.65 71.796-13.934zM554.392 97.005c-19.58-31.328-65.205-31.328-84.784 0l-116.966 187.145-273.186-198.68c-36.638-26.646-86.988 5.28-78.511 49.783l105.739 555.132c9.247 48.541 51.689 83.664 101.105 83.664h608.418c49.415 0 91.86-35.123 101.105-83.664l105.743-555.132c8.477-44.503-41.874-76.43-78.512-49.783l-273.187 198.68-116.966-187.145zM159.122 862.267c-24.361 0-44.11 19.749-44.11 44.112s19.749 44.112 44.11 44.112h705.756c24.364 0 44.112-19.749 44.112-44.112s-19.749-44.112-44.112-44.112h-705.756z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "crown",
-                    "royalty",
-                    "king",
-                    "queen",
-                    "leader"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 368,
-                "id": 304,
-                "name": "crown",
-                "prevSize": 24,
-                "code": 59919
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 10
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 85.334c-235.641 0-426.666 191.025-426.666 426.666 0 235.644 191.025 426.664 426.666 426.664 235.644 0 426.664-191.020 426.664-426.664 0-235.641-191.020-426.666-426.664-426.666zM0 512c0-282.77 229.23-512 512-512s512 229.23 512 512c0 282.77-229.23 512-512 512s-512-229.23-512-512zM398.222 298.666c23.564 0 42.667 19.103 42.667 42.667v341.333c0 23.564-19.103 42.667-42.667 42.667s-42.666-19.103-42.666-42.667v-341.333c0-23.564 19.103-42.667 42.666-42.667zM668.445 341.334c0-23.564-19.103-42.667-42.666-42.667s-42.667 19.103-42.667 42.667v341.333c0 23.564 19.103 42.667 42.667 42.667s42.666-19.103 42.666-42.667v-341.333z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "pause-circle",
-                    "halt",
-                    "wait",
-                    "stop",
-                    "break"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 369,
-                "id": 303,
-                "name": "pause-circle",
-                "prevSize": 24,
-                "code": 59920
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 11
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M466.206 14.266c28.828-14.414 62.76-14.414 91.588 0l409.601 204.797c34.692 17.346 56.605 52.803 56.605 91.589v666.010c0 24.24-19.646 43.886-43.886 43.886s-43.886-19.646-43.886-43.886v-666.010c0-5.541-3.131-10.606-8.090-13.084l-409.597-204.797c-4.118-2.060-8.966-2.060-13.084 0l-409.6 204.797c-4.956 2.477-8.087 7.543-8.087 13.084v666.010c0 24.24-19.648 43.886-43.886 43.886s-43.886-19.646-43.886-43.886v-666.010c0-38.786 21.914-74.244 56.606-91.589l409.6-204.797zM175.543 508.545c0-56.554 45.846-102.4 102.4-102.4h468.114c56.554 0 102.4 45.846 102.4 102.4v409.602c0 56.554-45.846 102.4-102.4 102.4h-468.114c-56.554 0-102.4-45.846-102.4-102.4v-409.602zM277.943 493.917c-8.079 0-14.629 6.549-14.629 14.629v73.143h497.371v-73.143c0-8.079-6.546-14.629-14.629-14.629h-468.114zM760.686 669.46h-497.371v87.774h497.371v-87.774zM760.686 845.005h-497.371v73.143c0 8.075 6.549 14.629 14.629 14.629h468.114c8.082 0 14.629-6.554 14.629-14.629v-73.143z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "warehouse",
-                    "storage",
-                    "inventory",
-                    "goods",
-                    "distribution"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 370,
-                "id": 302,
-                "name": "warehouse",
-                "prevSize": 24,
-                "code": 59921
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 12
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M102.4 0c-56.554 0-102.4 45.846-102.4 102.4v351.086c0 56.554 45.846 102.4 102.4 102.4h234.057c56.554 0 102.4-45.846 102.4-102.4v-351.086c0-56.554-45.846-102.4-102.4-102.4h-234.057zM87.771 102.4c0-8.079 6.549-14.629 14.629-14.629h234.057c8.079 0 14.629 6.549 14.629 14.629v351.086c0 8.079-6.549 14.629-14.629 14.629h-234.057c-8.079 0-14.629-6.549-14.629-14.629v-351.086zM102.4 702.171c-56.554 0-102.4 45.846-102.4 102.4v117.029c0 56.554 45.846 102.4 102.4 102.4h234.057c56.554 0 102.4-45.846 102.4-102.4v-117.029c0-56.554-45.846-102.4-102.4-102.4h-234.057zM87.771 804.571c0-8.082 6.549-14.629 14.629-14.629h234.057c8.079 0 14.629 6.546 14.629 14.629v117.029c0 8.082-6.549 14.629-14.629 14.629h-234.057c-8.079 0-14.629-6.546-14.629-14.629v-117.029zM585.143 570.514c0-56.554 45.846-102.4 102.4-102.4h234.057c56.554 0 102.4 45.846 102.4 102.4v351.086c0 56.554-45.846 102.4-102.4 102.4h-234.057c-56.554 0-102.4-45.846-102.4-102.4v-351.086zM687.543 555.886c-8.079 0-14.629 6.549-14.629 14.629v351.086c0 8.082 6.549 14.629 14.629 14.629h234.057c8.082 0 14.629-6.546 14.629-14.629v-351.086c0-8.079-6.546-14.629-14.629-14.629h-234.057zM687.543 0c-56.554 0-102.4 45.846-102.4 102.4v117.029c0 56.554 45.846 102.4 102.4 102.4h234.057c56.554 0 102.4-45.846 102.4-102.4v-117.029c0-56.554-45.846-102.4-102.4-102.4h-234.057zM672.914 102.4c0-8.079 6.549-14.629 14.629-14.629h234.057c8.082 0 14.629 6.549 14.629 14.629v117.029c0 8.079-6.546 14.629-14.629 14.629h-234.057c-8.079 0-14.629-6.549-14.629-14.629v-117.029z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "objects-column",
-                    "items",
-                    "elements",
-                    "organization",
-                    "grid",
-                    "layout"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 371,
-                "id": 301,
-                "name": "objects-column",
-                "prevSize": 24,
-                "code": 59922
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 13
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M466.54 87.771c-31.446 0-56.939 25.492-56.939 56.939v85.746h204.8v-85.746c0-31.446-25.492-56.939-56.94-56.939h-90.922zM695.398 100.825h50.659c88.869 0 160.914 72.044 160.914 160.914v601.347c0 88.869-72.046 160.914-160.914 160.914h-468.114c-88.871 0-160.914-72.046-160.914-160.914v-601.347c0-88.87 72.044-160.914 160.914-160.914h50.659c18.586-58.466 73.314-100.825 137.936-100.825h90.922c64.622 0 119.352 42.358 137.936 100.825zM702.172 188.596v79.895c0 27.469-22.268 49.737-49.737 49.737h-280.869c-27.47 0-49.737-22.268-49.737-49.737v-79.895h-43.886c-40.396 0-73.143 32.748-73.143 73.143v601.347c0 40.397 32.747 73.143 73.143 73.143h468.114c40.397 0 73.143-32.746 73.143-73.143v-601.347c0-40.395-32.746-73.143-73.143-73.143h-43.885z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "clipboard",
-                    "paste",
-                    "copy",
-                    "cut",
-                    "notes"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 372,
-                "id": 300,
-                "name": "clipboard",
-                "prevSize": 24,
-                "code": 59923
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 14
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M85.334 512c0-235.641 191.025-426.666 426.666-426.666 235.644 0 426.664 191.025 426.664 426.666 0 235.644-191.020 426.664-426.664 426.664-235.641 0-426.666-191.020-426.666-426.664zM512 0c-282.77 0-512 229.23-512 512s229.23 512 512 512c282.77 0 512-229.23 512-512s-229.23-512-512-512zM398.222 715.992c0 50.684 61.278 76.065 97.115 40.225l203.992-203.99c22.216-22.216 22.216-58.236 0-80.453l-203.992-203.992c-35.838-35.838-97.115-10.456-97.115 40.227v407.983z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "play-circle",
-                    "start",
-                    "go",
-                    "action",
-                    "play"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 373,
-                "id": 299,
-                "name": "play-circle",
-                "prevSize": 24,
-                "code": 59924
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 15
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M511.999 78.769c-152.261 0-275.692 123.432-275.692 275.692s123.431 275.692 275.692 275.692c152.261 0 275.691-123.431 275.691-275.692s-123.43-275.692-275.691-275.692zM157.538 354.461c0-195.763 158.698-354.461 354.461-354.461s354.458 158.698 354.458 354.461c0 182.452-137.845 332.707-315.074 352.298v107.189h118.154c21.751 0 39.385 17.635 39.385 39.387s-17.633 39.38-39.385 39.38h-118.154v91.897c0 21.753-17.633 39.387-39.385 39.387s-39.385-17.635-39.385-39.387v-91.897h-118.154c-21.752 0-39.385-17.627-39.385-39.38s17.633-39.387 39.385-39.387h118.154v-107.189c-177.229-19.591-315.077-169.846-315.077-352.298z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "venus",
-                    "female",
-                    "women",
-                    "gender"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 374,
-                "id": 298,
-                "name": "venus",
-                "prevSize": 24,
-                "code": 59925
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 16
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M43.886 29.259c-24.237 0-43.886 19.648-43.886 43.885s19.648 43.886 43.886 43.886h80.402l110.477 607.622c3.794 20.864 21.968 36.034 43.178 36.034h585.143c20.136 0 37.691-13.707 42.576-33.241l117.029-468.114c3.277-13.11 0.329-26.999-7.987-37.651s-21.072-16.878-34.589-16.878h-750.657l-25.365-139.507c-3.794-20.867-21.968-36.035-43.178-36.035h-117.029zM314.568 672.916l-69.153-380.343h678.489l-95.086 380.343h-514.25zM461.678 438.859c-24.237 0-43.886 19.648-43.886 43.886s19.648 43.886 43.886 43.886h234.057c24.237 0 43.885-19.648 43.885-43.886s-19.648-43.886-43.885-43.886h-234.057zM380.343 819.2c-48.475 0-87.771 39.3-87.771 87.771 0 48.479 39.297 87.771 87.771 87.771s87.771-39.292 87.771-87.771c0-48.472-39.297-87.771-87.771-87.771zM672.914 906.971c0-48.472 39.296-87.771 87.771-87.771 48.472 0 87.771 39.3 87.771 87.771 0 48.479-39.3 87.771-87.771 87.771-48.475 0-87.771-39.292-87.771-87.771z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "cart-minus",
-                    "remove",
-                    "purchase"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 387,
-                "id": 297,
-                "name": "cart-minus",
-                "prevSize": 24,
-                "code": 59926
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 17
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M277.944 0c-88.603 0-160.914 72.311-160.914 160.914v702.171c0 88.605 72.311 160.914 160.914 160.914h468.114c88.605 0 160.914-72.309 160.914-160.914v-497.371c0-11.639-4.623-22.802-12.851-31.032l-321.831-321.829c-8.23-8.23-19.392-12.854-31.032-12.854h-263.314zM204.801 160.914c0-40.128 33.014-73.143 73.143-73.143h219.429v277.943c0 24.237 19.648 43.886 43.886 43.886h277.942v453.486c0 40.126-33.017 73.143-73.143 73.143h-468.114c-40.128 0-73.143-33.017-73.143-73.143v-702.171zM757.138 321.829h-171.995v-171.993l171.995 171.993zM702.172 687.543c0 24.237-19.648 43.886-43.886 43.886h-102.4v102.4c0 24.24-19.648 43.886-43.886 43.886s-43.886-19.646-43.886-43.886v-102.4h-102.4c-24.237 0-43.886-19.648-43.886-43.886s19.648-43.886 43.886-43.886h102.4v-102.4c0-24.237 19.648-43.886 43.886-43.886s43.886 19.648 43.886 43.886v102.4h102.4c24.237 0 43.886 19.648 43.886 43.886z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "file-plus",
-                    "add",
-                    "document",
-                    "new",
-                    "create"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 386,
-                "id": 296,
-                "name": "file-plus",
-                "prevSize": 24,
-                "code": 59927
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 18
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M277.943 0c24.237 0 43.886 19.648 43.886 43.886v73.143h146.286v-73.143c0-24.237 19.648-43.886 43.886-43.886s43.886 19.648 43.886 43.886v73.143h146.286v-73.143c0-24.237 19.648-43.886 43.886-43.886 24.24 0 43.886 19.648 43.886 43.886v73.143h14.629c56.554 0 102.4 45.846 102.4 102.4v14.629h73.143c24.24 0 43.886 19.648 43.886 43.886s-19.646 43.886-43.886 43.886h-73.143v146.286h73.143c24.24 0 43.886 19.648 43.886 43.886s-19.646 43.886-43.886 43.886h-73.143v146.286h73.143c24.24 0 43.886 19.648 43.886 43.886 0 24.24-19.646 43.886-43.886 43.886h-73.143v14.629c0 56.554-45.846 102.4-102.4 102.4h-14.629v73.143c0 24.24-19.646 43.886-43.886 43.886-24.237 0-43.886-19.646-43.886-43.886v-73.143h-146.286v73.143c0 24.24-19.648 43.886-43.886 43.886s-43.886-19.646-43.886-43.886v-73.143h-146.286v73.143c0 24.24-19.648 43.886-43.886 43.886s-43.886-19.646-43.886-43.886v-73.143h-14.629c-56.554 0-102.4-45.846-102.4-102.4v-14.629h-73.143c-24.237 0-43.886-19.646-43.886-43.886 0-24.237 19.648-43.886 43.886-43.886h73.143v-146.286h-73.143c-24.237 0-43.886-19.648-43.886-43.886s19.648-43.886 43.886-43.886h73.143v-146.286h-73.143c-24.237 0-43.886-19.648-43.886-43.886s19.648-43.886 43.886-43.886h73.143v-14.629c0-56.554 45.846-102.4 102.4-102.4h14.629v-73.143c0-24.237 19.648-43.886 43.886-43.886zM219.429 204.8c-8.079 0-14.629 6.549-14.629 14.629v585.143c0 8.082 6.549 14.629 14.629 14.629h585.143c8.082 0 14.629-6.546 14.629-14.629v-585.143c0-8.079-6.546-14.629-14.629-14.629h-585.143z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "microchip",
-                    "technology",
-                    "circuit",
-                    "processor",
-                    "component"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 385,
-                "id": 295,
-                "name": "microchip",
-                "prevSize": 24,
-                "code": 59928
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 19
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M493.181 201.216h74.753v219.136h-74.753zM698.623 201.216h74.753v219.136h-74.753zM250.623 0l-186.623 182.784v658.432h223.739v182.784l187.146-182.784h148.985l336.131-329.216v-512zM885.248 475.648l-148.985 145.92h-149.51l-130.688 128v-128h-168.327v-548.352h597.509v402.432z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "twitch",
-                    "live",
-                    "streaming",
-                    "video",
-                    "game",
-                    "broadcast"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 384,
-                "id": 294,
-                "name": "twitch",
-                "prevSize": 24,
-                "code": 59929
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 20
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M518.376 136.724c-3.965-2.203-8.786-2.203-12.751 0l-447.107 248.392c-19.014 10.563-42.991 3.713-53.554-15.301s-3.713-42.991 15.301-53.554l447.107-248.393c27.755-15.419 61.502-15.419 89.257 0l447.103 248.393c19.017 10.563 25.871 34.54 15.301 53.554-10.562 19.013-34.538 25.864-53.548 15.301l-447.11-248.392zM367.592 350.689c0-21.751 17.633-39.385 39.384-39.385h210.049c21.751 0 39.384 17.633 39.384 39.385s-17.633 39.384-39.384 39.384h-210.049c-21.751 0-39.384-17.633-39.384-39.384zM196.928 468.841c21.751 0 39.385 17.633 39.385 39.384v262.562c0 21.753-17.633 39.38-39.385 39.38s-39.384-17.627-39.384-39.38v-262.562c0-21.751 17.633-39.384 39.384-39.384zM406.976 468.841c21.751 0 39.384 17.633 39.384 39.384v262.562c0 21.753-17.633 39.38-39.384 39.38s-39.385-17.627-39.385-39.38v-262.562c0-21.751 17.633-39.384 39.385-39.384zM617.024 468.841c21.751 0 39.385 17.633 39.385 39.384v262.562c0 21.753-17.633 39.38-39.385 39.38s-39.384-17.627-39.384-39.38v-262.562c0-21.751 17.633-39.384 39.384-39.384zM827.070 468.841c21.753 0 39.387 17.633 39.387 39.384v262.562c0 21.753-17.635 39.38-39.387 39.38-21.745 0-39.38-17.627-39.38-39.38v-262.562c0-21.751 17.635-39.384 39.38-39.384zM105.032 928.322c0-21.753 17.633-39.387 39.384-39.387h735.171c21.753 0 39.38 17.635 39.38 39.387s-17.627 39.38-39.38 39.38h-735.171c-21.751 0-39.384-17.627-39.384-39.38z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "building-columns",
-                    "architecture",
-                    "structure",
-                    "pillar",
-                    "bank"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 383,
-                "id": 293,
-                "name": "building-columns",
-                "prevSize": 24,
-                "code": 59930
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 21
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M117.029 160.914c0-88.603 72.311-160.914 160.914-160.914h263.314c11.639 0 22.802 4.624 31.032 12.854l321.831 321.829c8.229 8.23 12.851 19.392 12.851 31.032v497.371c0 88.605-72.309 160.914-160.914 160.914h-468.114c-88.603 0-160.914-72.309-160.914-160.914v-702.171zM277.944 87.771c-40.128 0-73.143 33.014-73.143 73.143v702.171c0 40.126 33.014 73.143 73.143 73.143h468.114c40.126 0 73.143-33.017 73.143-73.143v-453.486h-277.942c-24.237 0-43.886-19.648-43.886-43.886v-277.943h-219.429zM585.144 149.835v171.993h171.995l-171.995-171.993zM703.947 572.289c17.138-17.138 17.138-44.925 0-62.063s-44.925-17.139-62.064 0l-203.025 203.025-56.74-56.739c-17.138-17.139-44.925-17.139-62.064 0s-17.138 44.925 0 62.063l87.771 87.774c17.139 17.137 44.926 17.137 62.064 0l234.057-234.060z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "file-check",
-                    "document",
-                    "confirmed",
-                    "approve",
-                    "verified",
-                    "correct"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 382,
-                "id": 292,
-                "name": "file-check",
-                "prevSize": 24,
-                "code": 59931
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 22
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M321.829 43.886c0-24.237-19.648-43.886-43.886-43.886s-43.886 19.648-43.886 43.886v73.143h-14.629c-56.554 0-102.4 45.846-102.4 102.4v14.629h-73.143c-24.237 0-43.886 19.648-43.886 43.886s19.648 43.886 43.886 43.886h73.143v146.286h-73.143c-24.237 0-43.886 19.648-43.886 43.886s19.648 43.886 43.886 43.886h73.143v146.286h-73.143c-24.237 0-43.886 19.648-43.886 43.886 0 24.24 19.648 43.886 43.886 43.886h73.143v14.629c0 56.554 45.846 102.4 102.4 102.4h14.629v73.143c0 24.24 19.648 43.886 43.886 43.886s43.886-19.646 43.886-43.886v-73.143h146.286v73.143c0 24.24 19.648 43.886 43.886 43.886s43.886-19.646 43.886-43.886v-73.143h146.286v73.143c0 24.24 19.648 43.886 43.886 43.886 24.24 0 43.886-19.646 43.886-43.886v-73.143h14.629c56.554 0 102.4-45.846 102.4-102.4v-14.629h73.143c24.24 0 43.886-19.646 43.886-43.886 0-24.237-19.646-43.886-43.886-43.886h-73.143v-146.286h73.143c24.24 0 43.886-19.648 43.886-43.886s-19.646-43.886-43.886-43.886h-73.143v-146.286h73.143c24.24 0 43.886-19.648 43.886-43.886s-19.646-43.886-43.886-43.886h-73.143v-14.629c0-56.554-45.846-102.4-102.4-102.4h-14.629v-73.143c0-24.237-19.646-43.886-43.886-43.886-24.237 0-43.886 19.648-43.886 43.886v73.143h-146.286v-73.143c0-24.237-19.648-43.886-43.886-43.886s-43.886 19.648-43.886 43.886v73.143h-146.286v-73.143zM204.8 219.429c0-8.079 6.549-14.629 14.629-14.629h585.143c8.082 0 14.629 6.549 14.629 14.629v585.143c0 8.082-6.546 14.629-14.629 14.629h-585.143c-8.079 0-14.629-6.546-14.629-14.629v-585.143zM500.217 673.094c8.136 22.831 33.241 34.743 56.071 26.606s34.743-33.241 26.606-56.071l-99.474-279.115-0.199-0.557-0.214-0.552c-8.898-22.987-30.185-41.648-58.188-41.648s-49.29 18.662-58.188 41.648l-99.887 280.223c-8.137 22.831 3.775 47.935 26.606 56.072s47.935-3.775 56.071-26.606l16.097-45.166h118.6l16.097 45.166zM424.82 461.539l28.019 78.618h-56.038l28.020-78.618zM643.657 365.643c0-24.237 19.648-43.886 43.886-43.886s43.886 19.648 43.886 43.886v292.721c0 24.237-19.648 43.886-43.886 43.886s-43.886-19.648-43.886-43.886v-292.721z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "microchip-ai",
-                    "technology",
-                    "smart",
-                    "artificial-intelligence"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 381,
-                "id": 291,
-                "name": "microchip-ai",
-                "prevSize": 24,
-                "code": 59932
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 23
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M266.334 91.953c-2.401 2.216-3.019 4.342-3.019 5.946v324.079c0 81.902 22.6 152.134 63.392 201.052 39.926 47.879 100.327 79.141 185.294 79.141s145.368-31.263 185.294-79.141c40.791-48.918 63.392-119.15 63.392-201.052v-324.079c0-1.604-0.622-3.73-3.021-5.946-2.458-2.27-6.451-4.182-11.608-4.182h-468.114c-5.156 0-9.149 1.911-11.609 4.182zM175.543 97.899c0-57.309 49.219-97.899 102.4-97.899h468.114c53.182 0 102.4 40.59 102.4 97.899v19.13h73.143c56.554 0 102.4 45.846 102.4 102.4v117.029c0 111.657-89.329 200.19-193.521 216.67-13.736 46.838-35.482 89.784-65.777 126.115-49.874 59.807-120.535 98.734-208.816 108.367v148.619h131.657c24.237 0 43.886 19.646 43.886 43.886s-19.648 43.886-43.886 43.886h-351.086c-24.237 0-43.886-19.646-43.886-43.886s19.648-43.886 43.886-43.886h131.657v-148.619c-88.281-9.633-158.942-48.56-208.817-108.367-30.296-36.331-52.043-79.277-65.772-126.115-104.192-16.481-193.525-105.013-193.525-216.67v-117.029c0-56.554 45.846-102.4 102.4-102.4h73.143v-19.13zM175.543 204.8h-73.143c-8.079 0-14.629 6.549-14.629 14.629v117.029c0 53.232 37.7 101.709 89.045 121.826-0.851-11.995-1.273-24.109-1.273-36.305v-217.178zM847.184 458.283c51.346-20.117 89.044-68.594 89.044-121.826v-117.029c0-8.079-6.546-14.629-14.629-14.629h-73.143v217.178c0 12.197-0.424 24.31-1.273 36.305z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "trophy",
-                    "award",
-                    "prize",
-                    "win",
-                    "victory"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 380,
-                "id": 290,
-                "name": "trophy",
-                "prevSize": 24,
-                "code": 59933
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 24
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M56.889 56.893c-31.419 0-56.889 25.47-56.889 56.889v796.445c0 31.422 25.47 56.891 56.889 56.891s56.889-25.468 56.889-56.891v-796.445c0-31.419-25.471-56.889-56.889-56.889zM227.555 56.893c-15.71 0-28.445 12.735-28.445 28.444v853.334c0 15.711 12.735 28.445 28.445 28.445s28.445-12.734 28.445-28.445v-853.334c0-15.709-12.735-28.444-28.445-28.444zM369.778 56.893c-15.71 0-28.445 12.735-28.445 28.444v853.334c0 15.711 12.735 28.445 28.445 28.445s28.444-12.734 28.444-28.445v-853.334c0-15.709-12.735-28.444-28.444-28.444zM938.664 99.56c0-23.564 19.105-42.667 42.672-42.667 23.559 0 42.664 19.103 42.664 42.667v824.885c0 23.567-19.105 42.672-42.664 42.672-23.567 0-42.672-19.105-42.672-42.672v-824.885zM540.445 113.782c0-31.419 25.47-56.889 56.889-56.889s56.888 25.47 56.888 56.889v796.445c0 31.422-25.47 56.891-56.888 56.891s-56.889-25.468-56.889-56.891v-796.445zM796.445 56.893c-31.422 0-56.891 25.47-56.891 56.889v796.445c0 31.422 25.468 56.891 56.891 56.891 31.415 0 56.891-25.468 56.891-56.891v-796.445c0-31.419-25.476-56.889-56.891-56.889z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "barcode",
-                    "product",
-                    "code",
-                    "scan",
-                    "retail",
-                    "price"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 379,
-                "id": 289,
-                "name": "barcode",
-                "prevSize": 24,
-                "code": 59934
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 25
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M117.029 160.914c0-88.603 72.311-160.914 160.914-160.914h263.314c11.639 0 22.802 4.624 31.032 12.854l321.831 321.829c8.229 8.23 12.851 19.392 12.851 31.032v497.371c0 88.605-72.309 160.914-160.914 160.914h-468.114c-88.603 0-160.914-72.309-160.914-160.914v-702.171zM277.944 87.771c-40.128 0-73.143 33.014-73.143 73.143v702.171c0 40.126 33.014 73.143 73.143 73.143h468.114c40.126 0 73.143-33.017 73.143-73.143v-453.486h-277.942c-24.237 0-43.886-19.648-43.886-43.886v-277.943h-219.429zM585.144 149.835v171.993h171.995l-171.995-171.993zM543.032 510.226c-17.138-17.139-44.925-17.139-62.064 0l-117.029 117.029c-17.138 17.138-17.138 44.925 0 62.063s44.926 17.139 62.064 0l42.111-42.111v186.622c0 24.24 19.648 43.886 43.886 43.886s43.886-19.646 43.886-43.886v-186.622l42.111 42.111c17.139 17.139 44.926 17.139 62.064 0s17.138-44.925 0-62.063l-117.029-117.029z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "file-arrow-up",
-                    "upload",
-                    "send",
-                    "transfer"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 378,
-                "id": 288,
-                "name": "file-arrow-up",
-                "prevSize": 24,
-                "code": 59935
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 26
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M722.823 45.176c0-24.95 20.228-45.176 45.177-45.176h210.827c24.949 0 45.173 20.226 45.173 45.176v210.824c0 24.95-20.224 45.177-45.173 45.177-24.956 0-45.18-20.226-45.18-45.177v-100.825l-207.86 210.37c54.698 69.238 87.386 156.767 87.386 251.867 0 224.55-182.032 406.588-406.585 406.588s-406.588-182.038-406.588-406.588c0-224.553 182.036-406.589 406.588-406.589 96.862 0 185.864 33.915 255.689 90.446l208.401-210.917h-102.678c-24.949 0-45.177-20.226-45.177-45.176zM406.588 301.177c-174.652 0-316.235 141.583-316.235 316.235s141.583 316.235 316.235 316.235c174.652 0 316.235-141.583 316.235-316.235 0-86.495-34.665-164.804-90.965-221.942-57.405-58.26-137.088-94.294-225.27-94.294z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "mars",
-                    "male",
-                    "man",
-                    "men",
-                    "gender"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 377,
-                "id": 287,
-                "name": "mars",
-                "prevSize": 24,
-                "code": 59936
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 27
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M960.044 419.841c-88.093 0.189-174.014-27.309-245.625-78.608v357.635c-0.020 66.235-20.263 130.886-58.023 185.305s-91.234 96.015-153.272 119.216c-62.038 23.208-129.682 26.917-193.886 10.635-64.203-16.289-121.905-51.785-165.388-101.749s-70.673-112.011-77.935-177.847c-7.262-65.838 5.751-132.323 37.298-190.563s80.125-105.46 139.236-135.344c59.111-29.884 125.937-41.008 191.541-31.883v179.818c-29.997-9.443-62.212-9.167-92.043 0.789s-55.754 29.083-74.067 54.65c-18.313 25.567-28.080 56.266-27.906 87.714s10.279 62.035 28.875 87.401c18.594 25.359 44.727 44.2 74.666 53.826s62.155 9.545 92.047-0.227c29.891-9.772 55.93-28.745 74.399-54.199s28.423-56.093 28.441-87.542v-698.868h176.017c-0.099 14.887 1.173 29.751 3.801 44.404 6.121 32.663 18.841 63.735 37.375 91.317s42.503 51.094 70.437 69.1c39.76 26.259 86.367 40.241 134.012 40.204v174.817z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "tiktok",
-                    "social",
-                    "media",
-                    "video",
-                    "app",
-                    "music"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 376,
-                "id": 286,
-                "name": "tiktok",
-                "prevSize": 24,
-                "code": 59937
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 28
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M636.123 0c-25.707 0-46.546 20.839-46.546 46.545s20.839 46.546 46.546 46.546h228.959l-292.904 292.905c-18.177 18.177-18.177 47.648 0 65.826s47.648 18.177 65.826 0l292.907-292.906v228.963c0 25.706 20.838 46.545 46.548 46.545 25.702 0 46.541-20.839 46.541-46.545v-341.333c0-25.706-20.838-46.545-46.541-46.545h-341.336zM387.879 1024c25.706 0 46.545-20.838 46.545-46.548 0-25.702-20.839-46.541-46.545-46.541h-228.963l292.906-292.908c18.177-18.177 18.177-47.647 0-65.825s-47.648-18.177-65.825 0l-292.906 292.904v-228.961c0-25.706-20.839-46.545-46.546-46.545s-46.545 20.839-46.545 46.545v341.331c0 25.71 20.839 46.548 46.545 46.548h341.333z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "arrow-up-right-and-arrow-down-left-from-center",
-                    "split",
-                    "diverge",
-                    "separate"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 375,
-                "id": 285,
-                "name": "arrow-up-right-and-arrow-down-left-from-center",
-                "prevSize": 24,
-                "code": 59938
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 29
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M797.93 521.6l-285.929 185.6-286.117-185.6 286.117-521.6 285.929 521.6zM512.001 766.8l-286.117-185.601 286.117 442.8 286.119-442.8-286.119 185.601z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "ethereum",
-                    "cryptocurrency",
-                    "blockchain",
-                    "digital",
-                    "currency"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 356,
-                "id": 284,
-                "name": "ethereum",
-                "prevSize": 24,
-                "code": 59939
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 30
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M250.46 221.203c17.139-17.138 17.139-44.925 0-62.063s-44.925-17.139-62.063 0l-85.997 85.996-27.483-27.482c-17.138-17.139-44.925-17.139-62.063 0s-17.138 44.925 0 62.063l58.514 58.514c17.138 17.139 44.925 17.139 62.063 0l117.029-117.029zM394.971 234.057c-24.237 0-43.886 19.648-43.886 43.886s19.648 43.886 43.886 43.886h585.143c24.24 0 43.886-19.648 43.886-43.886s-19.646-43.886-43.886-43.886h-585.143zM394.971 468.114c-24.237 0-43.886 19.648-43.886 43.886s19.648 43.886 43.886 43.886h585.143c24.24 0 43.886-19.648 43.886-43.886s-19.646-43.886-43.886-43.886h-585.143zM980.114 819.2h-577.829c-24.237 0-43.886-19.646-43.886-43.886s19.648-43.886 43.886-43.886h577.829c24.24 0 43.886 19.646 43.886 43.886s-19.646 43.886-43.886 43.886zM250.46 393.197c17.139 17.138 17.139 44.925 0 62.063l-117.029 117.029c-17.138 17.139-44.925 17.139-62.063 0l-58.514-58.514c-17.138-17.138-17.138-44.925 0-62.063s44.925-17.139 62.063 0l27.483 27.482 85.997-85.996c17.138-17.139 44.925-17.139 62.063 0zM250.46 747.835c17.139-17.141 17.139-44.928 0-62.066s-44.925-17.139-62.063 0l-85.997 85.998-27.483-27.487c-17.138-17.136-44.925-17.136-62.063 0-17.138 17.145-17.138 44.924 0 62.069l58.514 58.514c17.138 17.137 44.925 17.137 62.063 0l117.029-117.029z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "list-check",
-                    "items",
-                    "tasks",
-                    "complete",
-                    "done"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 355,
-                "id": 283,
-                "name": "list-check",
-                "prevSize": 24,
-                "code": 59940
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 31
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M175.542 43.886c0-24.237 19.648-43.886 43.886-43.886h585.144c24.24 0 43.886 19.648 43.886 43.886s-19.646 43.886-43.886 43.886h-14.629v307.2c0 3.071 1.112 7.201 5.947 12.52 5.098 5.614 13.21 11.080 23.011 14.766 78.636 29.582 113.964 102.538 130.048 157.529 8.324 28.461 12.412 55.043 14.453 74.383 1.024 9.733 1.543 17.793 1.807 23.541 0.132 2.878 0.205 5.187 0.241 6.851l0.029 2.003 0.007 0.621v0.295c0 0.015 0 0.064-43.886 0.064h43.886c0 24.237-19.646 43.886-43.886 43.886h-365.715v248.686c0 24.24-19.648 43.886-43.886 43.886s-43.886-19.646-43.886-43.886v-248.686h-365.714c-24.237 0-43.886-19.648-43.886-43.886h43.886c-43.886 0-43.886 0.015-43.886 0v-0.064l0-0.082 0.001-0.213 0.005-0.621 0.033-2.003c0.036-1.663 0.105-3.972 0.238-6.851 0.265-5.748 0.786-13.808 1.81-23.541 2.035-19.34 6.123-45.922 14.447-74.383 16.083-54.99 51.417-127.947 130.054-157.529 9.8-3.686 17.908-9.152 23.009-14.766 4.833-5.319 5.946-9.449 5.946-12.52v-307.2h-14.629c-24.237 0-43.886-19.648-43.886-43.886zM321.828 87.771v307.2c0 59.070-48.079 95.239-85.823 109.437-39.517 14.866-63.261 54.015-76.715 100.017-4.035 13.797-6.837 27.241-8.774 39.232h722.964c-1.931-11.991-4.732-25.435-8.77-39.232-13.458-46.002-37.2-85.151-76.72-100.017-37.742-14.198-85.819-50.367-85.819-109.437v-307.2h-380.343z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "thumbtack",
-                    "pin",
-                    "mark",
-                    "secure",
-                    "set"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 354,
-                "id": 282,
-                "name": "thumbtack",
-                "prevSize": 24,
-                "code": 59941
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 32
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M946.425 465.455c25.702 0 46.541-20.839 46.541-46.546s-20.838-46.545-46.541-46.545h-228.963l292.905-292.906c18.176-18.177 18.176-47.648 0-65.825s-47.645-18.177-65.821-0l-292.909 292.906v-228.963c0-25.707-20.839-46.546-46.545-46.546s-46.546 20.839-46.546 46.546l0.001 341.333c0 25.707 20.839 46.546 46.545 46.546h341.334zM77.576 558.545c-25.707 0-46.546 20.839-46.546 46.546s20.839 46.545 46.546 46.545h228.963l-292.906 292.909c-18.177 18.176-18.177 47.645 0 65.821s47.648 18.176 65.825 0l292.906-292.905v228.963c0 25.702 20.839 46.548 46.545 46.548s46.546-20.846 46.546-46.548v-341.334c0-25.707-20.839-46.546-46.546-46.546h-341.333z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "arrow-down-left-and-arrow-up-right-to-center",
-                    "join",
-                    "meet",
-                    "intersection"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 353,
-                "id": 281,
-                "name": "arrow-down-left-and-arrow-up-right-to-center",
-                "prevSize": 24,
-                "code": 59942
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 33
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M0 313.807c0-27.364 22.184-49.548 49.548-49.548h924.905c27.363 0 49.547 22.183 49.547 49.548s-22.184 49.548-49.547 49.548h-924.905c-27.365 0-49.548-22.183-49.548-49.548zM0 710.194c0-27.365 22.184-49.548 49.548-49.548h924.905c27.363 0 49.547 22.183 49.547 49.548 0 27.363-22.184 49.548-49.547 49.548h-924.905c-27.365 0-49.548-22.184-49.548-49.548z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "equals",
-                    "same",
-                    "identical",
-                    "match",
-                    "balance"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 352,
-                "id": 280,
-                "name": "equals",
-                "prevSize": 24,
-                "code": 59943
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 34
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M511.999 80.842c-156.268 0-282.947 126.68-282.947 282.947 0 94.958 46.738 179.001 118.644 230.387 24.496 17.505 43.040 46.479 43.040 80.807v93.017c0 7.439 6.032 13.473 13.474 13.473h215.578c7.442 0 13.474-6.034 13.474-13.473v-93.017c0-34.327 18.543-63.301 43.039-80.807 71.905-51.386 118.644-135.428 118.644-230.387 0-156.268-126.679-282.947-282.947-282.947zM148.21 363.789c0-200.915 162.874-363.789 363.789-363.789s363.791 162.874 363.791 363.789c0 122.162-60.255 230.251-152.485 296.16-6.809 4.866-9.201 10.884-9.201 15.034v93.017c0 52.092-42.227 94.318-94.316 94.318h-215.578c-52.089 0-94.316-42.225-94.316-94.318v-93.017c0-4.149-2.393-10.168-9.201-15.034-92.229-65.909-152.482-173.998-152.482-296.16zM309.894 983.581c0-22.323 18.097-40.426 40.421-40.426h323.369c22.324 0 40.421 18.103 40.421 40.426s-18.097 40.419-40.421 40.419h-323.369c-22.324 0-40.421-18.096-40.421-40.419z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "lightbulb",
-                    "idea",
-                    "inspiration",
-                    "invention",
-                    "light"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 351,
-                "id": 279,
-                "name": "lightbulb",
-                "prevSize": 24,
-                "code": 59944
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 35
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M521.391 24.144c18.97 4.425 32.39 21.336 32.39 40.815v741.543c0 15.572-8.638 29.864-22.429 37.105l-290.58 152.554c-14.117 7.409-31.217 6.173-44.117-3.204-12.899-9.37-19.363-25.249-16.676-40.967l51.615-301.865-218.957-213.744c-11.415-11.144-15.515-27.802-10.574-42.97s18.064-26.217 33.853-28.499l302.838-43.784 135.532-274.712c8.618-17.469 28.137-26.697 47.106-22.272zM469.96 244.635l-65.794 133.36c-6.109 12.382-17.924 20.961-31.588 22.936l-240.624 34.789 173.934 169.794c9.857 9.623 14.356 23.475 12.035 37.053l-41.029 239.96 193.066-101.361v-536.531z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "star-half",
-                    "rate",
-                    "like",
-                    "average"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 350,
-                "id": 278,
-                "name": "star-half",
-                "prevSize": 24,
-                "code": 59945
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 36
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M146.285 102.4c0-6.261 5.881-14.629 17.288-14.629h550.566c11.407 0 17.289 8.368 17.289 14.629v819.2c0 6.261-5.881 14.629-17.289 14.629h-550.566c-11.407 0-17.288-8.368-17.288-14.629v-819.2zM163.573 0c-56.164 0-105.060 44.028-105.060 102.4v819.2c0 58.375 48.895 102.4 105.060 102.4h550.566c56.165 0 105.061-44.025 105.061-102.4v-819.2c0-58.372-48.896-102.4-105.061-102.4h-550.566zM965.486 160.914c0-24.237-19.646-43.886-43.886-43.886s-43.886 19.648-43.886 43.886v117.029c0 24.237 19.646 43.886 43.886 43.886s43.886-19.648 43.886-43.886v-117.029zM438.856 365.714c-16.159 0-29.257 13.099-29.257 29.257s13.098 29.257 29.257 29.257c16.158 0 29.257-13.099 29.257-29.257s-13.099-29.257-29.257-29.257zM321.828 394.971c0-64.633 52.395-117.029 117.029-117.029s117.029 52.395 117.029 117.029c0 64.633-52.396 117.029-117.029 117.029s-117.029-52.395-117.029-117.029zM965.486 453.486c0-24.237-19.646-43.886-43.886-43.886s-43.886 19.648-43.886 43.886v117.029c0 24.237 19.646 43.886 43.886 43.886s43.886-19.648 43.886-43.886v-117.029zM921.6 702.171c24.24 0 43.886 19.648 43.886 43.886v117.029c0 24.24-19.646 43.886-43.886 43.886s-43.886-19.646-43.886-43.886v-117.029c0-24.237 19.646-43.886 43.886-43.886zM307.199 702.171c0-25.354 3.88-39.823 7.984-48.031 3.529-7.058 8.070-11.317 15.273-14.746 8.441-4.020 21.047-7.053 40.275-8.697 19.156-1.637 41.279-1.669 68.126-1.669s48.97 0.032 68.125 1.669c19.229 1.644 31.835 4.677 40.275 8.697 7.202 3.43 11.743 7.688 15.272 14.746 4.104 8.207 7.984 22.677 7.984 48.031 0 24.237 19.648 43.886 43.886 43.886s43.886-19.648 43.886-43.886c0-33.161-4.897-62.576-17.251-87.284-12.928-25.856-32.524-43.54-56.041-54.739-22.279-10.609-46.976-14.89-70.537-16.903-23.271-1.989-48.984-1.989-74.413-1.988h-2.373c-25.43-0.001-51.143-0.001-74.414 1.988-23.56 2.014-48.257 6.295-70.536 16.903-23.518 11.199-43.114 28.883-56.042 54.739-12.353 24.708-17.25 54.123-17.25 87.284 0 24.237 19.648 43.886 43.886 43.886s43.886-19.648 43.886-43.886z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "address-book",
-                    "contacts",
-                    "directory",
-                    "information",
-                    "numbers"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 349,
-                "id": 277,
-                "name": "address-book",
-                "prevSize": 24,
-                "code": 59946
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 37
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M46.545 0c25.706 0 46.546 20.839 46.546 46.545v884.366h884.361c25.71 0 46.548 20.838 46.548 46.541 0 25.71-20.838 46.548-46.548 46.548h-930.906c-25.706 0-46.545-20.838-46.545-46.548v-930.906c0-25.706 20.839-46.545 46.545-46.545zM263.758 636.121c34.275 0 62.061-27.786 62.061-62.060s-27.786-62.061-62.061-62.061c-34.275 0-62.060 27.786-62.060 62.061s27.786 62.060 62.060 62.060zM480.97 325.819c0 34.275-27.786 62.060-62.061 62.060s-62.060-27.786-62.060-62.060c0-34.275 27.786-62.061 62.060-62.061s62.061 27.786 62.061 62.061zM574.061 760.24c34.275 0 62.060-27.78 62.060-62.058 0-34.275-27.786-62.060-62.060-62.060s-62.061 27.786-62.061 62.060c0 34.278 27.786 62.058 62.061 62.058zM791.274 449.94c0 34.275-27.787 62.060-62.062 62.060s-62.061-27.786-62.061-62.060c0-34.275 27.786-62.061 62.061-62.061s62.062 27.786 62.062 62.061zM884.363 263.758c34.275 0 62.062-27.786 62.062-62.060s-27.787-62.061-62.062-62.061c-34.275 0-62.062 27.786-62.062 62.061s27.787 62.060 62.062 62.060z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "chart-scatter",
-                    "graph",
-                    "statistic",
-                    "plot",
-                    "data"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 348,
-                "id": 276,
-                "name": "chart-scatter",
-                "prevSize": 24,
-                "code": 59947
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 38
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M143.363 40.96c0-22.622 18.338-40.96 40.96-40.96h655.357c22.623 0 40.96 18.338 40.96 40.96s-18.337 40.96-40.96 40.96h-268.632c4.057 3.838 7.989 7.787 11.793 11.84 41.844 44.588 66.88 100.363 75.725 158.068h181.114c22.623 0 40.96 18.338 40.96 40.96s-18.337 40.96-40.96 40.96h-179.327c-6.797 62.512-32.376 123.625-77.512 171.721-53.884 57.418-133.289 93.76-234.678 93.76h-58.401l386.425 353.595c16.689 15.265 17.839 41.179 2.567 57.863-15.271 16.691-41.18 17.84-57.869 2.567l-464.213-424.768c-12.466-11.407-16.649-29.299-10.53-45.050s21.282-26.128 38.18-26.128h163.84c80.665 0 137.8-28.322 174.943-67.899 29.883-31.842 48.322-72.582 54.679-115.662h-393.462c-22.622 0-40.96-18.338-40.96-40.96s18.338-40.96 40.96-40.96h391.026c-7.971-37.989-25.538-73.552-52.243-102.009-37.143-39.578-94.278-67.899-174.943-67.899h-163.84c-22.622 0-40.96-18.338-40.96-40.96z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "indian-rupee",
-                    "money",
-                    "currency",
-                    "inr",
-                    "cash"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 347,
-                "id": 275,
-                "name": "indian-rupee",
-                "prevSize": 24,
-                "code": 59948
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 39
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M553.781 64.95c0-19.479-13.42-36.39-32.39-40.815s-38.488 4.803-47.106 22.272l-135.532 274.712-302.838 43.783c-15.789 2.283-28.912 13.331-33.853 28.499s-0.842 31.827 10.574 42.971l218.957 213.744-51.615 301.866c-2.687 15.711 3.776 31.598 16.676 40.967s30 10.613 44.117 3.204l290.58-152.554c13.791-7.241 22.429-21.533 22.429-37.113v-741.537z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "star-half-fill",
-                    "rate",
-                    "like",
-                    "average"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 346,
-                "id": 274,
-                "name": "star-half-fill",
-                "prevSize": 24,
-                "code": 59949
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 40
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M0 73.144c0-24.237 19.648-43.885 43.885-43.885h117.028c21.209 0 39.383 15.168 43.177 36.035l110.476 607.616h514.245l108.72-434.869c5.881-23.513 29.703-37.809 53.219-31.931s37.808 29.706 31.927 53.219l-117.021 468.11c-4.886 19.533-22.44 33.24-42.576 33.24h-585.138c-21.209 0-39.383-15.163-43.177-36.033l-110.476-607.616h-80.402c-24.237 0-43.885-19.648-43.885-43.885zM292.569 906.964c0 48.567 39.204 87.771 87.771 87.771s87.771-39.205 87.771-87.771c0-48.567-39.205-87.771-87.771-87.771s-87.771 39.205-87.771 87.771zM672.908 906.964c0 48.567 39.204 87.771 87.771 87.771s87.771-39.205 87.771-87.771c0-48.567-39.205-87.771-87.771-87.771s-87.771 39.205-87.771 87.771zM614.394 131.658c0-24.237-19.648-43.885-43.886-43.885s-43.885 19.648-43.885 43.885v186.62l-42.111-42.111c-17.138-17.139-44.925-17.139-62.063 0s-17.138 44.924 0 62.063l117.027 117.027c17.138 17.138 44.925 17.138 62.063 0l117.028-117.027c17.14-17.139 17.14-44.925 0-62.063s-44.925-17.139-62.063 0l-42.111 42.111v-186.62z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "cart-arrow-down",
-                    "shopping"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 345,
-                "id": 273,
-                "name": "cart-arrow-down",
-                "prevSize": 24,
-                "code": 59950
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 41
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M309.895 0c-22.324 0-40.421 18.097-40.421 40.421v67.368h-67.369c-81.854 0-148.21 66.357-148.21 148.211v592.845c0 81.854 66.356 148.209 148.21 148.209h215.579c22.324 0 40.421-18.096 40.421-40.426 0-22.323-18.097-40.419-40.421-40.419h-215.579c-37.206 0-67.368-30.164-67.368-67.365v-363.792h714.108c22.323 0 40.419-18.097 40.419-40.421v-188.632c0-81.854-66.355-148.211-148.209-148.211h-67.37v-67.368c0-22.324-18.097-40.421-40.421-40.421s-40.421 18.097-40.421 40.421v67.368h-242.526v-67.368c0-22.324-18.097-40.421-40.421-40.421zM592.843 188.632v67.368c0 22.324 18.097 40.421 40.421 40.421s40.421-18.097 40.421-40.421v-67.368h67.37c37.208 0 67.365 30.162 67.365 67.368v148.211h-673.682v-148.211c0-37.206 30.162-67.368 67.368-67.368h67.369v67.368c0 22.324 18.097 40.421 40.421 40.421s40.421-18.097 40.421-40.421v-67.368h242.526zM727.579 619.789c-89.296 0-161.684 72.389-161.684 161.684 0 89.3 72.388 161.682 161.684 161.682s161.684-72.382 161.684-161.682c0-89.295-72.389-161.684-161.684-161.684zM485.053 781.473c0-133.943 108.583-242.526 242.526-242.526 133.941 0 242.529 108.583 242.529 242.526 0 133.947-108.588 242.527-242.529 242.527-133.944 0-242.526-108.581-242.526-242.527zM754.527 714.105c0-22.324-18.096-40.421-40.422-40.421-22.324 0-40.421 18.097-40.421 40.421v107.786c0 22.331 18.097 40.426 40.421 40.426h53.895c22.323 0 40.419-18.096 40.419-40.426 0-22.323-18.096-40.419-40.419-40.419h-13.473v-67.367z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "calendar-clock",
-                    "schedule",
-                    "date",
-                    "event",
-                    "time"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 344,
-                "id": 272,
-                "name": "calendar-clock",
-                "prevSize": 24,
-                "code": 59951
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 42
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M542.031 283.778c-16.586-16.585-43.476-16.585-60.062 0l-396.386 396.386c-12.146 12.147-15.78 30.414-9.206 46.283 6.573 15.872 22.059 26.214 39.237 26.214h792.769c17.181 0 32.666-10.342 39.241-26.214 6.576-15.87 2.94-34.137-9.209-46.283l-396.385-396.386z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "sort-up-fill",
-                    "ascending",
-                    "arrange",
-                    "rise"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 343,
-                "id": 271,
-                "name": "sort-up-fill",
-                "prevSize": 24,
-                "code": 59952
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 43
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M940.464 128.246l71.79 23.93c15.66 5.219 15.66 27.37 0 32.59l-71.79 23.93c-5.127 1.709-9.15 5.734-10.862 10.863l-23.932 71.79c-5.215 15.659-27.37 15.659-32.585 0l-23.932-71.79c-1.712-5.129-5.734-9.154-10.862-10.863l-71.79-23.93c-15.66-5.219-15.66-27.37 0-32.59l71.79-23.93c5.127-1.71 9.15-5.734 10.862-10.863l23.932-71.79c5.215-15.66 27.37-15.66 32.585-0l23.932 71.79c1.712 5.129 5.734 9.153 10.862 10.863zM385.172 113.933c14.789-44.37 77.548-44.369 92.338 0l87.974 263.921 263.919 87.974c44.368 14.789 44.368 77.548 0 92.338l-263.919 87.974-87.974 263.925c-14.789 44.368-77.548 44.368-92.338 0l-87.974-263.925-263.922-87.974c-44.369-14.789-44.368-77.548 0-92.338l263.922-87.974 87.974-263.921zM431.341 247.008l-58.552 175.658c-4.844 14.532-16.247 25.935-30.779 30.779l-175.658 58.553 175.658 58.552c14.532 4.844 25.935 16.247 30.779 30.779l58.552 175.66 58.553-175.66c4.844-14.532 16.247-25.935 30.779-30.779l175.658-58.552-175.658-58.553c-14.532-4.844-25.935-16.247-30.779-30.779l-58.553-175.658zM1012.253 839.227l-71.79-23.925c-5.127-1.712-9.15-5.734-10.862-10.869l-23.932-71.79c-5.215-15.657-27.37-15.657-32.585 0l-23.932 71.79c-1.712 5.135-5.734 9.157-10.862 10.869l-71.79 23.925c-15.66 5.222-15.66 27.37 0 32.592l71.79 23.932c5.127 1.704 9.15 5.734 10.862 10.862l23.932 71.79c5.215 15.66 27.37 15.66 32.585 0l23.932-71.79c1.712-5.127 5.734-9.157 10.862-10.862l71.79-23.932c15.66-5.222 15.66-27.37 0-32.592z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "sparkles",
-                    "shine",
-                    "glitter",
-                    "twinkle",
-                    "bright",
-                    "new",
-                    "magic"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 342,
-                "id": 270,
-                "name": "sparkles",
-                "prevSize": 24,
-                "code": 59953
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 44
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 85.33c-235.644 0-426.67 191.026-426.67 426.67s191.026 426.672 426.67 426.672c235.644 0 426.672-191.027 426.672-426.672s-191.027-426.67-426.672-426.67zM0 512c0-282.77 229.23-512 512-512s512 229.23 512 512c0 282.77-229.23 512-512 512s-512-229.23-512-512zM511.977 263.099c-137.452 0-248.878 111.427-248.878 248.878s111.427 248.877 248.878 248.877c137.452 0 248.877-111.425 248.877-248.877s-111.425-248.878-248.877-248.878zM177.77 511.977c0-184.577 149.63-334.207 334.207-334.207s334.205 149.63 334.205 334.207c0 184.577-149.628 334.205-334.205 334.205s-334.207-149.628-334.207-334.205zM440.869 511.977c0-39.272 31.836-71.108 71.108-71.108s71.108 31.836 71.108 71.108c0 39.272-31.836 71.108-71.108 71.108s-71.108-31.836-71.108-71.108zM511.977 355.54c-86.398 0-156.437 70.039-156.437 156.437s70.039 156.437 156.437 156.437c86.398 0 156.437-70.039 156.437-156.437s-70.039-156.437-156.437-156.437z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "bullseye",
-                    "target",
-                    "aim",
-                    "goal",
-                    "focus"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 341,
-                "id": 269,
-                "name": "bullseye",
-                "prevSize": 24,
-                "code": 59954
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 45
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M115.614 271.34c-17.178 0-32.663 10.348-39.237 26.217s-2.94 34.137 9.206 46.283l396.386 396.387c16.586 16.581 43.476 16.581 60.062 0l396.385-396.387c12.149-12.147 15.784-30.414 9.209-46.283s-22.060-26.217-39.241-26.217h-792.769z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "sort-down-fill",
-                    "descending",
-                    "arrange",
-                    "reduction"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 340,
-                "id": 268,
-                "name": "sort-down-fill",
-                "prevSize": 24,
-                "code": 59955
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 46
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M482.017 22.282c19.012-8.84 40.955-8.84 59.967 0l440.881 204.992c56.313 26.181 54.367 106.896-3.131 130.34l-26.814 10.931v217.054c0 26.986-11.052 54.78-34.626 73.544-22.916 18.244-64.944 48.491-122.668 76.477v230.064c0 23.567-19.105 42.672-42.672 42.672-23.562 0-42.666-19.105-42.666-42.672v-195.555c-57.399 18.776-124.096 31.949-198.288 31.949-210.294 0-360.312-115.032-409.746-158.555-21.279-18.735-31.174-45.057-31.174-70.564v-204.414l-26.812-10.931c-57.503-23.444-59.445-104.158-3.135-130.34l440.883-204.992zM156.42 407.753v165.205c0 3.906 1.431 5.812 2.228 6.513 43.438 38.245 173.774 137.269 353.352 137.269 75.812 0 142.832-15.99 198.288-37.121v-193.211l-168.095 78.157c-19.313 8.98-41.634 8.831-60.826-0.407l-324.947-156.404zM795.626 639.173c31.342-17.959 54.93-35.188 69.522-46.8 0.834-0.666 2.428-2.564 2.428-6.774v-176.302l-71.951 36.435v193.441zM753.276 371.522l139.249-70.516 24.781-10.102-405.307-188.45-405.307 188.45 24.381 9.94 381.241 183.499 144.279-67.083-164.371-85.979c-20.882-10.922-28.955-36.705-18.033-57.587s36.705-28.955 57.587-18.032l221.499 115.86z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "graduation-cap",
-                    "education",
-                    "school",
-                    "diploma",
-                    "university"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 339,
-                "id": 267,
-                "name": "graduation-cap",
-                "prevSize": 24,
-                "code": 59956
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 47
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M480.383 87.635c-5.439-5.439-14.256-5.439-19.694-0.001l-121.757 121.758c-5.439 5.438-5.439 14.256 0 19.694l455.985 455.982c5.435 5.439 14.256 5.439 19.69 0l121.761-121.757c5.435-5.438 5.435-14.256 0-19.694l-455.984-455.981zM401.605 28.552c38.069-38.069 99.792-38.069 137.86 0l455.979 455.982c38.071 38.069 38.071 99.791 0 137.86l-121.754 121.761c-38.071 38.064-99.789 38.064-137.86 0l-131.606-131.608-371.528 371.531c-53.233 53.226-139.54 53.226-192.773 0-53.233-53.233-53.233-139.542 0-192.775l371.528-371.529-131.604-131.604c-38.069-38.069-38.069-99.791 0-137.86l121.757-121.757zM470.536 478.858l-371.528 371.531c-20.602 20.597-20.602 54.001 0 74.606 20.602 20.597 54.005 20.597 74.606 0l371.528-371.53-74.606-74.606z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "hammer",
-                    "tool",
-                    "build",
-                    "construction",
-                    "fix"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 338,
-                "id": 266,
-                "name": "hammer",
-                "prevSize": 24,
-                "code": 59957
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 48
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 27.679c114.283 0 204.872 38.151 266.401 107.33 60.877 68.442 88.956 162.349 88.956 266.292 0 189.216 38.422 275 69.091 312.925 15.119 18.695 28.994 26.639 37.383 30.098 4.33 1.785 7.534 2.516 9.15 2.801 0.366 0.066 0.651 0.102 0.848 0.132l0.124 0.015c22.25 0.775 40.046 19.054 40.046 41.487 0 22.93-18.586 41.516-41.516 41.516h-93.506l39.834 39.834c16.216 16.216 16.216 42.496 0 58.712-16.208 16.208-42.496 16.208-58.704 0l-774.922-774.922c-16.212-16.212-16.212-42.497 0-58.709s42.497-16.212 58.709 0l72.006 72.006c15.689-24.207 39.13-55.116 68.741-76.374 57.556-41.321 130.816-63.142 217.358-63.142zM293.626 215.391c-2.692 4.247-5.159 8.335-7.379 12.15l519.706 519.708h51.902c-41.209-62.24-73.531-167.521-73.531-345.949 0-89.787-24.225-161.935-67.964-211.114-43.086-48.443-109.417-79.481-204.362-79.481-72.414 0-127.92 18.114-168.938 47.561-18.127 13.014-35.604 35.308-49.436 57.125zM239.672 401.3c0-22.927-18.586-41.514-41.514-41.514s-41.514 18.586-41.514 41.514c0 77.698-6.487 138.204-16.361 185.191-18.977 90.295-50.069 129.193-70.542 145.851-10.409 8.47-19.157 12.112-24.325 13.692-2.632 0.812-4.442 1.112-5.186 1.214l-0.186 0.022c-22.247 0.775-40.044 19.054-40.044 41.487 0 22.93 18.586 41.516 41.514 41.516h267.054c19.182 94.852 102.843 166.056 203.432 166.056 74.664 0 140.026-39.27 176.551-98.231 12.074-19.493 6.061-45.078-13.429-57.154s-45.079-6.064-57.152 13.429c-21.963 35.46-61.126 58.924-105.969 58.924-54.389 0-100.459-34.582-117.497-83.024h172.848c22.927 0 41.513-18.586 41.513-41.516 0-22.923-18.586-41.509-41.513-41.509h-401.208c22.293-33.701 42.028-80.101 55.39-143.681 11.29-53.722 18.137-120.101 18.137-202.268z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "bell-slash",
-                    "mute",
-                    "alert",
-                    "silence",
-                    "quiet",
-                    "off"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 337,
-                "id": 265,
-                "name": "bell-slash",
-                "prevSize": 24,
-                "code": 59958
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 49
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M257.285 305.786c52.726-36.030 122.418-62.445 215.33-68.273v90.689c0 21.752 17.633 39.385 39.385 39.385s39.385-17.633 39.385-39.385v-90.689c91.282 5.729 159.941 31.318 212 66.023 1.28 0.855 2.553 1.717 3.818 2.584l-73 73.002c-15.381 15.381-15.381 40.318 0 55.698s40.32 15.381 55.695 0l76.968-76.965c26.602 28.86 47.309 60.712 63.444 92.986 27.282 54.559 41.121 109.594 48.069 151.322 1.712 10.269 2.999 19.67 3.964 27.987h-89.008c-21.753 0-39.387 17.633-39.387 39.385s17.635 39.385 39.387 39.385h91.897v65.641c0 7.248-5.881 13.129-13.129 13.129h-535.071l221.586-221.587c15.381-15.381 15.381-40.318 0-55.698s-40.317-15.381-55.698 0l-277.285 277.285h-193.738c-7.251 0-13.128-5.881-13.128-13.129v-65.641h91.897c21.752 0 39.385-17.633 39.385-39.385s-17.633-39.385-39.385-39.385h-89.008c2.49-21.484 7.104-50.065 15.624-82.056 16.235-60.957 46.035-132.041 100.27-190.689l76.391 77.257c15.293 15.468 40.23 15.608 55.697 0.314s15.608-40.23 0.315-55.697l-72.67-73.494zM984.613 669.536c39.387 0 39.387-0.021 39.387-0.044v-0.611l-0.022-1.336c-0.015-1.113-0.051-2.665-0.117-4.629-0.132-3.926-0.388-9.502-0.885-16.494-0.995-13.97-2.977-33.671-6.897-57.207-7.812-46.887-23.515-110.005-55.311-173.6-31.876-63.749-80.311-128.696-153.688-177.618-73.633-49.086-170.034-80.461-295.080-80.461-152.822 0-262.455 46.882-339.874 114.805-87.351 76.637-129.989 176.742-150.96 255.482-10.549 39.608-15.823 74.569-18.47 99.74-1.326 12.608-1.999 22.825-2.341 30.018-0.171 3.598-0.26 6.445-0.306 8.463-0.023 1.009-0.035 1.811-0.042 2.396l-0.006 0.714-0.001 0.233-0 0.085c-0 0.015-0 0.064 39.385 0.064h-39.385v105.025c0 50.754 41.144 91.897 91.897 91.897h840.206c50.754 0 91.897-41.143 91.897-91.897v-105.069l-39.387 0.044z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "gauge",
-                    "measure",
-                    "meter",
-                    "indicator",
-                    "level"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 336,
-                "id": 264,
-                "name": "gauge",
-                "prevSize": 24,
-                "code": 59959
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 50
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M245.194 143.027c-4.484 0-8.724 2.038-11.525 5.539l-141.686 177.109c-7.731 9.664-0.851 23.978 11.525 23.978h816.988c12.376 0 19.251-14.315 11.52-23.979l-141.685-177.108c-2.801-3.501-7.044-5.539-11.527-5.539h-533.609zM164.519 93.247c19.606-24.507 49.29-38.774 80.674-38.774h533.609c31.386 0 61.074 14.267 80.677 38.774l141.685 177.109c54.118 67.645 5.954 167.852-80.669 167.852h-9.999v487.050c0 24.452-19.829 44.273-44.281 44.273s-44.273-19.822-44.273-44.273v-487.050h-88.554v368.975c0 89.666-72.689 162.348-162.353 162.348h-295.18c-89.663 0-162.349-72.682-162.349-162.348v-368.975h-9.999c-86.629 0-134.791-100.206-80.674-167.852l141.686-177.109zM202.061 438.208v368.975c0 40.755 33.039 73.794 73.795 73.794h295.18c40.756 0 73.795-33.039 73.795-73.794v-368.975h-73.795v265.663c0 57.057-46.255 103.312-103.313 103.312h-88.554c-57.059 0-103.314-46.256-103.314-103.312v-265.663h-73.795zM364.409 438.208v265.663c0 8.151 6.608 14.759 14.759 14.759h88.554c8.151 0 14.759-6.608 14.759-14.759v-265.663h-118.072z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "shop",
-                    "store",
-                    "retail",
-                    "purchase",
-                    "sell"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 335,
-                "id": 263,
-                "name": "shop",
-                "prevSize": 24,
-                "code": 59960
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 51
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M186.356 548.116c43.279 7.444 76.208 45.158 76.208 90.563v166.689c0 61.052-58.437 105.136-117.143 88.364l-78.769-22.506c-39.452-11.271-66.651-47.331-66.651-88.364v-111.728c0-34.809 19.666-66.629 50.8-82.196l55.312-27.656c0.848-12.007 2.363-27.88 5.070-46.441 6.070-41.624 18.283-97.8 43.095-154.514 24.82-56.733 62.877-115.407 121.342-159.952 58.983-44.939 136.419-73.698 236.382-73.698s177.398 28.759 236.383 73.698c58.463 44.545 96.519 103.22 121.344 159.952 24.81 56.714 37.018 112.889 43.088 154.514 2.706 18.561 4.228 34.433 5.076 46.441l55.311 27.655c31.13 15.567 50.798 47.388 50.798 82.196v111.729c0 41.033-27.202 77.093-66.648 88.364l-78.775 22.506c-58.704 16.772-117.138-27.312-117.138-88.364v-166.689c0-45.405 32.929-83.119 76.208-90.563-0.709-6.638-1.616-13.983-2.772-21.907-5.42-37.146-16.179-85.996-37.317-134.309-21.124-48.293-51.99-94.644-96.913-128.869-44.402-33.83-104.812-57.584-188.644-57.584s-144.242 23.754-188.644 57.584c-44.919 34.225-75.786 80.576-96.914 128.869-21.137 48.313-31.898 97.163-37.315 134.309-1.156 7.924-2.061 15.269-2.771 21.907zM870.29 625.551h-16.955c-7.256 0-13.129 5.878-13.129 13.128v166.689c0 8.719 8.346 15.016 16.735 12.624l78.768-22.506c5.639-1.609 9.523-6.766 9.523-12.624v-111.729c0-4.972-2.809-9.518-7.256-11.742l-67.686-33.84zM153.708 625.551l-67.681 33.841c-4.448 2.224-7.257 6.769-7.257 11.742v111.728c0 5.859 3.886 11.015 9.522 12.624l78.769 22.506c8.387 2.392 16.735-3.906 16.735-12.624v-166.689c0-7.251-5.878-13.128-13.128-13.128h-16.959z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "headphones",
-                    "music",
-                    "audio",
-                    "sound",
-                    "listen"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 388,
-                "id": 262,
-                "name": "headphones",
-                "prevSize": 24,
-                "code": 59961
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 52
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M959.977 394.711c0-24.979-9.774-48.87-27.693-66.789l-236.207-236.207c-36.923-36.923-96.655-36.923-133.578 0l-470.781 470.781c-17.919 17.919-27.693 41.81-27.693 66.789s9.774 48.87 27.693 66.789l236.207 236.207c18.462 18.462 42.356 27.693 66.789 27.693 2.173 0 4.887 0 7.060-0.543 1.084 0 1.63 0 2.714 0h433.859c22.263 0 40.725-18.462 40.725-40.725s-18.462-40.725-40.725-40.725h-323.088l416.482-416.482c17.919-17.919 27.693-41.81 27.693-66.789zM149.275 638.521c-3.257-3.257-3.8-7.060-3.8-9.231s0-5.972 3.8-9.231l206.341-206.341 254.669 254.669-206.341 206.341c-4.887 4.887-13.032 4.887-18.462 0l-236.207-236.75zM874.725 404.486l-206.341 206.341-254.669-254.669 206.341-206.341c4.887-4.887 13.032-4.887 18.462 0l236.207 236.75c3.257 3.257 3.8 7.060 3.8 9.231s0 5.972-3.8 9.231z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "eraser",
-                    "delete",
-                    "remove",
-                    "wipe",
-                    "clean"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 333,
-                "id": 261,
-                "name": "eraser",
-                "prevSize": 24,
-                "code": 59908
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 53
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M496 128.019c-247.028 0-447.979 200.95-447.979 447.979s200.95 447.979 447.979 447.979 447.979-200.95 447.979-447.979-200.95-447.979-447.979-447.979zM496 927.979c-193.911 0-351.983-158.073-351.983-351.983s158.073-351.983 351.983-351.983 351.983 158.073 351.983 351.983-158.073 351.983-351.983 351.983zM288.011 48.023c0-26.238 21.759-47.998 47.998-47.998h319.984c26.238 0 47.998 21.759 47.998 47.998s-21.759 47.998-47.998 47.998h-319.984c-26.238 0-47.998-21.759-47.998-47.998zM543.998 384.007v191.991c0 26.238-21.759 47.998-47.998 47.998s-47.998-21.759-47.998-47.998v-191.991c0-26.238 21.759-47.998 47.998-47.998s47.998 21.759 47.998 47.998zM962.538 273.291c-9.6 9.6-21.759 14.080-33.918 14.080s-24.318-4.48-33.918-14.080l-95.995-95.995c-18.559-18.559-18.559-49.277 0-67.837s49.277-18.559 67.837 0l95.995 95.995c18.559 18.559 18.559 49.277 0 67.837z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "grid": 16,
-                "tags": [
-                    "stopwatch",
-                    "time",
-                    "countdown",
-                    "timer",
-                    "race"
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 332,
-                "id": 260,
-                "name": "stopwatch",
-                "prevSize": 24,
-                "code": 59905
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 54
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M626.347 1024c-27.876 0-54.044-13.084-75.663-24.463-13.653-6.827-30.151-15.36-38.684-15.36s-25.6 8.533-38.684 15.36c-27.307 14.223-61.44 31.289-97.849 21.617-37.547-9.671-58.027-42.667-75.093-68.836-7.396-11.947-17.636-27.876-24.463-31.857s-25.031-4.551-40.391-5.689c-30.72-1.707-68.836-3.413-96.143-30.151-27.307-27.876-29.013-65.991-30.72-96.711-0.569-14.791-1.707-33.564-5.689-40.391-3.413-6.257-19.911-16.497-31.289-23.893-26.169-17.067-58.596-38.116-68.836-75.093-9.671-36.409 7.396-70.543 21.617-97.849 6.827-13.653 15.36-30.151 15.36-38.684s-8.533-25.6-15.36-38.684c-14.223-27.307-31.289-61.44-21.617-97.849 9.671-37.547 42.667-58.027 68.836-75.093 11.947-7.396 27.876-17.636 31.857-24.463s4.551-25.031 5.689-40.391c1.707-30.72 3.413-68.836 30.151-96.143 27.876-27.307 65.991-29.013 96.711-30.72 14.791-0.569 33.564-1.707 40.391-5.689 6.257-3.413 16.497-19.911 23.893-31.289 17.067-26.169 38.116-58.596 75.093-68.836 36.409-9.671 70.543 7.396 97.849 21.617 13.653 6.827 30.151 15.36 38.684 15.36s25.6-8.533 38.684-15.36c27.307-13.653 61.44-31.289 97.849-21.617 37.547 9.671 58.027 42.667 75.093 68.836 7.396 11.947 17.636 27.876 24.463 31.857s25.031 4.551 40.391 5.689c30.72 1.707 68.836 3.413 96.143 30.151 27.307 27.876 29.013 65.991 30.72 96.711 0.569 14.791 1.707 33.564 5.689 40.391 3.413 6.257 19.911 16.497 31.289 23.893 26.169 17.067 58.596 38.116 68.836 75.093 9.671 36.409-7.396 70.543-21.617 97.849-6.827 13.653-15.36 30.151-15.36 38.684s8.533 25.6 15.36 38.684c14.223 27.307 31.289 61.44 21.617 97.849-9.671 37.547-42.667 58.027-68.836 75.093-11.947 7.396-27.876 17.636-31.857 24.463s-4.551 25.031-5.689 40.391c-1.707 30.72-3.413 68.836-30.151 96.143-27.876 27.307-65.991 29.013-96.711 30.72-14.791 0.569-33.564 1.707-40.391 5.689-6.257 3.413-16.497 19.911-23.893 31.289-17.067 26.169-38.116 58.596-75.093 68.836-7.396 2.276-14.791 2.844-22.187 2.844zM398.223 85.333s0 0-0.569 0c-5.689 2.276-18.773 21.617-25.031 32.427-13.653 21.049-29.013 44.943-53.476 59.164-25.031 14.223-53.476 15.929-79.076 17.067-12.516 0.569-35.84 1.707-40.96 5.689-3.413 4.551-4.551 27.307-5.12 39.823-1.137 25.6-2.844 54.044-17.067 78.507s-38.116 39.823-59.164 53.476c-10.809 6.827-30.151 19.343-32.427 25.6-0.569 6.257 9.103 25.6 14.791 36.977 11.377 22.756 25.031 48.356 25.031 77.369s-13.084 54.613-25.031 77.369c-5.689 11.377-15.929 30.72-14.791 36.977 2.276 5.689 21.617 18.773 32.427 25.031 21.049 13.653 44.943 29.013 59.164 53.476 14.223 25.031 15.929 53.476 17.067 79.076 0.569 12.516 1.707 35.84 5.689 40.96 4.551 3.413 27.307 4.551 39.823 5.12 25.6 1.137 54.044 2.844 78.507 17.067s39.823 38.116 53.476 59.164c6.827 10.809 19.343 30.151 25.6 32.427 5.689 1.707 25.6-9.103 36.977-14.791 22.756-11.377 48.356-25.031 77.369-25.031s54.613 13.084 77.369 25.031c11.377 5.689 29.583 16.497 36.977 14.791 5.689-2.276 18.773-21.617 25.031-32.427 13.653-21.049 29.013-44.943 53.476-59.164 25.031-14.223 53.476-15.929 79.076-17.067 12.516-0.569 35.84-1.707 40.96-5.689 3.413-4.551 4.551-27.307 5.12-39.823 1.137-25.6 2.844-54.044 17.067-78.507s38.116-39.823 59.164-53.476c10.809-6.827 30.151-19.343 32.427-25.6 0.569-6.257-9.103-25.6-14.791-36.977-11.377-22.756-25.031-48.356-25.031-77.369s13.084-54.613 25.031-77.369c5.689-11.377 15.36-30.72 14.791-36.977-2.276-6.257-22.187-18.773-32.427-25.6-21.049-13.653-44.943-29.013-59.164-53.476-14.223-25.031-15.929-53.476-17.067-79.076-0.569-12.516-1.707-35.84-5.689-40.96-4.551-3.413-27.307-4.551-39.823-5.12-25.6-1.137-54.044-2.844-78.507-17.067s-39.823-38.116-53.476-59.164c-6.827-10.809-19.343-30.151-25.6-32.427-5.689-1.707-25.6 9.103-36.977 14.791-22.756 11.377-48.356 25.031-77.369 25.031s-54.613-13.084-77.369-25.031c-11.377-5.689-29.583-14.791-36.409-14.791zM938.667 397.084s0 0 0 0v0zM426.097 711.68v0c-11.377 0-22.187-4.551-30.151-12.516l-142.791-142.791c-16.497-16.497-16.497-43.804 0-60.303s43.804-16.497 60.303 0l112.64 112.64 283.876-283.876c16.497-16.497 43.804-16.497 60.303 0s16.497 43.804 0 60.303l-314.027 314.027c-7.964 7.964-18.773 12.516-30.151 12.516z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "verified",
-                    "confirm",
-                    "checked",
-                    "authenticated",
-                    "approved"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 331,
-                "id": 259,
-                "name": "verified",
-                "prevSize": 24,
-                "code": 59906
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 55
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M799.19 390.096l-121.904 121.904 121.904 121.904c15.924 15.924 15.924 42.282 0 58.207-8.237 8.237-18.67 12.081-29.103 12.081s-20.866-3.844-29.103-12.081l-121.904-121.904-121.904 121.904c-8.237 8.237-18.67 12.081-29.103 12.081s-20.866-3.844-29.103-12.081c-15.924-15.924-15.924-42.282 0-58.207l121.904-121.904-121.904-121.904c-15.924-15.924-15.924-42.282 0-58.207s42.282-15.924 58.207 0l121.904 121.904 121.904-121.904c15.924-15.924 42.282-15.924 58.207 0s15.924 42.282 0 58.207zM1023.778 237.441v549.119c0 52.715-42.831 96.096-96.096 96.096h-655.098c-33.497 0-63.697-17.023-81.27-45.028l-180.66-289.385c-13.728-21.965-13.728-50.518 0-73.033l180.66-288.837c17.571-28.005 48.323-45.028 81.27-45.028h655.648c52.715 0 96.096 43.381 96.096 96.096zM941.41 237.441c0-7.687-6.040-13.728-13.728-13.728h-655.098c-4.942 0-9.335 2.197-11.531 6.589l-176.267 281.698 176.267 281.698c2.745 3.844 7.139 6.589 11.531 6.589h655.648c7.687 0 13.728-6.040 13.728-13.728v-549.119z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "grid": 16,
-                "tags": [
-                    "delete-left",
-                    "remove",
-                    "backspace",
-                    "erase",
-                    "eliminate"
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 330,
-                "id": 258,
-                "name": "delete-left",
-                "prevSize": 24,
-                "code": 59907
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 56
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M877.707 936.219h-38.619c-22.234-79.578-90.695-277.351-257.457-424.219 166.762-146.867 235.222-344.642 257.457-424.219h38.619c23.99 0 43.885-19.895 43.885-43.885s-19.895-43.885-43.885-43.885h-731.412c-23.99 0-43.885 19.895-43.885 43.885s19.895 43.885 43.885 43.885h38.619c22.234 79.578 90.695 277.351 257.457 424.219-166.762 146.867-235.222 344.642-257.457 424.219h-38.619c-23.99 0-43.885 19.895-43.885 43.885s19.895 43.885 43.885 43.885h731.412c23.99 0 43.885-19.895 43.885-43.885s-19.895-43.885-43.885-43.885zM276.778 87.781h469.859c-26.331 83.089-93.621 248.679-235.222 367.462-141.601-119.366-208.891-284.373-235.222-367.462zM512 568.758c141.601 119.366 208.891 284.373 235.222 367.462h-470.444c26.331-83.089 93.621-248.681 235.222-367.462z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "grid": 16,
-                "tags": [
-                    "hourglass",
-                    "time",
-                    "wait",
-                    "patience",
-                    "sand"
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 329,
-                "id": 257,
-                "name": "hourglass",
-                "prevSize": 24,
-                "code": 59902
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 57
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M816.58 221.265h-110.756v-41.534c0-53.163-43.749-96.912-96.912-96.912h-512.247c-53.163 0-96.912 43.749-96.912 96.912v498.402c0 53.163 43.749 96.912 96.912 96.912h15.506c7.2 92.481 84.174 166.134 178.318 166.134s171.118-73.653 178.318-166.134h85.836c7.2 92.481 84.174 166.134 178.318 166.134s171.118-73.653 178.318-166.134h15.506c53.163 0 96.912-43.749 96.912-96.912v-249.201c0-114.633-93.035-207.668-207.668-207.668zM82.82 678.134v-498.402c0-7.752 6.091-13.845 13.845-13.845h512.247c7.752 0 13.845 6.091 13.845 13.845v439.701s-2.768 3.323-4.43 4.43c-8.307 7.2-16.059 14.952-23.259 23.259-2.216 2.768-4.43 4.984-6.091 7.752-8.307 11.629-16.059 23.259-21.043 36.55h-110.756s0 0 0-0.554c0 0 0 0 0 0-3.877-9.414-9.414-18.829-14.952-27.136-1.661-2.216-3.323-4.43-4.984-7.2-4.43-6.645-9.414-12.184-14.952-18.275-2.216-2.216-3.877-4.43-6.091-6.645-7.2-6.645-14.398-12.737-22.152-18.275-1.107-0.554-1.661-1.661-2.768-2.216-8.307-5.538-17.168-9.968-26.027-14.398-3.323-1.661-6.645-2.768-9.968-3.877-7.2-2.768-13.845-4.984-21.043-6.645-3.323-0.554-6.645-1.661-9.968-2.216-10.522-2.216-21.597-3.323-32.673-3.323s-21.597 1.107-32.673 3.323c-3.323 0.554-6.645 1.661-9.968 2.216-7.2 1.661-14.398 3.877-21.043 6.645-3.323 1.107-6.645 2.216-9.968 3.877-8.861 3.877-17.721 8.861-26.027 14.398-1.107 0.554-1.661 1.107-2.768 2.216-7.752 5.538-15.506 11.629-22.152 18.275-2.216 2.216-4.43 4.43-6.091 6.645-5.538 5.538-10.522 11.629-14.952 18.275-1.661 2.216-3.323 4.43-4.984 7.2-5.538 8.861-10.522 17.721-14.952 27.136 0 0 0 0 0 0s0 0 0 0.554h-27.689c-7.752 0-13.845-6.091-13.845-13.845zM290.487 858.113c-53.163 0-96.912-43.749-96.912-96.912 0-6.645 0.554-13.291 2.216-19.382 2.216-9.968 6.091-19.382 11.075-27.689 0.554-1.661 1.661-2.768 2.216-4.43 4.984-7.752 11.075-14.952 18.275-21.043 1.661-1.107 2.768-2.216 4.43-3.323 7.2-5.538 15.506-10.522 24.366-13.845 1.107 0 2.768-1.107 4.43-1.107 9.414-3.323 19.936-5.538 30.458-5.538s20.49 2.216 30.458 5.538c1.661 0 2.768 0.554 4.43 1.107 8.861 3.323 17.168 8.307 24.366 13.845 1.661 1.107 2.768 2.216 4.43 3.323 7.2 6.091 13.291 13.291 18.275 21.043 1.107 1.107 1.661 2.768 2.216 4.43 4.984 8.861 8.861 17.721 11.075 27.689 1.107 6.091 2.216 12.737 2.216 19.382 0 53.163-43.749 96.912-96.912 96.912zM733.513 858.113c-53.163 0-96.912-43.749-96.912-96.912 0-6.645 0.554-13.291 2.216-19.382 1.661-6.645 3.323-13.291 6.091-19.382 0 0 0-0.554 0-1.107 2.768-5.538 5.538-11.075 9.414-16.059 0.554-1.107 1.661-1.661 2.216-2.768 3.323-4.43 6.645-8.307 10.522-12.184 1.107-1.107 2.216-1.661 3.323-2.768 3.877-3.323 8.307-6.645 12.737-9.414 1.107-0.554 2.768-1.661 4.43-2.216 4.984-2.768 10.522-4.984 16.059-6.645 2.216-0.554 4.43-1.661 7.2-2.216 7.2-1.661 14.952-2.768 22.705-2.768 10.522 0 20.49 2.216 30.458 5.538 1.661 0 2.768 0.554 4.43 1.107 8.861 3.323 17.168 8.307 24.366 13.845 1.661 1.107 2.768 2.216 4.43 3.323 7.2 6.091 13.291 13.291 18.275 21.043 1.107 1.107 1.661 2.768 2.216 4.43 4.984 8.861 8.861 17.721 11.075 27.689 1.107 6.091 2.216 12.737 2.216 19.382 0 53.163-43.749 96.912-96.912 96.912zM705.823 470.466v-166.134h110.756c68.669 0 124.601 55.931 124.601 124.601v41.534h-235.356z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "grid": 16,
-                "tags": [
-                    "truck",
-                    "delivery",
-                    "transport",
-                    "vehicle",
-                    "cargo"
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 328,
-                "id": 256,
-                "name": "truck",
-                "prevSize": 24,
-                "code": 59904
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 58
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M168.104 1023.75v0c-44.45 0-86.559-17.546-118.726-49.128-65.505-65.505-65.505-171.363 0-236.867l322.256-322.256c-29.242-113.462 2.34-235.698 85.389-318.747 83.634-83.634 206.454-116.387 320.502-85.389 15.206 4.094 26.904 15.791 30.997 30.997s0 30.997-11.113 42.11l-143.29 143.29 30.413 111.707 111.707 30.413 143.29-143.29c11.113-11.113 27.488-15.206 42.11-11.113 15.206 4.094 26.904 15.791 30.997 30.997 30.997 114.047-1.169 236.867-85.389 320.502-83.050 83.050-205.285 114.633-318.747 85.389l-322.256 322.256c-31.582 31.582-73.692 49.128-118.142 49.128zM668.742 89.148c-56.146 4.678-109.369 29.242-150.308 70.183-66.674 66.674-88.314 164.345-56.146 254.413 5.849 15.791 1.755 33.922-10.527 45.619l-340.973 340.973c-30.997 30.997-30.997 81.88 0 112.878 15.206 15.206 35.091 23.395 56.732 23.395v0c21.055 0 41.524-8.188 56.146-23.395l340.973-340.973c12.282-12.282 29.828-15.791 45.619-10.527 90.069 31.582 187.739 10.527 254.413-56.146 40.941-40.941 64.919-94.162 70.183-150.308l-95.332 95.332c-11.113 11.113-27.488 15.206-42.695 11.113l-160.252-43.864c-15.206-4.094-26.904-15.791-30.997-30.997l-43.864-160.252c-4.094-15.206 0-31.582 11.113-42.695l95.332-95.332z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "grid": 16,
-                "tags": [
-                    "wrench",
-                    "tool",
-                    "fix",
-                    "repair",
-                    "adjust"
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 325,
-                "id": 255,
-                "name": "wrench",
-                "prevSize": 24,
-                "code": 59903
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 59
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M495.693 730.292h32.612c77.849 0 140.443-64.699 140.443-144.651v-389.243c0-79.953-63.121-144.651-140.443-144.651h-32.612c-77.849 0-140.443 64.699-140.443 144.651v388.718c0 79.953 63.121 144.651 140.443 144.651zM434.151 196.397c0-36.294 27.877-65.751 61.542-65.751h32.612c34.19 0 61.542 29.456 61.542 65.751v388.718c0 36.294-27.877 65.751-61.542 65.751h-32.612c-34.19 0-61.542-29.456-61.542-65.751v-388.718zM814.452 374.712v222.5c0 147.807-116.773 267.736-263.003 275.101v99.941c0 21.566-17.885 39.45-39.45 39.45s-39.45-17.885-39.45-39.45v-99.941c-146.229-7.364-263.002-127.293-263.002-275.101v-222.5c0-21.566 17.885-39.45 39.45-39.45s39.45 17.885 39.45 39.45v222.5c0 108.883 88.896 197.779 198.304 197.779h51.023c109.409 0 198.304-88.896 198.304-197.779v-222.5c0-21.566 17.885-39.45 39.45-39.45s39.45 17.885 39.45 39.45z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "microphone",
-                    "sound",
-                    "record",
-                    "speak",
-                    "audio"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 323,
-                "id": 254,
-                "name": "microphone",
-                "prevSize": 24,
-                "code": 59898
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 60
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M906.87 28.172h-85.757c-64.638 0-117.117 52.479-117.117 117.117v28.799l-607.985 130.557v-32.639c0-26.239-21.76-47.999-47.999-47.999s-47.999 21.76-47.999 47.999v447.99c0 26.239 21.76 47.999 47.999 47.999s47.999-21.76 47.999-47.999v-40.319l607.985 130.557v28.799c0 64.638 52.479 117.117 117.117 117.117h85.757c64.638 0 117.117-52.479 117.117-117.117v-693.744c0-64.638-52.479-117.117-117.117-117.117zM96.011 581.118v-178.556l607.985-130.557v439.669l-607.985-130.557zM927.989 839.033c0 11.52-9.6 21.119-21.119 21.119h-85.757c-11.52 0-21.119-9.6-21.119-21.119v-693.744c0-11.52 9.6-21.119 21.119-21.119h85.757c11.52 0 21.119 9.6 21.119 21.119v693.744zM574.079 872.311c-23.68 74.238-92.158 124.156-170.876 124.156-98.558 0-179.196-79.359-179.196-175.995 0-7.039 0-14.719 1.279-21.76 3.199-26.239 27.52-44.799 53.759-41.598s44.799 26.879 41.598 53.118c0 3.199 0 6.4 0 9.6 0 44.159 37.12 79.998 83.198 79.998 36.479 0 68.478-23.039 79.359-56.958 7.68-25.6 35.2-39.679 60.159-31.36 25.6 7.68 39.040 35.2 31.36 60.159z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "grid": 16,
-                "tags": [
-                    "megaphone",
-                    "announce",
-                    "shout",
-                    "broadcast",
-                    "loud"
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 322,
-                "id": 253,
-                "name": "megaphone",
-                "prevSize": 24,
-                "code": 59899
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 61
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1023.949 776.232c0 27.083-22.46 49.543-49.543 49.543h-805.246l80.59 80.59c19.156 19.156 19.156 50.864 0 70.022-9.909 9.909-22.46 14.533-35.010 14.533s-25.101-4.625-35.010-14.533l-165.145-165.145c-4.625-4.625-7.927-9.909-10.57-15.854-5.284-11.89-5.284-25.763 0-37.653 2.643-5.945 5.945-11.229 10.57-15.854l165.145-165.145c19.156-19.156 50.864-19.156 70.022 0s19.156 50.864 0 70.022l-80.59 80.59h805.246c27.083 0 49.543 22.46 49.543 49.543zM49.594 297.311h805.246l-80.59 80.59c-19.156 19.156-19.156 50.864 0 70.022 9.909 9.909 22.46 14.533 35.010 14.533s25.101-4.625 35.010-14.533l165.145-165.145c4.625-4.625 7.927-9.909 10.57-15.854 5.284-11.89 5.284-25.763 0-37.653-2.643-5.945-5.945-11.229-10.57-15.854l-165.145-165.145c-19.156-19.156-50.864-19.156-70.022 0s-19.156 50.864 0 70.022l80.59 80.59h-805.246c-27.083 0-49.543 22.46-49.543 49.543s22.46 49.543 49.543 49.543z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "arrow-right-arrow-left",
-                    "bidirectional",
-                    "left-and-right",
-                    "alternation",
-                    "back-and-forth"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 321,
-                "id": 252,
-                "name": "arrow-right-arrow-left",
-                "prevSize": 24,
-                "code": 59900
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 62
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M609.223 618.817c-17.27 69.72-134.322 31.981-172.7 22.386l30.702-123.449c38.378 9.594 159.908 28.143 141.997 101.061zM509.441 348.895l-28.143 111.935c31.981 7.676 129.844 40.297 145.835-23.027 15.991-65.882-85.71-81.233-117.692-88.909zM1008.351 635.449c-68.44 273.76-346.039 440.703-620.44 372.904-273.76-68.44-441.343-346.039-372.904-619.8 68.44-274.4 346.039-440.703 620.44-372.904 273.76 68.44 441.343 346.039 372.904 619.8zM343.778 597.71c-2.559 7.035-9.594 17.27-25.586 13.432-2.559 0-40.937-10.235-40.937-10.235l-28.143 63.963 72.918 17.91c14.072 3.838 26.864 7.035 40.297 10.873l-23.027 92.747 55.648 14.072 23.027-92.106c15.351 4.478 30.062 7.676 44.774 11.513l-23.027 91.466 56.288 14.072 23.027-92.747c95.944 17.91 168.222 10.873 198.285-76.115 24.305-69.72-1.279-110.017-51.81-136.241 36.459-8.316 63.963-32.621 71.639-82.512 10.235-67.801-41.575-104.899-112.574-128.565l23.027-92.747-56.288-14.072-22.386 89.547c-14.711-3.838-30.062-7.035-45.413-10.873l22.386-90.188-55.648-14.072-23.027 92.106c-12.153-2.559-24.305-5.757-35.819-8.316l-77.395-19.829-14.711 60.126s40.937 9.594 40.937 10.235c22.386 5.757 26.224 20.468 26.224 32.621l-63.323 252.653z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "bitcoin",
-                    "cryptocurrency",
-                    "digital",
-                    "currency",
-                    "btc",
-                    "blockchain"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 320,
-                "id": 251,
-                "name": "bitcoin",
-                "prevSize": 24,
-                "code": 59901
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 63
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M290.603 885.606h-83.024c-38.191 0-69.186-30.995-69.186-69.186v-664.188c0-38.191 30.995-69.186 69.186-69.186h207.559v262.908c0 22.693 18.819 41.512 41.512 41.512h265.675c5.535 16.051 20.48 27.674 38.745 27.674 22.693 0 41.512-18.819 41.512-41.512v-27.674c0-5.535-1.107-11.069-3.321-16.051s-4.981-9.409-8.856-13.284l-304.42-304.42c-3.875-3.875-8.302-6.642-13.284-8.856s-10.517-3.321-16.051-3.321h-249.071c-84.13 0-152.209 68.079-152.209 152.209v664.188c0 84.13 68.079 152.209 152.209 152.209h83.024c22.693 0 41.512-18.819 41.512-41.512s-18.819-41.512-41.512-41.512zM498.162 141.715l162.726 162.726h-162.726v-162.726zM933.206 477.13c-21.032-21.032-52.029-33.763-84.13-34.316-33.209-1.66-64.758 11.069-85.791 32.655l-353.68 354.234c-7.196 7.196-11.069 16.051-12.177 26.014l-9.963 123.429c-1.107 12.177 3.321 24.353 12.177 32.655 7.748 7.748 18.265 12.177 29.335 12.177 1.107 0 2.214 0 3.875 0l124.535-11.623c9.409-1.107 18.819-4.981 25.461-12.177l353.68-354.234c44.279-43.726 42.618-122.875-3.321-168.814zM877.858 587.275l-343.164 343.717-60.331 5.535 4.427-58.67 343.164-343.717c5.535-5.535 15.498-7.748 25.461-8.302 11.069 0 21.032 3.875 27.121 9.963 13.284 12.73 14.944 39.851 3.321 51.475z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "file-edit",
-                    "modify",
-                    "amend",
-                    "revise",
-                    "change"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 319,
-                "id": 250,
-                "name": "file-edit",
-                "prevSize": 24,
-                "code": 59894
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 64
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1021.466 949.618l-177.541-496.402c-12.469-32.659-40.377-52.846-72.441-52.846s-59.379 20.189-73.035 54.035l-176.948 495.215c-8.313 23.158 3.563 48.691 26.72 57.003s48.691-3.563 57.003-26.72l36.814-102.724h258.296l36.814 102.724c6.531 18.408 23.752 29.689 42.158 29.689 4.75 0 10.094-0.594 14.845-2.376 23.158-8.313 35.033-33.846 26.72-57.003zM674.697 787.515l97.38-272.547 97.38 272.547h-194.761zM523.282 265.579c-134.195 211.981-255.327 340.238-402.585 425.743-7.125 4.157-14.845 5.938-21.97 5.938-15.438 0-30.283-7.72-38.595-21.97-12.469-21.376-5.344-48.691 16.032-60.566 124.694-72.441 226.826-176.354 341.425-348.55h-373.489c-24.345 0-44.534-20.189-44.534-44.534s20.189-44.534 44.534-44.534h222.669v-117.569c0-24.345 20.189-44.534 44.534-44.534s44.534 20.189 44.534 44.534v117.569h222.669c24.345 0 44.534 20.189 44.534 44.534s-20.189 44.534-44.534 44.534h-55.816zM525.657 697.26c-7.72 0-15.438-1.781-22.563-5.938-38.595-22.563-76.004-47.502-111.038-73.63-19.595-14.845-23.752-42.752-8.907-62.347s42.752-23.752 62.347-8.907c32.064 24.345 67.097 46.909 102.724 67.691 21.376 12.469 28.502 39.784 16.032 61.16-8.313 14.251-23.158 21.97-38.595 21.97z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "language",
-                    "linguistics",
-                    "words",
-                    "communication",
-                    "dialect"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 318,
-                "id": 249,
-                "name": "language",
-                "prevSize": 24,
-                "code": 59895
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 65
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M696.881 725.324c-23.323 0-42.665 19.342-42.665 42.665v85.33c0 39.252-31.856 71.108-71.108 71.108h-426.648c-39.252 0-71.108-31.856-71.108-71.108v-682.637c0-39.252 31.856-71.108 71.108-71.108h184.881v270.211c0 23.323 19.342 42.665 42.665 42.665h270.211v71.108c0 23.323 19.342 42.665 42.665 42.665s42.665-19.342 42.665-42.665v-113.772c0-11.377-4.55-22.186-12.515-30.149l-312.876-312.876c-7.964-7.964-18.773-12.515-30.149-12.515h-227.546c-86.467 0-156.437 69.97-156.437 156.437v682.637c0 86.467 69.97 156.437 156.437 156.437h426.648c86.467 0 156.437-69.97 156.437-156.437v-85.33c0-23.323-19.342-42.665-42.665-42.665zM426.67 159.872l167.246 167.246h-167.246v-167.246zM1020.565 642.27c-2.276 5.12-5.12 9.67-9.102 13.653l-170.659 170.659c-8.533 8.533-19.342 12.515-30.149 12.515s-21.616-3.982-30.149-12.515c-16.497-16.497-16.497-43.802 0-60.3l97.845-97.845h-494.343c-23.323 0-42.665-19.342-42.665-42.665s19.342-42.665 42.665-42.665h494.343l-97.845-97.845c-16.497-16.497-16.497-43.802 0-60.3s43.802-16.497 60.3 0l170.659 170.659c3.982 3.982 6.826 8.533 9.102 13.653 4.55 10.24 4.55 22.186 0 32.425z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "file-export",
-                    "send",
-                    "save",
-                    "dispatch"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 317,
-                "id": 248,
-                "name": "file-export",
-                "prevSize": 24,
-                "code": 59896
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 66
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M537.031 668.444h-494.364c-23.324 0-42.667-19.343-42.667-42.667s19.343-42.667 42.667-42.667h494.364l-97.849-97.849c-16.497-16.497-16.497-43.804 0-60.303s43.804-16.497 60.303 0l170.667 170.667c3.983 3.983 6.827 8.533 9.103 13.653 4.551 10.24 4.551 22.187 0 32.427-2.276 5.12-5.12 9.671-9.103 13.653l-170.667 170.667c-8.533 8.533-19.343 12.516-30.151 12.516s-21.617-3.983-30.151-12.516c-16.497-16.497-16.497-43.804 0-60.303l97.849-97.849zM1024 369.777v483.556c0 86.471-69.973 156.444-156.444 156.444h-426.667c-86.471 0-156.444-69.973-156.444-156.444v-56.889c0-23.324 19.343-42.667 42.667-42.667s42.667 19.343 42.667 42.667v56.889c0 39.253 31.857 71.111 71.111 71.111h426.667c39.253 0 71.111-31.857 71.111-71.111v-440.889h-270.223c-23.324 0-42.667-19.343-42.667-42.667v-270.223h-184.889c-39.253 0-71.111 31.857-71.111 71.111v284.444c0 23.324-19.343 42.667-42.667 42.667s-42.667-19.343-42.667-42.667v-284.444c0-86.471 69.973-156.444 156.444-156.444h227.556c11.377 0 22.187 4.551 30.151 12.516l312.889 312.889c7.964 7.964 12.516 18.773 12.516 30.151zM711.111 327.111h167.253l-167.253-167.253v167.253z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "file-import",
-                    "get",
-                    "data",
-                    "retrieve",
-                    "fetch"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 316,
-                "id": 247,
-                "name": "file-import",
-                "prevSize": 24,
-                "code": 59897
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 67
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M894.076 334.712l-321.811-321.811c-8.191-8.191-19.309-12.873-31.010-12.873h-263.299c-88.936 0-160.905 71.968-160.905 160.905v702.132c0 88.936 71.968 160.905 160.905 160.905h468.087c88.936 0 160.905-71.968 160.905-160.905v-497.344c0-11.702-4.68-22.819-12.873-31.010zM585.138 149.817l172.022 172.022h-172.022v-172.022zM746.044 936.204h-468.087c-40.373 0-73.138-32.766-73.138-73.138v-702.132c0-40.373 32.766-73.138 73.138-73.138h219.416v277.928c0 23.989 19.894 43.883 43.883 43.883h277.928v453.46c0 40.373-32.766 73.138-73.138 73.138zM758.916 554.128l-87.766 292.554c-5.266 17.553-21.65 30.426-40.373 31.010-0.586 0-1.17 0-1.755 0-18.139 0-33.937-11.118-40.958-27.5l-76.065-190.745-76.065 190.745c-7.021 17.553-23.989 28.671-42.713 27.5-18.723-0.586-34.521-13.457-40.373-31.010l-87.766-292.554c-7.021-23.405 6.436-47.979 29.255-54.415 23.405-7.021 47.394 6.436 54.415 29.255l51.49 172.022 70.213-176.118c13.457-33.351 68.458-33.351 81.331 0l70.213 176.118 51.49-172.022c7.021-23.405 31.596-36.276 54.415-29.255 23.405 7.021 36.276 31.596 29.255 54.415z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "file-word",
-                    "document",
-                    "edit",
-                    "write",
-                    "microsoft"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 311,
-                "id": 246,
-                "name": "file-word",
-                "prevSize": 24,
-                "code": 59889
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 68
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M950.832 263.329h-81.915c23.405-28.085 38.032-63.192 38.032-102.395 0-88.936-71.968-160.905-160.905-160.905-98.298 0-184.895 52.074-234.044 129.309-49.149-77.234-135.746-129.309-234.044-129.309-88.936 0-160.905 71.968-160.905 160.905 0 39.203 14.628 74.309 38.032 102.395h-81.915c-40.373 0-73.138 32.766-73.138 73.138v146.278c0 35.107 25.16 63.192 58.511 70.213v397.874c0 40.373 32.766 73.138 73.138 73.138h760.643c40.373 0 73.138-32.766 73.138-73.138v-397.874c33.351-7.021 58.511-35.107 58.511-70.213v-146.278c0-40.373-32.766-73.138-73.138-73.138zM936.204 468.117h-380.321v-117.021h380.321v117.021zM746.044 87.796c40.373 0 73.138 32.766 73.138 73.138s-32.766 73.138-73.138 73.138h-184.895c19.894-83.67 95.373-146.278 184.895-146.278zM277.956 87.796c89.522 0 165.001 62.606 184.895 146.278h-184.895c-40.373 0-73.138-32.766-73.138-73.138s32.766-73.138 73.138-73.138zM87.796 351.095h380.321v117.021h-380.321v-117.021zM146.306 555.883h321.811v380.321h-321.811v-380.321zM877.694 936.204h-321.811v-380.321h321.811v380.321z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "gift",
-                    "present",
-                    "suprise",
-                    "box",
-                    "birthday"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 312,
-                "id": 245,
-                "name": "gift",
-                "prevSize": 24,
-                "code": 59890
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 69
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M417.791 482.743c0-23.991 19.896-43.886 43.886-43.886h73.143v-73.143c0-23.991 19.896-43.886 43.886-43.886s43.886 19.896 43.886 43.886v73.143h73.143c23.991 0 43.886 19.896 43.886 43.886s-19.896 43.886-43.886 43.886h-73.143v73.143c0 23.991-19.896 43.886-43.886 43.886s-43.886-19.896-43.886-43.886v-73.143h-73.143c-23.991 0-43.886-19.896-43.886-43.886zM468.114 906.976c0 48.567-39.205 87.772-87.772 87.772s-87.772-39.205-87.772-87.772 39.205-87.772 87.772-87.772 87.772 39.205 87.772 87.772zM848.461 906.976c0 48.567-39.205 87.772-87.772 87.772s-87.772-39.205-87.772-87.772 39.205-87.772 87.772-87.772 87.772 39.205 87.772 87.772zM1022.836 259.215l-117.029 468.119c-4.681 19.31-22.235 33.354-42.716 33.354h-585.15c-21.065 0-39.205-15.213-43.301-36.279l-110.593-607.385h-80.165c-23.991 0-43.886-19.896-43.886-43.886s19.896-43.886 43.886-43.886h117.029c21.065 0 39.205 15.213 43.301 36.279l25.162 139.266h750.746c13.458 0 26.332 6.436 34.523 16.969s11.118 24.576 8.192 37.45zM923.945 292.569h-678.773l69.048 380.347h514.346l94.794-380.347z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "cart-plus",
-                    "add-to-cart",
-                    "purchase"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 313,
-                "id": 244,
-                "name": "cart-plus",
-                "prevSize": 24,
-                "code": 59891
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 70
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1023.898 103.121v369.207c0 56.948-46.711 103.659-103.659 103.659h-103.019v-575.886h103.019c57.589 0 103.659 46.071 103.659 103.019zM85.844 79.445l-84.463 479.905c-10.238 58.868 34.553 112.617 94.702 112.617h305.86v223.955c0 70.386 57.589 127.974 127.335 127.974h5.759c25.595 0 48.631-15.357 58.868-39.033l174.685-408.879v-575.886s-588.683 0-588.683 0c-46.711 0-86.383 33.274-94.702 79.345z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "thumbs-down-fill",
-                    "disapproval",
-                    "dislike",
-                    "disagreement",
-                    "refusal"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 314,
-                "id": 243,
-                "name": "thumbs-down-fill",
-                "prevSize": 24,
-                "code": 59892
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 71
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M207.428 448.014v575.872h-103.017c-57.587 0-103.657-46.070-103.657-103.017v-369.198c0-56.947 46.71-103.657 103.657-103.657h103.017zM927.907 352.035h-305.852v-223.95c0-70.384-57.587-127.971-127.332-127.971h-5.759c-25.595 0-48.63 15.357-58.866 39.032l-174.681 408.869v575.872s588.668 0 588.668 0c46.71 0 86.381-33.273 94.699-79.343l84.461-479.893c10.238-58.866-34.552-112.614-94.699-112.614z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "thumbs-up-fill",
-                    "approval",
-                    "like",
-                    "agreement",
-                    "support"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 315,
-                "id": 242,
-                "name": "thumbs-up-fill",
-                "prevSize": 24,
-                "code": 59893
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 72
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1020.467 528.967c-2.341 5.266-5.266 9.946-9.362 14.042l-146.281 146.281c-8.774 8.774-19.895 12.873-31.011 12.873s-22.234-4.096-31.011-12.873c-16.967-16.967-16.967-45.053 0-62.024l71.384-71.384h-318.304v318.304l71.384-71.384c16.967-16.967 45.053-16.967 62.024 0s16.967 45.053 0 62.024l-146.281 146.281c-4.096 4.096-8.774 7.021-14.042 9.362s-11.117 3.513-16.967 3.513-11.701-1.17-16.967-3.513c-5.266-2.341-9.946-5.266-14.042-9.362l-146.281-146.281c-16.967-16.967-16.967-45.053 0-62.024s45.053-16.967 62.024 0l71.384 71.384v-318.304h-318.304l71.384 71.384c16.967 16.967 16.967 45.053 0 62.024-8.774 8.774-19.895 12.873-31.011 12.873s-22.234-4.096-31.011-12.873l-146.281-146.281c-4.096-4.096-7.021-8.774-9.362-14.042-4.681-10.532-4.681-22.82 0-33.35 2.341-5.266 5.266-9.946 9.362-14.042l146.281-146.281c16.967-16.967 45.053-16.967 62.024 0s16.967 45.053 0 62.024l-71.384 71.384h318.304v-318.889l-71.384 71.384c-16.967 16.967-45.053 16.967-62.024 0s-16.967-45.053 0-62.024l146.281-146.281c4.096-4.096 8.774-7.021 14.042-9.362 10.532-4.681 22.82-4.681 33.35 0 5.266 2.341 9.946 5.266 14.042 9.362l146.281 146.281c16.967 16.967 16.967 45.053 0 62.024-8.774 8.774-19.895 12.873-31.011 12.873s-22.234-4.096-31.011-12.873l-71.384-71.384v318.304h318.304l-71.384-71.384c-16.967-16.967-16.967-45.053 0-62.024s45.053-16.967 62.024 0l146.281 146.281c4.096 4.096 7.021 8.774 9.362 14.042 4.681 10.532 4.681 22.82 0 33.35z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "arrows-alt",
-                    "direction",
-                    "move"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 310,
-                "id": 241,
-                "name": "arrows-alt",
-                "prevSize": 24,
-                "code": 59888
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 73
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M695.789 315.083h-367.579c-14.704 0-26.255-11.553-26.255-26.255v-78.767c0-14.704 11.553-26.255 26.255-26.255h367.579c14.704 0 26.255 11.553 26.255 26.255v78.767c0 14.704-11.553 26.255-26.255 26.255zM722.045 472.617v-52.512c0-14.704-11.553-26.255-26.255-26.255h-52.512c-14.704 0-26.255 11.553-26.255 26.255v52.512c0 14.704 11.553 26.255 26.255 26.255h52.512c14.704 0 26.255-11.553 26.255-26.255zM406.978 472.617v-52.512c0-14.704-11.553-26.255-26.255-26.255h-52.512c-14.704 0-26.255 11.553-26.255 26.255v52.512c0 14.704 11.553 26.255 26.255 26.255h52.512c14.704 0 26.255-11.553 26.255-26.255zM564.512 472.617v-52.512c0-14.704-11.553-26.255-26.255-26.255h-52.512c-14.704 0-26.255 11.553-26.255 26.255v52.512c0 14.704 11.553 26.255 26.255 26.255h52.512c14.704 0 26.255-11.553 26.255-26.255zM722.045 643.278v-52.512c0-14.704-11.553-26.255-26.255-26.255h-52.512c-14.704 0-26.255 11.553-26.255 26.255v52.512c0 14.704 11.553 26.255 26.255 26.255h52.512c14.704 0 26.255-11.553 26.255-26.255zM406.978 643.278v-52.512c0-14.704-11.553-26.255-26.255-26.255h-52.512c-14.704 0-26.255 11.553-26.255 26.255v52.512c0 14.704 11.553 26.255 26.255 26.255h52.512c14.704 0 26.255-11.553 26.255-26.255zM564.512 643.278v-52.512c0-14.704-11.553-26.255-26.255-26.255h-52.512c-14.704 0-26.255 11.553-26.255 26.255v52.512c0 14.704 11.553 26.255 26.255 26.255h52.512c14.704 0 26.255-11.553 26.255-26.255zM722.045 813.939v-52.512c0-14.704-11.553-26.255-26.255-26.255h-52.512c-14.704 0-26.255 11.553-26.255 26.255v52.512c0 14.704 11.553 26.255 26.255 26.255h52.512c14.704 0 26.255-11.553 26.255-26.255zM564.512 813.939v-52.512c0-14.704-11.553-26.255-26.255-26.255h-210.045c-14.704 0-26.255 11.553-26.255 26.255v52.512c0 14.704 11.553 26.255 26.255 26.255h210.045c14.704 0 26.255-11.553 26.255-26.255zM892.706 905.834v-787.668c0-65.114-53.036-118.15-118.15-118.15h-525.113c-65.114 0-118.15 53.036-118.15 118.15v787.668c0 65.114 53.036 118.15 118.15 118.15h525.113c65.114 0 118.15-53.036 118.15-118.15zM774.556 78.782c21.529 0 39.383 17.854 39.383 39.383v787.668c0 21.529-17.854 39.383-39.383 39.383h-525.113c-21.529 0-39.383-17.854-39.383-39.383v-787.668c0-21.529 17.854-39.383 39.383-39.383h525.113z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "calculator",
-                    "math",
-                    "addition",
-                    "subtraction",
-                    "calculation"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 308,
-                "id": 240,
-                "name": "calculator",
-                "prevSize": 24,
-                "code": 59887
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 74
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M117.634 249.75l80.59-80.59v375.869c0 27.083 22.46 49.543 49.543 49.543s49.543-22.46 49.543-49.543v-375.869l80.59 80.59c9.909 9.909 22.46 14.533 35.010 14.533s25.101-4.625 35.010-14.533c19.156-19.156 19.156-50.864 0-70.022l-165.145-165.145c-4.625-4.625-9.909-7.927-15.854-10.57-11.89-5.284-25.763-5.284-37.653 0-5.945 2.643-11.229 5.945-15.854 10.57l-165.145 165.145c-19.156 19.156-19.156 50.864 0 70.022s50.864 19.156 70.022 0z",
-                    "M906.366 774.25l-80.59 80.59v-375.869c0-27.083-22.46-49.543-49.543-49.543s-49.543 22.46-49.543 49.543v375.869l-80.59-80.59c-19.156-19.156-50.864-19.156-70.022 0s-19.156 50.864 0 70.022l165.145 165.145c4.625 4.625 9.909 7.927 15.854 10.57s12.552 3.963 19.156 3.963 13.211-1.321 19.156-3.963c5.945-2.643 11.229-5.945 15.854-10.57l165.145-165.145c19.156-19.156 19.156-50.864 0-70.022s-50.864-19.156-70.022 0z",
-                    "M976.388 117.634c19.156-19.156 19.156-50.864 0-70.022s-50.864-19.156-70.022 0l-80.59 80.59v-78.608c0-27.083-22.46-49.543-49.543-49.543s-49.543 22.46-49.543 49.543v177.695l-679.075 679.075c-19.156 19.156-19.156 50.864 0 70.022 9.909 9.909 22.46 14.533 35.010 14.533s25.101-4.625 35.010-14.533l80.59-80.59v78.608c0 27.083 22.46 49.543 49.543 49.543s49.543-22.46 49.543-49.543v-177.695l679.075-679.075z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "grid": 16,
-                "tags": [
-                    "sort-alt-slash",
-                    "remove-sorting",
-                    "unsorted",
-                    "orderless"
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 306,
-                "id": 239,
-                "name": "sort-alt-slash",
-                "prevSize": 24,
-                "code": 59886
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 75
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1020.451 495.033c-2.348-5.441-5.502-10.097-9.37-14.051l-234.032-234.032c-8.033-8.604-19.443-13.967-32.105-13.967-24.235 0-43.882 19.647-43.882 43.882 0 12.663 5.363 24.072 13.941 32.081l0.026 0.023 159.147 159.147h-724.353l159.147-159.147c7.297-7.815 11.777-18.343 11.777-29.915 0-24.235-19.647-43.882-43.882-43.882-11.574 0-22.1 4.48-29.942 11.802l0.026-0.023-234.040 234.040c-3.859 3.945-7.014 8.601-9.247 13.748l-0.114 0.295c-2.222 5-3.515 10.833-3.515 16.967s1.293 11.968 3.623 17.242l-0.108-0.273c2.348 5.441 5.502 10.097 9.37 14.051l234.032 234.032c7.939 7.929 18.902 12.834 31.010 12.834s23.071-4.904 31.011-12.834v0c7.929-7.939 12.834-18.902 12.834-31.010s-4.904-23.071-12.834-31.011v0l-159.147-159.147h724.353l-159.147 159.147c-7.929 7.939-12.834 18.902-12.834 31.010s4.904 23.071 12.834 31.011v0c7.939 7.929 18.902 12.834 31.010 12.834s23.071-4.904 31.011-12.834v0l234.040-234.040c3.859-3.945 7.014-8.601 9.247-13.748l0.114-0.295c2.222-5 3.515-10.833 3.515-16.967s-1.293-11.968-3.623-17.242l0.108 0.273z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "arrows-h",
-                    "horizontal",
-                    "left-and-right",
-                    "bi-directional",
-                    "move"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 305,
-                "id": 238,
-                "name": "arrows-h",
-                "prevSize": 24,
-                "code": 59884
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 76
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M528.967 1020.451c5.441-2.348 10.097-5.502 14.051-9.37l234.032-234.032c7.297-7.815 11.777-18.343 11.777-29.915 0-24.235-19.647-43.882-43.882-43.882-11.574 0-22.1 4.48-29.942 11.802l0.026-0.023-159.147 159.147v-724.353l159.147 159.147c7.815 7.297 18.343 11.777 29.915 11.777 24.235 0 43.882-19.647 43.882-43.882 0-11.574-4.48-22.1-11.802-29.942l0.023 0.026-234.040-234.040c-3.945-3.859-8.601-7.014-13.748-9.247l-0.295-0.114c-5-2.222-10.833-3.515-16.967-3.515s-11.968 1.293-17.242 3.623l0.273-0.108c-5.441 2.348-10.097 5.502-14.051 9.37l-234.032 234.032c-7.929 7.939-12.834 18.902-12.834 31.010s4.904 23.071 12.834 31.011v0c7.939 7.929 18.902 12.834 31.010 12.834s23.071-4.904 31.011-12.834v0l159.147-159.147v724.353l-159.147-159.147c-7.939-7.929-18.902-12.834-31.010-12.834s-23.071 4.904-31.011 12.834v0c-7.929 7.939-12.834 18.902-12.834 31.010s4.904 23.071 12.834 31.011v0l234.040 234.040c3.945 3.859 8.601 7.014 13.748 9.247l0.295 0.114c5 2.222 10.833 3.515 16.967 3.515s11.968-1.293 17.242-3.623l-0.273 0.108z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "arrows-v",
-                    "vertical",
-                    "up-and-down",
-                    "bi-directional",
-                    "move"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 304,
-                "id": 237,
-                "name": "arrows-v",
-                "prevSize": 24,
-                "code": 59885
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 77
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M836.060 936.086h-552.19l116.989-164.955c5.016-7 8.065-15.709 8.189-25.123v-190.138h190.108c24.229 0 43.871-19.642 43.871-43.871s-19.642-43.871-43.871-43.871v0h-191.863v-190.108c-0.156-2.816-0.245-6.11-0.245-9.427 0-99.824 80.924-180.749 180.749-180.749 1.732 0 3.459 0.025 5.178 0.073l-0.254-0.005c3.537-0.243 7.666-0.381 11.827-0.381 101.439 0 183.673 82.233 183.673 183.673 0 5.695-0.259 11.328-0.766 16.89l0.052-0.716v58.495c0 24.229 19.642 43.871 43.871 43.871s43.871-19.642 43.871-43.871v0-58.495c0.352-5.164 0.553-11.193 0.553-17.269 0-149.252-120.994-270.246-270.246-270.246-4.515 0-9.003 0.111-13.464 0.329l0.628-0.025c-1.804-0.044-3.929-0.069-6.060-0.069-147.637 0-267.321 119.684-267.321 267.321 0 3.728 0.077 7.436 0.228 11.127l-0.018-0.528v190.108h-131.613c-24.229 0-43.871 19.642-43.871 43.871s19.642 43.871 43.871 43.871v0h131.613v175.484l-155.595 223.45c-3.958 6.515-6.3 14.39-6.3 22.813s2.343 16.298 6.411 23.010l-0.111-0.197c7.358 14.007 21.805 23.398 38.447 23.398 0.056 0 0.112 0 0.169 0h633.489c24.229 0 43.871-19.642 43.871-43.871s-19.642-43.871-43.871-43.871v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "pound",
-                    "money",
-                    "currency",
-                    "sterling",
-                    "uk"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 303,
-                "id": 236,
-                "name": "pound",
-                "prevSize": 24,
-                "code": 59883
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 78
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M727.036 469.12l-70.398-16 55.038 78.078v242.556l187.516-156.157v-265.595l-86.398 30.719-85.758 86.398z",
-                    "M289.285 469.12l-86.398-86.398-85.758-30.719v265.595l187.516 156.157v-242.556l55.038-78.078-70.398 16z",
-                    "M586.238 476.8h-156.157l-39.040-23.68-62.718 94.078v351.993l46.72 69.759 55.038 55.038h156.157l55.038-55.038 46.72-69.759v-351.993l-62.718-94.078-39.040 23.68z",
-                    "M711.676 922.231l101.117-101.758v-101.117l-101.117 85.758v117.118z",
-                    "M202.886 820.473l101.758 101.758v-117.118l-101.758-85.758v101.117z",
-                    "M453.122 445.442h39.679v-445.431h-86.398l-62.079 147.837-282.234-23.040 47.359 195.836 335.993 124.797h7.68z",
-                    "M671.997 147.848l-62.079-147.837h-86.398v447.991h52.479l335.993-127.997 47.999-191.996z",
-                    "M852.474 109.449l-110.078-109.438h-109.438l55.038 124.797 164.476-15.36z",
-                    "M382.722 0.011h-109.438l-109.438 109.438 164.476 15.36 54.399-124.797z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "prime",
-                    "logo"
-                ]
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 307,
-                "id": 235,
-                "name": "prime",
-                "prevSize": 24,
-                "code": 59882
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 79
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M589.605 64.373v-18.004c-0.345-25.576-20.987-46.218-46.53-46.563h-0.033c-300.373 1.794-543.179 245.708-543.179 546.331 0 98.823 26.237 191.517 72.126 271.496l-1.409-2.663c8.24 13.842 23.126 22.972 40.145 22.972 0.074 0 0.148 0 0.221 0h-0.012c8.464-0.017 16.386-2.321 23.186-6.325l-0.215 0.116 18.004-9.313c88.223 122.529 230.468 201.375 391.129 201.375 265.391 0 480.531-215.14 480.531-480.531 0-248.992-189.376-453.753-431.953-478.105l-2.014-0.163zM496.478 95.416v420.93l-365.676 209.844c-24.009-53.406-37.995-115.765-37.995-181.391 0-232.603 175.709-424.166 401.636-449.201l2.036-0.183zM543.042 931.068c-126.56-0.365-238.867-61.070-309.71-154.848l-0.712-0.982 333.392-191.84c14.165-7.849 23.596-22.711 23.596-39.775 0-0.204-0.001-0.407-0.004-0.611v0.031-384.921c192.214 25.131 339.099 187.876 339.099 384.928 0 213.47-172.379 386.677-385.534 388.018h-0.128z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "grid": 16,
-                "tags": [
-                    "chart-pie",
-                    "graph",
-                    "statistics",
-                    "proportion"
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 301,
-                "id": 234,
-                "name": "chart-pie",
-                "prevSize": 24,
-                "code": 59881
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 80
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M399.361 614.401c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2c28.276 0 51.199 22.923 51.199 51.2v0c0 28.276-22.923 51.2-51.199 51.2v0zM1023.999 512c0 282.77-229.23 512-512 512s-512-229.23-512-512c0-282.77 229.23-512 512-512v0c282.769 0 512 229.23 512 512v0zM750.721 426.88c-18.359 1.113-34.69 8.976-46.715 21.114l-0.006 0.006c-49.923-33.418-111.167-53.62-177.080-54.397l-0.199-0.001 35.84-161.921 114.56 25.601c-0.003 0.191-0.005 0.416-0.005 0.641 0 27.924 22.636 50.56 50.56 50.56 0.002 0 0.003 0 0.005 0v0c28.355-0.361 51.2-23.43 51.2-51.836 0-0.001 0-0.003 0-0.004v0c0.016-0.492 0.027-1.071 0.027-1.653 0-27.924-22.637-50.56-50.561-50.56-20.408 0-37.99 12.090-45.978 29.498l-0.129 0.315-128-28.16c-0.688-0.138-1.481-0.217-2.292-0.217-5.656 0-10.412 3.862-11.77 9.093l-0.018 0.084-39.679 178.56c-66.101 0.974-127.301 21.143-178.501 55.164l1.221-0.764c-12.464-12.858-29.895-20.838-49.191-20.838-37.821 0-68.48 30.66-68.48 68.48 0 26.584 15.148 49.632 37.286 60.978l0.386 0.18c-0.468 4.795-0.733 10.366-0.733 16.001s0.267 11.205 0.787 16.701l-0.054-0.702c0 108.16 122.239 196.48 272.64 196.48s272.64-88.32 272.64-196.48c0-0.084 0-0.183 0-0.282 0-11.484-1.399-22.639-4.039-33.308l0.2 0.95c20.889-11.994 34.732-34.174 34.732-59.588 0-36.756-28.957-66.749-65.302-68.408l-0.15-0.006zM608.64 666.88c-27.226 17.349-60.409 27.649-96 27.649s-68.773-10.302-96.732-28.086l0.732 0.435c-2.268-2.080-5.305-3.355-8.64-3.355s-6.372 1.275-8.649 3.365l0.009-0.009c-2.426 2.23-3.939 5.418-3.939 8.959s1.514 6.729 3.93 8.952l0.009 0.008c31.918 21.918 71.391 35.004 113.921 35.004s82.002-13.086 114.611-35.451l-0.692 0.447c2.426-2.231 3.939-5.418 3.939-8.959s-1.514-6.729-3.93-8.952l-0.009-0.007c-2.337-2.457-5.63-3.984-9.28-3.984s-6.943 1.527-9.274 3.978l-0.005 0.006zM624.639 512c-28.277 0-51.2 22.923-51.2 51.2s22.923 51.2 51.2 51.2c28.276 0 51.199-22.923 51.199-51.2v0c0-28.277-22.923-51.2-51.199-51.2v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "reddit",
-                    "social",
-                    "news",
-                    "discussions",
-                    "forum",
-                    "upvote"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 299,
-                "id": 233,
-                "name": "reddit",
-                "prevSize": 24,
-                "code": 59880
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 81
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M367.461 188.397c-7.939-7.93-18.905-12.836-31.014-12.836s-23.074 4.905-31.015 12.836v0l-292.589 292.589c-7.93 7.939-12.836 18.905-12.836 31.014s4.905 23.074 12.836 31.015v0l292.589 292.589c7.939 7.93 18.905 12.836 31.014 12.836s23.074-4.905 31.015-12.836v0c7.93-7.939 12.836-18.905 12.836-31.014s-4.905-23.074-12.836-31.015v0l-261.574-261.574 261.574-261.574c7.93-7.939 12.836-18.905 12.836-31.014s-4.905-23.074-12.836-31.015v0z",
-                    "M1011.156 480.986l-292.589-292.589c-7.817-7.298-18.345-11.779-29.92-11.779-24.239 0-43.889 19.649-43.889 43.889 0 11.575 4.481 22.104 11.803 29.946l-0.023-0.027 261.574 261.574-261.574 261.574c-7.93 7.939-12.836 18.905-12.836 31.014s4.905 23.074 12.836 31.015v0c7.939 7.93 18.905 12.836 31.014 12.836s23.074-4.905 31.015-12.836v0l292.589-292.589c7.93-7.939 12.836-18.905 12.836-31.014s-4.905-23.074-12.836-31.015v0z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "code",
-                    "programming",
-                    "software",
-                    "developer",
-                    "script"
-                ]
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 298,
-                "id": 232,
-                "name": "code",
-                "prevSize": 24,
-                "code": 59879
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 82
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M936.767 0.034c-27.214 0.367-49.178 22.331-49.545 49.509v160.562l-55.49-55.49c-86.69-87.405-206.835-141.515-339.617-141.515-209.345 0-387.277 134.501-452.092 321.801l-1.011 3.36c-2.53 5.71-4.002 12.369-4.002 19.374 0 21.825 14.301 40.308 34.044 46.591l0.347 0.094c2.483 0.454 5.34 0.712 8.257 0.712s5.775-0.259 8.55-0.756l-0.293 0.043c21.606-0.226 39.922-14.066 46.794-33.339l0.108-0.351c19.528-56.988 50.528-105.653 90.48-145.309l0.022-0.022c68.806-68.546 163.72-110.925 268.534-110.925s199.729 42.378 268.547 110.936l55.478 55.478h-159.205c-27.363 0-49.545 22.182-49.545 49.545s22.182 49.545 49.545 49.545v0h280.095c0.198 0.003 0.432 0.005 0.666 0.005 26.997 0 48.884-21.887 48.884-48.884 0-0.234-0.002-0.468-0.005-0.7v0.036-280.755c0-27.363-22.182-49.545-49.545-49.545v0z",
-                    "M953.281 622.981c-5.442-2.202-11.755-3.479-18.366-3.479-22.122 0-40.903 14.308-47.591 34.174l-0.104 0.355c-19.528 56.988-50.528 105.653-90.48 145.309l-0.022 0.022c-68.806 68.546-163.72 110.925-268.534 110.925s-199.729-42.378-268.547-110.936l-55.478-55.478h163.169c27.363 0 49.545-22.182 49.545-49.545s-22.182-49.545-49.545-49.545v0h-280.095c-0.198-0.003-0.432-0.005-0.666-0.005-26.997 0-48.884 21.887-48.884 48.884 0 0.234 0.002 0.468 0.005 0.7v-0.036 280.095c0 27.363 22.182 49.545 49.545 49.545s49.545-22.182 49.545-49.545v0-160.526l55.49 55.49c86.69 87.405 206.835 141.515 339.617 141.515 209.345 0 387.277-134.501 452.092-321.801l1.011-3.36c1.72-4.786 2.714-10.307 2.714-16.060 0-21.835-14.317-40.328-34.076-46.602l-0.347-0.094z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "sync",
-                    "update",
-                    "refresh",
-                    "reload",
-                    "synchronize"
-                ]
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 297,
-                "id": 231,
-                "name": "sync",
-                "prevSize": 24,
-                "code": 59878
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 83
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M950.857 292.571h-175.543v-29.257c0-145.425-117.889-263.314-263.314-263.314s-263.314 117.889-263.314 263.314v0 29.257h-175.543c-40.395 0-73.142 32.747-73.142 73.142v0 497.372c0 88.87 72.044 160.914 160.914 160.914v0h702.171c88.87 0 160.914-72.044 160.914-160.914v0-497.372c0-40.395-32.747-73.142-73.142-73.142v0zM336.457 263.315c0-96.949 78.594-175.543 175.543-175.543s175.543 78.594 175.543 175.543v0 29.257h-351.086zM936.228 863.086c0 40.395-32.747 73.142-73.142 73.142v0h-702.171c-40.395 0-73.142-32.747-73.142-73.142v0-482.743h160.914v131.657c0 24.237 19.648 43.886 43.886 43.886s43.886-19.648 43.886-43.886v0-131.657h351.086v131.657c0 24.237 19.648 43.886 43.886 43.886s43.886-19.648 43.886-43.886v0-131.657h160.914z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "shopping-bag",
-                    "retail",
-                    "purchase",
-                    "buy",
-                    "shop"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 296,
-                "id": 230,
-                "name": "shopping-bag",
-                "prevSize": 24,
-                "code": 59877
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 84
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1023.969 301.19v-180.695c0-33.265-26.967-60.232-60.232-60.232v0h-903.474c-33.265 0-60.232 26.967-60.232 60.232v0 180.695c0 33.265 26.967 60.232 60.232 60.232v0c-33.265 0-60.232 26.967-60.232 60.232v0 180.695c0 33.265 26.967 60.232 60.232 60.232v0c-33.265 0-60.232 26.967-60.232 60.232v0 180.695c0 33.265 26.967 60.232 60.232 60.232v0h903.474c33.265 0 60.232-26.967 60.232-60.232v0-180.695c0-33.265-26.967-60.232-60.232-60.232v0c33.265 0 60.232-26.967 60.232-60.232v0-180.695c0-33.265-26.967-60.232-60.232-60.232v0c33.265 0 60.232-26.967 60.232-60.232v0zM963.737 903.505h-903.474v-180.695h903.474zM963.737 602.347h-903.474v-180.695h903.474zM963.737 301.19h-903.474v-180.695h903.474z",
-                    "M210.842 210.842c0 24.949-20.225 45.174-45.174 45.174s-45.174-20.225-45.174-45.174c0-24.949 20.225-45.174 45.174-45.174s45.174 20.225 45.174 45.174z",
-                    "M361.421 210.842c0 24.949-20.225 45.174-45.174 45.174s-45.174-20.225-45.174-45.174c0-24.949 20.225-45.174 45.174-45.174s45.174 20.225 45.174 45.174z",
-                    "M210.842 512c0 24.949-20.225 45.174-45.174 45.174s-45.174-20.225-45.174-45.174c0-24.949 20.225-45.174 45.174-45.174s45.174 20.225 45.174 45.174z",
-                    "M361.421 512c0 24.949-20.225 45.174-45.174 45.174s-45.174-20.225-45.174-45.174c0-24.949 20.225-45.174 45.174-45.174s45.174 20.225 45.174 45.174z",
-                    "M210.842 813.158c0 24.949-20.225 45.174-45.174 45.174s-45.174-20.225-45.174-45.174c0-24.949 20.225-45.174 45.174-45.174s45.174 20.225 45.174 45.174z",
-                    "M361.421 813.158c0 24.949-20.225 45.174-45.174 45.174s-45.174-20.225-45.174-45.174c0-24.949 20.225-45.174 45.174-45.174s45.174 20.225 45.174 45.174z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "server",
-                    "host",
-                    "datacenter",
-                    "cloud",
-                    "storage"
-                ]
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 295,
-                "id": 229,
-                "name": "server",
-                "prevSize": 24,
-                "code": 59876
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 85
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M926.005 99.103c-121.161-57.959-262.777-93.948-412.236-99.026l-1.769-0.048c-151.228 5.125-292.843 41.116-420.425 101.823l6.42-2.75c-32.977 15.76-55.351 48.848-55.351 87.164 0 0.296 0.001 0.59 0.004 0.885v-0.045 649.789c-0.003 0.249-0.004 0.545-0.004 0.839 0 38.315 22.376 71.404 54.773 86.914l0.58 0.25c121.161 57.959 262.777 93.948 412.236 99.026l1.769 0.048c151.228-5.125 292.843-41.116 420.425-101.823l-6.42 2.75c32.977-15.76 55.351-48.848 55.351-87.164 0-0.296-0.001-0.59-0.004-0.885v0.045-649.789c0.003-0.249 0.004-0.545 0.004-0.839 0-38.315-22.376-71.404-54.773-86.914l-0.58-0.25zM899.438 541.888c-113.2 55.308-245.67 89.857-385.631 95.145l-1.807 0.054c-141.767-5.341-274.238-39.89-393.276-97.76l5.838 2.561v-213.644c113.851 51.38 246.465 82.977 386.006 86.865l1.431 0.031c140.973-3.92 273.587-35.517 393.967-89.515l-6.53 2.618zM132.864 174.375c110.92-53.263 240.582-86.42 377.448-91.277l1.688-0.048c138.75 5.006 268.584 38.151 385.604 93.859l-5.915-2.535c4.63 2.445 7.734 7.224 7.748 12.728v48.156c-113.2 55.308-245.67 89.857-385.631 95.145l-1.807 0.054c-141.767-5.341-274.238-39.89-393.276-97.76l5.838 2.561v-49.813c0.619-4.997 3.823-9.121 8.213-11.035l0.090-0.035zM891.136 849.625c-110.92 53.263-240.582 86.42-377.448 91.277l-1.688 0.048c-138.75-5.006-268.584-38.151-385.604-93.859l5.915 2.535c-4.63-2.445-7.734-7.224-7.748-12.728v-204.238c113.851 51.38 246.465 82.977 386.006 86.865l1.431 0.031c140.973-3.92 273.587-35.517 393.967-89.515l-6.53 2.618v204.235c0 0.014 0 0.031 0 0.048 0 5.64-3.374 10.492-8.214 12.647l-0.088 0.035z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "database",
-                    "data",
-                    "storage",
-                    "information",
-                    "records"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 294,
-                "id": 228,
-                "name": "database",
-                "prevSize": 24,
-                "code": 59875
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 86
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M984.598 262.573h-157.533l40.433-161.209c0.73-2.838 1.148-6.096 1.148-9.452 0-21.805-17.677-39.482-39.482-39.482-18.449 0-33.942 12.654-38.274 29.756l-0.059 0.273-45.159 180.113h-338.696l40.433-161.209c0.73-2.838 1.148-6.096 1.148-9.452 0-21.805-17.677-39.482-39.482-39.482-18.449 0-33.942 12.654-38.274 29.756l-0.059 0.273-47.26 180.113h-179.062c-21.751 0-39.383 17.633-39.383 39.383s17.633 39.383 39.383 39.383v0h157.533l-85.593 341.321h-176.962c-21.751 0-39.383 17.633-39.383 39.383s17.633 39.383 39.383 39.383v0h157.533l-40.433 161.209c-0.73 2.838-1.148 6.096-1.148 9.452 0 21.805 17.677 39.482 39.482 39.482 18.449 0 33.942-12.654 38.274-29.756l0.059-0.273 45.159-180.113h338.696l-40.433 161.209c-0.73 2.838-1.148 6.096-1.148 9.452 0 21.805 17.677 39.482 39.482 39.482 18.449 0 33.942-12.654 38.274-29.756l0.059-0.273 45.159-180.113h181.163c21.751 0 39.383-17.633 39.383-39.383s-17.633-39.383-39.383-39.383v0h-157.533l85.593-341.321h176.962c21.751 0 39.383-17.633 39.383-39.383s-17.633-39.383-39.383-39.383v0zM722.044 341.339l-85.593 341.321h-334.495l85.593-341.321z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "hashtag",
-                    "tag",
-                    "trend",
-                    "topic",
-                    "social-media"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 293,
-                "id": 227,
-                "name": "hashtag",
-                "prevSize": 24,
-                "code": 59874
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 87
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M731.351 0.181h-438.702c-88.839 0-160.857 72.018-160.857 160.857v0 818.91c-0.001 0.096-0.001 0.21-0.001 0.324 0 24.229 19.642 43.87 43.87 43.87 9.418 0 18.143-2.968 25.291-8.020l-0.137 0.092 311.186-217.011 311.186 217.011c6.914 4.763 15.47 7.606 24.689 7.606 0.163 0 0.325-0.001 0.488-0.003h-0.025c7.45-0.092 14.477-1.807 20.773-4.808l-0.3 0.129c13.96-7.76 23.279-22.374 23.398-39.173v-818.927c0-88.839-72.018-160.857-160.857-160.857v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "bookmark-fill",
-                    "save",
-                    "favorite",
-                    "keep"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 290,
-                "id": 226,
-                "name": "bookmark-fill",
-                "prevSize": 24,
-                "code": 59871
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 88
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1004.095 24.725c-7.747-14.706-22.885-24.586-40.34-24.695h-903.493c-17.471 0.11-32.608 9.989-40.236 24.445l-0.12 0.25c-3.089 5.86-4.901 12.805-4.901 20.173 0 10.136 3.43 19.471 9.191 26.908l-0.075-0.1 322.241 440.294v466.797c0.335 24.813 20.361 44.839 45.141 45.174h240.96c24.813-0.335 44.839-20.361 45.174-45.141v-466.83l322.241-440.294c5.688-7.337 9.117-16.671 9.117-26.808 0-7.369-1.813-14.314-5.016-20.414l0.116 0.241z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "filter-fill",
-                    "selection",
-                    "full-filter",
-                    "complete-criteria"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 289,
-                "id": 225,
-                "name": "filter-fill",
-                "prevSize": 24,
-                "code": 59872
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 89
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M940.27 142.985v0c-52.342-52.898-124.95-85.655-205.208-85.655-0.25 0-0.502 0-0.752 0.001h0.039c-0.212 0-0.462-0.001-0.714-0.001-80.258 0-152.867 32.757-205.183 85.63l-0.025 0.025-16.427 17.013-16.427-16.427c-52.551-52.546-125.148-85.046-205.334-85.046s-152.783 32.5-205.336 85.047v0c-51.85 52.868-83.852 125.364-83.852 205.334s32.002 152.468 83.898 205.382l-0.045-0.047 397.176 398.35c7.96 7.95 18.953 12.869 31.093 12.869s23.133-4.917 31.094-12.869v0l397.176-398.35c51.673-52.835 83.555-125.21 83.555-205.032 0-80.411-32.354-153.263-84.754-206.251l0.026 0.026z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "heart-fill",
-                    "love",
-                    "affection",
-                    "full-heart"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 288,
-                "id": 224,
-                "name": "heart-fill",
-                "prevSize": 24,
-                "code": 59873
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 90
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M944.92 71.496c-6.851-4.781-15.351-7.639-24.52-7.639-5.664 0-11.074 1.091-16.029 3.074l0.291-0.103c-63.404 28.272-136.947 48.827-213.986 57.993l-3.642 0.353c-50.961-13.852-95.595-33.813-136.214-59.541l2.021 1.195c-50.241-31.546-108.991-55.111-171.832-67.168l-3.203-0.511c-75.265-7.001-254.385 51.927-291.724 64.179-17.436 6.017-29.741 22.283-29.756 41.423v874.010c0 24.167 19.592 43.759 43.759 43.759s43.759-19.592 43.759-43.759v0-341.902c65.742-24.141 142.134-41.68 221.425-49.3l3.786-0.294c53.070 13.251 99.74 33.289 142.139 59.564l-2.111-1.218c47.311 29.399 102.324 52.182 160.994 65.266l3.539 0.663h13.419c91.412-12.072 174.279-35.196 251.871-68.295l-6.238 2.366c16.429-6.638 27.841-22.387 28.006-40.821v-497.12c0.056-0.823 0.088-1.785 0.088-2.753 0-13.438-6.14-25.443-15.767-33.361l-0.075-0.060z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "flag-fill",
-                    "complete",
-                    "report"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 287,
-                "id": 223,
-                "name": "flag-fill",
-                "prevSize": 24,
-                "code": 59870
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 91
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1023.989c-282.763 0-511.989-229.226-511.989-511.989s229.226-511.989 511.989-511.989c282.763 0 511.989 229.226 511.989 511.989v0c0 282.763-229.226 511.989-511.989 511.989v0zM512 85.343c-235.636 0-426.657 191.021-426.657 426.657s191.021 426.657 426.657 426.657c235.636 0 426.657-191.021 426.657-426.657v0c0-235.636-191.021-426.657-426.657-426.657v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "circle",
-                    "round",
-                    "cycle",
-                    "loop",
-                    "circular"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 286,
-                "id": 222,
-                "name": "circle",
-                "prevSize": 24,
-                "code": 59868
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 92
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1023.989 512c0 282.763-229.226 511.989-511.989 511.989s-511.989-229.226-511.989-511.989c0-282.763 229.226-511.989 511.989-511.989s511.989 229.226 511.989 511.989z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "circle-fill",
-                    "complete",
-                    "whole"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 285,
-                "id": 221,
-                "name": "circle-fill",
-                "prevSize": 24,
-                "code": 59869
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 93
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M462.875 1024.834c-1.947 0.372-4.188 0.585-6.478 0.585s-4.531-0.213-6.702-0.62l0.224 0.035c-18.586-5.739-31.857-22.766-31.857-42.893 0-0.292 0.003-0.585 0.009-0.876l-0.001 0.044v-5.938l48.584-342.789h-234.284c-0.011 0-0.024 0-0.038 0-16.55 0-30.926-9.309-38.177-22.979l-0.114-0.234c-3.963-6.646-6.305-14.655-6.305-23.213s2.342-16.567 6.421-23.424l-0.116 0.211 107.965-188.4 221.328-351.967c7.563-12.608 21.158-20.914 36.694-20.914 4.633 0 9.094 0.739 13.272 2.105l-0.301-0.085c18.586 5.739 31.857 22.766 31.857 42.893 0 0.292-0.003 0.585-0.009 0.876l0.001-0.044v5.938l-48.584 342.789h234.824c0.011 0 0.024 0 0.038 0 16.55 0 30.926 9.309 38.177 22.979l0.114 0.234c3.963 6.646 6.305 14.655 6.305 23.213s-2.342 16.567-6.421 23.424l0.116-0.211-107.965 188.4-221.328 351.967c-7.762 11.483-20.733 18.931-35.445 18.931-0.634 0-1.265-0.014-1.893-0.042l0.090 0.003zM434.265 959.516v0zM292.291 549.248h215.931c24.812 0.302 44.809 20.488 44.809 45.342 0 0.191-0.001 0.382-0.004 0.572v-0.029 5.938l-31.849 223.488 134.957-215.931 77.735-133.876h-215.931c-24.812-0.302-44.809-20.488-44.809-45.342 0-0.191 0.001-0.382 0.004-0.572v0.029-5.938l31.849-223.488-134.957 215.931zM589.735 63.945v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "bolt",
-                    "lightning",
-                    "electicity",
-                    "speed",
-                    "charge"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 284,
-                "id": 220,
-                "name": "bolt",
-                "prevSize": 24,
-                "code": 59867
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 94
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M876.353 155.475c-91.36-90.984-217.374-147.233-356.525-147.233s-265.163 56.249-356.542 147.25l-72.854 72.854v-175.251c0-24.945-20.222-45.168-45.168-45.168s-45.168 20.222-45.168 45.168v0 285.461c0 0.001 0 0.003 0 0.004 0 25.067 20.15 45.426 45.135 45.766h286.096c24.945 0 45.168-20.222 45.168-45.168s-20.222-45.168-45.168-45.168v0h-180.671l76.485-74.678c74.952-74.805 178.417-121.062 292.688-121.062s217.736 46.257 292.695 121.070l-0.007-0.007c372.786 402.897-180.671 958.161-585.375 585.375-8.171-8.161-19.456-13.21-31.918-13.21s-23.747 5.048-31.92 13.21v0c-8.309 8.103-13.464 19.409-13.464 31.918s5.155 23.815 13.454 31.91l0.010 0.008c91.243 91.243 217.293 147.678 356.525 147.678 278.462 0 504.201-225.739 504.201-504.201 0-139.231-56.434-265.282-147.678-356.525v0z",
-                    "M512 256.049c-24.81 0.335-44.833 20.358-45.168 45.135v210.815c0.011 12.468 5.073 23.753 13.248 31.918v0l152.367 148.753c8.084 8.182 19.304 13.25 31.708 13.25 0.073 0 0.148 0 0.222 0h-0.011c21.988-3.292 38.658-22.048 38.658-44.696 0-10.97-3.91-21.026-10.413-28.851l0.059 0.073-137.31-137.31v-193.921c-0.294-24.201-19.326-43.864-43.245-45.162l-0.116-0.006z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "history",
-                    "past",
-                    "records",
-                    "timeline",
-                    "memories"
-                ]
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 283,
-                "id": 219,
-                "name": "history",
-                "prevSize": 24,
-                "code": 59866
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 95
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1022.811 776.474s0-4.096 0-6.436v-516.077c-0.023-7.052-1.751-13.696-4.793-19.546l0.112 0.237c-4.397-9.329-11.736-16.668-20.801-20.952l-0.263-0.112-468.096-209.474c-5.326-2.478-11.563-3.924-18.139-3.924s-12.811 1.445-18.411 4.037l0.272-0.112-468.096 209.474c-14.982 7.661-25.187 22.762-25.744 40.299l-0.001 0.074v516.077c0.941 17.495 11.005 32.44 25.487 40.246l0.258 0.128 468.096 209.474c5.306 2.591 11.546 4.105 18.139 4.105s12.832-1.514 18.389-4.214l-0.251 0.11 468.096-209.474c13.538-6.306 23.285-18.763 25.711-33.677l0.034-0.259zM86.616 321.251l380.328 170.856v420.117l-380.328-170.27zM554.714 492.105l380.328-170.856v420.702l-380.328 170.27zM512 91.883l361.019 162.079-361.019 161.493-361.019-161.493z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "box",
-                    "package",
-                    "container",
-                    "storage",
-                    "delivery"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 282,
-                "id": 218,
-                "name": "box",
-                "prevSize": 24,
-                "code": 59865
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 96
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 0.027c-282.755 0-511.973 229.218-511.973 511.973v0c-0.022 1.75-0.034 3.816-0.034 5.886 0 279.524 226.599 506.123 506.123 506.123 2.069 0 4.135-0.012 6.199-0.037l-0.313 0.003c24.236 0 43.883-19.647 43.883-43.883s-19.647-43.883-43.883-43.883v0c-1.399 0.016-3.053 0.026-4.708 0.026-231.698 0-419.526-187.828-419.526-419.526 0-1.655 0.010-3.308 0.029-4.959l-0.003 0.251c0.333-234.15 190.058-423.874 424.174-424.206h0.032c281.439 0 424.206 142.768 424.206 424.206v80.745c0.187 2.116 0.292 4.578 0.292 7.064 0 47.18-38.247 85.426-85.426 85.426s-85.426-38.247-85.426-85.426c0-2.486 0.106-4.948 0.314-7.381l-0.022 0.317v-292.556c0-24.236-19.647-43.883-43.883-43.883s-43.883 19.647-43.883 43.883v0 19.894c-44.051-38.526-102.099-62.022-165.637-62.022-0.188 0-0.377 0-0.565 0h0.029c-140.246 0-253.938 113.692-253.938 253.938s113.692 253.938 253.938 253.938v0c75.633-0.27 143.364-33.87 189.31-86.869l0.266-0.313c30.329 52.256 86.021 86.836 149.789 86.836 95.329 0 172.609-77.279 172.609-172.609 0-0.084 0-0.169 0-0.252v0.014-80.745c0-330.003-181.969-511.973-511.973-511.973zM512 678.171c-91.774 0-166.171-74.397-166.171-166.171s74.397-166.171 166.171-166.171c91.774 0 166.171 74.397 166.171 166.171v0c-0.332 91.641-74.532 165.841-166.14 166.171h-0.032z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "at",
-                    "email",
-                    "location",
-                    "place"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 281,
-                "id": 217,
-                "name": "at",
-                "prevSize": 24,
-                "code": 59864
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 97
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M273.927 128.663c-27.857 0-50.44 22.582-50.44 50.44s22.582 50.44 50.44 50.44v0h449.244l-579.714 579.714c-9.89 9.234-16.053 22.349-16.053 36.904 0 27.857 22.582 50.44 50.44 50.44 14.555 0 27.668-6.164 36.874-16.025l0.028-0.030 579.714-579.714v449.244c0 27.857 22.582 50.44 50.44 50.44s50.44-22.582 50.44-50.44v0-570.97c-0.038-7.053-1.518-13.753-4.16-19.829l0.126 0.327c-7.47-17.225-23.668-29.376-42.86-30.924l-0.182-0.011z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "arrow-up-right",
-                    "northeast",
-                    "move",
-                    "diagonal",
-                    "direction"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 309,
-                "id": 216,
-                "name": "arrow-up-right",
-                "prevSize": 24,
-                "code": 59860
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 98
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M128.665 750.071c0 27.856 22.582 50.438 50.438 50.438s50.438-22.582 50.438-50.438v0-449.241l579.71 579.71c9.233 9.89 22.348 16.053 36.903 16.053 27.856 0 50.438-22.582 50.438-50.438 0-14.555-6.164-27.668-16.025-36.874l-0.030-0.028-579.71-579.71h449.241c27.856 0 50.438-22.582 50.438-50.438s-22.582-50.438-50.438-50.438v0h-570.968c-7.053 0.038-13.753 1.518-19.829 4.16l0.327-0.126c-18.183 7.953-30.702 25.689-30.935 46.373v0.030z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "arrow-up-left",
-                    "northwest",
-                    "move",
-                    "diagonal",
-                    "direction"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 278,
-                "id": 215,
-                "name": "arrow-up-left",
-                "prevSize": 24,
-                "code": 59861
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 99
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M749.048 893.688c27.738 0 50.223-22.484 50.223-50.223s-22.484-50.223-50.223-50.223v0h-447.31l577.218-577.218c9.846-9.194 15.985-22.253 15.985-36.744 0-27.738-22.484-50.223-50.223-50.223-14.491 0-27.549 6.138-36.714 15.954l-0.028 0.030-577.218 577.218v-447.31c0-27.738-22.484-50.223-50.223-50.223s-50.223 22.484-50.223 50.223v0 571.861c0.038 7.024 1.513 13.694 4.144 19.745l-0.126-0.325c7.919 18.102 25.578 30.57 46.174 30.801h0.030z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "arrow-down-left",
-                    "southwest",
-                    "move",
-                    "diagonal",
-                    "direction"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 279,
-                "id": 214,
-                "name": "arrow-down-left",
-                "prevSize": 24,
-                "code": 59862
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 100
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M896.598 273.145c0-27.949-22.657-50.606-50.606-50.606s-50.606 22.657-50.606 50.606v0 450.722l-581.62-581.62c-9.013-8.416-21.152-13.58-34.498-13.58-27.949 0-50.606 22.657-50.606 50.606 0 13.348 5.166 25.486 13.61 34.529l-0.028-0.030 581.62 581.62h-450.722c-27.949 0-50.606 22.657-50.606 50.606s22.657 50.606 50.606 50.606v0h576.221c7.076-0.039 13.797-1.525 19.894-4.175l-0.328 0.126c15.905-8.356 26.772-24.403 27.661-43.066l0.006-0.114z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "arrow-down-right",
-                    "southeast",
-                    "move",
-                    "diagonal",
-                    "direction"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 280,
-                "id": 213,
-                "name": "arrow-down-right",
-                "prevSize": 24,
-                "code": 59863
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 101
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 0.011c-282.764 0-511.989 229.225-511.989 511.989s229.225 511.989 511.989 511.989c282.764 0 511.989-229.225 511.989-511.989v0c0-282.764-229.225-511.989-511.989-511.989v0zM763.515 350.723l-83.838 396.152c-6.4 28.159-23.040 34.559-46.72 21.76l-127.997-94.719-63.999 59.519c-5.961 7.732-15.19 12.694-25.582 12.799h-0.016l8.959-127.997 236.796-214.395c10.879-8.959 0-14.080-15.36-5.119l-290.555 182.396-127.997-39.679c-27.52-8.32-28.159-27.52 5.76-40.319l493.43-191.996c24.319-7.039 44.8 7.039 37.12 41.599z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "telegram",
-                    "messaging",
-                    "chat",
-                    "fast"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 276,
-                "id": 212,
-                "name": "telegram",
-                "prevSize": 24,
-                "code": 59859
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 102
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1023.991c-282.764 0-511.991-229.227-511.991-511.991s229.227-511.991 511.991-511.991c282.764 0 511.991 229.227 511.991 511.991v0c0 282.764-229.227 511.991-511.991 511.991v0zM512 85.341c-235.637 0-426.659 191.022-426.659 426.659s191.022 426.659 426.659 426.659c235.637 0 426.659-191.022 426.659-426.659v0c0-235.637-191.022-426.659-426.659-426.659v0z",
-                    "M369.78 284.448h284.439c47.127 0 85.332 38.205 85.332 85.332v284.439c0 47.127-38.205 85.332-85.332 85.332h-284.439c-47.127 0-85.332-38.205-85.332-85.332v-284.439c0-47.127 38.205-85.332 85.332-85.332z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "stop-circle",
-                    "halt",
-                    "end",
-                    "cease",
-                    "finish"
-                ]
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 275,
-                "id": 211,
-                "name": "stop-circle",
-                "prevSize": 24,
-                "code": 59858
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 103
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M842.308 1023.979h-660.618c-100.333 0-181.669-81.336-181.669-181.669v0-660.618c0-100.333 81.336-181.669 181.669-181.669v0h660.618c100.333 0 181.669 81.336 181.669 181.669v0 660.618c0 100.333-81.336 181.669-181.669 181.669v0zM181.692 99.114c-45.606 0-82.577 36.971-82.577 82.577v0 660.618c0 45.606 36.971 82.577 82.577 82.577v0h660.618c45.606 0 82.577-36.971 82.577-82.577v0-660.618c0-45.606-36.971-82.577-82.577-82.577v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "grid": 16,
-                "tags": [
-                    "stop",
-                    "halt",
-                    "end",
-                    "cease",
-                    "finish"
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 274,
-                "id": 210,
-                "name": "stop",
-                "prevSize": 24,
-                "code": 59857
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 104
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M870.378 148.502c-91.041-91.707-217.17-148.474-356.557-148.474-0.64 0-1.281 0.001-1.92 0.003h0.099c-280.418 0.282-507.634 227.671-507.634 508.129 0 93.024 24.997 180.211 68.642 255.208l-1.302-2.422-71.676 263.024 268.784-70.395c69.896 39.602 153.381 63.238 242.321 63.995l0.223 0.001c0.006 0 0.012 0 0.019 0 281.177 0 509.412-226.669 511.947-507.248l0.001-0.241c-0.978-141.618-59.303-269.426-152.883-361.512l-0.067-0.066zM512 929.894c-0.081 0-0.178 0-0.274 0-79.234 0-153.358-21.884-216.656-59.938l1.903 1.060-15.359-9.599-159.35 42.237 42.237-155.511-10.24-16c-39.739-63.209-63.313-140.066-63.313-222.43 0-233.27 189.104-422.374 422.374-422.374 115.76 0 220.644 46.569 296.938 121.995l-0.040-0.039c77.623 75.954 126.276 181.243 127.989 297.901l0.003 0.321c-2.173 233.734-192.155 422.374-426.196 422.374-0.006 0-0.012 0-0.018 0h0.001zM743.026 613.754c-12.799-6.4-74.875-37.118-86.395-40.958s-20.478-6.4-28.798 6.4c-13.451 18.342-26.668 34.402-40.702 49.701l0.384-0.424c-7.039 8.959-14.719 9.599-27.519 0-73.887-29.731-133.426-82.24-171.269-148.708l-0.882-1.681c-13.439-22.398 12.799-21.119 37.118-69.116 1.722-3.252 2.733-7.107 2.733-11.2s-1.011-7.948-2.796-11.332l0.064 0.132c0-6.4-28.798-69.116-39.038-94.074s-20.478-21.119-28.798-21.759h-24.958c-13.577 0.214-25.68 6.352-33.865 15.937l-0.052 0.063c-26.196 25.492-42.447 61.088-42.447 100.48 0 2.698 0.076 5.38 0.226 8.041l-0.016-0.369c4.318 50.122 23.15 95.162 52.219 131.69l-0.382-0.498c54.892 81.39 128.004 146.508 213.743 190.496l3.204 1.492c35.584 21.122 78.444 33.605 124.218 33.605 9.899 0 19.661-0.583 29.254-1.719l-1.162 0.112c36.419-7.408 66.636-29.449 84.793-59.581l0.322-0.576c5.793-12.526 9.172-27.184 9.172-42.632 0-6.192-0.543-12.256-1.582-18.147l0.091 0.624c-5.76-6.4-14.080-9.599-26.878-16z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "whatsapp",
-                    "chat",
-                    "message",
-                    "instant-messaging",
-                    "call"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 273,
-                "id": 209,
-                "name": "whatsapp",
-                "prevSize": 24,
-                "code": 59856
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 105
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M365.722 160.934h58.511c16.157 0 29.255 13.098 29.255 29.255v58.511c0 16.157-13.098 29.255-29.255 29.255h-58.511c-16.157 0-29.255-13.098-29.255-29.255v-58.511c0-16.157 13.098-29.255 29.255-29.255z",
-                    "M599.767 160.934h58.511c16.157 0 29.255 13.098 29.255 29.255v58.511c0 16.157-13.098 29.255-29.255 29.255h-58.511c-16.157 0-29.255-13.098-29.255-29.255v-58.511c0-16.157 13.098-29.255 29.255-29.255z",
-                    "M365.722 365.722h58.511c16.157 0 29.255 13.098 29.255 29.255v58.511c0 16.157-13.098 29.255-29.255 29.255h-58.511c-16.157 0-29.255-13.098-29.255-29.255v-58.511c0-16.157 13.098-29.255 29.255-29.255z",
-                    "M599.767 365.722h58.511c16.157 0 29.255 13.098 29.255 29.255v58.511c0 16.157-13.098 29.255-29.255 29.255h-58.511c-16.157 0-29.255-13.098-29.255-29.255v-58.511c0-16.157 13.098-29.255 29.255-29.255z",
-                    "M365.722 570.511h58.511c16.157 0 29.255 13.098 29.255 29.255v58.511c0 16.157-13.098 29.255-29.255 29.255h-58.511c-16.157 0-29.255-13.098-29.255-29.255v-58.511c0-16.157 13.098-29.255 29.255-29.255z",
-                    "M599.767 570.511h58.511c16.157 0 29.255 13.098 29.255 29.255v58.511c0 16.157-13.098 29.255-29.255 29.255h-58.511c-16.157 0-29.255-13.098-29.255-29.255v-58.511c0-16.157 13.098-29.255 29.255-29.255z",
-                    "M877.694 936.204h-29.255v-892.294c-0.325-24.104-19.779-43.558-43.852-43.883h-585.142c-24.104 0.325-43.558 19.779-43.883 43.852v892.325h-29.255c-24.236 0-43.883 19.647-43.883 43.883s19.647 43.883 43.883 43.883v0h731.387c24.236 0 43.883-19.647 43.883-43.883s-19.647-43.883-43.883-43.883v0zM760.671 936.204h-307.183v-131.65c0-16.157-13.098-29.255-29.255-29.255v0h-58.511c-16.157 0-29.255 13.098-29.255 29.255v0 131.65h-73.138v-848.41h497.344z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "building",
-                    "office",
-                    "architecture",
-                    "structure",
-                    "construction"
-                ]
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 272,
-                "id": 208,
-                "name": "building",
-                "prevSize": 24,
-                "code": 59855
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 106
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M561.547 0.023v462.433h462.433v-462.433zM924.887 363.362h-264.247v-264.247h264.247z",
-                    "M0.023 462.454h462.433v-462.433h-462.433zM99.116 99.116h264.247v264.247h-264.247z",
-                    "M0.023 1023.98h462.433v-462.433h-462.433zM99.116 660.64h264.247v264.247h-264.247z",
-                    "M561.547 561.547h115.609v115.609h-115.609v-115.609z",
-                    "M792.764 561.547h115.609v115.609h-115.609v-115.609z",
-                    "M677.156 677.156h115.609v115.609h-115.609v-115.609z",
-                    "M908.371 677.156h115.609v115.609h-115.609v-115.609z",
-                    "M561.547 792.764h115.609v115.609h-115.609v-115.609z",
-                    "M792.764 792.764h115.609v115.609h-115.609v-115.609z",
-                    "M677.156 908.371h115.609v115.609h-115.609v-115.609z",
-                    "M908.371 908.371h115.609v115.609h-115.609v-115.609z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "qrcode",
-                    "scan",
-                    "code",
-                    "data",
-                    "barcode"
-                ]
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 271,
-                "id": 207,
-                "name": "qrcode",
-                "prevSize": 24,
-                "code": 59854
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 107
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M966.767 407.505l-107.415-291.887c-13.941-40.405-51.44-68.998-95.682-69.469h-502.102c-43.76 0.101-81.048 27.7-95.509 66.429l-0.231 0.706-107.415 291.887c-34.342 16.711-57.732 51.084-58.377 90.984l-0.001 0.085v262.699c-0.012 0.59-0.019 1.285-0.019 1.983 0 35.143 17.95 66.093 45.181 84.184l0.372 0.233s0 3.503 0 3.503v116.754c0 32.241 26.137 58.378 58.378 58.378v0h58.378c32.241 0 58.378-26.137 58.378-58.378v0-102.161h583.775v102.161c0 32.241 26.137 58.378 58.378 58.378v0h58.378c32.241 0 58.378-26.137 58.378-58.378v0-116.754s0 0 0-3.503c26.927-18.415 44.367-48.984 44.367-83.626 0-0.155 0-0.308-0.001-0.462v0.023-262.699c-0.415-39.752-23.34-74.055-56.62-90.799l-0.59-0.27zM935.826 761.273c0 8.060-6.535 14.595-14.595 14.595v0h-817.284c-8.060 0-14.595-6.535-14.595-14.595v0-262.699c0-8.060 6.535-14.595 14.595-14.595v0h817.284c8.060 0 14.595 6.535 14.595 14.595v0zM248.14 143.055c2.145-5.454 7.332-9.259 13.417-9.341h502.055c6.095 0.082 11.281 3.887 13.392 9.241l0.034 0.099 81.728 224.169h-692.357z",
-                    "M366.646 629.923c0 48.361-39.205 87.566-87.566 87.566s-87.566-39.205-87.566-87.566c0-48.361 39.205-87.566 87.566-87.566s87.566 39.205 87.566 87.566z",
-                    "M833.667 629.923c0 48.361-39.205 87.566-87.566 87.566s-87.566-39.205-87.566-87.566c0-48.361 39.205-87.566 87.566-87.566s87.566 39.205 87.566 87.566z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "car",
-                    "vehicle",
-                    "transport",
-                    "drive",
-                    "auto"
-                ]
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 270,
-                "id": 206,
-                "name": "car",
-                "prevSize": 24,
-                "code": 59853
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 108
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 249.365c-145.049 0-262.635 117.585-262.635 262.635s117.585 262.635 262.635 262.635c145.049 0 262.635-117.585 262.635-262.635v0c0-0.191 0.002-0.416 0.002-0.641 0-144.695-117.299-261.995-261.995-261.995-0.225 0-0.45 0-0.676 0.002h0.035zM512 683.033c-94.459 0-171.033-76.575-171.033-171.033s76.575-171.033 171.033-171.033c94.459 0 171.033 76.575 171.033 171.033v0c0 94.459-76.575 171.033-171.033 171.033v0zM847.020 238.475c0 35.378-28.68 64.058-64.058 64.058s-64.058-28.68-64.058-64.058c0-35.378 28.68-64.058 64.058-64.058v0c35.378 0 64.058 28.68 64.058 64.058v0zM1020.615 302.532c0.053-2.1 0.083-4.576 0.083-7.056 0-80.466-31.5-153.574-82.841-207.667l0.125 0.132c-54.19-52.344-128.080-84.599-209.504-84.599-1.79 0-3.575 0.015-5.357 0.047l0.267-0.003c-83.275-3.843-339.503-3.843-422.778 0-1.952-0.045-4.253-0.071-6.559-0.071-80.622 0-153.889 31.489-208.175 82.838l0.141-0.134c-51.217 53.961-82.717 127.069-82.717 207.535 0 2.482 0.030 4.956 0.090 7.423l-0.008-0.366c-3.843 83.275-3.843 339.503 0 422.778-0.053 2.1-0.083 4.576-0.083 7.056 0 80.466 31.5 153.574 82.841 207.667l-0.125-0.132c54.143 51.217 127.412 82.705 208.032 82.705 2.306 0 4.608-0.026 6.902-0.077l-0.342 0.006c84.556 5.124 338.223 5.124 422.778 0 2.1 0.053 4.576 0.083 7.056 0.083 80.466 0 153.574-31.5 207.667-82.841l-0.132 0.125c51.217-53.961 82.717-127.069 82.717-207.535 0-2.482-0.030-4.956-0.090-7.423l0.008 0.366c3.843-83.275 3.843-339.503 0-422.778zM911.718 814.991c-17.965 44.669-52.697 79.402-96.206 96.954l-1.162 0.414c-68.692 14.541-147.62 22.867-228.491 22.867-25.987 0-51.772-0.86-77.33-2.552l3.471 0.185c-22.061 1.512-47.813 2.374-73.767 2.374-80.681 0-159.416-8.328-235.394-24.172l7.451 1.3c-44.669-17.965-79.402-52.697-96.954-96.206l-0.414-1.162c-26.904-67.901-21.139-228.044-21.139-302.351s-5.765-235.091 21.139-302.351c17.48-45.144 52.371-80.244 96.218-97.607l1.149-0.401c68.527-14.544 147.262-22.873 227.943-22.873 25.954 0 51.706 0.862 77.231 2.558l-3.464-0.185c22.086-1.509 47.872-2.368 73.859-2.368 80.871 0 159.799 8.326 235.971 24.167l-7.48-1.3c44.669 17.965 79.402 52.697 96.954 96.206l0.414 1.162c26.904 67.901 20.498 228.044 20.498 302.351s6.406 235.091-20.498 302.351z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "instagram",
-                    "photos",
-                    "hashtag",
-                    "selfie",
-                    "social"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 268,
-                "id": 205,
-                "name": "instagram",
-                "prevSize": 24,
-                "code": 59852
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 109
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M942.030 0.060h-854.301c-1.171-0.058-2.544-0.091-3.924-0.091-44.98 0-81.687 35.426-83.74 79.897l-0.007 0.184v856.22c1.381 47.853 39.817 86.288 87.54 87.666l0.129 0.003h854.301c45.688-2.098 81.934-39.649 81.934-85.666 0-0.705-0.009-1.408-0.025-2.109l0.001 0.103v-856.22c0.007-0.4 0.012-0.873 0.012-1.345 0-43.471-35.24-78.711-78.711-78.711-1.129 0-2.253 0.024-3.37 0.070l0.159-0.006zM320.022 853.72h-149.102v-456.266h149.102zM248.991 328.342v0c-0.784 0.028-1.705 0.046-2.629 0.046-41.704 0-75.512-33.808-75.512-75.512 0-1.141 0.025-2.277 0.075-3.406l-0.006 0.16c-0.046-0.985-0.072-2.14-0.072-3.301 0-41.704 33.808-75.512 75.512-75.512 1.375 0 2.743 0.037 4.101 0.109l-0.189-0.007c0.784-0.028 1.705-0.046 2.629-0.046 41.704 0 75.512 33.808 75.512 75.512 0 1.141-0.025 2.277-0.075 3.406l0.006-0.16c0.046 0.985 0.072 2.14 0.072 3.301 0 41.704-33.808 75.512-75.512 75.512-1.375 0-2.743-0.037-4.101-0.109l0.189 0.007zM853.72 853.72h-149.743v-249.571c0-59.513-21.118-100.469-74.231-100.469-34.5 0.309-63.758 22.412-74.697 53.194l-0.174 0.559c-3.36 9.138-5.302 19.69-5.302 30.697 0 2.034 0.066 4.051 0.196 6.052l-0.013-0.271v259.81h-147.182v-456.266h147.182v63.993c25.685-46.508 74.423-77.484 130.396-77.484 1.402 0 2.8 0.019 4.194 0.058l-0.205-0.004c96.629 0 169.581 63.993 169.581 200.297z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "linkedin",
-                    "jobs",
-                    "professionals",
-                    "business",
-                    "network"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 266,
-                "id": 204,
-                "name": "linkedin",
-                "prevSize": 24,
-                "code": 59851
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 110
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M998.721 25.279c-15.31-15.206-36.405-24.601-59.695-24.601-9.365 0-18.373 1.518-26.795 4.325l0.597-0.173-854.831 285.138c-34.333 11.124-58.722 42.818-58.722 80.21 0 32.269 18.165 60.295 44.829 74.41l0.459 0.221 354.67 175.29 175.29 355.84c14.186 27.601 42.466 46.16 75.080 46.16 0.106 0 0.207 0 0.309 0h5.827c34.71-2.632 63.306-26.111 73.46-57.839l0.162-0.591 289.228-852.494c2.939-8.121 4.642-17.492 4.642-27.261 0-22.937-9.373-43.685-24.499-58.622l-0.010-0.010zM94.226 370.599l746.151-248.912-414.27 414.27zM653.984 929.774l-165.94-331.884 414.27-414.27z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "send",
-                    "deliver",
-                    "dispatch",
-                    "transmit",
-                    "message"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 263,
-                "id": 203,
-                "name": "send",
-                "prevSize": 24,
-                "code": 59850
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 111
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M215.050 647.037c0 59.379-48.138 107.517-107.517 107.517s-107.517-48.138-107.517-107.517c0-59.379 48.138-107.517 107.517-107.517v0h107.517zM269.445 647.037c0-59.379 48.138-107.517 107.517-107.517s107.517 48.138 107.517 107.517v0 269.434c0 59.379-48.138 107.517-107.517 107.517s-107.517-48.138-107.517-107.517v0zM376.963 215.050c-59.379 0-107.517-48.138-107.517-107.517s48.138-107.517 107.517-107.517c59.379 0 107.517 48.138 107.517 107.517v0 107.517zM376.963 269.445c59.379 0 107.517 48.138 107.517 107.517s-48.138 107.517-107.517 107.517h-269.434c-59.379 0-107.517-48.138-107.517-107.517s48.138-107.517 107.517-107.517v0zM808.95 376.963c0-59.379 48.138-107.517 107.517-107.517s107.517 48.138 107.517 107.517c0 59.379-48.138 107.517-107.517 107.517v0h-107.517v-107.517zM754.555 376.963c0 59.379-48.138 107.517-107.517 107.517s-107.517-48.138-107.517-107.517v0-269.434c0-59.379 48.138-107.517 107.517-107.517s107.517 48.138 107.517 107.517v0 269.434zM647.037 808.95c59.379 0 107.517 48.138 107.517 107.517s-48.138 107.517-107.517 107.517c-59.379 0-107.517-48.138-107.517-107.517v0-107.517zM647.037 754.555c-59.379 0-107.517-48.138-107.517-107.517s48.138-107.517 107.517-107.517h269.434c59.379 0 107.517 48.138 107.517 107.517s-48.138 107.517-107.517 107.517v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "slack",
-                    "communication",
-                    "team",
-                    "work",
-                    "collabrate"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 262,
-                "id": 202,
-                "name": "slack",
-                "prevSize": 24,
-                "code": 59849
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 112
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M517.309 1022.789c-22.691-0.029-45.007-1.526-66.885-4.41l2.595 0.278c-233.58-31.279-416.401-214.099-447.387-445.014l-0.291-2.662c-2.859-20.354-4.49-43.869-4.49-67.761 0-246.048 172.971-451.698 403.948-501.981l3.392-0.62c4.828-1.146 10.369-1.803 16.065-1.803 24.13 0 45.508 11.78 58.7 29.904l0.144 0.209c8.716 12.084 13.937 27.19 13.937 43.519 0 14.447-4.091 27.937-11.173 39.378l0.187-0.321c-26.726 45.102-42.523 99.41-42.523 157.408 0 16.683 1.308 33.056 3.823 49.030l-0.228-1.77c21.13 133.311 125.031 237.216 256.587 258.114l1.758 0.228c14.358 2.386 30.902 3.749 47.766 3.749 57.921 0 112.086-16.086 158.27-44.036l-1.366 0.768c10.914-6.566 24.086-10.453 38.167-10.453 16.715 0 32.146 5.473 44.609 14.724l-0.202-0.143c18.334 13.090 30.142 34.293 30.142 58.257 0 5.696-0.669 11.235-1.926 16.546l0.097-0.484c-49.878 235.319-255.888 409.342-502.54 409.342-0.413 0-0.822 0-1.235-0.001h0.064zM394.034 99.12c-178.936 53.807-307.056 217.078-307.056 410.275 0 236.171 191.454 427.623 427.623 427.623 193.197 0 356.468-128.116 409.491-304.027l0.784-3.028c-50.869 25.361-110.807 40.205-174.212 40.205-197.518 0-361.392-144.047-392.301-332.818l-0.31-2.3c-2.962-18.244-4.655-39.278-4.655-60.703 0-63.794 15.005-124.084 41.678-177.535l-1.042 2.307z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "moon",
-                    "night",
-                    "dark",
-                    "lunar",
-                    "crescent"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 261,
-                "id": 201,
-                "name": "moon",
-                "prevSize": 24,
-                "code": 59847
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 113
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 806.395c-162.589 0-294.395-131.804-294.395-294.395s131.804-294.395 294.395-294.395c162.589 0 294.395 131.804 294.395 294.395v0c-0.29 162.471-131.922 294.103-294.366 294.395h-0.028zM512 294.404c-120.176 0-217.596 97.422-217.596 217.596s97.422 217.596 217.596 217.596c120.176 0 217.596-97.422 217.596-217.596v0c-0.29-120.058-97.538-217.306-217.567-217.596h-0.028z",
-                    "M512 153.605c-21.092-0.285-38.115-17.308-38.399-38.371v-76.826c0-21.206 17.191-38.399 38.399-38.399s38.399 17.191 38.399 38.399v0 76.799c-0.285 21.092-17.308 38.115-38.371 38.399h-0.028z",
-                    "M512 1023.99c-21.092-0.285-38.115-17.308-38.399-38.371v-76.826c0-21.206 17.191-38.399 38.399-38.399s38.399 17.191 38.399 38.399v0 76.799c-0.285 21.092-17.308 38.115-38.371 38.399h-0.028z",
-                    "M985.591 550.399h-76.799c-21.206 0-38.399-17.191-38.399-38.399s17.191-38.399 38.399-38.399v0h76.799c21.206 0 38.399 17.191 38.399 38.399s-17.191 38.399-38.399 38.399v0z",
-                    "M115.206 550.399h-76.799c-21.206 0-38.399-17.191-38.399-38.399s17.191-38.399 38.399-38.399v0h76.799c21.206 0 38.399 17.191 38.399 38.399s-17.191 38.399-38.399 38.399v0z",
-                    "M230.404 268.804c-10.245-0.806-19.244-5.574-25.564-12.757l-0.035-0.043-55.808-51.2c-7.14-7.14-11.557-17.006-11.557-27.903 0-21.794 17.667-39.461 39.461-39.461 10.897 0 20.763 4.417 27.903 11.557v0l51.2 55.808c6.068 6.763 9.778 15.747 9.778 25.599s-3.711 18.837-9.81 25.635l0.031-0.035c-6.356 7.223-15.355 11.995-25.469 12.791l-0.131 0.009z",
-                    "M847.867 886.263c-0.052 0-0.116 0-0.178 0-10.545 0-20.084-4.307-26.953-11.261l-0.003-0.003-52.736-55.808c-2.366-4.842-3.748-10.533-3.748-16.548 0-21.206 17.191-38.399 38.399-38.399 6.016 0 11.709 1.383 16.778 3.85l-0.227-0.099 55.808 51.2c6.939 6.946 11.231 16.541 11.231 27.135s-4.291 20.189-11.231 27.136v0c-6.701 7.568-16.317 12.423-27.072 12.798l-0.065 0.001z",
-                    "M793.596 268.804c-10.245-0.806-19.244-5.574-25.564-12.757l-0.035-0.043c-6.068-6.763-9.778-15.747-9.778-25.599s3.711-18.837 9.81-25.635l-0.031 0.035 51.2-55.808c7.14-7.14 17.006-11.557 27.903-11.557 21.794 0 39.461 17.667 39.461 39.461 0 10.897-4.417 20.763-11.557 27.903v0l-55.808 51.2c-6.356 7.223-15.355 11.995-25.469 12.791l-0.131 0.009z",
-                    "M176.133 886.263c-0.052 0-0.116 0-0.178 0-10.545 0-20.084-4.307-26.953-11.261l-0.003-0.003c-6.939-6.946-11.231-16.541-11.231-27.135s4.291-20.189 11.231-27.136v0l55.808-52.736c4.842-2.366 10.533-3.748 16.548-3.748 21.206 0 38.399 17.191 38.399 38.399 0 6.016-1.383 11.709-3.85 16.778l0.099-0.227-51.2 55.808c-6.876 6.978-16.43 11.301-26.992 11.301-0.591 0-1.178-0.014-1.761-0.042l0.082 0.003z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "sun",
-                    "daylight",
-                    "bright",
-                    "sunny",
-                    "weather",
-                    "light"
-                ]
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 260,
-                "id": 200,
-                "name": "sun",
-                "prevSize": 24,
-                "code": 59848
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 114
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1002.843 264.979c-11.885-44.735-46.258-79.32-89.974-91.303l-0.899-0.211c-108.991-13.585-235.136-21.338-363.093-21.338-12.967 0-25.913 0.079-38.842 0.238l1.964-0.020c-10.965-0.138-23.912-0.217-36.878-0.217-127.957 0-254.101 7.753-377.993 22.812l14.9-1.475c-44.618 12.192-78.989 46.777-90.67 90.619l-0.202 0.895c-13.45 71.849-21.144 154.515-21.144 238.976 0 2.83 0.010 5.654 0.025 8.48l-0.001-0.435c-0.015 2.515-0.025 5.487-0.025 8.463 0 84.76 7.694 167.728 22.419 248.235l-1.273-8.397c12.473 43.944 46.687 77.735 89.978 89.387l0.896 0.205c108.991 13.585 235.136 21.338 363.093 21.338 12.967 0 25.913-0.079 38.842-0.238l-1.964 0.020c10.965 0.138 23.912 0.217 36.878 0.217 127.957 0 254.101-7.753 377.993-22.812l-14.9 1.475c44.184-11.858 78.4-45.649 90.654-88.691l0.222-0.902c13.451-72.109 21.145-155.075 21.145-239.836 0-2.976-0.010-5.952-0.030-8.921l0.002 0.458c0.014-2.39 0.024-5.216 0.024-8.045 0-84.461-7.694-167.123-22.415-247.326l1.272 8.351zM407.049 664.948v-304.617l268.139 151.669-268.139 152.31z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "youtube",
-                    "video",
-                    "sharing",
-                    "music",
-                    "clip",
-                    "vlog"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 245,
-                "id": 199,
-                "name": "youtube",
-                "prevSize": 24,
-                "code": 59845
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 115
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M921.584 0.020h-819.169c-56.554 0-102.397 45.843-102.397 102.397v0 819.169c0 56.554 45.843 102.397 102.397 102.397h819.169c56.554 0 102.397-45.843 102.397-102.397v0-819.169c0-56.554-45.843-102.397-102.397-102.397v0zM861.428 339.846q-5.119 108.157-150.396 296.31c-100.477 127.996-186.234 195.834-255.991 195.834-43.518 0-79.358-39.678-109.437-119.677-58.239-213.112-83.198-337.908-127.996-337.908-22.288 9.156-41.514 20.78-58.626 34.868l0.387-0.309-34.559-44.799c85.118-74.878 166.394-158.075 217.592-162.554s90.237 33.919 105.597 118.396c47.358 300.15 68.477 345.588 154.236 209.272 23.167-31.534 40.499-68.894 49.548-109.38l0.37-1.973c8.32-76.157-58.878-71.038-104.956-51.198q53.118-179.195 206.712-174.714 113.917 3.84 107.517 147.835z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "vimeo",
-                    "video",
-                    "movie",
-                    "clip",
-                    "streaming"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 246,
-                "id": 198,
-                "name": "vimeo",
-                "prevSize": 24,
-                "code": 59846
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 116
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M945.168 71.244c-6.854-4.784-15.36-7.644-24.533-7.644-5.667 0-11.082 1.091-16.037 3.075l0.291-0.101c-63.362 27.754-136.884 48.272-213.777 57.97l-3.973 0.411c-50.991-13.859-95.65-33.834-136.292-59.573l2.021 1.197c-50.286-31.459-109.055-55.026-171.889-67.197l-3.247-0.525c-107.474 9.724-206.538 32.466-299.99 66.82l8.098-2.606c-17.445 6.019-29.758 22.294-29.774 41.446v874.511c0 24.18 19.602 43.782 43.782 43.782s43.782-19.602 43.782-43.782v0-341.516c65.758-24.646 142.15-42.595 221.505-50.481l3.835-0.307c53.105 13.33 99.794 33.376 142.252 59.613l-2.143-1.233c47.34 29.414 102.383 52.211 161.087 65.302l3.54 0.662h13.426c91.375-11.776 174.319-34.938 251.841-68.29l-6.068 2.323c16.532-6.508 28.021-22.337 28.021-40.848 0-0.004 0-0.013 0-0.017v0.001-496.801c0.058-0.822 0.086-1.787 0.086-2.754 0-13.445-6.144-25.457-15.776-33.379l-0.076-0.061zM876.865 575.050c-55.28 23.59-119.414 40.863-186.43 48.723l-3.3 0.316c-50.991-13.859-95.65-33.834-136.292-59.573l2.021 1.197c-50.286-31.459-109.055-55.026-171.889-67.197l-3.247-0.525h-11.676c-81.373 7.491-156.277 24.016-227.356 48.724l6.685-2.021v-408.651c65.758-24.646 142.15-42.595 221.505-50.481l3.835-0.307c53.105 13.33 99.794 33.376 142.252 59.613l-2.143-1.233c47.34 29.414 102.383 52.211 161.087 65.302l3.54 0.662c72.593-2.928 140.796-18.315 203.651-44.065l-3.998 1.45z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "flag",
-                    "report",
-                    "banner"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 247,
-                "id": 197,
-                "name": "flag",
-                "prevSize": 24,
-                "code": 59844
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 117
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M921.328 234.242h-14.62v-131.569c-0.331-56.383-45.949-102.001-102.301-102.333h-0.032c-2.11-0.402-4.538-0.635-7.018-0.635s-4.909 0.229-7.26 0.672l0.242-0.037-695.856 233.902h-15.789l-9.939 3.508h-8.187l-9.357 5.263-7.018 9.939-8.187 7.018-6.432 5.85-7.018 8.771c-1.843 1.659-3.402 3.587-4.62 5.733l-0.060 0.112c-1.923 2.94-3.872 6.386-5.601 9.962l-0.245 0.564-3.508 6.432c-1.391 3.423-2.79 7.711-3.925 12.107l-0.165 0.758c0.126 0.965 0.196 2.083 0.196 3.216s-0.070 2.252-0.21 3.346l0.014-0.13c-0.288 2.979-0.451 6.443-0.451 9.939s0.164 6.961 0.485 10.379l-0.033-0.436v584.754c0.266 54.991 43.614 99.77 98.010 102.322l0.229 0.010h818.656c56.383-0.331 102.001-45.949 102.333-102.301v-584.786c-0.331-56.383-45.949-102.001-102.301-102.333h-0.032zM809.056 88.637c5.781 2.176 9.84 7.618 9.939 14.021v131.582h-446.167zM935.946 921.328c0 8.075-6.545 14.62-14.62 14.62v0h-818.656c-8.075 0-14.62-6.545-14.62-14.62v0-584.754c0-8.075 6.545-14.62 14.62-14.62v0h818.656c8.075 0 14.62 6.545 14.62 14.62v0z",
-                    "M848.233 628.95c0 40.368-32.724 73.092-73.092 73.092s-73.092-32.724-73.092-73.092c0-40.368 32.724-73.092 73.092-73.092s73.092 32.724 73.092 73.092z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "wallet",
-                    "money",
-                    "cash",
-                    "payments",
-                    "finance"
-                ]
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 248,
-                "id": 196,
-                "name": "wallet",
-                "prevSize": 24,
-                "code": 59843
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 118
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M974.245 49.171c-15.932-10.721-35.555-17.111-56.669-17.111-14.627 0-28.534 3.067-41.12 8.59l0.658-0.257-208.887 89.524-277.931-117.023c-10.185-4.441-22.051-7.024-34.522-7.024s-24.338 2.583-35.094 7.244l0.571-0.221-255.112 107.663c-39.245 17.382-66.129 55.99-66.129 100.873 0 0.535 0.003 1.071 0.012 1.601l-0.001-0.081v658.259c-0.001 0.193-0.001 0.422-0.001 0.65 0 38.606 19.576 72.638 49.339 92.718l0.396 0.252c15.932 10.721 35.555 17.111 56.669 17.111 14.627 0 28.534-3.067 41.12-8.59l-0.658 0.257 208.887-89.524 277.931 117.023c9.959 4.44 21.578 7.024 33.803 7.024 0.254 0 0.506-0.001 0.759-0.002h-0.037c12.47-0.016 24.335-2.597 35.099-7.244l-0.579 0.222 255.112-109.419c39.245-17.382 66.129-55.99 66.129-100.873 0-0.535-0.003-1.071-0.012-1.601l0.001 0.081v-656.503c0.001-0.193 0.001-0.422 0.001-0.65 0-38.606-19.576-72.638-49.339-92.718l-0.396-0.252zM399.657 107.683l224.685 95.96v709.749l-224.685-95.96zM112.365 902.859c-2.099 1.232-4.621 1.96-7.312 1.96s-5.216-0.728-7.384-1.996l0.067 0.036c-6.069-4.287-9.983-11.275-9.983-19.174 0-0.459 0.014-0.915 0.041-1.366l-0.002 0.063v-659.428c-0.001-0.106-0.002-0.225-0.002-0.349 0-9.66 5.999-17.916 14.475-21.246l0.156-0.052 209.473-90.694v706.823zM936.211 801.048c0.016 0.329 0.027 0.713 0.027 1.097 0 8.996-5.204 16.772-12.765 20.489l-0.133 0.060-211.228 90.694v-706.823l199.525-85.427c2.099-1.232 4.621-1.96 7.312-1.96s5.216 0.728 7.384 1.996l-0.067-0.036c6.069 4.287 9.983 11.275 9.983 19.174 0 0.459-0.014 0.915-0.041 1.366l0.002-0.063z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "map",
-                    "location",
-                    "route",
-                    "journey",
-                    "area"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 249,
-                "id": 195,
-                "name": "map",
-                "prevSize": 24,
-                "code": 59842
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 119
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M232.89 877.709c-0.229 0.001-0.5 0.001-0.772 0.001-64.296 0-122.536-25.926-164.839-67.892l0.014 0.014c-41.67-44.195-67.28-103.927-67.28-169.644 0-70.104 29.144-133.401 75.978-178.432l0.081-0.077 220.011-221.767c46.236-47.686 110.48-77.679 181.734-78.989l0.242-0.003c64.887 0.446 123.436 27.23 165.557 70.178l0.036 0.036c42.26 44.485 68.256 104.777 68.256 171.139 0 70.733-29.531 134.567-76.936 179.85l-0.095 0.091-73.728 73.728c-8.035 8.605-19.444 13.968-32.108 13.968-24.236 0-43.886-19.648-43.886-43.886 0-12.665 5.363-24.073 13.943-32.084l0.025-0.023 71.384-76.068c31.073-29.214 50.426-70.586 50.426-116.481 0-41.8-16.055-79.851-42.334-108.318l0.099 0.109c-28.323-24.799-65.659-39.923-106.527-39.923-45.364 0-86.377 18.637-115.797 48.671l-0.027 0.027-218.256 221.181c-30.617 29.25-49.65 70.402-49.65 115.998 0 41.161 15.51 78.698 41.005 107.085l-0.133-0.148c26.409 26.109 62.734 42.236 102.824 42.236 5.002 0 9.944-0.251 14.816-0.741l-0.615 0.049c1.28-0.135 2.767-0.212 4.272-0.212 22.546 0 41.068 17.231 43.113 39.245l0.012 0.171c0.136 1.297 0.214 2.802 0.214 4.324 0 22.665-17.181 41.315-39.226 43.641l-0.191 0.015z",
-                    "M545.938 863.081c-64.887-0.446-123.436-27.23-165.557-70.178l-0.036-0.036c-42.26-44.485-68.256-104.777-68.256-171.139 0-70.733 29.531-134.567 76.936-179.85l0.095-0.091 73.728-73.728c8.035-8.605 19.444-13.968 32.108-13.968 24.236 0 43.886 19.648 43.886 43.886 0 12.665-5.363 24.073-13.943 32.084l-0.025 0.023-71.384 76.068c-31.073 29.214-50.426 70.586-50.426 116.481 0 41.8 16.055 79.851 42.334 108.318l-0.099-0.109c28.323 24.799 65.659 39.923 106.527 39.923 45.364 0 86.377-18.637 115.797-48.671l0.027-0.027 220.596-221.181c29.874-29.148 48.402-69.807 48.402-114.793 0-41.733-15.944-79.74-42.074-108.264l0.109 0.122c-26.409-26.109-62.734-42.236-102.824-42.236-5.002 0-9.944 0.251-14.816 0.741l0.615-0.049c-1.28 0.135-2.767 0.212-4.272 0.212-22.546 0-41.068-17.231-43.113-39.245l-0.012-0.171c-0.136-1.297-0.214-2.802-0.214-4.324 0-22.665 17.181-41.315 39.226-43.641l0.191-0.015c7.239-0.795 15.632-1.247 24.131-1.247 63.452 0 121.008 25.25 163.166 66.25l-0.054-0.053c41.67 44.195 67.28 103.927 67.28 169.644 0 70.104-29.144 133.401-75.978 178.432l-0.081 0.077-220.011 221.767c-46.236 47.686-110.48 77.679-181.734 78.989l-0.242 0.003z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "link",
-                    "connect",
-                    "join",
-                    "attach",
-                    "web",
-                    "url"
-                ]
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 250,
-                "id": 194,
-                "name": "link",
-                "prevSize": 24,
-                "code": 59841
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 120
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M921.589 117.040h-819.178c-56.419 0.331-102.067 45.977-102.398 102.366v585.16c0.331 56.419 45.977 102.067 102.366 102.398h819.209c56.419-0.331 102.067-45.977 102.398-102.366v-585.16c-0.331-56.419-45.977-102.067-102.366-102.398h-0.033zM102.411 204.808h819.178c8.080 0 14.628 6.551 14.628 14.628v0 131.653h-848.434v-131.653c0-8.080 6.551-14.628 14.628-14.628v0zM921.589 819.192h-819.178c-8.080 0-14.628-6.551-14.628-14.628v0-365.705h848.434v365.705c0 8.080-6.551 14.628-14.628 14.628v0z",
-                    "M336.461 570.514h-117.025c-32.315 0-58.514 26.197-58.514 58.514s26.197 58.514 58.514 58.514v0h117.025c32.315 0 58.514-26.197 58.514-58.514s-26.197-58.514-58.514-58.514v0z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "credit-card",
-                    "payment",
-                    "purchase",
-                    "money",
-                    "bank"
-                ]
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 251,
-                "id": 193,
-                "name": "credit-card",
-                "prevSize": 24,
-                "code": 59839
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 121
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M867.007 182.851c-66.261-30.706-136.831-53.332-211.172-66.261-9.158 16.161-19.933 38.248-26.935 56.025-78.651-11.852-156.763-11.852-233.798 0-7.541-17.777-18.316-39.864-27.474-56.025-74.341 12.929-144.911 35.555-211.172 66.261-133.599 201.475-169.692 398.104-151.915 591.499 88.886 66.261 174.541 106.125 259.118 132.522 21.010-28.551 39.326-59.257 55.487-91.042-30.706-11.313-59.796-25.858-87.27-42.558 7.541-5.387 14.545-11.313 21.549-16.7 168.615 78.651 351.236 78.651 517.696 0 7.004 5.925 14.006 11.313 21.549 16.7-27.474 16.7-57.103 30.706-87.27 42.558 16.161 31.783 34.478 62.489 55.487 91.042 84.577-26.397 170.769-66.261 259.118-132.522 21.010-224.64-36.094-419.113-151.915-591.499zM341.769 655.834c-50.639 0-92.119-46.867-92.119-104.508s40.403-104.508 92.119-104.508 92.658 46.867 92.119 104.508c0 57.103-40.403 104.508-92.119 104.508zM681.692 655.834c-50.639 0-92.119-46.867-92.119-104.508s40.403-104.508 92.119-104.508 92.658 46.867 92.119 104.508c0 57.103-40.403 104.508-92.119 104.508z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "grid": 16,
-                "tags": [
-                    "discord",
-                    "voice",
-                    "chat",
-                    "game",
-                    "social",
-                    "communication"
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 252,
-                "id": 192,
-                "name": "discord",
-                "prevSize": 24,
-                "code": 59840
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 122
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M71.252 1019.529c-0.094 0-0.205 0-0.308 0-18.338 0-34.928-7.49-46.876-19.583l-0.004-0.004c-12.065-12.080-19.533-28.766-19.533-47.194s7.46-35.107 19.533-47.195v0l881.496-881.496c12.224-13.091 29.586-21.252 48.86-21.252 36.88 0 66.781 29.901 66.781 66.781 0 19.267-8.161 36.636-21.215 48.818l-0.036 0.034-881.496 881.496c-11.952 12.097-28.542 19.587-46.879 19.587-0.11 0-0.221 0-0.324 0h0.016z",
-                    "M200.36 400.703c-110.644 0-200.343-89.695-200.343-200.343s89.695-200.343 200.343-200.343c110.644 0 200.343 89.695 200.343 200.343v0c0 110.644-89.695 200.343-200.343 200.343v0zM200.36 133.579c-36.88 0-66.781 29.901-66.781 66.781s29.901 66.781 66.781 66.781c36.88 0 66.781-29.901 66.781-66.781v0c-0.495-36.684-30.097-66.286-66.733-66.781h-0.048z",
-                    "M823.64 1023.979c-110.644 0-200.343-89.695-200.343-200.343s89.695-200.343 200.343-200.343c110.644 0 200.343 89.695 200.343 200.343v0c0 110.644-89.695 200.343-200.343 200.343v0zM823.64 756.859c-36.88 0-66.781 29.901-66.781 66.781s29.901 66.781 66.781 66.781c36.88 0 66.781-29.901 66.781-66.781v0c-0.495-36.684-30.097-66.286-66.733-66.781h-0.048z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "percentage",
-                    "ratio",
-                    "portion",
-                    "rate",
-                    "fraction"
-                ]
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 253,
-                "id": 191,
-                "name": "percentage",
-                "prevSize": 24,
-                "code": 59838
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 123
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M634.635 1025.058h-8.795c-278.481-6.291-501.825-233.529-501.825-512.936 0-143.581 58.979-273.384 154.031-366.506l0.087-0.085c90.386-89.279 214.664-144.424 351.826-144.424 4.737 0 9.461 0.066 14.166 0.197l-0.694-0.015c137.202 2.016 261.047 57.579 351.895 146.67l-0.082-0.081c7.946 7.955 12.862 18.943 12.862 31.077s-4.914 23.121-12.862 31.078v0c-7.955 7.946-18.943 12.862-31.077 12.862s-23.121-4.914-31.078-12.862v0c-76.784-75.59-182.227-122.264-298.57-122.264-235.104 0-425.69 190.589-425.69 425.69s190.589 425.69 425.69 425.69c110.943 0 211.975-42.441 287.744-111.973l-0.312 0.283 12.901-12.313c8.295-7.915 19.557-12.787 31.955-12.787s23.661 4.872 31.975 12.806l-0.018-0.018c8.518 7.555 13.858 18.529 13.858 30.751 0 10.778-4.154 20.587-10.95 27.911l0.023-0.026-2.931 2.931-17.003 16.418c-90.306 81.848-210.707 131.947-342.808 131.947-1.515 0-3.029-0.007-4.542-0.019l0.232 0.001z",
-                    "M869.176 468.024h-820.891c-24.287 0-43.976-19.689-43.976-43.976s19.689-43.976 43.976-43.976v0h820.891c24.287 0 43.976 19.689 43.976 43.976s-19.689 43.976-43.976 43.976v0z",
-                    "M781.223 643.928h-732.939c-24.287 0-43.976-19.689-43.976-43.976s19.689-43.976 43.976-43.976v0h732.939c24.287 0 43.976 19.689 43.976 43.976s-19.689 43.976-43.976 43.976v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "euro",
-                    "money",
-                    "currency",
-                    "europe",
-                    "cash"
-                ]
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 233,
-                "id": 190,
-                "name": "euro",
-                "prevSize": 24,
-                "code": 59837
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 124
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M921.533 0.085h-716.682c-1.243-0.037-2.704-0.062-4.171-0.062-76.892 0-139.525 61.042-142.084 137.312l-0.005 0.236v725.456c3.196 89.572 76.578 160.974 166.638 160.974 1.887 0 3.764-0.032 5.636-0.094l-0.273 0.005h690.939c24.1-0.324 43.553-19.777 43.877-43.845v-936.102c-0.324-24.1-19.777-43.553-43.845-43.877h-0.032zM877.652 936.158h-647.059c-1.635 0.122-3.546 0.19-5.469 0.19-41.629 0-75.733-32.206-78.764-73.058l-0.015-0.26c3.043-41.116 37.15-73.322 78.779-73.322 1.923 0 3.834 0.068 5.723 0.205l-0.254-0.015h647.059zM877.652 702.141h-647.059c-30.908 0.035-59.934 8.052-85.138 22.102l0.893-0.458v-586.214c2.714-28.081 26.19-49.857 54.753-49.857 1.322 0 2.628 0.047 3.925 0.14l-0.175-0.011h672.802z",
-                    "M321.859 321.859h380.277c24.235 0 43.877-19.646 43.877-43.877s-19.646-43.877-43.877-43.877v0h-380.277c-24.235 0-43.877 19.646-43.877 43.877s19.646 43.877 43.877 43.877v0z",
-                    "M321.859 526.626h380.277c24.235 0 43.877-19.646 43.877-43.877s-19.646-43.877-43.877-43.877v0h-380.277c-24.235 0-43.877 19.646-43.877 43.877s19.646 43.877 43.877 43.877v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "book",
-                    "read",
-                    "literature",
-                    "knowledge",
-                    "education"
-                ]
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 232,
-                "id": 189,
-                "name": "book",
-                "prevSize": 24,
-                "code": 59834
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 125
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1023.233c-5.884-0.076-11.5-1.139-16.713-3.034l0.353 0.112c-294.424-132.986-495.622-424.049-495.622-762.108 0-25.218 1.12-50.181 3.311-74.828l-0.228 3.185c1.091-20.259 15.977-36.738 35.376-40.276l0.266-0.038c170.071-26.272 323.191-75.689 464.402-145.534l-9.257 4.14c5.319-2.475 11.548-3.917 18.114-3.917s12.794 1.442 18.385 4.030l-0.271-0.112c131.953 65.702 285.069 115.119 446.231 140.248l8.916 1.146c19.665 3.576 34.547 20.055 35.634 40.204l0.003 0.11c1.964 21.462 3.084 46.42 3.084 71.642 0 338.056-201.194 629.119-490.377 759.984l-5.245 2.124c-4.86 1.783-10.476 2.845-16.326 2.921h-0.034zM88.991 226.293c-0.817 12.916-1.282 28.011-1.282 43.216 0 292.016 171.793 543.905 419.826 660.115l4.464 1.881c252.498-118.092 424.293-369.981 424.293-661.997 0-15.204-0.465-30.297-1.384-45.268l0.1 2.056c-158.673-27.438-300.659-73.974-432.589-137.992l9.58 4.192c-122.352 59.822-264.337 106.359-413.369 132.403l-9.639 1.394z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "shield",
-                    "protect",
-                    "secure",
-                    "guard",
-                    "defense"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 231,
-                "id": 188,
-                "name": "shield",
-                "prevSize": 24,
-                "code": 59833
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 126
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M330.174 602.273c-7.682 42.896-39.055 245.207-48.017 302.191 0 4.482 0 5.762-7.042 5.762h-167.743c-0.080 0.001-0.175 0.001-0.271 0.001-15.204 0-27.532-12.324-27.532-27.532 0-1.356 0.097-2.688 0.287-3.989l-0.017 0.147 131.888-839.984c3.692-21.668 21.877-38.101 44.080-39.052l0.096-0.002c342.523 0 371.334-8.323 459.046 26.251 135.089 52.499 147.892 179.266 99.235 316.915s-163.261 201.671-315.635 203.593c-97.314 0-156.215-15.364-169.663 55.059zM883.334 277.035c-3.841-3.2-5.121-3.841-6.402 0-5.355 29.455-12.228 55.051-20.948 79.774l1.103-3.586c-89.632 256.095-338.682 234.965-460.326 234.965-0.779-0.096-1.678-0.148-2.591-0.148-11.979 0-21.761 9.396-22.379 21.221l-0.002 0.053c-50.578 320.115-64.022 384.138-64.022 384.138-0.348 1.539-0.545 3.309-0.545 5.121 0 13.404 10.837 24.274 24.228 24.326h143.414c19.695-0.387 35.904-14.834 39.022-33.697l0.032-0.236c0-12.164 0 14.084 32.653-206.154 10.243-49.297 32.013-44.176 64.022-44.176 159.417 0 284.262-64.022 320.115-256.095 6.318-18.661 9.965-40.158 9.965-62.502 0-57.89-24.469-110.067-63.632-146.751l-0.111-0.101z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "paypal",
-                    "payment",
-                    "money",
-                    "transfer",
-                    "ecommerce",
-                    "transaction"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 229,
-                "id": 186,
-                "name": "paypal",
-                "prevSize": 24,
-                "code": 59835
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 127
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M590.061 298.931c-114.531 3.839-397.983 35.193-397.983 268.094 0 250.818 326.32 261.056 433.175 99.176 33.603 38.347 68.51 73.249 105.572 105.755l1.281 1.101 133.727-127.968s-76.142-58.226-76.142-120.93v-335.917c0-57.586-57.586-188.114-264.895-188.114s-319.921 127.968-319.921 238.663l174.038 17.277c14.203-60.869 64.928-106.62 127.331-113.199l0.637-0.053c95.977 0 83.181 67.824 83.181 158.042zM590.061 497.283c0 182.995-198.352 155.482-198.352 39.029s119.010-127.968 198.352-131.807zM909.983 870.953c-103.709 94.959-242.457 153.142-394.795 153.142-5.62 0-11.222-0.080-16.805-0.238l0.821 0.018c-195.949-7.842-370.074-95.152-492.135-230.369l-0.545-0.613c-15.997-17.277 0-25.596 12.797-18.556 172.759 101.736 443.413 268.735 876.588 69.103 19.837-8.319 33.91 4.48 15.357 27.515zM1004.041 876.072c-11.535 27.968-28.737 51.536-50.314 70.185l-0.235 0.197c-12.797 10.238-22.395 6.399-15.357-8.319s46.068-106.215 30.074-127.968-87.020-9.598-113.251-7.038-30.714 4.48-32.634 0 51.186-35.829 88.3-40.309 96.617 0 108.772 13.437c1.186 7.461 1.861 16.066 1.861 24.83 0 26.848-6.362 52.211-17.654 74.664l0.435-0.957z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "amazon",
-                    "online-shopping",
-                    "ecommerce",
-                    "products",
-                    "retail"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 240,
-                "id": 185,
-                "name": "amazon",
-                "prevSize": 24,
-                "code": 59836
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 128
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M886.693 1024.275h-13.467c-160.026-17.856-304.577-71.747-429.374-153.346l3.746 2.3c-119.858-77.12-218.914-175.988-293.94-291.862l-2.302-3.793c-79.488-121.374-133.409-266.357-150.654-422.398l-0.396-4.402c-0.449-4.129-0.705-8.915-0.705-13.764 0-33.499 12.23-64.138 32.468-87.698l-0.148 0.178c22.748-27.565 55.792-45.921 93.167-49.141l0.507-0.035h152.22c68.811 0.070 125.838 50.433 136.308 116.306l0.101 0.786c6.186 45.698 17.046 86.978 32.301 126.063l-1.274-3.701c5.445 14.293 8.602 30.826 8.602 48.093 0 38.102-15.36 72.621-40.225 97.697l-35.702 35.702c57.148 89.292 131.053 162.822 217.85 217.845l2.869 1.699 35.713-35.126c25.068-24.854 59.584-40.214 97.686-40.214 17.267 0 33.797 3.154 49.045 8.917l-0.956-0.318c35.315 13.822 76.581 24.675 119.402 30.688l2.96 0.339c66.678 10.304 117.132 67.286 117.132 136.053 0 1.155-0.014 2.306-0.044 3.455l0.002-0.171v140.51c0 0 0 0.001 0 0.001 0 76.101-61.525 137.836-137.551 138.165h-0.032zM277.818 87.541h-139.923c-14.387 0.979-27.011 7.794-35.649 18.070l-0.063 0.079c-7.402 8.481-11.91 19.649-11.91 31.87 0 1.557 0.075 3.102 0.218 4.622l-0.015-0.194c15.36 145.534 63.692 277.249 137.347 391.045l-2.107-3.473c70.038 108.811 159.916 198.686 265.265 266.637l3.46 2.091c110.418 72.299 242.202 121.557 384.020 137.782l4.14 0.385c0.876 0.051 1.901 0.082 2.931 0.082 14.116 0 26.923-5.614 36.306-14.733l-0.013 0.013c8.993-9.216 14.563-21.807 14.638-35.698v-139.938c0.005-0.32 0.012-0.7 0.012-1.075 0-25.332-18.708-46.298-43.066-49.826l-0.272-0.033c-53.039-7.261-100.842-19.551-146.288-36.646l4.608 1.52c-5.299-2.044-11.429-3.227-17.839-3.227-13.78 0-26.284 5.472-35.452 14.364l0.014-0.013-58.546 58.546c-8.012 7.814-18.974 12.637-31.061 12.637-7.941 0-15.396-2.080-21.853-5.726l0.223 0.115c-125.62-71.885-227.060-173.136-297.132-294.748l-2.038-3.837c-3.709-6.254-5.9-13.781-5.9-21.824 0-12.079 4.944-23.005 12.918-30.863l58.55-58.55c8.886-8.986 14.38-21.346 14.38-34.991 0-6.364-1.195-12.447-3.371-18.038l0.116 0.338c-15.651-40.876-27.948-88.685-34.741-138.244l-0.385-3.437c-3.034-25.502-24.528-45.088-50.597-45.088-0.323 0-0.646 0.002-0.971 0.011l0.048-0.001z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "phone",
-                    "call",
-                    "talk",
-                    "voice",
-                    "telephone"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 227,
-                "id": 184,
-                "name": "phone",
-                "prevSize": 24,
-                "code": 59832
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 129
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1004.108 24.712c-7.747-14.706-22.886-24.587-40.341-24.696h-421.65c-24.95 0-45.175 20.226-45.175 45.175s20.226 45.175 45.175 45.175v0h331.285l-111.431 154.198c-5.421 7.322-8.676 16.532-8.676 26.503 0 24.752 20.065 44.816 44.816 44.816 14.78 0 27.892-7.156 36.054-18.191l0.086-0.121 165.641-225.875c5.688-7.337 9.117-16.671 9.117-26.809 0-7.369-1.813-14.314-5.016-20.415l0.116 0.241z",
-                    "M310.219 13.266s0 0-3.011 0c-3.291-2.852-7.063-5.273-11.155-7.112l-0.289-0.116c-3.885-1.54-8.385-2.612-13.079-3l-0.172-0.011h-222.261c-17.471 0.11-32.609 9.989-40.237 24.446l-0.12 0.25c-3.089 5.86-4.901 12.805-4.901 20.174 0 10.136 3.43 19.472 9.191 26.909l-0.075-0.1 322.25 437.295v466.81c0.335 24.814 20.362 44.84 45.142 45.175h240.967c24.814-0.335 44.84-20.362 45.175-45.142v-466.843l3.614-5.421 220.455 218.045c8.085 8.184 19.307 13.251 31.713 13.251 0.073 0 0.148 0 0.222 0h-0.011c0.137 0.001 0.299 0.003 0.462 0.003 12.327 0 23.47-5.072 31.455-13.244l0.008-0.008c8.162-8.172 13.212-19.46 13.212-31.923s-5.048-23.751-13.212-31.925v0zM596.326 470.439c-5.634 7.174-9.035 16.335-9.035 26.291 0 0.075 0 0.15 0 0.224v-0.011 436.692h-150.584v-436.692c0-0.064 0-0.138 0-0.212 0-9.955-3.401-19.117-9.105-26.384l0.071 0.093-277.075-380.073h109.624l355.98 352.366z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "grid": 16,
-                "tags": [
-                    "filter-slash",
-                    "remove-filter",
-                    "all-results",
-                    "clear-filter"
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 226,
-                "id": 183,
-                "name": "filter-slash",
-                "prevSize": 24,
-                "code": 59831
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 130
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1023.989 515.199c-3.553-280.043-231.4-505.695-511.951-505.695-282.764 0-511.989 229.225-511.989 511.989 0 254.507 185.702 465.641 428.999 505.297l2.953 0.397v-362.872h-127.997v-149.116h127.997v-113.278c-0.721-6.073-1.134-13.108-1.134-20.239 0-100.028 81.088-181.117 181.117-181.117 4.227 0 8.421 0.145 12.576 0.43l-0.561-0.031c40.895 0.576 80.479 4.278 119.075 10.879l-4.516-0.639v127.997h-63.999c-2.79-0.372-6.015-0.583-9.289-0.583-41 0-74.238 33.238-74.238 74.238 0 2.458 0.12 4.89 0.352 7.287l-0.024-0.304v96.638h142.077l-23.040 149.116h-118.397v358.392c246.274-40.033 432-251.177 432-505.702 0-1.084-0.003-2.169-0.010-3.253l0.001 0.166z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "facebook",
-                    "social-network",
-                    "friends",
-                    "like",
-                    "post"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 223,
-                "id": 182,
-                "name": "facebook",
-                "prevSize": 24,
-                "code": 59828
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 131
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M342.537 824.066c0 4.477-4.477 7.674-10.871 7.674s-11.511 0-11.511-7.674 5.115-7.674 10.871-7.674 11.511 3.197 11.511 7.674zM278.59 814.474c0 4.477 0 9.592 8.952 10.871 1.214 0.597 2.642 0.946 4.152 0.946 3.78 0 7.050-2.187 8.614-5.366l0.025-0.057c0-4.477 0-8.952-8.952-10.871s-11.511 0-12.789 4.477zM369.395 811.277c-5.755 0-9.592 5.115-8.952 10.232s5.755 7.034 12.151 5.755 9.592-5.755 8.952-10.232-5.755-6.395-12.151-5.755zM505.605 0.416c-1.401-0.013-3.056-0.022-4.712-0.022-276.536 0-500.713 224.177-500.713 500.713 0 5.405 0.085 10.79 0.256 16.152l-0.019-0.784c-0.043 2.548-0.069 5.556-0.069 8.569 0 228.113 144.076 422.574 346.195 497.35l3.671 1.189c26.218 4.477 35.81-12.151 35.81-25.58s0-85.69 0-127.896c0 0-144.523 31.974-175.218-63.949 0 0-23.021-63.949-56.913-77.378 0 0-47.321-33.253 3.197-32.614 34.33 4.756 63.049 25.238 79.017 53.815l0.277 0.541c18.278 35.272 54.506 58.959 96.268 58.959 20.145 0 39.003-5.513 55.146-15.109l-0.498 0.274c2.59-27.799 14.547-52.403 32.64-71.009l-0.027 0.027c-115.106-13.429-231.491-30.055-231.491-234.050-0.145-2.57-0.228-5.577-0.228-8.605 0-45.473 18.687-86.583 48.8-116.067l0.028-0.028c-6.646-19.325-10.482-41.593-10.482-64.756 0-28.316 5.734-55.295 16.103-79.836l-0.505 1.347c43.484-14.069 142.605 56.913 142.605 56.913 38.806-11.37 83.386-17.912 129.495-17.912s90.69 6.541 132.864 18.747l-3.369-0.835s99.119-70.982 142.605-56.913c10.054 23.11 15.902 50.029 15.902 78.316 0 23.246-3.951 45.569-11.215 66.335l0.429-1.407c32.709 30.551 53.097 73.938 53.097 122.086 0 0.919-0.007 1.836-0.022 2.75l0.001-0.138c0 204.633-121.502 220.621-236.608 234.050 20.129 22.501 32.432 52.369 32.432 85.111 0 3.805-0.166 7.572-0.492 11.293l0.034-0.483c0 71.622 0 159.871 0 177.137-0.001 0.076-0.001 0.166-0.001 0.258 0 14.833 12.025 26.858 26.858 26.858 3.209 0 6.287-0.564 9.141-1.596l-0.187 0.058c204.623-75.025 347.995-268.129 347.995-494.721 0-3.906-0.042-7.803-0.127-11.688l0.010 0.579c0.012-1.343 0.019-2.929 0.019-4.517 0-282.54-229.044-511.584-511.584-511.584-2.256 0-4.508 0.015-6.757 0.043l0.342-0.003zM201.213 730.062s0 7.034 0 10.871c1.389 1.394 3.312 2.257 5.436 2.257s4.047-0.863 5.436-2.257v0s0-7.034 0-11.511-8.314-1.918-10.871 0.64zM178.831 712.796s0 6.395 4.477 8.314c1.064 1.308 2.674 2.137 4.477 2.137s3.413-0.829 4.468-2.127l0.009-0.010s0-6.395-4.477-8.314-7.674-1.918-8.952 0zM242.778 788.256s0 8.952 0 13.429 10.871 5.115 13.429 0 0-8.952 0-13.429-8.314-3.197-10.871 0zM219.118 756.92s0 7.674 0 12.789 8.952 7.034 12.151 5.115c1.56-1.787 2.512-4.14 2.512-6.715s-0.952-4.928-2.522-6.727l0.010 0.012c-3.197-5.115-8.314-7.034-12.151-4.477z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "grid": 16,
-                "tags": [
-                    "github",
-                    "code",
-                    "repository",
-                    "developer",
-                    "open-source"
-                ]
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 222,
-                "id": 181,
-                "name": "github",
-                "prevSize": 24,
-                "code": 59829
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 132
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M806.385 48h157.089l-343.111 393.062 403.637 534.942h-315.967l-247.656-324.357-283.035 324.357h-157.316l366.922-420.503-386.948-507.5h323.978l223.624 296.469 258.784-296.469zM751.199 881.861h87.003l-561.62-744.631h-93.455l568.072 744.631z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "grid": 16,
-                "tags": [
-                    "twitter",
-                    "social-media",
-                    "tweet",
-                    "bird",
-                    "x"
-                ],
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 221,
-                "id": 180,
-                "name": "twitter",
-                "prevSize": 24,
-                "code": 59830
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 133
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M795.402 3.99c-18.498-7.266-39.637-3.303-54.171 10.57l-443.93 443.93v-408.918c0-27.085-22.461-49.546-49.546-49.546s-49.546 22.461-49.546 49.546v924.854c0 27.085 22.461 49.546 49.546 49.546s49.546-22.461 49.546-49.546v-408.918l443.93 443.93c9.248 9.248 22.461 14.534 35.012 14.534 6.607 0 12.552-1.321 19.157-3.964 18.498-7.927 30.389-25.764 30.389-45.582v-924.854c0-19.818-11.891-38.316-30.389-45.582zM726.699 854.857l-342.857-342.857 342.857-342.857v685.713z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "step-backward-alt",
-                    "previous-step"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 211,
-                "id": 0,
-                "name": "step-backward-alt",
-                "prevSize": 24,
-                "code": 59820
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 134
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M776.245 0.027c-27.085 0-49.546 22.461-49.546 49.546v408.918l-443.93-443.93c-13.873-13.873-35.673-18.498-54.171-10.57s-30.389 25.764-30.389 45.582v924.854c0 19.818 11.891 38.316 30.389 45.582 5.945 2.643 12.552 3.964 19.157 3.964 13.212 0 25.764-5.284 35.012-14.534l443.93-443.93v408.918c0 27.085 22.461 49.546 49.546 49.546s49.546-22.461 49.546-49.546v-924.854c0-27.085-22.461-49.546-49.546-49.546zM297.301 854.857v-685.713l342.857 342.857-342.857 342.857z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "step-forward-alt",
-                    "next-step"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 210,
-                "id": 1,
-                "name": "step-forward-alt",
-                "prevSize": 24,
-                "code": 59821
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 135
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1009.943 479.818l-437.090-409.59c-12.873-11.702-31.597-15.213-47.395-8.191s-26.331 22.82-26.331 40.374v366.875l-425.388-399.058c-12.873-11.702-31.597-15.213-47.395-8.191s-26.331 22.82-26.331 40.374v819.178c0 17.554 10.532 33.352 26.331 40.374 5.852 2.341 11.702 3.511 17.554 3.511 11.118 0 21.65-4.096 29.842-11.702l425.388-399.058v366.875c0 17.554 10.532 33.352 26.331 40.374 5.852 2.341 11.702 3.511 17.554 3.511 11.118 0 21.65-4.096 29.842-11.702l437.090-409.59c8.777-8.191 14.043-19.895 14.043-32.182s-5.266-23.99-14.043-32.182zM87.783 820.362v-616.725l328.842 308.362-328.842 308.362zM586.896 820.362v-616.725l328.842 308.362-328.842 308.362z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "forward",
-                    "advance",
-                    "proceed",
-                    "next",
-                    "move-on"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 259,
-                "id": 2,
-                "name": "forward",
-                "prevSize": 24,
-                "code": 59822
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 136
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M997.655 62.036c-15.798-7.022-34.522-3.511-47.395 8.191l-425.388 399.058v-366.875c0-17.554-10.532-33.352-26.331-40.374s-34.522-3.511-47.395 8.191l-437.090 409.59c-8.777 8.191-14.043 19.895-14.043 32.182s5.266 23.99 14.043 32.182l437.090 409.59c8.191 7.607 19.309 11.702 29.842 11.702 5.852 0 11.702-1.17 17.554-3.511 15.798-7.022 26.331-22.82 26.331-40.374v-366.875l425.388 399.058c8.191 7.607 19.309 11.702 29.842 11.702 5.852 0 11.702-1.17 17.554-3.511 15.798-7.022 26.331-22.82 26.331-40.374v-819.178c0-17.554-10.532-33.352-26.331-40.374zM437.104 820.362l-328.842-308.362 328.842-308.362v616.725zM936.217 820.362l-328.842-308.362 328.842-308.362v616.725z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "backward",
-                    "return",
-                    "reverse",
-                    "back",
-                    "previous"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 254,
-                "id": 3,
-                "name": "backward",
-                "prevSize": 24,
-                "code": 59823
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 137
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M997.071 62.036c-16.384-7.022-35.108-2.925-47.981 9.362l-393.206 393.206v-362.194c0-17.554-10.532-33.938-26.916-40.374-16.384-7.022-35.108-2.925-47.981 9.362l-393.206 393.206v-362.194c0-23.99-19.895-43.885-43.885-43.885s-43.885 19.895-43.885 43.885v819.178c0 23.99 19.895 43.885 43.885 43.885s43.885-19.895 43.885-43.885v-362.194l393.206 393.206c8.191 8.191 19.309 12.873 31.011 12.873 5.852 0 11.118-1.17 16.968-3.511 16.384-7.022 26.916-22.82 26.916-40.374v-362.194l393.206 393.206c8.191 8.191 19.309 12.873 31.011 12.873 5.852 0 11.118-1.17 16.968-3.511 16.384-7.022 26.916-22.82 26.916-40.374v-819.178c0-17.554-10.532-33.938-26.916-40.374zM468.115 815.681l-303.681-303.681 303.681-303.681v607.362zM936.217 815.681l-303.681-303.681 303.681-303.681v607.362z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "fast-backward",
-                    "previous",
-                    "speed",
-                    "quick",
-                    "past"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 207,
-                "id": 4,
-                "name": "fast-backward",
-                "prevSize": 24,
-                "code": 59824
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 138
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M980.102 58.526c-23.99 0-43.885 19.895-43.885 43.885v362.194l-393.206-393.206c-12.288-12.288-31.597-16.384-47.981-9.362s-26.916 22.82-26.916 40.374v362.194l-393.206-393.206c-12.288-12.288-31.597-16.384-47.981-9.362s-26.916 22.82-26.916 40.374v819.178c0 17.554 10.532 33.938 26.916 40.374 5.266 2.341 11.118 3.511 16.968 3.511 11.702 0 22.82-4.681 31.011-12.873l393.206-393.206v362.194c0 17.554 10.532 33.938 26.916 40.374 5.266 2.341 11.118 3.511 16.968 3.511 11.702 0 22.82-4.681 31.011-12.873l393.206-393.206v362.194c0 23.99 19.895 43.885 43.885 43.885s43.885-19.895 43.885-43.885v-819.178c0-23.99-19.895-43.885-43.885-43.885zM87.783 815.681v-607.362l303.681 303.681-303.681 303.681zM555.885 815.681v-607.362l303.681 303.681-303.681 303.681z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "fast-forward",
-                    "next",
-                    "speed",
-                    "quick",
-                    "future"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 206,
-                "id": 5,
-                "name": "fast-forward",
-                "prevSize": 24,
-                "code": 59825
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 139
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M313.813 1023.983c-27.215-0.367-49.18-22.332-49.547-49.511v-924.907c0-27.364 22.183-49.547 49.547-49.547s49.547 22.183 49.547 49.547v0 924.872c-0.367 27.215-22.332 49.18-49.511 49.547h-0.036z",
-                    "M710.187 1023.983c-27.215-0.367-49.18-22.332-49.547-49.511v-924.907c0-27.364 22.183-49.547 49.547-49.547s49.547 22.183 49.547 49.547v0 924.872c-0.367 27.215-22.332 49.18-49.511 49.547h-0.036z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "pause",
-                    "stop",
-                    "wait",
-                    "halt",
-                    "break"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 205,
-                "id": 6,
-                "name": "pause",
-                "prevSize": 24,
-                "code": 59826
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 140
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M280.358 1024.923c-6.942-0.037-13.534-1.495-19.514-4.095l0.321 0.124c-18.014-7.505-30.445-24.968-30.445-45.335 0-0.116 0-0.233 0.002-0.349v0.019-926.568c1.044-26.589 22.852-47.75 49.602-47.75 12.752 0 24.381 4.809 33.173 12.712l-0.045-0.040 463.285 463.285c8.969 8.98 14.517 21.381 14.517 35.077s-5.547 26.097-14.517 35.078v0l-463.285 463.285c-8.576 8.44-20.14 13.868-32.964 14.555l-0.127 0.006zM329.996 168.508v686.985l343.492-343.492z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "play",
-                    "start",
-                    "go",
-                    "run",
-                    "action"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 204,
-                "id": 7,
-                "name": "play",
-                "prevSize": 24,
-                "code": 59827
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 141
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M736.143 262.827l-277.617 113.777c-38.623 15.541-68.655 45.573-83.837 83.191l-0.359 1.004-113.777 277.617c-0.848 2.097-1.341 4.529-1.341 7.076 0 8.091 4.968 15.023 12.020 17.908l0.129 0.047c2.113 0.807 4.557 1.275 7.111 1.275s4.997-0.467 7.252-1.321l-0.141 0.047 277.617-113.777c38.623-15.541 68.655-45.573 83.837-83.191l0.359-1.004 113.777-277.617c0.848-2.097 1.341-4.529 1.341-7.076 0-8.091-4.968-15.023-12.020-17.908l-0.129-0.047c-2.113-0.807-4.557-1.275-7.111-1.275s-4.997 0.467-7.252 1.321l0.141-0.047zM512 568.889c-31.419 0-56.889-25.471-56.889-56.889s25.471-56.889 56.889-56.889c31.419 0 56.889 25.471 56.889 56.889v0c0 31.419-25.471 56.889-56.889 56.889v0z",
-                    "M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "compass",
-                    "navigation",
-                    "direction",
-                    "explorer",
-                    "pathfinder"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 203,
-                "id": 8,
-                "name": "compass",
-                "prevSize": 24,
-                "code": 59819
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 142
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M921.588 906.96h-819.175c-56.419-0.331-102.067-45.977-102.397-102.366v-585.157c0.331-56.419 45.977-102.067 102.366-102.397h819.207c56.419 0.331 102.067 45.977 102.397 102.366v585.157c-0.331 56.419-45.977 102.067-102.366 102.397h-0.032zM102.412 204.809c-8.079 0-14.629 6.55-14.629 14.629v0 585.126c0 8.079 6.55 14.629 14.629 14.629v0h819.175c8.079 0 14.629-6.55 14.629-14.629v0-585.126c0-8.079-6.55-14.629-14.629-14.629v0z",
-                    "M336.462 497.371c-64.631 0-117.025-52.394-117.025-117.025s52.394-117.025 117.025-117.025c64.631 0 117.025 52.394 117.025 117.025v0c0 64.631-52.394 117.025-117.025 117.025v0zM336.462 351.091c-16.158 0-29.256 13.098-29.256 29.256s13.098 29.256 29.256 29.256c16.158 0 29.256-13.098 29.256-29.256v0c0-16.158-13.098-29.256-29.256-29.256v0z",
-                    "M512 731.422c-24.105-0.325-43.559-19.78-43.884-43.853v-0.032c0-39.788-9.947-73.14-131.653-73.14s-131.653 33.352-131.653 73.14c0 24.237-19.648 43.884-43.884 43.884s-43.884-19.648-43.884-43.884v0c0-160.909 165.005-160.909 219.422-160.909s219.422 0 219.422 160.909c-0.325 24.105-19.78 43.559-43.853 43.884h-0.032z",
-                    "M804.562 438.86h-175.538c-24.237 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h175.538c24.237 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z",
-                    "M746.051 614.397h-117.025c-24.237 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h117.025c24.237 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "id-card",
-                    "identification",
-                    "personal-info",
-                    "identity",
-                    "proof"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 202,
-                "id": 9,
-                "name": "id-card",
-                "prevSize": 24,
-                "code": 59818
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 143
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M921.588 906.96h-819.175c-56.419-0.331-102.067-45.977-102.397-102.366v-146.313c0.325-24.105 19.78-43.559 43.853-43.884h0.032c56.552 0 102.397-45.844 102.397-102.397s-45.844-102.397-102.397-102.397v0c-24.105-0.325-43.559-19.78-43.884-43.853v-146.313c0.331-56.419 45.977-102.067 102.366-102.397h819.207c56.419 0.331 102.067 45.977 102.397 102.366v146.313c-0.325 24.105-19.78 43.559-43.853 43.884h-0.032c-56.552 0-102.397 45.844-102.397 102.397s45.844 102.397 102.397 102.397v0c24.105 0.325 43.559 19.78 43.884 43.853v146.313c-0.331 56.419-45.977 102.067-102.366 102.397h-0.032zM87.785 696.9v107.664c0 8.079 6.55 14.629 14.629 14.629v0h819.175c8.079 0 14.629-6.55 14.629-14.629v0-107.664c-84.233-20.753-145.724-95.646-145.724-184.9s61.489-164.147 144.417-184.627l1.306-0.273v-107.664c0-8.079-6.55-14.629-14.629-14.629v0h-819.175c-8.079 0-14.629 6.55-14.629 14.629v0 107.664c84.233 20.753 145.724 95.646 145.724 184.9s-61.489 164.147-144.417 184.627l-1.306 0.273z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "ticket",
-                    "pass",
-                    "entry",
-                    "admit",
-                    "voucher"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 201,
-                "id": 10,
-                "name": "ticket",
-                "prevSize": 24,
-                "code": 59817
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 144
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M894.081 336.465l-323.57-323.57c-7.935-7.944-18.897-12.862-31.009-12.873h-261.55c-88.866 0-160.907 72.041-160.907 160.907v0 702.14c0 88.866 72.041 160.907 160.907 160.907v0h468.093c88.866 0 160.907-72.041 160.907-160.907v0-497.35c-0.494-11.473-5.32-21.731-12.872-29.254l-0.001-0.001zM585.139 149.812l172.024 172.024h-172.024zM746.047 936.209h-468.093c-40.394 0-73.139-32.746-73.139-73.139v0-702.14c0-40.394 32.746-73.139 73.139-73.139v0h219.419v277.931c0.325 24.105 19.779 43.559 43.852 43.884h277.962v453.466c0 40.394-32.746 73.139-73.139 73.139v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "file-o",
-                    "deprecate",
-                    "document",
-                    "draft"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 200,
-                "id": 11,
-                "name": "file-o",
-                "prevSize": 24,
-                "code": 59816
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 145
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M680.456 749.159c-0.386 0.011-0.839 0.017-1.294 0.017-27.363 0-49.546-22.183-49.546-49.546 0-13.679 5.543-26.064 14.506-35.029v0l258.959-256.978-258.959-256.978c-8.952-8.963-14.491-21.342-14.491-35.012s5.537-26.049 14.491-35.013v0c8.963-8.952 21.342-14.491 35.012-14.491s26.049 5.537 35.013 14.491v0l294.632 291.991c8.952 8.963 14.491 21.342 14.491 35.012s-5.537 26.049-14.491 35.013v0l-294.632 291.991c-8.452 8.957-20.405 14.534-33.659 14.534-0.011 0-0.023 0-0.034 0h0.002z",
-                    "M49.571 957.913c-27.215-0.367-49.179-22.331-49.546-49.51v-500.779c0.367-27.215 22.331-49.179 49.51-49.546h924.892c27.363 0 49.546 22.183 49.546 49.546s-22.183 49.546-49.546 49.546v0h-875.31v451.197c-0.367 27.215-22.331 49.179-49.51 49.546h-0.036z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "reply",
-                    "respond",
-                    "answer",
-                    "comment-back",
-                    "feedback"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 199,
-                "id": 12,
-                "name": "reply",
-                "prevSize": 24,
-                "code": 59815
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 146
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1023.972c-0.004 0-0.010 0-0.016 0-27.661 0-52.702-11.211-70.831-29.334l-411.791-411.791c-18.134-18.13-29.35-43.178-29.35-70.845s11.216-52.715 29.35-70.845l411.791-411.791c18.415-17.494 43.374-28.255 70.845-28.255s52.43 10.76 70.891 28.296l-0.044-0.042 411.791 411.791c18.134 18.13 29.35 43.178 29.35 70.845s-11.216 52.715-29.35 70.845l-411.791 411.791c-18.129 18.125-43.17 29.334-70.831 29.334-0.005 0-0.010 0-0.016 0h0.001zM512 83.051c-0.143-0.005-0.31-0.008-0.477-0.008-4.422 0-8.397 1.921-11.133 4.975l-0.013 0.014-412.345 412.345c-3.072 2.929-4.981 7.053-4.981 11.623s1.91 8.694 4.975 11.617l412.351 412.351c2.502 3.832 6.772 6.329 11.623 6.329s9.121-2.497 11.591-6.276l0.032-0.053 412.345-412.345c3.072-2.929 4.981-7.053 4.981-11.623s-1.91-8.694-4.975-11.617l-412.351-412.351c-2.749-3.068-6.722-4.989-11.146-4.989-0.167 0-0.335 0.003-0.502 0.008h0.025z",
-                    "M441.707 645.942c-0.057 0-0.126 0-0.193 0-11.4 0-21.712-4.657-29.137-12.173l-121.77-121.77c-7.501-7.51-12.141-17.881-12.141-29.334s4.639-21.825 12.141-29.335v0l121.767-122.873c7.51-7.501 17.881-12.141 29.334-12.141s21.825 4.639 29.335 12.141v0c7.501 7.51 12.141 17.881 12.141 29.334s-4.639 21.825-12.141 29.335v0l-94.092 92.985 94.092 92.985c7.501 7.51 12.141 17.881 12.141 29.334s-4.639 21.825-12.141 29.335v0c-7.429 7.52-17.741 12.177-29.141 12.177-0.067 0-0.136 0-0.204 0h0.010z",
-                    "M705.718 678.045c-22.801-0.307-41.204-18.71-41.511-41.481v-110.726h-345.927c-22.926 0-41.511-18.585-41.511-41.511s18.585-41.511 41.511-41.511v0h387.438c22.801 0.307 41.204 18.71 41.511 41.481v154.451c-1.483 21.852-19.449 39.046-41.487 39.297h-0.025z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "directions-alt",
-                    "route",
-                    "navigation",
-                    "path",
-                    "guide",
-                    "left"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 195,
-                "id": 13,
-                "name": "directions-alt",
-                "prevSize": 24,
-                "code": 59813
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 147
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1023.972c-0.004 0-0.010 0-0.016 0-27.661 0-52.702-11.211-70.831-29.334l-411.791-411.791c-18.134-18.13-29.35-43.178-29.35-70.845s11.216-52.715 29.35-70.845l411.791-411.791c18.415-17.494 43.374-28.255 70.845-28.255s52.43 10.76 70.891 28.296l-0.044-0.042 411.791 411.791c18.134 18.13 29.35 43.178 29.35 70.845s-11.216 52.715-29.35 70.845l-411.791 411.791c-18.129 18.125-43.17 29.334-70.831 29.334-0.005 0-0.010 0-0.016 0h0.001zM512 83.051c-0.143-0.005-0.31-0.008-0.477-0.008-4.422 0-8.397 1.921-11.133 4.975l-0.013 0.014-412.345 412.345c-3.072 2.929-4.981 7.053-4.981 11.623s1.91 8.694 4.975 11.617l412.351 412.351c2.502 3.832 6.772 6.329 11.623 6.329s9.121-2.497 11.591-6.276l0.032-0.053 412.345-412.345c3.072-2.929 4.981-7.053 4.981-11.623s-1.91-8.694-4.975-11.617l-412.351-412.351c-2.749-3.068-6.722-4.989-11.146-4.989-0.167 0-0.335 0.003-0.502 0.008h0.025z",
-                    "M582.293 645.942c-0.057 0-0.126 0-0.193 0-11.4 0-21.712-4.657-29.137-12.173l-0.004-0.004c-7.501-7.51-12.141-17.881-12.141-29.334s4.639-21.825 12.141-29.335v0l94.092-92.985-94.092-92.985c-8.139-7.599-13.212-18.392-13.212-30.371 0-22.926 18.585-41.511 41.511-41.511 11.979 0 22.771 5.073 30.347 13.188l0.022 0.025 121.767 122.319c7.668 7.537 12.42 18.020 12.42 29.612s-4.752 22.075-12.413 29.605l-0.006 0.005-121.767 121.767c-7.429 7.52-17.741 12.177-29.141 12.177-0.067 0-0.136 0-0.204 0h0.010z",
-                    "M318.282 678.045c-22.801-0.307-41.204-18.71-41.511-41.481v-154.451c0.307-22.801 18.71-41.204 41.481-41.511h387.468c22.926 0 41.511 18.585 41.511 41.511s-18.585 41.511-41.511 41.511v0h-345.927v110.696c0.021 0.497 0.032 1.078 0.032 1.663 0 23.049-18.537 41.768-41.516 42.061h-0.027z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "directions",
-                    "route",
-                    "navigation",
-                    "path",
-                    "guide",
-                    "right"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 196,
-                "id": 14,
-                "name": "directions",
-                "prevSize": 24,
-                "code": 59814
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 148
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M992.966 368.647c-25.16-29.841-61.437-46.809-100.641-46.809h-235.803v-160.907c0-88.937-71.969-160.907-165.589-160.907-40.959 0-77.821 24.575-94.203 62.607l-148.619 346.974h-109.417c-76.65 0-138.673 62.023-138.673 138.673v337.613c0 76.066 62.607 138.087 138.673 138.087h676.396c63.778 0 118.194-45.639 129.31-108.832l77.235-438.838c6.436-38.618-4.096-77.821-29.255-107.662zM138.696 936.209c-28.086 0-50.905-22.82-50.905-50.32v-337.613c0-28.086 22.82-50.905 50.905-50.905h94.203v438.838h-94.203zM858.39 899.933c-3.511 21.064-21.65 36.277-43.298 36.277h-493.839v-473.945l156.226-365.699c2.341-5.266 7.607-9.362 18.723-9.362 40.373 0 72.555 32.766 72.555 73.139v248.674h323.57c13.457 0 25.16 5.266 33.352 15.213s11.702 22.82 9.362 36.277l-77.235 438.838z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "thumbs-up",
-                    "like",
-                    "positive",
-                    "agree",
-                    "good"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 191,
-                "id": 15,
-                "name": "thumbs-up",
-                "prevSize": 24,
-                "code": 59811
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 149
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M885.271 0.068h-676.92c-63.773 0-118.184 45.635-129.299 108.822l-76.643 438.799c-6.435 38.614 4.096 77.814 28.669 107.652 25.158 29.838 61.432 46.805 100.632 46.805h235.782v160.892c0 88.929 71.963 160.892 165.574 160.892 40.955 0 77.814-24.573 94.195-62.602l148.606-346.943h109.992c76.643 0 138.66-62.017 138.66-138.66v-337.583c0-76.059-62.017-138.075-138.66-138.075zM702.731 561.731l-156.212 365.666c-2.341 5.266-7.606 9.361-18.722 9.361-40.369 0-72.549-32.763-72.549-73.133v-248.652h-323.541c-13.456 0-25.158-5.266-33.349-15.211-8.776-9.946-11.701-22.818-9.361-36.274l76.643-438.799c3.51-21.062 21.648-36.274 43.294-36.274h493.795v473.317zM936.172 475.726c0 28.083-22.818 50.901-50.901 50.901h-94.195v-438.799h94.195c28.083 0 50.901 22.818 50.901 50.315v337.583z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "thumbs-down",
-                    "dislike",
-                    "negative",
-                    "disagree",
-                    "bad"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 258,
-                "id": 16,
-                "name": "thumbs-down",
-                "prevSize": 24,
-                "code": 59812
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 150
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M410.934 774.244l-80.588 80.588v-805.226c0-27.083-22.46-49.542-49.542-49.542s-49.542 22.46-49.542 49.542v805.226l-80.588-80.588c-19.156-19.156-50.863-19.156-70.020 0s-19.156 50.863 0 70.020l165.141 165.141c4.624 4.624 9.908 7.927 15.853 10.57s12.551 3.963 19.156 3.963 12.551-1.321 19.156-3.963c5.945-2.643 11.229-5.945 15.853-10.57l165.141-165.141c19.156-19.156 19.156-50.863 0-70.020s-50.863-19.156-70.020 0z",
-                    "M842.942 569.469c-26.423-12.551-56.808-9.247-80.588 7.927l-42.936 23.78c-23.78 13.211-32.368 43.597-19.156 67.377s43.597 32.368 67.377 19.156l25.762-13.872v268.189c0 27.083 22.46 49.542 49.542 49.542s49.542-22.46 49.542-49.542v-293.951c0-34.35-18.496-64.735-48.881-78.606z",
-                    "M809.253 33.093c-81.91 0-148.627 66.716-148.627 148.627s66.716 148.627 148.627 148.627c11.229 0 21.799-1.321 32.368-3.963-15.192 21.799-39.634 36.991-66.716 36.991h-31.707c-27.083 0-49.542 22.46-49.542 49.542s22.46 49.542 49.542 49.542h31.707c95.121 0 177.031-77.286 181.654-172.407 1.321-21.137 1.321-45.579 1.321-75.304v-33.028c0-81.91-66.716-148.627-148.627-148.627zM759.711 181.719c0-27.083 22.46-49.542 49.542-49.542s49.542 22.46 49.542 49.542-22.46 49.542-49.542 49.542-49.542-22.46-49.542-49.542z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sort-numeric-down-alt"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 255,
-                "id": 17,
-                "name": "sort-numeric-down-alt",
-                "prevSize": 24,
-                "code": 59798
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 151
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M315.813 14.597c-4.624-4.624-9.908-7.927-15.853-10.57-11.89-5.284-25.762-5.284-37.652 0-5.945 2.643-11.229 5.945-15.853 10.57l-165.141 165.141c-19.156 19.156-19.156 50.863 0 70.020s50.863 19.156 70.020 0l80.588-80.588v805.226c0 27.083 22.46 49.542 49.542 49.542s49.542-22.46 49.542-49.542v-805.226l80.588 80.588c9.908 9.908 22.46 14.533 35.009 14.533s25.101-4.624 35.009-14.533c19.156-19.156 19.156-50.863 0-70.020l-165.141-165.141z",
-                    "M842.942 569.469c-26.423-12.551-56.808-9.247-80.588 7.927l-42.936 23.78c-23.78 13.211-32.368 43.597-19.156 67.377s43.597 32.368 67.377 19.156l25.762-13.872v268.189c0 27.083 22.46 49.542 49.542 49.542s49.542-22.46 49.542-49.542v-293.951c0-34.35-18.496-64.735-48.881-78.606z",
-                    "M809.253 33.093c-81.91 0-148.627 66.716-148.627 148.627s66.716 148.627 148.627 148.627c11.229 0 21.799-1.321 32.368-3.963-15.192 21.799-39.634 36.991-66.716 36.991h-31.707c-27.083 0-49.542 22.46-49.542 49.542s22.46 49.542 49.542 49.542h31.707c95.121 0 177.031-77.286 181.654-172.407 1.321-21.137 1.321-45.579 1.321-75.304v-33.028c0-81.91-66.716-148.627-148.627-148.627zM759.711 181.719c0-27.083 22.46-49.542 49.542-49.542s49.542 22.46 49.542 49.542-22.46 49.542-49.542 49.542-49.542-22.46-49.542-49.542z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sort-numeric-up-alt"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 182,
-                "id": 18,
-                "name": "sort-numeric-up-alt",
-                "prevSize": 24,
-                "code": 59799
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 152
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M394.419 774.244l-80.588 80.588v-805.226c0-27.083-22.46-49.542-49.542-49.542s-49.542 22.46-49.542 49.542v805.226l-80.588-80.588c-19.156-19.156-50.863-19.156-70.020 0s-19.156 50.863 0 70.020l165.141 165.141c4.624 4.624 9.908 7.927 15.853 10.57s12.551 3.963 19.156 3.963 12.551-1.321 19.156-3.963c5.945-2.643 11.229-5.945 15.853-10.57l165.141-165.141c19.156-19.156 19.156-50.863 0-70.020s-50.863-19.156-70.020 0z",
-                    "M971.751 924.852l-112.956-316.409c-11.229-28.405-36.991-46.899-66.057-46.899s-54.826 18.496-66.057 48.222l-112.295 315.088c-9.247 25.762 3.963 54.167 29.725 63.414s54.167-3.963 63.414-29.725l18.496-51.524h134.094l18.496 51.524c7.266 20.478 26.423 33.028 46.899 33.028 5.284 0 11.229-0.661 16.515-2.643 25.762-9.247 38.973-37.652 29.725-63.414zM761.031 807.932l31.707-88.515 31.707 88.515h-63.414z",
-                    "M632.883 415.558c12.551 29.064 38.973 46.899 69.359 46.899h206.756c27.083 0 49.542-22.46 49.542-49.542s-22.46-49.542-49.542-49.542h-157.874l186.279-193.544c22.46-23.78 29.064-58.79 15.853-89.176-12.551-29.064-38.973-46.899-69.359-46.899h-205.434c-27.083 0-49.542 22.46-49.542 49.542s22.46 49.542 49.542 49.542h157.874l-186.94 194.866c-22.46 23.78-28.405 58.13-15.853 88.515z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sort-alpha-down-alt"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 183,
-                "id": 19,
-                "name": "sort-alpha-down-alt",
-                "prevSize": 24,
-                "code": 59800
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 153
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M299.298 14.597c-4.624-4.624-9.908-7.927-15.853-10.57-11.89-5.284-25.762-5.284-37.652 0-5.945 2.643-11.229 5.945-15.853 10.57l-165.141 165.141c-19.156 19.156-19.156 50.863 0 70.020s50.863 19.156 70.020 0l80.588-80.588v805.226c0 27.083 22.46 49.542 49.542 49.542s49.542-22.46 49.542-49.542v-805.226l80.588 80.588c9.908 9.908 22.46 14.533 35.009 14.533s25.101-4.624 35.009-14.533c19.156-19.156 19.156-50.863 0-70.020l-165.141-165.141z",
-                    "M971.751 924.852l-112.956-316.409c-11.229-28.405-36.991-46.899-66.057-46.899s-54.826 18.496-66.057 48.222l-112.295 315.088c-9.247 25.762 3.963 54.167 29.725 63.414s54.167-3.963 63.414-29.725l18.496-51.524h134.094l18.496 51.524c7.266 20.478 26.423 33.028 46.899 33.028 5.284 0 11.229-0.661 16.515-2.643 25.762-9.247 38.973-37.652 29.725-63.414zM761.031 807.932l31.707-88.515 31.707 88.515h-63.414z",
-                    "M632.883 415.558c12.551 29.064 38.973 46.899 69.359 46.899h206.756c27.083 0 49.542-22.46 49.542-49.542s-22.46-49.542-49.542-49.542h-157.874l186.279-193.544c22.46-23.78 29.064-58.79 15.853-89.176-12.551-29.064-38.973-46.899-69.359-46.899h-205.434c-27.083 0-49.542 22.46-49.542 49.542s22.46 49.542 49.542 49.542h157.874l-186.94 194.866c-22.46 23.78-28.405 58.13-15.853 88.515z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sort-alpha-up-alt"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 184,
-                "id": 20,
-                "name": "sort-alpha-up-alt",
-                "prevSize": 24,
-                "code": 59801
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 154
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M410.934 774.244l-80.588 80.588v-805.226c0-27.083-22.46-49.542-49.542-49.542s-49.542 22.46-49.542 49.542v805.226l-80.588-80.588c-19.156-19.156-50.863-19.156-70.020 0s-19.156 50.863 0 70.020l165.141 165.141c4.624 4.624 9.908 7.927 15.853 10.57s12.551 3.963 19.156 3.963 13.211-1.321 19.156-3.963c5.945-2.643 11.229-5.945 15.853-10.57l165.141-165.141c19.156-19.156 19.156-50.863 0-70.020s-50.863-19.156-70.020 0z",
-                    "M766.977 159.26l25.762-13.872v268.189c0 27.083 22.46 49.542 49.542 49.542s49.542-22.46 49.542-49.542v-293.951c0-34.35-18.496-64.735-48.881-78.606-26.423-12.551-56.808-9.247-80.588 7.927l-42.936 23.78c-23.78 13.211-32.368 43.597-19.156 67.377s42.936 32.368 67.377 19.156z",
-                    "M809.253 561.542c-81.91 0-148.627 66.716-148.627 148.627s66.716 148.627 148.627 148.627c11.229 0 21.799-1.321 32.368-3.963-15.192 21.799-39.634 36.991-66.716 36.991h-31.707c-27.083 0-49.542 22.46-49.542 49.542s22.46 49.542 49.542 49.542h31.707c95.121 0 177.031-77.286 181.654-172.407 1.321-21.137 1.321-45.579 1.321-75.304v-33.028c0-81.91-66.716-148.627-148.627-148.627zM759.711 710.169c0-27.083 22.46-49.542 49.542-49.542s49.542 22.46 49.542 49.542-22.46 49.542-49.542 49.542-49.542-22.46-49.542-49.542z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sort-numeric-down"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 185,
-                "id": 21,
-                "name": "sort-numeric-down",
-                "prevSize": 24,
-                "code": 59802
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 155
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M315.813 14.597c-4.624-4.624-9.908-7.927-15.853-10.57-11.89-5.284-25.762-5.284-37.652 0-5.945 2.643-11.229 5.945-15.853 10.57l-165.141 165.141c-19.156 19.156-19.156 50.863 0 70.020s50.863 19.156 70.020 0l80.588-80.588v805.226c0 27.083 22.46 49.542 49.542 49.542s49.542-22.46 49.542-49.542v-805.226l80.588 80.588c9.908 9.908 22.46 14.533 35.009 14.533s25.101-4.624 35.009-14.533c19.156-19.156 19.156-50.863 0-70.020l-165.141-165.141z",
-                    "M766.977 159.26l25.762-13.872v268.189c0 27.083 22.46 49.542 49.542 49.542s49.542-22.46 49.542-49.542v-293.951c0-34.35-18.496-64.735-48.881-78.606-26.423-12.551-56.808-9.247-80.588 7.927l-42.936 23.78c-23.78 13.211-32.368 43.597-19.156 67.377s42.936 32.368 67.377 19.156z",
-                    "M809.253 561.542c-81.91 0-148.627 66.716-148.627 148.627s66.716 148.627 148.627 148.627c11.229 0 21.799-1.321 32.368-3.963-15.192 21.799-39.634 36.991-66.716 36.991h-31.707c-27.083 0-49.542 22.46-49.542 49.542s22.46 49.542 49.542 49.542h31.707c95.121 0 177.031-77.286 181.654-172.407 1.321-21.137 1.321-45.579 1.321-75.304v-33.028c0-81.91-66.716-148.627-148.627-148.627zM759.711 710.169c0-27.083 22.46-49.542 49.542-49.542s49.542 22.46 49.542 49.542-22.46 49.542-49.542 49.542-49.542-22.46-49.542-49.542z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sort-numeric-up"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 186,
-                "id": 22,
-                "name": "sort-numeric-up",
-                "prevSize": 24,
-                "code": 59803
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 156
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M394.419 774.244l-80.588 80.588v-805.226c0-27.083-22.46-49.542-49.542-49.542s-49.542 22.46-49.542 49.542v805.226l-80.588-80.588c-19.156-19.156-50.863-19.156-70.020 0s-19.156 50.863 0 70.020l165.141 165.141c4.624 4.624 9.908 7.927 15.853 10.57s12.551 3.963 19.156 3.963 13.211-1.321 19.156-3.963c5.945-2.643 11.229-5.945 15.853-10.57l165.141-165.141c19.156-19.156 19.156-50.863 0-70.020s-50.863-19.156-70.020 0z",
-                    "M644.112 459.815c25.762 9.247 54.167-3.963 63.414-29.725l18.496-51.524h134.094l18.496 51.524c7.266 20.478 26.423 33.028 46.899 33.028 5.284 0 11.229-0.661 16.515-2.643 25.762-9.247 38.973-37.652 29.725-63.414l-112.956-316.409c-11.229-28.405-36.991-46.899-66.057-46.899s-54.826 18.496-66.057 48.222l-112.295 315.088c-9.247 25.762 3.963 54.167 29.725 63.414zM824.445 279.482h-63.414l31.707-88.515 31.707 88.515z",
-                    "M952.596 608.442c-12.551-29.064-38.973-46.899-69.359-46.899h-205.434c-27.083 0-49.542 22.46-49.542 49.542s22.46 49.542 49.542 49.542h157.874l-186.94 194.866c-22.46 23.78-28.405 58.13-15.853 88.515 12.551 29.064 38.973 46.899 69.359 46.899h206.756c27.083 0 49.542-22.46 49.542-49.542s-22.46-49.542-49.542-49.542h-157.874l186.279-193.544c22.46-23.78 29.064-58.79 15.853-89.176z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sort-alpha-down"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 187,
-                "id": 23,
-                "name": "sort-alpha-down",
-                "prevSize": 24,
-                "code": 59804
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 157
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M299.298 14.597c-4.624-4.624-9.908-7.927-15.853-10.57-11.89-5.284-25.762-5.284-37.652 0-5.945 2.643-11.229 5.945-15.853 10.57l-165.141 165.141c-19.156 19.156-19.156 50.863 0 70.020s50.863 19.156 70.020 0l80.588-80.588v805.226c0 27.083 22.46 49.542 49.542 49.542s49.542-22.46 49.542-49.542v-805.226l80.588 80.588c9.908 9.908 22.46 14.533 35.009 14.533s25.101-4.624 35.009-14.533c19.156-19.156 19.156-50.863 0-70.020l-165.141-165.141z",
-                    "M644.112 459.815c25.762 9.247 54.167-3.963 63.414-29.725l18.496-51.524h134.094l18.496 51.524c7.266 20.478 26.423 33.028 46.899 33.028 5.284 0 11.229-0.661 16.515-2.643 25.762-9.247 38.973-37.652 29.725-63.414l-112.956-316.409c-11.229-28.405-36.991-46.899-66.057-46.899s-54.826 18.496-66.057 48.222l-112.295 315.088c-9.247 25.762 3.963 54.167 29.725 63.414zM824.445 279.482h-63.414l31.707-88.515 31.707 88.515z",
-                    "M952.596 608.442c-12.551-29.064-38.973-46.899-69.359-46.899h-205.434c-27.083 0-49.542 22.46-49.542 49.542s22.46 49.542 49.542 49.542h157.874l-186.94 194.866c-22.46 23.78-28.405 58.13-15.853 88.515 12.551 29.064 38.973 46.899 69.359 46.899h206.756c27.083 0 49.542-22.46 49.542-49.542s-22.46-49.542-49.542-49.542h-157.874l186.279-193.544c22.46-23.78 29.064-58.79 15.853-89.176z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sort-alpha-up"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 188,
-                "id": 24,
-                "name": "sort-alpha-up",
-                "prevSize": 24,
-                "code": 59805
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 158
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M412.908 264.27c-12.552 0-25.103-4.625-35.012-14.534l-130.14-130.14-130.14 130.14c-19.157 19.157-50.867 19.157-70.025 0s-19.157-50.867 0-70.025l165.154-165.154c19.157-19.157 50.867-19.157 70.025 0l165.154 165.154c19.157 19.157 19.157 50.867 0 70.025-9.909 9.909-22.461 14.534-35.012 14.534z",
-                    "M247.755 1023.975c-27.085 0-49.546-22.461-49.546-49.546v-924.856c0-27.085 22.461-49.546 49.546-49.546s49.546 22.461 49.546 49.546v924.856c0 27.085-22.461 49.546-49.546 49.546z",
-                    "M776.245 1023.975c-12.552 0-25.103-4.625-35.012-14.534l-165.154-165.154c-19.157-19.157-19.157-50.867 0-70.025s50.867-19.157 70.025 0l130.14 130.14 130.14-130.14c19.157-19.157 50.867-19.157 70.025 0s19.157 50.867 0 70.025l-165.154 165.154c-9.909 9.909-22.461 14.534-35.012 14.534z",
-                    "M776.245 1023.975c-27.085 0-49.546-22.461-49.546-49.546v-924.856c0-27.085 22.461-49.546 49.546-49.546s49.546 22.461 49.546 49.546v924.856c0 27.085-22.461 49.546-49.546 49.546z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sort-alt"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 189,
-                "id": 25,
-                "name": "sort-alt",
-                "prevSize": 24,
-                "code": 59806
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 159
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M336.438 292.547c-11.119 0-22.237-4.097-31.016-12.875l-115.285-115.285-115.285 115.285c-16.971 16.971-45.061 16.971-62.032 0s-16.971-45.061 0-62.032l146.302-146.302c16.971-16.971 45.061-16.971 62.032 0l146.302 146.302c16.971 16.971 16.971 45.061 0 62.032-8.778 8.778-19.898 12.875-31.016 12.875z",
-                    "M190.135 965.536c-23.993 0-43.891-19.898-43.891-43.891v-819.29c0-23.993 19.898-43.891 43.891-43.891s43.891 19.898 43.891 43.891v819.29c0 23.993-19.898 43.891-43.891 43.891z",
-                    "M980.166 292.547h-468.166c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h468.166c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z",
-                    "M746.084 643.672h-234.084c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h234.084c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z",
-                    "M629.041 819.234h-117.041c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h117.041c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z",
-                    "M863.125 468.109h-351.125c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h351.125c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sort-amount-up"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 190,
-                "id": 26,
-                "name": "sort-amount-up",
-                "prevSize": 24,
-                "code": 59807
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 160
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M190.135 965.536c-11.119 0-22.237-4.097-31.016-12.875l-146.302-146.302c-16.971-16.971-16.971-45.061 0-62.032s45.061-16.971 62.032 0l115.285 115.285 115.285-115.285c16.971-16.971 45.061-16.971 62.032 0s16.971 45.061 0 62.032l-146.302 146.302c-8.778 8.778-19.898 12.875-31.016 12.875z",
-                    "M190.135 965.536c-23.993 0-43.891-19.898-43.891-43.891v-819.29c0-23.993 19.898-43.891 43.891-43.891s43.891 19.898 43.891 43.891v819.29c0 23.993-19.898 43.891-43.891 43.891z",
-                    "M980.166 292.547h-468.166c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h468.166c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z",
-                    "M746.084 643.672h-234.084c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h234.084c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z",
-                    "M629.041 819.234h-117.041c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h117.041c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z",
-                    "M863.125 468.109h-351.125c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h351.125c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sort-amount-down"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 180,
-                "id": 27,
-                "name": "sort-amount-down",
-                "prevSize": 24,
-                "code": 59808
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 161
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M190.135 965.536c-11.119 0-22.237-4.097-31.016-12.875l-146.302-146.302c-16.971-16.971-16.971-45.061 0-62.032s45.061-16.971 62.032 0l115.285 115.285 115.285-115.285c16.971-16.971 45.061-16.971 62.032 0s16.971 45.061 0 62.032l-146.302 146.302c-8.778 8.778-19.898 12.875-31.016 12.875z",
-                    "M190.135 965.536c-23.993 0-43.891-19.898-43.891-43.891v-819.29c0-23.993 19.898-43.891 43.891-43.891s43.891 19.898 43.891 43.891v819.29c0 23.993-19.898 43.891-43.891 43.891z",
-                    "M980.166 819.234h-468.166c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h468.166c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z",
-                    "M746.084 468.109h-234.084c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h234.084c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z",
-                    "M629.041 292.547h-117.041c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h117.041c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z",
-                    "M863.125 643.672h-351.125c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h351.125c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sort-amount-down-alt"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 179,
-                "id": 28,
-                "name": "sort-amount-down-alt",
-                "prevSize": 24,
-                "code": 59809
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 162
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M336.438 292.547c-11.119 0-22.237-4.097-31.016-12.875l-115.285-115.285-115.285 115.285c-16.971 16.971-45.061 16.971-62.032 0s-16.971-45.061 0-62.032l146.302-146.302c16.971-16.971 45.061-16.971 62.032 0l146.302 146.302c16.971 16.971 16.971 45.061 0 62.032-8.778 8.778-19.898 12.875-31.016 12.875z",
-                    "M190.135 965.536c-23.993 0-43.891-19.898-43.891-43.891v-819.29c0-23.993 19.898-43.891 43.891-43.891s43.891 19.898 43.891 43.891v819.29c0 23.993-19.898 43.891-43.891 43.891z",
-                    "M980.166 819.234h-468.166c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h468.166c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z",
-                    "M746.084 468.109h-234.084c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h234.084c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z",
-                    "M629.041 292.547h-117.041c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h117.041c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z",
-                    "M863.125 643.672h-351.125c-23.993 0-43.891-19.898-43.891-43.891s19.898-43.891 43.891-43.891h351.125c23.993 0 43.891 19.898 43.891 43.891s-19.898 43.891-43.891 43.891z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sort-amount-up-alt"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 178,
-                "id": 29,
-                "name": "sort-amount-up-alt",
-                "prevSize": 24,
-                "code": 59810
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 163
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M516.624 0.063s-4.624 0-7.266 0c-250.354 0-468.339 184.297-507.973 432.008-5.284 33.028 3.963 67.377 26.423 93.139 21.799 25.762 52.844 40.295 85.874 40.295h3.963c114.938 0 201.471 28.405 256.958 83.892 56.148 56.148 83.892 144.002 83.231 260.922 0 33.028 14.533 64.075 39.634 85.874 21.137 18.496 48.222 28.405 75.304 27.744 5.945 0 11.89 0 17.835-1.321 250.354-40.295 435.971-261.583 432.669-515.239-3.963-275.455-231.196-503.349-507.312-507.312zM575.414 924.852c-3.963 0-9.247-0.661-13.211-3.963-1.982-1.982-5.284-5.284-5.284-9.908 0.661-144.663-36.991-256.299-112.295-331.603-74.643-74.643-184.958-112.956-326.978-112.956h-3.963c-5.284 0-8.588-3.302-10.57-5.284-1.321-1.982-5.284-6.606-3.963-13.211 32.368-199.489 208.077-348.777 410.209-348.777 1.982 0 3.963 0 5.945 0v0c218.647 3.302 406.246 190.242 409.548 409.548 2.643 204.775-147.306 383.786-348.777 416.154zM375.925 315.152c0 36.331-29.725 66.716-66.716 66.716s-66.716-29.725-66.716-66.716 29.725-66.716 66.716-66.716 66.716 29.725 66.716 66.716zM575.414 231.921c0 36.331-29.725 66.716-66.716 66.716s-66.716-29.725-66.716-66.716 29.725-66.716 66.716-66.716 66.716 29.725 66.716 66.716zM642.13 315.152c0-36.331 29.725-66.716 66.716-66.716s66.716 29.725 66.716 66.716-29.725 66.716-66.716 66.716-66.716-29.725-66.716-66.716zM858.134 514.643c0 36.331-29.725 66.716-66.716 66.716s-66.716-29.725-66.716-66.716 29.725-66.716 66.716-66.716 66.716 29.725 66.716 66.716zM774.903 714.132c0 36.331-29.725 66.716-66.716 66.716s-66.716-29.725-66.716-66.716 29.725-66.716 66.716-66.716 66.716 29.725 66.716 66.716z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "palette",
-                    "colors",
-                    "design",
-                    "art",
-                    "creative"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 257,
-                "id": 30,
-                "name": "palette",
-                "prevSize": 24,
-                "code": 59797
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 164
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1023.452c-233.911-0.333-423.443-189.864-423.774-423.743v-0.032c0-24.211 19.627-43.839 43.839-43.839s43.839 19.627 43.839 43.839v0c0 185.621 150.475 336.097 336.097 336.097s336.097-150.475 336.097-336.097c0-185.621-150.475-336.097-336.097-336.097v0h-146.13c-24.211 0-43.839-19.627-43.839-43.839s19.627-43.839 43.839-43.839v0h146.13c234.044 0 423.774 189.73 423.774 423.774s-189.73 423.774-423.774 423.774v0z",
-                    "M512 438.936c-0.060 0-0.133 0-0.204 0-12.039 0-22.929-4.918-30.771-12.856l-175.359-175.359c-7.921-7.931-12.821-18.884-12.821-30.979s4.899-23.048 12.821-30.98v0l175.355-175.355c8.025-8.595 19.423-13.953 32.074-13.953 24.211 0 43.839 19.627 43.839 43.839 0 12.65-5.358 24.048-13.927 32.049l-0.026 0.023-144.376 144.376 144.376 144.376c7.921 7.931 12.821 18.884 12.821 30.979s-4.899 23.048-12.821 30.98v0c-7.846 7.942-18.736 12.86-30.775 12.86-0.071 0-0.144 0-0.215 0h0.011z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "undo",
-                    "revert",
-                    "back",
-                    "cancel",
-                    "reverse"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 256,
-                "id": 31,
-                "name": "undo",
-                "prevSize": 24,
-                "code": 59796
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 165
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M921.582 789.931h-819.163c-56.418-0.33-102.065-45.976-102.396-102.364v-585.149c0.33-56.418 45.976-102.065 102.364-102.396h819.194c56.418 0.33 102.065 45.976 102.396 102.364v585.149c-0.33 56.418-45.976 102.065-102.364 102.396h-0.032zM102.418 87.791c-8.079 0-14.628 6.55-14.628 14.628v0 585.117c0 8.079 6.55 14.628 14.628 14.628v0h819.163c8.079 0 14.628-6.55 14.628-14.628v0-585.117c0-8.079-6.55-14.628-14.628-14.628v0z",
-                    "M687.535 1023.977h-175.535c-24.105-0.325-43.559-19.779-43.884-43.852v-234.079c0-24.236 19.648-43.884 43.884-43.884s43.884 19.648 43.884 43.884v0 190.163h131.651c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z",
-                    "M512 1023.977h-175.535c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h175.535c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "desktop",
-                    "computer",
-                    "monitor",
-                    "pc",
-                    "screen"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 175,
-                "id": 32,
-                "name": "desktop",
-                "prevSize": 24,
-                "code": 59795
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 166
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M809.27 1023.966c-27.214-0.367-49.178-22.331-49.545-49.509v-462.457c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 462.421c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z",
-                    "M809.27 429.425c-27.214-0.367-49.178-22.331-49.545-49.509v-330.335c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 330.3c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z",
-                    "M908.36 429.425h-198.18c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h198.18c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z",
-                    "M214.73 1023.966c-27.214-0.367-49.178-22.331-49.545-49.509v-462.457c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 462.421c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z",
-                    "M214.73 429.425c-27.214-0.367-49.178-22.331-49.545-49.509v-330.335c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 330.3c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z",
-                    "M313.82 429.425h-198.18c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h198.18c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z",
-                    "M512 1023.966c-27.214-0.367-49.178-22.331-49.545-49.509v-198.216c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 198.18c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z",
-                    "M512 693.665c-27.214-0.367-49.178-22.331-49.545-49.509v-594.576c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 594.541c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z",
-                    "M611.090 693.665h-198.18c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h198.18c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sliders-v",
-                    "controls",
-                    "adjustments",
-                    "sliders",
-                    "settings"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 174,
-                "id": 33,
-                "name": "sliders-v",
-                "prevSize": 24,
-                "code": 59793
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 167
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M974.421 264.275h-462.421c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h462.421c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z",
-                    "M379.88 264.275h-330.3c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h330.3c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z",
-                    "M379.88 363.365c-27.214-0.367-49.178-22.331-49.545-49.509v-198.216c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 198.18c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z",
-                    "M974.421 858.815h-462.421c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h462.421c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z",
-                    "M379.88 858.815h-330.3c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h330.3c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z",
-                    "M379.88 957.906c-27.214-0.367-49.178-22.331-49.545-49.509v-198.216c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 198.18c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z",
-                    "M974.421 561.545h-198.18c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h198.18c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z",
-                    "M644.12 561.545h-594.541c-27.363 0-49.545-22.182-49.545-49.545s22.182-49.545 49.545-49.545v0h594.541c27.363 0 49.545 22.182 49.545 49.545s-22.182 49.545-49.545 49.545v0z",
-                    "M644.12 660.635c-27.214-0.367-49.178-22.331-49.545-49.509v-198.216c0-27.363 22.182-49.545 49.545-49.545s49.545 22.182 49.545 49.545v0 198.18c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sliders-h",
-                    "controls",
-                    "adjustments",
-                    "sliders",
-                    "settings"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 173,
-                "id": 34,
-                "name": "sliders-h",
-                "prevSize": 24,
-                "code": 59794
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 168
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M440.071 880.415c-243.195 0-440.344-197.149-440.344-440.344s197.149-440.344 440.344-440.344c243.195 0 440.344 197.149 440.344 440.344v0c0 243.195-197.149 440.344-440.344 440.344v0zM440.071 88.031c-193.781 0-350.872 157.090-350.872 350.872s157.090 350.872 350.872 350.872c193.781 0 350.872-157.090 350.872-350.872v0c0-193.781-157.090-350.872-350.872-350.872v0z",
-                    "M979.828 1023.687c-0.060 0-0.133 0-0.204 0-12.045 0-22.94-4.92-30.785-12.862l-241.52-241.52c-7.293-7.811-11.771-18.333-11.771-29.899 0-24.222 19.636-43.859 43.859-43.859 11.568 0 22.088 4.478 29.926 11.795l-0.026-0.023 241.516 241.516c7.925 7.934 12.827 18.892 12.827 30.993s-4.901 23.059-12.827 30.995v0c-7.849 7.945-18.744 12.866-30.789 12.866-0.071 0-0.144 0-0.215 0h0.011z",
-                    "M438.902 628.957c-24.091-0.325-43.534-19.768-43.859-43.827v-292.424c0-24.222 19.636-43.859 43.859-43.859s43.859 19.636 43.859 43.859v0 292.393c-0.325 24.091-19.768 43.534-43.827 43.859h-0.032z",
-                    "M585.098 482.761h-292.393c-24.222 0-43.859-19.636-43.859-43.859s19.636-43.859 43.859-43.859v0h292.393c24.222 0 43.859 19.636 43.859 43.859s-19.636 43.859-43.859 43.859v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "search-plus",
-                    "increase-search",
-                    "more-search",
-                    "wide-filter",
-                    "expand-search"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 172,
-                "id": 35,
-                "name": "search-plus",
-                "prevSize": 24,
-                "code": 59791
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 169
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M440.071 880.415c-243.195 0-440.344-197.149-440.344-440.344s197.149-440.344 440.344-440.344c243.195 0 440.344 197.149 440.344 440.344v0c-0.332 243.061-197.282 440.011-440.311 440.344h-0.033zM440.071 88.031c-193.781 0-350.872 157.090-350.872 350.872s157.090 350.872 350.872 350.872c193.781 0 350.872-157.090 350.872-350.872v0c0-193.781-157.090-350.872-350.872-350.872v0z",
-                    "M979.828 1023.687c-0.060 0-0.133 0-0.204 0-12.045 0-22.94-4.92-30.785-12.862l-241.52-241.52c-7.293-7.811-11.771-18.333-11.771-29.899 0-24.222 19.636-43.859 43.859-43.859 11.568 0 22.088 4.478 29.926 11.795l-0.026-0.023 241.516 241.516c7.925 7.934 12.827 18.892 12.827 30.993s-4.901 23.059-12.827 30.995v0c-7.849 7.945-18.744 12.866-30.789 12.866-0.071 0-0.144 0-0.215 0h0.011z",
-                    "M585.098 482.761h-292.393c-24.222 0-43.859-19.636-43.859-43.859s19.636-43.859 43.859-43.859v0h292.393c24.222 0 43.859 19.636 43.859 43.859s-19.636 43.859-43.859 43.859v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "search-minus",
-                    "reduce-search",
-                    "less-results",
-                    "narrow-filter",
-                    "restrict-search"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 171,
-                "id": 36,
-                "name": "search-minus",
-                "prevSize": 24,
-                "code": 59792
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 170
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M894.081 336.465l-323.57-323.57c-7.935-7.944-18.897-12.862-31.009-12.873h-261.55c-88.866 0-160.907 72.041-160.907 160.907v0 702.14c0 88.866 72.041 160.907 160.907 160.907v0h468.093c88.866 0 160.907-72.041 160.907-160.907v0-497.35c-0.494-11.473-5.32-21.731-12.872-29.254l-0.001-0.001zM585.139 149.812l172.024 172.024h-172.024zM746.047 936.209h-468.093c-40.394 0-73.139-32.746-73.139-73.139v0-702.14c0-40.394 32.746-73.139 73.139-73.139v0h219.419v277.931c0.325 24.105 19.779 43.559 43.852 43.884h277.962v453.466c0 40.394-32.746 73.139-73.139 73.139v0z",
-                    "M656.524 506.734c-7.496-5.775-17.020-9.255-27.356-9.255-13.907 0-26.344 6.301-34.608 16.205l-0.059 0.071-82.501 103.566-82.501-105.321c-8.353-9.812-20.716-15.996-34.521-15.996-24.992 0-45.251 20.259-45.251 45.251 0 11.185 4.058 21.422 10.782 29.32l-0.053-0.064 93.034 117.023-93.034 117.023c-5.992 7.47-9.615 17.061-9.615 27.5 0 24.376 19.76 44.136 44.136 44.136 13.937 0 26.366-6.461 34.454-16.55l0.067-0.086 82.501-101.81 82.501 105.321c8.276 9.979 20.653 16.31 34.509 16.384h0.012c1.085 0.096 2.348 0.149 3.622 0.149 24.236 0 43.884-19.648 43.884-43.884 0-12.183-4.964-23.206-12.981-31.157l-0.003-0.003-93.034-117.023 95.374-117.023c5.757-7.489 9.225-16.998 9.225-27.316 0-14.937-7.268-28.175-18.461-36.373l-0.126-0.088z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "file-excel",
-                    "spreadsheet",
-                    "workbook",
-                    "xls",
-                    "microsoft"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 170,
-                "id": 37,
-                "name": "file-excel",
-                "prevSize": 24,
-                "code": 59790
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 171
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M894.081 336.465l-323.57-323.57c-7.935-7.944-18.897-12.862-31.009-12.873h-261.55c-88.866 0-160.907 72.041-160.907 160.907v0 702.14c0 88.866 72.041 160.907 160.907 160.907v0h468.093c88.866 0 160.907-72.041 160.907-160.907v0-497.35c-0.494-11.473-5.32-21.731-12.872-29.254l-0.001-0.001zM585.139 149.812l172.024 172.024h-172.024zM746.047 936.209h-468.093c-40.394 0-73.139-32.746-73.139-73.139v0-702.14c0-40.394 32.746-73.139 73.139-73.139v0h219.419v277.931c0.325 24.105 19.779 43.559 43.852 43.884h277.962v453.466c0 40.394-32.746 73.139-73.139 73.139v0z",
-                    "M599.182 678.758c-35.612-22.599-62.527-56.14-76.26-95.834l-0.389-1.295c8.513-24.598 13.428-52.947 13.428-82.444 0-12.194-0.841-24.192-2.466-35.938l0.154 1.359c-3.892-22.255-23.068-38.954-46.145-38.954-18.984 0-35.328 11.301-42.673 27.543l-0.119 0.295c-1.82 12.259-2.859 26.407-2.859 40.798 0 35.745 6.41 69.992 18.145 101.654l-0.657-2.026c-26.663 62.22-51.535 112.192-78.718 160.691l4.409-8.561c-41.543 23.405-98.3 58.512-107.076 98.885-7.021 32.766 54.416 117.023 159.151-65.534 38.752-15.060 86.483-29.549 135.472-40.728l7.296-1.4c33.675 19.598 73.544 32.44 116.101 35.636l0.922 0.056c0.37 0.010 0.806 0.016 1.244 0.016 26.499 0 47.98-21.481 47.98-47.98 0-12.689-4.926-24.228-12.97-32.809l0.025 0.026c-24.575-25.16-97.714-18.139-133.992-13.457zM319.497 854.293c16.89-28.581 38.169-52.658 63.208-72.128l0.569-0.426c-39.787 63.193-63.778 74.31-63.778 73.139zM490.35 455.829c15.213 0 14.043 67.289 3.511 85.427-4.439-14.87-6.994-31.954-6.994-49.637 0-12.459 1.269-24.62 3.683-36.365l-0.199 1.16zM439.445 741.365c17.504-31.081 34.829-68.095 49.5-106.424l1.99-5.919c15.998 29.397 37.215 53.976 62.634 73.317l0.558 0.407c-44.504 11.253-82.688 24.668-119.265 41.035l4.582-1.832zM714.451 730.833s-10.532 12.873-77.821-16.384c73.139-4.68 85.427 12.287 77.821 16.968z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "file-pdf",
-                    "document",
-                    "adobe",
-                    "read",
-                    "acrobat"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 169,
-                "id": 38,
-                "name": "file-pdf",
-                "prevSize": 24,
-                "code": 59789
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 172
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M863.086 1024h-702.171c-88.87 0-160.914-72.044-160.914-160.914v0-702.171c0-88.87 72.044-160.914 160.914-160.914v0h518.437c24.237 0 43.886 19.648 43.886 43.886s-19.648 43.886-43.886 43.886v0h-518.437c-40.395 0-73.142 32.747-73.142 73.142v0 702.171c0 40.395 32.747 73.142 73.142 73.142v0h702.171c40.395 0 73.142-32.747 73.142-73.142v0-451.145c0-24.237 19.648-43.886 43.886-43.886s43.886 19.648 43.886 43.886v0 451.145c0 88.87-72.044 160.914-160.914 160.914v0z",
-                    "M424.229 702.172c-11.709-0.922-21.992-6.372-29.216-14.581l-0.041-0.048-175.543-175.543c-2.703-5.532-4.284-12.038-4.284-18.913 0-24.237 19.648-43.886 43.886-43.886 6.875 0 13.381 1.581 19.174 4.4l-0.261-0.114 144.531 144.531 499.127-495.616c5.532-2.703 12.038-4.284 18.913-4.284 24.237 0 43.886 19.648 43.886 43.886 0 6.875-1.581 13.381-4.4 19.174l0.114-0.261-526.629 526.629c-7.264 8.256-17.547 13.707-29.107 14.619l-0.151 0.010z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "check-square",
-                    "confirm",
-                    "agree",
-                    "approved",
-                    "accepted"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 168,
-                "id": 39,
-                "name": "check-square",
-                "prevSize": 24,
-                "code": 59788
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 173
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M46.545 1024c-25.567-0.345-46.201-20.979-46.545-46.512v-930.943c0-25.706 20.839-46.545 46.545-46.545s46.545 20.839 46.545 46.545v0 930.909c-0.345 25.567-20.979 46.201-46.512 46.545h-0.033z",
-                    "M977.455 1024h-930.909c-25.706 0-46.545-20.839-46.545-46.545s20.839-46.545 46.545-46.545v0h930.909c25.706 0 46.545 20.839 46.545 46.545s-20.839 46.545-46.545 46.545v0z",
-                    "M636.121 682.666c-0.064 0-0.141 0-0.217 0-12.783 0-24.345-5.222-32.671-13.649l-153.295-153.295-153.29 153.29c-8.289 7.74-19.456 12.492-31.731 12.492-25.706 0-46.545-20.839-46.545-46.545 0-12.276 4.752-23.441 12.518-31.759l-0.025 0.028 186.182-186.182c8.42-8.41 20.049-13.613 32.892-13.613s24.471 5.201 32.893 13.613v0l153.29 153.29 215.35-215.35c8.289-7.74 19.456-12.492 31.731-12.492 25.706 0 46.545 20.839 46.545 46.545 0 12.276-4.752 23.441-12.518 31.759l0.025-0.028-248.243 248.243c-8.33 8.432-19.892 13.654-32.675 13.654-0.076 0-0.153 0-0.228 0h0.012z",
-                    "M915.393 626.192c-25.567-0.345-46.201-20.979-46.545-46.512v-176.285h-170.666c-25.706 0-46.545-20.839-46.545-46.545s20.839-46.545 46.545-46.545v0h217.212c25.567 0.345 46.201 20.979 46.545 46.512v222.831c-0.345 25.567-20.979 46.201-46.512 46.545h-0.033z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "chart-line",
-                    "growth",
-                    "increase",
-                    "stats",
-                    "trend"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 167,
-                "id": 40,
-                "name": "chart-line",
-                "prevSize": 24,
-                "code": 59787
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 174
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M431.778 504.757c-115.379 0-208.912-93.532-208.912-208.912s93.532-208.912 208.912-208.912c115.379 0 208.912 93.532 208.912 208.912v0c-0.316 115.251-93.66 208.596-208.881 208.912h-0.030zM431.778 170.499c-69.227 0-125.347 56.12-125.347 125.347s56.12 125.347 125.347 125.347c69.227 0 125.347-56.12 125.347-125.347v0c0-69.227-56.12-125.347-125.347-125.347v0z",
-                    "M41.809 894.726c-23.076 0-41.782-18.707-41.782-41.782v0c0-264.622 302.504-264.622 431.751-264.622 40.111 0 75.766 0 108.076 3.9 21.638 1.734 38.542 19.721 38.542 41.657 0 1.025-0.037 2.041-0.11 3.046l0.008-0.134c-2.011 21.692-20.122 38.543-42.169 38.543-1.041 0-2.072-0.038-3.093-0.111l0.137 0.008c-30.083 0-63.509-3.343-101.391-3.343-288.576 0-348.186 72.423-348.186 181.057 0.003 0.167 0.004 0.364 0.004 0.561 0 22.767-18.457 41.225-41.225 41.225-0.197 0-0.394-0.001-0.59-0.004h0.030z",
-                    "M549.326 937.066c-11.533-0.010-21.972-4.693-29.526-12.255v0c-7.671-7.32-12.439-17.622-12.439-29.037 0-1.349 0.067-2.683 0.197-3.998l-0.013 0.166 8.914-106.963c0.738-10.242 5.062-19.352 11.708-26.194l-0.009 0.010 307.518-307.518c20.408-18.948 47.843-30.576 77.993-30.576s57.585 11.627 78.066 30.642l-0.072-0.067c19.978 20.131 32.325 47.862 32.325 78.475 0 0.614-0.005 1.227-0.014 1.838l0.001-0.093c0.008 0.488 0.013 1.065 0.013 1.643 0 28.208-11.272 53.784-29.557 72.47l-307.499 307.499c-6.609 6.771-15.516 11.272-25.457 12.242l-0.17 0.013-108.076 10.028zM657.402 885.256v0zM598.35 806.705l-3.343 42.34 43.454-3.9 296.932-296.932c3.138-3.741 5.043-8.607 5.043-13.917 0-0.396-0.010-0.789-0.031-1.178l0.003 0.055c-0.022-8.097-2.969-15.5-7.838-21.216l0.038 0.046c-5.22-3.914-11.806-6.267-18.942-6.267s-13.722 2.354-19.024 6.327l0.082-0.059z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "user-edit",
-                    "change-profile",
-                    "user-modification",
-                    "edit-user",
-                    "update-details"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 166,
-                "id": 41,
-                "name": "user-edit",
-                "prevSize": 24,
-                "code": 59786
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 175
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z",
-                    "M512 568.889c-23.436-0.316-42.351-19.231-42.667-42.636v-199.141c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 199.111c-0.316 23.436-19.231 42.351-42.636 42.667h-0.031z",
-                    "M512 739.556c-23.436-0.316-42.351-19.231-42.667-42.636v-28.475c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 28.444c-0.316 23.436-19.231 42.351-42.636 42.667h-0.031z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "exclamation-circle",
-                    "important",
-                    "attention",
-                    "alert",
-                    "warning"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 165,
-                "id": 42,
-                "name": "exclamation-circle",
-                "prevSize": 24,
-                "code": 59785
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 176
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M897.818 342.011c-33.052 0-59.847 26.794-59.847 59.847v0 271.219c0 33.052 26.794 59.847 59.847 59.847s59.847-26.794 59.847-59.847v0-271.219c0-33.052-26.794-59.847-59.847-59.847v0z",
-                    "M126.182 342.011c-33.052 0-59.847 26.794-59.847 59.847v0 271.219c0 33.052 26.794 59.847 59.847 59.847s59.847-26.794 59.847-59.847v0-271.219c0-33.052-26.794-59.847-59.847-59.847v0z",
-                    "M229.321 342.011v407.465c0 37.624 30.5 68.122 68.122 68.122v0h43.293v144.522c0 33.052 26.794 59.847 59.847 59.847s59.847-26.794 59.847-59.847v0 0-144.522h103.139v144.522c0 33.052 26.794 59.847 59.847 59.847s59.847-26.794 59.847-59.847v0-144.522h43.293c37.624 0 68.122-30.5 68.122-68.122v0-407.465z",
-                    "M787.039 257.334c-19.494-64.041-60.923-116.427-115.35-149.595l-1.159-0.657-9.55-5.73-10.187-5.093 11.46-19.737 33.743-63.667c0.321-0.883 0.507-1.901 0.507-2.963 0-2.96-1.443-5.584-3.665-7.206l-0.025-0.018h-4.457c-3.404 0.157-6.379 1.864-8.255 4.426l-0.021 0.030-34.38 59.21-10.823 19.737-10.187-4.457-10.823-3.82c-30.354-10.882-65.375-17.173-101.867-17.173s-71.511 6.291-104.038 17.846l2.171-0.673-10.187 3.82-10.823 4.457-10.823-19.737-34.38-63.667c-1.592-2.804-4.559-4.665-7.958-4.665-5.038 0-9.122 4.084-9.122 9.122 0 1.637 0.431 3.174 1.186 4.502l-0.024-0.045 33.743 63.667 11.46 19.737-10.187 5.093-9.55 5.73c-55.806 33.938-97.174 86.897-115.417 149.695l-0.455 1.831c-4.717 15.122-7.703 32.57-8.27 50.627l-0.007 0.307h565.357c-0.686-18.4-3.432-35.851-8.017-52.541l0.378 1.609zM384.668 223.592c-14.065 0-25.467-11.402-25.467-25.467s11.402-25.467 25.467-25.467c14.065 0 25.467 11.402 25.467 25.467v0c0 14.065-11.402 25.467-25.467 25.467v0zM639.332 223.592c-14.065 0-25.467-11.402-25.467-25.467s11.402-25.467 25.467-25.467c14.065 0 25.467 11.402 25.467 25.467v0c0 14.065-11.402 25.467-25.467 25.467v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "android",
-                    "mobile",
-                    "os",
-                    "tech",
-                    "robot",
-                    "system"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 164,
-                "id": 43,
-                "name": "android",
-                "prevSize": 24,
-                "code": 59781
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 177
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1008.591 433.288l-5.759-22.397h-476.114v202.221h284.773c-32.683 123.892-143.735 213.758-275.775 213.758-1.138 0-2.275-0.006-3.409-0.019l0.172 0.001c-86.669-0.738-165.327-34.432-224.185-89.141l0.207 0.19c-58.421-57.606-94.785-137.451-95.35-225.791v-0.106c1.039-88.017 36.49-167.558 93.495-225.963l-0.064 0.066c57.221-54.292 134.738-87.683 220.053-87.683 0.93 0 1.86 0.004 2.788 0.012l-0.142-0.001c73.95 0.586 141.235 28.652 192.25 74.471l-0.268-0.238 140.787-144.626c-88.734-79.432-206.552-127.99-335.711-127.99-0.54 0-1.080 0.001-1.62 0.003h0.084c-0.919-0.006-2.007-0.009-3.094-0.009-142.761 0-272.106 57.428-366.198 150.443l0.049-0.049c-90.236 93.627-145.825 221.183-145.825 361.724 0 137.597 53.284 262.749 140.344 355.947l-0.279-0.301c96.859 96.51 230.481 156.177 378.041 156.177 2.082 0 4.162-0.012 6.238-0.036l-0.316 0.003c1.053 0.009 2.296 0.013 3.543 0.013 134.433 0 255.872-55.642 342.541-145.151l0.123-0.127c82.61-90.584 133.206-211.608 133.206-344.45 0-3.543-0.036-7.076-0.108-10.602l0.009 0.526c0.105-4.284 0.163-9.328 0.163-14.387 0-26.957-1.687-53.521-4.962-79.591l0.318 3.106z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "google",
-                    "search",
-                    "brand",
-                    "technology",
-                    "internet"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 163,
-                "id": 44,
-                "name": "google",
-                "prevSize": 24,
-                "code": 59782
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 178
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M800.988 541.411c-0.025-1.227-0.040-2.673-0.040-4.124 0-81.14 45.665-151.616 112.697-187.127l1.149-0.554c-43.688-60.224-112.883-99.642-191.399-102.285l-0.408-0.010c-81.199-6.394-169.43 47.312-202.037 47.312s-113.166-44.755-174.544-44.755c-127.87 0-262.775 101.657-262.775 304.332 0.671 66.632 12.562 130.276 33.869 189.424l-1.262-4.011c28.131 81.837 133.625 287.070 243.594 283.874 57.542 0 98.461-40.919 173.266-40.919s109.97 40.919 174.544 40.919c110.608 0 206.511-188.61 234.004-272.365-83.223-34.69-140.659-115.384-140.659-209.49 0-0.076 0-0.154 0-0.231v0.012zM673.117 166.109c33.682-37.846 54.259-88 54.259-142.959 0-7.972-0.433-15.844-1.277-23.592l0.085 0.959c-61.9 6.974-115.875 36.341-154.514 79.679l-0.211 0.24c-37.077 39.007-59.884 91.883-59.884 150.086 0 4.782 0.154 9.526 0.457 14.231l-0.033-0.641c1.605 0.048 3.493 0.075 5.387 0.075 63.128 0 119.134-30.497 154.087-77.563l0.366-0.514z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "apple",
-                    "brand",
-                    "computer",
-                    "technology",
-                    "mac"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 162,
-                "id": 45,
-                "name": "apple",
-                "prevSize": 24,
-                "code": 59783
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 179
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M0.001 0.001h480v480h-480zM543.999 0.001h480v480h-480zM0.001 543.999h480v480h-480zM543.999 543.999h480v480h-480z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "microsoft",
-                    "brand",
-                    "computer",
-                    "technology",
-                    "windows"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 161,
-                "id": 46,
-                "name": "microsoft",
-                "prevSize": 24,
-                "code": 59784
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 180
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 966.541c-12.142-0.011-23.132-4.94-31.084-12.902v0l-397.063-398.237c-51.836-52.853-83.828-125.328-83.828-205.276s31.993-152.425 83.874-205.324l-0.045 0.047c52.537-52.531 125.112-85.022 205.276-85.022s152.739 32.491 205.277 85.023v0l17.595 15.249 16.423-16.423c52.328-52.883 124.914-85.631 205.15-85.631 0.25 0 0.502 0 0.752 0.001h-0.038c0.384-0.001 0.839-0.003 1.294-0.003 79.947 0 152.3 32.511 204.559 85.034l0.012 0.012c51.836 52.853 83.828 125.328 83.828 205.276s-31.993 152.425-83.874 205.324l0.045-0.047-397.063 398.237c-7.714 8.616-18.706 14.16-30.998 14.66l-0.087 0.003zM289.714 145.434c-0.436-0.003-0.953-0.005-1.468-0.005-55.496 0-105.759 22.406-142.235 58.666l0.010-0.010c-36.735 36.902-59.445 87.793-59.445 143.987s22.71 107.086 59.452 143.994l-0.007-0.007 365.979 368.325 365.392-367.151c36.877-36.837 59.687-87.747 59.687-143.987s-22.81-107.15-59.686-143.985l-0.001-0.001c-36.111-36.238-86.066-58.659-141.257-58.659-0.65 0-1.3 0.003-1.949 0.010l0.099-0.001c-0.436-0.003-0.953-0.005-1.468-0.005-55.496 0-105.759 22.406-142.235 58.666l-47.497 47.497c-8.080 7.677-19.030 12.4-31.084 12.4s-23.006-4.723-31.104-12.418l0.019 0.018-47.507-47.507c-36.581-36.947-87.314-59.823-143.391-59.823-0.107 0-0.213 0-0.32 0h0.016z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "heart",
-                    "love",
-                    "like",
-                    "affection",
-                    "favorite"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 160,
-                "id": 47,
-                "name": "heart",
-                "prevSize": 24,
-                "code": 59780
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 181
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M746.047 0.023h-468.093c-56.418 0.33-102.065 45.976-102.396 102.364v819.195c0.33 56.418 45.976 102.065 102.364 102.396h468.125c56.418-0.33 102.065-45.976 102.396-102.364v-819.195c-0.33-56.418-45.976-102.065-102.364-102.396h-0.032zM760.674 921.582c0 8.079-6.55 14.628-14.628 14.628v0h-468.093c-8.079 0-14.628-6.55-14.628-14.628v0-819.163c0-8.079 6.55-14.628 14.628-14.628v0h468.093c8.079 0 14.628 6.55 14.628 14.628v0z",
-                    "M512 658.28c-48.472 0-87.768 39.295-87.768 87.768s39.295 87.768 87.768 87.768c48.472 0 87.768-39.295 87.768-87.768v0c0-48.472-39.295-87.768-87.768-87.768v0zM512 746.047v0z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "mobile",
-                    "phone",
-                    "device",
-                    "smartphone",
-                    "cellphone"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 159,
-                "id": 48,
-                "name": "mobile",
-                "prevSize": 24,
-                "code": 59778
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 182
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M863.070 0.023h-702.14c-56.418 0.33-102.065 45.976-102.396 102.364v819.195c0.33 56.418 45.976 102.065 102.364 102.396h702.172c56.418-0.33 102.065-45.976 102.396-102.364v-819.195c-0.33-56.418-45.976-102.065-102.364-102.396h-0.032zM877.699 921.582c0 8.079-6.55 14.628-14.628 14.628v0h-702.14c-8.079 0-14.628-6.55-14.628-14.628v0-819.163c0-8.079 6.55-14.628 14.628-14.628v0h702.14c8.079 0 14.628 6.55 14.628 14.628v0z",
-                    "M512 658.28c-48.472 0-87.768 39.295-87.768 87.768s39.295 87.768 87.768 87.768c48.472 0 87.768-39.295 87.768-87.768v0c0-48.472-39.295-87.768-87.768-87.768v0zM512 746.047v0z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "tablet",
-                    "device",
-                    "tech",
-                    "screen",
-                    "mobile"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 220,
-                "id": 49,
-                "name": "tablet",
-                "prevSize": 24,
-                "code": 59779
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 183
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M687.134 672.539c-0.215 0-0.469 0.001-0.724 0.001-92.498 0-176.242-37.479-236.875-98.078l0.001 0.001c-61.305-61.014-99.243-145.459-99.243-238.766 0-186.032 150.809-336.841 336.841-336.841s336.841 150.809 336.841 336.841c0 186.032-150.808 336.84-336.84 336.841v0zM687.134 88.761c-136.764 0.345-247.499 111.293-247.499 248.106 0 68.362 27.648 130.267 72.373 175.141l-0.007-0.007c44.929 45.079 107.076 72.972 175.74 72.972 137.026 0 248.106-111.081 248.106-248.106s-111.081-248.106-248.106-248.106c-0.213 0-0.427 0-0.639 0.001h0.033z",
-                    "M74.166 993.618c-11.682-0.919-21.941-6.357-29.147-14.547l-0.041-0.048c-6.919-7.71-11.15-17.955-11.15-29.188s4.231-21.479 11.185-29.23l-0.036 0.041 377.122-377.705c7.941-7.869 18.873-12.731 30.94-12.731 24.281 0 43.963 19.683 43.963 43.963 0 12.213-4.98 23.263-13.020 31.229l-0.003 0.003-380.624 373.619c-7.248 8.237-17.507 13.675-29.039 14.585l-0.151 0.010z",
-                    "M278.488 1022.806c-0.060 0-0.133 0-0.204 0-12.024 0-22.9-4.912-30.732-12.839l-116.759-116.759c-7.28-7.798-11.75-18.301-11.75-29.848 0-24.181 19.603-43.783 43.783-43.783 11.548 0 22.050 4.47 29.874 11.775l-0.026-0.023 116.755 116.755c7.911 7.921 12.805 18.86 12.805 30.94s-4.893 23.019-12.805 30.941v0c-7.836 7.932-18.712 12.844-30.736 12.844-0.071 0-0.144 0-0.215 0h0.011z",
-                    "M395.245 906.051c-0.060 0-0.133 0-0.204 0-12.024 0-22.9-4.912-30.732-12.839l-116.759-116.759c-8.584-8.015-13.935-19.399-13.935-32.033 0-24.181 19.603-43.783 43.783-43.783 12.634 0 24.018 5.351 32.008 13.909l0.023 0.026 116.755 116.755c7.911 7.921 12.805 18.86 12.805 30.94s-4.893 23.019-12.805 30.941v0c-7.836 7.932-18.712 12.844-30.736 12.844-0.071 0-0.144 0-0.215 0h0.011z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "key",
-                    "unlock",
-                    "access",
-                    "secret",
-                    "password"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 219,
-                "id": 50,
-                "name": "key",
-                "prevSize": 24,
-                "code": 59777
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 184
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M468.112 906.989c0 48.569-39.207 87.775-87.775 87.775s-87.775-39.207-87.775-87.775 39.207-87.775 87.775-87.775 87.775 39.207 87.775 87.775zM760.696 819.214c-48.569 0-87.775 39.207-87.775 87.775s39.207 87.775 87.775 87.775 87.775-39.207 87.775-87.775-39.207-87.775-87.775-87.775zM1022.852 259.207l-117.033 468.135c-4.681 19.311-22.236 33.355-42.718 33.355h-585.169c-21.066 0-39.207-15.214-43.302-36.28l-110.597-607.405h-80.168c-23.991 0-43.888-19.896-43.888-43.888s19.896-43.888 43.888-43.888h117.033c21.066 0 39.207 15.214 43.302 36.28l25.163 139.271h750.771c13.458 0 26.333 6.436 34.525 16.969s11.119 24.577 8.192 37.451zM923.958 292.562h-678.795l69.050 380.359h514.363l95.383-380.359z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "shopping-cart",
-                    "buy",
-                    "purchase",
-                    "retain",
-                    "shop"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 156,
-                "id": 51,
-                "name": "shopping-cart",
-                "prevSize": 24,
-                "code": 59776
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 185
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M46.723 830.79c-0.231 0.004-0.504 0.007-0.777 0.007-24.867 0-45.027-20.159-45.027-45.027 0-5.382 0.944-10.545 2.676-15.329l-0.098 0.314 75.044-247.348c-14.665-39.037-23.418-84.145-24.012-131.219l-0.003-0.259c0-0.259-0.001-0.566-0.001-0.874 0-54.129 11.264-105.629 31.575-152.281l-0.955 2.464c60.427-141.25 198.214-238.423 358.696-238.423 106.632 0 203.244 42.901 273.517 112.384l-0.037-0.035c34.184 34.714 62.103 75.715 81.849 121.093l1 2.581c19.107 44.313 30.22 95.904 30.22 150.090s-11.112 105.775-31.182 152.616l0.962-2.526c-20.746 47.959-48.666 88.96-82.9 123.725l0.051-0.051c-70.377 70.256-167.536 113.703-274.844 113.703-48.549 0-95.021-8.893-137.875-25.139l2.675 0.889-247.348 76.845c-3.958 1.137-8.504 1.794-13.204 1.801h-0.004zM442.359 91.749c-0.253-0.001-0.554-0.001-0.856-0.001-41.547 0-81.081 8.613-116.916 24.15l1.904-0.734c-71.28 30.615-127.108 85.859-157.736 154.781l-0.758 1.912c-14.788 34.299-23.39 74.229-23.39 116.169s8.602 81.87 24.134 118.125l-0.744-1.956c1.7 4.555 2.682 9.817 2.682 15.309s-0.984 10.754-2.783 15.621l0.101-0.312-55.232 180.107 180.107-55.232c4.555-1.7 9.817-2.682 15.309-2.682s10.754 0.984 15.621 2.783l-0.312-0.101c34.014 14.517 73.588 22.957 115.132 22.957 122.867 0 228.493-73.819 274.946-179.525l0.754-1.926c13.056-32.416 20.631-70.004 20.631-109.36 0-163.117-130.105-295.846-292.2-300.074l-0.391-0.008z",
-                    "M977.277 1022.304c-1.984 0.28-4.275 0.439-6.603 0.439s-4.621-0.16-6.864-0.469l0.26 0.030-247.348-75.044c-40.428 15.733-87.225 24.849-136.153 24.849-158.064 0-293.904-95.147-353.373-231.291l-0.967-2.482c-2.862-5.665-4.539-12.349-4.539-19.423 0-18.267 11.175-33.923 27.063-40.506l0.291-0.107c5.517-2.599 11.984-4.116 18.806-4.116 18.319 0 34.084 10.94 41.115 26.643l0.114 0.286c15.121 35.516 35.349 65.946 60.152 91.977l-0.117-0.122c54.202 53.624 128.774 86.753 211.084 86.753 41.688 0 81.392-8.499 117.473-23.857l-1.963 0.743c4.555-1.7 9.817-2.682 15.309-2.682s10.754 0.984 15.621 2.783l-0.312-0.101 180.107 55.232-55.232-180.107c-1.7-4.555-2.682-9.817-2.682-15.309s0.984-10.754 2.783-15.621l-0.101 0.312c14.803-33.932 23.415-73.467 23.415-115.014 0-0.301 0-0.602-0.001-0.902v0.046c0.001-0.319 0.001-0.697 0.001-1.075 0-81.912-33.275-156.053-87.045-209.642l-0.008-0.008c-12.456-15.658-25.63-29.595-39.895-42.336l-0.328-0.288c-13.187-8.012-21.861-22.298-21.861-38.61 0-24.867 20.159-45.027 45.027-45.027 10.297 0 19.786 3.456 27.372 9.273l-0.107-0.079c22.529 14.653 42.156 30.276 60.175 47.561l-0.139-0.132c34.393 34.592 62.347 75.63 81.881 121.138l0.968 2.536c19.357 44.266 30.62 95.849 30.62 150.064 0 0.431-0.001 0.863-0.003 1.293v-0.066c-0.136 48.508-8.929 94.919-24.912 137.831l0.898-2.751 75.044 247.348c1.634 4.472 2.578 9.633 2.578 15.015 0 24.867-20.159 45.027-45.027 45.027-0.273 0-0.546-0.003-0.818-0.007h0.041z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "comments",
-                    "chats",
-                    "forums",
-                    "discussions",
-                    "feedbacks"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 155,
-                "id": 52,
-                "name": "comments",
-                "prevSize": 24,
-                "code": 59774
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 186
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M89.22 977.058c-0.217 0.004-0.473 0.007-0.729 0.007-23.349 0-42.278-18.929-42.278-42.278 0-5.053 0.887-9.901 2.513-14.393l-0.093 0.294 90.193-295.946c-18.558-46.704-29.318-100.819-29.318-157.447 0-0.732 0.001-1.463 0.006-2.195v0.113c0-0.201 0-0.439 0-0.677 0-62.834 12.85-122.668 36.068-177.015l-1.118 2.942c23.991-55.124 56.28-102.224 95.856-142.080l-0.026 0.026c39.776-39.941 87.133-72.3 139.735-94.736l2.882-1.092c51.475-22.443 111.446-35.5 174.466-35.5s122.993 13.057 177.355 36.615l-2.889-1.115c161.557 70.486 272.594 228.494 273.398 412.529v0.103c-0.378 123.676-50.484 235.576-131.361 316.819l0.016-0.016c-39.83 39.549-86.93 71.841-139.11 94.681l-2.944 1.149c-51.439 22.133-111.317 35.003-174.201 35.003-57.536 0-112.557-10.776-163.152-30.417l3.076 1.050-295.946 90.193c-3.604 1.586-7.788 2.774-12.162 3.355l-0.239 0.026zM557.097 103.314c-149.484 0.668-277.735 90.884-333.925 219.741l-0.917 2.358c-17.678 41.648-27.953 90.087-27.953 140.927s10.274 99.278 28.861 143.354l-0.909-2.427c1.596 4.277 2.518 9.218 2.518 14.374s-0.923 10.098-2.613 14.668l0.095-0.293-69.336 235.065 233.938-71.027c4.277-1.596 9.218-2.518 14.374-2.518s10.098 0.923 14.668 2.613l-0.293-0.095c41.635 17.765 90.074 28.091 140.927 28.091s99.291-10.328 143.335-28.999l-2.408 0.907c131.638-56.462 222.168-184.951 222.168-334.586 0-51.2-10.598-99.924-29.723-144.098l0.907 2.35c-56.972-130.557-184.848-220.199-333.686-220.41h-0.028z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "comment",
-                    "chat",
-                    "talk",
-                    "feedback",
-                    "opinion"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 154,
-                "id": 53,
-                "name": "comment",
-                "prevSize": 24,
-                "code": 59775
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 187
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M921.588 175.553h-219.422v-73.14c-4.292-57.542-52.035-102.602-110.299-102.602-2.366 0-4.715 0.074-7.043 0.221l0.318-0.016h-146.282c-2.010-0.13-4.36-0.204-6.725-0.204-58.266 0-106.007 45.060-110.277 102.234l-0.022 0.368v73.14h-219.422c-56.419 0.331-102.067 45.977-102.397 102.366v585.157c0.331 56.419 45.977 102.067 102.366 102.397h819.207c56.419-0.331 102.067-45.977 102.397-102.366v-585.157c-0.331-56.419-45.977-102.067-102.366-102.397h-0.032zM409.603 102.412c0-4.681 11.118-14.629 29.256-14.629h146.282c18.139 0 29.256 9.947 29.256 14.629v73.14h-204.793zM102.412 263.322h819.175c8.079 0 14.629 6.55 14.629 14.629v0 190.166h-848.432v-190.166c0-8.079 6.55-14.629 14.629-14.629v0zM321.834 555.884h380.331v87.769h-380.331zM921.588 877.704h-819.175c-8.079 0-14.629-6.55-14.629-14.629v0-307.191h146.282v131.653c0.325 24.105 19.78 43.559 43.853 43.884h468.131c24.105-0.325 43.559-19.78 43.884-43.853v-131.685h146.282v307.191c0 8.079-6.55 14.629-14.629 14.629v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "briefcase",
-                    "work",
-                    "job",
-                    "professional",
-                    "business"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 153,
-                "id": 54,
-                "name": "briefcase",
-                "prevSize": 24,
-                "code": 59773
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 188
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M983.875 747.107c-4.979 0-116.724-19.915-116.724-345.747 0-230.128-133.873-373.406-355.151-373.406s-355.151 143.278-355.151 373.406c0 331.917-115.617 345.747-115.065 345.747-22.914 0-41.49 18.576-41.49 41.49s18.576 41.49 41.49 41.49v0h267.193c19.311 95.868 102.854 167.053 203.023 167.053s183.711-71.186 202.798-165.727l0.223-1.325h267.746c22.914 0 41.49-18.576 41.49-41.49s-18.576-41.49-41.49-41.49v0zM512 913.065c-53.673-0.105-99.33-34.318-116.453-82.114l-0.271-0.865h233.448c-17.395 48.661-63.050 82.874-116.711 82.979h-0.013zM166.807 747.107c39.83-60.299 73.022-165.958 73.022-345.747s99.575-290.427 272.172-290.427 272.172 105.66 272.172 290.427 33.192 285.448 73.022 345.747z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "bell",
-                    "alarm",
-                    "reminder",
-                    "notification",
-                    "alert"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 218,
-                "id": 55,
-                "name": "bell",
-                "prevSize": 24,
-                "code": 59772
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 189
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M333.040 1023.149c-0.395 0.001-0.861 0.003-1.328 0.003-89.93 0-171.755-34.697-232.82-91.434l0.214 0.196c-60.481-56.047-98.213-135.906-98.213-224.578s37.732-168.531 98.016-224.397l0.197-0.181 442.138-417.574c43.713-40.007 102.187-64.52 166.387-64.52s122.673 24.512 166.573 64.688l-0.186-0.169c46.303 43.075 75.506 103.992 76.611 171.742l0.003 0.2c0.003 0.343 0.003 0.748 0.003 1.154 0 58.355-24.702 110.942-64.219 147.873l-0.117 0.107-442.723 418.16c-25.698 23.896-60.263 38.561-98.253 38.561s-72.555-14.665-98.342-38.643l0.089 0.082c-25.889-23.908-42.047-58.024-42.047-95.913s16.158-72.005 41.958-95.834l0.088-0.081 409.387-385.408c7.935-7.925 18.894-12.829 30.996-12.829s23.061 4.902 30.997 12.829v0c7.925 7.935 12.829 18.894 12.829 30.996s-4.902 23.061-12.829 30.997v0l-409.387 385.408c-8.981 7.868-14.621 19.359-14.621 32.167s5.64 24.299 14.572 32.124l0.049 0.042c10.156 8.727 23.465 14.040 38.014 14.040s27.858-5.313 38.092-14.105l-0.078 0.066 442.723-416.989c21.667-21.246 35.097-50.823 35.097-83.538 0-0.444-0.003-0.888-0.007-1.331v0.067c-1.049-42.681-19.73-80.802-49.009-107.504l-0.118-0.107c-27.771-25.797-65.112-41.627-106.148-41.627s-78.377 15.83-106.245 41.716l0.097-0.090-440.383 416.989c-43.561 40.015-70.766 97.247-70.766 160.83s27.203 120.815 70.608 160.688l0.158 0.143c45.833 42.805 107.572 69.087 175.451 69.087s129.619-26.282 175.601-69.225l-0.149 0.137 438.043-414.651c7.869-8.069 18.849-13.075 30.996-13.075s23.127 5.006 30.988 13.066l0.008 0.010c7.925 7.935 12.829 18.894 12.829 30.996s-4.902 23.061-12.829 30.997v0l-441.552 416.405c-60.773 56.558-142.541 91.272-232.414 91.272-1.768 0-3.534-0.014-5.296-0.040l0.267 0.003z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "paperclip",
-                    "attach",
-                    "link",
-                    "join",
-                    "bind"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 151,
-                "id": 56,
-                "name": "paperclip",
-                "prevSize": 24,
-                "code": 59771
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 190
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M833.7 643.604c-62.907 0.233-118.56 31.082-152.865 78.411l-0.38 0.551-309.417-152.076c5.76-17.446 9.17-37.537 9.358-58.398v-0.093c-0.189-20.954-3.597-41.044-9.755-59.892l0.396 1.402 309.417-152.076c34.79 46.82 89.928 76.825 152.074 76.825 104.34 0 188.925-84.585 188.925-188.925s-84.585-188.925-188.925-188.925c-104.34 0-188.925 84.585-188.925 188.925 0 0.34 0.001 0.68 0.003 1.020v-0.052c0.152 10.439 1.209 20.53 3.098 30.325l-0.173-1.080-319.945 160.849c-34.095-36.053-82.261-58.491-135.669-58.491-0.217 0-0.432 0-0.647 0.001h0.033c-104.986 0-190.096 85.108-190.096 190.096s85.108 190.096 190.096 190.096v0c0.182 0 0.399 0.001 0.614 0.001 53.408 0 101.575-22.439 135.587-58.404l0.082-0.088 319.945 160.849c-1.751 8.911-2.81 19.209-2.924 29.734l-0.001 0.096c0 104.986 85.108 190.096 190.096 190.096s190.096-85.108 190.096-190.096c0-104.986-85.108-190.096-190.096-190.096v0zM833.7 87.942c56.531 0 102.359 45.827 102.359 102.359s-45.827 102.359-102.359 102.359c-56.531 0-102.359-45.827-102.359-102.359v0c0.33-56.398 45.96-102.029 102.328-102.359h0.032zM190.3 614.359c-56.531 0-102.359-45.827-102.359-102.359s45.827-102.359 102.359-102.359c56.531 0 102.359 45.827 102.359 102.359v0c-0.33 56.398-45.96 102.029-102.328 102.359h-0.032zM833.7 936.058c-56.531 0-102.359-45.827-102.359-102.359s45.827-102.359 102.359-102.359c56.531 0 102.359 45.827 102.359 102.359v0c-0.33 56.398-45.96 102.029-102.328 102.359h-0.032z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "share-alt",
-                    "distribute",
-                    "social",
-                    "link"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 150,
-                "id": 57,
-                "name": "share-alt",
-                "prevSize": 24,
-                "code": 59770
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 191
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M921.588 58.527h-819.175c-56.419 0.331-102.067 45.977-102.397 102.366v702.182c0.331 56.419 45.977 102.067 102.366 102.397h819.207c56.419-0.331 102.067-45.977 102.397-102.366v-702.182c-0.331-56.419-45.977-102.067-102.366-102.397h-0.032zM102.412 146.296h819.175c8.079 0 14.629 6.55 14.629 14.629v0 90.11l-424.215 211.815-424.215-211.815v-90.11c0-8.079 6.55-14.629 14.629-14.629v0zM921.588 877.704h-819.175c-8.079 0-14.629-6.55-14.629-14.629v0-514.325l404.322 202.454c5.795 2.962 12.643 4.698 19.895 4.698s14.098-1.736 20.147-4.815l-0.252 0.117 404.322-202.454v514.325c0 8.079-6.55 14.629-14.629 14.629v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "envelope",
-                    "email",
-                    "letter",
-                    "mail",
-                    "message"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 217,
-                "id": 58,
-                "name": "envelope",
-                "prevSize": 24,
-                "code": 59769
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 192
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M710.11 1023.786c-11.715-0.201-22.473-4.137-31.176-10.665l0.138 0.099-316.316-253.581h-313.014c-27.205-0.367-49.161-22.323-49.528-49.492v-396.256c0.367-27.205 22.323-49.161 49.492-49.528h313.050l316.316-253.581c8.413-6.81 19.245-10.933 31.038-10.933 27.353 0 49.528 22.174 49.528 49.528 0 0.128 0 0.257-0.002 0.387v-0.020 924.514c-0.124 19.673-11.546 36.649-28.101 44.774l-0.296 0.132c-5.939 2.921-12.928 4.629-20.316 4.629-0.288 0-0.574-0.003-0.859-0.008h0.043zM99.27 660.583h280.656c11.732 0.051 22.527 4.016 31.159 10.656l-0.121-0.090 249.619 198.11v-716.499l-249.619 198.11c-8.511 6.55-19.306 10.515-31.026 10.566h-280.668z",
-                    "M915.484 735.204c-11.19-0.147-21.49-3.841-29.859-10.006l0.142 0.101c-12.083-9.132-19.811-23.475-19.811-39.622 0-11.206 3.721-21.543 9.995-29.84l-0.090 0.124c30.292-39.484 48.545-89.591 48.545-143.96s-18.251-104.477-48.961-144.528l0.418 0.566c-6.185-8.174-9.906-18.511-9.906-29.717 0-27.353 22.174-49.528 49.528-49.528 16.148 0 30.49 7.728 39.532 19.687l0.090 0.124c42.965 55.728 68.862 126.535 68.862 203.393s-25.897 147.666-69.442 204.176l0.58-0.783c-9.257 11.932-23.523 19.596-39.586 19.811h-0.036z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "volume-down",
-                    "low-sound",
-                    "decrease-volume",
-                    "quiet",
-                    "softer"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 148,
-                "id": 59,
-                "name": "volume-down",
-                "prevSize": 24,
-                "code": 59766
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 193
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M565.883 929.593c-9.559-0.164-18.337-3.376-25.438-8.703l0.112 0.081-258.099-206.91h-255.405c-22.198-0.299-40.113-18.215-40.412-40.383v-323.327c0.299-22.198 18.215-40.113 40.383-40.412h255.434l258.099-206.91c6.865-5.557 15.703-8.921 25.326-8.921 22.319 0 40.412 18.093 40.412 40.412 0 0.105 0 0.21-0.001 0.316v-0.016 754.361c-0.101 16.052-9.421 29.904-22.929 36.534l-0.241 0.107c-4.846 2.383-10.549 3.777-16.577 3.777-0.235 0-0.469-0.003-0.701-0.006h0.035zM67.466 633.237h229.002c9.573 0.042 18.381 3.277 25.424 8.695l-0.099-0.073 203.677 161.649v-584.629l-203.677 161.649c-6.785 5.918-15.568 9.703-25.217 10.233l-0.107 0.005h-229.002z",
-                    "M860.084 839.070c-10.094-0.015-19.331-3.681-26.461-9.747l0.058 0.048c-8.624-7.36-14.057-18.239-14.057-30.387 0-10.3 3.905-19.687 10.315-26.762l-0.030 0.034c61.742-68.722 99.501-160.079 99.501-260.255s-37.758-191.532-99.818-260.614l0.318 0.36c-6.378-7.12-10.277-16.575-10.277-26.941 0-22.34 18.111-40.451 40.451-40.451 11.975 0 22.734 5.203 30.141 13.472l0.034 0.038c74.659 82.7 120.339 192.814 120.339 313.599s-45.68 230.898-120.705 314.010l0.366-0.412c-7.167 8.586-17.874 14.010-29.847 14.010-0.115 0-0.23 0-0.345-0.001h0.018z",
-                    "M733.459 694.124c-9.131-0.12-17.535-3.134-24.364-8.165l0.116 0.082c-9.859-7.451-16.165-19.154-16.165-32.33 0-9.143 3.036-17.578 8.156-24.348l-0.073 0.101c24.717-32.217 39.61-73.102 39.61-117.464s-14.892-85.248-39.95-117.928l0.341 0.462c-5.046-6.669-8.082-15.104-8.082-24.247 0-22.319 18.093-40.412 40.412-40.412 13.176 0 24.879 6.306 32.257 16.064l0.073 0.101c35.058 45.471 56.188 103.247 56.188 165.959s-21.131 120.489-56.662 166.598l0.474-0.639c-7.553 9.736-19.193 15.989-32.301 16.165h-0.029z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "volume-up",
-                    "loud",
-                    "increase-sound",
-                    "high-volume",
-                    "louder"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 147,
-                "id": 60,
-                "name": "volume-up",
-                "prevSize": 24,
-                "code": 59767
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 194
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M842.183 1023.786c-11.715-0.201-22.473-4.137-31.176-10.665l0.138 0.099-316.316-253.581h-313.014c-27.205-0.367-49.161-22.323-49.528-49.492v-396.256c0.367-27.205 22.323-49.161 49.492-49.528h313.050l316.316-253.581c8.413-6.81 19.245-10.933 31.038-10.933 27.353 0 49.528 22.174 49.528 49.528 0 0.128 0 0.257-0.002 0.387v-0.020 924.514c-0.153 19.495-11.255 36.364-27.452 44.771l-0.283 0.133c-6.264 2.921-13.598 4.625-21.331 4.625-0.163 0-0.323 0-0.486-0.002h0.025zM231.344 660.583h280.656c11.732 0.051 22.527 4.016 31.159 10.656l-0.121-0.090 249.619 198.11v-716.499l-249.619 198.11c-8.511 6.55-19.306 10.515-31.026 10.566h-280.668z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "volume-off",
-                    "mute",
-                    "silent",
-                    "noiseless",
-                    "sound-off"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 146,
-                "id": 61,
-                "name": "volume-off",
-                "prevSize": 24,
-                "code": 59768
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 195
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M974.421 561.545h-924.841c-27.344-0.025-49.502-22.198-49.502-49.545 0-13.671 5.537-26.048 14.49-35.013v0l462.421-462.421c8.963-8.952 21.342-14.49 35.011-14.49s26.048 5.537 35.013 14.49v0l462.421 462.421c8.952 8.963 14.49 21.342 14.49 35.011 0 27.347-22.157 49.52-49.499 49.545h-0.003zM169.148 462.455h685.704l-342.852-342.852z",
-                    "M908.36 1023.966h-792.721c-63.696-0.373-115.233-51.908-115.606-115.57v-132.155c0.373-63.696 51.908-115.233 115.57-115.606h792.757c63.696 0.373 115.233 51.908 115.606 115.57v132.155c-0.373 63.696-51.908 115.233-115.57 115.606h-0.036zM115.64 759.725c-9.121 0-16.516 7.395-16.516 16.516v0 132.12c0 9.121 7.395 16.516 16.516 16.516v0h792.721c9.121 0 16.516-7.395 16.516-16.516v0-132.12c0-9.121-7.395-16.516-16.516-16.516v0z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "eject",
-                    "remove",
-                    "release",
-                    "take-out",
-                    "disconnect"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 145,
-                "id": 62,
-                "name": "eject",
-                "prevSize": 24,
-                "code": 59765
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 196
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M921.588 117.040h-819.175c-56.419 0.331-102.067 45.977-102.397 102.366v585.157c0.331 56.419 45.977 102.067 102.366 102.397h819.207c56.419-0.331 102.067-45.977 102.397-102.366v-585.157c-0.331-56.419-45.977-102.067-102.366-102.397h-0.032zM936.215 219.438v97.715h-12.288c-3.162 0.418-6.82 0.657-10.532 0.657s-7.37-0.239-10.956-0.701l0.424 0.045h-7.607c-7.377-1.502-13.839-3.52-20.003-6.11l0.694 0.259h-7.022c-8.645-4.243-16.008-9.735-22.196-16.341l-0.038-0.041c-16.923-16.712-27.426-39.89-27.5-65.521v-0.014c0.016-8.559 1.299-16.812 3.668-24.592l-0.158 0.601h98.887c0.004 0 0.008 0 0.012 0 7.873 0 14.294 6.219 14.615 14.014l0.001 0.029zM102.412 204.809h98.887c2.212 7.178 3.494 15.431 3.511 23.981v0.010c-0.074 25.645-10.578 48.823-27.491 65.525l-0.010 0.010c-6.348 6.456-13.68 11.92-21.756 16.155l-0.479 0.229h-7.607c-5.25 2.652-11.34 4.689-17.749 5.795l-0.389 0.056h-8.191c-3.162 0.418-6.82 0.657-10.532 0.657s-7.37-0.239-10.956-0.701l0.424 0.045h-12.288v-97.131c0-8.079 6.55-14.629 14.629-14.629v0zM87.785 804.562v-97.715h12.288c3.162-0.418 6.82-0.657 10.532-0.657s7.37 0.239 10.956 0.701l-0.424-0.045h7.607c7.229 1.166 13.718 3.206 19.76 6.041l-0.451-0.191h7.022c8.556 4.464 15.886 9.927 22.223 16.372l0.012 0.012c16.923 16.712 27.426 39.89 27.5 65.521v0.014c-0.016 8.559-1.299 16.812-3.668 24.592l0.158-0.601h-98.887c-0.004 0-0.008 0-0.012 0-7.873 0-14.294-6.219-14.615-14.014l-0.001-0.029zM290.823 819.191c0.287-3.59 0.451-7.773 0.451-11.996s-0.163-8.405-0.485-12.544l0.034 0.549c0.004-0.481 0.007-1.050 0.007-1.62 0-49.382-20.391-94-53.213-125.896l-0.041-0.040c-8.427-8.529-17.825-16.067-28.024-22.443l-0.647-0.377-9.947-6.436c-5.625-3.003-12.567-6.153-19.707-8.903l-1.358-0.459-11.702-4.681c-8.77-2.704-19.269-4.96-30.044-6.336l-0.968-0.101c-2.719-0.288-5.875-0.451-9.069-0.451s-6.35 0.165-9.458 0.484l0.389-0.033h-29.256v-210.060h49.736c9.036-1.557 16.909-3.588 24.522-6.182l-1.116 0.331 12.873-4.096c9.915-3.42 18.418-7.374 26.429-12.074l-0.683 0.37 9.362-5.266c11.406-7.555 21.355-15.646 30.453-24.6l-0.026 0.025c32.863-31.937 53.254-76.555 53.254-125.937 0-0.569-0.003-1.138-0.008-1.707v0.086c0.287-3.59 0.451-7.773 0.451-11.996s-0.163-8.405-0.485-12.544l0.034 0.549h442.355c-0.287 3.59-0.451 7.773-0.451 11.996s0.163 8.405 0.485 12.544l-0.034-0.549c-0.004 0.481-0.007 1.050-0.007 1.62 0 49.382 20.391 94 53.213 125.896l0.041 0.040c8.973 9.14 18.943 17.251 29.747 24.168l0.679 0.407 9.362 5.266c7.327 4.329 15.83 8.282 24.727 11.392l1.018 0.31 12.873 4.096c6.721 2.133 14.826 3.972 23.141 5.166l0.85 0.1h49.151v208.304h-29.256c-2.719-0.277-5.876-0.435-9.069-0.435s-6.351 0.158-9.463 0.466l0.394-0.032c-11.742 1.477-22.241 3.733-32.391 6.794l1.38-0.358-11.702 4.681c-9.096 3.533-16.61 7.072-23.848 11.051l1.029-0.518-9.947 6.436c-10.846 6.753-20.244 14.291-28.657 22.805l-0.015 0.015c-32.863 31.937-53.254 76.555-53.254 125.937 0 0.569 0.003 1.138 0.008 1.707v-0.086c-0.287 3.59-0.451 7.773-0.451 11.996s0.163 8.405 0.485 12.544l-0.034-0.549zM921.588 819.191h-98.887c-2.212-7.178-3.494-15.431-3.511-23.981v-0.010c0.074-25.645 10.578-48.823 27.491-65.525l0.010-0.010c6.226-6.647 13.589-12.14 21.793-16.186l0.443-0.197h7.022c5.388-2.223 11.845-4.236 18.507-5.704l0.802-0.148h7.607c3.162-0.418 6.82-0.657 10.532-0.657s7.37 0.239 10.956 0.701l-0.424-0.045h12.288v97.131c0 8.079-6.55 14.629-14.629 14.629v0z",
-                    "M512 307.207c-113.105 0-204.793 91.69-204.793 204.793s91.69 204.793 204.793 204.793c113.105 0 204.793-91.69 204.793-204.793v0c0-113.105-91.69-204.793-204.793-204.793v0zM512 629.025c-64.631 0-117.025-52.394-117.025-117.025s52.394-117.025 117.025-117.025c64.631 0 117.025 52.394 117.025 117.025v0c0 64.631-52.394 117.025-117.025 117.025v0z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "money-bill",
-                    "cash",
-                    "currency",
-                    "banknote",
-                    "bucks"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 144,
-                "id": 63,
-                "name": "money-bill",
-                "prevSize": 24,
-                "code": 59764
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 197
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M871.768 55.371h-553.491c-84.063 0-152.209 68.147-152.209 152.209v0 13.838h-13.838c-84.063 0-152.209 68.147-152.209 152.209v0 442.792c0 84.063 68.147 152.209 152.209 152.209v0h553.491c84.063 0 152.209-68.147 152.209-152.209v0-13.838h13.838c84.063 0 152.209-68.147 152.209-152.209v0-442.792c0-84.063-68.147-152.209-152.209-152.209v0zM249.092 207.58c0-38.21 30.976-69.186 69.186-69.186v0h553.491c38.21 0 69.186 30.976 69.186 69.186v0 343.163l-125.642-105.716c-7.15-6.241-16.567-10.047-26.872-10.047-12.495 0-23.684 5.595-31.196 14.418l-0.048 0.058-59.223 69.74-221.396-214.755c-6.965-8.265-17.229-13.559-28.735-13.836l-0.047-0.001c-11.963 0.464-22.566 5.925-29.844 14.338l-0.044 0.052-168.814 200.917zM318.279 719.559c-38.21 0-69.186-30.976-69.186-69.186v0-16.605l203.131-239.108 191.508 187.633-116.233 137.265zM774.908 816.42c0 38.21-30.976 69.186-69.186 69.186v0h-553.491c-38.21 0-69.186-30.976-69.186-69.186v0-442.792c0-38.21 30.976-69.186 69.186-69.186v0h13.838v345.932c0 84.063 68.147 152.209 152.209 152.209v0h456.629zM871.768 719.559h-235.233l157.191-184.866 145.567 123.429c-3.487 34.553-32.362 61.315-67.514 61.437h-0.013z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "images",
-                    "pictures",
-                    "photos",
-                    "graphics",
-                    "illustrations"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 143,
-                "id": 64,
-                "name": "images",
-                "prevSize": 24,
-                "code": 59763
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 198
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M863.086 58.514h-702.171c-88.87 0-160.914 72.044-160.914 160.914v0 585.143c0 88.87 72.044 160.914 160.914 160.914v0h702.171c88.87 0 160.914-72.044 160.914-160.914v0-585.143c0-88.87-72.044-160.914-160.914-160.914v0zM160.914 146.285h702.171c40.395 0 73.142 32.747 73.142 73.142v0 479.232l-159.158-159.158c-7.493-7.993-18.119-12.974-29.908-12.974-1.007 0-2.005 0.036-2.992 0.108l0.133-0.008c-12.88 0.772-24.239 6.708-32.137 15.744l-0.047 0.055-75.483 90.697-269.166-269.166c-7.488-7.945-18.081-12.89-29.83-12.89-0.416 0-0.831 0.007-1.244 0.018l0.060-0.001c-12.88 0.772-24.239 6.708-32.137 15.744l-0.047 0.055-216.503 258.048v-405.504c0-40.395 32.747-73.142 73.142-73.142v0zM87.772 804.571v-42.716l251.612-301.934 241.079 241.079-147.456 175.543h-272.091c-0.003 0-0.005 0-0.010 0-39.984 0-72.475-32.083-73.133-71.911l-0.001-0.062zM863.086 877.715h-315.977l201.874-242.249 184.32 184.32c-6.765 33.136-35.591 57.744-70.197 57.929h-0.021z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "image",
-                    "picture",
-                    "photo",
-                    "graphic",
-                    "illustration"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 142,
-                "id": 65,
-                "name": "image",
-                "prevSize": 24,
-                "code": 59762
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 199
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M863.075 1023.984h-175.538c-24.237 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h175.538c1.762 0.162 3.81 0.255 5.881 0.255 34.275 0 62.615-25.405 67.22-58.41l0.041-0.357v-729.651c-4.645-33.363-32.986-58.768-67.261-58.768-2.069 0-4.118 0.093-6.141 0.274l0.261-0.019h-175.538c-24.237 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h175.538c1.958-0.089 4.255-0.14 6.565-0.14 83.099 0 150.872 65.615 154.335 147.863l0.011 0.313v726.14c-3.472 82.56-71.246 148.176-154.344 148.176-2.309 0-4.606-0.051-6.89-0.151l0.325 0.011z",
-                    "M453.487 789.935c-0.060 0-0.133 0-0.204 0-12.052 0-22.953-4.923-30.803-12.869l-0.004-0.004c-7.929-7.939-12.835-18.903-12.835-31.011s4.904-23.072 12.835-31.013v0l203.038-203.038-203.038-203.038c-7.297-7.816-11.777-18.344-11.777-29.917 0-24.237 19.648-43.884 43.884-43.884 11.575 0 22.101 4.48 29.943 11.802l-0.026-0.023 234.051 234.051c7.929 7.939 12.835 18.903 12.835 31.011s-4.904 23.072-12.835 31.013v0l-234.051 234.051c-7.854 7.95-18.755 12.873-30.807 12.873-0.071 0-0.144 0-0.215 0h0.011z",
-                    "M687.538 555.884h-643.638c-24.237 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h643.638c24.237 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sign-in",
-                    "login",
-                    "enter",
-                    "connect",
-                    "access"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 141,
-                "id": 66,
-                "name": "sign-in",
-                "prevSize": 24,
-                "code": 59760
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 200
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M336.515 1023.832h-175.485c-1.958 0.089-4.254 0.14-6.563 0.14-83.075 0-150.827-65.596-154.289-147.819l-0.011-0.313v-727.679c3.471-82.536 71.225-148.132 154.298-148.132 2.309 0 4.605 0.051 6.888 0.151l-0.325-0.011h175.485c24.229 0 43.871 19.642 43.871 43.871s-19.642 43.871-43.871 43.871v0h-175.485c-1.762-0.162-3.809-0.255-5.879-0.255-34.265 0-62.596 25.397-67.2 58.393l-0.041 0.356v729.434c4.644 33.353 32.976 58.751 67.241 58.751 2.069 0 4.117-0.093 6.139-0.274l-0.26 0.019h175.485c24.229 0 43.871 19.642 43.871 43.871s-19.642 43.871-43.871 43.871v0z",
-                    "M745.981 789.852c-0.060 0-0.133 0-0.204 0-12.048 0-22.946-4.922-30.794-12.865l-0.004-0.004c-7.927-7.937-12.831-18.898-12.831-31.002s4.903-23.065 12.831-31.003v0l202.978-202.978-202.978-202.978c-8.602-8.031-13.963-19.438-13.963-32.097 0-24.229 19.642-43.871 43.871-43.871 12.66 0 24.066 5.362 32.073 13.937l0.023 0.026 233.981 233.981c7.927 7.937 12.831 18.898 12.831 31.002s-4.903 23.065-12.831 31.003v0l-233.981 233.981c-7.852 7.948-18.75 12.869-30.798 12.869-0.071 0-0.144 0-0.215 0h0.011z",
-                    "M979.961 555.871h-643.446c-24.229 0-43.871-19.642-43.871-43.871s19.642-43.871 43.871-43.871v0h643.446c24.229 0 43.871 19.642 43.871 43.871s-19.642 43.871-43.871 43.871v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sign-out",
-                    "logout",
-                    "exit",
-                    "leave",
-                    "disconnect"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 140,
-                "id": 67,
-                "name": "sign-out",
-                "prevSize": 24,
-                "code": 59761
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 201
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M823.892 558.055c-0.046 0-0.1 0-0.154 0-10.973 0-20.961-4.21-28.44-11.103l0.029 0.026c-74.352-66.801-173.194-107.653-281.576-107.653s-207.224 40.851-281.966 107.996l0.389-0.344c-7.699 6.911-17.932 11.137-29.152 11.137-12.958 0-24.6-5.638-32.606-14.593l-0.037-0.042c-6.617-7.695-10.645-17.782-10.645-28.809 0-13.081 5.67-24.84 14.685-32.949l0.041-0.036c89.475-80.776 208.611-130.198 339.291-130.198s249.814 49.422 339.736 130.594l-0.445-0.396c9.056 8.146 14.726 19.904 14.726 32.986 0 11.028-4.029 21.114-10.694 28.868l0.049-0.059c-8.339 8.889-20.122 14.46-33.209 14.575h-0.020z",
-                    "M978.379 395.406c-11.486-0.060-21.927-4.48-29.763-11.688l0.031 0.029c-113.494-108.335-267.577-175.003-437.231-175.003s-323.736 66.669-437.478 175.238l0.247-0.234c-8.074 9.555-20.065 15.58-33.462 15.58-24.147 0-43.723-19.576-43.723-43.723 0-14.862 7.414-27.991 18.746-35.891l0.142-0.094c128.857-122.252 303.412-197.437 495.528-197.437s366.671 75.186 495.847 197.738l-0.318-0.301c8.63 8.010 14.013 19.416 14.013 32.079 0 23.746-18.928 43.070-42.521 43.707l-0.059 0.001z",
-                    "M359.26 724.203c-14.255 0-26.917-6.822-34.899-17.38l-0.079-0.109c-5.603-7.207-8.984-16.384-8.984-26.351 0-14.271 6.93-26.924 17.608-34.778l0.12-0.083c49.111-37.883 111.521-60.719 179.265-60.719s130.154 22.836 179.953 61.23l-0.689-0.51c10.667 8.061 17.489 20.723 17.489 34.978 0 9.892-3.285 19.018-8.824 26.343l0.079-0.109c-8.18 10.541-20.853 17.261-35.095 17.261-9.821 0-18.895-3.195-26.241-8.603l0.123 0.086c-34.771-26.697-78.905-42.783-126.797-42.783s-92.026 16.086-127.294 43.149l0.497-0.366c-7.262 5.353-16.355 8.615-26.202 8.745h-0.031z",
-                    "M512 905.508c-24.147 0-43.723-19.576-43.723-43.723s19.576-43.723 43.723-43.723v0 0c24.147 0 43.723 19.576 43.723 43.723s-19.576 43.723-43.723 43.723v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "wifi",
-                    "internet",
-                    "wireless",
-                    "network",
-                    "connection"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 139,
-                "id": 68,
-                "name": "wifi",
-                "prevSize": 24,
-                "code": 59759
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 202
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M590.766 393.851h-157.532c-50.632-0.297-91.598-41.261-91.894-91.866v-157.56c0.297-50.632 41.261-91.598 91.866-91.894h157.56c50.632 0.297 91.598 41.261 91.894 91.866v157.56c-0.297 50.632-41.261 91.598-91.866 91.894h-0.028zM433.234 131.298c-7.25 0-13.128 5.878-13.128 13.128v0 157.532c0 7.25 5.878 13.128 13.128 13.128v0h157.532c7.25 0 13.128-5.878 13.128-13.128v0-157.532c0-7.25-5.878-13.128-13.128-13.128v0z",
-                    "M196.936 918.958h-105.021c-50.632-0.297-91.598-41.261-91.894-91.866v-105.049c0.297-50.632 41.261-91.598 91.866-91.894h105.049c50.632 0.297 91.598 41.261 91.894 91.866v105.049c-0.297 50.632-41.261 91.598-91.866 91.894h-0.028zM91.915 708.915c-7.25 0-13.128 5.878-13.128 13.128v0 105.021c0 7.25 5.878 13.128 13.128 13.128v0h105.021c7.25 0 13.128-5.878 13.128-13.128v0-105.021c0-7.25-5.878-13.128-13.128-13.128v0z",
-                    "M564.511 918.958h-105.021c-50.632-0.297-91.598-41.261-91.894-91.866v-105.049c0.297-50.632 41.261-91.598 91.866-91.894h105.049c50.632 0.297 91.598 41.261 91.894 91.866v105.049c-0.297 50.632-41.261 91.598-91.866 91.894h-0.028zM459.489 708.915c-7.25 0-13.128 5.878-13.128 13.128v0 105.021c0 7.25 5.878 13.128 13.128 13.128v0h105.021c7.25 0 13.128-5.878 13.128-13.128v0-105.021c0-7.25-5.878-13.128-13.128-13.128v0z",
-                    "M932.085 918.958h-105.021c-50.632-0.297-91.598-41.261-91.894-91.866v-105.049c0.297-50.632 41.261-91.598 91.866-91.894h105.049c50.632 0.297 91.598 41.261 91.894 91.866v105.049c-0.297 50.632-41.261 91.598-91.866 91.894h-0.028zM827.064 708.915c-7.25 0-13.128 5.878-13.128 13.128v0 105.021c0 7.25 5.878 13.128 13.128 13.128v0h105.021c7.25 0 13.128-5.878 13.128-13.128v0-105.021c0-7.25-5.878-13.128-13.128-13.128v0z",
-                    "M879.575 708.915c-21.632-0.292-39.091-17.751-39.383-39.355v-105.049c0-7.25-5.878-13.128-13.128-13.128v0h-630.129c-7.25 0-13.128 5.878-13.128 13.128v0 105.021c0 21.751-17.633 39.383-39.383 39.383s-39.383-17.633-39.383-39.383v0-105.021c0.297-50.632 41.261-91.598 91.866-91.894h630.157c50.632 0.297 91.598 41.261 91.894 91.866v105.049c-0.292 21.632-17.751 39.091-39.355 39.383h-0.028z",
-                    "M512 708.915c-21.632-0.292-39.091-17.751-39.383-39.355v-315.093c0-21.751 17.633-39.383 39.383-39.383s39.383 17.633 39.383 39.383v0 315.064c-0.292 21.632-17.751 39.091-39.355 39.383h-0.028z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sitemap",
-                    "hierarchy",
-                    "structure",
-                    "tree",
-                    "network"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 138,
-                "id": 69,
-                "name": "sitemap",
-                "prevSize": 24,
-                "code": 59758
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 203
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M46.545 1024c-25.567-0.345-46.201-20.979-46.545-46.512v-930.943c0-25.706 20.839-46.545 46.545-46.545s46.545 20.839 46.545 46.545v0 930.909c-0.345 25.567-20.979 46.201-46.512 46.545h-0.033z",
-                    "M977.455 1024h-930.909c-25.706 0-46.545-20.839-46.545-46.545s20.839-46.545 46.545-46.545v0h930.909c25.706 0 46.545 20.839 46.545 46.545s-20.839 46.545-46.545 46.545v0z",
-                    "M263.757 806.788c-25.567-0.345-46.201-20.979-46.545-46.512v-248.276c0-25.706 20.839-46.545 46.545-46.545s46.545 20.839 46.545 46.545v0 248.243c-0.345 25.567-20.979 46.201-46.512 46.545h-0.033z",
-                    "M480.97 806.788c-25.567-0.345-46.201-20.979-46.545-46.512v-496.518c0-25.706 20.839-46.545 46.545-46.545s46.545 20.839 46.545 46.545v0 496.484c-0.345 25.567-20.979 46.201-46.512 46.545h-0.033z",
-                    "M698.182 806.788c-25.567-0.345-46.201-20.979-46.545-46.512v-248.276c0-25.706 20.839-46.545 46.545-46.545s46.545 20.839 46.545 46.545v0 248.243c-0.345 25.567-20.979 46.201-46.512 46.545h-0.033z",
-                    "M915.393 806.788c-25.567-0.345-46.201-20.979-46.545-46.512v-496.518c0-25.706 20.839-46.545 46.545-46.545s46.545 20.839 46.545 46.545v0 496.484c-0.345 25.567-20.979 46.201-46.512 46.545h-0.033z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "chart-bar",
-                    "graphic",
-                    "diagram",
-                    "stats",
-                    "bar-chart"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 137,
-                "id": 70,
-                "name": "chart-bar",
-                "prevSize": 24,
-                "code": 59757
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 204
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M863.086 936.228h-702.171c-88.87 0-160.914-72.044-160.914-160.914v0-351.086c0-88.87 72.044-160.914 160.914-160.914v0h35.109l69.047-102.4c29.412-43.303 78.425-71.379 133.997-71.387h225.866c55.573 0.008 104.587 28.085 133.636 70.825l0.361 0.562 69.047 102.4h35.109c88.87 0 160.914 72.044 160.914 160.914v0 351.086c0 88.87-72.044 160.914-160.914 160.914v0zM160.914 351.086c-40.395 0-73.142 32.747-73.142 73.142v0 351.086c0 40.395 32.747 73.142 73.142 73.142v0h702.171c40.395 0 73.142-32.747 73.142-73.142v0-351.086c0-40.395-32.747-73.142-73.142-73.142v0h-58.515c-15.035-0.029-28.294-7.614-36.181-19.159l-0.097-0.151-80.75-123.466c-12.764-19.278-34.075-32.011-58.402-32.765l-0.111-0.003h-229.961c-24.44 0.758-45.751 13.489-58.346 32.499l-0.167 0.269-84.846 123.466c-7.986 11.696-21.243 19.281-36.274 19.31h-0.004z",
-                    "M512 760.685c-105.028 0-190.172-85.142-190.172-190.172s85.142-190.172 190.172-190.172c105.028 0 190.172 85.142 190.172 190.172v0c-0.332 104.895-85.277 189.84-190.139 190.172h-0.032zM512 468.114c-56.554 0-102.4 45.845-102.4 102.4s45.845 102.4 102.4 102.4c56.554 0 102.4-45.845 102.4-102.4v0c-0.331-56.421-45.979-102.070-102.369-102.4h-0.032z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "camera",
-                    "photo",
-                    "picture",
-                    "snapshot",
-                    "image"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 136,
-                "id": 71,
-                "name": "camera",
-                "prevSize": 24,
-                "code": 59756
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 205
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1023.977c-24.105-0.325-43.559-19.779-43.884-43.852v-936.219c0-24.236 19.648-43.884 43.884-43.884s43.884 19.648 43.884 43.884v0 936.187c-0.325 24.105-19.779 43.559-43.852 43.884h-0.032z",
-                    "M599.768 906.954h-380.325c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h380.325c3.954 0.373 8.548 0.587 13.193 0.587 76.308 0 139.186-57.511 147.651-131.554l0.063-0.684c-8.529-74.727-71.406-132.238-147.714-132.238-4.645 0-9.24 0.213-13.775 0.629l0.583-0.044h-175.535c-4.502 0.309-9.759 0.484-15.056 0.484-124.284 0-225.944-96.875-233.585-219.234l-0.033-0.671c7.676-123.029 109.334-219.903 233.619-219.903 5.298 0 10.553 0.176 15.762 0.522l-0.706-0.037h321.815c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0h-321.815c-3.954-0.373-8.548-0.587-13.193-0.587-76.308 0-139.186 57.511-147.651 131.554l-0.063 0.684c8.529 74.727 71.406 132.238 147.714 132.238 4.645 0 9.24-0.213 13.775-0.629l-0.583 0.044h175.535c4.502-0.309 9.759-0.484 15.056-0.484 124.284 0 225.944 96.875 233.585 219.234l0.033 0.671c-7.676 123.029-109.334 219.903-233.619 219.903-5.298 0-10.553-0.176-15.762-0.522l0.706 0.037z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "dollar",
-                    "money",
-                    "currency",
-                    "cash",
-                    "payment"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 135,
-                "id": 72,
-                "name": "dollar",
-                "prevSize": 24,
-                "code": 59755
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 206
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M746.049 0.019c-153.498 0-277.933 124.435-277.933 277.933v0 131.652h-307.189c-88.867 0-160.908 72.041-160.908 160.908v0 292.56c0 88.867 72.041 160.908 160.908 160.908v0h409.585c88.867 0 160.908-72.041 160.908-160.908v0-292.56c0-88.867-72.041-160.908-160.908-160.908v0h-14.628v-131.652c0-105.024 85.139-190.165 190.165-190.165s190.165 85.139 190.165 190.165v0c0 24.236 19.648 43.884 43.884 43.884s43.884-19.648 43.884-43.884v0c0-153.498-124.435-277.933-277.933-277.933v0zM643.652 570.513v292.56c0 40.394-32.746 73.14-73.14 73.14v0h-409.585c-40.394 0-73.14-32.746-73.14-73.14v0-292.56c0-40.394 32.746-73.14 73.14-73.14v0h409.585c40.394 0 73.14 32.746 73.14 73.14v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "lock-open",
-                    "unlock",
-                    "access",
-                    "open",
-                    "unchain"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 134,
-                "id": 73,
-                "name": "lock-open",
-                "prevSize": 24,
-                "code": 59754
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 207
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M863.086 58.514h-702.171c-88.87 0-160.914 72.044-160.914 160.914v0 585.143c0 88.87 72.044 160.914 160.914 160.914v0h702.171c88.87 0 160.914-72.044 160.914-160.914v0-585.143c0-88.87-72.044-160.914-160.914-160.914v0zM936.228 219.429v248.685h-380.342v-321.829h307.2c40.395 0 73.142 32.747 73.142 73.142v0zM160.914 146.285h307.2v321.829h-380.342v-248.685c0-40.395 32.747-73.142 73.142-73.142v0zM87.772 804.571v-248.685h380.342v321.829h-307.2c-40.395 0-73.142-32.747-73.142-73.142v0zM863.086 877.715h-307.2v-321.829h380.342v248.685c0 40.395-32.747 73.142-73.142 73.142v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "table",
-                    "spreadsheet",
-                    "grid",
-                    "chart",
-                    "layout"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 133,
-                "id": 74,
-                "name": "table",
-                "prevSize": 24,
-                "code": 59753
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 208
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1022.599c-0.113 0.001-0.245 0.001-0.378 0.001-8.356 0-16.084-2.691-22.364-7.254l0.11 0.076c-16.56-10.488-405.166-271.583-405.166-588.982 0-236.266 191.533-427.799 427.799-427.799s427.799 191.533 427.799 427.799v0c0 317.399-386.399 578.495-405.166 588.982-6.17 4.487-13.897 7.178-22.254 7.178-0.133 0-0.265-0.001-0.397-0.003h0.021zM512 84.201c-0.329-0.001-0.718-0.001-1.107-0.001-189.346 0-342.951 153.026-343.891 342.151v0.089c0 232.392 264.407 444.91 344.999 503.975 80.591-59.063 344.999-271.583 344.999-503.975-0.939-189.216-154.544-342.241-343.891-342.241-0.389 0-0.779 0.001-1.168 0.003h0.061z",
-                    "M512 553.4c-83.836 0-151.799-67.963-151.799-151.799s67.963-151.799 151.799-151.799c83.836 0 151.799 67.963 151.799 151.799v0c0 83.836-67.963 151.799-151.799 151.799v0zM512 332.6c-38.107 0-68.999 30.892-68.999 68.999s30.892 68.999 68.999 68.999c38.107 0 68.999-30.892 68.999-68.999v0c0-38.107-30.892-68.999-68.999-68.999v0z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "map-marker",
-                    "location",
-                    "pin",
-                    "place",
-                    "position"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 132,
-                "id": 75,
-                "name": "map-marker",
-                "prevSize": 24,
-                "code": 59752
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 209
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M967.082 560.759h-715.127c-26.929 0-48.759-21.83-48.759-48.759s21.83-48.759 48.759-48.759v0h715.127c26.929 0 48.759 21.83 48.759 48.759s-21.83 48.759-48.759 48.759v0z",
-                    "M967.082 268.207h-715.127c-26.929 0-48.759-21.83-48.759-48.759s21.83-48.759 48.759-48.759v0h715.127c26.929 0 48.759 21.83 48.759 48.759s-21.83 48.759-48.759 48.759v0z",
-                    "M967.082 853.311h-715.127c-26.929 0-48.759-21.83-48.759-48.759s21.83-48.759 48.759-48.759v0h715.127c26.929 0 48.759 21.83 48.759 48.759s-21.83 48.759-48.759 48.759v0z",
-                    "M56.918 284.46c-0.236 0.003-0.517 0.005-0.797 0.005-8.607 0-16.825-1.673-24.344-4.711l0.436 0.155c-8.191-4.021-15.246-8.79-21.551-14.388l0.098 0.085c-11.653-11.746-18.854-27.923-18.854-45.783 0-0.133 0-0.264 0.002-0.396v0.020c0.258-17.936 7.392-34.155 18.879-46.185l-0.024 0.026c5.935-5.857 13.086-10.5 21.038-13.514l0.416-0.139c7.303-3.084 15.795-4.877 24.704-4.877s17.401 1.792 25.134 5.036l-0.428-0.16c8.326 3.279 15.455 7.903 21.477 13.674l-0.023-0.021c11.461 12.002 18.595 28.224 18.853 46.107v0.050c0 0.111 0.002 0.244 0.002 0.376 0 17.859-7.201 34.037-18.859 45.786l0.005-0.005c-6.208 5.511-13.262 10.282-20.899 14.055l-0.555 0.248c-7.082 2.883-15.3 4.556-23.909 4.556-0.28 0-0.559-0.002-0.84-0.005h0.043z",
-                    "M56.918 577.012c-8.949-0.111-17.424-2.014-25.124-5.363l0.419 0.163c-8.262-3.501-15.357-8.097-21.513-13.706l0.059 0.053c-11.653-11.746-18.854-27.923-18.854-45.783 0-0.133 0-0.264 0.002-0.396v0.020c0.258-17.936 7.392-34.155 18.879-46.185l-0.024 0.026c6.096-5.555 13.192-10.151 20.966-13.467l0.488-0.186c8.019-3.808 17.424-6.032 27.348-6.032 3.658 0 7.245 0.302 10.739 0.882l-0.379-0.052 11.702 3.901 11.702 5.851c3.642 2.58 6.822 5.141 9.837 7.878l-0.085-0.076c11.672 12.226 18.854 28.826 18.854 47.102 0 0.125 0 0.251-0.002 0.376v-0.020c0 35.905-29.107 65.012-65.012 65.012v0z",
-                    "M56.918 869.564c-0.236 0.003-0.517 0.005-0.797 0.005-8.607 0-16.825-1.673-24.344-4.711l0.436 0.155c-8.191-4.021-15.246-8.79-21.551-14.388l0.098 0.085c-5.555-6.096-10.151-13.192-13.467-20.966l-0.186-0.488c-3.296-7.27-5.216-15.763-5.216-24.704s1.92-17.436 5.371-25.089l-0.155 0.385c3.501-8.262 8.097-15.357 13.706-21.513l-0.053 0.059c11.733-11.582 27.863-18.736 45.663-18.736 9.098 0 17.76 1.87 25.624 5.245l-0.424-0.162c8.326 3.279 15.455 7.903 21.477 13.674l-0.023-0.021c5.555 6.096 10.151 13.192 13.467 20.966l0.186 0.488c3.296 7.27 5.216 15.763 5.216 24.704s-1.92 17.436-5.371 25.089l0.155-0.385c-3.501 8.262-8.097 15.357-13.706 21.513l0.053-0.059c-11.746 11.653-27.923 18.854-45.783 18.854-0.133 0-0.264 0-0.396-0.002h0.020z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "list",
-                    "items",
-                    "tasks",
-                    "enumeration",
-                    "record"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 131,
-                "id": 76,
-                "name": "list",
-                "prevSize": 24,
-                "code": 59751
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 210
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1020.3 494.452c-7.019-15.208-167.289-377.277-508.3-377.277-0.14 0-0.306 0-0.472 0-34.241 0-67.586 3.836-99.63 11.102l3.004-0.573c-18.045 5.713-30.896 22.309-30.896 41.908 0 24.228 19.641 43.869 43.869 43.869 2.026 0 4.020-0.137 5.972-0.403l-0.228 0.025c23.536-5.148 50.592-8.127 78.334-8.188h0.045c244.499 0 384.881 239.819 419.391 307.086-23.064 44.686-47.534 82.99-75.058 118.824l1.357-1.84c-5.75 7.348-9.221 16.722-9.221 26.907 0 24.18 19.562 43.79 43.724 43.869h0.007c13.993-0.045 26.437-6.635 34.437-16.866l0.073-0.096c34.924-43.997 66.128-93.737 91.55-146.775l2.039-4.721c2.455-5.422 3.887-11.757 3.887-18.425s-1.431-13.003-4.002-18.713l0.117 0.288z",
-                    "M192.045 130.044c-7.813-7.295-18.337-11.773-29.907-11.773-24.228 0-43.869 19.641-43.869 43.869 0 11.571 4.479 22.094 11.798 29.933l-0.023-0.026 53.813 53.813c-74.699 68.875-135.393 151.659-178.181 244.402l-1.975 4.776c-2.203 5.093-3.485 11.025-3.485 17.256s1.282 12.161 3.596 17.545l-0.111-0.289c7.019 15.208 167.289 377.277 508.3 377.277 0.681 0.004 1.487 0.005 2.294 0.005 94.711 0 182.793-28.386 256.201-77.116l-1.714 1.069 63.172 63.172c7.936 7.927 18.897 12.83 31.001 12.83s23.064-4.902 31.002-12.83v0c7.927-7.936 12.83-18.897 12.83-31.001s-4.902-23.064-12.83-31.002v0zM416.073 480.999l129.268 129.853c-9.942 3.409-21.397 5.378-33.312 5.378-28.107 0-53.656-10.952-72.612-28.824l0.052 0.049c-18.724-18.468-30.323-44.118-30.323-72.478 0-13.277 2.543-25.962 7.167-37.592l-0.241 0.688zM512 819.086c-245.083 0-384.881-240.404-419.391-307.086 39.962-79.399 91.284-146.975 152.768-203.701l0.481-0.439 104.701 104.701c-17.797 28.341-28.353 62.795-28.353 99.714 0 104.667 84.849 189.516 189.516 189.516 36.919 0 71.373-10.557 100.508-28.817l-0.792 0.463 94.173 94.173c-54.756 32.362-120.666 51.482-191.042 51.482-0.903 0-1.805-0.003-2.708-0.010l0.138 0.001z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "eye-slash",
-                    "hide",
-                    "private",
-                    "unseen",
-                    "invisible"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 130,
-                "id": 77,
-                "name": "eye-slash",
-                "prevSize": 24,
-                "code": 59749
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 211
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 906.971c-341.139 0-501.467-362.204-508.489-377.417-2.22-5.185-3.511-11.22-3.511-17.554s1.291-12.369 3.623-17.853l-0.112 0.299c7.022-15.213 167.351-377.417 508.489-377.417s501.467 362.204 508.489 377.417c2.22 5.185 3.511 11.22 3.511 17.554s-1.291 12.369-3.623 17.853l0.112-0.299c-7.022 15.213-167.351 377.417-508.489 377.417zM92.453 512c34.523 67.292 175.543 307.2 419.547 307.2s385.024-239.908 419.547-307.2c-34.523-67.292-175.543-307.2-419.547-307.2s-385.024 239.908-419.547 307.2z",
-                    "M512 702.172c-105.028 0-190.172-85.142-190.172-190.172s85.142-190.172 190.172-190.172c105.028 0 190.172 85.142 190.172 190.172v0c-0.332 104.895-85.277 189.84-190.139 190.172h-0.032zM512 409.6c-56.554 0-102.4 45.845-102.4 102.4s45.845 102.4 102.4 102.4c56.554 0 102.4-45.845 102.4-102.4v0c-0.331-56.421-45.979-102.070-102.369-102.4h-0.032z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "eye",
-                    "view",
-                    "see",
-                    "look",
-                    "watch"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 129,
-                "id": 78,
-                "name": "eye",
-                "prevSize": 24,
-                "code": 59750
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 212
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M82.761 872.006h-83.078v-609.242c-0.010-0.662-0.017-1.442-0.017-2.225 0-82.317 66.265-149.157 148.363-150.085l0.088-0.001h133.48c0.27-0.006 0.588-0.010 0.906-0.010 12.364 0 23.485 5.331 31.186 13.821l0.031 0.035 147.88 178.895h271.943c0.175-0.001 0.383-0.001 0.591-0.001 82.895 0 150.096 67.2 150.096 150.096 0 1.168-0.013 2.335-0.040 3.497l0.003-0.173v27.692h-83.078v-27.692c0.013-0.495 0.021-1.077 0.021-1.662 0-37.318-30.252-67.57-67.57-67.57-0.008 0-0.014 0-0.022 0h-291.881c-12.686-0.029-24.015-5.815-31.514-14.885l-0.056-0.069-147.88-178.895h-114.094c-36.362 1.219-65.376 30.988-65.376 67.535 0 0.597 0.008 1.192 0.023 1.785l-0.001-0.088z",
-                    "M795.574 913.546h-754.353c-14.913-0.126-27.961-7.987-35.343-19.762l-0.103-0.177c-3.401-5.891-5.407-12.958-5.407-20.493s2.007-14.601 5.513-20.694l-0.106 0.201 187.203-360.006c7.347-13.219 21.185-22.042 37.092-22.155h752.707c14.913 0.126 27.961 7.987 35.343 19.762l0.103 0.177c3.401 5.891 5.407 12.958 5.407 20.493s-2.007 14.601-5.513 20.694l0.106-0.201-187.203 360.006c-7.071 12.759-20.17 21.423-35.35 22.151l-0.097 0.004zM109.346 830.467h661.305l144.002-276.928h-661.305z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "folder-open",
-                    "access-files",
-                    "open-directory",
-                    "open-folder",
-                    "file-access"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 128,
-                "id": 79,
-                "name": "folder-open",
-                "prevSize": 24,
-                "code": 59748
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 213
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M853.323 961.925h-682.645c-94.253 0-170.661-76.408-170.661-170.661v0-558.528c0-94.253 76.408-170.661 170.661-170.661v0h155.147c0.039 0 0.084 0 0.131 0 13.934 0 26.476 5.965 35.211 15.48l0.032 0.035 171.903 201.070h320.223c0 0 0 0 0.001 0 94.253 0 170.661 76.408 170.661 170.661 0 0.218 0 0.436-0.001 0.655v-0.033 341.323c0 94.253-76.408 170.661-170.661 170.661v0zM170.677 155.163c-42.842 0-77.573 34.731-77.573 77.573v0 558.528c0 42.842 34.731 77.573 77.573 77.573v0h682.645c42.842 0 77.573-34.731 77.573-77.573v0-341.323c0-42.842-34.731-77.573-77.573-77.573v0h-341.323c-14.071-0.131-26.67-6.321-35.33-16.085l-0.044-0.049-171.903-201.070z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "folder",
-                    "file-holder",
-                    "organizer",
-                    "container",
-                    "directory"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 126,
-                "id": 80,
-                "name": "folder",
-                "prevSize": 24,
-                "code": 59747
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 214
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M570.515 906.971h-409.6c-88.87 0-160.914-72.044-160.914-160.914v0-468.114c0-88.87 72.044-160.914 160.914-160.914v0h409.6c88.87 0 160.914 72.044 160.914 160.914v0 468.114c0 88.87-72.044 160.914-160.914 160.914v0zM160.914 204.8c-40.395 0-73.142 32.747-73.142 73.142v0 468.114c0 40.395 32.747 73.142 73.142 73.142v0h409.6c40.395 0 73.142-32.747 73.142-73.142v0-468.114c0-40.395-32.747-73.142-73.142-73.142v0z",
-                    "M980.114 789.943c-8.437-0.136-16.291-2.51-23.030-6.553l0.21 0.117-292.571-175.543c-12.706-7.831-21.051-21.663-21.065-37.447v-117.029c0.014-15.785 8.359-29.619 20.876-37.34l0.189-0.108 292.571-175.543c6.348-3.861 14.026-6.145 22.235-6.145s15.887 2.285 22.428 6.254l-0.192-0.108c13.334 7.666 22.183 21.811 22.235 38.027v468.122c-0.053 16.223-8.901 30.368-22.022 37.921l-0.213 0.112c-5.841 3.327-12.834 5.288-20.285 5.288-0.48 0-0.959-0.008-1.435-0.025l0.069 0.001zM731.429 545.939l204.8 122.88v-313.636l-204.8 122.88z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "video",
-                    "movie",
-                    "clip",
-                    "footage",
-                    "film"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 125,
-                "id": 81,
-                "name": "video",
-                "prevSize": 24,
-                "code": 59746
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 215
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M862.966 979.954h-701.931c-88.84 0-160.859-72.019-160.859-160.859v0-350.966c0-24.229 19.642-43.871 43.871-43.871s43.871 19.642 43.871 43.871v0 350.966c-0.014 0.522-0.021 1.138-0.021 1.755 0 40.382 32.736 73.117 73.117 73.117 0.007 0 0.015 0 0.022 0h701.93c40.382 0 73.117-32.736 73.117-73.117v0-350.966c0-24.229 19.642-43.871 43.871-43.871s43.871 19.642 43.871 43.871v0 350.966c-0.991 88.083-72.627 159.104-160.849 159.104-0.004 0-0.007 0-0.011 0h0.001z",
-                    "M512 702.107c-0.038 0-0.085 0-0.13 0-110.716 0-202.222-82.245-216.757-188.973l-0.126-1.134h-250.94c-0.097 0.001-0.211 0.001-0.326 0.001-24.229 0-43.871-19.642-43.871-43.871 0-8.677 2.52-16.767 6.867-23.575l-0.106 0.177 218.184-350.966c17.362-29.96 49.275-49.789 85.818-49.789 1.293 0 2.582 0.025 3.862 0.074l-0.185-0.005h395.422c40.382 0.115 75.22 23.729 91.572 57.882l0.265 0.613 215.844 347.456c2.498 5.344 3.955 11.604 3.955 18.204 0 23.357-18.253 42.45-41.273 43.795l-0.119 0.005h-250.94c-14.66 107.862-106.167 190.107-216.883 190.107-0.047 0-0.092 0-0.138 0h0.007zM123.014 426.013h213.504c24.229 0 43.871 19.642 43.871 43.871v0 12.869c0 72.687 58.925 131.612 131.612 131.612s131.612-58.925 131.612-131.612v0-12.869c0-24.229 19.642-43.871 43.871-43.871v0h213.504l-175.483-284.282c-4.679-8.189-9.36-11.698-15.208-11.698h-396.006c-5.783 0.148-10.777 3.381-13.412 8.109l-0.041 0.081z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "inbox",
-                    "email",
-                    "messages",
-                    "mail",
-                    "receive"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 124,
-                "id": 82,
-                "name": "inbox",
-                "prevSize": 24,
-                "code": 59745
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 216
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M804.555 409.605h-14.628v-131.65c0-153.495-124.432-277.928-277.928-277.928s-277.928 124.432-277.928 277.928v0 131.65h-14.628c-88.865 0-160.905 72.040-160.905 160.905v0 292.555c0 88.865 72.040 160.905 160.905 160.905v0h585.111c88.865 0 160.905-72.040 160.905-160.905v0-292.555c0-88.865-72.040-160.905-160.905-160.905v0zM321.839 277.955c0-105.022 85.138-190.161 190.161-190.161s190.161 85.138 190.161 190.161v0 131.65h-380.321zM877.694 863.066c0 40.393-32.745 73.138-73.138 73.138v0h-585.111c-40.393 0-73.138-32.745-73.138-73.138v0-292.555c0-40.393 32.745-73.138 73.138-73.138v0h585.111c40.393 0 73.138 32.745 73.138 73.138v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "lock",
-                    "secure",
-                    "safe",
-                    "restrict",
-                    "close"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 123,
-                "id": 83,
-                "name": "lock",
-                "prevSize": 24,
-                "code": 59743
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 217
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M804.555 409.605h-482.716v-131.65c0-105.022 85.138-190.161 190.161-190.161s190.161 85.138 190.161 190.161v0c0 24.236 19.647 43.883 43.883 43.883s43.883-19.647 43.883-43.883v0c0-153.495-124.432-277.928-277.928-277.928s-277.928 124.432-277.928 277.928v0 131.65h-14.628c-88.865 0-160.905 72.040-160.905 160.905v0 292.555c0 88.865 72.040 160.905 160.905 160.905v0h585.111c88.865 0 160.905-72.040 160.905-160.905v0-292.555c0-88.865-72.040-160.905-160.905-160.905v0zM877.694 863.066c0 40.393-32.745 73.138-73.138 73.138v0h-585.111c-40.393 0-73.138-32.745-73.138-73.138v0-292.555c0-40.393 32.745-73.138 73.138-73.138v0h585.111c40.393 0 73.138 32.745 73.138 73.138v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "unlock",
-                    "open",
-                    "access",
-                    "free",
-                    "unchain"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 122,
-                "id": 84,
-                "name": "unlock",
-                "prevSize": 24,
-                "code": 59744
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 218
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M988.652 422.661l-315.315-315.315c-7.357-7.357-17.342-11.562-27.852-11.562h-606.456c-21.546 0-39.414 17.868-39.414 39.414v414.113c0 10.51 4.204 20.495 11.562 27.852l315.315 314.789c23.123 23.123 53.604 35.735 86.186 35.735v0c32.582 0 63.589-12.613 86.186-35.735l11.562-11.562c2.103 4.204 4.204 8.409 7.883 11.562 23.649 23.649 55.18 35.735 86.186 35.735s62.537-12.087 86.712-35.735l296.922-296.922c47.297-47.297 47.297-124.549 0-172.373zM443.681 836.249c-8.409 8.409-18.919 12.613-30.481 12.613s-22.598-4.73-30.481-12.613l-304.279-303.228v-358.409h358.409l303.753 303.753c16.816 16.816 16.816 44.144 0 60.961l-296.922 296.922zM932.946 539.328l-296.922 296.922c-16.816 16.816-44.67 16.816-61.486 0-3.679-3.679-7.357-5.78-12.087-7.883l233.333-233.333c47.297-47.823 47.297-125.075 0-172.373l-248.048-248.048h80.931l303.753 303.753c16.816 16.816 16.816 44.144 0 60.961zM314.928 328.067c0 36.261-29.429 65.69-65.69 65.69s-65.69-29.429-65.69-65.69 29.429-65.69 65.69-65.69 65.69 29.429 65.69 65.69z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "tags",
-                    "labels",
-                    "prices",
-                    "identifiers",
-                    "stickers"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 121,
-                "id": 85,
-                "name": "tags",
-                "prevSize": 24,
-                "code": 59741
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 219
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M532.53 1023.985c-37.212 0-74.423-14.115-102.654-42.345l-415.747-415.105c-8.982-8.982-14.115-21.172-14.115-34.004v-484.396c0-26.304 21.814-48.119 48.119-48.119h483.756c12.831 0 25.022 5.132 34.004 14.115l415.747 415.747c55.818 56.46 55.818 148.206 0 204.666 0 0 0 0 0 0l-347.098 347.098c-28.229 28.229-65.442 42.345-102.654 42.345zM96.253 512.642l401.632 400.991c19.248 18.605 50.044 18.605 68.649 0l347.098-347.098c18.605-18.605 18.605-49.402 0-68.649l-401.632-401.632h-415.747v415.747zM947.637 600.539v0zM287.446 367.643c-44.269 0-80.198-35.928-80.198-80.198s35.928-80.198 80.198-80.198 80.198 35.928 80.198 80.198-35.928 80.198-80.198 80.198z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "tag",
-                    "label",
-                    "price",
-                    "identifier",
-                    "sticker"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 120,
-                "id": 86,
-                "name": "tag",
-                "prevSize": 24,
-                "code": 59742
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 220
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1024.445c-282.822-0.256-511.994-229.587-511.994-512.445 0-141.396 57.267-269.417 149.871-362.133l-0.005 0.005c7.661-7.856 18.351-12.73 30.177-12.73s22.516 4.874 30.169 12.72l0.008 0.009c7.716 7.725 12.49 18.395 12.49 30.177s-4.772 22.451-12.49 30.178v0c-83.727 78.173-135.917 189.204-135.917 312.426 0 235.846 191.191 427.037 427.037 427.037 123.22 0 234.253-52.189 312.196-135.668l0.23-0.248c77.442-77.134 125.361-183.857 125.361-301.773s-47.919-224.639-125.347-301.759l-0.015-0.015c-7.716-7.725-12.49-18.395-12.49-30.177s4.772-22.451 12.49-30.178v0c7.661-7.856 18.351-12.73 30.177-12.73s22.516 4.874 30.169 12.72l0.008 0.009c92.6 92.711 149.866 220.732 149.866 362.128 0 282.858-229.172 512.187-511.97 512.445h-0.024z",
-                    "M512 554.704c-23.456-0.316-42.387-19.247-42.704-42.673v-455.537c0-23.584 19.119-42.704 42.704-42.704s42.704 19.119 42.704 42.704v0 455.506c-0.316 23.456-19.247 42.387-42.673 42.704h-0.031z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "power-off",
-                    "shutdown",
-                    "turn-off",
-                    "stop",
-                    "end"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 119,
-                "id": 87,
-                "name": "power-off",
-                "prevSize": 24,
-                "code": 59740
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 221
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M804.571 1024h-585.143c-88.87 0-160.914-72.044-160.914-160.914v0-702.171c0-88.87 72.044-160.914 160.914-160.914v0h438.857c12.114 0.011 23.078 4.929 31.012 12.872v0l263.314 265.070c7.945 7.935 12.863 18.898 12.874 31.011v554.133c0 88.87-72.044 160.914-160.914 160.914v0zM219.429 87.772c-40.395 0-73.142 32.747-73.142 73.142v0 702.171c0 40.395 32.747 73.142 73.142 73.142v0h585.143c40.395 0 73.142-32.747 73.142-73.142v0-537.747l-237.568-237.568z",
-                    "M789.943 980.114h-87.771v-365.715h-380.342v365.715h-87.771v-380.342c0-40.395 32.747-73.142 73.142-73.142v0h409.6c40.395 0 73.142 32.747 73.142 73.142v0z",
-                    "M539.501 321.828h-230.547c-41.436-0.331-74.901-33.998-74.901-75.481 0-0.207 0.001-0.413 0.003-0.619v0.032-201.874h87.771v190.172h204.8v-190.172h87.771v201.874c0.001 0.174 0.003 0.381 0.003 0.587 0 41.483-33.464 75.152-74.869 75.481h-0.032z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "save",
-                    "store",
-                    "keep",
-                    "reserve",
-                    "record"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 118,
-                "id": 88,
-                "name": "save",
-                "prevSize": 24,
-                "code": 59739
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 222
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 0c-282.769 0-512 229.231-512 512s229.231 512 512 512c282.769 0 512-229.231 512-512v0c0-282.769-229.231-512-512-512v0zM512 938.667c-235.641 0-426.667-191.025-426.667-426.667s191.025-426.667 426.667-426.667c235.641 0 426.667 191.025 426.667 426.667v0c0 235.641-191.025 426.667-426.667 426.667v0z",
-                    "M381.156 267.377c-33.393 33.448-54.044 79.627-54.044 130.628 0 0.076 0 0.152 0 0.228v-0.012c0 23.564 19.103 42.667 42.667 42.667s42.667-19.103 42.667-42.667v0c-0.001-0.156-0.001-0.341-0.001-0.525 0-27.345 11.088-52.101 29.015-70.016v0c18.327-17.443 43.181-28.173 70.543-28.173s52.216 10.731 70.585 28.213l-0.043-0.040c18.449 18.085 29.885 43.264 29.885 71.115 0 54.983-44.572 99.556-99.556 99.556-0.307 0-0.613-0.001-0.919-0.004h0.047c-23.436 0.316-42.351 19.231-42.667 42.636v56.92c0 23.564 19.103 42.667 42.667 42.667s42.667-19.103 42.667-42.667v0-19.343c34.751-8.129 64.687-25.311 88.169-48.916l0.008-0.008c33.387-33.532 54.025-79.777 54.025-130.844s-20.64-97.313-54.032-130.851l0.007 0.007c-34.036-32.508-80.253-52.515-131.144-52.515-50.6 0-96.58 19.779-130.632 52.028l0.087-0.081z",
-                    "M583.111 753.777c0 39.273-31.837 71.111-71.111 71.111s-71.111-31.837-71.111-71.111c0-39.273 31.837-71.111 71.111-71.111s71.111 31.837 71.111 71.111z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "question-circle",
-                    "help",
-                    "info",
-                    "query",
-                    "uncertainty"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 117,
-                "id": 89,
-                "name": "question-circle",
-                "prevSize": 24,
-                "code": 59737
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 223
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M750.032 98.514c-60.88-61-145.050-98.738-238.034-98.738-185.726 0-336.287 150.56-336.287 336.287 0 0.17 0 0.34 0 0.511v-0.026c0 24.225 19.639 43.864 43.864 43.864s43.864-19.639 43.864-43.864v0c0-0.174 0-0.378 0-0.584 0-137.598 111.546-249.145 249.145-249.145s249.145 111.546 249.145 249.145c0 137.598-111.546 249.145-249.145 249.145-0.206 0-0.411 0-0.617-0.001h0.032c-24.093 0.325-43.539 19.77-43.864 43.832v117c0 24.225 19.639 43.864 43.864 43.864s43.864-19.639 43.864-43.864v0-76.031c165.808-22.845 292.141-163.614 292.141-333.889 0-92.678-37.425-176.615-97.988-237.522l0.016 0.016z",
-                    "M585.105 950.635c0 40.375-32.73 73.105-73.105 73.105s-73.105-32.73-73.105-73.105c0-40.375 32.73-73.105 73.105-73.105s73.105 32.73 73.105 73.105z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "question",
-                    "help",
-                    "query",
-                    "doubt",
-                    "uncertainty"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 116,
-                "id": 90,
-                "name": "question",
-                "prevSize": 24,
-                "code": 59738
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 224
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M907.406 301.957l-290.385-290.385c-7.121-7.13-16.959-11.543-27.829-11.553h-129.703c-79.752 0-144.404 64.652-144.404 144.404v0 65.638h-65.638c-79.752 0-144.404 64.652-144.404 144.404v0 525.108c0 79.752 64.652 144.404 144.404 144.404v0h367.575c79.752 0 144.404-64.652 144.404-144.404v0-65.638h13.128c79.752 0 144.404-64.652 144.404-144.404v0-341.319c-0.443-10.296-4.774-19.502-11.552-26.254l-0.001-0.001zM630.149 134.448l154.382 154.382h-154.382zM682.66 879.575c0 36.251-29.387 65.638-65.638 65.638v0h-367.575c-36.251 0-65.638-29.387-65.638-65.638v0-525.108c0-36.251 29.387-65.638 65.638-65.638v0h65.638v380.702c0 79.752 64.652 144.404 144.404 144.404v0h223.17zM774.553 735.17h-315.064c-36.251 0-65.638-29.387-65.638-65.638v0-525.108c0-36.251 29.387-65.638 65.638-65.638v0h91.894v249.426c0.292 21.632 17.751 39.091 39.355 39.383h249.455v301.936c0 36.251-29.387 65.638-65.638 65.638v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "copy",
-                    "duplicate",
-                    "replicate",
-                    "clone",
-                    "reproduce"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 115,
-                "id": 91,
-                "name": "copy",
-                "prevSize": 24,
-                "code": 59735
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 225
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M894.081 336.465l-323.57-323.57c-7.935-7.944-18.897-12.862-31.009-12.873h-261.55c-88.866 0-160.907 72.041-160.907 160.907v0 702.14c0 88.866 72.041 160.907 160.907 160.907v0h468.093c88.866 0 160.907-72.041 160.907-160.907v0-497.35c-0.494-11.473-5.32-21.731-12.872-29.254l-0.001-0.001zM585.139 149.812l172.024 172.024h-172.024zM746.047 936.209h-468.093c-40.394 0-73.139-32.746-73.139-73.139v0-702.14c0-40.394 32.746-73.139 73.139-73.139v0h219.419v277.931c0.325 24.105 19.779 43.559 43.852 43.884h277.962v453.466c0 40.394-32.746 73.139-73.139 73.139v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "file",
-                    "document",
-                    "record",
-                    "data",
-                    "paper"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 114,
-                "id": 92,
-                "name": "file",
-                "prevSize": 24,
-                "code": 59736
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 226
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M629.028 789.943h-468.114c-88.87 0-160.914-72.044-160.914-160.914v0-468.114c0-88.87 72.044-160.914 160.914-160.914v0h468.114c88.87 0 160.914 72.044 160.914 160.914v0 468.114c0 88.87-72.044 160.914-160.914 160.914v0zM160.914 87.772c-40.395 0-73.142 32.747-73.142 73.142v0 468.114c0 40.395 32.747 73.142 73.142 73.142v0h468.114c40.395 0 73.142-32.747 73.142-73.142v0-468.114c0-40.395-32.747-73.142-73.142-73.142v0z",
-                    "M863.086 1024h-468.114c-88.87 0-160.914-72.044-160.914-160.914v0-117.028h87.771v117.028c0 40.395 32.747 73.142 73.142 73.142v0h468.114c40.395 0 73.142-32.747 73.142-73.142v0-468.114c0-40.395-32.747-73.142-73.142-73.142v0h-117.028v-87.771h117.028c88.87 0 160.914 72.044 160.914 160.914v0 468.114c0 88.87-72.044 160.914-160.914 160.914v0z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "clone",
-                    "duplicate",
-                    "copy",
-                    "replicate"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 111,
-                "id": 93,
-                "name": "clone",
-                "prevSize": 24,
-                "code": 59733
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 227
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M788.756 110.703h-69.189v-69.189c0-22.927-18.586-41.514-41.514-41.514s-41.514 18.586-41.514 41.514v0 69.189h-249.081v-69.189c0-22.927-18.586-41.514-41.514-41.514s-41.514 18.586-41.514 41.514v0 69.189h-69.189c-84.066 0-152.216 68.15-152.216 152.216v0 608.864c0 84.066 68.15 152.216 152.216 152.216v0h553.514c84.066 0 152.216-68.15 152.216-152.216v0-608.864c0-84.066-68.15-152.216-152.216-152.216v0zM235.244 193.73h69.189v69.189c0 22.927 18.586 41.514 41.514 41.514s41.514-18.586 41.514-41.514v0-69.189h249.081v69.189c0 22.927 18.586 41.514 41.514 41.514s41.514-18.586 41.514-41.514v0-69.189h69.189c38.212 0 69.189 30.977 69.189 69.189v0 152.216h-691.891v-152.216c0-38.212 30.977-69.189 69.189-69.189v0zM788.756 940.973h-553.514c-38.212 0-69.189-30.977-69.189-69.189v0-373.622h691.891v373.622c0 38.212-30.977 69.189-69.189 69.189v0z",
-                    "M619.381 626.023c-7.448-7.637-17.839-12.375-29.336-12.375s-21.888 4.738-29.328 12.366l-0.008 0.009-48.71 48.71-48.71-48.71c-7.393-6.903-17.353-11.141-28.301-11.141-22.927 0-41.514 18.586-41.514 41.514 0 10.949 4.238 20.907 11.165 28.325l-0.022-0.025 48.71 48.71-48.71 48.71c-7.637 7.448-12.375 17.839-12.375 29.336s4.738 21.888 12.366 29.328l0.009 0.008c7.171 7.515 17.264 12.187 28.45 12.187 0.311 0 0.623-0.004 0.933-0.010l-0.047 0.001c0.057 0 0.126 0 0.193 0 11.401 0 21.713-4.657 29.139-12.174l48.714-48.714 48.71 48.71c7.43 7.52 17.742 12.178 29.142 12.178 0.067 0 0.136 0 0.204 0h-0.010c0.263 0.006 0.575 0.010 0.886 0.010 11.185 0 21.278-4.673 28.435-12.173l0.014-0.016c7.637-7.448 12.375-17.839 12.375-29.336s-4.738-21.888-12.366-29.328l-0.009-0.008-48.71-48.71 48.71-48.71c7.637-7.448 12.375-17.839 12.375-29.336s-4.738-21.888-12.366-29.328l-0.009-0.008z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "calendar-times",
-                    "delete-event",
-                    "clear-calendar"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 110,
-                "id": 94,
-                "name": "calendar-times",
-                "prevSize": 24,
-                "code": 59730
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 228
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M788.756 110.703h-69.189v-69.189c0-22.927-18.586-41.514-41.514-41.514s-41.514 18.586-41.514 41.514v0 69.189h-249.081v-69.189c0-22.927-18.586-41.514-41.514-41.514s-41.514 18.586-41.514 41.514v0 69.189h-69.189c-84.066 0-152.216 68.15-152.216 152.216v0 608.864c0 84.066 68.15 152.216 152.216 152.216v0h553.514c84.066 0 152.216-68.15 152.216-152.216v0-608.864c0-84.066-68.15-152.216-152.216-152.216v0zM235.244 193.73h69.189v69.189c0 22.927 18.586 41.514 41.514 41.514s41.514-18.586 41.514-41.514v0-69.189h249.081v69.189c0 22.927 18.586 41.514 41.514 41.514s41.514-18.586 41.514-41.514v0-69.189h69.189c38.212 0 69.189 30.977 69.189 69.189v0 152.216h-691.891v-152.216c0-38.212 30.977-69.189 69.189-69.189v0zM788.756 940.973h-553.514c-38.212 0-69.189-30.977-69.189-69.189v0-373.622h691.891v373.622c0 38.212-30.977 69.189-69.189 69.189v0z",
-                    "M622.702 694.659h-221.406c-22.927 0-41.514 18.586-41.514 41.514s18.586 41.514 41.514 41.514v0h221.406c22.927 0 41.514-18.586 41.514-41.514s-18.586-41.514-41.514-41.514v0z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "calendar-minus",
-                    "remove-event",
-                    "delete-date",
-                    "cancel-event"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 109,
-                "id": 95,
-                "name": "calendar-minus",
-                "prevSize": 24,
-                "code": 59731
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 229
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M788.756 110.703h-69.189v-69.189c0-22.927-18.586-41.514-41.514-41.514s-41.514 18.586-41.514 41.514v0 69.189h-249.081v-69.189c0-22.927-18.586-41.514-41.514-41.514s-41.514 18.586-41.514 41.514v0 69.189h-69.189c-84.066 0-152.216 68.15-152.216 152.216v0 608.864c0 84.066 68.15 152.216 152.216 152.216v0h553.514c84.066 0 152.216-68.15 152.216-152.216v0-608.864c0-84.066-68.15-152.216-152.216-152.216v0zM235.244 193.73h69.189v69.189c0 22.927 18.586 41.514 41.514 41.514s41.514-18.586 41.514-41.514v0-69.189h249.081v69.189c0 22.927 18.586 41.514 41.514 41.514s41.514-18.586 41.514-41.514v0-69.189h69.189c38.212 0 69.189 30.977 69.189 69.189v0 152.216h-691.891v-152.216c0-38.212 30.977-69.189 69.189-69.189v0zM788.756 940.973h-553.514c-38.212 0-69.189-30.977-69.189-69.189v0-373.622h691.891v373.622c0 38.212-30.977 69.189-69.189 69.189v0z",
-                    "M622.702 691.892h-69.189v-69.189c0-22.927-18.586-41.514-41.514-41.514s-41.514 18.586-41.514 41.514v0 69.189h-69.189c-22.927 0-41.514 18.586-41.514 41.514s18.586 41.514 41.514 41.514v0h69.189v69.189c0 22.927 18.586 41.514 41.514 41.514s41.514-18.586 41.514-41.514v0-69.189h69.189c22.927 0 41.514-18.586 41.514-41.514s-18.586-41.514-41.514-41.514v0z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "calendar-plus",
-                    "add-event",
-                    "new-date",
-                    "schedule"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 108,
-                "id": 96,
-                "name": "calendar-plus",
-                "prevSize": 24,
-                "code": 59732
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 230
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M614.393 512c0 56.549-45.842 102.393-102.393 102.393s-102.393-45.842-102.393-102.393c0-56.549 45.842-102.393 102.393-102.393s102.393 45.842 102.393 102.393z",
-                    "M614.393 102.431c0 56.549-45.842 102.393-102.393 102.393s-102.393-45.842-102.393-102.393c0-56.549 45.842-102.393 102.393-102.393s102.393 45.842 102.393 102.393z",
-                    "M614.393 921.569c0 56.549-45.842 102.393-102.393 102.393s-102.393-45.842-102.393-102.393c0-56.549 45.842-102.393 102.393-102.393s102.393 45.842 102.393 102.393z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "ellipsis-v",
-                    "more",
-                    "options",
-                    "menu",
-                    "vertical",
-                    "dots"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 107,
-                "id": 97,
-                "name": "ellipsis-v",
-                "prevSize": 24,
-                "code": 59728
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 231
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M614.379 512c0 56.54-45.835 102.379-102.379 102.379s-102.379-45.835-102.379-102.379c0-56.54 45.835-102.379 102.379-102.379s102.379 45.835 102.379 102.379z",
-                    "M1023.886 512c0 56.54-45.835 102.379-102.379 102.379s-102.379-45.835-102.379-102.379c0-56.54 45.835-102.379 102.379-102.379s102.379 45.835 102.379 102.379z",
-                    "M204.868 512c0 56.54-45.835 102.379-102.379 102.379s-102.379-45.835-102.379-102.379c0-56.54 45.835-102.379 102.379-102.379s102.379 45.835 102.379 102.379z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "ellipsis-h",
-                    "more",
-                    "options",
-                    "menu",
-                    "horizontal",
-                    "dots"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 106,
-                "id": 98,
-                "name": "ellipsis-h",
-                "prevSize": 24,
-                "code": 59729
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 232
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M848.457 1024c-9.363-0.189-18.033-2.998-25.352-7.723l0.191 0.115-311.296-217.088-311.296 217.088c-6.501 4.018-14.382 6.4-22.821 6.4s-16.32-2.381-23.010-6.509l0.189 0.108c-13.4-7.013-22.574-20.486-23.401-36.171l-0.004-0.107v-819.2c0-88.87 72.044-160.914 160.914-160.914v0h438.857c88.87 0 160.914 72.044 160.914 160.914v0 819.2c0 0.048 0 0.104 0 0.159 0 16.646-9.393 31.099-23.169 38.347l-0.237 0.114c-5.911 3.304-12.965 5.254-20.477 5.266h-0.004zM512 702.172c0.137-0.001 0.3-0.003 0.464-0.003 9.223 0 17.782 2.846 24.846 7.706l-0.148-0.096 267.411 186.075v-734.939c0-40.395-32.747-73.142-73.142-73.142v0h-438.857c-40.395 0-73.142 32.747-73.142 73.142v0 734.939l267.411-186.075c6.916-4.764 15.475-7.609 24.698-7.609 0.163 0 0.325 0.001 0.488 0.003h-0.025z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "bookmark",
-                    "favorite",
-                    "mark",
-                    "save",
-                    "tag"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 105,
-                "id": 99,
-                "name": "bookmark",
-                "prevSize": 24,
-                "code": 59726
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 233
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 0c-282.769 0-512 229.231-512 512s229.231 512 512 512c282.769 0 512-229.231 512-512v0c0-282.769-229.231-512-512-512v0zM936.391 469.333h-157.013c-21.309-143.377-80.98-269.999-168.128-372.54l0.875 1.056c174.421 43.539 304.877 189.937 324.104 369.605l0.163 1.879zM330.524 554.667h362.951c-28.064 140.685-92.065 263.297-182.001 361.829l0.527-0.585c-89.411-97.947-153.411-220.56-180.673-356.452l-0.803-4.792zM330.524 469.333c28.064-140.685 92.065-263.297 182.001-361.829l-0.527 0.585c89.411 97.947 153.411 220.56 180.673 356.452l0.803 4.792zM411.876 97.849c-86.273 101.485-145.944 228.107-166.755 367.427l-0.499 4.057h-157.013c19.389-181.548 149.845-327.945 321.319-370.86l2.948-0.625zM87.609 552.96h157.013c21.309 143.377 80.98 269.999 168.128 372.54l-0.875-1.056c-173.937-43.335-304.18-188.936-324.092-367.845l-0.175-1.933zM612.124 924.444c86.273-101.485 145.944-228.107 166.755-367.427l0.499-4.057h157.013c-18.688 182.253-149.359 329.449-321.317 372.565l-2.949 0.627z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "globe",
-                    "world",
-                    "internet",
-                    "global",
-                    "earth"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 104,
-                "id": 100,
-                "name": "globe",
-                "prevSize": 24,
-                "code": 59727
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 234
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1023.452c-233.911-0.333-423.443-189.864-423.774-423.743v-0.032c0-24.211 19.627-43.839 43.839-43.839s43.839 19.627 43.839 43.839v0c0 185.621 150.475 336.097 336.097 336.097s336.097-150.475 336.097-336.097c0-185.621-150.475-336.097-336.097-336.097v0h-146.13c-24.211 0-43.839-19.627-43.839-43.839s19.627-43.839 43.839-43.839v0h146.13c234.044 0 423.774 189.73 423.774 423.774s-189.73 423.774-423.774 423.774v0z",
-                    "M512 438.936c-0.060 0-0.133 0-0.204 0-12.039 0-22.929-4.918-30.771-12.856l-175.359-175.359c-7.921-7.931-12.821-18.884-12.821-30.979s4.899-23.048 12.821-30.98v0l175.355-175.355c8.025-8.595 19.423-13.953 32.074-13.953 24.211 0 43.839 19.627 43.839 43.839 0 12.65-5.358 24.048-13.927 32.049l-0.026 0.023-144.376 144.376 144.376 144.376c7.921 7.931 12.821 18.884 12.821 30.979s-4.899 23.048-12.821 30.98v0c-7.846 7.942-18.736 12.86-30.775 12.86-0.071 0-0.144 0-0.215 0h0.011z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "replay",
-                    "repeat",
-                    "redo",
-                    "play-again",
-                    "loop"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 102,
-                "id": 101,
-                "name": "replay",
-                "prevSize": 24,
-                "code": 59725
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 235
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M632.463 1023.971h-240.928c-24.813-0.335-44.839-20.361-45.174-45.141v-466.83l-322.241-440.294c-5.688-7.337-9.117-16.671-9.117-26.808 0-7.369 1.813-14.314 5.016-20.414l-0.116 0.241c7.747-14.706 22.885-24.586 40.34-24.695h903.493c17.471 0.11 32.608 9.989 40.236 24.445l0.12 0.25c3.089 5.86 4.901 12.805 4.901 20.173 0 10.136-3.43 19.471-9.191 26.908l0.075-0.1-322.241 440.294v466.797c-0.335 24.813-20.361 44.839-45.141 45.174h-0.032zM436.711 933.623h150.58v-436.68c0-0.064 0-0.138 0-0.212 0-9.955 3.401-19.116 9.105-26.383l-0.071 0.093 277.067-380.063h-722.782l278.271 380.063c5.634 7.174 9.035 16.335 9.035 26.29 0 0.075 0 0.15 0 0.224v-0.011z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "filter",
-                    "refine",
-                    "criteria",
-                    "sort",
-                    "selection"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 101,
-                "id": 102,
-                "name": "filter",
-                "prevSize": 24,
-                "code": 59724
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 236
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M863.086 789.943h-117.028c-24.237 0-43.886-19.648-43.886-43.886s19.648-43.886 43.886-43.886v0h117.028c40.395 0 73.142-32.747 73.142-73.142v0-234.058c0-40.395-32.747-73.142-73.142-73.142v0h-702.171c-40.395 0-73.142 32.747-73.142 73.142v0 234.058c0 40.395 32.747 73.142 73.142 73.142v0h117.028c24.237 0 43.886 19.648 43.886 43.886s-19.648 43.886-43.886 43.886v0h-117.028c-88.87 0-160.914-72.044-160.914-160.914v0-234.058c0-88.87 72.044-160.914 160.914-160.914v0h702.171c88.87 0 160.914 72.044 160.914 160.914v0 234.058c0 88.87-72.044 160.914-160.914 160.914v0z",
-                    "M746.058 321.828c-24.106-0.325-43.561-19.78-43.886-43.854v-190.203h-380.342v190.172c0 24.237-19.648 43.886-43.886 43.886s-43.886-19.648-43.886-43.886v0-204.8c0-40.395 32.747-73.142 73.142-73.142v0h409.6c40.395 0 73.142 32.747 73.142 73.142v0 204.8c-0.325 24.106-19.78 43.561-43.854 43.886h-0.032z",
-                    "M716.8 1024h-409.6c-40.395 0-73.142-32.747-73.142-73.142v0-409.6c0-40.395 32.747-73.142 73.142-73.142v0h409.6c40.395 0 73.142 32.747 73.142 73.142v0 409.6c0 40.395-32.747 73.142-73.142 73.142v0zM321.828 936.228h380.342v-380.342h-380.342z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "print",
-                    "printout",
-                    "hard-copy",
-                    "document",
-                    "printer"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 99,
-                "id": 103,
-                "name": "print",
-                "prevSize": 24,
-                "code": 59723
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 237
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M980.093 438.861h-585.117c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h585.117c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z",
-                    "M984.189 204.814h-936.187c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h936.187c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z",
-                    "M984.189 672.907h-936.187c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h936.187c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z",
-                    "M980.093 906.954h-585.117c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h585.117c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "align-right",
-                    "text-alignment",
-                    "right-aligned",
-                    "end-alignment",
-                    "text-flush-right"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 98,
-                "id": 104,
-                "name": "align-right",
-                "prevSize": 24,
-                "code": 59718
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 238
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M624.033 453.952h-580.479c-24.044 0-43.536-19.492-43.536-43.536s19.492-43.536 43.536-43.536v0h580.479c24.044 0 43.536 19.492 43.536 43.536s-19.492 43.536-43.536 43.536v0z",
-                    "M980.446 221.761h-928.766c-24.044 0-43.536-19.492-43.536-43.536s19.492-43.536 43.536-43.536v0h928.766c24.044 0 43.536 19.492 43.536 43.536s-19.492 43.536-43.536 43.536v0z",
-                    "M980.446 686.143h-928.766c-24.044 0-43.536-19.492-43.536-43.536s19.492-43.536 43.536-43.536v0h928.766c24.044 0 43.536 19.492 43.536 43.536s-19.492 43.536-43.536 43.536v0z",
-                    "M624.033 918.335h-580.479c-24.044 0-43.536-19.492-43.536-43.536s19.492-43.536 43.536-43.536v0h580.479c24.044 0 43.536 19.492 43.536 43.536s-19.492 43.536-43.536 43.536v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "align-left",
-                    "text-alignment",
-                    "left-aligned",
-                    "start-alignment",
-                    "text-flush-left"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 97,
-                "id": 105,
-                "name": "align-left",
-                "prevSize": 24,
-                "code": 59719
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 239
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M804.558 438.861h-585.117c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h585.117c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z",
-                    "M980.093 204.814h-936.187c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h936.187c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z",
-                    "M980.093 672.907h-936.187c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h936.187c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z",
-                    "M804.558 906.954h-585.117c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h585.117c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "align-center",
-                    "text-alignment",
-                    "center-text",
-                    "middle-alignment",
-                    "centered-layout"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 96,
-                "id": 106,
-                "name": "align-center",
-                "prevSize": 24,
-                "code": 59720
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 240
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M980.093 438.861h-936.187c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h936.187c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z",
-                    "M980.093 204.814h-936.187c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h936.187c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z",
-                    "M980.093 672.907h-936.187c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h936.187c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z",
-                    "M980.093 906.954h-936.187c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h936.187c24.236 0 43.884 19.648 43.884 43.884s-19.648 43.884-43.884 43.884v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "align-justify",
-                    "text-alignment",
-                    "justify-text",
-                    "uniform-spacing",
-                    "balanced-layout"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 95,
-                "id": 107,
-                "name": "align-justify",
-                "prevSize": 24,
-                "code": 59721
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 241
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 683.439c-94.683 0-171.439-76.755-171.439-171.439s76.755-171.439 171.439-171.439c94.683 0 171.439 76.755 171.439 171.439v0c0 94.683-76.755 171.439-171.439 171.439v0zM512 428.329c-46.211 0-83.671 37.462-83.671 83.671s37.462 83.671 83.671 83.671c46.211 0 83.671-37.462 83.671-83.671v0c0-46.211-37.462-83.671-83.671-83.671v0z",
-                    "M515.511 1023.977c-71.489-0.329-129.316-58.359-129.316-129.895 0-0.411 0.001-0.823 0.005-1.234v0.063c-0.496-11.009-7.26-20.325-16.788-24.505l-0.181-0.070c-3.653-1.718-7.933-2.721-12.448-2.721-7.858 0-15.007 3.038-20.337 8.003l0.018-0.016c-23.441 23.268-55.642 37.739-91.222 38.032h-0.056c-0.252 0.001-0.55 0.003-0.848 0.003-35.579 0-67.876-14.051-91.644-36.906l0.043 0.041c-23.515-23.508-38.058-55.987-38.058-91.864s14.545-68.356 38.058-91.864v0c5.876-5.37 9.547-13.066 9.547-21.622 0-3.145-0.496-6.173-1.414-9.011l0.058 0.207c-5.723-9.782-16.134-16.274-28.071-16.384h-0.015c-71.692-0.291-129.966-57.335-132.231-128.518l-0.005-0.208c0.332-71.488 58.36-129.312 129.895-129.312 0.206 0 0.413 0 0.618 0.001h-0.032c11.009-0.496 20.325-7.26 24.505-16.788l0.070-0.181c1.718-3.653 2.721-7.933 2.721-12.448 0-7.858-3.038-15.007-8.003-20.337l0.016 0.018c-23.268-23.441-37.739-55.642-38.032-91.222v-0.056c-0.012-0.671-0.019-1.462-0.019-2.255 0-35.137 14.077-66.986 36.901-90.213l-0.018 0.019c23.508-23.515 55.987-38.058 91.864-38.058s68.356 14.545 91.864 38.058v0c6.075 5.789 14.317 9.35 23.391 9.35 3.125 0 6.153-0.422 9.028-1.214l-0.239 0.056c10.177-5.653 17.174-15.957 18.131-27.962l0.008-0.123c0-0.019 0-0.041 0-0.063 0-71.915 57.154-130.481 128.518-132.752l0.208-0.005c71.237 0.66 128.732 58.56 128.732 129.89 0 0.413-0.001 0.826-0.005 1.238v-0.063c0.477 11.185 6.924 20.76 16.218 25.665l0.166 0.080c2.998 1.135 6.465 1.792 10.084 1.792 7.909 0 15.084-3.138 20.35-8.236l-0.008 0.007c23.441-23.268 55.642-37.739 91.222-38.032h0.056c1.163-0.038 2.53-0.062 3.903-0.062 34.624 0 65.95 14.12 88.535 36.914l0.010 0.010c23.515 23.508 38.058 55.987 38.058 91.864s-14.545 68.356-38.058 91.864v0c-4.99 5.871-8.027 13.54-8.027 21.916 0 3.667 0.581 7.197 1.657 10.505l-0.067-0.24c5.653 10.177 15.957 17.174 27.962 18.131l0.123 0.008c71.192 0.937 128.814 57.74 131.062 128.518l0.005 0.208c-0.66 71.237-58.56 128.732-129.89 128.732-0.413 0-0.826-0.001-1.238-0.005h0.063c-11.185 0.477-20.76 6.924-25.665 16.218l-0.080 0.166c-1.135 2.998-1.792 6.465-1.792 10.084 0 7.909 3.138 15.084 8.236 20.35l-0.007-0.008c23.268 23.441 37.739 55.642 38.032 91.222v0.056c0.012 0.671 0.019 1.462 0.019 2.255 0 35.137-14.077 66.986-36.901 90.213l0.018-0.019c-23.508 23.515-55.987 38.058-91.864 38.058s-68.356-14.545-91.864-38.058v0c-5.258-5.092-12.433-8.23-20.341-8.23-3.62 0-7.086 0.657-10.287 1.86l0.202-0.066c-9.782 5.723-16.274 16.134-16.384 28.071v0.015c-0.937 71.192-57.74 128.814-128.518 131.062l-0.208 0.005zM356.944 777.643c0.372-0.004 0.812-0.007 1.252-0.007 15.867 0 30.927 3.45 44.471 9.643l-0.669-0.274c41.82 17.762 70.846 58.017 71.967 105.181l0.003 0.14c-0.003 0.185-0.004 0.402-0.004 0.62 0 23.297 18.4 42.297 41.461 43.26l0.088 0.003c23.005-1.873 40.964-21.005 40.964-44.331 0-0.254-0.003-0.509-0.007-0.761v0.038c0.3-47.575 28.116-88.582 68.322-107.933l0.723-0.313c13.278-5.676 28.727-8.976 44.947-8.976 32.246 0 61.445 13.042 82.611 34.139l-0.003-0.003c7.488 7.488 17.831 12.119 29.255 12.119 22.85 0 41.374-18.524 41.374-41.374 0-11.425-4.631-21.769-12.119-29.255v0c-20.848-21.12-33.725-50.154-33.725-82.193 0-16.378 3.364-31.971 9.44-46.123l-0.291 0.761c18.745-40.97 59.339-68.943 106.478-69.044h0.014c0.185 0.003 0.403 0.004 0.621 0.004 22.975 0 41.712-18.138 42.674-40.875l0.003-0.088c-1.57-22.953-20.575-40.976-43.788-40.976-0.446 0-0.889 0.007-1.332 0.019l0.064-0.001c-47.872-1.343-88.773-29.867-107.929-70.632l-0.317-0.752c-5.566-13.342-8.8-28.841-8.8-45.097 0-32.536 12.954-62.046 33.987-83.655l-0.026 0.027c7.488-7.488 12.119-17.831 12.119-29.255 0-22.85-18.524-41.374-41.374-41.374-11.425 0-21.769 4.631-29.255 12.119v0c-20.824 19.383-48.841 31.278-79.638 31.278-63.284 0-114.836-50.233-116.956-113.001l-0.005-0.195c0.003-0.185 0.004-0.403 0.004-0.621 0-22.975-18.138-41.712-40.875-42.674l-0.088-0.003c-22.953 1.57-40.976 20.575-40.976 43.788 0 0.446 0.007 0.889 0.019 1.332l-0.001-0.064c-1.343 47.872-29.867 88.773-70.632 107.929l-0.752 0.317c-13.342 5.566-28.841 8.8-45.097 8.8-32.536 0-62.046-12.954-83.655-33.987l0.027 0.026c-7.488-7.488-17.831-12.119-29.255-12.119-22.85 0-41.374 18.524-41.374 41.374 0 11.425 4.631 21.769 12.119 29.255v0c20.603 21.075 33.316 49.942 33.316 81.777 0 16.537-3.43 32.274-9.617 46.535l0.292-0.757c-17.762 41.82-58.017 70.846-105.181 71.967l-0.14 0.003c-0.185-0.003-0.402-0.004-0.62-0.004-23.297 0-42.297 18.4-43.26 41.461l-0.003 0.088c1.873 23.005 21.005 40.964 44.331 40.964 0.254 0 0.509-0.003 0.761-0.007h-0.038c47.575 0.3 88.582 28.116 107.933 68.322l0.313 0.723c5.676 13.278 8.976 28.727 8.976 44.947 0 32.246-13.042 61.445-34.139 82.611l0.003-0.003c-7.488 7.488-12.119 17.831-12.119 29.255 0 22.85 18.524 41.374 41.374 41.374 11.425 0 21.769-4.631 29.255-12.119v0c21.423-20.481 50.464-33.15 82.462-33.352h0.040zM825.038 639.555v0z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "cog",
-                    "settings",
-                    "gears",
-                    "options",
-                    "configuration"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 94,
-                "id": 108,
-                "name": "cog",
-                "prevSize": 24,
-                "code": 59722
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 242
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M815.587 856.985c-22.863 0-41.398-18.535-41.398-41.398s18.535-41.398 41.398-41.398v0c91.628 0 124.194-45.813 124.194-175.528-8.48-95.471-83.922-170.912-178.638-179.338l-0.753-0.054c-19.914 0.52-38.817 4.118-56.489 10.331l1.291-0.396c-4.655 2-10.071 3.163-15.761 3.163-18.775 0-34.592-12.668-39.37-29.923l-0.067-0.287c-38.556-117.836-147.511-201.455-275.996-201.455-159.262 0-288.519 128.478-289.778 287.443l-0.001 0.119c0 177.736 8.28 285.923 124.194 285.923 22.863 0 41.398 18.535 41.398 41.398s-18.535 41.398-41.398 41.398v0c-206.991 0-206.991-213.062-206.991-368.719-0.047-2.197-0.074-4.787-0.074-7.382 0-205.772 166.811-372.583 372.583-372.583 155.102 0 288.069 94.773 344.148 229.569l0.909 2.466c12.977-2.459 27.905-3.866 43.161-3.866 0.351 0 0.701 0.001 1.052 0.003h-0.054c141.071 8.919 253.269 121.118 262.147 261.377l0.041 0.811c-2.759 70.652-2.759 258.324-209.75 258.324z",
-                    "M512 908.319c-0.057 0-0.125 0-0.193 0-11.369 0-21.653-4.644-29.058-12.14l-156.213-156.213c-6.884-7.373-11.11-17.304-11.11-28.222 0-22.863 18.535-41.398 41.398-41.398 10.919 0 20.849 4.226 28.246 11.134l-0.025-0.022 126.954 126.954 126.954-126.954c7.373-6.884 17.304-11.11 28.222-11.11 22.863 0 41.398 18.535 41.398 41.398 0 10.919-4.226 20.849-11.134 28.246l0.022-0.025-156.209 158.416c-7.128 6.219-16.515 10.011-26.787 10.011-0.868 0-1.73-0.027-2.585-0.080l0.116 0.006z",
-                    "M512 908.319c-22.863 0-41.398-18.535-41.398-41.398v0-351.056c0-22.863 18.535-41.398 41.398-41.398s41.398 18.535 41.398 41.398v0 351.056c0 22.863-18.535 41.398-41.398 41.398v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "cloud-download",
-                    "download",
-                    "data",
-                    "fetch",
-                    "retrieval"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 93,
-                "id": 109,
-                "name": "cloud-download",
-                "prevSize": 24,
-                "code": 59715
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 243
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M815.587 856.985c-22.863 0-41.398-18.535-41.398-41.398s18.535-41.398 41.398-41.398v0c91.628 0 124.194-45.813 124.194-175.528-8.48-95.471-83.922-170.912-178.638-179.338l-0.753-0.054c-19.914 0.52-38.817 4.118-56.489 10.331l1.291-0.396c-4.655 2-10.071 3.163-15.761 3.163-18.775 0-34.592-12.668-39.37-29.923l-0.067-0.287c-38.556-117.836-147.511-201.455-275.996-201.455-159.262 0-288.519 128.478-289.778 287.443l-0.001 0.119c0 189.879 41.951 285.923 124.194 285.923 22.863 0 41.398 18.535 41.398 41.398s-18.535 41.398-41.398 41.398v0c-137.994 0-206.991-124.194-206.991-368.719-0.047-2.197-0.074-4.787-0.074-7.382 0-205.772 166.811-372.583 372.583-372.583 155.102 0 288.069 94.773 344.148 229.569l0.909 2.466c12.977-2.459 27.905-3.866 43.161-3.866 0.351 0 0.701 0.001 1.052 0.003h-0.054c141.071 8.919 253.269 121.118 262.147 261.377l0.041 0.811c-2.759 70.652-2.759 258.324-209.75 258.324z",
-                    "M668.209 713.47c-11.406-0.137-21.709-4.745-29.262-12.15l-126.947-126.947-126.954 126.954c-7.373 6.884-17.304 11.11-28.222 11.11-22.863 0-41.398-18.535-41.398-41.398 0-10.919 4.226-20.849 11.134-28.246l-0.022 0.025 156.209-156.209c7.427-7.616 17.79-12.341 29.254-12.341s21.827 4.725 29.246 12.331l0.008 0.009 156.209 156.209c7.48 7.489 12.108 17.832 12.108 29.254s-4.626 21.765-12.108 29.256v0c-7.6 7.307-17.868 11.888-29.205 12.143l-0.049 0.001z",
-                    "M512 908.319c-22.863 0-41.398-18.535-41.398-41.398v0-351.056c0-22.863 18.535-41.398 41.398-41.398s41.398 18.535 41.398 41.398v0 351.056c0 22.863-18.535 41.398-41.398 41.398v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "cloud-upload",
-                    "backup",
-                    "save",
-                    "upload"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 92,
-                "id": 110,
-                "name": "cloud-upload",
-                "prevSize": 24,
-                "code": 59716
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 244
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M761.085 885.627h-387.465c-206.337-0.017-373.598-167.289-373.598-373.627 0-206.348 167.278-373.627 373.627-373.627 152.926 0 284.392 91.876 342.215 223.439l0.939 2.397c13.246-2.68 28.531-4.285 44.166-4.428l0.115-0.001c141.466 8.944 253.978 121.457 262.882 262.11l0.042 0.813c0 145.209-117.715 262.923-262.923 262.923v0zM373.619 221.401c-160.494 0-290.599 130.105-290.599 290.599s130.105 290.599 290.599 290.599v0h387.465c99.226-0.314 179.581-80.668 179.895-179.864v-0.030c-8.504-95.738-84.157-171.391-179.139-179.84l-0.755-0.054c-19.989 0.459-38.949 4.276-56.529 10.907l1.178-0.389c-4.752 1.958-10.27 3.095-16.052 3.095s-11.3-1.136-16.34-3.199l0.288 0.104c-9.801-5.017-17.16-13.636-20.404-24.069l-0.077-0.287c-36.721-121.012-147.288-207.574-278.073-207.574-0.511 0-1.022 0.001-1.533 0.004h0.079z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "cloud",
-                    "internet",
-                    "storage",
-                    "weather",
-                    "data"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 91,
-                "id": 111,
-                "name": "cloud",
-                "prevSize": 24,
-                "code": 59717
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 245
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M45.313 1022.421c-0.136 0.001-0.296 0.003-0.456 0.003-11.964 0-22.806-4.803-30.702-12.588l0.006 0.006c-8.248-8.149-13.356-19.461-13.356-31.966 0-1.401 0.065-2.787 0.19-4.155l-0.013 0.176 18.572-230.049c0.852-11.108 5.734-20.935 13.169-28.147l662.6-662.6c34.079-31.973 80.059-51.615 130.628-51.615 2.096 0 4.186 0.034 6.267 0.101l-0.303-0.008c52.335 0.418 99.758 21.108 134.873 54.592l-0.079-0.074c34.783 35.688 56.235 84.513 56.235 138.348 0 50.427-18.822 96.457-49.825 131.448l0.181-0.208-663.188 665.585c-7.185 7.16-16.72 11.966-27.348 13.161l-0.211 0.020-233.044 20.968zM105.22 767.211l-12.581 164.15 164.15-14.978 653.004-654.202c15.132-17.82 24.333-41.087 24.333-66.503 0-56.908-46.133-103.043-103.043-103.043-0.341 0-0.681 0.001-1.021 0.006h0.052c-1.828-0.124-3.962-0.194-6.112-0.194-25.163 0-48.075 9.635-65.249 25.419l0.069-0.063zM727.071 84.852v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "pencil",
-                    "edit",
-                    "write",
-                    "draw",
-                    "update"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 90,
-                "id": 112,
-                "name": "pencil",
-                "prevSize": 24,
-                "code": 59714
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 246
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M617.025 525.129c-108.758 0-196.923-88.165-196.923-196.923s88.165-196.923 196.923-196.923c108.758 0 196.923 88.165 196.923 196.923v0c0 108.758-88.165 196.923-196.923 196.923v0zM617.025 210.052c-65.254 0-118.154 52.9-118.154 118.154s52.9 118.154 118.154 118.154c65.254 0 118.154-52.9 118.154-118.154v0c0-65.254-52.9-118.154-118.154-118.154v0z",
-                    "M984.615 892.718c-21.633-0.292-39.093-17.751-39.385-39.356v-0.028c0-102.4-55.664-170.667-328.206-170.667s-328.206 68.267-328.206 170.667c0 21.751-17.633 39.385-39.385 39.385s-39.385-17.633-39.385-39.385v0c0-249.436 285.145-249.436 406.975-249.436s406.975 0 406.975 249.436c-0.292 21.633-17.751 39.093-39.356 39.385h-0.028z",
-                    "M318.753 567.664h-16.804c-80.61-8.022-143.044-75.489-143.044-157.538 0-87.412 70.862-158.273 158.273-158.273 5.362 0 10.663 0.267 15.888 0.788l-0.66-0.053c21.012 0.932 37.694 18.192 37.694 39.348 0 21.751-17.633 39.385-39.385 39.385-2.183 0-4.326-0.177-6.414-0.519l0.228 0.031c-2.281-0.241-4.928-0.378-7.607-0.378-18.98 0-36.35 6.897-49.738 18.321l0.107-0.089c-15.663 12.706-26.198 31.205-28.33 52.186l-0.027 0.326c-0.273 2.455-0.43 5.301-0.43 8.183 0 40.775 31.191 74.267 71.015 77.915l0.306 0.022c2.052 0.186 4.437 0.293 6.848 0.293 15.535 0 30.039-4.409 42.331-12.043l-0.342 0.198c5.898-3.695 13.065-5.886 20.742-5.886 21.812 0 39.494 17.682 39.494 39.494 0 14.133-7.424 26.533-18.586 33.511l-0.166 0.097c-23.058 14.912-51.098 24.022-81.222 24.678l-0.174 0.002z",
-                    "M39.385 853.333c-21.633-0.292-39.093-17.751-39.385-39.356v-0.028c0-141.785 37.809-236.308 223.179-236.308 21.751 0 39.385 17.633 39.385 39.385s-17.633 39.385-39.385 39.385v0c-123.406 0-144.41 39.385-144.41 157.538-0.292 21.633-17.751 39.093-39.356 39.385h-0.028z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "users",
-                    "group",
-                    "team",
-                    "people",
-                    "crowd"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 88,
-                "id": 113,
-                "name": "users",
-                "prevSize": 24,
-                "code": 59713
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 247
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z",
-                    "M682.667 554.667h-170.667c-23.436-0.316-42.351-19.231-42.667-42.636v-284.475c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 241.777h128c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "clock",
-                    "time",
-                    "hours",
-                    "minutes",
-                    "seconds"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 87,
-                "id": 114,
-                "name": "clock",
-                "prevSize": 24,
-                "code": 59712
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 248
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 556.52c-122.938 0-222.599-99.66-222.599-222.599s99.66-222.599 222.599-222.599c122.938 0 222.599 99.66 222.599 222.599v0c0 122.938-99.66 222.599-222.599 222.599v0zM512 200.362c-73.762 0-133.559 59.797-133.559 133.559s59.797 133.559 133.559 133.559c73.762 0 133.559-59.797 133.559-133.559v0c0-73.762-59.797-133.559-133.559-133.559v0z",
-                    "M927.518 972.038c-24.454-0.33-44.19-20.066-44.52-44.488v-0.032c0-115.751-62.922-192.919-370.998-192.919s-370.998 77.168-370.998 192.919c0 24.587-19.932 44.52-44.52 44.52s-44.52-19.932-44.52-44.52v0c0-281.959 322.323-281.959 460.038-281.959s460.038 0 460.038 281.959c-0.33 24.454-20.066 44.19-44.488 44.52h-0.032z",
-                    "M1031.396 556.52h-207.758c-24.587 0-44.52-19.932-44.52-44.52s19.932-44.52 44.52-44.52v0h207.758c24.587 0 44.52 19.932 44.52 44.52s-19.932 44.52-44.52 44.52v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "user-minus",
-                    "remove-user",
-                    "delete-user",
-                    "user-deletion",
-                    "eliminate-user"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 83,
-                "id": 115,
-                "name": "user-minus",
-                "prevSize": 24,
-                "code": 59710
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 249
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 556.52c-122.938 0-222.599-99.66-222.599-222.599s99.66-222.599 222.599-222.599c122.938 0 222.599 99.66 222.599 222.599v0c0 122.938-99.66 222.599-222.599 222.599v0zM512 200.362c-73.762 0-133.559 59.797-133.559 133.559s59.797 133.559 133.559 133.559c73.762 0 133.559-59.797 133.559-133.559v0c0-73.762-59.797-133.559-133.559-133.559v0z",
-                    "M927.518 972.038c-24.454-0.33-44.19-20.066-44.52-44.488v-0.032c0-115.751-62.922-192.919-370.998-192.919s-370.998 77.168-370.998 192.919c0 24.587-19.932 44.52-44.52 44.52s-44.52-19.932-44.52-44.52v0c0-281.959 322.323-281.959 460.038-281.959s460.038 0 460.038 281.959c-0.33 24.454-20.066 44.19-44.488 44.52h-0.032z",
-                    "M927.518 660.4c-24.454-0.33-44.19-20.066-44.52-44.488v-207.79c0-24.587 19.932-44.52 44.52-44.52s44.52 19.932 44.52 44.52v0 207.758c-0.33 24.454-20.066 44.19-44.488 44.52h-0.032z",
-                    "M1031.396 556.52h-207.758c-24.587 0-44.52-19.932-44.52-44.52s19.932-44.52 44.52-44.52v0h207.758c24.587 0 44.52 19.932 44.52 44.52s-19.932 44.52-44.52 44.52v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "user-plus",
-                    "add-user",
-                    "new-user",
-                    "register",
-                    "signup"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 86,
-                "id": 116,
-                "name": "user-plus",
-                "prevSize": 24,
-                "code": 59711
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 250
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M979.856 319.009h-935.714c-24.224 0-43.862-19.638-43.862-43.862s19.638-43.862 43.862-43.862h935.714c24.224 0 43.862 19.638 43.862 43.862s-19.638 43.862-43.862 43.862v0z",
-                    "M771.66 1023.718h-519.321c-2.865 0.208-6.208 0.328-9.577 0.328-74.752 0-135.856-58.437-140.12-132.119l-0.018-0.377v-613.477c0-24.224 19.638-43.862 43.862-43.862s43.862 19.638 43.862 43.862v0 613.477c0 23.977 27.486 44.447 58.483 44.447h519.321c32.75 0 58.483-20.468 58.483-44.447v-613.477c0-26.162 21.208-47.37 47.37-47.37s47.37 21.208 47.37 47.37v0 613.477c-4.282 74.060-65.385 132.496-140.136 132.496-3.37 0-6.712-0.119-10.022-0.352l0.445 0.025zM778.678 263.452c-0.175 0.003-0.382 0.004-0.589 0.004-23.9 0-43.276-19.376-43.276-43.276 0-0.207 0.001-0.414 0.004-0.62v0.032-87.138c0-23.977-28.071-44.447-58.483-44.447h-326.915c-32.166 0-58.483 20.468-58.483 44.447v87.138c0 24.224-19.638 43.862-43.862 43.862s-43.862-19.638-43.862-43.862v0-87.138c4.697-74.022 65.883-132.278 140.675-132.278 1.945 0 3.88 0.040 5.806 0.118l-0.276-0.008h325.161c2.174-0.119 4.719-0.188 7.28-0.188 74.82 0 136.023 58.3 140.66 131.951l0.021 0.407v87.138c0.003 0.174 0.004 0.38 0.004 0.585 0 24.224-19.638 43.862-43.862 43.862-0.001 0-0.003 0-0.004 0v0z",
-                    "M407.901 804.41c-24.092-0.325-43.537-19.769-43.862-43.83v-264.955c0-24.224 19.638-43.862 43.862-43.862s43.862 19.638 43.862 43.862v0 264.339c0.003 0.174 0.004 0.38 0.004 0.585 0 24.224-19.638 43.862-43.862 43.862-0.001 0-0.003 0-0.004 0v0z",
-                    "M616.099 804.41c-24.224 0-43.862-19.638-43.862-43.862v0-264.924c0-24.224 19.638-43.862 43.862-43.862s43.862 19.638 43.862 43.862v0 264.339c0 0.001 0 0.003 0 0.004 0 24.342-19.568 44.112-43.83 44.443h-0.032z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "trash",
-                    "delete",
-                    "remove",
-                    "garbage",
-                    "waste"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 81,
-                "id": 117,
-                "name": "trash",
-                "prevSize": 24,
-                "code": 59709
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 251
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M863.070 0.023h-702.14c-88.866 0-160.907 72.041-160.907 160.907v0 351.070c0 24.236 19.648 43.884 43.884 43.884s43.884-19.648 43.884-43.884v0-351.070c0-40.394 32.746-73.139 73.139-73.139v0h702.14c40.394 0 73.139 32.746 73.139 73.139v0 702.14c0 40.394-32.746 73.139-73.139 73.139v0h-351.070c-24.236 0-43.884 19.648-43.884 43.884s19.648 43.884 43.884 43.884v0h351.070c88.866 0 160.907-72.041 160.907-160.907v0-702.14c0-88.866-72.041-160.907-160.907-160.907v0z",
-                    "M465.775 581.628c5.003 2.189 10.831 3.478 16.956 3.511h234.059c24.236 0 43.884-19.648 43.884-43.884s-19.648-43.884-43.884-43.884v0h-128.141l188.408-188.408c7.297-7.815 11.777-18.343 11.777-29.916 0-24.236-19.648-43.884-43.884-43.884-11.574 0-22.101 4.48-29.942 11.802l0.026-0.023-188.408 188.408v-128.141c0-24.236-19.648-43.884-43.884-43.884s-43.884 19.648-43.884 43.884v0 234.047c0.033 6.137 1.322 11.965 3.62 17.252l-0.11-0.284c4.316 10.739 12.665 19.089 23.125 23.305l0.28 0.099z",
-                    "M277.953 643.651h-175.535c-56.418 0.33-102.065 45.976-102.396 102.364v175.567c0.33 56.418 45.976 102.065 102.364 102.396h175.567c56.418-0.33 102.065-45.976 102.396-102.364v-175.567c-0.33-56.418-45.976-102.065-102.364-102.396h-0.032zM292.581 921.582c0 8.079-6.55 14.628-14.628 14.628v0h-175.535c-8.079 0-14.628-6.55-14.628-14.628v0-175.535c0-8.079 6.55-14.628 14.628-14.628v0h175.535c8.079 0 14.628 6.55 14.628 14.628v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "window-minimize",
-                    "shrink",
-                    "small-screen",
-                    "collapse",
-                    "decrease-size"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 80,
-                "id": 118,
-                "name": "window-minimize",
-                "prevSize": 24,
-                "code": 59706
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 252
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M863.070 1023.977h-351.070c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h351.070c40.394 0 73.139-32.746 73.139-73.139v0-702.14c0-40.394-32.746-73.139-73.139-73.139v0h-702.14c-40.394 0-73.139 32.746-73.139 73.139v0 351.070c0 24.236-19.648 43.884-43.884 43.884s-43.884-19.648-43.884-43.884v0-351.070c0-88.866 72.041-160.907 160.907-160.907v0h702.14c88.866 0 160.907 72.041 160.907 160.907v0 702.14c0 88.866-72.041 160.907-160.907 160.907v0z",
-                    "M746.047 555.884c-24.105-0.325-43.559-19.779-43.884-43.852v-190.195h-190.163c-24.236 0-43.884-19.648-43.884-43.884s19.648-43.884 43.884-43.884v0h234.047c24.105 0.325 43.559 19.779 43.884 43.852v234.079c-0.325 24.105-19.779 43.559-43.852 43.884h-0.032z",
-                    "M482.745 585.139c-11.709-0.922-21.991-6.371-29.214-14.58l-0.041-0.048c-6.935-7.728-11.175-17.996-11.175-29.255s4.24-21.528 11.211-29.297l-0.036 0.041 263.303-263.303c7.815-7.297 18.343-11.777 29.916-11.777 24.236 0 43.884 19.648 43.884 43.884 0 11.574-4.48 22.101-11.802 29.942l0.023-0.026-266.813 259.792c-7.264 8.256-17.547 13.707-29.106 14.619l-0.151 0.010z",
-                    "M277.953 1023.977h-175.535c-56.418-0.33-102.065-45.976-102.396-102.364v-175.567c0.33-56.418 45.976-102.065 102.364-102.396h175.567c56.418 0.33 102.065 45.976 102.396 102.364v175.567c-0.33 56.418-45.976 102.065-102.364 102.396h-0.032zM102.418 731.419c-8.079 0-14.628 6.55-14.628 14.628v0 175.535c0 8.079 6.55 14.628 14.628 14.628v0h175.535c8.079 0 14.628-6.55 14.628-14.628v0-175.535c0-8.079-6.55-14.628-14.628-14.628v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "window-maximize",
-                    "enlarge",
-                    "full-screen",
-                    "expand",
-                    "increase"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 79,
-                "id": 119,
-                "name": "window-maximize",
-                "prevSize": 24,
-                "code": 59707
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 253
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M862.106 1022.571h-700.213c-88.622 0-160.465-71.843-160.465-160.465v0-700.213c0-88.622 71.843-160.465 160.465-160.465v0h350.106c24.17 0 43.763 19.594 43.763 43.763s-19.594 43.763-43.763 43.763v0h-350.106c-40.283 0-72.938 32.656-72.938 72.938v0 700.213c0 40.283 32.656 72.938 72.938 72.938v0h700.213c40.283 0 72.938-32.656 72.938-72.938v0-350.106c0-24.17 19.594-43.763 43.763-43.763s43.763 19.594 43.763 43.763v0 350.106c0 88.622-71.843 160.465-160.465 160.465v0z",
-                    "M978.808 322.359c-24.038-0.324-43.439-19.725-43.763-43.732v-189.673h-189.641c-24.17 0-43.763-19.594-43.763-43.763s19.594-43.763 43.763-43.763v0h233.405c24.038 0.324 43.439 19.725 43.763 43.732v233.436c-0.324 24.038-19.725 43.439-43.732 43.763h-0.031z",
-                    "M599.527 468.237c-11.677-0.919-21.931-6.354-29.134-14.54l-0.041-0.048c-6.916-7.706-11.145-17.947-11.145-29.175s4.229-21.469 11.18-29.216l-0.036 0.041 379.281-379.281c8.011-8.58 19.39-13.929 32.018-13.929 24.17 0 43.763 19.594 43.763 43.763 0 12.628-5.349 24.007-13.903 31.994l-0.026 0.023-382.782 375.78c-7.244 8.233-17.498 13.669-29.026 14.579l-0.15 0.010z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "external-link",
-                    "new-tab",
-                    "external",
-                    "link",
-                    "outside"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 78,
-                "id": 120,
-                "name": "external-link",
-                "prevSize": 24,
-                "code": 59708
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 254
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1023.452c-234.044 0-423.774-189.73-423.774-423.774s189.73-423.774 423.774-423.774v0h146.13c24.211 0 43.839 19.627 43.839 43.839s-19.627 43.839-43.839 43.839v0h-146.13c-185.621 0-336.097 150.475-336.097 336.097s150.475 336.097 336.097 336.097c185.621 0 336.097-150.475 336.097-336.097v0c0-24.211 19.627-43.839 43.839-43.839s43.839 19.627 43.839 43.839v0c-0.333 233.911-189.864 423.443-423.743 423.774h-0.032z",
-                    "M512 438.936c-0.060 0-0.133 0-0.204 0-12.039 0-22.929-4.918-30.771-12.856l-0.004-0.004c-7.921-7.931-12.821-18.884-12.821-30.979s4.899-23.048 12.821-30.98v0l144.376-144.376-144.376-144.376c-8.595-8.025-13.953-19.423-13.953-32.074 0-24.211 19.627-43.839 43.839-43.839 12.65 0 24.048 5.358 32.049 13.927l0.023 0.026 175.355 175.355c7.921 7.931 12.821 18.884 12.821 30.979s-4.899 23.048-12.821 30.98v0l-175.355 175.355c-7.846 7.942-18.736 12.86-30.775 12.86-0.071 0-0.144 0-0.215 0h0.011z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "refresh",
-                    "update",
-                    "reload",
-                    "renew",
-                    "repeat"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 77,
-                "id": 121,
-                "name": "refresh",
-                "prevSize": 24,
-                "code": 59704
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 255
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 528.516c-136.816 0-247.725-110.91-247.725-247.725s110.91-247.725 247.725-247.725c136.816 0 247.725 110.91 247.725 247.725v0c0 136.816-110.91 247.725-247.725 247.725v0zM512 132.155c-82.088 0-148.635 66.547-148.635 148.635s66.547 148.635 148.635 148.635c82.088 0 148.635-66.547 148.635-148.635v0c0-82.088-66.547-148.635-148.635-148.635v0z",
-                    "M974.421 990.935c-27.214-0.367-49.178-22.331-49.545-49.509v-0.036c0-128.817-70.024-214.696-412.876-214.696s-412.876 85.879-412.876 214.696c0 27.363-22.182 49.545-49.545 49.545s-49.545-22.182-49.545-49.545v0c0-313.786 358.706-313.786 511.966-313.786s511.966 0 511.966 313.786c-0.367 27.214-22.331 49.178-49.509 49.545h-0.036z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "user",
-                    "profile",
-                    "person",
-                    "account",
-                    "individual"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 76,
-                "id": 122,
-                "name": "user",
-                "prevSize": 24,
-                "code": 59705
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 256
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M980.247 964.701h-936.496c-16.088-0.051-30.159-8.633-37.933-21.458l-0.111-0.198c-3.59-6.323-5.705-13.888-5.705-21.949s2.115-15.627 5.823-22.173l-0.117 0.224 468.247-819.433c8.296-12.379 22.232-20.419 38.044-20.419s29.748 8.039 37.942 20.254l0.104 0.165 468.247 819.433c3.59 6.323 5.705 13.888 5.705 21.949s-2.115 15.627-5.823 22.173l0.117-0.224c-7.885 13.022-21.958 21.606-38.038 21.657h-0.007zM119.257 876.905h785.486l-392.743-687.154z",
-                    "M512 642.78c-24.113-0.325-43.573-19.786-43.898-43.866v-204.89c0-24.244 19.654-43.898 43.898-43.898s43.898 19.654 43.898 43.898v0 204.858c-0.325 24.113-19.786 43.573-43.866 43.898h-0.032z",
-                    "M512 818.373c-24.113-0.325-43.573-19.786-43.898-43.866v-29.297c0-24.244 19.654-43.898 43.898-43.898s43.898 19.654 43.898 43.898v0 29.265c-0.325 24.113-19.786 43.573-43.866 43.898h-0.032z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "exclamation-triangle",
-                    "warning",
-                    "alert",
-                    "danger",
-                    "caution"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 75,
-                "id": 123,
-                "name": "exclamation-triangle",
-                "prevSize": 24,
-                "code": 59682
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 257
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M788.745 110.712h-69.186v-69.186c0-22.926-18.586-41.512-41.512-41.512s-41.512 18.586-41.512 41.512v0 69.186h-249.071v-69.186c0-22.926-18.586-41.512-41.512-41.512s-41.512 18.586-41.512 41.512v0 69.186h-69.186c-84.063 0-152.209 68.147-152.209 152.209v0 608.839c0 84.063 68.147 152.209 152.209 152.209v0h553.491c84.063 0 152.209-68.147 152.209-152.209v0-608.839c0-84.063-68.147-152.209-152.209-152.209v0zM235.255 193.735h69.186v69.186c0 22.926 18.586 41.512 41.512 41.512s41.512-18.586 41.512-41.512v0-69.186h249.071v69.186c0 22.926 18.586 41.512 41.512 41.512s41.512-18.586 41.512-41.512v0-69.186h69.186c38.21 0 69.186 30.976 69.186 69.186v0 152.209h-691.862v-152.209c0-38.21 30.976-69.186 69.186-69.186v0zM788.745 940.947h-553.491c-38.21 0-69.186-30.976-69.186-69.186v0-373.606h691.862v373.606c0 38.21-30.976 69.186-69.186 69.186v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "calendar",
-                    "date",
-                    "event",
-                    "schedule",
-                    "day"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 74,
-                "id": 124,
-                "name": "calendar",
-                "prevSize": 24,
-                "code": 59687
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 258
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z",
-                    "M625.777 782.223c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-227.56-227.56c-7.709-7.719-12.479-18.379-12.479-30.151s4.768-22.432 12.479-30.152v0l227.556-227.556c7.599-7.095 17.835-11.451 29.087-11.451 23.564 0 42.667 19.103 42.667 42.667 0 11.253-4.356 21.488-11.475 29.112l0.023-0.025-197.404 197.404 197.404 197.404c7.709 7.719 12.479 18.379 12.479 30.151s-4.768 22.432-12.479 30.152v0c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "chevron-circle-left",
-                    "back",
-                    "return",
-                    "left",
-                    "previous"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 73,
-                "id": 125,
-                "name": "chevron-circle-left",
-                "prevSize": 24,
-                "code": 59688
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 259
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z",
-                    "M512 668.444c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-227.56-227.56c-7.095-7.599-11.451-17.835-11.451-29.087 0-23.564 19.103-42.667 42.667-42.667 11.253 0 21.488 4.356 29.112 11.475l-0.025-0.023 197.404 197.404 197.404-197.404c7.599-7.095 17.835-11.451 29.087-11.451 23.564 0 42.667 19.103 42.667 42.667 0 11.253-4.356 21.488-11.475 29.112l0.023-0.025-227.556 227.556c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "chevron-circle-down",
-                    "download",
-                    "decrease",
-                    "down",
-                    "lower"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 70,
-                "id": 126,
-                "name": "chevron-circle-down",
-                "prevSize": 24,
-                "code": 59689
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 260
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z",
-                    "M398.223 782.223c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-0.004-0.004c-7.709-7.719-12.479-18.379-12.479-30.151s4.768-22.432 12.479-30.152v0l197.404-197.404-197.404-197.404c-7.095-7.599-11.451-17.835-11.451-29.087 0-23.564 19.103-42.667 42.667-42.667 11.253 0 21.488 4.356 29.112 11.475l-0.025-0.023 227.556 227.556c7.709 7.719 12.479 18.379 12.479 30.151s-4.768 22.432-12.479 30.152v0l-227.556 227.556c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "chevron-circle-right",
-                    "next",
-                    "proceed",
-                    "right",
-                    "forward"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 69,
-                "id": 127,
-                "name": "chevron-circle-right",
-                "prevSize": 24,
-                "code": 59690
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 261
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z",
-                    "M739.556 668.444c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-197.408-197.408-197.404 197.404c-7.599 7.095-17.835 11.451-29.087 11.451-23.564 0-42.667-19.103-42.667-42.667 0-11.253 4.356-21.488 11.475-29.112l-0.023 0.025 227.556-227.556c7.719-7.709 18.379-12.479 30.151-12.479s22.432 4.768 30.152 12.479v0l227.556 227.556c7.709 7.719 12.479 18.379 12.479 30.151s-4.768 22.432-12.479 30.152v0c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "chevron-circle-up",
-                    "upload",
-                    "increase",
-                    "up",
-                    "elevate"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 68,
-                "id": 128,
-                "name": "chevron-circle-up",
-                "prevSize": 24,
-                "code": 59691
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 262
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 902.549c-0.077 0-0.172 0-0.257 0-15.319 0-29.178-6.257-39.16-16.361l-0.005-0.005-258.132-260.364c-5.628-8.568-8.981-19.073-8.981-30.354 0-30.81 24.977-55.792 55.792-55.792 10.145 0 19.649 2.705 27.846 7.433l-0.269-0.143 223.173 223.173 223.173-223.173c7.925-4.589 17.434-7.289 27.577-7.289 30.81 0 55.792 24.977 55.792 55.792 0 11.285-3.353 21.785-9.108 30.566l0.128-0.209-258.132 258.132c-9.737 10.997-23.705 18.053-39.331 18.593l-0.092 0.004z",
-                    "M512 493.405c-0.077 0-0.172 0-0.257 0-15.319 0-29.178-6.257-39.16-16.361l-0.005-0.005-258.132-262.596c-3.437-7.037-5.446-15.305-5.446-24.041 0-30.81 24.977-55.792 55.792-55.792 8.741 0 17.009 2.009 24.377 5.597l-0.329-0.145 223.173 223.173 223.173-223.173c7.037-3.437 15.305-5.446 24.041-5.446 30.81 0 55.792 24.977 55.792 55.792 0 8.741-2.009 17.009-5.597 24.377l0.145-0.329-260.364 260.364c-9.233 10.493-22.31 17.429-37.002 18.583l-0.192 0.012z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "angle-double-down",
-                    "fast-fall",
-                    "down",
-                    "decrease",
-                    "lower"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 67,
-                "id": 129,
-                "name": "angle-double-down",
-                "prevSize": 24,
-                "code": 59692
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 263
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M436.578 832.544c-0.073 0-0.172 0-0.262 0-15.535 0-29.584-6.348-39.707-16.591l-0.004-0.004-261.716-263.977c-10.22-10.237-16.542-24.365-16.542-39.973s6.32-29.742 16.542-39.973v0l261.716-261.716c8.688-5.708 19.333-9.102 30.778-9.102 31.242 0 56.568 25.327 56.568 56.568 0 10.286-2.746 19.925-7.538 28.233l0.144-0.272-226.267 226.267 226.267 226.267c10.22 10.237 16.542 24.365 16.542 39.973s-6.32 29.742-16.542 39.973v0c-9.854 8.923-22.994 14.389-37.408 14.389-0.902 0-1.8-0.024-2.694-0.065l0.124 0.004z",
-                    "M851.399 832.544c-15.091-1.188-28.351-8.214-37.656-18.795l-0.055-0.065-263.977-263.977c-10.22-10.237-16.542-24.365-16.542-39.973s6.32-29.742 16.542-39.973v0l263.977-259.453c7.129-3.487 15.515-5.521 24.379-5.521 31.242 0 56.568 25.327 56.568 56.568 0 8.864-2.038 17.25-5.669 24.715l0.144-0.336-226.267 226.267 226.267 226.267c8.942 9.959 14.408 23.201 14.408 37.714s-5.466 27.749-14.45 37.763l0.045-0.055c-9.366 10.641-22.619 17.666-37.517 18.843l-0.193 0.014z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "angle-double-left",
-                    "fast-return",
-                    "left",
-                    "back",
-                    "previous"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 66,
-                "id": 130,
-                "name": "angle-double-left",
-                "prevSize": 24,
-                "code": 59693
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 264
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M587.102 831.182c-0.073 0-0.171 0-0.259 0-15.47 0-29.463-6.321-39.534-16.519l-0.004-0.004c-10.173-10.194-16.472-24.266-16.472-39.803s6.29-29.611 16.472-39.809v0l225.304-225.304-225.304-225.304c-3.536-7.161-5.605-15.588-5.605-24.492 0-31.111 25.217-56.325 56.325-56.325 10.665 0 20.638 2.967 29.14 8.115l-0.251-0.143 262.858 262.858c10.173 10.194 16.472 24.266 16.472 39.803s-6.29 29.611-16.472 39.809v0l-262.858 258.35c-9.83 11.106-23.933 18.225-39.711 18.775l-0.094 0.004z",
-                    "M174.042 831.182c-15.029-1.181-28.228-8.178-37.495-18.716l-0.053-0.063c-8.9-9.92-14.342-23.099-14.342-37.554s5.442-27.63 14.391-37.603l-0.045 0.053 225.304-225.304-225.304-225.304c-3.467-7.105-5.497-15.45-5.497-24.276 0-31.111 25.217-56.325 56.325-56.325 8.82 0 17.176 2.028 24.609 5.644l-0.339-0.145 262.858 262.858c10.173 10.194 16.472 24.266 16.472 39.803s-6.29 29.611-16.472 39.809v0l-262.858 258.35c-9.32 10.596-22.521 17.598-37.357 18.765l-0.192 0.014z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "angle-double-right",
-                    "fast-proceed",
-                    "right",
-                    "next",
-                    "forward"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 65,
-                "id": 131,
-                "name": "angle-double-right",
-                "prevSize": 24,
-                "code": 59694
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 265
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M768.744 493.657c-0.079 0-0.163 0-0.259 0-15.11 0-28.77-6.175-38.616-16.135l-220.071-220.071-220.067 220.067c-6.991 3.451-15.223 5.479-23.923 5.479-30.385 0-55.016-24.631-55.016-55.016 0-10.412 2.899-20.155 7.927-28.458l-0.139 0.247 254.542-254.542c9.955-9.943 23.695-16.087 38.874-16.087s28.926 6.151 38.877 16.087v0l256.744 256.744c9.943 9.955 16.087 23.695 16.087 38.874s-6.151 28.926-16.087 38.877v0c-9.583 8.683-22.363 13.999-36.378 13.999-0.883 0-1.752-0.019-2.623-0.067l0.127 0.007z",
-                    "M768.744 897.118c-14.683-1.159-27.57-7.987-36.629-18.283l-0.055-0.060-220.067-220.067-220.067 220.067c-6.935 3.391-15.091 5.371-23.707 5.371-30.385 0-55.016-24.631-55.016-55.016 0-8.623 1.987-16.772 5.515-24.038l-0.139 0.331 256.744-256.744c9.955-9.943 23.695-16.087 38.874-16.087s28.926 6.151 38.877 16.087v0l252.342 256.744c8.695 9.691 14.011 22.565 14.011 36.678s-5.316 26.99-14.059 36.726l0.043-0.055c-9.104 10.351-22.001 17.184-36.486 18.331l-0.187 0.012z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "angle-double-up",
-                    "fast-rise",
-                    "lift",
-                    "double-up",
-                    "increase"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 64,
-                "id": 132,
-                "name": "angle-double-up",
-                "prevSize": 24,
-                "code": 59695
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 266
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 724.21c-0.086 0-0.192 0-0.293 0-17.487 0-33.3-7.139-44.687-18.671l-0.006-0.006-294.549-297.097c-6.421-9.779-10.246-21.757-10.246-34.639 0-35.163 28.506-63.662 63.662-63.662 11.573 0 22.424 3.091 31.773 8.485l-0.306-0.164 254.656 254.656 254.656-254.656c9.044-5.23 19.894-8.318 31.469-8.318 35.163 0 63.662 28.506 63.662 63.662 0 12.88-3.82 24.863-10.395 34.879l0.149-0.244-297.097 297.097c-10.874 11.029-25.782 18.050-42.325 18.671l-0.112 0.002z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "angle-down",
-                    "fall",
-                    "down",
-                    "decrease",
-                    "lower"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 224,
-                "id": 133,
-                "name": "angle-down",
-                "prevSize": 24,
-                "code": 59696
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 267
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M645.785 836.904c-0.077 0-0.174 0-0.264 0-15.744 0-29.987-6.434-40.247-16.814l-267.57-267.57c-10.36-10.374-16.768-24.697-16.768-40.517s6.404-30.147 16.768-40.517v0l267.566-265.27c8.804-5.784 19.594-9.224 31.197-9.224 31.667 0 57.335 25.671 57.335 57.335 0 10.424-2.782 20.194-7.64 28.617l0.144-0.274-229.343 229.343 229.343 229.343c10.36 10.374 16.768 24.697 16.768 40.517s-6.404 30.147-16.768 40.517v0c-9.987 9.044-23.307 14.584-37.917 14.584-0.914 0-1.824-0.023-2.732-0.064l0.124 0.004z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "angle-left",
-                    "back",
-                    "return",
-                    "left",
-                    "previous"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 62,
-                "id": 134,
-                "name": "angle-left",
-                "prevSize": 24,
-                "code": 59697
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 268
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M377.809 837.894c-16.204-0.566-30.605-7.836-40.589-19.11l-0.054-0.059c-10.396-10.404-16.822-24.776-16.822-40.643s6.424-30.235 16.822-40.645v0l230.044-230.044-230.044-230.044c-2.746-6.474-4.334-14.004-4.334-21.905 0-31.765 25.748-57.513 57.513-57.513 10.324 0 20.016 2.723 28.392 7.484l-0.286-0.149 268.384 268.384c10.396 10.406 16.822 24.773 16.822 40.643s-6.424 30.236-16.822 40.645v0l-268.384 263.783c-10.036 11.334-24.433 18.607-40.543 19.164l-0.096 0.006z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "angle-right",
-                    "next",
-                    "proceed",
-                    "right",
-                    "forward"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 61,
-                "id": 135,
-                "name": "angle-right",
-                "prevSize": 24,
-                "code": 59698
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 269
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M804.999 721.286c-0.087 0-0.194 0-0.29 0-17.244 0-32.838-7.040-44.069-18.415l-251.149-251.149-251.143 251.143c-7.978 3.94-17.369 6.249-27.304 6.249-34.676 0-62.787-28.109-62.787-62.787 0-11.887 3.305-23 9.042-32.478l-0.157 0.277 292.999-292.999c11.357-11.344 27.043-18.363 44.37-18.363s33.008 7.014 44.37 18.363v0l292.999 292.999c11.344 11.357 18.363 27.043 18.363 44.37s-7.014 33.008-18.363 44.37v0c-11.24 11.41-26.866 18.481-44.134 18.481-0.966 0-1.925-0.024-2.88-0.070l0.133 0.002z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "angle-up",
-                    "rise",
-                    "lift",
-                    "up",
-                    "increase"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 60,
-                "id": 136,
-                "name": "angle-up",
-                "prevSize": 24,
-                "code": 59699
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 270
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M875.959 1024h-727.917c-82.563-3.472-148.18-71.248-148.18-154.349 0-2.309 0.051-4.607 0.151-6.89l-0.011 0.325v-175.543c0-24.237 19.648-43.886 43.886-43.886s43.886 19.648 43.886 43.886v0 175.543c-0.162 1.762-0.255 3.81-0.255 5.881 0 34.276 25.406 62.617 58.412 67.222l0.357 0.041h729.673c33.364-4.645 58.77-32.987 58.77-67.263 0-2.069-0.093-4.118-0.274-6.141l0.019 0.261v-175.543c0-24.237 19.648-43.886 43.886-43.886s43.886 19.648 43.886 43.886v0 175.543c0.091 1.983 0.143 4.309 0.143 6.646 0 82.485-64.648 149.87-146.039 154.251l-0.389 0.016z",
-                    "M746.058 321.828c-0.060 0-0.133 0-0.204 0-12.052 0-22.954-4.923-30.804-12.869l-203.048-203.048-203.044 203.044c-7.816 7.297-18.344 11.778-29.918 11.778-24.237 0-43.886-19.648-43.886-43.886 0-11.575 4.48-22.102 11.803-29.944l-0.023 0.026 234.058-234.058c7.939-7.93 18.904-12.835 31.012-12.835s23.073 4.904 31.013 12.835v0l234.058 234.058c7.93 7.939 12.835 18.904 12.835 31.012s-4.904 23.073-12.835 31.013v0c-7.854 7.95-18.756 12.874-30.808 12.874-0.071 0-0.144 0-0.215 0h0.011z",
-                    "M512 731.429c-24.106-0.325-43.561-19.78-43.886-43.854v-643.688c0-24.237 19.648-43.886 43.886-43.886s43.886 19.648 43.886 43.886v0 643.657c-0.325 24.106-19.78 43.561-43.854 43.886h-0.032z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "upload",
-                    "send",
-                    "transfer",
-                    "give",
-                    "provide"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 59,
-                "id": 137,
-                "name": "upload",
-                "prevSize": 24,
-                "code": 59700
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 271
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M875.959 1024h-727.917c-82.563-3.472-148.18-71.248-148.18-154.349 0-2.309 0.051-4.607 0.151-6.89l-0.011 0.325v-175.543c0-24.237 19.648-43.886 43.886-43.886s43.886 19.648 43.886 43.886v0 175.543c-0.162 1.762-0.255 3.81-0.255 5.881 0 34.276 25.406 62.617 58.412 67.222l0.357 0.041h729.673c33.364-4.645 58.77-32.987 58.77-67.263 0-2.069-0.093-4.118-0.274-6.141l0.019 0.261v-175.543c0-24.237 19.648-43.886 43.886-43.886s43.886 19.648 43.886 43.886v0 175.543c0.091 1.983 0.143 4.309 0.143 6.646 0 82.485-64.648 149.87-146.039 154.251l-0.389 0.016z",
-                    "M512 731.429c-0.060 0-0.133 0-0.204 0-12.052 0-22.954-4.923-30.804-12.869l-234.062-234.062c-7.297-7.816-11.778-18.344-11.778-29.918 0-24.237 19.648-43.886 43.886-43.886 11.575 0 22.102 4.48 29.944 11.803l-0.026-0.023 203.044 203.044 203.044-203.044c7.816-7.297 18.344-11.778 29.918-11.778 24.237 0 43.886 19.648 43.886 43.886 0 11.575-4.48 22.102-11.803 29.944l0.023-0.026-234.058 234.058c-7.854 7.95-18.756 12.874-30.808 12.874-0.071 0-0.144 0-0.215 0h0.011z",
-                    "M512 731.429c-24.106-0.325-43.561-19.78-43.886-43.854v-643.688c0-24.237 19.648-43.886 43.886-43.886s43.886 19.648 43.886 43.886v0 643.657c-0.325 24.106-19.78 43.561-43.854 43.886h-0.032z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "download",
-                    "save",
-                    "transfer",
-                    "get",
-                    "receive"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 113,
-                "id": 138,
-                "name": "download",
-                "prevSize": 24,
-                "code": 59734
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 272
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 0c-282.769 0-512 229.231-512 512s229.231 512 512 512c282.769 0 512-229.231 512-512v0c0-282.769-229.231-512-512-512v0zM85.333 512c0-0.111 0-0.24 0-0.369 0-102.621 36.521-196.712 97.276-269.985l-0.565 0.701 599.609 599.609c-72.916 60.16-167.308 96.645-270.223 96.645-235.327 0-426.097-190.771-426.097-426.097 0-0.177 0-0.353 0-0.531v0.028zM841.956 781.653l-599.609-599.609c72.855-59.977 167.108-96.344 269.855-96.344 235.327 0 426.097 190.771 426.097 426.097 0 102.747-36.367 197-96.931 270.591l0.587-0.735z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "ban",
-                    "block",
-                    "stop",
-                    "deny",
-                    "prohibit"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 58,
-                "id": 139,
-                "name": "ban",
-                "prevSize": 24,
-                "code": 59701
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 273
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1021.85 393.483c-4.841-15.030-17.644-26.152-33.316-28.484l-0.227-0.028-303.002-44.165-135.848-274.491c-7.746-12.831-21.614-21.279-37.457-21.279s-29.71 8.447-37.346 21.083l-0.11 0.195-135.848 274.491-303.002 44.165c-15.899 2.36-28.701 13.481-33.462 28.219l-0.081 0.292c-1.397 4-2.204 8.612-2.204 13.413 0 11.571 4.687 22.048 12.267 29.634v0l220.265 213.556-51.991 301.885c-0.38 2.136-0.597 4.594-0.597 7.102 0 14.016 6.787 26.448 17.254 34.186l0.115 0.081c6.76 4.866 15.204 7.783 24.332 7.783 7.263 0 14.096-1.847 20.052-5.097l-0.219 0.11 270.579-142.557 271.137 142.557c5.647 3.156 12.387 5.020 19.564 5.031h0.004c9.211-0.109 17.721-3.021 24.742-7.922l-0.143 0.094c10.582-7.821 17.369-20.251 17.369-34.267 0-2.509-0.218-4.967-0.634-7.356l0.037 0.254-52.551-301.885 219.705-213.556c7.83-7.626 12.687-18.27 12.687-30.050 0-4.646-0.756-9.117-2.151-13.294l0.085 0.296z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "star-fill",
-                    "favorite",
-                    "rate",
-                    "like",
-                    "full-star"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 57,
-                "id": 140,
-                "name": "star-fill",
-                "prevSize": 24,
-                "code": 59702
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 274
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M802.661 1001.092c-7.178-0.012-13.918-1.875-19.772-5.137l0.207 0.106-271.096-142.535-271.096 142.535c-5.737 3.14-12.567 4.986-19.829 4.986-9.126 0-17.571-2.916-24.452-7.867l0.124 0.085c-10.58-7.82-17.366-20.248-17.366-34.262 0-2.509 0.217-4.966 0.634-7.355l-0.037 0.254 52.543-301.84-220.232-213.524c-7.577-7.585-12.265-18.059-12.265-29.629 0-4.8 0.807-9.412 2.291-13.706l-0.089 0.295c4.841-15.028 17.641-26.148 33.311-28.48l0.227-0.028 302.957-44.158 135.828-274.45c7.745-12.829 21.611-21.276 37.451-21.276s29.706 8.446 37.341 21.080l0.11 0.195 135.828 274.45 302.957 44.158c15.896 2.359 28.697 13.479 33.457 28.215l0.081 0.292c1.397 4 2.204 8.611 2.204 13.411 0 11.569-4.686 22.045-12.265 29.63v0l-220.232 213.524 51.984 301.84c0.38 2.135 0.597 4.593 0.597 7.101 0 14.014-6.786 26.444-17.251 34.181l-0.115 0.081c-6.725 4.703-15.021 7.598-23.979 7.824l-0.056 0.001zM512 764.651c7.119 0.088 13.834 1.727 19.85 4.594l-0.287-0.123 215.201 111.792-40.805-239.795c-0.368-2.129-0.579-4.58-0.579-7.081 0-11.813 4.698-22.528 12.328-30.38l-0.010 0.010 174.396-167.689-240.912-35.774c-13.783-2.252-25.168-10.868-31.19-22.677l-0.111-0.241-107.88-217.995-107.88 218.555c-6.135 12.049-17.52 20.666-31.056 22.884l-0.246 0.033-240.912 35.215 174.396 167.689c7.619 7.842 12.317 18.557 12.317 30.37 0 2.501-0.211 4.952-0.614 7.338l0.035-0.257-40.805 241.472 215.201-111.792c5.628-3.296 12.279-5.497 19.381-6.135l0.183-0.013z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "star",
-                    "favorite",
-                    "rate",
-                    "like",
-                    "highlight"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 56,
-                "id": 141,
-                "name": "star",
-                "prevSize": 24,
-                "code": 59703
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 275
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M679.213 992.738c-0.086 0-0.19 0-0.292 0-17.22 0-32.796-7.035-44.013-18.388l-418.039-418.039c-11.33-11.344-18.339-27.010-18.339-44.311s7.007-32.967 18.339-44.313v0l418.033-418.033c11.167-10.427 26.211-16.828 42.747-16.828 34.631 0 62.705 28.074 62.705 62.705 0 16.538-6.402 31.58-16.864 42.785l0.034-0.037-373.722 373.722 373.722 373.722c11.33 11.344 18.339 27.010 18.339 44.311s-7.007 32.967-18.339 44.313v0c-11.222 11.36-26.798 18.394-44.019 18.394-0.102 0-0.205 0-0.307 0h0.016z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "chevron-left",
-                    "backward",
-                    "previous",
-                    "return",
-                    "left"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 16,
-                "id": 142,
-                "name": "chevron-left",
-                "prevSize": 24,
-                "code": 59648
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 276
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M344.779 992.761c-0.086 0-0.19 0-0.292 0-17.221 0-32.798-7.035-44.016-18.389l-0.006-0.006c-11.331-11.345-18.34-27.011-18.34-44.313s7.008-32.969 18.34-44.315v0l373.739-373.739-373.739-373.739c-10.427-11.167-16.829-26.212-16.829-42.749 0-34.632 28.075-62.708 62.708-62.708 16.539 0 31.582 6.402 42.787 16.865l-0.037-0.034 418.053 418.053c11.331 11.345 18.34 27.011 18.34 44.313s-7.008 32.969-18.34 44.315v0l-418.053 418.053c-11.223 11.36-26.8 18.395-44.021 18.395-0.102 0-0.205 0-0.307 0h0.016z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "chevron-right",
-                    "forward",
-                    "next",
-                    "right",
-                    "proceed"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 17,
-                "id": 143,
-                "name": "chevron-right",
-                "prevSize": 24,
-                "code": 59649
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 277
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 774.266c-0.084 0-0.183 0-0.282 0-16.621 0-31.655-6.79-42.481-17.748l-403.49-403.49c-6.608-9.557-10.557-21.395-10.557-34.153 0-33.426 27.098-60.522 60.522-60.522 13.37 0 25.728 4.335 35.742 11.677l-0.17-0.119 360.715 358.295 360.715-358.295c9.294-6.106 20.686-9.741 32.927-9.741 33.426 0 60.522 27.098 60.522 60.522 0 11.002-2.935 21.318-8.065 30.207l0.155-0.294-403.485 403.485c-10.561 11.928-25.717 19.583-42.668 20.171l-0.102 0.002z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "chevron-down",
-                    "down",
-                    "fall",
-                    "decrease",
-                    "lower"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 18,
-                "id": 144,
-                "name": "chevron-down",
-                "prevSize": 24,
-                "code": 59650
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 278
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M912.529 772.345c-0.083 0-0.182 0-0.279 0-16.5 0-31.424-6.74-42.17-17.619l-358.079-358.079-358.074 355.671c-9.226 6.061-20.534 9.669-32.685 9.669-33.181 0-60.080-26.899-60.080-60.080 0-10.921 2.914-21.161 8.005-29.985l-0.154 0.291 400.529-400.529c10.869-10.856 25.879-17.571 42.456-17.571s31.587 6.714 42.457 17.571v0l400.529 400.529c10.856 10.869 17.571 25.879 17.571 42.456s-6.714 31.587-17.571 42.457v0c-10.467 9.481-24.421 15.283-39.728 15.283-0.96 0-1.913-0.022-2.862-0.068l0.134 0.005z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "chevron-up",
-                    "up",
-                    "increase",
-                    "rise",
-                    "elevate"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 19,
-                "id": 145,
-                "name": "chevron-up",
-                "prevSize": 24,
-                "code": 59651
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 279
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M777.445 959.937c-0.065 0-0.144 0-0.22 0-11.19 0-21.502-3.743-29.759-10.044l0.119 0.088-530.888-398.166c-12.143-9.177-19.908-23.59-19.908-39.817s7.765-30.639 19.784-39.726l0.124-0.091 530.888-398.166c8.229-6.251 18.645-10.014 29.941-10.014 8.203 0 15.94 1.984 22.762 5.498l-0.278-0.131c16.203 8.535 27.088 25.214 27.208 44.445v796.35c-0.121 19.249-11.006 35.927-26.932 44.329l-0.275 0.133c-6.602 3.186-14.334 5.125-22.5 5.309l-0.063 0.002zM329.508 512l398.166 298.625v-597.249z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "caret-left",
-                    "previous",
-                    "backward",
-                    "left",
-                    "return"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 20,
-                "id": 146,
-                "name": "caret-left",
-                "prevSize": 24,
-                "code": 59652
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 280
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M246.514 960.008c-8.001-0.105-15.52-2.052-22.189-5.441l0.287 0.133c-16.574-8.253-27.783-25.040-27.876-44.458v-796.469c0.092-19.426 11.302-36.213 27.587-44.339l0.287-0.132c6.449-3.33 14.077-5.284 22.158-5.284 11.175 0 21.478 3.731 29.729 10.017l-0.119-0.089 530.972 398.228c12.145 9.177 19.912 23.594 19.912 39.823s-7.766 30.645-19.789 39.733l-0.124 0.091-530.972 398.228c-8.14 6.214-18.456 9.957-29.645 9.957-0.077 0-0.156 0-0.232 0h0.012zM296.292 213.328v597.343l398.228-298.672z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "caret-right",
-                    "next",
-                    "forward",
-                    "right",
-                    "proceed"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 21,
-                "id": 147,
-                "name": "caret-right",
-                "prevSize": 24,
-                "code": 59653
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 281
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 808.242c-0.092 0-0.203 0.002-0.311 0.002-15.157 0-28.607-7.307-37.020-18.589l-0.088-0.122-374.2-498.935c-5.874-7.735-9.411-17.522-9.411-28.14 0-7.708 1.865-14.982 5.168-21.391l-0.124 0.263c8.022-15.226 23.696-25.457 41.77-25.57h748.419c18.091 0.116 33.765 10.344 41.662 25.311l0.125 0.259c3.18 6.151 5.044 13.42 5.044 21.131 0 10.614-3.536 20.406-9.494 28.255l0.085-0.116-374.2 498.935c-8.503 11.404-21.951 18.712-37.108 18.712-0.109 0-0.218 0-0.329-0.002h0.017zM231.349 309.307l280.651 374.2 280.651-374.2z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "caret-down",
-                    "collapse",
-                    "down",
-                    "fall",
-                    "decrease"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 22,
-                "id": 148,
-                "name": "caret-down",
-                "prevSize": 24,
-                "code": 59654
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 282
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M886.087 808.153h-748.175c-18.084-0.115-33.754-10.339-41.649-25.303l-0.125-0.259c-3.18-6.148-5.042-13.416-5.042-21.125 0-10.612 3.535-20.4 9.492-28.247l-0.085 0.116 374.087-498.782c8.871-10.966 22.328-17.919 37.409-17.919s28.537 6.953 37.338 17.828l0.069 0.090 374.087 498.782c5.874 7.732 9.407 17.518 9.407 28.131 0 7.706-1.864 14.977-5.165 21.386l0.123-0.262c-8.019 15.222-23.689 25.45-41.757 25.562h-0.016zM231.436 714.631h561.131l-280.564-374.087z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "caret-up",
-                    "expand",
-                    "up",
-                    "rise",
-                    "increase"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 23,
-                "id": 149,
-                "name": "caret-up",
-                "prevSize": 24,
-                "code": 59655
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 283
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M440.071 880.415c-243.195 0-440.344-197.149-440.344-440.344s197.149-440.344 440.344-440.344c243.195 0 440.344 197.149 440.344 440.344v0c0 243.195-197.149 440.344-440.344 440.344v0zM440.071 88.031c-193.781 0-350.872 157.090-350.872 350.872s157.090 350.872 350.872 350.872c193.781 0 350.872-157.090 350.872-350.872v0c0-193.781-157.090-350.872-350.872-350.872v0z",
-                    "M979.828 1023.687c-0.060 0-0.133 0-0.204 0-12.045 0-22.94-4.92-30.785-12.862l-241.52-241.52c-7.293-7.811-11.771-18.333-11.771-29.899 0-24.222 19.636-43.859 43.859-43.859 11.568 0 22.088 4.478 29.926 11.795l-0.026-0.023 241.516 241.516c7.925 7.934 12.827 18.892 12.827 30.993s-4.901 23.059-12.827 30.995v0c-7.849 7.945-18.744 12.866-30.789 12.866-0.071 0-0.144 0-0.215 0h0.011z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "search",
-                    "find",
-                    "query",
-                    "lookup",
-                    "discover"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 24,
-                "id": 150,
-                "name": "search",
-                "prevSize": 24,
-                "code": 59656
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 284
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M367.973 877.709c-12.364-0.429-23.354-5.979-30.973-14.583l-0.039-0.045-292.569-292.569c-12.118-7.943-20.011-21.462-20.011-36.822 0-24.237 19.649-43.886 43.886-43.886 16.258 0 30.454 8.843 38.038 21.983l0.112 0.213 261.556 259.802 612.637-610.884c6.739-4.429 14.999-7.063 23.874-7.063 24.237 0 43.886 19.649 43.886 43.886 0 7.977-2.129 15.457-5.848 21.903l0.112-0.213-643.651 643.651c-7.658 8.649-18.646 14.2-30.94 14.626l-0.073 0.001z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "check",
-                    "done",
-                    "complete",
-                    "ok",
-                    "approve"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false,
-                "width": 1088
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 25,
-                "id": 151,
-                "name": "check",
-                "prevSize": 24,
-                "code": 59657
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 285
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M426.842 696.51c-11.361-0.894-21.337-6.182-28.346-14.147l-0.040-0.047-170.317-170.317c-2.623-5.368-4.157-11.68-4.157-18.35 0-23.516 19.064-42.579 42.579-42.579 6.67 0 12.983 1.534 18.603 4.269l-0.253-0.11 140.228 140.228 484.268-480.861c5.368-2.623 11.68-4.157 18.35-4.157 23.516 0 42.579 19.064 42.579 42.579 0 6.67-1.534 12.983-4.269 18.603l0.11-0.253-510.95 510.95c-7.048 8.010-17.025 13.299-28.241 14.184l-0.146 0.009z",
-                    "M512 1022.95c-191.476-0.317-358.217-105.908-445.47-261.972l-1.328-2.587c-31.938-55.832-53.595-121.525-60.581-191.54l-0.166-2.053c-1.75-15.87-2.746-34.274-2.746-52.91 0-191.528 105.381-358.444 261.324-445.927l2.575-1.327c55.832-31.938 121.525-53.595 191.54-60.581l2.053-0.166c16.139-1.838 34.846-2.885 53.796-2.885 52.724 0 103.554 8.111 151.308 23.156l-3.563-0.969c19.66 4.032 34.236 21.19 34.236 41.754 0 23.516-19.064 42.579-42.579 42.579-5.793 0-11.317-1.158-16.352-3.253l0.282 0.104c-37.278-11.625-80.141-18.322-124.567-18.322-16.116 0-32.026 0.881-47.685 2.599l1.933-0.172c-60.018 6.3-114.675 24.271-163.354 51.622l2.121-1.095c-49.065 27.393-90.495 62.305-124.293 103.695l-0.607 0.765c-59.499 72.093-95.584 165.431-95.584 267.195 0 16.071 0.899 31.933 2.652 47.536l-0.174-1.916c6.3 60.018 24.271 114.675 51.622 163.354l-1.095-2.121c27.393 49.065 62.305 90.495 103.695 124.293l0.765 0.607c72.093 59.499 165.431 95.584 267.195 95.584 16.071 0 31.933-0.899 47.536-2.652l-1.916 0.174c60.018-6.3 114.675-24.271 163.354-51.622l-2.121 1.095c49.065-27.393 90.495-62.305 124.293-103.695l0.607-0.765c59.499-72.093 95.584-165.431 95.584-267.195 0-16.071-0.899-31.933-2.652-47.536l0.174 1.916c-0.129-1.276-0.204-2.758-0.204-4.258 0-24.725 20.044-44.769 44.769-44.769 23.226 0 42.321 17.686 44.551 40.326l0.015 0.185c1.73 15.781 2.716 34.082 2.716 52.613 0 191.743-105.619 358.82-261.851 446.222l-2.584 1.328c-56.511 33.262-123.144 55.912-194.296 63.403l-2.137 0.182c-17.6 0-35.767 0-52.798 0z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "check-circle",
-                    "done",
-                    "complete",
-                    "ok",
-                    "approve"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 26,
-                "id": 152,
-                "name": "check-circle",
-                "prevSize": 24,
-                "code": 59658
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 286
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M586.932 512l312.455-312.455c10.394-9.708 16.875-23.488 16.875-38.79 0-29.283-23.737-53.020-53.020-53.020-15.299 0-29.084 6.481-38.759 16.841l-0.027 0.029-312.455 312.455-312.455-312.455c-9.444-8.816-22.161-14.228-36.145-14.228-29.283 0-53.020 23.737-53.020 53.020 0 13.985 5.412 26.701 14.261 36.174l-0.027-0.029 312.455 312.455-312.455 312.455c-9.582 9.589-15.504 22.839-15.504 37.468s5.926 27.874 15.504 37.469v0c9.589 9.582 22.839 15.504 37.468 15.504s27.874-5.926 37.469-15.504v0l312.455-312.455 312.455 312.455c9.589 9.582 22.839 15.504 37.468 15.504s27.874-5.926 37.469-15.504v0c9.582-9.589 15.504-22.839 15.504-37.468s-5.926-27.874-15.504-37.469v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "times",
-                    "close",
-                    "cancel",
-                    "delete",
-                    "remove"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 265,
-                "id": 153,
-                "name": "times",
-                "prevSize": 24,
-                "code": 59659
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 287
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z",
-                    "M341.333 725.333c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-0.004-0.004c-7.709-7.719-12.479-18.379-12.479-30.151s4.768-22.432 12.479-30.152v0l341.333-341.333c7.599-7.095 17.835-11.451 29.087-11.451 23.564 0 42.667 19.103 42.667 42.667 0 11.253-4.356 21.488-11.475 29.112l0.023-0.025-341.333 341.333c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z",
-                    "M682.667 725.333c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-341.337-341.337c-7.095-7.599-11.451-17.835-11.451-29.087 0-23.564 19.103-42.667 42.667-42.667 11.253 0 21.488 4.356 29.112 11.475l-0.025-0.023 341.333 341.333c7.709 7.719 12.479 18.379 12.479 30.151s-4.768 22.432-12.479 30.152v0c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "times-circle",
-                    "close",
-                    "cancel",
-                    "delete",
-                    "times"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 28,
-                "id": 154,
-                "name": "times-circle",
-                "prevSize": 24,
-                "code": 59660
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 288
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M559.485 464.515v-395.695c0-26.223-21.257-47.485-47.485-47.485s-47.485 21.257-47.485 47.485v0 395.695h-395.695c-26.223 0-47.485 21.257-47.485 47.485s21.257 47.485 47.485 47.485v0h395.695v395.695c0.352 26.082 21.403 47.133 47.447 47.485h0.033c26.223 0 47.485-21.257 47.485-47.485v0-395.695h395.695c26.223 0 47.485-21.257 47.485-47.485v0c-0.352-26.082-21.403-47.133-47.447-47.485h-0.033z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "plus",
-                    "add",
-                    "increase",
-                    "more",
-                    "extra"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 35,
-                "id": 155,
-                "name": "plus",
-                "prevSize": 24,
-                "code": 59661
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 289
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z",
-                    "M512 782.223c-23.436-0.316-42.351-19.231-42.667-42.636v-455.141c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 455.111c-0.316 23.436-19.231 42.351-42.636 42.667h-0.031z",
-                    "M739.556 554.667h-455.111c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h455.111c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "plus-circle",
-                    "add",
-                    "increase",
-                    "plus",
-                    "more"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 36,
-                "id": 156,
-                "name": "plus-circle",
-                "prevSize": 24,
-                "code": 59662
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 290
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M967.085 568.886h-910.171c-31.417 0-56.886-25.469-56.886-56.886s25.469-56.886 56.886-56.886v0h910.171c31.417 0 56.886 25.469 56.886 56.886s-25.469 56.886-56.886 56.886v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "minus",
-                    "remove",
-                    "subtract",
-                    "decrease",
-                    "less"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 41,
-                "id": 157,
-                "name": "minus",
-                "prevSize": 24,
-                "code": 59663
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 291
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z",
-                    "M739.556 554.667h-455.111c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h455.111c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "minus-circle",
-                    "remove",
-                    "subtract",
-                    "decrease",
-                    "minus"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 42,
-                "id": 158,
-                "name": "minus-circle",
-                "prevSize": 24,
-                "code": 59664
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 292
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M1024 512c0 282.769-229.231 512-512 512s-512-229.231-512-512c0-282.769 229.231-512 512-512s512 229.231 512 512z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "circle-on",
-                    "deprecate",
-                    "on",
-                    "enable",
-                    "active",
-                    "start"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 47,
-                "id": 159,
-                "name": "circle-on",
-                "prevSize": 24,
-                "code": 59665
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 293
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "circle-off",
-                    "deprecate",
-                    "off",
-                    "disable",
-                    "inactive",
-                    "stop"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 48,
-                "id": 160,
-                "name": "circle-off",
-                "prevSize": 24,
-                "code": 59666
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 294
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 761.297c-0.059 0-0.133 0-0.206 0-12.080 0-23.010-4.935-30.879-12.901l-410.613-410.613c-7.95-7.958-12.867-18.951-12.867-31.089 0-24.283 19.676-43.971 43.952-43.993h821.216c23.565 0.924 42.321 20.252 42.321 43.961 0 11.301-4.262 21.608-11.268 29.401l0.035-0.040-410.607 410.607c-7.678 8.671-18.694 14.235-31.015 14.662l-0.074 0.003zM207.563 350.691l304.437 304.437 304.437-304.437z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "sort-down",
-                    "descending",
-                    "down",
-                    "decrease",
-                    "lower"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 51,
-                "id": 161,
-                "name": "sort-down",
-                "prevSize": 24,
-                "code": 59667
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 295
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M921.888 760.859h-819.773c-0.088 0-0.19 0.002-0.294 0.002-18.019 0-33.47-11-40.004-26.651l-0.105-0.287c-1.856-4.68-2.932-10.103-2.932-15.777 0-11.845 4.689-22.595 12.313-30.495l409.875-409.875c7.945-7.935 18.917-12.844 31.034-12.844s23.089 4.908 31.035 12.844v0l409.888 409.888c7.91 7.94 12.801 18.896 12.801 30.993 0 6.145-1.262 11.997-3.542 17.308l0.108-0.285c-7.032 14.993-22.001 25.192-39.352 25.192-0.369 0-0.739-0.004-1.106-0.013l0.055 0.002zM208.099 673.027h607.804l-303.901-303.901z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "sort-up",
-                    "ascending",
-                    "up",
-                    "increase",
-                    "elevate"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 52,
-                "id": 162,
-                "name": "sort-up",
-                "prevSize": 24,
-                "code": 59668
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 296
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M841.149 443.428h-658.298c-0.083 0-0.179 0.001-0.275 0.001-16.883 0-31.357-10.305-37.478-24.968l-0.099-0.269c-2.034-4.708-3.217-10.189-3.217-15.949 0-11.333 4.583-21.597 11.994-29.037l329.147-329.147c7.443-7.433 17.723-12.033 29.075-12.033s21.632 4.598 29.076 12.033v0l329.149 329.149c7.411 7.439 11.993 17.704 11.993 29.036 0 5.757-1.183 11.24-3.319 16.216l0.101-0.267c-6.22 14.932-20.695 25.236-37.577 25.236-0.097 0-0.193 0-0.29-0.001h0.015zM282.145 361.141h459.712l-229.855-229.855z",
-                    "M512 992.009c-0.056 0-0.125 0-0.191 0-11.299 0-21.519-4.615-28.879-12.065l-329.153-329.153c-7.411-7.439-11.993-17.704-11.993-29.036 0-5.757 1.183-11.24 3.319-16.216l-0.101 0.267c6.22-14.932 20.695-25.236 37.577-25.236 0.097 0 0.193 0 0.29 0.001h658.283c0.083 0 0.179-0.001 0.275-0.001 16.883 0 31.357 10.305 37.478 24.968l0.099 0.269c2.034 4.708 3.217 10.189 3.217 15.949 0 11.333-4.583 21.597-11.994 29.037l-329.147 329.147c-7.363 7.453-17.584 12.068-28.883 12.068-0.067 0-0.135 0-0.202 0h0.010zM282.145 662.859l229.855 229.855 229.855-229.855z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "sort",
-                    "order",
-                    "sequence"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 54,
-                "id": 163,
-                "name": "sort",
-                "prevSize": 24,
-                "code": 59669
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 297
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M776.253 1023.989c-13.652-0.164-25.983-5.679-35.022-14.542l-462.434-462.434c-8.953-8.963-14.491-21.342-14.491-35.013s5.537-26.049 14.491-35.014v0l462.442-462.442c8.959-8.925 21.319-14.443 34.966-14.443 6.933 0 13.536 1.424 19.529 3.996l-0.322-0.122c17.981 7.491 30.389 24.922 30.389 45.252 0 0.116 0 0.233-0.002 0.348v-0.019 924.882c0 0.099 0.002 0.215 0.002 0.331 0 20.33-12.41 37.761-30.067 45.132l-0.324 0.119c-5.648 2.471-12.229 3.927-19.143 3.964h-0.014zM383.839 512l342.867 342.867v-685.734z",
-                    "M247.747 1023.989c-27.215-0.367-49.181-22.332-49.548-49.511v-924.917c0-27.364 22.183-49.548 49.548-49.548s49.548 22.183 49.548 49.548v0 924.882c-0.367 27.215-22.332 49.181-49.511 49.548h-0.036z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "step-backward",
-                    "back",
-                    "previous",
-                    "return",
-                    "rewind"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 29,
-                "id": 164,
-                "name": "step-backward",
-                "prevSize": 24,
-                "code": 59670
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 298
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M247.747 1023.989c-6.929-0.037-13.509-1.493-19.478-4.087l0.321 0.124c-17.981-7.491-30.389-24.922-30.389-45.252 0-0.116 0-0.231 0.002-0.348v0.019-924.882c0-0.099-0.002-0.215-0.002-0.331 0-20.33 12.41-37.761 30.067-45.132l0.324-0.119c5.67-2.449 12.271-3.874 19.206-3.874 13.649 0 26.007 5.518 34.967 14.444l462.441 462.441c8.953 8.963 14.491 21.342 14.491 35.013s-5.537 26.049-14.491 35.014v0l-462.442 462.442c-9.030 8.855-21.362 14.37-34.982 14.533h-0.031zM297.295 169.133v685.734l342.867-342.867z",
-                    "M776.253 1023.989c-27.215-0.367-49.181-22.332-49.548-49.511v-924.917c0-27.364 22.183-49.548 49.548-49.548s49.548 22.183 49.548 49.548v0 924.882c-0.367 27.215-22.332 49.181-49.513 49.548h-0.036z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "step-forward",
-                    "next",
-                    "proceed",
-                    "forward",
-                    "advance"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 30,
-                "id": 165,
-                "name": "step-forward",
-                "prevSize": 24,
-                "code": 59671
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 299
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M325.818 465.455h-186.182c-77.119 0-139.636-62.518-139.636-139.636v0-186.182c0-77.119 62.518-139.636 139.636-139.636v0h186.182c77.119 0 139.636 62.518 139.636 139.636v0 186.182c0 77.119-62.518 139.636-139.636 139.636v0zM139.636 93.091c-25.567 0.345-46.201 20.979-46.545 46.512v186.215c0.345 25.567 20.979 46.201 46.512 46.545h186.215c25.567-0.345 46.201-20.979 46.545-46.512v-186.215c-0.345-25.567-20.979-46.201-46.512-46.545h-0.033z",
-                    "M325.818 1024h-186.182c-77.119 0-139.636-62.518-139.636-139.636v0-186.182c0-77.119 62.518-139.636 139.636-139.636v0h186.182c77.119 0 139.636 62.518 139.636 139.636v0 186.182c0 77.119-62.518 139.636-139.636 139.636v0zM139.636 651.636c-25.567 0.345-46.201 20.979-46.545 46.512v186.215c0.345 25.567 20.979 46.201 46.512 46.545h186.215c25.567-0.345 46.201-20.979 46.545-46.512v-186.215c-0.345-25.567-20.979-46.201-46.512-46.545h-0.033z",
-                    "M884.364 465.455h-186.182c-77.119 0-139.636-62.518-139.636-139.636v0-186.182c0-77.119 62.518-139.636 139.636-139.636v0h186.182c77.119 0 139.636 62.518 139.636 139.636v0 186.182c0 77.119-62.518 139.636-139.636 139.636v0zM698.182 93.091c-25.567 0.345-46.201 20.979-46.545 46.512v186.215c0.345 25.567 20.979 46.201 46.512 46.545h186.215c25.567-0.345 46.201-20.979 46.545-46.512v-186.215c-0.345-25.567-20.979-46.201-46.512-46.545h-0.033z",
-                    "M884.364 1024h-186.182c-77.119 0-139.636-62.518-139.636-139.636v0-186.182c0-77.119 62.518-139.636 139.636-139.636v0h186.182c77.119 0 139.636 62.518 139.636 139.636v0 186.182c0 77.119-62.518 139.636-139.636 139.636v0zM698.182 651.636c-25.567 0.345-46.201 20.979-46.545 46.512v186.215c0.345 25.567 20.979 46.201 46.512 46.545h186.215c25.567-0.345 46.201-20.979 46.545-46.512v-186.215c-0.345-25.567-20.979-46.201-46.512-46.545h-0.033z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "th-large",
-                    "grid",
-                    "layout",
-                    "blocks",
-                    "sections"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 34,
-                "id": 166,
-                "name": "th-large",
-                "prevSize": 24,
-                "code": 59672
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 300
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1023.983c-0.068 0-0.15 0-0.231 0-13.607 0-25.914-5.559-34.777-14.53l-396.378-396.378c-8.239-8.824-13.297-20.711-13.297-33.777 0-27.364 22.183-49.547 49.547-49.547 13.068 0 24.953 5.058 33.806 13.325l-0.029-0.026 361.361 361.361 361.361-361.361c8.824-8.239 20.711-13.297 33.777-13.297 27.364 0 49.547 22.183 49.547 49.547 0 13.068-5.058 24.953-13.325 33.806l0.026-0.029-396.374 396.374c-8.867 8.976-21.175 14.534-34.782 14.534-0.081 0-0.163 0-0.243 0h0.012z",
-                    "M512 1023.983c-27.215-0.367-49.18-22.332-49.547-49.511v-924.907c0-27.364 22.183-49.547 49.547-49.547s49.547 22.183 49.547 49.547v0 924.872c-0.367 27.215-22.332 49.18-49.511 49.547h-0.036z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "arrow-down",
-                    "download",
-                    "decrease",
-                    "down",
-                    "lower"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 37,
-                "id": 167,
-                "name": "arrow-down",
-                "prevSize": 24,
-                "code": 59673
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 301
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M445.937 957.921c-0.068 0-0.15 0-0.231 0-13.607 0-25.914-5.559-34.777-14.53l-396.378-396.378c-8.952-8.963-14.491-21.342-14.491-35.013s5.537-26.049 14.491-35.014v0l396.374-396.374c8.824-8.239 20.711-13.297 33.777-13.297 27.364 0 49.547 22.183 49.547 49.547 0 13.068-5.058 24.953-13.325 33.806l0.026-0.029-361.361 361.361 361.361 361.361c8.952 8.963 14.491 21.342 14.491 35.013s-5.537 26.049-14.491 35.014v0c-8.867 8.976-21.175 14.534-34.782 14.534-0.081 0-0.163 0-0.243 0h0.012z",
-                    "M974.437 561.547h-924.872c-27.364 0-49.547-22.183-49.547-49.547s22.183-49.547 49.547-49.547v0h924.872c27.364 0 49.547 22.183 49.547 49.547s-22.183 49.547-49.547 49.547v0z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "arrow-left",
-                    "back",
-                    "previous",
-                    "left",
-                    "return"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 40,
-                "id": 168,
-                "name": "arrow-left",
-                "prevSize": 24,
-                "code": 59674
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 302
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M578.063 957.921c-0.068 0-0.15 0-0.231 0-13.607 0-25.914-5.559-34.777-14.53l-0.005-0.005c-8.952-8.963-14.491-21.342-14.491-35.013s5.537-26.049 14.491-35.014v0l361.361-361.361-361.361-361.361c-8.239-8.824-13.297-20.711-13.297-33.777 0-27.364 22.183-49.547 49.547-49.547 13.068 0 24.953 5.058 33.806 13.325l-0.029-0.026 396.374 396.374c8.952 8.963 14.491 21.342 14.491 35.013s-5.537 26.049-14.491 35.014v0l-396.374 396.374c-8.867 8.976-21.175 14.534-34.782 14.534-0.081 0-0.163 0-0.243 0h0.012z",
-                    "M974.437 561.547h-924.872c-27.364 0-49.547-22.183-49.547-49.547s22.183-49.547 49.547-49.547v0h924.872c27.364 0 49.547 22.183 49.547 49.547s-22.183 49.547-49.547 49.547v0z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "arrow-right",
-                    "next",
-                    "forward",
-                    "right",
-                    "proceed"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 43,
-                "id": 169,
-                "name": "arrow-right",
-                "prevSize": 24,
-                "code": 59675
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 303
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M908.374 495.484c-0.068 0-0.15 0-0.231 0-13.607 0-25.914-5.559-34.777-14.53l-361.366-361.366-361.361 361.361c-8.824 8.239-20.711 13.297-33.777 13.297-27.364 0-49.547-22.183-49.547-49.547 0-13.068 5.058-24.953 13.325-33.806l-0.026 0.029 396.374-396.374c8.963-8.952 21.342-14.491 35.013-14.491s26.049 5.537 35.014 14.491v0l396.374 396.374c8.952 8.963 14.491 21.342 14.491 35.013s-5.537 26.049-14.491 35.014v0c-8.867 8.976-21.175 14.534-34.782 14.534-0.081 0-0.163 0-0.243 0h0.012z",
-                    "M512 1023.983c-27.215-0.367-49.18-22.332-49.547-49.511v-924.907c0-27.364 22.183-49.547 49.547-49.547s49.547 22.183 49.547 49.547v0 924.872c-0.367 27.215-22.332 49.18-49.511 49.547h-0.036z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "arrow-up",
-                    "upload",
-                    "increase",
-                    "up",
-                    "elevate"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 216,
-                "id": 170,
-                "name": "arrow-up",
-                "prevSize": 24,
-                "code": 59676
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 304
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M974.438 561.547h-924.874c-27.364 0-49.547-22.183-49.547-49.547s22.183-49.547 49.547-49.547v0h924.874c27.364 0 49.547 22.183 49.547 49.547s-22.183 49.547-49.547 49.547v0z",
-                    "M974.438 264.265h-924.874c-27.364 0-49.547-22.183-49.547-49.547s22.183-49.547 49.547-49.547v0h924.874c27.364 0 49.547 22.183 49.547 49.547s-22.183 49.547-49.547 49.547v0z",
-                    "M974.438 858.829h-924.874c-27.364 0-49.547-22.183-49.547-49.547s22.183-49.547 49.547-49.547v0h924.874c27.364 0 49.547 22.183 49.547 49.547s-22.183 49.547-49.547 49.547v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "bars",
-                    "menu",
-                    "options",
-                    "list",
-                    "categories",
-                    "hamburger"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 215,
-                "id": 171,
-                "name": "bars",
-                "prevSize": 24,
-                "code": 59677
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 305
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z",
-                    "M512 782.223c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-227.56-227.56c-7.095-7.599-11.451-17.835-11.451-29.087 0-23.564 19.103-42.667 42.667-42.667 11.253 0 21.488 4.356 29.112 11.475l-0.025-0.023 197.404 197.404 197.404-197.404c7.599-7.095 17.835-11.451 29.087-11.451 23.564 0 42.667 19.103 42.667 42.667 0 11.253-4.356 21.488-11.475 29.112l0.023-0.025-227.556 227.556c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z",
-                    "M512 782.223c-23.436-0.316-42.351-19.231-42.667-42.636v-455.141c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 455.111c-0.316 23.436-19.231 42.351-42.636 42.667h-0.031z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "arrow-circle-down",
-                    "download",
-                    "decrease",
-                    "down",
-                    "lower"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 50,
-                "id": 172,
-                "name": "arrow-circle-down",
-                "prevSize": 24,
-                "code": 59678
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 306
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z",
-                    "M512 782.223c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-227.56-227.56c-7.709-7.719-12.479-18.379-12.479-30.151s4.768-22.432 12.479-30.152v0l227.556-227.556c7.599-7.095 17.835-11.451 29.087-11.451 23.564 0 42.667 19.103 42.667 42.667 0 11.253-4.356 21.488-11.475 29.112l0.023-0.025-197.404 197.404 197.404 197.404c7.709 7.719 12.479 18.379 12.479 30.151s-4.768 22.432-12.479 30.152v0c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z",
-                    "M739.556 554.667h-455.111c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h455.111c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "arrow-circle-left",
-                    "back",
-                    "previous",
-                    "left",
-                    "return"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 53,
-                "id": 173,
-                "name": "arrow-circle-left",
-                "prevSize": 24,
-                "code": 59679
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 307
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z",
-                    "M512 782.223c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-0.004-0.004c-7.709-7.719-12.479-18.379-12.479-30.151s4.768-22.432 12.479-30.152v0l197.404-197.404-197.404-197.404c-7.095-7.599-11.451-17.835-11.451-29.087 0-23.564 19.103-42.667 42.667-42.667 11.253 0 21.488 4.356 29.112 11.475l-0.025-0.023 227.556 227.556c7.709 7.719 12.479 18.379 12.479 30.151s-4.768 22.432-12.479 30.152v0l-227.556 227.556c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z",
-                    "M739.556 554.667h-455.111c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h455.111c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "arrow-circle-right",
-                    "next",
-                    "forward",
-                    "right",
-                    "proceed"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 55,
-                "id": 174,
-                "name": "arrow-circle-right",
-                "prevSize": 24,
-                "code": 59680
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 308
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z",
-                    "M739.556 554.667c-0.059 0-0.129 0-0.199 0-11.717 0-22.316-4.787-29.948-12.512l-197.408-197.408-197.404 197.404c-7.599 7.095-17.835 11.451-29.087 11.451-23.564 0-42.667-19.103-42.667-42.667 0-11.253 4.356-21.488 11.475-29.112l-0.023 0.025 227.556-227.556c7.719-7.709 18.379-12.479 30.151-12.479s22.432 4.768 30.152 12.479v0l227.556 227.556c7.709 7.719 12.479 18.379 12.479 30.151s-4.768 22.432-12.479 30.152v0c-7.636 7.729-18.235 12.516-29.952 12.516-0.069 0-0.14 0-0.209 0h0.011z",
-                    "M512 782.223c-23.436-0.316-42.351-19.231-42.667-42.636v-455.141c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 455.111c-0.316 23.436-19.231 42.351-42.636 42.667h-0.031z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "arrow-circle-up",
-                    "upload",
-                    "increase",
-                    "up",
-                    "elevate"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 31,
-                "id": 175,
-                "name": "arrow-circle-up",
-                "prevSize": 24,
-                "code": 59681
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 309
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1023.999c-36.682-0.495-66.288-30.1-66.783-66.735v-623.353c0-36.883 29.9-66.783 66.783-66.783s66.783 29.9 66.783 66.783v0 623.305c-0.495 36.682-30.1 66.288-66.735 66.783h-0.048z",
-                    "M512 178.087c-36.682-0.495-66.288-30.1-66.783-66.735v-44.569c0-36.883 29.9-66.783 66.783-66.783s66.783 29.9 66.783 66.783v0 44.521c-0.495 36.682-30.1 66.288-66.735 66.783h-0.048z"
-                ],
-                "attrs": [
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "info",
-                    "information",
-                    "help",
-                    "details"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 33,
-                "id": 176,
-                "name": "info",
-                "prevSize": 24,
-                "code": 59683
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 310
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 782.223c-23.436-0.316-42.351-19.231-42.667-42.636v-284.475c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 284.444c-0.316 23.436-19.231 42.351-42.636 42.667h-0.031z",
-                    "M512 355.556c-23.436-0.316-42.351-19.231-42.667-42.636v-28.475c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 28.444c-0.316 23.436-19.231 42.351-42.636 42.667h-0.031z",
-                    "M512 1024c-282.769 0-512-229.231-512-512s229.231-512 512-512c282.769 0 512 229.231 512 512v0c0 282.769-229.231 512-512 512v0zM512 85.333c-235.641 0-426.667 191.025-426.667 426.667s191.025 426.667 426.667 426.667c235.641 0 426.667-191.025 426.667-426.667v0c0-235.641-191.025-426.667-426.667-426.667v0z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "info-circle",
-                    "information",
-                    "help",
-                    "details"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 38,
-                "id": 177,
-                "name": "info-circle",
-                "prevSize": 24,
-                "code": 59684
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 311
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M980.714 497.352c-0.058 0-0.126 0-0.195 0-9.879 0-18.984-3.304-26.275-8.867l0.106 0.077-442.349-331.615-442.349 331.615c-7.252 5.487-16.423 8.788-26.365 8.788-24.268 0-43.942-19.674-43.942-43.942 0-14.326 6.856-27.052 17.467-35.074l0.11-0.080 468.714-351.536c7.252-5.487 16.423-8.788 26.365-8.788s19.113 3.301 26.475 8.868l-0.11-0.080 468.714 351.536c9.942 8.121 16.239 20.379 16.239 34.109 0 9.129-2.783 17.608-7.548 24.634l0.099-0.154c-7.474 11.934-20.322 19.902-35.068 20.503l-0.085 0.003z",
-                    "M863.536 966.067h-703.071c-24.136-0.325-43.617-19.805-43.942-43.91v-556.629c0-24.268 19.674-43.942 43.942-43.942s43.942 19.674 43.942 43.942v0 512.656h615.187v-512.656c0-24.268 19.674-43.942 43.942-43.942s43.942 19.674 43.942 43.942v0 556.598c-0.325 24.136-19.805 43.617-43.91 43.942h-0.032z",
-                    "M629.178 966.067c-24.136-0.325-43.617-19.805-43.942-43.91v-366.215h-146.474v366.183c0 24.268-19.674 43.942-43.942 43.942s-43.942-19.674-43.942-43.942v0-410.125c0.325-24.136 19.805-43.617 43.91-43.942h234.389c24.136 0.325 43.617 19.805 43.942 43.91v410.157c-0.325 24.136-19.805 43.617-43.91 43.942h-0.032z"
-                ],
-                "attrs": [
-                    {},
-                    {},
-                    {}
-                ],
-                "tags": [
-                    "home",
-                    "house",
-                    "homepage",
-                    "shelter",
-                    "building"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {},
-                {},
-                {}
-            ],
-            "properties": {
-                "order": 214,
-                "id": 178,
-                "name": "home",
-                "prevSize": 24,
-                "code": 59685
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 312
-        },
-        {
-            "icon": {
-                "paths": [
-                    "M512 1023.985c-282.573-0.249-511.548-229.377-511.548-511.985 0-282.761 229.224-511.985 511.985-511.985 136.039 0 259.684 53.057 351.374 139.607l-0.248-0.232c7.709 7.718 12.478 18.378 12.478 30.15s-4.768 22.431-12.478 30.151v0c-7.654 7.849-18.334 12.718-30.15 12.718s-22.495-4.869-30.142-12.709l-0.008-0.009c-76.159-71.371-178.876-115.207-291.832-115.207-235.949 0-427.224 191.274-427.224 427.224s191.274 427.224 427.224 427.224c235.845 0 427.056-191.106 427.224-426.913v-0.016c0-23.563 19.102-42.665 42.665-42.665s42.665 19.102 42.665 42.665v0c0 282.761-229.224 511.985-511.985 511.985v0z"
-                ],
-                "attrs": [
-                    {}
-                ],
-                "tags": [
-                    "spinner",
-                    "loading",
-                    "process",
-                    "wait",
-                    "buffering"
-                ],
-                "grid": 16,
-                "isMulticolor": false,
-                "isMulticolor2": false
-            },
-            "attrs": [
-                {}
-            ],
-            "properties": {
-                "order": 44,
-                "id": 179,
-                "name": "spinner",
-                "prevSize": 24,
-                "code": 59686
-            },
-            "setIdx": 0,
-            "setId": 1,
-            "iconIdx": 313
-        }
-    ],
-    "height": 1024,
-    "metadata": {
-        "name": "primeicons",
-        "url": "https://github.com/primefaces/primeicons",
-        "designer": "",
-        "license": "MIT",
-        "licenseURL": "https://opensource.org/licenses/MIT"
-    },
-    "preferences": {
-        "showGlyphs": true,
-        "showQuickUse": true,
-        "showQuickUse2": true,
-        "showSVGs": true,
-        "fontPref": {
-            "prefix": "pi-",
-            "metadata": {
-                "fontFamily": "primeicons",
-                "majorVersion": 1,
-                "minorVersion": 0,
-                "copyright": "PrimeTek Informatics",
-                "designer": "",
-                "description": "Icon Library for Prime UI Libraries",
-                "fontURL": "https://github.com/primefaces/primeicons",
-                "license": "MIT",
-                "licenseURL": "https://opensource.org/licenses/MIT"
-            },
-            "metrics": {
-                "emSize": 1024,
-                "baseline": 6.25,
-                "whitespace": 50
-            },
-            "embed": false,
-            "autoHost": true,
-            "showSelector": true,
-            "showMetrics": true,
-            "showMetadata": true,
-            "showVersion": true,
-            "includeMetadata": true
-        },
-        "imagePref": {
-            "prefix": "pi-",
-            "png": true,
-            "useClassSelector": true,
-            "color": 0,
-            "bgColor": 16777215,
-            "classSelector": ".icon",
-            "height": 32,
-            "columns": 16,
-            "margin": 16,
-            "name": "icomoon"
-        },
-        "historySize": 50,
-        "showCodes": true,
-        "gridSize": 16,
-        "quickUsageToken": {
-            "PrimeIcons": "ZDFmZGNjZmE5MSMxNzEwOTQzNzg1I0JySHZZUUtzUlV1Q2VTVXdnaUg1TFpNTjRaRllSMW1CM2JVd3M0SXIxRVlY"
-        },
-        "showGrid": true
-    }
-}
\ No newline at end of file
diff --git a/src/assets/showcase/data/menu.json b/src/assets/showcase/data/menu.json
deleted file mode 100644
index 6d6ab40..0000000
--- a/src/assets/showcase/data/menu.json
+++ /dev/null
@@ -1,622 +0,0 @@
-{
-    "data": [
-        {
-            "name": "Getting Started",
-            "icon": "pi pi-home",
-            "children": [
-                {
-                    "name": "Installation",
-                    "routerLink": "/installation"
-                },
-                {
-                    "name": "Configuration",
-                    "routerLink": "/configuration"
-                },
-                {
-                    "name": "Playground",
-                    "routerLink": "/playground"
-                }
-            ]
-        },
-        {
-            "name": "Components",
-            "icon": "pi pi-compass",
-            "children": [
-                {
-                    "name": "Form",
-                    "children": [
-                        {
-                            "name": "AutoComplete",
-                            "routerLink": "/autocomplete"
-                        },
-                        {
-                            "name": "Calendar",
-                            "routerLink": "/calendar"
-                        },
-                        {
-                            "name": "CascadeSelect",
-                            "routerLink": "/cascadeselect"
-                        },
-                        {
-                            "name": "Checkbox",
-                            "routerLink": "/checkbox"
-                        },
-                        {
-                            "name": "Chips",
-                            "routerLink": "/chips"
-                        },
-                        {
-                            "name": "ColorPicker",
-                            "routerLink": "/colorpicker"
-                        },
-                        {
-                            "name": "Dropdown",
-                            "routerLink": "/dropdown"
-                        },
-                        {
-                            "name": "Editor",
-                            "routerLink": "/editor"
-                        },
-                        {
-                            "name": "FloatLabel",
-                            "routerLink": "/floatlabel",
-                            "badge": "NEW"
-                        },
-                        {
-                            "name": "IconField",
-                            "routerLink": "/iconfield",
-                            "badge": "NEW"
-                        },
-                        {
-                            "name": "InputGroup",
-                            "routerLink": "/inputgroup"
-                        },
-                        {
-                            "name": "InputMask",
-                            "routerLink": "/inputmask"
-                        },
-                        {
-                            "name": "InputSwitch",
-                            "routerLink": "/inputswitch"
-                        },
-                        {
-                            "name": "InputText",
-                            "routerLink": "/inputtext"
-                        },
-                        {
-                            "name": "InputTextarea",
-                            "routerLink": "/inputtextarea"
-                        },
-                        {
-                            "name": "InputNumber",
-                            "routerLink": "/inputnumber"
-                        },
-                        {
-                            "name": "InputOtp",
-                            "routerLink": "/inputotp",
-                            "badge": "NEW"
-                        },
-                        {
-                            "name": "Knob",
-                            "routerLink": "/knob"
-                        },
-                        {
-                            "name": "KeyFilter",
-                            "routerLink": "/keyfilter"
-                        },
-                        {
-                            "name": "Listbox",
-                            "routerLink": "/listbox"
-                        },
-                        {
-                            "name": "MultiSelect",
-                            "routerLink": "/multiselect"
-                        },
-                        {
-                            "name": "Password",
-                            "routerLink": "/password"
-                        },
-                        {
-                            "name": "RadioButton",
-                            "routerLink": "/radiobutton"
-                        },
-                        {
-                            "name": "Rating",
-                            "routerLink": "/rating"
-                        },
-                        {
-                            "name": "SelectButton",
-                            "routerLink": "/selectbutton"
-                        },
-                        {
-                            "name": "Slider",
-                            "routerLink": "/slider"
-                        },
-                        {
-                            "name": "TreeSelect",
-                            "routerLink": "/treeselect"
-                        },
-                        {
-                            "name": "TriStateCheckbox",
-                            "routerLink": "/tristatecheckbox"
-                        },
-                        {
-                            "name": "ToggleButton",
-                            "routerLink": "/togglebutton"
-                        }
-                    ]
-                },
-                {
-                    "name": "Button",
-                    "children": [
-                        {
-                            "name": "Button",
-                            "routerLink": "/button"
-                        },
-                        {
-                            "name": "SplitButton",
-                            "routerLink": "/splitbutton"
-                        },
-                        {
-                            "name": "Speed Dial",
-                            "routerLink": "/speeddial"
-                        }
-                    ]
-                },
-                {
-                    "name": "Data",
-                    "children": [
-                        {
-                            "name": "DataView",
-                            "routerLink": "/dataview"
-                        },
-                        {
-                            "name": "OrderList",
-                            "routerLink": "/orderlist"
-                        },
-                        {
-                            "name": "Org Chart",
-                            "routerLink": "/organizationchart"
-                        },
-                        {
-                            "name": "Paginator",
-                            "routerLink": "/paginator"
-                        },
-                        {
-                            "name": "PickList",
-                            "routerLink": "/picklist"
-                        },
-                        {
-                            "name": "Scroller",
-                            "routerLink": "/scroller"
-                        },
-                        {
-                            "name": "Table",
-                            "routerLink": "/table"
-                        },
-                        {
-                            "name": "Timeline",
-                            "routerLink": "/timeline"
-                        },
-                        {
-                            "name": "Tree",
-                            "routerLink": "/tree"
-                        },
-                        {
-                            "name": "TreeTable",
-                            "routerLink": "/treetable"
-                        }
-                    ]
-                },
-                {
-                    "name": "Panel",
-                    "children": [
-                        {
-                            "name": "Accordion",
-                            "routerLink": "/accordion"
-                        },
-                        {
-                            "name": "Card",
-                            "routerLink": "/card"
-                        },
-                        {
-                            "name": "Divider",
-                            "routerLink": "/divider"
-                        },
-                        {
-                            "name": "Fieldset",
-                            "routerLink": "/fieldset"
-                        },
-                        {
-                            "name": "Panel",
-                            "routerLink": "/panel"
-                        },
-                        {
-                            "name": "Splitter",
-                            "routerLink": "/splitter"
-                        },
-                        {
-                            "name": "Stepper",
-                            "routerLink": "/stepper",
-                            "badge": "NEW"
-                        },
-                        {
-                            "name": "ScrollPanel",
-                            "routerLink": "/scrollpanel"
-                        },
-                        {
-                            "name": "TabView",
-                            "routerLink": "/tabview"
-                        },
-                        {
-                            "name": "Toolbar",
-                            "routerLink": "/toolbar"
-                        }
-                    ]
-                },
-                {
-                    "name": "Overlay",
-                    "children": [
-                        {
-                            "name": "ConfirmDialog",
-                            "routerLink": "/confirmdialog"
-                        },
-                        {
-                            "name": "ConfirmPopup",
-                            "routerLink": "/confirmpopup"
-                        },
-                        {
-                            "name": "Dialog",
-                            "routerLink": "/dialog"
-                        },
-                        {
-                            "name": "DynamicDialog",
-                            "routerLink": "/dynamicdialog"
-                        },
-                        {
-                            "name": "OverlayPanel",
-                            "routerLink": "/overlaypanel"
-                        },
-                        {
-                            "name": "Sidebar",
-                            "routerLink": "/sidebar"
-                        },
-                        {
-                            "name": "Tooltip",
-                            "routerLink": "/tooltip"
-                        }
-                    ]
-                },
-                {
-                    "name": "File",
-                    "children": [
-                        {
-                            "name": "Upload",
-                            "routerLink": "/fileupload"
-                        }
-                    ]
-                },
-                {
-                    "name": "Menu",
-                    "children": [
-                        {
-                            "name": "Breadcrumb",
-                            "routerLink": "/breadcrumb"
-                        },
-                        {
-                            "name": "ContextMenu",
-                            "routerLink": "/contextmenu"
-                        },
-                        {
-                            "name": "Dock",
-                            "routerLink": "/dock"
-                        },
-                        {
-                            "name": "Menu",
-                            "routerLink": "/menu"
-                        },
-                        {
-                            "name": "Menubar",
-                            "routerLink": "/menubar"
-                        },
-                        {
-                            "name": "MegaMenu",
-                            "routerLink": "/megamenu"
-                        },
-                        {
-                            "name": "PanelMenu",
-                            "routerLink": "/panelmenu"
-                        },
-                        {
-                            "name": "Steps",
-                            "routerLink": "/steps"
-                        },
-                        {
-                            "name": "TabMenu",
-                            "routerLink": "/tabmenu"
-                        },
-                        {
-                            "name": "TieredMenu",
-                            "routerLink": "/tieredmenu"
-                        }
-                    ]
-                },
-                {
-                    "name": "Chart",
-                    "children": [
-                        {
-                            "name": "Chart.js",
-                            "routerLink": "/chart"
-                        }
-                    ]
-                },
-                {
-                    "name": "Messages",
-                    "children": [
-                        {
-                            "name": "Messages",
-                            "routerLink": "/messages"
-                        },
-                        {
-                            "name": "Toast",
-                            "routerLink": "/toast"
-                        }
-                    ]
-                },
-                {
-                    "name": "Media",
-                    "children": [
-                        {
-                            "name": "Carousel",
-                            "routerLink": "/carousel"
-                        },
-                        {
-                            "name": "Galleria",
-                            "routerLink": "/galleria"
-                        },
-                        {
-                            "name": "Image",
-                            "routerLink": "/image"
-                        }
-                    ]
-                },
-                {
-                    "name": "DragDrop",
-                    "children": [
-                        {
-                            "name": "Drag & Drop",
-                            "routerLink": "/dragdrop"
-                        }
-                    ]
-                },
-                {
-                    "name": "Misc",
-                    "children": [
-                        {
-                            "name": "Avatar",
-                            "routerLink": "/avatar"
-                        },
-                        {
-                            "name": "Badge",
-                            "routerLink": "/badge"
-                        },
-                        {
-                            "name": "BlockUI",
-                            "routerLink": "/blockui"
-                        },
-                        {
-                            "name": "Chip",
-                            "routerLink": "/chip"
-                        },
-                        {
-                            "name": "Inplace",
-                            "routerLink": "/inplace"
-                        },
-                        {
-                            "name": "MeterGroup",
-                            "routerLink": "/metergroup",
-                            "badge": "NEW"
-                        },
-                        {
-                            "name": "ScrollTop",
-                            "routerLink": "/scrolltop"
-                        },
-                        {
-                            "name": "Skeleton",
-                            "routerLink": "/skeleton"
-                        },
-                        {
-                            "name": "ProgressBar",
-                            "routerLink": "/progressbar"
-                        },
-                        {
-                            "name": "ProgressSpinner",
-                            "routerLink": "/progressspinner"
-                        },
-                        {
-                            "name": "Tag",
-                            "routerLink": "/tag"
-                        },
-                        {
-                            "name": "Terminal",
-                            "routerLink": "/terminal"
-                        }
-                    ]
-                },
-                {
-                    "name": "Directives",
-                    "children": [
-                        {
-                            "name": "Defer",
-                            "routerLink": "/defer"
-                        },
-                        {
-                            "name": "FocusTrap",
-                            "routerLink": "/focustrap"
-                        },
-                        {
-                            "name": "StyleClass",
-                            "routerLink": "/styleclass"
-                        },
-                        {
-                            "name": "Ripple",
-                            "routerLink": "/ripple"
-                        },
-                        {
-                            "name": "AutoFocus",
-                            "routerLink": "/autofocus"
-                        },
-                        {
-                            "name": "AnimateOnScroll",
-                            "routerLink": "/animateonscroll"
-                        }
-                    ]
-                },
-                {
-                    "name": "Utilities",
-                    "children": [
-                        {
-                            "name": "FilterService",
-                            "routerLink": "/filterservice"
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            "name": "Theming",
-            "icon": "pi pi-palette",
-            "children": [
-                {
-                    "name": "Overview",
-                    "routerLink": "/theming"
-                },
-                {
-                    "name": "Colors",
-                    "routerLink": "/colors"
-                },
-                {
-                    "name": "SASS API",
-                    "href": "https://www.primefaces.org/designer/api/primeng/15.0.0"
-                }
-            ]
-        },
-        {
-            "name": "Figma UI Kit",
-            "icon": "pi pi-pencil",
-            "routerLink": "/uikit"
-        },
-        {
-            "name": "Icons",
-            "icon": "pi pi-eye",
-            "children": [
-                {
-                    "name": "Prime Icons",
-                    "routerLink": "/icons"
-                },
-                {
-                    "name": "Custom Icons",
-                    "routerLink": "/customicons"
-                }
-            ]
-        },
-        {
-            "name": "Templates",
-            "icon": "pi pi-star",
-            "routerLink": "/templates"
-        },
-        {
-            "name": "PrimeBlocks",
-            "icon": "pi pi-server",
-            "href": "https://blocks.primeng.org"
-        },
-        {
-            "name": "Guides",
-            "icon": "pi pi-book",
-            "children": [
-                {
-                    "name": "Accessibility",
-                    "routerLink": "/guides/accessibility"
-                },
-                {
-                    "name": "CSS Layer",
-                    "routerLink": "/guides/csslayer"
-                },
-                {
-                    "name": "PrimeTV",
-                    "href": "https://www.youtube.com/channel/UCTgmp69aBOlLnPEqlUyetWw"
-                }
-            ]
-        },
-        {
-            "name": "Support",
-            "icon": "pi pi-question",
-            "children": [
-                {
-                    "name": "Discord Server",
-                    "href": "https://discord.gg/gzKFYnpmCY"
-                },
-                {
-                    "name": "Forum",
-                    "href": "https://github.com/orgs/primefaces/discussions"
-                },
-                {
-                    "name": "Long Term Support",
-                    "routerLink": "/lts"
-                },
-                {
-                    "name": "PRO Support",
-                    "routerLink": "/support"
-                }
-            ]
-        },
-        {
-            "name": "Contribution",
-            "icon": "pi pi-users",
-            "routerLink": "/contribution",
-            "badge": "NEW"
-        },
-        {
-            "name": "Discover",
-            "icon": "pi pi-search",
-            "children": [
-                {
-                    "name": "About Us",
-                    "routerLink": "/team"
-                },
-                {
-                    "name": "Source Code",
-                    "href": "https://github.com/primefaces/primeng"
-                },
-                {
-                    "name": "Changelog",
-                    "href": "https://github.com/primefaces/primeng/blob/master/CHANGELOG.md"
-                },
-                {
-                    "name": "Store",
-                    "href": "https://www.primefaces.org/store/"
-                },
-                {
-                    "name": "Twitter",
-                    "href": "https://twitter.com/prime_ng"
-                },
-                {
-                    "name": "Partners",
-                    "routerLink": "/partners"
-                },
-                {
-                    "name": "Newsletter",
-                    "href": "https://www.primefaces.org/newsletter"
-                },
-                {
-                    "name": "PrimeGear",
-                    "href": "https://gear.primefaces.org"
-                },
-                {
-                    "name": "PrimeFlex CSS",
-                    "href": "https://primeflex.org"
-                }
-            ]
-        }
-    ]
-}
diff --git a/src/assets/showcase/data/photos.json b/src/assets/showcase/data/photos.json
deleted file mode 100644
index bb08cf2..0000000
--- a/src/assets/showcase/data/photos.json
+++ /dev/null
@@ -1,94 +0,0 @@
-{
-    "data":[
-        {
-            "previewImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria1.jpg",
-            "thumbnailImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria1s.jpg",
-            "alt": "Description for Image 1",
-            "title": "Title 1"
-        },
-        {
-            "previewImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria2.jpg",
-            "thumbnailImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria2s.jpg",
-            "alt": "Description for Image 2",
-            "title": "Title 2"
-        },
-        {
-            "previewImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria3.jpg",
-            "thumbnailImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria3s.jpg",
-            "alt": "Description for Image 3",
-            "title": "Title 3"
-        },
-        {
-            "previewImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria4.jpg",
-            "thumbnailImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria4s.jpg",
-            "alt": "Description for Image 4",
-            "title": "Title 4"
-        },
-        {
-            "previewImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria5.jpg",
-            "thumbnailImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria5s.jpg",
-            "alt": "Description for Image 5",
-            "title": "Title 5"
-        },
-        {
-            "previewImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria6.jpg",
-            "thumbnailImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria6s.jpg",
-            "alt": "Description for Image 6",
-            "title": "Title 6"
-        },
-        {
-            "previewImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria7.jpg",
-            "thumbnailImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria7s.jpg",
-            "alt": "Description for Image 7",
-            "title": "Title 7"
-        },
-        {
-            "previewImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria8.jpg",
-            "thumbnailImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria8s.jpg",
-            "alt": "Description for Image 8",
-            "title": "Title 8"
-        },
-        {
-            "previewImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria9.jpg",
-            "thumbnailImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria9s.jpg",
-            "alt": "Description for Image 9",
-            "title": "Title 9"
-        },
-        {
-            "previewImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria10.jpg",
-            "thumbnailImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria10s.jpg",
-            "alt": "Description for Image 10",
-            "title": "Title 10"
-        },
-        {
-            "previewImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria11.jpg",
-            "thumbnailImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria11s.jpg",
-            "alt": "Description for Image 11",
-            "title": "Title 11"
-        },
-        {
-            "previewImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria12.jpg",
-            "thumbnailImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria12s.jpg",
-            "alt": "Description for Image 12",
-            "title": "Title 12"
-        },
-        {
-            "previewImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria13.jpg",
-            "thumbnailImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria13s.jpg",
-            "alt": "Description for Image 13",
-            "title": "Title 13"
-        },
-        {
-            "previewImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria14.jpg",
-            "thumbnailImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria14s.jpg",
-            "alt": "Description for Image 14",
-            "title": "Title 14"
-        },
-        {
-            "previewImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria15.jpg",
-            "thumbnailImageSrc": "https://primefaces.org/cdn/primeng/images/galleria/galleria15s.jpg",
-            "alt": "Description for Image 15",
-            "title": "Title 15"
-        }
-    ]
-}
diff --git a/src/assets/showcase/data/products-orders-small.json b/src/assets/showcase/data/products-orders-small.json
deleted file mode 100644
index b66e290..0000000
--- a/src/assets/showcase/data/products-orders-small.json
+++ /dev/null
@@ -1,341 +0,0 @@
-{
-	"data": [
-		{
-			"id": "1000",
-			"code": "f230fh0g3",
-			"name": "Bamboo Watch",
-			"description": "Product Description",
-			"image": "bamboo-watch.jpg",
-			"price": 65,
-			"category": "Accessories",
-			"quantity": 24,
-			"inventoryStatus": "INSTOCK",
-            "rating": 5,
-            "orders": [
-                {
-                    "id": "1000",
-                    "productCode": "f230fh0g3",
-                    "date": "2020-09-13",
-                    "amount": 65,
-                    "quantity": 1,
-                    "customer": "David James",
-                    "status": "PENDING"
-                },
-                {
-                    "id": "1001",
-                    "productCode": "f230fh0g3",
-                    "date": "2020-05-14",
-                    "amount": 130,
-                    "quantity": 2,
-                    "customer": "Leon Rodrigues",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "1002",
-                    "productCode": "f230fh0g3",
-                    "date": "2019-01-04",
-                    "amount": 65,
-                    "quantity": 1,
-                    "customer": "Juan Alejandro",
-                    "status": "RETURNED"
-                },
-                {
-                    "id": "1003",
-                    "productCode": "f230fh0g3",
-                    "date": "2020-09-13",
-                    "amount": 195,
-                    "quantity": 3,
-                    "customer": "Claire Morrow",
-                    "status": "CANCELLED"
-                }
-            ]
-		},
-		{
-			"id": "1001",
-			"code": "nvklal433",
-			"name": "Black Watch",
-			"description": "Product Description",
-			"image": "black-watch.jpg",
-			"price": 72,
-			"category": "Accessories",
-			"quantity": 61,
-			"inventoryStatus": "INSTOCK",
-            "rating": 4,
-            "orders": [
-                {
-                    "id": "2000",
-                    "productCode": "nvklal433",
-                    "date": "2020-05-14",
-                    "amount": 72,
-                    "quantity": 1,
-                    "customer": "Maisha Jefferson",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "2001",
-                    "productCode": "nvklal433",
-                    "date": "2020-02-28",
-                    "amount": 144,
-                    "quantity": 2,
-                    "customer": "Octavia Murillo",
-                    "status": "PENDING"
-                }
-            ]
-		},
-		{
-			"id": "1002",
-			"code": "zz21cz3c1",
-			"name": "Blue Band",
-			"description": "Product Description",
-			"image": "blue-band.jpg",
-			"price": 79,
-			"category": "Fitness",
-			"quantity": 2,
-			"inventoryStatus": "LOWSTOCK",
-            "rating": 3,
-            "orders": [
-                {
-                    "id": "3000",
-                    "productCode": "zz21cz3c1",
-                    "date": "2020-07-05",
-                    "amount": 79,
-                    "quantity": 1,
-                    "customer": "Stacey Leja",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "3001",
-                    "productCode": "zz21cz3c1",
-                    "date": "2020-02-06",
-                    "amount": 79,
-                    "quantity": 1,
-                    "customer": "Ashley Wickens",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1003",
-			"code": "244wgerg2",
-			"name": "Blue T-Shirt",
-			"description": "Product Description",
-			"image": "blue-t-shirt.jpg",
-			"price": 29,
-			"category": "Clothing",
-			"quantity": 25,
-			"inventoryStatus": "INSTOCK",
-            "rating": 5,
-            "orders": []
-		},
-		{
-			"id": "1004",
-			"code": "h456wer53",
-			"name": "Bracelet",
-			"description": "Product Description",
-			"image": "bracelet.jpg",
-			"price": 15,
-			"category": "Accessories",
-			"quantity": 73,
-			"inventoryStatus": "INSTOCK",
-            "rating": 4,
-            "orders": [
-                {
-                    "id": "5000",
-                    "productCode": "h456wer53",
-                    "date": "2020-09-05",
-                    "amount": 60,
-                    "quantity": 4,
-                    "customer": "Mayumi Misaki",
-                    "status": "PENDING"
-                },
-                {
-                    "id": "5001",
-                    "productCode": "h456wer53",
-                    "date": "2019-04-16",
-                    "amount": 2,
-                    "quantity": 30,
-                    "customer": "Francesco Salvatore",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1005",
-			"code": "av2231fwg",
-			"name": "Brown Purse",
-			"description": "Product Description",
-			"image": "brown-purse.jpg",
-			"price": 120,
-			"category": "Accessories",
-			"quantity": 0,
-			"inventoryStatus": "OUTOFSTOCK",
-            "rating": 4,
-            "orders": [
-                {
-                    "id": "6000",
-                    "productCode": "av2231fwg",
-                    "date": "2020-01-25",
-                    "amount": 120,
-                    "quantity": 1,
-                    "customer": "Isabel Sinclair",
-                    "status": "RETURNED"
-                },
-                {
-                    "id": "6001",
-                    "productCode": "av2231fwg",
-                    "date": "2019-03-12",
-                    "amount": 240,
-                    "quantity": 2,
-                    "customer": "Lionel Clifford",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "6002",
-                    "productCode": "av2231fwg",
-                    "date": "2019-05-05",
-                    "amount": 120,
-                    "quantity": 1,
-                    "customer": "Cody Chavez",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1006",
-			"code": "bib36pfvm",
-			"name": "Chakra Bracelet",
-			"description": "Product Description",
-			"image": "chakra-bracelet.jpg",
-			"price": 32,
-			"category": "Accessories",
-			"quantity": 5,
-			"inventoryStatus": "LOWSTOCK",
-            "rating": 3,
-            "orders": [
-                {
-                    "id": "7000",
-                    "productCode": "bib36pfvm",
-                    "date": "2020-02-24",
-                    "amount": 32,
-                    "quantity": 1,
-                    "customer": "Arvin Darci",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "7001",
-                    "productCode": "bib36pfvm",
-                    "date": "2020-01-14",
-                    "amount": 64,
-                    "quantity": 2,
-                    "customer": "Izzy Jones",
-                    "status": "PENDING"
-                }
-            ]
-		},
-		{
-			"id": "1007",
-			"code": "mbvjkgip5",
-			"name": "Galaxy Earrings",
-			"description": "Product Description",
-			"image": "galaxy-earrings.jpg",
-			"price": 34,
-			"category": "Accessories",
-			"quantity": 23,
-			"inventoryStatus": "INSTOCK",
-            "rating": 5,
-            "orders": [
-                {
-                    "id": "8000",
-                    "productCode": "mbvjkgip5",
-                    "date": "2020-06-19",
-                    "amount": 34,
-                    "quantity": 1,
-                    "customer": "Jennifer Smith",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1008",
-			"code": "vbb124btr",
-			"name": "Game Controller",
-			"description": "Product Description",
-			"image": "game-controller.jpg",
-			"price": 99,
-			"category": "Electronics",
-			"quantity": 2,
-			"inventoryStatus": "LOWSTOCK",
-            "rating": 4,
-            "orders": [
-                {
-                    "id": "9000",
-                    "productCode": "vbb124btr",
-                    "date": "2020-01-05",
-                    "amount": 99,
-                    "quantity": 1,
-                    "customer": "Jeanfrancois David",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "9001",
-                    "productCode": "vbb124btr",
-                    "date": "2020-01-19",
-                    "amount": 198,
-                    "quantity": 2,
-                    "customer": "Ivar Greenwood",
-                    "status": "RETURNED"
-                }
-            ]
-		},
-		{
-			"id": "1009",
-			"code": "cm230f032",
-			"name": "Gaming Set",
-			"description": "Product Description",
-			"image": "gaming-set.jpg",
-			"price": 299,
-			"category": "Electronics",
-			"quantity": 63,
-			"inventoryStatus": "INSTOCK",
-            "rating": 3,
-            "orders": [
-                {
-                    "id": "10000",
-                    "productCode": "cm230f032",
-                    "date": "2020-06-24",
-                    "amount": 299,
-                    "quantity": 1,
-                    "customer": "Kadeem Mujtaba",
-                    "status": "PENDING"
-                },
-                {
-                    "id": "10001",
-                    "productCode": "cm230f032",
-                    "date": "2020-05-11",
-                    "amount": 299,
-                    "quantity": 1,
-                    "customer": "Ashley Wickens",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "10002",
-                    "productCode": "cm230f032",
-                    "date": "2019-02-07",
-                    "amount": 299,
-                    "quantity": 1,
-                    "customer": "Julie Johnson",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "10003",
-                    "productCode": "cm230f032",
-                    "date": "2020-04-26",
-                    "amount": 299,
-                    "quantity": 1,
-                    "customer": "Tony Costa",
-                    "status": "CANCELLED"
-                }
-            ]
-		}
-	]
-}
\ No newline at end of file
diff --git a/src/assets/showcase/data/products-orders.json b/src/assets/showcase/data/products-orders.json
deleted file mode 100644
index de8c170..0000000
--- a/src/assets/showcase/data/products-orders.json
+++ /dev/null
@@ -1,833 +0,0 @@
-{
-	"data": [
-		{
-			"id": "1000",
-			"code": "f230fh0g3",
-			"name": "Bamboo Watch",
-			"description": "Product Description",
-			"image": "bamboo-watch.jpg",
-			"price": 65,
-			"category": "Accessories",
-			"quantity": 24,
-			"inventoryStatus": "INSTOCK",
-            "rating": 5,
-            "orders": [
-                {
-                    "id": "1000-0",
-                    "productCode": "f230fh0g3",
-                    "date": "2020-09-13",
-                    "amount": 65,
-                    "quantity": 1,
-                    "customer": "David James",
-                    "status": "PENDING"
-                },
-                {
-                    "id": "1001-1",
-                    "productCode": "f230fh0g3",
-                    "date": "2020-05-14",
-                    "amount": 130,
-                    "quantity": 2,
-                    "customer": "Leon Rodrigues",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "1002-2",
-                    "productCode": "f230fh0g3",
-                    "date": "2019-01-04",
-                    "amount": 65,
-                    "quantity": 1,
-                    "customer": "Juan Alejandro",
-                    "status": "RETURNED"
-                },
-                {
-                    "id": "1003-3",
-                    "productCode": "f230fh0g3",
-                    "date": "2020-09-13",
-                    "amount": 195,
-                    "quantity": 3,
-                    "customer": "Claire Morrow",
-                    "status": "CANCELLED"
-                }
-            ]
-		},
-		{
-			"id": "1001",
-			"code": "nvklal433",
-			"name": "Black Watch",
-			"description": "Product Description",
-			"image": "black-watch.jpg",
-			"price": 72,
-			"category": "Accessories",
-			"quantity": 61,
-			"inventoryStatus": "INSTOCK",
-            "rating": 4,
-            "orders": [
-                {
-                    "id": "1001-0",
-                    "productCode": "nvklal433",
-                    "date": "2020-05-14",
-                    "amount": 72,
-                    "quantity": 1,
-                    "customer": "Maisha Jefferson",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "1001-1",
-                    "productCode": "nvklal433",
-                    "date": "2020-02-28",
-                    "amount": 144,
-                    "quantity": 2,
-                    "customer": "Octavia Murillo",
-                    "status": "PENDING"
-                }
-            ]
-		},
-		{
-			"id": "1002",
-			"code": "zz21cz3c1",
-			"name": "Blue Band",
-			"description": "Product Description",
-			"image": "blue-band.jpg",
-			"price": 79,
-			"category": "Fitness",
-			"quantity": 2,
-			"inventoryStatus": "LOWSTOCK",
-            "rating": 3,
-            "orders": [
-                {
-                    "id": "1002-0",
-                    "productCode": "zz21cz3c1",
-                    "date": "2020-07-05",
-                    "amount": 79,
-                    "quantity": 1,
-                    "customer": "Stacey Leja",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "1002-1",
-                    "productCode": "zz21cz3c1",
-                    "date": "2020-02-06",
-                    "amount": 79,
-                    "quantity": 1,
-                    "customer": "Ashley Wickens",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1003",
-			"code": "244wgerg2",
-			"name": "Blue T-Shirt",
-			"description": "Product Description",
-			"image": "blue-t-shirt.jpg",
-			"price": 29,
-			"category": "Clothing",
-			"quantity": 25,
-			"inventoryStatus": "INSTOCK",
-            "rating": 5,
-            "orders": []
-		},
-		{
-			"id": "1004",
-			"code": "h456wer53",
-			"name": "Bracelet",
-			"description": "Product Description",
-			"image": "bracelet.jpg",
-			"price": 15,
-			"category": "Accessories",
-			"quantity": 73,
-			"inventoryStatus": "INSTOCK",
-            "rating": 4,
-            "orders": [
-                {
-                    "id": "1004-0",
-                    "productCode": "h456wer53",
-                    "date": "2020-09-05",
-                    "amount": 60,
-                    "quantity": 4,
-                    "customer": "Mayumi Misaki",
-                    "status": "PENDING"
-                },
-                {
-                    "id": "1004-5",
-                    "productCode": "h456wer53",
-                    "date": "2019-04-16",
-                    "amount": 2,
-                    "quantity": 30,
-                    "customer": "Francesco Salvatore",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1005",
-			"code": "av2231fwg",
-			"name": "Brown Purse",
-			"description": "Product Description",
-			"image": "brown-purse.jpg",
-			"price": 120,
-			"category": "Accessories",
-			"quantity": 0,
-			"inventoryStatus": "OUTOFSTOCK",
-            "rating": 4,
-            "orders": [
-                {
-                    "id": "1005-0",
-                    "productCode": "av2231fwg",
-                    "date": "2020-01-25",
-                    "amount": 120,
-                    "quantity": 1,
-                    "customer": "Isabel Sinclair",
-                    "status": "RETURNED"
-                },
-                {
-                    "id": "1005-1",
-                    "productCode": "av2231fwg",
-                    "date": "2019-03-12",
-                    "amount": 240,
-                    "quantity": 2,
-                    "customer": "Lionel Clifford",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "1005-2",
-                    "productCode": "av2231fwg",
-                    "date": "2019-05-05",
-                    "amount": 120,
-                    "quantity": 1,
-                    "customer": "Cody Chavez",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1006",
-			"code": "bib36pfvm",
-			"name": "Chakra Bracelet",
-			"description": "Product Description",
-			"image": "chakra-bracelet.jpg",
-			"price": 32,
-			"category": "Accessories",
-			"quantity": 5,
-			"inventoryStatus": "LOWSTOCK",
-            "rating": 3,
-            "orders": [
-                {
-                    "id": "1006-0",
-                    "productCode": "bib36pfvm",
-                    "date": "2020-02-24",
-                    "amount": 32,
-                    "quantity": 1,
-                    "customer": "Arvin Darci",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "1006-1",
-                    "productCode": "bib36pfvm",
-                    "date": "2020-01-14",
-                    "amount": 64,
-                    "quantity": 2,
-                    "customer": "Izzy Jones",
-                    "status": "PENDING"
-                }
-            ]
-		},
-		{
-			"id": "1007",
-			"code": "mbvjkgip5",
-			"name": "Galaxy Earrings",
-			"description": "Product Description",
-			"image": "galaxy-earrings.jpg",
-			"price": 34,
-			"category": "Accessories",
-			"quantity": 23,
-			"inventoryStatus": "INSTOCK",
-            "rating": 5,
-            "orders": [
-                {
-                    "id": "1007-0",
-                    "productCode": "mbvjkgip5",
-                    "date": "2020-06-19",
-                    "amount": 34,
-                    "quantity": 1,
-                    "customer": "Jennifer Smith",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1008",
-			"code": "vbb124btr",
-			"name": "Game Controller",
-			"description": "Product Description",
-			"image": "game-controller.jpg",
-			"price": 99,
-			"category": "Electronics",
-			"quantity": 2,
-			"inventoryStatus": "LOWSTOCK",
-            "rating": 4,
-            "orders": [
-                {
-                    "id": "1008-0",
-                    "productCode": "vbb124btr",
-                    "date": "2020-01-05",
-                    "amount": 99,
-                    "quantity": 1,
-                    "customer": "Jeanfrancois David",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "1008-1",
-                    "productCode": "vbb124btr",
-                    "date": "2020-01-19",
-                    "amount": 198,
-                    "quantity": 2,
-                    "customer": "Ivar Greenwood",
-                    "status": "RETURNED"
-                }
-            ]
-		},
-		{
-			"id": "1009",
-			"code": "cm230f032",
-			"name": "Gaming Set",
-			"description": "Product Description",
-			"image": "gaming-set.jpg",
-			"price": 299,
-			"category": "Electronics",
-			"quantity": 63,
-			"inventoryStatus": "INSTOCK",
-            "rating": 3,
-            "orders": [
-                {
-                    "id": "1009-0",
-                    "productCode": "cm230f032",
-                    "date": "2020-06-24",
-                    "amount": 299,
-                    "quantity": 1,
-                    "customer": "Kadeem Mujtaba",
-                    "status": "PENDING"
-                },
-                {
-                    "id": "1009-1",
-                    "productCode": "cm230f032",
-                    "date": "2020-05-11",
-                    "amount": 299,
-                    "quantity": 1,
-                    "customer": "Ashley Wickens",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "1009-2",
-                    "productCode": "cm230f032",
-                    "date": "2019-02-07",
-                    "amount": 299,
-                    "quantity": 1,
-                    "customer": "Julie Johnson",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "1009-3",
-                    "productCode": "cm230f032",
-                    "date": "2020-04-26",
-                    "amount": 299,
-                    "quantity": 1,
-                    "customer": "Tony Costa",
-                    "status": "CANCELLED"
-                }
-            ]
-		},
-		{
-			"id": "1010",
-			"code": "plb34234v",
-			"name": "Gold Phone Case",
-			"description": "Product Description",
-			"image": "gold-phone-case.jpg",
-			"price": 24,
-			"category": "Accessories",
-			"quantity": 0,
-			"inventoryStatus": "OUTOFSTOCK",
-            "rating": 4,
-            "orders": [
-                {
-                    "id": "1010-0",
-                    "productCode": "plb34234v",
-                    "date": "2020-02-04",
-                    "amount": 24,
-                    "quantity": 1,
-                    "customer": "James Butt",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "1010-1",
-                    "productCode": "plb34234v",
-                    "date": "2020-05-05",
-                    "amount": 48,
-                    "quantity": 2,
-                    "customer": "Josephine Darakjy",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1011",
-			"code": "4920nnc2d",
-			"name": "Green Earbuds",
-			"description": "Product Description",
-			"image": "green-earbuds.jpg",
-			"price": 89,
-			"category": "Electronics",
-			"quantity": 23,
-			"inventoryStatus": "INSTOCK",
-            "rating": 4,
-            "orders": [
-                {
-                    "id": "1011-0",
-                    "productCode": "4920nnc2d",
-                    "date": "2020-06-01",
-                    "amount": 89,
-                    "quantity": 1,
-                    "customer": "Art Venere",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1012",
-			"code": "250vm23cc",
-			"name": "Green T-Shirt",
-			"description": "Product Description",
-			"image": "green-t-shirt.jpg",
-			"price": 49,
-			"category": "Clothing",
-			"quantity": 74,
-			"inventoryStatus": "INSTOCK",
-            "rating": 5,
-            "orders": [
-                {
-                    "id": "1012-0",
-                    "productCode": "250vm23cc",
-                    "date": "2020-02-05",
-                    "amount": 49,
-                    "quantity": 1,
-                    "customer": "Lenna Paprocki",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "1012-1",
-                    "productCode": "250vm23cc",
-                    "date": "2020-02-15",
-                    "amount": 49,
-                    "quantity": 1,
-                    "customer": "Donette Foller",
-                    "status": "PENDING"
-                }
-            ]
-		},
-		{
-			"id": "1013",
-			"code": "fldsmn31b",
-			"name": "Grey T-Shirt",
-			"description": "Product Description",
-			"image": "grey-t-shirt.jpg",
-			"price": 48,
-			"category": "Clothing",
-			"quantity": 0,
-			"inventoryStatus": "OUTOFSTOCK",
-            "rating": 3,
-            "orders": [
-                {
-                    "id": "1013-0",
-                    "productCode": "fldsmn31b",
-                    "date": "2020-04-01",
-                    "amount": 48,
-                    "quantity": 1,
-                    "customer": "Simona Morasca",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1014",
-			"code": "waas1x2as",
-			"name": "Headphones",
-			"description": "Product Description",
-			"image": "headphones.jpg",
-			"price": 175,
-			"category": "Electronics",
-			"quantity": 8,
-			"inventoryStatus": "LOWSTOCK",
-            "rating": 5,
-            "orders": [
-                {
-                    "id": "1014-0",
-                    "productCode": "waas1x2as",
-                    "date": "2020-05-15",
-                    "amount": 175,
-                    "quantity": 1,
-                    "customer": "Lenna Paprocki",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "1014-1",
-                    "productCode": "waas1x2as",
-                    "date": "2020-01-02",
-                    "amount": 175,
-                    "quantity": 1,
-                    "customer": "Donette Foller",
-                    "status": "CANCELLED"
-                }
-            ]
-		},
-		{
-			"id": "1015",
-			"code": "vb34btbg5",
-			"name": "Light Green T-Shirt",
-			"description": "Product Description",
-			"image": "light-green-t-shirt.jpg",
-			"price": 49,
-			"category": "Clothing",
-			"quantity": 34,
-			"inventoryStatus": "INSTOCK",
-            "rating": 4,
-            "orders": [
-                {
-                    "id": "1015-0",
-                    "productCode": "vb34btbg5",
-                    "date": "2020-07-02",
-                    "amount": 98,
-                    "quantity": 2,
-                    "customer": "Mitsue Tollner",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1016",
-			"code": "k8l6j58jl",
-			"name": "Lime Band",
-			"description": "Product Description",
-			"image": "lime-band.jpg",
-			"price": 79,
-			"category": "Fitness",
-			"quantity": 12,
-			"inventoryStatus": "INSTOCK",
-            "rating": 3,
-            "orders": []
-		},
-		{
-			"id": "1017",
-			"code": "v435nn85n",
-			"name": "Mini Speakers",
-			"description": "Product Description",
-			"image": "mini-speakers.jpg",
-			"price": 85,
-			"category": "Clothing",
-			"quantity": 42,
-			"inventoryStatus": "INSTOCK",
-            "rating": 4,
-            "orders": [
-                {
-                    "id": "1017-0",
-                    "productCode": "v435nn85n",
-                    "date": "2020-07-12",
-                    "amount": 85,
-                    "quantity": 1,
-                    "customer": "Minna Amigon",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1018",
-			"code": "09zx9c0zc",
-			"name": "Painted Phone Case",
-			"description": "Product Description",
-			"image": "painted-phone-case.jpg",
-			"price": 56,
-			"category": "Accessories",
-			"quantity": 41,
-			"inventoryStatus": "INSTOCK",
-            "rating": 5,
-            "orders": [
-                {
-                    "id": "1018-0",
-                    "productCode": "09zx9c0zc",
-                    "date": "2020-07-01",
-                    "amount": 56,
-                    "quantity": 1,
-                    "customer": "Abel Maclead",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "1018-1",
-                    "productCode": "09zx9c0zc",
-                    "date": "2020-05-02",
-                    "amount": 56,
-                    "quantity": 1,
-                    "customer": "Minna Amigon",
-                    "status": "RETURNED"
-                }
-            ]
-		},
-		{
-			"id": "1019",
-			"code": "mnb5mb2m5",
-			"name": "Pink Band",
-			"description": "Product Description",
-			"image": "pink-band.jpg",
-			"price": 79,
-			"category": "Fitness",
-			"quantity": 63,
-			"inventoryStatus": "INSTOCK",
-            "rating": 4,
-            "orders": []
-		},
-		{
-			"id": "1020",
-			"code": "r23fwf2w3",
-			"name": "Pink Purse",
-			"description": "Product Description",
-			"image": "pink-purse.jpg",
-			"price": 110,
-			"category": "Accessories",
-			"quantity": 0,
-			"inventoryStatus": "OUTOFSTOCK",
-            "rating": 4,
-            "orders": [
-                {
-                    "id": "1020-0",
-                    "productCode": "r23fwf2w3",
-                    "date": "2020-05-29",
-                    "amount": 110,
-                    "quantity": 1,
-                    "customer": "Kiley Caldarera",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "1020-1",
-                    "productCode": "r23fwf2w3",
-                    "date": "2020-02-11",
-                    "amount": 220,
-                    "quantity": 2,
-                    "customer": "Graciela Ruta",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1021",
-			"code": "pxpzczo23",
-			"name": "Purple Band",
-			"description": "Product Description",
-			"image": "purple-band.jpg",
-			"price": 79,
-			"category": "Fitness",
-			"quantity": 6,
-			"inventoryStatus": "LOWSTOCK",
-            "rating": 3,
-            "orders": [
-                {
-                    "id": "1021-0",
-                    "productCode": "pxpzczo23",
-                    "date": "2020-02-02",
-                    "amount": 79,
-                    "quantity": 1,
-                    "customer": "Cammy Albares",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1022",
-			"code": "2c42cb5cb",
-			"name": "Purple Gemstone Necklace",
-			"description": "Product Description",
-			"image": "purple-gemstone-necklace.jpg",
-			"price": 45,
-			"category": "Accessories",
-			"quantity": 62,
-			"inventoryStatus": "INSTOCK",
-            "rating": 4,
-            "orders": [
-                {
-                    "id": "1022-0",
-                    "productCode": "2c42cb5cb",
-                    "date": "2020-06-29",
-                    "amount": 45,
-                    "quantity": 1,
-                    "customer": "Mattie Poquette",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "1022-1",
-                    "productCode": "2c42cb5cb",
-                    "date": "2020-02-11",
-                    "amount": 135,
-                    "quantity": 3,
-                    "customer": "Meaghan Garufi",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1023",
-			"code": "5k43kkk23",
-			"name": "Purple T-Shirt",
-			"description": "Product Description",
-			"image": "purple-t-shirt.jpg",
-			"price": 49,
-			"category": "Clothing",
-			"quantity": 2,
-			"inventoryStatus": "LOWSTOCK",
-            "rating": 5,
-            "orders": [
-                {
-                    "id": "1023-0",
-                    "productCode": "5k43kkk23",
-                    "date": "2020-04-15",
-                    "amount": 49,
-                    "quantity": 1,
-                    "customer": "Gladys Rim",
-                    "status": "RETURNED"
-                }
-            ]
-		},
-		{
-			"id": "1024",
-			"code": "lm2tny2k4",
-			"name": "Shoes",
-			"description": "Product Description",
-			"image": "shoes.jpg",
-			"price": 64,
-			"category": "Clothing",
-			"quantity": 0,
-			"inventoryStatus": "INSTOCK",
-            "rating": 4,
-            "orders": []
-		},
-		{
-			"id": "1025",
-			"code": "nbm5mv45n",
-			"name": "Sneakers",
-			"description": "Product Description",
-			"image": "sneakers.jpg",
-			"price": 78,
-			"category": "Clothing",
-			"quantity": 52,
-			"inventoryStatus": "INSTOCK",
-            "rating": 4,
-            "orders": [
-                {
-                    "id": "1025-0",
-                    "productCode": "nbm5mv45n",
-                    "date": "2020-02-19",
-                    "amount": 78,
-                    "quantity": 1,
-                    "customer": "Yuki Whobrey",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "1025-1",
-                    "productCode": "nbm5mv45n",
-                    "date": "2020-05-21",
-                    "amount": 78,
-                    "quantity": 1,
-                    "customer": "Fletcher Flosi",
-                    "status": "PENDING"
-                }
-            ]
-		},
-		{
-			"id": "1026",
-			"code": "zx23zc42c",
-			"name": "Teal T-Shirt",
-			"description": "Product Description",
-			"image": "teal-t-shirt.jpg",
-			"price": 49,
-			"category": "Clothing",
-			"quantity": 3,
-			"inventoryStatus": "LOWSTOCK",
-            "rating": 3,
-            "orders": [
-                {
-                    "id": "1026-0",
-                    "productCode": "zx23zc42c",
-                    "date": "2020-04-24",
-                    "amount": 98,
-                    "quantity": 2,
-                    "customer": "Bette Nicka",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1027",
-			"code": "acvx872gc",
-			"name": "Yellow Earbuds",
-			"description": "Product Description",
-			"image": "yellow-earbuds.jpg",
-			"price": 89,
-			"category": "Electronics",
-			"quantity": 35,
-			"inventoryStatus": "INSTOCK",
-            "rating": 3,
-            "orders": [
-                {
-                    "id": "1027-0",
-                    "productCode": "acvx872gc",
-                    "date": "2020-01-29",
-                    "amount": 89,
-                    "quantity": 1,
-                    "customer": "Veronika Inouye",
-                    "status": "DELIVERED"
-                },
-                {
-                    "id": "1027-1",
-                    "productCode": "acvx872gc",
-                    "date": "2020-06-11",
-                    "amount": 89,
-                    "quantity": 1,
-                    "customer": "Willard Kolmetz",
-                    "status": "DELIVERED"
-                }
-            ]
-		},
-		{
-			"id": "1028",
-			"code": "tx125ck42",
-			"name": "Yoga Mat",
-			"description": "Product Description",
-			"image": "yoga-mat.jpg",
-			"price": 20,
-			"category": "Fitness",
-			"quantity": 15,
-			"inventoryStatus": "INSTOCK",
-            "rating": 5,
-            "orders": []
-		},
-		{
-			"id": "1029",
-			"code": "gwuby345v",
-			"name": "Yoga Set",
-			"description": "Product Description",
-			"image": "yoga-set.jpg",
-			"price": 20,
-			"category": "Fitness",
-			"quantity": 25,
-			"inventoryStatus": "INSTOCK",
-            "rating": 8,
-            "orders": [
-                {
-                    "id": "1026-0",
-                    "productCode": "gwuby345v",
-                    "date": "2020-02-14",
-                    "amount": 4,
-                    "quantity": 80,
-                    "customer": "Maryann Royster",
-                    "status": "DELIVERED"
-                }
-            ]
-		}
-	]
-}
diff --git a/src/assets/showcase/data/products-small.json b/src/assets/showcase/data/products-small.json
deleted file mode 100644
index daf5ff7..0000000
--- a/src/assets/showcase/data/products-small.json
+++ /dev/null
@@ -1,124 +0,0 @@
-{
-	"data": [
-		{
-			"id": "1000",
-			"code": "f230fh0g3",
-			"name": "Bamboo Watch",
-			"description": "Product Description",
-			"image": "bamboo-watch.jpg",
-			"price": 65,
-			"category": "Accessories",
-			"quantity": 24,
-			"inventoryStatus": "INSTOCK",
-			"rating": 5
-		},
-		{
-			"id": "1001",
-			"code": "nvklal433",
-			"name": "Black Watch",
-			"description": "Product Description",
-			"image": "black-watch.jpg",
-			"price": 72,
-			"category": "Accessories",
-			"quantity": 61,
-			"inventoryStatus": "OUTOFSTOCK",
-			"rating": 4
-		},
-		{
-			"id": "1002",
-			"code": "zz21cz3c1",
-			"name": "Blue Band",
-			"description": "Product Description",
-			"image": "blue-band.jpg",
-			"price": 79,
-			"category": "Fitness",
-			"quantity": 2,
-			"inventoryStatus": "LOWSTOCK",
-			"rating": 3
-		},
-		{
-			"id": "1003",
-			"code": "244wgerg2",
-			"name": "Blue T-Shirt",
-			"description": "Product Description",
-			"image": "blue-t-shirt.jpg",
-			"price": 29,
-			"category": "Clothing",
-			"quantity": 25,
-			"inventoryStatus": "INSTOCK",
-			"rating": 5
-		},
-		{
-			"id": "1004",
-			"code": "h456wer53",
-			"name": "Bracelet",
-			"description": "Product Description",
-			"image": "bracelet.jpg",
-			"price": 15,
-			"category": "Accessories",
-			"quantity": 73,
-			"inventoryStatus": "INSTOCK",
-			"rating": 4
-		},
-		{
-			"id": "1005",
-			"code": "av2231fwg",
-			"name": "Brown Purse",
-			"description": "Product Description",
-			"image": "brown-purse.jpg",
-			"price": 120,
-			"category": "Accessories",
-			"quantity": 0,
-			"inventoryStatus": "OUTOFSTOCK",
-			"rating": 4
-		},
-		{
-			"id": "1006",
-			"code": "bib36pfvm",
-			"name": "Chakra Bracelet",
-			"description": "Product Description",
-			"image": "chakra-bracelet.jpg",
-			"price": 32,
-			"category": "Accessories",
-			"quantity": 5,
-			"inventoryStatus": "LOWSTOCK",
-			"rating": 3
-		},
-		{
-			"id": "1007",
-			"code": "mbvjkgip5",
-			"name": "Galaxy Earrings",
-			"description": "Product Description",
-			"image": "galaxy-earrings.jpg",
-			"price": 34,
-			"category": "Accessories",
-			"quantity": 23,
-			"inventoryStatus": "INSTOCK",
-			"rating": 5
-		},
-		{
-			"id": "1008",
-			"code": "vbb124btr",
-			"name": "Game Controller",
-			"description": "Product Description",
-			"image": "game-controller.jpg",
-			"price": 99,
-			"category": "Electronics",
-			"quantity": 2,
-			"inventoryStatus": "LOWSTOCK",
-			"rating": 4
-		},
-		{
-			"id": "1009",
-			"code": "cm230f032",
-			"name": "Gaming Set",
-			"description": "Product Description",
-			"image": "gaming-set.jpg",
-			"price": 299,
-			"category": "Electronics",
-			"quantity": 63,
-			"inventoryStatus": "INSTOCK",
-			"rating": 3
-		}
-	]
-}
\ No newline at end of file
diff --git a/src/assets/showcase/data/products.json b/src/assets/showcase/data/products.json
deleted file mode 100644
index c3dad4d..0000000
--- a/src/assets/showcase/data/products.json
+++ /dev/null
@@ -1,364 +0,0 @@
-{
-	"data": [
-		{
-			"id": "1000",
-			"code": "f230fh0g3",
-			"name": "Bamboo Watch",
-			"description": "Product Description",
-			"image": "bamboo-watch.jpg",
-			"price": 65,
-			"category": "Accessories",
-			"quantity": 24,
-			"inventoryStatus": "INSTOCK",
-			"rating": 5
-		},
-		{
-			"id": "1001",
-			"code": "nvklal433",
-			"name": "Black Watch",
-			"description": "Product Description",
-			"image": "black-watch.jpg",
-			"price": 72,
-			"category": "Accessories",
-			"quantity": 61,
-			"inventoryStatus": "INSTOCK",
-			"rating": 4
-		},
-		{
-			"id": "1002",
-			"code": "zz21cz3c1",
-			"name": "Blue Band",
-			"description": "Product Description",
-			"image": "blue-band.jpg",
-			"price": 79,
-			"category": "Fitness",
-			"quantity": 2,
-			"inventoryStatus": "LOWSTOCK",
-			"rating": 3
-		},
-		{
-			"id": "1003",
-			"code": "244wgerg2",
-			"name": "Blue T-Shirt",
-			"description": "Product Description",
-			"image": "blue-t-shirt.jpg",
-			"price": 29,
-			"category": "Clothing",
-			"quantity": 25,
-			"inventoryStatus": "INSTOCK",
-			"rating": 5
-		},
-		{
-			"id": "1004",
-			"code": "h456wer53",
-			"name": "Bracelet",
-			"description": "Product Description",
-			"image": "bracelet.jpg",
-			"price": 15,
-			"category": "Accessories",
-			"quantity": 73,
-			"inventoryStatus": "INSTOCK",
-			"rating": 4
-		},
-		{
-			"id": "1005",
-			"code": "av2231fwg",
-			"name": "Brown Purse",
-			"description": "Product Description",
-			"image": "brown-purse.jpg",
-			"price": 120,
-			"category": "Accessories",
-			"quantity": 0,
-			"inventoryStatus": "OUTOFSTOCK",
-			"rating": 4
-		},
-		{
-			"id": "1006",
-			"code": "bib36pfvm",
-			"name": "Chakra Bracelet",
-			"description": "Product Description",
-			"image": "chakra-bracelet.jpg",
-			"price": 32,
-			"category": "Accessories",
-			"quantity": 5,
-			"inventoryStatus": "LOWSTOCK",
-			"rating": 3
-		},
-		{
-			"id": "1007",
-			"code": "mbvjkgip5",
-			"name": "Galaxy Earrings",
-			"description": "Product Description",
-			"image": "galaxy-earrings.jpg",
-			"price": 34,
-			"category": "Accessories",
-			"quantity": 23,
-			"inventoryStatus": "INSTOCK",
-			"rating": 5
-		},
-		{
-			"id": "1008",
-			"code": "vbb124btr",
-			"name": "Game Controller",
-			"description": "Product Description",
-			"image": "game-controller.jpg",
-			"price": 99,
-			"category": "Electronics",
-			"quantity": 2,
-			"inventoryStatus": "LOWSTOCK",
-			"rating": 4
-		},
-		{
-			"id": "1009",
-			"code": "cm230f032",
-			"name": "Gaming Set",
-			"description": "Product Description",
-			"image": "gaming-set.jpg",
-			"price": 299,
-			"category": "Electronics",
-			"quantity": 63,
-			"inventoryStatus": "INSTOCK",
-			"rating": 3
-		},
-		{
-			"id": "1010",
-			"code": "plb34234v",
-			"name": "Gold Phone Case",
-			"description": "Product Description",
-			"image": "gold-phone-case.jpg",
-			"price": 24,
-			"category": "Accessories",
-			"quantity": 0,
-			"inventoryStatus": "OUTOFSTOCK",
-			"rating": 4
-		},
-		{
-			"id": "1011",
-			"code": "4920nnc2d",
-			"name": "Green Earbuds",
-			"description": "Product Description",
-			"image": "green-earbuds.jpg",
-			"price": 89,
-			"category": "Electronics",
-			"quantity": 23,
-			"inventoryStatus": "INSTOCK",
-			"rating": 4
-		},
-		{
-			"id": "1012",
-			"code": "250vm23cc",
-			"name": "Green T-Shirt",
-			"description": "Product Description",
-			"image": "green-t-shirt.jpg",
-			"price": 49,
-			"category": "Clothing",
-			"quantity": 74,
-			"inventoryStatus": "INSTOCK",
-			"rating": 5
-		},
-		{
-			"id": "1013",
-			"code": "fldsmn31b",
-			"name": "Grey T-Shirt",
-			"description": "Product Description",
-			"image": "grey-t-shirt.jpg",
-			"price": 48,
-			"category": "Clothing",
-			"quantity": 0,
-			"inventoryStatus": "OUTOFSTOCK",
-			"rating": 3
-		},
-		{
-			"id": "1014",
-			"code": "waas1x2as",
-			"name": "Headphones",
-			"description": "Product Description",
-			"image": "headphones.jpg",
-			"price": 175,
-			"category": "Electronics",
-			"quantity": 8,
-			"inventoryStatus": "LOWSTOCK",
-			"rating": 5
-		},
-		{
-			"id": "1015",
-			"code": "vb34btbg5",
-			"name": "Light Green T-Shirt",
-			"description": "Product Description",
-			"image": "light-green-t-shirt.jpg",
-			"price": 49,
-			"category": "Clothing",
-			"quantity": 34,
-			"inventoryStatus": "INSTOCK",
-			"rating": 4
-		},
-		{
-			"id": "1016",
-			"code": "k8l6j58jl",
-			"name": "Lime Band",
-			"description": "Product Description",
-			"image": "lime-band.jpg",
-			"price": 79,
-			"category": "Fitness",
-			"quantity": 12,
-			"inventoryStatus": "INSTOCK",
-			"rating": 3
-		},
-		{
-			"id": "1017",
-			"code": "v435nn85n",
-			"name": "Mini Speakers",
-			"description": "Product Description",
-			"image": "mini-speakers.jpg",
-			"price": 85,
-			"category": "Clothing",
-			"quantity": 42,
-			"inventoryStatus": "INSTOCK",
-			"rating": 4
-		},
-		{
-			"id": "1018",
-			"code": "09zx9c0zc",
-			"name": "Painted Phone Case",
-			"description": "Product Description",
-			"image": "painted-phone-case.jpg",
-			"price": 56,
-			"category": "Accessories",
-			"quantity": 41,
-			"inventoryStatus": "INSTOCK",
-			"rating": 5
-		},
-		{
-			"id": "1019",
-			"code": "mnb5mb2m5",
-			"name": "Pink Band",
-			"description": "Product Description",
-			"image": "pink-band.jpg",
-			"price": 79,
-			"category": "Fitness",
-			"quantity": 63,
-			"inventoryStatus": "INSTOCK",
-			"rating": 4
-		},
-		{
-			"id": "1020",
-			"code": "r23fwf2w3",
-			"name": "Pink Purse",
-			"description": "Product Description",
-			"image": "pink-purse.jpg",
-			"price": 110,
-			"category": "Accessories",
-			"quantity": 0,
-			"inventoryStatus": "OUTOFSTOCK",
-			"rating": 4
-		},
-		{
-			"id": "1021",
-			"code": "pxpzczo23",
-			"name": "Purple Band",
-			"description": "Product Description",
-			"image": "purple-band.jpg",
-			"price": 79,
-			"category": "Fitness",
-			"quantity": 6,
-			"inventoryStatus": "LOWSTOCK",
-			"rating": 3
-		},
-		{
-			"id": "1022",
-			"code": "2c42cb5cb",
-			"name": "Purple Gemstone Necklace",
-			"description": "Product Description",
-			"image": "purple-gemstone-necklace.jpg",
-			"price": 45,
-			"category": "Accessories",
-			"quantity": 62,
-			"inventoryStatus": "INSTOCK",
-			"rating": 4
-		},
-		{
-			"id": "1023",
-			"code": "5k43kkk23",
-			"name": "Purple T-Shirt",
-			"description": "Product Description",
-			"image": "purple-t-shirt.jpg",
-			"price": 49,
-			"category": "Clothing",
-			"quantity": 2,
-			"inventoryStatus": "LOWSTOCK",
-			"rating": 5
-		},
-		{
-			"id": "1024",
-			"code": "lm2tny2k4",
-			"name": "Shoes",
-			"description": "Product Description",
-			"image": "shoes.jpg",
-			"price": 64,
-			"category": "Clothing",
-			"quantity": 0,
-			"inventoryStatus": "INSTOCK",
-			"rating": 4
-		},
-		{
-			"id": "1025",
-			"code": "nbm5mv45n",
-			"name": "Sneakers",
-			"description": "Product Description",
-			"image": "sneakers.jpg",
-			"price": 78,
-			"category": "Clothing",
-			"quantity": 52,
-			"inventoryStatus": "INSTOCK",
-			"rating": 4
-		},
-		{
-			"id": "1026",
-			"code": "zx23zc42c",
-			"name": "Teal T-Shirt",
-			"description": "Product Description",
-			"image": "teal-t-shirt.jpg",
-			"price": 49,
-			"category": "Clothing",
-			"quantity": 3,
-			"inventoryStatus": "LOWSTOCK",
-			"rating": 3
-		},
-		{
-			"id": "1027",
-			"code": "acvx872gc",
-			"name": "Yellow Earbuds",
-			"description": "Product Description",
-			"image": "yellow-earbuds.jpg",
-			"price": 89,
-			"category": "Electronics",
-			"quantity": 35,
-			"inventoryStatus": "INSTOCK",
-			"rating": 3
-		},
-		{
-			"id": "1028",
-			"code": "tx125ck42",
-			"name": "Yoga Mat",
-			"description": "Product Description",
-			"image": "yoga-mat.jpg",
-			"price": 20,
-			"category": "Fitness",
-			"quantity": 15,
-			"inventoryStatus": "INSTOCK",
-			"rating": 5
-		},
-		{
-			"id": "1029",
-			"code": "gwuby345v",
-			"name": "Yoga Set",
-			"description": "Product Description",
-			"image": "yoga-set.jpg",
-			"price": 20,
-			"category": "Fitness",
-			"quantity": 25,
-			"inventoryStatus": "INSTOCK",
-			"rating": 8
-		}
-	]
-}
diff --git a/src/assets/showcase/data/scheduleevents.json b/src/assets/showcase/data/scheduleevents.json
deleted file mode 100644
index e4b8965..0000000
--- a/src/assets/showcase/data/scheduleevents.json
+++ /dev/null
@@ -1,68 +0,0 @@
-{
-    "data": [
-    	{
-            "id": 1,
-    		"title": "All Day Event",
-    		"start": "2019-01-01"
-    	},
-    	{
-            "id": 2,
-    		"title": "Long Event",
-    		"start": "2019-01-07",
-    		"end": "2019-01-10"
-    	},
-    	{
-    		"id": 3,
-    		"title": "Repeating Event",
-    		"start": "2019-01-09T16:00:00"
-    	},
-    	{
-    		"id": 4,
-    		"title": "Repeating Event",
-    		"start": "2019-01-16T16:00:00"
-    	},
-    	{
-            "id": 5,
-    		"title": "Conference",
-    		"start": "2019-01-11",
-    		"end": "2019-01-13"
-    	},
-    	{
-            "id": 6,
-    		"title": "Meeting",
-    		"start": "2019-01-12T10:30:00",
-    		"end": "2019-01-12T12:30:00"
-    	},
-    	{
-            "id": 7,
-    		"title": "Lunch",
-    		"start": "2019-01-12T12:00:00"
-    	},
-    	{
-            "id": 8,
-    		"title": "Meeting",
-    		"start": "2019-01-12T14:30:00"
-    	},
-    	{
-            "id": 9,
-    		"title": "Happy Hour",
-    		"start": "2019-01-12T17:30:00"
-    	},
-    	{
-            "id": 10,
-    		"title": "Dinner",
-    		"start": "2019-01-12T20:00:00"
-    	},
-    	{
-            "id": 11,
-    		"title": "Birthday Party",
-    		"start": "2019-01-13T07:00:00"
-    	},
-    	{
-            "id": 12,
-    		"title": "Click for Google",
-    		"url": "http://google.com/",
-    		"start": "2019-01-28"
-    	}
-    ]
-}
diff --git a/src/assets/showcase/styles/flags.css b/src/assets/showcase/styles/flags.css
deleted file mode 100644
index eda0683..0000000
--- a/src/assets/showcase/styles/flags.css
+++ /dev/null
@@ -1 +0,0 @@
-span.flag{width:44px;height:30px;display:inline-block;}img.flag{width:30px}.flag{background:url(https://primefaces.org/cdn/primeng/images/flag/flags_responsive.png) no-repeat;background-size:100%;vertical-align: middle;}.flag-ad{background-position:0 .413223%}.flag-ae{background-position:0 .826446%}.flag-af{background-position:0 1.239669%}.flag-ag{background-position:0 1.652893%}.flag-ai{background-position:0 2.066116%}.flag-al{background-position:0 2.479339%}.flag-am{background-position:0 2.892562%}.flag-an{background-position:0 3.305785%}.flag-ao{background-position:0 3.719008%}.flag-aq{background-position:0 4.132231%}.flag-ar{background-position:0 4.545455%}.flag-as{background-position:0 4.958678%}.flag-at{background-position:0 5.371901%}.flag-au{background-position:0 5.785124%}.flag-aw{background-position:0 6.198347%}.flag-az{background-position:0 6.61157%}.flag-ba{background-position:0 7.024793%}.flag-bb{background-position:0 7.438017%}.flag-bd{background-position:0 7.85124%}.flag-be{background-position:0 8.264463%}.flag-bf{background-position:0 8.677686%}.flag-bg{background-position:0 9.090909%}.flag-bh{background-position:0 9.504132%}.flag-bi{background-position:0 9.917355%}.flag-bj{background-position:0 10.330579%}.flag-bm{background-position:0 10.743802%}.flag-bn{background-position:0 11.157025%}.flag-bo{background-position:0 11.570248%}.flag-br{background-position:0 11.983471%}.flag-bs{background-position:0 12.396694%}.flag-bt{background-position:0 12.809917%}.flag-bv{background-position:0 13.22314%}.flag-bw{background-position:0 13.636364%}.flag-by{background-position:0 14.049587%}.flag-bz{background-position:0 14.46281%}.flag-ca{background-position:0 14.876033%}.flag-cc{background-position:0 15.289256%}.flag-cd{background-position:0 15.702479%}.flag-cf{background-position:0 16.115702%}.flag-cg{background-position:0 16.528926%}.flag-ch{background-position:0 16.942149%}.flag-ci{background-position:0 17.355372%}.flag-ck{background-position:0 17.768595%}.flag-cl{background-position:0 18.181818%}.flag-cm{background-position:0 18.595041%}.flag-cn{background-position:0 19.008264%}.flag-co{background-position:0 19.421488%}.flag-cr{background-position:0 19.834711%}.flag-cu{background-position:0 20.247934%}.flag-cv{background-position:0 20.661157%}.flag-cx{background-position:0 21.07438%}.flag-cy{background-position:0 21.487603%}.flag-cz{background-position:0 21.900826%}.flag-de{background-position:0 22.31405%}.flag-dj{background-position:0 22.727273%}.flag-dk{background-position:0 23.140496%}.flag-dm{background-position:0 23.553719%}.flag-do{background-position:0 23.966942%}.flag-dz{background-position:0 24.380165%}.flag-ec{background-position:0 24.793388%}.flag-ee{background-position:0 25.206612%}.flag-eg{background-position:0 25.619835%}.flag-eh{background-position:0 26.033058%}.flag-er{background-position:0 26.446281%}.flag-es{background-position:0 26.859504%}.flag-et{background-position:0 27.272727%}.flag-fi{background-position:0 27.68595%}.flag-fj{background-position:0 28.099174%}.flag-fk{background-position:0 28.512397%}.flag-fm{background-position:0 28.92562%}.flag-fo{background-position:0 29.338843%}.flag-fr{background-position:0 29.752066%}.flag-ga{background-position:0 30.165289%}.flag-gd{background-position:0 30.578512%}.flag-ge{background-position:0 30.991736%}.flag-gf{background-position:0 31.404959%}.flag-gh{background-position:0 31.818182%}.flag-gi{background-position:0 32.231405%}.flag-gl{background-position:0 32.644628%}.flag-gm{background-position:0 33.057851%}.flag-gn{background-position:0 33.471074%}.flag-gp{background-position:0 33.884298%}.flag-gq{background-position:0 34.297521%}.flag-gr{background-position:0 34.710744%}.flag-gs{background-position:0 35.123967%}.flag-gt{background-position:0 35.53719%}.flag-gu{background-position:0 35.950413%}.flag-gw{background-position:0 36.363636%}.flag-gy{background-position:0 36.77686%}.flag-hk{background-position:0 37.190083%}.flag-hm{background-position:0 37.603306%}.flag-hn{background-position:0 38.016529%}.flag-hr{background-position:0 38.429752%}.flag-ht{background-position:0 38.842975%}.flag-hu{background-position:0 39.256198%}.flag-id{background-position:0 39.669421%}.flag-ie{background-position:0 40.082645%}.flag-il{background-position:0 40.495868%}.flag-in{background-position:0 40.909091%}.flag-io{background-position:0 41.322314%}.flag-iq{background-position:0 41.735537%}.flag-ir{background-position:0 42.14876%}.flag-is{background-position:0 42.561983%}.flag-it{background-position:0 42.975207%}.flag-jm{background-position:0 43.38843%}.flag-jo{background-position:0 43.801653%}.flag-jp{background-position:0 44.214876%}.flag-ke{background-position:0 44.628099%}.flag-kg{background-position:0 45.041322%}.flag-kh{background-position:0 45.454545%}.flag-ki{background-position:0 45.867769%}.flag-km{background-position:0 46.280992%}.flag-kn{background-position:0 46.694215%}.flag-kp{background-position:0 47.107438%}.flag-kr{background-position:0 47.520661%}.flag-kw{background-position:0 47.933884%}.flag-ky{background-position:0 48.347107%}.flag-kz{background-position:0 48.760331%}.flag-la{background-position:0 49.173554%}.flag-lb{background-position:0 49.586777%}.flag-lc{background-position:0 50%}.flag-li{background-position:0 50.413223%}.flag-lk{background-position:0 50.826446%}.flag-lr{background-position:0 51.239669%}.flag-ls{background-position:0 51.652893%}.flag-lt{background-position:0 52.066116%}.flag-lu{background-position:0 52.479339%}.flag-lv{background-position:0 52.892562%}.flag-ly{background-position:0 53.305785%}.flag-ma{background-position:0 53.719008%}.flag-mc{background-position:0 54.132231%}.flag-md{background-position:0 54.545455%}.flag-me{background-position:0 54.958678%}.flag-mg{background-position:0 55.371901%}.flag-mh{background-position:0 55.785124%}.flag-mk{background-position:0 56.198347%}.flag-ml{background-position:0 56.61157%}.flag-mm{background-position:0 57.024793%}.flag-mn{background-position:0 57.438017%}.flag-mo{background-position:0 57.85124%}.flag-mp{background-position:0 58.264463%}.flag-mq{background-position:0 58.677686%}.flag-mr{background-position:0 59.090909%}.flag-ms{background-position:0 59.504132%}.flag-mt{background-position:0 59.917355%}.flag-mu{background-position:0 60.330579%}.flag-mv{background-position:0 60.743802%}.flag-mw{background-position:0 61.157025%}.flag-mx{background-position:0 61.570248%}.flag-my{background-position:0 61.983471%}.flag-mz{background-position:0 62.396694%}.flag-na{background-position:0 62.809917%}.flag-nc{background-position:0 63.22314%}.flag-ne{background-position:0 63.636364%}.flag-nf{background-position:0 64.049587%}.flag-ng{background-position:0 64.46281%}.flag-ni{background-position:0 64.876033%}.flag-nl{background-position:0 65.289256%}.flag-no{background-position:0 65.702479%}.flag-np{background-position:0 66.115702%}.flag-nr{background-position:0 66.528926%}.flag-nu{background-position:0 66.942149%}.flag-nz{background-position:0 67.355372%}.flag-om{background-position:0 67.768595%}.flag-pa{background-position:0 68.181818%}.flag-pe{background-position:0 68.595041%}.flag-pf{background-position:0 69.008264%}.flag-pg{background-position:0 69.421488%}.flag-ph{background-position:0 69.834711%}.flag-pk{background-position:0 70.247934%}.flag-pl{background-position:0 70.661157%}.flag-pm{background-position:0 71.07438%}.flag-pn{background-position:0 71.487603%}.flag-pr{background-position:0 71.900826%}.flag-pt{background-position:0 72.31405%}.flag-pw{background-position:0 72.727273%}.flag-py{background-position:0 73.140496%}.flag-qa{background-position:0 73.553719%}.flag-re{background-position:0 73.966942%}.flag-ro{background-position:0 74.380165%}.flag-rs{background-position:0 74.793388%}.flag-ru{background-position:0 75.206612%}.flag-rw{background-position:0 75.619835%}.flag-sa{background-position:0 76.033058%}.flag-sb{background-position:0 76.446281%}.flag-sc{background-position:0 76.859504%}.flag-sd{background-position:0 77.272727%}.flag-se{background-position:0 77.68595%}.flag-sg{background-position:0 78.099174%}.flag-sh{background-position:0 78.512397%}.flag-si{background-position:0 78.92562%}.flag-sj{background-position:0 79.338843%}.flag-sk{background-position:0 79.752066%}.flag-sl{background-position:0 80.165289%}.flag-sm{background-position:0 80.578512%}.flag-sn{background-position:0 80.991736%}.flag-so{background-position:0 81.404959%}.flag-sr{background-position:0 81.818182%}.flag-ss{background-position:0 82.231405%}.flag-st{background-position:0 82.644628%}.flag-sv{background-position:0 83.057851%}.flag-sy{background-position:0 83.471074%}.flag-sz{background-position:0 83.884298%}.flag-tc{background-position:0 84.297521%}.flag-td{background-position:0 84.710744%}.flag-tf{background-position:0 85.123967%}.flag-tg{background-position:0 85.53719%}.flag-th{background-position:0 85.950413%}.flag-tj{background-position:0 86.363636%}.flag-tk{background-position:0 86.77686%}.flag-tl{background-position:0 87.190083%}.flag-tm{background-position:0 87.603306%}.flag-tn{background-position:0 88.016529%}.flag-to{background-position:0 88.429752%}.flag-tp{background-position:0 88.842975%}.flag-tr{background-position:0 89.256198%}.flag-tt{background-position:0 89.669421%}.flag-tv{background-position:0 90.082645%}.flag-tw{background-position:0 90.495868%}.flag-ty{background-position:0 90.909091%}.flag-tz{background-position:0 91.322314%}.flag-ua{background-position:0 91.735537%}.flag-ug{background-position:0 92.14876%}.flag-gb,.flag-uk{background-position:0 92.561983%}.flag-um{background-position:0 92.975207%}.flag-us{background-position:0 93.38843%}.flag-uy{background-position:0 93.801653%}.flag-uz{background-position:0 94.214876%}.flag-va{background-position:0 94.628099%}.flag-vc{background-position:0 95.041322%}.flag-ve{background-position:0 95.454545%}.flag-vg{background-position:0 95.867769%}.flag-vi{background-position:0 96.280992%}.flag-vn{background-position:0 96.694215%}.flag-vu{background-position:0 97.107438%}.flag-wf{background-position:0 97.520661%}.flag-ws{background-position:0 97.933884%}.flag-ye{background-position:0 98.347107%}.flag-za{background-position:0 98.760331%}.flag-zm{background-position:0 99.173554%}.flag-zr{background-position:0 99.586777%}.flag-zw{background-position:0 100%}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/_code.scss b/src/assets/showcase/styles/layout/_code.scss
deleted file mode 100644
index 28663ba..0000000
--- a/src/assets/showcase/styles/layout/_code.scss
+++ /dev/null
@@ -1,143 +0,0 @@
-code[class*="language-"],
-pre[class*="language-"] {
-    background: none;
-    font-family: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,Liberation Mono,monospace;
-    text-align: left;
-    white-space: pre;
-    word-spacing: normal;
-    word-break: normal;
-    word-wrap: normal;
-    line-height: 1.5;
-    -moz-tab-size: 4;
-    -o-tab-size: 4;
-    tab-size: 4;
-    -webkit-hyphens: none;
-    -moz-hyphens: none;
-    -ms-hyphens: none;
-    hyphens: none;
-}
-
-div.code-toolbar > .toolbar {
-    display: none;
-}
-
-
-pre[class*="language-"] {
-    position: relative;
-    background: transparent;
-    margin: 0;
-    padding: 0;
-    max-height: 40rem;
-    overflow: auto;
-    color-scheme: dark;
-
-    &:before, &:after {
-        display: none !important;
-    }
-
-    code {
-        border-left: 1rem solid transparent;
-        box-shadow: none;
-        margin: 0;
-        font-size: 14px;
-        border-radius: 10px;
-        color: #ffffff;
-        max-height: inherit;
-        height: inherit;
-        padding: 0 1rem;
-        display: block;
-        overflow: auto;
-        
-        .token.comment,
-        .token.block-comment,
-        .token.prolog,
-        .token.doctype,
-        .token.cdata {
-            color: #bbf7d0;
-        }
-
-        .token.punctuation {
-            color: #bfdbfe;
-        }
-
-        .token.property,
-        .token.tag,
-        .token.boolean,
-        .token.number,
-        .token.function-name,
-        .token.constant,
-        .token.symbol,
-        .token.deleted {
-            color: #93c5fd;
-        }
-
-        .token.selector,
-        .token.attr-name,
-        .token.string,
-        .token.char,
-        .token.function,
-        .token.builtin,
-        .token.inserted {
-            color: #eff6ff;
-        }
-
-        .token.operator,
-        .token.entity,
-        .token.url,
-        .token.variable {
-            color: #ffffff;
-        }
-
-        .token.atrule,
-        .token.attr-value,
-        .token.keyword,
-        .token.class-name {
-            color: #bbf7d0;
-        }
-
-        .token.regex,
-        .token.important {
-            color: #fde68a;
-        }
-
-        .language-css .token.string,
-        .style .token.string {
-            color: #fde68a;
-        }
-
-        .token.important {
-            font-weight: normal;
-        }
-
-        .token.bold {
-            font-weight: bold;
-        }
-        .token.italic {
-            font-style: italic;
-        }
-
-        .token.entity {
-            cursor: help;
-        }
-    }
-}
-
-.copy-to-clipboard-button {
-    display: none;
-}
-
-pre[class*="language-"] {    
-    code {
-        background: var(--demo-code-bg);
-    }
-}
-
-.layout-light {
-    &[data-p-theme^="md"] {
-        pre[class*="language-"] {    
-            code {
-                background: var(--surface-900);
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/_config.scss b/src/assets/showcase/styles/layout/_config.scss
deleted file mode 100644
index af27db3..0000000
--- a/src/assets/showcase/styles/layout/_config.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-.layout-config {
-    backdrop-filter: blur(20px);
-    background-color: var(--mobile-menu-bg);
-
-    .p-selectbutton {
-        .p-button {
-            padding: 0.5rem 1rem;
-
-            &:first-child {
-                border-top-left-radius: 6px;
-                border-bottom-left-radius: 6px;
-            }
-    
-            &:last-child {
-                border-top-right-radius: 6px;
-                border-bottom-right-radius: 6px;
-            }
-        }
-    }
-
-    button {
-        &:focus-visible {
-            outline: 0 none;
-            border-color: var(--surface-500) !important;
-        }
-    }
-
-    .grid {
-        > div {
-            padding: 1rem;
-        }
-    }
-
-    .p-inputswitch {
-        .p-inputswitch-slider {
-            border-radius: 30px;
-            
-            &:before {
-                border-radius: 30px;
-            }
-        }
-    }
-}
-
-
-.layout-light {
-    .layout-config {
-        background: var(--surface-overlay);
-    }
-}
-
-.layout-dark {
-    .layout-config {
-        background: var(rgba(0,0,0,.3));
-        border: 0 none;
-    }
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/_content.scss b/src/assets/showcase/styles/layout/_content.scss
deleted file mode 100644
index d606879..0000000
--- a/src/assets/showcase/styles/layout/_content.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-.layout-content {
-    padding: 6rem 4rem 0 4rem;
-    display: flex;
-
-    .layout-content-slot {
-        flex: 1 1 auto;
-        width: 1%;
-        padding-top: .5rem;
-    }
-}
-
-.card {
-    background: var(--surface-card);
-    border: var(--card-border);
-    padding: 2rem;
-    border-radius: 10px;
-    margin-bottom: 1rem;
-}
diff --git a/src/assets/showcase/styles/layout/_core.scss b/src/assets/showcase/styles/layout/_core.scss
deleted file mode 100644
index ab819c5..0000000
--- a/src/assets/showcase/styles/layout/_core.scss
+++ /dev/null
@@ -1,107 +0,0 @@
-html {
-    font-size: 14px;
-}
-
-body {
-    margin: 0px;
-    min-height: 100%;
-    overflow-x: hidden;
-    overflow-y: auto;
-    background-color: var(--surface-ground);
-    font-weight: normal;
-    color: var(--text-color);
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-.layout-wrapper {
-    background-color: var(--surface-ground);
-}
-
-a {
-    text-decoration: none;
-}
-
-::selection {
-    background-color: var(--highlight-bg);
-    color: var(--highlight-text-color);
-} 
-
-h1, h2, h3, h4, h5, h6 {
-    margin: 1.5rem 0 1rem 0;
-    font-family: inherit;
-    font-weight: 600;
-    line-height: 1.2;
-    color: var(--surface-900);
-
-    &:first-child {
-        margin-top: 0;
-    }
-}
-
-h1 {
-    font-size: 2rem;
-}
-
-h2 {
-    font-size: 1.5rem;
-}
-
-h3 {
-    font-size: 1.25rem;
-}
-
-h4 {
-    font-size: 1.125rem;
-}
-
-h5 {
-    font-size: 1rem;
-}
-
-h6 {
-    font-size: .875rem;
-}
-
-p {
-    line-height: 1.75;
-    margin: 0 0 1rem 0;
-}
-
-input[type="number"] {
-    -moz-appearance: textfield;
-
-    &::-webkit-outer-spin-button,
-    &::-webkit-inner-spin-button {
-        -webkit-appearance: none;
-        margin: 0;
-    }
-}
-
-.p-toast.p-toast-top-right,
-.p-toast.p-toast-top-left {
-    top: 7rem;
-}
-
-.px-link {
-    font-size: 1rem;
-    border-radius: var(--border-radius);
-    text-align: left;
-	background-color: transparent;
-	margin: 0;
-	padding: 0;
-	border: none;
-    cursor: pointer;
-    user-select: none;
-
-    @include focus-visible();
-}
-
-.px-link:disabled {
-	cursor: default;
-}
-
-button {
-    font-family: var(--font-family);
-    font-feature-settings: var(--font-feature-settings);
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/_doc.scss b/src/assets/showcase/styles/layout/_doc.scss
deleted file mode 100644
index 7705eca..0000000
--- a/src/assets/showcase/styles/layout/_doc.scss
+++ /dev/null
@@ -1,415 +0,0 @@
-.doc-tabmenu {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    display: flex;
-    margin-bottom: 2rem;
-    overflow: auto;
-    position: relative;
-
-    &:after {
-        display: block;
-        position: absolute;
-        bottom: 0;
-        width: 100%;
-        border-bottom: 1px solid var(--surface-border);
-        content: '';
-    }
-
-    li {
-        position: relative;
-        z-index: 1;
-        
-        button {
-            background-color: transparent;
-            border: 0 none;
-            display: block;
-            padding: 0 2rem 1rem 2rem;
-            text-align: center;
-            color: var(--surface-700);
-            font-size: 1rem;
-            letter-spacing: 1px;
-            cursor: pointer;
-            margin: 0;
-            transition: all 0.2s;
-            border-bottom: 1px solid transparent;
-            border-top-right-radius: var(--border-round);
-            border-top-left-radius: var(--border-round);
-            white-space: nowrap;
-
-            &:hover {
-                border-bottom-color: var(--surface-500);
-            }
-
-            &:focus {
-                outline: 0 none;
-            }
-
-            @include focus-visible();
-        }
-
-        &.doc-tabmenu-active {
-            button {
-                border-bottom-color: var(--primary-color);
-                color: var(--primary-color);
-            }
-        }
-    }
-
-    &::-webkit-scrollbar {
-        display: none;
-    }
-}
-
-.doc-tabpanel,
-.doc {
-    display: flex;
-}
-
-.doc-main {
-    flex-grow: 1;
-    flex-shrink: 1;
-    flex-basis: 0;
-    min-width: 0;
-}
-
-.doc-intro {
-    margin-bottom: 1.5rem;
-
-    p {
-        font-size: 1.125rem;
-        color: var(--surface-900);
-        margin: 0;
-    }
-}
-
-.doc-section-label {
-    display: flex;
-    align-items: center;
-    scroll-margin-top: 6.5rem;
-
-    > a {
-        color: var(--primary-color);
-        opacity: 0.7;
-        margin-left: 1rem;
-        display: none;
-        transition: all .2s;
-        border-radius: var(--border-radius);
-        @include focus-visible();
-    }
-
-    &:hover {
-        > a {
-            display: block;
-
-            &:hover {
-                opacity: 1;
-            }
-        }
-    }
-}
-
-.doc-section-description {
-    > p {
-        font-size: 1.125rem;
-        color: var(--surface-900);
-
-        i {
-            border-radius: 6px;
-            padding: 2px 6px;
-            font-size: 1rem;
-            font-weight: 500;
-            font-style: normal;
-            background-color: var(--doc-highlight-text-bg);
-            color: var(--doc-highlight-text-color);
-        }
-
-        a {
-            color: var(--primary-color);
-            font-weight: 500;
-            transition: all .2s;
-            border-radius: var(--border-radius);
-            @include focus-visible();
-
-            &:hover {
-                text-decoration: underline;
-            }
-        }
-    }
-
-    .notification {
-        line-height: 1.5;
-        padding: 1rem;
-        font-weight: 500;
-        border-radius: 10px;
-        background-color: var(--doc-highlight-text-bg);
-        color: var(--doc-highlight-text-color);
-    }
-}
-
-.doc-section-nav {
-    position: sticky;
-    top: 6rem;
-    right: 0;
-    width: 14rem;
-    max-height: calc(100vh - 15rem);
-    list-style: none;
-    margin: 0;
-    padding: 0.25rem 0;
-    margin-left: 4rem;
-    overflow-y: auto;
-    overflow-x: hidden;
-    align-self: flex-start;
-
-    > .navbar-item {
-        .navbar-item-content {
-            border-left: 1px solid var(--surface-border);
-            padding-left: .25rem;
-            transition: all .2s;
-
-            &:hover {
-                border-left-color: var(--surface-500);
-            }
-        }
-    }
-
-    .navbar-item {
-        > .navbar-item-content {
-            display: flex;
-
-            .px-link {
-                padding: 0.25rem 1rem 0.25rem 1rem;
-                color: var(--surface-800);
-                font-weight: 400;
-                white-space: nowrap;
-                min-width: 0;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                transition: all .2s;
-            }
-
-            &:hover {
-                .px-link {
-                    color: var(--surface-900);
-                }
-            }
-        }
-
-        &.active-navbar-item {
-            > .navbar-item-content {
-                border-color: var(--primary-color);
-
-                .px-link {
-                    color: var(--primary-color);
-                }
-            }
-        }
-
-        ul {
-            list-style: none;
-            margin: 0;
-            padding: 0;
-
-            .navbar-item {
-                .navbar-item-content {
-                    padding-left: 1rem;
-                }
-            }
-        }
-    }
-}
-
-.doc-section-code { 
-    position: relative;
-    
-    div {
-        &::-webkit-scrollbar {
-            width: 5px;
-        }
-    }
-
-    &:not(:last-child) {
-        margin-bottom: 1rem;
-    }
-
-    &:hover {
-        .doc-section-code-buttons {
-            display: flex;
-        }
-    }
-}
-
-.doc-section-code-buttons {
-    position: absolute;
-    align-items: center;
-    justify-content: end;
-    z-index: 1;
-    top: .75rem;
-    right: .75rem;
-    gap: .5rem;
-    display: none;
-    background: rgba(255,255,255,.05);
-    border-radius: 10px;
-    padding: 2px;
-    backdrop-filter: blur(6px);
-    border: 1px solid rgba(255, 255, 255, .1);
-    
-    button {
-        outline: 0 none;
-        border-radius: 8px;
-        outline-offset: 0;
-        background-color: transparent;
-        transition: background-color .2s, box-shadow .2s;
-        border: 0 none;
-        color: var(--demo-code-button-color);
-        cursor: pointer;
-
-        &:hover {
-            background-color: var(--demo-code-button-hover-bg);
-            color: var(--demo-code-button-hover-color);
-        }
-
-        &.code-active {
-            color: #bbf7d0;
-        }
-    }
-}
-
-.doc-section-code-tooltip .p-tooltip-text {
-    padding: 0.5rem;
-    font-size: 11px;
-}
-
-
-
-.doc-tablewrapper {
-    overflow: auto;
-}
-
-.doc-table {
-    border-collapse: collapse;
-    width: 100%;
-    min-width: 960px;
-    margin-bottom: 1.5rem;
-
-    th {
-        border-bottom: 1px solid var(--surface-border);
-        padding: .75rem 1rem;
-        text-align: left;
-        text-transform: capitalize;
-    }
-
-    tbody {
-        tr:hover {
-            background: var(--surface-hover);
-        }
-
-        td {
-            padding: .75rem 1rem;
-            border-bottom: 1px solid var(--surface-border);
-            white-space: pre-line;
-            line-height: 1.5;
-            scroll-margin-top: 6.5rem;
-
-            &:first-child {
-                color: var(--primary-color);
-                font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
-                font-weight: 600;
-            }
-
-            .doc-option-type {
-                font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
-                color: var(--primary-500);
-                font-weight: 500;
-
-                .doc-option-type-options-container {
-                    display: flex;
-                    align-items: center;
-                }
-
-                span.doc-option-type-options {
-                    color: var(--primary-700);
-                }
-
-                &.doc-option-link {
-                    &:hover {
-                        text-decoration: underline;
-                    }
-                }
-            }
-
-            .doc-option-name,
-            > i:not(.pi) {
-                font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
-                position: relative;
-                scroll-margin-top: 6.5rem;
-                background-color: var(--doc-highlight-text-bg);
-                color: var(--doc-highlight-text-color);
-                border-radius: 6px;
-                padding: 2px 6px;
-                font-weight: 600;
-                font-style: normal;
-                white-space: nowrap;
-
-                .doc-option-link {
-                    position: absolute;
-                    top: 0;
-                    right: -1.5rem;
-                    color: var(--primary-color);
-                    opacity: 0.7;
-                    display: none;
-                    transition: opacity 0.3s, colors 0.3s;
-                }
-            }
-
-            &:hover {
-                .doc-option-name {
-                    .doc-option-link {
-                        display: inline;
-
-                        &:hover {
-                            opacity: 1;
-                        }
-                    }
-                }
-            }
-
-            .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/src/assets/showcase/styles/layout/_docsearch.scss b/src/assets/showcase/styles/layout/_docsearch.scss
deleted file mode 100644
index 772aa1b..0000000
--- a/src/assets/showcase/styles/layout/_docsearch.scss
+++ /dev/null
@@ -1,149 +0,0 @@
-.DocSearch-Button {
-    border-radius: var(--border-radius);
-    border: 1px solid var(--surface-border);
-    height: 2rem;
-    background-color: var(--surface-card);
-    margin: 0;
-    transition: all .3s;
-    padding: 0 .5rem;
-    @include focus-visible();
-
-    &:hover {
-        border-color: var(--primary-color);
-    }
-
-    &:hover {
-        border-color: var(--primary-color);
-        box-shadow: none;
-    }
-
-    .DocSearch-Search-Icon {
-        width: 1rem;
-        height: 1rem;
-    }
-
-    .DocSearch-Button-Keys {
-        overflow: hidden;
-        min-width: auto;
-        height: auto;
-        background: transparent;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: auto;
-        padding: 0;
-        gap: 2px;
-
-        .DocSearch-Button-Key {
-            background: transparent;
-            display: flex;
-            padding: 0;
-            margin: 0;
-            top: 0;
-            border-radius: 0;
-            height: auto;
-            width: auto;
-            font-family: var(--font-family);
-
-            &:first-child {
-                font-size: 0.75rem;
-                line-height: normal;
-            }
-
-            &:last-child {
-                justify-content: start;
-                align-items: center;
-                font-size: 0.75rem;
-                position: relative;
-                
-                &::before {
-                    content: "\e90d";
-                    display: flex;
-                    color: var(--text-color);
-                    font-family: "primeicons";
-                    font-size: .4rem;
-                    opacity: .7;
-                    margin-right: 2px;
-                    height: 13.5px;
-                    align-items: center;
-                    font-weight: 700;
-
-                }
-            }
-        }        
-    }
-}
-
-.DocSearch-Container {
-    z-index: 1101;
-}
-
-.DocSearch-Modal {
-    border: 1px solid var(--surface-border);
-    box-shadow: none;
-}
-
-.DocSearch-Footer {
-    box-shadow: none;
-    border-top: 1px solid var(--surface-border);
-    background-color: var(--surface-overlay);
-}
-
-.DocSearch-Form {
-    background: var(--surface-card);
-    box-shadow: none;
-    border: 1px solid var(--surface-border);
-    border-radius: var(--border-radius);
-    transition: border-color .3s;
-
-    &:hover {
-        border-color: var(--primary-color);
-    }
-
-    .DocSearch-MagnifierLabel, .DocSearch-Reset {
-        color: var(--text-color);
-    }
-}
-
-.DocSearch-Hit {
-    border-bottom: 1px solid var(--surface-border);
-    padding-bottom: 0;
-    margin-bottom: .25rem;
-}
-
-.DocSearch-Hit-source {
-    color: var(--primary-color);
-}
-
-.DocSearch-Logo .cls-1, .DocSearch-Logo .cls-2 {
-    fill: var(--primary-color);
-}
-
-.DocSearch-Prefill {
-    color: var(--primary-color);
-}
-
-.DocSearch-Button-Placeholder {
-    text-align: center;
-    display: inline-block;
-    font-size: .875rem;
-}
-
-:root {
-    --docsearch-searchbox-focus-background: var(--surface-card);
-    --docsearch-text-color: var(--text-color);
-    --docsearch-muted-color: var(--text-color);
-    --docsearch-searchbox-background: var(--surface-card);
-    --docsearch-text-color: var(--text-color);
-    --docsearch-modal-background: var(--surface-overlay);
-    --docsearch-key-gradient: var(--surface-ground);
-    --docsearch-key-shadow: none;
-    --docsearch-container-background: var(--maskbg);
-    --docsearch-hit-background: var(--surface-overlay);
-    --docsearch-hit-shadow: none;
-    --docsearch-spacing: 1rem;
-    --docsearch-hit-color: var(--text-color);
-    --docsearch-highlight-color: var(--primary-color);
-    --docsearch-hit-active-color: var(--primary-color-text);
-}
-
diff --git a/src/assets/showcase/styles/layout/_footer.scss b/src/assets/showcase/styles/layout/_footer.scss
deleted file mode 100644
index 0eb285d..0000000
--- a/src/assets/showcase/styles/layout/_footer.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-.layout-footer {
-    padding: 2rem 4rem;
-    margin-top: 4rem;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    flex-wrap: wrap;
-    font-weight: 500;
-    color: var(--text-800);
-    border-top: 1px solid var(--surface-border);
-
-    a {
-        color: var(--primary-color);
-        font-weight: 700;
-        transition: all .3s;
-        border-radius: var(--border-radius);
-
-        @include focus-visible();
-
-        &:hover {
-            text-decoration: underline;
-        }
-        
-    }
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/_glow.scss b/src/assets/showcase/styles/layout/_glow.scss
deleted file mode 100644
index f2e2895..0000000
--- a/src/assets/showcase/styles/layout/_glow.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-.landing, .layout-wrapper {
-    background-image: var(--glow-image);
-    background-blend-mode: var(--glow-blend);
-    background-position: top center;
-    background-repeat: no-repeat;
-    background-size: auto 20rem;
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/_mixins.scss b/src/assets/showcase/styles/layout/_mixins.scss
deleted file mode 100644
index 2c088ff..0000000
--- a/src/assets/showcase/styles/layout/_mixins.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-@mixin focus-visible($type:null) {
-    &:focus-visible {
-        outline: 0 none;
-        outline-offset: 0;
-        box-shadow: $type var(--focus-ring);
-    }
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/_news.scss b/src/assets/showcase/styles/layout/_news.scss
deleted file mode 100644
index f2d4686..0000000
--- a/src/assets/showcase/styles/layout/_news.scss
+++ /dev/null
@@ -1,92 +0,0 @@
-.layout-news {
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 1100;
-    width: 100%;
-    height: 2rem;
-    padding: 0 2rem;
-    background-color: var(--primary-color);
-
-    .layout-news-container {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        width: calc(100% - var(--scrollbar-width, 0px));
-        height: 100%;
-    }
-
-    .layout-news-content {
-        flex: 1;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        min-width: 0%;
-    }
-
-    .layout-news-text {
-        line-height: 1.5;
-        display: block;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        min-width: 0%;
-        font-weight: 500;
-        color: var(--primary-color-text);
-    }
-
-    .layout-news-link {
-        margin-left: 0.5rem;
-        line-height: 1.5;
-        white-space: nowrap;
-    }
-
-    .layout-news-link,
-    .layout-news-link:visited,
-    .layout-news-link:active {
-        color:var(--primary-color-text);
-        font-weight:700;
-    }
-    .layout-news-link:hover {
-        text-decoration: underline;
-    }
-
-    .layout-news-close {
-        line-height: 1.5;
-        cursor: pointer;
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        border-radius: 50%;
-        width: 1.5rem;
-        height: 1.5rem;
-        transition: background-color 0.3s;
-        margin-left: 0.5rem;
-        color: var(--primary-color-text);
-
-        &:hover {
-            background-color: rgba(255, 255, 255, 0.2);
-        }
-    }
-}
-
-.layout-news-active {
-    .layout-topbar {
-        top: 2rem;
-    }
-
-    .layout-sidebar,
-    .doc-section-nav {
-        top: 8rem;
-    }
-
-    .layout-content {
-        padding-top: 8rem;
-    }
-
-    .doc-section-label,
-    .doc-table tbody td .doc-option-name,
-    .doc-table tbody td > i {
-        scroll-margin-top: 8.5rem;
-    }
-}
diff --git a/src/assets/showcase/styles/layout/_responsive.scss b/src/assets/showcase/styles/layout/_responsive.scss
deleted file mode 100644
index 2771950..0000000
--- a/src/assets/showcase/styles/layout/_responsive.scss
+++ /dev/null
@@ -1,177 +0,0 @@
-@media screen and (min-width: 1920px) {
-    .layout-content {
-        max-width: 1728px;
-        margin: 0 auto;
-    }
-
-    .layout-topbar-inner,
-    .layout-footer {
-        max-width: 1728px;
-        margin: 0 auto;
-    }
-
-}
-
-@media screen and (max-width: 1199px) {
-    .layout-topbar-inner {   
-        padding-left: 2rem;
-        padding-right: 2rem;
-
-        .menu-button {
-            display: block;
-        }
-
-        .layout-topbar-logo-container {
-            width: auto;
-            margin-right: 0;
-        }
-
-        .DocSearch-Button {
-            width: 2rem;
-            height: 2rem;
-            overflow: hidden;
-            padding: 0;
-            justify-content: center;
-            align-items: center;
-
-            .DocSearch-Search-Icon {
-                width: 1rem;
-                height: 1rem;
-            }
-
-            .DocSearch-Button-Placeholder,
-            .DocSearch-Button-Keys {
-                display: none;
-            }
-        }
-    }
-
-    .layout-sidebar {
-        top: 0;
-        left: 0;
-        position: fixed;
-        z-index: 1102;
-        height: 100%;
-        transform: translateX(-100%);
-        background-color: var(--mobile-menu-bg);
-        backdrop-filter: blur(20px);
-        width: 300px;
-        opacity: 0;
-
-        nav {
-            padding: 1rem 1rem;
-        }
-
-        &.active {
-            opacity: 1;
-            transform: translateX(0);
-        }
-    }
-
-    .layout-news-active {
-        .layout-sidebar {
-            top: 0;
-        }
-    }
-
-    .layout-mask {
-        background-color: rgba(0, 0, 0, 0.1);
-
-        &.layout-mask-active {
-            z-index: 1101;
-            width: 100%;
-            height: 100%;
-            position: fixed;
-            top: 0;
-            left: 0;
-            background-color: rgba(0, 0, 0, 0.4);
-            transition: background-color .5s;
-        }
-    }
-
-    .doc-section-nav {
-        display: none;
-    }
-
-    .video-container {
-        position: relative;
-        width: 100%;
-        height: 0;
-        padding-bottom: 56.25%;
-
-        iframe {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-        }
-    }
-
-    .layout-content {
-        padding-left: 2rem;
-        padding-right: 2rem;
-    }
-
-    .layout-footer {
-        padding-left: 2rem;
-        padding-right: 2rem;
-    }
-
-    .blocked-scroll {
-        overflow: hidden;
-        padding-right: var(--scrollbar-width);
-    }
-}
-
-@media (max-width: 768px) {
-    .DocSearch-Container {
-        position: fixed !important;
-    }
-}
-
-@media screen and (max-width: 575px) {
-    .layout-topbar-inner {
-        padding-left: 1rem;
-        padding-right: 1rem;
-
-        .layout-topbar-logo {
-            display: none;
-        }
-
-        .layout-topbar-icon {
-            display: inline-flex;
-        }
-    }
-
-    .layout-content {
-        padding-left: 1rem;
-        padding-right: 1rem;
-    }
-
-    .layout-footer {
-        padding-left: 1rem;
-        padding-right: 1rem;
-    }
-
-    .doc-tabmenu {
-        li {
-            flex: 1 1 0;
-
-            button {
-                width: 100%;
-                min-width: auto;
-            }
-        }
-    }
-
-    .layout-news {
-        padding-left: 1rem;
-        padding-right: 1rem;
-        font-size: 12px;
-
-        > i {
-            display: none;
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/_sidebar.scss b/src/assets/showcase/styles/layout/_sidebar.scss
deleted file mode 100644
index 5265fbb..0000000
--- a/src/assets/showcase/styles/layout/_sidebar.scss
+++ /dev/null
@@ -1,171 +0,0 @@
-.layout-sidebar {
-    position: sticky;
-    left: 0;
-    top: 6rem;
-    height: calc(100vh - 9rem);
-    user-select: none;
-    transition: transform .4s cubic-bezier(.05,.74,.2,.99), opacity .3s;
-    display: flex;
-    flex-direction: column;
-    padding: 0 0 0 0;
-    flex: 0 0 250px;
-    margin-right: 4rem;
-    overflow: auto;
-
-    .logo {
-        display: flex;
-        justify-content: center;
-    }
-
-    nav {
-        padding: 0 1rem 0 0;
-        margin: 0;
-        flex-grow: 1;
-    }
-
-    .layout-menu {
-        list-style: none;
-        margin: 0;
-        padding: 0;
-
-        > li {
-            margin-bottom: .25rem;
-
-            > button,
-            > a {
-                display: flex;
-                width: 100%;
-                align-items: center;
-                padding: .5rem 0;
-                color: var(--surface-900);
-                font-weight: 600;
-                transition: all .2s;
-                position: relative;
-                border-radius: var(--border-radius);
-
-                .menu-icon {
-                    width: 2rem;
-                    height: 2rem;
-                    border-radius: var(--border-radius);
-                    margin-right: .5rem;
-                    border: 1px solid var(--surface-border);
-                    display: inline-flex;
-                    align-items: center;
-                    justify-content: center;
-                    transition: all .2s;
-                    position: relative;
-                    background-color: transparent;
-
-                    i {
-                        color: var(--surface-700);
-                        transition: all .2s;
-                    }
-                }
-
-                .menu-toggle-icon {
-                    color: var(--surface-700);
-                    margin-left: auto;
-                }
-
-                &:hover {
-                    .menu-icon {
-                        background-color: var(--surface-card);
-
-                        i {
-                            color: var(--primary-color-default);
-                        }
-                    }
-
-                    .menu-toggle-icon {
-                        color: var(--surface-900);
-                    }
-                }
-
-                &.router-link-active {
-                    color: var(--primary-color-default);
-
-                    > .menu-icon {
-                        i {
-                            color: var(--primary-color-default);
-                        }
-                    }
-                }
-
-                @include focus-visible(inset);
-            }
-
-            > div {
-                ol {
-                    margin: 0 0 0 1rem;
-                    padding: .25rem 0;
-                    list-style: none;
-
-                    li {
-                        a {
-                            color: var(--surface-700);
-                            border-left: 1px solid var(--surface-border);
-                            transition: all .2s;
-                            font-weight: 450;
-                            display: flex;
-                            align-items: center;
-                            font-size: 1rem;
-                            padding: .5rem .5rem .5rem 1rem;
-                            color: var(--surface-700);
-                            transition: all .2s;
-                            position: relative;
-
-                            &:focus-visible {
-                                outline: 0 none;
-                                box-shadow: inset var(--focus-ring);
-                            }
-
-                            &:hover {
-                                color: var(--surface-900);
-                                border-left-color: var(--surface-500);
-                            }
-
-                            &.router-link-active {
-                                color: var(--primary-color-default);
-                                border-left-color: var(--primary-color-default);
-                            }
-                        }
-
-                        ol {
-                            margin: 0;
-                            padding: 0;
-                        }
-
-                        &:has(.menu-child-category) {
-                            margin-top: 1rem;
-                        }
-
-                        &:has(.menu-child-category):first-child {
-                            margin-top: 0rem;
-                        }
-                    }
-                }
-            }
-        }
-
-        .p-tag {
-            position: absolute;
-            right: 0;
-            top: 50%;
-            transform: translateY(-50%);
-
-            .p-tag-value {
-                line-height: 1;
-            }
-        }
-
-        .menu-child-category {
-            display: flex;
-            padding: .5rem .5rem .5rem 0;
-            font-size: .875rem;
-            font-weight: 600;
-            letter-spacing: 1px;
-            color: var(--surface-900);
-            margin-bottom: .25rem;
-        }
-    }
-}
diff --git a/src/assets/showcase/styles/layout/_topbar.scss b/src/assets/showcase/styles/layout/_topbar.scss
deleted file mode 100644
index bbd53f8..0000000
--- a/src/assets/showcase/styles/layout/_topbar.scss
+++ /dev/null
@@ -1,58 +0,0 @@
-.layout-topbar {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: calc(100% - var(--scrollbar-width, 0px));
-    z-index: 1100;
-    transition: background-color .5s, border-color .5s;
-    border-bottom: 1px solid transparent;
-
-    &.layout-topbar-sticky {
-        border-bottom: 1px solid var(--surface-border);
-        background-color: var(--topbar-sticky-bg);
-        backdrop-filter: blur(8px);
-    }
-}
-
-.layout-topbar-inner {
-    height: 4rem;
-    padding: 0 4rem;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    .layout-topbar-logo-container {
-        width: 250px;
-        margin-right: 4rem;
-    }
-
-    .layout-topbar-logo,
-    .layout-topbar-icon {
-        border-radius: var(--border-radius);
-        @include focus-visible();
-
-        svg {
-            width: 120px;
-        }
-    }
-
-    .layout-topbar-logo {
-        display: inline-flex;
-
-        svg {
-            width: 120px;
-        }
-    }
-
-    .layout-topbar-icon {
-        display: none;
-
-        svg {
-            width: 25px;
-        }
-    }
-    
-    .menu-button {
-        display: none;
-    }
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/landing/_blocks.scss b/src/assets/showcase/styles/layout/landing/_blocks.scss
deleted file mode 100644
index 69a76d6..0000000
--- a/src/assets/showcase/styles/layout/landing/_blocks.scss
+++ /dev/null
@@ -1,222 +0,0 @@
-.landing-blocks {
-    * {
-        box-sizing: content-box;
-    }
-
-    background: var(--home-blocks-bg);
-
-    .prime-blocks {
-        transform: rotateX(55deg) rotateY(0deg) rotateZ(-45deg);
-        margin: -12rem 0;
-
-        &.blocks-animation {
-            .prime-block {
-                .block-sidebar, 
-                .block-header, 
-                .block-sidebar-list,
-                .block-content {
-                    opacity: 1;
-                    visibility: visible;
-                    transform: scale(1);
-                }
-            }
-        }
-
-        .prime-block {
-            background: var(--home-blocks-block-bg);
-            box-shadow:var(--home-blocks-block-shadow);
-            border-left: var(--home-blocks-border-left);
-            border-bottom: var(--home-blocks-border-bottom);
-            border-radius: 10px;
-            height: 300px;
-            width: 600px;
-            position: relative;
-            z-index: 1;
-            margin: 15px;
-            transition: opacity 1.3s, transform 1.3s;
-
-            .block-sidebar, 
-            .block-header, 
-            .block-sidebar-list, 
-            .block-content {
-                transition: opacity 1.3s, transform 1.3s;
-                opacity: 0;
-                visibility: hidden;
-                transform: scale(0.9);
-            }
-
-            &:before {
-                content: '';
-                position: absolute;
-                top: 0;
-                left:0;
-                right:0;
-                bottom: 0;
-                border-radius: 6px;
-                border: var(--home-blocks-border)
-            }
-            
-            .block-sidebar,
-            .block-header {
-                background: var(--home-blocks-sidebar-bg);
-                border-radius: 6px;
-            }
-
-            .block-sidebar-list {
-                background: var(--home-blocks-list-bg);
-            }
-            
-            .block-content {
-                .block-main {
-                    border: var(--home-blocks-main-border);
-                    border-radius: 13px;
-                    background: var(--home-blocks-main-bg);
-                }
-            }
-        }
-
-        .block-item {
-            background: var(--home-blocks-item-bg);
-            border-radius: 6px;
-            padding: 1rem;
-            transition: transform 1s, box-shadow 1s;
-            overflow: hidden;
-            transform: translateY(0);
-
-            .box {
-                border-radius: 4px;
-                width: 14px;
-                height: 14px;
-                
-                &.box-orange{
-                    background-color: #F57C00;
-                }
-
-                &.box-pink{
-                    background-color: #E91E63;
-                }
-
-                &.box-green {
-                    background-color: #4CAF50;
-                }
-
-                &.box-blue{
-                    background-color: #2196F3;
-                }
-            }
-            
-            .block-image {
-                background-color: var(--home-blocks-image-bg);
-                height: 44px;
-            }
-
-            .text {
-                display: block;
-                font-size: 24px;
-                font-weight: 700;
-                color: var(--home-blocks-text-color);
-            }
-
-            &.block-item-active {
-                box-shadow: var(--home-blocks-active-shadow);
-                border-radius: 6px;
-                border-top: var(--home-blocks-active-border-top);
-                border-right: var(--home-blocks-active-border-right);
-                border-bottom: var(--home-blocks-active-border-bottom);
-                border-left: var(--home-blocks-active-border-left);
-                position: relative;
-                z-index: 5;
-                animation: block-animation 1500ms ease-in-out alternate infinite;
-
-                &.animation-2{
-                    animation-delay: 1s;
-                }
-                
-                &.animation-3{
-                    animation-delay: 1.5s;
-                }
-            }
-
-            &.block-item-col {
-                background: none !important;
-                border: none;
-                padding: 12px 0;
-            }
-
-            &.block-item-table {
-                border-radius: 100px;
-                padding: 10px;
-                
-                .bar{
-                    background: var(--home-blocks-tablebar-bg);
-                }
-            }
-        }
-
-        .bar {
-            background: var(--home-blocks-bar-bg);
-            height: 6px;
-            border-radius: 10px;
-
-            &.bar-highlight {
-                background: var(--home-highlight-color);
-
-                &:before {
-                    background: var(--home-highlight-fore-color) !important ;
-                }
-            }
-
-            &.bar-button {
-                height: 16px;
-                position: relative;
-                
-                &:before {
-                    content: '';
-                    position: absolute;
-                    top: 6px;
-                    left: 10px;
-                    right: 10px;
-                    bottom: 6px;
-                    height: 3px;
-                    border-radius: 6px;
-                    background: var(--home-blocks-bar-button-bg);
-                }
-            }
-        }
-
-        .circle {
-            width: 18px;
-            height: 18px;
-            border-radius: 100%;
-            background: var(--home-blocks-circle-bg);
-
-            &.circle-small {
-                width: 8px;
-                height: 8px;
-            }
-
-            &.circle-medium {
-                width: 14px;
-                height: 14px;
-            }
-
-            &.circle-highlight {
-                background: var(--home-highlight-color);
-            }
-        }
-    }
-}
-
-@media screen and (max-width: $landingBreakpointXL) {
-    .landing-blocks .prime-blocks {
-        margin: -24rem 0;
-        transform: rotateX(55deg) rotateY(0deg) rotateZ(-45deg) scale(0.6);
-    }
-}
-
-@keyframes block-animation {
-    to {
-        transform: translateY(-10px) translateX(10px) scale(1.02);
-        box-shadow: var(--home-blocks-animation-shadow);
-    }
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/landing/_features.scss b/src/assets/showcase/styles/layout/landing/_features.scss
deleted file mode 100644
index 219b064..0000000
--- a/src/assets/showcase/styles/layout/landing/_features.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-.landing-features {
-    .box {
-        box-shadow: var(--home-features-card-shadow);
-    }
-    .features-container{
-        max-width: 1250px !important;
-        margin-left: auto !important;
-        margin-right: auto !important;
-    }
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/landing/_footer.scss b/src/assets/showcase/styles/layout/landing/_footer.scss
deleted file mode 100644
index 3b97a5c..0000000
--- a/src/assets/showcase/styles/layout/landing/_footer.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-.landing-footer {
-    a {
-        @include focus-visible();
-    }
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/landing/_getstarted.scss b/src/assets/showcase/styles/layout/landing/_getstarted.scss
deleted file mode 100644
index f3d55c3..0000000
--- a/src/assets/showcase/styles/layout/landing/_getstarted.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-.landing-getstarted {
-    .download-icon {
-        color: var(--home-highlight-color);
-    }
-
-    .download-box {
-        span {
-            color: var(--home-primary-text-color);
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/landing/_hero.scss b/src/assets/showcase/styles/layout/landing/_hero.scss
deleted file mode 100644
index dd64581..0000000
--- a/src/assets/showcase/styles/layout/landing/_hero.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-.landing-hero {
-    .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-        background: transparent;
-    }
-
-    .box {
-        box-shadow: var(--home-card-shadow);
-    }
-
-  
-}
-
-@media screen and (min-width: 1660px) {
-    .landing-hero {
-        width: 1504px !important;
-        margin-left: auto !important;
-        margin-right: auto !important;
-    }
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/landing/_landing.scss b/src/assets/showcase/styles/layout/landing/_landing.scss
deleted file mode 100644
index a02515e..0000000
--- a/src/assets/showcase/styles/layout/landing/_landing.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-$landingBreakpointMD: 767px;
-$landingBreakpointLG: 991px;
-$landingBreakpointXL: 1199px;
-
-@import '../_mixins';
-@import './_main';
-@import './_hero';
-@import './_users';
-@import './_getstarted';
-@import './_themes';
-@import './_blocks';
-@import './_templates';
-@import './_features';
-@import './_footer';
diff --git a/src/assets/showcase/styles/layout/landing/_main.scss b/src/assets/showcase/styles/layout/landing/_main.scss
deleted file mode 100644
index d655773..0000000
--- a/src/assets/showcase/styles/layout/landing/_main.scss
+++ /dev/null
@@ -1,182 +0,0 @@
-.landing {
-    background-color: var(--home-bg);
-    scroll-behavior: smooth;
-    padding-top: 4rem;
-
-    .box {
-        border: 1px solid var(--home-border-color);
-        border-radius: 10px;
-        background-color: var(--home-box-bg);
-        position: relative;
-        z-index: 0;
-
-        &::before,
-        &::after {
-            content: "";
-            position: absolute;
-            top: -2px;
-            left: -2px;
-            right: -2px;
-            bottom: -2px;
-            border: 2px solid var(--home-box-ring-color);
-            transition: all .5s;
-            animation: clippath 3s infinite linear;
-            border-radius: 10px;
-            opacity: 0;
-            z-index: -1;
-        }
-        
-        &::after {
-            animation: clippath 3s infinite -1.5s linear;
-        }
-
-        &:hover {
-            &::before,
-            &::after {
-                opacity: 1;
-            }
-        }
-    }
-
-@keyframes clippath {
-        0%,
-        100% {
-            clip-path: inset(0 0 98% 0);
-        }
-        
-        25% {
-            clip-path: inset(0 98% 0 0);
-        }
-        50% {
-            clip-path: inset(98% 0 0 0);
-        }
-        75% {
-            clip-path: inset(0 0 0 98%);
-        }
-    }
-    
-    .linkbox {
-        transition: background-color .2s, border-color .2s;
-        display: inline-flex;
-        align-items: center;
-        color: var(--home-linkbox-text-color);
-        padding: 0.5rem 1rem;
-        border: var(--home-linkbox-border);
-        background-color: var(--home-linkbox-bg);
-        border-radius: 10px;
-        cursor: pointer;
-        
-        @include focus-visible();
-
-        &:hover {
-            background: var(--home-linkbox-hover-bg);
-        }
-
-        &.active {
-            background: var(--home-highlight-color);
-            color: var(--home-highlight-fore-color);
-
-            &:hover {
-                background: var(--home-highlight-darker-color);
-            }
-        }
-    }
-
-    .section-header {
-        font-size: 2rem;
-        color: var(--home-primary-text-color);
-        font-weight: 700;
-        text-align: center;
-        padding: 0 2rem;
-    }
-
-    .section-detail {
-        text-align: center;
-        color: var(--home-secondary-text-color);
-        font-weight: 500;
-        font-size: 1.25rem;
-        margin: 1.5rem 0 0 0;
-        padding: 0 2rem;
-    }
-
-    .section-divider {
-        border: 1px solid var(--home-border-color);
-        height: 1px;
-        border-bottom: 0 none;
-        overflow: hidden;
-    }
-
-    &.layout-news-active {
-        padding-top: 6rem;
-    }
-}
-
-.text-secondary {
-    color: var(--home-secondary-text-color);
-}
-
-.hover\:surface-hover:hover {
-    background-color: var(--surface-hover);
-}
-
-.landing-footer-container {
-    max-width: 1250px !important;
-    margin-left: auto !important;
-    margin-right: auto !important;
-}
-
-.animated-text {
-    position: relative;
-    color: var(--home-text-color);
-    padding: 0.25rem 0.5rem;
-    border-radius: var(--border-radius);
-    display: inline-block;
-    width: 14.45rem;
-
-    &::before {
-        border-radius: var(--border-radius);
-        animation: color-animation 2s linear infinite;
-        background-size: auto auto;
-        background-clip: border-box;
-        background-size: 200% auto;
-        content: "";
-        width: 14.45rem;
-        height: 1.5rem;
-        position: absolute;
-        z-index: 0;
-        background-image: linear-gradient(-225deg, var(--blue-400) 30%, var(--cyan-400) 60%, var(--purple-400) 80%);
-        filter: blur(24px);
-        opacity: 0.6;
-    }
-
-    > span {
-        position: relative;
-        z-index: 3;
-        background-image: linear-gradient(-225deg, var(--blue-400) 30%, var(--cyan-400) 60%, var(--purple-400) 80%);
-        animation: color-animation 2s linear infinite;
-        background-size: auto auto;
-        background-clip: border-box;
-        background-size: 200% auto;
-        background-clip: text;
-        text-fill-color: transparent;
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-    }
-}
-
-@keyframes color-animation {
-    40%,
-    100% {
-        background-position: -200% center;
-    }
-}
-
-@keyframes scroll {
-    0% {
-        transform: translateX(0%);
-    }
-
-    100% {
-        transform: translateX(calc(-100% - 3rem));
-    }
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/landing/_templates.scss b/src/assets/showcase/styles/layout/landing/_templates.scss
deleted file mode 100644
index b83757e..0000000
--- a/src/assets/showcase/styles/layout/landing/_templates.scss
+++ /dev/null
@@ -1,251 +0,0 @@
-.landing-templates {
-    overflow: hidden;
-    background: var(--home-templates-bg);
-
-    .templates {
-        transform: rotateX(55deg) rotateY(0deg) rotateZ(-45deg);
-        position: relative;
-        z-index: 1;
-        
-        .template-block {
-            width: 504px;
-            height: 257px;
-            background-size: cover;
-            border-radius: 6px;
-            overflow: hidden;
-            box-shadow: var(--home-templates-block-shadow);
-            border-left: var(--home-templates-block-border-left);
-            border-bottom: var(--home-templates-block-border-bottom);
-            position: relative;
-            z-index: 1;
-            transition: 1.5s;
-            opacity:0;
-            visibility: hidden;
-
-            &.block-1 {
-                animation: animated-block-1 2s ease-in-out alternate infinite;
-            }
-
-            &.block-2 {
-                animation: animated-block-2 2s 0.2s ease-in-out alternate infinite;
-            }
-            
-            &.block-middle {
-                transform: scale(0.9);
-            }
-
-            &.block-3 {
-                animation: animated-block-1 2s 0.4s ease-in-out alternate infinite;
-            }
-
-            &.block-4 {
-                animation: animated-block-2 2s 0.6s ease-in-out alternate infinite;
-            }
-
-            &.block-5 {
-                animation: animated-block-1 2s 0.8s ease-in-out alternate infinite;
-            }
-
-            &.block-6 {
-                animation: animated-block-2 2s 1s ease-in-out alternate infinite;
-            }
-
-            &:hover {
-                &:before {
-                    opacity: 1;
-                }
-
-                .templates-btn {
-                    transform: scale(1);
-                    opacity: 1;
-                    visibility: visible;
-                }
-            }
-
-            &:before {
-                content: '';
-                position: absolute;
-                top: 0;
-                left: 0;
-                right: 0;
-                bottom: 0;
-                z-index: -1;
-                transition: 0.4s;
-                opacity: 0;
-                background-color: var(--home-templates-block-hover-bg);
-            }
-
-            .templates-btn {
-                transition: 0.4s;
-                opacity: 0;
-                visibility: hidden;
-                transform: scale(0.4);
-                background: var(--home-templates-btn-bg);
-                border-radius: 30px;
-                padding: 8px 10px;
-                color: var(--home-templates-btn-text-color);
-                font-size: 14px;
-                text-decoration: none;
-                box-shadow: var(--home-templates-btn-shadow);
-                border-top: var(--home-templates-btn-border-top);
-                border-right: var(--home-templates-btn-border-right);
-                border-left: var(--home-templates-btn-border-left);
-                border-bottom: var(--home-templates-btn-border-bottom);
-            }
-
-            &.border-none {
-                box-shadow: none;
-
-                &:before {
-                    display: none;
-                }
-            }
-
-            .img-1 {
-                opacity: 0;
-                visibility: hidden;
-                transition: 1s;
-                transform: scale(0.4);
-                transition-delay: 0.8s;
-            }
-
-            .img-2 {
-                opacity: 0;
-                visibility: hidden;
-                transition: 1s;
-                transform: scale(0.4);
-                transition-delay: 1.1s;
-            }
-        }
-
-        .lines {
-            opacity: 0;
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 0%;
-            height: 100%;
-            z-index: -1;
-            transition: 2s;
-
-            .top {
-                position: absolute;
-                top: 0;
-                left: 50%;
-                transform: translate(-50%, -25%);
-                z-index: -1;
-                display: flex;
-                width: 800px;
-                height: 200%;
-                align-items: center;
-                justify-content: space-between;
-
-                span {
-                    display: block;
-                    width: 1px;
-                    height: 100%;
-                    background: var(--home-templates-line);
-                }
-            }
-            
-            .left {
-                position: absolute;
-                top: 50%;
-                left: 0;
-                transform: translateY(-50%);
-                z-index: -1;
-                width: 100%;
-                height: 800px;
-                display: flex;
-                align-items: center;
-                flex-direction: column;
-                justify-content: space-between;
-
-                span {
-                    display: block;
-                    width: 100%;
-                    height: 1px;
-                    background: var(--home-templates-line);
-                }
-            }
-        }
-
-        &.templates-animation {
-            .template-block {
-                opacity:1;
-                visibility: visible;
-                transition: none !important;
-            }
-
-            .block-middle {
-                .theme-mode, img {
-                    opacity: 1;
-                    visibility: visible;
-                    transform: scale(1);
-                    transition: none !important;
-                }
-            }
-            
-            .lines {
-                opacity: 0.5;
-                width: 100%;
-            }
-        }
-    }
-}
-@media screen and (max-width: $landingBreakpointXL) {
-    .landing-templates {
-        .templates {
-            .template-block {
-                width: 336px;
-                height: 171px;
-                border: none !important;
-            }
-        }
-    }
-}
-
-@media screen and (max-width: $landingBreakpointLG) {
-    .landing-templates {
-        .templates {
-            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-            .template-block {
-                width: 336px;
-                height: 171px;
-                border: none !important;
-                animation: none !important;
-                margin-right: 0 !important;
-                margin-left: 0 !important;
-            }
-            .lines {
-                display: none;
-            }
-        }
-    }
-}
-@media screen and (max-width: $landingBreakpointMD) {
-    .landing-templates {
-        .templates {
-            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-            .template-block {
-                width: 354px;
-                height: 180px;
-                
-            }
-        }
-    }
-}
-
-
-@keyframes animated-block-1 {
-    to {
-        transform:  translateX(-10px);
-    }
-}
-
-@keyframes animated-block-2 {
-    to {
-        transform:  translateX(10px);
-    }
-}
-
diff --git a/src/assets/showcase/styles/layout/landing/_themes.scss b/src/assets/showcase/styles/layout/landing/_themes.scss
deleted file mode 100644
index 2c0657d..0000000
--- a/src/assets/showcase/styles/layout/landing/_themes.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.landing-themes {
-    .table-container {
-        width: 1250px;
-        box-shadow: var(--home-card-shadow);
-    }
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/landing/_users.scss b/src/assets/showcase/styles/layout/landing/_users.scss
deleted file mode 100644
index 5ebda5e..0000000
--- a/src/assets/showcase/styles/layout/landing/_users.scss
+++ /dev/null
@@ -1,49 +0,0 @@
-.landing-users {
-    .fade-right {
-        background: linear-gradient(to left, var(--home-bg), transparent);
-    }
-    .fade-left {
-        background: linear-gradient(to right, var(--home-bg), transparent);
-    }
-    .section-detail {
-        max-width: 1250px !important;
-        margin-left: auto !important;
-        margin-right: auto !important;
-    }
-    .users-container {
-        max-width: 1250px !important;
-        margin-left: auto !important;
-        margin-right: auto !important;
-
-        .marquee-wrapper {
-            user-select: none;
-            gap: 3rem;
-            justify-content: center;
-            align-items: center;
-            flex-shrink: 0;
-        }
-        .marquee {
-            flex-shrink: 0;
-            display: flex;
-            align-items: center;
-            justify-content: space-around;
-            gap: 3rem;
-            min-width: 100%;
-            animation: scroll 30s linear infinite;
-
-            > div {
-                max-width: clamp(10rem, 1rem + 28vmin, 20rem);
-                aspect-ratio: 1;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                height: 8rem;
-            }
-
-            &.marquee-reverse{
-                animation-direction: reverse;
-                animation-delay: calc(30s / -2);
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/layout.css b/src/assets/showcase/styles/layout/layout.css
deleted file mode 100644
index 149b87a..0000000
--- a/src/assets/showcase/styles/layout/layout.css
+++ /dev/null
@@ -1,2037 +0,0 @@
-.landing.layout-light {
-  --home-highlight-color:#3B82F6;
-  --home-highlight-darker-color:#2563eb;
-  --home-highlight-fore-color:#ffffff;
-  --home-bg:#F9FAFB;
-  --home-border-color:rgba(0,0,0,.1);
-  --home-primary-text-color:#030712;
-  --home-secondary-text-color:#6b7280;
-  --home-card-shadow:0px 7px 15px 0px rgba(0, 0, 0, 0.02), 0px 28px 28px 0px rgba(0, 0, 0, 0.02), 0px 63px 38px 0px rgba(0, 0, 0, 0.01);
-  --home-box-bg:#ffffff;
-  --home-linkbox-bg:#ffffff;
-  --home-linkbox-border:1px solid rgba(0,0,0,.1);
-  --home-linkbox-text-color:#030712;
-  --home-linkbox-hover-bg:#e5e7eb;
-  --home-blocks-bg:transparent;
-  --home-blocks-block-bg:#ffffff;
-  --home-blocks-block-shadow:-10px 4px 10px 0px rgba(0, 0, 0, .1), -10px 4px 25px rgba(0, 0, 0, .1);
-  --home-blocks-border-left:5px solid rgba(0,0,0,.1);
-  --home-blocks-border-bottom:7px solid rgba(0,0,0,.1);
-  --home-blocks-border:1px solid rgba(0,0,0,.1);
-  --home-blocks-sidebar-bg:#f3f4f6;
-  --home-blocks-list-bg:#f9fafb;
-  --home-blocks-main-bg:#ffffff;
-  --home-blocks-main-border:1px solid rgba(0,0,0,.1);
-  --home-blocks-item-bg:#f4f5f7;
-  --home-blocks-image-bg:#e5e7eb;
-  --home-blocks-text-color:#d1d5db;
-  --home-blocks-active-shadow:0px 30px 50px 0px rgba(0, 0, 0, .1);
-  --home-blocks-active-border-top:1px solid rgba(0,0,0,.07);
-  --home-blocks-active-border-right:1px solid rgba(0,0,0,.07);
-  --home-blocks-active-border-bottom:4px solid rgba(0,0,0,.07);
-  --home-blocks-active-border-left:4px solid rgba(0,0,0,.07);
-  --home-blocks-animation-shadow:0px 30px 50px 10px rgba(0, 0, 0, .2);
-  --home-blocks-tablebar-bg:#d1d5db;
-  --home-blocks-bar-bg:#d1d5db;
-  --home-blocks-bar-button-bg:#ffffff;
-  --home-blocks-circle-bg:#c7cad0;
-  --home-templates-bg:transparent;
-  --home-templates-block-shadow:0px 5px 10px 0px rgba(0,0,0,.1);
-  --home-templates-block-border-left:5px solid #d1d5db;
-  --home-templates-block-border-bottom:7px solid #d1d5db;
-  --home-templates-line:rgba(0,0,0,.1);
-  --home-templates-block-hover-bg:rgba(0, 0, 0, 0.2);
-  --home-templates-btn-bg:rgba(0, 0, 0, 0.5);
-  --home-templates-btn-text-color:#ffffff;
-  --home-templates-btn-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.5);
-  --home-templates-btn-border-top:1px solid rgba(0,0,0,.1);
-  --home-templates-btn-border-right:1px solid rgba(0,0,0,.1);
-  --home-templates-btn-border-bottom:4px solid rgba(0,0,0,.1);
-  --home-templates-btn-border-left:3px solid rgba(0,0,0,.1);
-  --home-features-card-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.02), 0px 28px 28px 0px rgba(0, 0, 0, 0.02), 0px 63px 38px 0px rgba(0, 0, 0, 0.01);
-  --home-box-ring-color: var(--primary-100);
-}
-
-.landing.layout-dark {
-  --home-highlight-color:#60a5fa;
-  --home-highlight-darker-color:#93c5fd;
-  --home-highlight-fore-color:#030712;
-  --home-bg:#111827;
-  --home-border-color:#424b57;
-  --home-primary-text-color:#ffffff;
-  --home-secondary-text-color:rgba(255,255,255,.6);
-  --home-card-shadow:0px 50px 100px rgba(0, 0, 0, 0.25);
-  --home-box-bg:#1f2937;
-  --home-linkbox-bg:rgba(255, 255, 255, .05);
-  --home-linkbox-border:1px solid rgba(255, 255, 255, .1);
-  --home-linkbox-text-color:#ffffff;
-  --home-linkbox-hover-bg:rgba(255, 255, 255, .1);
-  --home-blocks-bg:transparent;
-  --home-blocks-block-bg:#111827;
-  --home-blocks-block-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.25) , 0px 4px 25px rgba(0, 0, 0, 0.25);
-  --home-blocks-border-left:5px solid #1f2937;
-  --home-blocks-border-bottom:7px solid #1f2937;
-  --home-blocks-border:1px solid #424b57;
-  --home-blocks-sidebar-bg:#1f2937;
-  --home-blocks-list-bg:#28323f;
-  --home-blocks-main-bg:#111827;
-  --home-blocks-main-border:1px solid #424b57;
-  --home-blocks-item-bg:#1f2937;
-  --home-blocks-image-bg:#28323f;
-  --home-blocks-text-color:#4b5563;
-  --home-blocks-active-shadow:0px 30px 50px 0px rgba(0, 0, 0, 0.25);
-  --home-blocks-active-border-top:1px solid #424b57;
-  --home-blocks-active-border-right:1px solid #424b57;
-  --home-blocks-active-border-bottom:6px solid #424b57;
-  --home-blocks-active-border-left:4px solid #424b57;
-  --home-blocks-animation-shadow:0px 30px 50px 20px rgba(0, 0, 0, 0.25);
-  --home-blocks-tablebar-bg:#4b5563;
-  --home-blocks-bar-bg:#4b5563;
-  --home-blocks-bar-button-bg:#ffffff;
-  --home-blocks-circle-bg:#4b5563;
-  --home-templates-bg:transparent;
-  --home-templates-block-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.25);
-  --home-templates-block-border-left:5px solid #424b57;
-  --home-templates-block-border-bottom:7px solid #424b57;
-  --home-templates-line:rgba(255,255,255,.1);
-  --home-templates-block-hover-bg:rgba(255,255,255,.1);
-  --home-templates-btn-bg:#1f2937;
-  --home-templates-btn-text-color:#ffffff;
-  --home-templates-btn-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.25);
-  --home-templates-btn-border-top:1px solid #424b57;
-  --home-templates-btn-border-right:1px solid #424b57;
-  --home-templates-btn-border-bottom:4px solid #424b57;
-  --home-templates-btn-border-left:3px solid #424b57;
-  --home-features-card-shadow: none;
-  --home-box-ring-color: rgba(96, 165, 250, 0.3);
-}
-
-.layout-light {
-  --primary-color-default:var(--primary-600);
-  --primary-color-inverse-default:var(--surface-0);
-  --topbar-sticky-bg:rgba(255,255,255,.7);
-  --card-border: 1px solid var(--surface-border);
-  --card-bg: var(--surface-card);
-  --glow-image: url(https://www.primefaces.org/cdn/primeng/images/layout/pattern.png);
-  --glow-blend: hard-light, multiply;
-  --topbar-border: rgba(0,0,0,.05);
-  --mobile-menu-bg: var(--surface-overlay);
-    // был ужасный цвет для блока с кодом, взял оригинальный цвет
-  --demo-code-bg: #1e293b;
-  --demo-code-button-color: var(--surface-300);
-  --demo-code-button-hover-bg: rgba(255,255,255,.1);
-  --demo-code-button-hover-color: var(--surface-100);
-  --doc-highlight-text-bg: var(--surface-200);
-  --doc-highlight-text-color: var(--surface-700);
-}
-
-.layout-dark {
-  --primary-color-default:var(--primary-400);
-  --primary-color-inverse-default:var(--gray-900);
-  --topbar-sticky-bg:rgba(0,0,0,.3);
-  --card-border: 0 none;
-  --card-bg: var(--surface-card);
-  --glow-image: url(https://www.primefaces.org/cdn/primeng/images/layout/pattern.png), radial-gradient(50% 50% at center -25px, var(--primary-color) 0%, #000000 100%);
-  --glow-blend: hard-light, color-dodge;
-  --topbar-border: var(--surface-border);
-  --mobile-menu-bg: rgba(0,0,0,.3);
-  --demo-code-bg: var(--surface-card);
-  --demo-code-button-color: var(--surface-500);
-  --demo-code-button-hover-bg: rgba(255,255,255,.1);
-  --demo-code-button-hover-color: var(--surface-700);
-  --doc-highlight-text-bg: var(--surface-50);
-  --doc-highlight-text-color: var(--surface-500);
-}
-
-html {
-  font-size: 14px;
-}
-
-body {
-  margin: 0px;
-  min-height: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
-  background-color: var(--surface-ground);
-  font-weight: normal;
-  color: var(--text-color);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.layout-wrapper {
-  background-color: var(--surface-ground);
-}
-
-a {
-  text-decoration: none;
-}
-
-::selection {
-  background-color: var(--highlight-bg);
-  color: var(--highlight-text-color);
-}
-
-h1, h2, h3, h4, h5, h6 {
-  margin: 1.5rem 0 1rem 0;
-  font-family: inherit;
-  font-weight: 600;
-  line-height: 1.2;
-  color: var(--surface-900);
-}
-h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
-  margin-top: 0;
-}
-
-h1 {
-  font-size: 2rem;
-}
-
-h2 {
-  font-size: 1.5rem;
-}
-
-h3 {
-  font-size: 1.25rem;
-}
-
-h4 {
-  font-size: 1.125rem;
-}
-
-h5 {
-  font-size: 1rem;
-}
-
-h6 {
-  font-size: 0.875rem;
-}
-
-p {
-  line-height: 1.75;
-  margin: 0 0 1rem 0;
-}
-
-input[type=number] {
-  -moz-appearance: textfield;
-}
-input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-.p-toast.p-toast-top-right,
-.p-toast.p-toast-top-left {
-  top: 7rem;
-}
-
-.px-link {
-  font-size: 1rem;
-  border-radius: var(--border-radius);
-  text-align: left;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  border: none;
-  cursor: pointer;
-  user-select: none;
-}
-.px-link:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}
-
-.px-link:disabled {
-  cursor: default;
-}
-
-button {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings);
-}
-
-.landing, .layout-wrapper {
-  background-image: var(--glow-image);
-  background-blend-mode: var(--glow-blend);
-  background-position: top center;
-  background-repeat: no-repeat;
-  background-size: auto 20rem;
-}
-
-.layout-topbar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: calc(100% - var(--scrollbar-width, 0px));
-  z-index: 1100;
-  transition: background-color 0.5s, border-color 0.5s;
-  border-bottom: 1px solid transparent;
-}
-.layout-topbar.layout-topbar-sticky {
-  border-bottom: 1px solid var(--surface-border);
-  background-color: var(--topbar-sticky-bg);
-  backdrop-filter: blur(8px);
-}
-
-.layout-topbar-inner {
-  height: 4rem;
-  padding: 0 4rem;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.layout-topbar-inner .layout-topbar-logo-container {
-  width: 250px;
-  margin-right: 4rem;
-}
-.layout-topbar-inner .layout-topbar-logo,
-.layout-topbar-inner .layout-topbar-icon {
-  border-radius: var(--border-radius);
-}
-.layout-topbar-inner .layout-topbar-logo:focus-visible,
-.layout-topbar-inner .layout-topbar-icon:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}
-.layout-topbar-inner .layout-topbar-logo svg,
-.layout-topbar-inner .layout-topbar-icon svg {
-  width: 120px;
-}
-.layout-topbar-inner .layout-topbar-logo {
-  display: inline-flex;
-}
-.layout-topbar-inner .layout-topbar-logo svg {
-  width: 120px;
-}
-.layout-topbar-inner .layout-topbar-icon {
-  display: none;
-}
-.layout-topbar-inner .layout-topbar-icon svg {
-  width: 25px;
-}
-.layout-topbar-inner .menu-button {
-  display: none;
-}
-
-.layout-sidebar {
-  position: sticky;
-  left: 0;
-  top: 6rem;
-  height: calc(100vh - 9rem);
-  user-select: none;
-  transition: transform 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99), opacity 0.3s;
-  display: flex;
-  flex-direction: column;
-  padding: 0 0 0 0;
-  flex: 0 0 250px;
-  margin-right: 4rem;
-  overflow: auto;
-}
-.layout-sidebar .logo {
-  display: flex;
-  justify-content: center;
-}
-.layout-sidebar nav {
-  padding: 0 1rem 0 0;
-  margin: 0;
-  flex-grow: 1;
-}
-.layout-sidebar .layout-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.layout-sidebar .layout-menu > li {
-  margin-bottom: 0.25rem;
-}
-.layout-sidebar .layout-menu > li > button,
-.layout-sidebar .layout-menu > li > a {
-  display: flex;
-  width: 100%;
-  align-items: center;
-  padding: 0.5rem 0;
-  color: var(--surface-900);
-  font-weight: 600;
-  transition: all 0.2s;
-  position: relative;
-  border-radius: var(--border-radius);
-}
-.layout-sidebar .layout-menu > li > button .menu-icon,
-.layout-sidebar .layout-menu > li > a .menu-icon {
-  width: 2rem;
-  height: 2rem;
-  border-radius: var(--border-radius);
-  margin-right: 0.5rem;
-  border: 1px solid var(--surface-border);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  transition: all 0.2s;
-  position: relative;
-  background-color: transparent;
-}
-.layout-sidebar .layout-menu > li > button .menu-icon i,
-.layout-sidebar .layout-menu > li > a .menu-icon i {
-  color: var(--surface-700);
-  transition: all 0.2s;
-}
-.layout-sidebar .layout-menu > li > button .menu-toggle-icon,
-.layout-sidebar .layout-menu > li > a .menu-toggle-icon {
-  color: var(--surface-700);
-  margin-left: auto;
-}
-.layout-sidebar .layout-menu > li > button:hover .menu-icon,
-.layout-sidebar .layout-menu > li > a:hover .menu-icon {
-  background-color: var(--surface-card);
-}
-.layout-sidebar .layout-menu > li > button:hover .menu-icon i,
-.layout-sidebar .layout-menu > li > a:hover .menu-icon i {
-  color: var(--primary-color-default);
-}
-.layout-sidebar .layout-menu > li > button:hover .menu-toggle-icon,
-.layout-sidebar .layout-menu > li > a:hover .menu-toggle-icon {
-  color: var(--surface-900);
-}
-.layout-sidebar .layout-menu > li > button.router-link-active,
-.layout-sidebar .layout-menu > li > a.router-link-active {
-  color: var(--primary-color-default);
-}
-.layout-sidebar .layout-menu > li > button.router-link-active > .menu-icon i,
-.layout-sidebar .layout-menu > li > a.router-link-active > .menu-icon i {
-  color: var(--primary-color-default);
-}
-.layout-sidebar .layout-menu > li > button:focus-visible,
-.layout-sidebar .layout-menu > li > a:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset var(--focus-ring);
-}
-.layout-sidebar .layout-menu > li > div ol {
-  margin: 0 0 0 1rem;
-  padding: 0.25rem 0;
-  list-style: none;
-}
-.layout-sidebar .layout-menu > li > div ol li a {
-  color: var(--surface-700);
-  border-left: 1px solid var(--surface-border);
-  transition: all 0.2s;
-  font-weight: 450;
-  display: flex;
-  align-items: center;
-  padding: 0.5rem 0.5rem 0.5rem 1rem;
-  color: var(--surface-700);
-  transition: all 0.2s;
-  position: relative;
-}
-.layout-sidebar .layout-menu > li > div ol li a:focus-visible {
-  outline: 0 none;
-  box-shadow: inset var(--focus-ring);
-}
-.layout-sidebar .layout-menu > li > div ol li a:hover {
-  color: var(--surface-900);
-  border-left-color: var(--surface-500);
-}
-.layout-sidebar .layout-menu > li > div ol li a.router-link-active {
-  color: var(--primary-color-default);
-  border-left-color: var(--primary-color-default);
-}
-.layout-sidebar .layout-menu > li > div ol li ol {
-  margin: 0;
-  padding: 0;
-}
-.layout-sidebar .layout-menu > li > div ol li:has(.menu-child-category) {
-  margin-top: 1rem;
-}
-.layout-sidebar .layout-menu > li > div ol li:has(.menu-child-category):first-child {
-  margin-top: 0rem;
-}
-.layout-sidebar .layout-menu .p-tag {
-  position: absolute;
-  right: 0;
-  top: 50%;
-  transform: translateY(-50%);
-}
-.layout-sidebar .layout-menu .p-tag .p-tag-value {
-  line-height: 1;
-}
-.layout-sidebar .layout-menu .menu-child-category {
-  display: flex;
-  padding: 0.5rem 0.5rem 0.5rem 0;
-  font-size: 0.875rem;
-  font-weight: 600;
-  letter-spacing: 1px;
-  color: var(--surface-900);
-  margin-bottom: 0.25rem;
-}
-
-.layout-content {
-  padding: 6rem 4rem 0 4rem;
-  display: flex;
-}
-.layout-content .layout-content-slot {
-  flex: 1 1 auto;
-  width: 1%;
-  padding-top: 0.5rem;
-}
-
-.card {
-  background: var(--surface-card);
-  border: var(--card-border);
-  padding: 2rem;
-  border-radius: 10px;
-  margin-bottom: 1rem;
-}
-
-.layout-news {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1100;
-  width: 100%;
-  height: 2rem;
-  padding: 0 2rem;
-  background-color: var(--primary-color);
-}
-.layout-news .layout-news-container {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: calc(100% - var(--scrollbar-width, 0px));
-  height: 100%;
-}
-.layout-news .layout-news-content {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-width: 0%;
-}
-.layout-news .layout-news-text {
-  line-height: 1.5;
-  display: block;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  min-width: 0%;
-  font-weight: 500;
-  color: var(--primary-color-text);
-}
-.layout-news .layout-news-link {
-  margin-left: 0.5rem;
-  line-height: 1.5;
-  white-space: nowrap;
-}
-.layout-news .layout-news-link,
-.layout-news .layout-news-link:visited,
-.layout-news .layout-news-link:active {
-  color: var(--primary-color-text);
-  font-weight: 700;
-}
-.layout-news .layout-news-link:hover {
-  text-decoration: underline;
-}
-.layout-news .layout-news-close {
-  line-height: 1.5;
-  cursor: pointer;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  width: 1.5rem;
-  height: 1.5rem;
-  transition: background-color 0.3s;
-  margin-left: 0.5rem;
-  color: var(--primary-color-text);
-}
-.layout-news .layout-news-close:hover {
-  background-color: rgba(255, 255, 255, 0.2);
-}
-
-.layout-news-active .layout-topbar {
-  top: 2rem;
-}
-.layout-news-active .layout-sidebar,
-.layout-news-active .doc-section-nav {
-  top: 8rem;
-}
-.layout-news-active .layout-content {
-  padding-top: 8rem;
-}
-.layout-news-active .doc-section-label,
-.layout-news-active .doc-table tbody td .doc-option-name,
-.layout-news-active .doc-table tbody td > i {
-  scroll-margin-top: 8.5rem;
-}
-
-.layout-footer {
-  padding: 2rem 4rem;
-  margin-top: 4rem;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  font-weight: 500;
-  color: var(--text-800);
-  border-top: 1px solid var(--surface-border);
-}
-.layout-footer a {
-  color: var(--primary-color);
-  font-weight: 700;
-  transition: all 0.3s;
-  border-radius: var(--border-radius);
-}
-.layout-footer a:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}
-.layout-footer a:hover {
-  text-decoration: underline;
-}
-
-.layout-config {
-  backdrop-filter: blur(20px);
-  background-color: var(--mobile-menu-bg);
-}
-.layout-config .p-selectbutton .p-button {
-  padding: 0.5rem 1rem;
-}
-.layout-config .p-selectbutton .p-button:first-child {
-  border-top-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-}
-.layout-config .p-selectbutton .p-button:last-child {
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-}
-.layout-config button:focus-visible {
-  outline: 0 none;
-  border-color: var(--surface-500) !important;
-}
-.layout-config .grid > div {
-  padding: 1rem;
-}
-.layout-config .p-inputswitch .p-inputswitch-slider {
-  border-radius: 30px;
-}
-.layout-config .p-inputswitch .p-inputswitch-slider:before {
-  border-radius: 30px;
-}
-
-.layout-light .layout-config {
-  background: var(--surface-overlay);
-}
-
-.layout-dark .layout-config {
-  background: var(rgba(0, 0, 0, 0.3));
-  border: 0 none;
-}
-
-code[class*=language-],
-pre[class*=language-] {
-  background: none;
-  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: normal;
-  line-height: 1.5;
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
-}
-
-div.code-toolbar > .toolbar {
-  display: none;
-}
-
-pre[class*=language-] {
-  position: relative;
-  background: transparent;
-  margin: 0;
-  padding: 0;
-  max-height: 40rem;
-  overflow: auto;
-  color-scheme: dark;
-}
-pre[class*=language-]:before, pre[class*=language-]:after {
-  display: none !important;
-}
-pre[class*=language-] code {
-  border-left: 1rem solid transparent;
-  box-shadow: none;
-  margin: 0;
-  font-size: 14px;
-  border-radius: 10px;
-  color: #ffffff;
-  max-height: inherit;
-  height: inherit;
-  padding: 0 1rem;
-  display: block;
-  overflow: auto;
-}
-pre[class*=language-] code .token.comment,
-pre[class*=language-] code .token.block-comment,
-pre[class*=language-] code .token.prolog,
-pre[class*=language-] code .token.doctype,
-pre[class*=language-] code .token.cdata {
-  color: #bbf7d0;
-}
-pre[class*=language-] code .token.punctuation {
-  color: #bfdbfe;
-}
-pre[class*=language-] code .token.property,
-pre[class*=language-] code .token.tag,
-pre[class*=language-] code .token.boolean,
-pre[class*=language-] code .token.number,
-pre[class*=language-] code .token.function-name,
-pre[class*=language-] code .token.constant,
-pre[class*=language-] code .token.symbol,
-pre[class*=language-] code .token.deleted {
-  color: #93c5fd;
-}
-pre[class*=language-] code .token.selector,
-pre[class*=language-] code .token.attr-name,
-pre[class*=language-] code .token.string,
-pre[class*=language-] code .token.char,
-pre[class*=language-] code .token.function,
-pre[class*=language-] code .token.builtin,
-pre[class*=language-] code .token.inserted {
-  color: #eff6ff;
-}
-pre[class*=language-] code .token.operator,
-pre[class*=language-] code .token.entity,
-pre[class*=language-] code .token.url,
-pre[class*=language-] code .token.variable {
-  color: #ffffff;
-}
-pre[class*=language-] code .token.atrule,
-pre[class*=language-] code .token.attr-value,
-pre[class*=language-] code .token.keyword,
-pre[class*=language-] code .token.class-name {
-  color: #bbf7d0;
-}
-pre[class*=language-] code .token.regex,
-pre[class*=language-] code .token.important {
-  color: #fde68a;
-}
-pre[class*=language-] code .language-css .token.string,
-pre[class*=language-] code .style .token.string {
-  color: #fde68a;
-}
-pre[class*=language-] code .token.important {
-  font-weight: normal;
-}
-pre[class*=language-] code .token.bold {
-  font-weight: bold;
-}
-pre[class*=language-] code .token.italic {
-  font-style: italic;
-}
-pre[class*=language-] code .token.entity {
-  cursor: help;
-}
-
-.copy-to-clipboard-button {
-  display: none;
-}
-
-pre[class*=language-] code {
-  background: var(--demo-code-bg);
-}
-
-.layout-light[data-p-theme^=md] pre[class*=language-] code {
-  background: var(--surface-900);
-}
-
-.doc-tabmenu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  margin-bottom: 2rem;
-  overflow: auto;
-  position: relative;
-}
-.doc-tabmenu:after {
-  display: block;
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  border-bottom: 1px solid var(--surface-border);
-  content: "";
-}
-.doc-tabmenu li {
-  position: relative;
-  z-index: 1;
-}
-.doc-tabmenu li button {
-  background-color: transparent;
-  border: 0 none;
-  display: block;
-  padding: 0 2rem 1rem 2rem;
-  text-align: center;
-  color: var(--surface-700);
-  font-size: 1rem;
-  letter-spacing: 1px;
-  cursor: pointer;
-  margin: 0;
-  transition: all 0.2s;
-  border-bottom: 1px solid transparent;
-  border-top-right-radius: var(--border-round);
-  border-top-left-radius: var(--border-round);
-  white-space: nowrap;
-}
-.doc-tabmenu li button:hover {
-  border-bottom-color: var(--surface-500);
-}
-.doc-tabmenu li button:focus {
-  outline: 0 none;
-}
-.doc-tabmenu li button:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}
-.doc-tabmenu li.doc-tabmenu-active button {
-  border-bottom-color: var(--primary-color);
-  color: var(--primary-color);
-}
-.doc-tabmenu::-webkit-scrollbar {
-  display: none;
-}
-
-.doc-tabpanel,
-.doc {
-  display: flex;
-}
-
-.doc-main {
-  flex-grow: 1;
-  flex-shrink: 1;
-  flex-basis: 0;
-  min-width: 0;
-}
-
-.doc-intro {
-  margin-bottom: 1.5rem;
-}
-.doc-intro p {
-  font-size: 1.125rem;
-  color: var(--surface-900);
-  margin: 0;
-}
-
-.doc-section-label {
-  display: flex;
-  align-items: center;
-  scroll-margin-top: 6.5rem;
-}
-.doc-section-label > a {
-  color: var(--primary-color);
-  opacity: 0.7;
-  margin-left: 1rem;
-  display: none;
-  transition: all 0.2s;
-  border-radius: var(--border-radius);
-}
-.doc-section-label > a:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}
-.doc-section-label:hover > a {
-  display: block;
-}
-.doc-section-label:hover > a:hover {
-  opacity: 1;
-}
-
-.doc-section-description > p {
-  font-size: 1.125rem;
-  color: var(--surface-900);
-}
-.doc-section-description > p i {
-  border-radius: 6px;
-  padding: 2px 6px;
-  font-size: 1rem;
-  font-weight: 500;
-  font-style: normal;
-  background-color: var(--doc-highlight-text-bg);
-  color: var(--doc-highlight-text-color);
-}
-.doc-section-description > p a {
-  color: var(--primary-color);
-  font-weight: 500;
-  transition: all 0.2s;
-  border-radius: var(--border-radius);
-}
-.doc-section-description > p a:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}
-.doc-section-description > p a:hover {
-  text-decoration: underline;
-}
-.doc-section-description .notification {
-  line-height: 1.5;
-  padding: 1rem;
-  font-weight: 500;
-  border-radius: 10px;
-  background-color: var(--doc-highlight-text-bg);
-  color: var(--doc-highlight-text-color);
-}
-
-.doc-section-nav {
-  position: sticky;
-  top: 6rem;
-  right: 0;
-  width: 14rem;
-  max-height: calc(100vh - 15rem);
-  list-style: none;
-  margin: 0;
-  padding: 0.25rem 0;
-  margin-left: 4rem;
-  overflow-y: auto;
-  overflow-x: hidden;
-  align-self: flex-start;
-}
-.doc-section-nav > .navbar-item .navbar-item-content {
-  border-left: 1px solid var(--surface-border);
-  padding-left: 0.25rem;
-  transition: all 0.2s;
-}
-.doc-section-nav > .navbar-item .navbar-item-content:hover {
-  border-left-color: var(--surface-500);
-}
-.doc-section-nav .navbar-item > .navbar-item-content {
-  display: flex;
-}
-.doc-section-nav .navbar-item > .navbar-item-content .px-link {
-  padding: 0.25rem 1rem 0.25rem 1rem;
-  color: var(--surface-800);
-  font-weight: 400;
-  white-space: nowrap;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  transition: all 0.2s;
-}
-.doc-section-nav .navbar-item > .navbar-item-content:hover .px-link {
-  color: var(--surface-900);
-}
-.doc-section-nav .navbar-item.active-navbar-item > .navbar-item-content {
-  border-color: var(--primary-color);
-}
-.doc-section-nav .navbar-item.active-navbar-item > .navbar-item-content .px-link {
-  color: var(--primary-color);
-}
-.doc-section-nav .navbar-item ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.doc-section-nav .navbar-item ul .navbar-item .navbar-item-content {
-  padding-left: 1rem;
-}
-
-.doc-section-code {
-  position: relative;
-}
-.doc-section-code div::-webkit-scrollbar {
-  width: 5px;
-}
-.doc-section-code:not(:last-child) {
-  margin-bottom: 1rem;
-}
-.doc-section-code:hover .doc-section-code-buttons {
-  display: flex;
-}
-
-.doc-section-code-buttons {
-  position: absolute;
-  align-items: center;
-  justify-content: end;
-  z-index: 1;
-  top: 0.75rem;
-  right: 0.75rem;
-  gap: 0.5rem;
-  display: none;
-  background: rgba(255, 255, 255, 0.05);
-  border-radius: 10px;
-  padding: 2px;
-  backdrop-filter: blur(6px);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-}
-.doc-section-code-buttons button {
-  outline: 0 none;
-  border-radius: 8px;
-  outline-offset: 0;
-  background-color: transparent;
-  transition: background-color 0.2s, box-shadow 0.2s;
-  border: 0 none;
-  color: var(--demo-code-button-color);
-  cursor: pointer;
-}
-.doc-section-code-buttons button:hover {
-  background-color: var(--demo-code-button-hover-bg);
-  color: var(--demo-code-button-hover-color);
-}
-.doc-section-code-buttons button.code-active {
-  color: #bbf7d0;
-}
-
-.doc-section-code-tooltip .p-tooltip-text {
-  padding: 0.5rem;
-  font-size: 11px;
-}
-
-.doc-tablewrapper {
-  overflow: auto;
-}
-
-.doc-table {
-  border-collapse: collapse;
-  width: 100%;
-  min-width: 960px;
-  margin-bottom: 1.5rem;
-}
-.doc-table th {
-  border-bottom: 1px solid var(--surface-border);
-  padding: 0.75rem 1rem;
-  text-align: left;
-  text-transform: capitalize;
-}
-.doc-table tbody tr:hover {
-  background: var(--surface-hover);
-}
-.doc-table tbody td {
-  padding: 0.75rem 1rem;
-  border-bottom: 1px solid var(--surface-border);
-  white-space: pre-line;
-  line-height: 1.5;
-  scroll-margin-top: 6.5rem;
-}
-.doc-table tbody td:first-child {
-  color: var(--primary-color);
-  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
-  font-weight: 600;
-}
-.doc-table tbody td .doc-option-type {
-  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
-  color: var(--primary-500);
-  font-weight: 500;
-}
-.doc-table tbody td .doc-option-type .doc-option-type-options-container {
-  display: flex;
-  align-items: center;
-}
-.doc-table tbody td .doc-option-type span.doc-option-type-options {
-  color: var(--primary-700);
-}
-.doc-table tbody td .doc-option-type.doc-option-link:hover {
-  text-decoration: underline;
-}
-.doc-table tbody td .doc-option-name,
-.doc-table tbody td > i:not(.pi) {
-  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
-  position: relative;
-  scroll-margin-top: 6.5rem;
-  background-color: var(--doc-highlight-text-bg);
-  color: var(--doc-highlight-text-color);
-  border-radius: 6px;
-  padding: 2px 6px;
-  font-weight: 600;
-  font-style: normal;
-  white-space: nowrap;
-}
-.doc-table tbody td .doc-option-name .doc-option-link,
-.doc-table tbody td > i:not(.pi) .doc-option-link {
-  position: absolute;
-  top: 0;
-  right: -1.5rem;
-  color: var(--primary-color);
-  opacity: 0.7;
-  display: none;
-  transition: opacity 0.3s, colors 0.3s;
-}
-.doc-table tbody td:hover .doc-option-name .doc-option-link {
-  display: inline;
-}
-.doc-table tbody td:hover .doc-option-name .doc-option-link:hover {
-  opacity: 1;
-}
-.doc-table tbody td .doc-option-default,
-.doc-table tbody td .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-table tbody td .doc-option-parameter-name {
-  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
-  color: var(--primary-700);
-}
-.doc-table tbody td .doc-option-parameter-type {
-  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
-  color: var(--primary-500);
-}
-.doc-table tbody td .doc-option-params {
-  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
-}
-.doc-table tbody td .doc-option-light {
-  background: var(--bluegray-50);
-  border-color: var(--bluegray-100);
-}
-.doc-table tbody td .doc-option-dark {
-  background: var(--bluegray-800);
-  border-color: var(--bluegray-800);
-}
-
-.DocSearch-Button {
-  border-radius: var(--border-radius);
-  border: 1px solid var(--surface-border);
-  height: 2rem;
-  background-color: var(--surface-card);
-  margin: 0;
-  transition: all 0.3s;
-  padding: 0 0.5rem;
-}
-.DocSearch-Button:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}
-.DocSearch-Button:hover {
-  border-color: var(--primary-color);
-}
-.DocSearch-Button:hover {
-  border-color: var(--primary-color);
-  box-shadow: none;
-}
-.DocSearch-Button .DocSearch-Search-Icon {
-  width: 1rem;
-  height: 1rem;
-}
-.DocSearch-Button .DocSearch-Button-Keys {
-  overflow: hidden;
-  min-width: auto;
-  height: auto;
-  background: transparent;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: auto;
-  padding: 0;
-  gap: 2px;
-}
-.DocSearch-Button .DocSearch-Button-Keys .DocSearch-Button-Key {
-  background: transparent;
-  display: flex;
-  padding: 0;
-  margin: 0;
-  top: 0;
-  border-radius: 0;
-  height: auto;
-  width: auto;
-  font-family: var(--font-family);
-}
-.DocSearch-Button .DocSearch-Button-Keys .DocSearch-Button-Key:first-child {
-  font-size: 0.75rem;
-  line-height: normal;
-}
-.DocSearch-Button .DocSearch-Button-Keys .DocSearch-Button-Key:last-child {
-  justify-content: start;
-  align-items: center;
-  font-size: 0.75rem;
-  position: relative;
-}
-.DocSearch-Button .DocSearch-Button-Keys .DocSearch-Button-Key:last-child::before {
-  content: "\e90d";
-  display: flex;
-  color: var(--text-color);
-  font-family: "primeicons";
-  font-size: 0.4rem;
-  opacity: 0.7;
-  margin-right: 2px;
-  height: 13.5px;
-  align-items: center;
-  font-weight: 700;
-}
-
-.DocSearch-Container {
-  z-index: 1101;
-}
-
-.DocSearch-Modal {
-  border: 1px solid var(--surface-border);
-  box-shadow: none;
-}
-
-.DocSearch-Footer {
-  box-shadow: none;
-  border-top: 1px solid var(--surface-border);
-  background-color: var(--surface-overlay);
-}
-
-.DocSearch-Form {
-  background: var(--surface-card);
-  box-shadow: none;
-  border: 1px solid var(--surface-border);
-  border-radius: var(--border-radius);
-  transition: border-color 0.3s;
-}
-.DocSearch-Form:hover {
-  border-color: var(--primary-color);
-}
-.DocSearch-Form .DocSearch-MagnifierLabel, .DocSearch-Form .DocSearch-Reset {
-  color: var(--text-color);
-}
-
-.DocSearch-Hit {
-  border-bottom: 1px solid var(--surface-border);
-  padding-bottom: 0;
-  margin-bottom: 0.25rem;
-}
-
-.DocSearch-Hit-source {
-  color: var(--primary-color);
-}
-
-.DocSearch-Logo .cls-1, .DocSearch-Logo .cls-2 {
-  fill: var(--primary-color);
-}
-
-.DocSearch-Prefill {
-  color: var(--primary-color);
-}
-
-.DocSearch-Button-Placeholder {
-  text-align: center;
-  display: inline-block;
-  font-size: 0.875rem;
-}
-
-:root {
-  --docsearch-searchbox-focus-background: var(--surface-card);
-  --docsearch-text-color: var(--text-color);
-  --docsearch-muted-color: var(--text-color);
-  --docsearch-searchbox-background: var(--surface-card);
-  --docsearch-text-color: var(--text-color);
-  --docsearch-modal-background: var(--surface-overlay);
-  --docsearch-key-gradient: var(--surface-ground);
-  --docsearch-key-shadow: none;
-  --docsearch-container-background: var(--maskbg);
-  --docsearch-hit-background: var(--surface-overlay);
-  --docsearch-hit-shadow: none;
-  --docsearch-spacing: 1rem;
-  --docsearch-hit-color: var(--text-color);
-  --docsearch-highlight-color: var(--primary-color);
-  --docsearch-hit-active-color: var(--primary-color-text);
-}
-
-@media screen and (min-width: 1920px) {
-  .layout-content {
-    max-width: 1728px;
-    margin: 0 auto;
-  }
-
-  .layout-topbar-inner,
-.layout-footer {
-    max-width: 1728px;
-    margin: 0 auto;
-  }
-}
-@media screen and (max-width: 1199px) {
-  .layout-topbar-inner {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-  .layout-topbar-inner .menu-button {
-    display: block;
-  }
-  .layout-topbar-inner .layout-topbar-logo-container {
-    width: auto;
-    margin-right: 0;
-  }
-  .layout-topbar-inner .DocSearch-Button {
-    width: 2rem;
-    height: 2rem;
-    overflow: hidden;
-    padding: 0;
-    justify-content: center;
-    align-items: center;
-  }
-  .layout-topbar-inner .DocSearch-Button .DocSearch-Search-Icon {
-    width: 1rem;
-    height: 1rem;
-  }
-  .layout-topbar-inner .DocSearch-Button .DocSearch-Button-Placeholder,
-.layout-topbar-inner .DocSearch-Button .DocSearch-Button-Keys {
-    display: none;
-  }
-
-  .layout-sidebar {
-    top: 0;
-    left: 0;
-    position: fixed;
-    z-index: 1102;
-    height: 100%;
-    transform: translateX(-100%);
-    background-color: var(--mobile-menu-bg);
-    backdrop-filter: blur(20px);
-    width: 300px;
-    opacity: 0;
-  }
-  .layout-sidebar nav {
-    padding: 1rem 1rem;
-  }
-  .layout-sidebar.active {
-    opacity: 1;
-    transform: translateX(0);
-  }
-
-  .layout-news-active .layout-sidebar {
-    top: 0;
-  }
-
-  .layout-mask {
-    background-color: rgba(0, 0, 0, 0.1);
-  }
-  .layout-mask.layout-mask-active {
-    z-index: 1101;
-    width: 100%;
-    height: 100%;
-    position: fixed;
-    top: 0;
-    left: 0;
-    background-color: rgba(0, 0, 0, 0.4);
-    transition: background-color 0.5s;
-  }
-
-  .doc-section-nav {
-    display: none;
-  }
-
-  .video-container {
-    position: relative;
-    width: 100%;
-    height: 0;
-    padding-bottom: 56.25%;
-  }
-  .video-container iframe {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-
-  .layout-content {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .layout-footer {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .blocked-scroll {
-    overflow: hidden;
-    padding-right: var(--scrollbar-width);
-  }
-}
-@media (max-width: 768px) {
-  .DocSearch-Container {
-    position: fixed !important;
-  }
-}
-@media screen and (max-width: 575px) {
-  .layout-topbar-inner {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-  .layout-topbar-inner .layout-topbar-logo {
-    display: none;
-  }
-  .layout-topbar-inner .layout-topbar-icon {
-    display: inline-flex;
-  }
-
-  .layout-content {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .layout-footer {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .doc-tabmenu li {
-    flex: 1 1 0;
-  }
-  .doc-tabmenu li button {
-    width: 100%;
-    min-width: auto;
-  }
-
-  .layout-news {
-    padding-left: 1rem;
-    padding-right: 1rem;
-    font-size: 12px;
-  }
-  .layout-news > i {
-    display: none;
-  }
-}
-.landing {
-  background-color: var(--home-bg);
-  scroll-behavior: smooth;
-  padding-top: 4rem;
-}
-.landing .box {
-  border: 1px solid var(--home-border-color);
-  border-radius: 10px;
-  background-color: var(--home-box-bg);
-  position: relative;
-  z-index: 0;
-}
-.landing .box::before, .landing .box::after {
-  content: "";
-  position: absolute;
-  top: -2px;
-  left: -2px;
-  right: -2px;
-  bottom: -2px;
-  border: 2px solid var(--home-box-ring-color);
-  transition: all 0.5s;
-  animation: clippath 3s infinite linear;
-  border-radius: 10px;
-  opacity: 0;
-  z-index: -1;
-}
-.landing .box::after {
-  animation: clippath 3s infinite -1.5s linear;
-}
-.landing .box:hover::before, .landing .box:hover::after {
-  opacity: 1;
-}
-@keyframes clippath {
-  0%, 100% {
-    clip-path: inset(0 0 98% 0);
-  }
-  25% {
-    clip-path: inset(0 98% 0 0);
-  }
-  50% {
-    clip-path: inset(98% 0 0 0);
-  }
-  75% {
-    clip-path: inset(0 0 0 98%);
-  }
-}
-.landing .linkbox {
-  transition: background-color 0.2s, border-color 0.2s;
-  display: inline-flex;
-  align-items: center;
-  color: var(--home-linkbox-text-color);
-  padding: 0.5rem 1rem;
-  border: var(--home-linkbox-border);
-  background-color: var(--home-linkbox-bg);
-  border-radius: 10px;
-  cursor: pointer;
-}
-.landing .linkbox:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}
-.landing .linkbox:hover {
-  background: var(--home-linkbox-hover-bg);
-}
-.landing .linkbox.active {
-  background: var(--home-highlight-color);
-  color: var(--home-highlight-fore-color);
-}
-.landing .linkbox.active:hover {
-  background: var(--home-highlight-darker-color);
-}
-.landing .section-header {
-  font-size: 2rem;
-  color: var(--home-primary-text-color);
-  font-weight: 700;
-  text-align: center;
-  padding: 0 2rem;
-}
-.landing .section-detail {
-  text-align: center;
-  color: var(--home-secondary-text-color);
-  font-weight: 500;
-  font-size: 1.25rem;
-  margin: 1.5rem 0 0 0;
-  padding: 0 2rem;
-}
-.landing .section-divider {
-  border: 1px solid var(--home-border-color);
-  height: 1px;
-  border-bottom: 0 none;
-  overflow: hidden;
-}
-.landing.layout-news-active {
-  padding-top: 6rem;
-}
-
-.text-secondary {
-  color: var(--home-secondary-text-color);
-}
-
-.hover\:surface-hover:hover {
-  background-color: var(--surface-hover);
-}
-
-.landing-footer-container {
-  max-width: 1250px !important;
-  margin-left: auto !important;
-  margin-right: auto !important;
-}
-
-.animated-text {
-  position: relative;
-  color: var(--home-text-color);
-  padding: 0.25rem 0.5rem;
-  border-radius: var(--border-radius);
-  display: inline-block;
-  width: 14.45rem;
-}
-.animated-text::before {
-  border-radius: var(--border-radius);
-  animation: color-animation 2s linear infinite;
-  background-size: auto auto;
-  background-clip: border-box;
-  background-size: 200% auto;
-  content: "";
-  width: 14.45rem;
-  height: 1.5rem;
-  position: absolute;
-  z-index: 0;
-  background-image: linear-gradient(-225deg, var(--blue-400) 30%, var(--cyan-400) 60%, var(--purple-400) 80%);
-  filter: blur(24px);
-  opacity: 0.6;
-}
-.animated-text > span {
-  position: relative;
-  z-index: 3;
-  background-image: linear-gradient(-225deg, var(--blue-400) 30%, var(--cyan-400) 60%, var(--purple-400) 80%);
-  animation: color-animation 2s linear infinite;
-  background-size: auto auto;
-  background-clip: border-box;
-  background-size: 200% auto;
-  background-clip: text;
-  text-fill-color: transparent;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-
-@keyframes color-animation {
-  40%, 100% {
-    background-position: -200% center;
-  }
-}
-@keyframes scroll {
-  0% {
-    transform: translateX(0%);
-  }
-  100% {
-    transform: translateX(calc(-100% - 3rem));
-  }
-}
-.landing-hero .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-  background: transparent;
-}
-.landing-hero .box {
-  box-shadow: var(--home-card-shadow);
-}
-
-@media screen and (min-width: 1660px) {
-  .landing-hero {
-    width: 1504px !important;
-    margin-left: auto !important;
-    margin-right: auto !important;
-  }
-}
-.landing-users .fade-right {
-  background: linear-gradient(to left, var(--home-bg), transparent);
-}
-.landing-users .fade-left {
-  background: linear-gradient(to right, var(--home-bg), transparent);
-}
-.landing-users .section-detail {
-  max-width: 1250px !important;
-  margin-left: auto !important;
-  margin-right: auto !important;
-}
-.landing-users .users-container {
-  max-width: 1250px !important;
-  margin-left: auto !important;
-  margin-right: auto !important;
-}
-.landing-users .users-container .marquee-wrapper {
-  user-select: none;
-  gap: 3rem;
-  justify-content: center;
-  align-items: center;
-  flex-shrink: 0;
-}
-.landing-users .users-container .marquee {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-  gap: 3rem;
-  min-width: 100%;
-  animation: scroll 30s linear infinite;
-}
-.landing-users .users-container .marquee > div {
-  max-width: clamp(10rem, 1rem + 28vmin, 20rem);
-  aspect-ratio: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 8rem;
-}
-.landing-users .users-container .marquee.marquee-reverse {
-  animation-direction: reverse;
-  animation-delay: -15s;
-}
-
-.landing-getstarted .download-icon {
-  color: var(--home-highlight-color);
-}
-.landing-getstarted .download-box span {
-  color: var(--home-primary-text-color);
-}
-
-.landing-themes .table-container {
-  width: 1250px;
-  box-shadow: var(--home-card-shadow);
-}
-
-.landing-blocks {
-  background: var(--home-blocks-bg);
-}
-.landing-blocks * {
-  box-sizing: content-box;
-}
-.landing-blocks .prime-blocks {
-  transform: rotateX(55deg) rotateY(0deg) rotateZ(-45deg);
-  margin: -12rem 0;
-}
-.landing-blocks .prime-blocks.blocks-animation .prime-block .block-sidebar,
-.landing-blocks .prime-blocks.blocks-animation .prime-block .block-header,
-.landing-blocks .prime-blocks.blocks-animation .prime-block .block-sidebar-list,
-.landing-blocks .prime-blocks.blocks-animation .prime-block .block-content {
-  opacity: 1;
-  visibility: visible;
-  transform: scale(1);
-}
-.landing-blocks .prime-blocks .prime-block {
-  background: var(--home-blocks-block-bg);
-  box-shadow: var(--home-blocks-block-shadow);
-  border-left: var(--home-blocks-border-left);
-  border-bottom: var(--home-blocks-border-bottom);
-  border-radius: 10px;
-  height: 300px;
-  width: 600px;
-  position: relative;
-  z-index: 1;
-  margin: 15px;
-  transition: opacity 1.3s, transform 1.3s;
-}
-.landing-blocks .prime-blocks .prime-block .block-sidebar,
-.landing-blocks .prime-blocks .prime-block .block-header,
-.landing-blocks .prime-blocks .prime-block .block-sidebar-list,
-.landing-blocks .prime-blocks .prime-block .block-content {
-  transition: opacity 1.3s, transform 1.3s;
-  opacity: 0;
-  visibility: hidden;
-  transform: scale(0.9);
-}
-.landing-blocks .prime-blocks .prime-block:before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  border-radius: 6px;
-  border: var(--home-blocks-border);
-}
-.landing-blocks .prime-blocks .prime-block .block-sidebar,
-.landing-blocks .prime-blocks .prime-block .block-header {
-  background: var(--home-blocks-sidebar-bg);
-  border-radius: 6px;
-}
-.landing-blocks .prime-blocks .prime-block .block-sidebar-list {
-  background: var(--home-blocks-list-bg);
-}
-.landing-blocks .prime-blocks .prime-block .block-content .block-main {
-  border: var(--home-blocks-main-border);
-  border-radius: 13px;
-  background: var(--home-blocks-main-bg);
-}
-.landing-blocks .prime-blocks .block-item {
-  background: var(--home-blocks-item-bg);
-  border-radius: 6px;
-  padding: 1rem;
-  transition: transform 1s, box-shadow 1s;
-  overflow: hidden;
-  transform: translateY(0);
-}
-.landing-blocks .prime-blocks .block-item .box {
-  border-radius: 4px;
-  width: 14px;
-  height: 14px;
-}
-.landing-blocks .prime-blocks .block-item .box.box-orange {
-  background-color: #F57C00;
-}
-.landing-blocks .prime-blocks .block-item .box.box-pink {
-  background-color: #E91E63;
-}
-.landing-blocks .prime-blocks .block-item .box.box-green {
-  background-color: #4CAF50;
-}
-.landing-blocks .prime-blocks .block-item .box.box-blue {
-  background-color: #2196F3;
-}
-.landing-blocks .prime-blocks .block-item .block-image {
-  background-color: var(--home-blocks-image-bg);
-  height: 44px;
-}
-.landing-blocks .prime-blocks .block-item .text {
-  display: block;
-  font-size: 24px;
-  font-weight: 700;
-  color: var(--home-blocks-text-color);
-}
-.landing-blocks .prime-blocks .block-item.block-item-active {
-  box-shadow: var(--home-blocks-active-shadow);
-  border-radius: 6px;
-  border-top: var(--home-blocks-active-border-top);
-  border-right: var(--home-blocks-active-border-right);
-  border-bottom: var(--home-blocks-active-border-bottom);
-  border-left: var(--home-blocks-active-border-left);
-  position: relative;
-  z-index: 5;
-  animation: block-animation 1500ms ease-in-out alternate infinite;
-}
-.landing-blocks .prime-blocks .block-item.block-item-active.animation-2 {
-  animation-delay: 1s;
-}
-.landing-blocks .prime-blocks .block-item.block-item-active.animation-3 {
-  animation-delay: 1.5s;
-}
-.landing-blocks .prime-blocks .block-item.block-item-col {
-  background: none !important;
-  border: none;
-  padding: 12px 0;
-}
-.landing-blocks .prime-blocks .block-item.block-item-table {
-  border-radius: 100px;
-  padding: 10px;
-}
-.landing-blocks .prime-blocks .block-item.block-item-table .bar {
-  background: var(--home-blocks-tablebar-bg);
-}
-.landing-blocks .prime-blocks .bar {
-  background: var(--home-blocks-bar-bg);
-  height: 6px;
-  border-radius: 10px;
-}
-.landing-blocks .prime-blocks .bar.bar-highlight {
-  background: var(--home-highlight-color);
-}
-.landing-blocks .prime-blocks .bar.bar-highlight:before {
-  background: var(--home-highlight-fore-color) !important;
-}
-.landing-blocks .prime-blocks .bar.bar-button {
-  height: 16px;
-  position: relative;
-}
-.landing-blocks .prime-blocks .bar.bar-button:before {
-  content: "";
-  position: absolute;
-  top: 6px;
-  left: 10px;
-  right: 10px;
-  bottom: 6px;
-  height: 3px;
-  border-radius: 6px;
-  background: var(--home-blocks-bar-button-bg);
-}
-.landing-blocks .prime-blocks .circle {
-  width: 18px;
-  height: 18px;
-  border-radius: 100%;
-  background: var(--home-blocks-circle-bg);
-}
-.landing-blocks .prime-blocks .circle.circle-small {
-  width: 8px;
-  height: 8px;
-}
-.landing-blocks .prime-blocks .circle.circle-medium {
-  width: 14px;
-  height: 14px;
-}
-.landing-blocks .prime-blocks .circle.circle-highlight {
-  background: var(--home-highlight-color);
-}
-
-@media screen and (max-width: 1199px) {
-  .landing-blocks .prime-blocks {
-    margin: -24rem 0;
-    transform: rotateX(55deg) rotateY(0deg) rotateZ(-45deg) scale(0.6);
-  }
-}
-@keyframes block-animation {
-  to {
-    transform: translateY(-10px) translateX(10px) scale(1.02);
-    box-shadow: var(--home-blocks-animation-shadow);
-  }
-}
-.landing-templates {
-  overflow: hidden;
-  background: var(--home-templates-bg);
-}
-.landing-templates .templates {
-  transform: rotateX(55deg) rotateY(0deg) rotateZ(-45deg);
-  position: relative;
-  z-index: 1;
-}
-.landing-templates .templates .template-block {
-  width: 504px;
-  height: 257px;
-  background-size: cover;
-  border-radius: 6px;
-  overflow: hidden;
-  box-shadow: var(--home-templates-block-shadow);
-  border-left: var(--home-templates-block-border-left);
-  border-bottom: var(--home-templates-block-border-bottom);
-  position: relative;
-  z-index: 1;
-  transition: 1.5s;
-  opacity: 0;
-  visibility: hidden;
-}
-.landing-templates .templates .template-block.block-1 {
-  animation: animated-block-1 2s ease-in-out alternate infinite;
-}
-.landing-templates .templates .template-block.block-2 {
-  animation: animated-block-2 2s 0.2s ease-in-out alternate infinite;
-}
-.landing-templates .templates .template-block.block-middle {
-  transform: scale(0.9);
-}
-.landing-templates .templates .template-block.block-3 {
-  animation: animated-block-1 2s 0.4s ease-in-out alternate infinite;
-}
-.landing-templates .templates .template-block.block-4 {
-  animation: animated-block-2 2s 0.6s ease-in-out alternate infinite;
-}
-.landing-templates .templates .template-block.block-5 {
-  animation: animated-block-1 2s 0.8s ease-in-out alternate infinite;
-}
-.landing-templates .templates .template-block.block-6 {
-  animation: animated-block-2 2s 1s ease-in-out alternate infinite;
-}
-.landing-templates .templates .template-block:hover:before {
-  opacity: 1;
-}
-.landing-templates .templates .template-block:hover .templates-btn {
-  transform: scale(1);
-  opacity: 1;
-  visibility: visible;
-}
-.landing-templates .templates .template-block:before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: -1;
-  transition: 0.4s;
-  opacity: 0;
-  background-color: var(--home-templates-block-hover-bg);
-}
-.landing-templates .templates .template-block .templates-btn {
-  transition: 0.4s;
-  opacity: 0;
-  visibility: hidden;
-  transform: scale(0.4);
-  background: var(--home-templates-btn-bg);
-  border-radius: 30px;
-  padding: 8px 10px;
-  color: var(--home-templates-btn-text-color);
-  font-size: 14px;
-  text-decoration: none;
-  box-shadow: var(--home-templates-btn-shadow);
-  border-top: var(--home-templates-btn-border-top);
-  border-right: var(--home-templates-btn-border-right);
-  border-left: var(--home-templates-btn-border-left);
-  border-bottom: var(--home-templates-btn-border-bottom);
-}
-.landing-templates .templates .template-block.border-none {
-  box-shadow: none;
-}
-.landing-templates .templates .template-block.border-none:before {
-  display: none;
-}
-.landing-templates .templates .template-block .img-1 {
-  opacity: 0;
-  visibility: hidden;
-  transition: 1s;
-  transform: scale(0.4);
-  transition-delay: 0.8s;
-}
-.landing-templates .templates .template-block .img-2 {
-  opacity: 0;
-  visibility: hidden;
-  transition: 1s;
-  transform: scale(0.4);
-  transition-delay: 1.1s;
-}
-.landing-templates .templates .lines {
-  opacity: 0;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 0%;
-  height: 100%;
-  z-index: -1;
-  transition: 2s;
-}
-.landing-templates .templates .lines .top {
-  position: absolute;
-  top: 0;
-  left: 50%;
-  transform: translate(-50%, -25%);
-  z-index: -1;
-  display: flex;
-  width: 800px;
-  height: 200%;
-  align-items: center;
-  justify-content: space-between;
-}
-.landing-templates .templates .lines .top span {
-  display: block;
-  width: 1px;
-  height: 100%;
-  background: var(--home-templates-line);
-}
-.landing-templates .templates .lines .left {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  transform: translateY(-50%);
-  z-index: -1;
-  width: 100%;
-  height: 800px;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  justify-content: space-between;
-}
-.landing-templates .templates .lines .left span {
-  display: block;
-  width: 100%;
-  height: 1px;
-  background: var(--home-templates-line);
-}
-.landing-templates .templates.templates-animation .template-block {
-  opacity: 1;
-  visibility: visible;
-  transition: none !important;
-}
-.landing-templates .templates.templates-animation .block-middle .theme-mode, .landing-templates .templates.templates-animation .block-middle img {
-  opacity: 1;
-  visibility: visible;
-  transform: scale(1);
-  transition: none !important;
-}
-.landing-templates .templates.templates-animation .lines {
-  opacity: 0.5;
-  width: 100%;
-}
-
-@media screen and (max-width: 1199px) {
-  .landing-templates .templates .template-block {
-    width: 336px;
-    height: 171px;
-    border: none !important;
-  }
-}
-@media screen and (max-width: 991px) {
-  .landing-templates .templates {
-    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-  }
-  .landing-templates .templates .template-block {
-    width: 336px;
-    height: 171px;
-    border: none !important;
-    animation: none !important;
-    margin-right: 0 !important;
-    margin-left: 0 !important;
-  }
-  .landing-templates .templates .lines {
-    display: none;
-  }
-}
-@media screen and (max-width: 767px) {
-  .landing-templates .templates {
-    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-  }
-  .landing-templates .templates .template-block {
-    width: 354px;
-    height: 180px;
-  }
-}
-@keyframes animated-block-1 {
-  to {
-    transform: translateX(-10px);
-  }
-}
-@keyframes animated-block-2 {
-  to {
-    transform: translateX(10px);
-  }
-}
-.landing-features .box {
-  box-shadow: var(--home-features-card-shadow);
-}
-.landing-features .features-container {
-  max-width: 1250px !important;
-  margin-left: auto !important;
-  margin-right: auto !important;
-}
-
-.landing-footer a:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}
diff --git a/src/assets/showcase/styles/layout/layout.scss b/src/assets/showcase/styles/layout/layout.scss
deleted file mode 100644
index 1d79016..0000000
--- a/src/assets/showcase/styles/layout/layout.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-@charset 'UTF-8';
-
-@import './variables/_variables';
-@import './_mixins';
-@import './_core';
-@import './_glow';
-@import './_topbar';
-@import './_sidebar';
-@import './_content';
-@import './_news';
-@import './_footer';
-@import './_config';
-@import './_code';
-@import './_doc';
-@import './_docsearch';
-@import './_responsive';
-@import './landing/_landing';
diff --git a/src/assets/showcase/styles/layout/variables/_variables.scss b/src/assets/showcase/styles/layout/variables/_variables.scss
deleted file mode 100644
index 82efa8d..0000000
--- a/src/assets/showcase/styles/layout/variables/_variables.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-@import './landing/_light';
-@import './landing/_dark';
-@import './main/_light';
-@import './main/_dark';
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/variables/landing/_dark.scss b/src/assets/showcase/styles/layout/variables/landing/_dark.scss
deleted file mode 100644
index cf89c25..0000000
--- a/src/assets/showcase/styles/layout/variables/landing/_dark.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-.landing.layout-dark {
-    --home-highlight-color:#60a5fa;
-    --home-highlight-darker-color:#93c5fd;
-    --home-highlight-fore-color:#030712;
-    --home-bg:#111827;
-    --home-border-color:#424b57;
-    --home-primary-text-color:#ffffff;
-    --home-secondary-text-color:rgba(255,255,255,.6);
-    --home-card-shadow:0px 50px 100px rgba(0, 0, 0, 0.25);
-    --home-box-bg:#1f2937;
-    --home-linkbox-bg:rgba(255, 255, 255, .05);
-    --home-linkbox-border:1px solid rgba(255, 255, 255, .1);
-    --home-linkbox-text-color:#ffffff;
-    --home-linkbox-hover-bg:rgba(255, 255, 255, .1);
-    --home-blocks-bg:transparent;
-    --home-blocks-block-bg:#111827;
-    --home-blocks-block-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.25) , 0px 4px 25px rgba(0, 0, 0, 0.25);
-    --home-blocks-border-left:5px solid #1f2937;
-    --home-blocks-border-bottom:7px solid #1f2937;
-    --home-blocks-border:1px solid #424b57;
-    --home-blocks-sidebar-bg:#1f2937;
-    --home-blocks-list-bg:#28323f;
-    --home-blocks-main-bg:#111827;
-    --home-blocks-main-border:1px solid #424b57;
-    --home-blocks-item-bg:#1f2937;
-    --home-blocks-image-bg:#28323f;
-    --home-blocks-text-color:#4b5563;
-    --home-blocks-active-shadow:0px 30px 50px 0px rgba(0, 0, 0, 0.25);
-    --home-blocks-active-border-top:1px solid #424b57;
-    --home-blocks-active-border-right:1px solid #424b57;
-    --home-blocks-active-border-bottom:6px solid #424b57;
-    --home-blocks-active-border-left:4px solid #424b57;
-    --home-blocks-animation-shadow:0px 30px 50px 20px rgba(0, 0, 0, 0.25);
-    --home-blocks-tablebar-bg:#4b5563;
-    --home-blocks-bar-bg:#4b5563;
-    --home-blocks-bar-button-bg:#ffffff;
-    --home-blocks-circle-bg:#4b5563;
-    --home-templates-bg:transparent;
-    --home-templates-block-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.25);
-    --home-templates-block-border-left:5px solid #424b57;
-    --home-templates-block-border-bottom:7px solid #424b57;
-    --home-templates-line:rgba(255,255,255,.1);
-    --home-templates-block-hover-bg:rgba(255,255,255,.1);
-    --home-templates-btn-bg:#1f2937;
-    --home-templates-btn-text-color:#ffffff;
-    --home-templates-btn-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.25);
-    --home-templates-btn-border-top:1px solid #424b57;
-    --home-templates-btn-border-right:1px solid #424b57;
-    --home-templates-btn-border-bottom:4px solid #424b57;
-    --home-templates-btn-border-left:3px solid #424b57;
-    --home-features-card-shadow: none;
-    --home-box-ring-color: rgba(96, 165, 250, 0.3);
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/variables/landing/_light.scss b/src/assets/showcase/styles/layout/variables/landing/_light.scss
deleted file mode 100644
index a7a17d5..0000000
--- a/src/assets/showcase/styles/layout/variables/landing/_light.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-.landing.layout-light {
-    --home-highlight-color:#3B82F6;
-    --home-highlight-darker-color:#2563eb;
-    --home-highlight-fore-color:#ffffff;
-    --home-bg:#F9FAFB;
-    --home-border-color:rgba(0,0,0,.1);
-    --home-primary-text-color:#030712;
-    --home-secondary-text-color:#6b7280;
-    --home-card-shadow:0px 7px 15px 0px rgba(0, 0, 0, 0.02), 0px 28px 28px 0px rgba(0, 0, 0, 0.02), 0px 63px 38px 0px rgba(0, 0, 0, 0.01);
-    --home-box-bg:#ffffff;
-    --home-linkbox-bg:#ffffff;
-    --home-linkbox-border:1px solid rgba(0,0,0,.1);
-    --home-linkbox-text-color:#030712;
-    --home-linkbox-hover-bg:#e5e7eb;
-    --home-blocks-bg:transparent;
-    --home-blocks-block-bg:#ffffff;
-    --home-blocks-block-shadow:-10px 4px 10px 0px rgba(0, 0, 0, .1), -10px 4px 25px rgba(0, 0, 0, .1);
-    --home-blocks-border-left:5px solid rgba(0,0,0,.1);
-    --home-blocks-border-bottom:7px solid rgba(0,0,0,.1);
-    --home-blocks-border:1px solid rgba(0,0,0,.1);
-    --home-blocks-sidebar-bg:#f3f4f6;
-    --home-blocks-list-bg:#f9fafb;
-    --home-blocks-main-bg:#ffffff;
-    --home-blocks-main-border:1px solid rgba(0,0,0,.1);
-    --home-blocks-item-bg:#f4f5f7;
-    --home-blocks-image-bg:#e5e7eb;
-    --home-blocks-text-color:#d1d5db;
-    --home-blocks-active-shadow:0px 30px 50px 0px rgba(0, 0, 0, .1);
-    --home-blocks-active-border-top:1px solid rgba(0,0,0,.07);
-    --home-blocks-active-border-right:1px solid rgba(0,0,0,.07);
-    --home-blocks-active-border-bottom:4px solid rgba(0,0,0,.07);
-    --home-blocks-active-border-left:4px solid rgba(0,0,0,.07);
-    --home-blocks-animation-shadow:0px 30px 50px 10px rgba(0, 0, 0, .2);
-    --home-blocks-tablebar-bg:#d1d5db;
-    --home-blocks-bar-bg:#d1d5db;
-    --home-blocks-bar-button-bg:#ffffff;
-    --home-blocks-circle-bg:#c7cad0;
-    --home-templates-bg:transparent;
-    --home-templates-block-shadow:0px 5px 10px 0px rgba(0,0,0,.1);
-    --home-templates-block-border-left:5px solid #d1d5db;
-    --home-templates-block-border-bottom:7px solid #d1d5db;
-    --home-templates-line:rgba(0,0,0,.1);
-    --home-templates-block-hover-bg:rgba(0, 0, 0, 0.2);
-    --home-templates-btn-bg:rgba(0, 0, 0, 0.5);
-    --home-templates-btn-text-color:#ffffff;
-    --home-templates-btn-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.5);
-    --home-templates-btn-border-top:1px solid rgba(0,0,0,.1);
-    --home-templates-btn-border-right:1px solid rgba(0,0,0,.1);
-    --home-templates-btn-border-bottom:4px solid rgba(0,0,0,.1);
-    --home-templates-btn-border-left:3px solid rgba(0,0,0,.1);
-    --home-features-card-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.02), 0px 28px 28px 0px rgba(0, 0, 0, 0.02), 0px 63px 38px 0px rgba(0, 0, 0, 0.01);
-    --home-box-ring-color: var(--primary-100);
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/variables/main/_dark.scss b/src/assets/showcase/styles/layout/variables/main/_dark.scss
deleted file mode 100644
index 1de7854..0000000
--- a/src/assets/showcase/styles/layout/variables/main/_dark.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-.layout-dark {
-    --primary-color-default:var(--primary-400);
-    --primary-color-inverse-default:var(--gray-900);
-    --topbar-sticky-bg:rgba(0,0,0,.3);
-    --card-border: 0 none;
-    --card-bg: var(--surface-card);
-    --glow-image: url(https://www.primefaces.org/cdn/primeng/images/layout/pattern.png), radial-gradient(50% 50% at center -25px, var(--primary-color) 0%, #000000 100%);
-    --glow-blend: hard-light, color-dodge;
-    --topbar-border: var(--surface-border);
-    --mobile-menu-bg: rgba(0,0,0,.3);
-    --demo-code-bg: var(--surface-card);
-    --demo-code-button-color: var(--surface-500);
-    --demo-code-button-hover-bg: rgba(255,255,255,.1);
-    --demo-code-button-hover-color: var(--surface-700);
-    --doc-highlight-text-bg: var(--surface-50);
-    --doc-highlight-text-color: var(--surface-500);
-}
\ No newline at end of file
diff --git a/src/assets/showcase/styles/layout/variables/main/_light.scss b/src/assets/showcase/styles/layout/variables/main/_light.scss
deleted file mode 100644
index 994d11b..0000000
--- a/src/assets/showcase/styles/layout/variables/main/_light.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-.layout-light {
-    --primary-color-default:var(--primary-600);
-    --primary-color-inverse-default:var(--surface-0);
-    --topbar-sticky-bg:rgba(255,255,255,.7);
-    --card-border: 1px solid var(--surface-border);
-    --card-bg: var(--surface-card);
-    --glow-image: url(https://www.primefaces.org/cdn/primeng/images/layout/pattern.png);
-    --glow-blend: hard-light, multiply;
-    --topbar-border: rgba(0,0,0,.05);
-    --mobile-menu-bg: var(--surface-overlay);
-    // был ужасный цвет для блока с кодом, взял оригинальный цвет
-    --demo-code-bg: #1e293b;
-    --demo-code-button-color: var(--surface-300);
-    --demo-code-button-hover-bg: rgba(255,255,255,.1);
-    --demo-code-button-hover-color: var(--surface-100);
-    --doc-highlight-text-bg: var(--surface-200);
-    --doc-highlight-text-color: var(--surface-700);
-}
diff --git a/src/assets/showcase/styles/primeng.css b/src/assets/showcase/styles/primeng.css
deleted file mode 100644
index 85d958d..0000000
--- a/src/assets/showcase/styles/primeng.css
+++ /dev/null
@@ -1,11 +0,0 @@
-@import '../../../app/components/common/common.css';
-@import '../../../app/components/badge/badge.css';
-@import '../../../app/components/button/button.css';
-@import '../../../app/components/checkbox/checkbox.css';
-@import '../../../app/components/colorpicker/colorpicker-images.css';
-@import '../../../app/components/inputtext/inputtext.css';
-@import '../../../app/components/inputtextarea/inputtextarea.css';
-@import '../../../app/components/password/password.css';
-@import '../../../app/components/radiobutton/radiobutton.css';
-@import '../../../app/components/ripple/ripple.css';
-@import '../../../app/components/tooltip/tooltip.css';
\ No newline at end of file
diff --git a/src/assets/showcase/styles/splash.css b/src/assets/showcase/styles/splash.css
deleted file mode 100644
index a8943bb..0000000
--- a/src/assets/showcase/styles/splash.css
+++ /dev/null
@@ -1,69 +0,0 @@
-.splash-logo {
-    left: 50%;
-    top: 50%;
-    margin-left: -26px;
-    margin-top: -26px;
-    z-index: 2;
-    position: absolute;
-    width: 54px;
-}
-
-.splash-loader,
-.splash-loader:before,
-.splash-loader:after {
-  left: 50%;
-  top: 50%;
-  margin-left: -45px;
-  margin-top: -45px;
-  position: absolute;
-  vertical-align: middle;
-  background: #c3002f;
-  width: 90px;
-  height: 90px;
-  border-radius: 50%;
-  z-index: 1;
-}
-
-.splash-loader {
-    background: transparent;
-}
-
-.splash-loader:before {
-  content: "";
-  animation: bounce 1.5s infinite;
-}
-.splash-loader:after {
-  content: "";
-  animation: bounce 1.5s -0.4s infinite;
-}
-
-@keyframes bounce {
-        0% {
-        transform: scale(0.3);
-        -webkit-transform: scale(0.3);
-        opacity: 1;
-    }
-    100% {
-        transform: scale(2);
-        -webkit-transform: scale(2);
-        opacity: 0;
-    }
-}
-
-@-webkit-keyframes bounce {
-    0% {
-        transform: scale(0.3);
-        -webkit-transform: scale(0.3);
-        opacity: 1;
-    }
-    100% {
-        transform: scale(2);
-        -webkit-transform: scale(2);
-        opacity: 0;
-    }
-}
-
-.splash-screen {
-    background-color: #f3f3f3;
-    height: 100%;
-}
diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts
deleted file mode 100644
index 90df4d2..0000000
--- a/src/environments/environment.prod.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const environment = {
-    production: true,
-    apiUrl: 'https://www.primefaces.org/data/customers'
-};
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
deleted file mode 100644
index 642d013..0000000
--- a/src/environments/environment.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
-export const environment = {
-    production: false,
-    apiUrl: 'https://www.primefaces.org/data/customers'
-};
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/dist/zone-error';  // Included with Angular CLI.
diff --git a/src/index.html b/src/index.html
index 2564c00..6ed493c 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,27 +1,13 @@
 <!doctype html>
 <html lang="en">
-    <head>
-        <title>PrimeNG</title>
-        <base href="/" />
-        <meta charset="utf-8" />
-        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover" />
-        <link rel="preconnect" href="https://primeng.org" />
-        <link rel="preconnect" href="https://primefaces.org" />
-        <link rel="icon" type="image/x-icon" href="https://primefaces.org/cdn/primeng/images/favicon.png" />
-        <link rel="stylesheet" href="/assets/showcase/styles/splash.css" />
-        <link rel="stylesheet" href="https://public-static.cdek.ru/ek5-common/fonts/roboto/roboto.css" />
-        <!--  id="theme-link" нужен, чтобы работало переключение тем  -->
-        <link id="theme-link" rel="stylesheet" href="/assets/components/themes/ek5-light-primary/theme.css" />
-
-        <meta property="og:image" content="https://primefaces.org/static/social/primeng-preview.jpg" />
-    </head>
-
-    <body>
-        <app-root>
-            <div class="splash-screen">
-                <div class="splash-loader"></div>
-                <img class="splash-logo" src="https://primefaces.org/cdn/primeng/images/primeng.svg" />
-            </div>
-        </app-root>
-    </body>
+  <head>
+    <meta charset="utf-8" />
+    <title>AngularUiKit</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  </head>
+  <body>
+    <app-root></app-root>
+  </body>
 </html>
diff --git a/src/main.server.ts b/src/main.server.ts
deleted file mode 100644
index 50caff2..0000000
--- a/src/main.server.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from 'src/app/showcase/layout/app.component';
-import { config } from 'src/app/showcase/layout/app.config.server';
-
-const bootstrap = () => bootstrapApplication(AppComponent, config);
-
-export default bootstrap;
diff --git a/src/main.ts b/src/main.ts
index abb49b8..190f341 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app/showcase/layout/app.component';
-import { appConfig } from './app/showcase/layout/app.config';
+import { appConfig } from './app/app.config';
+import { App } from './app/app';
 
-bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err));
+bootstrapApplication(App, appConfig).catch((err) => console.error(err));
diff --git a/src/polyfills.ts b/src/polyfills.ts
deleted file mode 100644
index e4555ed..0000000
--- a/src/polyfills.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-/**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
- *
- * This file is divided into 2 sections:
- *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
- *      file.
- *
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes recent versions of Safari, Chrome (including
- * Opera), Edge on the desktop, and iOS and Chrome on mobile.
- *
- * Learn more in https://angular.io/guide/browser-support
- */
-
-/***************************************************************************************************
- * BROWSER POLYFILLS
- */
-
-/**
- * By default, zone.js will patch all possible macroTask and DomEvents
- * user can disable parts of macroTask/DomEvents patch by setting following flags
- * because those flags need to be set before `zone.js` being loaded, and webpack
- * will put import in the top of bundle, so user need to create a separate file
- * in this directory (for example: zone-flags.ts), and put the following flags
- * into that file, and then add the following code before importing zone.js.
- * import './zone-flags';
- *
- * The flags allowed in zone-flags.ts are listed here.
- *
- * The following flags will work for all browsers.
- *
- * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
- * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
- * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
- *
- *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- *  with the following flag, it will bypass `zone.js` patch for IE/Edge
- *
- *  (window as any).__Zone_enable_cross_context_check = true;
- *
- */
-
-/***************************************************************************************************
- * Zone JS is required by default for Angular itself.
- */
-import 'zone.js'; // Included with Angular CLI.
-
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */
diff --git a/src/prime-preset/map-tokens.ts b/src/prime-preset/map-tokens.ts
new file mode 100644
index 0000000..4957dfd
--- /dev/null
+++ b/src/prime-preset/map-tokens.ts
@@ -0,0 +1,43 @@
+import { Preset } from '@primeuix/themes/types';
+import type { AuraBaseDesignTokens } from '@primeuix/themes/aura/base';
+
+import primitive from './tokens/primitive-default.json';
+import semantic from './tokens/semantic-default.json';
+import components from './tokens/components-default.json';
+import themeLight from './tokens/theme-light.json';
+import themeDark from './tokens/theme-dark.json';
+import sizingBase from './tokens/sizing-base.json';
+import sizingSm from './tokens/sizing-sm.json';
+import sizingLg from './tokens/sizing-lg.json';
+import sizingXlg from './tokens/sizing-xlg.json';
+
+const presetTokens: Preset<AuraBaseDesignTokens> = {
+  primitive,
+  semantic,
+  components
+};
+
+if (presetTokens?.semantic) {
+  presetTokens.semantic.colorScheme = {
+    light: themeLight,
+    dark: themeDark
+  };
+}
+
+presetTokens.semantic = { ...presetTokens.semantic, ...sizingBase };
+
+const semanticLink: Record<string, any> = presetTokens.semantic;
+
+function applySizing(semantic: Record<string, any>, sizing: Record<string, any>, sizeKey: 'sm' | 'lg' | 'xlg') {
+  Object.keys(sizing).forEach((key) => {
+    if (semantic[key]) {
+      semantic[key][sizeKey] = sizing[key]?.root ?? sizing[key];
+    }
+  });
+}
+
+applySizing(semanticLink, sizingSm, 'sm');
+applySizing(semanticLink, sizingLg, 'lg');
+applySizing(semanticLink, sizingXlg, 'xlg');
+
+export default presetTokens;
diff --git a/src/prime-preset/theme.preset.ts b/src/prime-preset/theme.preset.ts
new file mode 100644
index 0000000..7b05437
--- /dev/null
+++ b/src/prime-preset/theme.preset.ts
@@ -0,0 +1,8 @@
+import { definePreset } from '@primeng/themes';
+import Aura from '@primeng/themes/aura';
+
+import presetTokens from './map-tokens';
+
+const Preset = definePreset(Aura, presetTokens);
+
+export default Preset;
diff --git a/src/prime-preset/tokens/components-default.json b/src/prime-preset/tokens/components-default.json
new file mode 100644
index 0000000..5d8c8ce
--- /dev/null
+++ b/src/prime-preset/tokens/components-default.json
@@ -0,0 +1,3362 @@
+{
+  "accordion": {
+    "header": {
+      "color": "{text.color}",
+      "hoverColor": "{text.hoverColor}",
+      "activeColor": "{text.color}",
+      "activeHoverColor": "{text.hoverColor}",
+      "borderColor": "{transparent}",
+      "padding": "1rem 0 1rem 0",
+      "fontWeight": "{fonts.fontWeight.bold}",
+      "borderRadius": "0",
+      "borderWidth": "0 0 0 0",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "color": "{focusRing.color}",
+        "offset": "{focusRing.offset}",
+        "shadow": "inset {focus.ring.shadow}"
+      },
+      "toggleIcon": {
+        "color": "{text.color}",
+        "hoverColor": "{text.hoverColor}",
+        "activeColor": "{text.color}",
+        "activeHoverColor": "{text.hoverColor}"
+      },
+      "last": {
+        "bottomBorderRadius": "{content.borderRadius}",
+        "activeBottomBorderRadius": "0"
+      },
+      "first": {
+        "borderWidth": "0",
+        "topBorderRadius": "{content.borderRadius}"
+      }
+    },
+    "root": {
+      "transitionDuration": "{formField.transitionDuration}"
+    },
+    "panel": {
+      "borderWidth": "0.0625rem",
+      "borderColor": "{formField.borderColor}"
+    },
+    "colorScheme": {
+      "light": {
+        "header": {
+          "background": "{transparent}",
+          "hoverBackground": "{transparent}",
+          "activeBackground": "{transparent}",
+          "activeHoverBackground": "{transparent}"
+        }
+      }
+    },
+    "content": {
+      "borderWidth": "1px 0 0 0",
+      "borderColor": "{transparent}",
+      "background": "{transparent}",
+      "color": "{text.color}",
+      "padding": "0 0 1rem 1.75rem"
+    }
+  },
+  "autocomplete": {
+    "colorScheme": {
+      "light": {
+        "chip": {
+          "focusBackground": "{chip.colorScheme.light.root.background}",
+          "focusColor": "{chip.colorScheme.light.root.color}"
+        },
+        "dropdown": {
+          "background": "{formField.background}",
+          "hoverBackground": "{formField.background}",
+          "activeBackground": "{formField.background}",
+          "color": "{formField.color}",
+          "hoverColor": "{formField.color}",
+          "activeColor": "{formField.color}"
+        }
+      }
+    },
+    "extend": {
+      "extOption": {
+        "gap": "0.4375rem"
+      },
+      "extOptionGroup": {
+        "gap": "0.4375rem"
+      }
+    },
+    "root": {
+      "background": "{formField.background}",
+      "disabledBackground": "{formField.disabledBackground}",
+      "filledBackground": "{formField.filledBackground}",
+      "filledHoverBackground": "{formField.filledHoverBackground}",
+      "filledFocusBackground": "{formField.filledFocusBackground}",
+      "borderColor": "{formField.borderColor}",
+      "hoverBorderColor": "{formField.hoverBorderSecondaryColor}",
+      "focusBorderColor": "{formField.focusBorderSecondaryColor}",
+      "invalidBorderColor": "{formField.invalidBorderColor}",
+      "color": "{formField.color}",
+      "disabledColor": "{formField.disabledColor}",
+      "placeholderColor": "{formField.placeholderColor}",
+      "invalidPlaceholderColor": "{formField.invalidPlaceholderColor}",
+      "shadow": "{formField.shadow}",
+      "paddingX": "{formField.paddingX}",
+      "paddingY": "{formField.paddingY}",
+      "borderRadius": "{formField.borderRadius}",
+      "transitionDuration": "{formField.transitionDuration}"
+    },
+    "overlay": {
+      "background": "{overlay.select.background}",
+      "borderColor": "{overlay.select.borderColor}",
+      "borderRadius": "{overlay.select.borderRadius}",
+      "color": "{overlay.select.color}",
+      "shadow": "{overlay.select.shadow}"
+    },
+    "list": {
+      "padding": "{list.padding}",
+      "gap": "{list.gap}"
+    },
+    "option": {
+      "focusBackground": "{list.option.focusBackground}",
+      "selectedBackground": "{list.option.selectedBackground}",
+      "selectedFocusBackground": "{list.option.selectedFocusBackground}",
+      "color": "{list.option.color}",
+      "focusColor": "{list.option.focusColor}",
+      "selectedColor": "{list.option.selectedColor}",
+      "selectedFocusColor": "{list.option.selectedFocusColor}",
+      "padding": "{list.option.padding}",
+      "borderRadius": "{list.option.borderRadius}"
+    },
+    "optionGroup": {
+      "background": "{list.optionGroup.background}",
+      "color": "{list.optionGroup.color}",
+      "fontWeight": "{fonts.fontWeight.demibold}",
+      "padding": "{list.optionGroup.padding}"
+    },
+    "dropdown": {
+      "width": "100%",
+      "borderColor": "{formField.borderColor}",
+      "hoverBorderColor": "{formField.hoverBorderSecondaryColor}",
+      "activeBorderColor": "{formField.focusBorderSecondaryColor}",
+      "borderRadius": "{formField.borderRadius}",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{formField.focusRing.style}",
+        "color": "{formField.focusRing.color}",
+        "offset": "{formField.focusRing.offset}",
+        "shadow": "{formField.focusRing.shadow}"
+      },
+      "sm": {
+        "width": "1.75rem"
+      },
+      "lg": {
+        "width": "2.625rem"
+      }
+    },
+    "chip": {
+      "borderRadius": "{chip.root.borderRadius}"
+    },
+    "emptyMessage": {
+      "padding": "{list.option.padding}"
+    }
+  },
+  "avatar": {
+    "extend": {
+      "borderColor": "{formField.borderColor}"
+    },
+    "root": {
+      "width": "1.75rem",
+      "height": "1.75rem",
+      "fontSize": "{fonts.fontSize.base}",
+      "color": "{text.extend.colorPrimaryStatic}",
+      "background": "{primary.color}",
+      "borderRadius": "{borderRadius.md}"
+    },
+    "icon": {
+      "size": "0.875rem"
+    },
+    "group": {
+      "borderColor": "{content.background}",
+      "offset": "-0.75rem"
+    },
+    "lg": {
+      "width": "2.1875rem",
+      "height": "2.1875rem",
+      "fontSize": "{fonts.fontSize.base}",
+      "icon": {
+        "size": "0.875rem"
+      },
+      "group": {
+        "offset": "-1rem"
+      }
+    },
+    "xl": {
+      "width": "3.0625rem",
+      "height": "3.0625rem",
+      "icon": {
+        "size": "1.3125rem"
+      },
+      "group": {
+        "offset": "-1.5rem"
+      },
+      "fontSize": "{fonts.fontSize.base}"
+    }
+  },
+  "badge": {
+    "colorScheme": {
+      "light": {
+        "primary": {
+          "color": "{text.extend.colorPrimaryStatic}",
+          "background": "{primary.color}"
+        },
+        "secondary": {
+          "color": "{text.extend.colorInverted}",
+          "background": "{surface.900}"
+        },
+        "success": {
+          "color": "{success.900}",
+          "background": "{success.300}"
+        },
+        "info": {
+          "color": "{info.900}",
+          "background": "{info.300}"
+        },
+        "warn": {
+          "color": "{warn.900}",
+          "background": "{warn.300}"
+        },
+        "danger": {
+          "color": "{error.900}",
+          "background": "{error.300}"
+        }
+      }
+    },
+    "extend": {
+      "extDot": {
+        "success": {
+          "background": "{colors.solid.green.400}"
+        },
+        "info": {
+          "background": "{info.400}"
+        },
+        "warn": {
+          "background": "{warn.400}"
+        },
+        "danger": {
+          "background": "{error.400}"
+        },
+        "lg": {
+          "size": "0.65625rem"
+        },
+        "xlg": {
+          "size": "0.875rem"
+        }
+      }
+    },
+    "root": {
+      "borderRadius": "{borderRadius.xl}",
+      "padding": "0.46875rem",
+      "fontSize": "{fonts.fontSize.xs}",
+      "fontWeight": "{fonts.fontWeight.regular}",
+      "minWidth": "1.3125rem",
+      "height": "1.3125rem"
+    },
+    "dot": {
+      "size": "0.4375rem"
+    },
+    "sm": {
+      "fontSize": "{fonts.fontSize.xs}",
+      "minWidth": "0",
+      "height": "0"
+    },
+    "lg": {
+      "fontSize": "{fonts.fontSize.xs}",
+      "minWidth": "1.53125rem",
+      "height": "1.53125rem"
+    },
+    "xl": {
+      "fontSize": "{fonts.fontSize.xs}",
+      "minWidth": "1.75rem",
+      "height": "1.75rem"
+    }
+  },
+  "breadcrumb": {
+    "extend": {
+      "hoverBackground": "{surface.100}"
+    },
+    "root": {
+      "padding": "0.21875rem",
+      "background": "{transparent}",
+      "gap": "0",
+      "transitionDuration": "{formField.transitionDuration}"
+    },
+    "focusRing": {
+      "width": "{focusRing.width}",
+      "style": "{focusRing.style}",
+      "color": "{focusRing.color}",
+      "offset": "{focusRing.offset}",
+      "shadow": "{focusRing.shadow}"
+    },
+    "item": {
+      "color": "{text.color}",
+      "hoverColor": "{text.hoverColor}",
+      "borderRadius": "{borderRadius.xs}",
+      "gap": "{navigation.item.gap}",
+      "icon": {
+        "color": "{text.color}",
+        "hoverColor": "{text.hoverColor}"
+      }
+    },
+    "separator": {
+      "color": "{text.color}"
+    }
+  },
+  "button": {
+    "extend": {
+      "disabledBackground": "{formField.disabledBackground}",
+      "extOutlined": {
+        "danger": {
+          "focusBackground": "{transparent}"
+        },
+        "warn": {
+          "focusBackground": "{transparent}"
+        },
+        "info": {
+          "focusBackground": "{transparent}"
+        },
+        "help": {
+          "focusBackground": "{transparent}"
+        },
+        "success": {
+          "focusBackground": "{transparent}"
+        }
+      },
+      "disabledColor": "{formField.disabledColor}",
+      "extText": {
+        "danger": {
+          "focusBackground": "{transparent}"
+        },
+        "warn": {
+          "focusBackground": "{transparent}"
+        },
+        "info": {
+          "focusBackground": "{transparent}"
+        },
+        "help": {
+          "focusBackground": "{transparent}"
+        },
+        "success": {
+          "focusBackground": "{transparent}"
+        }
+      },
+      "extLink": {
+        "background": "{transparent}",
+        "colorHover": "{text.hoverColor}",
+        "paddingX": "0",
+        "paddingY": "0.21875rem",
+        "sm": {
+          "iconOnlyWidth": "0.875rem"
+        },
+        "base": {
+          "iconOnlyWidth": "1.34375rem"
+        },
+        "lg": {
+          "iconOnlyWidth": "1.53125rem"
+        },
+        "xlg": {
+          "iconOnlyWidth": "1.75rem"
+        }
+      },
+      "extSm": {
+        "borderRadius": "{borderRadius.md}",
+        "gap": "0.4375rem"
+      },
+      "extLg": {
+        "borderRadius": "{borderRadius.lg}",
+        "gap": "0.65625rem"
+      },
+      "extXlg": {
+        "borderRadius": "{borderRadius.lg}",
+        "gap": "0.65625rem",
+        "iconOnlyWidth": "3.5625rem",
+        "paddingX": "1.3125rem",
+        "paddingY": "1.09375rem"
+      },
+      "borderWidth": "0.0625rem"
+    },
+    "colorScheme": {
+      "light": {
+        "root": {
+          "primary": {
+            "background": "{primary.color}",
+            "hoverBackground": "{primary.hoverColor}",
+            "activeBackground": "{primary.color}",
+            "borderColor": "{transparent}",
+            "hoverBorderColor": "{transparent}",
+            "activeBorderColor": "{transparent}",
+            "color": "{text.extend.colorPrimaryStatic}",
+            "hoverColor": "{text.extend.colorPrimaryStatic}",
+            "activeColor": "{text.extend.colorPrimaryStatic}",
+            "focusRing": {
+              "color": "{primary.200}",
+              "shadow": "{focusRing.shadow}"
+            }
+          },
+          "secondary": {
+            "background": "{surface.900}",
+            "hoverBackground": "{surface.800}",
+            "activeBackground": "{surface.900}",
+            "borderColor": "{transparent}",
+            "hoverBorderColor": "{transparent}",
+            "activeBorderColor": "{transparent}",
+            "color": "{text.extend.colorInverted}",
+            "hoverColor": "{text.extend.colorInverted}",
+            "activeColor": "{text.extend.colorInverted}",
+            "focusRing": {
+              "color": "{primary.200}",
+              "shadow": "{focusRing.shadow}"
+            }
+          },
+          "contrast": {
+            "background": "{surface.200}",
+            "hoverBackground": "{surface.300}",
+            "activeBackground": "{surface.200}",
+            "borderColor": "{transparent}",
+            "hoverBorderColor": "{transparent}",
+            "activeBorderColor": "{transparent}",
+            "color": "{text.color}",
+            "hoverColor": "{text.color}",
+            "activeColor": "{text.color}",
+            "focusRing": {
+              "color": "{primary.200}",
+              "shadow": "{focusRing.shadow}"
+            }
+          },
+          "info": {
+            "background": "{info.300}",
+            "hoverBackground": "{info.400}",
+            "activeBackground": "{info.300}",
+            "borderColor": "{transparent}",
+            "hoverBorderColor": "{transparent}",
+            "activeBorderColor": "{transparent}",
+            "color": "{info.900}",
+            "hoverColor": "{info.950}",
+            "activeColor": "{info.900}"
+          },
+          "success": {
+            "background": "{success.300}",
+            "hoverBackground": "{success.400}",
+            "activeBackground": "{success.300}",
+            "borderColor": "{transparent}",
+            "hoverBorderColor": "{transparent}",
+            "activeBorderColor": "{transparent}",
+            "color": "{success.900}",
+            "hoverColor": "{success.950}",
+            "activeColor": "{success.900}"
+          },
+          "warn": {
+            "background": "{warn.300}",
+            "hoverBackground": "{warn.400}",
+            "activeBackground": "{warn.300}",
+            "borderColor": "{transparent}",
+            "hoverBorderColor": "{transparent}",
+            "activeBorderColor": "{transparent}",
+            "color": "{warn.900}",
+            "hoverColor": "{warn.950}",
+            "activeColor": "{warn.900}"
+          },
+          "help": {
+            "background": "{help.300}",
+            "hoverBackground": "{help.400}",
+            "activeBackground": "{help.300}",
+            "borderColor": "{transparent}",
+            "hoverBorderColor": "{transparent}",
+            "activeBorderColor": "{transparent}",
+            "color": "{help.900}",
+            "hoverColor": "{help.950}",
+            "activeColor": "{help.900}"
+          },
+          "danger": {
+            "background": "{error.300}",
+            "hoverBackground": "{error.400}",
+            "activeBackground": "{error.300}",
+            "borderColor": "{transparent}",
+            "hoverBorderColor": "{transparent}",
+            "activeBorderColor": "{transparent}",
+            "color": "{error.900}",
+            "hoverColor": "{error.950}",
+            "activeColor": "{error.900}"
+          }
+        },
+        "outlined": {
+          "primary": {
+            "hoverBackground": "{primary.50}",
+            "activeBackground": "{primary.100}",
+            "borderColor": "{primary.200}",
+            "color": "{colors.solid.green.500}"
+          },
+          "success": {
+            "hoverBackground": "{success.100}",
+            "activeBackground": "{transparent}",
+            "borderColor": "{success.600}",
+            "color": "{success.600}"
+          },
+          "info": {
+            "hoverBackground": "{info.100}",
+            "activeBackground": "{transparent}",
+            "borderColor": "{info.600}",
+            "color": "{info.600}"
+          },
+          "warn": {
+            "hoverBackground": "{warn.100}",
+            "activeBackground": "{transparent}",
+            "borderColor": "{warn.600}",
+            "color": "{warn.600}"
+          },
+          "help": {
+            "hoverBackground": "{help.100}",
+            "activeBackground": "{transparent}",
+            "borderColor": "{help.600}",
+            "color": "{help.600}"
+          },
+          "danger": {
+            "hoverBackground": "{error.100}",
+            "activeBackground": "{transparent}",
+            "borderColor": "{error.600}",
+            "color": "{error.600}"
+          }
+        },
+        "text": {
+          "primary": {
+            "hoverBackground": "{surface.100}",
+            "activeBackground": "{transparent}",
+            "color": "{text.color}"
+          },
+          "success": {
+            "hoverBackground": "{success.100}",
+            "activeBackground": "{transparent}",
+            "color": "{success.600}"
+          },
+          "info": {
+            "hoverBackground": "{info.100}",
+            "activeBackground": "{transparent}",
+            "color": "{info.600}"
+          },
+          "warn": {
+            "hoverBackground": "{warn.100}",
+            "activeBackground": "{transparent}",
+            "color": "{warn.600}"
+          },
+          "help": {
+            "hoverBackground": "{help.100}",
+            "activeBackground": "{transparent}",
+            "color": "{help.600}"
+          },
+          "danger": {
+            "hoverBackground": "{error.100}",
+            "activeBackground": "{transparent}",
+            "color": "{error.600}"
+          }
+        },
+        "link": {
+          "color": "{text.color}",
+          "hoverColor": "{text.hoverColor}",
+          "activeColor": "{text.color}"
+        }
+      }
+    },
+    "root": {
+      "borderRadius": "{borderRadius.md}",
+      "roundedBorderRadius": "1.75rem",
+      "gap": "0.4375rem",
+      "paddingX": "0.875rem",
+      "paddingY": "0.4375rem",
+      "iconOnlyWidth": "2.1875rem",
+      "raisedShadow": "0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)",
+      "badgeSize": "1rem",
+      "transitionDuration": "{formField.transitionDuration}",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "offset": "{focusRing.offset}"
+      },
+      "sm": {
+        "fontSize": "{fonts.fontSize.sm}",
+        "iconOnlyWidth": "1.75rem",
+        "paddingX": "0.65625rem",
+        "paddingY": "0.4375rem"
+      },
+      "lg": {
+        "fontSize": "{fonts.fontSize.xl}",
+        "iconOnlyWidth": "3.125rem",
+        "paddingX": "1.3125rem",
+        "paddingY": "0.875rem"
+      },
+      "label": {
+        "fontWeight": "{fonts.fontWeight.demibold}"
+      }
+    }
+  },
+  "card": {
+    "extend": {
+      "borderColor": "{content.borderColor}"
+    },
+    "root": {
+      "background": "{content.background}",
+      "borderRadius": "{borderRadius.lg}",
+      "color": "{content.color}",
+      "shadow": "0 .125rem .25rem rgba(0,0,0,.075)"
+    },
+    "body": {
+      "padding": "0.875rem",
+      "gap": "0.875rem"
+    },
+    "caption": {
+      "gap": "0.21875rem"
+    },
+    "title": {
+      "fontSize": "{fonts.fontSize.lg}",
+      "fontWeight": "{fonts.fontWeight.demibold}"
+    },
+    "subtitle": {
+      "color": "{text.mutedColor}"
+    }
+  },
+  "carousel": {
+    "colorScheme": {
+      "light": {
+        "indicator": {
+          "background": "{surface.300}",
+          "hoverBackground": "{surface.400}",
+          "activeBackground": "{surface.900}"
+        }
+      }
+    },
+    "root": {
+      "transitionDuration": "{transitionDuration}"
+    },
+    "content": {
+      "gap": "0.4375rem"
+    },
+    "indicatorList": {
+      "padding": "0.875rem",
+      "gap": "0.4375rem"
+    },
+    "indicator": {
+      "width": "0.4375rem",
+      "height": "0.4375rem",
+      "borderRadius": "{borderRadius.xl}",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "color": "{focusRing.color}",
+        "offset": "{focusRing.offset}",
+        "shadow": "{rating.focusRing.shadow}"
+      }
+    }
+  },
+  "checkbox": {
+    "root": {
+      "borderRadius": "{borderRadius.sm}",
+      "extend": {
+        "borderWidth": "0.0625rem"
+      },
+      "width": "1.3125rem",
+      "height": "1.3125rem",
+      "background": "{formField.background}",
+      "checkedBackground": "{surface.900}",
+      "checkedHoverBackground": "{surface.800}",
+      "disabledBackground": "{formField.disabledBackground}",
+      "filledBackground": "{formField.filledBackground}",
+      "borderColor": "{formField.borderColor}",
+      "hoverBorderColor": "{formField.hoverBorderPrimaryColor}",
+      "focusBorderColor": "{formField.focusBorderPrimaryColor}",
+      "checkedBorderColor": "{surface.900}",
+      "checkedHoverBorderColor": "{surface.800}",
+      "checkedFocusBorderColor": "{primary.color}",
+      "checkedDisabledBorderColor": "{formField.borderColor}",
+      "invalidBorderColor": "{formField.invalidBorderColor}",
+      "shadow": "{formField.shadow}",
+      "focusRing": {
+        "focusRing": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "color": "{focusRing.color}",
+        "offset": "{focusRing.offset}",
+        "shadow": "{focusRing.shadow}"
+      },
+      "sm": {
+        "width": "0.875rem",
+        "height": "0.875rem"
+      },
+      "lg": {
+        "width": "1.09375rem",
+        "height": "1.09375rem"
+      },
+      "transitionDuration": "{formField.transitionDuration}"
+    },
+    "icon": {
+      "size": "0.875rem",
+      "color": "{formField.color}",
+      "checkedColor": "{primary.contrastColor}",
+      "checkedHoverColor": "{primary.contrastColor}",
+      "disabledColor": "{formField.disabledColor}",
+      "sm": {
+        "size": "0.65625rem"
+      },
+      "lg": {
+        "size": "1.09375rem"
+      }
+    }
+  },
+  "chip": {
+    "extend": {
+      "borderColor": "{transparent}"
+    },
+    "root": {
+      "borderRadius": "{borderRadius.sm}",
+      "paddingX": "0.4375rem",
+      "paddingY": "0.21875rem",
+      "gap": "0.4375rem",
+      "transitionDuration": "{formField.transitionDuration}"
+    },
+    "colorScheme": {
+      "light": {
+        "root": {
+          "background": "{surface.200}",
+          "color": "{text.color}"
+        },
+        "icon": {
+          "color": "{text.color}"
+        },
+        "removeIcon": {
+          "color": "{text.color}"
+        }
+      }
+    },
+    "image": {
+      "width": "0",
+      "height": "0"
+    },
+    "icon": {
+      "size": "0.875rem"
+    },
+    "removeIcon": {
+      "size": "0.875rem",
+      "focusRing": {
+        "width": "{formField.focusRing.width}",
+        "style": "{formField.focusRing.style}",
+        "color": "{primary.200}",
+        "offset": "{formField.focusRing.offset}",
+        "shadow": "{formField.focusRing.shadow}"
+      }
+    }
+  },
+  "confirmdialog": {
+    "extend": {
+      "extIcon": {
+        "success": "{success.500}",
+        "info": "{info.500}",
+        "help": "{help.500}",
+        "warn": "{warn.500}",
+        "danger": "{error.500}"
+      }
+    },
+    "icon": {
+      "size": "1.3125rem",
+      "color": "{overlay.modal.color}"
+    },
+    "content": {
+      "gap": "0"
+    }
+  },
+  "confirmpopup": {
+    "root": {
+      "background": "{overlay.popover.background}",
+      "color": "{overlay.popover.color}",
+      "shadow": "{overlay.popover.shadow}",
+      "gutter": "10px",
+      "arrowOffset": "1.25rem"
+    },
+    "content": {
+      "padding": "{overlay.popover.padding}",
+      "gap": "1rem"
+    },
+    "icon": {
+      "size": "1.5rem",
+      "color": "{overlay.popover.color}"
+    },
+    "footer": {
+      "gap": "0.5rem",
+      "padding": "0 {overlay.popover.padding} {overlay.popover.padding} {overlay.popover.padding}"
+    }
+  },
+  "contextmenu": {
+    "root": {
+      "background": "{content.background}",
+      "color": "{content.color}",
+      "shadow": "{overlay.navigation.shadow}"
+    },
+    "list": {
+      "padding": "{navigation.list.padding}",
+      "gap": "{navigation.list.gap}"
+    },
+    "item": {
+      "padding": "{navigation.item.padding}",
+      "gap": "{navigation.item.gap}"
+    },
+    "submenu": {
+      "mobileIndent": "1.25rem"
+    }
+  },
+  "datatable": {
+    "colorScheme": {
+      "light": {
+        "root": {
+          "color": "{text.color}",
+          "borderColor": "{content.borderColor}"
+        },
+        "header": {
+          "background": "{surface.50}",
+          "color": "{text.color}"
+        },
+        "headerCell": {
+          "background": "{surface.50}",
+          "hoverBackground": "{surface.100}",
+          "color": "{text.color}"
+        },
+        "footer": {
+          "background": "{surface.100}",
+          "color": "{text.color}"
+        },
+        "footerCell": {
+          "background": "{content.hoverBackground}",
+          "color": "{text.color}"
+        },
+        "row": {
+          "stripedBackground": "{content.hoverBackground}"
+        },
+        "bodyCell": {
+          "selectedBorderColor": "{content.borderColor}"
+        }
+      }
+    },
+    "extended": {
+      "extHeaderCell": {
+        "selectedHoverBackground": "{surface.800}"
+      },
+      "extRow": {
+        "selectedHoverBackground": "{surface.800}",
+        "stripedHoverBackground": "{surface.100}"
+      }
+    },
+    "root": {
+      "transitionDuration": "{transitionDuration}"
+    },
+    "header": {
+      "borderColor": "{content.borderColor}",
+      "borderWidth": "1px 0 1px 0",
+      "padding": "0.875rem",
+      "sm": {
+        "padding": "0.4375rem"
+      },
+      "lg": {
+        "padding": "1.09375rem"
+      }
+    },
+    "headerCell": {
+      "selectedBackground": "{highlight.background}",
+      "borderColor": "{content.borderColor}",
+      "hoverColor": "{text.hoverColor}",
+      "selectedColor": "{highlight.color}",
+      "gap": "0.4375rem",
+      "padding": "0.875rem",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "color": "{focusRing.color}",
+        "offset": "{focusRing.offset}",
+        "shadow": "inset {focus.ring.shadow}"
+      },
+      "sm": {
+        "padding": "0.4375rem"
+      },
+      "lg": {
+        "padding": "1.09375rem"
+      }
+    },
+    "columnTitle": {
+      "fontWeight": "{fonts.fontWeight.bold}"
+    },
+    "row": {
+      "background": "{content.background}",
+      "hoverBackground": "{content.hoverBackground}",
+      "selectedBackground": "{highlight.background}",
+      "color": "{content.color}",
+      "hoverColor": "{content.hoverColor}",
+      "selectedColor": "{highlight.color}",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "color": "{focusRing.color}",
+        "offset": "{focusRing.offset}",
+        "shadow": "inset {focus.ring.shadow}"
+      }
+    },
+    "bodyCell": {
+      "borderColor": "{content.borderColor}",
+      "padding": "0.875rem",
+      "sm": {
+        "padding": "0.4375rem"
+      },
+      "lg": {
+        "padding": "1.09375rem"
+      }
+    },
+    "footerCell": {
+      "borderColor": "{content.borderColor}",
+      "padding": "0.875rem",
+      "sm": {
+        "padding": "0.4375rem"
+      },
+      "lg": {
+        "padding": "1.09375rem"
+      }
+    },
+    "columnFooter": {
+      "fontWeight": "{fonts.fontWeight.bold}"
+    },
+    "dropPoint": {
+      "color": "{highlight.background}"
+    },
+    "footer": {
+      "borderColor": "{content.borderColor}",
+      "borderWidth": "0 0 1px 0",
+      "padding": "1rem",
+      "sm": {
+        "padding": "0.5rem"
+      },
+      "lg": {
+        "padding": "1.25rem"
+      }
+    },
+    "columnResizer": {
+      "width": "0.4375rem"
+    },
+    "resizeIndicator": {
+      "width": "1px",
+      "color": "{highlight.background}"
+    },
+    "sortIcon": {
+      "color": "{text.color}",
+      "hoverColor": "{text.hoverColor}",
+      "size": "0.875rem"
+    },
+    "loadingIcon": {
+      "size": "1.75rem"
+    },
+    "rowToggleButton": {
+      "hoverBackground": "{content.hoverBackground}",
+      "selectedHoverBackground": "{content.hoverBackground}",
+      "color": "{text.color}",
+      "hoverColor": "{text.color}",
+      "selectedHoverColor": "{text.color}",
+      "size": "1.75rem",
+      "borderRadius": "{content.borderRadius}",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "color": "{focusRing.color}",
+        "offset": "{focusRing.offset}",
+        "shadow": "{focusRing.shadow}"
+      }
+    },
+    "filter": {
+      "inlineGap": "0.4375rem",
+      "rule": {
+        "borderColor": "{content.borderColor}"
+      },
+      "constraintList": {
+        "padding": "{list.padding}",
+        "gap": "{list.gap}"
+      },
+      "constraint": {
+        "focusBackground": "{list.option.focusBackground}",
+        "selectedBackground": "{list.option.selectedBackground}",
+        "selectedFocusBackground": "{list.option.selectedFocusBackground}",
+        "color": "{list.option.color}",
+        "focusColor": "{list.option.focusColor}",
+        "selectedColor": "{list.option.selectedColor}",
+        "selectedFocusColor": "{list.option.selectedFocusColor}",
+        "padding": "{list.option.padding}",
+        "borderRadius": "{list.option.borderRadius}",
+        "separator": {
+          "borderColor": "{content.borderColor}"
+        }
+      },
+      "overlaySelect": {
+        "background": "{overlay.select.background}",
+        "color": "{overlay.select.color}",
+        "borderColor": "{overlay.select.borderColor}",
+        "borderRadius": "{overlay.select.borderRadius}",
+        "shadow": "{overlay.select.shadow}"
+      },
+      "overlayPopover": {
+        "background": "{overlay.popover.background}",
+        "color": "{overlay.popover.color}",
+        "borderColor": "{overlay.select.borderColor}",
+        "borderRadius": "{overlay.select.borderRadius}",
+        "shadow": "{overlay.popover.shadow}",
+        "padding": "{overlay.popover.padding}",
+        "gap": "{list.gap}"
+      }
+    },
+    "paginatorTop": {
+      "borderColor": "{formField.borderColor}",
+      "borderWidth": "0 0 1px 0"
+    },
+    "paginatorBottom": {
+      "borderWidth": "0 0 1px 0",
+      "borderColor": "{content.borderColor}"
+    }
+  },
+  "dataview": {
+    "root": {
+      "borderWidth": "1px",
+      "borderRadius": "4px",
+      "padding": "0",
+      "borderColor": "#ffffff"
+    },
+    "header": {
+      "borderWidth": "0 0 1px 0",
+      "padding": "0.875rem 1.125rem",
+      "borderRadius": "5px 5px 0 0",
+      "color": "{text.color}"
+    },
+    "content": {
+      "background": "{content.background}",
+      "color": "{content.color}",
+      "borderColor": "#ffffff",
+      "borderWidth": "0",
+      "padding": "0",
+      "borderRadius": "5px"
+    },
+    "footer": {
+      "background": "{content.background}",
+      "color": "{content.color}",
+      "borderWidth": "1px 0 0 0",
+      "padding": "0.875rem 1.125rem",
+      "borderRadius": "0 0 5px 5px"
+    },
+    "paginatorTop": {
+      "borderWidth": "0 0 1px 0"
+    },
+    "paginatorBottom": {
+      "borderWidth": "1px 0 0 0"
+    }
+  },
+  "datepicker": {
+    "colorScheme": {
+      "light": {
+        "dropdown": {
+          "background": "{content.background}",
+          "hoverBackground": "{navigation.item.focusBackground}",
+          "activeBackground": "{navigation.item.activeBackground}",
+          "color": "{navigation.item.color}",
+          "hoverColor": "{navigation.item.focusColor}",
+          "activeColor": "{navigation.item.activeColor}"
+        },
+        "today": {
+          "background": "{content.background}",
+          "color": "{text.color}"
+        }
+      }
+    },
+    "extend": {
+      "extDate": {
+        "selectedHoverBackground": "{primary.600}"
+      },
+      "extToday": {
+        "borderColor": "{content.borderColor}",
+        "hoverBackground": "{content.hoverBackground}"
+      },
+      "extTimePicker": {
+        "minWidth": "2.5rem",
+        "color": "{content.color}"
+      },
+      "extTitle": {
+        "width": "13.125rem"
+      }
+    },
+    "panel": {
+      "background": "{content.background}",
+      "borderColor": "{content.borderColor}",
+      "color": "{content.color}",
+      "borderRadius": "{content.borderRadius}",
+      "shadow": "{overlay.popover.shadow}",
+      "padding": "{overlay.popover.padding}"
+    },
+    "header": {
+      "background": "{content.background}",
+      "borderColor": "{content.borderColor}",
+      "color": "{content.color}",
+      "padding": "0 0 0.5rem 0"
+    },
+    "title": {
+      "gap": "0.4375rem",
+      "fontWeight": "{fonts.fontWeight.bold}"
+    },
+    "selectMonth": {
+      "hoverBackground": "{content.hoverBackground}",
+      "color": "{content.color}",
+      "hoverColor": "{content.hoverColor}",
+      "borderRadius": "{content.borderRadius}",
+      "padding": "0.375rem 0.625rem"
+    },
+    "dropdown": {
+      "width": "2.5rem",
+      "borderColor": "{formField.borderColor}",
+      "hoverBorderColor": "{formField.borderColor}",
+      "activeBorderColor": "{formField.borderColor}",
+      "borderRadius": "{formField.borderRadius}",
+      "focusRing": {
+        "width": "{formField.focusRing.width}",
+        "style": "{formField.focusRing.style}",
+        "color": "{formField.focusRing.color}",
+        "offset": "{formField.focusRing.offset}",
+        "shadow": "{formField.shadow}"
+      },
+      "sm": {
+        "width": "0"
+      },
+      "lg": {
+        "width": "0"
+      }
+    },
+    "inputIcon": {
+      "color": "{formField.iconColor}"
+    },
+    "group": {
+      "borderColor": "{content.borderColor}",
+      "gap": "{overlay.popover.padding}"
+    },
+    "selectYear": {
+      "hoverBackground": "{content.hoverBackground}",
+      "color": "{content.color}",
+      "hoverColor": "{content.hoverColor}",
+      "borderRadius": "{content.borderRadius}",
+      "padding": "0.375rem 0.625rem"
+    },
+    "dayView": {
+      "margin": "0 0 0 0"
+    },
+    "weekDay": {
+      "padding": "0.21875rem",
+      "fontWeight": "{fonts.fontWeight.bold}",
+      "color": "{content.color}"
+    },
+    "date": {
+      "hoverBackground": "{content.hoverBackground}",
+      "selectedBackground": "{primary.500}",
+      "rangeSelectedBackground": "{highlight.background}",
+      "color": "{content.color}",
+      "hoverColor": "{content.color}",
+      "selectedColor": "{text.extend.colorPrimaryStatic}",
+      "rangeSelectedColor": "{text.extend.colorSecondaryStatic}",
+      "width": "1.75rem",
+      "height": "1.75rem",
+      "borderRadius": "0.328125rem",
+      "padding": "0.21875rem",
+      "focusRing": {
+        "width": "{formField.focusRing.width}",
+        "style": "{formField.focusRing.style}",
+        "color": "{formField.focusRing.color}",
+        "offset": "{formField.focusRing.offset}",
+        "shadow": "{formField.shadow}"
+      }
+    },
+    "monthView": {
+      "margin": "0 0 0 0"
+    },
+    "month": {
+      "padding": "0",
+      "borderRadius": "0"
+    },
+    "yearView": {
+      "margin": "0 0 0 0"
+    },
+    "year": {
+      "padding": "0",
+      "borderRadius": "0"
+    },
+    "buttonbar": {
+      "padding": "0 0 0 0",
+      "borderColor": "{content.borderColor}"
+    },
+    "timePicker": {
+      "padding": "1.5rem 0.75rem 0.75rem 0.75rem",
+      "borderColor": "{content.borderColor}",
+      "gap": "0.4375rem",
+      "buttonGap": "0.21875rem"
+    },
+    "root": {
+      "transitionDuration": "{transitionDuration}"
+    }
+  },
+  "dialog": {
+    "root": {
+      "background": "{overlay.modal.background}",
+      "borderColor": "{overlay.modal.borderColor}",
+      "color": "{overlay.modal.color}",
+      "borderRadius": "{overlay.modal.borderRadius}",
+      "shadow": "{overlay.popover.shadow}"
+    },
+    "header": {
+      "padding": "{overlay.modal.padding} {overlay.modal.padding} 1rem {overlay.modal.padding}",
+      "gap": "0"
+    },
+    "title": {
+      "fontSize": "{fonts.fontSize.xl}",
+      "fontWeight": "{fonts.fontWeight.demibold}"
+    },
+    "content": {
+      "padding": "1.3125rem"
+    },
+    "footer": {
+      "padding": "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}",
+      "gap": "0.4375rem"
+    }
+  },
+  "divider": {
+    "root": {
+      "borderColor": "{content.borderColor}"
+    },
+    "content": {
+      "background": "{content.background}",
+      "color": "{text.mutedColor}"
+    },
+    "horizontal": {
+      "margin": "1rem 0",
+      "padding": "0 1rem",
+      "content": {
+        "padding": "0 0.5rem"
+      }
+    },
+    "vertical": {
+      "margin": "0 1rem",
+      "padding": "1rem 0",
+      "content": {
+        "padding": "0.5rem 0"
+      }
+    }
+  },
+  "drawer": {
+    "extend": {
+      "borderRadius": "{overlay.popover.borderRadius}",
+      "extHeader": {
+        "gap": "0.4375rem",
+        "borderColor": "{drawer.root.borderColor}"
+      },
+      "width": "{sizingDrawer.width}"
+    },
+    "root": {
+      "background": "{overlay.modal.background}",
+      "borderColor": "{overlay.modal.borderColor}",
+      "color": "{overlay.modal.color}",
+      "shadow": "{overlay.modal.shadow}"
+    },
+    "header": {
+      "padding": "{overlay.modal.padding} {overlay.modal.padding} 14 {overlay.modal.padding} "
+    },
+    "title": {
+      "fontSize": "{fonts.fontSize.xl}",
+      "fontWeight": "{fonts.fontWeight.demibold}"
+    },
+    "content": {
+      "padding": "{overlay.modal.padding}"
+    },
+    "footer": {
+      "padding": "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding} "
+    }
+  },
+  "fileupload": {
+    "colorScheme": {
+      "light": {
+        "header": {
+          "background": "{surface.0}",
+          "color": "{text.color}"
+        }
+      }
+    },
+    "extend": {
+      "extDragNdrop": {
+        "background": "{surface.0}",
+        "padding": "0.875rem",
+        "borderRadius": "{formField.borderRadius}",
+        "gap": "0.4375rem",
+        "info": {
+          "gap": "0.21875rem"
+        }
+      },
+      "extContent": {
+        "borderRadius": "{borderRadius.md}",
+        "highlightBorderDefault": "{formField.borderColor}"
+      }
+    },
+    "root": {
+      "background": "{content.background}",
+      "borderColor": "{content.borderColor}",
+      "color": "{content.color}",
+      "borderRadius": "{content.borderRadius}",
+      "transitionDuration": "{transitionDuration}"
+    },
+    "header": {
+      "borderColor": "{content.borderColor}",
+      "borderWidth": "0",
+      "padding": "0",
+      "borderRadius": "0",
+      "gap": "0.4375rem"
+    },
+    "content": {
+      "highlightBorderColor": "{surface.900}",
+      "padding": "0",
+      "gap": "0.4375rem"
+    },
+    "file": {
+      "padding": "0.4375rem",
+      "gap": "0.4375rem",
+      "borderColor": "{formField.borderColor}",
+      "info": {
+        "gap": "0.21875rem"
+      }
+    },
+    "fileList": {
+      "gap": "0.4375rem"
+    },
+    "progressbar": {
+      "height": "0.4375rem"
+    },
+    "basic": {
+      "gap": "0.5rem"
+    }
+  },
+  "floatlabel": {
+    "extend": {
+      "height": "3.5rem",
+      "iconSize": "{iconSizeLarge}"
+    },
+    "root": {
+      "color": "{formField.floatLabelColor}",
+      "focusColor": "{formField.floatLabelFocusColor}",
+      "activeColor": "{formField.floatLabelActiveColor}",
+      "invalidColor": "{formField.floatLabelInvalidColor}",
+      "transitionDuration": "{formField.transitionDuration}",
+      "positionX": "{formField.paddingX}",
+      "positionY": "{formField.paddingY}",
+      "fontWeight": "{fonts.fontWeight.regular}",
+      "active": {
+        "fontSize": "{fonts.fontSize.sm}",
+        "fontWeight": "{fonts.fontWeight.regular}"
+      }
+    },
+    "over": {
+      "active": {
+        "top": "0.5rem"
+      }
+    },
+    "inside": {
+      "input": {
+        "paddingTop": "1.640625rem",
+        "paddingBottom": "{formField.paddingY}"
+      },
+      "active": {
+        "top": "{formField.paddingY}"
+      }
+    },
+    "on": {
+      "borderRadius": "0",
+      "active": {
+        "padding": "0 0.125rem",
+        "background": "#ffffff"
+      }
+    }
+  },
+  "galleria": {
+    "colorScheme": {
+      "light": {
+        "thumbnailContent": {
+          "background": "{surface.100}"
+        },
+        "thumbnailNavButton": {
+          "hoverBackground": "{colors.alpha.white.20}",
+          "color": "{text.color}",
+          "hoverColor": "{text.hoverColor}"
+        },
+        "indicatorButton": {
+          "background": "{surface.300}",
+          "hoverBackground": "{surface.400}"
+        }
+      }
+    },
+    "root": {
+      "borderWidth": "1px",
+      "borderColor": "{content.borderColor}",
+      "borderRadius": "{content.borderRadius}",
+      "transitionDuration": "{transitionDuration}"
+    },
+    "navButton": {
+      "background": "{transparent}",
+      "hoverBackground": "{colors.alpha.white.20}",
+      "color": "{text.extend.colorInverted}",
+      "hoverColor": "{text.extend.colorInverted}",
+      "size": "3.5rem",
+      "gutter": "0.4375rem",
+      "prev": {
+        "borderRadius": "{navigation.item.borderRadius}"
+      },
+      "next": {
+        "borderRadius": "{navigation.item.borderRadius}"
+      },
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "color": "{focusRing.color}",
+        "offset": "{focusRing.offset}",
+        "shadow": "{focusRing.shadow}"
+      }
+    },
+    "navIcon": {
+      "size": "1.75rem"
+    },
+    "thumbnailsContent": {
+      "padding": "0.21875rem"
+    },
+    "thumbnailNavButton": {
+      "size": "1.75rem",
+      "borderRadius": "{content.borderRadius}",
+      "gutter": "0.4375rem",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "color": "{focusRing.color}",
+        "offset": "{focusRing.offset}",
+        "shadow": "{focusRing.shadow}"
+      }
+    },
+    "thumbnailNavButtonIcon": {
+      "size": "0.875rem"
+    },
+    "caption": {
+      "background": "{colors.alpha.white.50}",
+      "color": "{text.color}",
+      "padding": "0.4375rem"
+    },
+    "indicatorList": {
+      "gap": "0.4375rem",
+      "padding": "0.875rem"
+    },
+    "indicatorButton": {
+      "width": "0.4375rem",
+      "height": "0.4375rem",
+      "activeBackground": "{surface.900}",
+      "borderRadius": "{content.borderRadius}",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "color": "{focusRing.color}",
+        "offset": "{focusRing.offset}",
+        "shadow": "{focusRing.shadow}"
+      }
+    },
+    "insetIndicatorList": {
+      "background": "{colors.alpha.black.50}"
+    },
+    "insetIndicatorButton": {
+      "background": "{colors.alpha.white.10}",
+      "hoverBackground": "{colors.alpha.white.20}",
+      "activeBackground": "{colors.alpha.white.50}"
+    },
+    "closeButton": {
+      "size": "3.5rem",
+      "gutter": "0.4375rem",
+      "background": "{colors.alpha.white.10}",
+      "hoverBackground": "{colors.alpha.white.20}",
+      "color": "{text.extend.colorInverted}",
+      "hoverColor": "{text.extend.colorInverted}",
+      "borderRadius": "{borderRadius.lg}",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "color": "{focusRing.color}",
+        "offset": "{focusRing.offset}",
+        "shadow": "{focusRing.shadow}"
+      }
+    },
+    "closeButtonIcon": {
+      "size": "1.75rem"
+    }
+  },
+  "message": {
+    "colorScheme": {
+      "light": {
+        "success": {
+          "background": "{success.50}",
+          "borderColor": "{success.500}",
+          "color": "{text.color}",
+          "shadow": "none",
+          "outlined": {
+            "color": "{text.color}",
+            "borderColor": "{success.500}"
+          },
+          "closeButton": {
+            "hoverBackground": "{success.200}",
+            "focusRing": {
+              "color": "{focusRing.color}",
+              "shadow": "none"
+            }
+          },
+          "simple": {
+            "color": "{text.color}"
+          }
+        },
+        "outlined": {
+          "root": {
+            "borderWidth": "0"
+          },
+          "closeButton": {
+            "hoverBackground": "#ffffff",
+            "focusRing": {
+              "color": "{focusRing.color}",
+              "shadow": "none"
+            }
+          },
+          "outlined": {
+            "color": "#ffffff",
+            "borderColor": "#ffffff"
+          },
+          "simple": {
+            "color": "#ffffff"
+          }
+        },
+        "simple": {
+          "content": {
+            "padding": "0"
+          }
+        },
+        "warn": {
+          "background": "{warn.50}",
+          "borderColor": "{warn.500}",
+          "color": "{text.color}",
+          "shadow": "none",
+          "outlined": {
+            "color": "{text.color}",
+            "borderColor": "{warn.500}"
+          },
+          "closeButton": {
+            "hoverBackground": "{warn.200}",
+            "focusRing": {
+              "color": "{focusRing.color}",
+              "shadow": "none"
+            }
+          },
+          "simple": {
+            "color": "{text.color}"
+          }
+        },
+        "error": {
+          "background": "{error.50}",
+          "borderColor": "{error.500}",
+          "color": "{text.color}",
+          "shadow": "none",
+          "outlined": {
+            "color": "{text.color}",
+            "borderColor": "{error.500}"
+          },
+          "closeButton": {
+            "hoverBackground": "{error.200}",
+            "focusRing": {
+              "color": "{focusRing.color}",
+              "shadow": "none"
+            }
+          },
+          "simple": {
+            "color": "{text.color}"
+          }
+        },
+        "secondary": {
+          "borderColor": "#ffffff",
+          "shadow": "none",
+          "closeButton": {
+            "hoverBackground": "#ffffff",
+            "focusRing": {
+              "color": "{focusRing.color}",
+              "shadow": "none"
+            }
+          },
+          "simple": {
+            "color": "#ffffff"
+          },
+          "outlined": {
+            "color": "#ffffff",
+            "borderColor": "#ffffff"
+          }
+        },
+        "contrast": {
+          "borderColor": "#ffffff",
+          "shadow": "none",
+          "closeButton": {
+            "hoverBackground": "#ffffff",
+            "focusRing": {
+              "color": "{focusRing.color}",
+              "shadow": "none"
+            }
+          },
+          "simple": {
+            "color": "#ffffff"
+          },
+          "outlined": {
+            "color": "#ffffff",
+            "borderColor": "#ffffff"
+          }
+        },
+        "info": {
+          "background": "{info.50}",
+          "borderColor": "{info.500}",
+          "color": "{text.color}",
+          "shadow": "none",
+          "outlined": {
+            "color": "{text.color}",
+            "borderColor": "{info.500}"
+          },
+          "closeButton": {
+            "hoverBackground": "{info.200}",
+            "focusRing": {
+              "color": "{focusRing.color}",
+              "shadow": "none"
+            }
+          },
+          "simple": {
+            "color": "{text.color}"
+          }
+        }
+      }
+    },
+    "extend": {
+      "width": "{sizingMessage.width}",
+      "extText": {
+        "gap": "0.21875rem"
+      },
+      "extInfo": {
+        "color": "{info.500}",
+        "closeButton": {
+          "color": "{info.500}",
+          "borderColor": "{info.500}"
+        },
+        "caption": {
+          "color": "{text.color}"
+        }
+      },
+      "extAccentLine": {
+        "width": "0.21875rem"
+      },
+      "extCloseButton": {
+        "width": "0.0625rem"
+      },
+      "extSuccess": {
+        "color": "{success.500}",
+        "closeButton": {
+          "color": "{success.500}",
+          "borderColor": "{success.500}"
+        },
+        "caption": {
+          "color": "{text.color}"
+        }
+      },
+      "extWarn": {
+        "color": "{warn.500}",
+        "closeButton": {
+          "color": "{warn.500}",
+          "borderColor": "{warn.500}"
+        },
+        "caption": {
+          "color": "{text.color}"
+        }
+      },
+      "extError": {
+        "color": "{error.500}",
+        "closeButton": {
+          "color": "{error.500}",
+          "borderColor": "{error.500}"
+        },
+        "caption": {
+          "color": "{text.color}"
+        }
+      }
+    },
+    "root": {
+      "borderRadius": "{content.borderRadius}",
+      "borderWidth": "0.0625rem",
+      "transitionDuration": "{transitionDuration}"
+    },
+    "content": {
+      "padding": "0.875rem",
+      "gap": "0.875rem",
+      "sm": {
+        "padding": "0.875rem"
+      },
+      "lg": {
+        "padding": "0.875rem"
+      }
+    },
+    "text": {
+      "fontSize": "{fonts.fontSize.base}",
+      "fontWeight": "{fonts.fontWeight.bold}",
+      "sm": {
+        "fontSize": "{fonts.fontSize.base}"
+      },
+      "lg": {
+        "fontSize": "{fonts.fontSize.base}"
+      }
+    },
+    "icon": {
+      "size": "1.96875rem",
+      "sm": {
+        "size": "1.96875rem"
+      },
+      "lg": {
+        "size": "1.96875rem"
+      }
+    },
+    "closeButton": {
+      "width": "1.75rem",
+      "height": "1.75rem",
+      "borderRadius": "0.65625rem",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "offset": "{focusRing.offset}"
+      }
+    },
+    "closeIcon": {
+      "size": "0.875rem",
+      "sm": {
+        "size": "0.875rem"
+      },
+      "lg": {
+        "size": "0.875rem"
+      }
+    }
+  },
+  "inputgroup": {
+    "colorScheme": {
+      "light": {
+        "addon": {
+          "background": "{transparent}",
+          "borderColor": "{formField.borderColor}",
+          "color": "{text.mutedColor}"
+        }
+      }
+    },
+    "addon": {
+      "borderRadius": "{formField.borderRadius}",
+      "padding": "0.65625rem",
+      "minWidth": "2.1875rem"
+    }
+  },
+  "inputnumber": {
+    "colorScheme": {
+      "light": {
+        "button": {
+          "background": "{transparent}",
+          "hoverBackground": "{content.hoverBackground}",
+          "activeBackground": "{transparent}",
+          "borderColor": "{formField.borderColor}",
+          "hoverBorderColor": "{formField.borderColor}",
+          "activeBorderColor": "{formField.borderColor}",
+          "color": "{text.color}",
+          "hoverColor": "{text.hoverColor}",
+          "activeColor": "{text.color}"
+        }
+      }
+    },
+    "extend": {
+      "extButton": {
+        "height": "2.1875rem"
+      }
+    },
+    "transitionDuration": {
+      "transitionDuration": "{formField.transitionDuration}"
+    },
+    "button": {
+      "width": "2.1875rem",
+      "borderRadius": "{formField.borderRadius}",
+      "verticalPadding": "{formField.paddingY}"
+    }
+  },
+  "inputotp": {
+    "extend": {
+      "height": "2.1875rem"
+    },
+    "root": {
+      "gap": "0.4375rem"
+    },
+    "input": {
+      "width": "2.1875rem"
+    },
+    "sm": {
+      "width": "0"
+    },
+    "lg": {
+      "width": "0"
+    }
+  },
+  "inputtext": {
+    "extend": {
+      "readonlyBackground": "{formField.readonlyBackground}",
+      "iconSize": "{iconSizeMedium}",
+      "extXlg": {
+        "fontSize": "{sizingInputtext.root.fontSize}",
+        "paddingX": "{sizingInputtext.root.paddingX}",
+        "paddingY": "{sizingInputtext.root.paddingY}"
+      }
+    },
+    "root": {
+      "background": "{formField.background}",
+      "disabledBackground": "{formField.disabledBackground}",
+      "filledBackground": "{formField.filledBackground}",
+      "filledHoverBackground": "{formField.filledHoverBackground}",
+      "filledFocusBackground": "{formField.filledFocusBackground}",
+      "borderColor": "{formField.borderColor}",
+      "hoverBorderColor": "{formField.hoverBorderSecondaryColor}",
+      "focusBorderColor": "{formField.focusBorderSecondaryColor}",
+      "invalidBorderColor": "{formField.invalidBorderColor}",
+      "color": "{text.color}",
+      "disabledColor": "{formField.disabledColor}",
+      "placeholderColor": "{formField.placeholderColor}",
+      "invalidPlaceholderColor": "{formField.invalidPlaceholderColor}",
+      "shadow": "{formField.shadow}",
+      "paddingX": "{sizingInputtext.root.paddingX}",
+      "paddingY": "{sizingInputtext.root.paddingY}",
+      "borderRadius": "{formField.borderRadius}",
+      "transitionDuration": "{formField.transitionDuration}",
+      "sm": {
+        "fontSize": "{sizingInputtext.root.fontSize}",
+        "paddingX": "{sizingInputtext.root.paddingX}",
+        "paddingY": "{sizingInputtext.root.paddingY}"
+      },
+      "lg": {
+        "fontSize": "{sizingInputtext.root.fontSize}",
+        "paddingX": "{sizingInputtext.root.paddingX}",
+        "paddingY": "{sizingInputtext.root.paddingY}"
+      },
+      "focusRing": {
+        "width": "{formField.focusRing.width}",
+        "style": "{formField.focusRing.style}",
+        "color": "{formField.focusRing.color}",
+        "offset": "{formField.focusRing.offset}",
+        "shadow": "{formField.shadow}"
+      }
+    }
+  },
+  "listbox": {
+    "colorScheme": {
+      "light": {
+        "option": {
+          "stripedBackground": "{surface.50}"
+        }
+      }
+    },
+    "extend": {
+      "extOption": {
+        "label": {
+          "gap": "0.21875rem"
+        },
+        "caption": {
+          "color": "{text.mutedColor}",
+          "stripedColor": "{text.mutedColor}"
+        }
+      }
+    },
+    "root": {
+      "background": "{formField.background}",
+      "disabledBackground": "{formField.disabledBackground}",
+      "borderColor": "{formField.borderColor}",
+      "invalidBorderColor": "{formField.invalidBorderColor}",
+      "color": "{formField.color}",
+      "disabledColor": "{formField.disabledColor}",
+      "shadow": "{formField.shadow}",
+      "borderRadius": "{formField.borderRadius}",
+      "transitionDuration": "{formField.transitionDuration}"
+    },
+    "list": {
+      "padding": "{list.padding}",
+      "gap": "{list.gap}",
+      "header": {
+        "padding": "{list.header.padding}"
+      }
+    },
+    "option": {
+      "focusBackground": "{list.option.focusBackground}",
+      "selectedBackground": "{list.option.selectedBackground}",
+      "selectedFocusBackground": "{list.option.selectedFocusBackground}",
+      "color": "{list.option.color}",
+      "focusColor": "{list.option.focusColor}",
+      "selectedColor": "{list.option.selectedColor}",
+      "selectedFocusColor": "{list.option.selectedFocusColor}",
+      "padding": "{list.option.padding}",
+      "borderRadius": "{list.option.borderRadius}"
+    },
+    "optionGroup": {
+      "background": "{list.optionGroup.background}",
+      "color": "{list.optionGroup.color}",
+      "fontWeight": "{fonts.fontWeight.demibold}",
+      "padding": "{list.option.padding}"
+    },
+    "checkmark": {
+      "color": "{list.option.color}",
+      "gutterStart": "-0.5rem",
+      "gutterEnd": "0.5rem"
+    },
+    "emptyMessage": {
+      "padding": "{list.option.padding}"
+    }
+  },
+  "megamenu": {
+    "colorScheme": {
+      "light": {
+        "root": {
+          "background": "{transparent}"
+        }
+      }
+    },
+    "extend": {
+      "extItem": {
+        "caption": {
+          "color": "{text.mutedColor}",
+          "gap": "0.21875rem"
+        }
+      }
+    },
+    "root": {
+      "borderColor": "{transparent}",
+      "borderRadius": "{content.borderRadius}",
+      "color": "{content.color}",
+      "gap": "0.21875rem",
+      "transitionDuration": "{transitionDuration}",
+      "verticalOrientation": {
+        "padding": "{navigation.list.padding}",
+        "gap": "{navigation.list.gap}"
+      },
+      "horizontalOrientation": {
+        "padding": "{navigation.list.padding}",
+        "gap": "{navigation.list.gap}"
+      }
+    },
+    "baseItem": {
+      "borderRadius": "{content.borderRadius}",
+      "padding": "{navigation.item.padding}"
+    },
+    "item": {
+      "focusBackground": "{navigation.item.focusBackground}",
+      "activeBackground": "{navigation.item.activeBackground}",
+      "color": "{navigation.item.color}",
+      "focusColor": "{navigation.item.focusColor}",
+      "activeColor": "{navigation.item.activeColor}",
+      "padding": "{navigation.item.padding}",
+      "borderRadius": "{navigation.item.borderRadius}",
+      "gap": "{navigation.item.gap}",
+      "icon": {
+        "color": "{navigation.item.icon.color}",
+        "focusColor": "{navigation.item.icon.focusColor}",
+        "activeColor": "{navigation.item.icon.activeColor}"
+      }
+    },
+    "overlay": {
+      "padding": "0.21875rem",
+      "background": "{content.background}",
+      "borderColor": "{content.borderColor}",
+      "borderRadius": "{content.borderRadius}",
+      "color": "{content.color}",
+      "shadow": "{overlay.navigation.shadow}",
+      "gap": "0"
+    },
+    "submenu": {
+      "padding": "{navigation.list.padding}",
+      "gap": "{navigation.list.gap}"
+    },
+    "submenuLabel": {
+      "padding": "{navigation.submenuLabel.padding}",
+      "background": "{navigation.submenuLabel.background}",
+      "color": "{navigation.submenuLabel.color}",
+      "Number": "{fonts.fontWeight.demibold}"
+    },
+    "submenuIcon": {
+      "size": "{navigation.submenuIcon.size}",
+      "color": "{navigation.submenuIcon.color}",
+      "focusColor": "{navigation.submenuIcon.focusColor}",
+      "activeColor": "{navigation.submenuIcon.activeColor}"
+    },
+    "separator": {
+      "borderColor": "{content.borderColor}"
+    },
+    "mobileButton": {
+      "borderRadius": "{navigation.item.borderRadius}",
+      "size": "1.75rem",
+      "color": "{text.color}",
+      "hoverColor": "{text.hoverColor}",
+      "hoverBackground": "{content.hoverBackground}",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "color": "{focusRing.color}",
+        "offset": "{focusRing.offset}",
+        "shadow": "{focusRing.shadow}"
+      }
+    }
+  },
+  "menu": {
+    "extend": {
+      "paddingX": "0.21875rem",
+      "paddingY": "0.21875rem",
+      "extItem": {
+        "caption": {
+          "color": "{text.mutedColor}",
+          "gap": "0.21875rem"
+        }
+      }
+    },
+    "root": {
+      "background": "{content.background}",
+      "borderColor": "{content.borderColor}",
+      "color": "{content.color}",
+      "borderRadius": "{content.borderRadius}",
+      "shadow": "{overlay.navigation.shadow}",
+      "transitionDuration": "{transitionDuration}"
+    },
+    "list": {
+      "padding": "{navigation.list.padding}",
+      "gap": "{navigation.list.gap}"
+    },
+    "item": {
+      "focusBackground": "{navigation.item.focusBackground}",
+      "color": "{navigation.item.color}",
+      "focusColor": "{navigation.item.focusColor}",
+      "padding": "{navigation.item.padding}",
+      "borderRadius": "{navigation.item.borderRadius}",
+      "gap": "{navigation.item.gap}",
+      "icon": {
+        "color": "{navigation.item.icon.color}",
+        "focusColor": "{navigation.item.icon.focusColor}"
+      }
+    },
+    "submenuLabel": {
+      "padding": "{navigation.submenuLabel.padding}",
+      "fontWeight": "{fonts.fontWeight.demibold}",
+      "background": "{navigation.submenuLabel.background}",
+      "color": "{navigation.submenuLabel.color}"
+    },
+    "separator": {
+      "borderColor": "{content.borderColor}"
+    }
+  },
+  "menubar": {
+    "extend": {
+      "extItem": {
+        "caption": {
+          "color": "{text.mutedColor}",
+          "gap": "0.21875rem"
+        }
+      },
+      "extSubmenuLabel": {
+        "padding": "{navigation.submenuLabel.padding}",
+        "fontWeight": "{fonts.fontWeight.demibold}",
+        "background": "{navigation.submenuLabel.background}",
+        "color": "{navigation.submenuLabel.color}"
+      }
+    },
+    "colorScheme": {
+      "light": {
+        "root": {
+          "background": "{transparent}"
+        }
+      }
+    },
+    "root": {
+      "borderColor": "{transparent}",
+      "borderRadius": "{navigation.item.borderRadius}",
+      "color": "{content.color}",
+      "gap": "0.21875rem",
+      "padding": "{navigation.list.padding}",
+      "transitionDuration": "{transitionDuration}"
+    },
+    "baseItem": {
+      "borderRadius": "{navigation.item.borderRadius}",
+      "padding": "0.5rem 0.75rem"
+    },
+    "item": {
+      "focusBackground": "{navigation.item.focusBackground}",
+      "activeBackground": "{navigation.item.activeBackground}",
+      "color": "{navigation.item.color}",
+      "focusColor": "{navigation.item.focusColor}",
+      "activeColor": "{navigation.item.activeColor}",
+      "padding": "{navigation.item.padding}",
+      "borderRadius": "{navigation.item.borderRadius}",
+      "gap": "{navigation.item.gap}",
+      "icon": {
+        "color": "{navigation.item.icon.color}",
+        "focusColor": "{navigation.item.icon.focusColor}",
+        "activeColor": "{navigation.item.icon.activeColor}"
+      }
+    },
+    "submenu": {
+      "padding": "{navigation.list.padding}",
+      "gap": "{navigation.list.gap}",
+      "background": "{content.background}",
+      "borderColor": "{content.borderColor}",
+      "borderRadius": "{content.borderRadius}",
+      "shadow": "{overlay.navigation.shadow}",
+      "mobileIndent": "0.65625rem",
+      "icon": {
+        "size": "{navigation.submenuIcon.size}",
+        "color": "{navigation.submenuIcon.color}",
+        "focusColor": "{navigation.submenuIcon.focusColor}",
+        "activeColor": "{navigation.submenuIcon.activeColor}"
+      }
+    },
+    "separator": {
+      "borderColor": "{content.borderColor}"
+    },
+    "mobileButton": {
+      "borderRadius": "{navigation.item.borderRadius}",
+      "size": "1.75rem",
+      "color": "{text.color}",
+      "hoverColor": "{text.hoverColor}",
+      "hoverBackground": "{content.hoverBackground}",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "color": "{focusRing.color}",
+        "offset": "{focusRing.offset}",
+        "shadow": "{focusRing.shadow}"
+      }
+    }
+  },
+  "metergroup": {
+    "extend": {
+      "extLabel": {
+        "color": "{text.mutedColor}"
+      }
+    },
+    "root": {
+      "borderRadius": "{content.borderRadius}",
+      "gap": "0.65625rem"
+    },
+    "meters": {
+      "size": "0.4375rem",
+      "background": "{content.borderColor}"
+    },
+    "label": {
+      "gap": "0.4375rem"
+    },
+    "labelMarker": {
+      "size": "0.4375rem"
+    },
+    "labelIcon": {
+      "size": "0.875rem"
+    },
+    "labelList": {
+      "verticalGap": "0.4375rem",
+      "horizontalGap": "0.65625rem"
+    }
+  },
+  "multiselect": {
+    "extend": {
+      "paddingX": "0.3125rem",
+      "paddingY": "0.3125rem"
+    },
+    "root": {
+      "background": "{formField.background}",
+      "disabledBackground": "{formField.disabledBackground}",
+      "filledBackground": "{formField.filledBackground}",
+      "filledHoverBackground": "{formField.filledHoverBackground}",
+      "filledFocusBackground": "{formField.filledFocusBackground}",
+      "borderColor": "{formField.borderColor}",
+      "hoverBorderColor": "{formField.hoverBorderSecondaryColor}",
+      "focusBorderColor": "{formField.focusBorderSecondaryColor}",
+      "invalidBorderColor": "{formField.invalidBorderColor}",
+      "color": "{formField.color}",
+      "disabledColor": "{formField.disabledColor}",
+      "placeholderColor": "{formField.placeholderColor}",
+      "invalidPlaceholderColor": "{formField.invalidPlaceholderColor}",
+      "shadow": "{formField.shadow}",
+      "paddingX": "{formField.paddingX}",
+      "paddingY": "{formField.paddingY}",
+      "borderRadius": "{formField.borderRadius}",
+      "transitionDuration": "{formField.transitionDuration}",
+      "sm": {
+        "fontSize": "{formField.sm.fontSize}",
+        "paddingX": "{formField.sm.paddingY}",
+        "paddingY": "{formField.sm.paddingY}"
+      },
+      "lg": {
+        "fontSize": "{formField.lg.fontSize}",
+        "paddingX": "{formField.lg.paddingX}",
+        "paddingY": "{formField.lg.paddingY}"
+      },
+      "focusRing": {
+        "width": "{formField.focusRing.width}",
+        "style": "{formField.focusRing.style}",
+        "color": "{formField.focusRing.color}",
+        "offset": "{formField.focusRing.offset}",
+        "shadow": "{formField.shadow}"
+      }
+    },
+    "dropdown": {
+      "width": "0.75rem",
+      "color": "{formField.iconColor}"
+    },
+    "overlay": {
+      "background": "{datatable.filter.overlaySelect.background}",
+      "borderColor": "{overlay.select.borderColor}",
+      "borderRadius": "{datatable.filter.overlaySelect.borderRadius}",
+      "color": "{datatable.filter.overlaySelect.color}",
+      "shadow": "{overlay.select.shadow}"
+    },
+    "readonlyBackground": "{formField.readonlyBackground}",
+    "list": {
+      "padding": "{list.padding}",
+      "header": {
+        "padding": "{list.header.padding}"
+      },
+      "gap": "{list.gap}"
+    },
+    "option": {
+      "focusBackground": "{list.option.focusBackground}",
+      "selectedBackground": "{list.option.selectedBackground}",
+      "selectedFocusBackground": "{list.option.selectedFocusBackground}",
+      "color": "{list.option.color}",
+      "focusColor": "{list.option.focusColor}",
+      "selectedColor": "{list.option.selectedColor}",
+      "selectedFocusColor": "{list.option.selectedFocusColor}",
+      "padding": "{list.option.padding}",
+      "borderRadius": "{list.option.borderRadius}",
+      "gap": "0.4375rem"
+    },
+    "optionGroup": {
+      "background": "{list.optionGroup.background}",
+      "color": "{list.optionGroup.color}",
+      "fontWeight": "{fonts.fontWeight.demibold}",
+      "padding": "{list.optionGroup.padding}"
+    },
+    "clearIcon": {
+      "color": "{formField.iconColor}"
+    },
+    "chip": {
+      "borderRadius": "{borderRadius.sm}"
+    },
+    "emptyMessage": {
+      "padding": "{list.option.padding}"
+    }
+  },
+  "paginator": {
+    "root": {
+      "padding": "0 0.5rem",
+      "gap": "0.4375rem",
+      "borderRadius": "{content.borderRadius}",
+      "background": "{transparent}",
+      "color": "{content.color}",
+      "transitionDuration": "{transitionDuration}"
+    },
+    "currentPageReport": {
+      "color": "{text.mutedColor}"
+    },
+    "navButton": {
+      "background": "{transparent}",
+      "hoverBackground": "{content.hoverBackground}",
+      "selectedBackground": "{highlight.background}",
+      "color": "{text.color}",
+      "hoverColor": "{text.hoverColor}",
+      "selectedColor": "{text.extend.colorInverted}",
+      "width": "2.1875rem",
+      "height": "2.1875rem",
+      "borderRadius": "{content.borderRadius}",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "color": "{focusRing.color}",
+        "offset": "{focusRing.offset}",
+        "focus": "{focusRing.shadow}"
+      }
+    },
+    "jumpToPageInput": {
+      "maxWidth": "4.375rem"
+    }
+  },
+  "panelmenu": {
+    "extend": {
+      "extPanel": {
+        "gap": "0.21875rem"
+      },
+      "extItem": {
+        "activeBackground": "{navigation.item.activeBackground}",
+        "activeColor": "{navigation.item.activeColor}",
+        "caption": {
+          "color": "{text.mutedColor}",
+          "gap": "0.21875rem"
+        }
+      }
+    },
+    "root": {
+      "gap": "0.21875rem",
+      "transitionDuration": "{transitionDuration}"
+    },
+    "panel": {
+      "background": "{transparent}",
+      "borderColor": "{transparent}",
+      "borderWidth": "0.0625rem",
+      "color": "{content.color}",
+      "padding": "0.21875rem",
+      "borderRadius": "{content.borderRadius}",
+      "first": {
+        "borderWidth": "1px 1px 0 1px",
+        "topBorderRadius": "{content.borderRadius}"
+      },
+      "last": {
+        "borderWidth": "0 1px 1px 1px",
+        "topBorderRadius": "{content.borderRadius}"
+      }
+    },
+    "item": {
+      "focusBackground": "{navigation.item.focusBackground}",
+      "color": "{navigation.item.color}",
+      "focusColor": "{navigation.item.focusColor}",
+      "gap": "0.4375rem",
+      "padding": "{navigation.item.padding}",
+      "borderRadius": "{navigation.item.borderRadius}",
+      "icon": {
+        "color": "{navigation.item.icon.color}",
+        "focusColor": "{navigation.item.icon.focusColor}"
+      }
+    },
+    "submenu": {
+      "indent": "0.65625rem"
+    },
+    "separator": {
+      "borderColor": "{content.borderColor}"
+    },
+    "submenuIcon": {
+      "color": "{navigation.submenuIcon.color}",
+      "focusColor": "{navigation.submenuIcon.focusColor}"
+    }
+  },
+  "password": {
+    "colorScheme": {
+      "light": {
+        "strength": {
+          "weakBackground": "{error.500}",
+          "mediumBackground": "{warn.500}",
+          "strongBackground": "{success.600}"
+        }
+      }
+    },
+    "meter": {
+      "background": "{content.borderColor}",
+      "borderRadius": "{content.borderRadius}",
+      "height": "0.4375rem"
+    },
+    "icon": {
+      "color": "{text.color}"
+    },
+    "overlay": {
+      "background": "{overlay.popover.background}",
+      "borderColor": "{overlay.popover.borderColor}",
+      "borderRadius": "{overlay.popover.borderRadius}",
+      "color": "{overlay.popover.color}",
+      "padding": "{overlay.popover.padding}",
+      "shadow": "{overlay.popover.shadow}"
+    },
+    "content": {
+      "gap": "0.4375rem"
+    }
+  },
+  "popover": {
+    "root": {
+      "background": "{overlay.popover.background}",
+      "borderColor": "{datatable.filter.overlayPopover.borderColor}",
+      "color": "{overlay.popover.color}",
+      "borderRadius": "{overlay.popover.borderRadius}",
+      "shadow": "{overlay.popover.shadow}",
+      "gutter": "0.21875rem",
+      "arrowOffset": "1.25rem"
+    },
+    "content": {
+      "padding": "{overlay.popover.padding}"
+    }
+  },
+  "progressbar": {
+    "label": {
+      "color": "{text.extend.colorPrimaryStatic}",
+      "fontSize": "{fonts.fontSize.xs}",
+      "fontWeight": "{fonts.fontWeight.regular}"
+    },
+    "root": {
+      "background": "{content.borderColor}",
+      "borderRadius": "{content.borderRadius}",
+      "height": "0.875rem"
+    },
+    "value": {
+      "background": "{primary.color}"
+    }
+  },
+  "progressspinner": {
+    "colorScheme": {
+      "light": {
+        "root": {
+          "colorOne": "{success.500}",
+          "colorTwo": "{info.500}",
+          "colorThree": "{error.500}",
+          "colorFour": "{warn.500}"
+        }
+      }
+    }
+  },
+  "radiobutton": {
+    "root": {
+      "width": "1.3125rem",
+      "height": "1.3125rem",
+      "background": "{formField.background}",
+      "checkedBackground": "{surface.900}",
+      "checkedHoverBackground": "{surface.800}",
+      "disabledBackground": "{formField.disabledBackground}",
+      "filledBackground": "{formField.filledBackground}",
+      "borderColor": "{formField.borderColor}",
+      "hoverBorderColor": "{formField.hoverBorderPrimaryColor}",
+      "focusBorderColor": "{formField.borderColor}",
+      "checkedBorderColor": "{surface.900}",
+      "checkedHoverBorderColor": "{formField.hoverBorderPrimaryColor}",
+      "checkedFocusBorderColor": "{formField.focusBorderPrimaryColor}",
+      "checkedDisabledBorderColor": "{formField.borderColor}",
+      "invalidBorderColor": "{formField.invalidBorderColor}",
+      "shadow": "{formField.shadow}",
+      "transitionDuration": "{formField.transitionDuration}"
+    },
+    "focusRing": {
+      "width": "0.21875rem",
+      "style": "{focusRing.style}",
+      "color": "{focusRing.color}",
+      "offset": "{focusRing.offset}",
+      "shadow": "{formField.focusRing.shadow}"
+    },
+    "sm": {
+      "width": "0.875rem",
+      "height": "0.875rem"
+    },
+    "lg": {
+      "width": "1.09375rem",
+      "height": "1.09375rem"
+    },
+    "icon": {
+      "size": "0.75rem",
+      "checkedColor": "{text.extend.colorInverted}",
+      "checkedHoverColor": "{text.extend.colorInverted}",
+      "disabledColor": "{text.mutedColor}",
+      "sm": {
+        "size": "0"
+      },
+      "lg": {
+        "size": "0"
+      }
+    }
+  },
+  "rating": {
+    "root": {
+      "gap": "0.4375rem",
+      "transitionDuration": "{formField.transitionDuration}"
+    },
+    "focusRing": {
+      "width": "{formField.focusRing.width}",
+      "style": "{formField.focusRing.style}",
+      "color": "{formField.focusRing.color}",
+      "offset": "{formField.focusRing.offset}",
+      "shadow": "{formField.shadow}"
+    },
+    "icon": {
+      "size": "1.3125rem",
+      "color": "{surface.500}",
+      "hoverColor": "{warn.500}",
+      "activeColor": "{warn.500}"
+    }
+  },
+  "ripple": {
+    "colorScheme": {
+      "light": {
+        "root": {
+          "background": "rgba(255, 255, 255, 0.0100)"
+        }
+      }
+    }
+  },
+  "scrollpanel": {
+    "colorScheme": {
+      "light": {
+        "bar": {
+          "background": "{surface.300}"
+        }
+      }
+    },
+    "root": {
+      "transitionDuration": "{transitionDuration}"
+    },
+    "bar": {
+      "size": "0.4375rem",
+      "borderRadius": "{borderRadius.sm}",
+      "focusRing": {
+        "width": "0",
+        "style": "{focusRing.style}",
+        "color": "#ffffff",
+        "offset": "{focusRing.offset}",
+        "shadow": "{focusRing.shadow}"
+      }
+    }
+  },
+  "select": {
+    "extend": {
+      "extOption": {
+        "background": "{list.option.background}",
+        "gap": "0.4375rem"
+      },
+      "extOptionGroup": {
+        "gap": "0.4375rem"
+      },
+      "readonlyBackground": "{formField.readonlyBackground}"
+    },
+    "root": {
+      "background": "{formField.background}",
+      "disabledBackground": "{formField.disabledBackground}",
+      "filledBackground": "{formField.filledBackground}",
+      "filledHoverBackground": "{formField.filledHoverBackground}",
+      "filledFocusBackground": "{formField.filledFocusBackground}",
+      "borderColor": "{formField.borderColor}",
+      "hoverBorderColor": "{formField.hoverBorderSecondaryColor}",
+      "focusBorderColor": "{formField.focusBorderSecondaryColor}",
+      "invalidBorderColor": "{formField.invalidBorderColor}",
+      "color": "{text.color}",
+      "disabledColor": "{formField.disabledColor}",
+      "placeholderColor": "{formField.placeholderColor}",
+      "invalidPlaceholderColor": "{formField.invalidPlaceholderColor}",
+      "shadow": "{formField.shadow}",
+      "paddingX": "{sizingSelect.root.paddingX}",
+      "paddingY": "{sizingSelect.root.paddingY}",
+      "borderRadius": "{formField.borderRadius}",
+      "transitionDuration": "{formField.transitionDuration}",
+      "sm": {
+        "fontSize": "{sizingSelect.root.fontSize}",
+        "paddingX": "{sizingSelect.root.paddingX}",
+        "paddingY": "{sizingSelect.root.paddingY}"
+      },
+      "lg": {
+        "fontSize": "{sizingSelect.root.fontSize}",
+        "paddingX": "{sizingSelect.root.paddingX}",
+        "paddingY": "{sizingSelect.root.paddingY}"
+      },
+      "focusRing": {
+        "width": "{formField.focusRing.width}",
+        "style": "{formField.focusRing.style}",
+        "color": "{formField.focusRing.color}",
+        "offset": "{formField.focusRing.offset}",
+        "shadow": "{formField.shadow}"
+      }
+    },
+    "dropdown": {
+      "width": "2.5rem",
+      "color": "{formField.iconColor}"
+    },
+    "overlay": {
+      "background": "{overlay.select.background}",
+      "borderColor": "{overlay.select.borderColor}",
+      "borderRadius": "{overlay.select.borderRadius}",
+      "color": "{overlay.select.color}",
+      "shadow": "{overlay.select.shadow}"
+    },
+    "list": {
+      "padding": "{list.padding}",
+      "gap": "{list.gap}",
+      "header": {
+        "padding": "{list.header.padding}"
+      }
+    },
+    "option": {
+      "focusBackground": "{list.option.focusBackground}",
+      "selectedBackground": "{list.option.selectedBackground}",
+      "selectedFocusBackground": "{list.option.selectedFocusBackground}",
+      "color": "{list.option.color}",
+      "focusColor": "{list.option.focusColor}",
+      "selectedColor": "{list.option.selectedColor}",
+      "selectedFocusColor": "{list.option.selectedFocusColor}",
+      "padding": "{list.option.padding}",
+      "borderRadius": "{list.option.borderRadius}"
+    },
+    "optionGroup": {
+      "background": "{list.optionGroup.background}",
+      "color": "{list.optionGroup.color}",
+      "fontWeight": "{fonts.fontWeight.demibold}",
+      "padding": "{list.option.padding}"
+    },
+    "clearIcon": {
+      "color": "{formField.iconColor}"
+    },
+    "checkmark": {
+      "color": "{list.option.color}",
+      "gutterStart": "-0.5rem",
+      "gutterEnd": "0.5rem"
+    },
+    "emptyMessage": {
+      "padding": "{list.option.padding}"
+    }
+  },
+  "selectbutton": {
+    "colorScheme": {
+      "light": {
+        "root": {
+          "invalidBorderColor": "{formField.invalidBorderColor}"
+        }
+      }
+    },
+    "extend": {
+      "background": "{surface.200}"
+    },
+    "root": {
+      "borderRadius": "{borderRadius.rounded}"
+    }
+  },
+  "skeleton": {
+    "colorScheme": {
+      "light": {
+        "root": {
+          "background": "{surface.200}",
+          "animationBackground": "{surface.100}"
+        }
+      }
+    },
+    "root": {
+      "borderRadius": "{content.borderRadius}"
+    }
+  },
+  "slider": {
+    "colorScheme": {
+      "light": {
+        "handle": {
+          "content": {
+            "background": "{surface.0}"
+          }
+        }
+      }
+    },
+    "root": {
+      "transitionDuration": "{formField.transitionDuration}"
+    },
+    "track": {
+      "background": "{content.borderColor}",
+      "borderRadius": "{content.borderRadius}",
+      "size": "0.21875rem"
+    },
+    "range": {
+      "background": "{surface.900}"
+    },
+    "handle": {
+      "width": "1.09375rem",
+      "height": "1.09375rem",
+      "borderRadius": "{borderRadius.xl}",
+      "background": "{surface.900}",
+      "hoverBackground": "{surface.900}",
+      "focusRing": {
+        "width": "{formField.focusRing.width}",
+        "style": "{formField.focusRing.style}",
+        "color": "{formField.focusRing.color}",
+        "offset": "{formField.focusRing.offset}",
+        "shadow": "{formField.shadow}"
+      },
+      "content": {
+        "borderRadius": "{borderRadius.xl}",
+        "hoverBackground": "{surface.900}",
+        "width": "0.65625rem",
+        "height": "0.65625rem",
+        "shadow": "none"
+      }
+    }
+  },
+  "splitter": {
+    "colorScheme": {
+      "light": {
+        "handle": {
+          "background": "{surface.900}"
+        }
+      }
+    },
+    "gutter": {
+      "background": "{surface.100}"
+    },
+    "root": {
+      "background": "{content.background}",
+      "borderColor": "{content.borderColor}",
+      "color": "{content.color}",
+      "transitionDuration": "{transitionDuration}"
+    },
+    "handle": {
+      "size": "0.21875rem",
+      "borderRadius": "{content.borderRadius}",
+      "focusRing": {
+        "width": "{formField.focusRing.width}",
+        "style": "{formField.focusRing.style}",
+        "color": "{formField.focusRing.color}",
+        "offset": "{formField.focusRing.offset}",
+        "shadow": "{formField.shadow}"
+      }
+    }
+  },
+  "stepper": {
+    "extend": {
+      "extCaption": {
+        "gap": "0.21875rem"
+      },
+      "extStepNumber": {
+        "invalidBackground": "{error.400}",
+        "invalidColor": "{error.900}",
+        "invalidBorderColor": "{error.400}"
+      }
+    },
+    "root": {
+      "transitionDuration": "{transitionDuration}"
+    },
+    "separator": {
+      "background": "{content.borderColor}",
+      "activeBackground": "{formField.focusBorderPrimaryColor}",
+      "margin": "0 0 0 1.625rem",
+      "size": "0.0625rem"
+    },
+    "step": {
+      "padding": "0.4375rem",
+      "gap": "0.4375rem"
+    },
+    "stepHeader": {
+      "padding": "0",
+      "borderRadius": "0",
+      "gap": "0.4375rem",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "color": "{focusRing.color}",
+        "offset": "{focusRing.offset}",
+        "shadow": "{focusRing.shadow}"
+      }
+    },
+    "stepTitle": {
+      "color": "{text.color}",
+      "activeColor": "{text.color}",
+      "fontWeight": "{fonts.fontWeight.regular}"
+    },
+    "stepNumber": {
+      "background": "{content.background}",
+      "activeBackground": "{primary.color}",
+      "borderColor": "{content.borderColor}",
+      "activeBorderColor": "{primary.color}",
+      "color": "{text.color}",
+      "activeColor": "{text.extend.colorPrimaryStatic}",
+      "size": "1.3125rem",
+      "fontSize": "{fonts.fontSize.base}",
+      "fontWeight": "{fonts.fontWeight.bold}",
+      "borderRadius": "{content.borderRadius}",
+      "shadow": "none"
+    },
+    "steppanels": {
+      "padding": "0.875rem"
+    },
+    "steppanel": {
+      "background": "{content.background}",
+      "color": "{content.color}",
+      "padding": "0",
+      "indent": "0"
+    }
+  },
+  "steps": {
+    "itemLink": {
+      "gap": "0.5rem"
+    },
+    "itemLabel": {
+      "fontWeight": "{fonts.fontWeight.regular}"
+    },
+    "itemNumber": {
+      "background": "{content.background}",
+      "size": "2.25rem",
+      "fontSize": "{fonts.fontSize.base}",
+      "fontWeight": "{fonts.fontWeight.bold}",
+      "borderRadius": "50%",
+      "shadow": "none"
+    }
+  },
+  "tabs": {
+    "colorScheme": {
+      "light": {
+        "navButton": {
+          "shadow": "0px 0px 10px 50px rgba(255, 255, 255, 0.6)"
+        },
+        "tab": {
+          "background": "{transparent}",
+          "hoverBackground": "{transparent}",
+          "activeBackground": "{transparent}"
+        }
+      }
+    },
+    "root": {
+      "transitionDuration": "{transitionDuration}"
+    },
+    "tablist": {
+      "borderWidth": "0 0 2px 0",
+      "background": "{transparent}",
+      "borderColor": "{content.borderColor}"
+    },
+    "tab": {
+      "borderWidth": "0",
+      "borderColor": "{content.borderColor}",
+      "hoverBorderColor": "{content.borderColor}",
+      "activeBorderColor": "{formField.focusBorderPrimaryColor}",
+      "color": "{text.mutedColor}",
+      "hoverColor": "{text.color}",
+      "activeColor": "{text.color}",
+      "padding": "0.875rem",
+      "fontWeight": "{fonts.fontWeight.demibold}",
+      "margin": "0 0 -1px 0",
+      "gap": "0.4375rem",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "color": "{focusRing.color}",
+        "offset": "{focusRing.offset}",
+        "shadow": "{focusRing.shadow}"
+      }
+    },
+    "tabpanel": {
+      "background": "{transparent}",
+      "color": "{text.color}",
+      "padding": "0.875rem",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "color": "{focusRing.color}",
+        "offset": "{focusRing.offset}",
+        "shadow": "{focusRing.shadow}"
+      }
+    },
+    "navButton": {
+      "background": "{content.background}",
+      "color": "{content.color}",
+      "hoverColor": "{content.hoverColor}",
+      "width": "1.3125rem",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "color": "{focusRing.color}",
+        "offset": "{focusRing.offset}",
+        "shadow": "{focusRing.shadow}"
+      }
+    },
+    "activeBar": {
+      "height": "0.125rem",
+      "bottom": "-1",
+      "background": "{content.color}"
+    }
+  },
+  "toast": {
+    "colorScheme": {
+      "light": {
+        "info": {
+          "background": "{info.50}",
+          "borderColor": "{info.500}",
+          "color": "{text.color}",
+          "detailColor": "{text.color}",
+          "shadow": "{overlay.popover.shadow}",
+          "closeButton": {
+            "hoverBackground": "{info.200}",
+            "focusRing": {
+              "color": "{focusRing.color}",
+              "shadow": "none"
+            }
+          }
+        },
+        "success": {
+          "background": "{success.50}",
+          "borderColor": "{success.500}",
+          "color": "{text.color}",
+          "detailColor": "{text.color}",
+          "shadow": "{overlay.popover.shadow}",
+          "closeButton": {
+            "hoverBackground": "{success.200}",
+            "focusRing": {
+              "color": "{focusRing.color}",
+              "shadow": "none"
+            }
+          }
+        },
+        "warn": {
+          "background": "{warn.50}",
+          "borderColor": "{warn.500}",
+          "color": "{text.color}",
+          "detailColor": "{text.color}",
+          "shadow": "{overlay.popover.shadow}",
+          "closeButton": {
+            "hoverBackground": "{warn.200}",
+            "focusRing": {
+              "color": "{focusRing.color}",
+              "shadow": "none"
+            }
+          }
+        },
+        "error": {
+          "background": "{error.50}",
+          "borderColor": "{error.500}",
+          "color": "{text.color}",
+          "detailColor": "{text.color}",
+          "shadow": "{overlay.popover.shadow}",
+          "closeButton": {
+            "hoverBackground": "{error.200}",
+            "focusRing": {
+              "color": "{focusRing.color}",
+              "shadow": "none"
+            }
+          }
+        },
+        "secondary": {
+          "shadow": "{overlay.popover.shadow}"
+        },
+        "contrast": {
+          "shadow": "{overlay.popover.shadow}"
+        }
+      }
+    },
+    "extend": {
+      "extInfo": {
+        "color": "{info.500}",
+        "closeButton": {
+          "color": "{info.500}",
+          "borderColor": "{info.500}"
+        },
+        "caption": {
+          "color": "{text.color}"
+        }
+      },
+      "extAccentLine": {
+        "width": "0.21875rem"
+      },
+      "extCloseButton": {
+        "width": "0.0625rem"
+      },
+      "extSuccess": {
+        "color": "{success.500}",
+        "closeButton": {
+          "color": "{success.500}",
+          "borderColor": "{success.500}"
+        },
+        "caption": {
+          "color": "{text.color}"
+        }
+      },
+      "extWarn": {
+        "color": "{warn.500}",
+        "closeButton": {
+          "color": "{warn.500}",
+          "borderColor": "{warn.500}"
+        },
+        "caption": {
+          "color": "{text.color}"
+        }
+      },
+      "extError": {
+        "color": "{error.500}",
+        "closeButton": {
+          "color": "{error.500}",
+          "borderColor": "{error.500}"
+        },
+        "caption": {
+          "color": "{text.color}"
+        }
+      }
+    },
+    "root": {
+      "width": "{sizingToast.width}",
+      "borderWidth": "0.0625rem",
+      "borderRadius": "{content.borderRadius}",
+      "transitionDuration": "{transitionDuration}"
+    },
+    "icon": {
+      "size": "1.96875rem"
+    },
+    "content": {
+      "padding": "0.875rem",
+      "gap": "0.875rem"
+    },
+    "text": {
+      "gap": "0.21875rem"
+    },
+    "summary": {
+      "fontWeight": "{fonts.fontWeight.bold}",
+      "fontSize": "{fonts.fontSize.base}"
+    },
+    "detail": {
+      "fontWeight": "{fonts.fontWeight.regular}",
+      "fontSize": "{fonts.fontSize.sm}"
+    },
+    "closeButton": {
+      "width": "1.75rem",
+      "height": "1.75rem",
+      "borderRadius": "{borderRadius.md}",
+      "focusRing": {
+        "width": "{focusRing.width}",
+        "style": "{focusRing.style}",
+        "offset": "{focusRing.offset}"
+      }
+    },
+    "closeIcon": {
+      "size": "0.875rem"
+    }
+  },
+  "tag": {
+    "colorScheme": {
+      "light": {
+        "primary": {
+          "background": "{primary.500}",
+          "color": "{text.color}"
+        },
+        "secondary": {
+          "background": "{surface.200}",
+          "color": "{text.color}"
+        },
+        "success": {
+          "background": "{success.400}",
+          "color": "{success.900}"
+        },
+        "info": {
+          "background": "{info.300}",
+          "color": "{info.900}"
+        },
+        "warn": {
+          "background": "{warn.300}",
+          "color": "{warn.900}"
+        },
+        "danger": {
+          "background": "{error.300}",
+          "color": "{error.900}"
+        }
+      }
+    },
+    "root": {
+      "fontSize": "{fonts.fontSize.xs}",
+      "fontWeight": "{fonts.fontWeight.regular}",
+      "padding": "0.285rem 0.5rem",
+      "gap": "0.21875rem",
+      "borderRadius": "{borderRadius.sm}",
+      "roundedBorderRadius": "{borderRadius.xl}"
+    },
+    "icon": {
+      "size": "0.765625rem"
+    }
+  },
+  "textarea": {
+    "extend": {
+      "readonlyBackground": "{formField.readonlyBackground}"
+    },
+    "root": {
+      "background": "{formField.background}",
+      "disabledBackground": "{formField.disabledBackground}",
+      "filledBackground": "{formField.filledBackground}",
+      "filledHoverBackground": "{formField.filledHoverBackground}",
+      "filledFocusBackground": "{formField.filledFocusBackground}",
+      "borderColor": "{formField.borderColor}",
+      "hoverBorderColor": "{formField.hoverBorderSecondaryColor}",
+      "focusBorderColor": "{formField.focusBorderSecondaryColor}",
+      "invalidBorderColor": "{formField.invalidBorderColor}",
+      "color": "{formField.color}",
+      "disabledColor": "{formField.disabledColor}",
+      "placeholderColor": "{formField.placeholderColor}",
+      "invalidPlaceholderColor": "{formField.invalidPlaceholderColor}",
+      "shadow": "{formField.shadow}",
+      "paddingX": "{formField.paddingX}",
+      "paddingY": "{formField.paddingY}",
+      "borderRadius": "{formField.borderRadius}",
+      "transitionDuration": "{formField.transitionDuration}",
+      "focusRing": {
+        "width": "{formField.focusRing.width}",
+        "style": "{formField.focusRing.style}",
+        "color": "{formField.focusRing.color}",
+        "offset": "{formField.focusRing.offset}",
+        "shadow": "{formField.shadow}"
+      }
+    },
+    "sm": {
+      "fontSize": "{fonts.fontSize.base}",
+      "paddingX": "{formField.sm.paddingX}",
+      "paddingY": "{formField.sm.paddingY}"
+    },
+    "lg": {
+      "fontSize": "{fonts.fontSize.base}",
+      "paddingX": "{formField.lg.paddingX}",
+      "paddingY": "{formField.lg.paddingY}"
+    }
+  },
+  "tieredmenu": {
+    "extend": {
+      "extSubmenu": {
+        "borderColor": "{content.borderColor}",
+        "background": "{content.background}"
+      },
+      "extItem": {
+        "caption": {
+          "gap": "0.21875rem",
+          "color": "{text.mutedColor}"
+        }
+      }
+    },
+    "root": {
+      "background": "{transparent}",
+      "borderColor": "{transparent}",
+      "color": "{content.color}",
+      "borderRadius": "{content.borderRadius}",
+      "shadow": "{overlay.navigation.shadow}",
+      "transitionDuration": "{transitionDuration}"
+    },
+    "list": {
+      "padding": "{navigation.list.padding}",
+      "gap": "{navigation.list.gap}"
+    },
+    "item": {
+      "focusBackground": "{navigation.item.focusBackground}",
+      "activeBackground": "{navigation.item.activeBackground}",
+      "color": "{navigation.item.color}",
+      "focusColor": "{navigation.item.focusColor}",
+      "activeColor": "{navigation.item.activeColor}",
+      "padding": "{navigation.item.padding}",
+      "borderRadius": "{navigation.item.borderRadius}",
+      "gap": "{navigation.item.gap}",
+      "icon": {
+        "color": "{navigation.item.icon.color}",
+        "focusColor": "{navigation.item.icon.focusColor}",
+        "activeColor": "{navigation.item.icon.activeColor}"
+      }
+    },
+    "submenu": {
+      "mobileIndent": "0.65625rem"
+    },
+    "separator": {
+      "borderColor": "{content.borderColor}"
+    }
+  },
+  "timeline": {
+    "event": {
+      "minHeight": "2.65625rem"
+    },
+    "vertical": {
+      "eventContent": {
+        "padding": "0 1rem"
+      }
+    },
+    "horizontal": {
+      "eventContent": {
+        "padding": "1rem 0"
+      }
+    },
+    "eventMarker": {
+      "size": "0.875rem",
+      "borderRadius": "{content.borderRadius}",
+      "borderWidth": "0.21875rem",
+      "background": "{content.background}",
+      "borderColor": "{primary.color}",
+      "content": {
+        "borderRadius": "{content.borderRadius}",
+        "size": "0.65625rem",
+        "background": "{transparent}",
+        "insetShadow": "none"
+      }
+    },
+    "eventConnector": {
+      "color": "{content.borderColor}",
+      "size": "0.0625rem"
+    }
+  },
+  "togglebutton": {
+    "colorScheme": {
+      "light": {
+        "root": {
+          "background": "{surface.200}"
+        }
+      }
+    },
+    "extend": {
+      "gap": "0.65625rem",
+      "extXlg": {
+        "padding": "1.25rem 1.5rem",
+        "iconOnlyWidth": "3.5625rem"
+      },
+      "iconOnlyWidth": "2.1875rem",
+      "extSm": {
+        "iconOnlyWidth": "1.875rem"
+      },
+      "hoverBorderColor": "{surface.300}",
+      "checkedHoverColor": "{text.extend.colorInverted}",
+      "checkedHoverBackground": "{surface.800}",
+      "checkedHoverBorderColor": "{surface.800}",
+      "extLg": {
+        "iconOnlyWidth": "3.125rem"
+      }
+    },
+    "root": {
+      "padding": "0.5rem 1rem",
+      "borderRadius": "{borderRadius.rounded}",
+      "gap": "0.4375rem",
+      "fontWeight": "{fonts.fontWeight.demibold}",
+      "hoverBackground": "{surface.300}",
+      "borderColor": "{surface.200}",
+      "color": "{text.color}",
+      "hoverColor": "{text.color}",
+      "checkedBackground": "{surface.900}",
+      "checkedColor": "{text.extend.colorInverted}",
+      "checkedBorderColor": "{surface.900}",
+      "disabledBackground": "{formField.disabledBackground}",
+      "disabledBorderColor": "{formField.disabledBackground}",
+      "disabledColor": "{formField.disabledColor}",
+      "invalidBorderColor": "{formField.invalidBorderColor}",
+      "focusRing": {
+        "width": "{formField.focusRing.width}",
+        "style": "{formField.focusRing.style}",
+        "color": "{formField.focusRing.color}",
+        "offset": "{formField.focusRing.offset}",
+        "shadow": "{formField.shadow}"
+      },
+      "sm": {
+        "fontSize": "{formField.sm.fontSize}",
+        "padding": "0.75rem 0.25rem"
+      },
+      "lg": {
+        "fontSize": "{formField.sm.fontSize}",
+        "padding": "1rem 1.5rem"
+      },
+      "transitionDuration": "{formField.transitionDuration}"
+    },
+    "icon": {
+      "color": "{text.color}",
+      "hoverColor": "{text.color}",
+      "checkedColor": "{text.extend.colorInverted}",
+      "disabledColor": "{formField.disabledColor}"
+    },
+    "content": {
+      "checkedBackground": "{transparent}",
+      "checkedShadow": "none",
+      "padding": "0",
+      "borderRadius": "0",
+      "sm": {
+        "padding": "0"
+      },
+      "lg": {
+        "padding": "0"
+      }
+    }
+  },
+  "toggleswitch": {
+    "colorScheme": {
+      "light": {
+        "root": {
+          "background": "{surface.400}",
+          "hoverBackground": "{surface.500}",
+          "disabledBackground": "{formField.disabledBackground}",
+          "checkedBackground": "{surface.900}",
+          "checkedHoverBackground": "{surface.500}"
+        },
+        "handle": {
+          "background": "{formField.backgroundHandler}",
+          "hoverBackground": "{formField.backgroundHandler}",
+          "disabledBackground": "{formField.disabledColor}",
+          "checkedBackground": "{surface.0}",
+          "checkedHoverBackground": "{surface.0}",
+          "color": "{text.color}",
+          "hoverColor": "{text.color}",
+          "checkedColor": "{text.color}",
+          "checkedHoverColor": "{text.color}"
+        }
+      }
+    },
+    "root": {
+      "width": "2.1875rem",
+      "height": "1.3125rem",
+      "borderRadius": "{borderRadius.xl}",
+      "gap": "0.125rem",
+      "borderWidth": "0",
+      "shadow": "none",
+      "focusRing": {
+        "width": "{formField.focusRing.width}",
+        "style": "{formField.focusRing.style}",
+        "color": "{primary.200}",
+        "offset": "{formField.focusRing.offset}",
+        "shadow": "{formField.shadow}"
+      },
+      "borderColor": "{transparent}",
+      "hoverBorderColor": "{transparent}",
+      "checkedBorderColor": "{transparent}",
+      "checkedHoverBorderColor": "{transparent}",
+      "invalidBorderColor": "{formField.invalidBorderColor}",
+      "transitionDuration": "{formField.transitionDuration}",
+      "slideDuration": "0.2s"
+    },
+    "handle": {
+      "borderRadius": "6.25rem",
+      "size": "1.09375rem"
+    }
+  },
+  "tooltip": {
+    "colorScheme": {
+      "light": {
+        "root": {
+          "background": "{surface.900}",
+          "color": "{text.extend.colorInverted}"
+        }
+      }
+    },
+    "root": {
+      "maxWidth": "14.875rem",
+      "gutter": "0.21875rem",
+      "shadow": "{overlay.popover.shadow}",
+      "padding": "0.5rem 1rem",
+      "borderRadius": "{overlay.popover.borderRadius}"
+    }
+  },
+  "tree": {
+    "root": {
+      "background": "{content.background}",
+      "color": "{content.color}",
+      "padding": "1rem",
+      "gap": "2px",
+      "indent": "1rem"
+    },
+    "node": {
+      "padding": "0.375rem 0.625rem",
+      "color": "{text.color}",
+      "selectedColor": "{text.extend.colorInverted}",
+      "gap": "0.25rem"
+    },
+    "nodeIcon": {
+      "selectedColor": "{text.extend.colorInverted}"
+    },
+    "nodeToggleButton": {
+      "borderRadius": "50%",
+      "size": "1.75rem",
+      "selectedHoverBackground": "{surface.900}"
+    },
+    "loadingIcon": {
+      "size": "2rem"
+    },
+    "filter": {
+      "margin": "0 0 0.5rem 0"
+    }
+  },
+  "overlaybadge": {
+    "root": {
+      "outline": {
+        "width": "0",
+        "color": "{transparent}"
+      }
+    }
+  }
+}
diff --git a/src/prime-preset/tokens/primitive-default.json b/src/prime-preset/tokens/primitive-default.json
new file mode 100644
index 0000000..6dc1c0f
--- /dev/null
+++ b/src/prime-preset/tokens/primitive-default.json
@@ -0,0 +1,377 @@
+{
+  "colors": {
+    "alpha": {
+      "white": {
+        "10": "rgba(255, 255, 255, 0.1000)",
+        "20": "rgba(255, 255, 255, 0.2000)",
+        "30": "rgba(255, 255, 255, 0.3000)",
+        "40": "rgba(255, 255, 255, 0.4000)",
+        "50": "rgba(255, 255, 255, 0.5000)",
+        "60": "rgba(255, 255, 255, 0.6000)",
+        "70": "rgba(255, 255, 255, 0.7000)",
+        "80": "rgba(255, 255, 255, 0.8000)",
+        "90": "rgba(255, 255, 255, 0.9000)",
+        "100": "#ffffff"
+      },
+      "black": {
+        "10": "rgba(0, 0, 0, 0.1000)",
+        "20": "rgba(0, 0, 0, 0.2000)",
+        "30": "rgba(0, 0, 0, 0.3000)",
+        "40": "rgba(0, 0, 0, 0.4000)",
+        "50": "rgba(0, 0, 0, 0.5000)",
+        "60": "rgba(0, 0, 0, 0.6000)",
+        "70": "rgba(0, 0, 0, 0.7000)",
+        "80": "rgba(0, 0, 0, 0.8000)",
+        "90": "rgba(0, 0, 0, 0.9000)",
+        "100": "#000000"
+      }
+    },
+    "solid": {
+      "purple": {
+        "50": "#faf5ff",
+        "100": "#f3e8ff",
+        "200": "#e9d5ff",
+        "300": "#d8b4fe",
+        "400": "#c084fc",
+        "500": "#a855f7",
+        "600": "#9333ea",
+        "700": "#7e22ce",
+        "800": "#6b21a8",
+        "900": "#581c87",
+        "950": "#3b0764"
+      },
+      "fuchsia": {
+        "50": "#fdf4ff",
+        "100": "#fae8ff",
+        "200": "#f5d0fe",
+        "300": "#f0abfc",
+        "400": "#e879f9",
+        "500": "#d946ef",
+        "600": "#c026d3",
+        "700": "#a21caf",
+        "800": "#86198f",
+        "900": "#701a75",
+        "950": "#4a044e"
+      },
+      "pink": {
+        "50": "#fdf2f8",
+        "100": "#fce7f3",
+        "200": "#fbcfe8",
+        "300": "#f9a8d4",
+        "400": "#f472b6",
+        "500": "#ec4899",
+        "600": "#db2777",
+        "700": "#be185d",
+        "800": "#9d174d",
+        "900": "#831843",
+        "950": "#500724"
+      },
+      "rose": {
+        "50": "#fff1f2",
+        "100": "#ffe4e6",
+        "200": "#fecdd3",
+        "300": "#fda4af",
+        "400": "#fb7185",
+        "500": "#f43f5e",
+        "600": "#e11d48",
+        "700": "#be123c",
+        "800": "#9f1239",
+        "900": "#881337",
+        "950": "#4c0519"
+      },
+      "teal": {
+        "50": "#f0fdfa",
+        "100": "#ccfbf1",
+        "200": "#99f6e4",
+        "300": "#5eead4",
+        "400": "#2dd4bf",
+        "500": "#14b8a6",
+        "600": "#0d9488",
+        "700": "#0f766e",
+        "800": "#115e59",
+        "900": "#134e4a",
+        "950": "#042f2e"
+      },
+      "cyan": {
+        "50": "#ecfeff",
+        "100": "#cffafe",
+        "200": "#a5f3fc",
+        "300": "#67e8f9",
+        "400": "#22d3ee",
+        "500": "#06b6d4",
+        "600": "#0891b2",
+        "700": "#0e7490",
+        "800": "#155e75",
+        "900": "#164e63",
+        "950": "#083344"
+      },
+      "sky": {
+        "50": "#f0f9ff",
+        "100": "#e0f2fe",
+        "200": "#bae6fd",
+        "300": "#7dd3fc",
+        "400": "#38bdf8",
+        "500": "#0ea5e9",
+        "600": "#0284c7",
+        "700": "#0369a1",
+        "800": "#075985",
+        "900": "#0c4a6e",
+        "950": "#082f49"
+      },
+      "blue": {
+        "50": "#fafdff",
+        "100": "#f0f9ff",
+        "200": "#d4ecfe",
+        "300": "#aad7fb",
+        "400": "#77baf4",
+        "500": "#4496e8",
+        "600": "#1e76cd",
+        "700": "#18538d",
+        "800": "#123a61",
+        "900": "#0e2a45",
+        "950": "#0c243b"
+      },
+      "indigo": {
+        "50": "#eef2ff",
+        "100": "#e0e7ff",
+        "200": "#c7d2fe",
+        "300": "#a5b4fc",
+        "400": "#818cf8",
+        "500": "#6366f1",
+        "600": "#4f46e5",
+        "700": "#4338ca",
+        "800": "#3730a3",
+        "900": "#312e81",
+        "950": "#1e1b4b"
+      },
+      "violet": {
+        "50": "#fcfaff",
+        "100": "#f6f0ff",
+        "200": "#e5d4fe",
+        "300": "#cbaafb",
+        "400": "#b284f5",
+        "500": "#a265ec",
+        "600": "#9457ea",
+        "700": "#48188d",
+        "800": "#321261",
+        "900": "#240e45",
+        "950": "#1f0c3b"
+      },
+      "emerald": {
+        "50": "#ecfdf5",
+        "100": "#d1fae5",
+        "200": "#a7f3d0",
+        "300": "#6ee7b7",
+        "400": "#34d399",
+        "500": "#10b981",
+        "600": "#059669",
+        "700": "#047857",
+        "800": "#065f46",
+        "900": "#064e3b",
+        "950": "#022c22"
+      },
+      "green": {
+        "50": "#fafffb",
+        "100": "#f0fff3",
+        "200": "#d4fedc",
+        "300": "#aafbb7",
+        "400": "#77f48a",
+        "500": "#44e858",
+        "600": "#1dc831",
+        "700": "#168322",
+        "800": "#12611b",
+        "900": "#0e4514",
+        "950": "#0c3b11"
+      },
+      "lime": {
+        "50": "#f7fee7",
+        "100": "#ecfccb",
+        "200": "#d9f99d",
+        "300": "#bef264",
+        "400": "#a3e635",
+        "500": "#84cc16",
+        "600": "#65a30d",
+        "700": "#4d7c0f",
+        "800": "#3f6212",
+        "900": "#365314",
+        "950": "#1a2e05"
+      },
+      "red": {
+        "50": "#fffafa",
+        "100": "#fff0f0",
+        "200": "#fed4d4",
+        "300": "#fbacaa",
+        "400": "#f47f77",
+        "500": "#e85244",
+        "600": "#db3424",
+        "700": "#8d2218",
+        "800": "#611912",
+        "900": "#45120e",
+        "950": "#3b100c"
+      },
+      "orange": {
+        "50": "#fffbfa",
+        "100": "#fff3f0",
+        "200": "#ffddd5",
+        "300": "#ffbca9",
+        "400": "#ff9273",
+        "500": "#fe6434",
+        "600": "#d53f0b",
+        "700": "#a83107",
+        "800": "#752506",
+        "900": "#561c05",
+        "950": "#4b1905"
+      },
+      "amber": {
+        "50": "#fffbeb",
+        "100": "#fef3c7",
+        "200": "#fde68a",
+        "300": "#fcd34d",
+        "400": "#fbbf24",
+        "500": "#f59e0b",
+        "600": "#d97706",
+        "700": "#b45309",
+        "800": "#92400e",
+        "900": "#78350f",
+        "950": "#451a03"
+      },
+      "yellow": {
+        "50": "#fffdfa",
+        "100": "#fff9f0",
+        "200": "#ffeed4",
+        "300": "#fddeaa",
+        "400": "#facb75",
+        "500": "#f5b83d",
+        "600": "#dc9710",
+        "700": "#9d6d0e",
+        "800": "#6d4c0b",
+        "900": "#4f3709",
+        "950": "#453008"
+      },
+      "slate": {
+        "50": "#f8fafc",
+        "100": "#f1f5f9",
+        "200": "#e2e8f0",
+        "300": "#cbd5e1",
+        "400": "#94a3b8",
+        "500": "#64748b",
+        "600": "#475569",
+        "700": "#334155",
+        "800": "#1e293b",
+        "900": "#0f172a",
+        "950": "#020617"
+      },
+      "gray": {
+        "50": "#f9fafb",
+        "100": "#f3f4f6",
+        "200": "#e5e7eb",
+        "300": "#d1d5db",
+        "400": "#9ca3af",
+        "500": "#6b7280",
+        "600": "#4b5563",
+        "700": "#374151",
+        "800": "#1f2937",
+        "900": "#111827",
+        "950": "#030712"
+      },
+      "zinc": {
+        "50": "#fafafa",
+        "100": "#f0f0f1",
+        "200": "#e2e2e4",
+        "300": "#cecfd2",
+        "400": "#a2a5a9",
+        "500": "#85888e",
+        "600": "#6d7076",
+        "700": "#56595f",
+        "800": "#404348",
+        "900": "#2b2e33",
+        "950": "#181a1f"
+      },
+      "neutral": {
+        "50": "#fafafa",
+        "100": "#f5f5f5",
+        "200": "#e5e5e5",
+        "300": "#d4d4d4",
+        "400": "#a3a3a3",
+        "500": "#737373",
+        "600": "#525252",
+        "700": "#404040",
+        "800": "#262626",
+        "900": "#171717",
+        "950": "#0a0a0a"
+      },
+      "stone": {
+        "50": "#fafaf9",
+        "100": "#f5f5f4",
+        "200": "#e7e5e4",
+        "300": "#d6d3d1",
+        "400": "#a8a29e",
+        "500": "#78716c",
+        "600": "#57534e",
+        "700": "#44403c",
+        "800": "#292524",
+        "900": "#1c1917",
+        "950": "#0c0a09"
+      }
+    }
+  },
+  "borderRadius": {
+    "none": "0",
+    "xs": "0.21875rem",
+    "sm": "0.4375rem",
+    "md": "0.65625rem",
+    "lg": "0.875rem",
+    "xl": "1.3125rem",
+    "rounded": "62.4375rem"
+  },
+  "fonts": {
+    "fontFamily": {
+      "heading": "TT Fellows",
+      "base": "PT Sans"
+    },
+    "fontWeight": {
+      "regular": "25rem",
+      "medium": "31.25rem",
+      "demibold": "37.5rem",
+      "bold": "43.75rem"
+    },
+    "fontSize": {
+      "xs": "0.65625rem",
+      "sm": "0.765625rem",
+      "base": "0.875rem",
+      "lg": "0.984375rem",
+      "xl": "1.09375rem",
+      "2xl": "1.3125rem",
+      "3xl": "1.640625rem",
+      "4xl": "1.96875rem",
+      "5xl": "2.625rem",
+      "6xl": "3.28125rem",
+      "7xl": "3.9375rem",
+      "8xl": "5.25rem"
+    },
+    "lineHeight": {
+      "10": "0.6875rem",
+      "15": "0.75rem",
+      "20": "0.8125rem",
+      "25": "0.875rem",
+      "30": "0.9375rem",
+      "35": "1rem",
+      "40": "1.125rem",
+      "45": "1.25rem",
+      "50": "1.3125rem",
+      "55": "1.375rem",
+      "60": "1.5rem",
+      "65": "1.625rem",
+      "70": "2rem",
+      "75": "2.0625rem",
+      "80": "2.4375rem",
+      "85": "2.9375rem",
+      "auto": "auto"
+    }
+  },
+  "opacity": {
+    "0": "0",
+    "50": "0.03125rem",
+    "100": "0.0625rem"
+  }
+}
diff --git a/src/prime-preset/tokens/semantic-default.json b/src/prime-preset/tokens/semantic-default.json
new file mode 100644
index 0000000..2167ac2
--- /dev/null
+++ b/src/prime-preset/tokens/semantic-default.json
@@ -0,0 +1,112 @@
+{
+  "list": {
+    "padding": "0.21875rem",
+    "gap": "0.21875rem",
+    "header": {
+      "padding": "1rem 1rem 0 1rem"
+    },
+    "option": {
+      "padding": "0.5rem 0.75rem",
+      "borderRadius": "0.4375rem"
+    },
+    "optionGroup": {
+      "padding": "0.5rem 0.75rem",
+      "fontWeight": "{fonts.fontWeight.demibold}"
+    }
+  },
+  "focusRing": {
+    "width": "0.21875rem",
+    "style": "none",
+    "color": "#ffffff",
+    "offset": "0",
+    "shadow": "0 0 0 0.25rem {primary.200}"
+  },
+  "primary": {
+    "50": "{colors.solid.green.50}",
+    "100": "{colors.solid.green.100}",
+    "200": "{colors.solid.green.200}",
+    "300": "{colors.solid.green.300}",
+    "400": "{colors.solid.green.400}",
+    "500": "{colors.solid.green.500}",
+    "600": "{colors.solid.green.600}",
+    "700": "{colors.solid.green.700}",
+    "800": "{colors.solid.green.800}",
+    "900": "{colors.solid.green.900}",
+    "950": "{colors.solid.green.950}"
+  },
+  "formField": {
+    "paddingX": "0.65625rem",
+    "paddingY": "0.65625rem",
+    "borderRadius": "{borderRadius.md}",
+    "transitionDuration": "{transitionDuration}",
+    "sm": {
+      "fontSize": "{fonts.fontSize.base}",
+      "paddingX": "0.0390625rem",
+      "paddingY": "0.03125rem"
+    },
+    "lg": {
+      "fontSize": "{fonts.fontSize.base}",
+      "paddingX": "0.0546875rem",
+      "paddingY": "0.046875rem"
+    },
+    "focusRing": {
+      "width": "{focusRing.width}",
+      "style": "{focusRing.style}",
+      "color": "{focusRing.color}",
+      "offset": "{focusRing.offset}",
+      "shadow": "{focusRing.shadow}"
+    }
+  },
+  "content": {
+    "borderRadius": "{borderRadius.md}"
+  },
+  "mask": {
+    "transitionDuration": "{transitionDuration}"
+  },
+  "navigation": {
+    "list": {
+      "padding": "0.21875rem",
+      "gap": "0.21875rem"
+    },
+    "item": {
+      "padding": "0.625rem 1rem",
+      "borderRadius": "{borderRadius.sm}",
+      "gap": "0.4375rem"
+    },
+    "submenuLabel": {
+      "padding": "0.625rem 1rem",
+      "fontWeight": "{fonts.fontWeight.demibold}"
+    },
+    "submenuIcon": {
+      "size": "1.09375rem"
+    }
+  },
+  "overlay": {
+    "select": {
+      "borderRadius": "{borderRadius.md}",
+      "shadow": "0 3.5px 7px 0 rgba(0, 0, 0, 0.2)"
+    },
+    "popover": {
+      "borderRadius": "{borderRadius.sm}",
+      "padding": "0.65625rem",
+      "shadow": "0 1px 3px rgba(0, 0, 0, 0.1)"
+    },
+    "modal": {
+      "borderRadius": "{borderRadius.xl}",
+      "padding": "1.3125rem",
+      "shadow": "0 1px 3px rgba(0, 0, 0, 0.3)"
+    },
+    "navigation": {
+      "shadow": "0 2px 12px 0 rgba(0, 0, 0, 0.1)"
+    }
+  },
+  "transitionDuration": "0.2s",
+  "iconSizeMedium": "0.875rem",
+  "iconSizeLarge": "1.09375rem",
+  "anchorGutter": "0.125rem",
+  "opacity": {
+    "default": "{opacity.100}",
+    "muted": "{opacity.50}",
+    "disabled": "{opacity.0}"
+  }
+}
\ No newline at end of file
diff --git a/src/prime-preset/tokens/sizing-base.json b/src/prime-preset/tokens/sizing-base.json
new file mode 100644
index 0000000..cb9c0f3
--- /dev/null
+++ b/src/prime-preset/tokens/sizing-base.json
@@ -0,0 +1,30 @@
+{
+  "sizingInputtext": {
+    "root": {
+      "fontSize": "0.875rem",
+      "paddingX": "0.875rem",
+      "paddingY": "0.875rem"
+    }
+  },
+  "sizingSelect": {
+    "root": {
+      "fontSize": "0.875rem",
+      "paddingX": "0.875rem",
+      "paddingY": "0.875rem"
+    }
+  },
+  "sizingDialog": {
+    "extra": {
+      "minWidth": "21.875rem"
+    }
+  },
+  "sizingMessage": {
+    "width": "21.875rem"
+  },
+  "sizingToast": {
+    "width": "21.875rem"
+  },
+  "sizingDrawer": {
+    "width": "21.875rem"
+  }
+}
\ No newline at end of file
diff --git a/src/prime-preset/tokens/sizing-lg.json b/src/prime-preset/tokens/sizing-lg.json
new file mode 100644
index 0000000..9e2f0d6
--- /dev/null
+++ b/src/prime-preset/tokens/sizing-lg.json
@@ -0,0 +1,30 @@
+{
+  "sizingInputtext": {
+    "root": {
+      "fontSize": "0.875rem",
+      "paddingX": "1.09375rem",
+      "paddingY": "1.09375rem"
+    }
+  },
+  "sizingSelect": {
+    "root": {
+      "fontSize": "0.875rem",
+      "paddingX": "1.09375rem",
+      "paddingY": "1.09375rem"
+    }
+  },
+  "sizingDialog": {
+    "extra": {
+      "minWidth": "26.25rem"
+    }
+  },
+  "sizingMessage": {
+    "width": "26.25rem"
+  },
+  "sizingToast": {
+    "width": "26.25rem"
+  },
+  "sizingDrawer": {
+    "width": "26.25rem"
+  }
+}
\ No newline at end of file
diff --git a/src/prime-preset/tokens/sizing-sm.json b/src/prime-preset/tokens/sizing-sm.json
new file mode 100644
index 0000000..8118b77
--- /dev/null
+++ b/src/prime-preset/tokens/sizing-sm.json
@@ -0,0 +1,30 @@
+{
+  "sizingInputtext": {
+    "root": {
+      "fontSize": "0.875rem",
+      "paddingX": "0.65625rem",
+      "paddingY": "0.65625rem"
+    }
+  },
+  "sizingSelect": {
+    "root": {
+      "fontSize": "0.875rem",
+      "paddingX": "0.65625rem",
+      "paddingY": "0.65625rem"
+    }
+  },
+  "sizingDialog": {
+    "extra": {
+      "minWidth": "17.5rem"
+    }
+  },
+  "sizingMessage": {
+    "width": "17.5rem"
+  },
+  "sizingToast": {
+    "width": "17.5rem"
+  },
+  "sizingDrawer": {
+    "width": "17.5rem"
+  }
+}
\ No newline at end of file
diff --git a/src/prime-preset/tokens/sizing-xlg.json b/src/prime-preset/tokens/sizing-xlg.json
new file mode 100644
index 0000000..8dc3516
--- /dev/null
+++ b/src/prime-preset/tokens/sizing-xlg.json
@@ -0,0 +1,30 @@
+{
+  "sizingInputtext": {
+    "root": {
+      "fontSize": "0.875rem",
+      "paddingX": "1.3125rem",
+      "paddingY": "1.3125rem"
+    }
+  },
+  "sizingSelect": {
+    "root": {
+      "fontSize": "0.875rem",
+      "paddingX": "1.3125rem",
+      "paddingY": "1.3125rem"
+    }
+  },
+  "sizingDialog": {
+    "extra": {
+      "minWidth": "39.375rem"
+    }
+  },
+  "sizingMessage": {
+    "width": "39.375rem"
+  },
+  "sizingToast": {
+    "width": "39.375rem"
+  },
+  "sizingDrawer": {
+    "width": "39.375rem"
+  }
+}
\ No newline at end of file
diff --git a/src/prime-preset/tokens/theme-dark.json b/src/prime-preset/tokens/theme-dark.json
new file mode 100644
index 0000000..9e1b794
--- /dev/null
+++ b/src/prime-preset/tokens/theme-dark.json
@@ -0,0 +1,212 @@
+{
+  "success": {
+    "50": "{colors.solid.green.950}",
+    "100": "{colors.solid.green.900}",
+    "200": "{colors.solid.green.800}",
+    "300": "{colors.solid.green.700}",
+    "400": "{colors.solid.green.600}",
+    "500": "{colors.solid.green.500}",
+    "600": "{colors.solid.green.400}",
+    "700": "{colors.solid.green.300}",
+    "800": "{colors.solid.green.200}",
+    "900": "{colors.solid.green.100}",
+    "950": "{colors.solid.green.50}"
+  },
+  "info": {
+    "50": "{colors.solid.blue.950}",
+    "100": "{colors.solid.blue.900}",
+    "200": "{colors.solid.blue.800}",
+    "300": "{colors.solid.blue.700}",
+    "400": "{colors.solid.blue.600}",
+    "500": "{colors.solid.blue.500}",
+    "600": "{colors.solid.blue.400}",
+    "700": "{colors.solid.blue.300}",
+    "800": "{colors.solid.blue.200}",
+    "900": "{colors.solid.blue.100}",
+    "950": "{colors.solid.blue.50}"
+  },
+  "warn": {
+    "50": "{colors.solid.yellow.950}",
+    "100": "{colors.solid.yellow.900}",
+    "200": "{colors.solid.yellow.800}",
+    "300": "{colors.solid.yellow.700}",
+    "400": "{colors.solid.yellow.600}",
+    "500": "{colors.solid.yellow.500}",
+    "600": "{colors.solid.yellow.400}",
+    "700": "{colors.solid.yellow.300}",
+    "800": "{colors.solid.yellow.200}",
+    "900": "{colors.solid.yellow.100}",
+    "950": "{colors.solid.yellow.50}"
+  },
+  "transparent": "rgba(0, 0, 0, 0.0001)",
+  "help": {
+    "50": "{colors.solid.purple.950}",
+    "100": "{colors.solid.purple.900}",
+    "200": "{colors.solid.purple.800}",
+    "300": "{colors.solid.purple.700}",
+    "400": "{colors.solid.purple.600}",
+    "500": "{colors.solid.purple.500}",
+    "600": "{colors.solid.purple.400}",
+    "700": "{colors.solid.purple.300}",
+    "800": "{colors.solid.purple.200}",
+    "900": "{colors.solid.purple.100}",
+    "950": "{colors.solid.purple.50}"
+  },
+  "error": {
+    "50": "{colors.solid.red.950}",
+    "100": "{colors.solid.red.900}",
+    "200": "{colors.solid.red.800}",
+    "300": "{colors.solid.red.700}",
+    "400": "{colors.solid.red.600}",
+    "500": "{colors.solid.red.500}",
+    "600": "{colors.solid.red.400}",
+    "700": "{colors.solid.red.300}",
+    "800": "{colors.solid.red.200}",
+    "900": "{colors.solid.red.100}",
+    "950": "{colors.solid.red.50}"
+  },
+  "surface": {
+    "0": "{colors.alpha.black.100}",
+    "50": "{colors.solid.zinc.950}",
+    "100": "{colors.solid.zinc.900}",
+    "200": "{colors.solid.zinc.800}",
+    "300": "{colors.solid.zinc.700}",
+    "400": "{colors.solid.zinc.600}",
+    "500": "{colors.solid.zinc.500}",
+    "600": "{colors.solid.zinc.400}",
+    "700": "{colors.solid.zinc.300}",
+    "800": "{colors.solid.zinc.200}",
+    "900": "{colors.solid.zinc.100}",
+    "950": "{colors.solid.zinc.50}"
+  },
+  "primary": {
+    "color": "{primary.500}",
+    "contrastColor": "{colors.solid.zinc.900}",
+    "hoverColor": "{primary.400}",
+    "activeColor": "{primary.300}"
+  },
+  "highlight": {
+    "background": "{colors.solid.zinc.100}",
+    "focusBackground": "{colors.solid.zinc.200}",
+    "color": "{colors.solid.zinc.900}",
+    "focusColor": "{colors.solid.zinc.900}"
+  },
+  "focusRing": {
+    "shadow": "0 0 0 0.2rem {primary.800}",
+    "extend": {
+      "invalid": "{colors.solid.red.800}",
+      "success": "{colors.solid.green.800}",
+      "warning": "{colors.solid.yellow.800}",
+      "info": "{colors.solid.blue.800}"
+    }
+  },
+  "mask": {
+    "background": "{colors.alpha.black.60}",
+    "color": "{surface.800}"
+  },
+  "formField": {
+    "background": "{colors.solid.zinc.950}",
+    "disabledBackground": "{colors.solid.zinc.800}",
+    "readonlyBackground": "{colors.solid.zinc.900}",
+    "filledBackground": "{colors.solid.zinc.950}",
+    "filledHoverBackground": "{colors.solid.zinc.950}",
+    "filledFocusBackground": "{colors.solid.zinc.950}",
+    "borderColor": "{colors.solid.zinc.700}",
+    "hoverBorderPrimaryColor": "{colors.solid.zinc.100}",
+    "focusBorderPrimaryColor": "{colors.solid.zinc.100}",
+    "hoverBorderSecondaryColor": "{colors.solid.green.400}",
+    "focusBorderSecondaryColor": "{colors.solid.green.400}",
+    "invalidBorderColor": "{colors.solid.red.600}",
+    "color": "{colors.alpha.white.100}",
+    "disabledColor": "{colors.solid.zinc.500}",
+    "placeholderColor": "{colors.solid.zinc.500}",
+    "invalidPlaceholderColor": "{colors.solid.red.400}",
+    "floatLabelColor": "{colors.solid.zinc.500}",
+    "floatLabelFocusColor": "{colors.solid.zinc.500}",
+    "floatLabelActiveColor": "{colors.solid.zinc.500}",
+    "floatLabelInvalidColor": "{formField.invalidPlaceholderColor}",
+    "iconColor": "{colors.alpha.white.100}",
+    "shadow": "rgba(255, 255, 255, 0.0000)",
+    "backgroundHandler": "{colors.alpha.white.100}"
+  },
+  "text": {
+    "color": "{colors.alpha.white.100}",
+    "extend": {
+      "colorPrimaryStatic": "{colors.solid.zinc.900}",
+      "colorSecondaryStatic": "{colors.alpha.white.100}",
+      "colorInverted": "{colors.solid.zinc.900}"
+    },
+    "hoverColor": "{colors.solid.zinc.300}",
+    "mutedColor": "{colors.solid.zinc.500}",
+    "hoverMutedColor": "{colors.solid.zinc.700}"
+  },
+  "content": {
+    "background": "{colors.solid.zinc.900}",
+    "hoverBackground": "{colors.solid.zinc.800}",
+    "borderColor": "{colors.solid.zinc.800}",
+    "color": "{text.color}",
+    "hoverColor": "{text.hoverColor}"
+  },
+  "overlay": {
+    "select": {
+      "background": "{colors.solid.zinc.900}",
+      "borderColor": "{colors.solid.zinc.800}",
+      "color": "{text.color}"
+    },
+    "popover": {
+      "background": "{colors.solid.zinc.900}",
+      "borderColor": "{formField.borderColor}",
+      "color": "{text.color}",
+      "shadow": "rgba(24, 26, 31, 0.2000)"
+    },
+    "modal": {
+      "background": "{colors.solid.zinc.900}",
+      "borderColor": "{colors.solid.zinc.800}",
+      "color": "{text.color}"
+    }
+  },
+  "list": {
+    "option": {
+      "background": "{colors.solid.zinc.900}",
+      "focusBackground": "{colors.solid.zinc.800}",
+      "selectedBackground": "{colors.solid.zinc.100}",
+      "selectedFocusBackground": "{colors.solid.zinc.300}",
+      "color": "{text.color}",
+      "focusColor": "{text.color}",
+      "selectedColor": "{text.extend.colorInverted}",
+      "selectedFocusColor": "{text.extend.colorInverted}",
+      "icon": {
+        "color": "{text.color}",
+        "focusColor": "{text.color}"
+      }
+    },
+    "surface": "#ffffff",
+    "optionGroup": {
+      "background": "{colors.solid.zinc.900}",
+      "color": "{text.mutedColor}"
+    }
+  },
+  "navigation": {
+    "submenuLabel": {
+      "background": "rgba(255, 255, 255, 0.0000)",
+      "color": "{text.mutedColor}"
+    },
+    "submenuIcon": {
+      "color": "{colors.solid.zinc.100}",
+      "focusColor": "{colors.solid.zinc.100}",
+      "activeColor": "{colors.solid.zinc.900}"
+    },
+    "item": {
+      "focusBackground": "{colors.solid.zinc.900}",
+      "activeBackground": "{colors.solid.zinc.100}",
+      "color": "{colors.alpha.white.100}",
+      "focusColor": "{colors.alpha.white.100}",
+      "activeColor": "{colors.solid.zinc.900}",
+      "icon": {
+        "color": "{colors.alpha.white.100}",
+        "focusColor": "{colors.alpha.white.100}",
+        "activeColor": "{colors.solid.zinc.900}"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/prime-preset/tokens/theme-light.json b/src/prime-preset/tokens/theme-light.json
new file mode 100644
index 0000000..d06ada7
--- /dev/null
+++ b/src/prime-preset/tokens/theme-light.json
@@ -0,0 +1,212 @@
+{
+  "success": {
+    "50": "{colors.solid.green.50}",
+    "100": "{colors.solid.green.100}",
+    "200": "{colors.solid.green.200}",
+    "300": "{colors.solid.green.300}",
+    "400": "{colors.solid.green.400}",
+    "500": "{colors.solid.green.500}",
+    "600": "{colors.solid.green.600}",
+    "700": "{colors.solid.green.700}",
+    "800": "{colors.solid.green.800}",
+    "900": "{colors.solid.green.900}",
+    "950": "{colors.solid.green.950}"
+  },
+  "info": {
+    "50": "{colors.solid.blue.50}",
+    "100": "{colors.solid.blue.100}",
+    "200": "{colors.solid.blue.200}",
+    "300": "{colors.solid.blue.300}",
+    "400": "{colors.solid.blue.400}",
+    "500": "{colors.solid.blue.500}",
+    "600": "{colors.solid.blue.600}",
+    "700": "{colors.solid.blue.700}",
+    "800": "{colors.solid.blue.800}",
+    "900": "{colors.solid.blue.900}",
+    "950": "{colors.solid.blue.950}"
+  },
+  "warn": {
+    "50": "{colors.solid.yellow.50}",
+    "100": "{colors.solid.yellow.100}",
+    "200": "{colors.solid.yellow.200}",
+    "300": "{colors.solid.yellow.300}",
+    "400": "{colors.solid.yellow.400}",
+    "500": "{colors.solid.yellow.500}",
+    "600": "{colors.solid.yellow.600}",
+    "700": "{colors.solid.yellow.700}",
+    "800": "{colors.solid.yellow.800}",
+    "900": "{colors.solid.yellow.900}",
+    "950": "{colors.solid.yellow.950}"
+  },
+  "transparent": "rgba(255, 255, 255, 0.0001)",
+  "help": {
+    "50": "{colors.solid.purple.50}",
+    "100": "{colors.solid.purple.100}",
+    "200": "{colors.solid.purple.200}",
+    "300": "{colors.solid.purple.300}",
+    "400": "{colors.solid.purple.400}",
+    "500": "{colors.solid.purple.500}",
+    "600": "{colors.solid.purple.600}",
+    "700": "{colors.solid.purple.700}",
+    "800": "{colors.solid.purple.800}",
+    "900": "{colors.solid.purple.900}",
+    "950": "{colors.solid.purple.950}"
+  },
+  "error": {
+    "50": "{colors.solid.red.50}",
+    "100": "{colors.solid.red.100}",
+    "200": "{colors.solid.red.200}",
+    "300": "{colors.solid.red.300}",
+    "400": "{colors.solid.red.400}",
+    "500": "{colors.solid.red.500}",
+    "600": "{colors.solid.red.600}",
+    "700": "{colors.solid.red.700}",
+    "800": "{colors.solid.red.800}",
+    "900": "{colors.solid.red.900}",
+    "950": "{colors.solid.red.950}"
+  },
+  "surface": {
+    "0": "{colors.alpha.white.100}",
+    "50": "{colors.solid.zinc.50}",
+    "100": "{colors.solid.zinc.100}",
+    "200": "{colors.solid.zinc.200}",
+    "300": "{colors.solid.zinc.300}",
+    "400": "{colors.solid.zinc.400}",
+    "500": "{colors.solid.zinc.500}",
+    "600": "{colors.solid.zinc.600}",
+    "700": "{colors.solid.zinc.700}",
+    "800": "{colors.solid.zinc.800}",
+    "900": "{colors.solid.zinc.900}",
+    "950": "{colors.solid.zinc.950}"
+  },
+  "primary": {
+    "color": "{primary.500}",
+    "contrastColor": "{surface.0}",
+    "hoverColor": "{primary.600}",
+    "activeColor": "{primary.700}"
+  },
+  "highlight": {
+    "background": "{colors.solid.zinc.900}",
+    "focusBackground": "{colors.solid.zinc.800}",
+    "color": "{colors.alpha.white.100}",
+    "focusColor": "{colors.alpha.white.100}"
+  },
+  "focusRing": {
+    "shadow": "0 0 0 0.2rem {primary.200}",
+    "extend": {
+      "invalid": "{colors.solid.red.200}",
+      "success": "{colors.solid.green.200}",
+      "warning": "{colors.solid.yellow.200}",
+      "info": "{colors.solid.blue.200}"
+    }
+  },
+  "mask": {
+    "background": "{colors.alpha.black.40}",
+    "color": "{surface.200}"
+  },
+  "formField": {
+    "background": "{colors.alpha.white.100}",
+    "disabledBackground": "{colors.solid.zinc.200}",
+    "readonlyBackground": "{colors.solid.zinc.100}",
+    "filledBackground": "{colors.alpha.white.100}",
+    "filledHoverBackground": "{colors.alpha.white.100}",
+    "filledFocusBackground": "{colors.alpha.white.100}",
+    "borderColor": "{colors.solid.zinc.300}",
+    "hoverBorderPrimaryColor": "{colors.solid.zinc.900}",
+    "focusBorderPrimaryColor": "{colors.solid.zinc.900}",
+    "hoverBorderSecondaryColor": "{colors.solid.green.600}",
+    "focusBorderSecondaryColor": "{colors.solid.green.600}",
+    "invalidBorderColor": "{colors.solid.red.400}",
+    "color": "{colors.solid.zinc.950}",
+    "disabledColor": "{colors.solid.zinc.500}",
+    "placeholderColor": "{colors.solid.zinc.500}",
+    "invalidPlaceholderColor": "{colors.solid.red.600}",
+    "floatLabelColor": "{colors.solid.zinc.500}",
+    "floatLabelFocusColor": "{colors.solid.zinc.500}",
+    "floatLabelActiveColor": "{colors.solid.zinc.500}",
+    "floatLabelInvalidColor": "{formField.invalidPlaceholderColor}",
+    "iconColor": "{colors.solid.zinc.950}",
+    "shadow": "rgba(0, 0, 0, 0.0000)",
+    "backgroundHandler": "{colors.alpha.white.100}"
+  },
+  "text": {
+    "color": "{colors.solid.zinc.900}",
+    "extend": {
+      "colorPrimaryStatic": "{colors.solid.zinc.900}",
+      "colorSecondaryStatic": "{colors.alpha.white.100}",
+      "colorInverted": "{colors.alpha.white.100}"
+    },
+    "hoverColor": "{colors.solid.zinc.700}",
+    "mutedColor": "{colors.solid.zinc.500}",
+    "hoverMutedColor": "{colors.solid.zinc.300}"
+  },
+  "content": {
+    "background": "{colors.alpha.white.100}",
+    "hoverBackground": "{colors.solid.zinc.100}",
+    "borderColor": "{colors.solid.zinc.200}",
+    "color": "{text.color}",
+    "hoverColor": "{text.hoverColor}"
+  },
+  "overlay": {
+    "select": {
+      "background": "{colors.alpha.white.100}",
+      "borderColor": "{colors.solid.zinc.200}",
+      "color": "{text.color}"
+    },
+    "popover": {
+      "background": "{colors.alpha.white.100}",
+      "borderColor": "{formField.borderColor}",
+      "color": "{text.color}",
+      "shadow": "rgba(24, 26, 31, 0.2000)"
+    },
+    "modal": {
+      "background": "{colors.alpha.white.100}",
+      "borderColor": "{colors.solid.zinc.200}",
+      "color": "{text.color}"
+    }
+  },
+  "list": {
+    "option": {
+      "background": "{colors.alpha.white.100}",
+      "focusBackground": "{colors.solid.zinc.100}",
+      "selectedBackground": "{colors.solid.zinc.900}",
+      "selectedFocusBackground": "{colors.solid.zinc.700}",
+      "color": "{text.color}",
+      "focusColor": "{text.color}",
+      "selectedColor": "{text.extend.colorInverted}",
+      "selectedFocusColor": "{text.extend.colorInverted}",
+      "icon": {
+        "color": "{text.color}",
+        "focusColor": "{text.color}"
+      }
+    },
+    "surface": "#ffffff",
+    "optionGroup": {
+      "background": "{colors.alpha.white.100}",
+      "color": "{text.mutedColor}"
+    }
+  },
+  "navigation": {
+    "submenuLabel": {
+      "background": "rgba(255, 255, 255, 0.0000)",
+      "color": "{text.mutedColor}"
+    },
+    "submenuIcon": {
+      "color": "{colors.solid.zinc.900}",
+      "focusColor": "{colors.solid.zinc.900}",
+      "activeColor": "{colors.alpha.white.100}"
+    },
+    "item": {
+      "focusBackground": "{colors.solid.zinc.100}",
+      "activeBackground": "{colors.solid.zinc.900}",
+      "color": "{colors.solid.zinc.900}",
+      "focusColor": "{colors.solid.zinc.900}",
+      "activeColor": "{colors.alpha.white.100}",
+      "icon": {
+        "color": "{colors.solid.zinc.900}",
+        "focusColor": "{colors.solid.zinc.900}",
+        "activeColor": "{colors.alpha.white.100}"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src-storybook/stories/Configure.mdx b/src/stories/Configure.mdx
similarity index 85%
rename from src-storybook/stories/Configure.mdx
rename to src/stories/Configure.mdx
index 384fafa..4915d8e 100644
--- a/src-storybook/stories/Configure.mdx
+++ b/src/stories/Configure.mdx
@@ -1,25 +1,24 @@
-import { Meta } from "@storybook/addon-docs/blocks";
-
-import Github from "./assets/github.svg";
-import Discord from "./assets/discord.svg";
-import Youtube from "./assets/youtube.svg";
-import Tutorials from "./assets/tutorials.svg";
-import Styling from "./assets/styling.png";
-import Context from "./assets/context.png";
-import Assets from "./assets/assets.png";
-import Docs from "./assets/docs.png";
-import Share from "./assets/share.png";
-import FigmaPlugin from "./assets/figma-plugin.png";
-import Testing from "./assets/testing.png";
-import Accessibility from "./assets/accessibility.png";
-import Theming from "./assets/theming.png";
-import AddonLibrary from "./assets/addon-library.png";
-
-export const RightArrow = () => <svg 
-    viewBox="0 0 14 14" 
-    width="8px" 
-    height="14px" 
-    style={{ 
+import { Meta } from '@storybook/addon-docs/blocks';
+
+import Github from './assets/github.svg';
+import Tutorials from './assets/tutorials.svg';
+import Styling from './assets/styling.png';
+import Context from './assets/context.png';
+import Assets from './assets/assets.png';
+import Docs from './assets/docs.png';
+import Share from './assets/share.png';
+import FigmaPlugin from './assets/figma-plugin.png';
+import Testing from './assets/testing.png';
+import Accessibility from './assets/accessibility.png';
+import Theming from './assets/theming.png';
+import AddonLibrary from './assets/addon-library.png';
+
+export const RightArrow = () => (
+  <svg
+    viewBox="0 0 14 14"
+    width="8px"
+    height="14px"
+    style={{
       marginLeft: '4px',
       display: 'inline-block',
       shapeRendering: 'inherit',
@@ -27,9 +26,10 @@ export const RightArrow = () => <svg
       fill: 'currentColor',
       'path fill': 'currentColor'
     }}
->
-  <path d="m11.1 7.35-5.5 5.5a.5.5 0 0 1-.7-.7L10.04 7 4.9 1.85a.5.5 0 1 1 .7-.7l5.5 5.5c.2.2.2.5 0 .7Z" />
-</svg>
+  >
+    <path d="m11.1 7.35-5.5 5.5a.5.5 0 0 1-.7-.7L10.04 7 4.9 1.85a.5.5 0 1 1 .7-.7l5.5 5.5c.2.2.2.5 0 .7Z" />
+  </svg>
+);
 
 <Meta title="Configure your project" />
 
@@ -38,6 +38,7 @@ export const RightArrow = () => <svg
     # Configure your project
 
     Because Storybook works separately from your app, you'll need to configure it for your specific stack and setup. Below, explore guides for configuring Storybook with popular frameworks and tools. If you get stuck, learn how you can ask for help from our community.
+
   </div>
   <div className="sb-section">
     <div className="sb-section-item">
@@ -84,6 +85,7 @@ export const RightArrow = () => <svg
     # Do more with Storybook
 
     Now that you know the basics, let's explore other parts of Storybook that will improve your experience. This list is just to get you started. You can customise Storybook in many ways to fit your needs.
+
   </div>
 
   <div className="sb-section">
@@ -168,32 +170,10 @@ export const RightArrow = () => <svg
       Join our contributors building the future of UI development.
 
       <a
-        href="https://github.com/storybookjs/storybook"
+        href="https://github.com/cdek-it/angular-ui-kit"
         target="_blank"
       >Star on GitHub<RightArrow /></a>
     </div>
-    <div className="sb-section-item">
-      <img src={Discord} alt="Discord logo" className="sb-explore-image"/>
-      <div>
-        Get support and chat with frontend developers.
-
-        <a
-          href="https://discord.gg/storybook"
-          target="_blank"
-        >Join Discord server<RightArrow /></a>
-      </div>
-    </div>
-    <div className="sb-section-item">
-      <img src={Youtube} alt="Youtube logo" className="sb-explore-image"/>
-      <div>
-        Watch tutorials, feature previews and interviews.
-
-        <a
-          href="https://www.youtube.com/@chromaticui"
-          target="_blank"
-        >Watch on YouTube<RightArrow /></a>
-      </div>
-    </div>
     <div className="sb-section-item">
       <img src={Tutorials} alt="A book" className="sb-explore-image"/>
       <p>Follow guided walkthroughs on for key workflows.</p>
@@ -203,6 +183,7 @@ export const RightArrow = () => <svg
           target="_blank"
         >Discover tutorials<RightArrow /></a>
     </div>
+
 </div>
 
 <style>
diff --git a/src-storybook/stories/assets/accessibility.png b/src/stories/assets/accessibility.png
similarity index 100%
rename from src-storybook/stories/assets/accessibility.png
rename to src/stories/assets/accessibility.png
diff --git a/src-storybook/stories/assets/accessibility.svg b/src/stories/assets/accessibility.svg
similarity index 100%
rename from src-storybook/stories/assets/accessibility.svg
rename to src/stories/assets/accessibility.svg
diff --git a/src-storybook/stories/assets/addon-library.png b/src/stories/assets/addon-library.png
similarity index 100%
rename from src-storybook/stories/assets/addon-library.png
rename to src/stories/assets/addon-library.png
diff --git a/src-storybook/stories/assets/assets.png b/src/stories/assets/assets.png
similarity index 100%
rename from src-storybook/stories/assets/assets.png
rename to src/stories/assets/assets.png
diff --git a/src-storybook/stories/assets/avif-test-image.avif b/src/stories/assets/avif-test-image.avif
similarity index 100%
rename from src-storybook/stories/assets/avif-test-image.avif
rename to src/stories/assets/avif-test-image.avif
diff --git a/src-storybook/stories/assets/context.png b/src/stories/assets/context.png
similarity index 100%
rename from src-storybook/stories/assets/context.png
rename to src/stories/assets/context.png
diff --git a/src-storybook/stories/assets/docs.png b/src/stories/assets/docs.png
similarity index 100%
rename from src-storybook/stories/assets/docs.png
rename to src/stories/assets/docs.png
diff --git a/src-storybook/stories/assets/figma-plugin.png b/src/stories/assets/figma-plugin.png
similarity index 100%
rename from src-storybook/stories/assets/figma-plugin.png
rename to src/stories/assets/figma-plugin.png
diff --git a/src-storybook/stories/assets/github.svg b/src/stories/assets/github.svg
similarity index 100%
rename from src-storybook/stories/assets/github.svg
rename to src/stories/assets/github.svg
diff --git a/src-storybook/stories/assets/share.png b/src/stories/assets/share.png
similarity index 100%
rename from src-storybook/stories/assets/share.png
rename to src/stories/assets/share.png
diff --git a/src-storybook/stories/assets/styling.png b/src/stories/assets/styling.png
similarity index 100%
rename from src-storybook/stories/assets/styling.png
rename to src/stories/assets/styling.png
diff --git a/src-storybook/stories/assets/testing.png b/src/stories/assets/testing.png
similarity index 100%
rename from src-storybook/stories/assets/testing.png
rename to src/stories/assets/testing.png
diff --git a/src-storybook/stories/assets/theming.png b/src/stories/assets/theming.png
similarity index 100%
rename from src-storybook/stories/assets/theming.png
rename to src/stories/assets/theming.png
diff --git a/src-storybook/stories/assets/tutorials.svg b/src/stories/assets/tutorials.svg
similarity index 100%
rename from src-storybook/stories/assets/tutorials.svg
rename to src/stories/assets/tutorials.svg
diff --git a/src-storybook/stories/button/button.stories.ts b/src/stories/components/button/button.stories.ts
similarity index 92%
rename from src-storybook/stories/button/button.stories.ts
rename to src/stories/components/button/button.stories.ts
index 9fe4c7c..80c1166 100644
--- a/src-storybook/stories/button/button.stories.ts
+++ b/src/stories/components/button/button.stories.ts
@@ -12,6 +12,7 @@ import { ButtonDisabledComponent, Disabled } from './examples/button-disabled.co
 import { ButtonLoadingComponent, Loading } from './examples/button-loading.component';
 import { ButtonBadgeComponent, Badge } from './examples/button-badge.component';
 import { ButtonSeverityComponent, Severity } from './examples/button-severity.component';
+import { CommonModule } from '@angular/common';
 
 const meta: Meta = {
   title: 'PrimeNG/Button',
@@ -19,6 +20,7 @@ const meta: Meta = {
   decorators: [
     moduleMetadata({
       imports: [
+        CommonModule,
         ButtonModule,
         ButtonBaseComponent,
         ButtonSizesComponent,
@@ -29,17 +31,17 @@ const meta: Meta = {
         ButtonDisabledComponent,
         ButtonLoadingComponent,
         ButtonBadgeComponent,
-        ButtonSeverityComponent,
-      ],
-    }),
+        ButtonSeverityComponent
+      ]
+    })
   ],
   parameters: {
     docs: {
       description: {
-        component: 'Компонент кнопки с различными стилями, состояниями и иконками',
-      },
-    },
-  },
+        component: 'Компонент кнопки с различными стилями, состояниями и иконками'
+      }
+    }
+  }
 };
 export default meta;
 
diff --git a/src-storybook/stories/button/examples/button-badge.component.ts b/src/stories/components/button/examples/button-badge.component.ts
similarity index 75%
rename from src-storybook/stories/button/examples/button-badge.component.ts
rename to src/stories/components/button/examples/button-badge.component.ts
index b23cdc6..5ad6da8 100644
--- a/src-storybook/stories/button/examples/button-badge.component.ts
+++ b/src/stories/components/button/examples/button-badge.component.ts
@@ -4,18 +4,18 @@ import { StoryObj } from '@storybook/angular';
 
 const template = `
 <div class="bg-surface-ground p-4">
-  <div class="flex gap-3 items-end">  
+  <div class="flex gap-3 items-end">
     <p-button label="Emails" badge="8" size="small" />
-  
+
     <p-button label="Emails" badge="8" />
-    
+
     <p-button label="Emails" badge="8" size="large" />
-  
-    <p-button 
-        label="Messages" 
-        icon="pi pi-users" 
-        badge="2" 
-        badgeClass="p-badge-contrast" 
+
+    <p-button
+        label="Messages"
+        icon="ti ti-users"
+        badge="2"
+        badgeClass="p-badge-contrast"
         outlined="true" />
   </div>
 </div>
@@ -27,25 +27,25 @@ const styles = '';
   standalone: true,
   imports: [Button],
   template,
-  styles,
+  styles
 })
 export class ButtonBadgeComponent {}
 
 export const Badge: StoryObj = {
   render: () => ({
-    template: `<app-button-badge></app-button-badge>`,
+    template: `<app-button-badge></app-button-badge>`
   }),
   parameters: {
     docs: {
       description: {
-        story: 'Badge кнопка',
+        story: 'Badge кнопка'
       },
       source: {
         language: 'ts',
         code: `
 import { Component } from '@angular/core';
 import { Button } from 'primeng/button';
-        
+
 @Component({
   selector: 'app-button-text',
   standalone: true,
@@ -56,8 +56,8 @@ import { Button } from 'primeng/button';
   styles: ${styles}
 })
 export class ButtonBadgeComponent {}
-        `,
-      },
-    },
-  },
+        `
+      }
+    }
+  }
 };
diff --git a/src-storybook/stories/button/examples/button-base.component.ts b/src/stories/components/button/examples/button-base.component.ts
similarity index 69%
rename from src-storybook/stories/button/examples/button-base.component.ts
rename to src/stories/components/button/examples/button-base.component.ts
index bec5b74..37bdf26 100644
--- a/src-storybook/stories/button/examples/button-base.component.ts
+++ b/src/stories/components/button/examples/button-base.component.ts
@@ -1,14 +1,14 @@
 import { Component, Input } from '@angular/core';
-import { Button } from 'primeng/button';
+import { Button, ButtonIconPosition } from 'primeng/button';
 import { StoryObj } from '@storybook/angular';
 
 const template = `
 <div class="bg-surface-ground p-4">
-  <p-button 
-    [label]="label" 
-    [disabled]="disabled" 
+  <p-button
+    [label]="label"
+    [disabled]="disabled"
     [loading]="loading"
-    [size]="size" 
+    [size]="size"
     [rounded]="rounded"
     [outlined]="outlined"
     [text]="text"
@@ -27,40 +27,40 @@ const styles = ``;
   standalone: true,
   imports: [Button],
   template,
-  styles,
+  styles
 })
 export class ButtonBaseComponent {
   @Input() label = '';
   @Input() disabled = false;
   @Input() loading = false;
-  @Input() size: 'small' | 'large' | null = null;
+  @Input() size: 'small' | 'large' | undefined;
   @Input() rounded = false;
   @Input() outlined = false;
   @Input() text = false;
   @Input() icon: string = '';
-  @Input() iconPos: 'left' | 'right' | null = null;
+  @Input() iconPos: ButtonIconPosition = 'left';
   @Input() badge: string = '';
-  @Input() severity: 'success' | 'info' | 'warning' | 'primary' | 'help' | 'danger' | null = null;
+  @Input() severity: Extract<Button['severity'], string | null> = null;
 }
 
 export const Base: StoryObj = {
   render: (args) => ({
     props: args,
     template: `
-<app-button-base 
-  [label]="label" 
-  [disabled]="disabled" 
-  [loading]="loading" 
-  [size]="size" 
-  [rounded]="rounded" 
-  [outlined]="outlined" 
-  [text]="text" 
+<app-button-base
+  [label]="label"
+  [disabled]="disabled"
+  [loading]="loading"
+  [size]="size"
+  [rounded]="rounded"
+  [outlined]="outlined"
+  [text]="text"
   [icon]="icon"
   [iconPos]="iconPos"
   [badge]="badge"
   [severity]="severity"
 >
-</app-button-base>`,
+</app-button-base>`
   }),
   args: {
     label: 'Base button',
@@ -73,17 +73,17 @@ export const Base: StoryObj = {
     icon: '',
     iconPos: null,
     badge: '',
-    severity: null,
+    severity: null
   },
   argTypes: {
     label: {
-      description: 'Текст кнопки.',
+      description: 'Текст кнопки.'
     },
     disabled: {
-      description: 'При наличии указывает, что компонент должен быть отключен.',
+      description: 'При наличии указывает, что компонент должен быть отключен.'
     },
     loading: {
-      description: 'Находится ли кнопка в состоянии загрузки.',
+      description: 'Находится ли кнопка в состоянии загрузки.'
     },
     // TODO Добавить xlarge после фикса в либе.
     size: {
@@ -91,54 +91,54 @@ export const Base: StoryObj = {
       control: { type: 'select' },
       options: [null, 'small', 'large'],
       table: {
-        type: { summary: `'small' | 'large' | null` }, // <-- тип в документации
-      },
+        type: { summary: `'small' | 'large' | null` } // <-- тип в документации
+      }
     },
     rounded: {
-      description: 'При наличии делает кнопку с закругленными краями.',
+      description: 'При наличии делает кнопку с закругленными краями.'
     },
     outlined: {
-      description: 'При наличии делает кнопку с контуром без фона.',
+      description: 'При наличии делает кнопку с контуром без фона.'
     },
     text: {
-      description: 'При наличии делает кнопку текстовой без фона и границ.',
+      description: 'При наличии делает кнопку текстовой без фона и границ.'
     },
     icon: {
-      description: 'Имя иконки для отображения в кнопке.',
+      description: 'Имя иконки для отображения в кнопке.'
     },
     iconPos: {
       description: 'Позиция иконки относительно текста.',
       control: { type: 'select' },
       options: [null, 'left', 'right'],
       table: {
-        type: { summary: `'left' | 'right' | null` },
-      },
+        type: { summary: `'left' | 'right' | null` }
+      }
     },
     badge: {
-      description: 'Текст для отображения в виде бейджа на кнопке.',
+      description: 'Текст для отображения в виде бейджа на кнопке.'
     },
     severity: {
       description: 'Определяет цветовую схему кнопки.',
       control: { type: 'select' },
-      options: [null, 'success', 'info', 'warning', 'primary', 'help', 'danger'],
+      options: [null, 'success', 'info', 'warn', 'primary', 'help', 'danger'],
       table: {
         type: {
-          summary: `'success' | 'info' | 'warning' | 'primary' | 'help' | 'danger' | null`,
-        },
-      },
-    },
+          summary: `'success' | 'info' | 'warn' | 'primary' | 'help' | 'danger' | null`
+        }
+      }
+    }
   },
   parameters: {
     docs: {
       description: {
-        story: 'Стандартная кнопка',
+        story: 'Стандартная кнопка'
       },
       source: {
         language: 'ts',
         code: `
 import { Component } from '@angular/core';
 import { Button } from 'primeng/button';
-        
+
 @Component({
   selector: 'app-button-base',
   standalone: true,
@@ -155,8 +155,8 @@ export class ButtonBaseComponent {
   @Input() size: 'small' | 'large' | null = null;
   @Input() rounded = false;
 }
-        `,
-      },
-    },
-  },
+        `
+      }
+    }
+  }
 };
diff --git a/src-storybook/stories/button/examples/button-disabled.component.ts b/src/stories/components/button/examples/button-disabled.component.ts
similarity index 79%
rename from src-storybook/stories/button/examples/button-disabled.component.ts
rename to src/stories/components/button/examples/button-disabled.component.ts
index 499d6dc..d82ce86 100644
--- a/src-storybook/stories/button/examples/button-disabled.component.ts
+++ b/src/stories/components/button/examples/button-disabled.component.ts
@@ -5,7 +5,7 @@ import { StoryObj } from '@storybook/angular';
 const template = `
 <div class="bg-surface-ground p-4">
   <div class="flex gap-3">
-    <p-button label="Submit" icon="pi pi-check" [disabled]="true"/>
+    <p-button label="Submit" icon="ti ti-check" [disabled]="true"/>
   </div>
 </div>
 `;
@@ -16,25 +16,25 @@ const styles = '';
   standalone: true,
   imports: [Button],
   template,
-  styles,
+  styles
 })
 export class ButtonDisabledComponent {}
 
 export const Disabled: StoryObj = {
   render: () => ({
-    template: `<app-button-disabled></app-button-disabled>`,
+    template: `<app-button-disabled></app-button-disabled>`
   }),
   parameters: {
     docs: {
       description: {
-        story: 'Disabled кнопка',
+        story: 'Disabled кнопка'
       },
       source: {
         language: 'ts',
         code: `
 import { Component } from '@angular/core';
 import { Button } from 'primeng/button';
-        
+
 @Component({
   selector: 'app-button-disabled',
   standalone: true,
@@ -45,8 +45,8 @@ import { Button } from 'primeng/button';
   styles: ${styles}
 })
 export class ButtonDisabledComponent {}
-        `,
-      },
-    },
-  },
+        `
+      }
+    }
+  }
 };
diff --git a/src-storybook/stories/button/examples/button-icon.component.ts b/src/stories/components/button/examples/button-icon.component.ts
similarity index 73%
rename from src-storybook/stories/button/examples/button-icon.component.ts
rename to src/stories/components/button/examples/button-icon.component.ts
index e0a46a2..0d7123d 100644
--- a/src-storybook/stories/button/examples/button-icon.component.ts
+++ b/src/stories/components/button/examples/button-icon.component.ts
@@ -5,9 +5,9 @@ import { StoryObj } from '@storybook/angular';
 const template = `
 <div class="bg-surface-ground p-4">
   <div class="flex gap-3">
-    <p-button icon="pi pi-check" />
-    <p-button label="Submit" icon="pi pi-check" />
-    <p-button label="Submit" icon="pi pi-check" iconPos="right" />
+    <p-button icon="ti ti-check" />
+    <p-button label="Submit" icon="ti ti-check" />
+    <p-button label="Submit" icon="ti ti-check" iconPos="right" />
   </div>
 </div>
 `;
@@ -18,25 +18,25 @@ const styles = '';
   standalone: true,
   imports: [Button],
   template,
-  styles,
+  styles
 })
 export class ButtonIconComponent {}
 
 export const Icon: StoryObj = {
   render: () => ({
-    template: `<app-button-icon></app-button-icon>`,
+    template: `<app-button-icon></app-button-icon>`
   }),
   parameters: {
     docs: {
       description: {
-        story: 'Кнопки с иконками',
+        story: 'Кнопки с иконками'
       },
       source: {
         language: 'ts',
         code: `
 import { Component } from '@angular/core';
 import { Button } from 'primeng/button';
-        
+
 @Component({
   selector: 'app-button-icon',
   standalone: true,
@@ -47,8 +47,8 @@ import { Button } from 'primeng/button';
   styles: ${styles}
 })
 export class ButtonIconComponent {}
-        `,
-      },
-    },
-  },
+        `
+      }
+    }
+  }
 };
diff --git a/src-storybook/stories/button/examples/button-loading.component.ts b/src/stories/components/button/examples/button-loading.component.ts
similarity index 83%
rename from src-storybook/stories/button/examples/button-loading.component.ts
rename to src/stories/components/button/examples/button-loading.component.ts
index 1317465..23cb0a1 100644
--- a/src-storybook/stories/button/examples/button-loading.component.ts
+++ b/src/stories/components/button/examples/button-loading.component.ts
@@ -5,7 +5,7 @@ import { StoryObj } from '@storybook/angular';
 const template = `
 <div class="bg-surface-ground p-4">
   <div class="flex gap-3">
-    <p-button label="Submit" icon="pi pi-check" [loading]="true"/>
+    <p-button label="Submit" icon="ti ti-check" [loading]="true"/>
   </div>
 </div>
 `;
@@ -16,25 +16,25 @@ const styles = '';
   standalone: true,
   imports: [Button],
   template,
-  styles,
+  styles
 })
 export class ButtonLoadingComponent {}
 
 export const Loading: StoryObj = {
   render: () => ({
-    template: `<app-button-loading></app-button-loading>`,
+    template: `<app-button-loading></app-button-loading>`
   }),
   parameters: {
     docs: {
       description: {
-        story: 'Кнопка в состоянии загрузки',
+        story: 'Кнопка в состоянии загрузки'
       },
       source: {
         language: 'ts',
         code: `
 import { Component } from '@angular/core';
 import { Button } from 'primeng/button';
-        
+
 @Component({
   selector: 'app-button-loading',
   standalone: true,
@@ -45,8 +45,8 @@ import { Button } from 'primeng/button';
   styles: ${styles}
 })
 export class ButtonLoadingComponent {}
-        `,
-      },
-    },
-  },
+        `
+      }
+    }
+  }
 };
diff --git a/src-storybook/stories/button/examples/button-outlined.component.ts b/src/stories/components/button/examples/button-outlined.component.ts
similarity index 85%
rename from src-storybook/stories/button/examples/button-outlined.component.ts
rename to src/stories/components/button/examples/button-outlined.component.ts
index 051c141..6d005e5 100644
--- a/src-storybook/stories/button/examples/button-outlined.component.ts
+++ b/src/stories/components/button/examples/button-outlined.component.ts
@@ -14,25 +14,25 @@ const styles = '';
   standalone: true,
   imports: [Button],
   template,
-  styles,
+  styles
 })
 export class ButtonOutlinedComponent {}
 
 export const Outlined: StoryObj = {
   render: () => ({
-    template: `<app-button-outlined></app-button-outlined>`,
+    template: `<app-button-outlined></app-button-outlined>`
   }),
   parameters: {
     docs: {
       description: {
-        story: 'Outlined кнопка',
+        story: 'Outlined кнопка'
       },
       source: {
         language: 'ts',
         code: `
 import { Component } from '@angular/core';
 import { Button } from 'primeng/button';
-        
+
 @Component({
   selector: 'app-button-outlined',
   standalone: true,
@@ -43,8 +43,8 @@ import { Button } from 'primeng/button';
   styles: ${styles}
 })
 export class ButtonOutlinedComponent {}
-        `,
-      },
-    },
-  },
+        `
+      }
+    }
+  }
 };
diff --git a/src-storybook/stories/button/examples/button-rounded.component.ts b/src/stories/components/button/examples/button-rounded.component.ts
similarity index 84%
rename from src-storybook/stories/button/examples/button-rounded.component.ts
rename to src/stories/components/button/examples/button-rounded.component.ts
index acb6f2a..b197af6 100644
--- a/src-storybook/stories/button/examples/button-rounded.component.ts
+++ b/src/stories/components/button/examples/button-rounded.component.ts
@@ -16,25 +16,25 @@ const styles = '';
   standalone: true,
   imports: [Button],
   template,
-  styles,
+  styles
 })
 export class ButtonRoundedComponent {}
 
 export const Rounded: StoryObj = {
   render: () => ({
-    template: `<app-button-rounded></app-button-rounded>`,
+    template: `<app-button-rounded></app-button-rounded>`
   }),
   parameters: {
     docs: {
       description: {
-        story: 'Скругленная кнопка',
+        story: 'Скругленная кнопка'
       },
       source: {
         language: 'ts',
         code: `
 import { Component } from '@angular/core';
 import { Button } from 'primeng/button';
-        
+
 @Component({
   selector: 'app-button-rounded',
   standalone: true,
@@ -45,8 +45,8 @@ import { Button } from 'primeng/button';
   styles: ${styles}
 })
 export class ButtonRoundedComponent {}
-        `,
-      },
-    },
-  },
+        `
+      }
+    }
+  }
 };
diff --git a/src/stories/components/button/examples/button-severity.component.ts b/src/stories/components/button/examples/button-severity.component.ts
new file mode 100644
index 0000000..ddaff4c
--- /dev/null
+++ b/src/stories/components/button/examples/button-severity.component.ts
@@ -0,0 +1,122 @@
+import { Component } from '@angular/core';
+import { Button } from 'primeng/button';
+import { StoryObj } from '@storybook/angular';
+
+const template = `
+<div class="bg-surface-ground p-4">
+  <div class="flex flex-col gap-4">
+    <div class="flex gap-3 items-end">
+      <p-button label="Primary"/>
+      <p-button label="Danger" severity="danger" />
+      <p-button label="Warning" severity="warn" />
+      <p-button label="Success" severity="success" />
+      <p-button label="Info" severity="info" />
+      <p-button label="Help" severity="help" />
+    </div>
+
+      <div class="flex gap-3 items-end">
+      <p-button label="Primary" [rounded]="true"/>
+      <p-button label="Danger" [rounded]="true" severity="danger" />
+      <p-button label="Warning" [rounded]="true" severity="warn" />
+      <p-button label="Success" [rounded]="true" severity="success" />
+      <p-button label="Info" [rounded]="true" severity="info" />
+      <p-button label="Help" [rounded]="true" severity="help" />
+    </div>
+
+    <div class="flex gap-3 items-end">
+      <p-button label="Primary" [text]="true"/>
+      <p-button label="Danger" [text]="true" severity="danger" />
+      <p-button label="Warning" [text]="true" severity="warn" />
+      <p-button label="Success" [text]="true" severity="success" />
+      <p-button label="Info" [text]="true" severity="info" />
+      <p-button label="Help" [text]="true" severity="help" />
+    </div>
+
+    <div class="flex gap-3 items-end">
+      <p-button icon="ti ti-check" />
+      <p-button icon="ti ti-file-alert" severity="danger" />
+      <p-button icon="ti ti-bell" severity="warn" />
+      <p-button icon="ti ti-search" severity="success" />
+      <p-button icon="ti ti-user" severity="info" />
+      <p-button icon="ti ti-heart" severity="help" />
+    </div>
+
+     <div class="flex gap-3 items-end">
+      <p-button icon="ti ti-check" [outlined]="true" />
+      <p-button icon="ti ti-file-alert" [outlined]="true" severity="danger" />
+      <p-button icon="ti ti-bell" [outlined]="true" severity="warn" />
+      <p-button icon="ti ti-search" [outlined]="true" severity="success" />
+      <p-button icon="ti ti-user" [outlined]="true" severity="info" />
+      <p-button icon="ti ti-heart" [outlined]="true" severity="help" />
+    </div>
+
+    <div class="flex gap-3 items-end">
+      <p-button icon="ti ti-check" [rounded]="true" />
+      <p-button icon="ti ti-file-alert" [rounded]="true" severity="danger" />
+      <p-button icon="ti ti-bell" [rounded]="true" severity="warn" />
+      <p-button icon="ti ti-search" [rounded]="true" severity="success" />
+      <p-button icon="ti ti-user" [rounded]="true" severity="info" />
+      <p-button icon="ti ti-heart" [rounded]="true" severity="help" />
+    </div>
+
+    <div class="flex gap-3 items-end">
+      <p-button icon="ti ti-check" [rounded]="true" [outlined]="true" />
+      <p-button icon="ti ti-file-alert" [rounded]="true" [outlined]="true" severity="danger" />
+      <p-button icon="ti ti-bell" [rounded]="true" [outlined]="true" severity="warn" />
+      <p-button icon="ti ti-search" [rounded]="true" [outlined]="true" severity="success" />
+      <p-button icon="ti ti-user" [rounded]="true" [outlined]="true" severity="info" />
+      <p-button icon="ti ti-heart" [rounded]="true" [outlined]="true" severity="help" />
+    </div>
+
+      <div class="flex gap-3 items-end">
+      <p-button icon="ti ti-check" [rounded]="true" [text]="true" />
+      <p-button icon="ti ti-file-alert" [rounded]="true" [text]="true" severity="danger" />
+      <p-button icon="ti ti-bell" [rounded]="true" [text]="true" severity="warn" />
+      <p-button icon="ti ti-search" [rounded]="true" [text]="true" severity="success" />
+      <p-button icon="ti ti-user" [rounded]="true" [text]="true" severity="info" />
+      <p-button icon="ti ti-heart" [rounded]="true" [text]="true" severity="help" />
+    </div>
+  </div>
+</div>
+`;
+const styles = '';
+
+@Component({
+  selector: 'app-button-severity',
+  standalone: true,
+  imports: [Button],
+  template,
+  styles
+})
+export class ButtonSeverityComponent {}
+
+export const Severity: StoryObj = {
+  render: () => ({
+    template: `<app-button-severity></app-button-severity>`
+  }),
+  parameters: {
+    docs: {
+      description: {
+        story: 'Кнопки с разным Severity'
+      },
+      source: {
+        language: 'ts',
+        code: `
+import { Component } from '@angular/core';
+import { Button } from 'primeng/button';
+
+@Component({
+  selector: 'app-button-severity',
+  standalone: true,
+  imports: [
+    Button
+  ],
+  template: ${template},
+  styles: ${styles}
+})
+export class ButtonSeverityComponent {}
+        `
+      }
+    }
+  }
+};
diff --git a/src-storybook/stories/button/examples/button-sizes.component.ts b/src/stories/components/button/examples/button-sizes.component.ts
similarity index 75%
rename from src-storybook/stories/button/examples/button-sizes.component.ts
rename to src/stories/components/button/examples/button-sizes.component.ts
index 1bb5457..7b5b9a7 100644
--- a/src-storybook/stories/button/examples/button-sizes.component.ts
+++ b/src/stories/components/button/examples/button-sizes.component.ts
@@ -5,9 +5,9 @@ import { Button } from 'primeng/button';
 const template = `
 <div class="bg-surface-ground p-4">
   <div class="flex gap-3 items-end">
-    <p-button label="Small" icon="pi pi-check" size="small" />
-    <p-button label="Normal" icon="pi pi-check" />
-    <p-button label="Large" icon="pi pi-check" size="large" />
+    <p-button label="Small" icon="ti ti-check" size="small" />
+    <p-button label="Normal" icon="ti ti-check" />
+    <p-button label="Large" icon="ti ti-check" size="large" />
   <!--  <p-button label="xLarge" icon="pi pi-check" size="xlarge" /> для xlarge необходимо перейти на class, т.к. опции xlarge у компонента нет.-->
   </div>
 </div>
@@ -20,25 +20,25 @@ const styles = '';
   standalone: true,
   imports: [Button],
   template,
-  styles,
+  styles
 })
 export class ButtonSizesComponent {}
 
 export const Sizes: StoryObj = {
   render: () => ({
-    template: `<app-button-sizes></app-button-sizes>`,
+    template: `<app-button-sizes></app-button-sizes>`
   }),
   parameters: {
     docs: {
       description: {
-        story: 'Кнопки разных размеров',
+        story: 'Кнопки разных размеров'
       },
       source: {
         language: 'ts',
         code: `
 import { Component } from '@angular/core';
 import { Button } from 'primeng/button';
-        
+
 @Component({
   selector: 'app-button-sizes',
   standalone: true,
@@ -49,8 +49,8 @@ import { Button } from 'primeng/button';
   styles: ${styles}
 })
 export class ButtonSizesComponent {}
-        `,
-      },
-    },
-  },
+        `
+      }
+    }
+  }
 };
diff --git a/src-storybook/stories/button/examples/button-text.component.ts b/src/stories/components/button/examples/button-text.component.ts
similarity index 85%
rename from src-storybook/stories/button/examples/button-text.component.ts
rename to src/stories/components/button/examples/button-text.component.ts
index 4b5c446..6e2a925 100644
--- a/src-storybook/stories/button/examples/button-text.component.ts
+++ b/src/stories/components/button/examples/button-text.component.ts
@@ -14,25 +14,25 @@ const styles = '';
   standalone: true,
   imports: [Button],
   template,
-  styles,
+  styles
 })
 export class ButtonTextComponent {}
 
 export const Text: StoryObj = {
   render: () => ({
-    template: `<app-button-text></app-button-text>`,
+    template: `<app-button-text></app-button-text>`
   }),
   parameters: {
     docs: {
       description: {
-        story: 'Text кнопка',
+        story: 'Text кнопка'
       },
       source: {
         language: 'ts',
         code: `
 import { Component } from '@angular/core';
 import { Button } from 'primeng/button';
-        
+
 @Component({
   selector: 'app-button-text',
   standalone: true,
@@ -43,8 +43,8 @@ import { Button } from 'primeng/button';
   styles: ${styles}
 })
 export class ButtonTextComponent {}
-        `,
-      },
-    },
-  },
+        `
+      }
+    }
+  }
 };
diff --git a/src/styles.css b/src/styles.css
deleted file mode 100644
index a57a40d..0000000
--- a/src/styles.css
+++ /dev/null
@@ -1,7824 +0,0 @@
-@import 'assets/showcase/styles/primeng.css';
-@import 'primeicons/primeicons.css';
-@import 'quill/dist/quill.snow.css';
-@import 'assets/showcase/styles/flags.css';
-@import '@docsearch/css/dist/style.css';
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-/* roboto-regular - latin-ext_latin */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-/* roboto-500 - latin-ext_latin */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 500;
-  src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-/* roboto-700 - latin-ext_latin */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 700;
-  src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-:root {
-  --emerald-0: color-mix(in srgb, color-mix(in srgb, #29C075, #fff 76%), #000 80%);
-  --emerald-50: color-mix(in srgb, #29C075, #fff 95%);
-  --emerald-100: color-mix(in srgb, #29C075, #fff 76%);
-  --emerald-200: color-mix(in srgb, #29C075, #fff 57%);
-  --emerald-300: color-mix(in srgb, #29C075, #fff 38%);
-  --emerald-400: color-mix(in srgb, #29C075, #fff 19%);
-  --emerald-500: color-mix(in srgb, #29C075, #fff 0%);
-  --emerald-600: color-mix(in srgb, #29C075, #000 15%);
-  --emerald-700: color-mix(in srgb, #29C075, #000 30%);
-  --emerald-800: color-mix(in srgb, #29C075, #000 45%);
-  --emerald-900: color-mix(in srgb, #29C075, #000 60%);
-  --emerald-alpha: color-mix(in srgb, #29C075 10%, transparent);
-  --citrine-0: color-mix(in srgb, color-mix(in srgb, #FA8606, #fff 76%), #000 80%);
-  --citrine-50: color-mix(in srgb, #FA8606, #fff 95%);
-  --citrine-100: color-mix(in srgb, #FA8606, #fff 76%);
-  --citrine-200: color-mix(in srgb, #FA8606, #fff 57%);
-  --citrine-300: color-mix(in srgb, #FA8606, #fff 38%);
-  --citrine-400: color-mix(in srgb, #FA8606, #fff 19%);
-  --citrine-500: color-mix(in srgb, #FA8606, #fff 0%);
-  --citrine-600: color-mix(in srgb, #FA8606, #000 15%);
-  --citrine-700: color-mix(in srgb, #FA8606, #000 30%);
-  --citrine-800: color-mix(in srgb, #FA8606, #000 45%);
-  --citrine-900: color-mix(in srgb, #FA8606, #000 60%);
-  --citrine-alpha: color-mix(in srgb, #FA8606 10%, transparent);
-  --aquamarine-0: color-mix(in srgb, color-mix(in srgb, #14B8A6, #fff 76%), #000 80%);
-  --aquamarine-50: color-mix(in srgb, #14B8A6, #fff 95%);
-  --aquamarine-100: color-mix(in srgb, #14B8A6, #fff 76%);
-  --aquamarine-200: color-mix(in srgb, #14B8A6, #fff 57%);
-  --aquamarine-300: color-mix(in srgb, #14B8A6, #fff 38%);
-  --aquamarine-400: color-mix(in srgb, #14B8A6, #fff 19%);
-  --aquamarine-500: color-mix(in srgb, #14B8A6, #fff 0%);
-  --aquamarine-600: color-mix(in srgb, #14B8A6, #000 15%);
-  --aquamarine-700: color-mix(in srgb, #14B8A6, #000 30%);
-  --aquamarine-800: color-mix(in srgb, #14B8A6, #000 45%);
-  --aquamarine-900: color-mix(in srgb, #14B8A6, #000 60%);
-  --aquamarine-alpha: color-mix(in srgb, #14B8A6 10%, transparent);
-  --amethyst-0: color-mix(in srgb, color-mix(in srgb, #7254F3, #fff 76%), #000 80%);
-  --amethyst-50: color-mix(in srgb, #7254F3, #fff 95%);
-  --amethyst-100: color-mix(in srgb, #7254F3, #fff 76%);
-  --amethyst-200: color-mix(in srgb, #7254F3, #fff 57%);
-  --amethyst-300: color-mix(in srgb, #7254F3, #fff 38%);
-  --amethyst-400: color-mix(in srgb, #7254F3, #fff 19%);
-  --amethyst-500: color-mix(in srgb, #7254F3, #fff 0%);
-  --amethyst-600: color-mix(in srgb, #7254F3, #000 15%);
-  --amethyst-700: color-mix(in srgb, #7254F3, #000 30%);
-  --amethyst-800: color-mix(in srgb, #7254F3, #000 45%);
-  --amethyst-900: color-mix(in srgb, #7254F3, #000 60%);
-  --amethyst-alpha: color-mix(in srgb, #7254F3 10%, transparent);
-  --purple-0: color-mix(in srgb, color-mix(in srgb, #9757D7, #fff 76%), #000 80%);
-  --purple-50: color-mix(in srgb, #9757D7, #fff 95%);
-  --purple-100: color-mix(in srgb, #9757D7, #fff 76%);
-  --purple-200: color-mix(in srgb, #9757D7, #fff 57%);
-  --purple-300: color-mix(in srgb, #9757D7, #fff 38%);
-  --purple-400: color-mix(in srgb, #9757D7, #fff 19%);
-  --purple-500: color-mix(in srgb, #9757D7, #fff 0%);
-  --purple-600: color-mix(in srgb, #9757D7, #000 15%);
-  --purple-700: color-mix(in srgb, #9757D7, #000 30%);
-  --purple-800: color-mix(in srgb, #9757D7, #000 45%);
-  --purple-900: color-mix(in srgb, #9757D7, #000 60%);
-  --purple-alpha: color-mix(in srgb, #9757D7 10%, transparent);
-  --blue-0: color-mix(in srgb, color-mix(in srgb, #1F8CEB, #fff 76%), #000 80%);
-  --blue-50: color-mix(in srgb, #1F8CEB, #fff 95%);
-  --blue-100: color-mix(in srgb, #1F8CEB, #fff 76%);
-  --blue-200: color-mix(in srgb, #1F8CEB, #fff 57%);
-  --blue-300: color-mix(in srgb, #1F8CEB, #fff 38%);
-  --blue-400: color-mix(in srgb, #1F8CEB, #fff 19%);
-  --blue-500: color-mix(in srgb, #1F8CEB, #fff 0%);
-  --blue-600: color-mix(in srgb, #1F8CEB, #000 15%);
-  --blue-700: color-mix(in srgb, #1F8CEB, #000 30%);
-  --blue-800: color-mix(in srgb, #1F8CEB, #000 45%);
-  --blue-900: color-mix(in srgb, #1F8CEB, #000 60%);
-  --blue-alpha: color-mix(in srgb, #1F8CEB 10%, transparent);
-  --green-0: color-mix(in srgb, color-mix(in srgb, #45B24E, #fff 76%), #000 80%);
-  --green-50: color-mix(in srgb, #45B24E, #fff 95%);
-  --green-100: color-mix(in srgb, #45B24E, #fff 76%);
-  --green-200: color-mix(in srgb, #45B24E, #fff 57%);
-  --green-300: color-mix(in srgb, #45B24E, #fff 38%);
-  --green-400: color-mix(in srgb, #45B24E, #fff 19%);
-  --green-500: color-mix(in srgb, #45B24E, #fff 0%);
-  --green-600: color-mix(in srgb, #45B24E, #000 15%);
-  --green-700: color-mix(in srgb, #45B24E, #000 30%);
-  --green-800: color-mix(in srgb, #45B24E, #000 45%);
-  --green-900: color-mix(in srgb, #45B24E, #000 60%);
-  --green-alpha: color-mix(in srgb, #45B24E 10%, transparent);
-  --orange-0: color-mix(in srgb, color-mix(in srgb, #FFA100, #fff 76%), #000 80%);
-  --orange-50: color-mix(in srgb, #FFA100, #fff 95%);
-  --orange-100: color-mix(in srgb, #FFA100, #fff 76%);
-  --orange-200: color-mix(in srgb, #FFA100, #fff 57%);
-  --orange-300: color-mix(in srgb, #FFA100, #fff 38%);
-  --orange-400: color-mix(in srgb, #FFA100, #fff 19%);
-  --orange-500: color-mix(in srgb, #FFA100, #fff 0%);
-  --orange-600: color-mix(in srgb, #FFA100, #000 15%);
-  --orange-700: color-mix(in srgb, #FFA100, #000 30%);
-  --orange-800: color-mix(in srgb, #FFA100, #000 45%);
-  --orange-900: color-mix(in srgb, #FFA100, #000 60%);
-  --orange-alpha: color-mix(in srgb, #FFA100 10%, transparent);
-  --red-0: color-mix(in srgb, color-mix(in srgb, #DB4C3F, #fff 76%), #000 80%);
-  --red-50: color-mix(in srgb, #DB4C3F, #fff 95%);
-  --red-100: color-mix(in srgb, #DB4C3F, #fff 76%);
-  --red-200: color-mix(in srgb, #DB4C3F, #fff 57%);
-  --red-300: color-mix(in srgb, #DB4C3F, #fff 38%);
-  --red-400: color-mix(in srgb, #DB4C3F, #fff 19%);
-  --red-500: color-mix(in srgb, #DB4C3F, #fff 0%);
-  --red-600: color-mix(in srgb, #DB4C3F, #000 15%);
-  --red-700: color-mix(in srgb, #DB4C3F, #000 30%);
-  --red-800: color-mix(in srgb, #DB4C3F, #000 45%);
-  --red-900: color-mix(in srgb, #DB4C3F, #000 60%);
-  --red-alpha: color-mix(in srgb, #DB4C3F 10%, transparent);
-  --gray-0: color-mix(in srgb, color-mix(in srgb, #ABAAA9, #fff 76%), #000 80%);
-  --gray-50: color-mix(in srgb, #ABAAA9, #fff 95%);
-  --gray-100: color-mix(in srgb, #ABAAA9, #fff 76%);
-  --gray-200: color-mix(in srgb, #ABAAA9, #fff 57%);
-  --gray-300: color-mix(in srgb, #ABAAA9, #fff 38%);
-  --gray-400: color-mix(in srgb, #ABAAA9, #fff 19%);
-  --gray-500: color-mix(in srgb, #ABAAA9, #fff 0%);
-  --gray-600: color-mix(in srgb, #ABAAA9, #000 15%);
-  --gray-700: color-mix(in srgb, #ABAAA9, #000 30%);
-  --gray-800: color-mix(in srgb, #ABAAA9, #000 45%);
-  --gray-900: color-mix(in srgb, #ABAAA9, #000 60%);
-  --gray-alpha: color-mix(in srgb, #ABAAA9 10%, transparent);
-}
-
-:root {
-  --black-10: color-mix(in srgb, #000 10%, transparent) ;
-  --black-20: color-mix(in srgb, #000 20%, transparent) ;
-  --black-30: color-mix(in srgb, #000 30%, transparent) ;
-  --black-40: color-mix(in srgb, #000 40%, transparent) ;
-  --black-50: color-mix(in srgb, #000 50%, transparent) ;
-  --black-60: color-mix(in srgb, #000 60%, transparent) ;
-  --black-70: color-mix(in srgb, #000 70%, transparent) ;
-  --black-80: color-mix(in srgb, #000 80%, transparent) ;
-  --black-90: color-mix(in srgb, #000 90%, transparent) ;
-  --black-100: color-mix(in srgb, #000 100%, transparent) ;
-  --white-10: color-mix(in srgb, #fff 10%, transparent) ;
-  --white-20: color-mix(in srgb, #fff 20%, transparent) ;
-  --white-30: color-mix(in srgb, #fff 30%, transparent) ;
-  --white-40: color-mix(in srgb, #fff 40%, transparent) ;
-  --white-50: color-mix(in srgb, #fff 50%, transparent) ;
-  --white-60: color-mix(in srgb, #fff 60%, transparent) ;
-  --white-70: color-mix(in srgb, #fff 70%, transparent) ;
-  --white-80: color-mix(in srgb, #fff 80%, transparent) ;
-  --white-90: color-mix(in srgb, #fff 90%, transparent) ;
-  --white-100: color-mix(in srgb, #fff 100%, transparent) ;
-}
-
-:root {
-  --font-family: Roboto, Inter, Helvetica, Arial, sans-serif;
-  --text-color: var(--black-80);
-  --text-color-secondary: var(--black-60);
-  --primary-color: var(--aquamarine-700);
-  --primary-color-text: var(--white-100);
-  --primary-0: var(--aquamarine-0);
-  --primary-900: var(--aquamarine-900);
-  --primary-800: var(--aquamarine-800);
-  --primary-700: var(--aquamarine-700);
-  --primary-600: var(--aquamarine-600);
-  --primary-500: var(--aquamarine-500);
-  --primary-400: var(--aquamarine-400);
-  --primary-300: var(--aquamarine-300);
-  --primary-200: var(--aquamarine-200);
-  --primary-100: var(--aquamarine-100);
-  --primary-50: var(--aquamarine-50);
-  --primary-alpha: var(--aquamarine-alpha);
-  --surface-0: var(--gray-0);
-  --surface-50: var(--gray-50);
-  --surface-100: var(--gray-100);
-  --surface-200: var(--gray-200);
-  --surface-300: var(--gray-300);
-  --surface-400: var(--gray-400);
-  --surface-500: var(--gray-500);
-  --surface-600: var(--gray-600);
-  --surface-700: var(--gray-700);
-  --surface-800: var(--gray-800);
-  --surface-900: var(--gray-900);
-  --content-padding: 1rem;
-  --inline-spacing: 0.5rem;
-  --border-radius: 0.5rem;
-  --surface-ground: var(--white-100);
-  --surface-section: var(--gray-alpha);
-  --surface-card: var(--white-100);
-  --surface-overlay: var(--black-20);
-  --surface-border: var(--gray-200);
-  --surface-hover: var(--gray-100);
-  --focus-ring: 0 0 0 0.25rem var(--aquamarine-200);
-  --maskbg: var(--black-20);
-  --highlight-bg: var(--aquamarine-700);
-  --highlight-text-color: var(--white-100);
-  color-scheme: light;
-}
-
-@media only screen and (-webkit-min-device-pixel-ratio: 1.0416666666666667) and (-webkit-max-device-pixel-ratio: 2.073170731707317), only screen and (min-resolution: 100dpi) and (max-resolution: 199dpi) {
-  html, body {
-    font-size: 12px;
-  }
-}
-@media only screen and (-webkit-min-device-pixel-ratio: 2.0833333333333335) and (-webkit-max-device-pixel-ratio: 5.197916666666667), only screen and (min-resolution: 200dpi) and (max-resolution: 499dpi) {
-  html, body {
-    font-size: 14px;
-  }
-}
-@media only screen and (-webkit-min-device-pixel-ratio: 5.208333333333333), only screen and (min-resolution: 500dpi) {
-  html, body {
-    font-size: 16px;
-  }
-}
-
-* {
-  box-sizing: border-box;
-}
-
-html {
-  font-size: 14px;
-  font-family: var(--font-family);
-}
-
-::-moz-selection {
-  color: var(--white-100);
-  background-color: var(--aquamarine-700);
-}
-
-::selection {
-  color: var(--white-100);
-  background-color: var(--aquamarine-700);
-}
-
-.p-component {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  font-weight: normal;
-}
-
-.p-component-overlay {
-  background-color: var(--black-20);
-  transition-duration: 0.2s;
-  padding: 0.5rem;
-}
-
-.p-disabled, .p-component:disabled {
-  pointer-events: all;
-  cursor: not-allowed;
-  opacity: 0.6;
-  filter: grayscale(1);
-}
-
-.p-placeholder {
-  opacity: 0.6;
-}
-
-.p-error {
-  color: var(--red-400);
-}
-
-.p-text-secondary {
-  color: var(--black-60);
-}
-
-.pi {
-  font-size: 1rem;
-}
-
-.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-.p-link {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-}
-.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-
-.p-component-overlay-enter {
-  animation: p-component-overlay-enter-animation 150ms forwards;
-}
-
-.p-component-overlay-leave {
-  animation: p-component-overlay-leave-animation 150ms forwards;
-}
-
-@keyframes p-component-overlay-enter-animation {
-  from {
-    background-color: transparent;
-  }
-  to {
-    background-color: var(--maskbg);
-  }
-}
-@keyframes p-component-overlay-leave-animation {
-  from {
-    background-color: var(--maskbg);
-  }
-  to {
-    background-color: transparent;
-  }
-}
-
-.p-togglebutton.p-highlight.p-disabled .p-button, .p-togglebutton.p-disabled .p-button, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-disabled {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-
-.p-button {
-  height: 2.5rem;
-  display: flex;
-  gap: 0.5rem;
-  font-size: 1rem;
-  font-weight: 700;
-  color: var(--white-100);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  padding: 0rem 1rem;
-  background: var(--aquamarine-700);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-button .p-button-label {
-  transition-duration: 0.2s;
-}
-.p-button .p-button-icon {
-  font-size: 1.25rem;
-}
-.p-button.p-button-rounded {
-  border-radius: 100px;
-}
-.p-button.p-button-icon-only {
-  flex-shrink: 0;
-  width: 2.5rem;
-  padding: 0;
-}
-.p-button.p-button-icon-only:after {
-  display: none;
-}
-.p-button.p-button-icon-only .p-button-label {
-  display: none;
-}
-.p-button.p-button-sm {
-  height: 2rem;
-  font-size: 0.875rem;
-  padding: 0 0.75rem;
-}
-.p-button.p-button-sm .p-button-icon {
-  font-size: 1rem;
-}
-.p-button.p-button-sm.p-button-icon-only {
-  width: 2rem;
-  padding: 0;
-}
-.p-button.p-button-lg {
-  gap: 0.75rem;
-  height: 3.5rem;
-  font-size: 1.25rem;
-  padding: 0 1.5rem;
-}
-.p-button.p-button-lg .p-button-icon {
-  font-size: 1.5rem;
-}
-.p-button.p-button-lg.p-button-icon-only {
-  width: 3.5rem;
-  padding: 0;
-}
-.p-button:not(.p-disabled):hover {
-  background: var(--aquamarine-800);
-  color: var(--white-100);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button:not(.p-disabled):active {
-  background: var(--aquamarine-700);
-  color: var(--white-100);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-
-.p-button-outlined {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--aquamarine-700);
-  border-color: var(--aquamarine-200);
-}
-.p-button-outlined:not(.p-disabled):hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--aquamarine-700);
-  border-color: var(--aquamarine-700);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button-outlined:not(.p-disabled):active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--aquamarine-700);
-  border-color: var(--aquamarine-200);
-  box-shadow: none;
-}
-
-.p-button-text {
-  background-color: var(--white-100);
-  color: var(--aquamarine-700);
-}
-.p-button-text:not(.p-disabled):hover {
-  background: var(--aquamarine-alpha);
-  color: var(--aquamarine-700);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button-text:not(.p-disabled):active {
-  background: var(--white-100);
-  color: var(--aquamarine-700);
-  border-color: transparent;
-  box-shadow: none;
-}
-
-.p-button-group {
-  display: flex;
-}
-
-.p-fluid .p-button:not(.p-button-icon-only) {
-  width: 100%;
-}
-.p-fluid .p-button-group .p-button:not(.p-button-icon-only) {
-  flex: 1;
-}
-
-.p-button.p-button-danger,
-.p-button-group.p-button-danger > .p-button,
-.p-splitbutton.p-button-danger > .p-button,
-.p-fileupload-choose.p-button-danger {
-  color: var(--white-100);
-  background: var(--red-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-danger:not(.p-disabled):hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):hover {
-  background: var(--red-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-danger:not(.p-disabled):active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled):active {
-  background: var(--red-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-200);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: var(--red-200);
-  box-shadow: none;
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--red-400);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:hover {
-  background: var(--red-alpha);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-danger:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-danger > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-danger:not(.p-disabled).p-button-text:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--red-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-warning,
-.p-button-group.p-button-warning > .p-button,
-.p-splitbutton.p-button-warning > .p-button,
-.p-fileupload-choose.p-button-warning {
-  color: var(--white-100);
-  background: var(--orange-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-warning:not(.p-disabled):hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):hover {
-  background: var(--orange-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-warning:not(.p-disabled):active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled):active {
-  background: var(--orange-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-200);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--orange-400);
-  border-color: var(--orange-200);
-  box-shadow: none;
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--orange-400);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:hover {
-  background: var(--orange-alpha);
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-warning:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-warning > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-warning:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--orange-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-success,
-.p-button-group.p-button-success > .p-button,
-.p-splitbutton.p-button-success > .p-button,
-.p-fileupload-choose.p-button-success {
-  color: var(--white-100);
-  background: var(--green-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-success:not(.p-disabled):hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled):hover {
-  background: var(--green-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-success:not(.p-disabled):active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-success:not(.p-disabled):active {
-  background: var(--green-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-200);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--green-400);
-  border-color: var(--green-200);
-  box-shadow: none;
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--green-400);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:hover {
-  background: var(--green-alpha);
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-success:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-success > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-success:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--green-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-info,
-.p-button-group.p-button-info > .p-button,
-.p-splitbutton.p-button-info > .p-button,
-.p-fileupload-choose.p-button-info {
-  color: var(--white-100);
-  background: var(--blue-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-info:not(.p-disabled):hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled):hover {
-  background: var(--blue-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-info:not(.p-disabled):active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-info:not(.p-disabled):active {
-  background: var(--blue-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-200);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--blue-400);
-  border-color: var(--blue-200);
-  box-shadow: none;
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--blue-400);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:hover {
-  background: var(--blue-alpha);
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-info:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-info > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-info:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--blue-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-button.p-button-help,
-.p-button-group.p-button-help > .p-button,
-.p-splitbutton.p-button-help > .p-button,
-.p-fileupload-choose.p-button-help {
-  color: var(--white-100);
-  background: var(--purple-400);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-.p-button.p-button-help:not(.p-disabled):hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled):hover {
-  background: var(--purple-500);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-help:not(.p-disabled):active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled):active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled):active,
-.p-fileupload-choose.p-button-help:not(.p-disabled):active {
-  background: var(--purple-400);
-  color: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-200);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:hover {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-outlined:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-outlined:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-outlined:active {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--purple-400);
-  border-color: var(--purple-200);
-  box-shadow: none;
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text {
-  background-color: var(--white-100);
-  color: var(--purple-400);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:hover,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:hover,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:hover {
-  background: var(--purple-alpha);
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-button.p-button-help:not(.p-disabled).p-button-text:active,
-.p-button-group.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-splitbutton.p-button-help > .p-button:not(.p-disabled).p-button-text:active,
-.p-fileupload-choose.p-button-help:not(.p-disabled).p-button-text:active {
-  background: var(--white-100);
-  color: var(--purple-400);
-  border-color: transparent;
-  box-shadow: none;
-}
-.p-inputtext {
-  min-height: 2.5rem;
-  line-height: 2.5rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--black-80);
-  background: var(--white-100);
-  padding: 0rem 0.75rem;
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-inputtext:enabled:hover {
-  border-color: var(--aquamarine-700);
-}
-.p-inputtext:enabled:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-inputtext.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-inputtext.p-disabled {
-  background: var(--black-10);
-}
-
-.p-float-label > label {
-  left: 0.75rem;
-  color: var(--black-60);
-  transition-duration: 0.2s;
-}
-
-.p-float-label > .p-invalid + label {
-  color: var(--red-400);
-}
-
-.p-icon-field-left > .p-inputtext {
-  padding-left: 2.5rem;
-}
-
-.p-icon-field-left.p-float-label > label {
-  left: 2.5rem;
-}
-
-.p-icon-field-right > .p-inputtext {
-  padding-right: 2.5rem;
-}
-
-::-webkit-input-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-:-moz-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-::-moz-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-:-ms-input-placeholder {
-  color: var(--black-60);
-  opacity: 0.6;
-}
-
-.p-inputtext-lg {
-  min-height: 3.5rem;
-  line-height: 3.5rem;
-}
-
-.p-inputtextarea {
-  padding: 0 0.75rem;
-}
-
-.p-inputotp {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-.p-inputotp-input {
-  font-size: 1.5rem;
-  text-align: center;
-  width: 2.5rem;
-  border: none;
-  border-bottom: 1px solid var(--gray-200);
-  border-radius: 0;
-  background: transparent;
-}
-.p-inputotp-input.p-disabled {
-  background: transparent;
-}
-
-.p-inputotp-input:enabled:focus {
-  box-shadow: none;
-}
-
-.p-listbox-list-wrapper {
-  overflow: auto;
-}
-
-.p-listbox-list {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-
-.p-listbox-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  color: var(--black-80);
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: 0.2s;
-}
-.p-listbox-item:first-child {
-  margin-top: 0;
-}
-.p-listbox-item:last-child {
-  margin-bottom: 0;
-}
-.p-listbox-item.p-highlight {
-  color: var(--white-100);
-  background: var(--aquamarine-700);
-}
-.p-listbox-item:not(.p-highlight).p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-.p-listbox-item.p-disabled {
-  cursor: not-allowed;
-}
-
-.p-listbox-item-group {
-  cursor: auto;
-}
-
-.p-listbox-filter-container {
-  position: relative;
-}
-
-.p-listbox-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-listbox-filter {
-  width: 100%;
-}
-
-.p-listbox {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-listbox .p-listbox-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-listbox .p-listbox-header .p-listbox-filter {
-  padding-right: 1.75rem;
-}
-.p-listbox .p-listbox-header .p-listbox-filter-icon {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-listbox .p-listbox-header .p-disabled + .p-listbox-filter-icon {
-  opacity: 0.6;
-}
-.p-listbox .p-listbox-list {
-  padding: 0.25rem;
-  outline: 0 none;
-}
-.p-listbox .p-listbox-list .p-listbox-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-listbox .p-listbox-list .p-listbox-empty-message {
-  text-align: center;
-  color: var(--black-80);
-  padding: 0.75rem;
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item.p-highlight:hover {
-  background: var(--aquamarine-800);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox:not(.p-disabled) :not(.p-disabled).p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-listbox.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-listbox.p-invalid {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-listbox.p-disabled *.p-disabled {
-  opacity: 1;
-}
-
-.p-dropdown {
-  display: inline-flex;
-  cursor: pointer;
-  position: relative;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-.p-dropdown.p-disabled {
-  cursor: not-allowed;
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-
-.p-dropdown-clear-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-dropdown-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-dropdown-label {
-  height: -moz-min-content;
-  height: min-content;
-  margin: auto 0;
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  flex: 1 1 auto;
-  width: 1%;
-  text-overflow: ellipsis;
-  cursor: pointer;
-}
-
-.p-dropdown-label-empty {
-  overflow: hidden;
-  opacity: 0;
-}
-
-input.p-dropdown-label {
-  cursor: default;
-}
-
-.p-dropdown .p-dropdown-panel {
-  min-width: 100%;
-}
-
-.p-dropdown-panel {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.p-dropdown-items-wrapper {
-  overflow: auto;
-}
-
-.p-dropdown-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--black-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-}
-.p-dropdown-item:first-child {
-  margin-top: 0;
-}
-.p-dropdown-item:last-child {
-  margin-bottom: 0;
-}
-.p-dropdown-item.p-highlight {
-  color: var(--white-100);
-  background: var(--aquamarine-700);
-}
-.p-dropdown-item.p-highlight.p-focus {
-  background: var(--aquamarine-800);
-}
-.p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-dropdown-item:not(.p-highlight).p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-.p-dropdown-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-dropdown-item .p-dropdown-check-icon {
-  position: relative;
-  margin-left: -0.5rem;
-  margin-right: 0.5rem;
-}
-
-.p-dropdown-item-group {
-  cursor: auto;
-}
-
-.p-dropdown-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-dropdown-filter {
-  width: 100%;
-}
-
-.p-dropdown-filter-container {
-  position: relative;
-}
-
-.p-dropdown-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-fluid .p-dropdown {
-  display: flex;
-}
-
-.p-fluid .p-dropdown .p-dropdown-label {
-  width: 1%;
-}
-
-.p-dropdown {
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-dropdown:not(.p-disabled):hover {
-  border-color: var(--aquamarine-700);
-}
-.p-dropdown:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-dropdown.p-dropdown-clearable .p-dropdown-label {
-  padding-right: 1.75rem;
-}
-.p-dropdown .p-dropdown-label {
-  background: transparent;
-  border: 0 none;
-}
-.p-dropdown .p-dropdown-label.p-placeholder {
-  color: var(--black-60);
-}
-.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
-  outline: 0 none;
-  box-shadow: none;
-}
-.p-dropdown .p-dropdown-trigger {
-  background: transparent;
-  color: var(--black-80);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-dropdown .p-dropdown-clear-icon {
-  color: var(--black-80);
-  right: 2.5rem;
-}
-.p-dropdown.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-dropdown-panel {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  margin-top: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-dropdown-panel .p-dropdown-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
-  padding-right: 1.75rem;
-  margin-right: -1.75rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-dropdown-panel .p-dropdown-items {
-  padding: 0.25rem;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
-  color: var(--black-80);
-  text-align: center;
-  padding: 0.5rem 0.75rem;
-  background: rgba(255, 255, 255, 0.0001);
-}
-
-.p-multiselect {
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-
-.p-multiselect-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.p-multiselect-label-container {
-  cursor: pointer;
-  overflow: hidden;
-  height: -moz-min-content;
-  height: min-content;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-}
-
-.p-multiselect-label {
-  display: block;
-  white-space: nowrap;
-  cursor: pointer;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.p-multiselect-label-empty {
-  overflow: hidden;
-  visibility: hidden;
-}
-
-.p-multiselect-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-  margin-right: 0.25rem;
-}
-
-.p-multiselect-token-icon {
-  cursor: pointer;
-}
-
-.p-multiselect .p-multiselect-panel {
-  min-width: 100%;
-}
-
-.p-multiselect-items-wrapper {
-  overflow: auto;
-}
-
-.p-multiselect-items {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.p-multiselect-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-weight: normal;
-  color: var(--black-80);
-  white-space: nowrap;
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-}
-.p-multiselect-item:first-child {
-  margin-top: 0;
-}
-.p-multiselect-item:last-child {
-  margin-bottom: 0;
-}
-.p-multiselect-item:not(.p-disabled).p-focus {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-multiselect-item:not(.p-highlight).p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background: var(--black-10);
-}
-.p-multiselect-item.p-disabled {
-  cursor: not-allowed;
-}
-.p-multiselect-item .p-checkbox {
-  margin-right: 0.5rem;
-}
-
-.p-multiselect-item-group {
-  cursor: auto;
-}
-
-.p-multiselect-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.p-multiselect-filter-container {
-  position: relative;
-  flex: 1 1 auto;
-}
-
-.p-multiselect-filter-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-multiselect-filter-container .p-inputtext {
-  width: 100%;
-}
-
-.p-multiselect-close {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  overflow: hidden;
-  position: relative;
-  margin-left: auto;
-}
-
-.p-fluid .p-multiselect {
-  display: flex;
-}
-
-.p-multiselect {
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  outline-color: transparent;
-}
-.p-multiselect.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--black-10);
-}
-.p-multiselect:not(.p-disabled):hover {
-  border-color: var(--aquamarine-700);
-}
-.p-multiselect:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-multiselect .p-multiselect-label {
-  color: var(--black-80);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect .p-multiselect-label.p-placeholder {
-  color: var(--black-60);
-  padding: 0rem 0.75rem;
-  padding-left: 0.5rem;
-}
-.p-multiselect:not(.p-multiselect-chip) .p-multiselect-label {
-  padding: 0rem 0.75rem;
-  line-height: 2.5rem;
-}
-.p-multiselect.p-multiselect-chip {
-  min-height: 2.5rem;
-  padding: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token {
-  padding: 0rem 0.5rem;
-  background: var(--black-10);
-  color: var(--black-80);
-  border-radius: 0.25rem;
-}
-.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
-  margin-left: 0.5rem;
-}
-.p-multiselect .p-multiselect-trigger {
-  background: transparent;
-  color: var(--black-80);
-  width: 2.5rem;
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-multiselect.p-invalid.p-component {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-multiselect-panel {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  margin-top: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-header {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  margin: 0rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-  border: 1px solid transparent;
-  border-bottom: 0;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
-  padding-right: 1.75rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-multiselect-panel .p-multiselect-header .p-checkbox {
-  margin-right: 0.5rem;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
-  margin-left: 0.5rem;
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-multiselect-panel .p-multiselect-items {
-  padding: 0.25rem;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
-  padding: 0.5rem 0.75rem;
-  color: var(--black-80);
-  background: rgba(255, 255, 255, 0.0001);
-}
-
-.p-password.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-password .p-input-icon {
-  cursor: pointer;
-  color: var(--black-80);
-  right: 0.75rem;
-}
-.p-password.p-disabled {
-  opacity: 1;
-}
-.p-password.p-disabled .p-input-icon {
-  opacity: 0.6;
-}
-
-.p-password-input {
-  width: 100%;
-  height: 100%;
-}
-
-.p-password-panel {
-  color: var(--black-60);
-  padding: 0.75rem;
-  margin-top: 0.25rem;
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  background: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-password-panel .p-password-meter {
-  overflow: hidden;
-  height: 0.5rem;
-  border-radius: 1rem;
-  margin-bottom: 0.5rem;
-  background: var(--black-10);
-}
-.p-password-panel .p-password-meter .p-password-strength.weak {
-  background: var(--red-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.medium {
-  background: var(--orange-400);
-}
-.p-password-panel .p-password-meter .p-password-strength.strong {
-  background: var(--green-400);
-}
-
-.p-inputgroup-addon {
-  background: var(--white-100);
-  color: var(--black-60);
-  border-top: 1px solid var(--gray-200);
-  border-left: 1px solid var(--gray-200);
-  border-bottom: 1px solid var(--gray-200);
-  padding: 0rem 0.75rem;
-  min-width: 2.5rem;
-}
-.p-inputgroup-addon:last-child {
-  border-right: 1px solid var(--gray-200);
-}
-.p-inputgroup-addon.p-disabled {
-  background-color: var(--black-10);
-  color: var(--black-60);
-}
-
-.p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
-  border-radius: 0;
-  margin: 0;
-}
-.p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
-  border-left: 0 none;
-}
-.p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
-  z-index: 1;
-}
-.p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
-  z-index: 1;
-}
-
-.p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:first-child input {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-inputgroup .p-float-label:last-child input {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-
-.p-fluid .p-inputgroup .p-button {
-  width: auto;
-}
-.p-fluid .p-inputgroup .p-button.p-button-icon-only {
-  width: 2.5rem;
-}
-
-.p-icon-field {
-  position: relative;
-  flex-grow: 1;
-}
-
-.p-icon-field > .p-input-icon {
-  position: absolute;
-  top: 50%;
-  margin-top: -0.5rem;
-}
-
-.p-inputnumber.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-inputnumber-button {
-  color: var(--black-80);
-  border-color: var(--gray-200);
-  background-color: var(--white-100);
-}
-.p-inputnumber-button .p-button-icon {
-  font-size: 1rem;
-}
-
-.p-inputnumber-button:hover {
-  box-shadow: none !important;
-}
-
-.p-inputnumber-button-down {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-
-.p-inputnumber-button-up {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-
-.p-inputnumber-buttons-horizontal .p-inputnumber-input {
-  border-radius: 0;
-  border-left-color: transparent;
-  border-right-color: transparent;
-  z-index: 1;
-}
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-down,
-.p-inputnumber-buttons-horizontal .p-inputnumber-button-up {
-  height: 100%;
-}
-
-.p-checkbox {
-  position: relative;
-  display: inline-flex;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  vertical-align: bottom;
-}
-
-.p-checkbox-input {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  cursor: pointer;
-}
-
-.p-checkbox-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.p-checkbox {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-checkbox .p-checkbox-input {
-  border: 1px solid var(--gray-200);
-  border-radius: 0.25rem;
-}
-.p-checkbox .p-checkbox-box {
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--black-80);
-  border-radius: 0.25rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-checkbox .p-checkbox-box.p-highlight {
-  border-color: var(--aquamarine-700);
-  background: var(--aquamarine-700);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
-  border-color: var(--aquamarine-700);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled):hover.p-highlight {
-  border-color: var(--aquamarine-800);
-  background: var(--aquamarine-800);
-  color: var(--white-100);
-}
-.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-checkbox .p-checkbox-box.p-disabled {
-  background: var(--black-10);
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon {
-  transition-duration: 0.2s;
-  color: var(--white-100);
-  font-size: 1rem;
-}
-.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
-  width: 1rem;
-  height: 1rem;
-}
-.p-checkbox.p-invalid > .p-checkbox-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-highlight .p-checkbox .p-checkbox-box {
-  border-color: var(--aquamarine-700);
-}
-
-.p-radiobutton {
-  position: relative;
-  display: inline-flex;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  vertical-align: bottom;
-}
-
-.p-radiobutton-input {
-  cursor: pointer;
-}
-
-.p-radiobutton-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.p-radiobutton-icon {
-  backface-visibility: hidden;
-  transform: translateZ(0) scale(0.1);
-  border-radius: 50%;
-  visibility: hidden;
-}
-
-.p-radiobutton.p-highlight .p-radiobutton-icon {
-  transform: translateZ(0) scale(1, 1);
-  visibility: visible;
-}
-
-.p-radiobutton {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.p-radiobutton .p-radiobutton-input {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  border: 1px solid var(--gray-200);
-  border-radius: 50%;
-}
-.p-radiobutton .p-radiobutton-box {
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--black-80);
-  border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-}
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  width: 0.75rem;
-  height: 0.75rem;
-  transition-duration: 0.2s;
-  background-color: var(--white-100);
-}
-.p-radiobutton.p-disabled .p-radiobutton-box {
-  background: var(--black-10);
-}
-.p-radiobutton.p-highlight .p-radiobutton-box {
-  border-color: var(--aquamarine-700);
-  background: var(--aquamarine-700);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
-  border-color: var(--aquamarine-700);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
-  border-color: var(--aquamarine-800);
-  background: var(--aquamarine-800);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
-  background-color: var(--white-100);
-}
-.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-radiobutton.p-invalid > .p-radiobutton-box {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-highlight .p-radiobutton .p-radiobutton-box {
-  border-color: var(--white-100);
-}
-
-.p-inputswitch {
-  position: relative;
-  display: inline-block;
-}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
-  border: 1px solid transparent;
-}
-
-.p-inputswitch-input {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  cursor: pointer;
-}
-
-.p-inputswitch-slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-.p-inputswitch-slider:before {
-  position: absolute;
-  content: "";
-  top: 50%;
-}
-
-.p-inputswitch {
-  width: 2.5rem;
-  height: 1.5rem;
-}
-.p-inputswitch .p-inputswitch-input {
-  border-radius: 100px;
-}
-.p-inputswitch .p-inputswitch-slider {
-  background: var(--gray-300);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  border-radius: 100px;
-  outline-color: transparent;
-}
-.p-inputswitch .p-inputswitch-slider:before {
-  background: var(--white-100);
-  width: 1rem;
-  height: 1rem;
-  left: 0.25rem;
-  margin-top: -0.5rem;
-  border-radius: 100px;
-  transition-duration: 0.2s;
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
-  background: var(--aquamarine-700);
-}
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  background: var(--white-100);
-  transform: translateX(1rem);
-}
-.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
-  background: var(--aquamarine-800);
-}
-.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
-  background: var(--aquamarine-800);
-}
-.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-inputswitch.p-invalid > .p-inputswitch-slider {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-selectbutton {
-  display: flex;
-  height: -moz-min-content;
-  height: min-content;
-  gap: 0.25rem;
-  padding: 0.25rem;
-  background-color: var(--black-10);
-  border-radius: 0.5rem;
-}
-.p-selectbutton .p-button {
-  flex-grow: 1;
-  background: rgba(255, 255, 255, 0.0001);
-  border: 1px solid trasparent;
-  border-radius: 0.25rem;
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
-  color: var(--black-60);
-}
-.p-selectbutton .p-button.p-disabled {
-  background: transparent;
-  pointer-events: none;
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
-  background: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
-  color: var(--black-80);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight {
-  background: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--aquamarine-700);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight .p-button-icon-right {
-  color: var(--aquamarine-700);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover {
-  background: var(--white-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled).p-highlight:hover .p-button-icon-right {
-  color: var(--black-80);
-}
-.p-selectbutton.p-invalid > .p-button {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-togglebutton.p-highlight.p-disabled .p-button, .p-togglebutton.p-disabled .p-button, .p-button.p-disabled, .p-button.p-button-danger.p-disabled,
-.p-button-group.p-button-danger > .p-button.p-disabled,
-.p-splitbutton.p-button-danger > .p-button.p-disabled,
-.p-fileupload-choose.p-button-danger.p-disabled, .p-button.p-button-warning.p-disabled,
-.p-button-group.p-button-warning > .p-button.p-disabled,
-.p-splitbutton.p-button-warning > .p-button.p-disabled,
-.p-fileupload-choose.p-button-warning.p-disabled, .p-button.p-button-success.p-disabled,
-.p-button-group.p-button-success > .p-button.p-disabled,
-.p-splitbutton.p-button-success > .p-button.p-disabled,
-.p-fileupload-choose.p-button-success.p-disabled, .p-button.p-button-info.p-disabled,
-.p-button-group.p-button-info > .p-button.p-disabled,
-.p-splitbutton.p-button-info > .p-button.p-disabled,
-.p-fileupload-choose.p-button-info.p-disabled, .p-button.p-button-help.p-disabled,
-.p-button-group.p-button-help > .p-button.p-disabled,
-.p-splitbutton.p-button-help > .p-button.p-disabled,
-.p-fileupload-choose.p-button-help.p-disabled {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-togglebutton.p-disabled .p-button .p-button-icon-left, .p-button.p-disabled .p-button-icon-left,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-left,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-left,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-left,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-left,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-left,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-left,
-.p-togglebutton.p-disabled .p-button .p-button-icon-right,
-.p-button.p-disabled .p-button-icon-right,
-.p-button-group.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-danger > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-danger.p-disabled .p-button-icon-right,
-.p-button-group.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-warning > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-warning.p-disabled .p-button-icon-right,
-.p-button-group.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-success > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-success.p-disabled .p-button-icon-right,
-.p-button-group.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-info > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-info.p-disabled .p-button-icon-right,
-.p-button-group.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-splitbutton.p-button-help > .p-button.p-disabled .p-button-icon-right,
-.p-fileupload-choose.p-button-help.p-disabled .p-button-icon-right {
-  color: var(--black-60) !important;
-}
-
-.p-togglebutton {
-  position: relative;
-  display: inline-flex;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  vertical-align: bottom;
-}
-
-.p-togglebutton-input {
-  cursor: pointer;
-}
-
-.p-togglebutton .p-button {
-  flex: 1 1 auto;
-}
-
-.p-togglebutton .p-togglebutton-input {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  outline: 0 none;
-  border: 1px solid trasparent;
-  border-radius: 100px;
-}
-.p-togglebutton .p-button {
-  background: var(--black-10);
-  border: 1px solid trasparent;
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  outline-color: transparent;
-  border-radius: 100px;
-}
-.p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
-  color: var(--black-60);
-}
-.p-togglebutton.p-highlight .p-button {
-  background: var(--aquamarine-700);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--white-100);
-}
-.p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
-  color: var(--white-100);
-}
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
-  background: var(--aquamarine-alpha);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--aquamarine-700);
-}
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
-  color: var(--aquamarine-700);
-}
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
-  background: var(--aquamarine-800);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--white-100);
-}
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
-  color: var(--white-100);
-}
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-togglebutton.p-invalid > .p-button {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-chips {
-  display: inline-flex;
-  height: -moz-min-content;
-  height: min-content;
-}
-
-.p-disabled .p-chips-multiple-container {
-  background-color: var(--black-10);
-}
-
-.p-chips-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: -moz-min-content;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-chips-multiple-container:has(.p-chips-token) {
-  padding: 0.25rem;
-}
-
-.p-chips-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-chips-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-chips-token-icon {
-  cursor: pointer;
-}
-
-.p-chips-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-chips {
-  display: flex;
-}
-
-.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
-  border-color: var(--aquamarine-700);
-}
-.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0rem 0.5rem;
-  background: var(--black-10);
-  color: var(--black-80);
-  border-radius: 0.25rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
-  margin-left: 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-token + .p-chips-input-token {
-  padding: 0 0.5rem;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token {
-  padding: 0rem 0;
-}
-.p-chips .p-chips-multiple-container .p-chips-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--black-80);
-  margin: 0;
-}
-.p-chips.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-slider {
-  background: var(--black-10);
-  border: none;
-  border-radius: 0.5rem;
-}
-.p-slider.p-slider-horizontal {
-  height: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-horizontal .p-slider-handle {
-  margin-top: -0.625rem;
-  margin-left: -0.625rem;
-}
-.p-slider.p-slider-vertical {
-  width: 0.25rem;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.p-slider.p-slider-vertical .p-slider-handle {
-  margin-left: -0.625rem;
-  margin-bottom: -0.625rem;
-}
-.p-slider .p-slider-handle {
-  height: 1.25rem;
-  width: 1.25rem;
-  background: var(--aquamarine-700);
-  border: none;
-  border-radius: 1rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-slider .p-slider-handle:focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-slider .p-slider-range {
-  background: var(--aquamarine-700);
-  border-top-left-radius: 1rem;
-  border-bottom-left-radius: 1rem;
-}
-.p-slider:not(.p-disabled) .p-slider-handle:hover {
-  background: var(--aquamarine-800);
-  border-color: rgba(255, 255, 255, 0.0001);
-}
-
-.p-rating {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-
-.p-rating-item {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-
-.p-rating.p-readonly .p-rating-item {
-  cursor: default;
-}
-
-.p-rating {
-  gap: 0.5rem;
-}
-.p-rating .p-rating-item {
-  outline-color: transparent;
-  border-radius: 50%;
-}
-.p-rating .p-rating-item .p-rating-icon {
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-  font-size: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-icon {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
-  color: var(--black-60);
-}
-.p-rating .p-rating-item:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
-  color: var(--orange-400);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
-  color: var(--orange-500);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
-  color: var(--black-80);
-}
-
-.p-calendar.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-.p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-
-.p-datepicker {
-  margin-top: 0.25rem;
-  padding: 0.75rem;
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-}
-.p-datepicker:not(.p-datepicker-inline) {
-  background: var(--white-100);
-  border: 1px solid var(--gray-200);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-datepicker .p-datepicker-header {
-  padding: 0 0 0.5rem;
-  color: var(--black-60);
-  background: var(--white-100);
-  font-weight: bold;
-  margin: 0rem;
-  border-bottom: none;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border: 1px solid transparent;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,
-.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-prev.p-disabled,
-.p-datepicker .p-datepicker-header .p-datepicker-next.p-disabled {
-  color: var(--black-60);
-  background: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title {
-  line-height: 2rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  color: var(--black-60);
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  font-weight: bold;
-  padding: 0.25rem;
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
-  color: var(--aquamarine-700);
-}
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
-  margin-right: 0.5rem;
-}
-.p-datepicker table {
-  font-size: 1rem;
-  margin: 0rem;
-}
-.p-datepicker table th {
-  padding: 0.25rem;
-}
-.p-datepicker table th > span {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datepicker table td {
-  padding: 0.25rem;
-}
-.p-datepicker table td > span {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  transition: 0.2s;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-datepicker table td > span.p-highlight {
-  color: var(--white-100);
-  background: var(--aquamarine-700);
-}
-.p-datepicker table td > span:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-datepicker table td.p-datepicker-today > span {
-  color: var(--black-60);
-  font-weight: 700;
-  border-color: var(--gray-100);
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-datepicker table td.p-datepicker-today > span:not(.p-disabled):hover {
-  color: var(--black-80);
-}
-.p-datepicker table td.p-datepicker-today > span.p-highlight {
-  color: var(--white-100);
-  background: var(--aquamarine-700);
-}
-.p-datepicker .p-datepicker-buttonbar {
-  padding: 0rem 0 0;
-}
-.p-datepicker .p-datepicker-buttonbar .p-button {
-  width: auto;
-}
-.p-datepicker .p-timepicker {
-  border-top: 1px solid var(--gray-200);
-  padding: String value;
-}
-.p-datepicker .p-timepicker button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datepicker .p-timepicker button:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-datepicker .p-timepicker button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-datepicker .p-timepicker button.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-datepicker .p-timepicker span {
-  font-size: 1.25rem;
-}
-.p-datepicker .p-timepicker > div {
-  padding: String value;
-}
-.p-datepicker .p-hour-picker,
-.p-datepicker .p-minute-picker {
-  gap: 0.25rem;
-}
-.p-datepicker.p-datepicker-timeonly .p-timepicker {
-  border-top: 0 none;
-}
-.p-datepicker .p-monthpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
-  color: var(--white-100);
-  background: var(--aquamarine-700);
-}
-.p-datepicker .p-yearpicker {
-  margin: 0rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year {
-  padding: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
-  color: var(--white-100);
-  background: var(--aquamarine-700);
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-left: 1px solid var(--gray-200);
-  padding-right: 0.75rem;
-  padding-left: 0.75rem;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
-  padding-left: 0;
-  border-left: 0 none;
-}
-.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
-  padding-right: 0;
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-datepicker:not(.p-disabled) table td span.p-highlight:hover {
-  background: var(--aquamarine-800);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled).p-highlight:hover {
-  background: var(--aquamarine-800);
-}
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year {
-  flex-basis: 32.3%;
-  width: 100%;
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled).p-highlight:hover {
-  background: var(--aquamarine-800);
-}
-.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-
-.p-autocomplete {
-  display: inline-flex;
-  height: -moz-min-content;
-  height: min-content;
-}
-.p-autocomplete .p-autocomplete-loader {
-  right: 0.75rem;
-  color: var(--black-80);
-}
-.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
-  right: 3.25rem;
-}
-
-.p-autocomplete-multiple-container {
-  outline-color: transparent;
-  cursor: text;
-  overflow: hidden;
-  height: -moz-min-content;
-  height: min-content;
-  display: flex;
-  flex-grow: 1;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.25rem;
-  margin: 0;
-  list-style-type: none;
-}
-.p-autocomplete-multiple-container:has(.p-autocomplete-token) {
-  padding: 0.25rem;
-}
-
-.p-autocomplete-token {
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  flex: 0 0 auto;
-  height: 1.75rem;
-}
-
-.p-autocomplete-input-token {
-  flex: 1 1 auto;
-  display: inline-flex;
-}
-
-.p-autocomplete-token-icon {
-  cursor: pointer;
-}
-
-.p-autocomplete-input-token input {
-  border: 0 none;
-  outline: 0 none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.p-fluid .p-autocomplete {
-  display: flex;
-}
-
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
-  border-color: var(--aquamarine-700);
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-autocomplete .p-autocomplete-multiple-container.p-disabled {
-  cursor: not-allowed;
-  background-color: var(--black-10);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0rem 0.5rem;
-  background: var(--black-10);
-  color: var(--black-80);
-  border-radius: 0.25rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
-  margin-left: 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token + .p-autocomplete-input-token {
-  padding: 0 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
-  padding: 0rem 0;
-}
-.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
-  height: 1.75rem;
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: 1rem;
-  color: var(--black-80);
-  margin: 0;
-}
-.p-autocomplete.p-invalid.p-component > .p-inputtext {
-  border-color: var(--red-400);
-  box-shadow: 0 0 0 0.25rem var(--red-100);
-}
-
-.p-autocomplete-panel {
-  background: var(--white-100);
-  color: var(--black-60);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  margin-top: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items {
-  padding: 0.25rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
-  margin: 0.25rem 0rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-of-type {
-  margin-top: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-of-type {
-  margin-bottom: 0;
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
-  color: var(--black-80);
-  background: var(--gray-100);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
-  color: var(--white-100);
-  background: var(--aquamarine-700);
-}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
-  margin: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  color: var(--black-60);
-  background: rgba(255, 255, 255, 0.0001);
-  font-weight: bold;
-}
-
-.p-tabview .p-tabview-nav {
-  background: rgba(255, 255, 255, 0.0001);
-  border-bottom: 1px solid var(--gray-200);
-  border-width: 1px;
-}
-.p-tabview .p-tabview-nav li {
-  margin-right: 1.5rem;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link {
-  border-bottom: 0.25rem solid rgba(255, 255, 255, 0.0001);
-  border-width: 0.25rem;
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  padding: 1rem 0rem;
-  font-weight: normal;
-  transition: 0.2s;
-  margin: 0;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--aquamarine-700);
-}
-.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--aquamarine-700);
-  color: var(--aquamarine-700);
-}
-.p-tabview .p-tabview-close {
-  margin-left: 0.5rem;
-}
-.p-tabview .p-tabview-nav-btn.p-link {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--aquamarine-700);
-  width: 2.5rem;
-  border-radius: 0;
-}
-.p-tabview .p-tabview-nav-btn.p-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-tabview .p-tabview-panels {
-  background: rgba(255, 255, 255, 0.0001);
-  padding: 1rem 0rem;
-  border: none;
-  color: var(--black-80);
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
-.p-divider {
-  border-color: var(--gray-200);
-}
-.p-divider .p-divider-content {
-  background-color: var(--white-100);
-}
-.p-divider.p-divider-horizontal {
-  margin: 1rem 0rem;
-  padding: 0rem 1rem;
-}
-.p-divider.p-divider-horizontal .p-divider-content {
-  padding: 0 0.5rem;
-}
-.p-divider.p-divider-horizontal:before {
-  border-top-width: 1px;
-  border-top-color: var(--gray-200);
-}
-.p-divider.p-divider-horizontal.p-divider-dash:before {
-  border-top-style: dashed;
-}
-.p-divider.p-divider-vertical {
-  margin: 0rem 1rem;
-  padding: 1rem 0rem;
-}
-.p-divider.p-divider-vertical .p-divider-content {
-  padding: 0.5rem 0;
-}
-.p-divider.p-divider-vertical:before {
-  border-left-width: 1px;
-  border-left-color: var(--gray-200);
-}
-.p-divider.p-divider-vertical.p-divider-dash:before {
-  border-left-style: dashed;
-}
-
-.p-scrollpanel .p-scrollpanel-bar {
-  background: var(--black-10);
-  border: 0 none;
-  border-radius: 0.5rem;
-}
-.p-scrollpanel .p-scrollpanel-bar:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-
-.p-accordion .p-accordion-header .p-accordion-header-link {
-  display: flex;
-  gap: 0.5rem;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  color: var(--black-60);
-  font-weight: 700;
-  padding: 1rem 0rem;
-  border-top: 1px solid var(--gray-200);
-  background: rgba(255, 255, 255, 0.0001);
-  transition: 0.2s;
-}
-.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
-  font-size: 1.25rem;
-}
-.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--gray-200);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--gray-200);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
-  border-color: var(--gray-200);
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-content {
-  padding: 0rem 0rem 1rem 1.75rem;
-  border-bottom: none;
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-accordion .p-accordion-tab {
-  margin-bottom: 0rem;
-}
-.p-accordion .p-accordion-tab:first-child .p-accordion-header-link {
-  border-top: none;
-}
-.p-accordion .p-accordion-tab .p-accordion-content .p-accordion-header-link {
-  border-top: 1px solid var(--gray-200);
-}
-
-.p-stepper .p-stepper-nav {
-  display: flex;
-  gap: 0.5rem;
-  justify-content: space-between;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-.p-stepper .p-stepper-header {
-  padding: 0.5rem 0;
-}
-.p-stepper .p-stepper-header.p-disabled {
-  opacity: 1;
-}
-.p-stepper .p-stepper-header.p-disabled .p-stepper-action {
-  opacity: 0.6;
-}
-.p-stepper .p-stepper-header .p-stepper-action {
-  flex-grow: 0;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  background: var(--white-100);
-  outline-color: transparent;
-  padding: 0;
-}
-.p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
-  font-weight: 500;
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-  font-size: 1rem;
-  border-radius: 8rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
-  margin-left: 0.5rem;
-  color: var(--black-80);
-  font-weight: 500;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-number {
-  background: var(--aquamarine-700);
-  color: var(--white-100);
-  border-color: transparent;
-}
-.p-stepper .p-stepper-header.p-highlight .p-stepper-title {
-  color: var(--black-80);
-}
-.p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
-  background-color: var(--aquamarine-700);
-}
-.p-stepper .p-stepper-panels {
-  background: rgba(255, 255, 255, 0.0001);
-  padding: 1rem 0rem;
-  color: var(--black-80);
-}
-.p-stepper .p-stepper-separator {
-  background-color: var(--gray-200);
-  width: 100%;
-  height: 1px;
-  margin-inline-start: 0.5rem;
-  transition: 0.2s;
-}
-.p-stepper.p-stepper-vertical {
-  display: flex;
-  flex-direction: column;
-}
-.p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
-  display: flex;
-  flex: 1 1 auto;
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel {
-  display: flex;
-  flex-direction: column;
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
-  flex: 1 1 auto;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
-  flex: initial;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
-  width: 100%;
-  padding-left: 1rem;
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
-  flex: 0 0 auto;
-  width: 2px;
-  height: auto;
-  margin-inline-start: calc(1.75rem + 2px);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
-  background-color: var(--aquamarine-700);
-}
-.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
-  padding-left: 3rem;
-}
-
-.p-card {
-  overflow: hidden;
-  color: var(--black-80);
-  font-size: 1rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-card .p-card-body {
-  padding: 1rem;
-}
-.p-card .p-card-title {
-  font-size: 1.125rem;
-  font-weight: 700;
-  margin-bottom: 0.25rem;
-}
-.p-card .p-card-subtitle {
-  font-size: 0.875rem;
-  font-weight: 400;
-  color: var(--black-60);
-}
-.p-card .p-card-content {
-  padding: 1rem 0 0;
-}
-.p-card .p-card-footer {
-  padding: 1rem 0 0;
-}
-
-.p-dialog {
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  border: 1px solid var(--gray-200);
-}
-.p-dialog .p-dialog-header {
-  border-bottom: 1px solid var(--gray-200);
-  background: var(--white-100);
-  color: var(--black-80);
-  padding: 1.5rem 1.5rem 1rem;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-header .p-dialog-title {
-  font-weight: bold;
-  font-size: 1.25rem;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-right: 0.5rem;
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
-  margin-right: 0;
-}
-.p-dialog .p-dialog-content {
-  background: var(--white-100);
-  color: var(--black-80);
-  padding: 1.5rem 1.5rem;
-}
-.p-dialog .p-dialog-content:last-of-type {
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer {
-  display: flex;
-  border-top: 1px solid rgba(255, 255, 255, 0.0001);
-  background: var(--white-100);
-  color: var(--black-60);
-  padding: 0rem 1.5rem 1.5rem;
-  text-align: right;
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-dialog .p-dialog-footer button {
-  margin: 0 0.5rem 0 0;
-  width: auto;
-}
-.p-dialog .p-confirm-dialog-accept {
-  order: 1;
-}
-.p-dialog .p-confirm-dialog-reject {
-  order: 2;
-}
-.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
-  border-radius: 0;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
-  font-size: 2rem;
-}
-.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-overlaypanel {
-  background: var(--white-100);
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-overlaypanel .p-overlaypanel-content {
-  padding: 1rem;
-}
-.p-overlaypanel .p-overlaypanel-close {
-  background: var(--aquamarine-700);
-  color: var(--white-100);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  position: absolute;
-  top: -1rem;
-  right: -1rem;
-}
-.p-overlaypanel .p-overlaypanel-close:enabled:hover {
-  background: var(--aquamarine-800);
-  color: var(--white-100);
-}
-.p-overlaypanel:after {
-  border: solid transparent;
-  border-color: transparent;
-  border-bottom-color: var(--white-100);
-  border-width: 6px;
-}
-.p-overlaypanel:before {
-  border: solid transparent;
-  border-width: 8px;
-  border-color: transparent;
-  border-bottom-color: var(--gray-200);
-}
-.p-overlaypanel.p-overlaypanel-flipped:after {
-  border-top-color: var(--white-100);
-  border-bottom-color: transparent;
-}
-.p-overlaypanel.p-overlaypanel-flipped:before {
-  border-top-color: var(--gray-200);
-  border-bottom-color: transparent;
-}
-
-.p-sidebar {
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  background: var(--white-100);
-}
-.p-sidebar .p-sidebar-header {
-  padding: 1.5rem 1.5rem 1rem;
-  border-bottom: 1px solid var(--gray-200);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-sidebar .p-sidebar-header .p-sidebar-close.p-disabled,
-.p-sidebar .p-sidebar-header .p-sidebar-icon.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-sidebar .p-sidebar-header + .p-sidebar-content {
-  padding-top: 0;
-}
-.p-sidebar .p-sidebar-content {
-  padding: 1.5rem 1.5rem;
-}
-
-.p-avatar {
-  height: 2rem;
-  width: 2rem;
-  color: var(--white-100);
-  font-size: 1rem;
-  background-color: var(--aquamarine-700);
-  border-radius: 0.5rem;
-}
-.p-avatar:not(.p-avatar-image) {
-  border: 1px solid var(--gray-200);
-}
-.p-avatar.p-avatar-image {
-  background: transparent;
-  position: relative;
-}
-.p-avatar.p-avatar-image img {
-  position: relative;
-  -o-object-fit: cover;
-     object-fit: cover;
-  border-radius: inherit;
-}
-.p-avatar.p-avatar-image .p-badge {
-  z-index: 1;
-}
-.p-avatar.p-avatar-image::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  border: 1px solid var(--gray-200);
-  border-radius: inherit;
-  z-index: 1;
-}
-.p-avatar.p-avatar-lg {
-  width: 2.5rem;
-  height: 2.5rem;
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-lg .p-avatar-icon {
-  font-size: 1rem;
-}
-.p-avatar.p-avatar-xl {
-  width: 3.5rem;
-  height: 3.5rem;
-  font-size: 1.5rem;
-}
-.p-avatar.p-avatar-xl .p-avatar-icon {
-  font-size: 1.5rem;
-}
-
-.p-avatar-circle {
-  border-radius: 50%;
-}
-
-.p-badge {
-  background: var(--aquamarine-700);
-  color: var(--white-100);
-  font-size: 0.75rem;
-  font-weight: bold;
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-}
-.p-badge.p-badge-success {
-  background-color: var(--green-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-info {
-  background-color: var(--blue-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-warning {
-  background-color: var(--orange-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-danger {
-  background-color: var(--red-400);
-  color: var(--white-100);
-}
-.p-badge.p-badge-dot {
-  width: 0.5rem;
-  height: 0.5rem;
-  min-width: auto;
-}
-
-.p-tag {
-  height: 1.5rem;
-  color: var(--white-100);
-  font-size: 0.875rem;
-  font-weight: bold;
-  padding: 0.5rem;
-  border-radius: 0.5rem;
-  background: var(--aquamarine-700);
-}
-.p-tag.p-tag-success {
-  background-color: var(--green-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-info {
-  background-color: var(--blue-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-warning {
-  background-color: var(--orange-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-danger {
-  background-color: var(--red-400);
-  color: var(--white-100);
-}
-.p-tag.p-tag-rounded {
-  border-radius: 100px;
-}
-.p-tag.p-tag-secondary {
-  background-color: var(--gray-200);
-  color: var(--black-60);
-}
-.p-tag .p-tag-icon {
-  margin-right: 0.25rem;
-  font-size: 0.875rem;
-}
-.p-tag .p-tag-icon.p-icon {
-  width: 0.875rem;
-  height: 0.875rem;
-}
-
-.p-progressbar {
-  border: none;
-  height: 1rem;
-  background: var(--black-10);
-  border-radius: 0.5rem;
-}
-.p-progressbar .p-progressbar-value {
-  border: 0 none;
-  margin: 0;
-  background: var(--aquamarine-700);
-}
-.p-progressbar .p-progressbar-label {
-  color: var(--white-100);
-  line-height: 1rem;
-}
-
-.p-metergroup .p-metergroup-meter-container {
-  background: var(--black-10);
-  border-radius: 0.5rem;
-}
-.p-metergroup .p-metergroup-meter {
-  border: none;
-  background: var(--aquamarine-700);
-}
-.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item {
-  line-height: 1rem;
-}
-.p-metergroup .p-metergroup-label-list .p-metergroup-label-type {
-  background: var(--aquamarine-700);
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 100%;
-  margin-right: 0.5rem;
-}
-.p-metergroup .p-metergroup-label-list .p-metergroup-label {
-  color: var(--black-60);
-  font-size: 0.875rem;
-  margin-right: 0.5rem;
-}
-.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
-  width: 1rem;
-  height: 1rem;
-  margin-right: 0.5rem;
-}
-.p-metergroup .p-metergroup-label-list-vertical {
-  gap: 0.25rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
-  height: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
-  margin-bottom: 0.5rem;
-}
-.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
-  margin-top: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
-  width: 0.5rem;
-  height: 100%;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
-  border-bottom-left-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
-  margin-left: 0.5rem;
-}
-
-.p-chip {
-  height: 1.75rem;
-  color: var(--black-80);
-  border-radius: 0.25rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  padding: 0rem 0.5rem;
-  background-color: var(--black-10);
-  display: inline-flex;
-  gap: 0.5rem;
-}
-.p-chip.p-disabled {
-  color: var(--black-60);
-  border-color: var(--gray-200);
-  background-color: var(--black-10);
-}
-.p-chip .p-chip-text {
-  line-height: 1.5;
-  margin-top: 0rem;
-  margin-bottom: 0rem;
-}
-.p-chip .p-chip-icon {
-  margin-right: 0.5rem;
-}
-.p-chip img {
-  width: 1.5rem;
-  height: 1.5rem;
-  margin-left: -0.75rem;
-  margin-right: 0.5rem;
-}
-.p-chip .p-chip-remove-icon {
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin-left: 0.5rem;
-}
-.p-chip .p-chip-remove-icon:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-chip .p-chip-remove-icon:focus {
-  outline: 0 none;
-}
-
-.pi-chip-remove-icon svg {
-  display: none !important;
-}
-.pi-chip-remove-icon::after {
-  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.0876%203.83754C3.31541%203.60974%203.68475%203.60974%203.91256%203.83754L7.00008%206.92506L10.0876%203.83754C10.3154%203.60974%2010.6848%203.60974%2010.9126%203.83754C11.1404%204.06535%2011.1404%204.43469%2010.9126%204.6625L7.82504%207.75002L10.9126%2010.8375C11.1404%2011.0653%2011.1404%2011.4347%2010.9126%2011.6625C10.6848%2011.8903%2010.3154%2011.8903%2010.0876%2011.6625L7.00008%208.57498L3.91256%2011.6625C3.68475%2011.8903%203.31541%2011.8903%203.0876%2011.6625C2.8598%2011.4347%202.8598%2011.0653%203.0876%2010.8375L6.17512%207.75002L3.0876%204.6625C2.8598%204.43469%202.8598%204.06535%203.0876%203.83754Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E");
-  height: 16px;
-}
-
-.p-skeleton {
-  background: var(--gray-200);
-  border-radius: 0.5rem;
-}
-.p-skeleton:after {
-  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
-}
-
-.p-message {
-  overflow: hidden;
-  margin: 0rem;
-  border-radius: 0.5rem;
-}
-.p-message .p-message-wrapper {
-  padding: 1rem;
-}
-.p-message .p-message-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: transparent;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-message .p-message-close:hover {
-  background: rgba(255, 255, 255, 0.5);
-}
-.p-message .p-message-close:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-message.p-message-info {
-  background: var(--blue-50);
-  border: 1px solid var(--blue-200);
-}
-.p-message.p-message-info .p-message-wrapper {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-message.p-message-info .p-message-icon {
-  color: var(--blue-400);
-}
-.p-message.p-message-info .p-message-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-200);
-  background: transparent;
-}
-.p-message.p-message-info .p-message-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-success {
-  background: var(--green-50);
-  border: 1px solid var(--green-200);
-}
-.p-message.p-message-success .p-message-wrapper {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-message.p-message-success .p-message-icon {
-  color: var(--green-400);
-}
-.p-message.p-message-success .p-message-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-200);
-  background: transparent;
-}
-.p-message.p-message-success .p-message-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-warn {
-  background: var(--orange-50);
-  border: 1px solid var(--orange-200);
-}
-.p-message.p-message-warn .p-message-wrapper {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-message.p-message-warn .p-message-icon {
-  color: var(--orange-400);
-}
-.p-message.p-message-warn .p-message-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-200);
-  background: transparent;
-}
-.p-message.p-message-warn .p-message-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message.p-message-error {
-  background: var(--red-50);
-  border: 1px solid var(--red-200);
-}
-.p-message.p-message-error .p-message-wrapper {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-message.p-message-error .p-message-icon {
-  color: var(--red-400);
-}
-.p-message.p-message-error .p-message-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-200);
-  background: transparent;
-}
-.p-message.p-message-error .p-message-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-message .p-message-text {
-  font-size: 1rem;
-  font-weight: normal;
-  color: var(--black-80);
-}
-.p-message .p-message-icon {
-  font-size: 2rem;
-  margin-right: 1rem;
-}
-.p-message .p-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-message .p-message-summary {
-  font-size: 1rem;
-  font-weight: bold;
-  color: var(--black-80);
-  margin-right: 0.25rem;
-}
-.p-message .p-message-detail {
-  font-size: 0.875rem;
-  font-weight: normal;
-  color: var(--black-60);
-}
-
-.p-toast {
-  opacity: 1;
-}
-.p-toast .p-toast-message {
-  overflow: hidden;
-  margin: 0.25rem;
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  border-radius: 0.5rem;
-}
-.p-toast .p-toast-message .p-toast-message-content {
-  gap: 1rem;
-  padding: 1rem;
-  border-left-width: 0.25rem;
-  border-left-style: solid;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
-  margin: 0rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
-  font-size: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
-  font-weight: bold;
-  font-size: 1rem;
-  color: var(--black-80);
-  margin: auto 0;
-}
-.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
-  font-weight: normal;
-  font-size: 0.875rem;
-  color: var(--black-60);
-  margin-top: 0.25rem;
-}
-.p-toast .p-toast-message .p-toast-icon-close {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.5rem;
-  background: var(--white-100);
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-info {
-  background: var(--blue-50);
-  border: 1px solid var(--blue-200);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-content {
-  border-left: 0.25rem solid var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
-  color: var(--blue-400);
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
-  color: var(--blue-400);
-  border: 1px solid var(--blue-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
-  color: var(--blue-400);
-  border-color: var(--blue-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-success {
-  background: var(--green-50);
-  border: 1px solid var(--green-200);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-content {
-  border-left: 0.25rem solid var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon {
-  color: var(--green-400);
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
-  color: var(--green-400);
-  border: 1px solid var(--green-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
-  color: var(--green-400);
-  border-color: var(--green-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-warn {
-  background: var(--orange-50);
-  border: 1px solid var(--orange-200);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-content {
-  border-left: 0.25rem solid var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
-  color: var(--orange-400);
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
-  color: var(--orange-400);
-  border: 1px solid var(--orange-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
-  color: var(--orange-400);
-  border-color: var(--orange-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-toast .p-toast-message.p-toast-message-error {
-  background: var(--red-50);
-  border: 1px solid var(--red-200);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-content {
-  border-left: 0.25rem solid var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
-  color: var(--red-400);
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
-  color: var(--red-400);
-  border: 1px solid var(--red-200);
-  background: transparent;
-}
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
-  color: var(--red-400);
-  border-color: var(--red-400);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-
-.p-breadcrumb {
-  background: rgba(255, 255, 255, 0.0001);
-  border: none;
-  padding: 0rem;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
-  transition: 0.2s;
-  border-radius: 0.5rem;
-  padding: 0.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover {
-  background-color: var(--gray-100);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
-  margin: 0 0.25rem;
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
-  color: var(--black-80);
-}
-
-.p-menubar {
-  display: flex;
-}
-.p-menubar [class*=list][level="0"] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-menubar [class*=list][level="0"] > .p-menuitem {
-  margin: 0;
-}
-.p-menubar [class*=list]:not([level="0"]) {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  padding: 0.25rem;
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  z-index: 2;
-}
-.p-menubar [class*=list][level="1"] {
-  margin-top: 0.25rem;
-}
-.p-menubar [class*=list]:not([level="0"]):not([level="1"]) {
-  margin-left: 0.25rem;
-  margin-top: -0.25rem;
-}
-.p-menubar .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menubar .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menubar .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: transparent;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menubar .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-700);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-800);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menubar .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menubar .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-
-@media screen and (max-width: 960px) {
-  .p-menubar {
-    position: relative;
-  }
-  .p-menubar .p-menubar-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--black-60);
-    border: 1px solid rgba(255, 255, 255, 0.0001);
-    background: rgba(255, 255, 255, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-menubar .p-menubar-button:hover {
-    color: var(--black-80);
-    border-color: rgba(255, 255, 255, 0.0001);
-    background: var(--gray-100);
-  }
-  .p-menubar .p-menubar-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-    caret-color: var(--aquamarine-700);
-  }
-  .p-menubar .p-menubar-button.p-disabled {
-    background: var(--black-10);
-    border: 1px solid var(--gray-200);
-    color: var(--black-60);
-  }
-  .p-menubar [aria-expanded=false] + [class*=list][level="0"] {
-    display: none;
-  }
-  .p-menubar [class*=list][level="0"] {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: flex;
-    flex-direction: column;
-    min-width: 8rem;
-    border-radius: 0.5rem;
-    border: 1px solid var(--gray-200);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: var(--white-100);
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-    z-index: 2;
-  }
-  .p-menubar [class*=list][level="0"] [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-menubar [class*=list]:not([level="0"]) {
-    width: 100%;
-    position: static;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    box-shadow: none;
-  }
-  .p-menubar [class*=list]:not([level="0"]) [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(0deg);
-  }
-  .p-menubar [class*=list]:not([level="0"]) [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-megamenu [class*=header] {
-  color: var(--black-60);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-megamenu [class*=header][data-p-disabled=true] {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-megamenu [class*=grid] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-  width: -moz-max-content;
-  width: max-content;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  padding: 0.25rem;
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-}
-.p-megamenu [class*=col] {
-  display: flex;
-  flex-grow: 1;
-  width: auto;
-  padding: 0;
-}
-.p-megamenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-megamenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-megamenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: transparent;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-700);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-800);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-megamenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-megamenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-horizontal {
-  display: flex;
-}
-.p-megamenu-horizontal [class*=root] {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.25rem;
-}
-.p-megamenu-horizontal [class*=root] > .p-menuitem {
-  margin: 0;
-}
-.p-megamenu-horizontal [class*=grid] {
-  margin-top: 0.25rem;
-}
-
-.p-megamenu-vertical {
-  display: flex;
-}
-.p-megamenu-vertical [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-megamenu-vertical [class*=grid] {
-  margin-left: 0.25rem;
-}
-
-@media screen and (max-width: 960px) {
-  .p-megamenu {
-    position: relative;
-  }
-  .p-megamenu .p-megamenu-button {
-    display: flex;
-    width: 2rem;
-    height: 2rem;
-    color: var(--black-60);
-    border: 1px solid rgba(255, 255, 255, 0.0001);
-    background: rgba(255, 255, 255, 0.0001);
-    border-radius: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .p-megamenu .p-megamenu-button:hover {
-    color: var(--black-80);
-    border-color: rgba(255, 255, 255, 0.0001);
-    background: var(--gray-100);
-  }
-  .p-megamenu .p-megamenu-button:focus-visible {
-    outline: none;
-    outline-offset: none;
-    box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-    caret-color: var(--aquamarine-700);
-  }
-  .p-megamenu .p-megamenu-button.p-disabled {
-    background: var(--black-10);
-    border: 1px solid var(--gray-200);
-    color: var(--black-60);
-  }
-  .p-megamenu [aria-expanded=false] + [class*=root] {
-    display: none;
-  }
-  .p-megamenu [class*=root] {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    display: flex;
-    flex-direction: column;
-    min-width: 8rem;
-    border-radius: 0.5rem;
-    border: 1px solid var(--gray-200);
-    padding: 0.25rem;
-    margin-top: 0.25rem;
-    background-color: var(--white-100);
-    box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-    z-index: 2;
-  }
-  .p-megamenu [class*=panel] {
-    width: 100%;
-    position: static;
-  }
-  .p-megamenu [class*=grid] {
-    display: flex;
-    flex-direction: column;
-    border: none;
-    border-radius: 0;
-    margin: 0 !important;
-    padding: 0.25rem 0 0 0.75rem;
-    box-shadow: none;
-  }
-  .p-megamenu [class*=grid] [class*=list] {
-    width: 100%;
-  }
-  .p-megamenu-horizontal [aria-expanded=false] .p-submenu-icon {
-    transform: rotate(-90deg);
-  }
-  .p-megamenu-vertical [aria-expanded=true] .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-}
-.p-menu [class*=header] {
-  color: var(--black-60);
-  font-size: 0.875rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-menu [class*=header][data-p-disabled=true] {
-  color: var(--black-60);
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-menu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-menu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: transparent;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-menu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-700);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-800);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-menu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-menu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-
-.p-menu-overlay {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  padding: 0.25rem;
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  z-index: 2;
-}
-
-.p-tieredmenu {
-  display: flex;
-}
-.p-tieredmenu [class*=root] {
-  display: flex;
-  flex-direction: column;
-}
-.p-tieredmenu [data-pc-section=submenu] {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  padding: 0.25rem;
-  margin-top: -0.25rem;
-  margin-left: 0.25rem;
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  z-index: 2;
-}
-.p-tieredmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-tieredmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: transparent;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-700);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-800);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-tieredmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-tieredmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-
-.p-tabmenu .p-tabmenu-nav {
-  background: rgba(255, 255, 255, 0.0001);
-  border-bottom: 1px solid var(--gray-200);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
-  margin-right: 1.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  font-weight: normal;
-  border-bottom: 0.25rem solid rgba(255, 255, 255, 0.0001);
-  padding: 1rem 0rem;
-  margin: 0;
-  transition: 0.2s;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
-  margin-right: 0.5rem;
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: inset 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--aquamarine-700);
-}
-.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
-  background: rgba(255, 255, 255, 0.0001);
-  border-color: var(--aquamarine-700);
-  color: var(--aquamarine-700);
-}
-
-.p-panelmenu[data-pc-section=root] {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-.p-panelmenu [data-pc-section=header] {
-  padding: 0.5rem 0.75rem;
-  border-radius: 0.5rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background-color: rgba(255, 255, 255, 0.0001);
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-action {
-  display: flex;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-panelmenu-header-link {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.5rem;
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header] .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header] .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=false]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] {
-  background-color: var(--aquamarine-700);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true] .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover {
-  cursor: pointer;
-  background-color: var(--aquamarine-800);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][aria-expanded=true]:not([data-p-disabled=true]):hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-panelmenu [data-pc-section=header][data-p-disabled=true] .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-panelmenu [data-pc-section=menu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu [data-pc-section=submenu] {
-  padding: 0.25rem 0 0 0.75rem;
-}
-.p-panelmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: transparent;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-panelmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-700);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-800);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-panelmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-link {
-  pointer-events: none;
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-  opacity: 1;
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-panelmenu .p-menuitem > .p-menuitem-content:has(.p-disabled) .p-submenu-icon {
-  color: var(--black-60);
-}
-
-.p-contextmenu [class*=list] {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-200);
-  padding: 0.25rem;
-  background-color: var(--white-100);
-  box-shadow: 0 0.25rem 0.25rem 0 var(--black-20);
-  z-index: 2;
-}
-.p-contextmenu [class*=list]:not([class*=root]) {
-  margin-top: -0.25rem;
-  margin-left: 0.25rem;
-}
-.p-contextmenu .p-menuitem {
-  width: 100%;
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem:first-of-type {
-  margin-top: 0;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid transparent;
-  border-radius: 0.5rem;
-  background-color: transparent;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-menuitem-text + .p-submenu-icon {
-  margin-left: auto;
-}
-.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-  font-size: 1.25rem;
-  transition: 0.18s;
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem:not([data-p-disabled=true]) .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link {
-  background-color: var(--aquamarine-700);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover {
-  background-color: var(--aquamarine-800);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-menuitem-text {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-highlight=true] > .p-menuitem-content > .p-menuitem-link:hover .p-submenu-icon {
-  color: var(--white-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link {
-  cursor: pointer;
-  background-color: var(--gray-100);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-menuitem-text {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-focused=true]:not([data-p-highlight=true]) > .p-menuitem-content > .p-menuitem-link .p-submenu-icon {
-  color: var(--black-80);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link {
-  background-color: var(--black-10);
-  border-color: var(--gray-200);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-icon {
-  color: var(--black-60);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-menuitem-text {
-  color: var(--black-60);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-link .p-submenu-icon {
-  color: var(--black-60);
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-menuitem-content {
-  pointer-events: none;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  pointer-events: none;
-  opacity: 1;
-}
-.p-contextmenu .p-menuitem-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-.p-contextmenu .p-menuitem[data-p-disabled=true] .p-disabled {
-  opacity: 0.6;
-}
-@media screen and (max-width: 767px) {
-  .p-contextmenu [aria-expanded=true] > .p-menuitem-content .p-submenu-icon {
-    transform: rotate(90deg);
-  }
-  .p-contextmenu [class*=list]:not([class*=root]) {
-    border-radius: 0;
-    border: none;
-    padding-left: 0.75rem !important;
-    margin: 0;
-    margin-top: 0.25rem;
-    background-color: transparent;
-    box-shadow: none;
-  }
-}
-
-.p-steps .p-steps-item {
-  display: flex;
-  justify-content: center;
-}
-.p-steps .p-steps-item .p-menuitem-link {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 0.5rem;
-  border-radius: 0;
-  padding: 0 0.5rem;
-  background: var(--white-100);
-  transition: 0.2s;
-  z-index: 1;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
-  color: var(--black-80);
-  font-weight: 500;
-  border: 1px solid var(--gray-200);
-  background: var(--white-100);
-  min-width: 1.5rem;
-  height: 1.5rem;
-  line-height: 1.5rem;
-  font-size: 1rem;
-  z-index: 1;
-  border-radius: 8rem;
-}
-.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
-  color: var(--black-80);
-  font-weight: 500;
-}
-.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-steps .p-steps-item.p-highlight .p-steps-number {
-  background: var(--aquamarine-700);
-  color: var(--white-100);
-  border-color: transparent;
-}
-.p-steps .p-steps-item.p-highlight .p-steps-title {
-  color: var(--black-80);
-}
-.p-steps .p-steps-item.p-disabled {
-  opacity: 1;
-}
-.p-steps .p-steps-item.p-disabled .p-steps-number,
-.p-steps .p-steps-item.p-disabled .p-steps-title {
-  opacity: 0.6;
-}
-.p-steps .p-steps-item:before {
-  content: " ";
-  border-top: 1px solid var(--gray-200);
-  width: 100%;
-  top: 50%;
-  left: 0;
-  display: block;
-  position: absolute;
-}
-.p-steps .p-steps-item:first-of-type {
-  justify-content: flex-start;
-}
-.p-steps .p-steps-item:first-of-type .p-menuitem-link {
-  padding-left: 0;
-}
-.p-steps .p-steps-item:last-of-type {
-  justify-content: flex-end;
-}
-.p-steps .p-steps-item:last-of-type .p-menuitem-link {
-  padding-right: 0;
-}
-
-.p-timeline .p-timeline-event-content {
-  color: var(--black-80);
-}
-.p-timeline .p-timeline-event-marker {
-  border: 0.25rem solid var(--aquamarine-700);
-  border-radius: 8rem;
-  width: 1rem;
-  height: 1rem;
-  background-color: var(--white-100);
-}
-.p-timeline .p-timeline-event-connector {
-  background-color: var(--gray-200);
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
-  padding: 0rem 0.5rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
-  width: 1px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
-  padding: 0.5rem 0rem;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
-  height: 1px;
-}
-
-.p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  margin: 0.5rem;
-}
-.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-carousel .p-carousel-content .p-carousel-prev.p-disabled,
-.p-carousel .p-carousel-content .p-carousel-next.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-carousel .p-carousel-indicators {
-  padding: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator {
-  margin-right: 0.5rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator:last-of-type {
-  margin-right: 0;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button {
-  background-color: var(--gray-200);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
-  background: var(--gray-800);
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-  background: var(--gray-800);
-  color: var(--white-100);
-}
-
-.p-datatable .p-paginator-top {
-  border-width: 1px 0 1px 0;
-  border-radius: 0;
-}
-.p-datatable .p-paginator-bottom {
-  border-width: 0 0 0 0;
-  border-radius: 0;
-}
-.p-datatable .p-datatable-header {
-  background: var(--gray-50);
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-footer {
-  background: var(--gray-50);
-  color: var(--black-80);
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-  font-weight: 500;
-}
-.p-datatable .p-datatable-thead > tr > th {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--black-80);
-  background: var(--gray-50);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tfoot > tr > td {
-  text-align: left;
-  padding: 1rem 1rem;
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  font-weight: 500;
-  color: var(--black-80);
-  background: var(--gray-50);
-}
-.p-datatable .p-sortable-column .p-sortable-column-icon {
-  color: var(--black-80);
-  margin-left: 0.5rem;
-}
-.p-datatable .p-sortable-column .p-sortable-column-badge {
-  border-radius: 50%;
-  height: 1.25rem;
-  min-width: 1.25rem;
-  line-height: 1.25rem;
-  color: var(--white-100);
-  background: var(--aquamarine-700);
-  margin-left: 0.5rem;
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
-  color: var(--black-80);
-}
-.p-datatable .p-sortable-column.p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
-  color: var(--aquamarine-700);
-}
-.p-datatable .p-sortable-column:focus-visible {
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  outline: 0 none;
-}
-.p-datatable .p-datatable-tbody > tr {
-  background: var(--white-100);
-  color: var(--black-80);
-  transition: 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td {
-  text-align: left;
-  border: 1px solid var(--gray-200);
-  border-width: 0 0 1px 0;
-  padding: 1rem 1rem;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-toggler.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save.p-disabled,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
-  margin-right: 0.5rem;
-}
-.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
-  font-weight: 500;
-}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
-  outline: 0.15rem solid var(--aquamarine-200);
-  outline-offset: -0.15rem;
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
-  box-shadow: inset 0 2px 0 0 var(--aquamarine-700);
-}
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
-  box-shadow: inset 0 -2px 0 0 var(--aquamarine-700);
-}
-.p-datatable .p-datatable-frozen-tbody > tr > td {
-  background: var(--gray-50);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
-  outline: 0.15rem solid var(--aquamarine-200);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
-  outline: 0.15rem solid var(--aquamarine-200);
-  outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable .p-column-resizer-helper {
-  background: var(--gray-200);
-}
-.p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
-  background: var(--white-100);
-}
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
-  background-color: var(--gray-50);
-}
-.p-datatable .p-datatable-loading-icon {
-  font-size: 2rem;
-}
-.p-datatable .p-datatable-loading-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-header {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-footer {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-top {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-paginator-bottom {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
-  border-width: 1px 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
-  border-width: 1px 1px 0 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
-  border-width: 1px 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
-  border-width: 1px 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
-  border-width: 0 0 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
-  border-width: 0 1px 1px 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
-  border-width: 0 0 0 1px;
-}
-.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
-  border-width: 0 1px 0 1px;
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
-  background: var(--gray-50);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
-  background: var(--gray-100);
-  color: var(--black-80);
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
-  background: var(--gray-50);
-}
-.p-datatable.p-datatable-sm .p-datatable-header {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-sm .p-datatable-footer {
-  padding: 0.5rem 0.5rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-header {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
-  padding: 1.25rem 1.25rem;
-}
-.p-datatable.p-datatable-lg .p-datatable-footer {
-  padding: 1.25rem 1.25rem;
-}
-
-.p-datatable-drag-selection-helper {
-  background: var(--gray-100);
-}
-
-.p-column-filter-overlay {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  background-color: var(--white-100);
-  padding: 0.25rem;
-  border: 1px solid var(--gray-200);
-  border-radius: 0.5rem;
-}
-
-.p-column-filter-constraint,
-.p-column-filter-constraints {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-
-.p-column-filter-buttonbar {
-  display: flex;
-  gap: 0.25rem;
-}
-
-[data-pc-section=filterremove] {
-  display: none;
-}
-[data-pc-section=filterremove]:has(.p-column-filter-remove-button) {
-  display: block;
-}
-
-.p-column-filter-menu-button,
-.p-column-filter-clear-button {
-  width: 2rem;
-  height: 2rem;
-  color: var(--black-60);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  background: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-column-filter-menu-button:enabled:hover,
-.p-column-filter-clear-button:enabled:hover {
-  color: var(--black-80);
-  border-color: rgba(255, 255, 255, 0.0001);
-  background: var(--gray-100);
-}
-.p-column-filter-menu-button:focus-visible,
-.p-column-filter-clear-button:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-.p-column-filter-menu-button.p-disabled,
-.p-column-filter-clear-button.p-disabled {
-  background: var(--black-10);
-  border: 1px solid var(--gray-200);
-  color: var(--black-60);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active,
-.p-column-filter-clear-button.p-column-filter-menu-button-active {
-  background-color: var(--aquamarine-700);
-  color: var(--white-100);
-}
-.p-column-filter-menu-button.p-column-filter-menu-button-active:hover,
-.p-column-filter-clear-button.p-column-filter-menu-button-active:hover {
-  background-color: var(--aquamarine-800);
-  color: var(--white-100);
-}
-
-.p-column-filter-row {
-  gap: 0.5rem;
-}
-
-.p-column-filter-row-item {
-  color: var(--black-80);
-  padding: 0.5rem 0.75rem;
-  margin-top: 0.25rem;
-  background-color: rgba(255, 255, 255, 0.0001);
-  border-radius: 0.5rem;
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-}
-.p-column-filter-row-item:first-of-type {
-  margin: 0;
-}
-.p-column-filter-row-item:not(.p-highlight):hover {
-  color: var(--black-80);
-  background-color: var(--gray-100);
-}
-.p-column-filter-row-item.p-highlight {
-  color: var(--white-100);
-  background-color: var(--aquamarine-700);
-}
-.p-column-filter-row-item.p-highlight:hover {
-  background-color: var(--aquamarine-800);
-}
-
-.p-column-filter-separator {
-  height: 1px;
-  border-bottom: 1px solid var(--gray-200);
-  margin-top: 0.25rem;
-}
-
-.p-datatable-reorderablerow-handle {
-  color: var(--black-60);
-}
-
-.p-paginator {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-  border: solid rgba(255, 255, 255, 0.0001);
-  border-width: 0;
-  padding: 0.5rem 0rem;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
-  background-color: rgba(255, 255, 255, 0.0001);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
-  background: var(--gray-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-.p-paginator .p-paginator-first.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-prev.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-next.p-disabled:not(.p-highlight),
-.p-paginator .p-paginator-last.p-disabled:not(.p-highlight) {
-  background: var(--black-10);
-  border-color: var(--gray-200);
-  color: var(--black-60);
-}
-.p-paginator .p-paginator-first {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-.p-paginator .p-paginator-last {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-}
-.p-paginator .p-dropdown {
-  margin-left: 0.5rem;
-  height: 2.5rem;
-}
-.p-paginator .p-dropdown .p-dropdown-label {
-  padding-right: 0;
-}
-.p-paginator .p-paginator-page-input {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.p-paginator .p-paginator-page-input .p-inputtext {
-  max-width: 2.5rem;
-}
-.p-paginator .p-paginator-current {
-  background-color: rgba(255, 255, 255, 0.0001);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  padding: 0 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page {
-  background-color: rgba(255, 255, 255, 0.0001);
-  border: 1px solid rgba(255, 255, 255, 0.0001);
-  color: var(--black-60);
-  min-width: 2.5rem;
-  height: 2.5rem;
-  margin: 0.25rem;
-  transition: 0.2s;
-  border-radius: 0.5rem;
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
-  background: var(--aquamarine-700);
-  border-color: var(--aquamarine-700);
-  color: var(--white-100);
-}
-.p-paginator .p-paginator-pages .p-paginator-page.p-highlight:hover {
-  background: var(--aquamarine-800);
-  border-color: var(--aquamarine-800);
-}
-.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
-  background: var(--gray-100);
-  border-color: rgba(255, 255, 255, 0.0001);
-  color: var(--black-80);
-}
-
-.p-galleria .p-galleria-close {
-  margin: 0.5rem;
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-close .p-galleria-close-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-close:hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-item-nav {
-  background: rgba(255, 255, 255, 0.0001);
-  color: var(--white-60);
-  width: 4rem;
-  height: 4rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-  margin: 0.5rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
-  font-size: 2rem;
-}
-.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
-  width: 2rem;
-  height: 2rem;
-}
-.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-caption {
-  background: var(--black-60);
-  color: var(--white-80);
-  padding: 1rem;
-}
-.p-galleria .p-galleria-indicators {
-  padding: 1rem;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button {
-  background-color: var(--white-40);
-  width: 0.5rem;
-  height: 0.5rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 1rem;
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--aquamarine-700);
-  color: var(--white-100);
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
-  margin-right: 0.5rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
-  margin-bottom: 0.5rem;
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
-  background: rgba(255, 255, 255, 0.0001);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
-  background: var(--white-40);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
-  background: var(--white-80);
-}
-.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-  background: var(--white-80);
-  color: var(--white-100);
-}
-.p-galleria .p-galleria-thumbnail-container {
-  background: var(--black-100);
-  padding: 0.5rem 0.5rem;
-  gap: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
-  background-color: rgba(255, 255, 255, 0.0001);
-  color: var(--white-60);
-  width: 2rem;
-  height: 2rem;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  border-radius: 0.5rem;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
-  background: var(--white-20);
-  color: var(--white-80);
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
-  transition: 0.2s;
-  width: 100%;
-  height: 100%;
-}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
-  outline: none;
-  outline-offset: none;
-  box-shadow: 0 0 0 0.25rem var(--aquamarine-200);
-  caret-color: var(--aquamarine-700);
-}
-
-.p-galleria-mask {
-  --maskbg: var(--black-20);
-}
-
-.p-galleria-thumbnail-item {
-  overflow: hidden;
-  height: 4rem;
-}
-
-.landing.layout-light {
-  --home-highlight-color:#3B82F6;
-  --home-highlight-darker-color:#2563eb;
-  --home-highlight-fore-color:#ffffff;
-  --home-bg:#F9FAFB;
-  --home-border-color:rgba(0,0,0,.1);
-  --home-primary-text-color:#030712;
-  --home-secondary-text-color:#6b7280;
-  --home-card-shadow:0px 7px 15px 0px rgba(0, 0, 0, 0.02), 0px 28px 28px 0px rgba(0, 0, 0, 0.02), 0px 63px 38px 0px rgba(0, 0, 0, 0.01);
-  --home-box-bg:#ffffff;
-  --home-linkbox-bg:#ffffff;
-  --home-linkbox-border:1px solid rgba(0,0,0,.1);
-  --home-linkbox-text-color:#030712;
-  --home-linkbox-hover-bg:#e5e7eb;
-  --home-blocks-bg:transparent;
-  --home-blocks-block-bg:#ffffff;
-  --home-blocks-block-shadow:-10px 4px 10px 0px rgba(0, 0, 0, .1), -10px 4px 25px rgba(0, 0, 0, .1);
-  --home-blocks-border-left:5px solid rgba(0,0,0,.1);
-  --home-blocks-border-bottom:7px solid rgba(0,0,0,.1);
-  --home-blocks-border:1px solid rgba(0,0,0,.1);
-  --home-blocks-sidebar-bg:#f3f4f6;
-  --home-blocks-list-bg:#f9fafb;
-  --home-blocks-main-bg:#ffffff;
-  --home-blocks-main-border:1px solid rgba(0,0,0,.1);
-  --home-blocks-item-bg:#f4f5f7;
-  --home-blocks-image-bg:#e5e7eb;
-  --home-blocks-text-color:#d1d5db;
-  --home-blocks-active-shadow:0px 30px 50px 0px rgba(0, 0, 0, .1);
-  --home-blocks-active-border-top:1px solid rgba(0,0,0,.07);
-  --home-blocks-active-border-right:1px solid rgba(0,0,0,.07);
-  --home-blocks-active-border-bottom:4px solid rgba(0,0,0,.07);
-  --home-blocks-active-border-left:4px solid rgba(0,0,0,.07);
-  --home-blocks-animation-shadow:0px 30px 50px 10px rgba(0, 0, 0, .2);
-  --home-blocks-tablebar-bg:#d1d5db;
-  --home-blocks-bar-bg:#d1d5db;
-  --home-blocks-bar-button-bg:#ffffff;
-  --home-blocks-circle-bg:#c7cad0;
-  --home-templates-bg:transparent;
-  --home-templates-block-shadow:0px 5px 10px 0px rgba(0,0,0,.1);
-  --home-templates-block-border-left:5px solid #d1d5db;
-  --home-templates-block-border-bottom:7px solid #d1d5db;
-  --home-templates-line:rgba(0,0,0,.1);
-  --home-templates-block-hover-bg:rgba(0, 0, 0, 0.2);
-  --home-templates-btn-bg:rgba(0, 0, 0, 0.5);
-  --home-templates-btn-text-color:#ffffff;
-  --home-templates-btn-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.5);
-  --home-templates-btn-border-top:1px solid rgba(0,0,0,.1);
-  --home-templates-btn-border-right:1px solid rgba(0,0,0,.1);
-  --home-templates-btn-border-bottom:4px solid rgba(0,0,0,.1);
-  --home-templates-btn-border-left:3px solid rgba(0,0,0,.1);
-  --home-features-card-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.02), 0px 28px 28px 0px rgba(0, 0, 0, 0.02), 0px 63px 38px 0px rgba(0, 0, 0, 0.01);
-  --home-box-ring-color: var(--primary-100);
-}
-
-.landing.layout-dark {
-  --home-highlight-color:#60a5fa;
-  --home-highlight-darker-color:#93c5fd;
-  --home-highlight-fore-color:#030712;
-  --home-bg:#111827;
-  --home-border-color:#424b57;
-  --home-primary-text-color:#ffffff;
-  --home-secondary-text-color:rgba(255,255,255,.6);
-  --home-card-shadow:0px 50px 100px rgba(0, 0, 0, 0.25);
-  --home-box-bg:#1f2937;
-  --home-linkbox-bg:rgba(255, 255, 255, .05);
-  --home-linkbox-border:1px solid rgba(255, 255, 255, .1);
-  --home-linkbox-text-color:#ffffff;
-  --home-linkbox-hover-bg:rgba(255, 255, 255, .1);
-  --home-blocks-bg:transparent;
-  --home-blocks-block-bg:#111827;
-  --home-blocks-block-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.25) , 0px 4px 25px rgba(0, 0, 0, 0.25);
-  --home-blocks-border-left:5px solid #1f2937;
-  --home-blocks-border-bottom:7px solid #1f2937;
-  --home-blocks-border:1px solid #424b57;
-  --home-blocks-sidebar-bg:#1f2937;
-  --home-blocks-list-bg:#28323f;
-  --home-blocks-main-bg:#111827;
-  --home-blocks-main-border:1px solid #424b57;
-  --home-blocks-item-bg:#1f2937;
-  --home-blocks-image-bg:#28323f;
-  --home-blocks-text-color:#4b5563;
-  --home-blocks-active-shadow:0px 30px 50px 0px rgba(0, 0, 0, 0.25);
-  --home-blocks-active-border-top:1px solid #424b57;
-  --home-blocks-active-border-right:1px solid #424b57;
-  --home-blocks-active-border-bottom:6px solid #424b57;
-  --home-blocks-active-border-left:4px solid #424b57;
-  --home-blocks-animation-shadow:0px 30px 50px 20px rgba(0, 0, 0, 0.25);
-  --home-blocks-tablebar-bg:#4b5563;
-  --home-blocks-bar-bg:#4b5563;
-  --home-blocks-bar-button-bg:#ffffff;
-  --home-blocks-circle-bg:#4b5563;
-  --home-templates-bg:transparent;
-  --home-templates-block-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.25);
-  --home-templates-block-border-left:5px solid #424b57;
-  --home-templates-block-border-bottom:7px solid #424b57;
-  --home-templates-line:rgba(255,255,255,.1);
-  --home-templates-block-hover-bg:rgba(255,255,255,.1);
-  --home-templates-btn-bg:#1f2937;
-  --home-templates-btn-text-color:#ffffff;
-  --home-templates-btn-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.25);
-  --home-templates-btn-border-top:1px solid #424b57;
-  --home-templates-btn-border-right:1px solid #424b57;
-  --home-templates-btn-border-bottom:4px solid #424b57;
-  --home-templates-btn-border-left:3px solid #424b57;
-  --home-features-card-shadow: none;
-  --home-box-ring-color: rgba(96, 165, 250, 0.3);
-}
-
-.layout-light {
-  --primary-color-default:var(--primary-600);
-  --primary-color-inverse-default:var(--surface-0);
-  --topbar-sticky-bg:rgba(255,255,255,.7);
-  --card-border: 1px solid var(--surface-border);
-  --card-bg: var(--surface-card);
-  --glow-image: url(https://www.primefaces.org/cdn/primeng/images/layout/pattern.png);
-  --glow-blend: hard-light, multiply;
-  --topbar-border: rgba(0,0,0,.05);
-  --mobile-menu-bg: var(--surface-overlay);
-  --demo-code-bg: var(--surface-800);
-  --demo-code-button-color: var(--surface-300);
-  --demo-code-button-hover-bg: rgba(255,255,255,.1);
-  --demo-code-button-hover-color: var(--surface-100);
-  --doc-highlight-text-bg: var(--surface-200);
-  --doc-highlight-text-color: var(--surface-700);
-}
-
-.layout-dark {
-  --primary-color-default:var(--primary-400);
-  --primary-color-inverse-default:var(--gray-900);
-  --topbar-sticky-bg:rgba(0,0,0,.3);
-  --card-border: 0 none;
-  --card-bg: var(--surface-card);
-  --glow-image: url(https://www.primefaces.org/cdn/primeng/images/layout/pattern.png), radial-gradient(50% 50% at center -25px, var(--primary-color) 0%, #000000 100%);
-  --glow-blend: hard-light, color-dodge;
-  --topbar-border: var(--surface-border);
-  --mobile-menu-bg: rgba(0,0,0,.3);
-  --demo-code-bg: var(--surface-card);
-  --demo-code-button-color: var(--surface-500);
-  --demo-code-button-hover-bg: rgba(255,255,255,.1);
-  --demo-code-button-hover-color: var(--surface-700);
-  --doc-highlight-text-bg: var(--surface-50);
-  --doc-highlight-text-color: var(--surface-500);
-}
-
-html {
-  font-size: 14px;
-}
-
-body {
-  margin: 0px;
-  min-height: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
-  background-color: var(--surface-ground);
-  font-weight: normal;
-  color: var(--text-color);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.layout-wrapper {
-  background-color: var(--surface-ground);
-}
-
-a {
-  text-decoration: none;
-}
-
-::-moz-selection {
-  background-color: var(--highlight-bg);
-  color: var(--highlight-text-color);
-}
-
-::selection {
-  background-color: var(--highlight-bg);
-  color: var(--highlight-text-color);
-}
-
-h1, h2, h3, h4, h5, h6 {
-  margin: 1.5rem 0 1rem 0;
-  font-family: inherit;
-  font-weight: 600;
-  line-height: 1.2;
-  color: var(--surface-900);
-}
-h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
-  margin-top: 0;
-}
-
-h1 {
-  font-size: 2rem;
-}
-
-h2 {
-  font-size: 1.5rem;
-}
-
-h3 {
-  font-size: 1.25rem;
-}
-
-h4 {
-  font-size: 1.125rem;
-}
-
-h5 {
-  font-size: 1rem;
-}
-
-h6 {
-  font-size: 0.875rem;
-}
-
-p {
-  line-height: 1.75;
-  margin: 0 0 1rem 0;
-}
-
-input[type=number] {
-  -moz-appearance: textfield;
-}
-input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-.p-toast.p-toast-top-right,
-.p-toast.p-toast-top-left {
-  top: 7rem;
-}
-
-.px-link {
-  font-size: 1rem;
-  border-radius: var(--border-radius);
-  text-align: left;
-  background-color: transparent;
-  margin: 0;
-  padding: 0;
-  border: none;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-.px-link:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}
-
-.px-link:disabled {
-  cursor: default;
-}
-
-button {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings);
-}
-
-.landing, .layout-wrapper {
-  background-image: var(--glow-image);
-  background-blend-mode: var(--glow-blend);
-  background-position: top center;
-  background-repeat: no-repeat;
-  background-size: auto 20rem;
-}
-
-.layout-topbar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: calc(100% - var(--scrollbar-width, 0px));
-  z-index: 1100;
-  transition: background-color 0.5s, border-color 0.5s;
-  border-bottom: 1px solid transparent;
-}
-.layout-topbar.layout-topbar-sticky {
-  border-bottom: 1px solid var(--surface-border);
-  background-color: var(--topbar-sticky-bg);
-  -webkit-backdrop-filter: blur(8px);
-          backdrop-filter: blur(8px);
-}
-
-.layout-topbar-inner {
-  height: 4rem;
-  padding: 0 4rem;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.layout-topbar-inner .layout-topbar-logo-container {
-  width: 250px;
-  margin-right: 4rem;
-}
-.layout-topbar-inner .layout-topbar-logo,
-.layout-topbar-inner .layout-topbar-icon {
-  border-radius: var(--border-radius);
-}
-.layout-topbar-inner .layout-topbar-logo:focus-visible,
-.layout-topbar-inner .layout-topbar-icon:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}
-.layout-topbar-inner .layout-topbar-logo svg,
-.layout-topbar-inner .layout-topbar-icon svg {
-  width: 120px;
-}
-.layout-topbar-inner .layout-topbar-logo {
-  display: inline-flex;
-}
-.layout-topbar-inner .layout-topbar-logo svg {
-  width: 120px;
-}
-.layout-topbar-inner .layout-topbar-icon {
-  display: none;
-}
-.layout-topbar-inner .layout-topbar-icon svg {
-  width: 25px;
-}
-.layout-topbar-inner .menu-button {
-  display: none;
-}
-
-.layout-sidebar {
-  position: sticky;
-  left: 0;
-  top: 6rem;
-  height: calc(100vh - 9rem);
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  transition: transform 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99), opacity 0.3s;
-  display: flex;
-  flex-direction: column;
-  padding: 0 0 0 0;
-  flex: 0 0 250px;
-  margin-right: 4rem;
-  overflow: auto;
-}
-.layout-sidebar .logo {
-  display: flex;
-  justify-content: center;
-}
-.layout-sidebar nav {
-  padding: 0 1rem 0 0;
-  margin: 0;
-  flex-grow: 1;
-}
-.layout-sidebar .layout-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.layout-sidebar .layout-menu > li {
-  margin-bottom: 0.25rem;
-}
-.layout-sidebar .layout-menu > li > button,
-.layout-sidebar .layout-menu > li > a {
-  display: flex;
-  width: 100%;
-  align-items: center;
-  padding: 0.5rem 0;
-  color: var(--surface-900);
-  font-weight: 600;
-  transition: all 0.2s;
-  position: relative;
-  border-radius: var(--border-radius);
-}
-.layout-sidebar .layout-menu > li > button .menu-icon,
-.layout-sidebar .layout-menu > li > a .menu-icon {
-  width: 2rem;
-  height: 2rem;
-  border-radius: var(--border-radius);
-  margin-right: 0.5rem;
-  border: 1px solid var(--surface-border);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  transition: all 0.2s;
-  position: relative;
-  background-color: transparent;
-}
-.layout-sidebar .layout-menu > li > button .menu-icon i,
-.layout-sidebar .layout-menu > li > a .menu-icon i {
-  color: var(--surface-700);
-  transition: all 0.2s;
-}
-.layout-sidebar .layout-menu > li > button .menu-toggle-icon,
-.layout-sidebar .layout-menu > li > a .menu-toggle-icon {
-  color: var(--surface-700);
-  margin-left: auto;
-}
-.layout-sidebar .layout-menu > li > button:hover .menu-icon,
-.layout-sidebar .layout-menu > li > a:hover .menu-icon {
-  background-color: var(--surface-card);
-}
-.layout-sidebar .layout-menu > li > button:hover .menu-icon i,
-.layout-sidebar .layout-menu > li > a:hover .menu-icon i {
-  color: var(--primary-color-default);
-}
-.layout-sidebar .layout-menu > li > button:hover .menu-toggle-icon,
-.layout-sidebar .layout-menu > li > a:hover .menu-toggle-icon {
-  color: var(--surface-900);
-}
-.layout-sidebar .layout-menu > li > button.router-link-active,
-.layout-sidebar .layout-menu > li > a.router-link-active {
-  color: var(--primary-color-default);
-}
-.layout-sidebar .layout-menu > li > button.router-link-active > .menu-icon i,
-.layout-sidebar .layout-menu > li > a.router-link-active > .menu-icon i {
-  color: var(--primary-color-default);
-}
-.layout-sidebar .layout-menu > li > button:focus-visible,
-.layout-sidebar .layout-menu > li > a:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset var(--focus-ring);
-}
-.layout-sidebar .layout-menu > li > div ol {
-  margin: 0 0 0 1rem;
-  padding: 0.25rem 0;
-  list-style: none;
-}
-.layout-sidebar .layout-menu > li > div ol li a {
-  color: var(--surface-700);
-  border-left: 1px solid var(--surface-border);
-  transition: all 0.2s;
-  font-weight: 450;
-  display: flex;
-  align-items: center;
-  padding: 0.5rem 0.5rem 0.5rem 1rem;
-  color: var(--surface-700);
-  transition: all 0.2s;
-  position: relative;
-}
-.layout-sidebar .layout-menu > li > div ol li a:focus-visible {
-  outline: 0 none;
-  box-shadow: inset var(--focus-ring);
-}
-.layout-sidebar .layout-menu > li > div ol li a:hover {
-  color: var(--surface-900);
-  border-left-color: var(--surface-500);
-}
-.layout-sidebar .layout-menu > li > div ol li a.router-link-active {
-  color: var(--primary-color-default);
-  border-left-color: var(--primary-color-default);
-}
-.layout-sidebar .layout-menu > li > div ol li ol {
-  margin: 0;
-  padding: 0;
-}
-.layout-sidebar .layout-menu > li > div ol li:has(.menu-child-category) {
-  margin-top: 1rem;
-}
-.layout-sidebar .layout-menu > li > div ol li:has(.menu-child-category):first-child {
-  margin-top: 0rem;
-}
-.layout-sidebar .layout-menu .p-tag {
-  position: absolute;
-  right: 0;
-  top: 50%;
-  transform: translateY(-50%);
-}
-.layout-sidebar .layout-menu .p-tag .p-tag-value {
-  line-height: 1;
-}
-.layout-sidebar .layout-menu .menu-child-category {
-  display: flex;
-  padding: 0.5rem 0.5rem 0.5rem 0;
-  font-size: 0.875rem;
-  font-weight: 600;
-  letter-spacing: 1px;
-  color: var(--surface-900);
-  margin-bottom: 0.25rem;
-}
-
-.layout-content {
-  padding: 6rem 4rem 0 4rem;
-  display: flex;
-}
-.layout-content .layout-content-slot {
-  flex: 1 1 auto;
-  width: 1%;
-  padding-top: 0.5rem;
-}
-
-.card {
-  background: var(--surface-card);
-  border: var(--card-border);
-  padding: 2rem;
-  border-radius: 10px;
-  margin-bottom: 1rem;
-}
-
-.layout-news {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1100;
-  width: 100%;
-  height: 2rem;
-  padding: 0 2rem;
-  background-color: var(--primary-color);
-}
-.layout-news .layout-news-container {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: calc(100% - var(--scrollbar-width, 0px));
-  height: 100%;
-}
-.layout-news .layout-news-content {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-width: 0%;
-}
-.layout-news .layout-news-text {
-  line-height: 1.5;
-  display: block;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  min-width: 0%;
-  font-weight: 500;
-  color: var(--primary-color-text);
-}
-.layout-news .layout-news-link {
-  margin-left: 0.5rem;
-  line-height: 1.5;
-  white-space: nowrap;
-}
-.layout-news .layout-news-link,
-.layout-news .layout-news-link:visited,
-.layout-news .layout-news-link:active {
-  color: var(--primary-color-text);
-  font-weight: 700;
-}
-.layout-news .layout-news-link:hover {
-  text-decoration: underline;
-}
-.layout-news .layout-news-close {
-  line-height: 1.5;
-  cursor: pointer;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  width: 1.5rem;
-  height: 1.5rem;
-  transition: background-color 0.3s;
-  margin-left: 0.5rem;
-  color: var(--primary-color-text);
-}
-.layout-news .layout-news-close:hover {
-  background-color: rgba(255, 255, 255, 0.2);
-}
-
-.layout-news-active .layout-topbar {
-  top: 2rem;
-}
-.layout-news-active .layout-sidebar,
-.layout-news-active .doc-section-nav {
-  top: 8rem;
-}
-.layout-news-active .layout-content {
-  padding-top: 8rem;
-}
-.layout-news-active .doc-section-label,
-.layout-news-active .doc-table tbody td .doc-option-name,
-.layout-news-active .doc-table tbody td > i {
-  scroll-margin-top: 8.5rem;
-}
-
-.layout-footer {
-  padding: 2rem 4rem;
-  margin-top: 4rem;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  font-weight: 500;
-  color: var(--text-800);
-  border-top: 1px solid var(--surface-border);
-}
-.layout-footer a {
-  color: var(--primary-color);
-  font-weight: 700;
-  transition: all 0.3s;
-  border-radius: var(--border-radius);
-}
-.layout-footer a:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}
-.layout-footer a:hover {
-  text-decoration: underline;
-}
-
-.layout-config {
-  -webkit-backdrop-filter: blur(20px);
-          backdrop-filter: blur(20px);
-  background-color: var(--mobile-menu-bg);
-}
-.layout-config .p-selectbutton .p-button {
-  padding: 0.5rem 1rem;
-}
-.layout-config .p-selectbutton .p-button:first-child {
-  border-top-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-}
-.layout-config .p-selectbutton .p-button:last-child {
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-}
-.layout-config button:focus-visible {
-  outline: 0 none;
-  border-color: var(--surface-500) !important;
-}
-.layout-config .grid > div {
-  padding: 1rem;
-}
-.layout-config .p-inputswitch .p-inputswitch-slider {
-  border-radius: 30px;
-}
-.layout-config .p-inputswitch .p-inputswitch-slider:before {
-  border-radius: 30px;
-}
-
-.layout-light .layout-config {
-  background: var(--surface-overlay);
-}
-
-.layout-dark .layout-config {
-  background: var(rgba(0, 0, 0, 0.3));
-  border: 0 none;
-}
-
-code[class*=language-],
-pre[class*=language-] {
-  background: none;
-  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: normal;
-  line-height: 1.5;
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-  -webkit-hyphens: none;
-  hyphens: none;
-}
-
-div.code-toolbar > .toolbar {
-  display: none;
-}
-
-pre[class*=language-] {
-  position: relative;
-  background: transparent;
-  margin: 0;
-  padding: 0;
-  max-height: 40rem;
-  overflow: auto;
-  color-scheme: dark;
-}
-pre[class*=language-]:before, pre[class*=language-]:after {
-  display: none !important;
-}
-pre[class*=language-] code {
-  border-left: 1rem solid transparent;
-  box-shadow: none;
-  margin: 0;
-  font-size: 14px;
-  border-radius: 10px;
-  color: #ffffff;
-  max-height: inherit;
-  height: inherit;
-  padding: 0 1rem;
-  display: block;
-  overflow: auto;
-}
-pre[class*=language-] code .token.comment,
-pre[class*=language-] code .token.block-comment,
-pre[class*=language-] code .token.prolog,
-pre[class*=language-] code .token.doctype,
-pre[class*=language-] code .token.cdata {
-  color: #bbf7d0;
-}
-pre[class*=language-] code .token.punctuation {
-  color: #bfdbfe;
-}
-pre[class*=language-] code .token.property,
-pre[class*=language-] code .token.tag,
-pre[class*=language-] code .token.boolean,
-pre[class*=language-] code .token.number,
-pre[class*=language-] code .token.function-name,
-pre[class*=language-] code .token.constant,
-pre[class*=language-] code .token.symbol,
-pre[class*=language-] code .token.deleted {
-  color: #93c5fd;
-}
-pre[class*=language-] code .token.selector,
-pre[class*=language-] code .token.attr-name,
-pre[class*=language-] code .token.string,
-pre[class*=language-] code .token.char,
-pre[class*=language-] code .token.function,
-pre[class*=language-] code .token.builtin,
-pre[class*=language-] code .token.inserted {
-  color: #eff6ff;
-}
-pre[class*=language-] code .token.operator,
-pre[class*=language-] code .token.entity,
-pre[class*=language-] code .token.url,
-pre[class*=language-] code .token.variable {
-  color: #ffffff;
-}
-pre[class*=language-] code .token.atrule,
-pre[class*=language-] code .token.attr-value,
-pre[class*=language-] code .token.keyword,
-pre[class*=language-] code .token.class-name {
-  color: #bbf7d0;
-}
-pre[class*=language-] code .token.regex,
-pre[class*=language-] code .token.important {
-  color: #fde68a;
-}
-pre[class*=language-] code .language-css .token.string,
-pre[class*=language-] code .style .token.string {
-  color: #fde68a;
-}
-pre[class*=language-] code .token.important {
-  font-weight: normal;
-}
-pre[class*=language-] code .token.bold {
-  font-weight: bold;
-}
-pre[class*=language-] code .token.italic {
-  font-style: italic;
-}
-pre[class*=language-] code .token.entity {
-  cursor: help;
-}
-
-.copy-to-clipboard-button {
-  display: none;
-}
-
-pre[class*=language-] code {
-  background: var(--demo-code-bg);
-}
-
-.layout-light[data-p-theme^=md] pre[class*=language-] code {
-  background: var(--surface-900);
-}
-
-.doc-tabmenu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  margin-bottom: 2rem;
-  overflow: auto;
-  position: relative;
-}
-.doc-tabmenu:after {
-  display: block;
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  border-bottom: 1px solid var(--surface-border);
-  content: "";
-}
-.doc-tabmenu li {
-  position: relative;
-  z-index: 1;
-}
-.doc-tabmenu li button {
-  background-color: transparent;
-  border: 0 none;
-  display: block;
-  padding: 0 2rem 1rem 2rem;
-  text-align: center;
-  color: var(--surface-700);
-  font-size: 1rem;
-  letter-spacing: 1px;
-  cursor: pointer;
-  margin: 0;
-  transition: all 0.2s;
-  border-bottom: 1px solid transparent;
-  border-top-right-radius: var(--border-round);
-  border-top-left-radius: var(--border-round);
-  white-space: nowrap;
-}
-.doc-tabmenu li button:hover {
-  border-bottom-color: var(--surface-500);
-}
-.doc-tabmenu li button:focus {
-  outline: 0 none;
-}
-.doc-tabmenu li button:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}
-.doc-tabmenu li.doc-tabmenu-active button {
-  border-bottom-color: var(--primary-color);
-  color: var(--primary-color);
-}
-.doc-tabmenu::-webkit-scrollbar {
-  display: none;
-}
-
-.doc-tabpanel,
-.doc {
-  display: flex;
-}
-
-.doc-main {
-  flex-grow: 1;
-  flex-shrink: 1;
-  flex-basis: 0;
-  min-width: 0;
-}
-
-.doc-intro {
-  margin-bottom: 1.5rem;
-}
-.doc-intro p {
-  font-size: 1.125rem;
-  color: var(--surface-900);
-  margin: 0;
-}
-
-.doc-section-label {
-  display: flex;
-  align-items: center;
-  scroll-margin-top: 6.5rem;
-}
-.doc-section-label > a {
-  color: var(--primary-color);
-  opacity: 0.7;
-  margin-left: 1rem;
-  display: none;
-  transition: all 0.2s;
-  border-radius: var(--border-radius);
-}
-.doc-section-label > a:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}
-.doc-section-label:hover > a {
-  display: block;
-}
-.doc-section-label:hover > a:hover {
-  opacity: 1;
-}
-
-.doc-section-description > p {
-  font-size: 1.125rem;
-  color: var(--surface-900);
-}
-.doc-section-description > p i {
-  border-radius: 6px;
-  padding: 2px 6px;
-  font-size: 1rem;
-  font-weight: 500;
-  font-style: normal;
-  background-color: var(--doc-highlight-text-bg);
-  color: var(--doc-highlight-text-color);
-}
-.doc-section-description > p a {
-  color: var(--primary-color);
-  font-weight: 500;
-  transition: all 0.2s;
-  border-radius: var(--border-radius);
-}
-.doc-section-description > p a:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}
-.doc-section-description > p a:hover {
-  text-decoration: underline;
-}
-.doc-section-description .notification {
-  line-height: 1.5;
-  padding: 1rem;
-  font-weight: 500;
-  border-radius: 10px;
-  background-color: var(--doc-highlight-text-bg);
-  color: var(--doc-highlight-text-color);
-}
-
-.doc-section-nav {
-  position: sticky;
-  top: 6rem;
-  right: 0;
-  width: 14rem;
-  max-height: calc(100vh - 15rem);
-  list-style: none;
-  margin: 0;
-  padding: 0.25rem 0;
-  margin-left: 4rem;
-  overflow-y: auto;
-  overflow-x: hidden;
-  align-self: flex-start;
-}
-.doc-section-nav > .navbar-item .navbar-item-content {
-  border-left: 1px solid var(--surface-border);
-  padding-left: 0.25rem;
-  transition: all 0.2s;
-}
-.doc-section-nav > .navbar-item .navbar-item-content:hover {
-  border-left-color: var(--surface-500);
-}
-.doc-section-nav .navbar-item > .navbar-item-content {
-  display: flex;
-}
-.doc-section-nav .navbar-item > .navbar-item-content .px-link {
-  padding: 0.25rem 1rem 0.25rem 1rem;
-  color: var(--surface-800);
-  font-weight: 400;
-  white-space: nowrap;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  transition: all 0.2s;
-}
-.doc-section-nav .navbar-item > .navbar-item-content:hover .px-link {
-  color: var(--surface-900);
-}
-.doc-section-nav .navbar-item.active-navbar-item > .navbar-item-content {
-  border-color: var(--primary-color);
-}
-.doc-section-nav .navbar-item.active-navbar-item > .navbar-item-content .px-link {
-  color: var(--primary-color);
-}
-.doc-section-nav .navbar-item ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.doc-section-nav .navbar-item ul .navbar-item .navbar-item-content {
-  padding-left: 1rem;
-}
-
-.doc-section-code {
-  position: relative;
-}
-.doc-section-code div::-webkit-scrollbar {
-  width: 5px;
-}
-.doc-section-code:not(:last-child) {
-  margin-bottom: 1rem;
-}
-.doc-section-code:hover .doc-section-code-buttons {
-  display: flex;
-}
-
-.doc-section-code-buttons {
-  position: absolute;
-  align-items: center;
-  justify-content: end;
-  z-index: 1;
-  top: 0.75rem;
-  right: 0.75rem;
-  gap: 0.5rem;
-  display: none;
-  background: rgba(255, 255, 255, 0.05);
-  border-radius: 10px;
-  padding: 2px;
-  -webkit-backdrop-filter: blur(6px);
-          backdrop-filter: blur(6px);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-}
-.doc-section-code-buttons button {
-  outline: 0 none;
-  border-radius: 8px;
-  outline-offset: 0;
-  background-color: transparent;
-  transition: background-color 0.2s, box-shadow 0.2s;
-  border: 0 none;
-  color: var(--demo-code-button-color);
-  cursor: pointer;
-}
-.doc-section-code-buttons button:hover {
-  background-color: var(--demo-code-button-hover-bg);
-  color: var(--demo-code-button-hover-color);
-}
-.doc-section-code-buttons button.code-active {
-  color: #bbf7d0;
-}
-
-.doc-tablewrapper {
-  overflow: auto;
-}
-
-.doc-table {
-  border-collapse: collapse;
-  width: 100%;
-  min-width: 960px;
-  margin-bottom: 1.5rem;
-}
-.doc-table th {
-  border-bottom: 1px solid var(--surface-border);
-  padding: 0.75rem 1rem;
-  text-align: left;
-  text-transform: capitalize;
-}
-.doc-table tbody tr:hover {
-  background: var(--surface-hover);
-}
-.doc-table tbody td {
-  padding: 0.75rem 1rem;
-  border-bottom: 1px solid var(--surface-border);
-  white-space: pre-line;
-  line-height: 1.5;
-  scroll-margin-top: 6.5rem;
-}
-.doc-table tbody td:first-child {
-  color: var(--primary-color);
-  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
-  font-weight: 600;
-}
-.doc-table tbody td .doc-option-type {
-  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
-  color: var(--primary-500);
-  font-weight: 500;
-}
-.doc-table tbody td .doc-option-type .doc-option-type-options-container {
-  display: flex;
-  align-items: center;
-}
-.doc-table tbody td .doc-option-type span.doc-option-type-options {
-  color: var(--primary-700);
-}
-.doc-table tbody td .doc-option-type.doc-option-link:hover {
-  text-decoration: underline;
-}
-.doc-table tbody td .doc-option-name,
-.doc-table tbody td > i:not(.pi) {
-  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
-  position: relative;
-  scroll-margin-top: 6.5rem;
-  background-color: var(--doc-highlight-text-bg);
-  color: var(--doc-highlight-text-color);
-  border-radius: 6px;
-  padding: 2px 6px;
-  font-weight: 600;
-  font-style: normal;
-  white-space: nowrap;
-}
-.doc-table tbody td .doc-option-name .doc-option-link,
-.doc-table tbody td > i:not(.pi) .doc-option-link {
-  position: absolute;
-  top: 0;
-  right: -1.5rem;
-  color: var(--primary-color);
-  opacity: 0.7;
-  display: none;
-  transition: opacity 0.3s, colors 0.3s;
-}
-.doc-table tbody td:hover .doc-option-name .doc-option-link {
-  display: inline;
-}
-.doc-table tbody td:hover .doc-option-name .doc-option-link:hover {
-  opacity: 1;
-}
-.doc-table tbody td .doc-option-default,
-.doc-table tbody td .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: -moz-min-content;
-  max-width: min-content;
-}
-.doc-table tbody td .doc-option-parameter-name {
-  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
-  color: var(--primary-700);
-}
-.doc-table tbody td .doc-option-parameter-type {
-  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
-  color: var(--primary-500);
-}
-.doc-table tbody td .doc-option-params {
-  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
-}
-.doc-table tbody td .doc-option-light {
-  background: var(--bluegray-50);
-  border-color: var(--bluegray-100);
-}
-.doc-table tbody td .doc-option-dark {
-  background: var(--bluegray-800);
-  border-color: var(--bluegray-800);
-}
-
-.DocSearch-Button {
-  border-radius: var(--border-radius);
-  border: 1px solid var(--surface-border);
-  height: 2rem;
-  background-color: var(--surface-card);
-  margin: 0;
-  transition: all 0.3s;
-  padding: 0 0.5rem;
-}
-.DocSearch-Button:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}
-.DocSearch-Button:hover {
-  border-color: var(--primary-color);
-}
-.DocSearch-Button:hover {
-  border-color: var(--primary-color);
-  box-shadow: none;
-}
-.DocSearch-Button .DocSearch-Search-Icon {
-  width: 1rem;
-  height: 1rem;
-}
-.DocSearch-Button .DocSearch-Button-Keys {
-  overflow: hidden;
-  min-width: auto;
-  height: auto;
-  background: transparent;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: auto;
-  padding: 0;
-  gap: 2px;
-}
-.DocSearch-Button .DocSearch-Button-Keys .DocSearch-Button-Key {
-  background: transparent;
-  display: flex;
-  padding: 0;
-  margin: 0;
-  top: 0;
-  border-radius: 0;
-  height: auto;
-  width: auto;
-  font-family: var(--font-family);
-}
-.DocSearch-Button .DocSearch-Button-Keys .DocSearch-Button-Key:first-child {
-  font-size: 0.75rem;
-  line-height: normal;
-}
-.DocSearch-Button .DocSearch-Button-Keys .DocSearch-Button-Key:last-child {
-  justify-content: start;
-  align-items: center;
-  font-size: 0.75rem;
-  position: relative;
-}
-.DocSearch-Button .DocSearch-Button-Keys .DocSearch-Button-Key:last-child::before {
-  content: "\e90d";
-  display: flex;
-  color: var(--text-color);
-  font-family: "primeicons";
-  font-size: 0.4rem;
-  opacity: 0.7;
-  margin-right: 2px;
-  height: 13.5px;
-  align-items: center;
-  font-weight: 700;
-}
-
-.DocSearch-Container {
-  z-index: 1101;
-}
-
-.DocSearch-Modal {
-  border: 1px solid var(--surface-border);
-  box-shadow: none;
-}
-
-.DocSearch-Footer {
-  box-shadow: none;
-  border-top: 1px solid var(--surface-border);
-  background-color: var(--surface-overlay);
-}
-
-.DocSearch-Form {
-  background: var(--surface-card);
-  box-shadow: none;
-  border: 1px solid var(--surface-border);
-  border-radius: var(--border-radius);
-  transition: border-color 0.3s;
-}
-.DocSearch-Form:hover {
-  border-color: var(--primary-color);
-}
-.DocSearch-Form .DocSearch-MagnifierLabel, .DocSearch-Form .DocSearch-Reset {
-  color: var(--text-color);
-}
-
-.DocSearch-Hit {
-  border-bottom: 1px solid var(--surface-border);
-  padding-bottom: 0;
-  margin-bottom: 0.25rem;
-}
-
-.DocSearch-Hit-source {
-  color: var(--primary-color);
-}
-
-.DocSearch-Logo .cls-1, .DocSearch-Logo .cls-2 {
-  fill: var(--primary-color);
-}
-
-.DocSearch-Prefill {
-  color: var(--primary-color);
-}
-
-.DocSearch-Button-Placeholder {
-  text-align: center;
-  display: inline-block;
-  font-size: 0.875rem;
-}
-
-:root {
-  --docsearch-searchbox-focus-background: var(--surface-card);
-  --docsearch-text-color: var(--text-color);
-  --docsearch-muted-color: var(--text-color);
-  --docsearch-searchbox-background: var(--surface-card);
-  --docsearch-text-color: var(--text-color);
-  --docsearch-modal-background: var(--surface-overlay);
-  --docsearch-key-gradient: var(--surface-ground);
-  --docsearch-key-shadow: none;
-  --docsearch-container-background: var(--maskbg);
-  --docsearch-hit-background: var(--surface-overlay);
-  --docsearch-hit-shadow: none;
-  --docsearch-spacing: 1rem;
-  --docsearch-hit-color: var(--text-color);
-  --docsearch-highlight-color: var(--primary-color);
-  --docsearch-hit-active-color: var(--primary-color-text);
-}
-
-@media screen and (min-width: 1920px) {
-  .layout-content {
-    max-width: 1728px;
-    margin: 0 auto;
-  }
-  .layout-topbar-inner,
-  .layout-footer {
-    max-width: 1728px;
-    margin: 0 auto;
-  }
-}
-@media screen and (max-width: 1199px) {
-  .layout-topbar-inner {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-  .layout-topbar-inner .menu-button {
-    display: block;
-  }
-  .layout-topbar-inner .layout-topbar-logo-container {
-    width: auto;
-    margin-right: 0;
-  }
-  .layout-topbar-inner .DocSearch-Button {
-    width: 2rem;
-    height: 2rem;
-    overflow: hidden;
-    padding: 0;
-    justify-content: center;
-    align-items: center;
-  }
-  .layout-topbar-inner .DocSearch-Button .DocSearch-Search-Icon {
-    width: 1rem;
-    height: 1rem;
-  }
-  .layout-topbar-inner .DocSearch-Button .DocSearch-Button-Placeholder,
-  .layout-topbar-inner .DocSearch-Button .DocSearch-Button-Keys {
-    display: none;
-  }
-  .layout-sidebar {
-    top: 0;
-    left: 0;
-    position: fixed;
-    z-index: 1102;
-    height: 100%;
-    transform: translateX(-100%);
-    background-color: var(--mobile-menu-bg);
-    -webkit-backdrop-filter: blur(20px);
-            backdrop-filter: blur(20px);
-    width: 300px;
-    opacity: 0;
-  }
-  .layout-sidebar nav {
-    padding: 1rem 1rem;
-  }
-  .layout-sidebar.active {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  .layout-news-active .layout-sidebar {
-    top: 0;
-  }
-  .layout-mask {
-    background-color: rgba(0, 0, 0, 0.1);
-  }
-  .layout-mask.layout-mask-active {
-    z-index: 1101;
-    width: 100%;
-    height: 100%;
-    position: fixed;
-    top: 0;
-    left: 0;
-    background-color: rgba(0, 0, 0, 0.4);
-    transition: background-color 0.5s;
-  }
-  .doc-section-nav {
-    display: none;
-  }
-  .video-container {
-    position: relative;
-    width: 100%;
-    height: 0;
-    padding-bottom: 56.25%;
-  }
-  .video-container iframe {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-  .layout-content {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-  .layout-footer {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-  .blocked-scroll {
-    overflow: hidden;
-    padding-right: var(--scrollbar-width);
-  }
-}
-@media (max-width: 768px) {
-  .DocSearch-Container {
-    position: fixed !important;
-  }
-}
-@media screen and (max-width: 575px) {
-  .layout-topbar-inner {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-  .layout-topbar-inner .layout-topbar-logo {
-    display: none;
-  }
-  .layout-topbar-inner .layout-topbar-icon {
-    display: inline-flex;
-  }
-  .layout-content {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-  .layout-footer {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-  .doc-tabmenu li {
-    flex: 1 1 0;
-  }
-  .doc-tabmenu li button {
-    width: 100%;
-    min-width: auto;
-  }
-  .layout-news {
-    padding-left: 1rem;
-    padding-right: 1rem;
-    font-size: 12px;
-  }
-  .layout-news > i {
-    display: none;
-  }
-}
-.landing {
-  background-color: var(--home-bg);
-  scroll-behavior: smooth;
-  padding-top: 4rem;
-}
-.landing .box {
-  border: 1px solid var(--home-border-color);
-  border-radius: 10px;
-  background-color: var(--home-box-bg);
-  position: relative;
-  z-index: 0;
-}
-.landing .box::before, .landing .box::after {
-  content: "";
-  position: absolute;
-  top: -2px;
-  left: -2px;
-  right: -2px;
-  bottom: -2px;
-  border: 2px solid var(--home-box-ring-color);
-  transition: all 0.5s;
-  animation: clippath 3s infinite linear;
-  border-radius: 10px;
-  opacity: 0;
-  z-index: -1;
-}
-.landing .box::after {
-  animation: clippath 3s infinite -1.5s linear;
-}
-.landing .box:hover::before, .landing .box:hover::after {
-  opacity: 1;
-}
-@keyframes clippath {
-  0%, 100% {
-    -webkit-clip-path: inset(0 0 98% 0);
-            clip-path: inset(0 0 98% 0);
-  }
-  25% {
-    -webkit-clip-path: inset(0 98% 0 0);
-            clip-path: inset(0 98% 0 0);
-  }
-  50% {
-    -webkit-clip-path: inset(98% 0 0 0);
-            clip-path: inset(98% 0 0 0);
-  }
-  75% {
-    -webkit-clip-path: inset(0 0 0 98%);
-            clip-path: inset(0 0 0 98%);
-  }
-}
-.landing .linkbox {
-  transition: background-color 0.2s, border-color 0.2s;
-  display: inline-flex;
-  align-items: center;
-  color: var(--home-linkbox-text-color);
-  padding: 0.5rem 1rem;
-  border: var(--home-linkbox-border);
-  background-color: var(--home-linkbox-bg);
-  border-radius: 10px;
-  cursor: pointer;
-}
-.landing .linkbox:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}
-.landing .linkbox:hover {
-  background: var(--home-linkbox-hover-bg);
-}
-.landing .linkbox.active {
-  background: var(--home-highlight-color);
-  color: var(--home-highlight-fore-color);
-}
-.landing .linkbox.active:hover {
-  background: var(--home-highlight-darker-color);
-}
-.landing .section-header {
-  font-size: 2rem;
-  color: var(--home-primary-text-color);
-  font-weight: 700;
-  text-align: center;
-  padding: 0 2rem;
-}
-.landing .section-detail {
-  text-align: center;
-  color: var(--home-secondary-text-color);
-  font-weight: 500;
-  font-size: 1.25rem;
-  margin: 1.5rem 0 0 0;
-  padding: 0 2rem;
-}
-.landing .section-divider {
-  border: 1px solid var(--home-border-color);
-  height: 1px;
-  border-bottom: 0 none;
-  overflow: hidden;
-}
-.landing.layout-news-active {
-  padding-top: 6rem;
-}
-
-.text-secondary {
-  color: var(--home-secondary-text-color);
-}
-
-.hover\:surface-hover:hover {
-  background-color: var(--surface-hover);
-}
-
-.landing-footer-container {
-  max-width: 1250px !important;
-  margin-left: auto !important;
-  margin-right: auto !important;
-}
-
-.animated-text {
-  position: relative;
-  color: var(--home-text-color);
-  padding: 0.25rem 0.5rem;
-  border-radius: var(--border-radius);
-  display: inline-block;
-  width: 14.45rem;
-}
-.animated-text::before {
-  border-radius: var(--border-radius);
-  animation: color-animation 2s linear infinite;
-  background-size: auto auto;
-  background-clip: border-box;
-  background-size: 200% auto;
-  content: "";
-  width: 14.45rem;
-  height: 1.5rem;
-  position: absolute;
-  z-index: 0;
-  background-image: linear-gradient(-225deg, var(--blue-400) 30%, var(--cyan-400) 60%, var(--purple-400) 80%);
-  filter: blur(24px);
-  opacity: 0.6;
-}
-.animated-text > span {
-  position: relative;
-  z-index: 3;
-  background-image: linear-gradient(-225deg, var(--blue-400) 30%, var(--cyan-400) 60%, var(--purple-400) 80%);
-  animation: color-animation 2s linear infinite;
-  background-size: auto auto;
-  background-clip: border-box;
-  background-size: 200% auto;
-  background-clip: text;
-  text-fill-color: transparent;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-
-@keyframes color-animation {
-  40%, 100% {
-    background-position: -200% center;
-  }
-}
-@keyframes scroll {
-  0% {
-    transform: translateX(0%);
-  }
-  100% {
-    transform: translateX(calc(-100% - 3rem));
-  }
-}
-.landing-hero .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-  background: transparent;
-}
-.landing-hero .box {
-  box-shadow: var(--home-card-shadow);
-}
-
-@media screen and (min-width: 1660px) {
-  .landing-hero {
-    width: 1504px !important;
-    margin-left: auto !important;
-    margin-right: auto !important;
-  }
-}
-.landing-users .fade-right {
-  background: linear-gradient(to left, var(--home-bg), transparent);
-}
-.landing-users .fade-left {
-  background: linear-gradient(to right, var(--home-bg), transparent);
-}
-.landing-users .section-detail {
-  max-width: 1250px !important;
-  margin-left: auto !important;
-  margin-right: auto !important;
-}
-.landing-users .users-container {
-  max-width: 1250px !important;
-  margin-left: auto !important;
-  margin-right: auto !important;
-}
-.landing-users .users-container .marquee-wrapper {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  gap: 3rem;
-  justify-content: center;
-  align-items: center;
-  flex-shrink: 0;
-}
-.landing-users .users-container .marquee {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-  gap: 3rem;
-  min-width: 100%;
-  animation: scroll 30s linear infinite;
-}
-.landing-users .users-container .marquee > div {
-  max-width: clamp(10rem, 1rem + 28vmin, 20rem);
-  aspect-ratio: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 8rem;
-}
-.landing-users .users-container .marquee.marquee-reverse {
-  animation-direction: reverse;
-  animation-delay: -15s;
-}
-
-.landing-getstarted .download-icon {
-  color: var(--home-highlight-color);
-}
-.landing-getstarted .download-box span {
-  color: var(--home-primary-text-color);
-}
-
-.landing-themes .table-container {
-  width: 1250px;
-  box-shadow: var(--home-card-shadow);
-}
-
-.landing-blocks {
-  background: var(--home-blocks-bg);
-}
-.landing-blocks * {
-  box-sizing: content-box;
-}
-.landing-blocks .prime-blocks {
-  transform: rotateX(55deg) rotateY(0deg) rotateZ(-45deg);
-  margin: -12rem 0;
-}
-.landing-blocks .prime-blocks.blocks-animation .prime-block .block-sidebar,
-.landing-blocks .prime-blocks.blocks-animation .prime-block .block-header,
-.landing-blocks .prime-blocks.blocks-animation .prime-block .block-sidebar-list,
-.landing-blocks .prime-blocks.blocks-animation .prime-block .block-content {
-  opacity: 1;
-  visibility: visible;
-  transform: scale(1);
-}
-.landing-blocks .prime-blocks .prime-block {
-  background: var(--home-blocks-block-bg);
-  box-shadow: var(--home-blocks-block-shadow);
-  border-left: var(--home-blocks-border-left);
-  border-bottom: var(--home-blocks-border-bottom);
-  border-radius: 10px;
-  height: 300px;
-  width: 600px;
-  position: relative;
-  z-index: 1;
-  margin: 15px;
-  transition: opacity 1.3s, transform 1.3s;
-}
-.landing-blocks .prime-blocks .prime-block .block-sidebar,
-.landing-blocks .prime-blocks .prime-block .block-header,
-.landing-blocks .prime-blocks .prime-block .block-sidebar-list,
-.landing-blocks .prime-blocks .prime-block .block-content {
-  transition: opacity 1.3s, transform 1.3s;
-  opacity: 0;
-  visibility: hidden;
-  transform: scale(0.9);
-}
-.landing-blocks .prime-blocks .prime-block:before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  border-radius: 6px;
-  border: var(--home-blocks-border);
-}
-.landing-blocks .prime-blocks .prime-block .block-sidebar,
-.landing-blocks .prime-blocks .prime-block .block-header {
-  background: var(--home-blocks-sidebar-bg);
-  border-radius: 6px;
-}
-.landing-blocks .prime-blocks .prime-block .block-sidebar-list {
-  background: var(--home-blocks-list-bg);
-}
-.landing-blocks .prime-blocks .prime-block .block-content .block-main {
-  border: var(--home-blocks-main-border);
-  border-radius: 13px;
-  background: var(--home-blocks-main-bg);
-}
-.landing-blocks .prime-blocks .block-item {
-  background: var(--home-blocks-item-bg);
-  border-radius: 6px;
-  padding: 1rem;
-  transition: transform 1s, box-shadow 1s;
-  overflow: hidden;
-  transform: translateY(0);
-}
-.landing-blocks .prime-blocks .block-item .box {
-  border-radius: 4px;
-  width: 14px;
-  height: 14px;
-}
-.landing-blocks .prime-blocks .block-item .box.box-orange {
-  background-color: #F57C00;
-}
-.landing-blocks .prime-blocks .block-item .box.box-pink {
-  background-color: #E91E63;
-}
-.landing-blocks .prime-blocks .block-item .box.box-green {
-  background-color: #4CAF50;
-}
-.landing-blocks .prime-blocks .block-item .box.box-blue {
-  background-color: #2196F3;
-}
-.landing-blocks .prime-blocks .block-item .block-image {
-  background-color: var(--home-blocks-image-bg);
-  height: 44px;
-}
-.landing-blocks .prime-blocks .block-item .text {
-  display: block;
-  font-size: 24px;
-  font-weight: 700;
-  color: var(--home-blocks-text-color);
-}
-.landing-blocks .prime-blocks .block-item.block-item-active {
-  box-shadow: var(--home-blocks-active-shadow);
-  border-radius: 6px;
-  border-top: var(--home-blocks-active-border-top);
-  border-right: var(--home-blocks-active-border-right);
-  border-bottom: var(--home-blocks-active-border-bottom);
-  border-left: var(--home-blocks-active-border-left);
-  position: relative;
-  z-index: 5;
-  animation: block-animation 1500ms ease-in-out alternate infinite;
-}
-.landing-blocks .prime-blocks .block-item.block-item-active.animation-2 {
-  animation-delay: 1s;
-}
-.landing-blocks .prime-blocks .block-item.block-item-active.animation-3 {
-  animation-delay: 1.5s;
-}
-.landing-blocks .prime-blocks .block-item.block-item-col {
-  background: none !important;
-  border: none;
-  padding: 12px 0;
-}
-.landing-blocks .prime-blocks .block-item.block-item-table {
-  border-radius: 100px;
-  padding: 10px;
-}
-.landing-blocks .prime-blocks .block-item.block-item-table .bar {
-  background: var(--home-blocks-tablebar-bg);
-}
-.landing-blocks .prime-blocks .bar {
-  background: var(--home-blocks-bar-bg);
-  height: 6px;
-  border-radius: 10px;
-}
-.landing-blocks .prime-blocks .bar.bar-highlight {
-  background: var(--home-highlight-color);
-}
-.landing-blocks .prime-blocks .bar.bar-highlight:before {
-  background: var(--home-highlight-fore-color) !important;
-}
-.landing-blocks .prime-blocks .bar.bar-button {
-  height: 16px;
-  position: relative;
-}
-.landing-blocks .prime-blocks .bar.bar-button:before {
-  content: "";
-  position: absolute;
-  top: 6px;
-  left: 10px;
-  right: 10px;
-  bottom: 6px;
-  height: 3px;
-  border-radius: 6px;
-  background: var(--home-blocks-bar-button-bg);
-}
-.landing-blocks .prime-blocks .circle {
-  width: 18px;
-  height: 18px;
-  border-radius: 100%;
-  background: var(--home-blocks-circle-bg);
-}
-.landing-blocks .prime-blocks .circle.circle-small {
-  width: 8px;
-  height: 8px;
-}
-.landing-blocks .prime-blocks .circle.circle-medium {
-  width: 14px;
-  height: 14px;
-}
-.landing-blocks .prime-blocks .circle.circle-highlight {
-  background: var(--home-highlight-color);
-}
-
-@media screen and (max-width: 1199px) {
-  .landing-blocks .prime-blocks {
-    margin: -24rem 0;
-    transform: rotateX(55deg) rotateY(0deg) rotateZ(-45deg) scale(0.6);
-  }
-}
-@keyframes block-animation {
-  to {
-    transform: translateY(-10px) translateX(10px) scale(1.02);
-    box-shadow: var(--home-blocks-animation-shadow);
-  }
-}
-.landing-templates {
-  overflow: hidden;
-  background: var(--home-templates-bg);
-}
-.landing-templates .templates {
-  transform: rotateX(55deg) rotateY(0deg) rotateZ(-45deg);
-  position: relative;
-  z-index: 1;
-}
-.landing-templates .templates .template-block {
-  width: 504px;
-  height: 257px;
-  background-size: cover;
-  border-radius: 6px;
-  overflow: hidden;
-  box-shadow: var(--home-templates-block-shadow);
-  border-left: var(--home-templates-block-border-left);
-  border-bottom: var(--home-templates-block-border-bottom);
-  position: relative;
-  z-index: 1;
-  transition: 1.5s;
-  opacity: 0;
-  visibility: hidden;
-}
-.landing-templates .templates .template-block.block-1 {
-  animation: animated-block-1 2s ease-in-out alternate infinite;
-}
-.landing-templates .templates .template-block.block-2 {
-  animation: animated-block-2 2s 0.2s ease-in-out alternate infinite;
-}
-.landing-templates .templates .template-block.block-middle {
-  transform: scale(0.9);
-}
-.landing-templates .templates .template-block.block-3 {
-  animation: animated-block-1 2s 0.4s ease-in-out alternate infinite;
-}
-.landing-templates .templates .template-block.block-4 {
-  animation: animated-block-2 2s 0.6s ease-in-out alternate infinite;
-}
-.landing-templates .templates .template-block.block-5 {
-  animation: animated-block-1 2s 0.8s ease-in-out alternate infinite;
-}
-.landing-templates .templates .template-block.block-6 {
-  animation: animated-block-2 2s 1s ease-in-out alternate infinite;
-}
-.landing-templates .templates .template-block:hover:before {
-  opacity: 1;
-}
-.landing-templates .templates .template-block:hover .templates-btn {
-  transform: scale(1);
-  opacity: 1;
-  visibility: visible;
-}
-.landing-templates .templates .template-block:before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: -1;
-  transition: 0.4s;
-  opacity: 0;
-  background-color: var(--home-templates-block-hover-bg);
-}
-.landing-templates .templates .template-block .templates-btn {
-  transition: 0.4s;
-  opacity: 0;
-  visibility: hidden;
-  transform: scale(0.4);
-  background: var(--home-templates-btn-bg);
-  border-radius: 30px;
-  padding: 8px 10px;
-  color: var(--home-templates-btn-text-color);
-  font-size: 14px;
-  text-decoration: none;
-  box-shadow: var(--home-templates-btn-shadow);
-  border-top: var(--home-templates-btn-border-top);
-  border-right: var(--home-templates-btn-border-right);
-  border-left: var(--home-templates-btn-border-left);
-  border-bottom: var(--home-templates-btn-border-bottom);
-}
-.landing-templates .templates .template-block.border-none {
-  box-shadow: none;
-}
-.landing-templates .templates .template-block.border-none:before {
-  display: none;
-}
-.landing-templates .templates .template-block .img-1 {
-  opacity: 0;
-  visibility: hidden;
-  transition: 1s;
-  transform: scale(0.4);
-  transition-delay: 0.8s;
-}
-.landing-templates .templates .template-block .img-2 {
-  opacity: 0;
-  visibility: hidden;
-  transition: 1s;
-  transform: scale(0.4);
-  transition-delay: 1.1s;
-}
-.landing-templates .templates .lines {
-  opacity: 0;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 0%;
-  height: 100%;
-  z-index: -1;
-  transition: 2s;
-}
-.landing-templates .templates .lines .top {
-  position: absolute;
-  top: 0;
-  left: 50%;
-  transform: translate(-50%, -25%);
-  z-index: -1;
-  display: flex;
-  width: 800px;
-  height: 200%;
-  align-items: center;
-  justify-content: space-between;
-}
-.landing-templates .templates .lines .top span {
-  display: block;
-  width: 1px;
-  height: 100%;
-  background: var(--home-templates-line);
-}
-.landing-templates .templates .lines .left {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  transform: translateY(-50%);
-  z-index: -1;
-  width: 100%;
-  height: 800px;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  justify-content: space-between;
-}
-.landing-templates .templates .lines .left span {
-  display: block;
-  width: 100%;
-  height: 1px;
-  background: var(--home-templates-line);
-}
-.landing-templates .templates.templates-animation .template-block {
-  opacity: 1;
-  visibility: visible;
-  transition: none !important;
-}
-.landing-templates .templates.templates-animation .block-middle .theme-mode, .landing-templates .templates.templates-animation .block-middle img {
-  opacity: 1;
-  visibility: visible;
-  transform: scale(1);
-  transition: none !important;
-}
-.landing-templates .templates.templates-animation .lines {
-  opacity: 0.5;
-  width: 100%;
-}
-
-@media screen and (max-width: 1199px) {
-  .landing-templates .templates .template-block {
-    width: 336px;
-    height: 171px;
-    border: none !important;
-  }
-}
-@media screen and (max-width: 991px) {
-  .landing-templates .templates {
-    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-  }
-  .landing-templates .templates .template-block {
-    width: 336px;
-    height: 171px;
-    border: none !important;
-    animation: none !important;
-    margin-right: 0 !important;
-    margin-left: 0 !important;
-  }
-  .landing-templates .templates .lines {
-    display: none;
-  }
-}
-@media screen and (max-width: 767px) {
-  .landing-templates .templates {
-    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-  }
-  .landing-templates .templates .template-block {
-    width: 354px;
-    height: 180px;
-  }
-}
-@keyframes animated-block-1 {
-  to {
-    transform: translateX(-10px);
-  }
-}
-@keyframes animated-block-2 {
-  to {
-    transform: translateX(10px);
-  }
-}
-.landing-features .box {
-  box-shadow: var(--home-features-card-shadow);
-}
-.landing-features .features-container {
-  max-width: 1250px !important;
-  margin-left: auto !important;
-  margin-right: auto !important;
-}
-
-.landing-footer a:focus-visible {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: var(--focus-ring);
-}/*# sourceMappingURL=styles.css.map */
\ No newline at end of file
diff --git a/src/styles.scss b/src/styles.scss
index 9278f05..e6cb491 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -2,17 +2,4 @@
 @tailwind components;
 @tailwind utilities;
 
-// Подключение темы для локальной разработки.
-// Перебивает выбранную тему, поэтому желательно чтобы подключенная и выбранная темы совпадали.
-// Подключать только при разработке и лучше в самом верху, чтобы tailwind не перебивал стили витрины.
-
-//@import '../primeng-sass-theme/themes/ek5/ek5-light-primary';
-//@import '../primeng-sass-theme/themes/brand/brand-light-primary';
-
-@import 'assets/showcase/styles/layout/layout.scss';
-@import 'assets/showcase/styles/primeng.css';
-@import 'primeicons/primeicons.css';
 @import '@tabler/icons-webfont/dist/tabler-icons.min.css';
-@import 'quill/dist/quill.snow.css';
-@import 'assets/showcase/styles/flags.css';
-@import '@docsearch/css/dist/style.css';
diff --git a/src/test.ts b/src/test.ts
deleted file mode 100644
index d2e04e8..0000000
--- a/src/test.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-import 'zone.js';
-import 'zone.js/testing';
-//
-import { getTestBed } from '@angular/core/testing';
-import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), {
-    teardown: { destroyAfterEach: false }
-});
diff --git a/tsconfig.app.json b/tsconfig.app.json
index bb3bb11..264f459 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -1,13 +1,15 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
-    "extends": "./tsconfig.json",
-    "compilerOptions": {
-        "outDir": "./out-tsc/app",
-        "types": ["node"],
-        "resolveJsonModule": true,
-        "allowSyntheticDefaultImports": true
-    },
-    "files": ["src/main.ts", "src/main.server.ts", "server.ts", "src/polyfills.ts"],
-    "include": ["src/**/*.d.ts"],
-    "exclude": ["node_modules", "**/node_modules/*"]
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/app",
+    "types": []
+  },
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "src/**/*.spec.ts"
+  ]
 }
diff --git a/tsconfig.json b/tsconfig.json
index 33a0bac..e4955f2 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,46 +1,34 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
-    "compileOnSave": false,
-    "include": [
-            "src/**/*.ts",
-            "typings.d.ts"
-    ],
-    "compilerOptions": {
-        "baseUrl": "./",
-        "outDir": "./dist/out-tsc",
-        "forceConsistentCasingInFileNames": false,
-        "noImplicitOverride": false,
-        "noPropertyAccessFromIndexSignature": false,
-        "noImplicitReturns": false,
-        "noFallthroughCasesInSwitch": false,
-        "sourceMap": true,
-        "allowSyntheticDefaultImports": true,
-        "declaration": false,
-        "downlevelIteration": true,
-        "experimentalDecorators": true,
-        "moduleResolution": "node",
-        "importHelpers": true,
-        "target": "ES6",
-        "module": "CommonJS",
-        "useDefineForClassFields": false,
-        "types": ["jasmine", "node"],
-        "lib": ["ES6", "ESNext", "dom"],
-        "resolveJsonModule": true,
-        "esModuleInterop": true,
-        "paths": {
-            "primeng/*": ["src/app/components/*/public_api"],
-            "@pages/*": ["src/app/showcase/pages/*"],
-            "@doc/*": ["src/app/showcase/doc/*"],
-            "@domain/*": ["src/app/showcase/domain/*"],
-            "@service/*": ["src/app/showcase/service/*"],
-            "@layout/*": ["src/app/showcase/layout/*"],
-            "@themes/*": ["src/app/components/themes/*"]
-        }
+  "compileOnSave": false,
+  "compilerOptions": {
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "target": "ES2022",
+    "module": "preserve"
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "typeCheckHostBindings": true,
+    "strictTemplates": true
+  },
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
     },
-    "exclude": ["node_modules", "**/node_modules/*", "src/app/components/**/*spec.ts"],
-    "angularCompilerOptions": {
-        "enableI18nLegacyMessageIdFormat": false,
-        "strictInjectionParameters": false,
-        "strictInputAccessModifiers": false,
-        "strictTemplates": false
+    {
+      "path": "./tsconfig.spec.json"
     }
+  ]
 }
diff --git a/tsconfig.server.json b/tsconfig.server.json
deleted file mode 100644
index 051a983..0000000
--- a/tsconfig.server.json
+++ /dev/null
@@ -1,19 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.app.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/server",
-    "types": [
-      "node"
-    ],
-    "resolveJsonModule": true,
-    "allowSyntheticDefaultImports": true
-  },
-  "files": [
-    "src/main.server.ts",
-    "server.ts",
-  ],
-  "paths": {
-    "primeng/*": ["src/app/components/*/public_api"]
-}
-}
diff --git a/tsconfig.spec-storybook.json b/tsconfig.spec-storybook.json
deleted file mode 100644
index 594bb78..0000000
--- a/tsconfig.spec-storybook.json
+++ /dev/null
@@ -1,23 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-    "extends": "./tsconfig.json",
-    "compilerOptions": {
-        "outDir": "./out-tsc/spec",
-        "moduleResolution": "bundler",
-        "types": [
-            "jasmine"
-        ]
-    },
-    "include": [
-        "src-storybook/**/*.spec.ts",
-        "src-storybook/**/*.d.ts"
-    ],
-    "exclude": ["node_modules", "**/node_modules/*", "**/src/*"],
-    "angularCompilerOptions": {
-        "enableI18nLegacyMessageIdFormat": false,
-        "strictInjectionParameters": true,
-        "strictInputAccessModifiers": true,
-        "strictTemplates": true
-    }
-}
diff --git a/tsconfig.spec.json b/tsconfig.spec.json
index d443ee8..940b30a 100644
--- a/tsconfig.spec.json
+++ b/tsconfig.spec.json
@@ -1,22 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
-    "extends": "./tsconfig.json",
-    "compilerOptions": {
-      "outDir": "./out-tsc/spec",
-      "types": [
-        "jasmine",
-        "node"
-      ],
-      "resolveJsonModule": true,
-      "allowSyntheticDefaultImports": true
-    },
-    "files": [
-      "src/test.ts",
-      "src/polyfills.ts"
-    ],
-    "include": [
-      "src/**/*.spec.ts",
-      "src/**/*.d.ts"
-    ],
-    "exclude": ["node_modules", "**/node_modules/*"]
-  }
-  
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "src/**/*.d.ts",
+    "src/**/*.spec.ts"
+  ]
+}
diff --git a/tsconfig.storybook-app.json b/tsconfig.storybook-app.json
deleted file mode 100644
index e5a652f..0000000
--- a/tsconfig.storybook-app.json
+++ /dev/null
@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": []
-  },
-  "files": [
-    "src-storybook/main.ts"
-  ],
-  "include": [
-    "src-storybook/**/*.d.ts"
-  ]
-}
diff --git a/typings.d.ts b/typings.d.ts
deleted file mode 100644
index 891f303..0000000
--- a/typings.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-declare module "*.scss" {
-    const content: {[className: string]: string};
-    export = content;
-}